@sdata/web-vue 3.13.0 → 3.14.0

package/es/_components/input-label/input-label.d.ts

@@ -17,6 +17,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     error: BooleanConstructor;
     focused: BooleanConstructor;
     uninjectFormItemContext: BooleanConstructor;
+    inputAttrs: PropType<Record<string, unknown>>;
 }>, {
     inputRef: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
     render: () => import("vue/jsx-runtime").JSX.Element;
@@ -39,6 +40,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     error: BooleanConstructor;
     focused: BooleanConstructor;
     uninjectFormItemContext: BooleanConstructor;
+    inputAttrs: PropType<Record<string, unknown>>;
 }>> & Readonly<{
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;

package/es/_components/input-label/input-label.js

@@ -29,7 +29,8 @@ var input_label_default = /* @__PURE__ */ defineComponent({
 		size: String,
 		error: Boolean,
 		focused: Boolean,
-		uninjectFormItemContext: Boolean
+		uninjectFormItemContext: Boolean,
+		inputAttrs: Object
 	},
 	emits: [
 		"update:inputValue",
@@ -91,13 +92,14 @@ var input_label_default = /* @__PURE__ */ defineComponent({
 		const wrapperAttrs = computed(() => omit(attrs, INPUT_EVENTS));
 		const inputAttrs = computed(() => pick(attrs, INPUT_EVENTS));
 		const render = () => {
+			var _props$inputAttrs;
 			let _slot;
 			return createVNode("span", mergeProps(wrapperAttrs.value, {
 				"class": cls.value,
 				"onMousedown": handleMousedown
 			}), [
 				slots.prefix && createVNode("span", { "class": `${prefixCls}-prefix` }, [slots.prefix()]),
-				createVNode("input", mergeProps(inputAttrs.value, {
+				createVNode("input", mergeProps(inputAttrs.value, (_props$inputAttrs = props.inputAttrs) !== null && _props$inputAttrs !== void 0 ? _props$inputAttrs : {}, {
 					"ref": inputRef,
 					"class": [`${prefixCls}-input`, { [`${prefixCls}-input-hidden`]: !showInput.value }],
 					"value": computedInputValue.value,

package/es/_components/input-label/style/index.css

@@ -38,7 +38,7 @@
   border: 1px solid transparent;
   border-radius: var(--sd-border-radius-small);
   cursor: text;
-  transition: color 0.1s cubic-bezier(0, 0, 1, 1), border-color 0.1s cubic-bezier(0, 0, 1, 1), background-color 0.1s cubic-bezier(0, 0, 1, 1);
+  transition: 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), background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 .sd-input-label:hover {
   background-color: var(--sd-color-fill-3);
@@ -123,7 +123,7 @@
 }
 .sd-input-label .sd-input-label-clear-btn > svg {
   position: relative;
-  transition: color 0.1s cubic-bezier(0, 0, 1, 1);
+  transition: color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 .sd-input-label:hover .sd-input-label-clear-btn {
   visibility: visible;

package/es/_components/picker/style/index.scss

@@ -15,7 +15,11 @@
   background-color: $picker-color-bg;
   border: 1px solid $picker-color-border;
   border-radius: $picker-input-border-radius;
-  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,
+    border-color theme.$transition-duration-1 theme.$transition-timing-function-standard,
+    box-shadow theme.$transition-duration-1 theme.$transition-timing-function-standard;
 
   &-input {
     display: inline-flex;
@@ -32,7 +36,9 @@
     background-color: global.$color-transparent;
     border: none;
     outline: none;
-    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;
 
     &::placeholder {
       color: $picker-color-placeholder;

package/es/_components/resize-observer.js

@@ -11,7 +11,7 @@ var resize_observer_default = /* @__PURE__ */ defineComponent({
 		const componentRef = ref();
 		const element = computed(() => isComponentInstance(componentRef.value) ? componentRef.value.$el : componentRef.value);
 		const createResizeObserver = (target) => {
-			if (!target) return;
+			if (!target || target.nodeType !== 1) return;
 			resizeObserver = new ResizeObserver((entries) => {
 				const entry = entries[0];
 				emit("resize", entry);

package/es/_components/resize-trigger.vue_vue_type_script_setup_true_lang.js

@@ -4,6 +4,7 @@ import IconDragDotVertical from "../icon/icon-drag-dot-vertical/index.js";
 import IconDragDot from "../icon/icon-drag-dot/index.js";
 import { computed, createBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot, toRefs, unref, withCtx } from "vue";
 //#region components/_components/resize-trigger.vue?vue&type=script&setup=true&lang.tsx
+var _hoisted_1 = ["aria-orientation"];
 var resize_trigger_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "ResizeTrigger" }), {}, {
 	__name: "resize-trigger",
 	props: {
@@ -30,13 +31,19 @@ var resize_trigger_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 		};
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(resize_observer_default), { onResize }, {
-				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(classNames.value) }, [renderSlot(_ctx.$slots, "default", {}, () => [createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-icon-wrapper`) }, [renderSlot(_ctx.$slots, "icon", {}, () => [isHorizontal.value ? (openBlock(), createBlock(unref(IconDragDot), {
+				default: withCtx(() => [createElementVNode("div", {
+					class: normalizeClass(classNames.value),
+					role: "separator",
+					tabindex: "0",
+					"aria-orientation": unref(direction),
+					"aria-label": "Resize"
+				}, [renderSlot(_ctx.$slots, "default", {}, () => [createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-icon-wrapper`) }, [renderSlot(_ctx.$slots, "icon", {}, () => [isHorizontal.value ? (openBlock(), createBlock(unref(IconDragDot), {
 					key: 0,
 					class: normalizeClass(`${unref(prefixCls)}-icon`)
 				}, null, 8, ["class"])) : (openBlock(), createBlock(unref(IconDragDotVertical), {
 					key: 1,
 					class: normalizeClass(`${unref(prefixCls)}-icon`)
-				}, null, 8, ["class"]))])], 2)])], 2)]),
+				}, null, 8, ["class"]))])], 2)])], 10, _hoisted_1)]),
 				_: 3
 			});
 		};

