naive-ui 2.38.2 → 2.40.0

package/es/modal/src/ModalProvider.mjs

@@ -1,6 +1,6 @@
-import { defineComponent, Fragment, ref, h, provide, reactive } from 'vue';
+import { Fragment, defineComponent, h, provide, reactive, ref } from 'vue';
 import { createId } from 'seemly';
-import { useClicked, useClickPosition } from 'vooks';
+import { useClickPosition, useClicked } from 'vooks';
 import { omit } from "../../_utils/index.mjs";
 import { NModalEnvironment } from "./ModalEnvironment.mjs";
 import { modalApiInjectionKey, modalProviderInjectionKey, modalReactiveListInjectionKey } from "./context.mjs";
@@ -66,7 +66,6 @@ export const NModalProvider = defineComponent({
         to: (_a = modal.to) !== null && _a !== void 0 ? _a : this.to,
         ref: inst => {
           if (inst === null) {
-            // eslint-disable-next-line @typescript-eslint/no-dynamic-delete
             delete this.modalInstRefs[`n-modal-${modal.key}`];
           } else {
             this.modalInstRefs[`n-modal-${modal.key}`] = inst;

package/es/modal/src/composables.mjs

@@ -1,6 +1,6 @@
 import { inject } from 'vue';
-import { modalApiInjectionKey, modalReactiveListInjectionKey } from "./context.mjs";
 import { throwError } from "../../_utils/index.mjs";
+import { modalApiInjectionKey, modalReactiveListInjectionKey } from "./context.mjs";
 export function useModal() {
   const modal = inject(modalApiInjectionKey, null);
   if (modal === null) {

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

@@ -1,4 +1,4 @@
-import type { Ref, ComponentPublicInstance } from 'vue';
+import type { ComponentPublicInstance, Ref } from 'vue';
 import type { MergedTheme } from '../../_mixins';
 import type { ModalTheme } from '../styles';
 export type ModalBodyInjection = Ref<HTMLElement | ComponentPublicInstance | null> | null;

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<"info" | "success" | "warning" | "error" | "default">;
         readonly default: "default";
     };
     title: import("vue").PropType<string | (() => import("vue").VNodeChild)>;
@@ -11,8 +11,8 @@ declare const presetProps: {
     };
     negativeText: StringConstructor;
     positiveText: StringConstructor;
-    positiveButtonProps: import("vue").PropType<import("naive-ui").ButtonProps>;
-    negativeButtonProps: import("vue").PropType<import("naive-ui").ButtonProps>;
+    positiveButtonProps: import("vue").PropType<import("../..").ButtonProps>;
+    negativeButtonProps: import("vue").PropType<import("../..").ButtonProps>;
     content: import("vue").PropType<string | (() => import("vue").VNodeChild)>;
     action: import("vue").PropType<() => import("vue").VNodeChild>;
     showIcon: {
@@ -22,21 +22,21 @@ declare const presetProps: {
     loading: BooleanConstructor;
     bordered: BooleanConstructor;
     iconPlacement: import("vue").PropType<import("../../dialog/src/interface").IconPlacement>;
-    titleClass: import("vue").PropType<string | (string | undefined)[]>;
+    titleClass: import("vue").PropType<string | Array<string | undefined>>;
     titleStyle: import("vue").PropType<string | import("vue").CSSProperties>;
-    contentClass: import("vue").PropType<string | (string | undefined)[]>;
+    contentClass: import("vue").PropType<string | Array<string | undefined>>;
     contentStyle: import("vue").PropType<string | import("vue").CSSProperties>;
-    actionClass: import("vue").PropType<string | (string | undefined)[]>;
+    actionClass: import("vue").PropType<string | Array<string | undefined>>;
     actionStyle: import("vue").PropType<string | import("vue").CSSProperties>;
     onPositiveClick: import("vue").PropType<(e: MouseEvent) => void>;
     onNegativeClick: import("vue").PropType<(e: MouseEvent) => void>;
     onClose: import("vue").PropType<() => void>;
     headerClass: StringConstructor;
-    headerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    headerStyle: import("vue").PropType<import("vue").CSSProperties | string>;
     headerExtraClass: StringConstructor;
-    headerExtraStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    headerExtraStyle: import("vue").PropType<import("vue").CSSProperties | string>;
     footerClass: StringConstructor;
-    footerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    footerStyle: import("vue").PropType<import("vue").CSSProperties | string>;
     embedded: BooleanConstructor;
     segmented: {
         readonly type: import("vue").PropType<boolean | import("../../card/src/Card").CardSegmented>;

package/es/modal/src/styles/index.cssr.mjs

@@ -1,4 +1,4 @@
-import { cB, c } from "../../../_utils/cssr/index.mjs";
+import { c, cB } from "../../../_utils/cssr/index.mjs";
 import { fadeInTransition } from "../../../_styles/transitions/fade-in.cssr.mjs";
 import { fadeInScaleUpTransition } from "../../../_styles/transitions/fade-in-scale-up.cssr.mjs";
 // vars:

package/es/modal/styles/light.d.ts

@@ -1,5 +1,5 @@
 import type { ThemeCommonVars } from '../../_styles/common';
-export declare const self: (vars: ThemeCommonVars) => {
+export declare function self(vars: ThemeCommonVars): {
     color: string;
     textColor: string;
     boxShadow: string;
@@ -16,8 +16,10 @@ declare const modalLight: import("../../_mixins").Theme<"Modal", {
         borderRadius: string;
         color: string;
         colorHover: string;
-        railInsetHorizontal: string;
-        railInsetVertical: string;
+        railInsetHorizontalBottom: string;
+        railInsetHorizontalTop: string;
+        railInsetVerticalRight: string;
+        railInsetVerticalLeft: string;
         railColor: string;
     }, any>;
     Dialog: import("../../_mixins").Theme<"Dialog", {

package/es/modal/styles/light.mjs

@@ -3,7 +3,7 @@ import { dialogLight } from "../../dialog/styles/index.mjs";
 import { cardLight } from "../../card/styles/index.mjs";
 import { commonLight } from "../../_styles/common/index.mjs";
 import { createTheme } from "../../_mixins/index.mjs";
-export const self = vars => {
+export function self(vars) {
   const {
     modalColor,
     textColor2,
@@ -14,7 +14,7 @@ export const self = vars => {
     textColor: textColor2,
     boxShadow: boxShadow3
   };
-};
+}
 const modalLight = createTheme({
   name: 'Modal',
   common: commonLight,

package/es/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<"info" | "success" | "warning" | "error" | "default">;
         readonly default: "default";
     };
     readonly avatar: PropType<() => VNodeChild>;
@@ -29,7 +29,7 @@ export declare const Notification: import("vue").DefineComponent<{
         readonly default: true;
     };
     readonly type: {
-        readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: PropType<"info" | "success" | "warning" | "error" | "default">;
         readonly default: "default";
     };
     readonly avatar: PropType<() => VNodeChild>;
@@ -91,7 +91,7 @@ export declare const Notification: import("vue").DefineComponent<{
         readonly default: true;
     };
     readonly type: {
-        readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: PropType<"info" | "success" | "warning" | "error" | "default">;
         readonly default: "default";
     };
     readonly avatar: PropType<() => VNodeChild>;

package/es/notification/src/Notification.mjs

@@ -1,9 +1,9 @@
-import { h, defineComponent, computed, inject } from 'vue';
+import { computed, defineComponent, h, inject } from 'vue';
 import { getPadding } from 'seemly';
-import { InfoIcon, SuccessIcon, WarningIcon, ErrorIcon } from "../../_internal/icons/index.mjs";
+import { ErrorIcon, InfoIcon, SuccessIcon, WarningIcon } from "../../_internal/icons/index.mjs";
 import { createKey, keysOf, render } from "../../_utils/index.mjs";
-import { NBaseIcon, NBaseClose } from "../../_internal/index.mjs";
-import { useConfig, useThemeClass, useRtl } from "../../_mixins/index.mjs";
+import { NBaseClose, NBaseIcon } from "../../_internal/index.mjs";
+import { useConfig, useRtl, useThemeClass } from "../../_mixins/index.mjs";
 import { notificationProviderInjectionKey } from "./context.mjs";
 const iconRenderMap = {
   info: () => h(InfoIcon, null),
@@ -44,7 +44,6 @@ export const Notification = defineComponent({
       mergedClsPrefixRef,
       mergedThemeRef,
       props: providerProps
-      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     } = inject(notificationProviderInjectionKey);
     const {
       inlineThemeDisabled,

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

@@ -12,111 +12,7 @@ export declare const NotificationContainer: import("vue").DefineComponent<{
 }, {
     selfRef: import("vue").Ref<HTMLElement | null>;
     mergedTheme: import("vue").Ref<{
-        common: {
-            baseColor: string;
-            primaryColor: string;
-            primaryColorHover: string;
-            primaryColorPressed: string;
-            primaryColorSuppl: string;
-            infoColor: string;
-            infoColorHover: string;
-            infoColorPressed: string;
-            infoColorSuppl: string;
-            successColor: string;
-            successColorHover: string;
-            successColorPressed: string;
-            successColorSuppl: string;
-            warningColor: string;
-            warningColorHover: string;
-            warningColorPressed: string;
-            warningColorSuppl: string;
-            errorColor: string;
-            errorColorHover: string;
-            errorColorPressed: string;
-            errorColorSuppl: string;
-            textColorBase: string;
-            textColor1: string;
-            textColor2: string;
-            textColor3: string;
-            textColorDisabled: string;
-            placeholderColor: string;
-            placeholderColorDisabled: string;
-            iconColor: string;
-            iconColorHover: string;
-            iconColorPressed: string;
-            iconColorDisabled: string;
-            opacity1: string;
-            opacity2: string;
-            opacity3: string;
-            opacity4: string;
-            opacity5: string;
-            dividerColor: string;
-            borderColor: string;
-            closeIconColor: string;
-            closeIconColorHover: string;
-            closeIconColorPressed: string;
-            closeColorHover: string;
-            closeColorPressed: string;
-            clearColor: string;
-            clearColorHover: string;
-            clearColorPressed: string;
-            scrollbarColor: string;
-            scrollbarColorHover: string;
-            scrollbarWidth: string;
-            scrollbarHeight: string;
-            scrollbarBorderRadius: string;
-            progressRailColor: string;
-            railColor: string;
-            popoverColor: string;
-            tableColor: string;
-            cardColor: string;
-            modalColor: string;
-            bodyColor: string;
-            tagColor: string;
-            avatarColor: string;
-            invertedColor: string;
-            inputColor: string;
-            codeColor: string;
-            tabColor: string;
-            actionColor: string;
-            tableHeaderColor: string;
-            hoverColor: string;
-            tableColorHover: string;
-            tableColorStriped: string;
-            pressedColor: string;
-            opacityDisabled: string;
-            inputColorDisabled: string;
-            buttonColor2: string;
-            buttonColor2Hover: string;
-            buttonColor2Pressed: string;
-            boxShadow1: string;
-            boxShadow2: string;
-            boxShadow3: string;
-            fontFamily: string;
-            fontFamilyMono: string;
-            fontWeight: string;
-            fontWeightStrong: string;
-            cubicBezierEaseInOut: string;
-            cubicBezierEaseOut: string;
-            cubicBezierEaseIn: string;
-            borderRadius: string;
-            borderRadiusSmall: string;
-            fontSize: string;
-            fontSizeMini: string;
-            fontSizeTiny: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            fontSizeHuge: string;
-            lineHeight: string;
-            heightMini: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            heightHuge: string;
-            name: "common";
-        };
+        common: import("../..").ThemeCommonVars;
         self: {
             borderRadius: string;
             lineHeight: string;
@@ -155,8 +51,10 @@ export declare const NotificationContainer: import("vue").DefineComponent<{
                 borderRadius: string;
                 color: string;
                 colorHover: string;
-                railInsetHorizontal: string;
-                railInsetVertical: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
                 railColor: string;
             }, any>;
         };

package/es/notification/src/NotificationContainer.mjs

@@ -1,5 +1,4 @@
-/* eslint-disable @typescript-eslint/no-non-null-assertion */
-import { h, defineComponent, inject, ref, watchEffect } from 'vue';
+import { defineComponent, h, inject, ref, watchEffect } from 'vue';
 import { NScrollbar } from "../../_internal/index.mjs";
 import { notificationProviderInjectionKey } from "./context.mjs";
 export const NotificationContainer = defineComponent({

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

@@ -1,4 +1,4 @@
-import { type PropType, type ExtractPropTypes } from 'vue';
+import { type ExtractPropTypes, type PropType } from 'vue';
 export declare const notificationEnvOptions: {
     readonly duration: NumberConstructor;
     readonly onClose: PropType<() => Promise<boolean> | boolean | any>;
@@ -16,8 +16,7 @@ export declare const notificationEnvOptions: {
         readonly default: true;
     };
     readonly type: {
-        /** @deprecated */
-        readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: PropType<"info" | "success" | "warning" | "error" | "default">;
         readonly default: "default";
     };
     readonly avatar: PropType<() => import("vue").VNodeChild>;
@@ -53,8 +52,7 @@ export declare const NotificationEnvironment: import("vue").DefineComponent<{
         readonly default: true;
     };
     type: {
-        /** @deprecated */
-        readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: PropType<"info" | "success" | "warning" | "error" | "default">;
         readonly default: "default";
     };
     avatar: PropType<() => import("vue").VNodeChild>;
@@ -99,8 +97,7 @@ export declare const NotificationEnvironment: import("vue").DefineComponent<{
         readonly default: true;
     };
     type: {
-        /** @deprecated */
-        readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: PropType<"info" | "success" | "warning" | "error" | "default">;
         readonly default: "default";
     };
     avatar: PropType<() => import("vue").VNodeChild>;

package/es/notification/src/NotificationEnvironment.mjs

@@ -1,7 +1,7 @@
-import { nextTick, Transition, h, defineComponent, ref, onMounted, inject } from 'vue';
+import { Transition, defineComponent, h, inject, nextTick, onMounted, ref } from 'vue';
 import { keep } from "../../_utils/index.mjs";
 import { notificationProviderInjectionKey } from "./context.mjs";
-import { Notification, notificationProps, notificationPropKeys } from "./Notification.mjs";
+import { Notification, notificationPropKeys, notificationProps } from "./Notification.mjs";
 export const notificationEnvOptions = Object.assign(Object.assign({}, notificationProps), {
   duration: Number,
   onClose: Function,
@@ -31,7 +31,6 @@ export const NotificationEnvironment = defineComponent({
   setup(props) {
     const {
       wipTransitionCountRef
-      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     } = inject(notificationProviderInjectionKey);
     const showRef = ref(true);
     let timerId = null;

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

@@ -1,4 +1,4 @@
-import { type PropType, type ExtractPropTypes, type Ref, type CSSProperties } from 'vue';
+import { type CSSProperties, type ExtractPropTypes, type PropType, type Ref } from 'vue';
 import type { MergedTheme } from '../../_mixins';
 import { type ExtractPublicPropTypes, type Mutable } from '../../_utils';
 import { type NotificationTheme } from '../styles';
@@ -87,8 +87,10 @@ export declare const notificationProviderProps: {
             borderRadius: string;
             color: string;
             colorHover: string;
-            railInsetHorizontal: string;
-            railInsetVertical: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
             railColor: string;
         }, any>;
     }>>;
@@ -129,8 +131,10 @@ export declare const notificationProviderProps: {
             borderRadius: string;
             color: string;
             colorHover: string;
-            railInsetHorizontal: string;
-            railInsetVertical: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
             railColor: string;
         }, any>;
     }>>>;
@@ -171,8 +175,10 @@ export declare const notificationProviderProps: {
             borderRadius: string;
             color: string;
             colorHover: string;
-            railInsetHorizontal: string;
-            railInsetVertical: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
             railColor: string;
         }, any>;
     }>>>;
@@ -229,8 +235,10 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             color: string;
             colorHover: string;
-            railInsetHorizontal: string;
-            railInsetVertical: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
             railColor: string;
         }, any>;
     }>>;
@@ -271,8 +279,10 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             color: string;
             colorHover: string;
-            railInsetHorizontal: string;
-            railInsetVertical: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
             railColor: string;
         }, any>;
     }>>>;
@@ -313,8 +323,10 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             color: string;
             colorHover: string;
-            railInsetHorizontal: string;
-            railInsetVertical: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
             railColor: string;
         }, any>;
     }>>>;
@@ -339,7 +351,7 @@ declare const _default: import("vue").DefineComponent<{
         onMouseenter?: ((e: MouseEvent) => void) | undefined;
         onMouseleave?: ((e: MouseEvent) => void) | undefined;
         action?: string | (() => import("vue").VNodeChild) | undefined;
-        onClose?: (() => any) | undefined;
+        onClose?: (() => Promise<boolean> | boolean | any) | undefined;
         avatar?: (() => import("vue").VNodeChild) | undefined;
         onHide?: (() => void) | undefined;
         onAfterHide?: (() => void) | undefined;
@@ -349,10 +361,10 @@ declare const _default: import("vue").DefineComponent<{
     handleAfterLeave: (key: string) => void;
 } & {
     create: (options: NotificationOptions) => NotificationReactive;
-    info: (options: Omit<NotificationOptions, 'type'>) => NotificationReactive;
-    success: (options: Omit<NotificationOptions, 'type'>) => NotificationReactive;
-    warning: (options: Omit<NotificationOptions, 'type'>) => NotificationReactive;
-    error: (options: Omit<NotificationOptions, 'type'>) => NotificationReactive;
+    info: (options: Omit<NotificationOptions, "type">) => NotificationReactive;
+    success: (options: Omit<NotificationOptions, "type">) => NotificationReactive;
+    warning: (options: Omit<NotificationOptions, "type">) => NotificationReactive;
+    error: (options: Omit<NotificationOptions, "type">) => NotificationReactive;
     open: (options: NotificationOptions) => NotificationReactive;
     destroyAll: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
@@ -406,8 +418,10 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             color: string;
             colorHover: string;
-            railInsetHorizontal: string;
-            railInsetVertical: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
             railColor: string;
         }, any>;
     }>>;
@@ -448,8 +462,10 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             color: string;
             colorHover: string;
-            railInsetHorizontal: string;
-            railInsetVertical: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
             railColor: string;
         }, any>;
     }>>>;
@@ -490,8 +506,10 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             color: string;
             colorHover: string;
-            railInsetHorizontal: string;
-            railInsetVertical: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
             railColor: string;
         }, any>;
     }>>>;

package/es/notification/src/NotificationProvider.mjs

@@ -1,8 +1,7 @@
-/* eslint-disable @typescript-eslint/no-dynamic-delete */
-import { Fragment, h, reactive, ref, Teleport, defineComponent, provide } from 'vue';
+import { Fragment, Teleport, defineComponent, h, provide, reactive, ref } from 'vue';
 import { createId } from 'seemly';
 import { useConfig, useTheme } from "../../_mixins/index.mjs";
-import { omit, createInjectionKey } from "../../_utils/index.mjs";
+import { createInjectionKey, omit } from "../../_utils/index.mjs";
 import { notificationLight } from "../styles/index.mjs";
 import { NotificationContainer } from "./NotificationContainer.mjs";
 import { NotificationEnvironment } from "./NotificationEnvironment.mjs";
@@ -135,7 +134,9 @@ export default defineComponent({
               const refKey = notification.key;
               if (inst === null) {
                 delete this.notificationRefs[refKey];
-              } else this.notificationRefs[refKey] = inst;
+              } else {
+                this.notificationRefs[refKey] = inst;
+              }
             }
           }, omit(notification, ['destroy', 'hide', 'deactivate']), {
             internalKey: notification.key,

package/es/notification/src/styles/index.cssr.d.ts

@@ -1,3 +1,3 @@
-import { type CNode } from 'css-render';
+import type { CNode } from 'css-render';
 declare const _default: CNode;
 export default _default;

package/es/notification/src/styles/rtl.cssr.mjs

@@ -1,4 +1,4 @@
-import { cB, cM, cE, c } from "../../../_utils/cssr/index.mjs";
+import { c, cB, cE, cM } from "../../../_utils/cssr/index.mjs";
 export default cB('notification', [cM('rtl', `
  direction: rtl;
  `, [cB('notification-main', `

package/es/notification/src/use-notification.mjs

@@ -1,6 +1,6 @@
 import { inject } from 'vue';
-import { notificationApiInjectionKey } from "./NotificationProvider.mjs";
 import { throwError } from "../../_utils/index.mjs";
+import { notificationApiInjectionKey } from "./NotificationProvider.mjs";
 export function useNotification() {
   const api = inject(notificationApiInjectionKey, null);
   if (api === null) {

package/es/notification/styles/light.d.ts

@@ -1,5 +1,5 @@
 import type { ThemeCommonVars } from '../../_styles/common';
-export declare const self: (vars: ThemeCommonVars) => {
+export declare function self(vars: ThemeCommonVars): {
     borderRadius: string;
     lineHeight: string;
     fontSize: string;
@@ -68,8 +68,10 @@ declare const notificationLight: import("../../_mixins").Theme<"Notification", {
         borderRadius: string;
         color: string;
         colorHover: string;
-        railInsetHorizontal: string;
-        railInsetVertical: string;
+        railInsetHorizontalBottom: string;
+        railInsetHorizontalTop: string;
+        railInsetVerticalRight: string;
+        railInsetVerticalLeft: string;
         railColor: string;
     }, any>;
 }>;

package/es/notification/styles/light.mjs

@@ -2,7 +2,7 @@ import { scrollbarLight } from "../../_internal/scrollbar/styles/index.mjs";
 import { commonLight } from "../../_styles/common/index.mjs";
 import { createTheme } from "../../_mixins/index.mjs";
 import commonVars from "./_common.mjs";
-export const self = vars => {
+export function self(vars) {
   const {
     textColor2,
     successColor,
@@ -46,7 +46,7 @@ export const self = vars => {
     actionTextColor: textColor2,
     boxShadow: boxShadow2
   });
-};
+}
 const notificationLight = createTheme({
   name: 'Notification',
   common: commonLight,

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

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

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

@@ -1,7 +1,7 @@
-import { defineComponent, computed, onMounted, ref, watchEffect } from 'vue';
+import { computed, defineComponent, onMounted, ref, watchEffect } from 'vue';
 import { round } from 'lodash-es';
-import { tween } from "./utils.mjs";
 import { useLocale } from "../../_mixins/index.mjs";
+import { tween } from "./utils.mjs";
 export const numberAnimationProps = {
   to: {
     type: Number,

package/es/number-animation/src/utils.mjs

@@ -7,6 +7,7 @@ export function tween(props) {
     onUpdate,
     onFinish
   } = props;
+  const startTime = performance.now();
   const tick = () => {
     const current = performance.now();
     const elapsedTime = Math.min(current - startTime, duration);
@@ -18,6 +19,5 @@ export function tween(props) {
     onUpdate(currentValue);
     requestAnimationFrame(tick);
   };
-  const startTime = performance.now();
   tick();
 }

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

@@ -1,11 +1,10 @@
-/* eslint-disable @typescript-eslint/no-non-null-assertion */
-import { h, defineComponent, computed } from 'vue';
+import { computed, defineComponent, h } from 'vue';
 import { useConfig, useTheme, useThemeClass } from "../../_mixins/index.mjs";
 import { pageHeaderLight } from "../styles/light.mjs";
-import style from "./styles/index.cssr.mjs";
 import { ArrowBackIcon } from "../../_internal/icons/index.mjs";
 import { NBaseIcon } from "../../_internal/index.mjs";
 import { useRtl } from "../../_mixins/use-rtl.mjs";
+import style from "./styles/index.cssr.mjs";
 export const pageHeaderProps = Object.assign(Object.assign({}, useTheme.props), {
   title: String,
   subtitle: String,