vue-devui 1.6.34 → 1.6.36-alpha.0

package/vue-devui.es.js

@@ -4,7 +4,7 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import { createVNode, getCurrentInstance, defineComponent, toRefs, inject, computed, Fragment, mergeProps, resolveComponent, isVNode, ref, reactive, createTextVNode, provide, onMounted, watch, Transition, withDirectives, vShow, nextTick, onUnmounted, unref, withModifiers, Comment as Comment$1, Text, h, cloneVNode, Teleport, onBeforeUnmount, render as render$1, resolveDirective, resolveDynamicComponent, toRef, shallowRef, onBeforeMount, onUpdated, readonly, toRaw, watchEffect, renderSlot, useSlots, createApp, shallowReactive, effect, TransitionGroup } from "vue";
+import { createVNode, getCurrentInstance, defineComponent, toRefs, inject, computed, Fragment, mergeProps, resolveComponent, isVNode, ref, reactive, createTextVNode, provide, onMounted, watch, Transition, withDirectives, vShow, nextTick, onUnmounted, unref, withModifiers, Comment as Comment$1, Text, h, cloneVNode, Teleport, onBeforeUnmount, render as render$1, resolveDirective, resolveDynamicComponent, toRef, shallowRef, onBeforeMount, onUpdated, readonly, toRaw, watchEffect, renderSlot, useSlots, createApp, shallowReactive, effect, toValue, TransitionGroup } from "vue";
 import { useRoute } from "vue-router";
 import Clipboard from "clipboard";
 import { offset, flip, arrow, computePosition } from "@floating-ui/dom";
@@ -8182,7 +8182,7 @@ var OverlayInstall = {
 };
 const POPPER_TRIGGER_TOKEN = Symbol("popper-trigger");
 /**
-* @vue/shared v3.4.27
+* @vue/shared v3.5.22
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -11551,6 +11551,10 @@ const dropdownProps$1 = {
   teleport: {
     type: [String, Object],
     default: "body"
+  },
+  appendToBody: {
+    type: Boolean,
+    default: true
   }
 };
 const dropdownMap = /* @__PURE__ */ new Map();