package/es/_components/select-view/select-view.d.ts

@@ -64,6 +64,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    inputAttrs: PropType<Record<string, unknown>>;
 }>, {
     inputRef: import("vue").ComputedRef<HTMLInputElement>;
     handleFocus: (ev: FocusEvent) => void;
@@ -134,6 +135,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    inputAttrs: PropType<Record<string, unknown>>;
 }>> & Readonly<{
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;

package/es/_components/select-view/select-view.js

@@ -73,7 +73,8 @@ var select_view_default = /* @__PURE__ */ defineComponent({
 		retainInputValue: {
 			type: Boolean,
 			default: false
-		}
+		},
+		inputAttrs: Object
 	},
 	emits: [
 		"remove",
@@ -132,6 +133,7 @@ var select_view_default = /* @__PURE__ */ defineComponent({
 			showClearBtn.value && createVNode("button", {
 				"type": "button",
 				"class": `${prefixCls}-clear-btn`,
+				"aria-label": "Clear",
 				"onClick": handleClear,
 				"onMousedown": (ev) => ev.stopPropagation()
 			}, [createVNode(icon_hover_default, null, { default: () => [createVNode(IconClose, null, null)] })]),
@@ -165,6 +167,7 @@ var select_view_default = /* @__PURE__ */ defineComponent({
 					"tagNowrap": props.tagNowrap,
 					"retainInputValue": true,
 					"uninjectFormItemContext": true,
+					"inputAttrs": props.inputAttrs,
 					"onRemove": handleRemove,
 					"onFocus": handleFocus,
 					"onBlur": handleBlur
@@ -187,6 +190,7 @@ var select_view_default = /* @__PURE__ */ defineComponent({
 				"error": mergedError.value,
 				"enabledInput": enabledInput.value,
 				"uninjectFormItemContext": true,
+				"inputAttrs": props.inputAttrs,
 				"onFocus": handleFocus,
 				"onBlur": handleBlur
 			}, {

package/es/_components/select-view/style/index.css

@@ -44,7 +44,7 @@
 }
 .sd-tag-checkable {
   cursor: pointer;
-  transition: all 0.1s cubic-bezier(0, 0, 1, 1);
+  transition: 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);
 }
 .sd-tag-checkable:hover {
   background-color: var(--sd-color-fill-2);
@@ -495,7 +495,7 @@
   border: 1px solid transparent;
   border-radius: var(--sd-border-radius-small);
   cursor: text;
-  transition: color 0.1s cubic-bezier(0, 0, 1, 1), border-color 0.1s cubic-bezier(0, 0, 1, 1), background-color 0.1s cubic-bezier(0, 0, 1, 1);
+  transition: 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), background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 .sd-select-view-single:hover {
   background-color: var(--sd-color-fill-3);
@@ -580,7 +580,7 @@
 }
 .sd-select-view-single .sd-select-view-clear-btn > svg {
   position: relative;
-  transition: color 0.1s cubic-bezier(0, 0, 1, 1);
+  transition: color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 .sd-select-view-single:hover .sd-select-view-clear-btn {
   visibility: visible;
@@ -692,7 +692,7 @@
   border: 1px solid transparent;
   border-radius: var(--sd-border-radius-small);
   cursor: text;
-  transition: color 0.1s cubic-bezier(0, 0, 1, 1), border-color 0.1s cubic-bezier(0, 0, 1, 1), background-color 0.1s cubic-bezier(0, 0, 1, 1);
+  transition: 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), background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 .sd-select-view-multiple:hover {
   background-color: var(--sd-color-fill-3);
@@ -777,7 +777,7 @@
 }
 .sd-select-view-multiple .sd-select-view-clear-btn > svg {
   position: relative;
-  transition: color 0.1s cubic-bezier(0, 0, 1, 1);
+  transition: color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 .sd-select-view-multiple:hover .sd-select-view-clear-btn {
   visibility: visible;

package/es/_hooks/use-focus-trap.d.ts

@@ -0,0 +1,10 @@
+import type { Ref } from 'vue';
+export declare const getFocusableElements: (container: HTMLElement) => HTMLElement[];
+export interface UseFocusTrapOptions {
+    initialFocus?: (container: HTMLElement) => HTMLElement | null | undefined;
+}
+export interface UseFocusTrapReturn {
+    activate: () => void;
+    deactivate: () => void;
+}
+export declare const useFocusTrap: (containerRef: Ref<HTMLElement | undefined>, options?: UseFocusTrapOptions) => UseFocusTrapReturn;

package/es/_hooks/use-focus-trap.js

@@ -0,0 +1,115 @@
+import { off, on } from "../_utils/dom.js";
+import { KEYBOARD_KEY } from "../_utils/keyboard.js";
+import { onBeforeUnmount } from "vue";
+//#region components/_hooks/use-focus-trap.ts
+/**
+* 可聚焦元素选择器（排除显式 tabindex="-1" 由 isFocusableElement 再过滤）
+*/
+var FOCUSABLE_SELECTOR = [
+	"a[href]",
+	"button:not([disabled])",
+	"textarea:not([disabled])",
+	"input:not([disabled])",
+	"select:not([disabled])",
+	"iframe",
+	"[contenteditable]:not([contenteditable=\"false\"])",
+	"[tabindex]:not([tabindex=\"-1\"])"
+].join(",");
+var isFocusableElement = (el) => {
+	if (el.hasAttribute("disabled")) return false;
+	if (el.getAttribute("tabindex") === "-1") return false;
+	if (el.getAttribute("aria-hidden") === "true") return false;
+	const style = window.getComputedStyle(el);
+	if (style.display === "none" || style.visibility === "hidden") return false;
+	return el.offsetWidth > 0 || el.offsetHeight > 0 || el.getClientRects().length > 0;
+};
+/**
+* 取容器内当前可见、可聚焦的元素列表（顺序即 DOM 顺序）。
+*/
+var getFocusableElements = (container) => {
+	const nodes = container.querySelectorAll(FOCUSABLE_SELECTOR);
+	return Array.from(nodes).filter(isFocusableElement);
+};
+/**
+* 对话框/抽屉等弹层的焦点陷阱。
+*
+* - activate 时缓存 `document.activeElement`（通常是触发器），并把焦点移入容器；
+* - 激活期间 Tab / Shift+Tab 在容器内循环，不会逃逸到背后的页面；
+* - deactivate 时还原焦点到触发器。
+*
+* 不自动监听可见性，调用方应在弹层的 open/close 时机（如 transition 的
+* after-enter / after-leave）显式调用 activate / deactivate。
+*/
+var useFocusTrap = (containerRef, options) => {
+	let savedFocus = null;
+	const handleKeydown = (ev) => {
+		if (ev.key !== KEYBOARD_KEY.TAB) return;
+		const container = containerRef.value;
+		if (!container) return;
+		const focusables = getFocusableElements(container);
+		if (focusables.length === 0) {
+			ev.preventDefault();
+			container.focus();
+			return;
+		}
+		const first = focusables[0];
+		const last = focusables[focusables.length - 1];
+		const active = document.activeElement;
+		const atEdge = (el) => !container.contains(el) || el === container;
+		if (ev.shiftKey) {
+			if (active === first || atEdge(active)) {
+				ev.preventDefault();
+				last.focus();
+			}
+		} else if (active === last || atEdge(active)) {
+			ev.preventDefault();
+			first.focus();
+		}
+	};
+	let focusRetryHandle = 0;
+	const focusIntoContainer = () => {
+		var _options$initialFocus;
+		const container = containerRef.value;
+		if (!container) return false;
+		const preferred = options === null || options === void 0 || (_options$initialFocus = options.initialFocus) === null || _options$initialFocus === void 0 ? void 0 : _options$initialFocus.call(options, container);
+		if (preferred) {
+			preferred.focus();
+			if (document.activeElement === preferred) return true;
+		}
+		const focusables = getFocusableElements(container);
+		if (focusables.length > 0) {
+			focusables[0].focus();
+			return true;
+		}
+		container.focus();
+		return document.activeElement === container;
+	};
+	const activate = () => {
+		var _document$activeEleme;
+		savedFocus = (_document$activeEleme = document.activeElement) !== null && _document$activeEleme !== void 0 ? _document$activeEleme : null;
+		on(document.documentElement, "keydown", handleKeydown, true);
+		if (focusIntoContainer()) return;
+		const retry = () => {
+			if (focusIntoContainer()) return;
+			focusRetryHandle = requestAnimationFrame(retry);
+		};
+		focusRetryHandle = requestAnimationFrame(retry);
+	};
+	const deactivate = () => {
+		if (focusRetryHandle) {
+			cancelAnimationFrame(focusRetryHandle);
+			focusRetryHandle = 0;
+		}
+		off(document.documentElement, "keydown", handleKeydown, true);
+		const target = savedFocus;
+		savedFocus = null;
+		if (target && typeof target.focus === "function") target.focus();
+	};
+	onBeforeUnmount(deactivate);
+	return {
+		activate,
+		deactivate
+	};
+};
+//#endregion
+export { getFocusableElements, useFocusTrap };

package/es/_utils/dom.js

@@ -32,15 +32,6 @@ var off = (() => {
 		element.removeEventListener(type, handler, options);
 	};
 })();
-var contains = (root, ele) => {
-	if (!root || !ele) return false;
-	let node = ele;
-	while (node) {
-		if (node === root) return true;
-		node = node.parentNode;
-	}
-	return false;
-};
 var getOverlay = (type) => {
 	const popper = document.createElement("div");
 	popper.setAttribute("class", `sd-overlay sd-overlay-${type}`);
@@ -79,4 +70,4 @@ var getScrollBarWidth = (element) => {
 	return element.tagName === "BODY" ? window.innerWidth - getDocumentSize().width : element.offsetWidth - element.clientWidth;
 };
 //#endregion
-export { NOOP, contains, getDocumentSize, getElement, getOverlay, getRelativeRect, getScrollBarWidth, isScroll, isServerRendering, off, on, querySelector };
+export { NOOP, getDocumentSize, getElement, getOverlay, getRelativeRect, getScrollBarWidth, isScroll, isServerRendering, off, on, querySelector };

package/es/_utils/keyboard.d.ts

@@ -8,6 +8,8 @@ export declare const KEYBOARD_KEY: {
     ARROW_DOWN: string;
     ARROW_LEFT: string;
     ARROW_RIGHT: string;
+    HOME: string;
+    END: string;
 };
 export interface CodeKey {
     key: string;
@@ -16,4 +18,6 @@ export interface CodeKey {
     alt?: boolean;
     meta?: boolean;
 }
+export declare const isActivationKey: (e: KeyboardEvent) => boolean;
+export declare const onActivate: (fn: (e: KeyboardEvent) => void, guard?: (e: KeyboardEvent) => boolean) => (e: KeyboardEvent) => void;
 export declare const getKeyDownHandler: (codeKeyMap: Map<CodeKey | string, (e: Event) => void>) => (event: KeyboardEvent) => void;

package/es/_utils/keyboard.js

@@ -9,7 +9,9 @@ var KEYBOARD_KEY = {
 	ARROW_UP: "ArrowUp",
 	ARROW_DOWN: "ArrowDown",
 	ARROW_LEFT: "ArrowLeft",
-	ARROW_RIGHT: "ArrowRight"
+	ARROW_RIGHT: "ArrowRight",
+	HOME: "Home",
+	END: "End"
 };
 var stringifyCodeKey = (k) => {
 	return JSON.stringify({
@@ -20,6 +22,23 @@ var stringifyCodeKey = (k) => {
 		meta: Boolean(k.meta)
 	});
 };
+/**
+* 是否为「激活键」（Enter / Space）。供 role="button" 等非原生可交互元素复用，
+* 避免在各组件里硬编码 `e.key === 'Enter' || e.key === ' '`（注意 Space 的 key 是 ' '）。
+*/
+var isActivationKey = (e) => e.key === KEYBOARD_KEY.ENTER || e.key === KEYBOARD_KEY.SPACE;
+/**
+* 生成「Enter / Space 激活」的 keydown 处理器：命中激活键时 preventDefault
+* （避免 Space 触发页面滚动）并调用 `fn`。可选 `guard` 返回 false 时跳过（禁用态等）。
+*
+* @example @keydown="onActivate(handleClose)"
+*/
+var onActivate = (fn, guard) => (e) => {
+	if (!isActivationKey(e)) return;
+	if (guard && !guard(e)) return;
+	e.preventDefault();
+	fn(e);
+};
 var getKeyDownHandler = (codeKeyMap) => {
 	const map = {};
 	codeKeyMap.forEach((callback, codeKey) => {
@@ -41,4 +60,4 @@ var getKeyDownHandler = (codeKeyMap) => {
 	};
 };
 //#endregion
-export { KEYBOARD_KEY, getKeyDownHandler };
+export { KEYBOARD_KEY, getKeyDownHandler, isActivationKey, onActivate };

package/es/alert/alert.vue.d.ts

@@ -35,7 +35,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         default: boolean;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    close: (_ev: MouseEvent) => any;
+    close: (_ev: Event) => any;
     afterClose: () => any;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     type: {
@@ -60,7 +60,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         default: boolean;
     };
 }>> & Readonly<{
-    onClose?: ((_ev: MouseEvent) => any) | undefined;
+    onClose?: ((_ev: Event) => any) | undefined;
     onAfterClose?: (() => any) | undefined;
 }>, {
     type: "normal" | "success" | "warning" | "info" | "error";

package/es/alert/alert.vue_vue_type_script_setup_true_lang.js

@@ -1,6 +1,7 @@
 import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import icon_hover_default from "../_components/icon-hover.js";
+import { isActivationKey } from "../_utils/keyboard.js";
 import IconCheckCircleFill from "../icon/icon-check-circle-fill/index.js";
 import IconClose from "../icon/icon-close/index.js";
 import IconCloseCircleFill from "../icon/icon-close-circle-fill/index.js";
@@ -90,6 +91,12 @@ var alert_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 			visible.value = false;
 			emit("close", ev);
 		};
+		const onCloseKeydown = (ev) => {
+			if (isActivationKey(ev)) {
+				ev.preventDefault();
+				handleClose(ev);
+			}
+		};
 		const handleAfterLeave = () => {
 			emit("afterClose");
 		};
@@ -114,6 +121,7 @@ var alert_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 				}, [
 					__props.showIcon && !(__props.type === "normal" && !_ctx.$slots.icon) ? (openBlock(), createElementBlock("div", {
 						key: 0,
+						"aria-hidden": "true",
 						class: normalizeClass(`${unref(prefixCls)}-icon`)
 					}, [renderSlot(_ctx.$slots, "icon", {}, () => [__props.type === "info" ? (openBlock(), createBlock(unref(IconInfoCircleFill), { key: 0 })) : __props.type === "success" ? (openBlock(), createBlock(unref(IconCheckCircleFill), { key: 1 })) : __props.type === "warning" ? (openBlock(), createBlock(unref(IconExclamationCircleFill), { key: 2 })) : __props.type === "error" ? (openBlock(), createBlock(unref(IconCloseCircleFill), { key: 3 })) : createCommentVNode("", true)])], 2)) : createCommentVNode("", true),
 					createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-body`) }, [__props.title || _ctx.$slots.title ? (openBlock(), createElementBlock("div", {
@@ -126,15 +134,16 @@ var alert_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 					}, [renderSlot(_ctx.$slots, "action")], 2)) : createCommentVNode("", true),
 					__props.closable ? (openBlock(), createElementBlock("div", {
 						key: 2,
-						tabindex: "-1",
+						tabindex: "0",
 						role: "button",
 						"aria-label": "Close",
 						class: normalizeClass(`${unref(prefixCls)}-close-btn`),
-						onClick: handleClose
+						onClick: handleClose,
+						onKeydown: onCloseKeydown
 					}, [renderSlot(_ctx.$slots, "close-element", {}, () => [createVNode(icon_hover_default, null, {
 						default: withCtx(() => [createVNode(unref(IconClose))]),
 						_: 1
-					})])], 2)) : createCommentVNode("", true)
+					})])], 34)) : createCommentVNode("", true)
 				], 2)) : createCommentVNode("", true)]),
 				_: 3
 			});

package/es/alert/index.d.ts

@@ -25,10 +25,10 @@ declare const Alert: {
             default: boolean;
         };
     }>> & Readonly<{
-        onClose?: ((_ev: MouseEvent) => any) | undefined;
+        onClose?: ((_ev: Event) => any) | undefined;
         onAfterClose?: (() => any) | undefined;
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        close: (_ev: MouseEvent) => any;
+        close: (_ev: Event) => any;
         afterClose: () => any;
     }, import("vue").PublicProps, {
         type: "normal" | "success" | "warning" | "info" | "error";
@@ -66,7 +66,7 @@ declare const Alert: {
             default: boolean;
         };
     }>> & Readonly<{
-        onClose?: ((_ev: MouseEvent) => any) | undefined;
+        onClose?: ((_ev: Event) => any) | undefined;
         onAfterClose?: (() => any) | undefined;
     }>, {}, {}, {}, {}, {
         type: "normal" | "success" | "warning" | "info" | "error";
@@ -101,10 +101,10 @@ declare const Alert: {
         default: boolean;
     };
 }>> & Readonly<{
-    onClose?: ((_ev: MouseEvent) => any) | undefined;
+    onClose?: ((_ev: Event) => any) | undefined;
     onAfterClose?: (() => any) | undefined;
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    close: (_ev: MouseEvent) => any;
+    close: (_ev: Event) => any;
     afterClose: () => any;
 }, string, {
     type: "normal" | "success" | "warning" | "info" | "error";

package/es/alert/style/index.css

@@ -157,7 +157,7 @@
   border: none;
   outline: none;
   cursor: pointer;
-  transition: color 0.1s cubic-bezier(0, 0, 1, 1);
+  transition: color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 .sd-alert-close-btn:hover {
   color: var(--sd-color-text-1);

package/es/alert/style/index.scss

@@ -177,7 +177,7 @@ $alert-prefix-cls: string.unquote('#{theme.$prefix}-alert');
     border: none;
     outline: none;
     cursor: pointer;
-    transition: color theme.$transition-duration-1 theme.$transition-timing-function-linear;
+    transition: color theme.$transition-duration-1 theme.$transition-timing-function-standard;
 
     &:hover {
       color: $alert-color-close-icon_hover;

package/es/anchor/anchor-link.vue_vue_type_script_setup_true_lang.js

@@ -3,7 +3,7 @@ import { getPrefixCls } from "../_utils/global-config.js";
 import { anchorInjectionKey } from "./context.js";
 import { computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, inject, normalizeClass, onMounted, openBlock, ref, renderSlot, toDisplayString, unref } from "vue";
 //#region components/anchor/anchor-link.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["href"];
+var _hoisted_1 = ["href", "aria-current"];
 var anchor_link_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "AnchorLink" }), {}, {
 	__name: "anchor-link",
 	props: {
@@ -30,6 +30,7 @@ var anchor_link_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 		const cls = computed(() => [`${linkCls}-item`, { [`${linkCls}-active`]: (context === null || context === void 0 ? void 0 : context.currentLink) === props.href }]);
 		const handleClick = (e) => context === null || context === void 0 ? void 0 : context.handleClick(e, props.href);
 		return (_ctx, _cache) => {
+			var _unref2;
 			return openBlock(), createElementBlock("li", {
 				ref_key: "linkRef",
 				ref: linkRef,
@@ -37,6 +38,7 @@ var anchor_link_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 			}, [createElementVNode("a", {
 				class: normalizeClass(linkCls),
 				href: __props.href,
+				"aria-current": ((_unref2 = unref(context)) === null || _unref2 === void 0 ? void 0 : _unref2.currentLink) === props.href ? "location" : void 0,
 				onClick: handleClick
 			}, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.title), 1)])], 8, _hoisted_1), _ctx.$slots.sublist ? (openBlock(), createElementBlock("ul", {
 				key: 0,

package/es/anchor/anchor.vue_vue_type_script_setup_true_lang.js

@@ -232,6 +232,8 @@ var anchor_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 				default: withCtx(() => [createElementVNode("div", {
 					ref_key: "anchorRef",
 					ref: anchorRef,
+					role: "navigation",
+					"aria-label": "Anchor navigation",
 					class: normalizeClass(cls.value)
 				}, [!__props.lineLess ? (openBlock(), createElementBlock("div", {
 					key: 0,

package/es/anchor/style/index.css

@@ -78,7 +78,7 @@
 .sd-anchor-link-active > .sd-anchor-link {
   color: var(--sd-color-text-1);
   font-weight: 500;
-  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-anchor-link-item .sd-anchor-link-item {
   margin-left: 16px;

package/es/anchor/style/index.scss

@@ -79,7 +79,9 @@ $anchor-prefix-cls: string.unquote('#{theme.$prefix}-anchor');
   &-link-active > &-link {
     color: $anchor-color-title_active;
     font-weight: $anchor-font-weight-title_active;
-    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;
   }
 
   &-link-item &-link-item {

package/es/auto-complete/auto-complete.js

@@ -274,6 +274,8 @@ var auto_complete_default = /* @__PURE__ */ defineComponent({
 				},
 				"key": item.key,
 				"class": cls,
+				"role": "option",
+				"aria-disabled": item.disabled || void 0,
 				"onClick": (ev) => {
 					if (!item.disabled) handleSelect(item.key, ev);
 				},
@@ -318,6 +320,12 @@ var auto_complete_default = /* @__PURE__ */ defineComponent({
 				"modelValue": computedValue.value,
 				"disabled": mergedDisabled.value,
 				"readonly": props.readonly,
+				"inputAttrs": {
+					"role": "combobox",
+					"aria-haspopup": "listbox",
+					"aria-expanded": computedPopupVisible.value,
+					"aria-autocomplete": "list"
+				},
 				"onInput": handleInputValueChange,
 				"onClear": handleClear
 			}, { onKeydown: handleKeyDown }), slots)],

package/es/avatar/avatar.vue_vue_type_script_setup_true_lang.js

@@ -176,8 +176,14 @@ var avatar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 					ref: wrapperRef,
 					class: normalizeClass(wrapperCls.value)
 				}, [__props.imageUrl ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-					hasError.value ? renderSlot(_ctx.$slots, "error", { key: 0 }, () => [createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-image-icon`) }, [createVNode(unref(IconImageClose))], 2)]) : createCommentVNode("", true),
-					!(hasError.value || !shouldLoad.value) && !isLoaded.value ? renderSlot(_ctx.$slots, "default", { key: 1 }, () => [createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-image-icon`) }, [createVNode(unref(IconLoading))], 2)]) : createCommentVNode("", true),
+					hasError.value ? renderSlot(_ctx.$slots, "error", { key: 0 }, () => [createElementVNode("div", {
+						class: normalizeClass(`${unref(prefixCls)}-image-icon`),
+						"aria-hidden": "true"
+					}, [createVNode(unref(IconImageClose))], 2)]) : createCommentVNode("", true),
+					!(hasError.value || !shouldLoad.value) && !isLoaded.value ? renderSlot(_ctx.$slots, "default", { key: 1 }, () => [createElementVNode("div", {
+						class: normalizeClass(`${unref(prefixCls)}-image-icon`),
+						"aria-hidden": "true"
+					}, [createVNode(unref(IconLoading))], 2)]) : createCommentVNode("", true),
 					!(hasError.value || !shouldLoad.value) ? (openBlock(), createElementBlock("img", {
 						key: 2,
 						src: __props.imageUrl,