@netang/quasar 0.0.34 → 0.0.36

package/components/data/index.vue

@@ -0,0 +1,23 @@
+<template>
+    <slot :data="data" />
+</template>
+
+<script>
+export default {
+    /**
+     * 标识
+     */
+    name: 'NData',
+
+    /**
+     * 传参
+     */
+    props: {
+        // 数据
+        data: {},
+    },
+}
+</script>
+
+<style>
+</style>

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()
 
-        // 获取当前路由
-        let fullPath = ''
-
         // 获取权限注入数据
         const $power = inject(NPowerKey)
 
@@ -124,13 +120,9 @@ export default {
             } else {
                 currentModelValue.value = props.modelValue
             }
-            // 权限路由路径
-            fullPath = $power.routeFullPath
 
         } else {
             currentModelValue = ref(props.modelValue)
-            // 当前路由路径
-            fullPath = useRoute().fullPath
         }
 
         // 创建防抖睡眠方法
@@ -167,7 +159,7 @@ export default {
         } else if (props.drag && props.cache) {
 
             // 设置缓存名
-            cacheName = `drawer_${props.side}_${props.cache === true ? 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)
@@ -249,7 +241,7 @@ export default {
             currentWidth.value = newWidth
 
             // 如果开启缓存
-            if (props.cache) {
+            if (props.drag && props.cache && cacheName) {
 
                 // 延迟执行
                 sleep(500)

package/components/field-table/index.vue

@@ -3,6 +3,7 @@
     <q-field
         class="n-field-table"
         :model-value="showValue"
+        :disable="disable"
         :readonly="readonly"
         :clearable="clearable && (! multiple || collapseTags)"
         @focus="onFieldFocus"
@@ -37,7 +38,7 @@
                             :key="`options-${index}`"
                             :label="currentFormatLabel(item)"
                             dense
-                            removable
+                            :removable="! readonly && ! disable"
                             @remove="onRemoveSelected(index)"
                         />
                     </template>
@@ -58,13 +59,13 @@
                 ref="inputRef"
                 class="q-field__input q-placeholder col q-field__input--padding"
                 v-model="inputValue"
-                v-if="filter"
+                v-if="filter && ! readonly && ! disable"
             />
 
         </template>
 
         <!-- 弹出对话框图标 -->
-        <template v-slot:append v-if="! noDialog">
+        <template v-slot:append v-if="! noDialog && ! readonly && ! disable">
             <q-icon
                 class="cursor-pointer"
                 name="search"
@@ -85,8 +86,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 +160,6 @@
 
 <script>
 import { ref, computed, watch, onMounted, onUpdated } from 'vue'
-import { NRenderKey } from '../../utils/symbols'
 
 export default {
 
@@ -224,6 +223,8 @@ export default {
         placeholder: String,
         // 是否可清除
         clearable: Boolean,
+        // 是否禁用
+        disable: Boolean,
         // 是否只读
         readonly: Boolean,
         // 输入防抖(毫秒)
@@ -506,7 +507,7 @@ export default {
                 n_search[currentFilterKey.value] = [
                     {
                         // 比较类型
-                        type: dicts.SEARCH_TYPE__LIKE,
+                        compare: dicts.SEARCH_COMPARE_TYPE__LIKE,
                         // 值
                         value: val || '',
                     }
@@ -1073,4 +1074,15 @@ export default {
         cursor: text;
     }
 }
+
+/**
+ * 桌面
+ */
+body.desktop {
+    .n-field-table {
+        &__popup-table {
+            height: 300px;
+        }
+    }
+}
 </style>

package/components/input-format/index.vue

@@ -32,8 +32,12 @@ export default {
         modelValue: {
             required: false,
         },
-        // 格式化值
-        format: [Function, String],
+        // 值是否为数组
+        valueArray: Boolean,
+        // 修改前值
+        formatBefore: [Function, Object, Boolean],
+        // 修改后值
+        formatAfter: [Function, Object, Boolean],
     },
 
     /**
@@ -61,7 +65,7 @@ export default {
         // ==========【数据】============================================================================================
 
         // 当前值
-        const currentValue = ref(props.modelValue)
+        const currentValue = ref(formatModelValue(props.modelValue))
 
         // ==========【监听数据】=========================================================================================
 
@@ -69,11 +73,143 @@ export default {
          * 监听声明值
          */
         watch(()=>props.modelValue, function (val) {
-            currentValue.value = val
+            currentValue.value = formatModelValue(val)
         })
 
         // ==========【方法】=============================================================================================
 
+        /**
+         * 格式化声明值
+         */
+        function formatModelValue(val) {
+
+            if (props.formatBefore) {
+
+                // 如果是方法
+                if (_.isFunction(props.formatBefore)) {
+                    return props.formatBefore(val)
+                }
+
+                // 如果是参数
+                if (props.formatBefore === true || utils.isValidObject(props.formatBefore)) {
+
+                    // 如果值是数组
+                    if (Array.isArray(val)) {
+
+                        // 格式化数组值
+                        return formatArrayValue(val, props.formatBefore === true ? {} : props.formatBefore)
+                    }
+
+                    // 如果是有效值
+                    if (utils.isValidValue(val)) {
+
+                        // 格式化字符串值
+                        return formatStringValue(val, props.formatBefore === true ? {} : props.formatBefore, false)
+                    }
+
+                    return ''
+                }
+            }
+
+            return val
+        }
+
+        /**
+         * 格式化数组值
+         */
+        function formatArrayValue(val, params) {
+
+            // 如果数组有值
+            if (val.length) {
+
+                const o = Object.assign({
+                    // 是否去重
+                    unique: true,
+                    // 分隔符
+                    separator: ',',
+                    // 是否给每个值去除首位空格
+                    trim: true,
+                    // 验证每个值是否为有效字符串/数字
+                    isValidValue: true,
+                }, params)
+
+                // 是否给每个值去除首位空格
+                if (o.trim) {
+                    val = val.map(e => utils.trimString(e))
+                }
+
+                // 是否验证每个值是否为有效字符串/数字
+                if (o.isValidValue) {
+                    val = val.filter(val => utils.isValidValue(val))
+                }
+
+                // 去重
+                if (o.unique) {
+                    val = _.uniq(val)
+                }
+
+                // 合并为字符串
+                return val.join(o.separator)
+            }
+
+            return ''
+        }
+
+        /**
+         * 格式化字符串值
+         */
+        function formatStringValue(val, params, valueArray) {
+
+            console.log(val, params, valueArray)
+
+            const o = Object.assign({
+                // 替换内容
+                replace: /\n|\，|\s+/g,
+                // 是否去重
+                unique: true,
+                // 分隔符
+                separator: ',',
+                // 验证每个值是否为有效字符串/数字
+                isValidValue: true,
+            }, params)
+
+            // 去除首位空格
+            val = utils.trimString(val)
+
+            // 如果有分割符
+            if (utils.isValidValue(o.separator, true)) {
+
+                o.separator = String(o.separator)
+
+                // 是否替换
+                if (o.replace) {
+                    val = val.replace(o.replace, o.separator)
+                }
+
+                // 分隔成数组
+                val = utils.split(val, o.separator)
+
+                // 去重
+                if (o.unique) {
+                    val = _.uniq(val)
+                }
+
+                // 如果验证每个值是否为有效字符串/数字
+                if (o.isValidValue) {
+                    val = val.filter(val => utils.isValidValue(val))
+                }
+
+                // 如果值不是数组
+                if (! valueArray) {
+                    val = val.join(o.separator)
+                }
+
+                return val
+            }
+
+            return valueArray ? [ val ] : ''
+        }
+
         /**
          * 失去焦点触发
          */
@@ -81,11 +217,19 @@ export default {
 
             let val = currentValue.value
 
-            if (
-                props.format
-                && _.isFunction(props.format)
-            ) {
-                val = props.format(val)
+            // 如果修改值
+            if (props.formatAfter) {
+
+                // 如果是方法
+                if (_.isFunction(props.formatAfter)) {
+                    val = props.formatAfter(val)
+
+                // 如果是参数
+                } else if (props.formatAfter === true || utils.isValidObject(props.formatAfter)) {
+
+                    // 格式化字符串值
+                    val = formatStringValue(val, props.formatAfter === true ? {} : props.formatAfter, props.valueArray)
+                }
             }
 
             // 更新值

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

@@ -120,9 +120,6 @@ export default {
         // 获取权限注入
         const $power = inject(NPowerKey)
 
-        // 当前路由完整路径
-        const fullPath = $power ? $power.routeFullPath : utils.router.getRoute('fullPath')
-
         // 缓存名
         let cacheName = ''
 
@@ -131,8 +128,9 @@ export default {
 
         // 如果开启缓存
         if (props.cache) {
+
             // 设置缓存名
-            cacheName = `splitter_value_${props.cache === true ? fullPath : 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)

package/components/table/index.vue

@@ -81,6 +81,7 @@
                     :columns="tableColumns"
                     :visible-columns="tableVisibleColumns"
                     :selection="tableSelection"
+                    :separator="tableSeparator"
                     :loading="tableLoading"
                     :rows-per-page-options="tableRowsPerPageOptions"
                     :grid="tableGrid"
@@ -268,7 +269,7 @@ export default {
             // 对话框中的表格双击表格行
             currentTableRowDblclick = function (e, row) {
                 // 如果不是多选
-                if ($table.tableSelection !== 'multiple') {
+                if ($table.tableSelection.value !== 'multiple') {
                     $table.tableSelected.value = [ row ]
                     $dialog.confirm()
                 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netang/quasar",
-  "version": "0.0.34",
+  "version": "0.0.36",
   "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))
+}