@sdata/web-vue 3.12.0 → 3.14.0

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/_hooks/use-readonly-tip.d.ts

@@ -0,0 +1,11 @@
+import { Ref } from 'vue';
+export declare const isReadonlyModificationKey: (e: KeyboardEvent) => boolean;
+export interface UseReadonlyTipOptions {
+    duration?: number;
+}
+export declare const useReadonlyTip: (readonly: Ref<boolean | string | undefined>, disabled: Ref<boolean>, options?: UseReadonlyTipOptions) => {
+    tipVisible: Ref<boolean, boolean>;
+    show: () => void;
+    hide: () => void;
+};
+export declare const useReadonlyTipText: (readonly: Ref<boolean | string | undefined>) => import("vue").ComputedRef<string>;

package/es/_hooks/use-readonly-tip.js

@@ -0,0 +1,66 @@
+import { useI18n } from "../locale/index.js";
+import { computed, onBeforeUnmount, ref } from "vue";
+//#region components/_hooks/use-readonly-tip.ts
+var DEFAULT_DURATION = 2e3;
+/**
+* @zh 判断按键是否会修改输入框的值，用于在只读状态下提示用户
+* @en Whether the keystroke would modify the input value, used to prompt the user in readonly state
+* @param e
+*/
+var isReadonlyModificationKey = (e) => {
+	const { key, ctrlKey, metaKey, altKey } = e;
+	if ((ctrlKey || metaKey) && (key === "v" || key === "V" || key === "x" || key === "X")) return true;
+	if (ctrlKey || metaKey || altKey) return false;
+	return key.length === 1 || key === "Backspace" || key === "Delete";
+};
+/**
+* @zh 只读模式提示。在用户尝试修改只读组件时短暂显示 tooltip，每次新的修改尝试都会重置隐藏计时器。
+* @en Readonly tip. Briefly shows a tooltip when the user attempts to modify a readonly component;
+* each new attempt resets the hide timer.
+* @param readonly
+* @param disabled
+* @param options
+*/
+var useReadonlyTip = (readonly, disabled, options) => {
+	var _options$duration;
+	const duration = (_options$duration = options === null || options === void 0 ? void 0 : options.duration) !== null && _options$duration !== void 0 ? _options$duration : DEFAULT_DURATION;
+	const tipVisible = ref(false);
+	let timer = null;
+	const hide = () => {
+		if (timer) {
+			clearTimeout(timer);
+			timer = null;
+		}
+		tipVisible.value = false;
+	};
+	const show = () => {
+		if (!readonly.value || disabled.value) return;
+		if (timer) clearTimeout(timer);
+		tipVisible.value = true;
+		timer = setTimeout(() => {
+			tipVisible.value = false;
+			timer = null;
+		}, duration);
+	};
+	onBeforeUnmount(hide);
+	return {
+		tipVisible,
+		show,
+		hide
+	};
+};
+/**
+* @zh 获取只读提示文案：readonly 为字符串时直接使用该字符串，否则取自 i18n 的 `readonlyTip`（缺失时回退英文）
+* @en Returns the readonly tip text: if `readonly` is a string, use it directly;
+* otherwise fall back to i18n `readonlyTip` (English when missing).
+*/
+var useReadonlyTipText = (readonly) => {
+	const { t } = useI18n();
+	return computed(() => {
+		if (typeof readonly.value === "string") return readonly.value;
+		const text = t("readonlyTip");
+		return text === "readonlyTip" ? "Read-only mode" : text;
+	});
+};
+//#endregion
+export { isReadonlyModificationKey, useReadonlyTip, useReadonlyTipText };

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.d.ts

