@v-c/textarea 1.0.3 → 1.0.4

package/dist/ResizableTextArea.js

@@ -5,10 +5,11 @@ import { clsx } from "@v-c/util";
 import omit from "@v-c/util/dist/omit";
 import { getAttrStyleAndClass } from "@v-c/util/dist/props-util";
 import raf from "@v-c/util/dist/raf";
+//#region src/ResizableTextArea.tsx
 var RESIZE_START = 0;
 var RESIZE_MEASURING = 1;
 var RESIZE_STABLE = 2;
-var ResizableTextArea_default = /* @__PURE__ */ defineComponent((props, { expose, attrs }) => {
+var ResizableTextArea = /* @__PURE__ */ defineComponent((props, { expose, attrs }) => {
 	const internalValue = ref(props?.value ?? props?.defaultValue ?? "");
 	watch(() => props.value, () => {
 		internalValue.value = props.value;
@@ -229,9 +230,15 @@ var ResizableTextArea_default = /* @__PURE__ */ defineComponent((props, { expose
 			type: Function,
 			required: false,
 			default: void 0
+		},
+		changeOnComposing: {
+			type: Boolean,
+			required: false,
+			default: void 0
 		}
 	},
 	name: "ResizableTextArea",
 	inheritAttrs: false
 });
-export { ResizableTextArea_default as default };
+//#endregion
+export { ResizableTextArea as default };

package/dist/TextArea.js

@@ -1,11 +1,12 @@
-import ResizableTextArea_default from "./ResizableTextArea.js";
+import ResizableTextArea from "./ResizableTextArea.js";
 import { Fragment, computed, createVNode, defineComponent, mergeDefaults, mergeProps, shallowRef, watch } from "vue";
 import { clsx } from "@v-c/util";
 import omit from "@v-c/util/dist/omit";
 import { getAttrStyleAndClass, toPropsRefs } from "@v-c/util/dist/props-util";
 import { BaseInput, resolveOnChange, useCount } from "@v-c/input";
 import { KeyCodeStr } from "@v-c/util/dist/KeyCode";
-var TextArea_default = /* @__PURE__ */ defineComponent((props, { expose, attrs }) => {
+//#region src/TextArea.tsx
+var TextArea = /* @__PURE__ */ defineComponent((props, { expose, attrs }) => {
 	const { count, showCount } = toPropsRefs(props, "count", "showCount");
 	const value = shallowRef(props?.value ?? props?.defaultValue ?? "");
 	watch(() => props.value, () => {
@@ -14,6 +15,7 @@ var TextArea_default = /* @__PURE__ */ defineComponent((props, { expose, attrs }
 	const formatValue = computed(() => value.value === void 0 || value.value === null ? "" : String(value.value));
 	const focused = shallowRef(false);
 	const compositionRef = shallowRef(false);
+	const compositionEndValueRef = shallowRef(null);
 	const textareaResized = shallowRef();
 	const holderRef = shallowRef();
 	const resizableTextAreaRef = shallowRef();
@@ -46,23 +48,31 @@ var TextArea_default = /* @__PURE__ */ defineComponent((props, { expose, attrs }
 	const valueLength = computed(() => countConfig.value.strategy(formatValue.value));
 	const isOutOfRange = computed(() => !!mergedMax.value && valueLength.value > mergedMax.value);
 	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;
 		if (!compositionRef.value && countConfig.value.exceedFormatter && countConfig.value.max && countConfig.value.strategy(currentValue) > countConfig.value.max) {
 			cutValue = countConfig.value.exceedFormatter(currentValue, { max: countConfig.value.max });
-			const textarea$1 = getTextArea();
-			if (currentValue !== cutValue) selection.value = [textarea$1.selectionStart || 0, textarea$1.selectionEnd || 0];
+			const textarea = getTextArea();
+			if (currentValue !== cutValue) selection.value = [textarea.selectionStart || 0, textarea.selectionEnd || 0];
 		}
 		const textarea = getTextArea();
-		if (!compositionRef.value && textarea && textarea.value !== cutValue) textarea.value = cutValue;
+		if (textarea && textarea.value !== cutValue) textarea.value = cutValue;
 		value.value = cutValue;
 		resolveOnChange(e.currentTarget, e, props.onChange, cutValue);
 	};
 	const onInternalCompositionStart = () => {
 		compositionRef.value = true;
+		compositionEndValueRef.value = null;
 	};
 	const onInternalCompositionEnd = (e) => {
 		compositionRef.value = false;
-		triggerChange(e, e.currentTarget.value);
+		const currentValue = e.currentTarget.value;
+		if (!props.changeOnComposing && currentValue !== formatValue.value) triggerChange(e, currentValue);
+		if (!props.changeOnComposing) compositionEndValueRef.value = currentValue;
 	};
 	const onInternalChange = (e) => {
 		triggerChange(e, e.target.value);
@@ -81,6 +91,7 @@ var TextArea_default = /* @__PURE__ */ defineComponent((props, { expose, attrs }
 		props?.onBlur?.(e);
 	};
 	const handleReset = (e) => {
+		compositionEndValueRef.value = null;
 		value.value = "";
 		focus();
 		resolveOnChange(getTextArea(), e, props.onChange);
@@ -90,7 +101,7 @@ var TextArea_default = /* @__PURE__ */ defineComponent((props, { expose, attrs }
 		if (getTextArea()?.style.height) textareaResized.value = true;
 	};
 	return () => {
-		const { suffix, classNames, styles, prefixCls = "vc-textarea", allowClear, autoSize, showCount: showCount$1, disabled, hidden, readOnly, onClear, maxLength } = props;
+		const { suffix, classNames, styles, prefixCls = "vc-textarea", allowClear, autoSize, showCount, disabled, hidden, readOnly, onClear, maxLength } = props;
 		const { style, restAttrs, className } = getAttrStyleAndClass(attrs);
 		let suffixNode = suffix;
 		let dataCount;
@@ -106,7 +117,7 @@ var TextArea_default = /* @__PURE__ */ defineComponent((props, { expose, attrs }
 				"style": styles?.count
 			}, [dataCount])]);
 		}
-		const isPureTextArea = !autoSize && !showCount$1 && !allowClear;
+		const isPureTextArea = !autoSize && !showCount && !allowClear;
 		const textareaProps = {
 			onKeydown: handleKeyDown,
 			onFocus: handleFocus,
@@ -124,7 +135,7 @@ var TextArea_default = /* @__PURE__ */ defineComponent((props, { expose, attrs }
 			"classNames": {
 				...classNames,
 				affixWrapper: clsx(classNames?.affixWrapper, {
-					[`${prefixCls}-show-count`]: showCount$1,
+					[`${prefixCls}-show-count`]: showCount,
 					[`${prefixCls}-textarea-allow-clear`]: allowClear
 				})
 			},
@@ -139,7 +150,7 @@ var TextArea_default = /* @__PURE__ */ defineComponent((props, { expose, attrs }
 			"hidden": hidden,
 			"readOnly": readOnly,
 			"onClear": onClear
-		}, { default: () => [createVNode(ResizableTextArea_default, mergeProps(restAttrs, omit(props, [
+		}, { default: () => [createVNode(ResizableTextArea, mergeProps(restAttrs, omit(props, [
 			"suffix",
 			"classNames",
 			"styles",
@@ -157,7 +168,8 @@ var TextArea_default = /* @__PURE__ */ defineComponent((props, { expose, attrs }
 			"onKeydown",
 			"onPressEnter",
 			"onFocus",
-			"onBlur"
+			"onBlur",
+			"changeOnComposing"
 		]), {
 			"autoSize": autoSize,
 			"maxLength": maxLength,
@@ -293,9 +305,15 @@ var TextArea_default = /* @__PURE__ */ defineComponent((props, { expose, attrs }
 			type: Function,
 			required: false,
 			default: void 0
+		},
+		changeOnComposing: {
+			type: Boolean,
+			required: false,
+			default: void 0
 		}
 	}, { prefixCls: "vc-textarea" }),
 	name: "TextArea",
 	inheritAttrs: false
 });
-export { TextArea_default as default };
+//#endregion
+export { TextArea as default };

package/dist/calculateNodeHeight.js

@@ -1,3 +1,7 @@
+//#region src/calculateNodeHeight.tsx
+/**
+* calculateNodeHeight(uiTextNode, useCache = false)
+*/
 var HIDDEN_TEXTAREA_STYLE = `
   min-height:0 !important;
   max-height:none !important;
@@ -91,4 +95,5 @@ function calculateAutoSizeStyle(uiTextNode, useCache = false, minRows = null, ma
 	if (maxHeight) style.maxHeight = `${maxHeight}px`;
 	return style;
 }
+//#endregion
 export { calculateNodeStyling, calculateAutoSizeStyle as default };

package/dist/index.js

@@ -1,4 +1,6 @@
-import ResizableTextArea_default from "./ResizableTextArea.js";
-import TextArea_default from "./TextArea.js";
-var src_default = TextArea_default;
-export { ResizableTextArea_default as ResizableTextArea, src_default as default };
+import ResizableTextArea from "./ResizableTextArea.js";
+import TextArea from "./TextArea.js";
+//#region src/index.ts
+var src_default = TextArea;
+//#endregion
+export { ResizableTextArea, src_default as default };

package/dist/interface.d.ts

@@ -42,6 +42,12 @@ export interface TextAreaProps {
     onKeyup?: (e: KeyboardEvent) => void;
     onFocus?: (e: FocusEvent) => void;
     onBlur?: (e: FocusEvent) => void;
+    /**
+     * 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;
 }
 export interface TextAreaRef {
     resizableTextArea: ResizableTextAreaRef;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@v-c/textarea",
   "type": "module",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "publishConfig": {
     "access": "public"
   },
@@ -9,7 +9,7 @@
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
+      "default": "./dist/index.js"
     },
     "./dist/*": "./dist/*",
     "./package.json": "./package.json"
@@ -23,9 +23,9 @@
     "vue": "^3.0.0"
   },
   "dependencies": {
-    "@v-c/input": "^1.0.2",
+    "@v-c/input": "^1.0.3",
     "@v-c/resize-observer": "^1.0.8",
-    "@v-c/util": "^1.0.9"
+    "@v-c/util": "^1.0.19"
   },
   "scripts": {
     "build": "vite build",

package/dist/ResizableTextArea.cjs

@@ -1,245 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_rolldown_runtime = require("./_virtual/rolldown_runtime.cjs");
-const require_calculateNodeHeight = require("./calculateNodeHeight.cjs");
-let vue = require("vue");
-let _v_c_resize_observer = require("@v-c/resize-observer");
-let _v_c_util = require("@v-c/util");
-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);
-let _v_c_util_dist_props_util = require("@v-c/util/dist/props-util");
-let _v_c_util_dist_raf = require("@v-c/util/dist/raf");
-_v_c_util_dist_raf = require_rolldown_runtime.__toESM(_v_c_util_dist_raf);
-var RESIZE_START = 0;
-var RESIZE_MEASURING = 1;
-var RESIZE_STABLE = 2;
-var ResizableTextArea = /* @__PURE__ */ (0, vue.defineComponent)((props, { expose, attrs }) => {
-	const internalValue = (0, vue.ref)(props?.value ?? props?.defaultValue ?? "");
-	(0, vue.watch)(() => props.value, () => {
-		internalValue.value = props.value;
-	});
-	const mergedValue = (0, vue.computed)(() => internalValue.value ?? "");
-	const onInternalChange = (e) => {
-		if (props.value === void 0) internalValue.value = e.target.value;
-		props?.onChange?.(e);
-	};
-	const textareaRef = (0, vue.shallowRef)();
-	expose({ textArea: textareaRef });
-	const autoSizeData = (0, vue.computed)(() => {
-		const autoSize = props.autoSize;
-		if (autoSize && typeof autoSize === "object") return [autoSize.minRows, autoSize.maxRows];
-		return [];
-	});
-	const minRows = (0, vue.computed)(() => autoSizeData?.value?.[0]);
-	const maxRows = (0, vue.computed)(() => autoSizeData?.value?.[1]);
-	const resizeState = (0, vue.ref)(RESIZE_STABLE);
-	const autoSizeStyle = (0, vue.shallowRef)({});
-	const startResize = () => {
-		resizeState.value = RESIZE_START;
-	};
-	const needAutoSize = (0, vue.computed)(() => !!props.autoSize);
-	(0, vue.watch)([
-		() => props.value,
-		minRows,
-		maxRows,
-		needAutoSize
-	], async () => {
-		await (0, vue.nextTick)();
-		if (needAutoSize.value) startResize();
-	}, {
-		immediate: true,
-		flush: "post"
-	});
-	(0, vue.watch)([resizeState, textareaRef], () => {
-		if (!textareaRef.value) return;
-		if (resizeState.value === RESIZE_START) resizeState.value = RESIZE_MEASURING;
-		else if (resizeState.value === RESIZE_MEASURING) {
-			const textareaStyles = require_calculateNodeHeight.default(textareaRef.value, false, minRows.value, maxRows.value);
-			resizeState.value = RESIZE_STABLE;
-			autoSizeStyle.value = textareaStyles;
-		}
-	});
-	const resizeRafRef = (0, vue.shallowRef)();
-	const cleanRaf = () => {
-		_v_c_util_dist_raf.default.cancel(resizeRafRef.value);
-	};
-	const onInternalResize = (size) => {
-		if (resizeState.value === RESIZE_STABLE) {
-			props?.onResize?.(size);
-			if (props.autoSize) {
-				cleanRaf();
-				resizeRafRef.value = (0, _v_c_util_dist_raf.default)(() => {
-					startResize();
-				});
-			}
-		}
-	};
-	(0, vue.onUnmounted)(() => {
-		cleanRaf();
-	});
-	(0, _v_c_resize_observer.useResizeObserver)((0, vue.computed)(() => {
-		return !!(props.autoSize || props.onResize);
-	}), textareaRef, onInternalResize);
-	return () => {
-		const { prefixCls, disabled, readOnly } = props;
-		const { style, restAttrs, className } = (0, _v_c_util_dist_props_util.getAttrStyleAndClass)(attrs, { omits: ["onKeydown"] });
-		const mergedAutoSizeStyle = needAutoSize.value ? autoSizeStyle.value : null;
-		const mergedStyle = {
-			...style,
-			...mergedAutoSizeStyle
-		};
-		if (resizeState.value === RESIZE_START || resizeState.value === RESIZE_MEASURING) {
-			mergedStyle.overflowY = "hidden";
-			mergedStyle.overflowX = "hidden";
-		}
-		return (0, vue.createVNode)("textarea", (0, vue.mergeProps)((0, _v_c_util_dist_omit.default)(restAttrs, ["readonly"]), (0, _v_c_util_dist_omit.default)(props, [
-			"suffix",
-			"classNames",
-			"styles",
-			"prefixCls",
-			"allowClear",
-			"autoSize",
-			"showCount",
-			"disabled",
-			"hidden",
-			"readOnly",
-			"onClear",
-			"maxLength",
-			"onResize",
-			"onChange"
-		]), {
-			"readonly": restAttrs?.readonly ?? readOnly,
-			"ref": textareaRef,
-			"style": mergedStyle,
-			"class": (0, _v_c_util.clsx)(prefixCls, className, { [`${prefixCls}-disabled`]: disabled }),
-			"disabled": disabled,
-			"value": mergedValue.value,
-			"onInput": onInternalChange
-		}), null);
-	};
-}, {
-	props: {
-		value: {
-			required: false,
-			default: void 0
-		},
-		defaultValue: {
-			required: false,
-			default: void 0
-		},
-		prefixCls: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		disabled: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		autoSize: {
-			type: [Boolean, Object],
-			required: false,
-			default: void 0
-		},
-		onPressEnter: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		onResize: {
-			type: Function,
-			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
-		},
-		suffix: {
-			required: false,
-			default: void 0
-		},
-		showCount: {
-			type: [Boolean, Object],
-			required: false,
-			default: void 0
-		},
-		count: {
-			required: false,
-			default: void 0
-		},
-		onClear: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		onChange: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		maxLength: {
-			type: Number,
-			required: false,
-			default: void 0
-		},
-		hidden: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		readOnly: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		placeholder: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		autoFocus: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		onKeydown: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		onKeyup: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		onFocus: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		onBlur: {
-			type: Function,
-			required: false,
-			default: void 0
-		}
-	},
-	name: "ResizableTextArea",
-	inheritAttrs: false
-});
-var ResizableTextArea_default = ResizableTextArea;
-exports.default = ResizableTextArea_default;

package/dist/TextArea.cjs

@@ -1,308 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_rolldown_runtime = require("./_virtual/rolldown_runtime.cjs");
-const require_ResizableTextArea = require("./ResizableTextArea.cjs");
-let vue = require("vue");
-let _v_c_util = require("@v-c/util");
-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);
-let _v_c_util_dist_props_util = require("@v-c/util/dist/props-util");
-let _v_c_input = require("@v-c/input");
-let _v_c_util_dist_KeyCode = require("@v-c/util/dist/KeyCode");
-var TextArea = /* @__PURE__ */ (0, vue.defineComponent)((props, { expose, attrs }) => {
-	const { count, showCount } = (0, _v_c_util_dist_props_util.toPropsRefs)(props, "count", "showCount");
-	const value = (0, vue.shallowRef)(props?.value ?? props?.defaultValue ?? "");
-	(0, vue.watch)(() => props.value, () => {
-		value.value = props.value;
-	});
-	const formatValue = (0, vue.computed)(() => value.value === void 0 || value.value === null ? "" : String(value.value));
-	const focused = (0, vue.shallowRef)(false);
-	const compositionRef = (0, vue.shallowRef)(false);
-	const textareaResized = (0, vue.shallowRef)();
-	const holderRef = (0, vue.shallowRef)();
-	const resizableTextAreaRef = (0, vue.shallowRef)();
-	const getTextArea = () => resizableTextAreaRef.value?.textArea;
-	const focus = () => {
-		getTextArea().focus();
-	};
-	expose({
-		resizableTextArea: resizableTextAreaRef,
-		focus,
-		blur: () => {
-			getTextArea().blur();
-		},
-		nativeElement: (0, vue.computed)(() => holderRef.value?.nativeElement || getTextArea())
-	});
-	(0, vue.watch)(() => props.disabled, () => {
-		const prev = focused.value;
-		if (props.disabled && prev) focused.value = !props?.disabled && prev;
-	}, {
-		immediate: true,
-		flush: "post"
-	});
-	const selection = (0, vue.shallowRef)(null);
-	(0, vue.watch)(selection, () => {
-		if (selection.value) getTextArea().setSelectionRange(...selection.value);
-	});
-	const countConfig = (0, _v_c_input.useCount)(count, showCount);
-	const mergedMax = (0, vue.computed)(() => countConfig.value.max ?? props.maxLength);
-	const hasMaxLength = (0, vue.computed)(() => Number(mergedMax.value) > 0);
-	const valueLength = (0, vue.computed)(() => countConfig.value.strategy(formatValue.value));
-	const isOutOfRange = (0, vue.computed)(() => !!mergedMax.value && valueLength.value > mergedMax.value);
-	const triggerChange = (e, currentValue) => {
-		let cutValue = currentValue;
-		if (!compositionRef.value && countConfig.value.exceedFormatter && countConfig.value.max && countConfig.value.strategy(currentValue) > countConfig.value.max) {
-			cutValue = countConfig.value.exceedFormatter(currentValue, { max: countConfig.value.max });
-			const textarea$1 = getTextArea();
-			if (currentValue !== cutValue) selection.value = [textarea$1.selectionStart || 0, textarea$1.selectionEnd || 0];
-		}
-		const textarea = getTextArea();
-		if (!compositionRef.value && textarea && textarea.value !== cutValue) textarea.value = cutValue;
-		value.value = cutValue;
-		(0, _v_c_input.resolveOnChange)(e.currentTarget, e, props.onChange, cutValue);
-	};
-	const onInternalCompositionStart = () => {
-		compositionRef.value = true;
-	};
-	const onInternalCompositionEnd = (e) => {
-		compositionRef.value = false;
-		triggerChange(e, e.currentTarget.value);
-	};
-	const onInternalChange = (e) => {
-		triggerChange(e, e.target.value);
-	};
-	const handleKeyDown = (e) => {
-		const { onPressEnter } = props;
-		if (e.key === _v_c_util_dist_KeyCode.KeyCodeStr.Enter && onPressEnter && !e.isComposing) onPressEnter(e);
-		props?.onKeydown?.(e);
-	};
-	const handleFocus = (e) => {
-		focused.value = true;
-		props?.onFocus?.(e);
-	};
-	const handleBlur = (e) => {
-		focused.value = false;
-		props?.onBlur?.(e);
-	};
-	const handleReset = (e) => {
-		value.value = "";
-		focus();
-		(0, _v_c_input.resolveOnChange)(getTextArea(), e, props.onChange);
-	};
-	const handleResize = (size) => {
-		props?.onResize?.(size);
-		if (getTextArea()?.style.height) textareaResized.value = true;
-	};
-	return () => {
-		const { suffix, classNames, styles, prefixCls = "vc-textarea", allowClear, autoSize, showCount: showCount$1, disabled, hidden, readOnly, onClear, maxLength } = props;
-		const { style, restAttrs, className } = (0, _v_c_util_dist_props_util.getAttrStyleAndClass)(attrs);
-		let suffixNode = suffix;
-		let dataCount;
-		if (countConfig.value.show) {
-			if (countConfig.value.showFormatter) dataCount = countConfig.value.showFormatter?.({
-				value: formatValue.value,
-				count: valueLength.value,
-				maxLength: mergedMax.value
-			});
-			else dataCount = `${valueLength.value}${hasMaxLength.value ? ` / ${mergedMax.value}` : ""}`;
-			suffixNode = (0, vue.createVNode)(vue.Fragment, null, [suffixNode, (0, vue.createVNode)("span", {
-				"class": (0, _v_c_util.clsx)(`${prefixCls}-data-count`, classNames?.count),
-				"style": styles?.count
-			}, [dataCount])]);
-		}
-		const isPureTextArea = !autoSize && !showCount$1 && !allowClear;
-		const textareaProps = {
-			onKeydown: handleKeyDown,
-			onFocus: handleFocus,
-			onBlur: handleBlur,
-			onCompositionstart: onInternalCompositionStart,
-			onCompositionend: onInternalCompositionEnd
-		};
-		return (0, vue.createVNode)(_v_c_input.BaseInput, {
-			"ref": holderRef,
-			"value": formatValue.value,
-			"allowClear": allowClear,
-			"handleReset": handleReset,
-			"suffix": suffixNode,
-			"prefixCls": prefixCls,
-			"classNames": {
-				...classNames,
-				affixWrapper: (0, _v_c_util.clsx)(classNames?.affixWrapper, {
-					[`${prefixCls}-show-count`]: showCount$1,
-					[`${prefixCls}-textarea-allow-clear`]: allowClear
-				})
-			},
-			"disabled": disabled,
-			"focused": focused.value,
-			"class": (0, _v_c_util.clsx)(className, isOutOfRange.value && `${prefixCls}-out-of-range`),
-			"style": {
-				...style,
-				...textareaResized.value && !isPureTextArea ? { height: "auto" } : {}
-			},
-			"dataAttrs": { affixWrapper: { "data-count": typeof dataCount === "string" ? dataCount : void 0 } },
-			"hidden": hidden,
-			"readOnly": readOnly,
-			"onClear": onClear
-		}, { default: () => [(0, vue.createVNode)(require_ResizableTextArea.default, (0, vue.mergeProps)(restAttrs, (0, _v_c_util_dist_omit.default)(props, [
-			"suffix",
-			"classNames",
-			"styles",
-			"prefixCls",
-			"allowClear",
-			"autoSize",
-			"showCount",
-			"disabled",
-			"hidden",
-			"readOnly",
-			"onClear",
-			"maxLength",
-			"onResize",
-			"onChange",
-			"onKeydown",
-			"onPressEnter",
-			"onFocus",
-			"onBlur"
-		]), {
-			"autoSize": autoSize,
-			"maxLength": maxLength,
-			"onChange": onInternalChange
-		}, textareaProps, {
-			"class": (0, _v_c_util.clsx)(classNames?.textarea),
-			"style": {
-				resize: style?.resize,
-				...styles?.textarea
-			},
-			"disabled": disabled,
-			"value": value.value,
-			"prefixCls": prefixCls,
-			"onResize": handleResize,
-			"ref": resizableTextAreaRef,
-			"readOnly": readOnly
-		}), null)] });
-	};
-}, {
-	props: /* @__PURE__ */ (0, vue.mergeDefaults)({
-		value: {
-			required: false,
-			default: void 0
-		},
-		defaultValue: {
-			required: false,
-			default: void 0
-		},
-		prefixCls: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		disabled: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		autoSize: {
-			type: [Boolean, Object],
-			required: false,
-			default: void 0
-		},
-		onPressEnter: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		onResize: {
-			type: Function,
-			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
-		},
-		suffix: {
-			required: false,
-			default: void 0
-		},
-		showCount: {
-			type: [Boolean, Object],
-			required: false,
-			default: void 0
-		},
-		count: {
-			required: false,
-			default: void 0
-		},
-		onClear: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		onChange: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		maxLength: {
-			type: Number,
-			required: false,
-			default: void 0
-		},
-		hidden: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		readOnly: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		placeholder: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		autoFocus: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		onKeydown: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		onKeyup: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		onFocus: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		onBlur: {
-			type: Function,
-			required: false,
-			default: void 0
-		}
-	}, { prefixCls: "vc-textarea" }),
-	name: "TextArea",
-	inheritAttrs: false
-});
-var TextArea_default = TextArea;
-exports.default = TextArea_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/calculateNodeHeight.cjs

@@ -1,99 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-var HIDDEN_TEXTAREA_STYLE = `
-  min-height:0 !important;
-  max-height:none !important;
-  height:0 !important;
-  visibility:hidden !important;
-  overflow:hidden !important;
-  position:absolute !important;
-  z-index:-1000 !important;
-  top:0 !important;
-  right:0 !important;
-  pointer-events: none !important;
-`;
-var SIZING_STYLE = [
-	"letter-spacing",
-	"line-height",
-	"padding-top",
-	"padding-bottom",
-	"font-family",
-	"font-weight",
-	"font-size",
-	"font-variant",
-	"text-rendering",
-	"text-transform",
-	"width",
-	"text-indent",
-	"padding-left",
-	"padding-right",
-	"border-width",
-	"box-sizing",
-	"word-break",
-	"white-space"
-];
-var computedStyleCache = {};
-var hiddenTextarea;
-function calculateNodeStyling(node, useCache = false) {
-	const nodeRef = node.getAttribute("id") || node.getAttribute("data-reactid") || node.getAttribute("name");
-	if (useCache && computedStyleCache[nodeRef]) return computedStyleCache[nodeRef];
-	const style = window.getComputedStyle(node);
-	const boxSizing = style.getPropertyValue("box-sizing") || style.getPropertyValue("-moz-box-sizing") || style.getPropertyValue("-webkit-box-sizing");
-	const paddingSize = parseFloat(style.getPropertyValue("padding-bottom")) + parseFloat(style.getPropertyValue("padding-top"));
-	const borderSize = parseFloat(style.getPropertyValue("border-bottom-width")) + parseFloat(style.getPropertyValue("border-top-width"));
-	const nodeInfo = {
-		sizingStyle: SIZING_STYLE.map((name) => `${name}:${style.getPropertyValue(name)}`).join(";"),
-		paddingSize,
-		borderSize,
-		boxSizing
-	};
-	if (useCache && nodeRef) computedStyleCache[nodeRef] = nodeInfo;
-	return nodeInfo;
-}
-function calculateAutoSizeStyle(uiTextNode, useCache = false, minRows = null, maxRows = null) {
-	if (!hiddenTextarea) {
-		hiddenTextarea = document.createElement("textarea");
-		hiddenTextarea.setAttribute("tab-index", "-1");
-		hiddenTextarea.setAttribute("aria-hidden", "true");
-		hiddenTextarea.setAttribute("name", "hiddenTextarea");
-		document.body.appendChild(hiddenTextarea);
-	}
-	if (uiTextNode.getAttribute("wrap")) hiddenTextarea.setAttribute("wrap", uiTextNode.getAttribute("wrap"));
-	else hiddenTextarea.removeAttribute("wrap");
-	const { paddingSize, borderSize, boxSizing, sizingStyle } = calculateNodeStyling(uiTextNode, useCache);
-	hiddenTextarea.setAttribute("style", `${sizingStyle};${HIDDEN_TEXTAREA_STYLE}`);
-	hiddenTextarea.value = uiTextNode.value || uiTextNode.placeholder || "";
-	let minHeight;
-	let maxHeight;
-	let overflowY;
-	let height = hiddenTextarea.scrollHeight;
-	if (boxSizing === "border-box") height += borderSize;
-	else if (boxSizing === "content-box") height -= paddingSize;
-	if (minRows !== null || maxRows !== null) {
-		hiddenTextarea.value = " ";
-		const singleRowHeight = hiddenTextarea.scrollHeight - paddingSize;
-		if (minRows !== null) {
-			minHeight = singleRowHeight * minRows;
-			if (boxSizing === "border-box") minHeight = minHeight + paddingSize + borderSize;
-			height = Math.max(minHeight, height);
-		}
-		if (maxRows !== null) {
-			maxHeight = singleRowHeight * maxRows;
-			if (boxSizing === "border-box") maxHeight = maxHeight + paddingSize + borderSize;
-			overflowY = height > maxHeight ? "" : "hidden";
-			height = Math.min(maxHeight, height);
-		}
-	}
-	const style = {
-		height: `${height}px`,
-		overflowY,
-		resize: "none"
-	};
-	if (minHeight) style.minHeight = `${minHeight}px`;
-	if (maxHeight) style.maxHeight = `${maxHeight}px`;
-	return style;
-}
-exports.calculateNodeStyling = calculateNodeStyling;
-exports.default = calculateAutoSizeStyle;

package/dist/index.cjs

@@ -1,9 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_ResizableTextArea = require("./ResizableTextArea.cjs");
-const require_TextArea = require("./TextArea.cjs");
-var src_default = require_TextArea.default;
-exports.ResizableTextArea = require_ResizableTextArea.default;
-exports.default = src_default;

package/dist/interface.cjs

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