@v-c/textarea 0.0.2 → 0.0.4

package/dist/ResizableTextArea.cjs

@@ -5,6 +5,8 @@ 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_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;
@@ -119,13 +121,14 @@ var ResizableTextArea_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				overflowY: resizeState.value === RESIZE_START || resizeState.value === RESIZE_MEASURING ? "hidden" : void 0,
 				overflowX: resizeState.value === RESIZE_START || resizeState.value === RESIZE_MEASURING ? "hidden" : void 0
 			};
+			const restAttrs = (0, __v_c_util_dist_omit.default)(attrs, ["class", "style"]);
 			return (0, vue.createVNode)(__v_c_resize_observer.default, {
 				"onResize": onInternalResize,
 				"disabled": !(autoSize || onResize)
-			}, { default: () => [(0, vue.createVNode)("textarea", (0, vue.mergeProps)(attrs, resetProps, {
+			}, { default: () => [(0, vue.createVNode)("textarea", (0, vue.mergeProps)(restAttrs, resetProps, {
 				"ref": textareaRef,
 				"style": mergedStyle,
-				"class": (0, __v_c_util.classNames)(prefixCls, [attrs.className], { [`${prefixCls}-disabled`]: disabled }),
+				"class": (0, __v_c_util.classNames)(prefixCls, [attrs.class], { [`${prefixCls}-disabled`]: disabled }),
 				"disabled": disabled,
 				"value": mergedValue.value,
 				"onChange": onInternalChange,

package/dist/ResizableTextArea.js

@@ -2,6 +2,7 @@ import calculateAutoSizeStyle from "./calculateNodeHeight.js";
 import { computed, createVNode, defineComponent, mergeProps, onBeforeUnmount, ref, shallowRef, watch } from "vue";
 import ResizeObserver from "@v-c/resize-observer";
 import { classNames } from "@v-c/util";
+import omit from "@v-c/util/dist/omit";
 import raf from "@v-c/util/dist/raf";
 var RESIZE_START = 0;
 var RESIZE_MEASURING = 1;
@@ -115,13 +116,14 @@ var ResizableTextArea_default = /* @__PURE__ */ defineComponent({
 				overflowY: resizeState.value === RESIZE_START || resizeState.value === RESIZE_MEASURING ? "hidden" : void 0,
 				overflowX: resizeState.value === RESIZE_START || resizeState.value === RESIZE_MEASURING ? "hidden" : void 0
 			};
+			const restAttrs = omit(attrs, ["class", "style"]);
 			return createVNode(ResizeObserver, {
 				"onResize": onInternalResize,
 				"disabled": !(autoSize || onResize)
-			}, { default: () => [createVNode("textarea", mergeProps(attrs, resetProps, {
+			}, { default: () => [createVNode("textarea", mergeProps(restAttrs, resetProps, {
 				"ref": textareaRef,
 				"style": mergedStyle,
-				"class": classNames(prefixCls, [attrs.className], { [`${prefixCls}-disabled`]: disabled }),
+				"class": classNames(prefixCls, [attrs.class], { [`${prefixCls}-disabled`]: disabled }),
 				"disabled": disabled,
 				"value": mergedValue.value,
 				"onChange": onInternalChange,

package/dist/TextArea.cjs

@@ -3,9 +3,9 @@ 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_input = require("@v-c/input");
 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_input = require("@v-c/input");
 var defaults = { prefixCls: "vc-textarea" };
 var TextArea_default = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs, expose, slots, emit }) => {
 	const stateValue = (0, vue.shallowRef)(props.value ?? props.defaultValue);
@@ -50,7 +50,6 @@ var TextArea_default = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs,
 	const valueLength = (0, vue.computed)(() => countConfig.value.strategy(formatValue.value));
 	const isOutOfRange = (0, vue.computed)(() => !!mergedMax.value && valueLength.value > mergedMax.value);
 	const onChange = (e) => {
-		emit("change", e);
 		props.onChange?.(e);
 	};
 	const triggerChange = (e, currentValue) => {
@@ -69,34 +68,26 @@ var TextArea_default = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs,
 	};
 	const onInternalCompositionStart = (e) => {
 		compositionRef.value = true;
-		emit("compositionStart", e);
 		props.onCompositionStart?.(e);
 	};
 	const onInternalCompositionEnd = (e) => {
 		compositionRef.value = false;
 		triggerChange(e, e.target.value);
-		emit("compositionEnd", e);
 		props.onCompositionEnd?.(e);
 	};
 	const onInternalChange = (e) => {
 		triggerChange(e, e.target.value);
 	};
 	const handleKeyDown = (e) => {
-		if (e.key === "Enter" && props.onPressEnter && !e.isComposing) {
-			emit("pressEnter", e);
-			props.onPressEnter?.(e);
-		}
-		emit("keydown", e);
+		if (e.key === "Enter" && props.onPressEnter && !e.isComposing) props.onPressEnter?.(e);
 		props.onKeyDown?.(e);
 	};
 	const handleFocus = (e) => {
 		focused.value = true;
-		emit("focus", e);
 		props.onFocus?.(e);
 	};
 	const handleBlur = (e) => {
 		focused.value = false;
-		emit("blur", e);
 		props.onBlur?.(e);
 	};
 	const handleReset = (e) => {
@@ -105,7 +96,6 @@ var TextArea_default = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs,
 		emit("update:value", "");
 	};
 	const handleResize = (size) => {
-		emit("resize", size);
 		props.onResize?.(size);
 		if (getTextArea()?.style.height) textareaResized.value = true;
 	};
@@ -160,6 +150,29 @@ var TextArea_default = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs,
 			"onKeyup",
 			"onInput"
 		]);
+		const restProps = (0, __v_c_util_dist_omit.default)(props, [
+			"class",
+			"style",
+			"onFocus",
+			"onBlur",
+			"onChange",
+			"onCompositionEnd",
+			"onCompositionStart",
+			"onKeyDown",
+			"allowClear",
+			"maxLength",
+			"prefixCls",
+			"showCount",
+			"disabled",
+			"hidden",
+			"classNames",
+			"styles",
+			"onClear",
+			"readOnly",
+			"autoSize",
+			"suffix",
+			"onResize"
+		]);
 		return (0, vue.createVNode)(__v_c_input.BaseInput, {
 			"ref": holderRef,
 			"value": formatValue.value,
@@ -179,7 +192,7 @@ var TextArea_default = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs,
 			"hidden": hidden,
 			"readOnly": readOnly,
 			"onClear": onClear
-		}, { default: () => [(0, vue.createVNode)(require_ResizableTextArea.default, (0, vue.mergeProps)(inputAttrs, {
+		}, { default: () => [(0, vue.createVNode)(require_ResizableTextArea.default, (0, vue.mergeProps)(inputAttrs, restProps, {
 			"value": stateValue.value,
 			"autoSize": autoSize,
 			"maxLength": maxLength,

package/dist/TextArea.js

@@ -1,8 +1,8 @@
 import ResizableTextArea_default from "./ResizableTextArea.js";
 import { Fragment, computed, createVNode, defineComponent, mergeDefaults, mergeProps, nextTick, shallowRef, watch } from "vue";
 import { classNames } from "@v-c/util";
-import { BaseInput, resolveOnChange, useCount } from "@v-c/input";
 import omit from "@v-c/util/dist/omit";
+import { BaseInput, resolveOnChange, useCount } from "@v-c/input";
 var defaults = { prefixCls: "vc-textarea" };
 var TextArea_default = /* @__PURE__ */ defineComponent((props, { attrs, expose, slots, emit }) => {
 	const stateValue = shallowRef(props.value ?? props.defaultValue);
@@ -47,7 +47,6 @@ var TextArea_default = /* @__PURE__ */ defineComponent((props, { attrs, expose,
 	const valueLength = computed(() => countConfig.value.strategy(formatValue.value));
 	const isOutOfRange = computed(() => !!mergedMax.value && valueLength.value > mergedMax.value);
 	const onChange = (e) => {
-		emit("change", e);
 		props.onChange?.(e);
 	};
 	const triggerChange = (e, currentValue) => {
@@ -66,34 +65,26 @@ var TextArea_default = /* @__PURE__ */ defineComponent((props, { attrs, expose,
 	};
 	const onInternalCompositionStart = (e) => {
 		compositionRef.value = true;
-		emit("compositionStart", e);
 		props.onCompositionStart?.(e);
 	};
 	const onInternalCompositionEnd = (e) => {
 		compositionRef.value = false;
 		triggerChange(e, e.target.value);
-		emit("compositionEnd", e);
 		props.onCompositionEnd?.(e);
 	};
 	const onInternalChange = (e) => {
 		triggerChange(e, e.target.value);
 	};
 	const handleKeyDown = (e) => {
-		if (e.key === "Enter" && props.onPressEnter && !e.isComposing) {
-			emit("pressEnter", e);
-			props.onPressEnter?.(e);
-		}
-		emit("keydown", e);
+		if (e.key === "Enter" && props.onPressEnter && !e.isComposing) props.onPressEnter?.(e);
 		props.onKeyDown?.(e);
 	};
 	const handleFocus = (e) => {
 		focused.value = true;
-		emit("focus", e);
 		props.onFocus?.(e);
 	};
 	const handleBlur = (e) => {
 		focused.value = false;
-		emit("blur", e);
 		props.onBlur?.(e);
 	};
 	const handleReset = (e) => {
@@ -102,7 +93,6 @@ var TextArea_default = /* @__PURE__ */ defineComponent((props, { attrs, expose,
 		emit("update:value", "");
 	};
 	const handleResize = (size) => {
-		emit("resize", size);
 		props.onResize?.(size);
 		if (getTextArea()?.style.height) textareaResized.value = true;
 	};
@@ -157,6 +147,29 @@ var TextArea_default = /* @__PURE__ */ defineComponent((props, { attrs, expose,
 			"onKeyup",
 			"onInput"
 		]);
+		const restProps = omit(props, [
+			"class",
+			"style",
+			"onFocus",
+			"onBlur",
+			"onChange",
+			"onCompositionEnd",
+			"onCompositionStart",
+			"onKeyDown",
+			"allowClear",
+			"maxLength",
+			"prefixCls",
+			"showCount",
+			"disabled",
+			"hidden",
+			"classNames",
+			"styles",
+			"onClear",
+			"readOnly",
+			"autoSize",
+			"suffix",
+			"onResize"
+		]);
 		return createVNode(BaseInput, {
 			"ref": holderRef,
 			"value": formatValue.value,
@@ -176,7 +189,7 @@ var TextArea_default = /* @__PURE__ */ defineComponent((props, { attrs, expose,
 			"hidden": hidden,
 			"readOnly": readOnly,
 			"onClear": onClear
-		}, { default: () => [createVNode(ResizableTextArea_default, mergeProps(inputAttrs, {
+		}, { default: () => [createVNode(ResizableTextArea_default, mergeProps(inputAttrs, restProps, {
 			"value": stateValue.value,
 			"autoSize": autoSize,
 			"maxLength": maxLength,

package/package.json

@@ -1,14 +1,10 @@
 {
   "name": "@v-c/textarea",
   "type": "module",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "publishConfig": {
     "access": "public"
   },
-  "files": [
-    "dist",
-    "package.json"
-  ],
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -19,13 +15,17 @@
     "./package.json": "./package.json"
   },
   "main": "dist/index.js",
+  "files": [
+    "dist",
+    "package.json"
+  ],
   "peerDependencies": {
     "vue": "^3.0.0"
   },
   "dependencies": {
     "@v-c/input": "^0.0.2",
-    "@v-c/resize-observer": "^0.0.4",
-    "@v-c/util": "^0.0.19"
+    "@v-c/resize-observer": "^1.0.0",
+    "@v-c/util": "^1.0.0"
   },
   "scripts": {
     "build": "vite build",