naive-ui 2.43.2 → 2.44.0

package/es/message/src/Message.mjs

@@ -137,7 +137,7 @@ export default defineComponent({
       }, cssVars]
     }, renderMessage ? renderMessage(this.$props) : h("div", {
       class: [`${mergedClsPrefix}-message ${mergedClsPrefix}-message--${type}-type`, this.rtlEnabled && `${mergedClsPrefix}-message--rtl`]
-    }, (iconNode = createIconVNode(icon, type, mergedClsPrefix)) && showIcon ? h("div", {
+    }, (iconNode = createIconVNode(icon, type, mergedClsPrefix, this.spinProps)) && showIcon ? h("div", {
       class: `${mergedClsPrefix}-message__icon ${mergedClsPrefix}-message__icon--${type}-type`
     }, h(NIconSwitchTransition, null, {
       default: () => iconNode
@@ -151,15 +151,15 @@ export default defineComponent({
     }) : null));
   }
 });
-function createIconVNode(icon, type, clsPrefix) {
+function createIconVNode(icon, type, clsPrefix, spinProps) {
   if (typeof icon === 'function') {
     return icon();
   } else {
-    const innerIcon = type === 'loading' ? h(NBaseLoading, {
+    const innerIcon = type === 'loading' ? h(NBaseLoading, Object.assign({
       clsPrefix: clsPrefix,
       strokeWidth: 24,
       scale: 0.85
-    }) : iconRenderMap[type]();
+    }, spinProps)) : iconRenderMap[type]();
     if (!innerIcon) return null;
     return h(NBaseIcon, {
       clsPrefix: clsPrefix,

package/es/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/es/message/src/MessageEnvironment.mjs

@@ -103,6 +103,7 @@ export default defineComponent({
         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

package/es/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/es/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/es/message/src/message-props.mjs

@@ -11,6 +11,7 @@ export const messageProps = {
   },
   closable: Boolean,
   keepAliveOnHover: Boolean,
+  spinProps: Object,
   onClose: Function,
   onMouseenter: Function,
   onMouseleave: Function

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

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

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

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

package/es/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/es/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("../..").CardSegmented>;
         readonly default: false;
     };
-    size: {
-        readonly type: PropType<"small" | "medium" | "large" | "huge">;
-        readonly default: "medium";
-    };
+    size: PropType<import("../..").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("../..").CardSegmented>;
         readonly default: false;
     };
-    size: {
-        readonly type: PropType<"small" | "medium" | "large" | "huge">;
-        readonly default: "medium";
-    };
+    size: PropType<import("../..").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("../..").CardSegmented;
     hoverable: boolean;

package/es/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("../..").CardSegmented>;
         readonly default: false;
     };
-    size: {
-        readonly type: PropType<"small" | "medium" | "large" | "huge">;
-        readonly default: "medium";
-    };
+    size: PropType<import("../..").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("../..").CardSegmented>;
         readonly default: false;
     };
-    size: {
-        readonly type: PropType<"small" | "medium" | "large" | "huge">;
-        readonly default: "medium";
-    };
+    size: PropType<import("../..").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("../..").CardSegmented>;
         readonly default: false;
     };
-    size: {
-        readonly type: PropType<"small" | "medium" | "large" | "huge">;
-        readonly default: "medium";
-    };
+    size: PropType<import("../..").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("../..").CardSegmented;
     hoverable: boolean;

package/es/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/es/modal/src/composables.mjs

@@ -47,6 +47,8 @@ export 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 @@ export 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;
       const {
@@ -89,20 +99,37 @@ export 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);
     }
     on('mousedown', header, handleMouseDown);
     on('mousemove', window, handleMouseMove);
     on('mouseup', window, handleMouseUp);
     cleanup = () => {
+      if (rafId) {
+        cancelAnimationFrame(rafId);
+      }
       off('mousedown', header, handleMouseDown);
-      on('mousemove', window, handleMouseMove);
-      on('mouseup', window, handleMouseUp);
+      off('mousemove', window, handleMouseMove);
+      off('mouseup', window, handleMouseUp);
     };
   }
   function stopDrag() {

package/es/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("../..").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/es/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/es/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/es/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';

package/es/pagination/src/Pagination.d.ts

@@ -1,9 +1,11 @@
 import type { PropType, SlotsType, VNode } from 'vue';
+import type { ScrollbarProps } from '../../_internal/scrollbar/src/Scrollbar';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
-import type { Size as InputSize } from '../../input/src/interface';
+import type { InputSize } from '../../input/src/public-types';
 import type { SelectProps } from '../../select';
-import type { Size as SelectSize } from '../../select/src/interface';
-import type { PaginationInfo, PaginationLabelInfo, PaginationRenderLabel, PaginationSizeOption, RenderGoto, RenderNext, RenderPrefix, RenderPrev, RenderSuffix, Size } from './interface';
+import type { SelectSize } from '../../select/src/public-types';
+import type { PaginationInfo, PaginationLabelInfo, PaginationRenderLabel, PaginationSizeOption, RenderGoto, RenderNext, RenderPrefix, RenderPrev, RenderSuffix } from './interface';
+import type { PaginationSize } from './public-types';
 import type { PageItem } from './utils';
 export declare const paginationProps: {
     readonly simple: BooleanConstructor;
@@ -26,10 +28,7 @@ export declare const paginationProps: {
         readonly default: () => number[];
     };
     readonly showQuickJumper: BooleanConstructor;
-    readonly size: {
-        readonly type: PropType<Size>;
-        readonly default: "medium";
-    };
+    readonly size: PropType<PaginationSize>;
     readonly disabled: BooleanConstructor;
     readonly pageSlot: {
         readonly type: NumberConstructor;
@@ -54,6 +53,7 @@ export declare const paginationProps: {
         readonly type: BooleanConstructor;
         readonly default: true;
     };
+    readonly scrollbarProps: PropType<ScrollbarProps>;
     readonly 'onUpdate:page': PropType<MaybeArray<(page: number) => void>>;
     readonly onUpdatePage: PropType<MaybeArray<(page: number) => void>>;
     readonly 'onUpdate:pageSize': PropType<MaybeArray<(pageSize: number) => void>>;
@@ -1294,10 +1294,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly default: () => number[];
     };
     readonly showQuickJumper: BooleanConstructor;
-    readonly size: {
-        readonly type: PropType<Size>;
-        readonly default: "medium";
-    };
+    readonly size: PropType<PaginationSize>;
     readonly disabled: BooleanConstructor;
     readonly pageSlot: {
         readonly type: NumberConstructor;
@@ -1322,6 +1319,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: BooleanConstructor;
         readonly default: true;
     };
+    readonly scrollbarProps: PropType<ScrollbarProps>;
     readonly 'onUpdate:page': PropType<MaybeArray<(page: number) => void>>;
     readonly onUpdatePage: PropType<MaybeArray<(page: number) => void>>;
     readonly 'onUpdate:pageSize': PropType<MaybeArray<(pageSize: number) => void>>;
@@ -3309,10 +3307,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly default: () => number[];
     };
     readonly showQuickJumper: BooleanConstructor;
-    readonly size: {
-        readonly type: PropType<Size>;
-        readonly default: "medium";
-    };
+    readonly size: PropType<PaginationSize>;
     readonly disabled: BooleanConstructor;
     readonly pageSlot: {
         readonly type: NumberConstructor;
@@ -3337,6 +3332,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: BooleanConstructor;
         readonly default: true;
     };
+    readonly scrollbarProps: PropType<ScrollbarProps>;
     readonly 'onUpdate:page': PropType<MaybeArray<(page: number) => void>>;
     readonly onUpdatePage: PropType<MaybeArray<(page: number) => void>>;
     readonly 'onUpdate:pageSize': PropType<MaybeArray<(pageSize: number) => void>>;
@@ -4547,7 +4543,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>>>;
 }>> & Readonly<{}>, {
     readonly disabled: boolean;
-    readonly size: Size;
     readonly to: string | boolean | HTMLElement;
     readonly simple: boolean;
     readonly defaultPage: number;

package/es/pagination/src/Pagination.mjs

@@ -34,10 +34,7 @@ export const paginationProps = Object.assign(Object.assign({}, useTheme.props),
     }
   },
   showQuickJumper: Boolean,
