@sdata/web-vue 3.13.0 → 3.15.0

package/es/date-picker/range-picker.vue_vue_type_script_setup_true_lang.js

@@ -3,15 +3,15 @@ import { configProviderInjectionKey } from "../config-provider/context.js";
 import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isArray, isBoolean } from "../_utils/is.js";
-import { useAllowClear } from "../_hooks/use-allow-clear.js";
 import { useI18n } from "../locale/index.js";
+import { useAllowClear } from "../_hooks/use-allow-clear.js";
 import { omit } from "../_utils/omit.js";
 import pick from "../_utils/pick.js";
 import Trigger from "../trigger/index.js";
 import useState from "../_hooks/use-state.js";
 import useMergeState from "../_hooks/use-merge-state.js";
-import { getDateValue, getDayjsValue, getNow, getSortedDayjsArray, initializeDateLocale, isValueChange, toLocal } from "../_utils/date.js";
 import { useConfigProviderProp } from "../_hooks/use-config-provider-prop.js";
+import { getDateValue, getDayjsValue, getNow, getSortedDayjsArray, initializeDateLocale, isValueChange, toLocal } from "../_utils/date.js";
 import IconCalendar from "../icon/icon-calendar/index.js";
 import { getFormattedValue, isValidInputValue } from "../time-picker/utils/index.js";
 import useFormat from "./hooks/use-format.js";

package/es/date-picker/style/index.css

@@ -30,7 +30,7 @@
   background-color: var(--sd-color-fill-2);
   border: 1px solid transparent;
   border-radius: var(--sd-border-radius-small);
