@v-c/input 1.0.2 → 1.1.0-rc.1

package/dist/BaseInput.js

@@ -2,10 +2,11 @@ import { hasAddon, hasPrefixSuffix } from "./utils/commonUtils.js";
 import { Fragment, computed, createVNode, defineComponent, isVNode, mergeProps, shallowRef } from "vue";
 import { clsx } from "@v-c/util";
 import { filterEmpty } from "@v-c/util/dist/props-util";
+//#region src/BaseInput.tsx
 function _isSlot(s) {
 	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
-var BaseInput_default = /* @__PURE__ */ defineComponent((props, { slots, expose, attrs }) => {
+var BaseInput = /* @__PURE__ */ defineComponent((props, { slots, expose, attrs }) => {
 	const containerRef = shallowRef();
 	const onInputClick = (e) => {
 		if (containerRef.value?.contains(e.target)) props?.triggerFocus?.();
@@ -30,21 +31,25 @@ var BaseInput_default = /* @__PURE__ */ defineComponent((props, { slots, expose,
 		if (hasAffix.value) {
 			let clearIcon = null;
 			if (allowClear) {
-				const needClear = !disabled && !readOnly && value;
+				const clearDisabled = typeof allowClear === "object" && allowClear?.disabled;
+				const needClear = !disabled && !readOnly && value && !clearDisabled;
 				const clearIconCls = `${prefixCls}-clear-icon`;
 				const iconNode = typeof allowClear === "object" && allowClear?.clearIcon ? allowClear.clearIcon : "✖";
 				clearIcon = createVNode("button", {
 					"type": "button",
 					"tabindex": -1,
+					"disabled": clearDisabled || void 0,
 					"onClick": (event) => {
+						if (clearDisabled) return;
 						handleReset?.(event);
 						onClear?.();
 					},
 					"onMousedown": (e) => e.preventDefault(),
-					"class": clsx(clearIconCls, {
+					"class": clsx(clearIconCls, classNames?.clear, {
 						[`${clearIconCls}-hidden`]: !needClear,
 						[`${clearIconCls}-has-suffix`]: !!suffix
-					})
+					}),
+					"style": styles?.clear
 				}, [iconNode]);
 			}
 			const affixWrapperPrefixCls = `${prefixCls}-affix-wrapper`;
@@ -227,4 +232,5 @@ var BaseInput_default = /* @__PURE__ */ defineComponent((props, { slots, expose,
 	name: "BaseInput",
 	inheritAttrs: false
 });
-export { BaseInput_default as default };
+//#endregion
+export { BaseInput as default };

package/dist/hooks/useCount.js

@@ -1,4 +1,8 @@
 import { computed } from "vue";
+//#region src/hooks/useCount.ts
+/**
+* Cut `value` by the `count.max` prop.
+*/
 function inCountRange(value, countConfig) {
 	if (!countConfig.max) return true;
 	return countConfig.strategy(value) <= countConfig.max;
@@ -20,4 +24,5 @@ function useCount(count, showCount) {
 		};
 	});
 }
+//#endregion
 export { useCount as default, inCountRange };

package/dist/index.js

@@ -1,6 +1,8 @@
 import { resolveOnChange } from "./utils/commonUtils.js";
-import BaseInput_default from "./BaseInput.js";
+import BaseInput from "./BaseInput.js";
 import useCount from "./hooks/useCount.js";
-import input_default from "./input.js";
-var src_default = input_default;
-export { BaseInput_default as BaseInput, src_default as default, resolveOnChange, useCount };
+import Input from "./input.js";
+//#region src/index.ts
+var src_default = Input;
+//#endregion
+export { BaseInput, src_default as default, resolveOnChange, useCount };

package/dist/input.js

@@ -1,5 +1,5 @@
 import { resolveOnChange } from "./utils/commonUtils.js";
-import BaseInput_default from "./BaseInput.js";
+import BaseInput from "./BaseInput.js";
 import useCount from "./hooks/useCount.js";
 import { Fragment, computed, createVNode, defineComponent, isVNode, mergeDefaults, mergeProps, shallowRef, watch } from "vue";
 import { clsx } from "@v-c/util";
@@ -7,6 +7,7 @@ import { toPropsRefs } from "@v-c/util/dist/props-util";
 import { triggerFocus } from "@v-c/util/dist/Dom/focus";
 import { KeyCodeStr } from "@v-c/util/dist/KeyCode";
 import omit from "@v-c/util/dist/omit";
+//#region src/input.tsx
 function _isSlot(s) {
 	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
@@ -14,10 +15,11 @@ var defaults = {
 	prefixCls: "vc-input",
 	type: "text"
 };
-var input_default = /* @__PURE__ */ defineComponent((props, { slots, expose, attrs }) => {
+var Input = /* @__PURE__ */ defineComponent((props, { slots, expose, attrs }) => {
 	const focused = shallowRef(false);
 	const compositionRef = shallowRef(false);
 	const keyLockRef = shallowRef(false);
+	const compositionEndValueRef = shallowRef(null);
 	const { count, showCount } = toPropsRefs(props, "count", "showCount");
 	const onChange = (e) => {
 		props?.onChange?.(e);
@@ -58,26 +60,34 @@ var input_default = /* @__PURE__ */ defineComponent((props, { slots, expose, att
 		if (keyLockRef.value) keyLockRef.value = false;
 		focused.value = focused.value && props.disabled ? false : focused.value;
 	}, { immediate: true });
-	const triggerChange = (e, currentValue, info) => {
+	const triggerChange = (e, currentValue) => {
+		if (compositionRef.value && !props.changeOnComposing) return;
+		if (compositionEndValueRef.value !== null) {
+			if (currentValue === compositionEndValueRef.value) return;
+			compositionEndValueRef.value = null;
+		}
 		let cutValue = currentValue;
 		const config = countConfig.value;
 		if (!compositionRef.value && config?.exceedFormatter && config.max && config.strategy(currentValue) > config.max) {
 			cutValue = config.exceedFormatter(currentValue, { max: config.max });
 			if (currentValue !== cutValue) selection.value = [inputRef.value?.selectionStart || 0, inputRef.value?.selectionEnd || 0];
-		} else if (info.source === "compositionEnd") return;
+		}
 		if (props.value === void 0) value.value = cutValue;
 		if (inputRef.value) resolveOnChange(inputRef.value, e, onChange, cutValue);
 	};
 	const onInternalChange = (e) => {
-		triggerChange(e, e.target.value, { source: "change" });
+		triggerChange(e, e.target.value);
 	};
 	const onInternalCompositionStart = (e) => {
 		compositionRef.value = true;
+		compositionEndValueRef.value = null;
 		props?.onCompositionStart?.(e);
 	};
 	const onInternalCompositionEnd = (e) => {
 		compositionRef.value = false;
-		triggerChange(e, e.target.value, { source: "compositionEnd" });
+		const currentValue = e.target.value;
+		if (!props.changeOnComposing && currentValue !== formatValue.value) triggerChange(e, currentValue);
+		if (!props.changeOnComposing) compositionEndValueRef.value = currentValue;
 		props?.onCompositionEnd?.(e);
 	};
 	const handleKeyDown = (e) => {
@@ -101,6 +111,7 @@ var input_default = /* @__PURE__ */ defineComponent((props, { slots, expose, att
 		props?.onBlur?.(e);
 	};
 	const handleReset = (e) => {
+		compositionEndValueRef.value = null;
 		if (props.value === void 0) value.value = "";
 		focus();
 		if (inputRef.value) resolveOnChange(inputRef.value, e, onChange);
@@ -168,7 +179,8 @@ var input_default = /* @__PURE__ */ defineComponent((props, { slots, expose, att
 			"onKeyUp",
 			"onCompositionStart",
 			"onCompositionEnd",
-			"onInput"
+			"onInput",
+			"changeOnComposing"
 		]), {
 			"autocomplete": autoComplete,
 			"ref": inputRef,
@@ -188,7 +200,7 @@ var input_default = /* @__PURE__ */ defineComponent((props, { slots, expose, att
 			"disabled": disabled,
 			"readonly": readOnly
 		}), null);
-		return createVNode(BaseInput_default, {
+		return createVNode(BaseInput, {
 			"ref": holderRef,
 			"value": formatValue.value,
 			"prefixCls": prefixCls,
@@ -333,6 +345,11 @@ var input_default = /* @__PURE__ */ defineComponent((props, { slots, expose, att
 			required: false,
 			default: void 0
 		},
+		changeOnComposing: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
 		components: {
 			type: Object,
 			required: false,
@@ -409,4 +426,5 @@ var input_default = /* @__PURE__ */ defineComponent((props, { slots, expose, att
 	name: "Input",
 	inheritAttrs: false
 });
-export { input_default as default };
+//#endregion
+export { Input as default };

package/dist/interface.d.ts

@@ -21,14 +21,17 @@ export interface CommonInputProps {
         groupWrapper?: string;
         wrapper?: string;
         variant?: string;
+        clear?: string;
     };
     styles?: {
         affixWrapper?: CSSProperties;
         prefix?: CSSProperties;
         suffix?: CSSProperties;
+        clear?: CSSProperties;
     };
     allowClear?: boolean | {
         clearIcon?: VueNode;
+        disabled?: boolean;
     };
 }
 type DataAttr = Record<`data-${string}`, string>;
@@ -102,6 +105,12 @@ export interface InputProps extends Omit<CommonInputProps, 'classNames' | 'style
     onKeyUp?: KeyboardEventHandler;
     onCompositionStart?: CompositionEventHandler;
     onCompositionEnd?: CompositionEventHandler;
+    /**
+     * Whether to trigger onChange during IME composition.
+     * When false (default), onChange only fires after compositionEnd with the final value.
+     * When true, onChange fires on every keystroke including intermediate IME values.
+     */
+    changeOnComposing?: boolean;
     components?: BaseInputProps['components'];
     dataAttrs?: BaseInputProps['dataAttrs'];
 }
@@ -113,7 +122,4 @@ export interface InputRef {
     input: HTMLInputElement | null;
     nativeElement: HTMLElement | null;
 }
-export interface ChangeEventInfo {
-    source: 'compositionEnd' | 'change';
-}
 export {};

package/dist/utils/commonUtils.js

@@ -1,4 +1,5 @@
 import { triggerFocus as triggerFocus$1 } from "@v-c/util/dist/Dom/focus";
+//#region src/utils/commonUtils.ts
 function createPatchedTarget(target, value) {
 	const patched = target.cloneNode(true);
 	patched.value = value;
@@ -45,5 +46,6 @@ function resolveOnChange(target, e, onChange, targetValue) {
 	}
 	onChange(e);
 }
-const triggerFocus = triggerFocus$1;
+var triggerFocus = triggerFocus$1;
+//#endregion
 export { hasAddon, hasPrefixSuffix, resolveOnChange, triggerFocus };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@v-c/input",
   "type": "module",
-  "version": "1.0.2",
+  "version": "1.1.0-rc.1",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -10,7 +10,7 @@
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
+      "default": "./dist/index.js"
     },
     "./dist/*": "./dist/*",
     "./package.json": "./package.json"
@@ -24,7 +24,7 @@
     "vue": "^3.0.0"
   },
   "dependencies": {
-    "@v-c/util": "^1.0.9"
+    "@v-c/util": "^1.0.19"
   },
   "scripts": {
     "build": "vite build",

package/dist/BaseInput.cjs

@@ -1,236 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_rolldown_runtime = require("./_virtual/rolldown_runtime.cjs");
-const require_commonUtils = require("./utils/commonUtils.cjs");
-let vue = require("vue");
-let _v_c_util = require("@v-c/util");
-let _v_c_util_dist_props_util = require("@v-c/util/dist/props-util");
-function _isSlot(s) {
-	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !(0, vue.isVNode)(s);
-}
-var BaseInput = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots, expose, attrs }) => {
-	const containerRef = (0, vue.shallowRef)();
-	const onInputClick = (e) => {
-		if (containerRef.value?.contains(e.target)) props?.triggerFocus?.();
-	};
-	const hasAffix = (0, vue.computed)(() => require_commonUtils.hasPrefixSuffix(props));
-	const groupRef = (0, vue.shallowRef)();
-	expose({ nativeElement: (0, vue.computed)(() => groupRef.value || containerRef.value) });
-	return () => {
-		const { components, allowClear, readOnly, disabled, value, prefixCls, handleReset, onClear, suffix, focused, classNames, styles, dataAttrs, prefix, addonAfter, addonBefore, hidden } = props;
-		let children = (0, _v_c_util_dist_props_util.filterEmpty)(slots?.default?.() ?? []);
-		if (children.length === 1) children = children[0];
-		else children = (0, vue.createVNode)(vue.Fragment, null, children);
-		const inputElement = children;
-		const AffixWrapperComponent = components?.affixWrapper || "span";
-		const GroupWrapperComponent = components?.groupWrapper || "span";
-		const WrapperComponent = components?.wrapper || "span";
-		const GroupAddonComponent = components?.groupAddon || "span";
-		let element = (0, vue.createVNode)(inputElement, {
-			value,
-			class: !hasAffix.value && classNames?.variant
-		});
-		if (hasAffix.value) {
-			let clearIcon = null;
-			if (allowClear) {
-				const needClear = !disabled && !readOnly && value;
-				const clearIconCls = `${prefixCls}-clear-icon`;
-				const iconNode = typeof allowClear === "object" && allowClear?.clearIcon ? allowClear.clearIcon : "✖";
-				clearIcon = (0, vue.createVNode)("button", {
-					"type": "button",
-					"tabindex": -1,
-					"onClick": (event) => {
-						handleReset?.(event);
-						onClear?.();
-					},
-					"onMousedown": (e) => e.preventDefault(),
-					"class": (0, _v_c_util.clsx)(clearIconCls, {
-						[`${clearIconCls}-hidden`]: !needClear,
-						[`${clearIconCls}-has-suffix`]: !!suffix
-					})
-				}, [iconNode]);
-			}
-			const affixWrapperPrefixCls = `${prefixCls}-affix-wrapper`;
-			const affixWrapperCls = (0, _v_c_util.clsx)(affixWrapperPrefixCls, {
-				[`${prefixCls}-disabled`]: disabled,
-				[`${affixWrapperPrefixCls}-disabled`]: disabled,
-				[`${affixWrapperPrefixCls}-focused`]: focused,
-				[`${affixWrapperPrefixCls}-readonly`]: readOnly,
-				[`${affixWrapperPrefixCls}-input-with-clear-btn`]: suffix && allowClear && value
-			}, classNames?.affixWrapper, classNames?.variant);
-			const suffixNode = (suffix || allowClear) && (0, vue.createVNode)("span", {
-				"class": (0, _v_c_util.clsx)(`${prefixCls}-suffix`, classNames?.suffix),
-				"style": styles?.suffix
-			}, [clearIcon, suffix]);
-			const _element = function() {
-				return element;
-			}();
-			element = (0, vue.createVNode)(AffixWrapperComponent, (0, vue.mergeProps)({
-				"class": affixWrapperCls,
-				"style": styles?.affixWrapper,
-				"onClick": onInputClick
-			}, dataAttrs?.affixWrapper, { "ref": containerRef }), { default: () => [
-				prefix && (0, vue.createVNode)("span", {
-					"class": (0, _v_c_util.clsx)(`${prefixCls}-prefix`, classNames?.prefix),
-					"style": styles?.prefix
-				}, [prefix]),
-				_element,
-				suffixNode
-			] });
-		}
-		if (require_commonUtils.hasAddon(props)) {
-			const wrapperCls = `${prefixCls}-group`;
-			const addonCls = `${wrapperCls}-addon`;
-			const groupWrapperCls = `${wrapperCls}-wrapper`;
-			const mergedWrapperClassName = (0, _v_c_util.clsx)(`${prefixCls}-wrapper`, wrapperCls, classNames?.wrapper);
-			const mergedGroupClassName = (0, _v_c_util.clsx)(groupWrapperCls, { [`${groupWrapperCls}-disabled`]: disabled }, classNames?.groupWrapper);
-			element = (0, vue.createVNode)(GroupWrapperComponent, {
-				"class": mergedGroupClassName,
-				"ref": groupRef
-			}, { default: () => [(0, vue.createVNode)(WrapperComponent, { "class": mergedWrapperClassName }, { default: () => [
-				addonBefore && (0, vue.createVNode)(GroupAddonComponent, { "class": addonCls }, _isSlot(addonBefore) ? addonBefore : { default: () => [addonBefore] }),
-				element,
-				addonAfter && (0, vue.createVNode)(GroupAddonComponent, { "class": addonCls }, _isSlot(addonAfter) ? addonAfter : { default: () => [addonAfter] })
-			] })] });
-		}
-		return (0, vue.createVNode)(element, {
-			...attrs,
-			hidden
-		});
-	};
-}, {
-	props: {
-		value: {
-			required: false,
-			default: void 0
-		},
-		prefixCls: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		disabled: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		focused: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		triggerFocus: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		readOnly: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		handleReset: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		onClear: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		hidden: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		dataAttrs: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		components: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		prefix: {
-			type: [
-				Object,
-				Function,
-				String,
-				Number,
-				null,
-				Boolean,
-				Array
-			],
-			required: false,
-			default: void 0
-		},
-		suffix: {
-			type: [
-				Object,
-				Function,
-				String,
-				Number,
-				null,
-				Boolean,
-				Array
-			],
-			required: false,
-			default: void 0
-		},
-		addonBefore: {
-			type: [
-				Object,
-				Function,
-				String,
-				Number,
-				null,
-				Boolean,
-				Array
-			],
-			required: false,
-			default: void 0
-		},
-		addonAfter: {
-			type: [
-				Object,
-				Function,
-				String,
-				Number,
-				null,
-				Boolean,
-				Array
-			],
-			required: false,
-			default: void 0
-		},
-		classes: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		classNames: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		styles: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		allowClear: {
-			type: [Boolean, Object],
-			required: false,
-			default: void 0
-		}
-	},
-	name: "BaseInput",
-	inheritAttrs: false
-});
-var BaseInput_default = BaseInput;
-exports.default = BaseInput_default;

package/dist/_virtual/rolldown_runtime.cjs

@@ -1,21 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
-		key = keys[i];
-		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-			get: ((k) => from[k]).bind(null, key),
-			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-		});
-	}
-	return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-	value: mod,
-	enumerable: true
-}) : target, mod));
-exports.__toESM = __toESM;

package/dist/hooks/useCount.cjs

@@ -1,29 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
-let vue = require("vue");
-function inCountRange(value, countConfig) {
-	if (!countConfig.max) return true;
-	return countConfig.strategy(value) <= countConfig.max;
-}
-function useCount(count, showCount) {
-	return (0, vue.computed)(() => {
-		let mergedConfig = {};
-		if (showCount?.value) mergedConfig.show = typeof showCount.value === "object" && showCount.value?.formatter ? showCount.value?.formatter : !!showCount.value;
-		mergedConfig = {
-			...mergedConfig,
-			...count?.value
-		};
-		const { show, ...rest } = mergedConfig;
-		return {
-			...rest,
-			show: !!show,
-			showFormatter: typeof show === "function" ? show : void 0,
-			strategy: rest.strategy || ((value) => value.length)
-		};
-	});
-}
-exports.default = useCount;
-exports.inCountRange = inCountRange;

package/dist/index.cjs

@@ -1,13 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_commonUtils = require("./utils/commonUtils.cjs");
-const require_BaseInput = require("./BaseInput.cjs");
-const require_useCount = require("./hooks/useCount.cjs");
-const require_input = require("./input.cjs");
-var src_default = require_input.default;
-exports.BaseInput = require_BaseInput.default;
-exports.default = src_default;
-exports.resolveOnChange = require_commonUtils.resolveOnChange;
-exports.useCount = require_useCount.default;

package/dist/input.cjs

@@ -1,419 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_rolldown_runtime = require("./_virtual/rolldown_runtime.cjs");
-const require_commonUtils = require("./utils/commonUtils.cjs");
-const require_BaseInput = require("./BaseInput.cjs");
-const require_useCount = require("./hooks/useCount.cjs");
-let vue = require("vue");
-let _v_c_util = require("@v-c/util");
-let _v_c_util_dist_props_util = require("@v-c/util/dist/props-util");
-let _v_c_util_dist_Dom_focus = require("@v-c/util/dist/Dom/focus");
-let _v_c_util_dist_KeyCode = require("@v-c/util/dist/KeyCode");
-let _v_c_util_dist_omit = require("@v-c/util/dist/omit");
-_v_c_util_dist_omit = require_rolldown_runtime.__toESM(_v_c_util_dist_omit);
-function _isSlot(s) {
-	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !(0, vue.isVNode)(s);
-}
-var defaults = {
-	prefixCls: "vc-input",
-	type: "text"
-};
-var Input = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots, expose, attrs }) => {
-	const focused = (0, vue.shallowRef)(false);
-	const compositionRef = (0, vue.shallowRef)(false);
-	const keyLockRef = (0, vue.shallowRef)(false);
-	const { count, showCount } = (0, _v_c_util_dist_props_util.toPropsRefs)(props, "count", "showCount");
-	const onChange = (e) => {
-		props?.onChange?.(e);
-	};
-	const inputRef = (0, vue.shallowRef)();
-	const holderRef = (0, vue.shallowRef)();
-	const focus = (option) => {
-		if (inputRef.value) (0, _v_c_util_dist_Dom_focus.triggerFocus)(inputRef.value, option);
-	};
-	const value = (0, vue.shallowRef)(props?.value ?? props?.defaultValue);
-	(0, vue.watch)(() => props.value, (newValue) => {
-		value.value = newValue;
-	});
-	const formatValue = (0, vue.computed)(() => value.value === void 0 || value.value === null ? "" : String(value.value));
-	const selection = (0, vue.shallowRef)(null);
-	(0, vue.watch)(selection, (newSelection) => {
-		if (newSelection && inputRef.value) inputRef.value.setSelectionRange(...newSelection);
-	});
-	const countConfig = require_useCount.default(count, showCount);
-	const mergedMax = (0, vue.computed)(() => countConfig?.value?.max || props?.maxLength);
-	const valueLength = (0, vue.computed)(() => countConfig.value?.strategy?.(formatValue.value) ?? 0);
-	const isOutOfRange = (0, vue.computed)(() => !!mergedMax.value && valueLength.value > mergedMax.value);
-	expose({
-		focus,
-		blur: () => {
-			inputRef.value?.blur?.();
-		},
-		setSelectionRange: (start, end, direction) => {
-			inputRef.value?.setSelectionRange(start, end, direction);
-		},
-		select: () => {
-			inputRef.value?.select();
-		},
-		input: inputRef,
-		nativeElement: (0, vue.computed)(() => holderRef.value?.nativeElement || inputRef.value)
-	});
-	(0, vue.watch)(() => props.disabled, () => {
-		if (keyLockRef.value) keyLockRef.value = false;
-		focused.value = focused.value && props.disabled ? false : focused.value;
-	}, { immediate: true });
-	const triggerChange = (e, currentValue, info) => {
-		let cutValue = currentValue;
-		const config = countConfig.value;
-		if (!compositionRef.value && config?.exceedFormatter && config.max && config.strategy(currentValue) > config.max) {
-			cutValue = config.exceedFormatter(currentValue, { max: config.max });
-			if (currentValue !== cutValue) selection.value = [inputRef.value?.selectionStart || 0, inputRef.value?.selectionEnd || 0];
-		} else if (info.source === "compositionEnd") return;
-		if (props.value === void 0) value.value = cutValue;
-		if (inputRef.value) require_commonUtils.resolveOnChange(inputRef.value, e, onChange, cutValue);
-	};
-	const onInternalChange = (e) => {
-		triggerChange(e, e.target.value, { source: "change" });
-	};
-	const onInternalCompositionStart = (e) => {
-		compositionRef.value = true;
-		props?.onCompositionStart?.(e);
-	};
-	const onInternalCompositionEnd = (e) => {
-		compositionRef.value = false;
-		triggerChange(e, e.target.value, { source: "compositionEnd" });
-		props?.onCompositionEnd?.(e);
-	};
-	const handleKeyDown = (e) => {
-		if (e.key === _v_c_util_dist_KeyCode.KeyCodeStr.Enter && !keyLockRef.value && !e.isComposing) {
-			keyLockRef.value = true;
-			props.onPressEnter?.(e);
-		}
-		props?.onKeyDown?.(e);
-	};
-	const handleKeyUp = (e) => {
-		if (e.key === "Enter") keyLockRef.value = false;
-		props?.onKeyUp?.(e);
-	};
-	const handleFocus = (e) => {
-		focused.value = true;
-		props?.onFocus?.(e);
-	};
-	const handleBlur = (e) => {
-		if (keyLockRef.value) keyLockRef.value = false;
-		focused.value = false;
-		props?.onBlur?.(e);
-	};
-	const handleReset = (e) => {
-		if (props.value === void 0) value.value = "";
-		focus();
-		if (inputRef.value) require_commonUtils.resolveOnChange(inputRef.value, e, onChange);
-	};
-	const mergedAllowClear = (0, vue.computed)(() => {
-		if (!props.allowClear) return props.allowClear;
-		const clearIcon = slots.clearIcon?.();
-		if (clearIcon) return {
-			...typeof props.allowClear === "object" ? props.allowClear : {},
-			clearIcon
-		};
-		return props.allowClear;
-	});
-	return () => {
-		const { autoComplete, prefixCls = defaults.prefixCls, disabled, htmlSize, classNames, styles, suffix, type = defaults.type, classes, readOnly, hidden, dataAttrs, components } = props;
-		const { class: className, style, ...restAttrs } = attrs;
-		const mergedClassName = className ?? props.class;
-		const mergedStyle = style ?? props.style;
-		const prefixNode = slots.prefix?.() ?? props.prefix;
-		const suffixNode = slots.suffix?.() ?? suffix;
-		const addonBefore = slots.addonBefore?.() ?? props.addonBefore;
-		const addonAfter = slots.addonAfter?.() ?? props.addonAfter;
-		const config = countConfig.value;
-		const hasMaxLength = Number(mergedMax.value) > 0;
-		let mergedSuffix = suffixNode;
-		if (suffixNode || config?.show) {
-			const dataCount = config?.showFormatter ? config.showFormatter({
-				value: formatValue.value,
-				count: valueLength.value,
-				maxLength: mergedMax.value
-			}) : `${valueLength.value}${hasMaxLength ? ` / ${mergedMax.value}` : ""}`;
-			mergedSuffix = (0, vue.createVNode)(vue.Fragment, null, [config?.show && (0, vue.createVNode)("span", {
-				"class": (0, _v_c_util.clsx)(`${prefixCls}-show-count-suffix`, { [`${prefixCls}-show-count-has-suffix`]: !!suffixNode }, classNames?.count),
-				"style": styles?.count
-			}, [dataCount]), suffixNode]);
-		}
-		const inputElement = (0, vue.createVNode)("input", (0, vue.mergeProps)(restAttrs, (0, _v_c_util_dist_omit.default)(props, [
-			"prefixCls",
-			"onPressEnter",
-			"addonBefore",
-			"addonAfter",
-			"prefix",
-			"suffix",
-			"allowClear",
-			"defaultValue",
-			"showCount",
-			"count",
-			"classes",
-			"htmlSize",
-			"styles",
-			"classNames",
-			"onClear",
-			"dataAttrs",
-			"components",
-			"hidden",
-			"readOnly",
-			"value",
-			"type",
-			"class",
-			"style",
-			"onFocus",
-			"onBlur",
-			"onChange",
-			"onKeyDown",
-			"onKeyUp",
-			"onCompositionStart",
-			"onCompositionEnd",
-			"onInput"
-		]), {
-			"autocomplete": autoComplete,
-			"ref": inputRef,
-			"value": formatValue.value,
-			"onInput": onInternalChange,
-			"onFocus": handleFocus,
-			"onBlur": handleBlur,
-			"onKeydown": handleKeyDown,
-			"onKeyup": handleKeyUp,
-			"class": (0, _v_c_util.clsx)(prefixCls, { [`${prefixCls}-disabled`]: disabled }, classNames?.input),
-			"style": styles?.input,
-			"size": htmlSize,
-			"type": type,
-			"maxlength": props.maxLength,
-			"onCompositionstart": onInternalCompositionStart,
-			"onCompositionend": onInternalCompositionEnd,
-			"disabled": disabled,
-			"readonly": readOnly
-		}), null);
-		return (0, vue.createVNode)(require_BaseInput.default, {
-			"ref": holderRef,
-			"value": formatValue.value,
-			"prefixCls": prefixCls,
-			"class": (0, _v_c_util.clsx)(mergedClassName, isOutOfRange.value && `${prefixCls}-out-of-range`),
-			"style": mergedStyle,
-			"allowClear": mergedAllowClear.value,
-			"handleReset": handleReset,
-			"suffix": mergedSuffix,
-			"prefix": prefixNode,
-			"addonBefore": addonBefore,
-			"addonAfter": addonAfter,
-			"focused": focused.value,
-			"triggerFocus": focus,
-			"disabled": disabled,
-			"readOnly": readOnly,
-			"classNames": classNames,
-			"styles": styles,
-			"dataAttrs": dataAttrs,
-			"components": components,
-			"hidden": hidden,
-			"onClear": props.onClear,
-			"classes": classes
-		}, _isSlot(inputElement) ? inputElement : { default: () => [inputElement] });
-	};
-}, {
-	props: /* @__PURE__ */ (0, vue.mergeDefaults)({
-		value: {
-			required: false,
-			default: void 0
-		},
-		defaultValue: {
-			required: false,
-			default: void 0
-		},
-		disabled: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		prefixCls: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		type: {
-			type: [String, Object],
-			required: false,
-			default: void 0
-		},
-		showCount: {
-			type: [Boolean, Object],
-			required: false,
-			default: void 0
-		},
-		onPressEnter: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		autoComplete: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		htmlSize: {
-			type: Number,
-			required: false,
-			default: void 0
-		},
-		placeholder: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		classNames: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		styles: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		count: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		onClear: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		maxLength: {
-			type: Number,
-			required: false,
-			default: void 0
-		},
-		readOnly: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		hidden: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		onChange: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		onFocus: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		onBlur: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		onKeyDown: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		onKeyUp: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		onCompositionStart: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		onCompositionEnd: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		components: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		dataAttrs: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		prefix: {
-			type: [
-				Object,
-				Function,
-				String,
-				Number,
-				null,
-				Boolean,
-				Array
-			],
-			required: false,
-			default: void 0
-		},
-		suffix: {
-			type: [
-				Object,
-				Function,
-				String,
-				Number,
-				null,
-				Boolean,
-				Array
-			],
-			required: false,
-			default: void 0
-		},
-		addonBefore: {
-			type: [
-				Object,
-				Function,
-				String,
-				Number,
-				null,
-				Boolean,
-				Array
-			],
-			required: false,
-			default: void 0
-		},
-		addonAfter: {
-			type: [
-				Object,
-				Function,
-				String,
-				Number,
-				null,
-				Boolean,
-				Array
-			],
-			required: false,
-			default: void 0
-		},
-		classes: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		allowClear: {
-			type: [Boolean, Object],
-			required: false,
-			default: void 0
-		}
-	}, defaults),
-	name: "Input",
-	inheritAttrs: false
-});
-var input_default = Input;
-exports.default = input_default;

package/dist/interface.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });

package/dist/utils/commonUtils.cjs

@@ -1,54 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
-let _v_c_util_dist_Dom_focus = require("@v-c/util/dist/Dom/focus");
-function createPatchedTarget(target, value) {
-	const patched = target.cloneNode(true);
-	patched.value = value;
-	if (typeof target.selectionStart === "number" && typeof target.selectionEnd === "number") {
-		patched.selectionStart = target.selectionStart;
-		patched.selectionEnd = target.selectionEnd;
-	}
-	patched.setSelectionRange = (start, end, direction) => {
-		target.setSelectionRange(start, end, direction);
-	};
-	return patched;
-}
-function cloneEvent(event, target, value) {
-	const patchedTarget = createPatchedTarget(target, value);
-	return {
-		type: event?.type,
-		timeStamp: event?.timeStamp,
-		bubbles: event?.bubbles,
-		cancelable: event?.cancelable,
-		composed: event?.composed,
-		target: patchedTarget,
-		currentTarget: patchedTarget,
-		preventDefault: event?.preventDefault ? event.preventDefault.bind(event) : void 0,
-		stopPropagation: event?.stopPropagation ? event.stopPropagation.bind(event) : void 0,
-		stopImmediatePropagation: event?.stopImmediatePropagation ? event.stopImmediatePropagation.bind(event) : void 0,
-		nativeEvent: event
-	};
-}
-function hasAddon(props) {
-	return !!(props.addonBefore || props.addonAfter);
-}
-function hasPrefixSuffix(props) {
-	return !!(props.prefix || props.suffix || props.allowClear);
-}
-function resolveOnChange(target, e, onChange, targetValue) {
-	if (!onChange) return;
-	if (e?.type === "click") {
-		onChange(cloneEvent(e, target, ""));
-		return;
-	}
-	if (target.type !== "file" && targetValue !== void 0) {
-		onChange(cloneEvent(e, target, targetValue));
-		return;
-	}
-	onChange(e);
-}
-const triggerFocus = _v_c_util_dist_Dom_focus.triggerFocus;
-exports.hasAddon = hasAddon;
-exports.hasPrefixSuffix = hasPrefixSuffix;
-exports.resolveOnChange = resolveOnChange;
-exports.triggerFocus = triggerFocus;

package/dist/utils/types.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });