@v-c/textarea 1.0.0 → 1.0.2

package/dist/ResizableTextArea.cjs

@@ -1,15 +1,17 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+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");
-__v_c_resize_observer = require_rolldown_runtime.__toESM(__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);
+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;
@@ -46,8 +48,11 @@ var ResizableTextArea = /* @__PURE__ */ (0, vue.defineComponent)((props, { expos
 	], async () => {
 		await (0, vue.nextTick)();
 		if (needAutoSize.value) startResize();
-	}, { immediate: true });
-	(0, vue.watch)(resizeState, () => {
+	}, {
+		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) {
@@ -58,14 +63,14 @@ var ResizableTextArea = /* @__PURE__ */ (0, vue.defineComponent)((props, { expos
 	});
 	const resizeRafRef = (0, vue.shallowRef)();
 	const cleanRaf = () => {
-		__v_c_util_dist_raf.default.cancel(resizeRafRef.value);
+		_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)(() => {
+				resizeRafRef.value = (0, _v_c_util_dist_raf.default)(() => {
 					startResize();
 				});
 			}
@@ -74,9 +79,12 @@ var ResizableTextArea = /* @__PURE__ */ (0, vue.defineComponent)((props, { expos
 	(0, vue.onUnmounted)(() => {
 		cleanRaf();
 	});
+	(0, _v_c_resize_observer.useResizeObserver)((0, vue.computed)(() => {
+		return !!(props.autoSize || props.onResize);
+	}), textareaRef, onInternalResize);
 	return () => {
-		const { autoSize, onResize, prefixCls, disabled } = props;
-		const { style, restAttrs, className } = (0, __v_c_util_dist_props_util.getAttrStyleAndClass)(attrs, { omits: ["onKeydown"] });
+		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,
@@ -86,10 +94,7 @@ var ResizableTextArea = /* @__PURE__ */ (0, vue.defineComponent)((props, { expos
 			mergedStyle.overflowY = "hidden";
 			mergedStyle.overflowX = "hidden";
 		}
-		return (0, vue.createVNode)(__v_c_resize_observer.default, {
-			"onResize": onInternalResize,
-			"disabled": !(autoSize || onResize)
-		}, { default: () => [(0, vue.createVNode)("textarea", (0, vue.mergeProps)(restAttrs, (0, __v_c_util_dist_omit.default)(props, [
+		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",
@@ -105,23 +110,22 @@ var ResizableTextArea = /* @__PURE__ */ (0, vue.defineComponent)((props, { expos
 			"onResize",
 			"onChange"
 		]), {
+			"readonly": restAttrs?.readonly ?? readOnly,
 			"ref": textareaRef,
 			"style": mergedStyle,
-			"class": (0, __v_c_util.clsx)(prefixCls, className, { [`${prefixCls}-disabled`]: disabled }),
+			"class": (0, _v_c_util.clsx)(prefixCls, className, { [`${prefixCls}-disabled`]: disabled }),
 			"disabled": disabled,
 			"value": mergedValue.value,
 			"onInput": onInternalChange
-		}), null)] });
+		}), null);
 	};
 }, {
 	props: {
 		value: {
-			type: null,
 			required: false,
 			default: void 0
 		},
 		defaultValue: {
-			type: null,
 			required: false,
 			default: void 0
 		},
@@ -166,7 +170,6 @@ var ResizableTextArea = /* @__PURE__ */ (0, vue.defineComponent)((props, { expos
 			default: void 0
 		},
 		suffix: {
-			type: null,
 			required: false,
 			default: void 0
 		},
@@ -176,7 +179,6 @@ var ResizableTextArea = /* @__PURE__ */ (0, vue.defineComponent)((props, { expos
 			default: void 0
 		},
 		count: {
-			type: null,
 			required: false,
 			default: void 0
 		},
@@ -219,6 +221,21 @@ var ResizableTextArea = /* @__PURE__ */ (0, vue.defineComponent)((props, { expos
 			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",

package/dist/ResizableTextArea.js

@@ -1,6 +1,6 @@
 import calculateAutoSizeStyle from "./calculateNodeHeight.js";
 import { computed, createVNode, defineComponent, mergeProps, nextTick, onUnmounted, ref, shallowRef, watch } from "vue";
-import ResizeObserver from "@v-c/resize-observer";
+import { useResizeObserver } from "@v-c/resize-observer";
 import { clsx } from "@v-c/util";
 import omit from "@v-c/util/dist/omit";
 import { getAttrStyleAndClass } from "@v-c/util/dist/props-util";
@@ -41,8 +41,11 @@ var ResizableTextArea_default = /* @__PURE__ */ defineComponent((props, { expose
 	], async () => {
 		await nextTick();
 		if (needAutoSize.value) startResize();
-	}, { immediate: true });
-	watch(resizeState, () => {
+	}, {
+		immediate: true,
+		flush: "post"
+	});
+	watch([resizeState, textareaRef], () => {
 		if (!textareaRef.value) return;
 		if (resizeState.value === RESIZE_START) resizeState.value = RESIZE_MEASURING;
 		else if (resizeState.value === RESIZE_MEASURING) {
@@ -69,8 +72,11 @@ var ResizableTextArea_default = /* @__PURE__ */ defineComponent((props, { expose
 	onUnmounted(() => {
 		cleanRaf();
 	});
+	useResizeObserver(computed(() => {
+		return !!(props.autoSize || props.onResize);
+	}), textareaRef, onInternalResize);
 	return () => {
-		const { autoSize, onResize, prefixCls, disabled } = props;
+		const { prefixCls, disabled, readOnly } = props;
 		const { style, restAttrs, className } = getAttrStyleAndClass(attrs, { omits: ["onKeydown"] });
 		const mergedAutoSizeStyle = needAutoSize.value ? autoSizeStyle.value : null;
 		const mergedStyle = {
@@ -81,10 +87,7 @@ var ResizableTextArea_default = /* @__PURE__ */ defineComponent((props, { expose
 			mergedStyle.overflowY = "hidden";
 			mergedStyle.overflowX = "hidden";
 		}
-		return createVNode(ResizeObserver, {
-			"onResize": onInternalResize,
-			"disabled": !(autoSize || onResize)
-		}, { default: () => [createVNode("textarea", mergeProps(restAttrs, omit(props, [
+		return createVNode("textarea", mergeProps(omit(restAttrs, ["readonly"]), omit(props, [
 			"suffix",
 			"classNames",
 			"styles",
@@ -100,23 +103,22 @@ var ResizableTextArea_default = /* @__PURE__ */ defineComponent((props, { expose
 			"onResize",
 			"onChange"
 		]), {
+			"readonly": restAttrs?.readonly ?? readOnly,
 			"ref": textareaRef,
 			"style": mergedStyle,
 			"class": clsx(prefixCls, className, { [`${prefixCls}-disabled`]: disabled }),
 			"disabled": disabled,
 			"value": mergedValue.value,
 			"onInput": onInternalChange
-		}), null)] });
+		}), null);
 	};
 }, {
 	props: {
 		value: {
-			type: null,
 			required: false,
 			default: void 0
 		},
 		defaultValue: {
-			type: null,
 			required: false,
 			default: void 0
 		},
@@ -161,7 +163,6 @@ var ResizableTextArea_default = /* @__PURE__ */ defineComponent((props, { expose
 			default: void 0
 		},
 		suffix: {
-			type: null,
 			required: false,
 			default: void 0
 		},
@@ -171,7 +172,6 @@ var ResizableTextArea_default = /* @__PURE__ */ defineComponent((props, { expose
 			default: void 0
 		},
 		count: {
-			type: null,
 			required: false,
 			default: void 0
 		},
@@ -214,6 +214,21 @@ var ResizableTextArea_default = /* @__PURE__ */ defineComponent((props, { expose
 			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",

package/dist/TextArea.cjs

@@ -1,15 +1,18 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+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");
+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 { 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;
@@ -43,7 +46,7 @@ var TextArea = /* @__PURE__ */ (0, vue.defineComponent)((props, { expose, attrs
 	(0, vue.watch)(selection, () => {
 		if (selection.value) getTextArea().setSelectionRange(...selection.value);
 	});
-	const countConfig = (0, __v_c_input.useCount)(count, showCount);
+	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));
@@ -58,7 +61,7 @@ var TextArea = /* @__PURE__ */ (0, vue.defineComponent)((props, { expose, attrs
 		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);
+		(0, _v_c_input.resolveOnChange)(e.currentTarget, e, props.onChange, cutValue);
 	};
 	const onInternalCompositionStart = () => {
 		compositionRef.value = true;
@@ -72,19 +75,21 @@ var TextArea = /* @__PURE__ */ (0, vue.defineComponent)((props, { expose, attrs
 	};
 	const handleKeyDown = (e) => {
 		const { onPressEnter } = props;
-		if (e.key === __v_c_util_dist_KeyCode.KeyCodeStr.Enter && onPressEnter && !e.isComposing) onPressEnter(e);
+		if (e.key === _v_c_util_dist_KeyCode.KeyCodeStr.Enter && onPressEnter && !e.isComposing) onPressEnter(e);
 		props?.onKeydown?.(e);
 	};
-	const handleFocus = () => {
+	const handleFocus = (e) => {
 		focused.value = true;
+		props?.onFocus?.(e);
 	};
-	const handleBlur = () => {
+	const handleBlur = (e) => {
 		focused.value = false;
+		props?.onBlur?.(e);
 	};
 	const handleReset = (e) => {
 		value.value = "";
 		focus();
-		(0, __v_c_input.resolveOnChange)(getTextArea(), e, props.onChange);
+		(0, _v_c_input.resolveOnChange)(getTextArea(), e, props.onChange);
 	};
 	const handleResize = (size) => {
 		props?.onResize?.(size);
@@ -92,7 +97,7 @@ var TextArea = /* @__PURE__ */ (0, vue.defineComponent)((props, { expose, attrs
 	};
 	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);
+		const { style, restAttrs, className } = (0, _v_c_util_dist_props_util.getAttrStyleAndClass)(attrs);
 		let suffixNode = suffix;
 		let dataCount;
 		if (countConfig.value.show) {
@@ -103,7 +108,7 @@ var TextArea = /* @__PURE__ */ (0, vue.defineComponent)((props, { expose, attrs
 			});
 			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),
+				"class": (0, _v_c_util.clsx)(`${prefixCls}-data-count`, classNames?.count),
 				"style": styles?.count
 			}, [dataCount])]);
 		}
@@ -115,7 +120,7 @@ var TextArea = /* @__PURE__ */ (0, vue.defineComponent)((props, { expose, attrs
 			onCompositionstart: onInternalCompositionStart,
 			onCompositionend: onInternalCompositionEnd
 		};
-		return (0, vue.createVNode)(__v_c_input.BaseInput, {
+		return (0, vue.createVNode)(_v_c_input.BaseInput, {
 			"ref": holderRef,
 			"value": formatValue.value,
 			"allowClear": allowClear,
@@ -124,14 +129,14 @@ var TextArea = /* @__PURE__ */ (0, vue.defineComponent)((props, { expose, attrs
 			"prefixCls": prefixCls,
 			"classNames": {
 				...classNames,
-				affixWrapper: (0, __v_c_util.clsx)(classNames?.affixWrapper, {
+				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`),
+			"class": (0, _v_c_util.clsx)(className, isOutOfRange.value && `${prefixCls}-out-of-range`),
 			"style": {
 				...style,
 				...textareaResized.value && !isPureTextArea ? { height: "auto" } : {}
@@ -140,7 +145,7 @@ var TextArea = /* @__PURE__ */ (0, vue.defineComponent)((props, { expose, attrs
 			"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, [
+		}, { default: () => [(0, vue.createVNode)(require_ResizableTextArea.default, (0, vue.mergeProps)(restAttrs, (0, _v_c_util_dist_omit.default)(props, [
 			"suffix",
 			"classNames",
 			"styles",
@@ -156,13 +161,15 @@ var TextArea = /* @__PURE__ */ (0, vue.defineComponent)((props, { expose, attrs
 			"onResize",
 			"onChange",
 			"onKeydown",
-			"onPressEnter"
+			"onPressEnter",
+			"onFocus",
+			"onBlur"
 		]), {
 			"autoSize": autoSize,
 			"maxLength": maxLength,
 			"onChange": onInternalChange
 		}, textareaProps, {
-			"class": (0, __v_c_util.clsx)(classNames?.textarea),
+			"class": (0, _v_c_util.clsx)(classNames?.textarea),
 			"style": {
 				resize: style?.resize,
 				...styles?.textarea
@@ -178,12 +185,10 @@ var TextArea = /* @__PURE__ */ (0, vue.defineComponent)((props, { expose, attrs
 }, {
 	props: /* @__PURE__ */ (0, vue.mergeDefaults)({
 		value: {
-			type: null,
 			required: false,
 			default: void 0
 		},
 		defaultValue: {
-			type: null,
 			required: false,
 			default: void 0
 		},
@@ -228,7 +233,6 @@ var TextArea = /* @__PURE__ */ (0, vue.defineComponent)((props, { expose, attrs
 			default: void 0
 		},
 		suffix: {
-			type: null,
 			required: false,
 			default: void 0
 		},
@@ -238,7 +242,6 @@ var TextArea = /* @__PURE__ */ (0, vue.defineComponent)((props, { expose, attrs
 			default: void 0
 		},
 		count: {
-			type: null,
 			required: false,
 			default: void 0
 		},
@@ -281,6 +284,21 @@ var TextArea = /* @__PURE__ */ (0, vue.defineComponent)((props, { expose, attrs
 			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",

package/dist/TextArea.js

@@ -72,11 +72,13 @@ var TextArea_default = /* @__PURE__ */ defineComponent((props, { expose, attrs }
 		if (e.key === KeyCodeStr.Enter && onPressEnter && !e.isComposing) onPressEnter(e);
 		props?.onKeydown?.(e);
 	};
-	const handleFocus = () => {
+	const handleFocus = (e) => {
 		focused.value = true;
+		props?.onFocus?.(e);
 	};
-	const handleBlur = () => {
+	const handleBlur = (e) => {
 		focused.value = false;
+		props?.onBlur?.(e);
 	};
 	const handleReset = (e) => {
 		value.value = "";
@@ -153,7 +155,9 @@ var TextArea_default = /* @__PURE__ */ defineComponent((props, { expose, attrs }
 			"onResize",
 			"onChange",
 			"onKeydown",
-			"onPressEnter"
+			"onPressEnter",
+			"onFocus",
+			"onBlur"
 		]), {
 			"autoSize": autoSize,
 			"maxLength": maxLength,
@@ -175,12 +179,10 @@ var TextArea_default = /* @__PURE__ */ defineComponent((props, { expose, attrs }
 }, {
 	props: /* @__PURE__ */ mergeDefaults({
 		value: {
-			type: null,
 			required: false,
 			default: void 0
 		},
 		defaultValue: {
-			type: null,
 			required: false,
 			default: void 0
 		},
@@ -225,7 +227,6 @@ var TextArea_default = /* @__PURE__ */ defineComponent((props, { expose, attrs }
 			default: void 0
 		},
 		suffix: {
-			type: null,
 			required: false,
 			default: void 0
 		},
@@ -235,7 +236,6 @@ var TextArea_default = /* @__PURE__ */ defineComponent((props, { expose, attrs }
 			default: void 0
 		},
 		count: {
-			type: null,
 			required: false,
 			default: void 0
 		},
@@ -278,6 +278,21 @@ var TextArea_default = /* @__PURE__ */ defineComponent((props, { expose, attrs }
 			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",

package/dist/calculateNodeHeight.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 var HIDDEN_TEXTAREA_STYLE = `
   min-height:0 !important;
   max-height:none !important;

package/dist/index.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+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;

package/dist/index.d.ts

@@ -1,4 +1,4 @@
 import { default as TextArea } from './TextArea';
-export type { AutoSizeType, TextAreaProps, } from './interface';
+export type { AutoSizeType, TextAreaProps, TextAreaRef, } from './interface';
 export { default as ResizableTextArea } from './ResizableTextArea';
 export default TextArea;

package/dist/interface.cjs

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

package/dist/interface.d.ts

@@ -39,6 +39,9 @@ export interface TextAreaProps {
     placeholder?: string;
     autoFocus?: boolean;
     onKeydown?: (e: KeyboardEvent) => void;
+    onKeyup?: (e: KeyboardEvent) => void;
+    onFocus?: (e: FocusEvent) => void;
+    onBlur?: (e: FocusEvent) => void;
 }
 export interface TextAreaRef {
     resizableTextArea: ResizableTextAreaRef;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@v-c/textarea",
   "type": "module",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "publishConfig": {
     "access": "public"
   },
@@ -23,9 +23,9 @@
     "vue": "^3.0.0"
   },
   "dependencies": {
-    "@v-c/input": "^1.0.0",
-    "@v-c/resize-observer": "^1.0.0",
-    "@v-c/util": "^1.0.1"
+    "@v-c/input": "^1.0.1",
+    "@v-c/resize-observer": "^1.0.7",
+    "@v-c/util": "^1.0.8"
   },
   "scripts": {
     "build": "vite build",