@netang/quasar 0.0.47 → 0.0.49

package/components/table/index.vue

@@ -308,7 +308,7 @@ export default {
             let rightDrawer = false
 
             // 如果有插槽
-            if (utils.isValidObject(slots)) {
+            if ($n.isValidObject(slots)) {
                 for (const key in slots) {
                     if (key.startsWith('toolbar-')) {
                         toolbar.push(key.replace('toolbar-', ''))
@@ -336,13 +336,13 @@ export default {
         // ==========【监听数据】=========================================================================================
 
         // 如果有树节点点击方法
-        if (_.isFunction(props.treeNodeClick)) {
+        if ($n.isFunction(props.treeNodeClick)) {
 
             /**
              * 树节点 all
              */
             const treeNodesAll = computed(function () {
-                return utils.collection(props.treeNodes)
+                return $n.collection(props.treeNodes)
                     .keyBy(props.treeNodeKey)
                     .toObject()
             })
@@ -356,7 +356,7 @@ export default {
             watch(treeSelected, function(nodeKey) {
 
                 // 如果节点值不是有效值
-                if (! utils.isValidValue(nodeKey)) {
+                if (! $n.isValidValue(nodeKey)) {
 
                     // 则无任何操作
                     return
@@ -365,7 +365,7 @@ export default {
                 // 树节点点击
                 const res = props.treeNodeClick(nodeKey, treeNodesAll.value[nodeKey])
 
-                if (utils.isValidObject(res)) {
+                if ($n.isValidObject(res)) {
 
                     // 设置表格传参
                     $table.setQuery(res)

package/components/table-splitter/index.vue

@@ -143,6 +143,9 @@ export default {
             type: String,
             default: '没有找到任何数据',
         },
+        // 不需要加载渲染页面标识参数
+        // 额外加载参数 { n_renderpage: 1 }
+        noRendPageName: Boolean,
     },
 
     /**
@@ -164,7 +167,7 @@ export default {
          * 插槽标识
          */
         const slotNames = computed(function() {
-            return utils.isValidObject(slots) ? Object.keys(slots).filter(e => e !== 'toolbar-right') : []
+            return $n.isValidObject(slots) ? Object.keys(slots).filter(e => e !== 'toolbar-right') : []
         })
 
         /**
@@ -182,16 +185,21 @@ export default {
             // 如果有已选数据
             if (
                 currentSelectedItem.value
-                && _.isFunction(props.renderQuery)
+                && $n.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 ($n.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/table-summary/index.vue

@@ -63,7 +63,7 @@ export default {
                 })
             }
 
-            utils.forEach(_.get(props.props, 'cols'), function(item) {
+            $n.forEach($n.get(props.props, 'cols'), function(item) {
 
                 const {
                     // 标识
@@ -79,9 +79,9 @@ export default {
                 }
 
                 // 如果有统计字段
-                if (_.has(props.data, name)) {
+                if ($n.has(props.data, name)) {
                     // 判断是否是价格
-                    res.value = _.has(item, 'price') ? utils.price(props.data[name]) : props.data[name]
+                    res.value = $n.has(item, 'price') ? $n.price(props.data[name]) : props.data[name]
                 }
 
                 lists.push(res)

package/components/thumbnail/index.vue

@@ -1,9 +1,9 @@
 <template>
     <q-img
         :src="currentSrc"
-        :spinner-size="utils.px(size / 2)"
-        :width="utils.px(size)"
-        :height="utils.px(size)"
+        :spinner-size="$n.px(size / 2)"
+        :width="$n.px(size)"
+        :height="$n.px(size)"
         fit="fill"
         v-if="currentSrc"
     >
@@ -11,7 +11,7 @@
         <div
             class="absolute-full transparent cursor-pointer"
             @click.prevent.stop="onPreview"
-            @dblclick.prevent.stop="utils.noop"
+            @dblclick.prevent.stop="$n.noop"
             v-if="preview"
         ></div>
     </q-img>
@@ -60,7 +60,7 @@ export default {
          * 当前图片地址
          */
         const currentSrc = computed(function () {
-            const res = utils.getImage(props.src, { w: $q.platform.is.mobile ? props.size * 2 : props.size })
+            const res = $n.getImage(props.src, { w: $q.platform.is.mobile ? props.size * 2 : props.size })
             if (res) {
                 return res
             }
@@ -73,7 +73,7 @@ export default {
          */
         function onPreview() {
             // 预览图片
-            utils.previewImage(props.src)
+            $n.previewImage(props.src)
         }
 
         return {

package/components/uploader/index.vue

@@ -90,7 +90,7 @@ export default {
         const uploadFileLists = ref([])
 
         // 创建上传器
-        const uploader = utils.$uploader.create({
+        const uploader = $n.$uploader.create({
             type: props.type,
             // 声明属性
             props,

package/components/uploader-query/index.vue

@@ -44,8 +44,8 @@
                     <div
                         class="n-uploader-query__button--square cursor-pointer"
                         :style="{
-                            width: utils.px(currentSize),
-                            height: utils.px(currentSize),
+                            width: $n.px(currentSize),
+                            height: $n.px(currentSize),
                         }"
                         @click="uploader.chooseUpload"
                         v-show="showSquareButton"
@@ -53,7 +53,7 @@
                     >
                         <q-icon
                             name="add"
-                            :size="utils.px(currentSize / 2)"
+                            :size="$n.px(currentSize / 2)"
                         />
                         <div class="n-uploader-query__button--square__text" v-if="buttonText">{{buttonText}}</div>
                     </div>
@@ -76,9 +76,9 @@
                 >
                     <q-img
                         :src="getImage(fileItem)"
-                        :spinner-size="utils.px(currentSize / 2)"
-                        :width="utils.px(currentSize)"
-                        :height="utils.px(currentSize)"
+                        :spinner-size="$n.px(currentSize / 2)"
+                        :width="$n.px(currentSize)"
+                        :height="$n.px(currentSize)"
                         fit="fill"
                     >
                         <!-- 内容 -->
@@ -99,7 +99,7 @@
                             <q-circular-progress
                                 indeterminate
                                 rounded
-                                :size="utils.px(currentSize / 1.5)"
+                                :size="$n.px(currentSize / 1.5)"
                                 :thickness="0.14"
                                 color="white"
                                 v-if="fileItem.status < UPLOAD_STATUS.uploading"
@@ -108,7 +108,7 @@
                             <!-- 上传中 -->
                             <q-circular-progress
                                 :value="fileItem.progress"
-                                :size="utils.px(currentSize / 1.5)"
+                                :size="$n.px(currentSize / 1.5)"
                                 :thickness="0.14"
                                 color="white"
                                 track-color="grey-5"
@@ -118,7 +118,7 @@
                                 <q-icon
                                     class="cursor-pointer"
                                     name="pause"
-                                    :size="utils.px(currentSize / 3)"
+                                    :size="$n.px(currentSize / 3)"
                                     @click="uploader.deleteFileItem(fileItem)"
                                 />
                             </q-circular-progress>
@@ -163,8 +163,8 @@
                     <div
                         class="n-uploader-query__button--square cursor-pointer"
                         :style="{
-                        width: utils.px(currentSize),
-                        height: utils.px(currentSize),
+                        width: $n.px(currentSize),
+                        height: $n.px(currentSize),
                     }"
                         @click="uploader.chooseUpload"
                         v-show="showSquareButton"
@@ -172,7 +172,7 @@
                     >
                         <q-icon
                             name="add"
-                            :size="utils.px(currentSize / 2)"
+                            :size="$n.px(currentSize / 2)"
                         />
                         <div class="n-uploader-query__button--square__text" v-if="buttonText">{{buttonText}}</div>
                     </div>
@@ -191,7 +191,7 @@
                         ghost: fileItemIndex === fromIndex,
                     }"
                     :style="{
-                        height: utils.px(currentSize),
+                        height: $n.px(currentSize),
                     }"
                     :draggable="currentDrag"
                     @mousedown.self="mousedown($event, fileItemIndex)"
@@ -204,8 +204,8 @@
                     <div
                         class="n-uploader-query__item__icon"
                         :style="{
-                            width: utils.px(currentSize),
-                            height: utils.px(currentSize),
+                            width: $n.px(currentSize),
+                            height: $n.px(currentSize),
                         }"
                     >
                         <!-- 上传中前 -->
@@ -213,7 +213,7 @@
                             class="n-uploader-query__item__icon__icon"
                             indeterminate
                             rounded
-                            :size="utils.px(currentSize / 1.8)"
+                            :size="$n.px(currentSize / 1.8)"
                             :thickness="0.18"
                             v-if="fileItem.status < UPLOAD_STATUS.uploading"
                         />
@@ -222,7 +222,7 @@
                         <q-circular-progress
                             class="n-uploader-query__item__icon__icon"
                             :value="fileItem.progress"
-                            :size="utils.px(currentSize / 1.8)"
+                            :size="$n.px(currentSize / 1.8)"
                             :thickness="0.18"
                             show-value
                             v-else-if="fileItem.status === UPLOAD_STATUS.uploading"
@@ -230,7 +230,7 @@
                             <q-icon
                                 class="cursor-pointer"
                                 name="pause"
-                                :size="utils.px(currentSize / 3)"
+                                :size="$n.px(currentSize / 3)"
                                 @click="uploader.deleteFileItem(fileItem)"
                             />
                         </q-circular-progress>
@@ -239,7 +239,7 @@
                         <q-icon
                             class="n-uploader-query__item__icon__icon"
                             name="description"
-                            :size="utils.px(currentSize / 1.5)"
+                            :size="$n.px(currentSize / 1.5)"
                             v-else-if="type === 'file'"
                         />
 
@@ -248,7 +248,7 @@
                             class="n-uploader-query__item__icon__icon cursor-pointer"
                             name="play_circle"
                             title="播放"
-                            :size="utils.px(currentSize / 1.5)"
+                            :size="$n.px(currentSize / 1.5)"
                             @click="uploader.play(fileItem)"
                             v-else
                         />
@@ -412,7 +412,7 @@ export default {
          */
         const currentDrag = computed(function() {
             return props.drag
-                && utils.isValidArray(query.value)
+                && $n.isValidArray(query.value)
                 && query.value.length > 1
         })
 
@@ -454,11 +454,11 @@ export default {
          * 获取图片地址
          */
         function getImage(fileItem) {
-            return _.has(fileItem, '__img') ?
+            return $n.has(fileItem, '__img') ?
                 fileItem.__img
                 : (
-                    utils.isValidString(fileItem.hash) ?
-                        utils.getImage(fileItem.hash, { w: $q.platform.is.mobile ? currentSize.value * 2 : currentSize.value })
+                    $n.isValidString(fileItem.hash) ?
+                        $n.getImage(fileItem.hash, { w: $q.platform.is.mobile ? currentSize.value * 2 : currentSize.value })
                         : ''
                 )
         }
@@ -467,7 +467,7 @@ export default {
          * 获取文件名称
          */
         function getFileName(fileItem) {
-            return fileItem.title + (_.get(fileItem, 'ext') ? '.' + fileItem.ext : '')
+            return fileItem.title + ($n.get(fileItem, 'ext') ? '.' + fileItem.ext : '')
         }
 
         // ==========【生命周期】=========================================================================================

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,
@@ -89,7 +100,7 @@ export default {
          * 格式化声明值
          */
         function formatModelValue(value) {
-            return _.isFunction(props.before)
+            return $n.isFunction(props.before)
                 // 如果有修改前值方法
                 ? props.before({ value, formatArray, formatString })
                 // 返回值
@@ -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 = $n.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)
+            }
         }
 
         /**
@@ -130,24 +160,24 @@ export default {
                 toString: false,
             }, params)
 
-            val = utils.isValidArray(val) ? val : []
+            val = $n.isValidArray(val) ? val : []
 
             // 如果数组有值
             if (val.length) {
 
                 // 是否给每个值去除首位空格
                 if (o.trim) {
-                    val = val.map(e => utils.trimString(e))
+                    val = val.map(e => $n.trimString(e))
                 }
 
                 // 是否验证每个值是否为有效字符串/数字
                 if (o.isValidValue) {
-                    val = val.filter(val => utils.isValidValue(val))
+                    val = val.filter(val => $n.isValidValue(val))
                 }
 
                 // 去重
                 if (o.unique) {
-                    val = _.uniq(val)
+                    val = $n.uniq(val)
                 }
             }
 
@@ -169,7 +199,7 @@ export default {
                 // 是否给每个值去除首位空格
                 trim: true,
                 // 替换内容
-                replace: /\n|\，|\s+/g,
+                replace: /\n|,|，|\s+/g,
                 // 是否去重
                 unique: true,
                 // 分隔符
@@ -183,18 +213,15 @@ export default {
             // 是否去除首尾空格
             if (o.trim) {
                 // 去除首尾空格
-                val = utils.trimString(val)
+                val = $n.trimString(val)
 
             // 否则转字符串
             } else {
-                val = utils.isValidValue(val) ? String(val) : ''
+                val = $n.isValidValue(val) ? String(val) : ''
             }
 
             // 如果有分割符
-            if (utils.isValidValue(o.separator, true)) {
-
-                // 分隔符
-                o.separator = utils.trimString(o.separator)
+            if ($n.isValidValue(o.separator, true)) {
 
                 // 是否替换
                 if (o.replace) {
@@ -202,16 +229,16 @@ export default {
                 }
 
                 // 分隔成数组
-                val = utils.split(val, o.separator)
+                val = $n.split(val, o.separator)
 
                 // 如果去重
                 if (o.unique) {
-                    val = _.uniq(val)
+                    val = $n.uniq(val)
                 }
 
                 // 如果验证每个值是否为有效字符串/数字
                 if (o.isValidValue) {
-                    val = val.filter(val => utils.isValidValue(val))
+                    val = val.filter(val => $n.isValidValue(val))
                 }
 
                 // 如果转数组
@@ -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.49",
   "description": "netang-quasar",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"