naive-ui 2.23.1 → 2.24.2

package/lib/_internal/icons/Switcher.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{} & {} & {}>, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/lib/_internal/icons/Switcher.js

@@ -4,8 +4,7 @@ const vue_1 = require("vue");
 exports.default = (0, vue_1.defineComponent)({
     name: 'Switcher',
     render() {
-        return ((0, vue_1.h)("svg", { version: "1.1", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", "enable-background": "new 0 0 512 512" },
-            (0, vue_1.h)("g", null,
-                (0, vue_1.h)("polygon", { points: "192,128 320,256 192,384" }))));
+        return ((0, vue_1.h)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" },
+            (0, vue_1.h)("path", { d: "M12 8l10 8l-10 8z" })));
     }
 });

package/lib/_internal/icons/Time.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, () => import("vue").VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{} & {} & {}>, {}>;
+declare const _default: import("vue").DefineComponent<{}, () => import("vue").VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/lib/_internal/icons/To.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, () => import("vue").VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{} & {} & {}>, {}>;
+declare const _default: import("vue").DefineComponent<{}, () => import("vue").VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/lib/_internal/icons/Trash.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, () => import("vue").VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{} & {} & {}>, {}>;
+declare const _default: import("vue").DefineComponent<{}, () => import("vue").VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/lib/_internal/icons/Warning.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, () => import("vue").VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{} & {} & {}>, {}>;
+declare const _default: import("vue").DefineComponent<{}, () => import("vue").VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/lib/_internal/icons/ZoomIn.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, () => import("vue").VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{} & {} & {}>, {}>;
+declare const _default: import("vue").DefineComponent<{}, () => import("vue").VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/lib/_internal/icons/ZoomOut.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, () => import("vue").VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{} & {} & {}>, {}>;
+declare const _default: import("vue").DefineComponent<{}, () => import("vue").VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/lib/_internal/icons/replaceable.d.ts

@@ -1,2 +1,2 @@
 import { GlobalIconConfig } from '../../config-provider';
-export declare function replaceable(name: keyof GlobalIconConfig, icon: JSX.Element): import("vue").DefineComponent<{}, () => import("vue").VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{} & {} & {}>, {}>;
+export declare function replaceable(name: keyof GlobalIconConfig, icon: JSX.Element): import("vue").DefineComponent<{}, () => import("vue").VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;

package/lib/_internal/loading/src/Loading.d.ts

@@ -23,22 +23,32 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    clsPrefix?: unknown;
-    scale?: unknown;
-    radius?: unknown;
-    strokeWidth?: unknown;
-    stroke?: unknown;
-    show?: unknown;
-} & {
-    show: boolean;
-    scale: number;
-    radius: number;
-    strokeWidth: number;
-    clsPrefix: string;
-} & {
-    stroke?: string | undefined;
-}>, {
+}, 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<{
+    clsPrefix: {
+        type: StringConstructor;
+        required: true;
+    };
+    scale: {
+        type: NumberConstructor;
+        default: number;
+    };
+    radius: {
+        type: NumberConstructor;
+        default: number;
+    };
+    strokeWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    stroke: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    show: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
     show: boolean;
     stroke: string;
     scale: number;

package/lib/_internal/menu-mask/src/MenuMask.d.ts

@@ -7,9 +7,10 @@ declare const _default: import("vue").DefineComponent<{
     showOnce: (message: string, duration?: number | undefined) => void;
     message: import("vue").Ref<string | null>;
     show: import("vue").Ref<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    clsPrefix?: unknown;
-} & {
-    clsPrefix: string;
-} & {}>, {}>;
+}, 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;
+    };
+}>>, {}>;
 export default _default;

