naive-ui 2.43.2 → 2.44.1

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

@@ -35,10 +35,7 @@ export declare const tagProps: {
         readonly default: "default";
     };
     round: BooleanConstructor;
-    size: {
-        readonly type: PropType<"tiny" | "small" | "medium" | "large">;
-        readonly default: "medium";
-    };
+    size: PropType<import("./public-types").TagSize>;
     closable: BooleanConstructor;
     disabled: {
         readonly type: PropType<boolean | undefined>;
@@ -348,10 +345,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly default: "default";
     };
     round: BooleanConstructor;
-    size: {
-        readonly type: PropType<"tiny" | "small" | "medium" | "large">;
-        readonly default: "medium";
-    };
+    size: PropType<import("./public-types").TagSize>;
     closable: BooleanConstructor;
     disabled: {
         readonly type: PropType<boolean | undefined>;
@@ -696,10 +690,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly default: "default";
     };
     round: BooleanConstructor;
-    size: {
-        readonly type: PropType<"tiny" | "small" | "medium" | "large">;
-        readonly default: "medium";
-    };
+    size: PropType<import("./public-types").TagSize>;
     closable: BooleanConstructor;
     disabled: {
         readonly type: PropType<boolean | undefined>;
@@ -972,7 +963,6 @@ 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";
     bordered: boolean | undefined;
     closable: boolean;
     round: 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;
@@ -11,10 +12,7 @@ declare const _default: {
         readonly default: "default";
     };
     readonly round: BooleanConstructor;
-    readonly size: {
-        readonly type: PropType<"tiny" | "small" | "medium" | "large">;
-        readonly default: "medium";
-    };
+    readonly size: PropType<TagSize>;
     readonly closable: BooleanConstructor;
     readonly disabled: {
         readonly type: PropType<boolean | undefined>;

package/lib/tag/src/common-props.js

@@ -7,10 +7,7 @@ exports.default = {
         default: 'default'
     },
     round: Boolean,
-    size: {
-        type: String,
-        default: 'medium'
-    },
+    size: String,
     closable: Boolean,
     disabled: {
         type: Boolean,

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-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/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;
@@ -2173,7 +2174,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     secondInFormat: import("vue").ComputedRef<boolean>;
     mergedAttrSize: import("vue").ComputedRef<number>;
     displayTimeString: import("vue").Ref<string, string>;
-    mergedSize: import("vue").ComputedRef<"small" | "medium" | "large">;
+    mergedSize: import("vue").ComputedRef<TimePickerSize>;
     mergedDisabled: import("vue").ComputedRef<boolean>;
     isValueInvalid: import("vue").ComputedRef<boolean>;
     isHourInvalid: import("vue").ComputedRef<boolean>;
@@ -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/lib/time-picker/src/TimePicker.js

@@ -85,9 +85,23 @@ exports.default = (0, vue_1.defineComponent)({
                 }
             });
         }
-        const { mergedBorderedRef, mergedClsPrefixRef, namespaceRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
+        const { mergedBorderedRef, mergedClsPrefixRef, namespaceRef, inlineThemeDisabled, mergedComponentPropsRef } = (0, _mixins_1.useConfig)(props);
         const { localeRef, dateLocaleRef } = (0, _mixins_1.useLocale)('TimePicker');
-        const formItem = (0, _mixins_1.useFormItem)(props);
+        const formItem = (0, _mixins_1.useFormItem)(props, {
+            mergedSize: (NFormItem) => {
+                var _a, _b;
+                const { size } = props;
+                if (size)
+                    return size;
+                const { mergedSize: formItemSize } = NFormItem || {};
+                if (formItemSize === null || formItemSize === void 0 ? void 0 : formItemSize.value)
+                    return formItemSize.value;
+                const configSize = (_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.TimePicker) === null || _b === void 0 ? void 0 : _b.size;
+                if (configSize)
+                    return configSize;
+                return 'medium';
+            }
+        });
         const { mergedSizeRef, mergedDisabledRef, mergedStatusRef } = formItem;
         const themeRef = (0, _mixins_1.useTheme)('TimePicker', '-time-picker', index_cssr_1.default, styles_1.timePickerLight, props, mergedClsPrefixRef);
         const keyboardState = (0, vooks_1.useKeyboard)();

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/tooltip/src/Tooltip.d.ts

@@ -671,23 +671,23 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{}>, {
     disabled: boolean;
     raw: boolean;
+    width: number | "trigger";
+    duration: number;
+    scrollable: boolean;
+    trigger: import("../../popover").PopoverTrigger;
     to: string | boolean | HTMLElement;
     placement: import("vueuc/lib/binder/src/interface").Placement;
-    width: number | "trigger";
     show: boolean | undefined;
     showArrow: boolean;
-    trigger: import("../../popover").PopoverTrigger;
     arrow: boolean | undefined;
     defaultShow: boolean;
     delay: number;
-    duration: 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/index.d.ts

@@ -1,3 +1,4 @@
 export type { Option as TransferOption, TransferRenderSourceLabel, TransferRenderSourceList, TransferRenderTargetLabel } from './src/interface';
+export type * from './src/public-types';
 export { default as NTransfer, transferProps } from './src/Transfer';
 export type { TransferProps } from './src/Transfer';

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

@@ -1,6 +1,7 @@
 import type { PropType, VNodeChild } from 'vue';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { Filter, OnUpdateValue, Option, OptionValue, TransferRenderSourceLabel, TransferRenderSourceList, TransferRenderTargetLabel } from './interface';
+import type { TransferSize } from './public-types';
 export declare const transferProps: {
     readonly value: PropType<OptionValue[] | null>;
     readonly defaultValue: {
@@ -36,7 +37,7 @@ export declare const transferProps: {
         readonly type: PropType<Filter>;
         readonly default: (pattern: string, option: Option) => number | true;
     };
-    readonly size: PropType<"small" | "medium" | "large">;
+    readonly size: PropType<TransferSize>;
     readonly renderSourceLabel: PropType<TransferRenderSourceLabel>;
     readonly renderTargetLabel: PropType<TransferRenderTargetLabel>;
     readonly renderSourceList: PropType<TransferRenderSourceList>;
@@ -1203,7 +1204,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: PropType<Filter>;
         readonly default: (pattern: string, option: Option) => number | true;
     };
-    readonly size: PropType<"small" | "medium" | "large">;
+    readonly size: PropType<TransferSize>;
     readonly renderSourceLabel: PropType<TransferRenderSourceLabel>;
     readonly renderTargetLabel: PropType<TransferRenderTargetLabel>;
     readonly renderSourceList: PropType<TransferRenderSourceList>;
@@ -2758,7 +2759,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     filteredTgtOpts: import("vue").ComputedRef<Option[]>;
     srcPattern: import("vue").Ref<string, string>;
     tgtPattern: import("vue").Ref<string, string>;
-    mergedSize: import("vue").ComputedRef<"small" | "medium" | "large">;
+    mergedSize: import("vue").ComputedRef<TransferSize>;
     mergedSrcFilterable: import("vue").ComputedRef<boolean>;
     handleSrcFilterUpdateValue: (value: string | null) => void;
     handleTgtFilterUpdateValue: (value: string | null) => void;
@@ -2829,7 +2830,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: PropType<Filter>;
         readonly default: (pattern: string, option: Option) => number | true;
     };
-    readonly size: PropType<"small" | "medium" | "large">;
+    readonly size: PropType<TransferSize>;
     readonly renderSourceLabel: PropType<TransferRenderSourceLabel>;
     readonly renderTargetLabel: PropType<TransferRenderTargetLabel>;
     readonly renderSourceList: PropType<TransferRenderSourceList>;

package/lib/transfer/src/Transfer.js

@@ -57,9 +57,23 @@ exports.default = (0, vue_1.defineComponent)({
                 }
             });
         }
-        const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
+        const { mergedClsPrefixRef, mergedComponentPropsRef } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Transfer', '-transfer', index_cssr_1.default, styles_1.transferLight, props, mergedClsPrefixRef);
-        const formItem = (0, _mixins_1.useFormItem)(props);
+        const formItem = (0, _mixins_1.useFormItem)(props, {
+            mergedSize: (NFormItem) => {
+                var _a, _b;
+                const { size } = props;
+                if (size)
+                    return size;
+                const { mergedSize: formItemSize } = NFormItem || {};
+                if (formItemSize === null || formItemSize === void 0 ? void 0 : formItemSize.value)
+                    return formItemSize.value;
+                const configSize = (_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.Transfer) === null || _b === void 0 ? void 0 : _b.size;
+                if (configSize)
+                    return configSize;
+                return 'medium';
+            }
+        });
         const { mergedSizeRef, mergedDisabledRef } = formItem;
         const itemSizeRef = (0, vue_1.computed)(() => {
             const { value: size } = mergedSizeRef;

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;

package/lib/transfer/src/TransferList.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const vue_1 = require("vue");
 const vueuc_1 = require("vueuc");
 const _internal_1 = require("../../_internal");
+const _mixins_1 = require("../../_mixins");
 const empty_1 = require("../../empty");
 const interface_1 = require("./interface");
 const TransferListItem_1 = __importDefault(require("./TransferListItem"));
@@ -32,8 +33,13 @@ exports.default = (0, vue_1.defineComponent)({
     },
     setup() {
         const { mergedThemeRef, mergedClsPrefixRef } = (0, vue_1.inject)(interface_1.transferInjectionKey);
+        const { mergedComponentPropsRef } = (0, _mixins_1.useConfig)();
         const scrollerInstRef = (0, vue_1.ref)(null);
         const vlInstRef = (0, vue_1.ref)(null);
+        const mergedRenderEmptyRef = (0, vue_1.computed)(() => {
+            var _a, _b;
+            return (_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.Transfer) === null || _b === void 0 ? void 0 : _b.renderEmpty;
+        });
         function syncVLScroller() {
             var _a;
             (_a = scrollerInstRef.value) === null || _a === void 0 ? void 0 : _a.sync();
@@ -55,6 +61,7 @@ exports.default = (0, vue_1.defineComponent)({
         return {
             mergedTheme: mergedThemeRef,
             mergedClsPrefix: mergedClsPrefixRef,
+            mergedRenderEmpty: mergedRenderEmptyRef,
             scrollerInstRef,
             vlInstRef,
             syncVLScroller,
@@ -63,9 +70,10 @@ exports.default = (0, vue_1.defineComponent)({
         };
     },
     render() {
+        var _a;
         const { mergedTheme, options } = this;
         if (options.length === 0) {
-            return ((0, vue_1.h)(empty_1.NEmpty, { theme: mergedTheme.peers.Empty, themeOverrides: mergedTheme.peerOverrides.Empty }));
+            return (((_a = this.mergedRenderEmpty) === null || _a === void 0 ? void 0 : _a.call(this)) || ((0, vue_1.h)(empty_1.NEmpty, { theme: mergedTheme.peers.Empty, themeOverrides: mergedTheme.peerOverrides.Empty })));
         }
         const { mergedClsPrefix, virtualScroll, source, disabled, syncVLScroller } = this;
         return ((0, vue_1.h)(_internal_1.NScrollbar, { ref: "scrollerInstRef", theme: mergedTheme.peers.Scrollbar, themeOverrides: mergedTheme.peerOverrides.Scrollbar, container: virtualScroll ? this.scrollContainer : undefined, content: virtualScroll ? this.scrollContent : undefined }, {

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

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

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

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

package/lib/tree/index.d.ts

@@ -1,4 +1,5 @@
 export type { TreeDragInfo, TreeDropInfo, TreeInst, TreeOption, TreeOverrideNodeClickBehavior, TreeOverrideNodeClickBehaviorReturn } from './src/interface';
+export type * from './src/public-types';
 export { default as NTree, treeProps } from './src/Tree';
 export type { TreeProps, TreeSlots } from './src/Tree';
 export { treeGetClickTarget } from './src/utils';

package/lib/tree/src/Tree.d.ts

@@ -5,6 +5,7 @@ import type { ScrollbarInst } from '../../_internal';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { ScrollbarProps } from '../../scrollbar/src/Scrollbar';
 import type { AllowDrop, CheckOnClick, GetChildren, Key, OnLoad, RenderLabel, RenderPrefix, RenderSuffix, RenderSwitcherIcon, TreeDragInfo, TreeDropInfo, TreeNodeProps, TreeOption, TreeOptions, TreeOverrideNodeClickBehavior } from './interface';
+import type { TreeSpinProps } from './public-types';
 import { defaultAllowDrop } from './dnd';
 export declare function createTreeMateOptions<T>(keyField: string, childrenField: string, disabledField: string, getChildren: GetChildren | undefined): TreeMateOptions<T, T, T>;
 export type OnUpdateCheckedKeys = (value: Array<string & number>, option: Array<TreeOption | null>, meta: {
@@ -95,6 +96,7 @@ export declare const treeProps: {
         readonly type: PropType<CheckStrategy>;
         readonly default: "all";
     };
+    readonly spinProps: PropType<TreeSpinProps>;
     /**
      * @deprecated
      */
@@ -465,6 +467,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: PropType<CheckStrategy>;
         readonly default: "all";
     };
+    readonly spinProps: PropType<TreeSpinProps>;
     /**
      * @deprecated
      */
@@ -907,6 +910,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             } | undefined;
         };
     }>;
+    mergedRenderEmpty: import("vue").ComputedRef<(() => VNodeChild) | undefined>;
     rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined, import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
     fNodes: import("vue").ComputedRef<({
         key: import("treemate").Key;
@@ -1247,6 +1251,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: PropType<CheckStrategy>;
         readonly default: "all";
     };
+    readonly spinProps: PropType<TreeSpinProps>;
     /**
      * @deprecated
      */

package/lib/tree/src/Tree.js

@@ -137,7 +137,7 @@ exports.treeProps = Object.assign(Object.assign(Object.assign(Object.assign({},
     }, checkStrategy: {
         type: String,
         default: 'all'
-    }, 
+    }, spinProps: Object, 
     /**
      * @deprecated
      */
@@ -154,9 +154,13 @@ exports.default = (0, vue_1.defineComponent)({
                 }
             });
         }
-        const { mergedClsPrefixRef, inlineThemeDisabled, mergedRtlRef } = (0, _mixins_1.useConfig)(props);
+        const { mergedClsPrefixRef, inlineThemeDisabled, mergedRtlRef, mergedComponentPropsRef } = (0, _mixins_1.useConfig)(props);
         const rtlEnabledRef = (0, _mixins_1.useRtl)('Tree', mergedRtlRef, mergedClsPrefixRef);
         const themeRef = (0, _mixins_1.useTheme)('Tree', '-tree', index_cssr_1.default, styles_1.treeLight, props, mergedClsPrefixRef);
+        const mergedRenderEmptyRef = (0, vue_1.computed)(() => {
+            var _a, _b;
+            return (_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.Tree) === null || _b === void 0 ? void 0 : _b.renderEmpty;
+        });
         const selfElRef = (0, vue_1.ref)(null);
         const scrollbarInstRef = (0, vue_1.ref)(null);
         const virtualListInstRef = (0, vue_1.ref)(null);
@@ -1158,6 +1162,7 @@ exports.default = (0, vue_1.defineComponent)({
             labelFieldRef: (0, vue_1.toRef)(props, 'labelField'),
             multipleRef: (0, vue_1.toRef)(props, 'multiple'),
             overrideDefaultNodeClickBehaviorRef: (0, vue_1.toRef)(props, 'overrideDefaultNodeClickBehavior'),
+            spinPropsRef: (0, vue_1.toRef)(props, 'spinProps'),
             handleSwitcherClick,
             handleDragEnd,
             handleDragEnter,
@@ -1227,7 +1232,7 @@ exports.default = (0, vue_1.defineComponent)({
         const themeClassHandle = inlineThemeDisabled
             ? (0, _mixins_1.useThemeClass)('tree', undefined, cssVarsRef, props)
             : undefined;
-        return Object.assign(Object.assign({}, exposedMethods), { mergedClsPrefix: mergedClsPrefixRef, mergedTheme: themeRef, rtlEnabled: rtlEnabledRef, fNodes: mergedFNodesRef, aip: aipRef, selfElRef,
+        return Object.assign(Object.assign({}, exposedMethods), { mergedClsPrefix: mergedClsPrefixRef, mergedTheme: themeRef, mergedRenderEmpty: mergedRenderEmptyRef, rtlEnabled: rtlEnabledRef, fNodes: mergedFNodesRef, aip: aipRef, selfElRef,
             virtualListInstRef,
             scrollbarInstRef,
             handleFocusout,
@@ -1265,9 +1270,12 @@ exports.default = (0, vue_1.defineComponent)({
                 default: () => {
                     var _a;
                     (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
-                    return !fNodes.length ? ((0, _utils_1.resolveSlot)(this.$slots.empty, () => [
-                        (0, vue_1.h)(empty_1.NEmpty, { class: `${mergedClsPrefix}-tree__empty`, theme: this.mergedTheme.peers.Empty, themeOverrides: this.mergedTheme.peerOverrides.Empty })
-                    ])) : ((0, vue_1.h)(vueuc_1.VVirtualList, { ref: "virtualListInstRef", items: this.fNodes, itemSize: (0, seemly_1.depx)(mergedTheme.self.nodeHeight), ignoreItemResize: this.aip, paddingTop: padding.top, paddingBottom: padding.bottom, class: this.themeClass, style: [
+                    return !fNodes.length ? ((0, _utils_1.resolveSlot)(this.$slots.empty, () => {
+                        var _a;
+                        return [
+                            ((_a = this.mergedRenderEmpty) === null || _a === void 0 ? void 0 : _a.call(this)) || ((0, vue_1.h)(empty_1.NEmpty, { class: `${mergedClsPrefix}-tree__empty`, theme: this.mergedTheme.peers.Empty, themeOverrides: this.mergedTheme.peerOverrides.Empty }))
+                        ];
+                    })) : ((0, vue_1.h)(vueuc_1.VVirtualList, { ref: "virtualListInstRef", items: this.fNodes, itemSize: (0, seemly_1.depx)(mergedTheme.self.nodeHeight), ignoreItemResize: this.aip, paddingTop: padding.top, paddingBottom: padding.bottom, class: this.themeClass, style: [
                             this.cssVars,
                             {
                                 paddingLeft: padding.left,
@@ -1289,9 +1297,12 @@ exports.default = (0, vue_1.defineComponent)({
         }
         else {
             return ((0, vue_1.h)("div", { class: treeClass, tabindex: tabindex, ref: "selfElRef", style: this.cssVars, onKeydown: mergedFocusable ? handleKeydown : undefined, onFocusout: mergedFocusable ? handleFocusout : undefined, onDragleave: draggable ? this.handleDragLeaveTree : undefined }, !fNodes.length
-                ? (0, _utils_1.resolveSlot)(this.$slots.empty, () => [
-                    (0, vue_1.h)(empty_1.NEmpty, { class: `${mergedClsPrefix}-tree__empty`, theme: this.mergedTheme.peers.Empty, themeOverrides: this.mergedTheme.peerOverrides.Empty })
-                ])
+                ? (0, _utils_1.resolveSlot)(this.$slots.empty, () => {
+                    var _a;
+                    return [
+                        ((_a = this.mergedRenderEmpty) === null || _a === void 0 ? void 0 : _a.call(this)) || ((0, vue_1.h)(empty_1.NEmpty, { class: `${mergedClsPrefix}-tree__empty`, theme: this.mergedTheme.peers.Empty, themeOverrides: this.mergedTheme.peerOverrides.Empty }))
+                    ];
+                })
                 : fNodes.map(createNode)));
         }
     }

package/lib/tree/src/TreeNodeSwitcher.js

@@ -23,7 +23,7 @@ exports.default = (0, vue_1.defineComponent)({
         }
     },
     setup(props) {
-        const { renderSwitcherIconRef } = (0, vue_1.inject)(interface_1.treeInjectionKey, null);
+        const { renderSwitcherIconRef, spinPropsRef } = (0, vue_1.inject)(interface_1.treeInjectionKey, null);
         return () => {
             const { clsPrefix, expanded, hide, indent, onClick } = props;
             return ((0, vue_1.h)("span", { "data-switcher": true, class: [
@@ -35,7 +35,7 @@ exports.default = (0, vue_1.defineComponent)({
                     (0, vue_1.h)(_internal_1.NIconSwitchTransition, null, {
                         default: () => {
                             if (props.loading) {
-                                return ((0, vue_1.h)(_internal_1.NBaseLoading, { clsPrefix: clsPrefix, key: "loading", radius: 85, strokeWidth: 20 }));
+                                return ((0, vue_1.h)(_internal_1.NBaseLoading, Object.assign({ clsPrefix: clsPrefix, key: "loading", radius: 85, strokeWidth: 20 }, spinPropsRef === null || spinPropsRef === void 0 ? void 0 : spinPropsRef.value)));
                             }
                             const { value: renderSwitcherIcon } = renderSwitcherIconRef;
                             return renderSwitcherIcon ? (renderSwitcherIcon({

package/lib/tree/src/interface.d.ts

@@ -3,6 +3,7 @@ import type { HTMLAttributes, Ref, VNodeChild } from 'vue';
 import type { VirtualListScrollTo } from 'vueuc';
 import type { MergedTheme } from '../../_mixins';
 import type { TreeTheme } from '../styles';
+import type { TreeSpinProps } from './public-types';
 export type Key = string | number;
 export type OnLoad = (node: TreeOption) => Promise<unknown>;
 export interface TreeOptionBase {
@@ -104,6 +105,7 @@ export interface TreeInjection {
     disabledFieldRef: Ref<string>;
     showLineRef: Ref<boolean>;
     overrideDefaultNodeClickBehaviorRef: Ref<TreeOverrideNodeClickBehavior | undefined>;
+    spinPropsRef: Ref<TreeSpinProps | undefined>;
     handleSwitcherClick: (node: TreeNode<TreeOption>) => void;
     handleSelect: (node: TreeNode<TreeOption>) => void;
     handleCheck: (node: TreeNode<TreeOption>, checked: boolean) => void;

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

@@ -0,0 +1,2 @@
+import type { SharedSpinProps } from '../../_internal';
+export type TreeSpinProps = SharedSpinProps;

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

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

package/lib/tree-select/index.d.ts

@@ -1,4 +1,5 @@
 export type { TreeOverrideNodeClickBehavior as TreeSelectOverrideNodeClickBehavior, TreeOverrideNodeClickBehaviorReturn as TreeSelectOverrideNodeClickBehaviorReturn } from '../tree';
 export type { TreeSelectInst, TreeSelectNodeProps, TreeSelectOption, TreeSelectRenderLabel, TreeSelectRenderPrefix, TreeSelectRenderSuffix, TreeSelectRenderTag } from './src/interface';
+export type * from './src/public-types';
 export { default as NTreeSelect, treeSelectProps } from './src/TreeSelect';
 export type { TreeSelectProps, TreeSelectSlots } from './src/TreeSelect';