naive-ui 2.43.1 → 2.44.0

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: {
@@ -3009,16 +3003,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }, any>;
     }>>>;
 }>> & Readonly<{}>, {
-    type: "default" | "error" | "info" | "warning" | "success";
-    tag: keyof HTMLElementTagNameMap;
-    size: "small" | "medium" | "large" | "huge";
-    show: boolean;
-    transformOrigin: "center" | "mouse";
-    loading: boolean;
-    autoFocus: boolean;
+    type: "default" | "info" | "warning" | "error" | "success";
     showIcon: boolean;
     bordered: boolean;
     closable: boolean;
+    loading: boolean;
+    show: boolean;
+    transformOrigin: "center" | "mouse";
+    tag: keyof HTMLElementTagNameMap;
+    contentScrollable: boolean;
     embedded: boolean;
     segmented: boolean | import("../..").CardSegmented;
     hoverable: boolean;
@@ -3026,6 +3019,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     displayDirective: "show" | "if";
     blockScroll: boolean;
     closeOnEsc: boolean;
+    autoFocus: boolean;
     maskClosable: boolean;
     showMask: boolean;
     trapFocus: 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: {
@@ -2010,16 +2006,15 @@ export declare const NModalEnvironment: import("vue").DefineComponent<import("vu
         }, any>;
     }>>>;
 }>> & Readonly<{}>, {
-    type: "default" | "error" | "info" | "warning" | "success";
-    tag: keyof HTMLElementTagNameMap;
-    size: "small" | "medium" | "large" | "huge";
-    show: boolean;
-    transformOrigin: "center" | "mouse";
-    loading: boolean;
-    autoFocus: boolean;
+    type: "default" | "info" | "warning" | "error" | "success";
     showIcon: boolean;
     bordered: boolean;
     closable: boolean;
+    loading: boolean;
+    show: boolean;
+    transformOrigin: "center" | "mouse";
+    tag: keyof HTMLElementTagNameMap;
+    contentScrollable: boolean;
     embedded: boolean;
     segmented: boolean | import("../..").CardSegmented;
     hoverable: boolean;
@@ -2027,6 +2022,7 @@ export declare const NModalEnvironment: import("vue").DefineComponent<import("vu
     displayDirective: "show" | "if";
     blockScroll: boolean;
     closeOnEsc: boolean;
+    autoFocus: boolean;
     maskClosable: boolean;
     showMask: boolean;
     trapFocus: 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" | "tag" | "content" | "size" | "footer" | "title" | "cover" | "icon" | "role" | "onClose" | "action" | "loading" | "showIcon" | "bordered" | "closable" | "iconPlacement" | "contentClass" | "contentStyle" | "headerClass" | "headerStyle" | "headerExtraClass" | "headerExtraStyle" | "footerClass" | "footerStyle" | "embedded" | "segmented" | "hoverable" | "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/modal/src/styles/index.cssr.mjs

@@ -37,9 +37,9 @@ export default c([cB('modal-container', `
  min-height: 100%;
  display: flex;
  position: relative;
- `), cM('mask-hidden', `pointer-events: none;`, [c('> *', `
+ `), cM('mask-hidden', `pointer-events: none;`, [cB('modal-scroll-content', [c('> *', `
  pointer-events: all;
- `)])]), cB('modal', `
+ `)])])]), cB('modal', `
  position: relative;
  align-self: center;
  color: var(--n-text-color);

package/es/notification/src/Notification.d.ts

@@ -22,7 +22,7 @@ export declare const notificationProps: {
     readonly onMouseenter: PropType<(e: MouseEvent) => void>;
     readonly onMouseleave: PropType<(e: MouseEvent) => void>;
 };
-export declare const notificationPropKeys: ("type" | "meta" | "content" | "description" | "title" | "onMouseenter" | "onMouseleave" | "onClose" | "action" | "closable" | "avatar" | "keepAliveOnHover")[];
+export declare const notificationPropKeys: ("type" | "title" | "closable" | "onClose" | "content" | "onMouseenter" | "onMouseleave" | "avatar" | "meta" | "action" | "keepAliveOnHover" | "description")[];
 export declare const Notification: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     readonly closable: {
         readonly type: BooleanConstructor;
@@ -108,7 +108,7 @@ export declare const Notification: import("vue").DefineComponent<import("vue").E
     readonly onMouseenter: PropType<(e: MouseEvent) => void>;
     readonly onMouseleave: PropType<(e: MouseEvent) => void>;
 }>> & Readonly<{}>, {
-    readonly type: "default" | "error" | "info" | "warning" | "success";
+    readonly type: "default" | "info" | "warning" | "error" | "success";
     readonly closable: boolean;
     readonly keepAliveOnHover: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/es/notification/src/NotificationEnvironment.d.ts

@@ -110,7 +110,7 @@ export declare const NotificationEnvironment: import("vue").DefineComponent<Extr
     onMouseenter: PropType<(e: MouseEvent) => void>;
     onMouseleave: PropType<(e: MouseEvent) => void>;
 }>> & Readonly<{}>, {
-    type: "default" | "error" | "info" | "warning" | "success";
+    type: "default" | "info" | "warning" | "error" | "success";
     closable: boolean;
     keepAliveOnHover: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -337,48 +337,48 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         readonly destroy: () => void;
         readonly hide: () => void;
         readonly deactivate: () => void;
-        type?: "default" | "error" | "info" | "warning" | "success" | undefined;
+        type?: "default" | "info" | "warning" | "error" | "success" | undefined;
         closable?: boolean | undefined;
         keepAliveOnHover?: boolean | undefined;
-        meta?: string | (() => import("vue").VNodeChild) | undefined;
-        content?: string | (() => import("vue").VNodeChild) | undefined;
-        description?: string | (() => import("vue").VNodeChild) | undefined;
-        onAfterEnter?: (() => void) | undefined;
-        onLeave?: (() => void) | undefined;
-        onAfterLeave?: (() => void) | undefined;
         title?: string | (() => import("vue").VNodeChild) | undefined;
-        duration?: number | undefined;
-        onMouseenter?: ((e: MouseEvent) => void) | undefined;
-        onMouseleave?: ((e: MouseEvent) => void) | undefined;
         onClose?: (() => Promise<boolean> | boolean | any) | undefined;
-        action?: string | (() => import("vue").VNodeChild) | undefined;
+        onAfterLeave?: (() => void) | undefined;
         onAfterHide?: (() => void) | undefined;
+        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;
+        onAfterEnter?: (() => void) | undefined;
+        description?: string | (() => import("vue").VNodeChild) | undefined;
+        onLeave?: (() => void) | undefined;
         onAfterShow?: (() => void) | undefined;
     }[], NotificationReactive[] | {
         readonly key: string;
         readonly destroy: () => void;
         readonly hide: () => void;
         readonly deactivate: () => void;
-        type?: "default" | "error" | "info" | "warning" | "success" | undefined;
+        type?: "default" | "info" | "warning" | "error" | "success" | undefined;
         closable?: boolean | undefined;
         keepAliveOnHover?: boolean | undefined;
-        meta?: string | (() => import("vue").VNodeChild) | undefined;
-        content?: string | (() => import("vue").VNodeChild) | undefined;
-        description?: string | (() => import("vue").VNodeChild) | undefined;
-        onAfterEnter?: (() => void) | undefined;
-        onLeave?: (() => void) | undefined;
-        onAfterLeave?: (() => void) | undefined;
         title?: string | (() => import("vue").VNodeChild) | undefined;
-        duration?: number | undefined;
-        onMouseenter?: ((e: MouseEvent) => void) | undefined;
-        onMouseleave?: ((e: MouseEvent) => void) | undefined;
         onClose?: (() => Promise<boolean> | boolean | any) | undefined;
-        action?: string | (() => import("vue").VNodeChild) | undefined;
+        onAfterLeave?: (() => void) | undefined;
         onAfterHide?: (() => void) | undefined;
+        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;
+        onAfterEnter?: (() => void) | undefined;
+        description?: string | (() => import("vue").VNodeChild) | undefined;
+        onLeave?: (() => void) | undefined;
         onAfterShow?: (() => void) | undefined;
     }[]>;
     notificationRefs: Record<string, NotificationRef>;
@@ -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;
-    duration: number;
     from: 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>>;
@@ -4546,9 +4542,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>;
     }>>>;
 }>> & Readonly<{}>, {
-    readonly size: Size;
-    readonly to: string | boolean | HTMLElement;
     readonly disabled: boolean;
+    readonly to: string | boolean | HTMLElement;
     readonly simple: boolean;
     readonly defaultPage: number;
     readonly defaultPageCount: 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

@@ -2727,26 +2727,26 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         }>;
     }>>>;
 }>> & Readonly<{}>, {
-    to: string | boolean | HTMLElement;
     disabled: boolean;
-    show: boolean | undefined;
-    flip: boolean;
-    width: number | "trigger";
-    duration: number;
     raw: boolean;
     showIcon: boolean;
+    width: number | "trigger";
+    duration: number;
+    scrollable: boolean;
+    trigger: PopoverTrigger;
+    to: string | boolean | HTMLElement;
     placement: import("vueuc").FollowerPlacement;
+    show: boolean | undefined;
     showArrow: boolean;
-    trigger: PopoverTrigger;
     arrow: boolean | undefined;
     defaultShow: boolean;
     delay: number;
     arrowPointToCenter: boolean;
     displayDirective: "show" | "if";
+    flip: boolean;
     animated: boolean;
     overlap: boolean;
     keepAliveOnHover: boolean;
-    scrollable: boolean;
     internalDeactivateImmediately: boolean;
     internalSyncTargetWithParent: boolean;
     internalInheritedEventHandlers: import("../../popover/src/Popover").TriggerEventHandlers[];

package/es/popover/src/Popover.d.ts

@@ -669,25 +669,25 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }, any>;
     }>>>;
 }>> & Readonly<{}>, {
-    to: string | boolean | HTMLElement;
     disabled: boolean;
-    show: boolean | undefined;
-    flip: boolean;
+    raw: boolean;
     width: number | "trigger";
     duration: number;
-    raw: boolean;
+    scrollable: boolean;
+    trigger: PopoverTrigger;
+    to: string | boolean | HTMLElement;
     placement: FollowerPlacement;
+    show: boolean | undefined;
     showArrow: boolean;
-    trigger: PopoverTrigger;
     arrow: boolean | undefined;
     defaultShow: boolean;
     delay: number;
     arrowPointToCenter: boolean;
     displayDirective: "show" | "if";
+    flip: boolean;
     animated: boolean;
     overlap: boolean;
     keepAliveOnHover: boolean;
-    scrollable: boolean;
     internalDeactivateImmediately: boolean;
     internalSyncTargetWithParent: boolean;
     internalInheritedEventHandlers: TriggerEventHandlers[];