@farris/ui-vue 1.0.0-beta.6 → 1.0.0

package/message-box/index.esm.js

@@ -1,135 +1,89 @@
-import { defineComponent as Z, ref as t, computed as s, createVNode as e, createTextVNode as re, Fragment as ie, watch as de, Teleport as pe, reactive as g, createApp as ve, onUnmounted as me, mergeProps as ye } from "vue";
-const fe = {
+import { ref as o, computed as l, createVNode as a, Fragment as O, createTextVNode as Q, defineComponent as F, watch as W, Teleport as X, createApp as Y, onUnmounted as Z, reactive as B, mergeProps as ee } from "vue";
+const te = {
   type: { Type: String, default: "info" },
   title: { Type: String, default: "" },
   detail: { Type: String, default: "" },
   okButtonText: { Type: String, default: "确定" },
   cancelButtonText: { Type: String, default: "取消" },
-  exceptionInfo: { Type: Object, default: { date: "", message: "", detail: "" } }
+  exceptionInfo: { Type: Object, default: null },
+  promptEditorType: { Type: String, default: "text-area" }
 };
-function K() {
+function R() {
   return new DOMException("The request is not allowed", "NotAllowedError");
 }
-async function he(l) {
+async function ne(e) {
   if (!navigator.clipboard)
-    throw K();
-  return navigator.clipboard.writeText(l);
+    throw R();
+  return navigator.clipboard.writeText(e);
 }
-async function ge(l) {
+async function ae(e) {
   const n = document.createElement("span");
-  n.textContent = l, n.style.whiteSpace = "pre", n.style.webkitUserSelect = "auto", n.style.userSelect = "all", document.body.appendChild(n);
-  const a = window.getSelection(), c = window.document.createRange();
-  a == null || a.removeAllRanges(), c.selectNode(n), a == null || a.addRange(c);
-  let i = !1;
+  n.textContent = e, n.style.whiteSpace = "pre", n.style.webkitUserSelect = "auto", n.style.userSelect = "all", document.body.appendChild(n);
+  const t = window.getSelection(), s = window.document.createRange();
+  t == null || t.removeAllRanges(), s.selectNode(n), t == null || t.addRange(s);
+  let c = !1;
   try {
-    i = window.document.execCommand("copy");
+    c = window.document.execCommand("copy");
   } finally {
-    a == null || a.removeAllRanges(), window.document.body.removeChild(n);
+    t == null || t.removeAllRanges(), window.document.body.removeChild(n);
   }
-  if (!i)
-    throw K();
+  if (!c)
+    throw R();
 }
-async function xe(l) {
+async function oe(e) {
   try {
-    await he(l);
+    await ne(e);
   } catch (n) {
     try {
-      await ge(l);
-    } catch (a) {
-      throw a || n || K();
+      await ae(e);
+    } catch (t) {
+      throw t || n || R();
     }
   }
 }
-function be(l, n) {
-  async function a(c) {
-    await xe(c);
+function se() {
+  async function e(n) {
+    await oe(n);
   }
-  return { onCopy: a };
+  return { onCopy: e };
 }
-const J = /* @__PURE__ */ Z({
-  name: "FMessageBox",
-  props: fe,
-  emits: ["accept", "reject", "close"],
-  setup(l, n) {
-    const a = t(l.type), c = t(l.title), i = t(l.detail), r = t(l.exceptionInfo);
-    t("");
-    const B = t(14), p = t(140);
-    t(""), t("");
-    const h = t(!1), x = t(""), S = t(i.value.length), m = t([]), T = t(l.okButtonText), b = t(l.cancelButtonText), $ = t(!0), A = t(!0), H = t(!0), j = t("复制详细信息"), w = t(3), z = t(480), C = s(() => {
-      const o = {
-        "modal-tips": !0,
-        "d-flex": !0,
-        "flex-row": !0
-      }, v = `messager-type-${a.value}`;
-      return o[v] = !0, o;
-    }), M = s(() => {
-      const o = {};
-      return a.value === "prompt" ? o.padding = "0.5rem 0.5rem 1rem 1.5rem" : a.value === "error" && (o.padding = "0.5rem 1.5rem 1rem 1.5rem"), o;
-    }), V = s(() => {
-      const o = {
-        "f-icon": !0
-      }, v = `f-icon-${a.value}`;
-      return o[v] = !0, o;
-    }), D = s(() => c.value || r.value && r.value.message), O = s(() => i.value), I = s(() => !!i.value), R = s(() => !!r.value), N = s(() => !!r.value && !!r.value.date), q = s(() => `发生时间 : ${r.value && r.value.date || ""}`), L = s(() => !!r.value && !!r.value.detail), _ = s(() => {
-      const o = `${z.value}px`;
-      return {
-        overflow: "hidden",
-        "text-overflow": "ellipsis",
-        display: "-webkit-box",
-        "-webkit-box-orient": "vertical",
-        "-webkit-line-clamp": w.value,
-        "max-height": o
-      };
-    }), F = s(() => r.value && r.value.detail || ""), P = s(() => !0), y = t(!1), U = t("展开"), W = t("收起"), G = s(() => {
-      const o = {
-        display: "block",
-        color: "#2A87FF"
-      };
-      return o["text-align"] = y.value ? "" : "right", o;
-    });
-    function u(o, v) {
-      y.value = !y.value, w.value = y.value ? 20 : 3;
-    }
-    function f(o) {
-      return u();
-    }
-    function d(o) {
-      return u();
-    }
-    const k = s(() => ({
-      "font-size": `${B.value}px`,
-      height: "100%"
-    }));
-    function ee(o) {
-      if (o.currentTarget) {
-        const v = o.currentTarget.value || "";
-        S.value = v.length;
-      }
-    }
-    s(() => h.value && p.value);
-    const te = s(() => !(m.value && m.value.length) && (T.value || b.value));
-    s(() => a.value === "prompt" && $.value);
-    const ae = s(() => A.value && b.value), le = s(() => H.value && T.value);
-    function oe(o) {
-      a.value === "question" && n.emit("reject"), n.emit("close");
+function le(e, n, t, s) {
+  const c = o(14), u = o(140), p = o(""), r = o(s.value.length), i = l(() => s.value), d = l(() => ({
+    "font-size": `${c.value}px`,
+    height: "100%"
+  }));
+  function y(f) {
+    if (f.currentTarget) {
+      const g = f.currentTarget.value || "";
+      r.value = g.length;
     }
-    function se(o) {
-      a.value === "question" && n.emit("accept"), n.emit("close");
-    }
-    const ne = s(() => !!(m.value && m.value.length)), Q = s(() => r.value && r.value.date && r.value.message && r.value.detail), {
-      onCopy: ce
-    } = be(), X = t("复制成功"), E = t(!1);
-    function Y(o) {
-      ce(F.value).catch((v) => {
-        X.value = "复制失败";
-      }).finally(() => {
-        E.value = !0, setTimeout(() => {
-          E.value = !1;
-        }, 700);
-      });
-    }
-    const ue = s(() => {
-      const o = {
+  }
+  return () => a(O, null, [a("textarea", {
+    title: "promptMessage",
+    name: "promptMessage",
+    class: "form-control",
+    style: d.value,
+    rows: "4",
+    maxlength: u.value,
+    onInput: (f) => y(f)
+  }, [i.value]), a("span", {
+    class: "textarea-wordcount",
+    title: p.value,
+    style: "position: absolute; bottom: 76px; right: 32px; cursor: pointer; text-align: right;"
+  }, [r.value + " / " + u.value])]);
+}
+function ce(e, n, t, s) {
+  const c = le(e, n, t, s), u = /* @__PURE__ */ new Map([["text-area", c]]);
+  function p(r) {
+    return u.get(r) || null;
+  }
+  return { getEditorRender: p };
+}
+function ue() {
+  const e = o(!1), n = o("复制成功");
+  return {
+    feedbackStyle: l(() => {
+      const s = {
         position: "absolute",
         left: "50%",
         top: "50%",
@@ -145,91 +99,178 @@ const J = /* @__PURE__ */ Z({
         color: "#fff",
         transition: "all .3s ease"
       };
-      return o.opacity = E.value ? "0.8" : "0", o.display = E.value ? "" : "none", o;
+      return s.opacity = e.value ? "0.8" : "0", s.display = e.value ? "" : "none", s;
+    }),
+    feedbackMessage: n,
+    toShowFeedback: e
+  };
+}
+function re(e, n) {
+  const t = n.getEditorRender(e.promptEditorType);
+  return () => t && t();
+}
+function ie(e) {
+  const n = o(3), t = o(480), s = l(() => !!e.value && !!e.value.date), c = l(() => `发生时间 : ${e.value && e.value.date || ""}`), u = l(() => !!e.value && !!e.value.detail), p = l(() => {
+    const m = `${t.value}px`;
+    return {
+      overflow: "hidden",
+      "text-overflow": "ellipsis",
+      display: "-webkit-box",
+      "-webkit-box-orient": "vertical",
+      "-webkit-line-clamp": n.value,
+      "max-height": m
+    };
+  }), r = l(() => e.value && e.value.detail || ""), i = l(() => !0), d = o(!1), y = o("展开"), f = o("收起"), g = l(() => {
+    const m = {
+      display: "block",
+      color: "#2A87FF"
+    };
+    return m["text-align"] = d.value ? "" : "right", m;
+  });
+  function x(m, T) {
+    d.value = !d.value, n.value = d.value ? 20 : 3;
+  }
+  function w(m) {
+    return x();
+  }
+  function C(m) {
+    return x();
+  }
+  return () => a("div", {
+    class: "toast-msg-detail"
+  }, [s.value && a("div", null, [c.value]), u.value && a("div", {
+    id: "exception_error_msg",
+    ref: "exceptionMessageRef",
+    style: p.value
+  }, [Q("详细信息 : "), a("span", {
+    innerHTML: r.value
+  }, null)]), i.value && a("span", {
+    style: g.value
+  }, [d.value && a("span", {
+    onClick: w,
+    style: "cursor: pointer;"
+  }, [f.value]), !d.value && a("span", {
+    onClick: C,
+    style: "cursor: pointer;"
+  }, [y.value])])]);
+}
+function de(e) {
+  return () => a("p", {
+    class: "toast-msg-detail",
+    innerHTML: e.value
+  }, null);
+}
+function pe(e, n, t, s) {
+  const c = o(e.exceptionInfo), u = l(() => {
+    const g = {
+      "f-icon": !0
+    }, x = `f-icon-${n.value}`;
+    return g[x] = !0, g;
+  }), p = l(() => t.value || c.value && c.value.message), r = l(() => s.value), i = l(() => !!s.value), d = l(() => !!c.value);
+  function y() {
+    return d.value ? ie(c) : i.value ? de(r) : () => a(O, null, null);
+  }
+  const f = y();
+  return () => a(O, null, [a("div", {
+    class: "float-left modal-tips-iconwrap"
+  }, [a("span", {
+    class: u.value
+  }, null)]), a("div", {
+    class: "modal-tips-content"
+  }, [a("p", {
+    class: "toast-msg-title",
+    innerHTML: p.value
+  }, null), f()])]);
+}
+function ve(e, n, t) {
+  const {
+    onCopy: s
+  } = n, {
+    toShowFeedback: c
+  } = t, u = o("复制成功"), p = o("复制详细信息"), r = o(e.exceptionInfo), i = l(() => r.value && r.value.detail || "");
+  function d(y) {
+    s(i.value).catch((f) => {
+      u.value = "复制失败";
+    }).finally(() => {
+      c.value = !0, setTimeout(() => {
+        c.value = !1;
+      }, 700);
     });
-    return () => e("div", {
+  }
+  return () => a("span", {
+    style: "width: 100%;color: #2A87FF;padding-left: 37px;"
+  }, [a("span", {
+    onClick: d,
+    style: "cursor: pointer;"
+  }, [p.value])]);
+}
+function me(e, n, t, s) {
+  const c = o(e.type), u = o([]), p = o(e.exceptionInfo), r = o(e.okButtonText), i = o(e.cancelButtonText), d = o(!0), y = o(!0), f = l(() => !!(u.value && u.value.length)), g = l(() => p.value && p.value.date && p.value.message && p.value.detail), x = l(() => !(u.value && u.value.length) && (r.value || i.value)), w = l(() => y.value && r.value), C = l(() => d.value && i.value), m = ve(e, t, s);
+  function T(b) {
+    c.value === "question" && n.emit("reject"), n.emit("close");
+  }
+  function S(b) {
+    c.value === "question" && n.emit("accept"), n.emit("close");
+  }
+  return () => a("div", {
+    class: "modal-footer"
+  }, [g.value && m(), x.value && C.value && a("button", {
+    type: "button",
+    class: "btn btn-secondary btn-lg",
+    onClick: T
+  }, [i.value]), x.value && w.value && a("button", {
+    type: "button",
+    class: "btn btn-primary btn-lg",
+    onClick: S
+  }, [r.value]), f.value && u.value.length && u.value.map((b) => a("button", {
+    type: "button",
+    onClick: b.handle,
+    class: b.class
+  }, [b.iconClass && a("span", {
+    class: b.iconClass
+  }, null), b.text]))]);
+}
+const E = /* @__PURE__ */ F({
+  name: "FMessageBox",
+  props: te,
+  emits: ["accept", "reject", "close"],
+  setup(e, n) {
+    const t = o(e.type), s = o(e.title), c = o(e.detail), u = l(() => {
+      const m = {
+        "modal-tips": !0,
+        "d-flex": !0,
+        "flex-row": !0
+      }, T = `messager-type-${t.value}`;
+      return m[T] = !0, m;
+    }), p = l(() => {
+      const m = {};
+      return t.value === "prompt" ? m.padding = "0.5rem 0.5rem 1rem 1.5rem" : t.value === "error" && (m.padding = "0.5rem 1.5rem 1rem 1.5rem"), m;
+    }), r = se(), i = ce(e, t, s, c), d = ue(), {
+      feedbackStyle: y,
+      feedbackMessage: f
+    } = d;
+    function g() {
+      return a("div", {
+        style: y.value
+      }, [f.value]);
+    }
+    function x() {
+      switch (t.value) {
+        case "prompt":
+          return re(e, i);
+        default:
+          return pe(e, t, s, c);
+      }
+    }
+    const w = x(), C = me(e, n, r, d);
+    return () => a("div", {
       class: "farris-messager"
-    }, [a.value !== "prompt" && e("section", {
-      class: C.value,
-      style: M.value
-    }, [e("div", {
-      class: "float-left modal-tips-iconwrap"
-    }, [e("span", {
-      class: V.value
-    }, null)]), e("div", {
-      class: "modal-tips-content"
-    }, [e("p", {
-      class: "toast-msg-title",
-      innerHTML: D.value
-    }, null), I.value && e("p", {
-      class: "toast-msg-detail",
-      innerHTML: O.value
-    }, null), R.value && e("div", {
-      class: "toast-msg-detail"
-    }, [N.value && e("div", null, [q.value]), L.value && e("div", {
-      id: "exception_error_msg",
-      ref: "exceptionMessageRef",
-      style: _.value
-    }, [re("详细信息 : "), e("span", {
-      innerHTML: F.value
-    }, null)]), P.value && e("span", {
-      style: G.value
-    }, [y.value && e("span", {
-      onClick: f,
-      style: "cursor: pointer;"
-    }, [W.value]), !y.value && e("span", {
-      onClick: d,
-      style: "cursor: pointer;"
-    }, [U.value])])])])]), a.value === "prompt" && e(ie, null, [e("section", {
-      class: C.value,
-      style: M.value
-    }, [e("div", {
-      class: "flex-fill fixdiv mb-1 mr-3"
-    }, [e("textarea", {
-      title: "promptMessage",
-      name: "promptMessage",
-      class: "form-control",
-      style: k.value,
-      rows: "4",
-      maxlength: p.value,
-      onInput: (o) => ee(o)
-    }, [O.value])])]), e("span", {
-      class: "textarea-wordcount",
-      title: x.value,
-      style: "position: absolute; bottom: 76px; right: 32px; cursor: pointer; text-align: right;"
-    }, [S.value + " / " + p.value])]), te.value && e("div", {
-      class: "modal-footer"
-    }, [Q.value && e("span", {
-      style: "width: 100%;color: #2A87FF;padding-left: 37px;"
-    }, [e("span", {
-      onClick: Y,
-      style: "cursor: pointer;"
-    }, [j.value])]), ae.value && e("button", {
-      type: "button",
-      class: "btn btn-secondary btn-lg",
-      onClick: oe
-    }, [b.value]), le.value && e("button", {
-      type: "button",
-      class: "btn btn-primary btn-lg",
-      onClick: se
-    }, [T.value])]), ne.value && e("div", {
-      class: "modal-footer"
-    }, [Q.value && e("span", {
-      style: "width: 100%;color: #2A87FF;padding-left: 37px;"
-    }, [e("span", {
-      onClick: Y,
-      style: "cursor: pointer;"
-    }, [j.value])]), m.value.length && m.value.map((o) => e("button", {
-      type: "button",
-      onClick: o.handle,
-      class: o.class
-    }, [o.iconClass && e("span", {
-      class: o.iconClass
-    }, null), o.text]))]), e("div", {
-      style: ue.value
-    }, [X.value])]);
+    }, [a("section", {
+      class: u.value,
+      style: p.value
+    }, [w()]), C(), g()]);
   }
-}), we = {
+}), fe = {
   class: { type: String, default: "" },
   title: { type: String, default: "" },
   width: { type: Number, default: 500 },
@@ -241,259 +282,291 @@ const J = /* @__PURE__ */ Z({
   modelValue: { type: Boolean, default: !1 },
   showHeader: { type: Boolean, default: !0 },
   showButtons: { type: Boolean, default: !0 }
-}, Ce = /* @__PURE__ */ Z({
+};
+const ye = /* @__PURE__ */ F({
   name: "FModal",
-  props: we,
-  emits: ["update:modelValue"],
-  setup(l, n) {
-    const a = t(l.width), c = t(l.height), i = t(l.modelValue), r = t(""), B = t(l.class), p = t(!0), h = t(l.showHeader), x = t(""), S = t(!0), m = t(!1), T = t(!1), b = t(""), $ = t(""), A = t(""), H = t(l.showButtons), j = t(l.title);
-    function w(u, f) {
-      i.value = !1, n.emit("update:modelValue", !1);
+  props: fe,
+  emits: ["update:modelValue", "accept", "cancel"],
+  setup(e, n) {
+    const t = o(e.width), s = o(e.height), c = o(e.modelValue), u = o(""), p = o(e.class), r = o(!0), i = o(e.showHeader), d = o(""), y = o(!0), f = o(!1), g = o(!1), x = o(""), w = o(""), C = o(""), m = o(e.showButtons), T = o(e.title);
+    function S(v, k) {
+      c.value = !1, n.emit("update:modelValue", !1), n.emit(k ? "accept" : "cancel");
     }
-    const z = [{
+    const b = [{
       text: "取消",
       class: "btn btn-light",
-      handle: (u) => {
-        w();
+      handle: (v) => {
+        S(v, !1);
       }
     }, {
       text: "确定",
       class: "btn btn-primary",
-      handle: (u) => {
-        w();
+      handle: (v) => {
+        S(v, !0);
       }
-    }], C = t(l.buttons && l.buttons.length ? l.buttons : z), M = s(() => !!x.value), V = s(() => !!H.value && !!C.value);
-    t(), t(), de(() => l.modelValue, () => {
-      i.value = l.modelValue;
+    }], M = o(e.buttons && e.buttons.length ? e.buttons : b), A = l(() => !!d.value), H = l(() => !!m.value && !!M.value);
+    o(), o(), W(() => e.modelValue, () => {
+      c.value = e.modelValue;
     });
-    const D = t(!1), O = s(() => i.value), I = s(() => {
-      const u = {
+    const $ = o(!1), D = l(() => c.value), V = l(() => {
+      const v = {
         modal: !0,
         "farris-modal": !0
       };
-      return u["f-modal-fitContent"] = p.value, u;
-    }), R = s(() => ({
-      display: O.value ? "block" : "none !important"
-    })), N = s(() => {
-      const u = {
+      return v["f-modal-fitContent"] = r.value, v;
+    }), z = l(() => ({
+      display: D.value ? "block" : "none !important"
+    })), I = l(() => {
+      const v = {
         "modal-dialog": !0
       };
-      return B.value.split(" ").reduce((d, k) => (d[k] = !0, d), u), u;
-    }), q = s(() => ({
+      return p.value.split(" ").reduce((h, j) => (h[j] = !0, h), v), v;
+    }), N = l(() => ({
       position: "absolute",
       top: "50%",
       left: "50%",
-      width: `${a.value}px`,
-      height: p.value ? "auto" : `${c.value}px`,
-      "margin-left": `${0 - a.value / 2}px`,
-      "margin-top": p.value ? "auto" : `${0 - c.value / 2}px`
-    })), L = s(() => ({
+      width: `${t.value}px`,
+      height: r.value ? "auto" : `${s.value}px`,
+      "margin-left": `${0 - t.value / 2}px`,
+      "margin-top": r.value ? "auto" : `${0 - s.value / 2}px`
+    })), q = l(() => ({
       "modal-content": !0,
-      "modal-content-has-header": h.value
-    })), _ = s(() => ({
-      display: h.value ? "" : "none"
-    })), F = s(() => ({
+      "modal-content-has-header": i.value
+    })), L = l(() => ({
+      display: i.value ? "" : "none"
+    })), _ = l(() => ({
       "f-icon": !0,
       modal_maximize: !0,
-      modalrevert: D.value
-    })), P = s(() => ({
+      modalrevert: $.value
+    })), P = l(() => ({
       height: "10px",
       "z-index": 1,
-      display: h.value ? "none" : ""
-    })), y = s(() => ({
+      display: i.value ? "none" : ""
+    })), U = l(() => ({
       "modal-body": !0,
-      "f-utils-flex-column": b.value === "iframe"
+      "f-utils-flex-column": x.value === "iframe"
     }));
-    function U() {
+    function G() {
       return {};
     }
-    const W = s(() => {
-      const u = {
-        textAlgin: A.value
-      }, f = U();
-      return Object.assign(u, f);
+    const J = l(() => {
+      const v = {
+        textAlgin: C.value
+      }, k = G();
+      return Object.assign(v, k);
     });
-    function G(u) {
+    function K(v) {
     }
-    return () => e(pe, {
+    return () => a(X, {
       to: "body"
     }, {
       default: () => {
-        var u, f;
-        return [e("div", {
+        var v, k;
+        return [a("div", {
+          class: V.value,
+          style: z.value
+        }, [a("div", {
+          id: u.value,
           class: I.value,
-          style: R.value
-        }, [e("div", {
-          id: r.value,
-          class: N.value,
-          style: q.value
-        }, [e("div", {
-          class: L.value
-        }, [e("div", {
+          style: N.value
+        }, [a("div", {
+          class: q.value
+        }, [a("div", {
           ref: "modalHeaderRef",
           class: "modal-header",
-          style: _.value
-        }, [e("div", {
+          style: L.value
+        }, [a("div", {
           class: "modal-title"
-        }, [M.value && e("span", {
-          class: x.value,
+        }, [A.value && a("span", {
+          class: d.value,
           style: "margin-right: 8px"
-        }, null), e("span", {
+        }, null), a("span", {
           class: "modal-title-label"
-        }, [j.value])]), e("div", {
+        }, [T.value])]), a("div", {
           class: "actions"
-        }, [e("ul", null, [T.value && e("li", {
+        }, [a("ul", null, [g.value && a("li", {
           class: "f-btn-icon f-bare"
-        }, [e("span", {
+        }, [a("span", {
           class: "f-icon modal_minimize"
-        }, null)]), m.value && e("li", {
-          onClick: G,
+        }, null)]), f.value && a("li", {
+          onClick: K,
           class: "f-btn-icon f-bare"
-        }, [e("span", {
-          class: F.value
-        }, null)]), S.value && e("li", {
+        }, [a("span", {
+          class: _.value
+        }, null)]), y.value && a("li", {
           class: "f-btn-icon f-bare",
-          onClick: (d) => w()
-        }, [e("span", {
+          onClick: (h) => S(h, !0)
+        }, [a("span", {
           class: "f-icon modal_close"
-        }, null)])])])]), e("div", {
+        }, null)])])])]), a("div", {
           ref: "dragableElementRef",
           class: "f-utils-absolute-all",
           style: P.value
-        }, null), e("div", {
-          class: y.value
-        }, [(f = (u = n.slots).default) == null ? void 0 : f.call(u), b.value === "iframe" && e("iframe", {
-          title: r.value,
+        }, null), a("div", {
+          class: U.value
+        }, [(k = (v = n.slots).default) == null ? void 0 : k.call(v), x.value === "iframe" && a("iframe", {
+          title: u.value,
           class: "f-utils-fill",
           width: "100%",
           frameborder: "0",
-          src: $.value
-        }, null)]), V.value && e("div", {
+          src: w.value
+        }, null)]), H.value && a("div", {
           class: "modal-footer",
-          style: W.value
-        }, [C.value && C.value.map((d) => e("button", {
+          style: J.value
+        }, [M.value && M.value.map((h) => a("button", {
           type: "button",
-          class: d.class,
-          onClick: (k) => {
-            d.handle && d.handle(k);
+          class: h.class,
+          onClick: (j) => {
+            h.handle && h.handle(j);
           }
-        }, [!!d.iconClass && e("span", {
-          class: d.iconClass
-        }, [d.text]), !d.iconClass && e("span", null, [d.text])]))])])])])];
+        }, [!!h.iconClass && a("span", {
+          class: h.iconClass
+        }, [h.text]), !h.iconClass && a("span", null, [h.text])]))])])])])];
       }
     });
   }
 });
-function Be(l, n) {
-  const a = document.createElement("div");
-  a.style.display = "contents";
-  const c = ve({
+function ge(e) {
+  if (e.content && e.content.render)
+    return e.content.render;
+  if (e.render && typeof e.render == "function")
+    return e.render;
+}
+function he(e) {
+  const n = document.createElement("div");
+  n.style.display = "contents";
+  const t = Y({
     setup() {
-      me(() => {
-        document.body.removeChild(a);
+      Z(() => {
+        document.body.removeChild(n);
       });
-      const i = t(!0), r = l.type === "error" || l.type === "prompt", B = l.type === "error" ? "错误提示" : l.type === "prompt" ? l.title : "", p = l.acceptCallback || (() => {
-      }), h = l.rejectCallback || (() => {
-      });
-      return () => e(Ce, {
-        class: "modal-message modal-message-type-info",
-        title: B,
-        modelValue: i.value,
-        "onUpdate:modelValue": (x) => i.value = x,
-        "show-header": r,
-        "show-buttons": !1
+      const s = o(e.class || ""), c = o(!!e.showButtons), u = o(!!e.showHeader), p = o(!0), r = o(e.title || ""), i = e.acceptCallback || (() => {
+      }), d = e.rejectCallback || (() => {
+      }), y = ge(e);
+      return () => a(ye, {
+        class: s.value,
+        modelValue: p.value,
+        "onUpdate:modelValue": (f) => p.value = f,
+        title: r.value,
+        width: e.width,
+        "show-header": u.value,
+        "show-buttons": c.value,
+        onAccept: i,
+        onCancel: d
       }, {
-        default: () => [e(J, ye(l, {
-          onAccept: p,
-          onReject: h,
-          onClose: c.unmount
-        }), null)]
+        default: () => [y && y(t)]
       });
     }
   });
-  return document.body.appendChild(a), c.mount(a), c;
+  return document.body.appendChild(n), t.mount(n), t;
+}
+class xe {
+  static show(n) {
+    const t = Object.assign({
+      title: "",
+      showButtons: !0,
+      showHeader: !0
+    }, n);
+    return he(t);
+  }
 }
-class Te {
+class be {
   static show(n) {
-    const a = g({
+    const t = B({
       ...n
+    }), s = !1, c = t.type === "error" || t.type === "prompt", u = t.type === "error" ? "错误提示" : t.type === "prompt" && t.title || "", p = t.acceptCallback || (() => {
+    }), r = t.rejectCallback || (() => {
+    });
+    let i;
+    const d = () => {
+      i && i.unmount();
+    };
+    i = xe.show({
+      class: "modal-message modal-message-type-info",
+      title: u,
+      showButtons: s,
+      showHeader: c,
+      render: () => a(E, ee(t, {
+        onAccept: p,
+        onReject: r,
+        onClose: d
+      }), null)
     });
-    Be(a);
   }
-  static info(n, a) {
-    const c = g({
+  static info(n, t) {
+    const s = B({
       type: "info",
       title: n,
-      detail: a,
+      detail: t,
       okButtonText: "知道了",
       cancelButtonText: ""
     });
-    this.show(c);
+    this.show(s);
   }
-  static warning(n, a) {
-    const c = g({
+  static warning(n, t) {
+    const s = B({
       type: "warning",
       title: n,
-      detail: a,
+      detail: t,
       okButtonText: "知道了",
       cancelButtonText: ""
     });
-    this.show(c);
+    this.show(s);
   }
-  static success(n, a) {
-    const c = g({
+  static success(n, t) {
+    const s = B({
       type: "success",
       title: n,
-      detail: a,
+      detail: t,
       okButtonText: "关闭",
       cancelButtonText: ""
     });
-    this.show(c);
+    this.show(s);
   }
-  static error(n, a, c) {
-    const i = g({
+  static error(n, t, s) {
+    const c = B({
       type: "error",
       okButtonText: "关闭",
       cancelButtonText: "",
       exceptionInfo: {
-        date: c,
+        date: s,
         message: n,
-        detail: a
+        detail: t
       }
     });
-    this.show(i);
+    this.show(c);
   }
-  static prompt(n, a) {
-    const c = g({
+  static prompt(n, t) {
+    const s = B({
       type: "prompt",
       title: n,
-      detail: a,
+      detail: t,
       okButtonText: "确定",
       cancelButtonText: "取消"
     });
-    this.show(c);
+    this.show(s);
   }
-  static question(n, a, c, i) {
-    const r = g({
+  static question(n, t, s, c) {
+    const u = B({
       type: "question",
       title: n,
-      detail: a,
+      detail: t,
       okButtonText: "确定",
       cancelButtonText: "取消",
-      acceptCallback: c,
-      rejectCallback: i
+      acceptCallback: s,
+      rejectCallback: c
     });
-    this.show(r);
+    this.show(u);
   }
 }
-const Se = {
-  install(l) {
-    l.component(J.name, J), l.provide("MessageBoxService", Te);
+const Ce = {
+  install(e) {
+    e.component(E.name, E), e.provide("MessageBoxService", be);
   }
 };
 export {
-  J as FMessageBox,
-  Te as MessageBoxService,
-  Se as default,
-  fe as messageBoxProps
+  E as FMessageBox,
+  be as MessageBoxService,
+  Ce as default,
+  te as messageBoxProps
 };