@sdata/web-vue 4.4.3 → 4.5.1

package/es/input/input.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
 import { useFormItem } from "../_hooks/use-form-item.js";
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isFunction, isNull, isObject, isUndefined } from "../_utils/is.js";
 import icon_hover_default from "../_components/icon-hover.js";
@@ -124,9 +124,6 @@ var input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 		watch(toRef(props, "modelValue"), (value) => {
 			if (isUndefined(value) || isNull(value)) innerValue.value = "";
 		});
-		watch(computedValue, (_value, oldValue) => {
-			previousValue = oldValue;
-		});
 		const focused = ref(false);
 		const showClearBtn = computed(() => mergedAllowClear.value && !props.readonly && !mergedDisabled.value && Boolean(computedValue.value));
 		const isComposition = ref(false);
@@ -155,6 +152,7 @@ var input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 			}
 			innerValue.value = nextValue;
 			emit("update:modelValue", nextValue);
+			return nextValue;
 		};
 		const handleMousedown = (event) => {
 			if (inputRef.value && event.target !== inputRef.value) {
@@ -172,6 +170,7 @@ var input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 		};
 		const handleFocus = (event) => {
 			var _eventHandlers$value2, _eventHandlers$value3;
+			previousValue = computedValue.value;
 			focused.value = true;
 			emit("focus", event);
 			(_eventHandlers$value2 = eventHandlers.value) === null || _eventHandlers$value2 === void 0 || (_eventHandlers$value3 = _eventHandlers$value2.onFocus) === null || _eventHandlers$value3 === void 0 || _eventHandlers$value3.call(_eventHandlers$value2, event);
@@ -202,8 +201,8 @@ var input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 					keepControl();
 					return;
 				}
-				updateValue(value);
-				emit("input", value, event);
+				const nextValue = updateValue(value);
+				emit("input", nextValue, event);
 				(_eventHandlers$value6 = eventHandlers.value) === null || _eventHandlers$value6 === void 0 || (_eventHandlers$value7 = _eventHandlers$value6.onInput) === null || _eventHandlers$value7 === void 0 || _eventHandlers$value7.call(_eventHandlers$value6, event);
 				keepControl();
 			} else {
@@ -220,8 +219,8 @@ var input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 					keepControl();
 					return;
 				}
-				updateValue(value);
-				emit("input", value, event);
+				const nextValue = updateValue(value);
+				emit("input", nextValue, event);
 				(_eventHandlers$value8 = eventHandlers.value) === null || _eventHandlers$value8 === void 0 || (_eventHandlers$value9 = _eventHandlers$value8.onInput) === null || _eventHandlers$value9 === void 0 || _eventHandlers$value9.call(_eventHandlers$value8, event);
 				keepControl();
 			}

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

@@ -1,5 +1,6 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
+import { splitGraphemes } from "../_utils/grapheme.js";
 import Input from "../input/index.js";
 import { formatInputMask, resolveDeletion, stripMaskPlaceholders } from "./mask-engine.js";
 import { inputMaskPresets } from "./presets.js";
@@ -89,9 +90,9 @@ var input_mask_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 			return _objectSpread2(_objectSpread2({}, (_presetDefinition$val2 = presetDefinition.value) === null || _presetDefinition$val2 === void 0 ? void 0 : _presetDefinition$val2.formatChars), props.formatChars);
 		});
 		const effectiveMaskChar = computed(() => {
-			var _Array$from$;
+			var _splitGraphemes$;
 			if (props.maskChar === null) return null;
-			return (_Array$from$ = Array.from(props.maskChar)[0]) !== null && _Array$from$ !== void 0 ? _Array$from$ : "_";
+			return (_splitGraphemes$ = splitGraphemes(props.maskChar)[0]) !== null && _splitGraphemes$ !== void 0 ? _splitGraphemes$ : "_";
 		});
 		const lengthManaged = computed(() => Boolean(effectiveMask.value) || Boolean(props.preset));
 		const normalizePresetValue = (value, previousValue) => {
@@ -124,7 +125,7 @@ var input_mask_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 			if (!effectiveMask.value) return innerValue.value;
 			return formatInputMask(innerValue.value, null, effectiveMask.value, {
 				maskChar: effectiveMaskChar.value,
-				showMask: focused.value || props.alwaysShowMask || Boolean(innerValue.value),
+				showMask: focused.value || props.alwaysShowMask || hasValue.value,
 				formatChars: effectiveFormatChars.value
 			}).value;
 		});