-  transition: all 0.1s cubic-bezier(0, 0, 1, 1);
+  transition: color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), border-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), box-shadow 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 .sd-picker-input {
   display: inline-flex;
@@ -46,7 +46,7 @@
   background-color: transparent;
   border: none;
   outline: none;
-  transition: all 0.1s cubic-bezier(0, 0, 1, 1);
+  transition: color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 .sd-picker input::placeholder {
   color: var(--sd-color-text-3);
@@ -261,7 +261,7 @@
   text-align: center;
   background-color: var(--sd-color-bg-popup);
   border-radius: 50%;
-  transition: all 0.1s cubic-bezier(0, 0, 1, 1);
+  transition: background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
   user-select: none;
 }
 .sd-picker-header-icon:not(.sd-picker-header-icon-hidden) {
@@ -274,7 +274,7 @@
   padding: 2px;
   border-radius: 2px;
   cursor: pointer;
-  transition: all 0.1s;
+  transition: background-color 0.1s;
 }
 .sd-picker-header-label:hover {
   background-color: var(--sd-color-fill-3);
@@ -330,7 +330,7 @@
 .sd-picker-cell-selected .sd-picker-date-value {
   color: var(--sd-color-white);
   background-color: rgb(var(--sd-primary-6));
-  transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
+  transition: background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 .sd-picker-cell-in-view:not(.sd-picker-cell-selected, .sd-picker-cell-range-start, .sd-picker-cell-range-end, .sd-picker-cell-disabled, .sd-picker-cell-week) .sd-picker-date-value:hover {
   color: var(--sd-color-text-1);

package/es/date-picker/style/index.scss

@@ -88,7 +88,8 @@ $picker-prefix-cls: string.unquote('#{theme.$prefix}-picker');
       text-align: center;
       background-color: $picker-color-bg-switch-icon;
       border-radius: 50%;
-      transition: all theme.$transition-duration-1 theme.$transition-timing-function-linear;
+      transition: background-color theme.$transition-duration-1
+        theme.$transition-timing-function-standard;
       user-select: none;
     }
 
@@ -104,7 +105,7 @@ $picker-prefix-cls: string.unquote('#{theme.$prefix}-picker');
       padding: 2px;
       border-radius: 2px;
       cursor: pointer;
-      transition: all theme.$transition-duration-1;
+      transition: background-color theme.$transition-duration-1;
 
       &:hover {
         background-color: $picker-panel-color-bg-label_hover;
@@ -172,7 +173,7 @@ $picker-prefix-cls: string.unquote('#{theme.$prefix}-picker');
     color: $picker-panel-color-text-cell_selected;
     background-color: $picker-panel-color-bg-cell_selected;
     transition: background-color theme.$transition-duration-1
-      theme.$transition-timing-function-linear;
+      theme.$transition-timing-function-standard;
   }
 
   &-cell-in-view:not(

package/es/drawer/drawer.vue.d.ts

@@ -218,6 +218,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     visible: boolean;
     unmountOnClose: boolean;
     renderToBody: boolean;
+    escToClose: boolean;
     height: string | number;
     defaultVisible: boolean;
     closable: boolean;
@@ -226,7 +227,6 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     titleEllipsisTooltip: boolean | EllipsisTooltipProps;
     maskClosable: boolean;
     okLoading: boolean;
-    escToClose: boolean;
     hideCancel: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/es/drawer/drawer.vue_vue_type_script_setup_true_lang.js

@@ -3,20 +3,23 @@ import { getPrefixCls } from "../_utils/global-config.js";
 import { isBoolean, isFunction, isNumber, isPromise } from "../_utils/is.js";
 import { off, on } from "../_utils/dom.js";
 import icon_hover_default from "../_components/icon-hover.js";
+import { KEYBOARD_KEY, onActivate } from "../_utils/keyboard.js";
 import IconClose from "../icon/icon-close/index.js";
-import { _asyncToGenerator } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/asyncToGenerator.js";
 import { useI18n } from "../locale/index.js";
+import { _asyncToGenerator } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/asyncToGenerator.js";
 import client_only_default from "../_components/client-only.js";
 import usePopupManager from "../_hooks/use-popup-manager.js";
 import { useTeleportContainer } from "../_hooks/use-teleport-container.js";
 import Button from "../button/index.js";
-import { KEYBOARD_KEY } from "../_utils/keyboard.js";
 import Ellipsis from "../ellipsis/index.js";
 import { useConfigProviderProp } from "../_hooks/use-config-provider-prop.js";
+import { getFocusableElements, useFocusTrap } from "../_hooks/use-focus-trap.js";
 import { useOverflow } from "../_hooks/use-overflow.js";
 import { DRAWER_PLACEMENTS } from "./utils.js";
-import { Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderSlot, toDisplayString, toRefs, unref, vShow, watch, withCtx, withDirectives } from "vue";
+import { Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderSlot, toDisplayString, toRefs, unref, useSlots, vShow, watch, withCtx, withDirectives } from "vue";
 //#region components/drawer/drawer.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-labelledby"];
+var _hoisted_2 = ["aria-label"];
 var drawer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, {
 	name: "Drawer",
 	inheritAttrs: false
@@ -255,6 +258,12 @@ var drawer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 		const { popupContainer, placement, mask, maskClosable, escToClose, closable, header, footer, hideCancel, okText, cancelText, okButtonProps, cancelButtonProps, titleEllipsisTooltip, width, height } = toRefs(props);
 		const prefixCls = getPrefixCls("drawer");
 		const { t } = useI18n();
+		const slots = useSlots();
+		const drawerRef = ref();
+		const titleId = `sd-drawer-title-${getCurrentInstance().uid}`;
+		const bodyId = `sd-drawer-body-${getCurrentInstance().uid}`;
+		const hasTitle = computed(() => mergedHeader.value && !slots.header && (Boolean(props.title) || Boolean(slots.title)));
+		const { activate: activateFocusTrap, deactivate: deactivateFocusTrap } = useFocusTrap(drawerRef, { initialFocus: (c) => getFocusableElements(c).find((el) => !el.closest(".sd-drawer-close-btn")) });
 		const { mergedValue: mergedPlacement } = useConfigProviderProp(placement, {
 			propNames: ["placement"],
 			getGlobalValue: (configProviderCtx) => {
@@ -463,6 +472,7 @@ var drawer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 				mounted.value = true;
 				setOverflowHidden();
 				if (mergedEscToClose.value) addGlobalKeyDownListener();
+				nextTick(() => activateFocusTrap());
 			}
 		});
 		onBeforeUnmount(() => {
@@ -476,9 +486,11 @@ var drawer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 				mounted.value = true;
 				setOverflowHidden();
 				addGlobalKeyDownListener();
+				nextTick(() => activateFocusTrap());
 			} else {
 				emit("beforeClose");
 				removeGlobalKeyDownListener();
+				deactivateFocusTrap();
 			}
 		});
 		const style = computed(() => {
@@ -516,14 +528,22 @@ var drawer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 					onAfterLeave: handleClose
 				}, {
 					default: withCtx(() => [withDirectives(createElementVNode("div", {
+						ref_key: "drawerRef",
+						ref: drawerRef,
 						class: normalizeClass(unref(prefixCls)),
-						style: normalizeStyle(style.value)
+						style: normalizeStyle(style.value),
+						role: "dialog",
+						"aria-modal": "true",
+						"aria-labelledby": hasTitle.value ? titleId : void 0,
+						"aria-describedby": bodyId,
+						tabindex: "-1"
 					}, [
 						unref(mergedHeader) ? (openBlock(), createElementBlock("div", {
 							key: 0,
 							class: normalizeClass(`${unref(prefixCls)}-header`)
 						}, [renderSlot(_ctx.$slots, "header", {}, () => [_ctx.$slots.title || __props.title ? (openBlock(), createElementBlock("div", {
 							key: 0,
+							id: titleId,
 							class: normalizeClass(`${unref(prefixCls)}-title`)
 						}, [createVNode(unref(Ellipsis), {
 							class: normalizeClass(`${unref(prefixCls)}-title-text`),
@@ -533,16 +553,18 @@ var drawer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 							_: 3
 						}, 8, ["class", "tooltip"])], 2)) : createCommentVNode("", true), unref(mergedClosable) ? (openBlock(), createElementBlock("div", {
 							key: 1,
-							tabindex: "-1",
+							tabindex: "0",
 							role: "button",
-							"aria-label": "Close",
+							"aria-label": unref(t)("a11y.close"),
 							class: normalizeClass(`${unref(prefixCls)}-close-btn`),
-							onClick: handleCancel
+							onClick: handleCancel,
+							onKeydown: _cache[0] || (_cache[0] = ($event) => unref(onActivate)(handleCancel))
 						}, [createVNode(icon_hover_default, null, {
 							default: withCtx(() => [createVNode(unref(IconClose))]),
 							_: 1
-						})], 2)) : createCommentVNode("", true)])], 2)) : createCommentVNode("", true),
+						})], 42, _hoisted_2)) : createCommentVNode("", true)])], 2)) : createCommentVNode("", true),
 						createElementVNode("div", {
+							id: bodyId,
 							class: normalizeClass([`${unref(prefixCls)}-body`, __props.bodyClass]),
 							style: normalizeStyle(__props.bodyStyle)
 						}, [renderSlot(_ctx.$slots, "default")], 6),
@@ -559,7 +581,7 @@ var drawer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 							default: withCtx(() => [createTextVNode(toDisplayString(unref(mergedOkText) || unref(t)("drawer.okText")), 1)]),
 							_: 1
 						}, 16, ["loading"])])], 2)) : createCommentVNode("", true)
