zan-layer 1.0.0

package/lib/zan-layer.js

@@ -0,0 +1,1150 @@
+import { defineComponent as A, computed as I, openBlock as d, createElementBlock as m, normalizeStyle as V, createCommentVNode as p, createBlock as M, resolveDynamicComponent as lt, h as He, renderSlot as ee, createVNode as te, unref as x, withModifiers as re, normalizeClass as N, createElementVNode as B, toDisplayString as P, ref as b, watch as _, onMounted as ye, nextTick as D, Fragment as j, renderList as Ee, shallowRef as at, withDirectives as ke, vModelText as ot, vModelDynamic as st, useSlots as it, onUnmounted as ut, Teleport as rt, Transition as ct, withCtx as ce, render as Z, isVNode as Se } from "vue";
+const dt = /* @__PURE__ */ A({
+  name: "Shade",
+  __name: "Shade",
+  props: {
+    visible: { type: [Boolean, String] },
+    opacity: {},
+    index: { type: [Number, Function] },
+    teleport: {},
+    teleportDisabled: { type: Boolean },
+    shadeStyle: { type: [Boolean, null, String, Object, Array] }
+  },
+  emits: ["shadeClick"],
+  setup(e, { emit: n }) {
+    const l = e, t = n, a = I(() => [
+      {
+        opacity: l.opacity,
+        position: l.teleportDisabled || l.teleport != "body" ? "absolute" : "fixed",
+        zIndex: l.index
+      },
+      l.shadeStyle
+    ]), i = () => {
+      t("shadeClick");
+    };
+    return (c, o) => e.visible ? (d(), m("div", {
+      key: 0,
+      class: "zan-layer-shade",
+      style: V(a.value),
+      onClick: i
+    }, null, 4)) : p("", !0);
+  }
+}), ft = ["src"], mt = /* @__PURE__ */ A({
+  name: "Iframe",
+  __name: "Iframe",
+  props: {
+    src: {}
+  },
+  setup(e) {
+    const n = e, l = I(() => n.src);
+    return (t, a) => (d(), m("iframe", {
+      scrolling: "auto",
+      class: "zan-layer-iframe",
+      allowtransparency: "true",
+      frameborder: "0",
+      src: l.value
+    }, null, 8, ft));
+  }
+}), oe = /* @__PURE__ */ A({
+  name: "ZanRender",
+  __name: "Render",
+  props: {
+    render: { type: Function }
+  },
+  setup(e) {
+    const n = e;
+    return (l, t) => (d(), M(lt(n.render())));
+  }
+}), ne = function(e) {
+  return typeof e == "function" ? e() : typeof e == "string" ? He("span", e) : e;
+};
+function Me() {
+  const e = [], n = "0123456789abcdef";
+  for (let t = 0; t < 36; t++)
+    e[t] = n.substr(Math.floor(Math.random() * 16), 1);
+  return e[14] = "4", e[19] = n.substr(e[19] & 3 | 8, 1), e[8] = e[13] = e[18] = e[23] = "-", e.join("").replaceAll("-", "");
+}
+function vt(e, n, l) {
+  return e != "drawer" || e != 4 ? yt(n) : Ae(l, n);
+}
+function yt(e) {
+  return e === void 0 || e === "auto" ? [] : typeof e == "string" ? [e] : e[1] && e[1] === "auto" ? e[0] && e[0] === "auto" ? [] : [e[0]] : e[0] && e[0] === "auto" ? e[1] && e[1] != "auto" ? [void 0, e[1]] : [] : [...e];
+}
+function Ae(e, n = "30%") {
+  return n instanceof Array ? n : (n === "auto" && (n = "30%"), e === "l" || e === "r" || e === "lt" || e === "lb" || e === "rt" || e === "rb" ? [n, "100%"] : e === "t" || e === "b" || e === "tr" || e === "tl" || e === "br" || e === "bl" ? ["100%", n] : [n, "100%"]);
+}
+function de(e, n, l) {
+  const t = [
+    "t",
+    "r",
+    "b",
+    "l",
+    "lt",
+    "tl",
+    "lb",
+    "bl",
+    "rt",
+    "tr",
+    "rb",
+    "br"
+  ], a = [];
+  return e === "auto" && l == 4 && (e = "r"), typeof e == "string" ? t.indexOf(e) > -1 ? (e === "t" && (a[0] = "0px", a[1] = "calc(50% - " + n[0] + "/2)"), e === "l" && (a[0] = "calc(50% - " + n[1] + "/2)", a[1] = "0px"), e === "b" && (a[0] = "calc(100% - " + n[1] + ")", a[1] = "calc(50% - " + n[0] + "/2)"), e === "r" && (a[0] = "calc(50% - " + n[1] + "/2)", a[1] = "calc(100% - " + n[0] + ")"), (e === "lt" || e === "tl") && (a[0] = "0px", a[1] = "0px"), (e === "lb" || e === "bl") && (a[0] = "calc(100% - " + n[1] + ")", a[1] = "0px"), (e === "rt" || e === "tr") && (a[0] = "0px", a[1] = "calc(100% - " + n[0] + ")"), (e === "rb" || e === "br") && (a[0] = "calc(100% - " + n[1] + ")", a[1] = "calc(100% - " + n[0] + ")")) : e == "auto" ? (a[0] = "calc(50% - " + n[1] + "/2)", a[1] = "calc(50% - " + n[0] + "/2)") : (a[0] = e, a[1] = "calc(50% - " + n[0] + "/2)") : (a[0] = e[0], a[1] = e[1]), a;
+}
+function pt(e) {
+  return e === "dialog" || e == 0 ? 0 : e === "page" || e == 1 ? 1 : e === "iframe" || e == 2 ? 2 : e === "loading" || e == 3 ? 3 : e === "drawer" || e == 4 ? 4 : e === "photos" || e == 5 ? 5 : e === "notify" || e == 6 ? 6 : e === "prompt" || e == 7 ? 7 : 0;
+}
+function Le() {
+  return { w: "100%", h: "100%" };
+}
+function $e() {
+  return { t: "0px", l: "0px" };
+}
+function Ie(e) {
+  var t, a;
+  const n = (t = getComputedStyle(e, null)) == null ? void 0 : t.width, l = (a = getComputedStyle(e, null)) == null ? void 0 : a.height;
+  return [n, l];
+}
+const Q = [];
+function q(e, n) {
+  let l = 0;
+  if (n) {
+    const t = Q.findIndex((a) => a === void 0);
+    t === -1 ? (Q.push(e), l = Q.length - 1) : (Q[t] = e, l = t);
+  } else
+    delete Q[Q.findIndex((t) => t == e)], l = -1;
+  return l;
+}
+function Be(e, n = !1) {
+  const l = ["rl"], t = "zan-layer-drawer-anim zan-layer-anim";
+  return e === "l" || e === "lt" || e === "lb" ? l[0] = "lr" : e === "r" || e === "rt" || e === "rb" ? l[0] = "rl" : e === "t" || e === "tr" || e === "tl" ? l[0] = "tb" : (e === "b" || e === "br" || e === "bl") && (l[0] = "bt"), n ? `${t}-${l[0]}-close` : `${t}-${l[0]}`;
+}
+async function Oe(e, n) {
+  const l = new Image();
+  return l.src = e, new Promise((a, i) => {
+    if (l.complete) {
+      a(t(l));
+      return;
+    }
+    const c = L.load(2, { shadeOpacity: "0" });
+    l.onload = () => {
+      L.close(c), a(t(l));
+    }, l.onerror = () => {
+      L.close(c), L.msg("图片加载失败"), i(!1);
+    };
+  });
+  function t(a) {
+    const i = [a.width, a.height], c = [window.innerWidth - 250, window.innerHeight - 250];
+    if (i[0] > c[0] || i[1] > c[1]) {
+      const o = [i[0] / c[0], i[1] / c[1]];
+      o[0] > o[1] ? (i[0] = i[0] / o[0], i[1] = i[1] / o[0]) : o[0] < o[1] && (i[0] = i[0] / o[1], i[1] = i[1] / o[1]);
+    }
+    return [i[0] + "px", i[1] + "px"];
+  }
+}
+function me(e, n) {
+  const l = document.getElementsByClassName(e);
+  for (let t = 0; t < l.length; t++) {
+    const a = l[t];
+    if (a.id === n)
+      return a;
+  }
+}
+function ht(e, n, l) {
+  const t = ["lt", "lb", "rt", "rb"];
+  let a = "0", i = "0", o = 15;
+  window.NotifiyQueen = window.NotifiyQueen || [];
+  const s = window.NotifiyQueen;
+  (typeof e != "string" || t.indexOf(e) === -1) && (e = "rt");
+  const f = s.filter((u) => {
+    if (u.offset === e)
+      return u;
+  });
+  let r = f.length > 0 ? f[f.length - 1] : null;
+  if (r)
+    if (r = me("zan-layer", r.id), e === "rt" || e === "lt")
+      o += r.offsetHeight + parseFloat(r.style.top);
+    else {
+      const u = parseFloat(r.style.top.split(" - ")[1]);
+      o += r.offsetHeight + u;
+    }
+  else
+    (e === "rb" || e === "lb") && (o += parseFloat(n[1]));
+  return e === "rt" ? (a = o + "px", i = "calc(100% - " + (parseFloat(n[0]) + 15) + "px)") : e === "rb" ? (a = "calc(100% - " + o + "px)", i = "calc(100% - " + (parseFloat(n[0]) + 15) + "px)") : e === "lt" ? (a = o + "px", i = "15px") : e === "lb" && (a = "calc(100% - " + o + "px)", i = "15px"), s.push({
+    id: l,
+    offset: e
+  }), [a, i];
+}
+function gt(e) {
+  const n = me("zan-layer", e);
+  if (!n) return;
+  const l = 15, t = n.offsetHeight;
+  window.NotifiyQueen = window.NotifiyQueen || [];
+  const a = window.NotifiyQueen, i = a.findIndex((r) => r.id === e), c = a[i].offset, o = a.filter((r) => {
+    if (r.offset === c)
+      return r;
+  }), s = o.findIndex((r) => r.id === e);
+  o.slice(s + 1).forEach((r) => {
+    const u = me("zan-layer", r.id);
+    if (c === "rt" || c === "lt")
+      u.style.top = parseFloat(u.style.top) - l - t + "px";
+    else {
+      const y = parseFloat(u.style.top.split(" - ")[1]) - l - t;
+      u.style.top = "calc(100% - " + y + "px)";
+    }
+  }), a.splice(i, 1);
+}
+function xt(e) {
+  const n = "zan-layer-drawer-anim zan-layer-anim";
+  let l = "";
+  return e === "lt" || e === "lb" ? l = "lr" : l = "rl", `${n}-${l}`;
+}
+const bt = /* @__PURE__ */ A({
+  name: "Header",
+  __name: "Header",
+  props: {
+    title: { type: [String, Object, Symbol, Function, Boolean] },
+    titleStyle: { type: [String, Boolean, null, Object, Array] },
+    move: { type: Boolean }
+  },
+  setup(e) {
+    const n = e, l = I(() => [n.move ? "cursor: move" : "", n.titleStyle]);
+    return (t, a) => (d(), m("div", {
+      class: "zan-layer-title",
+      style: V(l.value)
+    }, [
+      ee(t.$slots, "default", {}, () => [
+        te(oe, {
+          render: () => x(ne)(e.title)
+        }, null, 8, ["render"])
+      ])
+    ], 4));
+  }
+}), zt = /* @__PURE__ */ A({
+  name: "Footer",
+  __name: "Footer",
+  props: {
+    footer: { type: [String, Object, Symbol, Function, Boolean] },
+    footerStyle: { type: [String, Boolean, null, Object, Array] }
+  },
+  setup(e) {
+    return (n, l) => (d(), m("div", {
+      class: "zan-layer-footer",
+      style: V(e.footerStyle)
+    }, [
+      ee(n.$slots, "default", {}, () => [
+        te(oe, {
+          render: () => x(ne)(e.footer)
+        }, null, 8, ["render"])
+      ])
+    ], 4));
+  }
+}), Ct = { class: "zan-layer-setwin" }, wt = { class: "zan-tooltip" }, kt = { class: "zan-tooltip" }, St = /* @__PURE__ */ A({
+  name: "HeaderBtn",
+  __name: "HeaderBtn",
+  props: {
+    maxmin: { type: Boolean },
+    min: { type: Boolean },
+    max: { type: Boolean },
+    closeBtn: { type: [String, Boolean], default: "1" }
+  },
+  emits: ["onMin", "onMax", "onClose"],
+  setup(e, { emit: n }) {
+    const l = e, t = n, a = () => {
+      t("onMin");
+    }, i = () => {
+      t("onMax");
+    }, c = () => {
+      t("onClose");
+    };
+    return (o, s) => (d(), m("span", Ct, [
+      l.maxmin && !l.max ? (d(), m("i", {
+        key: 0,
+        class: N(["zan-icon-btn", l.min ? "zan-icon-full" : "zan-icon-min"]),
+        onClick: re(a, ["stop"])
+      }, [
+        B("span", wt, P(l.min ? "还原" : "最小化"), 1)
+      ], 2)) : p("", !0),
+      l.maxmin && !l.min ? (d(), m("i", {
+        key: 1,
+        class: N(["zan-icon-btn", l.max ? "zan-icon-restore" : "zan-icon-max"]),
+        onClick: re(i, ["stop"])
+      }, [
+        B("span", kt, P(l.max ? "还原" : "最大化"), 1)
+      ], 2)) : p("", !0),
+      l.closeBtn ? (d(), m("i", {
+        key: 2,
+        class: N(["zan-icon-btn zan-icon-close-btn", `zan-layer-close${e.closeBtn}`]),
+        onClick: re(c, ["stop"])
+      }, [...s[0] || (s[0] = [
+        B("span", { class: "zan-tooltip" }, "关闭", -1)
+      ])], 2)) : p("", !0)
+    ]));
+  }
+}), Lt = (e, n) => {
+  const l = e.__vccOpts || e;
+  for (const [t, a] of n)
+    l[t] = a;
+  return l;
+}, $t = /* @__PURE__ */ Lt(St, [["__scopeId", "data-v-8d683fcb"]]), It = { class: "zan-layer-phimg" }, Bt = ["src"], Ot = {
+  key: 0,
+  class: "zan-layer-imgsee"
+}, Ft = {
+  key: 0,
+  class: "zan-layer-imguide"
+}, Ht = {
+  key: 0,
+  class: "thumb-row"
+}, Et = ["onClick"], Mt = ["src"], At = {
+  key: 1,
+  class: "zan-layer-imgtit"
+}, Dt = { key: 0 }, Nt = { key: 1 }, Vt = /* @__PURE__ */ A({
+  name: "Photos",
+  __name: "Photos",
+  props: {
+    imgList: {},
+    startIndex: { default: 0 }
+  },
+  emits: ["resetCalculationPohtosArea"],
+  setup(e, { emit: n }) {
+    const l = n, t = e, a = b(t.startIndex);
+    _(a, () => {
+      l("resetCalculationPohtosArea", a.value);
+    });
+    const i = (s) => {
+      let r = a.value + s;
+      r < 0 && (r = t.imgList.length - 1), r >= t.imgList.length && (r = 0), a.value = r;
+    }, c = b(!1);
+    ye(() => {
+      D(() => {
+        setTimeout(() => {
+          c.value = !0;
+        }, 400);
+      });
+    });
+    const o = I(() => {
+      let s = !1;
+      return t.imgList.forEach((f) => {
+        f.thumb && (s = !0);
+      }), s;
+    });
+    return (s, f) => (d(), m("div", It, [
+      B("img", {
+        src: e.imgList[a.value].src
+      }, null, 8, Bt),
+      e.imgList.length > 0 ? (d(), m("div", Ot, [
+        e.imgList.length > 1 ? (d(), m("span", Ft, [
+          B("a", {
+            href: "javascript:;",
+            class: "zan-layer-iconext zan-layer-imgprev",
+            onClick: f[0] || (f[0] = (r) => i(-1))
+          }, "‹"),
+          B("a", {
+            href: "javascript:;",
+            class: "zan-layer-iconext zan-layer-imgnext",
+            onClick: f[1] || (f[1] = (r) => i(1))
+          }, "›")
+        ])) : p("", !0),
+        e.imgList.length > 1 || e.imgList[a.value].alt ? (d(), m("div", {
+          key: 1,
+          class: "zan-layer-imgbar",
+          style: V({ opacity: c.value ? 1 : 0 })
+        }, [
+          o.value ? (d(), m("div", Ht, [
+            (d(!0), m(j, null, Ee(e.imgList, (r, u) => (d(), m("div", {
+              class: "thumb-box",
+              key: "thumb-box" + u,
+              onClick: (y) => a.value = u
+            }, [
+              B("img", {
+                src: r.thumb
+              }, null, 8, Mt)
+            ], 8, Et))), 128)),
+            B("div", {
+              class: "thumb-box-border",
+              style: V({
+                left: `calc(calc( calc(100% - ${100 * e.imgList.length}px) / 2) + ${a.value * 100}px)`
+              })
+            }, null, 4)
+          ])) : (d(), m("span", At, [
+            e.imgList[a.value].alt ? (d(), m("span", Dt, P(e.imgList[a.value].alt), 1)) : p("", !0),
+            e.imgList.length > 1 ? (d(), m("em", Nt, P(a.value + 1) + " / " + P(e.imgList.length), 1)) : p("", !0)
+          ]))
+        ], 4)) : p("", !0)
+      ])) : p("", !0)
+    ]));
+  }
+}), Pt = { class: "title" }, Tt = {
+  key: 0,
+  class: "content"
+}, _t = ["innerHTML"], jt = /* @__PURE__ */ A({
+  name: "Notifiy",
+  __name: "Notifiy",
+  props: {
+    title: {},
+    content: {},
+    isHtmlFragment: { type: Boolean, default: !1 },
+    icon: {},
+    iconClass: {}
+  },
+  emits: ["close"],
+  setup(e, { emit: n }) {
+    const l = e, t = n, a = at(null), i = () => {
+      t("close");
+    };
+    function c(o, s) {
+      let f = o.className, r = f != "" ? " " : "", u = f + r + s;
+      o.className = u;
+    }
+    return ye(() => {
+      D(() => {
+        setTimeout(() => {
+          var o, s, f, r;
+          (s = (o = a.value) == null ? void 0 : o.parentElement) != null && s.parentElement && c(
+            (r = (f = a.value) == null ? void 0 : f.parentElement) == null ? void 0 : r.parentElement,
+            "zan-layer-notifiy-transition"
+          );
+        }, 300);
+      });
+    }), (o, s) => (d(), m("div", {
+      class: "zan-layer-notifiy-wrapper",
+      ref_key: "notifyRef",
+      ref: a
+    }, [
+      B("h2", Pt, [
+        e.icon ? (d(), m("i", {
+          key: 0,
+          class: N(e.iconClass)
+        }, null, 2)) : p("", !0),
+        B("span", null, P(e.title), 1)
+      ]),
+      !e.isHtmlFragment && e.content ? (d(), m("div", Tt, [
+        te(oe, {
+          render: () => x(ne)(l.content)
+        }, null, 8, ["render"])
+      ])) : e.isHtmlFragment && e.content ? (d(), m("div", {
+        key: 1,
+        class: "content",
+        innerHTML: e.content
+      }, null, 8, _t)) : p("", !0),
+      B("i", {
+        class: "zan-icon-close",
+        onClick: i
+      }, [...s[0] || (s[0] = [
+        B("svg", {
+          viewBox: "0 0 1024 1024",
+          width: "16",
+          height: "16"
+        }, [
+          B("path", {
+            d: "M810.666667 273.493333L750.506667 213.333333 512 451.84 273.493333 213.333333 213.333333 273.493333 451.84 512 213.333333 750.506667 273.493333 810.666667 512 572.16 750.506667 810.666667 810.666667 750.506667 572.16 512z",
+            fill: "currentColor"
+          })
+        ], -1)
+      ])])
+    ], 512));
+  }
+}), Rt = ["maxlength", "placeholder"], Wt = ["type", "placeholder"], Xt = /* @__PURE__ */ A({
+  name: "Prompt",
+  __name: "Prompt",
+  props: {
+    promptValue: {},
+    formType: { default: "text" },
+    maxLength: {},
+    placeholder: { default: "" }
+  },
+  emits: ["update:promptValue"],
+  setup(e, { emit: n }) {
+    const l = e, t = b(l.promptValue), a = I(() => {
+      switch (typeof l.formType) {
+        case "string":
+          return l.formType === "textarea";
+        case "number":
+          return l.formType === 2;
+        default:
+          return !1;
+      }
+    }), i = I(
+      () => l.formType == 1 || l.formType == "password"
+    );
+    return (c, o) => a.value ? ke((d(), m("textarea", {
+      key: 0,
+      onInput: o[0] || (o[0] = (s) => c.$emit("update:promptValue", t.value)),
+      "onUpdate:modelValue": o[1] || (o[1] = (s) => t.value = s),
+      maxlength: l.maxLength,
+      placeholder: l.placeholder,
+      class: "zan-textarea"
+    }, null, 40, Rt)), [
+      [ot, t.value]
+    ]) : ke((d(), m("input", {
+      key: 1,
+      onInput: o[2] || (o[2] = (s) => c.$emit("update:promptValue", t.value)),
+      "onUpdate:modelValue": o[3] || (o[3] = (s) => t.value = s),
+      type: i.value ? "password" : "text",
+      placeholder: l.placeholder,
+      class: "zan-input"
+    }, null, 40, Wt)), [
+      [st, t.value]
+    ]);
+  }
+});
+function Yt(e) {
+  for (; e && e.parentNode; )
+    if (e = e.parentNode, e && getComputedStyle(e).position === "relative")
+      return e;
+  return null;
+}
+const ae = (e) => {
+  document.querySelectorAll(".zan-layer iframe").forEach((l) => {
+    l.style.pointerEvents = e;
+  });
+}, Qt = function(e, n, l, t, a) {
+  let i, c, o = 0, s = 0, f = !0;
+  e != null && e.addEventListener("mousedown", function(r) {
+    if ((r.composedPath && r.composedPath() || r.path)[0].className === "zan-layer-title" && r.button == 0 && e != null) {
+      ae("none");
+      const y = getComputedStyle(e);
+      i = r.pageX - e.offsetLeft + parseInt(y["margin-left"]), c = r.pageY - e.offsetTop + parseInt(y["margin-right"]), o = r.clientX, s = r.clientY, document.body.style.userSelect = "none", document.body.style.cursor = "move";
+      const $ = function(C) {
+        if (e != null) {
+          (C.clientX - o != 0 || C.clientY - s != 0) && f && (f = !1, a());
+          let h = C.pageX - i, g = C.pageY - c;
+          const k = document.documentElement.clientWidth, S = document.documentElement.clientHeight;
+          if (!n) {
+            let O = k - e.offsetWidth, F = S - e.offsetHeight;
+            if (e.style.position === "absolute") {
+              const E = Yt(e);
+              E != null && (O = E.clientWidth - e.offsetWidth, F = E.clientHeight - e.offsetHeight);
+            }
+            h < 0 ? h = 0 : h > O && (h = O), g < 0 ? g = 0 : g > F && (g = F);
+          }
+          e.style.top = g + "px", e.style.left = h + "px", l(e.style.left, e.style.top);
+        }
+        return !1;
+      }, H = function() {
+        f = !0, document.body.style.userSelect = "", document.body.style.cursor = "", t(), ae("auto"), document.removeEventListener("mousemove", $), document.removeEventListener("mouseup", H);
+      };
+      document.addEventListener("mousemove", $, { passive: !1 }), document.addEventListener("mouseup", H);
+    }
+    return !1;
+  });
+}, Gt = function(e, n, l, t) {
+  let a = 0, i = 0, c = !0;
+  e != null && e.addEventListener("mousedown", function(o) {
+    if ((o.composedPath && o.composedPath() || o.path)[0].className === "zan-layer-resize" && o.button == 0 && e != null) {
+      ae("none");
+      const f = e.getBoundingClientRect(), r = f.left, u = f.top;
+      a = o.clientX, i = o.clientY, document.body.style.userSelect = "none", document.body.style.cursor = "se-resize";
+      const y = function(H) {
+        var C;
+        if (window.getSelection != null && ((C = window.getSelection()) == null || C.removeAllRanges()), e != null) {
+          const h = H.clientX, g = H.clientY;
+          (h - a != 0 || g - i != 0) && c && (c = !1, t());
+          let k = h - r, S = g - u;
+          k < 260 && (k = 260), S < 115 && (S = 115), e.style.width = k + "px", e.style.height = S + "px", n(e.style.width, e.style.height);
+        }
+        return !1;
+      };
+      document.addEventListener("mousemove", y, { passive: !1 });
+      const $ = function() {
+        c = !0, document.body.style.userSelect = "", document.body.style.cursor = "", l(), ae("auto"), document.removeEventListener("mousemove", y), document.removeEventListener("mouseup", $);
+      };
+      document.addEventListener("mouseup", $);
+    }
+    return !1;
+  });
+}, Ut = Symbol("zIndex");
+let Zt = 99999;
+function Fe() {
+  return ++Zt;
+}
+const qt = ["id"], Kt = {
+  key: 1,
+  class: "slot-fragment"
+}, Jt = ["innerHTML"], en = ["onClick"], tn = {
+  key: 2,
+  class: "zan-layer-resize"
+}, ve = /* @__PURE__ */ A({
+  name: "ZanLayer",
+  __name: "ZanLayer",
+  props: {
+    modelValue: { type: Boolean, default: !1 },
+    type: { default: 1 },
+    title: { type: [String, Object, Symbol, Function, Boolean], default: "标题" },
+    footer: { type: [String, Object, Symbol, Function, Boolean] },
+    titleStyle: { type: [String, Boolean, null, Object, Array], default: "" },
+    footerStyle: { type: [String, Boolean, null, Object, Array] },
+    content: {},
+    isHtmlFragment: { type: Boolean, default: !1 },
+    offset: { default: () => "auto" },
+    area: { default: () => "auto" },
+    move: { type: Boolean, default: !0 },
+    maxmin: { type: Boolean, default: !1 },
+    resize: { type: Boolean, default: !1 },
+    shade: { type: Boolean, default: !0 },
+    shadeClose: { type: Boolean, default: !0 },
+    shadeStyle: { type: [Boolean, null, String, Object, Array] },
+    shadeOpacity: { default: "0.1" },
+    layerClasses: {},
+    zIndex: {},
+    closeBtn: { type: [Boolean, String], default: "1" },
+    btn: {},
+    btnAlign: { default: "r" },
+    anim: { default: 0 },
+    isOutAnim: { type: Boolean, default: !0 },
+    icon: {},
+    imgList: { default: () => [] },
+    startIndex: { default: 0 },
+    animDuration: { default: "0.3s" },
+    moveOut: { type: Boolean, default: !1 },
+    teleport: { default: "body" },
+    teleportDisabled: { type: Boolean, default: !1 },
+    lastPosition: { type: Boolean, default: !0 },
+    time: { default: 0 },
+    load: { default: 0 },
+    yesText: { default: "确定" },
+    formType: { default: "text" },
+    value: { default: "" },
+    maxLength: {},
+    placeholder: { default: "请输入内容" },
+    isMessage: { type: Boolean, default: !1 },
+    id: {},
+    isFunction: { type: Boolean, default: !1 },
+    appContext: {},
+    success: { type: Function, default: () => {
+    } },
+    end: { type: Function, default: () => {
+    } },
+    yes: {},
+    beforeClose: { type: Function, default: () => !0 },
+    close: { type: Function, default: () => {
+    } },
+    min: { type: Function, default: () => {
+    } },
+    full: { type: Function, default: () => {
+    } },
+    revert: { type: Function, default: () => {
+    } },
+    moveStart: { type: Function, default: () => {
+    } },
+    moving: { type: Function, default: () => {
+    } },
+    moveEnd: { type: Function, default: () => {
+    } },
+    resizeStart: { type: Function, default: () => {
+    } },
+    resizing: { type: Function, default: () => {
+    } },
+    resizeEnd: { type: Function, default: () => {
+    } },
+    internalDestroy: {}
+  },
+  emits: ["close", "update:modelValue"],
+  setup(e, { expose: n, emit: l }) {
+    const t = e, a = l, i = it(), c = b(!1), o = b(!1), s = b(t.id || Me()), f = b(null), r = b(), u = pt(t.type), y = b(
+      vt(t.type, t.area, t.offset)
+    ), $ = b(
+      de(t.offset, y.value, u)
+    ), H = b(99999), C = b(!1), h = b(y.value[0]), g = b(y.value[1]), k = b($.value[0]), S = b($.value[1]), O = b(""), F = b(""), E = b(""), R = b(""), G = b(t.value);
+    _(
+      () => t.value,
+      () => {
+        G.value = t.value;
+      }
+    );
+    const pe = () => {
+      H.value = t.zIndex ?? Fe();
+    };
+    _(
+      () => t.zIndex,
+      () => {
+        pe();
+      },
+      { immediate: !0 }
+    );
+    const he = function() {
+      D(async () => {
+        u == 4 && (y.value = Ae(t.offset, t.area)), u == 5 && (y.value = await Oe(
+          t.imgList[t.startIndex].src
+        ));
+        let v = y.value;
+        (v[0] == null || v[1] == null) && (v = Ie(f.value)), u == 6 && ($.value = ht(t.offset, v, s.value)), U(), we(), Ve();
+      });
+    }, De = function() {
+      o.value && ze(), c.value && xe(), O.value = "", F.value = "", E.value = "", R.value = "";
+    }, ge = () => {
+      E.value = k.value, R.value = S.value, O.value = h.value, F.value = g.value, h.value = Le().w, g.value = Le().h, k.value = $e().t, S.value = $e().l;
+    }, xe = () => {
+      c.value ? (X(), h.value = O.value, g.value = F.value, t.revert(s.value)) : (Y(), ge(), t.full(s.value)), c.value = !c.value;
+    }, be = () => {
+      let ue = 10 + 190 * q(s.value, !0);
+      const nt = document.documentElement.clientWidth;
+      ue + 180 > nt && (ue = 10), O.value = h.value, F.value = g.value, E.value = k.value, R.value = S.value, g.value = "51px", h.value = "180px", k.value = "calc(100% - 51px)", S.value = ue + "px";
+    }, ze = async () => {
+      o.value ? (X(), q(s.value, !1), h.value = O.value, g.value = F.value, t.revert(s.value)) : (Y(), be(), t.min(s.value)), o.value = !o.value;
+    };
+    _(
+      () => t.modelValue,
+      () => {
+        C.value = t.modelValue, C.value ? (he(), pe()) : De();
+      },
+      { deep: !0, immediate: !0 }
+    ), _(
+      () => C.value,
+      () => {
+        C.value && (t.isFunction && he(), D(() => {
+          t.success(s.value);
+        }));
+      },
+      { immediate: !0, flush: "post" }
+    ), _(
+      () => C.value,
+      () => {
+        C.value || t.end(s.value);
+      }
+    );
+    const Ne = I(() => [
+      {
+        "zan-layer-dialog": u === 0 || u === 7,
+        "zan-layer-page": u === 1,
+        "zan-layer-iframe": u === 2,
+        "zan-layer-loading": u === 3,
+        "zan-layer-drawer": u === 4,
+        "zan-layer-photos": u === 5,
+        "zan-layer-notifiy": u === 6,
+        "zan-layer-msg": t.isMessage,
+        "zan-layer-hui": t.isMessage && !t.icon
+      },
+      t.layerClasses
+    ]), Ve = function() {
+      t.move && u != 4 && D(() => {
+        f.value && (Qt(
+          f.value,
+          t.moveOut,
+          (v, z) => {
+            S.value = v, k.value = z, o.value || (R.value = v, E.value = z), t.moving(s.value, { top: z, left: v });
+          },
+          () => {
+            const v = {
+              left: S.value,
+              top: k.value,
+              isMin: o.value,
+              isMax: c.value
+            }, [z, w] = t.moveEnd(s.value, v) || [];
+            w && z && (S.value = z, k.value = w);
+          },
+          () => {
+            t.moveStart(s.value);
+          }
+        ), Gt(
+          f.value,
+          (v, z) => {
+            g.value = z, h.value = v, F.value = z, O.value = v, t.resizing(s.value, { width: v, height: z });
+          },
+          () => {
+            const v = {
+              width: h.value,
+              height: g.value
+            }, [z, w] = t.resizeEnd(s.value, v) || [];
+            z && w && (h.value = z, g.value = w);
+          },
+          () => {
+            t.resizeStart(s.value);
+          }
+        ));
+      });
+    }, Pe = I(() => ({
+      position: t.teleportDisabled || t.teleport != "body" ? "absolute" : "fixed",
+      top: k.value,
+      left: S.value,
+      height: g.value,
+      width: h.value,
+      animationDuration: t.animDuration,
+      zIndex: H.value
+    })), Te = I(() => [
+      u === 3 ? `zan-layer-loading${t.load}` : "",
+      t.icon ? "zan-layer-padding" : ""
+    ]), le = () => {
+      if (typeof t.beforeClose == "function") {
+        const v = t.beforeClose(s.value);
+        (v === void 0 || v != null && v === !0) && (t.close(s.value), a("close"), a("update:modelValue", !1), t.internalDestroy && t.internalDestroy(), o.value && q(s.value, !o.value));
+      }
+    }, _e = (...v) => {
+      typeof t.yes == "function" ? t.yes(...v) : le();
+    }, je = () => {
+      t.shadeClose && le();
+    }, Ce = I(() => ["zan-icon", `zan-icon-ico${t.icon}`]), Re = I(() => u === 4 ? Be(t.offset) : u === 6 ? xt(t.offset) : `zan-layer-anim-0${t.anim}`), We = I(() => u === 4 ? Be(t.offset, !0) : t.isOutAnim ? "zan-layer-anim-close" : ""), Xe = () => {
+      C.value = !0;
+    }, Ye = () => {
+      C.value = !1, u === 6 && gt(s.value);
+    }, Qe = I(() => C.value && t.shade && !o.value), Ge = I(() => t.resize && !c.value && !o.value), Ue = I(() => t.title && u != 3 && u != 5 && u != 6), Ze = function(v) {
+      D(async () => {
+        y.value = await Oe(t.imgList[v].src), $.value = de(t.offset, y.value, u), h.value = y.value[0], g.value = y.value[1], k.value = $.value[0], S.value = $.value[1], O.value = y.value[0], F.value = y.value[1];
+      });
+    }, qe = function() {
+      t.zIndex || (H.value = Fe());
+    };
+    ye(() => {
+      X();
+    }), ut(() => {
+      Y();
+    }), _(
+      () => t.modelValue,
+      () => {
+        t.modelValue ? X() : Y();
+      }
+    );
+    let W;
+    const X = function() {
+      D(() => {
+        r.value && !W && u != 6 && (W = new ResizeObserver((v) => {
+          f.value && ($.value = de(
+            t.offset,
+            Ie(f.value),
+            u
+          ), U(!0));
+        }), W.observe(r.value));
+      });
+    }, Y = function() {
+      W && r.value && (W.unobserve(r.value), W = void 0);
+    }, U = function(v = !1) {
+      k.value = v && t.lastPosition && E.value || $.value[0], S.value = v && t.lastPosition && R.value || $.value[1];
+    }, we = function() {
+      h.value = y.value[0], g.value = y.value[1], O.value = y.value[0], F.value = y.value[1];
+    }, Ke = function() {
+      X(), q(s.value, !1), o.value = !1, c.value = !1, E.value = "", R.value = "", U(), we(), t.modelValue || a("update:modelValue", !0);
+    }, Je = async function() {
+      o.value && (se(), U(!0)), c.value || (await D(), Y(), ge(), c.value = !0);
+    }, et = async function() {
+      c.value && (se(), U(!0)), o.value || (await D(), Y(), be(), o.value = !0);
+    }, se = () => {
+      X(), q(s.value, !1), o.value = !1, c.value = !1, h.value = O.value, g.value = F.value;
+    };
+    return n({ reset: Ke, open: Xe, close: Ye, full: Je, min: et, revert: se }), (v, z) => (d(), M(rt, {
+      to: e.teleport,
+      disabled: e.teleportDisabled
+    }, [
+      te(dt, {
+        index: H.value,
+        "shade-style": e.shadeStyle,
+        visible: Qe.value,
+        opacity: e.shadeOpacity,
+        teleport: e.teleport,
+        teleportDisabled: e.teleportDisabled,
+        onShadeClick: je
+      }, null, 8, ["index", "shade-style", "visible", "opacity", "teleport", "teleportDisabled"]),
+      te(ct, {
+        "enter-active-class": Re.value,
+        "leave-active-class": We.value
+      }, {
+        default: ce(() => [
+          C.value ? (d(), m("div", {
+            key: 0,
+            ref_key: "layerRef",
+            ref: f,
+            class: N(["zan-layer zan-layer-border", [Ne.value, { "zan-layer-min": o.value }]]),
+            id: s.value,
+            style: V(Pe.value)
+          }, [
+            Ue.value ? (d(), M(bt, {
+              key: 0,
+              title: e.title,
+              titleStyle: e.titleStyle,
+              move: e.move,
+              onMousedown: qe
+            }, {
+              default: ce(() => [
+                ee(v.$slots, "title")
+              ]),
+              _: 3
+            }, 8, ["title", "titleStyle", "move"])) : p("", !0),
+            B("div", {
+              ref_key: "contentRef",
+              ref: r,
+              class: N(["zan-layer-content", Te.value]),
+              style: V(o.value === !0 ? "display:none" : "")
+            }, [
+              x(u) === 0 || x(u) === 1 || x(u) === 4 ? (d(), m(j, { key: 0 }, [
+                e.icon ? (d(), m("i", {
+                  key: 0,
+                  class: N(Ce.value)
+                }, null, 2)) : p("", !0),
+                x(i).default ? (d(), m("div", Kt, [
+                  ee(v.$slots, "default")
+                ])) : (d(), m(j, { key: 2 }, [
+                  e.isHtmlFragment ? (d(), m("div", {
+                    key: 0,
+                    class: "html-fragment",
+                    innerHTML: x(ne)(t.content)
+                  }, null, 8, Jt)) : (d(), m(j, { key: 1 }, [
+                    t.content ? (d(), M(oe, {
+                      key: 0,
+                      render: () => x(ne)(t.content)
+                    }, null, 8, ["render"])) : p("", !0)
+                  ], 64))
+                ], 64))
+              ], 64)) : p("", !0),
+              x(u) === 7 ? (d(), M(Xt, {
+                key: 1,
+                "prompt-value": G.value,
+                "onUpdate:promptValue": z[0] || (z[0] = (w) => G.value = w),
+                formType: t.formType,
+                maxLength: t.maxLength,
+                placeholder: t.placeholder
+              }, null, 8, ["prompt-value", "formType", "maxLength", "placeholder"])) : p("", !0),
+              x(u) === 2 ? (d(), M(mt, {
+                key: 2,
+                src: t.content
+              }, null, 8, ["src"])) : p("", !0),
+              x(u) === 5 ? (d(), M(Vt, {
+                key: 3,
+                imgList: t.imgList,
+                startIndex: t.startIndex,
+                onResetCalculationPohtosArea: Ze
+              }, null, 8, ["imgList", "startIndex"])) : p("", !0),
+              x(u) === 6 ? (d(), M(jt, {
+                key: 4,
+                onClose: le,
+                title: t.title,
+                content: t.content,
+                isHtmlFragment: t.isHtmlFragment,
+                icon: t.icon,
+                iconClass: Ce.value
+              }, null, 8, ["title", "content", "isHtmlFragment", "icon", "iconClass"])) : p("", !0)
+            ], 6),
+            x(u) != 3 && x(u) != 5 && x(u) != 6 ? (d(), M($t, {
+              key: 1,
+              maxmin: e.maxmin,
+              max: c.value,
+              min: o.value,
+              closeBtn: e.closeBtn,
+              onOnMin: ze,
+              onOnMax: xe,
+              onOnClose: le
+            }, null, 8, ["maxmin", "max", "min", "closeBtn"])) : p("", !0),
+            B("div", {
+              style: V(o.value === !0 ? "display:none" : "")
+            }, [
+              x(i).footer || t.footer ? (d(), M(zt, {
+                key: 0,
+                footer: t.footer,
+                footerStyle: t.footerStyle
+              }, {
+                default: ce(() => [
+                  ee(v.$slots, "footer")
+                ]),
+                _: 3
+              }, 8, ["footer", "footerStyle"])) : (d(), m(j, { key: 1 }, [
+                (e.btn && e.btn.length > 0 || x(u) === 0 || x(u) === 7) && !e.isMessage ? (d(), m("div", {
+                  key: 0,
+                  class: N(["zan-layer-btn", [`zan-layer-btn-${e.btnAlign}`]])
+                }, [
+                  e.btn && e.btn.length > 0 ? (d(!0), m(j, { key: 0 }, Ee(e.btn, (w, ie) => (d(), m("a", {
+                    key: ie,
+                    style: V(w.style),
+                    class: N([
+                      w.class,
+                      `zan-layer-btn${ie}`,
+                      { "zan-layer-btn-disabled": w.disabled }
+                    ]),
+                    onClick: (tt) => !w.disabled && (x(u) === 7 ? w.callback(s.value, G.value) : w.callback(s.value))
+                  }, P(w.text), 15, en))), 128)) : (d(), m(j, { key: 1 }, [
+                    x(u) === 0 || x(u) === 7 ? (d(), m("a", {
+                      key: 0,
+                      class: "zan-layer-btn0",
+                      onClick: z[1] || (z[1] = (w) => _e(s.value, G.value))
+                    }, P(e.yesText), 1)) : p("", !0)
+                  ], 64))
+                ], 2)) : p("", !0)
+              ], 64))
+            ], 4),
+            Ge.value ? (d(), m("span", tn)) : p("", !0)
+          ], 14, qt)) : p("", !0)
+        ]),
+        _: 3
+      }, 8, ["enter-active-class", "leave-active-class"])
+    ], 8, ["to", "disabled"]));
+  }
+}), T = [], nn = (e) => {
+  T.push(e);
+}, fe = (e) => {
+  T.forEach((n, l) => {
+    n.modalContainer.id === e && T.splice(l, 1);
+  });
+}, ln = () => {
+  T.splice(0, T.length);
+}, K = (e) => {
+  let n = !1;
+  return T.forEach((l, t) => {
+    l.modalContainer.id == e && (n = !0);
+  }), n;
+}, J = (e) => {
+  let n = null;
+  return T.forEach((l, t) => {
+    l.modalContainer.id === e && (n = l);
+  }), n;
+}, an = (e, n) => (e && (n = Object.assign(n, e)), n), on = (e) => {
+  const n = document.createElement("div");
+  return n.id = e.id, document.body.appendChild(n), n;
+}, sn = (e) => typeof e == "function" ? Se(e()) ? { default: () => e() } : void 0 : Se(e) ? { default: () => e } : void 0, L = {
+  _context: null,
+  // 打开弹窗
+  open: (e) => {
+    const n = {};
+    return L.create(e, n);
+  },
+  // 抽屉
+  drawer: (e) => {
+    const n = {
+      type: "drawer"
+    };
+    return L.create(e, n);
+  },
+  // 消息
+  msg: (e, n = {}, l) => {
+    const t = {
+      type: 0,
+      title: !1,
+      content: e,
+      shadeClose: !1,
+      closeBtn: !1,
+      isMessage: !0,
+      shade: !1,
+      btn: void 0,
+      time: 2e3
+    };
+    return L.create(n, t, l);
+  },
+  // 加载
+  load: (e = 0, n = {}) => {
+    const l = {
+      type: 3,
+      load: e,
+      anim: 5,
+      isOutAnim: !1,
+      shadeClose: !1,
+      shade: !0,
+      shadeOpacity: "0.3"
+    };
+    return L.create(n, l);
+  },
+  // 确认
+  confirm: (e, n = {}) => {
+    const l = {
+      type: 0,
+      content: e,
+      shadeClose: !1
+    };
+    return L.create(n, l);
+  },
+  // 通知
+  notify: (e, n) => {
+    e.type = 6;
+    const l = {
+      offset: "rt",
+      time: 3e3,
+      area: "auto",
+      shade: !1
+    };
+    return L.create(e, l, n);
+  },
+  // 图片预览
+  photos: (e) => {
+    typeof e == "string" && (e = {
+      imgList: [{ src: e }]
+    });
+    const n = {
+      type: 5,
+      anim: 2,
+      startIndex: 0,
+      isOutAnim: !0,
+      shadeClose: !0,
+      shadeOpacity: "0.2"
+    };
+    return L.create(e, n);
+  },
+  // 输入层
+  prompt: (e) => {
+    e.type = 7;
+    const n = {
+      type: "prompt",
+      shadeClose: !1,
+      shadeOpacity: "0.2"
+    };
+    return L.create(e, n);
+  },
+  // 创建弹窗
+  create: (e, n, l) => {
+    var o, s;
+    let t;
+    const a = an(e, n);
+    a.hasOwnProperty("id") ? L.close(a.id) : a.id = Me();
+    const i = on(a), c = He(
+      ve,
+      {
+        ...a,
+        isFunction: !0,
+        internalDestroy() {
+          var f, r;
+          t && clearTimeout(t), (r = (f = c.component) == null ? void 0 : f.exposed) == null || r.close(), setTimeout(() => {
+            Z(null, i), document.body.contains(i) && document.body.removeChild(i);
+          }, 500), fe(i.id);
+        }
+      },
+      sn(a.content)
+    );
+    return c.appContext = a.appContext || L._context, Z(c, i), (s = (o = c.component) == null ? void 0 : o.exposed) == null || s.open(), n && n.time != null && n.time != 0 && (t = setTimeout(() => {
+      var f, r;
+      (r = (f = c.component) == null ? void 0 : f.exposed) == null || r.close(), l && l(i.id), setTimeout(() => {
+        Z(null, i), document.body.contains(i) && document.body.removeChild(i);
+      }, 500), fe(i.id);
+    }, n.time)), nn({ modalContainer: i, modalInstance: c }), i.id;
+  },
+  // 关闭弹窗
+  close: (e) => {
+    var n, l;
+    if (e != null && K(e)) {
+      const t = J(e);
+      (l = (n = t.modalInstance.component) == null ? void 0 : n.exposed) == null || l.close(), setTimeout(() => {
+        Z(null, t.modalContainer), document.body.contains(t.modalContainer) && document.body.removeChild(t.modalContainer);
+      }, 500);
+    }
+    fe(e);
+  },
+  // 关闭所有弹窗
+  closeAll: () => {
+    T.forEach((e) => {
+      var n, l;
+      (l = (n = e.modalInstance.component) == null ? void 0 : n.exposed) == null || l.close(), setTimeout(() => {
+        Z(null, e.modalContainer), document.body.contains(e.modalContainer) && document.body.removeChild(e.modalContainer);
+      }, 500);
+    }), ln();
+  },
+  // 重置位置
+  reset: (e) => {
+    var n, l;
+    e != null && K(e) && ((l = (n = J(e).modalInstance.component) == null ? void 0 : n.exposed) == null || l.reset());
+  },
+  // 最小化
+  min: (e) => {
+    var n, l;
+    e != null && K(e) && ((l = (n = J(e).modalInstance.component) == null ? void 0 : n.exposed) == null || l.min());
+  },
+  // 最大化
+  full: (e) => {
+    var n, l;
+    e != null && K(e) && ((l = (n = J(e).modalInstance.component) == null ? void 0 : n.exposed) == null || l.full());
+  },
+  // 复原最小/最大化
+  revert: (e) => {
+    var n, l;
+    e != null && K(e) && ((l = (n = J(e).modalInstance.component) == null ? void 0 : n.exposed) == null || l.revert());
+  }
+}, un = (e, n) => {
+  L._context = e._context, e.component(ve.name, ve), e.config.globalProperties.$layer = L, n && typeof n.zIndex == "number" && e.provide(Ut, b(n.zIndex));
+}, cn = { install: un };
+export {
+  ve as ZanLayer,
+  cn as default,
+  L as layer,
+  L as zanLayer
+};