naive-ui 2.24.7 → 2.25.0

package/es/menu/src/MenuOptionContent.js

@@ -2,7 +2,7 @@ import { computed, defineComponent, h, inject } from 'vue';
 import { ChevronDownFilledIcon } from '../../_internal/icons';
 import { render } from '../../_utils';
 import { NBaseIcon } from '../../_internal';
-import { menuInjectionKey } from './Menu';
+import { menuInjectionKey } from './context';
 export default defineComponent({
     name: 'MenuOptionContent',
     props: {

package/es/menu/src/MenuOptionGroup.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { MenuOptionGroupInjection } from './use-menu-child';
 import { TmNode } from './interface';
 export declare const menuItemGroupProps: {
     readonly tmNodes: {
@@ -19,8 +18,7 @@ export declare const menuItemGroupProps: {
     readonly title: PropType<string | (() => import("vue").VNodeChild)>;
     readonly extra: PropType<string | (() => import("vue").VNodeChild)>;
 };
-export declare const menuItemGroupInjectionKey: import("vue").InjectionKey<MenuOptionGroupInjection>;
-declare const _default: import("vue").DefineComponent<{
+export declare const NMenuOptionGroup: import("vue").DefineComponent<{
     readonly tmNodes: {
         readonly type: PropType<TmNode[]>;
         readonly required: true;
@@ -58,4 +56,3 @@ declare const _default: import("vue").DefineComponent<{
     root: boolean;
     isGroup: boolean;
 }>;
-export default _default;

package/es/menu/src/MenuOptionGroup.js

@@ -1,16 +1,15 @@
 import { h, defineComponent, provide, Fragment, inject } from 'vue';
-import { createInjectionKey, render } from '../../_utils';
+import { render } from '../../_utils';
 import { useMenuChild } from './use-menu-child';
 import { useMenuChildProps } from './use-menu-child-props';
+// eslint-disable-next-line import/no-cycle
 import { itemRenderer } from './utils';
-import { submenuInjectionKey } from './Submenu';
-import { menuInjectionKey } from './Menu';
+import { submenuInjectionKey, menuInjectionKey, menuItemGroupInjectionKey } from './context';
 export const menuItemGroupProps = Object.assign(Object.assign({}, useMenuChildProps), { tmNodes: {
         type: Array,
         required: true
     } });
-export const menuItemGroupInjectionKey = createInjectionKey('n-menu-item-group');
-export default defineComponent({
+export const NMenuOptionGroup = defineComponent({
     name: 'MenuOptionGroup',
     props: menuItemGroupProps,
     setup(props) {

package/es/menu/src/Submenu.d.ts

@@ -1,5 +1,4 @@
 import { PropType, VNodeChild } from 'vue';
-import type { SubmenuInjection } from './use-menu-child';
 import { MenuMixedOption, TmNode } from './interface';
 export declare const submenuProps: {
     readonly rawNodes: {
@@ -33,8 +32,7 @@ export declare const submenuProps: {
     readonly title: PropType<string | (() => VNodeChild)>;
     readonly extra: PropType<string | (() => VNodeChild)>;
 };
-export declare const submenuInjectionKey: import("vue").InjectionKey<SubmenuInjection>;
-declare const _default: import("vue").DefineComponent<{
+export declare const NSubmenu: import("vue").DefineComponent<{
     readonly rawNodes: {
         readonly type: PropType<MenuMixedOption[]>;
         readonly default: () => never[];
@@ -122,4 +120,3 @@ declare const _default: import("vue").DefineComponent<{
     tmNodes: TmNode[];
     rawNodes: MenuMixedOption[];
 }>;
-export default _default;

package/es/menu/src/Submenu.js

@@ -3,11 +3,11 @@ import { useMemo } from 'vooks';
 import { NFadeInExpandTransition } from '../../_internal';
 import { NDropdown } from '../../dropdown';
 import NMenuOptionContent from './MenuOptionContent';
+// eslint-disable-next-line import/no-cycle
 import { itemRenderer } from './utils';
 import { useMenuChild } from './use-menu-child';
 import { useMenuChildProps } from './use-menu-child-props';
-import { menuItemGroupInjectionKey } from './MenuOptionGroup';
-import { createInjectionKey } from '../../_utils';
+import { menuItemGroupInjectionKey, submenuInjectionKey } from './context';
 export const submenuProps = Object.assign(Object.assign({}, useMenuChildProps), { rawNodes: {
         type: Array,
         default: () => []
@@ -21,8 +21,7 @@ export const submenuProps = Object.assign(Object.assign({}, useMenuChildProps),
         type: Boolean,
         default: false
     }, icon: Function, onClick: Function });
-export const submenuInjectionKey = createInjectionKey('n-submenu');
-export default defineComponent({
+export const NSubmenu = defineComponent({
     name: 'Submenu',
     props: submenuProps,
     setup(props) {

package/es/menu/src/context.d.ts

@@ -0,0 +1,4 @@
+import type { MenuInjection, MenuOptionGroupInjection, SubmenuInjection } from './use-menu-child';
+export declare const menuInjectionKey: import("vue").InjectionKey<MenuInjection>;
+export declare const submenuInjectionKey: import("vue").InjectionKey<SubmenuInjection>;
+export declare const menuItemGroupInjectionKey: import("vue").InjectionKey<MenuOptionGroupInjection>;

package/es/menu/src/context.js

@@ -0,0 +1,4 @@
+import { createInjectionKey } from '../../_utils';
+export const menuInjectionKey = createInjectionKey('n-menu');
+export const submenuInjectionKey = createInjectionKey('n-submenu');
+export const menuItemGroupInjectionKey = createInjectionKey('n-menu-item-group');

package/es/menu/src/use-menu-child.js

@@ -1,7 +1,5 @@
 import { inject, computed } from 'vue';
-import { menuInjectionKey } from './Menu';
-import { menuItemGroupInjectionKey } from './MenuOptionGroup';
-import { submenuInjectionKey } from './Submenu';
+import { menuInjectionKey, submenuInjectionKey, menuItemGroupInjectionKey } from './context';
 const ICON_MARGIN_RIGHT = 8;
 export function useMenuChild(props) {
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion

package/es/menu/src/useCheckDeprecated.d.ts

@@ -1,2 +1,2 @@
-import { MenuSetupProps } from './Menu';
+import type { MenuSetupProps } from './Menu';
 export declare function useCheckDeprecated(props: MenuSetupProps): void;

package/es/menu/src/utils.d.ts

@@ -1,7 +1,7 @@
 import { VNode } from 'vue';
 import type { TreeNode } from 'treemate';
 import { MenuOption, MenuGroupOption, MenuIgnoredOption, MenuMixedOption } from './interface';
-import { MenuSetupProps } from './Menu';
+import type { MenuSetupProps } from './Menu';
 export declare function isIgnoredNode(rawNode: MenuMixedOption): rawNode is MenuIgnoredOption;
 export declare function isDividerNode(rawNode: MenuMixedOption): rawNode is MenuIgnoredOption;
 export declare function itemRenderer(tmNode: TreeNode<MenuOption, MenuGroupOption, MenuIgnoredOption>, menuProps: MenuSetupProps): VNode | undefined;

package/es/menu/src/utils.js

@@ -1,8 +1,10 @@
 import { h } from 'vue';
 import { keep, keysOf } from '../../_utils';
-import NMenuOptionGroup, { menuItemGroupProps } from './MenuOptionGroup';
-import NSubmenu, { submenuProps } from './Submenu';
-import NMenuOption, { menuItemProps } from './MenuOption';
+// eslint-disable-next-line import/no-cycle
+import { NMenuOptionGroup, menuItemGroupProps } from './MenuOptionGroup';
+// eslint-disable-next-line import/no-cycle
+import { NSubmenu, submenuProps } from './Submenu';
+import { NMenuOption, menuItemProps } from './MenuOption';
 import NMenuDivider from './MenuDivider';
 const groupPropKeys = keysOf(menuItemGroupProps);
 const itemPropKeys = keysOf(menuItemProps);

package/es/message/src/Message.d.ts

@@ -1,4 +1,4 @@
-import { VNodeChild, CSSProperties, PropType } from 'vue';
+import { VNodeChild, PropType } from 'vue';
 import type { MessageType, MessageRenderMessage } from './types';
 declare const _default: import("vue").DefineComponent<{
     render: PropType<MessageRenderMessage>;
@@ -15,163 +15,7 @@ declare const _default: import("vue").DefineComponent<{
     onMouseleave: PropType<(e: MouseEvent) => void>;
 }, {
     mergedClsPrefix: import("vue").Ref<string>;
-    messageProviderProps: {
-        duration: number;
-        placement: "bottom" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
-        closable: boolean;
-        keepAliveOnHover: boolean;
-    } & {
-        max?: number | undefined;
-        to?: string | HTMLElement | undefined;
-        theme?: import("../../_mixins").Theme<"Message", {
-            textColorInfo: string;
-            textColorSuccess: string;
-            textColorError: string;
-            textColorWarning: string;
-            textColorLoading: string;
-            colorInfo: string;
-            colorSuccess: string;
-            colorError: string;
-            colorWarning: string;
-            colorLoading: string;
-            boxShadowInfo: string;
-            boxShadowSuccess: string;
-            boxShadowError: string;
-            boxShadowWarning: string;
-            boxShadowLoading: string;
-            iconColorInfo: string;
-            iconColorSuccess: string;
-            iconColorWarning: string;
-            iconColorError: string;
-            iconColorLoading: string;
-            closeColorInfo: string;
-            closeColorHoverInfo: string;
-            closeColorPressedInfo: string;
-            closeColorSuccess: string;
-            closeColorHoverSuccess: string;
-            closeColorPressedSuccess: string;
-            closeColorError: string;
-            closeColorHoverError: string;
-            closeColorPressedError: string;
-            closeColorWarning: string;
-            closeColorHoverWarning: string;
-            closeColorPressedWarning: string;
-            closeColorLoading: string;
-            closeColorHoverLoading: string;
-            closeColorPressedLoading: string;
-            loadingColor: string;
-            lineHeight: string;
-            borderRadius: string;
-            margin: string;
-            padding: string;
-            maxWidth: string;
-            minWidth: string;
-            iconMargin: string;
-            closeMargin: string;
-            closeSize: string;
-            iconSize: string;
-            fontSize: string;
-        }, any> | undefined;
-        themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Message", {
-            textColorInfo: string;
-            textColorSuccess: string;
-            textColorError: string;
-            textColorWarning: string;
-            textColorLoading: string;
-            colorInfo: string;
-            colorSuccess: string;
-            colorError: string;
-            colorWarning: string;
-            colorLoading: string;
-            boxShadowInfo: string;
-            boxShadowSuccess: string;
-            boxShadowError: string;
-            boxShadowWarning: string;
-            boxShadowLoading: string;
-            iconColorInfo: string;
-            iconColorSuccess: string;
-            iconColorWarning: string;
-            iconColorError: string;
-            iconColorLoading: string;
-            closeColorInfo: string;
-            closeColorHoverInfo: string;
-            closeColorPressedInfo: string;
-            closeColorSuccess: string;
-            closeColorHoverSuccess: string;
-            closeColorPressedSuccess: string;
-            closeColorError: string;
-            closeColorHoverError: string;
-            closeColorPressedError: string;
-            closeColorWarning: string;
-            closeColorHoverWarning: string;
-            closeColorPressedWarning: string;
-            closeColorLoading: string;
-            closeColorHoverLoading: string;
-            closeColorPressedLoading: string;
-            loadingColor: string;
-            lineHeight: string;
-            borderRadius: string;
-            margin: string;
-            padding: string;
-            maxWidth: string;
-            minWidth: string;
-            iconMargin: string;
-            closeMargin: string;
-            closeSize: string;
-            iconSize: string;
-            fontSize: string;
-        }, any>> | undefined;
-        builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Message", {
-            textColorInfo: string;
-            textColorSuccess: string;
-            textColorError: string;
-            textColorWarning: string;
-            textColorLoading: string;
-            colorInfo: string;
-            colorSuccess: string;
-            colorError: string;
-            colorWarning: string;
-            colorLoading: string;
-            boxShadowInfo: string;
-            boxShadowSuccess: string;
-            boxShadowError: string;
-            boxShadowWarning: string;
-            boxShadowLoading: string;
-            iconColorInfo: string;
-            iconColorSuccess: string;
-            iconColorWarning: string;
-            iconColorError: string;
-            iconColorLoading: string;
-            closeColorInfo: string;
-            closeColorHoverInfo: string;
-            closeColorPressedInfo: string;
-            closeColorSuccess: string;
-            closeColorHoverSuccess: string;
-            closeColorPressedSuccess: string;
-            closeColorError: string;
-            closeColorHoverError: string;
-            closeColorPressedError: string;
-            closeColorWarning: string;
-            closeColorHoverWarning: string;
-            closeColorPressedWarning: string;
-            closeColorLoading: string;
-            closeColorHoverLoading: string;
-            closeColorPressedLoading: string;
-            loadingColor: string;
-            lineHeight: string;
-            borderRadius: string;
-            margin: string;
-            padding: string;
-            maxWidth: string;
-            minWidth: string;
-            iconMargin: string;
-            closeMargin: string;
-            closeSize: string;
-            iconSize: string;
-            fontSize: string;
-        }, any>> | undefined;
-        containerStyle?: string | CSSProperties | undefined;
-    };
+    messageProviderProps: import("./MessageProvider").MessageProviderSetupProps;
     handleClose(): void;
     cssVars: import("vue").ComputedRef<{
         '--n-bezier': string;

package/es/message/src/Message.js

@@ -5,7 +5,7 @@ import { render, createKey } from '../../_utils';
 import { useTheme } from '../../_mixins';
 import { messageLight } from '../styles';
 import { messageProps } from './message-props';
-import { messageProviderInjectionKey } from './MessageProvider';
+import { messageProviderInjectionKey } from './context';
 import style from './styles/index.cssr';
 const iconMap = {
     info: h(InfoIcon, null),
@@ -20,7 +20,7 @@ export default defineComponent({
         const { props: messageProviderProps, mergedClsPrefixRef
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
          } = inject(messageProviderInjectionKey);
-        const themeRef = useTheme('Message', 'Message', style, messageLight, messageProviderProps, mergedClsPrefixRef);
+        const themeRef = useTheme('Message', '-message', style, messageLight, messageProviderProps, mergedClsPrefixRef);
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             messageProviderProps,

package/es/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/es/message/src/MessageProvider.js

@@ -1,9 +1,9 @@
 import { Fragment, ref, h, reactive, Teleport, defineComponent, provide } from 'vue';
 import { createId } from 'seemly';
-import { createInjectionKey, omit } from '../../_utils';
+import { omit } from '../../_utils';
 import { useConfig, useTheme } from '../../_mixins';
 import MessageEnvironment from './MessageEnvironment';
-export const messageApiInjectionKey = createInjectionKey('n-message-api');
+import { messageApiInjectionKey, messageProviderInjectionKey } from './context';
 const messageProviderProps = Object.assign(Object.assign({}, useTheme.props), { to: [String, Object], duration: {
         type: Number,
         default: 3000
@@ -11,7 +11,6 @@ const messageProviderProps = Object.assign(Object.assign({}, useTheme.props), {
         type: String,
         default: 'top'
     }, closable: Boolean, containerStyle: [String, Object] });
-export const messageProviderInjectionKey = createInjectionKey('n-message-provider');
 export default defineComponent({
     name: 'MessageProvider',
     props: messageProviderProps,

package/es/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/es/message/src/context.js

@@ -0,0 +1,3 @@
+import { createInjectionKey } from '../../_utils';
+export const messageApiInjectionKey = createInjectionKey('n-message-api');
+export const messageProviderInjectionKey = createInjectionKey('n-message-provider');

package/es/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/es/message/src/use-message.js

@@ -1,6 +1,6 @@
 import { inject } from 'vue';
 import { throwError } from '../../_utils';
-import { messageApiInjectionKey } from './MessageProvider';
+import { messageApiInjectionKey } from './context';
 export function useMessage() {
     const api = inject(messageApiInjectionKey, null);
     if (api === null) {

package/es/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/es/modal/src/BodyWrapper.js

@@ -1,12 +1,12 @@
 import { h, nextTick, toRef, watch, ref, inject, defineComponent, provide, withDirectives, vShow, Transition, mergeProps, cloneVNode } from 'vue';
 import { clickoutside } from 'vdirs';
 import { VFocusTrap } from 'vueuc';
-import { dialogPropKeys } from '../../dialog/src/Dialog';
+import { dialogPropKeys } from '../../dialog/src/dialogProps';
+import { NDialog } from '../../dialog/src/Dialog';
 import { cardBasePropKeys } from '../../card/src/Card';
 import { drawerBodyInjectionKey } from '../../drawer/src/interface';
 import { popoverBodyInjectionKey } from '../../popover/src/interface';
 import { NScrollbar } from '../../_internal';
-import { NDialog } from '../../dialog';
 import { NCard } from '../../card';
 import { getFirstSlotVNode, keep, warn } from '../../_utils';
 import { modalBodyInjectionKey, modalInjectionKey } from './interface';

package/es/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/es/modal/src/Modal.js

@@ -2,7 +2,7 @@ import { h, withDirectives, Transition, ref, computed, defineComponent, provide,
 import { zindexable } from 'vdirs';
 import { useIsMounted, useClicked, useClickPosition } from 'vooks';
 import { VLazyTeleport } from 'vueuc';
-import { dialogProviderInjectionKey } from '../../dialog/src/DialogProvider';
+import { dialogProviderInjectionKey } from '../../dialog/src/context';
 import { useConfig, useTheme } from '../../_mixins';
 import { keep, call, warnOnce } from '../../_utils';
 import { modalLight } from '../styles';
@@ -62,7 +62,7 @@ export default defineComponent({
         }
         const containerRef = ref(null);
         const { mergedClsPrefixRef, namespaceRef } = useConfig(props);
-        const themeRef = useTheme('Modal', 'Modal', style, modalLight, props, mergedClsPrefixRef);
+        const themeRef = useTheme('Modal', '-modal', style, modalLight, props, mergedClsPrefixRef);
         const clickedRef = useClicked(64);
         const clickedPositionRef = useClickPosition();
         const isMountedRef = useIsMounted();

package/es/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/es/modal/src/presetProps.js

@@ -1,4 +1,4 @@
-import { dialogProps } from '../../dialog/src/Dialog';
+import { dialogProps } from '../../dialog/src/dialogProps';
 import { cardBaseProps } from '../../card/src/Card';
 import { keysOf } from '../../_utils';
 const presetProps = Object.assign(Object.assign({}, cardBaseProps), dialogProps);

package/es/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';