@sdata/web-vue 1.7.1 → 1.9.0

package/es/select/interface.d.ts

@@ -1,13 +1,53 @@
-import type { RenderFunction } from 'vue';
-import { VirtualListProps } from '../_components/virtual-list-v2/interface';
-import { Size } from '../_utils/constant';
-import { FieldString } from '../_utils/types';
-import { TriggerProps } from '../trigger';
+import type { VirtualListProps } from '../_components/virtual-list-v2/interface';
+import type { Size } from '../_utils/constant';
+import type { ScrollbarProps } from '../scrollbar';
+import type { TriggerProps } from '../trigger';
+export type SelectOptionValue = string | number | boolean | Record<string, unknown>;
+export type SelectModelValue = SelectOptionValue | SelectOptionValue[] | null | undefined;
+export interface OptionValueWithKey {
+    value: SelectOptionValue;
+    key: string;
+}
+export interface SelectFieldNames {
+    value?: string;
+    label?: string;
+    children?: string;
+    disabled?: string;
+    tagProps?: string;
+}
+export interface SelectOptionData {
+    value?: SelectOptionValue;
+    label?: string;
+    disabled?: boolean;
+    tagProps?: Record<string, unknown>;
+    [other: string]: unknown;
+}
+export interface SelectOptionGroup {
+    isGroup: true;
+    label: string;
+    options: SelectOption[];
+    [other: string]: unknown;
+}
+export type SelectOption = string | number | boolean | SelectOptionData | SelectOptionGroup;
+export interface SelectOptionInfo extends SelectOptionData {
+    raw: SelectOptionData;
+    key: string;
+    index?: number;
+    origin: 'slot' | 'options' | 'extraOptions';
+    value: SelectOptionValue;
+    label: string;
+}
+export interface SelectOptionGroupInfo extends SelectOptionGroup {
+    key: string;
+    options: (SelectOptionInfo | SelectOptionGroupInfo)[];
+}
+export type FilterOption = boolean | ((inputValue: string, option: SelectOptionData) => boolean);
 export interface SelectProps {
-    options?: (string | number | boolean | SelectOptionData | SelectOptionGroup)[];
+    options?: SelectOption[];
     multiple?: boolean;
-    modelValue?: string | number | boolean | Record<string, unknown> | (string | number | boolean | Record<string, unknown>)[];
-    defaultValue?: string | number | boolean | Record<string, unknown> | (string | number | boolean | Record<string, unknown>)[];
+    value?: SelectModelValue;
+    modelValue?: SelectModelValue;
+    defaultValue?: SelectModelValue;
     inputValue?: string;
     defaultInputValue?: string;
     size?: Size;
@@ -20,56 +60,27 @@ export interface SelectProps {
         retainInputValue?: boolean;
     };
     allowCreate?: boolean;
-    maxTagCount?: number;
+    showArrow?: boolean;
+    maxTagCount?: number | 'responsive';
     popupContainer?: string | HTMLElement;
     bordered?: boolean;
     popupVisible?: boolean;
     defaultPopupVisible?: boolean;
+    show?: boolean;
+    defaultShow?: boolean;
+    defaultActiveFirstOption?: boolean;
     unmountOnClose?: boolean;
-    filterOption?: boolean | ((inputValue: string, option: SelectOptionData) => boolean);
+    filterOption?: FilterOption;
     virtualListProps?: VirtualListProps;
     triggerProps?: TriggerProps;
-    formatLabel?: (data: SelectOptionData) => string;
-    fallbackOption?: boolean | ((value: string | number | boolean | Record<string, unknown>) => SelectOptionData);
+    fallbackOption?: boolean | ((value: SelectOptionValue) => SelectOptionData);
     showExtraOptions?: boolean;
     valueKey?: string;
     searchDelay?: number;
     limit?: number;
     fieldNames?: SelectFieldNames;
+    scrollbar?: boolean | ScrollbarProps;
     showHeaderOnEmpty?: boolean;
     showFooterOnEmpty?: boolean;
+    tagNowrap?: boolean;
 }
-export type SelectOptionValue = string | number | boolean | Record<string, unknown>;
-export interface OptionValueWithKey {
-    value: SelectOptionValue;
-    key: string;
-}
-export type SelectFieldNames = FieldString<SelectOptionData>;
-export interface SelectOptionData {
-    value?: string | number | boolean | Record<string, unknown>;
-    label?: string;
-    disabled?: boolean;
-    tagProps?: any;
-    render?: RenderFunction;
-    [other: string]: any;
-}
-export interface SelectOptionGroup {
-    isGroup: true;
-    label: string;
-    options: SelectOption[];
-    [other: string]: any;
-}
-export type SelectOption = string | number | boolean | SelectOptionData | SelectOptionGroup;
-export interface SelectOptionInfo extends SelectOptionData {
-    raw: Record<string, unknown>;
-    key: string;
-    index?: number;
-    origin: 'slot' | 'options' | 'extraOptions';
-    value: SelectOptionValue;
-    label: string;
-}
-export interface SelectOptionGroupInfo extends SelectOptionGroup {
-    key: string;
-    options: (SelectOptionInfo | SelectOptionGroupInfo)[];
-}
-export type FilterOption = boolean | ((inputValue: string, option: SelectOptionData) => boolean);

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

