zan-layer 1.0.0 → 1.0.2

package/lib/zan-layer.js

@@ -1,5 +1,5 @@
-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({
+import { defineComponent as M, computed as I, openBlock as d, createElementBlock as m, normalizeStyle as V, createCommentVNode as p, 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 j, onMounted as ye, nextTick as D, Fragment as R, renderList as Ee, shallowRef as lt, withDirectives as ke, vModelText as at, vModelDynamic as ot, useSlots as st, onUnmounted as it, createBlock as A, Teleport as ut, Transition as rt, withCtx as ce, render as Z, isVNode as Se } from "vue";
+const ct = /* @__PURE__ */ M({
   name: "Shade",
   __name: "Shade",
   props: {
@@ -29,7 +29,7 @@ const dt = /* @__PURE__ */ A({
       onClick: i
     }, null, 4)) : p("", !0);
   }
-}), ft = ["src"], mt = /* @__PURE__ */ A({
+}), dt = ["src"], ft = /* @__PURE__ */ M({
   name: "Iframe",
   __name: "Iframe",
   props: {
@@ -43,17 +43,18 @@ const dt = /* @__PURE__ */ A({
       allowtransparency: "true",
       frameborder: "0",
       src: l.value
-    }, null, 8, ft));
+    }, null, 8, dt));
   }
