@netang/quasar 0.0.20

package/utils/alert.js

@@ -0,0 +1,10 @@
+import { Dialog } from 'quasar'
+
+/**
+ * 提示框
+ */
+utils.alert = function(params) {
+    return Dialog.create(Object.assign({
+        title: '提示',
+    }, params))
+}

package/utils/bus.js

@@ -0,0 +1,6 @@
+import { EventBus } from 'quasar'
+
+/**
+ * 事件总线
+ */
+utils.bus = new EventBus()

package/utils/config.js

@@ -0,0 +1,22 @@
+import configData from '@/configs/production.json'
+
+// 【开发模式】
+// --------------------------------------------------
+// #if IS_DEBUG && IS_DEV
+import configDataDev from '@/configs/development.json'
+_.merge(configData, configDataDev)
+// #endif
+
+// 【测试模式】
+// --------------------------------------------------
+// #if IS_DEBUG && IS_TEST
+import configDataTest from '@/configs/testing.json'
+_.merge(configData, configDataTest)
+// #endif
+
+/**
+ * 获取配置
+ */
+utils.config = function(key = '', defaultValue = '') {
+    return key ? _.get(configData, key, defaultValue) : configData
+}

package/utils/confrim.js

@@ -0,0 +1,11 @@
+import { Dialog } from 'quasar'
+
+/**
+ * 确认框
+ */
+utils.confirm = function(params) {
+    return Dialog.create(Object.assign({
+        title: '提示',
+        cancel: true,
+    }, params))
+}

package/utils/dict.js

@@ -0,0 +1,44 @@
+import dictData from '@/configs/dict.json'
+
+/**
+ * 数据字典
+ */
+
+// 设置字典数据
+utils.dictData = dictData
+
+/**
+ * 获取字典值对应的文字
+ */
+utils.dict = function(key, value, defaultValue = '') {
+    if (
+        key
+        && _.has(dictData, key)
+    ) {
+        for (const item of dictData[key]) {
+            if (item[1] === value) {
+                return item[0]
+            }
+        }
+    }
+
+    return defaultValue
+}
+
+utils.dictOptions = function(key, textKey = 'label', valueKey = 'value') {
+
+    const lists = []
+
+    const dictItem = _.get(dictData, key, [])
+
+    for (const item of dictItem) {
+
+        const val = {}
+        val[textKey] = item[0]
+        val[valueKey] = item[1]
+
+        lists.push(val)
+    }
+
+    return lists
+}

package/utils/getData.js

@@ -0,0 +1,61 @@
+import { isRef } from 'vue'
+
+/**
+ * 获取公共数据
+ */
+utils.getData = async function(url, pageStatus, emptyDescription, refValue) {
+
+    const warn = _.isNil(pageStatus) || ! isRef(pageStatus)
+
+    // 如果是数组, 说明需要同时请求多个地址
+    // --------------------------------------------------
+    if (Array.isArray(url)) {
+
+        const result = await utils.http(_.map(url, function (item) {
+            return {
+                url: utils.config('commonDataUrl') + item,
+                warn,
+            }
+        }))
+
+        const res = []
+
+        for (const { status, data } of result) {
+            if (! status) {
+                if (! warn) {
+                    pageStatus.value = false
+                }
+                if (! _.isNil(emptyDescription) && isRef(emptyDescription)) {
+                    emptyDescription.value = data.msg
+                }
+                return false
+            }
+            res.push(data)
+        }
+
+        return res
+    }
+
+    // 单个请求
+    // --------------------------------------------------
+    const { status, data } = await utils.http({
+        url: utils.config('commonDataUrl') + url,
+        warn,
+    })
+    if (! status) {
+        if (! warn) {
+            pageStatus.value = false
+        }
+        if (! _.isNil(emptyDescription) && isRef(emptyDescription)) {
+            emptyDescription.value = data.msg
+        }
+        return false
+    }
+
+    // 直接设置 value
+    if (! _.isNil(refValue) && isRef(refValue)) {
+        refValue.value = data
+    }
+
+    return data
+}

package/utils/getFile.js

@@ -0,0 +1,30 @@
+/**
+ * 获取文件
+ */
+utils.getFile = function(src) {
+
+    if (src) {
+
+        // 如果为数组, 则获取第一个
+        if (utils.isValidArray(src)) {
+            src = src[0]
+        }
+
+        if (utils.isValidString(src)) {
+
+            // http(s):// 或 data: 或 blob: 开头的地址
+            if (/^(http(s)?:\/\/|data:|blob:)/i.test(src)) {
+                return src
+            }
+
+            const uploaderConfig = utils.config('uploader.upload')
+            switch (uploaderConfig.type) {
+                // 七牛云
+                case 'qiniu':
+                    return utils.slash(uploaderConfig.domain, 'end', true) + src
+            }
+        }
+    }
+
+    return ''
+}

