zan-layer 1.0.3 → 1.0.6

package/lib/zan-layer.js

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