zan-layer 1.0.4 → 1.0.7

package/lib/zan-layer.js

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