naive-ui 2.24.6 → 2.25.2

package/lib/tooltip/src/Tooltip.d.ts

@@ -91,7 +91,7 @@ declare const tooltipProps: {
     };
     raw: BooleanConstructor;
     placement: {
-        type: import("vue").PropType<import("vueuc").FollowerPlacement>;
+        type: import("vue").PropType<import("vueuc/lib/binder/src/interface").Placement>;
         default: string;
     };
     x: NumberConstructor;
@@ -116,11 +116,15 @@ declare const tooltipProps: {
         default: undefined;
     };
     overlap: BooleanConstructor;
+    keepAliveOnHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
     internalExtraClass: {
         type: import("vue").PropType<string[]>;
         default: () => never[];
     };
-    onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
     'onUpdate:show': import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
     onUpdateShow: import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
     zIndex: NumberConstructor;
@@ -234,7 +238,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     raw: BooleanConstructor;
     placement: {
-        type: import("vue").PropType<import("vueuc").FollowerPlacement>;
+        type: import("vue").PropType<import("vueuc/lib/binder/src/interface").Placement>;
         default: string;
     };
     x: NumberConstructor;
@@ -259,11 +263,15 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     overlap: BooleanConstructor;
+    keepAliveOnHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
     internalExtraClass: {
         type: import("vue").PropType<string[]>;
         default: () => never[];
     };
-    onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
     'onUpdate:show': import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
     onUpdateShow: import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
     zIndex: NumberConstructor;
@@ -524,7 +532,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     raw: BooleanConstructor;
     placement: {
-        type: import("vue").PropType<import("vueuc").FollowerPlacement>;
+        type: import("vue").PropType<import("vueuc/lib/binder/src/interface").Placement>;
         default: string;
     };
     x: NumberConstructor;
@@ -549,11 +557,15 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     overlap: BooleanConstructor;
+    keepAliveOnHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
     internalExtraClass: {
         type: import("vue").PropType<string[]>;
         default: () => never[];
     };
-    onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
     'onUpdate:show': import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
     onUpdateShow: import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
     zIndex: NumberConstructor;
