@farris/ui-vue 1.7.0-beta.4 → 1.7.0

package/components/message-box/index.esm.js

@@ -1,11 +1,11 @@
-var Pe = Object.defineProperty;
-var Ne = (e, t, n) => t in e ? Pe(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var $ = (e, t, n) => Ne(e, typeof t != "symbol" ? t + "" : t, n);
-import { ref as o, computed as x, createVNode as v, Fragment as ue, defineComponent as ce, watch as Y, nextTick as de, onBeforeMount as Ve, onMounted as ve, onUnmounted as fe, Teleport as Ae, Transition as $e, shallowRef as Xe, render as se, h as Ye, cloneVNode as Ue, createApp as qe, mergeProps as he, reactive as X } from "vue";
+var Ve = Object.defineProperty;
+var Ae = (e, t, n) => t in e ? Ve(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var X = (e, t, n) => Ae(e, typeof t != "symbol" ? t + "" : t, n);
+import { ref as o, computed as x, createVNode as v, Fragment as ue, defineComponent as fe, watch as Y, nextTick as he, onBeforeMount as $e, onMounted as me, onUnmounted as ge, watchEffect as Xe, Teleport as Ye, Transition as Ue, shallowRef as qe, render as se, h as Ke, cloneVNode as Je, createApp as Ze, mergeProps as pe, reactive as U } from "vue";
 import { LocaleService as J } from "../locale/index.esm.js";
-import { getMaxZIndex as Ke } from "../common/index.esm.js";
+import { isMobilePhone as Ge, getMaxZIndex as ve } from "../common/index.esm.js";
 import "../property-panel/index.esm.js";
-const Je = {
+const Qe = {
   width: { Type: Number, default: 400 },
   type: { Type: String, default: "info" },
   title: { Type: String, default: "" },
@@ -21,12 +21,12 @@ const Je = {
 function ie() {
   return new DOMException("The request is not allowed", "NotAllowedError");
 }
-async function Ze(e) {
+async function _e(e) {
   if (!navigator.clipboard)
     throw ie();
   return navigator.clipboard.writeText(e);
 }
-async function Ge(e) {
+async function et(e) {
   const t = document.createElement("span");
   t.textContent = e, t.style.whiteSpace = "pre", t.style.webkitUserSelect = "auto", t.style.userSelect = "all", document.body.appendChild(t);
   const n = window.getSelection(), a = window.document.createRange();
@@ -40,32 +40,32 @@ async function Ge(e) {
   if (!u)
     throw ie();
 }
-async function Qe(e) {
+async function tt(e) {
   try {
-    await Ze(e);
+    await _e(e);
   } catch (t) {
     try {
-      await Ge(e);
+      await et(e);
     } catch (n) {
       throw n || t || ie();
     }
   }
 }
-function _e() {
+function nt() {
   async function e(t) {
-    await Qe(t);
+    await tt(t);
   }
   return { onCopy: e };
 }
-function et(e, t, n, a) {
-  const u = o(14), c = o(140), d = o(""), i = o(a.value.length), s = x(() => a.value), m = x(() => ({
+function at(e, t, n, a) {
+  const u = o(14), d = o(140), r = o(""), i = o(a.value.length), s = x(() => a.value), m = x(() => ({
     "font-size": `${u.value}px`,
     height: "100%"
   }));
-  function p(g) {
+  function y(g) {
     if (g.currentTarget) {
-      const S = g.currentTarget.value || "";
-      i.value = S.length;
+      const z = g.currentTarget.value || "";
+      i.value = z.length;
     }
   }
   return () => v(ue, null, [v("textarea", {
@@ -74,22 +74,22 @@ function et(e, t, n, a) {
     class: "form-control",
     style: m.value,
     rows: "4",
-    maxlength: c.value,
-    onInput: (g) => p(g)
+    maxlength: d.value,
+    onInput: (g) => y(g)
   }, [s.value]), v("span", {
     class: "textarea-wordcount",
-    title: d.value,
+    title: r.value,
     style: "position: absolute; bottom: 76px; right: 32px; cursor: pointer; text-align: right;"
-  }, [i.value + " / " + c.value])]);
+  }, [i.value + " / " + d.value])]);
 }
-function tt(e, t, n, a) {
-  const u = et(e, t, n, a), c = /* @__PURE__ */ new Map([["text-area", u]]);
-  function d(i) {
-    return c.get(i) || null;
+function lt(e, t, n, a) {
+  const u = at(e, t, n, a), d = /* @__PURE__ */ new Map([["text-area", u]]);
+  function r(i) {
+    return d.get(i) || null;
   }
-  return { getEditorRender: d };
+  return { getEditorRender: r };
 }
-function nt() {
+function ot() {
   const e = o(!1), t = o("复制成功");
   return {
     feedbackStyle: x(() => {
@@ -116,11 +116,11 @@ function nt() {
     toShowFeedback: e
   };
 }
-function at(e, t) {
+function st(e, t) {
   const n = t.getEditorRender(e.promptEditorType);
   return () => n && n();
 }
-function lt(e, t) {
+function ut(e, t) {
   function n(w) {
     if (w == null)
       return 0;
@@ -146,107 +146,104 @@ function lt(e, t) {
     }
     return "";
   }
-  const u = x(() => !!e.value && !!e.value.date), c = x(() => {
+  const u = x(() => !!e.value && !!e.value.date), d = x(() => {
     const w = e.value && e.value.date || "";
     return `${t.exception.happend} : ${w}`;
-  }), d = x(() => !!e.value && !!e.value.detail), i = x(() => e.value ? n(e.value.detail) > 160 : !1), s = o(!1), m = x(() => s.value ? t.exception.collapse : t.exception.expand), p = x(() => {
+  }), r = x(() => !!e.value && !!e.value.detail), i = x(() => e.value ? n(e.value.detail) > 160 : !1), s = o(!1), m = x(() => s.value ? t.exception.collapse : t.exception.expand), y = x(() => {
     const w = t.exception.detail + " : " + (e.value && e.value.detail) || "";
     return s.value ? w : a(w, 160);
   }), g = x(() => ({
-    position: "absolute",
-    right: 0,
-    bottom: s.value ? 0 : "2px",
-    color: "#2A87FF",
-    cursor: "pointer"
+    bottom: s.value ? 0 : "2px"
   }));
-  function S() {
+  function z() {
     s.value = !s.value;
   }
   return () => v("div", {
     class: "toast-msg-detail",
     style: "max-height: calc(100vh - 200px);overflow: auto;"
-  }, [u.value && v("div", null, [c.value]), d.value && v("div", {
+  }, [u.value && v("div", null, [d.value]), r.value && v("div", {
     class: "exception_wrap"
   }, [v("div", {
     class: "exception_error_msg"
   }, [v("div", {
-    innerHTML: p.value
+    innerHTML: y.value
   }, null), i.value && v("span", {
+    class: "exception_toggle_detail",
     style: g.value,
-    onClick: S
+    onClick: z
   }, [m.value])])])]);
 }
-function ot(e) {
+function it(e) {
   return () => v("p", {
     class: "toast-msg-detail",
     innerHTML: e.value,
     style: "max-height: calc(100vh - 200px);overflow: auto;"
   }, null);
 }
-function st(e, t, n, a, u) {
-  const c = o(e.exceptionInfo), d = x(() => {
+function rt(e, t, n, a, u) {
+  const d = o(e.exceptionInfo), r = x(() => {
     const B = t.value === "question" ? "warning" : t.value, H = {
       "f-icon": !0
     }, E = `f-icon-${B}`;
     return H[E] = !0, H;
-  }), i = x(() => n.value || c.value && c.value.message), s = x(() => a.value), m = x(() => !!a.value), p = x(() => !!c.value);
+  }), i = x(() => n.value || d.value && d.value.message), s = x(() => a.value), m = x(() => !!a.value), y = x(() => !!d.value);
   function g() {
-    return p.value ? lt(c, u) : m.value ? ot(s) : () => null;
+    return y.value ? ut(d, u) : m.value ? it(s) : () => null;
   }
-  const S = g(), w = x(() => u.locale === "en" ? {
+  const z = g(), w = x(() => u.locale === "en" ? {
     wordBreak: "keep-all",
     overflowWrap: "break-word"
   } : {});
   return () => v(ue, null, [v("div", {
     class: "float-left modal-tips-iconwrap"
   }, [v("span", {
-    class: d.value
+    class: r.value
   }, null)]), v("div", {
     class: "modal-tips-content"
   }, [v("p", {
     class: "toast-msg-title",
     innerHTML: i.value,
     style: w.value
-  }, null), S()])]);
+  }, null), z()])]);
 }
-function ut(e, t, n, a) {
+function ct(e, t, n, a) {
   const {
     onCopy: u
   } = t, {
-    toShowFeedback: c
-  } = n, d = o(a.exception.copySuccess || "复制成功"), i = o(a.exception.copy || "复制详细信息"), s = o(e.exceptionInfo || {
+    toShowFeedback: d
+  } = n, r = o(a.exception.copySuccess || "复制成功"), i = o(a.exception.copy || "复制详细信息"), s = o(e.exceptionInfo || {
     date: "",
     message: "",
     detail: ""
   }), m = x(() => s.value && s.value.detail || "");
-  function p(g) {
-    u(m.value).catch((S) => {
-      d.value = a.exception.copyFailed || "复制失败";
+  function y(g) {
+    u(m.value).catch((z) => {
+      r.value = a.exception.copyFailed || "复制失败";
     }).finally(() => {
-      c.value = !0, setTimeout(() => {
-        c.value = !1;
+      d.value = !0, setTimeout(() => {
+        d.value = !1;
       }, 700);
     });
   }
   return () => v("span", {
-    style: "width: 100%;color: #2A87FF;padding-left: 37px;"
+    class: "copy-exception-info"
   }, [v("span", {
-    onClick: p,
+    onClick: y,
     style: "cursor: pointer;"
   }, [i.value])]);
 }
-function it(e, t, n, a, u) {
-  const c = o(e.type), d = o(e.buttons), i = o(e.exceptionInfo), s = o(u.ok || e.okButtonText), m = o(u.cancel || e.cancelButtonText), p = o(e.showCancelButton), g = o(e.showOkButton), S = x(() => !!(d.value && d.value.length)), w = x(() => !!(i.value && i.value.detail)), B = x(() => !(d.value && d.value.length) && (g.value || p.value)), H = ut(e, n, a, u);
+function dt(e, t, n, a, u) {
+  const d = o(e.type), r = o(e.buttons), i = o(e.exceptionInfo), s = o(u.ok || e.okButtonText), m = o(u.cancel || e.cancelButtonText), y = o(e.showCancelButton), g = o(e.showOkButton), z = x(() => !!(r.value && r.value.length)), w = x(() => !!(i.value && i.value.detail)), B = x(() => !(r.value && r.value.length) && (g.value || y.value)), H = ct(e, n, a, u);
   s.value === "关闭" ? s.value = u.close : s.value === "知道了" && (s.value = u.exception.roger);
   function E(C) {
-    c.value === "question" && t.emit("reject"), t.emit("close");
+    d.value === "question" && t.emit("reject"), t.emit("close");
   }
   function k(C) {
-    c.value === "question" && t.emit("accept"), t.emit("close");
+    d.value === "question" && t.emit("accept"), t.emit("close");
   }
   return () => v("div", {
     class: "modal-footer"
-  }, [w.value && H(), B.value && p.value && v("button", {
+  }, [w.value && H(), B.value && y.value && v("button", {
     type: "button",
     class: "btn btn-secondary btn-lg",
     onClick: E
@@ -254,7 +251,7 @@ function it(e, t, n, a, u) {
     type: "button",
     class: "btn btn-primary btn-lg",
     onClick: k
-  }, [s.value]), S.value && d.value.length && d.value.map((C) => v("button", {
+  }, [s.value]), z.value && r.value.length && r.value.map((C) => v("button", {
     type: "button",
     onClick: C.handle,
     class: C.class
@@ -262,10 +259,10 @@ function it(e, t, n, a, u) {
     class: C.iconClass
   }, null), C.text]))]);
 }
-function rt(e) {
+function vt(e) {
   const { getLocaleValue: t } = J, n = J.getLocale();
-  function a(u, c, d) {
-    return c === d ? t(u) : c;
+  function a(u, d, r) {
+    return d === r ? t(u) : d;
   }
   return {
     yes: a("messageBox.yes") || "是",
@@ -288,12 +285,12 @@ function rt(e) {
     locale: n
   };
 }
-const _ = /* @__PURE__ */ ce({
+const ee = /* @__PURE__ */ fe({
   name: "FMessageBox",
-  props: Je,
+  props: Qe,
   emits: ["accept", "reject", "close"],
   setup(e, t) {
-    const n = rt(e), a = o(e.type), u = o(e.title), c = o(e.detail), d = x(() => {
+    const n = vt(e), a = o(e.type), u = o(e.title), d = o(e.detail), r = x(() => {
       const k = {
         "modal-tips": !0,
         "d-flex": !0,
@@ -305,36 +302,36 @@ const _ = /* @__PURE__ */ ce({
         cursor: "default"
       };
       return a.value === "prompt" ? k.padding = "0.5rem 0.5rem 1rem 1.5rem" : a.value === "error" && (k.padding = "0.5rem 1.5rem 1rem 1.5rem"), k;
-    }), s = _e(), m = tt(e, a, u, c), p = nt(), {
+    }), s = nt(), m = lt(e, a, u, d), y = ot(), {
       feedbackStyle: g,
-      feedbackMessage: S
-    } = p;
-    S.value = n.exception.copySuccess;
+      feedbackMessage: z
+    } = y;
+    z.value = n.exception.copySuccess;
     function w() {
       return v("div", {
         style: g.value
-      }, [S.value]);
+      }, [z.value]);
     }
     function B() {
       switch (a.value) {
         case "prompt":
-          return at(e, m);
+          return st(e, m);
         default:
-          return st(e, a, u, c, n);
+          return rt(e, a, u, d, n);
       }
     }
-    const H = B(), E = it(e, t, s, p, n);
+    const H = B(), E = dt(e, t, s, y, n);
     return () => v("div", {
       class: "farris-messager"
     }, [!e.exceptionInfo && v("div", {
       style: "height: 30px;width: 100%;position: absolute;",
       class: "messager-draggable"
     }, null), v("section", {
-      class: d.value,
+      class: r.value,
       style: i.value
     }, [H()]), E(), w()]);
   }
-}), ct = {
+}), ft = {
   /**
    * 允许点击遮罩关闭对话框
    */
@@ -413,7 +410,8 @@ const _ = /* @__PURE__ */ ce({
   dialogType: { type: String, default: "" },
   src: { type: String, default: "" },
   footerHeight: { type: Number, default: 60 },
-  host: { type: Object, default: "body" }
+  host: { type: Object, default: "body" },
+  isMessager: { type: Boolean, default: !1 }
 };
 class O {
   constructor(t, n) {
@@ -422,8 +420,8 @@ class O {
   static getTransformInfo(t) {
     const a = window.getComputedStyle(t).getPropertyValue("transform").replace(/[^-\d,]/g, "").split(",");
     if (a.length >= 6) {
-      const u = parseInt(a[4], 10), c = parseInt(a[5], 10);
-      return { x: u, y: c };
+      const u = parseInt(a[4], 10), d = parseInt(a[5], 10);
+      return { x: u, y: d };
     }
     return { x: 0, y: 0 };
   }
@@ -447,8 +445,8 @@ class O {
     if (window) {
       const a = window.getComputedStyle(t);
       if (a) {
-        const u = parseInt(a.getPropertyValue("left"), 10), c = parseInt(a.getPropertyValue("top"), 10);
-        n.x = isNaN(u) ? 0 : u, n.y = isNaN(c) ? 0 : c;
+        const u = parseInt(a.getPropertyValue("left"), 10), d = parseInt(a.getPropertyValue("top"), 10);
+        n.x = isNaN(u) ? 0 : u, n.y = isNaN(d) ? 0 : d;
       }
       return n;
     }
@@ -479,12 +477,12 @@ class O {
     return this.x = t.x, this.y = t.y, this;
   }
 }
-class U {
+class q {
   constructor(t, n) {
     this.width = t, this.height = n;
   }
   static getCurrent(t) {
-    const n = new U(0, 0);
+    const n = new q(0, 0);
     if (window) {
       const a = window.getComputedStyle(t);
       return a && (n.width = parseInt(a.getPropertyValue("width"), 10), n.height = parseInt(a.getPropertyValue("height"), 10)), n;
@@ -492,27 +490,27 @@ class U {
     return null;
   }
   static copy(t) {
-    return new U(0, 0).set(t);
+    return new q(0, 0).set(t);
   }
   set(t) {
     return this.width = t.width, this.height = t.height, this;
   }
 }
-function dt(e, t) {
-  const n = o(), a = o(), u = o(), c = o(), d = o(), i = o(), s = o(), m = o(), p = o(), g = o(), S = o(), w = o(e.resizeable), B = o(), H = o(e.draggable), E = o(!1);
+function ht(e, t) {
+  const n = o(), a = o(), u = o(), d = o(), r = o(), i = o(), s = o(), m = o(), y = o(), g = o(), z = o(), w = o(e.resizeable), B = o(), H = o(e.draggable), E = o(!1);
   function k() {
-    const r = a.value || document.body, f = window.getComputedStyle(r);
+    const c = a.value || document.body, f = window.getComputedStyle(c);
     if (!f || !n.value)
       return;
-    const z = O.getTransformInfo(n.value), b = {};
+    const S = O.getTransformInfo(n.value), b = {};
     s.value && (b.deltaL = n.value.offsetLeft - s.value.x, b.deltaT = n.value.offsetTop - s.value.y);
-    const F = f.getPropertyValue("position");
-    b.width = r.clientWidth, b.height = r.clientHeight, b.pr = parseInt(f.getPropertyValue("padding-right"), 10), b.pb = parseInt(f.getPropertyValue("padding-bottom"), 10), b.position = f.getPropertyValue("position"), F === "static" && (r.style.position = "relative"), b.translateX = z.x, b.translateY = z.y, g.value = b;
+    const j = f.getPropertyValue("position");
+    b.width = c.clientWidth, b.height = c.clientHeight, b.pr = parseInt(f.getPropertyValue("padding-right"), 10), b.pb = parseInt(f.getPropertyValue("padding-bottom"), 10), b.position = f.getPropertyValue("position"), j === "static" && (c.style.position = "relative"), b.translateX = S.x, b.translateY = S.y, g.value = b;
   }
-  function C(r) {
+  function C(c) {
     if (n.value) {
-      c.value = U.getCurrent(n.value), d.value = O.getCurrent(n.value), i.value = c.value ? U.copy(c.value) : null, s.value = d.value ? O.copy(d.value) : null, k();
-      const f = r.target.getAttribute("type") || "";
+      d.value = q.getCurrent(n.value), r.value = O.getCurrent(n.value), i.value = d.value ? q.copy(d.value) : null, s.value = r.value ? O.copy(r.value) : null, k();
+      const f = c.target.getAttribute("type") || "";
       m.value = {
         n: !!f.match(/n/),
         s: !!f.match(/s/),
@@ -522,74 +520,74 @@ function dt(e, t) {
     }
   }
   function I() {
-    var r, f, z, b;
+    var c, f, S, b;
     if (n.value) {
-      const F = n.value;
-      m.value && ((m.value.n || m.value.s) && ((r = i.value) != null && r.height) && (F.style.height = i.value.height + "px"), (m.value.w || m.value.e) && ((f = i.value) != null && f.width) && (F.style.width = i.value.width + "px"), s.value && ((z = s.value) != null && z.x && (F.style.left = s.value.x + "px"), (b = s.value) != null && b.y && (F.style.top = s.value.y + "px")));
+      const j = n.value;
+      m.value && ((m.value.n || m.value.s) && ((c = i.value) != null && c.height) && (j.style.height = i.value.height + "px"), (m.value.w || m.value.e) && ((f = i.value) != null && f.width) && (j.style.width = i.value.width + "px"), s.value && ((S = s.value) != null && S.x && (j.style.left = s.value.x + "px"), (b = s.value) != null && b.y && (j.style.top = s.value.y + "px")));
     }
   }
-  function A() {
-    const r = e.minHeight ? e.minHeight : 1, f = e.minWidth ? e.minWidth : 1;
-    i.value && s.value && m.value && c.value && (i.value.height < r && (i.value.height = r, m.value.n && d.value && (s.value.y = d.value.y + (c.value.height - r))), i.value.width < f && (i.value.width = f, m.value.w && d.value && (s.value.x = d.value.x + (c.value.width - f))), e.maxHeight && i.value.height > e.maxHeight && (i.value.height = e.maxHeight, d.value && m.value.n && (s.value.y = d.value.y + (c.value.height - e.maxHeight))), e.maxWidth && i.value.width > e.maxWidth && (i.value.width = e.maxWidth, m.value.w && d.value && (s.value.x = d.value.x + (c.value.width - e.maxWidth))));
+  function $() {
+    const c = e.minHeight ? e.minHeight : 1, f = e.minWidth ? e.minWidth : 1;
+    i.value && s.value && m.value && d.value && (i.value.height < c && (i.value.height = c, m.value.n && r.value && (s.value.y = r.value.y + (d.value.height - c))), i.value.width < f && (i.value.width = f, m.value.w && r.value && (s.value.x = r.value.x + (d.value.width - f))), e.maxHeight && i.value.height > e.maxHeight && (i.value.height = e.maxHeight, r.value && m.value.n && (s.value.y = r.value.y + (d.value.height - e.maxHeight))), e.maxWidth && i.value.width > e.maxWidth && (i.value.width = e.maxWidth, m.value.w && r.value && (s.value.x = r.value.x + (d.value.width - e.maxWidth))));
   }
   function T() {
     if (a.value) {
-      const r = g.value;
-      if (s.value && i.value && m.value && c.value) {
-        const f = r.width - r.pr - r.deltaL - r.translateX - s.value.x, z = r.height - r.pb - r.deltaT - r.translateY - s.value.y;
-        m.value.n && s.value.y + r.translateY < 0 && d.value && (s.value.y = -r.translateY, i.value.height = c.value.height + d.value.y + r.translateY), m.value.w && s.value.x + r.translateX < 0 && d.value && (s.value.x = -r.translateX, i.value.width = c.value.width + d.value.x + r.translateX), i.value.width > f && (i.value.width = f), i.value.height > z && (i.value.height = z);
+      const c = g.value;
+      if (s.value && i.value && m.value && d.value) {
+        const f = c.width - c.pr - c.deltaL - c.translateX - s.value.x, S = c.height - c.pb - c.deltaT - c.translateY - s.value.y;
+        m.value.n && s.value.y + c.translateY < 0 && r.value && (s.value.y = -c.translateY, i.value.height = d.value.height + r.value.y + c.translateY), m.value.w && s.value.x + c.translateX < 0 && r.value && (s.value.x = -c.translateX, i.value.width = d.value.width + r.value.x + c.translateX), i.value.width > f && (i.value.width = f), i.value.height > S && (i.value.height = S);
       }
     }
   }
-  function L(r) {
-    if (!u.value || !c.value || !d.value || !m.value)
+  function L(c) {
+    if (!u.value || !d.value || !r.value || !m.value)
       return;
-    r.subtract(u.value);
-    const f = r.x, z = r.y;
-    m.value.n ? (s.value.y = d.value.y + z, i.value.height = c.value.height - z) : m.value.s && (i.value.height = c.value.height + z), m.value.e ? i.value.width = c.value.width + f : m.value.w && (i.value.width = c.value.width - f, s.value.x = d.value.x + f), T(), A(), I();
+    c.subtract(u.value);
+    const f = c.x, S = c.y;
+    m.value.n ? (s.value.y = r.value.y + S, i.value.height = d.value.height - S) : m.value.s && (i.value.height = d.value.height + S), m.value.e ? i.value.width = d.value.width + f : m.value.w && (i.value.width = d.value.width - f, s.value.x = r.value.x + f), T(), $(), I();
   }
-  function h(r) {
-    if (!p.value)
+  function h(c) {
+    if (!y.value)
       return;
-    const f = O.fromEvent(r);
+    const f = O.fromEvent(c);
     f && L(f);
   }
   function M() {
     if (n.value) {
       const {
-        width: r,
+        width: c,
         height: f,
-        x: z,
+        x: S,
         y: b
-      } = n.value.getBoundingClientRect(), F = O.getTransformInfo(n.value);
+      } = n.value.getBoundingClientRect(), j = O.getTransformInfo(n.value);
       return {
         size: {
-          width: r,
+          width: c,
           height: f
         },
         position: {
-          x: z - F.x,
-          y: b - F.y
+          x: S - j.x,
+          y: b - j.y
         }
       };
     }
     return null;
   }
-  function j(r) {
+  function F(c) {
     if (n.value) {
       const f = M();
-      S.value = f;
+      z.value = f;
     }
-    u.value = void 0, c.value = null, d.value = null, i.value = null, s.value = null, m.value = null, p.value = null, document.removeEventListener("mousemove", h), document.removeEventListener("mouseup", j);
+    u.value = void 0, d.value = null, r.value = null, i.value = null, s.value = null, m.value = null, y.value = null, document.removeEventListener("mousemove", h), document.removeEventListener("mouseup", F);
   }
   function P() {
-    document.addEventListener("mousemove", h), document.addEventListener("mouseup", j);
+    document.addEventListener("mousemove", h), document.addEventListener("mouseup", F);
   }
-  function R(r) {
-    r instanceof MouseEvent && r.button === 2 || H.value && (document.body.click(), r.stopPropagation(), r.preventDefault(), u.value = O.fromEvent(r), p.value = r.target, C(r), P());
+  function R(c) {
+    c instanceof MouseEvent && c.button === 2 || H.value && (document.body.click(), c.stopPropagation(), c.preventDefault(), u.value = O.fromEvent(c), y.value = c.target, C(c), P());
   }
-  function N(r) {
-    return n.value = r, w.value && v(ue, null, [v("div", {
+  function N(c) {
+    return n.value = c, w.value && v(ue, null, [v("div", {
       class: "fv-resizable-handle fv-resizable-n",
       type: "n",
       onMousedown: (f) => R(f)
@@ -623,10 +621,10 @@ function dt(e, t) {
       onMousedown: (f) => R(f)
     }, null)]);
   }
-  function G(r = !0) {
+  function G(c = !0) {
     document.body.click();
-    const f = a.value || document.body, z = U.getCurrent(f), b = n.value;
-    r && b && (B.value = M(), B.value.transform = b.style.transform), z && b && (i.value = z, i.value.height -= 14, i.value.width -= 14, b.style.height = i.value.height + "px", b.style.width = i.value.width + "px", b.style.left = "7px", b.style.top = "7px", b.style.transform = "", S.value = {
+    const f = a.value || document.body, S = q.getCurrent(f), b = n.value;
+    c && b && (B.value = M(), B.value.transform = b.style.transform), S && b && (i.value = S, i.value.height -= 14, i.value.width -= 14, b.style.height = i.value.height + "px", b.style.width = i.value.width + "px", b.style.left = "7px", b.style.top = "7px", b.style.transform = "", z.value = {
       size: i.value,
       position: {
         x: 0,
@@ -634,138 +632,138 @@ function dt(e, t) {
       }
     }, H.value = !1, E.value = !0);
   }
-  function te() {
-    var r, f;
+  function ne() {
+    var c, f;
     if (document.body.click(), B.value) {
-      const z = {
+      const S = {
         width: B.value.size.width || 0,
         height: B.value.size.height || 0
       }, b = {
-        x: (window.innerWidth - z.width) / 2,
-        y: (window.innerHeight - z.height) / 2
+        x: (window.innerWidth - S.width) / 2,
+        y: (window.innerHeight - S.height) / 2
       };
-      (r = i.value) == null || r.set(z), (f = s.value) == null || f.set(b);
-      const F = n.value;
-      F.style.height = z.height + "px", F.style.width = z.width + "px", F.style.left = `${b.x}px`, F.style.top = `${b.y}px`, F.style.transform = "", S.value = {
-        size: z,
+      (c = i.value) == null || c.set(S), (f = s.value) == null || f.set(b);
+      const j = n.value;
+      j.style.height = S.height + "px", j.style.width = S.width + "px", j.style.left = `${b.x}px`, j.style.top = `${b.y}px`, j.style.transform = "", z.value = {
+        size: S,
         position: b
       }, H.value = e.draggable, E.value = !1;
     }
   }
   function Q() {
     if (n.value) {
-      const r = U.getCurrent(n.value);
-      if (r) {
+      const c = q.getCurrent(n.value);
+      if (c) {
         const {
           width: f,
-          height: z
-        } = r;
-        n.value.style.left = `${(window.innerWidth - f) / 2}px`, n.value.style.top = `${(window.innerHeight - z) / 2}px`, n.value.style.transform = "";
+          height: S
+        } = c;
+        n.value.style.left = `${(window.innerWidth - f) / 2}px`, n.value.style.top = `${(window.innerHeight - S) / 2}px`, n.value.style.transform = "";
       }
     }
   }
-  function q() {
-    const r = () => {
+  function K() {
+    const c = () => {
       E.value ? G(!1) : Q(), document.body.click();
     };
-    return window.addEventListener("resize", r), () => {
-      window.removeEventListener("resize", r);
+    return window.addEventListener("resize", c), () => {
+      window.removeEventListener("resize", c);
     };
   }
-  const ne = q();
+  const ae = K();
   return {
     renderResizeBar: N,
     boundingElement: a,
-    resizedEventParam: S,
+    resizedEventParam: z,
     maximize: G,
-    restore: te,
+    restore: ne,
     allowDrag: H,
     isMaximized: E,
-    unWindowResizeHandle: ne,
+    unWindowResizeHandle: ae,
     moveToCenter: Q
   };
 }
-function vt(e, t, n) {
-  const a = o(), u = o(e.draggable), c = o(e.lockAxis), d = o(), i = o(), s = o(!1), m = o(new O(0, 0)), p = o(new O(0, 0)), g = o(new O(0, 0)), S = o(new O(0, 0));
+function mt(e, t, n) {
+  const a = o(), u = o(e.draggable), d = o(e.lockAxis), r = o(), i = o(), s = o(!1), m = o(new O(0, 0)), y = o(new O(0, 0)), g = o(new O(0, 0)), z = o(new O(0, 0));
   Y(() => n.value, (h) => {
-    d.value.style.cursor = h ? "move" : "default";
+    r.value.style.cursor = h ? "move" : "default";
   });
   function w(h, M) {
     if (M.tagName === "BUTTON")
       return !1;
     if (M === h)
       return !0;
-    for (const j in M.children)
-      if (Object.prototype.hasOwnProperty.call(M.children, j) && w(h, M.children[j]))
+    for (const F in M.children)
+      if (Object.prototype.hasOwnProperty.call(M.children, F) && w(h, M.children[F]))
         return !0;
     return !1;
   }
   function B() {
     var P, R;
-    let h = g.value.x + p.value.x, M = g.value.y + p.value.y;
-    c.value === "x" ? (h = ((P = m.value) == null ? void 0 : P.x) || 0, g.value.x = 0) : c.value === "y" && (M = ((R = m.value) == null ? void 0 : R.y) || 0, g.value.y = 0);
-    const j = `translate3d(${Math.round(h)}px, ${Math.round(M)}px, 0px)`;
-    a.value && (a.value.style.transform = j), S.value.x = h, S.value.y = M;
+    let h = g.value.x + y.value.x, M = g.value.y + y.value.y;
+    d.value === "x" ? (h = ((P = m.value) == null ? void 0 : P.x) || 0, g.value.x = 0) : d.value === "y" && (M = ((R = m.value) == null ? void 0 : R.y) || 0, g.value.y = 0);
+    const F = `translate3d(${Math.round(h)}px, ${Math.round(M)}px, 0px)`;
+    a.value && (a.value.style.transform = F), z.value.x = h, z.value.y = M;
   }
   function H() {
     if (!i.value || !a.value)
       return null;
-    const h = i.value.getBoundingClientRect(), M = a.value.getBoundingClientRect(), j = {
+    const h = i.value.getBoundingClientRect(), M = a.value.getBoundingClientRect(), F = {
       top: h.top < M.top,
       right: h.right > M.right,
       bottom: h.bottom > M.bottom,
       left: h.left < M.left
     };
-    return j.top || (g.value.y -= M.top - h.top), j.bottom || (g.value.y -= M.bottom - h.bottom), j.right || (g.value.x -= M.right - h.right), j.left || (g.value.x -= M.left - h.left), B(), j;
+    return F.top || (g.value.y -= M.top - h.top), F.bottom || (g.value.y -= M.bottom - h.bottom), F.right || (g.value.x -= M.right - h.right), F.left || (g.value.x -= M.left - h.left), B(), F;
   }
   function E(h) {
     h && (m.value && h.subtract(m.value), g.value.set(h), B(), H());
   }
   function k(h) {
-    s.value && u.value && (h.stopPropagation(), h.preventDefault(), E(O.fromEvent(h, d.value)));
+    s.value && u.value && (h.stopPropagation(), h.preventDefault(), E(O.fromEvent(h, r.value)));
   }
   function C() {
     var h;
-    s.value && (s.value = !1, p.value.add(g.value), g.value.reset(), (h = a.value) == null || h.classList.remove("ng-dragging"), t.emit("stopMove"), document.removeEventListener("mousemove", k), document.removeEventListener("mouseup", C));
+    s.value && (s.value = !1, y.value.add(g.value), g.value.reset(), (h = a.value) == null || h.classList.remove("ng-dragging"), t.emit("stopMove"), document.removeEventListener("mousemove", k), document.removeEventListener("mouseup", C));
   }
   function I() {
-    !s.value && d.value && (s.value = !0, d.value.classList.add("ng-dragging"), document.addEventListener("mousemove", k), document.addEventListener("mouseup", C));
+    !s.value && r.value && (s.value = !0, r.value.classList.add("ng-dragging"), document.addEventListener("mousemove", k), document.addEventListener("mouseup", C));
   }
-  function A() {
+  function $() {
     if (a.value) {
       const h = O.getTransformInfo(a.value);
-      p.value.set(h);
+      y.value.set(h);
       return;
     }
-    p.value.reset();
+    y.value.reset();
   }
   function T(h) {
     if (!n.value || h instanceof MouseEvent && h.button === 2)
       return;
     const M = h.target || h.srcElement;
-    d.value !== void 0 && M && !w(M, d.value) || u.value !== !1 && (document.body.click(), h.stopPropagation(), h.preventDefault(), m.value = O.fromEvent(h, a.value), A(), I());
+    r.value !== void 0 && M && !w(M, r.value) || u.value !== !1 && (document.body.click(), h.stopPropagation(), h.preventDefault(), m.value = O.fromEvent(h, a.value), $(), I());
   }
-  function L(h, M, j) {
+  function L(h, M, F) {
     if (u.value && M) {
       if (h)
-        d.value = h;
+        r.value = h;
       else if (e.dragHandle) {
         if (e.dragHandle instanceof HTMLElement)
-          d.value = e.dragHandle;
+          r.value = e.dragHandle;
         else if (typeof e.dragHandle == "string") {
           const P = M.querySelector(e.dragHandle);
-          P && (d.value = P);
+          P && (r.value = P);
         }
       }
-      a.value = M, i.value = j, d.value ? (d.value.classList.add("ng-draggable"), d.value.addEventListener("mousedown", T)) : u.value = !1;
+      a.value = M, i.value = F, r.value ? (r.value.classList.add("ng-draggable"), r.value.addEventListener("mousedown", T)) : u.value = !1;
     }
   }
   return {
     registerDraggle: L,
-    resetTranslate: A
+    resetTranslate: $
   };
 }
-function me(e, t) {
+function ye(e, t) {
   if (e) {
     const n = (a) => {
       a.key.toLowerCase() === e.toLowerCase() && t({ event: a, key: e });
@@ -775,41 +773,41 @@ function me(e, t) {
     };
   }
 }
-function ft(e, t) {
+function gt(e, t) {
   const n = o(e.enableEsc);
   let a = null;
-  return n.value ? (a = me("Escape", (u) => {
+  return n.value ? (a = ye("Escape", (u) => {
     t.emit("esc", { event: u.event, type: "esc" });
   }), {
     remove: a
   }) : null;
 }
-function ht(e, t) {
+function pt(e, t) {
   const n = o(e.enableEnter);
   let a = null;
-  return n.value ? (a = me("Enter", (u) => {
+  return n.value ? (a = ye("Enter", (u) => {
     t.emit("enter", { event: u.event, type: "enter" });
   }), {
     remove: a
   }) : null;
 }
-const Z = /* @__PURE__ */ ce({
+const Z = /* @__PURE__ */ fe({
   name: "FModal",
-  props: ct,
+  props: ft,
   emits: ["update:modelValue", "accept", "cancel", "closed", "resize", "esc", "enter", "stopMove"],
   setup(e, t) {
-    const n = o(e.width || 300), a = o(e.height || 200), u = o(e.modelValue), c = o(""), d = o(e.class), i = o(e.fitContent), s = o(e.showHeader), m = o(""), p = o(e.showCloseButton), g = o(e.showMaxButton), S = o(!1), w = o(e.dialogType), B = o(e.src), H = o(""), E = o(e.showButtons), k = o(e.title), C = o(e.containment || null), I = o();
+    const n = o(e.width || 300), a = o(e.height || 200), u = o(e.modelValue), d = o(""), r = o(e.class), i = o(e.fitContent), s = o(e.showHeader), m = o(""), y = o(e.showCloseButton), g = o(e.showMaxButton), z = o(!1), w = o(e.dialogType), B = o(e.src), H = o(""), E = o(e.showButtons), k = o(e.title), C = o(e.containment || null), I = o();
     k.value === "错误提示" && (k.value = J.getLocaleValue("messageBox.errorTitle"));
-    const A = o(!1);
-    function T(l, y) {
-      const W = y ? "accept" : "cancel";
+    const $ = o(!1);
+    function T(l, p) {
+      const W = p ? "accept" : "cancel";
       Promise.resolve().then(() => {
         var D;
         return (D = e.beforeClose) == null ? void 0 : D.call(e, {
           closeType: W
         });
       }).then((D) => {
-        D && (u.value = !1, t.emit("update:modelValue", !1), y != null && t.emit(y ? "accept" : "cancel"), t.emit("closed", l));
+        D && (u.value = !1, t.emit("update:modelValue", !1), p != null && t.emit(p ? "accept" : "cancel"), t.emit("closed", l));
       });
     }
     const L = [{
@@ -826,143 +824,146 @@ const Z = /* @__PURE__ */ ce({
       handle: (l) => {
         T(l, !0);
       }
-    }], h = o(e.buttons && e.buttons.length ? e.buttons : L), M = x(() => !!m.value), j = x(() => !!E.value && !!h.value), P = o(), R = o(), N = o(!1), {
+    }], h = o(e.buttons && e.buttons.length ? e.buttons : L), M = x(() => !!m.value), F = x(() => !!E.value && !!h.value), P = o(), R = o(), N = o(!1), {
       renderResizeBar: G,
-      maximize: te,
+      maximize: ne,
       restore: Q,
-      boundingElement: q,
-      resizedEventParam: ne,
-      allowDrag: r,
+      boundingElement: K,
+      resizedEventParam: ae,
+      allowDrag: c,
       unWindowResizeHandle: f,
-      moveToCenter: z
-    } = dt(e), {
+      moveToCenter: S
+    } = ht(e), {
       registerDraggle: b
-    } = vt(e, t, r);
-    function F() {
+    } = mt(e, t, c);
+    function j() {
       return !!document.querySelectorAll(".farris-modal").length && document.body.classList.contains("modal-open");
     }
-    function ye() {
+    function be() {
       const l = document.querySelectorAll(".farris-modal").length;
       (!l || l - 1 <= 0) && document.body.classList.remove("modal-open"), I.value && I.value.classList.remove("show");
     }
-    Y(() => e.title, (l, y) => {
-      l !== y && (k.value = l);
-    }), Y(() => e.modelValue, (l, y) => {
-      l !== y && (u.value = l, u.value && e.draggable && de(() => {
-        R.value && !C.value && (C.value = R.value.parentElement, q.value = C.value, b(P.value, R.value, q.value), z());
-      }), l || (C.value && (C.value = null), ye())), u.value ? A.value = F() : (N.value = !1, r.value = e.draggable);
-    }), Y(() => e.showHeader, (l, y) => {
-      l !== y && (s.value = l);
-    }), Y(() => e.showButtons, (l, y) => {
-      l !== y && (E.value = l);
-    }), Y(() => ne.value, (l, y) => {
-      const W = l || {}, D = y || {};
+    Y(() => e.title, (l, p) => {
+      l !== p && (k.value = l);
+    }), Y(() => e.modelValue, (l, p) => {
+      l !== p && (u.value = l, u.value && e.draggable && he(() => {
+        R.value && !C.value && (C.value = R.value.parentElement, K.value = C.value, b(P.value, R.value, K.value), S());
+      }), l || (C.value && (C.value = null), be())), u.value ? $.value = j() : (N.value = !1, c.value = e.draggable);
+    }), Y(() => e.showHeader, (l, p) => {
+      l !== p && (s.value = l);
+    }), Y(() => e.showButtons, (l, p) => {
+      l !== p && (E.value = l);
+    }), Y(() => ae.value, (l, p) => {
+      const W = l || {}, D = p || {};
       JSON.stringify(W) !== JSON.stringify(D) && t.emit("resize", {
         newSize: l,
-        oldSize: y,
+        oldSize: p,
         isMaximized: N.value
       });
-    }), Y([() => e.width, () => e.height], (l, y) => {
-      (l[0] !== y[0] || l[1] !== y[1]) && (n.value = l[0] || 500, a.value = l[1] || 600);
+    }), Y([() => e.width, () => e.height], (l, p) => {
+      (l[0] !== p[0] || l[1] !== p[1]) && (n.value = l[0] || 500, a.value = l[1] || 600);
+    }), Y(() => e.class, (l, p) => {
+      r.value = l;
     });
-    const ae = x(() => (u.value && document.body.classList.add("modal-open"), u.value)), we = x(() => {
+    const _ = x(() => (u.value && document.body.classList.add("modal-open"), u.value)), Ce = x(() => {
       var W;
       const l = {
         modal: !0,
         "farris-modal": !0,
         fade: !0
       };
-      l["f-modal-fitContent"] = !!i.value, l.show = !!ae.value;
-      const y = (W = e.maskClass) == null ? void 0 : W.split(" ");
-      return y == null || y.reduce((D, K) => (D[K] = !0, D), l), l;
-    }), xe = x(() => {
+      l["f-modal-fitContent"] = !!i.value, l.show = !!_.value;
+      const p = (W = e.maskClass) == null ? void 0 : W.split(" ");
+      return p == null || p.reduce((D, V) => (D[V] = !0, D), l), l;
+    }), Me = x(() => {
       var W;
       const l = {
         "modal-dialog": !0
-      }, y = (W = d.value) == null ? void 0 : W.split(" ");
-      return y == null || y.reduce((D, K) => (D[K] = !0, D), l), l;
-    }), be = x(() => {
-      const l = document.documentElement.clientWidth, y = document.documentElement.clientHeight, W = Math.min(n.value, l), D = i.value ? "auto" : `${Math.min(a.value, y - 10)}px`, K = {
+      }, p = (W = r.value) == null ? void 0 : W.split(" ");
+      return p == null || p.reduce((D, V) => (D[V] = !0, D), l), l;
+    }), re = () => Ge() && !e.isMessager, Be = x(() => {
+      const l = document.documentElement.clientWidth, p = document.documentElement.clientHeight, W = Math.min(n.value, l), D = i.value ? "auto" : `${Math.min(a.value, p - 10)}px`, V = {
         position: "absolute",
         top: `${(window.innerHeight - parseInt(D === "auto" ? "0" : D)) / 2}px`,
         left: `${(window.innerWidth - W) / 2}px`,
         width: `${W}px`,
         height: D
       };
-      return e.mask || (K.pointerEvents = "auto"), K;
-    }), Ce = () => Ke() || 1040, Me = x(() => {
+      return re() && (V.top = "0px", V.left = "0px", V.width = `${window.innerWidth}px`, V.height = `${window.innerHeight}px`), e.mask || (V.pointerEvents = "auto"), V;
+    }), ce = o(ve() || 1050), ke = x(() => {
       const l = {
         display: "block",
-        zIndex: Ce()
+        overflow: "hidden"
       };
-      return e.mask || (l.pointerEvents = "none", l.backgroundColor = "transparent"), A.value && (l.backgroundColor = "transparent"), l;
-    }), Be = x(() => ({
+      return e.mask || (l.pointerEvents = "none", l.backgroundColor = "transparent"), $.value && (l.backgroundColor = "transparent"), l.zIndex = ce.value, l;
+    }), Te = x(() => ({
       "modal-content": !0,
-      "modal-content-has-header": s.value
-    })), ke = x(() => {
+      "modal-content-has-header": s.value,
+      "is-mobile": re()
+    })), Ee = x(() => {
       const l = {
         display: s.value ? "" : "none"
       };
-      return l["pointer-events"] = r.value ? "auto" : "none", l;
-    }), Te = x(() => ({
+      return l["pointer-events"] = c.value ? "auto" : "none", l;
+    }), Se = x(() => ({
       "f-icon": !0,
       modal_maximize: !0,
       modalrevert: N.value
-    })), Ee = x(() => ({
+    })), ze = x(() => ({
       "modal-body": !0,
       "f-utils-flex-column": w.value === "iframe",
       "f-utils-fill": !0
     }));
-    function ze() {
+    function He() {
       return {
         height: `${e.footerHeight || 60}px`
       };
     }
-    const Se = x(() => {
+    const Re = x(() => {
       const l = {
         textAlgin: H.value
-      }, y = ze();
-      return Object.assign(l, y);
+      }, p = He();
+      return Object.assign(l, p);
     });
-    function re(l) {
+    function de(l) {
       if (l == null || l.stopPropagation(), N.value) {
         N.value = !1, Q();
         return;
       }
-      te(), N.value = !0;
+      ne(), N.value = !0;
     }
-    async function He(l, y) {
-      l.handle && await l.handle(y, l) && t.emit("closed", y);
+    async function Ie(l, p) {
+      l.handle && await l.handle(p, l) && t.emit("closed", p);
     }
-    function Re(l) {
+    function Oe(l) {
       l.width && (n.value = l.width), l.height && (a.value = l.height), l.buttons && (h.value = l.buttons), l.title && (k.value = l.title);
     }
     let le = null, oe = null;
-    Ve(() => {
-      A.value = F();
-    }), ve(() => {
-      R.value && !C.value && (C.value = R.value.parentElement, q.value = C.value, b(P.value, R.value, q.value)), ae.value && document.body.classList.add("modal-open"), le = ft(e, t), oe = ht(e, t);
-    }), fe(() => {
+    $e(() => {
+      $.value = j();
+    }), me(() => {
+      R.value && !C.value && (C.value = R.value.parentElement, K.value = C.value, b(P.value, R.value, K.value)), _.value && document.body.classList.add("modal-open"), le = gt(e, t), oe = pt(e, t);
+    }), ge(() => {
       f && f(), le && le.remove(), oe && oe.remove();
     }), t.expose({
       modalElementRef: R,
-      updateModalOptions: Re,
+      updateModalOptions: Oe,
       close: T,
-      maxDialog: re,
+      maxDialog: de,
       isMaximized: N
     });
-    function Ie() {
-      return v("ul", null, [S.value && v("li", {
+    function Le() {
+      return v("ul", null, [z.value && v("li", {
         class: "f-btn-icon f-bare"
       }, [v("span", {
         class: "f-icon modal_minimize"
       }, null)]), g.value && v("li", {
-        onClick: re,
+        onClick: de,
         class: "f-btn-icon f-bare",
         style: "pointer-events: auto;"
       }, [v("span", {
-        class: Te.value
-      }, null)]), p.value && v("li", {
+        class: Se.value
+      }, null)]), y.value && v("li", {
         class: "f-btn-icon f-bare",
         onClick: (l) => T(l, !1),
         style: "pointer-events: auto;"
@@ -970,30 +971,30 @@ const Z = /* @__PURE__ */ ce({
         class: "f-icon modal_close"
       }, null)])]);
     }
-    function Oe() {
+    function je() {
       return v("div", {
         class: "modal-footer",
-        style: Se.value
+        style: Re.value
       }, [h.value && h.value.map((l) => {
-        const y = o(l.disabled);
+        const p = o(l.disabled);
         return v("button", {
           name: l.name,
           type: "button",
-          disabled: y.value,
+          disabled: p.value,
           class: l.class + (l.iconClass ? " btn-icontext" : ""),
           onClick: (W) => {
-            He(l, W);
+            Ie(l, W);
           }
         }, [!!l.iconClass && v("i", {
           class: l.iconClass
         }, null), l.text]);
       })]);
     }
-    function Le() {
+    function Fe() {
       return v("div", {
         ref: P,
         class: "modal-header",
-        style: ke.value
+        style: Ee.value
       }, [t.slots.headerTemplate ? t.slots.headerTemplate() : v("div", {
         class: "modal-title"
       }, [M.value && v("span", {
@@ -1003,87 +1004,89 @@ const Z = /* @__PURE__ */ ce({
         class: "modal-title-label"
       }, [k.value])]), v("div", {
         class: "actions"
-      }, [Ie()])]);
+      }, [Le()])]);
     }
-    function Fe() {
-      return t.slots.footerTemplate ? t.slots.footerTemplate() : j.value && Oe();
+    function De() {
+      return t.slots.footerTemplate ? t.slots.footerTemplate() : F.value && je();
     }
-    function je(l) {
+    function We(l) {
       if (l.stopPropagation(), e.allowClickMaskToClose) {
         if (l.target !== I.value)
           return;
         T(l, !1);
       }
     }
-    function De() {
-      var l, y;
+    function Pe() {
+      var l, p;
       return v("div", {
-        id: c.value,
-        class: xe.value,
-        style: be.value,
+        id: d.value,
+        class: Me.value,
+        style: Be.value,
         ref: R
       }, [v("div", {
-        class: Be.value
-      }, [s.value && Le(), v("div", {
-        class: Ee.value
-      }, [(y = (l = t.slots).default) == null ? void 0 : y.call(l), w.value === "iframe" && v("iframe", {
-        title: c.value,
+        class: Te.value
+      }, [s.value && Fe(), v("div", {
+        class: ze.value
+      }, [(p = (l = t.slots).default) == null ? void 0 : p.call(l), w.value === "iframe" && v("iframe", {
+        title: d.value,
         class: "f-utils-fill",
         width: "100%",
         frameborder: "0",
         src: B.value
-      }, null)]), Fe()]), !i.value && R.value && !N.value && G(R.value)]);
+      }, null)]), De()]), !i.value && R.value && !N.value && G(R.value)]);
     }
-    function We(l) {
+    function Ne(l) {
       return l || "body";
     }
-    return () => v(Ae, {
-      to: We(e.host)
+    return Xe(() => {
+      _.value && (ce.value = ve() || 1050);
+    }), () => v(Ye, {
+      to: Ne(e.host)
     }, {
-      default: () => [ae.value && v($e, {
+      default: () => [_.value && v(Ue, {
         name: "fade",
         appear: !0
       }, {
         default: () => [v("div", {
           ref: I,
-          class: we.value,
-          style: Me.value,
-          onClick: je
-        }, [De()])]
+          class: Ce.value,
+          style: ke.value,
+          onClick: We
+        }, [Pe()])]
       })]
     });
   }
 });
-function ge(e) {
+function we(e) {
   if (e.content && e.content.render)
     return e.content.render;
   if (e.render && typeof e.render == "function")
     return e.render;
 }
-function mt(e) {
+function yt(e) {
   const t = document.createElement("div");
   t.style.display = "contents";
-  const n = qe({
+  const n = Ze({
     setup(a, u) {
-      fe(() => {
+      ge(() => {
         document.body.removeChild(t);
       });
-      const c = o(), d = o(e.class || ""), i = o(!!e.showButtons), s = o(!!e.showHeader), m = o(e.showCloseButton == null ? !0 : e.showCloseButton), p = o(!0), g = o(e.title || ""), S = e.acceptCallback || (() => {
+      const d = o(), r = o(e.class || ""), i = o(!!e.showButtons), s = o(!!e.showHeader), m = o(e.showCloseButton == null ? !0 : e.showCloseButton), y = o(!0), g = o(e.title || ""), z = e.acceptCallback || (() => {
       }), w = e.rejectCallback || (() => {
       }), B = e.closedCallback || ((I) => {
       }), H = e.resizeHandle || ((I) => {
       }), E = e.stopMoveHandle || ((I) => {
-      }), k = ge(e), C = (I) => {
-        p.value = !1, n.unmount(), B(I);
+      }), k = we(e), C = (I) => {
+        y.value = !1, n.unmount(), B(I);
       };
-      return ve(() => {
+      return me(() => {
       }), u.expose({
-        modalRef: c
+        modalRef: d
       }), () => v(Z, {
-        ref: c,
-        class: d.value,
-        modelValue: p.value,
-        "onUpdate:modelValue": (I) => p.value = I,
+        ref: d,
+        class: r.value,
+        modelValue: y.value,
+        "onUpdate:modelValue": (I) => y.value = I,
         title: g.value,
         width: e.width,
         height: e.height,
@@ -1092,7 +1095,7 @@ function mt(e) {
         "show-buttons": i.value,
         "show-close-button": m.value,
         "show-max-button": !1,
-        onAccept: S,
+        onAccept: z,
         onCancel: w,
         fitContent: e.fitContent == null ? !0 : e.fitContent,
         onClosed: C,
@@ -1105,14 +1108,14 @@ function mt(e) {
   });
   return document.body.appendChild(t), n.use(J.i18n), n.mount(t), n;
 }
-class pe {
+class xe {
   constructor(t) {
-    $(this, "appContext", null);
-    $(this, "modalRef", o());
-    $(this, "activeModalIndex", o(0));
-    $(this, "modalRefs", {});
-    $(this, "isUseEscCloseModal", o(!1));
-    $(this, "activeModalInstance", x(() => this.modalRefs[this.activeModalIndex.value]));
+    X(this, "appContext", null);
+    X(this, "modalRef", o());
+    X(this, "activeModalIndex", o(0));
+    X(this, "modalRefs", {});
+    X(this, "isUseEscCloseModal", o(!1));
+    X(this, "activeModalInstance", x(() => this.modalRefs[this.activeModalIndex.value]));
     this.app = t, this.appContext = t ? t._context : null;
   }
   getCurrentModal() {
@@ -1137,7 +1140,7 @@ class pe {
       showButtons: !0,
       showHeader: !0
     }, t);
-    return mt(n);
+    return yt(n);
   }
   close(t) {
     var n, a;
@@ -1146,25 +1149,25 @@ class pe {
   open(t) {
     const n = document.createDocumentFragment();
     t.showMaxButton && t.fitContent && (t.showMaxButton = !1);
-    const a = Xe(Object.assign({
+    const a = qe(Object.assign({
       title: "",
       showButtons: !0,
       showHeader: !0
-    }, t)), u = o(!0), c = a.value.acceptCallback || (() => {
-    }), d = a.value.rejectCallback || (() => {
+    }, t)), u = o(!0), d = a.value.acceptCallback || (() => {
+    }), r = a.value.rejectCallback || (() => {
     }), i = a.value.closedCallback || ((T, L) => {
     }), s = a.value.resizeHandle || ((T) => {
     }), m = t.stopMoveHandle || ((T) => {
     });
-    let p;
-    const g = ge(a.value), S = (T) => {
+    let y;
+    const g = we(a.value), z = (T) => {
       var h;
       u.value = !1;
       const L = (h = T == null ? void 0 : T.target) == null ? void 0 : h.classList.contains("modal_close");
       i(T, this.isUseEscCloseModal.value ? "esc" : L ? "icon" : "button");
     }, w = (T) => {
-      S(T), p && de(() => {
-        if (this.modalRefs[this.activeModalIndex.value] && delete this.modalRefs[this.activeModalIndex.value], se(null, n), p = null, this.modalRef.value = null, this.modalRefs) {
+      z(T), y && he(() => {
+        if (this.modalRefs[this.activeModalIndex.value] && delete this.modalRefs[this.activeModalIndex.value], se(null, n), y = null, this.modalRef.value = null, this.modalRefs) {
           const L = Object.keys(this.modalRefs).map((h) => Number(h));
           L.length > 0 ? this.activeModalIndex.value = Math.max(...L) : this.activeModalIndex.value = 0;
         }
@@ -1178,13 +1181,14 @@ class pe {
       height: E
     } = a.value, k = this.adaptToWindow(H || 500, E || 320);
     Object.assign(a.value, k);
-    const C = () => v(Z, he({
+    const C = () => v(Z, pe({
       ref: this.modalRef,
       modelValue: u.value,
       "onUpdate:modelValue": (T) => u.value = T
     }, a.value, {
-      onAccept: c,
-      onCancel: d,
+      isMessager: a.value.class && a.value.class.indexOf("modal-message") > -1,
+      onAccept: d,
+      onCancel: r,
       onClosed: w,
       onResize: s,
       onEsc: B,
@@ -1192,8 +1196,8 @@ class pe {
     }), {
       default: () => [g && g(this.app)]
     });
-    return p = ((T) => {
-      const L = Ye(C, T);
+    return y = ((T) => {
+      const L = Ke(C, T);
       return L.appContext = this.appContext, se(L, n), L;
     })({
       ...a.value
@@ -1203,7 +1207,7 @@ class pe {
         a.value = {
           ...a.value,
           ...T
-        }, p && se(Ue(p, {
+        }, y && se(Je(y, {
           ...a
         }), n);
       },
@@ -1213,26 +1217,26 @@ class pe {
     };
   }
 }
-const gt = Symbol("FModalService");
+const wt = Symbol("FModalService");
 Z.install = (e) => {
   e.component(Z.name, Z);
-  const t = new pe(e);
-  e.provide(gt, t), e.provide("FModalService", t);
+  const t = new xe(e);
+  e.provide(wt, t), e.provide("FModalService", t);
 };
-const V = class V {
+const A = class A {
   static show(t) {
-    const n = X({
+    const n = U({
       ...t
-    }), a = !1, u = n.type === "error" || n.type === "prompt", c = n.type === "error" ? "错误提示" : n.type === "prompt" && n.title || "", d = n.acceptCallback || (() => {
+    }), a = !1, u = n.type === "error" || n.type === "prompt", d = n.type === "error" ? "错误提示" : n.type === "prompt" && n.title || "", r = n.acceptCallback || (() => {
     }), i = n.rejectCallback || (() => {
     });
-    let s = null, m = new pe(V.app);
-    const p = () => {
+    let s = null, m = new xe(A.app);
+    const y = () => {
       s && (s == null || s.destroy(), m = null);
     };
     return s = m == null ? void 0 : m.open({
       class: "modal-message modal-message-type-info",
-      title: c,
+      title: d,
       showButtons: a,
       showHeader: u,
       width: n.width || 400,
@@ -1240,45 +1244,45 @@ const V = class V {
       showMaxButton: !1,
       draggable: !0,
       dragHandle: ".messager-draggable",
-      render: () => v(_, he(n, {
-        onAccept: d,
+      render: () => v(ee, pe(n, {
+        onAccept: r,
         onReject: i,
-        onClose: p
+        onClose: y
       }), null)
     }), m == null ? void 0 : m.getCurrentModal();
   }
   static info(t, n) {
-    const a = X({
+    const a = U({
       type: "info",
       title: t,
       detail: n,
       okButtonText: "知道了",
       showCancelButton: !1
     });
-    V.show(a);
+    A.show(a);
   }
   static warning(t, n) {
-    const a = X({
+    const a = U({
       type: "warning",
       title: t,
       detail: n,
       okButtonText: "知道了",
       showCancelButton: !1
     });
-    V.show(a);
+    A.show(a);
   }
   static success(t, n) {
-    const a = X({
+    const a = U({
       type: "success",
       title: t,
       detail: n,
       okButtonText: "关闭",
       showCancelButton: !1
     });
-    V.show(a);
+    A.show(a);
   }
   static error(t, n, a) {
-    const u = X({
+    const u = U({
       width: 500,
       type: "error",
       okButtonText: "关闭",
@@ -1289,20 +1293,20 @@ const V = class V {
         detail: n
       }
     });
-    V.show(u);
+    A.show(u);
   }
   static prompt(t, n) {
-    const a = X({
+    const a = U({
       type: "prompt",
       title: t,
       detail: n,
       okButtonText: "确定",
       cancelButtonText: "取消"
     });
-    V.show(a);
+    A.show(a);
   }
   static question(t, n, a, u) {
-    const c = X({
+    const d = U({
       type: "question",
       title: t,
       detail: n,
@@ -1311,17 +1315,17 @@ const V = class V {
       acceptCallback: a,
       rejectCallback: u
     });
-    V.show(c);
+    A.show(d);
   }
 };
-$(V, "app", null);
-let ee = V;
-_.install = (e) => {
-  e.component(_.name, _), ee.app = e, e.provide("FMessageBoxService", ee);
+X(A, "app", null);
+let te = A;
+ee.install = (e) => {
+  e.component(ee.name, ee), te.app = e, e.provide("FMessageBoxService", te);
 };
 export {
-  _ as FMessageBox,
-  ee as FMessageBoxService,
-  _ as default,
-  Je as messageBoxProps
+  ee as FMessageBox,
+  te as FMessageBoxService,
+  ee as default,
+  Qe as messageBoxProps
 };