naive-ui 2.41.1 → 2.43.0

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

@@ -52,7 +52,20 @@ export declare const popoverBodyProps: {
         arrowOffsetVertical: string;
         arrowHeight: string;
         padding: string;
-    }, any>>;
+    }, {
+        Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
+            color: string;
+            colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
+        }, any>;
+    }>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popover", {
         fontSize: string;
         borderRadius: string;
@@ -66,7 +79,20 @@ export declare const popoverBodyProps: {
         arrowOffsetVertical: string;
         arrowHeight: string;
         padding: string;
-    }, any>>>;
+    }, {
+        Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
+            color: string;
+            colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
+        }, any>;
+    }>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popover", {
         fontSize: string;
         borderRadius: string;
@@ -80,7 +106,20 @@ export declare const popoverBodyProps: {
         arrowOffsetVertical: string;
         arrowHeight: string;
         padding: string;
-    }, any>>>;
+    }, {
+        Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
+            color: string;
+            colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
+        }, any>;
+    }>>>;
 };
 interface RenderArrowProps {
     arrowClass: string | undefined;
@@ -141,7 +180,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         arrowOffsetVertical: string;
         arrowHeight: string;
         padding: string;
-    }, any>>;
+    }, {
+        Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
+            color: string;
+            colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
+        }, any>;
+    }>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popover", {
         fontSize: string;
         borderRadius: string;
@@ -155,7 +207,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         arrowOffsetVertical: string;
         arrowHeight: string;
         padding: string;
-    }, any>>>;
+    }, {
+        Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
+            color: string;
+            colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
+        }, any>;
+    }>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popover", {
         fontSize: string;
         borderRadius: string;
@@ -169,7 +234,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         arrowOffsetVertical: string;
         arrowHeight: string;
         padding: string;
-    }, any>>>;
+    }, {
+        Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
+            color: string;
+            colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
+        }, any>;
+    }>>>;
 }>, {
     displayed: import("vue").Ref<boolean, boolean>;
     namespace: import("vue").ComputedRef<string | undefined>;
@@ -234,7 +312,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         arrowOffsetVertical: string;
         arrowHeight: string;
         padding: string;
-    }, any>>;
+    }, {
+        Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
+            color: string;
+            colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
+        }, any>;
+    }>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popover", {
         fontSize: string;
         borderRadius: string;
@@ -248,7 +339,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         arrowOffsetVertical: string;
         arrowHeight: string;
         padding: string;
-    }, any>>>;
+    }, {
+        Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
+            color: string;
+            colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
+        }, any>;
+    }>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popover", {
         fontSize: string;
         borderRadius: string;
@@ -262,19 +366,32 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         arrowOffsetVertical: string;
         arrowHeight: string;
         padding: string;
