@netang/quasar 0.0.53 → 0.0.54

package/components/field-date/index.vue

@@ -43,7 +43,7 @@
                             ref="scrollRef"
                             :style="{
                                 width: selectLists.length === 1 ? '136px' : '80px',
-                                height: '300px',
+                                height: '300px'
                             }"
                             v-for="(selectItem, selectItemIndex) in selectLists"
                             :key="`list-${selectItemIndex}`"
@@ -138,6 +138,18 @@
 import { ref, reactive, computed, watch, nextTick } from 'vue'
 import { date as quasarDate } from 'quasar'
 
+import $n_padStart from 'lodash/padStart'
+import $n_isNil from 'lodash/isNil'
+
+import $n_forEach from '@netang/utils/forEach'
+import $n_indexOf from '@netang/utils/indexOf'
+import $n_isRequired from '@netang/utils/isRequired'
+import $n_isValidValue from '@netang/utils/isValidValue'
+import $n_numberDeep from '@netang/utils/numberDeep'
+import $n_isDate from '@netang/utils/isDate'
+import $n_dateObject from '@netang/utils/dateObject'
+import $n_ymd from '@netang/utils/ymd'
+
 import { quickRange, getQuickRange } from './methods'
 
 export default {
@@ -197,17 +209,17 @@ export default {
 
         // 是否为选择
         const isSelect = computed(function() {
-            return $n.indexOf(['year', 'month', 'time'], props.type) > -1
+            return $n_indexOf(['year', 'month', 'time'], props.type) > -1
         })
 
         // 是否为范围
         const isRange = computed(function() {
-            return $n.indexOf(['daterange', 'datetimerange'], props.type) > -1
+            return $n_indexOf(['daterange', 'datetimerange'], props.type) > -1
         })
 
         // 是否为选择时间
         const isDatetime = computed(function() {
-            return $n.indexOf(['datetime', 'datetimerange'], props.type) > -1
+            return $n_indexOf(['datetime', 'datetimerange'], props.type) > -1
         })
 
         // 选择数据列表
@@ -222,14 +234,14 @@ export default {
                     lists: []
                 }
                 for (let i = 0; i <= 23; i++) {
-                    hh.lists.push([i, $n.padStart(String(i), 2, '0')])
+                    hh.lists.push([i, $n_padStart(String(i), 2, '0')])
                 }
                 const ii = {
                     type: 'ii',
                     lists: []
                 }
                 for (let i = 0; i <= 59; i++) {
-                    ii.lists.push([i, $n.padStart(String(i), 2, '0')])
+                    ii.lists.push([i, $n_padStart(String(i), 2, '0')])
                 }
                 arr.push(hh, ii)
                 if (props.showSecond) {
@@ -238,7 +250,7 @@ export default {
                         lists: []
                     }
                     for (let i = 0; i <= 59; i++) {
-                        ss.lists.push([i, $n.padStart(String(i), 2, '0')])
+                        ss.lists.push([i, $n_padStart(String(i), 2, '0')])
                     }
                     arr.push(ss)
                 }
@@ -267,7 +279,7 @@ export default {
                 lists: []
             }
             for (let i = 1; i <= 12; i++) {
-                mm.lists.push([i, $n.padStart(String(i), 2, '0')])
+                mm.lists.push([i, $n_padStart(String(i), 2, '0')])
             }
 
             arr.push(mm)
@@ -333,9 +345,9 @@ export default {
                         ii: '',
                     })
 
-                    if ($n.isDate(val)) {
+                    if ($n_isDate(val)) {
 
-                        const { hh, ii, ss } = $n.dateObject(val)
+                        const { hh, ii, ss } = $n_dateObject(val)
 
                         // 设置时间数据
                         Object.assign(obj, {
@@ -368,8 +380,8 @@ export default {
                                 obj.y = val
 
                             // 否则如果是日期格式
-                            } else if ($n.isDate(val)) {
-                                const { y } = $n.dateObject(val)
+                            } else if ($n_isDate(val)) {
+                                const { y } = $n_dateObject(val)
                                 obj.y = y
                             }
                         }
@@ -380,13 +392,13 @@ export default {
                     // 否则是选择月
 
                     // 如果是这样的格式 202207, 则转换为 2022-07
-                    const newVal = $n.ymd.toString(val)
+                    const newVal = $n_ymd.toString(val)
                     if (newVal) {
                         val = newVal
                     }
 
-                    if ($n.isDate(val)) {
-                        const { y, mm } = $n.dateObject(val)
+                    if ($n_isDate(val)) {
+                        const { y, mm } = $n_dateObject(val)
                         Object.assign(obj, {
                             y,
                             mm,
@@ -404,13 +416,13 @@ export default {
             let to = ''
 
             // 如果是这样的格式 20220708, 则转换为 2022-07-08
-            const newVal = $n.ymd.toString(val)
+            const newVal = $n_ymd.toString(val)
             if (newVal) {
                 val = newVal
             }
 
-            if ($n.isDate(val)) {
-                const { y, mm, dd } = $n.dateObject(val)
+            if ($n_isDate(val)) {
+                const { y, mm, dd } = $n_dateObject(val)
                 from = `${y}/${mm}/${dd}`
 
                 // 如果不是日期选择范围, 则返回单个日期
@@ -420,8 +432,8 @@ export default {
             }
 
             // 如果是日期选择范围
-            if (isRange.value && $n.isDate(props.end)) {
-                const { y, mm, dd } = $n.dateObject(props.end)
+            if (isRange.value && $n_isDate(props.end)) {
+                const { y, mm, dd } = $n_dateObject(props.end)
                 to = `${y}/${mm}/${dd}`
             }
 
@@ -441,8 +453,8 @@ export default {
                 to: '',
             }
 
-            if ($n.isDate(props.modelValue)) {
-                const { hh, ii, ss } = $n.dateObject(props.modelValue)
+            if ($n_isDate(props.modelValue)) {
+                const { hh, ii, ss } = $n_dateObject(props.modelValue)
                 obj.from = `${hh}:${ii}`
                 if (props.showSecond) {
                     obj.from += `:${ss}`
@@ -455,8 +467,8 @@ export default {
                 obj.from = props.showSecond ? '00:00:00' : '00:00'
             }
 
-            if (isRange.value && $n.isDate(props.end)) {
-                const { hh, ii, ss } = $n.dateObject(props.end)
+            if (isRange.value && $n_isDate(props.end)) {
+                const { hh, ii, ss } = $n_dateObject(props.end)
                 obj.to = `${hh}:${ii}`
                 if (props.showSecond) {
                     obj.to += `:${ss}`
@@ -482,9 +494,9 @@ export default {
                 // 如果是选择时间
                 if (props.type === 'time') {
                     if (
-                        ! $n.isValidValue(dateValue.hh)
-                        || ! $n.isValidValue(dateValue.ii)
-                        || (props.showSecond && ! $n.isValidValue(dateValue.ss))) {
+                        ! $n_isValidValue(dateValue.hh)
+                        || ! $n_isValidValue(dateValue.ii)
+                        || (props.showSecond && ! $n_isValidValue(dateValue.ss))) {
                         return ''
                     }
                     format = 'HH:mm'
@@ -495,13 +507,13 @@ export default {
 
                 // 否则是选择年月
                 } else {
-                    if (! $n.isValidValue(dateValue.y)) {
+                    if (! $n_isValidValue(dateValue.y)) {
                         return ''
                     }
 
                     const isMonth = props.type === 'month'
                     if (isMonth) {
-                        if (! $n.isValidValue(dateValue.mm)) {
+                        if (! $n_isValidValue(dateValue.mm)) {
                             return ''
                         }
 
@@ -526,7 +538,7 @@ export default {
                 return ''
             }
 
-            if (! $n.isRequired(dateValue)) {
+            if (! $n_isRequired(dateValue)) {
                 return ''
             }
 
@@ -538,8 +550,8 @@ export default {
                 } = dateValue
 
                 if (
-                    ! $n.isValidValue(from)
-                    || ! $n.isValidValue(to)
+                    ! $n_isValidValue(from)
+                    || ! $n_isValidValue(to)
                 ) {
                     return ''
                 }
@@ -616,7 +628,7 @@ export default {
         function onUpdateDateValue(val) {
 
             // 如果为 null, 则清空数据
-            if ($n.isNil(val)) {
+            if ($n_isNil(val)) {
                 emit('update:modelValue', null)
                 if (isRange.value) {
                     emit('update:end', null)
@@ -698,7 +710,7 @@ export default {
          * 提交
          */
         function onEmit(key, value) {
-            emit(key, $n.numberDeep(value))
+            emit(key, $n_numberDeep(value))
         }
 
         /**
@@ -712,9 +724,9 @@ export default {
                 nextTick(function() {
 
                     // 遍历选择列表
-                    $n.forEach(selectLists.value, function(selectItem, selectItemIndex) {
+                    $n_forEach(selectLists.value, function(selectItem, selectItemIndex) {
                         // 遍历选单个列表
-                        $n.forEach(selectItem.lists, function(item, itemIndex) {
+                        $n_forEach(selectItem.lists, function(item, itemIndex) {
                             if (dateValue.value[selectItem.type] !== '' && dateValue.value[selectItem.type] == item[0]) {
                                 scrollRef.value[selectItemIndex].setScrollPosition('vertical', 32 * itemIndex, 0)
                                 return true

package/components/field-table/index.vue

@@ -176,6 +176,34 @@
 <script>
 import { ref, computed, watch, onUpdated } from 'vue'
 
+import $n_has from 'lodash/has'
+import $n_uniq from 'lodash/uniq'
+import $n_cloneDeep from 'lodash/cloneDeep'
+import $n_isFunction from 'lodash/isFunction'
+import $n_findIndex from 'lodash/findIndex'
+import $n_get from 'lodash/get'
+
+import $n_forEach from '@netang/utils/forEach'
+import $n_isValidArray from '@netang/utils/isValidArray'
+import $n_join from '@netang/utils/join'
+import $n_split from '@netang/utils/split'
+import $n_isValidObject from '@netang/utils/isValidObject'
+import $n_isValidValue from '@netang/utils/isValidValue'
+import $n_isValidString from '@netang/utils/isValidString'
+import $n_numberDeep from '@netang/utils/numberDeep'
+import $n_sleep from '@netang/utils/sleep'
+import $n_http from '@netang/utils/http'
+
+import $n_power from '../../utils/power'
+import $n_table from '../../utils/table'
+
+import { configs } from '../../utils/config'
+
+const {
+    // 字典常量
+    dicts,
+} = configs
+
 export default {
 
     /**
@@ -217,19 +245,19 @@ export default {
             default: ',',
         },
 
-        // 表格请求路径
+        // 请求路径
         path: String,
-        // 表格请求参数
+        // 请求参数
         query: Object,
         // 附加请求数据
         data: Object,
         // 初始不加载已选数据
-        noFirstLoadSelected: Boolean,
+        noDefaultLoadSelected: Boolean,
         // 更新值时不加载已选数据
         noUpdateLoadSelected: Boolean,
         // 格式化显示标签
         formatLabel: Function,
-        // 快捷表格显示的字段数组(空为:[值字段, 标签字段])
+        // 下拉表格显示的字段数组(空为:[值字段, 标签字段])
         showKeys: Array,
         // 隐藏搜索字段数组
         hideSearchKeys: Array,
@@ -251,7 +279,7 @@ export default {
         rows: Array,
         // 是否多选
         multiple: Boolean,
-        // 多选模式下是否折叠 Tag
+        // 多选模式下是否折叠标签
         collapseTags: Boolean,
         // 占位符
         placeholder: String,
@@ -287,7 +315,7 @@ export default {
          * 插槽标识
          */
         const slotNames = computed(function() {
-            return $n.isValidObject(slots) ? Object.keys(slots) : []
+            return $n_isValidObject(slots) ? Object.keys(slots) : []
         })
 
         /**
@@ -301,7 +329,7 @@ export default {
          * 当前显示字段
          */
         const currentShowKeys = computed(function() {
-            return $n.uniq($n.isValidArray(props.showKeys)
+            return $n_uniq($n_isValidArray(props.showKeys)
                 ? props.showKeys
                 : [ props.valueKey, currentlabelKey.value ])
         })
@@ -319,7 +347,7 @@ export default {
         const showValue = computed(function () {
 
             // 如果有已选数据
-            return $n.isValidArray(selected.value)
+            return $n_isValidArray(selected.value)
                 // 取已选数据第一条
                 ? currentFormatLabel(selected.value[0])
                 : ''
@@ -329,9 +357,9 @@ export default {
 
 
         // 创建权限实例
-        const $power = $n.power.create({
+        const $power = $n_power.create({
             // 路由路径
-            path: $n.isValidString(props.path) ? props.path : false,
+            path: $n_isValidString(props.path) ? props.path : false,
             // 路由参数
             query: props.query,
             // 关闭权限页面
@@ -344,7 +372,7 @@ export default {
         } = $power
 
         // 创建表格实例
-        const $table = $n.table.create({
+        const $table = $n_table.create({
             // 权限实例
             $power,
             // 附加请求数据
@@ -372,7 +400,7 @@ export default {
         })
 
         // 创建睡眠实例
-        const sleep = $n.sleep()
+        const sleep = $n_sleep()
 
         // 输入框节点
         const inputRef = ref(null)
@@ -502,7 +530,7 @@ export default {
             await sleep(props.inputDebounce)
 
             // 是否有值
-            const hasValue = $n.isValidValue(val)
+            const hasValue = $n_isValidValue(val)
 
             const n_search = {}
             n_search[currentFilterKey.value] = [
@@ -544,7 +572,7 @@ export default {
                 // 如果值类型不是数组对象
                 props.valueType !== 'objectArray'
                 // 如果初始加载已选数据
-                && ! props.noFirstLoadSelected
+                && ! props.noDefaultLoadSelected
                 // 如果有请求路由路径
                 && routePath
             ) {
@@ -605,14 +633,14 @@ export default {
         function currentFormatLabel(item) {
 
             // 如果有格式化显示标签方法
-            if ($n.isFunction(props.formatLabel)) {
+            if ($n_isFunction(props.formatLabel)) {
                 // 执行格式化显示标签方法
                 return props.formatLabel(item)
             }
 
             // 否则显示该值的标签字段
             const val = item[currentlabelKey.value]
-            return $n.isValidValue(val) ? val : item[props.valueKey]
+            return $n_isValidValue(val) ? val : item[props.valueKey]
         }
 
         /**
@@ -634,13 +662,13 @@ export default {
             if (props.valueType === 'objectArray') {
 
                 // 如果是有效数组
-                if ($n.isValidArray(val)) {
+                if ($n_isValidArray(val)) {
                     for (const item of val) {
                         if (
                             // 如果元素不是有效对象
-                            ! $n.isValidObject(item)
+                            ! $n_isValidObject(item)
                             // 如果元素没有值字段
-                            || ! $n.has(item, props.valueKey)
+                            || ! $n_has(item, props.valueKey)
                         ) {
                             return []
                         }
@@ -655,16 +683,16 @@ export default {
                 // 非初始化
                 ! isFirst
                 // 或初始不加载已选数据
-                || props.noFirstLoadSelected
+                || props.noDefaultLoadSelected
                 // 或没有路由路径
                 || ! routePath
             ) {
                 // 将值转为数组
-                val = props.valueType === 'string' ? $n.split(val, props.valueSeparator) : val
+                val = props.valueType === 'string' ? $n_split(val, props.valueSeparator) : val
 
                 // 如果是有效数组
-                if ($n.isValidArray(val)) {
-                    val = val.filter(e => $n.isValidValue(e))
+                if ($n_isValidArray(val)) {
+                    val = val.filter(e => $n_isValidValue(e))
                     return toSelected ? val.map(e => setSelectedItem(e)) : val
                 }
             }
@@ -705,7 +733,7 @@ export default {
             }
 
             // 返回转为分隔符隔开的字符串
-            return $n.numberDeep($n.join(values, props.valueSeparator))
+            return $n_numberDeep($n_join(values, props.valueSeparator))
         }
 
         /**
@@ -714,7 +742,7 @@ export default {
         async function onRequestSelected(value) {
 
             // 请求数据
-            const { status, data } = await $n.http({
+            const { status, data } = await $n_http({
                 url: $table.routePath,
                 data: Object.assign(
                     // 获取表格请求数据
@@ -743,7 +771,7 @@ export default {
                 ),
             })
 
-            return status && $n.isValidArray($n.get(data, 'rows')) ? data.rows : []
+            return status && $n_isValidArray($n_get(data, 'rows')) ? data.rows : []
         }
 
         /**
@@ -754,24 +782,24 @@ export default {
             let columns
 
             // 如果有声明路由表格列数据
-            if ($n.isValidArray(props.columns)) {
-                columns = $n.cloneDeep(props.columns)
+            if ($n_isValidArray(props.columns)) {
+                columns = $n_cloneDeep(props.columns)
 
             // 如果有路由路径
             } else if (routePath) {
                 // 否则如果有路由表格列数据
-                const rawTableColumns = $n.table.config(routePath, 'columns')
-                if ($n.isValidArray(rawTableColumns)) {
-                    columns = $n.cloneDeep(rawTableColumns)
+                const rawTableColumns = $n_table.config(routePath, 'columns')
+                if ($n_isValidArray(rawTableColumns)) {
+                    columns = $n_cloneDeep(rawTableColumns)
                 }
             }
 
-            if ($n.isValidArray(columns)) {
-                if ($n.isValidArray(props.hideSearchKeys)) {
+            if ($n_isValidArray(columns)) {
+                if ($n_isValidArray(props.hideSearchKeys)) {
                     for (const item of columns) {
                         if (
                             props.hideSearchKeys.indexOf(item.name) > -1
-                            && $n.has(item, 'search')
+                            && $n_has(item, 'search')
                         ) {
                             item.search.hide = true
                         }
@@ -791,21 +819,21 @@ export default {
             const columns = []
 
             // 如果有原始表格列数据
-            if ($n.isValidArray($table.tableColumns)) {
+            if ($n_isValidArray($table.tableColumns)) {
 
                 // 克隆原始表格列数据
-                const rawTableColumns = $n.cloneDeep($table.tableColumns)
+                const rawTableColumns = $n_cloneDeep($table.tableColumns)
 
                 // 快捷表格显示的属性名称数组
-                $n.forEach(currentShowKeys.value, function (key) {
+                $n_forEach(currentShowKeys.value, function (key) {
                     for (const item of rawTableColumns) {
                         if (item.name === key) {
                             // 删除搜索字段
-                            if ($n.has(item, 'search')) {
+                            if ($n_has(item, 'search')) {
                                 delete item.search
                             }
                             // 删除可见字段
-                            if ($n.has(item, 'visible')) {
+                            if ($n_has(item, 'visible')) {
                                 delete item.visible
                             }
                             columns.push(item)
@@ -982,7 +1010,7 @@ export default {
                 opt[props.valueKey] = row[props.valueKey]
 
                 // 获取当前数据索引
-                const itemIndex = $n.findIndex(_selected, opt)
+                const itemIndex = $n_findIndex(_selected, opt)
 
                 // 如果不存在
                 if (itemIndex === -1) {
@@ -1049,7 +1077,7 @@ export default {
         onUpdated(function () {
             if (
                 popupRef.value
-                && $n.has(popupRef.value, 'currentComponent.ref.updatePosition')
+                && $n_has(popupRef.value, 'currentComponent.ref.updatePosition')
             ) {
                 popupRef.value.currentComponent.ref.updatePosition()
             }
@@ -1118,8 +1146,6 @@ export default {
 </script>
 
 <style lang="scss">
-@import "@/assets/sass/var.scss";
-
 .n-field-table {
     .q-field__input--padding {
         padding-left: 4px;

package/components/field-text/index.vue

@@ -73,6 +73,10 @@
 <script>
 import { computed } from 'vue'
 
+import $n_forIn from '@netang/utils/forIn'
+
+import $n_copy from '../../utils/copy'
+
 export default {
 
     /**
@@ -131,7 +135,7 @@ export default {
         const slotNames = computed(function() {
             const lists = []
 
-            $n.forIn(slots, function(val, key) {
+            $n_forIn(slots, function(val, key) {
                 if (key !== 'default') {
                     lists.push(key)
                 }
@@ -148,7 +152,7 @@ export default {
         function onCopy() {
             const val = props.copyText || props.value
             if (val) {
-                $n.copy(val, `复制【${props.label}】成功`)
+                $n_copy(val, `复制【${props.label}】成功`)
             }
         }