naive-ui 2.43.2 → 2.44.0

package/es/spin/src/Spin.mjs

@@ -2,6 +2,7 @@ import { pxfy } from 'seemly';
 import { useCompitable } from 'vooks';
 import { computed, defineComponent, h, ref, Transition, watchEffect } from 'vue';
 import { NBaseLoading } from "../../_internal/index.mjs";
+import { exposedLoadingProps } from "../../_internal/loading/src/Loading.mjs";
 import { useConfig, useTheme, useThemeClass } from "../../_mixins/index.mjs";
 import { createKey, warnOnce } from "../../_utils/index.mjs";
 import { spinLight } from "../styles/index.mjs";
@@ -11,11 +12,10 @@ const STROKE_WIDTH = {
   medium: 18,
   large: 16
 };
-export const spinProps = Object.assign(Object.assign({}, useTheme.props), {
+export const spinProps = Object.assign(Object.assign(Object.assign({}, useTheme.props), {
   contentClass: String,
   contentStyle: [Object, String],
   description: String,
-  stroke: String,
   size: {
     type: [String, Number],
     default: 'medium'
@@ -24,7 +24,6 @@ export const spinProps = Object.assign(Object.assign({}, useTheme.props), {
     type: Boolean,
     default: true
   },
-  strokeWidth: Number,
   rotate: {
     type: Boolean,
     default: true
@@ -37,7 +36,7 @@ export const spinProps = Object.assign(Object.assign({}, useTheme.props), {
     default: undefined
   },
   delay: Number
-});
+}), exposedLoadingProps);
 export default defineComponent({
   name: 'Spin',
   props: spinProps,
@@ -146,6 +145,8 @@ export default defineComponent({
       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);

package/es/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/es/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/es/switch/src/Switch.mjs

@@ -7,10 +7,7 @@ import { call, createKey, isSlotEmpty, resolveWrappedSlot, warnOnce } from "../.
 import { switchLight } from "../styles/index.mjs";
 import style from "./styles/index.cssr.mjs";
 export const switchProps = Object.assign(Object.assign({}, useTheme.props), {
-  size: {
-    type: String,
-    default: 'medium'
-  },
+  size: String,
   value: {
     type: [String, Number, Boolean],
     default: undefined
@@ -43,6 +40,7 @@ export const switchProps = Object.assign(Object.assign({}, useTheme.props), {
     type: Boolean,
     default: true
   },
+  spinProps: Object,
   /** @deprecated */
   onChange: [Function, Array]
 });
@@ -74,10 +72,22 @@ export default defineComponent({
     }
     const {
       mergedClsPrefixRef,
-      inlineThemeDisabled
+      inlineThemeDisabled,
+      mergedComponentPropsRef
     } = useConfig(props);
     const themeRef = useTheme('Switch', '-switch', style, switchLight, props, mergedClsPrefixRef);
-    const formItem = useFormItem(props);
+    const formItem = 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
@@ -299,11 +309,11 @@ export default defineComponent({
       class: `${mergedClsPrefix}-switch__button`
     }, resolveWrappedSlot(iconSlot, icon => resolveWrappedSlot(checkedIconSlot, checkedIcon => resolveWrappedSlot(uncheckedIconSlot, uncheckedIcon => {
       return h(NIconSwitchTransition, null, {
-        default: () => this.loading ? h(NBaseLoading, {
+        default: () => this.loading ? h(NBaseLoading, Object.assign({
           key: "loading",
           clsPrefix: mergedClsPrefix,
           strokeWidth: 20
-        }) : this.checked && (checkedIcon || icon) ? h("div", {
+        }, this.spinProps)) : this.checked && (checkedIcon || icon) ? h("div", {
           class: `${mergedClsPrefix}-switch__button-icon`,
           key: checkedIcon ? 'checked-icon' : 'icon'
         }, checkedIcon || icon) : !this.checked && (uncheckedIcon || icon) ? h("div", {

package/es/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/es/switch/src/public-types.mjs

@@ -0,0 +1 @@
+export {};

package/es/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/es/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/es/table/src/Table.mjs

@@ -19,10 +19,7 @@ export const tableProps = Object.assign(Object.assign({}, useTheme.props), {
   },
   striped: Boolean,
   singleColumn: Boolean,
-  size: {
-    type: String,
-    default: 'medium'
-  }
+  size: String
 });
 export default defineComponent({
   name: 'Table',
@@ -31,14 +28,17 @@ export default defineComponent({
     const {
       mergedClsPrefixRef,
       inlineThemeDisabled,
-      mergedRtlRef
+      mergedRtlRef,
+      mergedComponentPropsRef
     } = useConfig(props);
+    const mergedSizeRef = 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 = useTheme('Table', '-table', style, tableLight, props, mergedClsPrefixRef);
     const rtlEnabledRef = useRtl('Table', mergedRtlRef, mergedClsPrefixRef);
     const cssVarsRef = computed(() => {
-      const {
-        size
-      } = props;
+      const size = mergedSizeRef.value;
       const {
         self: {
           borderColor,
@@ -91,7 +91,7 @@ export default defineComponent({
       };
     });
     const themeClassHandle = inlineThemeDisabled ? useThemeClass('table', computed(() => {
-      return props.size[0];
+      return mergedSizeRef.value[0];
     }), cssVarsRef, props) : undefined;
     return {
       rtlEnabled: rtlEnabledRef,

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

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

package/es/table/src/public-types.mjs

@@ -0,0 +1 @@
+export {};

package/es/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/es/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/es/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>;

package/es/tabs/src/Tabs.mjs

@@ -24,10 +24,7 @@ export const tabsProps = Object.assign(Object.assign({}, useTheme.props), {
   },
   closable: Boolean,
   justifyContent: String,
-  size: {
-    type: String,
-    default: 'medium'
-  },
+  size: String,
   placement: {
     type: String,
     default: 'top'
@@ -80,7 +77,8 @@ export default defineComponent({
     }
     const {
       mergedClsPrefixRef,
-      inlineThemeDisabled
+      inlineThemeDisabled,
+      mergedComponentPropsRef
     } = useConfig(props);
     const themeRef = useTheme('Tabs', '-tabs', style, tabsLight, props, mergedClsPrefixRef);
     const tabsElRef = ref(null);
@@ -92,6 +90,13 @@ export default defineComponent({
     const startReachedRef = ref(true);
     const endReachedRef = ref(true);
     const compitableSizeRef = useCompitable(props, ['labelSize', 'size']);
+    const mergedSizeRef = 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 = useCompitable(props, ['activeName', 'value']);
     const uncontrolledValueRef = ref((_b = (_a = compitableValueRef.value) !== null && _a !== void 0 ? _a : props.defaultValue) !== null && _b !== void 0 ? _b : slots.default ? (_d = (_c = flatten(slots.default())[0]) === null || _c === void 0 ? void 0 : _c.props) === null || _d === void 0 ? void 0 : _d.name : null);
     const mergedValueRef = useMergedState(compitableValueRef, uncontrolledValueRef);
@@ -564,7 +569,7 @@ export default defineComponent({
     const cssVarsRef = computed(() => {
       const {
         value: size
-      } = compitableSizeRef;
+      } = mergedSizeRef;
       const {
         type
       } = props;
@@ -646,7 +651,7 @@ export default defineComponent({
       };
     });
     const themeClassHandle = inlineThemeDisabled ? useThemeClass('tabs', computed(() => {
-      return `${compitableSizeRef.value[0]}${props.type[0]}`;
+      return `${mergedSizeRef.value[0]}${props.type[0]}`;
     }), cssVarsRef, props) : undefined;
     return Object.assign({
       mergedClsPrefix: mergedClsPrefixRef,
@@ -662,7 +667,7 @@ export default defineComponent({
       addTabFixed: addTabFixedRef,
       tabWrapperStyle: tabWrapperStyleRef,
       handleNavResize,
-      mergedSize: compitableSizeRef,
+      mergedSize: mergedSizeRef,
       handleScroll,
       handleTabsResize,
       cssVars: inlineThemeDisabled ? undefined : cssVarsRef,

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

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

package/es/tabs/src/public-types.mjs

@@ -0,0 +1 @@
+export {};

package/es/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/es/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;
@@ -972,7 +972,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{}>, {
     disabled: boolean | undefined;
     type: "default" | "info" | "warning" | "error" | "success" | "primary";
-    size: "tiny" | "small" | "medium" | "large";
+    size: import("./public-types").TagSize;
     bordered: boolean | undefined;
     closable: boolean;
     round: boolean;

package/es/tag/src/Tag.mjs

@@ -51,8 +51,13 @@ export default defineComponent({
       mergedBorderedRef,
       mergedClsPrefixRef,
       inlineThemeDisabled,
-      mergedRtlRef
+      mergedRtlRef,
+      mergedComponentPropsRef
     } = useConfig(props);
+    const mergedSizeRef = 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 = useTheme('Tag', '-tag', style, tagLight, props, mergedClsPrefixRef);
     provide(tagInjectionKey, {
       roundRef: toRef(props, 'round')
@@ -96,12 +101,12 @@ export default defineComponent({
     const cssVarsRef = computed(() => {
       const {
         type,
-        size,
         color: {
           color,
           textColor
         } = {}
       } = props;
+      const size = mergedSizeRef.value;
       const {
         common: {
           cubicBezierEaseInOut
@@ -180,14 +185,13 @@ export default defineComponent({
       let hash = '';
       const {
         type,
-        size,
         color: {
           color,
           textColor
         } = {}
       } = props;
       hash += type[0];
-      hash += size[0];
+      hash += mergedSizeRef.value[0];
       if (color) {
         hash += `a${color2Class(color)}`;
       }

package/es/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/es/tag/src/public-types.d.ts

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

package/es/tag/src/public-types.mjs

@@ -0,0 +1 @@
+export {};

package/es/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/es/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;

package/es/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/es/time-picker/src/public-types.d.ts

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

package/es/time-picker/src/public-types.mjs

@@ -0,0 +1 @@
+export {};