naive-ui 2.23.2 → 2.24.3

package/es/modal/src/Modal.js

@@ -22,9 +22,18 @@ const modalProps = Object.assign(Object.assign(Object.assign(Object.assign({}, u
     }, transformOrigin: {
         type: String,
         default: 'mouse'
+    }, zIndex: Number, autoFocus: {
+        type: Boolean,
+        default: true
+    }, trapFocus: {
+        type: Boolean,
+        default: true
+    }, closeOnEsc: {
+        type: Boolean,
+        default: true
     } }), presetProps), { 
     // events
-    'onUpdate:show': [Function, Array], onUpdateShow: [Function, Array], onAfterEnter: Function, onBeforeLeave: Function, onAfterLeave: Function, onClose: Function, onPositiveClick: Function, onNegativeClick: Function, onMaskClick: Function, 
+    onEsc: Function, 'onUpdate:show': [Function, Array], onUpdateShow: [Function, Array], onAfterEnter: Function, onBeforeLeave: Function, onAfterLeave: Function, onClose: Function, onPositiveClick: Function, onNegativeClick: Function, onMaskClick: Function, 
     // private
     dialog: Boolean, appear: {
         type: Boolean,
@@ -137,8 +146,10 @@ export default defineComponent({
                 }
             }
         }
-        function handleKeyup(e) {
-            if (e.code === 'Escape') {
+        function handleEsc(e) {
+            var _a;
+            (_a = props.onEsc) === null || _a === void 0 ? void 0 : _a.call(props);
+            if (props.closeOnEsc) {
                 doUpdateShow(false);
             }
         }
@@ -168,9 +179,10 @@ export default defineComponent({
             containerRef,
             presetProps: computed(() => {
                 const pickedProps = keep(props, presetPropsKeys);
+                // TODO: remove as any after vue fix the issue introduced in 3.2.27
                 return pickedProps;
             }),
-            handleKeyup,
+            handleEsc,
             handleAfterLeave,
             handleClickoutside,
             handleBeforeLeave,
@@ -201,10 +213,11 @@ export default defineComponent({
                                 return this.show ? (h("div", { "aria-hidden": true, ref: "containerRef", class: `${mergedClsPrefix}-modal-mask` })) : null;
                             }
                         })) : null,
-                        h(NModalBodyWrapper, Object.assign({ style: this.overlayStyle }, this.$attrs, { ref: 'bodyWrapper', displayDirective: this.displayDirective, show: this.show, preset: this.preset }, this.presetProps, { onClose: this.handleCloseClick, onNegativeClick: this.handleNegativeClick, onPositiveClick: this.handlePositiveClick, onBeforeLeave: this.handleBeforeLeave, onAfterEnter: this.onAfterEnter, onAfterLeave: this.handleAfterLeave, onClickoutside: this.handleClickoutside, onKeyup: this.handleKeyup }), this.$slots)), [
+                        h(NModalBodyWrapper, Object.assign({ style: this.overlayStyle }, this.$attrs, { ref: 'bodyWrapper', displayDirective: this.displayDirective, show: this.show, preset: this.preset, autoFocus: this.autoFocus, trapFocus: this.trapFocus }, this.presetProps, { onEsc: this.handleEsc, onClose: this.handleCloseClick, onNegativeClick: this.handleNegativeClick, onPositiveClick: this.handlePositiveClick, onBeforeLeave: this.handleBeforeLeave, onAfterEnter: this.onAfterEnter, onAfterLeave: this.handleAfterLeave, onClickoutside: this.handleClickoutside }), this.$slots)), [
                         [
                             zindexable,
                             {
+                                zIndex: this.zIndex,
                                 enabled: this.show
                             }
                         ]

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

@@ -1,8 +1,8 @@
-import { Ref, ComponentPublicInstance, InjectionKey } from 'vue';
+import { Ref, ComponentPublicInstance } from 'vue';
 import type { MergedTheme } from '../../_mixins';
 import type { ModalTheme } from '../styles';
 export declare type ModalBodyInjection = Ref<HTMLElement | ComponentPublicInstance | null> | null;
-export declare const modalBodyInjectionKey: InjectionKey<ModalBodyInjection>;
+export declare const modalBodyInjectionKey: import("vue").InjectionKey<ModalBodyInjection>;
 export interface ModalInjection {
     getMousePosition: () => {
         x: number;
@@ -14,4 +14,4 @@ export interface ModalInjection {
     appearRef: Ref<boolean | undefined>;
     transformOriginRef: Ref<'mouse' | 'center'>;
 }
-export declare const modalInjectionKey: InjectionKey<ModalInjection>;
+export declare const modalInjectionKey: import("vue").InjectionKey<ModalInjection>;

package/es/modal/src/interface.js

@@ -1,2 +1,3 @@
-export const modalBodyInjectionKey = Symbol('modalBody');
-export const modalInjectionKey = Symbol('modal');
+import { createInjectionKey } from '../../_utils/vue/create-injection-key';
+export const modalBodyInjectionKey = createInjectionKey('n-modal-body');
+export const modalInjectionKey = createInjectionKey('n-modal');

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

@@ -69,28 +69,26 @@ declare const _default: import("vue").DefineComponent<{
         '--n-padding-top': string;
         '--n-padding-bottom': string;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly closable?: unknown;
-    readonly type?: unknown;
-    readonly avatar?: unknown;
-    readonly title?: unknown;
-    readonly description?: unknown;
-    readonly content?: unknown;
-    readonly meta?: unknown;
-    readonly action?: unknown;
-    readonly onClose?: unknown;
-} & {
-    type: "default" | "error" | "info" | "success" | "warning";
-    onClose: () => void;
-    closable: boolean;
-} & {
-    meta?: string | (() => VNodeChild) | undefined;
-    content?: string | (() => VNodeChild) | undefined;
-    description?: string | (() => VNodeChild) | undefined;
-    title?: string | (() => VNodeChild) | undefined;
-    action?: string | (() => VNodeChild) | undefined;
-    avatar?: (() => VNodeChild) | undefined;
-}>, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly closable: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly type: {
+        readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly default: "default";
+    };
+    readonly avatar: PropType<() => VNodeChild>;
+    readonly title: PropType<string | (() => VNodeChild)>;
+    readonly description: PropType<string | (() => VNodeChild)>;
+    readonly content: PropType<string | (() => VNodeChild)>;
+    readonly meta: PropType<string | (() => VNodeChild)>;
+    readonly action: PropType<string | (() => VNodeChild)>;
+    readonly onClose: {
+        readonly type: PropType<() => void>;
+        readonly required: true;
+    };
+}>>, {
     type: "default" | "error" | "info" | "success" | "warning";
     closable: boolean;
 }>;

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

@@ -152,11 +152,14 @@ declare const _default: import("vue").DefineComponent<{
         };
     }>;
     mergedClsPrefix: import("vue").Ref<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    scrollable?: unknown;
-    placement?: unknown;
-} & {
-    placement: "top-left" | "top-right" | "bottom-left" | "bottom-right";
-    scrollable: boolean;
-} & {}>, {}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    scrollable: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    placement: {
+        type: PropType<"top-left" | "top-right" | "bottom-left" | "bottom-right">;
+        required: true;
+    };
+}>>, {}>;
 export default _default;

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

@@ -66,46 +66,38 @@ declare const _default: import("vue").DefineComponent<{
     handleBeforeLeave: (el: HTMLElement) => void;
     handleAfterEnter: (el: HTMLElement) => void;
     handleBeforeEnter: (el: HTMLElement) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    internalKey?: unknown;
-    onInternalAfterLeave?: unknown;
-    duration?: unknown;
-    onClose?: unknown;
-    onLeave?: unknown;
-    onAfterEnter?: unknown;
-    onAfterLeave?: unknown;
-    onHide?: unknown;
-    onAfterShow?: unknown;
-    onAfterHide?: unknown;
-    closable?: unknown;
-    type?: unknown;
-    avatar?: unknown;
-    title?: unknown;
-    description?: unknown;
-    content?: unknown;
-    meta?: unknown;
-    action?: unknown;
-} & {
-    type: "default" | "error" | "info" | "success" | "warning";
-    closable: boolean;
-    internalKey: string;
-    onInternalAfterLeave: (key: string) => void;
-} & {
-    meta?: string | (() => import("vue").VNodeChild) | undefined;
-    content?: string | (() => import("vue").VNodeChild) | undefined;
-    description?: string | (() => import("vue").VNodeChild) | undefined;
-    duration?: number | undefined;
-    onAfterEnter?: (() => void) | undefined;
-    onLeave?: (() => void) | undefined;
-    onAfterLeave?: (() => void) | undefined;
-    title?: string | (() => import("vue").VNodeChild) | undefined;
-    action?: string | (() => import("vue").VNodeChild) | undefined;
-    avatar?: (() => import("vue").VNodeChild) | undefined;
-    onClose?: (() => any) | undefined;
-    onHide?: (() => void) | undefined;
-    onAfterHide?: (() => void) | undefined;
-    onAfterShow?: (() => void) | undefined;
-}>, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    internalKey: {
+        type: StringConstructor;
+        required: true;
+    };
+    onInternalAfterLeave: {
+        type: PropType<(key: string) => void>;
+        required: true;
+    };
+    duration: NumberConstructor;
+    onClose: PropType<() => any>;
+    onLeave: PropType<() => void>;
+    onAfterEnter: PropType<() => void>;
+    onAfterLeave: PropType<() => void>;
+    onHide: PropType<() => void>;
+    onAfterShow: PropType<() => void>;
+    onAfterHide: PropType<() => void>;
+    closable: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    type: {
+        readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly default: "default";
+    };
+    avatar: PropType<() => import("vue").VNodeChild>;
+    title: PropType<string | (() => import("vue").VNodeChild)>;
+    description: PropType<string | (() => import("vue").VNodeChild)>;
+    content: PropType<string | (() => import("vue").VNodeChild)>;
+    meta: PropType<string | (() => import("vue").VNodeChild)>;
+    action: PropType<string | (() => import("vue").VNodeChild)>;
+}>>, {
     type: "default" | "error" | "info" | "success" | "warning";
     closable: boolean;
 }>;

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

