@farris/ui-vue 1.0.2 → 1.1.1

package/message-box/index.esm.js

@@ -1,572 +0,0 @@
-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: null },
-  promptEditorType: { Type: String, default: "text-area" }
-};
-function R() {
-  return new DOMException("The request is not allowed", "NotAllowedError");
-}
-async function ne(e) {
-  if (!navigator.clipboard)
-    throw R();
-  return navigator.clipboard.writeText(e);
-}
-async function ae(e) {
-  const n = document.createElement("span");
-  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 {
-    c = window.document.execCommand("copy");
-  } finally {
-    t == null || t.removeAllRanges(), window.document.body.removeChild(n);
-  }
-  if (!c)
-    throw R();
-}
-async function oe(e) {
-  try {
-    await ne(e);
-  } catch (n) {
-    try {
-      await ae(e);
-    } catch (t) {
-      throw t || n || R();
-    }
-  }
-}
-function se() {
-  async function e(n) {
-    await oe(n);
-  }
-  return { onCopy: e };
-}
-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;
-    }
-  }
-  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%",
-        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 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 () => 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("section", {
-      class: u.value,
-      style: p.value
-    }, [w()]), C(), g()]);
-  }
-}), fe = {
-  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 }
-};
-const ye = /* @__PURE__ */ F({
-  name: "FModal",
-  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 b = [{
-      text: "取消",
-      class: "btn btn-light",
-      handle: (v) => {
-        S(v, !1);
-      }
-    }, {
-      text: "确定",
-      class: "btn btn-primary",
-      handle: (v) => {
-        S(v, !0);
-      }
-    }], 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 $ = o(!1), D = l(() => c.value), V = l(() => {
-      const v = {
-        modal: !0,
-        "farris-modal": !0
-      };
-      return v["f-modal-fitContent"] = r.value, v;
-    }), z = l(() => ({
-      display: D.value ? "block" : "none !important"
-    })), I = l(() => {
-      const v = {
-        "modal-dialog": !0
-      };
-      return p.value.split(" ").reduce((h, j) => (h[j] = !0, h), v), v;
-    }), N = l(() => ({
-      position: "absolute",
-      top: "50%",
-      left: "50%",
-      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": i.value
-    })), L = l(() => ({
-      display: i.value ? "" : "none"
-    })), _ = l(() => ({
-      "f-icon": !0,
-      modal_maximize: !0,
-      modalrevert: $.value
-    })), P = l(() => ({
-      height: "10px",
-      "z-index": 1,
-      display: i.value ? "none" : ""
-    })), U = l(() => ({
-      "modal-body": !0,
-      "f-utils-flex-column": x.value === "iframe"
-    }));
-    function G() {
-      return {};
-    }
-    const J = l(() => {
-      const v = {
-        textAlgin: C.value
-      }, k = G();
-      return Object.assign(v, k);
-    });
-    function K(v) {
-    }
-    return () => a(X, {
-      to: "body"
-    }, {
-      default: () => {
-        var v, k;
-        return [a("div", {
-          class: V.value,
-          style: z.value
-        }, [a("div", {
-          id: u.value,
-          class: I.value,
-          style: N.value
-        }, [a("div", {
-          class: q.value
-        }, [a("div", {
-          ref: "modalHeaderRef",
-          class: "modal-header",
-          style: L.value
-        }, [a("div", {
-          class: "modal-title"
-        }, [A.value && a("span", {
-          class: d.value,
-          style: "margin-right: 8px"
-        }, null), a("span", {
-          class: "modal-title-label"
-        }, [T.value])]), a("div", {
-          class: "actions"
-        }, [a("ul", null, [g.value && a("li", {
-          class: "f-btn-icon f-bare"
-        }, [a("span", {
-          class: "f-icon modal_minimize"
-        }, null)]), f.value && a("li", {
-          onClick: K,
-          class: "f-btn-icon f-bare"
-        }, [a("span", {
-          class: _.value
-        }, null)]), y.value && a("li", {
-          class: "f-btn-icon f-bare",
-          onClick: (h) => S(h, !0)
-        }, [a("span", {
-          class: "f-icon modal_close"
-        }, null)])])])]), a("div", {
-          ref: "dragableElementRef",
-          class: "f-utils-absolute-all",
-          style: P.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: w.value
-        }, null)]), H.value && a("div", {
-          class: "modal-footer",
-          style: J.value
-        }, [M.value && M.value.map((h) => a("button", {
-          type: "button",
-          class: h.class,
-          onClick: (j) => {
-            h.handle && h.handle(j);
-          }
-        }, [!!h.iconClass && a("span", {
-          class: h.iconClass
-        }, [h.text]), !h.iconClass && a("span", null, [h.text])]))])])])])];
-      }
-    });
-  }
-});
-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() {
-      Z(() => {
-        document.body.removeChild(n);
-      });
-      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: () => [y && y(t)]
-      });
-    }
-  });
-  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 be {
-  static show(n) {
-    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)
-    });
-  }
-  static info(n, t) {
-    const s = B({
-      type: "info",
-      title: n,
-      detail: t,
-      okButtonText: "知道了",
-      cancelButtonText: ""
-    });
-    this.show(s);
-  }
-  static warning(n, t) {
-    const s = B({
-      type: "warning",
-      title: n,
-      detail: t,
-      okButtonText: "知道了",
-      cancelButtonText: ""
-    });
-    this.show(s);
-  }
-  static success(n, t) {
-    const s = B({
-      type: "success",
-      title: n,
-      detail: t,
-      okButtonText: "关闭",
-      cancelButtonText: ""
-    });
-    this.show(s);
-  }
-  static error(n, t, s) {
-    const c = B({
-      type: "error",
-      okButtonText: "关闭",
-      cancelButtonText: "",
-      exceptionInfo: {
-        date: s,
-        message: n,
-        detail: t
-      }
-    });
-    this.show(c);
-  }
-  static prompt(n, t) {
-    const s = B({
-      type: "prompt",
-      title: n,
-      detail: t,
-      okButtonText: "确定",
-      cancelButtonText: "取消"
-    });
-    this.show(s);
-  }
-  static question(n, t, s, c) {
-    const u = B({
-      type: "question",
-      title: n,
-      detail: t,
-      okButtonText: "确定",
-      cancelButtonText: "取消",
-      acceptCallback: s,
-      rejectCallback: c
-    });
-    this.show(u);
-  }
-}
-const Ce = {
-  install(e) {
-    e.component(E.name, E), e.provide("MessageBoxService", be);
-  }
-};
-export {
-  E as FMessageBox,
-  be as MessageBoxService,
-  Ce as default,
-  te as messageBoxProps
-};

package/message-box/index.umd.js

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

package/message-box/package.json

@@ -1,8 +0,0 @@
-{
-    "name": "message-box",
-    "version": "1.0.3",
-    "main": "index.umd.js",
-    "module": "index.esm.js",
-    "style": "style.css",
-    "types": "../types/message-box/index.d.ts"
-}

package/message-box/style.css

@@ -1 +0,0 @@
-.farris-modal{background-color:#00000073}.farris-modal .modal-content{border-radius:18px}