naive-ui 2.23.2 → 2.24.0

package/es/locales/common/enUS.js

@@ -95,6 +95,16 @@ const enUS = {
         import: 'Import',
         export: 'Export',
         restore: 'Reset to Default'
+    },
+    // TODO: translation
+    Image: {
+        tipPrevious: 'Previous picture (←)',
+        tipNext: 'Next picture (→)',
+        tipCounterclockwise: 'Counterclockwise',
+        tipClockwise: 'Clockwise',
+        tipZoomOut: 'Zoom out',
+        tipZoomIn: 'Zoom in',
+        tipClose: 'Close (Esc)'
     }
 };
 export default enUS;

package/es/locales/common/frFR.js

@@ -95,6 +95,16 @@ const frFR = {
         import: 'Importer',
         export: 'Exporter',
         restore: 'Réinitialiser'
+    },
+    // TODO: translation
+    Image: {
+        tipPrevious: 'Previous picture (←)',
+        tipNext: 'Next picture (→)',
+        tipCounterclockwise: 'Counterclockwise',
+        tipClockwise: 'Clockwise',
+        tipZoomOut: 'Zoom out',
+        tipZoomIn: 'Zoom in',
+        tipClose: 'Close (Esc)'
     }
 };
 export default frFR;

package/es/locales/common/idID.js

@@ -96,6 +96,16 @@ const idID = {
         import: 'Impor',
         export: 'Ekspor',
         restore: 'Setel ulang ke awal'
+    },
+    // TODO: translation
+    Image: {
+        tipPrevious: 'Previous picture (←)',
+        tipNext: 'Next picture (→)',
+        tipCounterclockwise: 'Counterclockwise',
+        tipClockwise: 'Clockwise',
+        tipZoomOut: 'Zoom out',
+        tipZoomIn: 'Zoom in',
+        tipClose: 'Close (Esc)'
     }
 };
 export default idID;

package/es/locales/common/jaJP.js

@@ -96,6 +96,16 @@ const jaJP = {
         import: 'インポート',
         export: 'エクスポート',
         restore: 'デフォルト'
+    },
+    // TODO: translation
+    Image: {
+        tipPrevious: 'Previous picture (←)',
+        tipNext: 'Next picture (→)',
+        tipCounterclockwise: 'Counterclockwise',
+        tipClockwise: 'Clockwise',
+        tipZoomOut: 'Zoom out',
+        tipZoomIn: 'Zoom in',
+        tipClose: 'Close (Esc)'
     }
 };
 export default jaJP;

package/es/locales/common/nbNO.js

@@ -96,6 +96,16 @@ const nbNO = {
         import: 'Importer',
         export: 'Eksporter',
         restore: 'Nullstill til standardvalg'
+    },
+    // TODO: translation
+    Image: {
+        tipPrevious: 'Previous picture (←)',
+        tipNext: 'Next picture (→)',
+        tipCounterclockwise: 'Counterclockwise',
+        tipClockwise: 'Clockwise',
+        tipZoomOut: 'Zoom out',
+        tipZoomIn: 'Zoom in',
+        tipClose: 'Close (Esc)'
     }
 };
 export default nbNO;

package/es/locales/common/ruRU.js

@@ -96,6 +96,16 @@ const ruRu = {
         import: 'Импорт',
         export: 'Экспорт',
         restore: 'Сбросить'
+    },
+    // TODO: translation
+    Image: {
+        tipPrevious: 'Previous picture (←)',
+        tipNext: 'Next picture (→)',
+        tipCounterclockwise: 'Counterclockwise',
+        tipClockwise: 'Clockwise',
+        tipZoomOut: 'Zoom out',
+        tipZoomIn: 'Zoom in',
+        tipClose: 'Close (Esc)'
     }
 };
 export default ruRu;

package/es/locales/common/ukUA.js

