naive-ui 2.38.2 → 2.40.0

package/es/tabs/src/Tabs.d.ts

@@ -1,7 +1,7 @@
-import { type PropType, type CSSProperties, type ComponentPublicInstance, nextTick, type ExtractPropTypes } from 'vue';
+import { type CSSProperties, type ComponentPublicInstance, type ExtractPropTypes, type PropType, nextTick } from 'vue';
 import { type VXScrollInst } from 'vueuc';
-import type { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
-import type { Addable, OnClose, OnBeforeLeave, TabsType, OnUpdateValue } from './interface';
+import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
+import type { Addable, OnBeforeLeave, OnClose, OnUpdateValue, TabsType } from './interface';
 export declare const tabsProps: {
     readonly value: PropType<string | number>;
     readonly defaultValue: PropType<string | number>;
@@ -14,13 +14,13 @@ export declare const tabsProps: {
         readonly default: "bar";
     };
     readonly closable: BooleanConstructor;
-    readonly justifyContent: PropType<"start" | "end" | "space-around" | "space-between" | "space-evenly" | "center">;
+    readonly justifyContent: PropType<"space-between" | "space-around" | "space-evenly" | "center" | "start" | "end">;
     readonly size: {
         readonly type: PropType<"small" | "medium" | "large">;
         readonly default: "medium";
     };
     readonly placement: {
-        readonly type: PropType<"left" | "right" | "top" | "bottom">;
+        readonly type: PropType<"top" | "left" | "right" | "bottom">;
         readonly default: "top";
     };
     readonly tabStyle: PropType<string | CSSProperties>;
@@ -333,13 +333,13 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "bar";
     };
     readonly closable: BooleanConstructor;
-    readonly justifyContent: PropType<"start" | "end" | "space-around" | "space-between" | "space-evenly" | "center">;
+    readonly justifyContent: PropType<"space-between" | "space-around" | "space-evenly" | "center" | "start" | "end">;
     readonly size: {
         readonly type: PropType<"small" | "medium" | "large">;
         readonly default: "medium";
     };
     readonly placement: {
-        readonly type: PropType<"left" | "right" | "top" | "bottom">;
+        readonly type: PropType<"top" | "left" | "right" | "bottom">;
         readonly default: "top";
     };
     readonly tabStyle: PropType<string | CSSProperties>;
@@ -364,7 +364,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly onClose: PropType<MaybeArray<OnClose>>;
     readonly labelSize: PropType<"small" | "medium" | "large">;
     readonly activeName: PropType<string | number>;
-    readonly onActiveNameChange: PropType<MaybeArray<(value: never) => void>>;
+    readonly onActiveNameChange: PropType<MaybeArray<(value: string & number) => void>>;
     readonly theme: PropType<import("../../_mixins").Theme<"Tabs", {
         colorSegment: string;
         tabFontSizeCard: string;
@@ -661,30 +661,30 @@ declare const _default: import("vue").DefineComponent<{
         $slots: Readonly<{
             [name: string]: import("vue").Slot<any> | undefined;
         }>;
-        $root: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-        $parent: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $root: ComponentPublicInstance | null;
+        $parent: ComponentPublicInstance | null;
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
         };
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, (cleanupFn: () => void) => void]) => any : (...args: [any, any, (cleanupFn: () => void) => void]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
     } & Omit<{}, never> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {}) | null>;
     scrollWrapperElRef: import("vue").Ref<HTMLElement | null>;
     addTabFixed: import("vue").Ref<boolean>;
@@ -692,10 +692,10 @@ declare const _default: import("vue").DefineComponent<{
         display: string;
         justifyContent: "start" | "end" | "space-around" | "space-between" | "space-evenly" | "center";
     } | undefined>;
-    handleNavResize: import("lodash-es").DebouncedFunc<(entry: ResizeObserverEntry) => void>;
+    handleNavResize: import("lodash").DebouncedFuncLeading<(entry: ResizeObserverEntry) => void>;
     mergedSize: import("vue").ComputedRef<"small" | "medium" | "large">;
