naive-ui 2.38.2 → 2.40.0

package/es/tree-select/src/TreeSelect.mjs

@@ -1,20 +1,20 @@
-import { h, defineComponent, ref, toRef, Transition, withDirectives, computed, provide, watchEffect } from 'vue';
+import { Transition, computed, defineComponent, h, provide, ref, toRef, watchEffect, withDirectives } from 'vue';
 import { VBinder, VFollower, VTarget } from 'vueuc';
 import { useIsMounted, useMergedState } from 'vooks';
 import { clickoutside } from 'vdirs';
 import { createTreeMate } from 'treemate';
 import { getPreciseEventTarget, happensIn } from 'seemly';
 import { createTreeMateOptions, treeSharedProps } from "../../tree/src/Tree.mjs";
-import { NInternalSelection, NBaseFocusDetector } from "../../_internal/index.mjs";
+import { NBaseFocusDetector, NInternalSelection } from "../../_internal/index.mjs";
 import { NTree } from "../../tree/index.mjs";
 import { NEmpty } from "../../empty/index.mjs";
 import { useConfig, useFormItem, useLocale, useTheme, useThemeClass } from "../../_mixins/index.mjs";
 import { call, markEventEffectPerformed, resolveSlot, resolveWrappedSlot, useAdjustedTo, useOnResize, warnOnce } from "../../_utils/index.mjs";
 import { treeSelectLight } from "../styles/index.mjs";
+import { useMergedCheckStrategy } from "../../tree/src/utils.mjs";
 import { treeSelectInjectionKey } from "./interface.mjs";
 import { treeOption2SelectOption, treeOption2SelectOptionWithPath } from "./utils.mjs";
 import style from "./styles/index.cssr.mjs";
