@sdata/web-vue 3.12.0 → 3.14.0

package/es/select/select.d.ts

@@ -39,6 +39,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    readonly: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+    };
     error: {
         type: BooleanConstructor;
         default: boolean;
@@ -198,6 +202,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    readonly: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+    };
     error: {
         type: BooleanConstructor;
         default: boolean;
@@ -326,6 +334,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     options: SelectOption[];
     error: boolean;
+    readonly: string | boolean;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
     disabled: boolean;
@@ -501,6 +510,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: NumberConstructor;
                 default: number;
             };
+            escToClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            ariaHasPopup: {
+                type: PropType<boolean | "menu" | "listbox" | "tree" | "grid" | "dialog">;
+                default: undefined;
+            };
+            ariaDescribedbyPopup: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & Readonly<{
             onHide?: (() => any) | undefined;
             onResize?: (() => any) | undefined;
@@ -542,6 +563,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             preventFocus: boolean;
             scrollToClose: boolean;
             scrollToCloseDistance: number;
+            escToClose: boolean;
+            ariaHasPopup: boolean | "dialog" | "menu" | "listbox" | "tree" | "grid";
+            ariaDescribedbyPopup: boolean;
         }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
             B: {};
@@ -692,6 +716,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: NumberConstructor;
                 default: number;
             };
+            escToClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            ariaHasPopup: {
+                type: PropType<boolean | "menu" | "listbox" | "tree" | "grid" | "dialog">;
+                default: undefined;
+            };
+            ariaDescribedbyPopup: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & Readonly<{
             onHide?: (() => any) | undefined;
             onResize?: (() => any) | undefined;
@@ -727,6 +763,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             preventFocus: boolean;
             scrollToClose: boolean;
             scrollToCloseDistance: number;
+            escToClose: boolean;
+            ariaHasPopup: boolean | "dialog" | "menu" | "listbox" | "tree" | "grid";
+            ariaDescribedbyPopup: boolean;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -874,6 +913,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: NumberConstructor;
             default: number;
         };
+        escToClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        ariaHasPopup: {
+            type: PropType<boolean | "menu" | "listbox" | "tree" | "grid" | "dialog">;
+            default: undefined;
+        };
+        ariaDescribedbyPopup: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{
         onHide?: (() => any) | undefined;
         onResize?: (() => any) | undefined;
@@ -915,6 +966,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         preventFocus: boolean;
         scrollToClose: boolean;
         scrollToCloseDistance: number;
+        escToClose: boolean;
+        ariaHasPopup: boolean | "dialog" | "menu" | "listbox" | "tree" | "grid";
+        ariaDescribedbyPopup: boolean;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
         install: (app: import("vue").App, options?: import("../_utils/types.ts").SDOptions) => void;
     };
@@ -980,6 +1034,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;
@@ -1050,6 +1105,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;
@@ -1091,6 +1147,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;
@@ -1106,6 +1166,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             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>;
@@ -1208,6 +1269,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;
@@ -1220,6 +1285,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             modelValue: boolean | (string | number | boolean)[];
             defaultChecked: boolean;
             indeterminate: boolean;
+            tabindex: string | number;
             uninjectGroupContext: boolean;
         }>;
         __isFragment?: never;
@@ -1245,6 +1311,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;
@@ -1260,6 +1330,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         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/select/select.js

@@ -6,16 +6,18 @@ 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 { useReadonlyTip, useReadonlyTipText } from "../_hooks/use-readonly-tip.js";
+import Trigger from "../trigger/index.js";
+import Tooltip from "../tooltip/index.js";
 import { getKeyFromValue, hasEmptyStringKey, isGroupOptionInfo, isValidOption } from "./utils.js";
 import { useSelect } from "./hooks/use-select.js";
 import select_dropdown_default from "./select-dropdown.js";
-import Trigger from "../trigger/index.js";
 import { useTrigger } from "../_hooks/use-trigger.js";
 import Checkbox from "../checkbox/index.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 { computed, createVNode, defineComponent, isVNode, mergeProps, nextTick, ref, toRefs, watch, watchEffect } from "vue";
