@sdata/web-vue 3.13.0 → 3.15.0

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

@@ -3,8 +3,8 @@ import { getPrefixCls } from "../_utils/global-config.js";
 import { isNumber, isUndefined } from "../_utils/is.js";
 import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, normalizeStyle, onMounted, openBlock, ref, renderSlot, toDisplayString, toRefs, unref, watch } from "vue";
 import BTween from "b-tween";
-import dayjs from "dayjs";
 import NP from "number-precision";
+import dayjs from "dayjs";
 //#region components/statistic/statistic.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { key: 0 };
 var statistic_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "Statistic" }), {}, {

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;

package/es/steps/step.vue_vue_type_script_setup_true_lang.js

@@ -1,11 +1,13 @@
 import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
+import { isActivationKey } from "../_utils/keyboard.js";
 import IconClose from "../icon/icon-close/index.js";
 import { useIndex } from "../_hooks/use-index.js";
 import IconCheck from "../icon/icon-check/index.js";
 import { stepsInjectionKey } from "./context.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, getCurrentInstance, inject, normalizeClass, onBeforeUnmount, openBlock, reactive, ref, renderSlot, toDisplayString, unref } from "vue";
 //#region components/steps/step.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-current", "tabindex"];
 var step_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "Step" }), {}, {
 	__name: "step",
 	props: {
@@ -89,6 +91,12 @@ var step_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 		const handleClick = (ev) => {
 			if (!props.disabled) stepsCtx === null || stepsCtx === void 0 || stepsCtx.onClick(stepNumber.value, ev);
 		};
+		const onKeydown = (ev) => {
+			if ((stepsCtx === null || stepsCtx === void 0 ? void 0 : stepsCtx.changeable) && !props.disabled && isActivationKey(ev)) {
+				ev.preventDefault();
+				stepsCtx === null || stepsCtx === void 0 || stepsCtx.onClick(stepNumber.value, ev);
+			}
+		};
 		const cls = computed(() => [
 			prefixCls,
 			`${prefixCls}-${computedStatus.value}`,
@@ -99,11 +107,16 @@ var step_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 			}
 		]);
 		return (_ctx, _cache) => {
+			var _unref2, _unref3;
 			return openBlock(), createElementBlock("div", {
 				ref_key: "itemRef",
 				ref: itemRef,
 				class: normalizeClass(cls.value),
-				onClick: handleClick
+				role: "listitem",
+				"aria-current": stepNumber.value === ((_unref2 = unref(stepsCtx)) === null || _unref2 === void 0 ? void 0 : _unref2.current) ? "step" : void 0,
+				tabindex: ((_unref3 = unref(stepsCtx)) === null || _unref3 === void 0 ? void 0 : _unref3.changeable) && !props.disabled ? 0 : void 0,
+				onClick: handleClick,
+				onKeydown
 			}, [
 				showTail.value ? (openBlock(), createElementBlock("div", {
 					key: 0,
@@ -126,7 +139,7 @@ var step_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 					key: 0,
 					class: normalizeClass(`${unref(prefixCls)}-description`)
 				}, [renderSlot(_ctx.$slots, "description", {}, () => [createTextVNode(toDisplayString(__props.description), 1)])], 2)) : createCommentVNode("", true)], 2)
-			], 2);
+			], 42, _hoisted_1);
 		};
 	}
 }));

package/es/steps/steps.vue_vue_type_script_setup_true_lang.js

@@ -1,8 +1,10 @@
 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 { stepsInjectionKey } from "./context.js";