-  size: {
-    type: String,
-    default: 'medium'
-  },
+  size: String,
   disabled: Boolean,
   pageSlot: {
     type: Number,
@@ -59,6 +56,7 @@ export const paginationProps = Object.assign(Object.assign({}, useTheme.props),
     type: Boolean,
     default: true
   },
+  scrollbarProps: Object,
   'onUpdate:page': [Function, Array],
   onUpdatePage: [Function, Array],
   'onUpdate:pageSize': [Function, Array],
@@ -92,6 +90,10 @@ export default defineComponent({
       inlineThemeDisabled,
       mergedRtlRef
     } = useConfig(props);
+    const mergedSizeRef = computed(() => {
+      var _a, _b;
+      return props.size || ((_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.Pagination) === null || _b === void 0 ? void 0 : _b.size) || 'medium';
+    });
     const themeRef = useTheme('Pagination', '-pagination', style, paginationLight, props, mergedClsPrefixRef);
     const {
       localeRef
@@ -170,11 +172,11 @@ export default defineComponent({
     });
     const inputSizeRef = computed(() => {
       var _a, _b;
-      return ((_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.Pagination) === null || _b === void 0 ? void 0 : _b.inputSize) || smallerSize(props.size);
+      return ((_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.Pagination) === null || _b === void 0 ? void 0 : _b.inputSize) || smallerSize(mergedSizeRef.value);
     });
     const selectSizeRef = computed(() => {
       var _a, _b;
-      return ((_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.Pagination) === null || _b === void 0 ? void 0 : _b.selectSize) || smallerSize(props.size);
+      return ((_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.Pagination) === null || _b === void 0 ? void 0 : _b.selectSize) || smallerSize(mergedSizeRef.value);
     });
     const startIndexRef = computed(() => {
       return (mergedPageRef.value - 1) * mergedPageSizeRef.value;
@@ -301,9 +303,7 @@ export default defineComponent({
       disableTransitionOneTick();
     });
     const cssVarsRef = computed(() => {
-      const {
-        size
-      } = props;
+      const size = mergedSizeRef.value;
       const {
         self: {
           buttonBorder,
@@ -401,10 +401,7 @@ export default defineComponent({
     });
     const themeClassHandle = inlineThemeDisabled ? useThemeClass('pagination', computed(() => {
       let hash = '';
-      const {
-        size
-      } = props;
-      hash += size[0];
+      hash += mergedSizeRef.value[0];
       return hash;
     }), cssVarsRef, props) : undefined;
     return {
@@ -651,6 +648,7 @@ export default defineComponent({
                 options: pageItem.type !== 'page' && pageItem.options ? pageItem.options : [],
                 onUpdateValue: this.handleMenuSelect,
                 scrollable: true,
+                scrollbarProps: this.scrollbarProps,
                 showCheckmark: false
               }, {
                 default: () => itemNode
@@ -685,6 +683,7 @@ export default defineComponent({
               options: pageSizeOptions,
               value: mergedPageSize,
               disabled: disabled,
+              scrollbarProps: this.scrollbarProps,
               theme: mergedTheme.peers.Select,
               themeOverrides: mergedTheme.peerOverrides.Select,
               onUpdateValue: handleSizePickerChange

package/es/pagination/src/interface.d.ts

@@ -1,6 +1,5 @@
 import type { VNodeChild } from 'vue';
 import type { SelectBaseOption } from '../../select/src/interface';
-export type Size = 'small' | 'medium' | 'large';
 export type PaginationInfo = Parameters<RenderPrefix>[0];
 export type RenderPrefix = (info: {
     startIndex: number;

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

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

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

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

package/es/popconfirm/src/Popconfirm.d.ts

@@ -2730,23 +2730,23 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     disabled: boolean;
     raw: boolean;
     showIcon: boolean;
+    width: number | "trigger";
+    duration: number;
+    scrollable: boolean;
+    trigger: PopoverTrigger;
     to: string | boolean | HTMLElement;
     placement: import("vueuc").FollowerPlacement;
-    width: number | "trigger";
     show: boolean | undefined;
     showArrow: boolean;
-    trigger: 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[];