@@ -155,6 +156,7 @@ var input_mask_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 				formatChars: effectiveFormatChars.value
 			});
 		};
+		const hasValue = computed(() => Boolean(toCommittedValue(innerValue.value)));
 		const commitValue = (rawValue) => {
 			var _input$selectionStart, _props$beforeMaskedVa, _props$beforeMaskedVa2;
 			const input = getInputElement();
@@ -201,6 +203,7 @@ 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;
+			if (props.beforeMaskedValueChange) nextComplete = applyNormalization(nextState.value).complete;
 			innerValue.value = nextState.value;
 			lastSelection.value = nextState.selection;
 			const committedValue = toCommittedValue(nextState.value);
@@ -266,8 +269,12 @@ var input_mask_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 			presetDefinition,
 			effectiveMaskChar,
 			effectiveFormatChars
-		], () => {
-			const { value: next, complete: nextComplete } = applyNormalization(innerValue.value);
+		], (_, [oldMask, , oldMaskChar, oldFormatChars]) => {
+			const value = oldMask ? stripMaskPlaceholders(innerValue.value, oldMask, {
+				maskChar: oldMaskChar,
+				formatChars: oldFormatChars
+			}) : innerValue.value;
+			const { value: next, complete: nextComplete } = applyNormalization(value);
 			const changed = next !== innerValue.value;
 			innerValue.value = next;
 			if (changed) emit("update:modelValue", toCommittedValue(next));
@@ -293,7 +300,7 @@ var input_mask_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 			}, forwardedAttrs.value, {
 				"model-value": displayValue.value,
 				size: __props.size,
-				"allow-clear": __props.allowClear && Boolean(innerValue.value),
+				"allow-clear": __props.allowClear && hasValue.value,
 				disabled: __props.disabled,
 				readonly: __props.readonly,
 				error: __props.error,

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

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { codeUnitToGraphemeIndex, graphemeIndexToCodeUnit, splitGraphemes } from "../_utils/grapheme.js";
 //#region components/input-mask/mask-engine.ts
 var defaultInputMaskFormatChars = {

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

@@ -0,0 +1,3 @@
+export declare function addDecimal(value: string, step: number, subtract: boolean): string;
+export declare function compareDecimal(value: string, boundary: number): number;
+export declare function roundDecimal(value: string, precision: number): string;

package/es/input-number/decimal.js

@@ -0,0 +1,49 @@
+//#region components/input-number/decimal.ts
+function addDecimal(value, step, subtract) {
+	const parts = (text) => {
+		const [coefficient, exponent = "0"] = text.toLowerCase().split("e");
+		const [integer, fraction = ""] = coefficient.split(".");
+		const scale = fraction.length - Number(exponent);
+		return {
+			digits: `${integer}${fraction}`.replace(/^[+-]/, "") + "0".repeat(Math.max(0, -scale)),
+			negative: text.startsWith("-"),
+			scale: Math.max(0, scale)
+		};
+	};
+	let left = parts(value);
+	let right = parts(String(step));
+	right.negative = right.negative !== subtract;
+	const scale = Math.max(left.scale, right.scale);
+	for (const part of [left, right]) part.digits = (part.digits + "0".repeat(scale - part.scale)).replace(/^0+/, "") || "0";
+	const adding = left.negative === right.negative;
+	if (!adding && (left.digits.length < right.digits.length || left.digits.length === right.digits.length && left.digits < right.digits)) [left, right] = [right, left];
+	let digits = "";
+	let carry = 0;
+	for (let index = 1; index <= Math.max(left.digits.length, right.digits.length); index++) {
+		var _left$digits, _right$digits;
+		const a = Number((_left$digits = left.digits[left.digits.length - index]) !== null && _left$digits !== void 0 ? _left$digits : 0);
+		const b = Number((_right$digits = right.digits[right.digits.length - index]) !== null && _right$digits !== void 0 ? _right$digits : 0);
+		const total = a + (adding ? b : -b) + carry;
+		carry = Math.floor(total / 10);
+		digits = String((total + 10) % 10) + digits;
+	}
+	if (carry > 0) digits = String(carry) + digits;
+	digits = (digits.replace(/^0+/, "") || "0").padStart(scale + 1, "0");
+	const sign = left.negative && /[1-9]/.test(digits) ? "-" : "";
+	return scale ? `${sign}${digits.slice(0, -scale)}.${digits.slice(-scale)}` : `${sign}${digits}`;
+}
+function compareDecimal(value, boundary) {
+	const difference = addDecimal(value, boundary, true);
+	if (!/[1-9]/.test(difference)) return 0;
+	return difference.startsWith("-") ? -1 : 1;
+}
+function roundDecimal(value, precision) {
+	const negative = value.startsWith("-");
+	const [integer, fraction = ""] = value.replace(/^[+-]/, "").split(".");
+	if (fraction.length <= precision) return value;
+	let rounded = `${integer || "0"}${precision ? `.${fraction.slice(0, precision)}` : ""}`;
+	if (Number(fraction[precision]) >= 5) rounded = addDecimal(rounded, Number(`1e-${precision}`), false);
+	return negative && /[1-9]/.test(rounded) ? `-${rounded}` : rounded;
+}
+//#endregion
+export { addDecimal, compareDecimal, roundDecimal };

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

@@ -1,5 +1,5 @@
 import { useFormItem } from "../_hooks/use-form-item.js";
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isNumber, isUndefined } from "../_utils/is.js";
 import { KEYBOARD_KEY, getKeyDownHandler } from "../_utils/keyboard.js";
@@ -12,6 +12,7 @@ import IconMinus from "../icon/icon-minus/index.js";
 import IconPlus from "../icon/icon-plus/index.js";
 import IconDown from "../icon/icon-down/index.js";
 import IconUp from "../icon/icon-up/index.js";
+import { addDecimal, compareDecimal, roundDecimal } from "./decimal.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, normalizeClass, openBlock, ref, renderSlot, toRef, unref, useSlots, watch, withCtx } from "vue";
 import NP from "number-precision";
 //#region components/input-number/input-number.vue?vue&type=script&setup=true&lang.ts
@@ -114,10 +115,7 @@ var input_number_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		const { mergedAllowClear } = useAllowClear(toRef(props, "allowClear"));
 		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];
