@gopowerteam/modal-render 0.0.37 → 0.0.38

package/dist/es/index.mjs

@@ -1,129 +1,131 @@
-import { unref as ve, isRef as he, toRefs as me, customRef as ge, getCurrentInstance as j, onMounted as K, nextTick as ye, getCurrentScope as _e, onScopeDispose as we, ref as T, computed as E, watch as ee, defineComponent as te, useCssVars as be, inject as oe, shallowRef as O, onUnmounted as xe, openBlock as y, createElementBlock as M, normalizeStyle as D, withModifiers as Ce, createElementVNode as g, normalizeClass as ke, toDisplayString as z, createCommentVNode as N, createBlock as F, resolveDynamicComponent as le, normalizeProps as Me, guardReactiveProps as Se, triggerRef as V, pushScopeId as Ee, popScopeId as $e, Fragment as Z, provide as Ae, renderSlot as ne, Teleport as se, createVNode as Le, TransitionGroup as Re, withCtx as Be, renderList as Oe, mergeProps as ze, defineAsyncComponent as Pe } from "vue";
-const U = Symbol("__MODAL__");
-function ae(t) {
-  return _e() ? (we(t), !0) : !1;
+import { unref as he, isRef as me, toRefs as ve, customRef as ge, onMounted as Y, nextTick as ye, getCurrentScope as be, onScopeDispose as we, getCurrentInstance as F, ref as H, computed as E, watch as Z, defineComponent as ee, useCssVars as _e, inject as te, shallowRef as O, onUnmounted as xe, openBlock as y, createElementBlock as S, normalizeStyle as W, withModifiers as Ce, createElementVNode as g, normalizeClass as ke, toDisplayString as T, createCommentVNode as P, createBlock as N, resolveDynamicComponent as ie, normalizeProps as Me, guardReactiveProps as Se, triggerRef as D, pushScopeId as $e, popScopeId as Ee, Fragment as Q, provide as Le, renderSlot as oe, Teleport as ne, createVNode as Ae, TransitionGroup as Re, withCtx as Oe, renderList as Te, mergeProps as Be, defineAsyncComponent as He } from "vue";
+const K = Symbol("__MODAL__");
+function le(t) {
+  return be() ? (we(t), !0) : !1;
 }
-function x(t) {
-  return typeof t == "function" ? t() : ve(t);
+function w(t) {
+  return typeof t == "function" ? t() : he(t);
 }
-const de = typeof window < "u" && typeof document < "u";
+const ae = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Te = Object.prototype.toString, He = (t) => Te.call(t) === "[object Object]", Ne = () => {
+const ze = Object.prototype.toString, Pe = (t) => ze.call(t) === "[object Object]", Ne = () => {
 };
-function Fe(t, r = {}) {
-  if (!he(t))
-    return me(t);
-  const o = Array.isArray(t.value) ? Array.from({ length: t.value.length }) : {};
+function Ie(t) {
+  return F();
+}
+function We(t, r = {}) {
+  if (!me(t))
+    return ve(t);
+  const n = Array.isArray(t.value) ? Array.from({ length: t.value.length }) : {};
   for (const e in t.value)
-    o[e] = ge(() => ({
+    n[e] = ge(() => ({
       get() {
         return t.value[e];
       },
       set(a) {
         var i;
-        if ((i = x(r.replaceRef)) != null ? i : !0)
+        if ((i = w(r.replaceRef)) != null ? i : !0)
           if (Array.isArray(t.value)) {
-            const v = [...t.value];
-            v[e] = a, t.value = v;
+            const h = [...t.value];
+            h[e] = a, t.value = h;
           } else {
-            const v = { ...t.value, [e]: a };
-            Object.setPrototypeOf(v, Object.getPrototypeOf(t.value)), t.value = v;
+            const h = { ...t.value, [e]: a };
+            Object.setPrototypeOf(h, Object.getPrototypeOf(t.value)), t.value = h;
           }
         else
           t.value[e] = a;
       }
     }));
-  return o;
+  return n;
 }
-function Ie(t, r = !0) {
-  j() ? K(t) : r ? t() : ye(t);
+function De(t, r = !0, n) {
+  Ie() ? Y(t, n) : r ? t() : ye(t);
 }
-function P(t) {
+function B(t) {
   var r;
-  const o = x(t);
-  return (r = o == null ? void 0 : o.$el) != null ? r : o;
+  const n = w(t);
+  return (r = n == null ? void 0 : n.$el) != null ? r : n;
 }
-const q = de ? window : void 0;
-function Q(...t) {
-  let r, o, e, a;
-  if (typeof t[0] == "string" || Array.isArray(t[0]) ? ([o, e, a] = t, r = q) : [r, o, e, a] = t, !r)
+const U = ae ? window : void 0;
+function J(...t) {
+  let r, n, e, a;
+  if (typeof t[0] == "string" || Array.isArray(t[0]) ? ([n, e, a] = t, r = U) : [r, n, e, a] = t, !r)
     return Ne;
-  Array.isArray(o) || (o = [o]), Array.isArray(e) || (e = [e]);
+  Array.isArray(n) || (n = [n]), Array.isArray(e) || (e = [e]);
   const i = [], c = () => {
-    i.forEach((h) => h()), i.length = 0;
-  }, v = (h, d, s, u) => (h.addEventListener(d, s, u), () => h.removeEventListener(d, s, u)), w = ee(
-    () => [P(r), x(a)],
-    ([h, d]) => {
-      if (c(), !h)
+    i.forEach((m) => m()), i.length = 0;
+  }, h = (m, d, s, u) => (m.addEventListener(d, s, u), () => m.removeEventListener(d, s, u)), _ = Z(
+    () => [B(r), w(a)],
+    ([m, d]) => {
+      if (c(), !m)
         return;
-      const s = He(d) ? { ...d } : d;
+      const s = Pe(d) ? { ...d } : d;
       i.push(
-        ...o.flatMap((u) => e.map((l) => v(h, u, l, s)))
+        ...n.flatMap((u) => e.map((l) => h(m, u, l, s)))
       );
     },
     { immediate: !0, flush: "post" }
-  ), _ = () => {
-    w(), c();
+  ), b = () => {
+    _(), c();
   };
-  return ae(_), _;
+  return le(b), b;
 }
-function We() {
-  const t = T(!1);
-  return j() && K(() => {
+function Fe() {
+  const t = H(!1), r = F();
+  return r && Y(() => {
     t.value = !0;
-  }), t;
+  }, r), t;
 }
-function De(t) {
-  const r = We();
+function Ve(t) {
+  const r = Fe();
   return E(() => (r.value, !!t()));
 }
-function Ve(t, r = {}) {
-  var o, e;
+function je(t, r = {}) {
+  var n, e;
   const {
     pointerTypes: a,
     preventDefault: i,
     stopPropagation: c,
-    exact: v,
-    onMove: w,
-    onEnd: _,
-    onStart: h,
+    exact: h,
+    onMove: _,
+    onEnd: b,
+    onStart: m,
     initialValue: d,
     axis: s = "both",
-    draggingElement: u = q,
+    draggingElement: u = U,
     containerElement: l,
-    handle: m = t
-  } = r, f = T(
-    (o = x(d)) != null ? o : { x: 0, y: 0 }
-  ), C = T(), L = (p) => a ? a.includes(p.pointerType) : !0, S = (p) => {
-    x(i) && p.preventDefault(), x(c) && p.stopPropagation();
+    handle: v = t
+  } = r, f = H(
+    (n = w(d)) != null ? n : { x: 0, y: 0 }
+  ), C = H(), R = (p) => a ? a.includes(p.pointerType) : !0, $ = (p) => {
+    w(i) && p.preventDefault(), w(c) && p.stopPropagation();
   }, I = (p) => {
-    var R;
-    if (!L(p) || x(v) && p.target !== x(t))
+    var L;
+    if (w(r.disabled) || !R(p) || w(h) && p.target !== w(t))
       return;
-    const b = x(l), B = (R = b == null ? void 0 : b.getBoundingClientRect) == null ? void 0 : R.call(b), $ = x(t).getBoundingClientRect(), A = {
-      x: p.clientX - (b ? $.left - B.left : $.left),
-      y: p.clientY - (b ? $.top - B.top : $.top)
+    const x = w(l), A = (L = x == null ? void 0 : x.getBoundingClientRect) == null ? void 0 : L.call(x), k = w(t).getBoundingClientRect(), G = {
+      x: p.clientX - (x ? k.left - A.left + x.scrollLeft : k.left),
+      y: p.clientY - (x ? k.top - A.top + x.scrollTop : k.top)
     };
-    (h == null ? void 0 : h(A, p)) !== !1 && (C.value = A, S(p));
-  }, J = (p) => {
-    var R;
-    if (!L(p) || !C.value)
+    (m == null ? void 0 : m(G, p)) !== !1 && (C.value = G, $(p));
+  }, q = (p) => {
+    if (w(r.disabled) || !R(p) || !C.value)
       return;
-    const b = x(l), B = (R = b == null ? void 0 : b.getBoundingClientRect) == null ? void 0 : R.call(b), $ = x(t).getBoundingClientRect();
-    let { x: A, y: H } = f.value;
-    (s === "x" || s === "both") && (A = p.clientX - C.value.x, b && (A = Math.min(Math.max(0, A), B.width - $.width))), (s === "y" || s === "both") && (H = p.clientY - C.value.y, b && (H = Math.min(Math.max(0, H), B.height - $.height))), f.value = {
+    const L = w(l), x = w(t).getBoundingClientRect();
+    let { x: A, y: k } = f.value;
+    (s === "x" || s === "both") && (A = p.clientX - C.value.x, L && (A = Math.min(Math.max(0, A), L.scrollWidth - x.width))), (s === "y" || s === "both") && (k = p.clientY - C.value.y, L && (k = Math.min(Math.max(0, k), L.scrollHeight - x.height))), f.value = {
       x: A,
-      y: H
-    }, w == null || w(f.value, p), S(p);
-  }, X = (p) => {
-    L(p) && C.value && (C.value = void 0, _ == null || _(f.value, p), S(p));
+      y: k
+    }, _ == null || _(f.value, p), $(p);
+  }, j = (p) => {
+    w(r.disabled) || !R(p) || C.value && (C.value = void 0, b == null || b(f.value, p), $(p));
   };
-  if (de) {
+  if (ae) {
     const p = { capture: (e = r.capture) != null ? e : !0 };
-    Q(m, "pointerdown", I, p), Q(u, "pointermove", J, p), Q(u, "pointerup", X, p);
+    J(v, "pointerdown", I, p), J(u, "pointermove", q, p), J(u, "pointerup", j, p);
   }
   return {
-    ...Fe(f),
+    ...We(f),
     position: f,
     isDragging: E(() => !!C.value),
     style: E(
@@ -131,91 +133,92 @@ function Ve(t, r = {}) {
     )
   };
 }
-function je(t, r, o = {}) {
-  const { window: e = q, ...a } = o;
+function Ge(t, r, n = {}) {
+  const { window: e = U, ...a } = n;
   let i;
-  const c = De(() => e && "ResizeObserver" in e), v = () => {
+  const c = Ve(() => e && "ResizeObserver" in e), h = () => {
     i && (i.disconnect(), i = void 0);
-  }, w = E(() => Array.isArray(t) ? t.map((d) => P(d)) : [P(t)]), _ = ee(
-    w,
+  }, _ = E(() => Array.isArray(t) ? t.map((d) => B(d)) : [B(t)]), b = Z(
+    _,
     (d) => {
-      if (v(), c.value && e) {
+      if (h(), c.value && e) {
         i = new ResizeObserver(r);
         for (const s of d)
           s && i.observe(s, a);
       }
     },
-    { immediate: !0, flush: "post", deep: !0 }
-  ), h = () => {
-    v(), _();
+    { immediate: !0, flush: "post" }
+  ), m = () => {
+    h(), b();
   };
-  return ae(h), {
+  return le(m), {
     isSupported: c,
-    stop: h
+    stop: m
   };
 }
-function W(t, r = { width: 0, height: 0 }, o = {}) {
-  const { window: e = q, box: a = "content-box" } = o, i = E(() => {
+function z(t, r = { width: 0, height: 0 }, n = {}) {
+  const { window: e = U, box: a = "content-box" } = n, i = E(() => {
     var d, s;
-    return (s = (d = P(t)) == null ? void 0 : d.namespaceURI) == null ? void 0 : s.includes("svg");
-  }), c = T(r.width), v = T(r.height), { stop: w } = je(
+    return (s = (d = B(t)) == null ? void 0 : d.namespaceURI) == null ? void 0 : s.includes("svg");
+  }), c = H(r.width), h = H(r.height), { stop: _ } = Ge(
     t,
     ([d]) => {
       const s = a === "border-box" ? d.borderBoxSize : a === "content-box" ? d.contentBoxSize : d.devicePixelContentBoxSize;
       if (e && i.value) {
-        const u = P(t);
+        const u = B(t);
         if (u) {
           const l = e.getComputedStyle(u);
-          c.value = Number.parseFloat(l.width), v.value = Number.parseFloat(l.height);
+          c.value = Number.parseFloat(l.width), h.value = Number.parseFloat(l.height);
         }
       } else if (s) {
         const u = Array.isArray(s) ? s : [s];
-        c.value = u.reduce((l, { inlineSize: m }) => l + m, 0), v.value = u.reduce((l, { blockSize: m }) => l + m, 0);
+        c.value = u.reduce((l, { inlineSize: v }) => l + v, 0), h.value = u.reduce((l, { blockSize: v }) => l + v, 0);
       } else
-        c.value = d.contentRect.width, v.value = d.contentRect.height;
+        c.value = d.contentRect.width, h.value = d.contentRect.height;
     },
-    o
+    n
   );
-  Ie(() => {
-    const d = P(t);
-    d && (c.value = "offsetWidth" in d ? d.offsetWidth : r.width, v.value = "offsetHeight" in d ? d.offsetHeight : r.height);
+  De(() => {
+    const d = B(t);
+    d && (c.value = "offsetWidth" in d ? d.offsetWidth : r.width, h.value = "offsetHeight" in d ? d.offsetHeight : r.height);
   });
-  const _ = ee(
-    () => P(t),
+  const b = Z(
+    () => B(t),
     (d) => {
-      c.value = d ? r.width : 0, v.value = d ? r.height : 0;
+      c.value = d ? r.width : 0, h.value = d ? r.height : 0;
     }
   );
-  function h() {
-    w(), _();
+  function m() {
+    _(), b();
   }
   return {
     width: c,
-    height: v,
-    stop: h
+    height: h,
+    stop: m
   };
 }
-const Ge = (t) => (Ee("data-v-189513f2"), t = t(), $e(), t), Xe = { class: "title text-16px font-bold" }, Ye = { class: "action" }, Ke = ["form"], Ue = {
+const Xe = (t) => ($e("data-v-a1713ed1"), t = t(), Ee(), t), Ye = { class: "title text-16px font-bold" }, Ke = { class: "action" }, Ue = ["form"], qe = {
   key: 2,
   class: "modal-loading"
-}, qe = /* @__PURE__ */ Ge(() => /* @__PURE__ */ g("div", { class: "lds-ring" }, [
+}, Je = /* @__PURE__ */ Xe(() => /* @__PURE__ */ g("div", { class: "lds-ring" }, [
   /* @__PURE__ */ g("div"),
   /* @__PURE__ */ g("div"),
   /* @__PURE__ */ g("div"),
   /* @__PURE__ */ g("div")
-], -1)), Je = [
-  qe
-], Qe = {
+], -1)), Qe = [
+  Je
+], Ze = {
   name: "ModalContainer",
   inheritAttrs: !0
-}, Ze = /* @__PURE__ */ te({
-  ...Qe,
+}, et = /* @__PURE__ */ ee({
+  ...Ze,
   props: {
     id: {},
     form: {},
     component: {},
     componentProps: {},
     width: {},
+    height: {},
     maxWidth: {},
     maxHeight: { default: 90 },
     sizes: {},
@@ -229,6 +232,7 @@ const Ge = (t) => (Ee("data-v-189513f2"), t = t(), $e(), t), Xe = { class: "titl
     maskClosable: { type: Boolean, default: !1 },
     draggable: { type: Boolean, default: !1 },
     mode: { default: "dialog" },
+    position: { default: "right" },
     type: {},
     offset: {},
     backgroundColor: {},
@@ -238,62 +242,74 @@ const Ge = (t) => (Ee("data-v-189513f2"), t = t(), $e(), t), Xe = { class: "titl
     zIndex: { default: 1e3 }
   },
   emits: ["submit"],
-  setup(t, { expose: r, emit: o }) {
-    be((n) => ({
-      b10a2d42: n.zIndex
+  setup(t, { expose: r, emit: n }) {
+    _e((o) => ({
+      "1c652152": o.zIndex
     }));
-    const e = t, a = o, i = oe(U), c = T(!1);
-    let v = 0, w = 0;
-    const _ = O(), h = O(), d = O(), s = O(), u = O(), l = O(), { height: m } = W(_), { height: f } = W(d, void 0, { box: "border-box" }), { height: C } = W(s, void 0, { box: "border-box" }), { height: L } = W(u), { height: S } = W(l), { x: I, y: J } = Ve(d, {
+    const e = t, a = n, i = te(K), c = H(!1);
+    let h = 0, _ = 0;
+    const b = O(), m = O(), d = O(), s = O(), u = O(), l = O(), { height: v } = z(b);
+    z(m);
+    const { height: f } = z(d, void 0, { box: "border-box" }), { height: C } = z(s, void 0, { box: "border-box" }), { height: R } = z(u), { height: $ } = z(l), { x: I, y: q } = je(d, {
       initialValue: { x: 0, y: 0 }
     });
-    function X() {
+    function j() {
       i == null || i.close(e.id);
     }
-    function p(n) {
-      return typeof n == "number" ? `${n}px` : n;
+    function p(o) {
+      return typeof o == "number" ? `${o}px` : o;
     }
-    const R = E(() => {
-      const n = {};
-      return e.mode === "dialog" && (n.justifyContent = "center"), e.mode === "drawer" && (n.justifyContent = "flex-end"), n;
-    }), b = E(() => {
-      const n = {};
-      return e.size && (n.width = p(e.sizes[e.size])), e.width && (n.width = p(e.width)), e.maxWidth && (n.maxWidth = p(e.maxWidth)), 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(${I.value - v}px, ${J.value - w}px, 0px)`), e.mode === "drawer" && (n.borderRadius = 0, n.height = "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;
-    }), B = E(() => {
-      const n = {};
-      return e.draggable && !e.fullscreen && e.mode === "dialog" && (n.cursor = "move"), n;
-    }), $ = E(() => {
-      const n = {}, k = L.value + S.value + f.value + C.value, ie = Math.floor(m.value * (Number(p(e.maxHeight).replace("%", "")) / 100));
-      return e.maxHeight && (n.maxHeight = `${ie - k}px`), e.mode === "drawer" && (n.maxHeight = "unset", n.height = `${m.value - k}px`), e.fullscreen && (n.maxHeight = "unset", n.height = `calc(100% - ${k}px)`), e.type !== "component" && (n.padding = "0"), e.bodyStyle && Object.assign(n, e.bodyStyle), n;
+    const L = E(() => {
+      const o = {};
+      return e.mode === "dialog" && (o.justifyContent = "center"), e.mode === "drawer" && (o.justifyContent = {
+        left: "flex-start",
+        right: "flex-end",
+        top: "flex-start",
+        bottom: "flex-end"
+      }[e.position], o.flexDirection = {
+        left: "row",
+        right: "row",
+        top: "column",
+        bottom: "column"
+      }[e.position]), o;
+    }), x = E(() => {
+      const o = {};
+      return e.mode === "drawer" && ["top", "bottom"].includes(e.position) ? o.maxHeight = p(e.maxHeight) : (o.width = p(e.sizes[e.size]), o.maxWidth = p(e.maxWidth)), e.width && (o.width = p(e.width)), e.height && (o.height = p(e.height)), e.fullscreen && (o.maxWidth = "unset", o.width = "100%", o.position = "fixed", o.top = 0, o.left = 0, o.bottom = 0, o.right = 0, o.borderRadius = 0), e.draggable && !e.fullscreen && e.mode === "dialog" && (o.transform = `translate3d(${I.value - h}px, ${q.value - _}px, 0px)`), e.mode === "drawer" && (o.borderRadius = 0, ["left", "right"].includes(e.position) ? o.height = "100%" : o.width = "100%"), e.offset && e.mode === "dialog" && (o.marginLeft = `${e.offset.x || 0}px`, o.marginTop = `${e.offset.y || 0}px`), e.backgroundColor && (o.backgroundColor = e.backgroundColor), o;
+    }), A = E(() => {
+      const o = {};
+      return e.draggable && !e.fullscreen && e.mode === "dialog" && (o.cursor = "move"), o;
+    }), k = E(() => {
+      const o = {}, M = R.value + $.value + f.value + C.value, se = Math.floor(v.value * (Number(p(e.maxHeight).replace("%", "")) / 100));
+      return e.maxHeight && (o.maxHeight = `${se - M}px`), e.mode === "drawer" && (o.maxHeight = "unset", ["left", "right"].includes(e.position) && (o.height = `${v.value - M}px`)), e.fullscreen && (o.maxHeight = "unset", o.height = `calc(100% - ${M}px)`), e.type !== "component" && (o.padding = "0"), e.bodyStyle && Object.assign(o, e.bodyStyle), o;
     });
-    function A() {
-      const n = h.value;
-      if (e.form && n) {
-        const k = n.querySelector(`form[name="${e.form}"]`);
-        k && k.dispatchEvent(new Event("submit"));
+    function G() {
+      const o = m.value;
+      if (e.form && o) {
+        const M = o.querySelector(`form[name="${e.form}"]`);
+        M && M.dispatchEvent(new Event("submit"));
       }
       a("submit");
     }
-    function H() {
+    function de() {
       i == null || i.close(e.id);
     }
     function ce() {
       window && window.addEventListener("resize", () => {
-        V(_), V(h), h.value && (v = h.value.offsetLeft, w = h.value.offsetTop);
+        D(b), D(m), m.value && (h = m.value.offsetLeft, _ = m.value.offsetTop);
       });
     }
     function ue() {
       if (e.closeable && e.esc) {
-        const n = ({ key: k }) => {
-          k === "Escape" && (i == null || i.close(e.id), window.removeEventListener("keydown", n));
+        const o = ({ key: M }) => {
+          M === "Escape" && (i == null || i.close(e.id), window.removeEventListener("keydown", o));
         };
-        window.addEventListener("keydown", n);
+        window.addEventListener("keydown", o);
       }
     }
     function fe() {
-      v = h.value.offsetLeft, w = h.value.offsetTop;
+      h = m.value.offsetLeft, _ = m.value.offsetTop;
     }
-    K(() => {
+    Y(() => {
       ue(), ce();
     }), xe(() => {
     });
@@ -306,36 +322,36 @@ const Ge = (t) => (Ee("data-v-189513f2"), t = t(), $e(), t), Xe = { class: "titl
     return r({
       showLoading: pe,
       hideLoading: re
-    }), (n, k) => (y(), M("div", {
+    }), (o, M) => (y(), S("div", {
       ref_key: "wrapperRef",
-      ref: _,
+      ref: b,
       class: "modal-wrapper",
-      style: D(R.value),
-      onClick: k[0] || (k[0] = Ce((ie) => n.maskClosable && X(), ["self"]))
+      style: W(L.value),
+      onClick: M[0] || (M[0] = Ce((se) => o.maskClosable && j(), ["self"]))
     }, [
       g("div", {
         ref_key: "contentRef",
-        ref: h,
-        class: ke(["modal-content", { [`${n.mode}-mode`]: !0 }]),
-        style: D(b.value)
+        ref: m,
+        class: ke(["modal-content", { [`${o.mode}-mode`]: !0, [`${o.position}-position`]: !0 }]),
+        style: W(x.value)
       }, [
-        n.header ? (y(), M("div", {
+        o.header ? (y(), S("div", {
           key: 0,
           ref_key: "headerRef",
           ref: d,
           class: "modal-header",
-          style: D(B.value),
+          style: W(A.value),
           onMousedown: fe
         }, [
-          g("div", Xe, z(n.title), 1),
-          g("div", Ye, [
-            n.closeable ? (y(), M("div", {
+          g("div", Ye, T(o.title), 1),
+          g("div", Ke, [
+            o.closeable ? (y(), S("div", {
               key: 0,
               class: "i-icon-park-outline:close block cursor-pointer",
-              onClick: X
-            })) : N("", !0)
+              onClick: j
+            })) : P("", !0)
           ])
-        ], 36)) : N("", !0),
+        ], 36)) : P("", !0),
         g("div", {
           id: "modal-header-slot",
           ref_key: "headerSlotRef",
@@ -343,16 +359,16 @@ const Ge = (t) => (Ee("data-v-189513f2"), t = t(), $e(), t), Xe = { class: "titl
         }, null, 512),
         g("div", {
           class: "modal-body",
-          style: D($.value)
+          style: W(k.value)
         }, [
-          (y(), F(le(n.component), Me(Se(n.componentProps)), null, 16))
+          (y(), N(ie(o.component), Me(Se(o.componentProps)), null, 16))
         ], 4),
         g("div", {
           id: "modal-footer-slot",
           ref_key: "footerSlotRef",
           ref: l
         }, null, 512),
-        n.footer ? (y(), M("div", {
+        o.footer ? (y(), S("div", {
           key: 1,
           ref_key: "footerRef",
           ref: s,
@@ -361,26 +377,25 @@ const Ge = (t) => (Ee("data-v-189513f2"), t = t(), $e(), t), Xe = { class: "titl
           g("button", {
             class: "cancel-button",
             type: "button",
-            onClick: H
-          }, z(n.cancelText), 1),
+            onClick: de
+          }, T(o.cancelText), 1),
           g("button", {
             class: "submit-button",
-            form: n.form,
+            form: o.form,
             type: "submit",
-            onClick: A
-          }, z(n.submitText), 9, Ke)
-        ], 512)) : N("", !0),
-        c.value ? (y(), M("div", Ue, Je)) : N("", !0)
+            onClick: G
+          }, T(o.submitText), 9, Ue)
+        ], 512)) : P("", !0),
+        c.value ? (y(), S("div", qe, Qe)) : P("", !0)
       ], 6)
     ], 4));
   }
-});
-const G = (t, r) => {
-  const o = t.__vccOpts || t;
+}), V = (t, r) => {
+  const n = t.__vccOpts || t;
   for (const [e, a] of r)
-    o[e] = a;
-  return o;
-}, et = /* @__PURE__ */ G(Ze, [["__scopeId", "data-v-189513f2"]]), tt = { class: "modal-dialog" }, ot = { class: "dialog-body" }, nt = { class: "dialog-title" }, st = { class: "dialog-content" }, rt = /* @__PURE__ */ te({
+    n[e] = a;
+  return n;
+}, tt = /* @__PURE__ */ V(et, [["__scopeId", "data-v-a1713ed1"]]), ot = { class: "modal-dialog" }, nt = { class: "dialog-body" }, rt = { class: "dialog-title" }, st = { class: "dialog-content" }, it = /* @__PURE__ */ ee({
   __name: "modal-dialog",
   props: {
     type: {},
@@ -393,7 +408,7 @@ const G = (t, r) => {
     footer: {}
   },
   setup(t) {
-    const r = t, o = mt(), e = E(() => r.title ? r.title : {
+    const r = t, n = gt(), e = E(() => r.title ? r.title : {
       confirm: "提示",
       info: "提示",
       warning: "警告",
@@ -401,107 +416,106 @@ const G = (t, r) => {
       success: "成功"
     }[r.type]);
     async function a() {
-      r.onOk && await r.onOk(), o.close();
+      r.onOk && await r.onOk(), n.close();
     }
     async function i() {
-      r.onCancel && await r.onCancel(), o.close();
+      r.onCancel && await r.onCancel(), n.close();
     }
-    return (c, v) => (y(), M("section", tt, [
-      g("div", ot, [
-        g("div", nt, z(e.value), 1),
-        g("div", st, z(c.content), 1)
+    return (c, h) => (y(), S("section", ot, [
+      g("div", nt, [
+        g("div", rt, T(e.value), 1),
+        g("div", st, T(c.content), 1)
       ]),
       g("div", {
         class: "dialog-footer space-x-2",
-        style: D(c.type === "confirm" ? { "justify-content": "end" } : { "border-top": "none" })
+        style: W(c.type === "confirm" ? { "justify-content": "end" } : { "border-top": "none" })
       }, [
-        c.footer ? (y(), F(le(c.footer), { key: 0 })) : (y(), M(Z, { key: 1 }, [
+        c.footer ? (y(), N(ie(c.footer), { key: 0 })) : (y(), S(Q, { key: 1 }, [
           g("button", {
             class: "submit-button",
             type: "submit",
             onClick: a
-          }, z(c.okText), 1),
-          c.type === "confirm" ? (y(), M("button", {
+          }, T(c.okText), 1),
+          c.type === "confirm" ? (y(), S("button", {
             key: 0,
             class: "cancel-button",
             type: "button",
             onClick: i
-          }, z(c.cancelText), 1)) : N("", !0)
+          }, T(c.cancelText), 1)) : P("", !0)
         ], 64))
       ], 4)
     ]));
   }
-});
-const it = /* @__PURE__ */ G(rt, [["__scopeId", "data-v-8326e5a5"]]), lt = {
+}), lt = /* @__PURE__ */ V(it, [["__scopeId", "data-v-8326e5a5"]]), at = {
   key: 0,
   class: "modal-teleport"
-}, at = {
+}, dt = {
   name: "ModalProvider",
   inheritAttrs: !0
-}, dt = /* @__PURE__ */ te({
-  ...at,
+}, ct = /* @__PURE__ */ ee({
+  ...dt,
   props: {
     appendToBody: { type: [Boolean, String], default: !1 },
     sizes: { default: () => ({
-      small: 520,
-      middle: 860,
-      large: 1190
+      small: "50%",
+      middle: "70%",
+      large: "90%"
     }) },
     maxWidth: { default: "90%" },
     maxHeight: { default: "90%" },
     offset: { default: () => ({ x: 0, y: 0 }) }
   },
   setup(t, { expose: r }) {
-    const o = O([]), e = T(!1), a = j();
+    const n = O([]), e = H(!1), a = F();
     function i(s, u = {}, l = {}) {
-      const m = Pe(
-        () => Promise.resolve(typeof s == "string" ? it : s)
+      const v = He(
+        () => Promise.resolve(typeof s == "string" ? lt : s)
       );
       typeof s == "string" && (u.type = s, l.size = "small", l.fullscreen = !1, l.mode = "dialog", l.footer = !1, l.header = !1);
       const f = Math.random().toString(32).slice(2), C = Object.assign({
         zIndex: typeof s == "string" ? 1100 : 1e3
-      }, l), L = new Promise((S, I) => {
-        o.value.push({
+      }, l), R = new Promise(($, I) => {
+        n.value.push({
           id: f,
-          component: m,
+          component: v,
           props: u || {},
           options: {
             ...C,
             type: typeof s == "string" ? s : "component"
           },
-          resolve: S,
+          resolve: $,
           reject: I,
           listeners: []
-        }), V(o);
-      }).catch((S) => S === "CANCEL" ? new Promise(() => {
-      }) : Promise.reject(S));
-      return Object.assign(L, {
+        }), D(n);
+      }).catch(($) => $ === "CANCEL" ? new Promise(() => {
+      }) : Promise.reject($));
+      return Object.assign(R, {
         close: () => c(f)
       });
     }
     function c(s, u) {
-      const l = o.value.findIndex((f) => f.id === s);
+      const l = n.value.findIndex((f) => f.id === s);
       if (l < 0)
         return;
-      const m = o.value[l];
-      u === void 0 ? m == null || m.reject("CANCEL") : m == null || m.resolve(u), o.value.splice(l, 1), V(o);
+      const v = n.value[l];
+      u === void 0 ? v == null || v.reject("CANCEL") : v == null || v.resolve(u), n.value.splice(l, 1), D(n);
     }
-    function v() {
-      !o.value || o.value.length === 0 || (o.value.forEach((s) => {
+    function h() {
+      !n.value || n.value.length === 0 || (n.value.forEach((s) => {
         s == null || s.reject("CANCEL");
-      }), o.value = [], V(o));
+      }), n.value = [], D(n));
     }
-    function w(s, u) {
-      const l = o.value.find((f) => f.id === s);
+    function _(s, u) {
+      const l = n.value.find((f) => f.id === s);
       if (!l)
         return;
-      const m = l.listeners.find((f) => f.event === u);
-      m && m.callback({
+      const v = l.listeners.find((f) => f.event === u);
+      v && v.callback({
         open: i,
         close: (f) => c(l.id, f),
-        closeAll: v,
-        showLoading: () => _(l.id),
-        hideLoading: () => h(l.id),
+        closeAll: h,
+        showLoading: () => b(l.id),
+        hideLoading: () => m(l.id),
         confirm: (f) => i("confirm", f),
         success: (f) => i("success", f),
         error: (f) => i("error", f),
@@ -509,14 +523,14 @@ const it = /* @__PURE__ */ G(rt, [["__scopeId", "data-v-8326e5a5"]]), lt = {
         info: (f) => i("info", f)
       });
     }
-    function _(s) {
+    function b(s) {
       if (!a)
         return;
       const [u] = a.refs[`modal-container_${s}`];
       if (u)
         return u.showLoading();
     }
-    function h(s) {
+    function m(s) {
       if (!a)
         return;
       const [u] = a.refs[`modal-container_${s}`];
@@ -524,34 +538,34 @@ const it = /* @__PURE__ */ G(rt, [["__scopeId", "data-v-8326e5a5"]]), lt = {
         return u.hideLoading();
     }
     function d(s, u, l) {
-      const m = o.value.find((f) => f.id === s);
-      m && m.listeners.push({
+      const v = n.value.find((f) => f.id === s);
+      v && v.listeners.push({
         event: u,
         callback: l
       });
     }
-    return Ae(U, {
+    return Le(K, {
       open: i,
       close: c,
-      closeAll: v,
+      closeAll: h,
       addEventListener: d
     }), r({
-      elements: o,
+      elements: n,
       open: i,
       close: c,
-      closeAll: v
-    }), K(() => {
+      closeAll: h
+    }), Y(() => {
       e.value = !0;
-    }), (s, u) => (y(), M(Z, null, [
-      ne(s.$slots, "default", {}, void 0, !0),
-      e.value ? (y(), M("div", lt, [
-        (y(), F(se, {
+    }), (s, u) => (y(), S(Q, null, [
+      oe(s.$slots, "default", {}, void 0, !0),
+      e.value ? (y(), S("div", at, [
+        (y(), N(ne, {
           disabled: !s.appendToBody,
           to: typeof s.appendToBody == "string" ? s.appendToBody : "body"
         }, [
-          Le(Re, { name: "modal-fade" }, {
-            default: Be(() => [
-              (y(!0), M(Z, null, Oe(o.value, (l) => (y(), F(et, ze({
+          Ae(Re, { name: "modal-fade" }, {
+            default: Oe(() => [
+              (y(!0), S(Q, null, Te(n.value, (l) => (y(), N(tt, Be({
                 id: l.id,
                 key: l.id,
                 ref_for: !0,
@@ -563,56 +577,53 @@ const it = /* @__PURE__ */ G(rt, [["__scopeId", "data-v-8326e5a5"]]), lt = {
                 offset: s.offset,
                 sizes: s.sizes
               }, l.options, {
-                onSubmit: () => w(l.id, "submit")
+                onSubmit: () => _(l.id, "submit")
               }), null, 16, ["id", "component", "component-props", "max-height", "max-width", "offset", "sizes", "onSubmit"]))), 128))
             ]),
             _: 1
           })
         ], 8, ["disabled", "to"]))
-      ])) : N("", !0)
+      ])) : P("", !0)
     ], 64));
   }
-});
-const yt = /* @__PURE__ */ G(dt, [["__scopeId", "data-v-45a851d0"]]);
-const ct = {}, ut = { class: "modal-footer" };
-function ft(t, r) {
-  return y(), F(se, { to: "#modal-footer-slot" }, [
-    g("div", ut, [
-      ne(t.$slots, "default", {}, void 0, !0)
+}), bt = /* @__PURE__ */ V(ct, [["__scopeId", "data-v-756481fe"]]), ut = {}, ft = { class: "modal-footer" };
+function pt(t, r) {
+  return y(), N(ne, { to: "#modal-footer-slot" }, [
+    g("div", ft, [
+      oe(t.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
-const _t = /* @__PURE__ */ G(ct, [["render", ft], ["__scopeId", "data-v-2080a86e"]]);
-const pt = {}, vt = { class: "modal-header" };
-function ht(t, r) {
-  return y(), F(se, { to: "#modal-header-slot" }, [
-    g("div", vt, [
-      ne(t.$slots, "default", {}, void 0, !0)
+const wt = /* @__PURE__ */ V(ut, [["render", pt], ["__scopeId", "data-v-2080a86e"]]), ht = {}, mt = { class: "modal-header" };
+function vt(t, r) {
+  return y(), N(ne, { to: "#modal-header-slot" }, [
+    g("div", mt, [
+      oe(t.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
-const wt = /* @__PURE__ */ G(pt, [["render", ht], ["__scopeId", "data-v-d0247172"]]);
-function Y(t, r) {
+const _t = /* @__PURE__ */ V(ht, [["render", vt], ["__scopeId", "data-v-d0247172"]]);
+function X(t, r) {
   var e, a;
-  let o = t == null ? void 0 : t.parent;
-  for (; o && ((e = o == null ? void 0 : o.type) == null ? void 0 : e.name) !== r; )
-    o = o.parent;
-  return ((a = o == null ? void 0 : o.type) == null ? void 0 : a.name) === r ? o : null;
+  let n = t == null ? void 0 : t.parent;
+  for (; n && ((e = n == null ? void 0 : n.type) == null ? void 0 : e.name) !== r; )
+    n = n.parent;
+  return ((a = n == null ? void 0 : n.type) == null ? void 0 : a.name) === r ? n : null;
 }
-function mt() {
-  const t = oe(U), r = j();
-  function o(e, a, i) {
+function gt() {
+  const t = te(K), r = F();
+  function n(e, a, i) {
     if (!t)
       throw new Error("Not Found Modal Provider Component");
     return t.open(e, a, i);
   }
   return {
-    open: o,
+    open: n,
     close(e) {
       var c;
       if (!t)
         throw new Error("Not Found Modal Provider Component");
-      const a = Y(r, "ModalContainer"), i = (c = a == null ? void 0 : a.props) == null ? void 0 : c.id;
+      const a = X(r, "ModalContainer"), i = (c = a == null ? void 0 : a.props) == null ? void 0 : c.id;
       if (!i)
         throw new Error("Not Found Current Modal Container");
       t.close(i, e);
@@ -626,7 +637,7 @@ function mt() {
       var i;
       if (!t)
         throw new Error("Not Found Modal Provider Component");
-      const e = Y(r, "ModalContainer");
+      const e = X(r, "ModalContainer");
       if (!((i = e == null ? void 0 : e.props) == null ? void 0 : i.id))
         throw new Error("Not Found Current Modal Container");
       e != null && e.exposed && (e == null || e.exposed.showLoading());
@@ -635,7 +646,7 @@ function mt() {
       var i;
       if (!t)
         throw new Error("Not Found Modal Provider Component");
-      const e = Y(r, "ModalContainer");
+      const e = X(r, "ModalContainer");
       if (!((i = e == null ? void 0 : e.props) == null ? void 0 : i.id))
         throw new Error("Not Found Current Modal Container");
       e != null && e.exposed && (e == null || e.exposed.hideLoading());
@@ -657,17 +668,17 @@ function mt() {
     }
   };
 }
-function bt(t) {
+function xt(t) {
   var i;
-  const r = oe(U), o = j(), e = Y(o, "ModalContainer"), a = (i = e == null ? void 0 : e.props) == null ? void 0 : i.id;
+  const r = te(K), n = F(), e = X(n, "ModalContainer"), a = (i = e == null ? void 0 : e.props) == null ? void 0 : i.id;
   r && a && r.addEventListener(a, "submit", t);
 }
 export {
-  et as ModalContainer,
-  _t as ModalFooter,
-  wt as ModalHeader,
-  U as ModalKey,
-  yt as ModalProvider,
-  bt as onSubmit,
-  mt as useModal
+  tt as ModalContainer,
+  wt as ModalFooter,
+  _t as ModalHeader,
+  K as ModalKey,
+  bt as ModalProvider,
+  xt as onSubmit,
+  gt as useModal
 };