-import { computed, createElementBlock, defineComponent, normalizeClass, openBlock, provide, reactive, ref, renderSlot, toRefs, useSlots } from "vue";
+import { computed, createElementBlock, defineComponent, normalizeClass, openBlock, provide, reactive, ref, renderSlot, toRefs, unref, useSlots } from "vue";
 //#region components/steps/steps.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-label"];
 var steps_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "Steps" }), {}, {
 	__name: "steps",
 	props: {
@@ -90,6 +92,7 @@ var steps_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 		const emit = __emit;
 		useSlots();
 		const { type, lineLess } = toRefs(props);
+		const { t } = useI18n();
 		const prefixCls = getPrefixCls("steps");
 		const _current = ref(props.defaultCurrent);
 		const computedCurrent = computed(() => {
@@ -140,6 +143,7 @@ var steps_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 			lineLess,
 			current: computedCurrent,
 			errorSteps,
+			changeable: computed(() => props.changeable),
 			getStatus,
 			addItem,
 			removeItem,
@@ -147,7 +151,11 @@ var steps_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 			parentCls: prefixCls
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(cls.value) }, [renderSlot(_ctx.$slots, "default")], 2);
+			return openBlock(), createElementBlock("div", {
+				role: "list",
+				"aria-label": unref(t)("a11y.steps"),
+				class: normalizeClass(cls.value)
+			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1);
 		};
 	}
 }));

package/es/steps/style/index.css

@@ -570,7 +570,7 @@
 }
 .sd-steps-changeable .sd-steps-item-title,
 .sd-steps-changeable .sd-steps-item-description {
-  transition: all 0.1s cubic-bezier(0, 0, 1, 1);
+  transition: color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 .sd-steps-changeable .sd-steps-item:not(.sd-steps-item-active, .sd-steps-item-disabled) {
   cursor: pointer;

package/es/steps/style/index.scss

@@ -15,7 +15,7 @@ $steps-prefix-cls: string.unquote('#{theme.$prefix}-steps');
   &-changeable {
     .#{$steps-prefix-cls}-item-title,
     .#{$steps-prefix-cls}-item-description {
-      transition: all theme.$transition-duration-1 theme.$transition-timing-function-linear;
+      transition: color theme.$transition-duration-1 theme.$transition-timing-function-standard;
     }
   }
 

package/es/style/animation/index.scss

@@ -1,3 +1,4 @@
 @use '@style/animation/fade.scss' as *;
 @use '@style/animation/zoom.scss' as *;
 @use '@style/animation/slide.scss' as *;
+@use '@style/animation/reduced-motion.scss' as *;

package/es/style/animation/reduced-motion.scss

@@ -0,0 +1,22 @@
+@use '@style/theme/index.scss' as *;
+
+// 全局减少动态偏好安全网：覆盖所有 Vue 过渡入场/退场类（共享类与各组件自定义类）。
+// 去掉 transform 位移（避免前庭不适），保留 opacity/颜色过渡并缩短至 dur-1。
+// 使用 !important 以确保覆盖各组件自身的过渡声明（a11y 必须优先）。
+// 仅匹配 Vue 过渡类名后缀（*-enter-active / *-leave-active / *-enter-from / *-leave-to 及 appear 变体），
+// 不影响状态类（如 *-active、*-checked、*-selected）。
+@media (prefers-reduced-motion: reduce) {
+  // 抹平初始/终末的 transform，使元素不再位移（opacity/颜色照常过渡）
+  [class*='-enter-from'],
+  [class*='-appear-from'],
+  [class*='-leave-to'] {
+    transform: none !important;
+  }
+
+  // 缩短过渡时长至 ≈即时（仍可见出现/消失，但不再有缓慢运动）
+  [class*='-enter-active'],
+  [class*='-appear-active'],
+  [class*='-leave-active'] {
+    transition-duration: $transition-duration-1 !important;
+  }
+}

package/es/style/animation/zoom.scss

@@ -1,9 +1,9 @@
 @use '@style/theme/index.scss' as *;
 
-// modal use
+// modal use（fullscreen 模态框）。从 scale(0.94) 起步而非 scale(0.5)。
 .zoom-in-enter-from,
 .zoom-in-appear-from {
-  transform: scale(0.5, 0.5);
+  transform: scale(0.94, 0.94);
   opacity: 0;
 }
 
@@ -26,7 +26,7 @@
 }
 
 .zoom-in-leave-to {
-  transform: scale(0.5, 0.5);
+  transform: scale(0.94, 0.94);
   opacity: 0;
 }
 
@@ -36,10 +36,11 @@
     transform $transition-duration-3 $transition-timing-function-standard;
 }
 
