@sdata/web-vue 3.12.0 → 3.14.0

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

@@ -140,6 +140,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 +148,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": "Steps",
+				class: normalizeClass(cls.value)
+			}, [renderSlot(_ctx.$slots, "default")], 2);
 		};
 	}
 }));

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/style/normalize.scss

@@ -1,5 +1,6 @@
 /*! Tailwind CSS v4 preflight baseline scoped to SD Design layer */
 @use '@style/theme/index.scss' as *;
+@use '@components/scrollbar/style/token.scss' as sb;
 
 /* stylelint-disable-next-line layer-name-pattern */
 @layer #{$prefix}-design {
@@ -224,4 +225,71 @@
   [hidden]:where(:not([hidden='until-found'])) {
     display: none !important;
   }
+
+  /* Native scrollbar baseline — mirrors the <Scrollbar> embed theme
+     (transparent track, neutral thumb; shares --sd-scrollbar-* with the <Scrollbar> component).
+     Opt-in: only applies within an element carrying the design-system
+     class (`.sd-design` by default; follows $prefix), e.g.
+     <html class="sd-design-system-scrollbar">. Standard scrollbar-* properties are
+     primary; ::-webkit-scrollbar*
+     is the fallback for browsers without standard support. Where the
+     standard properties apply they override the webkit rules, so the
+     rounded corners and hover/active states only render in webkit-only
+     browsers. */
+  @supports (scrollbar-color: auto) {
+    .#{$prefix}-design-system-scrollbar {
+      &,
+      & * {
+        scrollbar-width: thin;
+        scrollbar-color: var(
+            #{$sd-cssvars-prefix}-scrollbar-thumb-color,
+            #{sb.$scrollbar-thumb-bar-bg_color}
+          )
+          transparent;
+      }
+    }
+  }
+
+  @supports selector(::-webkit-scrollbar) {
+    .#{$prefix}-design-system-scrollbar {
+      &::-webkit-scrollbar,
+      & *::-webkit-scrollbar {
+        width: var(#{$sd-cssvars-prefix}-scrollbar-size, #{sb.$scrollbar-thumb-bar-size});
+        height: var(#{$sd-cssvars-prefix}-scrollbar-size, #{sb.$scrollbar-thumb-bar-size});
+      }
+
+      &::-webkit-scrollbar-track,
+      & *::-webkit-scrollbar-track {
+        background: transparent;
+      }
+
+      &::-webkit-scrollbar-thumb,
+      & *::-webkit-scrollbar-thumb {
+        background: var(
+          #{$sd-cssvars-prefix}-scrollbar-thumb-color,
+          #{sb.$scrollbar-thumb-bar-bg_color}
+        );
+        border-radius: var(
+          #{$sd-cssvars-prefix}-scrollbar-thumb-radius,
+          #{sb.$scrollbar-thumb-bar-border_radius}
+        );
+      }
+
+      &::-webkit-scrollbar-thumb:hover,
+      & *::-webkit-scrollbar-thumb:hover {
+        background: var(
+          #{$sd-cssvars-prefix}-scrollbar-thumb-color-hover,
+          #{sb.$scrollbar-thumb-bar-bg_color_hover}
+        );
+      }
+
+      &::-webkit-scrollbar-thumb:active,
+      & *::-webkit-scrollbar-thumb:active {
+        background: var(
+          #{$sd-cssvars-prefix}-scrollbar-thumb-color-active,
+          #{sb.$scrollbar-thumb-bar-bg_color_active}
+        );
+      }
+    }
+  }
 }

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/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;
 }

package/es/table/style/index.scss

@@ -40,7 +40,8 @@ $table-cls-td: string.unquote('#{$table-prefix-cls}-td');
   border-radius: $table-border-radius-expand-button;
   outline: none;
   cursor: pointer;
-  transition: background-color theme.$transition-duration-1 theme.$transition-timing-function-linear;
+  transition: background-color theme.$transition-duration-1
+    theme.$transition-timing-function-standard;
 
   &:hover {
     color: $table-color-expand-icon_hover;
@@ -318,7 +319,7 @@ $table-cls-td: string.unquote('#{$table-prefix-cls}-td');
     width: $table-size-shadow-wrapper-width;
     box-shadow: none;
     transform: translateX(-100%);
-    transition: box-shadow theme.$transition-duration-1 theme.$transition-timing-function-linear;
+    transition: box-shadow theme.$transition-duration-1 theme.$transition-timing-function-standard;
     content: '';
     pointer-events: none;
   }
