naive-ui 2.43.2 → 2.44.0

package/lib/input/src/Input.d.ts

@@ -2,7 +2,8 @@ import type { InputHTMLAttributes, PropType, SlotsType, TextareaHTMLAttributes,
 import type { ScrollbarInst } from '../../_internal';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { FormValidationStatus } from '../../form/src/public-types';
-import type { OnUpdateValue, Size } from './interface';
+import type { OnUpdateValue } from './interface';
+import type { InputSize } from './public-types';
 export declare const inputProps: {
     bordered: {
         type: PropType<boolean | undefined>;
@@ -22,7 +23,7 @@ export declare const inputProps: {
         type: PropType<boolean | undefined>;
         default: undefined;
     };
-    size: PropType<Size>;
+    size: PropType<InputSize>;
     rows: {
         type: PropType<number | string>;
         default: number;
@@ -355,7 +356,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<boolean | undefined>;
         default: undefined;
     };
-    size: PropType<Size>;
+    size: PropType<InputSize>;
     rows: {
         type: PropType<number | string>;
         default: number;
@@ -900,7 +901,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<boolean | undefined>;
         default: undefined;
     };
-    size: PropType<Size>;
+    size: PropType<InputSize>;
     rows: {
         type: PropType<number | string>;
         default: number;

package/lib/input/src/InputGroupLabel.d.ts

@@ -1,8 +1,8 @@
 import type { PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
-import type { Size } from './interface';
+import type { InputSize } from './public-types';
 export declare const inputGroupLabelProps: {
-    readonly size: PropType<Size>;
+    readonly size: PropType<InputSize>;
     readonly bordered: {
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
@@ -235,7 +235,7 @@ export declare const inputGroupLabelProps: {
 };
 export type InputGroupLabelProps = ExtractPublicPropTypes<typeof inputGroupLabelProps>;
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    readonly size: PropType<Size>;
+    readonly size: PropType<InputSize>;
     readonly bordered: {
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
@@ -481,7 +481,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: PropType<Size>;
+    readonly size: PropType<InputSize>;
     readonly bordered: {
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;

package/lib/input/src/InputGroupLabel.js

@@ -17,10 +17,22 @@ exports.default = (0, vue_1.defineComponent)({
     name: 'InputGroupLabel',
     props: exports.inputGroupLabelProps,
     setup(props) {
-        const { mergedBorderedRef, mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
-        const formItem = (0, _mixins_1.useFormItem)(props);
-        const { mergedSizeRef } = formItem;
+        const { mergedBorderedRef, mergedClsPrefixRef, inlineThemeDisabled, mergedComponentPropsRef } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Input', '-input-group-label', input_group_label_cssr_1.default, styles_1.inputLight, props, mergedClsPrefixRef);
+        const { mergedSizeRef } = (0, _mixins_1.useFormItem)(props, {
+            mergedSize(NFormItem) {
+                var _a, _b;
+                if (props.size !== undefined)
+                    return props.size;
+                if (NFormItem) {
+                    return NFormItem.mergedSize.value;
+                }
+                const configSize = (_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.Input) === null || _b === void 0 ? void 0 : _b.size;
+                if (configSize)
+                    return configSize;
+                return 'medium';
+            }
+        });
         const cssVarsRef = (0, vue_1.computed)(() => {
             const { value: size } = mergedSizeRef;
             const { common: { cubicBezierEaseInOut }, self: { groupLabelColor, borderRadius, groupLabelTextColor, lineHeight, groupLabelBorder, [(0, _utils_1.createKey)('fontSize', size)]: fontSize, [(0, _utils_1.createKey)('height', size)]: height } } = themeRef.value;
@@ -36,10 +48,7 @@ exports.default = (0, vue_1.defineComponent)({
             };
         });
         const themeClassHandle = inlineThemeDisabled
-            ? (0, _mixins_1.useThemeClass)('input-group-label', (0, vue_1.computed)(() => {
-                const { value: size } = mergedSizeRef;
-                return size[0];
-            }), cssVarsRef, props)
+            ? (0, _mixins_1.useThemeClass)('input-group-label', (0, vue_1.computed)(() => mergedSizeRef.value[0]), cssVarsRef, props)
             : undefined;
         return {
             mergedClsPrefix: mergedClsPrefixRef,

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

@@ -1,5 +1,4 @@
 import type { Ref, UnwrapRef } from 'vue';
-export type Size = 'tiny' | 'small' | 'medium' | 'large';
 export type OnUpdateValue = (value: string & [string, string], meta: {
     source: 0 | 1 | 'clear';
 }) => void;

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

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

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

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

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

@@ -838,6 +838,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/legacy-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"));
@@ -43,8 +44,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();
@@ -66,6 +72,7 @@ exports.default = (0, vue_1.defineComponent)({
         return {
             mergedTheme: mergedThemeRef,
             mergedClsPrefix: mergedClsPrefixRef,
+            mergedRenderEmpty: mergedRenderEmptyRef,
             scrollerInstRef,
             vlInstRef,
             syncVLScroller,
@@ -91,7 +98,12 @@ exports.default = (0, vue_1.defineComponent)({
                     })))
             }),
             (0, vue_1.h)(vue_1.Transition, { name: "fade-in-transition", appear: this.isMounted, css: !this.isInputing }, {
-                default: () => this.options.length ? null : ((0, vue_1.h)(empty_1.NEmpty, { theme: mergedTheme.peers.Empty, themeOverrides: mergedTheme.peerOverrides.Empty }))
+                default: () => {
+                    var _a;
+                    return this.options.length
+                        ? null
+                        : ((_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 }));
+                }
             })));
     }
 });

package/lib/log/index.d.ts

@@ -1,2 +1,3 @@
 export { logProps, default as NLog } from './src/Log';
 export type { LogInst, LogProps } from './src/Log';
+export type * from './src/public-types';

package/lib/log/src/Log.d.ts

@@ -2,6 +2,7 @@ import type { PropType, Ref } from 'vue';
 import type { ScrollbarInst } from '../../_internal';
 import type { Hljs } from '../../_mixins';
 import type { ExtractPublicPropTypes } from '../../_utils';
+import type { LogSpinProps } from './public-types';
 export interface LogInjection {
     trimRef: Ref<boolean>;
     languageRef: Ref<string | undefined>;
@@ -47,6 +48,7 @@ export declare const logProps: {
         readonly default: 0;
     };
     readonly hljs: ObjectConstructor;
+    readonly spinProps: PropType<LogSpinProps>;
     readonly onReachTop: PropType<() => void>;
     readonly onReachBottom: PropType<() => void>;
     readonly onRequireMore: PropType<(from: "top" | "bottom") => void>;
@@ -187,6 +189,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly default: 0;
     };
     readonly hljs: ObjectConstructor;
+    readonly spinProps: PropType<LogSpinProps>;
     readonly onReachTop: PropType<() => void>;
     readonly onReachBottom: PropType<() => void>;
     readonly onRequireMore: PropType<(from: "top" | "bottom") => void>;
@@ -424,6 +427,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly default: 0;
     };
     readonly hljs: ObjectConstructor;
+    readonly spinProps: PropType<LogSpinProps>;
     readonly onReachTop: PropType<() => void>;
     readonly onReachBottom: PropType<() => void>;
     readonly onRequireMore: PropType<(from: "top" | "bottom") => void>;

package/lib/log/src/Log.js

@@ -35,7 +35,7 @@ exports.logProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), {
     }, offsetBottom: {
         type: Number,
         default: 0
-    }, hljs: Object, onReachTop: Function, onReachBottom: Function, onRequireMore: Function });
+    }, hljs: Object, spinProps: Object, onReachTop: Function, onReachBottom: Function, onRequireMore: Function });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Log',
     props: exports.logProps,
@@ -196,7 +196,7 @@ exports.default = (0, vue_1.defineComponent)({
                 }))
             }),
             (0, vue_1.h)(vue_1.Transition, { name: "fade-in-scale-up-transition" }, {
-                default: () => this.loading ? (0, vue_1.h)(LogLoader_1.default, { clsPrefix: mergedClsPrefix }) : null
+                default: () => this.loading ? ((0, vue_1.h)(LogLoader_1.default, { clsPrefix: mergedClsPrefix, spinProps: this.spinProps })) : null
             })
         ]);
     }