-					], 6), [[vShow, computedVisible.value]])]),
+					], 14, _hoisted_1), [[vShow, computedVisible.value]])]),
 					_: 3
 				}, 8, ["name"])], 16)), [[vShow, computedVisible.value || mounted.value]]) : createCommentVNode("", true)], 8, ["to", "disabled"]))]),
 				_: 3

package/es/drawer/index.d.ts

@@ -118,6 +118,7 @@ declare const Drawer: {
         visible: boolean;
         unmountOnClose: boolean;
         renderToBody: boolean;
+        escToClose: boolean;
         height: string | number;
         defaultVisible: boolean;
         closable: boolean;
@@ -126,7 +127,6 @@ declare const Drawer: {
         titleEllipsisTooltip: boolean | import("../index.ts").EllipsisTooltipProps;
         maskClosable: boolean;
         okLoading: boolean;
-        escToClose: boolean;
         hideCancel: boolean;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -242,6 +242,7 @@ declare const Drawer: {
         visible: boolean;
         unmountOnClose: boolean;
         renderToBody: boolean;
+        escToClose: boolean;
         height: string | number;
         defaultVisible: boolean;
         closable: boolean;
@@ -250,7 +251,6 @@ declare const Drawer: {
         titleEllipsisTooltip: boolean | import("../index.ts").EllipsisTooltipProps;
         maskClosable: boolean;
         okLoading: boolean;
-        escToClose: boolean;
         hideCancel: boolean;
     }>;
     __isFragment?: never;
@@ -371,6 +371,7 @@ declare const Drawer: {
     visible: boolean;
     unmountOnClose: boolean;
     renderToBody: boolean;
+    escToClose: boolean;
     height: string | number;
     defaultVisible: boolean;
     closable: boolean;
@@ -379,7 +380,6 @@ declare const Drawer: {
     titleEllipsisTooltip: boolean | import("../index.ts").EllipsisTooltipProps;
     maskClosable: boolean;
     okLoading: boolean;
-    escToClose: boolean;
     hideCancel: boolean;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {

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

@@ -2,8 +2,8 @@ import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helper
 import { getPrefixCls } from "../_utils/global-config.js";
 import button_group_default from "../button/button-group.js";
 import Button from "../button/index.js";
-import { useTrigger } from "../_hooks/use-trigger.js";
 import IconMore from "../icon/icon-more/index.js";
+import { useTrigger } from "../_hooks/use-trigger.js";
 import dropdown_default from "./dropdown.js";
 import { createBlock, createVNode, defineComponent, mergeProps, openBlock, renderSlot, toRefs, unref, withCtx } from "vue";
 //#region components/dropdown/dropdown-button.vue?vue&type=script&setup=true&lang.ts

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

@@ -3,6 +3,7 @@ import { getPrefixCls } from "../_utils/global-config.js";
 import { dropdownInjectionKey } from "./context.js";
 import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, inject, normalizeClass, openBlock, ref, renderSlot, unref } from "vue";
 //#region components/dropdown/dropdown-option.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-disabled", "tabindex"];
 var dropdown_option_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "Doption" }), {}, {
 	__name: "dropdown-option",
 	props: {
@@ -57,6 +58,9 @@ var dropdown_option_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 				ref_key: "liRef",
 				ref: liRef,
 				class: normalizeClass([cls.value, { [`${unref(prefixCls)}-has-suffix`]: Boolean(_ctx.$slots.suffix) }]),
+				role: "menuitem",
+				"aria-disabled": __props.disabled || void 0,
+				tabindex: __props.disabled ? void 0 : -1,
 				onClick: handleClick
 			}, [
 				_ctx.$slots.icon ? (openBlock(), createElementBlock("span", {
@@ -68,7 +72,7 @@ var dropdown_option_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 					key: 1,
 					class: normalizeClass(`${unref(prefixCls)}-suffix`)
 				}, [renderSlot(_ctx.$slots, "suffix")], 2)) : createCommentVNode("", true)
-			], 2);
+			], 10, _hoisted_1);
 		};
 	}
 }));

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

