// 加载状态，提示语
import { ref } from 'vue'

// 全局 loading 状态（可用于页面绑定 v-if）
const isLoading = ref(false)

/**
 * 显示 loading
 * @param {string} title - 提示文字（H5 支持，App 小程序部分支持）
 */
const showLoading = (title = '加载中...') => {
  isLoading.value = true
  // uni.showLoading 在 H5 和 App 中行为略有不同，但基本可用
  uni.showLoading({
    title,
    mask: true // 防止穿透点击
  })
}

/**
 * 隐藏 loading
 */
const hideLoading = () => {
  isLoading.value = false
  uni.hideLoading()
}

/**
 * 统一 Toast 提示
 * @param {string} message - 提示内容
 * @param {string} type - 'success' | 'error' | 'warning' | 'none'
 * @param {number} duration - 持续时间（毫秒）
 */
const showToast = (message, type = 'none', duration = 2000) => {
  let icon = 'none'
  if (type === 'success') icon = 'success'
  if (type === 'error') icon = 'error'
  if (type === 'warning') icon = 'none'

  uni.showToast({
    title: message,
    icon,
    duration,
    mask: true
  })
}

// 导出响应式状态和方法
export const useUI = () => {
  return {
    isLoading: isLoading, // 可用于模板中 v-if="isLoading"
    showLoading,
    hideLoading,
    showToast
  }
}