package/lib/_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,73 +140,68 @@ 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<{
-        '--scrollbar-bezier': string;
-        '--scrollbar-color': string;
-        '--scrollbar-color-hover': string;
-        '--scrollbar-border-radius': string;
-        '--scrollbar-width': string;
-        '--scrollbar-height': string;
+        '--n-scrollbar-bezier': string;
+        '--n-scrollbar-color': string;
+        '--n-scrollbar-color-hover': string;
+        '--n-scrollbar-border-radius': string;
+        '--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/lib/_internal/scrollbar/src/ScrollBar.js

@@ -20,10 +20,7 @@ const scrollbarProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props)
     }, 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 = (0, vue_1.defineComponent)({
@@ -286,11 +283,39 @@ const Scrollbar = (0, vue_1.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;
@@ -436,86 +461,84 @@ const Scrollbar = (0, vue_1.defineComponent)({
             (0, evtd_1.off)('mouseup', window, handleYScrollMouseUp, true);
         });
         const themeRef = (0, _mixins_1.useTheme)('Scrollbar', 'Scrollbar', index_cssr_1.default, styles_1.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: (0, vue_1.computed)(() => {
+            handleXScrollMouseDown, cssVars: (0, vue_1.computed)(() => {
                 const { common: { cubicBezierEaseInOut, scrollbarBorderRadius, scrollbarHeight, scrollbarWidth }, self: { color, colorHover } } = themeRef.value;
                 return {
-                    '--scrollbar-bezier': cubicBezierEaseInOut,
-                    '--scrollbar-color': color,
-                    '--scrollbar-color-hover': colorHover,
-                    '--scrollbar-border-radius': scrollbarBorderRadius,
-                    '--scrollbar-width': scrollbarWidth,
-                    '--scrollbar-height': scrollbarHeight
+                    '--n-scrollbar-bezier': cubicBezierEaseInOut,
+                    '--n-scrollbar-color': color,
+                    '--n-scrollbar-color-hover': colorHover,
+                    '--n-scrollbar-border-radius': scrollbarBorderRadius,
+                    '--n-scrollbar-width': scrollbarWidth,
+                    '--n-scrollbar-height': scrollbarHeight
                 };
-            })
-        };
+            }) });
     },
     render() {
-        const { $slots, mergedClsPrefix } = this;
+        var _a;
+        const { $slots, mergedClsPrefix, triggerDisplayManually } = this;
         if (!this.scrollable)
-            return (0, vue_1.renderSlot)($slots, 'default');
-        const createChildren = () => (0, vue_1.h)('div', (0, vue_1.mergeProps)(this.$attrs, {
-            ref: 'wrapperRef',
-            class: `${mergedClsPrefix}-scrollbar`,
-            style: this.cssVars,
-            onMouseenter: this.handleMouseEnterWrapper,
-            onMouseleave: this.handleMouseLeaveWrapper
-        }), [
-            this.container ? ((0, vue_1.renderSlot)($slots, 'default')) : ((0, vue_1.h)("div", { ref: "containerRef", class: [
-                    `${mergedClsPrefix}-scrollbar-container`,
-                    this.containerClass
-                ], style: this.containerStyle, onScroll: this.handleScroll, onWheel: this.onWheel },
-                (0, vue_1.h)(vueuc_1.VResizeObserver, { onResize: this.handleContentResize }, {
-                    default: () => ((0, vue_1.h)("div", { ref: "contentRef", style: [
-                            {
-                                width: this.xScrollable ? 'fit-content' : null
-                            },
-                            this.contentStyle
-                        ], class: [
-                            `${mergedClsPrefix}-scrollbar-content`,
-                            this.contentClass
-                        ] }, $slots))
-                }))),
-            (0, vue_1.h)("div", { ref: "yRailRef", class: `${mergedClsPrefix}-scrollbar-rail ${mergedClsPrefix}-scrollbar-rail--vertical`, style: [this.horizontalRailStyle] },
-                (0, vue_1.h)(vue_1.Transition, { name: "fade-in-transition" }, {
-                    default: () => this.needYBar && this.isShowYBar && !this.isIos ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-scrollbar-rail__scrollbar`, style: {
-                            height: this.yBarSizePx,
-                            top: this.yBarTopPx
-                        }, onMousedown: this.handleYScrollMouseDown })) : null
-                })),
-            (0, vue_1.h)("div", { ref: "xRailRef", class: `${mergedClsPrefix}-scrollbar-rail ${mergedClsPrefix}-scrollbar-rail--horizontal`, style: [this.verticalRailStyle] },
-                (0, vue_1.h)(vue_1.Transition, { name: "fade-in-transition" }, {
-                    default: () => this.needXBar && this.isShowXBar && !this.isIos ? ((0, vue_1.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 (0, vue_1.h)('div', (0, vue_1.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)) : ((0, vue_1.h)("div", { role: "none", ref: "containerRef", class: [
+                        `${mergedClsPrefix}-scrollbar-container`,
+                        this.containerClass
+                    ], style: this.containerStyle, onScroll: this.handleScroll, onWheel: this.onWheel },
+                    (0, vue_1.h)(vueuc_1.VResizeObserver, { onResize: this.handleContentResize }, {
+                        default: () => ((0, vue_1.h)("div", { ref: "contentRef", role: "none", style: [
+                                {
+                                    width: this.xScrollable ? 'fit-content' : null
+                                },
+                                this.contentStyle
+                            ], class: [
+                                `${mergedClsPrefix}-scrollbar-content`,
+                                this.contentClass
+                            ] }, $slots))
+                    }))),
+                (0, vue_1.h)("div", { ref: "yRailRef", class: `${mergedClsPrefix}-scrollbar-rail ${mergedClsPrefix}-scrollbar-rail--vertical`, style: this.horizontalRailStyle, "aria-hidden": true },
+                    (0, vue_1.h)(vue_1.Transition, { name: "fade-in-transition" }, {
+                        default: () => this.needYBar && this.isShowYBar && !this.isIos ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-scrollbar-rail__scrollbar`, style: {
+                                height: this.yBarSizePx,
+                                top: this.yBarTopPx
+                            }, onMousedown: this.handleYScrollMouseDown })) : null
+                    })),
+                (0, vue_1.h)("div", { ref: "xRailRef", class: `${mergedClsPrefix}-scrollbar-rail ${mergedClsPrefix}-scrollbar-rail--horizontal`, style: this.verticalRailStyle, "aria-hidden": true },
+                    (0, vue_1.h)(vue_1.Transition, { name: "fade-in-transition" }, {
+                        default: () => this.needXBar && this.isShowXBar && !this.isIos ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-scrollbar-rail__scrollbar`, style: {
+                                width: this.xBarSizePx,
+                                left: this.xBarLeftPx
+                            }, onMousedown: this.handleXScrollMouseDown })) : null
+                    }))
+            ]);
+        };
         return this.container ? (createChildren()) : ((0, vue_1.h)(vueuc_1.VResizeObserver, { onResize: this.handleContainerResize }, {
             default: createChildren
         }));

package/lib/_internal/scrollbar/src/styles/index.cssr.js

@@ -13,12 +13,12 @@ Object.defineProperty(exports, "__esModule", {
 const cssr_1 = require("../../../../_utils/cssr");
 
 const fade_in_cssr_1 = __importDefault(require("../../../../_styles/transitions/fade-in.cssr")); // vars:
-// --scrollbar-bezier
-// --scrollbar-color
-// --scrollbar-color-hover
-// --scrollbar-width
-// --scrollbar-height
-// --scrollbar-border-radius
+// --n-scrollbar-bezier
+// --n-scrollbar-color
+// --n-scrollbar-color-hover
+// --n-scrollbar-width
+// --n-scrollbar-height
+// --n-scrollbar-border-radius
 
 
 exports.default = (0, cssr_1.cB)('scrollbar', `
@@ -48,19 +48,19 @@ exports.default = (0, cssr_1.cB)('scrollbar', `
  left: 2px;
  right: 2px;
  bottom: 4px;
- height: var(--scrollbar-height);
+ height: var(--n-scrollbar-height);
  `, [(0, cssr_1.c)('>', [(0, cssr_1.cE)('scrollbar', `
- height: var(--scrollbar-height);
- border-radius: var(--scrollbar-border-radius);
+ height: var(--n-scrollbar-height);
+ border-radius: var(--n-scrollbar-border-radius);
  right: 0;
  `)])]), (0, cssr_1.cM)('vertical', `
  right: 4px;
  top: 2px;
  bottom: 2px;
- width: var(--scrollbar-width);
+ width: var(--n-scrollbar-width);
  `, [(0, cssr_1.c)('>', [(0, cssr_1.cE)('scrollbar', `
- width: var(--scrollbar-width);
- border-radius: var(--scrollbar-border-radius);
+ width: var(--n-scrollbar-width);
+ border-radius: var(--n-scrollbar-border-radius);
  bottom: 0;
  `)])]), (0, cssr_1.cM)('disabled', [(0, cssr_1.c)('>', [(0, cssr_1.cE)('scrollbar', {
   pointerEvents: 'none'
@@ -68,8 +68,8 @@ exports.default = (0, cssr_1.cB)('scrollbar', `
  position: absolute;
  cursor: pointer;
  pointer-events: all;
- background-color: var(--scrollbar-color);
- transition: background-color .2s var(--scrollbar-bezier);
+ background-color: var(--n-scrollbar-color);
+ transition: background-color .2s var(--n-scrollbar-bezier);
  `, [(0, fade_in_cssr_1.default)(), (0, cssr_1.c)('&:hover', {
-  backgroundColor: 'var(--scrollbar-color-hover)'
+  backgroundColor: 'var(--n-scrollbar-color-hover)'
 })])])])])]);

package/lib/_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;