@sdata/web-vue 3.30.0 → 4.0.0

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

@@ -0,0 +1,384 @@
+import { useFormItem } from "../_hooks/use-form-item.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.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";
+import { useI18n } from "../locale/index.js";
+import { useAllowClear } from "../_hooks/use-allow-clear.js";
+import { useSize } from "../_hooks/use-size.js";
+import Button from "../button/index.js";
+import Input from "../input/index.js";
+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 { 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
+var _hoisted_1 = ["aria-label", "disabled"];
+var _hoisted_2 = ["aria-label", "disabled"];
+var FIRST_DELAY = 800;
+var SPEED = 150;
+var input_number_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "InputNumber" }), {}, {
+	__name: "input-number",
+	props: {
+		modelValue: [String, Number],
+		defaultValue: [String, Number],
+		mode: {
+			type: String,
+			default: "embed"
+		},
+		precision: Number,
+		step: {
+			type: Number,
+			default: 1
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		error: {
+			type: Boolean,
+			default: false
+		},
+		max: {
+			type: Number,
+			default: Infinity
+		},
+		min: {
+			type: Number,
+			default: -Infinity
+		},
+		formatter: Function,
+		parser: Function,
+		placeholder: String,
+		fitWidth: {
+			type: Boolean,
+			default: false
+		},
+		maxWFull: {
+			type: Boolean,
+			default: true
+		},
+		hideButton: {
+			type: Boolean,
+			default: false
+		},
+		size: String,
+		allowClear: {
+			type: Boolean,
+			default: false
+		},
+		modelEvent: {
+			type: String,
+			default: "change"
+		},
+		readonly: {
+			type: [Boolean, String],
+			default: false
+		},
+		inputAttrs: Object
+	},
+	emits: {
+		"update:modelValue": (_value) => true,
+		"change": (_value, _event) => true,
+		"focus": (_event) => true,
+		"blur": (_event) => true,
+		"clear": (_event) => true,
+		"input": (_value, _inputValue, _event) => true,
+		"keydown": (_event) => true
+	},
+	setup(__props, { expose: __expose, emit: __emit }) {
+		var _props$modelValue, _props$modelValue2;
+		NP.enableBoundaryChecking(false);
+		const props = __props;
+		const emit = __emit;
+		const slots = useSlots();
+		const { t } = useI18n();
+		const prefixCls = getPrefixCls("input-number");
+		const inputRef = ref();
+		const { mergedSize: formSize, mergedDisabled, eventHandlers } = useFormItem({
+			size: toRef(props, "size"),
+			disabled: toRef(props, "disabled")
+		});
+		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 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);
+			}
+		});
+		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;
+			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;
+		};
+		const getStringValue = (number) => {
+			var _props$formatter, _props$formatter2;
+			if (!isNumber(number)) return "";
+			const value = mergedPrecision.value ? number.toFixed(mergedPrecision.value) : String(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;
+				const parsed = getNumberValue(value);
+				return isNumber(parsed) ? getStringValue(parsed) : value;
+			}
+			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 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);
+		let repeatTimer = 0;
+		const clearRepeatTimer = () => {
+			if (repeatTimer) {
+				window.clearTimeout(repeatTimer);
+				repeatTimer = 0;
+			}
+		};
+		const getLegalValue = (value) => {
+			if (isUndefined(value)) return void 0;
+			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;
+		};
+		const updateNumberStatus = (number) => {
+			isMin.value = isNumber(number) && number <= props.min;
+			isMax.value = isNumber(number) && number >= props.max;
+		};
+		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));
+		};
+		watch(() => [props.max, props.min], () => {
+			handleExceedRange();
+			updateNumberStatus(valueNumber.value);
+		});
+		const nextStep = (method, event) => {
+			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);
+			updateNumberStatus(nextValue);
+			const emittedValue = getModelValue(nextValue);
+			emit("update:modelValue", emittedValue);
+			emit("change", emittedValue, event);
+		};
+		const handleStepButton = (event, method, needRepeat = false) => {
+			var _inputRef$value;
+			event.preventDefault();
+			if (props.readonly) 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);
+		};
+		const handleInput = (value, event) => {
+			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))) {
+				var _props$formatter3, _props$formatter4;
+				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);
+				emit("input", emittedValue, innerValue.value, event);
+				if (props.modelEvent === "input") {
+					emit("update:modelValue", emittedValue);
+					emit("change", emittedValue, event);
+				}
+			}
+		};
+		const handleFocus = (event) => emit("focus", event);
+		const handleChange = (value, event) => {
+			if (event instanceof MouseEvent && !value) return;
+			handleExceedRange();
+			emit("change", getModelValue(valueNumber.value), event);
+		};
+		const handleBlur = (event) => emit("blur", event);
+		const handleClear = (event) => {
+			var _eventHandlers$value, _eventHandlers$value$;
+			innerValue.value = "";
+			const emittedValue = getModelValue(void 0);
+			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);
+			emit("clear", event);
+		};
+		const keyDownHandler = getKeyDownHandler(/* @__PURE__ */ new Map([[KEYBOARD_KEY.ARROW_UP, (event) => {
+			event.preventDefault();
+			if (!props.readonly) nextStep("plus", event);
+		}], [KEYBOARD_KEY.ARROW_DOWN, (event) => {
+			event.preventDefault();
+			if (!props.readonly) nextStep("minus", event);
+		}]]));
+		const onKeyDown = (event) => {
+			emit("keydown", event);
+			if (!event.defaultPrevented) keyDownHandler(event);
+		};
+		watch(() => props.modelValue, (value) => {
+			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);
+				updateNumberStatus(nextNumberValue);
+			} else if (value === "" && innerValue.value !== "") {
+				innerValue.value = "";
+				updateNumberStatus(void 0);
+			}
+		});
+		const cls = computed(() => [
+			prefixCls,
+			`${prefixCls}-mode-${props.mode}`,
+			`${prefixCls}-size-${mergedSize.value}`,
+			{ [`${prefixCls}-readonly`]: props.readonly }
+		]);
+		const focus = () => {
+			var _inputRef$value2;
+			return (_inputRef$value2 = inputRef.value) === null || _inputRef$value2 === void 0 ? void 0 : _inputRef$value2.focus();
+		};
+		const blur = () => {
+			var _inputRef$value3;
+			return (_inputRef$value3 = inputRef.value) === null || _inputRef$value3 === void 0 ? void 0 : _inputRef$value3.blur();
+		};
+		__expose({
+			inputRef,
+			focus,
+			blur
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Input), {
+				key: `__arco__${props.mode}`,
+				ref_key: "inputRef",
+				ref: inputRef,
+				class: normalizeClass(cls.value),
+				type: "text",
+				"allow-clear": unref(mergedAllowClear),
+				size: unref(mergedSize),
+				"model-value": innerValue.value,
+				placeholder: props.placeholder,
+				"fit-width": props.fitWidth,
+				"max-w-full": props.maxWFull,
+				"fit-width-fallback": "2ch",
+				disabled: unref(mergedDisabled),
+				readonly: props.readonly,
+				error: props.error,
+				"input-attrs": _objectSpread2({
+					"role": "spinbutton",
+					"aria-valuemax": props.max,
+					"aria-valuemin": props.min,
+					"aria-valuenow": innerValue.value
+				}, props.inputAttrs),
+				onInput: handleInput,
+				onFocus: handleFocus,
+				onBlur: handleBlur,
+				onClear: handleClear,
+				onChange: handleChange,
+				onKeydown: onKeyDown
+			}, createSlots({ _: 2 }, [
+				(props.mode === "embed" ? unref(slots).prepend : !props.hideButton || unref(slots).prepend) ? {
+					name: "prepend",
+					fn: withCtx(() => [props.mode === "embed" || props.hideButton ? renderSlot(_ctx.$slots, "prepend", {}, void 0, void 0, 0) : (openBlock(), createBlock(unref(Button), {
+						key: 1,
+						size: unref(mergedSize),
+						"aria-label": unref(t)("a11y.decrease"),
+						class: normalizeClass(`${unref(prefixCls)}-step-button`),
+						disabled: unref(mergedDisabled) || isMin.value,
+						tabindex: "-1",
+						onMousedown: _cache[0] || (_cache[0] = ($event) => handleStepButton($event, "minus", true)),
+						onMouseup: clearRepeatTimer,
+						onMouseleave: clearRepeatTimer
+					}, {
+						icon: withCtx(() => [createVNode(unref(IconMinus))]),
+						_: 1
+					}, 8, [
+						"size",
+						"aria-label",
+						"class",
+						"disabled"
+					]))]),
+					key: "0"
+				} : void 0,
+				unref(slots).prefix ? {
+					name: "prefix",
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "prefix")]),
+					key: "1"
+				} : void 0,
+				(props.mode === "button" ? unref(slots).suffix : !props.hideButton || unref(slots).suffix) ? {
+					name: "suffix",
+					fn: withCtx(() => [props.mode === "button" || props.hideButton ? renderSlot(_ctx.$slots, "suffix", {}, void 0, void 0, 0) : !props.readonly ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [unref(slots).suffix ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						class: normalizeClass(`${unref(prefixCls)}-suffix`)
+					}, [renderSlot(_ctx.$slots, "suffix")], 2)) : createCommentVNode("", true), createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-step`) }, [createElementVNode("button", {
+						class: normalizeClass([`${unref(prefixCls)}-step-button`, { [`${unref(prefixCls)}-step-button-disabled`]: unref(mergedDisabled) || isMax.value }]),
+						type: "button",
+						tabindex: "-1",
+						"aria-label": unref(t)("a11y.increase"),
+						disabled: unref(mergedDisabled) || isMax.value,
+						onMousedown: _cache[1] || (_cache[1] = ($event) => handleStepButton($event, "plus", true)),
+						onMouseup: clearRepeatTimer,
+						onMouseleave: clearRepeatTimer
+					}, [renderSlot(_ctx.$slots, "plus", {}, () => [createVNode(unref(IconUp))])], 42, _hoisted_1), createElementVNode("button", {
+						class: normalizeClass([`${unref(prefixCls)}-step-button`, { [`${unref(prefixCls)}-step-button-disabled`]: unref(mergedDisabled) || isMin.value }]),
+						type: "button",
+						tabindex: "-1",
+						"aria-label": unref(t)("a11y.decrease"),
+						disabled: unref(mergedDisabled) || isMin.value,
+						onMousedown: _cache[2] || (_cache[2] = ($event) => handleStepButton($event, "minus", true)),
+						onMouseup: clearRepeatTimer,
+						onMouseleave: clearRepeatTimer
+					}, [renderSlot(_ctx.$slots, "minus", {}, () => [createVNode(unref(IconDown))])], 42, _hoisted_2)], 2)], 64)) : createCommentVNode("", true)]),
+					key: "2"
+				} : void 0,
+				(props.mode === "embed" ? unref(slots).append : !props.hideButton || unref(slots).append) ? {
+					name: "append",
+					fn: withCtx(() => [props.mode === "embed" || props.hideButton ? renderSlot(_ctx.$slots, "append", {}, void 0, void 0, 0) : (openBlock(), createBlock(unref(Button), {
+						key: 1,
+						size: unref(mergedSize),
+						"aria-label": unref(t)("a11y.increase"),
+						class: normalizeClass(`${unref(prefixCls)}-step-button`),
+						disabled: unref(mergedDisabled) || isMax.value,
+						tabindex: "-1",
+						onMousedown: _cache[3] || (_cache[3] = ($event) => handleStepButton($event, "plus", true)),
+						onMouseup: clearRepeatTimer,
+						onMouseleave: clearRepeatTimer
+					}, {
+						icon: withCtx(() => [createVNode(unref(IconPlus))]),
+						_: 1
+					}, 8, [
+						"size",
+						"aria-label",
+						"class",
+						"disabled"
+					]))]),
+					key: "3"
+				} : void 0
+			]), 1032, [
+				"class",
+				"allow-clear",
+				"size",
+				"model-value",
+				"placeholder",
+				"fit-width",
+				"max-w-full",
+				"disabled",
+				"readonly",
+				"error",
+				"input-attrs"
+			]);
+		};
+	}
+}));
+//#endregion
+export { input_number_vue_vue_type_script_setup_true_lang_default as default };

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

@@ -1,11 +1,9 @@
 import type { App } from 'vue';
 import type { SDOptions } from '../_utils/types';
-import _InputTag from './input-tag';
+import _InputTag from './input-tag.vue';
 declare const InputTag: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-        modelValue: {
-            type: import("vue").PropType<(string | number | import("./interface").TagData)[]>;
-        };
+        modelValue: import("vue").PropType<(string | number | import("./interface").TagData)[]>;
         defaultValue: {
             type: import("vue").PropType<(string | number | import("./interface").TagData)[]>;
             default: () => never[];
@@ -40,9 +38,7 @@ declare const InputTag: {
             type: BooleanConstructor;
             default: boolean;
         };
-        size: {
-            type: import("vue").PropType<import("..").Size>;
-        };
+        size: import("vue").PropType<import("../index.ts").Size>;
         maxTagCount: {
             type: import("vue").PropType<number | "responsive">;
             default: number;
@@ -54,16 +50,12 @@ declare const InputTag: {
             }>;
             default: boolean;
         };
-        formatTag: {
-            type: import("vue").PropType<(data: import("./interface").TagData) => string>;
-        };
+        formatTag: import("vue").PropType<(data: import("./interface").TagData) => string>;
         uniqueValue: {
             type: BooleanConstructor;
             default: boolean;
         };
-        fieldNames: {
-            type: import("vue").PropType<import("./interface").InputTagFieldNames>;
-        };
+        fieldNames: import("vue").PropType<import("./interface").InputTagFieldNames>;
         tagNowrap: {
             type: BooleanConstructor;
             default: boolean;
@@ -74,31 +66,29 @@ declare const InputTag: {
         uninjectFormItemContext: BooleanConstructor;
         inputAttrs: import("vue").PropType<Record<string, unknown>>;
     }>> & Readonly<{
-        onClear?: ((_ev: MouseEvent) => any) | undefined;
-        onFocus?: ((_ev: FocusEvent) => any) | undefined;
-        onBlur?: ((_ev: FocusEvent) => any) | undefined;
-        onChange?: ((_value: (string | number | import("./interface").TagData)[], _ev: Event) => any) | undefined;
+        onClear?: ((_event: MouseEvent) => any) | undefined;
+        onFocus?: ((_event: FocusEvent) => any) | undefined;
+        onBlur?: ((_event: FocusEvent) => any) | undefined;
+        onChange?: ((_value: (string | number | import("./interface").TagData)[], _event: Event) => any) | undefined;
         "onUpdate:modelValue"?: ((_value: (string | number | import("./interface").TagData)[]) => any) | undefined;
-        onPressEnter?: ((_inputValue: string, _ev: KeyboardEvent) => any) | undefined;
+        onPressEnter?: ((_inputValue: string, _event: KeyboardEvent) => any) | undefined;
         "onUpdate:inputValue"?: ((_inputValue: string) => any) | undefined;
-        onInputValueChange?: ((_inputValue: string, _ev: Event) => any) | undefined;
-        onRemove?: ((_removed: string | number, _ev: Event) => any) | undefined;
+        onInputValueChange?: ((_inputValue: string, _event: Event) => any) | undefined;
+        onRemove?: ((_removed: string | number, _event: Event) => any) | undefined;
     }>, {
         inputRef: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
-        render: () => import("vue/jsx-runtime").JSX.Element;
-    }, {}, {}, {
-        focus(): void;
-        blur(): void;
-    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        'update:modelValue': (_value: (string | number | import("./interface").TagData)[]) => true;
-        'update:inputValue': (_inputValue: string) => true;
-        change: (_value: (string | number | import("./interface").TagData)[], _ev: Event) => true;
-        inputValueChange: (_inputValue: string, _ev: Event) => true;
-        pressEnter: (_inputValue: string, _ev: KeyboardEvent) => true;
-        remove: (_removed: string | number, _ev: Event) => true;
-        clear: (_ev: MouseEvent) => true;
-        focus: (_ev: FocusEvent) => true;
-        blur: (_ev: FocusEvent) => true;
+        focus: () => void | undefined;
+        blur: () => void | undefined;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        clear: (_event: MouseEvent) => void;
+        focus: (_event: FocusEvent) => void;
+        blur: (_event: FocusEvent) => void;
+        change: (_value: (string | number | import("./interface").TagData)[], _event: Event) => void;
+        "update:modelValue": (_value: (string | number | import("./interface").TagData)[]) => void;
+        pressEnter: (_inputValue: string, _event: KeyboardEvent) => void;
+        "update:inputValue": (_inputValue: string) => void;
+        inputValueChange: (_inputValue: string, _event: Event) => void;
+        remove: (_removed: string | number, _event: Event) => void;
     }, import("vue").PublicProps, {
         disabled: boolean;
         error: boolean;
@@ -126,9 +116,7 @@ declare const InputTag: {
         M: {};
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
-        modelValue: {
-            type: import("vue").PropType<(string | number | import("./interface").TagData)[]>;
-        };
+        modelValue: import("vue").PropType<(string | number | import("./interface").TagData)[]>;
         defaultValue: {
             type: import("vue").PropType<(string | number | import("./interface").TagData)[]>;
             default: () => never[];
@@ -163,9 +151,7 @@ declare const InputTag: {
             type: BooleanConstructor;
             default: boolean;
         };
-        size: {
-            type: import("vue").PropType<import("..").Size>;
-        };
+        size: import("vue").PropType<import("../index.ts").Size>;
         maxTagCount: {
             type: import("vue").PropType<number | "responsive">;
             default: number;
@@ -177,16 +163,12 @@ declare const InputTag: {
             }>;
             default: boolean;
         };
-        formatTag: {
-            type: import("vue").PropType<(data: import("./interface").TagData) => string>;
-        };
+        formatTag: import("vue").PropType<(data: import("./interface").TagData) => string>;
         uniqueValue: {
             type: BooleanConstructor;
             default: boolean;
         };
-        fieldNames: {
-            type: import("vue").PropType<import("./interface").InputTagFieldNames>;
-        };
+        fieldNames: import("vue").PropType<import("./interface").InputTagFieldNames>;
         tagNowrap: {
             type: BooleanConstructor;
             default: boolean;
@@ -197,22 +179,20 @@ declare const InputTag: {
         uninjectFormItemContext: BooleanConstructor;
         inputAttrs: import("vue").PropType<Record<string, unknown>>;
     }>> & Readonly<{
-        onClear?: ((_ev: MouseEvent) => any) | undefined;
-        onFocus?: ((_ev: FocusEvent) => any) | undefined;
-        onBlur?: ((_ev: FocusEvent) => any) | undefined;
-        onChange?: ((_value: (string | number | import("./interface").TagData)[], _ev: Event) => any) | undefined;
+        onClear?: ((_event: MouseEvent) => any) | undefined;
+        onFocus?: ((_event: FocusEvent) => any) | undefined;
+        onBlur?: ((_event: FocusEvent) => any) | undefined;
+        onChange?: ((_value: (string | number | import("./interface").TagData)[], _event: Event) => any) | undefined;
         "onUpdate:modelValue"?: ((_value: (string | number | import("./interface").TagData)[]) => any) | undefined;
-        onPressEnter?: ((_inputValue: string, _ev: KeyboardEvent) => any) | undefined;
+        onPressEnter?: ((_inputValue: string, _event: KeyboardEvent) => any) | undefined;
         "onUpdate:inputValue"?: ((_inputValue: string) => any) | undefined;
-        onInputValueChange?: ((_inputValue: string, _ev: Event) => any) | undefined;
-        onRemove?: ((_removed: string | number, _ev: Event) => any) | undefined;
+        onInputValueChange?: ((_inputValue: string, _event: Event) => any) | undefined;
+        onRemove?: ((_removed: string | number, _event: Event) => any) | undefined;
     }>, {
         inputRef: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
-        render: () => import("vue/jsx-runtime").JSX.Element;
-    }, {}, {}, {
-        focus(): void;
-        blur(): void;
-    }, {
+        focus: () => void | undefined;
+        blur: () => void | undefined;
+    }, {}, {}, {}, {
         disabled: boolean;
         error: boolean;
         readonly: string | boolean;
@@ -236,9 +216,7 @@ declare const InputTag: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    modelValue: {
-        type: import("vue").PropType<(string | number | import("./interface").TagData)[]>;
-    };
+    modelValue: import("vue").PropType<(string | number | import("./interface").TagData)[]>;
     defaultValue: {
         type: import("vue").PropType<(string | number | import("./interface").TagData)[]>;
         default: () => never[];
@@ -273,9 +251,7 @@ declare const InputTag: {
         type: BooleanConstructor;
         default: boolean;
     };
-    size: {
-        type: import("vue").PropType<import("..").Size>;
-    };
+    size: import("vue").PropType<import("../index.ts").Size>;
     maxTagCount: {
         type: import("vue").PropType<number | "responsive">;
         default: number;
@@ -287,16 +263,12 @@ declare const InputTag: {
         }>;
         default: boolean;
     };
-    formatTag: {
-        type: import("vue").PropType<(data: import("./interface").TagData) => string>;
-    };
+    formatTag: import("vue").PropType<(data: import("./interface").TagData) => string>;
     uniqueValue: {
         type: BooleanConstructor;
         default: boolean;
     };
-    fieldNames: {
-        type: import("vue").PropType<import("./interface").InputTagFieldNames>;
-    };
+    fieldNames: import("vue").PropType<import("./interface").InputTagFieldNames>;
     tagNowrap: {
         type: BooleanConstructor;
         default: boolean;
@@ -307,31 +279,29 @@ declare const InputTag: {
     uninjectFormItemContext: BooleanConstructor;
     inputAttrs: import("vue").PropType<Record<string, unknown>>;
 }>> & Readonly<{
-    onClear?: ((_ev: MouseEvent) => any) | undefined;
-    onFocus?: ((_ev: FocusEvent) => any) | undefined;
-    onBlur?: ((_ev: FocusEvent) => any) | undefined;
-    onChange?: ((_value: (string | number | import("./interface").TagData)[], _ev: Event) => any) | undefined;
+    onClear?: ((_event: MouseEvent) => any) | undefined;
+    onFocus?: ((_event: FocusEvent) => any) | undefined;
+    onBlur?: ((_event: FocusEvent) => any) | undefined;
+    onChange?: ((_value: (string | number | import("./interface").TagData)[], _event: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((_value: (string | number | import("./interface").TagData)[]) => any) | undefined;
-    onPressEnter?: ((_inputValue: string, _ev: KeyboardEvent) => any) | undefined;
+    onPressEnter?: ((_inputValue: string, _event: KeyboardEvent) => any) | undefined;
     "onUpdate:inputValue"?: ((_inputValue: string) => any) | undefined;
-    onInputValueChange?: ((_inputValue: string, _ev: Event) => any) | undefined;
-    onRemove?: ((_removed: string | number, _ev: Event) => any) | undefined;
+    onInputValueChange?: ((_inputValue: string, _event: Event) => any) | undefined;
+    onRemove?: ((_removed: string | number, _event: Event) => any) | undefined;
 }>, {
     inputRef: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
-    render: () => import("vue/jsx-runtime").JSX.Element;
-}, {}, {}, {
-    focus(): void;
-    blur(): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    'update:modelValue': (_value: (string | number | import("./interface").TagData)[]) => true;
-    'update:inputValue': (_inputValue: string) => true;
-    change: (_value: (string | number | import("./interface").TagData)[], _ev: Event) => true;
-    inputValueChange: (_inputValue: string, _ev: Event) => true;
-    pressEnter: (_inputValue: string, _ev: KeyboardEvent) => true;
-    remove: (_removed: string | number, _ev: Event) => true;
-    clear: (_ev: MouseEvent) => true;
-    focus: (_ev: FocusEvent) => true;
-    blur: (_ev: FocusEvent) => true;
+    focus: () => void | undefined;
+    blur: () => void | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    clear: (_event: MouseEvent) => void;
+    focus: (_event: FocusEvent) => void;
+    blur: (_event: FocusEvent) => void;
+    change: (_value: (string | number | import("./interface").TagData)[], _event: Event) => void;
+    "update:modelValue": (_value: (string | number | import("./interface").TagData)[]) => void;
+    pressEnter: (_inputValue: string, _event: KeyboardEvent) => void;
+    "update:inputValue": (_inputValue: string) => void;
+    inputValueChange: (_inputValue: string, _event: Event) => void;
+    remove: (_removed: string | number, _event: Event) => void;
 }, string, {
     disabled: boolean;
     error: boolean;
@@ -351,7 +321,21 @@ declare const InputTag: {
     };
     uniqueValue: boolean;
     tagNowrap: boolean;
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        tag?: (props: {
+            data: Record<string, unknown> & import("./interface").TagDataInfo;
+        }) => any;
+    } & {
+        tag?: (props: {
+            data: Record<string, unknown> & import("./interface").TagDataInfo;
+        }) => any;
+    } & {
+        prefix?: (props: {}) => any;
+    } & {
+        suffix?: (props: {}) => any;
+    };
+}) & {
     install: (app: App, options?: SDOptions) => void;
 };
 export type InputTagInstance = InstanceType<typeof _InputTag>;