@sdata/web-vue 3.17.0 → 3.19.0

package/es/index.js

@@ -48,7 +48,7 @@ import grid_row_default from "./grid/grid-row.js";
 import Grid from "./grid/index.js";
 import form_item_default from "./form/form-item.js";
 import Form from "./form/index.js";
-import { A2UI_0_8, defineJsonFormComponents, defineJsonFormSchemas } from "./json-form/types.js";
+import { A2UI_0_9_1, defineJsonFormComponents, defineJsonFormSchemas } from "./json-form/types.js";
 import cascader_panel_default from "./cascader/cascader-panel.js";
 import Cascader from "./cascader/index.js";
 import month_picker_default from "./date-picker/pickers/month-picker.js";
@@ -123,8 +123,12 @@ import Progress from "./progress/index.js";
 import QrCode from "./qr-code/index.js";
 import ResizeBox from "./resize-box/index.js";
 import Result from "./result/index.js";
+import { $createInlineComponentNode, $isInlineComponentNode, InlineComponentNode } from "./rich-text-editor/nodes/inline-component-node.js";
+import { RICH_TEXT_EDITOR_BUILT_IN_NODE_NAMES, RICH_TEXT_EDITOR_JSON_FORM_NODE_NAMES } from "./rich-text-editor/built-in-components.js";
+import RichTextEditor from "./rich-text-editor/index.js";
 import Secret from "./secret/index.js";
 import SelectableCard from "./selectable-card/index.js";
+import Sender, { SenderHeader, SenderSwitch } from "./sender/index.js";
 import line_default from "./skeleton/line.js";
 import shape_default from "./skeleton/shape.js";
 import Skeleton from "./skeleton/index.js";
@@ -147,4 +151,4 @@ import Typography from "./typography/index.js";
 import Upload from "./upload/index.js";
 import Watermark from "./watermark/index.js";
 import SDVue from "./sd-vue.js";
