@sdata/web-vue 3.18.0 → 3.20.0

package/es/table/table-operation-td.d.ts

@@ -141,7 +141,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                     click: (_e: MouseEvent) => any;
                 }, import("vue").PublicProps, {
-                    size: "small" | "mini" | "medium" | "large";
+                    size: "small" | "medium" | "large" | "mini";
                     disabled: boolean;
                 }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                     P: {};
@@ -165,7 +165,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 }>> & Readonly<{
                     onClick?: ((_e: MouseEvent) => any) | undefined;
                 }>, {}, {}, {}, {}, {
-                    size: "small" | "mini" | "medium" | "large";
+                    size: "small" | "medium" | "large" | "mini";
                     disabled: boolean;
                 }>;
                 __isFragment?: never;
@@ -188,7 +188,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 click: (_e: MouseEvent) => any;
             }, string, {
-                size: "small" | "mini" | "medium" | "large";
+                size: "small" | "medium" | "large" | "mini";
                 disabled: boolean;
             }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
                 $slots: {
@@ -305,7 +305,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 click: (_e: MouseEvent) => any;
             }, import("vue").PublicProps, {
-                size: "small" | "mini" | "medium" | "large";
+                size: "small" | "medium" | "large" | "mini";
                 disabled: boolean;
             }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                 P: {};
@@ -329,7 +329,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }>> & Readonly<{
                 onClick?: ((_e: MouseEvent) => any) | undefined;
             }>, {}, {}, {}, {}, {
-                size: "small" | "mini" | "medium" | "large";
+                size: "small" | "medium" | "large" | "mini";
                 disabled: boolean;
             }>;
             __isFragment?: never;
@@ -352,7 +352,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (_e: MouseEvent) => any;
         }, string, {
-            size: "small" | "mini" | "medium" | "large";
+            size: "small" | "medium" | "large" | "mini";
             disabled: boolean;
         }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
             $slots: {
@@ -478,7 +478,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                     click: (_e: MouseEvent) => any;
                 }, import("vue").PublicProps, {
-                    size: "small" | "mini" | "medium" | "large";
+                    size: "small" | "medium" | "large" | "mini";
                     disabled: boolean;
                 }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                     P: {};
@@ -502,7 +502,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 }>> & Readonly<{
                     onClick?: ((_e: MouseEvent) => any) | undefined;
                 }>, {}, {}, {}, {}, {
-                    size: "small" | "mini" | "medium" | "large";
+                    size: "small" | "medium" | "large" | "mini";
                     disabled: boolean;
                 }>;
                 __isFragment?: never;
@@ -525,7 +525,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 click: (_e: MouseEvent) => any;
             }, string, {
-                size: "small" | "mini" | "medium" | "large";
+                size: "small" | "medium" | "large" | "mini";
                 disabled: boolean;
             }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
                 $slots: {
@@ -635,7 +635,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 click: (_e: MouseEvent) => any;
             }, import("vue").PublicProps, {
-                size: "small" | "mini" | "medium" | "large";
+                size: "small" | "medium" | "large" | "mini";
                 disabled: boolean;
             }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                 P: {};
@@ -659,7 +659,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }>> & Readonly<{
                 onClick?: ((_e: MouseEvent) => any) | undefined;
             }>, {}, {}, {}, {}, {
-                size: "small" | "mini" | "medium" | "large";
+                size: "small" | "medium" | "large" | "mini";
                 disabled: boolean;
             }>;
             __isFragment?: never;