@@ -11770,7 +11774,8 @@ var Dropdown$1 = defineComponent({
         return [(_a = slots.default) == null ? void 0 : _a.call(slots)];
       }
     }), createVNode(Teleport, {
-      "to": teleport.value
+      "to": teleport.value,
+      "disabled": !props.appendToBody
     }, {
       default: () => [createVNode(Transition, {
         "name": showAnimation.value ? ns2.m(`fade-${currentPosition.value}`) : ""
@@ -14576,7 +14581,8 @@ const categorySearchProps = {
       createFilter: "",
       filterTitle: "",
       labelConnector: "|",
-      noCategoriesAvailable: ""
+      noCategoriesAvailable: "",
+      tagMenuEmpty: ""
     })
   },
   extendConfig: {
@@ -14585,6 +14591,14 @@ const categorySearchProps = {
   styleType: {
     type: String,
     default: "default"
+  },
+  appendToBody: {
+    type: Boolean,
+    default: true
+  },
+  inputAutofocus: {
+    type: Boolean,
+    default: true
   }
 };
 const categorySearchInjectionKey = Symbol("d-category-search");
@@ -14676,6 +14690,7 @@ var CategorySearchTagDropdown = defineComponent({
     const {
       rootCtx,
       ComponentMap,
+      appendToBody,
       onSearchKeyTagClick,
       addTagContext,
       removeTagContext
@@ -14715,6 +14730,7 @@ var CategorySearchTagDropdown = defineComponent({
       "position": ["bottom-start", "top-start", "bottom-end", "top-end"],
       "class": "dp-category-search-dropdown dp-dropdown-menu-fix",
       "close-scope": checkType(item.value),
+      "append-to-body": appendToBody.value,
       "onToggle": onToggle
     }, {
       default: () => createVNode("li", {
@@ -14790,6 +14806,7 @@ var CategorySearchInput = defineComponent({
       currentSearchCategory,
       ComponentMap,
       currentSelectTag,
+      appendToBody,
       onCategoryItemClick,
       searchKeyChangeEvent,
       searchInputValue,
@@ -14848,6 +14865,7 @@ var CategorySearchInput = defineComponent({
         "align": "start",
         "position": ["bottom-start", "top-start", "bottom-end", "top-end"],
         "close-scope": checkType(currentSelectTag.value),
+        "append-to-body": appendToBody.value,
         "onToggle": onToggle
       }, {
         default: () => createVNode("input", {
@@ -15109,6 +15127,7 @@ var CategorySearchSave = defineComponent({
     const {
       innerTextConfig,
       filterNameRules,
+      appendToBody,
       createFilterFn
     } = inject(categorySearchInjectionKey);
     const {
@@ -15130,6 +15149,7 @@ var CategorySearchSave = defineComponent({
       "position": ["bottom-start", "top-start", "bottom-end", "top-end"],
       "close-scope": "blank",
       "class": "dp-save-panel",
+      "append-to-body": appendToBody.value,
       "onToggle": onToggle
     }, {
       default: () => createVNode(SaveIcon, {
@@ -15229,7 +15249,8 @@ var RadioMenu = defineComponent({
       tag: tag2
     } = toRefs(props);
     const {
-      chooseItem
+      chooseItem,
+      innerTextConfig
     } = inject(categorySearchInjectionKey);
     const key = computed(() => tag2.value.filterKey || "label");
     return () => {
@@ -15247,7 +15268,7 @@ var RadioMenu = defineComponent({
         }, [createVNode("span", null, [item[key.value]])]);
       })]) : createVNode("div", {
         "class": "dp-no-data-tip"
-      }, [createTextVNode("\u6682\u65E0\u6570\u636E")]);
+      }, [innerTextConfig.value.tagMenuEmpty || "\u6682\u65E0\u6570\u636E"]);
     };
   }
 });
@@ -15260,7 +15281,8 @@ var CheckboxMenu = defineComponent({
       tag: tag2
     } = toRefs(props);
     const {
-      chooseItems
+      chooseItems,
+      innerTextConfig
     } = inject(categorySearchInjectionKey);
     const onConfirmClick = () => {
       chooseItems(tag2.value);
@@ -15292,7 +15314,7 @@ var CheckboxMenu = defineComponent({
         default: () => [createTextVNode("\u53D6\u6D88")]
       })])]) : createVNode("div", {
         "class": "dp-no-data-tip"
-      }, [createTextVNode("\u6682\u65E0\u6570\u636E")]);
+      }, [innerTextConfig.value.tagMenuEmpty || "\u6682\u65E0\u6570\u636E"]);
     };
   }
 });
@@ -15308,7 +15330,8 @@ var LabelMenu = defineComponent({
       tag: tag2
     } = toRefs(props);
     const {
-      chooseItems
+      chooseItems,
+      innerTextConfig
     } = inject(categorySearchInjectionKey);
     const onConfirmClick = () => {
       chooseItems(tag2.value);
@@ -15365,7 +15388,7 @@ var LabelMenu = defineComponent({
         default: () => [createTextVNode("\u53D6\u6D88")]
       })])]) : createVNode("div", {
         "class": "dp-no-data-tip"
-      }, [createTextVNode("\u6682\u65E0\u6570\u636E")]);
+      }, [innerTextConfig.value.tagMenuEmpty || "\u6682\u65E0\u6570\u636E"]);
     };
   }
 });
@@ -15802,7 +15825,8 @@ function useCategorySearch(props, ctx2) {
     toggleScrollToTail,
     showSearchCategory,
     filterNameRules,
-    extendConfig
+    extendConfig,
+    appendToBody
   } = toRefs(props);
   const innerCategory = ref([]);
   const innerSelectedTags = ref([]);