+import { computed, createVNode, defineComponent, getCurrentInstance, isVNode, mergeProps, nextTick, ref, toRef, toRefs, watch, watchEffect } from "vue";
 //#region components/select/select.tsx
 function _isSlot(s) {
 	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
@@ -76,6 +78,14 @@ var select_default = /* @__PURE__ */ defineComponent({
 			type: Boolean,
 			default: false
 		},
+		/**
+		* @zh 是否为只读状态
+		* @en Whether it is read-only
+		*/
+		readonly: {
+			type: [Boolean, String],
+			default: false
+		},
 		error: {
 			type: Boolean,
 			default: false
@@ -213,13 +223,22 @@ var select_default = /* @__PURE__ */ defineComponent({
 		const resolvedVirtualListProps = computed(() => {
 			return resolveDropdownVirtualListProps(mergedDropdownVirtualListProps.value, props.triggerProps, DEFAULT_SELECT_VIRTUAL_ITEM_SIZE);
 		});
-		const { computedPopupVisible, handlePopupVisibleChange } = useTrigger({
+		const { computedPopupVisible, handlePopupVisibleChange: _handlePopupVisibleChange } = useTrigger({
 			popupVisible,
 			defaultPopupVisible,
 			show,
 			defaultShow,
 			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 _value = ref(props.defaultValue);
 		const computedValueObjects = computed(() => {
 			var _props$modelValue;
@@ -434,10 +453,14 @@ var select_default = /* @__PURE__ */ defineComponent({
 		};
 		const optionPrefixCls = getPrefixCls("select-option");
 		const groupPrefixCls = getPrefixCls("select-group");
+		const optionInstanceUid = getCurrentInstance().uid;
+		const optionId = (key) => `${optionPrefixCls}-${optionInstanceUid}-${key}`;
 		const renderOption = (optionInfo) => {
 			let _slot;
 			if (isGroupOptionInfo(optionInfo)) return createVNode("li", {
 				"key": optionInfo.key,
+				"role": "group",
+				"aria-label": optionInfo.label,
 				"class": groupPrefixCls
 			}, [createVNode("div", { "class": `${groupPrefixCls}-title` }, [renderOptionEllipsis(optionInfo.label)]), optionInfo.options.map((child) => renderOption(child))]);
 			if (!isValidOption(optionInfo, {
@@ -470,6 +493,10 @@ var select_default = /* @__PURE__ */ defineComponent({
 				},
 				"key": optionInfo.key,
 				"class": cls,
+				"role": "option",
+				"id": optionId(optionInfo.key),
+				"aria-selected": isSelected,
+				"aria-disabled": optionInfo.disabled || void 0,
 				"onClick": handleClick,
 				"onMouseenter": handleMouseEnter,
 				"onMouseleave": handleMouseLeave
@@ -525,7 +552,17 @@ var select_default = /* @__PURE__ */ defineComponent({
 				return (_selectViewRef$value2 = selectViewRef.value) === null || _selectViewRef$value2 === void 0 || (_selectViewRef$value3 = _selectViewRef$value2.blur) === null || _selectViewRef$value3 === void 0 ? void 0 : _selectViewRef$value3.call(_selectViewRef$value2);
 			}
 		});
-		return () => createVNode(Trigger, mergeProps({
+		const comboboxInputAttrs = computed(() => ({
+			"role": "combobox",
+			"aria-expanded": computedPopupVisible.value,
+			"aria-autocomplete": mergedAllowSearch.value ? "list" : "none",
+			"aria-activedescendant": activeKey.value ? optionId(activeKey.value) : void 0
+		}));
+		return () => createVNode(Tooltip, {
+			"popupVisible": tipVisible.value,
+			"content": readonlyTipText.value,
+			"position": "top"
+		}, { default: () => [createVNode(Trigger, mergeProps({
 			"trigger": "click",
 			"position": "bl",
 			"popupOffset": 4,
@@ -534,6 +571,7 @@ var select_default = /* @__PURE__ */ defineComponent({
 			"preventFocus": true,
 			"autoFitPopupWidth": true,
 			"autoFitTransformOrigin": true,
+			"aria-has-popup": "listbox",
 			"disabled": mergedDisabled.value,
 			"popupVisible": computedPopupVisible.value,
 			"unmountOnClose": props.unmountOnClose,
@@ -561,7 +599,8 @@ var select_default = /* @__PURE__ */ defineComponent({
 					"placeholder": props.placeholder,
 					"bordered": props.bordered,
 					"size": mergedSize.value,
-					"tagNowrap": props.tagNowrap
+					"tagNowrap": props.tagNowrap,
+					"inputAttrs": comboboxInputAttrs.value
 				}, {
 					onInputValueChange: handleInputValueChange,
 					onKeydown: handleKeyDown
@@ -578,7 +617,7 @@ var select_default = /* @__PURE__ */ defineComponent({
 				})];
 			},
 			content: renderDropDown
-		});
+		})] });
 	}
 });
 //#endregion

package/es/select/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);

package/es/select/style/index.scss

@@ -78,7 +78,9 @@ $select-prefix-cls: string.unquote('#{theme.$prefix}-select');
     &:not(#{&}-disabled):hover {
       color: $select-popup-option-color-text_hover;
       background-color: $select-popup-option-color-bg_hover;
-      transition: all theme.$transition-duration-1 theme.$transition-timing-function-linear;
+      transition:
+        color theme.$transition-duration-1 theme.$transition-timing-function-standard,
+        background-color theme.$transition-duration-1 theme.$transition-timing-function-standard;
     }
 
     // disabled

package/es/selectable-card/style/index.css

@@ -23,13 +23,13 @@
   border: 1px solid var(--sd-color-neutral-3);
   border-radius: var(--sd-border-radius-large);
   cursor: pointer;
-  transition: color 0.2s cubic-bezier(0, 0, 1, 1), background-color 0.2s cubic-bezier(0, 0, 1, 1), border-color 0.2s cubic-bezier(0, 0, 1, 1), box-shadow 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), border-color 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), box-shadow 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 .sd-selectable-card::after {
   position: absolute;
   background: transparent;
   border-radius: inherit;
-  transition: background 0.2s cubic-bezier(0, 0, 1, 1);
+  transition: background 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
   content: "";
   pointer-events: none;
   inset: 0;

package/es/selectable-card/style/index.scss

@@ -23,16 +23,16 @@ $colors:
   border-radius: $selectable-card-border-radius;
   cursor: pointer;
   transition:
-    color theme.$transition-duration-2 theme.$transition-timing-function-linear,
-    background-color theme.$transition-duration-2 theme.$transition-timing-function-linear,
-    border-color theme.$transition-duration-2 theme.$transition-timing-function-linear,
-    box-shadow theme.$transition-duration-2 theme.$transition-timing-function-linear;
+    color theme.$transition-duration-2 theme.$transition-timing-function-standard,
+    background-color theme.$transition-duration-2 theme.$transition-timing-function-standard,
+    border-color theme.$transition-duration-2 theme.$transition-timing-function-standard,
+    box-shadow theme.$transition-duration-2 theme.$transition-timing-function-standard;
 
   &::after {
     position: absolute;
     background: transparent;
     border-radius: inherit;
-    transition: background theme.$transition-duration-2 theme.$transition-timing-function-linear;
+    transition: background theme.$transition-duration-2 theme.$transition-timing-function-standard;
     content: '';
     pointer-events: none;
     inset: 0;

package/es/skeleton/skeleton.vue_vue_type_script_setup_true_lang.js

@@ -2,6 +2,7 @@ import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helper
 import { getPrefixCls } from "../_utils/global-config.js";
 import { computed, createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot } from "vue";
 //#region components/skeleton/skeleton.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-busy"];
 var skeleton_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "Skeleton" }), {}, {
 	__name: "skeleton",
 	props: {
@@ -27,7 +28,10 @@ var skeleton_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 		const prefixCls = getPrefixCls("skeleton");
 		const cls = computed(() => [prefixCls, { [`${prefixCls}-animation`]: props.animation }]);
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(cls.value) }, [__props.loading ? renderSlot(_ctx.$slots, "default", { key: 0 }) : renderSlot(_ctx.$slots, "content", { key: 1 })], 2);
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(cls.value),
+				"aria-busy": __props.loading || void 0
+			}, [__props.loading ? renderSlot(_ctx.$slots, "default", { key: 0 }) : renderSlot(_ctx.$slots, "content", { key: 1 })], 10, _hoisted_1);
 		};
 	}
 }));

package/es/slider/slider-button.vue.d.ts

@@ -29,6 +29,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: boolean;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    keydown: (_e: KeyboardEvent) => any;
     movestart: () => any;
     moving: (_x: number, _y: number) => any;
     moveend: () => any;
@@ -61,6 +62,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: boolean;
     };
 }>> & Readonly<{
+    onKeydown?: ((_e: KeyboardEvent) => any) | undefined;
     onMovestart?: (() => any) | undefined;
     onMoving?: ((_x: number, _y: number) => any) | undefined;
     onMoveend?: (() => any) | undefined;

package/es/slider/slider-button.vue_vue_type_script_setup_true_lang.js

@@ -41,13 +41,17 @@ var slider_button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 	emits: [
 		"movestart",
 		"moving",
-		"moveend"
+		"moveend",
+		"keydown"
 	],
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
 		const prefixCls = getPrefixCls("slider-btn");
 		const isDragging = ref(false);
+		const onKeydown = (e) => {
+			if (!props.disabled) emit("keydown", e);
+		};
 		const handleMouseDown = (e) => {
 			if (props.disabled) return;
 			e.preventDefault();
@@ -106,7 +110,8 @@ var slider_button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 					onMousedown: handleMouseDown,
 					onTouchstart: handleMouseDown,
 					onContextmenu: _cache[0] || (_cache[0] = withModifiers(() => {}, ["prevent"])),
-					onClick: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop"]))
+					onClick: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop"])),
+					onKeydown
 				}), null, 16, _hoisted_1)]),
 				_: 1
 			}, 8, [

package/es/slider/slider.vue_vue_type_script_setup_true_lang.js

@@ -2,6 +2,7 @@ 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 { isArray, isUndefined } from "../_utils/is.js";
+import { KEYBOARD_KEY } from "../_utils/keyboard.js";
 import slider_button_default from "./slider-button.js";
 import { getOffsetPercent, getPositionStyle } from "./utils.js";
 import slider_dots_default from "./slider-dots.js";
@@ -156,6 +157,24 @@ var slider_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 			endValue.value = value;
 			handleChange();
 		};
+		const handleButtonKeydown = (which, e) => {
+			if (mergedDisabled.value) return;
+			const minV = props.min;
+			const maxV = props.max;
+			const current = which === "start" ? startValue.value : endValue.value;
+			let next;
+			if (e.key === KEYBOARD_KEY.ARROW_RIGHT || e.key === KEYBOARD_KEY.ARROW_UP) next = current + props.step;
+			else if (e.key === KEYBOARD_KEY.ARROW_LEFT || e.key === KEYBOARD_KEY.ARROW_DOWN) next = current - props.step;
+			else if (e.key === KEYBOARD_KEY.HOME) next = minV;
+			else if (e.key === KEYBOARD_KEY.END) next = maxV;
+			else return;
+			e.preventDefault();
+			if (props.range) if (which === "start") next = Math.max(minV, Math.min(next, endValue.value - props.step));
+			else next = Math.max(startValue.value + props.step, Math.min(next, maxV));
+			else next = Math.max(minV, Math.min(next, maxV));
+			if (which === "start") handleStartChange(next);
+			else handleEndChange(next);
+		};
 		const computedValue = computed(() => {
 			var _props$min2;
 			if (props.range) {
@@ -293,7 +312,8 @@ var slider_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 					"show-tooltip": __props.showTooltip,
 					onMovestart: handleMoveStart,
 					onMoving: handleStartMoving,
-					onMoveend: handleMoveEnd
+					onMoveend: handleMoveEnd,
+					onKeydown: _cache[0] || (_cache[0] = (e) => handleButtonKeydown("start", e))
 				}, null, 8, [
 					"style",
 					"value",
@@ -315,7 +335,8 @@ var slider_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 					"show-tooltip": __props.showTooltip,
 					onMovestart: handleMoveStart,
 					onMoving: handleEndMoving,
-					onMoveend: handleMoveEnd
+					onMoveend: handleMoveEnd,
+					onKeydown: _cache[1] || (_cache[1] = (e) => handleButtonKeydown("end", e))
 				}, null, 8, [
 					"style",
 					"value",

package/es/slider/style/index.css

@@ -130,7 +130,7 @@
   background: var(--sd-color-bg-2);
   border: 2px solid rgb(var(--sd-primary-6));
   border-radius: 50%;
-  transition: all 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
+  transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), box-shadow 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
   content: "";
 }
 .sd-slider-btn.sd-slider-btn-active::after, .sd-slider-btn:hover::after {

package/es/slider/style/index.scss

@@ -148,7 +148,9 @@ $slider-prefix: string.unquote('#{theme.$prefix}-slider');
       background: $slider-color-button-bg;
       border: $slider-border-size-button solid $slider-color-button-border;
       border-radius: 50%;
-      transition: all theme.$transition-duration-3 theme.$transition-timing-function-overshoot;
+      transition:
+        transform theme.$transition-duration-3 theme.$transition-timing-function-overshoot,
+        box-shadow theme.$transition-duration-3 theme.$transition-timing-function-overshoot;
       content: '';
     }
 

package/es/spin/spin.js

@@ -78,10 +78,15 @@ var spin_default = /* @__PURE__ */ defineComponent({
 			const hasTip = Boolean((_slots$tip = slots.tip) !== null && _slots$tip !== void 0 ? _slots$tip : props.tip);
 			return createVNode(Fragment, null, [!props.hideIcon && createVNode("div", {
 				"class": `${prefixCls}-icon`,
-				"style": style
+				"style": style,
+				"aria-hidden": "true"
 			}, [renderIcon()]), hasTip && createVNode("div", { "class": `${prefixCls}-tip` }, [(_slots$tip2 = (_slots$tip3 = slots.tip) === null || _slots$tip3 === void 0 ? void 0 : _slots$tip3.call(slots)) !== null && _slots$tip2 !== void 0 ? _slots$tip2 : props.tip])]);
 		};
-		return () => createVNode("div", { "class": cls.value }, [slots.default ? createVNode(Fragment, null, [slots.default(), props.loading && createVNode("div", { "class": `${prefixCls}-mask` }, [createVNode("div", { "class": `${prefixCls}-mask-icon` }, [renderSpinIcon()])])]) : renderSpinIcon()]);
+		return () => createVNode("div", {
+			"role": "status",
+			"aria-live": "polite",
+			"class": cls.value
+		}, [slots.default ? createVNode(Fragment, null, [slots.default(), props.loading && createVNode("div", { "class": `${prefixCls}-mask` }, [createVNode("div", { "class": `${prefixCls}-mask-icon` }, [renderSpinIcon()])])]) : renderSpinIcon()]);
 	}
 });
 //#endregion