@@ -21,6 +21,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: NumberConstructor;
         default: number;
     };
+    trigger: {
+        type: PropType<string | string[]>;
+        default: string;
+    };
     onScroll: {
         type: PropType<EmitType<(ev: Event) => void>>;
     };
@@ -43,6 +47,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: NumberConstructor;
         default: number;
     };
+    trigger: {
+        type: PropType<string | string[]>;
+        default: string;
+    };
     onScroll: {
         type: PropType<EmitType<(ev: Event) => void>>;
     };
@@ -53,6 +61,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     onScroll?: ((_e: Event) => any) | undefined;
     onReachBottom?: ((_e: Event) => any) | undefined;
 }>, {
+    trigger: string | string[];
     isEmpty: boolean;
     loading: boolean;
     bottomOffset: number;

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

@@ -1,10 +1,11 @@
 import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isNumber } from "../_utils/is.js";
+import { KEYBOARD_KEY } from "../_utils/keyboard.js";
 import Scrollbar from "../scrollbar/index.js";
-import { dropdownInjectionKey } from "./context.js";
 import Empty from "../empty/index.js";
-import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, normalizeClass, normalizeStyle, openBlock, ref, renderSlot, unref, useSlots, withCtx } from "vue";
+import { dropdownInjectionKey } from "./context.js";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, nextTick, normalizeClass, normalizeStyle, onMounted, openBlock, ref, renderSlot, unref, useSlots, withCtx } from "vue";
 //#region components/dropdown/dropdown-panel.vue?vue&type=script&setup=true&lang.ts
 var dropdown_panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "DropdownPanel" }), {}, {
 	__name: "dropdown-panel",
@@ -21,6 +22,14 @@ var dropdown_panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 			type: Number,
 			default: 0
 		},