-// used by tooltip。缩放出现，渐隐退出
+// used by tooltip / popover / popconfirm。缩放出现，渐隐退出。
+// 从 scale(0.96) 起步而非 scale(0.5)：小浮层只需轻微弹出，过大的缩放显得“凭空炸出”。
 .zoom-in-fade-out-enter-from,
 .zoom-in-fade-out-appear-from {
-  transform: scale(0.5, 0.5);
+  transform: scale(0.96, 0.96);
   opacity: 0;
 }
 
@@ -61,8 +62,8 @@
   opacity: 1;
 }
 
+// 退出改为纯渐隐：退出时不再缩放，避免吸引注意力（与类名 fade-out 一致）
 .zoom-in-fade-out-leave-to {
-  transform: scale(0.5, 0.5);
   opacity: 0;
 }
 

package/es/style/icon.scss

@@ -30,6 +30,14 @@
   }
 }
 
+// 减少动态偏好：放慢加载图标旋转（保留加载态指示，避免快速循环带来的不适）
+@media (prefers-reduced-motion: reduce) {
+  .#{$prefix}-icon-loading,
+  .#{$prefix}-icon-spin {
+    animation-duration: 3s;
+  }
+}
+
 .#{$prefix}-icon-hover {
   position: relative;
   display: block;
@@ -45,7 +53,7 @@
     box-sizing: border-box;
     background-color: global.$color-transparent;
     border-radius: component.$icon-hover-border-radius;
-    transition: background-color $transition-duration-1 $transition-timing-function-linear;
+    transition: background-color $transition-duration-1 $transition-timing-function-standard;
     content: '';
   }
 

package/es/switch/style/index.css

@@ -68,7 +68,7 @@
   font-size: 12px;
   background-color: var(--sd-color-bg-white);
   border-radius: 50%;