@@ -342,7 +343,8 @@ $table-cls-td: string.unquote('#{$table-prefix-cls}-td');
       border: $table-border-width solid $table-color-editable-body-cell-border;
       border-radius: $table-border-radius;
       cursor: pointer;
-      transition: all theme.$transition-duration-1 theme.$transition-timing-function-linear;
+      transition: border-color theme.$transition-duration-1
+        theme.$transition-timing-function-standard;
     }
 
     &:hover {
@@ -457,7 +459,7 @@ $table-cls-td: string.unquote('#{$table-prefix-cls}-td');
 
   &-th {
     transition: background-color theme.$transition-duration-1
-      theme.$transition-timing-function-linear;
+      theme.$transition-timing-function-standard;
   }
 
   &-cell-with-sorter {
@@ -516,7 +518,7 @@ $table-cls-td: string.unquote('#{$table-prefix-cls}-td');
       top: 50%;
       color: $table-color-header-sorter-icon;
       font-size: $table-font-size-header-sorter-icon;
-      transition: all theme.$transition-duration-1 theme.$transition-timing-function-linear;
+      transition: color theme.$transition-duration-1 theme.$transition-timing-function-standard;
     }
 
     .#{theme.$prefix}-icon-caret-up {
@@ -549,7 +551,8 @@ $table-cls-td: string.unquote('#{$table-prefix-cls}-td');
     vertical-align: 0;
     background-color: transparent;
     cursor: pointer;
-    transition: all theme.$transition-duration-1 theme.$transition-timing-function-linear;
+    transition: background-color theme.$transition-duration-1
+      theme.$transition-timing-function-standard;
 
     &:hover,
     &-open {
@@ -559,7 +562,7 @@ $table-cls-td: string.unquote('#{$table-prefix-cls}-td');
     svg {
       color: $table-color-header-filters-icon;
       font-size: $table-font-size-filters-icon;
-      transition: all theme.$transition-duration-1 theme.$transition-timing-function-linear;
+      transition: color theme.$transition-duration-1 theme.$transition-timing-function-standard;
     }
 
     &-active {
@@ -633,7 +636,7 @@ $table-cls-td: string.unquote('#{$table-prefix-cls}-td');
       width: $table-size-shadow-wrapper-width;
       height: 100%;
       box-shadow: none;
-      transition: box-shadow theme.$transition-duration-1 theme.$transition-timing-function-linear;
+      transition: box-shadow theme.$transition-duration-1 theme.$transition-timing-function-standard;
       content: '';
       pointer-events: none;
     }

package/es/table/table-operation-td.d.ts

@@ -100,6 +100,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;
@@ -115,6 +119,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>;
@@ -217,6 +222,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;
@@ -229,6 +238,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;
@@ -254,6 +264,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;
@@ -269,6 +283,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/table/table-tbody.js

@@ -7,7 +7,10 @@ var table_tbody_default = /* @__PURE__ */ defineComponent({
 		const prefixCls = getPrefixCls("table");
 		return () => {
 			var _slots$tbody$, _slots$tbody;
-			return createVNode((_slots$tbody$ = (_slots$tbody = slots.tbody) === null || _slots$tbody === void 0 ? void 0 : _slots$tbody.call(slots)[0]) !== null && _slots$tbody$ !== void 0 ? _slots$tbody$ : "div", { class: `${prefixCls}-tbody` }, { default: slots.default });
+			return createVNode((_slots$tbody$ = (_slots$tbody = slots.tbody) === null || _slots$tbody === void 0 ? void 0 : _slots$tbody.call(slots)[0]) !== null && _slots$tbody$ !== void 0 ? _slots$tbody$ : "div", {
+				class: `${prefixCls}-tbody`,
+				role: "rowgroup"
+			}, { default: slots.default });
 		};
 	}
 });

package/es/table/table-td.js

@@ -184,7 +184,8 @@ var table_td_default = /* @__PURE__ */ defineComponent({
 				rowIndex: (_props$rowIndex2 = props.rowIndex) !== null && _props$rowIndex2 !== void 0 ? _props$rowIndex2 : -1
 			})[0]) !== null && _slots$td$ !== void 0 ? _slots$td$ : "div", {
 				class: cls.value,
-				style: style.value
+				style: style.value,
+				role: "cell"
 			}, { default: () => [renderCell()] });
 		};
 	}

package/es/table/table-th.js

@@ -2,9 +2,9 @@ import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helper
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isBoolean, isFunction, isObject } from "../_utils/is.js";
 import icon_hover_default from "../_components/icon-hover.js";
