vue-devui 1.6.34 → 1.6.35

package/tooltip/index.es.js

@@ -310,7 +310,7 @@ const FlexibleOverlay = defineComponent({
 });
 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
 **/

package/tooltip/index.umd.js

@@ -1,5 +1,5 @@
 (function(zn,x){typeof exports=="object"&&typeof module!="undefined"?x(exports,require("vue"),require("@floating-ui/dom")):typeof define=="function"&&define.amd?define(["exports","vue","@floating-ui/dom"],x):(zn=typeof globalThis!="undefined"?globalThis:zn||self,x(zn.index={},zn.Vue,zn.dom))})(this,function(zn,x,ze){"use strict";const mo={modelValue:{type:Boolean,default:!1},lockScroll:{type:Boolean,default:!0},closeOnClickOverlay:{type:Boolean,default:!0}};function yo(){if(document.documentElement.scrollHeight>document.documentElement.clientHeight){const y=document.documentElement.scrollTop,T=document.documentElement.getAttribute("style");return document.documentElement.style.position="fixed",document.documentElement.style.top=`-${y}px`,document.documentElement.style.width=document.documentElement.style.width||"100%",document.documentElement.style.overflowY="scroll",()=>{T?document.documentElement.setAttribute("style",T):document.documentElement.removeAttribute("style"),document.documentElement.scrollTop=y}}}function Ao(y,T){let o;const X=U=>{U.preventDefault(),T.emit("click",U),y.closeOnClickOverlay&&T.emit("update:modelValue",!1)},q=()=>{o==null||o()};return x.watch(()=>y.modelValue,U=>{U?y.lockScroll&&(o=yo()):q()}),x.onUnmounted(q),{onClick:X}}function _t(y,T,o){let X=y;return T&&(X+=`__${T}`),o&&(X+=`--${o}`),X}function vt(y,T=!1){const o=T?`.devui-${y}`:`devui-${y}`;return{b:()=>_t(o),e:z=>z?_t(o,z):"",m:z=>z?_t(o,"",z):"",em:(z,H)=>z&&H?_t(o,z,H):""}}var Cd="";x.defineComponent({name:"DFixedOverlay",inheritAttrs:!1,props:mo,emits:["update:modelValue","click"],setup(y,T){const{modelValue:o}=x.toRefs(y),X=vt("fixed-overlay"),{onClick:q}=Ao(y,T);return()=>x.createVNode(x.Transition,{name:X.m("fade")},{default:()=>{var U,M;return[o.value&&x.createVNode("div",x.mergeProps({class:X.b()},T.attrs,{onClick:q}),[(M=(U=T.slots).default)==null?void 0:M.call(U)])]}})}});const Eo={modelValue:{type:Boolean,default:!1},origin:{type:Object,require:!0},position:{type:Array,default:["bottom"]},offset:{type:[Number,Object],default:8},shiftOffset:{type:Number},align:{type:String,default:null},showArrow:{type:Boolean,default:!1},isArrowCenter:{type:Boolean,default:!0},clickEventBubble:{type:Boolean,default:!1},fitOriginWidth:{type:Boolean,default:!1}};function Ro(y,T,o,X){let{x:q,y:U}=T;if(!y){const{width:M,height:z}=X;q&&o.includes("start")&&(q=12),q&&o.includes("end")&&(q=Math.round(M-24)),U&&o.includes("start")&&(U=10),U&&o.includes("end")&&(U=z-14)}return{x:q,y:U}}function To(y,T){const{fitOriginWidth:o,position:X,showArrow:q}=x.toRefs(y),U=x.ref(),M=x.ref(),z=x.ref(0);let H;const _n=x.computed(()=>o.value?{width:z.value+"px"}:{}),yn=(D,W,en,tn)=>{const{x:an,y:k}=Ro(y.isArrowCenter,en,W,tn.getBoundingClientRect()),Zn={top:"bottom",right:"left",bottom:"top",left:"right"}[W.split("-")[0]];Object.assign(D.style,{left:an?`${an}px`:"",top:k?`${k}px`:"",right:"",bottom:"",[Zn]:"-4px"})},Y=async()=>{const D=y.origin,W=x.unref(U.value),en=x.unref(M.value),[tn,...an]=X.value,k=[ze.offset(y.offset)];k.push(an.length?ze.flip({fallbackPlacements:an}):ze.flip()),q.value&&k.push(ze.arrow({element:M.value}));const{x:Zn,y:Un,placement:le,middlewareData:Ze}=await ze.computePosition(D,W,{strategy:"fixed",placement:tn,middleware:k});let gr=Zn,pr=Un;T("positionChange",le),Object.assign(W.style,{top:`${pr}px`,left:`${gr}px`}),y.showArrow&&yn(en,le,Ze.arrow,W)},Yn=D=>{var en,tn;const W=D.target;W!=null&&W.contains((tn=(en=y.origin)==null?void 0:en.$el)!=null?tn:y.origin)&&Y()},On=D=>{z.value=D.getBoundingClientRect().width,Y()},In=()=>{var D,W;if(o.value&&typeof window!="undefined"){const en=(W=(D=y.origin)==null?void 0:D.$el)!=null?W:y.origin;en&&(H=new window.ResizeObserver(()=>On(en)),H.observe(en))}},sn=()=>{var W,en;const D=(en=(W=y.origin)==null?void 0:W.$el)!=null?en:y.origin;D&&(H==null||H.unobserve(D))};return x.watch(()=>y.modelValue,()=>{y.modelValue&&y.origin?(x.nextTick(Y),window.addEventListener("scroll",Yn,!0),window.addEventListener("resize",Y),In()):(window.removeEventListener("scroll",Yn,!0),window.removeEventListener("resize",Y),sn())}),x.onUnmounted(()=>{window.removeEventListener("scroll",Yn,!0),window.removeEventListener("resize",Y),sn()}),{arrowRef:M,overlayRef:U,styles:_n,updatePosition:Y}}var Sd="";const Co=x.defineComponent({name:"DFlexibleOverlay",inheritAttrs:!1,props:Eo,emits:["update:modelValue","positionChange"],setup(y,{slots:T,attrs:o,emit:X,expose:q}){const U=vt("flexible-overlay"),{clickEventBubble:M}=x.toRefs(y),{arrowRef:z,overlayRef:H,styles:_n,updatePosition:yn}=To(y,X);return q({updatePosition:yn}),()=>{var Y;return y.modelValue&&x.createVNode("div",x.mergeProps({ref:H,class:U.b(),style:_n.value},o,{onClick:x.withModifiers(()=>({}),[M.value?"":"stop"]),onPointerup:x.withModifiers(()=>({}),["stop"])}),[(Y=T.default)==null?void 0:Y.call(T),y.showArrow&&x.createVNode("div",{ref:z,class:U.e("arrow")},null)])}}}),Di=Symbol("popper-trigger");/**
-* @vue/shared v3.4.27
+* @vue/shared v3.5.22
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/const So=y=>y!==null&&typeof y=="object",Oo=vt("popper-trigger");function Fi(y){return x.h("span",{class:Oo.b()},y)}function Ui(y){for(const T of y){if(So(T)){if(T.type===x.Comment)continue;return T.type==="svg"||T.type===x.Text?Fi(T):T.type===x.Fragment?Ui(T.children):T}return Fi(T)}return null}var Io=x.defineComponent({name:"DPopperTrigger",setup(y,T){const{slots:o,attrs:X}=T;return()=>{var z;const q=(z=o.default)==null?void 0:z.call(o,X),U=x.inject(Di);if(!q)return null;const M=Ui(q);return M?x.withDirectives(x.cloneVNode(M,X),[[{mounted(H){U.value=H},updated(H){U.value=H},unmounted(){U.value=null}}]]):null}}});const Ni={content:{type:String,default:""},position:{type:[String,Array],default:()=>["top","right","bottom","left"]},showAnimation:{type:Boolean,default:!0},mouseEnterDelay:{type:Number,default:150},mouseLeaveDelay:{type:Number,default:100},enterable:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},hideAfter:{type:Number,default:0},overlayClass:{type:String,default:""},teleport:{type:[String,Object],default:"body"}};var Ye=typeof globalThis!="undefined"?globalThis:typeof window!="undefined"?window:typeof global!="undefined"?global:typeof self!="undefined"?self:{},wt={exports:{}};/**

package/tree/index.es.js

@@ -1,4 +1,4 @@
-import { ref, onUnmounted, computed, reactive, createVNode, defineComponent, toRefs, inject, getCurrentInstance, watch, provide, Transition, mergeProps, nextTick, unref, withModifiers, Comment, Text, Fragment, h, withDirectives, cloneVNode, onMounted, Teleport, createTextVNode, onBeforeUnmount, toRef, renderSlot, useSlots, resolveComponent, isVNode, onUpdated, shallowRef, toRaw, watchEffect, TransitionGroup } from "vue";
+import { ref, shallowRef, onUnmounted, computed, toValue, reactive, toRaw, createVNode, defineComponent, toRefs, inject, getCurrentInstance, watch, provide, Transition, mergeProps, nextTick, unref, withModifiers, Comment, Text, Fragment, h, withDirectives, cloneVNode, onMounted, Teleport, createTextVNode, onBeforeUnmount, toRef, renderSlot, useSlots, resolveComponent, isVNode, onUpdated, watchEffect, TransitionGroup } from "vue";
 import "clipboard";
 import { offset, flip, arrow, computePosition } from "@floating-ui/dom";
 const USE_TREE_TOKEN = "use-tree-token";
@@ -109,6 +109,45 @@ function useCheck(options = ref({ checkStrategy: "both" })) {
     };
   };
 }
+let getRandomValues;
+const rnds8 = new Uint8Array(16);
+function rng() {
+  if (!getRandomValues) {
+    getRandomValues = typeof crypto !== "undefined" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);
+    if (!getRandomValues) {
+      throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
+    }
+  }
+  return getRandomValues(rnds8);
+}
+const byteToHex = [];
+for (let i = 0; i < 256; ++i) {
+  byteToHex.push((i + 256).toString(16).slice(1));
+}
+function unsafeStringify(arr, offset2 = 0) {
+  return byteToHex[arr[offset2 + 0]] + byteToHex[arr[offset2 + 1]] + byteToHex[arr[offset2 + 2]] + byteToHex[arr[offset2 + 3]] + "-" + byteToHex[arr[offset2 + 4]] + byteToHex[arr[offset2 + 5]] + "-" + byteToHex[arr[offset2 + 6]] + byteToHex[arr[offset2 + 7]] + "-" + byteToHex[arr[offset2 + 8]] + byteToHex[arr[offset2 + 9]] + "-" + byteToHex[arr[offset2 + 10]] + byteToHex[arr[offset2 + 11]] + byteToHex[arr[offset2 + 12]] + byteToHex[arr[offset2 + 13]] + byteToHex[arr[offset2 + 14]] + byteToHex[arr[offset2 + 15]];
+}
+const randomUUID = typeof crypto !== "undefined" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
+var native = {
+  randomUUID
+};
+function v4(options, buf, offset2) {
+  if (native.randomUUID && !buf && !options) {
+    return native.randomUUID();
+  }
+  options = options || {};
+  const rnds = options.random || (options.rng || rng)();
+  rnds[6] = rnds[6] & 15 | 64;
+  rnds[8] = rnds[8] & 63 | 128;
+  if (buf) {
+    offset2 = offset2 || 0;
+    for (let i = 0; i < 16; ++i) {
+      buf[offset2 + i] = rnds[i];
+    }
+    return buf;
+  }
+  return unsafeStringify(rnds);
+}
 function lockScroll() {
   if (document.documentElement.scrollHeight > document.documentElement.clientHeight) {
     const scrollTop = document.documentElement.scrollTop;
@@ -184,14 +223,33 @@ function useInitSelectCollection() {
     clearInitSelectedNodes
   };
 }
+const toggleChildNodeVisible = (node, visible) => {
+  var _a;
+  if (!((_a = node.childList) == null ? void 0 : _a.length)) {
+    return;
+  }
+  const nodeList = [...node.childList];
+  while (nodeList.length) {
+    const item = nodeList.shift();
+    if (item) {
+      item.showNode = visible;
+      if (visible && item.expanded || !visible && item.childNodeCount) {
+        const temp = item.childList || [];
+        nodeList.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 result = [];
+  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) {
@@ -199,24 +257,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 });
+      result.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);
+      result.push(omit(newItem, "children"), ...children);
     }
-  }, []);
+  }
+  return result;
 }
 const DEFAULT_CONFIG = {
   expanded: false,
@@ -225,9 +289,67 @@ const DEFAULT_CONFIG = {
 function useCore() {
   const nodeMap = /* @__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 nodeList = [...node.childList];
+      while (nodeList.length) {
+        const item = nodeList.shift();
+        if (item) {
+          item.showNode = visible;
+          if (visible && item.expanded || !visible && item.childNodeCount) {
+            const temp = item.childList || [];
+            nodeList.push(...temp);
+          }
+        }
+      }
+    };
+    const getInnerExpendedTree = () => {
+      return computed(() => {
+        let excludeNodes = [];
+        const result = [];
+        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);
+          }
+          result.push(item);
+        }
+        return result;
+      });
     };
     const getChildren = (node, userConfig = DEFAULT_CONFIG) => {
       if (node.isLeaf) {
@@ -246,31 +368,15 @@ function useCore() {
           return cacheNode;
         }
       }
-      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 result = [];
       const config = { ...DEFAULT_CONFIG, ...userConfig };
       const treeData = config.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 (config.recursive && !treeData.value[i].isHide) {
           result.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) {
           result.push(treeData.value[i]);
         }
       }
@@ -283,24 +389,38 @@ function useCore() {
       nodeMap.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 result = [];
-        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);
           }
-          result.push(item);
         }
-        return result;
+        return res;
       });
+      return showTreeList;
     };
     const getIndex = (node) => {
       if (!node) {
@@ -309,17 +429,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;
@@ -337,7 +465,11 @@ function useCore() {
       getNode,
       setNodeValue,
       setTree,
-      getTree
+      getTree,
+      updateHashTreeData,
+      toggleChildNodeVisible: toggleChildNodeVisible2,
+      hashTreeData,
+      getFlattenChildren
     };
   };
 }
@@ -1118,12 +1250,12 @@ function initCloneArray$1(array4) {
 }
 var _initCloneArray = initCloneArray$1;
 var root = _root;
-var Uint8Array$1 = root.Uint8Array;
-var _Uint8Array = Uint8Array$1;
-var Uint8Array = _Uint8Array;
+var Uint8Array$2 = root.Uint8Array;
+var _Uint8Array = Uint8Array$2;
+var Uint8Array$1 = _Uint8Array;
 function cloneArrayBuffer$3(arrayBuffer) {
   var result = new arrayBuffer.constructor(arrayBuffer.byteLength);
-  new Uint8Array(result).set(new Uint8Array(arrayBuffer));
+  new Uint8Array$1(result).set(new Uint8Array$1(arrayBuffer));
   return result;
 }
 var _cloneArrayBuffer = cloneArrayBuffer$3;
@@ -1561,7 +1693,7 @@ function useDragdrop(props, data) {
 }
 function useLazyLoad() {
   return function useLazyLoadFn(data, core, context) {
-    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) {
@@ -1575,14 +1707,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 = (result) => {
       const node = getNode(result.node);
       setNodeValue(node, "loading", false);
       const childNodes = ref(generateInnerTree(result.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);
@@ -1598,7 +1737,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
@@ -1625,30 +1764,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, config = { recursive: true }) => {
+      var _a;
       if (!config.recursive) {
         getChildren(node).forEach((child) => {
           setNodeValue(child, "level", getLevel(child) - 1);
         });
       }
-      data.value = data.value.filter((item) => {
-        if (config.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 list = originParentNode.childList || [];
+          parentNode.childList = (_a = list.filter((item) => item.id !== node.id)) != null ? _a : [];
+          setNodeValue(parentNode, "childNodeCount", list.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);
@@ -7135,7 +7298,7 @@ var lodash = { exports: {} };
 })(lodash, lodash.exports);
 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) => {
@@ -7148,11 +7311,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);
@@ -7162,23 +7343,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;
@@ -7286,13 +7454,14 @@ function useSelect() {
 }
 function useToggle() {
   return function useToggleFn(data, core, context, 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);
       context.emit("toggle-change", node);
     };
     const collapseNode = (node) => {
@@ -7300,6 +7469,7 @@ function useToggle() {
         return;
       }
       setNodeValue(node, "expanded", false);
+      toggleChildNodeVisible2(node, false);
       context.emit("toggle-change", node);
     };
     const toggleNode = (node) => {
@@ -7315,7 +7485,11 @@ function useToggle() {
     };
     const expandAllNodes = () => {
       data.value.forEach((node) => {
-        expandNode(node);
+        if (node.disableToggle || node.loading) {
+          return;
+        }
+        node.expanded = true;
+        node.showNode = true;
       });
     };
     return {
@@ -7330,6 +7504,7 @@ const DEFAULT_TREE_PLUGINS = [useToggle()];
 function useTree(tree2, plugins = [], context) {
   const treeData = ref(generateInnerTree(tree2));
   const core = useCore()(treeData);
+  core.updateHashTreeData();
   const lazyLode = useLazyLoad()(treeData, core, context);
   const pluginMethods = DEFAULT_TREE_PLUGINS.concat(plugins).reduce((acc, plugin) => {
     return { ...acc, ...plugin(treeData, core, context, lazyLode) };
@@ -8374,7 +8549,7 @@ const FlexibleOverlay = defineComponent({
 });
 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
 **/
@@ -9321,17 +9496,17 @@ var getUrlRegex = function() {
   var b = function b2(options) {
     return options && options.includeBoundaries ? "(?:(?<=\\s|^)(?=" + word + ")|(?<=" + word + ")(?=\\s|$))" : "";
   };
-  var v4 = "(?:25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]\\d|\\d)(?:\\.(?:25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]\\d|\\d)){3}";
+  var v42 = "(?:25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]\\d|\\d)(?:\\.(?:25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]\\d|\\d)){3}";
   var v6seg = "[a-fA-F\\d]{1,4}";
-  var v6 = ("\n(?:\n(?:" + v6seg + ":){7}(?:" + v6seg + "|:)|                                    // 1:2:3:4:5:6:7::  1:2:3:4:5:6:7:8\n(?:" + v6seg + ":){6}(?:" + v4 + "|:" + v6seg + "|:)|                             // 1:2:3:4:5:6::    1:2:3:4:5:6::8   1:2:3:4:5:6::8  1:2:3:4:5:6::1.2.3.4\n(?:" + v6seg + ":){5}(?::" + v4 + "|(?::" + v6seg + "){1,2}|:)|                   // 1:2:3:4:5::      1:2:3:4:5::7:8   1:2:3:4:5::8    1:2:3:4:5::7:1.2.3.4\n(?:" + v6seg + ":){4}(?:(?::" + v6seg + "){0,1}:" + v4 + "|(?::" + v6seg + "){1,3}|:)| // 1:2:3:4::        1:2:3:4::6:7:8   1:2:3:4::8      1:2:3:4::6:7:1.2.3.4\n(?:" + v6seg + ":){3}(?:(?::" + v6seg + "){0,2}:" + v4 + "|(?::" + v6seg + "){1,4}|:)| // 1:2:3::          1:2:3::5:6:7:8   1:2:3::8        1:2:3::5:6:7:1.2.3.4\n(?:" + v6seg + ":){2}(?:(?::" + v6seg + "){0,3}:" + v4 + "|(?::" + v6seg + "){1,5}|:)| // 1:2::            1:2::4:5:6:7:8   1:2::8          1:2::4:5:6:7:1.2.3.4\n(?:" + v6seg + ":){1}(?:(?::" + v6seg + "){0,4}:" + v4 + "|(?::" + v6seg + "){1,6}|:)| // 1::              1::3:4:5:6:7:8   1::8            1::3:4:5:6:7:1.2.3.4\n(?::(?:(?::" + v6seg + "){0,5}:" + v4 + "|(?::" + v6seg + "){1,7}|:))             // ::2:3:4:5:6:7:8  ::2:3:4:5:6:7:8  ::8             ::1.2.3.4\n)(?:%[0-9a-zA-Z]{1,})?                                             // %eth0            %1\n").replace(/\s*\/\/.*$/gm, "").replace(/\n/g, "").trim();
-  var v46Exact = new RegExp("(?:^" + v4 + "$)|(?:^" + v6 + "$)");
-  var v4exact = new RegExp("^" + v4 + "$");
+  var v6 = ("\n(?:\n(?:" + v6seg + ":){7}(?:" + v6seg + "|:)|                                    // 1:2:3:4:5:6:7::  1:2:3:4:5:6:7:8\n(?:" + v6seg + ":){6}(?:" + v42 + "|:" + v6seg + "|:)|                             // 1:2:3:4:5:6::    1:2:3:4:5:6::8   1:2:3:4:5:6::8  1:2:3:4:5:6::1.2.3.4\n(?:" + v6seg + ":){5}(?::" + v42 + "|(?::" + v6seg + "){1,2}|:)|                   // 1:2:3:4:5::      1:2:3:4:5::7:8   1:2:3:4:5::8    1:2:3:4:5::7:1.2.3.4\n(?:" + v6seg + ":){4}(?:(?::" + v6seg + "){0,1}:" + v42 + "|(?::" + v6seg + "){1,3}|:)| // 1:2:3:4::        1:2:3:4::6:7:8   1:2:3:4::8      1:2:3:4::6:7:1.2.3.4\n(?:" + v6seg + ":){3}(?:(?::" + v6seg + "){0,2}:" + v42 + "|(?::" + v6seg + "){1,4}|:)| // 1:2:3::          1:2:3::5:6:7:8   1:2:3::8        1:2:3::5:6:7:1.2.3.4\n(?:" + v6seg + ":){2}(?:(?::" + v6seg + "){0,3}:" + v42 + "|(?::" + v6seg + "){1,5}|:)| // 1:2::            1:2::4:5:6:7:8   1:2::8          1:2::4:5:6:7:1.2.3.4\n(?:" + v6seg + ":){1}(?:(?::" + v6seg + "){0,4}:" + v42 + "|(?::" + v6seg + "){1,6}|:)| // 1::              1::3:4:5:6:7:8   1::8            1::3:4:5:6:7:1.2.3.4\n(?::(?:(?::" + v6seg + "){0,5}:" + v42 + "|(?::" + v6seg + "){1,7}|:))             // ::2:3:4:5:6:7:8  ::2:3:4:5:6:7:8  ::8             ::1.2.3.4\n)(?:%[0-9a-zA-Z]{1,})?                                             // %eth0            %1\n").replace(/\s*\/\/.*$/gm, "").replace(/\n/g, "").trim();
+  var v46Exact = new RegExp("(?:^" + v42 + "$)|(?:^" + v6 + "$)");
+  var v4exact = new RegExp("^" + v42 + "$");
   var v6exact = new RegExp("^" + v6 + "$");
   var ip = function ip2(options) {
-    return options && options.exact ? v46Exact : new RegExp("(?:" + b(options) + v4 + b(options) + ")|(?:" + b(options) + v6 + b(options) + ")", "g");
+    return options && options.exact ? v46Exact : new RegExp("(?:" + b(options) + v42 + b(options) + ")|(?:" + b(options) + v6 + b(options) + ")", "g");
   };
   ip.v4 = function(options) {
-    return options && options.exact ? v4exact : new RegExp("" + b(options) + v4 + b(options), "g");
+    return options && options.exact ? v4exact : new RegExp("" + b(options) + v42 + b(options), "g");
   };
   ip.v6 = function(options) {
     return options && options.exact ? v6exact : new RegExp("" + b(options) + v6 + b(options), "g");