-  transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
+  transition: left 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), color 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 .sd-switch-checked {
   background-color: rgb(var(--sd-primary-6));

package/es/switch/style/index.scss

@@ -65,7 +65,10 @@ $switch-size-small-line-gap: (($switch-size-small - $switch-line-size-dot-small)
     font-size: 12px;
     background-color: $switch-color-dot-bg;
     border-radius: 50%;
-    transition: all theme.$transition-duration-2 theme.$transition-timing-function-standard;
+    // 滑块位移依赖 left（相对父级定位），暂保留 left 过渡；颜色同步过渡
+    transition:
+      left theme.$transition-duration-2 theme.$transition-timing-function-standard,
+      color theme.$transition-duration-2 theme.$transition-timing-function-standard;
   }
 
   &-checked {

package/es/switch/switch.vue_vue_type_script_setup_true_lang.js

@@ -7,7 +7,11 @@ import IconLoading from "../icon/icon-loading/index.js";
 import { useSize } from "../_hooks/use-size.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, getCurrentInstance, normalizeClass, normalizeStyle, openBlock, ref, renderSlot, toDisplayString, toRefs, unref, watch } from "vue";
 //#region components/switch/switch.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["aria-checked", "disabled"];
+var _hoisted_1 = [
+	"aria-checked",
+	"aria-busy",
+	"disabled"
+];
 var switch_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "Switch" }), {}, {
 	__name: "switch",
 	props: {
@@ -247,6 +251,7 @@ var switch_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 				type: "button",
 				role: "switch",
 				"aria-checked": computedCheck.value,
+				"aria-busy": computedLoading.value || void 0,
 				class: normalizeClass(cls.value),
 				style: normalizeStyle(buttonStyle.value),
 				disabled: unref(mergedDisabled),

package/es/table/index.d.ts

@@ -243,12 +243,12 @@ declare const Table: {
         bordered: boolean | import("./interface").TableBorder;
         columns: import("./interface").TableColumnData[];
         hoverable: boolean;
-        pagination: boolean | import("..").PaginationProps;
         defaultExpandAllRows: boolean;
         indentSize: number;
         filterIconAlignLeft: boolean;
         stripe: boolean;
         tableLayoutFixed: boolean;
+        pagination: boolean | import("..").PaginationProps;
         pagePosition: "top" | "tl" | "tr" | "bottom" | "bl" | "br";
         rowKey: string | ((record: import("./interface").TableData) => import("../_utils/types").BaseType);
         showHeader: boolean;
@@ -477,12 +477,12 @@ declare const Table: {
         bordered: boolean | import("./interface").TableBorder;
         columns: import("./interface").TableColumnData[];
         hoverable: boolean;
-        pagination: boolean | import("..").PaginationProps;
         defaultExpandAllRows: boolean;
         indentSize: number;
         filterIconAlignLeft: boolean;
         stripe: boolean;
         tableLayoutFixed: boolean;
+        pagination: boolean | import("..").PaginationProps;
         pagePosition: "top" | "tl" | "tr" | "bottom" | "bl" | "br";
         rowKey: string | ((record: import("./interface").TableData) => import("../_utils/types").BaseType);
         showHeader: boolean;
@@ -731,12 +731,12 @@ declare const Table: {
     bordered: boolean | import("./interface").TableBorder;
     columns: import("./interface").TableColumnData[];
     hoverable: boolean;
-    pagination: boolean | import("..").PaginationProps;
     defaultExpandAllRows: boolean;
     indentSize: number;
     filterIconAlignLeft: boolean;
     stripe: boolean;
     tableLayoutFixed: boolean;
+    pagination: boolean | import("..").PaginationProps;
     pagePosition: "top" | "tl" | "tr" | "bottom" | "bl" | "br";
     rowKey: string | ((record: import("./interface").TableData) => import("../_utils/types").BaseType);
     showHeader: boolean;
@@ -823,9 +823,9 @@ declare const Table: {
         resizable: BooleanConstructor;
     }>> & Readonly<{}>, {
         column: import("./interface").TableColumnData;
-        resizable: boolean;
         dataColumns: import("./interface").TableColumnData[];
         operations: import("./interface").TableOperationColumn[];
+        resizable: boolean;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     Td: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         rowIndex: NumberConstructor;

package/es/table/style/index.css

@@ -230,7 +230,7 @@
   width: 10px;
   box-shadow: none;
   transform: translateX(-100%);
-  transition: box-shadow 0.1s cubic-bezier(0, 0, 1, 1);
+  transition: box-shadow 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
   content: "";
   pointer-events: none;
 }
@@ -248,7 +248,7 @@
   border: 1px solid var(--sd-color-white);
   border-radius: var(--sd-border-radius-medium);
   cursor: pointer;
-  transition: all 0.1s cubic-bezier(0, 0, 1, 1);
+  transition: border-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 .sd-table-editable-row:hover .sd-table-cell-wrap-value {
   border: 1px solid var(--sd-color-neutral-3);
@@ -268,7 +268,7 @@
   border-radius: 2px;
   outline: none;
   cursor: pointer;
-  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-table .sd-table-expand-btn:hover {
   color: var(--sd-color-text-1);
@@ -345,7 +345,7 @@
   max-width: 40px;
 }
 .sd-table-th {
-  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-table-cell-with-sorter {
   display: flex;
@@ -392,7 +392,7 @@
   top: 50%;
   color: var(--sd-color-neutral-5);
   font-size: 12px;
-  transition: all 0.1s cubic-bezier(0, 0, 1, 1);
+  transition: color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 .sd-table-sorter-icon .sd-icon-caret-up {
   top: -2px;
@@ -418,7 +418,7 @@
   vertical-align: 0;
   background-color: transparent;
   cursor: pointer;
-  transition: all 0.1s cubic-bezier(0, 0, 1, 1);
+  transition: background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 .sd-table-filters:hover, .sd-table-filters-open {
   background-color: var(--sd-color-neutral-4);
@@ -426,7 +426,7 @@
 .sd-table-filters svg {
   color: var(--sd-color-text-2);
   font-size: 16px;
-  transition: all 0.1s cubic-bezier(0, 0, 1, 1);
+  transition: color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 .sd-table-filters-active svg {
   color: rgb(var(--sd-primary-6));
@@ -480,7 +480,7 @@
   width: 10px;
   height: 100%;
   box-shadow: none;
-  transition: box-shadow 0.1s cubic-bezier(0, 0, 1, 1);
+  transition: box-shadow 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
   content: "";
   pointer-events: none;
 }