-    handleScroll: import("lodash-es").DebouncedFunc<(e: Event) => void>;
-    handleTabsResize: import("lodash-es").DebouncedFunc<(entry: ResizeObserverEntry) => void>;
+    handleScroll: import("lodash").DebouncedFuncLeading<(e: Event) => void>;
+    handleTabsResize: import("lodash").DebouncedFuncLeading<(entry: ResizeObserverEntry) => void>;
     cssVars: import("vue").ComputedRef<{
         '--n-bezier': string;
         '--n-color-segment': string;
@@ -753,13 +753,13 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "bar";
     };
     readonly closable: BooleanConstructor;
-    readonly justifyContent: PropType<"start" | "end" | "space-around" | "space-between" | "space-evenly" | "center">;
+    readonly justifyContent: PropType<"space-between" | "space-around" | "space-evenly" | "center" | "start" | "end">;
     readonly size: {
         readonly type: PropType<"small" | "medium" | "large">;
         readonly default: "medium";
     };
     readonly placement: {
-        readonly type: PropType<"left" | "right" | "top" | "bottom">;
+        readonly type: PropType<"top" | "left" | "right" | "bottom">;
         readonly default: "top";
     };
     readonly tabStyle: PropType<string | CSSProperties>;
@@ -784,7 +784,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly onClose: PropType<MaybeArray<OnClose>>;
     readonly labelSize: PropType<"small" | "medium" | "large">;
     readonly activeName: PropType<string | number>;
