@farris/ui-vue 1.2.9 → 1.3.0

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

@@ -1,8 +1,8 @@
-var Me = Object.defineProperty;
-var Te = (t, e, n) => e in t ? Me(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var W = (t, e, n) => Te(t, typeof e != "symbol" ? e + "" : e, n);
-import { ref as l, computed as y, createVNode as r, Fragment as ee, createTextVNode as Be, defineComponent as ne, watch as Y, onMounted as ae, onUnmounted as le, Teleport as ke, shallowRef as ze, createApp as Ee, nextTick as Re, render as _, h as Se, cloneVNode as He, mergeProps as oe, reactive as A } from "vue";
-const Oe = {
+var ze = Object.defineProperty;
+var Re = (t, e, n) => e in t ? ze(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var N = (t, e, n) => Re(t, typeof e != "symbol" ? e + "" : e, n);
+import { ref as l, computed as y, createVNode as r, Fragment as ne, createTextVNode as Se, defineComponent as oe, watch as X, onMounted as se, onUnmounted as ue, Teleport as He, Transition as Oe, shallowRef as Ie, createApp as je, nextTick as Le, render as te, h as Fe, cloneVNode as De, mergeProps as ie, reactive as W } from "vue";
+const Pe = {
   width: { Type: Number, default: 400 },
   type: { Type: String, default: "info" },
   title: { Type: String, default: "" },
@@ -12,77 +12,77 @@ const Oe = {
   exceptionInfo: { Type: Object, default: null },
   promptEditorType: { Type: String, default: "text-area" }
 };
-function te() {
+function ae() {
   return new DOMException("The request is not allowed", "NotAllowedError");
 }
-async function Ie(t) {
+async function Ve(t) {
   if (!navigator.clipboard)
-    throw te();
+    throw ae();
   return navigator.clipboard.writeText(t);
 }
-async function je(t) {
+async function Ne(t) {
   const e = document.createElement("span");
   e.textContent = t, e.style.whiteSpace = "pre", e.style.webkitUserSelect = "auto", e.style.userSelect = "all", document.body.appendChild(e);
   const n = window.getSelection(), a = window.document.createRange();
   n == null || n.removeAllRanges(), a.selectNode(e), n == null || n.addRange(a);
-  let f = !1;
+  let c = !1;
   try {
-    f = window.document.execCommand("copy");
+    c = window.document.execCommand("copy");
   } finally {
     n == null || n.removeAllRanges(), window.document.body.removeChild(e);
   }
-  if (!f) throw te();
+  if (!c) throw ae();
 }
-async function Fe(t) {
+async function We(t) {
   try {
-    await Ie(t);
+    await Ve(t);
   } catch (e) {
     try {
-      await je(t);
+      await Ne(t);
     } catch (n) {
-      throw n || e || te();
+      throw n || e || ae();
     }
   }
 }
-function Le() {
+function Ae() {
   async function t(e) {
-    await Fe(e);
+    await We(e);
   }
   return { onCopy: t };
 }
-function De(t, e, n, a) {
-  const f = l(14), s = l(140), h = l(""), u = l(a.value.length), d = y(() => a.value), i = y(() => ({
-    "font-size": `${f.value}px`,
+function $e(t, e, n, a) {
+  const c = l(14), d = l(140), h = l(""), s = l(a.value.length), v = y(() => a.value), u = y(() => ({
+    "font-size": `${c.value}px`,
     height: "100%"
   }));
-  function g(T) {
-    if (T.currentTarget) {
-      const B = T.currentTarget.value || "";
-      u.value = B.length;
+  function w(g) {
+    if (g.currentTarget) {
+      const B = g.currentTarget.value || "";
+      s.value = B.length;
     }
   }
-  return () => r(ee, null, [r("textarea", {
+  return () => r(ne, null, [r("textarea", {
     title: "promptMessage",
     name: "promptMessage",
     class: "form-control",
-    style: i.value,
+    style: u.value,
     rows: "4",
-    maxlength: s.value,
-    onInput: (T) => g(T)
-  }, [d.value]), r("span", {
+    maxlength: d.value,
+    onInput: (g) => w(g)
+  }, [v.value]), r("span", {
     class: "textarea-wordcount",
     title: h.value,
     style: "position: absolute; bottom: 76px; right: 32px; cursor: pointer; text-align: right;"
-  }, [u.value + " / " + s.value])]);
+  }, [s.value + " / " + d.value])]);
 }
-function Pe(t, e, n, a) {
-  const f = De(t, e, n, a), s = /* @__PURE__ */ new Map([["text-area", f]]);
-  function h(u) {
-    return s.get(u) || null;
+function Xe(t, e, n, a) {
+  const c = $e(t, e, n, a), d = /* @__PURE__ */ new Map([["text-area", c]]);
+  function h(s) {
+    return d.get(s) || null;
   }
   return { getEditorRender: h };
 }
-function Ve() {
+function Ye() {
   const t = l(!1), e = l("复制成功");
   return {
     feedbackStyle: y(() => {
@@ -108,176 +108,176 @@ function Ve() {
     toShowFeedback: t
   };
 }
-function Ne(t, e) {
+function Ue(t, e) {
   const n = e.getEditorRender(t.promptEditorType);
   return () => n && n();
 }
-function We(t) {
-  const e = l(3), n = l(480), a = y(() => !!t.value && !!t.value.date), f = y(() => `发生时间 : ${t.value && t.value.date || ""}`), s = y(() => !!t.value && !!t.value.detail), h = y(() => {
-    const x = `${n.value}px`;
+function qe(t) {
+  const e = l(3), n = l(480), a = y(() => !!t.value && !!t.value.date), c = y(() => `发生时间 : ${t.value && t.value.date || ""}`), d = y(() => !!t.value && !!t.value.detail), h = y(() => {
+    const C = `${n.value}px`;
     return {
       overflow: "hidden",
       "text-overflow": "ellipsis",
       display: "-webkit-box",
       "-webkit-box-orient": "vertical",
       "-webkit-line-clamp": e.value,
-      "max-height": x
+      "max-height": C
     };
-  }), u = y(() => t.value && t.value.detail || ""), d = y(() => !0), i = l(!1), g = l("展开"), T = l("收起"), B = y(() => {
-    const x = {
+  }), s = y(() => t.value && t.value.detail || ""), v = y(() => !0), u = l(!1), w = l("展开"), g = l("收起"), B = y(() => {
+    const C = {
       display: "block",
       color: "#2A87FF"
     };
-    return x["text-align"] = i.value ? "" : "right", x;
+    return C["text-align"] = u.value ? "" : "right", C;
   });
-  function z(x, p) {
-    i.value = !i.value, e.value = i.value ? 20 : 3;
+  function E(C, p) {
+    u.value = !u.value, e.value = u.value ? 20 : 3;
   }
-  function S(x) {
-    return z();
+  function z(C) {
+    return E();
   }
-  function O(x) {
-    return z();
+  function O(C) {
+    return E();
   }
   return () => r("div", {
     class: "toast-msg-detail"
-  }, [a.value && r("div", null, [f.value]), s.value && r("div", {
+  }, [a.value && r("div", null, [c.value]), d.value && r("div", {
     id: "exception_error_msg",
     ref: "exceptionMessageRef",
     style: h.value
-  }, [Be("详细信息 : "), r("span", {
-    innerHTML: u.value
-  }, null)]), d.value && r("span", {
+  }, [Se("详细信息 : "), r("span", {
+    innerHTML: s.value
+  }, null)]), v.value && r("span", {
     style: B.value
-  }, [i.value && r("span", {
-    onClick: S,
+  }, [u.value && r("span", {
+    onClick: z,
     style: "cursor: pointer;"
-  }, [T.value]), !i.value && r("span", {
+  }, [g.value]), !u.value && r("span", {
     onClick: O,
     style: "cursor: pointer;"
-  }, [g.value])])]);
+  }, [w.value])])]);
 }
-function Ae(t) {
+function Je(t) {
   return () => r("p", {
     class: "toast-msg-detail",
     innerHTML: t.value
   }, null);
 }
-function $e(t, e, n, a) {
-  const f = l(t.exceptionInfo), s = y(() => {
+function Ke(t, e, n, a) {
+  const c = l(t.exceptionInfo), d = y(() => {
     const B = {
       "f-icon": !0
-    }, z = `f-icon-${e.value}`;
-    return B[z] = !0, B;
-  }), h = y(() => n.value || f.value && f.value.message), u = y(() => a.value), d = y(() => !!a.value), i = y(() => !!f.value);
-  function g() {
-    return i.value ? We(f) : d.value ? Ae(u) : () => null;
-  }
-  const T = g();
-  return () => r(ee, null, [r("div", {
+    }, E = `f-icon-${e.value}`;
+    return B[E] = !0, B;
+  }), h = y(() => n.value || c.value && c.value.message), s = y(() => a.value), v = y(() => !!a.value), u = y(() => !!c.value);
+  function w() {
+    return u.value ? qe(c) : v.value ? Je(s) : () => null;
+  }
+  const g = w();
+  return () => r(ne, null, [r("div", {
     class: "float-left modal-tips-iconwrap"
   }, [r("span", {
-    class: s.value
+    class: d.value
   }, null)]), r("div", {
     class: "modal-tips-content"
   }, [r("p", {
     class: "toast-msg-title",
     innerHTML: h.value
-  }, null), T()])]);
+  }, null), g()])]);
 }
-function Xe(t, e, n) {
+function Ge(t, e, n) {
   const {
     onCopy: a
   } = e, {
-    toShowFeedback: f
-  } = n, s = l("复制成功"), h = l("复制详细信息"), u = l(t.exceptionInfo || {
+    toShowFeedback: c
+  } = n, d = l("复制成功"), h = l("复制详细信息"), s = l(t.exceptionInfo || {
     date: "",
     message: "",
     detail: ""
-  }), d = y(() => u.value && u.value.detail || "");
-  function i(g) {
-    a(d.value).catch((T) => {
-      s.value = "复制失败";
+  }), v = y(() => s.value && s.value.detail || "");
+  function u(w) {
+    a(v.value).catch((g) => {
+      d.value = "复制失败";
     }).finally(() => {
-      f.value = !0, setTimeout(() => {
-        f.value = !1;
+      c.value = !0, setTimeout(() => {
+        c.value = !1;
       }, 700);
     });
   }
   return () => r("span", {
     style: "width: 100%;color: #2A87FF;padding-left: 37px;"
   }, [r("span", {
-    onClick: i,
+    onClick: u,
     style: "cursor: pointer;"
   }, [h.value])]);
 }
-function Ye(t, e, n, a) {
-  const f = l(t.type), s = l([]), h = l(t.exceptionInfo), u = l(t.okButtonText), d = l(t.cancelButtonText), i = l(!0), g = l(!0), T = y(() => !!(s.value && s.value.length)), B = y(() => h.value && h.value.date && h.value.message && h.value.detail), z = y(() => !(s.value && s.value.length) && (u.value || d.value)), S = y(() => g.value && u.value), O = y(() => i.value && d.value), x = Xe(t, n, a);
-  function p(E) {
-    f.value === "question" && e.emit("reject"), e.emit("close");
+function Qe(t, e, n, a) {
+  const c = l(t.type), d = l([]), h = l(t.exceptionInfo), s = l(t.okButtonText), v = l(t.cancelButtonText), u = l(!0), w = l(!0), g = y(() => !!(d.value && d.value.length)), B = y(() => h.value && h.value.date && h.value.message && h.value.detail), E = y(() => !(d.value && d.value.length) && (s.value || v.value)), z = y(() => w.value && s.value), O = y(() => u.value && v.value), C = Ge(t, n, a);
+  function p(S) {
+    c.value === "question" && e.emit("reject"), e.emit("close");
   }
-  function k(E) {
-    f.value === "question" && e.emit("accept"), e.emit("close");
+  function T(S) {
+    c.value === "question" && e.emit("accept"), e.emit("close");
   }
   return () => r("div", {
     class: "modal-footer"
-  }, [B.value && x(), z.value && O.value && r("button", {
+  }, [B.value && C(), E.value && O.value && r("button", {
     type: "button",
     class: "btn btn-secondary btn-lg",
     onClick: p
-  }, [d.value]), z.value && S.value && r("button", {
+  }, [v.value]), E.value && z.value && r("button", {
     type: "button",
     class: "btn btn-primary btn-lg",
-    onClick: k
-  }, [u.value]), T.value && s.value.length && s.value.map((E) => r("button", {
+    onClick: T
+  }, [s.value]), g.value && d.value.length && d.value.map((S) => r("button", {
     type: "button",
-    onClick: E.handle,
-    class: E.class
-  }, [E.iconClass && r("span", {
-    class: E.iconClass
-  }, null), E.text]))]);
+    onClick: S.handle,
+    class: S.class
+  }, [S.iconClass && r("span", {
+    class: S.iconClass
+  }, null), S.text]))]);
 }
-const J = /* @__PURE__ */ ne({
+const J = /* @__PURE__ */ oe({
   name: "FMessageBox",
-  props: Oe,
+  props: Pe,
   emits: ["accept", "reject", "close"],
   setup(t, e) {
-    const n = l(t.type), a = l(t.title), f = l(t.detail), s = y(() => {
-      const x = {
+    const n = l(t.type), a = l(t.title), c = l(t.detail), d = y(() => {
+      const C = {
         "modal-tips": !0,
         "d-flex": !0,
         "flex-row": !0
       }, p = `messager-type-${n.value}`;
-      return x[p] = !0, x;
+      return C[p] = !0, C;
     }), h = y(() => {
-      const x = {};
-      return n.value === "prompt" ? x.padding = "0.5rem 0.5rem 1rem 1.5rem" : n.value === "error" && (x.padding = "0.5rem 1.5rem 1rem 1.5rem"), x;
-    }), u = Le(), d = Pe(t, n, a, f), i = Ve(), {
-      feedbackStyle: g,
-      feedbackMessage: T
-    } = i;
+      const C = {};
+      return n.value === "prompt" ? C.padding = "0.5rem 0.5rem 1rem 1.5rem" : n.value === "error" && (C.padding = "0.5rem 1.5rem 1rem 1.5rem"), C;
+    }), s = Ae(), v = Xe(t, n, a, c), u = Ye(), {
+      feedbackStyle: w,
+      feedbackMessage: g
+    } = u;
     function B() {
       return r("div", {
-        style: g.value
-      }, [T.value]);
+        style: w.value
+      }, [g.value]);
     }
-    function z() {
+    function E() {
       switch (n.value) {
         case "prompt":
-          return Ne(t, d);
+          return Ue(t, v);
         default:
-          return $e(t, n, a, f);
+          return Ke(t, n, a, c);
       }
     }
-    const S = z(), O = Ye(t, e, u, i);
+    const z = E(), O = Qe(t, e, s, u);
     return () => r("div", {
       class: "farris-messager"
     }, [r("section", {
-      class: s.value,
+      class: d.value,
       style: h.value
-    }, [S()]), O(), B()]);
+    }, [z()]), O(), B()]);
   }
-}), Ue = {
+}), Ze = {
   /**
    * 自定义类
    */
@@ -335,7 +335,8 @@ const J = /* @__PURE__ */ ne({
   render: { type: Function, default: null },
   acceptCallback: { type: Function, default: null },
   rejectCallback: { type: Function, default: null },
-  enableEsc: { type: Boolean, default: !0 }
+  enableEsc: { type: Boolean, default: !0 },
+  enableEnter: { type: Boolean, default: !1 }
 };
 class R {
   constructor(e, n) {
@@ -344,8 +345,8 @@ class R {
   static getTransformInfo(e) {
     const a = window.getComputedStyle(e).getPropertyValue("transform").replace(/[^-\d,]/g, "").split(",");
     if (a.length >= 6) {
-      const f = parseInt(a[4], 10), s = parseInt(a[5], 10);
-      return { x: f, y: s };
+      const c = parseInt(a[4], 10), d = parseInt(a[5], 10);
+      return { x: c, y: d };
     }
     return { x: 0, y: 0 };
   }
@@ -369,8 +370,8 @@ class R {
     if (window) {
       const a = window.getComputedStyle(e);
       if (a) {
-        const f = parseInt(a.getPropertyValue("left"), 10), s = parseInt(a.getPropertyValue("top"), 10);
-        n.x = isNaN(f) ? 0 : f, n.y = isNaN(s) ? 0 : s;
+        const c = parseInt(a.getPropertyValue("left"), 10), d = parseInt(a.getPropertyValue("top"), 10);
+        n.x = isNaN(c) ? 0 : c, n.y = isNaN(d) ? 0 : d;
       }
       return n;
     }
@@ -401,12 +402,12 @@ class R {
     return this.x = e.x, this.y = e.y, this;
   }
 }
-class $ {
+class A {
   constructor(e, n) {
     this.width = e, this.height = n;
   }
   static getCurrent(e) {
-    const n = new $(0, 0);
+    const n = new A(0, 0);
     if (window) {
       const a = window.getComputedStyle(e);
       return a && (n.width = parseInt(a.getPropertyValue("width"), 10), n.height = parseInt(a.getPropertyValue("height"), 10)), n;
@@ -414,183 +415,183 @@ class $ {
     return null;
   }
   static copy(e) {
-    return new $(0, 0).set(e);
+    return new A(0, 0).set(e);
   }
   set(e) {
     return this.width = e.width, this.height = e.height, this;
   }
 }
-function qe(t, e) {
-  const n = l(), a = l(), f = l(), s = l(), h = l(), u = l(), d = l(), i = l(), g = l(), T = l(), B = l(), z = l(), S = l(t.draggable), O = l(!1);
-  function x() {
-    const c = a.value || document.body, v = window.getComputedStyle(c);
-    if (!v || !n.value)
+function _e(t, e) {
+  const n = l(), a = l(), c = l(), d = l(), h = l(), s = l(), v = l(), u = l(), w = l(), g = l(), B = l(), E = l(), z = l(t.draggable), O = l(!1);
+  function C() {
+    const i = a.value || document.body, f = window.getComputedStyle(i);
+    if (!f || !n.value)
       return;
-    const C = R.getTransformInfo(n.value), b = {};
-    d.value && (b.deltaL = n.value.offsetLeft - d.value.x, b.deltaT = n.value.offsetTop - d.value.y);
-    const H = v.getPropertyValue("position");
-    b.width = c.clientWidth, b.height = c.clientHeight, b.pr = parseInt(v.getPropertyValue("padding-right"), 10), b.pb = parseInt(v.getPropertyValue("padding-bottom"), 10), b.position = v.getPropertyValue("position"), H === "static" && (c.style.position = "relative"), b.translateX = C.x, b.translateY = C.y, T.value = b;
+    const M = R.getTransformInfo(n.value), b = {};
+    v.value && (b.deltaL = n.value.offsetLeft - v.value.x, b.deltaT = n.value.offsetTop - v.value.y);
+    const H = f.getPropertyValue("position");
+    b.width = i.clientWidth, b.height = i.clientHeight, b.pr = parseInt(f.getPropertyValue("padding-right"), 10), b.pb = parseInt(f.getPropertyValue("padding-bottom"), 10), b.position = f.getPropertyValue("position"), H === "static" && (i.style.position = "relative"), b.translateX = M.x, b.translateY = M.y, g.value = b;
   }
-  function p(c) {
+  function p(i) {
     if (n.value) {
-      s.value = $.getCurrent(n.value), h.value = R.getCurrent(n.value), u.value = s.value ? $.copy(s.value) : null, d.value = h.value ? R.copy(h.value) : null, x();
-      const v = c.target.getAttribute("type") || "";
-      i.value = {
-        n: !!v.match(/n/),
-        s: !!v.match(/s/),
-        w: !!v.match(/w/),
-        e: !!v.match(/e/)
+      d.value = A.getCurrent(n.value), h.value = R.getCurrent(n.value), s.value = d.value ? A.copy(d.value) : null, v.value = h.value ? R.copy(h.value) : null, C();
+      const f = i.target.getAttribute("type") || "";
+      u.value = {
+        n: !!f.match(/n/),
+        s: !!f.match(/s/),
+        w: !!f.match(/w/),
+        e: !!f.match(/e/)
       };
     }
   }
-  function k() {
-    var c, v, C, b;
+  function T() {
+    var i, f, M, b;
     if (n.value) {
       const H = n.value;
-      i.value && ((i.value.n || i.value.s) && ((c = u.value) != null && c.height) && (H.style.height = u.value.height + "px"), (i.value.w || i.value.e) && ((v = u.value) != null && v.width) && (H.style.width = u.value.width + "px"), d.value && ((C = d.value) != null && C.x && (H.style.left = d.value.x + "px"), (b = d.value) != null && b.y && (H.style.top = d.value.y + "px")));
+      u.value && ((u.value.n || u.value.s) && ((i = s.value) != null && i.height) && (H.style.height = s.value.height + "px"), (u.value.w || u.value.e) && ((f = s.value) != null && f.width) && (H.style.width = s.value.width + "px"), v.value && ((M = v.value) != null && M.x && (H.style.left = v.value.x + "px"), (b = v.value) != null && b.y && (H.style.top = v.value.y + "px")));
     }
   }
-  function E() {
-    const c = t.minHeight ? t.minHeight : 1, v = t.minWidth ? t.minWidth : 1;
-    u.value && d.value && i.value && s.value && (u.value.height < c && (u.value.height = c, i.value.n && h.value && (d.value.y = h.value.y + (s.value.height - c))), u.value.width < v && (u.value.width = v, i.value.w && h.value && (d.value.x = h.value.x + (s.value.width - v))), t.maxHeight && u.value.height > t.maxHeight && (u.value.height = t.maxHeight, h.value && i.value.n && (d.value.y = h.value.y + (s.value.height - t.maxHeight))), t.maxWidth && u.value.width > t.maxWidth && (u.value.width = t.maxWidth, i.value.w && h.value && (d.value.x = h.value.x + (s.value.width - t.maxWidth))));
+  function S() {
+    const i = t.minHeight ? t.minHeight : 1, f = t.minWidth ? t.minWidth : 1;
+    s.value && v.value && u.value && d.value && (s.value.height < i && (s.value.height = i, u.value.n && h.value && (v.value.y = h.value.y + (d.value.height - i))), s.value.width < f && (s.value.width = f, u.value.w && h.value && (v.value.x = h.value.x + (d.value.width - f))), t.maxHeight && s.value.height > t.maxHeight && (s.value.height = t.maxHeight, h.value && u.value.n && (v.value.y = h.value.y + (d.value.height - t.maxHeight))), t.maxWidth && s.value.width > t.maxWidth && (s.value.width = t.maxWidth, u.value.w && h.value && (v.value.x = h.value.x + (d.value.width - t.maxWidth))));
   }
-  function V() {
+  function F() {
     if (a.value) {
-      const c = T.value;
-      if (d.value && u.value && i.value && s.value) {
-        const v = c.width - c.pr - c.deltaL - c.translateX - d.value.x, C = c.height - c.pb - c.deltaT - c.translateY - d.value.y;
-        i.value.n && d.value.y + c.translateY < 0 && h.value && (d.value.y = -c.translateY, u.value.height = s.value.height + h.value.y + c.translateY), i.value.w && d.value.x + c.translateX < 0 && h.value && (d.value.x = -c.translateX, u.value.width = s.value.width + h.value.x + c.translateX), u.value.width > v && (u.value.width = v), u.value.height > C && (u.value.height = C);
+      const i = g.value;
+      if (v.value && s.value && u.value && d.value) {
+        const f = i.width - i.pr - i.deltaL - i.translateX - v.value.x, M = i.height - i.pb - i.deltaT - i.translateY - v.value.y;
+        u.value.n && v.value.y + i.translateY < 0 && h.value && (v.value.y = -i.translateY, s.value.height = d.value.height + h.value.y + i.translateY), u.value.w && v.value.x + i.translateX < 0 && h.value && (v.value.x = -i.translateX, s.value.width = d.value.width + h.value.x + i.translateX), s.value.width > f && (s.value.width = f), s.value.height > M && (s.value.height = M);
       }
     }
   }
-  function D(c) {
-    if (!f.value || !s.value || !h.value || !i.value)
+  function D(i) {
+    if (!c.value || !d.value || !h.value || !u.value)
       return;
-    c.subtract(f.value);
-    const v = c.x, C = c.y;
-    i.value.n ? (d.value.y = h.value.y + C, u.value.height = s.value.height - C) : i.value.s && (u.value.height = s.value.height + C), i.value.e ? u.value.width = s.value.width + v : i.value.w && (u.value.width = s.value.width - v, d.value.x = h.value.x + v), V(), E(), k();
+    i.subtract(c.value);
+    const f = i.x, M = i.y;
+    u.value.n ? (v.value.y = h.value.y + M, s.value.height = d.value.height - M) : u.value.s && (s.value.height = d.value.height + M), u.value.e ? s.value.width = d.value.width + f : u.value.w && (s.value.width = d.value.width - f, v.value.x = h.value.x + f), F(), S(), T();
   }
-  function m(c) {
-    if (!g.value)
+  function $(i) {
+    if (!w.value)
       return;
-    const v = R.fromEvent(c);
-    v && D(v);
+    const f = R.fromEvent(i);
+    f && D(f);
   }
-  function w() {
+  function m() {
     if (n.value) {
       const {
-        width: c,
-        height: v,
-        x: C,
+        width: i,
+        height: f,
+        x: M,
         y: b
       } = n.value.getBoundingClientRect(), H = R.getTransformInfo(n.value);
       return {
         size: {
-          width: c,
-          height: v
+          width: i,
+          height: f
         },
         position: {
-          x: C - H.x,
+          x: M - H.x,
           y: b - H.y
         }
       };
     }
     return null;
   }
-  function I(c) {
+  function x(i) {
     if (n.value) {
-      const v = w();
-      B.value = v;
+      const f = m();
+      B.value = f;
     }
-    f.value = void 0, s.value = null, h.value = null, u.value = null, d.value = null, i.value = null, g.value = null, document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", I);
+    c.value = void 0, d.value = null, h.value = null, s.value = null, v.value = null, u.value = null, w.value = null, document.removeEventListener("mousemove", $), document.removeEventListener("mouseup", x);
   }
-  function F() {
-    document.addEventListener("mousemove", m), document.addEventListener("mouseup", I);
+  function j() {
+    document.addEventListener("mousemove", $), document.addEventListener("mouseup", x);
   }
-  function j(c) {
-    c instanceof MouseEvent && c.button === 2 || S.value && (c.stopPropagation(), c.preventDefault(), f.value = R.fromEvent(c), g.value = c.target, p(c), F());
+  function I(i) {
+    i instanceof MouseEvent && i.button === 2 || z.value && (i.stopPropagation(), i.preventDefault(), c.value = R.fromEvent(i), w.value = i.target, p(i), j());
   }
-  function L(c) {
-    return n.value = c, r(ee, null, [r("div", {
-      class: "ng-resizable-handle ng-resizable-n",
+  function L(i) {
+    return n.value = i, r(ne, null, [r("div", {
+      class: "fv-resizable-handle fv-resizable-n",
       type: "n",
-      onMousedown: (v) => j(v)
+      onMousedown: (f) => I(f)
     }, null), r("div", {
-      class: "ng-resizable-handle ng-resizable-e",
+      class: "fv-resizable-handle fv-resizable-e",
       type: "e",
-      onMousedown: (v) => j(v)
+      onMousedown: (f) => I(f)
     }, null), r("div", {
-      class: "ng-resizable-handle ng-resizable-s",
+      class: "fv-resizable-handle fv-resizable-s",
       type: "s",
-      onMousedown: (v) => j(v)
+      onMousedown: (f) => I(f)
     }, null), r("div", {
-      class: "ng-resizable-handle ng-resizable-w",
+      class: "fv-resizable-handle fv-resizable-w",
       type: "w",
-      onMousedown: (v) => j(v)
+      onMousedown: (f) => I(f)
     }, null), r("div", {
-      class: "ng-resizable-handle ng-resizable-ne",
+      class: "fv-resizable-handle fv-resizable-ne",
       type: "ne",
-      onMousedown: (v) => j(v)
+      onMousedown: (f) => I(f)
     }, null), r("div", {
-      class: "ng-resizable-handle ng-resizable-se ng-resizable-diagonal",
+      class: "fv-resizable-handle fv-resizable-se fv-resizable-diagonal",
       type: "se",
-      onMousedown: (v) => j(v)
+      onMousedown: (f) => I(f)
     }, null), r("div", {
-      class: "ng-resizable-handle ng-resizable-sw",
+      class: "fv-resizable-handle fv-resizable-sw",
       type: "sw",
-      onMousedown: (v) => j(v)
+      onMousedown: (f) => I(f)
     }, null), r("div", {
-      class: "ng-resizable-handle ng-resizable-nw",
+      class: "fv-resizable-handle fv-resizable-nw",
       type: "nw",
-      onMousedown: (v) => j(v)
+      onMousedown: (f) => I(f)
     }, null)]);
   }
-  function N(c = !0) {
-    const v = a.value || document.body, C = $.getCurrent(v), b = n.value;
-    c && (z.value = w(), z.value.transform = b.style.transform), C && b && (u.value = C, b.style.height = u.value.height - 14 + "px", b.style.width = u.value.width - 14 + "px", b.style.left = "7px", b.style.top = "7px", b.style.transform = "", B.value = {
-      size: u.value,
+  function V(i = !0) {
+    const f = a.value || document.body, M = A.getCurrent(f), b = n.value;
+    i && (E.value = m(), E.value.transform = b.style.transform), M && b && (s.value = M, b.style.height = s.value.height - 14 + "px", b.style.width = s.value.width - 14 + "px", b.style.left = "7px", b.style.top = "7px", b.style.transform = "", B.value = {
+      size: s.value,
       position: {
         x: 0,
         y: 0
       }
-    }, S.value = !1, O.value = !0);
+    }, z.value = !1, O.value = !0);
   }
   function K() {
-    var c, v;
-    if (z.value) {
-      const C = {
-        width: z.value.size.width || 0,
-        height: z.value.size.height || 0
+    var i, f;
+    if (E.value) {
+      const M = {
+        width: E.value.size.width || 0,
+        height: E.value.size.height || 0
       }, b = {
-        x: (window.innerWidth - C.width) / 2,
-        y: (window.innerHeight - C.height) / 2
+        x: (window.innerWidth - M.width) / 2,
+        y: (window.innerHeight - M.height) / 2
       };
-      (c = u.value) == null || c.set(C), (v = d.value) == null || v.set(b);
+      (i = s.value) == null || i.set(M), (f = v.value) == null || f.set(b);
       const H = n.value;
-      H.style.height = C.height + "px", H.style.width = C.width + "px", H.style.left = `${b.x}px`, H.style.top = `${b.y}px`, H.style.transform = "", B.value = {
-        size: C,
+      H.style.height = M.height + "px", H.style.width = M.width + "px", H.style.left = `${b.x}px`, H.style.top = `${b.y}px`, H.style.transform = "", B.value = {
+        size: M,
         position: b
-      }, S.value = t.draggable, O.value = !1;
+      }, z.value = t.draggable, O.value = !1;
     }
   }
   function G() {
     if (n.value) {
-      const c = $.getCurrent(n.value);
-      if (c) {
+      const i = A.getCurrent(n.value);
+      if (i) {
         const {
-          width: v,
-          height: C
-        } = c;
-        n.value.style.left = `${(window.innerWidth - v) / 2}px`, n.value.style.top = `${(window.innerHeight - C) / 2}px`, n.value.style.transform = "";
+          width: f,
+          height: M
+        } = i;
+        n.value.style.left = `${(window.innerWidth - f) / 2}px`, n.value.style.top = `${(window.innerHeight - M) / 2}px`, n.value.style.transform = "";
       }
     }
   }
   function Q() {
-    const c = () => {
-      O.value ? N(!1) : G();
+    const i = () => {
+      O.value ? V(!1) : G();
     };
-    return window.addEventListener("resize", c), () => {
-      window.removeEventListener("resize", c);
+    return window.addEventListener("resize", i), () => {
+      window.removeEventListener("resize", i);
     };
   }
   const U = Q();
@@ -598,109 +599,134 @@ function qe(t, e) {
     renderResizeBar: L,
     boundingElement: a,
     resizedEventParam: B,
-    maximize: N,
+    maximize: V,
     restore: K,
-    allowDrag: S,
+    allowDrag: z,
     isMaximized: O,
     unWindowResizeHandle: U
   };
 }
-function Je(t, e) {
-  const n = l(), a = l(t.draggable), f = l(t.lockAxis), s = l(), h = l(), u = l(!1), d = l(new R(0, 0)), i = l(new R(0, 0)), g = l(new R(0, 0)), T = l(new R(0, 0));
-  function B(m, w) {
-    if (w.tagName === "BUTTON")
+function et(t, e, n) {
+  const a = l(), c = l(t.draggable), d = l(t.lockAxis), h = l(), s = l(), v = l(!1), u = l(new R(0, 0)), w = l(new R(0, 0)), g = l(new R(0, 0)), B = l(new R(0, 0));
+  X(() => n.value, (m) => {
+    h.value.style.cursor = m ? "move" : "default";
+  });
+  function E(m, x) {
+    if (x.tagName === "BUTTON")
       return !1;
-    if (w === m)
+    if (x === m)
       return !0;
-    for (const I in w.children)
-      if (w.children.hasOwnProperty(I) && B(m, w.children[I]))
+    for (const j in x.children)
+      if (x.children.hasOwnProperty(j) && E(m, x.children[j]))
         return !0;
     return !1;
   }
   function z() {
-    var F, j;
-    let m = g.value.x + i.value.x, w = g.value.y + i.value.y;
-    f.value === "x" ? (m = ((F = d.value) == null ? void 0 : F.x) || 0, g.value.x = 0) : f.value === "y" && (w = ((j = d.value) == null ? void 0 : j.y) || 0, g.value.y = 0);
-    const I = `translate3d(${Math.round(m)}px, ${Math.round(w)}px, 0px)`;
-    n.value && (n.value.style.transform = I), T.value.x = m, T.value.y = w;
-  }
-  function S() {
-    if (!h.value || !n.value)
+    var I, L;
+    let m = g.value.x + w.value.x, x = g.value.y + w.value.y;
+    d.value === "x" ? (m = ((I = u.value) == null ? void 0 : I.x) || 0, g.value.x = 0) : d.value === "y" && (x = ((L = u.value) == null ? void 0 : L.y) || 0, g.value.y = 0);
+    const j = `translate3d(${Math.round(m)}px, ${Math.round(x)}px, 0px)`;
+    a.value && (a.value.style.transform = j), B.value.x = m, B.value.y = x;
+  }
+  function O() {
+    if (!s.value || !a.value)
       return null;
-    const m = h.value.getBoundingClientRect(), w = n.value.getBoundingClientRect(), I = {
-      top: m.top < w.top,
-      right: m.right > w.right,
-      bottom: m.bottom > w.bottom,
-      left: m.left < w.left
+    const m = s.value.getBoundingClientRect(), x = a.value.getBoundingClientRect(), j = {
+      top: m.top < x.top,
+      right: m.right > x.right,
+      bottom: m.bottom > x.bottom,
+      left: m.left < x.left
     };
-    return I.top || (g.value.y -= w.top - m.top), I.bottom || (g.value.y -= w.bottom - m.bottom), I.right || (g.value.x -= w.right - m.right), I.left || (g.value.x -= w.left - m.left), z(), I;
+    return j.top || (g.value.y -= x.top - m.top), j.bottom || (g.value.y -= x.bottom - m.bottom), j.right || (g.value.x -= x.right - m.right), j.left || (g.value.x -= x.left - m.left), z(), j;
   }
-  function O(m) {
-    m && (d.value && m.subtract(d.value), g.value.set(m), z(), S());
+  function C(m) {
+    m && (u.value && m.subtract(u.value), g.value.set(m), z(), O());
   }
-  function x(m) {
-    u.value && a.value && (m.stopPropagation(), m.preventDefault(), O(R.fromEvent(m, s.value)));
+  function p(m) {
+    v.value && c.value && (m.stopPropagation(), m.preventDefault(), C(R.fromEvent(m, h.value)));
   }
-  function p() {
+  function T() {
     var m;
-    u.value && (u.value = !1, i.value.add(g.value), g.value.reset(), (m = n.value) == null || m.classList.remove("ng-dragging"), document.removeEventListener("mousemove", x), document.removeEventListener("mouseup", p));
+    v.value && (v.value = !1, w.value.add(g.value), g.value.reset(), (m = a.value) == null || m.classList.remove("ng-dragging"), document.removeEventListener("mousemove", p), document.removeEventListener("mouseup", T));
   }
-  function k() {
-    !u.value && s.value && (u.value = !0, s.value.classList.add("ng-dragging"), document.addEventListener("mousemove", x), document.addEventListener("mouseup", p));
+  function S() {
+    !v.value && h.value && (v.value = !0, h.value.classList.add("ng-dragging"), document.addEventListener("mousemove", p), document.addEventListener("mouseup", T));
   }
-  function E() {
-    if (n.value) {
-      const m = R.getTransformInfo(n.value);
-      i.value.set(m);
+  function F() {
+    if (a.value) {
+      const m = R.getTransformInfo(a.value);
+      w.value.set(m);
       return;
     }
-    i.value.reset();
+    w.value.reset();
   }
-  function V(m) {
-    if (m instanceof MouseEvent && m.button === 2)
+  function D(m) {
+    if (!n.value || m instanceof MouseEvent && m.button === 2)
       return;
-    const w = m.target || m.srcElement;
-    s.value !== void 0 && w && !B(w, s.value) || a.value !== !1 && (m.stopPropagation(), m.preventDefault(), d.value = R.fromEvent(m, n.value), E(), k());
-  }
-  function D(m, w, I) {
-    if (m && a.value && w) {
-      if (t.dragHandle) {
+    const x = m.target || m.srcElement;
+    h.value !== void 0 && x && !E(x, h.value) || c.value !== !1 && (document.body.click(), m.stopPropagation(), m.preventDefault(), u.value = R.fromEvent(m, a.value), F(), S());
+  }
+  function $(m, x, j) {
+    if (c.value && x) {
+      if (m)
+        h.value = m;
+      else if (t.dragHandle) {
         if (t.dragHandle instanceof HTMLElement)
-          s.value = t.dragHandle;
+          h.value = t.dragHandle;
         else if (typeof t.dragHandle == "string") {
-          const F = w.querySelector(t.dragHandle);
-          F && (s.value = F);
+          const I = x.querySelector(t.dragHandle);
+          I && (h.value = I);
         }
-      } else
-        s.value = m;
-      n.value = w, h.value = I, s.value.classList.add("ng-draggable"), s.value.addEventListener("mousedown", V);
+      }
+      a.value = x, s.value = j, h.value.classList.add("ng-draggable"), h.value.addEventListener("mousedown", D);
     }
   }
   return {
-    registerDraggle: D,
-    resetTranslate: E
+    registerDraggle: $,
+    resetTranslate: F
   };
 }
-function Ke(t, e) {
-  const n = l(t.enableEsc);
-  function a(f) {
-    f.key === "Escape" && t.enableEsc && e.emit("esc", { event: f, type: "esc" });
+function re(t, e) {
+  if (t) {
+    const n = (a) => {
+      a.key.toLowerCase() === t.toLowerCase() && e({ event: a, key: t });
+    };
+    return document.addEventListener("keydown", n), () => {
+      document.removeEventListener("keydown", n);
+    };
   }
-  n.value && document.addEventListener("keydown", a);
 }
-const se = /* @__PURE__ */ ne({
+function tt(t, e) {
+  const n = l(t.enableEsc);
+  let a = null;
+  return n.value ? (a = re("Escape", (c) => {
+    e.emit("esc", { event: c.event, type: "esc" });
+  }), {
+    remove: a
+  }) : null;
+}
+function nt(t, e) {
+  const n = l(t.enableEnter);
+  let a = null;
+  return n.value ? (a = re("Enter", (c) => {
+    e.emit("enter", { event: c.event, type: "enter" });
+  }), {
+    remove: a
+  }) : null;
+}
+const ce = /* @__PURE__ */ oe({
   name: "FModal",
-  props: Ue,
-  emits: ["update:modelValue", "accept", "cancel", "closed", "resize", "esc"],
+  props: Ze,
+  emits: ["update:modelValue", "accept", "cancel", "closed", "resize", "esc", "enter"],
   setup(t, e) {
-    const n = l(t.width || 300), a = l(t.height || 200), f = l(t.modelValue), s = l(""), h = l(t.class), u = l(t.fitContent), d = l(t.showHeader), i = l(""), g = l(t.showCloseButton), T = l(t.showMaxButton), B = l(!1), z = l(""), S = l(""), O = l(""), x = l(t.showButtons), p = l(t.title), k = l(t.reiszeable), E = l(t.containment || null), V = l();
-    function D(o, M) {
-      f.value = !1, e.emit("update:modelValue", !1), M != null && e.emit(M ? "accept" : "cancel"), e.emit("closed", o);
+    const n = l(t.width || 300), a = l(t.height || 200), c = l(t.modelValue), d = l(""), h = l(t.class), s = l(t.fitContent), v = l(t.showHeader), u = l(""), w = l(t.showCloseButton), g = l(t.showMaxButton), B = l(!1), E = l(""), z = l(""), O = l(""), C = l(t.showButtons), p = l(t.title), T = l(t.reiszeable), S = l(t.containment || null), F = l();
+    function D(o, k) {
+      c.value = !1, e.emit("update:modelValue", !1), k != null && e.emit(k ? "accept" : "cancel"), e.emit("closed", o);
     }
-    const m = [{
+    const $ = [{
       name: "cancel",
       text: "取消",
-      class: "btn btn-light",
+      class: "btn btn-secondary",
       handle: (o) => {
         D(o, !1);
       }
@@ -711,114 +737,116 @@ const se = /* @__PURE__ */ ne({
       handle: (o) => {
         D(o, !0);
       }
-    }], w = l(t.buttons && t.buttons.length ? t.buttons : m), I = y(() => !!i.value), F = y(() => !!x.value && !!w.value), j = l(), L = l(), N = l(!1), {
+    }], m = l(t.buttons && t.buttons.length ? t.buttons : $), x = y(() => !!u.value), j = y(() => !!C.value && !!m.value), I = l(), L = l(), V = l(!1), {
       renderResizeBar: K,
       maximize: G,
       restore: Q,
       boundingElement: U,
-      resizedEventParam: c,
-      allowDrag: v,
-      unWindowResizeHandle: C
-    } = qe(t), {
+      resizedEventParam: i,
+      allowDrag: f,
+      unWindowResizeHandle: M
+    } = _e(t), {
       registerDraggle: b
-    } = Je(t);
-    Y(() => t.title, (o, M) => {
-      o !== M && (p.value = o);
-    }), Y(() => t.modelValue, (o, M) => {
-      o !== M && (f.value = o);
-    }), Y(() => t.showHeader, (o, M) => {
-      o !== M && (d.value = o);
-    }), Y(() => t.showButtons, (o, M) => {
-      o !== M && (x.value = o);
-    }), Y(() => c.value, (o, M) => {
-      const X = o || {}, q = M || {};
-      JSON.stringify(X) !== JSON.stringify(q) && e.emit("resize", {
+    } = et(t, e, f);
+    X(() => t.title, (o, k) => {
+      o !== k && (p.value = o);
+    }), X(() => t.modelValue, (o, k) => {
+      o !== k && (c.value = o);
+    }), X(() => t.showHeader, (o, k) => {
+      o !== k && (v.value = o);
+    }), X(() => t.showButtons, (o, k) => {
+      o !== k && (C.value = o);
+    }), X(() => i.value, (o, k) => {
+      const Y = o || {}, q = k || {};
+      JSON.stringify(Y) !== JSON.stringify(q) && e.emit("resize", {
         newSize: o,
-        oldSize: M
+        oldSize: k
       });
     });
     function H() {
       const o = document.querySelectorAll(".farris-modal").length;
-      (!o || o - 1 <= 0) && document.body.classList.remove("modal-open"), V.value && V.value.classList.remove("show");
+      (!o || o - 1 <= 0) && document.body.classList.remove("modal-open"), F.value && F.value.classList.remove("show");
     }
-    const Z = y(() => (f.value ? document.body.classList.add("modal-open") : H(), f.value)), ie = y(() => {
+    const Z = y(() => (c.value ? document.body.classList.add("modal-open") : H(), c.value)), ve = y(() => {
       const o = {
         modal: !0,
         "farris-modal": !0,
         fade: !0
       };
-      return o["f-modal-fitContent"] = !!u.value, o.show = !!Z.value, o;
-    }), ce = y(() => {
-      var X;
+      return o["f-modal-fitContent"] = !!s.value, o.show = !!Z.value, o;
+    }), fe = y(() => {
+      var Y;
       const o = {
         "modal-dialog": !0
-      }, M = (X = h.value) == null ? void 0 : X.split(" ");
-      return M == null || M.reduce((q, Ce) => (q[Ce] = !0, q), o), o;
-    }), re = y(() => ({
+      }, k = (Y = h.value) == null ? void 0 : Y.split(" ");
+      return k == null || k.reduce((q, Ee) => (q[Ee] = !0, q), o), o;
+    }), he = y(() => ({
       position: "absolute",
       top: `${(window.innerHeight - a.value) / 2}px`,
       left: `${(window.innerWidth - n.value) / 2}px`,
       width: `${n.value}px`,
-      height: u.value ? "auto" : `${a.value}px`
-    })), de = y(() => ({
+      height: s.value ? "auto" : `${a.value}px`
+    })), me = y(() => ({
       "modal-content": !0,
-      "modal-content-has-header": d.value
-    })), ve = y(() => {
+      "modal-content-has-header": v.value
+    })), ge = y(() => {
       const o = {
-        display: d.value ? "" : "none"
+        display: v.value ? "" : "none"
       };
-      return o["pointer-events"] = v.value ? "auto" : "none", o;
-    }), fe = y(() => ({
+      return o["pointer-events"] = f.value ? "auto" : "none", o;
+    }), pe = y(() => ({
       "f-icon": !0,
       modal_maximize: !0,
-      modalrevert: N.value
-    })), he = y(() => ({
+      modalrevert: V.value
+    })), ye = y(() => ({
       "modal-body": !0,
-      "f-utils-flex-column": z.value === "iframe"
+      "f-utils-flex-column": E.value === "iframe"
     }));
-    function me() {
+    function we() {
       return {};
     }
-    const ge = y(() => {
+    const xe = y(() => {
       const o = {
         textAlgin: O.value
-      }, M = me();
-      return Object.assign(o, M);
+      }, k = we();
+      return Object.assign(o, k);
     });
-    function pe(o) {
-      if (o.stopPropagation(), N.value) {
-        N.value = !1, Q();
+    function le(o) {
+      if (o.stopPropagation(), V.value) {
+        V.value = !1, Q();
         return;
       }
-      G(), N.value = !0;
+      G(), V.value = !0;
     }
-    async function ye(o, M) {
-      o.handle && await o.handle(M, o) && e.emit("closed", M);
+    async function be(o, k) {
+      o.handle && await o.handle(k, o) && e.emit("closed", k);
     }
-    function we(o) {
-      o.width && (n.value = o.width), o.height && (a.value = o.height), o.buttons && (w.value = o.buttons), o.title && (p.value = o.title);
+    function Ce(o) {
+      o.width && (n.value = o.width), o.height && (a.value = o.height), o.buttons && (m.value = o.buttons), o.title && (p.value = o.title);
     }
-    ae(() => {
-      L.value && !E.value && (E.value = L.value.parentElement, U.value = E.value, b(j.value, L.value, U.value)), Z.value && document.body.classList.add("modal-open"), Ke(t, e);
-    }), le(() => {
-      H(), C && C();
+    let _ = null, ee = null;
+    se(() => {
+      L.value && !S.value && (S.value = L.value.parentElement, U.value = S.value, b(I.value, L.value, U.value)), Z.value && document.body.classList.add("modal-open"), _ = tt(t, e), ee = nt(t, e);
+    }), ue(() => {
+      H(), M && M(), _ && _.remove(), ee && ee.remove();
     }), e.expose({
       modalElementRef: L,
-      updateModalOptions: we,
-      close: D
+      updateModalOptions: Ce,
+      close: D,
+      maxDialog: le
     });
-    function xe() {
+    function Me() {
       return r("ul", null, [B.value && r("li", {
         class: "f-btn-icon f-bare"
       }, [r("span", {
         class: "f-icon modal_minimize"
-      }, null)]), T.value && r("li", {
-        onClick: pe,
+      }, null)]), g.value && r("li", {
+        onClick: le,
         class: "f-btn-icon f-bare",
         style: "pointer-events: auto;"
       }, [r("span", {
-        class: fe.value
-      }, null)]), g.value && r("li", {
+        class: pe.value
+      }, null)]), w.value && r("li", {
         class: "f-btn-icon f-bare",
         onClick: (o) => D(o, !1),
         style: "pointer-events: auto;"
@@ -826,120 +854,132 @@ const se = /* @__PURE__ */ ne({
         class: "f-icon modal_close"
       }, null)])]);
     }
-    function be() {
+    function Te() {
       return r("div", {
         class: "modal-footer",
-        style: ge.value
-      }, [w.value && w.value.map((o) => r("button", {
+        style: xe.value
+      }, [m.value && m.value.map((o) => r("button", {
         name: o.name,
         type: "button",
         class: o.class + (o.iconClass ? " btn-icontext" : ""),
-        onClick: (M) => {
-          ye(o, M);
+        onClick: (k) => {
+          be(o, k);
         }
       }, [!!o.iconClass && r("i", {
         class: o.iconClass
       }, null), o.text]))]);
     }
-    return () => r(ke, {
+    function ke() {
+      return r("div", {
+        ref: I,
+        class: "modal-header",
+        style: ge.value
+      }, [r("div", {
+        class: "modal-title"
+      }, [x.value && r("span", {
+        class: u.value,
+        style: "margin-right: 8px"
+      }, null), r("span", {
+        class: "modal-title-label"
+      }, [p.value])]), r("div", {
+        class: "actions"
+      }, [Me()])]);
+    }
+    function Be(o) {
+      o.stopPropagation();
+    }
+    return () => r(He, {
       to: "body"
     }, {
-      default: () => {
-        var o, M;
-        return [Z.value && r("div", {
-          class: ie.value,
-          style: "display: block",
-          ref: V
-        }, [r("div", {
-          id: s.value,
-          class: ce.value,
-          style: re.value,
-          ref: L
-        }, [r("div", {
-          class: de.value
-        }, [r("div", {
-          ref: j,
-          class: "modal-header",
-          style: ve.value
-        }, [r("div", {
-          class: "modal-title"
-        }, [I.value && r("span", {
-          class: i.value,
-          style: "margin-right: 8px"
-        }, null), r("span", {
-          class: "modal-title-label"
-        }, [p.value])]), r("div", {
-          class: "actions"
-        }, [xe()])]), r("div", {
-          class: he.value
-        }, [(M = (o = e.slots).default) == null ? void 0 : M.call(o), z.value === "iframe" && r("iframe", {
-          title: s.value,
-          class: "f-utils-fill",
-          width: "100%",
-          frameborder: "0",
-          src: S.value
-        }, null)]), F.value && be()]), !u.value && k.value && L.value && K(L.value)])])];
-      }
+      default: () => [Z.value && r(Oe, {
+        name: "fade",
+        appear: !0
+      }, {
+        default: () => {
+          var o, k;
+          return [r("div", {
+            class: ve.value,
+            style: "display: block",
+            ref: F,
+            onClick: Be
+          }, [r("div", {
+            id: d.value,
+            class: fe.value,
+            style: he.value,
+            ref: L
+          }, [r("div", {
+            class: me.value
+          }, [v.value && ke(), r("div", {
+            class: ye.value
+          }, [(k = (o = e.slots).default) == null ? void 0 : k.call(o), E.value === "iframe" && r("iframe", {
+            title: d.value,
+            class: "f-utils-fill",
+            width: "100%",
+            frameborder: "0",
+            src: z.value
+          }, null)]), j.value && Te()]), !s.value && T.value && L.value && K(L.value)])])];
+        }
+      })]
     });
   }
 });
-function ue(t) {
+function de(t) {
   if (t.content && t.content.render)
     return t.content.render;
   if (t.render && typeof t.render == "function")
     return t.render;
 }
-function Ge(t) {
+function at(t) {
   const e = document.createElement("div");
   e.style.display = "contents";
-  const n = Ee({
-    setup(a, f) {
-      le(() => {
+  const n = je({
+    setup(a, c) {
+      ue(() => {
         document.body.removeChild(e);
       });
-      const s = l(), h = l(t.class || ""), u = l(!!t.showButtons), d = l(!!t.showHeader), i = l(t.showCloseButton == null ? !0 : t.showCloseButton), g = l(!0), T = l(t.title || ""), B = t.acceptCallback || (() => {
-      }), z = t.rejectCallback || (() => {
-      }), S = t.closedCallback || ((k) => {
-      }), O = t.resizeHandle || ((k) => {
-      }), x = ue(t), p = (k) => {
-        g.value = !1, n.unmount(), S(k);
+      const d = l(), h = l(t.class || ""), s = l(!!t.showButtons), v = l(!!t.showHeader), u = l(t.showCloseButton == null ? !0 : t.showCloseButton), w = l(!0), g = l(t.title || ""), B = t.acceptCallback || (() => {
+      }), E = t.rejectCallback || (() => {
+      }), z = t.closedCallback || ((T) => {
+      }), O = t.resizeHandle || ((T) => {
+      }), C = de(t), p = (T) => {
+        w.value = !1, n.unmount(), z(T);
       };
-      return ae(() => {
-      }), f.expose({
-        modalRef: s
-      }), () => r(se, {
-        ref: s,
+      return se(() => {
+      }), c.expose({
+        modalRef: d
+      }), () => r(ce, {
+        ref: d,
         class: h.value,
-        modelValue: g.value,
-        "onUpdate:modelValue": (k) => g.value = k,
-        title: T.value,
+        modelValue: w.value,
+        "onUpdate:modelValue": (T) => w.value = T,
+        title: g.value,
         width: t.width,
         height: t.height,
         buttons: t.buttons,
-        "show-header": d.value,
-        "show-buttons": u.value,
-        "show-close-button": i.value,
+        "show-header": v.value,
+        "show-buttons": s.value,
+        "show-close-button": u.value,
         "show-max-button": !1,
         onAccept: B,
-        onCancel: z,
+        onCancel: E,
         fitContent: t.fitContent == null ? !0 : t.fitContent,
         onClosed: p,
         onResize: O
       }, {
-        default: () => [x && x(n)]
+        default: () => [C && C(n)]
       });
     }
   });
   return document.body.appendChild(e), n.mount(e), n;
 }
-class Qe {
+class lt {
   constructor(e) {
-    W(this, "appContext", null);
-    W(this, "modalRef", l());
-    W(this, "activeModalIndex", l(0));
-    W(this, "modalRefs", {});
-    W(this, "isUseEscCloseModal", l(!1));
-    W(this, "activeModalInstance", y(() => this.modalRefs[this.activeModalIndex.value]));
+    N(this, "appContext", null);
+    N(this, "modalRef", l());
+    N(this, "activeModalIndex", l(0));
+    N(this, "modalRefs", {});
+    N(this, "isUseEscCloseModal", l(!1));
+    N(this, "activeModalInstance", y(() => this.modalRefs[this.activeModalIndex.value]));
     this.appContext = e ? e._context : null;
   }
   getCurrentModal() {
@@ -951,53 +991,53 @@ class Qe {
       showButtons: !0,
       showHeader: !0
     }, e);
-    return Ge(n);
+    return at(n);
   }
   open(e) {
     const n = document.createDocumentFragment();
     e.showMaxButton && e.fitContent && (e.showMaxButton = !1);
-    const a = ze(Object.assign({
+    const a = Ie(Object.assign({
       title: "",
       showButtons: !0,
       showHeader: !0
-    }, e)), f = l(!0), s = a.value.acceptCallback || (() => {
+    }, e)), c = l(!0), d = a.value.acceptCallback || (() => {
     }), h = a.value.rejectCallback || (() => {
-    }), u = a.value.closedCallback || ((p, k) => {
-    }), d = a.value.resizeHandle || ((p) => {
+    }), s = a.value.closedCallback || ((p, T) => {
+    }), v = a.value.resizeHandle || ((p) => {
     });
-    let i;
-    const g = ue(a.value), T = (p) => {
-      var E;
-      f.value = !1;
-      const k = (E = p == null ? void 0 : p.target) == null ? void 0 : E.classList.contains("modal_close");
-      u(p, this.isUseEscCloseModal.value ? "esc" : k ? "icon" : "button");
+    let u;
+    const w = de(a.value), g = (p) => {
+      var S;
+      c.value = !1;
+      const T = (S = p == null ? void 0 : p.target) == null ? void 0 : S.classList.contains("modal_close");
+      s(p, this.isUseEscCloseModal.value ? "esc" : T ? "icon" : "button");
     }, B = (p) => {
-      T(p), i && Re(() => {
-        if (this.modalRefs[this.activeModalIndex.value] && delete this.modalRefs[this.activeModalIndex.value], _(null, n), i = null, this.modalRef.value = null, this.modalRefs) {
-          const k = Object.keys(this.modalRefs);
-          k.length > 0 ? this.activeModalIndex.value = Math.max(...k) : this.activeModalIndex.value = 0;
+      g(p), u && Le(() => {
+        if (this.modalRefs[this.activeModalIndex.value] && delete this.modalRefs[this.activeModalIndex.value], te(null, n), u = null, this.modalRef.value = null, this.modalRefs) {
+          const T = Object.keys(this.modalRefs);
+          T.length > 0 ? this.activeModalIndex.value = Math.max(...T) : this.activeModalIndex.value = 0;
         }
         this.isUseEscCloseModal.value = !1;
       });
-    }, z = (p) => {
-      var k;
-      this.isUseEscCloseModal.value = !0, this.activeModalInstance && ((k = this.activeModalInstance.value) == null || k.close(p == null ? void 0 : p.event));
-    }, S = () => r(se, oe({
+    }, E = (p) => {
+      var T;
+      this.isUseEscCloseModal.value = !0, this.activeModalInstance && ((T = this.activeModalInstance.value) == null || T.close(p == null ? void 0 : p.event));
+    }, z = () => r(ce, ie({
       ref: this.modalRef,
-      modelValue: f.value,
-      "onUpdate:modelValue": (p) => f.value = p
+      modelValue: c.value,
+      "onUpdate:modelValue": (p) => c.value = p
     }, a.value, {
-      onAccept: s,
+      onAccept: d,
       onCancel: h,
       onClosed: B,
-      onResize: d,
-      onEsc: z
+      onResize: v,
+      onEsc: E
     }), {
-      default: () => [g && g()]
+      default: () => [w && w()]
     });
-    return i = ((p) => {
-      const k = Se(S, p);
-      return k.appContext = this.appContext, _(k, n), k;
+    return u = ((p) => {
+      const T = Fe(z, p);
+      return T.appContext = this.appContext, te(T, n), T;
     })({
       ...a.value
       // 'onUpdate:modelValue': onUpdateModelValue,
@@ -1006,7 +1046,7 @@ class Qe {
         a.value = {
           ...a.value,
           ...p
-        }, i && _(He(i, {
+        }, u && te(De(u, {
           ...a
         }), n);
       },
@@ -1017,33 +1057,33 @@ class Qe {
 }
 class P {
   static show(e) {
-    let n = new Qe();
-    const a = A({
+    let n = new lt();
+    const a = W({
       ...e
-    }), f = !1, s = a.type === "error" || a.type === "prompt", h = a.type === "error" ? "错误提示" : a.type === "prompt" && a.title || "", u = a.acceptCallback || (() => {
-    }), d = a.rejectCallback || (() => {
+    }), c = !1, d = a.type === "error" || a.type === "prompt", h = a.type === "error" ? "错误提示" : a.type === "prompt" && a.title || "", s = a.acceptCallback || (() => {
+    }), v = a.rejectCallback || (() => {
     });
-    let i = null;
-    const g = () => {
-      i && (i == null || i.destroy(), n = null);
+    let u = null;
+    const w = () => {
+      u && (u == null || u.destroy(), n = null);
     };
-    i = n == null ? void 0 : n.open({
+    u = n == null ? void 0 : n.open({
       class: "modal-message modal-message-type-info",
       title: h,
-      showButtons: f,
-      showHeader: s,
+      showButtons: c,
+      showHeader: d,
       width: a.width || 400,
       fitContent: !0,
       showMaxButton: !1,
-      render: () => r(J, oe(a, {
-        onAccept: u,
-        onReject: d,
-        onClose: g
+      render: () => r(J, ie(a, {
+        onAccept: s,
+        onReject: v,
+        onClose: w
       }), null)
     });
   }
   static info(e, n) {
-    const a = A({
+    const a = W({
       type: "info",
       title: e,
       detail: n,
@@ -1053,7 +1093,7 @@ class P {
     P.show(a);
   }
   static warning(e, n) {
-    const a = A({
+    const a = W({
       type: "warning",
       title: e,
       detail: n,
@@ -1063,7 +1103,7 @@ class P {
     P.show(a);
   }
   static success(e, n) {
-    const a = A({
+    const a = W({
       type: "success",
       title: e,
       detail: n,
@@ -1073,7 +1113,7 @@ class P {
     P.show(a);
   }
   static error(e, n, a) {
-    const f = A({
+    const c = W({
       width: 500,
       type: "error",
       okButtonText: "关闭",
@@ -1084,10 +1124,10 @@ class P {
         detail: n
       }
     });
-    P.show(f);
+    P.show(c);
   }
   static prompt(e, n) {
-    const a = A({
+    const a = W({
       type: "prompt",
       title: e,
       detail: n,
@@ -1096,17 +1136,17 @@ class P {
     });
     P.show(a);
   }
-  static question(e, n, a, f) {
-    const s = A({
+  static question(e, n, a, c) {
+    const d = W({
       type: "question",
       title: e,
       detail: n,
       okButtonText: "确定",
       cancelButtonText: "取消",
       acceptCallback: a,
-      rejectCallback: f
+      rejectCallback: c
     });
-    P.show(s);
+    P.show(d);
   }
 }
 J.install = (t) => {
@@ -1116,5 +1156,5 @@ export {
   J as FMessageBox,
   P as FMessageBoxService,
   J as default,
-  Oe as messageBoxProps
+  Pe as messageBoxProps
 };