@sdata/web-vue 1.8.0 → 1.10.0

package/es/select/index.d.ts

@@ -9,13 +9,19 @@ declare const Select: {
             type: BooleanConstructor;
             default: boolean;
         };
+        value: {
+            type: import("vue").PropType<import("./interface").SelectModelValue>;
+            default: undefined;
+        };
         modelValue: {
-            type: import("vue").PropType<string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]>;
+            type: import("vue").PropType<import("./interface").SelectModelValue>;
             default: undefined;
         };
         defaultValue: {
-            type: import("vue").PropType<string | number | boolean | Record<string, unknown> | (string | number | boolean | Record<string, unknown>)[]>;
-            default: (props: import("../_utils/types").Data) => "" | never[];
+            type: import("vue").PropType<import("./interface").SelectModelValue>;
+            default: (props: {
+                multiple?: boolean;
+            }) => "" | never[];
         };
         inputValue: {
             type: StringConstructor;
@@ -48,15 +54,19 @@ declare const Select: {
             type: import("vue").PropType<boolean | {
                 retainInputValue?: boolean;
             }>;
-            default: (props: import("../_utils/types").Data) => boolean;
+            default: boolean;
         };
         allowCreate: {
             type: BooleanConstructor;
             default: boolean;
         };
+        showArrow: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         maxTagCount: {
-            type: NumberConstructor;
-            default: number;
+            type: import("vue").PropType<number | "responsive">;
+            default: string;
         };
         popupContainer: {
             type: import("vue").PropType<string | HTMLElement>;
@@ -73,10 +83,18 @@ declare const Select: {
             type: BooleanConstructor;
             default: undefined;
         };
+        show: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
         defaultPopupVisible: {
             type: BooleanConstructor;
             default: boolean;
         };
+        defaultShow: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
         unmountOnClose: {
             type: BooleanConstructor;
             default: boolean;
@@ -86,20 +104,17 @@ declare const Select: {
             default: boolean;
         };
         options: {
-            type: import("vue").PropType<(string | number | boolean | import("./interface").SelectOptionData | import("./interface").SelectOptionGroup)[]>;
+            type: import("vue").PropType<import("./interface").SelectOption[]>;
             default: () => never[];
         };
         virtualListProps: {
-            type: import("vue").PropType<import("../_components/virtual-list-v2/interface").VirtualListProps>;
+            type: import("vue").PropType<import("../_components/virtual-list/interface").VirtualListProps>;
         };
         triggerProps: {
             type: import("vue").PropType<import("..").TriggerProps>;
         };
-        formatLabel: {
-            type: import("vue").PropType<(data: import("./interface").SelectOptionData) => string>;
-        };
         fallbackOption: {
-            type: import("vue").PropType<boolean | ((value: string | number | boolean | Record<string, unknown>) => import("./interface").SelectOptionData)>;
+            type: import("vue").PropType<boolean | ((value: import("./interface").SelectOptionValue) => import("./interface").SelectOptionData)>;
             default: boolean;
         };
         showExtraOptions: {
@@ -126,11 +141,11 @@ declare const Select: {
             default: boolean;
         };
         showHeaderOnEmpty: {
-            type: import("vue").PropType<boolean>;
+            type: BooleanConstructor;
             default: boolean;
         };
         showFooterOnEmpty: {
-            type: import("vue").PropType<boolean>;
+            type: BooleanConstructor;
             default: boolean;
         };
         tagNowrap: {
@@ -138,59 +153,69 @@ declare const Select: {
             default: boolean;
         };
     }>> & Readonly<{
-        onChange?: ((_value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => any) | undefined;
+        onChange?: ((_value: import("./interface").SelectModelValue) => any) | undefined;
         onClear?: ((_ev: Event) => any) | undefined;
         onSearch?: ((_inputValue: string) => any) | undefined;
-        "onUpdate:modelValue"?: ((_value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => any) | undefined;
         "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
         onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
+        "onUpdate:modelValue"?: ((_value: import("./interface").SelectModelValue) => any) | undefined;
         onDropdownScroll?: ((_ev: Event) => any) | undefined;
         onDropdownReachBottom?: ((_ev: Event) => any) | undefined;
+        "onUpdate:show"?: ((_visible: boolean) => any) | undefined;
+        onShowChange?: ((_visible: boolean) => any) | undefined;
         "onUpdate:inputValue"?: ((_inputValue: string) => any) | undefined;
         onInputValueChange?: ((_inputValue: string) => any) | undefined;
-        onRemove?: ((_removed: string | number | boolean | Record<string, any> | undefined) => any) | undefined;
-        onExceedLimit?: ((_value: string | number | boolean | Record<string, any> | undefined, _ev: Event) => any) | undefined;
+        onRemove?: ((_removed: import("./interface").SelectOptionValue | undefined) => any) | undefined;
+        "onUpdate:value"?: ((_value: import("./interface").SelectModelValue) => any) | undefined;
+        onExceedLimit?: ((_value: import("./interface").SelectOptionValue | undefined, _ev: Event) => any) | undefined;
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        'update:modelValue': (_value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => true;
+        'update:modelValue': (_value: import("./interface").SelectModelValue) => true;
+        'update:value': (_value: import("./interface").SelectModelValue) => true;
         'update:inputValue': (_inputValue: string) => true;
         'update:popupVisible': (_visible: boolean) => true;
-        change: (_value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => true;
+        'update:show': (_visible: boolean) => true;
+        change: (_value: import("./interface").SelectModelValue) => true;
         inputValueChange: (_inputValue: string) => true;
         popupVisibleChange: (_visible: boolean) => true;
+        showChange: (_visible: boolean) => true;
         clear: (_ev: Event) => true;
-        remove: (_removed: string | number | boolean | Record<string, any> | undefined) => true;
+        remove: (_removed: import("./interface").SelectOptionValue | undefined) => true;
         search: (_inputValue: string) => true;
         dropdownScroll: (_ev: Event) => true;
         dropdownReachBottom: (_ev: Event) => true;
-        exceedLimit: (_value: string | number | boolean | Record<string, any> | undefined, _ev: Event) => true;
+        exceedLimit: (_value: import("./interface").SelectOptionValue | undefined, _ev: Event) => true;
     }, import("vue").PublicProps, {
         error: boolean;
         disabled: boolean;
-        defaultValue: string | number | boolean | Record<string, unknown> | (string | number | boolean | Record<string, unknown>)[];
+        defaultValue: import("./interface").SelectModelValue;
         loading: boolean;
+        value: import("./interface").SelectModelValue;
         unmountOnClose: boolean;
-        modelValue: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[];
-        allowClear: boolean;
+        options: import("./interface").SelectOption[];
+        scrollbar: boolean | import("..").ScrollbarProps;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
-        options: (string | number | boolean | import("./interface").SelectOptionData | import("./interface").SelectOptionGroup)[];
+        showArrow: boolean;
+        show: boolean;
+        modelValue: import("./interface").SelectModelValue;
+        allowClear: boolean;
         valueKey: string;
         filterOption: boolean | ((inputValue: string, option: import("./interface").SelectOptionData) => boolean);
         showExtraOptions: boolean;
         multiple: boolean;
         defaultActiveFirstOption: boolean;
         bordered: boolean;
-        scrollbar: boolean | import("..").ScrollbarProps;
         showHeaderOnEmpty: boolean;
         showFooterOnEmpty: boolean;
+        defaultShow: boolean;
         defaultInputValue: string;
-        maxTagCount: number;
+        maxTagCount: number | "responsive";
         tagNowrap: boolean;
         allowCreate: boolean;
         allowSearch: boolean | {
             retainInputValue?: boolean;
         };
-        fallbackOption: boolean | ((value: string | number | boolean | Record<string, unknown>) => import("./interface").SelectOptionData);
+        fallbackOption: boolean | ((value: import("./interface").SelectOptionValue) => import("./interface").SelectOptionData);
         searchDelay: number;
         limit: number;
     }, true, {}, {}, {
@@ -340,10 +365,10 @@ declare const Select: {
                 };
             }>> & Readonly<{
                 onResize?: (() => any) | undefined;
+                onHide?: (() => any) | undefined;
                 "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
                 onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
                 onShow?: (() => any) | undefined;
-                onHide?: (() => any) | undefined;
             }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 'update:popupVisible': (_visible: boolean) => true;
                 popupVisibleChange: (_visible: boolean) => true;
@@ -355,6 +380,7 @@ declare const Select: {
                 unmountOnClose: boolean;
                 renderToBody: boolean;
                 position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+                animationName: string;
                 autoFitPosition: boolean;
                 popupVisible: boolean;
                 defaultPopupVisible: boolean;
@@ -366,7 +392,6 @@ declare const Select: {
                 blurToClose: boolean;
                 clickToClose: boolean;
                 clickOutsideToClose: boolean;
-                animationName: string;
                 mouseEnterDelay: number;
                 mouseLeaveDelay: number;
                 focusDelay: number;
@@ -531,15 +556,16 @@ declare const Select: {
                 };
             }>> & Readonly<{
                 onResize?: (() => any) | undefined;
+                onHide?: (() => any) | undefined;
                 "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
                 onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
                 onShow?: (() => any) | undefined;
-                onHide?: (() => any) | undefined;
             }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
                 disabled: boolean;
                 unmountOnClose: boolean;
                 renderToBody: boolean;
                 position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+                animationName: string;
                 autoFitPosition: boolean;
                 popupVisible: boolean;
                 defaultPopupVisible: boolean;
@@ -551,7 +577,6 @@ declare const Select: {
                 blurToClose: boolean;
                 clickToClose: boolean;
                 clickOutsideToClose: boolean;
-                animationName: string;
                 mouseEnterDelay: number;
                 mouseLeaveDelay: number;
                 focusDelay: number;
@@ -713,10 +738,10 @@ declare const Select: {
             };
         }>> & Readonly<{
             onResize?: (() => any) | undefined;
+            onHide?: (() => any) | undefined;
             "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
             onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
             onShow?: (() => any) | undefined;
-            onHide?: (() => any) | undefined;
         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             'update:popupVisible': (_visible: boolean) => true;
             popupVisibleChange: (_visible: boolean) => true;
@@ -728,6 +753,7 @@ declare const Select: {
             unmountOnClose: boolean;
             renderToBody: boolean;
             position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+            animationName: string;
             autoFitPosition: boolean;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
@@ -739,7 +765,6 @@ declare const Select: {
             blurToClose: boolean;
             clickToClose: boolean;
             clickOutsideToClose: boolean;
-            animationName: string;
             mouseEnterDelay: number;
             mouseLeaveDelay: number;
             focusDelay: number;
@@ -797,12 +822,16 @@ declare const Select: {
                 type: BooleanConstructor;
                 default: boolean;
             };
+            showArrow: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             allowSearch: {
                 type: BooleanConstructor;
                 default: (props: import("../_utils/types").Data) => boolean;
             };
             maxTagCount: {
-                type: NumberConstructor;
+                type: import("vue").PropType<number | "responsive">;
                 default: number;
             };
             tagNowrap: {
@@ -863,12 +892,16 @@ declare const Select: {
                 type: BooleanConstructor;
                 default: boolean;
             };
+            showArrow: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             allowSearch: {
                 type: BooleanConstructor;
                 default: (props: import("../_utils/types").Data) => boolean;
             };
             maxTagCount: {
-                type: NumberConstructor;
+                type: import("vue").PropType<number | "responsive">;
                 default: number;
             };
             tagNowrap: {
@@ -888,10 +921,11 @@ declare const Select: {
             error: boolean;
             disabled: boolean;
             loading: boolean;
+            showArrow: boolean;
             allowClear: boolean;
             multiple: boolean;
             bordered: boolean;
-            maxTagCount: number;
+            maxTagCount: number | "responsive";
             retainInputValue: boolean;
             tagNowrap: boolean;
             opened: boolean;
@@ -910,13 +944,19 @@ declare const Select: {
             type: BooleanConstructor;
             default: boolean;
         };
+        value: {
+            type: import("vue").PropType<import("./interface").SelectModelValue>;
+            default: undefined;
+        };
         modelValue: {
-            type: import("vue").PropType<string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]>;
+            type: import("vue").PropType<import("./interface").SelectModelValue>;
             default: undefined;
         };
         defaultValue: {
-            type: import("vue").PropType<string | number | boolean | Record<string, unknown> | (string | number | boolean | Record<string, unknown>)[]>;
-            default: (props: import("../_utils/types").Data) => "" | never[];
+            type: import("vue").PropType<import("./interface").SelectModelValue>;
+            default: (props: {
+                multiple?: boolean;
+            }) => "" | never[];
         };
         inputValue: {
             type: StringConstructor;
@@ -949,15 +989,19 @@ declare const Select: {
             type: import("vue").PropType<boolean | {
                 retainInputValue?: boolean;
             }>;
-            default: (props: import("../_utils/types").Data) => boolean;
+            default: boolean;
         };
         allowCreate: {
             type: BooleanConstructor;
             default: boolean;
         };
+        showArrow: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         maxTagCount: {
-            type: NumberConstructor;
-            default: number;
+            type: import("vue").PropType<number | "responsive">;
+            default: string;
         };
         popupContainer: {
             type: import("vue").PropType<string | HTMLElement>;
@@ -974,10 +1018,18 @@ declare const Select: {
             type: BooleanConstructor;
             default: undefined;
         };
+        show: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
         defaultPopupVisible: {
             type: BooleanConstructor;
             default: boolean;
         };
+        defaultShow: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
         unmountOnClose: {
             type: BooleanConstructor;
             default: boolean;
@@ -987,20 +1039,17 @@ declare const Select: {
             default: boolean;
         };
         options: {
-            type: import("vue").PropType<(string | number | boolean | import("./interface").SelectOptionData | import("./interface").SelectOptionGroup)[]>;
+            type: import("vue").PropType<import("./interface").SelectOption[]>;
             default: () => never[];
         };
         virtualListProps: {
-            type: import("vue").PropType<import("../_components/virtual-list-v2/interface").VirtualListProps>;
+            type: import("vue").PropType<import("../_components/virtual-list/interface").VirtualListProps>;
         };
         triggerProps: {
             type: import("vue").PropType<import("..").TriggerProps>;
         };
-        formatLabel: {
-            type: import("vue").PropType<(data: import("./interface").SelectOptionData) => string>;
-        };
         fallbackOption: {
-            type: import("vue").PropType<boolean | ((value: string | number | boolean | Record<string, unknown>) => import("./interface").SelectOptionData)>;
+            type: import("vue").PropType<boolean | ((value: import("./interface").SelectOptionValue) => import("./interface").SelectOptionData)>;
             default: boolean;
         };
         showExtraOptions: {
@@ -1027,11 +1076,11 @@ declare const Select: {
             default: boolean;
         };
         showHeaderOnEmpty: {
-            type: import("vue").PropType<boolean>;
+            type: BooleanConstructor;
             default: boolean;
         };
         showFooterOnEmpty: {
-            type: import("vue").PropType<boolean>;
+            type: BooleanConstructor;
             default: boolean;
         };
         tagNowrap: {
@@ -1039,46 +1088,53 @@ declare const Select: {
             default: boolean;
         };
     }>> & Readonly<{
-        onChange?: ((_value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => any) | undefined;
+        onChange?: ((_value: import("./interface").SelectModelValue) => any) | undefined;
         onClear?: ((_ev: Event) => any) | undefined;
         onSearch?: ((_inputValue: string) => any) | undefined;
-        "onUpdate:modelValue"?: ((_value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => any) | undefined;
         "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
         onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
+        "onUpdate:modelValue"?: ((_value: import("./interface").SelectModelValue) => any) | undefined;
         onDropdownScroll?: ((_ev: Event) => any) | undefined;
         onDropdownReachBottom?: ((_ev: Event) => any) | undefined;
+        "onUpdate:show"?: ((_visible: boolean) => any) | undefined;
+        onShowChange?: ((_visible: boolean) => any) | undefined;
         "onUpdate:inputValue"?: ((_inputValue: string) => any) | undefined;
         onInputValueChange?: ((_inputValue: string) => any) | undefined;
-        onRemove?: ((_removed: string | number | boolean | Record<string, any> | undefined) => any) | undefined;
-        onExceedLimit?: ((_value: string | number | boolean | Record<string, any> | undefined, _ev: Event) => any) | undefined;
+        onRemove?: ((_removed: import("./interface").SelectOptionValue | undefined) => any) | undefined;
+        "onUpdate:value"?: ((_value: import("./interface").SelectModelValue) => any) | undefined;
+        onExceedLimit?: ((_value: import("./interface").SelectOptionValue | undefined, _ev: Event) => any) | undefined;
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
         error: boolean;
         disabled: boolean;
-        defaultValue: string | number | boolean | Record<string, unknown> | (string | number | boolean | Record<string, unknown>)[];
+        defaultValue: import("./interface").SelectModelValue;
         loading: boolean;
+        value: import("./interface").SelectModelValue;
         unmountOnClose: boolean;
-        modelValue: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[];
-        allowClear: boolean;
+        options: import("./interface").SelectOption[];
+        scrollbar: boolean | import("..").ScrollbarProps;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
-        options: (string | number | boolean | import("./interface").SelectOptionData | import("./interface").SelectOptionGroup)[];
+        showArrow: boolean;
+        show: boolean;
+        modelValue: import("./interface").SelectModelValue;
+        allowClear: boolean;
         valueKey: string;
         filterOption: boolean | ((inputValue: string, option: import("./interface").SelectOptionData) => boolean);
         showExtraOptions: boolean;
         multiple: boolean;
         defaultActiveFirstOption: boolean;
         bordered: boolean;
-        scrollbar: boolean | import("..").ScrollbarProps;
         showHeaderOnEmpty: boolean;
         showFooterOnEmpty: boolean;
+        defaultShow: boolean;
         defaultInputValue: string;
-        maxTagCount: number;
+        maxTagCount: number | "responsive";
         tagNowrap: boolean;
         allowCreate: boolean;
         allowSearch: boolean | {
             retainInputValue?: boolean;
         };
-        fallbackOption: boolean | ((value: string | number | boolean | Record<string, unknown>) => import("./interface").SelectOptionData);
+        fallbackOption: boolean | ((value: import("./interface").SelectOptionValue) => import("./interface").SelectOptionData);
         searchDelay: number;
         limit: number;
     }>;
@@ -1090,13 +1146,19 @@ declare const Select: {
         type: BooleanConstructor;
         default: boolean;
     };
+    value: {
+        type: import("vue").PropType<import("./interface").SelectModelValue>;
+        default: undefined;
+    };
     modelValue: {
-        type: import("vue").PropType<string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]>;
+        type: import("vue").PropType<import("./interface").SelectModelValue>;
         default: undefined;
     };
     defaultValue: {
-        type: import("vue").PropType<string | number | boolean | Record<string, unknown> | (string | number | boolean | Record<string, unknown>)[]>;
-        default: (props: import("../_utils/types").Data) => "" | never[];
+        type: import("vue").PropType<import("./interface").SelectModelValue>;
+        default: (props: {
+            multiple?: boolean;
+        }) => "" | never[];
     };
     inputValue: {
         type: StringConstructor;
@@ -1129,15 +1191,19 @@ declare const Select: {
         type: import("vue").PropType<boolean | {
             retainInputValue?: boolean;
         }>;
-        default: (props: import("../_utils/types").Data) => boolean;
+        default: boolean;
     };
     allowCreate: {
         type: BooleanConstructor;
         default: boolean;
     };
+    showArrow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     maxTagCount: {
-        type: NumberConstructor;
-        default: number;
+        type: import("vue").PropType<number | "responsive">;
+        default: string;
     };
     popupContainer: {
         type: import("vue").PropType<string | HTMLElement>;
@@ -1154,10 +1220,18 @@ declare const Select: {
         type: BooleanConstructor;
         default: undefined;
     };
+    show: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     defaultPopupVisible: {
         type: BooleanConstructor;
         default: boolean;
     };
+    defaultShow: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     unmountOnClose: {
         type: BooleanConstructor;
         default: boolean;
@@ -1167,20 +1241,17 @@ declare const Select: {
         default: boolean;
     };
     options: {
-        type: import("vue").PropType<(string | number | boolean | import("./interface").SelectOptionData | import("./interface").SelectOptionGroup)[]>;
+        type: import("vue").PropType<import("./interface").SelectOption[]>;
         default: () => never[];
     };
     virtualListProps: {
-        type: import("vue").PropType<import("../_components/virtual-list-v2/interface").VirtualListProps>;
+        type: import("vue").PropType<import("../_components/virtual-list/interface").VirtualListProps>;
     };
     triggerProps: {
         type: import("vue").PropType<import("..").TriggerProps>;
     };
-    formatLabel: {
-        type: import("vue").PropType<(data: import("./interface").SelectOptionData) => string>;
-    };
     fallbackOption: {
-        type: import("vue").PropType<boolean | ((value: string | number | boolean | Record<string, unknown>) => import("./interface").SelectOptionData)>;
+        type: import("vue").PropType<boolean | ((value: import("./interface").SelectOptionValue) => import("./interface").SelectOptionData)>;
         default: boolean;
     };
     showExtraOptions: {
@@ -1207,11 +1278,11 @@ declare const Select: {
         default: boolean;
     };
     showHeaderOnEmpty: {
-        type: import("vue").PropType<boolean>;
+        type: BooleanConstructor;
         default: boolean;
     };
     showFooterOnEmpty: {
-        type: import("vue").PropType<boolean>;
+        type: BooleanConstructor;
         default: boolean;
     };
     tagNowrap: {
@@ -1219,59 +1290,69 @@ declare const Select: {
         default: boolean;
     };
 }>> & Readonly<{
-    onChange?: ((_value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => any) | undefined;
+    onChange?: ((_value: import("./interface").SelectModelValue) => any) | undefined;
     onClear?: ((_ev: Event) => any) | undefined;
     onSearch?: ((_inputValue: string) => any) | undefined;
-    "onUpdate:modelValue"?: ((_value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => any) | undefined;
     "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
     onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((_value: import("./interface").SelectModelValue) => any) | undefined;
     onDropdownScroll?: ((_ev: Event) => any) | undefined;
     onDropdownReachBottom?: ((_ev: Event) => any) | undefined;
+    "onUpdate:show"?: ((_visible: boolean) => any) | undefined;
+    onShowChange?: ((_visible: boolean) => any) | undefined;
     "onUpdate:inputValue"?: ((_inputValue: string) => any) | undefined;
     onInputValueChange?: ((_inputValue: string) => any) | undefined;
-    onRemove?: ((_removed: string | number | boolean | Record<string, any> | undefined) => any) | undefined;
-    onExceedLimit?: ((_value: string | number | boolean | Record<string, any> | undefined, _ev: Event) => any) | undefined;
+    onRemove?: ((_removed: import("./interface").SelectOptionValue | undefined) => any) | undefined;
+    "onUpdate:value"?: ((_value: import("./interface").SelectModelValue) => any) | undefined;
+    onExceedLimit?: ((_value: import("./interface").SelectOptionValue | undefined, _ev: Event) => any) | undefined;
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    'update:modelValue': (_value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => true;
+    'update:modelValue': (_value: import("./interface").SelectModelValue) => true;
+    'update:value': (_value: import("./interface").SelectModelValue) => true;
     'update:inputValue': (_inputValue: string) => true;
     'update:popupVisible': (_visible: boolean) => true;
-    change: (_value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => true;
+    'update:show': (_visible: boolean) => true;
+    change: (_value: import("./interface").SelectModelValue) => true;
     inputValueChange: (_inputValue: string) => true;
     popupVisibleChange: (_visible: boolean) => true;
+    showChange: (_visible: boolean) => true;
     clear: (_ev: Event) => true;
-    remove: (_removed: string | number | boolean | Record<string, any> | undefined) => true;
+    remove: (_removed: import("./interface").SelectOptionValue | undefined) => true;
     search: (_inputValue: string) => true;
     dropdownScroll: (_ev: Event) => true;
     dropdownReachBottom: (_ev: Event) => true;
-    exceedLimit: (_value: string | number | boolean | Record<string, any> | undefined, _ev: Event) => true;
+    exceedLimit: (_value: import("./interface").SelectOptionValue | undefined, _ev: Event) => true;
 }, string, {
     error: boolean;
     disabled: boolean;
-    defaultValue: string | number | boolean | Record<string, unknown> | (string | number | boolean | Record<string, unknown>)[];
+    defaultValue: import("./interface").SelectModelValue;
     loading: boolean;
+    value: import("./interface").SelectModelValue;
     unmountOnClose: boolean;
-    modelValue: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[];
-    allowClear: boolean;
+    options: import("./interface").SelectOption[];
+    scrollbar: boolean | import("..").ScrollbarProps;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
-    options: (string | number | boolean | import("./interface").SelectOptionData | import("./interface").SelectOptionGroup)[];
+    showArrow: boolean;
+    show: boolean;
+    modelValue: import("./interface").SelectModelValue;
+    allowClear: boolean;
     valueKey: string;
     filterOption: boolean | ((inputValue: string, option: import("./interface").SelectOptionData) => boolean);
     showExtraOptions: boolean;
     multiple: boolean;
     defaultActiveFirstOption: boolean;
     bordered: boolean;
-    scrollbar: boolean | import("..").ScrollbarProps;
     showHeaderOnEmpty: boolean;
     showFooterOnEmpty: boolean;
+    defaultShow: boolean;
     defaultInputValue: string;
-    maxTagCount: number;
+    maxTagCount: number | "responsive";
     tagNowrap: boolean;
     allowCreate: boolean;
     allowSearch: boolean | {
         retainInputValue?: boolean;
     };
-    fallbackOption: boolean | ((value: string | number | boolean | Record<string, unknown>) => import("./interface").SelectOptionData);
+    fallbackOption: boolean | ((value: import("./interface").SelectOptionValue) => import("./interface").SelectOptionData);
     searchDelay: number;
     limit: number;
 }, {}, string, {}, {
@@ -1421,10 +1502,10 @@ declare const Select: {
             };
         }>> & Readonly<{
             onResize?: (() => any) | undefined;
+            onHide?: (() => any) | undefined;
             "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
             onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
             onShow?: (() => any) | undefined;
-            onHide?: (() => any) | undefined;
         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             'update:popupVisible': (_visible: boolean) => true;
             popupVisibleChange: (_visible: boolean) => true;
@@ -1436,6 +1517,7 @@ declare const Select: {
             unmountOnClose: boolean;
             renderToBody: boolean;
             position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+            animationName: string;
             autoFitPosition: boolean;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
@@ -1447,7 +1529,6 @@ declare const Select: {
             blurToClose: boolean;
             clickToClose: boolean;
             clickOutsideToClose: boolean;
-            animationName: string;
             mouseEnterDelay: number;
             mouseLeaveDelay: number;
             focusDelay: number;
@@ -1612,15 +1693,16 @@ declare const Select: {
             };
         }>> & Readonly<{
             onResize?: (() => any) | undefined;
+            onHide?: (() => any) | undefined;
             "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
             onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
             onShow?: (() => any) | undefined;
-            onHide?: (() => any) | undefined;
         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
             disabled: boolean;
             unmountOnClose: boolean;
             renderToBody: boolean;
             position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+            animationName: string;
             autoFitPosition: boolean;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
@@ -1632,7 +1714,6 @@ declare const Select: {
             blurToClose: boolean;
             clickToClose: boolean;
             clickOutsideToClose: boolean;
-            animationName: string;
             mouseEnterDelay: number;
             mouseLeaveDelay: number;
             focusDelay: number;
@@ -1794,10 +1875,10 @@ declare const Select: {
         };
     }>> & Readonly<{
         onResize?: (() => any) | undefined;
+        onHide?: (() => any) | undefined;
         "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
         onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
         onShow?: (() => any) | undefined;
-        onHide?: (() => any) | undefined;
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         'update:popupVisible': (_visible: boolean) => true;
         popupVisibleChange: (_visible: boolean) => true;
@@ -1809,6 +1890,7 @@ declare const Select: {
         unmountOnClose: boolean;
         renderToBody: boolean;
         position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+        animationName: string;
         autoFitPosition: boolean;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
@@ -1820,7 +1902,6 @@ declare const Select: {
         blurToClose: boolean;
         clickToClose: boolean;
         clickOutsideToClose: boolean;
-        animationName: string;
         mouseEnterDelay: number;
         mouseLeaveDelay: number;
         focusDelay: number;
@@ -1878,12 +1959,16 @@ declare const Select: {
             type: BooleanConstructor;
             default: boolean;
         };
+        showArrow: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         allowSearch: {
             type: BooleanConstructor;
             default: (props: import("../_utils/types").Data) => boolean;
         };
         maxTagCount: {
-            type: NumberConstructor;
+            type: import("vue").PropType<number | "responsive">;
             default: number;
         };
         tagNowrap: {
@@ -1944,12 +2029,16 @@ declare const Select: {
             type: BooleanConstructor;
             default: boolean;
         };
+        showArrow: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         allowSearch: {
             type: BooleanConstructor;
             default: (props: import("../_utils/types").Data) => boolean;
         };
         maxTagCount: {
-            type: NumberConstructor;
+            type: import("vue").PropType<number | "responsive">;
             default: number;
         };
         tagNowrap: {
@@ -1969,10 +2058,11 @@ declare const Select: {
         error: boolean;
         disabled: boolean;
         loading: boolean;
+        showArrow: boolean;
         allowClear: boolean;
         multiple: boolean;
         bordered: boolean;
-        maxTagCount: number;
+        maxTagCount: number | "responsive";
         retainInputValue: boolean;
         tagNowrap: boolean;
         opened: boolean;
@@ -2269,8 +2359,8 @@ declare const Select: {
             }>, {
                 disabled: boolean;
                 defaultValue: (string | number | boolean)[];
-                modelValue: (string | number | boolean)[];
                 direction: "horizontal" | "vertical";
+                modelValue: (string | number | boolean)[];
             }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
             install: (app: App, options?: SDOptions) => void;
         };