package/lib/log/src/LogLoader.d.ts

@@ -1,8 +1,11 @@
+import type { PropType } from 'vue';
+import type { LogSpinProps } from './public-types';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     clsPrefix: {
         type: StringConstructor;
         required: true;
     };
+    spinProps: PropType<LogSpinProps>;
 }>, {
     locale: import("vue").Ref<{
         loading: string;
@@ -14,5 +17,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         required: true;
     };
+    spinProps: PropType<LogSpinProps>;
 }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/log/src/LogLoader.js

@@ -9,7 +9,8 @@ exports.default = (0, vue_1.defineComponent)({
         clsPrefix: {
             type: String,
             required: true
-        }
+        },
+        spinProps: Object
     },
     setup() {
         return {
@@ -19,7 +20,7 @@ exports.default = (0, vue_1.defineComponent)({
     render() {
         const { clsPrefix } = this;
         return ((0, vue_1.h)("div", { class: `${clsPrefix}-log-loader` },
-            (0, vue_1.h)(_internal_1.NBaseLoading, { clsPrefix: clsPrefix, strokeWidth: 24, scale: 0.85 }),
+            (0, vue_1.h)(_internal_1.NBaseLoading, Object.assign({ clsPrefix: clsPrefix, strokeWidth: 24, scale: 0.85 }, this.spinProps)),
             (0, vue_1.h)("span", { class: `${clsPrefix}-log-loader__content` }, this.locale.loading)));
     }
 });

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

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

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

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

package/lib/marquee/src/Marquee.js

@@ -74,8 +74,9 @@ exports.default = (0, vue_1.defineComponent)({
     },
     render() {
         const { $slots, mergedClsPrefix, animationCssVars, repeatCountInOneGroup, handleAnimationIteration } = this;
-        const originalNode = ((0, vue_1.h)(vueuc_1.VResizeObserver, { onResize: this.handleContentResize },
-            (0, vue_1.h)("div", { class: `${mergedClsPrefix}-marquee__item ${mergedClsPrefix}-marquee__original-item` }, $slots)));
+        const originalNode = ((0, vue_1.h)(vueuc_1.VResizeObserver, { onResize: this.handleContentResize }, {
+            default: () => ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-marquee__item ${mergedClsPrefix}-marquee__original-item` }, $slots))
+        }));
         const mirrorNode = ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-marquee__item` }, $slots));
         if (this.autoFill) {
             return ((0, vue_1.h)(vueuc_1.VResizeObserver, { onResize: this.handleContainerResize }, {

package/lib/mention/src/Mention.d.ts

@@ -1,10 +1,11 @@
 import type { TreeNode } from 'treemate';
 import type { PropType, SlotsType, VNode } from 'vue';
 import type { FollowerInst, FollowerPlacement } from 'vueuc';
+import type { ScrollbarProps } from '../../_internal';
 import type { RenderLabel } from '../../_internal/select-menu/src/interface';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { FormValidationStatus } from '../../form/src/public-types';
-import type { Size as InputSize } from '../../input/src/interface';
+import type { InputSize } from '../../input/src/public-types';
 import type { SelectBaseOption, SelectGroupOption, SelectIgnoredOption } from '../../select/src/interface';
 import type { MentionOption } from './interface';
 export declare const mentionProps: {
@@ -67,6 +68,7 @@ export declare const mentionProps: {
     readonly onSelect: PropType<(option: MentionOption, prefix: string) => void>;
     readonly onFocus: PropType<(e: FocusEvent) => void>;
     readonly onBlur: PropType<(e: FocusEvent) => void>;
+    readonly scrollbarProps: PropType<ScrollbarProps>;
     readonly internalDebug: BooleanConstructor;
     readonly theme: PropType<import("../../_mixins").Theme<"Mention", {
         menuBoxShadow: string;
@@ -572,6 +574,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly onSelect: PropType<(option: MentionOption, prefix: string) => void>;
     readonly onFocus: PropType<(e: FocusEvent) => void>;
     readonly onBlur: PropType<(e: FocusEvent) => void>;
+    readonly scrollbarProps: PropType<ScrollbarProps>;
     readonly internalDebug: BooleanConstructor;
     readonly theme: PropType<import("../../_mixins").Theme<"Mention", {
         menuBoxShadow: string;
@@ -1354,6 +1357,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly onSelect: PropType<(option: MentionOption, prefix: string) => void>;
     readonly onFocus: PropType<(e: FocusEvent) => void>;
     readonly onBlur: PropType<(e: FocusEvent) => void>;
+    readonly scrollbarProps: PropType<ScrollbarProps>;
     readonly internalDebug: BooleanConstructor;
     readonly theme: PropType<import("../../_mixins").Theme<"Mention", {
         menuBoxShadow: string;

package/lib/mention/src/Mention.js

@@ -59,7 +59,7 @@ exports.mentionProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props)
     }, placement: {
         type: String,
         default: 'bottom-start'
-    }, size: String, renderLabel: Function, status: String, 'onUpdate:show': [Array, Function], onUpdateShow: [Array, Function], 'onUpdate:value': [Array, Function], onUpdateValue: [Array, Function], onSearch: Function, onSelect: Function, onFocus: Function, onBlur: Function, 
+    }, size: String, renderLabel: Function, status: String, 'onUpdate:show': [Array, Function], onUpdateShow: [Array, Function], 'onUpdate:value': [Array, Function], onUpdateValue: [Array, Function], onSearch: Function, onSelect: Function, onFocus: Function, onBlur: Function, scrollbarProps: Object, 
     // private
     internalDebug: Boolean });
 exports.default = (0, vue_1.defineComponent)({
@@ -362,7 +362,7 @@ exports.default = (0, vue_1.defineComponent)({
                                 return this.showMenu ? ((0, vue_1.h)(_internal_1.NInternalSelectMenu, { clsPrefix: mergedClsPrefix, theme: mergedTheme.peers.InternalSelectMenu, themeOverrides: mergedTheme.peerOverrides.InternalSelectMenu, autoPending: true, ref: "selectMenuInstRef", class: [
                                         `${mergedClsPrefix}-mention-menu`,
                                         this.themeClass
-                                    ], loading: this.loading, treeMate: this.treeMate, virtualScroll: false, style: this.cssVars, onToggle: this.handleSelect, renderLabel: this.renderLabel }, $slots)) : null;
+                                    ], loading: this.loading, treeMate: this.treeMate, virtualScroll: false, style: this.cssVars, onToggle: this.handleSelect, renderLabel: this.renderLabel, scrollbarProps: this.scrollbarProps }, $slots)) : null;
                             }
                         }))
                     })

package/lib/menu/src/MenuOptionContent.d.ts

@@ -79,8 +79,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     isEllipsisPlaceholder: BooleanConstructor;
 }>> & Readonly<{}>, {
     disabled: boolean;
-    selected: boolean;
     hover: boolean;
+    selected: boolean;
     showArrow: boolean;
     collapsed: boolean;
     childActive: boolean;

package/lib/message/index.d.ts

@@ -1,4 +1,5 @@
 export { messageProviderProps, default as NMessageProvider } from './src/MessageProvider';
 export type { MessageApiInjection as MessageApi, MessageProviderInst, MessageProviderProps, MessageReactive } from './src/MessageProvider';
+export type * from './src/public-types';
 export type { MessageOptions, MessageRenderMessage, MessageType } from './src/types';
 export { useMessage } from './src/use-message';

package/lib/message/src/Message.d.ts

@@ -1,4 +1,5 @@
 import type { PropType, VNodeChild } from 'vue';
+import type { MessageSpinProps } from './public-types';
 import type { MessageRenderMessage, MessageType } from './types';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     render: PropType<MessageRenderMessage>;
@@ -14,6 +15,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     closable: BooleanConstructor;
     keepAliveOnHover: BooleanConstructor;
+    spinProps: PropType<MessageSpinProps>;
     onClose: PropType<() => void>;
     onMouseenter: PropType<(e: MouseEvent) => void>;
     onMouseleave: PropType<(e: MouseEvent) => void>;
@@ -68,6 +70,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     closable: BooleanConstructor;
     keepAliveOnHover: BooleanConstructor;
+    spinProps: PropType<MessageSpinProps>;
     onClose: PropType<() => void>;
     onMouseenter: PropType<(e: MouseEvent) => void>;
     onMouseleave: PropType<(e: MouseEvent) => void>;

package/lib/message/src/Message.js

@@ -92,8 +92,7 @@ exports.default = (0, vue_1.defineComponent)({
                 `${mergedClsPrefix}-message ${mergedClsPrefix}-message--${type}-type`,
                 this.rtlEnabled && `${mergedClsPrefix}-message--rtl`
             ] },
-            (iconNode = createIconVNode(icon, type, mergedClsPrefix))
-                && showIcon ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-message__icon ${mergedClsPrefix}-message__icon--${type}-type` },
+            (iconNode = createIconVNode(icon, type, mergedClsPrefix, this.spinProps)) && showIcon ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-message__icon ${mergedClsPrefix}-message__icon--${type}-type` },
                 (0, vue_1.h)(_internal_1.NIconSwitchTransition, null, {
                     default: () => iconNode
                 }))) : null,
