naive-ui 2.43.1 → 2.44.0

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

@@ -1,40 +1,40 @@
 import type { ExtractPublicPropTypes } from '../../_utils';
 export declare const tabProps: {
+    readonly label: import("vue").PropType<string | number | import("vue").VNode | (() => import("vue").VNodeChild)>;
+    readonly disabled: BooleanConstructor;
     readonly name: {
         readonly type: import("vue").PropType<string | number>;
         readonly required: true;
     };
-    readonly label: import("vue").PropType<string | number | import("vue").VNode | (() => import("vue").VNodeChild)>;
-    readonly disabled: BooleanConstructor;
-    readonly tab: import("vue").PropType<string | number | import("vue").VNode | (() => import("vue").VNodeChild)>;
     readonly tabProps: import("vue").PropType<import("vue").HTMLAttributes>;
     readonly closable: {
         readonly type: import("vue").PropType<boolean | undefined>;
         readonly default: undefined;
     };
+    readonly tab: import("vue").PropType<string | number | import("vue").VNode | (() => import("vue").VNodeChild)>;
     readonly internalLeftPadded: BooleanConstructor;
     readonly internalAddable: BooleanConstructor;
     readonly internalCreatedByPane: BooleanConstructor;
 };
 export type TabProps = ExtractPublicPropTypes<typeof tabProps>;
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly label: import("vue").PropType<string | number | import("vue").VNode | (() => import("vue").VNodeChild)>;
+    readonly disabled: BooleanConstructor;
     readonly name: {
         readonly type: import("vue").PropType<string | number>;
         readonly required: true;
     };
-    readonly label: import("vue").PropType<string | number | import("vue").VNode | (() => import("vue").VNodeChild)>;
-    readonly disabled: BooleanConstructor;
-    readonly tab: import("vue").PropType<string | number | import("vue").VNode | (() => import("vue").VNodeChild)>;
     readonly tabProps: import("vue").PropType<import("vue").HTMLAttributes>;
     readonly closable: {
         readonly type: import("vue").PropType<boolean | undefined>;
         readonly default: undefined;
     };
+    readonly tab: import("vue").PropType<string | number | import("vue").VNode | (() => import("vue").VNodeChild)>;
     readonly internalLeftPadded: BooleanConstructor;
     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>;
@@ -46,18 +46,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     handleClose(e: MouseEvent): void;
     activateTab(): void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly label: import("vue").PropType<string | number | import("vue").VNode | (() => import("vue").VNodeChild)>;
+    readonly disabled: BooleanConstructor;
     readonly name: {
         readonly type: import("vue").PropType<string | number>;
         readonly required: true;
     };
-    readonly label: import("vue").PropType<string | number | import("vue").VNode | (() => import("vue").VNodeChild)>;
-    readonly disabled: BooleanConstructor;
-    readonly tab: import("vue").PropType<string | number | import("vue").VNode | (() => import("vue").VNodeChild)>;
     readonly tabProps: import("vue").PropType<import("vue").HTMLAttributes>;
     readonly closable: {
         readonly type: import("vue").PropType<boolean | undefined>;
         readonly default: undefined;
     };
+    readonly tab: import("vue").PropType<string | number | import("vue").VNode | (() => import("vue").VNodeChild)>;
     readonly internalLeftPadded: BooleanConstructor;
     readonly internalAddable: BooleanConstructor;
     readonly internalCreatedByPane: BooleanConstructor;

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", {
@@ -735,10 +730,10 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     addTabFixed: import("vue").Ref<boolean, boolean>;
     tabWrapperStyle: import("vue").ComputedRef<{
         display: string;
-        justifyContent: "start" | "end" | "space-around" | "space-between" | "space-evenly" | "center";
+        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<{
@@ -776,7 +771,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         '--n-tab-color-segment': string;
     }> | undefined;
     themeClass: import("vue").Ref<string, string> | undefined;
-    animationDirection: import("vue").Ref<"next" | "prev", "next" | "prev">;
+    animationDirection: import("vue").Ref<"prev" | "next", "prev" | "next">;
     renderNameListRef: {
         value: Array<string | number>;
     };
@@ -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 placement: "left" | "right" | "top" | "bottom";
-    readonly trigger: "click" | "hover";
+    readonly trigger: "hover" | "click";
+    readonly placement: "top" | "bottom" | "left" | "right";
     readonly animated: boolean;
     readonly tabsPadding: number;
 }, SlotsType<TabsSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/tabs/src/Tabs.js

