@netang/quasar 0.0.20 → 0.0.22

package/utils/{$role.js → $power.js}

@@ -1,10 +1,263 @@
-import { isRef } from 'vue'
-import { useRoute } from 'vue-router'
+import { provide, inject, ref, computed } from 'vue'
+import { useQuasar } from 'quasar'
 
-import { stateRole } from '../store'
+import { statePower } from '../store'
+import { NPowerKey, NFormKey, NTableKey } from './symbols'
 
 /**
- * 设置角色数据
+ * 创建权限实例
+ */
+function create(params) {
+
+    // 获取参数
+    const o = Object.assign({
+        // 路由路径
+        path: '',
+        // 路由参数
+        query: {},
+        // 页面加载
+        pageLoading: false,
+        // 页面状态
+        pageStatus: null,
+        // 空状态描述
+        emptyDescription: '',
+        // 是否开启权限
+        power: true,
+        // 左边侧滑菜单图标
+        leftDrawerIcon: 'format_list_bulleted',
+        // 右边侧滑菜单图标
+        rightDrawerIcon: 'search',
+
+        // 请求前执行
+        requestBefore: null,
+        // 请求成功执行
+        requestSuccess: null,
+        // 请求失败执行
+        requestFail: null,
+        // 请求后执行
+        requestAfter: null,
+    }, params)
+
+    // 获取权限路由
+    const $route = utils.isValidString(o.path) ?
+        // 如果为自定义路由
+        utils.router.resolve({
+            path: o.path,
+            query: o.query,
+        })
+        // 否则获取当前路由
+        : utils.router.getRoute()
+
+    // quasar 对象
+    const $q = useQuasar()
+
+    // 表格已选数据
+    const tableSelected = ref([])
+
+    // 是否显示左边侧滑菜单
+    const leftDrawerModelValue = ref(null)
+
+    // 是否显示右边侧滑菜单
+    const rightDrawerModelValue = ref(null)
+
+    /**
+     * 检查是否上传中
+     */
+    function checkUploading() {
+        for (const uploader of data.uploader) {
+            if (uploader.checkUploading()) {
+                return true
+            }
+        }
+        return false
+    }
+
+    const _data = {
+        // 表格实例
+        $table: null,
+        // 表单实例
+        $form: null,
+    }
+
+    // 注入数据
+    const data = {
+        // 页面加载
+        pageLoading: ref(o.pageLoading),
+        // 页面状态
+        pageStatus: ref(o.pageStatus),
+        // 空状态描述
+        emptyDescription: ref(o.emptyDescription),
+
+        // 当前路由全路径
+        routeFullPath: $route.fullPath,
+        // 当前路由路径
+        routePath: $route.path,
+        // 当前路由参数
+        routeQuery: $route.query,
+        // 获取当前路由
+        getRoute() {
+            return $route
+        },
+
+        // 左边侧滑菜单数据
+        leftDrawer: {
+            // 图标
+            icon: o.leftDrawerIcon,
+            // 是否显示
+            modelValue: leftDrawerModelValue,
+            // 是否显示切换按钮
+            showButton() {
+                return leftDrawerModelValue.value !== null
+            },
+            // 切换
+            toggle() {
+                if (leftDrawerModelValue.value !== null) {
+                    leftDrawerModelValue.value = ! leftDrawerModelValue.value
+                }
+            },
+        },
+        // 右边侧滑菜单数据
+        rightDrawer: {
+            // 图标
+            icon: o.rightDrawerIcon,
+            // 是否显示
+            modelValue: rightDrawerModelValue,
+            // 是否显示切换按钮
+            showButton() {
+                return rightDrawerModelValue.value !== null
+            },
+            // 切换
+            toggle() {
+                if (rightDrawerModelValue.value !== null) {
+                    rightDrawerModelValue.value = ! rightDrawerModelValue.value
+                }
+            },
+        },
+        // 表格已选数据
+        tableSelected,
+        // 上传器
+        uploader: [],
+        // 检查是否上传中
+        checkUploading,
+    }
+
+    // 如果是权限页面
+    if (o.power) {
+
+        // 获取当前页面角色权限
+        const { status, data: res } = getPageData($route)
+        if (! status) {
+            o.pageStatus = false
+            o.emptyDescription = res.msg
+            o.power = false
+
+        } else {
+            // 当前页面权限
+            data.powerPage = res.page
+            // 当前页面权限按钮
+            data.powerBtns = ref(res.btns)
+            // 当前页面工具栏权限按钮
+            data.toolbarPowerBtns = computed(function() {
+
+                // 有权限按钮数据
+                if (utils.isValidArray(data.powerBtns.value)) {
+
+                    const lists = _.filter(formatBtns(data.powerBtns.value), e => e.type > 2)
+
+                    // 格式化权限按钮列表
+                    utils.forEach(lists, function(item) {
+
+                        if (! item.hidden) {
+
+                            // 如果是单条数据显示
+                            const isSingle = item.show === 'single'
+
+                            // 如果是单条 || 多条显示
+                            if (isSingle || item.show === 'multi') {
+
+                                // 初始为不显示
+                                item.show = false
+
+                                // 如果有表格选中数据
+                                if (utils.isValidArray(data.tableSelected.value)) {
+                                    // 如果是单个显示
+                                    if (isSingle) {
+                                        item.show = data.tableSelected.value.length === 1
+
+                                    // 否则是多个显示
+                                    } else {
+                                        item.show = data.tableSelected.value.length >= 1
+                                    }
+                                }
+                            }
+
+                            // 如果是手机模式
+                            if ($q.platform.is.mobile) {
+                                item.icon = undefined
+                            }
+                        }
+                    })
+
+                    return lists
+                }
+
+                return []
+            })
+
+            // 权限按钮点击
+            data.powerBtnClick = async function ({ data }, tableSelected) {
+
+                // 权限请求
+                await request({
+                    // 按钮数据
+                    data,
+                    // 表格选中数据
+                    tableSelected,
+                    // 表格实例
+                    $table: _data.$table,
+                    // 表单实例
+                    $form: _data.$form,
+                    // 检查是否正在上传文件
+                    checkUploading,
+
+                    // 请求前执行
+                    requestBefore: o.requestBefore,
+                    // 请求成功执行
+                    requestSuccess: o.requestSuccess,
+                    // 请求失败执行
+                    requestFail: o.requestFail,
+                    // 请求后执行
+                    requestAfter: o.requestAfter,
+                })
+            }
+        }
+    }
+
+    // 如果没有开启权限
+    if (! o.power) {
+        // 当前页面权限
+        data.powerPage = {}
+        // 当前页面权限按钮
+        data.powerBtns = ref([])
+        // 当前页面工具栏权限按钮
+        data.toolbarPowerBtns = ref([])
+        // 权限按钮点击
+        data.powerBtnClick = ()=>{}
+    }
+
+    // 更新数据
+    data.update = function(cb) {
+        cb(data, _data)
+    }
+
+    // 提供可以被后代组件注入的值
+    provide(NPowerKey, data)
+
+    return data
+}
+
+/**
+ * 设置权限数据
  */
 function setData(data) {
 
@@ -167,8 +420,8 @@ function setData(data) {
         }
     }
 
