@sdata/web-vue 3.12.0 → 3.14.0

package/es/scrollbar/style/index.css

@@ -695,24 +695,45 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
   height: 100%;
 }
 .sd-scrollbar .os-scrollbar {
-  --os-size: 6px;
-  --os-handle-bg: var(--sd-color-neutral-4);
-  --os-handle-bg-hover: var(--sd-color-neutral-5);
-  --os-handle-bg-active: var(--sd-color-neutral-6);
+  --os-size: var(--sd-scrollbar-size, 6px);
+  --os-handle-bg: var(
+    --sd-scrollbar-thumb-color,
+    var(--sd-color-neutral-4)
+  );
+  --os-handle-bg-hover: var(
+    --sd-scrollbar-thumb-color-hover,
+    var(--sd-color-neutral-5)
+  );
+  --os-handle-bg-active: var(
+    --sd-scrollbar-thumb-color-active,
+    var(--sd-color-neutral-6)
+  );
   --os-track-bg: transparent;
   --os-track-bg-hover: transparent;
   --os-track-bg-active: transparent;
   --os-padding-axis: 0;
   --os-padding-perpendicular: 0;
-  --os-handle-border-radius: 6px;
+  --os-handle-border-radius: var(
+    --sd-scrollbar-thumb-radius,
+    6px
+  );
 }
 .sd-scrollbar .os-scrollbar-handle {
   transition: background-color 0.16s ease, opacity 0.16s ease;
 }
 .sd-scrollbar .sd-scrollbar-theme-embed {
-  --os-handle-perpendicular-size: 6px;
-  --os-handle-perpendicular-size-hover: 6px;
-  --os-handle-perpendicular-size-active: 6px;
+  --os-handle-perpendicular-size: var(
+    --sd-scrollbar-size,
+    6px
+  );
+  --os-handle-perpendicular-size-hover: var(
+    --sd-scrollbar-size,
+    6px
+  );
+  --os-handle-perpendicular-size-active: var(
+    --sd-scrollbar-size,
+    6px
+  );
   --os-handle-interactive-area-offset: 0;
 }
 .sd-scrollbar .sd-scrollbar-theme-track {
@@ -721,16 +742,37 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
   --os-track-bg-hover: var(--sd-color-neutral-1);
   --os-track-bg-active: var(--sd-color-neutral-1);
   --os-track-border: 1px solid var(--sd-color-neutral-3);
-  --os-handle-perpendicular-size: 6px;
+  --os-handle-perpendicular-size: var(
+    --sd-scrollbar-size,
+    6px
+  );
   --os-padding-axis: -1px;
 }
 .sd-scrollbar.sd-scrollbar-type-embed .sd-scrollbar-theme-embed {
-  --os-handle-bg: var(--sd-color-neutral-4);
-  --os-handle-bg-hover: var(--sd-color-neutral-5);
-  --os-handle-bg-active: var(--sd-color-neutral-6);
+  --os-handle-bg: var(
+    --sd-scrollbar-thumb-color,
+    var(--sd-color-neutral-4)
+  );
+  --os-handle-bg-hover: var(
+    --sd-scrollbar-thumb-color-hover,
+    var(--sd-color-neutral-5)
+  );
+  --os-handle-bg-active: var(
+    --sd-scrollbar-thumb-color-active,
+    var(--sd-color-neutral-6)
+  );
 }
 .sd-scrollbar.sd-scrollbar-type-track .sd-scrollbar-theme-track {
-  --os-handle-bg: var(--sd-color-neutral-4);
-  --os-handle-bg-hover: var(--sd-color-neutral-5);
-  --os-handle-bg-active: var(--sd-color-neutral-6);
+  --os-handle-bg: var(
+    --sd-scrollbar-thumb-color,
+    var(--sd-color-neutral-4)
+  );
+  --os-handle-bg-hover: var(
+    --sd-scrollbar-thumb-color-hover,
+    var(--sd-color-neutral-5)
+  );
+  --os-handle-bg-active: var(
+    --sd-scrollbar-thumb-color-active,
+    var(--sd-color-neutral-6)
+  );
 }

