naive-ui 2.43.2 → 2.44.1

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/index.d.ts

@@ -1,3 +1,4 @@
 export type { MentionInst, MentionOption } from './src/interface';
 export { mentionProps, default as NMention } from './src/Mention';
 export type { MentionProps, MentionSlots } from './src/Mention';
+export type * from './src/public-types';

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

@@ -1,12 +1,13 @@
 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 { SelectBaseOption, SelectGroupOption, SelectIgnoredOption } from '../../select/src/interface';
 import type { MentionOption } from './interface';
+import type { MentionSize } from './public-types';
 export declare const mentionProps: {
     readonly to: {
         type: PropType<HTMLElement | string | boolean>;
@@ -56,7 +57,7 @@ export declare const mentionProps: {
         readonly type: PropType<FollowerPlacement>;
         readonly default: "bottom-start";
     };
-    readonly size: PropType<InputSize>;
+    readonly size: PropType<MentionSize>;
     readonly renderLabel: PropType<RenderLabel>;
     readonly status: PropType<FormValidationStatus>;
     readonly 'onUpdate:show': PropType<MaybeArray<(show: boolean) => void>>;
@@ -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;
@@ -561,7 +563,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: PropType<FollowerPlacement>;
         readonly default: "bottom-start";
     };
-    readonly size: PropType<InputSize>;
+    readonly size: PropType<MentionSize>;
     readonly renderLabel: PropType<RenderLabel>;
     readonly status: PropType<FormValidationStatus>;
     readonly 'onUpdate:show': PropType<MaybeArray<(show: boolean) => void>>;
@@ -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;
@@ -1015,7 +1018,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     namespace: import("vue").ComputedRef<string | undefined>;
     mergedClsPrefix: import("vue").Ref<string, string>;
     mergedBordered: import("vue").ComputedRef<boolean>;
-    mergedSize: import("vue").ComputedRef<"tiny" | "small" | "medium" | "large">;
+    mergedSize: import("vue").ComputedRef<MentionSize>;
     mergedStatus: import("vue").ComputedRef<FormValidationStatus | undefined>;
     mergedTheme: import("vue").ComputedRef<{
         common: import("../..").ThemeCommonVars;
@@ -1343,7 +1346,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: PropType<FollowerPlacement>;
         readonly default: "bottom-start";
     };
-    readonly size: PropType<InputSize>;
+    readonly size: PropType<MentionSize>;
     readonly renderLabel: PropType<RenderLabel>;
     readonly status: PropType<FormValidationStatus>;
     readonly 'onUpdate:show': PropType<MaybeArray<(show: boolean) => void>>;
@@ -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)({
@@ -67,9 +67,23 @@ exports.default = (0, vue_1.defineComponent)({
     props: exports.mentionProps,
     slots: Object,
     setup(props) {
-        const { namespaceRef, mergedClsPrefixRef, mergedBorderedRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
+        const { namespaceRef, mergedClsPrefixRef, mergedBorderedRef, inlineThemeDisabled, mergedComponentPropsRef } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Mention', '-mention', index_cssr_1.default, styles_1.mentionLight, 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.Mention) === null || _b === void 0 ? void 0 : _b.size;
+                if (configSize)
+                    return configSize;
+                return 'medium';
+            }
+        });
         const inputInstRef = (0, vue_1.ref)(null);
         const cursorRef = (0, vue_1.ref)(null);
         const followerRef = (0, vue_1.ref)(null);
@@ -362,7 +376,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/mention/src/public-types.d.ts

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

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

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

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;

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

@@ -63,6 +63,7 @@ export declare const NModalEnvironment: import("vue").DefineComponent<import("vu
     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;
@@ -74,10 +75,7 @@ export declare const NModalEnvironment: import("vue").DefineComponent<import("vu
         readonly type: PropType<boolean | import("../..").CardSegmented>;
         readonly default: false;
     };
-    size: {
-        readonly type: PropType<"small" | "medium" | "large" | "huge">;
-        readonly default: "medium";
-    };
+    size: PropType<import("../..").CardSize>;
     hoverable: BooleanConstructor;
     role: StringConstructor;
     tag: {
@@ -1073,6 +1071,7 @@ export declare const NModalEnvironment: import("vue").DefineComponent<import("vu
     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;
@@ -1084,10 +1083,7 @@ export declare const NModalEnvironment: import("vue").DefineComponent<import("vu
         readonly type: PropType<boolean | import("../..").CardSegmented>;
         readonly default: false;
     };
-    size: {
-        readonly type: PropType<"small" | "medium" | "large" | "huge">;
-        readonly default: "medium";
-    };
+    size: PropType<import("../..").CardSize>;
     hoverable: BooleanConstructor;
     role: StringConstructor;
     tag: {
@@ -2011,7 +2007,6 @@ export declare const NModalEnvironment: import("vue").DefineComponent<import("vu
     }>>>;
 }>> & Readonly<{}>, {
     type: "default" | "info" | "warning" | "error" | "success";
-    size: "small" | "medium" | "large" | "huge";
     showIcon: boolean;
     bordered: boolean;
     closable: boolean;
@@ -2019,6 +2014,7 @@ export declare const NModalEnvironment: import("vue").DefineComponent<import("vu
     show: boolean;
     transformOrigin: "center" | "mouse";
     tag: keyof HTMLElementTagNameMap;
+    contentScrollable: boolean;
     embedded: boolean;
     segmented: boolean | import("../..").CardSegmented;
     hoverable: boolean;

package/lib/modal/src/composables.js

@@ -55,6 +55,8 @@ function useDragModal(draggablePropsRef, options) {
         let prevMoveY = 0;
         let prevMoveX = 0;
         let mousedownEvent;
+        let rafId = null;
+        let pendingPosition = null;
         function handleMouseDown(event) {
             event.preventDefault();
             mousedownEvent = event;
@@ -67,6 +69,14 @@ function useDragModal(draggablePropsRef, options) {
             prevMoveY = +top.slice(0, -2);
             prevMoveX = +left.slice(0, -2);
         }
+        function updatePosition() {
+            if (pendingPosition) {
+                modal.style.top = `${pendingPosition.y}px`;
+                modal.style.left = `${pendingPosition.x}px`;
+                pendingPosition = null;
+            }
+            rafId = null;
+        }
         function handleMouseMove(event) {
             if (!mousedownEvent)
                 return;
@@ -89,20 +99,34 @@ function useDragModal(draggablePropsRef, options) {
             }
             const x = moveX + prevMoveX;
             const y = moveY + prevMoveY;
-            modal.style.top = `${y}px`;
-            modal.style.left = `${x}px`;
+            pendingPosition = { x, y };
+            if (!rafId) {
+                rafId = requestAnimationFrame(updatePosition);
+            }
         }
         function handleMouseUp() {
             mousedownEvent = undefined;
+            if (rafId) {
+                cancelAnimationFrame(rafId);
+                rafId = null;
+            }
+            if (pendingPosition) {
+                modal.style.top = `${pendingPosition.y}px`;
+                modal.style.left = `${pendingPosition.x}px`;
+                pendingPosition = null;
+            }
             options.onEnd(modal);
         }
         (0, evtd_1.on)('mousedown', header, handleMouseDown);
         (0, evtd_1.on)('mousemove', window, handleMouseMove);
         (0, evtd_1.on)('mouseup', window, handleMouseUp);
         cleanup = () => {
+            if (rafId) {
+                cancelAnimationFrame(rafId);
+            }
             (0, evtd_1.off)('mousedown', header, handleMouseDown);
-            (0, evtd_1.on)('mousemove', window, handleMouseMove);
-            (0, evtd_1.on)('mouseup', window, handleMouseUp);
+            (0, evtd_1.off)('mousemove', window, handleMouseMove);
+            (0, evtd_1.off)('mouseup', window, handleMouseUp);
         };
     }
     function stopDrag() {

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

@@ -32,6 +32,7 @@ declare const presetProps: {
     onNegativeClick: import("vue").PropType<(e: MouseEvent) => void>;
     onClose: import("vue").PropType<() => void>;
     closeFocusable: BooleanConstructor;
+    contentScrollable: BooleanConstructor;
     headerClass: StringConstructor;
     headerStyle: import("vue").PropType<import("vue").CSSProperties | string>;
     headerExtraClass: StringConstructor;
@@ -43,10 +44,7 @@ declare const presetProps: {
         readonly type: import("vue").PropType<boolean | import("../../card/src/Card").CardSegmented>;
         readonly default: false;
     };
-    size: {
-        readonly type: import("vue").PropType<"small" | "medium" | "large" | "huge">;
-        readonly default: "medium";
-    };
+    size: import("vue").PropType<import("../..").CardSize>;
     hoverable: BooleanConstructor;
     role: StringConstructor;
     tag: {
@@ -57,5 +55,5 @@ declare const presetProps: {
     footer: import("vue").PropType<() => import("vue").VNodeChild>;
     headerExtra: import("vue").PropType<() => import("vue").VNodeChild>;
 };
-declare const presetPropsKeys: ("type" | "size" | "title" | "showIcon" | "bordered" | "closable" | "onClose" | "icon" | "content" | "loading" | "cover" | "footer" | "tag" | "iconPlacement" | "contentClass" | "contentStyle" | "headerClass" | "headerStyle" | "headerExtraClass" | "headerExtraStyle" | "footerClass" | "footerStyle" | "embedded" | "segmented" | "hoverable" | "role" | "action" | "headerExtra" | "closeFocusable" | "negativeText" | "positiveText" | "positiveButtonProps" | "negativeButtonProps" | "titleClass" | "titleStyle" | "actionClass" | "actionStyle" | "onPositiveClick" | "onNegativeClick")[];
+declare const presetPropsKeys: ("type" | "size" | "title" | "showIcon" | "bordered" | "closable" | "onClose" | "icon" | "content" | "contentClass" | "contentStyle" | "loading" | "cover" | "footer" | "tag" | "iconPlacement" | "contentScrollable" | "headerClass" | "headerStyle" | "headerExtraClass" | "headerExtraStyle" | "footerClass" | "footerStyle" | "embedded" | "segmented" | "hoverable" | "role" | "action" | "headerExtra" | "closeFocusable" | "negativeText" | "positiveText" | "positiveButtonProps" | "negativeButtonProps" | "titleClass" | "titleStyle" | "actionClass" | "actionStyle" | "onPositiveClick" | "onNegativeClick")[];
 export { presetProps, presetPropsKeys };

package/lib/notification/src/NotificationProvider.d.ts

@@ -347,11 +347,11 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         content?: string | (() => import("vue").VNodeChild) | undefined;
         onMouseenter?: ((e: MouseEvent) => void) | undefined;
         onMouseleave?: ((e: MouseEvent) => void) | undefined;
+        duration?: number | undefined;
         avatar?: (() => import("vue").VNodeChild) | undefined;
         onHide?: (() => void) | undefined;
         meta?: string | (() => import("vue").VNodeChild) | undefined;
         action?: string | (() => import("vue").VNodeChild) | undefined;
-        duration?: number | undefined;
         onAfterEnter?: (() => void) | undefined;
         description?: string | (() => import("vue").VNodeChild) | undefined;
         onLeave?: (() => void) | undefined;
@@ -371,11 +371,11 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         content?: string | (() => import("vue").VNodeChild) | undefined;
         onMouseenter?: ((e: MouseEvent) => void) | undefined;
         onMouseleave?: ((e: MouseEvent) => void) | undefined;
+        duration?: number | undefined;
         avatar?: (() => import("vue").VNodeChild) | undefined;
         onHide?: (() => void) | undefined;
         meta?: string | (() => import("vue").VNodeChild) | undefined;
         action?: string | (() => import("vue").VNodeChild) | undefined;
-        duration?: number | undefined;
         onAfterEnter?: (() => void) | undefined;
         description?: string | (() => import("vue").VNodeChild) | undefined;
         onLeave?: (() => void) | undefined;
@@ -538,8 +538,8 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         }, any>;
     }>>>;
 }>> & Readonly<{}>, {
+    scrollable: boolean;
     placement: NotificationPlacement;
     keepAliveOnHover: boolean;
-    scrollable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/number-animation/src/NumberAnimation.d.ts

@@ -85,11 +85,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     onFinish: PropType<() => void>;
 }>> & Readonly<{}>, {
+    duration: number;
     to: number;
     active: boolean;
     from: number;
-    duration: number;
-    precision: number;
     showSeparator: boolean;
+    precision: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/pagination/index.d.ts

@@ -1,3 +1,4 @@
 export type { PaginationInfo, PaginationRenderLabel, PaginationSizeOption } from './src/interface';
 export { default as NPagination, paginationProps } from './src/Pagination';
 export type { PaginationProps, PaginationSlots } from './src/Pagination';
+export type * from './src/public-types';