naive-ui 2.43.2 → 2.44.1

package/lib/space/index.d.ts

@@ -1,2 +1,3 @@
+export type * from './src/public-types';
 export { default as NSpace, spaceProps } from './src/Space';
 export type { SpaceProps } from './src/Space';

package/lib/space/src/Space.d.ts

@@ -1,5 +1,6 @@
 import type { CSSProperties, PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
+import type { SpaceSize } from './public-types';
 type Align = 'stretch' | 'baseline' | 'start' | 'end' | 'center' | 'flex-end' | 'flex-start';
 export type Justify = 'start' | 'end' | 'center' | 'space-around' | 'space-between' | 'space-evenly';
 export declare const spaceProps: {
@@ -11,10 +12,7 @@ export declare const spaceProps: {
     readonly inline: BooleanConstructor;
     readonly vertical: BooleanConstructor;
     readonly reverse: BooleanConstructor;
-    readonly size: {
-        readonly type: PropType<"small" | "medium" | "large" | number | [number, number]>;
-        readonly default: "medium";
-    };
+    readonly size: PropType<SpaceSize>;
     readonly wrapItem: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -55,10 +53,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly inline: BooleanConstructor;
     readonly vertical: BooleanConstructor;
     readonly reverse: BooleanConstructor;
-    readonly size: {
-        readonly type: PropType<"small" | "medium" | "large" | number | [number, number]>;
-        readonly default: "medium";
-    };
+    readonly size: PropType<SpaceSize>;
     readonly wrapItem: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -105,10 +100,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly inline: BooleanConstructor;
     readonly vertical: BooleanConstructor;
     readonly reverse: BooleanConstructor;
-    readonly size: {
-        readonly type: PropType<"small" | "medium" | "large" | number | [number, number]>;
-        readonly default: "medium";
-    };
+    readonly size: PropType<SpaceSize>;
     readonly wrapItem: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -140,7 +132,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, any>>>;
 }>> & Readonly<{}>, {
     readonly reverse: boolean;
-    readonly size: number | "small" | "medium" | "large" | [number, number];
     readonly vertical: boolean;
     readonly inline: boolean;
     readonly justify: Justify;

package/lib/space/src/Space.js

@@ -11,10 +11,7 @@ const utils_1 = require("./utils");
 exports.spaceProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { align: String, justify: {
         type: String,
         default: 'start'
-    }, inline: Boolean, vertical: Boolean, reverse: Boolean, size: {
-        type: [String, Number, Array],
-        default: 'medium'
-    }, wrapItem: {
+    }, inline: Boolean, vertical: Boolean, reverse: Boolean, size: [String, Number, Array], wrapItem: {
         type: Boolean,
         default: true
     }, itemClass: String, itemStyle: [String, Object], wrap: {
@@ -30,7 +27,11 @@ exports.default = (0, vue_1.defineComponent)({
     name: 'Space',
     props: exports.spaceProps,
     setup(props) {
-        const { mergedClsPrefixRef, mergedRtlRef } = (0, _mixins_1.useConfig)(props);
+        const { mergedClsPrefixRef, mergedRtlRef, mergedComponentPropsRef } = (0, _mixins_1.useConfig)(props);
+        const mergedSizeRef = (0, vue_1.computed)(() => {
+            var _a, _b;
+            return (props.size || ((_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.Space) === null || _b === void 0 ? void 0 : _b.size) || 'medium');
+        });
         const themeRef = (0, _mixins_1.useTheme)('Space', '-space', undefined, styles_1.spaceLight, props, mergedClsPrefixRef);
         const rtlEnabledRef = (0, use_rtl_1.useRtl)('Space', mergedRtlRef, mergedClsPrefixRef);
         return {
@@ -38,7 +39,7 @@ exports.default = (0, vue_1.defineComponent)({
             rtlEnabled: rtlEnabledRef,
             mergedClsPrefix: mergedClsPrefixRef,
             margin: (0, vue_1.computed)(() => {
-                const { size } = props;
+                const size = mergedSizeRef.value;
                 if (Array.isArray(size)) {
                     return {
                         horizontal: size[0],

package/lib/space/src/public-types.d.ts

@@ -0,0 +1 @@
+export type SpaceSize = 'small' | 'medium' | 'large' | number | [number, number];

package/lib/space/src/public-types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,10 +1,25 @@
 import type { CSSProperties, PropType, SlotsType, VNode } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
 export declare const spinProps: {
+    strokeWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    stroke: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    scale: {
+        type: NumberConstructor;
+        default: number;
+    };
+    radius: {
+        type: NumberConstructor;
+        default: number;
+    };
     contentClass: StringConstructor;
     contentStyle: PropType<CSSProperties | string>;
     description: StringConstructor;
-    stroke: StringConstructor;
     size: {
         type: PropType<"small" | "medium" | "large" | number>;
         default: string;
@@ -13,7 +28,6 @@ export declare const spinProps: {
         type: BooleanConstructor;
         default: boolean;
     };
-    strokeWidth: NumberConstructor;
     rotate: {
         type: BooleanConstructor;
         default: boolean;
@@ -65,10 +79,25 @@ export interface SpinSlots {
     icon?: () => VNode[];
 }
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    strokeWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    stroke: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    scale: {
+        type: NumberConstructor;
+        default: number;
+    };
+    radius: {
+        type: NumberConstructor;
+        default: number;
+    };
     contentClass: StringConstructor;
     contentStyle: PropType<CSSProperties | string>;
     description: StringConstructor;
-    stroke: StringConstructor;
     size: {
         type: PropType<"small" | "medium" | "large" | number>;
         default: string;
@@ -77,7 +106,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-    strokeWidth: NumberConstructor;
     rotate: {
         type: BooleanConstructor;
         default: boolean;
@@ -135,10 +163,25 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     themeClass: import("vue").Ref<string, string> | undefined;
     onRender: (() => void) | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    strokeWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    stroke: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    scale: {
+        type: NumberConstructor;
+        default: number;
+    };
+    radius: {
+        type: NumberConstructor;
+        default: number;
+    };
     contentClass: StringConstructor;
     contentStyle: PropType<CSSProperties | string>;
     description: StringConstructor;
-    stroke: StringConstructor;
     size: {
         type: PropType<"small" | "medium" | "large" | number>;
         default: string;
@@ -147,7 +190,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-    strokeWidth: NumberConstructor;
     rotate: {
         type: BooleanConstructor;
         default: boolean;
@@ -194,6 +236,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{}>, {
     size: number | "small" | "medium" | "large";
     show: boolean;
+    stroke: string;
+    strokeWidth: number;
+    scale: number;
+    radius: number;
     rotate: boolean;
     spinning: boolean;
 }, SlotsType<SpinSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/spin/src/Spin.js

@@ -8,6 +8,7 @@ const seemly_1 = require("seemly");
 const vooks_1 = require("vooks");
 const vue_1 = require("vue");
 const _internal_1 = require("../../_internal");
+const Loading_1 = require("../../_internal/loading/src/Loading");
 const _mixins_1 = require("../../_mixins");
 const _utils_1 = require("../../_utils");
 const styles_1 = require("../styles");
@@ -17,13 +18,13 @@ const STROKE_WIDTH = {
     medium: 18,
     large: 16
 };
-exports.spinProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { contentClass: String, contentStyle: [Object, String], description: String, stroke: String, size: {
+exports.spinProps = Object.assign(Object.assign(Object.assign({}, _mixins_1.useTheme.props), { contentClass: String, contentStyle: [Object, String], description: String, size: {
         type: [String, Number],
         default: 'medium'
     }, show: {
         type: Boolean,
         default: true
-    }, strokeWidth: Number, rotate: {
+    }, rotate: {
         type: Boolean,
         default: true
     }, spinning: {
@@ -32,7 +33,7 @@ exports.spinProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), {
             return true;
         },
         default: undefined
-    }, delay: Number });
+    }, delay: Number }), Loading_1.exposedLoadingProps);
 exports.default = (0, vue_1.defineComponent)({
     name: 'Spin',
     props: exports.spinProps,
@@ -112,7 +113,7 @@ exports.default = (0, vue_1.defineComponent)({
                     rotate && `${mergedClsPrefix}-spin--rotate`
                 ], style: $slots.default ? '' : this.cssVars }, $slots.icon()),
             descriptionNode)) : ((0, vue_1.h)("div", { class: [`${mergedClsPrefix}-spin-body`, this.themeClass] },
-            (0, vue_1.h)(_internal_1.NBaseLoading, { clsPrefix: mergedClsPrefix, style: $slots.default ? '' : this.cssVars, stroke: this.stroke, "stroke-width": this.mergedStrokeWidth, class: `${mergedClsPrefix}-spin` }),
+            (0, vue_1.h)(_internal_1.NBaseLoading, { clsPrefix: mergedClsPrefix, style: $slots.default ? '' : this.cssVars, stroke: this.stroke, "stroke-width": this.mergedStrokeWidth, radius: this.radius, scale: this.scale, class: `${mergedClsPrefix}-spin` }),
             descriptionNode));
         (_b = this.onRender) === null || _b === void 0 ? void 0 : _b.call(this);
         return $slots.default ? ((0, vue_1.h)("div", { class: [`${mergedClsPrefix}-spin-container`, this.themeClass], style: this.cssVars },

package/lib/switch/index.d.ts

@@ -1,2 +1,3 @@
+export type * from './src/public-types';
 export { default as NSwitch, switchProps } from './src/Switch';
 export type { SwitchProps, SwitchSlots } from './src/Switch';

package/lib/switch/src/Switch.d.ts

@@ -1,11 +1,9 @@
 import type { CSSProperties, PropType, SlotsType, VNode } from 'vue';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { OnUpdateValue } from './interface';
+import type { SwitchSize, SwitchSpinProps } from './public-types';
 export declare const switchProps: {
-    readonly size: {
-        readonly type: PropType<"small" | "medium" | "large">;
-        readonly default: "medium";
-    };
+    readonly size: PropType<SwitchSize>;
     readonly value: {
         readonly type: PropType<string | number | boolean | undefined>;
         readonly default: undefined;
@@ -41,6 +39,7 @@ export declare const switchProps: {
         readonly type: BooleanConstructor;
         readonly default: true;
     };
+    readonly spinProps: PropType<SwitchSpinProps>;
     /** @deprecated */
     readonly onChange: PropType<MaybeArray<OnUpdateValue> | undefined>;
     readonly theme: PropType<import("../../_mixins").Theme<"Switch", {
@@ -142,7 +141,6 @@ export declare const switchProps: {
 };
 export type SwitchProps = ExtractPublicPropTypes<typeof switchProps>;
 export interface SwitchSlots {
-    default?: () => VNode[];
     checked?: () => VNode[];
     'checked-icon'?: () => VNode[];
     icon?: () => VNode[];
@@ -150,10 +148,7 @@ export interface SwitchSlots {
     'unchecked-icon'?: () => VNode[];
 }
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    readonly size: {
-        readonly type: PropType<"small" | "medium" | "large">;
-        readonly default: "medium";
-    };
+    readonly size: PropType<SwitchSize>;
     readonly value: {
         readonly type: PropType<string | number | boolean | undefined>;
         readonly default: undefined;
@@ -189,6 +184,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: BooleanConstructor;
         readonly default: true;
     };
+    readonly spinProps: PropType<SwitchSpinProps>;
     /** @deprecated */
     readonly onChange: PropType<MaybeArray<OnUpdateValue> | undefined>;
     readonly theme: PropType<import("../../_mixins").Theme<"Switch", {
@@ -324,10 +320,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     themeClass: import("vue").Ref<string, string> | undefined;
     onRender: (() => void) | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly size: {
-        readonly type: PropType<"small" | "medium" | "large">;
-        readonly default: "medium";
-    };
+    readonly size: PropType<SwitchSize>;
     readonly value: {
         readonly type: PropType<string | number | boolean | undefined>;
         readonly default: undefined;
@@ -363,6 +356,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: BooleanConstructor;
         readonly default: true;
     };
+    readonly spinProps: PropType<SwitchSpinProps>;
     /** @deprecated */
     readonly onChange: PropType<MaybeArray<OnUpdateValue> | undefined>;
     readonly theme: PropType<import("../../_mixins").Theme<"Switch", {
@@ -464,7 +458,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{}>, {
     readonly value: string | number | boolean | undefined;
     readonly disabled: boolean | undefined;
-    readonly size: "small" | "medium" | "large";
     readonly defaultValue: string | number | boolean;
     readonly loading: boolean;
     readonly round: boolean;

package/lib/switch/src/Switch.js

@@ -12,10 +12,7 @@ const _mixins_1 = require("../../_mixins");
 const _utils_1 = require("../../_utils");
 const styles_1 = require("../styles");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
-exports.switchProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { size: {
-        type: String,
-        default: 'medium'
-    }, value: {
+exports.switchProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { size: String, value: {
         type: [String, Number, Boolean],
         default: undefined
     }, loading: Boolean, defaultValue: {
@@ -36,7 +33,7 @@ exports.switchProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props),
     }, railStyle: Function, rubberBand: {
         type: Boolean,
         default: true
-    }, 
+    }, spinProps: Object, 
     /** @deprecated */
     onChange: [Function, Array] });
 let supportCssMax;
@@ -67,9 +64,22 @@ exports.default = (0, vue_1.defineComponent)({
                 supportCssMax = true;
             }
         }
-        const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
+        const { mergedClsPrefixRef, inlineThemeDisabled, mergedComponentPropsRef } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Switch', '-switch', index_cssr_1.default, styles_1.switchLight, props, mergedClsPrefixRef);
-        const formItem = (0, _mixins_1.useFormItem)(props);
+        const formItem = (0, _mixins_1.useFormItem)(props, {
+            mergedSize(NFormItem) {
+                var _a, _b;
+                if (props.size !== undefined)
+                    return props.size;
+                if (NFormItem) {
+                    return NFormItem.mergedSize.value;
+                }
+                const configSize = (_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.Switch) === null || _b === void 0 ? void 0 : _b.size;
+                if (configSize)
+                    return configSize;
+                return 'medium';
+            }
+        });
         const { mergedSizeRef, mergedDisabledRef } = formItem;
         const uncontrolledValueRef = (0, vue_1.ref)(props.defaultValue);
         const controlledValueRef = (0, vue_1.toRef)(props, 'value');
@@ -244,7 +254,7 @@ exports.default = (0, vue_1.defineComponent)({
                 (0, vue_1.h)("div", { class: `${mergedClsPrefix}-switch__button` },
                     (0, _utils_1.resolveWrappedSlot)(iconSlot, icon => (0, _utils_1.resolveWrappedSlot)(checkedIconSlot, checkedIcon => (0, _utils_1.resolveWrappedSlot)(uncheckedIconSlot, (uncheckedIcon) => {
                         return ((0, vue_1.h)(_internal_1.NIconSwitchTransition, null, {
-                            default: () => this.loading ? ((0, vue_1.h)(_internal_1.NBaseLoading, { key: "loading", clsPrefix: mergedClsPrefix, strokeWidth: 20 })) : this.checked && (checkedIcon || icon) ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-switch__button-icon`, key: checkedIcon ? 'checked-icon' : 'icon' }, checkedIcon || icon)) : !this.checked && (uncheckedIcon || icon) ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-switch__button-icon`, key: uncheckedIcon ? 'unchecked-icon' : 'icon' }, uncheckedIcon || icon)) : null
+                            default: () => this.loading ? ((0, vue_1.h)(_internal_1.NBaseLoading, Object.assign({ key: "loading", clsPrefix: mergedClsPrefix, strokeWidth: 20 }, this.spinProps))) : this.checked && (checkedIcon || icon) ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-switch__button-icon`, key: checkedIcon ? 'checked-icon' : 'icon' }, checkedIcon || icon)) : !this.checked && (uncheckedIcon || icon) ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-switch__button-icon`, key: uncheckedIcon ? 'unchecked-icon' : 'icon' }, uncheckedIcon || icon)) : null
                         }));
                     }))),
                     (0, _utils_1.resolveWrappedSlot)(checkedSlot, children => children && ((0, vue_1.h)("div", { key: "checked", class: `${mergedClsPrefix}-switch__checked` }, children))),

package/lib/switch/src/public-types.d.ts

@@ -0,0 +1,3 @@
+import type { SharedSpinProps } from '../../_internal';
+export type SwitchSize = 'small' | 'medium' | 'large';
+export type SwitchSpinProps = SharedSpinProps;

package/lib/switch/src/public-types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/table/index.d.ts

@@ -1,3 +1,4 @@
+export type * from './src/public-types';
 export { default as NTable, tableProps } from './src/Table';
 export type { TableProps } from './src/Table';
 export { default as NTbody } from './src/Tbody';

package/lib/table/src/Table.d.ts

@@ -1,5 +1,6 @@
 import type { PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
+import type { TableSize } from './public-types';
 export declare const tableProps: {
     bordered: {
         type: BooleanConstructor;
@@ -15,10 +16,7 @@ export declare const tableProps: {
     };
     striped: BooleanConstructor;
     singleColumn: BooleanConstructor;
-    size: {
-        type: PropType<"small" | "medium" | "large">;
-        default: string;
-    };
+    size: PropType<TableSize>;
     theme: PropType<import("../../_mixins").Theme<"Table", {
         fontSizeSmall: string;
         fontSizeMedium: string;
@@ -120,10 +118,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     striped: BooleanConstructor;
     singleColumn: BooleanConstructor;
-    size: {
-        type: PropType<"small" | "medium" | "large">;
-        default: string;
-    };
+    size: PropType<TableSize>;
     theme: PropType<import("../../_mixins").Theme<"Table", {
         fontSizeSmall: string;
         fontSizeMedium: string;
@@ -251,10 +246,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     striped: BooleanConstructor;
     singleColumn: BooleanConstructor;
-    size: {
-        type: PropType<"small" | "medium" | "large">;
-        default: string;
-    };
+    size: PropType<TableSize>;
     theme: PropType<import("../../_mixins").Theme<"Table", {
         fontSizeSmall: string;
         fontSizeMedium: string;
@@ -340,7 +332,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         tdPaddingLarge: string;
     }, any>>>;
 }>> & Readonly<{}>, {
-    size: "small" | "medium" | "large";
     bordered: boolean;
     bottomBordered: boolean;
     striped: boolean;

package/lib/table/src/Table.js

@@ -19,19 +19,20 @@ exports.tableProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props),
     }, singleLine: {
         type: Boolean,
         default: true
-    }, striped: Boolean, singleColumn: Boolean, size: {
-        type: String,
-        default: 'medium'
-    } });
+    }, striped: Boolean, singleColumn: Boolean, size: String });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Table',
     props: exports.tableProps,
     setup(props) {
-        const { mergedClsPrefixRef, inlineThemeDisabled, mergedRtlRef } = (0, _mixins_1.useConfig)(props);
+        const { mergedClsPrefixRef, inlineThemeDisabled, mergedRtlRef, mergedComponentPropsRef } = (0, _mixins_1.useConfig)(props);
+        const mergedSizeRef = (0, vue_1.computed)(() => {
+            var _a, _b;
+            return (props.size || ((_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.Table) === null || _b === void 0 ? void 0 : _b.size) || 'medium');
+        });
         const themeRef = (0, _mixins_1.useTheme)('Table', '-table', index_cssr_1.default, styles_1.tableLight, props, mergedClsPrefixRef);
         const rtlEnabledRef = (0, use_rtl_1.useRtl)('Table', mergedRtlRef, mergedClsPrefixRef);
         const cssVarsRef = (0, vue_1.computed)(() => {
-            const { size } = props;
+            const size = mergedSizeRef.value;
             const { self: { borderColor, tdColor, tdColorModal, tdColorPopover, thColor, thColorModal, thColorPopover, thTextColor, tdTextColor, borderRadius, thFontWeight, lineHeight, borderColorModal, borderColorPopover, tdColorStriped, tdColorStripedModal, tdColorStripedPopover, [(0, _utils_1.createKey)('fontSize', size)]: fontSize, [(0, _utils_1.createKey)('tdPadding', size)]: tdPadding, [(0, _utils_1.createKey)('thPadding', size)]: thPadding }, common: { cubicBezierEaseInOut } } = themeRef.value;
             return {
                 '--n-bezier': cubicBezierEaseInOut,
@@ -59,7 +60,7 @@ exports.default = (0, vue_1.defineComponent)({
         });
         const themeClassHandle = inlineThemeDisabled
             ? (0, _mixins_1.useThemeClass)('table', (0, vue_1.computed)(() => {
-                return props.size[0];
+                return mergedSizeRef.value[0];
             }), cssVarsRef, props)
             : undefined;
         return {

package/lib/table/src/public-types.d.ts

@@ -0,0 +1 @@
+export type TableSize = 'small' | 'medium' | 'large';

package/lib/table/src/public-types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/tabs/index.d.ts

@@ -1,4 +1,5 @@
 export type { TabsInst } from './src/interface';
+export type * from './src/public-types';
 export { default as NTab, tabProps } from './src/Tab';
 export type { TabProps } from './src/Tab';
 export { default as NTabPane, tabPaneProps } from './src/TabPane';

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

@@ -34,7 +34,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly internalAddable: BooleanConstructor;
     readonly internalCreatedByPane: BooleanConstructor;
 }>, {
-    trigger: import("vue").Ref<"click" | "hover", "click" | "hover">;
+    trigger: import("vue").Ref<"hover" | "click", "hover" | "click">;
     mergedClosable: import("vue").ComputedRef<boolean>;
     style: import("vue").Ref<string | import("vue").CSSProperties | undefined, string | import("vue").CSSProperties | undefined>;
     addStyle: import("vue").Ref<string | import("vue").CSSProperties | undefined, string | import("vue").CSSProperties | undefined>;

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

@@ -2,6 +2,7 @@ import type { ComponentPublicInstance, CSSProperties, ExtractPropTypes, PropType
 import type { VXScrollInst } from 'vueuc';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { Addable, OnBeforeLeave, OnClose, OnUpdateValue, TabsType } from './interface';
+import type { TabsSize } from './public-types';
 import { nextTick } from 'vue';
 export declare const tabsProps: {
     readonly value: PropType<string | number>;
@@ -16,10 +17,7 @@ export declare const tabsProps: {
     };
     readonly closable: BooleanConstructor;
     readonly justifyContent: PropType<"space-between" | "space-around" | "space-evenly" | "center" | "start" | "end">;
-    readonly size: {
-        readonly type: PropType<"small" | "medium" | "large">;
-        readonly default: "medium";
-    };
+    readonly size: PropType<TabsSize>;
     readonly placement: {
         readonly type: PropType<"top" | "left" | "right" | "bottom">;
         readonly default: "top";
@@ -44,7 +42,7 @@ export declare const tabsProps: {
     readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
     readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
     readonly onClose: PropType<MaybeArray<OnClose>>;
-    readonly labelSize: PropType<"small" | "medium" | "large">;
+    readonly labelSize: PropType<TabsSize>;
     readonly activeName: PropType<string | number>;
     readonly onActiveNameChange: PropType<MaybeArray<(value: string & number) => void>>;
     readonly theme: PropType<import("../../_mixins").Theme<"Tabs", {
@@ -340,10 +338,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     };
     readonly closable: BooleanConstructor;
     readonly justifyContent: PropType<"space-between" | "space-around" | "space-evenly" | "center" | "start" | "end">;
-    readonly size: {
-        readonly type: PropType<"small" | "medium" | "large">;
-        readonly default: "medium";
-    };
+    readonly size: PropType<TabsSize>;
     readonly placement: {
         readonly type: PropType<"top" | "left" | "right" | "bottom">;
         readonly default: "top";
@@ -368,7 +363,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
     readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
     readonly onClose: PropType<MaybeArray<OnClose>>;
-    readonly labelSize: PropType<"small" | "medium" | "large">;
+    readonly labelSize: PropType<TabsSize>;
     readonly activeName: PropType<string | number>;
     readonly onActiveNameChange: PropType<MaybeArray<(value: string & number) => void>>;
     readonly theme: PropType<import("../../_mixins").Theme<"Tabs", {
@@ -738,7 +733,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         justifyContent: "center" | "start" | "end" | "space-around" | "space-between" | "space-evenly";
     } | undefined>;
     handleNavResize: (entry: ResizeObserverEntry) => void;
-    mergedSize: import("vue").ComputedRef<"small" | "medium" | "large">;
+    mergedSize: import("vue").ComputedRef<TabsSize>;
     handleScroll: (e: Event) => void;
     handleTabsResize: (entry: ResizeObserverEntry) => void;
     cssVars: import("vue").ComputedRef<{
@@ -799,10 +794,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     };
     readonly closable: BooleanConstructor;
     readonly justifyContent: PropType<"space-between" | "space-around" | "space-evenly" | "center" | "start" | "end">;
-    readonly size: {
-        readonly type: PropType<"small" | "medium" | "large">;
-        readonly default: "medium";
-    };
+    readonly size: PropType<TabsSize>;
     readonly placement: {
         readonly type: PropType<"top" | "left" | "right" | "bottom">;
         readonly default: "top";
@@ -827,7 +819,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
     readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
     readonly onClose: PropType<MaybeArray<OnClose>>;
-    readonly labelSize: PropType<"small" | "medium" | "large">;
+    readonly labelSize: PropType<TabsSize>;
     readonly activeName: PropType<string | number>;
     readonly onActiveNameChange: PropType<MaybeArray<(value: string & number) => void>>;
     readonly theme: PropType<import("../../_mixins").Theme<"Tabs", {
@@ -1105,10 +1097,9 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     }, any>>>;
 }>> & Readonly<{}>, {
     readonly type: TabsType;
-    readonly size: "small" | "medium" | "large";
     readonly closable: boolean;
+    readonly trigger: "hover" | "click";
     readonly placement: "top" | "bottom" | "left" | "right";
-    readonly trigger: "click" | "hover";
     readonly animated: boolean;
     readonly tabsPadding: number;
 }, SlotsType<TabsSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;