@@ -682,7 +682,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (_e: MouseEvent) => any;
         }, string, {
-            size: "small" | "mini" | "medium" | "large";
+            size: "small" | "medium" | "large" | "mini";
             disabled: boolean;
         }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
             $slots: {

package/es/table/table-td.d.ts

@@ -109,9 +109,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
 }>> & Readonly<{}>, {
-    type: "normal" | "radio" | "checkbox" | "expand" | "operation";
-    summary: boolean;
+    type: "normal" | "checkbox" | "radio" | "expand" | "operation";
     column: TableColumnData;
+    summary: boolean;
     dataColumns: TableColumnData[];
     operations: TableOperationColumn[];
     record: TableDataWithRaw;

package/es/table/table.d.ts

@@ -2,6 +2,7 @@ import type { PropType } from 'vue';
 import type { ScrollIntoViewOptions, VirtualListProps } from '../_components/virtual-list/interface';
 import type { Size } from '../_utils/constant';
 import type { BaseType } from '../_utils/types';
+import type { SpinProps } from '../spin';
 import type { TableBorder, TableChangeExtra, TableColumnData, TableComponents, TableData, TableDraggable, TableExpandable, TableOperationColumn, TablePagePosition, TableRowSelection } from './interface';
 import { PaginationProps } from '../pagination';
 import { ScrollbarProps } from '../scrollbar';
@@ -28,16 +29,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     size: {
         type: PropType<Size>;
-        default: () => "small" | "mini" | "medium" | "large";
+        default: () => "small" | "medium" | "large" | "mini";
     };
     tableLayoutFixed: {
         type: BooleanConstructor;
         default: boolean;
     };
     loading: {
-        type: (ObjectConstructor | BooleanConstructor)[];
+        type: PropType<boolean | SpinProps>;
         default: boolean;
     };
+    spinProps: {
+        type: PropType<SpinProps>;
+    };
     rowSelection: {
         type: PropType<TableRowSelection>;
     };
@@ -232,16 +236,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     size: {
         type: PropType<Size>;
-        default: () => "small" | "mini" | "medium" | "large";
+        default: () => "small" | "medium" | "large" | "mini";
     };
     tableLayoutFixed: {
         type: BooleanConstructor;
         default: boolean;
     };
     loading: {
-        type: (ObjectConstructor | BooleanConstructor)[];
+        type: PropType<boolean | SpinProps>;
         default: boolean;
     };
+    spinProps: {
+        type: PropType<SpinProps>;
+    };
     rowSelection: {
         type: PropType<TableRowSelection>;
     };
@@ -393,10 +400,22 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onRowContextmenu?: ((_record: TableData, _ev: Event) => any) | undefined;
     onCellContextmenu?: ((_record: TableData, _column: TableColumnData, _ev: Event) => any) | undefined;
 }>, {
-    size: "small" | "mini" | "medium" | "large";
-    data: TableData[];
+    size: "small" | "medium" | "large" | "mini";
     scrollbar: boolean | ScrollbarProps;
-    loading: boolean | Record<string, any>;
+    data: TableData[];
+    loading: boolean | (Partial<{
+        dot: boolean;
+        loading: boolean;
+        delay: number | boolean;
+        hideIcon: boolean;
+    }> & Omit<{
+        readonly dot: boolean;
+        readonly loading: boolean;
+        readonly delay: number | boolean;
+        readonly hideIcon: boolean;
+        readonly size?: number | undefined;
+        readonly tip?: string | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "dot" | "loading" | "delay" | "hideIcon">);
     bordered: boolean | TableBorder;
     columns: TableColumnData[];
     hoverable: boolean;
@@ -406,7 +425,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     stripe: boolean;
     tableLayoutFixed: boolean;
     pagination: boolean | PaginationProps;
-    pagePosition: "top" | "tl" | "tr" | "bottom" | "bl" | "br";
+    pagePosition: "bottom" | "top" | "tl" | "tr" | "bl" | "br";
     rowKey: string | ((record: TableData) => BaseType);
     showHeader: boolean;
     spanAll: boolean;

package/es/table/table.js

@@ -139,6 +139,11 @@ var table_default = /* @__PURE__ */ defineComponent({
 			default: false
 		},
 		/**
+		* @zh 传递给加载中 Spin 的属性
+		* @en Props passed to the loading Spin
+		*/
+		spinProps: { type: Object },
+		/**
 		* @zh 表格的行选择器配置
 		* @en Table row selector configuration
 		*/
@@ -1121,7 +1126,7 @@ var table_default = /* @__PURE__ */ defineComponent({
 			hasScrollBar.value = isTbodyHasScrollBar();
 			getThWidth();
 		});
-		const spinProps = computed(() => isObject(props.loading) ? props.loading : { loading: props.loading });
+		const mergedSpinProps = computed(() => _objectSpread2(_objectSpread2(_objectSpread2({}, configCtx === null || configCtx === void 0 ? void 0 : configCtx.tableSpinProps), props.spinProps), isObject(props.loading) ? props.loading : { loading: props.loading }));
 		const renderEmpty = () => {
 			return createVNode(table_tr_default, { "empty": true }, { default: () => [createVNode(table_td_default, { "colSpan": dataColumns.value.length + operations.value.length }, { default: () => {
 				var _ref2, _slots$empty, _slots$empty2, _configCtx$slots, _configCtx$slots$empt;
@@ -1513,7 +1518,7 @@ var table_default = /* @__PURE__ */ defineComponent({
 				"class": cls.value,
 				"style": style.value,
 				"role": "table"
-			}, [children.value, createVNode(Spin, spinProps.value, { default: () => [
+			}, [children.value, createVNode(Spin, mergedSpinProps.value, { default: () => [
 				props.pagination !== false && (flattenData.value.length > 0 || sortedData.value.length > 0) && isPaginationTop.value && renderPagination(),
 				renderTable(),
 				props.pagination !== false && (flattenData.value.length > 0 || sortedData.value.length > 0) && !isPaginationTop.value && renderPagination()

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/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.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/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;