n20-common-lib 1.3.46 → 1.3.49

package/src/components/FlowStep/index.vue

@@ -1,92 +1,92 @@
-<template>
-  <div class="n20-steps-area">
-    <div class="n20-steps">
-      <div
-        v-for="n in totalSteps"
-        :key="n"
-        :class="[
-          'n20-steps-item',
-          {
-            finished: current > n,
-            process: current === n && n !== totalSteps,
-            'last-process': current === totalSteps && n === totalSteps,
-            'middle-wait': current < n && n !== totalSteps,
-            'last-wait': current < n && n === totalSteps
-          }
-        ]"
-        @click="onChange(n)"
-      >
-        <div class="n20-steps-icon">
-          <span
-            v-if="current <= n"
-            :class="[
-              'n20-u-icon',
-              {
-                'n20-icon-danxuankuang-yixuanzhong':
-                  (current === n && n !== totalSteps) ||
-                  (current === totalSteps && n === totalSteps)
-              }
-            ]"
-          ></span>
-          <span
-            v-else
-            class="n20-u-icon n20-icon-fankui-chenggongkongxin"
-          ></span>
-        </div>
-        <div class="n20-steps-content">
-          <div class="n20-steps-title">{{ stepsLabel[n - 1] || 'S ' + n }}</div>
-          <div class="n20-steps-description">
-            {{ stepsDesc[n - 1] || 'Desc ' + n }}
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-export default {
-  name: 'FlowStep',
-  props: {
-    stepsLabel: {
-      // 步骤title数组
-      type: Array,
-      default: () => {
-        return []
-      }
-    },
-    stepsDesc: {
-      // 步骤description数组
-      type: Array,
-      default: () => {
-        return []
-      }
-    },
-    totalSteps: {
-      // 总的步骤数
-      type: Number,
-      default: 3
-    },
-    currentStep: {
-      // 当前选中的步骤
-      type: Number,
-      default: 1
-    }
-  },
-  data() {
-    return {
-      // 若当前选中步骤超过总步骤数，则默认选择步骤1
-      current: this.currentStep > this.totalSteps ? 1 : this.currentStep
-    }
-  },
-  methods: {
-    onChange(index) {
-      // 点击切换选择步骤
-      console.log('index:', index)
-      if (this.current !== index) {
-        this.current = index
-        this.$emit('change', index)
-      }
-    }
-  }
-}
-</script>
+<template>
+  <div class="n20-steps-area">
+    <div class="n20-steps">
+      <div
+        v-for="n in totalSteps"
+        :key="n"
+        :class="[
+          'n20-steps-item',
+          {
+            finished: current > n,
+            process: current === n && n !== totalSteps,
+            'last-process': current === totalSteps && n === totalSteps,
+            'middle-wait': current < n && n !== totalSteps,
+            'last-wait': current < n && n === totalSteps
+          }
+        ]"
+        @click="onChange(n)"
+      >
+        <div class="n20-steps-icon">
+          <span
+            v-if="current <= n"
+            :class="[
+              'n20-u-icon',
+              {
+                'n20-icon-danxuankuang-yixuanzhong':
+                  (current === n && n !== totalSteps) ||
+                  (current === totalSteps && n === totalSteps)
+              }
+            ]"
+          ></span>
+          <span
+            v-else
+            class="n20-u-icon n20-icon-fankui-chenggongkongxin"
+          ></span>
+        </div>
+        <div class="n20-steps-content">
+          <div class="n20-steps-title">{{ stepsLabel[n - 1] || 'S ' + n }}</div>
+          <div class="n20-steps-description">
+            {{ stepsDesc[n - 1] || 'Desc ' + n }}
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: 'FlowStep',
+  props: {
+    stepsLabel: {
+      // 步骤title数组
+      type: Array,
+      default: () => {
+        return []
+      }
+    },
+    stepsDesc: {
+      // 步骤description数组
+      type: Array,
+      default: () => {
+        return []
+      }
+    },
+    totalSteps: {
+      // 总的步骤数
+      type: Number,
+      default: 3
+    },
+    currentStep: {
+      // 当前选中的步骤
+      type: Number,
+      default: 1
+    }
+  },
+  data() {
+    return {
+      // 若当前选中步骤超过总步骤数，则默认选择步骤1
+      current: this.currentStep > this.totalSteps ? 1 : this.currentStep
+    }
+  },
+  methods: {
+    onChange(index) {
+      // 点击切换选择步骤
+      console.log('index:', index)
+      if (this.current !== index) {
+        this.current = index
+        this.$emit('change', index)
+      }
+    }
+  }
+}
+</script>

package/src/components/FooterBox/index.vue

@@ -1,21 +1,21 @@
-<template>
-  <div class="n20-footer-box">
-    <slot></slot>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'FooterBox',
-  mounted() {
-    if (this.$el.parentNode) {
-      this.$el.parentNode.classList.add('n20-footer-parent')
-    }
-  },
-  beforeDestroy() {
-    if (this.$el.parentNode) {
-      this.$el.parentNode.classList.remove('n20-footer-parent')
-    }
-  }
-}
-</script>
+<template>
+  <div class="n20-footer-box">
+    <slot></slot>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'FooterBox',
+  mounted() {
+    if (this.$el.parentNode) {
+      this.$el.parentNode.classList.add('n20-footer-parent')
+    }
+  },
+  beforeDestroy() {
+    if (this.$el.parentNode) {
+      this.$el.parentNode.classList.remove('n20-footer-parent')
+    }
+  }
+}
+</script>

