naive-ui 2.34.3 → 2.35.0

package/lib/tree/src/styles/index.cssr.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 const cssr_1 = require("../../../_utils/cssr");
 const icon_switch_cssr_1 = require("../../../_styles/transitions/icon-switch.cssr");
 const fade_in_height_expand_cssr_1 = require("../../../_styles/transitions/fade-in-height-expand.cssr");
+const iconSwitchTransitionNode = (0, icon_switch_cssr_1.iconSwitchTransition)();
 // vars:
 // --n-arrow-color
 // --n-bezier
@@ -16,6 +17,11 @@ const fade_in_height_expand_cssr_1 = require("../../../_styles/transitions/fade-
 // --n-node-color-pressed
 // --n-node-text-color
 // --n-node-text-color-disabled
+// --n-node-wrapper-padding
+// --n-line-offset-top
+// --n-line-offset-bottom
+// --n-node-content-height
+// --n-line-height
 exports.default = (0, cssr_1.cB)('tree', `
  font-size: var(--n-font-size);
  outline: none;
@@ -23,29 +29,21 @@ exports.default = (0, cssr_1.cB)('tree', `
  margin: 0;
  padding: 0;
  list-style: none;
- `), (0, cssr_1.c)('>', [(0, cssr_1.cB)('tree-node', [(0, cssr_1.c)('&:first-child', {
-  marginTop: 0
-})])]), (0, cssr_1.cB)('tree-node-indent', `
- flex-grow: 0;
- flex-shrink: 0;
- height: 0;
- `), (0, cssr_1.cB)('tree-motion-wrapper', [(0, cssr_1.cM)('expand', [(0, fade_in_height_expand_cssr_1.fadeInHeightExpandTransition)({
+ `), (0, cssr_1.c)('>', [(0, cssr_1.cB)('tree-node', [(0, cssr_1.c)('&:first-child', 'margin-top: 0;')])]), (0, cssr_1.cB)('tree-motion-wrapper', [(0, cssr_1.cM)('expand', [(0, fade_in_height_expand_cssr_1.fadeInHeightExpandTransition)({
   duration: '0.2s'
 })]), (0, cssr_1.cM)('collapse', [(0, fade_in_height_expand_cssr_1.fadeInHeightExpandTransition)({
   duration: '0.2s',
   reverse: true
 })])]), (0, cssr_1.cB)('tree-node-wrapper', `
  box-sizing: border-box;
- padding: 3px 0;
+ padding: var(--n-node-wrapper-padding);
  `), (0, cssr_1.cB)('tree-node', `
  transform: translate3d(0,0,0);
  position: relative;
  display: flex;
  border-radius: var(--n-node-border-radius);
  transition: background-color .3s var(--n-bezier);
- `, [(0, cssr_1.cM)('highlight', [(0, cssr_1.cB)('tree-node-content', [(0, cssr_1.cE)('text', {
-  borderBottomColor: 'var(--n-node-text-color-disabled)'
-})])]), (0, cssr_1.cM)('disabled', [(0, cssr_1.cB)('tree-node-content', `
+ `, [(0, cssr_1.cM)('highlight', [(0, cssr_1.cB)('tree-node-content', [(0, cssr_1.cE)('text', 'border-bottom-color: var(--n-node-text-color-disabled);')])]), (0, cssr_1.cM)('disabled', [(0, cssr_1.cB)('tree-node-content', `
  color: var(--n-node-text-color-disabled);
  cursor: not-allowed;
  `)]), (0, cssr_1.cNotM)('disabled', [(0, cssr_1.cM)('clickable', [(0, cssr_1.cB)('tree-node-content', `
@@ -53,30 +51,39 @@ exports.default = (0, cssr_1.cB)('tree', `
  `)])])]), (0, cssr_1.cM)('block-node', [(0, cssr_1.cB)('tree-node-content', `
  flex: 1;
  min-width: 0;
- `)]), (0, cssr_1.cNotM)('block-line', [(0, cssr_1.cB)('tree-node', [(0, cssr_1.cNotM)('disabled', [(0, cssr_1.cB)('tree-node-content', [(0, cssr_1.c)('&:hover', {
-  backgroundColor: 'var(--n-node-color-hover)'
-})]), (0, cssr_1.cM)('selectable', [(0, cssr_1.cB)('tree-node-content', [(0, cssr_1.c)('&:active', {
-  backgroundColor: 'var(--n-node-color-pressed)'
-})])]), (0, cssr_1.cM)('pending', [(0, cssr_1.cB)('tree-node-content', `
- background-color: var(--n-node-color-hover);
- `)]), (0, cssr_1.cM)('selected', [(0, cssr_1.cB)('tree-node-content', {
-  backgroundColor: 'var(--n-node-color-active)'
-})])])])]), (0, cssr_1.cM)('block-line', [(0, cssr_1.cB)('tree-node', [(0, cssr_1.cNotM)('disabled', [(0, cssr_1.c)('&:hover', {
-  backgroundColor: 'var(--n-node-color-hover)'
-}), (0, cssr_1.cM)('pending', `
- background-color: var(--n-node-color-hover);
- `), (0, cssr_1.cM)('selectable', [(0, cssr_1.cNotM)('selected', [(0, cssr_1.c)('&:active', {
-  backgroundColor: 'var(--n-node-color-pressed)'
-})])]), (0, cssr_1.cM)('selected', {
-  backgroundColor: 'var(--n-node-color-active)'
-})]), (0, cssr_1.cM)('disabled', `
+ `)]), (0, cssr_1.cNotM)('block-line', [(0, cssr_1.cB)('tree-node', [(0, cssr_1.cNotM)('disabled', [(0, cssr_1.cB)('tree-node-content', [(0, cssr_1.c)('&:hover', 'background: var(--n-node-color-hover);')]), (0, cssr_1.cM)('selectable', [(0, cssr_1.cB)('tree-node-content', [(0, cssr_1.c)('&:active', 'background: var(--n-node-color-pressed);')])]), (0, cssr_1.cM)('pending', [(0, cssr_1.cB)('tree-node-content', `
+ background: var(--n-node-color-hover);
+ `)]), (0, cssr_1.cM)('selected', [(0, cssr_1.cB)('tree-node-content', 'background: var(--n-node-color-active);')])])])]), (0, cssr_1.cM)('block-line', [(0, cssr_1.cB)('tree-node', [(0, cssr_1.cNotM)('disabled', [(0, cssr_1.c)('&:hover', 'background: var(--n-node-color-hover);'), (0, cssr_1.cM)('pending', `
+ background: var(--n-node-color-hover);
+ `), (0, cssr_1.cM)('selectable', [(0, cssr_1.cNotM)('selected', [(0, cssr_1.c)('&:active', 'background: var(--n-node-color-pressed);')])]), (0, cssr_1.cM)('selected', 'background: var(--n-node-color-active);')]), (0, cssr_1.cM)('disabled', `
  cursor: not-allowed;
- `)])]), (0, cssr_1.cB)('tree-node-switcher', `
+ `)])]), (0, cssr_1.cB)('tree-node-indent', `
+ flex-grow: 0;
+ flex-shrink: 0;
+ `, [(0, cssr_1.cM)('show-line', 'position: relative', [(0, cssr_1.c)('&::before', `
+ position: absolute;
+ left: 50%;
+ border-left: 1px solid var(--n-border-color);
+ transition: border-color .3s var(--n-bezier);
+ transform: translate(-50%);
+ content: "";
+ top: var(--n-line-offset-top);
+ bottom: var(--n-line-offset-bottom);
+ `), (0, cssr_1.cM)('last-child', [(0, cssr_1.c)('&::before', `
+ bottom: 50%;
+ `)]), (0, cssr_1.cM)('is-leaf', [(0, cssr_1.c)('&::after', `
+ position: absolute;
+ content: "";
+ left: calc(50% + 0.5px);
+ right: 0;
+ bottom: 50%;
+ transition: border-color .3s var(--n-bezier);
+ border-bottom: 1px solid var(--n-border-color);
+ `)])]), (0, cssr_1.cNotM)('show-line', 'height: 0;')]), (0, cssr_1.cB)('tree-node-switcher', `
  cursor: pointer;
  display: inline-flex;
  flex-shrink: 0;
- height: 24px;
- width: 24px;
+ height: var(--n-node-content-height);
  align-items: center;
  justify-content: center;
  transition: transform .15s var(--n-bezier);
@@ -89,49 +96,37 @@ exports.default = (0, cssr_1.cB)('tree', `
  color: var(--n-arrow-color);
  transition: color .3s var(--n-bezier);
  font-size: 14px;
- `, [(0, cssr_1.cB)('icon', [(0, icon_switch_cssr_1.iconSwitchTransition)()]), (0, cssr_1.cB)('base-loading', `
+ `, [(0, cssr_1.cB)('icon', [iconSwitchTransitionNode]), (0, cssr_1.cB)('base-loading', `
  color: var(--n-loading-color);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
- `, [(0, icon_switch_cssr_1.iconSwitchTransition)()]), (0, cssr_1.cB)('base-icon', [(0, icon_switch_cssr_1.iconSwitchTransition)()])]), (0, cssr_1.cM)('hide', {
-  visibility: 'hidden'
-}), (0, cssr_1.cM)('expanded', {
-  transform: 'rotate(90deg)'
-})]), (0, cssr_1.cB)('tree-node-checkbox', `
+ `, [iconSwitchTransitionNode]), (0, cssr_1.cB)('base-icon', [iconSwitchTransitionNode])]), (0, cssr_1.cM)('hide', 'visibility: hidden;'), (0, cssr_1.cM)('expanded', 'transform: rotate(90deg);')]), (0, cssr_1.cB)('tree-node-checkbox', `
  display: inline-flex;
- height: 24px;
- width: 16px;
+ height: var(--n-node-content-height);
  vertical-align: bottom;
  align-items: center;
  justify-content: center;
- margin-right: 4px;
- `, [(0, cssr_1.cM)('right', 'margin-left: 4px;')]), (0, cssr_1.cM)('checkable', [(0, cssr_1.cB)('tree-node-content', `
- padding: 0 6px;
- `)]), (0, cssr_1.cB)('tree-node-content', `
+ `), (0, cssr_1.cB)('tree-node-content', `
+ user-select: none;
  position: relative;
  display: inline-flex;
  align-items: center;
- min-height: 24px;
+ min-height: var(--n-node-content-height);
  box-sizing: border-box;
- line-height: 1.5;
+ line-height: var(--n-line-height);
  vertical-align: bottom;
  padding: 0 6px 0 4px;
  cursor: default;
  border-radius: var(--n-node-border-radius);
- text-decoration-color: #0000;
- text-decoration-line: underline;
  color: var(--n-node-text-color);
  transition:
  color .3s var(--n-bezier),
- text-decoration-color .3s var(--n-bezier),
  background-color .3s var(--n-bezier),
  border-color .3s var(--n-bezier);
- `, [(0, cssr_1.c)('&:last-child', {
-  marginBottom: 0
-}), (0, cssr_1.cE)('prefix', `
+ `, [(0, cssr_1.c)('&:last-child', 'margin-bottom: 0;'), (0, cssr_1.cE)('prefix', `
  display: inline-flex;
  margin-right: 8px;
  `), (0, cssr_1.cE)('text', `

package/lib/tree/src/utils.d.ts

@@ -1,6 +1,6 @@
-import { ComputedRef } from 'vue';
-import { CheckStrategy } from 'treemate';
-import { Key, TmNode, TreeOption } from './interface';
+import { type ComputedRef } from 'vue';
+import { type CheckStrategy } from 'treemate';
+import { type Key, type TmNode, type TreeOption } from './interface';
 export declare function useMergedCheckStrategy(props: {
     leafOnly: boolean;
     checkStrategy: CheckStrategy;

package/lib/tree/src/utils.js

@@ -48,6 +48,7 @@ const emptyImage = null;
 exports.emptyImage = emptyImage;
 if (_utils_1.isBrowser && Image) {
     const emptyImage = new Image();
+    exports.emptyImage = emptyImage;
     emptyImage.src =
         'data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==';
 }

package/lib/tree/styles/light.d.ts

@@ -1,6 +1,9 @@
 import type { ThemeCommonVars } from '../../_styles/common';
 export declare const self: (vars: ThemeCommonVars) => {
     fontSize: string;
+    lineHeight: string;
+    nodeHeight: string;
+    nodeWrapperPadding: string;
     nodeBorderRadius: string;
     nodeColorHover: string;
     nodeColorPressed: string;
@@ -14,6 +17,9 @@ export declare const self: (vars: ThemeCommonVars) => {
 export type TreeThemeVars = ReturnType<typeof self>;
 declare const treeLight: import("../../_mixins/use-theme").Theme<"Tree", {
     fontSize: string;
+    lineHeight: string;
+    nodeHeight: string;
+    nodeWrapperPadding: string;
     nodeBorderRadius: string;
     nodeColorHover: string;
     nodeColorPressed: string;

package/lib/tree/styles/light.js

@@ -11,6 +11,9 @@ const self = (vars) => {
     const { borderRadiusSmall, hoverColor, pressedColor, primaryColor, textColor3, textColor2, textColorDisabled, fontSize } = vars;
     return {
         fontSize,
+        lineHeight: '1.5',
+        nodeHeight: '30px',
+        nodeWrapperPadding: '3px 0',
         nodeBorderRadius: borderRadiusSmall,
         nodeColorHover: hoverColor,
         nodeColorPressed: pressedColor,

package/lib/tree-select/src/TreeSelect.d.ts

@@ -1,10 +1,10 @@
-import { PropType, HTMLAttributes, VNodeChild } from 'vue';
-import { FollowerPlacement } from 'vueuc';
-import { CheckStrategy } from 'treemate';
+import { type PropType, type HTMLAttributes, type VNodeChild } from 'vue';
+import { type FollowerPlacement } from 'vueuc';
+import { type CheckStrategy } from 'treemate';
 import type { FormValidationStatus } from '../../form/src/interface';
-import { Key, TreeOption } from '../../tree/src/interface';
+import { type Key, type TreeOption } from '../../tree/src/interface';
 import type { SelectBaseOption, SelectOption } from '../../select/src/interface';
-import { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
+import { type ExtractPublicPropTypes, type MaybeArray } from '../../_utils';
 import type { OnUpdateValue, TreeSelectNodeProps, TreeSelectOption, TreeSelectRenderTag } from './interface';
 type OnLoad = (node: TreeSelectOption) => Promise<void>;
 export declare const treeSelectProps: {
@@ -41,14 +41,14 @@ export declare const treeSelectProps: {
     };
     readonly disabledField: {
         readonly type: StringConstructor;
-        readonly default: "disabled"; /**
-         * @deprecated
-         */
+        readonly default: "disabled";
     };
     readonly defaultExpandedKeys: {
         readonly type: PropType<Key[]>;
         readonly default: () => never[];
-    };
+    }; /**
+     * @deprecated
+     */
     readonly indeterminateKeys: PropType<Key[]>;
     readonly renderSwitcherIcon: PropType<import("../../tree/src/interface").RenderSwitcherIcon>;
     readonly onUpdateIndeterminateKeys: PropType<MaybeArray<import("../../tree/src/Tree").OnUpdateIndeterminateKeys>>;
@@ -130,6 +130,9 @@ export declare const treeSelectProps: {
     }, {
         Tree: import("../../_mixins").Theme<"Tree", {
             fontSize: string;
+            lineHeight: string;
+            nodeHeight: string;
+            nodeWrapperPadding: string;
             nodeBorderRadius: string;
             nodeColorHover: string;
             nodeColorPressed: string;
@@ -283,6 +286,9 @@ export declare const treeSelectProps: {
     }, {
         Tree: import("../../_mixins").Theme<"Tree", {
             fontSize: string;
+            lineHeight: string;
+            nodeHeight: string;
+            nodeWrapperPadding: string;
             nodeBorderRadius: string;
             nodeColorHover: string;
             nodeColorPressed: string;
@@ -436,6 +442,9 @@ export declare const treeSelectProps: {
     }, {
         Tree: import("../../_mixins").Theme<"Tree", {
             fontSize: string;
+            lineHeight: string;
+            nodeHeight: string;
+            nodeWrapperPadding: string;
             nodeBorderRadius: string;
             nodeColorHover: string;
             nodeColorPressed: string;
@@ -613,14 +622,14 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly disabledField: {
         readonly type: StringConstructor;
-        readonly default: "disabled"; /**
-         * @deprecated
-         */
+        readonly default: "disabled";
     };
     readonly defaultExpandedKeys: {
         readonly type: PropType<Key[]>;
         readonly default: () => never[];
-    };
+    }; /**
+     * @deprecated
+     */
     readonly indeterminateKeys: PropType<Key[]>;
     readonly renderSwitcherIcon: PropType<import("../../tree/src/interface").RenderSwitcherIcon>;
     readonly onUpdateIndeterminateKeys: PropType<MaybeArray<import("../../tree/src/Tree").OnUpdateIndeterminateKeys>>;
@@ -702,6 +711,9 @@ declare const _default: import("vue").DefineComponent<{
     }, {
         Tree: import("../../_mixins").Theme<"Tree", {
             fontSize: string;
+            lineHeight: string;
+            nodeHeight: string;
+            nodeWrapperPadding: string;
             nodeBorderRadius: string;
             nodeColorHover: string;
             nodeColorPressed: string;
@@ -855,6 +867,9 @@ declare const _default: import("vue").DefineComponent<{
     }, {
         Tree: import("../../_mixins").Theme<"Tree", {
             fontSize: string;
+            lineHeight: string;
+            nodeHeight: string;
+            nodeWrapperPadding: string;
             nodeBorderRadius: string;
             nodeColorHover: string;
             nodeColorPressed: string;
@@ -1008,6 +1023,9 @@ declare const _default: import("vue").DefineComponent<{
     }, {
         Tree: import("../../_mixins").Theme<"Tree", {
             fontSize: string;
+            lineHeight: string;
+            nodeHeight: string;
+            nodeWrapperPadding: string;
             nodeBorderRadius: string;
             nodeColorHover: string;
             nodeColorPressed: string;
@@ -1157,6 +1175,7 @@ declare const _default: import("vue").DefineComponent<{
         focus: () => void;
         focusInput: () => void;
         blur: () => void;
+        blurInput: () => void;
         $el: HTMLElement;
     } | null>;
     followerInstRef: import("vue").Ref<{
@@ -1165,7 +1184,7 @@ declare const _default: import("vue").DefineComponent<{
     treeInstRef: import("vue").Ref<{
         handleKeydown: (e: KeyboardEvent) => void;
     } | null>;
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     mergedValue: import("vue").ComputedRef<string | number | (string | number)[] | null>;
     mergedShow: import("vue").ComputedRef<boolean>;
     namespace: import("vue").ComputedRef<string | undefined>;
@@ -1334,6 +1353,9 @@ declare const _default: import("vue").DefineComponent<{
         peers: {
             Tree: import("../../_mixins").Theme<"Tree", {
                 fontSize: string;
+                lineHeight: string;
+                nodeHeight: string;
+                nodeWrapperPadding: string;
                 nodeBorderRadius: string;
                 nodeColorHover: string;
                 nodeColorPressed: string;
@@ -1573,7 +1595,9 @@ declare const _default: import("vue").DefineComponent<{
         options: (TreeSelectOption | null)[];
     };
     focus: () => void;
+    focusInput: () => void;
     blur: () => void;
+    blurInput: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly renderLabel: PropType<import("./interface").TreeSelectRenderTreePart>;
     readonly renderPrefix: PropType<import("./interface").TreeSelectRenderTreePart>;
@@ -1608,14 +1632,14 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly disabledField: {
         readonly type: StringConstructor;
-        readonly default: "disabled"; /**
-         * @deprecated
-         */
+        readonly default: "disabled";
     };
     readonly defaultExpandedKeys: {
         readonly type: PropType<Key[]>;
         readonly default: () => never[];
-    };
+    }; /**
+     * @deprecated
+     */
     readonly indeterminateKeys: PropType<Key[]>;
     readonly renderSwitcherIcon: PropType<import("../../tree/src/interface").RenderSwitcherIcon>;
     readonly onUpdateIndeterminateKeys: PropType<MaybeArray<import("../../tree/src/Tree").OnUpdateIndeterminateKeys>>;
@@ -1697,6 +1721,9 @@ declare const _default: import("vue").DefineComponent<{
     }, {
         Tree: import("../../_mixins").Theme<"Tree", {
             fontSize: string;
+            lineHeight: string;
+            nodeHeight: string;
+            nodeWrapperPadding: string;
             nodeBorderRadius: string;
             nodeColorHover: string;
             nodeColorPressed: string;
@@ -1850,6 +1877,9 @@ declare const _default: import("vue").DefineComponent<{
     }, {
         Tree: import("../../_mixins").Theme<"Tree", {
             fontSize: string;
+            lineHeight: string;
+            nodeHeight: string;
+            nodeWrapperPadding: string;
             nodeBorderRadius: string;
             nodeColorHover: string;
             nodeColorPressed: string;
@@ -2003,6 +2033,9 @@ declare const _default: import("vue").DefineComponent<{
     }, {
         Tree: import("../../_mixins").Theme<"Tree", {
             fontSize: string;
+            lineHeight: string;
+            nodeHeight: string;
+            nodeWrapperPadding: string;
             nodeBorderRadius: string;
             nodeColorHover: string;
             nodeColorPressed: string;
@@ -2145,12 +2178,12 @@ declare const _default: import("vue").DefineComponent<{
         }>;
     }>>>;
 }>>, {
+    readonly options: TreeSelectOption[];
     readonly show: boolean | undefined;
     readonly separator: string;
     readonly multiple: boolean;
     readonly disabled: boolean | undefined;
     readonly to: string | boolean | HTMLElement;
-    readonly options: TreeSelectOption[];
     readonly loading: boolean;
     readonly bordered: boolean;
     readonly placement: FollowerPlacement;
@@ -2173,5 +2206,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly leafOnly: boolean;
     readonly showPath: boolean;
     readonly defaultExpandedKeys: Key[];
-}>;
+}, {}>;
 export default _default;

package/lib/tree-select/src/TreeSelect.js

@@ -516,7 +516,9 @@ exports.default = (0, vue_1.defineComponent)({
                 };
             },
             focus: () => { var _a; return (_a = triggerInstRef.value) === null || _a === void 0 ? void 0 : _a.focus(); },
-            blur: () => { var _a; return (_a = triggerInstRef.value) === null || _a === void 0 ? void 0 : _a.blur(); }
+            focusInput: () => { var _a; return (_a = triggerInstRef.value) === null || _a === void 0 ? void 0 : _a.focusInput(); },
+            blur: () => { var _a; return (_a = triggerInstRef.value) === null || _a === void 0 ? void 0 : _a.blur(); },
+            blurInput: () => { var _a; return (_a = triggerInstRef.value) === null || _a === void 0 ? void 0 : _a.blurInput(); }
         };
         const themeRef = (0, _mixins_1.useTheme)('TreeSelect', '-tree-select', index_cssr_1.default, styles_1.treeSelectLight, props, mergedClsPrefixRef);
         const cssVarsRef = (0, vue_1.computed)(() => {

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

@@ -1,5 +1,5 @@
-import { TreeMate, TreeNode } from 'treemate';
-import { HTMLAttributes, Ref, VNodeChild } from 'vue';
+import { type TreeMate, type TreeNode } from 'treemate';
+import { type HTMLAttributes, type Ref, type VNodeChild } from 'vue';
 import type { TreeOptionBase, TreeOption } from '../../tree/src/interface';
 export type TreeSelectOption = Omit<TreeOptionBase, 'checkboxDisabled' | 'isLeaf' | 'children'> & {
     children?: TreeSelectOption[];
@@ -59,5 +59,7 @@ export interface TreeSelectInst {
         options: Array<TreeSelectOption | null>;
     };
     focus: () => void;
+    focusInput: () => void;
     blur: () => void;
+    blurInput: () => void;
 }

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

@@ -1,4 +1,4 @@
-import { SelectBaseOption } from '../../select/src/interface';
-import { 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/lib/tree-select/styles/light.d.ts

@@ -22,6 +22,9 @@ declare const treeSelectLight: import("../../_mixins/use-theme").Theme<"TreeSele
 }, {
     Tree: import("../../_mixins/use-theme").Theme<"Tree", {
         fontSize: string;
+        lineHeight: string;
+        nodeHeight: string;
+        nodeWrapperPadding: string;
         nodeBorderRadius: string;
         nodeColorHover: string;
         nodeColorPressed: string;

package/lib/typography/src/a.d.ts

@@ -400,7 +400,7 @@ declare const _default: import("vue").DefineComponent<{
         ulPadding: string;
     }, any>>>;
 }, {
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     cssVars: import("vue").ComputedRef<{
         '--n-text-color': string;
         '--n-bezier': string;
@@ -606,5 +606,5 @@ declare const _default: import("vue").DefineComponent<{
         olPadding: string;
         ulPadding: string;
     }, any>>>;
-}>>, {}>;
+}>>, {}, {}>;
 export default _default;

package/lib/typography/src/blockquote.d.ts

@@ -402,7 +402,7 @@ declare const _default: import("vue").DefineComponent<{
         ulPadding: string;
     }, any>>>;
 }, {
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     cssVars: import("vue").ComputedRef<{
         '--n-bezier': string;
         '--n-font-size': string;
@@ -614,5 +614,5 @@ declare const _default: import("vue").DefineComponent<{
     }, any>>>;
 }>>, {
     readonly alignText: boolean;
-}>;
+}, {}>;
 export default _default;

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

@@ -1,5 +1,5 @@
-import { PropType } from 'vue';
-import { ExtractPublicPropTypes } from '../../_utils';
+import { type PropType } from 'vue';
+import { type ExtractPublicPropTypes } from '../../_utils';
 export declare const headerProps: {
     readonly type: {
         readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
@@ -413,7 +413,7 @@ declare const _default: (level: '1' | '2' | '3' | '4' | '5' | '6') => import("vu
         ulPadding: string;
     }, any>>>;
 }, {
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     cssVars: import("vue").ComputedRef<{
         '--n-bezier': string;
         '--n-font-size': string;
@@ -634,5 +634,5 @@ declare const _default: (level: '1' | '2' | '3' | '4' | '5' | '6') => import("vu
 }>>, {
     readonly type: "default" | "error" | "info" | "success" | "warning";
     readonly alignText: boolean;
-}>;
+}, {}>;
 export default _default;

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

@@ -204,7 +204,7 @@ export declare const NH1: import("vue").DefineComponent<{
         ulPadding: string;
     }, any>>>;
 }, {
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     cssVars: import("vue").ComputedRef<{
         '--n-bezier': string;
         '--n-font-size': string;
@@ -425,7 +425,7 @@ export declare const NH1: import("vue").DefineComponent<{
 }>>, {
     readonly type: "default" | "error" | "info" | "success" | "warning";
     readonly alignText: boolean;
-}>;
+}, {}>;
 export declare const NH2: import("vue").DefineComponent<{
     readonly type: {
         readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
@@ -632,7 +632,7 @@ export declare const NH2: import("vue").DefineComponent<{
         ulPadding: string;
     }, any>>>;
 }, {
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     cssVars: import("vue").ComputedRef<{
         '--n-bezier': string;
         '--n-font-size': string;
@@ -853,7 +853,7 @@ export declare const NH2: import("vue").DefineComponent<{
 }>>, {
     readonly type: "default" | "error" | "info" | "success" | "warning";
     readonly alignText: boolean;
-}>;
+}, {}>;
 export declare const NH3: import("vue").DefineComponent<{
     readonly type: {
         readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
@@ -1060,7 +1060,7 @@ export declare const NH3: import("vue").DefineComponent<{
         ulPadding: string;
     }, any>>>;
 }, {
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     cssVars: import("vue").ComputedRef<{
         '--n-bezier': string;
         '--n-font-size': string;
@@ -1281,7 +1281,7 @@ export declare const NH3: import("vue").DefineComponent<{
 }>>, {
     readonly type: "default" | "error" | "info" | "success" | "warning";
     readonly alignText: boolean;
-}>;
+}, {}>;
 export declare const NH4: import("vue").DefineComponent<{
     readonly type: {
         readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
@@ -1488,7 +1488,7 @@ export declare const NH4: import("vue").DefineComponent<{
         ulPadding: string;
     }, any>>>;
 }, {
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     cssVars: import("vue").ComputedRef<{
         '--n-bezier': string;
         '--n-font-size': string;
@@ -1709,7 +1709,7 @@ export declare const NH4: import("vue").DefineComponent<{
 }>>, {
     readonly type: "default" | "error" | "info" | "success" | "warning";
     readonly alignText: boolean;
-}>;
+}, {}>;
 export declare const NH5: import("vue").DefineComponent<{
     readonly type: {
         readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
@@ -1916,7 +1916,7 @@ export declare const NH5: import("vue").DefineComponent<{
         ulPadding: string;
     }, any>>>;
 }, {
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     cssVars: import("vue").ComputedRef<{
         '--n-bezier': string;
         '--n-font-size': string;
@@ -2137,7 +2137,7 @@ export declare const NH5: import("vue").DefineComponent<{
 }>>, {
     readonly type: "default" | "error" | "info" | "success" | "warning";
     readonly alignText: boolean;
-}>;
+}, {}>;
 export declare const NH6: import("vue").DefineComponent<{
     readonly type: {
         readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
@@ -2344,7 +2344,7 @@ export declare const NH6: import("vue").DefineComponent<{
         ulPadding: string;
     }, any>>>;
 }, {
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     cssVars: import("vue").ComputedRef<{
         '--n-bezier': string;
         '--n-font-size': string;
@@ -2565,4 +2565,4 @@ export declare const NH6: import("vue").DefineComponent<{
 }>>, {
     readonly type: "default" | "error" | "info" | "success" | "warning";
     readonly alignText: boolean;
-}>;
+}, {}>;