@sdata/web-vue 3.13.0 → 3.15.0

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

@@ -1,12 +1,14 @@
 import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
+import { useI18n } from "../locale/index.js";
 import { carouselInjectionKey } from "./context.js";
-import { computed, createElementBlock, defineComponent, getCurrentInstance, inject, normalizeClass, normalizeStyle, openBlock, renderSlot } from "vue";
+import { computed, createElementBlock, defineComponent, getCurrentInstance, inject, normalizeClass, normalizeStyle, openBlock, renderSlot, unref } from "vue";
 //#region components/carousel/carousel-item.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["aria-hidden"];
+var _hoisted_1 = ["aria-label", "aria-hidden"];
 var carousel_item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "CarouselItem" }), {}, {
 	__name: "carousel-item",
 	setup(__props) {
+		const { t } = useI18n();
 		const prefixCls = getPrefixCls("carousel-item");
 		const instance = getCurrentInstance();
 		const context = inject(carouselInjectionKey, {});
@@ -14,6 +16,10 @@ var carousel_item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 			var _context$items$indexO, _context$items, _instance$uid;
 			return (_context$items$indexO = (_context$items = context.items) === null || _context$items === void 0 ? void 0 : _context$items.indexOf((_instance$uid = instance === null || instance === void 0 ? void 0 : instance.uid) !== null && _instance$uid !== void 0 ? _instance$uid : -1)) !== null && _context$items$indexO !== void 0 ? _context$items$indexO : -1;
 		});
