naive-ui 2.43.2 → 2.44.1

package/lib/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/lib/pagination/src/Pagination.js

@@ -28,16 +28,13 @@ exports.paginationProps = Object.assign(Object.assign({}, _mixins_1.useTheme.pro
         default() {
             return [10];
         }
-    }, showQuickJumper: Boolean, size: {
-        type: String,
-        default: 'medium'
-    }, disabled: Boolean, pageSlot: {
+    }, showQuickJumper: Boolean, size: String, disabled: Boolean, pageSlot: {
         type: Number,
         default: 9
     }, selectProps: Object, prev: Function, next: Function, goto: Function, prefix: Function, suffix: Function, label: Function, displayOrder: {
         type: Array,
         default: ['pages', 'size-picker', 'quick-jumper']
-    }, to: _utils_1.useAdjustedTo.propTo, showQuickJumpDropdown: { type: Boolean, default: true }, 'onUpdate:page': [Function, Array], onUpdatePage: [Function, Array], 'onUpdate:pageSize': [Function, Array], onUpdatePageSize: [Function, Array], 
+    }, to: _utils_1.useAdjustedTo.propTo, showQuickJumpDropdown: { type: Boolean, default: true }, scrollbarProps: Object, 'onUpdate:page': [Function, Array], onUpdatePage: [Function, Array], 'onUpdate:pageSize': [Function, Array], onUpdatePageSize: [Function, Array], 
     /** @deprecated */
     onPageSizeChange: [Function, Array], 
     /** @deprecated */
@@ -61,6 +58,12 @@ exports.default = (0, vue_1.defineComponent)({
             });
         }
         const { mergedComponentPropsRef, mergedClsPrefixRef, inlineThemeDisabled, mergedRtlRef } = (0, _mixins_1.useConfig)(props);
+        const mergedSizeRef = (0, vue_1.computed)(() => {
+            var _a, _b;
+            return (props.size
+                || ((_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.Pagination) === null || _b === void 0 ? void 0 : _b.size)
+                || 'medium');
+        });
         const themeRef = (0, _mixins_1.useTheme)('Pagination', '-pagination', index_cssr_1.default, styles_1.paginationLight, props, mergedClsPrefixRef);
         const { localeRef } = (0, _mixins_1.useLocale)('Pagination');
         const selfRef = (0, vue_1.ref)(null);
