n20-common-lib 2.4.5 → 2.4.7

package/nstc-g6/components/NstcForm/AutocompleteCustom/index.vue

@@ -2,7 +2,7 @@
   <el-autocomplete
     v-model="_value"
     v-bind="$attrs"
-    :style="{width:parseFloat(width) + 'px'}"
+    :style="{ width: parseFloat(width) + 'px' }"
     :placeholder="placeholder"
     v-on="$listeners"
     @select="handleSelect"
@@ -37,7 +37,7 @@ export default {
 
     placeholder: {
       type: String,
-      default: function (){
+      default: function () {
         return '请输入'
       }
     },

package/nstc-g6/components/NstcForm/BusinessSpecific/InputWithUnit.vue

@@ -1,38 +1,15 @@
 <template>
   <div>
     <div v-if="isSingle" class="nstc-g6-common-input-with-unit">
-      <InputCustom
-          v-model="_value[0]"
-          :width="_widthConfig[0]"
-          :maxlength="3"
-      />
-      <SelectCustom
-          v-model="_value[1]"
-          filterable
-          :options="options"
-          :width="_widthConfig[1]"
-      />
+      <InputCustom v-model="_value[0]" :width="_widthConfig[0]" :maxlength="3" />
+      <SelectCustom v-model="_value[1]" filterable :options="options" :width="_widthConfig[1]" />
     </div>
     <div v-else class="nstc-g6-common-input-with-unit">
-      <InputCustom
-          v-model="_value[0]"
-          :width="_widthConfig[0]"
-          :maxlength="3"
-      />
+      <InputCustom v-model="_value[0]" :width="_widthConfig[0]" :maxlength="3" />
       <span style="margin: 0 10px">到</span>
-      <InputCustom
-          v-model="_value[1]"
-          :width="_widthConfig[1]"
-          :maxlength="3"
-      />
-      <SelectCustom
-          v-model="_value[2]"
-          filterable
-          :options="options"
-          :width="_widthConfig[2]"
-      />
+      <InputCustom v-model="_value[1]" :width="_widthConfig[1]" :maxlength="3" />
+      <SelectCustom v-model="_value[2]" filterable :options="options" :width="_widthConfig[2]" />
     </div>
-    
   </div>
 </template>
 
@@ -40,11 +17,11 @@
 import InputCustom from '../InputCustom'
 import SelectCustom from '../SelectCustom'
 export default {
-  name: "NstcInputWithUnit",
+  name: 'NstcInputWithUnit',
   props: {
     isSingle: {
       type: Boolean,
-      default: false,
+      default: false
     },
     value: {
       type: Array,
@@ -56,9 +33,9 @@ export default {
       type: Array,
       default: () => {
         return [
-          {label: '年', value: 3},
-          {label: '月', value: 2},
-          {label: '日', value: 1},
+          { label: '年', value: 3 },
+          { label: '月', value: 2 },
+          { label: '日', value: 1 }
         ]
       }
     },
@@ -80,7 +57,7 @@ export default {
     SelectCustom
   },
   watch: {
-    isSingle:{
+    isSingle: {
       immediate: true,
       handler(val) {
         if (!val) {

package/nstc-g6/components/NstcForm/BusinessSpecific/SelectTreeDialog.vue

@@ -1,39 +1,36 @@
 <template>
   <SelectInDialogCustom
-      ref="SelectInDialogCustom"
-      v-model="model[0]"
-      :title="title"
-      :url="url"
-      clearable
-      remote
-      :value-key="valueKey"
-      :label-key="labelKey"
-      width="294"
-      :original-form="false"
-      :original-table="false"
-      :dialogVisibleTree="dialogVisibleTree"
+    ref="SelectInDialogCustom"
+    v-model="model[0]"
+    :title="title"
+    :url="url"
+    clearable
+    remote
+    :value-key="valueKey"
+    :label-key="labelKey"
+    width="294"
+    :original-form="false"
+    :original-table="false"
+    :dialogVisibleTree="dialogVisibleTree"
   >
     <template v-slot:table>
-      <div style="display:flex;">
-        <el-input
-          class="select-dialog-custom-tree-inp"
-          placeholder="输入关键字进行过滤"
-          v-model="filterText">
+      <div style="display: flex">
+        <el-input class="select-dialog-custom-tree-inp" placeholder="输入关键字进行过滤" v-model="filterText">
         </el-input>
         <el-button
           type="primary"
-          style="margin-left: 20px;"
+          style="margin-left: 20px"
           class="nstc-g6-common-btn-1 nstc-g6-common-btn-size-b"
           @click.stop="handleQuery"
         >
           查询
         </el-button>
       </div>
-      
-      <div style="height:300px;overflow:scroll;">
+
+      <div style="height: 300px; overflow: scroll">
         <el-tree
           class="filter-tree"
-          style="margin:20px;"
+          style="margin: 20px"
           :data="data"
           :props="defaultProps"
           :node-key="nodeKey"
@@ -47,24 +44,14 @@
         >
         </el-tree>
       </div>
-      <div style='text-align:center;'>
-        <el-button
-          type="primary"
-          class="nstc-g6-common-btn-1 nstc-g6-common-btn-size-b"
-          @click.stop="handleclick"
-        >
+      <div style="text-align: center">
+        <el-button type="primary" class="nstc-g6-common-btn-1 nstc-g6-common-btn-size-b" @click.stop="handleclick">
           确认
         </el-button>
-        <el-button
-          class="nstc-g6-common-btn-1 nstc-g6-common-btn-size-b"
-          @click.stop="handleClear"
-        >
-          取消
-        </el-button>
-        </div>
+        <el-button class="nstc-g6-common-btn-1 nstc-g6-common-btn-size-b" @click.stop="handleClear"> 取消 </el-button>
+      </div>
     </template>
   </SelectInDialogCustom>
-
 </template>
 
 <script>
@@ -73,9 +60,9 @@ export default {
   name: 'SelectTreeDialog',
 
   components: {
-    SelectInDialogCustom,
+    SelectInDialogCustom
   },
-  
+
   computed: {
     _value: {
       get() {
@@ -98,41 +85,56 @@ export default {
     },
     data: {
       type: Array,
-      default: () => [{
+      default: () => [
+        {
           id: 1,
           label: '一级 1',
-          children: [{
-            id: 4,
-            label: '二级 1-1',
-            children: [{
-              id: 9,
-              label: '三级 1-1-1'
-            }, {
-              id: 10,
-              label: '三级 1-1-2'
-            }]
-          }]
-        }, {
+          children: [
+            {
+              id: 4,
+              label: '二级 1-1',
+              children: [
+                {
+                  id: 9,
+                  label: '三级 1-1-1'
+                },
+                {
+                  id: 10,
+                  label: '三级 1-1-2'
+                }
+              ]
+            }
+          ]
+        },
+        {
           id: 2,
           label: '一级 2',
-          children: [{
-            id: 5,
-            label: '二级 2-1'
-          }, {
-            id: 6,
-            label: '二级 2-2'
-          }]
-        }, {
+          children: [
+            {
+              id: 5,
+              label: '二级 2-1'
+            },
+            {
+              id: 6,
+              label: '二级 2-2'
+            }
+          ]
+        },
+        {
           id: 3,
           label: '一级 3',
-          children: [{
-            id: 7,
-            label: '二级 3-1'
-          }, {
-            id: 8,
-            label: '二级 3-2'
-          }]
-        }]
+          children: [
+            {
+              id: 7,
+              label: '二级 3-1'
+            },
+            {
+              id: 8,
+              label: '二级 3-2'
+            }
+          ]
+        }
+      ]
     },
     defaultProps: {
       type: Object,
@@ -143,7 +145,7 @@ export default {
         }
       }
     },
-    valueKey :{
+    valueKey: {
       type: String,
       default: 'prop1'
     },
@@ -162,25 +164,24 @@ export default {
     nodeKey: {
       type: String,
       default: 'id'
-    },
-
+    }
   },
 
   data() {
     return {
       filterText: '',
       model: [{ prop1: '1', prop2: '' }],
-      dialogVisibleTree: false,
+      dialogVisibleTree: false
     }
   },
 
   methods: {
     filterNode(value, data) {
-      if (!value) return true;
-      return data.label.indexOf(value) !== -1;
+      if (!value) return true
+      return data.label.indexOf(value) !== -1
     },
     handleQuery() {
-      this.$refs.tree.filter(this.filterText);
+      this.$refs.tree.filter(this.filterText)
     },
     /**
      * 树节点点击事件
@@ -195,14 +196,14 @@ export default {
       this.placeholder = this.filterText
 
       this._value = data[this.nodeKey]
-      console.log(this._value,this.nodeKey)
+      console.log(this._value, this.nodeKey)
 
       // 主动让input框失去交单
       // this.$refs[this.inputRefName].blur()
       this.showPopoverFlag = false
     },
     handleclick() {
-      this.$emit('handleclick', this.filterText) 
+      this.$emit('handleclick', this.filterText)
       this.model[0].prop2 = this.filterText
       this.model[0].prop1 = this.nodeKey
       this.$refs.SelectInDialogCustom.dialogVisible = false
@@ -219,10 +220,9 @@ export default {
     margin-right: 20px;
   }
   .el-tree-node:focus {
-    background-color: #007AFF;
+    background-color: #007aff;
   }
 }
-
 </style>
 
 <style scoped>

package/nstc-g6/components/NstcForm/CheckboxCustom/index.vue

@@ -3,17 +3,12 @@
     v-model="_value"
     v-bind="$attrs"
     class="checkbox-group"
-    :style="{width:parseFloat(width) + 'px'}"
+    :style="{ width: parseFloat(width) + 'px' }"
     v-on="$listeners"
   >
     <template v-for="item in options">
-      <el-checkbox-button
-        v-if="type === 'button'"
-        :key="item.value"
-        :label="item.value"
-        :disabled="item.disabled"
-      >
-        {{ item.label}}
+      <el-checkbox-button v-if="type === 'button'" :key="item.value" :label="item.value" :disabled="item.disabled">
+        {{ item.label }}
       </el-checkbox-button>
       <el-checkbox
         v-else
@@ -42,7 +37,7 @@ export default {
 
     type: {
       default: 'normal',
-      validator: function(val) {
+      validator: function (val) {
         return ['normal', 'border', 'button'].includes(val)
       }
     },
@@ -61,7 +56,6 @@ export default {
       type: Boolean,
       default: false
     }
-
   },
 
   computed: {
@@ -78,7 +72,7 @@ export default {
 </script>
 
 <style scoped>
-.checkbox-group /deep/ .el-checkbox{
+.checkbox-group /deep/ .el-checkbox {
   margin-right: 40px;
 }
 </style>

package/nstc-g6/components/NstcForm/Component.vue

@@ -28,21 +28,11 @@
       @add-click="$emit('add-click')"
       @other-click="$emit('other-click')"
       @enter-click="handleExpectQuery"
-      @tree-node-click="
-        (prop, data, node) => $emit('tree-node-click', prop, data, node)
-      "
+      @tree-node-click="(prop, data, node) => $emit('tree-node-click', prop, data, node)"
     />
 
-    <div
-      v-if="isVertical && queryBtn"
-      :class="[`form-item`, `form-item-button`]"
-    >
-      <el-button
-        v-bind="queryBtn"
-        :loading="queryLoading"
-        :disabled="disableds.querybutton"
-        @click="handleExpectQuery"
-      >
+    <div v-if="isVertical && queryBtn" :class="[`form-item`, `form-item-button`]">
+      <el-button v-bind="queryBtn" :loading="queryLoading" :disabled="disableds.querybutton" @click="handleExpectQuery">
         {{ queryBtn.name || '查询' }}
       </el-button>
     </div>
@@ -210,9 +200,7 @@ export default {
     },
 
     computedPopperClass() {
-      return (
-        this.isVertical ? ['form-custom-popper input-w', this.popperClass] : []
-      ).join(' ')
+      return (this.isVertical ? ['form-custom-popper input-w', this.popperClass] : []).join(' ')
     },
 
     innerLabelWidth() {
@@ -235,11 +223,7 @@ export default {
       deep: true,
       immediate: true,
       handler: function (newVal) {
-        if (
-          !this.isEmptyObject(newVal) &&
-          !this.isRendering &&
-          this.innerMountAndQuery
-        ) {
+        if (!this.isEmptyObject(newVal) && !this.isRendering && this.innerMountAndQuery) {
           this.innerMountAndQuery = false
           this.handleExpectQuery()
         }
@@ -294,9 +278,7 @@ export default {
           querybutton: this.disabled
         }
 
-        const { querybutton, normalItems = [] } = this.separateAdvanceAndNormal(
-          this.config
-        )
+        const { querybutton, normalItems = [] } = this.separateAdvanceAndNormal(this.config)
         this.normalConfig = normalItems
 
         this.generateFormModel(normalItems)
@@ -321,9 +303,9 @@ export default {
           } else {
             if (!item.mold) {
               throw Error(
-                `Each config's child must has a 'mold' prop, it could be ${SUPPORT_TYPE.concat(
-                  'querybutton'
-                ).join('|')}`
+                `Each config's child must has a 'mold' prop, it could be ${SUPPORT_TYPE.concat('querybutton').join(
+                  '|'
+                )}`
               )
             }
 
@@ -343,9 +325,7 @@ export default {
 
         if (!config.mold) {
           throw Error(
-            `Each config's child must has a 'mold' prop, it could be ${SUPPORT_TYPE.concat(
-              'querybutton'
-            ).join('|')}`
+            `Each config's child must has a 'mold' prop, it could be ${SUPPORT_TYPE.concat('querybutton').join('|')}`
           )
         }
 
@@ -406,31 +386,15 @@ export default {
       if (Array.isArray(link)) {
         links = link
         isOneToLinkAll = links.every((item) => item.mold)
-        isComplex = !!(
-          links.find((item) => item.mold) && links.find((item) => !item.mold)
-        )
+        isComplex = !!(links.find((item) => item.mold) && links.find((item) => !item.mold))
       } else {
         links = [link]
       }
 
-      links.forEach((link) =>
-        this.setSingleLinkWatch(
-          link,
-          itemProp,
-          isOneToLinkAll,
-          isComplex,
-          link.mold
-        )
-      )
+      links.forEach((link) => this.setSingleLinkWatch(link, itemProp, isOneToLinkAll, isComplex, link.mold))
     },
 
-    setSingleLinkWatch(
-      link,
-      itemProp,
-      isOneToLinkAll,
-      isComplex,
-      isModelEverGenerated
-    ) {
+    setSingleLinkWatch(link, itemProp, isOneToLinkAll, isComplex, isModelEverGenerated) {
       const { prop, handler, mold } = link
 
       if (!this.isFunc(handler)) {
@@ -501,10 +465,7 @@ export default {
               },
               item
             )
-          } else if (
-            Array.isArray(item.link) &&
-            !(item.prop === prop && item.mold)
-          ) {
+          } else if (Array.isArray(item.link) && !(item.prop === prop && item.mold)) {
             replaceOptionsHelper(
               {
                 prop,
@@ -600,8 +561,7 @@ export default {
     },
 
     isEmptyObject(obj) {
-      const isObj =
-        Object.prototype.toString.call(obj).toLowerCase() !== '[object object]'
+      const isObj = Object.prototype.toString.call(obj).toLowerCase() !== '[object object]'
       return !Object.keys(isObj ? {} : obj).length
     },
 
@@ -628,9 +588,7 @@ export default {
 
           await this.$listeners.query(model, config)
         } else {
-          throw new Error(
-            'must specify @query event when there is a query button'
-          )
+          throw new Error('must specify @query event when there is a query button')
         }
       } catch (err) {
         console.error('form custom error -> handleExpectQuery:', err)
@@ -642,10 +600,7 @@ export default {
     convertModelToFormData(model) {
       const fd = new FormData()
       Object.entries(model).forEach(([key, value]) => {
-        fd.append(
-          key,
-          value instanceof window.FormData ? value.get(key) : value
-        )
+        fd.append(key, value instanceof window.FormData ? value.get(key) : value)
       })
       return fd
     },