@netang/quasar 0.2.11 → 0.2.13

package/components/field-text/index.vue

@@ -1,165 +1,165 @@
-<template>
-    <q-field
-        class="n-field-fieldset"
-        :label="label"
-        :stack-label="stackLabel"
-        :outlined="outlined"
-        :dense="dense"
-        :readonly="readonly"
-        v-bind="$attrs"
-    >
-        <template v-slot:control>
-
-            <!-- 如果有默认插槽 -->
-            <template v-if="$slots.default">
-
-                <!-- 如果开启复制 -->
-                <div
-                    class="full-width"
-                    :class="valueClass"
-                    :style="valueStyle"
-                    @click="onCopy"
-                    v-if="! noCopy"
-                >
-                    <slot
-                        :value="value"
-                    />
-                </div>
-
-                <!-- 否则仅展示 -->
-                <div
-                    class="full-width"
-                    :class="valueClass"
-                    :style="valueStyle"
-                    v-else
-                >
-                    <slot
-                        :value="value"
-                    />
-                </div>
-            </template>
-
-            <!-- 否则如果开启复制 -->
-            <div
-                class="full-width"
-                :class="valueClass"
-                :style="valueStyle"
-                @click="onCopy"
-                v-else-if="! noCopy"
-            >{{value}}</div>
-
-            <!-- 否则仅展示 -->
-            <div
-                class="full-width"
-                :class="valueClass"
-                :style="valueStyle"
-                v-else
-            >{{value}}</div>
-
-        </template>
-
-        <template
-            v-for="slotName in slotNames"
-            v-slot:[slotName]
-        >
-            <slot
-                :name="slotName"
-                :value="value"
-            />
-        </template>
-    </q-field>
-</template>
-
-<script>
-import { computed } from 'vue'
-
-import $n_omit from 'lodash/omit'
-
-import $n_isValidObject from '@netang/utils/isValidObject'
-
-import $n_copy from '../../utils/copy'
-
-export default {
-
-    /**
-     * 标识
-     */
-    name: 'NFieldText',
-
-    /**
-     * 声明属性
-     */
-    props: {
-        // 标签
-        label: [Array, String, Number],
-        // 值
-        value: [String, Number],
-        // 复制文字
-        copyText: [String, Number],
-        // 标签始终显示在字段上方
-        stackLabel: {
-            type: Boolean,
-            default: true,
-        },
-        // 线条
-        outlined: {
-            type: Boolean,
-            default: true,
-        },
-        // 紧凑模式
-        dense: {
-            type: Boolean,
-            default: true,
-        },
-        // 只读模式
-        readonly: {
-            type: Boolean,
-            default: true,
-        },
-        // 禁止复制
-        noCopy: Boolean,
-        // 值类名
-        valueClass: String,
-        // 值样式
-        valueStyle: [String, Object, Array],
-    },
-
-    /**
-     * 组合式
-     */
-    setup(props, { slots }) {
-
-        // ==========【计算属性】==========================================================================================
-
-        /**
-         * 插槽标识数组
-         */
-        const slotNames = computed(function() {
-            return $n_isValidObject(slots) ? Object.keys($n_omit(slots, [ 'default' ])) : []
-        })
-
-        // ==========【方法】=============================================================================================
-
-        /**
-         * 复制
-         */
-        function onCopy() {
-            const val = props.copyText || props.value
-            if (val) {
-                $n_copy(val, `复制【${props.label}】成功`)
-            }
-        }
-
-        // ==========【返回】=============================================================================================
-
-        return {
-            // 字段组件传参
-            // fieldProps,
-            // 插槽标识数组
-            slotNames,
-            // 复制
-            onCopy,
-        }
-    },
-}
-</script>
+<template>
+    <q-field
+        class="n-field-fieldset"
+        :label="label"
+        :stack-label="stackLabel"
+        :outlined="outlined"
+        :dense="dense"
+        :readonly="readonly"
+        v-bind="$attrs"
+    >
+        <template v-slot:control>
+
+            <!-- 如果有默认插槽 -->
+            <template v-if="$slots.default">
+
+                <!-- 如果开启复制 -->
+                <div
+                    class="full-width"
+                    :class="valueClass"
+                    :style="valueStyle"
+                    @click="onCopy"
+                    v-if="! noCopy"
+                >
+                    <slot
+                        :value="value"
+                    />
+                </div>
+
+                <!-- 否则仅展示 -->
+                <div
+                    class="full-width"
+                    :class="valueClass"
+                    :style="valueStyle"
+                    v-else
+                >
+                    <slot
+                        :value="value"
+                    />
+                </div>
+            </template>
+
+            <!-- 否则如果开启复制 -->
+            <div
+                class="full-width"
+                :class="valueClass"
+                :style="valueStyle"
+                @click="onCopy"
+                v-else-if="! noCopy"
+            >{{value}}</div>
+
+            <!-- 否则仅展示 -->
+            <div
+                class="full-width"
+                :class="valueClass"
+                :style="valueStyle"
+                v-else
+            >{{value}}</div>
+
+        </template>
+
+        <template
+            v-for="slotName in slotNames"
+            v-slot:[slotName]
+        >
+            <slot
+                :name="slotName"
+                :value="value"
+            />
+        </template>
+    </q-field>
+</template>
+
+<script>
+import { computed } from 'vue'
+
+import $n_omit from 'lodash/omit'
+
+import $n_isValidObject from '@netang/utils/isValidObject'
+
+import $n_copy from '../../utils/copy'
+
+export default {
+
+    /**
+     * 标识
+     */
+    name: 'NFieldText',
+
+    /**
+     * 声明属性
+     */
+    props: {
+        // 标签
+        label: [Array, String, Number],
+        // 值
+        value: [String, Number],
+        // 复制文字
+        copyText: [String, Number],
+        // 标签始终显示在字段上方
+        stackLabel: {
+            type: Boolean,
+            default: true,
+        },
+        // 线条
+        outlined: {
+            type: Boolean,
+            default: true,
+        },
+        // 紧凑模式
+        dense: {
+            type: Boolean,
+            default: true,
+        },
+        // 只读模式
+        readonly: {
+            type: Boolean,
+            default: true,
+        },
+        // 禁止复制
+        noCopy: Boolean,
+        // 值类名
+        valueClass: String,
+        // 值样式
+        valueStyle: [String, Object, Array],
+    },
+
+    /**
+     * 组合式
+     */
+    setup(props, { slots }) {
+
+        // ==========【计算属性】==========================================================================================
+
+        /**
+         * 插槽标识数组
+         */
+        const slotNames = computed(function() {
+            return $n_isValidObject(slots) ? Object.keys($n_omit(slots, [ 'default' ])) : []
+        })
+
+        // ==========【方法】=============================================================================================
+
+        /**
+         * 复制
+         */
+        function onCopy() {
+            const val = props.copyText || props.value
+            if (val) {
+                $n_copy(val, `复制【${props.label}】成功`)
+            }
+        }
+
+        // ==========【返回】=============================================================================================
+
+        return {
+            // 字段组件传参
+            // fieldProps,
+            // 插槽标识数组
+            slotNames,
+            // 复制
+            onCopy,
+        }
+    },
+}
+</script>

