@sdata/web-vue 1.9.0 → 1.11.0

package/es/scrollbar/style/token.scss

@@ -6,7 +6,7 @@
 @use 'sass:string';
 @use '@style/theme/index.scss' as *;
 
-$scrollbar-track-size: 15px;
+$scrollbar-track-size: 6px;
 
 $scrollbar-track-border_size: global.$border-1;
 
@@ -14,12 +14,16 @@ $scrollbar-track-border_color: var(string.unquote('#{global.$sd-cssvars-prefix}-
 
 $scrollbar-track-bg_color: var(string.unquote('#{global.$sd-cssvars-prefix}-color-neutral-1'));
 
-$scrollbar-thumb-bar-size: 9px;
+$scrollbar-thumb-bar-size: 6px;
 
 $scrollbar-thumb-bar-border_radius: 6px;
 
 $scrollbar-thumb-bar-bg_color: var(string.unquote('#{global.$sd-cssvars-prefix}-color-neutral-4'));
 
 $scrollbar-thumb-bar-bg_color_hover: var(
+  string.unquote('#{global.$sd-cssvars-prefix}-color-neutral-5')
+);
+
+$scrollbar-thumb-bar-bg_color_active: var(
   string.unquote('#{global.$sd-cssvars-prefix}-color-neutral-6')
 );

package/es/sd-vue.js

@@ -89,7 +89,7 @@ import Textarea from "./textarea/index.js";
 import Mention from "./mention/index.js";
 import item_default from "./menu/item.js";
 import item_group_default from "./menu/item-group.js";
-import SubMenu from "./menu/sub-menu.js";
+import sub_menu_default from "./menu/sub-menu.js";
 import Menu from "./menu/index.js";
 import Message from "./message/index.js";
 import Modal from "./modal/index.js";
@@ -259,7 +259,7 @@ var SDVue = _objectSpread2(_objectSpread2({}, components), {}, {
 	ListItemMeta: list_item_meta_default,
 	MenuItem: item_default,
 	MenuItemGroup: item_group_default,
-	SubMenu,
+	SubMenu: sub_menu_default,
 	RadioGroup: radio_group_default,
 	Option: option_default,
 	Optgroup: optgroup_default,

package/es/select/hooks/use-select.d.ts

@@ -1,5 +1,5 @@
 import type { ComponentPublicInstance, Ref } from 'vue';
-import { VirtualListRef } from '../../_components/virtual-list-v2/interface';
+import { VirtualListRef } from '../../_components/virtual-list/interface';
 import { FilterOption, SelectOption, SelectFieldNames } from '../interface';
 export declare const useSelect: ({ multiple, options, extraOptions, inputValue, filterOption, showExtraOptions, component, valueKey, fieldNames, loading, popupVisible, valueKeys, dropdownRef, optionRefs, virtualListRef, onSelect, onPopupVisibleChange, enterToOpen, defaultActiveFirstOption, }: {
     multiple?: Ref<boolean>;

package/es/select/index.d.ts

@@ -108,7 +108,7 @@ declare const Select: {
             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>;
@@ -156,9 +156,9 @@ declare const Select: {
         onChange?: ((_value: import("./interface").SelectModelValue) => any) | undefined;
         onClear?: ((_ev: Event) => any) | undefined;
         onSearch?: ((_inputValue: string) => any) | undefined;
-        "onUpdate:modelValue"?: ((_value: import("./interface").SelectModelValue) => 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;
@@ -191,15 +191,15 @@ declare const Select: {
         loading: boolean;
         value: import("./interface").SelectModelValue;
         unmountOnClose: boolean;
-        modelValue: import("./interface").SelectModelValue;
-        allowClear: boolean;
-        show: boolean;
-        scrollbar: boolean | import("..").ScrollbarProps;
-        multiple: boolean;
+        options: import("./interface").SelectOption[];
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         showArrow: boolean;
-        options: import("./interface").SelectOption[];
+        show: boolean;
+        scrollbar: boolean | import("..").ScrollbarProps;
+        multiple: boolean;
+        modelValue: import("./interface").SelectModelValue;
+        allowClear: boolean;
         valueKey: string;
         filterOption: boolean | ((inputValue: string, option: import("./interface").SelectOptionData) => boolean);
         showExtraOptions: boolean;
@@ -366,9 +366,9 @@ declare const Select: {
             }>> & Readonly<{
                 onResize?: (() => any) | undefined;
                 onHide?: (() => any) | undefined;
-                onShow?: (() => 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;
@@ -380,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;
@@ -391,7 +392,6 @@ declare const Select: {
                 blurToClose: boolean;
                 clickToClose: boolean;
                 clickOutsideToClose: boolean;
-                animationName: string;
                 mouseEnterDelay: number;
                 mouseLeaveDelay: number;
                 focusDelay: number;
@@ -557,14 +557,15 @@ declare const Select: {
             }>> & Readonly<{
                 onResize?: (() => any) | undefined;
                 onHide?: (() => any) | undefined;
-                onShow?: (() => any) | undefined;
                 "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
                 onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
+                onShow?: (() => 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;
@@ -576,7 +577,6 @@ declare const Select: {
                 blurToClose: boolean;
                 clickToClose: boolean;
                 clickOutsideToClose: boolean;
-                animationName: string;
                 mouseEnterDelay: number;
                 mouseLeaveDelay: number;
                 focusDelay: number;
@@ -739,9 +739,9 @@ declare const Select: {
         }>> & Readonly<{
             onResize?: (() => any) | undefined;
             onHide?: (() => any) | undefined;
-            onShow?: (() => 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;
@@ -753,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;
@@ -764,7 +765,6 @@ declare const Select: {
             blurToClose: boolean;
             clickToClose: boolean;
             clickOutsideToClose: boolean;
-            animationName: string;
             mouseEnterDelay: number;
             mouseLeaveDelay: number;
             focusDelay: number;
@@ -921,9 +921,9 @@ declare const Select: {
             error: boolean;
             disabled: boolean;
             loading: boolean;
-            allowClear: boolean;
-            multiple: boolean;
             showArrow: boolean;
+            multiple: boolean;
+            allowClear: boolean;
             bordered: boolean;
             maxTagCount: number | "responsive";
             retainInputValue: boolean;
@@ -1043,7 +1043,7 @@ declare const Select: {
             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>;
@@ -1091,9 +1091,9 @@ declare const Select: {
         onChange?: ((_value: import("./interface").SelectModelValue) => any) | undefined;
         onClear?: ((_ev: Event) => any) | undefined;
         onSearch?: ((_inputValue: string) => any) | undefined;
-        "onUpdate:modelValue"?: ((_value: import("./interface").SelectModelValue) => 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;
@@ -1110,15 +1110,15 @@ declare const Select: {
         loading: boolean;
         value: import("./interface").SelectModelValue;
         unmountOnClose: boolean;
-        modelValue: import("./interface").SelectModelValue;
-        allowClear: boolean;
-        show: boolean;
-        scrollbar: boolean | import("..").ScrollbarProps;
-        multiple: boolean;
+        options: import("./interface").SelectOption[];
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         showArrow: boolean;
-        options: import("./interface").SelectOption[];
+        show: boolean;
+        scrollbar: boolean | import("..").ScrollbarProps;
+        multiple: boolean;
+        modelValue: import("./interface").SelectModelValue;
+        allowClear: boolean;
         valueKey: string;
         filterOption: boolean | ((inputValue: string, option: import("./interface").SelectOptionData) => boolean);
         showExtraOptions: boolean;
@@ -1245,7 +1245,7 @@ declare const Select: {
         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>;
@@ -1293,9 +1293,9 @@ declare const Select: {
     onChange?: ((_value: import("./interface").SelectModelValue) => any) | undefined;
     onClear?: ((_ev: Event) => any) | undefined;
     onSearch?: ((_inputValue: string) => any) | undefined;
-    "onUpdate:modelValue"?: ((_value: import("./interface").SelectModelValue) => 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;
@@ -1328,15 +1328,15 @@ declare const Select: {
     loading: boolean;
     value: import("./interface").SelectModelValue;
     unmountOnClose: boolean;
-    modelValue: import("./interface").SelectModelValue;
-    allowClear: boolean;
-    show: boolean;
-    scrollbar: boolean | import("..").ScrollbarProps;
-    multiple: boolean;
+    options: import("./interface").SelectOption[];
     popupVisible: boolean;
     defaultPopupVisible: boolean;
     showArrow: boolean;
-    options: import("./interface").SelectOption[];
+    show: boolean;
+    scrollbar: boolean | import("..").ScrollbarProps;
+    multiple: boolean;
+    modelValue: import("./interface").SelectModelValue;
+    allowClear: boolean;
     valueKey: string;
     filterOption: boolean | ((inputValue: string, option: import("./interface").SelectOptionData) => boolean);
     showExtraOptions: boolean;
@@ -1503,9 +1503,9 @@ declare const Select: {
         }>> & Readonly<{
             onResize?: (() => any) | undefined;
             onHide?: (() => any) | undefined;
-            onShow?: (() => 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;
@@ -1517,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;
@@ -1528,7 +1529,6 @@ declare const Select: {
             blurToClose: boolean;
             clickToClose: boolean;
             clickOutsideToClose: boolean;
-            animationName: string;
             mouseEnterDelay: number;
             mouseLeaveDelay: number;
             focusDelay: number;
@@ -1694,14 +1694,15 @@ declare const Select: {
         }>> & Readonly<{
             onResize?: (() => any) | undefined;
             onHide?: (() => any) | undefined;
-            onShow?: (() => any) | undefined;
             "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
             onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
+            onShow?: (() => 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;
@@ -1713,7 +1714,6 @@ declare const Select: {
             blurToClose: boolean;
             clickToClose: boolean;
             clickOutsideToClose: boolean;
-            animationName: string;
             mouseEnterDelay: number;
             mouseLeaveDelay: number;
             focusDelay: number;
@@ -1876,9 +1876,9 @@ declare const Select: {
     }>> & Readonly<{
         onResize?: (() => any) | undefined;
         onHide?: (() => any) | undefined;
-        onShow?: (() => 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;
@@ -1890,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;
@@ -1901,7 +1902,6 @@ declare const Select: {
         blurToClose: boolean;
         clickToClose: boolean;
         clickOutsideToClose: boolean;
-        animationName: string;
         mouseEnterDelay: number;
         mouseLeaveDelay: number;
         focusDelay: number;
@@ -2058,9 +2058,9 @@ declare const Select: {
         error: boolean;
         disabled: boolean;
         loading: boolean;
-        allowClear: boolean;
-        multiple: boolean;
         showArrow: boolean;
+        multiple: boolean;
+        allowClear: boolean;
         bordered: boolean;
         maxTagCount: number | "responsive";
         retainInputValue: boolean;
@@ -2359,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;
         };
@@ -2381,6 +2381,6 @@ declare const Select: {
 export type SelectInstance = InstanceType<typeof _Select>;
 export type SelectOptionInstance = InstanceType<typeof _Option>;
 export type SelectOptGroupInstance = InstanceType<typeof _Optgroup>;
-export type { SelectProps, SelectOption, SelectOptionData, SelectOptionGroup, SelectFieldNames, FilterOption, } from './interface';
+export type { SelectProps, SelectOption, SelectOptionData, SelectOptionGroup, SelectFieldNames, FilterOption, SelectFallbackOption, } from './interface';
 export { _Option as Option, _Optgroup as Optgroup };
 export default Select;

package/es/select/interface.d.ts

@@ -1,4 +1,4 @@
-import type { VirtualListProps } from '../_components/virtual-list-v2/interface';
+import type { VirtualListProps } from '../_components/virtual-list/interface';
 import type { Size } from '../_utils/constant';
 import type { ScrollbarProps } from '../scrollbar';
 import type { TriggerProps } from '../trigger';
@@ -42,6 +42,7 @@ export interface SelectOptionGroupInfo extends SelectOptionGroup {
     options: (SelectOptionInfo | SelectOptionGroupInfo)[];
 }
 export type FilterOption = boolean | ((inputValue: string, option: SelectOptionData) => boolean);
+export type SelectFallbackOption = (value: SelectOptionValue) => SelectOptionData;
 export interface SelectProps {
     options?: SelectOption[];
     multiple?: boolean;
@@ -73,7 +74,7 @@ export interface SelectProps {
     filterOption?: FilterOption;
     virtualListProps?: VirtualListProps;
     triggerProps?: TriggerProps;
-    fallbackOption?: boolean | ((value: SelectOptionValue) => SelectOptionData);
+    fallbackOption?: boolean | SelectFallbackOption;
     showExtraOptions?: boolean;
     valueKey?: string;
     searchDelay?: number;

package/es/select/option.vue.d.ts

@@ -291,8 +291,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         }>, {
             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: import("vue").App, options?: import("../_utils/types").SDOptions) => void;
     };