@sdata/web-vue 1.19.0 → 2.1.0

package/es/table/table.d.ts

@@ -34,7 +34,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     size: {
         type: PropType<Size>;
-        default: () => "small" | "mini" | "medium" | "large";
+        default: () => "medium" | "large" | "small" | "mini";
     };
     loading: {
         type: (ObjectConstructor | BooleanConstructor)[];
@@ -236,7 +236,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     size: {
         type: PropType<Size>;
-        default: () => "small" | "mini" | "medium" | "large";
+        default: () => "medium" | "large" | "small" | "mini";
     };
     loading: {
         type: (ObjectConstructor | BooleanConstructor)[];
@@ -397,9 +397,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onRowContextmenu?: ((_record: TableData, _ev: Event) => any) | undefined;
     onCellContextmenu?: ((_record: TableData, _column: TableColumnData, _ev: Event) => any) | undefined;
 }>, {
-    size: "small" | "mini" | "medium" | "large";
-    data: TableData[];
+    size: "medium" | "large" | "small" | "mini";
     scrollbar: boolean | ScrollbarProps;
+    data: TableData[];
     loading: boolean | Record<string, any>;
     columns: TableColumnData[];
     bordered: boolean | TableBorder;
@@ -409,7 +409,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     filterIconAlignLeft: boolean;
     stripe: boolean;
     pagination: boolean | PaginationProps;
-    pagePosition: "top" | "tl" | "tr" | "bottom" | "bl" | "br";
+    pagePosition: "bottom" | "top" | "tl" | "tr" | "bl" | "br";
     rowKey: string | ((record: TableData) => BaseType);
     showHeader: boolean;
     spanAll: boolean;

package/es/table/table.js

@@ -1,8 +1,8 @@
 import { configProviderInjectionKey } from "../config-provider/context.js";
-import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/objectSpread2.js";
+import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.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 { _asyncToGenerator } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/asyncToGenerator.js";
+import { _asyncToGenerator } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/asyncToGenerator.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";
@@ -10,9 +10,9 @@ import { useScrollbar } from "../_hooks/use-scrollbar.js";
 import Empty from "../empty/index.js";
 import Scrollbar from "../scrollbar/index.js";
 import Spin from "../spin/index.js";
-import { _objectWithoutProperties } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/objectWithoutProperties.js";
-import { debounce } from "../_utils/debounce.js";
+import { _objectWithoutProperties } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectWithoutProperties.js";
 import { useChildrenComponents } from "../_hooks/use-children-components.js";
+import { debounce } from "../_utils/debounce.js";
 import IconMinus from "../icon/icon-minus/index.js";
 import IconPlus from "../icon/icon-plus/index.js";
 import { getValueByPath, setValueByPath } from "../_utils/get-value-by-path.js";
@@ -593,7 +593,7 @@ var table_default = /* @__PURE__ */ defineComponent({
 			var _rowSelection$value$c, _rowSelection$value;
 			return (_rowSelection$value$c = (_rowSelection$value = rowSelection.value) === null || _rowSelection$value === void 0 ? void 0 : _rowSelection$value.checkStrictly) !== null && _rowSelection$value$c !== void 0 ? _rowSelection$value$c : true;
 		});
-		const { displayScrollbar, scrollbarProps } = useScrollbar(scrollbar);
+		const { scrollbarProps } = useScrollbar(scrollbar);
 		const containerClientWidth = ref(0);
 		const containerScrollWidth = ref(0);
 		const autoScrollX = ref(false);
@@ -1595,7 +1595,6 @@ var table_default = /* @__PURE__ */ defineComponent({
 			if (splitTable.value) {
 				var _props$scroll15, _props$scroll16;
 				const top = isNumber(props.stickyHeader) ? `${props.stickyHeader}px` : void 0;
-				const BodyComponent = displayScrollbar.value ? Scrollbar : "div";
 				const bodyContent = isVirtualList.value && flattenData.value.length ? createVNode("div", {
 					"class": `${prefixCls}-element`,
 					"style": elementStyle.value
@@ -1612,14 +1611,14 @@ var table_default = /* @__PURE__ */ defineComponent({
 					"keyField": "key",
 					"height": "auto",
 					"onScroll": onTbodyScroll
-				}, tableVirtualListProps.value), { item: ({ item, index }) => renderVirtualRecord(item, index) })])]) : createVNode(BodyComponent, mergeProps({
+				}, tableVirtualListProps.value), { item: ({ item, index }) => renderVirtualRecord(item, index) })])]) : createVNode(Scrollbar, mergeProps({
 					"ref": tbodyComRef,
 					"class": `${prefixCls}-body`,
 					"style": { maxHeight: isNumber((_props$scroll15 = props.scroll) === null || _props$scroll15 === void 0 ? void 0 : _props$scroll15.y) ? `${(_props$scroll16 = props.scroll) === null || _props$scroll16 === void 0 ? void 0 : _props$scroll16.y}px` : "100%" }
-				}, scrollbar.value ? _objectSpread2({ outerStyle: {
+				}, _objectSpread2(_objectSpread2({}, scrollbarProps.value), {}, { outerStyle: _objectSpread2({
 					display: "flex",
 					minHeight: "0"
-				} }, scrollbarProps.value) : void 0, { "onScroll": onTbodyScroll }), { default: () => [createVNode("div", {
+				}, Array.isArray(scrollbarProps.value.outerStyle) ? Object.assign({}, ...scrollbarProps.value.outerStyle) : scrollbarProps.value.outerStyle) }), { "onScroll": onTbodyScroll }), { default: () => [createVNode("div", {
 					"class": `${prefixCls}-element`,
 					"style": elementStyle.value
 				}, [renderBody()])] });
@@ -1629,7 +1628,7 @@ var table_default = /* @__PURE__ */ defineComponent({
 						"class": [`${prefixCls}-header`, { [`${prefixCls}-header-sticky`]: props.stickyHeader }],
 						"style": {
 							overflowX: "hidden",
-							overflowY: hasScrollBar.value && !displayScrollbar.value ? "scroll" : "hidden",
+							overflowY: "hidden",
 							top
 						}
 					}, [createVNode("div", {
@@ -1640,7 +1639,7 @@ var table_default = /* @__PURE__ */ defineComponent({
 					summaryData.value && summaryData.value.length > 0 && createVNode("div", {
 						"ref": summaryRef,
 						"class": `${prefixCls}-tfoot`,
-						"style": { overflowY: hasScrollBar.value ? "scroll" : "hidden" }
+						"style": { overflowY: "hidden" }
 					}, [createVNode("div", {
 						"class": `${prefixCls}-element`,
 						"style": elementStyle.value
@@ -1660,12 +1659,11 @@ var table_default = /* @__PURE__ */ defineComponent({
 		const renderTable = (content) => {
 			var _props$scroll17;
 			const style = ((_props$scroll17 = props.scroll) === null || _props$scroll17 === void 0 ? void 0 : _props$scroll17.maxHeight) ? { maxHeight: props.scroll.maxHeight } : void 0;
-			const ContentComponent = !splitTable.value && displayScrollbar.value ? Scrollbar : "div";
-			return createVNode(Fragment, null, [createVNode("div", { "class": [`${prefixCls}-container`, tableCls.value] }, [createVNode(ContentComponent, mergeProps({
+			return createVNode(Fragment, null, [createVNode("div", { "class": [`${prefixCls}-container`, tableCls.value] }, [createVNode(Scrollbar, mergeProps({
 				"ref": contentComRef,
 				"class": [`${prefixCls}-content`, { [`${prefixCls}-content-scroll-x`]: !splitTable.value }],
 				"style": style
-			}, !splitTable.value && scrollbar.value ? _objectSpread2({ outerStyle: { height: "100%" } }, scrollbarProps.value) : void 0, { "onScroll": handleScroll }), { default: () => [content ? createVNode("div", {
+			}, _objectSpread2(_objectSpread2({}, scrollbarProps.value), {}, { outerStyle: { height: "100%" } }), { "onScroll": handleScroll }), { default: () => [content ? createVNode("div", {
 				"class": `${prefixCls}-element`,
 				"style": elementStyle.value
 			}, [content()]) : renderContent()] })]), slots.footer && createVNode("div", { "class": `${prefixCls}-footer` }, [slots.footer()])]);

package/es/table/utils.js

@@ -1,4 +1,4 @@
-import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/objectSpread2.js";
+import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.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

@@ -72,8 +72,8 @@ declare const Tabs: {
             default: string;
         };
     }>> & Readonly<{
-        onDelete?: ((_key: string | number, _ev: Event) => any) | undefined;
         onAdd?: ((_ev: Event) => any) | undefined;
+        onDelete?: ((_key: string | number, _ev: Event) => any) | undefined;
         onChange?: ((_key: string | number) => any) | undefined;
         "onUpdate:activeKey"?: ((_key: string | number) => any) | undefined;
         onTabClick?: ((_key: string | number, _ev: Event) => any) | undefined;
@@ -85,10 +85,10 @@ declare const Tabs: {
         delete: (_key: string | number, _ev: Event) => true;
     }, import("vue").PublicProps, {
         type: import("./interface").TabsType;
-        trigger: import("./interface").TabTriggerEvent;
         position: import("./interface").TabsPosition;
-        direction: "horizontal" | "vertical";
         justify: boolean;
+        trigger: import("./interface").TabTriggerEvent;
+        direction: "horizontal" | "vertical";
         animation: boolean;
         activeKey: string | number;
         destroyOnHide: boolean;
@@ -176,17 +176,17 @@ declare const Tabs: {
             default: string;
         };
     }>> & Readonly<{
-        onDelete?: ((_key: string | number, _ev: Event) => any) | undefined;
         onAdd?: ((_ev: Event) => any) | undefined;
+        onDelete?: ((_key: string | number, _ev: Event) => any) | undefined;
         onChange?: ((_key: string | number) => any) | undefined;
         "onUpdate:activeKey"?: ((_key: string | number) => any) | undefined;
         onTabClick?: ((_key: string | number, _ev: Event) => any) | undefined;
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
         type: import("./interface").TabsType;
-        trigger: import("./interface").TabTriggerEvent;
         position: import("./interface").TabsPosition;
-        direction: "horizontal" | "vertical";
         justify: boolean;
+        trigger: import("./interface").TabTriggerEvent;
+        direction: "horizontal" | "vertical";
         animation: boolean;
         activeKey: string | number;
         destroyOnHide: boolean;
@@ -271,8 +271,8 @@ declare const Tabs: {
         default: string;
     };
 }>> & Readonly<{
-    onDelete?: ((_key: string | number, _ev: Event) => any) | undefined;
     onAdd?: ((_ev: Event) => any) | undefined;
+    onDelete?: ((_key: string | number, _ev: Event) => any) | undefined;
     onChange?: ((_key: string | number) => any) | undefined;
     "onUpdate:activeKey"?: ((_key: string | number) => any) | undefined;
     onTabClick?: ((_key: string | number, _ev: Event) => any) | undefined;
@@ -284,10 +284,10 @@ declare const Tabs: {
     delete: (_key: string | number, _ev: Event) => true;
 }, string, {
     type: import("./interface").TabsType;
-    trigger: import("./interface").TabTriggerEvent;
     position: import("./interface").TabsPosition;
-    direction: "horizontal" | "vertical";
     justify: boolean;
+    trigger: import("./interface").TabTriggerEvent;
+    direction: "horizontal" | "vertical";
     animation: boolean;
     activeKey: string | number;
     destroyOnHide: boolean;

package/es/tabs/style/index.css

@@ -21,7 +21,7 @@
 }
 
 .sd-tabs .sd-tabs-icon-hover {
-  color: var(--color-text-2);
+  color: var(--sd-color-text-2);
   font-size: 12px;
   user-select: none;
 }
@@ -60,7 +60,7 @@
   margin-top: 10px;
 }
 .sd-tabs-nav-button-disabled {
-  color: var(--color-text-4);
+  color: var(--sd-color-text-4);
   cursor: not-allowed;
 }
 
@@ -80,7 +80,7 @@
   display: block;
   clear: both;
   height: 1px;
-  background-color: var(--color-neutral-3);
+  background-color: var(--sd-color-neutral-3);
   content: "";
 }
 .sd-tabs-nav-tab {
@@ -108,7 +108,7 @@
   align-items: center;
   box-sizing: border-box;
   padding: 4px 0;
-  color: var(--color-text-2);
+  color: var(--sd-color-text-2);
   font-size: 14px;
   line-height: 1.5715;
   outline: none;
@@ -119,19 +119,19 @@
   display: inline-block;
 }
 .sd-tabs-tab:hover {
-  color: var(--color-text-2);
+  color: var(--sd-color-text-2);
   font-weight: 400;
 }
 .sd-tabs-tab-disabled, .sd-tabs-tab-disabled:hover {
-  color: var(--color-text-4);
+  color: var(--sd-color-text-4);
   cursor: not-allowed;
 }
 .sd-tabs-tab-active, .sd-tabs-tab-active:hover {
-  color: rgb(var(--primary-6));
+  color: rgb(var(--sd-primary-6));
   font-weight: 500;
 }
 .sd-tabs-tab-active.sd-tabs-tab-disabled, .sd-tabs-tab-active:hover.sd-tabs-tab-disabled {
-  color: var(--color-primary-light-3);
+  color: var(--sd-color-primary-light-3);
 }
 .sd-tabs-nav-ink {
   position: absolute;
@@ -139,14 +139,14 @@
   right: initial;
   bottom: 0;
   height: 2px;
-  background-color: rgb(var(--primary-6));
+  background-color: rgb(var(--sd-primary-6));
   transition: left 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 .sd-tabs-nav-ink.sd-tabs-header-ink-no-animation {
   transition: none;
 }
 .sd-tabs-nav-ink-disabled {
-  background-color: var(--color-primary-light-3);
+  background-color: var(--sd-color-primary-light-3);
 }
 
 .sd-tabs-nav-type-line .sd-tabs-nav-extra {
@@ -167,13 +167,13 @@
   inset: 0 -8px;
   z-index: -1;
   background-color: transparent;
-  border-radius: var(--border-radius-small);
+  border-radius: var(--sd-border-radius-small);
   opacity: 1;
   transition: background-color 0.2s cubic-bezier(0, 0, 1, 1), opacity 0.2s cubic-bezier(0, 0, 1, 1);
   content: "";
 }
 .sd-tabs-nav-type-line .sd-tabs-tab:hover .sd-tabs-tab-title::before {
-  background-color: var(--color-fill-2);
+  background-color: var(--sd-color-fill-2);
 }
 .sd-tabs-nav-type-line .sd-tabs-tab-active .sd-tabs-tab-title::before, .sd-tabs-nav-type-line .sd-tabs-tab-active:hover .sd-tabs-tab-title::before {
   background-color: transparent;
@@ -182,7 +182,7 @@
   opacity: 0;
 }
 .sd-tabs-nav-type-line .sd-tabs-tab:focus-visible .sd-tabs-tab-title::before {
-  border: 2px solid rgb(var(--primary-6));
+  border: 2px solid rgb(var(--sd-primary-6));
 }
 .sd-tabs-nav-type-line.sd-tabs-nav-horizontal > .sd-tabs-tab:first-of-type {
   margin-left: 16px;
@@ -194,19 +194,19 @@
   position: relative;
   padding: 4px 16px;
   font-size: 14px;
-  border: 1px solid var(--color-neutral-3);
+  border: 1px solid var(--sd-color-neutral-3);
   transition: padding 0.2s cubic-bezier(0, 0, 1, 1), color 0.2s cubic-bezier(0, 0, 1, 1);
 }
 .sd-tabs-nav-type-card .sd-tabs-tab-closable, .sd-tabs-nav-type-card-gutter .sd-tabs-tab-closable {
   padding-right: 12px;
 }
 .sd-tabs-nav-type-card .sd-tabs-tab-closable:not(.sd-tabs-tab-active):hover .sd-icon-hover:hover::before, .sd-tabs-nav-type-card-gutter .sd-tabs-tab-closable:not(.sd-tabs-tab-active):hover .sd-icon-hover:hover::before {
-  background-color: var(--color-fill-4);
+  background-color: var(--sd-color-fill-4);
 }
 .sd-tabs-nav-type-card .sd-tabs-tab:focus-visible::before, .sd-tabs-nav-type-card-gutter .sd-tabs-tab:focus-visible::before {
   position: absolute;
   inset: -1px 0 -1px -1px;
-  border: 2px solid rgb(var(--primary-6));
+  border: 2px solid rgb(var(--sd-primary-6));
   content: "";
 }
 .sd-tabs-nav-type-card .sd-tabs-tab:last-child:focus-visible::before, .sd-tabs-nav-type-card-gutter .sd-tabs-tab:last-child:focus-visible::before {
@@ -220,37 +220,37 @@
   border-right: none;
 }
 .sd-tabs-nav-type-card .sd-tabs-tab:last-child {
-  border-right: 1px solid var(--color-neutral-3);
-  border-top-right-radius: var(--border-radius-small);
+  border-right: 1px solid var(--sd-color-neutral-3);
+  border-top-right-radius: var(--sd-border-radius-small);
 }
 .sd-tabs-nav-type-card .sd-tabs-tab:first-child {
-  border-top-left-radius: var(--border-radius-small);
+  border-top-left-radius: var(--sd-border-radius-small);
 }
 .sd-tabs-nav-type-card .sd-tabs-tab:hover {
-  background-color: var(--color-fill-3);
+  background-color: var(--sd-color-fill-3);
 }
 .sd-tabs-nav-type-card .sd-tabs-tab-disabled, .sd-tabs-nav-type-card .sd-tabs-tab-disabled:hover {
   background-color: transparent;
 }
 .sd-tabs-nav-type-card .sd-tabs-tab-active, .sd-tabs-nav-type-card .sd-tabs-tab-active:hover {
   background-color: transparent;
-  border-bottom-color: var(--color-bg-2);
+  border-bottom-color: var(--sd-color-bg-2);
 }
 .sd-tabs-nav-type-card-gutter .sd-tabs-tab {
   margin-left: 4px;
-  background-color: var(--color-fill-1);
-  border-right: 1px solid var(--color-neutral-3);
-  border-radius: var(--border-radius-small) var(--border-radius-small) 0 0;
+  background-color: var(--sd-color-fill-1);
+  border-right: 1px solid var(--sd-color-neutral-3);
+  border-radius: var(--sd-border-radius-small) var(--sd-border-radius-small) 0 0;
 }
 .sd-tabs-nav-type-card-gutter .sd-tabs-tab:hover {
-  background-color: var(--color-fill-3);
+  background-color: var(--sd-color-fill-3);
 }
 .sd-tabs-nav-type-card-gutter .sd-tabs-tab-disabled, .sd-tabs-nav-type-card-gutter .sd-tabs-tab-disabled:hover {
-  background-color: var(--color-fill-1);
+  background-color: var(--sd-color-fill-1);
 }
 .sd-tabs-nav-type-card-gutter .sd-tabs-tab-active, .sd-tabs-nav-type-card-gutter .sd-tabs-tab-active:hover {
   background-color: transparent;
-  border-bottom-color: var(--color-bg-2);
+  border-bottom-color: var(--sd-color-bg-2);
 }
 .sd-tabs-nav-type-card-gutter .sd-tabs-tab:first-child {
   margin-left: 0;
@@ -272,7 +272,7 @@
   display: block;
   width: 2px;
   height: 12px;
-  background-color: var(--color-fill-3);
+  background-color: var(--sd-color-fill-3);
   transform: translateY(-50%);
   content: "";
 }
@@ -282,7 +282,7 @@
   background-color: transparent;
 }
 .sd-tabs-nav-type-text .sd-tabs-tab-title:hover {
-  background-color: var(--color-fill-2);
+  background-color: var(--sd-color-fill-2);
 }
 .sd-tabs-nav-type-text .sd-tabs-tab-active .sd-tabs-tab-title,
 .sd-tabs-nav-type-text .sd-tabs-tab-active .sd-tabs-tab-title:hover {
@@ -294,11 +294,11 @@
 }
 .sd-tabs-nav-type-text .sd-tabs-tab-active.sd-tabs-nav-type-text .sd-tabs-tab-disabled .sd-tabs-tab-title,
 .sd-tabs-nav-type-text .sd-tabs-tab-active.sd-tabs-nav-type-text .sd-tabs-tab-disabled .sd-tabs-tab-title:hover {
-  background-color: var(--color-primary-light-3);
+  background-color: var(--sd-color-primary-light-3);
 }
 .sd-tabs-nav-type-text .sd-tabs-tab:focus-visible .sd-tabs-tab-title {
   margin: -2px;
-  border: 2px solid rgb(var(--primary-6));
+  border: 2px solid rgb(var(--sd-primary-6));
 }
 .sd-tabs-nav-type-rounded::before {
   display: none;
@@ -313,16 +313,16 @@
   border-radius: 32px;
 }
 .sd-tabs-nav-type-rounded .sd-tabs-tab:hover {
-  background-color: var(--color-fill-2);
+  background-color: var(--sd-color-fill-2);
 }
 .sd-tabs-nav-type-rounded .sd-tabs-tab-disabled:hover {
   background-color: transparent;
 }
 .sd-tabs-nav-type-rounded .sd-tabs-tab-active, .sd-tabs-nav-type-rounded .sd-tabs-tab-active:hover {
-  background-color: var(--color-fill-2);
+  background-color: var(--sd-color-fill-2);
 }
 .sd-tabs-nav-type-rounded .sd-tabs-tab:focus-visible {
-  border-color: rgb(var(--primary-6));
+  border-color: rgb(var(--sd-primary-6));
 }
 .sd-tabs-nav-type-capsule::before {
   display: none;
@@ -333,8 +333,8 @@
 .sd-tabs-nav-type-capsule .sd-tabs-nav-tab-list {
   padding: 3px 3px;
   line-height: 1;
-  background-color: var(--color-fill-2);
-  border-radius: var(--border-radius-small);
+  background-color: var(--sd-color-fill-2);
+  border-radius: var(--sd-border-radius-small);
 }
 .sd-tabs-nav-type-capsule .sd-tabs-tab {
   position: relative;
@@ -344,19 +344,19 @@
   background-color: transparent;
 }
 .sd-tabs-nav-type-capsule .sd-tabs-tab:hover {
-  background-color: var(--color-bg-2);
+  background-color: var(--sd-color-bg-2);
 }
 .sd-tabs-nav-type-capsule .sd-tabs-tab-disabled:hover {
   background-color: unset;
 }
 .sd-tabs-nav-type-capsule .sd-tabs-tab-active, .sd-tabs-nav-type-capsule .sd-tabs-tab-active:hover {
-  background-color: var(--color-bg-2);
+  background-color: var(--sd-color-bg-2);
 }
 .sd-tabs-nav-type-capsule .sd-tabs-tab-active::before, .sd-tabs-nav-type-capsule .sd-tabs-tab-active + .sd-tabs-tab::before, .sd-tabs-nav-type-capsule .sd-tabs-tab-active:hover::before, .sd-tabs-nav-type-capsule .sd-tabs-tab-active:hover + .sd-tabs-tab::before {
   opacity: 0;
 }
 .sd-tabs-nav-type-capsule .sd-tabs-tab:focus-visible {
-  border-color: rgb(var(--primary-6));
+  border-color: rgb(var(--sd-primary-6));
 }
 .sd-tabs-nav-type-capsule.sd-tabs-nav-horizontal .sd-tabs-tab:not(:first-of-type) {
   margin-left: 3px;
@@ -368,7 +368,7 @@
   display: block;
   width: 1px;
   height: 14px;
-  background-color: var(--color-fill-3);
+  background-color: var(--sd-color-fill-3);
   transform: translateY(-50%);
   transition: all 0.2s cubic-bezier(0, 0, 1, 1);
   content: "";
@@ -403,7 +403,7 @@
   height: auto;
 }
 .sd-tabs-type-card > .sd-tabs-content, .sd-tabs-type-card-gutter > .sd-tabs-content {
-  border: 1px solid var(--color-neutral-3);
+  border: 1px solid var(--sd-color-neutral-3);
   border-top: none;
 }
 .sd-tabs-content-animation {
@@ -654,28 +654,28 @@
 .sd-tabs-nav-vertical.sd-tabs-nav-type-card .sd-tabs-tab {
   position: relative;
   margin: 0;
-  border: 1px solid var(--color-neutral-3);
+  border: 1px solid var(--sd-color-neutral-3);
   border-bottom-color: transparent;
 }
 
 .sd-tabs-nav-vertical.sd-tabs-nav-type-card .sd-tabs-tab:first-child {
-  border-top-left-radius: var(--border-radius-small);
+  border-top-left-radius: var(--sd-border-radius-small);
 }
 
 .sd-tabs-nav-vertical.sd-tabs-nav-type-card .sd-tabs-tab-active, .sd-tabs-nav-vertical.sd-tabs-nav-type-card .sd-tabs-tab-active:hover {
-  border-right-color: var(--color-bg-2);
+  border-right-color: var(--sd-color-bg-2);
   border-bottom-color: transparent;
 }
 
 .sd-tabs-nav-vertical.sd-tabs-nav-type-card .sd-tabs-tab:last-child {
-  border-bottom: 1px solid var(--color-neutral-3);
-  border-bottom-left-radius: var(--border-radius-small);
+  border-bottom: 1px solid var(--sd-color-neutral-3);
+  border-bottom-left-radius: var(--sd-border-radius-small);
 }
 
 .sd-tabs-nav-vertical.sd-tabs-nav-type-card-gutter .sd-tabs-tab {
   position: relative;
   margin-left: 0;
-  border-radius: var(--border-radius-small) 0 0 var(--border-radius-small);
+  border-radius: var(--sd-border-radius-small) 0 0 var(--sd-border-radius-small);
 }
 
 .sd-tabs-nav-vertical.sd-tabs-nav-type-card-gutter .sd-tabs-tab:not(:first-of-type) {
@@ -683,8 +683,8 @@
 }
 
 .sd-tabs-nav-vertical.sd-tabs-nav-type-card-gutter .sd-tabs-tab-active, .sd-tabs-nav-vertical.sd-tabs-nav-type-card-gutter .sd-tabs-tab-active:hover {
-  border-right-color: var(--color-bg-2);
-  border-bottom-color: var(--color-neutral-3);
+  border-right-color: var(--sd-color-bg-2);
+  border-bottom-color: var(--sd-color-neutral-3);
 }
 
 .sd-tabs-vertical .sd-tabs-content {
@@ -702,7 +702,7 @@
 }
 
 .sd-tabs-vertical.sd-tabs-type-card > .sd-tabs-content, .sd-tabs-vertical.sd-tabs-type-card-gutter > .sd-tabs-content {
-  border: 1px solid var(--color-neutral-3);
+  border: 1px solid var(--sd-color-neutral-3);
   border-left: none;
 }
 
@@ -761,19 +761,19 @@
 }
 
 .sd-tabs-rtl .sd-tabs-nav-type-card .sd-tabs-header-title {
-  border-right: 1px solid var(--color-neutral-3);
+  border-right: 1px solid var(--sd-color-neutral-3);
   border-left: none;
 }
 
 .sd-tabs-rtl .sd-tabs-nav-type-card .sd-tabs-header-title:last-child {
-  border-left: 1px solid var(--color-neutral-3);
-  border-top-left-radius: var(--border-radius-small);
+  border-left: 1px solid var(--sd-color-neutral-3);
+  border-top-left-radius: var(--sd-border-radius-small);
   border-top-right-radius: 0;
 }
 
 .sd-tabs-rtl .sd-tabs-nav-type-card .sd-tabs-header-title:first-child {
   border-top-left-radius: 0;
-  border-top-right-radius: var(--border-radius-small);
+  border-top-right-radius: var(--sd-border-radius-small);
 }
 
 .sd-tabs-rtl .sd-tabs-nav-type-card-gutter .sd-tabs-header-title {
@@ -800,8 +800,8 @@
 }
 
 :where(body, [sd-theme])[sd-theme=dark] .sd-tabs-nav-type-capsule .sd-tabs-tab-active {
-  background-color: var(--color-fill-3);
+  background-color: var(--sd-color-fill-3);
 }
 :where(body, [sd-theme])[sd-theme=dark] .sd-tabs-nav-type-capsule .sd-tabs-tab:hover {
-  background-color: var(--color-fill-3);
+  background-color: var(--sd-color-fill-3);
 }

package/es/tabs/tab-pane.js

@@ -11,6 +11,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 		class: normalizeClass(`${_ctx.prefixCls}-pane`)
 	}, [renderSlot(_ctx.$slots, "default")], 2)) : createCommentVNode("", true)], 2);
 }
-var tab_pane_default = /* @__PURE__ */ _plugin_vue_export_helper_default(tab_pane_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+var tab_pane_default = /*#__PURE__*/ _plugin_vue_export_helper_default(tab_pane_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
 //#endregion
 export { tab_pane_default as default };

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

@@ -1,4 +1,4 @@
-import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/objectSpread2.js";
+import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { tabsInjectionKey } from "./context.js";
 import { computed, defineComponent, getCurrentInstance, inject, onBeforeUnmount, onUpdated, reactive, ref, toRefs, watch } from "vue";

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

@@ -8,6 +8,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 		style: normalizeStyle(_ctx.style)
 	}, null, 6);
 }
-var tabs_nav_ink_default = /* @__PURE__ */ _plugin_vue_export_helper_default(tabs_nav_ink_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+var tabs_nav_ink_default = /*#__PURE__*/ _plugin_vue_export_helper_default(tabs_nav_ink_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
 //#endregion
 export { tabs_nav_ink_default as default };

package/es/tabs/tabs-nav.d.ts

@@ -49,7 +49,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<ScrollPosition>;
         default: string;
     };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "delete" | "add")[], "click" | "delete" | "add", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("add" | "click" | "delete")[], "add" | "click" | "delete", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     tabs: {
         type: PropType<TabData[]>;
         required: true;

package/es/tabs/tabs-tab.js

@@ -17,6 +17,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 		_: 1
 	}, 8, ["class", "onClick"])) : createCommentVNode("", true)], 16);
 }
-var tabs_tab_default = /* @__PURE__ */ _plugin_vue_export_helper_default(tabs_tab_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+var tabs_tab_default = /*#__PURE__*/ _plugin_vue_export_helper_default(tabs_tab_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
 //#endregion
 export { tabs_tab_default as default };

package/es/tabs/tabs-tab.vue.d.ts

@@ -65,7 +65,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             default: boolean;
         };
     }>> & Readonly<{}>, {
-        size: "small" | "mini" | "medium" | "large";
+        size: "medium" | "large" | "small" | "mini";
         disabled: boolean;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     IconClose: {

package/es/tabs/tabs.d.ts

@@ -144,17 +144,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
     };
 }>> & Readonly<{
-    onDelete?: ((_key: string | number, _ev: Event) => any) | undefined;
     onAdd?: ((_ev: Event) => any) | undefined;
+    onDelete?: ((_key: string | number, _ev: Event) => any) | undefined;
     onChange?: ((_key: string | number) => any) | undefined;
     "onUpdate:activeKey"?: ((_key: string | number) => any) | undefined;
     onTabClick?: ((_key: string | number, _ev: Event) => any) | undefined;
 }>, {
     type: TabsType;
-    trigger: TabTriggerEvent;
     position: TabsPosition;
-    direction: "horizontal" | "vertical";
     justify: boolean;
+    trigger: TabTriggerEvent;
+    direction: "horizontal" | "vertical";
     animation: boolean;
     activeKey: string | number;
     destroyOnHide: boolean;