package/es/scrollbar/style/index.scss

@@ -4,6 +4,12 @@
 
 $scroll-prefix-cls: string.unquote('#{theme.$prefix}-scrollbar');
 
+// Scrollbar design tokens are exposed as `--sd-scrollbar-*` CSS variables so
+// they can be shared with the global native-scrollbar baseline (see
+// `style/normalize.scss`) and overridden at runtime. Each `--os-*` mapping
+// reads the shared variable and falls back to the component token, so the
+// component renders identically when the variables are not set upstream and
+// stays in sync with native scrollbars when they are.
 .#{$scroll-prefix-cls} {
   position: relative;
   width: 100%;
@@ -18,16 +24,28 @@ $scroll-prefix-cls: string.unquote('#{theme.$prefix}-scrollbar');
   }
 
   .os-scrollbar {
-    --os-size: #{$scrollbar-thumb-bar-size};
-    --os-handle-bg: #{$scrollbar-thumb-bar-bg_color};
-    --os-handle-bg-hover: #{$scrollbar-thumb-bar-bg_color_hover};
-    --os-handle-bg-active: #{$scrollbar-thumb-bar-bg_color_active};
+    --os-size: var(#{theme.$sd-cssvars-prefix}-scrollbar-size, #{$scrollbar-thumb-bar-size});
+    --os-handle-bg: var(
+      #{theme.$sd-cssvars-prefix}-scrollbar-thumb-color,
+      #{$scrollbar-thumb-bar-bg_color}
+    );
+    --os-handle-bg-hover: var(
+      #{theme.$sd-cssvars-prefix}-scrollbar-thumb-color-hover,
+      #{$scrollbar-thumb-bar-bg_color_hover}
+    );
+    --os-handle-bg-active: var(
+      #{theme.$sd-cssvars-prefix}-scrollbar-thumb-color-active,
+      #{$scrollbar-thumb-bar-bg_color_active}
+    );
     --os-track-bg: transparent;
     --os-track-bg-hover: transparent;
     --os-track-bg-active: transparent;
     --os-padding-axis: 0;
     --os-padding-perpendicular: 0;
-    --os-handle-border-radius: #{$scrollbar-thumb-bar-border_radius};
+    --os-handle-border-radius: var(
+      #{theme.$sd-cssvars-prefix}-scrollbar-thumb-radius,
+      #{$scrollbar-thumb-bar-border_radius}
+    );
   }
 
   .os-scrollbar-handle {
@@ -37,9 +55,18 @@ $scroll-prefix-cls: string.unquote('#{theme.$prefix}-scrollbar');
   }
 
   .#{$scroll-prefix-cls}-theme-embed {
-    --os-handle-perpendicular-size: #{$scrollbar-thumb-bar-size};
-    --os-handle-perpendicular-size-hover: #{$scrollbar-thumb-bar-size};
-    --os-handle-perpendicular-size-active: #{$scrollbar-thumb-bar-size};
+    --os-handle-perpendicular-size: var(
+      #{theme.$sd-cssvars-prefix}-scrollbar-size,
+      #{$scrollbar-thumb-bar-size}
+    );
+    --os-handle-perpendicular-size-hover: var(
+      #{theme.$sd-cssvars-prefix}-scrollbar-size,
+      #{$scrollbar-thumb-bar-size}
+    );
+    --os-handle-perpendicular-size-active: var(
+      #{theme.$sd-cssvars-prefix}-scrollbar-size,
+      #{$scrollbar-thumb-bar-size}
+    );
     --os-handle-interactive-area-offset: 0;
   }
 
@@ -49,24 +76,45 @@ $scroll-prefix-cls: string.unquote('#{theme.$prefix}-scrollbar');
     --os-track-bg-hover: #{$scrollbar-track-bg_color};
     --os-track-bg-active: #{$scrollbar-track-bg_color};
     --os-track-border: #{$scrollbar-track-border_size} solid #{$scrollbar-track-border_color};