-export { A2UI_0_8, Affix, Alert, Anchor, anchor_link_default as AnchorLink, AutoComplete, Avatar, AvatarGroup, BackTop, Badge, BasicCrudTable, BorderBeam, Breadcrumb, breadcrumb_item_default as BreadcrumbItem, Button, button_group_default as ButtonGroup, Calendar, Card, card_grid_default as CardGrid, card_meta_default as CardMeta, Carousel, carousel_item_default as CarouselItem, Cascader, cascader_panel_default as CascaderPanel, Checkbox, checkbox_group_default as CheckboxGroup, grid_col_default as Col, Collapse, collapse_item_default as CollapseItem, ColorPicker, Comment, ConfigProvider, Copy, countdown_default as Countdown, Cropper, DatePicker, Descriptions, descriptions_item_default as DescriptionsItem, dropdown_group_default as Dgroup, Divider, dropdown_option_default as Doption, Drawer, Dropdown, dropdown_button_default as DropdownButton, dropdown_submenu_default as Dsubmenu, Ellipsis, Empty, FilePreviewer, Form, form_item_default as FormItem, Grid, grid_item_default as GridItem, Icon, Image, preview_default as ImagePreview, preview_action_default as ImagePreviewAction, preview_group_default as ImagePreviewGroup, Input, input_group_default as InputGroup, InputNumber, input_password_default as InputPassword, input_search_default as InputSearch, InputTag, JsonForm, KvList, Layout, content_default as LayoutContent, footer_default as LayoutFooter, header_default as LayoutHeader, sider_default as LayoutSider, Link, List, list_item_default as ListItem, list_item_meta_default as ListItemMeta, Mention, Menu, item_default as MenuItem, item_group_default as MenuItemGroup, Message, Modal, month_picker_default as MonthPicker, Notification, OverflowList, PageHeader, Pagination, PerformantEllipsis, Popconfirm, Popover, Progress, QrCode, quarter_picker_default as QuarterPicker, Radio, radio_group_default as RadioGroup, range_picker_default as RangePicker, Rate, ResizeBox, Result, grid_row_default as Row, Scrollbar, Secret, Select, SelectableCard, Skeleton, line_default as SkeletonLine, shape_default as SkeletonShape, Slider, Space, Spin, Split, Statistic, step_default as Step, Steps, sub_menu_default as SubMenu, Switch, tab_pane_default as TabPane, Table, table_column_default as TableColumn, Tabs, Tag, TagGroup, table_tbody_default as Tbody, table_td_default as Td, Textarea, table_th_default as Th, table_thead_default as Thead, ThemeProvider, TimePicker, Timeline, item_default$1 as TimelineItem, Toolbar, Tooltip, Tour, table_tr_default as Tr, Transfer, Tree, TreeSelect, Trigger, Typography, paragraph_default as TypographyParagraph, text_default as TypographyText, title_default as TypographyTitle, Upload, VerificationCode, Watermark, week_picker_default as WeekPicker, year_picker_default as YearPicker, addI18nMessages, SDVue as default, defineJsonFormComponents, defineJsonFormSchemas, getCssVarToken, getLocale, useFormItem, useLocale };
+export { $createInlineComponentNode, $isInlineComponentNode, A2UI_0_9_1, Affix, Alert, Anchor, anchor_link_default as AnchorLink, AutoComplete, Avatar, AvatarGroup, BackTop, Badge, BasicCrudTable, BorderBeam, Breadcrumb, breadcrumb_item_default as BreadcrumbItem, Button, button_group_default as ButtonGroup, Calendar, Card, card_grid_default as CardGrid, card_meta_default as CardMeta, Carousel, carousel_item_default as CarouselItem, Cascader, cascader_panel_default as CascaderPanel, Checkbox, checkbox_group_default as CheckboxGroup, grid_col_default as Col, Collapse, collapse_item_default as CollapseItem, ColorPicker, Comment, ConfigProvider, Copy, countdown_default as Countdown, Cropper, DatePicker, Descriptions, descriptions_item_default as DescriptionsItem, dropdown_group_default as Dgroup, Divider, dropdown_option_default as Doption, Drawer, Dropdown, dropdown_button_default as DropdownButton, dropdown_submenu_default as Dsubmenu, Ellipsis, Empty, FilePreviewer, Form, form_item_default as FormItem, Grid, grid_item_default as GridItem, Icon, Image, preview_default as ImagePreview, preview_action_default as ImagePreviewAction, preview_group_default as ImagePreviewGroup, InlineComponentNode, Input, input_group_default as InputGroup, InputNumber, input_password_default as InputPassword, input_search_default as InputSearch, InputTag, JsonForm, KvList, Layout, content_default as LayoutContent, footer_default as LayoutFooter, header_default as LayoutHeader, sider_default as LayoutSider, Link, List, list_item_default as ListItem, list_item_meta_default as ListItemMeta, Mention, Menu, item_default as MenuItem, item_group_default as MenuItemGroup, Message, Modal, month_picker_default as MonthPicker, Notification, OverflowList, PageHeader, Pagination, PerformantEllipsis, Popconfirm, Popover, Progress, QrCode, quarter_picker_default as QuarterPicker, RICH_TEXT_EDITOR_BUILT_IN_NODE_NAMES, RICH_TEXT_EDITOR_JSON_FORM_NODE_NAMES, Radio, radio_group_default as RadioGroup, range_picker_default as RangePicker, Rate, ResizeBox, Result, RichTextEditor, grid_row_default as Row, Scrollbar, Secret, Select, SelectableCard, Sender, SenderHeader, SenderSwitch, Skeleton, line_default as SkeletonLine, shape_default as SkeletonShape, Slider, Space, Spin, Split, Statistic, step_default as Step, Steps, sub_menu_default as SubMenu, Switch, tab_pane_default as TabPane, Table, table_column_default as TableColumn, Tabs, Tag, TagGroup, table_tbody_default as Tbody, table_td_default as Td, Textarea, table_th_default as Th, table_thead_default as Thead, ThemeProvider, TimePicker, Timeline, item_default$1 as TimelineItem, Toolbar, Tooltip, Tour, table_tr_default as Tr, Transfer, Tree, TreeSelect, Trigger, Typography, paragraph_default as TypographyParagraph, text_default as TypographyText, title_default as TypographyTitle, Upload, VerificationCode, Watermark, week_picker_default as WeekPicker, year_picker_default as YearPicker, addI18nMessages, SDVue as default, defineJsonFormComponents, defineJsonFormSchemas, getCssVarToken, getLocale, useFormItem, useLocale };