-}), oe = /* @__PURE__ */ A({
+}), oe = M({
   name: "ZanRender",
-  __name: "Render",
   props: {
-    render: { type: Function }
+    render: {
+      type: Function,
+      required: !0
+    }
   },
   setup(e) {
-    const n = e;
-    return (l, t) => (d(), M(lt(n.render())));
+    return () => e.render();
   }
 }), ne = function(e) {
   return typeof e == "function" ? e() : typeof e == "string" ? He("span", e) : e;
@@ -64,16 +65,16 @@ function Me() {
     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 mt(e, n, l) {
+  return e != "drawer" && e != 4 ? vt(n) : Ae(l, n);
 }
-function yt(e) {
+function vt(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) {
+function de(e = "auto", n, l) {
   const t = [
     "t",
     "r",
@@ -88,9 +89,9 @@ function de(e, n, l) {
     "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;
+  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)") : e && e[0] !== void 0 && e[1] !== void 0 ? (a[0] = e[0], a[1] = e[1]) : (a[0] = "calc(50% - " + n[1] + "/2)", a[1] = "calc(50% - " + n[0] + "/2)"), a;
 }
-function pt(e) {
+function yt(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() {
@@ -149,7 +150,7 @@ function me(e, n) {
       return a;
   }
 }
-function ht(e, n, l) {
+function pt(e, n, l) {
   const t = ["lt", "lb", "rt", "rb"];
   let a = "0", i = "0", o = 15;
   window.NotifiyQueen = window.NotifiyQueen || [];
@@ -174,7 +175,7 @@ function ht(e, n, l) {
     offset: e
   }), [a, i];
 }
-function gt(e) {
+function ht(e) {
   const n = me("zan-layer", e);
   if (!n) return;
   const l = 15, t = n.offsetHeight;
@@ -193,12 +194,12 @@ function gt(e) {
     }
   }), a.splice(i, 1);
 }
-function xt(e) {
+function gt(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({
+const xt = /* @__PURE__ */ M({
   name: "Header",
   __name: "Header",
   props: {
@@ -219,7 +220,7 @@ const bt = /* @__PURE__ */ A({
       ])
     ], 4));
   }
-}), zt = /* @__PURE__ */ A({
+}), bt = /* @__PURE__ */ M({
   name: "Footer",
   __name: "Footer",
   props: {
@@ -238,7 +239,7 @@ const bt = /* @__PURE__ */ A({
       ])
     ], 4));
   }
-}), Ct = { class: "zan-layer-setwin" }, wt = { class: "zan-tooltip" }, kt = { class: "zan-tooltip" }, St = /* @__PURE__ */ A({
+}), zt = { class: "zan-layer-setwin" }, Ct = { class: "zan-tooltip" }, wt = { class: "zan-tooltip" }, kt = /* @__PURE__ */ M({
   name: "HeaderBtn",
   __name: "HeaderBtn",
   props: {
@@ -256,20 +257,20 @@ const bt = /* @__PURE__ */ A({
     }, c = () => {
       t("onClose");
     };
-    return (o, s) => (d(), m("span", Ct, [
+    return (o, s) => (d(), m("span", zt, [
       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)
+        B("span", Ct, 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)
+        B("span", wt, P(l.max ? "还原" : "最大化"), 1)
       ], 2)) : p("", !0),
       l.closeBtn ? (d(), m("i", {
         key: 2,
@@ -280,24 +281,24 @@ const bt = /* @__PURE__ */ A({
       ])], 2)) : p("", !0)
     ]));
   }
-}), Lt = (e, n) => {
+}), St = (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 = {
+}, Lt = /* @__PURE__ */ St(kt, [["__scopeId", "data-v-8d683fcb"]]), $t = { class: "zan-layer-phimg" }, It = ["src"], Bt = {
   key: 0,
   class: "zan-layer-imgsee"
-}, Ft = {
+}, Ot = {
   key: 0,
   class: "zan-layer-imguide"
-}, Ht = {
+}, Ft = {
   key: 0,
   class: "thumb-row"
-}, Et = ["onClick"], Mt = ["src"], At = {
+}, Ht = ["onClick"], Et = ["src"], Mt = {
   key: 1,
   class: "zan-layer-imgtit"
-}, Dt = { key: 0 }, Nt = { key: 1 }, Vt = /* @__PURE__ */ A({
+}, At = { key: 0 }, Dt = { key: 1 }, Nt = /* @__PURE__ */ M({
   name: "Photos",
   __name: "Photos",
   props: {
@@ -307,7 +308,7 @@ const bt = /* @__PURE__ */ A({
   emits: ["resetCalculationPohtosArea"],
   setup(e, { emit: n }) {
     const l = n, t = e, a = b(t.startIndex);
-    _(a, () => {
+    j(a, () => {
       l("resetCalculationPohtosArea", a.value);
     });
     const i = (s) => {
@@ -327,12 +328,12 @@ const bt = /* @__PURE__ */ A({
         f.thumb && (s = !0);
       }), s;
     });
-    return (s, f) => (d(), m("div", It, [
+    return (s, f) => (d(), m("div", $t, [
       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, [
+      }, null, 8, It),
+      e.imgList.length > 0 ? (d(), m("div", Bt, [
+        e.imgList.length > 1 ? (d(), m("span", Ot, [
           B("a", {
             href: "javascript:;",
             class: "zan-layer-iconext zan-layer-imgprev",
@@ -349,34 +350,34 @@ const bt = /* @__PURE__ */ A({
           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", {
+          o.value ? (d(), m("div", Ft, [
+            (d(!0), m(R, 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)),
+              }, null, 8, Et)
+            ], 8, Ht))), 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)
+          ])) : (d(), m("span", Mt, [
+            e.imgList[a.value].alt ? (d(), m("span", At, P(e.imgList[a.value].alt), 1)) : p("", !0),
+            e.imgList.length > 1 ? (d(), m("em", Dt, P(a.value + 1) + " / " + P(e.imgList.length), 1)) : p("", !0)
           ]))
         ], 4)) : p("", !0)
       ])) : p("", !0)
     ]));
   }
-}), Pt = { class: "title" }, Tt = {
+}), Vt = { class: "title" }, Pt = {
   key: 0,
   class: "content"
-}, _t = ["innerHTML"], jt = /* @__PURE__ */ A({
+}, Tt = ["innerHTML"], jt = /* @__PURE__ */ M({
   name: "Notifiy",
   __name: "Notifiy",
   props: {
@@ -388,7 +389,7 @@ const bt = /* @__PURE__ */ A({
   },
   emits: ["close"],
   setup(e, { emit: n }) {
-    const l = e, t = n, a = at(null), i = () => {
+    const l = e, t = n, a = lt(null), i = () => {
       t("close");
     };
     function c(o, s) {
@@ -410,14 +411,14 @@ const bt = /* @__PURE__ */ A({
       ref_key: "notifyRef",
       ref: a
     }, [
-      B("h2", Pt, [
+      B("h2", Vt, [
         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, [
+      !e.isHtmlFragment && e.content ? (d(), m("div", Pt, [
         te(oe, {
           render: () => x(ne)(l.content)
         }, null, 8, ["render"])
@@ -425,7 +426,7 @@ const bt = /* @__PURE__ */ A({
         key: 1,
         class: "content",
         innerHTML: e.content
-      }, null, 8, _t)) : p("", !0),
+      }, null, 8, Tt)) : p("", !0),
       B("i", {
         class: "zan-icon-close",
         onClick: i
@@ -443,7 +444,7 @@ const bt = /* @__PURE__ */ A({
       ])])
     ], 512));
   }
-}), Rt = ["maxlength", "placeholder"], Wt = ["type", "placeholder"], Xt = /* @__PURE__ */ A({
+}), Rt = ["maxlength", "placeholder"], _t = ["type", "placeholder"], Wt = /* @__PURE__ */ M({
   name: "Prompt",
   __name: "Prompt",
   props: {
@@ -474,7 +475,7 @@ const bt = /* @__PURE__ */ A({
       placeholder: l.placeholder,
       class: "zan-textarea"
     }, null, 40, Rt)), [
-      [ot, t.value]
+      [at, t.value]
     ]) : ke((d(), m("input", {
       key: 1,
       onInput: o[2] || (o[2] = (s) => c.$emit("update:promptValue", t.value)),
@@ -482,12 +483,12 @@ const bt = /* @__PURE__ */ A({
       type: i.value ? "password" : "text",
       placeholder: l.placeholder,
       class: "zan-input"
-    }, null, 40, Wt)), [
-      [st, t.value]
+    }, null, 40, _t)), [
+      [ot, t.value]
     ]);
   }
 });
-function Yt(e) {
+function Xt(e) {
   for (; e && e.parentNode; )
     if (e = e.parentNode, e && getComputedStyle(e).position === "relative")
       return e;
@@ -497,7 +498,7 @@ const ae = (e) => {
   document.querySelectorAll(".zan-layer iframe").forEach((l) => {
     l.style.pointerEvents = e;
   });
-}, Qt = function(e, n, l, t, a) {
+}, Yt = 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) {
@@ -512,7 +513,7 @@ const ae = (e) => {
           if (!n) {
             let O = k - e.offsetWidth, F = S - e.offsetHeight;
             if (e.style.position === "absolute") {
-              const E = Yt(e);
+              const E = Xt(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);
@@ -527,7 +528,7 @@ const ae = (e) => {
     }
     return !1;
   });
-}, Gt = function(e, n, l, t) {
+}, Qt = 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) {
@@ -552,18 +553,18 @@ const ae = (e) => {
     }
     return !1;
   });
-}, Ut = Symbol("zIndex");
-let Zt = 99999;
+}, Gt = Symbol("zIndex");
+let Ut = 99999;
 function Fe() {
-  return ++Zt;
+  return ++Ut;
 }
-const qt = ["id"], Kt = {
+const Zt = ["id"], qt = {
   key: 1,
   class: "slot-fragment"
-}, Jt = ["innerHTML"], en = ["onClick"], tn = {
+}, Kt = ["innerHTML"], Jt = ["onClick"], en = {
   key: 2,
   class: "zan-layer-resize"
-}, ve = /* @__PURE__ */ A({
+}, ve = /* @__PURE__ */ M({
   name: "ZanLayer",
   __name: "ZanLayer",
   props: {
@@ -640,12 +641,12 @@ const qt = ["id"], Kt = {
   },
   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)
+    const t = e, a = l, i = st(), c = b(!1), o = b(!1), s = b(t.id || Me()), f = b(null), r = b(), u = yt(t.type), y = b(
+      mt(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);
-    _(
+    ), 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(""), _ = b(""), G = b(t.value);
+    j(
       () => t.value,
       () => {
         G.value = t.value;
@@ -654,7 +655,7 @@ const qt = ["id"], Kt = {
     const pe = () => {
       H.value = t.zIndex ?? Fe();
     };
-    _(
+    j(
       () => t.zIndex,
       () => {
         pe();
@@ -667,28 +668,28 @@ const qt = ["id"], Kt = {
           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();
+        (v[0] == null || v[1] == null) && (v = Ie(f.value)), u == 6 && ($.value = pt(t.offset, v, s.value)), U(), we(), Ve();
       });
     }, De = function() {
-      o.value && ze(), c.value && xe(), O.value = "", F.value = "", E.value = "", R.value = "";
+      o.value && ze(), c.value && xe(), O.value = "", F.value = "", E.value = "", _.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;
+      E.value = k.value, _.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";
+      ue + 180 > nt && (ue = 10), O.value = h.value, F.value = g.value, E.value = k.value, _.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;
     };
-    _(
+    j(
       () => t.modelValue,
       () => {
         C.value = t.modelValue, C.value ? (he(), pe()) : De();
       },
       { deep: !0, immediate: !0 }
-    ), _(
+    ), j(
       () => C.value,
       () => {
         C.value && (t.isFunction && he(), D(() => {
@@ -696,7 +697,7 @@ const qt = ["id"], Kt = {
         }));
       },
       { immediate: !0, flush: "post" }
-    ), _(
+    ), j(
       () => C.value,
       () => {
         C.value || t.end(s.value);
@@ -717,11 +718,11 @@ const qt = ["id"], Kt = {
       t.layerClasses
     ]), Ve = function() {
       t.move && u != 4 && D(() => {
-        f.value && (Qt(
+        f.value && (Yt(
           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 });
+            S.value = v, k.value = z, o.value || (_.value = v, E.value = z), t.moving(s.value, { top: z, left: v });
           },
           () => {
             const v = {
@@ -735,7 +736,7 @@ const qt = ["id"], Kt = {
           () => {
             t.moveStart(s.value);
           }
-        ), Gt(
+        ), Qt(
           f.value,
           (v, z) => {
             g.value = z, h.value = v, F.value = z, O.value = v, t.resizing(s.value, { width: v, height: z });
@@ -768,14 +769,14 @@ const qt = ["id"], Kt = {
         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) => {
+    }, je = (...v) => {
       typeof t.yes == "function" ? t.yes(...v) : le();
-    }, je = () => {
+    }, Re = () => {
       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 = () => {
+    }, Ce = I(() => ["zan-icon", `zan-icon-ico${t.icon}`]), _e = I(() => u === 4 ? Be(t.offset) : u === 6 ? gt(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);
+      C.value = !1, u === 6 && ht(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];
@@ -785,9 +786,9 @@ const qt = ["id"], Kt = {
     };
     ye(() => {
       X();
-    }), ut(() => {
+    }), it(() => {
       Y();
-    }), _(
+    }), j(
       () => t.modelValue,
       () => {
         t.modelValue ? X() : Y();
@@ -807,11 +808,11 @@ const qt = ["id"], Kt = {
     }, 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];
+      k.value = v && t.lastPosition && E.value || $.value[0], S.value = v && t.lastPosition && _.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);
+      X(), q(s.value, !1), o.value = !1, c.value = !1, E.value = "", _.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() {
@@ -819,21 +820,21 @@ const qt = ["id"], Kt = {
     }, 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, {
+    return n({ reset: Ke, open: Xe, close: Ye, full: Je, min: et, revert: se }), (v, z) => (d(), A(ut, {
       to: e.teleport,
       disabled: e.teleportDisabled
     }, [
-      te(dt, {
+      te(ct, {
         index: H.value,
         "shade-style": e.shadeStyle,
         visible: Qe.value,
         opacity: e.shadeOpacity,
         teleport: e.teleport,
         teleportDisabled: e.teleportDisabled,
-        onShadeClick: je
+        onShadeClick: Re
       }, null, 8, ["index", "shade-style", "visible", "opacity", "teleport", "teleportDisabled"]),
-      te(ct, {
-        "enter-active-class": Re.value,
+      te(rt, {
+        "enter-active-class": _e.value,
         "leave-active-class": We.value
       }, {
         default: ce(() => [
@@ -845,7 +846,7 @@ const qt = ["id"], Kt = {
             id: s.value,
             style: V(Pe.value)
           }, [
-            Ue.value ? (d(), M(bt, {
+            Ue.value ? (d(), A(xt, {
               key: 0,
               title: e.title,
               titleStyle: e.titleStyle,
@@ -863,27 +864,27 @@ const qt = ["id"], Kt = {
               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 }, [
+              x(u) === 0 || x(u) === 1 || x(u) === 4 ? (d(), m(R, { key: 0 }, [
                 e.icon ? (d(), m("i", {
                   key: 0,
                   class: N(Ce.value)
                 }, null, 2)) : p("", !0),
-                x(i).default ? (d(), m("div", Kt, [
+                x(i).default ? (d(), m("div", qt, [
                   ee(v.$slots, "default")
-                ])) : (d(), m(j, { key: 2 }, [
+                ])) : (d(), m(R, { 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, {
+                  }, null, 8, Kt)) : (d(), m(R, { key: 1 }, [
+                    t.content ? (d(), A(oe, {
                       key: 0,
                       render: () => x(ne)(t.content)
                     }, null, 8, ["render"])) : p("", !0)
                   ], 64))
                 ], 64))
               ], 64)) : p("", !0),
-              x(u) === 7 ? (d(), M(Xt, {
+              x(u) === 7 ? (d(), A(Wt, {
                 key: 1,
                 "prompt-value": G.value,
                 "onUpdate:promptValue": z[0] || (z[0] = (w) => G.value = w),
@@ -891,17 +892,17 @@ const qt = ["id"], Kt = {
                 maxLength: t.maxLength,
                 placeholder: t.placeholder
               }, null, 8, ["prompt-value", "formType", "maxLength", "placeholder"])) : p("", !0),
-              x(u) === 2 ? (d(), M(mt, {
+              x(u) === 2 ? (d(), A(ft, {
                 key: 2,
                 src: t.content
               }, null, 8, ["src"])) : p("", !0),
-              x(u) === 5 ? (d(), M(Vt, {
+              x(u) === 5 ? (d(), A(Nt, {
                 key: 3,
                 imgList: t.imgList,
                 startIndex: t.startIndex,
                 onResetCalculationPohtosArea: Ze
               }, null, 8, ["imgList", "startIndex"])) : p("", !0),
-              x(u) === 6 ? (d(), M(jt, {
+              x(u) === 6 ? (d(), A(jt, {
                 key: 4,
                 onClose: le,
                 title: t.title,
@@ -911,7 +912,7 @@ const qt = ["id"], Kt = {
                 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, {
+            x(u) != 3 && x(u) != 5 && x(u) != 6 ? (d(), A(Lt, {
               key: 1,
               maxmin: e.maxmin,
               max: c.value,
@@ -924,7 +925,7 @@ const qt = ["id"], Kt = {
             B("div", {
               style: V(o.value === !0 ? "display:none" : "")
             }, [
-              x(i).footer || t.footer ? (d(), M(zt, {
+              x(i).footer || t.footer ? (d(), A(bt, {
                 key: 0,
                 footer: t.footer,
                 footerStyle: t.footerStyle
@@ -933,12 +934,12 @@ const qt = ["id"], Kt = {
                   ee(v.$slots, "footer")
                 ]),
                 _: 3
-              }, 8, ["footer", "footerStyle"])) : (d(), m(j, { key: 1 }, [
+              }, 8, ["footer", "footerStyle"])) : (d(), m(R, { 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", {
+                  e.btn && e.btn.length > 0 ? (d(!0), m(R, { key: 0 }, Ee(e.btn, (w, ie) => (d(), m("a", {
                     key: ie,
                     style: V(w.style),
                     class: N([
@@ -947,30 +948,30 @@ const qt = ["id"], Kt = {
                       { "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 }, [
+                  }, P(w.text), 15, Jt))), 128)) : (d(), m(R, { 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))
+                      onClick: z[1] || (z[1] = (w) => je(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)
+            Ge.value ? (d(), m("span", en)) : p("", !0)
+          ], 14, Zt)) : p("", !0)
         ]),
         _: 3
       }, 8, ["enter-active-class", "leave-active-class"])
     ], 8, ["to", "disabled"]));
   }
-}), T = [], nn = (e) => {
+}), T = [], tn = (e) => {
   T.push(e);
 }, fe = (e) => {
   T.forEach((n, l) => {
     n.modalContainer.id === e && T.splice(l, 1);
   });
-}, ln = () => {
+}, nn = () => {
   T.splice(0, T.length);
 }, K = (e) => {
   let n = !1;
@@ -982,10 +983,10 @@ const qt = ["id"], Kt = {
   return T.forEach((l, t) => {
     l.modalContainer.id === e && (n = l);
   }), n;
-}, an = (e, n) => (e && (n = Object.assign(n, e)), n), on = (e) => {
+}, ln = (e, n) => (e && (n = Object.assign(n, e)), n), an = (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 = {
+}, on = (e) => typeof e == "function" ? Se(e()) ? { default: () => e() } : void 0 : Se(e) ? { default: () => e } : void 0, L = {
   _context: null,
   // 打开弹窗
   open: (e) => {
@@ -1076,9 +1077,9 @@ const qt = ["id"], Kt = {
   create: (e, n, l) => {
     var o, s;
     let t;
-    const a = an(e, n);
+    const a = ln(e, n);
     a.hasOwnProperty("id") ? L.close(a.id) : a.id = Me();
-    const i = on(a), c = He(
+    const i = an(a), c = He(
       ve,
       {
         ...a,
@@ -1090,14 +1091,14 @@ const qt = ["id"], Kt = {
           }, 500), fe(i.id);
         }
       },
-      sn(a.content)
+      on(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;
+    }, n.time)), tn({ modalContainer: i, modalInstance: c }), i.id;
   },
   // 关闭弹窗
   close: (e) => {
@@ -1117,7 +1118,7 @@ const qt = ["id"], Kt = {
       (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();
+    }), nn();
   },
   // 重置位置
   reset: (e) => {
@@ -1139,12 +1140,12 @@ const qt = ["id"], Kt = {
     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 };
+}, sn = (e, n) => {
+  L._context = e._context, e.component(ve.name, ve), e.config.globalProperties.$layer = L, n && typeof n.zIndex == "number" && e.provide(Gt, b(n.zIndex));
+}, rn = { install: sn };
 export {
   ve as ZanLayer,
-  cn as default,
+  rn as default,
   L as layer,
   L as zanLayer
 };

package/lib/zan-layer.umd.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zan-layer",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "A powerful layer component for Vue 3",
   "license": "MIT",
   "type": "module",

package/types/component/Render.vue.d.ts

@@ -1,6 +1,13 @@
-type __VLS_Props = {
-    render: () => any;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    render: {
+        type: FunctionConstructor;
+        required: true;
+    };
+}>, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    render: {
+        type: FunctionConstructor;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/types/component/ZanLayer.vue.d.ts

@@ -34,12 +34,12 @@ declare const __VLS_base: import("vue").DefineComponent<LayerProps, {
     close: Function;
     load: number;
     resize: boolean;
+    type: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | "dialog" | "page" | "iframe" | "loading" | "drawer" | "photos" | "notify" | "prompt";
     shadeOpacity: string;
     titleStyle: string | false | import("vue").CSSProperties | StyleValue[] | null;
     maxmin: boolean;
     min: Function;
     closeBtn: boolean | string;
-    type: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | "dialog" | "page" | "iframe" | "loading" | "drawer" | "photos" | "notify" | "prompt";
     imgList: ImgListType[];
     startIndex: number;
     isHtmlFragment: boolean;

package/types/utils/index.d.ts

@@ -6,7 +6,7 @@ export declare function calculateDrawerArea(offset: any, drawerArea?: string[] |
 /**
  * 计算 offset 属性
  */
-export declare function calculateOffset(offset: string[] | string, area: string[], type: number): string[];
+export declare function calculateOffset(offset: string[] | string | undefined, area: string[], type: number): string[];
 /**
  * 转换 number 类型
  */