@sdata/web-vue 3.17.0 → 3.19.0

package/es/tabs/index.d.ts

@@ -80,8 +80,8 @@ declare const Tabs: {
             default: boolean;
         };
     }>> & Readonly<{
-        onDelete?: ((_key: string | number, _ev: Event) => any) | undefined;
         onAdd?: ((_ev: Event) => any) | undefined;
+        onDelete?: ((_key: string | number, _ev: Event) => any) | undefined;
         onChange?: ((_key: string | number) => any) | undefined;
         "onUpdate:activeKey"?: ((_key: string | number) => any) | undefined;
         onTabClick?: ((_key: string | number, _ev: Event) => any) | undefined;
@@ -93,13 +93,13 @@ declare const Tabs: {
         delete: (_key: string | number, _ev: Event) => true;
     }, import("vue").PublicProps, {
         type: import("./interface").TabsType;
-        trigger: import("./interface").TabTriggerEvent;
         position: import("./interface").TabsPosition;
-        direction: "horizontal" | "vertical";
+        justify: boolean;
         scrollbar: boolean | import("../index.ts").ScrollbarProps;
+        trigger: import("./interface").TabTriggerEvent;
+        direction: "horizontal" | "vertical";
         activeKey: string | number;
         animation: boolean;
-        justify: boolean;
         fullHeight: boolean;
         destroyOnHide: boolean;
         defaultActiveKey: string | number;
@@ -194,20 +194,20 @@ declare const Tabs: {
             default: boolean;
         };
     }>> & Readonly<{
-        onDelete?: ((_key: string | number, _ev: Event) => any) | undefined;
         onAdd?: ((_ev: Event) => any) | undefined;
+        onDelete?: ((_key: string | number, _ev: Event) => any) | undefined;
         onChange?: ((_key: string | number) => any) | undefined;
         "onUpdate:activeKey"?: ((_key: string | number) => any) | undefined;
         onTabClick?: ((_key: string | number, _ev: Event) => any) | undefined;
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
         type: import("./interface").TabsType;
-        trigger: import("./interface").TabTriggerEvent;
         position: import("./interface").TabsPosition;
-        direction: "horizontal" | "vertical";
+        justify: boolean;
         scrollbar: boolean | import("../index.ts").ScrollbarProps;
+        trigger: import("./interface").TabTriggerEvent;
+        direction: "horizontal" | "vertical";
         activeKey: string | number;
         animation: boolean;
-        justify: boolean;
         fullHeight: boolean;
         destroyOnHide: boolean;
         defaultActiveKey: string | number;
@@ -299,8 +299,8 @@ declare const Tabs: {
         default: boolean;
     };
 }>> & Readonly<{
-    onDelete?: ((_key: string | number, _ev: Event) => any) | undefined;
     onAdd?: ((_ev: Event) => any) | undefined;
+    onDelete?: ((_key: string | number, _ev: Event) => any) | undefined;
     onChange?: ((_key: string | number) => any) | undefined;
     "onUpdate:activeKey"?: ((_key: string | number) => any) | undefined;
     onTabClick?: ((_key: string | number, _ev: Event) => any) | undefined;
@@ -312,13 +312,13 @@ declare const Tabs: {
     delete: (_key: string | number, _ev: Event) => true;
 }, string, {
     type: import("./interface").TabsType;
-    trigger: import("./interface").TabTriggerEvent;
     position: import("./interface").TabsPosition;
-    direction: "horizontal" | "vertical";
+    justify: boolean;
     scrollbar: boolean | import("../index.ts").ScrollbarProps;
+    trigger: import("./interface").TabTriggerEvent;
+    direction: "horizontal" | "vertical";
     activeKey: string | number;
     animation: boolean;
-    justify: boolean;
     fullHeight: boolean;
     destroyOnHide: boolean;
     defaultActiveKey: string | number;

package/es/tabs/index.js

@@ -12,4 +12,4 @@ var Tabs = Object.assign(tabs_default, {
 	}
 });
 //#endregion
-export { Tabs as default };
+export { tab_pane_default as TabPane, Tabs as default };

package/es/tabs/tab-pane.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import Scrollbar from "../scrollbar/index.js";
 import { tabsInjectionKey } from "./context.js";
@@ -121,7 +121,7 @@ var tab_pane_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			}, paneScrollbarProps.value), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
-			}, 16, ["outer-class"])) : renderSlot(_ctx.$slots, "default", { key: 1 })], 2)) : createCommentVNode("", true)], 10, _hoisted_1);
+			}, 16, ["outer-class"])) : renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 1)], 2)) : createCommentVNode("", true)], 10, _hoisted_1);
 		};
 	}
 }));