@@ -96,6 +96,16 @@ const ukUA = {
         import: 'Імпорт',
         export: 'Експорт',
         restore: 'Скинути'
+    },
+    // TODO: translation
+    Image: {
+        tipPrevious: 'Previous picture (←)',
+        tipNext: 'Next picture (→)',
+        tipCounterclockwise: 'Counterclockwise',
+        tipClockwise: 'Clockwise',
+        tipZoomOut: 'Zoom out',
+        tipZoomIn: 'Zoom in',
+        tipClose: 'Close (Esc)'
     }
 };
 export default ukUA;

package/es/locales/common/zhCN.js

@@ -95,6 +95,15 @@ const zhCN = {
         import: '导入',
         export: '导出',
         restore: '恢复默认'
+    },
+    Image: {
+        tipPrevious: '上一张（←）',
+        tipNext: '下一张（→）',
+        tipCounterclockwise: '向左旋转',
+        tipClockwise: '向右旋转',
+        tipZoomOut: '缩小',
+        tipZoomIn: '放大',
+        tipClose: '关闭（Esc）'
     }
 };
 export default zhCN;

package/es/locales/common/zhTW.js

@@ -95,6 +95,16 @@ const zhTW = {
         import: '導入',
         export: '匯出',
         restore: '恢復默認'
+    },
+    // TODO: translation
+    Image: {
+        tipPrevious: '上一张（←）',
+        tipNext: '下一张（→）',
+        tipCounterclockwise: '向左旋转',
+        tipClockwise: '向右旋转',
+        tipZoomOut: '缩小',
+        tipZoomIn: '放大',
+        tipClose: '关闭（Esc）'
     }
 };
 export default zhTW;

package/es/mention/src/utils.js

@@ -122,7 +122,6 @@ export function getRelativePosition(element, options = {
             }
         }
         else {
-            // @ts-expect-error
             style[prop] = computed[prop];
         }
     });

package/es/message/index.d.ts

@@ -1,3 +1,4 @@
 export { default as NMessageProvider } from './src/MessageProvider';
 export { useMessage } from './src/use-message';
-export type { MessageApiInjection as MessageApi, MessageProviderInst, MessageProviderProps, MessageOptions, MessageReactive } from './src/MessageProvider';
+export type { MessageApiInjection as MessageApi, MessageProviderInst, MessageProviderProps, MessageReactive } from './src/MessageProvider';
+export type { MessageOptions, MessageRenderMessage, MessageType } from './src/types';

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

