@netang/quasar 0.0.47 → 0.0.48

package/components/field-table/index.vue

@@ -423,7 +423,7 @@ export default {
             let newSelected = valueToSelected(val, false, false)
 
             // 如果值类型是数组对象
-            if (props.valueType === 'arrayObject') {
+            if (props.valueType === 'objectArray') {
 
                 // 设置已选数据
                 setSelected(newSelected)
@@ -542,7 +542,7 @@ export default {
 
             if (
                 // 如果值类型不是数组对象
-                props.valueType !== 'arrayObject'
+                props.valueType !== 'objectArray'
                 // 如果初始加载已选数据
                 && ! props.noFirstLoadSelected
                 // 如果有请求路由路径
@@ -631,7 +631,7 @@ export default {
         function valueToSelected(val, isFirst, toSelected) {
 
             // 如果值类型是数组对象
-            if (props.valueType === 'arrayObject') {
+            if (props.valueType === 'objectArray') {
 
                 // 如果是有效数组
                 if (utils.isValidArray(val)) {
@@ -678,7 +678,7 @@ export default {
         function selectedToValue(val) {
 
             // 如果值类型是数组对象
-            if (props.valueType === 'arrayObject') {
+            if (props.valueType === 'objectArray') {
 
                 // 则直接返回
                 return val
@@ -698,7 +698,7 @@ export default {
                 : []
 
             // 如果值类型是数组
-            if (props.valueType === 'array') {
+            if (props.valueType === 'stringArray') {
 
                 // 直接返回数组
                 return values
@@ -846,8 +846,6 @@ export default {
             // 停止冒泡
             e.stopPropagation()
 
-            console.log('onFieldBluronFieldBlur', props.filter, showPopup.value)
-
             if (
                 // 如果开启筛选
                 props.filter

package/components/field-tree/index.vue

@@ -3,7 +3,7 @@
         class="n-field-tree"
         :model-value="showValue"
         :readonly="readonly"
-        :clearable="clearable && (! multiple || collapseTags)"
+        :clearable="clearable"
         @focus="onFieldFocus"
         @blur="onFieldBlur"
         @clear="onFieldClear"

package/components/table-splitter/index.vue

@@ -143,6 +143,9 @@ export default {
             type: String,
             default: '没有找到任何数据',
         },
+        // 不需要加载渲染页面标识参数
+        // 额外加载参数 { n_renderpage: 1 }
+        noRendPageName: Boolean,
     },
 
     /**
@@ -184,14 +187,19 @@ export default {
                 currentSelectedItem.value
                 && _.isFunction(props.renderQuery)
             ) {
-                const res = props.renderQuery(currentSelectedItem.value)
-                if (utils.isValidObject(res)) {
-
-                    // 格式化已选数据, 并返回参数
-                    return Object.assign({
-                        // 是否为渲染页面
-                        n_render_page: 1,
-                    }, res)
+                const resQuery = props.renderQuery(currentSelectedItem.value)
+                if (utils.isValidObject(resQuery)) {
+
+                    // 如果需要加载渲染页面标识参数
+                    if (! props.noRendPageName) {
+                        // 格式化已选数据, 并返回参数
+                        return Object.assign({}, resQuery, {
+                            // 是否为渲染页面
+                            n_renderpage: 1,
+                        })
+                    }
+
+                    return resQuery
                 }
             }
 
@@ -206,6 +214,9 @@ export default {
         // 获取表格注入
         const $table = inject(NTableKey)
 
+        // 原始表格选择状态
+        const rawTableSelection = $table.tableSelection.value
+
         // 当前已选单条数据
         const currentSelectedItem = ref(null)
 
@@ -289,7 +300,7 @@ export default {
                 return
             }
 
-            const selection = showAfter ? 'single' : 'multiple'
+            const selection = showAfter ? 'single' : rawTableSelection
             if ($table.tableSelection.value !== selection) {
                 $table.tableSelection.value = selection
 

package/components/value-format/index.vue

@@ -1,7 +1,7 @@
 <template>
     <slot
-        :value="currentValue"
-        :emitValue="emitValue"
+        :scope="current"
+        :emit="emitValue"
     />
 </template>
 
@@ -10,6 +10,11 @@ import { ref, watch } from 'vue'
 
 export default {
 
+    /**
+     * 关闭组件 attribute 透传行为
+     */
+    inheritAttrs: false,
+
     /**
      * 标识
      */
@@ -46,7 +51,16 @@ export default {
         // ==========【数据】============================================================================================
 
         // 当前值
-        const currentValue = ref(formatModelValue(props.modelValue))
+        const current = ref({
+            value: formatModelValue(props.modelValue),
+        })
+
+        // 如果是自动触发更新
+        if (! props.noEmit) {
+            // 触发更新值
+            // 此处用于判断声明值是否有改变
+            emitValue()
+        }
 
         // ==========【监听数据】=========================================================================================
 
@@ -56,7 +70,7 @@ export default {
         watch(() => props.modelValue, function (val) {
 
             // 格式化声明值
-            currentValue.value = formatModelValue(val)
+            current.value.value = formatModelValue(val)
 
         }, {
             // 深度监听
@@ -66,18 +80,15 @@ export default {
         /**
          * 监听当前值
          */
-        watch(currentValue, function (value) {
+        watch(current, function (value) {
 
-            // 如果是不自动触发更新
-            if (props.noEmit) {
+            // 如果是自动触发更新
+            if (! props.noEmit) {
 
-                // 则无任何操作
-                return
+                // 立即执行触发更新值
+                emitValue(value.value)
             }
 
-            // 立即执行触发更新值
-            emitValue(value)
-
         }, {
             // 深度监听
             deep: true,
@@ -99,17 +110,36 @@ export default {
         /**
          * 触发更新值
          */
-        function emitValue(value) {
+        function emitValue() {
+
+            // if (
+            //     value !== void 0
+            //     && typeof value === 'object'
+            //     && value instanceof Event
+            // ) {
+            //     // 停止冒泡
+            //     value.stopPropagation()
+            //
+            //     // 获取当前值
+            //     value = current.value.value
+            // }
+
+            // 获取当前值
+            const value = current.value.value
+
+            // 获取新值
+            const newValue = _.isFunction(props.after) ?
+                // 如果有修改提交值方法
+                props.after({ value, formatArray, formatString })
+                // 否则返回当前值
+                : value
 
-            // 触发更新值
-            emit(
-                'update:modelValue',
-                _.isFunction(props.after) ?
-                    // 如果有修改提交值方法
-                    props.after({ value, formatArray, formatString })
-                    // 否则返回当前值
-                    : value
-            )
+            // 如果值有改变
+            if (newValue !== props.modelValue) {
+
+                // 触发更新值
+                emit('update:modelValue', newValue)
+            }
         }
 
         /**
@@ -169,7 +199,7 @@ export default {
                 // 是否给每个值去除首位空格
                 trim: true,
                 // 替换内容
-                replace: /\n|\，|\s+/g,
+                replace: /\n|,|，|\s+/g,
                 // 是否去重
                 unique: true,
                 // 分隔符
@@ -193,9 +223,6 @@ export default {
             // 如果有分割符
             if (utils.isValidValue(o.separator, true)) {
 
-                // 分隔符
-                o.separator = utils.trimString(o.separator)
-
                 // 是否替换
                 if (o.replace) {
                     val = val.replace(o.replace, o.separator)
@@ -231,7 +258,7 @@ export default {
 
         return {
             // 当前值
-            currentValue,
+            current,
             // 触发更新值
             emitValue,
         }

package/package.json

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

package/utils/$power.js

@@ -1010,6 +1010,13 @@ async function request(params) {
                         // 关闭窗口、跳转并刷新页面
                         case 'closePushRefresh':
 
+                            // 如果是渲染页面
+                            // 说明该页面在 <table-splitter> 组件内部被渲染, 则不需要关闭当前窗口
+                            if (_.has($route.query, 'n_renderpage') && $route.query.n_renderpage === 1) {
+                                // 则无任何操作
+                                return
+                            }
+
                             const opts = {
                                 type: 'closeCurrentTab',
                             }

package/components/input-format/index.vue

@@ -1,268 +0,0 @@
-<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: {
-        // 值 v-model
-        modelValue: {
-            required: true,
-        },
-        // 值是否为数组
-        valueArray: Boolean,
-        // 修改前值
-        formatBefore: [ Function, Object, Boolean ],
-        // 修改后值
-        formatAfter: [ Function, Object, Boolean ],
-    },
-
-    /**
-     * 声明事件
-     */
-    emits: [
-        'update:modelValue',
-    ],
-
-    /**
-     * 组合式
-     */
-    setup(props, { emit, slots }) {
-
-        // ==========【计算属性】=========================================================================================
-
-        /**
-         * 插槽标识
-         */
-        const slotNames = computed(function() {
-            return utils.isValidObject(slots) ? Object.keys(slots) : []
-        })
-
-        // ==========【数据】============================================================================================
-
-        // 当前值
-        const currentValue = ref(formatModelValue(props.modelValue))
-
-        // ==========【监听数据】=========================================================================================
-
-        /**
-         * 监听声明值
-         */
-        watch(() => props.modelValue, function (val) {
-
-            // 格式化声明值
-            currentValue.value = formatModelValue(val)
-
-        }, {
-            // 深度监听
-            deep: true,
-        })
-
-        // ==========【方法】=============================================================================================
-
-        /**
-         * 触发更新值
-         */
-        function emitModelValue(val) {
-            // 触发更新值
-            emit('update:modelValue', 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 Array.isArray(val) ? val.join(',') : 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) {
-
-            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 ] : ''
-        }
-
-        /**
-         * 失去焦点触发
-         */
-        function onBlur() {
-
-            const val = currentValue.value
-
-            // 如果修改值
-            if (props.formatAfter) {
-
-                // 如果是方法
-                if (_.isFunction(props.formatAfter)) {
-
-                    // 触发更新值
-                    emitModelValue(props.formatAfter(val))
-                    return
-                }
-
-                // 如果是参数
-                if (props.formatAfter === true || utils.isValidObject(props.formatAfter)) {
-
-                    // 触发更新值
-                    emitModelValue(formatStringValue(val, props.formatAfter === true ? {} : props.formatAfter, props.valueArray))
-                    return
-                }
-            }
-
-            // 触发更新值
-            emitModelValue(props.valueArray ? utils.split(val, ',') : val)
-        }
-
-        // ==========【返回】=============================================================================================
-
-        return {
-            // 插槽标识
-            slotNames,
-            // 当前值
-            currentValue,
-
-            // 失去焦点触发
-            onBlur,
-        }
-    }
-}
-</script>