naive-ui 2.18.1 → 2.19.2

package/lib/select/styles/light.d.ts

@@ -6,6 +6,14 @@ declare const selectLight: import("../../_mixins").Theme<"Select", {
     menuBoxShadow: string;
 }, {
     InternalSelection: import("../../_mixins").Theme<"InternalSelection", {
+        fontSizeTiny: string;
+        fontSizeSmall: string;
+        fontSizeMedium: string;
+        fontSizeLarge: string;
+        heightTiny: string;
+        heightSmall: string;
+        heightMedium: string;
+        heightLarge: string;
         borderRadius: string;
         textColor: string;
         textColorDisabled: string;
@@ -46,16 +54,9 @@ declare const selectLight: import("../../_mixins").Theme<"Select", {
         clearColor: string;
         clearColorHover: string;
         clearColorPressed: string;
-        heightTiny: string;
-        heightSmall: string;
-        heightMedium: string;
-        heightLarge: string;
-        fontSizeTiny: string;
-        fontSizeSmall: string;
-        fontSizeMedium: string;
-        fontSizeLarge: string;
         paddingSingle: string;
         clearSize: string;
+        arrowSize: string;
     }, {
         Popover: import("../../_mixins").Theme<"Popover", {
             fontSize: string;
@@ -92,6 +93,7 @@ declare const selectLight: import("../../_mixins").Theme<"Select", {
         optionOpacityDisabled: string;
         optionCheckColor: string;
         optionColorPending: string;
+        optionColorActive: string;
         actionTextColor: string;
         loadingColor: string;
         height: string;

package/lib/spin/src/Spin.d.ts

@@ -1,10 +1,8 @@
 import { PropType } from 'vue';
 import { ExtractPublicPropTypes } from '../../_utils';
 declare const spinProps: {
-    stroke: {
-        type: StringConstructor;
-        default: undefined;
-    };
+    description: StringConstructor;
+    stroke: StringConstructor;
     size: {
         type: PropType<number | "small" | "medium" | "large">;
         default: string;
@@ -13,20 +11,19 @@ declare const spinProps: {
         type: BooleanConstructor;
         default: boolean;
     };
-    strokeWidth: {
-        type: NumberConstructor;
-        default: undefined;
+    strokeWidth: NumberConstructor;
+    rotate: {
+        type: BooleanConstructor;
+        default: boolean;
     };
     spinning: {
         type: BooleanConstructor;
         validator: () => boolean;
         default: undefined;
     };
-    rotate: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     theme: PropType<import("../../_mixins").Theme<"Spin", {
+        fontSize: string;
+        textColor: string;
         sizeTiny: string;
         sizeSmall: string;
         sizeMedium: string;
@@ -36,6 +33,8 @@ declare const spinProps: {
         opacitySpinning: string;
     }, any>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Spin", {
+        fontSize: string;
+        textColor: string;
         sizeTiny: string;
         sizeSmall: string;
         sizeMedium: string;
@@ -45,6 +44,8 @@ declare const spinProps: {
         opacitySpinning: string;
     }, any>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Spin", {
+        fontSize: string;
+        textColor: string;
         sizeTiny: string;
         sizeSmall: string;
         sizeMedium: string;
@@ -56,10 +57,8 @@ declare const spinProps: {
 };
 export declare type SpinProps = ExtractPublicPropTypes<typeof spinProps>;
 declare const _default: import("vue").DefineComponent<{
-    stroke: {
-        type: StringConstructor;
-        default: undefined;
-    };
+    description: StringConstructor;
+    stroke: StringConstructor;
     size: {
         type: PropType<number | "small" | "medium" | "large">;
         default: string;
@@ -68,20 +67,19 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    strokeWidth: {
-        type: NumberConstructor;
-        default: undefined;
+    strokeWidth: NumberConstructor;
+    rotate: {
+        type: BooleanConstructor;
+        default: boolean;
     };
     spinning: {
         type: BooleanConstructor;
         validator: () => boolean;
         default: undefined;
     };
-    rotate: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     theme: PropType<import("../../_mixins").Theme<"Spin", {
+        fontSize: string;
+        textColor: string;
         sizeTiny: string;
         sizeSmall: string;
         sizeMedium: string;
@@ -91,6 +89,8 @@ declare const _default: import("vue").DefineComponent<{
         opacitySpinning: string;
     }, any>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Spin", {
+        fontSize: string;
+        textColor: string;
         sizeTiny: string;
         sizeSmall: string;
         sizeMedium: string;
@@ -100,6 +100,8 @@ declare const _default: import("vue").DefineComponent<{
         opacitySpinning: string;
     }, any>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Spin", {
+        fontSize: string;
+        textColor: string;
         sizeTiny: string;
         sizeSmall: string;
         sizeMedium: string;
@@ -117,14 +119,16 @@ declare const _default: import("vue").DefineComponent<{
         '--opacity-spinning': string;
         '--size': string;
         '--color': string;
+        '--text-color': string;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    description?: unknown;
     stroke?: unknown;
     size?: unknown;
     show?: unknown;
     strokeWidth?: unknown;
-    spinning?: unknown;
     rotate?: unknown;
+    spinning?: unknown;
     theme?: unknown;
     themeOverrides?: unknown;
     builtinThemeOverrides?: unknown;
@@ -133,9 +137,12 @@ declare const _default: import("vue").DefineComponent<{
     show: boolean;
     rotate: boolean;
 } & {
+    description?: string | undefined;
     stroke?: string | undefined;
     strokeWidth?: number | undefined;
     theme?: import("../../_mixins").Theme<"Spin", {
+        fontSize: string;
+        textColor: string;
         sizeTiny: string;
         sizeSmall: string;
         sizeMedium: string;
@@ -145,6 +152,8 @@ declare const _default: import("vue").DefineComponent<{
         opacitySpinning: string;
     }, any> | undefined;
     themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Spin", {
+        fontSize: string;
+        textColor: string;
         sizeTiny: string;
         sizeSmall: string;
         sizeMedium: string;
@@ -154,6 +163,8 @@ declare const _default: import("vue").DefineComponent<{
         opacitySpinning: string;
     }, any>> | undefined;
     builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Spin", {
+        fontSize: string;
+        textColor: string;
         sizeTiny: string;
         sizeSmall: string;
         sizeMedium: string;
@@ -166,9 +177,7 @@ declare const _default: import("vue").DefineComponent<{
 }>, {
     size: number | "small" | "medium" | "large";
     show: boolean;
-    stroke: string;
     rotate: boolean;
-    strokeWidth: number;
     spinning: boolean;
 }>;
 export default _default;

package/lib/spin/src/Spin.js

@@ -13,33 +13,33 @@ const STROKE_WIDTH = {
     medium: 18,
     large: 16
 };
-const spinProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { stroke: {
-        type: String,
-        default: undefined
-    }, size: {
+const spinProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { description: String, stroke: String, size: {
         type: [String, Number],
         default: 'medium'
     }, show: {
         type: Boolean,
         default: true
-    }, strokeWidth: {
-        type: Number,
-        default: undefined
+    }, strokeWidth: Number, rotate: {
+        type: Boolean,
+        default: true
     }, spinning: {
         type: Boolean,
         validator: () => {
-            (0, _utils_1.warn)('spin', '`spinning` is deprecated, please use `show` instead.');
             return true;
         },
         default: undefined
-    }, rotate: {
-        type: Boolean,
-        default: true
     } });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Spin',
     props: spinProps,
     setup(props) {
+        if (process.env.NODE_ENV !== 'production') {
+            (0, vue_1.watchEffect)(() => {
+                if (props.spinning !== undefined) {
+                    (0, _utils_1.warnOnce)('spin', '`spinning` is deprecated, please use `show` instead.');
+                }
+            });
+        }
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Spin', 'Spin', index_cssr_1.default, styles_1.spinLight, props, mergedClsPrefixRef);
         return {
@@ -55,7 +55,7 @@ exports.default = (0, vue_1.defineComponent)({
             cssVars: (0, vue_1.computed)(() => {
                 const { size: spinSize } = props;
                 const { common: { cubicBezierEaseInOut }, self } = themeRef.value;
-                const { opacitySpinning, color } = self;
+                const { opacitySpinning, color, textColor } = self;
                 const size = typeof spinSize === 'number'
                     ? (0, seemly_1.pxfy)(spinSize)
                     : self[(0, _utils_1.createKey)('size', spinSize)];
@@ -63,18 +63,25 @@ exports.default = (0, vue_1.defineComponent)({
                     '--bezier': cubicBezierEaseInOut,
                     '--opacity-spinning': opacitySpinning,
                     '--size': size,
-                    '--color': color
+                    '--color': color,
+                    '--text-color': textColor
                 };
             })
         };
     },
     render() {
-        const { $slots, mergedClsPrefix } = this;
+        var _a;
+        const { $slots, mergedClsPrefix, description } = this;
         const rotate = $slots.icon && this.rotate;
-        const icon = $slots.icon ? ((0, vue_1.h)("div", { class: [
-                `${mergedClsPrefix}-spin`,
-                rotate && `${mergedClsPrefix}-spin--rotate`
-            ], style: $slots.default ? '' : this.cssVars }, $slots.icon())) : ((0, vue_1.h)(_internal_1.NBaseLoading, { clsPrefix: mergedClsPrefix, style: $slots.default ? '' : this.cssVars, stroke: this.stroke, "stroke-width": this.mergedStrokeWidth, class: `${mergedClsPrefix}-spin` }));
+        const descriptionNode = (description || $slots.description) && ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-spin-description` }, description || ((_a = $slots.description) === null || _a === void 0 ? void 0 : _a.call($slots))));
+        const icon = $slots.icon ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-spin-body` },
+            (0, vue_1.h)("div", { class: [
+                    `${mergedClsPrefix}-spin`,
+                    rotate && `${mergedClsPrefix}-spin--rotate`
+                ], style: $slots.default ? '' : this.cssVars }, $slots.icon()),
+            descriptionNode)) : ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-spin-body` },
+            (0, vue_1.h)(_internal_1.NBaseLoading, { clsPrefix: mergedClsPrefix, style: $slots.default ? '' : this.cssVars, stroke: this.stroke, "stroke-width": this.mergedStrokeWidth, class: `${mergedClsPrefix}-spin` }),
+            descriptionNode));
         return $slots.default ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-spin-container`, style: this.cssVars },
             (0, vue_1.h)("div", { class: [
                     `${mergedClsPrefix}-spin-content`,

package/lib/spin/src/styles/index.cssr.js

@@ -11,6 +11,8 @@ const fade_in_cssr_1 = require("../../../_styles/transitions/fade-in.cssr"); //
 // --opacity-spinning
 // --size
 // --color
+// --text-color
+// --font-size
 
 
 exports.default = (0, cssr_1.c)([(0, cssr_1.c)('@keyframes spin-rotate', `
@@ -22,19 +24,17 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.c)('@keyframes spin-rotate', `
  }
  `), (0, cssr_1.cB)('spin-container', {
   position: 'relative'
-}, [(0, cssr_1.cB)('spin', `
+}, [(0, cssr_1.cB)('spin-body', `
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
- `, [(0, fade_in_cssr_1.default)()]), (0, cssr_1.cB)('spin-content', `
- opacity: 1;
- transition: opacity .3s var(--bezier);
- pointer-events: all;
- `, [(0, cssr_1.cM)('spinning', {
-  pointerEvents: 'none',
-  opacity: 'var(--opacity-spinning)'
-})])]), (0, cssr_1.cB)('spin', `
+ `, [(0, fade_in_cssr_1.default)()])]), (0, cssr_1.cB)('spin-body', `
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ flex-direction: column;
+ `), (0, cssr_1.cB)('spin', `
  display: inline-flex;
  height: var(--size);
  width: var(--size);
@@ -42,4 +42,18 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.c)('@keyframes spin-rotate', `
  color: var(--color);
  `, [(0, cssr_1.cM)('rotate', `
  animation: spin-rotate 2s linear infinite;
+ `)]), (0, cssr_1.cB)('spin-description', `
+ display: inline-block;
+ font-size: var(--font-size);
+ color: var(--text-color);
+ transition: color .3s var(--bezier);
+ margin-top: 8px;
+ `), (0, cssr_1.cB)('spin-content', `
+ opacity: 1;
+ transition: opacity .3s var(--bezier);
+ pointer-events: all;
+ `, [(0, cssr_1.cM)('spinning', `
+ user-select: none;
+ pointer-events: none;
+ opacity: var(--opacity-spinning);
  `)])]);

package/lib/spin/styles/light.d.ts

@@ -1,6 +1,8 @@
 import { Theme } from '../../_mixins';
 import type { ThemeCommonVars } from '../../_styles/common';
 export declare const self: (vars: ThemeCommonVars) => {
+    fontSize: string;
+    textColor: string;
     sizeTiny: string;
     sizeSmall: string;
     sizeMedium: string;

package/lib/spin/styles/light.js

@@ -3,8 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.self = void 0;
 const common_1 = require("../../_styles/common");
 const self = (vars) => {
-    const { opacityDisabled, heightTiny, heightSmall, heightMedium, heightLarge, heightHuge, primaryColor } = vars;
+    const { opacityDisabled, heightTiny, heightSmall, heightMedium, heightLarge, heightHuge, primaryColor, fontSize } = vars;
     return {
+        fontSize,
+        textColor: primaryColor,
         sizeTiny: heightTiny,
         sizeSmall: heightSmall,
         sizeMedium: heightMedium,

package/lib/styles.d.ts

@@ -38,6 +38,7 @@ export { messageDark } from './message/styles';
 export { modalDark } from './modal/styles';
 export { notificationDark } from './notification/styles';
 export { paginationDark } from './pagination/styles';
+export { pageHeaderRtl as unstablePageHeaderRtl } from './page-header/styles';
 export { popconfirmDark } from './popconfirm/styles';
 export { popoverDark } from './popover/styles';
 export { popselectDark } from './popselect/styles';

package/lib/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.resultDark = exports.rateDark = exports.radioDark = exports.progressDark = exports.popselectDark = exports.popoverDark = exports.popconfirmDark = exports.paginationDark = exports.notificationDark = exports.modalDark = exports.messageDark = exports.menuDark = exports.mentionDark = exports.logDark = exports.loadingBarDark = exports.listDark = exports.layoutDark = exports.inputNumberDark = exports.inputDark = exports.iconDark = exports.gradientTextDark = exports.formDark = exports.emptyDark = exports.elementDark = exports.dynamicTagsDark = exports.dynamicInputDark = exports.dropdownDark = exports.drawerDark = exports.dividerDark = exports.dialogDark = exports.descriptionsDark = exports.datePickerDark = exports.dataTableDark = exports.collapseDark = exports.codeDark = exports.checkboxDark = exports.cascaderDark = exports.unstableCardRtl = exports.cardDark = exports.unstableButtonRtl = exports.buttonDark = exports.breadcrumbDark = exports.badgeDark = exports.backTopDark = exports.avatarDark = exports.autoCompleteDark = exports.anchorDark = exports.alertDark = exports.commonLight = exports.commonDark = void 0;
-exports.internalSelectionDark = exports.internalSelectMenuDark = exports.uploadDark = exports.typographyDark = exports.treeSelectDark = exports.treeDark = exports.transferDark = exports.tooltipDark = exports.timelineDark = exports.timePickerDark = exports.thingDark = exports.unstableTagRtl = exports.tagDark = exports.tabsDark = exports.tableDark = exports.switchDark = exports.stepsDark = exports.statisticDark = exports.spinDark = exports.spaceDark = exports.sliderDark = exports.selectDark = exports.scrollbarDark = void 0;
+exports.rateDark = exports.radioDark = exports.progressDark = exports.popselectDark = exports.popoverDark = exports.popconfirmDark = exports.unstablePageHeaderRtl = exports.paginationDark = exports.notificationDark = exports.modalDark = exports.messageDark = exports.menuDark = exports.mentionDark = exports.logDark = exports.loadingBarDark = exports.listDark = exports.layoutDark = exports.inputNumberDark = exports.inputDark = exports.iconDark = exports.gradientTextDark = exports.formDark = exports.emptyDark = exports.elementDark = exports.dynamicTagsDark = exports.dynamicInputDark = exports.dropdownDark = exports.drawerDark = exports.dividerDark = exports.dialogDark = exports.descriptionsDark = exports.datePickerDark = exports.dataTableDark = exports.collapseDark = exports.codeDark = exports.checkboxDark = exports.cascaderDark = exports.unstableCardRtl = exports.cardDark = exports.unstableButtonRtl = exports.buttonDark = exports.breadcrumbDark = exports.badgeDark = exports.backTopDark = exports.avatarDark = exports.autoCompleteDark = exports.anchorDark = exports.alertDark = exports.commonLight = exports.commonDark = void 0;
+exports.internalSelectionDark = exports.internalSelectMenuDark = exports.uploadDark = exports.typographyDark = exports.treeSelectDark = exports.treeDark = exports.transferDark = exports.tooltipDark = exports.timelineDark = exports.timePickerDark = exports.thingDark = exports.unstableTagRtl = exports.tagDark = exports.tabsDark = exports.tableDark = exports.switchDark = exports.stepsDark = exports.statisticDark = exports.spinDark = exports.spaceDark = exports.sliderDark = exports.selectDark = exports.scrollbarDark = exports.resultDark = void 0;
 var common_1 = require("./_styles/common");
 Object.defineProperty(exports, "commonDark", { enumerable: true, get: function () { return common_1.commonDark; } });
 Object.defineProperty(exports, "commonLight", { enumerable: true, get: function () { return common_1.commonLight; } });
@@ -85,63 +85,65 @@ var styles_38 = require("./notification/styles");
 Object.defineProperty(exports, "notificationDark", { enumerable: true, get: function () { return styles_38.notificationDark; } });
 var styles_39 = require("./pagination/styles");
 Object.defineProperty(exports, "paginationDark", { enumerable: true, get: function () { return styles_39.paginationDark; } });
-var styles_40 = require("./popconfirm/styles");
-Object.defineProperty(exports, "popconfirmDark", { enumerable: true, get: function () { return styles_40.popconfirmDark; } });
-var styles_41 = require("./popover/styles");
-Object.defineProperty(exports, "popoverDark", { enumerable: true, get: function () { return styles_41.popoverDark; } });
-var styles_42 = require("./popselect/styles");
-Object.defineProperty(exports, "popselectDark", { enumerable: true, get: function () { return styles_42.popselectDark; } });
-var styles_43 = require("./progress/styles");
-Object.defineProperty(exports, "progressDark", { enumerable: true, get: function () { return styles_43.progressDark; } });
-var styles_44 = require("./radio/styles");
-Object.defineProperty(exports, "radioDark", { enumerable: true, get: function () { return styles_44.radioDark; } });
-var styles_45 = require("./rate/styles");
-Object.defineProperty(exports, "rateDark", { enumerable: true, get: function () { return styles_45.rateDark; } });
-var styles_46 = require("./result/styles");
-Object.defineProperty(exports, "resultDark", { enumerable: true, get: function () { return styles_46.resultDark; } });
-var styles_47 = require("./scrollbar/styles");
-Object.defineProperty(exports, "scrollbarDark", { enumerable: true, get: function () { return styles_47.scrollbarDark; } });
-var styles_48 = require("./select/styles");
-Object.defineProperty(exports, "selectDark", { enumerable: true, get: function () { return styles_48.selectDark; } });
-var styles_49 = require("./slider/styles");
-Object.defineProperty(exports, "sliderDark", { enumerable: true, get: function () { return styles_49.sliderDark; } });
-var styles_50 = require("./space/styles");
-Object.defineProperty(exports, "spaceDark", { enumerable: true, get: function () { return styles_50.spaceDark; } });
-var styles_51 = require("./spin/styles");
-Object.defineProperty(exports, "spinDark", { enumerable: true, get: function () { return styles_51.spinDark; } });
-var styles_52 = require("./statistic/styles");
-Object.defineProperty(exports, "statisticDark", { enumerable: true, get: function () { return styles_52.statisticDark; } });
-var styles_53 = require("./steps/styles");
-Object.defineProperty(exports, "stepsDark", { enumerable: true, get: function () { return styles_53.stepsDark; } });
-var styles_54 = require("./switch/styles");
-Object.defineProperty(exports, "switchDark", { enumerable: true, get: function () { return styles_54.switchDark; } });
-var styles_55 = require("./table/styles");
-Object.defineProperty(exports, "tableDark", { enumerable: true, get: function () { return styles_55.tableDark; } });
-var styles_56 = require("./tabs/styles");
-Object.defineProperty(exports, "tabsDark", { enumerable: true, get: function () { return styles_56.tabsDark; } });
-var styles_57 = require("./tag/styles");
-Object.defineProperty(exports, "tagDark", { enumerable: true, get: function () { return styles_57.tagDark; } });
-Object.defineProperty(exports, "unstableTagRtl", { enumerable: true, get: function () { return styles_57.tagRtl; } });
-var styles_58 = require("./thing/styles");
-Object.defineProperty(exports, "thingDark", { enumerable: true, get: function () { return styles_58.thingDark; } });
-var styles_59 = require("./time-picker/styles");
-Object.defineProperty(exports, "timePickerDark", { enumerable: true, get: function () { return styles_59.timePickerDark; } });
-var styles_60 = require("./timeline/styles");
-Object.defineProperty(exports, "timelineDark", { enumerable: true, get: function () { return styles_60.timelineDark; } });
-var styles_61 = require("./tooltip/styles");
-Object.defineProperty(exports, "tooltipDark", { enumerable: true, get: function () { return styles_61.tooltipDark; } });
-var styles_62 = require("./transfer/styles");
-Object.defineProperty(exports, "transferDark", { enumerable: true, get: function () { return styles_62.transferDark; } });
-var styles_63 = require("./tree/styles");
-Object.defineProperty(exports, "treeDark", { enumerable: true, get: function () { return styles_63.treeDark; } });
-var styles_64 = require("./tree-select/styles");
-Object.defineProperty(exports, "treeSelectDark", { enumerable: true, get: function () { return styles_64.treeSelectDark; } });
-var styles_65 = require("./typography/styles");
-Object.defineProperty(exports, "typographyDark", { enumerable: true, get: function () { return styles_65.typographyDark; } });
-var styles_66 = require("./upload/styles");
-Object.defineProperty(exports, "uploadDark", { enumerable: true, get: function () { return styles_66.uploadDark; } });
+var styles_40 = require("./page-header/styles");
+Object.defineProperty(exports, "unstablePageHeaderRtl", { enumerable: true, get: function () { return styles_40.pageHeaderRtl; } });
+var styles_41 = require("./popconfirm/styles");
+Object.defineProperty(exports, "popconfirmDark", { enumerable: true, get: function () { return styles_41.popconfirmDark; } });
+var styles_42 = require("./popover/styles");
+Object.defineProperty(exports, "popoverDark", { enumerable: true, get: function () { return styles_42.popoverDark; } });
+var styles_43 = require("./popselect/styles");
+Object.defineProperty(exports, "popselectDark", { enumerable: true, get: function () { return styles_43.popselectDark; } });
+var styles_44 = require("./progress/styles");
+Object.defineProperty(exports, "progressDark", { enumerable: true, get: function () { return styles_44.progressDark; } });
+var styles_45 = require("./radio/styles");
+Object.defineProperty(exports, "radioDark", { enumerable: true, get: function () { return styles_45.radioDark; } });
+var styles_46 = require("./rate/styles");
+Object.defineProperty(exports, "rateDark", { enumerable: true, get: function () { return styles_46.rateDark; } });
+var styles_47 = require("./result/styles");
+Object.defineProperty(exports, "resultDark", { enumerable: true, get: function () { return styles_47.resultDark; } });
+var styles_48 = require("./scrollbar/styles");
+Object.defineProperty(exports, "scrollbarDark", { enumerable: true, get: function () { return styles_48.scrollbarDark; } });
+var styles_49 = require("./select/styles");
+Object.defineProperty(exports, "selectDark", { enumerable: true, get: function () { return styles_49.selectDark; } });
+var styles_50 = require("./slider/styles");
+Object.defineProperty(exports, "sliderDark", { enumerable: true, get: function () { return styles_50.sliderDark; } });
+var styles_51 = require("./space/styles");
+Object.defineProperty(exports, "spaceDark", { enumerable: true, get: function () { return styles_51.spaceDark; } });
+var styles_52 = require("./spin/styles");
+Object.defineProperty(exports, "spinDark", { enumerable: true, get: function () { return styles_52.spinDark; } });
+var styles_53 = require("./statistic/styles");
+Object.defineProperty(exports, "statisticDark", { enumerable: true, get: function () { return styles_53.statisticDark; } });
+var styles_54 = require("./steps/styles");
+Object.defineProperty(exports, "stepsDark", { enumerable: true, get: function () { return styles_54.stepsDark; } });
+var styles_55 = require("./switch/styles");
+Object.defineProperty(exports, "switchDark", { enumerable: true, get: function () { return styles_55.switchDark; } });
+var styles_56 = require("./table/styles");
+Object.defineProperty(exports, "tableDark", { enumerable: true, get: function () { return styles_56.tableDark; } });
+var styles_57 = require("./tabs/styles");
+Object.defineProperty(exports, "tabsDark", { enumerable: true, get: function () { return styles_57.tabsDark; } });
+var styles_58 = require("./tag/styles");
+Object.defineProperty(exports, "tagDark", { enumerable: true, get: function () { return styles_58.tagDark; } });
+Object.defineProperty(exports, "unstableTagRtl", { enumerable: true, get: function () { return styles_58.tagRtl; } });
+var styles_59 = require("./thing/styles");
+Object.defineProperty(exports, "thingDark", { enumerable: true, get: function () { return styles_59.thingDark; } });
+var styles_60 = require("./time-picker/styles");
+Object.defineProperty(exports, "timePickerDark", { enumerable: true, get: function () { return styles_60.timePickerDark; } });
+var styles_61 = require("./timeline/styles");
+Object.defineProperty(exports, "timelineDark", { enumerable: true, get: function () { return styles_61.timelineDark; } });
+var styles_62 = require("./tooltip/styles");
+Object.defineProperty(exports, "tooltipDark", { enumerable: true, get: function () { return styles_62.tooltipDark; } });
+var styles_63 = require("./transfer/styles");
+Object.defineProperty(exports, "transferDark", { enumerable: true, get: function () { return styles_63.transferDark; } });
+var styles_64 = require("./tree/styles");
+Object.defineProperty(exports, "treeDark", { enumerable: true, get: function () { return styles_64.treeDark; } });
+var styles_65 = require("./tree-select/styles");
+Object.defineProperty(exports, "treeSelectDark", { enumerable: true, get: function () { return styles_65.treeSelectDark; } });
+var styles_66 = require("./typography/styles");
+Object.defineProperty(exports, "typographyDark", { enumerable: true, get: function () { return styles_66.typographyDark; } });
+var styles_67 = require("./upload/styles");
+Object.defineProperty(exports, "uploadDark", { enumerable: true, get: function () { return styles_67.uploadDark; } });
 // danger zone, internal styles
-var styles_67 = require("./_internal/select-menu/styles");
-Object.defineProperty(exports, "internalSelectMenuDark", { enumerable: true, get: function () { return styles_67.internalSelectMenuDark; } });
-var styles_68 = require("./_internal/selection/styles");
-Object.defineProperty(exports, "internalSelectionDark", { enumerable: true, get: function () { return styles_68.internalSelectionDark; } });
+var styles_68 = require("./_internal/select-menu/styles");
+Object.defineProperty(exports, "internalSelectMenuDark", { enumerable: true, get: function () { return styles_68.internalSelectMenuDark; } });
+var styles_69 = require("./_internal/selection/styles");
+Object.defineProperty(exports, "internalSelectionDark", { enumerable: true, get: function () { return styles_69.internalSelectionDark; } });

package/lib/tabs/src/Tab.d.ts

@@ -30,7 +30,7 @@ declare const _default: import("vue").DefineComponent<{
     style: import("vue").Ref<string | import("vue").CSSProperties | undefined>;
     clsPrefix: import("vue").Ref<string>;
     value: import("vue").Ref<string | number | null>;
-    type: import("vue").Ref<"bar" | "line" | "card">;
+    type: import("vue").Ref<import("./interface").TabsType>;
     handleClose(e: MouseEvent): void;
     handleClick(): void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{

package/lib/tabs/src/Tab.js

@@ -53,12 +53,10 @@ exports.default = (0, vue_1.defineComponent)({
             this.leftPadded ? ((0, vue_1.h)("div", { class: `${clsPrefix}-tabs-tab-pad` })) : null,
             (0, vue_1.h)("div", { key: name, "data-name": name, "data-disabled": disabled ? true : undefined, class: [
                     `${clsPrefix}-tabs-tab`,
-                    {
-                        [`${clsPrefix}-tabs-tab--active`]: value === name,
-                        [`${clsPrefix}-tabs-tab--disabled`]: disabled,
-                        [`${clsPrefix}-tabs-tab--closable`]: mergedClosable,
-                        [`${clsPrefix}-tabs-tab--addable`]: addable
-                    }
+                    value === name && `${clsPrefix}-tabs-tab--active`,
+                    disabled && `${clsPrefix}-tabs-tab--disabled`,
+                    mergedClosable && `${clsPrefix}-tabs-tab--closable`,
+                    addable && `${clsPrefix}-tabs-tab--addable`
                 ], onClick: this.handleClick, style: addable ? undefined : style },
                 (0, vue_1.h)("span", { class: `${clsPrefix}-tabs-tab__label` }, addable ? ((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: clsPrefix }, {
                     default: () => (0, vue_1.h)(icons_1.AddIcon, null)