@@ -139,12 +142,12 @@ exports.default = (0, vue_1.defineComponent)({
         const inputSizeRef = (0, vue_1.computed)(() => {
             var _a, _b;
             return (((_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.Pagination) === null || _b === void 0 ? void 0 : _b.inputSize)
-                || (0, _utils_1.smallerSize)(props.size));
+                || (0, _utils_1.smallerSize)(mergedSizeRef.value));
         });
         const selectSizeRef = (0, vue_1.computed)(() => {
             var _a, _b;
             return (((_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.Pagination) === null || _b === void 0 ? void 0 : _b.selectSize)
-                || (0, _utils_1.smallerSize)(props.size));
+                || (0, _utils_1.smallerSize)(mergedSizeRef.value));
         });
         const startIndexRef = (0, vue_1.computed)(() => {
             return (mergedPageRef.value - 1) * mergedPageSizeRef.value;
@@ -272,7 +275,7 @@ exports.default = (0, vue_1.defineComponent)({
             disableTransitionOneTick();
         });
         const cssVarsRef = (0, vue_1.computed)(() => {
-            const { size } = props;
+            const size = mergedSizeRef.value;
             const { self: { buttonBorder, buttonBorderHover, buttonBorderPressed, buttonIconColor, buttonIconColorHover, buttonIconColorPressed, itemTextColor, itemTextColorHover, itemTextColorPressed, itemTextColorActive, itemTextColorDisabled, itemColor, itemColorHover, itemColorPressed, itemColorActive, itemColorActiveHover, itemColorDisabled, itemBorder, itemBorderHover, itemBorderPressed, itemBorderActive, itemBorderDisabled, itemBorderRadius, jumperTextColor, jumperTextColorDisabled, buttonColor, buttonColorHover, buttonColorPressed, [(0, _utils_1.createKey)('itemPadding', size)]: itemPadding, [(0, _utils_1.createKey)('itemMargin', size)]: itemMargin, [(0, _utils_1.createKey)('inputWidth', size)]: inputWidth, [(0, _utils_1.createKey)('selectWidth', size)]: selectWidth, [(0, _utils_1.createKey)('inputMargin', size)]: inputMargin, [(0, _utils_1.createKey)('selectMargin', size)]: selectMargin, [(0, _utils_1.createKey)('jumperFontSize', size)]: jumperFontSize, [(0, _utils_1.createKey)('prefixMargin', size)]: prefixMargin, [(0, _utils_1.createKey)('suffixMargin', size)]: suffixMargin, [(0, _utils_1.createKey)('itemSize', size)]: itemSize, [(0, _utils_1.createKey)('buttonIconSize', size)]: buttonIconSize, [(0, _utils_1.createKey)('itemFontSize', size)]: itemFontSize, [`${(0, _utils_1.createKey)('itemMargin', size)}Rtl`]: itemMarginRtl, [`${(0, _utils_1.createKey)('inputMargin', size)}Rtl`]: inputMarginRtl }, common: { cubicBezierEaseInOut } } = themeRef.value;
             return {
                 '--n-prefix-margin': prefixMargin,
@@ -323,8 +326,7 @@ exports.default = (0, vue_1.defineComponent)({
         const themeClassHandle = inlineThemeDisabled
             ? (0, _mixins_1.useThemeClass)('pagination', (0, vue_1.computed)(() => {
                 let hash = '';
-                const { size } = props;
-                hash += size[0];
+                hash += mergedSizeRef.value[0];
                 return hash;
             }), cssVarsRef, props)
             : undefined;
@@ -539,7 +541,7 @@ exports.default = (0, vue_1.defineComponent)({
                                             }
                                         }, options: pageItem.type !== 'page' && pageItem.options
                                             ? pageItem.options
-                                            : [], onUpdateValue: this.handleMenuSelect, scrollable: true, showCheckmark: false }, { default: () => itemNode }));
+                                            : [], onUpdateValue: this.handleMenuSelect, scrollable: true, scrollbarProps: this.scrollbarProps, showCheckmark: false }, { default: () => itemNode }));
                                 }
                             })),
                             (0, vue_1.h)("div", { class: [
@@ -562,7 +564,7 @@ exports.default = (0, vue_1.defineComponent)({
                                 default: () => this.rtlEnabled ? (0, vue_1.h)(icons_1.BackwardIcon, null) : (0, vue_1.h)(icons_1.ForwardIcon, null)
                             })))));
                     case 'size-picker': {
-                        return !simple && showSizePicker ? ((0, vue_1.h)(select_1.NSelect, Object.assign({ consistentMenuWidth: false, placeholder: "", showCheckmark: false, to: this.to }, this.selectProps, { size: selectSize, options: pageSizeOptions, value: mergedPageSize, disabled: disabled, theme: mergedTheme.peers.Select, themeOverrides: mergedTheme.peerOverrides.Select, onUpdateValue: handleSizePickerChange }))) : null;
+                        return !simple && showSizePicker ? ((0, vue_1.h)(select_1.NSelect, Object.assign({ consistentMenuWidth: false, placeholder: "", showCheckmark: false, to: this.to }, this.selectProps, { size: selectSize, options: pageSizeOptions, value: mergedPageSize, disabled: disabled, scrollbarProps: this.scrollbarProps, theme: mergedTheme.peers.Select, themeOverrides: mergedTheme.peerOverrides.Select, onUpdateValue: handleSizePickerChange }))) : null;
                     }
                     case 'quick-jumper':
                         return !simple && showQuickJumper ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-pagination-quick-jumper` },

package/lib/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/lib/pagination/src/public-types.d.ts

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

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

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

package/lib/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/lib/binder/src/interface").Placement;
-    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[];

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

@@ -671,23 +671,23 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{}>, {
     disabled: boolean;
     raw: boolean;
+    width: number | "trigger";
+    duration: number;
+    scrollable: boolean;
+    trigger: PopoverTrigger;
     to: string | boolean | HTMLElement;
     placement: 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: TriggerEventHandlers[];

package/lib/popover/src/PopoverBody.d.ts

@@ -382,6 +382,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>>>;
 }>> & Readonly<{}>, {
     raw: boolean;
+    scrollable: boolean;
     to: string | boolean | HTMLElement;
     show: boolean;
     showArrow: boolean;
@@ -390,7 +391,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     animated: boolean;
     overlap: boolean;
     keepAliveOnHover: boolean;
-    scrollable: boolean;
     internalDeactivateImmediately: boolean;
     internalTrapFocus: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/popselect/index.d.ts

@@ -1,3 +1,4 @@
 export type { PopselectInst } from './src/interface';
 export { default as NPopselect, popselectProps } from './src/Popselect';
 export type { PopselectProps, PopselectSlots } from './src/Popselect';
+export type * from './src/public-types';

package/lib/popselect/src/Popselect.d.ts

@@ -1,7 +1,9 @@
 import type { ExtractPropTypes, PropType, SlotsType, VNode } from 'vue';
+import type { ScrollbarProps } from '../../_internal/scrollbar/src/Scrollbar';
 import type { ExtractPublicPropTypes } from '../../_utils';
 import type { PopoverInst, PopoverTrigger } from '../../popover';
 export declare const popselectProps: {
+    scrollbarProps: PropType<ScrollbarProps>;
     multiple: BooleanConstructor;
     value: {
         readonly type: PropType<import("../../select/src/interface").Value | null>;
@@ -12,10 +14,7 @@ export declare const popselectProps: {
         readonly type: PropType<import("../../select/src/interface").SelectMixedOption[]>;
         readonly default: () => never[];
     };
-    size: {
-        readonly type: PropType<import("./interface").PopselectSize>;
-        readonly default: "medium";
-    };
+    size: PropType<import("./public-types").PopselectSize>;
     scrollable: BooleanConstructor;
     'onUpdate:value': PropType<import("../../_utils").MaybeArray<import("../../select/src/interface").OnUpdateValue>>;
     onUpdateValue: PropType<import("../../_utils").MaybeArray<import("../../select/src/interface").OnUpdateValue>>;
@@ -39,15 +38,21 @@ export declare const popselectProps: {
     };
     disabled: BooleanConstructor;
     raw: BooleanConstructor;
+    width: {
+        type: PropType<number | "trigger">;
+        default: undefined;
+    };
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    contentClass: StringConstructor;
+    contentStyle: PropType<import("vue").CSSProperties | string>;
     to: {
         type: PropType<HTMLElement | string | boolean>;
         default: undefined;
     };
     zIndex: NumberConstructor;
-    width: {
-        type: PropType<number | "trigger">;
-        default: undefined;
-    };
     show: {
         type: PropType<boolean | undefined>;
         default: undefined;
@@ -55,8 +60,6 @@ export declare const popselectProps: {
     'onUpdate:show': PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
     onShow: PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
     onHide: PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
-    contentClass: StringConstructor;
-    contentStyle: PropType<import("vue").CSSProperties | string>;
     headerClass: StringConstructor;
     headerStyle: PropType<import("vue").CSSProperties | string>;
     footerClass: StringConstructor;
@@ -66,10 +69,6 @@ export declare const popselectProps: {
         type: NumberConstructor;
         default: number;
     };
-    duration: {
-        type: NumberConstructor;
-        default: number;
-    };
     x: NumberConstructor;
     y: NumberConstructor;
     arrowPointToCenter: BooleanConstructor;
@@ -414,6 +413,7 @@ export interface PopselectSlots {
     empty?: () => VNode[];
 }
 declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
+    scrollbarProps: PropType<ScrollbarProps>;
     multiple: BooleanConstructor;
     value: {
         readonly type: PropType<import("../../select/src/interface").Value | null>;
@@ -424,10 +424,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         readonly type: PropType<import("../../select/src/interface").SelectMixedOption[]>;
         readonly default: () => never[];
     };
-    size: {
-        readonly type: PropType<import("./interface").PopselectSize>;
-        readonly default: "medium";
-    };
+    size: PropType<import("./public-types").PopselectSize>;
     scrollable: BooleanConstructor;
     'onUpdate:value': PropType<import("../../_utils").MaybeArray<import("../../select/src/interface").OnUpdateValue>>;
     onUpdateValue: PropType<import("../../_utils").MaybeArray<import("../../select/src/interface").OnUpdateValue>>;
@@ -451,15 +448,21 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     };
     disabled: BooleanConstructor;
     raw: BooleanConstructor;
+    width: {
+        type: PropType<number | "trigger">;
+        default: undefined;
+    };
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    contentClass: StringConstructor;
+    contentStyle: PropType<import("vue").CSSProperties | string>;
     to: {
         type: PropType<HTMLElement | string | boolean>;
         default: undefined;
     };
     zIndex: NumberConstructor;
-    width: {
-        type: PropType<number | "trigger">;
-        default: undefined;
-    };
     show: {
         type: PropType<boolean | undefined>;
         default: undefined;
@@ -467,8 +470,6 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     'onUpdate:show': PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
     onShow: PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
     onHide: PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
-    contentClass: StringConstructor;
-    contentStyle: PropType<import("vue").CSSProperties | string>;
     headerClass: StringConstructor;
     headerStyle: PropType<import("vue").CSSProperties | string>;
     footerClass: StringConstructor;
@@ -478,10 +479,6 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: NumberConstructor;
         default: number;
     };
-    duration: {
-        type: NumberConstructor;
-        default: number;
-    };
     x: NumberConstructor;
     y: NumberConstructor;
     arrowPointToCenter: BooleanConstructor;
@@ -978,6 +975,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     syncPosition: () => void;
     setShow: (value: boolean) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
+    scrollbarProps: PropType<ScrollbarProps>;
     multiple: BooleanConstructor;
     value: {
         readonly type: PropType<import("../../select/src/interface").Value | null>;
@@ -988,10 +986,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         readonly type: PropType<import("../../select/src/interface").SelectMixedOption[]>;
         readonly default: () => never[];
     };
-    size: {
-        readonly type: PropType<import("./interface").PopselectSize>;
-        readonly default: "medium";
-    };
+    size: PropType<import("./public-types").PopselectSize>;
     scrollable: BooleanConstructor;
     'onUpdate:value': PropType<import("../../_utils").MaybeArray<import("../../select/src/interface").OnUpdateValue>>;
     onUpdateValue: PropType<import("../../_utils").MaybeArray<import("../../select/src/interface").OnUpdateValue>>;
@@ -1015,15 +1010,21 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     };
     disabled: BooleanConstructor;
     raw: BooleanConstructor;
+    width: {
+        type: PropType<number | "trigger">;
+        default: undefined;
+    };
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    contentClass: StringConstructor;
+    contentStyle: PropType<import("vue").CSSProperties | string>;
     to: {
         type: PropType<HTMLElement | string | boolean>;
         default: undefined;
     };
     zIndex: NumberConstructor;
-    width: {
-        type: PropType<number | "trigger">;
-        default: undefined;
-    };
     show: {
         type: PropType<boolean | undefined>;
         default: undefined;
@@ -1031,8 +1032,6 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     'onUpdate:show': PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
     onShow: PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
     onHide: PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
-    contentClass: StringConstructor;
-    contentStyle: PropType<import("vue").CSSProperties | string>;
     headerClass: StringConstructor;
     headerStyle: PropType<import("vue").CSSProperties | string>;
     footerClass: StringConstructor;
@@ -1042,10 +1041,6 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: NumberConstructor;
         default: number;
     };
-    duration: {
-        type: NumberConstructor;
-        default: number;
-    };
     x: NumberConstructor;
     y: NumberConstructor;
     arrowPointToCenter: BooleanConstructor;
@@ -1383,24 +1378,23 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
 }>> & Readonly<{}>, {
     value: import("../../select/src/interface").Value | null;
     disabled: boolean;
-    size: import("./interface").PopselectSize;
     raw: boolean;
+    width: number | "trigger";
+    duration: number;
+    scrollable: boolean;
+    trigger: PopoverTrigger;
     to: string | boolean | HTMLElement;
     placement: import("vueuc/lib/binder/src/interface").Placement;
     options: import("../../select/src/interface").SelectMixedOption[];
-    width: number | "trigger";
     show: boolean | undefined;
-    trigger: PopoverTrigger;
     defaultShow: boolean;
     delay: number;
-    duration: number;
     arrowPointToCenter: boolean;
     displayDirective: "show" | "if";
     flip: boolean;
     animated: boolean;
     overlap: boolean;
     keepAliveOnHover: boolean;
-    scrollable: boolean;
     internalDeactivateImmediately: boolean;
     internalSyncTargetWithParent: boolean;
     internalInheritedEventHandlers: import("../../popover/src/Popover").TriggerEventHandlers[];

package/lib/popselect/src/Popselect.js

@@ -42,10 +42,10 @@ const Popover_1 = require("../../popover/src/Popover");
 const styles_1 = require("../styles");
 const interface_1 = require("./interface");
 const PopselectPanel_1 = __importStar(require("./PopselectPanel"));
-exports.popselectProps = Object.assign(Object.assign(Object.assign(Object.assign({}, _mixins_1.useTheme.props), (0, _utils_1.omit)(Popover_1.popoverBaseProps, ['showArrow', 'arrow'])), { placement: Object.assign(Object.assign({}, Popover_1.popoverBaseProps.placement), { default: 'bottom' }), trigger: {
+exports.popselectProps = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, _mixins_1.useTheme.props), (0, _utils_1.omit)(Popover_1.popoverBaseProps, ['showArrow', 'arrow'])), { placement: Object.assign(Object.assign({}, Popover_1.popoverBaseProps.placement), { default: 'bottom' }), trigger: {
         type: String,
         default: 'hover'
-    } }), PopselectPanel_1.panelProps);
+    } }), PopselectPanel_1.panelProps), { scrollbarProps: Object });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Popselect',
     props: exports.popselectProps,

package/lib/popselect/src/PopselectPanel.d.ts

@@ -3,7 +3,7 @@ import type { PropType } from 'vue';
 import type { NodeProps, RenderLabel } from '../../_internal/select-menu/src/interface';
 import type { MaybeArray } from '../../_utils';
 import type { OnUpdateValue, SelectBaseOption, SelectGroupOption, SelectIgnoredOption, SelectMixedOption, Value } from '../../select/src/interface';
-import type { PopselectSize } from './interface';
+import type { PopselectSize } from './public-types';
 export declare const panelProps: {
     readonly multiple: BooleanConstructor;
     readonly value: {
@@ -15,10 +15,7 @@ export declare const panelProps: {
         readonly type: PropType<SelectMixedOption[]>;
         readonly default: () => never[];
     };
-    readonly size: {
-        readonly type: PropType<PopselectSize>;
-        readonly default: "medium";
-    };
+    readonly size: PropType<PopselectSize>;
     readonly scrollable: BooleanConstructor;
     readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
     readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
@@ -33,7 +30,7 @@ export declare const panelProps: {
     readonly virtualScroll: BooleanConstructor;
     readonly onChange: PropType<MaybeArray<OnUpdateValue> | undefined>;
 };
-export declare const panelPropKeys: ("value" | "size" | "onChange" | "onMouseenter" | "onMouseleave" | "renderLabel" | "options" | "onUpdate:value" | "onUpdateValue" | "scrollable" | "multiple" | "virtualScroll" | "nodeProps" | "showCheckmark" | "cancelable")[];
+export declare const panelPropKeys: ("value" | "size" | "onChange" | "onMouseenter" | "onMouseleave" | "scrollable" | "renderLabel" | "options" | "onUpdate:value" | "onUpdateValue" | "multiple" | "virtualScroll" | "nodeProps" | "showCheckmark" | "cancelable")[];
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     readonly multiple: BooleanConstructor;
     readonly value: {
@@ -45,10 +42,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: PropType<SelectMixedOption[]>;
         readonly default: () => never[];
     };
-    readonly size: {
-        readonly type: PropType<PopselectSize>;
-        readonly default: "medium";
-    };
+    readonly size: PropType<PopselectSize>;
     readonly scrollable: BooleanConstructor;
     readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
     readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
@@ -373,6 +367,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }> | undefined;
     themeClass: import("vue").Ref<string, string> | undefined;
     onRender: (() => void) | undefined;
+    mergedSize: import("vue").ComputedRef<PopselectSize>;
+    scrollbarProps: import("../../_internal").ScrollbarProps | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly multiple: BooleanConstructor;
     readonly value: {
@@ -384,10 +380,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: PropType<SelectMixedOption[]>;
         readonly default: () => never[];
     };
-    readonly size: {
-        readonly type: PropType<PopselectSize>;
-        readonly default: "medium";
-    };
+    readonly size: PropType<PopselectSize>;
     readonly scrollable: BooleanConstructor;
     readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
     readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
@@ -403,9 +396,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly onChange: PropType<MaybeArray<OnUpdateValue> | undefined>;
 }>> & Readonly<{}>, {
     readonly value: Value | null;
-    readonly size: PopselectSize;
-    readonly options: SelectMixedOption[];
     readonly scrollable: boolean;
+    readonly options: SelectMixedOption[];
     readonly multiple: boolean;
     readonly virtualScroll: boolean;
     readonly showCheckmark: boolean;

package/lib/popselect/src/PopselectPanel.js

@@ -25,10 +25,7 @@ exports.panelProps = {
         type: Array,
         default: () => []
     },
-    size: {
-        type: String,
-        default: 'medium'
-    },
+    size: String,
     scrollable: Boolean,
     'onUpdate:value': [Function, Array],
     onUpdateValue: [Function, Array],
@@ -57,7 +54,13 @@ exports.default = (0, vue_1.defineComponent)({
             });
         }
         const NPopselect = (0, vue_1.inject)(interface_1.popselectInjectionKey);
-        const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
+        const { mergedClsPrefixRef, inlineThemeDisabled, mergedComponentPropsRef } = (0, _mixins_1.useConfig)(props);
+        const mergedSizeRef = (0, vue_1.computed)(() => {
+            var _a, _b;
+            return (props.size
+                || ((_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.Popselect) === null || _b === void 0 ? void 0 : _b.size)
+                || 'medium');
+        });
         const themeRef = (0, _mixins_1.useTheme)('Popselect', '-pop-select', index_cssr_1.default, styles_1.popselectLight, NPopselect.props, mergedClsPrefixRef);
         const treeMateRef = (0, vue_1.computed)(() => {
             return (0, treemate_1.createTreeMate)(props.options, (0, utils_1.createTmOptions)('value', 'children'));
@@ -156,13 +159,15 @@ exports.default = (0, vue_1.defineComponent)({
             handleMenuMousedown,
             cssVars: inlineThemeDisabled ? undefined : cssVarsRef,
             themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
-            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
+            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender,
+            mergedSize: mergedSizeRef,
+            scrollbarProps: NPopselect.props.scrollbarProps
         };
     },
     render() {
         var _a;
         (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
-        return ((0, vue_1.h)(_internal_1.NInternalSelectMenu, { clsPrefix: this.mergedClsPrefix, focusable: true, nodeProps: this.nodeProps, class: [`${this.mergedClsPrefix}-popselect-menu`, this.themeClass], style: this.cssVars, theme: this.mergedTheme.peers.InternalSelectMenu, themeOverrides: this.mergedTheme.peerOverrides.InternalSelectMenu, multiple: this.multiple, treeMate: this.treeMate, size: this.size, value: this.value, virtualScroll: this.virtualScroll, scrollable: this.scrollable, renderLabel: this.renderLabel, onToggle: this.handleToggle, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseenter, onMousedown: this.handleMenuMousedown, showCheckmark: this.showCheckmark }, {
+        return ((0, vue_1.h)(_internal_1.NInternalSelectMenu, { clsPrefix: this.mergedClsPrefix, focusable: true, nodeProps: this.nodeProps, class: [`${this.mergedClsPrefix}-popselect-menu`, this.themeClass], style: this.cssVars, theme: this.mergedTheme.peers.InternalSelectMenu, themeOverrides: this.mergedTheme.peerOverrides.InternalSelectMenu, multiple: this.multiple, treeMate: this.treeMate, size: this.mergedSize, value: this.value, virtualScroll: this.virtualScroll, scrollable: this.scrollable, scrollbarProps: this.scrollbarProps, renderLabel: this.renderLabel, onToggle: this.handleToggle, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseenter, onMousedown: this.handleMenuMousedown, showCheckmark: this.showCheckmark }, {
             header: () => { var _a, _b; return ((_b = (_a = this.$slots).header) === null || _b === void 0 ? void 0 : _b.call(_a)) || []; },
             action: () => { var _a, _b; return ((_b = (_a = this.$slots).action) === null || _b === void 0 ? void 0 : _b.call(_a)) || []; },
             empty: () => { var _a, _b; return ((_b = (_a = this.$slots).empty) === null || _b === void 0 ? void 0 : _b.call(_a)) || []; }

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

@@ -3,7 +3,6 @@ import type { MergedTheme } from '../../_mixins';
 import type { PopoverInst } from '../../popover/src/interface';
 import type { PopselectTheme } from '../styles';
 import type { PopselectSetupProps } from './Popselect';
-export type PopselectSize = 'small' | 'medium' | 'large' | 'huge';
 export interface PopselectInjection {
     props: PopselectSetupProps;
     mergedThemeRef: Ref<MergedTheme<PopselectTheme>>;

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

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

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

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

package/lib/radio/index.d.ts

@@ -1,3 +1,4 @@
+export type * from './src/public-types';
 export { default as NRadio, radioProps } from './src/Radio';
 export type { RadioProps } from './src/Radio';
 export { default as NRadioButton, radioButtonProps } from './src/RadioButton';