+		/**
+		* @zh 触发方式（仅用于判断打开时是否把焦点移入首个 menuitem：hover 触发不抢焦点）
+		* @en Trigger method (only used to decide whether to move focus into the first menuitem on open: hover does not steal focus)
+		*/
+		trigger: {
+			type: [String, Array],
+			default: "click"
+		},
 		onScroll: { type: [Function, Array] },
 		onReachBottom: { type: [Function, Array] }
 	},
@@ -32,11 +41,68 @@ var dropdown_panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 		const prefixCls = getPrefixCls("dropdown");
 		const dropdownCtx = inject(dropdownInjectionKey, {});
 		const wrapperRef = ref();
+		const listRef = ref();
 		const handleScroll = (e) => {
 			const { scrollTop, scrollHeight, offsetHeight } = e.target;
 			if (scrollHeight - (scrollTop + offsetHeight) <= props.bottomOffset) emit("reachBottom", e);
 			emit("scroll", e);
 		};
+		const getMenuitems = () => {
+			if (!listRef.value) return [];
+			return Array.from(listRef.value.querySelectorAll("[role=\"menuitem\"]")).filter((el) => el.getAttribute("aria-disabled") !== "true");
+		};
+		const focusMenuitem = (dir) => {
+			var _items$target;
+			const items = getMenuitems();
+			if (items.length === 0) return;
+			const current = items.findIndex((el) => el === document.activeElement);
+			let target = 0;
+			if (dir === "first") target = 0;
+			else if (dir === "last") target = items.length - 1;
+			else if (dir === "next") target = current < 0 ? 0 : (current + 1) % items.length;
+			else target = current <= 0 ? items.length - 1 : current - 1;
+			(_items$target = items[target]) === null || _items$target === void 0 || _items$target.focus();
+		};
+		const handleKeydown = (ev) => {
+			switch (ev.key) {
+				case KEYBOARD_KEY.ARROW_DOWN:
+					ev.preventDefault();
+					focusMenuitem("next");
+					break;
+				case KEYBOARD_KEY.ARROW_UP:
+					ev.preventDefault();
+					focusMenuitem("prev");
+					break;
+				case KEYBOARD_KEY.HOME:
+					ev.preventDefault();
+					focusMenuitem("first");
+					break;
+				case KEYBOARD_KEY.END:
+					ev.preventDefault();
+					focusMenuitem("last");
+					break;
+				case KEYBOARD_KEY.ENTER:
+				case KEYBOARD_KEY.SPACE:
+					ev.preventDefault();
+					if (document.activeElement instanceof HTMLElement) document.activeElement.click();
+					break;
+			}
+		};
+		const isHoverTrigger = computed(() => {
+			const trigger = props.trigger;
+			return Array.isArray(trigger) ? trigger.includes("hover") : trigger === "hover";
+		});
+		onMounted(() => {
+			if (isHoverTrigger.value) return;
+			nextTick(() => {
+				const items = getMenuitems();
+				if (items.length > 0) items[0].focus();
+				else {
+					var _listRef$value;
+					(_listRef$value = listRef.value) === null || _listRef$value === void 0 || _listRef$value.focus();
+				}
+			});
+		});
 		const style = computed(() => {
 			if (isNumber(dropdownCtx.popupMaxHeight)) return { maxHeight: `${dropdownCtx.popupMaxHeight}px` };
 			if (!dropdownCtx.popupMaxHeight) return {
@@ -59,7 +125,14 @@ var dropdown_panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 					"disable-horizontal": "",
 					onScroll: handleScroll
 				}, {
-					default: withCtx(() => [createElementVNode("ul", { class: normalizeClass(`${unref(prefixCls)}-list`) }, [renderSlot(_ctx.$slots, "default")], 2)]),
+					default: withCtx(() => [createElementVNode("ul", {
+						ref_key: "listRef",
+						ref: listRef,
+						role: "menu",
+						tabindex: "-1",
+						class: normalizeClass(`${unref(prefixCls)}-list`),
+						onKeydown: handleKeydown
+					}, [renderSlot(_ctx.$slots, "default")], 34)]),
 					_: 3
 				}, 8, ["class", "style"]),
 				_ctx.$slots.footer && !__props.isEmpty ? (openBlock(), createElementBlock("div", {

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

@@ -1,10 +1,10 @@
 import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import Trigger from "../trigger/index.js";
+import IconRight from "../icon/icon-right/index.js";
 import { useTrigger } from "../_hooks/use-trigger.js";
 import dropdown_panel_default from "./dropdown-panel.js";
 import dropdown_option_default from "./dropdown-option.js";
-import IconRight from "../icon/icon-right/index.js";
 import { createBlock, createSlots, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderSlot, toRefs, unref, withCtx } from "vue";
 //#region components/dropdown/dropdown-submenu.vue?vue&type=script&setup=true&lang.ts
 var dropdown_submenu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "Dsubmenu" }), {}, {
@@ -109,14 +109,17 @@ var dropdown_submenu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 				"popup-offset": 4,
 				onPopupVisibleChange: unref(handlePopupVisibleChange)
 			}, {
-				content: withCtx(() => [createVNode(dropdown_panel_default, { class: normalizeClass(`${unref(prefixCls)}-submenu`) }, createSlots({
+				content: withCtx(() => [createVNode(dropdown_panel_default, {
+					class: normalizeClass(`${unref(prefixCls)}-submenu`),
+					trigger: __props.trigger
+				}, createSlots({
 					default: withCtx(() => [renderSlot(_ctx.$slots, "content")]),
 					_: 2
 				}, [_ctx.$slots.footer ? {
 					name: "footer",
 					fn: withCtx(() => [renderSlot(_ctx.$slots, "footer")]),
 					key: "0"
-				} : void 0]), 1032, ["class"])]),
+				} : void 0]), 1032, ["class", "trigger"])]),
 				default: withCtx(() => [createVNode(dropdown_option_default, mergeProps(__props.optionProps, {
 					active: unref(computedPopupVisible),
 					"uninject-context": ""

package/es/dropdown/dropdown.vue_vue_type_script_setup_true_lang.js

@@ -116,16 +116,18 @@ var dropdown_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 				"popup-offset": 4,
 				"popup-container": __props.popupContainer,
 				"opened-class": `${unref(prefixCls)}-open`,
+				"esc-to-close": "",
+				"aria-has-popup": "menu",
 				onPopupVisibleChange: unref(handlePopupVisibleChange)
 			}, {
-				content: withCtx(() => [createVNode(dropdown_panel_default, null, createSlots({
+				content: withCtx(() => [createVNode(dropdown_panel_default, { trigger: __props.trigger }, createSlots({
 					default: withCtx(() => [renderSlot(_ctx.$slots, "content")]),
 					_: 2
 				}, [_ctx.$slots.footer ? {
 					name: "footer",
 					fn: withCtx(() => [renderSlot(_ctx.$slots, "footer")]),
 					key: "0"
-				} : void 0]), 1024)]),
+				} : void 0]), 1032, ["trigger"])]),
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
 			}, 8, [

package/es/dropdown/style/index.css

@@ -66,7 +66,7 @@
 .sd-dropdown-option-active, .sd-dropdown-option:not(.sd-dropdown-option-disabled):hover {
   color: var(--sd-color-text-1);
   background-color: var(--sd-color-fill-2);
-  transition: all 0.1s cubic-bezier(0, 0, 1, 1);
+  transition: color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 .sd-dropdown-option-disabled {
   color: var(--sd-color-text-4);

package/es/dropdown/style/index.scss

@@ -56,7 +56,9 @@ $dropdown-prefix-cls: string.unquote('#{theme.$prefix}-dropdown');
     &:not(#{&}-disabled):hover {
       color: $dropdown-option-color-text_hover;
       background-color: $dropdown-option-color-bg_hover;
-      transition: all theme.$transition-duration-1 theme.$transition-timing-function-linear;
+      transition:
+        color theme.$transition-duration-1 theme.$transition-timing-function-standard,
+        background-color theme.$transition-duration-1 theme.$transition-timing-function-standard;
     }
 
     // disabled

package/es/file-previewer/file-previewer.vue.d.ts

@@ -132,10 +132,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     type: FilePreviewerType;
     visible: boolean;
     renderToBody: boolean;
+    escToClose: boolean;
     defaultVisible: boolean;
     closable: boolean;
     maskClosable: boolean;
-    escToClose: boolean;
     fullscreen: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/es/file-previewer/file-previewer.vue_vue_type_script_setup_true_lang.js

@@ -1,11 +1,12 @@
 import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isServerRendering } from "../_utils/dom.js";
+import { KEYBOARD_KEY } from "../_utils/keyboard.js";
 import IconClose from "../icon/icon-close/index.js";
+import { useI18n } from "../locale/index.js";
 import { _asyncToGenerator } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/asyncToGenerator.js";
 import IconLoading from "../icon/icon-loading/index.js";
 import usePopupManager from "../_hooks/use-popup-manager.js";
-import { KEYBOARD_KEY } from "../_utils/keyboard.js";
 import usePopupContainer from "../_hooks/use-popup-container.js";
 import usePopupOverflowHidden from "../_hooks/use-popup-overflow-hidden.js";
 import Image from "../image/index.js";
@@ -18,8 +19,10 @@ var _hoisted_2 = [
 	"aria-modal",
 	"aria-label"
 ];
-var _hoisted_3 = ["disabled"];
-var _hoisted_4 = ["disabled"];
+var _hoisted_3 = ["disabled", "aria-label"];
+var _hoisted_4 = ["disabled", "aria-label"];
+var _hoisted_5 = ["aria-label"];
+var _hoisted_6 = ["aria-label"];
 var file_previewer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "FilePreviewer" }), {}, {
 	__name: "file-previewer",
 	props: {
@@ -129,6 +132,7 @@ var file_previewer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 		const props = __props;
 		const emit = __emit;
 		const { src, type, visible, defaultVisible, fullscreen, popupContainer, renderToBody, maskClosable, closable, escToClose, title, imageProps, mediaProps, pdfProps } = toRefs(props);
+		const { t } = useI18n();
 		const prefixCls = getPrefixCls("file-previewer");
 		const wrapperRef = shallowRef();
 		const status = shallowRef("beforeLoad");
@@ -481,7 +485,7 @@ var file_previewer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 					class: normalizeClass(contentClassNames.value),
 					role: unref(fullscreen) ? "dialog" : "region",
 					"aria-modal": unref(fullscreen) ? "true" : void 0,
-					"aria-label": unref(title) || "File preview"
+					"aria-label": unref(title) || unref(t)("a11y.filePreview")
 				}, [unref(title) || _ctx.$slots.title ? (openBlock(), createElementBlock("header", {
 					key: 0,
 					class: normalizeClass(`${unref(prefixCls)}-header`)
@@ -512,7 +516,7 @@ var file_previewer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 						type: "button",
 						class: normalizeClass(`${unref(prefixCls)}-pdf-btn`),
 						disabled: unref(pdfCurrentPage) <= 1,
-						"aria-label": "上一页",
+						"aria-label": unref(t)("a11y.prevPage"),
 						onClick: _cache[0] || (_cache[0] = (...args) => unref(pdfPrev) && unref(pdfPrev)(...args))
 					}, " ‹ ", 10, _hoisted_3),
 					createElementVNode("span", { class: normalizeClass(`${unref(prefixCls)}-pdf-page`) }, toDisplayString(unref(pdfCurrentPage)) + " / " + toDisplayString(unref(pdfNumPages)), 3),
@@ -520,7 +524,7 @@ var file_previewer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 						type: "button",
 						class: normalizeClass(`${unref(prefixCls)}-pdf-btn`),
 						disabled: unref(pdfCurrentPage) >= unref(pdfNumPages),
-						"aria-label": "下一页",
+						"aria-label": unref(t)("a11y.nextPage"),
 						onClick: _cache[1] || (_cache[1] = (...args) => unref(pdfNext) && unref(pdfNext)(...args))
 					}, " › ", 10, _hoisted_4)
 				], 2)) : createCommentVNode("", true)], 2)]) : createCommentVNode("", true)])], 2)], 10, _hoisted_2),
