@gopowerteam/modal-render 0.0.47 → 1.0.0

package/dist/es/index.mjs

@@ -1,217 +1,266 @@
-import { unref as me, isRef as ge, toRefs as ye, customRef as be, onMounted as Y, nextTick as we, getCurrentScope as _e, onScopeDispose as xe, getCurrentInstance as V, ref as H, computed as E, watch as ee, defineComponent as K, useCssVars as Ce, inject as te, shallowRef as T, onUnmounted as ke, openBlock as y, createElementBlock as C, normalizeStyle as N, withModifiers as Me, createElementVNode as m, normalizeClass as Se, toDisplayString as O, createCommentVNode as z, createBlock as P, resolveDynamicComponent as re, normalizeProps as $e, guardReactiveProps as Ee, triggerRef as F, pushScopeId as le, popScopeId as ae, Fragment as Z, provide as Le, renderSlot as oe, Teleport as ne, createVNode as Ae, TransitionGroup as Oe, withCtx as Re, renderList as Te, mergeProps as Be, defineAsyncComponent as He } from "vue";
-const U = Symbol("__MODAL__");
-function de(t) {
-  return _e() ? (xe(t), !0) : !1;
+import { isRef as Te, toRefs as Ee, customRef as He, toValue as v, onMounted as ae, nextTick as Ae, watch as ce, getCurrentScope as Be, onScopeDispose as Oe, getCurrentInstance as q, ref as se, computed as A, shallowRef as O, unref as Pe, defineComponent as de, useCssVars as Re, inject as xe, onUnmounted as ze, openBlock as k, createElementBlock as E, withModifiers as We, normalizeStyle as K, createElementVNode as y, normalizeClass as Ie, toDisplayString as W, createCommentVNode as D, createBlock as N, resolveDynamicComponent as $e, normalizeProps as Ve, guardReactiveProps as De, triggerRef as U, Teleport as be, renderSlot as we, Fragment as ye, provide as Ne, createVNode as Fe, TransitionGroup as Xe, withCtx as Ye, renderList as je, mergeProps as Ge, defineAsyncComponent as Ke } from "vue";
+function Ue(e, n) {
+  return Be() ? (Oe(e, n), !0) : !1;
 }
-function w(t) {
-  return typeof t == "function" ? t() : me(t);
-}
-const ce = typeof window < "u" && typeof document < "u";
+const Le = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const ze = Object.prototype.toString, Pe = (t) => ze.call(t) === "[object Object]", Ie = () => {
-};
-function We(t) {
-  return V();
+const qe = Object.prototype.toString, Je = (e) => qe.call(e) === "[object Object]";
+function le(e) {
+  return Array.isArray(e) ? e : [e];
 }
-function De(t, i = {}) {
-  if (!ge(t))
-    return ye(t);
-  const o = Array.isArray(t.value) ? Array.from({ length: t.value.length }) : {};
-  for (const e in t.value)
-    o[e] = be(() => ({
-      get() {
-        return t.value[e];
-      },
-      set(l) {
-        var s;
-        if ((s = w(i.replaceRef)) != null ? s : !0)
-          if (Array.isArray(t.value)) {
-            const h = [...t.value];
-            h[e] = l, t.value = h;
-          } else {
-            const h = { ...t.value, [e]: l };
-            Object.setPrototypeOf(h, Object.getPrototypeOf(t.value)), t.value = h;
-          }
-        else
-          t.value[e] = l;
+function Qe(e) {
+  return q();
+}
+function Ze(e, n = {}) {
+  if (!Te(e)) return Ee(e);
+  const o = Array.isArray(e.value) ? Array.from({ length: e.value.length }) : {};
+  for (const t in e.value) o[t] = He(() => ({
+    get() {
+      return e.value[t];
+    },
+    set(s) {
+      var r;
+      if (!((r = v(n.replaceRef)) !== null && r !== void 0) || r) if (Array.isArray(e.value)) {
+        const u = [...e.value];
+        u[t] = s, e.value = u;
+      } else {
+        const u = {
+          ...e.value,
+          [t]: s
+        };
+        Object.setPrototypeOf(u, Object.getPrototypeOf(e.value)), e.value = u;
       }
-    }));
+      else e.value[t] = s;
+    }
+  }));
   return o;
 }
-function Ne(t, i = !0, o) {
-  We() ? Y(t, o) : i ? t() : we(t);
+function et(e, n = !0, o) {
+  Qe() ? ae(e, o) : n ? e() : Ae(e);
 }
-function B(t) {
-  var i;
-  const o = w(t);
-  return (i = o == null ? void 0 : o.$el) != null ? i : o;
+function tt(e, n, o) {
+  return ce(e, n, {
+    ...o,
+    immediate: !0
+  });
 }
-const q = ce ? window : void 0;
-function Q(...t) {
-  let i, o, e, l;
-  if (typeof t[0] == "string" || Array.isArray(t[0]) ? ([o, e, l] = t, i = q) : [i, o, e, l] = t, !i)
-    return Ie;
-  Array.isArray(o) || (o = [o]), Array.isArray(e) || (e = [e]);
-  const s = [], c = () => {
-    s.forEach((v) => v()), s.length = 0;
-  }, h = (v, u, r, d) => (v.addEventListener(u, r, d), () => v.removeEventListener(u, r, d)), _ = ee(
-    () => [B(i), w(l)],
-    ([v, u]) => {
-      if (c(), !v)
-        return;
-      const r = Pe(u) ? { ...u } : u;
-      s.push(
-        ...o.flatMap((d) => e.map((a) => h(v, d, a, r)))
-      );
-    },
-    { immediate: !0, flush: "post" }
-  ), b = () => {
-    _(), c();
-  };
-  return de(b), b;
+const ue = Le ? window : void 0;
+function I(e) {
+  var n;
+  const o = v(e);
+  return (n = o?.$el) !== null && n !== void 0 ? n : o;
+}
+function ge(...e) {
+  const n = (t, s, r, u) => (t.addEventListener(s, r, u), () => t.removeEventListener(s, r, u)), o = A(() => {
+    const t = le(v(e[0])).filter((s) => s != null);
+    return t.every((s) => typeof s != "string") ? t : void 0;
+  });
+  return tt(() => {
+    var t, s;
+    return [
+      (t = (s = o.value) === null || s === void 0 ? void 0 : s.map((r) => I(r))) !== null && t !== void 0 ? t : [ue].filter((r) => r != null),
+      le(v(o.value ? e[1] : e[0])),
+      le(Pe(o.value ? e[2] : e[1])),
+      v(o.value ? e[3] : e[2])
+    ];
+  }, ([t, s, r, u], w, _) => {
+    if (!t?.length || !s?.length || !r?.length) return;
+    const M = Je(u) ? { ...u } : u, x = t.flatMap((c) => s.flatMap((f) => r.map((m) => n(c, f, m, M))));
+    _(() => {
+      x.forEach((c) => c());
+    });
+  }, { flush: "post" });
+}
+// @__NO_SIDE_EFFECTS__
+function ot() {
+  const e = O(!1), n = q();
+  return n && ae(() => {
+    e.value = !0;
+  }, n), e;
 }
-function Fe() {
-  const t = H(!1), i = V();
-  return i && Y(() => {
-    t.value = !0;
-  }, i), t;
+// @__NO_SIDE_EFFECTS__
+function nt(e) {
+  const n = /* @__PURE__ */ ot();
+  return A(() => (n.value, !!e()));
 }
-function Ve(t) {
-  const i = Fe();
-  return E(() => (i.value, !!t()));
+const ie = {
+  speed: 2,
+  margin: 30,
+  direction: "both"
+};
+function it(e) {
+  e.scrollLeft > e.scrollWidth - e.clientWidth && (e.scrollLeft = Math.max(0, e.scrollWidth - e.clientWidth)), e.scrollTop > e.scrollHeight - e.clientHeight && (e.scrollTop = Math.max(0, e.scrollHeight - e.clientHeight));
 }
-function je(t, i = {}) {
-  var o, e;
-  const {
-    pointerTypes: l,
-    preventDefault: s,
-    stopPropagation: c,
-    exact: h,
-    onMove: _,
-    onEnd: b,
-    onStart: v,
-    initialValue: u,
-    axis: r = "both",
-    draggingElement: d = q,
-    containerElement: a,
-    handle: g = t
-  } = i, f = H(
-    (o = w(u)) != null ? o : { x: 0, y: 0 }
-  ), k = H(), R = (p) => l ? l.includes(p.pointerType) : !0, $ = (p) => {
-    w(s) && p.preventDefault(), w(c) && p.stopPropagation();
-  }, W = (p) => {
-    var L;
-    if (p.button !== 0 || w(i.disabled) || !R(p) || w(h) && p.target !== w(t))
-      return;
-    const x = w(a), A = (L = x == null ? void 0 : x.getBoundingClientRect) == null ? void 0 : L.call(x), M = w(t).getBoundingClientRect(), G = {
-      x: p.clientX - (x ? M.left - A.left + x.scrollLeft : M.left),
-      y: p.clientY - (x ? M.top - A.top + x.scrollTop : M.top)
+function lt(e, n = {}) {
+  var o, t, s, r;
+  const { pointerTypes: u, preventDefault: w, stopPropagation: _, exact: M, onMove: x, onEnd: c, onStart: f, initialValue: m, axis: a = "both", draggingElement: b = ue, containerElement: p, handle: X = e, buttons: Y = [0], restrictInView: R, autoScroll: T = !1 } = n, $ = se((o = v(m)) !== null && o !== void 0 ? o : {
+    x: 0,
+    y: 0
+  }), H = se(), B = (i) => u ? u.includes(i.pointerType) : !0, j = (i) => {
+    v(w) && i.preventDefault(), v(_) && i.stopPropagation();
+  }, V = v(T), P = typeof V == "object" ? {
+    speed: (t = v(V.speed)) !== null && t !== void 0 ? t : ie.speed,
+    margin: (s = v(V.margin)) !== null && s !== void 0 ? s : ie.margin,
+    direction: (r = V.direction) !== null && r !== void 0 ? r : ie.direction
+  } : ie, J = (i) => typeof i == "number" ? [i, i] : [i.x, i.y], Q = (i, d, h) => {
+    const { clientWidth: C, clientHeight: g, scrollLeft: L, scrollTop: te, scrollWidth: pe, scrollHeight: _e } = i, [Ce, ke] = J(P.margin), [Me, Se] = J(P.speed);
+    let oe = 0, ne = 0;
+    (P.direction === "x" || P.direction === "both") && (h.x < Ce && L > 0 ? oe = -Me : h.x + d.width > C - Ce && L < pe - C && (oe = Me)), (P.direction === "y" || P.direction === "both") && (h.y < ke && te > 0 ? ne = -Se : h.y + d.height > g - ke && te < _e - g && (ne = Se)), (oe || ne) && i.scrollBy({
+      left: oe,
+      top: ne,
+      behavior: "auto"
+    });
+  };
+  let z = null;
+  const he = () => {
+    const i = v(p);
+    i && !z && (z = setInterval(() => {
+      const d = v(e).getBoundingClientRect(), { x: h, y: C } = $.value, g = {
+        x: h - i.scrollLeft,
+        y: C - i.scrollTop
+      };
+      g.x >= 0 && g.y >= 0 && (Q(i, d, g), g.x += i.scrollLeft, g.y += i.scrollTop, $.value = g);
+    }, 1e3 / 60));
+  }, Z = () => {
+    z && (clearInterval(z), z = null);
+  }, me = (i, d, h, C) => {
+    const [g, L] = typeof h == "number" ? [h, h] : [h.x, h.y], { clientWidth: te, clientHeight: pe } = d;
+    return i.x < g || i.x + C.width > te - g || i.y < L || i.y + C.height > pe - L;
+  }, ve = () => {
+    if (v(n.disabled) || !H.value) return;
+    const i = v(p);
+    if (!i) return;
+    const d = v(e).getBoundingClientRect(), { x: h, y: C } = $.value;
+    me({
+      x: h - i.scrollLeft,
+      y: C - i.scrollTop
+    }, i, P.margin, d) ? he() : Z();
+  };
+  v(T) && ce($, ve);
+  const ee = (i) => {
+    var d;
+    if (!v(Y).includes(i.button) || v(n.disabled) || !B(i) || v(M) && i.target !== v(e)) return;
+    const h = v(p), C = h == null || (d = h.getBoundingClientRect) === null || d === void 0 ? void 0 : d.call(h), g = v(e).getBoundingClientRect(), L = {
+      x: i.clientX - (h ? g.left - C.left + (T ? 0 : h.scrollLeft) : g.left),
+      y: i.clientY - (h ? g.top - C.top + (T ? 0 : h.scrollTop) : g.top)
     };
-    (v == null ? void 0 : v(G, p)) !== !1 && (k.value = G, $(p));
-  }, J = (p) => {
-    if (w(i.disabled) || !R(p) || !k.value)
-      return;
-    const L = w(a), x = w(t).getBoundingClientRect();
-    let { x: A, y: M } = f.value;
-    (r === "x" || r === "both") && (A = p.clientX - k.value.x, L && (A = Math.min(Math.max(0, A), L.scrollWidth - x.width))), (r === "y" || r === "both") && (M = p.clientY - k.value.y, L && (M = Math.min(Math.max(0, M), L.scrollHeight - x.height))), f.value = {
-      x: A,
-      y: M
-    }, _ == null || _(f.value, p), $(p);
-  }, j = (p) => {
-    w(i.disabled) || !R(p) || k.value && (k.value = void 0, b == null || b(f.value, p), $(p));
+    f?.(L, i) !== !1 && (H.value = L, j(i));
+  }, l = (i) => {
+    if (v(n.disabled) || !B(i) || !H.value) return;
+    const d = v(p);
+    d instanceof HTMLElement && it(d);
+    const h = v(e).getBoundingClientRect();
+    let { x: C, y: g } = $.value;
+    if ((a === "x" || a === "both") && (C = i.clientX - H.value.x, d && (C = Math.min(Math.max(0, C), d.scrollWidth - h.width))), (a === "y" || a === "both") && (g = i.clientY - H.value.y, d && (g = Math.min(Math.max(0, g), d.scrollHeight - h.height))), v(T) && d && (z === null && Q(d, h, {
+      x: C,
+      y: g
+    }), C += d.scrollLeft, g += d.scrollTop), d && (R || T)) {
+      if (a !== "y") {
+        const L = C - d.scrollLeft;
+        L < 0 ? C = d.scrollLeft : L > d.clientWidth - h.width && (C = d.clientWidth - h.width + d.scrollLeft);
+      }
+      if (a !== "x") {
+        const L = g - d.scrollTop;
+        L < 0 ? g = d.scrollTop : L > d.clientHeight - h.height && (g = d.clientHeight - h.height + d.scrollTop);
+      }
+    }
+    $.value = {
+      x: C,
+      y: g
+    }, x?.($.value, i), j(i);
+  }, S = (i) => {
+    v(n.disabled) || !B(i) || H.value && (H.value = void 0, T && Z(), c?.($.value, i), j(i));
   };
-  if (ce) {
-    const p = { capture: (e = i.capture) != null ? e : !0 };
-    Q(g, "pointerdown", W, p), Q(d, "pointermove", J, p), Q(d, "pointerup", j, p);
+  if (Le) {
+    const i = () => {
+      var d;
+      return {
+        capture: (d = n.capture) !== null && d !== void 0 ? d : !0,
+        passive: !v(w)
+      };
+    };
+    ge(X, "pointerdown", ee, i), ge(b, "pointermove", l, i), ge(b, "pointerup", S, i);
   }
   return {
-    ...De(f),
-    position: f,
-    isDragging: E(() => !!k.value),
-    style: E(
-      () => `left:${f.value.x}px;top:${f.value.y}px;`
-    )
+    ...Ze($),
+    position: $,
+    isDragging: A(() => !!H.value),
+    style: A(() => `
+      left: ${$.value.x}px;
+      top: ${$.value.y}px;
+      ${T ? "text-wrap: nowrap;" : ""}
+    `)
   };
 }
-function Ge(t, i, o = {}) {
-  const { window: e = q, ...l } = o;
-  let s;
-  const c = Ve(() => e && "ResizeObserver" in e), h = () => {
-    s && (s.disconnect(), s = void 0);
-  }, _ = E(() => Array.isArray(t) ? t.map((u) => B(u)) : [B(t)]), b = ee(
-    _,
-    (u) => {
-      if (h(), c.value && e) {
-        s = new ResizeObserver(i);
-        for (const r of u)
-          r && s.observe(r, l);
-      }
-    },
-    { immediate: !0, flush: "post" }
-  ), v = () => {
-    h(), b();
+function rt(e, n, o = {}) {
+  const { window: t = ue, ...s } = o;
+  let r;
+  const u = /* @__PURE__ */ nt(() => t && "ResizeObserver" in t), w = () => {
+    r && (r.disconnect(), r = void 0);
+  }, _ = ce(A(() => {
+    const x = v(e);
+    return Array.isArray(x) ? x.map((c) => I(c)) : [I(x)];
+  }), (x) => {
+    if (w(), u.value && t) {
+      r = new ResizeObserver(n);
+      for (const c of x) c && r.observe(c, s);
+    }
+  }, {
+    immediate: !0,
+    flush: "post"
+  }), M = () => {
+    w(), _();
   };
-  return de(v), {
-    isSupported: c,
-    stop: v
+  return Ue(M), {
+    isSupported: u,
+    stop: M
   };
 }
-function D(t, i = { width: 0, height: 0 }, o = {}) {
-  const { window: e = q, box: l = "content-box" } = o, s = E(() => {
-    var u, r;
-    return (r = (u = B(t)) == null ? void 0 : u.namespaceURI) == null ? void 0 : r.includes("svg");
-  }), c = H(i.width), h = H(i.height), { stop: _ } = Ge(
-    t,
-    ([u]) => {
-      const r = l === "border-box" ? u.borderBoxSize : l === "content-box" ? u.contentBoxSize : u.devicePixelContentBoxSize;
-      if (e && s.value) {
-        const d = B(t);
-        if (d) {
-          const a = d.getBoundingClientRect();
-          c.value = a.width, h.value = a.height;
-        }
-      } else if (r) {
-        const d = Array.isArray(r) ? r : [r];
-        c.value = d.reduce((a, { inlineSize: g }) => a + g, 0), h.value = d.reduce((a, { blockSize: g }) => a + g, 0);
-      } else
-        c.value = u.contentRect.width, h.value = u.contentRect.height;
-    },
-    o
-  );
-  Ne(() => {
-    const u = B(t);
-    u && (c.value = "offsetWidth" in u ? u.offsetWidth : i.width, h.value = "offsetHeight" in u ? u.offsetHeight : i.height);
+function G(e, n = {
+  width: 0,
+  height: 0
+}, o = {}) {
+  const { window: t = ue, box: s = "content-box" } = o, r = A(() => {
+    var c;
+    return (c = I(e)) === null || c === void 0 || (c = c.namespaceURI) === null || c === void 0 ? void 0 : c.includes("svg");
+  }), u = O(n.width), w = O(n.height), { stop: _ } = rt(e, ([c]) => {
+    const f = s === "border-box" ? c.borderBoxSize : s === "content-box" ? c.contentBoxSize : c.devicePixelContentBoxSize;
+    if (t && r.value) {
+      const m = I(e);
+      if (m) {
+        const a = m.getBoundingClientRect();
+        u.value = a.width, w.value = a.height;
+      }
+    } else if (f) {
+      const m = le(f);
+      u.value = m.reduce((a, { inlineSize: b }) => a + b, 0), w.value = m.reduce((a, { blockSize: b }) => a + b, 0);
+    } else
+      u.value = c.contentRect.width, w.value = c.contentRect.height;
+  }, o);
+  et(() => {
+    const c = I(e);
+    c && (u.value = "offsetWidth" in c ? c.offsetWidth : n.width, w.value = "offsetHeight" in c ? c.offsetHeight : n.height);
   });
-  const b = ee(
-    () => B(t),
-    (u) => {
-      c.value = u ? i.width : 0, h.value = u ? i.height : 0;
-    }
-  );
-  function v() {
-    _(), b();
+  const M = ce(() => I(e), (c) => {
+    u.value = c ? n.width : 0, w.value = c ? n.height : 0;
+  });
+  function x() {
+    _(), M();
   }
   return {
-    width: c,
-    height: h,
-    stop: v
+    width: u,
+    height: w,
+    stop: x
   };
 }
-const Xe = (t) => (le("data-v-e065fedd"), t = t(), ae(), t), Ye = { class: "title text-16px font-bold" }, Ke = { class: "action" }, Ue = ["form"], qe = {
+const fe = /* @__PURE__ */ Symbol("__MODAL__"), st = { class: "title text-16px font-bold" }, at = { class: "action" }, ct = ["form"], dt = {
   key: 2,
   class: "modal-loading"
-}, Je = /* @__PURE__ */ Xe(() => /* @__PURE__ */ m("div", { class: "lds-ring" }, [
-  /* @__PURE__ */ m("div"),
-  /* @__PURE__ */ m("div"),
-  /* @__PURE__ */ m("div"),
-  /* @__PURE__ */ m("div")
-], -1)), Qe = [
-  Je
-], Ze = {
+}, ut = {
   name: "ModalContainer",
   inheritAttrs: !1
-}, et = /* @__PURE__ */ K({
-  ...Ze,
+}, ft = /* @__PURE__ */ de({
+  ...ut,
   props: {
     id: {},
     form: {},
@@ -244,160 +293,201 @@ const Xe = (t) => (le("data-v-e065fedd"), t = t(), ae(), t), Ye = { class: "titl
     onCancel: {}
   },
   emits: ["submit"],
-  setup(t, { expose: i, emit: o }) {
-    Ce((n) => ({
-      "0b220c17": n.zIndex
+  setup(e, { expose: n, emit: o }) {
+    Re((l) => ({
+      v4586ed24: l.zIndex
     }));
-    const e = t, l = o, s = te(U), c = H(!1);
-    let h = 0, _ = 0;
-    const b = T(), v = T(), u = T(), r = T(), d = T(), a = T(), { height: g } = D(b), { height: f } = D(u, void 0, { box: "border-box" }), { height: k } = D(r, void 0, { box: "border-box" }), { height: R } = D(d), { height: $ } = D(a), { x: W, y: J } = je(u, {
+    const t = e, s = o, r = xe(fe), u = se(!1);
+    let w = 0, _ = 0;
+    const M = O(), x = O(), c = O(), f = O(), m = O(), a = O(), { height: b } = G(
+      M
+    ), { height: p } = G(
+      c,
+      void 0,
+      { box: "border-box" }
+    ), { height: X } = G(
+      f,
+      void 0,
+      { box: "border-box" }
+    ), { height: Y } = G(
+      m
+    ), { height: R } = G(
+      a
+    ), { x: T, y: $ } = lt(c, {
       initialValue: { x: 0, y: 0 }
     });
-    function j() {
-      s == null || s.close(e.id);
+    function H() {
+      r?.close(t.id);
     }
-    function p(n) {
-      return typeof n == "number" ? `${n}px` : n;
+    function B(l) {
+      return typeof l == "number" ? `${l}px` : l;
     }
-    const L = E(() => {
-      const n = {};
-      return e.mode === "dialog" && (n.justifyContent = "center"), e.mode === "drawer" && (n.justifyContent = {
+    const j = A(() => {
+      const l = {};
+      return t.mode === "dialog" && (l.justifyContent = "center"), t.mode === "drawer" && (l.justifyContent = {
         left: "flex-start",
         right: "flex-end",
         top: "flex-start",
         bottom: "flex-end"
-      }[e.position], n.flexDirection = {
+      }[t.position], l.flexDirection = {
         left: "row",
         right: "row",
         top: "column",
         bottom: "column"
-      }[e.position]), n;
-    }), x = E(() => {
-      const n = {};
-      return e.mode === "drawer" && ["top", "bottom"].includes(e.position) ? n.maxHeight = p(e.maxHeight) : (n.width = p(e.sizes[e.size]), n.maxWidth = p(e.maxWidth)), e.width && (n.width = p(e.width)), e.height && (n.height = p(e.height)), e.fullscreen && (n.maxWidth = "unset", n.width = "100%", n.position = "fixed", n.top = 0, n.left = 0, n.bottom = 0, n.right = 0, n.borderRadius = 0), e.draggable && !e.fullscreen && e.mode === "dialog" && (n.transform = `translate3d(${W.value - h}px, ${J.value - _}px, 0px)`), e.mode === "drawer" && (n.borderRadius = 0, ["left", "right"].includes(e.position) ? n.height = "100%" : n.width = "100%"), e.offset && e.mode === "dialog" && (n.marginLeft = `${e.offset.x || 0}px`, n.marginTop = `${e.offset.y || 0}px`), e.backgroundColor && (n.backgroundColor = e.backgroundColor), n;
-    }), A = E(() => {
-      const n = {};
-      return e.draggable && !e.fullscreen && e.mode === "dialog" && (n.cursor = "move"), n;
-    }), M = E(() => {
-      const n = {}, S = R.value + $.value + f.value + k.value, se = Math.floor(g.value * (Number(p(e.maxHeight).replace("%", "")) / 100));
-      return e.maxHeight && (n.maxHeight = `${se - S}px`), e.mode === "drawer" && (n.maxHeight = "unset", ["left", "right"].includes(e.position) && (n.height = `${g.value - S}px`)), e.fullscreen && (n.maxHeight = "unset", n.height = `calc(100% - ${S}px)`), e.type !== "component" && (n.padding = "0"), e.bodyStyle && Object.assign(n, e.bodyStyle), n;
+      }[t.position]), l;
+    }), V = A(() => {
+      const l = {};
+      return t.mode === "drawer" && ["top", "bottom"].includes(t.position) ? l.maxHeight = B(t.maxHeight) : (l.width = B(t.sizes[t.size]), l.maxWidth = B(t.maxWidth)), t.width && (l.width = B(t.width)), t.height && (l.height = B(t.height)), t.fullscreen && (l.maxWidth = "unset", l.width = "100%", l.position = "fixed", l.top = 0, l.left = 0, l.bottom = 0, l.right = 0, l.borderRadius = 0), t.draggable && !t.fullscreen && t.mode === "dialog" && (l.transform = `translate3d(${T.value - w}px, ${$.value - _}px, 0px)`), t.mode === "drawer" && (l.borderRadius = 0, ["left", "right"].includes(t.position) ? l.height = "100%" : l.width = "100%"), t.offset && t.mode === "dialog" && (l.marginLeft = `${t.offset.x || 0}px`, l.marginTop = `${t.offset.y || 0}px`), t.backgroundColor && (l.backgroundColor = t.backgroundColor), l;
+    }), P = A(() => {
+      const l = {};
+      return t.draggable && !t.fullscreen && t.mode === "dialog" && (l.cursor = "move"), l;
+    }), J = A(() => {
+      const l = {}, S = Y.value + R.value + p.value + X.value, i = Math.floor(
+        b.value * (Number(B(t.maxHeight).replace("%", "")) / 100)
+      );
+      return t.maxHeight && (l.maxHeight = `${i - S}px`), t.mode === "drawer" && (l.maxHeight = "unset", ["left", "right"].includes(t.position) && (l.height = `${b.value - S}px`)), t.fullscreen && (l.maxHeight = "unset", l.height = `calc(100% - ${S}px)`), t.type !== "component" && (l.padding = "0"), t.bodyStyle && Object.assign(l, t.bodyStyle), l;
     });
-    function G() {
-      const n = v.value;
-      if (e.form && n) {
-        const S = n.querySelector(`form[name="${e.form}"]`);
+    function Q() {
+      const l = x.value;
+      if (t.form && l) {
+        const S = l.querySelector(
+          `form[name="${t.form}"]`
+        );
         S && S.dispatchEvent(new Event("submit"));
       }
-      e.onOk && e.onOk({
-        close: () => s == null ? void 0 : s.close(e.id)
-      }), l("submit");
+      t.onOk && t.onOk({
+        close: () => r?.close(t.id)
+      }), s("submit");
     }
-    function ue() {
-      s == null || s.close(e.id), e != null && e.onCancel && e.onCancel();
+    function z() {
+      r?.close(t.id), t?.onCancel && t.onCancel();
     }
-    function fe() {
+    function he() {
       window && window.addEventListener("resize", () => {
-        F(b), F(v), v.value && (h = v.value.offsetLeft, _ = v.value.offsetTop);
+        U(M), U(x), x.value && (w = x.value.offsetLeft, _ = x.value.offsetTop);
       });
     }
-    function pe() {
-      if (e.closeable && e.esc) {
-        const n = ({ key: S }) => {
-          S === "Escape" && (s == null || s.close(e.id), window.removeEventListener("keydown", n));
+    function Z() {
+      if (t.closeable && t.esc) {
+        const l = ({ key: S }) => {
+          S === "Escape" && (r?.close(t.id), window.removeEventListener("keydown", l));
         };
-        window.addEventListener("keydown", n);
+        window.addEventListener("keydown", l);
       }
     }
-    function he() {
-      h = v.value.offsetLeft, _ = v.value.offsetTop;
+    function me() {
+      w = x.value.offsetLeft, _ = x.value.offsetTop;
     }
-    Y(() => {
-      pe(), fe();
-    }), ke(() => {
+    ae(() => {
+      Z(), he();
+    }), ze(() => {
     });
     function ve() {
-      return c.value = !0, () => ie();
+      return u.value = !0, () => ee();
     }
-    function ie() {
-      c.value = !1;
+    function ee() {
+      u.value = !1;
     }
-    return i({
+    return n({
       showLoading: ve,
-      hideLoading: ie
-    }), (n, S) => (y(), C("div", {
+      hideLoading: ee
+    }), (l, S) => (k(), E("div", {
       ref_key: "wrapperRef",
-      ref: b,
+      ref: M,
       class: "modal-wrapper",
-      style: N(L.value),
-      onClick: S[0] || (S[0] = Me((se) => n.maskClosable && j(), ["self"]))
+      style: K(j.value),
+      onClick: S[0] || (S[0] = We((i) => e.maskClosable && H(), ["self"]))
     }, [
-      m("div", {
+      y("div", {
         ref_key: "contentRef",
-        ref: v,
-        class: Se(["modal-content", { [`${n.mode}-mode`]: !0, [`${n.position}-position`]: !0 }]),
-        style: N(x.value)
+        ref: x,
+        class: Ie(["modal-content", { [`${e.mode}-mode`]: !0, [`${e.position}-position`]: !0 }]),
+        style: K(V.value)
       }, [
-        n.header ? (y(), C("div", {
+        e.header ? (k(), E("div", {
           key: 0,
           ref_key: "headerRef",
-          ref: u,
+          ref: c,
           class: "modal-header",
-          style: N(A.value),
-          onMousedown: he
+          style: K(P.value),
+          onMousedown: me
         }, [
-          m("div", Ye, O(n.title), 1),
-          m("div", Ke, [
-            n.closeable ? (y(), C("div", {
+          y("div", st, W(e.title), 1),
+          y("div", at, [
+            e.closeable ? (k(), E("div", {
               key: 0,
               class: "i-icon-park-outline:close block cursor-pointer",
-              onClick: j
-            })) : z("", !0)
+              onClick: H
+            })) : D("", !0)
           ])
-        ], 36)) : z("", !0),
-        m("div", {
+        ], 36)) : D("", !0),
+        y("div", {
           id: "modal-header-slot",
           ref_key: "headerSlotRef",
-          ref: d
+          ref: m
         }, null, 512),
-        m("div", {
+        y("div", {
           class: "modal-body",
-          style: N(M.value)
+          style: K(J.value)
         }, [
-          (y(), P(re(n.component), $e(Ee(n.componentProps)), null, 16))
+          (k(), N($e(e.component), Ve(De(e.componentProps)), null, 16))
         ], 4),
-        m("div", {
+        y("div", {
           id: "modal-footer-slot",
           ref_key: "footerSlotRef",
           ref: a
         }, null, 512),
-        n.footer ? (y(), C("div", {
+        e.footer ? (k(), E("div", {
           key: 1,
           ref_key: "footerRef",
-          ref: r,
+          ref: f,
           class: "modal-footer space-x-2"
         }, [
-          m("button", {
+          y("button", {
             class: "cancel-button",
             type: "button",
-            onClick: ue
-          }, O(n.cancelText), 1),
-          m("button", {
+            onClick: z
+          }, W(e.cancelText), 1),
+          y("button", {
             class: "submit-button",
-            form: n.form,
-            type: "button",
-            onClick: G
-          }, O(n.submitText), 9, Ue)
-        ], 512)) : z("", !0),
-        c.value ? (y(), C("div", qe, Qe)) : z("", !0)
+            form: e.form,
+            type: "submit",
+            onClick: Q
+          }, W(e.submitText), 9, ct)
+        ], 512)) : D("", !0),
+        u.value ? (k(), E("div", dt, [...S[1] || (S[1] = [
+          y("div", { class: "lds-ring" }, [
+            y("div"),
+            y("div"),
+            y("div"),
+            y("div")
+          ], -1)
+        ])])) : D("", !0)
       ], 6)
     ], 4));
   }
-}), I = (t, i) => {
-  const o = t.__vccOpts || t;
-  for (const [e, l] of i)
-    o[e] = l;
+}), F = (e, n) => {
+  const o = e.__vccOpts || e;
+  for (const [t, s] of n)
+    o[t] = s;
   return o;
-}, tt = /* @__PURE__ */ I(et, [["__scopeId", "data-v-e065fedd"]]), ot = { class: "modal-dialog" }, nt = { class: "dialog-body" }, it = { class: "dialog-title" }, st = { class: "dialog-content" }, rt = /* @__PURE__ */ K({
+}, ht = /* @__PURE__ */ F(ft, [["__scopeId", "data-v-1d490f4f"]]), mt = {}, vt = { class: "modal-footer" };
+function pt(e, n) {
+  return k(), N(be, { to: "#modal-footer-slot" }, [
+    y("div", vt, [
+      we(e.$slots, "default", {}, void 0, !0)
+    ])
+  ]);
+}
+const Pt = /* @__PURE__ */ F(mt, [["render", pt], ["__scopeId", "data-v-2b3b820b"]]), gt = {}, yt = { class: "modal-header" };
+function xt(e, n) {
+  return k(), N(be, { to: "#modal-header-slot" }, [
+    y("div", yt, [
+      we(e.$slots, "default", {}, void 0, !0)
+    ])
+  ]);
+}
+const Rt = /* @__PURE__ */ F(gt, [["render", xt], ["__scopeId", "data-v-4d035831"]]), bt = { class: "modal-dialog" }, wt = { class: "dialog-body" }, Ct = { class: "dialog-title" }, kt = { class: "dialog-content" }, Mt = /* @__PURE__ */ de({
   __name: "modal-dialog",
   props: {
     type: {},
@@ -409,71 +499,71 @@ const Xe = (t) => (le("data-v-e065fedd"), t = t(), ae(), t), Ye = { class: "titl
     onCancel: {},
     footer: {}
   },
-  setup(t) {
-    const i = t, o = Ct(), e = E(() => i.title ? i.title : {
+  setup(e) {
+    const n = e, o = Bt(), t = A(() => n.title ? n.title : {
       confirm: "提示",
       info: "提示",
       warning: "警告",
       error: "错误",
       success: "成功"
-    }[i.type]);
-    async function l() {
-      i.onOk && await i.onOk(), o.close();
-    }
+    }[n.type]);
     async function s() {
-      i.onCancel && await i.onCancel(), o.close();
+      n.onOk && await n.onOk(), o.close();
+    }
+    async function r() {
+      n.onCancel && await n.onCancel(), o.close();
     }
-    return (c, h) => (y(), C("section", ot, [
-      m("div", nt, [
-        m("div", it, O(e.value), 1),
-        m("div", st, O(c.content), 1)
+    return (u, w) => (k(), E("section", bt, [
+      y("div", wt, [
+        y("div", Ct, W(t.value), 1),
+        y("div", kt, W(e.content), 1)
       ]),
-      m("div", {
+      y("div", {
         class: "dialog-footer space-x-2",
-        style: N(c.type === "confirm" ? { "justify-content": "end" } : { "border-top": "none" })
+        style: K(e.type === "confirm" ? { "justify-content": "end" } : { "border-top": "none" })
       }, [
-        c.footer ? (y(), P(re(c.footer), { key: 0 })) : (y(), C(Z, { key: 1 }, [
-          m("button", {
+        e.footer ? (k(), N($e(e.footer), { key: 0 })) : (k(), E(ye, { key: 1 }, [
+          y("button", {
             class: "submit-button",
-            type: "submit",
-            onClick: l
-          }, O(c.okText), 1),
-          c.type === "confirm" ? (y(), C("button", {
+            type: "button",
+            onClick: s
+          }, W(e.okText), 1),
+          e.type === "confirm" ? (k(), E("button", {
             key: 0,
             class: "cancel-button",
             type: "button",
-            onClick: s
-          }, O(c.cancelText), 1)) : z("", !0)
+            onClick: r
+          }, W(e.cancelText), 1)) : D("", !0)
         ], 64))
       ], 4)
     ]));
   }
-}), lt = /* @__PURE__ */ I(rt, [["__scopeId", "data-v-0c6b8db2"]]), at = (t) => (le("data-v-559bdf2e"), t = t(), ae(), t), dt = { class: "flex-center" }, ct = /* @__PURE__ */ at(() => /* @__PURE__ */ m("div", { class: "modal-loading" }, [
-  /* @__PURE__ */ m("div", { class: "lds-ring" }, [
-    /* @__PURE__ */ m("div"),
-    /* @__PURE__ */ m("div"),
-    /* @__PURE__ */ m("div"),
-    /* @__PURE__ */ m("div")
-  ])
-], -1)), ut = { class: "modal-loading-text" }, ft = /* @__PURE__ */ K({
+}), St = /* @__PURE__ */ F(Mt, [["__scopeId", "data-v-f5ece095"]]), $t = { class: "flex-center" }, Lt = { class: "modal-loading-text" }, _t = /* @__PURE__ */ de({
   __name: "modal-loading",
   props: {
     text: { default: "加载中" }
   },
-  setup(t) {
-    return (i, o) => (y(), C("section", dt, [
-      ct,
-      m("div", ut, O(i.text), 1)
+  setup(e) {
+    return (n, o) => (k(), E("section", $t, [
+      o[0] || (o[0] = y("div", { class: "modal-loading" }, [
+        y("div", { class: "lds-ring" }, [
+          y("div"),
+          y("div"),
+          y("div"),
+          y("div")
+        ])
+      ], -1)),
+      y("div", Lt, W(e.text), 1)
     ]));
   }
-}), pt = /* @__PURE__ */ I(ft, [["__scopeId", "data-v-559bdf2e"]]), ht = {
+}), Tt = /* @__PURE__ */ F(_t, [["__scopeId", "data-v-27aee8fa"]]), Et = {
   key: 0,
   class: "modal-teleport"
-}, vt = {
+}, Ht = {
   name: "ModalProvider",
   inheritAttrs: !1
-}, mt = /* @__PURE__ */ K({
-  ...vt,
+}, At = /* @__PURE__ */ de({
+  ...Ht,
   props: {
     appendToBody: { type: [Boolean, String], default: !1 },
     sizes: { default: () => ({
@@ -485,234 +575,217 @@ const Xe = (t) => (le("data-v-e065fedd"), t = t(), ae(), t), Ye = { class: "titl
     maxHeight: { default: "90%" },
     offset: { default: () => ({ x: 0, y: 0 }) }
   },
-  setup(t, { expose: i }) {
-    const o = T([]), e = H(!1), l = V();
-    function s(r, d = {}, a = {}) {
-      const g = He(
-        () => Promise.resolve(typeof r == "string" ? lt : r)
+  setup(e, { expose: n }) {
+    const o = O([]), t = se(!1), s = q();
+    function r(f, m = {}, a = {}) {
+      const b = Ke(
+        () => Promise.resolve(typeof f == "string" ? St : f)
       );
-      typeof r == "string" && (d.type = r, a.size = "small", a.fullscreen = !1, a.mode = "dialog", a.footer = !1, a.header = !1);
-      const f = Math.random().toString(32).slice(2), k = Object.assign({
-        zIndex: typeof r == "string" ? 1100 : 1e3
-      }, a), R = new Promise(($, W) => {
+      typeof f == "string" && (m.type = f, a.size = "small", a.fullscreen = !1, a.mode = "dialog", a.footer = !1, a.header = !1);
+      const p = Math.random().toString(32).slice(2), X = Object.assign(
+        {
+          zIndex: typeof f == "string" ? 1100 : 1e3
+        },
+        a
+      ), Y = new Promise((R, T) => {
         o.value.push({
-          id: f,
-          component: g,
-          props: d || {},
+          id: p,
+          component: b,
+          props: m || {},
           options: {
-            ...k,
-            type: typeof r == "string" ? r : "component"
+            ...X,
+            type: typeof f == "string" ? f : "component"
           },
-          resolve: $,
-          reject: W,
+          resolve: R,
+          reject: T,
           listeners: []
-        }), F(o);
-      }).catch(($) => $ === "CANCEL" ? new Promise(() => {
-      }) : Promise.reject($));
-      return Object.assign(R, {
-        close: () => c(f)
+        }), U(o);
+      }).catch((R) => R === "CANCEL" ? new Promise(() => {
+      }) : Promise.reject(R));
+      return Object.assign(Y, {
+        close: () => u(p)
       });
     }
-    function c(r, d) {
-      const a = o.value.findIndex((f) => f.id === r);
+    function u(f, m) {
+      const a = o.value.findIndex((p) => p.id === f);
       if (a < 0)
         return;
-      const g = o.value[a];
-      d === void 0 ? g == null || g.reject("CANCEL") : g == null || g.resolve(d), o.value.splice(a, 1), F(o);
+      const b = o.value[a];
+      m === void 0 ? b?.reject("CANCEL") : b?.resolve(m), o.value.splice(a, 1), U(o);
     }
-    function h() {
-      !o.value || o.value.length === 0 || (o.value.forEach((r) => {
-        r == null || r.reject("CANCEL");
-      }), o.value = [], F(o));
+    function w() {
+      !o.value || o.value.length === 0 || (o.value.forEach((f) => {
+        f?.reject("CANCEL");
+      }), o.value = [], U(o));
     }
-    function _(r, d) {
-      const a = o.value.find((f) => f.id === r);
+    function _(f, m) {
+      const a = o.value.find((p) => p.id === f);
       if (!a)
         return;
-      const g = a.listeners.find((f) => f.event === d);
-      g && g.callback({
-        open: s,
-        close: (f) => c(a.id, f),
-        closeAll: h,
-        showLoading: () => b(a.id),
-        hideLoading: () => v(a.id),
-        confirm: (f) => s("confirm", f),
-        success: (f) => s("success", f),
-        error: (f) => s("error", f),
-        warning: (f) => s("warning", f),
-        info: (f) => s("info", f)
+      const b = a.listeners.find((p) => p.event === m);
+      b && b.callback({
+        open: r,
+        close: (p) => u(a.id, p),
+        closeAll: w,
+        showLoading: () => M(a.id),
+        hideLoading: () => x(a.id),
+        confirm: (p) => r("confirm", p),
+        success: (p) => r("success", p),
+        error: (p) => r("error", p),
+        warning: (p) => r("warning", p),
+        info: (p) => r("info", p)
       });
     }
-    function b(r, d) {
-      if (!l)
+    function M(f, m) {
+      if (!s)
         return;
-      const [a] = l.refs[`modal-container_${r}`] || [];
+      const [a] = s.refs[`modal-container_${f}`] || [];
       if (a)
         return a.showLoading();
       {
-        const { close: g } = s(pt, {
-          text: d == null ? void 0 : d.text
-        }, {
-          footer: !1,
-          header: !1,
-          closeable: !1,
-          backgroundColor: "transparent"
-        });
-        return d != null && d.duration && setTimeout(
-          () => {
-            g();
+        const { close: b } = r(
+          Tt,
+          {
+            text: m?.text
           },
-          d == null ? void 0 : d.duration
-        ), g;
+          {
+            footer: !1,
+            header: !1,
+            closeable: !1,
+            backgroundColor: "transparent"
+          }
+        );
+        return m?.duration && setTimeout(() => {
+          b();
+        }, m?.duration), b;
       }
     }
-    function v(r) {
-      if (!l)
+    function x(f) {
+      if (!s)
         return;
-      const [d] = l.refs[`modal-container_${r}`];
-      if (d)
-        return d.hideLoading();
+      const [m] = s.refs[`modal-container_${f}`];
+      if (m)
+        return m.hideLoading();
     }
-    function u(r, d, a) {
-      const g = o.value.find((f) => f.id === r);
-      g && g.listeners.push({
-        event: d,
+    function c(f, m, a) {
+      const b = o.value.find((p) => p.id === f);
+      b && b.listeners.push({
+        event: m,
         callback: a
       });
     }
-    return Le(U, {
-      open: s,
-      close: c,
-      closeAll: h,
-      addEventListener: u,
-      showLoading: b,
-      hideLoading: v
-    }), i({
+    return Ne(fe, {
+      open: r,
+      close: u,
+      closeAll: w,
+      addEventListener: c,
+      showLoading: M,
+      hideLoading: x
+    }), n({
       elements: o,
-      open: s,
-      close: c,
-      closeAll: h
-    }), Y(() => {
-      e.value = !0;
-    }), (r, d) => (y(), C(Z, null, [
-      oe(r.$slots, "default", {}, void 0, !0),
-      e.value ? (y(), C("div", ht, [
-        (y(), P(ne, {
-          disabled: !r.appendToBody,
-          to: typeof r.appendToBody == "string" ? r.appendToBody : "body"
+      open: r,
+      close: u,
+      closeAll: w
+    }), ae(() => {
+      t.value = !0;
+    }), (f, m) => (k(), E(ye, null, [
+      we(f.$slots, "default", {}, void 0, !0),
+      t.value ? (k(), E("div", Et, [
+        (k(), N(be, {
+          disabled: !e.appendToBody,
+          to: typeof e.appendToBody == "string" ? e.appendToBody : "body"
         }, [
-          Ae(Oe, { name: "modal-fade" }, {
-            default: Re(() => [
-              (y(!0), C(Z, null, Te(o.value, (a) => (y(), P(tt, Be({
+          Fe(Xe, { name: "modal-fade" }, {
+            default: Ye(() => [
+              (k(!0), E(ye, null, je(o.value, (a) => (k(), N(ht, Ge({
                 id: a.id,
                 key: a.id,
                 ref_for: !0,
                 ref: `modal-container_${a.id}`,
                 component: a.component,
                 "component-props": a.props,
-                "max-height": r.maxHeight,
-                "max-width": r.maxWidth,
-                offset: r.offset,
-                sizes: r.sizes
-              }, a.options, {
+                "max-height": e.maxHeight,
+                "max-width": e.maxWidth,
+                offset: e.offset,
+                sizes: e.sizes
+              }, { ref_for: !0 }, a.options, {
                 onSubmit: () => _(a.id, "submit")
               }), null, 16, ["id", "component", "component-props", "max-height", "max-width", "offset", "sizes", "onSubmit"]))), 128))
             ]),
             _: 1
           })
         ], 8, ["disabled", "to"]))
-      ])) : z("", !0)
+      ])) : D("", !0)
     ], 64));
   }
-}), Mt = /* @__PURE__ */ I(mt, [["__scopeId", "data-v-448d3772"]]), gt = {}, yt = { class: "modal-footer" };
-function bt(t, i) {
-  return y(), P(ne, { to: "#modal-footer-slot" }, [
-    m("div", yt, [
-      oe(t.$slots, "default", {}, void 0, !0)
-    ])
-  ]);
-}
-const St = /* @__PURE__ */ I(gt, [["render", bt], ["__scopeId", "data-v-46f8d703"]]), wt = {}, _t = { class: "modal-header" };
-function xt(t, i) {
-  return y(), P(ne, { to: "#modal-header-slot" }, [
-    m("div", _t, [
-      oe(t.$slots, "default", {}, void 0, !0)
-    ])
-  ]);
-}
-const $t = /* @__PURE__ */ I(wt, [["render", xt], ["__scopeId", "data-v-d0247172"]]);
-function X(t, i) {
-  var e, l;
-  let o = t == null ? void 0 : t.parent;
-  for (; o && ((e = o == null ? void 0 : o.type) == null ? void 0 : e.name) !== i; )
+}), zt = /* @__PURE__ */ F(At, [["__scopeId", "data-v-d74e77f1"]]);
+function re(e, n) {
+  let o = e?.parent;
+  for (; o && o?.type?.name !== n; )
     o = o.parent;
-  return ((l = o == null ? void 0 : o.type) == null ? void 0 : l.name) === i ? o : null;
+  return o?.type?.name === n ? o : null;
 }
-function Ct() {
-  const t = te(U), i = V();
-  function o(e, l, s) {
-    if (!t)
+function Bt() {
+  const e = xe(fe), n = q();
+  function o(t, s, r) {
+    if (!e)
       throw new Error("Not Found Modal Provider Component");
-    return t.open(e, l, s);
+    return e.open(t, s, r);
   }
   return {
     open: o,
-    close(e) {
-      var c;
-      if (!t)
+    close(t) {
+      if (!e)
         throw new Error("Not Found Modal Provider Component");
-      const l = X(i, "ModalContainer"), s = (c = l == null ? void 0 : l.props) == null ? void 0 : c.id;
-      if (!s)
+      const r = re(n, "ModalContainer")?.props?.id;
+      if (!r)
         throw new Error("Not Found Current Modal Container");
-      t.close(s, e);
+      e.close(r, t);
     },
     closeAll() {
-      if (!t)
+      if (!e)
         throw new Error("Not Found Modal Provider Component");
-      t.closeAll();
+      e.closeAll();
     },
-    showLoading(e) {
-      var c;
-      if (!t)
+    showLoading(t) {
+      if (!e)
         throw new Error("Not Found Modal Provider Component");
-      const l = X(i, "ModalContainer"), s = (c = l == null ? void 0 : l.props) == null ? void 0 : c.id;
-      return t.showLoading(s, e);
+      const r = re(n, "ModalContainer")?.props?.id;
+      return e.showLoading(r, t);
     },
     hideLoading() {
-      var s;
-      if (!t)
+      if (!e)
         throw new Error("Not Found Modal Provider Component");
-      const e = X(i, "ModalContainer"), l = (s = e == null ? void 0 : e.props) == null ? void 0 : s.id;
-      return t.hideLoading(l);
+      const s = re(n, "ModalContainer")?.props?.id;
+      return e.hideLoading(s);
     },
-    confirm(e) {
-      return this.open("confirm", e);
+    confirm(t) {
+      return this.open("confirm", t);
     },
-    info(e) {
-      return this.open("info", e);
+    info(t) {
+      return this.open("info", t);
     },
-    error(e) {
-      return this.open("error", e);
+    error(t) {
+      return this.open("error", t);
     },
-    warning(e) {
-      return this.open("warning", e);
+    warning(t) {
+      return this.open("warning", t);
     },
-    success(e) {
-      return this.open("success", e);
+    success(t) {
+      return this.open("success", t);
     }
   };
 }
-function Et(t) {
-  var s;
-  const i = te(U), o = V(), e = X(o, "ModalContainer"), l = (s = e == null ? void 0 : e.props) == null ? void 0 : s.id;
-  i && l && i.addEventListener(l, "submit", t);
+function Wt(e) {
+  const n = xe(fe), o = q(), s = re(o, "ModalContainer")?.props?.id;
+  n && s && n.addEventListener(s, "submit", e);
 }
 export {
-  tt as ModalContainer,
-  St as ModalFooter,
-  $t as ModalHeader,
-  U as ModalKey,
-  Mt as ModalProvider,
-  Et as onSubmit,
-  Ct as useModal
+  ht as ModalContainer,
+  Pt as ModalFooter,
+  Rt as ModalHeader,
+  fe as ModalKey,
+  zt as ModalProvider,
+  Wt as onSubmit,
+  Bt as useModal
 };