@sdata/web-vue 3.12.0 → 3.14.0

package/es/cascader/cascader.vue_vue_type_script_setup_true_lang.js

@@ -1,11 +1,13 @@
 import { useFormItem } from "../_hooks/use-form-item.js";
 import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { isArray, isFunction, isNull, isUndefined } from "../_utils/is.js";
+import { KEYBOARD_KEY, getKeyDownHandler } from "../_utils/keyboard.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 { KEYBOARD_KEY, getKeyDownHandler } from "../_utils/keyboard.js";
+import { useReadonlyTip, useReadonlyTipText } from "../_hooks/use-readonly-tip.js";
 import Trigger from "../trigger/index.js";
+import Tooltip from "../tooltip/index.js";
 import { useTrigger } from "../_hooks/use-trigger.js";
 import { cascaderInjectionKey } from "./context.js";
 import { getCheckedStatus, getLeafOptionInfos, getLeafOptionKeys, getOptionInfos, getOptionLabel, getValidValues, getValueKey } from "./utils.js";
@@ -15,7 +17,7 @@ import select_view_default from "../_components/select-view/select-view.js";
 import { useAllowSearch } from "../_hooks/use-allow-search.js";
 import { debounce } from "../_utils/debounce.js";
 import cascader_search_panel_default from "./cascader-search-panel.js";
-import { computed, createBlock, createSlots, createVNode, defineComponent, getCurrentInstance, guardReactiveProps, mergeProps, normalizeProps, openBlock, provide, reactive, ref, renderSlot, toRefs, unref, useAttrs, useSlots, watch, withCtx } from "vue";
+import { computed, createBlock, createSlots, createVNode, defineComponent, getCurrentInstance, guardReactiveProps, mergeProps, normalizeProps, openBlock, provide, reactive, ref, renderSlot, toRef, toRefs, unref, useAttrs, useSlots, watch, withCtx } from "vue";
 //#region components/cascader/cascader.vue?vue&type=script&setup=true&lang.ts
 var DEFAULT_CASCADER_VIRTUAL_ITEM_SIZE = 36;
 var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, {
@@ -39,6 +41,10 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			type: Boolean,
 			default: false
 		},
