@aspire-ui/element-component-pro 1.0.8 → 1.0.10

package/dist/index.d.ts

@@ -2594,6 +2594,10 @@ declare const _default: {
             type: import('vue').PropType<import('.').FormattedNumberRounding>;
             default: string;
         };
+        inputLimit: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
     }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         input: (value: unknown) => void;
     }, string, Readonly<import('vue').ExtractPropTypes<{
@@ -2618,10 +2622,15 @@ declare const _default: {
             type: import('vue').PropType<import('.').FormattedNumberRounding>;
             default: string;
         };
+        inputLimit: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
     }>>, {
         integerDigits: number;
         decimalPlaces: number;
         rounding: import('.').FormattedNumberRounding;
+        inputLimit: boolean;
     }>;
 };
 export default _default;

package/dist/utils/formattedNumber.d.ts

@@ -3,6 +3,11 @@ export type FormattedNumberRounding = 'floor' | 'ceil' | 'round';
 /** 仅保留数字、至多一个小数点、可选前导负号 */
 export declare function sanitizeNumericInput(raw: string): string;
 export declare function stripNumberGrouping(s: string): string;
+/**
+ * 对已清洗的数字串按整数位、小数位截断输入长度（inputLimit 为 true 时使用）。
+ * 整数部分至多 integerDigits 位，小数部分至多 decimalPlaces 位；保留末尾仅小数点（如 `12.`）以便继续输入。
+ */
+export declare function applyNumericInputDigitLimits(sanitized: string, integerDigits: number, decimalPlaces: number): string;
 /** 按整数位数上限约束绝对值 */
 export declare function clampByIntegerDigits(value: number, integerDigits: number, decimalPlaces: number): number;
 export declare function roundToDecimals(value: number, decimalPlaces: number, rounding: FormattedNumberRounding): number;