@@ -101,12 +100,12 @@ exports.default = (0, vue_1.defineComponent)({
             closable ? ((0, vue_1.h)(_internal_1.NBaseClose, { clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-message__close`, onClick: handleClose, absolute: true })) : null))));
     }
 });
-function createIconVNode(icon, type, clsPrefix) {
+function createIconVNode(icon, type, clsPrefix, spinProps) {
     if (typeof icon === 'function') {
         return icon();
     }
     else {
-        const innerIcon = type === 'loading' ? ((0, vue_1.h)(_internal_1.NBaseLoading, { clsPrefix: clsPrefix, strokeWidth: 24, scale: 0.85 })) : (iconRenderMap[type]());
+        const innerIcon = type === 'loading' ? ((0, vue_1.h)(_internal_1.NBaseLoading, Object.assign({ clsPrefix: clsPrefix, strokeWidth: 24, scale: 0.85 }, spinProps))) : (iconRenderMap[type]());
         if (!innerIcon)
             return null;
         return ((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: clsPrefix, key: type }, {

package/lib/message/src/MessageEnvironment.d.ts

@@ -25,6 +25,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     closable: BooleanConstructor;
     keepAliveOnHover: BooleanConstructor;
+    spinProps: PropType<import("./public-types").MessageSpinProps>;
     onClose: PropType<() => void>;
     onMouseenter: PropType<(e: MouseEvent) => void>;
     onMouseleave: PropType<(e: MouseEvent) => void>;
@@ -62,6 +63,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     closable: BooleanConstructor;
     keepAliveOnHover: BooleanConstructor;
+    spinProps: PropType<import("./public-types").MessageSpinProps>;
     onClose: PropType<() => void>;
     onMouseenter: PropType<(e: MouseEvent) => void>;
     onMouseleave: PropType<(e: MouseEvent) => void>;

package/lib/message/src/MessageEnvironment.js

@@ -89,7 +89,7 @@ exports.default = (0, vue_1.defineComponent)({
     render() {
         return ((0, vue_1.h)(_internal_1.NFadeInExpandTransition, { appear: true, onAfterLeave: this.handleAfterLeave, onLeave: this.onLeave }, {
             default: () => [
-                this.show ? ((0, vue_1.h)(Message_1.default, { content: this.content, type: this.type, icon: this.icon, showIcon: this.showIcon, closable: this.closable, onClose: this.handleClose, onMouseenter: this.keepAliveOnHover ? this.handleMouseenter : undefined, onMouseleave: this.keepAliveOnHover ? this.handleMouseleave : undefined })) : null
+                this.show ? ((0, vue_1.h)(Message_1.default, { content: this.content, type: this.type, icon: this.icon, showIcon: this.showIcon, closable: this.closable, spinProps: this.spinProps, onClose: this.handleClose, onMouseenter: this.keepAliveOnHover ? this.handleMouseenter : undefined, onMouseleave: this.keepAliveOnHover ? this.handleMouseleave : undefined })) : null
             ]
         }));
     }

package/lib/message/src/MessageProvider.d.ts

@@ -746,8 +746,8 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     }, any>>>;
 }>> & Readonly<{}>, {
     closable: boolean;
-    placement: "top" | "bottom" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
     duration: number;
+    placement: "top" | "bottom" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
     keepAliveOnHover: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/message/src/message-props.d.ts

@@ -1,5 +1,6 @@
 import type { ExtractPropTypes, PropType, VNodeChild } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
+import type { MessageSpinProps } from './public-types';
 import type { MessageType } from './types';
 export declare const messageProps: {
     readonly icon: PropType<() => VNodeChild>;
@@ -14,6 +15,7 @@ export declare const messageProps: {
     };
     readonly closable: BooleanConstructor;
     readonly keepAliveOnHover: BooleanConstructor;
+    readonly spinProps: PropType<MessageSpinProps>;
     readonly onClose: PropType<() => void>;
     readonly onMouseenter: PropType<(e: MouseEvent) => void>;
     readonly onMouseleave: PropType<(e: MouseEvent) => void>;

package/lib/message/src/message-props.js

@@ -14,6 +14,7 @@ exports.messageProps = {
     },
     closable: Boolean,
     keepAliveOnHover: Boolean,
+    spinProps: Object,
     onClose: Function,
     onMouseenter: Function,
     onMouseleave: Function

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

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

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

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

package/lib/message/src/types.d.ts

@@ -1,5 +1,6 @@
 import type { VNodeChild } from 'vue';
 import type { MessageSetupProps } from './message-props';
+import type { MessageSpinProps } from './public-types';
 export type MessageType = 'info' | 'success' | 'warning' | 'error' | 'loading' | 'default';
 export type RenderMessageProps = Pick<MessageSetupProps, 'closable' | 'content' | 'icon' | 'onClose' | 'type'>;
 export type MessageRenderMessage = (props: RenderMessageProps) => VNodeChild;
@@ -11,6 +12,7 @@ export interface MessageOptions {
     keepAliveOnHover?: boolean;
     icon?: () => VNodeChild;
     showIcon?: boolean;
+    spinProps?: MessageSpinProps;
     onClose?: () => void;
     onLeave?: () => void;
     onAfterLeave?: () => void;

package/lib/modal/src/BodyWrapper.d.ts

@@ -57,6 +57,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     actionClass: PropType<string | Array<string | undefined>>;
     actionStyle: PropType<string | import("vue").CSSProperties>;
     closeFocusable: BooleanConstructor;
+    contentScrollable: BooleanConstructor;
     headerClass: StringConstructor;
     headerStyle: PropType<import("vue").CSSProperties | string>;
     headerExtraClass: StringConstructor;
@@ -68,10 +69,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: PropType<boolean | import("../../card").CardSegmented>;
         readonly default: false;
     };
-    size: {
-        readonly type: PropType<"small" | "medium" | "large" | "huge">;
-        readonly default: "medium";
-    };
+    size: PropType<import("../../card").CardSize>;
     hoverable: BooleanConstructor;
     role: StringConstructor;
     tag: {
@@ -1234,6 +1232,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     actionClass: PropType<string | Array<string | undefined>>;
     actionStyle: PropType<string | import("vue").CSSProperties>;
     closeFocusable: BooleanConstructor;
+    contentScrollable: BooleanConstructor;
     headerClass: StringConstructor;
     headerStyle: PropType<import("vue").CSSProperties | string>;
     headerExtraClass: StringConstructor;
@@ -1245,10 +1244,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: PropType<boolean | import("../../card").CardSegmented>;
         readonly default: false;
     };
-    size: {
-        readonly type: PropType<"small" | "medium" | "large" | "huge">;
-        readonly default: "medium";
-    };
+    size: PropType<import("../../card").CardSize>;
     hoverable: BooleanConstructor;
     role: StringConstructor;
     tag: {
@@ -1283,12 +1279,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     maskHidden: BooleanConstructor;
 }>> & Readonly<{}>, {
     type: "default" | "info" | "warning" | "error" | "success";
-    size: "small" | "medium" | "large" | "huge";
     showIcon: boolean;
     bordered: boolean;
     closable: boolean;
     loading: boolean;
     tag: keyof HTMLElementTagNameMap;
+    contentScrollable: boolean;
     embedded: boolean;
     segmented: boolean | import("../../card").CardSegmented;
     hoverable: boolean;

package/lib/modal/src/Modal.d.ts

@@ -59,6 +59,7 @@ export declare const modalProps: {
     actionClass: PropType<string | Array<string | undefined>>;
     actionStyle: PropType<string | CSSProperties>;
     closeFocusable: BooleanConstructor;
+    contentScrollable: BooleanConstructor;
     headerClass: StringConstructor;
     headerStyle: PropType<CSSProperties | string>;
     headerExtraClass: StringConstructor;
@@ -70,10 +71,7 @@ export declare const modalProps: {
         readonly type: PropType<boolean | import("../../card").CardSegmented>;
         readonly default: false;
     };
-    size: {
-        readonly type: PropType<"small" | "medium" | "large" | "huge">;
-        readonly default: "medium";
-    };
+    size: PropType<import("../../card").CardSize>;
     hoverable: BooleanConstructor;
     role: StringConstructor;
     tag: {
@@ -1058,6 +1056,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     actionClass: PropType<string | Array<string | undefined>>;
     actionStyle: PropType<string | CSSProperties>;
     closeFocusable: BooleanConstructor;
+    contentScrollable: BooleanConstructor;
     headerClass: StringConstructor;
     headerStyle: PropType<CSSProperties | string>;
     headerExtraClass: StringConstructor;
@@ -1069,10 +1068,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: PropType<boolean | import("../../card").CardSegmented>;
         readonly default: false;
     };
-    size: {
-        readonly type: PropType<"small" | "medium" | "large" | "huge">;
-        readonly default: "medium";
-    };
+    size: PropType<import("../../card").CardSize>;
     hoverable: BooleanConstructor;
     role: StringConstructor;
     tag: {
@@ -2072,6 +2068,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     actionClass: PropType<string | Array<string | undefined>>;
     actionStyle: PropType<string | CSSProperties>;
     closeFocusable: BooleanConstructor;
+    contentScrollable: BooleanConstructor;
     headerClass: StringConstructor;
     headerStyle: PropType<CSSProperties | string>;
     headerExtraClass: StringConstructor;
@@ -2083,10 +2080,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: PropType<boolean | import("../../card").CardSegmented>;
         readonly default: false;
     };
-    size: {
-        readonly type: PropType<"small" | "medium" | "large" | "huge">;
-        readonly default: "medium";
-    };
+    size: PropType<import("../../card").CardSize>;
     hoverable: BooleanConstructor;
     role: StringConstructor;
     tag: {
@@ -3010,7 +3004,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>>>;
 }>> & Readonly<{}>, {
     type: "default" | "info" | "warning" | "error" | "success";
-    size: "small" | "medium" | "large" | "huge";
     showIcon: boolean;
     bordered: boolean;
     closable: boolean;
@@ -3018,6 +3011,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     show: boolean;
     transformOrigin: "center" | "mouse";
     tag: keyof HTMLElementTagNameMap;
+    contentScrollable: boolean;
     embedded: boolean;
     segmented: boolean | import("../../card").CardSegmented;
     hoverable: boolean;