-				return Math.max((decimal === null || decimal === void 0 ? void 0 : decimal.length) || 0, props.precision);
-			}
+			if (isNumber(props.precision)) return Math.max(NP.digitLength(props.step), props.precision);
 		});
 		const getNumberValue = (value) => {
 			var _props$parser, _props$parser2;
@@ -130,7 +128,10 @@ var input_number_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		};
 		const toPlainString = (number) => {
 			if (!isNumber(number)) return "";
-			return mergedPrecision.value ? number.toFixed(mergedPrecision.value) : String(number);
+			const precision = mergedPrecision.value;
+			if (!precision) return String(number);
+			const displayPrecision = number === props.min || number === props.max ? Math.max(precision, NP.digitLength(number)) : precision;
+			return number.toFixed(displayPrecision);
 		};
 		const getStringValue = (number) => {
 			var _props$formatter, _props$formatter2;
@@ -152,8 +153,9 @@ var input_number_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		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);
+		const compareToBoundary = (value, boundary) => props.stringMode && DECIMAL_PATTERN.test(rawText.value) && Number.isFinite(boundary) ? compareDecimal(rawText.value, boundary) : (value !== null && value !== void 0 ? value : NaN) - boundary;
+		const isMin = ref(compareToBoundary(valueNumber.value, props.min) <= 0);
+		const isMax = ref(compareToBoundary(valueNumber.value, props.max) >= 0);
 		let repeatTimer = 0;
 		const clearRepeatTimer = () => {
 			if (repeatTimer) {
@@ -163,38 +165,59 @@ var input_number_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		};
 		const getLegalValue = (value) => {
 			if (isUndefined(value)) return void 0;
+			if (isNumber(mergedPrecision.value)) value = NP.round(value, mergedPrecision.value);
 			if (isNumber(props.min) && value < props.min) value = props.min;
 			if (isNumber(props.max) && value > props.max) value = props.max;
-			return isNumber(mergedPrecision.value) ? NP.round(value, mergedPrecision.value) : value;
+			return value;
 		};
 		const updateNumberStatus = (number) => {
-			isMin.value = isNumber(number) && number <= props.min;
-			isMax.value = isNumber(number) && number >= props.max;
+			isMin.value = compareToBoundary(number, props.min) <= 0;
+			isMax.value = compareToBoundary(number, props.max) >= 0;
+		};
+		const getLegalString = (value) => {
+			if (isNumber(mergedPrecision.value)) value = roundDecimal(value, mergedPrecision.value);
+			if (Number.isFinite(props.min) && compareDecimal(value, props.min) < 0) value = addDecimal("0", props.min, false);
+			if (Number.isFinite(props.max) && compareDecimal(value, props.max) > 0) value = addDecimal("0", props.max, false);
+			return value;
 		};
 		const handleExceedRange = () => {
 			const finalValue = getLegalValue(valueNumber.value);
-			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;
+			const useString = props.stringMode && DECIMAL_PATTERN.test(rawText.value);
+			if (useString) {
+				var _props$formatter3, _props$formatter4;
+				rawText.value = getLegalString(rawText.value);
+				innerValue.value = (_props$formatter3 = (_props$formatter4 = props.formatter) === null || _props$formatter4 === void 0 ? void 0 : _props$formatter4.call(props, rawText.value)) !== null && _props$formatter3 !== void 0 ? _props$formatter3 : rawText.value;
+			} else {
+				innerValue.value = getStringValue(finalValue);
 				rawText.value = isNumber(finalValue) ? toPlainString(finalValue) : "";
 			}
-			const emitted = keepRaw ? rawText.value : getModelValue(finalValue);
+			updateNumberStatus(valueNumber.value);
+			const emitted = useString ? rawText.value : getModelValue(finalValue);
+			committedValue = emitted;
 			emit("update:modelValue", emitted);
 			return emitted;
 		};
+		watch([() => props.formatter, () => props.parser], ([formatter], [, previousParser]) => {
+			var _previousParser, _formatter;
+			const rawValue = DECIMAL_PATTERN.test(rawText.value) ? rawText.value : (_previousParser = previousParser === null || previousParser === void 0 ? void 0 : previousParser(innerValue.value)) !== null && _previousParser !== void 0 ? _previousParser : innerValue.value;
+			rawText.value = String(rawValue);
+			innerValue.value = (_formatter = formatter === null || formatter === void 0 ? void 0 : formatter(rawValue)) !== null && _formatter !== void 0 ? _formatter : rawText.value;
+			updateNumberStatus(valueNumber.value);
+		});
 		watch(() => [props.max, props.min], () => {
 			handleExceedRange();
 			updateNumberStatus(valueNumber.value);
 		});
 		const nextStep = (method, event) => {
+			var _props$formatter5, _props$formatter6;
 			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);
+			const steppedText = props.stringMode && DECIMAL_PATTERN.test(rawText.value) && Number.isFinite(props.step) ? getLegalString(addDecimal(rawText.value, props.step, method === "minus")) : void 0;
+			const nextValue = steppedText !== void 0 ? Number(steppedText) : isNumber(valueNumber.value) ? getLegalValue(NP[method](valueNumber.value, props.step)) : getLegalValue(props.min === -Infinity ? 0 : props.min);
+			rawText.value = steppedText !== null && steppedText !== void 0 ? steppedText : toPlainString(nextValue);
+			innerValue.value = steppedText !== void 0 ? (_props$formatter5 = (_props$formatter6 = props.formatter) === null || _props$formatter6 === void 0 ? void 0 : _props$formatter6.call(props, rawText.value)) !== null && _props$formatter5 !== void 0 ? _props$formatter5 : rawText.value : getStringValue(nextValue);
 			updateNumberStatus(nextValue);
-			const emittedValue = getModelValue(nextValue);
+			const emittedValue = steppedText !== null && steppedText !== void 0 ? steppedText : getModelValue(nextValue);
+			committedValue = emittedValue;
 			emit("update:modelValue", emittedValue);
 			emit("change", emittedValue, event);
 		};
