「Uniapp」一些常用方法的封装

弹窗 - showModal

/**
 * 封装 uni.showModal
 * @param {Object|String} options 配置对象或提示内容
 * @param {String} [options.title='提示'] 标题
 * @param {String} options.content 提示内容
 * @param {Boolean} [options.showCancel=true] 是否显示取消按钮
 * @param {String} [options.confirmText='确定'] 确认按钮文字
 * @param {String} [options.cancelText='取消'] 取消按钮文字
 * @param {String} [options.confirmColor='#3CC51F'] 确认按钮颜色
 * @param {String} [options.cancelColor='#999'] 取消按钮颜色
 * @param {Function} [callback] 回调函数，接收 confirm 参数
 * @return {Promise} 返回 Promise 对象
 */
export function showModal(options, callback) {
    // 处理参数，支持直接传入字符串内容
    if (typeof options === 'string') {
        options = {
            content: options
        }
    }

    // 默认配置
    const defaultOptions = {
        title: '提示',
        showCancel: true,
        confirmText: '确定',
        cancelText: '取消',
        confirmColor: '#3CC51F',
        cancelColor: '#999'
    }

    // 合并配置
    const modalOptions = {
        ...defaultOptions,
        ...options
    }

    // 返回 Promise
    return new Promise((resolve, reject) => {
        uni.showModal({
            ...modalOptions,
            success: (res) => {
                // 执行回调函数
                if (typeof callback === 'function') {
                    callback(res.confirm)
                }
                // Promise 处理
                if (res.confirm) {
                    resolve(res)
                } else if (res.cancel) {
                    reject(res)
                }
            },
            fail: (err) => {
                // 执行回调函数
                if (typeof callback === 'function') {
                    callback(false)
                }
                reject(err)
            }
        })
    })
}

// 导出快捷方法
export const modal = {
    // 普通提示
    alert(content, title = '提示') {
        return showModal({
            content,
            title,
            showCancel: false
        })
    },

    // 确认对话框
    confirm(content, title = '提示') {
        return showModal({
            content,
            title
        })
    },

    // 删除确认
    deleteConfirm(content = '确定要删除吗？', title = '删除提示') {
        return showModal({
            content,
            title,
            confirmText: '删除',
            confirmColor: '#DD524D'
        })
    },

    // 错误提示
    error(content, title = '哎呀，出现错误了') {
        return showModal({
            content,
            title,
            showCancel: false,
            confirmText: '我知道了',
            confirmColor: '#DD524D'
        })
    }
}