naive-ui 2.24.1 → 2.24.2

package/es/_internal/scrollbar/src/ScrollBar.d.ts

@@ -25,9 +25,14 @@ export interface ScrollTo {
         debounce?: boolean;
     }): void;
 }
-export interface ScrollbarInst {
+export interface ScrollbarInstMethods {
+    syncUnifiedContainer: () => void;
     scrollTo: ScrollTo;
     sync: () => void;
+    handleMouseEnterWrapper: () => void;
+    handleMouseLeaveWrapper: () => void;
+}
+export interface ScrollbarInst extends ScrollbarInstMethods {
     containerRef: HTMLElement | null;
     contentRef: HTMLElement | null;
     containerScrollTop: number;
@@ -45,10 +50,9 @@ declare const scrollbarProps: {
         readonly type: BooleanConstructor;
         readonly default: true;
     };
-    readonly xScrollable: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
+    readonly xScrollable: BooleanConstructor;
+    readonly useUnifiedContainer: BooleanConstructor;
+    readonly triggerDisplayManually: BooleanConstructor;
     readonly container: PropType<() => HTMLElement | null | undefined>;
     readonly content: PropType<() => HTMLElement | null | undefined>;
     readonly containerClass: StringConstructor;
@@ -89,10 +93,9 @@ declare const Scrollbar: import("vue").DefineComponent<{
         readonly type: BooleanConstructor;
         readonly default: true;
     };
-    readonly xScrollable: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
+    readonly xScrollable: BooleanConstructor;
+    readonly useUnifiedContainer: BooleanConstructor;
+    readonly triggerDisplayManually: BooleanConstructor;
     readonly container: PropType<() => HTMLElement | null | undefined>;
     readonly content: PropType<() => HTMLElement | null | undefined>;
     readonly containerClass: StringConstructor;
@@ -118,8 +121,6 @@ declare const Scrollbar: import("vue").DefineComponent<{
         colorHover: string;
     }, any>>>;
 }, {
-    sync: () => void;
-    scrollTo: ScrollTo;
     mergedClsPrefix: import("vue").ComputedRef<string>;
     containerScrollTop: import("vue").Ref<number>;
     wrapperRef: import("vue").Ref<HTMLElement | null>;
@@ -139,8 +140,6 @@ declare const Scrollbar: import("vue").DefineComponent<{
     handleScroll: (e: Event) => void;
     handleContentResize: () => void;
     handleContainerResize: (e: ResizeObserverEntry) => void;
-    handleMouseEnterWrapper: () => void;
-    handleMouseLeaveWrapper: () => void;
     handleYScrollMouseDown: (e: MouseEvent) => void;
     handleXScrollMouseDown: (e: MouseEvent) => void;
     cssVars: import("vue").ComputedRef<{
@@ -151,61 +150,58 @@ declare const Scrollbar: import("vue").DefineComponent<{
         '--n-scrollbar-width': string;
         '--n-scrollbar-height': string;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly size?: unknown;
-    readonly duration?: unknown;
-    readonly scrollable?: unknown;
-    readonly xScrollable?: unknown;
-    readonly container?: unknown;
-    readonly content?: unknown;
-    readonly containerClass?: unknown;
-    readonly containerStyle?: unknown;
-    readonly contentClass?: unknown;
-    readonly contentStyle?: unknown;
-    readonly horizontalRailStyle?: unknown;
-    readonly verticalRailStyle?: unknown;
-    readonly onScroll?: unknown;
-    readonly onWheel?: unknown;
-    readonly onResize?: unknown;
-    readonly internalOnUpdateScrollLeft?: unknown;
-    readonly theme?: unknown;
-    readonly themeOverrides?: unknown;
-    readonly builtinThemeOverrides?: unknown;
-} & {
-    size: number;
-    duration: number;
-    scrollable: boolean;
-    xScrollable: boolean;
-} & {
-    content?: (() => HTMLElement | null | undefined) | undefined;
-    onScroll?: ((e: Event) => void) | undefined;
-    onWheel?: ((e: WheelEvent) => void) | undefined;
-    theme?: import("../../../_mixins").Theme<"Scrollbar", {
+    syncUnifiedContainer: () => void;
+    scrollTo: ScrollTo;
+    sync: () => void;
+    handleMouseEnterWrapper: () => void;
+    handleMouseLeaveWrapper: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly size: {
+        readonly type: NumberConstructor;
+        readonly default: 5;
+    };
+    readonly duration: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly scrollable: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly xScrollable: BooleanConstructor;
+    readonly useUnifiedContainer: BooleanConstructor;
+    readonly triggerDisplayManually: BooleanConstructor;
+    readonly container: PropType<() => HTMLElement | null | undefined>;
+    readonly content: PropType<() => HTMLElement | null | undefined>;
+    readonly containerClass: StringConstructor;
+    readonly containerStyle: PropType<string | CSSProperties>;
+    readonly contentClass: StringConstructor;
+    readonly contentStyle: PropType<string | CSSProperties>;
+    readonly horizontalRailStyle: PropType<string | CSSProperties>;
+    readonly verticalRailStyle: PropType<string | CSSProperties>;
+    readonly onScroll: PropType<(e: Event) => void>;
+    readonly onWheel: PropType<(e: WheelEvent) => void>;
+    readonly onResize: PropType<(e: ResizeObserverEntry) => void>;
+    readonly internalOnUpdateScrollLeft: PropType<(scrollLeft: number) => void>;
+    readonly theme: PropType<import("../../../_mixins").Theme<"Scrollbar", {
         color: string;
         colorHover: string;
-    }, any> | undefined;
-    themeOverrides?: import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Scrollbar", {
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Scrollbar", {
         color: string;
         colorHover: string;
-    }, any>> | undefined;
-    builtinThemeOverrides?: import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Scrollbar", {
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Scrollbar", {
         color: string;
         colorHover: string;
-    }, any>> | undefined;
-    containerClass?: string | undefined;
-    onResize?: ((e: ResizeObserverEntry) => void) | undefined;
-    container?: (() => HTMLElement | null | undefined) | undefined;
-    containerStyle?: string | CSSProperties | undefined;
-    contentClass?: string | undefined;
-    contentStyle?: string | CSSProperties | undefined;
-    horizontalRailStyle?: string | CSSProperties | undefined;
-    verticalRailStyle?: string | CSSProperties | undefined;
-    internalOnUpdateScrollLeft?: ((scrollLeft: number) => void) | undefined;
-}>, {
+    }, any>>>;
+}>>, {
     size: number;
     duration: number;
     scrollable: boolean;
     xScrollable: boolean;
+    useUnifiedContainer: boolean;
+    triggerDisplayManually: boolean;
 }>;
 declare type NativeScrollbarProps = Omit<HTMLAttributes, keyof ScrollbarInternalProps>;
 declare type MergedProps = Partial<ScrollbarInternalProps & NativeScrollbarProps>;

package/es/_internal/scrollbar/src/ScrollBar.js

@@ -1,4 +1,4 @@
-import { h, ref, defineComponent, computed, onMounted, onBeforeUnmount, mergeProps, renderSlot, Transition, watchEffect } from 'vue';
+import { h, ref, defineComponent, computed, onMounted, onBeforeUnmount, mergeProps, Transition, watchEffect } from 'vue';
 import { on, off } from 'evtd';
 import { VResizeObserver } from 'vueuc';
 import { useIsIos } from 'vooks';
@@ -14,10 +14,7 @@ const scrollbarProps = Object.assign(Object.assign({}, useTheme.props), { size:
     }, scrollable: {
         type: Boolean,
         default: true
-    }, xScrollable: {
-        type: Boolean,
-        default: false
-    }, 
+    }, xScrollable: Boolean, useUnifiedContainer: Boolean, triggerDisplayManually: Boolean, 
     // If container is set, resize observer won't not attached
     container: Function, content: Function, containerClass: String, containerStyle: [String, Object], contentClass: String, contentStyle: [String, Object], horizontalRailStyle: [String, Object], verticalRailStyle: [String, Object], onScroll: Function, onWheel: Function, onResize: Function, internalOnUpdateScrollLeft: Function });
 const Scrollbar = defineComponent({
@@ -280,11 +277,39 @@ const Scrollbar = defineComponent({
                 yRailSizeRef.value = yRailEl.offsetHeight;
             }
         }
+        /**
+         * Sometimes there's only one element that we can scroll,
+         * For example for textarea, there won't be a content element.
+         */
+        function syncUnifiedContainer() {
+            const { value: container } = mergedContainerRef;
+            if (container) {
+                containerScrollTopRef.value = container.scrollTop;
+                containerScrollLeftRef.value = container.scrollLeft;
+                containerHeightRef.value = container.offsetHeight;
+                containerWidthRef.value = container.offsetWidth;
+                contentHeightRef.value = container.scrollHeight;
+                contentWidthRef.value = container.scrollWidth;
+            }
+            const { value: xRailEl } = xRailRef;
+            const { value: yRailEl } = yRailRef;
+            if (xRailEl) {
+                xRailSizeRef.value = xRailEl.offsetWidth;
+            }
+            if (yRailEl) {
+                yRailSizeRef.value = yRailEl.offsetHeight;
+            }
+        }
         function sync() {
             if (!props.scrollable)
                 return;
-            syncPositionState();
-            syncScrollState();
+            if (props.useUnifiedContainer) {
+                syncUnifiedContainer();
+            }
+            else {
+                syncPositionState();
+                syncScrollState();
+            }
         }
         function isMouseUpAway(e) {
             var _a;
@@ -430,33 +455,23 @@ const Scrollbar = defineComponent({
             off('mouseup', window, handleYScrollMouseUp, true);
         });
         const themeRef = useTheme('Scrollbar', 'Scrollbar', style, scrollbarLight, props, mergedClsPrefixRef);
-        return {
-            sync,
+        const exposedMethods = {
             scrollTo,
-            mergedClsPrefix: mergedClsPrefixRef,
-            containerScrollTop: containerScrollTopRef,
-            wrapperRef,
+            sync,
+            syncUnifiedContainer,
+            handleMouseEnterWrapper,
+            handleMouseLeaveWrapper
+        };
+        return Object.assign(Object.assign({}, exposedMethods), { mergedClsPrefix: mergedClsPrefixRef, containerScrollTop: containerScrollTopRef, wrapperRef,
             containerRef,
             contentRef,
             yRailRef,
-            xRailRef,
-            needYBar: needYBarRef,
-            needXBar: needXBarRef,
-            yBarSizePx: yBarSizePxRef,
-            xBarSizePx: xBarSizePxRef,
-            yBarTopPx: yBarTopPxRef,
-            xBarLeftPx: xBarLeftPxRef,
-            isShowXBar: isShowXBarRef,
-            isShowYBar: isShowYBarRef,
-            isIos,
+            xRailRef, needYBar: needYBarRef, needXBar: needXBarRef, yBarSizePx: yBarSizePxRef, xBarSizePx: xBarSizePxRef, yBarTopPx: yBarTopPxRef, xBarLeftPx: xBarLeftPxRef, isShowXBar: isShowXBarRef, isShowYBar: isShowYBarRef, isIos,
             handleScroll,
             handleContentResize,
             handleContainerResize,
-            handleMouseEnterWrapper,
-            handleMouseLeaveWrapper,
             handleYScrollMouseDown,
-            handleXScrollMouseDown,
-            cssVars: computed(() => {
+            handleXScrollMouseDown, cssVars: computed(() => {
                 const { common: { cubicBezierEaseInOut, scrollbarBorderRadius, scrollbarHeight, scrollbarWidth }, self: { color, colorHover } } = themeRef.value;
                 return {
                     '--n-scrollbar-bezier': cubicBezierEaseInOut,
@@ -466,51 +481,58 @@ const Scrollbar = defineComponent({
                     '--n-scrollbar-width': scrollbarWidth,
                     '--n-scrollbar-height': scrollbarHeight
                 };
-            })
-        };
+            }) });
     },
     render() {
-        const { $slots, mergedClsPrefix } = this;
+        var _a;
+        const { $slots, mergedClsPrefix, triggerDisplayManually } = this;
         if (!this.scrollable)
-            return renderSlot($slots, 'default');
-        const createChildren = () => h('div', mergeProps(this.$attrs, {
-            role: 'none',
-            ref: 'wrapperRef',
-            class: `${mergedClsPrefix}-scrollbar`,
-            style: this.cssVars,
-            onMouseenter: this.handleMouseEnterWrapper,
-            onMouseleave: this.handleMouseLeaveWrapper
-        }), [
-            this.container ? (renderSlot($slots, 'default')) : (h("div", { role: "none", ref: "containerRef", class: [
-                    `${mergedClsPrefix}-scrollbar-container`,
-                    this.containerClass
-                ], style: this.containerStyle, onScroll: this.handleScroll, onWheel: this.onWheel },
-                h(VResizeObserver, { onResize: this.handleContentResize }, {
-                    default: () => (h("div", { ref: "contentRef", role: "none", style: [
-                            {
-                                width: this.xScrollable ? 'fit-content' : null
-                            },
-                            this.contentStyle
-                        ], class: [
-                            `${mergedClsPrefix}-scrollbar-content`,
-                            this.contentClass
-                        ] }, $slots))
-                }))),
-            h("div", { ref: "yRailRef", class: `${mergedClsPrefix}-scrollbar-rail ${mergedClsPrefix}-scrollbar-rail--vertical`, style: this.horizontalRailStyle, "aria-hidden": true },
-                h(Transition, { name: "fade-in-transition" }, {
-                    default: () => this.needYBar && this.isShowYBar && !this.isIos ? (h("div", { class: `${mergedClsPrefix}-scrollbar-rail__scrollbar`, style: {
-                            height: this.yBarSizePx,
-                            top: this.yBarTopPx
-                        }, onMousedown: this.handleYScrollMouseDown })) : null
-                })),
-            h("div", { ref: "xRailRef", class: `${mergedClsPrefix}-scrollbar-rail ${mergedClsPrefix}-scrollbar-rail--horizontal`, style: this.verticalRailStyle, "aria-hidden": true },
-                h(Transition, { name: "fade-in-transition" }, {
-                    default: () => this.needXBar && this.isShowXBar && !this.isIos ? (h("div", { class: `${mergedClsPrefix}-scrollbar-rail__scrollbar`, style: {
-                            width: this.xBarSizePx,
-                            left: this.xBarLeftPx
-                        }, onMousedown: this.handleXScrollMouseDown })) : null
-                }))
-        ]);
+            return (_a = $slots.default) === null || _a === void 0 ? void 0 : _a.call($slots);
+        const createChildren = () => {
+            var _a;
+            return h('div', mergeProps(this.$attrs, {
+                role: 'none',
+                ref: 'wrapperRef',
+                class: `${mergedClsPrefix}-scrollbar`,
+                style: this.cssVars,
+                onMouseenter: triggerDisplayManually
+                    ? undefined
+                    : this.handleMouseEnterWrapper,
+                onMouseleave: triggerDisplayManually
+                    ? undefined
+                    : this.handleMouseLeaveWrapper
+            }), [
+                this.container ? ((_a = $slots.default) === null || _a === void 0 ? void 0 : _a.call($slots)) : (h("div", { role: "none", ref: "containerRef", class: [
+                        `${mergedClsPrefix}-scrollbar-container`,
+                        this.containerClass
+                    ], style: this.containerStyle, onScroll: this.handleScroll, onWheel: this.onWheel },
+                    h(VResizeObserver, { onResize: this.handleContentResize }, {
+                        default: () => (h("div", { ref: "contentRef", role: "none", style: [
+                                {
+                                    width: this.xScrollable ? 'fit-content' : null
+                                },
+                                this.contentStyle
+                            ], class: [
+                                `${mergedClsPrefix}-scrollbar-content`,
+                                this.contentClass
+                            ] }, $slots))
+                    }))),
+                h("div", { ref: "yRailRef", class: `${mergedClsPrefix}-scrollbar-rail ${mergedClsPrefix}-scrollbar-rail--vertical`, style: this.horizontalRailStyle, "aria-hidden": true },
+                    h(Transition, { name: "fade-in-transition" }, {
+                        default: () => this.needYBar && this.isShowYBar && !this.isIos ? (h("div", { class: `${mergedClsPrefix}-scrollbar-rail__scrollbar`, style: {
+                                height: this.yBarSizePx,
+                                top: this.yBarTopPx
+                            }, onMousedown: this.handleYScrollMouseDown })) : null
+                    })),
+                h("div", { ref: "xRailRef", class: `${mergedClsPrefix}-scrollbar-rail ${mergedClsPrefix}-scrollbar-rail--horizontal`, style: this.verticalRailStyle, "aria-hidden": true },
+                    h(Transition, { name: "fade-in-transition" }, {
+                        default: () => this.needXBar && this.isShowXBar && !this.isIos ? (h("div", { class: `${mergedClsPrefix}-scrollbar-rail__scrollbar`, style: {
+                                width: this.xBarSizePx,
+                                left: this.xBarLeftPx
+                            }, onMousedown: this.handleXScrollMouseDown })) : null
+                    }))
+            ]);
+        };
         return this.container ? (createChildren()) : (h(VResizeObserver, { onResize: this.handleContainerResize }, {
             default: createChildren
         }));

package/es/_internal/select-menu/src/SelectGroupHeader.d.ts

@@ -14,11 +14,14 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     renderLabel: Ref<RenderLabelImpl | undefined>;
     renderOption: Ref<RenderOptionImpl | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    clsPrefix?: unknown;
-    tmNode?: unknown;
-} & {
-    clsPrefix: string;
-    tmNode: TreeNode<SelectGroupOption, SelectGroupOption, SelectGroupOption>;
-} & {}>, {}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    clsPrefix: {
+        type: StringConstructor;
+        required: true;
+    };
+    tmNode: {
+        type: PropType<TreeNode<SelectGroupOption, SelectGroupOption, SelectGroupOption>>;
+        required: true;
+    };
+}>>, {}>;
 export default _default;

package/es/_internal/select-menu/src/SelectMenu.d.ts

@@ -47,6 +47,10 @@ declare const _default: import("vue").DefineComponent<{
     onTabOut: PropType<() => void>;
     onMouseenter: PropType<(e: MouseEvent) => void>;
     onMouseleave: PropType<(e: MouseEvent) => void>;
+    resetMenuOnOptionsChange: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     onToggle: PropType<(tmNode: TreeNode<SelectBaseOption>) => void>;
     theme: PropType<import("../../../_mixins").Theme<"InternalSelectMenu", {
         optionFontSizeSmall: string;
@@ -385,11 +389,14 @@ declare const _default: import("vue").DefineComponent<{
         scrollTo: import("vueuc/lib/virtual-list/src/VirtualList").ScrollTo;
     } | null>;
     scrollbarRef: import("vue").Ref<{
-        scrollTo: import("../../scrollbar/src/ScrollBar").ScrollTo;
-        sync: () => void;
         containerRef: HTMLElement | null;
         contentRef: HTMLElement | null;
         containerScrollTop: number;
+        syncUnifiedContainer: () => void;
+        scrollTo: import("../../scrollbar/src/ScrollBar").ScrollTo;
+        sync: () => void;
+        handleMouseEnterWrapper: () => void;
+        handleMouseLeaveWrapper: () => void;
     } | null>;
     style: import("vue").ComputedRef<({
         '--n-height': string;
@@ -430,57 +437,57 @@ declare const _default: import("vue").DefineComponent<{
     handleMouseDown: (e: MouseEvent) => void;
     handleVirtualListResize: () => void;
     handleVirtualListScroll: (e: Event) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    clsPrefix?: unknown;
-    scrollable?: unknown;
-    treeMate?: unknown;
-    multiple?: unknown;
-    size?: unknown;
-    value?: unknown;
-    width?: unknown;
-    autoPending?: unknown;
-    virtualScroll?: unknown;
-    show?: unknown;
-    loading?: unknown;
-    focusable?: unknown;
-    renderLabel?: unknown;
-    renderOption?: unknown;
-    onMousedown?: unknown;
-    onScroll?: unknown;
-    onFocus?: unknown;
-    onBlur?: unknown;
-    onKeyup?: unknown;
-    onKeydown?: unknown;
-    onTabOut?: unknown;
-    onMouseenter?: unknown;
-    onMouseleave?: unknown;
-    onToggle?: unknown;
-    theme?: unknown;
-    themeOverrides?: unknown;
-    builtinThemeOverrides?: unknown;
-} & {
-    value: Value | null;
-    size: Size;
-    show: boolean;
-    multiple: boolean;
-    focusable: boolean;
-    loading: boolean;
-    clsPrefix: string;
-    scrollable: boolean;
-    treeMate: SelectTreeMate;
-    autoPending: boolean;
-    virtualScroll: boolean;
-} & {
-    width?: string | number | undefined;
-    onFocus?: ((e: FocusEvent) => void) | undefined;
-    onBlur?: ((e: FocusEvent) => void) | undefined;
-    onKeydown?: ((e: KeyboardEvent) => void) | undefined;
-    onKeyup?: ((e: KeyboardEvent) => void) | undefined;
-    onMousedown?: ((e: MouseEvent) => void) | undefined;
-    onMouseenter?: ((e: MouseEvent) => void) | undefined;
-    onMouseleave?: ((e: MouseEvent) => void) | undefined;
-    onScroll?: ((e: Event) => void) | undefined;
-    theme?: import("../../../_mixins").Theme<"InternalSelectMenu", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    clsPrefix: {
+        type: StringConstructor;
+        required: true;
+    };
+    scrollable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    treeMate: {
+        type: PropType<SelectTreeMate>;
+        required: true;
+    };
+    multiple: BooleanConstructor;
+    size: {
+        type: PropType<Size>;
+        default: string;
+    };
+    value: {
+        type: PropType<Value | null>;
+        default: null;
+    };
+    width: (StringConstructor | NumberConstructor)[];
+    autoPending: BooleanConstructor;
+    virtualScroll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    show: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: BooleanConstructor;
+    focusable: BooleanConstructor;
+    renderLabel: PropType<RenderLabel>;
+    renderOption: PropType<RenderOption>;
+    onMousedown: PropType<(e: MouseEvent) => void>;
+    onScroll: PropType<(e: Event) => void>;
+    onFocus: PropType<(e: FocusEvent) => void>;
+    onBlur: PropType<(e: FocusEvent) => void>;
+    onKeyup: PropType<(e: KeyboardEvent) => void>;
+    onKeydown: PropType<(e: KeyboardEvent) => void>;
+    onTabOut: PropType<() => void>;
+    onMouseenter: PropType<(e: MouseEvent) => void>;
+    onMouseleave: PropType<(e: MouseEvent) => void>;
+    resetMenuOnOptionsChange: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onToggle: PropType<(tmNode: TreeNode<SelectBaseOption>) => void>;
+    theme: PropType<import("../../../_mixins").Theme<"InternalSelectMenu", {
         optionFontSizeSmall: string;
         optionFontSizeMedium: string;
         optionFontSizeLarge: string;
@@ -531,8 +538,8 @@ declare const _default: import("vue").DefineComponent<{
             iconSizeLarge: string;
             iconSizeHuge: string;
         }, any>;
-    }> | undefined;
-    themeOverrides?: import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"InternalSelectMenu", {
+    }>>;
+    themeOverrides: PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"InternalSelectMenu", {
         optionFontSizeSmall: string;
         optionFontSizeMedium: string;
         optionFontSizeLarge: string;
@@ -583,8 +590,8 @@ declare const _default: import("vue").DefineComponent<{
             iconSizeLarge: string;
             iconSizeHuge: string;
         }, any>;
-    }>> | undefined;
-    builtinThemeOverrides?: import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"InternalSelectMenu", {
+    }>>>;
+    builtinThemeOverrides: PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"InternalSelectMenu", {
         optionFontSizeSmall: string;
         optionFontSizeMedium: string;
         optionFontSizeLarge: string;
@@ -635,12 +642,8 @@ declare const _default: import("vue").DefineComponent<{
             iconSizeLarge: string;
             iconSizeHuge: string;
         }, any>;
-    }>> | undefined;
-    renderLabel?: RenderLabel | undefined;
-    renderOption?: RenderOption | undefined;
-    onTabOut?: (() => void) | undefined;
-    onToggle?: ((tmNode: TreeNode<SelectBaseOption>) => void) | undefined;
-}>, {
+    }>>>;
+}>>, {
     value: Value | null;
     size: Size;
     show: boolean;
@@ -650,5 +653,6 @@ declare const _default: import("vue").DefineComponent<{
     scrollable: boolean;
     autoPending: boolean;
     virtualScroll: boolean;
+    resetMenuOnOptionsChange: boolean;
 }>;
 export default _default;