@sdata/web-vue 1.19.0 → 2.1.1

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

@@ -52,7 +52,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         };
     }>, {
         prefixCls: string;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         prefix: {
             type: StringConstructor;
         };
@@ -64,8 +64,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             type: BooleanConstructor;
             default: boolean;
         };
-    }>> & Readonly<{}>, {
-        size: "small" | "mini" | "medium" | "large";
+    }>> & Readonly<{
+        onClick?: ((...args: any[]) => any) | undefined;
+    }>, {
+        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;