@@ -212,13 +235,14 @@ var input_number_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			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 (parsedValue === "" || Number.isFinite(Number(parsedValue)) || /^[-.]$/.test(String(parsedValue))) {
-				var _props$formatter3, _props$formatter4;
+				var _props$formatter7, _props$formatter8;
 				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);
+				innerValue.value = (_props$formatter7 = (_props$formatter8 = props.formatter) === null || _props$formatter8 === void 0 ? void 0 : _props$formatter8.call(props, parsedValue)) !== null && _props$formatter7 !== void 0 ? _props$formatter7 : String(parsedValue);
 				updateNumberStatus(valueNumber.value);
 				const emittedValue = getEmittedValue();
 				emit("input", emittedValue, innerValue.value, event);
 				if (props.modelEvent === "input") {
+					committedValue = emittedValue;
 					emit("update:modelValue", emittedValue);
 					emit("change", emittedValue, event);
 				}
@@ -228,18 +252,25 @@ var input_number_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			if (props.stringMode && DECIMAL_PATTERN.test(rawText.value)) return rawText.value;
 			return getModelValue(valueNumber.value);
 		};
+		let committedValue = getEmittedValue();
 		const handleFocus = (event) => emit("focus", event);
 		const handleChange = (value, event) => {
 			if (event instanceof MouseEvent && !value) return;
+			const previousValue = committedValue;
 			const emitted = handleExceedRange();
-			emit("change", emitted, event);
+			if (emitted !== previousValue) emit("change", emitted, event);
+		};
+		const handleBlur = (event) => {
+			if (getEmittedValue() !== committedValue) handleChange(innerValue.value, event);
+			emit("blur", event);
 		};
