@netang/quasar 0.0.29 → 0.0.30

package/components/field-table/index.vue

@@ -182,11 +182,8 @@ export default {
         data: Object,
         // 已选数据
         selected: Array,
-        // 初始加载选择数据
-        loadSelected: {
-            type: Boolean,
-            default: true,
-        },
+        // 初始时不加载选择数据
+        noLoadSelected: Boolean,
         // 值字段(必填)
         valueKey: {
             type: String,
@@ -233,6 +230,11 @@ export default {
             type: [ Number, String ],
             default: 500
         },
+        // 值分隔符(值为非数组有效)
+        valueSeparator: {
+            type: String,
+            default: ',',
+        },
     },
 
     /**
@@ -324,7 +326,7 @@ export default {
             // 选择类型, 可选值 single multiple none
             selection: props.multiple ? 'multiple' : 'single',
             // 已选数据
-            selected: props.selected,
+            selected: initSelected(),
             // http 设置
             httpSettings: {
                 // 头部请求
@@ -340,6 +342,12 @@ export default {
         // 创建防抖睡眠方法
         const sleep = utils.debounceSleep()
 
+        // 停止观察值
+        let stopValueWatcher = false
+
+        // 停止观察已选数据
+        let stopSelectedWatcher = false
+
         // 输入框节点
         const inputRef = ref(null)
 
@@ -374,54 +382,76 @@ export default {
          */
         watch(()=>props.modelValue, async function() {
 
+            // 如果停止观察值
+            if (stopValueWatcher === true) {
+                // 取消停止观察值
+                stopValueWatcher = false
+                return
+            }
+
             // 格式化值
             let values = formatModelValue()
 
-            // 如果值不是有效数组
-            if (! utils.isValidArray(values)) {
-                // 则清空已选数据
-                selected.value = []
-                return
-            }
-            values = _.uniq(values)
+            // 如果值是有效数组
+            if (utils.isValidArray(values)) {
+
+                // 去重
+                values = _.uniq(values)
+
+                // 已选数据值数组
+                const selectedValues = utils.isValidArray(selected.value)
+                    // 如果有已选数据
+                    ? _.uniq(selected.value.map(e => e[props.valueKey]))
+                    // 否则为空
+                    : []
+
+                // 需增删除的值
+                const removeValues = selectedValues.filter(e => values.indexOf(e) === -1)
+                if (removeValues.length) {
+                    utils.forEachRight(selected.value, function (item, index) {
+                        if (removeValues.indexOf(item[props.valueKey]) > -1) {
+                            selected.value.splice(index, 1)
+                        }
+                    })
+                }
 
-            // 已选数据值数组
-            const selectedValues = utils.isValidArray(selected.value)
-                // 如果有已选数据
-                ? _.uniq(selected.value.map(e => e[props.valueKey]))
-                // 否则为空
-                : []
+                // 需增加的值
+                const addValues = values.filter(e => selectedValues.indexOf(e) === -1)
+                if (addValues.length) {
+                    // 请求选择数据
+                    selected.value.push(...await onRequestSelected(addValues))
+                }
 
-            // 需增删除的值
-            const removeValues = selectedValues.filter(e => values.indexOf(e) === -1)
-            if (removeValues.length) {
-                utils.forEachRight(selected.value, function (item, index) {
-                    if (removeValues.indexOf(item[props.valueKey]) > -1) {
-                        selected.value.splice(index, 1)
-                    }
-                })
+            // 否则
+            } else {
+                // 清空已选数据
+                selected.value = []
             }
 
-            // 需增加的值
-            const addValues = values.filter(e => selectedValues.indexOf(e) === -1)
-            if (addValues.length) {
-                // 请求选择数据
-                selected.value.push(...await onRequestSelected(addValues))
-            }
+            // 检查值更新
+            checkModelValueChange()
         })
 
         /**
          * 监听声明选择数据
          */
         watch(()=>props.selected, function(val) {
+
+            // 如果停止观察已选数据
+            if (stopSelectedWatcher === true) {
+                // 取消停止观察已选数据
+                stopSelectedWatcher = false
+                return
+            }
+
             if (val !== selected.value) {
                 // 设置选择数据
                 selected.value = val
-
-                // 检查值更新
-                checkModelValueChange()
             }
 
+            // 检查值更新
+            checkModelValueChange()
+
             // 设置输入框焦点
             setInputFocus()
 
@@ -437,15 +467,19 @@ export default {
          * 监听当前已选数据
          */
         watch(selected, function(val) {
+
             if (val !== props.selected) {
 
+                // 停止观察已选数据
+                stopSelectedWatcher = true
+
                 // 更新选择数据
                 emit('update:selected', val)
-
-                // 检查值更新
-                checkModelValueChange()
             }
 
+            // 检查值更新
+            checkModelValueChange()
+
             // 设置输入框焦点
             setInputFocus()
 
@@ -504,6 +538,36 @@ export default {
 
         // ==========【方法】=============================================================================================
 
+        /**
+         * 初始化已选数据
+         */
+        function initSelected() {
+
+            // 如果有已选数据
+            if (utils.isValidArray(props.selected)) {
+
+                // 则返回已选数据
+                return props.selected
+            }
+
+            // 如果初始时不加载选择数据
+            if (props.noLoadSelected) {
+
+                // 将值格式化为已选数据数组
+                const vals = formatModelValue()
+                if (utils.isValidArray(vals)) {
+                    return vals.map(function (val) {
+                        const obj = {}
+                        obj[props.valueKey] = val
+                        obj[currentlabelKey.value] = val
+                        return obj
+                    })
+                }
+            }
+
+            return []
+        }
+
         /**
          * 当前格式化显示标签
          */
@@ -527,7 +591,8 @@ export default {
             }
 
             // 否则值是字符串/数字
-            return utils.split(props.modelValue, ',')
+            return _.uniq(utils.split(props.modelValue, props.valueSeparator))
+                .filter(e => utils.isValidValue(e))
         }
 
         /**
@@ -575,7 +640,7 @@ export default {
 
             if (
                 // 如果初始不加载选择数据
-                ! props.loadSelected
+                props.noLoadSelected
                 // 如果没有请求路由路径
                 || ! routePath
                 // 如果有选择数据
@@ -617,11 +682,14 @@ export default {
 
             // 如果值为字符串或数字
             if (! props.valueArray) {
-                newModelValue = utils.numberDeep(utils.join(newModelValue, ','))
+                newModelValue = utils.numberDeep(utils.join(newModelValue, props.valueSeparator))
             }
 
             // 如果值发生改变
-            if (! _.isEqual(newModelValue, props.modelValue)) {
+            if (newModelValue !== props.modelValue) {
+
+                // 停止观察值
+                stopValueWatcher = true
 
                 // 提交更新值
                 emit('update:modelValue', newModelValue)

package/components/field-tree/index.vue

@@ -199,7 +199,6 @@ export default {
 
         // ==========【数据】============================================================================================
 
-
         // 输入框节点
         const inputRef = ref(null)
 

package/components/input-format/index.vue

@@ -0,0 +1,111 @@
+<template>
+    <q-input
+        v-model="currentValue"
+        @blur="onBlur"
+        v-bind="$attrs"
+    >
+        <!-- 插槽 -->
+        <template
+            v-for="slotName in slotNames"
+            v-slot:[slotName]
+        >
+            <slot :name="slotName" />
+        </template>
+    </q-input>
+</template>
+
+<script>
+import { computed, ref, watch } from 'vue'
+
+export default {
+
+    /**
+     * 标识
+     */
+    name: 'NInputFormat',
+
+    /**
+     * 声明属性
+     */
+    props: {
+        // 值
+        modelValue: {
+            required: false,
+        },
+        // 格式化值
+        format: [Function, String],
+    },
+
+    /**
+     * 声明事件
+     */
+    emits: [
+        'update:modelValue',
+        'blur',
+    ],
+
+    /**
+     * 组合式
+     */
+    setup(props, { emit, slots }) {
+
+        // ==========【计算属性】=========================================================================================
+
+        /**
+         * 插槽标识
+         */
+        const slotNames = computed(function() {
+            return utils.isValidObject(slots) ? Object.keys(slots) : []
+        })
+
+        // ==========【数据】============================================================================================
+
+        // 当前值
+        const currentValue = ref(props.modelValue)
+
+        // ==========【监听数据】=========================================================================================
+
+        /**
+         * 监听声明值
+         */
+        watch(()=>props.modelValue, function (val) {
+            currentValue.value = val
+        })
+
+        // ==========【方法】=============================================================================================
+
+        /**
+         * 失去焦点触发
+         */
+        function onBlur() {
+
+            let val = currentValue.value
+
+            if (
+                props.format
+                && _.isFunction(props.format)
+            ) {
+                val = props.format(val)
+            }
+
+            // 更新值
+            emit('update:modelValue', val)
+
+            // 失去焦点触发
+            emit('blur', val)
+        }
+
+        // ==========【返回】=============================================================================================
+
+        return {
+            // 插槽标识
+            slotNames,
+            // 当前值
+            currentValue,
+
+            // 失去焦点触发
+            onBlur,
+        }
+    }
+}
+</script>

package/components/private/edit-power-data/index.vue

@@ -10,25 +10,49 @@
 
         <template v-if="dataType">
 
-            <!-- 设置跳转页面 -->
-            <div class="col-xs-12 col-sm-6 col-md-3" v-if="dataType === dicts.POWER_DATA_TYPE__OPEN && routeType === 0">
+            <!-- 新窗口有效 -->
+            <template v-if="dataType === dicts.POWER_DATA_TYPE__OPEN">
 
-                <!-- 树 -->
-                <n-field-tree
-                    class="n-field-fieldset"
-                    label="跳转页面"
-                    outlined
-                    clearable
-                    stack-label
-                    dense
+                <!-- 设置跳转页面(没有路由类型) -->
+                <div class="col-xs-12 col-sm-6 col-md-3" v-if="routeType === 0">
 
-                    v-model="formData.toPage"
-                    :nodes="treeNodes"
-                    :expanded="treeExpanded"
-                    strict
-                    accordion
-                />
-            </div>
+                    <!-- 树 -->
+                    <n-field-tree
+                        class="n-field-fieldset"
+                        label="跳转页面"
+                        outlined
+                        clearable
+                        stack-label
+                        dense
+
+                        v-model="formData.toPage"
+                        :nodes="treeNodes"
+                        :expanded="treeExpanded"
+                        strict
+                        accordion
+                    />
+                </div>
+
+                <!-- 是否记录来源页面 -->
+                <div class="col-xs-12 col-sm-6 col-md-3">
+                    <q-select
+                        class="n-field-fieldset"
+                        label="是否增加来源页面参数"
+                        v-model="formData.addFromPageQuery"
+                        :options="[
+                            { label: '否', value: false },
+                            { label: '是', value: true },
+                        ]"
+                        map-options
+                        emit-value
+                        outlined
+                        stack-label
+                        dense
+                        options-dense
+                    />
+                </div>
+
+            </template>
 
             <!-- 非表单显示 -->
             <template v-if="dataType !== dicts.POWER_DATA_TYPE__FORM">
@@ -138,16 +162,16 @@
                         [
                             { label: '无', value: '' },
                             { label: '关闭窗口', value: 'close' },
-                            { label: '关闭窗口并跳转页面', value: 'closePush' },
-                            { label: '关闭窗口、跳转并刷新页面', value: 'closePushRefresh' },
+                            { label: '关闭窗口并跳转来源页面', value: 'closePush' },
+                            { label: '关闭窗口、跳转并刷新来源页面', value: 'closePushRefresh' },
                             { label: '重置表单', value: 'resetForm' },
                         ] :
                         [
                             { label: '无', value: '' },
                             { label: '关闭窗口', value: 'close' },
-                            { label: '关闭窗口并跳转页面', value: 'closePush' },
-                            { label: '关闭窗口、跳转并刷新页面', value: 'closePushRefresh' },
-                            { label: '刷新表格', value: 'refreshTable' },
+                            { label: '关闭窗口并跳转来源页面', value: 'closePush' },
+                            { label: '关闭窗口、跳转并刷新来源页面', value: 'closePushRefresh' },
+                            { label: '刷新列表', value: 'refreshTable' },
                         ]
                     "
                         map-options
@@ -160,31 +184,31 @@
                 </div>
 
                 <!-- 请求成功参数 -->
-                <div class="col-xs-12 col-sm-6 col-md-3" v-if="utils.indexOf(['closePush', 'closePushRefresh'], formData.requestSuccess.type) > -1">
-
-                    <!-- 树 -->
-                    <n-field-tree
-                        class="n-field-fieldset"
-                        label="跳转页面"
-                        outlined
-                        clearable
-                        stack-label
-                        dense
-
-                        v-model="formData.requestSuccess.params"
-                        :nodes="treeNodes"
-                        :expanded="treeExpanded"
-                        strict
-                        accordion
-                    />
-                </div>
+                <!--<div class="col-xs-12 col-sm-6 col-md-3" v-if="utils.indexOf(['closePush', 'closePushRefresh'], formData.requestSuccess.type) > -1">-->
+
+                <!--    &lt;!&ndash; 树 &ndash;&gt;-->
+                <!--    <n-field-tree-->
+                <!--        class="n-field-fieldset"-->
+                <!--        label="跳转页面"-->
+                <!--        outlined-->
+                <!--        clearable-->
+                <!--        stack-label-->
+                <!--        dense-->
+
+                <!--        v-model="formData.requestSuccess.params"-->
+                <!--        :nodes="treeNodes"-->
+                <!--        :expanded="treeExpanded"-->
+                <!--        strict-->
+                <!--        accordion-->
+                <!--    />-->
+                <!--</div>-->
 
             </template>
 
             <template v-if="dataType !== dicts.POWER_DATA_TYPE__FORM">
 
                 <!-- 栏目标题 -->
-                <n-column-title label="请求表格参数" tooltip='示例：id / sku_id AS sku' />
+                <n-column-title label="请求列表参数" tooltip='示例：id / sku_id AS sku' />
 
                 <!-- 表格请求参数 -->
                 <div class="col-xs-12">
@@ -274,9 +298,6 @@
 <script>
 import { ref, watch } from 'vue'
 
-import _isString from 'lodash/isString'
-import _isPlainObject from 'lodash/isPlainObject'
-
 export default {
 
     /**
@@ -353,24 +374,12 @@ export default {
                 }
             }
 
-            // 格式化参数
-            if (
-                _.has(obj, 'requestSuccess')
-                && ! utils.isValidObject(obj.requestSuccess)
-            ) {
-                delete(obj.requestSuccess)
-            }
-
-            if (
-                _.has(obj, 'requestQuery')
-                && ! utils.isValidObject(obj.requestQuery)
-            ) {
-                delete(obj.requestQuery)
-            }
-
-            obj = _.merge({
+            // 原始数据默认值
+            const rawObj = {
                 // 显示类型, 可选 single / multi / 空(默认显示)
                 show: '',
+                // 是否增加来源页面参数
+                addFromPageQuery: false,
                 // 跳转页面 id
                 toPage: '',
                 // 是否固定列
@@ -386,7 +395,7 @@ export default {
                     // 表格: 字符串组成的数组, 如: [ "id", "sku_id AS sku" ]
                     table: [],
                     // 参数: 字符串 / 对象(自定义参数) 组成的数组, 如: [ "id", "sku_id AS sku", { "type": 1, "name": "age" } ]
-                    // query: [],
+                    query: null,
                 },
                 // 请求成功执行
                 requestSuccess: {
@@ -396,8 +405,38 @@ export default {
                     params: '',
                 },
                 // 自定义参数, 任意类型
-                // params: '',
-            }, obj)
+                params: '',
+            }
+
+            // 【格式化数据】删除无效键值
+            // --------------------------------------------------
+
+            // 原始键值
+            const rawKeys = Object.keys(rawObj)
+
+            // 删除数据中的无效键值
+            utils.forIn(obj, function (item, key) {
+                // 如果键值不在原始键值中
+                if (rawKeys.indexOf(key) === -1) {
+                    // 则删除
+                    delete obj[key]
+                }
+            })
+
+            // 判断 requestSuccess 值是否合法
+            if (_.has(obj, 'requestSuccess') && ! utils.isValidObject(obj.requestSuccess)) {
+                delete(obj.requestSuccess)
+            }
+
+            // 判断 requestQuery 值是否合法
+            if (_.has(obj, 'requestQuery') && ! utils.isValidObject(obj.requestQuery)) {
+                delete(obj.requestQuery)
+            }
+
+            // --------------------------------------------------
+
+            // 合并原始数据
+            obj = Object.assign(rawObj, obj)
 
             // 【格式化是否确认参数】
             // ------------------------------------------------------------
@@ -430,15 +469,16 @@ export default {
             // 【格式化请求参数中的 query】
             // ------------------------------------------------------------
             if (_.has(obj.requestQuery, 'query')) {
+
                 // 如果是有效值
                 if (utils.isValidValue(obj.requestQuery.query)) {
                     obj.requestQuery.query = [obj.requestQuery.query]
 
-                // 如果是对象
+                // 如果是有效对象
                 } else if (utils.isValidObject(obj.requestQuery.query)) {
                     obj.requestQuery.query = [utils.json.stringify(obj.requestQuery.query)]
 
-                // 如果是数组
+                // 如果是有效数组
                 } else if (utils.isValidArray(obj.requestQuery.query)) {
                     const query = []
                     utils.forEach(obj.requestQuery.query, function(item, key) {
@@ -513,7 +553,7 @@ export default {
                             // 如果为表格
                             if (field === 'table') {
 
-                                if (Array.isArray(value) || _isPlainObject(value)) {
+                                if (Array.isArray(value) || _.isPlainObject(value)) {
 
                                     // 轻提示
                                     utils.toast({
@@ -555,7 +595,7 @@ export default {
                     ) {
                         value = utils.json.parse(value)
 
-                        if (! Array.isArray(value) && ! _isPlainObject(value)) {
+                        if (! Array.isArray(value) && ! _.isPlainObject(value)) {
                             return ''
                         }
                     }
@@ -611,6 +651,11 @@ export default {
                         obj.toPage = data.toPage
                     }
 
+                    // 如果增加来源页面参数
+                    if (data.addFromPageQuery) {
+                        obj.addFromPageQuery = true
+                    }
+
                 // 否则为其他
                 } else {
 
@@ -632,13 +677,13 @@ export default {
                         obj.requestSuccess = {
                             type: data.requestSuccess.type
                         }
-                        if (utils.indexOf(['closePush', 'closePushRefresh'], data.requestSuccess.type) > -1) {
-                            if (data.requestSuccess.params) {
-                                obj.requestSuccess.params = data.requestSuccess.params
-                            } else {
-                                obj.requestSuccess.type = 'close'
-                            }
-                        }
+                        // if (utils.indexOf(['closePush', 'closePushRefresh'], data.requestSuccess.type) > -1) {
+                        //     if (data.requestSuccess.params) {
+                        //         obj.requestSuccess.params = data.requestSuccess.params
+                        //     } else {
+                        //         obj.requestSuccess.type = 'close'
+                        //     }
+                        // }
                     }
                 }
 

package/package.json

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

package/utils/$power.js

@@ -221,6 +221,8 @@ function create(params) {
                 await request({
                     // 按钮数据
                     data,
+                    // 当前路由参数
+                    $route,
                     // 表格选中数据
                     tableSelected,
                     // 表格实例
@@ -399,21 +401,22 @@ function setData(data) {
         if (_.has(item.data, 'toPage')) {
             // 设置跳转页面地址
             item.data.toPage = _.has(all, item.data.toPage) ? all[item.data.toPage].data.url : null
+        }
 
         // 如果有请求成功执行类型
-        } else if (_.has(item.data, 'requestSuccess.type')) {
-            // 如果请求成功执行类型是关闭窗口、跳转并刷新页面
-            if (item.data.requestSuccess.type === 'closePushRefresh') {
-                // 设置刷新页面地址
-                item.data.requestSuccess.params =
-                    (
-                        // 如果有刷新页面的参数 id
-                        _.has(item.data.requestSuccess, 'params')
-                        // 如果有页面数据
-                        && _.has(all, item.data.requestSuccess.params)
-                    ) ? all[item.data.requestSuccess.params].data.url : null
-            }
-        }
+        // else if (_.has(item.data, 'requestSuccess.type')) {
+        //     // 如果请求成功执行类型是关闭窗口、跳转并刷新页面
+        //     if (item.data.requestSuccess.type === 'closePushRefresh') {
+        //         // 设置刷新页面地址
+        //         item.data.requestSuccess.params =
+        //             (
+        //                 // 如果有刷新页面的参数 id
+        //                 _.has(item.data.requestSuccess, 'params')
+        //                 // 如果有页面数据
+        //                 && _.has(all, item.data.requestSuccess.params)
+        //             ) ? all[item.data.requestSuccess.params].data.url : null
+        //     }
+        // }
 
         if (
             // 数据/按钮
@@ -722,8 +725,6 @@ async function request(params) {
     const o = Object.assign({
         // 按钮数据
         data: {},
-        // 参数
-        query: {},
         // 表格选中数据
         tableSelected: [],
         // 检查是否正在上传文件
@@ -738,6 +739,12 @@ async function request(params) {
         requestAfter: null,
     }, params)
 
+    const {
+        $route,
+    } = params
+
+    o.query = $route.query
+
     // 判断类型
     if (! _.get(o.data, 'type')) {
 
@@ -778,7 +785,7 @@ async function request(params) {
     }
 
     // 获取请求参数
-    const query = getRequestQuery(o)
+    let query = getRequestQuery(o)
 
     // 如果是打开新窗口
     // --------------------------------------------------
@@ -789,9 +796,16 @@ async function request(params) {
             return
         }
 
+        query = formatQuery(query, true)
+
+        // 如果有增加来源页面参数
+        if (_.get(o.data, 'addFromPageQuery') === true) {
+            query.n_frompage = encodeURIComponent($route.fullPath)
+        }
+
         utils.router.push({
             path: o.data.url,
-            query: formatQuery(query, true),
+            query,
         })
         return
     }
@@ -929,14 +943,24 @@ async function request(params) {
                                 type: 'closeCurrentTab',
                             }
 
-                            // 如果不是关闭当前页面, 则为关闭窗口并跳转页面
-                            if (o.data.requestSuccess.type !== 'close') {
+                            if (
+                                // 如果不是关闭当前页面, 则为关闭窗口并跳转页面
+                                o.data.requestSuccess.type !== 'close'
+                                // 如果有来源页面
+                                && _.has($route.query, 'n_frompage')
+                                && utils.isValidString($route.query.n_frompage)
+                            ) {
                                 Object.assign(opts, {
                                     // 跳转页面地址
-                                    pushPage: o.data.requestSuccess.params,
+                                    pushPage: decodeURIComponent($route.query.n_frompage),
                                     // 是否跳转并刷新页面
                                     isPushRefresh: o.data.requestSuccess.type === 'closePushRefresh',
                                 })
+
+                                // 否则如果定义了跳转页面
+                                // else if (_.has(o.data, 'requestSuccess.params') && utils.isValidString(o.data.requestSuccess.params)) {
+                                //     pushPage = o.data.requestSuccess.params
+                                // }
                             }
 
                             // 关闭当前标签页

package/utils/$table.js

@@ -102,7 +102,7 @@ function create(params) {
         : (hasPowr ? $power.getRoute() : utils.router.getRoute())
 
     // 是否有权限按钮
-    const hasPowerBtns = hasPowr ? ! $power.powerBtns.value.length : false
+    const hasPowerBtns = hasPowr ? $power.powerBtns.value.length : false
 
     // 表格已选数据
     const tableSelected = hasPowr ? $power.tableSelected : ref([])
@@ -897,7 +897,7 @@ function create(params) {
  * 获取表格配置
  */
 function config(routePath, path, defaultValue) {
-    return _.get(tablesConfig, utils.slash(routePath, 'start', false) + (path ? '.' + path : ''), defaultValue)
+    return _.cloneDeep(_.get(tablesConfig, utils.slash(routePath, 'start', false) + (path ? '.' + path : ''), defaultValue))
 }
 
 /**