@@ -23,10 +23,7 @@ exports.tabsProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), {
     }, type: {
         type: String,
         default: 'bar'
-    }, closable: Boolean, justifyContent: String, size: {
-        type: String,
-        default: 'medium'
-    }, placement: {
+    }, closable: Boolean, justifyContent: String, size: String, placement: {
         type: String,
         default: 'top'
     }, tabStyle: [String, Object], tabClass: String, addTabStyle: [String, Object], addTabClass: String, barWidth: Number, paneClass: String, paneStyle: [String, Object], paneWrapperClass: String, paneWrapperStyle: [String, Object], addable: [Boolean, Object], tabsPadding: {
@@ -54,7 +51,7 @@ exports.default = (0, vue_1.defineComponent)({
                 }
             });
         }
-        const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
+        const { mergedClsPrefixRef, inlineThemeDisabled, mergedComponentPropsRef } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Tabs', '-tabs', index_cssr_1.default, styles_1.tabsLight, props, mergedClsPrefixRef);
         const tabsElRef = (0, vue_1.ref)(null);
         const barElRef = (0, vue_1.ref)(null);
@@ -65,6 +62,15 @@ exports.default = (0, vue_1.defineComponent)({
         const startReachedRef = (0, vue_1.ref)(true);
         const endReachedRef = (0, vue_1.ref)(true);
         const compitableSizeRef = (0, vooks_1.useCompitable)(props, ['labelSize', 'size']);
+        const mergedSizeRef = (0, vue_1.computed)(() => {
+            var _a, _b;
+            if (compitableSizeRef.value)
+                return compitableSizeRef.value;
+            const configSize = (_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.Tabs) === null || _b === void 0 ? void 0 : _b.size;
+            if (configSize)
+                return configSize;
+            return 'medium';
+        });
         const compitableValueRef = (0, vooks_1.useCompitable)(props, ['activeName', 'value']);
         const uncontrolledValueRef = (0, vue_1.ref)((_b = (_a = compitableValueRef.value) !== null && _a !== void 0 ? _a : props.defaultValue) !== null && _b !== void 0 ? _b : (slots.default
             ? (_d = (_c = (0, _utils_1.flatten)(slots.default())[0]) === null || _c === void 0 ? void 0 : _c.props) === null || _d === void 0 ? void 0 : _d.name
@@ -510,7 +516,7 @@ exports.default = (0, vue_1.defineComponent)({
             });
         };
         const cssVarsRef = (0, vue_1.computed)(() => {
-            const { value: size } = compitableSizeRef;
+            const { value: size } = mergedSizeRef;
             const { type } = props;
             const typeSuffix = {
                 card: 'Card',
@@ -557,7 +563,7 @@ exports.default = (0, vue_1.defineComponent)({
         });
         const themeClassHandle = inlineThemeDisabled
             ? (0, _mixins_1.useThemeClass)('tabs', (0, vue_1.computed)(() => {
-                return `${compitableSizeRef.value[0]}${props.type[0]}`;
+                return `${mergedSizeRef.value[0]}${props.type[0]}`;
             }), cssVarsRef, props)
             : undefined;
         return Object.assign({ mergedClsPrefix: mergedClsPrefixRef, mergedValue: mergedValueRef, renderedNames: new Set(), segmentCapsuleElRef,
@@ -566,7 +572,7 @@ exports.default = (0, vue_1.defineComponent)({
             barElRef,
             addTabInstRef,
             xScrollInstRef,
-            scrollWrapperElRef, addTabFixed: addTabFixedRef, tabWrapperStyle: tabWrapperStyleRef, handleNavResize, mergedSize: compitableSizeRef, handleScroll,
+            scrollWrapperElRef, addTabFixed: addTabFixedRef, tabWrapperStyle: tabWrapperStyleRef, handleNavResize, mergedSize: mergedSizeRef, handleScroll,
             handleTabsResize, cssVars: inlineThemeDisabled ? undefined : cssVarsRef, themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass, animationDirection: animationDirectionRef, renderNameListRef,
             yScrollElRef,
             handleSegmentResize,

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

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

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

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

package/lib/tag/index.d.ts

@@ -1,2 +1,3 @@
+export type * from './src/public-types';
 export { default as NTag, tagProps } from './src/Tag';
 export type { TagProps, TagSlots } from './src/Tag';

package/lib/tag/src/Tag.d.ts

@@ -36,7 +36,7 @@ export declare const tagProps: {
     };
     round: BooleanConstructor;
     size: {
-        readonly type: PropType<"tiny" | "small" | "medium" | "large">;
+        readonly type: PropType<import("./public-types").TagSize>;
         readonly default: "medium";
     };
     closable: BooleanConstructor;
@@ -349,7 +349,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     round: BooleanConstructor;
     size: {
-        readonly type: PropType<"tiny" | "small" | "medium" | "large">;
+        readonly type: PropType<import("./public-types").TagSize>;
         readonly default: "medium";
     };
     closable: BooleanConstructor;
@@ -697,7 +697,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     round: BooleanConstructor;
     size: {
-        readonly type: PropType<"tiny" | "small" | "medium" | "large">;
+        readonly type: PropType<import("./public-types").TagSize>;
         readonly default: "medium";
     };
     closable: BooleanConstructor;
@@ -970,14 +970,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         closeMargin: string;
     }, any>>>;
 }>> & Readonly<{}>, {
-    type: "default" | "error" | "info" | "warning" | "success" | "primary";
-    size: "small" | "medium" | "large" | "tiny";
     disabled: boolean | undefined;
-    strong: boolean;
-    round: boolean;
-    checked: boolean;
+    type: "default" | "info" | "warning" | "error" | "success" | "primary";
+    size: import("./public-types").TagSize;
     bordered: boolean | undefined;
     closable: boolean;
+    round: boolean;
+    strong: boolean;
+    checked: boolean;
     checkable: boolean;
     triggerClickOnClose: boolean;
     internalCloseFocusable: boolean;

package/lib/tag/src/Tag.js

@@ -41,7 +41,11 @@ exports.default = (0, vue_1.defineComponent)({
             });
         }
         const contentRef = (0, vue_1.ref)(null);
-        const { mergedBorderedRef, mergedClsPrefixRef, inlineThemeDisabled, mergedRtlRef } = (0, _mixins_1.useConfig)(props);
+        const { mergedBorderedRef, 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.Tag) === null || _b === void 0 ? void 0 : _b.size) || 'medium';
+        });
         const themeRef = (0, _mixins_1.useTheme)('Tag', '-tag', index_cssr_1.default, styles_1.tagLight, props, mergedClsPrefixRef);
         (0, vue_1.provide)(exports.tagInjectionKey, {
             roundRef: (0, vue_1.toRef)(props, 'round')
@@ -79,7 +83,8 @@ exports.default = (0, vue_1.defineComponent)({
         };
         const rtlEnabledRef = (0, use_rtl_1.useRtl)('Tag', mergedRtlRef, mergedClsPrefixRef);
         const cssVarsRef = (0, vue_1.computed)(() => {
-            const { type, size, color: { color, textColor } = {} } = props;
+            const { type, color: { color, textColor } = {} } = props;
+            const size = mergedSizeRef.value;
             const { common: { cubicBezierEaseInOut }, self: { padding, closeMargin, borderRadius, opacityDisabled, textColorCheckable, textColorHoverCheckable, textColorPressedCheckable, textColorChecked, colorCheckable, colorHoverCheckable, colorPressedCheckable, colorChecked, colorCheckedHover, colorCheckedPressed, closeBorderRadius, fontWeightStrong, [(0, _utils_1.createKey)('colorBordered', type)]: colorBordered, [(0, _utils_1.createKey)('closeSize', size)]: closeSize, [(0, _utils_1.createKey)('closeIconSize', size)]: closeIconSize, [(0, _utils_1.createKey)('fontSize', size)]: fontSize, [(0, _utils_1.createKey)('height', size)]: height, [(0, _utils_1.createKey)('color', type)]: typedColor, [(0, _utils_1.createKey)('textColor', type)]: typeTextColor, [(0, _utils_1.createKey)('border', type)]: border, [(0, _utils_1.createKey)('closeIconColor', type)]: closeIconColor, [(0, _utils_1.createKey)('closeIconColorHover', type)]: closeIconColorHover, [(0, _utils_1.createKey)('closeIconColorPressed', type)]: closeIconColorPressed, [(0, _utils_1.createKey)('closeColorHover', type)]: closeColorHover, [(0, _utils_1.createKey)('closeColorPressed', type)]: closeColorPressed } } = themeRef.value;
             const closeMarginDiscrete = (0, seemly_1.getMargin)(closeMargin);
             return {
@@ -122,9 +127,9 @@ exports.default = (0, vue_1.defineComponent)({
         const themeClassHandle = inlineThemeDisabled
             ? (0, _mixins_1.useThemeClass)('tag', (0, vue_1.computed)(() => {
                 let hash = '';
-                const { type, size, color: { color, textColor } = {} } = props;
+                const { type, color: { color, textColor } = {} } = props;
                 hash += type[0];
-                hash += size[0];
+                hash += mergedSizeRef.value[0];
                 if (color) {
                     hash += `a${(0, _utils_1.color2Class)(color)}`;
                 }

package/lib/tag/src/common-props.d.ts

@@ -1,4 +1,5 @@
 import type { PropType } from 'vue';
+import type { TagSize } from './public-types';
 export interface TagColor {
     color?: string;
     borderColor?: string;
@@ -12,7 +13,7 @@ declare const _default: {
     };
     readonly round: BooleanConstructor;
     readonly size: {
-        readonly type: PropType<"tiny" | "small" | "medium" | "large">;
+        readonly type: PropType<TagSize>;
         readonly default: "medium";
     };
     readonly closable: BooleanConstructor;

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

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

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

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

package/lib/time/src/Time.d.ts

@@ -58,8 +58,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{}>, {
     readonly type: "relative" | "date" | "datetime";
     readonly to: number | Date;
-    readonly time: number | Date;
     readonly text: boolean;
+    readonly time: number | Date;
     readonly unix: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/time-picker/index.d.ts

@@ -1,3 +1,4 @@
 export type { TimePickerInst } from './src/interface';
+export type * from './src/public-types';
 export { default as NTimePicker, timePickerProps } from './src/TimePicker';
 export type { TimePickerProps, TimePickerSlots } from './src/TimePicker';

package/lib/time-picker/src/Panel.d.ts

@@ -846,7 +846,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     use12Hours: BooleanConstructor;
 }>> & Readonly<{}>, {
     transitionDisabled: boolean;
-    actions: ("clear" | "confirm" | "now")[] | null;
+    actions: ("clear" | "now" | "confirm")[] | null;
     use12Hours: boolean;
     isValueInvalid: boolean;
     isHourInvalid: boolean;

package/lib/time-picker/src/TimePicker.d.ts

@@ -2,7 +2,8 @@ import type { PropType, VNode } from 'vue';
 import type { FollowerPlacement } from 'vueuc';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { FormValidationStatus } from '../../form/src/public-types';
-import type { IsHourDisabled, IsMinuteDisabled, IsSecondDisabled, ItemValue, OnUpdateFormattedValue, OnUpdateValue, PanelRef, Size } from './interface';
+import type { IsHourDisabled, IsMinuteDisabled, IsSecondDisabled, ItemValue, OnUpdateFormattedValue, OnUpdateValue, PanelRef } from './interface';
+import type { TimePickerSize } from './public-types';
 export declare const timePickerProps: {
     to: {
         type: PropType<HTMLElement | string | boolean>;
@@ -31,7 +32,7 @@ export declare const timePickerProps: {
     valueFormat: StringConstructor;
     formattedValue: PropType<string | null>;
     isHourDisabled: PropType<IsHourDisabled>;
-    size: PropType<Size>;
+    size: PropType<TimePickerSize>;
     isMinuteDisabled: PropType<IsMinuteDisabled>;
     isSecondDisabled: PropType<IsSecondDisabled>;
     inputReadonly: BooleanConstructor;
@@ -1039,7 +1040,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     valueFormat: StringConstructor;
     formattedValue: PropType<string | null>;
     isHourDisabled: PropType<IsHourDisabled>;
-    size: PropType<Size>;
+    size: PropType<TimePickerSize>;
     isMinuteDisabled: PropType<IsMinuteDisabled>;
     isSecondDisabled: PropType<IsSecondDisabled>;
     inputReadonly: BooleanConstructor;
@@ -2598,7 +2599,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     valueFormat: StringConstructor;
     formattedValue: PropType<string | null>;
     isHourDisabled: PropType<IsHourDisabled>;
-    size: PropType<Size>;
+    size: PropType<TimePickerSize>;
     isMinuteDisabled: PropType<IsMinuteDisabled>;
     isSecondDisabled: PropType<IsSecondDisabled>;
     inputReadonly: BooleanConstructor;
@@ -3573,15 +3574,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>;
     }>>>;
 }>> & Readonly<{}>, {
-    to: string | boolean | HTMLElement;
     disabled: boolean | undefined;
-    show: boolean | undefined;
-    format: string;
     showIcon: boolean;
     bordered: boolean | undefined;
+    to: string | boolean | HTMLElement;
     clearable: boolean;
     defaultValue: number | null;
     placement: FollowerPlacement;
+    show: boolean | undefined;
+    format: string;
     inputReadonly: boolean;
     use12Hours: boolean;
     stateful: boolean;

package/lib/time-picker/src/interface.d.ts

@@ -27,7 +27,6 @@ export type OnUpdateFormattedValueImpl = (value: string | null, timestampValue:
 export type IsHourDisabled = (hour: number) => boolean;
 export type IsMinuteDisabled = (minute: number, hour: number | null) => boolean;
 export type IsSecondDisabled = (second: number, minute: number | null, hour: number | null) => boolean;
-export type Size = 'small' | 'medium' | 'large';
 export interface TimePickerInst {
     focus: () => void;
     blur: () => void;

package/lib/time-picker/src/public-types.d.ts

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

package/lib/time-picker/src/public-types.js

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

package/lib/timeline/src/Timeline.d.ts

@@ -260,8 +260,8 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         iconSizeLarge: string;
     }, any>>>;
 }>> & Readonly<{}>, {
-    readonly size: "medium" | "large";
     readonly horizontal: boolean;
+    readonly size: "medium" | "large";
     readonly itemPlacement: "left" | "right";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/timeline/src/TimelineItem.d.ts

@@ -66,7 +66,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
     };
 }>> & Readonly<{}>, {
-    type: "default" | "error" | "info" | "warning" | "success";
+    type: "default" | "info" | "warning" | "error" | "success";
     lineType: "default" | "dashed";
 }, SlotsType<TimelineItemSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/tooltip/src/Tooltip.d.ts

@@ -669,25 +669,25 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     minWidth: NumberConstructor;
     maxWidth: NumberConstructor;
 }>> & Readonly<{}>, {
-    to: string | boolean | HTMLElement;
     disabled: boolean;
-    show: boolean | undefined;
-    flip: boolean;
+    raw: boolean;
     width: number | "trigger";
     duration: number;
-    raw: boolean;
+    scrollable: boolean;
+    trigger: import("../../popover").PopoverTrigger;
+    to: string | boolean | HTMLElement;
     placement: import("vueuc/lib/binder/src/interface").Placement;
+    show: boolean | undefined;
     showArrow: boolean;
-    trigger: import("../../popover").PopoverTrigger;
     arrow: boolean | undefined;
     defaultShow: boolean;
     delay: number;
     arrowPointToCenter: boolean;
     displayDirective: "show" | "if";
+    flip: boolean;
     animated: boolean;
     overlap: boolean;
     keepAliveOnHover: boolean;
-    scrollable: boolean;
     internalDeactivateImmediately: boolean;
     internalSyncTargetWithParent: boolean;
     internalInheritedEventHandlers: import("../../popover/src/Popover").TriggerEventHandlers[];

package/lib/transfer/src/Transfer.d.ts

@@ -3960,10 +3960,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }, any>;
     }>>>;
 }>> & Readonly<{}>, {
-    readonly options: Option[];
-    readonly filter: Filter;
     readonly disabled: boolean | undefined;
+    readonly filter: Filter;
     readonly defaultValue: OptionValue[] | null;
+    readonly options: Option[];
     readonly filterable: boolean;
     readonly virtualScroll: boolean;
     readonly sourceFilterable: boolean;

package/lib/transfer/src/TransferList.d.ts

@@ -853,6 +853,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
     }>;
     mergedClsPrefix: import("vue").Ref<string, string>;
+    mergedRenderEmpty: import("vue").ComputedRef<(() => import("vue").VNodeChild) | undefined>;
     scrollerInstRef: import("vue").Ref<{
         $el: HTMLElement;
         containerRef: HTMLElement | null;