@pantograph/vue 0.8.1 → 0.8.3

package/dist/Tree.vue_vue_type_style_index_0_lang-WOtMzGCH.js

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