@@ -528,15 +532,19 @@ var file_previewer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 					key: 1,
 					type: "button",
 					class: normalizeClass(`${unref(prefixCls)}-close-btn`),
+					"aria-label": unref(t)("a11y.close"),
 					onClick: close
-				}, [createVNode(unref(IconClose))], 2)) : createCommentVNode("", true),
+				}, [createVNode(unref(IconClose))], 10, _hoisted_5)) : createCommentVNode("", true),
 				isLoading.value ? (openBlock(), createElementBlock("div", {
 					key: 2,
-					class: normalizeClass(`${unref(prefixCls)}-loading`)
-				}, [createVNode(unref(IconLoading))], 2)) : createCommentVNode("", true),
+					class: normalizeClass(`${unref(prefixCls)}-loading`),
+					role: "status",
+					"aria-label": unref(t)("a11y.loading")
+				}, [createVNode(unref(IconLoading))], 10, _hoisted_6)) : createCommentVNode("", true),
 				isError.value ? (openBlock(), createElementBlock("div", {
 					key: 3,
-					class: normalizeClass(`${unref(prefixCls)}-error`)
+					class: normalizeClass(`${unref(prefixCls)}-error`),
+					role: "alert"
 				}, "文件预览加载失败", 2)) : createCommentVNode("", true)
 			], 46, _hoisted_1)) : createCommentVNode("", true)], 8, ["to", "disabled"]));
 		};