n20-common-lib 1.3.5 → 1.3.8

package/src/components/InputNumber/index.vue

@@ -1,169 +1,169 @@
-<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"
-    />
-    <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"
-      @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.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
-      }
-    }
-  }
-}
-</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"
+    />
+    <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"
+      @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.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
+      }
+    }
+  }
+}
+</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>

package/src/components/InputSearch/index.vue

@@ -1,75 +1,75 @@
-<template>
-  <el-input
-    v-if="!select"
-    v-bind="$attrs"
-    :value="value"
-    v-on="$listeners"
-    @change="searchFn"
-  >
-    <i
-      slot="suffix"
-      class="is-search el-input__icon el-icon-search"
-      @click.stop="searchFn"
-    ></i>
-  </el-input>
-  <div v-else class="n20-input-search">
-    <el-select
-      ref="input-search"
-      v-bind="$attrs"
-      :value="value"
-      :filterable="select"
-      :multiple="multiple"
-      :allow-create="true"
-      v-on="$listeners"
-      @change="changeFn"
-      @visible-change="visibleChangeFn"
-    >
-      <slot></slot>
-    </el-select>
-    <span class="el-input__suffix">
-      <span
-        class="is-search el-input__icon el-icon-zoom-in"
-        @click.stop="searchFn"
-      ></span>
-    </span>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'InputSearch',
-  props: {
-    value: {
-      type: [String, Number, Object, Array],
-      default: undefined
-    },
-    select: {
-      type: Boolean,
-      default: false
-    },
-    multiple: {
-      type: Boolean,
-      default: false
-    }
-  },
-  data() {
-    this.listeners = Object.assign({}, this.$listeners, { input: () => {} })
-    return {}
-  },
-  methods: {
-    visibleChangeFn(val) {
-      if (val && !this.$refs['input-search']['multiple']) {
-        this.$refs['input-search']['selectedLabel'] =
-          this.$refs['input-search']['currentPlaceholder']
-      }
-    },
-    changeFn(val) {
-      this.$emit('input', val)
-      this.$emit('change', val)
-    },
-    searchFn() {
-      this.$emit('search', this.value)
-    }
-  }
-}
-</script>
+<template>
+  <el-input
+    v-if="!select"
+    v-bind="$attrs"
+    :value="value"
+    v-on="$listeners"
+    @change="searchFn"
+  >
+    <i
+      slot="suffix"
+      class="is-search el-input__icon el-icon-search"
+      @click.stop="searchFn"
+    ></i>
+  </el-input>
+  <div v-else class="n20-input-search">
+    <el-select
+      ref="input-search"
+      v-bind="$attrs"
+      :value="value"
+      :filterable="select"
+      :multiple="multiple"
+      :allow-create="true"
+      v-on="$listeners"
+      @change="changeFn"
+      @visible-change="visibleChangeFn"
+    >
+      <slot></slot>
+    </el-select>
+    <span class="el-input__suffix">
+      <span
+        class="is-search el-input__icon el-icon-zoom-in"
+        @click.stop="searchFn"
+      ></span>
+    </span>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'InputSearch',
+  props: {
+    value: {
+      type: [String, Number, Object, Array],
+      default: undefined
+    },
+    select: {
+      type: Boolean,
+      default: false
+    },
+    multiple: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    this.listeners = Object.assign({}, this.$listeners, { input: () => {} })
+    return {}
+  },
+  methods: {
+    visibleChangeFn(val) {
+      if (val && !this.$refs['input-search']['multiple']) {
+        this.$refs['input-search']['selectedLabel'] =
+          this.$refs['input-search']['currentPlaceholder']
+      }
+    },
+    changeFn(val) {
+      this.$emit('input', val)
+      this.$emit('change', val)
+    },
+    searchFn() {
+      this.$emit('search', this.value)
+    }
+  }
+}
+</script>