-import { useMergedCheckStrategy } from "../../tree/src/utils.mjs";
 export const treeSelectProps = Object.assign(Object.assign(Object.assign(Object.assign({}, useTheme.props), {
   bordered: {
     type: Boolean,
@@ -171,10 +171,6 @@ export default defineComponent({
       if (placeholder !== undefined) return placeholder;
       return localeRef.value.placeholder;
     });
-    const treeSelectedKeysRef = computed(() => {
-      if (props.checkable) return [];
-      return treeCheckedKeysRef.value;
-    });
     const treeCheckedKeysRef = computed(() => {
       const {
         value: mergedValue
@@ -185,6 +181,10 @@ export default defineComponent({
         if (mergedValue === null || Array.isArray(mergedValue)) return [];else return [mergedValue];
       }
     });
+    const treeSelectedKeysRef = computed(() => {
+      if (props.checkable) return [];
+      return treeCheckedKeysRef.value;
+    });
     const selectedOptionRef = computed(() => {
       const {
         multiple,
@@ -242,14 +242,6 @@ export default defineComponent({
       }
       return [];
     });
-    const menuPaddingRef = computed(() => {
-      const {
-        self: {
-          menuPadding
-        }
-      } = themeRef.value;
-      return menuPadding;
-    });
     function focusSelection() {
       var _a;
       (_a = triggerInstRef.value) === null || _a === void 0 ? void 0 : _a.focus();
@@ -382,13 +374,17 @@ export default defineComponent({
           if (props.clearFilterAfterSelect) patternRef.value = '';
         }
       } else {
-        keys.length ? doUpdateValue(keys[0], options[0] || null, {
-          node,
-          action
-        }) : doUpdateValue(null, null, {
-          node,
-          action
-        });
+        if (keys.length) {
+          doUpdateValue(keys[0], options[0] || null, {
+            node,
+            action
+          });
+        } else {
+          doUpdateValue(null, null, {
+            node,
+            action
+          });
+        }
         closeMenu();
         // Currently it is not necessary. However if there is an action slot,
         // it will be useful. So just leave it here.
@@ -550,7 +546,7 @@ export default defineComponent({
     function handleMenuMousedown(e) {
       // If there's an action slot later, we need to check if mousedown happens
       // in action panel
-      if (!happensIn(e, 'action')) e.preventDefault();
+      if (!happensIn(e, 'action') && !happensIn(e, 'header')) e.preventDefault();
     }
     const selectionRenderTagRef = computed(() => {
       const {
@@ -657,7 +653,10 @@ export default defineComponent({
           menuHeight,
           actionPadding,
           actionDividerColor,
-          actionTextColor
+          actionTextColor,
+          headerDividerColor,
+          headerPadding,
+          headerTextColor
         }
       } = themeRef.value;
       return {
@@ -668,10 +667,21 @@ export default defineComponent({
         '--n-bezier': cubicBezierEaseInOut,
         '--n-action-padding': actionPadding,
         '--n-action-text-color': actionTextColor,
-        '--n-action-divider-color': actionDividerColor
+        '--n-action-divider-color': actionDividerColor,
+        '--n-header-padding': headerPadding,
+        '--n-header-text-color': headerTextColor,
+        '--n-header-divider-color': headerDividerColor
       };
     });
     const themeClassHandle = inlineThemeDisabled ? useThemeClass('tree-select', undefined, cssVarsRef, props) : undefined;
+    const menuPaddingRef = computed(() => {
+      const {
+        self: {
+          menuPadding
+        }
+      } = themeRef.value;
+      return menuPadding;
+    });
     return Object.assign(Object.assign({}, exposedMethods), {
       menuElRef,
       mergedStatus: mergedStatusRef,
@@ -804,6 +814,11 @@ export default defineComponent({
               onKeydown: this.handleKeydown,
               onFocusin: this.handleMenuFocusin,
               onFocusout: this.handleMenuFocusout
+            }), resolveWrappedSlot($slots.header, children => {
+              return children ? h("div", {
+                class: `${mergedClsPrefix}-tree-select-menu__header`,
+                "data-header": true
+              }, children) : null;
             }), h(NTree, {
               ref: "treeInstRef",
               blockLine: true,

package/es/tree-select/src/interface.d.ts

@@ -1,6 +1,6 @@
-import { type TreeMate, type TreeNode } from 'treemate';
-import { type HTMLAttributes, type Ref, type VNodeChild } from 'vue';
-import type { TreeOptionBase, TreeOption } from '../../tree/src/interface';
+import type { TreeMate, TreeNode } from 'treemate';
+import type { HTMLAttributes, Ref, VNodeChild } from 'vue';
+import type { TreeOption, TreeOptionBase } from '../../tree/src/interface';
 export type TreeSelectOption = Omit<TreeOptionBase, 'checkboxDisabled' | 'isLeaf' | 'children'> & {
     children?: TreeSelectOption[];
     [k: string]: unknown;

package/es/tree-select/src/styles/index.cssr.mjs

@@ -6,6 +6,9 @@ import { c, cB, cE } from "../../../_utils/cssr/index.mjs";
 // --n-menu-border-radius
 // --n-menu-box-shadow
 // --n-menu-color
+// --n-header-padding
+// --n-header-text-color
+// --n-header-divider-color
 // --n-action-padding
 // --n-action-text-color
 // --n-action-divider-color
@@ -28,6 +31,13 @@ export default c([cB('tree-select', `
  padding: 12px 32px;
  flex: 1;
  justify-content: center;
+ `), cE('header', `
+ padding: var(--n-header-padding);
+ transition: 
+ color .3s var(--n-bezier);
+ border-color .3s var(--n-bezier);
+ border-bottom: 1px solid var(--n-header-divider-color);
+ color: var(--n-header-text-color);
  `), cE('action', `
  padding: var(--n-action-padding);
  transition: 

package/es/tree-select/src/utils.d.ts

@@ -1,4 +1,4 @@
-import { type SelectBaseOption } from '../../select/src/interface';
-import { type TreeSelectTmNode } from './interface';
+import type { SelectBaseOption } from '../../select/src/interface';
+import type { TreeSelectTmNode } from './interface';
 export declare function treeOption2SelectOption(tmNode: TreeSelectTmNode, labelField: string): SelectBaseOption;
 export declare function treeOption2SelectOptionWithPath(tmNode: TreeSelectTmNode, path: TreeSelectTmNode[], separator: string, labelField: string): SelectBaseOption;

package/es/tree-select/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): {
     menuPadding: string;
     menuColor: string;
     menuBoxShadow: string;
@@ -8,6 +8,9 @@ export declare const self: (vars: ThemeCommonVars) => {
     actionDividerColor: string;
     actionTextColor: string;
     actionPadding: string;
+    headerDividerColor: string;
+    headerTextColor: string;
+    headerPadding: string;
 };
 export type TreeSelectThemeVars = ReturnType<typeof self>;
 declare const treeSelectLight: import("../../_mixins/use-theme").Theme<"TreeSelect", {
@@ -19,6 +22,9 @@ declare const treeSelectLight: import("../../_mixins/use-theme").Theme<"TreeSele
     actionDividerColor: string;
     actionTextColor: string;
     actionPadding: string;
+    headerDividerColor: string;
+    headerTextColor: string;
+    headerPadding: string;
 }, {
     Tree: import("../../_mixins/use-theme").Theme<"Tree", {
         fontSize: string;
@@ -72,11 +78,14 @@ declare const treeSelectLight: import("../../_mixins/use-theme").Theme<"TreeSele
             borderRadius: string;
             color: string;
             colorHover: string;
-            railInsetHorizontal: string;
-            railInsetVertical: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
             railColor: string;
         }, any>;
         Empty: import("../../_mixins/use-theme").Theme<"Empty", {
+            fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -84,6 +93,7 @@ declare const treeSelectLight: import("../../_mixins/use-theme").Theme<"TreeSele
             textColor: string;
             iconColor: string;
             extraTextColor: string;
+            iconSizeTiny: string;
             iconSizeSmall: string;
             iconSizeMedium: string;
             iconSizeLarge: string;
@@ -91,6 +101,7 @@ declare const treeSelectLight: import("../../_mixins/use-theme").Theme<"TreeSele
         }, any>;
     }>;
     Empty: import("../../_mixins/use-theme").Theme<"Empty", {
+        fontSizeTiny: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
@@ -98,6 +109,7 @@ declare const treeSelectLight: import("../../_mixins/use-theme").Theme<"TreeSele
         textColor: string;
         iconColor: string;
         extraTextColor: string;
+        iconSizeTiny: string;
         iconSizeSmall: string;
         iconSizeMedium: string;
         iconSizeLarge: string;

package/es/tree-select/styles/light.mjs

@@ -3,7 +3,7 @@ import { createTheme } from "../../_mixins/use-theme.mjs";
 import { treeLight } from "../../tree/styles/index.mjs";
 import { emptyLight } from "../../empty/styles/index.mjs";
 import { internalSelectionLight } from "../../_internal/selection/styles/index.mjs";
-export const self = vars => {
+export function self(vars) {
   const {
     popoverColor,
     boxShadow2,
@@ -20,9 +20,12 @@ export const self = vars => {
     menuHeight: `calc(${heightMedium} * 7.6)`,
     actionDividerColor: dividerColor,
     actionTextColor: textColor2,
-    actionPadding: '8px 12px'
+    actionPadding: '8px 12px',
+    headerDividerColor: dividerColor,
+    headerTextColor: textColor2,
+    headerPadding: '8px 12px'
   };
-};
+}
 const treeSelectLight = createTheme({
   name: 'TreeSelect',
   common: commonLight,

package/es/typography/src/a.mjs

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

package/es/typography/src/blockquote.mjs

@@ -1,7 +1,7 @@
-import { h, defineComponent, computed } from 'vue';
+import { computed, defineComponent, h } from 'vue';
 import { useConfig, useTheme, useThemeClass } from "../../_mixins/index.mjs";
-import style from "./styles/blockquote.cssr.mjs";
 import { typographyLight } from "../styles/index.mjs";
+import style from "./styles/blockquote.cssr.mjs";
 export const blockquoteProps = Object.assign(Object.assign({}, useTheme.props), {
   alignText: Boolean
 });

package/es/typography/src/create-header.d.ts

@@ -2,7 +2,7 @@ import { type PropType } from 'vue';
 import { type ExtractPublicPropTypes } from '../../_utils';
 export declare const headerProps: {
     readonly type: {
-        readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: PropType<"info" | "success" | "warning" | "error" | "default">;
         readonly default: "default";
     };
     readonly prefix: StringConstructor;
@@ -207,9 +207,9 @@ export declare const headerProps: {
     }, any>>>;
 };
 export type HeaderProps = ExtractPublicPropTypes<typeof headerProps>;
-declare const _default: (level: '1' | '2' | '3' | '4' | '5' | '6') => import("vue").DefineComponent<{
+declare const _default: (level: "1" | "2" | "3" | "4" | "5" | "6") => import("vue").DefineComponent<{
     readonly type: {
-        readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: PropType<"info" | "success" | "warning" | "error" | "default">;
         readonly default: "default";
     };
     readonly prefix: StringConstructor;
@@ -428,7 +428,7 @@ declare const _default: (level: '1' | '2' | '3' | '4' | '5' | '6') => import("vu
     onRender: (() => void) | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly type: {
-        readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: PropType<"info" | "success" | "warning" | "error" | "default">;
         readonly default: "default";
     };
     readonly prefix: StringConstructor;

package/es/typography/src/create-header.mjs

@@ -1,4 +1,4 @@
-import { h, defineComponent, computed } from 'vue';
+import { computed, defineComponent, h } from 'vue';
 import { useConfig, useTheme, useThemeClass } from "../../_mixins/index.mjs";
 import { createKey } from "../../_utils/index.mjs";
 import { typographyLight } from "../styles/index.mjs";
@@ -11,8 +11,7 @@ export const headerProps = Object.assign(Object.assign({}, useTheme.props), {
   prefix: String,
   alignText: Boolean
 });
-// eslint-disable-next-line @typescript-eslint/explicit-function-return-type
-export default (level => defineComponent({
+export default level => defineComponent({
   name: `H${level}`,
   props: headerProps,
   setup(props) {
@@ -76,4 +75,4 @@ export default (level => defineComponent({
       style: cssVars
     }, $slots);
   }
-}));
+});

package/es/typography/src/headers.d.ts

@@ -1,6 +1,6 @@
 export declare const NH1: import("vue").DefineComponent<{
     readonly type: {
-        readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: import("vue").PropType<"info" | "success" | "warning" | "error" | "default">;
         readonly default: "default";
     };
     readonly prefix: StringConstructor;
@@ -219,7 +219,7 @@ export declare const NH1: import("vue").DefineComponent<{
     onRender: (() => void) | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly type: {
-        readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: import("vue").PropType<"info" | "success" | "warning" | "error" | "default">;
         readonly default: "default";
     };
     readonly prefix: StringConstructor;
@@ -428,7 +428,7 @@ export declare const NH1: import("vue").DefineComponent<{
 }, {}>;
 export declare const NH2: import("vue").DefineComponent<{
     readonly type: {
-        readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: import("vue").PropType<"info" | "success" | "warning" | "error" | "default">;
         readonly default: "default";
     };
     readonly prefix: StringConstructor;
@@ -647,7 +647,7 @@ export declare const NH2: import("vue").DefineComponent<{
     onRender: (() => void) | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly type: {
-        readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: import("vue").PropType<"info" | "success" | "warning" | "error" | "default">;
         readonly default: "default";
     };
     readonly prefix: StringConstructor;
@@ -856,7 +856,7 @@ export declare const NH2: import("vue").DefineComponent<{
 }, {}>;
 export declare const NH3: import("vue").DefineComponent<{
     readonly type: {
-        readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: import("vue").PropType<"info" | "success" | "warning" | "error" | "default">;
         readonly default: "default";
     };
     readonly prefix: StringConstructor;
@@ -1075,7 +1075,7 @@ export declare const NH3: import("vue").DefineComponent<{
     onRender: (() => void) | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly type: {
-        readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: import("vue").PropType<"info" | "success" | "warning" | "error" | "default">;
         readonly default: "default";
     };
     readonly prefix: StringConstructor;
@@ -1284,7 +1284,7 @@ export declare const NH3: import("vue").DefineComponent<{
 }, {}>;
 export declare const NH4: import("vue").DefineComponent<{
     readonly type: {
-        readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: import("vue").PropType<"info" | "success" | "warning" | "error" | "default">;
         readonly default: "default";
     };
     readonly prefix: StringConstructor;
@@ -1503,7 +1503,7 @@ export declare const NH4: import("vue").DefineComponent<{
     onRender: (() => void) | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly type: {
-        readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: import("vue").PropType<"info" | "success" | "warning" | "error" | "default">;
         readonly default: "default";
     };
     readonly prefix: StringConstructor;
@@ -1712,7 +1712,7 @@ export declare const NH4: import("vue").DefineComponent<{
 }, {}>;
 export declare const NH5: import("vue").DefineComponent<{
     readonly type: {
-        readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: import("vue").PropType<"info" | "success" | "warning" | "error" | "default">;
         readonly default: "default";
     };
     readonly prefix: StringConstructor;
@@ -1931,7 +1931,7 @@ export declare const NH5: import("vue").DefineComponent<{
     onRender: (() => void) | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly type: {
-        readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: import("vue").PropType<"info" | "success" | "warning" | "error" | "default">;
         readonly default: "default";
     };
     readonly prefix: StringConstructor;
@@ -2140,7 +2140,7 @@ export declare const NH5: import("vue").DefineComponent<{
 }, {}>;
 export declare const NH6: import("vue").DefineComponent<{
     readonly type: {
-        readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: import("vue").PropType<"info" | "success" | "warning" | "error" | "default">;
         readonly default: "default";
     };
     readonly prefix: StringConstructor;
@@ -2359,7 +2359,7 @@ export declare const NH6: import("vue").DefineComponent<{
     onRender: (() => void) | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly type: {
-        readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: import("vue").PropType<"info" | "success" | "warning" | "error" | "default">;
         readonly default: "default";
     };
     readonly prefix: StringConstructor;

package/es/typography/src/hr.mjs

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

package/es/typography/src/ol.mjs

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

package/es/typography/src/p.d.ts

@@ -1,7 +1,7 @@
 import { type PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
 export declare const pProps: {
-    depth: PropType<1 | 3 | 2 | "1" | "2" | "3">;
+    depth: PropType<1 | 2 | 3 | "1" | "2" | "3">;
     theme: PropType<import("../../_mixins").Theme<"Typography", {
         aTextColor: string;
         blockquoteTextColor: string;
@@ -203,7 +203,7 @@ export declare const pProps: {
 };
 export type PProps = ExtractPublicPropTypes<typeof pProps>;
 declare const _default: import("vue").DefineComponent<{
-    depth: PropType<1 | 3 | 2 | "1" | "2" | "3">;
+    depth: PropType<1 | 2 | 3 | "1" | "2" | "3">;
     theme: PropType<import("../../_mixins").Theme<"Typography", {
         aTextColor: string;
         blockquoteTextColor: string;
@@ -414,7 +414,7 @@ declare const _default: import("vue").DefineComponent<{
     themeClass: import("vue").Ref<string> | undefined;
     onRender: (() => void) | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    depth: PropType<1 | 3 | 2 | "1" | "2" | "3">;
+    depth: PropType<1 | 2 | 3 | "1" | "2" | "3">;
     theme: PropType<import("../../_mixins").Theme<"Typography", {
         aTextColor: string;
         blockquoteTextColor: string;

package/es/typography/src/p.mjs

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

package/es/typography/src/text.d.ts

@@ -10,7 +10,7 @@ export declare const textProps: {
     readonly strong: BooleanConstructor;
     readonly italic: BooleanConstructor;
     readonly underline: BooleanConstructor;
-    readonly depth: PropType<1 | 3 | 2 | "1" | "2" | "3">;
+    readonly depth: PropType<1 | 2 | 3 | "1" | "2" | "3">;
     readonly tag: StringConstructor;
     readonly as: {
         readonly type: StringConstructor;
@@ -227,7 +227,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly strong: BooleanConstructor;
     readonly italic: BooleanConstructor;
     readonly underline: BooleanConstructor;
-    readonly depth: PropType<1 | 3 | 2 | "1" | "2" | "3">;
+    readonly depth: PropType<1 | 2 | 3 | "1" | "2" | "3">;
     readonly tag: StringConstructor;
     readonly as: {
         readonly type: StringConstructor;
@@ -457,7 +457,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly strong: BooleanConstructor;
     readonly italic: BooleanConstructor;
     readonly underline: BooleanConstructor;
-    readonly depth: PropType<1 | 3 | 2 | "1" | "2" | "3">;
+    readonly depth: PropType<1 | 2 | 3 | "1" | "2" | "3">;
     readonly tag: StringConstructor;
     readonly as: {
         readonly type: StringConstructor;

package/es/typography/src/text.mjs

@@ -1,7 +1,7 @@
-import { h, defineComponent, computed } from 'vue';
+import { computed, defineComponent, h } from 'vue';
 import { useCompitable } from 'vooks';
 import { useConfig, useTheme, useThemeClass } from "../../_mixins/index.mjs";
-import { warn, createKey } from "../../_utils/index.mjs";
+import { createKey, warn } from "../../_utils/index.mjs";
 import { typographyLight } from "../styles/index.mjs";
 import style from "./styles/text.cssr.mjs";
 export const textProps = Object.assign(Object.assign({}, useTheme.props), {

package/es/typography/src/ul.mjs

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

package/es/typography/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): {
     aTextColor: string;
     blockquoteTextColor: string;
     blockquotePrefixColor: string;

package/es/typography/styles/light.mjs

@@ -1,6 +1,6 @@
-import commonVars from "./_common.mjs";
 import { commonLight } from "../../_styles/common/index.mjs";
-export const self = vars => {
+import commonVars from "./_common.mjs";
+export function self(vars) {
   const {
     primaryColor,
     textColor2,
@@ -56,7 +56,7 @@ export const self = vars => {
     codeColor,
     codeBorder: '1px solid #0000'
   });
-};
+}
 const typographyLight = {
   name: 'Typography',
   common: commonLight,