n20-common-lib 2.4.5 → 2.4.7

package/nstc-g6/components/InputTag/InputTag.vue

@@ -1,77 +1,53 @@
 <template>
-  <div
-      class="nstc-input-tag"
-      @mouseenter="!disabled && (isHover = true)"
-      @mouseleave="!disabled && (isHover = false)"
-  >
-    <div
-        class="el-select__tags"
-        :ref="`nstc-input-tag-${random}`"
-        :id="`nstc-input-tag-${random}`"
-    >
+  <div class="nstc-input-tag" @mouseenter="!disabled && (isHover = true)" @mouseleave="!disabled && (isHover = false)">
+    <div class="el-select__tags" :ref="`nstc-input-tag-${random}`" :id="`nstc-input-tag-${random}`">
       <template v-if="tags.length">
-        <el-tag
-            v-if="tags.length === 1"
-            type="info"
-            :closable="closable"
-            @close="handleClose(0)"
-        >
+        <el-tag v-if="tags.length === 1" type="info" :closable="closable" @close="handleClose(0)">
           <span>{{ tags[0][props.label] }}</span>
         </el-tag>
         <template v-else-if="collapseTags && tags.length > 1">
           <el-tag type="info" :closable="closable" @close="handleClose(0)">
             <span :title="tags[0][props.label]">{{
-                tags[0][props.label].length > 5
-                    ? tags[0][props.label].substring(0, 5) + "..."
-                    : tags[0][props.label]
-              }}</span>
+              tags[0][props.label].length > 5 ? tags[0][props.label].substring(0, 5) + '...' : tags[0][props.label]
+            }}</span>
           </el-tag>
           <el-tag type="info" disable-transitions>
             <span class="el-select__tags-text">+ {{ tags.length - 1 }}</span>
           </el-tag>
         </template>
         <el-tags
-            v-else
-            v-for="(tag, index) in tags"
-            :key="index"
-            type="info"
-            :closable="closable"
-            disable-transitions
-            @close="handleClose(index)"
+          v-else
+          v-for="(tag, index) in tags"
+          :key="index"
+          type="info"
+          :closable="closable"
+          disable-transitions
+          @close="handleClose(index)"
         >
           <span :title="tag[props.value]">{{
-              tag[props.value].length > 6
-                  ? tag[props.value].substring(0, 6) + "..."
-                  : tag[props.value]
-            }}</span>
+            tag[props.value].length > 6 ? tag[props.value].substring(0, 6) + '...' : tag[props.value]
+          }}</span>
         </el-tags>
       </template>
       <input
-          v-model="inputValue"
-          type="text"
-          class="el-select__input"
-          :disabled="disabled"
-          @input="handleInput"
-          @blur="handBlur"
-          @focus="isFocus = true"
-          ref="input"
+        v-model="inputValue"
+        type="text"
+        class="el-select__input"
+        :disabled="disabled"
+        @input="handleInput"
+        @blur="handBlur"
+        @focus="isFocus = true"
+        ref="input"
       />
     </div>
-    <div
-        :class="[
-        'nstc-input-tag-wrapper',
-        'el-input',
-        'el-input--suffix',
-        { 'is-focus': isFocus },
-      ]"
-    >
+    <div :class="['nstc-input-tag-wrapper', 'el-input', 'el-input--suffix', { 'is-focus': isFocus }]">
       <input
-          type="text"
-          readonly="readonly"
-          autocomplete="off"
-          :placeholder="tags.length || inputValue ? '' : '请选择'"
-          class="el-input__inner"
-          :style="{ height: baseInputHeight + 'px' }"
+        type="text"
+        readonly="readonly"
+        autocomplete="off"
+        :placeholder="tags.length || inputValue ? '' : '请选择'"
+        class="el-input__inner"
+        :style="{ height: baseInputHeight + 'px' }"
       />
       <!-- :style="{
           height:
@@ -83,20 +59,13 @@
         }" -->
       <span class="el-input__suffix">
         <span
