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

package/message-box/index.umd.js

@@ -1 +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:"确定"},cancelButtonText:{Type:String,default:"取消"},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),$=e.ref(!0),k=e.ref("复制详细信息"),b=e.ref(3),A=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}),z=e.computed(()=>n.value||c.value&&c.value.message),S=e.computed(()=>r.value),D=e.computed(()=>!!r.value),I=e.computed(()=>!!c.value),R=e.computed(()=>!!c.value&&!!c.value.date),_=e.computed(()=>`发生时间 : ${c.value&&c.value.date||""}`),q=e.computed(()=>!!c.value&&!!c.value.detail),L=e.computed(()=>{const a=`${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("展开"),W=e.ref("收起"),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(()=>$.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("复制成功"),j=e.ref(!1);function Y(a){fe(M.value).catch(p=>{X.value="复制失败"}).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:z.value},null),D.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("详细信息 : "),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(""),$=e.ref(o.showButtons),k=e.ref(o.title);function b(s,y){r.value=!1,l.emit("update:modelValue",!1)}const A=[{text:"取消",class:"btn btn-light",handle:s=>{b()}},{text:"确定",class:"btn btn-primary",handle:s=>{b()}}],w=e.ref(o.buttons&&o.buttons.length?o.buttons:A),v=e.computed(()=>!!g.value),H=e.computed(()=>!!$.value&&!!w.value);e.ref(),e.ref(),e.watch(()=>o.modelValue,()=>{r.value=o.modelValue});const z=e.ref(!1),S=e.computed(()=>r.value),D=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:z.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:D.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"?"错误提示":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:"知道了",cancelButtonText:""});this.show(n)}static warning(l,t){const n=e.reactive({type:"warning",title:l,detail:t,okButtonText:"知道了",cancelButtonText:""});this.show(n)}static success(l,t){const n=e.reactive({type:"success",title:l,detail:t,okButtonText:"关闭",cancelButtonText:""});this.show(n)}static error(l,t,n){const r=e.reactive({type:"error",okButtonText:"关闭",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:"确定",cancelButtonText:"取消"});this.show(n)}static question(l,t,n,r){const c=e.reactive({type:"question",title:l,detail:t,okButtonText:"确定",cancelButtonText:"取消",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"}})});
+(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 +1,8 @@
 {
     "name": "message-box",
-    "version": "1.0.0-beta.7",
+    "version": "1.0.2",
     "main": "index.umd.js",
-    "module": "index.es.js",
+    "module": "index.esm.js",
     "style": "style.css",
     "types": "../types/message-box/index.d.ts"
 }

package/message-box/style.css

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

package/modal/index.esm.js

@@ -1,5 +1,5 @@
-import { defineComponent as J, ref as t, computed as s, watch as K, createVNode as e, Teleport as L } from "vue";
-const Q = {
+import { defineComponent as G, ref as t, computed as n, watch as J, createVNode as l, Teleport as K, createApp as L, onUnmounted as Q } from "vue";
+const W = {
   class: { type: String, default: "" },
   title: { type: String, default: "" },
   width: { type: Number, default: 500 },
@@ -11,155 +11,202 @@ const Q = {
   modelValue: { type: Boolean, default: !1 },
   showHeader: { type: Boolean, default: !0 },
   showButtons: { type: Boolean, default: !0 }
-}, p = /* @__PURE__ */ J({
+};
+const j = /* @__PURE__ */ G({
   name: "FModal",
-  props: Q,
-  emits: ["update:modelValue"],
-  setup(a, v) {
-    const f = t(a.width), b = t(a.height), c = t(a.modelValue), y = t(""), C = t(a.class), u = t(!0), i = t(a.showHeader), h = t(""), j = t(!0), x = t(!1), O = t(!1), g = t(""), w = t(""), S = t(""), B = t(a.showButtons), V = t(a.title);
-    function d(l, o) {
-      c.value = !1, v.emit("update:modelValue", !1);
+  props: W,
+  emits: ["update:modelValue", "accept", "cancel"],
+  setup(e, o) {
+    const c = t(e.width), m = t(e.height), d = t(e.modelValue), v = t(""), f = t(e.class), r = t(!0), i = t(e.showHeader), h = t(""), b = t(!0), y = t(!1), O = t(!1), p = t(""), x = t(""), S = t(""), B = t(e.showButtons), M = t(e.title);
+    function C(a, u) {
+      d.value = !1, o.emit("update:modelValue", !1), o.emit(u ? "accept" : "cancel");
     }
-    const $ = [{
+    const V = [{
       text: "取消",
       class: "btn btn-light",
-      handle: (l) => {
-        d();
+      handle: (a) => {
+        C(a, !1);
       }
     }, {
       text: "确定",
       class: "btn btn-primary",
-      handle: (l) => {
-        d();
+      handle: (a) => {
+        C(a, !0);
       }
-    }], r = t(a.buttons && a.buttons.length ? a.buttons : $), z = s(() => !!h.value), H = s(() => !!B.value && !!r.value);
-    t(), t(), K(() => a.modelValue, () => {
-      c.value = a.modelValue;
+    }], w = t(e.buttons && e.buttons.length ? e.buttons : V), H = n(() => !!h.value), k = n(() => !!B.value && !!w.value);
+    t(), t(), J(() => e.modelValue, () => {
+      d.value = e.modelValue;
     });
-    const M = t(!1), A = s(() => c.value), F = s(() => {
-      const l = {
+    const z = t(!1), A = n(() => d.value), $ = n(() => {
+      const a = {
         modal: !0,
         "farris-modal": !0
       };
-      return l["f-modal-fitContent"] = u.value, l;
-    }), k = s(() => ({
+      return a["f-modal-fitContent"] = r.value, a;
+    }), F = n(() => ({
       display: A.value ? "block" : "none !important"
-    })), D = s(() => {
-      const l = {
+    })), I = n(() => {
+      const a = {
         "modal-dialog": !0
       };
-      return C.value.split(" ").reduce((n, m) => (n[m] = !0, n), l), l;
-    }), I = s(() => ({
+      return f.value.split(" ").reduce((s, g) => (s[g] = !0, s), a), a;
+    }), R = n(() => ({
       position: "absolute",
       top: "50%",
       left: "50%",
-      width: `${f.value}px`,
-      height: u.value ? "auto" : `${b.value}px`,
-      "margin-left": `${0 - f.value / 2}px`,
-      "margin-top": u.value ? "auto" : `${0 - b.value / 2}px`
-    })), N = s(() => ({
+      width: `${c.value}px`,
+      height: r.value ? "auto" : `${m.value}px`,
+      "margin-left": `${0 - c.value / 2}px`,
+      "margin-top": r.value ? "auto" : `${0 - m.value / 2}px`
+    })), D = n(() => ({
       "modal-content": !0,
       "modal-content-has-header": i.value
-    })), _ = s(() => ({
+    })), E = n(() => ({
       display: i.value ? "" : "none"
-    })), E = s(() => ({
+    })), N = n(() => ({
       "f-icon": !0,
       modal_maximize: !0,
-      modalrevert: M.value
-    })), R = s(() => ({
+      modalrevert: z.value
+    })), T = n(() => ({
       height: "10px",
       "z-index": 1,
       display: i.value ? "none" : ""
-    })), T = s(() => ({
+    })), _ = n(() => ({
       "modal-body": !0,
-      "f-utils-flex-column": g.value === "iframe"
+      "f-utils-flex-column": p.value === "iframe"
     }));
-    function P() {
+    function U() {
       return {};
     }
-    const q = s(() => {
-      const l = {
+    const P = n(() => {
+      const a = {
         textAlgin: S.value
-      }, o = P();
-      return Object.assign(l, o);
+      }, u = U();
+      return Object.assign(a, u);
     });
-    function G(l) {
+    function q(a) {
     }
-    return () => e(L, {
+    return () => l(K, {
       to: "body"
     }, {
       default: () => {
-        var l, o;
-        return [e("div", {
-          class: F.value,
-          style: k.value
-        }, [e("div", {
-          id: y.value,
-          class: D.value,
-          style: I.value
-        }, [e("div", {
-          class: N.value
-        }, [e("div", {
+        var a, u;
+        return [l("div", {
+          class: $.value,
+          style: F.value
+        }, [l("div", {
+          id: v.value,
+          class: I.value,
+          style: R.value
+        }, [l("div", {
+          class: D.value
+        }, [l("div", {
           ref: "modalHeaderRef",
           class: "modal-header",
-          style: _.value
-        }, [e("div", {
+          style: E.value
+        }, [l("div", {
           class: "modal-title"
-        }, [z.value && e("span", {
+        }, [H.value && l("span", {
           class: h.value,
           style: "margin-right: 8px"
-        }, null), e("span", {
+        }, null), l("span", {
           class: "modal-title-label"
-        }, [V.value])]), e("div", {
+        }, [M.value])]), l("div", {
           class: "actions"
-        }, [e("ul", null, [O.value && e("li", {
+        }, [l("ul", null, [O.value && l("li", {
           class: "f-btn-icon f-bare"
-        }, [e("span", {
+        }, [l("span", {
           class: "f-icon modal_minimize"
-        }, null)]), x.value && e("li", {
-          onClick: G,
+        }, null)]), y.value && l("li", {
+          onClick: q,
           class: "f-btn-icon f-bare"
-        }, [e("span", {
-          class: E.value
-        }, null)]), j.value && e("li", {
+        }, [l("span", {
+          class: N.value
+        }, null)]), b.value && l("li", {
           class: "f-btn-icon f-bare",
-          onClick: (n) => d()
-        }, [e("span", {
+          onClick: (s) => C(s, !0)
+        }, [l("span", {
           class: "f-icon modal_close"
-        }, null)])])])]), e("div", {
+        }, null)])])])]), l("div", {
           ref: "dragableElementRef",
           class: "f-utils-absolute-all",
-          style: R.value
-        }, null), e("div", {
-          class: T.value
-        }, [(o = (l = v.slots).default) == null ? void 0 : o.call(l), g.value === "iframe" && e("iframe", {
-          title: y.value,
+          style: T.value
+        }, null), l("div", {
+          class: _.value
+        }, [(u = (a = o.slots).default) == null ? void 0 : u.call(a), p.value === "iframe" && l("iframe", {
+          title: v.value,
           class: "f-utils-fill",
           width: "100%",
           frameborder: "0",
-          src: w.value
-        }, null)]), H.value && e("div", {
+          src: x.value
+        }, null)]), k.value && l("div", {
           class: "modal-footer",
-          style: q.value
-        }, [r.value && r.value.map((n) => e("button", {
+          style: P.value
+        }, [w.value && w.value.map((s) => l("button", {
           type: "button",
-          class: n.class,
-          onClick: (m) => {
-            n.handle && n.handle(m);
+          class: s.class,
+          onClick: (g) => {
+            s.handle && s.handle(g);
           }
-        }, [!!n.iconClass && e("span", {
-          class: n.iconClass
-        }, [n.text]), !n.iconClass && e("span", null, [n.text])]))])])])])];
+        }, [!!s.iconClass && l("span", {
+          class: s.iconClass
+        }, [s.text]), !s.iconClass && l("span", null, [s.text])]))])])])])];
       }
     });
   }
-}), W = {
-  install(a) {
-    a.component(p.name, p);
+});
+function X(e) {
+  if (e.content && e.content.render)
+    return e.content.render;
+  if (e.render && typeof e.render == "function")
+    return e.render;
+}
+function Y(e) {
+  const o = document.createElement("div");
+  o.style.display = "contents";
+  const c = L({
+    setup() {
+      Q(() => {
+        document.body.removeChild(o);
+      });
+      const m = t(e.class || ""), d = t(!!e.showButtons), v = t(!!e.showHeader), f = t(!0), r = t(e.title || ""), i = e.acceptCallback || (() => {
+      }), h = e.rejectCallback || (() => {
+      }), b = X(e);
+      return () => l(j, {
+        class: m.value,
+        modelValue: f.value,
+        "onUpdate:modelValue": (y) => f.value = y,
+        title: r.value,
+        width: e.width,
+        "show-header": v.value,
+        "show-buttons": d.value,
+        onAccept: i,
+        onCancel: h
+      }, {
+        default: () => [b && b(c)]
+      });
+    }
+  });
+  return document.body.appendChild(o), c.mount(o), c;
+}
+class Z {
+  static show(o) {
+    const c = Object.assign({
+      title: "",
+      showButtons: !0,
+      showHeader: !0
+    }, o);
+    return Y(c);
+  }
+}
+const te = {
+  install(e) {
+    e.component(j.name, j), e.provide("ModalService", Z);
   }
 };
 export {
-  p as FModal,
-  W as default,
-  Q as modalProps
+  j as FModal,
+  Z as ModalService,
+  te as default,
+  W as modalProps
 };

package/modal/index.umd.js

@@ -1 +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.modal={},o.Vue))})(this,function(o,e){"use strict";const m={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}},n=e.defineComponent({name:"FModal",props:m,emits:["update:modelValue"],setup(l,b){const y=e.ref(l.width),h=e.ref(l.height),c=e.ref(l.modelValue),p=e.ref(""),C=e.ref(l.class),d=e.ref(!0),r=e.ref(l.showHeader),V=e.ref(""),j=e.ref(!0),O=e.ref(!1),x=e.ref(!1),g=e.ref(""),w=e.ref(""),S=e.ref(""),B=e.ref(l.showButtons),M=e.ref(l.title);function i(t,s){c.value=!1,b.emit("update:modelValue",!1)}const $=[{text:"取消",class:"btn btn-light",handle:t=>{i()}},{text:"确定",class:"btn btn-primary",handle:t=>{i()}}],u=e.ref(l.buttons&&l.buttons.length?l.buttons:$),z=e.computed(()=>!!V.value),F=e.computed(()=>!!B.value&&!!u.value);e.ref(),e.ref(),e.watch(()=>l.modelValue,()=>{c.value=l.modelValue});const H=e.ref(!1),A=e.computed(()=>c.value),T=e.computed(()=>{const t={modal:!0,"farris-modal":!0};return t["f-modal-fitContent"]=d.value,t}),_=e.computed(()=>({display:A.value?"block":"none !important"})),k=e.computed(()=>{const t={"modal-dialog":!0};return C.value.split(" ").reduce((a,f)=>(a[f]=!0,a),t),t}),v=e.computed(()=>({position:"absolute",top:"50%",left:"50%",width:`${y.value}px`,height:d.value?"auto":`${h.value}px`,"margin-left":`${0-y.value/2}px`,"margin-top":d.value?"auto":`${0-h.value/2}px`})),D=e.computed(()=>({"modal-content":!0,"modal-content-has-header":r.value})),I=e.computed(()=>({display:r.value?"":"none"})),P=e.computed(()=>({"f-icon":!0,modal_maximize:!0,modalrevert:H.value})),E=e.computed(()=>({height:"10px","z-index":1,display:r.value?"none":""})),R=e.computed(()=>({"modal-body":!0,"f-utils-flex-column":g.value==="iframe"}));function q(){return{}}const G=e.computed(()=>{const t={textAlgin:S.value},s=q();return Object.assign(t,s)});function J(t){}return()=>e.createVNode(e.Teleport,{to:"body"},{default:()=>{var t,s;return[e.createVNode("div",{class:T.value,style:_.value},[e.createVNode("div",{id:p.value,class:k.value,style:v.value},[e.createVNode("div",{class:D.value},[e.createVNode("div",{ref:"modalHeaderRef",class:"modal-header",style:I.value},[e.createVNode("div",{class:"modal-title"},[z.value&&e.createVNode("span",{class:V.value,style:"margin-right: 8px"},null),e.createVNode("span",{class:"modal-title-label"},[M.value])]),e.createVNode("div",{class:"actions"},[e.createVNode("ul",null,[x.value&&e.createVNode("li",{class:"f-btn-icon f-bare"},[e.createVNode("span",{class:"f-icon modal_minimize"},null)]),O.value&&e.createVNode("li",{onClick:J,class:"f-btn-icon f-bare"},[e.createVNode("span",{class:P.value},null)]),j.value&&e.createVNode("li",{class:"f-btn-icon f-bare",onClick:a=>i()},[e.createVNode("span",{class:"f-icon modal_close"},null)])])])]),e.createVNode("div",{ref:"dragableElementRef",class:"f-utils-absolute-all",style:E.value},null),e.createVNode("div",{class:R.value},[(s=(t=b.slots).default)==null?void 0:s.call(t),g.value==="iframe"&&e.createVNode("iframe",{title:p.value,class:"f-utils-fill",width:"100%",frameborder:"0",src:w.value},null)]),F.value&&e.createVNode("div",{class:"modal-footer",style:G.value},[u.value&&u.value.map(a=>e.createVNode("button",{type:"button",class:a.class,onClick:f=>{a.handle&&a.handle(f)}},[!!a.iconClass&&e.createVNode("span",{class:a.iconClass},[a.text]),!a.iconClass&&e.createVNode("span",null,[a.text])]))])])])])]}})}}),N={install(l){l.component(n.name,n)}};o.FModal=n,o.default=N,o.modalProps=m,Object.defineProperties(o,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(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.modal={},o.Vue))})(this,function(o,e){"use strict";const w={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}},Q="",u=e.defineComponent({name:"FModal",props:w,emits:["update:modelValue","accept","cancel"],setup(t,n){const s=e.ref(t.width),m=e.ref(t.height),d=e.ref(t.modelValue),f=e.ref(""),h=e.ref(t.class),r=e.ref(!0),i=e.ref(t.showHeader),b=e.ref(""),y=e.ref(!0),p=e.ref(!1),M=e.ref(!1),j=e.ref(""),B=e.ref(""),H=e.ref(""),k=e.ref(t.showButtons),z=e.ref(t.title);function V(l,c){d.value=!1,n.emit("update:modelValue",!1),n.emit(c?"accept":"cancel")}const A=[{text:"取消",class:"btn btn-light",handle:l=>{V(l,!1)}},{text:"确定",class:"btn btn-primary",handle:l=>{V(l,!0)}}],C=e.ref(t.buttons&&t.buttons.length?t.buttons:A),v=e.computed(()=>!!b.value),F=e.computed(()=>!!k.value&&!!C.value);e.ref(),e.ref(),e.watch(()=>t.modelValue,()=>{d.value=t.modelValue});const T=e.ref(!1),$=e.computed(()=>d.value),_=e.computed(()=>{const l={modal:!0,"farris-modal":!0};return l["f-modal-fitContent"]=r.value,l}),I=e.computed(()=>({display:$.value?"block":"none !important"})),R=e.computed(()=>{const l={"modal-dialog":!0};return h.value.split(" ").reduce((a,g)=>(a[g]=!0,a),l),l}),D=e.computed(()=>({position:"absolute",top:"50%",left:"50%",width:`${s.value}px`,height:r.value?"auto":`${m.value}px`,"margin-left":`${0-s.value/2}px`,"margin-top":r.value?"auto":`${0-m.value/2}px`})),E=e.computed(()=>({"modal-content":!0,"modal-content-has-header":i.value})),P=e.computed(()=>({display:i.value?"":"none"})),U=e.computed(()=>({"f-icon":!0,modal_maximize:!0,modalrevert:T.value})),q=e.computed(()=>({height:"10px","z-index":1,display:i.value?"none":""})),G=e.computed(()=>({"modal-body":!0,"f-utils-flex-column":j.value==="iframe"}));function J(){return{}}const K=e.computed(()=>{const l={textAlgin:H.value},c=J();return Object.assign(l,c)});function L(l){}return()=>e.createVNode(e.Teleport,{to:"body"},{default:()=>{var l,c;return[e.createVNode("div",{class:_.value,style:I.value},[e.createVNode("div",{id:f.value,class:R.value,style:D.value},[e.createVNode("div",{class:E.value},[e.createVNode("div",{ref:"modalHeaderRef",class:"modal-header",style:P.value},[e.createVNode("div",{class:"modal-title"},[v.value&&e.createVNode("span",{class:b.value,style:"margin-right: 8px"},null),e.createVNode("span",{class:"modal-title-label"},[z.value])]),e.createVNode("div",{class:"actions"},[e.createVNode("ul",null,[M.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:L,class:"f-btn-icon f-bare"},[e.createVNode("span",{class:U.value},null)]),y.value&&e.createVNode("li",{class:"f-btn-icon f-bare",onClick:a=>V(a,!0)},[e.createVNode("span",{class:"f-icon modal_close"},null)])])])]),e.createVNode("div",{ref:"dragableElementRef",class:"f-utils-absolute-all",style:q.value},null),e.createVNode("div",{class:G.value},[(c=(l=n.slots).default)==null?void 0:c.call(l),j.value==="iframe"&&e.createVNode("iframe",{title:f.value,class:"f-utils-fill",width:"100%",frameborder:"0",src:B.value},null)]),F.value&&e.createVNode("div",{class:"modal-footer",style:K.value},[C.value&&C.value.map(a=>e.createVNode("button",{type:"button",class:a.class,onClick:g=>{a.handle&&a.handle(g)}},[!!a.iconClass&&e.createVNode("span",{class:a.iconClass},[a.text]),!a.iconClass&&e.createVNode("span",null,[a.text])]))])])])])]}})}});function O(t){if(t.content&&t.content.render)return t.content.render;if(t.render&&typeof t.render=="function")return t.render}function S(t){const n=document.createElement("div");n.style.display="contents";const s=e.createApp({setup(){e.onUnmounted(()=>{document.body.removeChild(n)});const m=e.ref(t.class||""),d=e.ref(!!t.showButtons),f=e.ref(!!t.showHeader),h=e.ref(!0),r=e.ref(t.title||""),i=t.acceptCallback||(()=>{}),b=t.rejectCallback||(()=>{}),y=O(t);return()=>e.createVNode(u,{class:m.value,modelValue:h.value,"onUpdate:modelValue":p=>h.value=p,title:r.value,width:t.width,"show-header":f.value,"show-buttons":d.value,onAccept:i,onCancel:b},{default:()=>[y&&y(s)]})}});return document.body.appendChild(n),s.mount(n),s}class N{static show(n){const s=Object.assign({title:"",showButtons:!0,showHeader:!0},n);return S(s)}}const x={install(t){t.component(u.name,u),t.provide("ModalService",N)}};o.FModal=u,o.ModalService=N,o.default=x,o.modalProps=w,Object.defineProperties(o,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/modal/package.json

@@ -1,8 +1,8 @@
 {
     "name": "modal",
-    "version": "1.0.0-beta.7",
+    "version": "1.0.2",
     "main": "index.umd.js",
-    "module": "index.es.js",
+    "module": "index.esm.js",
     "style": "style.css",
     "types": "../types/modal/index.d.ts"
 }

package/modal/style.css

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