hys-ui 0.1.1 → 0.3.0

package/dist/components/HysTree/HysTree2.vue.js

@@ -1,361 +1,711 @@
-import { defineComponent as he, ref as p, computed as s, watch as W, onDeactivated as fe, openBlock as r, createElementBlock as v, mergeProps as G, unref as I, withDirectives as pe, vModelText as ye, createCommentVNode as w, createElementVNode as E, normalizeStyle as F, Fragment as me, renderList as be, normalizeClass as ge, withModifiers as J, createBlock as O, resolveDynamicComponent as ke, toDisplayString as P, renderSlot as we, Teleport as Ce, withKeys as De, nextTick as Ke } from "vue";
-import Ae from "../HysCheckbox/HysCheckbox.vue.js";
-import { useHysRootAttrs as Me } from "../../config.js";
-import { LoaderCircle as Se, ChevronDown as Te, ChevronRight as Ie } from "lucide-vue-next";
-const Be = ["disabled"], Ve = ["aria-multiselectable"], He = ["aria-level", "aria-expanded", "aria-selected", "aria-disabled", "aria-checked", "tabindex", "draggable", "data-tree-id", "onFocus", "onKeydown", "onClick", "onDragstart", "onDragover", "onDrop", "onContextmenu", "data-drop-position"], $e = ["aria-label", "disabled", "onClick"], Ee = {
+import { defineComponent as sa, useId as ua, ref as g, provide as ra, computed as B, onActivated as ca, watch as Z, shallowRef as va, onDeactivated as ya, onBeforeUnmount as fa, openBlock as r, createElementBlock as h, mergeProps as M, unref as l, createBlock as R, withCtx as w, createVNode as Y, createCommentVNode as x, createElementVNode as ue, normalizeStyle as re, normalizeClass as He, withModifiers as X, renderSlot as H, createTextVNode as P, toDisplayString as S, Fragment as Se, renderList as ha, resolveDynamicComponent as ze, Teleport as ka, nextTick as _ } from "vue";
+import pa from "../../motion/PopupMotion.js";
+import { Search as ga, LoaderCircle as Ae, ChevronDown as ma, ChevronRight as ba, GripVertical as Ca } from "lucide-vue-next";
+import xa from "../HysInput/HysInput.vue.js";
+import Ta from "../HysCheckbox/HysCheckbox.vue.js";
+import xe from "../HysButton/HysButton.vue.js";
+import { useHysRootAttrs as Da } from "../../config.js";
+import { useHysControlState as Ka, useHysFormItemContext as Na, fieldKey as Ea } from "../../composables/formContext.js";
+import { useTree as Ba } from "../../composables/useTree.js";
+const Ma = ["data-size"], Ha = ["id", "tabindex", "aria-label", "aria-multiselectable", "aria-disabled", "aria-busy", "aria-invalid", "aria-describedby"], Sa = {
+  key: 0,
+  class: "hys-ui-tree-loading",
+  role: "status"
+}, za = ["aria-level", "aria-posinset", "aria-setsize", "aria-expanded", "aria-selected", "aria-disabled", "aria-checked", "tabindex", "draggable", "data-tree-id", "data-tree-key", "data-drop-position", "onFocus", "onKeydown", "onClick", "onDblclick", "onDragstart", "onDragover", "onDragleave", "onDrop", "onContextmenu"], Aa = ["aria-label", "disabled", "onClick"], Ia = {
   key: 1,
-  class: "hys-ui-pf-tree-spacer",
-  "aria-hidden": "true"
-}, Le = {
+  class: "hys-ui-pf-tree-spacer"
+}, $a = {
   key: 3,
+  class: "hys-ui-tree-icon",
   "aria-hidden": "true"
-}, Ne = { class: "hys-ui-pf-tree-label" }, Re = {
-  key: 4,
-  class: "hys-ui-pf-tree-error",
-  role: "alert"
-}, qe = {
-  key: 2,
+}, Va = { class: "hys-ui-pf-tree-label" }, Fa = ["disabled", "onClick"], La = {
+  key: 1,
   class: "hys-ui-pf-tree-empty"
-}, Ye = /* @__PURE__ */ he({
+}, ja = /* @__PURE__ */ sa({
   __name: "HysTree",
   props: {
+    popupTransition: {},
+    popupTransitionDuration: {},
     nodes: {},
     modelValue: {},
-    checkedKeys: { default: () => [] },
+    defaultValue: {},
+    checkedKeys: {},
+    defaultCheckedKeys: {},
+    halfCheckedKeys: {},
     expandedKeys: {},
+    defaultExpandedKeys: {},
+    loadedKeys: {},
     multiple: { type: Boolean },
+    selectable: { type: Boolean, default: !0 },
     checkable: { type: Boolean },
     searchable: { type: Boolean, default: !0 },
     disabled: { type: Boolean },
+    inheritDisabled: { type: Boolean },
+    loading: { type: Boolean },
+    size: {},
     defaultExpandAll: { type: Boolean },
+    autoExpandParent: { type: Boolean },
+    accordion: { type: Boolean },
+    expandOnClickNode: { type: Boolean },
+    expandOnDoubleClick: { type: Boolean },
+    checkOnClickNode: { type: Boolean },
+    checkOnClickLeaf: { type: Boolean },
+    selectOnClickNode: { type: Boolean, default: !0 },
+    allowDeselect: { type: Boolean },
+    highlightCurrent: { type: Boolean, default: !0 },
+    fieldNames: {},
+    nodeKey: {},
     showLine: { type: Boolean },
+    showIcon: { type: Boolean, default: !0 },
+    indent: { default: 20 },
+    blockNode: { type: Boolean, default: !0 },
     virtual: { type: Boolean },
     rowHeight: { default: 38 },
     viewportHeight: { default: 340 },
+    overscan: { default: 4 },
     draggable: { type: Boolean },
+    dragExpandDelay: { default: 700 },
+    allowDrag: {},
+    allowDrop: {},
     contextMenu: { type: Boolean },
     checkStrictly: { type: Boolean },
+    searchValue: {},
+    defaultSearchValue: {},
+    searchPlaceholder: {},
     filterNode: {},
-    loadChildren: {}
+    filterMode: {},
+    showMatchedChildren: { type: Boolean },
+    emptyText: {},
+    ariaLabel: {},
+    locale: {},
+    loadChildren: {},
+    renderContent: {},
+    nodeClass: {},
+    nodeStyle: {},
+    validateEvent: { type: Boolean, default: !0 }
   },
-  emits: ["update:modelValue", "update:checkedKeys", "update:expandedKeys", "select", "check", "node-drop", "node-contextmenu", "load-error", "children-loaded"],
-  setup(i, { expose: ee, emit: le }) {
-    const Y = Me(), d = i, c = le, b = p(""), C = p({}), K = p([]), M = p({}), S = p(0), A = p(""), B = p(""), U = p("inside"), h = p(null), V = p(""), m = p(null), u = s(() => {
-      const e = /* @__PURE__ */ new Map(), t = (l, n = 0, a, o = /* @__PURE__ */ new Set()) => {
-        var $, k;
-        for (const y of l)
-          e.has(y.id) || o.has(y.id) || (e.set(y.id, { node: y, depth: n, parentId: a, hasChildren: !!(($ = y.children) != null && $.length || (k = C.value[y.id]) != null && k.length || y.hasChildren) }), t(C.value[y.id] ?? y.children ?? [], n + 1, y.id, /* @__PURE__ */ new Set([...o, y.id])));
-      };
-      return t(d.nodes), e;
-    }), H = p([]);
-    W(() => [d.nodes, d.defaultExpandAll], () => {
-      d.defaultExpandAll && d.expandedKeys === void 0 && (H.value = [...u.value.values()].filter((e) => e.hasChildren).map((e) => e.node.id));
-    }, { immediate: !0, deep: !0 }), W(() => d.nodes, () => {
-      C.value = {}, M.value = {}, S.value = 0;
-    }, { deep: !1 });
-    const f = s(() => d.expandedKeys ?? H.value), te = s(() => {
-      const e = /* @__PURE__ */ new Set(), t = b.value.trim().toLocaleLowerCase();
-      if (!t) return e;
-      for (const l of u.value.values()) {
-        if (!(d.filterNode ? d.filterNode(t, l.node) : l.node.label.toLocaleLowerCase().includes(t))) continue;
-        let n = l;
-        for (; n; )
-          e.add(n.node.id), n = n.parentId ? u.value.get(n.parentId) : void 0;
+  emits: ["update:modelValue", "update:checkedKeys", "update:expandedKeys", "update:loadedKeys", "update:searchValue", "update:nodes", "select", "check", "check-change", "selection-change", "node-click", "node-expand", "node-collapse", "node-drop", "node-drag-start", "node-drag-over", "node-drag-end", "node-contextmenu", "load-error", "children-loaded", "load", "data-change", "search", "scroll", "focus", "blur"],
+  setup(o, { expose: Ie, emit: $e }) {
+    const i = o, m = $e, ce = Da(), ee = Ka(i), U = Na(), Ve = ua(), ae = g(), y = g(), Te = g();
+    ra(Ea, void 0);
+    const s = Ba(
+      i,
+      ee.disabled,
+      (e, ...a) => m(e, ...a),
+      () => {
+        i.validateEvent && U.validate("change");
+      }
+    ), {
+      index: G,
+      visible: p,
+      words: v,
+      busy: u,
+      live: ve,
+      query: q,
+      expanded: b,
+      selection: ye,
+      selected: Fe,
+      multiple: Le,
+      checked: W,
+      halfChecked: fe,
+      loadingKeys: he,
+      failures: Oe,
+      matches: Re,
+      expandNode: z,
+      setChecked: ke,
+      selectNode: pe,
+      filter: De
+    } = s, A = B(
+      () => Number.isFinite(i.rowHeight) ? Math.min(240, Math.max(24, i.rowHeight)) : 38
+    ), j = B(
+      () => Number.isFinite(i.viewportHeight) ? Math.min(1600, Math.max(80, i.viewportHeight)) : 340
+    ), Ke = B(
+      () => Number.isFinite(i.overscan) ? Math.min(30, Math.max(0, Math.floor(i.overscan))) : 4
+    ), Pe = B(
+      () => Number.isFinite(i.indent) ? Math.min(80, Math.max(0, i.indent)) : 20
+    ), V = g(0), te = g(0), I = g(null), Ne = B(
+      () => i.virtual ? Math.max(0, Math.floor(V.value / A.value) - Ke.value) : 0
+    ), Ue = B(
+      () => i.virtual ? Math.min(
+        p.value.length,
+        Math.ceil(
+          (V.value + (te.value || j.value)) / A.value
+        ) + Ke.value
+      ) : p.value.length
+    ), qe = B(() => p.value.slice(Ne.value, Ue.value)), $ = B(() => p.value.filter((e) => !e.disabled)), Ye = B(
+      () => {
+        var e;
+        return I.value !== null && p.value.some((a) => a.key === I.value && !a.disabled) ? I.value : (e = $.value[0]) == null ? void 0 : e.key;
       }
-      return e;
-    }), g = s(() => {
-      const e = b.value.trim();
-      return [...u.value.values()].filter((t) => {
-        var n;
-        if (e) return te.value.has(t.node.id);
-        let l = t.parentId;
-        for (; l; ) {
-          if (!f.value.includes(l)) return !1;
-          l = (n = u.value.get(l)) == null ? void 0 : n.parentId;
+    );
+    let J = 0, F = 0, T, ge = 0;
+    function Xe() {
+      T == null || T.disconnect(), i.virtual && y.value && typeof ResizeObserver < "u" && (T = new ResizeObserver((e) => {
+        var a;
+        te.value = ((a = e[0]) == null ? void 0 : a.contentRect.height) || 0;
+      }), T.observe(y.value));
+    }
+    function Ge() {
+      ge++, cancelAnimationFrame(J), J = 0, T == null || T.disconnect(), T = void 0;
+    }
+    async function Ee() {
+      const e = ++ge;
+      await _(), !(!ve.value || e !== ge || !y.value) && (y.value.scrollTop = F, V.value = y.value.scrollTop, Xe());
+    }
+    ca(Ee), Z([y, () => i.virtual], Ee);
+    function We(e) {
+      var a;
+      !ve.value || !((a = y.value) != null && a.isConnected) || (F = y.value.scrollTop, i.virtual && !J && (J = requestAnimationFrame(() => {
+        J = 0, V.value = F;
+      })), m("scroll", e));
+    }
+    function je() {
+      F = 0, V.value = 0, y.value && (y.value.scrollTop = 0);
+    }
+    Z(q, je), Z(
+      () => p.value.length,
+      () => {
+        if (y.value) {
+          const e = Math.max(
+            0,
+            p.value.length * A.value - (te.value || j.value)
+          );
+          i.virtual && F > e && (F = e, V.value = e, y.value.scrollTop = e);
         }
-        return !0;
-      });
-    }), L = s(() => new Set(d.checkedKeys)), Q = s(() => {
-      var t;
-      const e = /* @__PURE__ */ new Set();
-      for (const l of u.value.values()) {
-        if (!L.value.has(l.node.id)) continue;
-        let n = l.parentId;
-        for (; n; )
-          L.value.has(n) || e.add(n), n = (t = u.value.get(n)) == null ? void 0 : t.parentId;
       }
-      return e;
-    });
-    async function N(e) {
-      var n;
-      const t = u.value.get(e);
-      if (!t) return;
-      if (!f.value.includes(e) && t.node.hasChildren && !((n = t.node.children) != null && n.length) && !Object.prototype.hasOwnProperty.call(C.value, e) && d.loadChildren && !K.value.includes(e)) {
-        K.value = [...K.value, e], delete M.value[e];
-        try {
-          const a = await d.loadChildren(t.node);
-          C.value = { ...C.value, [e]: a }, c("children-loaded", { node: t.node, children: a });
-        } catch (a) {
-          M.value = { ...M.value, [e]: "加载失败，点击重试" }, c("load-error", { node: t.node, error: a });
-          return;
-        } finally {
-          K.value = K.value.filter((a) => a !== e);
+    );
+    const le = /* @__PURE__ */ new Map();
+    function Je(e, a) {
+      a instanceof HTMLElement ? le.set(e, a) : le.delete(e);
+    }
+    async function Be(e) {
+      if (u.value) return;
+      e.key !== void 0 && (await s.setExpandedKeys([
+        .../* @__PURE__ */ new Set([...s.rawExpanded.value, ...s.ancestors(e.key)])
+      ]), await _());
+      const a = y.value;
+      if (!a) return;
+      let t = e.top ?? a.scrollTop;
+      if (e.key !== void 0) {
+        const d = p.value.findIndex((n) => n.key === e.key);
+        if (d < 0) return;
+        if (i.virtual) {
+          const n = d * A.value, c = n + A.value, E = te.value || j.value;
+          t = e.align === "top" ? n : e.align === "bottom" ? c - E : n < a.scrollTop ? n : c > a.scrollTop + E ? c - E : a.scrollTop;
+        } else {
+          const n = le.get(e.key);
+          if (n) {
+            const c = n.getBoundingClientRect().top - a.getBoundingClientRect().top + a.scrollTop, E = c + n.offsetHeight;
+            t = e.align === "top" ? c : e.align === "bottom" ? E - a.clientHeight : c < a.scrollTop ? c : E > a.scrollTop + a.clientHeight ? E - a.clientHeight : a.scrollTop;
+          }
         }
       }
-      const l = f.value.includes(e) ? f.value.filter((a) => a !== e) : [...f.value, e];
-      d.expandedKeys === void 0 && (H.value = l), c("update:expandedKeys", l);
+      t = Math.max(0, Number.isFinite(t) ? t + (e.offset ?? 0) : 0), F = t, V.value = t, e.behavior === "smooth" && a.scrollTo ? a.scrollTo({ top: t, behavior: "smooth" }) : a.scrollTop = t, await _();
     }
-    const R = s(() => new Set((Array.isArray(d.modelValue) ? d.modelValue : [d.modelValue]).filter((e) => typeof e == "string")));
-    function q(e) {
-      d.disabled || e.node.disabled || e.node.selectable === !1 || (c("update:modelValue", d.multiple || Array.isArray(d.modelValue) ? R.value.has(e.node.id) ? [...R.value].filter((t) => t !== e.node.id) : [...R.value, e.node.id] : e.node.id), c("select", e.node), V.value = e.node.id);
+    async function L(e) {
+      var d, n, c;
+      if (u.value) return;
+      const a = e ?? (I.value !== null ? I.value : void 0) ?? ((d = $.value[0]) == null ? void 0 : d.key);
+      if (a === void 0) {
+        (n = Te.value) == null || n.focus();
+        return;
+      }
+      const t = G.value.map.get(a);
+      !t || t.disabled || (await Be({ key: a }), !(!ve.value || !p.value.some((E) => E.key === a)) && (I.value = a, await _(), (c = le.get(a)) == null || c.focus({ preventScroll: !!i.virtual })));
     }
-    function ne(e) {
-      const t = [], l = (n) => {
-        const a = u.value.get(n);
-        if (a) {
-          !a.node.disabled && a.node.checkable !== !1 && t.push(n);
-          for (const o of C.value[n] ?? a.node.children ?? []) l(o.id);
-        }
+    function C(e) {
+      return {
+        node: e.node,
+        key: e.key,
+        label: e.label,
+        depth: e.depth,
+        expanded: b.value.has(e.key) || !!q.value.trim() && i.filterMode !== "highlight",
+        selected: ye.value.has(e.key),
+        checked: W.value.has(e.key),
+        indeterminate: fe.value.has(e.key),
+        disabled: u.value || e.disabled,
+        loading: he.value.has(e.key),
+        leaf: !e.hasChildren
       };
-      return l(e), t;
     }
-    function Z(e) {
-      if (d.disabled || e.node.disabled || e.node.checkable === !1) return;
-      const t = d.checkStrictly ? [e.node.id] : ne(e.node.id), l = new Set(d.checkedKeys), n = !t.every((o) => l.has(o));
-      for (const o of t)
-        n ? l.add(o) : l.delete(o);
-      for (const o of d.checkStrictly ? [] : [...u.value.values()].reverse()) {
-        if (!o.hasChildren || o.node.disabled || o.node.checkable === !1) continue;
-        const $ = (C.value[o.node.id] ?? o.node.children ?? []).filter((k) => !k.disabled && k.checkable !== !1).map((k) => k.id);
-        $.length && $.every((k) => l.has(k)) ? l.add(o.node.id) : l.delete(o.node.id);
-      }
-      const a = [...l];
-      c("update:checkedKeys", a), c("check", a);
+    const ne = (e, a) => e instanceof Element && !!e.closest(
+      'button,input,textarea,select,a,[contenteditable="true"],[role="button"]'
+    ) && e !== a;
+    function Qe(e, a) {
+      ne(e.target, e.currentTarget) || u.value || a.disabled || (I.value = a.key, m("node-click", a.node, e), i.selectOnClickNode && pe(a, e), i.checkable && (i.checkOnClickNode || i.checkOnClickLeaf && !a.hasChildren) && ke(
+        a.key,
+        !W.value.has(a.key),
+        !i.checkStrictly,
+        e
+      ), i.expandOnClickNode && a.hasChildren && z(a.key, !b.value.has(a.key)));
     }
-    function T(e) {
-      const t = g.value;
-      if (!t.length) return;
-      const l = t[Math.max(0, Math.min(e, t.length - 1))];
-      if (V.value = l.node.id, d.virtual && m.value) {
-        const n = e * D.value, a = n + D.value;
-        n < m.value.scrollTop ? m.value.scrollTop = n : a > m.value.scrollTop + z.value && (m.value.scrollTop = a - z.value), S.value = m.value.scrollTop;
-      }
-      Ke(() => {
-        var a;
-        const n = [...((a = m.value) == null ? void 0 : a.querySelectorAll("[data-tree-id]")) || []].find((o) => o.dataset.treeId === l.node.id);
-        n == null || n.focus();
-      });
+    function Ze(e, a) {
+      i.expandOnDoubleClick && !i.expandOnClickNode && !ne(e.target, e.currentTarget) && a.hasChildren && z(a.key, !b.value.has(a.key));
     }
-    function ae(e, t) {
-      const l = g.value.findIndex((n) => n.node.id === t.node.id);
-      if (e.key === "ArrowDown")
-        e.preventDefault(), T(l + 1);
-      else if (e.key === "ArrowUp")
-        e.preventDefault(), T(l - 1);
-      else if (e.key === "Home")
-        e.preventDefault(), T(0);
-      else if (e.key === "End")
-        e.preventDefault(), T(g.value.length - 1);
-      else if (e.key === "ArrowRight")
-        e.preventDefault(), t.hasChildren && !f.value.includes(t.node.id) ? N(t.node.id) : t.hasChildren && T(l + 1);
-      else if (e.key === "ArrowLeft") {
-        if (e.preventDefault(), t.hasChildren && f.value.includes(t.node.id)) N(t.node.id);
-        else if (t.parentId) {
-          const n = g.value.findIndex((a) => a.node.id === t.parentId);
-          T(n);
-        }
-      } else e.key === "Enter" ? (e.preventDefault(), q(t)) : e.key === " " && (e.preventDefault(), d.checkable ? Z(t) : q(t));
+    function we(e, a) {
+      var d, n;
+      if (e.isComposing || e.keyCode === 229 || ne(e.target, e.currentTarget) || u.value)
+        return;
+      const t = $.value.findIndex((c) => c.key === a.key);
+      if (["ArrowDown", "ArrowUp", "Home", "End"].includes(e.key)) {
+        e.preventDefault();
+        const c = e.key === "Home" ? 0 : e.key === "End" ? $.value.length - 1 : Math.max(
+          0,
+          Math.min(
+            $.value.length - 1,
+            t + (e.key === "ArrowDown" ? 1 : -1)
+          )
+        );
+        L((d = $.value[c]) == null ? void 0 : d.key);
+      } else e.key === "ArrowRight" ? (e.preventDefault(), a.hasChildren && !b.value.has(a.key) ? z(a.key) : a.hasChildren && L((n = $.value[t + 1]) == null ? void 0 : n.key)) : e.key === "ArrowLeft" ? (e.preventDefault(), a.hasChildren && b.value.has(a.key) ? z(a.key, !1) : a.parent !== void 0 && L(a.parent)) : e.key === "Enter" ? (e.preventDefault(), pe(a, e)) : e.key === " " ? (e.preventDefault(), i.checkable ? ke(
+        a.key,
+        !W.value.has(a.key),
+        !i.checkStrictly,
+        e
+      ) : pe(a, e)) : e.key === "Escape" && (e.preventDefault(), f.value ? k() : D.value !== null ? O(e) : i.allowDeselect && s.setSelectedKeys([]));
     }
-    const D = s(() => Math.max(24, d.rowHeight)), z = s(() => Math.max(120, d.viewportHeight)), X = s(() => d.virtual ? Math.max(0, Math.floor(S.value / D.value) - 5) : 0), x = s(() => d.virtual ? Math.min(g.value.length, Math.ceil((S.value + z.value) / D.value) + 5) : g.value.length), de = s(() => g.value.slice(X.value, x.value)), oe = s(() => X.value * D.value), ie = s(() => Math.max(0, (g.value.length - x.value) * D.value));
-    W([b, f], () => {
-      S.value = 0, m.value && (m.value.scrollTop = 0);
-    });
-    function re(e) {
-      S.value = e.target.scrollTop;
+    function _e(e) {
+      var a;
+      e.key === "Enter" && !e.isComposing && e.keyCode !== 229 ? e.preventDefault() : e.key === "ArrowDown" && !e.isComposing && (e.preventDefault(), L((a = $.value[0]) == null ? void 0 : a.key));
     }
-    function ue(e, t) {
-      var l;
-      if (!d.draggable || d.disabled || t.node.disabled) {
+    const D = g(null), K = g(null), ie = g("inside");
+    let N, de, me = null;
+    function Q() {
+      clearTimeout(de), de = void 0, me = null;
+    }
+    function oe(e) {
+      (e.type === "blur" || e instanceof KeyboardEvent && e.key === "Escape") && O(e);
+    }
+    function O(e) {
+      const a = N;
+      D.value = null, K.value = null, N = void 0, Q(), window.removeEventListener("blur", oe), window.removeEventListener("keydown", oe, !0), a && m("node-drag-end", { node: a, event: e });
+    }
+    function ea(e, a) {
+      var t, d;
+      if (u.value || !i.draggable || a.disabled || ((t = i.allowDrag) == null ? void 0 : t.call(i, a.node)) === !1 || ne(e.target, e.currentTarget)) {
         e.preventDefault();
         return;
       }
-      A.value = t.node.id, (l = e.dataTransfer) == null || l.setData("text/plain", t.node.id), e.dataTransfer && (e.dataTransfer.effectAllowed = "move");
+      O(), D.value = a.key, N = a.node, (d = e.dataTransfer) == null || d.setData("text/plain", String(a.key)), e.dataTransfer && (e.dataTransfer.effectAllowed = "move"), window.addEventListener("blur", oe), window.addEventListener("keydown", oe, !0), m("node-drag-start", { node: a.node, event: e });
+    }
+    function be(e, a) {
+      var d, n;
+      const t = D.value;
+      return t === null || t === e.key || u.value || !i.draggable || e.disabled || !N || ((d = G.value.map.get(t)) == null ? void 0 : d.node) !== N || s.ancestors(e.key).includes(t) || a === "inside" && e.leaf ? !1 : ((n = i.allowDrop) == null ? void 0 : n.call(i, N, e.node, a)) !== !1;
     }
-    function se(e, t) {
-      if (!d.draggable || !A.value || A.value === t.node.id) return;
-      const l = u.value.get(A.value);
-      let n = t;
-      for (; n; ) {
-        if (n.node.id === (l == null ? void 0 : l.node.id)) return;
-        n = n.parentId ? u.value.get(n.parentId) : void 0;
+    function aa(e, a) {
+      const t = e.currentTarget.getBoundingClientRect(), d = (e.clientY - t.top) / (t.height || 1), n = d < 0.25 ? "before" : d > 0.75 ? "after" : "inside";
+      if (!be(a, n)) {
+        K.value = null, Q();
+        return;
       }
-      e.preventDefault();
-      const a = e.currentTarget.getBoundingClientRect(), o = (e.clientY - a.top) / a.height;
-      U.value = o < 0.25 ? "before" : o > 0.75 ? "after" : "inside", B.value = t.node.id;
+      e.preventDefault(), e.dataTransfer && (e.dataTransfer.dropEffect = "move"), K.value = a.key, ie.value = n, m("node-drag-over", {
+        dragId: D.value,
+        targetId: a.key,
+        dragNode: N,
+        targetNode: a.node,
+        position: n,
+        event: e
+      }), n === "inside" && a.hasChildren && !b.value.has(a.key) && me !== a.key ? (Q(), me = a.key, Number.isFinite(i.dragExpandDelay) && i.dragExpandDelay >= 0 && (de = setTimeout(() => {
+        de = void 0, K.value === a.key && be(a, "inside") && z(a.key);
+      }, i.dragExpandDelay))) : n !== "inside" && Q();
+    }
+    function ta(e, a) {
+      (!(e.relatedTarget instanceof Node) || !e.currentTarget.contains(e.relatedTarget)) && (K.value === a.key && (K.value = null), Q());
     }
-    function ce(e, t) {
-      B.value !== t.node.id || !A.value || (e.preventDefault(), c("node-drop", { dragId: A.value, targetId: t.node.id, position: U.value }), j());
+    function la(e, a) {
+      K.value === a.key && be(a, ie.value) && (e.preventDefault(), m("node-drop", {
+        dragId: D.value,
+        targetId: a.key,
+        position: ie.value,
+        dragNode: N,
+        targetNode: a.node,
+        event: e
+      })), O(e);
     }
-    function j() {
-      A.value = "", B.value = "";
+    Z(
+      () => [u.value, i.draggable, i.nodes],
+      () => {
+        var e;
+        (u.value || !i.draggable || D.value !== null && ((e = G.value.map.get(D.value)) == null ? void 0 : e.node) !== N) && O();
+      },
+      { flush: "sync" }
+    );
+    const f = va(), se = g(), Ce = g();
+    function k(e = !0) {
+      f.value = void 0, e && Ce.value !== void 0 && L(Ce.value);
     }
-    function ve(e, t) {
-      d.contextMenu && (e.preventDefault(), h.value = { node: t.node, x: Math.max(0, Math.min(e.clientX, window.innerWidth - 190)), y: Math.max(0, Math.min(e.clientY, window.innerHeight - 130)) }, c("node-contextmenu", { node: t.node, x: e.clientX, y: e.clientY }));
+    async function na(e, a) {
+      var t, d;
+      !i.contextMenu || u.value || a.disabled || (e.preventDefault(), Ce.value = a.key, f.value = {
+        node: a.node,
+        key: a.key,
+        x: Math.max(8, Math.min(e.clientX, window.innerWidth - 230)),
+        y: Math.max(8, Math.min(e.clientY, window.innerHeight - 155))
+      }, m("node-contextmenu", {
+        node: a.node,
+        x: e.clientX,
+        y: e.clientY,
+        event: e
+      }), await _(), (d = (t = se.value) == null ? void 0 : t.querySelector('button,[tabindex="0"]')) == null || d.focus());
     }
-    function _(e) {
-      const t = h.value;
-      if (t) {
-        if (e === "select") {
-          const l = u.value.get(t.node.id);
-          l && q(l);
-        } else N(t.node.id);
-        h.value = null;
+    function ia(e) {
+      var a, t;
+      if (e.key === "Escape")
+        e.preventDefault(), k();
+      else if (e.key === "Tab") k(!1);
+      else if (["ArrowDown", "ArrowUp", "Home", "End"].includes(e.key)) {
+        e.preventDefault();
+        const d = [
+          ...((a = se.value) == null ? void 0 : a.querySelectorAll(
+            "[role=menuitem]:not(:disabled)"
+          )) ?? []
+        ], n = d.indexOf(document.activeElement), c = e.key === "Home" ? 0 : e.key === "End" ? d.length - 1 : (n + (e.key === "ArrowDown" ? 1 : -1) + d.length) % d.length;
+        (t = d[c]) == null || t.focus();
       }
     }
-    return fe(() => {
-      h.value = null, j();
-    }), ee({ getNode: (e) => {
-      var t;
-      return (t = u.value.get(e)) == null ? void 0 : t.node;
-    }, getCheckedKeys: () => [...d.checkedKeys], setCheckedKeys: (e) => {
-      c("update:checkedKeys", e), c("check", e);
-    }, filter: (e) => b.value = e, expandAll: () => {
-      const e = [...u.value.values()].filter((t) => t.hasChildren).map((t) => t.node.id);
-      H.value = e, c("update:expandedKeys", e);
-    }, collapseAll: () => {
-      H.value = [], c("update:expandedKeys", []);
-    } }), (e, t) => (r(), v("div", G(I(Y), {
-      class: ["hys-ui-pf-tree", { "hys-ui-pf-tree-disabled": i.disabled }]
+    function da(e) {
+      var a;
+      (!(e.relatedTarget instanceof Node) || !((a = ae.value) != null && a.contains(e.relatedTarget))) && m("focus", e);
+    }
+    function oa(e) {
+      var a, t;
+      e.relatedTarget instanceof Node && ((a = ae.value) != null && a.contains(e.relatedTarget) || (t = se.value) != null && t.contains(e.relatedTarget)) || (m("blur", e), i.validateEvent && U.validate("blur"));
+    }
+    function Me() {
+      O(), k(!1), Ge();
+    }
+    return Z(u, (e) => {
+      e && k(!1);
+    }), ya(Me), fa(Me), Ie({
+      element: ae,
+      getNode: s.getNode,
+      getNodeInfo: s.getNodeInfo,
+      getCheckedKeys: s.getCheckedKeys,
+      getCheckedNodes: s.getCheckedNodes,
+      getHalfCheckedKeys: s.getHalfCheckedKeys,
+      getHalfCheckedNodes: () => s.checkInfo().halfCheckedNodes,
+      setCheckedKeys: s.setCheckedKeys,
+      setCheckedNodes: (e, a = !1) => s.setCheckedKeys(
+        e.flatMap((t) => {
+          var d;
+          return ((d = s.getNodeInfo(t)) == null ? void 0 : d.key) ?? [];
+        }),
+        a
+      ),
+      setChecked: s.setChecked,
+      getCurrentKey: s.getCurrentKey,
+      getCurrentNode: s.getCurrentNode,
+      getSelectedKeys: () => [...Fe.value],
+      setCurrentKey: s.setCurrentKey,
+      setCurrentNode: (e, a = !0) => {
+        var t;
+        return s.setCurrentKey(
+          e === null ? null : ((t = s.getNodeInfo(e)) == null ? void 0 : t.key) ?? null,
+          a
+        );
+      },
+      setSelectedKeys: s.setSelectedKeys,
+      getExpandedKeys: () => [...b.value],
+      setExpandedKeys: s.setExpandedKeys,
+      expandNode: z,
+      expandAll: () => s.setExpandedKeys(
+        G.value.rows.filter((e) => e.hasChildren).map((e) => e.key)
+      ),
+      collapseAll: () => s.setExpandedKeys([]),
+      filter: De,
+      reloadNode: s.reloadNode,
+      updateKeyChildren: s.updateKeyChildren,
+      append: s.append,
+      insertBefore: s.insertBefore,
+      insertAfter: s.insertAfter,
+      remove: s.remove,
+      scrollTo: Be,
+      focus: L
+    }), (e, a) => (r(), h("div", M({
+      ref_key: "element",
+      ref: ae
+    }, l(ce), {
+      class: ["hys-ui-pf-tree", {
+        "hys-ui-pf-tree-disabled": l(ee).disabled.value,
+        "hys-ui-tree-inline": !o.blockNode
+      }],
+      "data-size": l(ee).size.value,
+      onFocusin: da,
+      onFocusout: oa
     }), [
-      i.searchable ? pe((r(), v("input", {
+      o.searchable ? (r(), R(xa, {
         key: 0,
-        "onUpdate:modelValue": t[0] || (t[0] = (l) => b.value = l),
-        class: "hys-ui-pf-tree-search",
-        type: "search",
-        placeholder: "搜索节点…",
-        "aria-label": "搜索树节点",
-        disabled: i.disabled
-      }, null, 8, Be)), [
-        [ye, b.value]
-      ]) : w("", !0),
-      E("div", {
+        ref_key: "search",
+        ref: Te,
+        class: "hys-ui-tree-search",
+        "data-hys-ui-form-internal": "",
+        "model-value": l(q),
+        placeholder: o.searchPlaceholder || l(v).search,
+        "aria-label": l(v).search,
+        disabled: l(u),
+        size: l(ee).size.value,
+        clearable: "",
+        "onUpdate:modelValue": l(De),
+        onKeydown: _e
+      }, {
+        prefix: w(() => [
+          Y(l(ga), {
+            size: 15,
+            "aria-hidden": "true"
+          })
+        ]),
+        _: 1
+      }, 8, ["model-value", "placeholder", "aria-label", "disabled", "size", "onUpdate:modelValue"])) : x("", !0),
+      ue("div", {
         ref_key: "root",
-        ref: m,
+        ref: y,
+        id: l(U).id.value || l(Ve),
         role: "tree",
-        "aria-multiselectable": i.multiple || i.checkable || Array.isArray(i.modelValue),
-        "aria-label": "树形列表",
-        class: "hys-ui-pf-tree-list",
-        style: F({ maxHeight: z.value + "px" }),
-        onScroll: re
+        "data-hys-ui-field-managed": "",
+        tabindex: l(u) ? -1 : 0,
+        onFocus: a[2] || (a[2] = X((t) => L(), ["self"])),
+        "aria-label": o.ariaLabel || l(U).label.value || l(v).tree,
+        "aria-multiselectable": l(Le) || o.checkable || void 0,
+        "aria-disabled": l(u) || void 0,
+        "aria-busy": o.loading || l(he).size > 0 || void 0,
+        "aria-invalid": l(U).invalid.value || void 0,
+        "aria-describedby": l(U).describedBy.value,
+        class: He(["hys-ui-pf-tree-list", { "hys-ui-tree-virtual": o.virtual }]),
+        style: re({
+          maxHeight: j.value + "px",
+          height: o.virtual ? j.value + "px" : void 0,
+          "--hys-ui-tree-indent": Pe.value + "px",
+          "--hys-ui-tree-row-height": A.value + "px"
+        }),
+        onScroll: We
       }, [
-        i.virtual ? (r(), v("div", {
-          key: 0,
-          style: F({ height: oe.value + "px" }),
-          "aria-hidden": "true"
-        }, null, 4)) : w("", !0),
-        (r(!0), v(me, null, be(de.value, (l, n) => (r(), v("div", {
-          key: l.node.id,
-          class: ge(["hys-ui-pf-tree-row", { "hys-ui-pf-tree-selected": R.value.has(l.node.id), "hys-ui-pf-tree-line": i.showLine, "hys-ui-pf-tree-drop": B.value === l.node.id }]),
-          role: "treeitem",
-          "aria-level": l.depth + 1,
-          "aria-expanded": l.hasChildren ? b.value.trim() ? !0 : f.value.includes(l.node.id) : void 0,
-          "aria-selected": i.modelValue === l.node.id,
-          "aria-disabled": i.disabled || l.node.disabled,
-          "aria-checked": i.checkable ? L.value.has(l.node.id) ? "true" : Q.value.has(l.node.id) ? "mixed" : "false" : void 0,
-          tabindex: V.value === l.node.id || !V.value && n === 0 && X.value === 0 ? 0 : -1,
-          draggable: i.draggable && !i.disabled && !l.node.disabled,
-          "data-tree-id": l.node.id,
-          onFocus: (a) => V.value = l.node.id,
-          onKeydown: (a) => ae(a, l),
-          onClick: (a) => q(l),
-          onDragstart: (a) => ue(a, l),
-          onDragover: (a) => se(a, l),
-          onDrop: (a) => ce(a, l),
-          onDragend: j,
-          onContextmenu: (a) => ve(a, l),
-          "data-drop-position": B.value === l.node.id ? U.value : void 0,
-          style: F({ "--hys-ui-tree-depth": l.depth, minHeight: i.virtual ? D.value + "px" : void 0, height: i.virtual ? D.value + "px" : void 0 })
+        o.loading ? (r(), h("div", Sa, [
+          H(e.$slots, "loading", {}, () => [
+            Y(l(Ae), {
+              size: 18,
+              class: "hys-ui-icon-spin",
+              "aria-hidden": "true"
+            }),
+            P(S(l(v).loading), 1)
+          ], !0)
+        ])) : x("", !0),
+        ue("div", {
+          class: "hys-ui-tree-space",
+          style: re(
+            o.virtual ? { height: l(p).length * A.value + "px" } : void 0
+          )
         }, [
-          l.hasChildren ? (r(), v("button", {
-            key: 0,
-            class: "hys-ui-pf-tree-expander",
-            type: "button",
-            "aria-label": f.value.includes(l.node.id) ? "折叠" : "展开",
-            disabled: i.disabled || l.node.disabled || K.value.includes(l.node.id),
-            onClick: J((a) => N(l.node.id), ["stop"])
+          ue("div", {
+            class: "hys-ui-tree-rows",
+            style: re(
+              o.virtual ? {
+                position: "absolute",
+                top: Ne.value * A.value + "px",
+                insetInline: "0"
+              } : void 0
+            )
           }, [
-            K.value.includes(l.node.id) ? (r(), O(I(Se), {
+            (r(!0), h(Se, null, ha(qe.value, (t) => {
+              var d;
+              return r(), h("div", {
+                key: typeof t.key + ":" + t.key,
+                ref_for: !0,
+                ref: (n) => Je(t.key, n),
+                class: He(["hys-ui-pf-tree-row", [
+                  typeof o.nodeClass == "function" ? o.nodeClass(t.node) : o.nodeClass,
+                  {
+                    "hys-ui-pf-tree-selected": o.highlightCurrent && l(ye).has(t.key),
+                    "hys-ui-pf-tree-line": o.showLine,
+                    "hys-ui-pf-tree-drop": K.value === t.key,
+                    "hys-ui-tree-matched": l(q).trim() && l(Re).has(t.key),
+                    "hys-ui-tree-row-disabled": t.disabled,
+                    "hys-ui-tree-row-dragging": D.value === t.key
+                  }
+                ]]),
+                style: re([
+                  { "--hys-ui-tree-depth": t.depth },
+                  typeof o.nodeStyle == "function" ? o.nodeStyle(t.node) : o.nodeStyle
+                ]),
+                role: "treeitem",
+                "aria-level": t.depth + 1,
+                "aria-posinset": t.pos,
+                "aria-setsize": t.size,
+                "aria-expanded": t.hasChildren ? C(t).expanded : void 0,
+                "aria-selected": o.selectable && t.selectable ? l(ye).has(t.key) : void 0,
+                "aria-disabled": l(u) || t.disabled || void 0,
+                "aria-checked": o.checkable && t.checkable ? l(fe).has(t.key) ? "mixed" : l(W).has(t.key) : void 0,
+                tabindex: !l(u) && Ye.value === t.key ? 0 : -1,
+                draggable: o.draggable && !l(u) && !t.disabled && ((d = o.allowDrag) == null ? void 0 : d.call(o, t.node)) !== !1,
+                "data-tree-id": t.key,
+                "data-tree-key": typeof t.key + ":" + t.key,
+                "data-drop-position": K.value === t.key ? ie.value : void 0,
+                onFocus: (n) => I.value = t.key,
+                onKeydown: (n) => we(n, t),
+                onClick: (n) => Qe(n, t),
+                onDblclick: (n) => Ze(n, t),
+                onDragstart: (n) => ea(n, t),
+                onDragover: (n) => aa(n, t),
+                onDragleave: (n) => ta(n, t),
+                onDrop: (n) => la(n, t),
+                onDragend: O,
+                onContextmenu: (n) => na(n, t)
+              }, [
+                t.hasChildren ? (r(), h("button", {
+                  key: 0,
+                  type: "button",
+                  class: "hys-ui-pf-tree-expander",
+                  "aria-label": (C(t).expanded ? l(v).collapse : l(v).expand) + " " + t.label,
+                  disabled: l(u) || t.disabled,
+                  tabindex: "-1",
+                  onClick: X((n) => l(z)(t.key, !l(b).has(t.key)), ["stop"])
+                }, [
+                  H(e.$slots, "switcher", M({ ref_for: !0 }, C(t)), () => [
+                    l(he).has(t.key) ? (r(), R(l(Ae), {
+                      key: 0,
+                      size: 15,
+                      class: "hys-ui-icon-spin",
+                      "aria-hidden": "true"
+                    })) : (r(), R(ze(C(t).expanded ? l(ma) : l(ba)), {
+                      key: 1,
+                      size: 15,
+                      "aria-hidden": "true"
+                    }))
+                  ], !0)
+                ], 8, Aa)) : (r(), h("span", Ia, [
+                  H(e.$slots, "switcher", M({ ref_for: !0 }, C(t)), void 0, !0)
+                ])),
+                o.checkable && t.checkable ? (r(), R(Ta, {
+                  key: 2,
+                  tabindex: -1,
+                  "model-value": l(W).has(t.key),
+                  indeterminate: l(fe).has(t.key),
+                  disabled: l(u) || t.checkboxDisabled,
+                  "aria-label": l(v).check + " " + t.label,
+                  onClick: a[0] || (a[0] = X(() => {
+                  }, ["stop"])),
+                  "onUpdate:modelValue": (n) => l(ke)(t.key, n, !o.checkStrictly)
+                }, null, 8, ["model-value", "indeterminate", "disabled", "aria-label", "onUpdate:modelValue"])) : x("", !0),
+                o.showIcon && (t.icon || e.$slots.icon) ? (r(), h("span", $a, [
+                  H(e.$slots, "icon", M({ ref_for: !0 }, C(t)), () => [
+                    P(S(t.icon), 1)
+                  ], !0)
+                ])) : x("", !0),
+                ue("span", Va, [
+                  H(e.$slots, "node", M({ ref_for: !0 }, C(t)), () => [
+                    H(e.$slots, "default", M({ ref_for: !0 }, C(t)), () => [
+                      o.renderContent ? (r(), R(ze(() => o.renderContent(C(t))), { key: 0 })) : (r(), h(Se, { key: 1 }, [
+                        P(S(t.label), 1)
+                      ], 64))
+                    ], !0)
+                  ], !0)
+                ]),
+                l(Oe).has(t.key) ? (r(), h("button", {
+                  key: 4,
+                  type: "button",
+                  class: "hys-ui-tree-retry",
+                  disabled: l(u) || t.disabled,
+                  onClick: X((n) => l(s).reloadNode(t.key), ["stop"])
+                }, S(l(v).loadError) + " · " + S(l(v).retry), 9, Fa)) : x("", !0),
+                e.$slots.actions ? (r(), h("span", {
+                  key: 5,
+                  class: "hys-ui-tree-actions",
+                  onClick: a[1] || (a[1] = X(() => {
+                  }, ["stop"]))
+                }, [
+                  H(e.$slots, "actions", M({ ref_for: !0 }, C(t)), void 0, !0)
+                ])) : x("", !0),
+                o.draggable ? (r(), R(l(Ca), {
+                  key: 6,
+                  class: "hys-ui-tree-grip",
+                  size: 13,
+                  "aria-hidden": "true"
+                })) : x("", !0)
+              ], 46, za);
+            }), 128))
+          ], 4)
+        ], 4),
+        !l(p).length && !o.loading ? (r(), h("div", La, [
+          H(e.$slots, "empty", { query: l(q) }, () => [
+            P(S(l(q).trim() ? l(v).noMatch : o.emptyText || l(v).empty), 1)
+          ], !0)
+        ])) : x("", !0)
+      ], 46, Ha),
+      (r(), R(ka, { to: "body" }, [
+        f.value ? (r(), h("div", M({ key: 0 }, l(ce), {
+          class: "hys-ui-tree-menu-backdrop",
+          onClick: a[3] || (a[3] = (t) => k()),
+          onContextmenu: a[4] || (a[4] = X((t) => k(), ["prevent"]))
+        }), null, 16)) : x("", !0),
+        Y(l(pa), {
+          "popup-transition": i.popupTransition,
+          "popup-transition-duration": i.popupTransitionDuration,
+          onInactive: k
+        }, {
+          default: w(() => [
+            f.value ? (r(), h("div", M({
               key: 0,
-              size: 15,
-              "aria-hidden": "true",
-              class: "hys-ui-icon-spin"
-            })) : (r(), O(ke(b.value.trim() || f.value.includes(l.node.id) ? I(Te) : I(Ie)), {
-              key: 1,
-              size: 15,
-              "aria-hidden": "true"
-            }))
-          ], 8, $e)) : (r(), v("span", Ee)),
-          i.checkable ? (r(), O(Ae, {
-            key: 2,
-            tabindex: -1,
-            "model-value": L.value.has(l.node.id),
-            disabled: i.disabled || l.node.disabled || l.node.checkable === !1,
-            "aria-label": `勾选${l.node.label}`,
-            indeterminate: Q.value.has(l.node.id),
-            onClick: t[1] || (t[1] = J(() => {
-            }, ["stop"])),
-            onChange: (a) => Z(l)
-          }, null, 8, ["model-value", "disabled", "aria-label", "indeterminate", "onChange"])) : w("", !0),
-          l.node.icon ? (r(), v("span", Le, P(l.node.icon), 1)) : w("", !0),
-          we(e.$slots, "node", {
-            node: l.node,
-            depth: l.depth,
-            expanded: f.value.includes(l.node.id),
-            selected: i.modelValue === l.node.id
-          }, () => [
-            E("span", Ne, P(l.node.label), 1)
-          ], !0),
-          M.value[l.node.id] ? (r(), v("span", Re, P(M.value[l.node.id]), 1)) : w("", !0)
-        ], 46, He))), 128)),
-        i.virtual ? (r(), v("div", {
-          key: 1,
-          style: F({ height: ie.value + "px" }),
-          "aria-hidden": "true"
-        }, null, 4)) : w("", !0),
-        g.value.length ? w("", !0) : (r(), v("div", qe, P(b.value ? "无匹配节点" : "暂无数据"), 1))
-      ], 44, Ve),
-      (r(), O(Ce, { to: "body" }, [
-        h.value ? (r(), v("div", G({ key: 0 }, I(Y), {
-          class: "hys-ui-pf-tree-context",
-          style: { left: h.value.x + "px", top: h.value.y + "px" },
-          role: "menu",
-          onKeydown: t[5] || (t[5] = De((l) => h.value = null, ["esc"]))
-        }), [
-          E("button", {
-            type: "button",
-            role: "menuitem",
-            onClick: t[2] || (t[2] = (l) => _("select"))
-          }, "选择节点"),
-          E("button", {
-            type: "button",
-            role: "menuitem",
-            onClick: t[3] || (t[3] = (l) => _("expand"))
-          }, "展开 / 折叠"),
-          E("button", {
-            type: "button",
-            role: "menuitem",
-            onClick: t[4] || (t[4] = (l) => h.value = null)
-          }, "关闭")
-        ], 16)) : w("", !0),
-        h.value ? (r(), v("div", G({ key: 1 }, I(Y), {
-          class: "hys-ui-pf-tree-context-backdrop",
-          onClick: t[6] || (t[6] = (l) => h.value = null),
-          onContextmenu: t[7] || (t[7] = J((l) => h.value = null, ["prevent"]))
-        }), null, 16)) : w("", !0)
+              ref_key: "menuPanel",
+              ref: se
+            }, l(ce), {
+              class: "hys-ui-tree-context",
+              style: { left: f.value.x + "px", top: f.value.y + "px" },
+              role: "menu",
+              onKeydown: ia
+            }), [
+              H(e.$slots, "contextmenu", {
+                node: f.value.node,
+                key: f.value.key,
+                close: k
+              }, () => {
+                var t;
+                return [
+                  Y(xe, {
+                    role: "menuitem",
+                    variant: "ghost",
+                    disabled: l(u),
+                    onClick: a[5] || (a[5] = (d) => {
+                      l(s).setCurrentKey(f.value.key), k();
+                    })
+                  }, {
+                    default: w(() => [
+                      P(S(l(v).select), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["disabled"]),
+                  Y(xe, {
+                    role: "menuitem",
+                    variant: "ghost",
+                    disabled: l(u) || !((t = l(G).map.get(f.value.key)) != null && t.hasChildren),
+                    onClick: a[6] || (a[6] = (d) => {
+                      l(z)(f.value.key, !l(b).has(f.value.key)), k();
+                    })
+                  }, {
+                    default: w(() => [
+                      P(S(l(b).has(f.value.key) ? l(v).collapse : l(v).expand), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["disabled"]),
+                  Y(xe, {
+                    role: "menuitem",
+                    variant: "ghost",
+                    onClick: a[7] || (a[7] = (d) => k())
+                  }, {
+                    default: w(() => [
+                      P(S(l(v).close), 1)
+                    ]),
+                    _: 1
+                  })
+                ];
+              }, !0)
+            ], 16)) : x("", !0)
+          ]),
+          _: 3
+        }, 8, ["popup-transition", "popup-transition-duration"])
       ]))
-    ], 16));
+    ], 16, Ma));
   }
 });
 export {
-  Ye as default
+  ja as default
 };