-            v-if="isHover && tags.length"
-            slot="suffix"
-            class="icon-close el-icon-circle-close"
-            @click="handleClear"
+          v-if="isHover && tags.length"
+          slot="suffix"
+          class="icon-close el-icon-circle-close"
+          @click="handleClear"
         ></span>
         <span class="el-input__suffix-inner" v-else>
-          <i
-              :class="[
-              'el-select__caret',
-              'el-input__icon',
-              'el-icon-arrow-up',
-              { 'is-reverse': isFocus },
-            ]"
-          ></i>
+          <i :class="['el-select__caret', 'el-input__icon', 'el-icon-arrow-up', { 'is-reverse': isFocus }]"></i>
         </span>
       </span>
     </div>
@@ -104,113 +73,111 @@
 </template>
 <script>
 export default {
-  name: "InputTag",
+  name: 'InputTag',
   props: {
     value: {
       type: Array,
-      default: () => [],
+      default: () => []
     },
     closable: {
       type: Boolean,
-      default: true,
+      default: true
     },
     clearable: {
       type: Boolean,
-      default: true,
+      default: true
     },
     disabled: {
       type: Boolean,
-      default: false,
+      default: false
     },
     collapseTags: {
       type: Boolean,
-      default: true,
+      default: true
     },
     props: {
       type: Object,
       default: () => {
         return {
-          label: "label",
-          value: "value",
-        };
-      },
-    },
+          label: 'label',
+          value: 'value'
+        }
+      }
+    }
   },
   data() {
     return {
       random: Date.now(),
-      inputValue: "",
+      inputValue: '',
       isFocus: false,
       isHover: false,
       baseInputHeight: 32,
       wrapperWidth: 0,
-      contentWidth: 0,
-    };
+      contentWidth: 0
+    }
   },
   computed: {
     tags: {
       get() {
-        return this.value;
+        return this.value
       },
       set(val) {
-        this.$emit("input", val);
-      },
-    },
+        this.$emit('input', val)
+      }
+    }
   },
   watch: {
     value: {
       handler(val) {
-        this.tags = val;
+        this.tags = val
       },
       deep: true,
-      Immediate: true,
+      Immediate: true
     },
     tags: {
       handler(val) {
-        this.inputValue = "";
-        this.handleInput();
-        this.$emit("input", val);
-        this.contentWidth = this.getContentWidth();
+        this.inputValue = ''
+        this.handleInput()
+        this.$emit('input', val)
+        this.contentWidth = this.getContentWidth()
       },
-      deep: true,
-    },
+      deep: true
+    }
   },
   mounted() {
-    this.contentWidth = this.getContentWidth();
-    this.wrapperWidth = this.$refs[`nstc-input-tag-${this.random}`].clientWidth;
+    this.contentWidth = this.getContentWidth()
+    this.wrapperWidth = this.$refs[`nstc-input-tag-${this.random}`].clientWidth
   },
   methods: {
     handBlur() {
-      this.isFocus = false;
-      this.$emit("clearFilterText");
-      this.inputValue = "";
+      this.isFocus = false
+      this.$emit('clearFilterText')
+      this.inputValue = ''
     },
     handleInput() {
-      this.$emit("input-value", this.inputValue);
+      this.$emit('input-value', this.inputValue)
     },
     handleClose(index) {
-      this.tags.splice(index, 1);
+      this.tags.splice(index, 1)
     },
     handleClear(e) {
-      e.stopPropagation();
+      e.stopPropagation()
       // this.tags = [];  // bug: 直接修改引用地址不会生效
       // 这里暂时倒序挨个删除
       for (let i = this.tags.length - 1; i >= 0; i--) {
-        this.tags.splice(i, 1);
+        this.tags.splice(i, 1)
       }
     },
     getContentWidth() {
-      let contentWidth = 0;
-      const tags = document.querySelectorAll(
-          `#nstc-input-tag-${this.random} .el-tag`
-      );
+      let contentWidth = 0
+      const tags = document.querySelectorAll(`#nstc-input-tag-${this.random} .el-tag`)
       tags.forEach((tag) => {
-        contentWidth += tag.offsetWidth;
-      });
-      return contentWidth;
-    },
-  },
-};
+        contentWidth += tag.offsetWidth
+      })
+      return contentWidth
+    }
+  }
+}
 </script>
 <style scoped>
 .nstc-input-tag {
@@ -267,4 +234,4 @@ export default {
   text-align: center;
   cursor: pointer;
 }
-</style>
+</style>

package/nstc-g6/components/NstcBackToTop/NstcBackToTop.vue

@@ -1,20 +1,19 @@
 <template>
   <transition :name="transitionName">
-    <div
-        v-show="visible"
-        :style="customStyle"
-        class="back-to-ceiling"
-        @click="backToTop"
-    >
+    <div v-show="visible" :style="customStyle" class="back-to-ceiling" @click="backToTop">
       <svg
-          width="16"
-          height="16"
-          viewBox="0 0 17 17"
-          xmlns="http://www.w3.org/2000/svg"
-          class="Icon Icon--backToTopArrow"
-          aria-hidden="true"
-          style="height:16px;width:16px"
-      ><path d="M12.036 15.59a1 1 0 0 1-.997.995H5.032a.996.996 0 0 1-.997-.996V8.584H1.03c-1.1 0-1.36-.633-.578-1.416L7.33.29a1.003 1.003 0 0 1 1.412 0l6.878 6.88c.782.78.523 1.415-.58 1.415h-3.004v7.004z" /></svg>
+        width="16"
+        height="16"
+        viewBox="0 0 17 17"
+        xmlns="http://www.w3.org/2000/svg"
+        class="Icon Icon--backToTopArrow"
+        aria-hidden="true"
+        style="height: 16px; width: 16px"
+      >
+        <path
+          d="M12.036 15.59a1 1 0 0 1-.997.995H5.032a.996.996 0 0 1-.997-.996V8.584H1.03c-1.1 0-1.36-.633-.578-1.416L7.33.29a1.003 1.003 0 0 1 1.412 0l6.878 6.88c.782.78.523 1.415-.58 1.415h-3.004v7.004z"
+        />
+      </svg>
     </div>
   </transition>
 </template>
@@ -33,7 +32,7 @@ export default {
     },
     customStyle: {
       type: Object,
-      default: function() {
+      default: function () {
         return {
           right: '50px',
           bottom: '70px',
@@ -64,7 +63,7 @@ export default {
     }
   },
   mounted() {
-    window.addEventListener('scroll', this.handleScroll,true)
+    window.addEventListener('scroll', this.handleScroll, true)
   },
   beforeDestroy() {
     if (this.scrollBox) {
@@ -78,14 +77,15 @@ export default {
   },
   methods: {
     handleScroll() {
-      this.scrollTop = document.getElementsByClassName(this.scrollBoxClassName)[0].scrollTop ||
-           window.pageYOffset ||
-           document.documentElement.scrollTop ||
-           document.body.scrollTop
+      this.scrollTop =
+        document.getElementsByClassName(this.scrollBoxClassName)[0].scrollTop ||
+        window.pageYOffset ||
+        document.documentElement.scrollTop ||
+        document.body.scrollTop
       this.visible = this.scrollTop > this.visibilityHeight
     },
     backToTop() {
-      document.getElementsByClassName(this.scrollBoxClassName)[0].scrollTo(0,0)
+      document.getElementsByClassName(this.scrollBoxClassName)[0].scrollTo(0, 0)
       // console.log(55,this.isMoving)
       // if (this.isMoving) return
       // const start = this.pageYOffset
@@ -111,7 +111,7 @@ export default {
       //   }
       //   i++
       // }, 16.7)
-    },
+    }
     // easeInOutQuad(t, b, c, d) {
     //   if ((t /= d / 2) < 1) return c / 2 * t * t + b
     //   return -c / 2 * (--t * (t - 2) - 1) + b
@@ -135,12 +135,12 @@ export default {
 
 .fade-enter-active,
 .fade-leave-active {
-  transition: opacity .5s;
+  transition: opacity 0.5s;
 }
 
 .fade-enter,
 .fade-leave-to {
-  opacity: 0
+  opacity: 0;
 }
 
 .back-to-ceiling .Icon {

package/nstc-g6/components/NstcBranchLazyLoad/NstcBranchLazyLoad.vue

@@ -11,12 +11,7 @@
       @change="changeBranchBank"
       @blur="blurBranchBank"
     >
-      <el-option
-        v-for="(item, index) in accountAssociateBankDb"
-        :key="index"
-        :label="item.label"
-        :value="item.value"
-      />
+      <el-option v-for="(item, index) in accountAssociateBankDb" :key="index" :label="item.label" :value="item.value" />
     </el-select>
   </div>
 </template>
@@ -28,12 +23,9 @@ export default {
   directives: {
     'el-select-loadmore': {
       bind(el, binding) {
-        const SELECTWRAP_DOM = el.querySelector(
-          '.el-select-dropdown .el-select-dropdown__wrap'
-        )
+        const SELECTWRAP_DOM = el.querySelector('.el-select-dropdown .el-select-dropdown__wrap')
         SELECTWRAP_DOM.addEventListener('scroll', function () {
-          const condition =
-            this.scrollHeight - this.scrollTop <= this.clientHeight
+          const condition = this.scrollHeight - this.scrollTop <= this.clientHeight
           if (condition) {
             binding.value()
           }
@@ -96,8 +88,7 @@ export default {
           if (flag === 'query') {
             this.accountAssociateBankDb = res
           } else {
-            this.accountAssociateBankDb =
-              this.accountAssociateBankDb.concat(res)
+            this.accountAssociateBankDb = this.accountAssociateBankDb.concat(res)
           }
         })
         .catch(() => {})

package/nstc-g6/components/NstcCharts/NstcCharts.vue

@@ -3,7 +3,7 @@
 </template>
 
 <script>
-import * as echarts from 'echarts';
+import * as echarts from 'echarts'
 import resize from './mixins/resize'
 import merge from 'lodash/merge'
 
@@ -26,7 +26,8 @@ export default {
       default: () => ({})
     },
 
-    composedChartOption: { // 是否不跟之前设置的 option 进行合并，默认为 true，即不合并。如果合并，减少数据时，视图上还是保持着最多数据的展示效果
+    composedChartOption: {
+      // 是否不跟之前设置的 option 进行合并，默认为 true，即不合并。如果合并，减少数据时，视图上还是保持着最多数据的展示效果
       type: Boolean,
       default: true
     }
@@ -65,14 +66,12 @@ export default {
       this.chart.setOption(this.calcOption(this.option), this.composedChartOption)
     },
 
-    grid({ grid = {}}) {
+    grid({ grid = {} }) {
       const selfGrid = {
         containLabel: true
       }
 
-      grid = Array.isArray(grid)
-          ? grid.map(item => merge({}, selfGrid, item))
-          : merge({}, selfGrid, grid)
+      grid = Array.isArray(grid) ? grid.map((item) => merge({}, selfGrid, item)) : merge({}, selfGrid, grid)
 
       return {
         grid
@@ -80,24 +79,19 @@ export default {
     },
 
     xAxis({ xAxis }) {
-      xAxis = xAxis && xAxis.length
-          ? xAxis.map(item => merge({}, axisConfig, item))
-          : [merge({}, axisConfig, xAxis)]
+      xAxis = xAxis && xAxis.length ? xAxis.map((item) => merge({}, axisConfig, item)) : [merge({}, axisConfig, xAxis)]
 
       return { xAxis }
     },
 
     yAxis({ yAxis }) {
-      yAxis =
-          yAxis && yAxis.length
-              ? yAxis.map(item => merge({}, axisConfig, item))
-              : [merge({}, axisConfig, yAxis)]
+      yAxis = yAxis && yAxis.length ? yAxis.map((item) => merge({}, axisConfig, item)) : [merge({}, axisConfig, yAxis)]
 
       return { yAxis }
     },
 
     series({ series = [] }) {
-      series = series.map(sery => {
+      series = series.map((sery) => {
         const type = sery.type
         let config = {}
 
@@ -123,9 +117,7 @@ export default {
 
     calcOption(params) {
       const base = ['grid', 'series']
-      const keys = this.isPie
-          ? base
-          : base.concat(['xAxis', 'yAxis'])
+      const keys = this.isPie ? base : base.concat(['xAxis', 'yAxis'])
       const defaultConfigs = {
         color,
         barMaxWidth: 32,
@@ -159,4 +151,3 @@ export default {
   }
 }
 </script>
-

package/nstc-g6/components/NstcCharts/define.js

@@ -1,4 +1,3 @@
-
 const color = ['#99C0E5', '#A6ACE3', '#EFC27A', '#99DCD2', '#C1C1C1', '#FFB59E', '#EF8787']
 
 const axisConfig = {
@@ -67,8 +66,4 @@ const pieConfig = {
   }
 }
 
-export {
-  color,
-  axisConfig,
-  pieConfig
-}
+export { color, axisConfig, pieConfig }

package/nstc-g6/components/NstcConfirm/NstcConfirm.vue

@@ -11,18 +11,9 @@
     >
       <div class="main">
         <div class="main-item">
-          <i
-            v-if="config.type == 'error'"
-            class="el-icon-error errorColor i-item"
-          ></i>
-          <i
-            v-if="config.type == 'question'"
-            class="el-icon-question question i-item"
-          ></i>
-          <i
-            v-if="config.type == 'info'"
-            class="el-icon-info infoColor i-item"
-          ></i>
+          <i v-if="config.type == 'error'" class="el-icon-error errorColor i-item"></i>
+          <i v-if="config.type == 'question'" class="el-icon-question question i-item"></i>
+          <i v-if="config.type == 'info'" class="el-icon-info infoColor i-item"></i>
           <div class="title margin-l-8">{{ config.title }}</div>
         </div>
 
@@ -44,16 +35,10 @@
         </div>
       </div>
       <span slot="footer" class="dialog-footer">
-        <el-button v-if="config.button.ok" type="primary" @click="ok">{{
-          config.button.ok
+        <el-button v-if="config.button.ok" type="primary" @click="ok">{{ config.button.ok }}</el-button>
+        <el-button v-if="config.button.cancel" class="nstc-g6-common-btn-2" plain @click="cancel">{{
+          config.button.cancel
         }}</el-button>
-        <el-button
-          v-if="config.button.cancel"
-          class="nstc-g6-common-btn-2"
-          plain
-          @click="cancel"
-          >{{ config.button.cancel }}</el-button
-        >
       </span>
       <!-- </el-dialog> -->
     </NstcDialog>

package/nstc-g6/components/NstcConfirm/index.js

@@ -1,25 +1,27 @@
 import Vue from 'vue'
 import confirm from './NstcConfirm'
 
-const confirmCon = Vue.extend(confirm);
+const confirmCon = Vue.extend(confirm)
 const confirmFunction = (config, ok, cancel) => {
-    return new Promise((res, rej) => {
-        let confirmDom = new confirmCon({
-            el: document.createElement('div')
-        })
-        document.body.appendChild(confirmDom.$el);
-        console.log(confirmDom, 'confirmDom----------------');
-        confirmDom.config = config;
-        confirmDom.ok = ok ||
-            function () {
-                res()
-                confirmDom.dialogVisible = false
-            }
-        confirmDom.cancel = cancel || function () {
-            rej()
-            confirmDom.dialogVisible = false
-        }
+  return new Promise((res, rej) => {
+    let confirmDom = new confirmCon({
+      el: document.createElement('div')
     })
-
+    document.body.appendChild(confirmDom.$el)
+    console.log(confirmDom, 'confirmDom----------------')
+    confirmDom.config = config
+    confirmDom.ok =
+      ok ||
+      function () {
+        res()
+        confirmDom.dialogVisible = false
+      }
+    confirmDom.cancel =
+      cancel ||
+      function () {
+        rej()
+        confirmDom.dialogVisible = false
+      }
+  })
 }
-export default confirmFunction;
+export default confirmFunction