package/es/spin/style/index.css

@@ -180,7 +180,7 @@
   z-index: 11;
   text-align: center;
   background-color: var(--sd-color-spin-layer-bg);
-  transition: opacity 0.1s cubic-bezier(0, 0, 1, 1);
+  transition: opacity 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
   user-select: none;
 }
 .sd-spin-loading {

package/es/spin/style/index.scss

@@ -29,7 +29,7 @@ $spin-prefix-cls: string.unquote('#{theme.$prefix}-spin');
     z-index: 11;
     text-align: center;
     background-color: var(string.unquote('#{global.$sd-cssvars-prefix}-color-spin-layer-bg'));
-    transition: opacity theme.$transition-duration-1 theme.$transition-timing-function-linear;
+    transition: opacity theme.$transition-duration-1 theme.$transition-timing-function-standard;
     user-select: none;
   }
 

package/es/split/split.vue.d.ts

@@ -1,13 +1,13 @@
 import { PropType } from 'vue';
-declare var __VLS_9: {}, __VLS_21: {}, __VLS_24: {}, __VLS_26: {};
+declare var __VLS_9: {}, __VLS_22: {}, __VLS_25: {}, __VLS_27: {};
 type __VLS_Slots = {} & {
     first?: (props: typeof __VLS_9) => any;
 } & {
-    'resize-trigger'?: (props: typeof __VLS_21) => any;
+    'resize-trigger'?: (props: typeof __VLS_22) => any;
 } & {
-    'resize-trigger-icon'?: (props: typeof __VLS_24) => any;
+    'resize-trigger-icon'?: (props: typeof __VLS_25) => any;
 } & {
-    second?: (props: typeof __VLS_26) => any;
+    second?: (props: typeof __VLS_27) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     component: {

package/es/split/split.vue_vue_type_script_setup_true_lang.js

@@ -2,6 +2,7 @@ import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helper
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isNumber, isString } from "../_utils/is.js";
 import { off, on } from "../_utils/dom.js";
+import { KEYBOARD_KEY } from "../_utils/keyboard.js";
 import { _asyncToGenerator } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/asyncToGenerator.js";
 import useMergeState from "../_hooks/use-merge-state.js";
 import resize_trigger_default from "../_components/resize-trigger.js";
@@ -222,9 +223,31 @@ var split_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 			const { width, height } = entry.contentRect;
 			triggerSize.value = isHorizontal.value ? width : height;
 		}
