@netang/quasar 0.0.35 → 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/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"
@@ -222,6 +223,8 @@ export default {
         placeholder: String,
         // 是否可清除
         clearable: Boolean,
+        // 是否禁用
+        disable: Boolean,
         // 是否只读
         readonly: Boolean,
         // 输入防抖(毫秒)

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/package.json

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

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))
+}