+		readonly: {
+			type: [Boolean, String],
+			default: false
+		},
 		error: {
 			type: Boolean,
 			default: false
@@ -155,7 +161,7 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 		const mergedShow = computed(() => {
 			if (hasTriggerProp(["show"])) return props.show;
 		});
-		const { computedPopupVisible, handlePopupVisibleChange } = useTrigger({
+		const { computedPopupVisible, handlePopupVisibleChange: _handlePopupVisibleChange } = useTrigger({
 			popupVisible: mergedPopupVisible,
 			defaultPopupVisible: computed(() => {
 				if (hasTriggerProp(["defaultPopupVisible", "default-popup-visible"])) return props.defaultPopupVisible;
@@ -166,10 +172,25 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			}),
 			emit
 		});
+		const { tipVisible, show: showReadonlyTip } = useReadonlyTip(toRef(props, "readonly"), mergedDisabled);
+		const readonlyTipText = useReadonlyTipText(toRef(props, "readonly"));
+		const handlePopupVisibleChange = (visible) => {
+			if (visible && props.readonly && !mergedDisabled.value) {
+				showReadonlyTip();
+				return;
+			}
+			_handlePopupVisibleChange(visible);
+		};
 		const mergedTriggerProps = computed(() => {
 			var _props$triggerProps;
 			return (_props$triggerProps = props.triggerProps) !== null && _props$triggerProps !== void 0 ? _props$triggerProps : {};
 		});
+		const triggerInputAttrs = computed(() => ({
+			"role": "combobox",
+			"aria-expanded": computedPopupVisible.value,
+			"aria-haspopup": "menu",
+			"aria-autocomplete": mergedAllowSearch.value ? "list" : "none"
+		}));
 		watch(modelValue, (nextModelValue) => {
 			if (isUndefined(nextModelValue) || isNull(nextModelValue)) _value.value = getDefaultValue(props.multiple, props.pathMode);
 		});
@@ -451,136 +472,145 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			return result;
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Trigger), mergeProps(mergedTriggerProps.value, {
-				trigger: "click",
-				"animation-name": "slide-dynamic-origin",
-				"auto-fit-transform-origin": "",
-				"popup-visible": unref(computedPopupVisible),
-				position: "bl",
-				disabled: unref(mergedDisabled),
-				"popup-offset": 4,
-				"auto-fit-popup-width": showSearchPanel.value,
-				"popup-container": unref(popupContainer),
-				"prevent-focus": true,
-				"click-to-close": !Boolean(unref(mergedAllowSearch)),
-				onPopupVisibleChange: unref(handlePopupVisibleChange)
-			}), {
-				content: withCtx(() => [showSearchPanel.value ? (openBlock(), createBlock(unref(cascader_search_panel_default), {
-					key: 0,
-					options: filteredLeafOptions.value,
-					"active-key": unref(activeKey),
-					multiple: unref(multiple),
-					"check-strictly": unref(checkStrictly),
-					loading: unref(loading),
-					"path-label": !unref(searchOptionOnlyLabel)
-				}, createSlots({ _: 2 }, [_ctx.$slots.empty ? {
-					name: "empty",
-					fn: withCtx(() => [renderSlot(_ctx.$slots, "empty")]),
-					key: "0"
-				} : void 0]), 1032, [
-					"options",
-					"active-key",
-					"multiple",
-					"check-strictly",
-					"loading",
-					"path-label"
-				])) : (openBlock(), createBlock(unref(base_cascader_panel_default), {
-					key: 1,
-					"display-columns": unref(displayColumns),
-					"selected-path": unref(selectedPath),
-					"active-key": unref(activeKey),
-					multiple: unref(multiple),
-					"total-level": totalLevel.value,
-					"check-strictly": unref(checkStrictly),
-					loading: unref(loading),
-					"virtual-list-props": resolvedVirtualListProps.value,
-					dropdown: ""
-				}, createSlots({ _: 2 }, [_ctx.$slots.empty ? {
-					name: "empty",
-					fn: withCtx(() => [renderSlot(_ctx.$slots, "empty")]),
-					key: "0"
-				} : void 0]), 1032, [
-					"display-columns",
-					"selected-path",
-					"active-key",
-					"multiple",
-					"total-level",
-					"check-strictly",
-					"loading",
-					"virtual-list-props"
-				]))]),
-				default: withCtx(() => [createVNode(unref(select_view_default), mergeProps({
-					"model-value": selectViewValue.value,
-					"input-value": computedInputValue.value,
+			return openBlock(), createBlock(unref(Tooltip), {
+				"popup-visible": unref(tipVisible),
+				content: unref(readonlyTipText),
+				position: "top"
+			}, {
+				default: withCtx(() => [createVNode(unref(Trigger), mergeProps(mergedTriggerProps.value, {
+					trigger: "click",
+					"animation-name": "slide-dynamic-origin",
+					"auto-fit-transform-origin": "",
+					"popup-visible": unref(computedPopupVisible),
+					position: "bl",
 					disabled: unref(mergedDisabled),
-					error: unref(error),
-					multiple: unref(multiple),
-					"allow-clear": unref(mergedAllowClear),
-					"allow-search": Boolean(unref(mergedAllowSearch)),
-					size: unref(size),
-					opened: unref(computedPopupVisible),
-					placeholder: unref(placeholder),
-					loading: unref(loading),
-					"max-tag-count": unref(maxTagCount),
-					"tag-nowrap": unref(tagNowrap)
-				}, unref(attrs), {
-					onInputValueChange: handleInputValueChange,
-					onClear: handleClear,
-					onFocus: handleFocus,
-					onBlur: handleBlur,
-					onRemove: handleRemove,
-					onKeydown: unref(handleKeyDown)
-				}), createSlots({ _: 2 }, [
-					_ctx.$slots.label ? {
-						name: "label",
-						fn: withCtx((data) => [renderSlot(_ctx.$slots, "label", normalizeProps(guardReactiveProps(data)))]),
+					"popup-offset": 4,
+					"auto-fit-popup-width": showSearchPanel.value,
+					"popup-container": unref(popupContainer),
+					"prevent-focus": true,
+					"click-to-close": !Boolean(unref(mergedAllowSearch)),
+					"aria-has-popup": "menu",
+					onPopupVisibleChange: handlePopupVisibleChange
+				}), {
+					content: withCtx(() => [showSearchPanel.value ? (openBlock(), createBlock(unref(cascader_search_panel_default), {
+						key: 0,
+						options: filteredLeafOptions.value,
+						"active-key": unref(activeKey),
+						multiple: unref(multiple),
+						"check-strictly": unref(checkStrictly),
+						loading: unref(loading),
+						"path-label": !unref(searchOptionOnlyLabel)
+					}, createSlots({ _: 2 }, [_ctx.$slots.empty ? {
+						name: "empty",
+						fn: withCtx(() => [renderSlot(_ctx.$slots, "empty")]),
+						key: "0"
+					} : void 0]), 1032, [
+						"options",
+						"active-key",
+						"multiple",
+						"check-strictly",
+						"loading",
+						"path-label"
+					])) : (openBlock(), createBlock(unref(base_cascader_panel_default), {
+						key: 1,
+						"display-columns": unref(displayColumns),
+						"selected-path": unref(selectedPath),
+						"active-key": unref(activeKey),
+						multiple: unref(multiple),
+						"total-level": totalLevel.value,
+						"check-strictly": unref(checkStrictly),
+						loading: unref(loading),
+						"virtual-list-props": resolvedVirtualListProps.value,
+						dropdown: ""
+					}, createSlots({ _: 2 }, [_ctx.$slots.empty ? {
+						name: "empty",
+						fn: withCtx(() => [renderSlot(_ctx.$slots, "empty")]),
 						key: "0"
-					} : void 0,
-					_ctx.$slots.prefix ? {
-						name: "prefix",
-						fn: withCtx(() => [renderSlot(_ctx.$slots, "prefix")]),
-						key: "1"
-					} : void 0,
-					_ctx.$slots["arrow-icon"] ? {
-						name: "arrow-icon",
-						fn: withCtx(() => [renderSlot(_ctx.$slots, "arrow-icon")]),
-						key: "2"
-					} : void 0,
-					_ctx.$slots["loading-icon"] ? {
-						name: "loading-icon",
-						fn: withCtx(() => [renderSlot(_ctx.$slots, "loading-icon")]),
-						key: "3"
-					} : void 0,
-					_ctx.$slots["search-icon"] ? {
-						name: "search-icon",
-						fn: withCtx(() => [renderSlot(_ctx.$slots, "search-icon")]),
-						key: "4"
-					} : void 0
-				]), 1040, [
-					"model-value",
-					"input-value",
+					} : void 0]), 1032, [
+						"display-columns",
+						"selected-path",
+						"active-key",
+						"multiple",
+						"total-level",
+						"check-strictly",
+						"loading",
+						"virtual-list-props"
+					]))]),
+					default: withCtx(() => [createVNode(unref(select_view_default), mergeProps({
+						"model-value": selectViewValue.value,
+						"input-value": computedInputValue.value,
+						disabled: unref(mergedDisabled),
+						error: unref(error),
+						multiple: unref(multiple),
+						"allow-clear": unref(mergedAllowClear),
+						"allow-search": Boolean(unref(mergedAllowSearch)),
+						size: unref(size),
+						opened: unref(computedPopupVisible),
+						placeholder: unref(placeholder),
+						loading: unref(loading),
+						"max-tag-count": unref(maxTagCount),
+						"tag-nowrap": unref(tagNowrap),
+						"input-attrs": triggerInputAttrs.value
+					}, unref(attrs), {
+						onInputValueChange: handleInputValueChange,
+						onClear: handleClear,
+						onFocus: handleFocus,
+						onBlur: handleBlur,
+						onRemove: handleRemove,
+						onKeydown: unref(handleKeyDown)
+					}), createSlots({ _: 2 }, [
+						_ctx.$slots.label ? {
+							name: "label",
+							fn: withCtx((data) => [renderSlot(_ctx.$slots, "label", normalizeProps(guardReactiveProps(data)))]),
+							key: "0"
+						} : void 0,
+						_ctx.$slots.prefix ? {
+							name: "prefix",
+							fn: withCtx(() => [renderSlot(_ctx.$slots, "prefix")]),
+							key: "1"
+						} : void 0,
+						_ctx.$slots["arrow-icon"] ? {
+							name: "arrow-icon",
+							fn: withCtx(() => [renderSlot(_ctx.$slots, "arrow-icon")]),
+							key: "2"
+						} : void 0,
+						_ctx.$slots["loading-icon"] ? {
+							name: "loading-icon",
+							fn: withCtx(() => [renderSlot(_ctx.$slots, "loading-icon")]),
+							key: "3"
+						} : void 0,
+						_ctx.$slots["search-icon"] ? {
+							name: "search-icon",
+							fn: withCtx(() => [renderSlot(_ctx.$slots, "search-icon")]),
+							key: "4"
+						} : void 0
+					]), 1040, [
+						"model-value",
+						"input-value",
+						"disabled",
+						"error",
+						"multiple",
+						"allow-clear",
+						"allow-search",
+						"size",
+						"opened",
+						"placeholder",
+						"loading",
+						"max-tag-count",
+						"tag-nowrap",
+						"input-attrs",
+						"onKeydown"
+					])]),
+					_: 3
+				}, 16, [
+					"popup-visible",
 					"disabled",
-					"error",
-					"multiple",
-					"allow-clear",
-					"allow-search",
-					"size",
-					"opened",
-					"placeholder",
-					"loading",
-					"max-tag-count",
-					"tag-nowrap",
-					"onKeydown"
+					"auto-fit-popup-width",
+					"popup-container",
+					"click-to-close"
 				])]),
 				_: 3
-			}, 16, [
-				"popup-visible",
-				"disabled",
-				"auto-fit-popup-width",
-				"popup-container",
-				"click-to-close",
-				"onPopupVisibleChange"
-			]);
+			}, 8, ["popup-visible", "content"]);
 		};
 	}
 }));