+		function onTriggerKeydown(_x2) {
+			return _onTriggerKeydown.apply(this, arguments);
+		}
+		function _onTriggerKeydown() {
+			_onTriggerKeydown = _asyncToGenerator(function* (e) {
+				var _await$getContainerSi2;
+				if (props.disabled) return;
+				const horiz = isHorizontal.value;
+				const inc = horiz ? e.key === KEYBOARD_KEY.ARROW_RIGHT : e.key === KEYBOARD_KEY.ARROW_DOWN;
+				const dec = horiz ? e.key === KEYBOARD_KEY.ARROW_LEFT : e.key === KEYBOARD_KEY.ARROW_UP;
+				if (!inc && !dec) return;
+				e.preventDefault();
+				const containerSize = (_await$getContainerSi2 = yield getContainerSize()) !== null && _await$getContainerSi2 !== void 0 ? _await$getContainerSi2 : 0;
+				if (!containerSize) return;
+				const step = e.shiftKey ? 20 : 10;
+				updateSize(getLegalPxSize(`${getPxSize({
+					size: mergedSize.value,
+					containerSize
+				}) + (inc ? step : -step)}px`, containerSize), containerSize);
+			});
+			return _onTriggerKeydown.apply(this, arguments);
+		}
 		onMounted(_asyncToGenerator(function* () {
-			var _await$getContainerSi2;
-			const containerSize = (_await$getContainerSi2 = yield getContainerSize()) !== null && _await$getContainerSi2 !== void 0 ? _await$getContainerSi2 : 0;
+			var _await$getContainerSi3;
+			const containerSize = (_await$getContainerSi3 = yield getContainerSize()) !== null && _await$getContainerSi3 !== void 0 ? _await$getContainerSi3 : 0;
 			updateSize(getLegalPxSize(mergedSize.value, containerSize), containerSize);
 		}));
 		return (_ctx, _cache) => {
@@ -243,7 +266,8 @@ var split_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 						"prefix-cls": `${unref(prefixCls)}-trigger`,
 						direction: isHorizontal.value ? "vertical" : "horizontal",
 						onMousedown: onMoveStart,
-						onResize: onTriggerResize
+						onResize: onTriggerResize,
+						onKeydown: onTriggerKeydown
 					}, {
 						default: withCtx(() => [renderSlot(_ctx.$slots, "resize-trigger")]),
 						icon: withCtx(() => [renderSlot(_ctx.$slots, "resize-trigger-icon")]),

package/es/steps/context.d.ts

@@ -8,6 +8,7 @@ export interface StepsContext {
     lineLess: boolean;
     type: StepsType;
     errorSteps: number[];
+    changeable: boolean;
     addItem: (step: number, data: StepData) => void;
     removeItem: (step: number) => void;
     getStatus: (step: number) => StepStatus;