package/es/index.scss

@@ -30,9 +30,11 @@
 @use '@components/slider/style/index.scss' as *;
 @use '@components/skeleton/style/index.scss' as *;
 @use '@components/select/style/index.scss' as *;
+@use '@components/sender/style/index.scss' as *;
 @use '@components/secret/style/index.scss' as *;
 @use '@components/scrollbar/style/index.scss' as *;
 @use '@components/result/style/index.scss' as *;
+@use '@components/rich-text-editor/style/index.scss' as *;
 @use '@components/resize-box/style/index.scss' as *;
 @use '@components/rate/style/index.scss' as *;
 @use '@components/progress/style/index.scss' as *;

package/es/input/index.d.ts

@@ -31,6 +31,14 @@ declare const Input: {
             default: boolean;
         };
         placeholder: StringConstructor;
+        fitWidth: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        maxWFull: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         maxLength: {
             type: import("vue").PropType<number | {
                 length: number;
@@ -55,11 +63,15 @@ declare const Input: {
             type: import("vue").PropType<"text" | "password">;
             default: string;
         };
+        fitWidthFallback: {
+            type: StringConstructor;
+            default: string;
+        };
         prepend: StringConstructor;
         append: StringConstructor;
     }>> & 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;
@@ -81,16 +93,19 @@ declare const Input: {
         blur: (_ev: FocusEvent) => true;
     }, import("vue").PublicProps, {
         type: "text" | "password";
+        disabled: boolean;
         error: boolean;
         readonly: string | boolean;
-        disabled: boolean;
         defaultValue: string;
         allowClear: boolean;
+        fitWidth: boolean;
+        maxWFull: boolean;
         maxLength: number | {
             length: number;
             errorOnly?: boolean;
         };
         showWordLimit: boolean;
+        fitWidthFallback: string;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -124,6 +139,14 @@ declare const Input: {
             default: boolean;
         };
         placeholder: StringConstructor;
+        fitWidth: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        maxWFull: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         maxLength: {
             type: import("vue").PropType<number | {
                 length: number;
@@ -148,11 +171,15 @@ declare const Input: {
             type: import("vue").PropType<"text" | "password">;
             default: string;
         };
+        fitWidthFallback: {
+            type: StringConstructor;
+            default: string;
+        };
         prepend: StringConstructor;
         append: StringConstructor;
     }>> & 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;
@@ -166,16 +193,19 @@ declare const Input: {
         blur(): void;
     }, {
         type: "text" | "password";
+        disabled: boolean;
         error: boolean;
         readonly: string | boolean;
-        disabled: boolean;
         defaultValue: string;
         allowClear: boolean;
+        fitWidth: boolean;
+        maxWFull: boolean;
         maxLength: number | {
             length: number;
             errorOnly?: boolean;
         };
         showWordLimit: boolean;
+        fitWidthFallback: string;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -206,6 +236,14 @@ declare const Input: {
         default: boolean;
     };
     placeholder: StringConstructor;
+    fitWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxWFull: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     maxLength: {
         type: import("vue").PropType<number | {
             length: number;
@@ -230,11 +268,15 @@ declare const Input: {
         type: import("vue").PropType<"text" | "password">;
         default: string;
     };
+    fitWidthFallback: {
+        type: StringConstructor;
+        default: string;
+    };
     prepend: StringConstructor;
     append: StringConstructor;
 }>> & 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;
@@ -256,16 +298,19 @@ declare const Input: {
     blur: (_ev: FocusEvent) => true;
 }, string, {
     type: "text" | "password";
+    disabled: boolean;
     error: boolean;
     readonly: string | boolean;
-    disabled: boolean;
     defaultValue: string;
     allowClear: boolean;
+    fitWidth: boolean;
+    maxWFull: boolean;
     maxLength: number | {
         length: number;
         errorOnly?: boolean;
     };
     showWordLimit: boolean;
+    fitWidthFallback: string;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     Search: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         searchButton: {
@@ -289,6 +334,14 @@ declare const Input: {
         buttonProps: {
             type: import("vue").PropType<import("../index.ts").ButtonProps>;
         };
+        fitWidth: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        maxWFull: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>, {
         inputRef: import("vue").Ref<any, any>;
         render: () => import("vue/jsx-runtime").JSX.Element;
@@ -319,10 +372,20 @@ declare const Input: {
         buttonProps: {
             type: import("vue").PropType<import("../index.ts").ButtonProps>;
         };
+        fitWidth: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        maxWFull: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{
         onSearch?: ((_value: string, _ev: MouseEvent) => any) | undefined;
     }>, {
         disabled: boolean;
+        fitWidth: boolean;
+        maxWFull: boolean;
         searchButton: boolean;
         loading: boolean;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -340,6 +403,14 @@ declare const Input: {
                 type: BooleanConstructor;
                 default: boolean;
             };
+            fitWidth: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            maxWFull: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & Readonly<{
             "onVisibility-change"?: ((_visible: boolean) => any) | undefined;
             "onUpdate:visibility"?: ((_visible: boolean) => any) | undefined;
@@ -350,6 +421,8 @@ declare const Input: {
             "visibility-change": (_visible: boolean) => any;
             "update:visibility": (_visible: boolean) => any;
         }, import("vue").PublicProps, {
+            fitWidth: boolean;
+            maxWFull: boolean;
             visibility: boolean;
             defaultVisibility: boolean;
             invisibleButton: boolean;
@@ -373,6 +446,14 @@ declare const Input: {
                 type: BooleanConstructor;
                 default: boolean;
             };
+            fitWidth: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            maxWFull: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & Readonly<{
             "onVisibility-change"?: ((_visible: boolean) => any) | undefined;
             "onUpdate:visibility"?: ((_visible: boolean) => any) | undefined;
@@ -380,6 +461,8 @@ declare const Input: {
             focus: () => void;
             blur: () => void;
         }, {}, {}, {}, {
+            fitWidth: boolean;
+            maxWFull: boolean;
             visibility: boolean;
             defaultVisibility: boolean;
             invisibleButton: boolean;
@@ -400,6 +483,14 @@ declare const Input: {
             type: BooleanConstructor;
             default: boolean;
         };
+        fitWidth: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        maxWFull: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{
         "onVisibility-change"?: ((_visible: boolean) => any) | undefined;
         "onUpdate:visibility"?: ((_visible: boolean) => any) | undefined;
@@ -410,6 +501,8 @@ declare const Input: {
         "visibility-change": (_visible: boolean) => any;
         "update:visibility": (_visible: boolean) => any;
     }, string, {
+        fitWidth: boolean;
+        maxWFull: boolean;
         visibility: boolean;
         defaultVisibility: boolean;
         invisibleButton: boolean;

package/es/input/index.js

@@ -18,4 +18,4 @@ var Input = Object.assign(input_default, {
 	}
 });
 //#endregion
-export { Input as default };
+export { input_group_default as InputGroup, input_password_default as InputPassword, input_search_default as InputSearch, Input as default };

package/es/input/input-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 { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
 //#region components/input/input-group.vue?vue&type=script&setup=true&lang.ts

package/es/input/input-password.vue.d.ts

@@ -21,6 +21,14 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: BooleanConstructor;
         default: boolean;
     };
+    fitWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxWFull: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
     focus: () => void;
     blur: () => void;
@@ -40,10 +48,20 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: BooleanConstructor;
         default: boolean;
     };
+    fitWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxWFull: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     "onVisibility-change"?: ((_visible: boolean) => any) | undefined;
     "onUpdate:visibility"?: ((_visible: boolean) => any) | undefined;
 }>, {
+    fitWidth: boolean;
+    maxWFull: boolean;
     visibility: boolean;
     defaultVisibility: boolean;
     invisibleButton: boolean;

package/es/input/input-password.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 icon_hover_default from "../_components/icon-hover.js";
 import input_default from "./input.js";
 import useMergeState from "../_hooks/use-merge-state.js";
@@ -33,6 +33,22 @@ var input_password_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 		invisibleButton: {
 			type: Boolean,
 			default: true
+		},
+		/**
+		* @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
 		}
 	},
 	emits: ["visibility-change", "update:visibility"],
@@ -68,7 +84,9 @@ var input_password_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 			return openBlock(), createBlock(unref(input_default), {
 				ref_key: "inputRef",
 				ref: inputRef,
-				type: unref(mergedVisible) ? "password" : "text"
+				type: unref(mergedVisible) ? "password" : "text",
+				"fit-width": __props.fitWidth,
+				"max-w-full": __props.maxWFull
 			}, createSlots({ _: 2 }, [
 				_ctx.$slots.prepend ? {
 					name: "prepend",
@@ -98,7 +116,11 @@ var input_password_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 					fn: withCtx(() => [renderSlot(_ctx.$slots, "append")]),
 					key: "3"
 				} : void 0
-			]), 1032, ["type"]);
+			]), 1032, [
+				"type",
+				"fit-width",
+				"max-w-full"
+			]);
 		};
 	}
 }));

package/es/input/input-search.d.ts

@@ -23,6 +23,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     buttonProps: {
         type: PropType<ButtonProps>;
     };
+    fitWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxWFull: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
     inputRef: import("vue").Ref<any, any>;
     render: () => import("vue/jsx-runtime").JSX.Element;
@@ -53,10 +61,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     buttonProps: {
         type: PropType<ButtonProps>;
     };
+    fitWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxWFull: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     onSearch?: ((_value: string, _ev: MouseEvent) => any) | undefined;
 }>, {
     disabled: boolean;
+    fitWidth: boolean;
+    maxWFull: boolean;
     searchButton: boolean;
     loading: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/es/input/input-search.js

@@ -51,7 +51,23 @@ var input_search_default = /* @__PURE__ */ defineComponent({
 		* @zh 搜索按钮的属性
 		* @en Button props
 		*/
-		buttonProps: { type: Object }
+		buttonProps: { type: Object },
+		/**
+		* @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
+		}
 	},
 	emits: { 
 	/**
@@ -94,7 +110,9 @@ search: (_value, _ev) => true },
 			"ref": inputRef,
 			"class": prefixCls,
 			"size": mergedSize.value,
-			"disabled": props.disabled
+			"disabled": props.disabled,
+			"fitWidth": props.fitWidth,
+			"maxWFull": props.maxWFull
 		}, {
 			prepend: slots.prepend,
 			prefix: slots.prefix,

package/es/input/input.d.ts

@@ -26,6 +26,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
     placeholder: StringConstructor;
+    fitWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxWFull: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     maxLength: {
         type: PropType<number | {
             length: number;
@@ -50,6 +58,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<"text" | "password">;
         default: string;
     };
+    fitWidthFallback: {
+        type: StringConstructor;
+        default: string;
+    };
     prepend: StringConstructor;
     append: StringConstructor;
 }>, {
@@ -92,6 +104,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
     placeholder: StringConstructor;
+    fitWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxWFull: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     maxLength: {
         type: PropType<number | {
             length: number;
@@ -116,11 +136,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<"text" | "password">;
         default: string;
     };
+    fitWidthFallback: {
+        type: StringConstructor;
+        default: string;
+    };
     prepend: StringConstructor;
     append: StringConstructor;
 }>> & 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;
@@ -128,15 +152,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onPressEnter?: ((_ev: KeyboardEvent) => any) | undefined;
 }>, {
     type: "text" | "password";
+    disabled: boolean;
     error: boolean;
     readonly: string | boolean;
-    disabled: boolean;
     defaultValue: string;
     allowClear: boolean;
+    fitWidth: boolean;
+    maxWFull: boolean;
     maxLength: number | {
         length: number;
         errorOnly?: boolean;
     };
     showWordLimit: boolean;
+    fitWidthFallback: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/input/input.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 icon_hover_default from "../_components/icon-hover.js";
@@ -9,6 +9,7 @@ import { useI18n } from "../locale/index.js";
 import { useAllowClear } from "../_hooks/use-allow-clear.js";
 import feedback_icon_default from "../_components/feedback-icon.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 { useSize } from "../_hooks/use-size.js";
 import { INPUT_EVENTS } from "../_utils/constant.js";
@@ -83,6 +84,22 @@ var input_default = /* @__PURE__ */ defineComponent({
 		*/
 		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 输入值的最大长度，errorOnly 属性在 2.12.0 版本添加
 		* @en Enter the maximum length of the value, the errorOnly attribute was added in version 2.12.0
 		*/
@@ -119,6 +136,10 @@ var input_default = /* @__PURE__ */ defineComponent({
 			type: String,
 			default: "text"
 		},
+		fitWidthFallback: {
+			type: String,
+			default: "4ch"
+		},
 		/**
 		* @zh 前置标签
 		* @en Prepend
@@ -224,6 +245,15 @@ var input_default = /* @__PURE__ */ defineComponent({
 		const showClearBtn = computed(() => mergedAllowClear.value && !props.readonly && !mergedDisabled.value && Boolean(computedValue.value));
 		const isComposition = ref(false);
 		const compositionValue = ref("");
+		const { fitWidthStyle, fitWidthValue } = useFitWidth({
+			fitWidth: () => props.fitWidth,
+			text: computed(() => {
+				const value = compositionValue.value || computedValue.value;
+				return (props.type === "password" ? "•".repeat(Array.from(value).length) : value) || props.placeholder;
+			}),
+			fallbackWidth: () => props.fitWidthFallback,
+			target: inputRef
+		});
 		const getValueLength = (value) => {
 			var _value$length;
 			if (isFunction(props.wordLength)) return props.wordLength(value);
@@ -342,21 +372,33 @@ var input_default = /* @__PURE__ */ defineComponent({
 			`${prefixCls}-outer-size-${mergedSize.value}`,
 			{
 				[`${prefixCls}-outer-has-suffix`]: Boolean(slots.suffix),
-				[`${prefixCls}-outer-disabled`]: mergedDisabled.value
+				[`${prefixCls}-outer-disabled`]: mergedDisabled.value,
+				[`${prefixCls}-fit-width`]: props.fitWidth,
+				[`${prefixCls}-max-w-full`]: props.maxWFull
 			}
 		]);
 		const wrapperCls = computed(() => [`${prefixCls}-wrapper`, {
 			[`${prefixCls}-error`]: mergedError.value,
 			[`${prefixCls}-disabled`]: mergedDisabled.value,
-			[`${prefixCls}-focus`]: focused.value
+			[`${prefixCls}-focus`]: focused.value,
+			[`${prefixCls}-fit-width`]: props.fitWidth,
+			[`${prefixCls}-max-w-full`]: props.maxWFull
 		}]);
 		const cls = computed(() => [prefixCls, `${prefixCls}-size-${mergedSize.value}`]);
-		const wrapperAttrs = computed(() => omit(attrs, INPUT_EVENTS));
+		const wrapperAttrs = computed(() => {
+			const wrapperAttrs = omit(attrs, INPUT_EVENTS);
+			return _objectSpread2(_objectSpread2({}, wrapperAttrs), {}, { style: [fitWidthStyle.value, wrapperAttrs.style] });
+		});
 		const inputAttrs = computed(() => pick(attrs, INPUT_EVENTS));
 		const mergeInputAttrs = computed(() => {
 			const attrs = _objectSpread2(_objectSpread2({}, inputAttrs.value), props.inputAttrs);
 			if (formItemCtx.fieldId && attrs.id === void 0) attrs.id = formItemCtx.fieldId;
 			if (mergedError.value) attrs["aria-invalid"] = true;
+			attrs.style = [props.fitWidth ? {
+				flex: `0 1 ${fitWidthValue}`,
+				width: fitWidthValue,
+				minWidth: 0
+			} : void 0, attrs.style];
 			return attrs;
 		});
 		const renderInput = (hasOuter) => {