n20-common-lib 1.3.34 → 1.3.35

package/src/components/FlowStep/index.vue

@@ -1,69 +1,69 @@
-<template>
-   <div class="n20-steps-area">
-    <div class="n20-steps">
-     <div
-        :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,
-      }
-     ]"
-        v-for="n in totalSteps"
-        :key="n"
-        @click="onChange(n)">
-      <div class="n20-steps-icon">
-       <span :class="['n20-u-icon',{'n20-icon-danxuankuang-yixuanzhong': current === n && n !== totalSteps||  current === totalSteps && n === totalSteps},]" v-if="current<=n"></span>
-       <span class="n20-u-icon n20-icon-fankui-chenggongkongxin" v-else></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)
-      }
-    }
-  }
-}
+<template>
+   <div class="n20-steps-area">
+    <div class="n20-steps">
+     <div
+        :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,
+      }
+     ]"
+        v-for="n in totalSteps"
+        :key="n"
+        @click="onChange(n)">
+      <div class="n20-steps-icon">
+       <span :class="['n20-u-icon',{'n20-icon-danxuankuang-yixuanzhong': current === n && n !== totalSteps||  current === totalSteps && n === totalSteps},]" v-if="current<=n"></span>
+       <span class="n20-u-icon n20-icon-fankui-chenggongkongxin" v-else></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,179 +1,179 @@
-<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
-        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
-    },
-    changeFn(val) {
-      if (!val && val !== 0) {
-        return this.$emit('input', val)
-      }
-
-      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)
-            })
-          }
-          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)
-            })
-          }
-          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
+        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
+    },
+    changeFn(val) {
+      if (!val && val !== 0) {
+        return this.$emit('input', val)
+      }
+
+      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)
+            })
+          }
+          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)
+            })
+          }
+          break
+      }
+    },
+    inputFn({ target }) {
+      if (target.value !== '-' && isNaN(target.value)) {
+        target.value = this.preValue
+      } else {
+        this.preValue = target.value
+      }
+    }
+  }
+}
+</script>

package/src/components/InputNumber/numberRange.vue

@@ -1,47 +1,47 @@
-<template>
-  <div class="n20-num-w">
-    <inputNumber
-      v-bind="$attrs"
-      :value="startValue"
-      :max="endValue || endValue === 0 ? endValue : $attrs.max"
-      :type="type"
-      style="width: calc(50% - 8px)"
-      @input="(val) => $emit('update:start-value', val)"
-    />
-    <span class="numbre-range text-c" style="display: inline-block; width: 16px"
-      >-</span
-    >
-    <inputNumber
-      v-bind="$attrs"
-      :value="endValue"
-      :min="startValue || startValue === 0 ? startValue : $attrs.min"
-      :type="type"
-      style="width: calc(50% - 8px)"
-      @input="(val) => $emit('update:end-value', val)"
-    />
-  </div>
-</template>
-
-<script>
-import inputNumber from './index.vue'
-export default {
-  name: 'InputNumberRange',
-  components: {
-    inputNumber
-  },
-  props: {
-    startValue: {
-      type: [String, Number],
-      default: undefined
-    },
-    endValue: {
-      type: [String, Number],
-      default: undefined
-    },
-    type: {
-      type: String,
-      default: 'money'
-    }
-  }
-}
-</script>
+<template>
+  <div class="n20-num-w">
+    <inputNumber
+      v-bind="$attrs"
+      :value="startValue"
+      :max="endValue || endValue === 0 ? endValue : $attrs.max"
+      :type="type"
+      style="width: calc(50% - 8px)"
+      @input="(val) => $emit('update:start-value', val)"
+    />
+    <span class="numbre-range text-c" style="display: inline-block; width: 16px"
+      >-</span
+    >
+    <inputNumber
+      v-bind="$attrs"
+      :value="endValue"
+      :min="startValue || startValue === 0 ? startValue : $attrs.min"
+      :type="type"
+      style="width: calc(50% - 8px)"
+      @input="(val) => $emit('update:end-value', val)"
+    />
+  </div>
+</template>
+
+<script>
+import inputNumber from './index.vue'
+export default {
+  name: 'InputNumberRange',
+  components: {
+    inputNumber
+  },
+  props: {
+    startValue: {
+      type: [String, Number],
+      default: undefined
+    },
+    endValue: {
+      type: [String, Number],
+      default: undefined
+    },
+    type: {
+      type: String,
+      default: 'money'
+    }
+  }
+}
+</script>