package/es/cascader/style/index.css

@@ -85,7 +85,7 @@
 .sd-select-dropdown .sd-select-option-active, .sd-select-dropdown .sd-select-option:not(.sd-select-dropdown .sd-select-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-select-dropdown .sd-select-option-disabled {
   color: var(--sd-color-text-4);
@@ -289,7 +289,7 @@
 .sd-cascader-option-active {
   color: var(--sd-color-text-1);
   background-color: var(--sd-color-fill-2);
-  transition: all 0.2s cubic-bezier(0, 0, 1, 1);
+  transition: color 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), background-color 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 .sd-cascader-option-active:hover {
   color: var(--sd-color-text-1);

package/es/cascader/style/index.scss

@@ -217,7 +217,9 @@ $cascader-prefix-cls: string.unquote('#{theme.$prefix}-cascader');
     &-active {
       color: $cascader-color-item-text_active;
       background-color: $cascader-color-item-bg_active;
-      transition: all theme.$transition-duration-2 theme.$transition-timing-function-linear;
+      transition:
+        color theme.$transition-duration-2 theme.$transition-timing-function-standard,
+        background-color theme.$transition-duration-2 theme.$transition-timing-function-standard;
 
       &:hover {
         color: $cascader-color-item-text_active;

package/es/cascader/types.d.ts

@@ -10,6 +10,7 @@ export interface CascaderProps {
     defaultValue?: CascaderModelValue;
     options?: CascaderOption[];
     disabled?: boolean;
+    readonly?: boolean | string;
     error?: boolean;
     size?: Size;
     allowSearch?: boolean;

package/es/checkbox/checkbox-group.js

@@ -130,7 +130,10 @@ var checkbox_group_default = /* @__PURE__ */ defineComponent({
 		};
 		return () => {
 			var _slots$default;
-			return createVNode("span", { "class": cls.value }, [options.value.length > 0 ? renderOptions() : (_slots$default = slots.default) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots)]);
+			return createVNode("span", {
+				"role": "group",
+				"class": cls.value
+			}, [options.value.length > 0 ? renderOptions() : (_slots$default = slots.default) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots)]);
 		};
 	}
 });

package/es/checkbox/checkbox.d.ts

@@ -19,6 +19,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    tabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
     uninjectGroupContext: {
         type: BooleanConstructor;
         default: boolean;
@@ -46,6 +50,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    tabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
     uninjectGroupContext: {
         type: BooleanConstructor;
         default: boolean;
@@ -58,6 +66,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     modelValue: boolean | (string | number | boolean)[];
     defaultChecked: boolean;
     indeterminate: boolean;
+    tabindex: string | number;
     uninjectGroupContext: boolean;
 }, {}, {
     IconCheck: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/es/checkbox/checkbox.js

@@ -55,6 +55,14 @@ var checkbox_default = /* @__PURE__ */ defineComponent({
 			type: Boolean,
 			default: false
 		},
+		/**
+		* @zh 原生 input 的 tabindex（默认不渲染，input 保持原生可聚焦；树节点内传 -1 把 checkbox 移出 Tab 序列，改由 treeitem 统一聚焦/操作）
+		* @en tabindex for the native input (omitted by default so the input stays natively focusable; pass -1 in tree nodes to remove the checkbox from the Tab order and operate it via the treeitem)
+		*/
+		tabindex: {
+			type: [Number, String],
+			default: void 0
+		},
 		uninjectGroupContext: {
 			type: Boolean,
 			default: false
@@ -149,6 +157,11 @@ var checkbox_default = /* @__PURE__ */ defineComponent({
 			if (_checked.value !== checked) _checked.value = checked;
 			if (checkboxRef.value && checkboxRef.value.checked !== checked) checkboxRef.value.checked = checked;
 		});
+		watch(() => props.indeterminate, () => {
+			nextTick(() => {
+				if (checkboxRef.value) checkboxRef.value.indeterminate = props.indeterminate;
+			});
+		}, { immediate: true });
 		return () => {
 			var _ref, _ref2, _slots$checkbox, _checkboxGroupCtx$slo;
 			return createVNode("label", {
@@ -158,6 +171,7 @@ var checkbox_default = /* @__PURE__ */ defineComponent({
 				createVNode("input", {
 					"ref": checkboxRef,
 					"type": "checkbox",
+					"tabindex": props.tabindex,
 					"checked": computedChecked.value,
 					"value": props.value,
 					"class": `${prefixCls}-target`,

package/es/checkbox/index.d.ts

@@ -23,6 +23,10 @@ declare const Checkbox: {
             type: BooleanConstructor;
             default: boolean;
         };
+        tabindex: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
         uninjectGroupContext: {
             type: BooleanConstructor;
             default: boolean;
@@ -38,6 +42,7 @@ declare const Checkbox: {
         modelValue: boolean | (string | number | boolean)[];
         defaultChecked: boolean;
         indeterminate: boolean;
+        tabindex: string | number;
         uninjectGroupContext: boolean;
     }, true, {}, {}, {
         IconCheck: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -140,6 +145,10 @@ declare const Checkbox: {
             type: BooleanConstructor;
             default: boolean;
         };
+        tabindex: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
         uninjectGroupContext: {
             type: BooleanConstructor;
             default: boolean;
@@ -152,6 +161,7 @@ declare const Checkbox: {
         modelValue: boolean | (string | number | boolean)[];
         defaultChecked: boolean;
         indeterminate: boolean;
+        tabindex: string | number;
         uninjectGroupContext: boolean;
     }>;
     __isFragment?: never;
@@ -177,6 +187,10 @@ declare const Checkbox: {
         type: BooleanConstructor;
         default: boolean;
     };
+    tabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
     uninjectGroupContext: {
         type: BooleanConstructor;
         default: boolean;
@@ -192,6 +206,7 @@ declare const Checkbox: {
     modelValue: boolean | (string | number | boolean)[];
     defaultChecked: boolean;
     indeterminate: boolean;
+    tabindex: string | number;
     uninjectGroupContext: boolean;
 }, {}, string, {}, {
     IconCheck: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/es/checkbox/style/index.css

@@ -82,7 +82,7 @@
 }
 .sd-checkbox:hover .sd-checkbox-icon {
   border-color: var(--sd-color-fill-4);
-  transition: border-color 0.1s cubic-bezier(0, 0, 1, 1), transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
+  transition: border-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
 }
 .sd-checkbox-checked:hover .sd-checkbox-icon, .sd-checkbox-indeterminate:hover .sd-checkbox-icon {
   transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);

package/es/checkbox/style/index.scss

@@ -84,7 +84,7 @@
   &:hover &-icon {
     border-color: $checkbox-mask-color-border_hover;
     transition:
-      border-color theme.$transition-duration-1 theme.$transition-timing-function-linear,
+      border-color theme.$transition-duration-1 theme.$transition-timing-function-standard,
       transform theme.$transition-duration-3 theme.$transition-timing-function-overshoot;
   }
 

package/es/collapse/collapse-item.js

@@ -1,6 +1,7 @@
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isNumber } from "../_utils/is.js";
 import icon_hover_default from "../_components/icon-hover.js";
+import { isActivationKey } from "../_utils/keyboard.js";
 import IconCaretLeft from "../icon/icon-caret-left/index.js";
 import IconCaretRight from "../icon/icon-caret-right/index.js";
 import { collapseKey } from "./context.js";
@@ -90,6 +91,16 @@ var collapse_item_default = /* @__PURE__ */ defineComponent({
 				(_collapseCtx$handleCl = collapseCtx.handleClick) === null || _collapseCtx$handleCl === void 0 || _collapseCtx$handleCl.call(collapseCtx, key, e);
 			}
 		};
+		const headerId = `${prefixCls}-${instance === null || instance === void 0 ? void 0 : instance.uid}-header`;
+		const contentId = `${prefixCls}-${instance === null || instance === void 0 ? void 0 : instance.uid}-content`;
+		const handleKeydown = (e) => {
+			if (props.disabled) return;
+			if (isActivationKey(e)) {
+				var _collapseCtx$handleCl2;
+				e.preventDefault();
+				(_collapseCtx$handleCl2 = collapseCtx.handleClick) === null || _collapseCtx$handleCl2 === void 0 || _collapseCtx$handleCl2.call(collapseCtx, key, e);
+			}
+		};
 		watch(isActive, (isActive) => {
 			if (isActive && !mounted.value) mounted.value = true;
 		});
@@ -137,17 +148,24 @@ var collapse_item_default = /* @__PURE__ */ defineComponent({
 				"role": "button",
 				"aria-disabled": props.disabled,
 				"aria-expanded": isActive.value,
-				"tabindex": "0",
+				"aria-controls": contentId,
+				"tabindex": props.disabled ? -1 : 0,
 				"class": headerCls.value,
-				"onClick": handleClick
+				"onClick": handleClick,
+				"onKeydown": handleKeydown
 			}, [
 				expandIconRender(),
-				createVNode("div", { "class": `${prefixCls}-header-title` }, [(_slots$header = (_slots$header2 = slots.header) === null || _slots$header2 === void 0 ? void 0 : _slots$header2.call(slots)) !== null && _slots$header !== void 0 ? _slots$header : props.header]),
+				createVNode("div", {
+					"id": headerId,
+					"class": `${prefixCls}-header-title`
+				}, [(_slots$header = (_slots$header2 = slots.header) === null || _slots$header2 === void 0 ? void 0 : _slots$header2.call(slots)) !== null && _slots$header !== void 0 ? _slots$header : props.header]),
 				slots.extra && createVNode("div", { "class": `${prefixCls}-header-extra` }, [(_slots$extra = slots.extra) === null || _slots$extra === void 0 ? void 0 : _slots$extra.call(slots)])
 			]), createVNode(Transition, mergeProps({ "name": "collapse-slider" }, transitionEvents), { default: () => {
 				var _slots$default;
 				return [withDirectives(createVNode("div", {
 					"role": "region",
+					"id": contentId,
+					"aria-labelledby": headerId,
 					"class": contentCls.value
 				}, [mounted.value && createVNode("div", {
 					"ref": "contentBoxRef",

package/es/collapse/context.d.ts

@@ -5,6 +5,6 @@ export interface CollapseContext {
     showExpandIcon?: boolean;
     expandIconPosition: string;
     destroyOnHide: boolean;
-    handleClick: (key: string | number, e: MouseEvent) => void;
+    handleClick: (key: string | number, e: Event) => void;
 }
 export declare const collapseKey: InjectionKey<CollapseContext>;

package/es/color-picker/color-picker.d.ts

@@ -50,6 +50,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    readonly: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+    };
     hideTrigger: BooleanConstructor;
     triggerProps: {
         type: PropType<Partial<TriggerProps>>;
@@ -116,6 +120,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    readonly: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+    };
     hideTrigger: BooleanConstructor;
     triggerProps: {
         type: PropType<Partial<TriggerProps>>;
@@ -135,6 +143,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }) => any) | undefined;
     "onRecent-colors-change"?: ((_value: string[]) => any) | undefined;
 }>, {
+    readonly: string | boolean;
     size: "small" | "mini" | "medium" | "large";
     disabled: boolean;
     defaultValue: string;