@pantograph/vue 0.6.5 → 0.6.6

package/dist/Tree/Tree.model.d.ts

@@ -1,5 +1,6 @@
 import { ComputedRef, Ref } from 'vue';
-import { Class } from '../types/index.js';
+import { Class } from '../types';
+import { default as Sortable } from 'sortablejs';
 export declare const TreeSizes: readonly ["sm", "md", "lg"];
 export type TreeSize = (typeof TreeSizes)[number];
 export declare const TreeGaps: {
@@ -38,7 +39,7 @@ export interface generateContainerParams {
     parentKeys?: TreeNodeKey[];
 }
 interface Context {
-    size: ComputedRef<TreeSize>;
+    size: ComputedRef<TreeSize | undefined>;
     showLine: ComputedRef<boolean | undefined>;
     lazyLoad: ComputedRef<boolean | undefined>;
     draggable: ComputedRef<boolean | undefined>;
@@ -53,10 +54,9 @@ interface Context {
     onExpandKey: (node: object) => void;
     getNodeField: <T>(node: object, field: keyof TreeNode) => T;
     onSelect: (node: object) => void;
-    generateContainerProps: (node: generateContainerParams) => object;
     onCheck: (node: object, bulkData?: BulkData) => void;
     useSortable: (data: {
-        instance: Ref<object | undefined>;
+        instance: Ref<Sortable | undefined>;
         root: Ref<HTMLElement>;
     }) => void;
     prefixes: {

package/dist/Tree/index.d.ts

@@ -1,2 +1,2 @@
 export { default as Tree, type TreeProps, type DragEndData, default } from './Tree';
-export * from './Tree.model.ts';
+export * from './Tree.model';

package/dist/Tree/index.js.js

@@ -0,0 +1,575 @@
+import { defineComponent as be, computed as c, inject as Ke, ref as C, watch as j, provide as _e, resolveComponent as ze, createBlock as Q, openBlock as w, unref as d, normalizeClass as T, withCtx as M, createElementVNode as fe, withDirectives as Ie, createCommentVNode as ne, createElementBlock as U, createVNode as Be, renderSlot as O, normalizeProps as pe, guardReactiveProps as he, withModifiers as me, mergeProps as W, Fragment as ue, toDisplayString as Ee, renderList as ge, vShow as Fe, normalizeStyle as Le, createSlots as $e, onMounted as Te, onBeforeUnmount as Ae } from "vue";
+import { a as A, b as R, g as Re, c as Pe } from "../class-DziTeW9B.js";
+import { cva as xe } from "class-variance-authority";
+import { c as F } from "../cloneDeep-v62P9_F-.js";
+import { createContext as Me, Primitive as Oe, useId as Ue } from "radix-vue";
+import { M as Ge, S as ce, e as He } from "../omit-Cxaoa8oo.js";
+import Ve from "sortablejs";
+import { g as Ce } from "../options-JBqnVZUl.js";
+import { _ as je } from "../IndentLevel.vue_vue_type_style_index_0_lang-BjBc3Lu1.js";
+import { _ as qe } from "../Icon.vue_vue_type_style_index_0_lang-BfPcw6PU.js";
+import { _ as Ye } from "../Checkbox.vue_vue_type_style_index_0_lang-GqiihInu.js";
+var Ze = "__lodash_hash_undefined__";
+function Je(a) {
+  return this.__data__.set(a, Ze), this;
+}
+function Qe(a) {
+  return this.__data__.has(a);
+}
+function ae(a) {
+  var l = -1, e = a == null ? 0 : a.length;
+  for (this.__data__ = new Ge(); ++l < e; )
+    this.add(a[l]);
+}
+ae.prototype.add = ae.prototype.push = Je;
+ae.prototype.has = Qe;
+function We(a, l, e, u) {
+  for (var g = a.length, b = e + -1; ++b < g; )
+    if (l(a[b], b, a))
+      return b;
+  return -1;
+}
+function Xe(a) {
+  return a !== a;
+}
+function De(a, l, e) {
+  for (var u = e - 1, g = a.length; ++u < g; )
+    if (a[u] === l)
+      return u;
+  return -1;
+}
+function et(a, l, e) {
+  return l === l ? De(a, l, e) : We(a, Xe, e);
+}
+function tt(a, l) {
+  var e = a == null ? 0 : a.length;
+  return !!e && et(a, l, 0) > -1;
+}
+function nt(a, l) {
+  return a.has(l);
+}
+function at() {
+}
+function Ne(a) {
+  var l = -1, e = Array(a.size);
+  return a.forEach(function(u) {
+    e[++l] = u;
+  }), e;
+}
+var st = 1 / 0, lt = ce && 1 / Ne(new ce([, -0]))[1] == st ? function(a) {
+  return new ce(a);
+} : at, ot = 200;
+function rt(a, l, e) {
+  var u = -1, g = tt, b = a.length, N = !0, h = [], m = h;
+  if (b >= ot) {
+    var G = lt(a);
+    if (G)
+      return Ne(G);
+    N = !1, g = nt, m = new ae();
+  } else
+    m = h;
+  e:
+    for (; ++u < b; ) {
+      var x = a[u], y = x;
+      if (x = x !== 0 ? x : 0, N && y === y) {
+        for (var S = m.length; S--; )
+          if (m[S] === y)
+            continue e;
+        h.push(x);
+      } else g(m, y, e) || (m !== h && m.push(y), h.push(x));
+    }
+  return h;
+}
+function it(a) {
+  return a && a.length ? rt(a) : [];
+}
+function ye(a, l, e) {
+  var u = a == null ? void 0 : He(a, l);
+  return u === void 0 ? e : u;
+}
+const dt = ["sm", "md", "lg"], ke = { none: "gap-none", sm: "gap-sm", md: "gap-md", lg: "gap-lg" }, [ct, ut] = Me("CheckboxGroup"), gt = ["tabindex"], vt = ["data-parents", "data-level"], ft = /* @__PURE__ */ be({
+  ...Ce("TreeNode"),
+  __name: "TreeNode",
+  props: {
+    item: {},
+    level: { default: 1 },
+    hovered: { type: Boolean },
+    parentKeys: {}
+  },
+  setup(a) {
+    const l = a, e = ct(), u = xe(e.prefixes.node, {
+      variants: {
+        disabled: A("disabled", e.prefixes.node),
+        active: A("active", e.prefixes.node)
+      }
+    }), g = c(() => {
+      switch (e.size.value) {
+        case "sm":
+          return "2xsm";
+        case "md":
+        case "lg":
+          return "xsm";
+      }
+    }), b = c(() => {
+      switch (e.size.value) {
+        case "sm":
+          return "2xsm";
+        default:
+          return "xsm";
+      }
+    }), N = (s) => e.getNodeField(s, "children"), h = (s) => e.getNodeField(s, "key"), m = c(() => N(l.item)), G = c(() => e.getNodeField(l.item, "leaf")), x = c(() => e.draggable.value ? e.getNodeField(l.item, "draggable") ?? !0 : !1), y = c(() => h(l.item)), S = c(() => e.getNodeField(l.item, "disabled")), L = c(
+      () => {
+        var s;
+        return !!((s = m.value) != null && s.some((n) => e.expandedKeys.value.includes(h(n))));
+      }
+    ), p = Ke("tree-node-context", {
+      hovered: C(l.hovered ?? !1),
+      expanded: C(!1),
+      childExpanded: L
+    }), B = c(
+      () => !(l.item.dragging ?? !1) && e.expandedKeys.value.includes(y.value)
+    ), _ = C(!1), $ = (s) => {
+      _.value = s;
+    };
+    j(_, (s) => {
+      e.showLine.value && p.hovered && (p.hovered.value = s);
+    }), _e("tree-node-context", {
+      expanded: B,
+      childExpanded: L,
+      hovered: _
+    });
+    const q = c(() => {
+      var s, n, t;
+      if (e.dragging.value) return !1;
+      if (e.showLine.value) {
+        if (l.hovered || (s = p.hovered) != null && s.value || _.value) return "all";
+        if (B.value && !L.value) return "self";
+        if ((n = p.expanded) != null && n.value && !((t = p.childExpanded) != null && t.value)) return "last";
+      }
+    }), z = c(() => {
+      var s;
+      return !((s = m.value) != null && s.length);
+    }), se = () => {
+      S.value || e.onSelect(l.item);
+    }, Y = c(() => e.model.value.includes(y.value)), I = c(() => {
+      const s = (r = l.item) => {
+        const i = N(r);
+        return (i == null ? void 0 : i.length) && i.every((f) => e.checked.value.includes(h(f)));
+      }, n = (r = l.item) => {
+        const i = N(r);
+        return i != null && i.length ? !!(i != null && i.some(
+          (f) => e.checked.value.includes(h(f)) || n(f)
+        )) : !1;
+      }, t = e.checked.value.includes(y.value);
+      return s() ? (t || e.onCheck(l.item), !0) : n() ? (t && e.onCheck(l.item), "indeterminate") : !!t;
+    }), le = () => {
+      var t;
+      if (!((t = m.value) != null && t.length)) return e.onCheck(l.item);
+      const s = (o = l.item) => {
+        const r = N(o);
+        return r != null && r.length ? r.reduce((i, f) => {
+          const K = N(f), Z = h(f);
+          return K != null && K.length ? [...i, Z, ...s(f)] : [...i, Z];
+        }, []) : [];
+      }, n = s();
+      return e.onCheck(l.item, {
+        keys: [y.value, ...n],
+        value: !e.checked.value.includes(y.value)
+      });
+    }, X = c(() => [...l.parentKeys ?? [], y.value]), oe = () => {
+      e.onExpandKey(l.item);
+    }, D = c(() => l.item.dragging_level ?? l.level), H = c(() => D.value + 1), P = C(), ee = C();
+    e.useSortable({
+      root: P,
+      instance: ee
+    });
+    const re = c(() => {
+      switch (e.size.value) {
+        case "sm":
+          return "2xsm";
+        case "md":
+          return "xsm";
+        case "lg":
+          return "sm";
+      }
+    });
+    return (s, n) => {
+      const t = ze("TreeNode", !0);
+      return w(), Q(d(Oe), {
+        asChild: z.value,
+        key: z.value,
+        "data-parents": d(e).draggable.value ? s.parentKeys : void 0,
+        "data-key": d(e).draggable.value ? y.value : void 0,
+        "data-draggable": d(e).draggable.value ? !d(e).disabled.value && !S.value && x.value : void 0,
+        class: T([{ [d(e).prefixes.group]: !z.value }, d(e).getNodeField(s.item, "class")])
+      }, {
+        default: M(() => {
+          var o, r;
+          return [
+            fe("div", {
+              tabindex: S.value ? void 0 : 0,
+              class: T([
+                d(u)({
+                  disabled: S.value,
+                  active: Y.value
+                }),
+                d(e).getNodeField(s.item, "class")
+              ]),
+              onMouseenter: n[1] || (n[1] = (i) => $(!0)),
+              onMouseleave: n[2] || (n[2] = (i) => $(!1)),
+              onClick: se
+            }, [
+              d(e).draggable.value ? (w(), U("span", {
+                key: 0,
+                class: T(d(e).prefixes.draggable)
+              }, [
+                !s.item.dragging && !d(e).dragging.value ? (w(), Q(qe, {
+                  key: 0,
+                  icon: "tabler:grip-vertical",
+                  size: b.value,
+                  class: T(d(e).prefixes.draggableIcon)
+                }, {
+                  default: M(() => [
+                    O(s.$slots, "dragTrigger", pe(he(s.item)))
+                  ]),
+                  _: 3
+                }, 8, ["size", "class"])) : ne("", !0)
+              ], 2)) : ne("", !0),
+              Be(je, {
+                level: D.value,
+                children: !!((o = m.value) != null && o.length || d(e).lazyLoad.value && !G.value),
+                size: re.value,
+                expanded: B.value,
+                showLine: q.value,
+                loading: d(e).getNodeField(s.item, "loading"),
+                "branch-icon": d(e).getNodeField(s.item, "switcherIcon") ?? d(e).switcherIcon.value,
+                "no-rotate-branch": d(e).getNodeField(s.item, "noRotateSwitcherIcon") ?? d(e).noRotateSwitcherIcon.value,
+                onToggleExpand: me(oe, ["stop"])
+              }, {
+                default: M(() => [
+                  O(s.$slots, "switcherIcon", W({ expanded: B.value }, s.item))
+                ]),
+                _: 3
+              }, 8, ["level", "children", "size", "expanded", "showLine", "loading", "branch-icon", "no-rotate-branch"]),
+              !s.item.dragging || !d(e).dragging.value ? (w(), U(ue, { key: 1 }, [
+                d(e).checkbox.value ? (w(), Q(Ye, {
+                  key: 0,
+                  size: g.value,
+                  onClick: n[0] || (n[0] = me(() => {
+                  }, ["stop"])),
+                  checked: I.value,
+                  "onUpdate:checked": le,
+                  disabled: S.value || d(e).disabled.value
+                }, null, 8, ["size", "checked", "disabled"])) : ne("", !0),
+                O(s.$slots, "title", pe(he(s.item)), () => [
+                  fe("div", {
+                    class: T(d(R)(d(e).prefixes.node, "title"))
+                  }, Ee(d(e).getNodeField(s.item, "title")), 3)
+                ])
+              ], 64)) : (w(), U("div", {
+                key: 2,
+                class: T(d(R)(d(e).prefixes.node, "slot"))
+              }, null, 2))
+            ], 42, gt),
+            (r = m.value) != null && r.length ? Ie((w(), U("div", {
+              key: 0,
+              class: T(d(e).prefixes.groupList),
+              ref_key: "root",
+              ref: P,
+              "data-parents": d(e).draggable.value ? X.value : void 0,
+              "data-level": d(e).draggable.value ? H.value : void 0
+            }, [
+              (w(!0), U(ue, null, ge(N(s.item), (i) => {
+                var f;
+                return w(), Q(t, {
+                  key: d(e).getNodeField(i, "key"),
+                  parentKeys: X.value,
+                  item: i,
+                  level: H.value,
+                  hovered: l.hovered || _.value || ((f = d(p).hovered) == null ? void 0 : f.value)
+                }, {
+                  title: M((K) => [
+                    O(s.$slots, "title", W({ ref_for: !0 }, K))
+                  ]),
+                  switcherIcon: M((K) => [
+                    O(s.$slots, "switcherIcon", W({ ref_for: !0 }, K))
+                  ]),
+                  dragTrigger: M((K) => [
+                    O(s.$slots, "dragTrigger", W({ ref_for: !0 }, K))
+                  ]),
+                  _: 2
+                }, 1032, ["parentKeys", "item", "level", "hovered"]);
+              }), 128))
+            ], 10, vt)), [
+              [Fe, B.value]
+            ]) : ne("", !0)
+          ];
+        }),
+        _: 3
+      }, 8, ["asChild", "data-parents", "data-key", "data-draggable", "class"]);
+    };
+  }
+}), Kt = /* @__PURE__ */ be({
+  ...Ce("Tree"),
+  __name: "Tree",
+  props: {
+    class: {},
+    size: { default: "md" },
+    gap: {},
+    data: {},
+    value: {},
+    checkedKeys: {},
+    expandedKeys: {},
+    multiple: { type: Boolean },
+    checkbox: { type: Boolean },
+    defaultExpandAll: { type: Boolean },
+    selectable: { type: Boolean },
+    showLine: { type: Boolean },
+    inlineNode: { type: Boolean },
+    lazyLoad: { type: Boolean },
+    fieldNames: {},
+    groupName: {},
+    switcherIcon: {},
+    noRotateSwitcherIcon: { type: Boolean },
+    draggable: { type: Boolean },
+    disabled: { type: Boolean }
+  },
+  emits: ["update:value", "update:expandedKeys", "update:checkedKeys", "expand", "select", "check", "dragStart", "dragEnd"],
+  setup(a, { emit: l }) {
+    const e = a, u = l, g = Re("tree"), b = R(g, "node"), N = R(b, "group"), h = R(b, "draggable"), m = R(h, "icon"), G = R(N, "list"), x = {
+      node: b,
+      group: N,
+      draggable: h,
+      draggableIcon: m,
+      groupList: G
+    }, y = xe(g, {
+      variants: {
+        size: A(dt, g),
+        gap: A(ke, g),
+        selectable: A("selectable", g),
+        disabled: A("disabled", g),
+        inlineNode: A("inline-node", g),
+        dragging: A("dragging", g)
+      }
+    }), S = c(() => F(e.data)), L = C(S.value), p = (n, t) => {
+      var r;
+      const o = ye(n, t);
+      return (r = e.fieldNames) != null && r[t] ? ye(n, e.fieldNames[t], o) : o;
+    }, B = () => {
+      if (!e.lazyLoad) {
+        const n = [], t = (o) => {
+          for (const r of o) {
+            const i = p(r, "children");
+            i != null && i.length && (n.push(p(r, "key")), t(i));
+          }
+        };
+        return t(L.value), n;
+      }
+      return [];
+    }, _ = C(
+      e.expandedKeys ?? (e.defaultExpandAll ? B() : [])
+    );
+    j(
+      () => [e.defaultExpandAll, e.expandedKeys],
+      ([n, t], [o, r]) => {
+        t !== r ? _.value = e.expandedKeys ?? [] : n && !o && (_.value = B());
+      }
+    );
+    const $ = c({
+      get() {
+        return e.expandedKeys ? e.expandedKeys : _.value;
+      },
+      set(n) {
+        e.expandedKeys || (_.value = n), u("update:expandedKeys", n);
+      }
+    });
+    j(
+      S,
+      (n) => {
+        L.value = n;
+        const t = B();
+        $.value = $.value.filter((o) => t.includes(o)), H.value++;
+      },
+      { deep: !0 }
+    );
+    const q = C(e.value ?? []);
+    j(
+      () => e.value,
+      () => {
+        q.value = e.value ?? [];
+      }
+    );
+    const z = c({
+      get() {
+        return e.value ? e.value : q.value;
+      },
+      set(n) {
+        e.value || (q.value = n), u("update:value", n);
+      }
+    }), se = (n) => {
+      if (e.selectable && !e.disabled) {
+        let t = F(z.value);
+        const o = p(n, "key");
+        e.multiple ? z.value.includes(o) ? t = F(z.value.filter((r) => r !== o)) : t = F([...z.value, o]) : t.includes(o) ? t = [] : t = [o], z.value = t, u("select", n, t.includes(o));
+      }
+    }, Y = C(e.checkedKeys ?? []);
+    j(
+      () => e.checkedKeys,
+      () => {
+        Y.value = e.checkedKeys ?? [];
+      }
+    );
+    const I = c({
+      get() {
+        return e.checkedKeys ? e.checkedKeys : Y.value;
+      },
+      set(n) {
+        e.checkedKeys || (Y.value = n), u("update:checkedKeys", n);
+      }
+    }), le = (n, t) => {
+      if (e.checkbox && !e.disabled) {
+        let o = F(I.value);
+        const r = p(n, "key");
+        t != null && t.keys.length ? t.value ? o = it([...t.keys, ...o]) : o = F(I.value.filter((f) => !t.keys.includes(f))) : I.value.includes(r) ? o = F(I.value.filter((f) => f !== r)) : o = F([...I.value, r]), I.value = o;
+        const i = (t == null ? void 0 : t.value) ?? I.value.includes(r);
+        u("check", n, i, (t == null ? void 0 : t.keys) ?? r);
+      }
+    }, X = (n) => {
+      let t = !0;
+      const o = p(n, "key");
+      let r = F($.value);
+      r.includes(o) ? (r = r.filter((i) => i !== o), t = !1) : r = [...r, o], $.value = r, u("expand", n, t);
+    }, oe = c(() => {
+      if (e.gap) {
+        if (typeof e.gap == "number") return `${e.gap}px`;
+        if (!Object.keys(ke).includes(e.gap)) return e.gap;
+      }
+    }), D = e.groupName ?? Ue(void 0, g), H = C(1), P = C(!1), ee = C(), re = C(), s = (n) => {
+      const { root: t, instance: o } = n, r = (E) => {
+        var v;
+        return (v = E.getAttribute("data-parents")) == null ? void 0 : v.split(",");
+      }, i = (E) => {
+        const v = (J, we = L.value) => {
+          const { parents: ie, self: Se } = J;
+          for (let de of we) {
+            const ve = p(de, "key").toString();
+            if (ve === Se) return de;
+            const te = p(de, "children");
+            if (ie != null && ie.includes(ve) && (te != null && te.length)) return v(J, te);
+          }
+        }, k = r(E), V = E.getAttribute("data-key") ?? "";
+        return v({ parents: k, self: V });
+      }, f = Pe(R(g, "dragging_item"), e.size), K = (E = t.value) => new Ve(E, {
+        group: D,
+        animation: 150,
+        forceFallback: !0,
+        fallbackOnBody: !0,
+        filter: "[data-draggable=false]",
+        handle: `.${x.node} .${x.draggable} .${x.draggableIcon}`,
+        // swapThreshold: 0.65,
+        dataIdAttr: "data-key",
+        dragClass: f,
+        onChoose(v) {
+          const k = i(v.item);
+          k && (k.dragging = !0);
+        },
+        onStart(v) {
+          var J;
+          const k = document.querySelector(`.${f}`), V = (J = getComputedStyle(t.value)) == null ? void 0 : J.direction;
+          k != null && k.style && (k.style.direction = V), P.value = !0, u("dragStart", v);
+        },
+        onUnchoose(v) {
+          const k = i(v.item);
+          k && (k.dragging = !1);
+        },
+        onEnd(v) {
+          P.value = !1, u("dragEnd", {
+            ...v,
+            node: i(v.item),
+            oldParents: r(v.item),
+            newParents: r(v.to)
+          });
+        },
+        onMove(v) {
+          const k = Number(v.to.getAttribute("data-level") ?? "1"), V = i(v.dragged);
+          V && (V.dragging_level = k);
+        }
+      }), Z = () => {
+        var E;
+        (E = o.value) == null || E.destroy(), o.value = void 0;
+      };
+      Te(() => {
+        j(
+          () => [t.value, e.draggable, H.value],
+          () => {
+            o.value ? Z() : t.value && e.draggable && (o.value = K());
+          },
+          { immediate: !0 }
+        );
+      }), Ae(() => {
+        o.value && Z();
+      });
+    };
+    return s({
+      root: ee,
+      instance: re
+    }), ut({
+      size: c(() => e.size),
+      draggable: c(() => e.draggable),
+      lazyLoad: c(() => e.lazyLoad),
+      checkbox: c(() => e.checkbox),
+      showLine: c(() => e.showLine),
+      disabled: c(() => e.disabled),
+      switcherIcon: c(() => e.switcherIcon),
+      noRotateSwitcherIcon: c(() => e.noRotateSwitcherIcon),
+      expandedKeys: $,
+      model: z,
+      checked: I,
+      onExpandKey: X,
+      onSelect: se,
+      onCheck: le,
+      getNodeField: p,
+      useSortable: s,
+      dragging: P,
+      prefixes: x
+    }), (n, t) => (w(), U("div", {
+      key: H.value,
+      class: T([
+        d(y)({
+          size: e.size,
+          gap: e.gap ?? e.size,
+          selectable: e.selectable,
+          disabled: e.disabled,
+          inlineNode: e.inlineNode,
+          dragging: P.value
+        }),
+        e.class
+      ]),
+      style: Le({
+        "--ptc-tree-gap": oe.value
+      }),
+      ref_key: "root",
+      ref: ee
+    }, [
+      (w(!0), U(ue, null, ge(L.value, (o) => (w(), Q(ft, {
+        key: p(o, "key"),
+        item: o
+      }, $e({ _: 2 }, [
+        ge(Object.keys(n.$slots), (r) => ({
+          name: r,
+          fn: M((i) => [
+            O(n.$slots, r, W({ ref_for: !0 }, i))
+          ])
+        }))
+      ]), 1032, ["item"]))), 128))
+    ], 6));
+  }
+});
+export {
+  Kt as Tree,
+  ke as TreeGaps,
+  dt as TreeSizes,
+  Kt as default,
+  ct as injectTreeContext,
+  ut as provideTreeContext
+};

package/dist/Tree/index.umd.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("../class-CjZYGZDW.js"),ae=require("class-variance-authority"),K=require("../cloneDeep-mcJFBKk6.js"),ee=require("radix-vue"),M=require("../omit-1sFJ_mId.js"),ge=require("sortablejs"),re=require("../options-B4iSAKol.js"),ve=require("../IndentLevel.vue_vue_type_style_index_0_lang-D5yeMZLa.js"),pe=require("../Icon.vue_vue_type_style_index_0_lang-BvHCdzZP.js"),fe=require("../Checkbox.vue_vue_type_style_index_0_lang-DsMbQaMY.js");var me="__lodash_hash_undefined__";function he(r){return this.__data__.set(r,me),this}function ye(r){return this.__data__.has(r)}function H(r){var l=-1,t=r==null?0:r.length;for(this.__data__=new M.MapCache;++l<t;)this.add(r[l])}H.prototype.add=H.prototype.push=he;H.prototype.has=ye;function ke(r,l,t,c){for(var u=r.length,C=t+-1;++C<u;)if(l(r[C],C,r))return C;return-1}function Ce(r){return r!==r}function xe(r,l,t){for(var c=t-1,u=r.length;++c<u;)if(r[c]===l)return c;return-1}function be(r,l,t){return l===l?xe(r,l,t):ke(r,Ce,t)}function _e(r,l){var t=r==null?0:r.length;return!!t&&be(r,l,0)>-1}function we(r,l){return r.has(l)}function Be(){}function oe(r){var l=-1,t=Array(r.size);return r.forEach(function(c){t[++l]=c}),t}var Se=1/0,Ne=M.Set&&1/oe(new M.Set([,-0]))[1]==Se?function(r){return new M.Set(r)}:Be,ze=200;function Ee(r,l,t){var c=-1,u=_e,C=r.length,b=!0,m=[],h=m;if(C>=ze){var F=Ne(r);if(F)return oe(F);b=!1,u=we,h=new H}else h=m;e:for(;++c<C;){var x=r[c],y=x;if(x=x!==0?x:0,b&&y===y){for(var _=h.length;_--;)if(h[_]===y)continue e;m.push(x)}else u(h,y,t)||(h!==m&&h.push(y),m.push(x))}return m}function Ke(r){return r&&r.length?Ee(r):[]}function ne(r,l,t){var c=r==null?void 0:M.baseGet(r,l);return c===void 0?t:c}const le=["sm","md","lg"],X={none:"gap-none",sm:"gap-sm",md:"gap-md",lg:"gap-lg"},[se,ie]=ee.createContext("CheckboxGroup"),Ie=["tabindex"],Le=["data-parents","data-level"],Te=e.defineComponent({...re.getComponentOptions("TreeNode"),__name:"TreeNode",props:{item:{},level:{default:1},hovered:{type:Boolean},parentKeys:{}},setup(r){const l=r,t=se(),c=ae.cva(t.prefixes.node,{variants:{disabled:p.generateVariantClassList("disabled",t.prefixes.node),active:p.generateVariantClassList("active",t.prefixes.node)}}),u=e.computed(()=>{switch(t.size.value){case"sm":return"2xsm";case"md":case"lg":return"xsm"}}),C=e.computed(()=>{switch(t.size.value){case"sm":return"2xsm";default:return"xsm"}}),b=o=>t.getNodeField(o,"children"),m=o=>t.getNodeField(o,"key"),h=e.computed(()=>b(l.item)),F=e.computed(()=>t.getNodeField(l.item,"leaf")),x=e.computed(()=>t.draggable.value?t.getNodeField(l.item,"draggable")??!0:!1),y=e.computed(()=>m(l.item)),_=e.computed(()=>t.getNodeField(l.item,"disabled")),I=e.computed(()=>{var o;return!!((o=h.value)!=null&&o.some(a=>t.expandedKeys.value.includes(m(a))))}),f=e.inject("tree-node-context",{hovered:e.ref(l.hovered??!1),expanded:e.ref(!1),childExpanded:I}),z=e.computed(()=>!(l.item.dragging??!1)&&t.expandedKeys.value.includes(y.value)),B=e.ref(!1),L=o=>{B.value=o};e.watch(B,o=>{t.showLine.value&&f.hovered&&(f.hovered.value=o)}),e.provide("tree-node-context",{expanded:z,childExpanded:I,hovered:B});const P=e.computed(()=>{var o,a,n;if(t.dragging.value)return!1;if(t.showLine.value){if(l.hovered||(o=f.hovered)!=null&&o.value||B.value)return"all";if(z.value&&!I.value)return"self";if((a=f.expanded)!=null&&a.value&&!((n=f.childExpanded)!=null&&n.value))return"last"}}),S=e.computed(()=>{var o;return!((o=h.value)!=null&&o.length)}),Y=()=>{_.value||t.onSelect(l.item)},$=e.computed(()=>t.model.value.includes(y.value)),N=e.computed(()=>{const o=(i=l.item)=>{const d=b(i);return(d==null?void 0:d.length)&&d.every(v=>t.checked.value.includes(m(v)))},a=(i=l.item)=>{const d=b(i);return d!=null&&d.length?!!(d!=null&&d.some(v=>t.checked.value.includes(m(v))||a(v))):!1},n=t.checked.value.includes(y.value);return o()?(n||t.onCheck(l.item),!0):a()?(n&&t.onCheck(l.item),"indeterminate"):!!n}),Z=()=>{var n;if(!((n=h.value)!=null&&n.length))return t.onCheck(l.item);const o=(s=l.item)=>{const i=b(s);return i!=null&&i.length?i.reduce((d,v)=>{const w=b(v),q=m(v);return w!=null&&w.length?[...d,q,...o(v)]:[...d,q]},[]):[]},a=o();return t.onCheck(l.item,{keys:[y.value,...a],value:!t.checked.value.includes(y.value)})},O=e.computed(()=>[...l.parentKeys??[],y.value]),D=()=>{t.onExpandKey(l.item)},G=e.computed(()=>l.item.dragging_level??l.level),V=e.computed(()=>G.value+1),T=e.ref(),U=e.ref();t.useSortable({root:T,instance:U});const J=e.computed(()=>{switch(t.size.value){case"sm":return"2xsm";case"md":return"xsm";case"lg":return"sm"}});return(o,a)=>{const n=e.resolveComponent("TreeNode",!0);return e.openBlock(),e.createBlock(e.unref(ee.Primitive),{asChild:S.value,key:S.value,"data-parents":e.unref(t).draggable.value?o.parentKeys:void 0,"data-key":e.unref(t).draggable.value?y.value:void 0,"data-draggable":e.unref(t).draggable.value?!e.unref(t).disabled.value&&!_.value&&x.value:void 0,class:e.normalizeClass([{[e.unref(t).prefixes.group]:!S.value},e.unref(t).getNodeField(o.item,"class")])},{default:e.withCtx(()=>{var s,i;return[e.createElementVNode("div",{tabindex:_.value?void 0:0,class:e.normalizeClass([e.unref(c)({disabled:_.value,active:$.value}),e.unref(t).getNodeField(o.item,"class")]),onMouseenter:a[1]||(a[1]=d=>L(!0)),onMouseleave:a[2]||(a[2]=d=>L(!1)),onClick:Y},[e.unref(t).draggable.value?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(t).prefixes.draggable)},[!o.item.dragging&&!e.unref(t).dragging.value?(e.openBlock(),e.createBlock(pe._sfc_main,{key:0,icon:"tabler:grip-vertical",size:C.value,class:e.normalizeClass(e.unref(t).prefixes.draggableIcon)},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"dragTrigger",e.normalizeProps(e.guardReactiveProps(o.item)))]),_:3},8,["size","class"])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createVNode(ve._sfc_main,{level:G.value,children:!!((s=h.value)!=null&&s.length||e.unref(t).lazyLoad.value&&!F.value),size:J.value,expanded:z.value,showLine:P.value,loading:e.unref(t).getNodeField(o.item,"loading"),"branch-icon":e.unref(t).getNodeField(o.item,"switcherIcon")??e.unref(t).switcherIcon.value,"no-rotate-branch":e.unref(t).getNodeField(o.item,"noRotateSwitcherIcon")??e.unref(t).noRotateSwitcherIcon.value,onToggleExpand:e.withModifiers(D,["stop"])},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"switcherIcon",e.mergeProps({expanded:z.value},o.item))]),_:3},8,["level","children","size","expanded","showLine","loading","branch-icon","no-rotate-branch"]),!o.item.dragging||!e.unref(t).dragging.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.unref(t).checkbox.value?(e.openBlock(),e.createBlock(fe._sfc_main,{key:0,size:u.value,onClick:a[0]||(a[0]=e.withModifiers(()=>{},["stop"])),checked:N.value,"onUpdate:checked":Z,disabled:_.value||e.unref(t).disabled.value},null,8,["size","checked","disabled"])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"title",e.normalizeProps(e.guardReactiveProps(o.item)),()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(p.getBemElement)(e.unref(t).prefixes.node,"title"))},e.toDisplayString(e.unref(t).getNodeField(o.item,"title")),3)])],64)):(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(p.getBemElement)(e.unref(t).prefixes.node,"slot"))},null,2))],42,Ie),(i=h.value)!=null&&i.length?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t).prefixes.groupList),ref_key:"root",ref:T,"data-parents":e.unref(t).draggable.value?O.value:void 0,"data-level":e.unref(t).draggable.value?V.value:void 0},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b(o.item),d=>{var v;return e.openBlock(),e.createBlock(n,{key:e.unref(t).getNodeField(d,"key"),parentKeys:O.value,item:d,level:V.value,hovered:l.hovered||B.value||((v=e.unref(f).hovered)==null?void 0:v.value)},{title:e.withCtx(w=>[e.renderSlot(o.$slots,"title",e.mergeProps({ref_for:!0},w))]),switcherIcon:e.withCtx(w=>[e.renderSlot(o.$slots,"switcherIcon",e.mergeProps({ref_for:!0},w))]),dragTrigger:e.withCtx(w=>[e.renderSlot(o.$slots,"dragTrigger",e.mergeProps({ref_for:!0},w))]),_:2},1032,["parentKeys","item","level","hovered"])}),128))],10,Le)),[[e.vShow,z.value]]):e.createCommentVNode("",!0)]}),_:3},8,["asChild","data-parents","data-key","data-draggable","class"])}}}),de=e.defineComponent({...re.getComponentOptions("Tree"),__name:"Tree",props:{class:{},size:{default:"md"},gap:{},data:{},value:{},checkedKeys:{},expandedKeys:{},multiple:{type:Boolean},checkbox:{type:Boolean},defaultExpandAll:{type:Boolean},selectable:{type:Boolean},showLine:{type:Boolean},inlineNode:{type:Boolean},lazyLoad:{type:Boolean},fieldNames:{},groupName:{},switcherIcon:{},noRotateSwitcherIcon:{type:Boolean},draggable:{type:Boolean},disabled:{type:Boolean}},emits:["update:value","update:expandedKeys","update:checkedKeys","expand","select","check","dragStart","dragEnd"],setup(r,{emit:l}){const t=r,c=l,u=p.getBemBlock("tree"),C=p.getBemElement(u,"node"),b=p.getBemElement(C,"group"),m=p.getBemElement(C,"draggable"),h=p.getBemElement(m,"icon"),F=p.getBemElement(b,"list"),x={node:C,group:b,draggable:m,draggableIcon:h,groupList:F},y=ae.cva(u,{variants:{size:p.generateVariantClassList(le,u),gap:p.generateVariantClassList(X,u),selectable:p.generateVariantClassList("selectable",u),disabled:p.generateVariantClassList("disabled",u),inlineNode:p.generateVariantClassList("inline-node",u),dragging:p.generateVariantClassList("dragging",u)}}),_=e.computed(()=>K.cloneDeep(t.data)),I=e.ref(_.value),f=(a,n)=>{var i;const s=ne(a,n);return(i=t.fieldNames)!=null&&i[n]?ne(a,t.fieldNames[n],s):s},z=()=>{if(!t.lazyLoad){const a=[],n=s=>{for(const i of s){const d=f(i,"children");d!=null&&d.length&&(a.push(f(i,"key")),n(d))}};return n(I.value),a}return[]},B=e.ref(t.expandedKeys??(t.defaultExpandAll?z():[]));e.watch(()=>[t.defaultExpandAll,t.expandedKeys],([a,n],[s,i])=>{n!==i?B.value=t.expandedKeys??[]:a&&!s&&(B.value=z())});const L=e.computed({get(){return t.expandedKeys?t.expandedKeys:B.value},set(a){t.expandedKeys||(B.value=a),c("update:expandedKeys",a)}});e.watch(_,a=>{I.value=a;const n=z();L.value=L.value.filter(s=>n.includes(s)),V.value++},{deep:!0});const P=e.ref(t.value??[]);e.watch(()=>t.value,()=>{P.value=t.value??[]});const S=e.computed({get(){return t.value?t.value:P.value},set(a){t.value||(P.value=a),c("update:value",a)}}),Y=a=>{if(t.selectable&&!t.disabled){let n=K.cloneDeep(S.value);const s=f(a,"key");t.multiple?S.value.includes(s)?n=K.cloneDeep(S.value.filter(i=>i!==s)):n=K.cloneDeep([...S.value,s]):n.includes(s)?n=[]:n=[s],S.value=n,c("select",a,n.includes(s))}},$=e.ref(t.checkedKeys??[]);e.watch(()=>t.checkedKeys,()=>{$.value=t.checkedKeys??[]});const N=e.computed({get(){return t.checkedKeys?t.checkedKeys:$.value},set(a){t.checkedKeys||($.value=a),c("update:checkedKeys",a)}}),Z=(a,n)=>{if(t.checkbox&&!t.disabled){let s=K.cloneDeep(N.value);const i=f(a,"key");n!=null&&n.keys.length?n.value?s=Ke([...n.keys,...s]):s=K.cloneDeep(N.value.filter(v=>!n.keys.includes(v))):N.value.includes(i)?s=K.cloneDeep(N.value.filter(v=>v!==i)):s=K.cloneDeep([...N.value,i]),N.value=s;const d=(n==null?void 0:n.value)??N.value.includes(i);c("check",a,d,(n==null?void 0:n.keys)??i)}},O=a=>{let n=!0;const s=f(a,"key");let i=K.cloneDeep(L.value);i.includes(s)?(i=i.filter(d=>d!==s),n=!1):i=[...i,s],L.value=i,c("expand",a,n)},D=e.computed(()=>{if(t.gap){if(typeof t.gap=="number")return`${t.gap}px`;if(!Object.keys(X).includes(t.gap))return t.gap}}),G=t.groupName??ee.useId(void 0,u),V=e.ref(1),T=e.ref(!1),U=e.ref(),J=e.ref(),o=a=>{const{root:n,instance:s}=a,i=E=>{var g;return(g=E.getAttribute("data-parents"))==null?void 0:g.split(",")},d=E=>{const g=(R,ce=I.value)=>{const{parents:Q,self:ue}=R;for(let W of ce){const te=f(W,"key").toString();if(te===ue)return W;const j=f(W,"children");if(Q!=null&&Q.includes(te)&&(j!=null&&j.length))return g(R,j)}},k=i(E),A=E.getAttribute("data-key")??"";return g({parents:k,self:A})},v=p.getBemModifier(p.getBemElement(u,"dragging_item"),t.size),w=(E=n.value)=>new ge(E,{group:G,animation:150,forceFallback:!0,fallbackOnBody:!0,filter:"[data-draggable=false]",handle:`.${x.node} .${x.draggable} .${x.draggableIcon}`,dataIdAttr:"data-key",dragClass:v,onChoose(g){const k=d(g.item);k&&(k.dragging=!0)},onStart(g){var R;const k=document.querySelector(`.${v}`),A=(R=getComputedStyle(n.value))==null?void 0:R.direction;k!=null&&k.style&&(k.style.direction=A),T.value=!0,c("dragStart",g)},onUnchoose(g){const k=d(g.item);k&&(k.dragging=!1)},onEnd(g){T.value=!1,c("dragEnd",{...g,node:d(g.item),oldParents:i(g.item),newParents:i(g.to)})},onMove(g){const k=Number(g.to.getAttribute("data-level")??"1"),A=d(g.dragged);A&&(A.dragging_level=k)}}),q=()=>{var E;(E=s.value)==null||E.destroy(),s.value=void 0};e.onMounted(()=>{e.watch(()=>[n.value,t.draggable,V.value],()=>{s.value?q():n.value&&t.draggable&&(s.value=w())},{immediate:!0})}),e.onBeforeUnmount(()=>{s.value&&q()})};return o({root:U,instance:J}),ie({size:e.computed(()=>t.size),draggable:e.computed(()=>t.draggable),lazyLoad:e.computed(()=>t.lazyLoad),checkbox:e.computed(()=>t.checkbox),showLine:e.computed(()=>t.showLine),disabled:e.computed(()=>t.disabled),switcherIcon:e.computed(()=>t.switcherIcon),noRotateSwitcherIcon:e.computed(()=>t.noRotateSwitcherIcon),expandedKeys:L,model:S,checked:N,onExpandKey:O,onSelect:Y,onCheck:Z,getNodeField:f,useSortable:o,dragging:T,prefixes:x}),(a,n)=>(e.openBlock(),e.createElementBlock("div",{key:V.value,class:e.normalizeClass([e.unref(y)({size:t.size,gap:t.gap??t.size,selectable:t.selectable,disabled:t.disabled,inlineNode:t.inlineNode,dragging:T.value}),t.class]),style:e.normalizeStyle({"--ptc-tree-gap":D.value}),ref_key:"root",ref:U},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(I.value,s=>(e.openBlock(),e.createBlock(Te,{key:f(s,"key"),item:s},e.createSlots({_:2},[e.renderList(Object.keys(a.$slots),i=>({name:i,fn:e.withCtx(d=>[e.renderSlot(a.$slots,i,e.mergeProps({ref_for:!0},d))])}))]),1032,["item"]))),128))],6))}});exports.Tree=de;exports.TreeGaps=X;exports.TreeSizes=le;exports.default=de;exports.injectTreeContext=se;exports.provideTreeContext=ie;

package/dist/{class-DyU-Ox8D.js → class-DziTeW9B.js}

@@ -17,8 +17,8 @@ function l(e, r) {
   return o;
 }
 export {
-  g as a,
-  f as b,
+  l as a,
+  g as b,
   s as c,
-  l as g
+  f as g
 };

package/dist/cloneDeep-mcJFBKk6.js

@@ -0,0 +1 @@
+"use strict";const n=require("./omit-1sFJ_mId.js");var o=1,r=4;function t(e){return n.baseClone(e,o|r)}exports.cloneDeep=t;

package/dist/cloneDeep-v62P9_F-.js

@@ -0,0 +1,8 @@
+import { b as o } from "./omit-Cxaoa8oo.js";
+var r = 1, n = 4;
+function a(e) {
+  return o(e, r | n);
+}
+export {
+  a as c
+};