-		const handleBlur = (event) => emit("blur", event);
 		const handleClear = (event) => {
 			var _eventHandlers$value, _eventHandlers$value$;
 			innerValue.value = "";
 			rawText.value = "";
+			updateNumberStatus(void 0);
 			const emittedValue = getModelValue(void 0);
+			committedValue = emittedValue;
 			emit("update:modelValue", emittedValue);
 			emit("change", emittedValue, event);
 			(_eventHandlers$value = eventHandlers.value) === null || _eventHandlers$value === void 0 || (_eventHandlers$value$ = _eventHandlers$value.onChange) === null || _eventHandlers$value$ === void 0 || _eventHandlers$value$.call(_eventHandlers$value, event);
@@ -261,7 +292,7 @@ var input_number_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			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) {
+			if (value !== innerValue.value && (props.stringMode || nextNumberValue !== valueNumber.value)) {
 				innerValue.value = getDisplayValue(value);
 				rawText.value = DECIMAL_PATTERN.test(innerValue.value) ? innerValue.value : "";
 				updateNumberStatus(nextNumberValue);
@@ -270,6 +301,7 @@ var input_number_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 				rawText.value = "";
 				updateNumberStatus(void 0);
 			}
+			committedValue = getEmittedValue();
 		});
 		const cls = computed(() => [
 			prefixCls,
@@ -311,7 +343,8 @@ var input_number_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 					"role": "spinbutton",
 					"aria-valuemax": props.max,
 					"aria-valuemin": props.min,
-					"aria-valuenow": innerValue.value
+					"aria-valuenow": getEmittedValue() === "" ? void 0 : getEmittedValue(),
+					"aria-valuetext": props.formatter && !unref(isUndefined)(valueNumber.value) ? innerValue.value : void 0
 				}, props.inputAttrs),
 				onInput: handleInput,
 				onFocus: handleFocus,

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

@@ -1,5 +1,5 @@
 import { useFormItem } from "../_hooks/use-form-item.js";
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isNull, isObject, isUndefined } from "../_utils/is.js";
 import resize_observer_default from "../_components/resize-observer.js";
@@ -151,6 +151,16 @@ var input_tag_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 		});
 		const mergedFocused = computed(() => props.focused || innerFocused.value);
 		const isResponsiveMaxTagCount = computed(() => props.maxTagCount === "responsive");
