naive-ui 2.25.4 → 2.25.7

package/lib/timeline/src/Timeline.d.ts

@@ -30,7 +30,7 @@ declare const timelineProps: {
         contentTextColor: string;
         metaTextColor: string;
         lineColor: string;
-        titleMarginMedium: number;
+        titleMarginMedium: string;
         titleMarginLarge: string;
         titleFontSizeMedium: string;
         titleFontSizeLarge: string;
@@ -54,7 +54,7 @@ declare const timelineProps: {
         contentTextColor: string;
         metaTextColor: string;
         lineColor: string;
-        titleMarginMedium: number;
+        titleMarginMedium: string;
         titleMarginLarge: string;
         titleFontSizeMedium: string;
         titleFontSizeLarge: string;
@@ -78,7 +78,7 @@ declare const timelineProps: {
         contentTextColor: string;
         metaTextColor: string;
         lineColor: string;
-        titleMarginMedium: number;
+        titleMarginMedium: string;
         titleMarginLarge: string;
         titleFontSizeMedium: string;
         titleFontSizeLarge: string;
@@ -121,7 +121,7 @@ declare const _default: import("vue").DefineComponent<{
         contentTextColor: string;
         metaTextColor: string;
         lineColor: string;
-        titleMarginMedium: number;
+        titleMarginMedium: string;
         titleMarginLarge: string;
         titleFontSizeMedium: string;
         titleFontSizeLarge: string;
@@ -145,7 +145,7 @@ declare const _default: import("vue").DefineComponent<{
         contentTextColor: string;
         metaTextColor: string;
         lineColor: string;
-        titleMarginMedium: number;
+        titleMarginMedium: string;
         titleMarginLarge: string;
         titleFontSizeMedium: string;
         titleFontSizeLarge: string;
@@ -169,7 +169,7 @@ declare const _default: import("vue").DefineComponent<{
         contentTextColor: string;
         metaTextColor: string;
         lineColor: string;
-        titleMarginMedium: number;
+        titleMarginMedium: string;
         titleMarginLarge: string;
         titleFontSizeMedium: string;
         titleFontSizeLarge: string;
@@ -204,7 +204,7 @@ declare const _default: import("vue").DefineComponent<{
         contentTextColor: string;
         metaTextColor: string;
         lineColor: string;
-        titleMarginMedium: number;
+        titleMarginMedium: string;
         titleMarginLarge: string;
         titleFontSizeMedium: string;
         titleFontSizeLarge: string;
@@ -228,7 +228,7 @@ declare const _default: import("vue").DefineComponent<{
         contentTextColor: string;
         metaTextColor: string;
         lineColor: string;
-        titleMarginMedium: number;
+        titleMarginMedium: string;
         titleMarginLarge: string;
         titleFontSizeMedium: string;
         titleFontSizeLarge: string;
@@ -252,7 +252,7 @@ declare const _default: import("vue").DefineComponent<{
         contentTextColor: string;
         metaTextColor: string;
         lineColor: string;
-        titleMarginMedium: number;
+        titleMarginMedium: string;
         titleMarginLarge: string;
         titleFontSizeMedium: string;
         titleFontSizeLarge: string;

package/lib/timeline/src/TimelineItem.d.ts

@@ -32,10 +32,12 @@ declare const _default: import("vue").DefineComponent<{
         '--n-meta-text-color': string;
         '--n-title-font-size': string;
         '--n-title-font-weight': string;
-        '--n-title-margin': string | number;
+        '--n-title-margin': string;
         '--n-title-text-color': string;
         '--n-icon-size': string;
-    }>;
+    }> | undefined;
+    themeClass: import("vue").Ref<string> | undefined;
+    onRender: (() => void) | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     time: PropType<string | number>;
     title: StringConstructor;

package/lib/timeline/src/TimelineItem.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const vue_1 = require("vue");
 const _utils_1 = require("../../_utils");
 const Timeline_1 = require("./Timeline");
+const _mixins_1 = require("../../_mixins");
 const timelineItemProps = {
     time: [String, Number],
     title: String,
@@ -21,33 +22,46 @@ exports.default = (0, vue_1.defineComponent)({
         if (!NTimeline) {
             (0, _utils_1.throwError)('timeline-item', '`n-timeline-item` must be placed inside `n-timeline`.');
         }
+        const { inlineThemeDisabled } = (0, _mixins_1.useConfig)();
+        const cssVarsRef = (0, vue_1.computed)(() => {
+            const { props: { size, iconSize: iconSizeProp }, mergedThemeRef } = NTimeline;
+            const { type } = props;
+            const { self: { titleTextColor, contentTextColor, metaTextColor, lineColor, titleFontWeight, contentFontSize, [(0, _utils_1.createKey)('iconSize', size)]: iconSize, [(0, _utils_1.createKey)('titleMargin', size)]: titleMargin, [(0, _utils_1.createKey)('titleFontSize', size)]: titleFontSize, [(0, _utils_1.createKey)('circleBorder', type)]: circleBorder, [(0, _utils_1.createKey)('iconColor', type)]: iconColor }, common: { cubicBezierEaseInOut } } = mergedThemeRef.value;
+            return {
+                '--n-bezier': cubicBezierEaseInOut,
+                '--n-circle-border': circleBorder,
+                '--n-icon-color': iconColor,
+                '--n-content-font-size': contentFontSize,
+                '--n-content-text-color': contentTextColor,
+                '--n-line-color': lineColor,
+                '--n-meta-text-color': metaTextColor,
+                '--n-title-font-size': titleFontSize,
+                '--n-title-font-weight': titleFontWeight,
+                '--n-title-margin': titleMargin,
+                '--n-title-text-color': titleTextColor,
+                '--n-icon-size': (0, _utils_1.formatLength)(iconSizeProp) || iconSize
+            };
+        });
+        const themeClassHandle = inlineThemeDisabled
+            ? (0, _mixins_1.useThemeClass)('timeline-item', (0, vue_1.computed)(() => {
+                const { props: { size, iconSize: iconSizeProp } } = NTimeline;
+                const { type } = props;
+                return `${size[0]}${iconSizeProp || 'a'}${type[0]}`;
+            }), cssVarsRef, NTimeline.props)
+            : undefined;
         return {
             mergedClsPrefix: NTimeline.mergedClsPrefixRef,
-            cssVars: (0, vue_1.computed)(() => {
-                const { props: { size, iconSize: iconSizeProp }, mergedThemeRef } = NTimeline;
-                const { type } = props;
-                const { self: { titleTextColor, contentTextColor, metaTextColor, lineColor, titleFontWeight, contentFontSize, [(0, _utils_1.createKey)('iconSize', size)]: iconSize, [(0, _utils_1.createKey)('titleMargin', size)]: titleMargin, [(0, _utils_1.createKey)('titleFontSize', size)]: titleFontSize, [(0, _utils_1.createKey)('circleBorder', type)]: circleBorder, [(0, _utils_1.createKey)('iconColor', type)]: iconColor }, common: { cubicBezierEaseInOut } } = mergedThemeRef.value;
-                return {
-                    '--n-bezier': cubicBezierEaseInOut,
-                    '--n-circle-border': circleBorder,
-                    '--n-icon-color': iconColor,
-                    '--n-content-font-size': contentFontSize,
-                    '--n-content-text-color': contentTextColor,
-                    '--n-line-color': lineColor,
-                    '--n-meta-text-color': metaTextColor,
-                    '--n-title-font-size': titleFontSize,
-                    '--n-title-font-weight': titleFontWeight,
-                    '--n-title-margin': titleMargin,
-                    '--n-title-text-color': titleTextColor,
-                    '--n-icon-size': (0, _utils_1.formatLength)(iconSizeProp) || iconSize
-                };
-            })
+            cssVars: inlineThemeDisabled ? undefined : cssVarsRef,
+            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
+            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
         };
     },
     render() {
-        const { mergedClsPrefix, color, $slots } = this;
+        const { mergedClsPrefix, color, onRender, $slots } = this;
+        onRender === null || onRender === void 0 ? void 0 : onRender();
         return ((0, vue_1.h)("div", { class: [
                 `${mergedClsPrefix}-timeline-item`,
+                this.themeClass,
                 `${mergedClsPrefix}-timeline-item--${this.type}-type`
             ], style: this.cssVars },
             (0, vue_1.h)("div", { class: `${mergedClsPrefix}-timeline-item-timeline` },

package/lib/timeline/styles/_common.d.ts

@@ -1,5 +1,5 @@
 declare const _default: {
-    titleMarginMedium: number;
+    titleMarginMedium: string;
     titleMarginLarge: string;
     titleFontSizeMedium: string;
     titleFontSizeLarge: string;

package/lib/timeline/styles/_common.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = {
-    titleMarginMedium: 0,
+    titleMarginMedium: '0',
     titleMarginLarge: '-2px 0 0 0',
     titleFontSizeMedium: '14px',
     titleFontSizeLarge: '16px',

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

@@ -17,7 +17,7 @@ declare const self: (vars: ThemeCommonVars) => {
     contentTextColor: string;
     metaTextColor: string;
     lineColor: string;
-    titleMarginMedium: number;
+    titleMarginMedium: string;
     titleMarginLarge: string;
     titleFontSizeMedium: string;
     titleFontSizeLarge: string;

package/lib/transfer/src/Transfer.d.ts

@@ -59,6 +59,7 @@ declare const transferProps: {
         width: string;
     }, {
         Checkbox: import("../../_mixins").Theme<"Checkbox", {
+            labelLineHeight: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -393,6 +394,7 @@ declare const transferProps: {
         width: string;
     }, {
         Checkbox: import("../../_mixins").Theme<"Checkbox", {
+            labelLineHeight: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -727,6 +729,7 @@ declare const transferProps: {
         width: string;
     }, {
         Checkbox: import("../../_mixins").Theme<"Checkbox", {
+            labelLineHeight: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -1095,6 +1098,7 @@ declare const _default: import("vue").DefineComponent<{
         width: string;
     }, {
         Checkbox: import("../../_mixins").Theme<"Checkbox", {
+            labelLineHeight: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -1429,6 +1433,7 @@ declare const _default: import("vue").DefineComponent<{
         width: string;
     }, {
         Checkbox: import("../../_mixins").Theme<"Checkbox", {
+            labelLineHeight: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -1763,6 +1768,7 @@ declare const _default: import("vue").DefineComponent<{
         width: string;
     }, {
         Checkbox: import("../../_mixins").Theme<"Checkbox", {
+            labelLineHeight: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -2212,6 +2218,7 @@ declare const _default: import("vue").DefineComponent<{
         };
         peers: {
             Checkbox: import("../../_mixins").Theme<"Checkbox", {
+                labelLineHeight: string;
                 fontSizeSmall: string;
                 fontSizeMedium: string;
                 fontSizeLarge: string;
@@ -2643,6 +2650,7 @@ declare const _default: import("vue").DefineComponent<{
         width: string;
     }, {
         Checkbox: import("../../_mixins").Theme<"Checkbox", {
+            labelLineHeight: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -2977,6 +2985,7 @@ declare const _default: import("vue").DefineComponent<{
         width: string;
     }, {
         Checkbox: import("../../_mixins").Theme<"Checkbox", {
+            labelLineHeight: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -3311,6 +3320,7 @@ declare const _default: import("vue").DefineComponent<{
         width: string;
     }, {
         Checkbox: import("../../_mixins").Theme<"Checkbox", {
+            labelLineHeight: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;

package/lib/transfer/src/TransferFilter.d.ts

@@ -147,6 +147,7 @@ declare const _default: import("vue").DefineComponent<{
         };
         peers: {
             Checkbox: import("../../_mixins").Theme<"Checkbox", {
+                labelLineHeight: string;
                 fontSizeSmall: string;
                 fontSizeMedium: string;
                 fontSizeLarge: string;

package/lib/transfer/src/TransferList.d.ts

@@ -160,6 +160,7 @@ declare const _default: import("vue").DefineComponent<{
         };
         peers: {
             Checkbox: import("../../_mixins").Theme<"Checkbox", {
+                labelLineHeight: string;
                 fontSizeSmall: string;
                 fontSizeMedium: string;
                 fontSizeLarge: string;
@@ -499,6 +500,7 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     mergedClsPrefix: import("vue").Ref<string>;
     scrollerInstRef: import("vue").Ref<{
+        $el: HTMLElement;
         containerRef: HTMLElement | null;
         contentRef: HTMLElement | null;
         containerScrollTop: number;

package/lib/transfer/src/TransferListItem.d.ts

@@ -147,6 +147,7 @@ declare const _default: import("vue").DefineComponent<{
         };
         peers: {
             Checkbox: import("../../_mixins").Theme<"Checkbox", {
+                labelLineHeight: string;
                 fontSizeSmall: string;
                 fontSizeMedium: string;
                 fontSizeLarge: string;

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

@@ -49,6 +49,7 @@ declare const transferLight: import("../../_mixins").Theme<"Transfer", {
     width: string;
 }, {
     Checkbox: import("../../_mixins").Theme<"Checkbox", {
+        labelLineHeight: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;

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

@@ -159,6 +159,7 @@ declare const treeProps: {
         dropMarkColor: string;
     }, {
         Checkbox: import("../../_mixins").Theme<"Checkbox", {
+            labelLineHeight: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -204,6 +205,7 @@ declare const treeProps: {
         dropMarkColor: string;
     }, {
         Checkbox: import("../../_mixins").Theme<"Checkbox", {
+            labelLineHeight: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -249,6 +251,7 @@ declare const treeProps: {
         dropMarkColor: string;
     }, {
         Checkbox: import("../../_mixins").Theme<"Checkbox", {
+            labelLineHeight: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -409,6 +412,7 @@ declare const _default: import("vue").DefineComponent<{
         dropMarkColor: string;
     }, {
         Checkbox: import("../../_mixins").Theme<"Checkbox", {
+            labelLineHeight: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -454,6 +458,7 @@ declare const _default: import("vue").DefineComponent<{
         dropMarkColor: string;
     }, {
         Checkbox: import("../../_mixins").Theme<"Checkbox", {
+            labelLineHeight: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -499,6 +504,7 @@ declare const _default: import("vue").DefineComponent<{
         dropMarkColor: string;
     }, {
         Checkbox: import("../../_mixins").Theme<"Checkbox", {
+            labelLineHeight: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -532,8 +538,6 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>>;
 }, {
-    handleKeyup: (e: KeyboardEvent) => void;
-    handleKeydown: (e: KeyboardEvent) => void;
     mergedClsPrefix: import("vue").ComputedRef<string>;
     mergedTheme: import("vue").ComputedRef<{
         common: {
@@ -653,6 +657,7 @@ declare const _default: import("vue").DefineComponent<{
         };
         peers: {
             Checkbox: import("../../_mixins").Theme<"Checkbox", {
+                labelLineHeight: string;
                 fontSizeSmall: string;
                 fontSizeMedium: string;
                 fontSizeLarge: string;
@@ -952,6 +957,7 @@ declare const _default: import("vue").DefineComponent<{
         scrollTo: import("vueuc/lib/virtual-list/src/VirtualList").ScrollTo;
     } | null>;
     scrollbarInstRef: import("vue").Ref<{
+        $el: HTMLElement;
         containerRef: HTMLElement | null;
         contentRef: HTMLElement | null;
         containerScrollTop: number;
@@ -969,6 +975,8 @@ declare const _default: import("vue").DefineComponent<{
     getScrollContent: () => HTMLElement | null | undefined;
     handleAfterEnter: () => void;
     handleResize: () => void;
+    handleKeydown: (e: KeyboardEvent) => void;
+    handleKeyup: (e: KeyboardEvent) => void;
     cssVars: import("vue").ComputedRef<{
         '--n-arrow-color': string;
         '--n-loading-color': string;
@@ -981,7 +989,9 @@ declare const _default: import("vue").DefineComponent<{
         '--n-node-text-color': string;
         '--n-node-text-color-disabled': string;
         '--n-drop-mark-color': string;
-    }>;
+    }> | undefined;
+    themeClass: import("vue").Ref<string> | undefined;
+    onRender: (() => void) | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly internalScrollable: BooleanConstructor;
     readonly internalScrollablePadding: StringConstructor;
@@ -1108,6 +1118,7 @@ declare const _default: import("vue").DefineComponent<{
         dropMarkColor: string;
     }, {
         Checkbox: import("../../_mixins").Theme<"Checkbox", {
+            labelLineHeight: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -1153,6 +1164,7 @@ declare const _default: import("vue").DefineComponent<{
         dropMarkColor: string;
     }, {
         Checkbox: import("../../_mixins").Theme<"Checkbox", {
+            labelLineHeight: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -1198,6 +1210,7 @@ declare const _default: import("vue").DefineComponent<{
         dropMarkColor: string;
     }, {
         Checkbox: import("../../_mixins").Theme<"Checkbox", {
+            labelLineHeight: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;

package/lib/tree/src/Tree.js

@@ -125,7 +125,7 @@ exports.default = (0, vue_1.defineComponent)({
     name: 'Tree',
     props: treeProps,
     setup(props) {
-        const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
+        const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Tree', '-tree', index_cssr_1.default, styles_1.treeLight, props, mergedClsPrefixRef);
         const selfElRef = (0, vue_1.ref)(null);
         const scrollbarInstRef = (0, vue_1.ref)(null);
@@ -988,7 +988,31 @@ exports.default = (0, vue_1.defineComponent)({
             handleKeydown,
             handleKeyup
         };
-        return Object.assign({ mergedClsPrefix: mergedClsPrefixRef, mergedTheme: themeRef, fNodes: mergedFNodesRef, aip: aipRef, selfElRef,
+        const cssVarsRef = (0, vue_1.computed)(() => {
+            const { common: { cubicBezierEaseInOut }, self: { fontSize, nodeBorderRadius, nodeColorHover, nodeColorPressed, nodeColorActive, arrowColor, loadingColor, nodeTextColor, nodeTextColorDisabled, dropMarkColor } } = themeRef.value;
+            return {
+                '--n-arrow-color': arrowColor,
+                '--n-loading-color': loadingColor,
+                '--n-bezier': cubicBezierEaseInOut,
+                '--n-font-size': fontSize,
+                '--n-node-border-radius': nodeBorderRadius,
+                '--n-node-color-active': nodeColorActive,
+                '--n-node-color-hover': nodeColorHover,
+                '--n-node-color-pressed': nodeColorPressed,
+                '--n-node-text-color': nodeTextColor,
+                '--n-node-text-color-disabled': nodeTextColorDisabled,
+                '--n-drop-mark-color': dropMarkColor
+            };
+        });
+        const themeClassHandle = inlineThemeDisabled
+            ? (0, _mixins_1.useThemeClass)('tree', undefined, cssVarsRef, props)
+            : undefined;
+        return {
+            mergedClsPrefix: mergedClsPrefixRef,
+            mergedTheme: themeRef,
+            fNodes: mergedFNodesRef,
+            aip: aipRef,
+            selfElRef,
             virtualListInstRef,
             scrollbarInstRef,
             handleFocusout,
@@ -997,24 +1021,16 @@ exports.default = (0, vue_1.defineComponent)({
             getScrollContainer,
             getScrollContent,
             handleAfterEnter,
-            handleResize, cssVars: (0, vue_1.computed)(() => {
-                const { common: { cubicBezierEaseInOut }, self: { fontSize, nodeBorderRadius, nodeColorHover, nodeColorPressed, nodeColorActive, arrowColor, loadingColor, nodeTextColor, nodeTextColorDisabled, dropMarkColor } } = themeRef.value;
-                return {
-                    '--n-arrow-color': arrowColor,
-                    '--n-loading-color': loadingColor,
-                    '--n-bezier': cubicBezierEaseInOut,
-                    '--n-font-size': fontSize,
-                    '--n-node-border-radius': nodeBorderRadius,
-                    '--n-node-color-active': nodeColorActive,
-                    '--n-node-color-hover': nodeColorHover,
-                    '--n-node-color-pressed': nodeColorPressed,
-                    '--n-node-text-color': nodeTextColor,
-                    '--n-node-text-color-disabled': nodeTextColorDisabled,
-                    '--n-drop-mark-color': dropMarkColor
-                };
-            }) }, exposedMethods);
+            handleResize,
+            handleKeydown: exposedMethods.handleKeydown,
+            handleKeyup: exposedMethods.handleKeyup,
+            cssVars: inlineThemeDisabled ? undefined : cssVarsRef,
+            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
+            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
+        };
     },
     render() {
+        var _a;
         const { mergedClsPrefix, blockNode, blockLine, draggable, disabled, internalFocusable, checkable, handleKeyup, handleKeydown, handleFocusout } = this;
         const mergedFocusable = internalFocusable && !disabled;
         const tabindex = mergedFocusable ? '0' : undefined;
@@ -1031,18 +1047,24 @@ exports.default = (0, vue_1.defineComponent)({
             const { mergedTheme, internalScrollablePadding } = this;
             const padding = (0, seemly_1.getPadding)(internalScrollablePadding || '0');
             return ((0, vue_1.h)(_internal_1.NxScrollbar, { ref: "scrollbarInstRef", onDragleave: draggable ? this.handleDragLeaveTree : undefined, container: this.getScrollContainer, content: this.getScrollContent, class: treeClass, theme: mergedTheme.peers.Scrollbar, themeOverrides: mergedTheme.peerOverrides.Scrollbar, tabindex: tabindex, onKeyup: mergedFocusable ? handleKeyup : undefined, onKeydown: mergedFocusable ? handleKeydown : undefined, onFocusout: mergedFocusable ? handleFocusout : undefined }, {
-                default: () => ((0, vue_1.h)(vueuc_1.VVirtualList, { ref: "virtualListInstRef", items: this.fNodes, itemSize: ITEM_SIZE, ignoreItemResize: this.aip, paddingTop: padding.top, paddingBottom: padding.bottom, style: [
-                        this.cssVars,
-                        {
-                            paddingLeft: padding.left,
-                            paddingRight: padding.right
-                        }
-                    ], onScroll: this.handleScroll, onResize: this.handleResize, showScrollbar: false, itemResizable: true }, {
-                    default: ({ item }) => createNode(item)
-                }))
+                default: () => {
+                    var _a;
+                    (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
+                    return ((0, vue_1.h)(vueuc_1.VVirtualList, { ref: "virtualListInstRef", items: this.fNodes, itemSize: ITEM_SIZE, ignoreItemResize: this.aip, paddingTop: padding.top, paddingBottom: padding.bottom, class: this.themeClass, style: [
+                            this.cssVars,
+                            {
+                                paddingLeft: padding.left,
+                                paddingRight: padding.right
+                            }
+                        ], onScroll: this.handleScroll, onResize: this.handleResize, showScrollbar: false, itemResizable: true }, {
+                        default: ({ item }) => createNode(item)
+                    }));
+                }
             }));
         }
         const { internalScrollable } = this;
+        treeClass.push(this.themeClass);
+        (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
         if (internalScrollable) {
             return ((0, vue_1.h)(_internal_1.NxScrollbar, { class: treeClass, tabindex: tabindex, onKeyup: mergedFocusable ? handleKeyup : undefined, onKeydown: mergedFocusable ? handleKeydown : undefined, onFocusout: mergedFocusable ? handleFocusout : undefined, style: this.cssVars, contentStyle: { padding: this.internalScrollablePadding } }, {
                 default: () => ((0, vue_1.h)("div", { onDragleave: draggable ? this.handleDragLeaveTree : undefined, ref: "selfElRef" }, this.fNodes.map(createNode)))

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

@@ -129,6 +129,7 @@ declare const _default: import("vue").DefineComponent<{
         };
         peers: {
             Checkbox: import("../../_mixins").Theme<"Checkbox", {
+                labelLineHeight: string;
                 fontSizeSmall: string;
                 fontSizeMedium: string;
                 fontSizeLarge: string;

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

@@ -25,6 +25,7 @@ declare const treeLight: import("../../_mixins/use-theme").Theme<"Tree", {
     dropMarkColor: string;
 }, {
     Checkbox: import("../../_mixins/use-theme").Theme<"Checkbox", {
+        labelLineHeight: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;