@fewangsit/wangsvue 1.5.219-alpha.1 → 1.5.219-alpha.2

package/treenode/index.es.js

@@ -1,15 +1,19 @@
-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 { 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 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 { defineComponent, inject, ref, computed, onMounted, resolveComponent, createElementBlock, openBlock, Fragment, createElementVNode, createBlock, createCommentVNode, mergeProps, unref, resolveDynamicComponent, normalizeClass, withModifiers, toDisplayString, renderList, withCtx, createVNode, nextTick } from "vue";
+import { D as DomHandler } from "../vendor/primevue/utils/utils.esm.es.js";
+import { _ as _sfc_main$3 } from "../button/index.es.js";
+import { _ as _sfc_main$2 } from "../checkbox/index.es.js";
+import { _ as _sfc_main$1 } from "../icon/index.es.js";
+import { _ as _sfc_main$4 } from "../menu/index.es.js";
+const _hoisted_1 = ["aria-checked", "aria-expanded", "aria-label", "aria-level", "aria-posinset", "aria-selected", "aria-setsize", "tabindex"];
+const _hoisted_2 = ["data-p-highlight", "data-p-selectable"];
+const _hoisted_3 = ["data-node-has-children", "data-node-key", "data-node-selected"];
+const _hoisted_4 = {
   "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",
   tabindex: "-1"
-}, Ye = /* @__PURE__ */ xe({
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "TreeNode",
   props: {
     node: {},
@@ -50,457 +54,578 @@ const Ue = ["aria-checked", "aria-expanded", "aria-label", "aria-level", "aria-p
     nodeSelectedWhen: { type: Function }
   },
   emits: ["nodeToggle", "nodeClick", "checkboxChange", "toggleMenu"],
-  setup(se, { emit: ie }) {
-    const p = ie, t = se, s = Le("preset", {}).tree, L = oe(), T = oe(null);
-    let M = !1, B = !1;
-    const de = i(
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const props = __props;
+    const Preset = inject("preset", {}).tree;
+    const treeNodeMenu = ref();
+    const currentNode = ref(null);
+    let nodeTouched = false;
+    let toggleClicked = false;
+    const hasChildren = computed(
       () => {
-        var e;
-        return ((e = t.node) == null ? void 0 : e.children) && t.node.children.length > 0;
+        var _a;
+        return ((_a = props.node) == null ? void 0 : _a.children) && props.node.children.length > 0;
       }
-    ), G = i(
+    );
+    const enableNodeAction = computed(
       () => {
-        var e;
-        return +t.node.key != -1 && t.useOption && !((e = t.listLabelsNoOption) != null && e.includes(t.node.name));
+        var _a;
+        return +props.node.key != -1 && props.useOption && !((_a = props.listLabelsNoOption) == null ? void 0 : _a.includes(props.node.name));
       }
-    ), h = i(
-      () => 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(
+    );
+    const expanded = computed(
+      () => props.expandedKeys && props.expandedKeys[props.node.key] === true
+    );
+    const leaf = computed(
+      () => props.node.leaf === false ? false : !(props.node.children && props.node.children.length)
+    );
+    const selectable = computed(() => {
+      if (isDisabled(props.node) || isExactDisabled(props.node)) return false;
+      return props.node.selectable === false ? false : props.selectionMode != null;
+    });
+    const selected = computed(
       () => {
-        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);
+        var _a;
+        return ((_a = props.nodeSelectedWhen) == null ? void 0 : _a.call(props, props.node)) || (props.selectionMode && props.selectionKeys ? props.selectionKeys[props.node.key] === true : false);
       }
-    ), O = i(() => t.selectionMode === "checkbox"), g = i(
+    );
+    const checkboxMode = computed(() => props.selectionMode === "checkbox");
+    const checked = computed(
       () => {
-        var e, n;
-        return ((e = t.nodeSelectedWhen) == null ? void 0 : e.call(t, t.node)) || (t.selectionKeys ? (n = t.selectionKeys[t.node.key]) == null ? void 0 : n.checked : !1);
+        var _a, _b;
+        return ((_a = props.nodeSelectedWhen) == null ? void 0 : _a.call(props, props.node)) || (props.selectionKeys ? (_b = props.selectionKeys[props.node.key]) == null ? void 0 : _b.checked : false);
       }
-    ), re = i(
+    );
+    const partialChecked = computed(
       () => {
-        var e;
-        return t.selectionKeys ? (e = t.selectionKeys[t.node.key]) == null ? void 0 : e.partialChecked : !1;
+        var _a;
+        return props.selectionKeys ? (_a = props.selectionKeys[props.node.key]) == null ? void 0 : _a.partialChecked : false;
       }
-    ), ce = i(
-      () => t.selectionMode === "single" || t.selectionMode === "multiple" ? D.value : void 0
-    ), ue = i(
-      () => O.value ? g.value : void 0
-    ), pe = () => {
-      p("nodeToggle", t.node), B = !0;
-    }, ge = (e) => e.label, be = (e) => {
-      p("nodeToggle", e);
-    }, W = (e) => {
-      if (B || m.getAttribute(
-        e.target,
+    );
+    const ariaChecked = computed(
+      () => props.selectionMode === "single" || props.selectionMode === "multiple" ? selected.value : void 0
+    );
+    const ariaSelected = computed(
+      () => checkboxMode.value ? checked.value : void 0
+    );
+    const toggle = () => {
+      emit("nodeToggle", props.node);
+      toggleClicked = true;
+    };
+    const label = (node) => {
+      return node.label;
+    };
+    const onChildNodeToggle = (node) => {
+      emit("nodeToggle", node);
+    };
+    const onClick = (event) => {
+      if (toggleClicked || DomHandler.getAttribute(
+        event.target,
         '[data-pc-section="toggler"]'
-      ) || m.getAttribute(
-        e.target.parentElement,
+      ) || DomHandler.getAttribute(
+        event.target.parentElement,
         '[data-pc-section="toggler"]'
       )) {
-        B = !1;
+        toggleClicked = false;
         return;
       }
-      ve() ? me(e.type === "dblclick" || t.node.key === -1) : p("nodeClick", {
-        originalEvent: e,
-        nodeTouched: M,
-        node: { ...t.node, selectable: U.value }
-        // To prevent selection when the node disabled by disableKeys or exactDisableKeys
-      }), M = !1;
-    }, fe = (e) => {
-      p("nodeClick", e);
-    }, he = () => {
-      M = !0;
-    }, ye = (e, n) => {
-      if (t.selectionMode !== null) {
-        const o = [
-          ...m.find(T.value.parentElement, '[role="treeitem"]')
+      if (isCheckboxSelectionMode()) {
+        toggleCheckbox(event.type === "dblclick" || props.node.key === -1);
+      } else {
+        emit("nodeClick", {
+          originalEvent: event,
+          nodeTouched,
+          node: { ...props.node, selectable: selectable.value }
+          // To prevent selection when the node disabled by disableKeys or exactDisableKeys
+        });
+      }
+      nodeTouched = false;
+    };
+    const onChildNodeClick = (event) => {
+      emit("nodeClick", event);
+    };
+    const onTouchEnd = () => {
+      nodeTouched = true;
+    };
+    const setTabIndexForSelectionMode = (event, paramNodeTouched) => {
+      if (props.selectionMode !== null) {
+        const elements = [
+          ...DomHandler.find(currentNode.value.parentElement, '[role="treeitem"]')
         ];
-        e.currentTarget.tabIndex = n === !1 ? -1 : 0, o.every((l) => l.tabIndex === -1) && (o[0].tabIndex = 0);
+        event.currentTarget.tabIndex = paramNodeTouched === false ? -1 : 0;
+        if (elements.every((element) => element.tabIndex === -1)) {
+          elements[0].tabIndex = 0;
+        }
       }
-    }, k = (e, n, o) => {
-      e.tabIndex = -1, n.tabIndex = 0, De(o || n);
-    }, $ = (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);
+    };
+    const focusRowChange = (firstFocusableRow, currentFocusedRow, lastVisibleDescendant) => {
+      firstFocusableRow.tabIndex = -1;
+      currentFocusedRow.tabIndex = 0;
+      focusNode(lastVisibleDescendant || currentFocusedRow);
+    };
+    const findBeforeClickableNode = (node) => {
+      const parentListElement = node.closest("ul").closest("li");
+      if (parentListElement) {
+        const prevNodeButton = DomHandler.findSingle(parentListElement, "button");
+        if (prevNodeButton && prevNodeButton.style.visibility !== "hidden") {
+          return parentListElement;
+        }
+        return findBeforeClickableNode(node.previousElementSibling);
       }
       return null;
-    }, z = () => {
-      if (!T.value) return;
-      const e = m.find(
-        T.value.closest('[data-pc-section="container"]'),
+    };
+    const setAllNodesTabIndexes = () => {
+      if (!currentNode.value) return;
+      const nodes = DomHandler.find(
+        currentNode.value.closest('[data-pc-section="container"]'),
         '[role="treeitem"]'
-      ), n = [...e].some(
-        (o) => o.getAttribute("aria-selected") === "true" || o.getAttribute("aria-checked") === "true"
       );
-      if ([...e].forEach((o) => {
-        o.tabIndex = -1;
-      }), n) {
-        const o = [...e].filter(
-          (l) => l.getAttribute("aria-selected") === "true" || l.getAttribute("aria-checked") === "true"
+      const hasSelectedNode = [...nodes].some(
+        (node) => node.getAttribute("aria-selected") === "true" || node.getAttribute("aria-checked") === "true"
+      );
+      [...nodes].forEach((node) => {
+        node.tabIndex = -1;
+      });
+      if (hasSelectedNode) {
+        const selectedNodes = [...nodes].filter(
+          (node) => node.getAttribute("aria-selected") === "true" || node.getAttribute("aria-checked") === "true"
         );
-        o[0].tabIndex = 0;
+        selectedNodes[0].tabIndex = 0;
         return;
       }
-      [...e][0].tabIndex = 0;
-    }, me = (e = !1) => {
-      const n = t.selectionKeys ? { ...t.selectionKeys } : {}, o = !g.value;
-      H(t.node, o, n, e), p("checkboxChange", {
-        node: t.node,
-        check: o,
-        selectionKeys: n
+      [...nodes][0].tabIndex = 0;
+    };
+    const toggleCheckbox = (propagateRecursively = false) => {
+      const _selectionKeys = props.selectionKeys ? { ...props.selectionKeys } : {};
+      const _check = !checked.value;
+      propagateDown(props.node, _check, _selectionKeys, propagateRecursively);
+      emit("checkboxChange", {
+        node: props.node,
+        check: _check,
+        selectionKeys: _selectionKeys
       });
-    }, H = (e, n, o, l = !1) => {
-      if (n ? o[e.key] = { checked: !0, partialChecked: !1 } : delete o[e.key], (l || t.propagateSelection) && e.children && e.children.length)
-        for (const r of e.children)
-          H(r, n, o, l);
-    }, ke = (e) => {
-      var f, b;
-      const { check: n } = e, o = { ...e.selectionKeys };
-      let l = 0, r = !1;
-      if (t.node.children) {
-        if (t.propagateSelection) {
-          for (const S of t.node.children)
-            (f = o[S.key]) != null && f.checked ? l++ : (b = o[S.key]) != null && b.partialChecked && (r = !0);
-          n && l === t.node.children.length ? o[t.node.key] = { checked: !0, partialChecked: !1 } : (n || delete o[t.node.key], r || l > 0 && l !== t.node.children.length ? o[t.node.key] = {
-            checked: !1,
-            partialChecked: !0
-          } : delete o[t.node.key]);
+    };
+    const propagateDown = (node, check, selectionKeys, propagateRecursively = false) => {
+      if (check) {
+        selectionKeys[node.key] = { checked: true, partialChecked: false };
+      } else {
+        delete selectionKeys[node.key];
+      }
+      if (propagateRecursively || props.propagateSelection) {
+        if (node.children && node.children.length) {
+          for (const child of node.children) {
+            propagateDown(child, check, selectionKeys, propagateRecursively);
+          }
         }
-        p("checkboxChange", {
-          node: e.node,
-          check: e.check,
-          selectionKeys: o
-        });
       }
-    }, ve = () => t.selectionMode === "checkbox", Ne = (e) => {
-      if (Te(e))
-        switch (e.code) {
-          case "Tab":
-            Ke();
-            break;
-          case "ArrowDown":
-            j(e);
-            break;
-          case "ArrowUp":
-            Ce(e);
-            break;
-          case "ArrowRight":
-            we(e);
-            break;
-          case "ArrowLeft":
-            Ee(e);
-            break;
-          case "Enter":
-          case "NumpadEnter":
-          case "Space":
-            Se(e);
-            break;
+    };
+    const propagateUp = (event) => {
+      var _a, _b;
+      const { check } = event;
+      const _selectionKeys = { ...event.selectionKeys };
+      let checkedChildCount = 0;
+      let childPartialSelected = false;
+      if (!props.node.children) return;
+      if (props.propagateSelection) {
+        for (const child of props.node.children) {
+          if ((_a = _selectionKeys[child.key]) == null ? void 0 : _a.checked) checkedChildCount++;
+          else if ((_b = _selectionKeys[child.key]) == null ? void 0 : _b.partialChecked)
+            childPartialSelected = true;
         }
-    }, j = (e) => {
-      const n = e.target.getAttribute("data-wv-section") === "tree-node-toggler" ? e.target.closest(
+        if (check && checkedChildCount === props.node.children.length) {
+          _selectionKeys[props.node.key] = { checked: true, partialChecked: false };
+        } else {
+          if (!check) {
+            delete _selectionKeys[props.node.key];
+          }
+          if (childPartialSelected || checkedChildCount > 0 && checkedChildCount !== props.node.children.length) {
+            _selectionKeys[props.node.key] = {
+              checked: false,
+              partialChecked: true
+            };
+          } else {
+            delete _selectionKeys[props.node.key];
+          }
+        }
+      }
+      emit("checkboxChange", {
+        node: event.node,
+        check: event.check,
+        selectionKeys: _selectionKeys
+      });
+    };
+    const isCheckboxSelectionMode = () => props.selectionMode === "checkbox";
+    const onKeyDown = (event) => {
+      if (!isSameNode(event)) return;
+      switch (event.code) {
+        case "Tab":
+          onTabKey();
+          break;
+        case "ArrowDown":
+          onArrowDown(event);
+          break;
+        case "ArrowUp":
+          onArrowUp(event);
+          break;
+        case "ArrowRight":
+          onArrowRight(event);
+          break;
+        case "ArrowLeft":
+          onArrowLeft(event);
+          break;
+        case "Enter":
+        case "NumpadEnter":
+        case "Space":
+          onEnterKey(event);
+          break;
+      }
+    };
+    const onArrowDown = (event) => {
+      const nodeElement = event.target.getAttribute("data-wv-section") === "tree-node-toggler" ? event.target.closest(
         '[role="treeitem"]'
-      ) : e.target, o = n.children[1];
-      if (o)
-        k(n, o.children[0]);
-      else if (n.nextElementSibling)
-        k(
-          n,
-          n.nextElementSibling
-        );
-      else {
-        const l = q(
-          n
-        );
-        l && k(n, l);
+      ) : event.target;
+      const listElement = nodeElement.children[1];
+      if (listElement) {
+        focusRowChange(nodeElement, listElement.children[0]);
+      } else {
+        if (nodeElement.nextElementSibling) {
+          focusRowChange(
+            nodeElement,
+            nodeElement.nextElementSibling
+          );
+        } else {
+          const nextSiblingAncestor = findNextSiblingOfAncestor(
+            nodeElement
+          );
+          if (nextSiblingAncestor) {
+            focusRowChange(nodeElement, nextSiblingAncestor);
+          }
+        }
       }
-      e.preventDefault();
-    }, Ce = (e) => {
-      const n = e.target;
-      if (n.previousElementSibling)
-        k(
-          n,
-          n.previousElementSibling,
-          R(
-            n.previousElementSibling
+      event.preventDefault();
+    };
+    const onArrowUp = (event) => {
+      const nodeElement = event.target;
+      if (nodeElement.previousElementSibling) {
+        focusRowChange(
+          nodeElement,
+          nodeElement.previousElementSibling,
+          findLastVisibleDescendant(
+            nodeElement.previousElementSibling
           )
         );
-      else {
-        const o = J(n);
-        o && k(n, o);
+      } else {
+        const parentNodeElement = getParentNodeElement(nodeElement);
+        if (parentNodeElement) {
+          focusRowChange(nodeElement, parentNodeElement);
+        }
       }
-      e.preventDefault();
-    }, we = (e) => {
-      I.value || h.value || (e.currentTarget.tabIndex = -1, p("nodeToggle", t.node), ae(() => {
-        j(e);
-      }));
-    }, Ee = (e) => {
-      const n = m.findSingle(
-        e.currentTarget,
+      event.preventDefault();
+    };
+    const onArrowRight = (event) => {
+      if (leaf.value || expanded.value) return;
+      event.currentTarget.tabIndex = -1;
+      emit("nodeToggle", props.node);
+      nextTick(() => {
+        onArrowDown(event);
+      });
+    };
+    const onArrowLeft = (event) => {
+      const togglerElement = DomHandler.findSingle(
+        event.currentTarget,
         '[data-wv-section="tree-node-toggler"]'
       );
-      if (t.level === 0 && !h.value)
-        return !1;
-      if (h.value && !I.value)
-        return n.click(), !1;
-      const o = $(
-        e.currentTarget
+      if (props.level === 0 && !expanded.value) {
+        return false;
+      }
+      if (expanded.value && !leaf.value) {
+        togglerElement.click();
+        return false;
+      }
+      const target = findBeforeClickableNode(
+        event.currentTarget
       );
-      o && k(e.currentTarget, o);
-    }, Se = (e) => {
-      ye(e, M), W(e), e.preventDefault();
-    }, Ke = () => {
-      z();
-    }, Te = (e) => e.currentTarget && (e.currentTarget.isSameNode(e.target) || e.currentTarget.isSameNode(e.target.closest('[role="treeitem"]'))), Me = async (e, n) => {
-      var r, f;
-      const o = e.target, l = o.tagName.toLowerCase() === "button" ? o : o.parentElement;
-      if (l != null && l.classList.contains("tree-menu-button-active")) {
-        P();
-        const b = {
-          ...e,
-          currentTarget: e.target
+      if (target) {
+        focusRowChange(event.currentTarget, target);
+      }
+    };
+    const onEnterKey = (event) => {
+      setTabIndexForSelectionMode(event, nodeTouched);
+      onClick(event);
+      event.preventDefault();
+    };
+    const onTabKey = () => {
+      setAllNodesTabIndexes();
+    };
+    const isSameNode = (event) => {
+      return event.currentTarget && (event.currentTarget.isSameNode(event.target) || event.currentTarget.isSameNode(event.target.closest('[role="treeitem"]')));
+    };
+    const toggleNodeMenu = async (event, node) => {
+      var _a, _b;
+      const target = event.target;
+      const button = target.tagName.toLowerCase() === "button" ? target : target.parentElement;
+      if (button == null ? void 0 : button.classList.contains("tree-menu-button-active")) {
+        removeClassActive();
+        const toggleEvent = {
+          ...event,
+          currentTarget: event.target
         };
-        (r = L.value) == null || r.toggle(b);
+        (_a = treeNodeMenu.value) == null ? void 0 : _a.toggle(toggleEvent);
       } else {
-        await ae(), P(), l == null || l.classList.add("tree-menu-button-active", "!bg-surface-300/20");
-        const b = {
-          ...e,
-          currentTarget: e.target
+        await nextTick();
+        removeClassActive();
+        button == null ? void 0 : button.classList.add("tree-menu-button-active", "!bg-surface-300/20");
+        const toggleEvent = {
+          ...event,
+          currentTarget: event.target
         };
-        (f = L.value) == null || f.toggle(b), p("toggleMenu", n);
+        (_b = treeNodeMenu.value) == null ? void 0 : _b.toggle(toggleEvent);
+        emit("toggleMenu", node);
       }
-    }, P = () => {
-      const e = document.querySelectorAll(
+    };
+    const removeClassActive = () => {
+      const previouslyClicked = document.querySelectorAll(
         ".tree-menu-button-active"
       );
-      e == null || e.forEach((n) => {
-        n.classList.remove("tree-menu-button-active", "!bg-surface-300/20");
+      previouslyClicked == null ? void 0 : previouslyClicked.forEach((el) => {
+        el.classList.remove("tree-menu-button-active", "!bg-surface-300/20");
       });
-    }, q = (e) => {
-      const n = J(e);
-      return n ? n.nextElementSibling ? n.nextElementSibling : q(n) : null;
-    }, R = (e) => {
-      const n = e.children[1];
-      if (n) {
-        const o = n.children[n.children.length - 1];
-        return R(o);
+    };
+    const findNextSiblingOfAncestor = (nodeElement) => {
+      const parentNodeElement = getParentNodeElement(nodeElement);
+      if (parentNodeElement) {
+        if (parentNodeElement.nextElementSibling)
+          return parentNodeElement.nextElementSibling;
+        return findNextSiblingOfAncestor(parentNodeElement);
       }
-      return e;
-    }, J = (e) => {
-      const n = e.parentElement.parentElement;
-      return m.getAttribute(n, "role") === "treeitem" ? n : null;
-    }, De = (e) => {
-      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));
-    }, 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 null;
+    };
+    const findLastVisibleDescendant = (nodeElement) => {
+      const childrenListElement = nodeElement.children[1];
+      if (childrenListElement) {
+        const lastChildElement = childrenListElement.children[childrenListElement.children.length - 1];
+        return findLastVisibleDescendant(lastChildElement);
+      }
+      return nodeElement;
+    };
+    const getParentNodeElement = (nodeElement) => {
+      const parentNodeElement = nodeElement.parentElement.parentElement;
+      return DomHandler.getAttribute(parentNodeElement, "role") === "treeitem" ? parentNodeElement : null;
+    };
+    const focusNode = (element) => {
+      element.focus();
+    };
+    const isDisabled = (node) => {
+      var _a, _b;
+      return ((_a = props.disableKeys) == null ? void 0 : _a.includes(+node.key)) || props.disabled || node.selectable == false || node.disabled == true || ((_b = props.disableNodeWhen) == null ? void 0 : _b.call(props, node));
+    };
+    const isExactDisabled = (node) => {
+      var _a, _b;
+      return node.selectable == false || ((_a = props.exactDisableKeys) == null ? void 0 : _a.includes(+node.key)) || props.disableNodeAll && +node.key === -1 || ((_b = props.exactDisableNodeWhen) == null ? void 0 : _b.call(props, node));
     };
-    return Be(() => {
-      z();
-    }), (e, n) => {
-      var l, r, f, b, S, Q, X, Y, Z, _, ee;
-      const o = Ie("TreeNode", !0);
-      return a(), N(V, null, [
-        C("li", y({
+    onMounted(() => {
+      setAllNodesTabIndexes();
+    });
+    return (_ctx, _cache) => {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+      const _component_TreeNode = resolveComponent("TreeNode", true);
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("li", mergeProps({
           ref_key: "currentNode",
-          ref: T,
-          "aria-checked": ce.value,
-          "aria-expanded": h.value,
-          "aria-label": ge(e.node),
-          "aria-level": e.level,
-          "aria-posinset": e.index + 1,
-          "aria-selected": ue.value,
-          "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, {
+          ref: currentNode,
+          "aria-checked": ariaChecked.value,
+          "aria-expanded": expanded.value,
+          "aria-label": label(_ctx.node),
+          "aria-level": _ctx.level,
+          "aria-posinset": _ctx.index + 1,
+          "aria-selected": ariaSelected.value,
+          "aria-setsize": _ctx.node.children ? _ctx.node.children.length : 0,
+          tabindex: _ctx.index === 0 ? 0 : -1,
+          onKeydown: onKeyDown
+        }, (_a = props.pt ?? unref(Preset)) == null ? void 0 : _a.node, {
           "data-wv-name": "treenode",
           role: "treeitem"
         }), [
-          C("div", y(
-            (r = t.pt ?? d(s)) == null ? void 0 : r.content({
-              props: t,
+          createElementVNode("div", mergeProps(
+            (_b = props.pt ?? unref(Preset)) == null ? void 0 : _b.content({
+              props,
               context: {
-                selected: g.value || D.value,
-                disabled: v(e.node),
-                exactDisabled: E(e.node)
+                selected: checked.value || selected.value,
+                disabled: isDisabled(_ctx.node),
+                exactDisabled: isExactDisabled(_ctx.node)
               }
             }),
             {
-              "data-p-highlight": O.value ? g.value : D.value,
-              "data-p-selectable": U.value,
-              style: e.node.style,
-              onClick: W,
-              onTouchend: he
+              "data-p-highlight": checkboxMode.value ? checked.value : selected.value,
+              "data-p-selectable": selectable.value,
+              style: _ctx.node.style,
+              onClick,
+              onTouchend: onTouchEnd
             }
           ), [
-            C("button", y({
-              onClick: pe,
+            createElementVNode("button", mergeProps({
+              onClick: toggle,
               "aria-hidden": "true",
               tabindex: "-1",
               type: "button"
-            }, (f = t.pt ?? d(s)) == null ? void 0 : f.toggler({ context: { leaf: I.value } })), [
-              e.node.loading && e.loadingMode === "icon" ? (a(), u(x, {
+            }, (_c = props.pt ?? unref(Preset)) == null ? void 0 : _c.toggler({ context: { leaf: leaf.value } })), [
+              _ctx.node.loading && _ctx.loadingMode === "icon" ? (openBlock(), createBlock(_sfc_main$1, {
                 key: 0,
                 class: "animate-spin",
                 icon: "spinner"
-              })) : (a(), N(V, { key: 1 }, [
-                e.templates.togglericon ? (a(), u(F(e.templates.togglericon), {
+              })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                _ctx.templates["togglericon"] ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.templates["togglericon"]), {
                   key: 0,
-                  class: w([...(b = t.pt ?? d(s)) == null ? void 0 : b.togglericon.class]),
-                  expanded: h.value,
-                  node: e.node
-                }, null, 8, ["class", "expanded", "node"])) : (a(), u(x, {
+                  class: normalizeClass([...(_d = props.pt ?? unref(Preset)) == null ? void 0 : _d.togglericon.class]),
+                  expanded: expanded.value,
+                  node: _ctx.node
+                }, null, 8, ["class", "expanded", "node"])) : (openBlock(), createBlock(_sfc_main$1, {
                   key: 1,
-                  class: w([
-                    ...(S = t.pt ?? d(s)) == null ? void 0 : S.togglericon.class,
-                    { "rotate-90": h.value }
+                  class: normalizeClass([
+                    ...(_e = props.pt ?? unref(Preset)) == null ? void 0 : _e.togglericon.class,
+                    { "rotate-90": expanded.value }
                   ]),
                   "data-wv-section": "togglericon",
                   icon: "arrow-right"
                 }, null, 8, ["class"]))
               ], 64))
             ], 16),
-            O.value ? (a(), u(Fe, y({
+            checkboxMode.value ? (openBlock(), createBlock(_sfc_main$2, mergeProps({
               key: 0,
-              binary: !1
-            }, (Q = t.pt ?? d(s)) == null ? void 0 : Q.nodeCheckbox.root, {
-              disabled: v(e.node) || E(e.node),
-              "model-value": g.value ? g.value : re.value ? !1 : null,
-              onClick: n[0] || (n[0] = A(() => {
+              binary: false
+            }, (_f = props.pt ?? unref(Preset)) == null ? void 0 : _f.nodeCheckbox.root, {
+              disabled: isDisabled(_ctx.node) || isExactDisabled(_ctx.node),
+              "model-value": checked.value ? checked.value : partialChecked.value ? false : null,
+              onClick: _cache[0] || (_cache[0] = withModifiers(() => {
               }, ["prevent"])),
-              onKeydown: n[1] || (n[1] = A(() => {
+              onKeydown: _cache[1] || (_cache[1] = withModifiers(() => {
               }, ["prevent", "stop"])),
-              "onUpdate:modelValue": W,
+              "onUpdate:modelValue": onClick,
               "data-wv-section": "nodecheckbox",
               "tri-state": ""
-            }), null, 16, ["disabled", "model-value"])) : K("", !0),
-            e.templates.nodeicon ? (a(), u(F(e.templates.nodeicon), {
+            }), null, 16, ["disabled", "model-value"])) : createCommentVNode("", true),
+            _ctx.templates["nodeicon"] ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.templates["nodeicon"]), {
               key: 1,
-              class: w([...(X = t.pt ?? d(s)) == null ? void 0 : X.nodeicon().class]),
-              node: e.node
-            }, null, 8, ["class", "node"])) : (a(), N("span", {
+              class: normalizeClass([...(_g = props.pt ?? unref(Preset)) == null ? void 0 : _g.nodeicon().class]),
+              node: _ctx.node
+            }, null, 8, ["class", "node"])) : (openBlock(), createElementBlock("span", {
               key: 2,
-              class: w([...(Y = t.pt ?? d(s)) == null ? void 0 : Y.nodeicon().class, e.node.icon])
+              class: normalizeClass([...(_h = props.pt ?? unref(Preset)) == null ? void 0 : _h.nodeicon().class, _ctx.node.icon])
             }, null, 2)),
-            C("span", y(
-              (Z = t.pt ?? d(s)) == null ? void 0 : Z.label({
-                props: t,
+            createElementVNode("span", mergeProps(
+              (_i = props.pt ?? unref(Preset)) == null ? void 0 : _i.label({
+                props,
                 context: {
-                  selected: g.value || D.value,
-                  disabled: v(e.node),
-                  exactDisabled: E(e.node)
+                  selected: checked.value || selected.value,
+                  disabled: isDisabled(_ctx.node),
+                  exactDisabled: isExactDisabled(_ctx.node)
                 }
               }),
               {
-                onKeydown: n[3] || (n[3] = A(() => {
+                onKeydown: _cache[3] || (_cache[3] = withModifiers(() => {
                 }, ["stop"]))
               }
             ), [
-              e.templates[e.node.type] || e.templates.default ? (a(), u(F(e.templates[e.node.type] || e.templates.default), {
+              _ctx.templates[_ctx.node.type] || _ctx.templates["default"] ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.templates[_ctx.node.type] || _ctx.templates["default"]), {
                 key: 0,
-                checked: g.value,
-                disabled: E(e.node) || v(e.node),
-                node: e.node
-              }, null, 8, ["checked", "disabled", "node"])) : (a(), N("span", {
+                checked: checked.value,
+                disabled: isExactDisabled(_ctx.node) || isDisabled(_ctx.node),
+                node: _ctx.node
+              }, null, 8, ["checked", "disabled", "node"])) : (openBlock(), createElementBlock("span", {
                 key: 1,
-                "data-node-has-children": !!((_ = e.node.children) != null && _.length),
-                "data-node-key": e.node.key,
-                "data-node-selected": g.value,
+                "data-node-has-children": !!((_j = _ctx.node.children) == null ? void 0 : _j.length),
+                "data-node-key": _ctx.node.key,
+                "data-node-selected": checked.value,
                 class: "grow"
-              }, le(e.node.name), 9, ze)),
-              e.node.isDisposable && e.showDisposableGroups ? (a(), u(x, {
+              }, toDisplayString(_ctx.node.name), 9, _hoisted_3)),
+              _ctx.node.isDisposable && _ctx.showDisposableGroups ? (openBlock(), createBlock(_sfc_main$1, {
                 key: 2,
                 class: "!text-general-200 w-4 h-4 p-1",
                 icon: "disposal",
                 info: "Disposable Group",
                 "tooltip-pos": "left"
-              })) : K("", !0),
-              G.value ? (a(), u(Ve, {
+              })) : createCommentVNode("", true),
+              enableNodeAction.value ? (openBlock(), createBlock(_sfc_main$3, {
                 key: 3,
-                class: w([
+                class: normalizeClass([
                   "!w-4 !h-4 !min-w-4 p-0.5",
                   "!text-general-200",
                   "rounded-full"
                 ]),
-                onClick: n[2] || (n[2] = A((c) => Me(c, e.node), ["stop"])),
+                onClick: _cache[2] || (_cache[2] = withModifiers(($event) => toggleNodeMenu($event, _ctx.node), ["stop"])),
                 "data-wv-section": "nodemenubutton",
                 icon: "more",
                 severity: "secondary",
                 text: "",
                 tooltip: "Action",
                 "tooltip-pos": "left"
-              })) : K("", !0)
+              })) : createCommentVNode("", true)
             ], 16)
-          ], 16, $e),
-          de.value && h.value ? (a(), N("ul", y({
+          ], 16, _hoisted_2),
+          hasChildren.value && expanded.value ? (openBlock(), createElementBlock("ul", mergeProps({
             key: 0,
             role: "group"
-          }, (ee = t.pt ?? d(s)) == null ? void 0 : ee.subgroup), [
-            (a(!0), N(V, null, Oe(e.node.children, (c) => {
-              var te, ne;
-              return a(), u(o, y({
-                key: c.key,
-                ref_for: !0
-              }, t, {
-                class: [...(ne = (te = t.pt ?? d(s)) == null ? void 0 : te.node) == null ? void 0 : ne.class],
-                "disable-keys": e.disableKeys,
-                disabled: v(c),
-                "exact-disable-keys": e.exactDisableKeys,
-                "expanded-keys": e.expandedKeys,
-                level: e.level + 1,
-                "list-labels-no-option": e.listLabelsNoOption,
-                "loading-mode": e.loadingMode,
-                node: c,
-                "propagate-selection": t.propagateSelection,
-                pt: e.pt,
-                "selection-keys": e.selectionKeys,
-                "selection-mode": e.selectionMode,
-                "show-disposable-groups": e.showDisposableGroups,
-                templates: e.templates,
-                "tree-node-menus": e.treeNodeMenus,
-                unstyled: e.unstyled,
-                "use-option": e.useOption,
-                onCheckboxChange: ke,
-                onNodeClick: fe,
-                onNodeToggle: be,
-                onToggleMenu: n[4] || (n[4] = (Ae) => p("toggleMenu", Ae))
+          }, (_k = props.pt ?? unref(Preset)) == null ? void 0 : _k.subgroup), [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.node.children, (childNode) => {
+              var _a2, _b2;
+              return openBlock(), createBlock(_component_TreeNode, mergeProps({
+                key: childNode.key,
+                ref_for: true
+              }, props, {
+                class: [...(_b2 = (_a2 = props.pt ?? unref(Preset)) == null ? void 0 : _a2.node) == null ? void 0 : _b2.class],
+                "disable-keys": _ctx.disableKeys,
+                disabled: isDisabled(childNode),
+                "exact-disable-keys": _ctx.exactDisableKeys,
+                "expanded-keys": _ctx.expandedKeys,
+                level: _ctx.level + 1,
+                "list-labels-no-option": _ctx.listLabelsNoOption,
+                "loading-mode": _ctx.loadingMode,
+                node: childNode,
+                "propagate-selection": props.propagateSelection,
+                pt: _ctx.pt,
+                "selection-keys": _ctx.selectionKeys,
+                "selection-mode": _ctx.selectionMode,
+                "show-disposable-groups": _ctx.showDisposableGroups,
+                templates: _ctx.templates,
+                "tree-node-menus": _ctx.treeNodeMenus,
+                unstyled: _ctx.unstyled,
+                "use-option": _ctx.useOption,
+                onCheckboxChange: propagateUp,
+                onNodeClick: onChildNodeClick,
+                onNodeToggle: onChildNodeToggle,
+                onToggleMenu: _cache[4] || (_cache[4] = ($event) => emit("toggleMenu", $event))
               }), 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)) : createCommentVNode("", true)
+        ], 16, _hoisted_1),
+        enableNodeAction.value ? (openBlock(), createBlock(_sfc_main$4, {
           key: 0,
           ref_key: "treeNodeMenu",
-          ref: L,
-          model: e.treeNodeMenus,
-          popup: !0,
-          onHide: P,
+          ref: treeNodeMenu,
+          model: _ctx.treeNodeMenus,
+          popup: true,
+          onHide: removeClassActive,
           "data-wv-section": "tree-node-menus"
         }, {
-          item: We(({ item: c }) => [
-            C("a", He, [
-              Pe(x, {
-                icon: c.icon,
-                severity: c.danger ? "danger" : void 0
+          item: withCtx(({ item }) => [
+            createElementVNode("a", _hoisted_4, [
+              createVNode(_sfc_main$1, {
+                icon: item.icon,
+                severity: item.danger ? "danger" : void 0
               }, null, 8, ["icon", "severity"]),
-              C("span", {
-                class: w(["text-inherit", { "!text-danger-500": c.danger }]),
+              createElementVNode("span", {
+                class: normalizeClass(["text-inherit", { "!text-danger-500": item.danger }]),
                 "data-pc-section": "label"
-              }, le(c.label), 3)
+              }, toDisplayString(item.label), 3)
             ])
           ]),
           _: 1
-        }, 8, ["model"])) : K("", !0)
+        }, 8, ["model"])) : createCommentVNode("", true)
       ], 64);
     };
   }
 });
 export {
-  Ye as _
+  _sfc_main as _
 };