naive-ui 2.34.4 → 2.36.0

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

@@ -1,6 +1,7 @@
 import { c, cB, cE, cM, cNotM } from '../../../_utils/cssr';
 import { iconSwitchTransition } from '../../../_styles/transitions/icon-switch.cssr';
 import { fadeInHeightExpandTransition } from '../../../_styles/transitions/fade-in-height-expand.cssr';
+const iconSwitchTransitionNode = iconSwitchTransition();
 // vars:
 // --n-arrow-color
 // --n-bezier
@@ -11,6 +12,12 @@ import { fadeInHeightExpandTransition } from '../../../_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
+// --n-line-color
 export default cB('tree', `
  font-size: var(--n-font-size);
  outline: none;
@@ -18,29 +25,21 @@ export default cB('tree', `
  margin: 0;
  padding: 0;
  list-style: none;
- `), c('>', [cB('tree-node', [c('&:first-child', {
-  marginTop: 0
-})])]), cB('tree-node-indent', `
- flex-grow: 0;
- flex-shrink: 0;
- height: 0;
- `), cB('tree-motion-wrapper', [cM('expand', [fadeInHeightExpandTransition({
+ `), c('>', [cB('tree-node', [c('&:first-child', 'margin-top: 0;')])]), cB('tree-motion-wrapper', [cM('expand', [fadeInHeightExpandTransition({
   duration: '0.2s'
 })]), cM('collapse', [fadeInHeightExpandTransition({
   duration: '0.2s',
   reverse: true
 })])]), cB('tree-node-wrapper', `
  box-sizing: border-box;
- padding: 3px 0;
+ padding: var(--n-node-wrapper-padding);
  `), 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);
- `, [cM('highlight', [cB('tree-node-content', [cE('text', {
-  borderBottomColor: 'var(--n-node-text-color-disabled)'
-})])]), cM('disabled', [cB('tree-node-content', `
+ `, [cM('highlight', [cB('tree-node-content', [cE('text', 'border-bottom-color: var(--n-node-text-color-disabled);')])]), cM('disabled', [cB('tree-node-content', `
  color: var(--n-node-text-color-disabled);
  cursor: not-allowed;
  `)]), cNotM('disabled', [cM('clickable', [cB('tree-node-content', `