@@ -583,12 +595,13 @@ declare const _default: import("vue").DefineComponent<{
     duration: number;
     to: string | boolean | HTMLElement;
     raw: boolean;
-    placement: import("vueuc").FollowerPlacement;
+    placement: import("vueuc/lib/binder/src/interface").Placement;
     overlap: boolean;
     trigger: import("../../popover").PopoverTrigger;
     showArrow: boolean;
     delay: number;
     displayDirective: "show" | "if";
+    keepAliveOnHover: boolean;
     internalTrapFocus: boolean;
     animated: boolean;
     defaultShow: boolean;

package/lib/tooltip/src/Tooltip.js

@@ -12,7 +12,7 @@ exports.default = (0, vue_1.defineComponent)({
     props: tooltipProps,
     __popover__: true,
     setup(props) {
-        const themeRef = (0, _mixins_1.useTheme)('Tooltip', 'Tooltip', undefined, styles_1.tooltipLight, props);
+        const themeRef = (0, _mixins_1.useTheme)('Tooltip', '-tooltip', undefined, styles_1.tooltipLight, props);
         const popoverRef = (0, vue_1.ref)(null);
         const tooltipExposedMethod = {
             syncPosition() {

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

@@ -3624,9 +3624,9 @@ declare const _default: import("vue").DefineComponent<{
     filter: Filter;
     disabled: boolean | undefined;
     onChange: MaybeArray<OnUpdateValue>;
+    options: Option[];
     virtualScroll: boolean;
     filterable: boolean;
-    options: Option[];
     defaultValue: OptionValue[] | null;
 }>;
 export default _default;

package/lib/transfer/src/Transfer.js

@@ -52,7 +52,7 @@ exports.default = (0, vue_1.defineComponent)({
     props: transferProps,
     setup(props) {
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
-        const themeRef = (0, _mixins_1.useTheme)('Transfer', 'Transfer', index_cssr_1.default, styles_1.transferLight, props, mergedClsPrefixRef);
+        const themeRef = (0, _mixins_1.useTheme)('Transfer', '-transfer', index_cssr_1.default, styles_1.transferLight, props, mergedClsPrefixRef);
         const formItem = (0, _mixins_1.useFormItem)(props);
         const { mergedSizeRef, mergedDisabledRef } = formItem;
         const itemSizeRef = (0, vue_1.computed)(() => {

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

@@ -1,10 +1,11 @@
 import { PropType } from 'vue';
 import { TreeMate, TreeMateOptions, CheckStrategy } from 'treemate';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
-import { TreeDragInfo, TreeDropInfo, TreeOptions, Key, TreeOption, AllowDrop, RenderSwitcherIcon } from './interface';
+import type { TreeDragInfo, TreeDropInfo, TreeOptions, Key, TreeOption, AllowDrop, RenderSwitcherIcon, TreeNodeProps } from './interface';
 import { defaultAllowDrop } from './dnd';
 export declare function createTreeMateOptions<T>(keyField: string, childrenField: string): TreeMateOptions<T, T, T>;
-declare type OnUpdateKeys = (value: Key[], option: Array<TreeOption | null>) => void;
+export declare type OnUpdateKeys = (value: Array<string & number>, option: Array<TreeOption | null>) => void;
+export declare type OnUpdateKeysImpl = (value: Key[], option: Array<TreeOption | null>) => void;
 declare type OnLoad = (node: TreeOption) => Promise<void>;
 export declare const treeSharedProps: {
     readonly filter: PropType<(pattern: string, node: TreeOption) => boolean>;
@@ -134,6 +135,7 @@ declare const treeProps: {
     readonly renderPrefix: PropType<({ option, checked, selected }: import("./interface").TreeRenderProps) => import("vue").VNodeChild>;
     readonly renderSuffix: PropType<({ option, checked, selected }: import("./interface").TreeRenderProps) => import("vue").VNodeChild>;
     readonly renderSwitcherIcon: PropType<RenderSwitcherIcon>;
+    readonly nodeProps: PropType<TreeNodeProps>;
     readonly onDragenter: PropType<MaybeArray<(e: TreeDragInfo) => void>>;
     readonly onDragleave: PropType<MaybeArray<(e: TreeDragInfo) => void>>;
     readonly onDragend: PropType<MaybeArray<(e: TreeDragInfo) => void>>;
@@ -383,6 +385,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly renderPrefix: PropType<({ option, checked, selected }: import("./interface").TreeRenderProps) => import("vue").VNodeChild>;
     readonly renderSuffix: PropType<({ option, checked, selected }: import("./interface").TreeRenderProps) => import("vue").VNodeChild>;
     readonly renderSwitcherIcon: PropType<RenderSwitcherIcon>;
+    readonly nodeProps: PropType<TreeNodeProps>;
     readonly onDragenter: PropType<MaybeArray<(e: TreeDragInfo) => void>>;
     readonly onDragleave: PropType<MaybeArray<(e: TreeDragInfo) => void>>;
     readonly onDragend: PropType<MaybeArray<(e: TreeDragInfo) => void>>;
@@ -1080,6 +1083,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly renderPrefix: PropType<({ option, checked, selected }: import("./interface").TreeRenderProps) => import("vue").VNodeChild>;
     readonly renderSuffix: PropType<({ option, checked, selected }: import("./interface").TreeRenderProps) => import("vue").VNodeChild>;
     readonly renderSwitcherIcon: PropType<RenderSwitcherIcon>;
+    readonly nodeProps: PropType<TreeNodeProps>;
     readonly onDragenter: PropType<MaybeArray<(e: TreeDragInfo) => void>>;
     readonly onDragleave: PropType<MaybeArray<(e: TreeDragInfo) => void>>;
     readonly onDragend: PropType<MaybeArray<(e: TreeDragInfo) => void>>;

package/lib/tree/src/Tree.js

@@ -104,7 +104,7 @@ const treeProps = Object.assign(Object.assign(Object.assign(Object.assign({}, _m
     }, animated: {
         type: Boolean,
         default: true
-    }, virtualScroll: Boolean, watchProps: Array, renderLabel: Function, renderPrefix: Function, renderSuffix: Function, renderSwitcherIcon: Function, onDragenter: [Function, Array], onDragleave: [Function, Array], onDragend: [Function, Array], onDragstart: [Function, Array], onDragover: [Function, Array], onDrop: [Function, Array], onUpdateCheckedKeys: [Function, Array], 'onUpdate:checkedKeys': [Function, Array], onUpdateSelectedKeys: [Function, Array], 'onUpdate:selectedKeys': [Function, Array] }), exports.treeSharedProps), { 
+    }, virtualScroll: Boolean, watchProps: Array, renderLabel: Function, renderPrefix: Function, renderSuffix: Function, renderSwitcherIcon: Function, nodeProps: Function, onDragenter: [Function, Array], onDragleave: [Function, Array], onDragend: [Function, Array], onDragstart: [Function, Array], onDragover: [Function, Array], onDrop: [Function, Array], onUpdateCheckedKeys: [Function, Array], 'onUpdate:checkedKeys': [Function, Array], onUpdateSelectedKeys: [Function, Array], 'onUpdate:selectedKeys': [Function, Array] }), exports.treeSharedProps), { 
     // internal props for tree-select
     internalScrollable: Boolean, internalScrollablePadding: String, 
     // use it to do check
@@ -126,7 +126,7 @@ exports.default = (0, vue_1.defineComponent)({
     props: treeProps,
     setup(props) {
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
-        const themeRef = (0, _mixins_1.useTheme)('Tree', 'Tree', index_cssr_1.default, styles_1.treeLight, props, mergedClsPrefixRef);
+        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);
         const virtualListInstRef = (0, vue_1.ref)(null);
@@ -415,18 +415,22 @@ exports.default = (0, vue_1.defineComponent)({
         function doUpdateExpandedKeys(value, option) {
             const { 'onUpdate:expandedKeys': _onUpdateExpandedKeys, onUpdateExpandedKeys } = props;
             uncontrolledExpandedKeysRef.value = value;
-            if (_onUpdateExpandedKeys)
+            if (_onUpdateExpandedKeys) {
                 (0, _utils_1.call)(_onUpdateExpandedKeys, value, option);
-            if (onUpdateExpandedKeys)
+            }
+            if (onUpdateExpandedKeys) {
                 (0, _utils_1.call)(onUpdateExpandedKeys, value, option);
+            }
         }
         function doUpdateCheckedKeys(value, option) {
             const { 'onUpdate:checkedKeys': _onUpdateCheckedKeys, onUpdateCheckedKeys } = props;
             uncontrolledCheckedKeysRef.value = value;
-            if (onUpdateCheckedKeys)
+            if (onUpdateCheckedKeys) {
                 (0, _utils_1.call)(onUpdateCheckedKeys, value, option);
-            if (_onUpdateCheckedKeys)
+            }
+            if (_onUpdateCheckedKeys) {
                 (0, _utils_1.call)(_onUpdateCheckedKeys, value, option);
+            }
         }
         function doUpdateIndeterminateKeys(value, option) {
             const { 'onUpdate:indeterminateKeys': _onUpdateIndeterminateKeys, onUpdateIndeterminateKeys } = props;
@@ -440,10 +444,12 @@ exports.default = (0, vue_1.defineComponent)({
         function doUpdateSelectedKeys(value, option) {
             const { 'onUpdate:selectedKeys': _onUpdateSelectedKeys, onUpdateSelectedKeys } = props;
             uncontrolledSelectedKeysRef.value = value;
-            if (onUpdateSelectedKeys)
+            if (onUpdateSelectedKeys) {
                 (0, _utils_1.call)(onUpdateSelectedKeys, value, option);
-            if (_onUpdateSelectedKeys)
+            }
+            if (_onUpdateSelectedKeys) {
                 (0, _utils_1.call)(_onUpdateSelectedKeys, value, option);
+            }
         }
         // Drag & Drop
         function doDragEnter(info) {
@@ -940,6 +946,7 @@ exports.default = (0, vue_1.defineComponent)({
             mergedExpandedKeysRef,
             mergedThemeRef: themeRef,
             mergedCheckStrategyRef,
+            nodePropsRef: (0, vue_1.toRef)(props, 'nodeProps'),
             disabledRef: (0, vue_1.toRef)(props, 'disabled'),
             checkableRef: (0, vue_1.toRef)(props, 'checkable'),
             selectableRef: (0, vue_1.toRef)(props, 'selectable'),

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

@@ -26,6 +26,7 @@ declare const TreeNode: import("vue").DefineComponent<{
     internalScrollable: import("vue").Ref<boolean>;
     draggable: import("vue").Ref<boolean>;
     blockLine: import("vue").Ref<boolean>;
+    nodeProps: import("vue").ComputedRef<import("vue").HTMLAttributes | undefined>;
     checkboxFocusable: import("vue").Ref<boolean>;
     droppingPosition: import("vue").Ref<import("./interface").DropPosition | null>;
     droppingOffsetLevel: import("vue").Ref<number>;
@@ -41,6 +42,7 @@ declare const TreeNode: import("vue").DefineComponent<{
     handleDragOver: (e: DragEvent) => void;
     handleDragEnd: (e: DragEvent) => void;
     handleDragLeave: (e: DragEvent) => void;
+    handleLineClick: (e: MouseEvent) => void;
     handleContentClick: (e: MouseEvent) => void;
     handleSwitcherClick: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{

package/lib/tree/src/TreeNode.js

@@ -28,7 +28,14 @@ const TreeNode = (0, vue_1.defineComponent)({
     setup(props) {
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         const NTree = (0, vue_1.inject)(interface_1.treeInjectionKey);
-        const { droppingNodeParentRef, droppingMouseNodeRef, draggingNodeRef, droppingPositionRef, droppingOffsetLevelRef, indentRef } = NTree;
+        const { droppingNodeParentRef, droppingMouseNodeRef, draggingNodeRef, droppingPositionRef, droppingOffsetLevelRef, nodePropsRef, indentRef, blockLineRef } = NTree;
+        const disabledRef = (0, vue_1.computed)(() => NTree.disabledRef.value || props.tmNode.disabled);
+        const resolvedNodePropsRef = (0, vue_1.computed)(() => {
+            const { value: nodeProps } = nodePropsRef;
+            if (!nodeProps)
+                return undefined;
+            return nodeProps({ option: props.tmNode.rawNode });
+        });
         // used for drag and drop
         const contentInstRef = (0, vue_1.ref)(null);
         // must be non-reactive
@@ -57,11 +64,28 @@ const TreeNode = (0, vue_1.defineComponent)({
                 NTree.handleSwitcherClick(tmNode);
             }
         }
-        function handleContentClick(e) {
+        function _handleClick(e) {
             if ((0, seemly_1.happensIn)(e, 'checkbox') || (0, seemly_1.happensIn)(e, 'switcher'))
                 return;
             NTree.handleSelect(props.tmNode);
         }
+        function handleContentClick(e) {
+            var _a, _b;
+            if (blockLineRef.value)
+                return;
+            if (!disabledRef.value)
+                _handleClick(e);
+            (_b = (_a = resolvedNodePropsRef.value) === null || _a === void 0 ? void 0 : _a.onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
+        }
+        function handleLineClick(e) {
+            var _a, _b;
+            if (!blockLineRef.value)
+                return;
+            if (!disabledRef.value) {
+                _handleClick(e);
+            }
+            (_b = (_a = resolvedNodePropsRef.value) === null || _a === void 0 ? void 0 : _a.onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
+        }
         function handleCheck(checked) {
             NTree.handleCheck(props.tmNode, checked);
         }
@@ -148,7 +172,7 @@ const TreeNode = (0, vue_1.defineComponent)({
             indeterminate: (0, vooks_1.useMemo)(() => NTree.displayedIndeterminateKeysRef.value.includes(props.tmNode.key)),
             selected: (0, vooks_1.useMemo)(() => NTree.mergedSelectedKeysRef.value.includes(props.tmNode.key)),
             expanded: (0, vooks_1.useMemo)(() => NTree.mergedExpandedKeysRef.value.includes(props.tmNode.key)),
-            disabled: (0, vue_1.computed)(() => NTree.disabledRef.value || props.tmNode.disabled),
+            disabled: disabledRef,
             checkable: (0, vue_1.computed)(() => NTree.checkableRef.value &&
                 (NTree.cascadeRef.value ||
                     NTree.mergedCheckStrategyRef.value !== 'child' ||
@@ -160,7 +184,8 @@ const TreeNode = (0, vue_1.defineComponent)({
                     : true)),
             internalScrollable: NTree.internalScrollableRef,
             draggable: NTree.draggableRef,
-            blockLine: NTree.blockLineRef,
+            blockLine: blockLineRef,
+            nodeProps: resolvedNodePropsRef,
             checkboxFocusable: NTree.internalCheckboxFocusableRef,
             droppingPosition: droppingPositionRef,
             droppingOffsetLevel: droppingOffsetLevelRef,
@@ -174,12 +199,13 @@ const TreeNode = (0, vue_1.defineComponent)({
             handleDragOver,
             handleDragEnd,
             handleDragLeave,
+            handleLineClick,
             handleContentClick,
             handleSwitcherClick
         };
     },
     render() {
-        const { tmNode, clsPrefix, checkable, selectable, selected, checked, highlight, draggable, blockLine, indent, disabled, pending, internalScrollable } = this;
+        const { tmNode, clsPrefix, checkable, selectable, selected, checked, highlight, draggable, blockLine, indent, disabled, pending, internalScrollable, nodeProps } = this;
         // drag start not inside
         // it need to be append to node itself, not wrapper
         const dragEventHandlers = draggable && !disabled
@@ -195,7 +221,7 @@ const TreeNode = (0, vue_1.defineComponent)({
         // scrolled to, so we need data-key to query the target element.
         const dataKey = internalScrollable ? (0, _utils_1.createDataKey)(tmNode.key) : undefined;
         return ((0, vue_1.h)("div", Object.assign({ class: `${clsPrefix}-tree-node-wrapper` }, dragEventHandlers),
-            (0, vue_1.h)("div", { class: [
+            (0, vue_1.h)("div", Object.assign({}, (blockLine ? nodeProps : undefined), { class: [
                     `${clsPrefix}-tree-node`,
                     {
                         [`${clsPrefix}-tree-node--selected`]: selected,
@@ -204,14 +230,15 @@ const TreeNode = (0, vue_1.defineComponent)({
                         [`${clsPrefix}-tree-node--pending`]: pending,
                         [`${clsPrefix}-tree-node--disabled`]: disabled,
                         [`${clsPrefix}-tree-node--selectable`]: selectable
-                    }
-                ], "data-key": dataKey, draggable: draggable && blockLine, onClick: blockLine && !disabled ? this.handleContentClick : undefined, onDragstart: draggable && blockLine && !disabled
+                    },
+                    nodeProps === null || nodeProps === void 0 ? void 0 : nodeProps.class
+                ], "data-key": dataKey, draggable: draggable && blockLine, onClick: this.handleLineClick, onDragstart: draggable && blockLine && !disabled
                     ? this.handleDragStart
-                    : undefined },
+                    : undefined }),
                 (0, seemly_1.repeat)(tmNode.level, (0, vue_1.h)("div", { class: `${clsPrefix}-tree-node-indent`, style: { flex: `0 0 ${indent}px` } })),
                 (0, vue_1.h)(TreeNodeSwitcher_1.default, { clsPrefix: clsPrefix, expanded: this.expanded, loading: this.loading, hide: tmNode.isLeaf, onClick: this.handleSwitcherClick }),
                 checkable ? ((0, vue_1.h)(TreeNodeCheckbox_1.default, { focusable: this.checkboxFocusable, disabled: disabled || this.checkboxDisabled, clsPrefix: clsPrefix, checked: this.checked, indeterminate: this.indeterminate, onCheck: this.handleCheck })) : null,
-                (0, vue_1.h)(TreeNodeContent_1.default, { ref: "contentInstRef", clsPrefix: clsPrefix, checked: checked, selected: selected, onClick: blockLine || disabled ? undefined : this.handleContentClick, onDragstart: draggable && !blockLine && !disabled
+                (0, vue_1.h)(TreeNodeContent_1.default, { ref: "contentInstRef", clsPrefix: clsPrefix, checked: checked, selected: selected, onClick: this.handleContentClick, nodeProps: blockLine ? undefined : nodeProps, onDragstart: draggable && !blockLine && !disabled
                         ? this.handleDragStart
                         : undefined, tmNode: tmNode }),
                 draggable

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

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { PropType, HTMLAttributes } from 'vue';
 import { TmNode } from './interface';
 declare const _default: import("vue").DefineComponent<{
     clsPrefix: {
@@ -14,6 +14,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<TmNode>;
         required: true;
     };
+    nodeProps: PropType<HTMLAttributes>;
 }, {
     selfRef: import("vue").Ref<HTMLElement | null>;
     renderLabel: import("vue").Ref<(({ option, checked, selected }: import("./interface").TreeRenderProps) => import("vue").VNodeChild) | undefined>;
@@ -35,6 +36,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<TmNode>;
         required: true;
     };
+    nodeProps: PropType<HTMLAttributes>;
 }>>, {
     disabled: boolean;
     checked: boolean;

package/lib/tree/src/TreeNodeContent.js

@@ -18,7 +18,8 @@ exports.default = (0, vue_1.defineComponent)({
         tmNode: {
             type: Object,
             required: true
-        }
+        },
+        nodeProps: Object
     },
     setup(props) {
         const { renderLabelRef, renderPrefixRef, renderSuffixRef, labelFieldRef } = 
@@ -43,8 +44,8 @@ exports.default = (0, vue_1.defineComponent)({
         };
     },
     render() {
-        const { clsPrefix, labelField, checked = false, selected = false, renderLabel, renderPrefix, renderSuffix, handleClick, onDragstart, tmNode: { rawNode, rawNode: { prefix, suffix, [labelField]: label } } } = this;
-        return ((0, vue_1.h)("span", { ref: "selfRef", class: [`${clsPrefix}-tree-node-content`], onClick: handleClick, draggable: onDragstart === undefined ? undefined : true, onDragstart: onDragstart },
+        const { clsPrefix, labelField, nodeProps, checked = false, selected = false, renderLabel, renderPrefix, renderSuffix, handleClick, onDragstart, tmNode: { rawNode, rawNode: { prefix, suffix, [labelField]: label } } } = this;
+        return ((0, vue_1.h)("span", Object.assign({}, nodeProps, { ref: "selfRef", class: [`${clsPrefix}-tree-node-content`, nodeProps === null || nodeProps === void 0 ? void 0 : nodeProps.class], onClick: handleClick, draggable: onDragstart === undefined ? undefined : true, onDragstart: onDragstart }),
             renderPrefix || prefix ? ((0, vue_1.h)("div", { class: `${clsPrefix}-tree-node-content__prefix` }, renderPrefix
                 ? renderPrefix({
                     option: rawNode,

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

@@ -1,5 +1,5 @@
 import { CheckStrategy, TreeNode } from 'treemate';
-import { Ref, VNodeChild } from 'vue';
+import { HTMLAttributes, Ref, VNodeChild } from 'vue';
 import type { MergedTheme } from '../../_mixins';
 import type { TreeTheme } from '../styles';
 export declare type Key = string | number;
@@ -26,6 +26,9 @@ declare type RenderTreePart = ({ option, checked, selected }: TreeRenderProps) =
 export declare type RenderLabel = RenderTreePart;
 export declare type RenderPrefix = RenderTreePart;
 export declare type RenderSuffix = RenderTreePart;
+export declare type TreeNodeProps = (info: {
+    option: TreeOption;
+}) => HTMLAttributes;
 export interface TreeDragInfo {
     event: DragEvent;
     node: TreeOption;
@@ -84,6 +87,7 @@ export interface TreeInjection {
     renderSuffixRef: Ref<RenderSuffix | undefined>;
     renderSwitcherIconRef: Ref<RenderSwitcherIcon | undefined>;
     labelFieldRef: Ref<string>;
+    nodePropsRef: Ref<TreeNodeProps | undefined>;
     handleSwitcherClick: (node: TreeNode<TreeOption>) => void;
     handleSelect: (node: TreeNode<TreeOption>) => void;
     handleCheck: (node: TreeNode<TreeOption>, checked: boolean) => void;

package/lib/tree/src/utils.js

@@ -36,7 +36,7 @@ function keysWithFilter(nodes, pattern, keyField, childrenField, filter) {
 exports.keysWithFilter = keysWithFilter;
 const emptyImage = null;
 exports.emptyImage = emptyImage;
-if (typeof window !== 'undefined') {
+if (typeof window !== 'undefined' && Image) {
     const emptyImage = new Image();
     emptyImage.src =
         'data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==';