@fewangsit/wangsvue-fats 1.0.1-alpha.62 → 1.0.1-alpha.64

package/timeline/index.d.ts

@@ -87,7 +87,8 @@ export type TimelineItem = {
     _id: string;
     nickName: string;
   };
-  detail?: KeyValue | DetailType;
+  // Detail can be a record of any type if using the detail slot
+  detail?: KeyValue | DetailType | SlotDetailType;
 };
 
 export type TimelineProps = {
@@ -124,6 +125,10 @@ export type TimelineSlots = {
    *
    */
   date(slotProps: { date: string }): VNode[];
+  /**
+   * Custom user template.
+   */
+  user(slotProps: { user: string; detail: DetailAnyRecord }): VNode[];
 };
 
 /**

package/timeline/index.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as N, inject as V, createBlock as p, openBlock as t, unref as a, ref as A, normalizeClass as D, withCtx as b, createElementVNode as n, createElementBlock as l, createCommentVNode as c, mergeProps as u, normalizeProps as x, guardReactiveProps as v, renderSlot as $, createTextVNode as O, toDisplayString as m, Fragment as g, renderList as j, createVNode as S } from "vue";
+import { defineComponent as N, inject as V, createBlock as p, openBlock as t, unref as a, ref as A, normalizeClass as b, withCtx as x, createElementVNode as n, createElementBlock as l, createCommentVNode as c, renderSlot as k, mergeProps as u, normalizeProps as $, guardReactiveProps as v, createTextVNode as O, toDisplayString as f, Fragment as g, renderList as j, createVNode as S } from "vue";
 import { a as T } from "../utils/date.util.es.js";
 import { s as P } from "../vendor/primevue/timeline/timeline.esm.es.js";
 import { _ as F } from "../icon/index.es.js";
@@ -37,43 +37,48 @@ const L = ["onClick"], z = { class: "flex justify-between items-center" }, E = {
       return typeof d != "string" ? d : { nickName: d };
     }, B = (s) => s.replace(/`([^`]*)`/g, "<b>$1</b>");
     return (s, d) => (t(), p(a(P), {
-      class: D([{ "overflow-auto": !s.noScroll }]),
+      class: b([{ "overflow-auto": !s.noScroll }]),
       value: A(s.value).value,
       style: { "scrollbar-width": "none" }
     }, {
-      marker: b(({ item: e }) => {
-        var f, _, y;
+      marker: x(({ item: e }) => {
+        var m, _, y;
         return [
           n("div", u({
             onClick: (r) => e.showDetail = !e.showDetail
-          }, (f = a(i)) == null ? void 0 : f.marker, { "data-wv-section": "timelinemarker" }), [
+          }, (m = a(i)) == null ? void 0 : m.marker, { "data-wv-section": "timelinemarker" }), [
             S(F, u((_ = a(i)) == null ? void 0 : _.markerArrow(e), { icon: "arrow-down" }), null, 16),
-            n("div", x(v((y = a(i)) == null ? void 0 : y.markerDot(e))), null, 16)
+            n("div", $(v((y = a(i)) == null ? void 0 : y.markerDot(e))), null, 16)
           ], 16, L)
         ];
       }),
-      content: b(({ item: e }) => {
-        var f, _, y;
+      content: x(({ item: e }) => {
+        var m, _, y;
         return [
           n("div", z, [
             n("div", E, [
               n("h3", u({
                 innerHTML: B(e.action)
-              }, (f = a(i)) == null ? void 0 : f.contentHeader, {
+              }, (m = a(i)) == null ? void 0 : m.contentHeader, {
                 onClick: (r) => e.showDetail = !e.showDetail
               }), null, 16, M),
-              e.user || e.username ? (t(), p(H, {
-                key: 0,
-                user: C(e),
-                type: "icon",
-                "user-name-field": "nickName"
-              }, null, 8, ["user"])) : c("", !0)
+              k(s.$slots, "user", {
+                detail: e.detail,
+                user: e.user || e.username
+              }, () => [
+                e.user || e.username ? (t(), p(H, {
+                  key: 0,
+                  user: C(e),
+                  type: "icon",
+                  "user-name-field": "nickName"
+                }, null, 8, ["user"])) : c("", !0)
+              ])
             ]),
-            n("span", x(v((_ = a(i)) == null ? void 0 : _.contentDate)), [
-              $(s.$slots, "date", {
+            n("span", $(v((_ = a(i)) == null ? void 0 : _.contentDate)), [
+              k(s.$slots, "date", {
                 date: e.createdAt
               }, () => [
-                O(m(s.noFormatDate ? e.createdAt : a(T)(e.createdAt)), 1)
+                O(f(s.noFormatDate ? e.createdAt : a(T)(e.createdAt)), 1)
               ])
             ], 16)
           ]),
@@ -84,30 +89,30 @@ const L = ["onClick"], z = { class: "flex justify-between items-center" }, E = {
             }, null, 8, ["detail"])) : (y = Object.keys(e.detail ?? {})) != null && y.length ? (t(), l("div", I, [
               s.$props.alignDetail ? (t(), l("div", K, [
                 (t(!0), l(g, null, j(Object.entries(e.detail), ([r, o]) => (t(), l(g, { key: r }, [
-                  n("span", R, m(r), 1),
+                  n("span", R, f(r), 1),
                   d[0] || (d[0] = n("span", { class: "font-semibold whitespace-nowrap" }, " : ", -1)),
-                  typeof o == "string" ? (t(), l("span", U, m(o), 1)) : "type" in o ? (t(), p(h, {
+                  typeof o == "string" ? (t(), l("span", U, f(o), 1)) : "type" in o ? (t(), p(h, {
                     key: 1,
                     detail: o
                   }, null, 8, ["detail"])) : c("", !0)
                 ], 64))), 128))
-              ])) : (t(!0), l(g, { key: 1 }, j(Object.entries(e.detail), ([r, o]) => $(s.$slots, "detail", u({
+              ])) : (t(!0), l(g, { key: 1 }, j(Object.entries(e.detail), ([r, o]) => k(s.$slots, "detail", u({
                 key: r,
                 ref_for: !0
               }, { key: r, value: o }), () => {
-                var k, w;
+                var w, D;
                 return [
                   typeof o == "string" ? (t(), l("div", q, [
-                    n("span", u({ ref_for: !0 }, (k = a(i)) == null ? void 0 : k.contentDetailKey), m(r) + ": ", 17),
-                    n("span", u({ ref_for: !0 }, (w = a(i)) == null ? void 0 : w.contentDetailValue), m(o), 17)
+                    n("span", u({ ref_for: !0 }, (w = a(i)) == null ? void 0 : w.contentDetailKey), f(r) + ": ", 17),
+                    n("span", u({ ref_for: !0 }, (D = a(i)) == null ? void 0 : D.contentDetailValue), f(o), 17)
                   ])) : "type" in o ? (t(), l("div", G, [
                     n("span", {
-                      class: D([
+                      class: b([
                         "flex gap-1",
                         { "flex-col": o.type === "embed" }
                       ])
                     }, [
-                      n("span", J, m(r) + ": ", 1),
+                      n("span", J, f(r) + ": ", 1),
                       o.type !== "json" ? (t(), p(h, {
                         key: 0,
                         detail: o

package/tree/index.d.ts

@@ -23,7 +23,7 @@ export interface TreeProps extends BaseTreeProps {
    * For query: roleType, transactionAttribute, systemRole is already stringified in components default props, but for the rest of query params need to be stringified outside
    */
   params?: QueryParams;
-  selectedKeys?: TreeSelectionKeys | number[] | undefined;
+  selectedKeys?: TreeSelectionKeys | string[] | number[] | undefined;
   selectedTreeNodes?: TreeNode[] | undefined;
   selectionMode?: 'single' | 'checkbox' | undefined;
   /**
@@ -56,11 +56,11 @@ export interface TreeProps extends BaseTreeProps {
   /**
    * A list of node keys that should be disabled along with their children.
    */
-  disableKeys?: number[];
+  disableKeys?: string[] | number[];
   /**
    * A list of node keys that should be disabled, affecting only the specified nodes and not their children.
    */
-  exactDisableKeys?: number[];
+  exactDisableKeys?: string[] | number[];
   /**
    * Defines the tree is readonly and disabled.
    */
@@ -76,7 +76,7 @@ export interface TreeProps extends BaseTreeProps {
   /**
    * Defines the group tree to disable excluded keys
    */
-  excludedKeys?: number[];
+  excludedKeys?: string[] | number[];
   /**
    * Will emit update selection when value is `true`
    *

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 (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(t), 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", {

package/treenode/index.es.js

@@ -1,10 +1,10 @@
-import { defineComponent as xe, inject as Le, ref as oe, computed as i, onMounted as Be, resolveComponent as Ie, createElementBlock as N, openBlock as a, Fragment as V, createElementVNode as C, createBlock as u, createCommentVNode as K, mergeProps as y, unref as d, resolveDynamicComponent as F, normalizeClass as w, withModifiers as A, toDisplayString as le, renderList as Oe, withCtx as We, createVNode as Pe, nextTick as ae } from "vue";
+import { defineComponent as xe, inject as Le, ref as oe, computed as i, onMounted as Be, resolveComponent as Ie, createElementBlock as N, openBlock as a, Fragment as V, createElementVNode as C, createBlock as u, createCommentVNode as K, mergeProps as y, unref as d, resolveDynamicComponent as $, normalizeClass as w, withModifiers as A, toDisplayString as le, renderList as Oe, withCtx as We, createVNode as Pe, nextTick as ae } from "vue";
 import { D as m } from "../vendor/primevue/utils/utils.esm.es.js";
 import { _ as Ve } from "../button/index.es.js";
-import { _ as Fe } from "../checkbox/index.es.js";
+import { _ as $e } from "../checkbox/index.es.js";
 import { _ as x } from "../icon/index.es.js";
-import { _ as Ge } from "../menu/index.es.js";
-const Ue = ["aria-checked", "aria-expanded", "aria-label", "aria-level", "aria-posinset", "aria-selected", "aria-setsize", "tabindex"], $e = ["data-p-highlight", "data-p-selectable"], ze = ["data-node-has-children", "data-node-key", "data-node-selected"], He = {
+import { _ as Fe } from "../menu/index.es.js";
+const Ge = ["aria-checked", "aria-expanded", "aria-label", "aria-level", "aria-posinset", "aria-selected", "aria-setsize", "tabindex"], Ue = ["data-p-highlight", "data-p-selectable"], ze = ["data-node-has-children", "data-node-key", "data-node-selected"], He = {
   "aria-hidden": "true",
   class: "flex items-center justify-start gap-2 px-4 py-1.5 hover:bg-surface-50 text-xs no-underline overflow-hidden cursor-pointer select-none",
   "data-pc-section": "action",
@@ -58,7 +58,7 @@ const Ue = ["aria-checked", "aria-expanded", "aria-label", "aria-level", "aria-p
         var e;
         return ((e = t.node) == null ? void 0 : e.children) && t.node.children.length > 0;
       }
-    ), G = i(
+    ), F = i(
       () => {
         var e;
         return +t.node.key != -1 && t.useOption && !((e = t.listLabelsNoOption) != null && e.includes(t.node.name));
@@ -67,7 +67,7 @@ const Ue = ["aria-checked", "aria-expanded", "aria-label", "aria-level", "aria-p
       () => t.expandedKeys && t.expandedKeys[t.node.key] === !0
     ), I = i(
       () => t.node.leaf === !1 ? !1 : !(t.node.children && t.node.children.length)
-    ), U = i(() => v(t.node) || E(t.node) || t.node.selectable === !1 ? !1 : t.selectionMode != null), D = i(
+    ), G = i(() => v(t.node) || E(t.node) || t.node.selectable === !1 ? !1 : t.selectionMode != null), D = i(
       () => {
         var e;
         return ((e = t.nodeSelectedWhen) == null ? void 0 : e.call(t, t.node)) || (t.selectionMode && t.selectionKeys ? t.selectionKeys[t.node.key] === !0 : !1);
@@ -104,7 +104,7 @@ const Ue = ["aria-checked", "aria-expanded", "aria-label", "aria-level", "aria-p
       ve() ? me(e.type === "dblclick" || t.node.key === -1) : p("nodeClick", {
         originalEvent: e,
         nodeTouched: M,
-        node: { ...t.node, selectable: U.value }
+        node: { ...t.node, selectable: G.value }
         // To prevent selection when the node disabled by disableKeys or exactDisableKeys
       }), M = !1;
     }, fe = (e) => {
@@ -120,11 +120,11 @@ const Ue = ["aria-checked", "aria-expanded", "aria-label", "aria-level", "aria-p
       }
     }, k = (e, n, o) => {
       e.tabIndex = -1, n.tabIndex = 0, De(o || n);
-    }, $ = (e) => {
+    }, U = (e) => {
       const n = e.closest("ul").closest("li");
       if (n) {
         const o = m.findSingle(n, "button");
-        return o && o.style.visibility !== "hidden" ? n : $(e.previousElementSibling);
+        return o && o.style.visibility !== "hidden" ? n : U(e.previousElementSibling);
       }
       return null;
     }, z = () => {
@@ -245,7 +245,7 @@ const Ue = ["aria-checked", "aria-expanded", "aria-label", "aria-level", "aria-p
         return !1;
       if (h.value && !I.value)
         return n.click(), !1;
-      const o = $(
+      const o = U(
         e.currentTarget
       );
       o && k(e.currentTarget, o);
@@ -295,10 +295,10 @@ const Ue = ["aria-checked", "aria-expanded", "aria-label", "aria-level", "aria-p
       e.focus();
     }, v = (e) => {
       var n, o;
-      return ((n = t.disableKeys) == null ? void 0 : n.includes(+e.key)) || t.disabled || e.selectable == !1 || e.disabled == !0 || ((o = t.disableNodeWhen) == null ? void 0 : o.call(t, e));
+      return ((n = t.disableKeys) == null ? void 0 : n.includes(e.key)) || t.disabled || e.selectable == !1 || e.disabled == !0 || ((o = t.disableNodeWhen) == null ? void 0 : o.call(t, e));
     }, E = (e) => {
       var n, o;
-      return e.selectable == !1 || ((n = t.exactDisableKeys) == null ? void 0 : n.includes(+e.key)) || t.disableNodeAll && +e.key == -1 || ((o = t.exactDisableNodeWhen) == null ? void 0 : o.call(t, e));
+      return e.selectable == !1 || ((n = t.exactDisableKeys) == null ? void 0 : n.includes(e.key)) || t.disableNodeAll && +e.key == -1 || ((o = t.exactDisableNodeWhen) == null ? void 0 : o.call(t, e));
     };
     return Be(() => {
       z();
@@ -318,7 +318,7 @@ const Ue = ["aria-checked", "aria-expanded", "aria-label", "aria-level", "aria-p
           "aria-setsize": e.node.children ? e.node.children.length : 0,
           tabindex: e.index === 0 ? 0 : -1,
           onKeydown: Ne
-        }, (l = t.pt ?? d(s)) == null ? void 0 : l.node, {
+        }, ((l = t.pt ?? d(s)) == null ? void 0 : l.node) & e.$attrs, {
           "data-wv-name": "treenode",
           role: "treeitem"
         }), [
@@ -333,7 +333,7 @@ const Ue = ["aria-checked", "aria-expanded", "aria-label", "aria-level", "aria-p
             }),
             {
               "data-p-highlight": O.value ? g.value : D.value,
-              "data-p-selectable": U.value,
+              "data-p-selectable": G.value,
               style: e.node.style,
               onClick: W,
               onTouchend: he
@@ -350,7 +350,7 @@ const Ue = ["aria-checked", "aria-expanded", "aria-label", "aria-level", "aria-p
                 class: "animate-spin",
                 icon: "spinner"
               })) : (a(), N(V, { key: 1 }, [
-                e.templates.togglericon ? (a(), u(F(e.templates.togglericon), {
+                e.templates.togglericon ? (a(), u($(e.templates.togglericon), {
                   key: 0,
                   class: w([...(b = t.pt ?? d(s)) == null ? void 0 : b.togglericon.class]),
                   expanded: h.value,
@@ -366,7 +366,7 @@ const Ue = ["aria-checked", "aria-expanded", "aria-label", "aria-level", "aria-p
                 }, null, 8, ["class"]))
               ], 64))
             ], 16),
-            O.value ? (a(), u(Fe, y({
+            O.value ? (a(), u($e, y({
               key: 0,
               binary: !1
             }, (Q = t.pt ?? d(s)) == null ? void 0 : Q.nodeCheckbox.root, {
@@ -380,7 +380,7 @@ const Ue = ["aria-checked", "aria-expanded", "aria-label", "aria-level", "aria-p
               "data-wv-section": "nodecheckbox",
               "tri-state": ""
             }), null, 16, ["disabled", "model-value"])) : K("", !0),
-            e.templates.nodeicon ? (a(), u(F(e.templates.nodeicon), {
+            e.templates.nodeicon ? (a(), u($(e.templates.nodeicon), {
               key: 1,
               class: w([...(X = t.pt ?? d(s)) == null ? void 0 : X.nodeicon().class]),
               node: e.node
@@ -402,7 +402,7 @@ const Ue = ["aria-checked", "aria-expanded", "aria-label", "aria-level", "aria-p
                 }, ["stop"]))
               }
             ), [
-              e.templates[e.node.type] || e.templates.default ? (a(), u(F(e.templates[e.node.type] || e.templates.default), {
+              e.templates[e.node.type] || e.templates.default ? (a(), u($(e.templates[e.node.type] || e.templates.default), {
                 key: 0,
                 checked: g.value,
                 disabled: E(e.node) || v(e.node),
@@ -421,7 +421,7 @@ const Ue = ["aria-checked", "aria-expanded", "aria-label", "aria-level", "aria-p
                 info: "Disposable Group",
                 "tooltip-pos": "left"
               })) : K("", !0),
-              G.value ? (a(), u(Ve, {
+              F.value ? (a(), u(Ve, {
                 key: 3,
                 class: w([
                   "!w-4 !h-4 !min-w-4 p-0.5",
@@ -437,7 +437,7 @@ const Ue = ["aria-checked", "aria-expanded", "aria-label", "aria-level", "aria-p
                 "tooltip-pos": "left"
               })) : K("", !0)
             ], 16)
-          ], 16, $e),
+          ], 16, Ue),
           de.value && h.value ? (a(), N("ul", y({
             key: 0,
             role: "group"
@@ -473,8 +473,8 @@ const Ue = ["aria-checked", "aria-expanded", "aria-label", "aria-level", "aria-p
               }), null, 16, ["class", "disable-keys", "disabled", "exact-disable-keys", "expanded-keys", "level", "list-labels-no-option", "loading-mode", "node", "propagate-selection", "pt", "selection-keys", "selection-mode", "show-disposable-groups", "templates", "tree-node-menus", "unstyled", "use-option"]);
             }), 128))
           ], 16)) : K("", !0)
-        ], 16, Ue),
-        G.value ? (a(), u(Ge, {
+        ], 16, Ge),
+        F.value ? (a(), u(Fe, {
           key: 0,
           ref_key: "treeNodeMenu",
           ref: L,

package/vendor/@wangs-ui/core/components/{p-CKYwZoTo.es.js → p-C0QfdhKo.es.js}

@@ -32,7 +32,7 @@ const f = /* @__PURE__ */ c(class extends i {
     return `icon ic-${this.icon} cursor-pointer !shrink-0`;
   }
   render() {
-    return a(u, { key: "5cab8f5fe45204596e7fa4a154bd03c23bf2b525", class: this.getIconClass() });
+    return a(u, { key: "fb2fed3480089f5fb0962fd829037c2e0c3cda0f", class: this.getIconClass() });
   }
 }, [0, "wangs-icon", {
   icon: [1],