@@ -10,6 +15,10 @@ export declare function roundToDecimals(value: number, decimalPlaces: number, ro
  * 解析 → 按整数位夹紧 → 按小数位与进位方式舍入 → 再夹紧（防止舍入后越界）
  */
 export declare function normalizeNumericValue(value: number, integerDigits: number, decimalPlaces: number, rounding: FormattedNumberRounding): number;
+/**
+ * 固定小数位数字符串（无千分位），用于表单存值以保留配置的小数位数（number 无法保留尾随 0）。
+ */
+export declare function toFixedDecimalString(value: number, decimalPlaces: number): string;
 /** 千分位格式化展示（整数部分），小数部分固定 m 位 */
 export declare function formatWithThousands(value: number, decimalPlaces: number): string;
 /** 编辑态：无千分位，去掉多余尾部 0（在 m 位精度内） */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aspire-ui/element-component-pro",
-  "version": "1.0.08",
+  "version": "1.0.10",
   "description": "Element UI 二次封装组件库，基于 Vue 2.7 + TypeScript + setup 语法糖，实现 VbenAdmin 风格的 Pro 组件",
   "type": "module",
   "main": "./dist/element-component-pro.umd.js",

package/src/ProForm/FormattedNumberInput.vue

@@ -14,11 +14,13 @@
 import { ref, watch } from 'vue'
 import type { FormattedNumberRounding } from '../utils/formattedNumber'
 import {
+  applyNumericInputDigitLimits,
   formatWithThousands,
   normalizeNumericValue,
   numberToEditString,
   sanitizeNumericInput,
   stripNumberGrouping,
+  toFixedDecimalString,
 } from '../utils/formattedNumber'
 
 const props = withDefaults(
@@ -32,11 +34,17 @@ const props = withDefaults(
     decimalPlaces?: number
     /** 进位方式，默认四舍五入 */
     rounding?: FormattedNumberRounding
+    /**
+     * 为 true 时在输入过程中按 integerDigits / decimalPlaces 限制可输入位数；
+     * 为 false 时仅失焦后规范化，输入阶段不截断长度。
+     */
+    inputLimit?: boolean
   }>(),
   {
     integerDigits: 5,
     decimalPlaces: 6,
     rounding: 'round',
+    inputLimit: true,
   }
 )
 
@@ -78,13 +86,21 @@ watch(
   { immediate: true, deep: true }
 )
 
+function emitStoredValue(normalized: number) {
+  emit('input', toFixedDecimalString(normalized, decM()))
+}
+
 function onInput(val: string) {
-  const clean = sanitizeNumericInput(val)
+  let clean = sanitizeNumericInput(val)
+  if (props.inputLimit !== false) {
+    clean = applyNumericInputDigitLimits(clean, intN(), decM())
+  }
   displayText.value = clean
   if (clean === '' || clean === '-') return
   const num = Number(clean)
   if (!Number.isFinite(num)) return
-  emit('input', num)
+  const normalized = normalizeNumericValue(num, intN(), decM(), props.rounding)
+  emitStoredValue(normalized)
 }
 
 function onFocus() {
@@ -117,6 +133,6 @@ function onBlur() {
   }
   const final = normalizeNumericValue(parsed, intN(), decM(), props.rounding)
   displayText.value = formatWithThousands(final, decM())
-  emit('input', final)
+  emitStoredValue(final)
 }
 </script>

package/src/utils/formattedNumber.ts

@@ -31,6 +31,40 @@ export function stripNumberGrouping(s: string): string {
   return s.replace(/,/g, '').trim()
 }
 
+/**
+ * 对已清洗的数字串按整数位、小数位截断输入长度（inputLimit 为 true 时使用）。
+ * 整数部分至多 integerDigits 位，小数部分至多 decimalPlaces 位；保留末尾仅小数点（如 `12.`）以便继续输入。
+ */
+export function applyNumericInputDigitLimits(
+  sanitized: string,
+  integerDigits: number,
+  decimalPlaces: number
+): string {
+  if (!sanitized || sanitized === '-') return sanitized
+  const neg = sanitized[0] === '-'
+  let body = neg ? sanitized.slice(1) : sanitized
+  const dotIdx = body.indexOf('.')
+  if (dotIdx === -1) {
+    const maxInt = Math.max(0, integerDigits)
+    body = maxInt > 0 ? body.slice(0, maxInt) : body
+    return neg ? '-' + body : body
+  }
+  let intPart = body.slice(0, dotIdx)
+  if (integerDigits > 0) {
+    intPart = intPart.slice(0, integerDigits)
+  }
+  const afterDot = body.slice(dotIdx + 1)
+  const endsWithDot = afterDot === '' && body.endsWith('.')
+  if (decimalPlaces <= 0) {
+    return neg ? '-' + intPart : intPart
+  }
+  if (endsWithDot) {
+    return (neg ? '-' : '') + intPart + '.'
+  }
+  const decPart = afterDot.slice(0, decimalPlaces)
+  return (neg ? '-' : '') + intPart + '.' + decPart
+}
+
 function maxAbsValue(integerDigits: number, decimalPlaces: number): number {
   const maxInt = Math.pow(10, integerDigits) - 1
   if (decimalPlaces <= 0) return maxInt
@@ -96,6 +130,14 @@ export function normalizeNumericValue(
   return v
 }
 
+/**
+ * 固定小数位数字符串（无千分位），用于表单存值以保留配置的小数位数（number 无法保留尾随 0）。
+ */
+export function toFixedDecimalString(value: number, decimalPlaces: number): string {
+  if (Number.isNaN(value) || !Number.isFinite(value)) return ''
+  return value.toFixed(Math.max(0, decimalPlaces))
+}
+
 /** 千分位格式化展示（整数部分），小数部分固定 m 位 */
 export function formatWithThousands(value: number, decimalPlaces: number): string {
   if (Number.isNaN(value) || !Number.isFinite(value)) return ''