vue-devui 1.6.33 → 1.6.34-alpha.1

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";
@@ -514,23 +514,6 @@ var DAccordionItemRouterlink = defineComponent({
     };
   }
 });
-function deepAssign(...objects) {
-  const isObject2 = (obj) => obj && typeof obj === "object";
-  return objects.reduce((prev, from2) => {
-    Object.keys(from2).forEach((key) => {
-      const pVal = prev[key];
-      const oVal = from2[key];
-      if (Array.isArray(pVal) && Array.isArray(oVal)) {
-        prev[key] = Array.from(/* @__PURE__ */ new Set([...oVal, ...pVal]));
-      } else if (isObject2(pVal) && isObject2(oVal)) {
-        prev[key] = deepAssign(pVal, oVal);
-      } else {
-        prev[key] = oVal;
-      }
-    });
-    return prev;
-  }, {});
-}
 var zhCN = {
   pagination: {
     totalItemText: "\u6240\u6709\u6761\u76EE",
@@ -649,23 +632,146 @@ var zhCN = {
     placeholder: "\u8BF7\u9009\u62E9\u65F6\u95F4"
   }
 };
+var enUS = {
+  pagination: {
+    totalItemText: "Total",
+    goToText: "Go to"
+  },
+  accordion: {
+    loading: "loading",
+    noData: "No Data"
+  },
+  autoCompleteDropdown: {
+    latestInput: "Latest input"
+  },
+  cascaderList: {
+    noData: "No data"
+  },
+  colorPicker: {
+    foundationPanel: "Foundation panel",
+    advancedPanel: "Advanced panel"
+  },
+  datePickerPro: {
+    ok: "OK",
+    placeholder: "select date",
+    month1: "Jan",
+    month2: "Feb",
+    month3: "Mar",
+    month4: "Apr",
+    month5: "May",
+    month6: "June",
+    month7: "July",
+    month8: "Aug",
+    month9: "Sep",
+    month10: "Oct",
+    month11: "Nov",
+    month12: "Dec",
+    year: "\u5E74",
+    startPlaceholder: "select start date",
+    endPlaceholder: "select end date",
+    getWeekDays() {
+      return ["Sun", "Mon", "Tue", "Wed", "Thur", "Fri", "Sat"];
+    },
+    getTimeArr() {
+      return ["Hr", "Min", "Sec"];
+    },
+    getYearMonthStr(year, month) {
+      return `${year} - ${month}`;
+    }
+  },
+  editableSelect: {
+    noRelatedRecords: "No related records found",
+    noData: "No data"
+  },
+  input: {
+    placeholder: "Please enter"
+  },
+  splitterBar: {
+    collapse: "Collapse",
+    expand: "Expand"
+  },
+  stepsGuide: {
+    previous: "Previous",
+    continue: "Continue",
+    ok: "OK"
+  },
+  table: {
+    selectAll: "Select all",
+    ok: "OK"
+  },
+  dataGrid: {
+    selectAll: "Select all",
+    ok: "OK"
+  },
+  timePopup: {
+    ok: "OK"
+  },
+  transfer: {
+    unit: "",
+    panelUnit: "",
+    headerUnit: "",
+    noData: "No Data",
+    placeholder: "Please enter keywords"
+  },
+  tree: {
+    loading: "Loading",
+    newNode: "New node",
+    selectPlaceholder: "Please select"
+  },
+  upload: {
+    placeholder: "select file",
+    getExistSameNameFilesMsg(sameNames) {
+      return `Duplicate files exist : "${sameNames}" `;
+    },
+    getAllFilesBeyondMaximalFileSizeMsg(maximalSize) {
+      return `Maximum file size (MB): ${maximalSize}. The selected files exceed the maximum value`;
+    },
+    getBeyondMaximalFileSizeMsg(filename, maximalSize) {
+      return `Maximum file size (MB): ${maximalSize}. Files whose size exceeds the maximum value: ${filename}`;
+    },
+    getNotAllowedFileTypeMsg(filename, scope) {
+      return `Files with unsupported types: ${filename}. Supported file types: ${scope}`;
+    }
+  },
+  search: {
+    placeholder: "Enter a keyword"
+  },
+  select: {
+    placeholder: "Please select",
+    noDataText: "No data",
+    noMatchText: "No related records found",
+    loadingText: "Loading..."
+  },
+  tagInput: {
+    maxTagsText: "Maximum number reached: "
+  },
+  timeSelect: {
+    placeholder: "Please select time"
+  }
+};
 const lang = ref("zh-CN");
+const nowApp = ref();
 let langMessages = reactive({
-  [lang.value]: zhCN
+  ["zh-CN"]: zhCN,
+  ["en-US"]: enUS
 });
 const Locale = {
-  messages() {
-    return langMessages[lang.value];
+  messages(language = lang.value) {
+    return langMessages[language];
   },
   lang() {
     return lang.value;
   },
-  use(newLang, newMessages2) {
+  use(newLang) {
+    const app = nowApp.value;
     lang.value = newLang;
-    this.add({ [newLang]: newMessages2 });
+    app.config.globalProperties.langMessages = Locale.messages();
   },
-  add(newMessages2 = {}) {
-    langMessages = deepAssign(langMessages, newMessages2);
+  add(newMessages2) {
+    langMessages = {
+      ...langMessages,
+      ...newMessages2
+    };
   }
 };
 const camelize = (name) => name.substring(1).replace(/^\S/, (s) => s.toLocaleLowerCase());
@@ -681,8 +787,7 @@ function get(object4, path) {
 function createI18nTranslate(name, app, newPrefix) {
   const prefix = newPrefix || camelize(name) + ".";
   return (path) => {
-    var _a;
-    const messages2 = ((_a = app == null ? void 0 : app.appContext.config.globalProperties.langMessages) == null ? void 0 : _a.value) || Locale.messages();
+    const messages2 = (app == null ? void 0 : app.appContext.config.globalProperties.langMessages) || Locale.messages();
     const message2 = get(messages2, prefix + path) || get(messages2, path);
     return message2;
   };
@@ -8077,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
 **/
@@ -11446,6 +11551,10 @@ const dropdownProps$1 = {
   teleport: {
     type: [String, Object],
     default: "body"
+  },
+  appendToBody: {
+    type: Boolean,
+    default: true
   }
 };
 const dropdownMap = /* @__PURE__ */ new Map();
@@ -11665,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}`) : ""
@@ -14471,7 +14581,8 @@ const categorySearchProps = {
       createFilter: "",
       filterTitle: "",
       labelConnector: "|",
-      noCategoriesAvailable: ""
+      noCategoriesAvailable: "",
+      tagMenuEmpty: ""
     })
   },
   extendConfig: {
@@ -14480,6 +14591,10 @@ const categorySearchProps = {
   styleType: {
     type: String,
     default: "default"
+  },
+  appendToBody: {
+    type: Boolean,
+    default: true
   }
 };
 const categorySearchInjectionKey = Symbol("d-category-search");
@@ -14571,6 +14686,7 @@ var CategorySearchTagDropdown = defineComponent({
     const {
       rootCtx,
       ComponentMap,
+      appendToBody,
       onSearchKeyTagClick,
       addTagContext,
       removeTagContext
@@ -14610,6 +14726,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", {
@@ -14685,6 +14802,7 @@ var CategorySearchInput = defineComponent({
       currentSearchCategory,
       ComponentMap,
       currentSelectTag,
+      appendToBody,
       onCategoryItemClick,
       searchKeyChangeEvent,
       searchInputValue,
@@ -14743,6 +14861,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", {
@@ -15004,6 +15123,7 @@ var CategorySearchSave = defineComponent({
     const {
       innerTextConfig,
       filterNameRules,
+      appendToBody,
       createFilterFn
     } = inject(categorySearchInjectionKey);
     const {
@@ -15025,6 +15145,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, {
@@ -15124,7 +15245,8 @@ var RadioMenu = defineComponent({
       tag: tag2
     } = toRefs(props);
     const {
-      chooseItem
+      chooseItem,
+      innerTextConfig
     } = inject(categorySearchInjectionKey);
     const key = computed(() => tag2.value.filterKey || "label");
     return () => {
@@ -15142,7 +15264,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"]);
     };
   }
 });
@@ -15155,7 +15277,8 @@ var CheckboxMenu = defineComponent({
       tag: tag2
     } = toRefs(props);
     const {
-      chooseItems
+      chooseItems,
+      innerTextConfig
     } = inject(categorySearchInjectionKey);
     const onConfirmClick = () => {
       chooseItems(tag2.value);
@@ -15187,7 +15310,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"]);
     };
   }
 });
@@ -15203,7 +15326,8 @@ var LabelMenu = defineComponent({
       tag: tag2
     } = toRefs(props);
     const {
-      chooseItems
+      chooseItems,
+      innerTextConfig
     } = inject(categorySearchInjectionKey);
     const onConfirmClick = () => {
       chooseItems(tag2.value);
@@ -15260,7 +15384,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"]);
     };
   }
 });
@@ -15697,7 +15821,8 @@ function useCategorySearch(props, ctx2) {
     toggleScrollToTail,
     showSearchCategory,
     filterNameRules,
-    extendConfig
+    extendConfig,
+    appendToBody
   } = toRefs(props);
   const innerCategory = ref([]);
   const innerSelectedTags = ref([]);
@@ -15990,6 +16115,7 @@ function useCategorySearch(props, ctx2) {
     innerTextConfig,
     tagMaxWidth,
     inputReadOnly,
+    appendToBody,
     placeholder,
     innerSearchKey,
     innerSelectedTags,
@@ -22419,7 +22545,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;
@@ -22453,7 +22579,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) => {
@@ -22470,7 +22596,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);
@@ -27831,8 +27957,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) {
@@ -27955,16 +28081,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 {
@@ -42622,6 +42756,10 @@ const selectProps = {
   },
   maxLength: {
     type: Number
+  },
+  appendToBody: {
+    type: Boolean,
+    default: true
   }
 };
 const optionProps = {
@@ -43062,7 +43200,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}`
@@ -52236,14 +52375,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) {
@@ -52251,24 +52409,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,
@@ -52277,9 +52441,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) {
@@ -52298,31 +52520,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]);
         }
       }
@@ -52335,24 +52541,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) {
@@ -52361,17 +52581,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;
@@ -52389,7 +52617,11 @@ function useCore() {
       getNode,
       setNodeValue,
       setTree,
-      getTree
+      getTree,
+      updateHashTreeData,
+      toggleChildNodeVisible: toggleChildNodeVisible2,
+      hashTreeData,
+      getFlattenChildren
     };
   };
 }
@@ -52624,7 +52856,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) {
@@ -52638,14 +52870,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);
@@ -52661,7 +52900,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
@@ -52688,30 +52927,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);
@@ -52760,7 +53023,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) => {
@@ -52773,11 +53036,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);
@@ -52787,23 +53068,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;
@@ -52911,13 +53179,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) => {
@@ -52925,6 +53194,7 @@ function useToggle$1() {
         return;
       }
       setNodeValue(node, "expanded", false);
+      toggleChildNodeVisible2(node, false);
       context2.emit("toggle-change", node);
     };
     const toggleNode = (node) => {
@@ -52940,7 +53210,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 {
@@ -52955,6 +53229,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) };
@@ -54538,7 +54813,7 @@ const installs = [
   VirtualListInstall
 ];
 var vueDevui = {
-  version: "1.6.33",
+  version: "1.6.34-alpha.1",
   install(app) {
     installs.forEach((p) => app.use(p));
   }