@farris/ui-vue 1.0.0-beta.2 → 1.0.0-beta.4

package/list-view/index.esm.js

@@ -0,0 +1,144 @@
+import { defineComponent as V, ref as s, createVNode as a, withDirectives as U, vModelCheckbox as W, computed as v } from "vue";
+const $ = {
+  data: { type: Array, default: [] },
+  multiSelect: { Type: Boolean, default: !1 },
+  cardView: { Type: Boolean, default: !1 }
+}, q = {
+  checked: { Type: Boolean, default: !1 },
+  id: { Type: String, default: "" },
+  disabled: { Type: Boolean, default: !1 }
+}, x = V({
+  name: "FListViewCheckBox",
+  props: q,
+  emits: ["change"],
+  setup(i, l) {
+    const o = s(i.checked), p = s(i.disabled), k = s(i.id);
+    function w(n) {
+      n.stopPropagation(), o.value = !o.value, p.value || l.emit("change", {
+        originalEvent: n,
+        checked: !o.value
+      });
+    }
+    return () => a("div", {
+      class: "custom-control custom-checkbox  custom-control-inline listview-checkbox"
+    }, [U(a("input", {
+      title: k.value,
+      type: "checkbox",
+      class: "custom-control-input",
+      "onUpdate:modelValue": (n) => o.value = n
+    }, null), [[W, o.value]]), a("label", {
+      class: "custom-control-label",
+      onClick: (n) => w(n)
+    }, null)]);
+  }
+});
+const y = V({
+  name: "FListView",
+  props: $,
+  emits: ["checkValuesChange", "clickItem", "selectChange"],
+  setup(i, l) {
+    return () => {
+      const o = s(i.multiSelect), p = s(i.cardView), k = s(""), w = s(!0), n = s({}), S = s("\u6682\u65E0\u6570\u636E"), L = s(!0), B = s(!1), D = [], b = s("id");
+      let u = [];
+      const m = s(i.data), P = s(i.data), O = v(() => ({
+        "f-list-view": !0,
+        "f-list-view-multiple": o.value
+      })), T = v(() => ({
+        "f-list-view-group": !0,
+        "d-flex": p.value,
+        "flex-wrap": p.value
+      })), j = v(() => !!m.value && m.value.length > 0);
+      function A(e) {
+        return !1;
+      }
+      const F = (e) => {
+        const t = {
+          "f-list-view-group-item": !0,
+          "f-un-click": !!e.unClick,
+          "f-un-select": !!e.selectDisable,
+          "f-listview-active": A()
+        };
+        return k.value.split(" ").reduce((r, C) => (r[C] = !0, r), t), t;
+      }, I = v(() => m.value.length === 0), M = v(() => I.value && !l.slots.empty), G = v(() => !!l.slots.footer || w.value);
+      function f(e, t) {
+        return "";
+      }
+      function N(e) {
+        l.emit("checkValuesChange", e);
+      }
+      function g(e, t, c, r = !1) {
+        const C = typeof event == "boolean";
+        if (!(t.unClick || t.selectDisable)) {
+          if (l.emit("selectChange", {
+            listdata: t,
+            index: c
+          }), o.value)
+            if (t.checked) {
+              if (!L.value || C) {
+                const h = u.findIndex((d, K) => f() === f());
+                u.splice(h, 1), t.checked = !1;
+              }
+            } else
+              u.find((d, K) => f() === f()) || (u.unshift(t), t.checked = !0);
+          else
+            u = [], u.push(t);
+          if (r || (n.value = t), l.emit("clickItem", {
+            data: u,
+            index: c,
+            checkChangeEvent: r
+          }), o.value) {
+            let h = P.value.filter((d) => !!d.checked).map((d) => d[b.value]);
+            B.value && (h = D.map((d) => d[b.value])), N(h);
+          }
+        }
+      }
+      function E(e, t, c) {
+        const r = e.checked;
+        g(r, t, c, !0);
+      }
+      return a("div", {
+        class: O.value
+      }, [l.slots.header && a("div", {
+        class: "f-list-view-header"
+      }, [l.slots.header()]), a("div", {
+        class: "f-list-view-content"
+      }, [a("ul", {
+        class: T.value,
+        style: "list-style: none;"
+      }, [j.value && m.value.map((e, t) => a("li", {
+        class: F(e),
+        id: f(),
+        onClick: (c) => g(c, e, t)
+      }, [o.value && a("div", {
+        class: "f-list-select",
+        onClick: (c) => c.stopPropagation()
+      }, [a(x, {
+        id: "list-" + f(),
+        disabled: e.selectDisable || e.unClick,
+        checked: e.checked,
+        onChange: (c) => E(c, e, t)
+      }, null)]), a("div", {
+        class: "f-list-content"
+      }, [l.slots.content && l.slots.content({
+        item: e,
+        index: t,
+        selectedItem: n
+      })])])), M.value && a("div", {
+        class: "f-list-view-emptydata"
+      }, [a("p", {
+        class: "f-empty-title"
+      }, [S.value])]), l.slots.empty && l.slots.empty()])]), G.value && a("div", {
+        class: "f-list-view-footer"
+      }, [l.slots.footer && l.slots.footer()])]);
+    };
+  }
+}), H = {
+  install(i) {
+    i.component(y.name, y);
+  }
+};
+export {
+  y as ListView,
+  H as default,
+  $ as listViewProps
+};

