vxe-pc-ui 4.20.25 → 4.20.26

package/es/tree/src/tree.js

@@ -1,6 +1,6 @@
 import { ref, h, reactive, computed, watch, onBeforeUnmount, nextTick, onMounted, provide } from "vue";
 import { defineVxeComponent } from "../../ui/src/comp";
-import { VxeUI } from "../../ui";
+import { VxeUI } from "@vxe-ui/core";
 import { calcTreeLine, getItemCacheObj } from "./util";
 import { createComponentLog } from "../../ui/src/log";
 import { getCrossTreeDragNodeInfo } from "./store";
@@ -414,17 +414,20 @@ var tree_default = defineVxeComponent({
       const scrollbarYToLeft = computeScrollbarYToLeft.value;
       const scrollXVisible = computeScrollXVisible.value;
       const scrollYVisible = computeScrollYVisible.value;
-      return domUtils.buildClass([
-        "vxe-scrollbar is--virtual",
-        scrollbarOpts.fluentOverlay ? "is--fluent-overlay" : "is--default-mode",
-        `ov-x--${scrollXVisible === false ? "hidden" : "visible"}`,
-        `ov-y--${scrollYVisible === false ? "hidden" : "visible"}`,
-        `sx-pos--${scrollbarXToTop ? "top" : "bottom"}`,
-        `sy-pos--${scrollbarYToLeft ? "left" : "right"}`
-      ], {
-        "overflow-y": yThumbHeight,
-        "overflow-x": xThumbWidth
-      });
+      return domUtils.buildClass(
+        [
+          "vxe-scrollbar is--virtual",
+          scrollbarOpts.fluentOverlay ? "is--fluent-overlay" : "is--default-mode",
+          `ov-x--${scrollXVisible === false ? "hidden" : "visible"}`,
+          `ov-y--${scrollYVisible === false ? "hidden" : "visible"}`,
+          `sx-pos--${scrollbarXToTop ? "top" : "bottom"}`,
+          `sy-pos--${scrollbarYToLeft ? "left" : "right"}`
+        ],
+        {
+          "overflow-y": yThumbHeight,
+          "overflow-x": xThumbWidth
+        }
+      );
     });
     const computeScrollbarXToTop = computed(() => {
       const scrollbarXOpts = computeScrollbarXOpts.value;
@@ -453,21 +456,7 @@ var tree_default = defineVxeComponent({
       getRefMaps: () => refMaps,
       getComputeMaps: () => computeMaps
     };
-    const {
-      refTrackXElem,
-      refTrackYElem,
-      refThumbXElem,
-      refThumbYElem,
-      updateThumbSize,
-      updateThumbOffset,
-      clickTrackXEvent,
-      clickTrackYEvent,
-      pointerdownThumbXEvent,
-      pointermoveThumbXEvent,
-      cleatPointerThumbEvent,
-      pointerdownThumbYEvent,
-      pointermoveThumbYEvent
-    } = useFns.useInitVScrollbar($xeTree);
+    const { refTrackXElem, refTrackYElem, refThumbXElem, refThumbYElem, updateThumbSize, updateThumbOffset, clickTrackXEvent, clickTrackYEvent, pointerdownThumbXEvent, pointermoveThumbXEvent, cleatPointerThumbEvent, pointerdownThumbYEvent, pointermoveThumbYEvent } = useFns.useInitVScrollbar($xeTree);
     const getNodeId = (node) => {
       if (!node) {
         return "";
@@ -623,47 +612,19 @@ var tree_default = defineVxeComponent({
       const valueField = computeValueField.value;
       const childrenField = computeChildrenField.value;
       const keyMaps = {};
-      XEUtils.eachTree(treeFullData, (item, index, items, path, parenItem, nodes) => {
-        let nodeid = getNodeId(item);
-        if (!nodeid) {
-          nodeid = getNodeUniqueId();
-          XEUtils.set(item, valueField, nodeid);
-        }
-        keyMaps[nodeid] = {
-          item,
-          index,
-          $index: -1,
-          _index: -1,
-          items,
-          parent: parenItem,
-          nodes,
-          level: nodes.length - 1,
-          treeIndex: index,
-          lineCount: 0,
-          treeLoaded: false
-        };
-      }, { children: childrenField });
-      internalData.nodeMaps = keyMaps;
-    };
-    const updateAfterDataIndex = () => {
-      const { transform } = props;
-      const { afterTreeList, nodeMaps } = internalData;
-      const childrenField = computeChildrenField.value;
-      const mapChildrenField = computeMapChildrenField.value;
-      let vtIndex = 0;
-      XEUtils.eachTree(afterTreeList, (item, index, items, path, parenItem, nodes) => {
-        const nodeid = getNodeId(item);
-        const nodeItem = nodeMaps[nodeid];
-        if (nodeItem) {
-          nodeItem.items = items;
-          nodeItem.treeIndex = index;
-          nodeItem._index = vtIndex;
-        } else {
-          const rest = {
+      XEUtils.eachTree(
+        treeFullData,
+        (item, index, items, path, parenItem, nodes) => {
+          let nodeid = getNodeId(item);
+          if (!nodeid) {
+            nodeid = getNodeUniqueId();
+            XEUtils.set(item, valueField, nodeid);
+          }
+          keyMaps[nodeid] = {
             item,
             index,
             $index: -1,
-            _index: vtIndex,
+            _index: -1,
             items,
             parent: parenItem,
             nodes,
@@ -672,10 +633,46 @@ var tree_default = defineVxeComponent({
             lineCount: 0,
             treeLoaded: false
           };
-          nodeMaps[nodeid] = rest;
-        }
-        vtIndex++;
-      }, { children: transform ? mapChildrenField : childrenField });
+        },
+        { children: childrenField }
+      );
+      internalData.nodeMaps = keyMaps;
+    };
+    const updateAfterDataIndex = () => {
+      const { transform } = props;
+      const { afterTreeList, nodeMaps } = internalData;
+      const childrenField = computeChildrenField.value;
+      const mapChildrenField = computeMapChildrenField.value;
+      let vtIndex = 0;
+      XEUtils.eachTree(
+        afterTreeList,
+        (item, index, items, path, parenItem, nodes) => {
+          const nodeid = getNodeId(item);
+          const nodeItem = nodeMaps[nodeid];
+          if (nodeItem) {
+            nodeItem.items = items;
+            nodeItem.treeIndex = index;
+            nodeItem._index = vtIndex;
+          } else {
+            const rest = {
+              item,
+              index,
+              $index: -1,
+              _index: vtIndex,
+              items,
+              parent: parenItem,
+              nodes,
+              level: nodes.length - 1,
+              treeIndex: index,
+              lineCount: 0,
+              treeLoaded: false
+            };
+            nodeMaps[nodeid] = rest;
+          }
+          vtIndex++;
+        },
+        { children: transform ? mapChildrenField : childrenField }
+      );
     };
     const updateAfterFullData = () => {
       const { transform, filterValue } = props;
@@ -770,14 +767,18 @@ var tree_default = defineVxeComponent({
       const expandMaps = {};
       if (transform) {
         const fullData = [];
-        XEUtils.eachTree(afterTreeList, (item, index, items, path, parentNode) => {
-          const nodeid = getNodeId(item);
-          const parentNodeid = getNodeId(parentNode);
-          if (!parentNode || expandMaps[parentNodeid] && treeExpandedMaps[parentNodeid]) {
-            expandMaps[nodeid] = 1;
-            fullData.push(item);
-          }
-        }, { children: mapChildrenField });
+        XEUtils.eachTree(
+          afterTreeList,
+          (item, index, items, path, parentNode) => {
+            const nodeid = getNodeId(item);
+            const parentNodeid = getNodeId(parentNode);
+            if (!parentNode || expandMaps[parentNodeid] && treeExpandedMaps[parentNodeid]) {
+              expandMaps[nodeid] = 1;
+              fullData.push(item);
+            }
+          },
+          { children: mapChildrenField }
+        );
         updateScrollYStatus(fullData);
         internalData.afterVisibleList = fullData;
         return fullData;
@@ -1208,9 +1209,7 @@ var tree_default = defineVxeComponent({
         const nodeItem = nodeMaps[nodeid];
         if (loadMethod) {
           internalData.treeExpandLazyLoadedMaps[nodeid] = true;
-          Promise.resolve(
-            loadMethod({ $tree: $xeTree, node })
-          ).then((childRecords) => {
+          Promise.resolve(loadMethod({ $tree: $xeTree, node })).then((childRecords) => {
             const { treeExpandLazyLoadedMaps } = internalData;
             if (nodeItem) {
               nodeItem.treeLoaded = true;
@@ -1332,14 +1331,18 @@ var tree_default = defineVxeComponent({
       if (!checkStrictly) {
         const childNodeMaps = {};
         const childNodeList = [];
-        XEUtils.eachTree(afterTreeList, (node) => {
-          const nodeid = getNodeId(node);
-          const childList = node[childrenField];
-          if (childList && childList.length && !childNodeMaps[nodeid]) {
-            childNodeMaps[nodeid] = 1;
-            childNodeList.unshift([node, nodeid, childList]);
-          }
-        }, { children: transform ? mapChildrenField : childrenField });
+        XEUtils.eachTree(
+          afterTreeList,
+          (node) => {
+            const nodeid = getNodeId(node);
+            const childList = node[childrenField];
+            if (childList && childList.length && !childNodeMaps[nodeid]) {
+              childNodeMaps[nodeid] = 1;
+              childNodeList.unshift([node, nodeid, childList]);
+            }
+          },
+          { children: transform ? mapChildrenField : childrenField }
+        );
         childNodeList.forEach((vals) => {
           const node = vals[0];
           const nodeid = vals[1];
@@ -1441,18 +1444,22 @@ var tree_default = defineVxeComponent({
         selectCheckboxMaps[nodeid] = node;
       }
       if (!checkStrictly) {
-        XEUtils.eachTree(XEUtils.get(node, transform ? mapChildrenField : childrenField), (childNode) => {
-          const childNodeid = getNodeId(childNode);
-          if (isChecked) {
-            if (!selectCheckboxMaps[childNodeid]) {
-              selectCheckboxMaps[childNodeid] = true;
-            }
-          } else {
-            if (selectCheckboxMaps[childNodeid]) {
-              delete selectCheckboxMaps[childNodeid];
+        XEUtils.eachTree(
+          XEUtils.get(node, transform ? mapChildrenField : childrenField),
+          (childNode) => {
+            const childNodeid = getNodeId(childNode);
+            if (isChecked) {
+              if (!selectCheckboxMaps[childNodeid]) {
+                selectCheckboxMaps[childNodeid] = true;
+              }
+            } else {
+              if (selectCheckboxMaps[childNodeid]) {
+                delete selectCheckboxMaps[childNodeid];
+              }
             }
-          }
-        }, { children: transform ? mapChildrenField : childrenField });
+          },
+          { children: transform ? mapChildrenField : childrenField }
+        );
       }
       reactData.updateCheckboxFlag++;
       updateCheckboxStatus();
@@ -1606,15 +1613,19 @@ var tree_default = defineVxeComponent({
               }
               parentMapChilds.splice(targetIndex, 0, item);
             });
-            XEUtils.eachTree(treeRecords, (item) => {
-              const nodeid = getNodeId(item);
-              const nodeRest = getItemCacheObj(item);
-              nodeRest.level = parentLevel;
-              if (item[childrenField]) {
-                item[mapChildrenField] = item[childrenField];
-              }
-              nodeMaps[nodeid] = nodeRest;
-            }, { children: childrenField });
+            XEUtils.eachTree(
+              treeRecords,
+              (item) => {
+                const nodeid = getNodeId(item);
+                const nodeRest = getItemCacheObj(item);
+                nodeRest.level = parentLevel;
+                if (item[childrenField]) {
+                  item[mapChildrenField] = item[childrenField];
+                }
+                nodeMaps[nodeid] = nodeRest;
+              },
+              { children: childrenField }
+            );
             if (parentNode) {
               const matchObj = XEUtils.findTree(treeFullData, (item) => targetNode[keyField] === item[keyField], { children: childrenField });
               if (matchObj) {
@@ -1679,7 +1690,11 @@ var tree_default = defineVxeComponent({
           parentNode = nodeRest.item;
         }
       }
-      return handleInsertNodeAt(records.map((item) => Object.assign({}, item, { [parentField]: parentNode[keyField] })), targetNodeOrNodeid, isInsertNextNode);
+      return handleInsertNodeAt(
+        records.map((item) => Object.assign({}, item, { [parentField]: parentNode[keyField] })),
+        targetNodeOrNodeid,
+        isInsertNextNode
+      );
     };
     const treeMethods = {
       dispatchEvent,
@@ -1826,12 +1841,16 @@ var tree_default = defineVxeComponent({
         const checkKeys = [];
         const checkNodes = [];
         if (checked) {
-          XEUtils.eachTree(transform ? afterTreeList : afterVisibleList, (node) => {
-            const nodeid = getNodeId(node);
-            checkKeys.push(nodeid);
-            checkNodes.push(node);
-            selectMaps[nodeid] = true;
-          }, { children: transform ? mapChildrenField : childrenField });
+          XEUtils.eachTree(
+            transform ? afterTreeList : afterVisibleList,
+            (node) => {
+              const nodeid = getNodeId(node);
+              checkKeys.push(nodeid);
+              checkNodes.push(node);
+              selectMaps[nodeid] = true;
+            },
+            { children: transform ? mapChildrenField : childrenField }
+          );
         }
         internalData.indeterminateNodeMaps = {};
         internalData.selectCheckboxMaps = selectMaps;
@@ -1954,14 +1973,18 @@ var tree_default = defineVxeComponent({
         const childrenField = computeChildrenField.value;
         const mapChildrenField = computeMapChildrenField.value;
         if (expanded) {
-          XEUtils.eachTree(internalData.afterTreeList, (node) => {
-            const childList = XEUtils.get(node, childrenField);
-            const hasChild = childList && childList.length;
-            if (hasChild) {
-              const nodeid = getNodeId(node);
-              treeExpandedMaps[nodeid] = true;
-            }
-          }, { children: transform ? mapChildrenField : childrenField });
+          XEUtils.eachTree(
+            internalData.afterTreeList,
+            (node) => {
+              const childList = XEUtils.get(node, childrenField);
+              const hasChild = childList && childList.length;
+              if (hasChild) {
+                const nodeid = getNodeId(node);
+                treeExpandedMaps[nodeid] = true;
+              }
+            },
+            { children: transform ? mapChildrenField : childrenField }
+          );
         } else {
           internalData.treeExpandedMaps = {};
         }
@@ -2012,22 +2035,26 @@ var tree_default = defineVxeComponent({
         const parentLevel = parentNodeItem ? parentNodeItem.level : 0;
         const parentNodes = parentNodeItem ? parentNodeItem.nodes : [];
         return createNode(childRecords).then((nodeList) => {
-          XEUtils.eachTree(nodeList, (childNode, index, items, path, parent, nodes) => {
-            const itemNodeId = getNodeId(childNode);
-            nodeMaps[itemNodeId] = {
-              item: childNode,
-              index: -1,
-              $index: -1,
-              _index: -1,
-              items,
-              parent: parent || parentNodeItem.item,
-              nodes: parentNodes.concat(nodes),
-              level: parentLevel + nodes.length,
-              treeIndex: -1,
-              lineCount: 0,
-              treeLoaded: false
-            };
-          }, { children: childrenField });
+          XEUtils.eachTree(
+            nodeList,
+            (childNode, index, items, path, parent, nodes) => {
+              const itemNodeId = getNodeId(childNode);
+              nodeMaps[itemNodeId] = {
+                item: childNode,
+                index: -1,
+                $index: -1,
+                _index: -1,
+                items,
+                parent: parent || parentNodeItem.item,
+                nodes: parentNodes.concat(nodes),
+                level: parentLevel + nodes.length,
+                treeIndex: -1,
+                lineCount: 0,
+                treeLoaded: false
+              };
+            },
+            { children: childrenField }
+          );
           node[childrenField] = nodeList;
           if (transform) {
             node[mapChildrenField] = nodeList;
@@ -2213,6 +2240,7 @@ var tree_default = defineVxeComponent({
       if (el) {
         const clss = "node--drag-origin";
         XEUtils.arrayEach(el.querySelectorAll(`.${clss}`), (elem) => {
+          ;
           elem.draggable = false;
           removeClass(elem, clss);
         });
@@ -2397,9 +2425,13 @@ var tree_default = defineVxeComponent({
           if (oldRest && newRest) {
             const { level: oldLevel } = oldRest;
             const { level: newLevel } = newRest;
-            XEUtils.eachTree([dragNode], (item) => {
-              oldAllMaps[getNodeId(item)] = item;
-            }, { children: mapChildrenField });
+            XEUtils.eachTree(
+              [dragNode],
+              (item) => {
+                oldAllMaps[getNodeId(item)] = item;
+              },
+              { children: mapChildrenField }
+            );
             if (oldLevel && newLevel) {
               if (isPeerDrag && !isCrossDrag) {
                 if (oldRest.item[parentField] !== newRest.item[parentField]) {
@@ -2470,7 +2502,7 @@ var tree_default = defineVxeComponent({
               const ptfIndex = $xeTree.findNodeIndexOf(fullList, prevDragNode);
               const ntfIndex = ptfIndex + dragOffsetIndex;
               fullList.splice(ntfIndex, 0, dragNode);
-              if (isSelfToChildStatus && (isCrossDrag && isSelfToChildDrag)) {
+              if (isSelfToChildStatus && isCrossDrag && isSelfToChildDrag) {
                 XEUtils.each(dragNode[childrenField], (childNode) => {
                   childNode[parentField] = dragNode[parentField];
                 });
@@ -2505,18 +2537,22 @@ var tree_default = defineVxeComponent({
             updateYSpace();
           }
           if (evnt) {
-            dispatchEvent("node-dragend", {
-              oldNode: dragNode,
-              newNode: prevDragNode,
-              dragNode,
-              dragPos: prevDragPos,
-              dragToChild: isDragToChildFlag,
-              offsetIndex: dragOffsetIndex,
-              _index: {
-                newIndex: nafIndex,
-                oldIndex: oafIndex
-              }
-            }, evnt);
+            dispatchEvent(
+              "node-dragend",
+              {
+                oldNode: dragNode,
+                newNode: prevDragNode,
+                dragNode,
+                dragPos: prevDragPos,
+                dragToChild: isDragToChildFlag,
+                offsetIndex: dragOffsetIndex,
+                _index: {
+                  newIndex: nafIndex,
+                  oldIndex: oafIndex
+                }
+              },
+              evnt
+            );
           }
           return nextTick().then(() => {
             if (animation) {
@@ -2640,7 +2676,7 @@ var tree_default = defineVxeComponent({
         const node = nodeItem.item;
         const offsetY = evnt.clientY - itemEl.getBoundingClientRect().y;
         const dragPos = offsetY < itemEl.clientHeight / 2 ? "top" : "bottom";
-        internalData.prevDragToChild = !!(transform && (isCrossDrag && isToChildDrag) && isControlKey);
+        internalData.prevDragToChild = !!(transform && isCrossDrag && isToChildDrag && isControlKey);
         internalData.prevDragNode = node;
         internalData.prevDragPos = dragPos;
         if (isCrossTreeDrag && isCrossDrag && crossTreeDragNodeObj) {
@@ -2672,11 +2708,15 @@ var tree_default = defineVxeComponent({
           return;
         }
         showDropTip(evnt, itemEl, true, dragPos);
-        dispatchEvent("node-dragover", {
-          oldRNode: dragNode,
-          targetNode: node,
-          dragPos
-        }, evnt);
+        dispatchEvent(
+          "node-dragover",
+          {
+            oldRNode: dragNode,
+            targetNode: node,
+            dragPos
+          },
+          evnt
+        );
       }
     };
     const treePrivateMethods = {
@@ -2748,9 +2788,13 @@ var tree_default = defineVxeComponent({
                 moveRowAnimateToTb(dtTrList, dragNodeHeight);
               }
             });
-            dispatchEvent("node-remove-dragend", {
-              node: dragNode
-            }, evnt);
+            dispatchEvent(
+              "node-remove-dragend",
+              {
+                node: dragNode
+              },
+              evnt
+            );
             handleNodeDragEndClearStatus();
           }
         }
@@ -2849,14 +2893,18 @@ var tree_default = defineVxeComponent({
               } else {
                 insertRest = $xeTree.insert(dragList);
               }
-              $xeTree.dispatchEvent("node-insert-dragend", {
-                oldNode,
-                newNode: prevDragNode,
-                dragNode,
-                dragPos: prevDragPos,
-                dragToChild: isDragToChildFlag,
-                offsetIndex: dragOffsetIndex
-              }, evnt);
+              $xeTree.dispatchEvent(
+                "node-insert-dragend",
+                {
+                  oldNode,
+                  newNode: prevDragNode,
+                  dragNode,
+                  dragPos: prevDragPos,
+                  dragToChild: isDragToChildFlag,
+                  offsetIndex: dragOffsetIndex
+                },
+                evnt
+              );
               clearNodeDragData();
               insertRest.then(() => {
                 const { treeList } = reactData;
@@ -2941,16 +2989,23 @@ var tree_default = defineVxeComponent({
             };
             ons.onMouseup = handleNodeDragMouseupEvent;
           }
-          return h("div", {
-            class: ["vxe-tree--drag-handle", {
-              "is--disabled": isDisabled
-            }],
-            ...ons
-          }, [
-            h("i", {
-              class: icon || getIcon().TREE_DRAG
-            })
-          ]);
+          return h(
+            "div",
+            {
+              class: [
+                "vxe-tree--drag-handle",
+                {
+                  "is--disabled": isDisabled
+                }
+              ],
+              ...ons
+            },
+            [
+              h("i", {
+                class: icon || getIcon().TREE_DRAG
+              })
+            ]
+          );
         }
       }
       return renderEmptyElement($xeTree);
@@ -2972,21 +3027,28 @@ var tree_default = defineVxeComponent({
       const { showIcon, visibleMode, visibleMethod } = radioOpts;
       const isVisible = visibleMethod ? visibleMethod({ $tree: $xeTree, node }) : handleVisibleOrCheckMode(visibleMode, isExistChild, nLevel);
       if (showRadio && showIcon && isVisible) {
-        return h("div", {
-          class: ["vxe-tree--radio-option", {
-            "is--checked": isChecked,
-            "is--disabled": isDisabled
-          }],
-          onClick: (evnt) => {
-            if (!isDisabled) {
-              changeRadioEvent(evnt, node);
+        return h(
+          "div",
+          {
+            class: [
+              "vxe-tree--radio-option",
+              {
+                "is--checked": isChecked,
+                "is--disabled": isDisabled
+              }
+            ],
+            onClick: (evnt) => {
+              if (!isDisabled) {
+                changeRadioEvent(evnt, node);
+              }
             }
-          }
-        }, [
-          h("span", {
-            class: ["vxe-radio--icon", isChecked ? getIcon().RADIO_CHECKED : isDisabled ? getIcon().RADIO_DISABLED_UNCHECKED : getIcon().RADIO_UNCHECKED]
-          })
-        ]);
+          },
+          [
+            h("span", {
+              class: ["vxe-radio--icon", isChecked ? getIcon().RADIO_CHECKED : isDisabled ? getIcon().RADIO_DISABLED_UNCHECKED : getIcon().RADIO_UNCHECKED]
+            })
+          ]
+        );
       }
       return renderEmptyElement($xeTree);
     };
@@ -2996,22 +3058,29 @@ var tree_default = defineVxeComponent({
       const { showIcon, visibleMode, visibleMethod } = checkboxOpts;
       const isVisible = visibleMethod ? visibleMethod({ $tree: $xeTree, node }) : handleVisibleOrCheckMode(visibleMode, isExistChild, nLevel);
       if (showCheckbox && showIcon && isVisible) {
-        return h("div", {
-          class: ["vxe-tree--checkbox-option", {
-            "is--checked": isChecked,
-            "is--indeterminate": isIndeterminate,
-            "is--disabled": isDisabled
-          }],
-          onClick: (evnt) => {
-            if (!isDisabled) {
-              changeCheckboxEvent(evnt, node);
+        return h(
+          "div",
+          {
+            class: [
+              "vxe-tree--checkbox-option",
+              {
+                "is--checked": isChecked,
+                "is--indeterminate": isIndeterminate,
+                "is--disabled": isDisabled
+              }
+            ],
+            onClick: (evnt) => {
+              if (!isDisabled) {
+                changeCheckboxEvent(evnt, node);
+              }
             }
-          }
-        }, [
-          h("span", {
-            class: ["vxe-checkbox--icon", isIndeterminate ? getIcon().CHECKBOX_INDETERMINATE : isChecked ? getIcon().CHECKBOX_CHECKED : isDisabled ? getIcon().CHECKBOX_DISABLED_UNCHECKED : getIcon().CHECKBOX_UNCHECKED]
-          })
-        ]);
+          },
+          [
+            h("span", {
+              class: ["vxe-checkbox--icon", isIndeterminate ? getIcon().CHECKBOX_INDETERMINATE : isChecked ? getIcon().CHECKBOX_CHECKED : isDisabled ? getIcon().CHECKBOX_DISABLED_UNCHECKED : getIcon().CHECKBOX_UNCHECKED]
+            })
+          ]
+        );
       }
       return renderEmptyElement($xeTree);
     };
@@ -3085,66 +3154,105 @@ var tree_default = defineVxeComponent({
         itemOns.onDragend = handleNodeDragDragendEvent;
         itemOns.onDragover = handleNodeDragDragoverEvent;
       }
-      return h("div", {
-        key: nodeid,
-        class: ["vxe-tree--node-wrapper", `node--level-${nLevel}`],
-        nodeid,
-        title: tipMode === "title" ? nodeTitle : "",
-        ...itemOns
-      }, [
-        h("div", {
-          class: ["vxe-tree--node-item", {
-            "is--current": currentNode && nodeid === getNodeId(currentNode),
-            "is-radio--disabled": isRadioDisabled,
-            "is-radio--checked": isRadioChecked,
-            "is-checkbox--disabled": isCheckboxDisabled,
-            "is-checkbox--checked": isCheckboxChecked,
-            "is-checkbox--indeterminate": isCheckboxIndeterminate
-          }]
-        }, [
-          showLine ? h("div", {
-            class: "vxe-tree--node-line-wrapper"
-          }, [
-            h("div", {
-              class: "vxe-tree--node-line",
-              style: {
-                height: `${getNodeId(afterTreeList[0]) === nodeid ? 1 : calcTreeLine($xeTree, node, prevNode)}px`
-              }
-            })
-          ]) : renderEmptyElement($xeTree),
-          h("div", {
-            class: "vxe-tree--node-item-switcher"
-          }, showIcon && (lazy ? isLazyLoaded ? isExistChild : hasLazyChilds : isExistChild) && (!visibleMethod || visibleMethod(nParams)) ? [
-            h("div", {
-              class: "vxe-tree--node-item-icon",
-              onClick(evnt) {
-                toggleExpandEvent(evnt, node);
-              }
-            }, iconSlot ? getSlotVNs(iconSlot(nParams)) : [
-              h("i", {
-                class: isLazyLoading ? iconLoaded || getIcon().TREE_NODE_LOADED : isExpand ? iconOpen || getIcon().TREE_NODE_OPEN : iconClose || getIcon().TREE_NODE_CLOSE
-              })
-            ])
-          ] : []),
-          renderRadio(node, nodeid, isExistChild, nLevel, isRadioDisabled, isRadioChecked),
-          renderCheckbox(node, nodeid, isExistChild, nLevel, isCheckboxDisabled, isCheckboxChecked, isCheckboxIndeterminate),
-          renderDragIcon(node, nodeid),
-          h("div", {
-            class: "vxe-tree--node-item-inner"
-          }, [
-            h("div", {
-              class: "vxe-tree--node-item-wrapper"
-            }, [
-              h("span", {
-                class: "vxe-tree--node-item-title"
-              }, titleSlot ? getSlotVNs(titleSlot(nParams)) : nodeTitle)
-            ]),
-            extraSlot ? h("div", {
-              class: "vxe-tree--node-item-extra"
-            }, getSlotVNs(extraSlot(nParams))) : renderEmptyElement($xeTree)
-          ])
-        ])
-      ]);
+      return h(
+        "div",
+        {
+          key: nodeid,
+          class: ["vxe-tree--node-wrapper", `node--level-${nLevel}`],
+          nodeid,
+          title: tipMode === "title" ? nodeTitle : "",
+          ...itemOns
+        },
+        [
+          h(
+            "div",
+            {
+              class: [
+                "vxe-tree--node-item",
+                {
+                  "is--current": currentNode && nodeid === getNodeId(currentNode),
+                  "is-radio--disabled": isRadioDisabled,
+                  "is-radio--checked": isRadioChecked,
+                  "is-checkbox--disabled": isCheckboxDisabled,
+                  "is-checkbox--checked": isCheckboxChecked,
+                  "is-checkbox--indeterminate": isCheckboxIndeterminate
+                }
+              ]
+            },
+            [
+              showLine ? h(
+                "div",
+                {
+                  class: "vxe-tree--node-line-wrapper"
+                },
+                [
+                  h("div", {
+                    class: "vxe-tree--node-line",
+                    style: {
+                      height: `${getNodeId(afterTreeList[0]) === nodeid ? 1 : calcTreeLine($xeTree, node, prevNode)}px`
+                    }
+                  })
+                ]
+              ) : renderEmptyElement($xeTree),
+              h(
+                "div",
+                {
+                  class: "vxe-tree--node-item-switcher"
+                },
+                showIcon && (lazy ? isLazyLoaded ? isExistChild : hasLazyChilds : isExistChild) && (!visibleMethod || visibleMethod(nParams)) ? [
+                  h(
+                    "div",
+                    {
+                      class: "vxe-tree--node-item-icon",
+                      onClick(evnt) {
+                        toggleExpandEvent(evnt, node);
+                      }
+                    },
+                    iconSlot ? getSlotVNs(iconSlot(nParams)) : [
+                      h("i", {
+                        class: isLazyLoading ? iconLoaded || getIcon().TREE_NODE_LOADED : isExpand ? iconOpen || getIcon().TREE_NODE_OPEN : iconClose || getIcon().TREE_NODE_CLOSE
+                      })
+                    ]
+                  )
+                ] : []
+              ),
+              renderRadio(node, nodeid, isExistChild, nLevel, isRadioDisabled, isRadioChecked),
+              renderCheckbox(node, nodeid, isExistChild, nLevel, isCheckboxDisabled, isCheckboxChecked, isCheckboxIndeterminate),
+              renderDragIcon(node, nodeid),
+              h(
+                "div",
+                {
+                  class: "vxe-tree--node-item-inner"
+                },
+                [
+                  h(
+                    "div",
+                    {
+                      class: "vxe-tree--node-item-wrapper"
+                    },
+                    [
+                      h(
+                        "span",
+                        {
+                          class: "vxe-tree--node-item-title"
+                        },
+                        titleSlot ? getSlotVNs(titleSlot(nParams)) : nodeTitle
+                      )
+                    ]
+                  ),
+                  extraSlot ? h(
+                    "div",
+                    {
+                      class: "vxe-tree--node-item-extra"
+                    },
+                    getSlotVNs(extraSlot(nParams))
+                  ) : renderEmptyElement($xeTree)
+                ]
+              )
+            ]
+          )
+        ]
+      );
     };
     const renderList = (treeList) => {
       const { loading, transform, emptyText } = props;
@@ -3153,28 +3261,38 @@ var tree_default = defineVxeComponent({
       const emptySlot = slots.empty;
       if (!loading && !treeList.length) {
         return [
-          h("div", {
-            class: "vxe-tree--empty-placeholder"
-          }, emptySlot ? emptySlot({}) : [
-            h("div", {
-              class: "vxe-tree--empty-placeholder-content"
-            }, getText(emptyText || getI18n("vxe.tree.searchEmpty")))
-          ])
+          h(
+            "div",
+            {
+              class: "vxe-tree--empty-placeholder"
+            },
+            emptySlot ? emptySlot({}) : [
+              h(
+                "div",
+                {
+                  class: "vxe-tree--empty-placeholder-content"
+                },
+                getText(emptyText || getI18n("vxe.tree.searchEmpty"))
+              )
+            ]
+          )
         ];
       }
       const nodeVNs = [];
-      treeList.forEach(transform ? (node) => {
-        const nodeid = getNodeId(node);
-        nodeVNs.push(renderNode(node, nodeid));
-      } : (node) => {
-        const nodeid = getNodeId(node);
-        nodeVNs.push(renderNode(node, nodeid));
-        const childList = XEUtils.get(node, childrenField);
-        const hasChild = childList && childList.length;
-        if (hasChild && treeExpandedMaps[nodeid]) {
-          nodeVNs.push(...renderList(childList));
+      treeList.forEach(
+        transform ? (node) => {
+          const nodeid = getNodeId(node);
+          nodeVNs.push(renderNode(node, nodeid));
+        } : (node) => {
+          const nodeid = getNodeId(node);
+          nodeVNs.push(renderNode(node, nodeid));
+          const childList = XEUtils.get(node, childrenField);
+          const hasChild = childList && childList.length;
+          if (hasChild && treeExpandedMaps[nodeid]) {
+            nodeVNs.push(...renderList(childList));
+          }
         }
-      });
+      );
       return nodeVNs;
     };
     const renderDragTip = () => {
@@ -3183,41 +3301,64 @@ var tree_default = defineVxeComponent({
       const dragOpts = computeDragOpts.value;
       const dNode = dragNode;
       if (drag) {
-        return h("div", {
-          class: "vxe-tree--drag-wrapper"
-        }, [
-          h("div", {
-            ref: refDragNodeLineElem,
-            class: ["vxe-tree--drag-node-line", {
-              "is--guides": dragOpts.showGuidesStatus
-            }]
-          }),
-          dNode && dragOpts.showDragTip ? h("div", {
-            ref: refDragTipElem,
-            class: "vxe-tree--drag-sort-tip"
-          }, [
+        return h(
+          "div",
+          {
+            class: "vxe-tree--drag-wrapper"
+          },
+          [
             h("div", {
-              class: "vxe-tree--drag-sort-tip-wrapper"
-            }, [
-              h("div", {
-                class: "vxe-tree--drag-sort-tip-status"
-              }, [
-                h("span", {
-                  class: ["vxe-tree--drag-sort-tip-normal-status", getIcon().TREE_DRAG_STATUS_NODE]
-                }),
-                h("span", {
-                  class: ["vxe-tree--drag-sort-tip-sub-status", getIcon().TREE_DRAG_STATUS_SUB_NODE]
-                }),
-                h("span", {
-                  class: ["vxe-tree--drag-sort-tip-disabled-status", getIcon().TREE_DRAG_DISABLED]
-                })
-              ]),
-              h("div", {
-                class: "vxe-tree--drag-sort-tip-content"
-              }, dragTipText)
-            ])
-          ]) : renderEmptyElement($xeTree)
-        ]);
+              ref: refDragNodeLineElem,
+              class: [
+                "vxe-tree--drag-node-line",
+                {
+                  "is--guides": dragOpts.showGuidesStatus
+                }
+              ]
+            }),
+            dNode && dragOpts.showDragTip ? h(
+              "div",
+              {
+                ref: refDragTipElem,
+                class: "vxe-tree--drag-sort-tip"
+              },
+              [
+                h(
+                  "div",
+                  {
+                    class: "vxe-tree--drag-sort-tip-wrapper"
+                  },
+                  [
+                    h(
+                      "div",
+                      {
+                        class: "vxe-tree--drag-sort-tip-status"
+                      },
+                      [
+                        h("span", {
+                          class: ["vxe-tree--drag-sort-tip-normal-status", getIcon().TREE_DRAG_STATUS_NODE]
+                        }),
+                        h("span", {
+                          class: ["vxe-tree--drag-sort-tip-sub-status", getIcon().TREE_DRAG_STATUS_SUB_NODE]
+                        }),
+                        h("span", {
+                          class: ["vxe-tree--drag-sort-tip-disabled-status", getIcon().TREE_DRAG_DISABLED]
+                        })
+                      ]
+                    ),
+                    h(
+                      "div",
+                      {
+                        class: "vxe-tree--drag-sort-tip-content"
+                      },
+                      dragTipText
+                    )
+                  ]
+                )
+              ]
+            ) : renderEmptyElement($xeTree)
+          ]
+        );
       }
       return renderEmptyElement($xeTree);
     };
@@ -3250,187 +3391,263 @@ var tree_default = defineVxeComponent({
       if (dragOpts.isCrossTreeDrag && !treeList.length) {
         teOns.onDragover = $xeTree.handleCrossTreeNodeDragoverEmptyEvent;
       }
-      return h("div", {
-        ref: refElem,
-        class: [
-          "vxe-tree",
-          isVScrollbar ? `ov-x--${scrollXVisible === false ? "hidden" : "visible"}` : "",
-          isVScrollbar ? `ov-y--${scrollYVisible === false ? "hidden" : "visible"}` : "",
-          isVScrollbar ? `sx-pos--${scrollbarXToTop ? "top" : "bottom"}` : "",
-          isVScrollbar ? `sy-pos--${scrollbarYToLeft ? "left" : "right"}` : "",
-          {
-            [`size--${vSize}`]: vSize,
-            "show--line": showLine,
-            "is--virtual-scrollbar": isVScrollbar,
-            "ov-padding": isVScrollbar && scrollbarOpts.padding,
-            "ov-x--auto-hide": isVScrollbar && scrollXAutoHide,
-            "ov-y--auto-hide": isVScrollbar && scrollYAutoHide,
-            "overflow-y": yThumbHeight,
-            "overflow-x": xThumbWidth,
-            "checkbox--highlight": checkboxOpts.highlight,
-            "radio--highlight": radioOpts.highlight,
-            "node--hover": isNodeHover,
-            "node--trigger": trigger === "node",
-            "is--loading": loading
-          }
-        ],
-        style: wrapperStyles,
-        ...teOns
-      }, [
-        headerSlot ? h("div", {
-          ref: refHeaderWrapperElem,
-          class: "vxe-tree--header-wrapper"
-        }, headerSlot({ $tree: $xeTree })) : renderEmptyElement($xeTree),
-        h("div", {
-          ref: refVirtualWrapper,
-          class: "vxe-tree--node-list-wrapper",
-          style: treeStyle,
-          onScroll: scrollEvent
-        }, [
-          h("div", {
-            ref: refVirtualSpaceElem,
-            class: "vxe-tree--y-space",
-            style: {
-              height: bodyHeight ? `${bodyHeight}px` : ""
-            }
-          }),
-          h("div", {
-            ref: refVirtualBody,
-            class: "vxe-tree--node-list-body",
-            style: {
-              transform: `translateY(${topSpaceHeight}px)`
+      return h(
+        "div",
+        {
+          ref: refElem,
+          class: [
+            "vxe-tree",
+            isVScrollbar ? `ov-x--${scrollXVisible === false ? "hidden" : "visible"}` : "",
+            isVScrollbar ? `ov-y--${scrollYVisible === false ? "hidden" : "visible"}` : "",
+            isVScrollbar ? `sx-pos--${scrollbarXToTop ? "top" : "bottom"}` : "",
+            isVScrollbar ? `sy-pos--${scrollbarYToLeft ? "left" : "right"}` : "",
+            {
+              [`size--${vSize}`]: vSize,
+              "show--line": showLine,
+              "is--virtual-scrollbar": isVScrollbar,
+              "ov-padding": isVScrollbar && scrollbarOpts.padding,
+              "ov-x--auto-hide": isVScrollbar && scrollXAutoHide,
+              "ov-y--auto-hide": isVScrollbar && scrollYAutoHide,
+              "overflow-y": yThumbHeight,
+              "overflow-x": xThumbWidth,
+              "checkbox--highlight": checkboxOpts.highlight,
+              "radio--highlight": radioOpts.highlight,
+              "node--hover": isNodeHover,
+              "node--trigger": trigger === "node",
+              "is--loading": loading
             }
-          }, renderList(treeList))
-        ]),
-        footerSlot ? h("div", {
-          ref: refFooterWrapperElem,
-          class: "vxe-tree--footer-wrapper"
-        }, footerSlot({ $tree: $xeTree })) : renderEmptyElement($xeTree),
-        /**
-         * 滚动条
-         */
-        isVScrollbar ? h("div", {
-          class: scrollbarWrapperClss
-        }, [
-          scrollXVisible === false ? renderEmptyElement($xeTree) : h("div", {
-            ref: refTrackXElem,
-            class: "vxe-scrollbar--track-x",
-            onClick: clickTrackXEvent
-          }, [
-            h("div", {
-              ref: refThumbXElem,
-              class: "vxe-scrollbar--thumb-x",
-              onPointerdown: pointerdownThumbXEvent,
-              onPointermove: pointermoveThumbXEvent,
-              onPointerup: cleatPointerThumbEvent,
-              onPointercancel: cleatPointerThumbEvent,
-              onLostpointercapture: cleatPointerThumbEvent
-            })
-          ]),
-          scrollYVisible === false ? renderEmptyElement($xeTree) : h("div", {
-            ref: refTrackYElem,
-            class: "vxe-scrollbar--track-y",
-            onClick: clickTrackYEvent
-          }, [
-            h("div", {
-              ref: refThumbYElem,
-              class: "vxe-scrollbar--thumb-y",
-              onPointerdown: pointerdownThumbYEvent,
-              onPointermove: pointermoveThumbYEvent,
-              onPointerup: cleatPointerThumbEvent,
-              onPointercancel: cleatPointerThumbEvent,
-              onLostpointercapture: cleatPointerThumbEvent
-            })
-          ])
-        ]) : renderEmptyElement($xeTree),
-        /**
-         * 拖拽提示
-         */
-        renderDragTip(),
-        /**
-          * 工具提示
-          */
-        tooltipOpts.mode === "tooltip" ? h(VxeTooltipComponent, {
-          ref: refTooltip,
-          theme: tooltipOpts.theme,
-          enterable: tooltipOpts.enterable,
-          enterDelay: tooltipOpts.enterDelay,
-          leaveDelay: tooltipOpts.leaveDelay,
-          useHtml: tooltipOpts.useHtml,
-          width: tooltipOpts.width,
-          height: tooltipOpts.height,
-          minWidth: tooltipOpts.minWidth,
-          minHeight: tooltipOpts.minHeight,
-          maxWidth: tooltipOpts.maxWidth,
-          maxHeight: tooltipOpts.maxHeight,
-          placement: tooltipOpts.placement,
-          defaultPlacement: tooltipOpts.defaultPlacement,
-          popupClassName: tooltipOpts.popupClassName
-        }, tooltipSlot ? {
-          content: () => {
-            const { node } = tooltipStore;
-            return tooltipSlot({ node, $tree: $xeTree });
-          }
-        } : void 0) : renderEmptyElement($xeTree),
-        /**
-         * 加载中
-         */
-        h(VxeLoadingComponent, {
-          class: "vxe-tree--loading",
-          modelValue: loading,
-          icon: loadingOpts.icon,
-          text: loadingOpts.text
-        }, loadingSlot ? {
-          default: () => loadingSlot({ $tree: $xeTree })
-        } : void 0)
-      ]);
+          ],
+          style: wrapperStyles,
+          ...teOns
+        },
+        [
+          headerSlot ? h(
+            "div",
+            {
+              ref: refHeaderWrapperElem,
+              class: "vxe-tree--header-wrapper"
+            },
+            headerSlot({ $tree: $xeTree })
+          ) : renderEmptyElement($xeTree),
+          h(
+            "div",
+            {
+              ref: refVirtualWrapper,
+              class: "vxe-tree--node-list-wrapper",
+              style: treeStyle,
+              onScroll: scrollEvent
+            },
+            [
+              h("div", {
+                ref: refVirtualSpaceElem,
+                class: "vxe-tree--y-space",
+                style: {
+                  height: bodyHeight ? `${bodyHeight}px` : ""
+                }
+              }),
+              h(
+                "div",
+                {
+                  ref: refVirtualBody,
+                  class: "vxe-tree--node-list-body",
+                  style: {
+                    transform: `translateY(${topSpaceHeight}px)`
+                  }
+                },
+                renderList(treeList)
+              )
+            ]
+          ),
+          footerSlot ? h(
+            "div",
+            {
+              ref: refFooterWrapperElem,
+              class: "vxe-tree--footer-wrapper"
+            },
+            footerSlot({ $tree: $xeTree })
+          ) : renderEmptyElement($xeTree),
+          /**
+           * 滚动条
+           */
+          isVScrollbar ? h(
+            "div",
+            {
+              class: scrollbarWrapperClss
+            },
+            [
+              scrollXVisible === false ? renderEmptyElement($xeTree) : h(
+                "div",
+                {
+                  ref: refTrackXElem,
+                  class: "vxe-scrollbar--track-x",
+                  onClick: clickTrackXEvent
+                },
+                [
+                  h("div", {
+                    ref: refThumbXElem,
+                    class: "vxe-scrollbar--thumb-x",
+                    onPointerdown: pointerdownThumbXEvent,
+                    onPointermove: pointermoveThumbXEvent,
+                    onPointerup: cleatPointerThumbEvent,
+                    onPointercancel: cleatPointerThumbEvent,
+                    onLostpointercapture: cleatPointerThumbEvent
+                  })
+                ]
+              ),
+              scrollYVisible === false ? renderEmptyElement($xeTree) : h(
+                "div",
+                {
+                  ref: refTrackYElem,
+                  class: "vxe-scrollbar--track-y",
+                  onClick: clickTrackYEvent
+                },
+                [
+                  h("div", {
+                    ref: refThumbYElem,
+                    class: "vxe-scrollbar--thumb-y",
+                    onPointerdown: pointerdownThumbYEvent,
+                    onPointermove: pointermoveThumbYEvent,
+                    onPointerup: cleatPointerThumbEvent,
+                    onPointercancel: cleatPointerThumbEvent,
+                    onLostpointercapture: cleatPointerThumbEvent
+                  })
+                ]
+              )
+            ]
+          ) : renderEmptyElement($xeTree),
+          /**
+           * 拖拽提示
+           */
+          renderDragTip(),
+          /**
+           * 工具提示
+           */
+          tooltipOpts.mode === "tooltip" ? h(
+            VxeTooltipComponent,
+            {
+              ref: refTooltip,
+              theme: tooltipOpts.theme,
+              enterable: tooltipOpts.enterable,
+              enterDelay: tooltipOpts.enterDelay,
+              leaveDelay: tooltipOpts.leaveDelay,
+              useHtml: tooltipOpts.useHtml,
+              width: tooltipOpts.width,
+              height: tooltipOpts.height,
+              minWidth: tooltipOpts.minWidth,
+              minHeight: tooltipOpts.minHeight,
+              maxWidth: tooltipOpts.maxWidth,
+              maxHeight: tooltipOpts.maxHeight,
+              placement: tooltipOpts.placement,
+              defaultPlacement: tooltipOpts.defaultPlacement,
+              popupClassName: tooltipOpts.popupClassName
+            },
+            tooltipSlot ? {
+              content: () => {
+                const { node } = tooltipStore;
+                return tooltipSlot({ node, $tree: $xeTree });
+              }
+            } : void 0
+          ) : renderEmptyElement($xeTree),
+          /**
+           * 加载中
+           */
+          h(
+            VxeLoadingComponent,
+            {
+              class: "vxe-tree--loading",
+              modelValue: loading,
+              icon: loadingOpts.icon,
+              text: loadingOpts.text
+            },
+            loadingSlot ? {
+              default: () => loadingSlot({ $tree: $xeTree })
+            } : void 0
+          )
+        ]
+      );
     };
     const dataFlag = ref(0);
-    watch(() => props.data ? props.data.length : 0, () => {
-      dataFlag.value++;
-    });
-    watch(() => props.data, () => {
-      dataFlag.value++;
-    });
-    watch(() => props.rootParentValue, () => {
-      dataFlag.value++;
-    });
-    watch(() => props.rootValues ? props.rootValues.length : 0, () => {
-      dataFlag.value++;
-    });
-    watch(() => props.rootValues, () => {
-      dataFlag.value++;
-    });
+    watch(
+      () => props.data ? props.data.length : 0,
+      () => {
+        dataFlag.value++;
+      }
+    );
+    watch(
+      () => props.data,
+      () => {
+        dataFlag.value++;
+      }
+    );
+    watch(
+      () => props.rootParentValue,
+      () => {
+        dataFlag.value++;
+      }
+    );
+    watch(
+      () => props.rootValues ? props.rootValues.length : 0,
+      () => {
+        dataFlag.value++;
+      }
+    );
+    watch(
+      () => props.rootValues,
+      () => {
+        dataFlag.value++;
+      }
+    );
     watch(dataFlag, () => {
       loadData(props.data || []);
     });
-    watch(() => props.checkNodeKey, (nodeKey) => {
-      reactData.selectRadioKey = enModelValue(nodeKey);
-    });
+    watch(
+      () => props.checkNodeKey,
+      (nodeKey) => {
+        reactData.selectRadioKey = enModelValue(nodeKey);
+      }
+    );
     const checkboxFlag = ref(0);
-    watch(() => props.checkNodeKeys ? props.checkNodeKeys.length : 0, () => {
-      checkboxFlag.value++;
-    });
-    watch(() => props.checkNodeKeys, () => {
-      checkboxFlag.value++;
-    });
+    watch(
+      () => props.checkNodeKeys ? props.checkNodeKeys.length : 0,
+      () => {
+        checkboxFlag.value++;
+      }
+    );
+    watch(
+      () => props.checkNodeKeys,
+      () => {
+        checkboxFlag.value++;
+      }
+    );
     watch(checkboxFlag, () => {
       updateCheckboxChecked(props.checkNodeKeys || []);
     });
-    watch(() => props.filterValue, () => {
-      triggerSearchEvent(new Event("filter"));
-    });
+    watch(
+      () => props.filterValue,
+      () => {
+        triggerSearchEvent(new Event("filter"));
+      }
+    );
     const reScrollFlag = ref(0);
     const reLayoutFlag = ref(0);
-    watch(() => props.height, () => {
-      reLayoutFlag.value++;
-    });
-    watch(() => props.minHeight, () => {
-      reLayoutFlag.value++;
-    });
-    watch(() => props.maxHeight, () => {
-      reLayoutFlag.value++;
-    });
+    watch(
+      () => props.height,
+      () => {
+        reLayoutFlag.value++;
+      }
+    );
+    watch(
+      () => props.minHeight,
+      () => {
+        reLayoutFlag.value++;
+      }
+    );
+    watch(
+      () => props.maxHeight,
+      () => {
+        reLayoutFlag.value++;
+      }
+    );
     watch(computeIsVScrollbar, () => {
       nextTick(() => {
         bindScrollbarResize();