naive-ui 2.38.2 → 2.40.0

package/es/dialog/src/DialogProvider.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 { NDialogEnvironment } from "./DialogEnvironment.mjs";
 import { dialogApiInjectionKey, dialogProviderInjectionKey, dialogReactiveListInjectionKey } from "./context.mjs";
@@ -69,7 +69,6 @@ export const NDialogProvider = defineComponent({
       to: this.to,
       ref: inst => {
         if (inst === null) {
-          // eslint-disable-next-line @typescript-eslint/no-dynamic-delete
           delete this.dialogInstRefs[`n-dialog-${dialog.key}`];
         } else {
           this.dialogInstRefs[`n-dialog-${dialog.key}`] = inst;

package/es/dialog/src/composables.mjs

@@ -1,6 +1,6 @@
 import { inject } from 'vue';
-import { dialogApiInjectionKey, dialogReactiveListInjectionKey } from "./context.mjs";
 import { throwError } from "../../_utils/index.mjs";
+import { dialogApiInjectionKey, dialogReactiveListInjectionKey } from "./context.mjs";
 export function useDialog() {
   const dialog = inject(dialogApiInjectionKey, null);
   if (dialog === null) {

package/es/dialog/src/dialogProps.d.ts

@@ -5,7 +5,7 @@ import type { IconPlacement } from './interface';
 declare const dialogProps: {
     readonly icon: PropType<() => VNodeChild>;
     readonly type: {
-        readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: PropType<"info" | "success" | "warning" | "error" | "default">;
         readonly default: "default";
     };
     readonly title: PropType<string | (() => VNodeChild)>;
@@ -26,11 +26,11 @@ declare const dialogProps: {
     readonly loading: BooleanConstructor;
     readonly bordered: BooleanConstructor;
     readonly iconPlacement: PropType<IconPlacement>;
-    readonly titleClass: PropType<string | (string | undefined)[]>;
+    readonly titleClass: PropType<string | Array<string | undefined>>;
     readonly titleStyle: PropType<string | CSSProperties>;
-    readonly contentClass: PropType<string | (string | undefined)[]>;
+    readonly contentClass: PropType<string | Array<string | undefined>>;
     readonly contentStyle: PropType<string | CSSProperties>;
-    readonly actionClass: PropType<string | (string | undefined)[]>;
+    readonly actionClass: PropType<string | Array<string | undefined>>;
     readonly actionStyle: PropType<string | CSSProperties>;
     readonly onPositiveClick: PropType<(e: MouseEvent) => void>;
     readonly onNegativeClick: PropType<(e: MouseEvent) => void>;

package/es/dialog/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): {
     fontSize: string;
     lineHeight: string;
     border: string;

package/es/dialog/styles/light.mjs

@@ -1,8 +1,8 @@
-import commonVars from "./_common.mjs";
 import { buttonLight } from "../../button/styles/index.mjs";
 import { commonLight } from "../../_styles/common/index.mjs";
 import { createTheme } from "../../_mixins/index.mjs";
-export const self = vars => {
+import commonVars from "./_common.mjs";
+export function self(vars) {
   const {
     textColor1,
     textColor2,
@@ -44,7 +44,7 @@ export const self = vars => {
     borderRadius,
     titleFontWeight: fontWeightStrong
   });
-};
+}
 const dialogLight = createTheme({
   name: 'Dialog',
   common: commonLight,

package/es/discrete/src/discrete.mjs

@@ -2,8 +2,8 @@ import { NMessageProvider } from "../../message/index.mjs";
 import { NDialogProvider } from "../../dialog/index.mjs";
 import { NNotificationProvider } from "../../notification/index.mjs";
 import { NLoadingBarProvider } from "../../loading-bar/index.mjs";
-import { createDiscreteApp } from "./discreteApp.mjs";
 import { NModalProvider } from "../../modal/src/ModalProvider.mjs";
+import { createDiscreteApp } from "./discreteApp.mjs";
 export function createDiscreteApi(includes, {
   configProviderProps,
   messageProviderProps,

package/es/discrete/src/discreteApp.mjs

@@ -18,7 +18,11 @@ export function createDiscreteApp({
   providersAndProps,
   configProviderProps
 }) {
-  const App = () => {
+  let app = createApp(App);
+  const extractedApi = {
+    app
+  };
+  function App() {
     return h(NConfigProvider, unref(configProviderProps), {
       default: () => providersAndProps.map(({
         type,
@@ -32,11 +36,7 @@ export function createDiscreteApp({
         });
       })
     });
-  };
-  let app = createApp(App);
-  const extractedApi = {
-    app
-  };
+  }
   let hostEl;
   if (isBrowser) {
     hostEl = document.createElement('div');

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

@@ -4,8 +4,8 @@ import type { DialogApi, DialogProviderProps } from '../../dialog';
 import type { LoadingBarApi, LoadingBarProviderProps } from '../../loading-bar';
 import type { MessageApi, MessageProviderProps } from '../../message';
 import type { NotificationApi, NotificationProviderProps } from '../../notification';
-import { type ModalProviderProps } from '../../modal/src/ModalProvider';
-import { type ModalApi } from '../../modal';
+import type { ModalProviderProps } from '../../modal/src/ModalProvider';
+import type { ModalApi } from '../../modal';
 export type MaybeRef<T> = Ref<T> | T;
 export interface DiscreteApiOptions {
     configProviderProps?: MaybeRef<ConfigProviderProps>;

package/es/divider/src/Divider.d.ts

@@ -2,7 +2,7 @@ import { type PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
 export declare const dividerProps: {
     readonly titlePlacement: {
-        readonly type: PropType<"left" | "right" | "center">;
+        readonly type: PropType<"left" | "center" | "right">;
         readonly default: "center";
     };
     readonly dashed: BooleanConstructor;
@@ -26,7 +26,7 @@ export declare const dividerProps: {
 export type DividerProps = ExtractPublicPropTypes<typeof dividerProps>;
 declare const _default: import("vue").DefineComponent<{
     readonly titlePlacement: {
-        readonly type: PropType<"left" | "right" | "center">;
+        readonly type: PropType<"left" | "center" | "right">;
         readonly default: "center";
     };
     readonly dashed: BooleanConstructor;
@@ -58,7 +58,7 @@ declare const _default: import("vue").DefineComponent<{
     onRender: (() => void) | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly titlePlacement: {
-        readonly type: PropType<"left" | "right" | "center">;
+        readonly type: PropType<"left" | "center" | "right">;
         readonly default: "center";
     };
     readonly dashed: BooleanConstructor;

package/es/divider/src/Divider.mjs

@@ -1,4 +1,4 @@
-import { h, computed, defineComponent, Fragment } from 'vue';
+import { Fragment, computed, defineComponent, h } from 'vue';
 import { useConfig, useTheme, useThemeClass } from "../../_mixins/index.mjs";
 import { dividerLight } from "../styles/index.mjs";
 import style from "./styles/index.cssr.mjs";

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

@@ -1,4 +1,4 @@
-import { cB, cNotM, cE, cM } from "../../../_utils/cssr/index.mjs";
+import { cB, cE, cM, cNotM } from "../../../_utils/cssr/index.mjs";
 // vars:
 // --n-bezier
 // --n-color

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

@@ -1,6 +1,6 @@
 import type { ThemeCommonVars } from '../../_styles/common';
 import type { Theme } from '../../_mixins';
-export declare const self: (vars: ThemeCommonVars) => {
+export declare function self(vars: ThemeCommonVars): {
     textColor: string;
     color: string;
     fontWeight: string;

package/es/divider/styles/light.mjs

@@ -1,5 +1,5 @@
 import { commonLight } from "../../_styles/common/index.mjs";
-export const self = vars => {
+export function self(vars) {
   const {
     textColor1,
     dividerColor,
@@ -10,7 +10,7 @@ export const self = vars => {
     color: dividerColor,
     fontWeight: fontWeightStrong
   };
-};
+}
 const dividerLight = {
   name: 'Divider',
   common: commonLight,

package/es/drawer/src/Drawer.d.ts

@@ -1,4 +1,4 @@
-import { type PropType, type CSSProperties } from 'vue';
+import { type CSSProperties, type PropType } from 'vue';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { ScrollbarProps } from '../../_internal';
 import type { Placement } from './DrawerBodyWrapper';
@@ -20,7 +20,7 @@ export declare const drawerProps: {
     };
     readonly to: PropType<string | HTMLElement>;
     readonly displayDirective: {
-        readonly type: PropType<"show" | "if">;
+        readonly type: PropType<"if" | "show">;
         readonly default: "if";
     };
     readonly nativeScrollbar: {
@@ -106,8 +106,10 @@ export declare const drawerProps: {
             borderRadius: string;
             color: string;
             colorHover: string;
-            railInsetHorizontal: string;
-            railInsetVertical: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
             railColor: string;
         }, any>;
     }>>;
@@ -141,8 +143,10 @@ export declare const drawerProps: {
             borderRadius: string;
             color: string;
             colorHover: string;
-            railInsetHorizontal: string;
-            railInsetVertical: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
             railColor: string;
         }, any>;
     }>>>;
@@ -176,8 +180,10 @@ export declare const drawerProps: {
             borderRadius: string;
             color: string;
             colorHover: string;
-            railInsetHorizontal: string;
-            railInsetVertical: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
             railColor: string;
         }, any>;
     }>>>;
@@ -201,7 +207,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly to: PropType<string | HTMLElement>;
     readonly displayDirective: {
-        readonly type: PropType<"show" | "if">;
+        readonly type: PropType<"if" | "show">;
         readonly default: "if";
     };
     readonly nativeScrollbar: {
@@ -287,8 +293,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>;
     }>>;
@@ -322,8 +330,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>;
     }>>>;
@@ -357,8 +367,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>;
     }>>>;
@@ -370,111 +382,7 @@ declare const _default: import("vue").DefineComponent<{
     handleMaskClick: (e: MouseEvent) => void;
     handleEsc: (e: KeyboardEvent) => void;
     mergedTheme: import("vue").ComputedRef<{
-        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: {
             bodyPadding: string;
             borderRadius: string;
@@ -506,8 +414,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>;
         };
@@ -567,7 +477,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly to: PropType<string | HTMLElement>;
     readonly displayDirective: {
-        readonly type: PropType<"show" | "if">;
+        readonly type: PropType<"if" | "show">;
         readonly default: "if";
     };
     readonly nativeScrollbar: {
@@ -653,8 +563,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>;
     }>>;
@@ -688,8 +600,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>;
     }>>>;
@@ -723,8 +637,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/drawer/src/Drawer.mjs

@@ -1,9 +1,9 @@
-import { h, ref, defineComponent, computed, provide, withDirectives, Transition, watchEffect, toRef } from 'vue';
+import { Transition, computed, defineComponent, h, provide, ref, toRef, watchEffect, withDirectives } from 'vue';
 import { VLazyTeleport } from 'vueuc';
 import { zindexable } from 'vdirs';
 import { useIsMounted, useMergedState } from 'vooks';
-import { useTheme, useConfig, useThemeClass } from "../../_mixins/index.mjs";
-import { formatLength, call, warnOnce, useIsComposing, eventEffectNotPerformed } from "../../_utils/index.mjs";
+import { useConfig, useTheme, useThemeClass } from "../../_mixins/index.mjs";
+import { call, eventEffectNotPerformed, formatLength, useIsComposing, warnOnce } from "../../_utils/index.mjs";
 import { drawerLight } from "../styles/index.mjs";
 import NDrawerBodyWrapper from "./DrawerBodyWrapper.mjs";
 import { drawerInjectionKey } from "./interface.mjs";
@@ -174,7 +174,9 @@ export default defineComponent({
       var _a;
       (_a = props.onEsc) === null || _a === void 0 ? void 0 : _a.call(props);
       if (props.show && props.closeOnEsc && eventEffectNotPerformed(e)) {
-        !isComposingRef.value && doUpdateShow(false);
+        if (!isComposingRef.value) {
+          doUpdateShow(false);
+        }
       }
     }
     function doUpdateShow(show) {

package/es/drawer/src/DrawerBodyWrapper.d.ts

@@ -1,4 +1,4 @@
-import { type PropType, type CSSProperties, type DirectiveArguments } from 'vue';
+import { type CSSProperties, type DirectiveArguments, type PropType } from 'vue';
 import type { ScrollbarProps } from '../../_internal';
 export type Placement = 'left' | 'right' | 'top' | 'bottom';
 declare const _default: import("vue").DefineComponent<{
@@ -8,7 +8,7 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     displayDirective: {
-        type: PropType<"show" | "if">;
+        type: PropType<"if" | "show">;
         required: true;
     };
     placement: {
@@ -49,111 +49,7 @@ declare const _default: import("vue").DefineComponent<{
     mergedClsPrefix: import("vue").Ref<string>;
     isMounted: import("vue").Ref<boolean>;
     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: {
             bodyPadding: string;
             borderRadius: string;
@@ -185,8 +81,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>;
         };
@@ -214,7 +112,7 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     displayDirective: {
-        type: PropType<"show" | "if">;
+        type: PropType<"if" | "show">;
         required: true;
     };
     placement: {