@gopowerteam/modal-render 0.0.46 → 0.0.47

package/dist/es/index.mjs

@@ -1,4 +1,4 @@
-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 D, 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";
+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;
@@ -10,10 +10,10 @@ const ce = 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 Ne(t) {
+function We(t) {
   return V();
 }
-function We(t, s = {}) {
+function De(t, i = {}) {
   if (!ge(t))
     return ye(t);
   const o = Array.isArray(t.value) ? Array.from({ length: t.value.length }) : {};
@@ -23,8 +23,8 @@ function We(t, s = {}) {
         return t.value[e];
       },
       set(l) {
-        var i;
-        if ((i = w(s.replaceRef)) != null ? i : !0)
+        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;
@@ -38,29 +38,29 @@ function We(t, s = {}) {
     }));
   return o;
 }
-function De(t, s = !0, o) {
-  Ne() ? Y(t, o) : s ? t() : we(t);
+function Ne(t, i = !0, o) {
+  We() ? Y(t, o) : i ? t() : we(t);
 }
 function B(t) {
-  var s;
+  var i;
   const o = w(t);
-  return (s = o == null ? void 0 : o.$el) != null ? s : o;
+  return (i = o == null ? void 0 : o.$el) != null ? i : o;
 }
 const q = ce ? window : void 0;
 function Q(...t) {
-  let s, o, e, l;
-  if (typeof t[0] == "string" || Array.isArray(t[0]) ? ([o, e, l] = t, s = q) : [s, o, e, l] = t, !s)
+  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 i = [], c = () => {
-    i.forEach((v) => v()), i.length = 0;
+  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(s), w(l)],
+    () => [B(i), w(l)],
     ([v, u]) => {
       if (c(), !v)
         return;
       const r = Pe(u) ? { ...u } : u;
-      i.push(
+      s.push(
         ...o.flatMap((d) => e.map((a) => h(v, d, a, r)))
       );
     },
@@ -71,20 +71,20 @@ function Q(...t) {
   return de(b), b;
 }
 function Fe() {
-  const t = H(!1), s = V();
-  return s && Y(() => {
+  const t = H(!1), i = V();
+  return i && Y(() => {
     t.value = !0;
-  }, s), t;
+  }, i), t;
 }
 function Ve(t) {
-  const s = Fe();
-  return E(() => (s.value, !!t()));
+  const i = Fe();
+  return E(() => (i.value, !!t()));
 }
-function je(t, s = {}) {
+function je(t, i = {}) {
   var o, e;
   const {
     pointerTypes: l,
-    preventDefault: i,
+    preventDefault: s,
     stopPropagation: c,
     exact: h,
     onMove: _,
@@ -95,13 +95,13 @@ function je(t, s = {}) {
     draggingElement: d = q,
     containerElement: a,
     handle: g = t
-  } = s, f = H(
+  } = i, f = H(
     (o = w(u)) != null ? o : { x: 0, y: 0 }
   ), k = H(), R = (p) => l ? l.includes(p.pointerType) : !0, $ = (p) => {
-    w(i) && p.preventDefault(), w(c) && p.stopPropagation();
-  }, N = (p) => {
+    w(s) && p.preventDefault(), w(c) && p.stopPropagation();
+  }, W = (p) => {
     var L;
-    if (w(s.disabled) || !R(p) || w(h) && p.target !== w(t))
+    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),
@@ -109,7 +109,7 @@ function je(t, s = {}) {
     };
     (v == null ? void 0 : v(G, p)) !== !1 && (k.value = G, $(p));
   }, J = (p) => {
-    if (w(s.disabled) || !R(p) || !k.value)
+    if (w(i.disabled) || !R(p) || !k.value)
       return;
     const L = w(a), x = w(t).getBoundingClientRect();
     let { x: A, y: M } = f.value;
@@ -118,14 +118,14 @@ function je(t, s = {}) {
       y: M
     }, _ == null || _(f.value, p), $(p);
   }, j = (p) => {
-    w(s.disabled) || !R(p) || k.value && (k.value = void 0, b == null || b(f.value, p), $(p));
+    w(i.disabled) || !R(p) || k.value && (k.value = void 0, b == null || b(f.value, p), $(p));
   };
   if (ce) {
-    const p = { capture: (e = s.capture) != null ? e : !0 };
-    Q(g, "pointerdown", N, p), Q(d, "pointermove", J, p), Q(d, "pointerup", j, p);
+    const p = { capture: (e = i.capture) != null ? e : !0 };
+    Q(g, "pointerdown", W, p), Q(d, "pointermove", J, p), Q(d, "pointerup", j, p);
   }
   return {
-    ...We(f),
+    ...De(f),
     position: f,
     isDragging: E(() => !!k.value),
     style: E(
@@ -133,18 +133,18 @@ function je(t, s = {}) {
     )
   };
 }
-function Ge(t, s, o = {}) {
+function Ge(t, i, o = {}) {
   const { window: e = q, ...l } = o;
-  let i;
+  let s;
   const c = Ve(() => e && "ResizeObserver" in e), h = () => {
-    i && (i.disconnect(), i = void 0);
+    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) {
-        i = new ResizeObserver(s);
+        s = new ResizeObserver(i);
         for (const r of u)
-          r && i.observe(r, l);
+          r && s.observe(r, l);
       }
     },
     { immediate: !0, flush: "post" }
@@ -156,19 +156,19 @@ function Ge(t, s, o = {}) {
     stop: v
   };
 }
-function W(t, s = { width: 0, height: 0 }, o = {}) {
-  const { window: e = q, box: l = "content-box" } = o, i = E(() => {
+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(s.width), h = H(s.height), { stop: _ } = Ge(
+  }), 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 && i.value) {
+      if (e && s.value) {
         const d = B(t);
         if (d) {
-          const a = e.getComputedStyle(d);
-          c.value = Number.parseFloat(a.width), h.value = Number.parseFloat(a.height);
+          const a = d.getBoundingClientRect();
+          c.value = a.width, h.value = a.height;
         }
       } else if (r) {
         const d = Array.isArray(r) ? r : [r];
@@ -178,14 +178,14 @@ function W(t, s = { width: 0, height: 0 }, o = {}) {
     },
     o
   );
-  De(() => {
+  Ne(() => {
     const u = B(t);
-    u && (c.value = "offsetWidth" in u ? u.offsetWidth : s.width, h.value = "offsetHeight" in u ? u.offsetHeight : s.height);
+    u && (c.value = "offsetWidth" in u ? u.offsetWidth : i.width, h.value = "offsetHeight" in u ? u.offsetHeight : i.height);
   });
   const b = ee(
     () => B(t),
     (u) => {
-      c.value = u ? s.width : 0, h.value = u ? s.height : 0;
+      c.value = u ? i.width : 0, h.value = u ? i.height : 0;
     }
   );
   function v() {
@@ -197,7 +197,7 @@ function W(t, s = { width: 0, height: 0 }, o = {}) {
     stop: v
   };
 }
-const Xe = (t) => (le("data-v-bd04f7a9"), t = t(), ae(), t), Ye = { class: "title text-16px font-bold" }, Ke = { class: "action" }, Ue = ["form"], qe = {
+const Xe = (t) => (le("data-v-e065fedd"), t = t(), ae(), t), Ye = { class: "title text-16px font-bold" }, Ke = { class: "action" }, Ue = ["form"], qe = {
   key: 2,
   class: "modal-loading"
 }, Je = /* @__PURE__ */ Xe(() => /* @__PURE__ */ m("div", { class: "lds-ring" }, [
@@ -244,17 +244,17 @@ const Xe = (t) => (le("data-v-bd04f7a9"), t = t(), ae(), t), Ye = { class: "titl
     onCancel: {}
   },
   emits: ["submit"],
-  setup(t, { expose: s, emit: o }) {
+  setup(t, { expose: i, emit: o }) {
     Ce((n) => ({
-      "567c01bd": n.zIndex
+      "0b220c17": n.zIndex
     }));
-    const e = t, l = o, i = te(U), c = H(!1);
+    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 } = W(b), { height: f } = W(u, void 0, { box: "border-box" }), { height: k } = W(r, void 0, { box: "border-box" }), { height: R } = W(d), { height: $ } = W(a), { x: N, y: J } = je(u, {
+    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, {
       initialValue: { x: 0, y: 0 }
     });
     function j() {
-      i == null || i.close(e.id);
+      s == null || s.close(e.id);
     }
     function p(n) {
       return typeof n == "number" ? `${n}px` : n;
@@ -274,13 +274,13 @@ const Xe = (t) => (le("data-v-bd04f7a9"), t = t(), ae(), t), Ye = { class: "titl
       }[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(${N.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;
+      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, ie = Math.floor(g.value * (Number(p(e.maxHeight).replace("%", "")) / 100));
-      return e.maxHeight && (n.maxHeight = `${ie - 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;
+      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;
     });
     function G() {
       const n = v.value;
@@ -289,11 +289,11 @@ const Xe = (t) => (le("data-v-bd04f7a9"), t = t(), ae(), t), Ye = { class: "titl
         S && S.dispatchEvent(new Event("submit"));
       }
       e.onOk && e.onOk({
-        close: () => i == null ? void 0 : i.close(e.id)
+        close: () => s == null ? void 0 : s.close(e.id)
       }), l("submit");
     }
     function ue() {
-      i == null || i.close(e.id), e != null && e.onCancel && e.onCancel();
+      s == null || s.close(e.id), e != null && e.onCancel && e.onCancel();
     }
     function fe() {
       window && window.addEventListener("resize", () => {
@@ -303,7 +303,7 @@ const Xe = (t) => (le("data-v-bd04f7a9"), t = t(), ae(), t), Ye = { class: "titl
     function pe() {
       if (e.closeable && e.esc) {
         const n = ({ key: S }) => {
-          S === "Escape" && (i == null || i.close(e.id), window.removeEventListener("keydown", n));
+          S === "Escape" && (s == null || s.close(e.id), window.removeEventListener("keydown", n));
         };
         window.addEventListener("keydown", n);
       }
@@ -316,33 +316,33 @@ const Xe = (t) => (le("data-v-bd04f7a9"), t = t(), ae(), t), Ye = { class: "titl
     }), ke(() => {
     });
     function ve() {
-      return c.value = !0, () => se();
+      return c.value = !0, () => ie();
     }
-    function se() {
+    function ie() {
       c.value = !1;
     }
-    return s({
+    return i({
       showLoading: ve,
-      hideLoading: se
+      hideLoading: ie
     }), (n, S) => (y(), C("div", {
       ref_key: "wrapperRef",
       ref: b,
       class: "modal-wrapper",
-      style: D(L.value),
-      onClick: S[0] || (S[0] = Me((ie) => n.maskClosable && j(), ["self"]))
+      style: N(L.value),
+      onClick: S[0] || (S[0] = Me((se) => n.maskClosable && j(), ["self"]))
     }, [
       m("div", {
         ref_key: "contentRef",
         ref: v,
         class: Se(["modal-content", { [`${n.mode}-mode`]: !0, [`${n.position}-position`]: !0 }]),
-        style: D(x.value)
+        style: N(x.value)
       }, [
         n.header ? (y(), C("div", {
           key: 0,
           ref_key: "headerRef",
           ref: u,
           class: "modal-header",
-          style: D(A.value),
+          style: N(A.value),
           onMousedown: he
         }, [
           m("div", Ye, O(n.title), 1),
@@ -361,7 +361,7 @@ const Xe = (t) => (le("data-v-bd04f7a9"), t = t(), ae(), t), Ye = { class: "titl
         }, null, 512),
         m("div", {
           class: "modal-body",
-          style: D(M.value)
+          style: N(M.value)
         }, [
           (y(), P(re(n.component), $e(Ee(n.componentProps)), null, 16))
         ], 4),
@@ -384,7 +384,7 @@ const Xe = (t) => (le("data-v-bd04f7a9"), t = t(), ae(), t), Ye = { class: "titl
           m("button", {
             class: "submit-button",
             form: n.form,
-            type: "submit",
+            type: "button",
             onClick: G
           }, O(n.submitText), 9, Ue)
         ], 512)) : z("", !0),
@@ -392,12 +392,12 @@ const Xe = (t) => (le("data-v-bd04f7a9"), t = t(), ae(), t), Ye = { class: "titl
       ], 6)
     ], 4));
   }
-}), I = (t, s) => {
+}), I = (t, i) => {
   const o = t.__vccOpts || t;
-  for (const [e, l] of s)
+  for (const [e, l] of i)
     o[e] = l;
   return o;
-}, tt = /* @__PURE__ */ I(et, [["__scopeId", "data-v-bd04f7a9"]]), ot = { class: "modal-dialog" }, nt = { class: "dialog-body" }, st = { class: "dialog-title" }, it = { class: "dialog-content" }, rt = /* @__PURE__ */ K({
+}, 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({
   __name: "modal-dialog",
   props: {
     type: {},
@@ -410,27 +410,27 @@ const Xe = (t) => (le("data-v-bd04f7a9"), t = t(), ae(), t), Ye = { class: "titl
     footer: {}
   },
   setup(t) {
-    const s = t, o = Ct(), e = E(() => s.title ? s.title : {
+    const i = t, o = Ct(), e = E(() => i.title ? i.title : {
       confirm: "提示",
       info: "提示",
       warning: "警告",
       error: "错误",
       success: "成功"
-    }[s.type]);
+    }[i.type]);
     async function l() {
-      s.onOk && await s.onOk(), o.close();
+      i.onOk && await i.onOk(), o.close();
     }
-    async function i() {
-      s.onCancel && await s.onCancel(), o.close();
+    async function s() {
+      i.onCancel && await i.onCancel(), o.close();
     }
     return (c, h) => (y(), C("section", ot, [
       m("div", nt, [
-        m("div", st, O(e.value), 1),
-        m("div", it, O(c.content), 1)
+        m("div", it, O(e.value), 1),
+        m("div", st, O(c.content), 1)
       ]),
       m("div", {
         class: "dialog-footer space-x-2",
-        style: D(c.type === "confirm" ? { "justify-content": "end" } : { "border-top": "none" })
+        style: N(c.type === "confirm" ? { "justify-content": "end" } : { "border-top": "none" })
       }, [
         c.footer ? (y(), P(re(c.footer), { key: 0 })) : (y(), C(Z, { key: 1 }, [
           m("button", {
@@ -442,7 +442,7 @@ const Xe = (t) => (le("data-v-bd04f7a9"), t = t(), ae(), t), Ye = { class: "titl
             key: 0,
             class: "cancel-button",
             type: "button",
-            onClick: i
+            onClick: s
           }, O(c.cancelText), 1)) : z("", !0)
         ], 64))
       ], 4)
@@ -461,9 +461,9 @@ const Xe = (t) => (le("data-v-bd04f7a9"), t = t(), ae(), t), Ye = { class: "titl
     text: { default: "加载中" }
   },
   setup(t) {
-    return (s, o) => (y(), C("section", dt, [
+    return (i, o) => (y(), C("section", dt, [
       ct,
-      m("div", ut, O(s.text), 1)
+      m("div", ut, O(i.text), 1)
     ]));
   }
 }), pt = /* @__PURE__ */ I(ft, [["__scopeId", "data-v-559bdf2e"]]), ht = {
@@ -485,16 +485,16 @@ const Xe = (t) => (le("data-v-bd04f7a9"), t = t(), ae(), t), Ye = { class: "titl
     maxHeight: { default: "90%" },
     offset: { default: () => ({ x: 0, y: 0 }) }
   },
-  setup(t, { expose: s }) {
+  setup(t, { expose: i }) {
     const o = T([]), e = H(!1), l = V();
-    function i(r, d = {}, a = {}) {
+    function s(r, d = {}, a = {}) {
       const g = He(
         () => Promise.resolve(typeof r == "string" ? lt : r)
       );
       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(($, N) => {
+      }, a), R = new Promise(($, W) => {
         o.value.push({
           id: f,
           component: g,
@@ -504,7 +504,7 @@ const Xe = (t) => (le("data-v-bd04f7a9"), t = t(), ae(), t), Ye = { class: "titl
             type: typeof r == "string" ? r : "component"
           },
           resolve: $,
-          reject: N,
+          reject: W,
           listeners: []
         }), F(o);
       }).catch(($) => $ === "CANCEL" ? new Promise(() => {
@@ -531,16 +531,16 @@ const Xe = (t) => (le("data-v-bd04f7a9"), t = t(), ae(), t), Ye = { class: "titl
         return;
       const g = a.listeners.find((f) => f.event === d);
       g && g.callback({
-        open: i,
+        open: s,
         close: (f) => c(a.id, f),
         closeAll: h,
         showLoading: () => b(a.id),
         hideLoading: () => v(a.id),
-        confirm: (f) => i("confirm", f),
-        success: (f) => i("success", f),
-        error: (f) => i("error", f),
-        warning: (f) => i("warning", f),
-        info: (f) => i("info", f)
+        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)
       });
     }
     function b(r, d) {
@@ -550,7 +550,7 @@ const Xe = (t) => (le("data-v-bd04f7a9"), t = t(), ae(), t), Ye = { class: "titl
       if (a)
         return a.showLoading();
       {
-        const { close: g } = i(pt, {
+        const { close: g } = s(pt, {
           text: d == null ? void 0 : d.text
         }, {
           footer: !1,
@@ -581,15 +581,15 @@ const Xe = (t) => (le("data-v-bd04f7a9"), t = t(), ae(), t), Ye = { class: "titl
       });
     }
     return Le(U, {
-      open: i,
+      open: s,
       close: c,
       closeAll: h,
       addEventListener: u,
       showLoading: b,
       hideLoading: v
-    }), s({
+    }), i({
       elements: o,
-      open: i,
+      open: s,
       close: c,
       closeAll: h
     }), Y(() => {
@@ -625,7 +625,7 @@ const Xe = (t) => (le("data-v-bd04f7a9"), t = t(), ae(), t), Ye = { class: "titl
     ], 64));
   }
 }), Mt = /* @__PURE__ */ I(mt, [["__scopeId", "data-v-448d3772"]]), gt = {}, yt = { class: "modal-footer" };
-function bt(t, s) {
+function bt(t, i) {
   return y(), P(ne, { to: "#modal-footer-slot" }, [
     m("div", yt, [
       oe(t.$slots, "default", {}, void 0, !0)
@@ -633,7 +633,7 @@ function bt(t, s) {
   ]);
 }
 const St = /* @__PURE__ */ I(gt, [["render", bt], ["__scopeId", "data-v-46f8d703"]]), wt = {}, _t = { class: "modal-header" };
-function xt(t, s) {
+function xt(t, i) {
   return y(), P(ne, { to: "#modal-header-slot" }, [
     m("div", _t, [
       oe(t.$slots, "default", {}, void 0, !0)
@@ -641,19 +641,19 @@ function xt(t, s) {
   ]);
 }
 const $t = /* @__PURE__ */ I(wt, [["render", xt], ["__scopeId", "data-v-d0247172"]]);
-function X(t, s) {
+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) !== s; )
+  for (; o && ((e = o == null ? void 0 : o.type) == null ? void 0 : e.name) !== i; )
     o = o.parent;
-  return ((l = o == null ? void 0 : o.type) == null ? void 0 : l.name) === s ? o : null;
+  return ((l = o == null ? void 0 : o.type) == null ? void 0 : l.name) === i ? o : null;
 }
 function Ct() {
-  const t = te(U), s = V();
-  function o(e, l, i) {
+  const t = te(U), i = V();
+  function o(e, l, s) {
     if (!t)
       throw new Error("Not Found Modal Provider Component");
-    return t.open(e, l, i);
+    return t.open(e, l, s);
   }
   return {
     open: o,
@@ -661,10 +661,10 @@ function Ct() {
       var c;
       if (!t)
         throw new Error("Not Found Modal Provider Component");
-      const l = X(s, "ModalContainer"), i = (c = l == null ? void 0 : l.props) == null ? void 0 : c.id;
-      if (!i)
+      const l = X(i, "ModalContainer"), s = (c = l == null ? void 0 : l.props) == null ? void 0 : c.id;
+      if (!s)
         throw new Error("Not Found Current Modal Container");
-      t.close(i, e);
+      t.close(s, e);
     },
     closeAll() {
       if (!t)
@@ -675,14 +675,14 @@ function Ct() {
       var c;
       if (!t)
         throw new Error("Not Found Modal Provider Component");
-      const l = X(s, "ModalContainer"), i = (c = l == null ? void 0 : l.props) == null ? void 0 : c.id;
-      return t.showLoading(i, e);
+      const l = X(i, "ModalContainer"), s = (c = l == null ? void 0 : l.props) == null ? void 0 : c.id;
+      return t.showLoading(s, e);
     },
     hideLoading() {
-      var i;
+      var s;
       if (!t)
         throw new Error("Not Found Modal Provider Component");
-      const e = X(s, "ModalContainer"), l = (i = e == null ? void 0 : e.props) == null ? void 0 : i.id;
+      const e = X(i, "ModalContainer"), l = (s = e == null ? void 0 : e.props) == null ? void 0 : s.id;
       return t.hideLoading(l);
     },
     confirm(e) {
@@ -703,9 +703,9 @@ function Ct() {
   };
 }
 function Et(t) {
-  var i;
-  const s = te(U), o = V(), e = X(o, "ModalContainer"), l = (i = e == null ? void 0 : e.props) == null ? void 0 : i.id;
-  s && l && s.addEventListener(l, "submit", 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);
 }
 export {
   tt as ModalContainer,

package/dist/es/interfaces.d.ts

@@ -1,5 +1,5 @@
-import { useModal } from './hooks/use-modal';
 import { CSSProperties, Component } from 'vue';
+import { useModal } from './hooks/use-modal';
 
 export interface SizeOptions {
     small: string | number;

package/dist/style.css

@@ -1 +1 @@
-*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.i-icon-park-outline\:close{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 48 48' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='m8 8l32 32M8 40L40 8'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.cursor-pointer{cursor:pointer}.resize{resize:both}.space-x-2>:not([hidden])~:not([hidden]){--un-space-x-reverse:0;margin-left:calc(.5rem * calc(1 - var(--un-space-x-reverse)));margin-right:calc(.5rem * var(--un-space-x-reverse))}.border{border-width:1px}.px{padding-left:1rem;padding-right:1rem}.text-16px{font-size:16px}.font-bold{font-weight:700}.outline{outline-style:solid}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease{transition-timing-function:cubic-bezier(.4,0,.2,1)}.modal-wrapper[data-v-bd04f7a9]{z-index:var(--567c01bd);position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;background:#0000004d}.modal-content[data-v-bd04f7a9]{background:#fff;border-radius:5px;position:relative}.modal-header[data-v-bd04f7a9]{box-sizing:border-box;padding:10px;height:50px;display:flex;justify-content:space-between;align-items:center;border-bottom:solid 1px var(--color-border-1, #e8e8e8);color:var(--color-text-2, #4E5969)}.modal-body[data-v-bd04f7a9]{padding:10px;box-sizing:border-box;overflow:auto;position:relative}.modal-footer[data-v-bd04f7a9]{box-sizing:border-box;height:50px;border-top:solid 1px var(--color-border-1, #e8e8e8);display:flex;justify-content:flex-end;padding:10px}.modal-footer button[data-v-bd04f7a9]{height:32px;line-height:28px;min-width:80px;outline:none;border-color:transparent;font-size:14px;border-radius:4px;padding:0 10px;box-sizing:border-box}.modal-footer button.submit-button[data-v-bd04f7a9]{color:#fff;background-color:rgb(var(--primary-6, 45, 106, 251))}.modal-footer button.submit-button[data-v-bd04f7a9]:hover{background-color:rgb(var(--primary-5, 28, 76, 207))}.modal-footer button.submit-button[data-v-bd04f7a9]:active{background-color:rgb(var(--primary-7, 14, 66, 210))}.modal-footer button.cancel-button[data-v-bd04f7a9]{color:rgb(var(--color-text-2, 78, 89, 105));background-color:var(--color-fill-1, #f5f5f5)}.modal-footer button.cancel-button[data-v-bd04f7a9]:hover{background-color:var(--color-fill-3, #e5e6eb)}.modal-footer button.cancel-button[data-v-bd04f7a9]:active{background-color:var(--color-fill-4, #c9cdd4)}.modal-loading[data-v-bd04f7a9]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;background-color:#0000001a}.modal-loading .lds-ring[data-v-bd04f7a9]{display:inline-block;position:relative;width:80px;height:80px}.modal-loading .lds-ring div[data-v-bd04f7a9]{box-sizing:border-box;display:block;position:absolute;width:48px;height:48px;margin:8px;border:5px solid #fff;border-radius:50%;animation:lds-ring-bd04f7a9 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#fff transparent transparent transparent}.modal-loading .lds-ring div[data-v-bd04f7a9]:nth-child(1){animation-delay:-.45s}.modal-loading .lds-ring div[data-v-bd04f7a9]:nth-child(2){animation-delay:-.3s}.modal-loading .lds-ring div[data-v-bd04f7a9]:nth-child(3){animation-delay:-.15s}@keyframes lds-ring-bd04f7a9{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dialog-body[data-v-0c6b8db2]{padding:20px 10px 10px}.dialog-title[data-v-0c6b8db2]{padding:5px;font-weight:700;font-size:16px}.dialog-content[data-v-0c6b8db2]{padding:5px}.dialog-footer[data-v-0c6b8db2]{box-sizing:border-box;height:50px;border-top:solid 1px var(--color-border-1, #e8e8e8);display:flex;justify-content:center;align-items:center;padding:0 10px}.dialog-footer button[data-v-0c6b8db2]{height:32px;line-height:28px;min-width:80px;outline:none;border-color:transparent;font-size:14px;border-radius:4px;padding:0;box-sizing:border-box}.dialog-footer button.submit-button[data-v-0c6b8db2]{color:#fff;background-color:rgb(var(--primary-6, 45, 106, 251))}.dialog-footer button.submit-button[data-v-0c6b8db2]:hover{background-color:rgb(var(--primary-5, 28, 76, 207))}.dialog-footer button.submit-button[data-v-0c6b8db2]:active{background-color:rgb(var(--primary-7, 14, 66, 210))}.dialog-footer button.cancel-button[data-v-0c6b8db2]{color:rgb(var(--color-text-2, 78, 89, 105));background-color:var(--color-fill-1, #f5f5f5)}.dialog-footer button.cancel-button[data-v-0c6b8db2]:hover{background-color:var(--color-fill-4, #c9cdd4)}.modal-loading .lds-ring[data-v-559bdf2e]{display:inline-flex;justify-content:center;align-items:center;position:relative;width:80px;height:80px}.modal-loading .lds-ring div[data-v-559bdf2e]{box-sizing:border-box;display:block;position:absolute;width:48px;height:48px;margin:8px;border:5px solid #fff;border-radius:50%;animation:lds-ring-559bdf2e 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#fff transparent transparent transparent}.modal-loading .lds-ring div[data-v-559bdf2e]:nth-child(1){animation-delay:-.45s}.modal-loading .lds-ring div[data-v-559bdf2e]:nth-child(2){animation-delay:-.3s}.modal-loading .lds-ring div[data-v-559bdf2e]:nth-child(3){animation-delay:-.15s}@keyframes lds-ring-559bdf2e{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-loading-text[data-v-559bdf2e]{color:#fff;font-weight:700}.modal-fade-enter-active[data-v-448d3772],.modal-fade-leave-active[data-v-448d3772]{transition:opacity .5s ease}.modal-fade-enter-active[data-v-448d3772] .modal-content.drawer-mode,.modal-fade-leave-active[data-v-448d3772] .modal-content.drawer-mode{transition:transform .5s ease}.modal-fade-enter-from[data-v-448d3772],.modal-fade-leave-to[data-v-448d3772]{opacity:0}.modal-fade-enter-from[data-v-448d3772] .modal-content.drawer-mode.left-position,.modal-fade-leave-to[data-v-448d3772] .modal-content.drawer-mode.left-position{transform:translate3d(-100%,0,0)}.modal-fade-enter-from[data-v-448d3772] .modal-content.drawer-mode.right-position,.modal-fade-leave-to[data-v-448d3772] .modal-content.drawer-mode.right-position{transform:translate3d(100%,0,0)}.modal-fade-enter-from[data-v-448d3772] .modal-content.drawer-mode.top-position,.modal-fade-leave-to[data-v-448d3772] .modal-content.drawer-mode.top-position{transform:translate3d(0,-100%,0)}.modal-fade-enter-from[data-v-448d3772] .modal-content.drawer-mode.bottom-position,.modal-fade-leave-to[data-v-448d3772] .modal-content.drawer-mode.bottom-position{transform:translate3d(0,100%,0)}.modal-footer[data-v-46f8d703]{box-sizing:border-box;min-height:50px;border-top:solid 1px var(--color-border-1, rgb(232, 232, 232));padding:10px}.modal-footer button[data-v-46f8d703]{height:32px;line-height:28px;min-width:80px;outline:none;border-color:transparent;font-size:14px;border-radius:4px;padding:0;box-sizing:border-box}.modal-footer button.submit-button[data-v-46f8d703]{color:#fff;background-color:rgb(var(--primary-6, 45, 106, 251))}.modal-footer button.submit-button[data-v-46f8d703]:hover{background-color:rgb(var(--primary-5, 28, 76, 207))}.modal-footer button.submit-button[data-v-46f8d703]:active{background-color:rgb(var(--primary-7, 14, 66, 210))}.modal-footer button.cancel-button[data-v-46f8d703]{color:rgb(var(--color-text-2, 78, 89, 105));background-color:var(--color-fill-1, #f5f5f5)}.modal-footer button.cancel-button[data-v-46f8d703]:hover{background-color:var(--color-fill-3, #e5e6eb)}.modal-footer button.cancel-button[data-v-46f8d703]:active{background-color:var(--color-fill-4, #c9cdd4)}.modal-header[data-v-d0247172]{box-sizing:border-box;padding:10px;min-height:50px;border-bottom:solid 1px var(--color-border-1, rgb(232, 232, 232));color:var(--color-text-2, #4E5969)}
+*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.i-icon-park-outline\:close{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 48 48' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='m8 8l32 32M8 40L40 8'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.cursor-pointer{cursor:pointer}.resize{resize:both}.space-x-2>:not([hidden])~:not([hidden]){--un-space-x-reverse:0;margin-left:calc(.5rem * calc(1 - var(--un-space-x-reverse)));margin-right:calc(.5rem * var(--un-space-x-reverse))}.border{border-width:1px}.px{padding-left:1rem;padding-right:1rem}.text-16px{font-size:16px}.font-bold{font-weight:700}.outline{outline-style:solid}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease{transition-timing-function:cubic-bezier(.4,0,.2,1)}.modal-wrapper[data-v-e065fedd]{z-index:var(--0b220c17);position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;background:#0000004d}.modal-content[data-v-e065fedd]{background:#fff;border-radius:5px;position:relative}.modal-header[data-v-e065fedd]{box-sizing:border-box;padding:10px;height:50px;display:flex;justify-content:space-between;align-items:center;border-bottom:solid 1px var(--color-border-1, #e8e8e8);color:var(--color-text-2, #4E5969)}.modal-body[data-v-e065fedd]{padding:10px;box-sizing:border-box;overflow:auto;position:relative}.modal-footer[data-v-e065fedd]{box-sizing:border-box;height:50px;border-top:solid 1px var(--color-border-1, #e8e8e8);display:flex;justify-content:flex-end;padding:10px}.modal-footer button[data-v-e065fedd]{height:32px;line-height:28px;min-width:80px;outline:none;border-color:transparent;font-size:14px;border-radius:4px;padding:0 10px;box-sizing:border-box}.modal-footer button.submit-button[data-v-e065fedd]{color:#fff;background-color:rgb(var(--primary-6, 45, 106, 251))}.modal-footer button.submit-button[data-v-e065fedd]:hover{background-color:rgb(var(--primary-5, 28, 76, 207))}.modal-footer button.submit-button[data-v-e065fedd]:active{background-color:rgb(var(--primary-7, 14, 66, 210))}.modal-footer button.cancel-button[data-v-e065fedd]{color:rgb(var(--color-text-2, 78, 89, 105));background-color:var(--color-fill-1, #f5f5f5)}.modal-footer button.cancel-button[data-v-e065fedd]:hover{background-color:var(--color-fill-3, #e5e6eb)}.modal-footer button.cancel-button[data-v-e065fedd]:active{background-color:var(--color-fill-4, #c9cdd4)}.modal-loading[data-v-e065fedd]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;background-color:#0000001a}.modal-loading .lds-ring[data-v-e065fedd]{display:inline-block;position:relative;width:80px;height:80px}.modal-loading .lds-ring div[data-v-e065fedd]{box-sizing:border-box;display:block;position:absolute;width:48px;height:48px;margin:8px;border:5px solid #fff;border-radius:50%;animation:lds-ring-e065fedd 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#fff transparent transparent transparent}.modal-loading .lds-ring div[data-v-e065fedd]:nth-child(1){animation-delay:-.45s}.modal-loading .lds-ring div[data-v-e065fedd]:nth-child(2){animation-delay:-.3s}.modal-loading .lds-ring div[data-v-e065fedd]:nth-child(3){animation-delay:-.15s}@keyframes lds-ring-e065fedd{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dialog-body[data-v-0c6b8db2]{padding:20px 10px 10px}.dialog-title[data-v-0c6b8db2]{padding:5px;font-weight:700;font-size:16px}.dialog-content[data-v-0c6b8db2]{padding:5px}.dialog-footer[data-v-0c6b8db2]{box-sizing:border-box;height:50px;border-top:solid 1px var(--color-border-1, #e8e8e8);display:flex;justify-content:center;align-items:center;padding:0 10px}.dialog-footer button[data-v-0c6b8db2]{height:32px;line-height:28px;min-width:80px;outline:none;border-color:transparent;font-size:14px;border-radius:4px;padding:0;box-sizing:border-box}.dialog-footer button.submit-button[data-v-0c6b8db2]{color:#fff;background-color:rgb(var(--primary-6, 45, 106, 251))}.dialog-footer button.submit-button[data-v-0c6b8db2]:hover{background-color:rgb(var(--primary-5, 28, 76, 207))}.dialog-footer button.submit-button[data-v-0c6b8db2]:active{background-color:rgb(var(--primary-7, 14, 66, 210))}.dialog-footer button.cancel-button[data-v-0c6b8db2]{color:rgb(var(--color-text-2, 78, 89, 105));background-color:var(--color-fill-1, #f5f5f5)}.dialog-footer button.cancel-button[data-v-0c6b8db2]:hover{background-color:var(--color-fill-4, #c9cdd4)}.modal-loading .lds-ring[data-v-559bdf2e]{display:inline-flex;justify-content:center;align-items:center;position:relative;width:80px;height:80px}.modal-loading .lds-ring div[data-v-559bdf2e]{box-sizing:border-box;display:block;position:absolute;width:48px;height:48px;margin:8px;border:5px solid #fff;border-radius:50%;animation:lds-ring-559bdf2e 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#fff transparent transparent transparent}.modal-loading .lds-ring div[data-v-559bdf2e]:nth-child(1){animation-delay:-.45s}.modal-loading .lds-ring div[data-v-559bdf2e]:nth-child(2){animation-delay:-.3s}.modal-loading .lds-ring div[data-v-559bdf2e]:nth-child(3){animation-delay:-.15s}@keyframes lds-ring-559bdf2e{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-loading-text[data-v-559bdf2e]{color:#fff;font-weight:700}.modal-fade-enter-active[data-v-448d3772],.modal-fade-leave-active[data-v-448d3772]{transition:opacity .5s ease}.modal-fade-enter-active[data-v-448d3772] .modal-content.drawer-mode,.modal-fade-leave-active[data-v-448d3772] .modal-content.drawer-mode{transition:transform .5s ease}.modal-fade-enter-from[data-v-448d3772],.modal-fade-leave-to[data-v-448d3772]{opacity:0}.modal-fade-enter-from[data-v-448d3772] .modal-content.drawer-mode.left-position,.modal-fade-leave-to[data-v-448d3772] .modal-content.drawer-mode.left-position{transform:translate3d(-100%,0,0)}.modal-fade-enter-from[data-v-448d3772] .modal-content.drawer-mode.right-position,.modal-fade-leave-to[data-v-448d3772] .modal-content.drawer-mode.right-position{transform:translate3d(100%,0,0)}.modal-fade-enter-from[data-v-448d3772] .modal-content.drawer-mode.top-position,.modal-fade-leave-to[data-v-448d3772] .modal-content.drawer-mode.top-position{transform:translate3d(0,-100%,0)}.modal-fade-enter-from[data-v-448d3772] .modal-content.drawer-mode.bottom-position,.modal-fade-leave-to[data-v-448d3772] .modal-content.drawer-mode.bottom-position{transform:translate3d(0,100%,0)}.modal-footer[data-v-46f8d703]{box-sizing:border-box;min-height:50px;border-top:solid 1px var(--color-border-1, rgb(232, 232, 232));padding:10px}.modal-footer button[data-v-46f8d703]{height:32px;line-height:28px;min-width:80px;outline:none;border-color:transparent;font-size:14px;border-radius:4px;padding:0;box-sizing:border-box}.modal-footer button.submit-button[data-v-46f8d703]{color:#fff;background-color:rgb(var(--primary-6, 45, 106, 251))}.modal-footer button.submit-button[data-v-46f8d703]:hover{background-color:rgb(var(--primary-5, 28, 76, 207))}.modal-footer button.submit-button[data-v-46f8d703]:active{background-color:rgb(var(--primary-7, 14, 66, 210))}.modal-footer button.cancel-button[data-v-46f8d703]{color:rgb(var(--color-text-2, 78, 89, 105));background-color:var(--color-fill-1, #f5f5f5)}.modal-footer button.cancel-button[data-v-46f8d703]:hover{background-color:var(--color-fill-3, #e5e6eb)}.modal-footer button.cancel-button[data-v-46f8d703]:active{background-color:var(--color-fill-4, #c9cdd4)}.modal-header[data-v-d0247172]{box-sizing:border-box;padding:10px;min-height:50px;border-bottom:solid 1px var(--color-border-1, rgb(232, 232, 232));color:var(--color-text-2, #4E5969)}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@gopowerteam/modal-render",
   "type": "module",
-  "version": "0.0.46",
+  "version": "0.0.47",
   "author": {
     "name": "zhuchentong",
     "email": "2037630@gmail.com"