package/es/tabs/tabs-nav-ink.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { computed, createElementBlock, defineComponent, nextTick, normalizeClass, normalizeStyle, onMounted, onUpdated, openBlock, ref } from "vue";
 //#region components/tabs/tabs-nav-ink.vue?vue&type=script&setup=true&lang.ts

package/es/tabs/tabs-nav.d.ts

@@ -49,7 +49,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<ScrollPosition>;
         default: string;
     };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "delete" | "add")[], "click" | "delete" | "add", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("add" | "click" | "delete")[], "add" | "click" | "delete", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     tabs: {
         type: PropType<TabData[]>;
         required: true;

package/es/tabs/tabs-nav.js

@@ -170,7 +170,8 @@ var tabs_nav_default = /* @__PURE__ */ defineComponent({
 		};
 		const handleButtonClick = (type) => {
 			const scrollDirection = type === "previous" !== isRtlHorizontal.value ? -1 : 1;
-			setOffset(offset.value + scrollDirection * wrapperLength.value);
+			const nextOffset = offset.value + scrollDirection * wrapperLength.value;
+			setOffset(nextOffset);
 		};
 		const focusAndActivate = (key, ev) => {
 			const el = tabsRef.value[key];

package/es/tabs/tabs-tab.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import icon_hover_default from "../_components/icon-hover.js";
 import { KEYBOARD_KEY } from "../_utils/keyboard.js";

package/es/tabs/tabs.d.ts

@@ -161,20 +161,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
 }>> & Readonly<{
-    onDelete?: ((_key: string | number, _ev: Event) => any) | undefined;
     onAdd?: ((_ev: Event) => any) | undefined;
+    onDelete?: ((_key: string | number, _ev: Event) => any) | undefined;
     onChange?: ((_key: string | number) => any) | undefined;
     "onUpdate:activeKey"?: ((_key: string | number) => any) | undefined;
     onTabClick?: ((_key: string | number, _ev: Event) => any) | undefined;
 }>, {
     type: TabsType;
-    trigger: TabTriggerEvent;
     position: TabsPosition;
-    direction: "horizontal" | "vertical";
+    justify: boolean;
     scrollbar: boolean | ScrollbarProps;
+    trigger: TabTriggerEvent;
+    direction: "horizontal" | "vertical";
     activeKey: string | number;
     animation: boolean;
-    justify: boolean;
     fullHeight: boolean;
     destroyOnHide: boolean;
     defaultActiveKey: string | number;

package/es/tag/index.d.ts

@@ -85,6 +85,8 @@ declare const Tag: {
         check: (_checked: boolean, _ev: MouseEvent) => any;
     }, import("vue").PublicProps, {
         visible: boolean;
+        nowrap: boolean;
+        ellipsis: boolean;
         loading: boolean;
         bordered: boolean;
         defaultVisible: boolean;
@@ -92,8 +94,6 @@ declare const Tag: {
         checkable: boolean;
         checked: boolean;
         defaultChecked: boolean;
-        nowrap: boolean;
-        ellipsis: boolean;
         ellipsisLineClamp: string | number;
         ellipsisExpandTrigger: "click";
         ellipsisTooltip: boolean | import("../index.ts").EllipsisTooltipProps;
@@ -185,6 +185,8 @@ declare const Tag: {
         onCheck?: ((_checked: boolean, _ev: MouseEvent) => any) | undefined;
     }>, {}, {}, {}, {}, {
         visible: boolean;
+        nowrap: boolean;
+        ellipsis: boolean;
         loading: boolean;
         bordered: boolean;
         defaultVisible: boolean;
@@ -192,8 +194,6 @@ declare const Tag: {
         checkable: boolean;
         checked: boolean;
         defaultChecked: boolean;
-        nowrap: boolean;
-        ellipsis: boolean;
         ellipsisLineClamp: string | number;
         ellipsisExpandTrigger: "click";
         ellipsisTooltip: boolean | import("../index.ts").EllipsisTooltipProps;
@@ -287,6 +287,8 @@ declare const Tag: {
     check: (_checked: boolean, _ev: MouseEvent) => any;
 }, string, {
     visible: boolean;
+    nowrap: boolean;
+    ellipsis: boolean;
     loading: boolean;
     bordered: boolean;
     defaultVisible: boolean;
@@ -294,8 +296,6 @@ declare const Tag: {
     checkable: boolean;
     checked: boolean;
     defaultChecked: boolean;
-    nowrap: boolean;
-    ellipsis: boolean;
     ellipsisLineClamp: string | number;
     ellipsisExpandTrigger: "click";
     ellipsisTooltip: boolean | import("../index.ts").EllipsisTooltipProps;

package/es/tag/tag.vue.d.ts

@@ -166,6 +166,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     onCheck?: ((_checked: boolean, _ev: MouseEvent) => any) | undefined;
 }>, {
     visible: boolean;
+    nowrap: boolean;
+    ellipsis: boolean;
     loading: boolean;
     bordered: boolean;
     defaultVisible: boolean;
@@ -173,8 +175,6 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     checkable: boolean;
     checked: boolean;
     defaultChecked: boolean;
-    nowrap: boolean;
-    ellipsis: boolean;
     ellipsisLineClamp: string | number;
     ellipsisExpandTrigger: "click";
     ellipsisTooltip: boolean | EllipsisTooltipProps;

package/es/tag/tag.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
 import { configProviderInjectionKey } from "../config-provider/context.js";
-import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import icon_hover_default from "../_components/icon-hover.js";
 import { isActivationKey } from "../_utils/keyboard.js";

package/es/tag-group/tag-group.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import resize_observer_default from "../_components/resize-observer.js";
 import Popover from "../popover/index.js";
@@ -237,10 +237,9 @@ var tag_group_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 							nowrap: true
 						}), {
 							default: withCtx(() => [_ctx.$slots.label ? renderSlot(_ctx.$slots, "label", {
-								key: 0,
 								data: slotProps.option.raw,
 								option: slotProps.option.raw
-							}) : isCompressedResponsiveItem(slotProps.index, slotProps.option.value) ? (openBlock(), createBlock(unref(Ellipsis), {
+							}, void 0, void 0, 0) : isCompressedResponsiveItem(slotProps.index, slotProps.option.value) ? (openBlock(), createBlock(unref(Ellipsis), {
 								key: 1,
 								class: normalizeClass(`${unref(prefixCls)}-item-ellipsis`)
 							}, {
@@ -282,7 +281,7 @@ var tag_group_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 					}, 1032, ["class", "data-hidden-count"]))]),
 					_: 3
 				}),
-				createElementVNode("span", { class: normalizeClass(cls.value) }, [normalizedOptions.value.length === 0 ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+				createElementVNode("span", { class: normalizeClass(cls.value) }, [normalizedOptions.value.length === 0 ? renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 0) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
 					isResponsiveMaxCount.value ? (openBlock(), createBlock(unref(resize_observer_default), {
 						key: 0,
 						onResize: handleResize

package/es/textarea/index.d.ts

@@ -9,6 +9,14 @@ declare const Textarea: {
             default: string;
         };
         placeholder: StringConstructor;
+        fitWidth: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        maxWFull: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         disabled: {
             type: BooleanConstructor;
             default: boolean;
@@ -53,8 +61,8 @@ declare const Textarea: {
             type: import("vue").PropType<Record<string, any>>;
         };
     }>> & Readonly<{
-        onFocus?: ((_ev: FocusEvent) => any) | undefined;
         onClear?: ((_ev: MouseEvent) => any) | undefined;
+        onFocus?: ((_ev: FocusEvent) => any) | undefined;
         onBlur?: ((_ev: FocusEvent) => any) | undefined;
         onChange?: ((_value: string, _ev: Event) => any) | undefined;
         onInput?: ((_value: string, _ev: Event) => any) | undefined;
@@ -63,18 +71,20 @@ declare const Textarea: {
         focus: () => void;
         blur: () => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        focus: (_ev: FocusEvent) => any;
         clear: (_ev: MouseEvent) => any;
+        focus: (_ev: FocusEvent) => any;
         blur: (_ev: FocusEvent) => any;
         change: (_value: string, _ev: Event) => any;
         input: (_value: string, _ev: Event) => any;
         "update:modelValue": (_value: string) => any;
     }, import("vue").PublicProps, {
+        disabled: boolean;
         error: boolean;
         readonly: string | boolean;
-        disabled: boolean;
         defaultValue: string;
         allowClear: boolean;
+        fitWidth: boolean;
+        maxWFull: boolean;
         maxLength: number | {
             length: number;
             errorOnly?: boolean;
@@ -98,6 +108,14 @@ declare const Textarea: {
             default: string;
         };
         placeholder: StringConstructor;
+        fitWidth: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        maxWFull: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         disabled: {
             type: BooleanConstructor;
             default: boolean;
@@ -142,8 +160,8 @@ declare const Textarea: {
             type: import("vue").PropType<Record<string, any>>;
         };
     }>> & Readonly<{
-        onFocus?: ((_ev: FocusEvent) => any) | undefined;
         onClear?: ((_ev: MouseEvent) => any) | undefined;
+        onFocus?: ((_ev: FocusEvent) => any) | undefined;
         onBlur?: ((_ev: FocusEvent) => any) | undefined;
         onChange?: ((_value: string, _ev: Event) => any) | undefined;
         onInput?: ((_value: string, _ev: Event) => any) | undefined;
@@ -152,11 +170,13 @@ declare const Textarea: {
         focus: () => void;
         blur: () => void;
     }, {}, {}, {}, {
+        disabled: boolean;
         error: boolean;
         readonly: string | boolean;
-        disabled: boolean;
         defaultValue: string;
         allowClear: boolean;
+        fitWidth: boolean;
+        maxWFull: boolean;
         maxLength: number | {
             length: number;
             errorOnly?: boolean;
@@ -177,6 +197,14 @@ declare const Textarea: {
         default: string;
     };
     placeholder: StringConstructor;
+    fitWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxWFull: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -221,8 +249,8 @@ declare const Textarea: {
         type: import("vue").PropType<Record<string, any>>;
     };
 }>> & Readonly<{
-    onFocus?: ((_ev: FocusEvent) => any) | undefined;
     onClear?: ((_ev: MouseEvent) => any) | undefined;
+    onFocus?: ((_ev: FocusEvent) => any) | undefined;
     onBlur?: ((_ev: FocusEvent) => any) | undefined;
     onChange?: ((_value: string, _ev: Event) => any) | undefined;
     onInput?: ((_value: string, _ev: Event) => any) | undefined;
@@ -231,18 +259,20 @@ declare const Textarea: {
     focus: () => void;
     blur: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    focus: (_ev: FocusEvent) => any;
     clear: (_ev: MouseEvent) => any;
+    focus: (_ev: FocusEvent) => any;
     blur: (_ev: FocusEvent) => any;
     change: (_value: string, _ev: Event) => any;
     input: (_value: string, _ev: Event) => any;
     "update:modelValue": (_value: string) => any;
 }, string, {
+    disabled: boolean;
     error: boolean;
     readonly: string | boolean;
-    disabled: boolean;
     defaultValue: string;
     allowClear: boolean;
+    fitWidth: boolean;
+    maxWFull: boolean;
     maxLength: number | {
         length: number;
         errorOnly?: boolean;

package/es/textarea/style/index.css

@@ -133,6 +133,12 @@
   padding-left: 0;
   overflow: hidden;
 }
+.sd-textarea-wrapper.sd-textarea-fit-width {
+  width: fit-content;
+}
+.sd-textarea-wrapper.sd-textarea-max-w-full {
+  max-width: 100%;
+}
 .sd-textarea-wrapper .sd-textarea-word-limit {
   position: absolute;
   right: 10px;

package/es/textarea/style/index.scss

@@ -15,6 +15,14 @@ $textarea-prefix-cls: string.unquote('#{theme.$prefix}-textarea');
   padding-left: 0;
   overflow: hidden;
 
+  &.#{$textarea-prefix-cls}-fit-width {
+    width: fit-content;
+  }
+
+  &.#{$textarea-prefix-cls}-max-w-full {
+    max-width: 100%;
+  }
+
   .#{$textarea-prefix-cls}-word-limit {
     position: absolute;
     right: $textarea-layout-tip-right;

package/es/textarea/textarea.vue.d.ts

@@ -12,6 +12,14 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         default: string;
     };
     placeholder: StringConstructor;
+    fitWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxWFull: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -59,8 +67,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     focus: typeof focus;
     blur: typeof blur;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    focus: (_ev: FocusEvent) => any;
     clear: (_ev: MouseEvent) => any;
+    focus: (_ev: FocusEvent) => any;
     blur: (_ev: FocusEvent) => any;
     change: (_value: string, _ev: Event) => any;
     input: (_value: string, _ev: Event) => any;
@@ -72,6 +80,14 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         default: string;
     };
     placeholder: StringConstructor;
+    fitWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxWFull: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -116,18 +132,20 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: PropType<Record<string, any>>;
     };
 }>> & Readonly<{
-    onFocus?: ((_ev: FocusEvent) => any) | undefined;
     onClear?: ((_ev: MouseEvent) => any) | undefined;
+    onFocus?: ((_ev: FocusEvent) => any) | undefined;
     onBlur?: ((_ev: FocusEvent) => any) | undefined;
     onChange?: ((_value: string, _ev: Event) => any) | undefined;
     onInput?: ((_value: string, _ev: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
 }>, {
+    disabled: boolean;
     error: boolean;
     readonly: string | boolean;
-    disabled: boolean;
     defaultValue: string;
     allowClear: boolean;
+    fitWidth: boolean;
+    maxWFull: boolean;
     maxLength: number | {
         length: number;
         errorOnly?: boolean;

package/es/textarea/textarea.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
 import { useFormItem } from "../_hooks/use-form-item.js";
-import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isFunction, isNull, isObject, isUndefined } from "../_utils/is.js";
 import resize_observer_default from "../_components/resize-observer.js";
@@ -9,6 +9,7 @@ import IconClose from "../icon/icon-close/index.js";
 import { useI18n } from "../locale/index.js";
 import { useAllowClear } from "../_hooks/use-allow-clear.js";
 import { useCursor } from "../_hooks/use-cursor.js";
+import { useFitWidth } from "../_hooks/use-fit-width.js";
 import { isReadonlyModificationKey, useReadonlyTip, useReadonlyTipText } from "../_hooks/use-readonly-tip.js";
 import { INPUT_EVENTS } from "../_utils/constant.js";
 import { omit } from "../_utils/omit.js";
@@ -50,6 +51,22 @@ var textarea_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 		*/
 		placeholder: String,
 		/**
+		* @zh 宽度是否适应文字内容
+		* @en Whether the width adapts to the text content
+		*/
+		fitWidth: {
+			type: Boolean,
+			default: false
+		},
+		/**
+		* @zh 最大宽度是否限制为父容器宽度
+		* @en Whether the maximum width is limited to the parent container width
+		*/
+		maxWFull: {
+			type: Boolean,
+			default: true
+		},
+		/**
 		* @zh 是否禁用
 		* @en Whether to disable
 		*/
@@ -154,6 +171,17 @@ var textarea_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			return (_modelValue$value = modelValue.value) !== null && _modelValue$value !== void 0 ? _modelValue$value : _value.value;
 		});
 		const [recordCursor, setCursor] = useCursor(textareaRef);
+		const { fitWidthStyle, fitWidthValue } = useFitWidth({
+			fitWidth: () => props.fitWidth,
+			text: computed(() => computedValue.value || props.placeholder),
+			fallbackWidth: "12ch",
+			target: textareaRef,
+			whiteSpace: "pre-wrap"
+		});
+		const fitWidthContentStyle = computed(() => props.fitWidth ? {
+			width: fitWidthValue,
+			minWidth: 0
+		} : void 0);
 		watch(modelValue, (value) => {
 			if (isUndefined(value) || isNull(value)) _value.value = "";
 		});
@@ -262,7 +290,10 @@ var textarea_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 		watch(() => modelValue.value, (value) => {
 			if (value !== computedValue.value) updateValue(value !== null && value !== void 0 ? value : "", false);
 		});
-		const getWrapperAttrs = (attr) => omit(attrs, INPUT_EVENTS);
+		const getWrapperAttrs = (attr) => {
+			const wrapperAttrs = omit(attr, INPUT_EVENTS);
+			return _objectSpread2(_objectSpread2({}, wrapperAttrs), {}, { style: [fitWidthStyle.value, wrapperAttrs.style] });
+		};
 		const getTextareaAttrs = (attr) => pick(attrs, INPUT_EVENTS);
 		const rawTextareaAttrs = getTextareaAttrs(attrs);
 		const mergeTextareaAttrs = computed(() => {
@@ -275,7 +306,9 @@ var textarea_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			[`${prefixCls}-focus`]: focused.value,
 			[`${prefixCls}-disabled`]: mergedDisabled.value,
 			[`${prefixCls}-error`]: mergedError.value,
-			[`${prefixCls}-scroll`]: isScroll.value
+			[`${prefixCls}-scroll`]: isScroll.value,
+			[`${prefixCls}-fit-width`]: props.fitWidth,
+			[`${prefixCls}-max-w-full`]: props.maxWFull
 		}]);
 		let styleDeclaration;
 		const lineHeight = ref(0);
@@ -387,7 +420,7 @@ var textarea_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 							disabled: unref(mergedDisabled),
 							readonly: !!__props.readonly,
 							class: unref(prefixCls),
-							style: textareaStyle.value,
+							style: [fitWidthContentStyle.value, textareaStyle.value],
 							value: computedValue.value,
 							placeholder: __props.placeholder,
 							onKeydown: handleKeyDown,