@@ -195,9 +195,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             }>> & Readonly<{
                 onScroll?: ((...args: any[]) => any) | undefined;
             }>, {
-                both: boolean;
                 direction: "horizontal" | "vertical";
                 alwaysShow: boolean;
+                both: boolean;
             }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
         } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
@@ -375,9 +375,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         }>> & Readonly<{
             onScroll?: ((...args: any[]) => any) | undefined;
         }>, {
-            both: boolean;
             direction: "horizontal" | "vertical";
             alwaysShow: boolean;
+            both: boolean;
         }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
         install: (app: import("vue").App, options?: import("../_utils/types").SDOptions) => void;

package/es/select/select.d.ts

@@ -1,23 +1,28 @@
 import type { PropType } from 'vue';
-import { SelectViewValue } from '../_components/select-view/interface';
-import { VirtualListProps } from '../_components/virtual-list-v2/interface';
-import { Size } from '../_utils/constant';
-import { Data } from '../_utils/types';
-import { ScrollbarProps } from '../scrollbar';
-import { TriggerProps } from '../trigger';
-import { SelectFieldNames, SelectOptionData, SelectOptionGroup } from './interface';
+import type { SelectViewValue } from '../_components/select-view/interface';
+import type { VirtualListProps } from '../_components/virtual-list-v2/interface';
+import type { Size } from '../_utils/constant';
+import type { ScrollbarProps } from '../scrollbar';
+import type { SelectFieldNames, SelectModelValue, SelectOption, SelectOptionData, SelectOptionValue } from './interface';
+import { type TriggerProps } from '../trigger';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     multiple: {
         type: BooleanConstructor;
         default: boolean;
     };
+    value: {
+        type: PropType<SelectModelValue>;
+        default: undefined;
+    };
     modelValue: {
-        type: PropType<string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]>;
+        type: PropType<SelectModelValue>;
         default: undefined;
     };
     defaultValue: {
-        type: PropType<string | number | boolean | Record<string, unknown> | (string | number | boolean | Record<string, unknown>)[]>;
-        default: (props: Data) => "" | never[];
+        type: PropType<SelectModelValue>;
+        default: (props: {
+            multiple?: boolean;
+        }) => "" | never[];
     };
     inputValue: {
         type: StringConstructor;
@@ -50,15 +55,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<boolean | {
             retainInputValue?: boolean;
         }>;
-        default: (props: Data) => boolean;
+        default: boolean;
     };
     allowCreate: {
         type: BooleanConstructor;
         default: boolean;
     };
+    showArrow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     maxTagCount: {
-        type: NumberConstructor;
-        default: number;
+        type: PropType<number | "responsive">;
+        default: string;
     };
     popupContainer: {
         type: PropType<string | HTMLElement>;
@@ -75,10 +84,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: undefined;
     };
+    show: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     defaultPopupVisible: {
         type: BooleanConstructor;
         default: boolean;
     };