-import Button from "../button/index.js";
-import Trigger from "../trigger/index.js";
 import { useI18n } from "../locale/index.js";
+import Trigger from "../trigger/index.js";
+import Button from "../button/index.js";
 import Checkbox from "../checkbox/index.js";
 import Radio from "../radio/index.js";
 import IconCaretDown from "../icon/icon-caret-down/index.js";
@@ -207,8 +207,10 @@ var table_th_default = /* @__PURE__ */ defineComponent({
 		return () => {
 			var _slots$th$, _slots$th;
 			return createVNode((_slots$th$ = (_slots$th = slots.th) === null || _slots$th === void 0 ? void 0 : _slots$th.call(slots, { column: props.column })[0]) !== null && _slots$th$ !== void 0 ? _slots$th$ : "div", {
-				class: cls.value,
-				style: style.value
+				"class": cls.value,
+				"style": style.value,
+				"role": "columnheader",
+				"aria-sort": hasSorter.value ? sortOrder.value === "ascend" ? "ascending" : sortOrder.value === "descend" ? "descending" : "none" : void 0
 			}, { default: () => [
 				renderCell(),
 				!filterIconAlignLeft.value && renderFilter(),

package/es/table/table-thead.js

@@ -7,7 +7,10 @@ var table_thead_default = /* @__PURE__ */ defineComponent({
 		const prefixCls = getPrefixCls("table");
 		return () => {
 			var _slots$thead$, _slots$thead;
-			return createVNode((_slots$thead$ = (_slots$thead = slots.thead) === null || _slots$thead === void 0 ? void 0 : _slots$thead.call(slots)[0]) !== null && _slots$thead$ !== void 0 ? _slots$thead$ : "div", { class: `${prefixCls}-thead` }, { default: slots.default });
+			return createVNode((_slots$thead$ = (_slots$thead = slots.thead) === null || _slots$thead === void 0 ? void 0 : _slots$thead.call(slots)[0]) !== null && _slots$thead$ !== void 0 ? _slots$thead$ : "div", {
+				class: `${prefixCls}-thead`,
+				role: "rowgroup"
+			}, { default: slots.default });
 		};
 	}
 });

package/es/table/table-tr.js

@@ -25,7 +25,10 @@ var table_tr_default = /* @__PURE__ */ defineComponent({
 			return createVNode((_slots$tr$ = (_slots$tr = slots.tr) === null || _slots$tr === void 0 ? void 0 : _slots$tr.call(slots, {
 				rowIndex: props.rowIndex,
 				record: (_props$record = props.record) === null || _props$record === void 0 ? void 0 : _props$record.raw
-			})[0]) !== null && _slots$tr$ !== void 0 ? _slots$tr$ : "div", { class: cls.value }, { default: slots.default });
+			})[0]) !== null && _slots$tr$ !== void 0 ? _slots$tr$ : "div", {
+				class: cls.value,
+				role: "row"
+			}, { default: slots.default });
 		};
 	}
 });

package/es/table/table.js

@@ -1502,11 +1502,15 @@ var table_default = /* @__PURE__ */ defineComponent({
 		});
 		const render = () => {
 			var _slots$columns;
-			if (slots.default) return createVNode("div", { "class": cls.value }, [renderTable(slots.default)]);
+			if (slots.default) return createVNode("div", {
+				"class": cls.value,
+				"role": "table"
+			}, [renderTable(slots.default)]);
 			children.value = (_slots$columns = slots.columns) === null || _slots$columns === void 0 ? void 0 : _slots$columns.call(slots);
 			return createVNode("div", {
 				"class": cls.value,
-				"style": style.value
+				"style": style.value,
+				"role": "table"
 			}, [children.value, createVNode(Spin, spinProps.value, { default: () => [
 				props.pagination !== false && (flattenData.value.length > 0 || sortedData.value.length > 0) && isPaginationTop.value && renderPagination(),
 				renderTable(),

package/es/tabs/context.d.ts

@@ -1,4 +1,5 @@
 import { InjectionKey } from 'vue';
+import type { ScrollbarProps } from '../scrollbar';
 import { TabData, TabTriggerEvent } from './interface';
 export interface TabsContext {
     lazyLoad: boolean;
@@ -7,5 +8,7 @@ export interface TabsContext {
     addItem: (id: number, data: TabData) => void;
     removeItem: (id: number) => void;
     trigger: TabTriggerEvent;
+    scrollbar: ScrollbarProps | false;
+    tabsId: string;
 }
 export declare const tabsInjectionKey: InjectionKey<TabsContext>;