n20-common-lib 3.3.15 → 3.3.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "n20-common-lib",
-  "version": "3.3.15",
+  "version": "3.3.16",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/InputNumber/README.md

@@ -31,8 +31,8 @@
 | disabled     | Boolean       | undefined         | 是否禁用                              |
 | isClearable  | Boolean       | false             | 是否可清空                             |
 | placeholder  | String        | '请输入'             | 占位提示文本                            |
-| dNum         | Number        | undefined         | 小数位数，优先级低于format；超过15位时以字符串保持精度 |
-| format       | String        | undefined         | 格式化字符串，如'0.00'表示保留2位小数            |
+| dNum         | Number        | undefined         | 小数位数，优先级低于format；超过15位时以字符串保持精度；与format、rangeAuto同时使用时表示最大小数位数 |
+| format       | String        | undefined         | 格式化字符串，如'0.00'表示保留2位小数；与dNum、rangeAuto同时使用时表示最少展示的小数位数 |
 | suffix       | String        | '%'               | 后缀文本，仅在type='rate'时有效             |
 | rangeAuto    | Boolean       | false             | 是否自动处理范围值                         |
 | isString     | Boolean       | false             | 是否始终以字符串回传 input/change 值；小数位超过15位时自动按 true 处理 |
@@ -63,6 +63,8 @@
 
 当 `dNum` 或 `format` 设置为超过 15 位小数时，组件会强制按 `isString=true` 处理，即使未显式配置 `isString`，`input` 和 `change` 也会回传字符串，避免 JavaScript `Number` 丢失精度；失焦时会按最大位数四舍五入并移除尾部 `0`，例如 `0.200000` 会回传 `"0.2"`。设置 `isString` 为 `true` 后，无论小数位数多少，`input` 和 `change` 都回传字符串；清空时回传空字符串。
 
+当 `rangeAuto=true` 且同时配置 `format` 和 `dNum` 时，`format` 表示最少展示的小数位数，`dNum` 表示最多保留的小数位数。例如 `format="0.000000"`、`dNum=20` 时，输入 `0.2` 显示为 `0.200000`，输入 7 至 20 位小数按实际位数显示，超过 20 位时按 20 位四舍五入。
+
 | 事件名    | 说明          | 回调参数 |
 | ------ | ----------- | ---- |
 | input  | 值改变时触发      | 当前值  |

package/src/components/InputNumber/index.vue

@@ -170,7 +170,7 @@ export default {
               this.valueStr = ''
               return
             }
-            const formatted = this.normalizeHighPrecisionValue(normalized)
+            const formatted = this.normalizeHighPrecisionValue(val)
             this.valueStr = this.type === 'number' ? formatted : N.addThousands(formatted)
           }
           return
@@ -209,8 +209,16 @@ export default {
     }
   },
   methods: {
+    isAdaptivePrecision() {
+      return this.rangeAuto && this.format && (this.dNum || this.dNum === 0)
+    },
+    maxDecimalPlaces() {
+      return this.isAdaptivePrecision()
+        ? Math.max(this.fNum, this.dNum)
+        : this.fNum
+    },
     isHighPrecision() {
-      return this.fNum > MAX_SAFE_DECIMAL_PLACES
+      return this.maxDecimalPlaces() > MAX_SAFE_DECIMAL_PLACES
     },
     // 高精度小数会强制使用字符串回传，即使 isString 未开启。
     shouldEmitString() {
@@ -221,6 +229,20 @@ export default {
       if (!normalized) return ''
 
       const decimalPart = normalized.split('.')[1] || ''
+      if (this.isAdaptivePrecision()) {
+        const originalValue = String(value).replace(/,/g, '').trim()
+        const originalFraction = originalValue.match(/\.(\d*)$/)
+        const decimalPlaces = originalFraction
+          ? originalFraction[1].length
+          : decimalPart.length
+        if (decimalPlaces < this.fNum) {
+          return decimalToFixed(normalized, this.fNum)
+        }
+        if (decimalPlaces > this.maxDecimalPlaces()) {
+          return decimalToFixed(normalized, this.maxDecimalPlaces())
+        }
+        return decimalToFixed(normalized, decimalPlaces)
+      }
       const roundedValue = this.rangeAuto && decimalPart.length >= this.fNum
         ? normalized
         : decimalToFixed(normalized, this.fNum)
@@ -312,7 +334,7 @@ export default {
           return
         }
 
-        let nextValue = this.normalizeHighPrecisionValue(normalized)
+        let nextValue = this.normalizeHighPrecisionValue(valStr)
 
         if (compareDecimal(nextValue, this.min) < 0) {
           nextValue = normalizeDecimal(this.min)
@@ -320,6 +342,8 @@ export default {
           nextValue = normalizeDecimal(this.max)
         }
 
+        nextValue = this.normalizeHighPrecisionValue(nextValue)
+
         const formatted = this.type === 'number' ? nextValue : N.addThousands(nextValue)
         this.valueStr = formatted
         this.$nextTick(() => {

package/src/components/Statis/index.vue

@@ -2,7 +2,7 @@
   <div>
     <div v-if="size !== 'mini'" class="flex-box p-t-ss p-b-ss">
       <statisItem
-        :type="(label + '合计') | $lc"
+        :type="pageTotalLabel"
         :list="pageList"
         :show-w="showW"
         :show-u="showU"
@@ -18,7 +18,7 @@
     </div>
     <div v-else class="n20-statis p-t-ss p-b-ss">
       <span class="m-r">
-        {{ (label + ':') | $lc }}<span class="n20-primary"> {{ pageSum }}</span> {{ '条' | $lc }}
+        {{ label + ':' }}<span class="n20-primary"> {{ pageSum }}</span> {{ '条' | $lc }}
       </span>
       <span class="m-r">
         {{ '全部:' | $lc }}<span class="n20-primary"> {{ totalSun }}</span> {{ '条' | $lc }}
@@ -28,8 +28,10 @@
 </template>
 
 <script>
-import { $lc } from '../../utils/i18n/index'
 import statisItem from './statisItem.vue'
+
+import { $lc } from '../../utils/i18n/index'
+
 export default {
   name: 'Statis',
   components: {
@@ -70,10 +72,14 @@ export default {
     },
     label: {
       type: String,
-      default: $lc("已选")
+      default: $lc('已选')
     }
   },
   computed: {
+    pageTotalLabel() {
+      const separator = ['zh', 'ja', 'th'].includes(this._lang || 'zh') ? '' : ' '
+      return this.label + separator + $lc('合计')
+    },
     unitAs() {
       if (!this.showU) {
         return undefined