jmash-core 0.0.3 → 0.0.5

package/dist/picture-kDaEiPHi.mjs

@@ -0,0 +1,599 @@
+import { defineComponent as ae, markRaw as ve, ref as _, effectScope as ke, shallowRef as Ie, computed as h, watch as ue, nextTick as me, onMounted as pe, openBlock as b, createBlock as ce, Teleport as ze, createVNode as v, Transition as Le, withCtx as C, createElementVNode as w, normalizeClass as p, unref as e, normalizeStyle as de, withModifiers as Ce, createCommentVNode as S, createElementBlock as E, Fragment as ne, resolveDynamicComponent as Ee, renderList as Se, withDirectives as xe, vShow as Ne, renderSlot as te, useAttrs as Oe, toDisplayString as Te, mergeProps as $e } from "vue";
+import { j as M, k as Re, m as ge, n as F, o as we, p as fe, q as Ae, t as Me, w as ye, x as he, y as Be, z as O, A as Ve, B as Ye, C as De, D as He, F as Pe, G as Xe, H as Fe, _ as be, I as B, J as A, K as je, L as _e, M as Ke, N as We, O as qe, P as Ge, Q as Ze } from "./index-B6wY38lY.mjs";
+import { d as Je } from "./debounce-XYByYe_I.mjs";
+const Qe = (s, m) => {
+  if (!M || !s || !m)
+    return !1;
+  const l = s.getBoundingClientRect();
+  let f;
+  return m instanceof Element ? f = m.getBoundingClientRect() : f = {
+    top: 0,
+    right: window.innerWidth,
+    bottom: window.innerHeight,
+    left: 0
+  }, l.top < f.bottom && l.bottom > f.top && l.right > f.left && l.left < f.right;
+};
+var Ue = "Expected a function";
+function ie(s, m, l) {
+  var f = !0, r = !0;
+  if (typeof s != "function")
+    throw new TypeError(Ue);
+  return Re(l) && (f = "leading" in l ? !!l.leading : f, r = "trailing" in l ? !!l.trailing : r), Je(s, m, {
+    leading: f,
+    maxWait: m,
+    trailing: r
+  });
+}
+const et = ge({
+  urlList: {
+    type: F(Array),
+    default: () => we([])
+  },
+  zIndex: {
+    type: Number
+  },
+  initialIndex: {
+    type: Number,
+    default: 0
+  },
+  infinite: {
+    type: Boolean,
+    default: !0
+  },
+  hideOnClickModal: Boolean,
+  teleported: Boolean,
+  closeOnPressEscape: {
+    type: Boolean,
+    default: !0
+  },
+  zoomRate: {
+    type: Number,
+    default: 1.2
+  },
+  minScale: {
+    type: Number,
+    default: 0.2
+  },
+  maxScale: {
+    type: Number,
+    default: 7
+  },
+  crossorigin: {
+    type: F(String)
+  }
+}), tt = {
+  close: () => !0,
+  switch: (s) => fe(s),
+  rotate: (s) => fe(s)
+}, nt = ["src", "crossorigin"], at = ae({
+  name: "ElImageViewer"
+}), lt = /* @__PURE__ */ ae({
+  ...at,
+  props: et,
+  emits: tt,
+  setup(s, { expose: m, emit: l }) {
+    var f;
+    const r = s, y = {
+      CONTAIN: {
+        name: "contain",
+        icon: ve(Ae)
+      },
+      ORIGINAL: {
+        name: "original",
+        icon: ve(Me)
+      }
+    }, { t: le } = ye(), u = he("image-viewer"), { nextZIndex: V } = Be(), x = _(), N = _([]), T = ke(), k = _(!0), c = _(r.initialIndex), $ = Ie(y.CONTAIN), o = _({
+      scale: 1,
+      deg: 0,
+      offsetX: 0,
+      offsetY: 0,
+      enableTransition: !1
+    }), Y = _((f = r.zIndex) != null ? f : V()), oe = h(() => {
+      const { urlList: n } = r;
+      return n.length <= 1;
+    }), j = h(() => c.value === 0), K = h(() => c.value === r.urlList.length - 1), D = h(() => r.urlList[c.value]), se = h(() => [
+      u.e("btn"),
+      u.e("prev"),
+      u.is("disabled", !r.infinite && j.value)
+    ]), W = h(() => [
+      u.e("btn"),
+      u.e("next"),
+      u.is("disabled", !r.infinite && K.value)
+    ]), H = h(() => {
+      const { scale: n, deg: a, offsetX: i, offsetY: I, enableTransition: L } = o.value;
+      let g = i / n, z = I / n;
+      switch (a % 360) {
+        case 90:
+        case -270:
+          [g, z] = [z, -g];
+          break;
+        case 180:
+        case -180:
+          [g, z] = [-g, -z];
+          break;
+        case 270:
+        case -90:
+          [g, z] = [-z, g];
+          break;
+      }
+      const R = {
+        transform: `scale(${n}) rotate(${a}deg) translate(${g}px, ${z}px)`,
+        transition: L ? "transform .3s" : ""
+      };
+      return $.value.name === y.CONTAIN.name && (R.maxWidth = R.maxHeight = "100%"), R;
+    });
+    function P() {
+      q(), l("close");
+    }
+    function re() {
+      const n = ie((i) => {
+        switch (i.code) {
+          case A.esc:
+            r.closeOnPressEscape && P();
+            break;
+          case A.space:
+            U();
+            break;
+          case A.left:
+            ee();
+            break;
+          case A.up:
+            d("zoomIn");
+            break;
+          case A.right:
+            t();
+            break;
+          case A.down:
+            d("zoomOut");
+            break;
+        }
+      }), a = ie((i) => {
+        const I = i.deltaY || i.deltaX;
+        d(I < 0 ? "zoomIn" : "zoomOut", {
+          zoomRate: r.zoomRate,
+          enableTransition: !1
+        });
+      });
+      T.run(() => {
+        B(document, "keydown", n), B(document, "wheel", a);
+      });
+    }
+    function q() {
+      T.stop();
+    }
+    function G() {
+      k.value = !1;
+    }
+    function Z(n) {
+      k.value = !1, n.target.alt = le("el.image.error");
+    }
+    function J(n) {
+      if (k.value || n.button !== 0 || !x.value)
+        return;
+      o.value.enableTransition = !1;
+      const { offsetX: a, offsetY: i } = o.value, I = n.pageX, L = n.pageY, g = ie((R) => {
+        o.value = {
+          ...o.value,
+          offsetX: a + R.pageX - I,
+          offsetY: i + R.pageY - L
+        };
+      }), z = B(document, "mousemove", g);
+      B(document, "mouseup", () => {
+        z();
+      }), n.preventDefault();
+    }
+    function Q() {
+      o.value = {
+        scale: 1,
+        deg: 0,
+        offsetX: 0,
+        offsetY: 0,
+        enableTransition: !1
+      };
+    }
+    function U() {
+      if (k.value)
+        return;
+      const n = je(y), a = Object.values(y), i = $.value.name, L = (a.findIndex((g) => g.name === i) + 1) % n.length;
+      $.value = y[n[L]], Q();
+    }
+    function X(n) {
+      const a = r.urlList.length;
+      c.value = (n + a) % a;
+    }
+    function ee() {
+      j.value && !r.infinite || X(c.value - 1);
+    }
+    function t() {
+      K.value && !r.infinite || X(c.value + 1);
+    }
+    function d(n, a = {}) {
+      if (k.value)
+        return;
+      const { minScale: i, maxScale: I } = r, { zoomRate: L, rotateDeg: g, enableTransition: z } = {
+        zoomRate: r.zoomRate,
+        rotateDeg: 90,
+        enableTransition: !0,
+        ...a
+      };
+      switch (n) {
+        case "zoomOut":
+          o.value.scale > i && (o.value.scale = Number.parseFloat((o.value.scale / L).toFixed(3)));
+          break;
+        case "zoomIn":
+          o.value.scale < I && (o.value.scale = Number.parseFloat((o.value.scale * L).toFixed(3)));
+          break;
+        case "clockwise":
+          o.value.deg += g, l("rotate", o.value.deg);
+          break;
+        case "anticlockwise":
+          o.value.deg -= g, l("rotate", o.value.deg);
+          break;
+      }
+      o.value.enableTransition = z;
+    }
+    return ue(D, () => {
+      me(() => {
+        const n = N.value[0];
+        n != null && n.complete || (k.value = !0);
+      });
+    }), ue(c, (n) => {
+      Q(), l("switch", n);
+    }), pe(() => {
+      var n, a;
+      re(), (a = (n = x.value) == null ? void 0 : n.focus) == null || a.call(n);
+    }), m({
+      setActiveItem: X
+    }), (n, a) => (b(), ce(ze, {
+      to: "body",
+      disabled: !n.teleported
+    }, [
+      v(Le, {
+        name: "viewer-fade",
+        appear: ""
+      }, {
+        default: C(() => [
+          w("div", {
+            ref_key: "wrapper",
+            ref: x,
+            tabindex: -1,
+            class: p(e(u).e("wrapper")),
+            style: de({ zIndex: Y.value })
+          }, [
+            w("div", {
+              class: p(e(u).e("mask")),
+              onClick: a[0] || (a[0] = Ce((i) => n.hideOnClickModal && P(), ["self"]))
+            }, null, 2),
+            S(" CLOSE "),
+            w("span", {
+              class: p([e(u).e("btn"), e(u).e("close")]),
+              onClick: P
+            }, [
+              v(e(O), null, {
+                default: C(() => [
+                  v(e(Ve))
+                ]),
+                _: 1
+              })
+            ], 2),
+            S(" ARROW "),
+            e(oe) ? S("v-if", !0) : (b(), E(ne, { key: 0 }, [
+              w("span", {
+                class: p(e(se)),
+                onClick: ee
+              }, [
+                v(e(O), null, {
+                  default: C(() => [
+                    v(e(Ye))
+                  ]),
+                  _: 1
+                })
+              ], 2),
+              w("span", {
+                class: p(e(W)),
+                onClick: t
+              }, [
+                v(e(O), null, {
+                  default: C(() => [
+                    v(e(De))
+                  ]),
+                  _: 1
+                })
+              ], 2)
+            ], 64)),
+            S(" ACTIONS "),
+            w("div", {
+              class: p([e(u).e("btn"), e(u).e("actions")])
+            }, [
+              w("div", {
+                class: p(e(u).e("actions__inner"))
+              }, [
+                v(e(O), {
+                  onClick: a[1] || (a[1] = (i) => d("zoomOut"))
+                }, {
+                  default: C(() => [
+                    v(e(He))
+                  ]),
+                  _: 1
+                }),
+                v(e(O), {
+                  onClick: a[2] || (a[2] = (i) => d("zoomIn"))
+                }, {
+                  default: C(() => [
+                    v(e(Pe))
+                  ]),
+                  _: 1
+                }),
+                w("i", {
+                  class: p(e(u).e("actions__divider"))
+                }, null, 2),
+                v(e(O), { onClick: U }, {
+                  default: C(() => [
+                    (b(), ce(Ee(e($).icon)))
+                  ]),
+                  _: 1
+                }),
+                w("i", {
+                  class: p(e(u).e("actions__divider"))
+                }, null, 2),
+                v(e(O), {
+                  onClick: a[3] || (a[3] = (i) => d("anticlockwise"))
+                }, {
+                  default: C(() => [
+                    v(e(Xe))
+                  ]),
+                  _: 1
+                }),
+                v(e(O), {
+                  onClick: a[4] || (a[4] = (i) => d("clockwise"))
+                }, {
+                  default: C(() => [
+                    v(e(Fe))
+                  ]),
+                  _: 1
+                })
+              ], 2)
+            ], 2),
+            S(" CANVAS "),
+            w("div", {
+              class: p(e(u).e("canvas"))
+            }, [
+              (b(!0), E(ne, null, Se(n.urlList, (i, I) => xe((b(), E("img", {
+                ref_for: !0,
+                ref: (L) => N.value[I] = L,
+                key: i,
+                src: i,
+                style: de(e(H)),
+                class: p(e(u).e("img")),
+                crossorigin: n.crossorigin,
+                onLoad: G,
+                onError: Z,
+                onMousedown: J
+              }, null, 46, nt)), [
+                [Ne, I === c.value]
+              ])), 128))
+            ], 2),
+            te(n.$slots, "default")
+          ], 6)
+        ]),
+        _: 3
+      })
+    ], 8, ["disabled"]));
+  }
+});
+var ot = /* @__PURE__ */ be(lt, [["__file", "image-viewer.vue"]]);
+const st = _e(ot), rt = ge({
+  hideOnClickModal: Boolean,
+  src: {
+    type: String,
+    default: ""
+  },
+  fit: {
+    type: String,
+    values: ["", "contain", "cover", "fill", "none", "scale-down"],
+    default: ""
+  },
+  loading: {
+    type: String,
+    values: ["eager", "lazy"]
+  },
+  lazy: Boolean,
+  scrollContainer: {
+    type: F([String, Object])
+  },
+  previewSrcList: {
+    type: F(Array),
+    default: () => we([])
+  },
+  previewTeleported: Boolean,
+  zIndex: {
+    type: Number
+  },
+  initialIndex: {
+    type: Number,
+    default: 0
+  },
+  infinite: {
+    type: Boolean,
+    default: !0
+  },
+  closeOnPressEscape: {
+    type: Boolean,
+    default: !0
+  },
+  zoomRate: {
+    type: Number,
+    default: 1.2
+  },
+  minScale: {
+    type: Number,
+    default: 0.2
+  },
+  maxScale: {
+    type: Number,
+    default: 7
+  },
+  crossorigin: {
+    type: F(String)
+  }
+}), it = {
+  load: (s) => s instanceof Event,
+  error: (s) => s instanceof Event,
+  switch: (s) => fe(s),
+  close: () => !0,
+  show: () => !0
+}, ut = ["src", "loading", "crossorigin"], ct = { key: 0 }, dt = ae({
+  name: "ElImage",
+  inheritAttrs: !1
+}), ft = /* @__PURE__ */ ae({
+  ...dt,
+  props: rt,
+  emits: it,
+  setup(s, { emit: m }) {
+    const l = s;
+    let f = "";
+    const { t: r } = ye(), y = he("image"), le = Oe(), u = Ke(), V = _(), x = _(!1), N = _(!0), T = _(!1), k = _(), c = _(), $ = M && "loading" in HTMLImageElement.prototype;
+    let o, Y;
+    const oe = h(() => [
+      y.e("inner"),
+      D.value && y.e("preview"),
+      N.value && y.is("loading")
+    ]), j = h(() => le.style), K = h(() => {
+      const { fit: t } = l;
+      return M && t ? { objectFit: t } : {};
+    }), D = h(() => {
+      const { previewSrcList: t } = l;
+      return Array.isArray(t) && t.length > 0;
+    }), se = h(() => {
+      const { previewSrcList: t, initialIndex: d } = l;
+      let n = d;
+      return d > t.length - 1 && (n = 0), n;
+    }), W = h(() => l.loading === "eager" ? !1 : !$ && l.loading === "lazy" || l.lazy), H = () => {
+      M && (N.value = !0, x.value = !1, V.value = l.src);
+    };
+    function P(t) {
+      N.value = !1, x.value = !1, m("load", t);
+    }
+    function re(t) {
+      N.value = !1, x.value = !0, m("error", t);
+    }
+    function q() {
+      Qe(k.value, c.value) && (H(), J());
+    }
+    const G = Ze(q, 200, !0);
+    async function Z() {
+      var t;
+      if (!M)
+        return;
+      await me();
+      const { scrollContainer: d } = l;
+      We(d) ? c.value = d : qe(d) && d !== "" ? c.value = (t = document.querySelector(d)) != null ? t : void 0 : k.value && (c.value = Ge(k.value)), c.value && (o = B(c, "scroll", G), setTimeout(() => q(), 100));
+    }
+    function J() {
+      !M || !c.value || !G || (o == null || o(), c.value = void 0);
+    }
+    function Q(t) {
+      if (t.ctrlKey) {
+        if (t.deltaY < 0)
+          return t.preventDefault(), !1;
+        if (t.deltaY > 0)
+          return t.preventDefault(), !1;
+      }
+    }
+    function U() {
+      D.value && (Y = B("wheel", Q, {
+        passive: !1
+      }), f = document.body.style.overflow, document.body.style.overflow = "hidden", T.value = !0, m("show"));
+    }
+    function X() {
+      Y == null || Y(), document.body.style.overflow = f, T.value = !1, m("close");
+    }
+    function ee(t) {
+      m("switch", t);
+    }
+    return ue(() => l.src, () => {
+      W.value ? (N.value = !0, x.value = !1, J(), Z()) : H();
+    }), pe(() => {
+      W.value ? Z() : H();
+    }), (t, d) => (b(), E("div", {
+      ref_key: "container",
+      ref: k,
+      class: p([e(y).b(), t.$attrs.class]),
+      style: de(e(j))
+    }, [
+      x.value ? te(t.$slots, "error", { key: 0 }, () => [
+        w("div", {
+          class: p(e(y).e("error"))
+        }, Te(e(r)("el.image.error")), 3)
+      ]) : (b(), E(ne, { key: 1 }, [
+        V.value !== void 0 ? (b(), E("img", $e({ key: 0 }, e(u), {
+          src: V.value,
+          loading: t.loading,
+          style: e(K),
+          class: e(oe),
+          crossorigin: t.crossorigin,
+          onClick: U,
+          onLoad: P,
+          onError: re
+        }), null, 16, ut)) : S("v-if", !0),
+        N.value ? (b(), E("div", {
+          key: 1,
+          class: p(e(y).e("wrapper"))
+        }, [
+          te(t.$slots, "placeholder", {}, () => [
+            w("div", {
+              class: p(e(y).e("placeholder"))
+            }, null, 2)
+          ])
+        ], 2)) : S("v-if", !0)
+      ], 64)),
+      e(D) ? (b(), E(ne, { key: 2 }, [
+        T.value ? (b(), ce(e(st), {
+          key: 0,
+          "z-index": t.zIndex,
+          "initial-index": e(se),
+          infinite: t.infinite,
+          "zoom-rate": t.zoomRate,
+          "min-scale": t.minScale,
+          "max-scale": t.maxScale,
+          "url-list": t.previewSrcList,
+          "hide-on-click-modal": t.hideOnClickModal,
+          teleported: t.previewTeleported,
+          "close-on-press-escape": t.closeOnPressEscape,
+          onClose: X,
+          onSwitch: ee
+        }, {
+          default: C(() => [
+            t.$slots.viewer ? (b(), E("div", ct, [
+              te(t.$slots, "viewer")
+            ])) : S("v-if", !0)
+          ]),
+          _: 3
+        }, 8, ["z-index", "initial-index", "infinite", "zoom-rate", "min-scale", "max-scale", "url-list", "hide-on-click-modal", "teleported", "close-on-press-escape"])) : S("v-if", !0)
+      ], 64)) : S("v-if", !0)
+    ], 6));
+  }
+});
+var vt = /* @__PURE__ */ be(ft, [["__file", "image.vue"]]);
+const kt = _e(vt), mt = {
+  viewBox: "0 0 1024 1024",
+  width: "1.2em",
+  height: "1.2em"
+}, pt = /* @__PURE__ */ w("path", {
+  fill: "currentColor",
+  d: "M160 160v704h704V160zm-32-64h768a32 32 0 0 1 32 32v768a32 32 0 0 1-32 32H128a32 32 0 0 1-32-32V128a32 32 0 0 1 32-32"
+}, null, -1), gt = /* @__PURE__ */ w("path", {
+  fill: "currentColor",
+  d: "M384 288q64 0 64 64t-64 64t-64-64t64-64M185.408 876.992l-50.816-38.912L350.72 556.032a96 96 0 0 1 134.592-17.856l1.856 1.472l122.88 99.136a32 32 0 0 0 44.992-4.864l216-269.888l49.92 39.936l-215.808 269.824l-.256.32a96 96 0 0 1-135.04 14.464l-122.88-99.072l-.64-.512a32 32 0 0 0-44.8 5.952z"
+}, null, -1), wt = [
+  pt,
+  gt
+];
+function yt(s, m) {
+  return b(), E("svg", mt, [...wt]);
+}
+const It = { name: "ep-picture", render: yt };
+export {
+  kt as E,
+  It as _
+};