@sdata/web-vue 4.4.0 → 4.4.2

package/es/image/image.vue_vue_type_script_setup_true_lang.js

@@ -171,8 +171,8 @@ var image_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 			{
 				[`${prefixCls}-loading`]: isLoading.value,
 				[`${prefixCls}-loading-error`]: isError.value,
-				[`${prefixCls}-with-footer-inner`]: isLoaded && showFooter && footerPosition.value === "inner",
-				[`${prefixCls}-with-footer-outer`]: isLoaded && showFooter && footerPosition.value === "outer"
+				[`${prefixCls}-with-footer-inner`]: isLoaded.value && showFooter.value && footerPosition.value === "inner",
+				[`${prefixCls}-with-footer-outer`]: isLoaded.value && showFooter.value && footerPosition.value === "outer"
 			},
 			attrs.class
 		]);
@@ -187,6 +187,7 @@ var image_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 		const mergePreview = computed(() => !(groupContext === null || groupContext === void 0 ? void 0 : groupContext.preview) && preview.value);
 		watchEffect(() => {
 			if (isServerRendering || !refImg.value) return;
+			if (!(src === null || src === void 0 ? void 0 : src.value)) return;
 			refImg.value.src = src === null || src === void 0 ? void 0 : src.value;
 			setLoadStatus("loading");
 		});