@@ -48,30 +47,39 @@ export default cB('tree', `
  `)])])]), cM('block-node', [cB('tree-node-content', `
  flex: 1;
  min-width: 0;
- `)]), cNotM('block-line', [cB('tree-node', [cNotM('disabled', [cB('tree-node-content', [c('&:hover', {
-  backgroundColor: 'var(--n-node-color-hover)'
-})]), cM('selectable', [cB('tree-node-content', [c('&:active', {
-  backgroundColor: 'var(--n-node-color-pressed)'
-})])]), cM('pending', [cB('tree-node-content', `
- background-color: var(--n-node-color-hover);
- `)]), cM('selected', [cB('tree-node-content', {
-  backgroundColor: 'var(--n-node-color-active)'
-})])])])]), cM('block-line', [cB('tree-node', [cNotM('disabled', [c('&:hover', {
-  backgroundColor: 'var(--n-node-color-hover)'
-}), cM('pending', `
- background-color: var(--n-node-color-hover);
- `), cM('selectable', [cNotM('selected', [c('&:active', {
-  backgroundColor: 'var(--n-node-color-pressed)'
-})])]), cM('selected', {
-  backgroundColor: 'var(--n-node-color-active)'
-})]), cM('disabled', `
+ `)]), cNotM('block-line', [cB('tree-node', [cNotM('disabled', [cB('tree-node-content', [c('&:hover', 'background: var(--n-node-color-hover);')]), cM('selectable', [cB('tree-node-content', [c('&:active', 'background: var(--n-node-color-pressed);')])]), cM('pending', [cB('tree-node-content', `
+ background: var(--n-node-color-hover);
+ `)])]), cM('selected', [cB('tree-node-content', 'background: var(--n-node-color-active);')])])]), cM('block-line', [cB('tree-node', [cNotM('disabled', [c('&:hover', 'background: var(--n-node-color-hover);'), cM('pending', `
+ background: var(--n-node-color-hover);
+ `), cM('selectable', [cNotM('selected', [c('&:active', 'background: var(--n-node-color-pressed);')])]), cM('selected', 'background: var(--n-node-color-active);')]), cM('selected', 'background: var(--n-node-color-active);'), cM('disabled', `
  cursor: not-allowed;
- `)])]), cB('tree-node-switcher', `
+ `)])]), cB('tree-node-indent', `
+ flex-grow: 0;
+ flex-shrink: 0;
+ `, [cM('show-line', 'position: relative', [c('&::before', `
+ position: absolute;
+ left: 50%;
+ border-left: 1px solid var(--n-line-color);
+ transition: border-color .3s var(--n-bezier);
+ transform: translate(-50%);
+ content: "";
+ top: var(--n-line-offset-top);
+ bottom: var(--n-line-offset-bottom);
+ `), cM('last-child', [c('&::before', `
+ bottom: 50%;
+ `)]), cM('is-leaf', [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);
+ `)])]), cNotM('show-line', 'height: 0;')]), 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);
@@ -84,49 +92,37 @@ export default cB('tree', `
  color: var(--n-arrow-color);
  transition: color .3s var(--n-bezier);
  font-size: 14px;
- `, [cB('icon', [iconSwitchTransition()]), cB('base-loading', `
+ `, [cB('icon', [iconSwitchTransitionNode]), cB('base-loading', `
  color: var(--n-loading-color);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
- `, [iconSwitchTransition()]), cB('base-icon', [iconSwitchTransition()])]), cM('hide', {
-  visibility: 'hidden'
-}), cM('expanded', {
-  transform: 'rotate(90deg)'
-})]), cB('tree-node-checkbox', `
+ `, [iconSwitchTransitionNode]), cB('base-icon', [iconSwitchTransitionNode])]), cM('hide', 'visibility: hidden;'), cM('expanded', 'transform: rotate(90deg);')]), 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;
- `, [cM('right', 'margin-left: 4px;')]), cM('checkable', [cB('tree-node-content', `
- padding: 0 6px;
- `)]), cB('tree-node-content', `
+ `), 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);
- `, [c('&:last-child', {
-  marginBottom: 0
-}), cE('prefix', `
+ `, [c('&:last-child', 'margin-bottom: 0;'), cE('prefix', `
  display: inline-flex;
  margin-right: 8px;
  `), cE('text', `

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

@@ -17,3 +17,4 @@ export declare function filterTree(tree: TreeOption[], filter: (pattern: string,
     expandedKeys: Key[];
     highlightKeySet: Set<Key>;
 };
+export declare function treeGetClickTarget(e: MouseEvent): 'checkbox' | 'switcher' | 'node';

package/es/tree/src/utils.js

@@ -1,5 +1,6 @@
 import { computed } from 'vue';
 import { isBrowser } from '../../_utils';
+import { happensIn } from 'seemly';
 export function useMergedCheckStrategy(props) {
     return computed(() => (props.leafOnly ? 'child' : props.checkStrategy));
 }
@@ -112,3 +113,14 @@ export function filterTree(tree, filter, pattern, keyField, childrenField) {
         expandedKeys
     };
 }
+export function treeGetClickTarget(e) {
+    if (happensIn(e, 'checkbox')) {
+        return 'checkbox';
+    }
+    else if (happensIn(e, 'switcher')) {
+        return 'switcher';
+    }
+    else {
+        return 'node';
+    }
+}

package/es/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;
@@ -10,10 +13,14 @@ export declare const self: (vars: ThemeCommonVars) => {
     nodeTextColorDisabled: string;
     loadingColor: string;
     dropMarkColor: string;
+    lineColor: string;
 };
 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;
@@ -23,6 +30,7 @@ declare const treeLight: import("../../_mixins/use-theme").Theme<"Tree", {
     nodeTextColorDisabled: string;
     loadingColor: string;
     dropMarkColor: string;
+    lineColor: string;
 }, {
     Checkbox: import("../../_mixins/use-theme").Theme<"Checkbox", {
         labelLineHeight: string;

package/es/tree/styles/light.js

@@ -5,9 +5,12 @@ import { scrollbarLight } from '../../_internal/scrollbar/styles';
 import { commonLight } from '../../_styles/common';
 import { createTheme } from '../../_mixins/use-theme';
 export const self = (vars) => {
-    const { borderRadiusSmall, hoverColor, pressedColor, primaryColor, textColor3, textColor2, textColorDisabled, fontSize } = vars;
+    const { borderRadiusSmall, dividerColor, hoverColor, pressedColor, primaryColor, textColor3, textColor2, textColorDisabled, fontSize } = vars;
     return {
         fontSize,
+        lineHeight: '1.5',
+        nodeHeight: '30px',
+        nodeWrapperPadding: '3px 0',
         nodeBorderRadius: borderRadiusSmall,
         nodeColorHover: hoverColor,
         nodeColorPressed: pressedColor,
@@ -16,7 +19,8 @@ export const self = (vars) => {
         nodeTextColor: textColor2,
         nodeTextColorDisabled: textColorDisabled,
         loadingColor: primaryColor,
-        dropMarkColor: primaryColor
+        dropMarkColor: primaryColor,
+        lineColor: dividerColor
     };
 };
 const treeLight = createTheme({

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

@@ -12,6 +12,7 @@ export declare const treeSelectProps: {
     readonly renderPrefix: PropType<import("./interface").TreeSelectRenderTreePart>;
     readonly renderSuffix: PropType<import("./interface").TreeSelectRenderTreePart>;
     readonly nodeProps: PropType<TreeSelectNodeProps>;
+    readonly watchProps: PropType<("defaultExpandedKeys" | "defaultCheckedKeys" | "defaultSelectedKeys")[]>;
     readonly onBlur: PropType<(e: FocusEvent) => void>;
     readonly onFocus: PropType<(e: FocusEvent) => void>;
     readonly onLoad: PropType<OnLoad>;
@@ -128,6 +129,9 @@ export declare const treeSelectProps: {
     }, {
         Tree: import("../../_mixins").Theme<"Tree", {
             fontSize: string;
+            lineHeight: string;
+            nodeHeight: string;
+            nodeWrapperPadding: string;
             nodeBorderRadius: string;
             nodeColorHover: string;
             nodeColorPressed: string;
@@ -137,6 +141,7 @@ export declare const treeSelectProps: {
             nodeTextColorDisabled: string;
             loadingColor: string;
             dropMarkColor: string;
+            lineColor: string;
         }, {
             Checkbox: import("../../_mixins").Theme<"Checkbox", {
                 labelLineHeight: string;
@@ -281,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;
@@ -290,6 +298,7 @@ export declare const treeSelectProps: {
             nodeTextColorDisabled: string;
             loadingColor: string;
             dropMarkColor: string;
+            lineColor: string;
         }, {
             Checkbox: import("../../_mixins").Theme<"Checkbox", {
                 labelLineHeight: string;
@@ -434,6 +443,9 @@ export declare const treeSelectProps: {
     }, {
         Tree: import("../../_mixins").Theme<"Tree", {
             fontSize: string;
+            lineHeight: string;
+            nodeHeight: string;
+            nodeWrapperPadding: string;
             nodeBorderRadius: string;
             nodeColorHover: string;
             nodeColorPressed: string;
@@ -443,6 +455,7 @@ export declare const treeSelectProps: {
             nodeTextColorDisabled: string;
             loadingColor: string;
             dropMarkColor: string;
+            lineColor: string;
         }, {
             Checkbox: import("../../_mixins").Theme<"Checkbox", {
                 labelLineHeight: string;
@@ -582,6 +595,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly renderPrefix: PropType<import("./interface").TreeSelectRenderTreePart>;
     readonly renderSuffix: PropType<import("./interface").TreeSelectRenderTreePart>;
     readonly nodeProps: PropType<TreeSelectNodeProps>;
+    readonly watchProps: PropType<("defaultExpandedKeys" | "defaultCheckedKeys" | "defaultSelectedKeys")[]>;
     readonly onBlur: PropType<(e: FocusEvent) => void>;
     readonly onFocus: PropType<(e: FocusEvent) => void>;
     readonly onLoad: PropType<OnLoad>;
@@ -698,6 +712,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;
@@ -707,6 +724,7 @@ declare const _default: import("vue").DefineComponent<{
             nodeTextColorDisabled: string;
             loadingColor: string;
             dropMarkColor: string;
+            lineColor: string;
         }, {
             Checkbox: import("../../_mixins").Theme<"Checkbox", {
                 labelLineHeight: string;
@@ -851,6 +869,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;
@@ -860,6 +881,7 @@ declare const _default: import("vue").DefineComponent<{
             nodeTextColorDisabled: string;
             loadingColor: string;
             dropMarkColor: string;
+            lineColor: string;
         }, {
             Checkbox: import("../../_mixins").Theme<"Checkbox", {
                 labelLineHeight: string;
@@ -1004,6 +1026,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;
@@ -1013,6 +1038,7 @@ declare const _default: import("vue").DefineComponent<{
             nodeTextColorDisabled: string;
             loadingColor: string;
             dropMarkColor: string;
+            lineColor: string;
         }, {
             Checkbox: import("../../_mixins").Theme<"Checkbox", {
                 labelLineHeight: string;
@@ -1153,6 +1179,7 @@ declare const _default: import("vue").DefineComponent<{
         focus: () => void;
         focusInput: () => void;
         blur: () => void;
+        blurInput: () => void;
         $el: HTMLElement;
     } | null>;
     followerInstRef: import("vue").Ref<{
@@ -1161,7 +1188,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>;
@@ -1330,6 +1357,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;
@@ -1339,6 +1369,7 @@ declare const _default: import("vue").DefineComponent<{
                 nodeTextColorDisabled: string;
                 loadingColor: string;
                 dropMarkColor: string;
+                lineColor: string;
             }, {
                 Checkbox: import("../../_mixins").Theme<"Checkbox", {
                     labelLineHeight: string;
@@ -1569,12 +1600,15 @@ 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>;
     readonly renderSuffix: PropType<import("./interface").TreeSelectRenderTreePart>;
     readonly nodeProps: PropType<TreeSelectNodeProps>;
+    readonly watchProps: PropType<("defaultExpandedKeys" | "defaultCheckedKeys" | "defaultSelectedKeys")[]>;
     readonly onBlur: PropType<(e: FocusEvent) => void>;
     readonly onFocus: PropType<(e: FocusEvent) => void>;
     readonly onLoad: PropType<OnLoad>;
@@ -1691,6 +1725,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;
@@ -1700,6 +1737,7 @@ declare const _default: import("vue").DefineComponent<{
             nodeTextColorDisabled: string;
             loadingColor: string;
             dropMarkColor: string;
+            lineColor: string;
         }, {
             Checkbox: import("../../_mixins").Theme<"Checkbox", {
                 labelLineHeight: string;
@@ -1844,6 +1882,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;
@@ -1853,6 +1894,7 @@ declare const _default: import("vue").DefineComponent<{
             nodeTextColorDisabled: string;
             loadingColor: string;
             dropMarkColor: string;
+            lineColor: string;
         }, {
             Checkbox: import("../../_mixins").Theme<"Checkbox", {
                 labelLineHeight: string;
@@ -1997,6 +2039,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;
@@ -2006,6 +2051,7 @@ declare const _default: import("vue").DefineComponent<{
             nodeTextColorDisabled: string;
             loadingColor: string;
             dropMarkColor: string;
+            lineColor: string;
         }, {
             Checkbox: import("../../_mixins").Theme<"Checkbox", {
                 labelLineHeight: string;
@@ -2144,8 +2190,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly separator: string;
     readonly multiple: boolean;
     readonly disabled: boolean | undefined;
-    readonly to: string | boolean | HTMLElement;
     readonly loading: boolean;
+    readonly to: string | boolean | HTMLElement;
     readonly bordered: boolean;
     readonly placement: FollowerPlacement;
     readonly keyField: string;
@@ -2167,5 +2213,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly leafOnly: boolean;
     readonly showPath: boolean;
     readonly defaultExpandedKeys: Key[];
-}>;
+}, {}>;
 export default _default;

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

@@ -48,7 +48,7 @@ export const treeSelectProps = Object.assign(Object.assign(Object.assign(Object.
     }, size: String, value: [String, Number, Array], to: useAdjustedTo.propTo, menuProps: Object, virtualScroll: {
         type: Boolean,
         default: true
-    }, status: String, renderTag: Function }), treeSharedProps), { renderLabel: Function, renderPrefix: Function, renderSuffix: Function, nodeProps: Function, onBlur: Function, onFocus: Function, onLoad: Function, onUpdateShow: [Function, Array], onUpdateValue: [Function, Array], 'onUpdate:value': [Function, Array], 'onUpdate:show': [Function, Array], 
+    }, status: String, renderTag: Function }), treeSharedProps), { renderLabel: Function, renderPrefix: Function, renderSuffix: Function, nodeProps: Function, watchProps: Array, onBlur: Function, onFocus: Function, onLoad: Function, onUpdateShow: [Function, Array], onUpdateValue: [Function, Array], 'onUpdate:value': [Function, Array], 'onUpdate:show': [Function, Array], 
     /**
      * @deprecated
      */
@@ -510,7 +510,9 @@ export default 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 = useTheme('TreeSelect', '-tree-select', style, treeSelectLight, props, mergedClsPrefixRef);
         const cssVarsRef = computed(() => {
@@ -575,7 +577,7 @@ export default defineComponent({
                                         (menuProps === null || menuProps === void 0 ? void 0 : menuProps.style) || '',
                                         this.cssVars
                                     ], tabindex: 0, onMousedown: this.handleMenuMousedown, onKeydown: this.handleKeydown, onFocusin: this.handleMenuFocusin, onFocusout: this.handleMenuFocusout }),
-                                    h(NTree, { ref: "treeInstRef", blockLine: true, allowCheckingNotLoaded: this.allowCheckingNotLoaded, showIrrelevantNodes: false, animated: false, pattern: this.pattern, filter: this.mergedFilter, data: options, cancelable: multiple, labelField: this.labelField, keyField: this.keyField, disabledField: this.disabledField, childrenField: this.childrenField, theme: mergedTheme.peers.Tree, themeOverrides: mergedTheme.peerOverrides.Tree, defaultExpandAll: this.defaultExpandAll, defaultExpandedKeys: this.defaultExpandedKeys, expandedKeys: this.mergedExpandedKeys, checkedKeys: this.treeCheckedKeys, selectedKeys: this.treeSelectedKeys, checkable: checkable, checkStrategy: this.checkStrategy, cascade: this.mergedCascade, leafOnly: this.leafOnly, multiple: this.multiple, renderLabel: this.renderLabel, renderPrefix: this.renderPrefix, renderSuffix: this.renderSuffix, renderSwitcherIcon: this.renderSwitcherIcon, nodeProps: this.nodeProps, virtualScroll: this.consistentMenuWidth && this.virtualScroll, internalTreeSelect: true, internalUnifySelectCheck: true, internalScrollable: true, internalScrollablePadding: this.menuPadding, internalFocusable: false, internalCheckboxFocusable: false, internalRenderEmpty: () => (h("div", { class: `${mergedClsPrefix}-tree-select-menu__empty` }, resolveSlot($slots.empty, () => [
+                                    h(NTree, { ref: "treeInstRef", blockLine: true, allowCheckingNotLoaded: this.allowCheckingNotLoaded, showIrrelevantNodes: false, animated: false, pattern: this.pattern, filter: this.mergedFilter, data: options, cancelable: multiple, labelField: this.labelField, keyField: this.keyField, disabledField: this.disabledField, childrenField: this.childrenField, theme: mergedTheme.peers.Tree, themeOverrides: mergedTheme.peerOverrides.Tree, defaultExpandAll: this.defaultExpandAll, defaultExpandedKeys: this.defaultExpandedKeys, expandedKeys: this.mergedExpandedKeys, checkedKeys: this.treeCheckedKeys, selectedKeys: this.treeSelectedKeys, checkable: checkable, checkStrategy: this.checkStrategy, cascade: this.mergedCascade, leafOnly: this.leafOnly, multiple: this.multiple, renderLabel: this.renderLabel, renderPrefix: this.renderPrefix, renderSuffix: this.renderSuffix, renderSwitcherIcon: this.renderSwitcherIcon, nodeProps: this.nodeProps, watchProps: this.watchProps, virtualScroll: this.consistentMenuWidth && this.virtualScroll, internalTreeSelect: true, internalUnifySelectCheck: true, internalScrollable: true, internalScrollablePadding: this.menuPadding, internalFocusable: false, internalCheckboxFocusable: false, internalRenderEmpty: () => (h("div", { class: `${mergedClsPrefix}-tree-select-menu__empty` }, resolveSlot($slots.empty, () => [
                                             h(NEmpty, { theme: mergedTheme.peers.Empty, themeOverrides: mergedTheme.peerOverrides.Empty })
                                         ]))), onLoad: this.onLoad, onUpdateCheckedKeys: this.handleUpdateCheckedKeys, onUpdateIndeterminateKeys: this.handleUpdateIndeterminateKeys, onUpdateExpandedKeys: this.doUpdateExpandedKeys }),
                                     resolveWrappedSlot($slots.action, (children) => {

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

@@ -59,5 +59,7 @@ export interface TreeSelectInst {
         options: Array<TreeSelectOption | null>;
     };
     focus: () => void;
+    focusInput: () => void;
     blur: () => void;
+    blurInput: () => void;
 }

package/es/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;
@@ -31,6 +34,7 @@ declare const treeSelectLight: import("../../_mixins/use-theme").Theme<"TreeSele
         nodeTextColorDisabled: string;
         loadingColor: string;
         dropMarkColor: string;
+        lineColor: string;
     }, {
         Checkbox: import("../../_mixins/use-theme").Theme<"Checkbox", {
             labelLineHeight: string;

package/es/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/es/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/es/typography/src/create-header.d.ts

@@ -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;