@sdata/web-vue 3.12.0 → 3.14.0

package/es/drawer/drawer.vue_vue_type_script_setup_true_lang.js

@@ -3,20 +3,22 @@ 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 Button from "../button/index.js";
-import { KEYBOARD_KEY } from "../_utils/keyboard.js";
+import { useI18n } from "../locale/index.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 { useI18n } from "../locale/index.js";
+import Button from "../button/index.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 drawer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, {
 	name: "Drawer",
 	inheritAttrs: false
@@ -255,6 +257,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 +471,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 +485,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 +527,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 +552,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",
 							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),
+						})], 34)) : 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 +580,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-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 { 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

@@ -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/empty/empty.js

@@ -1,7 +1,7 @@
 import { configProviderInjectionKey } from "../config-provider/context.js";
 import { getPrefixCls } from "../_utils/global-config.js";
-import IconEmpty from "../icon/icon-empty/index.js";
 import { useI18n } from "../locale/index.js";
+import IconEmpty from "../icon/icon-empty/index.js";
 import { createVNode, defineComponent, inject, mergeProps } from "vue";
 //#region components/empty/empty.tsx
 var empty_default = /* @__PURE__ */ defineComponent({

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,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 { isServerRendering } from "../_utils/dom.js";
+import { KEYBOARD_KEY } 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 IconLoading from "../icon/icon-loading/index.js";
-import { KEYBOARD_KEY } from "../_utils/keyboard.js";
 import usePopupManager from "../_hooks/use-popup-manager.js";
 import usePopupContainer from "../_hooks/use-popup-container.js";
 import usePopupOverflowHidden from "../_hooks/use-popup-overflow-hidden.js";
@@ -528,15 +528,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": "关闭",
 					onClick: close
 				}, [createVNode(unref(IconClose))], 2)) : createCommentVNode("", true),
 				isLoading.value ? (openBlock(), createElementBlock("div", {
 					key: 2,
-					class: normalizeClass(`${unref(prefixCls)}-loading`)
+					class: normalizeClass(`${unref(prefixCls)}-loading`),
+					role: "status",
+					"aria-label": "加载中"
 				}, [createVNode(unref(IconLoading))], 2)) : 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"]));
 		};

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

