@aspire-ui/element-component-pro 1.0.9 → 1.0.11

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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aspire-ui/element-component-pro",
-  "version": "1.0.09",
+  "version": "1.0.11",
   "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,6 +14,7 @@
 import { ref, watch } from 'vue'
 import type { FormattedNumberRounding } from '../utils/formattedNumber'
 import {
+  applyNumericInputDigitLimits,
   formatWithThousands,
   normalizeNumericValue,
   numberToEditString,
@@ -33,11 +34,17 @@ const props = withDefaults(
     decimalPlaces?: number
     /** 进位方式，默认四舍五入 */
     rounding?: FormattedNumberRounding
+    /**
+     * 为 true 时在输入过程中按 integerDigits / decimalPlaces 限制可输入位数；
+     * 为 false 时仅失焦后规范化，输入阶段不截断长度。
+     */
+    inputLimit?: boolean
   }>(),
   {
     integerDigits: 5,
     decimalPlaces: 6,
     rounding: 'round',
+    inputLimit: true,
   }
 )
 
@@ -46,7 +53,7 @@ const emit = defineEmits<{ (e: 'input', value: unknown): void }>()
 const focused = ref(false)
 const displayText = ref('')
 
-const intN = () => Math.max(0, Math.floor(props.integerDigits ?? 5))
+const intN = () => Math.max(0, Math.floor(props.integerDigits ?? 6))
 const decM = () => Math.max(0, Math.floor(props.decimalPlaces ?? 6))
 
 function parseExternalToNumber(v: unknown): number | null {
@@ -84,7 +91,10 @@ function emitStoredValue(normalized: number) {
 }
 
 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)

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