@sdata/web-vue 3.18.0 → 3.20.0

package/es/sd-vue.js

@@ -122,8 +122,10 @@ 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 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";
@@ -195,7 +197,9 @@ var components = {
 	Mention,
 	Radio,
 	Rate,
+	RichTextEditor,
 	Select,
+	Sender,
 	Secret,
 	Slider,
 	Switch,
@@ -286,6 +290,8 @@ var SDVue = _objectSpread2(_objectSpread2({}, components), {}, {
 	MenuItemGroup: item_group_default,
 	SubMenu: sub_menu_default,
 	RadioGroup: radio_group_default,
+	SenderHeader,
+	SenderSwitch,
 	SkeletonLine: line_default,
 	SkeletonShape: shape_default,
 	Countdown: countdown_default,

package/es/select/index.d.ts

@@ -28,10 +28,21 @@ declare const Select: {
             type: import("vue").PropType<import("..").Size>;
         };
         placeholder: StringConstructor;
+        fitWidth: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        maxWFull: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         loading: {
             type: BooleanConstructor;
             default: boolean;
         };
+        spinProps: {
+            type: import("vue").PropType<import("..").SpinProps>;
+        };
         disabled: {
             type: BooleanConstructor;
             default: boolean;
@@ -185,23 +196,25 @@ declare const Select: {
         exceedLimit: (_value: import("./interface").SelectOptionValue | undefined, _ev: Event) => true;
     }, import("vue").PublicProps, {
         options: import("./interface").SelectOption[];
+        show: boolean;
+        scrollbar: boolean | import("..").ScrollbarProps;
+        multiple: boolean;
+        disabled: boolean;
         error: boolean;
         readonly: string | boolean;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
-        disabled: boolean;
         showArrow: boolean;
         unmountOnClose: boolean;
-        show: boolean;
-        scrollbar: boolean | import("..").ScrollbarProps;
         defaultValue: import("./interface").SelectModelValue;
         modelValue: import("./interface").SelectModelValue;
         allowClear: boolean;
+        fitWidth: boolean;
+        maxWFull: boolean;
         loading: boolean;
         valueKey: string;
         filterOption: boolean | ((inputValue: string, option: import("./interface").SelectOptionData) => boolean);
         showExtraOptions: boolean;
-        multiple: boolean;
         defaultActiveFirstOption: boolean;
         showHeaderOnEmpty: boolean;
         showFooterOnEmpty: boolean;
@@ -379,10 +392,10 @@ declare const Select: {
                 };
             }>> & Readonly<{
                 onHide?: (() => any) | undefined;
+                onShow?: (() => any) | undefined;
                 onResize?: (() => any) | undefined;
                 "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
                 onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
-                onShow?: (() => any) | undefined;
             }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 'update:popupVisible': (_visible: boolean) => true;
                 popupVisibleChange: (_visible: boolean) => true;
@@ -390,11 +403,11 @@ declare const Select: {
                 hide: () => true;
                 resize: () => true;
             }, import("vue").PublicProps, {
+                position: "left" | "right" | "bottom" | "top" | "tl" | "tr" | "bl" | "br" | "lt" | "lb" | "rt" | "rb";
+                disabled: boolean;
                 popupVisible: boolean;
                 defaultPopupVisible: boolean;
                 trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
-                position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
-                disabled: boolean;
                 popupOffset: number;
                 showArrow: boolean;
                 alignPoint: boolean;
@@ -419,7 +432,7 @@ declare const Select: {
                 scrollToClose: boolean;
                 scrollToCloseDistance: number;
                 escToClose: boolean;
-                ariaHasPopup: boolean | "dialog" | "menu" | "listbox" | "tree" | "grid";
+                ariaHasPopup: boolean | "listbox" | "grid" | "menu" | "dialog" | "tree";
                 ariaDescribedbyPopup: boolean;
             }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                 P: {};
@@ -588,16 +601,16 @@ declare const Select: {
                 };
             }>> & Readonly<{
                 onHide?: (() => any) | undefined;
+                onShow?: (() => any) | undefined;
                 onResize?: (() => any) | undefined;
                 "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
                 onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
-                onShow?: (() => any) | undefined;
             }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
+                position: "left" | "right" | "bottom" | "top" | "tl" | "tr" | "bl" | "br" | "lt" | "lb" | "rt" | "rb";
+                disabled: boolean;
                 popupVisible: boolean;
                 defaultPopupVisible: boolean;
                 trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
-                position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
-                disabled: boolean;
                 popupOffset: number;
                 showArrow: boolean;
                 alignPoint: boolean;
@@ -622,7 +635,7 @@ declare const Select: {
                 scrollToClose: boolean;
                 scrollToCloseDistance: number;
                 escToClose: boolean;
-                ariaHasPopup: boolean | "dialog" | "menu" | "listbox" | "tree" | "grid";
+                ariaHasPopup: boolean | "listbox" | "grid" | "menu" | "dialog" | "tree";
                 ariaDescribedbyPopup: boolean;
             }>;
             __isFragment?: never;
@@ -788,10 +801,10 @@ declare const Select: {
             };
         }>> & Readonly<{
             onHide?: (() => any) | undefined;
+            onShow?: (() => any) | undefined;
             onResize?: (() => any) | undefined;
             "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
             onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
-            onShow?: (() => any) | undefined;
         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             'update:popupVisible': (_visible: boolean) => true;
             popupVisibleChange: (_visible: boolean) => true;
@@ -799,11 +812,11 @@ declare const Select: {
             hide: () => true;
             resize: () => true;
         }, string, {
+            position: "left" | "right" | "bottom" | "top" | "tl" | "tr" | "bl" | "br" | "lt" | "lb" | "rt" | "rb";
+            disabled: boolean;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
             trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
-            position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
-            disabled: boolean;
             popupOffset: number;
             showArrow: boolean;
             alignPoint: boolean;
@@ -828,7 +841,7 @@ declare const Select: {
             scrollToClose: boolean;
             scrollToCloseDistance: number;
             escToClose: boolean;
-            ariaHasPopup: boolean | "dialog" | "menu" | "listbox" | "tree" | "grid";
+            ariaHasPopup: boolean | "listbox" | "grid" | "menu" | "dialog" | "tree";
             ariaDescribedbyPopup: boolean;
         }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
             install: (app: App, options?: SDOptions) => void;
@@ -896,6 +909,11 @@ declare const Select: {
                 default: boolean;
             };
             inputAttrs: import("vue").PropType<Record<string, unknown>>;
+            fitWidth: BooleanConstructor;
+            maxWFull: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>, {
             inputRef: import("vue").ComputedRef<HTMLInputElement>;
             handleFocus: (ev: FocusEvent) => void;
@@ -904,7 +922,7 @@ declare const Select: {
         }, {}, {}, {
             focus(): void;
             blur(): void;
-        }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "clear" | "blur" | "remove")[], "focus" | "clear" | "blur" | "remove", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "focus" | "blur" | "remove")[], "clear" | "focus" | "blur" | "remove", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
             modelValue: {
                 type: import("vue").PropType<import("../_components/select-view/interface").SelectViewValue[]>;
                 required: true;
@@ -967,18 +985,25 @@ declare const Select: {
                 default: boolean;
             };
             inputAttrs: import("vue").PropType<Record<string, unknown>>;
+            fitWidth: BooleanConstructor;
+            maxWFull: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & Readonly<{
             onFocus?: ((...args: any[]) => any) | undefined;
             onBlur?: ((...args: any[]) => any) | undefined;
             onClear?: ((...args: any[]) => any) | undefined;
             onRemove?: ((...args: any[]) => any) | undefined;
         }>, {
-            error: boolean;
+            multiple: boolean;
             disabled: boolean;
+            error: boolean;
             showArrow: boolean;
             allowClear: boolean;
+            fitWidth: boolean;
+            maxWFull: boolean;
             loading: boolean;
-            multiple: boolean;
             bordered: boolean;
             maxTagCount: number | "responsive";
             retainInputValue: boolean;
@@ -1049,7 +1074,7 @@ declare const Select: {
                     }>, {}, {}, {}, {}, 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: {};
@@ -1073,7 +1098,7 @@ declare const Select: {
                     }>> & Readonly<{
                         onClick?: ((_e: MouseEvent) => any) | undefined;
                     }>, {}, {}, {}, {}, {
-                        size: "small" | "mini" | "medium" | "large";
+                        size: "small" | "medium" | "large" | "mini";
                         disabled: boolean;
                     }>;
                     __isFragment?: never;
@@ -1096,7 +1121,7 @@ declare const Select: {
                 }>, {}, {}, {}, {}, 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: {
@@ -1213,7 +1238,7 @@ declare const Select: {
                 }>, {}, {}, {}, {}, 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: {};
@@ -1237,7 +1262,7 @@ declare const Select: {
                 }>> & Readonly<{
                     onClick?: ((_e: MouseEvent) => any) | undefined;
                 }>, {}, {}, {}, {}, {
-                    size: "small" | "mini" | "medium" | "large";
+                    size: "small" | "medium" | "large" | "mini";
                     disabled: boolean;
                 }>;
                 __isFragment?: never;
@@ -1260,7 +1285,7 @@ declare const Select: {
             }>, {}, {}, {}, {}, 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: {
@@ -1361,10 +1386,21 @@ declare const Select: {
             type: import("vue").PropType<import("..").Size>;
         };
         placeholder: StringConstructor;
+        fitWidth: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        maxWFull: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         loading: {
             type: BooleanConstructor;
             default: boolean;
         };
+        spinProps: {
+            type: import("vue").PropType<import("..").SpinProps>;
+        };
         disabled: {
             type: BooleanConstructor;
             default: boolean;
@@ -1503,23 +1539,25 @@ declare const Select: {
         onExceedLimit?: ((_value: import("./interface").SelectOptionValue | undefined, _ev: Event) => any) | undefined;
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
         options: import("./interface").SelectOption[];
+        show: boolean;
+        scrollbar: boolean | import("..").ScrollbarProps;
+        multiple: boolean;
+        disabled: boolean;
         error: boolean;
         readonly: string | boolean;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
-        disabled: boolean;
         showArrow: boolean;
         unmountOnClose: boolean;
-        show: boolean;
-        scrollbar: boolean | import("..").ScrollbarProps;
         defaultValue: import("./interface").SelectModelValue;
         modelValue: import("./interface").SelectModelValue;
         allowClear: boolean;
+        fitWidth: boolean;
+        maxWFull: boolean;
         loading: boolean;
         valueKey: string;
         filterOption: boolean | ((inputValue: string, option: import("./interface").SelectOptionData) => boolean);
         showExtraOptions: boolean;
-        multiple: boolean;
         defaultActiveFirstOption: boolean;
         showHeaderOnEmpty: boolean;
         showFooterOnEmpty: boolean;
@@ -1565,10 +1603,21 @@ declare const Select: {
         type: import("vue").PropType<import("..").Size>;
     };
     placeholder: StringConstructor;
+    fitWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxWFull: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     loading: {
         type: BooleanConstructor;
         default: boolean;
     };
+    spinProps: {
+        type: import("vue").PropType<import("..").SpinProps>;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -1722,23 +1771,25 @@ declare const Select: {
     exceedLimit: (_value: import("./interface").SelectOptionValue | undefined, _ev: Event) => true;
 }, string, {
     options: import("./interface").SelectOption[];
+    show: boolean;
+    scrollbar: boolean | import("..").ScrollbarProps;
+    multiple: boolean;
+    disabled: boolean;
     error: boolean;
     readonly: string | boolean;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
-    disabled: boolean;
     showArrow: boolean;
     unmountOnClose: boolean;
-    show: boolean;
-    scrollbar: boolean | import("..").ScrollbarProps;
     defaultValue: import("./interface").SelectModelValue;
     modelValue: import("./interface").SelectModelValue;
     allowClear: boolean;
+    fitWidth: boolean;
+    maxWFull: boolean;
     loading: boolean;
     valueKey: string;
     filterOption: boolean | ((inputValue: string, option: import("./interface").SelectOptionData) => boolean);
     showExtraOptions: boolean;
-    multiple: boolean;
     defaultActiveFirstOption: boolean;
     showHeaderOnEmpty: boolean;
     showFooterOnEmpty: boolean;
@@ -1916,10 +1967,10 @@ declare const Select: {
             };
         }>> & Readonly<{
             onHide?: (() => any) | undefined;
+            onShow?: (() => any) | undefined;
             onResize?: (() => any) | undefined;
             "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
             onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
-            onShow?: (() => any) | undefined;
         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             'update:popupVisible': (_visible: boolean) => true;
             popupVisibleChange: (_visible: boolean) => true;
@@ -1927,11 +1978,11 @@ declare const Select: {
             hide: () => true;
             resize: () => true;
         }, import("vue").PublicProps, {
+            position: "left" | "right" | "bottom" | "top" | "tl" | "tr" | "bl" | "br" | "lt" | "lb" | "rt" | "rb";
+            disabled: boolean;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
             trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
-            position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
-            disabled: boolean;
             popupOffset: number;
             showArrow: boolean;
             alignPoint: boolean;
@@ -1956,7 +2007,7 @@ declare const Select: {
             scrollToClose: boolean;
             scrollToCloseDistance: number;
             escToClose: boolean;
-            ariaHasPopup: boolean | "dialog" | "menu" | "listbox" | "tree" | "grid";
+            ariaHasPopup: boolean | "listbox" | "grid" | "menu" | "dialog" | "tree";
             ariaDescribedbyPopup: boolean;
         }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
@@ -2125,16 +2176,16 @@ declare const Select: {
             };
         }>> & Readonly<{
             onHide?: (() => any) | undefined;
+            onShow?: (() => any) | undefined;
             onResize?: (() => any) | undefined;
             "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
             onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
-            onShow?: (() => any) | undefined;
         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
+            position: "left" | "right" | "bottom" | "top" | "tl" | "tr" | "bl" | "br" | "lt" | "lb" | "rt" | "rb";
+            disabled: boolean;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
             trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
-            position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
-            disabled: boolean;
             popupOffset: number;
             showArrow: boolean;
             alignPoint: boolean;
@@ -2159,7 +2210,7 @@ declare const Select: {
             scrollToClose: boolean;
             scrollToCloseDistance: number;
             escToClose: boolean;
-            ariaHasPopup: boolean | "dialog" | "menu" | "listbox" | "tree" | "grid";
+            ariaHasPopup: boolean | "listbox" | "grid" | "menu" | "dialog" | "tree";
             ariaDescribedbyPopup: boolean;
         }>;
         __isFragment?: never;
@@ -2325,10 +2376,10 @@ declare const Select: {
         };
     }>> & Readonly<{
         onHide?: (() => any) | undefined;
+        onShow?: (() => any) | undefined;
         onResize?: (() => any) | undefined;
         "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
         onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
-        onShow?: (() => any) | undefined;
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         'update:popupVisible': (_visible: boolean) => true;
         popupVisibleChange: (_visible: boolean) => true;
@@ -2336,11 +2387,11 @@ declare const Select: {
         hide: () => true;
         resize: () => true;
     }, string, {
+        position: "left" | "right" | "bottom" | "top" | "tl" | "tr" | "bl" | "br" | "lt" | "lb" | "rt" | "rb";
+        disabled: boolean;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
-        position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
-        disabled: boolean;
         popupOffset: number;
         showArrow: boolean;
         alignPoint: boolean;
@@ -2365,7 +2416,7 @@ declare const Select: {
         scrollToClose: boolean;
         scrollToCloseDistance: number;
         escToClose: boolean;
-        ariaHasPopup: boolean | "dialog" | "menu" | "listbox" | "tree" | "grid";
+        ariaHasPopup: boolean | "listbox" | "grid" | "menu" | "dialog" | "tree";
         ariaDescribedbyPopup: boolean;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
         install: (app: App, options?: SDOptions) => void;
@@ -2433,6 +2484,11 @@ declare const Select: {
             default: boolean;
         };
         inputAttrs: import("vue").PropType<Record<string, unknown>>;
+        fitWidth: BooleanConstructor;
+        maxWFull: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>, {
         inputRef: import("vue").ComputedRef<HTMLInputElement>;
         handleFocus: (ev: FocusEvent) => void;
@@ -2441,7 +2497,7 @@ declare const Select: {
     }, {}, {}, {
         focus(): void;
         blur(): void;
-    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "clear" | "blur" | "remove")[], "focus" | "clear" | "blur" | "remove", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "focus" | "blur" | "remove")[], "clear" | "focus" | "blur" | "remove", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         modelValue: {
             type: import("vue").PropType<import("../_components/select-view/interface").SelectViewValue[]>;
             required: true;
@@ -2504,18 +2560,25 @@ declare const Select: {
             default: boolean;
         };
         inputAttrs: import("vue").PropType<Record<string, unknown>>;
+        fitWidth: BooleanConstructor;
+        maxWFull: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{
         onFocus?: ((...args: any[]) => any) | undefined;
         onBlur?: ((...args: any[]) => any) | undefined;
         onClear?: ((...args: any[]) => any) | undefined;
         onRemove?: ((...args: any[]) => any) | undefined;
     }>, {
-        error: boolean;
+        multiple: boolean;
         disabled: boolean;
+        error: boolean;
         showArrow: boolean;
         allowClear: boolean;
+        fitWidth: boolean;
+        maxWFull: boolean;
         loading: boolean;
-        multiple: boolean;
         bordered: boolean;
         maxTagCount: number | "responsive";
         retainInputValue: boolean;
@@ -2586,7 +2649,7 @@ declare const Select: {
                 }>, {}, {}, {}, {}, 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: {};
@@ -2610,7 +2673,7 @@ declare const Select: {
                 }>> & Readonly<{
                     onClick?: ((_e: MouseEvent) => any) | undefined;
                 }>, {}, {}, {}, {}, {
-                    size: "small" | "mini" | "medium" | "large";
+                    size: "small" | "medium" | "large" | "mini";
                     disabled: boolean;
                 }>;
                 __isFragment?: never;
@@ -2633,7 +2696,7 @@ declare const Select: {
             }>, {}, {}, {}, {}, 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: {
@@ -2750,7 +2813,7 @@ declare const Select: {
             }>, {}, {}, {}, {}, 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: {};
@@ -2774,7 +2837,7 @@ declare const Select: {
             }>> & Readonly<{
                 onClick?: ((_e: MouseEvent) => any) | undefined;
             }>, {}, {}, {}, {}, {
-                size: "small" | "mini" | "medium" | "large";
+                size: "small" | "medium" | "large" | "mini";
                 disabled: boolean;
             }>;
             __isFragment?: never;
@@ -2797,7 +2860,7 @@ declare const Select: {
         }>, {}, {}, {}, {}, 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/select/interface.d.ts

@@ -1,4 +1,5 @@
 import type { VirtualListProps } from '../_components/virtual-list/interface';
+import type { FitWidthProps } from '../_hooks/use-fit-width';
 import type { Size } from '../_utils/constant';
 import type { ScrollbarProps } from '../scrollbar';
 import type { TriggerProps } from '../trigger';
@@ -43,7 +44,7 @@ export interface SelectOptionGroupInfo extends SelectOptionGroup {
 }
 export type FilterOption = boolean | ((inputValue: string, option: SelectOptionData) => boolean);
 export type SelectFallbackOption = (value: SelectOptionValue) => SelectOptionData;
-export interface SelectProps {
+export interface SelectProps extends FitWidthProps {
     options?: SelectOption[];
     multiple?: boolean;
     value?: SelectModelValue;

package/es/select/select-dropdown.vue.d.ts

@@ -1,5 +1,6 @@
 import type { PropType } from 'vue';
 import type { EmitType } from '../_utils/types';
+import type { SpinProps } from '../spin';
 import { ScrollbarProps } from '../scrollbar';
 declare var __VLS_1: {}, __VLS_8: {}, __VLS_15: {}, __VLS_27: {}, __VLS_29: {};
 type __VLS_Slots = {} & {
@@ -15,6 +16,7 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     loading: BooleanConstructor;
+    spinProps: PropType<SpinProps>;
     empty: BooleanConstructor;
     virtualList: BooleanConstructor;
     bottomOffset: {
@@ -44,6 +46,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     reachBottom: (_ev: Event) => any;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     loading: BooleanConstructor;
+    spinProps: PropType<SpinProps>;
     empty: BooleanConstructor;
     virtualList: BooleanConstructor;
     bottomOffset: {

package/es/select/select-dropdown.vue_vue_type_script_setup_true_lang.js

@@ -12,6 +12,7 @@ var select_dropdown_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 	__name: "select-dropdown",
 	props: {
 		loading: Boolean,
+		spinProps: Object,
 		empty: Boolean,
 		virtualList: Boolean,
 		bottomOffset: {
@@ -60,10 +61,7 @@ var select_dropdown_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 					key: 0,
 					class: normalizeClass(`${unref(prefixCls)}-header`)
 				}, [renderSlot(_ctx.$slots, "header")], 2)) : createCommentVNode("", true),
-				__props.loading ? (openBlock(), createBlock(unref(Spin), {
-					key: 1,
-					class: normalizeClass(`${unref(prefixCls)}-loading`)
-				}, null, 8, ["class"])) : __props.empty ? (openBlock(), createElementBlock("div", {
+				__props.loading ? (openBlock(), createBlock(unref(Spin), mergeProps({ key: 1 }, __props.spinProps, { class: `${unref(prefixCls)}-loading` }), null, 16, ["class"])) : __props.empty ? (openBlock(), createElementBlock("div", {
 					key: 2,
 					class: normalizeClass(`${unref(prefixCls)}-empty`)
 				}, [renderSlot(_ctx.$slots, "empty", {}, () => [(openBlock(), createBlock(resolveDynamicComponent(unref(SelectEmpty) || unref(Empty))))])], 2)) : createCommentVNode("", true),