n20-common-lib 3.0.63 → 3.0.64

package/package.json

@@ -1,9 +1,8 @@
 {
   "name": "n20-common-lib",
-  "version": "3.0.63",
+  "version": "3.0.64",
   "private": false,
   "scripts": {
-    "publish": "npm run build:css && npm version patch && npm publish --tag legacy",
     "serve": "vue-cli-service serve",
     "build": "node versionInfo.js && npm run build:css && vue-cli-service build --testTheme",
     "test:unit": "vue-cli-service test:unit",

package/src/components/InputNumber/index.vue

@@ -43,11 +43,17 @@ export default {
       type: [Number, String],
       default: undefined
     },
+    /**
+     * 输入框类型
+     * - money: 金额类型，默认保留2位小数，启用千分位格式化
+     * - rate: 比率类型，默认保留4位小数，显示%后缀
+     * - number: 纯数字类型，不启用千分位格式化
+     */
     type: {
       type: String,
       default: 'money',
       validator(v) {
-        return ['money', 'rate'].includes(v)
+        return ['money', 'rate', 'number'].includes(v)
       }
     },
     maxlength: {
@@ -122,6 +128,12 @@ export default {
         return $lc('请输入')
       }
     },
+    /**
+     * 计算小数位数
+     * - 优先使用format属性解析
+     * - 其次使用dNum属性
+     * - 根据type类型设置默认值：rate=4, money=2, number=2
+     */
     fNum() {
       if (this.format) {
         let i_f = this.format.indexOf('.')
@@ -133,7 +145,8 @@ export default {
       if (this.type === 'rate') {
         return 4
       }
-      if (this.type === 'money') {
+      // number类型不限制小数位，默认返回2
+      if (this.type === 'money' || this.type === 'number') {
         return 2
       }
       return 2
@@ -142,6 +155,24 @@ export default {
   watch: {
     value: {
       handler(val) {
+        // number类型不启用千分位格式化，但应用小数位限制
+        if (this.type === 'number') {
+          if (val === undefined || val === null) {
+            this.valueStr = ''
+          } else if (this.rangeAuto) {
+            // rangeAuto模式下，仅当小数位不足时补零
+            let nF = N.toString(val).split('.')[1] || ''
+            if (nF.length < this.fNum) {
+              this.valueStr = N.subFixed(val, this.fNum)
+            } else {
+              this.valueStr = N.toString(val)
+            }
+          } else {
+            // 非rangeAuto模式，强制应用小数位
+            this.valueStr = N.subFixed(val, this.fNum)
+          }
+          return
+        }
         if (this.rangeAuto) {
           if (val || val === 0) {
             let nF = N.toString(val).split('.')[1] || ''
@@ -161,7 +192,10 @@ export default {
     focusFn() {
       this.isFocus = true
       if (!this.disabled && this.valueStr) {
-        this.valueStr = this.valueStr.replace(/,/g, '')
+        // number类型不处理千分位（因为根本没有千分位）
+        if (this.type !== 'number') {
+          this.valueStr = this.valueStr.replace(/,/g, '')
+        }
         this.preValue = this.valueStr
       }
     },
@@ -186,8 +220,10 @@ export default {
             val = this.max
           }
           if (this.rangeAuto) {
+            // rangeAuto模式下，直接转换为字符串，不固定小数位
             this.valueStr = N.toString(val)
           } else {
+            // 应用小数位限制（number类型默认2位）
             this.valueStr = N.subFixed(val, this.fNum)
           }
         }
@@ -220,14 +256,30 @@ export default {
       }
 
       let nStr
-      if (this.rangeAuto) {
+      // number类型不启用千分位格式化，但应用小数位限制
+      if (this.type === 'number') {
+        if (this.stepStrictly) {
+          let stepCount = val / this.step
+          if (val % this.step !== 0) {
+            val = Math.round(stepCount) * this.step
+          }
+        }
+        if (val < this.min) {
+          val = this.min
+        } else if (val > this.max) {
+          val = this.max
+        }
+        // 应用小数位限制（默认2位）
+        nStr = N.subFixed(val, this.fNum)
+        this.valueStr = nStr
+      } else if (this.rangeAuto) {
         nStr = N.toString(val)
         this.valueStr = N.addThousands(valStr)
       } else {
         if (this.stepStrictly) {
-          let N = val / this.step
+          let stepCount = val / this.step
           if (val % this.step !== 0) {
-            val = Math.round(N) * this.step
+            val = Math.round(stepCount) * this.step
           }
         }
         if (val < this.min) {