jmash-core 0.0.11 → 0.0.13

package/dist/picture-DRU19T9b.mjs

@@ -0,0 +1,587 @@
+import { defineComponent as ne, markRaw as ve, ref as h, effectScope as ke, shallowRef as Ie, computed as y, watch as ue, nextTick as me, onMounted as pe, openBlock as w, createBlock as ce, Teleport as ze, createVNode as f, Transition as Le, withCtx as L, createElementVNode as p, normalizeClass as v, unref as e, normalizeStyle as de, withModifiers as Ce, createCommentVNode as E, createElementBlock as C, Fragment as ae, 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 { av as Ae, q as Re, b as ge, d as P, S as ye, aw as fe, ax as Me, ay as Ve, k as we, u as he, az as Be, E as O, y as Ye, aA as De, O as Xe, aB as Fe, aC as He, aD as Pe, aE as Ke, _ as be, aF as M, A as R, aG as je, w as _e, aH as We, c as H, aI as qe, aJ as Ge, g as Ze, aK as Je } from "./index-CPqNZOs9.mjs";
+import { i as Ue } from "./position-Ba7wRAlR.mjs";
+var Qe = "Expected a function";
+function ie(u, b, o) {
+  var S = !0, s = !0;
+  if (typeof u != "function")
+    throw new TypeError(Qe);
+  return Ae(o) && (S = "leading" in o ? !!o.leading : S, s = "trailing" in o ? !!o.trailing : s), Re(u, b, {
+    leading: S,
+    maxWait: b,
+    trailing: s
+  });
+}
+const et = ge({
+  urlList: {
+    type: P(Array),
+    default: () => ye([])
+  },
+  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: P(String)
+  }
+}), tt = {
+  close: () => !0,
+  switch: (u) => fe(u),
+  rotate: (u) => fe(u)
+}, at = ["src", "crossorigin"], nt = ne({
+  name: "ElImageViewer"
+}), lt = /* @__PURE__ */ ne({
+  ...nt,
+  props: et,
+  emits: tt,
+  setup(u, { expose: b, emit: o }) {
+    var S;
+    const s = u, g = {
+      CONTAIN: {
+        name: "contain",
+        icon: ve(Me)
+      },
+      ORIGINAL: {
+        name: "original",
+        icon: ve(Ve)
+      }
+    }, { t: le } = we(), i = he("image-viewer"), { nextZIndex: V } = Be(), x = h(), N = h([]), T = ke(), _ = h(!0), c = h(s.initialIndex), $ = Ie(g.CONTAIN), l = h({
+      scale: 1,
+      deg: 0,
+      offsetX: 0,
+      offsetY: 0,
+      enableTransition: !1
+    }), B = h((S = s.zIndex) != null ? S : V()), oe = y(() => {
+      const { urlList: a } = s;
+      return a.length <= 1;
+    }), K = y(() => c.value === 0), j = y(() => c.value === s.urlList.length - 1), Y = y(() => s.urlList[c.value]), se = y(() => [
+      i.e("btn"),
+      i.e("prev"),
+      i.is("disabled", !s.infinite && K.value)
+    ]), W = y(() => [
+      i.e("btn"),
+      i.e("next"),
+      i.is("disabled", !s.infinite && j.value)
+    ]), D = y(() => {
+      const { scale: a, deg: n, offsetX: r, offsetY: k, enableTransition: z } = l.value;
+      let m = r / a, I = k / a;
+      switch (n % 360) {
+        case 90:
+        case -270:
+          [m, I] = [I, -m];
+          break;
+        case 180:
+        case -180:
+          [m, I] = [-m, -I];
+          break;
+        case 270:
+        case -90:
+          [m, I] = [-I, m];
+          break;
+      }
+      const A = {
+        transform: `scale(${a}) rotate(${n}deg) translate(${m}px, ${I}px)`,
+        transition: z ? "transform .3s" : ""
+      };
+      return $.value.name === g.CONTAIN.name && (A.maxWidth = A.maxHeight = "100%"), A;
+    });
+    function X() {
+      q(), o("close");
+    }
+    function re() {
+      const a = ie((r) => {
+        switch (r.code) {
+          case R.esc:
+            s.closeOnPressEscape && X();
+            break;
+          case R.space:
+            Q();
+            break;
+          case R.left:
+            ee();
+            break;
+          case R.up:
+            d("zoomIn");
+            break;
+          case R.right:
+            t();
+            break;
+          case R.down:
+            d("zoomOut");
+            break;
+        }
+      }), n = ie((r) => {
+        const k = r.deltaY || r.deltaX;
+        d(k < 0 ? "zoomIn" : "zoomOut", {
+          zoomRate: s.zoomRate,
+          enableTransition: !1
+        });
+      });
+      T.run(() => {
+        M(document, "keydown", a), M(document, "wheel", n);
+      });
+    }
+    function q() {
+      T.stop();
+    }
+    function G() {
+      _.value = !1;
+    }
+    function Z(a) {
+      _.value = !1, a.target.alt = le("el.image.error");
+    }
+    function J(a) {
+      if (_.value || a.button !== 0 || !x.value)
+        return;
+      l.value.enableTransition = !1;
+      const { offsetX: n, offsetY: r } = l.value, k = a.pageX, z = a.pageY, m = ie((A) => {
+        l.value = {
+          ...l.value,
+          offsetX: n + A.pageX - k,
+          offsetY: r + A.pageY - z
+        };
+      }), I = M(document, "mousemove", m);
+      M(document, "mouseup", () => {
+        I();
+      }), a.preventDefault();
+    }
+    function U() {
+      l.value = {
+        scale: 1,
+        deg: 0,
+        offsetX: 0,
+        offsetY: 0,
+        enableTransition: !1
+      };
+    }
+    function Q() {
+      if (_.value)
+        return;
+      const a = je(g), n = Object.values(g), r = $.value.name, z = (n.findIndex((m) => m.name === r) + 1) % a.length;
+      $.value = g[a[z]], U();
+    }
+    function F(a) {
+      const n = s.urlList.length;
+      c.value = (a + n) % n;
+    }
+    function ee() {
+      K.value && !s.infinite || F(c.value - 1);
+    }
+    function t() {
+      j.value && !s.infinite || F(c.value + 1);
+    }
+    function d(a, n = {}) {
+      if (_.value)
+        return;
+      const { minScale: r, maxScale: k } = s, { zoomRate: z, rotateDeg: m, enableTransition: I } = {
+        zoomRate: s.zoomRate,
+        rotateDeg: 90,
+        enableTransition: !0,
+        ...n
+      };
+      switch (a) {
+        case "zoomOut":
+          l.value.scale > r && (l.value.scale = Number.parseFloat((l.value.scale / z).toFixed(3)));
+          break;
+        case "zoomIn":
+          l.value.scale < k && (l.value.scale = Number.parseFloat((l.value.scale * z).toFixed(3)));
+          break;
+        case "clockwise":
+          l.value.deg += m, o("rotate", l.value.deg);
+          break;
+        case "anticlockwise":
+          l.value.deg -= m, o("rotate", l.value.deg);
+          break;
+      }
+      l.value.enableTransition = I;
+    }
+    return ue(Y, () => {
+      me(() => {
+        const a = N.value[0];
+        a != null && a.complete || (_.value = !0);
+      });
+    }), ue(c, (a) => {
+      U(), o("switch", a);
+    }), pe(() => {
+      var a, n;
+      re(), (n = (a = x.value) == null ? void 0 : a.focus) == null || n.call(a);
+    }), b({
+      setActiveItem: F
+    }), (a, n) => (w(), ce(ze, {
+      to: "body",
+      disabled: !a.teleported
+    }, [
+      f(Le, {
+        name: "viewer-fade",
+        appear: ""
+      }, {
+        default: L(() => [
+          p("div", {
+            ref_key: "wrapper",
+            ref: x,
+            tabindex: -1,
+            class: v(e(i).e("wrapper")),
+            style: de({ zIndex: B.value })
+          }, [
+            p("div", {
+              class: v(e(i).e("mask")),
+              onClick: n[0] || (n[0] = Ce((r) => a.hideOnClickModal && X(), ["self"]))
+            }, null, 2),
+            E(" CLOSE "),
+            p("span", {
+              class: v([e(i).e("btn"), e(i).e("close")]),
+              onClick: X
+            }, [
+              f(e(O), null, {
+                default: L(() => [
+                  f(e(Ye))
+                ]),
+                _: 1
+              })
+            ], 2),
+            E(" ARROW "),
+            e(oe) ? E("v-if", !0) : (w(), C(ae, { key: 0 }, [
+              p("span", {
+                class: v(e(se)),
+                onClick: ee
+              }, [
+                f(e(O), null, {
+                  default: L(() => [
+                    f(e(De))
+                  ]),
+                  _: 1
+                })
+              ], 2),
+              p("span", {
+                class: v(e(W)),
+                onClick: t
+              }, [
+                f(e(O), null, {
+                  default: L(() => [
+                    f(e(Xe))
+                  ]),
+                  _: 1
+                })
+              ], 2)
+            ], 64)),
+            E(" ACTIONS "),
+            p("div", {
+              class: v([e(i).e("btn"), e(i).e("actions")])
+            }, [
+              p("div", {
+                class: v(e(i).e("actions__inner"))
+              }, [
+                f(e(O), {
+                  onClick: n[1] || (n[1] = (r) => d("zoomOut"))
+                }, {
+                  default: L(() => [
+                    f(e(Fe))
+                  ]),
+                  _: 1
+                }),
+                f(e(O), {
+                  onClick: n[2] || (n[2] = (r) => d("zoomIn"))
+                }, {
+                  default: L(() => [
+                    f(e(He))
+                  ]),
+                  _: 1
+                }),
+                p("i", {
+                  class: v(e(i).e("actions__divider"))
+                }, null, 2),
+                f(e(O), { onClick: Q }, {
+                  default: L(() => [
+                    (w(), ce(Ee(e($).icon)))
+                  ]),
+                  _: 1
+                }),
+                p("i", {
+                  class: v(e(i).e("actions__divider"))
+                }, null, 2),
+                f(e(O), {
+                  onClick: n[3] || (n[3] = (r) => d("anticlockwise"))
+                }, {
+                  default: L(() => [
+                    f(e(Pe))
+                  ]),
+                  _: 1
+                }),
+                f(e(O), {
+                  onClick: n[4] || (n[4] = (r) => d("clockwise"))
+                }, {
+                  default: L(() => [
+                    f(e(Ke))
+                  ]),
+                  _: 1
+                })
+              ], 2)
+            ], 2),
+            E(" CANVAS "),
+            p("div", {
+              class: v(e(i).e("canvas"))
+            }, [
+              (w(!0), C(ae, null, Se(a.urlList, (r, k) => xe((w(), C("img", {
+                ref_for: !0,
+                ref: (z) => N.value[k] = z,
+                key: r,
+                src: r,
+                style: de(e(D)),
+                class: v(e(i).e("img")),
+                crossorigin: a.crossorigin,
+                onLoad: G,
+                onError: Z,
+                onMousedown: J
+              }, null, 46, at)), [
+                [Ne, k === c.value]
+              ])), 128))
+            ], 2),
+            te(a.$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: P([String, Object])
+  },
+  previewSrcList: {
+    type: P(Array),
+    default: () => ye([])
+  },
+  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: P(String)
+  }
+}), it = {
+  load: (u) => u instanceof Event,
+  error: (u) => u instanceof Event,
+  switch: (u) => fe(u),
+  close: () => !0,
+  show: () => !0
+}, ut = ["src", "loading", "crossorigin"], ct = { key: 0 }, dt = ne({
+  name: "ElImage",
+  inheritAttrs: !1
+}), ft = /* @__PURE__ */ ne({
+  ...dt,
+  props: rt,
+  emits: it,
+  setup(u, { emit: b }) {
+    const o = u;
+    let S = "";
+    const { t: s } = we(), g = he("image"), le = Oe(), i = We(), V = h(), x = h(!1), N = h(!0), T = h(!1), _ = h(), c = h(), $ = H && "loading" in HTMLImageElement.prototype;
+    let l, B;
+    const oe = y(() => [
+      g.e("inner"),
+      Y.value && g.e("preview"),
+      N.value && g.is("loading")
+    ]), K = y(() => le.style), j = y(() => {
+      const { fit: t } = o;
+      return H && t ? { objectFit: t } : {};
+    }), Y = y(() => {
+      const { previewSrcList: t } = o;
+      return Array.isArray(t) && t.length > 0;
+    }), se = y(() => {
+      const { previewSrcList: t, initialIndex: d } = o;
+      let a = d;
+      return d > t.length - 1 && (a = 0), a;
+    }), W = y(() => o.loading === "eager" ? !1 : !$ && o.loading === "lazy" || o.lazy), D = () => {
+      H && (N.value = !0, x.value = !1, V.value = o.src);
+    };
+    function X(t) {
+      N.value = !1, x.value = !1, b("load", t);
+    }
+    function re(t) {
+      N.value = !1, x.value = !0, b("error", t);
+    }
+    function q() {
+      Ue(_.value, c.value) && (D(), J());
+    }
+    const G = qe(q, 200, !0);
+    async function Z() {
+      var t;
+      if (!H)
+        return;
+      await me();
+      const { scrollContainer: d } = o;
+      Ge(d) ? c.value = d : Ze(d) && d !== "" ? c.value = (t = document.querySelector(d)) != null ? t : void 0 : _.value && (c.value = Je(_.value)), c.value && (l = M(c, "scroll", G), setTimeout(() => q(), 100));
+    }
+    function J() {
+      !H || !c.value || !G || (l == null || l(), c.value = void 0);
+    }
+    function U(t) {
+      if (t.ctrlKey) {
+        if (t.deltaY < 0)
+          return t.preventDefault(), !1;
+        if (t.deltaY > 0)
+          return t.preventDefault(), !1;
+      }
+    }
+    function Q() {
+      Y.value && (B = M("wheel", U, {
+        passive: !1
+      }), S = document.body.style.overflow, document.body.style.overflow = "hidden", T.value = !0, b("show"));
+    }
+    function F() {
+      B == null || B(), document.body.style.overflow = S, T.value = !1, b("close");
+    }
+    function ee(t) {
+      b("switch", t);
+    }
+    return ue(() => o.src, () => {
+      W.value ? (N.value = !0, x.value = !1, J(), Z()) : D();
+    }), pe(() => {
+      W.value ? Z() : D();
+    }), (t, d) => (w(), C("div", {
+      ref_key: "container",
+      ref: _,
+      class: v([e(g).b(), t.$attrs.class]),
+      style: de(e(K))
+    }, [
+      x.value ? te(t.$slots, "error", { key: 0 }, () => [
+        p("div", {
+          class: v(e(g).e("error"))
+        }, Te(e(s)("el.image.error")), 3)
+      ]) : (w(), C(ae, { key: 1 }, [
+        V.value !== void 0 ? (w(), C("img", $e({ key: 0 }, e(i), {
+          src: V.value,
+          loading: t.loading,
+          style: e(j),
+          class: e(oe),
+          crossorigin: t.crossorigin,
+          onClick: Q,
+          onLoad: X,
+          onError: re
+        }), null, 16, ut)) : E("v-if", !0),
+        N.value ? (w(), C("div", {
+          key: 1,
+          class: v(e(g).e("wrapper"))
+        }, [
+          te(t.$slots, "placeholder", {}, () => [
+            p("div", {
+              class: v(e(g).e("placeholder"))
+            }, null, 2)
+          ])
+        ], 2)) : E("v-if", !0)
+      ], 64)),
+      e(Y) ? (w(), C(ae, { key: 2 }, [
+        T.value ? (w(), 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: F,
+          onSwitch: ee
+        }, {
+          default: L(() => [
+            t.$slots.viewer ? (w(), C("div", ct, [
+              te(t.$slots, "viewer")
+            ])) : E("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"])) : E("v-if", !0)
+      ], 64)) : E("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__ */ p("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__ */ p("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), yt = [
+  pt,
+  gt
+];
+function wt(u, b) {
+  return w(), C("svg", mt, [...yt]);
+}
+const It = { name: "ep-picture", render: wt };
+export {
+  kt as E,
+  It as _
+};

package/dist/position-Ba7wRAlR.mjs

@@ -0,0 +1,23 @@
+import { c as o } from "./index-CPqNZOs9.mjs";
+const l = (t, i) => {
+  if (!o || !t || !i)
+    return !1;
+  const e = t.getBoundingClientRect();
+  let n;
+  return i instanceof Element ? n = i.getBoundingClientRect() : n = {
+    top: 0,
+    right: window.innerWidth,
+    bottom: window.innerHeight,
+    left: 0
+  }, e.top < n.bottom && e.bottom > n.top && e.right > n.left && e.left < n.right;
+}, s = (t) => {
+  let i, e;
+  return t.type === "touchend" ? (e = t.changedTouches[0].clientY, i = t.changedTouches[0].clientX) : t.type.startsWith("touch") ? (e = t.touches[0].clientY, i = t.touches[0].clientX) : (e = t.clientY, i = t.clientX), {
+    clientX: i,
+    clientY: e
+  };
+};
+export {
+  s as g,
+  l as i
+};