vue-devui 1.6.33 → 1.6.34-alpha.1

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) };
@@ -7484,23 +7659,6 @@ var DTreeNodeToggle = defineComponent({
     };
   }
 });
-function deepAssign(...objects) {
-  const isObject2 = (obj) => obj && typeof obj === "object";
-  return objects.reduce((prev, from) => {
-    Object.keys(from).forEach((key) => {
-      const pVal = prev[key];
-      const oVal = from[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",
@@ -7619,23 +7777,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());
@@ -7651,8 +7932,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 message = get(messages2, prefix + path) || get(messages2, path);
     return message;
   };
@@ -8269,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
 **/
@@ -9216,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");