naive-ui 2.24.7 → 2.25.0

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

@@ -16,7 +16,7 @@ export declare const notificationEnvOptions: {
         readonly default: true;
     };
     readonly type: {
-        readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: PropType<"default" | "success" | "error" | "warning" | "info">;
         readonly default: "default";
     };
     readonly avatar: PropType<() => import("vue").VNodeChild>;
@@ -26,7 +26,7 @@ export declare const notificationEnvOptions: {
     readonly meta: PropType<string | (() => import("vue").VNodeChild)>;
     readonly action: PropType<string | (() => import("vue").VNodeChild)>;
 };
-declare const _default: import("vue").DefineComponent<{
+export declare const NotificationEnvironment: import("vue").DefineComponent<{
     internalKey: {
         type: StringConstructor;
         required: true;
@@ -36,7 +36,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     duration: NumberConstructor;
-    onClose: PropType<() => any>;
+    onClose: PropType<() => Promise<boolean> | boolean | any>;
     onLeave: PropType<() => void>;
     onAfterEnter: PropType<() => void>;
     onAfterLeave: PropType<() => void>;
@@ -48,7 +48,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: true;
     };
     type: {
-        readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: PropType<"default" | "success" | "error" | "warning" | "info">;
         readonly default: "default";
     };
     avatar: PropType<() => import("vue").VNodeChild>;
@@ -76,7 +76,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     duration: NumberConstructor;
-    onClose: PropType<() => any>;
+    onClose: PropType<() => Promise<boolean> | boolean | any>;
     onLeave: PropType<() => void>;
     onAfterEnter: PropType<() => void>;
     onAfterLeave: PropType<() => void>;
@@ -88,7 +88,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: true;
     };
     type: {
-        readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: PropType<"default" | "success" | "error" | "warning" | "info">;
         readonly default: "default";
     };
     avatar: PropType<() => import("vue").VNodeChild>;
@@ -98,7 +98,6 @@ declare const _default: import("vue").DefineComponent<{
     meta: PropType<string | (() => import("vue").VNodeChild)>;
     action: PropType<string | (() => import("vue").VNodeChild)>;
 }>>, {
-    type: "default" | "error" | "info" | "success" | "warning";
+    type: "default" | "success" | "error" | "warning" | "info";
     closable: boolean;
 }>;
-export default _default;

package/lib/notification/src/NotificationEnvironment.js

@@ -1,28 +1,9 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.notificationEnvOptions = void 0;
+exports.NotificationEnvironment = exports.notificationEnvOptions = void 0;
 const vue_1 = require("vue");
 const _utils_1 = require("../../_utils");
-const Notification_1 = __importStar(require("./Notification"));
+const Notification_1 = require("./Notification");
 exports.notificationEnvOptions = Object.assign(Object.assign({}, Notification_1.notificationProps), { duration: Number, onClose: Function, onLeave: Function, onAfterEnter: Function, onAfterLeave: Function, 
     /** @deprecated */
     onHide: Function, 
@@ -30,7 +11,7 @@ exports.notificationEnvOptions = Object.assign(Object.assign({}, Notification_1.
     onAfterShow: Function, 
     /** @deprecated */
     onAfterHide: Function });
-exports.default = (0, vue_1.defineComponent)({
+exports.NotificationEnvironment = (0, vue_1.defineComponent)({
     name: 'NotificationEnvironment',
     props: Object.assign(Object.assign({}, exports.notificationEnvOptions), { 
         // private
@@ -125,7 +106,7 @@ exports.default = (0, vue_1.defineComponent)({
             // convert to any since Element is not compitable with HTMLElement
             onBeforeEnter: this.handleBeforeEnter, onAfterEnter: this.handleAfterEnter, onBeforeLeave: this.handleBeforeLeave, onLeave: this.handleLeave, onAfterLeave: this.handleAfterLeave }, {
             default: () => {
-                return this.show ? ((0, vue_1.h)(Notification_1.default, Object.assign({}, (0, _utils_1.keep)(this.$props, Notification_1.notificationPropKeys), { onClose: this.handleClose }))) : null;
+                return this.show ? ((0, vue_1.h)(Notification_1.Notification, Object.assign({}, (0, _utils_1.keep)(this.$props, Notification_1.notificationPropKeys), { onClose: this.handleClose }))) : null;
             }
         }));
     }

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

@@ -1,14 +1,14 @@
-import { PropType, ExtractPropTypes, Ref } from 'vue';
+import { PropType, ExtractPropTypes, Ref, CSSProperties } from 'vue';
 import type { MergedTheme } from '../../_mixins';
 import { ExtractPublicPropTypes, Mutable } from '../../_utils';
 import { NotificationTheme } from '../styles';
 import { notificationEnvOptions } from './NotificationEnvironment';
+export declare type NotificationPlacement = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
 export declare type NotificationOptions = Partial<ExtractPropTypes<typeof notificationEnvOptions>>;
 export interface NotificationProviderInjection {
     mergedClsPrefixRef: Ref<string>;
     mergedThemeRef: Ref<MergedTheme<NotificationTheme>>;
 }
-export declare const notificationProviderInjectionKey: import("vue").InjectionKey<NotificationProviderInjection>;
 declare type Create = (options: NotificationOptions) => NotificationReactive;
 declare type TypedCreate = (options: Omit<NotificationOptions, 'type'>) => NotificationReactive;
 export interface NotificationApiInjection {
@@ -23,6 +23,7 @@ export interface NotificationApiInjection {
 }
 export declare type NotificationProviderInst = NotificationApiInjection;
 export declare const notificationApiInjectionKey: import("vue").InjectionKey<NotificationApiInjection>;
+export declare type NotificationType = 'info' | 'success' | 'warning' | 'error';
 export declare type NotificationReactive = {
     readonly key: string;
     readonly destroy: () => void;
@@ -35,6 +36,7 @@ interface NotificationRef {
     hide: () => void;
 }
 declare const notificationProviderProps: {
+    containerStyle: PropType<string | CSSProperties>;
     to: PropType<string | HTMLElement>;
     scrollable: {
         type: BooleanConstructor;
@@ -42,7 +44,7 @@ declare const notificationProviderProps: {
     };
     max: NumberConstructor;
     placement: {
-        type: PropType<"top-left" | "top-right" | "bottom-left" | "bottom-right">;
+        type: PropType<NotificationPlacement>;
         default: string;
     };
     theme: PropType<import("../../_mixins").Theme<"Notification", {
@@ -135,6 +137,7 @@ declare const notificationProviderProps: {
 };
 export declare type NotificationProviderProps = ExtractPublicPropTypes<typeof notificationProviderProps>;
 declare const _default: import("vue").DefineComponent<{
+    containerStyle: PropType<string | CSSProperties>;
     to: PropType<string | HTMLElement>;
     scrollable: {
         type: BooleanConstructor;
@@ -142,7 +145,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     max: NumberConstructor;
     placement: {
-        type: PropType<"top-left" | "top-right" | "bottom-left" | "bottom-right">;
+        type: PropType<NotificationPlacement>;
         default: string;
     };
     theme: PropType<import("../../_mixins").Theme<"Notification", {
@@ -239,7 +242,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly destroy: () => void;
         readonly hide: () => void;
         readonly deactivate: () => void;
-        type?: "default" | "error" | "info" | "success" | "warning" | undefined;
+        type?: "default" | "success" | "error" | "warning" | "info" | undefined;
         closable?: boolean | undefined;
         meta?: string | (() => import("vue").VNodeChild) | undefined;
         content?: string | (() => import("vue").VNodeChild) | undefined;
@@ -267,6 +270,7 @@ declare const _default: import("vue").DefineComponent<{
     open: (options: NotificationOptions) => NotificationReactive;
     destroyAll: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    containerStyle: PropType<string | CSSProperties>;
     to: PropType<string | HTMLElement>;
     scrollable: {
         type: BooleanConstructor;
@@ -274,7 +278,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     max: NumberConstructor;
     placement: {
-        type: PropType<"top-left" | "top-right" | "bottom-left" | "bottom-right">;
+        type: PropType<NotificationPlacement>;
         default: string;
     };
     theme: PropType<import("../../_mixins").Theme<"Notification", {
@@ -365,7 +369,7 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>>;
 }>>, {
-    placement: "top-left" | "top-right" | "bottom-left" | "bottom-right";
+    placement: NotificationPlacement;
     scrollable: boolean;
 }>;
 export default _default;

package/lib/notification/src/NotificationProvider.js

@@ -3,19 +3,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.notificationApiInjectionKey = exports.notificationProviderInjectionKey = void 0;
+exports.notificationApiInjectionKey = void 0;
 /* eslint-disable @typescript-eslint/no-dynamic-delete */
 const vue_1 = require("vue");
 const seemly_1 = require("seemly");
 const _mixins_1 = require("../../_mixins");
 const _utils_1 = require("../../_utils");
 const styles_1 = require("../styles");
-const NotificationContainer_1 = __importDefault(require("./NotificationContainer"));
-const NotificationEnvironment_1 = __importDefault(require("./NotificationEnvironment"));
+const NotificationContainer_1 = require("./NotificationContainer");
+const NotificationEnvironment_1 = require("./NotificationEnvironment");
+const context_1 = require("./context");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
-exports.notificationProviderInjectionKey = (0, _utils_1.createInjectionKey)('n-notification-provider');
 exports.notificationApiInjectionKey = (0, _utils_1.createInjectionKey)('n-notification-api');
-const notificationProviderProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { to: [String, Object], scrollable: {
+const notificationProviderProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { containerStyle: [String, Object], to: [String, Object], scrollable: {
         type: Boolean,
         default: true
     }, max: Number, placement: {
@@ -69,7 +69,7 @@ exports.default = (0, vue_1.defineComponent)({
             leavingKeySet.delete(key);
             notificationListRef.value.splice(notificationListRef.value.findIndex((notification) => notification.key === key), 1);
         }
-        const themeRef = (0, _mixins_1.useTheme)('Notification', 'Notification', index_cssr_1.default, styles_1.notificationLight, props, mergedClsPrefixRef);
+        const themeRef = (0, _mixins_1.useTheme)('Notification', '-notification', index_cssr_1.default, styles_1.notificationLight, props, mergedClsPrefixRef);
         const api = {
             create,
             info: apis[0],
@@ -80,7 +80,7 @@ exports.default = (0, vue_1.defineComponent)({
             destroyAll
         };
         (0, vue_1.provide)(exports.notificationApiInjectionKey, api);
-        (0, vue_1.provide)(exports.notificationProviderInjectionKey, {
+        (0, vue_1.provide)(context_1.notificationProviderInjectionKey, {
             mergedClsPrefixRef,
             mergedThemeRef: themeRef
         });
@@ -105,10 +105,10 @@ exports.default = (0, vue_1.defineComponent)({
         return ((0, vue_1.h)(vue_1.Fragment, null, (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 :
             _b.call(_a),
             this.notificationList.length ? ((0, vue_1.h)(vue_1.Teleport, { to: (_c = this.to) !== null && _c !== void 0 ? _c : 'body' },
-                (0, vue_1.h)(NotificationContainer_1.default, { scrollable: this.scrollable, placement: this.placement }, {
+                (0, vue_1.h)(NotificationContainer_1.NotificationContainer, { style: this.containerStyle, scrollable: this.scrollable, placement: this.placement }, {
                     default: () => {
                         return this.notificationList.map((notification) => {
-                            return ((0, vue_1.h)(NotificationEnvironment_1.default, Object.assign({ ref: ((inst) => {
+                            return ((0, vue_1.h)(NotificationEnvironment_1.NotificationEnvironment, Object.assign({ ref: ((inst) => {
                                     const refKey = notification.key;
                                     if (inst === null) {
                                         delete this.notificationRefs[refKey];

package/lib/notification/src/context.d.ts

@@ -0,0 +1,2 @@
+import type { NotificationProviderInjection } from './NotificationProvider';
+export declare const notificationProviderInjectionKey: import("vue").InjectionKey<NotificationProviderInjection>;

package/lib/notification/src/context.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.notificationProviderInjectionKey = void 0;
+const _utils_1 = require("../../_utils");
+exports.notificationProviderInjectionKey = (0, _utils_1.createInjectionKey)('n-notification-provider');

package/lib/page-header/src/PageHeader.js

@@ -17,7 +17,7 @@ exports.default = (0, vue_1.defineComponent)({
     props: pageHeaderProps,
     setup(props) {
         const { mergedClsPrefixRef, NConfigProvider } = (0, _mixins_1.useConfig)(props);
-        const themeRef = (0, _mixins_1.useTheme)('PageHeader', 'PageHeader', index_cssr_1.default, light_1.pageHeaderLight, props, mergedClsPrefixRef);
+        const themeRef = (0, _mixins_1.useTheme)('PageHeader', '-page-header', index_cssr_1.default, light_1.pageHeaderLight, props, mergedClsPrefixRef);
         const rtlEnabledRef = (0, use_rtl_1.default)('PageHeader', NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedRtlRef, mergedClsPrefixRef);
         return {
             rtlEnabled: rtlEnabledRef,

package/lib/pagination/src/Pagination.js

@@ -55,7 +55,7 @@ exports.default = (0, vue_1.defineComponent)({
             });
         }
         const { NConfigProvider, mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
-        const themeRef = (0, _mixins_1.useTheme)('Pagination', 'Pagination', index_cssr_1.default, styles_1.paginationLight, props, mergedClsPrefixRef);
+        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);
         const jumperRef = (0, vue_1.ref)(null);

package/lib/popconfirm/src/Popconfirm.d.ts

@@ -33,7 +33,7 @@ declare const popconfirmProps: {
     };
     raw: BooleanConstructor;
     placement: {
-        type: PropType<import("vueuc").FollowerPlacement>;
+        type: PropType<import("vueuc/lib/binder/src/interface").Placement>;
         default: string;
     };
     x: NumberConstructor;
@@ -58,11 +58,15 @@ declare const popconfirmProps: {
         default: undefined;
     };
     overlap: BooleanConstructor;
+    keepAliveOnHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onClickoutside: PropType<(e: MouseEvent) => void>;
     internalExtraClass: {
         type: PropType<string[]>;
         default: () => never[];
     };
-    onClickoutside: PropType<(e: MouseEvent) => void>;
     'onUpdate:show': PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
     onUpdateShow: PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
     zIndex: NumberConstructor;
@@ -790,7 +794,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     raw: BooleanConstructor;
     placement: {
-        type: PropType<import("vueuc").FollowerPlacement>;
+        type: PropType<import("vueuc/lib/binder/src/interface").Placement>;
         default: string;
     };
     x: NumberConstructor;
@@ -815,11 +819,15 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     overlap: BooleanConstructor;
+    keepAliveOnHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onClickoutside: PropType<(e: MouseEvent) => void>;
     internalExtraClass: {
         type: PropType<string[]>;
         default: () => never[];
     };
-    onClickoutside: PropType<(e: MouseEvent) => void>;
     'onUpdate:show': PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
     onUpdateShow: PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
     zIndex: NumberConstructor;
@@ -1894,7 +1902,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     raw: BooleanConstructor;
     placement: {
-        type: PropType<import("vueuc").FollowerPlacement>;
+        type: PropType<import("vueuc/lib/binder/src/interface").Placement>;
         default: string;
     };
     x: NumberConstructor;
@@ -1919,11 +1927,15 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     overlap: BooleanConstructor;
+    keepAliveOnHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onClickoutside: PropType<(e: MouseEvent) => void>;
     internalExtraClass: {
         type: PropType<string[]>;
         default: () => never[];
     };
-    onClickoutside: PropType<(e: MouseEvent) => void>;
     'onUpdate:show': PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
     onUpdateShow: PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
     zIndex: NumberConstructor;
@@ -2625,13 +2637,14 @@ declare const _default: import("vue").DefineComponent<{
     duration: number;
     to: string | boolean | HTMLElement;
     raw: boolean;
-    placement: import("vueuc").FollowerPlacement;
-    overlap: boolean;
     showIcon: boolean;
+    placement: import("vueuc/lib/binder/src/interface").Placement;
+    overlap: boolean;
     trigger: PopoverTrigger;
     showArrow: boolean;
     delay: number;
     displayDirective: "show" | "if";
+    keepAliveOnHover: boolean;
     internalTrapFocus: boolean;
     animated: boolean;
     defaultShow: boolean;

package/lib/popconfirm/src/Popconfirm.js

@@ -44,7 +44,7 @@ exports.default = (0, vue_1.defineComponent)({
     __popover__: true,
     setup(props) {
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)();
-        const themeRef = (0, _mixins_1.useTheme)('Popconfirm', 'Popconfirm', index_cssr_1.default, styles_1.popconfirmLight, props, mergedClsPrefixRef);
+        const themeRef = (0, _mixins_1.useTheme)('Popconfirm', '-popconfirm', index_cssr_1.default, styles_1.popconfirmLight, props, mergedClsPrefixRef);
         const popoverInstRef = (0, vue_1.ref)(null);
         function handlePositiveClick(e) {
             const { onPositiveClick, 'onUpdate:show': onUpdateShow } = props;

package/lib/popover/index.d.ts

@@ -1,3 +1,4 @@
 export { default as NPopover } from './src/Popover';
 export type { PopoverProps } from './src/Popover';
 export type { PopoverTrigger, PopoverInst } from './src/interface';
+export type { FollowerPlacement as PopoverPlacement } from 'vueuc';

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

@@ -76,11 +76,15 @@ export declare const popoverBaseProps: {
         default: undefined;
     };
     overlap: BooleanConstructor;
+    keepAliveOnHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onClickoutside: PropType<(e: MouseEvent) => void>;
     internalExtraClass: {
         type: PropType<string[]>;
         default: () => never[];
     };
-    onClickoutside: PropType<(e: MouseEvent) => void>;
     'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
     onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
     zIndex: NumberConstructor;
@@ -158,11 +162,15 @@ declare const popoverProps: {
         default: undefined;
     };
     overlap: BooleanConstructor;
+    keepAliveOnHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onClickoutside: PropType<(e: MouseEvent) => void>;
     internalExtraClass: {
         type: PropType<string[]>;
         default: () => never[];
     };
-    onClickoutside: PropType<(e: MouseEvent) => void>;
     'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
     onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
     zIndex: NumberConstructor;
@@ -284,11 +292,15 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     overlap: BooleanConstructor;
+    keepAliveOnHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onClickoutside: PropType<(e: MouseEvent) => void>;
     internalExtraClass: {
         type: PropType<string[]>;
         default: () => never[];
     };
-    onClickoutside: PropType<(e: MouseEvent) => void>;
     'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
     onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
     zIndex: NumberConstructor;
@@ -423,11 +435,15 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     overlap: BooleanConstructor;
+    keepAliveOnHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onClickoutside: PropType<(e: MouseEvent) => void>;
     internalExtraClass: {
         type: PropType<string[]>;
         default: () => never[];
     };
-    onClickoutside: PropType<(e: MouseEvent) => void>;
     'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
     onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
     zIndex: NumberConstructor;
@@ -510,6 +526,7 @@ declare const _default: import("vue").DefineComponent<{
     showArrow: boolean;
     delay: number;
     displayDirective: "show" | "if";
+    keepAliveOnHover: boolean;
     internalTrapFocus: boolean;
     animated: boolean;
     defaultShow: boolean;

package/lib/popover/src/Popover.js

@@ -104,11 +104,15 @@ exports.popoverBaseProps = {
         default: undefined
     },
     overlap: Boolean,
+    keepAliveOnHover: {
+        type: Boolean,
+        default: true
+    },
+    onClickoutside: Function,
     internalExtraClass: {
         type: Array,
         default: () => []
     },
-    onClickoutside: Function,
     // events
     'onUpdate:show': [Function, Array],
     onUpdateShow: [Function, Array],
@@ -476,7 +480,10 @@ exports.default = (0, vue_1.defineComponent)({
                         : (0, vue_1.h)(vueuc_1.VTarget, null, {
                             default: () => triggerVNode
                         }),
-                    (0, vue_1.h)(PopoverBody_1.default, (0, _utils_1.keep)(this.$props, bodyPropKeys, Object.assign(Object.assign({}, this.$attrs), { showArrow: this.mergedShowArrow, show: mergedShow })), slots)
+                    (0, vue_1.h)(PopoverBody_1.default, (0, _utils_1.keep)(this.$props, bodyPropKeys, Object.assign(Object.assign({}, this.$attrs), { showArrow: this.mergedShowArrow, show: mergedShow })), {
+                        default: () => { var _a, _b; return (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a); },
+                        header: () => { var _a, _b; return (_b = (_a = this.$slots).header) === null || _b === void 0 ? void 0 : _b.call(_a); }
+                    })
                 ];
             }
         }));

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

@@ -20,6 +20,7 @@ export declare const popoverBodyProps: {
     overlap: BooleanConstructor;
     placement: PropType<FollowerPlacement>;
     width: PropType<number | "trigger">;
+    keepAliveOnHover: BooleanConstructor;
     internalTrapFocus: BooleanConstructor;
     animated: BooleanConstructor;
     onClickoutside: PropType<(e: MouseEvent) => void>;
@@ -93,6 +94,7 @@ declare const _default: import("vue").DefineComponent<{
     overlap: BooleanConstructor;
     placement: PropType<FollowerPlacement>;
     width: PropType<number | "trigger">;
+    keepAliveOnHover: BooleanConstructor;
     internalTrapFocus: BooleanConstructor;
     animated: BooleanConstructor;
     onClickoutside: PropType<(e: MouseEvent) => void>;
@@ -170,6 +172,7 @@ declare const _default: import("vue").DefineComponent<{
     overlap: BooleanConstructor;
     placement: PropType<FollowerPlacement>;
     width: PropType<number | "trigger">;
+    keepAliveOnHover: BooleanConstructor;
     internalTrapFocus: BooleanConstructor;
     animated: BooleanConstructor;
     onClickoutside: PropType<(e: MouseEvent) => void>;
@@ -225,6 +228,7 @@ declare const _default: import("vue").DefineComponent<{
     raw: boolean;
     overlap: boolean;
     showArrow: boolean;
+    keepAliveOnHover: boolean;
     internalTrapFocus: boolean;
     animated: boolean;
 }>;

package/lib/popover/src/PopoverBody.js

@@ -14,7 +14,7 @@ const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
 const interface_1 = require("./interface");
 const interface_2 = require("../../drawer/src/interface");
 const interface_3 = require("../../modal/src/interface");
-exports.popoverBodyProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { to: _utils_1.useAdjustedTo.propTo, show: Boolean, trigger: String, showArrow: Boolean, delay: Number, duration: Number, raw: Boolean, arrowStyle: [String, Object], displayDirective: String, x: Number, y: Number, flip: Boolean, overlap: Boolean, placement: String, width: [Number, String], internalTrapFocus: Boolean, 
+exports.popoverBodyProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { to: _utils_1.useAdjustedTo.propTo, show: Boolean, trigger: String, showArrow: Boolean, delay: Number, duration: Number, raw: Boolean, arrowStyle: [String, Object], displayDirective: String, x: Number, y: Number, flip: Boolean, overlap: Boolean, placement: String, width: [Number, String], keepAliveOnHover: Boolean, internalTrapFocus: Boolean, 
     // private
     animated: Boolean, onClickoutside: Function, 
     /** @deprecated */
@@ -30,7 +30,7 @@ exports.default = (0, vue_1.defineComponent)({
     props: exports.popoverBodyProps,
     setup(props, { slots, attrs }) {
         const { namespaceRef, mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
-        const themeRef = (0, _mixins_1.useTheme)('Popover', 'Popover', index_cssr_1.default, styles_1.popoverLight, props, mergedClsPrefixRef);
+        const themeRef = (0, _mixins_1.useTheme)('Popover', '-popover', index_cssr_1.default, styles_1.popoverLight, props, mergedClsPrefixRef);
         const followerRef = (0, vue_1.ref)(null);
         const NPopover = (0, vue_1.inject)('NPopover');
         const bodyRef = (0, vue_1.ref)(null);
@@ -108,12 +108,12 @@ exports.default = (0, vue_1.defineComponent)({
             (_a = followerRef.value) === null || _a === void 0 ? void 0 : _a.syncPosition();
         }
         function handleMouseEnter(e) {
-            if (props.trigger === 'hover') {
+            if (props.trigger === 'hover' && props.keepAliveOnHover) {
                 NPopover.handleMouseEnter(e);
             }
         }
         function handleMouseLeave(e) {
-            if (props.trigger === 'hover') {
+            if (props.trigger === 'hover' && props.keepAliveOnHover) {
                 NPopover.handleMouseLeave(e);
             }
         }
@@ -146,9 +146,10 @@ exports.default = (0, vue_1.defineComponent)({
                 const renderContentInnerNode = () => {
                     var _a;
                     return [
-                        slots.header ? ((0, vue_1.h)(vue_1.Fragment, null,
-                            (0, vue_1.h)("div", { class: `${mergedClsPrefix}-popover__header` }, slots.header()),
-                            (0, vue_1.h)("div", { class: `${mergedClsPrefix}-popover__content` }, slots))) : ((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)),
+                        (0, _utils_1.resolveWrappedSlot)(slots.header, (children) => [
+                            (0, vue_1.h)("div", { class: `${mergedClsPrefix}-popover__header` }, children),
+                            (0, vue_1.h)("div", { class: `${mergedClsPrefix}-popover__content` }, slots)
+                        ]) || ((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)),
                         props.showArrow
                             ? (0, exports.renderArrow)({
                                 arrowStyle: props.arrowStyle,
@@ -164,8 +165,9 @@ exports.default = (0, vue_1.defineComponent)({
                         {
                             [`${mergedClsPrefix}-popover--overlap`]: props.overlap,
                             [`${mergedClsPrefix}-popover--show-arrow`]: props.showArrow,
-                            [`${mergedClsPrefix}-popover--show-header`]: !!slots.header,
-                            [`${mergedClsPrefix}-popover--raw`]: props.raw
+                            [`${mergedClsPrefix}-popover--show-header`]: !(0, _utils_1.isSlotEmpty)(slots.header),
+                            [`${mergedClsPrefix}-popover--raw`]: props.raw,
+                            [`${mergedClsPrefix}-popover--manual-trigger`]: props.trigger === 'manual'
                         }
                     ],
                     ref: bodyRef,

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

@@ -121,9 +121,9 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('popover', `
 function placementStyle(placement, arrowStyleLiteral) {
   const position = placement.split('-')[0];
   const sizeStyle = ['top', 'bottom'].includes(position) ? 'height: var(--n-space-arrow);' : 'width: var(--n-space-arrow);';
-  return (0, cssr_1.c)(`[v-placement="${placement}"] >`, [(0, cssr_1.cB)('popover', `
+  return (0, cssr_1.c)(`[v-placement="${placement}"] >`, [(0, cssr_1.cB)('popover', [(0, cssr_1.cNotM)('manual-trigger', `
  margin-${oppositePlacement[position]}: var(--n-space);
- `, [(0, cssr_1.cM)('show-arrow', `
+ `), (0, cssr_1.cM)('show-arrow', `
  margin-${oppositePlacement[position]}: var(--n-space-arrow);
  `), (0, cssr_1.cM)('overlap', `
  margin: 0;