@vc-shell/framework 1.2.0 → 1.2.1

package/dist/vendor-vueuse-components-B0zqjNRW.js

@@ -0,0 +1,542 @@
+import { defineComponent as se, ref as E, h as ue, watch as x, computed as M, reactive as X, nextTick as ie, getCurrentInstance as ce, onMounted as ae } from "vue";
+import { d as H, n as I, i as j, a as fe, t as S, b as de, c as Y, e as ne, f as ve, u as me, g as pe, h as he } from "./vendor-vueuse-shared-B_uDJJ6V.js";
+function w(e) {
+  var o;
+  const t = S(e);
+  return (o = t?.$el) != null ? o : t;
+}
+const W = fe ? window : void 0;
+function L(...e) {
+  let o, t, n, u;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([t, n, u] = e, o = W) : [o, t, n, u] = e, !o)
+    return I;
+  Array.isArray(t) || (t = [t]), Array.isArray(n) || (n = [n]);
+  const r = [], s = () => {
+    r.forEach((v) => v()), r.length = 0;
+  }, l = (v, c, i, m) => (v.addEventListener(c, i, m), () => v.removeEventListener(c, i, m)), f = x(
+    () => [w(o), S(u)],
+    ([v, c]) => {
+      if (s(), !v)
+        return;
+      const i = de(c) ? { ...c } : c;
+      r.push(
+        ...t.flatMap((m) => n.map((p) => l(v, m, p, i)))
+      );
+    },
+    { immediate: !0, flush: "post" }
+  ), a = () => {
+    f(), s();
+  };
+  return Y(a), a;
+}
+let Q = !1;
+function Z(e, o, t = {}) {
+  const { window: n = W, ignore: u = [], capture: r = !0, detectIframe: s = !1 } = t;
+  if (!n)
+    return I;
+  j && !Q && (Q = !0, Array.from(n.document.body.children).forEach((i) => i.addEventListener("click", I)), n.document.documentElement.addEventListener("click", I));
+  let l = !0;
+  const f = (i) => u.some((m) => {
+    if (typeof m == "string")
+      return Array.from(n.document.querySelectorAll(m)).some((p) => p === i.target || i.composedPath().includes(p));
+    {
+      const p = w(m);
+      return p && (i.target === p || i.composedPath().includes(p));
+    }
+  }), v = [
+    L(n, "click", (i) => {
+      const m = w(e);
+      if (!(!m || m === i.target || i.composedPath().includes(m))) {
+        if (i.detail === 0 && (l = !f(i)), !l) {
+          l = !0;
+          return;
+        }
+        o(i);
+      }
+    }, { passive: !0, capture: r }),
+    L(n, "pointerdown", (i) => {
+      const m = w(e);
+      l = !f(i) && !!(m && !i.composedPath().includes(m));
+    }, { passive: !0 }),
+    s && L(n, "blur", (i) => {
+      setTimeout(() => {
+        var m;
+        const p = w(e);
+        ((m = n.document.activeElement) == null ? void 0 : m.tagName) === "IFRAME" && !p?.contains(n.document.activeElement) && o(i);
+      }, 0);
+    })
+  ].filter(Boolean);
+  return () => v.forEach((i) => i());
+}
+const ke = {
+  [H.mounted](e, o) {
+    const t = !o.modifiers.bubble;
+    if (typeof o.value == "function")
+      e.__onClickOutside_stop = Z(e, o.value, { capture: t });
+    else {
+      const [n, u] = o.value;
+      e.__onClickOutside_stop = Z(e, n, Object.assign({ capture: t }, u));
+    }
+  },
+  [H.unmounted](e) {
+    e.__onClickOutside_stop();
+  }
+};
+function ye(e) {
+  return typeof e == "function" ? e : typeof e == "string" ? (o) => o.key === e : Array.isArray(e) ? (o) => e.includes(o.key) : () => !0;
+}
+function ee(...e) {
+  let o, t, n = {};
+  e.length === 3 ? (o = e[0], t = e[1], n = e[2]) : e.length === 2 ? typeof e[1] == "object" ? (o = !0, t = e[0], n = e[1]) : (o = e[0], t = e[1]) : (o = !0, t = e[0]);
+  const {
+    target: u = W,
+    eventName: r = "keydown",
+    passive: s = !1,
+    dedupe: l = !1
+  } = n, f = ye(o);
+  return L(u, r, (v) => {
+    v.repeat && S(l) || f(v) && t(v);
+  }, s);
+}
+H.mounted + "";
+const we = 500, _e = 10;
+function q(e, o, t) {
+  var n, u;
+  const r = M(() => w(e));
+  let s, l, f, a = !1;
+  function v() {
+    s && (clearTimeout(s), s = void 0), l = void 0, f = void 0, a = !1;
+  }
+  function c(d) {
+    var y, O, D;
+    const [g, P, h] = [f, l, a];
+    if (v(), !t?.onMouseUp || !P || !g || (y = t?.modifiers) != null && y.self && d.target !== r.value)
+      return;
+    (O = t?.modifiers) != null && O.prevent && d.preventDefault(), (D = t?.modifiers) != null && D.stop && d.stopPropagation();
+    const T = d.x - P.x, _ = d.y - P.y, C = Math.sqrt(T * T + _ * _);
+    t.onMouseUp(d.timeStamp - g, C, h);
+  }
+  function i(d) {
+    var y, O, D, g;
+    (y = t?.modifiers) != null && y.self && d.target !== r.value || (v(), (O = t?.modifiers) != null && O.prevent && d.preventDefault(), (D = t?.modifiers) != null && D.stop && d.stopPropagation(), l = {
+      x: d.x,
+      y: d.y
+    }, f = d.timeStamp, s = setTimeout(
+      () => {
+        a = !0, o(d);
+      },
+      (g = t?.delay) != null ? g : we
+    ));
+  }
+  function m(d) {
+    var y, O, D, g;
+    if ((y = t?.modifiers) != null && y.self && d.target !== r.value || !l || t?.distanceThreshold === !1)
+      return;
+    (O = t?.modifiers) != null && O.prevent && d.preventDefault(), (D = t?.modifiers) != null && D.stop && d.stopPropagation();
+    const P = d.x - l.x, h = d.y - l.y;
+    Math.sqrt(P * P + h * h) >= ((g = t?.distanceThreshold) != null ? g : _e) && v();
+  }
+  const p = {
+    capture: (n = t?.modifiers) == null ? void 0 : n.capture,
+    once: (u = t?.modifiers) == null ? void 0 : u.once
+  }, b = [
+    L(r, "pointerdown", i, p),
+    L(r, "pointermove", m, p),
+    L(r, ["pointerup", "pointerleave"], c, p)
+  ];
+  return () => b.forEach((d) => d());
+}
+const De = /* @__PURE__ */ se({
+  name: "OnLongPress",
+  props: ["as", "options"],
+  emits: ["trigger"],
+  setup(e, { slots: o, emit: t }) {
+    const n = E();
+    return q(
+      n,
+      (u) => {
+        t("trigger", u);
+      },
+      e.options
+    ), () => {
+      if (o.default)
+        return ue(e.as || "div", { ref: n }, o.default());
+    };
+  }
+});
+H.mounted + "";
+function Se() {
+  const e = E(!1), o = ce();
+  return o && ae(() => {
+    e.value = !0;
+  }, o), e;
+}
+function le(e) {
+  const o = Se();
+  return M(() => (o.value, !!e()));
+}
+function Ee(e, o = {}) {
+  const {
+    delayEnter: t = 0,
+    delayLeave: n = 0,
+    window: u = W
+  } = o, r = E(!1);
+  let s;
+  const l = (f) => {
+    const a = f ? t : n;
+    s && (clearTimeout(s), s = void 0), a ? s = setTimeout(() => r.value = f, a) : r.value = f;
+  };
+  return u && (L(e, "mouseenter", () => l(!0), { passive: !0 }), L(e, "mouseleave", () => l(!1), { passive: !0 })), r;
+}
+H.mounted + "";
+function be(e, o, t = {}) {
+  const { window: n = W, ...u } = t;
+  let r;
+  const s = le(() => n && "ResizeObserver" in n), l = () => {
+    r && (r.disconnect(), r = void 0);
+  }, f = M(() => Array.isArray(e) ? e.map((c) => w(c)) : [w(e)]), a = x(
+    f,
+    (c) => {
+      if (l(), s.value && n) {
+        r = new ResizeObserver(o);
+        for (const i of c)
+          i && r.observe(i, u);
+      }
+    },
+    { immediate: !0, flush: "post" }
+  ), v = () => {
+    l(), a();
+  };
+  return Y(v), {
+    isSupported: s,
+    stop: v
+  };
+}
+function ge(e, o = { width: 0, height: 0 }, t = {}) {
+  const { window: n = W, box: u = "content-box" } = t, r = M(() => {
+    var c, i;
+    return (i = (c = w(e)) == null ? void 0 : c.namespaceURI) == null ? void 0 : i.includes("svg");
+  }), s = E(o.width), l = E(o.height), { stop: f } = be(
+    e,
+    ([c]) => {
+      const i = u === "border-box" ? c.borderBoxSize : u === "content-box" ? c.contentBoxSize : c.devicePixelContentBoxSize;
+      if (n && r.value) {
+        const m = w(e);
+        if (m) {
+          const p = m.getBoundingClientRect();
+          s.value = p.width, l.value = p.height;
+        }
+      } else if (i) {
+        const m = Array.isArray(i) ? i : [i];
+        s.value = m.reduce((p, { inlineSize: b }) => p + b, 0), l.value = m.reduce((p, { blockSize: b }) => p + b, 0);
+      } else
+        s.value = c.contentRect.width, l.value = c.contentRect.height;
+    },
+    t
+  );
+  ne(() => {
+    const c = w(e);
+    c && (s.value = "offsetWidth" in c ? c.offsetWidth : o.width, l.value = "offsetHeight" in c ? c.offsetHeight : o.height);
+  });
+  const a = x(
+    () => w(e),
+    (c) => {
+      s.value = c ? o.width : 0, l.value = c ? o.height : 0;
+    }
+  );
+  function v() {
+    f(), a();
+  }
+  return {
+    width: s,
+    height: l,
+    stop: v
+  };
+}
+H.mounted + "";
+function K(e, o, t = {}) {
+  const {
+    root: n,
+    rootMargin: u = "0px",
+    threshold: r = 0.1,
+    window: s = W,
+    immediate: l = !0
+  } = t, f = le(() => s && "IntersectionObserver" in s), a = M(() => {
+    const p = S(e);
+    return (Array.isArray(p) ? p : [p]).map(w).filter(ve);
+  });
+  let v = I;
+  const c = E(l), i = f.value ? x(
+    () => [a.value, w(n), c.value],
+    ([p, b]) => {
+      if (v(), !c.value || !p.length)
+        return;
+      const k = new IntersectionObserver(
+        o,
+        {
+          root: w(b),
+          rootMargin: u,
+          threshold: r
+        }
+      );
+      p.forEach((d) => d && k.observe(d)), v = () => {
+        k.disconnect(), v = I;
+      };
+    },
+    { immediate: l, flush: "post" }
+  ) : I, m = () => {
+    v(), i(), c.value = !1;
+  };
+  return Y(m), {
+    isSupported: f,
+    isActive: c,
+    pause() {
+      v(), c.value = !1;
+    },
+    resume() {
+      c.value = !0;
+    },
+    stop: m
+  };
+}
+function $(e, o = {}) {
+  const { window: t = W, scrollTarget: n, threshold: u = 0 } = o, r = E(!1);
+  return K(
+    e,
+    (s) => {
+      let l = r.value, f = 0;
+      for (const a of s)
+        a.time >= f && (f = a.time, l = a.isIntersecting);
+      r.value = l;
+    },
+    {
+      root: n,
+      window: t,
+      threshold: u
+    }
+  ), r;
+}
+H.mounted + "";
+const te = 1;
+function G(e, o = {}) {
+  const {
+    throttle: t = 0,
+    idle: n = 200,
+    onStop: u = I,
+    onScroll: r = I,
+    offset: s = {
+      left: 0,
+      right: 0,
+      top: 0,
+      bottom: 0
+    },
+    eventListenerOptions: l = {
+      capture: !1,
+      passive: !0
+    },
+    behavior: f = "auto",
+    window: a = W,
+    onError: v = (h) => {
+      console.error(h);
+    }
+  } = o, c = E(0), i = E(0), m = M({
+    get() {
+      return c.value;
+    },
+    set(h) {
+      b(h, void 0);
+    }
+  }), p = M({
+    get() {
+      return i.value;
+    },
+    set(h) {
+      b(void 0, h);
+    }
+  });
+  function b(h, T) {
+    var _, C, V, R;
+    if (!a)
+      return;
+    const A = S(e);
+    if (!A)
+      return;
+    (V = A instanceof Document ? a.document.body : A) == null || V.scrollTo({
+      top: (_ = S(T)) != null ? _ : p.value,
+      left: (C = S(h)) != null ? C : m.value,
+      behavior: S(f)
+    });
+    const N = ((R = A?.document) == null ? void 0 : R.documentElement) || A?.documentElement || A;
+    m != null && (c.value = N.scrollLeft), p != null && (i.value = N.scrollTop);
+  }
+  const k = E(!1), d = X({
+    left: !0,
+    right: !1,
+    top: !0,
+    bottom: !1
+  }), y = X({
+    left: !1,
+    right: !1,
+    top: !1,
+    bottom: !1
+  }), O = (h) => {
+    k.value && (k.value = !1, y.left = !1, y.right = !1, y.top = !1, y.bottom = !1, u(h));
+  }, D = pe(O, t + n), g = (h) => {
+    var T;
+    if (!a)
+      return;
+    const _ = ((T = h?.document) == null ? void 0 : T.documentElement) || h?.documentElement || w(h), { display: C, flexDirection: V } = getComputedStyle(_), R = _.scrollLeft;
+    y.left = R < c.value, y.right = R > c.value;
+    const A = Math.abs(R) <= (s.left || 0), N = Math.abs(R) + _.clientWidth >= _.scrollWidth - (s.right || 0) - te;
+    C === "flex" && V === "row-reverse" ? (d.left = N, d.right = A) : (d.left = A, d.right = N), c.value = R;
+    let B = _.scrollTop;
+    h === a.document && !B && (B = a.document.body.scrollTop), y.top = B < i.value, y.bottom = B > i.value;
+    const F = Math.abs(B) <= (s.top || 0), J = Math.abs(B) + _.clientHeight >= _.scrollHeight - (s.bottom || 0) - te;
+    C === "flex" && V === "column-reverse" ? (d.top = J, d.bottom = F) : (d.top = F, d.bottom = J), i.value = B;
+  }, P = (h) => {
+    var T;
+    if (!a)
+      return;
+    const _ = (T = h.target.documentElement) != null ? T : h.target;
+    g(_), k.value = !0, D(h), r(h);
+  };
+  return L(
+    e,
+    "scroll",
+    t ? me(P, t, !0, !1) : P,
+    l
+  ), ne(() => {
+    try {
+      const h = S(e);
+      if (!h)
+        return;
+      g(h);
+    } catch (h) {
+      v(h);
+    }
+  }), L(
+    e,
+    "scrollend",
+    O,
+    l
+  ), {
+    x: m,
+    y: p,
+    isScrolling: k,
+    arrivedState: d,
+    directions: y,
+    measure() {
+      const h = S(e);
+      a && h && g(h);
+    }
+  };
+}
+function U(e) {
+  return typeof Window < "u" && e instanceof Window ? e.document.documentElement : typeof Document < "u" && e instanceof Document ? e.documentElement : e;
+}
+function oe(e, o, t = {}) {
+  var n;
+  const {
+    direction: u = "bottom",
+    interval: r = 100,
+    canLoadMore: s = () => !0
+  } = t, l = X(G(
+    e,
+    {
+      ...t,
+      offset: {
+        [u]: (n = t.distance) != null ? n : 0,
+        ...t.offset
+      }
+    }
+  )), f = E(), a = M(() => !!f.value), v = M(() => U(S(e))), c = $(v);
+  function i() {
+    if (l.measure(), !v.value || !c.value || !s(v.value))
+      return;
+    const { scrollHeight: m, clientHeight: p, scrollWidth: b, clientWidth: k } = v.value, d = u === "bottom" || u === "top" ? m <= p : b <= k;
+    (l.arrivedState[u] || d) && (f.value || (f.value = Promise.all([
+      o(l),
+      new Promise((y) => setTimeout(y, r))
+    ]).finally(() => {
+      f.value = null, ie(() => i());
+    })));
+  }
+  return x(
+    () => [l.arrivedState[u], c.value],
+    i,
+    { immediate: !0 }
+  ), {
+    isLoading: a
+  };
+}
+H.mounted + "";
+H.mounted + "";
+H.mounted + "";
+function re(e) {
+  const o = window.getComputedStyle(e);
+  if (o.overflowX === "scroll" || o.overflowY === "scroll" || o.overflowX === "auto" && e.clientWidth < e.scrollWidth || o.overflowY === "auto" && e.clientHeight < e.scrollHeight)
+    return !0;
+  {
+    const t = e.parentNode;
+    return !t || t.tagName === "BODY" ? !1 : re(t);
+  }
+}
+function Le(e) {
+  const o = e || window.event, t = o.target;
+  return re(t) ? !1 : o.touches.length > 1 ? !0 : (o.preventDefault && o.preventDefault(), !1);
+}
+const z = /* @__PURE__ */ new WeakMap();
+function Oe(e, o = !1) {
+  const t = E(o);
+  let n = null, u = "";
+  x(he(e), (l) => {
+    const f = U(S(l));
+    if (f) {
+      const a = f;
+      if (z.get(a) || z.set(a, a.style.overflow), a.style.overflow !== "hidden" && (u = a.style.overflow), a.style.overflow === "hidden")
+        return t.value = !0;
+      if (t.value)
+        return a.style.overflow = "hidden";
+    }
+  }, {
+    immediate: !0
+  });
+  const r = () => {
+    const l = U(S(e));
+    !l || t.value || (j && (n = L(
+      l,
+      "touchmove",
+      (f) => {
+        Le(f);
+      },
+      { passive: !1 }
+    )), l.style.overflow = "hidden", t.value = !0);
+  }, s = () => {
+    const l = U(S(e));
+    !l || !t.value || (j && n?.(), l.style.overflow = u, z.delete(l), t.value = !1);
+  };
+  return Y(s), M({
+    get() {
+      return t.value;
+    },
+    set(l) {
+      l ? r() : s();
+    }
+  });
+}
+function Te() {
+  let e = !1;
+  const o = E(!1);
+  return (t, n) => {
+    if (o.value = n.value, e)
+      return;
+    e = !0;
+    const u = Oe(t, n.value);
+    x(o, (r) => u.value = r);
+  };
+}
+Te();
+export {
+  De as O,
+  ke as v
+};