@@ -1,4 +1,4 @@
-import { PropType, ExtractPropTypes, InjectionKey, Ref } from 'vue';
+import { PropType, ExtractPropTypes, Ref } from 'vue';
 import type { MergedTheme } from '../../_mixins';
 import { ExtractPublicPropTypes, Mutable } from '../../_utils';
 import { NotificationTheme } from '../styles';
@@ -8,7 +8,7 @@ export interface NotificationProviderInjection {
     mergedClsPrefixRef: Ref<string>;
     mergedThemeRef: Ref<MergedTheme<NotificationTheme>>;
 }
-export declare const notificationProviderInjectionKey: InjectionKey<NotificationProviderInjection>;
+export declare const notificationProviderInjectionKey: import("vue").InjectionKey<NotificationProviderInjection>;
 declare type Create = (options: NotificationOptions) => NotificationReactive;
 declare type TypedCreate = (options: Omit<NotificationOptions, 'type'>) => NotificationReactive;
 export interface NotificationApiInjection {
@@ -22,7 +22,7 @@ export interface NotificationApiInjection {
     destroyAll: () => void;
 }
 export declare type NotificationProviderInst = NotificationApiInjection;
-export declare const notificationApiInjectionKey: InjectionKey<NotificationApiInjection>;
+export declare const notificationApiInjectionKey: import("vue").InjectionKey<NotificationApiInjection>;
 export declare type NotificationReactive = {
     readonly key: string;
     readonly destroy: () => void;
@@ -239,22 +239,22 @@ declare const _default: import("vue").DefineComponent<{
         readonly destroy: () => void;
         readonly hide: () => void;
         readonly deactivate: () => void;
+        type?: "default" | "error" | "info" | "success" | "warning" | undefined;
+        closable?: boolean | undefined;
+        meta?: string | (() => import("vue").VNodeChild) | undefined;
+        content?: string | (() => import("vue").VNodeChild) | undefined;
+        description?: string | (() => import("vue").VNodeChild) | undefined;
         duration?: number | undefined;
-        onClose?: (() => any) | undefined;
-        onLeave?: (() => void) | undefined;
         onAfterEnter?: (() => void) | undefined;
+        onLeave?: (() => void) | undefined;
         onAfterLeave?: (() => void) | undefined;
-        onHide?: (() => void) | undefined;
-        onAfterShow?: (() => void) | undefined;
-        onAfterHide?: (() => void) | undefined;
-        closable?: boolean | undefined;
-        type?: "default" | "error" | "info" | "success" | "warning" | undefined;
-        avatar?: (() => import("vue").VNodeChild) | undefined;
         title?: string | (() => import("vue").VNodeChild) | undefined;
-        description?: string | (() => import("vue").VNodeChild) | undefined;
-        content?: string | (() => import("vue").VNodeChild) | undefined;
-        meta?: string | (() => import("vue").VNodeChild) | undefined;
         action?: string | (() => import("vue").VNodeChild) | undefined;
+        avatar?: (() => import("vue").VNodeChild) | undefined;
+        onClose?: (() => any) | undefined;
+        onHide?: (() => void) | undefined;
+        onAfterHide?: (() => void) | undefined;
+        onAfterShow?: (() => void) | undefined;
     }[]>;
     notificationRefs: Record<string, NotificationRef>;
     handleAfterLeave: (key: string) => void;
@@ -266,21 +266,18 @@ declare const _default: import("vue").DefineComponent<{
     error: (options: Omit<NotificationOptions, 'type'>) => NotificationReactive;
     open: (options: NotificationOptions) => NotificationReactive;
     destroyAll: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    to?: unknown;
-    scrollable?: unknown;
-    max?: unknown;
-    placement?: unknown;
-    theme?: unknown;
-    themeOverrides?: unknown;
-    builtinThemeOverrides?: unknown;
-} & {
-    placement: "top-left" | "top-right" | "bottom-left" | "bottom-right";
-    scrollable: boolean;
-} & {
-    max?: number | undefined;
-    to?: string | HTMLElement | undefined;
-    theme?: import("../../_mixins").Theme<"Notification", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    to: PropType<string | HTMLElement>;
+    scrollable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    max: NumberConstructor;
+    placement: {
+        type: PropType<"top-left" | "top-right" | "bottom-left" | "bottom-right">;
+        default: string;
+    };
+    theme: PropType<import("../../_mixins").Theme<"Notification", {
         borderRadius: string;
         lineHeight: string;
         fontSize: string;
@@ -308,8 +305,8 @@ declare const _default: import("vue").DefineComponent<{
             color: string;
             colorHover: string;
         }, any>;
-    }> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Notification", {
+    }>>;
+    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Notification", {
         borderRadius: string;
         lineHeight: string;
         fontSize: string;
@@ -337,8 +334,8 @@ declare const _default: import("vue").DefineComponent<{
             color: string;
             colorHover: string;
         }, any>;
-    }>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Notification", {
+    }>>>;
+    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Notification", {
         borderRadius: string;
         lineHeight: string;
         fontSize: string;