@@ -114,10 +114,10 @@ declare const FilePreviewer: {
         type: import("./types").FilePreviewerType;
         visible: boolean;
         renderToBody: boolean;
+        escToClose: boolean;
         defaultVisible: boolean;
         closable: boolean;
         maskClosable: boolean;
-        escToClose: boolean;
         fullscreen: boolean;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -234,10 +234,10 @@ declare const FilePreviewer: {
         type: import("./types").FilePreviewerType;
         visible: boolean;
         renderToBody: boolean;
+        escToClose: boolean;
         defaultVisible: boolean;
         closable: boolean;
         maskClosable: boolean;
-        escToClose: boolean;
         fullscreen: boolean;
     }>;
     __isFragment?: never;
@@ -313,10 +313,10 @@ declare const FilePreviewer: {
     type: import("./types").FilePreviewerType;
     visible: boolean;
     renderToBody: boolean;
+    escToClose: boolean;
     defaultVisible: boolean;
     closable: boolean;
     maskClosable: boolean;
-    escToClose: boolean;
     fullscreen: 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/form/context.d.ts

@@ -31,6 +31,7 @@ export interface FormItemContext {
     disabled: boolean;
     error: boolean;
     feedback: string | undefined;
+    fieldId: string | undefined;
     updateValidateState: (field: string, { status, message }: {
         status: ValidateStatus | '';
         message: string;

package/es/form/form-item.vue_vue_type_script_setup_true_lang.js

@@ -10,7 +10,7 @@ import form_item_message_default from "./form-item-message.js";
 import { getFinalValidateMessage, getFinalValidateStatus, getFormElementId } from "./utils.js";
 import { _objectDestructuringEmpty } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectDestructuringEmpty.js";
 import { _extends } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/extends.js";
-import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, inject, mergeProps, nextTick, normalizeClass, onBeforeUnmount, onMounted, openBlock, provide, reactive, ref, renderSlot, toDisplayString, toRef, toRefs, unref, withCtx } from "vue";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, getCurrentInstance, inject, mergeProps, nextTick, normalizeClass, onBeforeUnmount, onMounted, openBlock, provide, reactive, ref, renderSlot, toDisplayString, toRef, toRefs, unref, withCtx } from "vue";
 import { Schema } from "b-validate";
 //#region components/form/form-item.vue?vue&type=script&setup=true&lang.ts
 var form_item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "FormItem" }), {}, {
@@ -242,6 +242,8 @@ var form_item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 		const formCtx = inject(formInjectionKey, {});
 		const { autoLabelWidth, layout } = toRefs(formCtx);
 		const { i18nMessage } = useI18n();
+		const instance = getCurrentInstance();
+		const fieldId = computed(() => `sd-form-item-${instance === null || instance === void 0 ? void 0 : instance.uid}`);
 		const mergedLabelCol = computed(() => {
 			var _props$labelColProps;
 			const colProps = _objectSpread2({}, (_props$labelColProps = props.labelColProps) !== null && _props$labelColProps !== void 0 ? _props$labelColProps : formCtx.labelColProps);
@@ -264,6 +266,7 @@ var form_item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 			var _props$wrapperColStyl;
 			return (_props$wrapperColStyl = props.wrapperColStyle) !== null && _props$wrapperColStyl !== void 0 ? _props$wrapperColStyl : formCtx.wrapperColStyle;
 		});
+		const mergedLabelAttrs = computed(() => _objectSpread2({ for: fieldId.value }, props.labelAttrs));
 		const initialValue = getValueByPath(formCtx.model, props.field);
 		const formValidateStatus = reactive({});
 		const validateMessage = reactive({});
@@ -372,6 +375,7 @@ var form_item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 			disabled: computedDisabled,
 			error: isError,
 			feedback: computedFeedback,
+			fieldId,
 			updateValidateState
 		}));
 		const clearValidate = () => {
@@ -457,7 +461,7 @@ var form_item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 						"show-colon": __props.showColon,
 						"asterisk-position": __props.asteriskPosition,
 						component: __props.labelComponent,
-						attrs: __props.labelAttrs,
+						attrs: mergedLabelAttrs.value,
 						tooltip: __props.tooltip
 					}, {
 						default: withCtx(() => [_ctx.$slots.label || __props.label ? renderSlot(_ctx.$slots, "label", { key: 0 }, () => [createTextVNode(toDisplayString(__props.label), 1)]) : createCommentVNode("", true)]),

package/es/form/style/index.css

@@ -457,8 +457,8 @@
 
 .form-blink-enter-active,
 .form-blink-appear-active {
-  transition: opacity 0.3s cubic-bezier(0, 0, 1, 1);
-  animation: sd-form-blink 0.5s cubic-bezier(0, 0, 1, 1);
+  transition: opacity 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
+  animation: sd-form-blink 0.5s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 
 @keyframes sd-form-blink {

package/es/form/style/index.scss

@@ -237,9 +237,9 @@ $form-item-message-prefix-cls: string.unquote('#{theme.$prefix}-form-item-messag
 
 .form-blink-enter-active,
 .form-blink-appear-active {
-  transition: opacity theme.$transition-duration-3 theme.$transition-timing-function-linear;
+  transition: opacity theme.$transition-duration-3 theme.$transition-timing-function-standard;
   animation: #{theme.$prefix}-form-blink theme.$transition-duration-5
-    theme.$transition-timing-function-linear;
+    theme.$transition-timing-function-standard;
 }
 
 @keyframes #{theme.$prefix}-form-blink {

package/es/image/image.vue_vue_type_script_setup_true_lang.js

@@ -3,10 +3,10 @@ import { getPrefixCls } from "../_utils/global-config.js";
 import { isBoolean } from "../_utils/is.js";
 import { isServerRendering } from "../_utils/dom.js";
 import IconLoading from "../icon/icon-loading/index.js";
+import { useI18n } from "../locale/index.js";
 import { omit } from "../_utils/omit.js";
 import useMergeState from "../_hooks/use-merge-state.js";
 import IconImageClose from "../icon/icon-image-close/index.js";
-import { useI18n } from "../locale/index.js";
 import { PreviewGroupInjectionKey } from "./context.js";
 import useImageLoadStatus from "./hooks/use-image-load-status.js";
 import image_footer_default from "./image-footer.js";