@netang/quasar 0.0.33 → 0.0.35

package/components/drawer/index.vue

@@ -22,7 +22,6 @@
 <script>
 import { ref, inject, nextTick, watch } from 'vue'
 import { useQuasar } from 'quasar'
-import { useRoute } from 'vue-router'
 
 import { layoutKey, emptyRenderFn } from 'quasar/src/utils/private/symbols.js'
 
@@ -108,9 +107,6 @@ export default {
         // quasar 对象
         const $q = useQuasar()
 
-        // 获取当前路由
-        const $route = useRoute()
-
         // 获取权限注入数据
         const $power = inject(NPowerKey)
 
@@ -124,10 +120,14 @@ export default {
             } else {
                 currentModelValue.value = props.modelValue
             }
+
         } else {
             currentModelValue = ref(props.modelValue)
         }
 
+        // 创建防抖睡眠方法
+        const sleep = utils.debounceSleep()
+
         // 缓存名
         let cacheName = ''
 
@@ -159,7 +159,7 @@ export default {
         } else if (props.drag && props.cache) {
 
             // 设置缓存名
-            cacheName = `drawer_${props.side}_${props.cache === true ? $route.fullPath : props.cache}`
+            cacheName = `drawer:${props.side}:${props.cache === true ? ($power && $power.routePath ? $power.routePath : utils.router.getRoute('path')) : props.cache}`
 
             // 从缓存获取宽度
             const cache = utils.storage.get(cacheName)
@@ -237,14 +237,19 @@ export default {
             //     }
             // }
 
-            // 如果开启缓存
-            if (props.cache) {
-                // 设置缓存(永久缓存)
-                utils.storage.set(cacheName, newWidth, 0)
-            }
-
             // 设置当前宽度
             currentWidth.value = newWidth
+
+            // 如果开启缓存
+            if (props.drag && props.cache && cacheName) {
+
+                // 延迟执行
+                sleep(500)
+                    .then(function () {
+                        // 设置缓存(永久缓存)
+                        utils.storage.set(cacheName, newWidth, 0)
+                    })
+            }
         }
 
         // ==========【返回】=============================================================================================

package/components/field-table/index.vue

@@ -85,8 +85,7 @@
         >
             <!-- 快捷表格 -->
             <q-table
-                class="n-table"
-                style="min-width:500px;max-width:90vw;height: 300px;"
+                class="n-table n-field-table__popup-table"
                 v-model:pagination="tablePagination"
                 v-model:selected="selected"
                 :row-key="tableRowKey"
@@ -160,7 +159,6 @@
 
 <script>
 import { ref, computed, watch, onMounted, onUpdated } from 'vue'
-import { NRenderKey } from '../../utils/symbols'
 
 export default {
 
@@ -506,7 +504,7 @@ export default {
                 n_search[currentFilterKey.value] = [
                     {
                         // 比较类型
-                        type: dicts.SEARCH_TYPE__LIKE,
+                        compare: dicts.SEARCH_COMPARE_TYPE__LIKE,
                         // 值
                         value: val || '',
                     }
@@ -1073,4 +1071,15 @@ export default {
         cursor: text;
     }
 }
+
+/**
+ * 桌面
+ */
+body.desktop {
+    .n-field-table {
+        &__popup-table {
+            height: 300px;
+        }
+    }
+}
 </style>

package/components/search-item/index.vue

@@ -7,8 +7,9 @@
             <!-- 比较类型1 -->
             <q-select
                 class="n-field-group__select"
-                v-model="modelValue[0].type"
-                :options="compareOptions1"
+                v-model="modelValue[0].compare"
+                :options="data.compareOptions1"
+                :disable="data.compareOptions1.length === 1"
                 map-options
                 emit-value
                 outlined
@@ -23,14 +24,14 @@
                 dense
                 outlined
                 disable
-                v-if="data.type === 'date' && modelValue[0].type >= 20"
+                v-if="data.type === 'date' && modelValue[0].compare >= 20"
             />
 
             <!-- 多选(类型为 in / not in)-->
             <slot
                 :label="data.label"
                 :index="0"
-                :multiple="utils.indexOf([dicts.SEARCH_TYPE__IN, dicts.SEARCH_TYPE__NOT_IN], modelValue[0].type) > -1"
+                :multiple="utils.indexOf([dicts.SEARCH_COMPARE_TYPE__IN, dicts.SEARCH_COMPARE_TYPE__NOT_IN], modelValue[0].compare) > -1"
                 v-else
             />
         </div>
@@ -38,16 +39,14 @@
         <!-- 比较2(类型为 > / >=) -->
         <div
             class="n-field-group row"
-            v-if="utils.indexOf([dicts.SEARCH_TYPE__GT, dicts.SEARCH_TYPE__GTE], modelValue[0].type) > -1"
+            v-if="data.compareOptions2.length"
         >
             <!-- 比较类型2 -->
             <q-select
                 class="n-field-group__select"
-                v-model="modelValue[1].type"
-                :options="[
-                    { label: '<', value: dicts.SEARCH_TYPE__LT },
-                    { label: '≤', value: dicts.SEARCH_TYPE__LTE },
-                ]"
+                v-model="modelValue[1].compare"
+                :options="data.compareOptions2"
+                :disable="data.compareOptions2.length === 1"
                 map-options
                 emit-value
                 outlined
@@ -65,8 +64,7 @@
 </template>
 
 <script>
-import { computed, watch } from 'vue'
-import { quickRange } from '../field-date/methods'
+import { watch } from 'vue'
 
 export default {
 
@@ -97,73 +95,14 @@ export default {
      */
     setup(props, { emit }) {
 
-        // ==========【计算属性】=========================================================================================
-
-        /**
-         * 比较下拉列表1
-         * 1:  =
-         * 2:  !=
-         * 3:  >
-         * 4:  >=
-         * 5:  <
-         * 6:  <=
-         * 7:  LIKE
-         * 8:  NOT LIKE
-         * 9:  IN
-         * 10: NOT IN
-         */
-        const compareOptions1 = computed(function () {
-
-            // 如果类型为 文字
-            // --------------------------------------------------
-            if (props.data.type === 'text') {
-
-                // 相同 不同 包含 不含
-                return [
-                    { label: '相同', value: dicts.SEARCH_TYPE__EQUAL },
-                    { label: '不同', value: dicts.SEARCH_TYPE__NOT_EQUAL },
-                    { label: '包含', value: dicts.SEARCH_TYPE__LIKE },
-                    { label: '不含', value: dicts.SEARCH_TYPE__NOT_LIKE },
-                    { label: 'IN', value: dicts.SEARCH_TYPE__IN },
-                    { label: 'NOT IN', value: dicts.SEARCH_TYPE__NOT_IN },
-                ]
-            }
-
-            // 否则为数字
-            // --------------------------------------------------
-            const opts = [
-                { label: '=', value: dicts.SEARCH_TYPE__EQUAL },
-                { label: '!=', value: dicts.SEARCH_TYPE__NOT_EQUAL },
-                { label: '>', value: dicts.SEARCH_TYPE__GT },
-                { label: '≥', value: dicts.SEARCH_TYPE__GTE },
-            ]
-
-            // 如果类型为日期
-            if (props.data.type === 'date') {
-                // 添加日期快捷选项
-                utils.forEach(quickRange, function(label, key) {
-                    opts.push({ label, value: key + 20 })
-                })
-
-            // 否则类型为 数字
-            } else {
-                opts.push(
-                    { label: 'IN', value: dicts.SEARCH_TYPE__IN },
-                    { label: 'NOT IN', value: dicts.SEARCH_TYPE__NOT_IN },
-                )
-            }
-
-            return opts
-        })
-
         // ==========【监听数据】=========================================================================================
 
         /**
-         * 监听声明值
+         * 监听值的比较类型
          */
-        watch(()=>props.modelValue[0].type, function(val) {
+        watch(()=>props.modelValue[0].compare, function(val) {
             // 如果类型不为 in / not in, 为单选
-            if (utils.indexOf([dicts.SEARCH_TYPE__IN, dicts.SEARCH_TYPE__NOT_IN], val) === -1) {
+            if (utils.indexOf([dicts.SEARCH_COMPARE_TYPE__IN, dicts.SEARCH_COMPARE_TYPE__NOT_IN], val) === -1) {
                 const arr = utils.split(props.modelValue[0].value, ',')
                 if (arr.length !== 1) {
                     // 克隆值
@@ -175,13 +114,6 @@ export default {
                 }
             }
         })
-
-        // ==========【返回】=============================================================================================
-
-        return {
-            // 比较下拉列表1
-            compareOptions1,
-        }
     },
 }
 </script>

package/components/splitter/index.vue

@@ -1,9 +1,10 @@
 <template>
     <!-- 拆分器 -->
     <q-splitter
+        class="n-splitter"
+        :class="currentClass"
         v-model="currentValue"
         v-bind="$attrs"
-        v-if="$slots.before && $slots.after"
     >
         <!-- 插槽 -->
         <template
@@ -13,23 +14,11 @@
             <slot :name="slotName" />
         </template>
     </q-splitter>
-
-    <!-- before 插槽 -->
-    <slot
-        name="before"
-        v-else-if="$slots.before"
-    />
-
-    <!-- after 插槽 -->
-    <slot
-        name="after"
-        v-else-if="$slots.after"
-    />
-
 </template>
 
 <script>
-import { computed, ref, watch } from 'vue'
+import { computed, ref, watch, inject } from 'vue'
+import { NPowerKey } from '../../utils/symbols'
 
 export default {
 
@@ -47,6 +36,21 @@ export default {
             type: Number,
             required: true,
         },
+        // 显示前置插槽
+        showBefore: {
+            type: Boolean,
+            default: true,
+        },
+        // 显示后置插槽
+        showAfter: {
+            type: Boolean,
+            default: true,
+        },
+        // 是否开启缓存
+        cache: {
+            type: [Boolean, String],
+            default: true,
+        },
     },
 
     /**
@@ -67,13 +71,79 @@ export default {
          * 插槽标识
          */
         const slotNames = computed(function() {
-            return utils.isValidObject(slots) ? Object.keys(slots) : []
+
+            const keys = []
+
+            if (utils.isValidObject(slots)) {
+                for (const key in slots) {
+                    if (key === 'before') {
+                        if (props.showBefore) {
+                            keys.push(key)
+                        }
+
+                    } else if (key === 'after') {
+                        if (props.showAfter) {
+                            keys.push(key)
+                        }
+
+                    } else {
+                        keys.push(key)
+                    }
+                }
+            }
+
+            return keys
+        })
+
+        /**
+         * 当前样式
+         */
+        const currentClass = computed(function () {
+
+            if (props.showBefore) {
+                if (! props.showAfter) {
+                    return 'n-splitter--hide-before'
+                }
+
+            } else if (props.showAfter) {
+                if (! props.showBefore) {
+                    return 'n-splitter--hide-after'
+                }
+
+            } else {
+                return 'n-splitter--hide'
+            }
         })
 
         // ==========【数据】============================================================================================
 
+        // 获取权限注入
+        const $power = inject(NPowerKey)
+
+        // 缓存名
+        let cacheName = ''
+
+        // 初始值
+        let rawValue = props.modelValue
+
+        // 如果开启缓存
+        if (props.cache) {
+
+            // 设置缓存名
+            cacheName = `splitter:value:${props.cache === true ? ($power && $power.routePath ? $power.routePath : utils.router.getRoute('path')) : props.cache}`
+
+            // 从缓存获取初始值
+            const cache = utils.storage.get(cacheName)
+            if (cache) {
+                rawValue = cache
+            }
+        }
+
         // 当前值
-        const currentValue = ref(props.modelValue)
+        const currentValue = ref(rawValue)
+
+        // 创建防抖睡眠方法
+        const sleep = utils.debounceSleep()
 
         // ==========【监听数据】=========================================================================================
 
@@ -81,10 +151,8 @@ export default {
          * 监听声明值
          */
         watch(()=>props.modelValue, function (val) {
-
             // 如果值有变化
             if (val !== currentValue.value) {
-
                 // 更新当前值
                 currentValue.value = val
             }
@@ -97,6 +165,17 @@ export default {
 
             // 更新值
             emit('update:modelValue', val)
+
+            // 如果开启缓存
+            if (props.cache) {
+
+                // 延迟执行
+                sleep(500)
+                    .then(function () {
+                        // 设置缓存(永久缓存)
+                        utils.storage.set(cacheName, val, 0)
+                    })
+            }
         })
 
         // ==========【返回】=============================================================================================
@@ -106,7 +185,68 @@ export default {
             slotNames,
             // 当前值
             currentValue,
+            // 当前样式
+            currentClass,
         }
     }
 }
 </script>
+
+<style lang="scss">
+@import "@/assets/sass/var.scss";
+
+.n-splitter {
+
+    // 分离器激活背景色
+    &.q-splitter--active .q-splitter__separator ,
+    .q-splitter__separator:hover {
+        background-color: var(--q-primary);
+    }
+
+    // 隐藏前置插槽
+    &--hide-before {
+        &.q-splitter--horizontal {
+            .q-splitter__before {
+                height: 100% !important;
+            }
+        }
+        &.q-splitter--vertical {
+            .q-splitter__before {
+                width: 100% !important;
+            }
+        }
+        .q-splitter__after,
+        .q-splitter__separator {
+            display: none !important;
+        }
+    }
+
+    // 隐藏后置插槽
+    &--hide-after {
+        &.q-splitter--horizontal {
+            .q-splitter__after {
+                height: 100% !important;
+            }
+        }
+        &.q-splitter--vertical {
+            .q-splitter__after {
+                width: 100% !important;
+            }
+        }
+        .q-splitter__before,
+        .q-splitter__separator {
+            display: none !important;
+        }
+    }
+
+    // 隐藏前后置插槽
+    &--hide {
+        .q-splitter__before,
+        .q-splitter__after,
+        .q-splitter__separator {
+            display: none !important;
+        }
+    }
+}
+</style>
+

package/components/table/index.vue

@@ -11,18 +11,28 @@
         <n-toolbar
             :dense="dense"
             header
-        />
+        >
+            <!-- 插槽 -->
+            <template
+                v-for="slotName in slotNames.toolbar"
+                v-slot:[slotName]
+            >
+                <slot :name="`toolbar-${slotName}`"/>
+            </template>
+        </n-toolbar>
 
         <!-- 左侧分类 -->
+        <slot name="left-drawer" v-if="slotNames.leftDrawer" />
         <n-drawer
-            :model-value="true"
+            :model-value="! hideLeftDrawer"
             :side="treeSide"
             :width="200"
             :min-width="150"
             bordered
             drag
             cache
-            v-if="treeNodes.length"
+            v-bind="leftDrawerProps"
+            v-else-if="treeNodes.length"
         >
             <q-scroll-area class="absolute-full">
 
@@ -50,6 +60,7 @@
                     v-model:selected="treeSelected"
                     no-selection-unset
                     default-expand-all
+                    v-bind="treeProps"
                 />
 
             </q-scroll-area>
@@ -70,6 +81,7 @@
                     :columns="tableColumns"
                     :visible-columns="tableVisibleColumns"
                     :selection="tableSelection"
+                    :separator="tableSeparator"
                     :loading="tableLoading"
                     :rows-per-page-options="tableRowsPerPageOptions"
                     :grid="tableGrid"
@@ -79,6 +91,7 @@
                     flat
                     virtual-scroll
                     :dense="dense"
+                    v-bind="tableProps"
                 >
                     <!-- 图片 -->
                     <template
@@ -96,7 +109,7 @@
 
                     <!-- 插槽 -->
                     <template
-                        v-for="slotName in slotNames"
+                        v-for="slotName in slotNames.table"
                         v-slot:[slotName]="props"
                     >
                         <q-td :props="props">
@@ -132,14 +145,16 @@
         </q-page-container>
 
         <!-- 右侧搜索 -->
+        <slot name="right-drawer" v-if="slotNames.rightDrawer" />
         <n-drawer
-            :model-value="true"
+            :model-value="! hideRightDrawer"
             :side="searchSide"
             :min-width="320"
             bordered
             drag
             cache
-            v-if="! noSearch && tableSearchValue.length"
+            v-bind="rightDrawerProps"
+            v-else-if="! noSearch && tableSearchValue.length"
         >
             <!-- 搜索 -->
             <n-search
@@ -147,8 +162,17 @@
                 :options="tableSearchOptions"
                 :on-search="tableReload"
                 :on-reset="tableSearchReset"
-            />
+            >
+                <!-- 插槽 -->
+                <template
+                    v-for="slotName in slotNames.search"
+                    v-slot:[slotName]
+                >
+                    <slot :name="`search-${slotName}`"/>
+                </template>
+            </n-search>
         </n-drawer>
+
     </q-layout>
 </template>
 
@@ -170,6 +194,10 @@ export default {
     props: {
         // 表格请求地址
         url: String,
+        // 表格声明属性
+        tableProps: Object,
+        // 树声明属性
+        treeProps: Object,
         // 树节点唯一键值
         treeNodeKey: {
             type: String,
@@ -189,13 +217,13 @@ export default {
         treeNodeClick: Function,
         // 显示树筛选
         treeFilter: Boolean,
-        // 不显示搜索
-        noSearch: Boolean,
         // 树位置
         treeSide: {
             type: String,
             default: 'left',
         },
+        // 不显示搜索
+        noSearch: Boolean,
         // 搜索位置
         searchSide: {
             type: String,
@@ -206,6 +234,14 @@ export default {
             type: Boolean,
             default: true,
         },
+        // 隐藏左边侧滑菜单
+        hideLeftDrawer: Boolean,
+        // 左边侧滑菜单声明属性
+        leftDrawerProps: Object,
+        // 隐藏右边侧滑菜单
+        hideRightDrawer: Boolean,
+        // 右边侧滑菜单声明属性
+        rightDrawerProps: Object,
     },
 
     /**
@@ -233,7 +269,7 @@ export default {
             // 对话框中的表格双击表格行
             currentTableRowDblclick = function (e, row) {
                 // 如果不是多选
-                if ($table.tableSelection !== 'multiple') {
+                if ($table.tableSelection.value !== 'multiple') {
                     $table.tableSelected.value = [ row ]
                     $dialog.confirm()
                 }
@@ -259,7 +295,37 @@ export default {
          * 插槽标识
          */
         const slotNames = computed(function() {
-            return utils.isValidObject(slots) ? Object.keys(slots) : []
+
+            const toolbar = []
+            const search = []
+            const table = []
+            let leftDrawer = false
+            let rightDrawer = false
+
+            // 如果有插槽
+            if (utils.isValidObject(slots)) {
+                for (const key in slots) {
+                    if (key.startsWith('toolbar-')) {
+                        toolbar.push(key.replace('toolbar-', ''))
+                    } else if (key.startsWith('search-')) {
+                        search.push(key.replace('search-', ''))
+                    } else if (key === 'left-drawer') {
+                        leftDrawer = true
+                    } else if (key === 'right-drawer') {
+                        rightDrawer = true
+                    } else {
+                        table.push(key)
+                    }
+                }
+            }
+
+            return {
+                toolbar,
+                search,
+                table,
+                leftDrawer,
+                rightDrawer,
+            }
         })
 
         // ==========【监听数据】=========================================================================================

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netang/quasar",
-  "version": "0.0.33",
+  "version": "0.0.35",
   "description": "netang-quasar",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"

package/utils/$power.js

@@ -55,6 +55,9 @@ function create(params) {
         }
     }
 
+    // 获取当前路由
+    const $currentRoute = utils.router.getRoute()
+
     // 权限路由
     let $route
 
@@ -85,7 +88,7 @@ function create(params) {
 
     // 否则获取当前路由
     } else {
-        $route = utils.router.getRoute()
+        $route = $currentRoute
     }
 
     // quasar 对象
@@ -255,8 +258,10 @@ function create(params) {
                 await request({
                     // 按钮数据
                     data,
-                    // 当前路由参数
+                    // 权限路由参数
                     $route,
+                    // 当前路由参数
+                    $currentRoute,
                     // 表格选中数据
                     tableSelected,
                     // 表格实例
@@ -784,7 +789,10 @@ async function request(params) {
     }, params)
 
     const {
+        // 权限路由参数
         $route,
+        // 当前路由参数
+        $currentRoute,
     } = params
 
     o.query = $route.query
@@ -802,6 +810,9 @@ async function request(params) {
         return
     }
 
+    // 克隆 data
+    o.data = _.cloneDeep(o.data)
+
     // 判断 url
     o.data.url = _.toLower(utils.trimString(o.data.url))
     if (! o.data.url) {
@@ -844,7 +855,8 @@ async function request(params) {
 
         // 如果有增加来源页面参数
         if (_.get(o.data, 'addFromPageQuery') === true) {
-            query.n_frompage = encodeURIComponent($route.fullPath)
+            // 来源页面是当前路由的完整路径
+            query.n_frompage = encodeURIComponent($currentRoute.fullPath)
         }
 
         utils.router.push({
@@ -953,10 +965,17 @@ async function request(params) {
         })
 
         // 返回结果数据
-        const resultData = Object.assign({}, res, {
-            params: o,
+        const resultData = Object.assign({
+            // 参数
+            options: o,
+            // 请求数据
             requestData,
-        })
+        }, res)
+
+        // 请求后执行
+        if (await utils.runAsync(o.requestAfter)(resultData) === false) {
+            return
+        }
 
         // 如果请求成功
         if (res.status) {
@@ -1025,8 +1044,7 @@ async function request(params) {
             }
 
             // 请求成功执行
-            const res = await utils.runAsync(o.requestSuccess)(Object.assign({ next }, resultData))
-            if (res === false) {
+            if (await utils.runAsync(o.requestSuccess)(Object.assign({ next }, resultData)) === false) {
                 return
             }
 
@@ -1037,9 +1055,6 @@ async function request(params) {
             // 请求失败执行
             utils.run(o.requestFail)(resultData)
         }
-
-        // 请求后执行
-        utils.run(o.requestAfter)(resultData)
     }
 }
 

package/utils/$search.js

@@ -1,18 +1,96 @@
 import { date as quasarDate } from 'quasar'
-import { getQuickRange } from '../components/field-date/methods'
+import { getQuickRange, quickRange } from '../components/field-date/methods'
 
 /**
  * 比较类型默认值
  */
 const COMPARE_TYPE_MAPS = {
     // 数字
-    number: [dicts.SEARCH_TYPE__EQUAL, dicts.SEARCH_TYPE__LT],
+    number: dicts.SEARCH_COMPARE_TYPE__EQUAL,
     // 文字
-    text: [dicts.SEARCH_TYPE__LIKE, dicts.SEARCH_TYPE__LT],
+    text: dicts.SEARCH_COMPARE_TYPE__LIKE,
     // 价格
-    price: [dicts.SEARCH_TYPE__EQUAL, dicts.SEARCH_TYPE__LT],
+    price: dicts.SEARCH_COMPARE_TYPE__EQUAL,
     // 日期
-    date: [dicts.SEARCH_TYPE__GTE, dicts.SEARCH_TYPE__LTE],
+    date: dicts.SEARCH_COMPARE_TYPE__EQUAL,
+}
+
+/**
+ * 设置单个比较条件
+ */
+function setItemCompare(item) {
+
+    // 初始比较条件数组
+    let opts1 = item.type === 'text'
+        // 如果类型为 文字
+        ? [
+            { label: '相同', value: dicts.SEARCH_COMPARE_TYPE__EQUAL },
+            { label: '不同', value: dicts.SEARCH_COMPARE_TYPE__NOT_EQUAL },
+            { label: '包含', value: dicts.SEARCH_COMPARE_TYPE__LIKE },
+            { label: '不含', value: dicts.SEARCH_COMPARE_TYPE__NOT_LIKE },
+        ]
+        // 否则为数字
+        : [
+            { label: '=', value: dicts.SEARCH_COMPARE_TYPE__EQUAL },
+            { label: '!=', value: dicts.SEARCH_COMPARE_TYPE__NOT_EQUAL },
+            { label: '>', value: dicts.SEARCH_COMPARE_TYPE__GT },
+            { label: '≥', value: dicts.SEARCH_COMPARE_TYPE__GTE },
+        ]
+
+    // 如果类型为日期
+    if (item.type === 'date') {
+        // 添加日期快捷选项
+        utils.forEach(quickRange, function(label, key) {
+            opts1.push({ label, value: key + 20 })
+        })
+
+    // 否则为其他
+    } else {
+        opts1.push(
+            { label: 'IN', value: dicts.SEARCH_COMPARE_TYPE__IN },
+            { label: 'NOT IN', value: dicts.SEARCH_COMPARE_TYPE__NOT_IN },
+        )
+    }
+
+    // 如果有比较类型
+    if (
+        _.has(item, 'compare')
+        && utils.isValidArray(item.compare)
+    ) {
+        const {
+            compare,
+            compareIgnore
+        } = item
+
+        // 如果有筛选比较条件
+        // 筛选比较条件
+        opts1 = opts1.filter(
+            compareIgnore === true
+                // 如果为忽略比较条件
+                ? e => compare.indexOf(e.value) === -1
+                // 否则为限制比较条件
+                : e => compare.indexOf(e.value) > -1
+        )
+    }
+
+    // 如果没有比较选项, 则设置相同为默认
+    if (! opts1.length) {
+        opts1.push({ label: type === 'text' ? '相同' : '=', value: dicts.SEARCH_COMPARE_TYPE__EQUAL })
+    }
+
+    // 值1 比较类型条件
+    item.compareOptions1 = opts1
+    // 值2 比较类型条件
+    item.compareOptions2 = []
+
+    // 如果比较类型有 >
+    if (_.findIndex(opts1, { value: dicts.SEARCH_COMPARE_TYPE__GT }) > -1) {
+        item.compareOptions2.push({ label: '<', value: dicts.SEARCH_COMPARE_TYPE__LT })
+
+    // 如果比较类型有 >=
+    } else if (_.findIndex(opts1, { value: dicts.SEARCH_COMPARE_TYPE__GTE }) > -1) {
+        item.compareOptions2.push({ label: '≤', value: dicts.SEARCH_COMPARE_TYPE__LTE })
+    }
 }
 
 /**
@@ -23,26 +101,61 @@ export function setItemValue(value, val) {
     // 如果值为数组
     if (Array.isArray(val)) {
         // 比较类型为 in
-        value[0].type = dicts.SEARCH_TYPE__IN
+        value[0].compare = dicts.SEARCH_COMPARE_TYPE__IN
         // 设置值为将数组转为逗号分隔的字符串
         value[0].value = utils.join(val, ',')
 
     // 如果值是逗号隔开
     } else if (utils.split(val, ',').length > 1) {
         // 比较类型为 in
-        value[0].type = dicts.SEARCH_TYPE__IN
+        value[0].compare = dicts.SEARCH_COMPARE_TYPE__IN
         // 设置值为将数组转为逗号分隔的字符串
         value[0].value = val
 
     // 否则为单个值
     } else {
         // 比较类型为 ==
-        value[0].type = dicts.SEARCH_TYPE__EQUAL
+        value[0].compare = dicts.SEARCH_COMPARE_TYPE__EQUAL
         // 设置值为当前值
         value[0].value = val
     }
 }
 
+/**
+ * 格式化单个比较条件
+ */
+function formatItemValueCompare(value, { compareOptions1 }) {
+
+    // 获取第一个值
+    const value1 = value[0]
+
+    // 如果值1 的比较条件不在值1 的限制范围内
+    if (_.findIndex(compareOptions1, { value: value1.compare }) === -1) {
+        // 则取比较条件中的第一个
+        value1.compare = compareOptions1[0].value
+    }
+
+    // 如果比较类型不为 in / not in
+    if (utils.indexOf([ dicts.SEARCH_COMPARE_TYPE__IN, dicts.SEARCH_COMPARE_TYPE__NOT_IN ], value1.compare) === -1) {
+        // 如果值中含有逗号
+        const arr = utils.split(value1.value, ',')
+        if (arr.length > 1) {
+            value1.value = arr[0]
+        }
+    }
+
+    // 如果值1 比较类型为 >
+    if (value1.compare === dicts.SEARCH_COMPARE_TYPE__GT) {
+        // 则修改值2 类型为 <
+        value[1].compare = dicts.SEARCH_COMPARE_TYPE__LT
+
+    // 如果值1 比较类型为 >=
+    } else if (value1.compare === dicts.SEARCH_COMPARE_TYPE__GTE) {
+        // 则修改值2 类型为 <=
+        value[1].compare = dicts.SEARCH_COMPARE_TYPE__LTE
+    }
+}
+
 /**
  * 从表格列获取原始值
  */
@@ -80,6 +193,9 @@ function getRawData(tableColumns, query, searchFromQuery = true) {
                 newItem.dict = item.dict
             }
 
+            // 设置单个比较条件
+            setItemCompare(newItem)
+
             // 原始表格搜索参数
             rawSearchOptions.push(newItem)
 
@@ -90,21 +206,21 @@ function getRawData(tableColumns, query, searchFromQuery = true) {
                 // 值1
                 {
                     // 比较类型
-                    type: COMPARE_TYPE_MAPS[item.search.type][0],
+                    compare: COMPARE_TYPE_MAPS[newItem.type],
                     // 值
                     value: '',
                 },
                 // 值2
                 {
                     // 比较类型
-                    type: COMPARE_TYPE_MAPS[item.search.type][1],
+                    compare: dicts.SEARCH_COMPARE_TYPE__LT,
                     // 值
                     value: '',
                 },
             ]
 
             // 如果是日期
-            if (item.search.type === 'date') {
+            if (newItem.type === 'date') {
                 // 设置日期类型
                 value[0].dateType = 'day'
             }
@@ -128,10 +244,16 @@ function getRawData(tableColumns, query, searchFromQuery = true) {
                 searchQueryKey.push(newItem.name)
 
             // 否则, 如果表格参数中有设置初始值
-            } else if (_.has(item, 'search.value') && utils.isValidArray(item.search.value)) {
-                value = _.merge([], value, item.search.value)
+            } else if (
+                _.has(newItem, 'value')
+                && utils.isValidArray(newItem.value)
+            ) {
+                value = _.merge([], value, newItem.value)
             }
 
+            // 格式化单个值的比较条件
+            formatItemValueCompare(value, newItem)
+
             // 首次初始表格搜索值
             firstTableSearchValue.push(value)
         }
@@ -257,7 +379,7 @@ function formatValue(rawSearchOptions, searchValue) {
             if (utils.isValidValue(value1.value)) {
 
                 // 如果值1 类型为 in / not in
-                if (utils.indexOf([dicts.SEARCH_TYPE__IN, dicts.SEARCH_TYPE__NOT_IN], value1.type) > -1) {
+                if (utils.indexOf([dicts.SEARCH_COMPARE_TYPE__IN, dicts.SEARCH_COMPARE_TYPE__NOT_IN], value1.compare) > -1) {
                     const vals = []
                     utils.forEach(utils.split(utils.trimString(value1.value).replaceAll('，', ','), ','), function (item) {
                         item = utils.numberDeep(item)
@@ -268,7 +390,7 @@ function formatValue(rawSearchOptions, searchValue) {
                     if (vals.length) {
                         lists.push({
                             field: name,
-                            type: value1.type,
+                            compare: value1.compare,
                             value: vals,
                         })
                     }
@@ -278,7 +400,7 @@ function formatValue(rawSearchOptions, searchValue) {
                 // 否则添加值1
                 lists.push({
                     field: name,
-                    type: value1.type,
+                    compare: value1.compare,
                     value: utils.numberDeep(value1.value),
                 })
             }
@@ -299,9 +421,9 @@ function formatValue(rawSearchOptions, searchValue) {
                 // 如果是日期
                 type === 'date'
                 // 如果类型为快捷日期
-                && value1.type >= 20
+                && value1.compare >= 20
             ) {
-                const res = getQuickRange(value1.type - 20, true)
+                const res = getQuickRange(value1.compare - 20, true)
                 if (res) {
 
                     lists.push(
@@ -309,14 +431,14 @@ function formatValue(rawSearchOptions, searchValue) {
                         {
                             field: name,
                             // ≥
-                            type: dicts.SEARCH_TYPE__GTE,
+                            compare: dicts.SEARCH_COMPARE_TYPE__GTE,
                             value: utils.numberDeep(quasarDate.formatDate(utils.toDate(`${res.date.from} ${res.time.from}`), 'X')),
                         },
                         // 日期止
                         {
                             field: name,
                             // ≤
-                            type: dicts.SEARCH_TYPE__LTE,
+                            compare: dicts.SEARCH_COMPARE_TYPE__LTE,
                             value: utils.numberDeep(quasarDate.formatDate(utils.toDate(`${res.date.to} ${res.time.to}`), 'X')),
                         }
                     )
@@ -328,12 +450,12 @@ function formatValue(rawSearchOptions, searchValue) {
             addValue1(value1)
 
             // 只有值1 类型为 > / ≥ 值2才有效
-            if (utils.indexOf([dicts.SEARCH_TYPE__GT, dicts.SEARCH_TYPE__GTE], value1.type) > -1) {
+            if (utils.indexOf([dicts.SEARCH_COMPARE_TYPE__GT, dicts.SEARCH_COMPARE_TYPE__GTE], value1.compare) > -1) {
                 const value2 = searchValue[itemIndex][1]
                 if (utils.isValidValue(value2.value)) {
                     lists.push({
                         field: name,
-                        type: value2.type,
+                        compare: value2.compare,
                         value: utils.numberDeep(value2.value),
                     })
                 }

package/utils/$table.js

@@ -37,6 +37,8 @@ function create(params) {
         rowKey: 'id',
         // 选择类型, 可选值 single multiple none
         selection: 'multiple',
+        // 分隔栏, 可选值 horizontal vertical cell none
+        separator: 'cell',
         // 已选数据
         selected: [],
         // 表格加载状态
@@ -198,7 +200,7 @@ function create(params) {
     })
 
     // 获取可见列缓存
-    const visibleColumnsCache = o.showVisibleColumns && isCache ? utils.storage.get('table_visible_columns_' + cacheName) : []
+    const visibleColumnsCache = o.showVisibleColumns && isCache ? utils.storage.get('table:visible_columns:' + cacheName) : []
 
     // 表格可见列
     const tableVisibleColumns = ref(Array.isArray(visibleColumnsCache) ? visibleColumnsCache : _.uniq([...o.visibleColumns]))
@@ -213,7 +215,7 @@ function create(params) {
     const tablePagination = ref($route.fullPath ? o.pagination : {})
 
     // 表格宫格
-    const tableGrid = ref(o.showGrid && isCache ? utils.storage.get('table_grid_' + cacheName) === true : false)
+    const tableGrid = ref(o.showGrid && isCache ? utils.storage.get('table:grid:' + cacheName) === true : false)
 
     // 表格传参
     const tableQuery = ref({})
@@ -227,6 +229,12 @@ function create(params) {
     // 表格合计
     const tableSummary = ref(null)
 
+    // 表格选择类型
+    const tableSelection = ref(o.selection)
+
+    // 表格分隔栏
+    const tableSeparator = ref(o.separator)
+
     const {
         // 原始参数
         rawQuery,
@@ -304,7 +312,7 @@ function create(params) {
 
             // 设置宫格模式缓存(永久缓存)
             // #if ! IS_DEV
-            utils.storage.set('table_grid_' + cacheName, val, 0)
+            utils.storage.set('table:grid:' + cacheName, val, 0)
             // #endif
         })
     }
@@ -317,7 +325,7 @@ function create(params) {
 
             // 设置可见列缓存(永久缓存)
             // #if ! IS_DEV
-            utils.storage.set('table_visible_columns_' + cacheName, val, 0)
+            utils.storage.set('table:visible_columns:' + cacheName, val, 0)
             // #endif
         })
     }
@@ -402,11 +410,11 @@ function create(params) {
                     if (hasNSearch && _.has(query.n_search, item.name)) {
                         const newSearchItem = query.n_search[item.name]
                         if (utils.isValidArray(newSearchItem)) {
-                            valueItem[0].type = newSearchItem[0].type
+                            valueItem[0].compare = newSearchItem[0].compare
                             valueItem[0].value = newSearchItem[0].value
 
                             if (newSearchItem.length > 1) {
-                                valueItem[1].type = newSearchItem[1].type
+                                valueItem[1].compare = newSearchItem[1].compare
                                 valueItem[1].value = newSearchItem[1].value
                             }
                         }
@@ -750,7 +758,7 @@ function create(params) {
     function _tableRowClick(e, row) {
 
         // 如果选择类型为无
-        if (o.selection === 'none') {
+        if (tableSelection.value === 'none') {
             // 则无任何操作
             return
         }
@@ -765,7 +773,7 @@ function create(params) {
         if (itemIndex === -1) {
 
             // 如果选择类型为单选
-            if (o.selection === 'single') {
+            if (tableSelection.value === 'single') {
                 tableSelected.value = [ row ]
 
             // 否则为多选
@@ -795,7 +803,7 @@ function create(params) {
     function _tableRowDblclick(e, row) {
 
         // 如果选择类型为无
-        if (o.selection === 'none') {
+        if (tableSelection.value === 'none') {
             // 则无任何操作
             return
         }
@@ -860,7 +868,9 @@ function create(params) {
         // 表格 id key
         tableRowKey: o.rowKey,
         // 表格选择类型
-        tableSelection: o.selection,
+        tableSelection,
+        // 表格分隔栏
+        tableSeparator,
         // 表格每页显示行数选项
         tableRowsPerPageOptions: rowsPerPageOptions,
         // 表格列数据(对象数组)

package/utils/$tree.js

@@ -1,4 +1,5 @@
 import { isRef, watch } from 'vue'
+
 import { NPowerKey } from './symbols'
 
 /**
@@ -280,8 +281,8 @@ function create(params) {
                 utils.$dialog.create({
                     // 标题
                     title: `移动至节点的${o.type === 'moveUp' ? '上方' : (o.type === 'moveDown' ? '下方' : '内部')}`,
+                    // 宽度
                     width: 500,
-                    minWidth: 500,
                     // 组件标识
                     name: 'moveToTree',
                     // 组件参数

package/utils/price.js

@@ -1,13 +1,13 @@
-/**
- * 换算金额
- */
-utils.price = function(value, params) {
-    return utils.decimal(value, Object.assign({
-        // 最小值
-        min: 0,
-        // 小数点位数
-        decimalLength: 2,
-        // 是否开启人民币分转元(如值 189 -> 1.89)
-        centToYuan: utils.config('priceCent') === true,
-    }, params))
-}
+/**
+ * 换算金额
+ */
+utils.price = function(value, params) {
+    return utils.decimal(value, Object.assign({
+        // 最小值
+        min: 0,
+        // 小数点位数
+        decimalLength: 2,
+        // 是否开启人民币分转元(如值 189 -> 1.89)
+        centToYuan: utils.config('priceCent') === true,
+    }, params))
+}