naive-ui 2.24.4 → 2.25.0

package/lib/message/src/MessageProvider.d.ts

@@ -1,4 +1,4 @@
-import { VNodeChild, ExtractPropTypes, Ref, PropType, CSSProperties } from 'vue';
+import { VNodeChild, ExtractPropTypes, PropType, CSSProperties } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
 import type { MessageOptions, MessageType } from './types';
 declare type ContentType = string | (() => VNodeChild);
@@ -10,7 +10,6 @@ export interface MessageApiInjection {
     loading: (content: ContentType, options?: MessageOptions) => MessageReactive;
     destroyAll: () => void;
 }
-export declare const messageApiInjectionKey: import("vue").InjectionKey<MessageApiInjection>;
 export interface MessageReactive {
     content?: ContentType;
     duration?: number;
@@ -185,11 +184,7 @@ declare const messageProviderProps: {
     }, any>>>;
 };
 export declare type MessageProviderProps = ExtractPublicPropTypes<typeof messageProviderProps>;
-declare type MessageProviderSetupProps = ExtractPropTypes<typeof messageProviderProps>;
-export declare const messageProviderInjectionKey: import("vue").InjectionKey<{
-    props: MessageProviderSetupProps;
-    mergedClsPrefixRef: Ref<string>;
-}>;
+export declare type MessageProviderSetupProps = ExtractPropTypes<typeof messageProviderProps>;
 declare const _default: import("vue").DefineComponent<{
     to: PropType<string | HTMLElement>;
     duration: {
@@ -353,7 +348,7 @@ declare const _default: import("vue").DefineComponent<{
     }, any>>>;
 }, {
     mergedClsPrefix: import("vue").ComputedRef<string>;
-    messageRefs: Ref<{
+    messageRefs: import("vue").Ref<{
         [x: string]: {
             key: string;
             hide: () => void;
@@ -367,7 +362,7 @@ declare const _default: import("vue").DefineComponent<{
             destroy: () => void;
         };
     }>;
-    messageList: Ref<{
+    messageList: import("vue").Ref<{
         key: string;
         content?: ContentType | undefined;
         duration?: number | undefined;

package/lib/message/src/MessageProvider.js

@@ -3,13 +3,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.messageProviderInjectionKey = exports.messageApiInjectionKey = 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"));
-exports.messageApiInjectionKey = (0, _utils_1.createInjectionKey)('n-message-api');
+const context_1 = require("./context");
 const messageProviderProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { to: [String, Object], duration: {
         type: Number,
         default: 3000
@@ -17,7 +16,6 @@ const messageProviderProps = Object.assign(Object.assign({}, _mixins_1.useTheme.
         type: String,
         default: 'top'
     }, closable: Boolean, containerStyle: [String, Object] });
-exports.messageProviderInjectionKey = (0, _utils_1.createInjectionKey)('n-message-provider');
 exports.default = (0, vue_1.defineComponent)({
     name: 'MessageProvider',
     props: messageProviderProps,
@@ -43,11 +41,11 @@ exports.default = (0, vue_1.defineComponent)({
             },
             destroyAll
         };
-        (0, vue_1.provide)(exports.messageProviderInjectionKey, {
+        (0, vue_1.provide)(context_1.messageProviderInjectionKey, {
             props,
             mergedClsPrefixRef
         });
-        (0, vue_1.provide)(exports.messageApiInjectionKey, api);
+        (0, vue_1.provide)(context_1.messageApiInjectionKey, api);
         function create(content, options) {
             const key = (0, seemly_1.createId)();
             const messageReactive = (0, vue_1.reactive)(Object.assign(Object.assign({}, options), { content,

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

@@ -0,0 +1,7 @@
+import { Ref } from 'vue';
+import type { MessageApiInjection, MessageProviderSetupProps } from './MessageProvider';
+export declare const messageApiInjectionKey: import("vue").InjectionKey<MessageApiInjection>;
+export declare const messageProviderInjectionKey: import("vue").InjectionKey<{
+    props: MessageProviderSetupProps;
+    mergedClsPrefixRef: Ref<string>;
+}>;

package/lib/message/src/context.js

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

package/lib/message/src/types.d.ts

@@ -1,5 +1,5 @@
 import { VNodeChild } from 'vue';
-import { MessageSetupProps } from './message-props';
+import type { MessageSetupProps } from './message-props';
 export declare type MessageType = 'info' | 'success' | 'warning' | 'error' | 'loading';
 export declare type RenderMessageProps = Pick<MessageSetupProps, 'closable' | 'content' | 'icon' | 'onClose' | 'type'>;
 export declare type MessageRenderMessage = (props: RenderMessageProps) => VNodeChild;

package/lib/message/src/use-message.js

@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMessage = void 0;
 const vue_1 = require("vue");
 const _utils_1 = require("../../_utils");
-const MessageProvider_1 = require("./MessageProvider");
+const context_1 = require("./context");
 function useMessage() {
-    const api = (0, vue_1.inject)(MessageProvider_1.messageApiInjectionKey, null);
+    const api = (0, vue_1.inject)(context_1.messageApiInjectionKey, null);
     if (api === null) {
         (0, _utils_1.throwError)('use-message', 'No outer <n-message-provider /> founded. See prerequisite in https://www.naiveui.com/en-US/os-theme/components/message for more details. If you want to use `useMessage` outside setup, please check https://www.naiveui.com/zh-CN/os-theme/components/message#Q-&-A.');
     }

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

@@ -28,7 +28,7 @@ declare const _default: import("vue").DefineComponent<{
     onEsc: PropType<() => void>;
     icon: PropType<() => import("vue").VNodeChild>;
     type: {
-        readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: PropType<"default" | "success" | "error" | "warning" | "info">;
         readonly default: "default";
     };
     title: PropType<string | (() => import("vue").VNodeChild)>;
@@ -49,6 +49,7 @@ declare const _default: import("vue").DefineComponent<{
     iconPlacement: PropType<import("../../dialog/src/interface").IconPlacement>;
     contentStyle: PropType<string | import("vue").CSSProperties>;
     headerStyle: PropType<string | import("vue").CSSProperties>;
+    headerExtraStyle: PropType<string | import("vue").CSSProperties>;
     footerStyle: PropType<string | import("vue").CSSProperties>;
     embedded: BooleanConstructor;
     segmented: {
@@ -730,7 +731,7 @@ declare const _default: import("vue").DefineComponent<{
     onEsc: PropType<() => void>;
     icon: PropType<() => import("vue").VNodeChild>;
     type: {
-        readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: PropType<"default" | "success" | "error" | "warning" | "info">;
         readonly default: "default";
     };
     title: PropType<string | (() => import("vue").VNodeChild)>;
@@ -751,6 +752,7 @@ declare const _default: import("vue").DefineComponent<{
     iconPlacement: PropType<import("../../dialog/src/interface").IconPlacement>;
     contentStyle: PropType<string | import("vue").CSSProperties>;
     headerStyle: PropType<string | import("vue").CSSProperties>;
+    headerExtraStyle: PropType<string | import("vue").CSSProperties>;
     footerStyle: PropType<string | import("vue").CSSProperties>;
     embedded: BooleanConstructor;
     segmented: {
@@ -781,12 +783,12 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }>>, {
-    type: "default" | "error" | "info" | "success" | "warning";
+    type: "default" | "success" | "error" | "warning" | "info";
     size: "small" | "medium" | "large" | "huge";
     autoFocus: boolean;
+    bordered: boolean;
     loading: boolean;
     showIcon: boolean;
-    bordered: boolean;
     closable: boolean;
     hoverable: boolean;
     embedded: boolean;

package/lib/modal/src/BodyWrapper.js

@@ -3,12 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const vue_1 = require("vue");
 const vdirs_1 = require("vdirs");
 const vueuc_1 = require("vueuc");
+const dialogProps_1 = require("../../dialog/src/dialogProps");
 const Dialog_1 = require("../../dialog/src/Dialog");
 const Card_1 = require("../../card/src/Card");
 const interface_1 = require("../../drawer/src/interface");
 const interface_2 = require("../../popover/src/interface");
 const _internal_1 = require("../../_internal");
-const dialog_1 = require("../../dialog");
 const card_1 = require("../../card");
 const _utils_1 = require("../../_utils");
 const interface_3 = require("./interface");
@@ -168,10 +168,10 @@ exports.default = (0, vue_1.defineComponent)({
                             var _a;
                             return ((0, vue_1.h)(vue_1.Transition, { name: "fade-in-scale-up-transition", appear: (_a = this.appear) !== null && _a !== void 0 ? _a : this.isMounted, onEnter: handleEnter, onAfterEnter: this.onAfterEnter, onAfterLeave: handleAfterLeave, onBeforeLeave: handleBeforeLeave }, {
                                 default: () => (0, vue_1.withDirectives)((this.preset === 'confirm' ||
-                                    this.preset === 'dialog' ? ((0, vue_1.h)(dialog_1.NDialog, Object.assign({}, this.$attrs, { class: [
+                                    this.preset === 'dialog' ? ((0, vue_1.h)(Dialog_1.NDialog, Object.assign({}, this.$attrs, { class: [
                                         `${mergedClsPrefix}-modal`,
                                         this.$attrs.class
-                                    ], ref: "bodyRef", theme: this.mergedTheme.peers.Dialog, themeOverrides: this.mergedTheme.peerOverrides.Dialog }, (0, _utils_1.keep)(this.$props, Dialog_1.dialogPropKeys), { "aria-modal": "true" }), $slots)) : this.preset === 'card' ? ((0, vue_1.h)(card_1.NCard, Object.assign({}, this.$attrs, { ref: "bodyRef", class: [
+                                    ], ref: "bodyRef", theme: this.mergedTheme.peers.Dialog, themeOverrides: this.mergedTheme.peerOverrides.Dialog }, (0, _utils_1.keep)(this.$props, dialogProps_1.dialogPropKeys), { "aria-modal": "true" }), $slots)) : this.preset === 'card' ? ((0, vue_1.h)(card_1.NCard, Object.assign({}, this.$attrs, { ref: "bodyRef", class: [
                                         `${mergedClsPrefix}-modal`,
                                         this.$attrs.class
                                     ], theme: this.mergedTheme.peers.Card, themeOverrides: this.mergedTheme.peerOverrides.Card }, (0, _utils_1.keep)(this.$props, Card_1.cardBasePropKeys), { "aria-modal": "true", role: "dialog" }), $slots)) : (childNode)), [

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

@@ -22,7 +22,7 @@ declare const modalProps: {
     onHide: PropType<(value: false) => void>;
     icon: PropType<() => import("vue").VNodeChild>;
     type: {
-        readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: PropType<"default" | "success" | "error" | "warning" | "info">;
         readonly default: "default";
     };
     title: PropType<string | (() => import("vue").VNodeChild)>;
@@ -43,6 +43,7 @@ declare const modalProps: {
     iconPlacement: PropType<import("../../dialog/src/interface").IconPlacement>;
     contentStyle: PropType<string | CSSProperties>;
     headerStyle: PropType<string | CSSProperties>;
+    headerExtraStyle: PropType<string | CSSProperties>;
     footerStyle: PropType<string | CSSProperties>;
     embedded: BooleanConstructor;
     segmented: {
@@ -933,7 +934,7 @@ declare const _default: import("vue").DefineComponent<{
     onHide: PropType<(value: false) => void>;
     icon: PropType<() => import("vue").VNodeChild>;
     type: {
-        readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: PropType<"default" | "success" | "error" | "warning" | "info">;
         readonly default: "default";
     };
     title: PropType<string | (() => import("vue").VNodeChild)>;
@@ -954,6 +955,7 @@ declare const _default: import("vue").DefineComponent<{
     iconPlacement: PropType<import("../../dialog/src/interface").IconPlacement>;
     contentStyle: PropType<string | CSSProperties>;
     headerStyle: PropType<string | CSSProperties>;
+    headerExtraStyle: PropType<string | CSSProperties>;
     footerStyle: PropType<string | CSSProperties>;
     embedded: BooleanConstructor;
     segmented: {
@@ -1862,7 +1864,7 @@ declare const _default: import("vue").DefineComponent<{
     onHide: PropType<(value: false) => void>;
     icon: PropType<() => import("vue").VNodeChild>;
     type: {
-        readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: PropType<"default" | "success" | "error" | "warning" | "info">;
         readonly default: "default";
     };
     title: PropType<string | (() => import("vue").VNodeChild)>;
@@ -1883,6 +1885,7 @@ declare const _default: import("vue").DefineComponent<{
     iconPlacement: PropType<import("../../dialog/src/interface").IconPlacement>;
     contentStyle: PropType<string | CSSProperties>;
     headerStyle: PropType<string | CSSProperties>;
+    headerExtraStyle: PropType<string | CSSProperties>;
     footerStyle: PropType<string | CSSProperties>;
     embedded: BooleanConstructor;
     segmented: {
@@ -2750,16 +2753,16 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>>;
 }>>, {
-    type: "default" | "error" | "info" | "success" | "warning";
+    type: "default" | "success" | "error" | "warning" | "info";
     size: "small" | "medium" | "large" | "huge";
     show: boolean;
     transformOrigin: "center" | "mouse";
     appear: boolean | undefined;
     dialog: boolean;
     autoFocus: boolean;
+    bordered: boolean;
     loading: boolean;
     showIcon: boolean;
-    bordered: boolean;
     closable: boolean;
     displayDirective: "show" | "if";
     hoverable: boolean;

package/lib/modal/src/Modal.js

@@ -7,7 +7,7 @@ const vue_1 = require("vue");
 const vdirs_1 = require("vdirs");
 const vooks_1 = require("vooks");
 const vueuc_1 = require("vueuc");
-const DialogProvider_1 = require("../../dialog/src/DialogProvider");
+const context_1 = require("../../dialog/src/context");
 const _mixins_1 = require("../../_mixins");
 const _utils_1 = require("../../_utils");
 const styles_1 = require("../styles");
@@ -67,12 +67,12 @@ exports.default = (0, vue_1.defineComponent)({
         }
         const containerRef = (0, vue_1.ref)(null);
         const { mergedClsPrefixRef, namespaceRef } = (0, _mixins_1.useConfig)(props);
-        const themeRef = (0, _mixins_1.useTheme)('Modal', 'Modal', index_cssr_1.default, styles_1.modalLight, props, mergedClsPrefixRef);
+        const themeRef = (0, _mixins_1.useTheme)('Modal', '-modal', index_cssr_1.default, styles_1.modalLight, props, mergedClsPrefixRef);
         const clickedRef = (0, vooks_1.useClicked)(64);
         const clickedPositionRef = (0, vooks_1.useClickPosition)();
         const isMountedRef = (0, vooks_1.useIsMounted)();
         const NDialogProvider = props.dialog
-            ? (0, vue_1.inject)(DialogProvider_1.dialogProviderInjectionKey, null)
+            ? (0, vue_1.inject)(context_1.dialogProviderInjectionKey, null)
             : null;
         function doUpdateShow(show) {
             const { onUpdateShow, 'onUpdate:show': _onUpdateShow, onHide } = props;

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

@@ -1,7 +1,7 @@
 declare const presetProps: {
     icon: import("vue").PropType<() => import("vue").VNodeChild>;
     type: {
-        readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: import("vue").PropType<"default" | "success" | "error" | "warning" | "info">;
         readonly default: "default";
     };
     title: import("vue").PropType<string | (() => import("vue").VNodeChild)>;
@@ -25,6 +25,7 @@ declare const presetProps: {
     onClose: import("vue").PropType<() => void>;
     contentStyle: import("vue").PropType<string | import("vue").CSSProperties>;
     headerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    headerExtraStyle: import("vue").PropType<string | import("vue").CSSProperties>;
     footerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
     embedded: BooleanConstructor;
     segmented: {
@@ -38,5 +39,5 @@ declare const presetProps: {
     hoverable: BooleanConstructor;
     role: StringConstructor;
 };
-declare const presetPropsKeys: ("type" | "content" | "size" | "icon" | "title" | "role" | "action" | "positiveText" | "negativeText" | "loading" | "showIcon" | "bordered" | "contentStyle" | "onClose" | "closable" | "iconPlacement" | "hoverable" | "headerStyle" | "footerStyle" | "embedded" | "segmented" | "onPositiveClick" | "onNegativeClick")[];
+declare const presetPropsKeys: ("type" | "content" | "size" | "icon" | "title" | "role" | "action" | "bordered" | "positiveText" | "negativeText" | "loading" | "showIcon" | "contentStyle" | "onClose" | "closable" | "iconPlacement" | "hoverable" | "headerStyle" | "headerExtraStyle" | "footerStyle" | "embedded" | "segmented" | "onPositiveClick" | "onNegativeClick")[];
 export { presetProps, presetPropsKeys };

package/lib/modal/src/presetProps.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.presetPropsKeys = exports.presetProps = void 0;
-const Dialog_1 = require("../../dialog/src/Dialog");
+const dialogProps_1 = require("../../dialog/src/dialogProps");
 const Card_1 = require("../../card/src/Card");
 const _utils_1 = require("../../_utils");
-const presetProps = Object.assign(Object.assign({}, Card_1.cardBaseProps), Dialog_1.dialogProps);
+const presetProps = Object.assign(Object.assign({}, Card_1.cardBaseProps), dialogProps_1.dialogProps);
 exports.presetProps = presetProps;
 const presetPropsKeys = (0, _utils_1.keysOf)(presetProps);
 exports.presetPropsKeys = presetPropsKeys;

package/lib/notification/index.d.ts

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

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

@@ -5,7 +5,7 @@ export declare const notificationProps: {
         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<() => VNodeChild>;
@@ -20,13 +20,13 @@ export declare const notificationProps: {
     };
 };
 export declare const notificationPropKeys: ("type" | "meta" | "content" | "description" | "title" | "action" | "avatar" | "onClose" | "closable")[];
-declare const _default: import("vue").DefineComponent<{
+export declare const Notification: import("vue").DefineComponent<{
     readonly closable: {
         readonly type: BooleanConstructor;
         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<() => VNodeChild>;
@@ -75,7 +75,7 @@ declare const _default: import("vue").DefineComponent<{
         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<() => VNodeChild>;
@@ -89,7 +89,6 @@ declare const _default: import("vue").DefineComponent<{
         readonly required: true;
     };
 }>>, {
-    type: "default" | "error" | "info" | "success" | "warning";
+    type: "default" | "success" | "error" | "warning" | "info";
     closable: boolean;
 }>;
-export default _default;

package/lib/notification/src/Notification.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.notificationPropKeys = exports.notificationProps = void 0;
+exports.Notification = exports.notificationPropKeys = exports.notificationProps = void 0;
 const vue_1 = require("vue");
 const seemly_1 = require("seemly");
+const icons_1 = require("../../_internal/icons");
 const _utils_1 = require("../../_utils");
 const _internal_1 = require("../../_internal");
-const icons_1 = require("../../_internal/icons");
-const NotificationProvider_1 = require("./NotificationProvider");
+const context_1 = require("./context");
 const iconMap = {
     info: (0, vue_1.h)(icons_1.InfoIcon, null),
     success: (0, vue_1.h)(icons_1.SuccessIcon, null),
@@ -24,8 +24,6 @@ exports.notificationProps = {
         default: 'default'
     },
     avatar: Function,
-    // BUG
-    // Wired Case, can't be set to [String, Function] as PropType<string | (() => VNodeChild)>,
     title: [String, Function],
     description: [String, Function],
     content: [String, Function],
@@ -37,12 +35,12 @@ exports.notificationProps = {
     }
 };
 exports.notificationPropKeys = (0, _utils_1.keysOf)(exports.notificationProps);
-exports.default = (0, vue_1.defineComponent)({
+exports.Notification = (0, vue_1.defineComponent)({
     name: 'Notification',
     props: exports.notificationProps,
     setup(props) {
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        const { mergedClsPrefixRef, mergedThemeRef } = (0, vue_1.inject)(NotificationProvider_1.notificationProviderInjectionKey);
+        const { mergedClsPrefixRef, mergedThemeRef } = (0, vue_1.inject)(context_1.notificationProviderInjectionKey);
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             showAvatar: (0, vue_1.computed)(() => {

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

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-declare const _default: import("vue").DefineComponent<{
+export declare const NotificationContainer: import("vue").DefineComponent<{
     scrollable: {
         type: BooleanConstructor;
         required: true;
@@ -162,4 +162,3 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
 }>>, {}>;
-export default _default;

package/lib/notification/src/NotificationContainer.js

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.NotificationContainer = void 0;
 const vue_1 = require("vue");
 const _internal_1 = require("../../_internal");
-const NotificationProvider_1 = require("./NotificationProvider");
-exports.default = (0, vue_1.defineComponent)({
+const context_1 = require("./context");
+exports.NotificationContainer = (0, vue_1.defineComponent)({
     name: 'NotificationContainer',
     props: {
         scrollable: {
@@ -17,7 +18,7 @@ exports.default = (0, vue_1.defineComponent)({
     },
     setup() {
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        const { mergedThemeRef, mergedClsPrefixRef } = (0, vue_1.inject)(NotificationProvider_1.notificationProviderInjectionKey);
+        const { mergedThemeRef, mergedClsPrefixRef } = (0, vue_1.inject)(context_1.notificationProviderInjectionKey);
         return {
             mergedTheme: mergedThemeRef,
             mergedClsPrefix: mergedClsPrefixRef

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;
             }
         }));
     }