@@ -226,6 +227,7 @@ var image_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 			onPreviewClose
 		});
 		return (_ctx, _cache) => {
+			var _props$alt;
 			return openBlock(), createElementBlock("div", {
 				class: normalizeClass(wrapperClassNames.value),
 				style: normalizeStyle(wrapperStyles.value)
@@ -237,7 +239,7 @@ var image_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 				}, imgProps.value, {
 					style: _objectSpread2(_objectSpread2({}, unref(imgStyle)), fitStyle.value),
 					title: unref(title),
-					alt: __props.alt,
+					alt: (_props$alt = __props.alt) !== null && _props$alt !== void 0 ? _props$alt : unref(description),
 					onLoad: onImgLoaded,
 					onError: onImgLoadError,
 					onClick: onImgClick

package/es/image/preview.vue_vue_type_script_setup_true_lang.js

@@ -249,7 +249,7 @@ var preview_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 				setLoadStatus("loading");
 				addGlobalKeyDownListener();
 			} else removeGlobalKeyDownListener();
-		});
+		}, { immediate: true });
 		function close() {
 			if (mergedVisible.value) {
 				emit("close");

package/es/index.css

@@ -928,10 +928,10 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
 
 @keyframes sd-loading-circle {
   0% {
-    transform: rotate(0);
+    transform: rotate(var(--icon-rotate, 0deg));
   }
   100% {
-    transform: rotate(360deg);
+    transform: rotate(calc(var(--icon-rotate, 0deg) + 360deg));
   }
 }
 @media (prefers-reduced-motion: reduce) {
@@ -16330,6 +16330,21 @@ body.sd-tour-active .sd-tour-popover * {
   min-width: 0;
   border-radius: 4px;
 }
+.sd-json-form-chips {
+  display: inline-flex;
+  flex-wrap: wrap;
+  gap: 4px;
+  align-items: center;
+}
+.sd-json-form-chips .sd-checkbox {
+  margin-right: 0;
+  padding: 2px 6px;
+  border: 1px solid var(--sd-color-neutral-3);
+  border-radius: 4px;
+}
+.sd-json-form-chips .sd-checkbox-checked {
+  border-color: rgb(var(--sd-primary-6));
+}
 
 .sd-ellipsis {
   display: inline-block;
@@ -19884,8 +19899,8 @@ body.sd-tour-active .sd-tour-popover * {
 [sd-theme=light] [class$=-calendar--default-theme]:is(.sd-calendar--sm, .sd-calendar--lg) .sd-calendar__scrollable--month-view .sd-calendar__cell--selected .sd-calendar__cell-date {
   background-color: color-mix(in srgb, var(--sd-calendar-primary-color) 40%, transparent);
 }
-.sd-calendar--default-theme .sd-calendar__cell--out-of-scope .sd-calendar__cell-date,
-[class$=-calendar--default-theme] .sd-calendar__cell--out-of-scope .sd-calendar__cell-date {
+.sd-calendar--default-theme .sd-calendar__cell--out-of-range .sd-calendar__cell-date,
+[class$=-calendar--default-theme] .sd-calendar__cell--out-of-range .sd-calendar__cell-date {
   opacity: 0.4;
 }
 .sd-calendar--default-theme .sd-calendar__scrollable--month-view .sd-calendar__cell-events,
@@ -22318,7 +22333,7 @@ body.sd-tour-active .sd-tour-popover * {
   margin-left: -10px;
 }
 .sd-avatar-group-popover .sd-avatar:not(:first-child) {
-  margin-left: 4px;
+  margin-left: 4px !important;
 }
 
 /**********************************************

package/es/input/input-password.vue_vue_type_script_setup_true_lang.js

@@ -10,8 +10,8 @@ var input_password_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 	__name: "input-password",
 	props: {
 		/**
-		* @zh 是否可见，受控属性
-		* @en Whether is visible
+		* @zh 是否为掩码（隐藏）状态，受控属性。true 表示输入框显示为密码掩码态（type=password，显示 eye-invisible 图标）
+		* @en Whether the input is in the masked (hidden) state. `true` renders the input masked (type=password, shows the eye-invisible icon)
 		* @vModel
 		*/
 		visibility: {
@@ -19,8 +19,8 @@ var input_password_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 			default: void 0
 		},
 		/**
-		* @zh 默认是否可见，非受控
-		* @en Default visibility
+		* @zh 默认是否为掩码状态，非受控
+		* @en Whether the input is masked by default
 		*/
 		defaultVisibility: {
 			type: Boolean,

package/es/input-mask/input-mask.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
 import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import Input from "../input/index.js";
-import { formatInputMask, resolveDeletion } from "./mask-engine.js";
+import { formatInputMask, resolveDeletion, stripMaskPlaceholders } from "./mask-engine.js";
 import { inputMaskPresets } from "./presets.js";
 import { computed, createBlock, createSlots, defineComponent, mergeProps, nextTick, onBeforeUnmount, onMounted, openBlock, ref, renderSlot, unref, useAttrs, watch, withCtx } from "vue";
 //#region components/input-mask/input-mask.vue?vue&type=script&setup=true&lang.ts
@@ -148,6 +148,13 @@ var input_mask_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 			if (nextComplete && !complete.value) emit("complete", value);
 			complete.value = nextComplete;
 		};
+		const toCommittedValue = (value) => {
+			if (!effectiveMask.value) return value;
+			return stripMaskPlaceholders(value, effectiveMask.value, {
+				maskChar: effectiveMaskChar.value,
+				formatChars: effectiveFormatChars.value
+			});
+		};
 		const commitValue = (rawValue) => {
 			var _input$selectionStart, _props$beforeMaskedVa, _props$beforeMaskedVa2;
 			const input = getInputElement();
@@ -183,7 +190,8 @@ var input_mask_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 				}
 			} else {
 				const value = normalizePresetValue(rawValue, innerValue.value);
-				const cursor = rawCursor === rawValue.length ? value.length : Math.min(rawCursor, value.length);
+				const rejectedInsertion = value === innerValue.value && rawValue.length === innerValue.value.length + 1;
+				const cursor = rawCursor === rawValue.length ? value.length : Math.min(Math.max(rawCursor - (rejectedInsertion ? 1 : 0), 0), value.length);
 				nextState = {
 					value,
 					selection: {
@@ -195,11 +203,14 @@ var input_mask_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 			nextState = (_props$beforeMaskedVa = (_props$beforeMaskedVa2 = props.beforeMaskedValueChange) === null || _props$beforeMaskedVa2 === void 0 ? void 0 : _props$beforeMaskedVa2.call(props, nextState, previousState)) !== null && _props$beforeMaskedVa !== void 0 ? _props$beforeMaskedVa : nextState;
 			innerValue.value = nextState.value;
 			lastSelection.value = nextState.selection;
-			emit("update:modelValue", nextState.value);
-			syncComplete(nextState.value, nextComplete);
+			const committedValue = toCommittedValue(nextState.value);
+			emit("update:modelValue", committedValue);
+			syncComplete(committedValue, nextComplete);
 			nextTick(() => {
-				const element = getInputElement();
-				if (focused.value && element && nextState.selection) element.setSelectionRange(nextState.selection.start, nextState.selection.end);
+				nextTick(() => {
+					const element = getInputElement();
+					if (focused.value && element && nextState.selection) element.setSelectionRange(nextState.selection.start, nextState.selection.end);
+				});
 			});
 		};
 		const handleModelUpdate = (value) => commitValue(value);
@@ -234,6 +245,10 @@ var input_mask_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 			const input = getInputElement();
 			if (input) trackedEvents.forEach((event) => input.addEventListener(event, updateSelectionFromDom));
 			document.addEventListener("selectionchange", updateSelectionFromDom);
+			if (effectiveMask.value) {
+				const { complete: initialComplete } = applyNormalization(innerValue.value);
+				syncComplete(toCommittedValue(innerValue.value), initialComplete);
+			}
 		});
 		onBeforeUnmount(() => {
 			const input = getInputElement();
@@ -241,11 +256,10 @@ var input_mask_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 			document.removeEventListener("selectionchange", updateSelectionFromDom);
 		});
 		watch(() => props.modelValue, (value) => {
-			if (value === void 0) return;
 			const { value: next, complete: nextComplete } = applyNormalization(value !== null && value !== void 0 ? value : "");
 			innerValue.value = next;
-			if (next !== value) emit("update:modelValue", next);
-			syncComplete(next, nextComplete);
+			if (next !== value) emit("update:modelValue", toCommittedValue(next));
+			syncComplete(toCommittedValue(next), nextComplete);
 		});
 		watch([
 			effectiveMask,
@@ -256,8 +270,8 @@ var input_mask_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 			const { value: next, complete: nextComplete } = applyNormalization(innerValue.value);
 			const changed = next !== innerValue.value;
 			innerValue.value = next;
-			if (changed) emit("update:modelValue", next);
-			syncComplete(next, nextComplete);
+			if (changed) emit("update:modelValue", toCommittedValue(next));
+			syncComplete(toCommittedValue(next), nextComplete);
 		});
 		__expose({
 			get inputRef() {

package/es/input-mask/mask-engine.d.ts

@@ -10,6 +10,10 @@ export interface FormatMaskResult {
     complete: boolean;
 }
 export declare const defaultInputMaskFormatChars: Readonly<Record<string, RegExp>>;
+export declare function stripMaskPlaceholders(value: string, mask: InputMaskPattern, options?: {
+    maskChar?: string | null;
+    formatChars?: Readonly<Record<string, RegExp>>;
+}): string;
 export declare function formatInputMask(rawValue: string, rawCursor: number | null, mask: InputMaskPattern, options: FormatMaskOptions): FormatMaskResult;
 export declare function resolveDeletion(previousValue: string, previousSelection: InputMaskSelection | null, rawValue: string, rawCursor: number, mask: InputMaskPattern, formatChars?: Readonly<Record<string, RegExp>>, maskChar?: string | null): {
     value: string;

package/es/input-mask/mask-engine.js

@@ -92,6 +92,17 @@ var renderMask = (tokens, values, maskChar, showMask) => {
 	if (!values.length && !showMask) return "";
 	return buildLayout(tokens, values, maskChar, showMask).map((position) => position.char).join("");
 };
+/**
+* Removes unfilled placeholder characters from a rendered fixed-mask value,
+* keeping only the filled editable characters plus literals. This mirrors the
+* value react-input-mask consumers read back: the committed value never
+* contains placeholder characters.
+*/
+function stripMaskPlaceholders(value, mask, options = {}) {
+	var _options$maskChar;
+	const tokens = parseMask(mask, mergeFormatChars(options.formatChars));
+	return renderMask(tokens, readEditableCharacters(value, tokens, (_options$maskChar = options.maskChar) !== null && _options$maskChar !== void 0 ? _options$maskChar : null), null, true);
+}
 var sliceToGraphemeBoundary = (value, cursor) => {
 	const graphemeIndex = codeUnitToGraphemeIndex(value, cursor);
 	return value.slice(0, graphemeIndexToCodeUnit(value, graphemeIndex));
@@ -173,4 +184,4 @@ function resolveDeletion(previousValue, previousSelection, rawValue, rawCursor,
 	};
 }
 //#endregion
-export { defaultInputMaskFormatChars, formatInputMask, resolveDeletion };
+export { defaultInputMaskFormatChars, formatInputMask, resolveDeletion, stripMaskPlaceholders };

package/es/input-number/index.d.ts

@@ -50,6 +50,10 @@ declare const InputNumber: {
             type: BooleanConstructor;
             default: boolean;
         };
+        stringMode: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         size: import("vue").PropType<import("../index.ts").Size>;
         allowClear: {
             type: BooleanConstructor;
@@ -626,6 +630,7 @@ declare const InputNumber: {
         step: number;
         min: number;
         hideButton: boolean;
+        stringMode: boolean;
         modelEvent: "change" | "input";
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -677,6 +682,10 @@ declare const InputNumber: {
             type: BooleanConstructor;
             default: boolean;
         };
+        stringMode: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         size: import("vue").PropType<import("../index.ts").Size>;
         allowClear: {
             type: BooleanConstructor;
@@ -1245,6 +1254,7 @@ declare const InputNumber: {
         step: number;
         min: number;
         hideButton: boolean;
+        stringMode: boolean;
         modelEvent: "change" | "input";
     }>;
     __isFragment?: never;
@@ -1293,6 +1303,10 @@ declare const InputNumber: {
         type: BooleanConstructor;
         default: boolean;
     };
+    stringMode: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     size: import("vue").PropType<import("../index.ts").Size>;
     allowClear: {
         type: BooleanConstructor;
@@ -1869,6 +1883,7 @@ declare const InputNumber: {
     step: number;
     min: number;
     hideButton: boolean;
+    stringMode: boolean;
     modelEvent: "change" | "input";
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {

package/es/input-number/input-number.vue.d.ts

@@ -63,6 +63,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: BooleanConstructor;
         default: boolean;
     };
+    stringMode: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     size: PropType<Size>;
     allowClear: {
         type: BooleanConstructor;
@@ -662,6 +666,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: BooleanConstructor;
         default: boolean;
     };
+    stringMode: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     size: PropType<Size>;
     allowClear: {
         type: BooleanConstructor;
@@ -696,6 +704,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     step: number;
     min: number;
     hideButton: boolean;
+    stringMode: boolean;
     modelEvent: "change" | "input";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/es/input-number/input-number.vue_vue_type_script_setup_true_lang.js

@@ -64,6 +64,14 @@ var input_number_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			type: Boolean,
 			default: false
 		},
+		/**
+		* @zh 开启高精度小数支持，update:modelValue 返回 string 类型；内部不再把值转换为 Number，避免超过 2^53 丢失精度
+		* @en Enables high-precision decimal support; update:modelValue emits string values. The accepted digit string is kept verbatim instead of being converted to Number, avoiding precision loss beyond Number.MAX_SAFE_INTEGER
+		*/
+		stringMode: {
+			type: Boolean,
+			default: false
+		},
 		size: String,
 		allowClear: {
 			type: Boolean,
@@ -90,6 +98,7 @@ var input_number_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 	},
 	setup(__props, { expose: __expose, emit: __emit }) {
 		var _props$modelValue, _props$modelValue2;
+		const DECIMAL_PATTERN = /^[-+]?(\d+(\.\d*)?|\.\d+)$/;
 		NP.enableBoundaryChecking(false);
 		const props = __props;
 		const emit = __emit;
@@ -103,7 +112,7 @@ var input_number_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		});
 		const { mergedSize } = useSize(formSize);
 		const { mergedAllowClear } = useAllowClear(toRef(props, "allowClear"));
-		const valueMode = ref(typeof ((_props$modelValue = props.modelValue) !== null && _props$modelValue !== void 0 ? _props$modelValue : props.defaultValue) === "string" ? "string" : "number");
+		const valueMode = ref(props.stringMode || typeof ((_props$modelValue = props.modelValue) !== null && _props$modelValue !== void 0 ? _props$modelValue : props.defaultValue) === "string" ? "string" : "number");
 		const mergedPrecision = computed(() => {
 			if (isNumber(props.precision)) {
 				const decimal = `${props.step}`.split(".")[1];
@@ -113,29 +122,35 @@ var input_number_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		const getNumberValue = (value) => {
 			var _props$parser, _props$parser2;
 			if (isUndefined(value) || value === null || value === "") return void 0;
-			if (typeof value === "number") return Number.isNaN(value) ? void 0 : value;
+			if (typeof value === "number") return Number.isFinite(value) ? value : void 0;
 			const normalizedValue = value.trim();
 			if (!normalizedValue || /^[-.]$/.test(normalizedValue)) return void 0;
 			const parsed = Number((_props$parser = (_props$parser2 = props.parser) === null || _props$parser2 === void 0 ? void 0 : _props$parser2.call(props, normalizedValue)) !== null && _props$parser !== void 0 ? _props$parser : normalizedValue);
-			return Number.isNaN(parsed) ? void 0 : parsed;
+			return Number.isFinite(parsed) ? parsed : void 0;
+		};
+		const toPlainString = (number) => {
+			if (!isNumber(number)) return "";
+			return mergedPrecision.value ? number.toFixed(mergedPrecision.value) : String(number);
 		};
 		const getStringValue = (number) => {
 			var _props$formatter, _props$formatter2;
-			if (!isNumber(number)) return "";
-			const value = mergedPrecision.value ? number.toFixed(mergedPrecision.value) : String(number);
+			const value = toPlainString(number);
 			return (_props$formatter = (_props$formatter2 = props.formatter) === null || _props$formatter2 === void 0 ? void 0 : _props$formatter2.call(props, value)) !== null && _props$formatter !== void 0 ? _props$formatter : value;
 		};
 		const getDisplayValue = (value) => {
 			if (typeof value === "string") {
 				const normalizedValue = value.trim();
 				if (!normalizedValue || /^[-.]$/.test(normalizedValue)) return value;
+				if (props.stringMode && DECIMAL_PATTERN.test(normalizedValue)) return normalizedValue;
 				const parsed = getNumberValue(value);
-				return isNumber(parsed) ? getStringValue(parsed) : value;
+				return isNumber(parsed) ? getStringValue(parsed) : "";
 			}
+			if (typeof value === "number" && !Number.isFinite(value)) return "";
 			return getStringValue(value !== null && value !== void 0 ? value : void 0);
 		};
 		const getModelValue = (value) => valueMode.value === "string" ? isUndefined(value) ? "" : String(value) : value;
 		const innerValue = ref(getDisplayValue((_props$modelValue2 = props.modelValue) !== null && _props$modelValue2 !== void 0 ? _props$modelValue2 : props.defaultValue));
+		const rawText = ref(DECIMAL_PATTERN.test(innerValue.value) ? innerValue.value : "");
 		const valueNumber = computed(() => getNumberValue(innerValue.value));
 		const isMin = ref(isNumber(valueNumber.value) && valueNumber.value <= props.min);
 		const isMax = ref(isNumber(valueNumber.value) && valueNumber.value >= props.max);
@@ -158,9 +173,16 @@ var input_number_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		};
 		const handleExceedRange = () => {
 			const finalValue = getLegalValue(valueNumber.value);
-			const stringValue = getStringValue(finalValue);
-			if (finalValue !== valueNumber.value || innerValue.value !== stringValue) innerValue.value = stringValue;
-			emit("update:modelValue", getModelValue(finalValue));
+			const clamped = finalValue !== valueNumber.value;
+			const keepRaw = props.stringMode && !clamped && DECIMAL_PATTERN.test(rawText.value);
+			if (!keepRaw) {
+				const stringValue = getStringValue(finalValue);
+				if (clamped || innerValue.value !== stringValue) innerValue.value = stringValue;
+				rawText.value = isNumber(finalValue) ? toPlainString(finalValue) : "";
+			}
+			const emitted = keepRaw ? rawText.value : getModelValue(finalValue);
+			emit("update:modelValue", emitted);
+			return emitted;
 		};
 		watch(() => [props.max, props.min], () => {
 			handleExceedRange();
@@ -170,6 +192,7 @@ var input_number_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			if (mergedDisabled.value || method === "plus" && isMax.value || method === "minus" && isMin.value) return;
 			const nextValue = isNumber(valueNumber.value) ? getLegalValue(NP[method](valueNumber.value, props.step)) : props.min === -Infinity ? 0 : props.min;
 			innerValue.value = getStringValue(nextValue);
+			rawText.value = toPlainString(nextValue);
 			updateNumberStatus(nextValue);
 			const emittedValue = getModelValue(nextValue);
 			emit("update:modelValue", emittedValue);
@@ -179,6 +202,7 @@ var input_number_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			var _inputRef$value;
 			event.preventDefault();
 			if (props.readonly) return;
+			if (mergedDisabled.value || method === "plus" && isMax.value || method === "minus" && isMin.value) return;
 			(_inputRef$value = inputRef.value) === null || _inputRef$value === void 0 || _inputRef$value.focus();
 			nextStep(method, event);
 			if (needRepeat) repeatTimer = window.setTimeout(() => event.target.dispatchEvent(event), repeatTimer ? SPEED : FIRST_DELAY);
@@ -187,11 +211,12 @@ var input_number_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			var _props$parser3, _props$parser4;
 			const normalizedValue = value.trim().replace(/。/g, ".");
 			const parsedValue = (_props$parser3 = (_props$parser4 = props.parser) === null || _props$parser4 === void 0 ? void 0 : _props$parser4.call(props, normalizedValue)) !== null && _props$parser3 !== void 0 ? _props$parser3 : normalizedValue;
-			if (isNumber(Number(parsedValue)) || /^[-.]$/.test(String(parsedValue))) {
+			if (parsedValue === "" || Number.isFinite(Number(parsedValue)) || /^[-.]$/.test(String(parsedValue))) {
 				var _props$formatter3, _props$formatter4;
+				rawText.value = String(parsedValue);
 				innerValue.value = (_props$formatter3 = (_props$formatter4 = props.formatter) === null || _props$formatter4 === void 0 ? void 0 : _props$formatter4.call(props, parsedValue)) !== null && _props$formatter3 !== void 0 ? _props$formatter3 : String(parsedValue);
 				updateNumberStatus(valueNumber.value);
-				const emittedValue = getModelValue(valueNumber.value);
+				const emittedValue = getEmittedValue();
 				emit("input", emittedValue, innerValue.value, event);
 				if (props.modelEvent === "input") {
 					emit("update:modelValue", emittedValue);
@@ -199,16 +224,21 @@ var input_number_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 				}
 			}
 		};
+		const getEmittedValue = () => {
+			if (props.stringMode && DECIMAL_PATTERN.test(rawText.value)) return rawText.value;
+			return getModelValue(valueNumber.value);
+		};
 		const handleFocus = (event) => emit("focus", event);
 		const handleChange = (value, event) => {
 			if (event instanceof MouseEvent && !value) return;
-			handleExceedRange();
-			emit("change", getModelValue(valueNumber.value), event);
+			const emitted = handleExceedRange();
+			emit("change", emitted, event);
 		};
 		const handleBlur = (event) => emit("blur", event);
 		const handleClear = (event) => {
 			var _eventHandlers$value, _eventHandlers$value$;
 			innerValue.value = "";
+			rawText.value = "";
 			const emittedValue = getModelValue(void 0);
 			emit("update:modelValue", emittedValue);
 			emit("change", emittedValue, event);
@@ -227,14 +257,17 @@ var input_number_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			if (!event.defaultPrevented) keyDownHandler(event);
 		};
 		watch(() => props.modelValue, (value) => {
-			if (typeof value === "string") valueMode.value = "string";
+			if (props.stringMode) valueMode.value = "string";
+			else if (typeof value === "string") valueMode.value = "string";
 			else if (typeof value === "number") valueMode.value = "number";
 			const nextNumberValue = getNumberValue(value);
 			if (value !== innerValue.value && nextNumberValue !== valueNumber.value) {
 				innerValue.value = getDisplayValue(value);
+				rawText.value = DECIMAL_PATTERN.test(innerValue.value) ? innerValue.value : "";
 				updateNumberStatus(nextNumberValue);
 			} else if (value === "" && innerValue.value !== "") {
 				innerValue.value = "";
+				rawText.value = "";
 				updateNumberStatus(void 0);
 			}
 		});

package/es/json-form/index.d.ts

@@ -4,16 +4,15 @@ import _JsonForm from './json-form.vue';
 declare const JsonForm: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
         schemas: import("./types").JsonFormA2UI_0_9_1ComponentNode[] | import("./types").JsonFormSchema<import("./types").JsonFormComponentType<{}>, {}>[];
+        modelValue?: import("./types").JsonFormModel;
         adapter?: import("./types").JsonFormAdapter;
         model?: import("./types").JsonFormModel;
         hideLabel?: boolean;
         hideAsterisk?: boolean;
         showColon?: boolean;
         component?: string | import("vue").Component;
-    } & {
-        modelValue?: import("./types").JsonFormModel | undefined;
     }> & Readonly<{
-        "onUpdate:modelValue"?: ((value: import("./types").JsonFormModel | undefined) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: import("./types").JsonFormModel) => any) | undefined;
     }>, {
         validate: (callback?: ((errors: undefined | Record<string, import("../index.ts").ValidatedError>) => void) | undefined) => Promise<Record<string, import("../index.ts").ValidatedError> | undefined> | undefined;
         validateField: (field: string | string[], callback?: ((errors: undefined | Record<string, import("../index.ts").ValidatedError>) => void) | undefined) => Promise<Record<string, import("../index.ts").ValidatedError> | undefined> | undefined;
@@ -22,9 +21,10 @@ declare const JsonForm: {
         setFields: (data: Record<string, import("../form/interface.ts").FieldData>) => void | undefined;
         scrollToField: (field: string) => void | undefined;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "update:modelValue": (value: import("./types").JsonFormModel | undefined) => any;
+        "update:modelValue": (value: import("./types").JsonFormModel) => any;
     }, import("vue").PublicProps, {
         component: string | import("vue").Component;
+        modelValue: import("./types").JsonFormModel;
         showColon: boolean;
         hideLabel: boolean;
         hideAsterisk: boolean;
@@ -39,16 +39,15 @@ declare const JsonForm: {
         Defaults: {};
     }, Readonly<{
         schemas: import("./types").JsonFormA2UI_0_9_1ComponentNode[] | import("./types").JsonFormSchema<import("./types").JsonFormComponentType<{}>, {}>[];
+        modelValue?: import("./types").JsonFormModel;
         adapter?: import("./types").JsonFormAdapter;
         model?: import("./types").JsonFormModel;
         hideLabel?: boolean;
         hideAsterisk?: boolean;
         showColon?: boolean;
         component?: string | import("vue").Component;
-    } & {
-        modelValue?: import("./types").JsonFormModel | undefined;
     }> & Readonly<{
-        "onUpdate:modelValue"?: ((value: import("./types").JsonFormModel | undefined) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: import("./types").JsonFormModel) => any) | undefined;
     }>, {
         validate: (callback?: ((errors: undefined | Record<string, import("../index.ts").ValidatedError>) => void) | undefined) => Promise<Record<string, import("../index.ts").ValidatedError> | undefined> | undefined;
         validateField: (field: string | string[], callback?: ((errors: undefined | Record<string, import("../index.ts").ValidatedError>) => void) | undefined) => Promise<Record<string, import("../index.ts").ValidatedError> | undefined> | undefined;
@@ -58,6 +57,7 @@ declare const JsonForm: {
         scrollToField: (field: string) => void | undefined;
     }, {}, {}, {}, {
         component: string | import("vue").Component;
+        modelValue: import("./types").JsonFormModel;
         showColon: boolean;
         hideLabel: boolean;
         hideAsterisk: boolean;
@@ -69,16 +69,15 @@ declare const JsonForm: {
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<{
     schemas: import("./types").JsonFormA2UI_0_9_1ComponentNode[] | import("./types").JsonFormSchema<import("./types").JsonFormComponentType<{}>, {}>[];
+    modelValue?: import("./types").JsonFormModel;
     adapter?: import("./types").JsonFormAdapter;
     model?: import("./types").JsonFormModel;
     hideLabel?: boolean;
     hideAsterisk?: boolean;
     showColon?: boolean;
     component?: string | import("vue").Component;
-} & {
-    modelValue?: import("./types").JsonFormModel | undefined;
 }> & Readonly<{
-    "onUpdate:modelValue"?: ((value: import("./types").JsonFormModel | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: import("./types").JsonFormModel) => any) | undefined;
 }>, {
     validate: (callback?: ((errors: undefined | Record<string, import("../index.ts").ValidatedError>) => void) | undefined) => Promise<Record<string, import("../index.ts").ValidatedError> | undefined> | undefined;
     validateField: (field: string | string[], callback?: ((errors: undefined | Record<string, import("../index.ts").ValidatedError>) => void) | undefined) => Promise<Record<string, import("../index.ts").ValidatedError> | undefined> | undefined;
@@ -87,9 +86,10 @@ declare const JsonForm: {
     setFields: (data: Record<string, import("../form/interface.ts").FieldData>) => void | undefined;
     scrollToField: (field: string) => void | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: import("./types").JsonFormModel | undefined) => any;
+    "update:modelValue": (value: import("./types").JsonFormModel) => any;
 }, string, {
     component: string | import("vue").Component;
+    modelValue: import("./types").JsonFormModel;
     showColon: boolean;
     hideLabel: boolean;
     hideAsterisk: boolean;

package/es/json-form/json-form-item.vue.d.ts

@@ -1,5 +1,6 @@
 import { type JsonFormAdapter, type JsonFormModel, type JsonFormSchema } from './types';
 type __VLS_Props = {
+    modelValue: JsonFormModel;
     schema: JsonFormSchema<string>;
     adapter: JsonFormAdapter;
     components: Record<string, unknown>;
@@ -9,13 +10,9 @@ type __VLS_Props = {
     showColon?: boolean;
 };
 type __VLS_Slots = Record<string, (props?: Record<string, unknown>) => unknown>;
-type __VLS_ModelProps = {
-    modelValue: JsonFormModel;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: JsonFormModel) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((value: JsonFormModel) => any) | undefined;
 }>, {
     showColon: boolean;