-    // 保存至状态中
-    stateRole.value = {
+    // 保存至权限状态中
+    statePower.value = {
         // 角色权限版本
         v,
         // all id
@@ -183,18 +436,18 @@ function setData(data) {
 }
 
 /**
- * 获取管理端角色权限数据
+ * 获取权限
  */
 async function getData() {
 
-    // 如果没有管理端角色权限数据
-    if (! stateRole.value.v) {
+    // 如果没有权限数据
+    if (! statePower.value.v) {
 
-        // 获取管理端角色权限数据
-        const res = await utils.getData(utils.config('rolePowerName'))
+        // 获取权限数据
+        const res = await utils.getData(utils.config('powerName'))
         if (res === false) {
-            stateRole.value = {
-                // 角色权限版本
+            statePower.value = {
+                // 权限版本
                 v: null,
                 // all id
                 all: {},
@@ -209,9 +462,9 @@ async function getData() {
         }
     }
 
-    // 如果有角色状态数据, 则直接返回
-    if (stateRole.value.v) {
-        return utils.success(_.cloneDeep(stateRole.value))
+    // 如果有权限状态数据, 则直接返回
+    if (statePower.value.v) {
+        return utils.success(_.cloneDeep(statePower.value))
     }
 
     return utils.fail()
@@ -291,13 +544,13 @@ function parseQuery(data, settings) {
 }
 
 /**
- * 格式化权限按钮列表
+ * 格式化权限按钮
  */
-function formatRoleBtnLists(roleBtnLists, filterBtns, toObject = false) {
+function formatBtns(powerBtns, filterBtns, toObject = false) {
 
     const newLists = []
 
-    utils.forEach(roleBtnLists, function(item) {
+    utils.forEach(powerBtns, function(item) {
 
         const {
             name,
@@ -456,25 +709,15 @@ function formatQuery(query, isJoinArr) {
 async function request(params) {
 
     // 参数
-    const o = _.merge({
+    const o = Object.assign({
         // 按钮数据
         data: {},
         // 参数
         query: {},
-        // 布局数据
-        layoutData: {},
         // 表格选中数据
         tableSelected: [],
-        // 表格刷新
-        tableRefresh: null,
         // 检查是否正在上传文件
         checkUploading: null,
-        // 表单节点
-        formRef: null,
-        // 表单数据
-        formData: null,
-        // 重置表单
-        resetForm: null,
         // 请求前执行
         requestBefore: null,
         // 请求成功执行
@@ -550,50 +793,29 @@ async function request(params) {
     // --------------------------------------------------
     if (o.data.type === dicts.POWER_DATA_TYPE__FORM) {
 
+        // 获取表单注入
+        o.$form = _.has(params, '$form') ? params.$form : inject(NFormKey)
+
+        if (! o.$form) {
+            throw new Error('没有创建表单实例')
+        }
+
         // 如果验证表单
         if (_.get(o.data, 'validate') !== false) {
 
-            let formRef
-            if (o.formRef) {
-                if (isRef(o.formRef)) {
-                    formRef = o.formRef.value
-                } else if (_.isFunction(o.formRef)) {
-                    formRef = o.formRef()
-                } else {
-                    formRef = o.formRef
-                }
-            }
-
-            // 如果没有绑定表单节点
-            if (! formRef) {
-
-                // 【调试模式】
-                // --------------------------------------------------
-                // #ifdef IS_DEBUG
-                console.log('没有绑定 fromRef')
-                // #endif
-                // --------------------------------------------------
-
-                return
+            if (! o.$form.formRef) {
+                throw new Error('没有绑定 fromRef')
             }
 
             // 验证表单
-            if (! await formRef.validate()) {
+            if (! await o.$form.formRef.value.validate()) {
                 return
             }
         }
 
-        // 判断表单数据
-        if (! utils.isValidObject(o.formData)) {
-
-            // 【调试模式】
-            // --------------------------------------------------
-            // #ifdef IS_DEBUG
-            console.log('没有获取到表单数据')
-            // #endif
-            // --------------------------------------------------
-
-            return
+        // 验证表单数据
+        if (! utils.isValidObject(o.$form.formData.value)) {
+            throw new Error('没有获取到表单数据')
         }
 
         // 检查是否正在上传文件
@@ -606,11 +828,14 @@ async function request(params) {
         }
 
         // 获取请求数据
-        requestData = _.merge({}, formatQuery(query, false), o.formData)
+        requestData = _.merge({}, formatQuery(query, false), o.$form.formData.value)
 
     // 如果是请求数据
     // --------------------------------------------------
     } else {
+        // 获取表格注入
+        o.$table = _.has(params, '$table') ? params.$table : inject(NTableKey)
+
         // 获取请求数据
         requestData = formatQuery(query, false)
     }
@@ -710,12 +935,12 @@ async function request(params) {
 
                         // 重置表单
                         case 'resetForm':
-                            utils.run(o.resetForm)()
+                            utils.run(o.$form?.resetForm)()
                             break
 
                         // 刷新表格
                         case 'refreshTable':
-                            utils.run(o.tableRefresh)()
+                            utils.run(o.$table?.tableRefresh)()
                             break
                     }
                 }
@@ -743,65 +968,47 @@ async function request(params) {
 /**
  * 获取当前页面角色权限
  */
-async function getPageData($route, pageStatus, emptyDescription, roleBtnLists) {
+function getPageData($route) {
 
     if (! $route) {
-        $route = useRoute()
-    }
-
-    function fail(message) {
-
-        if (! _.isNil(pageStatus) && isRef(pageStatus)) {
-            pageStatus.value = false
-        }
-
-        if (! _.isNil(emptyDescription) && isRef(emptyDescription)) {
-            emptyDescription.value = message
-
-        } else {
-            // 提示框
-            utils.alert({
-                message,
-            })
-        }
-        return false
+        $route = utils.router.getRoute()
     }
 
     const path = _.get($route, 'path')
     if (! path) {
-        return fail('路由参数错误')
+        return utils.fail('路由参数错误')
     }
 
-    // 获取角色数据
-    const { status, data: { urls, btns } } = await utils.$role.getData()
-    if (! status || ! _.has(urls, path)) {
-        return fail('该页面没有权限')
+    if (! statePower.value.v) {
+        return utils.fail('没有获取到权限数据')
     }
 
-    // 设置权限按钮列表
-    const roleBtns = _.has(btns, path) ? btns[path] : []
-    if (! _.isNil(roleBtnLists) && isRef(roleBtnLists)) {
-        roleBtnLists.value = roleBtns
+    // 获取角色数据
+    const { urls, btns } = _.cloneDeep(statePower.value)
+    if (! _.has(urls, path)) {
+        return utils.fail('该页面没有权限')
     }
 
-    return {
+    return utils.success({
         page: urls[path],
-        btns: roleBtns,
-    }
+        btns: _.has(btns, path) ? btns[path] : [],
+    })
 }
 
 /**
- * 角色业务
+ * 权限业务
  */
-utils.$role = {
-    // 设置角色数据
+utils.$power = {
+    // 创建
+    create,
+    // 设置权限数据
     setData,
-    // 获取角色数据
+    // 获取权限数据
     getData,
-    // 获取页面角色数据
+    // 获取页面权限数据
     getPageData,
-    // 格式化权限按钮列表
-    formatRoleBtnLists,
+    // 格式化权限按钮
+    formatBtns,
     // 请求
     request,
 }