naive-ui 2.30.7 → 2.32.0

package/es/notification/src/Notification.js

@@ -3,8 +3,8 @@ import { getPadding } from 'seemly';
 import { InfoIcon, SuccessIcon, WarningIcon, ErrorIcon } from '../../_internal/icons';
 import { createKey, keysOf, render } from '../../_utils';
 import { NBaseIcon, NBaseClose } from '../../_internal';
+import { useConfig, useThemeClass, useRtl } from '../../_mixins';
 import { notificationProviderInjectionKey } from './context';
-import { useConfig, useThemeClass } from '../../_mixins';
 const iconRenderMap = {
     info: () => h(InfoIcon, null),
     success: () => h(SuccessIcon, null),
@@ -30,7 +30,10 @@ export const notificationProps = {
     onClose: {
         type: Function,
         required: true
-    }
+    },
+    keepAliveOnHover: Boolean,
+    onMouseenter: Function,
+    onMouseleave: Function
 };
 export const notificationPropKeys = keysOf(notificationProps);
 export const Notification = defineComponent({
@@ -40,7 +43,8 @@ export const Notification = defineComponent({
         const { mergedClsPrefixRef, mergedThemeRef, props: providerProps
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
          } = inject(notificationProviderInjectionKey);
-        const { inlineThemeDisabled } = useConfig();
+        const { inlineThemeDisabled, mergedRtlRef } = useConfig();
+        const rtlEnabledRef = useRtl('Notification', mergedRtlRef, mergedClsPrefixRef);
         const cssVarsRef = computed(() => {
             const { type } = props;
             const { self: { color, textColor, closeIconColor, closeIconColorHover, closeIconColorPressed, headerTextColor, descriptionTextColor, actionTextColor, borderRadius, headerFontWeight, boxShadow, lineHeight, fontSize, closeMargin, closeSize, width, padding, closeIconSize, closeBorderRadius, closeColorHover, closeColorPressed, titleFontSize, metaFontSize, descriptionFontSize, [createKey('iconColor', type)]: iconColor }, common: { cubicBezierEaseOut, cubicBezierEaseIn, cubicBezierEaseInOut } } = mergedThemeRef.value;
@@ -90,6 +94,7 @@ export const Notification = defineComponent({
             handleCloseClick() {
                 props.onClose();
             },
+            rtlEnabled: rtlEnabledRef,
             cssVars: inlineThemeDisabled ? undefined : cssVarsRef,
             themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
             onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
@@ -99,9 +104,10 @@ export const Notification = defineComponent({
         var _a;
         const { mergedClsPrefix } = this;
         (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
-        return (h("div", { class: [`${mergedClsPrefix}-notification-wrapper`, this.themeClass], style: this.cssVars },
+        return (h("div", { class: [`${mergedClsPrefix}-notification-wrapper`, this.themeClass], onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave, style: this.cssVars },
             h("div", { class: [
                     `${mergedClsPrefix}-notification`,
+                    this.rtlEnabled && `${mergedClsPrefix}-notification--rtl`,
                     this.themeClass,
                     {
                         [`${mergedClsPrefix}-notification--closable`]: this.closable,

package/es/notification/src/NotificationContainer.js

@@ -39,6 +39,6 @@ export const NotificationContainer = defineComponent({
                 `${mergedClsPrefix}-notification-container`,
                 scrollable && `${mergedClsPrefix}-notification-container--scrollable`,
                 `${mergedClsPrefix}-notification-container--${placement}`
-            ] }, scrollable ? (h(NScrollbar, { theme: mergedTheme.peers.Scrollbar, themeOverrides: mergedTheme.peerOverrides.Scrollbar }, $slots)) : ($slots)));
+            ] }, scrollable ? (h(NScrollbar, { theme: mergedTheme.peers.Scrollbar, themeOverrides: mergedTheme.peerOverrides.Scrollbar, contentStyle: { overflow: 'hidden' } }, $slots)) : ($slots)));
     }
 });

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

@@ -25,6 +25,9 @@ export declare const notificationEnvOptions: {
     readonly content: PropType<string | (() => import("vue").VNodeChild)>;
     readonly meta: PropType<string | (() => import("vue").VNodeChild)>;
     readonly action: PropType<string | (() => import("vue").VNodeChild)>;
+    readonly keepAliveOnHover: BooleanConstructor;
+    readonly onMouseenter: PropType<(e: MouseEvent) => void>;
+    readonly onMouseleave: PropType<(e: MouseEvent) => void>;
 };
 export declare type NotificationOptions = Partial<ExtractPropTypes<typeof notificationEnvOptions>>;
 export declare const NotificationEnvironment: import("vue").DefineComponent<{
@@ -58,6 +61,9 @@ export declare const NotificationEnvironment: import("vue").DefineComponent<{
     content: PropType<string | (() => import("vue").VNodeChild)>;
     meta: PropType<string | (() => import("vue").VNodeChild)>;
     action: PropType<string | (() => import("vue").VNodeChild)>;
+    keepAliveOnHover: BooleanConstructor;
+    onMouseenter: PropType<(e: MouseEvent) => void>;
+    onMouseleave: PropType<(e: MouseEvent) => void>;
 }, {
     show: import("vue").Ref<boolean>;
     hide: () => void;
@@ -67,6 +73,8 @@ export declare const NotificationEnvironment: import("vue").DefineComponent<{
     handleBeforeLeave: (el: HTMLElement) => void;
     handleAfterEnter: (el: HTMLElement) => void;
     handleBeforeEnter: (el: HTMLElement) => void;
+    handleMouseenter: (e: MouseEvent) => void;
+    handleMouseleave: (e: MouseEvent) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     internalKey: {
         type: StringConstructor;
@@ -98,7 +106,11 @@ export declare const NotificationEnvironment: import("vue").DefineComponent<{
     content: PropType<string | (() => import("vue").VNodeChild)>;
     meta: PropType<string | (() => import("vue").VNodeChild)>;
     action: PropType<string | (() => import("vue").VNodeChild)>;
+    keepAliveOnHover: BooleanConstructor;
+    onMouseenter: PropType<(e: MouseEvent) => void>;
+    onMouseleave: PropType<(e: MouseEvent) => void>;
 }>>, {
     type: "default" | "error" | "info" | "success" | "warning";
     closable: boolean;
+    keepAliveOnHover: boolean;
 }>;

package/es/notification/src/NotificationEnvironment.js

@@ -77,6 +77,25 @@ export const NotificationEnvironment = defineComponent({
             if (onAfterHide)
                 onAfterHide();
         }
+        function setHideTimeout() {
+            const { duration } = props;
+            if (duration) {
+                timerId = window.setTimeout(hide, duration);
+            }
+        }
+        function handleMouseenter(e) {
+            if (e.currentTarget !== e.target)
+                return;
+            if (timerId !== null) {
+                window.clearTimeout(timerId);
+                timerId = null;
+            }
+        }
+        function handleMouseleave(e) {
+            if (e.currentTarget !== e.target)
+                return;
+            setHideTimeout();
+        }
         function handleClose() {
             const { onClose } = props;
             if (onClose) {
@@ -103,7 +122,9 @@ export const NotificationEnvironment = defineComponent({
             handleLeave,
             handleBeforeLeave,
             handleAfterEnter,
-            handleBeforeEnter
+            handleBeforeEnter,
+            handleMouseenter,
+            handleMouseleave
         };
     },
     render() {
@@ -111,7 +132,11 @@ export const NotificationEnvironment = 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 ? (h(Notification, Object.assign({}, keep(this.$props, notificationPropKeys), { onClose: this.handleClose }))) : null;
+                return this.show ? (h(Notification, Object.assign({}, keep(this.$props, notificationPropKeys), { onClose: this.handleClose, onMouseenter: this.duration && this.keepAliveOnHover
+                        ? this.handleMouseenter
+                        : undefined, onMouseleave: this.duration && this.keepAliveOnHover
+                        ? this.handleMouseleave
+                        : undefined }))) : null;
             }
         }));
     }

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

@@ -36,7 +36,7 @@ export declare type NotificationReactive = {
 interface NotificationRef {
     hide: () => void;
 }
-declare const notificationProviderProps: {
+export declare const notificationProviderProps: {
     containerStyle: PropType<string | CSSProperties>;
     to: PropType<string | HTMLElement>;
     scrollable: {
@@ -48,6 +48,7 @@ declare const notificationProviderProps: {
         type: PropType<NotificationPlacement>;
         default: string;
     };
+    keepAliveOnHover: BooleanConstructor;
     theme: PropType<import("../../_mixins").Theme<"Notification", {
         borderRadius: string;
         lineHeight: string;
@@ -170,6 +171,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<NotificationPlacement>;
         default: string;
     };
+    keepAliveOnHover: BooleanConstructor;
     theme: PropType<import("../../_mixins").Theme<"Notification", {
         borderRadius: string;
         lineHeight: string;
@@ -287,6 +289,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly deactivate: () => void;
         type?: "default" | "error" | "info" | "success" | "warning" | undefined;
         closable?: boolean | undefined;
+        keepAliveOnHover?: boolean | undefined;
         meta?: string | (() => import("vue").VNodeChild) | undefined;
         content?: string | (() => import("vue").VNodeChild) | undefined;
         description?: string | (() => import("vue").VNodeChild) | undefined;
@@ -294,6 +297,8 @@ declare const _default: import("vue").DefineComponent<{
         onAfterEnter?: (() => void) | undefined;
         onLeave?: (() => void) | undefined;
         onAfterLeave?: (() => void) | undefined;
+        onMouseenter?: ((e: MouseEvent) => void) | undefined;
+        onMouseleave?: ((e: MouseEvent) => void) | undefined;
         title?: string | (() => import("vue").VNodeChild) | undefined;
         action?: string | (() => import("vue").VNodeChild) | undefined;
         avatar?: (() => import("vue").VNodeChild) | undefined;
@@ -324,6 +329,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<NotificationPlacement>;
         default: string;
     };
+    keepAliveOnHover: BooleanConstructor;
     theme: PropType<import("../../_mixins").Theme<"Notification", {
         borderRadius: string;
         lineHeight: string;
@@ -435,5 +441,6 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     placement: NotificationPlacement;
     scrollable: boolean;
+    keepAliveOnHover: boolean;
 }>;
 export default _default;

package/es/notification/src/NotificationProvider.js

@@ -9,13 +9,13 @@ import { NotificationEnvironment } from './NotificationEnvironment';
 import { notificationProviderInjectionKey } from './context';
 import style from './styles/index.cssr';
 export const notificationApiInjectionKey = createInjectionKey('n-notification-api');
-const notificationProviderProps = Object.assign(Object.assign({}, useTheme.props), { containerStyle: [String, Object], to: [String, Object], scrollable: {
+export const notificationProviderProps = Object.assign(Object.assign({}, useTheme.props), { containerStyle: [String, Object], to: [String, Object], scrollable: {
         type: Boolean,
         default: true
     }, max: Number, placement: {
         type: String,
         default: 'top-right'
-    } });
+    }, keepAliveOnHover: Boolean });
 export default defineComponent({
     name: 'NotificationProvider',
     props: notificationProviderProps,
@@ -117,7 +117,9 @@ export default defineComponent({
                                 'destroy',
                                 'hide',
                                 'deactivate'
-                            ]), { internalKey: notification.key, onInternalAfterLeave: this.handleAfterLeave })));
+                            ]), { internalKey: notification.key, onInternalAfterLeave: this.handleAfterLeave, keepAliveOnHover: notification.keepAliveOnHover === undefined
+                                    ? this.keepAliveOnHover
+                                    : notification.keepAliveOnHover })));
                         });
                     }
                 }))) : null));

package/es/notification/src/styles/index.cssr.js

@@ -172,9 +172,7 @@ export default c([cB('notification-container', `
  display: flex;
  align-items: center;
  justify-content: center;
- `, [cB('icon', {
-  transition: 'color .3s var(--n-bezier)'
-})]), cB('notification-main', `
+ `, [cB('icon', 'transition: color .3s var(--n-bezier);')]), cB('notification-main', `
  padding-top: var(--n-padding-top);
  padding-bottom: var(--n-padding-bottom);
  box-sizing: border-box;

package/es/notification/src/styles/rtl.cssr.d.ts

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

package/es/notification/src/styles/rtl.cssr.js

@@ -0,0 +1,22 @@
+import { cB, cM, cE, c } from '../../../_utils/cssr';
+export default cB('notification', [cM('rtl', `
+ direction: rtl;
+ `, [cB('notification-main', `
+ margin-left: unset;
+ margin-right: 8px;
+ `, [cE('header', `
+ margin: var(--n-icon-margin);
+ margin-right: 0;
+ `)]), cE('avatar', `
+ left: unset;
+ right: var(--n-padding-left);
+ `), cM('show-avatar', [cB('notification-main', `
+ margin-right: 40px;
+ margin-reft: unset;
+ `)]), cM('closable', [cB('notification-main', [c('> *:first-child', `
+ padding-left: 20px;
+ padding-right: unset;
+ `)]), cE('close', `
+ right: unset;
+ left: 0;
+ `)])])]);

package/es/notification/styles/index.d.ts

@@ -1,3 +1,4 @@
 export { default as notificationDark } from './dark';
 export { default as notificationLight } from './light';
+export { notificationRtl } from './rtl';
 export type { NotificationTheme, NotificationThemeVars } from './light';

package/es/notification/styles/index.js

@@ -1,2 +1,3 @@
 export { default as notificationDark } from './dark';
 export { default as notificationLight } from './light';
+export { notificationRtl } from './rtl';

package/es/notification/styles/rtl.d.ts

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

package/es/notification/styles/rtl.js

@@ -0,0 +1,5 @@
+import rtlStyle from '../src/styles/rtl.cssr';
+export const notificationRtl = {
+    name: 'Notification',
+    style: rtlStyle
+};

package/es/number-animation/index.d.ts

@@ -1,3 +1,3 @@
-export { default as NNumberAnimation } from './src/NumberAnimation';
+export { default as NNumberAnimation, numberAnimationProps } from './src/NumberAnimation';
 export type { NumberAnimationProps } from './src/NumberAnimation';
 export type { NumberAnimationInst } from './src/NumberAnimation';

package/es/number-animation/index.js

@@ -1 +1 @@
-export { default as NNumberAnimation } from './src/NumberAnimation';
+export { default as NNumberAnimation, numberAnimationProps } from './src/NumberAnimation';

package/es/number-animation/src/NumberAnimation.d.ts

@@ -1,5 +1,6 @@
+import { PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
-declare const numberAnimationProps: {
+export declare const numberAnimationProps: {
     to: {
         type: NumberConstructor;
         default: number;
@@ -22,6 +23,7 @@ declare const numberAnimationProps: {
         type: NumberConstructor;
         default: number;
     };
+    onFinish: PropType<() => void>;
 };
 export declare type NumberAnimationProps = ExtractPublicPropTypes<typeof numberAnimationProps>;
 export interface NumberAnimationInst {
@@ -50,6 +52,7 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    onFinish: PropType<() => void>;
 }, {
     play: () => void;
     formattedValue: import("vue").ComputedRef<{
@@ -80,6 +83,7 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    onFinish: PropType<() => void>;
 }>>, {
     active: boolean;
     duration: number;

package/es/number-animation/src/NumberAnimation.js

@@ -2,7 +2,7 @@ import { defineComponent, computed, onMounted, ref, watchEffect } from 'vue';
 import { round } from 'lodash-es';
 import { tween } from './utils';
 import { useLocale } from '../../_mixins';
-const numberAnimationProps = {
+export const numberAnimationProps = {
     to: {
         type: Number,
         default: 0
@@ -21,7 +21,8 @@ const numberAnimationProps = {
     duration: {
         type: Number,
         default: 2000
-    }
+    },
+    onFinish: Function
 };
 export default defineComponent({
     name: 'NumberAnimation',
@@ -41,8 +42,10 @@ export default defineComponent({
             displayedValueRef.value = currentValue;
         };
         const onFinish = () => {
+            var _a;
             displayedValueRef.value = props.to;
             animating = false;
+            (_a = props.onFinish) === null || _a === void 0 ? void 0 : _a.call(props);
         };
         const animate = (from = props.from, to = props.to) => {
             animating = true;

package/es/page-header/index.d.ts

@@ -1,2 +1,2 @@
-export { default as NPageHeader } from './src/PageHeader';
+export { default as NPageHeader, pageHeaderProps } from './src/PageHeader';
 export type { PageHeaderProps } from './src/PageHeader';

package/es/page-header/index.js

@@ -1 +1 @@
-export { default as NPageHeader } from './src/PageHeader';
+export { default as NPageHeader, pageHeaderProps } from './src/PageHeader';

package/es/page-header/src/PageHeader.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
-declare const pageHeaderProps: {
+export declare const pageHeaderProps: {
     title: StringConstructor;
     subtitle: StringConstructor;
     extra: StringConstructor;

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

@@ -5,8 +5,8 @@ import { pageHeaderLight } from '../styles/light';
 import style from './styles/index.cssr';
 import { ArrowBackIcon } from '../../_internal/icons';
 import { NBaseIcon } from '../../_internal';
-import useRtl from '../../_mixins/use-rtl';
-const pageHeaderProps = Object.assign(Object.assign({}, useTheme.props), { title: String, subtitle: String, extra: String, onBack: Function });
+import { useRtl } from '../../_mixins/use-rtl';
+export const pageHeaderProps = Object.assign(Object.assign({}, useTheme.props), { title: String, subtitle: String, extra: String, onBack: Function });
 export default defineComponent({
     name: 'PageHeader',
     props: pageHeaderProps,

package/es/pagination/index.d.ts

@@ -1,3 +1,3 @@
-export { default as NPagination } from './src/Pagination';
+export { default as NPagination, paginationProps } from './src/Pagination';
 export type { PaginationProps } from './src/Pagination';
 export type { PaginationInfo, PaginationSizeOption, PaginationRenderLabel } from './src/interface';

package/es/pagination/index.js

@@ -1 +1 @@
-export { default as NPagination } from './src/Pagination';
+export { default as NPagination, paginationProps } from './src/Pagination';

package/es/pagination/src/Pagination.d.ts

@@ -4,7 +4,7 @@ import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { Size as InputSize } from '../../input/src/interface';
 import type { Size as SelectSize } from '../../select/src/interface';
 import { PaginationRenderLabel, PaginationSizeOption, RenderPrefix, Size } from './interface';
-declare const paginationProps: {
+export declare const paginationProps: {
     readonly page: NumberConstructor;
     readonly defaultPage: {
         readonly type: NumberConstructor;
@@ -2094,6 +2094,7 @@ declare const _default: import("vue").DefineComponent<{
         select: () => void;
         activate: () => void;
         deactivate: () => void;
+        scrollTo: (options: ScrollToOptions) => void;
     } | null>;
     mergedPage: import("vue").ComputedRef<number>;
     pageItems: import("vue").ComputedRef<PageItem[]>;

package/es/pagination/src/Pagination.js

@@ -11,8 +11,8 @@ import { paginationLight } from '../styles';
 import { createPageItemsInfo } from './utils';
 import style from './styles/index.cssr';
 import { call, resolveSlot, warn, warnOnce, createKey, smallerSize } from '../../_utils';
-import useRtl from '../../_mixins/use-rtl';
-const paginationProps = Object.assign(Object.assign({}, useTheme.props), { page: Number, defaultPage: {
+import { useRtl } from '../../_mixins/use-rtl';
+export const paginationProps = Object.assign(Object.assign({}, useTheme.props), { page: Number, defaultPage: {
         type: Number,
         default: 1
     }, itemCount: Number, pageCount: Number, defaultPageCount: {

package/es/pagination/src/styles/index.cssr.js

@@ -76,6 +76,7 @@ export default cB('pagination', `
  position: relative;
  cursor: pointer;
  user-select: none;
+ -webkit-user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;

package/es/popconfirm/index.d.ts

@@ -1,3 +1,3 @@
-export { default as NPopconfirm } from './src/Popconfirm';
+export { default as NPopconfirm, popconfirmProps } from './src/Popconfirm';
 export type { PopconfirmInst } from './src/interface';
 export type { PopconfirmProps } from './src/Popconfirm';

package/es/popconfirm/index.js

@@ -1 +1 @@
-export { default as NPopconfirm } from './src/Popconfirm';
+export { default as NPopconfirm, popconfirmProps } from './src/Popconfirm';

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

@@ -2,7 +2,7 @@ import { PropType, ExtractPropTypes } from 'vue';
 import type { PopoverTrigger } from '../../popover';
 import type { ButtonProps } from '../../button';
 import type { ExtractPublicPropTypes } from '../../_utils';
-declare const popconfirmProps: {
+export declare const popconfirmProps: {
     positiveText: PropType<string | null>;
     negativeText: PropType<string | null>;
     showIcon: {
@@ -74,6 +74,7 @@ declare const popconfirmProps: {
     scrollable: BooleanConstructor;
     contentStyle: PropType<string | import("vue").CSSProperties>;
     headerStyle: PropType<string | import("vue").CSSProperties>;
+    footerStyle: PropType<string | import("vue").CSSProperties>;
     onClickoutside: PropType<(e: MouseEvent) => void>;
     'onUpdate:show': PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
     onUpdateShow: PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
@@ -843,6 +844,7 @@ declare const _default: import("vue").DefineComponent<{
     scrollable: BooleanConstructor;
     contentStyle: PropType<string | import("vue").CSSProperties>;
     headerStyle: PropType<string | import("vue").CSSProperties>;
+    footerStyle: PropType<string | import("vue").CSSProperties>;
     onClickoutside: PropType<(e: MouseEvent) => void>;
     'onUpdate:show': PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
     onUpdateShow: PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
@@ -1962,6 +1964,7 @@ declare const _default: import("vue").DefineComponent<{
     scrollable: BooleanConstructor;
     contentStyle: PropType<string | import("vue").CSSProperties>;
     headerStyle: PropType<string | import("vue").CSSProperties>;
+    footerStyle: PropType<string | import("vue").CSSProperties>;
     onClickoutside: PropType<(e: MouseEvent) => void>;
     'onUpdate:show': PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
     onUpdateShow: PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;

package/es/popconfirm/src/Popconfirm.js

@@ -7,7 +7,7 @@ import { popconfirmLight } from '../styles';
 import PopconfirmPanel, { panelPropKeys } from './PopconfirmPanel';
 import { popconfirmInjectionKey } from './interface';
 import style from './styles/index.cssr';
-const popconfirmProps = Object.assign(Object.assign(Object.assign({}, useTheme.props), popoverBaseProps), { positiveText: String, negativeText: String, showIcon: {
+export const popconfirmProps = Object.assign(Object.assign(Object.assign({}, useTheme.props), popoverBaseProps), { positiveText: String, negativeText: String, showIcon: {
         type: Boolean,
         default: true
     }, trigger: {

package/es/popover/index.d.ts

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

package/es/popover/index.js

@@ -1 +1 @@
-export { default as NPopover } from './src/Popover';
+export { default as NPopover, popoverProps } from './src/Popover';

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

@@ -89,6 +89,7 @@ export declare const popoverBaseProps: {
     scrollable: BooleanConstructor;
     contentStyle: PropType<string | CSSProperties>;
     headerStyle: PropType<string | CSSProperties>;
+    footerStyle: PropType<string | CSSProperties>;
     onClickoutside: PropType<(e: MouseEvent) => void>;
     'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
     onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
@@ -112,7 +113,8 @@ export declare const popoverBaseProps: {
     minWidth: NumberConstructor;
     maxWidth: NumberConstructor;
 };
-declare const popoverProps: {
+export declare const popoverProps: {
+    internalOnAfterLeave: PropType<() => void>;
     internalRenderBody: PropType<InternalRenderBody>;
     show: {
         type: PropType<boolean | undefined>;
@@ -175,6 +177,7 @@ declare const popoverProps: {
     scrollable: BooleanConstructor;
     contentStyle: PropType<string | CSSProperties>;
     headerStyle: PropType<string | CSSProperties>;
+    footerStyle: PropType<string | CSSProperties>;
     onClickoutside: PropType<(e: MouseEvent) => void>;
     'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
     onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
@@ -243,6 +246,7 @@ declare const popoverProps: {
 export declare type PopoverProps = ExtractPublicPropTypes<typeof popoverBaseProps>;
 export declare type PopoverInternalProps = ExtractInternalPropTypes<typeof popoverProps>;
 declare const _default: import("vue").DefineComponent<{
+    internalOnAfterLeave: PropType<() => void>;
     internalRenderBody: PropType<InternalRenderBody>;
     show: {
         type: PropType<boolean | undefined>;
@@ -305,6 +309,7 @@ declare const _default: import("vue").DefineComponent<{
     scrollable: BooleanConstructor;
     contentStyle: PropType<string | CSSProperties>;
     headerStyle: PropType<string | CSSProperties>;
+    footerStyle: PropType<string | CSSProperties>;
     onClickoutside: PropType<(e: MouseEvent) => void>;
     'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
     onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
@@ -386,6 +391,7 @@ declare const _default: import("vue").DefineComponent<{
     handleBlur: () => void;
     syncPosition: () => 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<{
+    internalOnAfterLeave: PropType<() => void>;
     internalRenderBody: PropType<InternalRenderBody>;
     show: {
         type: PropType<boolean | undefined>;
@@ -448,6 +454,7 @@ declare const _default: import("vue").DefineComponent<{
     scrollable: BooleanConstructor;
     contentStyle: PropType<string | CSSProperties>;
     headerStyle: PropType<string | CSSProperties>;
+    footerStyle: PropType<string | CSSProperties>;
     onClickoutside: PropType<(e: MouseEvent) => void>;
     'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
     onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;

package/es/popover/src/Popover.js

@@ -92,6 +92,7 @@ export const popoverBaseProps = {
     scrollable: Boolean,
     contentStyle: [Object, String],
     headerStyle: [Object, String],
+    footerStyle: [Object, String],
     // events
     onClickoutside: Function,
     'onUpdate:show': [Function, Array],
@@ -118,7 +119,7 @@ export const popoverBaseProps = {
     minWidth: Number,
     maxWidth: Number
 };
-const popoverProps = Object.assign(Object.assign(Object.assign({}, useTheme.props), popoverBaseProps), { internalRenderBody: Function });
+export const popoverProps = Object.assign(Object.assign(Object.assign({}, useTheme.props), popoverBaseProps), { internalOnAfterLeave: Function, internalRenderBody: Function });
 export default defineComponent({
     name: 'Popover',
     inheritAttrs: false,
@@ -462,7 +463,8 @@ export default defineComponent({
                         }),
                     h(NPopoverBody, 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); }
+                        header: () => { var _a, _b; return (_b = (_a = this.$slots).header) === null || _b === void 0 ? void 0 : _b.call(_a); },
+                        footer: () => { var _a, _b; return (_b = (_a = this.$slots).footer) === null || _b === void 0 ? void 0 : _b.call(_a); }
                     })
                 ];
             }