-    }, any>>>;
+    }, {
+        Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
+            color: string;
+            colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
+        }, any>;
+    }>>>;
 }>> & Readonly<{}>, {
     to: string | boolean | HTMLElement;
     show: boolean;
     flip: boolean;
     raw: boolean;
-    overlap: boolean;
-    scrollable: boolean;
     showArrow: boolean;
     arrowPointToCenter: boolean;
+    animated: boolean;
+    overlap: boolean;
     keepAliveOnHover: boolean;
+    scrollable: boolean;
     internalDeactivateImmediately: boolean;
-    animated: boolean;
     internalTrapFocus: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/popover/src/PopoverBody.js

@@ -31,8 +31,9 @@ exports.default = (0, vue_1.defineComponent)({
     inheritAttrs: false,
     props: exports.popoverBodyProps,
     setup(props, { slots, attrs }) {
-        const { namespaceRef, mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
+        const { namespaceRef, mergedClsPrefixRef, inlineThemeDisabled, mergedRtlRef } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Popover', '-popover', index_cssr_1.default, styles_1.popoverLight, props, mergedClsPrefixRef);
+        const rtlEnabledRef = (0, _mixins_1.useRtl)('Popover', mergedRtlRef, mergedClsPrefixRef);
         const followerRef = (0, vue_1.ref)(null);
         const NPopover = (0, vue_1.inject)('NPopover');
         const bodyRef = (0, vue_1.ref)(null);
@@ -206,7 +207,7 @@ exports.default = (0, vue_1.defineComponent)({
                             `${mergedClsPrefix}-popover__content`,
                             props.contentClass
                         ], style: props.contentStyle }, slots));
-                    const maybeScrollableBody = props.scrollable ? ((0, vue_1.h)(scrollbar_1.NxScrollbar, { contentClass: hasHeaderOrFooter
+                    const maybeScrollableBody = props.scrollable ? ((0, vue_1.h)(scrollbar_1.NxScrollbar, { themeOverrides: themeRef.value.peerOverrides.Scrollbar, theme: themeRef.value.peers.Scrollbar, contentClass: hasHeaderOrFooter
                             ? undefined
                             : `${mergedClsPrefix}-popover__content ${(_b = props.contentClass) !== null && _b !== void 0 ? _b : ''}`, contentStyle: hasHeaderOrFooter ? undefined : props.contentStyle }, {
                         default: () => body
@@ -226,6 +227,7 @@ exports.default = (0, vue_1.defineComponent)({
                     class: [
                         `${mergedClsPrefix}-popover`,
                         `${mergedClsPrefix}-popover-shared`,
+                        (rtlEnabledRef === null || rtlEnabledRef === void 0 ? void 0 : rtlEnabledRef.value) && `${mergedClsPrefix}-popover--rtl`,
                         themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass.value,
                         extraClass.map(v => `${mergedClsPrefix}-${v}`),
                         {
@@ -251,6 +253,7 @@ exports.default = (0, vue_1.defineComponent)({
                 // Shadow class exists for reuse box-shadow.
                 [
                     `${mergedClsPrefix}-popover-shared`,
+                    (rtlEnabledRef === null || rtlEnabledRef === void 0 ? void 0 : rtlEnabledRef.value) && `${mergedClsPrefix}-popover--rtl`,
                     themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass.value,
                     props.overlap && `${mergedClsPrefix}-popover-shared--overlap`,
                     props.showArrow && `${mergedClsPrefix}-popover-shared--show-arrow`,

package/lib/popover/src/styles/rtl.cssr.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("css-render").CNode;
+export default _default;

package/lib/popover/src/styles/rtl.cssr.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+const cssr_1 = require("../../../_utils/cssr");
+exports.default = (0, cssr_1.cB)('popover', [(0, cssr_1.cM)('rtl', `
+ direction: rtl;
+ text-align: right;
+ `)]);

package/lib/popover/styles/dark.js

@@ -1,10 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const styles_1 = require("../../_internal/scrollbar/styles");
 const common_1 = require("../../_styles/common");
 const light_1 = require("./light");
 const popoverDark = {
     name: 'Popover',
     common: common_1.commonDark,
+    peers: {
+        Scrollbar: styles_1.scrollbarDark
+    },
     self: light_1.self
 };
 exports.default = popoverDark;

package/lib/popover/styles/index.d.ts

@@ -1,3 +1,4 @@
 export { default as popoverDark } from './dark';
 export { default as popoverLight } from './light';
 export type { PopoverTheme, PopoverThemeVars } from './light';
+export { popoverRtl } from './rtl';

package/lib/popover/styles/index.js

@@ -3,8 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.popoverLight = exports.popoverDark = void 0;
+exports.popoverRtl = exports.popoverLight = exports.popoverDark = void 0;
 var dark_1 = require("./dark");
 Object.defineProperty(exports, "popoverDark", { enumerable: true, get: function () { return __importDefault(dark_1).default; } });
 var light_1 = require("./light");
 Object.defineProperty(exports, "popoverLight", { enumerable: true, get: function () { return __importDefault(light_1).default; } });
+var rtl_1 = require("./rtl");
+Object.defineProperty(exports, "popoverRtl", { enumerable: true, get: function () { return rtl_1.popoverRtl; } });

package/lib/popover/styles/light.d.ts

@@ -1,4 +1,3 @@
-import type { Theme } from '../../_mixins/use-theme';
 import type { ThemeCommonVars } from '../../_styles/common';
 export declare function self(vars: ThemeCommonVars): {
     fontSize: string;
@@ -15,6 +14,32 @@ export declare function self(vars: ThemeCommonVars): {
     padding: string;
 };
 export type PopoverThemeVars = ReturnType<typeof self>;
-declare const popoverLight: Theme<'Popover', PopoverThemeVars>;
+declare const popoverLight: import("../../_mixins").Theme<"Popover", {
+    fontSize: string;
+    borderRadius: string;
+    color: string;
+    dividerColor: string;
+    textColor: string;
+    boxShadow: string;
+    space: string;
+    spaceArrow: string;
+    arrowOffset: string;
+    arrowOffsetVertical: string;
+    arrowHeight: string;
+    padding: string;
+}, {
+    Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+        height: string;
+        width: string;
+        borderRadius: string;
+        color: string;
+        colorHover: string;
+        railInsetHorizontalBottom: string;
+        railInsetHorizontalTop: string;
+        railInsetVerticalRight: string;
+        railInsetVerticalLeft: string;
+        railColor: string;
+    }, any>;
+}>;
 export type PopoverTheme = typeof popoverLight;
 export default popoverLight;

package/lib/popover/styles/light.js

@@ -4,6 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.self = self;
+const styles_1 = require("../../_internal/scrollbar/styles");
+const _mixins_1 = require("../../_mixins");
 const common_1 = require("../../_styles/common");
 const _common_1 = __importDefault(require("./_common"));
 function self(vars) {
@@ -11,9 +13,12 @@ function self(vars) {
     return Object.assign(Object.assign({}, _common_1.default), { fontSize,
         borderRadius, color: popoverColor, dividerColor, textColor: textColor2, boxShadow: boxShadow2 });
 }
-const popoverLight = {
+const popoverLight = (0, _mixins_1.createTheme)({
     name: 'Popover',
     common: common_1.commonLight,
+    peers: {
+        Scrollbar: styles_1.scrollbarLight
+    },
     self
-};
+});
 exports.default = popoverLight;

package/lib/popover/styles/rtl.d.ts

@@ -0,0 +1,2 @@
+import type { RtlItem } from '../../config-provider/src/internal-interface';
+export declare const popoverRtl: RtlItem;

package/lib/popover/styles/rtl.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.popoverRtl = void 0;
+const rtl_1 = require("../../_internal/scrollbar/styles/rtl");
+const rtl_cssr_1 = __importDefault(require("../src/styles/rtl.cssr"));
+exports.popoverRtl = {
+    name: 'Popover',
+    style: rtl_cssr_1.default,
+    peers: [rtl_1.scrollbarRtl]
+};