@@ -15924,7 +15948,7 @@ function useCategorySearch(props, ctx2) {
   };
   const onSearchKeyTagClick = () => {
     innerSearchKey.value = searchKeyCache;
-    inputRef.value.focus();
+    props.inputAutofocus && inputRef.value.focus();
     ctx2.emit("searchKeyChange", innerSearchKey.value);
   };
   const clearFilter = (event) => {
@@ -15955,7 +15979,7 @@ function useCategorySearch(props, ctx2) {
       }
       currentSelectTag.value.title = setTitle(currentSelectTag.value, currentSelectTag.value.type || "", "");
       inputRef.value.openMenu();
-      inputRef.value.focus();
+      props.inputAutofocus && inputRef.value.focus();
     }, DROPDOWN_ANIMATION_TIMEOUT);
   };
   const searchKeyChangeEvent = (event) => {
@@ -16095,6 +16119,7 @@ function useCategorySearch(props, ctx2) {
     innerTextConfig,
     tagMaxWidth,
     inputReadOnly,
+    appendToBody,
     placeholder,
     innerSearchKey,
     innerSelectedTags,
@@ -16190,7 +16215,7 @@ function useCategorySearch(props, ctx2) {
   }
   function finishChoose() {
     currentSelectTag.value = void 0;
-    inputRef.value.focus();
+    props.inputAutofocus && inputRef.value.focus();
   }
   function afterDropdownClosed() {
     setTimeout(() => {
@@ -16355,7 +16380,7 @@ function useCategorySearch(props, ctx2) {
         inputRef.value.scrollIntoView();
       }
     } else if (!isInit) {
-      inputRef.value.focus();
+      props.inputAutofocus && inputRef.value.focus();
     }
   }
   function setValue(data, isSelectedTags = false) {
@@ -22524,7 +22549,7 @@ function useDataGridTree(props, ctx2, afterToggleExpandTree) {
     }
     return result2;
   };
-  const toggleChildNodeVisible = (node) => {
+  const toggleChildNodeVisible2 = (node) => {
     var _a, _b;
     if (!((_a = node.childList) == null ? void 0 : _a.length)) {
       return;
@@ -22558,7 +22583,7 @@ function useDataGridTree(props, ctx2, afterToggleExpandTree) {
         (_a = node.childList) == null ? void 0 : _a.push(childList[i]);
       }
     }
-    toggleChildNodeVisible(node);
+    toggleChildNodeVisible2(node);
     afterToggleExpandTree();
   };
   const toggleRowExpansion = (node, status2) => {
@@ -22575,7 +22600,7 @@ function useDataGridTree(props, ctx2, afterToggleExpandTree) {
     if (!innerNode.isLeaf && !((_a = innerNode.childList) == null ? void 0 : _a.length)) {
       ctx2.emit("expandLoadMore", innerNode, dealChildNodes);
     } else {
-      toggleChildNodeVisible(innerNode);
+      toggleChildNodeVisible2(innerNode);
       afterToggleExpandTree();
     }
     ctx2.emit("expandChange", innerNode.$expand, innerNode);
@@ -27936,8 +27961,8 @@ function __generator(thisArg, body2) {
     if (t[0] & 1)
       throw t[1];
     return t[1];
-  }, trys: [], ops: [] }, f, y, t, g;
-  return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+  }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+  return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() {
     return this;
   }), g;
   function verb(n) {
@@ -28060,16 +28085,24 @@ function __asyncGenerator(thisArg, _arguments, generator) {
   if (!Symbol.asyncIterator)
     throw new TypeError("Symbol.asyncIterator is not defined.");
   var g = generator.apply(thisArg, _arguments || []), i, q = [];
-  return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function() {
+  return i = Object.create((typeof AsyncIterator === "function" ? AsyncIterator : Object).prototype), verb("next"), verb("throw"), verb("return", awaitReturn), i[Symbol.asyncIterator] = function() {
     return this;
   }, i;
-  function verb(n) {
-    if (g[n])
+  function awaitReturn(f) {
+    return function(v) {
+      return Promise.resolve(v).then(f, reject);
+    };
+  }
+  function verb(n, f) {
+    if (g[n]) {
       i[n] = function(v) {
         return new Promise(function(a, b) {
           q.push([n, v, a, b]) > 1 || resume(n, v);
         });
       };
+      if (f)
+        i[n] = f(i[n]);
+    }
   }
   function resume(n, v) {
     try {
@@ -42727,6 +42760,10 @@ const selectProps = {
   },
   maxLength: {
     type: Number
+  },
+  appendToBody: {
+    type: Boolean,
+    default: true
   }
 };
 const optionProps = {
@@ -43167,7 +43204,8 @@ var Select = defineComponent({
       }, [createVNode(SelectContent, {
         "ref": selectRef
       }, null), createVNode(Teleport, {
-        "to": "body"
+        "to": "body",
+        "disabled": !props.appendToBody
       }, {
         default: () => [createVNode(Transition, {
           "name": `fade-${currentPosition.value}`
@@ -52341,14 +52379,33 @@ function useInitSelectCollection() {
     clearInitSelectedNodes
   };
 }
+const toggleChildNodeVisible = (node, visible) => {
+  var _a;
+  if (!((_a = node.childList) == null ? void 0 : _a.length)) {
+    return;
+  }
+  const nodeList2 = [...node.childList];
+  while (nodeList2.length) {
+    const item = nodeList2.shift();
+    if (item) {
+      item.showNode = visible;
+      if (visible && item.expanded || !visible && item.childNodeCount) {
+        const temp = item.childList || [];
+        nodeList2.push(...temp);
+      }
+    }
+  }
+};
 const { setInitSelectedNode } = useInitSelectCollection();
-function generateInnerTree(tree2, key = "children", level = 0, path = []) {
+function generateInnerTree(tree2, key = "children", level = 0, parentNode = {}) {
+  var _a, _b, _c;
   level++;
-  return tree2.reduce((acc, item, currentIndex) => {
-    var _a, _b, _c;
+  const result2 = [];
+  for (let i = 0; i < tree2.length; i++) {
+    const item = tree2[i];
     const newItem = Object.assign({}, item);
     if (newItem.id === void 0) {
-      newItem.id = randomId();
+      newItem.id = v4();
       newItem.idType = "random";
     }
     if (newItem.selected) {
@@ -52356,24 +52413,30 @@ function generateInnerTree(tree2, key = "children", level = 0, path = []) {
     }
     newItem.level = level;
     newItem.parentChildNodeCount = tree2.length;
-    newItem.currentIndex = currentIndex;
+    newItem.currentIndex = i;
     newItem.childNodeCount = ((_a = newItem.children) == null ? void 0 : _a.length) || 0;
-    if (path.length > 0 && ((_b = path[path.length - 1]) == null ? void 0 : _b.level) >= level) {
-      while (((_c = path[path.length - 1]) == null ? void 0 : _c.level) >= level) {
-        path.pop();
-      }
-    }
-    path.push(newItem);
-    const parentNode = path[path.length - 2];
+    newItem.isLeaf = (_c = newItem.isLeaf) != null ? _c : !((_b = newItem.children) == null ? void 0 : _b.length);
+    newItem.showNode = level === 1;
     if (parentNode) {
       newItem.parentId = parentNode.id;
     }
     if (!newItem[key]) {
-      return acc.concat({ ...newItem, isLeaf: newItem.isLeaf === false ? false : true });
+      result2.push({ ...newItem, isLeaf: newItem.isLeaf === false ? false : true });
     } else {
-      return acc.concat(omit(newItem, "children"), generateInnerTree(newItem[key], key, level, path));
+      const children = generateInnerTree(newItem[key], key, level, newItem);
+      const childList = [];
+      for (let j = 0; j < children.length; j++) {
+        const item2 = children[j];
+        if (item2.parentId === newItem.id) {
+          childList.push(item2);
+        }
+      }
+      newItem.childList = childList;
+      newItem.expanded && toggleChildNodeVisible(newItem, true);
+      result2.push(omit(newItem, "children"), ...children);
     }
-  }, []);
+  }
+  return result2;
 }
 const DEFAULT_CONFIG = {
   expanded: false,
@@ -52382,9 +52445,67 @@ const DEFAULT_CONFIG = {
 function useCore() {
   const nodeMap2 = /* @__PURE__ */ new Map();
   return function useCoreFn(data) {
+    const hashTreeData = shallowRef({});
+    const updateHashTreeData = () => {
+      hashTreeData.value = {};
+      for (let i = 0; i < data.value.length; i++) {
+        const item = data.value[i];
+        if (hashTreeData.value[item.id]) {
+          console.error(`\u8282\u70B9id\u3010${item.id}\u3011\u91CD\u590D`);
+        } else {
+          hashTreeData.value[item.id] = item;
+        }
+      }
+    };
+    const getInnerNode = (node) => {
+      if (!node) {
+        return null;
+      }
+      if (node.id != void 0 && hashTreeData.value[node.id]) {
+        return hashTreeData.value[node.id];
+      }
+      return null;
+    };
     const getLevel = (node) => {
+      const innerNode = getInnerNode(node);
+      if (innerNode) {
+        return innerNode.level;
+      }
+      return void 0;
+    };
+    const toggleChildNodeVisible2 = (node, visible) => {
       var _a;
-      return (_a = data.value.find((item) => item.id === node.id)) == null ? void 0 : _a.level;
+      if (!((_a = node.childList) == null ? void 0 : _a.length)) {
+        return;
+      }
+      const nodeList2 = [...node.childList];
+      while (nodeList2.length) {
+        const item = nodeList2.shift();
+        if (item) {
+          item.showNode = visible;
+          if (visible && item.expanded || !visible && item.childNodeCount) {
+            const temp = item.childList || [];
+            nodeList2.push(...temp);
+          }
+        }
+      }
+    };
+    const getInnerExpendedTree = () => {
+      return computed(() => {
+        let excludeNodes = [];
+        const result2 = [];
+        for (let i = 0, len = data == null ? void 0 : data.value.length; i < len; i++) {
+          const item = data == null ? void 0 : data.value[i];
+          if (excludeNodes.map((innerNode) => innerNode.id).includes(item.id)) {
+            continue;
+          }
+          if (item.expanded !== true && !item.isLeaf) {
+            excludeNodes = getChildren(item);
+          }
+          result2.push(item);
+        }
+        return result2;
+      });
     };
     const getChildren = (node, userConfig = DEFAULT_CONFIG) => {
       if (node.isLeaf) {
@@ -52403,31 +52524,15 @@ function useCore() {
           return cacheNode;
         }
       }
-      const getInnerExpendedTree = () => {
-        return computed(() => {
-          let excludeNodes = [];
-          const result22 = [];
-          for (let i = 0, len = data == null ? void 0 : data.value.length; i < len; i++) {
-            const item = data == null ? void 0 : data.value[i];
-            if (excludeNodes.map((innerNode) => innerNode.id).includes(item.id)) {
-              continue;
-            }
-            if (item.expanded !== true && !item.isLeaf) {
-              excludeNodes = getChildren(item);
-            }
-            result22.push(item);
-          }
-          return result22;
-        });
-      };
       const result2 = [];
       const config2 = { ...DEFAULT_CONFIG, ...userConfig };
       const treeData = config2.expanded ? getInnerExpendedTree() : data;
       const startIndex = treeData.value.findIndex((item) => item.id === node.id);
-      for (let i = startIndex + 1; i < treeData.value.length && getLevel(node) < treeData.value[i].level; i++) {
+      const nodeLevel = node.level;
+      for (let i = startIndex + 1; i < treeData.value.length && nodeLevel < treeData.value[i].level; i++) {
         if (config2.recursive && !treeData.value[i].isHide) {
           result2.push(treeData.value[i]);
-        } else if (getLevel(node) === treeData.value[i].level - 1 && !treeData.value[i].isHide) {
+        } else if (nodeLevel === treeData.value[i].level - 1 && !treeData.value[i].isHide) {
           result2.push(treeData.value[i]);
         }
       }
@@ -52440,24 +52545,38 @@ function useCore() {
       nodeMap2.clear();
     };
     const getParent = (node) => {
-      return data.value.find((item) => item.id === node.parentId);
+      if (node.parentId !== void 0) {
+        return hashTreeData.value[node.parentId];
+      }
+      return void 0;
+    };
+    const getLastChild = (node) => {
+      const children = getChildren(node, { recursive: false });
+      const lastChild = children[children.length - 1];
+      return (lastChild == null ? void 0 : lastChild.childNodeCount) ? getLastChild(lastChild) : lastChild;
+    };
+    const getFlattenChildren = (node) => {
+      const lastChild = getLastChild(node);
+      const startPos = getIndex(node) + 1;
+      const endPos = lastChild ? getIndex(lastChild) + 1 : startPos;
+      return data.value.slice(startPos, endPos);
     };
+    let showTreeList;
     const getExpendedTree = () => {
-      return computed(() => {
-        let excludeNodes = [];
-        const result2 = [];
-        for (let i = 0, len = data == null ? void 0 : data.value.length; i < len; i++) {
-          const item = data == null ? void 0 : data.value[i];
-          if (excludeNodes.map((node) => node.id).includes(item.id) || item.isHide) {
-            continue;
-          }
-          if (item.expanded !== true) {
-            excludeNodes = getChildren(item);
+      if (showTreeList) {
+        return showTreeList;
+      }
+      showTreeList = computed(() => {
+        const res = [];
+        const originDataVal = toValue(data);
+        for (const item of originDataVal) {
+          if (!item.isHide && item.showNode) {
+            res.push(item);
           }
-          result2.push(item);
         }
-        return result2;
+        return res;
       });
+      return showTreeList;
     };
     const getIndex = (node) => {
       if (!node) {
@@ -52466,17 +52585,25 @@ function useCore() {
       return data.value.findIndex((item) => item.id === node.id);
     };
     const getNode = (node) => {
-      return data.value.find((item) => item.id === node.id);
+      var _a;
+      if (typeof node === "string" || typeof node === "number") {
+        return hashTreeData.value[node];
+      } else {
+        return (_a = getInnerNode(node)) != null ? _a : void 0;
+      }
     };
     const setNodeValue = (node, key, value) => {
       clearNodeMap();
-      if (getIndex(node) !== -1) {
-        data.value[getIndex(node)][key] = value;
+      const innerNode = getInnerNode(node);
+      if (!innerNode) {
+        return;
       }
+      innerNode[key] = value;
     };
     const setTree = (newTree) => {
       clearNodeMap();
       data.value = generateInnerTree(newTree);
+      updateHashTreeData();
     };
     const getTree = () => {
       return data.value;
@@ -52494,7 +52621,11 @@ function useCore() {
       getNode,
       setNodeValue,
       setTree,
-      getTree
+      getTree,
+      updateHashTreeData,
+      toggleChildNodeVisible: toggleChildNodeVisible2,
+      hashTreeData,
+      getFlattenChildren
     };
   };
 }
@@ -52729,7 +52860,7 @@ function useDragdrop(props, data) {
 }
 function useLazyLoad() {
   return function useLazyLoadFn(data, core, context2) {
-    const { getNode, setNodeValue, getIndex, getChildren } = core;
+    const { getNode, setNodeValue, getIndex, getChildren, updateHashTreeData, toggleChildNodeVisible: toggleChildNodeVisible2 } = core;
     const setCommonParent = (node, nodes) => {
       nodes.value.forEach((item) => {
         if (item.level - 1 === node.level && !item.parentId) {
@@ -52743,14 +52874,21 @@ function useLazyLoad() {
         data.value.splice(parentIndex + 1, 0, ...nodes.value);
       }
     };
+    const setChildList = (parent, nodes) => {
+      const childList = nodes.value.filter((node) => node.parentId === parent.id);
+      parent.childList = [...childList];
+    };
     const dealChildNodes = (result2) => {
       const node = getNode(result2.node);
       setNodeValue(node, "loading", false);
       const childNodes = ref(generateInnerTree(result2.treeItems, "children", node.level));
       setCommonParent(node, childNodes);
       insertChildrenNodes(node, childNodes);
+      updateHashTreeData();
       const childrenNodes = getChildren(node);
       setNodeValue(node, "childNodeCount", childrenNodes.length);
+      setChildList(node, childNodes);
+      toggleChildNodeVisible2(node, true);
     };
     const lazyLoadNodes = (node) => {
       const innerNode = getNode(node);
@@ -52766,7 +52904,7 @@ function useLazyLoad() {
 }
 function useOperate() {
   return function useOperateFn(data, core) {
-    const { setNodeValue, getChildren, getIndex, getLevel, getParent } = core;
+    const { setNodeValue, getChildren, getIndex, getLevel, getParent, updateHashTreeData, getFlattenChildren } = core;
     const insertBefore = (parentNode, node, referenceNode) => {
       const children = getChildren(parentNode, {
         recursive: false
@@ -52793,30 +52931,54 @@ function useOperate() {
         level: getLevel(parentNode) + 1,
         parentId: parentNode.id,
         isLeaf: true,
+        showNode: true,
         parentChildNodeCount: children.length + 1,
         currentIndex: lastChild && typeof lastChild.currentIndex === "number" ? lastChild.currentIndex + 1 : 0
       });
       if (currentNode.value.id === void 0) {
         currentNode.value.id = randomId();
       }
+      parentNode.childList = [];
       data.value = data.value.slice(0, insertedIndex).concat(currentNode.value, data.value.slice(insertedIndex, data.value.length));
+      data.value.forEach((item) => {
+        var _a;
+        if (item.parentId === parentNode.id) {
+          setNodeValue(item, "parentChildNodeCount", children.length + 1);
+          (_a = parentNode.childList) == null ? void 0 : _a.push(toRaw(item));
+        }
+      });
+      parentNode.childList.forEach((v, i) => v.currentIndex = i);
+      parentNode.children = parentNode.childList;
+      parentNode.isLeaf = !parentNode.children.length;
+      updateHashTreeData();
     };
     const removeNode = (node, config2 = { recursive: true }) => {
+      var _a;
       if (!config2.recursive) {
         getChildren(node).forEach((child) => {
           setNodeValue(child, "level", getLevel(child) - 1);
         });
       }
-      data.value = data.value.filter((item) => {
-        if (config2.recursive) {
-          return item.id !== node.id && !getChildren(node).map((nodeItem) => nodeItem.id).includes(item.id);
+      const children = getFlattenChildren(node);
+      const removeIds = [node.id, ...children.map((v) => v.id)];
+      data.value = data.value.filter((item) => !removeIds.includes(item.id));
+      const parentNode = getParent(node);
+      const originParentNode = toRaw(parentNode);
+      if (parentNode && originParentNode) {
+        const parentChildren = getChildren(parentNode);
+        if (parentChildren == null ? void 0 : parentChildren.length) {
+          const list2 = originParentNode.childList || [];
+          parentNode.childList = (_a = list2.filter((item) => item.id !== node.id)) != null ? _a : [];
+          setNodeValue(parentNode, "childNodeCount", list2.length);
         } else {
-          return item.id !== node.id;
+          parentNode.childList = [];
+          setNodeValue(parentNode, "childNodeCount", 0);
+          setNodeValue(parentNode, "isLeaf", true);
+          setNodeValue(parentNode, "expanded", false);
         }
-      });
-      if (getParent(node) && getChildren(getParent(node)).length === 0) {
-        setNodeValue(getParent(node), "isLeaf", true);
+        parentNode.children = originParentNode.children;
       }
+      updateHashTreeData();
     };
     const editNode = (node, label) => {
       setNodeValue(node, "label", label);
@@ -52865,7 +53027,7 @@ function useMergeNodes() {
 }
 function useSearchFilter() {
   return function useSearchFilterFn(data, core) {
-    const { clearNodeMap, getExpendedTree } = core;
+    const { clearNodeMap, getExpendedTree, toggleChildNodeVisible: toggleChildNodeVisible2, hashTreeData } = core;
     const virtualListRef = ref();
     const resetNodeSearchProperty = () => {
       data.value.forEach((item) => {
@@ -52878,11 +53040,29 @@ function useSearchFilter() {
         virtualListRef.value.scrollTo(0);
       }
     };
-    const hasDealParentNode = (pre, cur, parentIdSet) => {
-      return data.value[pre].parentId === data.value[cur].parentId && data.value[pre].isMatched || parentIdSet.has(data.value[pre].id) && data.value[pre].childrenMatched;
+    const delParent = (set) => {
+      const arr = Array.from(set);
+      const tempSet = /* @__PURE__ */ new Set();
+      for (let i = 0; i < arr.length; i++) {
+        const node = hashTreeData.value[arr[i]];
+        if (!node) {
+          continue;
+        }
+        node.childrenMatched = true;
+        node.expanded = true;
+        if (node.parentId) {
+          tempSet.add(node.parentId);
+        } else {
+          toggleChildNodeVisible2(node, true);
+        }
+      }
+      if (tempSet.size) {
+        delParent(tempSet);
+      }
     };
     const dealMatchedData = (target, matchKey, pattern4) => {
       const trimmedTarget = lodash.exports.trim(target).toLocaleLowerCase();
+      const set = /* @__PURE__ */ new Set();
       for (let i = 0; i < data.value.length; i++) {
         const key = matchKey ? data.value[i][matchKey] : data.value[i].label;
         const selfMatched = pattern4 ? pattern4.test(key) : key.toLocaleLowerCase().includes(trimmedTarget);
@@ -52892,23 +53072,10 @@ function useSearchFilter() {
           if (!data.value[i].parentId) {
             continue;
           }
-          let L = i - 1;
-          const set = /* @__PURE__ */ new Set();
           set.add(data.value[i].parentId);
-          while (L >= 0 && data.value[L].parentId && !hasDealParentNode(L, i, set)) {
-            if (set.has(data.value[L].id)) {
-              data.value[L].childrenMatched = true;
-              data.value[L].expanded = true;
-              set.add(data.value[L].parentId);
-            }
-            L--;
-          }
-          if (L >= 0 && !data.value[L].parentId && set.has(data.value[L].id)) {
-            data.value[L].childrenMatched = true;
-            data.value[L].expanded = true;
-          }
         }
       }
+      delParent(set);
     };
     const hasParentNodeMatched = (pre, cur, parentIdSet) => {
       return parentIdSet.has(data.value[pre].id) && data.value[pre].isMatched;
@@ -53016,13 +53183,14 @@ function useSelect$1() {
 }
 function useToggle$1() {
   return function useToggleFn(data, core, context2, lazyLode) {
-    const { getNode, setNodeValue } = core;
+    const { getNode, setNodeValue, toggleChildNodeVisible: toggleChildNodeVisible2 } = core;
     const { lazyLoadNodes } = lazyLode;
     const expandNode = (node) => {
       if (node.disableToggle || node.loading) {
         return;
       }
       setNodeValue(node, "expanded", true);
+      toggleChildNodeVisible2(node, true);
       context2.emit("toggle-change", node);
     };
     const collapseNode = (node) => {
@@ -53030,6 +53198,7 @@ function useToggle$1() {
         return;
       }
       setNodeValue(node, "expanded", false);
+      toggleChildNodeVisible2(node, false);
       context2.emit("toggle-change", node);
     };
     const toggleNode = (node) => {
@@ -53045,7 +53214,11 @@ function useToggle$1() {
     };
     const expandAllNodes = () => {
       data.value.forEach((node) => {
-        expandNode(node);
+        if (node.disableToggle || node.loading) {
+          return;
+        }
+        node.expanded = true;
+        node.showNode = true;
       });
     };
     return {
@@ -53060,6 +53233,7 @@ const DEFAULT_TREE_PLUGINS = [useToggle$1()];
 function useTree(tree2, plugins = [], context2) {
   const treeData = ref(generateInnerTree(tree2));
   const core = useCore()(treeData);
+  core.updateHashTreeData();
   const lazyLode = useLazyLoad()(treeData, core, context2);
   const pluginMethods = DEFAULT_TREE_PLUGINS.concat(plugins).reduce((acc, plugin) => {
     return { ...acc, ...plugin(treeData, core, context2, lazyLode) };
@@ -54643,7 +54817,7 @@ const installs = [
   VirtualListInstall
 ];
 var vueDevui = {
-  version: "1.6.34",
+  version: "1.6.35",
   install(app) {
     installs.forEach((p) => app.use(p));
   }