@sdata/web-vue 4.5.0 → 4.5.1

package/es/steps/step.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.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";
@@ -7,7 +7,11 @@ 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 _hoisted_1 = [
+	"aria-current",
+	"aria-disabled",
+	"tabindex"
+];
 var step_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "Step" }), {}, {
 	__name: "step",
 	props: {
@@ -114,6 +118,7 @@ var step_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 				class: normalizeClass(cls.value),
 				role: "listitem",
 				"aria-current": stepNumber.value === ((_unref2 = unref(stepsCtx)) === null || _unref2 === void 0 ? void 0 : _unref2.current) ? "step" : void 0,
+				"aria-disabled": props.disabled || void 0,
 				tabindex: ((_unref3 = unref(stepsCtx)) === null || _unref3 === void 0 ? void 0 : _unref3.changeable) && !props.disabled ? 0 : void 0,
 				onClick: handleClick,
 				onKeydown

package/es/steps/steps.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { useI18n } from "../locale/index.js";
 import { stepsInjectionKey } from "./context.js";

package/es/switch/index.d.ts

@@ -69,8 +69,8 @@ declare const Switch: {
     }, import("vue").PublicProps, {
         type: "round" | "circle" | "line";
         disabled: boolean;
-        modelValue: string | number | boolean;
         loading: boolean;
+        modelValue: string | number | boolean;
         defaultChecked: boolean;
         autoLoading: boolean;
         checkedValue: string | number | boolean;
@@ -141,8 +141,8 @@ declare const Switch: {
     }>, {}, {}, {}, {}, {
         type: "round" | "circle" | "line";
         disabled: boolean;
-        modelValue: string | number | boolean;
         loading: boolean;
+        modelValue: string | number | boolean;
         defaultChecked: boolean;
         autoLoading: boolean;
         checkedValue: string | number | boolean;
@@ -215,8 +215,8 @@ declare const Switch: {
 }, string, {
     type: "round" | "circle" | "line";
     disabled: boolean;
-    modelValue: string | number | boolean;
     loading: boolean;
+    modelValue: string | number | boolean;
     defaultChecked: boolean;
     autoLoading: boolean;
     checkedValue: string | number | boolean;
@@ -239,4 +239,5 @@ declare const Switch: {
     install: (app: App, options?: SDOptions) => void;
 };
 export type SwitchInstance = InstanceType<typeof _Switch>;
+export type SwitchProps = SwitchInstance['$props'];
 export default Switch;

package/es/switch/switch.vue.d.ts

@@ -128,8 +128,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
 }>, {
     type: "round" | "circle" | "line";
     disabled: boolean;
-    modelValue: string | number | boolean;
     loading: boolean;
+    modelValue: string | number | boolean;
     defaultChecked: boolean;
     autoLoading: boolean;
     checkedValue: string | number | boolean;

package/es/switch/switch.vue_vue_type_script_setup_true_lang.js

@@ -1,8 +1,8 @@
 import { useFormItem } from "../_hooks/use-form-item.js";
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isFunction, isNull, isUndefined } from "../_utils/is.js";
-import _asyncToGenerator from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/asyncToGenerator.js";
+import _asyncToGenerator from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/asyncToGenerator.js";
 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";
@@ -10,6 +10,7 @@ import { Fragment, computed, createBlock, createCommentVNode, createElementBlock
 var _hoisted_1 = [
 	"aria-checked",
 	"aria-busy",
+	"aria-disabled",
 	"disabled"
 ];
 var switch_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "Switch" }), {}, {
@@ -252,6 +253,7 @@ var switch_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 				role: "switch",
 				"aria-checked": computedCheck.value,
 				"aria-busy": computedLoading.value || void 0,
+				"aria-disabled": computedLoading.value || void 0,
 				class: normalizeClass(cls.value),
 				style: normalizeStyle(buttonStyle.value),
 				disabled: unref(mergedDisabled),

package/es/table/index.d.ts

@@ -230,7 +230,6 @@ declare const Table: {
     }, import("vue").PublicProps, {
         size: "small" | "medium" | "large" | "mini";
         scrollbar: boolean | import("../index.ts").ScrollbarProps;
-        data: import("./interface").TableData[];
         loading: boolean | ({
             readonly size?: number | undefined;
             readonly loading?: boolean | undefined;
@@ -239,6 +238,7 @@ declare const Table: {
             readonly tip?: string | undefined;
             readonly hideIcon?: boolean | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps);
+        data: import("./interface").TableData[];
         bordered: boolean | import("./interface").TableBorder;
         columns: import("./interface").TableColumnData[];
         hoverable: boolean;
@@ -463,7 +463,6 @@ declare const Table: {
     }, {}, {}, {}, {
         size: "small" | "medium" | "large" | "mini";
         scrollbar: boolean | import("../index.ts").ScrollbarProps;
-        data: import("./interface").TableData[];
         loading: boolean | ({
             readonly size?: number | undefined;
             readonly loading?: boolean | undefined;
@@ -472,6 +471,7 @@ declare const Table: {
             readonly tip?: string | undefined;
             readonly hideIcon?: boolean | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps);
+        data: import("./interface").TableData[];
         bordered: boolean | import("./interface").TableBorder;
         columns: import("./interface").TableColumnData[];
         hoverable: boolean;
@@ -716,7 +716,6 @@ declare const Table: {
 }, string, {
     size: "small" | "medium" | "large" | "mini";
     scrollbar: boolean | import("../index.ts").ScrollbarProps;
-    data: import("./interface").TableData[];
     loading: boolean | ({
         readonly size?: number | undefined;
         readonly loading?: boolean | undefined;
@@ -725,6 +724,7 @@ declare const Table: {
         readonly tip?: string | undefined;
         readonly hideIcon?: boolean | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps);
+    data: import("./interface").TableData[];
     bordered: boolean | import("./interface").TableBorder;
     columns: import("./interface").TableColumnData[];
     hoverable: boolean;

package/es/table/table-column.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { useChildrenComponents } from "../_hooks/use-children-components.js";
 import { usePureProp } from "../_hooks/use-pure-prop.js";
 import { tableColumnInjectionKey, tableInjectionKey } from "./context.js";

package/es/table/table-operation-td.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { tableInjectionKey } from "./context.js";
 import { getGridSpanStyle, getLeafKeys, getOperationFixedCls, getOperationStyle, getSelectionStatus } from "./utils.js";

package/es/table/table-operation-th.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { getSlotFunction } from "../_utils/vue-utils.js";
 import { tableInjectionKey } from "./context.js";

package/es/table/table-tbody.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { createBlock, createVNode, defineComponent, openBlock, useSlots } from "vue";
 //#region components/table/table-tbody.vue?vue&type=script&setup=true&lang.ts

package/es/table/table-td.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isFunction, isObject } from "../_utils/is.js";
 import IconLoading from "../icon/icon-loading/index.js";

package/es/table/table-th.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,8 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 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 { isActivationKey } from "../_utils/keyboard.js";
 import { useI18n } from "../locale/index.js";
 import Trigger from "../trigger/index.js";
 import Button from "../button/index.js";
@@ -18,6 +19,7 @@ import { useColumnSorter } from "./hooks/use-column-sorter.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, mergeProps, normalizeClass, openBlock, renderList, resolveDynamicComponent, toDisplayString, toRef, unref, useSlots, withCtx, withModifiers } from "vue";
 import { createReusableTemplate } from "@vueuse/core";
 //#region components/table/table-th.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["role", "tabindex"];
 var table_th_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, {
 	name: "Th",
 	inheritAttrs: false
@@ -136,6 +138,12 @@ var table_th_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			var _tableCtx$onThMouseDo;
 			if (props.column.dataIndex) (_tableCtx$onThMouseDo = tableCtx.onThMouseDown) === null || _tableCtx$onThMouseDo === void 0 || _tableCtx$onThMouseDo.call(tableCtx, props.column.dataIndex, event);
 		}
+		function handleSorterKeydown(event) {
+			if (hasSorter.value && event.target === event.currentTarget && isActivationKey(event)) {
+				event.preventDefault();
+				handleClickSorter(event);
+			}
+		}
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(DefineFilter), null, {
 				default: withCtx(() => {
@@ -223,7 +231,10 @@ var table_th_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 				default: withCtx(() => [
 					createElementVNode("span", {
 						class: normalizeClass(cellCls.value),
-						onClick: _cache[1] || (_cache[1] = ($event) => unref(hasSorter) ? unref(handleClickSorter)($event) : void 0)
+						role: unref(hasSorter) ? "button" : void 0,
+						tabindex: unref(hasSorter) ? 0 : void 0,
+						onClick: _cache[1] || (_cache[1] = ($event) => unref(hasSorter) ? unref(handleClickSorter)($event) : void 0),
+						onKeydown: handleSorterKeydown
 					}, [
 						column.value.ellipsis && column.value.tooltip ? (openBlock(), createBlock(auto_tooltip_default, {
 							key: 0,
@@ -247,7 +258,7 @@ var table_th_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 							class: normalizeClass([`${unref(prefixCls)}-sorter-icon`, { [`${unref(prefixCls)}-sorter-icon-active`]: unref(sortOrder) === "descend" }])
 						}, [createVNode(unref(IconCaretDown))], 2)) : createCommentVNode("", true)], 2)) : createCommentVNode("", true),
 						filterIconAlignLeft.value ? (openBlock(), createBlock(unref(ReuseFilter), { key: 3 })) : createCommentVNode("", true)
-					], 2),
+					], 42, _hoisted_1),
 					!filterIconAlignLeft.value ? (openBlock(), createBlock(unref(ReuseFilter), { key: 0 })) : createCommentVNode("", true),
 					__props.resizable ? (openBlock(), createElementBlock("span", {
 						key: 1,

package/es/table/table-thead.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { createBlock, createVNode, defineComponent, openBlock, useSlots } from "vue";
 //#region components/table/table-thead.vue?vue&type=script&setup=true&lang.ts

package/es/table/table-tr.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { computed, createBlock, createVNode, defineComponent, openBlock, useSlots } from "vue";
 //#region components/table/table-tr.vue?vue&type=script&setup=true&lang.ts

package/es/table/table.vue.d.ts

@@ -391,7 +391,6 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
 }>, {
     size: "small" | "medium" | "large" | "mini";
     scrollbar: boolean | ScrollbarProps;
-    data: TableData[];
     loading: boolean | ({
         readonly size?: number | undefined;
         readonly loading?: boolean | undefined;
@@ -400,6 +399,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         readonly tip?: string | undefined;
         readonly hideIcon?: boolean | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps);
+    data: TableData[];
     bordered: boolean | TableBorder;
     columns: TableColumnData[];
     hoverable: boolean;

package/es/table/table.vue_vue_type_script_setup_true_lang.js

@@ -1,12 +1,11 @@
 import { configProviderInjectionKey } from "../config-provider/context.js";
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isArray, isFunction, isNull, isNumber, isObject, isString, isUndefined } from "../_utils/is.js";
 import resize_observer_default from "../_components/resize-observer.js";
-import _objectWithoutProperties from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectWithoutProperties.js";
+import _objectWithoutProperties from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectWithoutProperties.js";
 import virtual_list_default from "../_components/virtual-list/index.js";
 import { omit } from "../_utils/omit.js";
-import { useComponentRef } from "../_hooks/use-component-ref.js";
 import { useScrollbar } from "../_hooks/use-scrollbar.js";
 import Empty from "../empty/index.js";
 import Scrollbar from "../scrollbar/index.js";
@@ -20,6 +19,7 @@ import table_td_default from "./table-td.js";
 import table_th_default from "./table-th.js";
 import table_thead_default from "./table-thead.js";
 import table_tr_default from "./table-tr.js";
+import { useComponentRef } from "../_hooks/use-component-ref.js";
 import { debounce } from "../_utils/debounce.js";
 import IconMinus from "../icon/icon-minus/index.js";
 import IconPlus from "../icon/icon-plus/index.js";
@@ -34,7 +34,7 @@ import { useSorter } from "./hooks/use-sorter.js";
 import { useSpan } from "./hooks/use-span.js";
 import table_operation_td_default from "./table-operation-td.js";
 import table_operation_th_default from "./table-operation-th.js";
-import { Fragment, computed, createBlock, createVNode, defineComponent, inject, isVNode, mergeProps, onMounted, openBlock, provide, reactive, ref, toRef, useSlots, watch, watchEffect } from "vue";
+import { Fragment, computed, createBlock, createVNode, defineComponent, inject, isVNode, mergeProps, onBeforeUnmount, onBeforeUpdate, onMounted, openBlock, provide, reactive, ref, shallowReactive, toRef, useSlots, watch, watchEffect } from "vue";
 //#region components/table/table.vue?vue&type=script&setup=true&lang.ts
 var _excluded = [
 	"items",
@@ -594,6 +594,11 @@ var table_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 		* @version 2.26.0
 		*/
 		const slots = useSlots();
+		const cellSlots = shallowReactive(_objectSpread2({}, slots));
+		onBeforeUpdate(() => {
+			for (const name of Object.keys(cellSlots)) if (!slots[name]) delete cellSlots[name];
+			Object.assign(cellSlots, slots);
+		});
 		const VNodeRenderer = ({ content }) => content;
 		const columns = toRef(props, "columns");
 		const rowKey = toRef(props, "rowKey");
@@ -995,6 +1000,10 @@ var table_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 		const handleCellMouseLeave = debounce((record, column, ev) => {
 			emit("cellMouseLeave", record.raw, column, ev);
 		}, 30);
+		onBeforeUnmount(() => {
+			handleCellMouseEnter.cancel();
+			handleCellMouseLeave.cancel();
+		});
 		const handleCellDblclick = (record, column, ev) => {
 			emit("cellDblclick", record.raw, column, ev);
 		};
@@ -1075,7 +1084,7 @@ var table_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 		provide(tableInjectionKey, reactive({
 			loadMore,
 			addLazyLoadData,
-			slots,
+			slots: cellSlots,
 			sorter: computedSorter,
 			filters: computedFilters,
 			filterIconAlignLeft,

package/es/table/utils.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { isArray, isNull, isUndefined } from "../_utils/is.js";
 //#region components/table/utils.ts
 var getDataColumnsNumber = (columns) => {

package/es/tabs/index.d.ts

@@ -366,6 +366,8 @@ declare const Tabs: {
 };
 export type TabsInstance = InstanceType<typeof _Tabs>;
 export type TabPaneInstance = InstanceType<typeof _TabPane>;
+export type TabsProps = TabsInstance['$props'];
+export type TabPaneProps = TabPaneInstance['$props'];
 export type { ScrollPosition, TabTriggerEvent, TabsPosition, TabsType } from './interface';
 export { _TabPane as TabPane };
 export default Tabs;

package/es/tabs/style/index.css

@@ -32,6 +32,11 @@
 }
 .sd-tabs-tab-close-btn {
   margin-left: 8px;
+  padding: 0;
+  color: inherit;
+  font: inherit;
+  background: none;
+  border: 0;
   user-select: none;
 }
 .sd-tabs-nav-add-btn {
@@ -39,12 +44,23 @@
   align-items: center;
   justify-content: center;
   padding: 0 8px;
+  color: inherit;
+  font: inherit;
   font-size: 12px;
+  background: none;
+  border: 0;
   user-select: none;
 }
 .sd-tabs-add {
   position: relative;
 }
+.sd-tabs-nav-button {
+  padding: 0;
+  color: inherit;
+  font: inherit;
+  background: none;
+  border: 0;
+}
 .sd-tabs-nav-button-left {
   margin-right: 6px;
   margin-left: 10px;

package/es/tabs/style/index.scss

@@ -79,6 +79,11 @@ $tabs-prefix-cls: string.unquote('#{theme.$prefix}-tabs');
 
   &-tab-close-btn {
     margin-left: $tabs-margin-close-icon-left;
+    padding: 0;
+    color: inherit;
+    font: inherit;
+    background: none;
+    border: 0;
     user-select: none;
   }
 
@@ -87,7 +92,11 @@ $tabs-prefix-cls: string.unquote('#{theme.$prefix}-tabs');
     align-items: center;
     justify-content: center;
     padding: 0 $tabs-margin-add-icon-left;
+    color: inherit;
+    font: inherit;
     font-size: $tabs-size-icon;
+    background: none;
+    border: 0;
     user-select: none;
   }
 
@@ -96,6 +105,12 @@ $tabs-prefix-cls: string.unquote('#{theme.$prefix}-tabs');
   }
 
   &-nav-button {
+    padding: 0;
+    color: inherit;
+    font: inherit;
+    background: none;
+    border: 0;
+
     &-left {
       margin-right: $tabs-spacing-nav-icon-header;
       margin-left: $tabs-padding-header-wrapper-horizontal;

package/es/tabs/tab-pane.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import Scrollbar from "../scrollbar/index.js";
 import { tabsInjectionKey } from "./context.js";

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

@@ -1,12 +1,14 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import icon_hover_default from "../_components/icon-hover.js";
+import { useI18n } from "../locale/index.js";
 import IconLeft from "../icon/icon-left/index.js";
 import IconRight from "../icon/icon-right/index.js";
 import IconDown from "../icon/icon-down/index.js";
 import IconUp from "../icon/icon-up/index.js";
 import { computed, createBlock, createElementBlock, createVNode, defineComponent, normalizeClass, openBlock, unref, withCtx } from "vue";
 //#region components/tabs/tabs-button.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["disabled", "aria-label"];
 var tabs_button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "TabsButton" }), {}, {
 	__name: "tabs-button",
 	props: {
@@ -29,6 +31,7 @@ var tabs_button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 		const props = __props;
 		const emit = __emit;
 		const prefixCls = getPrefixCls("tabs-nav-button");
+		const { t } = useI18n();
 		const handleClick = (event) => {
 			if (!props.disabled) emit("click", props.type, event);
 		};
@@ -40,13 +43,16 @@ var tabs_button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 			[`${prefixCls}-down`]: props.direction === "vertical" && props.type === "next"
 		}]);
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
+			return openBlock(), createElementBlock("button", {
+				type: "button",
 				class: normalizeClass(cls.value),
+				disabled: __props.disabled,
+				"aria-label": unref(t)(__props.type === "next" ? "a11y.nextTabs" : "a11y.prevTabs"),
 				onClick: handleClick
 			}, [createVNode(icon_hover_default, { disabled: __props.disabled }, {
 				default: withCtx(() => [__props.direction === "horizontal" && __props.type === "next" ? (openBlock(), createBlock(unref(IconRight), { key: 0 })) : __props.direction === "horizontal" ? (openBlock(), createBlock(unref(IconLeft), { key: 1 })) : __props.type === "next" ? (openBlock(), createBlock(unref(IconDown), { key: 2 })) : (openBlock(), createBlock(unref(IconUp), { key: 3 }))]),
 				_: 1
-			}, 8, ["disabled"])], 2);
+			}, 8, ["disabled"])], 10, _hoisted_1);
 		};
 	}
 }));

package/es/tabs/tabs-nav-ink.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { computed, createElementBlock, defineComponent, nextTick, normalizeClass, normalizeStyle, onMounted, onUpdated, openBlock, ref } from "vue";
 //#region components/tabs/tabs-nav-ink.vue?vue&type=script&setup=true&lang.ts

package/es/tabs/tabs-nav.vue_vue_type_script_setup_true_lang.js

@@ -1,11 +1,12 @@
 import { configProviderInjectionKey } from "../config-provider/context.js";
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isNumber, isUndefined } from "../_utils/is.js";
 import resize_observer_default from "../_components/resize-observer.js";
 import { off, on } from "../_utils/dom.js";
 import icon_hover_default from "../_components/icon-hover.js";
 import { KEYBOARD_KEY } from "../_utils/keyboard.js";
+import { useI18n } from "../locale/index.js";
 import IconPlus from "../icon/icon-plus/index.js";
 import tabs_button_default from "./tabs-button.js";
 import tabs_nav_ink_default from "./tabs-nav-ink.js";
@@ -14,7 +15,8 @@ import { updateScrollOffset } from "./utils.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, mergeProps, nextTick, normalizeClass, normalizeStyle, onMounted, onUnmounted, openBlock, ref, renderList, renderSlot, toRef, unref, useAttrs, watch, withCtx } from "vue";
 import { createReusableTemplate } from "@vueuse/core";
 //#region components/tabs/tabs-nav.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["aria-orientation"];
+var _hoisted_1 = ["aria-label"];
+var _hoisted_2 = ["aria-orientation"];
 var tabs_nav_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, {
 	name: "TabsNav",
 	inheritAttrs: false
@@ -79,6 +81,7 @@ var tabs_nav_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 		const attrs = useAttrs();
 		const [DefineAddButton, ReuseAddButton] = createReusableTemplate();
 		const prefixCls = getPrefixCls("tabs-nav");
+		const { t } = useI18n();
 		const configContext = inject(configProviderInjectionKey, void 0);
 		const rtl = computed(() => {
 			var _configContext$rtl;
@@ -240,14 +243,16 @@ var tabs_nav_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 		const tabCls = computed(() => [`${prefixCls}-tab`, { [`${prefixCls}-tab-scroll`]: isScroll.value }]);
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(DefineAddButton), null, {
-				default: withCtx(() => [mergedEditable.value && props.showAddButton ? (openBlock(), createElementBlock("div", {
+				default: withCtx(() => [mergedEditable.value && props.showAddButton ? (openBlock(), createElementBlock("button", {
 					key: 0,
+					type: "button",
 					class: normalizeClass(`${unref(prefixCls)}-add-btn`),
+					"aria-label": unref(t)("a11y.addTab"),
 					onClick: _cache[0] || (_cache[0] = ($event) => emit("add", $event))
 				}, [createVNode(icon_hover_default, null, {
 					default: withCtx(() => [createVNode(unref(IconPlus))]),
 					_: 1
-				})], 2)) : createCommentVNode("", true)]),
+				})], 10, _hoisted_1)) : createCommentVNode("", true)]),
 				_: 1
 			}), createElementVNode("div", mergeProps(unref(attrs), { class: cls.value }), [
 				isScroll.value ? (openBlock(), createBlock(tabs_button_default, {
@@ -308,7 +313,7 @@ var tabs_nav_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 							"active-tab-ref",
 							"direction",
 							"animation"
-						])) : createCommentVNode("", true)], 46, _hoisted_1)]),
+						])) : createCommentVNode("", true)], 46, _hoisted_2)]),
 						_: 1
 					}), !isScroll.value ? (openBlock(), createBlock(unref(ReuseAddButton), { key: 0 })) : createCommentVNode("", true)], 2)]),
 					_: 1