package/utils/getImage.js

@@ -0,0 +1,136 @@
+/**
+ * 获取图片
+ */
+utils.getImage = function(src, params) {
+
+    if (src) {
+
+        // 如果为数组, 则获取第一个
+        if (utils.isValidArray(src)) {
+            src = src[0]
+
+        // 如果为对象
+        } else if (utils.isValidObject(src)) {
+
+            if (_.has(src, 'params')) {
+                params = src.params
+            }
+
+            if (_.has(src, 'img')) {
+                src = src.img
+            }
+        }
+
+        if (utils.isValidString(src)) {
+
+            // http(s):// 或 data: 或 blob: 开头的地址
+            if (/^(http(s)?:\/\/|data:|blob:)/i.test(src)) {
+                return src
+            }
+
+            // 如果为对象定义的规格
+            if (utils.isValidObject(params)) {
+
+                // 【自动缩放】
+                // 如果没有定义 w
+                // --------------------------------------------------
+                if (! _.has(params, 'w')) {
+
+                    const {
+                        width,
+                        zoom,
+                    } = params
+
+                    // 如果自动缩放
+                    if (zoom && width) {
+
+                        let w = width
+
+                        if (! utils.isNumeric(w) && _.isString(w)) {
+                            w = w.replace('px', '')
+                        }
+
+                        if (utils.isNumeric(w)) {
+                            w = Number(w)
+                            if (w > 0) {
+
+                                // 获取设备像素比
+                                /* #if IS_WEB */
+                                const devicePixelRatio = window.devicePixelRatio || 1
+                                if (devicePixelRatio > 2) {
+                                    w *= 2
+                                }
+                                /* #endif */
+
+                                if (w > 10) {
+                                    w = parseInt(String(w / 10)) * 10
+                                } else {
+                                    w = parseInt(String(w))
+                                }
+                                params = Object.assign({}, params, { w })
+                            }
+                        }
+                    }
+                }
+                // --------------------------------------------------
+            }
+
+            const uploaderConfig = utils.config('uploader.upload')
+            switch (uploaderConfig.type) {
+                // 七牛云
+                case 'qiniu':
+
+                    const {
+                        w,
+                        h,
+                        q,
+                        // local,
+                        format,
+                    } = Object.assign({
+                        // 宽
+                        w: 0,
+                        // 高
+                        h: 0,
+                        // 质量
+                        q: 75,
+                        // // 是否本地
+                        // local: false,
+                        // 格式
+                        format: 'webp',
+                    }, params)
+
+                    // 如果是本地路径
+                    // if (local) {
+                    //     return src
+                    // }
+
+                    // 裁剪图片方式
+                    src += '?imageView2/2'
+
+                    // 质量
+                    if (q) {
+                        src += '/q/' + q
+                    }
+
+                    // 宽
+                    if (w) {
+                        src += '/w/' + w
+                    }
+
+                    // 高
+                    if (h) {
+                        src += '/h/' + h
+                    }
+
+                    // 格式
+                    if (format) {
+                        src += '/format/' + format
+                    }
+
+                    return utils.slash(uploaderConfig.domain, 'end', true) + src
+            }
+        }
+    }
+
+    return ''
+}

package/utils/getTime.js