@@ -1,19 +1,189 @@
-import { VNodeChild } from 'vue';
-import { MessageType } from './message-props';
+import { VNodeChild, CSSProperties, PropType } from 'vue';
+import type { MessageType } from './types';
+import { MessageRenderMessage } from '..';
 declare const _default: import("vue").DefineComponent<{
-    readonly icon: import("vue").PropType<() => VNodeChild>;
-    readonly type: {
-        readonly type: import("vue").PropType<MessageType>;
+    render: PropType<MessageRenderMessage>;
+    icon: PropType<() => VNodeChild>;
+    type: {
+        readonly type: PropType<MessageType>;
         readonly default: "info";
     };
-    readonly content: import("vue").PropType<string | number | (() => VNodeChild)>;
-    readonly closable: BooleanConstructor;
-    readonly keepAliveOnHover: BooleanConstructor;
-    readonly onClose: import("vue").PropType<() => void>;
-    readonly onMouseenter: import("vue").PropType<(e: MouseEvent) => void>;
-    readonly onMouseleave: import("vue").PropType<(e: MouseEvent) => void>;
+    content: PropType<string | number | (() => VNodeChild)>;
+    closable: BooleanConstructor;
+    keepAliveOnHover: BooleanConstructor;
+    onClose: PropType<() => void>;
+    onMouseenter: PropType<(e: MouseEvent) => void>;
+    onMouseleave: PropType<(e: MouseEvent) => void>;
 }, {
     mergedClsPrefix: import("vue").Ref<string>;
+    messageProviderProps: {
+        to?: unknown;
+        duration?: unknown;
+        keepAliveOnHover?: unknown;
+        max?: unknown;
+        placement?: unknown;
+        closable?: unknown;
+        containerStyle?: unknown;
+        theme?: unknown;
+        themeOverrides?: unknown;
+        builtinThemeOverrides?: unknown;
+    } & {
+        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;
+    };
     handleClose(): void;
     cssVars: import("vue").ComputedRef<{
         '--n-bezier': string;
@@ -41,20 +211,22 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     placement: "bottom" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly icon?: unknown;
-    readonly type?: unknown;
-    readonly content?: unknown;
-    readonly closable?: unknown;
-    readonly keepAliveOnHover?: unknown;
-    readonly onClose?: unknown;
-    readonly onMouseenter?: unknown;
-    readonly onMouseleave?: unknown;
+    render?: unknown;
+    icon?: unknown;
+    type?: unknown;
+    content?: unknown;
+    closable?: unknown;
+    keepAliveOnHover?: unknown;
+    onClose?: unknown;
+    onMouseenter?: unknown;
+    onMouseleave?: unknown;
 } & {
     type: MessageType;
     closable: boolean;
     keepAliveOnHover: boolean;
 } & {
     content?: string | number | (() => VNodeChild) | undefined;
+    render?: MessageRenderMessage | undefined;
     icon?: (() => VNodeChild) | undefined;
     onMouseenter?: ((e: MouseEvent) => void) | undefined;
     onMouseleave?: ((e: MouseEvent) => void) | undefined;

package/es/message/src/Message.js

@@ -15,7 +15,7 @@ const iconMap = {
 };
 export default defineComponent({
     name: 'Message',
-    props: messageProps,
+    props: Object.assign(Object.assign({}, messageProps), { render: Function }),
     setup(props) {
         const { props: messageProviderProps, mergedClsPrefixRef
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
@@ -23,6 +23,7 @@ export default defineComponent({
         const themeRef = useTheme('Message', 'Message', style, messageLight, messageProviderProps, mergedClsPrefixRef);
         return {
             mergedClsPrefix: mergedClsPrefixRef,
+            messageProviderProps,
             handleClose() {
                 var _a;
                 (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
@@ -59,17 +60,18 @@ export default defineComponent({
         };
     },
     render() {
-        const { icon, type, closable, content, mergedClsPrefix, cssVars, handleClose } = this;
-        return (h("div", { class: `${mergedClsPrefix}-message-wrapper`, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave, style: Object.assign(Object.assign({}, cssVars), { alignItems: this.placement.startsWith('top')
+        const { render: renderMessage, type, closable, content, mergedClsPrefix, cssVars, icon, handleClose } = this;
+        return (h("div", { class: `${mergedClsPrefix}-message-wrapper`, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave, style: Object.assign({
+                alignItems: this.placement.startsWith('top')
                     ? 'flex-start'
-                    : 'flex-end' }) },
-            h("div", { class: `${mergedClsPrefix}-message ${mergedClsPrefix}-message--${type}-type` },
-                h("div", { class: `${mergedClsPrefix}-message__icon ${mergedClsPrefix}-message__icon--${type}-type` },
-                    h(NIconSwitchTransition, null, {
-                        default: () => [createIconVNode(icon, type, mergedClsPrefix)]
-                    })),
-                h("div", { class: `${mergedClsPrefix}-message__content` }, render(content)),
-                closable ? (h(NBaseClose, { clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-message__close`, onClick: handleClose })) : null)));
+                    : 'flex-end'
+            }, cssVars) }, renderMessage ? (renderMessage(this.$props)) : (h("div", { class: `${mergedClsPrefix}-message ${mergedClsPrefix}-message--${type}-type` },
+            h("div", { class: `${mergedClsPrefix}-message__icon ${mergedClsPrefix}-message__icon--${type}-type` },
+                h(NIconSwitchTransition, null, {
+                    default: () => [createIconVNode(icon, type, mergedClsPrefix)]
+                })),
+            h("div", { class: `${mergedClsPrefix}-message__content` }, render(content)),
+            closable ? (h(NBaseClose, { clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-message__close`, onClick: handleClose })) : null))));
     }
 });
 function createIconVNode(icon, type, clsPrefix) {

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

@@ -15,7 +15,7 @@ declare const _default: import("vue").DefineComponent<{
     onAfterHide: FunctionConstructor;
     icon: PropType<() => import("vue").VNodeChild>;
     type: {
-        readonly type: PropType<import("./message-props").MessageType>;
+        readonly type: PropType<import("./types").MessageType>;
         readonly default: "info";
     };
     content: PropType<string | number | (() => import("vue").VNodeChild)>;
@@ -49,7 +49,7 @@ declare const _default: import("vue").DefineComponent<{
     onMouseenter?: unknown;
     onMouseleave?: unknown;
 } & {
-    type: import("./message-props").MessageType;
+    type: import("./types").MessageType;
     duration: number;
     closable: boolean;
     internalKey: string;
@@ -66,7 +66,7 @@ declare const _default: import("vue").DefineComponent<{
     onAfterHide?: Function | undefined;
     onInternalAfterLeave?: ((key: string) => void) | undefined;
 }>, {
-    type: import("./message-props").MessageType;
+    type: import("./types").MessageType;
     duration: number;
     closable: boolean;
     keepAliveOnHover: boolean;

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

@@ -1,14 +1,6 @@
 import { VNodeChild, InjectionKey, ExtractPropTypes, Ref, PropType, CSSProperties } from 'vue';
-import { ExtractPublicPropTypes } from '../../_utils';
-export interface MessageOptions {
-    duration?: number;
-    closable?: boolean;
-    keepAliveOnHover?: boolean;
-    icon?: () => VNodeChild;
-    onClose?: () => void;
-    onLeave?: () => void;
-    onAfterLeave?: () => void;
-}
+import type { ExtractPublicPropTypes } from '../../_utils';
+import type { MessageOptions, MessageType } from './types';
 declare type ContentType = string | (() => VNodeChild);
 export interface MessageApiInjection {
     info: (content: ContentType, options?: MessageOptions) => MessageReactive;
@@ -24,6 +16,7 @@ export interface MessageReactive {
     duration?: number;
     closable?: boolean;
     keepAliveOnHover?: boolean;
+    type: MessageType;
     icon?: () => VNodeChild;
     onClose?: () => void;
     destroy: () => void;
@@ -368,6 +361,7 @@ declare const _default: import("vue").DefineComponent<{
             duration?: number | undefined;
             closable?: boolean | undefined;
             keepAliveOnHover?: boolean | undefined;
+            type: MessageType;
             icon?: (() => VNodeChild) | undefined;
             onClose?: (() => void) | undefined;
             destroy: () => void;
@@ -379,6 +373,7 @@ declare const _default: import("vue").DefineComponent<{
         duration?: number | undefined;
         closable?: boolean | undefined;
         keepAliveOnHover?: boolean | undefined;
+        type: MessageType;
         icon?: (() => VNodeChild) | undefined;
         onClose?: (() => void) | undefined;
         destroy: () => void;

package/es/message/src/MessageProvider.js

@@ -42,7 +42,7 @@ export default defineComponent({
             mergedClsPrefixRef
         });
         provide(messageApiInjectionKey, api);
-        function create(content, options = {}) {
+        function create(content, options) {
             const key = createId();
             const messageReactive = reactive(Object.assign(Object.assign({}, options), { content,
                 key, destroy: () => {

package/es/message/src/message-props.d.ts

@@ -1,5 +1,6 @@
-import { PropType, VNodeChild } from 'vue';
-export declare type MessageType = 'info' | 'success' | 'warning' | 'error' | 'loading';
+import { ExtractPropTypes, PropType, VNodeChild } from 'vue';
+import { ExtractPublicPropTypes } from '../../_utils';
+import { MessageType } from './types';
 export declare const messageProps: {
     readonly icon: PropType<() => VNodeChild>;
     readonly type: {
@@ -13,3 +14,5 @@ export declare const messageProps: {
     readonly onMouseenter: PropType<(e: MouseEvent) => void>;
     readonly onMouseleave: PropType<(e: MouseEvent) => void>;
 };
+export declare type MessageProps = ExtractPublicPropTypes<typeof messageProps>;
+export declare type MessageSetupProps = ExtractPropTypes<typeof messageProps>;

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

@@ -0,0 +1,15 @@
+import { VNodeChild } from 'vue';
+import { 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;
+export interface MessageOptions {
+    render?: MessageRenderMessage;
+    duration?: number;
+    closable?: boolean;
+    keepAliveOnHover?: boolean;
+    icon?: () => VNodeChild;
+    onClose?: () => void;
+    onLeave?: () => void;
+    onAfterLeave?: () => void;
+}

package/es/message/src/types.js

@@ -0,0 +1 @@
+export {};

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

@@ -73,6 +73,7 @@ declare const modalProps: {
         type: PropType<"center" | "mouse">;
         default: string;
     };
+    zIndex: NumberConstructor;
     theme: PropType<import("../../_mixins").Theme<"Modal", {
         color: string;
         textColor: string;
@@ -970,6 +971,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"center" | "mouse">;
         default: string;
     };
+    zIndex: NumberConstructor;
     theme: PropType<import("../../_mixins").Theme<"Modal", {
         color: string;
         textColor: string;
@@ -1805,6 +1807,7 @@ declare const _default: import("vue").DefineComponent<{
         show: boolean;
         icon: (() => import("vue").VNodeChild) | undefined;
         transformOrigin: "center" | "mouse";
+        zIndex: number | undefined;
         appear: boolean | undefined;
         onAfterEnter: (() => void) | undefined;
         onBeforeLeave: (() => void) | undefined;
@@ -2721,6 +2724,7 @@ declare const _default: import("vue").DefineComponent<{
     to?: unknown;
     displayDirective?: unknown;
     transformOrigin?: unknown;
+    zIndex?: unknown;
     theme?: unknown;
     themeOverrides?: unknown;
     builtinThemeOverrides?: unknown;
@@ -2743,6 +2747,7 @@ declare const _default: import("vue").DefineComponent<{
 } & {
     content?: string | (() => import("vue").VNodeChild) | undefined;
     icon?: (() => import("vue").VNodeChild) | undefined;
+    zIndex?: number | undefined;
     appear?: boolean | undefined;
     onAfterEnter?: (() => void) | undefined;
     onBeforeLeave?: (() => void) | undefined;

package/es/modal/src/Modal.js

@@ -22,7 +22,7 @@ const modalProps = Object.assign(Object.assign(Object.assign(Object.assign({}, u
     }, transformOrigin: {
         type: String,
         default: 'mouse'
-    } }), presetProps), { 
+    }, zIndex: Number }), presetProps), { 
     // events
     'onUpdate:show': [Function, Array], onUpdateShow: [Function, Array], onAfterEnter: Function, onBeforeLeave: Function, onAfterLeave: Function, onClose: Function, onPositiveClick: Function, onNegativeClick: Function, onMaskClick: Function, 
     // private
@@ -205,6 +205,7 @@ export default defineComponent({
                         [
                             zindexable,
                             {
+                                zIndex: this.zIndex,
                                 enabled: this.show
                             }
                         ]

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

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

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

@@ -39,7 +39,7 @@ declare const pageHeaderProps: {
         backSize: string;
     }, unknown>>>;
 };
-export declare type PageHeaderPorps = ExtractPublicPropTypes<typeof pageHeaderProps>;
+export declare type PageHeaderProps = ExtractPublicPropTypes<typeof pageHeaderProps>;
 declare const _default: import("vue").DefineComponent<{
     title: StringConstructor;
     subtitle: StringConstructor;

package/es/pagination/index.d.ts

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