@@ -366,8 +363,8 @@ declare const _default: import("vue").DefineComponent<{
             color: string;
             colorHover: string;
         }, any>;
-    }>> | undefined;
-}>, {
+    }>>>;
+}>>, {
     placement: "top-left" | "top-right" | "bottom-left" | "bottom-right";
     scrollable: boolean;
 }>;

package/es/notification/src/NotificationProvider.js

@@ -1,14 +1,14 @@
 /* eslint-disable @typescript-eslint/no-dynamic-delete */
-import { Fragment, h, reactive, ref, Teleport, defineComponent, provide, renderSlot } from 'vue';
+import { Fragment, h, reactive, ref, Teleport, defineComponent, provide } from 'vue';
 import { createId } from 'seemly';
 import { useConfig, useTheme } from '../../_mixins';
-import { omit } from '../../_utils';
+import { omit, createInjectionKey } from '../../_utils';
 import { notificationLight } from '../styles';
 import NotificationContainer from './NotificationContainer';
 import NotificationEnvironment from './NotificationEnvironment';
 import style from './styles/index.cssr';
-export const notificationProviderInjectionKey = Symbol('notificationProvider');
-export const notificationApiInjectionKey = Symbol('notificationApi');
+export const notificationProviderInjectionKey = createInjectionKey('n-notification-provider');
+export const notificationApiInjectionKey = createInjectionKey('n-notification-api');
 const notificationProviderProps = Object.assign(Object.assign({}, useTheme.props), { to: [String, Object], scrollable: {
         type: Boolean,
         default: true
@@ -95,10 +95,10 @@ export default defineComponent({
         }, api);
     },
     render() {
-        var _a;
-        return (h(Fragment, null,
-            renderSlot(this.$slots, 'default'),
-            this.notificationList.length ? (h(Teleport, { to: (_a = this.to) !== null && _a !== void 0 ? _a : 'body' },
+        var _a, _b, _c;
+        return (h(Fragment, null, (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 :
+            _b.call(_a),
+            this.notificationList.length ? (h(Teleport, { to: (_c = this.to) !== null && _c !== void 0 ? _c : 'body' },
                 h(NotificationContainer, { scrollable: this.scrollable, placement: this.placement }, {
                     default: () => {
                         return this.notificationList.map((notification) => {

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

@@ -9,6 +9,7 @@ declare const numberAnimationProps: {
         default: number;
     };
     showSeparator: BooleanConstructor;
+    locale: StringConstructor;
     from: {
         type: NumberConstructor;
         default: number;
@@ -36,6 +37,7 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
     showSeparator: BooleanConstructor;
+    locale: StringConstructor;
     from: {
         type: NumberConstructor;
         default: number;
@@ -53,22 +55,32 @@ declare const _default: import("vue").DefineComponent<{
     formattedValue: import("vue").ComputedRef<{
         integer: string;
         decimal: string;
+        decimalSeparator: string | undefined;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    to?: unknown;
-    precision?: unknown;
-    showSeparator?: unknown;
-    from?: unknown;
-    active?: unknown;
-    duration?: unknown;
-} & {
-    active: boolean;
-    duration: number;
-    from: number;
-    to: number;
-    precision: number;
-    showSeparator: boolean;
-} & {}>, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    to: {
+        type: NumberConstructor;
+        default: number;
+    };
+    precision: {
+        type: NumberConstructor;
+        default: number;
+    };
+    showSeparator: BooleanConstructor;
+    locale: StringConstructor;
+    from: {
+        type: NumberConstructor;
+        default: number;
+    };
+    active: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>>, {
     active: boolean;
     duration: number;
     from: number;

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

@@ -1,6 +1,7 @@
 import { defineComponent, computed, onMounted, ref, watchEffect } from 'vue';
 import { round } from 'lodash-es';
 import { tween } from './utils';
+import { useLocale } from '../../_mixins';
 const numberAnimationProps = {
     to: {
         type: Number,
@@ -11,6 +12,7 @@ const numberAnimationProps = {
         default: 0
     },
     showSeparator: Boolean,
+    locale: String,
     from: { type: Number, default: 0 },
     active: {
         type: Boolean,
@@ -25,8 +27,15 @@ export default defineComponent({
     name: 'NumberAnimation',
     props: numberAnimationProps,
     setup(props) {
+        const { localeRef } = useLocale('name');
         const { duration } = props;
         const displayedValueRef = ref(props.from);
+        const mergedLocaleRef = computed(() => {
+            const { locale } = props;
+            if (locale !== undefined)
+                return locale;
+            return localeRef.value;
+        });
         let animating = false;
         const onUpdate = (currentValue) => {
             displayedValueRef.value = currentValue;
@@ -49,15 +58,21 @@ export default defineComponent({
             }
         };
         const formattedValueRef = computed(() => {
+            var _a;
             const formatted = round(displayedValueRef.value, props.precision).toFixed(props.precision);
             const splitValue = formatted.split('.');
+            const numberFormatter = new Intl.NumberFormat(mergedLocaleRef.value);
+            const decimalSeparator = (_a = numberFormatter
+                .formatToParts(0.5)
+                .find((part) => part.type === 'decimal')) === null || _a === void 0 ? void 0 : _a.value;
             const integer = props.showSeparator
-                ? Number(splitValue[0]).toLocaleString('en-US')
+                ? numberFormatter.format(Number(splitValue[0]))
                 : splitValue[0];
             const decimal = splitValue[1];
             return {
                 integer,
-                decimal
+                decimal,
+                decimalSeparator
             };
         });
         function play() {
@@ -75,7 +90,7 @@ export default defineComponent({
         return Object.assign({ formattedValue: formattedValueRef }, exposedMethods);
     },
     render() {
-        const { formattedValue: { integer, decimal } } = this;
-        return [integer, decimal ? '.' : null, decimal];
+        const { formattedValue: { integer, decimal, decimalSeparator } } = this;
+        return [integer, decimal ? decimalSeparator : null, decimal];
     }
 });

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;
@@ -93,18 +93,12 @@ declare const _default: import("vue").DefineComponent<{
         '--n-back-color-pressed': string;
         '--n-bezier': string;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    title?: unknown;
-    subtitle?: unknown;
-    extra?: unknown;
-    onBack?: unknown;
-    theme?: unknown;
-    themeOverrides?: unknown;
-    builtinThemeOverrides?: unknown;
-} & {} & {
-    extra?: string | undefined;
-    title?: string | undefined;
-    theme?: import("../../_mixins").Theme<"PageHeader", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    title: StringConstructor;
+    subtitle: StringConstructor;
+    extra: StringConstructor;
+    onBack: PropType<() => void>;
+    theme: PropType<import("../../_mixins").Theme<"PageHeader", {
         titleFontWeight: string;
         fontSize: string;
         titleTextColor: string;
@@ -114,8 +108,8 @@ declare const _default: import("vue").DefineComponent<{
         subtitleTextColor: string;
         titleFontSize: string;
         backSize: string;
-    }, unknown> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"PageHeader", {
+    }, unknown>>;
+    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"PageHeader", {
         titleFontWeight: string;
         fontSize: string;
         titleTextColor: string;
@@ -125,8 +119,8 @@ declare const _default: import("vue").DefineComponent<{
         subtitleTextColor: string;
         titleFontSize: string;
         backSize: string;
-    }, unknown>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"PageHeader", {
+    }, unknown>>>;
+    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"PageHeader", {
         titleFontWeight: string;
         fontSize: string;
         titleTextColor: string;
@@ -136,8 +130,6 @@ declare const _default: import("vue").DefineComponent<{
         subtitleTextColor: string;
         titleFontSize: string;
         backSize: string;
-    }, unknown>> | undefined;
-    subtitle?: string | undefined;
-    onBack?: (() => void) | undefined;
-}>, {}>;
+    }, unknown>>>;
+}>>, {}>;
 export default _default;

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

@@ -36,7 +36,7 @@ export default defineComponent({
     },
     render() {
         const { onBack, title, subtitle, extra, mergedClsPrefix, cssVars, $slots } = this;
-        const { title: titleSlot, subtitle: subtitleSlot, extra: extraSlot, default: defaultSlot, header: headerSlot, avatar: avatarSlot, footer: footerSlot } = $slots;
+        const { title: titleSlot, subtitle: subtitleSlot, extra: extraSlot, default: defaultSlot, header: headerSlot, avatar: avatarSlot, footer: footerSlot, back: backSlot } = $slots;
         const showBack = onBack;
         const showTitle = title || titleSlot;
         const showSubtitle = subtitle || subtitleSlot;
@@ -48,10 +48,9 @@ export default defineComponent({
             headerSlot ? (h("div", { class: `${mergedClsPrefix}-page-header-header`, key: "breadcrumb" }, headerSlot())) : null,
             (showBack || avatarSlot || showTitle || showSubtitle || showExtra) && (h("div", { class: `${mergedClsPrefix}-page-header`, key: "header" },
                 h("div", { class: `${mergedClsPrefix}-page-header__main`, key: "back" },
-                    showBack ? (h("div", { class: `${mergedClsPrefix}-page-header__back`, onClick: onBack },
-                        h(NBaseIcon, { clsPrefix: mergedClsPrefix }, {
-                            default: () => h(ArrowBackIcon, null)
-                        }))) : null,
+                    showBack ? (h("div", { class: `${mergedClsPrefix}-page-header__back`, onClick: onBack }, backSlot ? (backSlot()) : (h(NBaseIcon, { clsPrefix: mergedClsPrefix }, {
+                        default: () => h(ArrowBackIcon, null)
+                    })))) : null,
                     avatarSlot ? (h("div", { class: `${mergedClsPrefix}-page-header__avatar` }, avatarSlot())) : null,
                     showTitle ? (h("div", { class: `${mergedClsPrefix}-page-header__title`, key: "title" }, title || titleSlot())) : null,
                     showSubtitle ? (h("div", { class: `${mergedClsPrefix}-page-header__subtitle`, key: "subtitle" }, subtitle || subtitleSlot())) : null),

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';