@@ -0,0 +1,94 @@
+import { date as quasarDate } from 'quasar'
+
+/**
+ * 获取时间
+ */
+utils.getTime = function(time, params, defaultValue = '') {
+
+    if (! time) {
+        return utils.isValidString(params) ? params : defaultValue
+    }
+
+    let {
+        hideCurrentYear,
+        showSecond,
+        format,
+        calendar,
+        showCalendarToday,
+        showCalendarTime,
+
+    } = Object.assign({
+        // 默认格式化
+        format: 'MM-DD HH:mm',
+        // 显示秒
+        showSecond: false,
+        // 隐藏当前年份
+        hideCurrentYear: false,
+        // 日历时间
+        calendar: false,
+        // 显示日历今天
+        showCalendarToday: false,
+        // 显示日历时间
+        showCalendarTime: false,
+    }, params)
+
+    // 传入时间
+    const date = utils.toDate(time)
+
+    // 当前时间
+    const now = utils.toDate(utils.timestamp())
+
+    // 如果是自然化时间
+    // 如果是今天, 则显示时分秒
+    // 如果是昨天, 则显示昨天
+    // 如果是本周, 则显示星期几
+    // 如果是本年, 则显示某月某日
+    // 如果是非本年, 则显示某年某月某日
+    if (calendar) {
+
+        // 当前时间
+        let time = ''
+
+        // 如果是今年
+        if (quasarDate.formatDate(date, 'YYYY') === quasarDate.formatDate(now, 'YYYY')) {
+
+            // 如果是今天
+            const resDay = quasarDate.formatDate(date, 'YYYY-MM-DD')
+            if (resDay === quasarDate.formatDate(now, 'YYYY-MM-DD')) {
+                return showCalendarToday ? '今天' : quasarDate.formatDate(date, 'HH:mm' + (showSecond ? ':ss' : ''))
+            }
+
+            // 判断是否是昨天
+            if (resDay === quasarDate.formatDate(quasarDate.subtractFromDate(now, { days: 1 }), 'YYYY-MM-DD')) {
+                time = '昨天'
+
+            // 是否为本周(判断日期在本年是第几周 如果相同, 则是本周)
+            } else if (quasarDate.formatDate(date, 'YYYY w') === quasarDate.formatDate(now, 'YYYY w')) {
+                time = quasarDate.formatDate(date, 'dddd')
+
+            // 否则显示某月某日
+            } else {
+                time = quasarDate.formatDate(date, 'MM月DD日')
+            }
+
+        // 否则显示某年某月某日
+        } else {
+            time = quasarDate.formatDate(date, 'YYYY年MM月DD日')
+        }
+
+        // 是否显示日历时间
+        if (showCalendarTime) {
+            return time + ' ' + quasarDate.formatDate(date, 'HH:mm' + (showSecond ? ':ss' : ''))
+        }
+
+        // 否则仅显示日期
+        return time
+    }
+
+    // 如果是今年是否显示
+    if (! hideCurrentYear || quasarDate.formatDate(date, 'YYYY') !== quasarDate.formatDate(now, 'YYYY')) {
+        format = 'YYYY-' + format
+    }
+
+    return quasarDate.formatDate(date, format + (showSecond ? ':ss' : ''))
+}

package/utils/http.js

