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

package/dist/utils/formattedNumber.d.ts

@@ -10,6 +10,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.09",
   "description": "Element UI 二次封装组件库，基于 Vue 2.7 + TypeScript + setup 语法糖，实现 VbenAdmin 风格的 Pro 组件",
   "type": "module",
   "main": "./dist/element-component-pro.umd.js",

package/src/ProForm/FormattedNumberInput.vue

@@ -19,6 +19,7 @@ import {
   numberToEditString,
   sanitizeNumericInput,
   stripNumberGrouping,
+  toFixedDecimalString,
 } from '../utils/formattedNumber'
 
 const props = withDefaults(
@@ -78,13 +79,18 @@ watch(
   { immediate: true, deep: true }
 )
 
+function emitStoredValue(normalized: number) {
+  emit('input', toFixedDecimalString(normalized, decM()))
+}
+
 function onInput(val: string) {
   const clean = sanitizeNumericInput(val)
   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 +123,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

@@ -96,6 +96,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 ''