@@ -15,6 +15,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    readonly: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+    };
     data: {
         type: PropType<(string | number | SelectOptionData | SelectOptionGroup)[]>;
         default: () => never[];
@@ -67,6 +71,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    readonly: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+    };
     data: {
         type: PropType<(string | number | SelectOptionData | SelectOptionGroup)[]>;
         default: () => never[];
@@ -101,6 +109,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onDropdownScroll?: ((_ev: Event) => any) | undefined;
     onDropdownReachBottom?: ((_ev: Event) => any) | undefined;
 }>, {
+    readonly: string | boolean;
     data: (string | number | SelectOptionData | SelectOptionGroup)[];
     disabled: boolean;
     defaultValue: string;

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

@@ -5,11 +5,11 @@ import virtual_list_default from "../_components/virtual-list/index.js";
 import { useAllowClear } from "../_hooks/use-allow-clear.js";
 import { useDropdownVirtualListProps } from "../_hooks/use-dropdown-virtual-list-props.js";
 import { resolveDropdownVirtualListProps } from "../_utils/virtual-dropdown.js";
+import Trigger from "../trigger/index.js";
 import Input from "../input/index.js";
 import { getKeyFromValue } from "../select/utils.js";
 import { useSelect } from "../select/hooks/use-select.js";
 import select_dropdown_default from "../select/select-dropdown.js";
-import Trigger from "../trigger/index.js";
 import { computed, createVNode, defineComponent, mergeProps, ref, toRef, toRefs, watch } from "vue";
 //#region components/auto-complete/auto-complete.tsx
 var DEFAULT_AUTOCOMPLETE_VIRTUAL_ITEM_SIZE = 36;
@@ -43,6 +43,14 @@ var auto_complete_default = /* @__PURE__ */ defineComponent({
 			default: false
 		},
 		/**
+		* @zh 是否为只读状态
+		* @en Whether it is read-only
+		*/
+		readonly: {
+			type: [Boolean, String],
+			default: false
+		},
+		/**
 		* @zh 用于自动提示的数据
 		* @en Data used for auto-complete
 		*/
@@ -185,6 +193,7 @@ var auto_complete_default = /* @__PURE__ */ defineComponent({
 			return resolveDropdownVirtualListProps(mergedDropdownVirtualListProps.value, props.triggerProps, DEFAULT_AUTOCOMPLETE_VIRTUAL_ITEM_SIZE);
 		});
 		const handlePopupVisibleChange = (popupVisible) => {
+			if (popupVisible && props.readonly) return;
 			_popupVisible.value = popupVisible;
 		};
 		const strictFilterOption = (inputValue, option) => {
@@ -265,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);
 				},
@@ -308,6 +319,13 @@ var auto_complete_default = /* @__PURE__ */ defineComponent({
 				"allowClear": mergedAllowClear.value,
 				"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/auto-complete/index.d.ts

@@ -24,6 +24,10 @@ declare const AutoComplete: {
             type: BooleanConstructor;
             default: boolean;
         };
+        readonly: {
+            type: (StringConstructor | BooleanConstructor)[];
+            default: boolean;
+        };
         data: {
             type: import("vue").PropType<(string | number | SelectOptionData | SelectOptionGroup)[]>;
             default: () => never[];
@@ -72,6 +76,7 @@ declare const AutoComplete: {
         dropdownScroll: (_ev: Event) => true;
         dropdownReachBottom: (_ev: Event) => true;
     }, import("vue").PublicProps, {
+        readonly: string | boolean;
         data: (string | number | SelectOptionData | SelectOptionGroup)[];
         disabled: boolean;
         defaultValue: string;
@@ -99,6 +104,10 @@ declare const AutoComplete: {
             type: BooleanConstructor;
             default: boolean;
         };
+        readonly: {
+            type: (StringConstructor | BooleanConstructor)[];
+            default: boolean;
+        };
         data: {
             type: import("vue").PropType<(string | number | SelectOptionData | SelectOptionGroup)[]>;
             default: () => never[];
@@ -139,6 +148,7 @@ declare const AutoComplete: {
         focus(): void;
         blur(): void;
     }, {
+        readonly: string | boolean;
         data: (string | number | SelectOptionData | SelectOptionGroup)[];
         disabled: boolean;
         defaultValue: string;
@@ -163,6 +173,10 @@ declare const AutoComplete: {
         type: BooleanConstructor;
         default: boolean;
     };
+    readonly: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+    };
     data: {
         type: import("vue").PropType<(string | number | SelectOptionData | SelectOptionGroup)[]>;
         default: () => never[];
@@ -211,6 +225,7 @@ declare const AutoComplete: {
     dropdownScroll: (_ev: Event) => true;
     dropdownReachBottom: (_ev: Event) => true;
 }, string, {
+    readonly: string | boolean;
     data: (string | number | SelectOptionData | SelectOptionGroup)[];
     disabled: boolean;
     defaultValue: string;

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,

package/es/avatar/style/index.css

@@ -80,7 +80,7 @@
   text-align: center;
   background-color: var(--sd-color-neutral-2);
   border-radius: var(--sd-border-radius-circle);
-  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-avatar-trigger-icon-mask {
   position: absolute;
@@ -97,7 +97,7 @@
   background-color: color-mix(in srgb, #1d2129 60%, transparent);
   border-radius: var(--sd-border-radius-medium);
   opacity: 0;
-  transition: all 0.1s cubic-bezier(0, 0, 1, 1);
+  transition: opacity 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 .sd-avatar-circle .sd-avatar-trigger-icon-mask {
   border-radius: var(--sd-border-radius-circle);

package/es/avatar/style/index.scss

@@ -80,7 +80,7 @@ $avatar-prefix-cls: string.unquote('#{theme.$prefix}-avatar');
     background-color: $avatar-color-trigger-button-bg;
     border-radius: $avatar-border-trigger-button-radius;
     transition: background-color theme.$transition-duration-1
-      theme.$transition-timing-function-linear;
+      theme.$transition-timing-function-standard;
   }
 
   &-trigger-icon-mask {
@@ -102,7 +102,7 @@ $avatar-prefix-cls: string.unquote('#{theme.$prefix}-avatar');
     );
     border-radius: $avatar-square-border-radius;
     opacity: 0;
-    transition: all theme.$transition-duration-1 theme.$transition-timing-function-linear;
+    transition: opacity theme.$transition-duration-1 theme.$transition-timing-function-standard;
   }
 
   &-circle &-trigger-icon-mask {