@farris/ui-vue 1.2.5 → 1.2.7

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

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