naive-ui 2.30.7 → 2.32.0

package/lib/message/src/MessageProvider.js

@@ -3,13 +3,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.messageProviderProps = void 0;
 const vue_1 = require("vue");
 const seemly_1 = require("seemly");
 const _utils_1 = require("../../_utils");
 const _mixins_1 = require("../../_mixins");
 const MessageEnvironment_1 = __importDefault(require("./MessageEnvironment"));
 const context_1 = require("./context");
-const messageProviderProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { to: [String, Object], duration: {
+exports.messageProviderProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { to: [String, Object], duration: {
         type: Number,
         default: 3000
     }, keepAliveOnHover: Boolean, max: Number, placement: {
@@ -18,7 +19,7 @@ const messageProviderProps = Object.assign(Object.assign({}, _mixins_1.useTheme.
     }, closable: Boolean, containerStyle: [String, Object] });
 exports.default = (0, vue_1.defineComponent)({
     name: 'MessageProvider',
-    props: messageProviderProps,
+    props: exports.messageProviderProps,
     setup(props) {
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
         const messageListRef = (0, vue_1.ref)([]);

package/lib/modal/index.d.ts

@@ -1,2 +1,2 @@
-export { default as NModal } from './src/Modal';
+export { default as NModal, modalProps } from './src/Modal';
 export type { ModalProps } from './src/Modal';

package/lib/modal/index.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NModal = void 0;
+exports.modalProps = exports.NModal = void 0;
 var Modal_1 = require("./src/Modal");
 Object.defineProperty(exports, "NModal", { enumerable: true, get: function () { return __importDefault(Modal_1).default; } });
+Object.defineProperty(exports, "modalProps", { enumerable: true, get: function () { return Modal_1.modalProps; } });

package/lib/modal/src/Modal.d.ts

@@ -1,6 +1,6 @@
 import { PropType, CSSProperties } from 'vue';
 import type { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
-declare const modalProps: {
+export declare const modalProps: {
     onEsc: PropType<() => void>;
     'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
     onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;

package/lib/modal/src/Modal.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.modalProps = void 0;
 const vue_1 = require("vue");
 const vdirs_1 = require("vdirs");
 const vooks_1 = require("vooks");
@@ -15,7 +16,7 @@ const presetProps_1 = require("./presetProps");
 const BodyWrapper_1 = __importDefault(require("./BodyWrapper"));
 const interface_1 = require("./interface");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
-const modalProps = Object.assign(Object.assign(Object.assign(Object.assign({}, _mixins_1.useTheme.props), { show: Boolean, unstableShowMask: {
+exports.modalProps = Object.assign(Object.assign(Object.assign(Object.assign({}, _mixins_1.useTheme.props), { show: Boolean, unstableShowMask: {
         type: Boolean,
         default: true
     }, maskClosable: {
@@ -49,7 +50,7 @@ const modalProps = Object.assign(Object.assign(Object.assign(Object.assign({}, _
 exports.default = (0, vue_1.defineComponent)({
     name: 'Modal',
     inheritAttrs: false,
-    props: modalProps,
+    props: exports.modalProps,
     setup(props) {
         if (process.env.NODE_ENV !== 'production') {
             if (props.onHide) {

package/lib/modal/src/presetProps.d.ts

@@ -41,5 +41,5 @@ declare const presetProps: {
     hoverable: BooleanConstructor;
     role: StringConstructor;
 };
-declare const presetPropsKeys: ("type" | "content" | "size" | "icon" | "title" | "role" | "action" | "positiveText" | "negativeText" | "loading" | "bordered" | "showIcon" | "closable" | "contentStyle" | "onClose" | "headerStyle" | "iconPlacement" | "hoverable" | "headerExtraStyle" | "footerStyle" | "embedded" | "segmented" | "positiveButtonProps" | "negativeButtonProps" | "onPositiveClick" | "onNegativeClick")[];
+declare const presetPropsKeys: ("type" | "content" | "size" | "icon" | "title" | "role" | "action" | "positiveText" | "negativeText" | "loading" | "bordered" | "showIcon" | "closable" | "contentStyle" | "onClose" | "headerStyle" | "footerStyle" | "iconPlacement" | "hoverable" | "headerExtraStyle" | "embedded" | "segmented" | "positiveButtonProps" | "negativeButtonProps" | "onPositiveClick" | "onNegativeClick")[];
 export { presetProps, presetPropsKeys };

package/lib/notification/index.d.ts

@@ -1,4 +1,4 @@
-export { default as NNotificationProvider } from './src/NotificationProvider';
+export { default as NNotificationProvider, notificationProviderProps } from './src/NotificationProvider';
 export type { NotificationProviderProps, NotificationProviderInst, NotificationApiInjection as NotificationApi, NotificationReactive, NotificationPlacement, NotificationType } from './src/NotificationProvider';
 export type { NotificationOptions } from './src/NotificationEnvironment';
 export { useNotification } from './src/use-notification';

package/lib/notification/index.js

@@ -3,8 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useNotification = exports.NNotificationProvider = void 0;
+exports.useNotification = exports.notificationProviderProps = exports.NNotificationProvider = void 0;
 var NotificationProvider_1 = require("./src/NotificationProvider");
 Object.defineProperty(exports, "NNotificationProvider", { enumerable: true, get: function () { return __importDefault(NotificationProvider_1).default; } });
+Object.defineProperty(exports, "notificationProviderProps", { enumerable: true, get: function () { return NotificationProvider_1.notificationProviderProps; } });
 var use_notification_1 = require("./src/use-notification");
 Object.defineProperty(exports, "useNotification", { enumerable: true, get: function () { return use_notification_1.useNotification; } });

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

@@ -18,8 +18,11 @@ export declare const notificationProps: {
         readonly type: PropType<() => void>;
         readonly required: true;
     };
+    readonly keepAliveOnHover: BooleanConstructor;
+    readonly onMouseenter: PropType<(e: MouseEvent) => void>;
+    readonly onMouseleave: PropType<(e: MouseEvent) => void>;
 };
-export declare const notificationPropKeys: ("type" | "meta" | "content" | "description" | "title" | "action" | "avatar" | "closable" | "onClose")[];
+export declare const notificationPropKeys: ("type" | "meta" | "content" | "description" | "onMouseenter" | "onMouseleave" | "title" | "action" | "avatar" | "closable" | "onClose" | "keepAliveOnHover")[];
 export declare const Notification: import("vue").DefineComponent<{
     readonly closable: {
         readonly type: BooleanConstructor;
@@ -39,10 +42,14 @@ export declare const Notification: import("vue").DefineComponent<{
         readonly type: PropType<() => void>;
         readonly required: true;
     };
+    readonly keepAliveOnHover: BooleanConstructor;
+    readonly onMouseenter: PropType<(e: MouseEvent) => void>;
+    readonly onMouseleave: PropType<(e: MouseEvent) => void>;
 }, {
     mergedClsPrefix: import("vue").Ref<string>;
     showAvatar: import("vue").ComputedRef<boolean | (() => VNodeChild)>;
     handleCloseClick(): void;
+    rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
     cssVars: import("vue").ComputedRef<{
         '--n-color': string;
         '--n-font-size': string;
@@ -97,7 +104,11 @@ export declare const Notification: import("vue").DefineComponent<{
         readonly type: PropType<() => void>;
         readonly required: true;
     };
+    readonly keepAliveOnHover: BooleanConstructor;
+    readonly onMouseenter: PropType<(e: MouseEvent) => void>;
+    readonly onMouseleave: PropType<(e: MouseEvent) => void>;
 }>>, {
     readonly type: "default" | "error" | "info" | "success" | "warning";
     readonly closable: boolean;
+    readonly keepAliveOnHover: boolean;
 }>;

package/lib/notification/src/Notification.js

@@ -6,8 +6,8 @@ const seemly_1 = require("seemly");
 const icons_1 = require("../../_internal/icons");
 const _utils_1 = require("../../_utils");
 const _internal_1 = require("../../_internal");
-const context_1 = require("./context");
 const _mixins_1 = require("../../_mixins");
+const context_1 = require("./context");
 const iconRenderMap = {
     info: () => (0, vue_1.h)(icons_1.InfoIcon, null),
     success: () => (0, vue_1.h)(icons_1.SuccessIcon, null),
@@ -33,7 +33,10 @@ exports.notificationProps = {
     onClose: {
         type: Function,
         required: true
-    }
+    },
+    keepAliveOnHover: Boolean,
+    onMouseenter: Function,
+    onMouseleave: Function
 };
 exports.notificationPropKeys = (0, _utils_1.keysOf)(exports.notificationProps);
 exports.Notification = (0, vue_1.defineComponent)({
@@ -43,7 +46,8 @@ exports.Notification = (0, vue_1.defineComponent)({
         const { mergedClsPrefixRef, mergedThemeRef, props: providerProps
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
          } = (0, vue_1.inject)(context_1.notificationProviderInjectionKey);
-        const { inlineThemeDisabled } = (0, _mixins_1.useConfig)();
+        const { inlineThemeDisabled, mergedRtlRef } = (0, _mixins_1.useConfig)();
+        const rtlEnabledRef = (0, _mixins_1.useRtl)('Notification', mergedRtlRef, mergedClsPrefixRef);
         const cssVarsRef = (0, vue_1.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, [(0, _utils_1.createKey)('iconColor', type)]: iconColor }, common: { cubicBezierEaseOut, cubicBezierEaseIn, cubicBezierEaseInOut } } = mergedThemeRef.value;
@@ -93,6 +97,7 @@ exports.Notification = (0, vue_1.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
@@ -102,9 +107,10 @@ exports.Notification = (0, vue_1.defineComponent)({
         var _a;
         const { mergedClsPrefix } = this;
         (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
-        return ((0, vue_1.h)("div", { class: [`${mergedClsPrefix}-notification-wrapper`, this.themeClass], style: this.cssVars },
+        return ((0, vue_1.h)("div", { class: [`${mergedClsPrefix}-notification-wrapper`, this.themeClass], onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave, style: this.cssVars },
             (0, vue_1.h)("div", { class: [
                     `${mergedClsPrefix}-notification`,
+                    this.rtlEnabled && `${mergedClsPrefix}-notification--rtl`,
                     this.themeClass,
                     {
                         [`${mergedClsPrefix}-notification--closable`]: this.closable,

package/lib/notification/src/NotificationContainer.js

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

package/lib/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/lib/notification/src/NotificationEnvironment.js

@@ -80,6 +80,25 @@ exports.NotificationEnvironment = (0, vue_1.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) {
@@ -106,7 +125,9 @@ exports.NotificationEnvironment = (0, vue_1.defineComponent)({
             handleLeave,
             handleBeforeLeave,
             handleAfterEnter,
-            handleBeforeEnter
+            handleBeforeEnter,
+            handleMouseenter,
+            handleMouseleave
         };
     },
     render() {
@@ -114,7 +135,11 @@ exports.NotificationEnvironment = (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.Notification, 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, onMouseenter: this.duration && this.keepAliveOnHover
+                        ? this.handleMouseenter
+                        : undefined, onMouseleave: this.duration && this.keepAliveOnHover
+                        ? this.handleMouseleave
+                        : undefined }))) : null;
             }
         }));
     }

package/lib/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/lib/notification/src/NotificationProvider.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.notificationApiInjectionKey = void 0;
+exports.notificationProviderProps = exports.notificationApiInjectionKey = void 0;
 /* eslint-disable @typescript-eslint/no-dynamic-delete */
 const vue_1 = require("vue");
 const seemly_1 = require("seemly");
@@ -15,16 +15,16 @@ const NotificationEnvironment_1 = require("./NotificationEnvironment");
 const context_1 = require("./context");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
 exports.notificationApiInjectionKey = (0, _utils_1.createInjectionKey)('n-notification-api');
-const notificationProviderProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { containerStyle: [String, Object], to: [String, Object], scrollable: {
+exports.notificationProviderProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { containerStyle: [String, Object], to: [String, Object], scrollable: {
         type: Boolean,
         default: true
     }, max: Number, placement: {
         type: String,
         default: 'top-right'
-    } });
+    }, keepAliveOnHover: Boolean });
 exports.default = (0, vue_1.defineComponent)({
     name: 'NotificationProvider',
-    props: notificationProviderProps,
+    props: exports.notificationProviderProps,
     setup(props) {
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
         const notificationListRef = (0, vue_1.ref)([]);
@@ -123,7 +123,9 @@ exports.default = (0, vue_1.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/lib/notification/src/styles/index.cssr.js

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

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

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

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

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const cssr_1 = require("../../../_utils/cssr");
+
+exports.default = (0, cssr_1.cB)('notification', [(0, cssr_1.cM)('rtl', `
+ direction: rtl;
+ `, [(0, cssr_1.cB)('notification-main', `
+ margin-left: unset;
+ margin-right: 8px;
+ `, [(0, cssr_1.cE)('header', `
+ margin: var(--n-icon-margin);
+ margin-right: 0;
+ `)]), (0, cssr_1.cE)('avatar', `
+ left: unset;
+ right: var(--n-padding-left);
+ `), (0, cssr_1.cM)('show-avatar', [(0, cssr_1.cB)('notification-main', `
+ margin-right: 40px;
+ margin-reft: unset;
+ `)]), (0, cssr_1.cM)('closable', [(0, cssr_1.cB)('notification-main', [(0, cssr_1.c)('> *:first-child', `
+ padding-left: 20px;
+ padding-right: unset;
+ `)]), (0, cssr_1.cE)('close', `
+ right: unset;
+ left: 0;
+ `)])])]);

package/lib/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/lib/notification/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.notificationLight = exports.notificationDark = void 0;
+exports.notificationRtl = exports.notificationLight = exports.notificationDark = void 0;
 var dark_1 = require("./dark");
 Object.defineProperty(exports, "notificationDark", { enumerable: true, get: function () { return __importDefault(dark_1).default; } });
 var light_1 = require("./light");
 Object.defineProperty(exports, "notificationLight", { enumerable: true, get: function () { return __importDefault(light_1).default; } });
+var rtl_1 = require("./rtl");
+Object.defineProperty(exports, "notificationRtl", { enumerable: true, get: function () { return rtl_1.notificationRtl; } });

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

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

package/lib/notification/styles/rtl.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.notificationRtl = void 0;
+const rtl_cssr_1 = __importDefault(require("../src/styles/rtl.cssr"));
+exports.notificationRtl = {
+    name: 'Notification',
+    style: rtl_cssr_1.default
+};

package/lib/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/lib/number-animation/index.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NNumberAnimation = void 0;
+exports.numberAnimationProps = exports.NNumberAnimation = void 0;
 var NumberAnimation_1 = require("./src/NumberAnimation");
 Object.defineProperty(exports, "NNumberAnimation", { enumerable: true, get: function () { return __importDefault(NumberAnimation_1).default; } });
+Object.defineProperty(exports, "numberAnimationProps", { enumerable: true, get: function () { return NumberAnimation_1.numberAnimationProps; } });

package/lib/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/lib/number-animation/src/NumberAnimation.js

@@ -1,10 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.numberAnimationProps = void 0;
 const vue_1 = require("vue");
 const lodash_1 = require("lodash");
 const utils_1 = require("./utils");
 const _mixins_1 = require("../../_mixins");
-const numberAnimationProps = {
+exports.numberAnimationProps = {
     to: {
         type: Number,
         default: 0
@@ -23,11 +24,12 @@ const numberAnimationProps = {
     duration: {
         type: Number,
         default: 2000
-    }
+    },
+    onFinish: Function
 };
 exports.default = (0, vue_1.defineComponent)({
     name: 'NumberAnimation',
-    props: numberAnimationProps,
+    props: exports.numberAnimationProps,
     setup(props) {
         const { localeRef } = (0, _mixins_1.useLocale)('name');
         const { duration } = props;
@@ -43,8 +45,10 @@ exports.default = (0, vue_1.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/lib/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/lib/page-header/index.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NPageHeader = void 0;
+exports.pageHeaderProps = exports.NPageHeader = void 0;
 var PageHeader_1 = require("./src/PageHeader");
 Object.defineProperty(exports, "NPageHeader", { enumerable: true, get: function () { return __importDefault(PageHeader_1).default; } });
+Object.defineProperty(exports, "pageHeaderProps", { enumerable: true, get: function () { return PageHeader_1.pageHeaderProps; } });

package/lib/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/lib/page-header/src/PageHeader.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.pageHeaderProps = void 0;
 /* eslint-disable @typescript-eslint/no-non-null-assertion */
 const vue_1 = require("vue");
 const _mixins_1 = require("../../_mixins");
@@ -10,15 +11,15 @@ const light_1 = require("../styles/light");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
 const icons_1 = require("../../_internal/icons");
 const _internal_1 = require("../../_internal");
-const use_rtl_1 = __importDefault(require("../../_mixins/use-rtl"));
-const pageHeaderProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { title: String, subtitle: String, extra: String, onBack: Function });
+const use_rtl_1 = require("../../_mixins/use-rtl");
+exports.pageHeaderProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { title: String, subtitle: String, extra: String, onBack: Function });
 exports.default = (0, vue_1.defineComponent)({
     name: 'PageHeader',
-    props: pageHeaderProps,
+    props: exports.pageHeaderProps,
     setup(props) {
         const { mergedClsPrefixRef, mergedRtlRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
         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', mergedRtlRef, mergedClsPrefixRef);
+        const rtlEnabledRef = (0, use_rtl_1.useRtl)('PageHeader', mergedRtlRef, mergedClsPrefixRef);
         const cssVarsRef = (0, vue_1.computed)(() => {
             const { self: { titleTextColor, subtitleTextColor, backColor, fontSize, titleFontSize, backSize, titleFontWeight, backColorHover, backColorPressed }, common: { cubicBezierEaseInOut } } = themeRef.value;
             return {

package/lib/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/lib/pagination/index.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NPagination = void 0;
+exports.paginationProps = exports.NPagination = void 0;
 var Pagination_1 = require("./src/Pagination");
 Object.defineProperty(exports, "NPagination", { enumerable: true, get: function () { return __importDefault(Pagination_1).default; } });
+Object.defineProperty(exports, "paginationProps", { enumerable: true, get: function () { return Pagination_1.paginationProps; } });