-    readonly onActiveNameChange: PropType<MaybeArray<(value: never) => void>>;
+    readonly onActiveNameChange: PropType<MaybeArray<(value: string & number) => void>>;
     readonly theme: PropType<import("../../_mixins").Theme<"Tabs", {
         colorSegment: string;
         tabFontSizeCard: string;

package/es/tabs/src/Tabs.mjs

@@ -1,14 +1,14 @@
-import { h, ref, defineComponent, computed, provide, watch, toRef, nextTick, withDirectives, vShow, watchEffect, cloneVNode, TransitionGroup, onMounted } from 'vue';
+import { TransitionGroup, cloneVNode, computed, defineComponent, h, nextTick, onMounted, provide, ref, toRef, vShow, watch, watchEffect, withDirectives } from 'vue';
 import { VResizeObserver, VXScroll } from 'vueuc';
 import { throttle } from 'lodash-es';
-import { useCompitable, onFontsReady, useMergedState } from 'vooks';
+import { onFontsReady, useCompitable, useMergedState } from 'vooks';
+import { depx, getPadding } from 'seemly';
 import { useConfig, useTheme, useThemeClass } from "../../_mixins/index.mjs";
-import { createKey, call, flatten, warnOnce, resolveWrappedSlot } from "../../_utils/index.mjs";
+import { call, createKey, flatten, resolveWrappedSlot, warnOnce } from "../../_utils/index.mjs";
 import { tabsLight } from "../styles/index.mjs";
 import { tabsInjectionKey } from "./interface.mjs";
 import Tab from "./Tab.mjs";
 import style from "./styles/index.cssr.mjs";
-import { depx, getPadding } from 'seemly';
 export const tabsProps = Object.assign(Object.assign({}, useTheme.props), {
   value: [String, Number],
   defaultValue: [String, Number],
@@ -105,7 +105,7 @@ export default defineComponent({
     watch(mergedValueRef, () => {
       tabChangeIdRef.id = 0;
       updateCurrentBarStyle();
-      updateCurrentScrollPosition(true);
+      updateCurrentScrollPosition();
     });
     function getCurrentEl() {
       var _a;
@@ -201,7 +201,7 @@ export default defineComponent({
         hideBarStyle();
       }
     }
-    function updateCurrentScrollPosition(smooth) {
+    function updateCurrentScrollPosition() {
       var _a;
       const scrollWrapperEl = (_a = xScrollInstRef.value) === null || _a === void 0 ? void 0 : _a.$el;
       if (!scrollWrapperEl) return;
@@ -350,7 +350,7 @@ export default defineComponent({
     }) {
       const tabsEl = tabsElRef.value;
       if (!tabsEl) return;
-      transitionDisabled && tabsEl.classList.add('transition-disabled');
+      if (transitionDisabled) tabsEl.classList.add('transition-disabled');
       const activeTabEl = getCurrentEl();
       if (activeTabEl && segmentCapsuleElRef.value) {
         // move segment capsule to match the position of the active tab
@@ -361,7 +361,9 @@ export default defineComponent({
           void segmentCapsuleElRef.value.offsetWidth;
         }
       }
-      transitionDisabled && tabsEl.classList.remove('transition-disabled');
+      if (transitionDisabled) {
+        tabsEl.classList.remove('transition-disabled');
+      }
     }
     watch([mergedValueRef], () => {
       if (props.type === 'segment') {
@@ -421,22 +423,38 @@ export default defineComponent({
       const {
         target,
         contentRect: {
-          width
+          width,
+          height
         }
       } = entry;
-      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-      const containerWidth = target.parentElement.offsetWidth;
+      const containerWidth = target.parentElement.parentElement.offsetWidth;
+      const containerHeight = target.parentElement.parentElement.offsetHeight;
+      const {
+        placement
+      } = props;
       if (!addTabFixedRef.value) {
-        if (containerWidth < width) {
-          addTabFixedRef.value = true;
+        if (placement === 'top' || placement === 'bottom') {
+          if (containerWidth < width) {
+            addTabFixedRef.value = true;
+          }
+        } else {
+          if (containerHeight < height) {
+            addTabFixedRef.value = true;
+          }
         }
       } else {
         const {
           value: addTabInst
         } = addTabInstRef;
         if (!addTabInst) return;
-        if (containerWidth - width > addTabInst.$el.offsetWidth) {
-          addTabFixedRef.value = false;
+        if (placement === 'top' || placement === 'bottom') {
+          if (containerWidth - width > addTabInst.$el.offsetWidth) {
+            addTabFixedRef.value = false;
+          }
+        } else {
+          if (containerHeight - height > addTabInst.$el.offsetHeight) {
+            addTabFixedRef.value = false;
+          }
         }
       }
       deriveScrollShadow(((_a = xScrollInstRef.value) === null || _a === void 0 ? void 0 : _a.$el) || null);
@@ -506,7 +524,7 @@ export default defineComponent({
     });
     onFontsReady(() => {
       updateCurrentBarStyle();
-      updateCurrentScrollPosition(true);
+      updateCurrentScrollPosition();
     });
     // avoid useless rerender
     watchEffect(() => {
@@ -689,11 +707,13 @@ export default defineComponent({
     const scrollContent = () => {
       const tabs = h("div", {
         style: this.tabWrapperStyle,
-        class: [`${mergedClsPrefix}-tabs-wrapper`]
+        class: `${mergedClsPrefix}-tabs-wrapper`
       }, mergedJustifyContent ? null : h("div", {
         class: `${mergedClsPrefix}-tabs-scroll-padding`,
-        style: {
+        style: placement === 'top' || placement === 'bottom' ? {
           width: `${this.tabsPadding}px`
+        } : {
+          height: `${this.tabsPadding}px`
         }
       }), showPane ? tabPaneChildren.map((tabPaneVNode, index) => {
         renderNameListRef.value.push(tabPaneVNode.props.name);

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

@@ -1,4 +1,4 @@
-import { type Ref, type CSSProperties } from 'vue';
+import type { CSSProperties, Ref } from 'vue';
 export type TabsType = 'line' | 'card' | 'bar' | 'segment';
 export type OnUpdateValue = (value: string & number) => void;
 export type OnUpdateValueImpl = (value: string | number) => void;

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

@@ -1,4 +1,4 @@
-import { c, cM, cB, cE, cNotM } from "../../../_utils/cssr/index.mjs";
+import { c, cB, cE, cM, cNotM } from "../../../_utils/cssr/index.mjs";
 // vars:
 // --n-bezier
 // --n-close-size
@@ -301,7 +301,6 @@ export default cB('tabs', `
  border-radius: 0;
  `)]), cM('card-type', [cE('prefix, suffix', `
  transition: border-color .3s var(--n-bezier);
- border-bottom: 1px solid var(--n-tab-border-color);
  `), cB('tabs-pad', `
  flex-grow: 1;
  transition: border-color .3s var(--n-bezier);
@@ -322,6 +321,7 @@ export default cB('tabs', `
  padding-left: 8px;
  padding-right: 8px;
  font-size: 16px;
+ justify-content: center;
  `, [cE('height-placeholder', `
  width: 0;
  font-size: var(--n-tab-font-size);
@@ -331,14 +331,20 @@ export default cB('tabs', `
  background-color: #0000;
  font-weight: var(--n-tab-font-weight-active);
  color: var(--n-tab-text-color-active);
- `), cM('disabled', 'color: var(--n-tab-text-color-disabled);')]), cB('tabs-scroll-padding', 'border-bottom: 1px solid var(--n-tab-border-color);')]), cM('left, right', [cB('tabs-wrapper', `
+ `), cM('disabled', 'color: var(--n-tab-text-color-disabled);')])]), cM('left, right', `
+ flex-direction: column; 
+ `, [cE('prefix, suffix', `
+ padding: var(--n-tab-padding-vertical);
+ `), cB('tabs-wrapper', `
  flex-direction: column;
- `, [cB('tabs-tab-wrapper', `
+ `), cB('tabs-tab-wrapper', `
  flex-direction: column;
  `, [cB('tabs-tab-pad', `
  height: var(--n-tab-gap-vertical);
  width: 100%;
- `)])])]), cM('top', [cM('card-type', [cB('tabs-tab', `
+ `)])]), cM('top', [cM('card-type', [cB('tabs-scroll-padding', 'border-bottom: 1px solid var(--n-tab-border-color);'), cE('prefix, suffix', `
+ border-bottom: 1px solid var(--n-tab-border-color);
+ `), cB('tabs-tab', `
  border-top-left-radius: var(--n-tab-border-radius);
  border-top-right-radius: var(--n-tab-border-radius);
  `, [cM('active', `
@@ -347,7 +353,9 @@ export default cB('tabs', `
  border-bottom: 1px solid var(--n-tab-border-color);
  `), cB('tabs-pad', `
  border-bottom: 1px solid var(--n-tab-border-color);
- `)])]), cM('left', [cM('card-type', [cB('tabs-tab', `
+ `)])]), cM('left', [cM('card-type', [cB('tabs-scroll-padding', 'border-right: 1px solid var(--n-tab-border-color);'), cE('prefix, suffix', `
+ border-right: 1px solid var(--n-tab-border-color);
+ `), cB('tabs-tab', `
  border-top-left-radius: var(--n-tab-border-radius);
  border-bottom-left-radius: var(--n-tab-border-radius);
  `, [cM('active', `
@@ -356,7 +364,9 @@ export default cB('tabs', `
  border-right: 1px solid var(--n-tab-border-color);
  `), cB('tabs-pad', `
  border-right: 1px solid var(--n-tab-border-color);
- `)])]), cM('right', [cM('card-type', [cB('tabs-tab', `
+ `)])]), cM('right', [cM('card-type', [cB('tabs-scroll-padding', 'border-left: 1px solid var(--n-tab-border-color);'), cE('prefix, suffix', `
+ border-left: 1px solid var(--n-tab-border-color);
+ `), cB('tabs-tab', `
  border-top-right-radius: var(--n-tab-border-radius);
  border-bottom-right-radius: var(--n-tab-border-radius);
  `, [cM('active', `
@@ -365,7 +375,9 @@ export default cB('tabs', `
  border-left: 1px solid var(--n-tab-border-color);
  `), cB('tabs-pad', `
  border-left: 1px solid var(--n-tab-border-color);
- `)])]), cM('bottom', [cM('card-type', [cB('tabs-tab', `
+ `)])]), cM('bottom', [cM('card-type', [cB('tabs-scroll-padding', 'border-top: 1px solid var(--n-tab-border-color);'), cE('prefix, suffix', `
+ border-top: 1px solid var(--n-tab-border-color);
+ `), cB('tabs-tab', `
  border-bottom-left-radius: var(--n-tab-border-radius);
  border-bottom-right-radius: var(--n-tab-border-radius);
  `, [cM('active', `

package/es/tabs/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) => {
+import type { Theme } from '../../_mixins';
+export declare function self(vars: ThemeCommonVars): {
     colorSegment: string;
     tabFontSizeCard: string;
     tabTextColorLine: string;

package/es/tabs/styles/light.mjs

@@ -1,6 +1,6 @@
-import sizeVariables from "./_common.mjs";
 import { commonLight } from "../../_styles/common/index.mjs";
-export const self = vars => {
+import sizeVariables from "./_common.mjs";
+export function self(vars) {
   const {
     textColor2,
     primaryColor,
@@ -54,7 +54,7 @@ export const self = vars => {
     paneTextColor: textColor2,
     fontWeightStrong
   });
-};
+}
 const tabsLight = {
   name: 'Tabs',
   common: commonLight,

package/es/tag/src/Tag.d.ts

@@ -1,5 +1,5 @@
 import { type PropType, type Ref } from 'vue';
-import type { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
+import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 export interface TagPublicMethods {
     setTextContent: (textContent: string) => void;
 }
@@ -31,12 +31,12 @@ export declare const tagProps: {
     onCheckedChange: PropType<(checked: boolean) => void>;
     color: PropType<import("./common-props").TagColor>;
     type: {
-        readonly type: PropType<"default" | "error" | "primary" | "info" | "success" | "warning">;
+        readonly type: PropType<"default" | "primary" | "success" | "info" | "warning" | "error">;
         readonly default: "default";
     };
     round: BooleanConstructor;
     size: {
-        readonly type: PropType<"small" | "medium" | "large" | "tiny">;
+        readonly type: PropType<"tiny" | "small" | "medium" | "large">;
         readonly default: "medium";
     };
     closable: BooleanConstructor;
@@ -339,12 +339,12 @@ declare const _default: import("vue").DefineComponent<{
     onCheckedChange: PropType<(checked: boolean) => void>;
     color: PropType<import("./common-props").TagColor>;
     type: {
-        readonly type: PropType<"default" | "error" | "primary" | "info" | "success" | "warning">;
+        readonly type: PropType<"default" | "primary" | "success" | "info" | "warning" | "error">;
         readonly default: "default";
     };
     round: BooleanConstructor;
     size: {
-        readonly type: PropType<"small" | "medium" | "large" | "tiny">;
+        readonly type: PropType<"tiny" | "small" | "medium" | "large">;
         readonly default: "medium";
     };
     closable: BooleanConstructor;
@@ -621,7 +621,7 @@ declare const _default: import("vue").DefineComponent<{
     mergedClsPrefix: Ref<string>;
     contentRef: Ref<HTMLElement | null>;
     mergedBordered: import("vue").ComputedRef<boolean>;
-    handleClick: (e: MouseEvent) => void;
+    handleClick: () => void;
     handleCloseClick: (e: MouseEvent) => void;
     cssVars: import("vue").ComputedRef<{
         '--n-font-weight-strong': string;
@@ -687,12 +687,12 @@ declare const _default: import("vue").DefineComponent<{
     onCheckedChange: PropType<(checked: boolean) => void>;
     color: PropType<import("./common-props").TagColor>;
     type: {
-        readonly type: PropType<"default" | "error" | "primary" | "info" | "success" | "warning">;
+        readonly type: PropType<"default" | "primary" | "success" | "info" | "warning" | "error">;
         readonly default: "default";
     };
     round: BooleanConstructor;
     size: {
-        readonly type: PropType<"small" | "medium" | "large" | "tiny">;
+        readonly type: PropType<"tiny" | "small" | "medium" | "large">;
         readonly default: "medium";
     };
     closable: BooleanConstructor;

package/es/tag/src/Tag.mjs

@@ -1,12 +1,12 @@
-import { h, defineComponent, computed, ref, provide, toRef, watchEffect } from 'vue';
+import { computed, defineComponent, h, provide, ref, toRef, watchEffect } from 'vue';
+import { getMargin } from 'seemly';
 import { useRtl } from "../../_mixins/use-rtl.mjs";
 import { NBaseClose } from "../../_internal/close/index.mjs";
-import { useConfig, useThemeClass, useTheme } from "../../_mixins/index.mjs";
-import { createKey, call, createInjectionKey, color2Class, resolveWrappedSlot, warnOnce } from "../../_utils/index.mjs";
+import { useConfig, useTheme, useThemeClass } from "../../_mixins/index.mjs";
+import { call, color2Class, createInjectionKey, createKey, resolveWrappedSlot, warnOnce } from "../../_utils/index.mjs";
 import { tagLight } from "../styles/index.mjs";
 import commonProps from "./common-props.mjs";
 import style from "./styles/index.cssr.mjs";
-import { getMargin } from 'seemly';
 export const tagProps = Object.assign(Object.assign(Object.assign({}, useTheme.props), commonProps), {
   bordered: {
     type: Boolean,
@@ -56,7 +56,7 @@ export default defineComponent({
     provide(tagInjectionKey, {
       roundRef: toRef(props, 'round')
     });
-    function handleClick(e) {
+    function handleClick() {
       if (!props.disabled) {
         if (props.checkable) {
           const {

package/es/tag/src/common-props.d.ts

@@ -1,4 +1,4 @@
-import { type PropType } from 'vue';
+import type { PropType } from 'vue';
 export interface TagColor {
     color?: string;
     borderColor?: string;
@@ -7,12 +7,12 @@ export interface TagColor {
 declare const _default: {
     readonly color: PropType<TagColor>;
     readonly type: {
-        readonly type: PropType<"default" | "error" | "primary" | "info" | "success" | "warning">;
+        readonly type: PropType<"default" | "primary" | "success" | "info" | "warning" | "error">;
         readonly default: "default";
     };
     readonly round: BooleanConstructor;
     readonly size: {
-        readonly type: PropType<"small" | "medium" | "large" | "tiny">;
+        readonly type: PropType<"tiny" | "small" | "medium" | "large">;
         readonly default: "medium";
     };
     readonly closable: BooleanConstructor;

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

@@ -1,4 +1,4 @@
-import { cB, cM, cE } from "../../../_utils/cssr/index.mjs";
+import { cB, cE, cM } from "../../../_utils/cssr/index.mjs";
 export default cB('tag', [cM('rtl', `
  direction: rtl;
  --n-close-margin: var(--n-close-margin-top) var(--n-close-margin-left) var(--n-close-margin-bottom) var(--n-close-margin-right);

package/es/tag/styles/dark.mjs

@@ -1,6 +1,6 @@
-import commonVariables from "./_common.mjs";
 import { changeColor, scaleColor } from 'seemly';
 import { commonDark } from "../../_styles/common/index.mjs";
+import commonVariables from "./_common.mjs";
 const tagDark = {
   name: 'Tag',
   common: commonDark,

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

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

package/es/tag/styles/light.mjs

@@ -1,7 +1,7 @@
-import commonVariables from "./_common.mjs";
 import { changeColor } from 'seemly';
 import { commonLight } from "../../_styles/common/index.mjs";
-const self = vars => {
+import commonVariables from "./_common.mjs";
+function self(vars) {
   const {
     textColor2,
     primaryColorHover,
@@ -163,7 +163,7 @@ const self = vars => {
       alpha: 0.18
     })
   });
-};
+}
 const tagLight = {
   name: 'Tag',
   common: commonLight,

package/es/theme-editor/src/MaximizeIcon.mjs

@@ -1,4 +1,4 @@
-import { h, defineComponent } from 'vue';
+import { defineComponent, h } from 'vue';
 export const MaximizeIcon = defineComponent({
   render() {
     return h("svg", {

package/es/theme-editor/src/MinimizeIcon.mjs

@@ -1,4 +1,4 @@
-import { h, defineComponent } from 'vue';
+import { defineComponent, h } from 'vue';
 export const MinimizeIcon = defineComponent({
   render() {
     return h("svg", {

package/es/theme-editor/src/ThemeEditor.mjs

@@ -1,4 +1,4 @@
-import { h, computed, defineComponent, ref, Fragment, toRaw, watch, inject } from 'vue';
+import { Fragment, computed, defineComponent, h, inject, ref, toRaw, watch } from 'vue';
 import { cloneDeep, merge } from 'lodash-es';
 import { configProviderInjectionKey } from "../../config-provider/src/context.mjs";
 import { lightTheme } from "../../themes/light.mjs";
@@ -7,7 +7,7 @@ import { NPopover } from "../../popover/index.mjs";
 import { NCollapse, NCollapseItem } from "../../collapse/index.mjs";
 import { NInput } from "../../input/index.mjs";
 import { NSpace } from "../../space/index.mjs";
-import { NGrid, NGi } from "../../grid/index.mjs";
+import { NGi, NGrid } from "../../grid/index.mjs";
 import { useLocale } from "../../_mixins/index.mjs";
 import { NElement } from "../../element/index.mjs";
 import { NDivider } from "../../divider/index.mjs";
@@ -41,11 +41,11 @@ const ColorWandIcon = h("svg", {
   fill: "currentColor"
 }));
 // button colorOpacitySecondary var is not color
-const showColorPicker = key => {
+function showColorPicker(key) {
   if (key.includes('pacity')) return false;
   if (key.includes('color') || key.includes('Color')) return true;
   return false;
-};
+}
 export default defineComponent({
   name: 'ThemeEditor',
   inheritAttrs: false,
@@ -53,6 +53,7 @@ export default defineComponent({
     const isMaximized = ref(false);
     const fileInputRef = ref(null);
     const NConfigProvider = inject(configProviderInjectionKey, null);
+    const overridesRef = ref(JSON.parse(localStorage['naive-ui-theme-overrides'] || '{}'));
     const theme = computed(() => {
       var _a, _b, _c, _d;
       const mergedTheme = (NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedThemeRef.value) || lightTheme;
@@ -62,7 +63,10 @@ export default defineComponent({
         common
       };
       for (const key of Object.keys(lightTheme)) {
-        if (key === 'common') continue;
+        if (key === 'common') {
+          continue;
+        }
+        ;
         overrides[key] = ((_b = (_a = mergedTheme[key]) === null || _a === void 0 ? void 0 : _a.self) === null || _b === void 0 ? void 0 : _b.call(_a, common)) || ((_d = (_c = lightTheme[key]).self) === null || _d === void 0 ? void 0 : _d.call(_c, common));
         // There (last line) we must use as any, nor ts 2590 will be raised since the union
         // is too complex
@@ -77,7 +81,6 @@ export default defineComponent({
       return ((_a = NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedThemeRef.value) === null || _a === void 0 ? void 0 : _a.common) || lightTheme.common;
     });
     const showPanelRef = ref(false);
-    const overridesRef = ref(JSON.parse(localStorage['naive-ui-theme-overrides'] || '{}'));
     const tempOverridesRef = ref(JSON.parse(localStorage['naive-ui-theme-overrides'] || '{}'));
     const varNamePatternRef = ref('');
     const compNamePatternRef = ref('');
@@ -95,7 +98,6 @@ export default defineComponent({
       if (value) {
         compOverrides[varName] = value;
       } else {
-        // eslint-disable-next-line @typescript-eslint/no-dynamic-delete
         delete compOverrides[varName];
       }
     }
@@ -125,6 +127,7 @@ export default defineComponent({
         overridesRef.value = JSON.parse(value);
         tempOverridesRef.value = JSON.parse(value);
       }).catch(e => {
+        // eslint-disable-next-line no-alert
         alert('Imported File is Invalid');
         console.error(e);
       }).finally(() => {
@@ -199,10 +202,8 @@ export default defineComponent({
               boxShadow: '0 2px 8px 0px rgba(0, 0, 0, .12)',
               cursor: 'pointer'
             }, this.$attrs.style],
-            // We use ts-ignore for vue-tsc, since it seems to patch
-            // native event for vue components
-            // eslint-disable-next-line @typescript-eslint/prefer-ts-expect-error, @typescript-eslint/ban-ts-comment
-            // @ts-ignore
+            // @ts-expect-error We use ts-ignore for vue-tsc, since it
+            // seems to patch native event for vue components
             onClick: () => {
               this.showPanel = !this.showPanel;
             }

package/es/themes/interface.d.ts

@@ -1,2 +1,2 @@
-import { type GlobalTheme } from '../config-provider';
+import type { GlobalTheme } from '../config-provider';
 export type BuiltInGlobalTheme = Omit<Required<GlobalTheme>, 'InternalSelectMenu' | 'InternalSelection'>;