package/list-view/index.umd.js

@@ -0,0 +1 @@
+(function(o,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(o=typeof globalThis<"u"?globalThis:o||self,e(o["list-view"]={},o.Vue))})(this,function(o,e){"use strict";const b={data:{type:Array,default:[]},multiSelect:{Type:Boolean,default:!1},cardView:{Type:Boolean,default:!1}},g={checked:{Type:Boolean,default:!1},id:{Type:String,default:""},disabled:{Type:Boolean,default:!1}},N=e.defineComponent({name:"FListViewCheckBox",props:g,emits:["change"],setup(a,s){const i=e.ref(a.checked),h=e.ref(a.disabled),k=e.ref(a.id);function w(n){n.stopPropagation(),i.value=!i.value,h.value||s.emit("change",{originalEvent:n,checked:!i.value})}return()=>e.createVNode("div",{class:"custom-control custom-checkbox  custom-control-inline listview-checkbox"},[e.withDirectives(e.createVNode("input",{title:k.value,type:"checkbox",class:"custom-control-input","onUpdate:modelValue":n=>i.value=n},null),[[e.vModelCheckbox,i.value]]),e.createVNode("label",{class:"custom-control-label",onClick:n=>w(n)},null)])}}),U="",V=e.defineComponent({name:"FListView",props:b,emits:["checkValuesChange","clickItem","selectChange"],setup(a,s){return()=>{const i=e.ref(a.multiSelect),h=e.ref(a.cardView),k=e.ref(""),w=e.ref(!0),n=e.ref({}),L=e.ref("\u6682\u65E0\u6570\u636E"),P=e.ref(!0),T=e.ref(!1),j=[],y=e.ref("id");let r=[];const m=e.ref(a.data),B=e.ref(a.data),D=e.computed(()=>({"f-list-view":!0,"f-list-view-multiple":i.value})),O=e.computed(()=>({"f-list-view-group":!0,"d-flex":h.value,"flex-wrap":h.value})),M=e.computed(()=>!!m.value&&m.value.length>0);function A(t){return!1}const F=t=>{const l={"f-list-view-group-item":!0,"f-un-click":!!t.unClick,"f-un-select":!!t.selectDisable,"f-listview-active":A()};return k.value.split(" ").reduce((d,C)=>(d[C]=!0,d),l),l},I=e.computed(()=>m.value.length===0),G=e.computed(()=>I.value&&!s.slots.empty),E=e.computed(()=>!!s.slots.footer||w.value);function f(t,l){return""}function _(t){s.emit("checkValuesChange",t)}function v(t,l,c,d=!1){const C=typeof event=="boolean";if(!(l.unClick||l.selectDisable)){if(s.emit("selectChange",{listdata:l,index:c}),i.value)if(l.checked){if(!P.value||C){const p=r.findIndex((u,K)=>f()===f());r.splice(p,1),l.checked=!1}}else r.find((u,K)=>f()===f())||(r.unshift(l),l.checked=!0);else r=[],r.push(l);if(d||(n.value=l),s.emit("clickItem",{data:r,index:c,checkChangeEvent:d}),i.value){let p=B.value.filter(u=>!!u.checked).map(u=>u[y.value]);T.value&&(p=j.map(u=>u[y.value])),_(p)}}}function q(t,l,c){const d=t.checked;v(d,l,c,!0)}return e.createVNode("div",{class:D.value},[s.slots.header&&e.createVNode("div",{class:"f-list-view-header"},[s.slots.header()]),e.createVNode("div",{class:"f-list-view-content"},[e.createVNode("ul",{class:O.value,style:"list-style: none;"},[M.value&&m.value.map((t,l)=>e.createVNode("li",{class:F(t),id:f(),onClick:c=>v(c,t,l)},[i.value&&e.createVNode("div",{class:"f-list-select",onClick:c=>c.stopPropagation()},[e.createVNode(N,{id:"list-"+f(),disabled:t.selectDisable||t.unClick,checked:t.checked,onChange:c=>q(c,t,l)},null)]),e.createVNode("div",{class:"f-list-content"},[s.slots.content&&s.slots.content({item:t,index:l,selectedItem:n})])])),G.value&&e.createVNode("div",{class:"f-list-view-emptydata"},[e.createVNode("p",{class:"f-empty-title"},[L.value])]),s.slots.empty&&s.slots.empty()])]),E.value&&e.createVNode("div",{class:"f-list-view-footer"},[s.slots.footer&&s.slots.footer()])])}}}),S={install(a){a.component(V.name,V)}};o.ListView=V,o.default=S,o.listViewProps=b,Object.defineProperties(o,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/list-view/package.json

@@ -0,0 +1,8 @@
+{
+    "name": "list-view",
+    "version": "1.0.0-beta.5",
+    "main": "index.umd.js",
+    "module": "index.es.js",
+    "style": "style.css",
+    "types": "../types/list-view/index.d.ts"
+}

package/list-view/style.css

@@ -0,0 +1 @@
+.f-listview-fill{flex-grow:1;flex-shrink:1;flex-basis:0;overflow:hidden}.f-listview-fill .f-list-view{height:100%}.f-listview-fill .f-list-view .f-list-view-header,.f-listview-fill .f-list-view .f-list-view-footer{flex-shrink:0}.f-listview-fill .f-list-view .f-list-view-content{overflow-y:auto;flex-grow:1;flex-shrink:1;flex-basis:0}.f-list-view{display:flex;flex-direction:column}.f-list-view .f-paging-wrapper{padding:14px 0}.f-list-view-group-item{display:flex;align-items:center}.f-list-view-group-item.f-none-border{border-bottom:0}.f-list-view-group-item .f-list-content{flex:1 1 auto;width:100%}.f-list-select{padding:0 14px}.f-list-view-emptydata .f-empty-title{font-size:14px;line-height:22px;color:#999;padding:20px 0;text-align:center}

package/message-box/index.esm.js

@@ -0,0 +1,499 @@
+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 = {
+  type: { Type: String, default: "info" },
+  title: { Type: String, default: "" },
+  detail: { Type: String, default: "" },
+  okButtonText: { Type: String, default: "\u786E\u5B9A" },
+  cancelButtonText: { Type: String, default: "\u53D6\u6D88" },
+  exceptionInfo: { Type: Object, default: { date: "", message: "", detail: "" } }
+};
+function K() {
+  return new DOMException("The request is not allowed", "NotAllowedError");
+}
+async function he(l) {
+  if (!navigator.clipboard)
+    throw K();
+  return navigator.clipboard.writeText(l);
+}
+async function ge(l) {
+  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;
+  try {
+    i = window.document.execCommand("copy");
+  } finally {
+    a == null || a.removeAllRanges(), window.document.body.removeChild(n);
+  }
+  if (!i)
+    throw K();
+}
+async function xe(l) {
+  try {
+    await he(l);
+  } catch (n) {
+    try {
+      await ge(l);
+    } catch (a) {
+      throw a || n || K();
+    }
+  }
+}
+function be(l, n) {
+  async function a(c) {
+    await xe(c);
+  }
+  return { onCopy: a };
+}
+const J = 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), A = t(!0), $ = t(!0), H = t(!0), j = t("\u590D\u5236\u8BE6\u7EC6\u4FE1\u606F"), w = t(3), D = 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;
+    }), z = s(() => {
+      const o = {
+        "f-icon": !0
+      }, v = `f-icon-${a.value}`;
+      return o[v] = !0, o;
+    }), V = 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(() => `\u53D1\u751F\u65F6\u95F4 : ${r.value && r.value.date || ""}`), L = s(() => !!r.value && !!r.value.detail), _ = s(() => {
+      const o = `${D.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("\u5C55\u5F00"), W = t("\u6536\u8D77"), 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" && A.value);
+    const ae = s(() => $.value && b.value), le = s(() => H.value && T.value);
+    function oe(o) {
+      a.value === "question" && n.emit("reject"), n.emit("close");
+    }
+    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("\u590D\u5236\u6210\u529F"), E = t(!1);
+    function Y(o) {
+      ce(F.value).catch((v) => {
+        X.value = "\u590D\u5236\u5931\u8D25";
+      }).finally(() => {
+        E.value = !0, setTimeout(() => {
+          E.value = !1;
+        }, 700);
+      });
+    }
+    const ue = s(() => {
+      const o = {
+        position: "absolute",
+        left: "50%",
+        top: "50%",
+        width: "100px",
+        height: "40px",
+        background: "#303C53",
+        "line-height": "40px",
+        "text-align": "center",
+        "margin-left": "-30px",
+        "margin-top": "-50px",
+        "border-radius": "10px",
+        "box-shadow": "0px 2px 8px 0px",
+        color: "#fff",
+        transition: "all .3s ease"
+      };
+      return o.opacity = E.value ? "0.8" : "0", o.display = E.value ? "" : "none", o;
+    });
+    return () => e("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: z.value
+    }, null)]), e("div", {
+      class: "modal-tips-content"
+    }, [e("p", {
+      class: "toast-msg-title",
+      innerHTML: V.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("\u8BE6\u7EC6\u4FE1\u606F : "), 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])]);
+  }
+}), we = {
+  class: { type: String, default: "" },
+  title: { type: String, default: "" },
+  width: { type: Number, default: 500 },
+  height: { type: Number, default: 320 },
+  buttons: {
+    type: Array,
+    default: []
+  },
+  modelValue: { type: Boolean, default: !1 },
+  showHeader: { type: Boolean, default: !0 },
+  showButtons: { type: Boolean, default: !0 }
+}, Ce = Z({
+  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(""), A = t(""), $ = t(""), H = t(l.showButtons), j = t(l.title);
+    function w(u, f) {
+      i.value = !1, n.emit("update:modelValue", !1);
+    }
+    const D = [{
+      text: "\u53D6\u6D88",
+      class: "btn btn-light",
+      handle: (u) => {
+        w();
+      }
+    }, {
+      text: "\u786E\u5B9A",
+      class: "btn btn-primary",
+      handle: (u) => {
+        w();
+      }
+    }], C = t(l.buttons && l.buttons.length ? l.buttons : D), M = s(() => !!x.value), z = s(() => !!H.value && !!C.value);
+    t(), t(), de(() => l.modelValue, () => {
+      i.value = l.modelValue;
+    });
+    const V = t(!1), O = s(() => i.value), I = s(() => {
+      const u = {
+        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 = {
+        "modal-dialog": !0
+      };
+      return B.value.split(" ").reduce((d, k) => (d[k] = !0, d), u), u;
+    }), q = s(() => ({
+      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(() => ({
+      "modal-content": !0,
+      "modal-content-has-header": h.value
+    })), _ = s(() => ({
+      display: h.value ? "" : "none"
+    })), F = s(() => ({
+      "f-icon": !0,
+      modal_maximize: !0,
+      modalrevert: V.value
+    })), P = s(() => ({
+      height: "10px",
+      "z-index": 1,
+      display: h.value ? "none" : ""
+    })), y = s(() => ({
+      "modal-body": !0,
+      "f-utils-flex-column": b.value === "iframe"
+    }));
+    function U() {
+      return {};
+    }
+    const W = s(() => {
+      const u = {
+        textAlgin: $.value
+      }, f = U();
+      return Object.assign(u, f);
+    });
+    function G(u) {
+    }
+    return () => e(pe, {
+      to: "body"
+    }, {
+      default: () => {
+        var u, f;
+        return [e("div", {
+          class: I.value,
+          style: R.value
+        }, [e("div", {
+          id: r.value,
+          class: N.value,
+          style: q.value
+        }, [e("div", {
+          class: L.value
+        }, [e("div", {
+          ref: "modalHeaderRef",
+          class: "modal-header",
+          style: _.value
+        }, [e("div", {
+          class: "modal-title"
+        }, [M.value && e("span", {
+          class: x.value,
+          style: "margin-right: 8px"
+        }, null), e("span", {
+          class: "modal-title-label"
+        }, [j.value])]), e("div", {
+          class: "actions"
+        }, [e("ul", null, [T.value && e("li", {
+          class: "f-btn-icon f-bare"
+        }, [e("span", {
+          class: "f-icon modal_minimize"
+        }, null)]), m.value && e("li", {
+          onClick: G,
+          class: "f-btn-icon f-bare"
+        }, [e("span", {
+          class: F.value
+        }, null)]), S.value && e("li", {
+          class: "f-btn-icon f-bare",
+          onClick: (d) => w()
+        }, [e("span", {
+          class: "f-icon modal_close"
+        }, null)])])])]), e("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,
+          class: "f-utils-fill",
+          width: "100%",
+          frameborder: "0",
+          src: A.value
+        }, null)]), z.value && e("div", {
+          class: "modal-footer",
+          style: W.value
+        }, [C.value && C.value.map((d) => e("button", {
+          type: "button",
+          class: d.class,
+          onClick: (k) => {
+            d.handle && d.handle(k);
+          }
+        }, [!!d.iconClass && e("span", {
+          class: d.iconClass
+        }, [d.text]), !d.iconClass && e("span", null, [d.text])]))])])])])];
+      }
+    });
+  }
+});
+function Be(l, n) {
+  const a = document.createElement("div");
+  a.style.display = "contents";
+  const c = ve({
+    setup() {
+      me(() => {
+        document.body.removeChild(a);
+      });
+      const i = t(!0), r = l.type === "error" || l.type === "prompt", B = l.type === "error" ? "\u9519\u8BEF\u63D0\u793A" : 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
+      }, {
+        default: () => [e(J, ye(l, {
+          onAccept: p,
+          onReject: h,
+          onClose: c.unmount
+        }), null)]
+      });
+    }
+  });
+  return document.body.appendChild(a), c.mount(a), c;
+}
+class Te {
+  static show(n) {
+    const a = g({
+      ...n
+    });
+    Be(a);
+  }
+  static info(n, a) {
+    const c = g({
+      type: "info",
+      title: n,
+      detail: a,
+      okButtonText: "\u77E5\u9053\u4E86",
+      cancelButtonText: ""
+    });
+    this.show(c);
+  }
+  static warning(n, a) {
+    const c = g({
+      type: "warning",
+      title: n,
+      detail: a,
+      okButtonText: "\u77E5\u9053\u4E86",
+      cancelButtonText: ""
+    });
+    this.show(c);
+  }
+  static success(n, a) {
+    const c = g({
+      type: "success",
+      title: n,
+      detail: a,
+      okButtonText: "\u5173\u95ED",
+      cancelButtonText: ""
+    });
+    this.show(c);
+  }
+  static error(n, a, c) {
+    const i = g({
+      type: "error",
+      okButtonText: "\u5173\u95ED",
+      cancelButtonText: "",
+      exceptionInfo: {
+        date: c,
+        message: n,
+        detail: a
+      }
+    });
+    this.show(i);
+  }
+  static prompt(n, a) {
+    const c = g({
+      type: "prompt",
+      title: n,
+      detail: a,
+      okButtonText: "\u786E\u5B9A",
+      cancelButtonText: "\u53D6\u6D88"
+    });
+    this.show(c);
+  }
+  static question(n, a, c, i) {
+    const r = g({
+      type: "question",
+      title: n,
+      detail: a,
+      okButtonText: "\u786E\u5B9A",
+      cancelButtonText: "\u53D6\u6D88",
+      acceptCallback: c,
+      rejectCallback: i
+    });
+    this.show(r);
+  }
+}
+const Se = {
+  install(l) {
+    l.component(J.name, J), l.provide("MessageBoxService", Te);
+  }
+};
+export {
+  J as FMessageBox,
+  Te as MessageBoxService,
+  Se as default,
+  fe as messageBoxProps
+};