+		let replacingInput = false;
+		watch(isResponsiveMaxTagCount, () => {
+			const restoreFocus = innerFocused.value;
+			replacingInput = true;
+			nextTick(() => {
+				var _inputRef$value;
+				replacingInput = false;
+				if (restoreFocus) (_inputRef$value = inputRef.value) === null || _inputRef$value === void 0 || _inputRef$value.focus();
+			});
+		});
 		const computedValue = computed(() => {
 			var _props$modelValue;
 			return (_props$modelValue = props.modelValue) !== null && _props$modelValue !== void 0 ? _props$modelValue : innerValue.value;
@@ -225,7 +235,7 @@ var input_tag_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 		});
 		const isClosableTag = (item) => {
 			var _item$tagProps$closab, _item$tagProps;
-			return Boolean((_item$tagProps$closab = (_item$tagProps = item.tagProps) === null || _item$tagProps === void 0 ? void 0 : _item$tagProps.closable) !== null && _item$tagProps$closab !== void 0 ? _item$tagProps$closab : !mergedDisabled.value && !props.readonly && item.closable);
+			return !mergedDisabled.value && !props.readonly && Boolean((_item$tagProps$closab = (_item$tagProps = item.tagProps) === null || _item$tagProps === void 0 ? void 0 : _item$tagProps.closable) !== null && _item$tagProps$closab !== void 0 ? _item$tagProps$closab : item.closable);
 		};
 		const getSlotData = (item) => item.raw;
 		const updateValue = (value, event) => {
@@ -237,6 +247,8 @@ var input_tag_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 		};
 		const handleRemove = (value, index, event) => {
 			var _computedValue$value;
+			const item = valueData.value[index];
+			if (!item || !isClosableTag(item)) return;
 			updateValue((_computedValue$value = computedValue.value) === null || _computedValue$value === void 0 ? void 0 : _computedValue$value.filter((_, itemIndex) => itemIndex !== index), event);
 			emit("remove", value, event);
 		};