package/es/tabs/tabs-tab.vue_vue_type_script_setup_true_lang.js

@@ -1,10 +1,11 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import icon_hover_default from "../_components/icon-hover.js";
 import { KEYBOARD_KEY } from "../_utils/keyboard.js";
 import IconClose from "../icon/icon-close/index.js";
+import { useI18n } from "../locale/index.js";
 import { tabsInjectionKey } from "./context.js";
-import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, mergeProps, normalizeClass, openBlock, renderSlot, unref, withCtx, withModifiers } from "vue";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, mergeProps, normalizeClass, openBlock, renderSlot, unref, withCtx, withModifiers } from "vue";
 //#region components/tabs/tabs-tab.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"id",
@@ -13,6 +14,7 @@ var _hoisted_1 = [
 	"aria-disabled",
 	"aria-controls"
 ];
+var _hoisted_2 = ["aria-label"];
 var tabs_tab_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "TabsTab" }), {}, {
 	__name: "tabs-tab",
 	props: {
@@ -28,6 +30,7 @@ var tabs_tab_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 		const props = __props;
 		const emit = __emit;
 		const prefixCls = getPrefixCls("tabs-tab");
+		const { t } = useI18n();
 		const tabsCtx = inject(tabsInjectionKey, {});
 		const tabsId = computed(() => {
 			var _tabsCtx$tabsId;
@@ -65,14 +68,16 @@ var tabs_tab_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 				"aria-selected": __props.active,
 				"aria-disabled": __props.tab.disabled || void 0,
 				"aria-controls": panelId.value
-			}, eventHandlers.value), [createElementVNode("span", { class: normalizeClass(`${unref(prefixCls)}-title`) }, [renderSlot(_ctx.$slots, "default")], 2), __props.editable && __props.tab.closable ? (openBlock(), createBlock(icon_hover_default, {
+			}, eventHandlers.value), [createElementVNode("span", { class: normalizeClass(`${unref(prefixCls)}-title`) }, [renderSlot(_ctx.$slots, "default")], 2), __props.editable && __props.tab.closable ? (openBlock(), createElementBlock("button", {
 				key: 0,
+				type: "button",
 				class: normalizeClass(`${unref(prefixCls)}-close-btn`),
+				"aria-label": unref(t)("a11y.closeTab"),
 				onClick: withModifiers(handleDelete, ["stop"])
-			}, {
+			}, [createVNode(icon_hover_default, null, {
 				default: withCtx(() => [createVNode(unref(IconClose))]),
 				_: 1
-			}, 8, ["class"])) : createCommentVNode("", true)], 16, _hoisted_1);
+			})], 10, _hoisted_2)) : createCommentVNode("", true)], 16, _hoisted_1);
 		};
 	}
 }));

package/es/tabs/tabs.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
 import { configProviderInjectionKey } from "../config-provider/context.js";
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isUndefined } from "../_utils/is.js";
 import { useSize } from "../_hooks/use-size.js";