-    --os-handle-perpendicular-size: #{$scrollbar-thumb-bar-size};
+    --os-handle-perpendicular-size: var(
+      #{theme.$sd-cssvars-prefix}-scrollbar-size,
+      #{$scrollbar-thumb-bar-size}
+    );
     --os-padding-axis: #{($scrollbar-track-size - $scrollbar-thumb-bar-size) * 0.5 -
       $scrollbar-track-border_size};
   }
 
   &#{&}-type-embed {
     .#{$scroll-prefix-cls}-theme-embed {
-      --os-handle-bg: #{$scrollbar-thumb-bar-bg_color};
-      --os-handle-bg-hover: #{$scrollbar-thumb-bar-bg_color_hover};
-      --os-handle-bg-active: #{$scrollbar-thumb-bar-bg_color_active};
+      --os-handle-bg: var(
+        #{theme.$sd-cssvars-prefix}-scrollbar-thumb-color,
+        #{$scrollbar-thumb-bar-bg_color}
+      );
+      --os-handle-bg-hover: var(
+        #{theme.$sd-cssvars-prefix}-scrollbar-thumb-color-hover,
+        #{$scrollbar-thumb-bar-bg_color_hover}
+      );
+      --os-handle-bg-active: var(
+        #{theme.$sd-cssvars-prefix}-scrollbar-thumb-color-active,
+        #{$scrollbar-thumb-bar-bg_color_active}
+      );
     }
   }
 
   &#{&}-type-track {
     .#{$scroll-prefix-cls}-theme-track {
-      --os-handle-bg: #{$scrollbar-thumb-bar-bg_color};
-      --os-handle-bg-hover: #{$scrollbar-thumb-bar-bg_color_hover};
-      --os-handle-bg-active: #{$scrollbar-thumb-bar-bg_color_active};
+      --os-handle-bg: var(
+        #{theme.$sd-cssvars-prefix}-scrollbar-thumb-color,
+        #{$scrollbar-thumb-bar-bg_color}
+      );
+      --os-handle-bg-hover: var(
+        #{theme.$sd-cssvars-prefix}-scrollbar-thumb-color-hover,
+        #{$scrollbar-thumb-bar-bg_color_hover}
+      );
+      --os-handle-bg-active: var(
+        #{theme.$sd-cssvars-prefix}-scrollbar-thumb-color-active,
+        #{$scrollbar-thumb-bar-bg_color_active}
+      );
     }
   }
 }

package/es/sd-vue.js

@@ -4,6 +4,9 @@ import Affix from "./affix/index.js";
 import Alert from "./alert/index.js";
 import anchor_link_default from "./anchor/anchor-link.js";
 import Anchor from "./anchor/index.js";
+import { addI18nMessages, getLocale, useLocale } from "./locale/index.js";
+import Trigger from "./trigger/index.js";
+import Tooltip from "./tooltip/index.js";
 import input_group_default from "./input/input-group.js";
 import input_password_default from "./input/input-password.js";
 import button_group_default from "./button/button-group.js";
@@ -12,7 +15,6 @@ import input_search_default from "./input/input-search.js";
 import Input from "./input/index.js";
 import Scrollbar from "./scrollbar/index.js";
 import Spin from "./spin/index.js";
-import Trigger from "./trigger/index.js";
 import AutoComplete from "./auto-complete/index.js";
 import Popover from "./popover/index.js";
 import AvatarGroup from "./avatar/avatar-group.js";
@@ -20,7 +22,6 @@ import Avatar from "./avatar/index.js";
 import BackTop from "./back-top/index.js";
 import Badge from "./badge/index.js";
 import BorderBeam from "./border-beam/index.js";
-import { addI18nMessages, getLocale, useLocale } from "./locale/index.js";
 import Empty from "./empty/index.js";
 import dropdown_button_default from "./dropdown/dropdown-button.js";
 import dropdown_group_default from "./dropdown/dropdown-group.js";
@@ -29,7 +30,6 @@ import dropdown_submenu_default from "./dropdown/dropdown-submenu.js";
 import Dropdown from "./dropdown/index.js";
 import breadcrumb_item_default from "./breadcrumb/breadcrumb-item.js";
 import Breadcrumb from "./breadcrumb/index.js";