+		const slideCount = computed(() => {
+			var _context$items$length, _context$items2;
+			return (_context$items$length = (_context$items2 = context.items) === null || _context$items2 === void 0 ? void 0 : _context$items2.length) !== null && _context$items$length !== void 0 ? _context$items$length : 0;
+		});
 		const isCurrent = computed(() => {
 			var _context$mergedIndexe;
 			return ((_context$mergedIndexe = context.mergedIndexes) === null || _context$mergedIndexe === void 0 ? void 0 : _context$mergedIndexe.mergedIndex) === index.value;
@@ -39,6 +45,9 @@ var carousel_item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
+				role: "group",
+				"aria-roledescription": "slide",
+				"aria-label": unref(t)("a11y.slideOf", index.value + 1, slideCount.value),
 				"aria-hidden": !isCurrent.value,
 				class: normalizeClass(cls.value),
 				style: normalizeStyle(animationStyle.value)

package/es/carousel/carousel.js

@@ -1,6 +1,8 @@
 import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isNumber, isObject } from "../_utils/is.js";
+import { KEYBOARD_KEY } from "../_utils/keyboard.js";
+import { useI18n } from "../locale/index.js";
 import { useChildrenComponents } from "../_hooks/use-children-components.js";
 import carousel_arrow_default from "./carousel-arrow.js";
 import carousel_indicator_default from "./carousel-indicator.js";
@@ -141,6 +143,7 @@ var carousel_default = /* @__PURE__ */ defineComponent({
 	},
 	setup(props, { emit, slots }) {
 		const { current, animationName, moveSpeed, transitionTimingFunction } = toRefs(props);
+		const { t } = useI18n();
 		const prefixCls = getPrefixCls("carousel");
 		const isPause = ref(false);
 		const previousIndex = ref();
@@ -214,6 +217,15 @@ var carousel_default = /* @__PURE__ */ defineComponent({
 			isNegative: index < mergedIndexes.value.mergedIndex,
 			isManual: true
 		});
+		const onKeydown = (e) => {
+			if (e.key === KEYBOARD_KEY.ARROW_RIGHT || e.key === KEYBOARD_KEY.ARROW_DOWN) {
+				e.preventDefault();
+				onNextClick();
+			} else if (e.key === KEYBOARD_KEY.ARROW_LEFT || e.key === KEYBOARD_KEY.ARROW_UP) {
+				e.preventDefault();
+				onPreviousClick();
+			}
+		};
 		const eventHandlers = computed(() => {
 			return computedAutoPlay.value.hoverToPause ? {
 				onMouseenter: () => {
@@ -246,7 +258,14 @@ var carousel_default = /* @__PURE__ */ defineComponent({
 		return () => {
 			var _slots$default;
 			children.value = (_slots$default = slots.default) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots);
-			return createVNode("div", mergeProps({ "class": cls.value }, eventHandlers.value), [
+			return createVNode("div", mergeProps({
+				"class": cls.value,
+				"role": "region",
+				"aria-roledescription": "carousel",
+				"aria-label": t("a11y.carousel"),
+				"tabindex": "0",
+				"onKeydown": onKeydown
+			}, eventHandlers.value), [
 				createVNode("div", { "class": contentCls.value }, [children.value]),
 				hasIndicator.value && createVNode("div", { "class": indicatorCls.value }, [createVNode(carousel_indicator_default, {
 					"class": props.indicatorClass,

package/es/carousel/style/index.css

@@ -424,7 +424,7 @@
 }
 .sd-carousel-arrow-hover div {
   opacity: 0;
-  transition: all 0.3s;
+  transition: opacity 0.3s;
 }
 .sd-carousel:hover .sd-carousel-arrow-hover div {
   opacity: 1;

package/es/carousel/style/index.scss

@@ -372,7 +372,7 @@ $carousel-prefix-cls: string.unquote('#{theme.$prefix}-carousel');
 
   &-arrow-hover div {
     opacity: 0;
-    transition: all 0.3s;
+    transition: opacity 0.3s;
   }
 
   &:hover {

package/es/cascader/cascader-option.js

@@ -1,8 +1,8 @@
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isFunction } from "../_utils/is.js";
 import IconLoading from "../icon/icon-loading/index.js";
-import IconRight from "../icon/icon-right/index.js";
 import { PerformantEllipsis } from "../ellipsis/index.js";
+import IconRight from "../icon/icon-right/index.js";
 import Checkbox from "../checkbox/index.js";
 import Radio from "../radio/index.js";
 import { cascaderInjectionKey } from "./context.js";

package/es/cascader/cascader.vue_vue_type_script_setup_true_lang.js

@@ -1,21 +1,21 @@
 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 { useReadonlyTip, useReadonlyTipText } from "../_hooks/use-readonly-tip.js";
 import Trigger from "../trigger/index.js";
 import Tooltip from "../tooltip/index.js";
-import { KEYBOARD_KEY, getKeyDownHandler } from "../_utils/keyboard.js";
-import { useTrigger } from "../_hooks/use-trigger.js";
+import { debounce } from "../_utils/debounce.js";
 import { cascaderInjectionKey } from "./context.js";
 import { getCheckedStatus, getLeafOptionInfos, getLeafOptionKeys, getOptionInfos, getOptionLabel, getValidValues, getValueKey } from "./utils.js";
 import base_cascader_panel_default from "./base-cascader-panel.js";
 import { useSelectedPath } from "./hooks/use-selected-path.js";
 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 { useTrigger } from "../_hooks/use-trigger.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, toRef, toRefs, unref, useAttrs, useSlots, watch, withCtx } from "vue";
 //#region components/cascader/cascader.vue?vue&type=script&setup=true&lang.ts
@@ -185,6 +185,12 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			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);
 		});
@@ -483,6 +489,7 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 					"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), {
@@ -542,7 +549,8 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 						placeholder: unref(placeholder),
 						loading: unref(loading),
 						"max-tag-count": unref(maxTagCount),
-						"tag-nowrap": unref(tagNowrap)
+						"tag-nowrap": unref(tagNowrap),
+						"input-attrs": triggerInputAttrs.value
 					}, unref(attrs), {
 						onInputValueChange: handleInputValueChange,
 						onClear: handleClear,
@@ -590,6 +598,7 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 						"loading",
 						"max-tag-count",
 						"tag-nowrap",
+						"input-attrs",
 						"onKeydown"
 					])]),
 					_: 3

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

@@ -140,6 +140,7 @@ var color_picker_default = /* @__PURE__ */ defineComponent({
 	setup(props, { emit, slots }) {
 		const prefixCls = getPrefixCls("color-picker");
 		const innerValue = ref(props.defaultValue);
+		const popupVisible = ref(false);
 		const innerRecentColors = ref(Array.isArray(props.defaultRecentColors) ? props.defaultRecentColors : []);
 		const mergedValue = computed(() => {
 			var _props$modelValue;
@@ -201,6 +202,7 @@ var color_picker_default = /* @__PURE__ */ defineComponent({
 			handleColorChange(formatColorState(parseColorState(value, props.colorModes), normalizedFormat.value, mergedEnableAlpha.value), "input");
 		};
 		const onPopupVisibleChange = (visible) => {
+			popupVisible.value = visible;
 			emit("popup-visible-change", visible, triggerInputValue.value);
 		};
 		const { tipVisible, show: showReadonlyTip } = useReadonlyTip(toRef(props, "readonly"), toRef(props, "disabled"));
@@ -229,6 +231,10 @@ var color_picker_default = /* @__PURE__ */ defineComponent({
 				"disabled": props.disabled,
 				"readonly": props.readonly,
 				"modelValue": triggerInputValue.value,
+				"inputAttrs": {
+					"aria-haspopup": "dialog",
+					"aria-expanded": popupVisible.value
+				},
 				"onChange": handleTriggerInputChange,
 				"onClear": handleClear
 			}, props.inputProps), { prefix: () => createVNode("div", {

package/es/color-picker/panel.js

@@ -1,11 +1,12 @@
 import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
+import { useI18n } from "../locale/index.js";
 import input_group_default from "../input/input-group.js";
 import Input from "../input/index.js";
-import Radio from "../radio/index.js";
-import { colors } from "./colors.js";
 import InputNumber from "../input-number/index.js";
+import Radio from "../radio/index.js";
 import Select from "../select/index.js";
+import { colors } from "./colors.js";
 import control_bar_default from "./control-bar.js";
 import palette_default from "./palette.js";
 import { addGradientColor, formatColor, formatColorState, getActiveGradientPoint, getColorBackground, getColorObject, getDefaultColorState, getDefaultGradientState, getFormatInputs, getGradientThumbBackground, getLinearGradientString, normalizeFormat, parseColorState, parseFormatInputValues, removeGradientColor, round, setActiveColorHsva, setGradientColors, setGradientDegree, setGradientSelectedPoint } from "./utils.js";
@@ -158,6 +159,7 @@ var panel_default = /* @__PURE__ */ defineComponent({
 		onPaletteBarChange: Function
 	},
 	setup(props) {
+		const { t } = useI18n();
 		const prefixCls = getPrefixCls("color-picker");
 		const sliderRef = ref();
 		const gradientShellRef = ref();
@@ -332,7 +334,7 @@ var panel_default = /* @__PURE__ */ defineComponent({
 				"key": value,
 				"type": "button",
 				"class": `${prefixCls}-color-block`,
-				"aria-label": `选择颜色 ${value}`,
+				"aria-label": t("a11y.selectColor", value),
 				"onClick": () => emitStateChange(parseColorState(value, props.colorModes), trigger)
 			}, [createVNode("div", {
 				"class": `${prefixCls}-block`,

package/es/components.d.ts

@@ -15,6 +15,7 @@ declare module 'vue' {
         SdBackTop: SDVue['BackTop'];
         SdBorderBeam: SDVue['BorderBeam'];
         SdBadge: SDVue['Badge'];
+        SdBasicCrudTable: SDVue['BasicCrudTable'];
         SdBreadcrumb: SDVue['Breadcrumb'];
         SdBreadcrumbItem: SDVue['BreadcrumbItem'];
         SdButton: SDVue['Button'];

package/es/copy/copy.vue_vue_type_script_setup_true_lang.js

@@ -3,10 +3,10 @@ import { getPrefixCls } from "../_utils/global-config.js";
 import { _asyncToGenerator } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/asyncToGenerator.js";
 import Tooltip from "../tooltip/index.js";
 import Button from "../button/index.js";
-import IconCopy from "../icon/icon-copy/index.js";
 import Link from "../link/index.js";
+import IconCopy from "../icon/icon-copy/index.js";
 import Message from "../message/index.js";
-import { computed, createBlock, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, resolveDynamicComponent, unref, useAttrs, withCtx } from "vue";
+import { computed, createBlock, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, resolveDynamicComponent, unref, useAttrs, useSlots, withCtx } from "vue";
 import copy from "copy-to-clipboard";
 //#region components/copy/copy.vue?vue&type=script&setup=true&lang.ts
 var copy_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, {
@@ -49,7 +49,14 @@ var copy_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 		const props = __props;
 		const emit = __emit;
 		const attrs = useAttrs();
+		const slots = useSlots();
 		const prefixCls = getPrefixCls("copy");
+		const computedAriaLabel = computed(() => {
+			const consumer = attrs["aria-label"];
+			if (consumer !== void 0) return consumer;
+			if (slots.default) return void 0;
+			return props.tooltip;
+		});
 		const componentMap = {
 			link: Link,
 			button: Button
@@ -81,12 +88,13 @@ var copy_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 			return openBlock(), createBlock(unref(Tooltip), normalizeProps(guardReactiveProps(mergedTooltipProps.value)), {
 				default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(renderComponent.value), mergeProps(unref(attrs), {
 					class: componentClass.value,
+					"aria-label": computedAriaLabel.value,
 					onClick: handleCopy
 				}), {
 					icon: withCtx(() => [renderSlot(_ctx.$slots, "icon", {}, () => [createVNode(unref(IconCopy))])]),
 					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 					_: 3
-				}, 16, ["class"]))]),
+				}, 16, ["class", "aria-label"]))]),
 				_: 3
 			}, 16);
 		};

package/es/date-picker/hooks/use-provide-datepicker-transform.js

@@ -1,6 +1,6 @@
 import { useI18n } from "../../locale/index.js";
-import { dayjs } from "../../_utils/date.js";
 import { getValueByPath } from "../../_utils/get-value-by-path.js";
+import { dayjs } from "../../_utils/date.js";
 import { PickerInjectionKey } from "../context.js";
 import { provide, toRefs } from "vue";
 //#region components/date-picker/hooks/use-provide-datepicker-transform.ts

package/es/date-picker/panels/body.vue_vue_type_script_setup_true_lang.js

@@ -5,6 +5,9 @@ import useCellClassName from "../hooks/use-cell-class-name.js";
 import { Fragment, computed, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, reactive, renderList, renderSlot, toDisplayString, toRefs, unref } from "vue";
 //#region components/date-picker/panels/body.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
+	"aria-label",
+	"aria-selected",
+	"aria-disabled",
 	"onMouseenter",
 	"onMouseleave",
 	"onClick"
@@ -45,6 +48,7 @@ var body_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 			now
 		}));
 		const isCellDisabled = (cellData) => isDisabledDate(cellData.value, disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate.value, mode === null || mode === void 0 ? void 0 : mode.value);
+		const isCellSelected = (cellData) => Boolean((value === null || value === void 0 ? void 0 : value.value) && (isSameTime === null || isSameTime === void 0 ? void 0 : isSameTime.value) && isSameTime.value(cellData.value, value.value));
 		const isWeek = computed(() => (mode === null || mode === void 0 ? void 0 : mode.value) === "week");
 		const isHiddenNotInViewCell = (cellData) => props.hideNotInViewDates && (cellData.isPrev || cellData.isNext);
 		const getCellClassNameFn = (cellData) => {
@@ -63,17 +67,26 @@ var body_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 			emit("cell-mouse-enter", cellData);
 		};
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(`${unref(prefixCls)}-body`) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.rows, (row, rowIndex) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(`${unref(prefixCls)}-body`),
+				role: "grid"
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.rows, (row, rowIndex) => {
 				return openBlock(), createElementBlock("div", {
 					key: rowIndex,
+					role: "row",
 					class: normalizeClass([`${unref(prefixCls)}-row`, { [`${unref(prefixCls)}-row-week`]: isWeek.value }])
 				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(row, (cell, colIndex) => {
+					var _cell$value;
 					return openBlock(), createElementBlock(Fragment, null, [isWeek.value && colIndex === 0 ? (openBlock(), createElementBlock("div", {
 						key: colIndex,
 						class: normalizeClass([`${unref(prefixCls)}-cell`, `${unref(prefixCls)}-cell-week`])
 					}, [createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-date`) }, [createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-date-value`) }, toDisplayString(cell.label), 3)], 2)], 2)) : (openBlock(), createElementBlock("div", {
 						key: colIndex,
 						class: normalizeClass(getCellClassNameFn(cell)),
+						role: "gridcell",
+						"aria-label": (_cell$value = cell.value) === null || _cell$value === void 0 ? void 0 : _cell$value.format("YYYY-MM-DD"),
+						"aria-selected": isCellSelected(cell) ? "true" : void 0,
+						"aria-disabled": isCellDisabled(cell) || isHiddenNotInViewCell(cell) || void 0,
 						onMouseenter: () => {
 							onCellMouseEnter(cell);
 						},

package/es/date-picker/panels/header.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
 import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { isFunction } from "../../_utils/is.js";
-import IconRight from "../../icon/icon-right/index.js";
 import IconLeft from "../../icon/icon-left/index.js";
+import IconRight from "../../icon/icon-right/index.js";
 import useDatePickerTransform from "../hooks/use-inject-datepicker-transform.js";
 import IconDoubleLeft from "../../icon/icon-double-left/index.js";
 import IconDoubleRight from "../../icon/icon-double-right/index.js";

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

@@ -2,16 +2,16 @@ import { useFormItem } from "../_hooks/use-form-item.js";
 import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isBoolean, isFunction } from "../_utils/is.js";
-import { useAllowClear } from "../_hooks/use-allow-clear.js";
 import { useI18n } from "../locale/index.js";
+import { useAllowClear } from "../_hooks/use-allow-clear.js";
 import { omit } from "../_utils/omit.js";
 import pick from "../_utils/pick.js";
 import Trigger from "../trigger/index.js";
 import useState from "../_hooks/use-state.js";
 import useMergeState from "../_hooks/use-merge-state.js";
-import { getDateValue, getDayjsValue, getNow, initializeDateLocale, isValueChange, toLocal } from "../_utils/date.js";
-import input_default from "../_components/picker/input.js";
 import { useConfigProviderProp } from "../_hooks/use-config-provider-prop.js";
+import input_default from "../_components/picker/input.js";
+import { getDateValue, getDayjsValue, getNow, initializeDateLocale, isValueChange, toLocal } from "../_utils/date.js";
 import IconCalendar from "../icon/icon-calendar/index.js";
 import { getFormattedValue, isValidInputValue } from "../time-picker/utils/index.js";
 import useFormat from "./hooks/use-format.js";
@@ -637,6 +637,7 @@ var picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 				"popup-visible": unref(panelVisible),
 				"unmount-on-close": __props.unmountOnClose,
 				"popup-container": __props.popupContainer,
+				"aria-has-popup": "dialog",
 				onPopupVisibleChange: onPanelVisibleChange
 			}), {
 				content: withCtx(() => [renderSlot(_ctx.$slots, "panelRender", {