@fewangsit/wangsvue-fats 1.0.1-alpha.63 → 1.0.1-alpha.65

package/tree/index.es.js

@@ -1,12 +1,12 @@
-import { defineComponent as te, useSlots as se, computed as W, onMounted as le, onBeforeUnmount as oe, ref as i, shallowRef as ne, nextTick as $, watch as U, createBlock as ae, openBlock as de, mergeProps as ie, createSlots as re, withCtx as ce, renderSlot as ue } from "vue";
-import { e as S } from "../event-bus/index.es.js";
+import { defineComponent as te, useSlots as se, computed as $, onMounted as le, onBeforeUnmount as oe, ref as i, shallowRef as ne, nextTick as J, watch as U, createBlock as ae, openBlock as de, mergeProps as ie, createSlots as re, withCtx as ce, renderSlot as ue } from "vue";
+import { e as k } from "../event-bus/index.es.js";
 import { u as pe } from "../plugins/WangsVue.es.js";
 import { m as fe } from "../utils/mergePropsWithDefaults.util.es.js";
 import { _ as ye } from "../basetree/index.es.js";
 const be = (r, c = !1) => Object.keys(P(r, c)).map(Number), P = (r, c = !1) => Object.fromEntries(
-  Object.entries(r).filter(([K, s]) => {
-    const C = s.checked && !s.partialChecked, O = c || K != "-1";
-    return C && O;
+  Object.entries(r).filter(([S, s]) => {
+    const K = s.checked && !s.partialChecked, C = c || S != "-1";
+    return K && C;
   })
 ), j = (r) => r ? r.flatMap((c) => [
   { ...c },
@@ -62,14 +62,14 @@ const be = (r, c = !1) => Object.keys(P(r, c)).map(Number), P = (r, c = !1) => O
     nodeSelectedWhen: {}
   },
   emits: ["update:selectedKeys", "update:selectedTreeNodes", "nodeSelect", "nodeUnselect", "toggleMenu"],
-  setup(r, { expose: c, emit: K }) {
-    const s = r, C = se(), { defaultProps: O } = pe("Tree"), G = W(() => fe(s, O)), p = K;
+  setup(r, { expose: c, emit: S }) {
+    const s = r, K = se(), { defaultProps: C } = pe("Tree"), G = $(() => fe(s, C)), p = S;
     le(() => {
-      S.on("tree:update-tree-nodes", x), E(s.filter), k();
+      k.on("tree:update-tree-nodes", A), M(s.filter), b();
     }), oe(() => {
-      S.off("tree:update-tree-nodes", x);
+      k.off("tree:update-tree-nodes", A);
     });
-    const g = i(!0), F = i((/* @__PURE__ */ new Date()).getTime().toString()), H = i(), y = i([]), h = i([]), v = i({}), b = i(!1), d = i({ "-1": !0 }), w = i(!1), m = W({
+    const v = i(!0), F = i((/* @__PURE__ */ new Date()).getTime().toString()), H = i(), f = i([]), y = i([]), m = i({}), N = i(!1), d = i({ "-1": !0 }), O = i(!1), g = $({
       get: () => s.selectedKeys ?? {},
       set: (e) => {
         p("update:selectedKeys", e);
@@ -78,17 +78,17 @@ const be = (r, c = !1) => Object.keys(P(r, c)).map(Number), P = (r, c = !1) => O
       if (s.selectionMode === "checkbox") {
         const t = (l, o) => {
           l.forEach((n) => {
-            var N;
-            const f = JSON.stringify(n.key), a = !!(e != null && e.includes(Number(n.key)));
-            u.value[f] = { checked: a }, (N = n.children) != null && N.length && t(n.children, f), o && z(o);
+            var a;
+            const h = !!(e != null && e.includes(n.key));
+            u.value[n.key] = { checked: h }, (a = n.children) != null && a.length && t(n.children, n.key), o && z(o);
           });
         };
-        t(y.value);
+        t(f.value);
       } else {
         const t = e == null ? void 0 : e[0];
         t && (u.value = { [t]: !0 });
       }
-    }, V = (e) => Array.isArray(e) && e.every((t) => typeof t == "number"), z = (e) => {
+    }, V = (e) => Array.isArray(e) && e.every((t) => typeof t == "string"), z = (e) => {
       const t = Q(e), l = u.value[e].checked || t, o = !t && X(e);
       u.value[e] = {
         // It should be checked when not partial checked, when it partially checked, the checked value should be false
@@ -97,60 +97,62 @@ const be = (r, c = !1) => Object.keys(P(r, c)).map(Number), P = (r, c = !1) => O
       };
     }, Q = (e) => {
       var t;
-      return (t = v.value[e]) == null ? void 0 : t.every((l) => {
+      return (t = m.value[e]) == null ? void 0 : t.every((l) => {
         var n;
         const o = JSON.stringify(l);
         return (n = u.value[o]) == null ? void 0 : n.checked;
       });
     }, X = (e) => {
       var t;
-      return (t = v.value[e]) == null ? void 0 : t.some((l) => {
-        var n, f;
+      return (t = m.value[e]) == null ? void 0 : t.some((l) => {
+        var n, h;
         const o = JSON.stringify(l);
-        return ((n = u.value[o]) == null ? void 0 : n.checked) || ((f = u.value[o]) == null ? void 0 : f.partialChecked);
+        return ((n = u.value[o]) == null ? void 0 : n.checked) || ((h = u.value[o]) == null ? void 0 : h.partialChecked);
       });
-    }, A = (e) => e.map((t) => {
+    }, w = (e) => e.map((t) => {
       var l;
-      return t.key = t.key ?? t._id, (l = t.children) != null && l.length && (v.value = {
-        ...v.value,
-        [t.key.toString()]: t.children.map((o) => Number(o.key))
-      }, t.children = A(t.children)), s.disableNodeWhen && (t.selectable = !s.disableNodeWhen(t)), t;
-    }), x = () => {
-      (async () => (p("update:selectedKeys", {}), await k(!1), M()))();
-    }, k = async (e = !0) => {
+      return t.key = t.key ?? t._id, (l = t.children) != null && l.length && (m.value = {
+        ...m.value,
+        [t.key.toString()]: t.children.map(
+          (o) => o.key
+        )
+      }, t.children = w(t.children)), s.disableNodeWhen && (t.selectable = !s.disableNodeWhen(t)), t;
+    }), A = () => {
+      (async () => (p("update:selectedKeys", {}), await b(!1), L()))();
+    }, b = async (e = !0) => {
       try {
-        g.value = !0;
+        v.value = !0;
         const { data: t } = await G.value.fetchTree(
           s.type,
           s.params
         ) ?? { data: [] };
         if (t) {
-          const l = A(t);
-          h.value = j(l), y.value = l, sessionStorage.setItem(`${s.type}Tree`, JSON.stringify(l)), sessionStorage.setItem(
+          const l = w(t);
+          y.value = j(l), f.value = l, sessionStorage.setItem(`${s.type}Tree`, JSON.stringify(l)), sessionStorage.setItem(
             `flatten${s.type}nodes`,
-            JSON.stringify(h.value)
+            JSON.stringify(y.value)
           );
         }
-        s.selectLastNode && s.selectionMode === "single" && await $(Y), s.autoSelectAll && s.selectionMode === "checkbox" && await $(q);
+        s.selectLastNode && s.selectionMode === "single" && await J(Y), s.autoSelectAll && s.selectionMode === "checkbox" && await J(q);
       } finally {
-        V(s.selectedKeys) && (R(s.selectedKeys), m.value = u.value), e || S.emit("tree:tree-updated"), g.value = !1;
+        V(s.selectedKeys) && (R(s.selectedKeys), g.value = u.value), e || k.emit("tree:tree-updated"), v.value = !1;
       }
     }, Y = async () => {
-      var N, D;
+      var I, D;
       const e = sessionStorage.getItem(
         `${s.type.toLowerCase()}Node`
-      ), t = (N = y.value) == null ? void 0 : N[0], l = (D = t == null ? void 0 : t.children) == null ? void 0 : D[0], o = e ? JSON.parse(e) : null, n = (o == null ? void 0 : o.key) == -1, f = s.disableNodeAll ? l : t, a = n && s.disableNodeAll ? (
+      ), t = (I = f.value) == null ? void 0 : I[0], l = (D = t == null ? void 0 : t.children) == null ? void 0 : D[0], o = e ? JSON.parse(e) : null, n = (o == null ? void 0 : o.key) == -1, h = s.disableNodeAll ? l : t, a = n && s.disableNodeAll ? (
         // When last node is All, and disableNodeExist, it should select the firstChild of all
         l
-      ) : o ?? f;
+      ) : o ?? h;
       if ((a == null ? void 0 : a.key) != null && Z(a == null ? void 0 : a.key)) {
-        m.value = { [a == null ? void 0 : a.key]: !0 };
-        const J = sessionStorage.getItem(
+        g.value = { [a == null ? void 0 : a.key]: !0 };
+        const W = sessionStorage.getItem(
           `${s.type.toLowerCase()}NodeExpandedKeys`
         );
-        J && (d.value = JSON.parse(J)), B(a);
+        W && (d.value = JSON.parse(W)), x(a);
       }
-    }, Z = (e) => h.value.some((t) => t.key === e), B = (e) => {
+    }, Z = (e) => y.value.some((t) => t.key === e), x = (e) => {
       p("nodeSelect", e), s.shouldEmitEventOnChange && (sessionStorage.setItem(
         `${s.type.toLowerCase()}Node`,
         JSON.stringify(e)
@@ -160,67 +162,67 @@ const be = (r, c = !1) => Object.keys(P(r, c)).map(Number), P = (r, c = !1) => O
       ));
     }, q = () => {
       const e = {};
-      h.value.forEach((t) => {
+      y.value.forEach((t) => {
         e[t.key] = {
           checked: !0,
           partialChecked: !1
         };
-      }), m.value = e;
-    }, T = () => {
-      b.value = !0;
-      for (const e of y.value)
-        L(e);
+      }), g.value = e;
+    }, B = () => {
+      N.value = !0;
+      for (const e of f.value)
+        T(e);
       d.value = { ...d.value };
-    }, L = (e) => {
+    }, T = (e) => {
       var t;
       if ((t = e.children) != null && t.length) {
         d.value[e.key ?? ""] = !0;
         for (const l of e.children)
-          L(l);
+          T(l);
       }
     }, _ = () => {
-      d.value = { "-1": !0 }, b.value = !1;
-    }, M = () => {
+      d.value = { "-1": !0 }, N.value = !1;
+    }, L = () => {
       if (s.selectedKeys) {
         const e = Array.isArray(s.selectedKeys) ? s.selectedKeys : Object.keys(
           P(s.selectedKeys, s.includeNodeAllKey)
-        ).map(Number), t = h.value.filter(
-          (l) => e.includes(l.key)
+        ), t = y.value.filter(
+          (l) => e.includes(l._id)
         );
         s.shouldEmitEventOnChange && (sessionStorage.setItem(
           `${s.type.toLowerCase()}Keys`,
           JSON.stringify(e)
-        ), S.emit("tree:selection-changed", {
+        ), k.emit("tree:selection-changed", {
           keys: JSON.stringify(e)
         })), p("update:selectedTreeNodes", t);
       }
-    }, E = (e) => {
-      e != null && e.length ? T() : I();
+    }, M = (e) => {
+      e != null && e.length ? B() : E();
     }, ee = (e) => {
-      s.readonly || B(e);
-    }, I = () => {
+      s.readonly || x(e);
+    }, E = () => {
       d.value = { "-1": !0 };
     };
     return U(
       () => s.filter,
       (e) => {
-        E(e);
+        M(e);
       }
     ), U(
       () => [s.selectedKeys, s.type],
       async (e, t) => {
-        e[1] !== t[1] && (p("update:selectedKeys", {}), await k()), M();
+        e[1] !== t[1] && (p("update:selectedKeys", {}), await b()), L();
       }
     ), c({
-      treeNodes: y,
-      flatNodes: h,
-      isLoading: g,
-      showDisposableGroups: w,
-      isExpandedAll: b,
+      treeNodes: f,
+      flatNodes: y,
+      isLoading: v,
+      showDisposableGroups: O,
+      isExpandedAll: N,
       collapseAll: _,
-      expandAll: T,
-      expandNodeAll: I,
-      fetchTreeList: k
+      expandAll: B,
+      expandNodeAll: E,
+      fetchTreeList: b
     }), (e, t) => (de(), ae(ye, ie({
       id: F.value,
       ref_key: "tree",
@@ -228,8 +230,8 @@ const be = (r, c = !1) => Object.keys(P(r, c)).map(Number), P = (r, c = !1) => O
     }, e.$attrs, {
       "expanded-keys": d.value,
       "onUpdate:expandedKeys": t[0] || (t[0] = (l) => d.value = l),
-      "selection-keys": m.value,
-      "onUpdate:selectionKeys": t[1] || (t[1] = (l) => m.value = l),
+      "selection-keys": g.value,
+      "onUpdate:selectionKeys": t[1] || (t[1] = (l) => g.value = l),
       class: { readonly: s.readonly },
       "disable-keys": e.disableKeys,
       "disable-node-all": s.disableNodeAll,
@@ -238,21 +240,21 @@ const be = (r, c = !1) => Object.keys(P(r, c)).map(Number), P = (r, c = !1) => O
       "exact-disable-node-when": e.exactDisableNodeWhen,
       "filter-text": e.filter,
       "list-labels-no-option": e.listLabelsNoOption,
-      loading: g.value,
+      loading: v.value,
       "node-selected-when": e.nodeSelectedWhen,
       "propagate-selection": e.propagateSelection,
       "selection-mode": s.selectionMode,
-      "show-disposable-groups": w.value,
+      "show-disposable-groups": O.value,
       "tree-node-menus": e.treeNodeMenus,
       "use-option": e.useOption,
-      value: y.value,
-      onNodeCollapse: t[2] || (t[2] = (l) => b.value = !1),
+      value: f.value,
+      onNodeCollapse: t[2] || (t[2] = (l) => N.value = !1),
       onNodeSelect: ee,
       onNodeUnselect: t[3] || (t[3] = (l) => p("nodeUnselect", l)),
       onToggleMenu: t[4] || (t[4] = (l) => p("toggleMenu", l)),
       "filter-by": "name"
     }), re({ _: 2 }, [
-      C.default ? {
+      K.default ? {
         name: "default",
         fn: ce(({ node: l, checked: o, disabled: n }) => [
           ue(e.$slots, "default", {