-import Tooltip from "./tooltip/index.js";
 import Ellipsis, { PerformantEllipsis } from "./ellipsis/index.js";
 import Calendar from "./calendar/index.js";
 import card_grid_default from "./card/card-grid.js";

package/es/secret/secret.vue_vue_type_script_setup_true_lang.js

@@ -1,8 +1,8 @@
 import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
+import Tooltip from "../tooltip/index.js";
 import IconEye from "../icon/icon-eye/index.js";
 import IconEyeInvisible from "../icon/icon-eye-invisible/index.js";
-import Tooltip from "../tooltip/index.js";
 import { PerformantEllipsis } from "../ellipsis/index.js";
 import Copy from "../copy/index.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, normalizeClass, openBlock, toDisplayString, unref, useModel, withCtx } from "vue";

package/es/select/index.d.ts

@@ -36,6 +36,10 @@ declare const Select: {
             type: BooleanConstructor;
             default: boolean;
         };
+        readonly: {
+            type: (StringConstructor | BooleanConstructor)[];
+            default: boolean;
+        };
         error: {
             type: BooleanConstructor;
             default: boolean;
@@ -179,6 +183,7 @@ declare const Select: {
     }, import("vue").PublicProps, {
         options: import("./interface").SelectOption[];
         error: boolean;
+        readonly: string | boolean;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         disabled: boolean;
@@ -354,6 +359,18 @@ declare const Select: {
                     type: NumberConstructor;
                     default: number;
                 };
+                escToClose: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                ariaHasPopup: {
+                    type: import("vue").PropType<boolean | "menu" | "listbox" | "tree" | "grid" | "dialog">;
+                    default: undefined;
+                };
+                ariaDescribedbyPopup: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>> & Readonly<{
                 onHide?: (() => any) | undefined;
                 onResize?: (() => any) | undefined;
@@ -395,6 +412,9 @@ declare const Select: {
                 preventFocus: boolean;
                 scrollToClose: boolean;
                 scrollToCloseDistance: number;
+                escToClose: boolean;
+                ariaHasPopup: boolean | "dialog" | "menu" | "listbox" | "tree" | "grid";
+                ariaDescribedbyPopup: boolean;
             }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                 P: {};
                 B: {};
@@ -545,6 +565,18 @@ declare const Select: {
                     type: NumberConstructor;
                     default: number;
                 };
+                escToClose: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                ariaHasPopup: {
+                    type: import("vue").PropType<boolean | "menu" | "listbox" | "tree" | "grid" | "dialog">;
+                    default: undefined;
+                };
+                ariaDescribedbyPopup: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>> & Readonly<{
                 onHide?: (() => any) | undefined;
                 onResize?: (() => any) | undefined;
@@ -580,6 +612,9 @@ declare const Select: {
                 preventFocus: boolean;
                 scrollToClose: boolean;
                 scrollToCloseDistance: number;
+                escToClose: boolean;
+                ariaHasPopup: boolean | "dialog" | "menu" | "listbox" | "tree" | "grid";
+                ariaDescribedbyPopup: boolean;
             }>;
             __isFragment?: never;
             __isTeleport?: never;
@@ -727,6 +762,18 @@ declare const Select: {
                 type: NumberConstructor;
                 default: number;
             };
+            escToClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            ariaHasPopup: {
+                type: import("vue").PropType<boolean | "menu" | "listbox" | "tree" | "grid" | "dialog">;
+                default: undefined;
+            };
+            ariaDescribedbyPopup: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & Readonly<{
             onHide?: (() => any) | undefined;
             onResize?: (() => any) | undefined;
@@ -768,6 +815,9 @@ declare const Select: {
             preventFocus: boolean;
             scrollToClose: boolean;
             scrollToCloseDistance: number;
+            escToClose: boolean;
+            ariaHasPopup: boolean | "dialog" | "menu" | "listbox" | "tree" | "grid";
+            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;
         };
@@ -833,6 +883,7 @@ declare const Select: {
                 type: BooleanConstructor;
                 default: boolean;
             };
+            inputAttrs: import("vue").PropType<Record<string, unknown>>;
         }>, {
             inputRef: import("vue").ComputedRef<HTMLInputElement>;
             handleFocus: (ev: FocusEvent) => void;
@@ -903,6 +954,7 @@ declare const Select: {
                 type: BooleanConstructor;
                 default: boolean;
             };
+            inputAttrs: import("vue").PropType<Record<string, unknown>>;
         }>> & Readonly<{
             onFocus?: ((...args: any[]) => any) | undefined;
             onBlur?: ((...args: any[]) => any) | undefined;
@@ -944,6 +996,10 @@ declare const Select: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                tabindex: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: undefined;
+                };
                 uninjectGroupContext: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -959,6 +1015,7 @@ declare const Select: {
                 modelValue: boolean | (string | number | boolean)[];
                 defaultChecked: boolean;
                 indeterminate: boolean;
+                tabindex: string | number;
                 uninjectGroupContext: boolean;
             }, true, {}, {}, {
                 IconCheck: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -1061,6 +1118,10 @@ declare const Select: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                tabindex: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: undefined;
+                };
                 uninjectGroupContext: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -1073,6 +1134,7 @@ declare const Select: {
                 modelValue: boolean | (string | number | boolean)[];
                 defaultChecked: boolean;
                 indeterminate: boolean;
+                tabindex: string | number;
                 uninjectGroupContext: boolean;
             }>;
             __isFragment?: never;
@@ -1098,6 +1160,10 @@ declare const Select: {
                 type: BooleanConstructor;
                 default: boolean;
             };
+            tabindex: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: undefined;
+            };
             uninjectGroupContext: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -1113,6 +1179,7 @@ declare const Select: {
             modelValue: boolean | (string | number | boolean)[];
             defaultChecked: boolean;
             indeterminate: boolean;
+            tabindex: string | number;
             uninjectGroupContext: boolean;
         }, {}, string, {}, {
             IconCheck: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -1290,6 +1357,10 @@ declare const Select: {
             type: BooleanConstructor;
             default: boolean;
         };
+        readonly: {
+            type: (StringConstructor | BooleanConstructor)[];
+            default: boolean;
+        };
         error: {
             type: BooleanConstructor;
             default: boolean;
@@ -1418,6 +1489,7 @@ declare const Select: {
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
         options: import("./interface").SelectOption[];
         error: boolean;
+        readonly: string | boolean;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         disabled: boolean;
@@ -1486,6 +1558,10 @@ declare const Select: {
         type: BooleanConstructor;
         default: boolean;
     };
+    readonly: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+    };
     error: {
         type: BooleanConstructor;
         default: boolean;
@@ -1629,6 +1705,7 @@ declare const Select: {
 }, string, {
     options: import("./interface").SelectOption[];
     error: boolean;
+    readonly: string | boolean;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
     disabled: boolean;
@@ -1804,6 +1881,18 @@ declare const Select: {
                 type: NumberConstructor;
                 default: number;
             };
+            escToClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            ariaHasPopup: {
+                type: import("vue").PropType<boolean | "menu" | "listbox" | "tree" | "grid" | "dialog">;
+                default: undefined;
+            };
+            ariaDescribedbyPopup: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & Readonly<{
             onHide?: (() => any) | undefined;
             onResize?: (() => any) | undefined;
@@ -1845,6 +1934,9 @@ declare const Select: {
             preventFocus: boolean;
             scrollToClose: boolean;
             scrollToCloseDistance: number;
+            escToClose: boolean;
+            ariaHasPopup: boolean | "dialog" | "menu" | "listbox" | "tree" | "grid";
+            ariaDescribedbyPopup: boolean;
         }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
             B: {};
@@ -1995,6 +2087,18 @@ declare const Select: {
                 type: NumberConstructor;
                 default: number;
             };
+            escToClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            ariaHasPopup: {
+                type: import("vue").PropType<boolean | "menu" | "listbox" | "tree" | "grid" | "dialog">;
+                default: undefined;
+            };
+            ariaDescribedbyPopup: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & Readonly<{
             onHide?: (() => any) | undefined;
             onResize?: (() => any) | undefined;
@@ -2030,6 +2134,9 @@ declare const Select: {
             preventFocus: boolean;
             scrollToClose: boolean;
             scrollToCloseDistance: number;
+            escToClose: boolean;
+            ariaHasPopup: boolean | "dialog" | "menu" | "listbox" | "tree" | "grid";
+            ariaDescribedbyPopup: boolean;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -2177,6 +2284,18 @@ declare const Select: {
             type: NumberConstructor;
             default: number;
         };
+        escToClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        ariaHasPopup: {
+            type: import("vue").PropType<boolean | "menu" | "listbox" | "tree" | "grid" | "dialog">;
+            default: undefined;
+        };
+        ariaDescribedbyPopup: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{
         onHide?: (() => any) | undefined;
         onResize?: (() => any) | undefined;
@@ -2218,6 +2337,9 @@ declare const Select: {
         preventFocus: boolean;
         scrollToClose: boolean;
         scrollToCloseDistance: number;
+        escToClose: boolean;
+        ariaHasPopup: boolean | "dialog" | "menu" | "listbox" | "tree" | "grid";
+        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;
     };
@@ -2283,6 +2405,7 @@ declare const Select: {
             type: BooleanConstructor;
             default: boolean;
         };
+        inputAttrs: import("vue").PropType<Record<string, unknown>>;
     }>, {
         inputRef: import("vue").ComputedRef<HTMLInputElement>;
         handleFocus: (ev: FocusEvent) => void;
@@ -2353,6 +2476,7 @@ declare const Select: {
             type: BooleanConstructor;
             default: boolean;
         };
+        inputAttrs: import("vue").PropType<Record<string, unknown>>;
     }>> & Readonly<{
         onFocus?: ((...args: any[]) => any) | undefined;
         onBlur?: ((...args: any[]) => any) | undefined;
@@ -2394,6 +2518,10 @@ declare const Select: {
                 type: BooleanConstructor;
                 default: boolean;
             };
+            tabindex: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: undefined;
+            };
             uninjectGroupContext: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -2409,6 +2537,7 @@ declare const Select: {
             modelValue: boolean | (string | number | boolean)[];
             defaultChecked: boolean;
             indeterminate: boolean;
+            tabindex: string | number;
             uninjectGroupContext: boolean;
         }, true, {}, {}, {
             IconCheck: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -2511,6 +2640,10 @@ declare const Select: {
                 type: BooleanConstructor;
                 default: boolean;
             };
+            tabindex: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: undefined;
+            };
             uninjectGroupContext: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -2523,6 +2656,7 @@ declare const Select: {
             modelValue: boolean | (string | number | boolean)[];
             defaultChecked: boolean;
             indeterminate: boolean;
+            tabindex: string | number;
             uninjectGroupContext: boolean;
         }>;
         __isFragment?: never;
@@ -2548,6 +2682,10 @@ declare const Select: {
             type: BooleanConstructor;
             default: boolean;
         };
+        tabindex: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
         uninjectGroupContext: {
             type: BooleanConstructor;
             default: boolean;
@@ -2563,6 +2701,7 @@ declare const Select: {
         modelValue: boolean | (string | number | boolean)[];
         defaultChecked: boolean;
         indeterminate: boolean;
+        tabindex: string | number;
         uninjectGroupContext: boolean;
     }, {}, string, {}, {
         IconCheck: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -76,7 +76,10 @@ var select_dropdown_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 					"disable-horizontal": "",
 					onScroll: handleScroll
 				}), {
-					default: withCtx(() => [createElementVNode("ul", { class: normalizeClass(`${unref(prefixCls)}-list`) }, [renderSlot(_ctx.$slots, "default")], 2)]),
+					default: withCtx(() => [createElementVNode("ul", {
+						role: "listbox",
+						class: normalizeClass(`${unref(prefixCls)}-list`)
+					}, [renderSlot(_ctx.$slots, "default")], 2)]),
 					_: 3
 				}, 16, ["class"])), [[vShow, !__props.loading && !__props.empty]]) : createCommentVNode("", true),
 				_ctx.$slots.footer && (!__props.empty || __props.showFooterOnEmpty) ? (openBlock(), createElementBlock("div", {