@@ -246,10 +258,9 @@ var input_tag_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 		};
 		const showClearBtn = computed(() => !mergedDisabled.value && !props.readonly && mergedAllowClear.value && Boolean(computedValue.value.length));
 		const handlePressEnter = (event) => {
-			var _computedValue$value2;
 			if (!computedInputValue.value) return;
 			event.preventDefault();
-			if (props.uniqueValue && ((_computedValue$value2 = computedValue.value) === null || _computedValue$value2 === void 0 ? void 0 : _computedValue$value2.includes(computedInputValue.value))) {
+			if (props.uniqueValue && valueData.value.some((item) => item.value === computedInputValue.value)) {
 				emit("pressEnter", computedInputValue.value, event);
 				return;
 			}
@@ -266,12 +277,12 @@ var input_tag_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 		const handleBlur = (event) => {
 			var _eventHandlers$value4, _eventHandlers$value5;
 			innerFocused.value = false;
-			if (!retainInputValue.value.blur && computedInputValue.value) updateInputValue("", event);
+			if (!replacingInput && !retainInputValue.value.blur && computedInputValue.value) updateInputValue("", event);
 			emit("blur", event);
 			(_eventHandlers$value4 = eventHandlers.value) === null || _eventHandlers$value4 === void 0 || (_eventHandlers$value5 = _eventHandlers$value4.onBlur) === null || _eventHandlers$value5 === void 0 || _eventHandlers$value5.call(_eventHandlers$value4, event);
 		};
 		const getLastClosableIndex = () => {
-			for (let index = valueData.value.length - 1; index >= 0; index -= 1) if (valueData.value[index].closable) return index;
+			for (let index = valueData.value.length - 1; index >= 0; index -= 1) if (isClosableTag(valueData.value[index])) return index;
 			return -1;
 		};
 		const handleKeyDown = (event) => {
@@ -296,6 +307,9 @@ var input_tag_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 		watch(computedInputValue, (value) => {
 			if (inputRef.value && !isComposition.value && value !== inputRef.value.value) inputRef.value.value = value;
 		});
+		watch(inputRef, (input) => {
+			if (input) input.value = computedInputValue.value;
+		});
 		const cls = computed(() => [
 			prefixCls,
 			`${prefixCls}-size-${mergedSize.value}`,
@@ -329,12 +343,12 @@ var input_tag_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 			}) : _objectSpread2(_objectSpread2({}, inputStyle), {}, { width });
 		});
 		const focus = () => {
-			var _inputRef$value;
-			return (_inputRef$value = inputRef.value) === null || _inputRef$value === void 0 ? void 0 : _inputRef$value.focus();
+			var _inputRef$value2;
+			return (_inputRef$value2 = inputRef.value) === null || _inputRef$value2 === void 0 ? void 0 : _inputRef$value2.focus();
 		};
 		const blur = () => {
-			var _inputRef$value2;
-			return (_inputRef$value2 = inputRef.value) === null || _inputRef$value2 === void 0 ? void 0 : _inputRef$value2.blur();
+			var _inputRef$value3;
+			return (_inputRef$value3 = inputRef.value) === null || _inputRef$value3 === void 0 ? void 0 : _inputRef$value3.blur();
 		};
 		__expose({
 			inputRef,
@@ -388,11 +402,13 @@ var input_tag_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 							default: withCtx(() => [(openBlock(), createBlock(unref(Tag), mergeProps({
 								key: `tag-${item.value}`,
 								class: `${unref(prefixCls)}-tag`,
-								closable: isClosableTag(item),
 								visible: "",
 								nowrap: "",
 								ellipsis: !_ctx.$slots.tag
-							}, item.tagProps, { onClose: ($event) => handleRemove(item.value, index, $event) }), {
+							}, item.tagProps, {
+								closable: isClosableTag(item),
+								onClose: ($event) => handleRemove(item.value, index, $event)
+							}), {
 								default: withCtx(() => [createVNode(unref(ReuseTagContent), {
 									item,
 									index,
@@ -401,8 +417,8 @@ var input_tag_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 								_: 2
 							}, 1040, [
 								"class",
-								"closable",
 								"ellipsis",
+								"closable",
 								"onClose"
 							]))]),
 							_: 2
@@ -449,11 +465,13 @@ var input_tag_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 							return openBlock(), createBlock(unref(Tag), mergeProps({
 								key: `tag-${item.value}`,
 								class: [`${unref(prefixCls)}-tag`, { [`${unref(prefixCls)}-tag-counter`]: isOverflowCounterTag(item.value) }],
-								closable: isClosableTag(item),
 								visible: "",
 								ellipsis: !_ctx.$slots.tag,
 								nowrap: props.tagNowrap || isResponsiveMaxTagCount.value
-							}, { ref_for: true }, item.tagProps, { onClose: ($event) => handleRemove(item.value, index, $event) }), {
+							}, { ref_for: true }, item.tagProps, {
+								closable: isClosableTag(item),
+								onClose: ($event) => handleRemove(item.value, index, $event)
+							}), {
 								default: withCtx(() => [createVNode(unref(ReuseTagContent), {
 									item,
 									index,
@@ -462,9 +480,9 @@ var input_tag_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 								_: 2
 							}, 1040, [
 								"class",
-								"closable",
 								"ellipsis",
 								"nowrap",
+								"closable",
 								"onClose"
 							]);
 						}), 128)), createElementVNode("input", mergeProps({

package/es/input-tag/utils.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { isNumber, isObject } from "../_utils/is.js";
 //#region components/input-tag/utils.ts
 var getValueData = (value, fieldNames) => {

package/es/json-form/json-form-component.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { JSON_FORM_COMPONENT_TYPES } from "./types.js";
 import { mergeJsonFormClassName, shouldStretchJsonFormControl } from "./utils.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createSlots, createTextVNode, defineComponent, guardReactiveProps, mergeModels, mergeProps, normalizeProps, openBlock, renderList, renderSlot, resolveDynamicComponent, toDisplayString, toHandlers, useModel, useSlots, withCtx } from "vue";
@@ -47,7 +47,7 @@ var json_form_component_vue_vue_type_script_setup_true_lang_default = /*@__PURE_
 		});
 		const mergedComponentProps = computed(() => {
 			const componentProps = _objectSpread2({}, props.schema.componentProps);
-			if (!componentProps.placeholder && defaultPlaceholder.value) componentProps.placeholder = defaultPlaceholder.value;
+			if (componentProps.placeholder === void 0 && defaultPlaceholder.value) componentProps.placeholder = defaultPlaceholder.value;
 			componentProps.class = mergeJsonFormClassName(componentProps.class, shouldStretchJsonFormControl(props.schema.type) ? `${props.prefixCls}-control` : `${props.prefixCls}-control--inline`);
 			return componentProps;
 		});
@@ -72,7 +72,7 @@ var json_form_component_vue_vue_type_script_setup_true_lang_default = /*@__PURE_
 			}, mergedComponentProps.value, toHandlers((_props$schema$compone3 = __props.schema.componentEvents) !== null && _props$schema$compone3 !== void 0 ? _props$schema$compone3 : {})), createSlots({
 				default: withCtx(() => [showCheckboxLabel.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(checkboxLabel.value), 1)], 64)) : createCommentVNode("", true)]),
 				_: 2
-			}, [renderList(forwardedSlotNames.value, (_, name) => {
+			}, [renderList(forwardedSlotNames.value, (name) => {
 				return {
 					name,
 					fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps)))])

package/es/json-form/json-form-item.vue_vue_type_script_setup_true_lang.js

@@ -1,9 +1,9 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import grid_col_default from "../grid/grid-col.js";
 import grid_row_default from "../grid/grid-row.js";
 import form_item_default from "../form/form-item.js";
 import { JSON_FORM_COMPONENT_TYPES } from "./types.js";
-import { getJsonFormValue, setJsonFormValue } from "./utils.js";
+import { getJsonFormValue, parseJsonFormPath, setJsonFormValue } from "./utils.js";
 import json_form_component_default from "./json-form-component.js";
 import { Fragment, computed, createBlock, createElementBlock, createSlots, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderList, renderSlot, resolveComponent, resolveDynamicComponent, toHandlers, unref, useSlots, withCtx } from "vue";
 //#region components/json-form/json-form-item.vue?vue&type=script&setup=true&lang.ts
@@ -33,7 +33,10 @@ var json_form_item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 		const props = __props;
 		const emit = __emit;
 		const normalizedField = computed(() => {
-			return props.adapter === "a2ui-0.9.1" ? props.schema.field.replace(/^\//, "").replaceAll("/", ".") : props.schema.field;
+			if (props.adapter !== "a2ui-0.9.1") return props.schema.field;
+			const segments = parseJsonFormPath(props.schema.field, props.adapter);
+			if (segments.some((segment) => !segment || /[.[\]]/.test(segment))) return segments.map((segment) => `["${segment.replaceAll("\\", "\\\\").replaceAll("\"", "\\\"")}"]`).join("");
+			return segments.join(".");
 		});
 		const fieldModel = computed({
 			get() {

package/es/json-form/json-form.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
 import { configProviderInjectionKey } from "../config-provider/context.js";
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import form_default from "../form/form.js";
 import { JSON_FORM_ADAPTERS } from "./types.js";

package/es/json-form/utils.js

@@ -1,9 +1,10 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import input_password_default from "../input/input-password.js";
 import input_search_default from "../input/input-search.js";
 import Input from "../input/index.js";
 import AutoComplete from "../auto-complete/index.js";
+import { hasUnsafePathSegment } from "../_utils/get-value-by-path.js";
 import checkbox_group_default from "../checkbox/checkbox-group.js";
 import Checkbox from "../checkbox/index.js";
 import radio_group_default from "../radio/radio-group.js";
@@ -86,6 +87,7 @@ function parseJsonFormPath(path, adapter = "default") {
 }
 function getJsonFormValue(model, path, adapter = "default") {
 	const segments = parseJsonFormPath(path, adapter);
+	if (hasUnsafePathSegment(segments)) return void 0;
 	let current = model;
 	for (const segment of segments) {
 		if (!isPlainObject(current) && !Array.isArray(current)) return;
@@ -96,7 +98,7 @@ function getJsonFormValue(model, path, adapter = "default") {
 function setJsonFormValue(model, path, value, adapter = "default") {
 	if (!model) return;
 	const segments = parseJsonFormPath(path, adapter);
-	if (segments.length === 0) return;
+	if (segments.length === 0 || hasUnsafePathSegment(segments)) return;
 	let current = model;
 	for (const segment of segments.slice(0, -1)) {
 		const nextValue = current[segment];

package/es/kv-list/kv-list-row.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { useI18n } from "../locale/index.js";
 import input_password_default from "../input/input-password.js";