package/components/input-number/index.vue

@@ -7,6 +7,7 @@
         :disable="disable"
         :readonly="readonly"
         v-model="currentValue"
+        @update:model-value="onUpdate"
         @blur="onBlur"
         v-bind="$attrs"
     >
@@ -313,19 +314,7 @@ export default {
         /**
          * 监听 当前最小值 / 当前最大值 / 当前小数位数
          */
-        watch([currentMin, currentMax, currentDecimalLength], function () {
-
-            // 格式化当前值
-            const val = formatToCurrentValue(currentValue.value, false)
-
-            // 如果当前值有变化
-            if (val !== currentValue.value) {
-                // 更新当前值
-                currentValue.value = val
-                // 更新值
-                emitModelValue(formatToModelValue(val))
-            }
-        })
+        watch([currentMin, currentMax, currentDecimalLength], onUpdate)
 
         // ==========【方法】=============================================================================================
 
@@ -446,6 +435,23 @@ export default {
             return ''
         }
 
+        /**
+         * 更新值触发
+         */
+        function onUpdate() {
+
+            // 格式化当前值
+            const newVal = formatToCurrentValue(currentValue.value, false)
+
+            // 如果当前值有变化
+            if (newVal !== currentValue.value) {
+                // 更新当前值
+                currentValue.value = newVal
+                // 更新值
+                emitModelValue(formatToModelValue(newVal))
+            }
+        }
+
         /**
          * 失去焦点触发
          */
@@ -504,6 +510,8 @@ export default {
             // 当前是否禁用增加按钮
             currentDisablePlus,
 
+            // 更新值触发
+            onUpdate,
             // 失去焦点触发
             onBlur,
             // 改变值

package/components/list-menu/index.vue

@@ -1,149 +1,149 @@
-<template>
-    <q-list
-        :dark="dark"
-    >
-        <n-list-menu-item
-            :data="data"
-            @item-click="onItemClick"
-        />
-    </q-list>
-</template>
-
-<script>
-import { watch } from 'vue'
-
-import $n_has from 'lodash/has'
-import $n_isValidArray from '@netang/utils/isValidArray'
-
-import NListMenuItem from '../list-menu-item'
-
-export default {
-
-    /**
-     * 标识
-     */
-    name: 'NListMenu',
-
-    /**
-     * 组件
-     */
-    components: {
-        NListMenuItem,
-    },
-
-    /**
-     * 声明属性
-     */
-    props: {
-        // 数据
-        data: Array,
-        // 是否暗色
-        dark: Boolean,
-        // 激活 key
-        activeKey: {
-            type: String,
-            default: 'id',
-        },
-        // 激活值
-        activeValue: [String, Number],
-    },
-
-    /**
-     * 声明事件
-     */
-    emits: [
-        // 单个元素点击
-        'itemClick',
-    ],
-
-    /**
-     * 组合式
-     */
-    setup(props, { emit }) {
-
-        // ==========【方法】============================================================================================
-
-        /**
-         * 单个元素点击
-         */
-        function onItemClick(item) {
-            emit('itemClick', item)
-        }
-
-        /**
-         * 设置激活状态
-         */
-        function setActive() {
-
-            const parentAll = {}
-
-            // 获取父节点
-            function getParent({ attr }) {
-                if (
-                    // 如果不是根节点
-                    attr.pid
-                    // 有父节点
-                    && $n_has(parentAll, attr.pid)
-                ) {
-                    const parentItem = parentAll[attr.pid]
-
-                    // 设为展开
-                    parentItem.expanded = true
-
-                    getParent(parentItem)
-                }
-            }
-
-            // 获取子节点
-            function getChildren(data) {
-
-                for (const item of data) {
-
-                    // 设为折叠
-                    item.expanded = false
-
-                    // 如果是父节点
-                    if (item.children.length) {
-                        parentAll[item.id] = item
-                        getChildren(item.children)
-
-                    // 否则如果是匹配的子节点
-                    } else if (props.activeValue && item.attr[props.activeKey] === props.activeValue) {
-
-                        // 设为展开
-                        item.expanded = true
-
-                        getParent(item)
-                    }
-                }
-            }
-
-            getChildren(props.data)
-        }
-
-        // ==========【监听数据】=========================================================================================
-
-        /**
-         * 监听声明值
-         */
-        watch([()=>props.data, ()=>props.activeValue], function() {
-
-            // 设置激活状态
-            if ($n_isValidArray(props.data)) {
-                setActive()
-            }
-
-        }, {
-            // 立即执行
-            immediate: true,
-        })
-
-        // ==========【返回】=========================================================================================
-
-        return {
-            // 单个元素点击
-            onItemClick,
-        }
-    }
-}
-</script>
+<template>
+    <q-list
+        :dark="dark"
+    >
+        <n-list-menu-item
+            :data="data"
+            @item-click="onItemClick"
+        />
+    </q-list>
+</template>
+
+<script>
+import { watch } from 'vue'
+
+import $n_has from 'lodash/has'
+import $n_isValidArray from '@netang/utils/isValidArray'
+
+import NListMenuItem from '../list-menu-item'
+
+export default {
+
+    /**
+     * 标识
+     */
+    name: 'NListMenu',
+
+    /**
+     * 组件
+     */
+    components: {
+        NListMenuItem,
+    },
+
+    /**
+     * 声明属性
+     */
+    props: {
+        // 数据
+        data: Array,
+        // 是否暗色
+        dark: Boolean,
+        // 激活 key
+        activeKey: {
+            type: String,
+            default: 'id',
+        },
+        // 激活值
+        activeValue: [String, Number],
+    },
+
+    /**
+     * 声明事件
+     */
+    emits: [
+        // 单个元素点击
+        'itemClick',
+    ],
+
+    /**
+     * 组合式
+     */
+    setup(props, { emit }) {
+
+        // ==========【方法】============================================================================================
+
+        /**
+         * 单个元素点击
+         */
+        function onItemClick(item) {
+            emit('itemClick', item)
+        }
+
+        /**
+         * 设置激活状态
+         */
+        function setActive() {
+
+            const parentAll = {}
+
+            // 获取父节点
+            function getParent({ attr }) {
+                if (
+                    // 如果不是根节点
+                    attr.pid
+                    // 有父节点
+                    && $n_has(parentAll, attr.pid)
+                ) {
+                    const parentItem = parentAll[attr.pid]
+
+                    // 设为展开
+                    parentItem.expanded = true
+
+                    getParent(parentItem)
+                }
+            }
+
+            // 获取子节点
+            function getChildren(data) {
+
+                for (const item of data) {
+
+                    // 设为折叠
+                    item.expanded = false
+
+                    // 如果是父节点
+                    if (item.children.length) {
+                        parentAll[item.id] = item
+                        getChildren(item.children)
+
+                    // 否则如果是匹配的子节点
+                    } else if (props.activeValue && item.attr[props.activeKey] === props.activeValue) {
+
+                        // 设为展开
+                        item.expanded = true
+
+                        getParent(item)
+                    }
+                }
+            }
+
+            getChildren(props.data)
+        }
+
+        // ==========【监听数据】=========================================================================================
+
+        /**
+         * 监听声明值
+         */
+        watch([()=>props.data, ()=>props.activeValue], function() {
+
+            // 设置激活状态
+            if ($n_isValidArray(props.data)) {
+                setActive()
+            }
+
+        }, {
+            // 立即执行
+            immediate: true,
+        })
+
+        // ==========【返回】=========================================================================================
+
+        return {
+            // 单个元素点击
+            onItemClick,
+        }
+    }
+}
+</script>