zan-layer 1.0.6 → 1.0.8

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