@netang/quasar 0.0.46 → 0.0.48

package/components/data/index.vue

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

package/components/field-table/index.vue

@@ -12,12 +12,13 @@
     </template>
 
     <!--:class="fieldFocused ? 'q-field&#45;&#45;float q-field&#45;&#45;focused q-field&#45;&#45;highlighted' : ''"-->
+    <!--:clearable="clearable && (! multiple || collapseTags)"-->
     <q-field
         class="n-field-table"
         :model-value="showValue"
         :disable="disable"
         :readonly="readonly"
-        :clearable="clearable && (! multiple || collapseTags)"
+        :clearable="clearable"
         @focus="onFieldFocus"
         @blur="onFieldBlur"
         @clear="onFieldClear"
@@ -203,12 +204,12 @@ export default {
         // 标签字段
         labelKey:  String,
         // 值类型
-        // string: 分隔符隔开的字符串
-        // array: 数组
-        // arrayObject: 数组对象
+        // string: 字符串或数字
+        // stringArray: 普通数组(包含字符串或数字的一维数组)
+        // objectArray: 对象数组(包含对象的一维数组)
         valueType: {
             type: String,
-            default: 'arrayObject'
+            default: 'objectArray'
         },
         // 值分隔符(值类型为 string 有效)
         valueSeparator: {
@@ -422,7 +423,7 @@ export default {
             let newSelected = valueToSelected(val, false, false)
 
             // 如果值类型是数组对象
-            if (props.valueType === 'arrayObject') {
+            if (props.valueType === 'objectArray') {
 
                 // 设置已选数据
                 setSelected(newSelected)
@@ -541,7 +542,7 @@ export default {
 
             if (
                 // 如果值类型不是数组对象
-                props.valueType !== 'arrayObject'
+                props.valueType !== 'objectArray'
                 // 如果初始加载已选数据
                 && ! props.noFirstLoadSelected
                 // 如果有请求路由路径
@@ -602,12 +603,16 @@ export default {
          * 当前格式化显示标签
          */
         function currentFormatLabel(item) {
+
             // 如果有格式化显示标签方法
-            return _.isFunction(props.formatLabel)
+            if (_.isFunction(props.formatLabel)) {
                 // 执行格式化显示标签方法
-                ? props.formatLabel(item)
-                // 否则显示该值的标签字段
-                : item[currentlabelKey.value]
+                return props.formatLabel(item)
+            }
+
+            // 否则显示该值的标签字段
+            const val = item[currentlabelKey.value]
+            return utils.isValidValue(val) ? val : item[props.valueKey]
         }
 
         /**
@@ -626,7 +631,7 @@ export default {
         function valueToSelected(val, isFirst, toSelected) {
 
             // 如果值类型是数组对象
-            if (props.valueType === 'arrayObject') {
+            if (props.valueType === 'objectArray') {
 
                 // 如果是有效数组
                 if (utils.isValidArray(val)) {
@@ -673,7 +678,7 @@ export default {
         function selectedToValue(val) {
 
             // 如果值类型是数组对象
-            if (props.valueType === 'arrayObject') {
+            if (props.valueType === 'objectArray') {
 
                 // 则直接返回
                 return val
@@ -693,7 +698,7 @@ export default {
                 : []
 
             // 如果值类型是数组
-            if (props.valueType === 'array') {
+            if (props.valueType === 'stringArray') {
 
                 // 直接返回数组
                 return values
@@ -1071,6 +1076,8 @@ export default {
             popupRef,
             // 是否显示对话框
             showDialog,
+            // 是否显示弹出层
+            showPopup,
             // 当前已选数据
             selected,
             // 当前表格列数据

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"
@@ -592,6 +592,8 @@ export default {
             inputValue,
             // 弹出层节点
             popupRef,
+            // 是否显示弹出层
+            showPopup,
             // 树节点
             treeRef,
             // 树选择数据

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

@@ -0,0 +1,267 @@
+<template>
+    <slot
+        :scope="current"
+        :emit="emitValue"
+    />
+</template>
+
+<script>
+import { ref, watch } from 'vue'
+
+export default {
+
+    /**
+     * 关闭组件 attribute 透传行为
+     */
+    inheritAttrs: false,
+
+    /**
+     * 标识
+     */
+    name: 'NValueFormat',
+
+    /**
+     * 声明属性
+     */
+    props: {
+        // 值 v-model
+        modelValue: {
+            required: true,
+        },
+        // 修改前值
+        before: [ Function, Object, Boolean ],
+        // 修改后值
+        after: [ Function, Object, Boolean ],
+        // 不自动触发更新
+        noEmit: Boolean,
+    },
+
+    /**
+     * 声明事件
+     */
+    emits: [
+        'update:modelValue',
+    ],
+
+    /**
+     * 组合式
+     */
+    setup(props, { emit }) {
+
+        // ==========【数据】============================================================================================
+
+        // 当前值
+        const current = ref({
+            value: formatModelValue(props.modelValue),
+        })
+
+        // 如果是自动触发更新
+        if (! props.noEmit) {
+            // 触发更新值
+            // 此处用于判断声明值是否有改变
+            emitValue()
+        }
+
+        // ==========【监听数据】=========================================================================================
+
+        /**
+         * 监听声明值
+         */
+        watch(() => props.modelValue, function (val) {
+
+            // 格式化声明值
+            current.value.value = formatModelValue(val)
+
+        }, {
+            // 深度监听
+            deep: true,
+        })
+
+        /**
+         * 监听当前值
+         */
+        watch(current, function (value) {
+
+            // 如果是自动触发更新
+            if (! props.noEmit) {
+
+                // 立即执行触发更新值
+                emitValue(value.value)
+            }
+
+        }, {
+            // 深度监听
+            deep: true,
+        })
+
+        // ==========【方法】=============================================================================================
+
+        /**
+         * 格式化声明值
+         */
+        function formatModelValue(value) {
+            return _.isFunction(props.before)
+                // 如果有修改前值方法
+                ? props.before({ value, formatArray, formatString })
+                // 返回值
+                : 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
+
+            // 如果值有改变
+            if (newValue !== props.modelValue) {
+
+                // 触发更新值
+                emit('update:modelValue', newValue)
+            }
+        }
+
+        /**
+         * 格式化数组
+         */
+        function formatArray(val, params) {
+
+            const o = Object.assign({
+                // 是否去重
+                unique: true,
+                // 分隔符
+                separator: ',',
+                // 是否给每个值去除首位空格
+                trim: true,
+                // 验证每个值是否为有效字符串/数字
+                isValidValue: true,
+                // 是否转字符串
+                toString: false,
+            }, params)
+
+            val = utils.isValidArray(val) ? val : []
+
+            // 如果数组有值
+            if (val.length) {
+
+                // 是否给每个值去除首位空格
+                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)
+                }
+            }
+
+            // 如果转字符串
+            if (o.toString) {
+                // 合并为字符串
+                return val.join(o.separator)
+            }
+
+            return []
+        }
+
+        /**
+         * 格式化字符串
+         */
+        function formatString(val, params) {
+
+            const o = Object.assign({
+                // 是否给每个值去除首位空格
+                trim: true,
+                // 替换内容
+                replace: /\n|,|，|\s+/g,
+                // 是否去重
+                unique: true,
+                // 分隔符
+                separator: ',',
+                // 验证每个值是否为有效字符串/数字
+                isValidValue: true,
+                // 是否转数组
+                toArray: false,
+            }, params)
+
+            // 是否去除首尾空格
+            if (o.trim) {
+                // 去除首尾空格
+                val = utils.trimString(val)
+
+            // 否则转字符串
+            } else {
+                val = utils.isValidValue(val) ? String(val) : ''
+            }
+
+            // 如果有分割符
+            if (utils.isValidValue(o.separator, true)) {
+
+                // 是否替换
+                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 (o.toArray) {
+                    // 则直接返回
+                    return val
+                }
+
+                // 返回分隔符隔开的字符串
+                return val.join(o.separator)
+            }
+
+            return o.toArray ? [ val ] : ''
+        }
+
+        // ==========【返回】=============================================================================================
+
+        return {
+            // 当前值
+            current,
+            // 触发更新值
+            emitValue,
+        }
+    }
+}
+</script>

package/package.json

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

package/components/input-format/index.vue

@@ -1,259 +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',
-        'blur',
-    ],
-
-    /**
-     * 组合式
-     */
-    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 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) {
-
-            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() {
-
-            let val = currentValue.value
-
-            // 如果修改值
-            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)
-                }
-            }
-
-            // 更新值
-            emit('update:modelValue', val)
-
-            // 失去焦点触发
-            emit('blur', val)
-        }
-
-        // ==========【返回】=============================================================================================
-
-        return {
-            // 插槽标识
-            slotNames,
-            // 当前值
-            currentValue,
-
-            // 失去焦点触发
-            onBlur,
-        }
-    }
-}
-</script>