@@ -0,0 +1,251 @@
+import { isRef } from 'vue'
+import axios from 'axios'
+import createHttp from '@netang/utils/http'
+import { stateRole } from '../store'
+
+/**
+ * 初始化 http
+ */
+utils.http = createHttp({
+    // 基础 url
+    baseUrl: utils.config('apiUrl'),
+    // 是否开启错误提醒(true:普通方式/false:不开启/alert:对话框方式)
+    warn: 'alert',
+    // 检查结果的 code 是否正确(前提数据类型必须为 json)
+    checkCode: true,
+    // 是否包含头部鉴权认证
+    token: true,
+    // 是否强制登录
+    login: true,
+    // 是否开启防抖(防止重复请求)
+    debounce: true,
+    // 缓存方法
+    storage: utils.storage,
+    // 是否已更新过鉴权
+    _isUpdatedAuthToken: false,
+
+    // 页面状态
+    pageStatus: null,
+    // 空状态描述
+    emptyDescription: '',
+
+    /**
+     * 设置参数
+     */
+    onOptions({ options, para }) {
+
+        // 取消请求
+        if (_.isFunction(para.onCancel)) {
+            const source = axios.CancelToken.source()
+            options.cancelToken = source.token
+
+            // 取消请求
+            para.onCancel(function(msg) {
+                // 取消请求
+                source.cancel(msg)
+            })
+        }
+
+        // 获取上传进度
+        if (para.upload === true && _.isFunction(para.onUploadProgress)) {
+            options.onUploadProgress = function (e) {
+                para.onUploadProgress(Math.round(e.loaded * 100 / e.total), e)
+            }
+        }
+    },
+
+    /**
+     * 处理请求
+     */
+    async onRequest({ options, para, onError, next }) {
+
+        // 如果无网络
+        // if (! utils.state.get('network').isOnline) {
+        //     return onError({
+        //         code: dicts.CODE__SERVER_ERROR,
+        //         msg: '网络不给力，请检查设置后重试',
+        //     })
+        // }
+
+        // const {
+        //     // 应用版本名称
+        //     appVersion,
+        //     // 应用资源(wgt)的版本名称
+        //     appWgtVersion,
+        //     // 【自定义】app 类型(1:app-android,2:app-ios,3:web-mobile,4:web-pc)
+        //     appType,
+        // } = utils.getSystemInfo()
+
+        // 如果验证 code, 说明是请求业务服务器
+        if (para.checkCode) {
+
+            // 加载设备信息
+            // if (para.device) {
+            //     Object.assign(options.headers, {
+            //         // app 类型(1:app-android,2:app-ios,3:web-mobile,4:web-pc)
+            //         Apptype: appType,
+            //         // app 版本号
+            //         Appversion: appVersion,
+            //         // app wgt 版本号
+            //         Appwgtversion: appWgtVersion,
+            //     })
+            // }
+
+            // 如果需要头部鉴权
+            if (para.token) {
+
+                // 如果已登录
+                if (utils.$auth.isLogin()) {
+                    const { token } = utils.$auth.getAdminUserInfo()
+
+                    // 头部添加鉴权认证
+                    options.headers.Authorization = token
+
+                    // 如果有权限
+                    if (stateRole.value.v) {
+                        // 头部添加权限版本号
+                        options.headers.Rv = stateRole.value.v
+                    }
+
+                // 否则未登录 && 如果开启强制登录, 则跳转登录页面
+                } else if (para.login) {
+                    utils.$auth.pushLogin()
+                    return false
+                }
+            }
+        }
+
+        // 【调试模式】
+        // --------------------------------------------------
+        // #ifdef IS_DEBUG
+            console.log('【请求 http】options', options)
+        // #endif
+        // --------------------------------------------------
+
+        const res = await next(await axios(options))
+
+        // 如果请求成功
+        if (res.status && para.checkCode && para.token) {
+            // 设置角色数据
+            utils.$role.setData(_.get(res, 'response.data.role'))
+        }
+
+        return res
+    },
+
+    /**
+     * 处理错误
+     */
+    onError({ data, para, r }) {
+
+        if (para.upload === true && axios.isCancel(r)) {
+            return {
+                cancel: true,
+                msg: r.message,
+            }
+        }
+
+        // 【调试模式】
+        // --------------------------------------------------
+        // #if IS_DEBUG
+            console.error('【请求错误 http error】', r?.response)
+        // #endif
+        // --------------------------------------------------
+
+        // 如果开启错误提醒
+        if (
+            para.warn !== false
+            && (
+                data.code < dicts.CODE__BUSINESS_ERROR
+                || data.code === dicts.CODE__SERVER_ERROR
+            )
+        ) {
+            // 错误消息
+            let message = data.msg
+
+            // 【调试模式】
+            // --------------------------------------------------
+            // #if IS_DEBUG
+            if (
+                data.code === dicts.CODE__SERVER_ERROR
+                && utils.isValidString(_.get(r, 'response.data'))
+            ) {
+                message = r.response.data
+            }
+            // #endif
+            // --------------------------------------------------
+
+            // 如果错误方式为提示框
+            if (para.warn === 'alert') {
+
+                // 提示框
+                utils.alert({
+                    message,
+
+                    // #if IS_DEBUG
+                    // --------------------------------------------------
+                    style: 'width:80vw;max-width:80vw;',
+                    html: true,
+                    // #endif
+                    // --------------------------------------------------
+
+                })
+
+            // 否则为轻提示
+            } else {
+                // 轻提示
+                utils.toast({
+                    message,
+
+                    // #if IS_DEBUG
+                    // --------------------------------------------------
+                    html: true,
+                    // #endif
+                    // --------------------------------------------------
+                })
+            }
+        }
+
+        // 页面状态
+        if (! _.isNil(para.pageStatus) && isRef(para.pageStatus)) {
+            para.pageStatus.value = false
+        }
+
+        // 空状态描述
+        if (! _.isNil(para.emptyDescription) && isRef(para.emptyDescription)) {
+            para.emptyDescription.value = data.msg
+        }
+    },
+
+    /**
+     * 处理业务错误
+     */
+    async onBusinessError({ data, para, onHttp }) {
+
+        if (utils.indexOf([
+            // 状态码(411:强制退出)
+            dicts.CODE__LOGOUT,
+            // 状态码(410:token 过期需要重新鉴权)
+            dicts.CODE__TOKEN_EXPIRED,
+            // 状态码(412:当前用户账号被禁用，需要退出并重新跳转至登录页面)
+            dicts.CODE__ACCOUNT_DISABLED,
+            // 状态码(415:没有权限访问当前页面)
+            dicts.CODE__NO_PERMISSION,
+
+        ], data.code) > -1) {
+
+            // 轻提示
+            utils.toast({
+                message: data.msg || '请重新登录',
+            })
+
+            // 退出登录
+            utils.$auth.logout()
+
+            // 跳转登录页面
+            utils.$auth.pushLogin()
+
+            return false
+        }
+    },
+})

package/utils/loading.js

@@ -0,0 +1,13 @@
+import { Loading } from 'quasar'
+
+/**
+ * 加载
+ */
+utils.loading = {
+    show() {
+        Loading.show()
+    },
+    hide() {
+        Loading.hide()
+    },
+}

package/utils/notify.js

@@ -0,0 +1,13 @@
+import { Notify } from 'quasar'
+
+/**
+ * 通知
+ */
+utils.notify = function(params) {
+    Notify.create(Object.assign({
+        // 出现位置
+        position: 'bottom-right',
+        // 显示时间
+        timeout: 1500,
+    }, params))
+}