@farris/ui-vue 1.1.0 → 1.1.1

package/message-box/index.esm.js

@@ -1,578 +0,0 @@
-import { ref as o, computed as s, createVNode as a, Fragment as R, createTextVNode as Q, defineComponent as F, watch as W, Teleport as X, createApp as Y, onUnmounted as Z, reactive as k, 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 E() {
-  return new DOMException("The request is not allowed", "NotAllowedError");
-}
-async function ne(e) {
-  if (!navigator.clipboard)
-    throw E();
-  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(), l = window.document.createRange();
-  t == null || t.removeAllRanges(), l.selectNode(n), t == null || t.addRange(l);
-  let c = !1;
-  try {
-    c = window.document.execCommand("copy");
-  } finally {
-    t == null || t.removeAllRanges(), window.document.body.removeChild(n);
-  }
-  if (!c)
-    throw E();
-}
-async function oe(e) {
-  try {
-    await ne(e);
-  } catch (n) {
-    try {
-      await ae(e);
-    } catch (t) {
-      throw t || n || E();
-    }
-  }
-}
-function le() {
-  async function e(n) {
-    await oe(n);
-  }
-  return { onCopy: e };
-}
-function se(e, n, t, l) {
-  const c = o(14), u = o(140), i = o(""), r = o(l.value.length), d = s(() => l.value), p = s(() => ({
-    "font-size": `${c.value}px`,
-    height: "100%"
-  }));
-  function g(f) {
-    if (f.currentTarget) {
-      const y = f.currentTarget.value || "";
-      r.value = y.length;
-    }
-  }
-  return () => a(R, null, [a("textarea", {
-    title: "promptMessage",
-    name: "promptMessage",
-    class: "form-control",
-    style: p.value,
-    rows: "4",
-    maxlength: u.value,
-    onInput: (f) => g(f)
-  }, [d.value]), a("span", {
-    class: "textarea-wordcount",
-    title: i.value,
-    style: "position: absolute; bottom: 76px; right: 32px; cursor: pointer; text-align: right;"
-  }, [r.value + " / " + u.value])]);
-}
-function ce(e, n, t, l) {
-  const c = se(e, n, t, l), u = /* @__PURE__ */ new Map([["text-area", c]]);
-  function i(r) {
-    return u.get(r) || null;
-  }
-  return { getEditorRender: i };
-}
-function ue() {
-  const e = o(!1), n = o("复制成功");
-  return {
-    feedbackStyle: s(() => {
-      const l = {
-        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 l.opacity = e.value ? "0.8" : "0", l.display = e.value ? "" : "none", l;
-    }),
-    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), l = s(() => !!e.value && !!e.value.date), c = s(() => `发生时间 : ${e.value && e.value.date || ""}`), u = s(() => !!e.value && !!e.value.detail), i = s(() => {
-    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 = s(() => e.value && e.value.detail || ""), d = s(() => !0), p = o(!1), g = o("展开"), f = o("收起"), y = s(() => {
-    const m = {
-      display: "block",
-      color: "#2A87FF"
-    };
-    return m["text-align"] = p.value ? "" : "right", m;
-  });
-  function h(m, T) {
-    p.value = !p.value, n.value = p.value ? 20 : 3;
-  }
-  function w(m) {
-    return h();
-  }
-  function B(m) {
-    return h();
-  }
-  return () => a("div", {
-    class: "toast-msg-detail"
-  }, [l.value && a("div", null, [c.value]), u.value && a("div", {
-    id: "exception_error_msg",
-    ref: "exceptionMessageRef",
-    style: i.value
-  }, [Q("详细信息 : "), a("span", {
-    innerHTML: r.value
-  }, null)]), d.value && a("span", {
-    style: y.value
-  }, [p.value && a("span", {
-    onClick: w,
-    style: "cursor: pointer;"
-  }, [f.value]), !p.value && a("span", {
-    onClick: B,
-    style: "cursor: pointer;"
-  }, [g.value])])]);
-}
-function de(e) {
-  return () => a("p", {
-    class: "toast-msg-detail",
-    innerHTML: e.value
-  }, null);
-}
-function pe(e, n, t, l) {
-  const c = o(e.exceptionInfo), u = s(() => {
-    const y = {
-      "f-icon": !0
-    }, h = `f-icon-${n.value}`;
-    return y[h] = !0, y;
-  }), i = s(() => t.value || c.value && c.value.message), r = s(() => l.value), d = s(() => !!l.value), p = s(() => !!c.value);
-  function g() {
-    return p.value ? ie(c) : d.value ? de(r) : () => null;
-  }
-  const f = g();
-  return () => a(R, 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: i.value
-  }, null), f()])]);
-}
-function ve(e, n, t) {
-  const {
-    onCopy: l
-  } = n, {
-    toShowFeedback: c
-  } = t, u = o("复制成功"), i = o("复制详细信息"), r = o(e.exceptionInfo), d = s(() => r.value && r.value.detail || "");
-  function p(g) {
-    l(d.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: p,
-    style: "cursor: pointer;"
-  }, [i.value])]);
-}
-function me(e, n, t, l) {
-  const c = o(e.type), u = o([]), i = o(e.exceptionInfo), r = o(e.okButtonText), d = o(e.cancelButtonText), p = o(!0), g = o(!0), f = s(() => !!(u.value && u.value.length)), y = s(() => i.value && i.value.date && i.value.message && i.value.detail), h = s(() => !(u.value && u.value.length) && (r.value || d.value)), w = s(() => g.value && r.value), B = s(() => p.value && d.value), m = ve(e, t, l);
-  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"
-  }, [y.value && m(), h.value && B.value && a("button", {
-    type: "button",
-    class: "btn btn-secondary btn-lg",
-    onClick: T
-  }, [d.value]), h.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 O = /* @__PURE__ */ F({
-  name: "FMessageBox",
-  props: te,
-  emits: ["accept", "reject", "close"],
-  setup(e, n) {
-    const t = o(e.type), l = o(e.title), c = o(e.detail), u = s(() => {
-      const m = {
-        "modal-tips": !0,
-        "d-flex": !0,
-        "flex-row": !0
-      }, T = `messager-type-${t.value}`;
-      return m[T] = !0, m;
-    }), i = s(() => {
-      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 = le(), d = ce(e, t, l, c), p = ue(), {
-      feedbackStyle: g,
-      feedbackMessage: f
-    } = p;
-    function y() {
-      return a("div", {
-        style: g.value
-      }, [f.value]);
-    }
-    function h() {
-      switch (t.value) {
-        case "prompt":
-          return re(e, d);
-        default:
-          return pe(e, t, l, c);
-      }
-    }
-    const w = h(), B = me(e, n, r, p);
-    return () => a("div", {
-      class: "farris-messager"
-    }, [a("section", {
-      class: u.value,
-      style: i.value
-    }, [w()]), B(), y()]);
-  }
-}), 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 },
-  fitContent: { type: Boolean, default: !0 }
-}, ge = /* @__PURE__ */ F({
-  name: "FModal",
-  props: fe,
-  emits: ["update:modelValue", "accept", "cancel", "closed"],
-  setup(e, n) {
-    const t = o(e.width), l = o(e.height), c = o(e.modelValue), u = o(""), i = o(e.class), r = o(e.fitContent), d = o(e.showHeader), p = o(""), g = o(!0), f = o(!1), y = o(!1), h = o(""), w = o(""), B = o(""), m = o(e.showButtons), T = o(e.title);
-    function S(v, C) {
-      c.value = !1, n.emit("update:modelValue", !1), C != null && n.emit(C ? "accept" : "cancel"), n.emit("closed");
-    }
-    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 = s(() => !!p.value), H = s(() => !!m.value && !!M.value);
-    o(), o(), W(() => e.modelValue, () => {
-      c.value = e.modelValue;
-    });
-    const $ = o(!1), D = s(() => c.value), V = s(() => {
-      const v = {
-        modal: !0,
-        "farris-modal": !0
-      };
-      return v["f-modal-fitContent"] = r.value, v;
-    }), z = s(() => ({
-      display: D.value ? "block" : "none !important"
-    })), I = s(() => {
-      const v = {
-        "modal-dialog": !0
-      };
-      return i.value.split(" ").reduce((x, j) => (x[j] = !0, x), v), v;
-    }), N = s(() => ({
-      position: "absolute",
-      top: "50%",
-      left: "50%",
-      width: `${t.value}px`,
-      height: r.value ? "auto" : `${l.value}px`,
-      "margin-left": `${0 - t.value / 2}px`,
-      "margin-top": r.value ? "auto" : `${0 - l.value / 2}px`
-    })), q = s(() => ({
-      "modal-content": !0,
-      "modal-content-has-header": d.value
-    })), L = s(() => ({
-      display: d.value ? "" : "none"
-    })), _ = s(() => ({
-      "f-icon": !0,
-      modal_maximize: !0,
-      modalrevert: $.value
-    })), P = s(() => ({
-      height: "10px",
-      "z-index": 1,
-      display: d.value ? "none" : ""
-    })), U = s(() => ({
-      "modal-body": !0,
-      "f-utils-flex-column": h.value === "iframe"
-    }));
-    function G() {
-      return {};
-    }
-    const J = s(() => {
-      const v = {
-        textAlgin: B.value
-      }, C = G();
-      return Object.assign(v, C);
-    });
-    function K(v) {
-    }
-    return () => a(X, {
-      to: "body"
-    }, {
-      default: () => {
-        var v, C;
-        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: p.value,
-          style: "margin-right: 8px"
-        }, null), a("span", {
-          class: "modal-title-label"
-        }, [T.value])]), a("div", {
-          class: "actions"
-        }, [a("ul", null, [y.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)]), g.value && a("li", {
-          class: "f-btn-icon f-bare",
-          onClick: (x) => S(x, !1)
-        }, [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
-        }, [(C = (v = n.slots).default) == null ? void 0 : C.call(v), h.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((x) => a("button", {
-          type: "button",
-          class: x.class + " " + (x.iconClass && "btn-icontext"),
-          onClick: (j) => {
-            x.handle && x.handle(j);
-          }
-        }, [!!x.iconClass && a("i", {
-          class: x.iconClass
-        }, null), x.text]))])])])])];
-      }
-    });
-  }
-});
-function ye(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 l = o(e.class || ""), c = o(!!e.showButtons), u = o(!!e.showHeader), i = o(!0), r = o(e.title || ""), d = e.acceptCallback || (() => {
-      }), p = e.rejectCallback || (() => {
-      }), g = ye(e), f = () => {
-        i.value = !1, t.unmount();
-      };
-      return () => a(ge, {
-        class: l.value,
-        modelValue: i.value,
-        "onUpdate:modelValue": (y) => i.value = y,
-        title: r.value,
-        width: e.width,
-        height: e.height,
-        buttons: e.buttons,
-        "show-header": u.value,
-        "show-buttons": c.value,
-        onAccept: d,
-        onCancel: p,
-        fitContent: e.fitContent,
-        onClosed: f
-      }, {
-        default: () => [g && g(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 = k({
-      ...n
-    }), l = !1, c = t.type === "error" || t.type === "prompt", u = t.type === "error" ? "错误提示" : t.type === "prompt" && t.title || "", i = t.acceptCallback || (() => {
-    }), r = t.rejectCallback || (() => {
-    });
-    let d;
-    const p = () => {
-      d && d.unmount();
-    };
-    d = xe.show({
-      class: "modal-message modal-message-type-info",
-      title: u,
-      showButtons: l,
-      showHeader: c,
-      render: () => a(O, ee(t, {
-        onAccept: i,
-        onReject: r,
-        onClose: p
-      }), null)
-    });
-  }
-  static info(n, t) {
-    const l = k({
-      type: "info",
-      title: n,
-      detail: t,
-      okButtonText: "知道了",
-      cancelButtonText: ""
-    });
-    this.show(l);
-  }
-  static warning(n, t) {
-    const l = k({
-      type: "warning",
-      title: n,
-      detail: t,
-      okButtonText: "知道了",
-      cancelButtonText: ""
-    });
-    this.show(l);
-  }
-  static success(n, t) {
-    const l = k({
-      type: "success",
-      title: n,
-      detail: t,
-      okButtonText: "关闭",
-      cancelButtonText: ""
-    });
-    this.show(l);
-  }
-  static error(n, t, l) {
-    const c = k({
-      type: "error",
-      okButtonText: "关闭",
-      cancelButtonText: "",
-      exceptionInfo: {
-        date: l,
-        message: n,
-        detail: t
-      }
-    });
-    this.show(c);
-  }
-  static prompt(n, t) {
-    const l = k({
-      type: "prompt",
-      title: n,
-      detail: t,
-      okButtonText: "确定",
-      cancelButtonText: "取消"
-    });
-    this.show(l);
-  }
-  static question(n, t, l, c) {
-    const u = k({
-      type: "question",
-      title: n,
-      detail: t,
-      okButtonText: "确定",
-      cancelButtonText: "取消",
-      acceptCallback: l,
-      rejectCallback: c
-    });
-    this.show(u);
-  }
-}
-const we = {
-  install(e) {
-    e.component(O.name, O), e.provide("MessageBoxService", be);
-  }
-};
-export {
-  O as FMessageBox,
-  be as MessageBoxService,
-  we as default,
-  te as messageBoxProps
-};

package/message-box/index.umd.js

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

package/message-box/package.json

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