naive-ui 2.38.2 → 2.40.0

package/lib/tree/src/Tree.js

@@ -12,8 +12,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.treeProps = exports.treeSharedProps = exports.createTreeMateOptions = void 0;
-/* eslint-disable @typescript-eslint/no-non-null-assertion */
+exports.treeProps = exports.treeSharedProps = void 0;
+exports.createTreeMateOptions = createTreeMateOptions;
 const vue_1 = require("vue");
 const treemate_1 = require("treemate");
 const vooks_1 = require("vooks");
@@ -33,8 +33,8 @@ const MotionWrapper_1 = __importDefault(require("./MotionWrapper"));
 const dnd_1 = require("./dnd");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
 function createTreeMateOptions(keyField, childrenField, disabledField, getChildren) {
-    const settledGetChildren = getChildren ||
-        ((node) => {
+    const settledGetChildren = getChildren
+        || ((node) => {
             return node[childrenField];
         });
     return {
@@ -50,7 +50,6 @@ function createTreeMateOptions(keyField, childrenField, disabledField, getChildr
         }
     };
 }
-exports.createTreeMateOptions = createTreeMateOptions;
 exports.treeSharedProps = {
     allowCheckingNotLoaded: Boolean,
     filter: Function,
@@ -207,7 +206,9 @@ exports.default = (0, vue_1.defineComponent)({
         const treeSelectInjection = (0, vue_1.inject)(interface_1.treeSelectInjectionKey, null);
         const dataTreeMateRef = props.internalTreeSelect
             ? treeSelectInjection.dataTreeMate
-            : displayTreeMateRef;
+            : (0, vue_1.computed)(() => props.showIrrelevantNodes
+                ? displayTreeMateRef.value
+                : (0, treemate_1.createTreeMate)(props.data, createTreeMateOptions(props.keyField, props.childrenField, props.disabledField, props.getChildren)));
         const { watchProps } = props;
         const uncontrolledCheckedKeysRef = (0, vue_1.ref)([]);
         if (watchProps === null || watchProps === void 0 ? void 0 : watchProps.includes('defaultCheckedKeys')) {
@@ -285,13 +286,13 @@ exports.default = (0, vue_1.defineComponent)({
         let nodeKeyToBeExpanded = null;
         const uncontrolledHighlightKeySetRef = (0, vue_1.ref)(new Set());
         const controlledHighlightKeySetRef = (0, vue_1.computed)(() => {
-            return (props.internalHighlightKeySet ||
-                filteredTreeInfoRef.value.highlightKeySet);
+            return (props.internalHighlightKeySet
+                || filteredTreeInfoRef.value.highlightKeySet);
         });
         const mergedHighlightKeySetRef = (0, vooks_1.useMergedState)(controlledHighlightKeySetRef, uncontrolledHighlightKeySetRef);
         const loadingKeysRef = (0, vue_1.ref)(new Set());
         const expandedNonLoadingKeysRef = (0, vue_1.computed)(() => {
-            return mergedExpandedKeysRef.value.filter((key) => !loadingKeysRef.value.has(key));
+            return mergedExpandedKeysRef.value.filter(key => !loadingKeysRef.value.has(key));
         });
         let dragStartX = 0;
         const draggingNodeRef = (0, vue_1.ref)(null);
@@ -459,17 +460,17 @@ exports.default = (0, vue_1.defineComponent)({
                     baseExpandedKeys = value;
                 }
                 else {
-                    baseExpandedKeys = baseExpandedKeys.filter((key) => key !== removedKey);
+                    baseExpandedKeys = baseExpandedKeys.filter(key => key !== removedKey);
                 }
             }
             aipRef.value = true;
-            afNodesRef.value =
-                displayTreeMateRef.value.getFlattenedNodes(baseExpandedKeys);
+            afNodesRef.value
+                = displayTreeMateRef.value.getFlattenedNodes(baseExpandedKeys);
             if (addedKey !== null) {
-                const expandedNodeIndex = afNodesRef.value.findIndex((node) => node.key === addedKey);
+                const expandedNodeIndex = afNodesRef.value.findIndex(node => node.key === addedKey);
                 if (~expandedNodeIndex) {
-                    const children = // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-                     afNodesRef.value[expandedNodeIndex].children;
+                    const children = afNodesRef.value[expandedNodeIndex]
+                        .children;
                     // sometimes user will pass leaf keys in
                     if (children) {
                         const expandedChildren = (0, treemate_1.flatten)(children, value);
@@ -487,7 +488,7 @@ exports.default = (0, vue_1.defineComponent)({
                 }
             }
             if (removedKey !== null) {
-                const collapsedNodeIndex = afNodesRef.value.findIndex((node) => node.key === removedKey);
+                const collapsedNodeIndex = afNodesRef.value.findIndex(node => node.key === removedKey);
                 if (~collapsedNodeIndex) {
                     const collapsedNodeChildren = afNodesRef.value[collapsedNodeIndex].children;
                     // Sometime the whole tree is change, remove a key doesn't mean it is collapsed,
@@ -535,7 +536,7 @@ exports.default = (0, vue_1.defineComponent)({
         }
         function getOptionsByKeys(keys) {
             const { getNode } = dataTreeMateRef.value;
-            return keys.map((key) => { var _a; return ((_a = getNode(key)) === null || _a === void 0 ? void 0 : _a.rawNode) || null; });
+            return keys.map(key => { var _a; return ((_a = getNode(key)) === null || _a === void 0 ? void 0 : _a.rawNode) || null; });
         }
         function doUpdateExpandedKeys(value, option, meta) {
             const { 'onUpdate:expandedKeys': _onUpdateExpandedKeys, onUpdateExpandedKeys } = props;
@@ -654,7 +655,7 @@ exports.default = (0, vue_1.defineComponent)({
                 return;
             const { key } = node;
             const { value: mergedExpandedKeys } = mergedExpandedKeysRef;
-            const index = mergedExpandedKeys.findIndex((expandNodeId) => expandNodeId === key);
+            const index = mergedExpandedKeys.findIndex(expandNodeId => expandNodeId === key);
             if (~index) {
                 const expandedKeysAfterChange = Array.from(mergedExpandedKeys);
                 expandedKeysAfterChange.splice(index, 1);
@@ -698,8 +699,8 @@ exports.default = (0, vue_1.defineComponent)({
             if (props.internalUnifySelectCheck) {
                 const { value: { checkedKeys, indeterminateKeys } } = checkedStatusRef;
                 if (props.multiple) {
-                    handleCheck(node, !(checkedKeys.includes(node.key) ||
-                        indeterminateKeys.includes(node.key)));
+                    handleCheck(node, !(checkedKeys.includes(node.key)
+                        || indeterminateKeys.includes(node.key)));
                 }
                 else {
                     doUpdateCheckedKeys([node.key], getOptionsByKeys([node.key]), {
@@ -710,7 +711,7 @@ exports.default = (0, vue_1.defineComponent)({
             }
             if (props.multiple) {
                 const selectedKeys = Array.from(mergedSelectedKeysRef.value);
-                const index = selectedKeys.findIndex((key) => key === node.key);
+                const index = selectedKeys.findIndex(key => key === node.key);
                 if (~index) {
                     if (props.cancelable) {
                         selectedKeys.splice(index, 1);
@@ -755,9 +756,9 @@ exports.default = (0, vue_1.defineComponent)({
                 if (nodeKeyToBeExpanded !== node.key)
                     return;
                 const { value: droppingMouseNode } = droppingMouseNodeRef;
-                if (droppingMouseNode &&
-                    droppingMouseNode.key === node.key &&
-                    !mergedExpandedKeysRef.value.includes(node.key)) {
+                if (droppingMouseNode
+                    && droppingMouseNode.key === node.key
+                    && !mergedExpandedKeysRef.value.includes(node.key)) {
                     const nextKeys = mergedExpandedKeysRef.value.concat(node.key);
                     doUpdateExpandedKeys(nextKeys, getOptionsByKeys(nextKeys), {
                         node: node.rawNode,
@@ -783,18 +784,18 @@ exports.default = (0, vue_1.defineComponent)({
         // Dnd
         function handleDragEnter({ event, node }) {
             // node should be a tmNode
-            if (!props.draggable ||
-                props.disabled ||
-                (0, utils_1.isNodeDisabled)(node, props.disabledField)) {
+            if (!props.draggable
+                || props.disabled
+                || (0, utils_1.isNodeDisabled)(node, props.disabledField)) {
                 return;
             }
             handleDragOver({ event, node }, false);
             doDragEnter({ event, node: node.rawNode });
         }
         function handleDragLeave({ event, node }) {
-            if (!props.draggable ||
-                props.disabled ||
-                (0, utils_1.isNodeDisabled)(node, props.disabledField)) {
+            if (!props.draggable
+                || props.disabled
+                || (0, utils_1.isNodeDisabled)(node, props.disabledField)) {
                 return;
             }
             doDragLeave({ event, node: node.rawNode });
@@ -807,31 +808,33 @@ exports.default = (0, vue_1.defineComponent)({
         // Dragend is ok, we don't need to add global listener to reset drag status
         function handleDragEnd({ event, node }) {
             resetDndState();
-            if (!props.draggable ||
-                props.disabled ||
-                (0, utils_1.isNodeDisabled)(node, props.disabledField)) {
+            if (!props.draggable
+                || props.disabled
+                || (0, utils_1.isNodeDisabled)(node, props.disabledField)) {
                 return;
             }
             doDragEnd({ event, node: node.rawNode });
         }
         function handleDragStart({ event, node }) {
             var _a;
-            if (!props.draggable ||
-                props.disabled ||
-                (0, utils_1.isNodeDisabled)(node, props.disabledField)) {
+            if (!props.draggable
+                || props.disabled
+                || (0, utils_1.isNodeDisabled)(node, props.disabledField)) {
                 return;
             }
             // Most of time, the image will block user's view
-            utils_1.emptyImage && ((_a = event.dataTransfer) === null || _a === void 0 ? void 0 : _a.setDragImage(utils_1.emptyImage, 0, 0));
+            if (utils_1.emptyImage) {
+                (_a = event.dataTransfer) === null || _a === void 0 ? void 0 : _a.setDragImage(utils_1.emptyImage, 0, 0);
+            }
             dragStartX = event.clientX;
             draggingNodeRef.value = node;
             doDragStart({ event, node: node.rawNode });
         }
         function handleDragOver({ event, node }, emit = true) {
             var _a;
-            if (!props.draggable ||
-                props.disabled ||
-                (0, utils_1.isNodeDisabled)(node, props.disabledField)) {
+            if (!props.draggable
+                || props.disabled
+                || (0, utils_1.isNodeDisabled)(node, props.disabledField)) {
                 return;
             }
             const { value: draggingNode } = draggingNodeRef;
@@ -907,8 +910,8 @@ exports.default = (0, vue_1.defineComponent)({
             }
             // If the node is non-leaf and it is expanded, we don't allow it to
             // drop after it and change it to drop before its next view sibling
-            if (!finalDropNode.isLeaf &&
-                mergedExpandedKeysRef.value.includes(finalDropNode.key)) {
+            if (!finalDropNode.isLeaf
+                && mergedExpandedKeysRef.value.includes(finalDropNode.key)) {
                 mouseAtExpandedNonLeafNode = true;
                 if (finalDropPosition === 'after') {
                     finalDropNode = fNodesRef.value[hoverNodeFIndex + 1];
@@ -930,18 +933,18 @@ exports.default = (0, vue_1.defineComponent)({
             // There are some relevant codes in bailout 1's child branch.
             // Also, the expand bailout should have a high priority. If it's non-leaf
             // node and expanded, keep its origin drop position
-            if (!mouseAtExpandedNonLeafNode &&
-                draggingNode.isLastChild &&
-                draggingNode.key === finalDropNode.key) {
+            if (!mouseAtExpandedNonLeafNode
+                && draggingNode.isLastChild
+                && draggingNode.key === finalDropNode.key) {
                 finalDropPosition = 'after';
             }
             if (finalDropPosition === 'after') {
                 let offset = dragStartX - event.clientX; // drag left => > 0
                 let offsetLevel = 0;
-                while (offset >= indent / 2 && // divide by 2 to make it easier to trigger
-                    finalDropNode.parent !== null &&
-                    finalDropNode.isLastChild &&
-                    offsetLevel < 1) {
+                while (offset >= indent / 2 // divide by 2 to make it easier to trigger
+                    && finalDropNode.parent !== null
+                    && finalDropNode.isLastChild
+                    && offsetLevel < 1) {
                     offset -= indent;
                     offsetLevel += 1;
                     finalDropNode = finalDropNode.parent;
@@ -954,11 +957,11 @@ exports.default = (0, vue_1.defineComponent)({
             // Bailout 1
             // Drag self into self
             // Drag it into direct parent
-            if (draggingNode.contains(finalDropNode) ||
-                (finalDropPosition === 'inside' &&
-                    ((_a = draggingNode.parent) === null || _a === void 0 ? void 0 : _a.key) === finalDropNode.key)) {
-                if (draggingNode.key === droppingMouseNode.key &&
-                    draggingNode.key === finalDropNode.key) {
+            if (draggingNode.contains(finalDropNode)
+                || (finalDropPosition === 'inside'
+                    && ((_a = draggingNode.parent) === null || _a === void 0 ? void 0 : _a.key) === finalDropNode.key)) {
+                if (draggingNode.key === droppingMouseNode.key
+                    && draggingNode.key === finalDropNode.key) {
                     // This is special case that we want ui to show a mark to guide user
                     // to start dragging. Nor they will think nothing happens.
                     // However this is an invalid drop, we need to guard it inside
@@ -989,8 +992,8 @@ exports.default = (0, vue_1.defineComponent)({
                             expandDragEnterNode(finalDropNode);
                             // Bailout 4
                             // not try to loading
-                            if (!finalDropNode.shallowLoaded &&
-                                nodeKeyToBeExpanded !== finalDropNode.key) {
+                            if (!finalDropNode.shallowLoaded
+                                && nodeKeyToBeExpanded !== finalDropNode.key) {
                                 resetDndState();
                                 return;
                             }
@@ -1018,9 +1021,9 @@ exports.default = (0, vue_1.defineComponent)({
             droppingNodeRef.value = finalDropNode;
         }
         function handleDrop({ event, node, dropPosition }) {
-            if (!props.draggable ||
-                props.disabled ||
-                (0, utils_1.isNodeDisabled)(node, props.disabledField)) {
+            if (!props.draggable
+                || props.disabled
+                || (0, utils_1.isNodeDisabled)(node, props.disabledField)) {
                 return;
             }
             const { value: draggingNode } = draggingNodeRef;
@@ -1169,7 +1172,6 @@ exports.default = (0, vue_1.defineComponent)({
                 (_a = virtualListInstRef.value) === null || _a === void 0 ? void 0 : _a.scrollTo(options, y || 0);
             }
             else {
-                // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
                 (_b = virtualListInstRef.value) === null || _b === void 0 ? void 0 : _b.scrollTo(options);
             }
         }

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

@@ -1,4 +1,4 @@
-import { type PropType, type ComponentPublicInstance, type VNode } from 'vue';
+import { type ComponentPublicInstance, type PropType, type VNode } from 'vue';
 import { type TmNode } from './interface';
 declare const TreeNode: import("vue").DefineComponent<{
     clsPrefix: {

package/lib/tree/src/TreeNode.js

@@ -26,7 +26,6 @@ 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, nodePropsRef, indentRef, blockLineRef, checkboxPlacementRef, checkOnClickRef, disabledFieldRef, showLineRef, renderSwitcherIconRef, overrideDefaultNodeClickBehaviorRef } = NTree;
         const checkboxDisabledRef = (0, vooks_1.useMemo)(() => !!props.tmNode.rawNode.checkboxDisabled);
@@ -47,7 +46,6 @@ const TreeNode = (0, vue_1.defineComponent)({
         // must be non-reactive
         const contentElRef = { value: null };
         (0, vue_1.onMounted)(() => {
-            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
             contentElRef.value = contentInstRef.value.$el;
         });
         function handleSwitcherClick() {
@@ -87,17 +85,17 @@ const TreeNode = (0, vue_1.defineComponent)({
                 callback();
             }
         }
-        const selectableRef = (0, vooks_1.useMemo)(() => !nodeIsDisabledRef.value &&
-            NTree.selectableRef.value &&
-            (NTree.internalTreeSelect
-                ? NTree.mergedCheckStrategyRef.value !== 'child' ||
-                    (NTree.multipleRef.value && NTree.cascadeRef.value) ||
-                    props.tmNode.isLeaf
+        const selectableRef = (0, vooks_1.useMemo)(() => !nodeIsDisabledRef.value
+            && NTree.selectableRef.value
+            && (NTree.internalTreeSelect
+                ? NTree.mergedCheckStrategyRef.value !== 'child'
+                    || (NTree.multipleRef.value && NTree.cascadeRef.value)
+                    || props.tmNode.isLeaf
                 : true));
-        const checkableRef = (0, vooks_1.useMemo)(() => NTree.checkableRef.value &&
-            (NTree.cascadeRef.value ||
-                NTree.mergedCheckStrategyRef.value !== 'child' ||
-                props.tmNode.isLeaf));
+        const checkableRef = (0, vooks_1.useMemo)(() => NTree.checkableRef.value
+            && (NTree.cascadeRef.value
+                || NTree.mergedCheckStrategyRef.value !== 'child'
+                || props.tmNode.isLeaf));
         const checkedRef = (0, vooks_1.useMemo)(() => NTree.displayedCheckedKeysRef.value.includes(props.tmNode.key));
         const mergedCheckOnClickRef = (0, vooks_1.useMemo)(() => {
             const { value: checkable } = checkableRef;
@@ -362,8 +360,8 @@ const TreeNode = (0, vue_1.defineComponent)({
                         `${clsPrefix}-tree-node-indent`,
                         `${clsPrefix}-tree-node-indent--show-line`,
                         tmNode.isLeaf && `${clsPrefix}-tree-node-indent--is-leaf`,
-                        tmNode.isLastChild &&
-                            `${clsPrefix}-tree-node-indent--last-child`
+                        tmNode.isLastChild
+                            && `${clsPrefix}-tree-node-indent--last-child`
                     ] },
                     (0, vue_1.h)("div", { style: { width: `${indent}px` } }))) : ((0, vue_1.h)(TreeNodeSwitcher_1.default, { clsPrefix: clsPrefix, expanded: this.expanded, selected: selected, loading: this.loading, hide: tmNode.isLeaf, tmNode: this.tmNode, indent: indent, onClick: this.handleSwitcherClick })),
                 !checkboxOnRight ? checkboxNode : null,
@@ -373,16 +371,13 @@ const TreeNode = (0, vue_1.defineComponent)({
                 draggable
                     ? this.showDropMark
                         ? (0, dnd_1.renderDropMark)({
-                            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
                             el: this.contentElRef.value,
-                            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
                             position: this.droppingPosition,
                             offsetLevel: this.droppingOffsetLevel,
                             indent
                         })
                         : this.showDropMarkAsParent
                             ? (0, dnd_1.renderDropMark)({
-                                // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
                                 el: this.contentElRef.value,
                                 position: 'inside',
                                 offsetLevel: this.droppingOffsetLevel,

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

@@ -17,111 +17,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     handleUpdateValue: (value: boolean) => void;
     mergedTheme: import("vue").Ref<{
-        common: {
-            baseColor: string;
-            primaryColor: string;
-            primaryColorHover: string;
-            primaryColorPressed: string;
-            primaryColorSuppl: string;
-            infoColor: string;
-            infoColorHover: string;
-            infoColorPressed: string;
-            infoColorSuppl: string;
-            successColor: string;
-            successColorHover: string;
-            successColorPressed: string;
-            successColorSuppl: string;
-            warningColor: string;
-            warningColorHover: string;
-            warningColorPressed: string;
-            warningColorSuppl: string;
-            errorColor: string;
-            errorColorHover: string;
-            errorColorPressed: string;
-            errorColorSuppl: string;
-            textColorBase: string;
-            textColor1: string;
-            textColor2: string;
-            textColor3: string;
-            textColorDisabled: string;
-            placeholderColor: string;
-            placeholderColorDisabled: string;
-            iconColor: string;
-            iconColorHover: string;
-            iconColorPressed: string;
-            iconColorDisabled: string;
-            opacity1: string;
-            opacity2: string;
-            opacity3: string;
-            opacity4: string;
-            opacity5: string;
-            dividerColor: string;
-            borderColor: string;
-            closeIconColor: string;
-            closeIconColorHover: string;
-            closeIconColorPressed: string;
-            closeColorHover: string;
-            closeColorPressed: string;
-            clearColor: string;
-            clearColorHover: string;
-            clearColorPressed: string;
-            scrollbarColor: string;
-            scrollbarColorHover: string;
-            scrollbarWidth: string;
-            scrollbarHeight: string;
-            scrollbarBorderRadius: string;
-            progressRailColor: string;
-            railColor: string;
-            popoverColor: string;
-            tableColor: string;
-            cardColor: string;
-            modalColor: string;
-            bodyColor: string;
-            tagColor: string;
-            avatarColor: string;
-            invertedColor: string;
-            inputColor: string;
-            codeColor: string;
-            tabColor: string;
-            actionColor: string;
-            tableHeaderColor: string;
-            hoverColor: string;
-            tableColorHover: string;
-            tableColorStriped: string;
-            pressedColor: string;
-            opacityDisabled: string;
-            inputColorDisabled: string;
-            buttonColor2: string;
-            buttonColor2Hover: string;
-            buttonColor2Pressed: string;
-            boxShadow1: string;
-            boxShadow2: string;
-            boxShadow3: string;
-            fontFamily: string;
-            fontFamilyMono: string;
-            fontWeight: string;
-            fontWeightStrong: string;
-            cubicBezierEaseInOut: string;
-            cubicBezierEaseOut: string;
-            cubicBezierEaseIn: string;
-            borderRadius: string;
-            borderRadiusSmall: string;
-            fontSize: string;
-            fontSizeMini: string;
-            fontSizeTiny: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            fontSizeHuge: string;
-            lineHeight: string;
-            heightMini: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            heightHuge: string;
-            name: "common";
-        };
+        common: import("../..").ThemeCommonVars;
         self: {
             fontSize: string;
             lineHeight: string;
@@ -175,11 +71,14 @@ declare const _default: import("vue").DefineComponent<{
                 borderRadius: string;
                 color: string;
                 colorHover: string;
-                railInsetHorizontal: string;
-                railInsetVertical: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
                 railColor: string;
             }, any>;
             Empty: import("../../_mixins").Theme<"Empty", {
+                fontSizeTiny: string;
                 fontSizeSmall: string;
                 fontSizeMedium: string;
                 fontSizeLarge: string;
@@ -187,6 +86,7 @@ declare const _default: import("vue").DefineComponent<{
                 textColor: string;
                 iconColor: string;
                 extraTextColor: string;
+                iconSizeTiny: string;
                 iconSizeSmall: string;
                 iconSizeMedium: string;
                 iconSizeLarge: string;

package/lib/tree/src/TreeNodeCheckbox.js

@@ -22,7 +22,6 @@ exports.default = (0, vue_1.defineComponent)({
         onCheck: Function
     },
     setup(props) {
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         const NTree = (0, vue_1.inject)(interface_1.treeInjectionKey);
         function doCheck(value) {
             const { onCheck } = props;

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

@@ -1,4 +1,4 @@
-import { type PropType, type HTMLAttributes } from 'vue';
+import { type HTMLAttributes, type PropType } from 'vue';
 import { type TmNode } from './interface';
 declare const _default: import("vue").DefineComponent<{
     clsPrefix: {
@@ -17,9 +17,9 @@ declare const _default: import("vue").DefineComponent<{
     nodeProps: PropType<HTMLAttributes>;
 }, {
     selfRef: import("vue").Ref<HTMLElement | null>;
-    renderLabel: import("vue").Ref<import("./interface").RenderLabel | undefined>;
-    renderPrefix: import("vue").Ref<import("./interface").RenderLabel | undefined>;
-    renderSuffix: import("vue").Ref<import("./interface").RenderLabel | undefined>;
+    renderLabel: import("vue").Ref<(({ option, checked, selected }: import("./interface").TreeRenderProps) => import("vue").VNodeChild) | undefined>;
+    renderPrefix: import("vue").Ref<(({ option, checked, selected }: import("./interface").TreeRenderProps) => import("vue").VNodeChild) | undefined>;
+    renderSuffix: import("vue").Ref<(({ option, checked, selected }: import("./interface").TreeRenderProps) => import("vue").VNodeChild) | undefined>;
     labelField: import("vue").Ref<string>;
     handleClick: (e: MouseEvent) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{

package/lib/tree/src/TreeNodeContent.js

@@ -22,9 +22,7 @@ exports.default = (0, vue_1.defineComponent)({
         nodeProps: Object
     },
     setup(props) {
-        const { renderLabelRef, renderPrefixRef, renderSuffixRef, labelFieldRef } = 
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        (0, vue_1.inject)(interface_1.treeInjectionKey);
+        const { renderLabelRef, renderPrefixRef, renderSuffixRef, labelFieldRef } = (0, vue_1.inject)(interface_1.treeInjectionKey);
         const selfRef = (0, vue_1.ref)(null);
         function doClick(e) {
             const { onClick } = props;

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

@@ -1,4 +1,3 @@
-/// <reference types="vue/jsx" />
 import { type PropType } from 'vue';
 import { type TmNode } from './interface';
 declare const _default: import("vue").DefineComponent<{

package/lib/tree/src/TreeNodeSwitcher.js

@@ -23,7 +23,6 @@ exports.default = (0, vue_1.defineComponent)({
         }
     },
     setup(props) {
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         const { renderSwitcherIconRef } = (0, vue_1.inject)(interface_1.treeInjectionKey, null);
         return () => {
             const { clsPrefix, expanded, hide, indent, onClick } = props;

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

@@ -1,5 +1,5 @@
 import { type VNode } from 'vue';
-import { type DropPosition, type TreeOption } from './interface';
+import type { DropPosition, TreeOption } from './interface';
 export declare function renderDropMark({ position, offsetLevel, indent, el }: {
     position: 'before' | 'inside' | 'after';
     offsetLevel: number;

package/lib/tree/src/dnd.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.defaultAllowDrop = exports.renderDropMark = void 0;
+exports.renderDropMark = renderDropMark;
+exports.defaultAllowDrop = defaultAllowDrop;
 const vue_1 = require("vue");
 function renderDropMark({ position, offsetLevel, indent, el }) {
     const style = {
@@ -25,12 +26,11 @@ function renderDropMark({ position, offsetLevel, indent, el }) {
         style.backgroundColor = 'var(--n-drop-mark-color)';
         style.transformOrigin = cssPosition;
         style.borderRadius = '1px';
-        style.transform =
-            position === 'before' ? 'translateY(-4px)' : 'translateY(4px)';
+        style.transform
+            = position === 'before' ? 'translateY(-4px)' : 'translateY(4px)';
     }
     return (0, vue_1.h)("div", { style: style });
 }
-exports.renderDropMark = renderDropMark;
 function defaultAllowDrop({ dropPosition, node }) {
     if (node.isLeaf === false)
         return true;
@@ -39,4 +39,3 @@ function defaultAllowDrop({ dropPosition, node }) {
     }
     return dropPosition !== 'inside';
 }
-exports.defaultAllowDrop = defaultAllowDrop;

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

@@ -1,5 +1,5 @@
-import { type CheckStrategy, type TreeNode } from 'treemate';
-import { type HTMLAttributes, type Ref, type VNodeChild } from 'vue';
+import type { CheckStrategy, TreeNode } from 'treemate';
+import type { HTMLAttributes, Ref, VNodeChild } from 'vue';
 import type { VirtualListScrollTo } from 'vueuc';
 import type { MergedTheme } from '../../_mixins';
 import type { TreeTheme } from '../styles';

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

@@ -1,6 +1,6 @@
 import { type Ref } from 'vue';
-import { type TreeNode } from 'treemate';
-import { type TreeOverrideNodeClickBehavior, type Key, type TmNode, type TreeOption, type TreeOverrideNodeClickBehaviorReturn } from './interface';
+import type { TreeNode } from 'treemate';
+import type { Key, TmNode, TreeOption, TreeOverrideNodeClickBehavior, TreeOverrideNodeClickBehaviorReturn } from './interface';
 export declare function useKeyboard({ props, fNodesRef, mergedExpandedKeysRef, mergedSelectedKeysRef, mergedCheckedKeysRef, handleCheck, handleSelect, handleSwitcherClick }: {
     props: {
         keyboard: boolean;