package/src/components/GeneralCard/index.vue

@@ -1,15 +1,15 @@
-<template>
-  <div class="general-card">
-    <div class="card-top">
-      <slot name="title"></slot>
-      <slot name="day"></slot>
-    </div>
-    <slot name="content"></slot>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'GeneralCard'
-}
-</script>
+<template>
+  <div class="general-card">
+    <div class="card-top">
+      <slot name="title"></slot>
+      <slot name="day"></slot>
+    </div>
+    <slot name="content"></slot>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'GeneralCard'
+}
+</script>

package/src/components/InputNumber/index.vue

@@ -1,184 +1,184 @@
-<template>
-  <div class="n20-num-w">
-    <el-input
-      v-if="showStr"
-      class="n20-stc"
-      :class="{ 'n20-num--rate': type === 'rate' }"
-      :value="valueStr"
-      :disabled="disabled"
-      :placeholder="phd"
-      @focus="focusFn"
-      @blur.native.capture.stop
-    />
-    <el-input-number
-      v-else
-      ref="input-number"
-      class="n20-num"
-      :class="{ 'n20-num--rate': type === 'rate' }"
-      :controls="false"
-      v-bind="$attrs"
-      :value="valueNum"
-      :placeholder="phd"
-      v-on="listeners"
-      @input.native="inputFn"
-      @blur="blurFn"
-      @change="changeFn"
-    />
-    <span v-if="type === 'rate'" class="el-input__suffix">
-      <span class="el-input__icon" style="display: inline-block">{{
-        suffix
-      }}</span>
-    </span>
-  </div>
-</template>
-
-<script>
-import numerify from 'numerify'
-export default {
-  name: 'InputNumber',
-  props: {
-    value: {
-      type: [Number, String],
-      default: undefined
-    },
-    type: {
-      type: String,
-      default: 'money',
-      validator(v) {
-        return ['money', 'rate'].includes(v)
-      }
-    },
-    disabled: {
-      type: Boolean,
-      default: undefined
-    },
-    clearable: {
-      type: Boolean,
-      default: false
-    },
-    placeholder: {
-      type: String,
-      default: undefined
-    },
-    dNum: {
-      type: Number,
-      default: undefined
-    },
-    format: {
-      type: String,
-      default: undefined
-    },
-    suffix: {
-      type: String,
-      default: '%'
-    }
-  },
-  data() {
-    this.listeners = Object.assign({}, this.$listeners, { input: () => {} })
-    return {
-      valueStr: '',
-      valueNum: undefined,
-      showStr: true
-    }
-  },
-  computed: {
-    phd() {
-      if (this.placeholder) {
-        return this.placeholder
-      } else if (this.type === 'rate') {
-        return '请输入利率'
-      } else {
-        return '请输入金额'
-      }
-    }
-  },
-  watch: {
-    value: {
-      handler(val) {
-        if (val && typeof val === 'string' && val.includes(',')) {
-          return this.$emit('input', Number(val.replace(/,/g, '')))
-        }
-        this.preValue = val || (val === 0 ? 0 : '')
-        this.valueStr = this.num2str(val)
-      },
-      immediate: true
-    }
-  },
-  methods: {
-    num2str(val = '') {
-      if (val === '' || val === null) {
-        return ''
-      }
-      switch (this.type) {
-        case 'rate':
-          return numerify(val, this.format || '0.00[00]')
-        case 'money':
-        default:
-          return numerify(val, this.format || '0,0.00')
-      }
-    },
-    focusFn() {
-      if (!this.disabled) {
-        this.showStr = false
-        this.valueNum =
-          this.value === null || this.value === '' ? undefined : this.value
-        this.$nextTick(() => {
-          this.$refs['input-number'].focus()
-        })
-      }
-    },
-    blurFn() {
-      this.showStr = true
-      this.$emit('blur', this.value)
-    },
-    changeFn(val) {
-      if (!val && val !== 0) {
-        this.$emit('input', val)
-        this.$emit('change', val)
-        return
-      }
-
-      switch (this.type) {
-        case 'rate':
-          {
-            let varStr = val.toString() + '.'
-            let varDLen = varStr.length - varStr.indexOf('.') - 1
-            let dNum = this.dNum !== undefined ? this.dNum : 4
-            let nVar = Number(val.toFixed(Math.min(varDLen, dNum)))
-            if (this.valueNum === nVar) {
-              this.valueNum = 0
-            }
-            this.$nextTick(() => {
-              this.valueNum = nVar
-              this.$emit('input', nVar)
-              this.$emit('change', nVar)
-            })
-          }
-          break
-        case 'money':
-        default:
-          {
-            let dNum = this.dNum !== undefined ? this.dNum : 2
-            let nVar = Number(val.toFixed(dNum))
-            if (this.valueNum === nVar) {
-              this.valueNum = 0
-            }
-            this.$nextTick(() => {
-              this.valueNum = nVar
-              this.$emit('input', nVar)
-              this.$emit('change', nVar)
-            })
-          }
-          break
-      }
-    },
-    inputFn({ target }) {
-      if (target.value !== '-' && isNaN(target.value)) {
-        target.value = this.preValue
-      } else {
-        this.preValue = target.value
-      }
-    }
-  }
-}
-</script>
+<template>
+  <div class="n20-num-w">
+    <el-input
+      v-if="showStr"
+      class="n20-stc"
+      :class="{ 'n20-num--rate': type === 'rate' }"
+      :value="valueStr"
+      :disabled="disabled"
+      :placeholder="phd"
+      @focus="focusFn"
+      @blur.native.capture.stop
+    />
+    <el-input-number
+      v-else
+      ref="input-number"
+      class="n20-num"
+      :class="{ 'n20-num--rate': type === 'rate' }"
+      :controls="false"
+      v-bind="$attrs"
+      :value="valueNum"
+      :placeholder="phd"
+      v-on="listeners"
+      @input.native="inputFn"
+      @blur="blurFn"
+      @change="changeFn"
+    />
+    <span v-if="type === 'rate'" class="el-input__suffix">
+      <span class="el-input__icon" style="display: inline-block">{{
+        suffix
+      }}</span>
+    </span>
+  </div>
+</template>
+
+<script>
+import numerify from 'numerify'
+export default {
+  name: 'InputNumber',
+  props: {
+    value: {
+      type: [Number, String],
+      default: undefined
+    },
+    type: {
+      type: String,
+      default: 'money',
+      validator(v) {
+        return ['money', 'rate'].includes(v)
+      }
+    },
+    disabled: {
+      type: Boolean,
+      default: undefined
+    },
+    clearable: {
+      type: Boolean,
+      default: false
+    },
+    placeholder: {
+      type: String,
+      default: undefined
+    },
+    dNum: {
+      type: Number,
+      default: undefined
+    },
+    format: {
+      type: String,
+      default: undefined
+    },
+    suffix: {
+      type: String,
+      default: '%'
+    }
+  },
+  data() {
+    this.listeners = Object.assign({}, this.$listeners, { input: () => {} })
+    return {
+      valueStr: '',
+      valueNum: undefined,
+      showStr: true
+    }
+  },
+  computed: {
+    phd() {
+      if (this.placeholder) {
+        return this.placeholder
+      } else if (this.type === 'rate') {
+        return '请输入利率'
+      } else {
+        return '请输入金额'
+      }
+    }
+  },
+  watch: {
+    value: {
+      handler(val) {
+        if (val && typeof val === 'string' && val.includes(',')) {
+          return this.$emit('input', Number(val.replace(/,/g, '')))
+        }
+        this.preValue = val || (val === 0 ? 0 : '')
+        this.valueStr = this.num2str(val)
+      },
+      immediate: true
+    }
+  },
+  methods: {
+    num2str(val = '') {
+      if (val === '' || val === null) {
+        return ''
+      }
+      switch (this.type) {
+        case 'rate':
+          return numerify(val, this.format || '0.00[00]')
+        case 'money':
+        default:
+          return numerify(val, this.format || '0,0.00')
+      }
+    },
+    focusFn() {
+      if (!this.disabled) {
+        this.showStr = false
+        this.valueNum =
+          this.value === null || this.value === '' ? undefined : this.value
+        this.$nextTick(() => {
+          this.$refs['input-number'].focus()
+        })
+      }
+    },
+    blurFn() {
+      this.showStr = true
+      this.$emit('blur', this.value)
+    },
+    changeFn(val) {
+      if (!val && val !== 0) {
+        this.$emit('input', val)
+        this.$emit('change', val)
+        return
+      }
+
+      switch (this.type) {
+        case 'rate':
+          {
+            let varStr = val.toString() + '.'
+            let varDLen = varStr.length - varStr.indexOf('.') - 1
+            let dNum = this.dNum !== undefined ? this.dNum : 4
+            let nVar = Number(val.toFixed(Math.min(varDLen, dNum)))
+            if (this.valueNum === nVar) {
+              this.valueNum = 0
+            }
+            this.$nextTick(() => {
+              this.valueNum = nVar
+              this.$emit('input', nVar)
+              this.$emit('change', nVar)
+            })
+          }
+          break
+        case 'money':
+        default:
+          {
+            let dNum = this.dNum !== undefined ? this.dNum : 2
+            let nVar = Number(val.toFixed(dNum))
+            if (this.valueNum === nVar) {
+              this.valueNum = 0
+            }
+            this.$nextTick(() => {
+              this.valueNum = nVar
+              this.$emit('input', nVar)
+              this.$emit('change', nVar)
+            })
+          }
+          break
+      }
+    },
+    inputFn({ target }) {
+      if (target.value !== '-' && isNaN(target.value)) {
+        target.value = this.preValue
+      } else {
+        this.preValue = target.value
+      }
+    }
+  }
+}
+</script>