+    defaultShow: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     unmountOnClose: {
         type: BooleanConstructor;
         default: boolean;
@@ -88,7 +105,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
     options: {
-        type: PropType<(string | number | boolean | SelectOptionData | SelectOptionGroup)[]>;
+        type: PropType<SelectOption[]>;
         default: () => never[];
     };
     virtualListProps: {
@@ -97,11 +114,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     triggerProps: {
         type: PropType<TriggerProps>;
     };
-    formatLabel: {
-        type: PropType<(data: SelectOptionData) => string>;
-    };
     fallbackOption: {
-        type: PropType<boolean | ((value: string | number | boolean | Record<string, unknown>) => SelectOptionData)>;
+        type: PropType<boolean | ((value: SelectOptionValue) => SelectOptionData)>;
         default: boolean;
     };
     showExtraOptions: {
@@ -128,11 +142,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
     showHeaderOnEmpty: {
-        type: PropType<boolean>;
+        type: BooleanConstructor;
         default: boolean;
     };
     showFooterOnEmpty: {
-        type: PropType<boolean>;
+        type: BooleanConstructor;
         default: boolean;
     };
     tagNowrap: {
@@ -140,30 +154,39 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
 }>, () => 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: SelectModelValue) => true;
+    'update:value': (_value: 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: 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: 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: SelectOptionValue | undefined, _ev: Event) => true;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     multiple: {
         type: BooleanConstructor;
         default: boolean;
     };
+    value: {
+        type: PropType<SelectModelValue>;
+        default: undefined;
+    };
     modelValue: {
-        type: PropType<string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]>;
+        type: PropType<SelectModelValue>;
         default: undefined;
     };
     defaultValue: {
-        type: PropType<string | number | boolean | Record<string, unknown> | (string | number | boolean | Record<string, unknown>)[]>;
-        default: (props: Data) => "" | never[];
+        type: PropType<SelectModelValue>;
+        default: (props: {
+            multiple?: boolean;
+        }) => "" | never[];
     };
     inputValue: {
         type: StringConstructor;
@@ -196,15 +219,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<boolean | {
             retainInputValue?: boolean;
         }>;
-        default: (props: Data) => boolean;
+        default: boolean;
     };
     allowCreate: {
         type: BooleanConstructor;
         default: boolean;
     };
+    showArrow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     maxTagCount: {
-        type: NumberConstructor;
-        default: number;
+        type: PropType<number | "responsive">;
+        default: string;
     };
     popupContainer: {
         type: PropType<string | HTMLElement>;
@@ -221,10 +248,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: undefined;
     };
+    show: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     defaultPopupVisible: {
         type: BooleanConstructor;
         default: boolean;
     };
+    defaultShow: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     unmountOnClose: {
         type: BooleanConstructor;
         default: boolean;
@@ -234,7 +269,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
     options: {
-        type: PropType<(string | number | boolean | SelectOptionData | SelectOptionGroup)[]>;
+        type: PropType<SelectOption[]>;
         default: () => never[];
     };
     virtualListProps: {
@@ -243,11 +278,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     triggerProps: {
         type: PropType<TriggerProps>;
     };
-    formatLabel: {
-        type: PropType<(data: SelectOptionData) => string>;
-    };
     fallbackOption: {
-        type: PropType<boolean | ((value: string | number | boolean | Record<string, unknown>) => SelectOptionData)>;
+        type: PropType<boolean | ((value: SelectOptionValue) => SelectOptionData)>;
         default: boolean;
     };
     showExtraOptions: {
@@ -274,11 +306,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
     showHeaderOnEmpty: {
-        type: PropType<boolean>;
+        type: BooleanConstructor;
         default: boolean;
     };
     showFooterOnEmpty: {
-        type: PropType<boolean>;
+        type: BooleanConstructor;
         default: boolean;
     };
     tagNowrap: {
@@ -286,46 +318,53 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
 }>> & Readonly<{
-    onChange?: ((_value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => any) | undefined;
+    onChange?: ((_value: 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:modelValue"?: ((_value: SelectModelValue) => any) | undefined;
     "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
     onPopupVisibleChange?: ((_visible: boolean) => 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: SelectOptionValue | undefined) => any) | undefined;
+    "onUpdate:value"?: ((_value: SelectModelValue) => any) | undefined;
+    onExceedLimit?: ((_value: SelectOptionValue | undefined, _ev: Event) => any) | undefined;
 }>, {
     error: boolean;
     disabled: boolean;
-    defaultValue: string | number | boolean | Record<string, unknown> | (string | number | boolean | Record<string, unknown>)[];
+    defaultValue: SelectModelValue;
     loading: boolean;
+    value: SelectModelValue;
     unmountOnClose: boolean;
-    modelValue: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[];
+    modelValue: SelectModelValue;
     allowClear: boolean;
+    show: boolean;
+    scrollbar: boolean | ScrollbarProps;
+    multiple: boolean;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
-    options: (string | number | boolean | SelectOptionData | SelectOptionGroup)[];
+    showArrow: boolean;
+    options: SelectOption[];
     valueKey: string;
     filterOption: boolean | ((inputValue: string, option: SelectOptionData) => boolean);
     showExtraOptions: boolean;
-    multiple: boolean;
     defaultActiveFirstOption: boolean;
     bordered: boolean;
-    scrollbar: boolean | 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>) => SelectOptionData);
+    fallbackOption: boolean | ((value: SelectOptionValue) => SelectOptionData);
     searchDelay: number;
     limit: number;
 }, {}, {
@@ -475,10 +514,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
         }>> & Readonly<{
             onResize?: (() => any) | undefined;
+            onHide?: (() => any) | undefined;
+            onShow?: (() => 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;
@@ -666,10 +705,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
         }>> & Readonly<{
             onResize?: (() => any) | undefined;
+            onHide?: (() => any) | undefined;
+            onShow?: (() => 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;
@@ -848,10 +887,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
     }>> & Readonly<{
         onResize?: (() => any) | undefined;
+        onHide?: (() => any) | undefined;
+        onShow?: (() => 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;
@@ -932,12 +971,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        showArrow: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         allowSearch: {
             type: BooleanConstructor;
-            default: (props: Data) => boolean;
+            default: (props: import("../_utils/types").Data) => boolean;
         };
         maxTagCount: {
-            type: NumberConstructor;
+            type: PropType<number | "responsive">;
             default: number;
         };
         tagNowrap: {
@@ -998,12 +1041,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        showArrow: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         allowSearch: {
             type: BooleanConstructor;
-            default: (props: Data) => boolean;
+            default: (props: import("../_utils/types").Data) => boolean;
         };
         maxTagCount: {
-            type: NumberConstructor;
+            type: PropType<number | "responsive">;
             default: number;
         };
         tagNowrap: {
@@ -1025,8 +1072,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         loading: boolean;
         allowClear: boolean;
         multiple: boolean;
+        showArrow: boolean;
         bordered: boolean;
-        maxTagCount: number;
+        maxTagCount: number | "responsive";
         retainInputValue: boolean;
         tagNowrap: boolean;
         opened: boolean;