zan-layer 1.0.7 → 1.0.8

package/lib/zan-layer.js

@@ -1,5 +1,5 @@
-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({
+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,40 +12,40 @@ const zt = /* @__PURE__ */ H({
   },
   emits: ["shadeClick"],
   setup(e, { emit: n }) {
-    const l = e, t = n, o = I(() => [
+    const l = e, t = n, o = O(() => [
       {
         opacity: l.opacity,
         position: l.teleportDisabled || l.teleport != "body" ? "absolute" : "fixed",
         zIndex: l.index
       },
       l.shadeStyle
-    ]), s = () => {
+    ]), i = () => {
       t("shadeClick");
     };
-    return (r, a) => e.visible ? (d(), f("div", {
+    return (c, a) => e.visible ? (d(), v("div", {
       key: 0,
       class: "zan-layer-shade",
-      style: P(o.value),
-      onClick: s
-    }, null, 4)) : h("", !0);
+      style: _(o.value),
+      onClick: i
+    }, null, 4)) : g("", !0);
   }
-}), Ct = ["src"], kt = /* @__PURE__ */ H({
+}), Et = ["src"], Mt = /* @__PURE__ */ V({
   name: "Iframe",
   __name: "Iframe",
   props: {
     src: {}
   },
   setup(e) {
-    const n = e, l = I(() => n.src);
-    return (t, o) => (d(), f("iframe", {
+    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, Ct));
+    }, null, 8, Et));
   }
-}), ie = H({
+}), ye = V({
   name: "ZanRender",
   props: {
     render: {
@@ -56,30 +56,71 @@ const zt = /* @__PURE__ */ H({
   setup(e) {
     return () => e.render();
   }
-}), ne = function(e) {
-  return typeof e == "function" ? e() : typeof e == "string" ? De("span", e) : e;
+}), de = function(e) {
+  return typeof e == "function" ? e() : typeof e == "string" ? Ue("span", e) : e;
 };
-function Ve() {
+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 wt(e, n, l) {
-  return e != "drawer" && e != 4 ? St(n) : Re(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 St(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 Re(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 Oe(e) {
+function _e(e) {
   return e == null || e === "" ? "0px" : e;
 }
-function ve(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 = Oe(t[0]), s = Oe(t[1]), r = [
+  const t = Array.isArray(n) ? n : [], o = _e(t[0]), i = _e(t[1]), c = [
     "t",
     "r",
     "b",
@@ -93,60 +134,60 @@ function ve(e = "auto", n, l) {
     "rb",
     "br"
   ], 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;
+  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 $t(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 Fe() {
+function Xe() {
   return { w: "100%", h: "100%" };
 }
-function Ee() {
+function Ye() {
   return { t: "0px", l: "0px" };
 }
-function Ae(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 Z(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 He(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 Me(e, n) {
+async function Qe(e, n) {
   const l = new Image();
-  return l.src = e, new Promise((o, s) => {
+  return l.src = e, new Promise((o, i) => {
     if (l.complete) {
       o(t(l));
       return;
     }
-    const r = L.load(2, { shadeOpacity: "0" });
+    const c = F.load(2, { shadeOpacity: "0" });
     l.onload = () => {
-      L.close(r), o(t(l));
+      F.close(c), o(t(l));
     }, l.onerror = () => {
-      L.close(r), L.msg("图片加载失败"), s(!1);
+      F.close(c), F.msg("图片加载失败"), i(!1);
     };
   });
   function t(o) {
-    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]);
+    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 [s[0] + "px", s[1] + "px"];
+    return [i[0] + "px", i[1] + "px"];
   }
 }
-function je(e, n) {
+function tt(e, n) {
   const l = document.getElementsByClassName(e);
   for (let t = 0; t < l.length; t++) {
     const o = l[t];
@@ -154,17 +195,17 @@ function je(e, n) {
       return o;
   }
 }
-function ge() {
+function Se() {
   return window.NotifiyQueen = window.NotifiyQueen || [], window.NotifiyQueen;
 }
-function We(e) {
+function nt(e) {
   return typeof e != "string" || ["lt", "lb", "rt", "rb"].indexOf(e) === -1 ? "rt" : e;
 }
-function re() {
+function pe() {
   return 15;
 }
-function _e(e, n) {
-  const l = re(), t = parseFloat(n == null ? void 0 : n[0]) || 0;
+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" ? {
@@ -175,61 +216,61 @@ function _e(e, n) {
     left: `${l}px`
   };
 }
-function Xe(e, n, l) {
-  const t = re();
+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 xe(e) {
-  const n = We(e), l = ge().filter(
+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 s = je("zan-layer", o.id);
-    if (!s)
+    const i = tt("zan-layer", o.id);
+    if (!i)
       return;
-    const r = [`${s.offsetWidth}px`, `${s.offsetHeight}px`], a = _e(n, r);
-    s.style.top = Xe(
+    const c = [`${i.offsetWidth}px`, `${i.offsetHeight}px`], a = lt(n, c);
+    i.style.top = at(
       n,
       t,
-      s.offsetHeight
-    ), s.style.left = a.left, t += s.offsetHeight + re();
+      i.offsetHeight
+    ), i.style.left = a.left, t += i.offsetHeight + pe();
   });
 }
-function Lt(e, n, l) {
-  const t = We(e), o = ge();
-  o.some((u) => u.id === l) || o.push({
+function Tt(e, n, l) {
+  const t = nt(e), o = Se();
+  o.some((r) => r.id === l) || o.push({
     id: l,
     offset: t
   });
-  const s = o.filter((u) => u.offset === t), r = _e(t, n);
+  const i = o.filter((r) => r.offset === t), c = lt(t, n);
   let a = 0;
-  return s.slice(0, -1).forEach((u) => {
-    const m = je("zan-layer", u.id);
-    m && (a += m.offsetHeight + re());
+  return i.slice(0, -1).forEach((r) => {
+    const y = tt("zan-layer", r.id);
+    y && (a += y.offsetHeight + pe());
   }), [
-    Xe(
+    at(
       t,
       a,
       parseFloat(n == null ? void 0 : n[1]) || 0
     ),
-    r.left
+    c.left
   ];
 }
-function Bt(e) {
-  const n = ge(), l = n.findIndex((o) => o.id === e);
+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), xe(t);
+  n.splice(l, 1), ke(t);
 }
-function It(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 Ot = /* @__PURE__ */ H({
+const _t = /* @__PURE__ */ V({
   name: "Header",
   __name: "Header",
   props: {
@@ -238,19 +279,19 @@ const Ot = /* @__PURE__ */ H({
     move: { type: Boolean }
   },
   setup(e) {
-    const n = e, l = I(() => [n.move ? "cursor: move" : "", n.titleStyle]);
-    return (t, o) => (d(), f("div", {
+    const n = e, l = O(() => [n.move ? "cursor: move" : "", n.titleStyle]);
+    return (t, o) => (d(), v("div", {
       class: "zan-layer-title",
-      style: P(l.value)
+      style: _(l.value)
     }, [
-      ee(t.$slots, "default", {}, () => [
-        te(ie, {
-          render: () => C(ne)(e.title)
+      ue(t.$slots, "default", {}, () => [
+        ce(ye, {
+          render: () => C(de)(e.title)
         }, null, 8, ["render"])
       ])
     ], 4));
   }
-}), Ft = /* @__PURE__ */ H({
+}), Xt = /* @__PURE__ */ V({
   name: "Footer",
   __name: "Footer",
   props: {
@@ -258,18 +299,18 @@ const Ot = /* @__PURE__ */ H({
     footerStyle: { type: [String, Boolean, null, Object, Array] }
   },
   setup(e) {
-    return (n, l) => (d(), f("div", {
+    return (n, l) => (d(), v("div", {
       class: "zan-layer-footer",
-      style: P(e.footerStyle)
+      style: _(e.footerStyle)
     }, [
-      ee(n.$slots, "default", {}, () => [
-        te(ie, {
-          render: () => C(ne)(e.footer)
+      ue(n.$slots, "default", {}, () => [
+        ce(ye, {
+          render: () => C(de)(e.footer)
         }, null, 8, ["render"])
       ])
     ], 4));
   }
-}), Et = { class: "zan-layer-setwin" }, At = { class: "zan-tooltip" }, Ht = { class: "zan-tooltip" }, Mt = /* @__PURE__ */ H({
+}), Yt = { class: "zan-layer-setwin" }, qt = { class: "zan-tooltip" }, Gt = { class: "zan-tooltip" }, Qt = /* @__PURE__ */ V({
   name: "HeaderBtn",
   __name: "HeaderBtn",
   props: {
@@ -282,53 +323,53 @@ const Ot = /* @__PURE__ */ H({
   setup(e, { emit: n }) {
     const l = e, t = n, o = () => {
       t("onMin");
-    }, s = () => {
+    }, i = () => {
       t("onMax");
-    }, r = () => {
+    }, c = () => {
       t("onClose");
     };
-    return (a, u) => (d(), f("span", Et, [
-      l.maxmin && !l.max ? (d(), f("i", {
+    return (a, r) => (d(), v("span", Yt, [
+      l.maxmin && !l.max ? (d(), v("i", {
         key: 0,
-        class: D(["zan-icon-btn", l.min ? "zan-icon-full" : "zan-icon-min"]),
-        onClick: fe(o, ["stop"])
+        class: j(["zan-icon-btn", l.min ? "zan-icon-full" : "zan-icon-min"]),
+        onClick: ge(o, ["stop"])
       }, [
-        O("span", At, T(l.min ? "还原" : "最小化"), 1)
-      ], 2)) : h("", !0),
-      l.maxmin && !l.min ? (d(), f("i", {
+        A("span", qt, X(l.min ? "还原" : "最小化"), 1)
+      ], 2)) : g("", !0),
+      l.maxmin && !l.min ? (d(), v("i", {
         key: 1,
-        class: D(["zan-icon-btn", l.max ? "zan-icon-restore" : "zan-icon-max"]),
-        onClick: fe(s, ["stop"])
+        class: j(["zan-icon-btn", l.max ? "zan-icon-restore" : "zan-icon-max"]),
+        onClick: ge(i, ["stop"])
       }, [
-        O("span", Ht, T(l.max ? "还原" : "最大化"), 1)
-      ], 2)) : h("", !0),
-      l.closeBtn ? (d(), f("i", {
+        A("span", Gt, X(l.max ? "还原" : "最大化"), 1)
+      ], 2)) : g("", !0),
+      l.closeBtn ? (d(), v("i", {
         key: 2,
-        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)
+        class: j(["zan-icon-btn zan-icon-close-btn", `zan-layer-close${e.closeBtn}`]),
+        onClick: ge(c, ["stop"])
+      }, [...r[0] || (r[0] = [
+        A("span", { class: "zan-tooltip" }, "关闭", -1)
+      ])], 2)) : g("", !0)
     ]));
   }
-}), Nt = (e, n) => {
+}), Zt = (e, n) => {
   const l = e.__vccOpts || e;
   for (const [t, o] of n)
     l[t] = o;
   return l;
-}, Dt = /* @__PURE__ */ Nt(Mt, [["__scopeId", "data-v-a2b66c03"]]), Pt = { class: "zan-layer-phimg" }, Tt = ["src"], Vt = {
+}, Ut = /* @__PURE__ */ Zt(Qt, [["__scopeId", "data-v-a2b66c03"]]), Kt = { class: "zan-layer-phimg" }, Jt = ["src"], en = {
   key: 0,
   class: "zan-layer-imgsee"
-}, Rt = {
+}, tn = {
   key: 0,
   class: "zan-layer-imguide"
-}, jt = {
+}, nn = {
   key: 0,
   class: "thumb-row"
-}, Wt = ["onClick"], _t = ["src"], Xt = {
+}, ln = ["onClick"], an = ["src"], on = {
   key: 1,
   class: "zan-layer-imgtit"
-}, Yt = { key: 0 }, qt = { key: 1 }, Gt = /* @__PURE__ */ H({
+}, sn = { key: 0 }, rn = { key: 1 }, un = /* @__PURE__ */ V({
   name: "Photos",
   __name: "Photos",
   props: {
@@ -337,77 +378,77 @@ const Ot = /* @__PURE__ */ H({
   },
   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 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(() => {
-      N(() => {
+    const i = (r) => {
+      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(() => {
-          r.value = !0;
+          c.value = !0;
         }, 400);
       });
     });
-    const a = I(() => {
-      let u = !1;
-      return t.imgList.forEach((m) => {
-        m.thumb && (u = !0);
-      }), u;
+    const a = O(() => {
+      let r = !1;
+      return t.imgList.forEach((y) => {
+        y.thumb && (r = !0);
+      }), r;
     });
-    return (u, m) => (d(), f("div", Pt, [
-      O("img", {
+    return (r, y) => (d(), v("div", Kt, [
+      A("img", {
         src: e.imgList[o.value].src
-      }, null, 8, Tt),
-      e.imgList.length > 0 ? (d(), f("div", Vt, [
-        e.imgList.length > 1 ? (d(), f("span", Rt, [
-          O("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] = (p) => s(-1))
+            onClick: y[0] || (y[0] = (m) => i(-1))
           }, "‹"),
-          O("a", {
+          A("a", {
             href: "javascript:;",
             class: "zan-layer-iconext zan-layer-imgnext",
-            onClick: m[1] || (m[1] = (p) => s(1))
+            onClick: y[1] || (y[1] = (m) => i(1))
           }, "›")
-        ])) : h("", !0),
-        e.imgList.length > 1 || e.imgList[o.value].alt ? (d(), f("div", {
+        ])) : g("", !0),
+        e.imgList.length > 1 || e.imgList[o.value].alt ? (d(), v("div", {
           key: 1,
           class: "zan-layer-imgbar",
-          style: P({ opacity: r.value ? 1 : 0 })
+          style: _({ opacity: c.value ? 1 : 0 })
         }, [
-          a.value ? (d(), f("div", jt, [
-            (d(!0), f(_, null, Pe(e.imgList, (p, i) => (d(), f("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" + i,
-              onClick: (y) => o.value = i
+              key: "thumb-box" + s,
+              onClick: (B) => o.value = s
             }, [
-              O("img", {
-                src: p.thumb
-              }, null, 8, _t)
-            ], 8, Wt))), 128)),
-            O("div", {
+              A("img", {
+                src: m.thumb
+              }, null, 8, an)
+            ], 8, ln))), 128)),
+            A("div", {
               class: "thumb-box-border",
-              style: P({
+              style: _({
                 left: `calc(calc( calc(100% - ${100 * e.imgList.length}px) / 2) + ${o.value * 100}px)`
               })
             }, null, 4)
-          ])) : (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)
+          ])) : (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)
     ]));
   }
-}), Qt = { class: "title" }, Zt = {
+}), cn = { class: "title" }, dn = {
   key: 0,
   class: "content"
-}, Ut = ["innerHTML"], Kt = /* @__PURE__ */ H({
+}, fn = ["innerHTML"], mn = /* @__PURE__ */ V({
   name: "Notifiy",
   __name: "Notifiy",
   props: {
@@ -420,65 +461,65 @@ const Ot = /* @__PURE__ */ H({
   },
   emits: ["close"],
   setup(e, { emit: n }) {
-    const l = e, t = n, o = yt(null);
-    let s, r = 0;
+    const l = e, t = n, o = Lt(null);
+    let i, c = 0;
     const a = () => {
       t("close");
     };
-    function u(p, i) {
-      let y = p.className, x = y != "" ? " " : "", B = y + x + i;
-      p.className = B;
+    function r(m, s) {
+      let B = m.className, h = B != "" ? " " : "", w = B + h + s;
+      m.className = w;
     }
-    const m = () => {
-      r && cancelAnimationFrame(r), r = requestAnimationFrame(() => {
-        r = 0, xe(l.offset);
+    const y = () => {
+      c && cancelAnimationFrame(c), c = requestAnimationFrame(() => {
+        c = 0, ke(l.offset);
       });
     };
-    return he(() => {
-      N(() => {
+    return we(() => {
+      P(() => {
         setTimeout(() => {
-          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,
+          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"
-          ), m(), o.value && !s && (s = new ResizeObserver(() => {
-            m();
-          }), s.observe(o.value)));
+          ), y(), o.value && !i && (i = new ResizeObserver(() => {
+            y();
+          }), i.observe(o.value)));
         }, 300);
       });
-    }), Te(() => {
-      r && (cancelAnimationFrame(r), r = 0), s && (s.disconnect(), s = void 0);
-    }), (p, i) => (d(), f("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
     }, [
-      O("h2", Qt, [
-        e.icon ? (d(), f("i", {
+      A("h2", cn, [
+        e.icon ? (d(), v("i", {
           key: 0,
-          class: D(e.iconClass)
-        }, null, 2)) : h("", !0),
-        O("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(), f("div", Zt, [
-        te(ie, {
-          render: () => C(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(), f("div", {
+      ])) : e.isHtmlFragment && e.content ? (d(), v("div", {
         key: 1,
         class: "content",
         innerHTML: e.content
-      }, null, 8, Ut)) : h("", !0),
-      O("i", {
+      }, null, 8, fn)) : g("", !0),
+      A("i", {
         class: "zan-icon-close",
         onClick: a
-      }, [...i[0] || (i[0] = [
-        O("svg", {
+      }, [...s[0] || (s[0] = [
+        A("svg", {
           viewBox: "0 0 1024 1024",
           width: "16",
           height: "16"
         }, [
-          O("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"
           })
@@ -486,7 +527,7 @@ const Ot = /* @__PURE__ */ H({
       ])])
     ], 512));
   }
-}), Jt = ["maxlength", "placeholder"], en = ["type", "placeholder"], tn = /* @__PURE__ */ H({
+}), vn = ["maxlength", "placeholder"], yn = ["type", "placeholder"], pn = /* @__PURE__ */ V({
   name: "Prompt",
   __name: "Prompt",
   props: {
@@ -497,7 +538,7 @@ const Ot = /* @__PURE__ */ H({
   },
   emits: ["update:promptValue"],
   setup(e, { emit: n }) {
-    const l = e, t = g(l.promptValue), o = I(() => {
+    const l = e, t = x(l.promptValue), o = O(() => {
       switch (typeof l.formType) {
         case "string":
           return l.formType === "textarea";
@@ -506,111 +547,112 @@ const Ot = /* @__PURE__ */ H({
         default:
           return !1;
       }
-    }), s = I(
+    }), i = O(
       () => l.formType == 1 || l.formType == "password"
     );
-    return (r, a) => o.value ? Be((d(), f("textarea", {
+    return (c, a) => o.value ? Te((d(), v("textarea", {
       key: 0,
-      onInput: a[0] || (a[0] = (u) => r.$emit("update:promptValue", t.value)),
-      "onUpdate:modelValue": a[1] || (a[1] = (u) => t.value = u),
+      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, Jt)), [
-      [pt, t.value]
-    ]) : Be((d(), f("input", {
+    }, null, 40, vn)), [
+      [Bt, t.value]
+    ]) : Te((d(), v("input", {
       key: 1,
-      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",
+      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, en)), [
-      [ht, t.value]
+    }, null, 40, yn)), [
+      [Ht, t.value]
     ]);
   }
 });
-function nn(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;
   });
-}, 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"));
+}, 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(i) {
-    if (p(i) && i.button == 0 && e != null) {
-      se("none");
-      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($) {
+  e != null && e.addEventListener("mousedown", 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) {
-          ($.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;
+          (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 = S - e.offsetHeight;
+            let z = L - e.offsetWidth, S = H - e.offsetHeight;
             if (e.style.position === "absolute") {
-              const A = nn(e);
-              A != null && (F = A.clientWidth - e.offsetWidth, E = A.clientHeight - e.offsetHeight);
+              const I = hn(e);
+              I != null && (z = I.clientWidth - e.offsetWidth, S = I.clientHeight - e.offsetHeight);
             }
-            b < 0 ? b = 0 : b > F && (b = F), z < 0 ? z = 0 : z > E && (z = E);
+            $ < 0 ? $ = 0 : $ > z && ($ = z), b < 0 ? b = 0 : b > S && (b = S);
           }
-          e.style.top = z + "px", e.style.left = b + "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;
-      }, B = function() {
-        m = !0, document.body.style.userSelect = "", document.body.style.cursor = "", t(), se("auto"), document.removeEventListener("mousemove", x), document.removeEventListener("mouseup", B);
+      }, 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", x, { passive: !1 }), document.addEventListener("mouseup", B);
+      document.addEventListener("mousemove", h, { passive: !1 }), document.addEventListener("mouseup", w);
     }
     return !1;
   });
-}, 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(), 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);
+}, 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", 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("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", x);
+      document.addEventListener("mouseup", E);
     }
     return !1;
   });
-}, on = Symbol("zIndex");
-let sn = 99999;
-function Ne() {
-  return ++sn;
+}, bn = Symbol("zIndex");
+let zn = 99999;
+function Ze() {
+  return ++zn;
 }
-const rn = ["id"], un = {
+const Cn = ["id"], wn = {
   key: 1,
   class: "slot-fragment"
-}, cn = ["innerHTML"], dn = ["onClick"], fn = {
+}, Sn = ["innerHTML"], kn = ["onClick"], $n = {
   key: 2,
   class: "zan-layer-resize"
-}, pe = /* @__PURE__ */ H({
+}, Ce = /* @__PURE__ */ V({
   name: "ZanLayer",
   __name: "ZanLayer",
   props: {
@@ -624,6 +666,12 @@ const rn = ["id"], un = {
     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 },
@@ -688,372 +736,431 @@ const rn = ["id"], un = {
   },
   emits: ["close", "update:modelValue", "opened"],
   setup(e, { expose: n, emit: l }) {
-    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(
+    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 be = () => {
-      B.value = t.zIndex ?? Ne();
+    const Be = () => {
+      E.value = t.zIndex ?? Ze();
     };
-    J(
+    re(
       () => t.zIndex,
       () => {
-        be();
+        Be();
       },
       { immediate: !0 }
     );
-    const ze = function() {
-      N(async () => {
-        i == 4 && (y.value = Re(t.offset, t.area)), i == 5 && (y.value = await Me(
+    const He = function() {
+      P(async () => {
+        h.value = B(), s == 5 && (h.value = await Qe(
           t.imgList[t.startIndex].src
         ));
-        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();
+        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();
       });
-    }, Ye = function() {
-      a.value && Se(), r.value && ke(), F.value = "", E.value = "", A.value = "", R.value = "";
-    }, Ce = () => {
-      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;
+    }, 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) => {
-        $.value !== c && ($.value = c);
+      (u) => {
+        $.value !== u && ($.value = u);
       },
       { immediate: !0 }
-    ), J(
+    ), re(
       () => $.value,
-      (c, v) => {
-        if (c !== v && !(!c && v === void 0)) {
-          if (c) {
-            le.value = !1, ze(), be(), G(), t.isFunction && ze(), N(() => {
-              t.success(u.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(), Ye(), v !== void 0 && t.end(u.value);
+          Z(), ot(), f !== void 0 && t.end(r.value);
         }
       },
       { immediate: !0, flush: "post" }
     );
-    const qe = I(() => [
+    const it = O(() => [
       {
-        "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-dialog": s === 0 || s === 7,
+        "zan-layer-page": s === 1,
+        "zan-layer-iframe": s === 2,
+        "zan-layer-loading": s === 3,
+        "zan-layer-drawer": s === 4,
+        "zan-layer-photos": s === 5,
+        "zan-layer-notifiy": s === 6,
         "zan-layer-msg": t.isMessage,
         "zan-layer-hui": t.isMessage && !t.icon
       },
       t.layerClasses
-    ]), Ge = function() {
-      t.move && i != 4 && N(() => {
-        m.value && (ln(
-          m.value,
+    ]), st = function() {
+      t.move && s != 4 && P(() => {
+        y.value && (gn(
+          y.value,
           t.moveOut,
-          (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 });
+          (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: S.value,
-              top: w.value,
+            const u = {
+              left: z.value,
+              top: H.value,
               isMin: a.value,
-              isMax: r.value
-            }, [v, k] = t.moveEnd(u.value, c) || [];
-            k && v && (S.value = v, w.value = k);
+              isMax: c.value
+            }, [f, p] = t.moveEnd(r.value, u) || [];
+            p && f && (z.value = f, H.value = p);
           },
           () => {
-            t.moveStart(u.value);
+            t.moveStart(r.value);
           }
-        ), an(
-          m.value,
-          (c, v) => {
-            z.value = v, b.value = c, E.value = v, F.value = c, t.resizing(u.value, { width: c, height: v });
+        ), 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 = {
+            const u = {
               width: b.value,
-              height: z.value
-            }, [v, k] = t.resizeEnd(u.value, c) || [];
-            v && k && (b.value = v, z.value = k);
+              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(u.value);
-          }
+            t.resizeStart(r.value);
+          },
+          () => $e(!0)
         ));
       });
-    }, Qe = I(() => ({
+    }, rt = O(() => ({
       position: t.teleportDisabled || t.teleport != "body" ? "absolute" : "fixed",
-      top: w.value,
-      left: S.value,
-      height: z.value,
+      top: H.value,
+      left: z.value,
+      height: L.value,
       width: b.value,
       animationDuration: t.animDuration,
-      zIndex: B.value
-    })), Ze = I(() => [
-      i === 3 ? `zan-layer-loading${t.load}` : "",
+      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(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));
+        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));
       }
-    }, Ue = (...c) => {
-      typeof t.yes == "function" ? t.yes(...c) : ae();
-    }, Ke = () => {
-      t.shadeClose && ae();
-    }, $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 = () => {
+    }, 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;
-    }, 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];
+    }, 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];
       });
-    }, 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");
+    }, 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();
+      });
+    }, Ct = () => {
+      s === 6 && ke(t.offset), o("opened");
     };
-    he(() => {
-    }), Te(() => {
-      X();
+    we(() => {
+    }), Je(() => {
+      Z();
     });
-    let j, W = 0;
-    const G = function() {
-      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 = ve(
-              t.offset,
-              Ae(m.value),
-              i
-            );
-            if (rt(x.value, c) || (x.value = c), le.value && t.lastPosition)
-              return;
-            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);
+    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();
           }));
-        }), j.observe(p.value));
+        }), q.observe(m.value));
       });
-    }, X = function() {
-      W && (cancelAnimationFrame(W), W = 0), j && (j.disconnect(), j = void 0);
-    }, oe = function(c = !1) {
-      w.value = c && t.lastPosition && A.value || x.value[0], S.value = c && t.lastPosition && R.value || x.value[1];
-    }, Le = function() {
-      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;
+    }, 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: ct, open: tt, close: nt, full: dt, min: ft, revert: ue }), (c, v) => (d(), M(xt, {
+    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(zt, {
-        index: B.value,
+      ce(At, {
+        index: E.value,
         "shade-style": e.shadeStyle,
-        visible: lt.value,
+        visible: pt.value,
         opacity: e.shadeOpacity,
         teleport: e.teleport,
         teleportDisabled: e.teleportDisabled,
-        onShadeClick: Ke
+        onShadeClick: dt
       }, null, 8, ["index", "shade-style", "visible", "opacity", "teleport", "teleportDisabled"]),
-      te(bt, {
-        "enter-active-class": Je.value,
-        "leave-active-class": et.value,
-        onAfterEnter: ut
+      ce(Ot, {
+        "enter-active-class": ft.value,
+        "leave-active-class": mt.value,
+        onAfterEnter: Ct
       }, {
-        default: me(() => [
-          $.value ? (d(), f("div", {
+        default: xe(() => [
+          $.value ? (d(), v("div", {
             key: 0,
             ref_key: "layerRef",
-            ref: m,
-            class: D(["zan-layer zan-layer-border", [qe.value, { "zan-layer-min": a.value }]]),
-            id: u.value,
-            style: P(Qe.value)
+            ref: y,
+            class: j(["zan-layer zan-layer-border", [it.value, { "zan-layer-min": a.value }]]),
+            id: r.value,
+            style: _(rt.value)
           }, [
-            ot.value ? (d(), M(Ot, {
+            gt.value ? (d(), R(_t, {
               key: 0,
               title: e.title,
               titleStyle: e.titleStyle,
               move: e.move,
-              onMousedown: it
+              onMousedown: bt
             }, {
-              default: me(() => [
-                ee(c.$slots, "title")
+              default: xe(() => [
+                ue(u.$slots, "title")
               ]),
               _: 3
-            }, 8, ["title", "titleStyle", "move"])) : h("", !0),
-            O("div", {
+            }, 8, ["title", "titleStyle", "move"])) : g("", !0),
+            A("div", {
               ref_key: "contentRef",
-              ref: p,
-              class: D(["zan-layer-content", Ze.value]),
-              style: P(a.value === !0 ? "display:none" : "")
+              ref: m,
+              class: j(["zan-layer-content", ut.value]),
+              style: _(a.value === !0 ? "display:none" : "")
             }, [
-              C(i) === 0 || C(i) === 1 || C(i) === 4 ? (d(), f(_, { key: 0 }, [
-                e.icon ? (d(), f("i", {
+              C(s) === 0 || C(s) === 1 || C(s) === 4 ? (d(), v(Q, { key: 0 }, [
+                e.icon ? (d(), v("i", {
                   key: 0,
-                  class: D($e.value)
-                }, null, 2)) : h("", !0),
-                C(s).default ? (d(), f("div", un, [
-                  ee(c.$slots, "default")
-                ])) : (d(), f(_, { key: 2 }, [
-                  e.isHtmlFragment ? (d(), f("div", {
+                  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: C(ne)(t.content)
-                  }, null, 8, cn)) : (d(), f(_, { 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: () => C(ne)(t.content)
-                    }, null, 8, ["render"])) : h("", !0)
+                      render: () => C(de)(t.content)
+                    }, null, 8, ["render"])) : g("", !0)
                   ], 64))
                 ], 64))
-              ], 64)) : h("", !0),
-              C(i) === 7 ? (d(), M(tn, {
+              ], 64)) : g("", !0),
+              C(s) === 7 ? (d(), R(pn, {
                 key: 1,
-                "prompt-value": q.value,
-                "onUpdate:promptValue": v[0] || (v[0] = (k) => q.value = k),
+                "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),
-              C(i) === 2 ? (d(), M(kt, {
+              }, 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),
-              C(i) === 5 ? (d(), M(Gt, {
+              }, null, 8, ["src"])) : g("", !0),
+              C(s) === 5 ? (d(), R(un, {
                 key: 3,
                 imgList: t.imgList,
                 startIndex: t.startIndex,
-                onResetCalculationPohtosArea: st
-              }, null, 8, ["imgList", "startIndex"])) : h("", !0),
-              C(i) === 6 ? (d(), M(Kt, {
+                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: $e.value,
+                iconClass: Ee.value,
                 offset: t.offset
-              }, null, 8, ["title", "content", "isHtmlFragment", "icon", "iconClass", "offset"])) : h("", !0)
+              }, null, 8, ["title", "content", "isHtmlFragment", "icon", "iconClass", "offset"])) : g("", !0)
             ], 6),
-            C(i) != 3 && C(i) != 5 && C(i) != 6 ? (d(), M(Dt, {
+            C(s) != 3 && C(s) != 5 && C(s) != 6 ? (d(), R(Ut, {
               key: 1,
               maxmin: e.maxmin,
-              max: r.value,
+              max: c.value,
               min: a.value,
               closeBtn: e.closeBtn,
-              onOnMin: Se,
-              onOnMax: ke,
-              onOnClose: ae
-            }, null, 8, ["maxmin", "max", "min", "closeBtn"])) : h("", !0),
-            O("div", {
-              style: P(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" : "")
             }, [
-              C(s).footer || t.footer ? (d(), M(Ft, {
+              C(i).footer || t.footer ? (d(), R(Xt, {
                 key: 0,
                 footer: t.footer,
                 footerStyle: t.footerStyle
               }, {
-                default: me(() => [
-                  ee(c.$slots, "footer")
+                default: xe(() => [
+                  ue(u.$slots, "footer")
                 ]),
                 _: 3
-              }, 8, ["footer", "footerStyle"])) : (d(), f(_, { key: 1 }, [
-                (e.btn && e.btn.length > 0 || C(i) === 0 || C(i) === 7) && !e.isMessage ? (d(), f("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: D(["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), 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 }
+                  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: (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", {
+                    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: v[1] || (v[1] = (k) => Ue(u.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),
-            at.value ? (d(), f("span", fn)) : h("", !0)
-          ], 14, rn)) : 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 = [], mn = (e) => {
-  V.push(e);
-}, ye = (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);
   });
-}, vn = () => {
-  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;
-}, yn = (e, n) => (e && (n = Object.assign(n, e)), n), pn = (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;
-}, hn = (e) => typeof e == "function" ? Ie(e()) ? { default: () => e() } : void 0 : Ie(e) ? { default: () => e } : void 0, L = {
+}, 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 L.create(e, n);
+    return F.create(e, n);
   },
   // 抽屉
   drawer: (e) => {
     const n = {
       type: "drawer"
     };
-    return L.create(e, n);
+    return F.create(e, n);
   },
   // 消息
   msg: (e, n = {}, l) => {
@@ -1068,7 +1175,7 @@ const rn = ["id"], un = {
       btn: void 0,
       time: 2e3
     };
-    return L.create(n, t, l);
+    return F.create(n, t, l);
   },
   // 加载
   load: (e = 0, n = {}) => {
@@ -1081,7 +1188,7 @@ const rn = ["id"], un = {
       shade: !0,
       shadeOpacity: "0.3"
     };
-    return L.create(n, l);
+    return F.create(n, l);
   },
   // 确认
   confirm: (e, n = {}) => {
@@ -1090,7 +1197,7 @@ const rn = ["id"], un = {
       content: e,
       shadeClose: !1
     };
-    return L.create(n, l);
+    return F.create(n, l);
   },
   // 通知
   notify: (e, n) => {
@@ -1101,7 +1208,7 @@ const rn = ["id"], un = {
       area: "auto",
       shade: !1
     };
-    return L.create(e, l, n);
+    return F.create(e, l, n);
   },
   // 图片预览
   photos: (e) => {
@@ -1116,7 +1223,7 @@ const rn = ["id"], un = {
       shadeClose: !0,
       shadeOpacity: "0.2"
     };
-    return L.create(e, n);
+    return F.create(e, n);
   },
   // 输入层
   prompt: (e) => {
@@ -1126,85 +1233,90 @@ const rn = ["id"], un = {
       shadeClose: !1,
       shadeOpacity: "0.2"
     };
-    return L.create(e, n);
+    return F.create(e, n);
   },
   // 创建弹窗
   create: (e, n, l) => {
-    var a, u;
+    var a, r;
     let t;
-    const o = yn(e, n);
-    o.hasOwnProperty("id") ? L.close(o.id) : o.id = Ve();
-    const s = pn(o), r = De(
-      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, 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);
+          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);
         }
       },
-      hn(o.content)
+      Fn(o.content)
     );
-    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;
+    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(() => {
-        Q(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);
     }
-    ye(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(() => {
-        Q(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);
-    }), vn();
+    }), 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));
   }
-}, 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 = {
+}, 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) {
-    gn(e, n);
+    On(e, n);
   }
 };
 export {
-  pe as ZanLayer,
-  bn as default,
-  L as layer,
-  L as zanLayer
+  Ce as ZanLayer,
+  Mn as default,
+  F as layer,
+  F as zanLayer
 };