@farris/ui-vue 1.0.0-beta.1 → 1.0.0-beta.3

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
+};

package/message-box/index.umd.js

@@ -0,0 +1 @@
+(function(d,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(d=typeof globalThis<"u"?globalThis:d||self,e(d["message-box"]={},d.Vue))})(this,function(d,e){"use strict";const J={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 O(){return new DOMException("The request is not allowed","NotAllowedError")}async function Z(o){if(!navigator.clipboard)throw O();return navigator.clipboard.writeText(o)}async function ee(o){const l=document.createElement("span");l.textContent=o,l.style.whiteSpace="pre",l.style.webkitUserSelect="auto",l.style.userSelect="all",document.body.appendChild(l);const t=window.getSelection(),n=window.document.createRange();t==null||t.removeAllRanges(),n.selectNode(l),t==null||t.addRange(n);let r=!1;try{r=window.document.execCommand("copy")}finally{t==null||t.removeAllRanges(),window.document.body.removeChild(l)}if(!r)throw O()}async function te(o){try{await Z(o)}catch(l){try{await ee(o)}catch(t){throw t||l||O()}}}function oe(o,l){async function t(n){await te(n)}return{onCopy:t}}const B=e.defineComponent({name:"FMessageBox",props:J,emits:["accept","reject","close"],setup(o,l){const t=e.ref(o.type),n=e.ref(o.title),r=e.ref(o.detail),c=e.ref(o.exceptionInfo);e.ref("");const C=e.ref(14),u=e.ref(140);e.ref(""),e.ref("");const h=e.ref(!1),g=e.ref(""),T=e.ref(r.value.length),m=e.ref([]),V=e.ref(o.okButtonText),x=e.ref(o.cancelButtonText),F=e.ref(!0),E=e.ref(!0),A=e.ref(!0),k=e.ref("\u590D\u5236\u8BE6\u7EC6\u4FE1\u606F"),b=e.ref(3),$=e.ref(480),w=e.computed(()=>{const a={"modal-tips":!0,"d-flex":!0,"flex-row":!0},p=`messager-type-${t.value}`;return a[p]=!0,a}),v=e.computed(()=>{const a={};return t.value==="prompt"?a.padding="0.5rem 0.5rem 1rem 1.5rem":t.value==="error"&&(a.padding="0.5rem 1.5rem 1rem 1.5rem"),a}),H=e.computed(()=>{const a={"f-icon":!0},p=`f-icon-${t.value}`;return a[p]=!0,a}),D=e.computed(()=>n.value||c.value&&c.value.message),S=e.computed(()=>r.value),z=e.computed(()=>!!r.value),I=e.computed(()=>!!c.value),R=e.computed(()=>!!c.value&&!!c.value.date),_=e.computed(()=>`\u53D1\u751F\u65F6\u95F4 : ${c.value&&c.value.date||""}`),q=e.computed(()=>!!c.value&&!!c.value.detail),L=e.computed(()=>{const a=`${$.value}px`;return{overflow:"hidden","text-overflow":"ellipsis",display:"-webkit-box","-webkit-box-orient":"vertical","-webkit-line-clamp":b.value,"max-height":a}}),M=e.computed(()=>c.value&&c.value.detail||""),P=e.computed(()=>!0),f=e.ref(!1),U=e.ref("\u5C55\u5F00"),W=e.ref("\u6536\u8D77"),G=e.computed(()=>{const a={display:"block",color:"#2A87FF"};return a["text-align"]=f.value?"":"right",a});function s(a,p){f.value=!f.value,b.value=f.value?20:3}function y(a){return s()}function i(a){return s()}const N=e.computed(()=>({"font-size":`${C.value}px`,height:"100%"}));function ce(a){if(a.currentTarget){const p=a.currentTarget.value||"";T.value=p.length}}e.computed(()=>h.value&&u.value);const re=e.computed(()=>!(m.value&&m.value.length)&&(V.value||x.value));e.computed(()=>t.value==="prompt"&&F.value);const ie=e.computed(()=>E.value&&x.value),de=e.computed(()=>A.value&&V.value);function ue(a){t.value==="question"&&l.emit("reject"),l.emit("close")}function pe(a){t.value==="question"&&l.emit("accept"),l.emit("close")}const me=e.computed(()=>!!(m.value&&m.value.length)),Q=e.computed(()=>c.value&&c.value.date&&c.value.message&&c.value.detail),{onCopy:fe}=oe(),X=e.ref("\u590D\u5236\u6210\u529F"),j=e.ref(!1);function Y(a){fe(M.value).catch(p=>{X.value="\u590D\u5236\u5931\u8D25"}).finally(()=>{j.value=!0,setTimeout(()=>{j.value=!1},700)})}const ye=e.computed(()=>{const a={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 a.opacity=j.value?"0.8":"0",a.display=j.value?"":"none",a});return()=>e.createVNode("div",{class:"farris-messager"},[t.value!=="prompt"&&e.createVNode("section",{class:w.value,style:v.value},[e.createVNode("div",{class:"float-left modal-tips-iconwrap"},[e.createVNode("span",{class:H.value},null)]),e.createVNode("div",{class:"modal-tips-content"},[e.createVNode("p",{class:"toast-msg-title",innerHTML:D.value},null),z.value&&e.createVNode("p",{class:"toast-msg-detail",innerHTML:S.value},null),I.value&&e.createVNode("div",{class:"toast-msg-detail"},[R.value&&e.createVNode("div",null,[_.value]),q.value&&e.createVNode("div",{id:"exception_error_msg",ref:"exceptionMessageRef",style:L.value},[e.createTextVNode("\u8BE6\u7EC6\u4FE1\u606F : "),e.createVNode("span",{innerHTML:M.value},null)]),P.value&&e.createVNode("span",{style:G.value},[f.value&&e.createVNode("span",{onClick:y,style:"cursor: pointer;"},[W.value]),!f.value&&e.createVNode("span",{onClick:i,style:"cursor: pointer;"},[U.value])])])])]),t.value==="prompt"&&e.createVNode(e.Fragment,null,[e.createVNode("section",{class:w.value,style:v.value},[e.createVNode("div",{class:"flex-fill fixdiv mb-1 mr-3"},[e.createVNode("textarea",{title:"promptMessage",name:"promptMessage",class:"form-control",style:N.value,rows:"4",maxlength:u.value,onInput:a=>ce(a)},[S.value])])]),e.createVNode("span",{class:"textarea-wordcount",title:g.value,style:"position: absolute; bottom: 76px; right: 32px; cursor: pointer; text-align: right;"},[T.value+" / "+u.value])]),re.value&&e.createVNode("div",{class:"modal-footer"},[Q.value&&e.createVNode("span",{style:"width: 100%;color: #2A87FF;padding-left: 37px;"},[e.createVNode("span",{onClick:Y,style:"cursor: pointer;"},[k.value])]),ie.value&&e.createVNode("button",{type:"button",class:"btn btn-secondary btn-lg",onClick:ue},[x.value]),de.value&&e.createVNode("button",{type:"button",class:"btn btn-primary btn-lg",onClick:pe},[V.value])]),me.value&&e.createVNode("div",{class:"modal-footer"},[Q.value&&e.createVNode("span",{style:"width: 100%;color: #2A87FF;padding-left: 37px;"},[e.createVNode("span",{onClick:Y,style:"cursor: pointer;"},[k.value])]),m.value.length&&m.value.map(a=>e.createVNode("button",{type:"button",onClick:a.handle,class:a.class},[a.iconClass&&e.createVNode("span",{class:a.iconClass},null),a.text]))]),e.createVNode("div",{style:ye.value},[X.value])])}}),ae={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}},le=e.defineComponent({name:"FModal",props:ae,emits:["update:modelValue"],setup(o,l){const t=e.ref(o.width),n=e.ref(o.height),r=e.ref(o.modelValue),c=e.ref(""),C=e.ref(o.class),u=e.ref(!0),h=e.ref(o.showHeader),g=e.ref(""),T=e.ref(!0),m=e.ref(!1),V=e.ref(!1),x=e.ref(""),F=e.ref(""),E=e.ref(""),A=e.ref(o.showButtons),k=e.ref(o.title);function b(s,y){r.value=!1,l.emit("update:modelValue",!1)}const $=[{text:"\u53D6\u6D88",class:"btn btn-light",handle:s=>{b()}},{text:"\u786E\u5B9A",class:"btn btn-primary",handle:s=>{b()}}],w=e.ref(o.buttons&&o.buttons.length?o.buttons:$),v=e.computed(()=>!!g.value),H=e.computed(()=>!!A.value&&!!w.value);e.ref(),e.ref(),e.watch(()=>o.modelValue,()=>{r.value=o.modelValue});const D=e.ref(!1),S=e.computed(()=>r.value),z=e.computed(()=>{const s={modal:!0,"farris-modal":!0};return s["f-modal-fitContent"]=u.value,s}),I=e.computed(()=>({display:S.value?"block":"none !important"})),R=e.computed(()=>{const s={"modal-dialog":!0};return C.value.split(" ").reduce((i,N)=>(i[N]=!0,i),s),s}),_=e.computed(()=>({position:"absolute",top:"50%",left:"50%",width:`${t.value}px`,height:u.value?"auto":`${n.value}px`,"margin-left":`${0-t.value/2}px`,"margin-top":u.value?"auto":`${0-n.value/2}px`})),q=e.computed(()=>({"modal-content":!0,"modal-content-has-header":h.value})),L=e.computed(()=>({display:h.value?"":"none"})),M=e.computed(()=>({"f-icon":!0,modal_maximize:!0,modalrevert:D.value})),P=e.computed(()=>({height:"10px","z-index":1,display:h.value?"none":""})),f=e.computed(()=>({"modal-body":!0,"f-utils-flex-column":x.value==="iframe"}));function U(){return{}}const W=e.computed(()=>{const s={textAlgin:E.value},y=U();return Object.assign(s,y)});function G(s){}return()=>e.createVNode(e.Teleport,{to:"body"},{default:()=>{var s,y;return[e.createVNode("div",{class:z.value,style:I.value},[e.createVNode("div",{id:c.value,class:R.value,style:_.value},[e.createVNode("div",{class:q.value},[e.createVNode("div",{ref:"modalHeaderRef",class:"modal-header",style:L.value},[e.createVNode("div",{class:"modal-title"},[v.value&&e.createVNode("span",{class:g.value,style:"margin-right: 8px"},null),e.createVNode("span",{class:"modal-title-label"},[k.value])]),e.createVNode("div",{class:"actions"},[e.createVNode("ul",null,[V.value&&e.createVNode("li",{class:"f-btn-icon f-bare"},[e.createVNode("span",{class:"f-icon modal_minimize"},null)]),m.value&&e.createVNode("li",{onClick:G,class:"f-btn-icon f-bare"},[e.createVNode("span",{class:M.value},null)]),T.value&&e.createVNode("li",{class:"f-btn-icon f-bare",onClick:i=>b()},[e.createVNode("span",{class:"f-icon modal_close"},null)])])])]),e.createVNode("div",{ref:"dragableElementRef",class:"f-utils-absolute-all",style:P.value},null),e.createVNode("div",{class:f.value},[(y=(s=l.slots).default)==null?void 0:y.call(s),x.value==="iframe"&&e.createVNode("iframe",{title:c.value,class:"f-utils-fill",width:"100%",frameborder:"0",src:F.value},null)]),H.value&&e.createVNode("div",{class:"modal-footer",style:W.value},[w.value&&w.value.map(i=>e.createVNode("button",{type:"button",class:i.class,onClick:N=>{i.handle&&i.handle(N)}},[!!i.iconClass&&e.createVNode("span",{class:i.iconClass},[i.text]),!i.iconClass&&e.createVNode("span",null,[i.text])]))])])])])]}})}});function ne(o,l){const t=document.createElement("div");t.style.display="contents";const n=e.createApp({setup(){e.onUnmounted(()=>{document.body.removeChild(t)});const r=e.ref(!0),c=o.type==="error"||o.type==="prompt",C=o.type==="error"?"\u9519\u8BEF\u63D0\u793A":o.type==="prompt"?o.title:"",u=o.acceptCallback||(()=>{}),h=o.rejectCallback||(()=>{});return()=>e.createVNode(le,{class:"modal-message modal-message-type-info",title:C,modelValue:r.value,"onUpdate:modelValue":g=>r.value=g,"show-header":c,"show-buttons":!1},{default:()=>[e.createVNode(B,e.mergeProps(o,{onAccept:u,onReject:h,onClose:n.unmount}),null)]})}});return document.body.appendChild(t),n.mount(t),n}class K{static show(l){const t=e.reactive({...l});ne(t)}static info(l,t){const n=e.reactive({type:"info",title:l,detail:t,okButtonText:"\u77E5\u9053\u4E86",cancelButtonText:""});this.show(n)}static warning(l,t){const n=e.reactive({type:"warning",title:l,detail:t,okButtonText:"\u77E5\u9053\u4E86",cancelButtonText:""});this.show(n)}static success(l,t){const n=e.reactive({type:"success",title:l,detail:t,okButtonText:"\u5173\u95ED",cancelButtonText:""});this.show(n)}static error(l,t,n){const r=e.reactive({type:"error",okButtonText:"\u5173\u95ED",cancelButtonText:"",exceptionInfo:{date:n,message:l,detail:t}});this.show(r)}static prompt(l,t){const n=e.reactive({type:"prompt",title:l,detail:t,okButtonText:"\u786E\u5B9A",cancelButtonText:"\u53D6\u6D88"});this.show(n)}static question(l,t,n,r){const c=e.reactive({type:"question",title:l,detail:t,okButtonText:"\u786E\u5B9A",cancelButtonText:"\u53D6\u6D88",acceptCallback:n,rejectCallback:r});this.show(c)}}const se={install(o){o.component(B.name,B),o.provide("MessageBoxService",K)}};d.FMessageBox=B,d.MessageBoxService=K,d.default=se,d.messageBoxProps=J,Object.defineProperties(d,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/message-box/package.json

@@ -0,0 +1,7 @@
+{
+    "name": "message-box",
+    "version": "1.0.0-beta.4",
+    "main": "index.umd.js",
+    "module": "index.es.js",
+    "style": "style.css"
+}