@farris/ui-vue 1.2.5 → 1.2.6

package/components/message-box/index.umd.cjs

@@ -1 +1 @@
-(function(H,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(H=typeof globalThis<"u"?globalThis:H||self,e(H["message-box"]={},H.Vue))})(this,function(H,e){"use strict";var He=Object.defineProperty;var Oe=(H,e,j)=>e in H?He(H,e,{enumerable:!0,configurable:!0,writable:!0,value:j}):H[e]=j;var P=(H,e,j)=>Oe(H,typeof e!="symbol"?e+"":e,j);const j={width:{Type:Number,default:400},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 q(){return new DOMException("The request is not allowed","NotAllowedError")}async function _(a){if(!navigator.clipboard)throw q();return navigator.clipboard.writeText(a)}async function ee(a){const t=document.createElement("span");t.textContent=a,t.style.whiteSpace="pre",t.style.webkitUserSelect="auto",t.style.userSelect="all",document.body.appendChild(t);const n=window.getSelection(),l=window.document.createRange();n==null||n.removeAllRanges(),l.selectNode(t),n==null||n.addRange(l);let f=!1;try{f=window.document.execCommand("copy")}finally{n==null||n.removeAllRanges(),window.document.body.removeChild(t)}if(!f)throw q()}async function te(a){try{await _(a)}catch(t){try{await ee(a)}catch(n){throw n||t||q()}}}function ae(){async function a(t){await te(t)}return{onCopy:a}}function ne(a,t,n,l){const f=e.ref(14),r=e.ref(140),m=e.ref(""),s=e.ref(l.value.length),d=e.computed(()=>l.value),c=e.computed(()=>({"font-size":`${f.value}px`,height:"100%"}));function g(C){if(C.currentTarget){const M=C.currentTarget.value||"";s.value=M.length}}return()=>e.createVNode(e.Fragment,null,[e.createVNode("textarea",{title:"promptMessage",name:"promptMessage",class:"form-control",style:c.value,rows:"4",maxlength:r.value,onInput:C=>g(C)},[d.value]),e.createVNode("span",{class:"textarea-wordcount",title:m.value,style:"position: absolute; bottom: 76px; right: 32px; cursor: pointer; text-align: right;"},[s.value+" / "+r.value])])}function le(a,t,n,l){const f=ne(a,t,n,l),r=new Map([["text-area",f]]);function m(s){return r.get(s)||null}return{getEditorRender:m}}function oe(){const a=e.ref(!1),t=e.ref("复制成功");return{feedbackStyle:e.computed(()=>{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=a.value?"0.8":"0",l.display=a.value?"":"none",l}),feedbackMessage:t,toShowFeedback:a}}function se(a,t){const n=t.getEditorRender(a.promptEditorType);return()=>n&&n()}function re(a){const t=e.ref(3),n=e.ref(480),l=e.computed(()=>!!a.value&&!!a.value.date),f=e.computed(()=>`发生时间 : ${a.value&&a.value.date||""}`),r=e.computed(()=>!!a.value&&!!a.value.detail),m=e.computed(()=>{const y=`${n.value}px`;return{overflow:"hidden","text-overflow":"ellipsis",display:"-webkit-box","-webkit-box-orient":"vertical","-webkit-line-clamp":t.value,"max-height":y}}),s=e.computed(()=>a.value&&a.value.detail||""),d=e.computed(()=>!0),c=e.ref(!1),g=e.ref("展开"),C=e.ref("收起"),M=e.computed(()=>{const y={display:"block",color:"#2A87FF"};return y["text-align"]=c.value?"":"right",y});function B(y,p){c.value=!c.value,t.value=c.value?20:3}function z(y){return B()}function R(y){return B()}return()=>e.createVNode("div",{class:"toast-msg-detail"},[l.value&&e.createVNode("div",null,[f.value]),r.value&&e.createVNode("div",{id:"exception_error_msg",ref:"exceptionMessageRef",style:m.value},[e.createTextVNode("详细信息 : "),e.createVNode("span",{innerHTML:s.value},null)]),d.value&&e.createVNode("span",{style:M.value},[c.value&&e.createVNode("span",{onClick:z,style:"cursor: pointer;"},[C.value]),!c.value&&e.createVNode("span",{onClick:R,style:"cursor: pointer;"},[g.value])])])}function ce(a){return()=>e.createVNode("p",{class:"toast-msg-detail",innerHTML:a.value},null)}function ie(a,t,n,l){const f=e.ref(a.exceptionInfo),r=e.computed(()=>{const M={"f-icon":!0},B=`f-icon-${t.value}`;return M[B]=!0,M}),m=e.computed(()=>n.value||f.value&&f.value.message),s=e.computed(()=>l.value),d=e.computed(()=>!!l.value),c=e.computed(()=>!!f.value);function g(){return c.value?re(f):d.value?ce(s):()=>null}const C=g();return()=>e.createVNode(e.Fragment,null,[e.createVNode("div",{class:"float-left modal-tips-iconwrap"},[e.createVNode("span",{class:r.value},null)]),e.createVNode("div",{class:"modal-tips-content"},[e.createVNode("p",{class:"toast-msg-title",innerHTML:m.value},null),C()])])}function ue(a,t,n){const{onCopy:l}=t,{toShowFeedback:f}=n,r=e.ref("复制成功"),m=e.ref("复制详细信息"),s=e.ref(a.exceptionInfo||{date:"",message:"",detail:""}),d=e.computed(()=>s.value&&s.value.detail||"");function c(g){l(d.value).catch(C=>{r.value="复制失败"}).finally(()=>{f.value=!0,setTimeout(()=>{f.value=!1},700)})}return()=>e.createVNode("span",{style:"width: 100%;color: #2A87FF;padding-left: 37px;"},[e.createVNode("span",{onClick:c,style:"cursor: pointer;"},[m.value])])}function de(a,t,n,l){const f=e.ref(a.type),r=e.ref([]),m=e.ref(a.exceptionInfo),s=e.ref(a.okButtonText),d=e.ref(a.cancelButtonText),c=e.ref(!0),g=e.ref(!0),C=e.computed(()=>!!(r.value&&r.value.length)),M=e.computed(()=>m.value&&m.value.date&&m.value.message&&m.value.detail),B=e.computed(()=>!(r.value&&r.value.length)&&(s.value||d.value)),z=e.computed(()=>g.value&&s.value),R=e.computed(()=>c.value&&d.value),y=ue(a,n,l);function p(k){f.value==="question"&&t.emit("reject"),t.emit("close")}function T(k){f.value==="question"&&t.emit("accept"),t.emit("close")}return()=>e.createVNode("div",{class:"modal-footer"},[M.value&&y(),B.value&&R.value&&e.createVNode("button",{type:"button",class:"btn btn-secondary btn-lg",onClick:p},[d.value]),B.value&&z.value&&e.createVNode("button",{type:"button",class:"btn btn-primary btn-lg",onClick:T},[s.value]),C.value&&r.value.length&&r.value.map(k=>e.createVNode("button",{type:"button",onClick:k.handle,class:k.class},[k.iconClass&&e.createVNode("span",{class:k.iconClass},null),k.text]))])}const D=e.defineComponent({name:"FMessageBox",props:j,emits:["accept","reject","close"],setup(a,t){const n=e.ref(a.type),l=e.ref(a.title),f=e.ref(a.detail),r=e.computed(()=>{const y={"modal-tips":!0,"d-flex":!0,"flex-row":!0},p=`messager-type-${n.value}`;return y[p]=!0,y}),m=e.computed(()=>{const y={};return n.value==="prompt"?y.padding="0.5rem 0.5rem 1rem 1.5rem":n.value==="error"&&(y.padding="0.5rem 1.5rem 1rem 1.5rem"),y}),s=ae(),d=le(a,n,l,f),c=oe(),{feedbackStyle:g,feedbackMessage:C}=c;function M(){return e.createVNode("div",{style:g.value},[C.value])}function B(){switch(n.value){case"prompt":return se(a,d);default:return ie(a,n,l,f)}}const z=B(),R=de(a,t,s,c);return()=>e.createVNode("div",{class:"farris-messager"},[e.createVNode("section",{class:r.value,style:m.value},[z()]),R(),M()])}}),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},showCloseButton:{type:Boolean,default:!0},showMaxButton:{type:Boolean,default:!1},minHeight:{type:Number},maxHeight:{type:Number},minWidth:{type:Number},maxWidth:{type:Number},containment:{type:HTMLElement,default:null},reiszeable:{type:Boolean,default:!1},draggable:{type:Boolean,default:!1},dragHandle:{type:HTMLElement,default:null},closedCallback:{type:Function,default:null},resizeHandle:{type:Function,default:null},render:{type:Function,default:null},acceptCallback:{type:Function,default:null},rejectCallback:{type:Function,default:null},enableEsc:{type:Boolean,default:!0}};class V{constructor(t,n){this.x=t,this.y=n}static getTransformInfo(t){const l=window.getComputedStyle(t).getPropertyValue("transform").replace(/[^-\d,]/g,"").split(",");if(l.length>=6){const f=parseInt(l[4],10),r=parseInt(l[5],10);return{x:f,y:r}}return{x:0,y:0}}static fromEvent(t,n=null){if(this.isMouseEvent(t))return new V(t.clientX,t.clientY);if(n===null||t.changedTouches.length===1)return new V(t.changedTouches[0].clientX,t.changedTouches[0].clientY);for(let l=0;l<t.changedTouches.length;l++)if(t.changedTouches[l].target===n)return new V(t.changedTouches[l].clientX,t.changedTouches[l].clientY)}static isMouseEvent(t){return Object.prototype.toString.apply(t).indexOf("MouseEvent")===8}static isIPosition(t){return!!t&&"x"in t&&"y"in t}static getCurrent(t){const n=new V(0,0);if(window){const l=window.getComputedStyle(t);if(l){const f=parseInt(l.getPropertyValue("left"),10),r=parseInt(l.getPropertyValue("top"),10);n.x=isNaN(f)?0:f,n.y=isNaN(r)?0:r}return n}return null}static copy(t){return new V(0,0).set(t)}get value(){return{x:this.x,y:this.y}}add(t){return this.x+=t.x,this.y+=t.y,this}subtract(t){return this.x-=t.x,this.y-=t.y,this}multiply(t){this.x*=t,this.y*=t}divide(t){this.x/=t,this.y/=t}reset(){return this.x=0,this.y=0,this}set(t){return this.x=t.x,this.y=t.y,this}}class F{constructor(t,n){this.width=t,this.height=n}static getCurrent(t){const n=new F(0,0);if(window){const l=window.getComputedStyle(t);return l&&(n.width=parseInt(l.getPropertyValue("width"),10),n.height=parseInt(l.getPropertyValue("height"),10)),n}return null}static copy(t){return new F(0,0).set(t)}set(t){return this.width=t.width,this.height=t.height,this}}function he(a,t){const n=e.ref(),l=e.ref(),f=e.ref(),r=e.ref(),m=e.ref(),s=e.ref(),d=e.ref(),c=e.ref(),g=e.ref(),C=e.ref(),M=e.ref(),B=e.ref(),z=e.ref(a.draggable),R=e.ref(!1);function y(){const i=l.value||document.body,u=window.getComputedStyle(i);if(!u||!n.value)return;const x=V.getTransformInfo(n.value),v={};d.value&&(v.deltaL=n.value.offsetLeft-d.value.x,v.deltaT=n.value.offsetTop-d.value.y);const E=u.getPropertyValue("position");v.width=i.clientWidth,v.height=i.clientHeight,v.pr=parseInt(u.getPropertyValue("padding-right"),10),v.pb=parseInt(u.getPropertyValue("padding-bottom"),10),v.position=u.getPropertyValue("position"),E==="static"&&(i.style.position="relative"),v.translateX=x.x,v.translateY=x.y,C.value=v}function p(i){if(n.value){r.value=F.getCurrent(n.value),m.value=V.getCurrent(n.value),s.value=r.value?F.copy(r.value):null,d.value=m.value?V.copy(m.value):null,y();const u=i.target.getAttribute("type")||"";c.value={n:!!u.match(/n/),s:!!u.match(/s/),w:!!u.match(/w/),e:!!u.match(/e/)}}}function T(){var i,u,x,v;if(n.value){const E=n.value;c.value&&((c.value.n||c.value.s)&&((i=s.value)!=null&&i.height)&&(E.style.height=s.value.height+"px"),(c.value.w||c.value.e)&&((u=s.value)!=null&&u.width)&&(E.style.width=s.value.width+"px"),d.value&&((x=d.value)!=null&&x.x&&(E.style.left=d.value.x+"px"),(v=d.value)!=null&&v.y&&(E.style.top=d.value.y+"px")))}}function k(){const i=a.minHeight?a.minHeight:1,u=a.minWidth?a.minWidth:1;s.value&&d.value&&c.value&&r.value&&(s.value.height<i&&(s.value.height=i,c.value.n&&m.value&&(d.value.y=m.value.y+(r.value.height-i))),s.value.width<u&&(s.value.width=u,c.value.w&&m.value&&(d.value.x=m.value.x+(r.value.width-u))),a.maxHeight&&s.value.height>a.maxHeight&&(s.value.height=a.maxHeight,m.value&&c.value.n&&(d.value.y=m.value.y+(r.value.height-a.maxHeight))),a.maxWidth&&s.value.width>a.maxWidth&&(s.value.width=a.maxWidth,c.value.w&&m.value&&(d.value.x=m.value.x+(r.value.width-a.maxWidth))))}function I(){if(l.value){const i=C.value;if(d.value&&s.value&&c.value&&r.value){const u=i.width-i.pr-i.deltaL-i.translateX-d.value.x,x=i.height-i.pb-i.deltaT-i.translateY-d.value.y;c.value.n&&d.value.y+i.translateY<0&&m.value&&(d.value.y=-i.translateY,s.value.height=r.value.height+m.value.y+i.translateY),c.value.w&&d.value.x+i.translateX<0&&m.value&&(d.value.x=-i.translateX,s.value.width=r.value.width+m.value.x+i.translateX),s.value.width>u&&(s.value.width=u),s.value.height>x&&(s.value.height=x)}}}function A(i){if(!f.value||!r.value||!m.value||!c.value)return;i.subtract(f.value);const u=i.x,x=i.y;c.value.n?(d.value.y=m.value.y+x,s.value.height=r.value.height-x):c.value.s&&(s.value.height=r.value.height+x),c.value.e?s.value.width=r.value.width+u:c.value.w&&(s.value.width=r.value.width-u,d.value.x=m.value.x+u),I(),k(),T()}function h(i){if(!g.value)return;const u=V.fromEvent(i);u&&A(u)}function w(){if(n.value){const{width:i,height:u,x,y:v}=n.value.getBoundingClientRect(),E=V.getTransformInfo(n.value);return{size:{width:i,height:u},position:{x:x-E.x,y:v-E.y}}}return null}function S(i){if(n.value){const u=w();M.value=u}f.value=void 0,r.value=null,m.value=null,s.value=null,d.value=null,c.value=null,g.value=null,document.removeEventListener("mousemove",h),document.removeEventListener("mouseup",S)}function L(){document.addEventListener("mousemove",h),document.addEventListener("mouseup",S)}function N(i){i instanceof MouseEvent&&i.button===2||z.value&&(i.stopPropagation(),i.preventDefault(),f.value=V.fromEvent(i),g.value=i.target,p(i),L())}function W(i){return n.value=i,e.createVNode(e.Fragment,null,[e.createVNode("div",{class:"ng-resizable-handle ng-resizable-n",type:"n",onMousedown:u=>N(u)},null),e.createVNode("div",{class:"ng-resizable-handle ng-resizable-e",type:"e",onMousedown:u=>N(u)},null),e.createVNode("div",{class:"ng-resizable-handle ng-resizable-s",type:"s",onMousedown:u=>N(u)},null),e.createVNode("div",{class:"ng-resizable-handle ng-resizable-w",type:"w",onMousedown:u=>N(u)},null),e.createVNode("div",{class:"ng-resizable-handle ng-resizable-ne",type:"ne",onMousedown:u=>N(u)},null),e.createVNode("div",{class:"ng-resizable-handle ng-resizable-se ng-resizable-diagonal",type:"se",onMousedown:u=>N(u)},null),e.createVNode("div",{class:"ng-resizable-handle ng-resizable-sw",type:"sw",onMousedown:u=>N(u)},null),e.createVNode("div",{class:"ng-resizable-handle ng-resizable-nw",type:"nw",onMousedown:u=>N(u)},null)])}function X(i=!0){const u=l.value||document.body,x=F.getCurrent(u),v=n.value;i&&(B.value=w(),B.value.transform=v.style.transform),x&&v&&(s.value=x,v.style.height=s.value.height-14+"px",v.style.width=s.value.width-14+"px",v.style.left="7px",v.style.top="7px",v.style.transform="",M.value={size:s.value,position:{x:0,y:0}},z.value=!1,R.value=!0)}function J(){var i,u;if(B.value){const x={width:B.value.size.width||0,height:B.value.size.height||0},v={x:(window.innerWidth-x.width)/2,y:(window.innerHeight-x.height)/2};(i=s.value)==null||i.set(x),(u=d.value)==null||u.set(v);const E=n.value;E.style.height=x.height+"px",E.style.width=x.width+"px",E.style.left=`${v.x}px`,E.style.top=`${v.y}px`,E.style.transform="",M.value={size:x,position:v},z.value=a.draggable,R.value=!1}}function K(){if(n.value){const i=F.getCurrent(n.value);if(i){const{width:u,height:x}=i;n.value.style.left=`${(window.innerWidth-u)/2}px`,n.value.style.top=`${(window.innerHeight-x)/2}px`,n.value.style.transform=""}}}function Y(){const i=()=>{R.value?X(!1):K()};return window.addEventListener("resize",i),()=>{window.removeEventListener("resize",i)}}const G=Y();return{renderResizeBar:W,boundingElement:l,resizedEventParam:M,maximize:X,restore:J,allowDrag:z,isMaximized:R,unWindowResizeHandle:G}}function me(a,t){const n=e.ref(),l=e.ref(a.draggable),f=e.ref(a.lockAxis),r=e.ref(),m=e.ref(),s=e.ref(!1),d=e.ref(new V(0,0)),c=e.ref(new V(0,0)),g=e.ref(new V(0,0)),C=e.ref(new V(0,0));function M(h,w){if(w.tagName==="BUTTON")return!1;if(w===h)return!0;for(const S in w.children)if(w.children.hasOwnProperty(S)&&M(h,w.children[S]))return!0;return!1}function B(){var L,N;let h=g.value.x+c.value.x,w=g.value.y+c.value.y;f.value==="x"?(h=((L=d.value)==null?void 0:L.x)||0,g.value.x=0):f.value==="y"&&(w=((N=d.value)==null?void 0:N.y)||0,g.value.y=0);const S=`translate3d(${Math.round(h)}px, ${Math.round(w)}px, 0px)`;n.value&&(n.value.style.transform=S),C.value.x=h,C.value.y=w}function z(){if(!m.value||!n.value)return null;const h=m.value.getBoundingClientRect(),w=n.value.getBoundingClientRect(),S={top:h.top<w.top,right:h.right>w.right,bottom:h.bottom>w.bottom,left:h.left<w.left};return S.top||(g.value.y-=w.top-h.top),S.bottom||(g.value.y-=w.bottom-h.bottom),S.right||(g.value.x-=w.right-h.right),S.left||(g.value.x-=w.left-h.left),B(),S}function R(h){h&&(d.value&&h.subtract(d.value),g.value.set(h),B(),z())}function y(h){s.value&&l.value&&(h.stopPropagation(),h.preventDefault(),R(V.fromEvent(h,r.value)))}function p(){var h;s.value&&(s.value=!1,c.value.add(g.value),g.value.reset(),(h=n.value)==null||h.classList.remove("ng-dragging"),document.removeEventListener("mousemove",y),document.removeEventListener("mouseup",p))}function T(){!s.value&&r.value&&(s.value=!0,r.value.classList.add("ng-dragging"),document.addEventListener("mousemove",y),document.addEventListener("mouseup",p))}function k(){if(n.value){const h=V.getTransformInfo(n.value);c.value.set(h);return}c.value.reset()}function I(h){if(h instanceof MouseEvent&&h.button===2)return;const w=h.target||h.srcElement;r.value!==void 0&&w&&!M(w,r.value)||l.value!==!1&&(h.stopPropagation(),h.preventDefault(),d.value=V.fromEvent(h,n.value),k(),T())}function A(h,w,S){h&&l.value&&w&&(r.value=h,n.value=w,m.value=S,h.classList.add("ng-draggable"),h.addEventListener("mousedown",I))}return{registerDraggle:A,resetTranslate:k}}function ge(a,t){const n=e.ref(a.enableEsc);function l(f){f.key==="Escape"&&a.enableEsc&&t.emit("esc",{event:f,type:"esc"})}n.value&&document.addEventListener("keydown",l)}const Q=e.defineComponent({name:"FModal",props:fe,emits:["update:modelValue","accept","cancel","closed","resize","esc"],setup(a,t){const n=e.ref(a.width||300),l=e.ref(a.height||200),f=e.ref(a.modelValue),r=e.ref(""),m=e.ref(a.class),s=e.ref(a.fitContent),d=e.ref(a.showHeader),c=e.ref(""),g=e.ref(a.showCloseButton),C=e.ref(a.showMaxButton),M=e.ref(!1),B=e.ref(""),z=e.ref(""),R=e.ref(""),y=e.ref(a.showButtons),p=e.ref(a.title),T=e.ref(a.reiszeable),k=e.ref(a.containment||null);function I(o,b){f.value=!1,t.emit("update:modelValue",!1),b!=null&&t.emit(b?"accept":"cancel"),t.emit("closed",o)}const A=[{name:"cancel",text:"取消",class:"btn btn-light",handle:o=>{I(o,!1)}},{name:"accept",text:"确定",class:"btn btn-primary",handle:o=>{I(o,!0)}}],h=e.ref(a.buttons&&a.buttons.length?a.buttons:A),w=e.computed(()=>!!c.value),S=e.computed(()=>!!y.value&&!!h.value),L=e.ref(),N=e.ref(),W=e.ref(!1),{renderResizeBar:X,maximize:J,restore:K,boundingElement:Y,resizedEventParam:G,allowDrag:i,unWindowResizeHandle:u}=he(a),{registerDraggle:x}=me(a);e.watch(()=>a.title,(o,b)=>{o!==b&&(p.value=o)}),e.watch(()=>a.modelValue,(o,b)=>{o!==b&&(f.value=o)}),e.watch(()=>a.showHeader,(o,b)=>{o!==b&&(d.value=o)}),e.watch(()=>a.showButtons,(o,b)=>{o!==b&&(y.value=o)}),e.watch(()=>G.value,(o,b)=>{const $=o||{},U=b||{};JSON.stringify($)!==JSON.stringify(U)&&t.emit("resize",{newSize:o,oldSize:b})});function v(){const o=document.querySelectorAll(".farris-modal").length;(!o||o-1<=0)&&document.body.classList.remove("modal-open")}const E=e.computed(()=>(f.value?document.body.classList.add("modal-open"):v(),f.value)),ye=e.computed(()=>{const o={modal:!0,"farris-modal":!0,fade:!0,show:E.value};return o["f-modal-fitContent"]=!!s.value,o}),we=e.computed(()=>{var $;const o={"modal-dialog":!0},b=($=m.value)==null?void 0:$.split(" ");return b==null||b.reduce((U,Se)=>(U[Se]=!0,U),o),o}),xe=e.computed(()=>({position:"absolute",top:`${(window.innerHeight-l.value)/2}px`,left:`${(window.innerWidth-n.value)/2}px`,width:`${n.value}px`,height:s.value?"auto":`${l.value}px`})),be=e.computed(()=>({"modal-content":!0,"modal-content-has-header":d.value})),Ce=e.computed(()=>{const o={display:d.value?"":"none"};return o["pointer-events"]=i.value?"auto":"none",o}),Me=e.computed(()=>({"f-icon":!0,modal_maximize:!0,modalrevert:W.value})),Te=e.computed(()=>({"modal-body":!0,"f-utils-flex-column":B.value==="iframe"}));function Be(){return{}}const Ve=e.computed(()=>{const o={textAlgin:R.value},b=Be();return Object.assign(o,b)});function ke(o){if(o.stopPropagation(),W.value){W.value=!1,K();return}J(),W.value=!0}async function Ne(o,b){o.handle&&await o.handle(b,o)&&t.emit("closed",b)}function Ee(o){o.width&&(n.value=o.width),o.height&&(l.value=o.height),o.buttons&&(h.value=o.buttons),o.title&&(p.value=o.title)}e.onMounted(()=>{N.value&&!k.value&&(k.value=N.value.parentElement,Y.value=k.value,x(L.value,N.value,Y.value)),E.value&&document.body.classList.add("modal-open"),ge(a,t)}),e.onUnmounted(()=>{v(),u&&u()}),t.expose({modalElementRef:N,updateModalOptions:Ee,close:I});function ze(){return e.createVNode("ul",null,[M.value&&e.createVNode("li",{class:"f-btn-icon f-bare"},[e.createVNode("span",{class:"f-icon modal_minimize"},null)]),C.value&&e.createVNode("li",{onClick:ke,class:"f-btn-icon f-bare",style:"pointer-events: auto;"},[e.createVNode("span",{class:Me.value},null)]),g.value&&e.createVNode("li",{class:"f-btn-icon f-bare",onClick:o=>I(o,!1),style:"pointer-events: auto;"},[e.createVNode("span",{class:"f-icon modal_close"},null)])])}function Re(){return e.createVNode("div",{class:"modal-footer",style:Ve.value},[h.value&&h.value.map(o=>e.createVNode("button",{name:o.name,type:"button",class:o.class+(o.iconClass?" btn-icontext":""),onClick:b=>{Ne(o,b)}},[!!o.iconClass&&e.createVNode("i",{class:o.iconClass},null),o.text]))])}return()=>e.createVNode(e.Teleport,{to:"body"},{default:()=>{var o,b;return[E.value&&e.createVNode("div",{class:ye.value,style:"display: block"},[e.createVNode("div",{id:r.value,class:we.value,style:xe.value,ref:N},[e.createVNode("div",{class:be.value},[e.createVNode("div",{ref:L,class:"modal-header",style:Ce.value},[e.createVNode("div",{class:"modal-title"},[w.value&&e.createVNode("span",{class:c.value,style:"margin-right: 8px"},null),e.createVNode("span",{class:"modal-title-label"},[p.value])]),e.createVNode("div",{class:"actions"},[ze()])]),e.createVNode("div",{class:Te.value},[(b=(o=t.slots).default)==null?void 0:b.call(o),B.value==="iframe"&&e.createVNode("iframe",{title:r.value,class:"f-utils-fill",width:"100%",frameborder:"0",src:z.value},null)]),S.value&&Re()]),!s.value&&T.value&&N.value&&X(N.value)])])]}})}});function Z(a){if(a.content&&a.content.render)return a.content.render;if(a.render&&typeof a.render=="function")return a.render}function pe(a){const t=document.createElement("div");t.style.display="contents";const n=e.createApp({setup(l,f){e.onUnmounted(()=>{document.body.removeChild(t)});const r=e.ref(),m=e.ref(a.class||""),s=e.ref(!!a.showButtons),d=e.ref(!!a.showHeader),c=e.ref(a.showCloseButton==null?!0:a.showCloseButton),g=e.ref(!0),C=e.ref(a.title||""),M=a.acceptCallback||(()=>{}),B=a.rejectCallback||(()=>{}),z=a.closedCallback||(T=>{}),R=a.resizeHandle||(T=>{}),y=Z(a),p=T=>{g.value=!1,n.unmount(),z(T)};return e.onMounted(()=>{}),f.expose({modalRef:r}),()=>e.createVNode(Q,{ref:r,class:m.value,modelValue:g.value,"onUpdate:modelValue":T=>g.value=T,title:C.value,width:a.width,height:a.height,buttons:a.buttons,"show-header":d.value,"show-buttons":s.value,"show-close-button":c.value,"show-max-button":!1,onAccept:M,onCancel:B,fitContent:a.fitContent==null?!0:a.fitContent,onClosed:p,onResize:R},{default:()=>[y&&y(n)]})}});return document.body.appendChild(t),n.mount(t),n}class ve{constructor(t){P(this,"appContext",null);P(this,"modalRef",e.ref());P(this,"activeModalIndex",e.ref(0));P(this,"modalRefs",{});P(this,"isUseEscCloseModal",e.ref(!1));P(this,"activeModalInstance",e.computed(()=>this.modalRefs[this.activeModalIndex.value]));this.appContext=t?t._context:null}getCurrentModal(){return this.activeModalInstance.value}static show(t){const n=Object.assign({title:"",showButtons:!0,showHeader:!0},t);return pe(n)}open(t){const n=document.createDocumentFragment();t.showMaxButton&&t.fitContent&&(t.showMaxButton=!1);const l=e.shallowRef(Object.assign({title:"",showButtons:!0,showHeader:!0},t)),f=e.ref(!0),r=l.value.acceptCallback||(()=>{}),m=l.value.rejectCallback||(()=>{}),s=l.value.closedCallback||((p,T)=>{}),d=l.value.resizeHandle||(p=>{});let c;const g=Z(l.value),C=p=>{var k;f.value=!1;const T=(k=p==null?void 0:p.target)==null?void 0:k.classList.contains("modal_close");s(p,this.isUseEscCloseModal.value?"esc":T?"icon":"button")},M=p=>{C(p),c&&e.nextTick(()=>{if(this.modalRefs[this.activeModalIndex.value]&&delete this.modalRefs[this.activeModalIndex.value],e.render(null,n),c=null,this.modalRef.value=null,this.modalRefs){const T=Object.keys(this.modalRefs);T.length>0?this.activeModalIndex.value=Math.max(...T):this.activeModalIndex.value=0}this.isUseEscCloseModal.value=!1})},B=p=>{var T;this.isUseEscCloseModal.value=!0,this.activeModalInstance&&((T=this.activeModalInstance.value)==null||T.close(p==null?void 0:p.event))},z=()=>e.createVNode(Q,e.mergeProps({ref:this.modalRef,modelValue:f.value,"onUpdate:modelValue":p=>f.value=p},l.value,{onAccept:r,onCancel:m,onClosed:M,onResize:d,onEsc:B}),{default:()=>[g&&g()]});return c=(p=>{const T=e.h(z,p);return T.appContext=this.appContext,e.render(T,n),T})({...l.value}),this.activeModalIndex.value++,this.modalRefs[this.activeModalIndex.value]=this.modalRef.value,{update:p=>{l.value={...l.value,...p},c&&e.render(e.cloneVNode(c,{...l}),n)},destroy:M,modalRef:this.activeModalInstance}}}class O{static show(t){let n=new ve;const l=e.reactive({...t}),f=!1,r=l.type==="error"||l.type==="prompt",m=l.type==="error"?"错误提示":l.type==="prompt"&&l.title||"",s=l.acceptCallback||(()=>{}),d=l.rejectCallback||(()=>{});let c=null;const g=()=>{c&&(c==null||c.destroy(),n=null)};c=n==null?void 0:n.open({class:"modal-message modal-message-type-info",title:m,showButtons:f,showHeader:r,width:l.width||400,fitContent:!0,showMaxButton:!1,render:()=>e.createVNode(D,e.mergeProps(l,{onAccept:s,onReject:d,onClose:g}),null)})}static info(t,n){const l=e.reactive({type:"info",title:t,detail:n,okButtonText:"知道了",cancelButtonText:""});O.show(l)}static warning(t,n){const l=e.reactive({type:"warning",title:t,detail:n,okButtonText:"知道了",cancelButtonText:""});O.show(l)}static success(t,n){const l=e.reactive({type:"success",title:t,detail:n,okButtonText:"关闭",cancelButtonText:""});O.show(l)}static error(t,n,l){const f=e.reactive({width:500,type:"error",okButtonText:"关闭",cancelButtonText:"",exceptionInfo:{date:l,message:t,detail:n}});O.show(f)}static prompt(t,n){const l=e.reactive({type:"prompt",title:t,detail:n,okButtonText:"确定",cancelButtonText:"取消"});O.show(l)}static question(t,n,l,f){const r=e.reactive({type:"question",title:t,detail:n,okButtonText:"确定",cancelButtonText:"取消",acceptCallback:l,rejectCallback:f});O.show(r)}}D.install=a=>{a.component(D.name,D),a.provide("FMessageBoxService",O)},H.FMessageBox=D,H.FMessageBoxService=O,H.default=D,H.messageBoxProps=j,Object.defineProperties(H,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(S,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(S=typeof globalThis<"u"?globalThis:S||self,e(S["message-box"]={},S.Vue))})(this,function(S,e){"use strict";var Oe=Object.defineProperty;var Ie=(S,e,L)=>e in S?Oe(S,e,{enumerable:!0,configurable:!0,writable:!0,value:L}):S[e]=L;var A=(S,e,L)=>Ie(S,typeof e!="symbol"?e+"":e,L);const L={width:{Type:Number,default:400},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 q(){return new DOMException("The request is not allowed","NotAllowedError")}async function ee(t){if(!navigator.clipboard)throw q();return navigator.clipboard.writeText(t)}async function te(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 n=window.getSelection(),l=window.document.createRange();n==null||n.removeAllRanges(),l.selectNode(a),n==null||n.addRange(l);let f=!1;try{f=window.document.execCommand("copy")}finally{n==null||n.removeAllRanges(),window.document.body.removeChild(a)}if(!f)throw q()}async function ae(t){try{await ee(t)}catch(a){try{await te(t)}catch(n){throw n||a||q()}}}function ne(){async function t(a){await ae(a)}return{onCopy:t}}function le(t,a,n,l){const f=e.ref(14),s=e.ref(140),h=e.ref(""),r=e.ref(l.value.length),u=e.computed(()=>l.value),c=e.computed(()=>({"font-size":`${f.value}px`,height:"100%"}));function g(C){if(C.currentTarget){const M=C.currentTarget.value||"";r.value=M.length}}return()=>e.createVNode(e.Fragment,null,[e.createVNode("textarea",{title:"promptMessage",name:"promptMessage",class:"form-control",style:c.value,rows:"4",maxlength:s.value,onInput:C=>g(C)},[u.value]),e.createVNode("span",{class:"textarea-wordcount",title:h.value,style:"position: absolute; bottom: 76px; right: 32px; cursor: pointer; text-align: right;"},[r.value+" / "+s.value])])}function oe(t,a,n,l){const f=le(t,a,n,l),s=new Map([["text-area",f]]);function h(r){return s.get(r)||null}return{getEditorRender:h}}function se(){const t=e.ref(!1),a=e.ref("复制成功");return{feedbackStyle:e.computed(()=>{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=t.value?"0.8":"0",l.display=t.value?"":"none",l}),feedbackMessage:a,toShowFeedback:t}}function re(t,a){const n=a.getEditorRender(t.promptEditorType);return()=>n&&n()}function ce(t){const a=e.ref(3),n=e.ref(480),l=e.computed(()=>!!t.value&&!!t.value.date),f=e.computed(()=>`发生时间 : ${t.value&&t.value.date||""}`),s=e.computed(()=>!!t.value&&!!t.value.detail),h=e.computed(()=>{const y=`${n.value}px`;return{overflow:"hidden","text-overflow":"ellipsis",display:"-webkit-box","-webkit-box-orient":"vertical","-webkit-line-clamp":a.value,"max-height":y}}),r=e.computed(()=>t.value&&t.value.detail||""),u=e.computed(()=>!0),c=e.ref(!1),g=e.ref("展开"),C=e.ref("收起"),M=e.computed(()=>{const y={display:"block",color:"#2A87FF"};return y["text-align"]=c.value?"":"right",y});function B(y,v){c.value=!c.value,a.value=c.value?20:3}function N(y){return B()}function E(y){return B()}return()=>e.createVNode("div",{class:"toast-msg-detail"},[l.value&&e.createVNode("div",null,[f.value]),s.value&&e.createVNode("div",{id:"exception_error_msg",ref:"exceptionMessageRef",style:h.value},[e.createTextVNode("详细信息 : "),e.createVNode("span",{innerHTML:r.value},null)]),u.value&&e.createVNode("span",{style:M.value},[c.value&&e.createVNode("span",{onClick:N,style:"cursor: pointer;"},[C.value]),!c.value&&e.createVNode("span",{onClick:E,style:"cursor: pointer;"},[g.value])])])}function ie(t){return()=>e.createVNode("p",{class:"toast-msg-detail",innerHTML:t.value},null)}function ue(t,a,n,l){const f=e.ref(t.exceptionInfo),s=e.computed(()=>{const M={"f-icon":!0},B=`f-icon-${a.value}`;return M[B]=!0,M}),h=e.computed(()=>n.value||f.value&&f.value.message),r=e.computed(()=>l.value),u=e.computed(()=>!!l.value),c=e.computed(()=>!!f.value);function g(){return c.value?ce(f):u.value?ie(r):()=>null}const C=g();return()=>e.createVNode(e.Fragment,null,[e.createVNode("div",{class:"float-left modal-tips-iconwrap"},[e.createVNode("span",{class:s.value},null)]),e.createVNode("div",{class:"modal-tips-content"},[e.createVNode("p",{class:"toast-msg-title",innerHTML:h.value},null),C()])])}function de(t,a,n){const{onCopy:l}=a,{toShowFeedback:f}=n,s=e.ref("复制成功"),h=e.ref("复制详细信息"),r=e.ref(t.exceptionInfo||{date:"",message:"",detail:""}),u=e.computed(()=>r.value&&r.value.detail||"");function c(g){l(u.value).catch(C=>{s.value="复制失败"}).finally(()=>{f.value=!0,setTimeout(()=>{f.value=!1},700)})}return()=>e.createVNode("span",{style:"width: 100%;color: #2A87FF;padding-left: 37px;"},[e.createVNode("span",{onClick:c,style:"cursor: pointer;"},[h.value])])}function fe(t,a,n,l){const f=e.ref(t.type),s=e.ref([]),h=e.ref(t.exceptionInfo),r=e.ref(t.okButtonText),u=e.ref(t.cancelButtonText),c=e.ref(!0),g=e.ref(!0),C=e.computed(()=>!!(s.value&&s.value.length)),M=e.computed(()=>h.value&&h.value.date&&h.value.message&&h.value.detail),B=e.computed(()=>!(s.value&&s.value.length)&&(r.value||u.value)),N=e.computed(()=>g.value&&r.value),E=e.computed(()=>c.value&&u.value),y=de(t,n,l);function v(k){f.value==="question"&&a.emit("reject"),a.emit("close")}function T(k){f.value==="question"&&a.emit("accept"),a.emit("close")}return()=>e.createVNode("div",{class:"modal-footer"},[M.value&&y(),B.value&&E.value&&e.createVNode("button",{type:"button",class:"btn btn-secondary btn-lg",onClick:v},[u.value]),B.value&&N.value&&e.createVNode("button",{type:"button",class:"btn btn-primary btn-lg",onClick:T},[r.value]),C.value&&s.value.length&&s.value.map(k=>e.createVNode("button",{type:"button",onClick:k.handle,class:k.class},[k.iconClass&&e.createVNode("span",{class:k.iconClass},null),k.text]))])}const $=e.defineComponent({name:"FMessageBox",props:L,emits:["accept","reject","close"],setup(t,a){const n=e.ref(t.type),l=e.ref(t.title),f=e.ref(t.detail),s=e.computed(()=>{const y={"modal-tips":!0,"d-flex":!0,"flex-row":!0},v=`messager-type-${n.value}`;return y[v]=!0,y}),h=e.computed(()=>{const y={};return n.value==="prompt"?y.padding="0.5rem 0.5rem 1rem 1.5rem":n.value==="error"&&(y.padding="0.5rem 1.5rem 1rem 1.5rem"),y}),r=ne(),u=oe(t,n,l,f),c=se(),{feedbackStyle:g,feedbackMessage:C}=c;function M(){return e.createVNode("div",{style:g.value},[C.value])}function B(){switch(n.value){case"prompt":return re(t,u);default:return ue(t,n,l,f)}}const N=B(),E=fe(t,a,r,c);return()=>e.createVNode("div",{class:"farris-messager"},[e.createVNode("section",{class:s.value,style:h.value},[N()]),E(),M()])}}),he={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},showCloseButton:{type:Boolean,default:!0},showMaxButton:{type:Boolean,default:!1},minHeight:{type:Number},maxHeight:{type:Number},minWidth:{type:Number},maxWidth:{type:Number},containment:{type:HTMLElement,default:null},reiszeable:{type:Boolean,default:!1},draggable:{type:Boolean,default:!1},dragHandle:{type:Object,default:null},closedCallback:{type:Function,default:null},resizeHandle:{type:Function,default:null},render:{type:Function,default:null},acceptCallback:{type:Function,default:null},rejectCallback:{type:Function,default:null},enableEsc:{type:Boolean,default:!0}};class V{constructor(a,n){this.x=a,this.y=n}static getTransformInfo(a){const l=window.getComputedStyle(a).getPropertyValue("transform").replace(/[^-\d,]/g,"").split(",");if(l.length>=6){const f=parseInt(l[4],10),s=parseInt(l[5],10);return{x:f,y:s}}return{x:0,y:0}}static fromEvent(a,n=null){if(this.isMouseEvent(a))return new V(a.clientX,a.clientY);if(n===null||a.changedTouches.length===1)return new V(a.changedTouches[0].clientX,a.changedTouches[0].clientY);for(let l=0;l<a.changedTouches.length;l++)if(a.changedTouches[l].target===n)return new V(a.changedTouches[l].clientX,a.changedTouches[l].clientY)}static isMouseEvent(a){return Object.prototype.toString.apply(a).indexOf("MouseEvent")===8}static isIPosition(a){return!!a&&"x"in a&&"y"in a}static getCurrent(a){const n=new V(0,0);if(window){const l=window.getComputedStyle(a);if(l){const f=parseInt(l.getPropertyValue("left"),10),s=parseInt(l.getPropertyValue("top"),10);n.x=isNaN(f)?0:f,n.y=isNaN(s)?0:s}return n}return null}static copy(a){return new V(0,0).set(a)}get value(){return{x:this.x,y:this.y}}add(a){return this.x+=a.x,this.y+=a.y,this}subtract(a){return this.x-=a.x,this.y-=a.y,this}multiply(a){this.x*=a,this.y*=a}divide(a){this.x/=a,this.y/=a}reset(){return this.x=0,this.y=0,this}set(a){return this.x=a.x,this.y=a.y,this}}class P{constructor(a,n){this.width=a,this.height=n}static getCurrent(a){const n=new P(0,0);if(window){const l=window.getComputedStyle(a);return l&&(n.width=parseInt(l.getPropertyValue("width"),10),n.height=parseInt(l.getPropertyValue("height"),10)),n}return null}static copy(a){return new P(0,0).set(a)}set(a){return this.width=a.width,this.height=a.height,this}}function me(t,a){const n=e.ref(),l=e.ref(),f=e.ref(),s=e.ref(),h=e.ref(),r=e.ref(),u=e.ref(),c=e.ref(),g=e.ref(),C=e.ref(),M=e.ref(),B=e.ref(),N=e.ref(t.draggable),E=e.ref(!1);function y(){const i=l.value||document.body,d=window.getComputedStyle(i);if(!d||!n.value)return;const x=V.getTransformInfo(n.value),w={};u.value&&(w.deltaL=n.value.offsetLeft-u.value.x,w.deltaT=n.value.offsetTop-u.value.y);const z=d.getPropertyValue("position");w.width=i.clientWidth,w.height=i.clientHeight,w.pr=parseInt(d.getPropertyValue("padding-right"),10),w.pb=parseInt(d.getPropertyValue("padding-bottom"),10),w.position=d.getPropertyValue("position"),z==="static"&&(i.style.position="relative"),w.translateX=x.x,w.translateY=x.y,C.value=w}function v(i){if(n.value){s.value=P.getCurrent(n.value),h.value=V.getCurrent(n.value),r.value=s.value?P.copy(s.value):null,u.value=h.value?V.copy(h.value):null,y();const d=i.target.getAttribute("type")||"";c.value={n:!!d.match(/n/),s:!!d.match(/s/),w:!!d.match(/w/),e:!!d.match(/e/)}}}function T(){var i,d,x,w;if(n.value){const z=n.value;c.value&&((c.value.n||c.value.s)&&((i=r.value)!=null&&i.height)&&(z.style.height=r.value.height+"px"),(c.value.w||c.value.e)&&((d=r.value)!=null&&d.width)&&(z.style.width=r.value.width+"px"),u.value&&((x=u.value)!=null&&x.x&&(z.style.left=u.value.x+"px"),(w=u.value)!=null&&w.y&&(z.style.top=u.value.y+"px")))}}function k(){const i=t.minHeight?t.minHeight:1,d=t.minWidth?t.minWidth:1;r.value&&u.value&&c.value&&s.value&&(r.value.height<i&&(r.value.height=i,c.value.n&&h.value&&(u.value.y=h.value.y+(s.value.height-i))),r.value.width<d&&(r.value.width=d,c.value.w&&h.value&&(u.value.x=h.value.x+(s.value.width-d))),t.maxHeight&&r.value.height>t.maxHeight&&(r.value.height=t.maxHeight,h.value&&c.value.n&&(u.value.y=h.value.y+(s.value.height-t.maxHeight))),t.maxWidth&&r.value.width>t.maxWidth&&(r.value.width=t.maxWidth,c.value.w&&h.value&&(u.value.x=h.value.x+(s.value.width-t.maxWidth))))}function D(){if(l.value){const i=C.value;if(u.value&&r.value&&c.value&&s.value){const d=i.width-i.pr-i.deltaL-i.translateX-u.value.x,x=i.height-i.pb-i.deltaT-i.translateY-u.value.y;c.value.n&&u.value.y+i.translateY<0&&h.value&&(u.value.y=-i.translateY,r.value.height=s.value.height+h.value.y+i.translateY),c.value.w&&u.value.x+i.translateX<0&&h.value&&(u.value.x=-i.translateX,r.value.width=s.value.width+h.value.x+i.translateX),r.value.width>d&&(r.value.width=d),r.value.height>x&&(r.value.height=x)}}}function F(i){if(!f.value||!s.value||!h.value||!c.value)return;i.subtract(f.value);const d=i.x,x=i.y;c.value.n?(u.value.y=h.value.y+x,r.value.height=s.value.height-x):c.value.s&&(r.value.height=s.value.height+x),c.value.e?r.value.width=s.value.width+d:c.value.w&&(r.value.width=s.value.width-d,u.value.x=h.value.x+d),D(),k(),T()}function m(i){if(!g.value)return;const d=V.fromEvent(i);d&&F(d)}function p(){if(n.value){const{width:i,height:d,x,y:w}=n.value.getBoundingClientRect(),z=V.getTransformInfo(n.value);return{size:{width:i,height:d},position:{x:x-z.x,y:w-z.y}}}return null}function R(i){if(n.value){const d=p();M.value=d}f.value=void 0,s.value=null,h.value=null,r.value=null,u.value=null,c.value=null,g.value=null,document.removeEventListener("mousemove",m),document.removeEventListener("mouseup",R)}function I(){document.addEventListener("mousemove",m),document.addEventListener("mouseup",R)}function H(i){i instanceof MouseEvent&&i.button===2||N.value&&(i.stopPropagation(),i.preventDefault(),f.value=V.fromEvent(i),g.value=i.target,v(i),I())}function j(i){return n.value=i,e.createVNode(e.Fragment,null,[e.createVNode("div",{class:"ng-resizable-handle ng-resizable-n",type:"n",onMousedown:d=>H(d)},null),e.createVNode("div",{class:"ng-resizable-handle ng-resizable-e",type:"e",onMousedown:d=>H(d)},null),e.createVNode("div",{class:"ng-resizable-handle ng-resizable-s",type:"s",onMousedown:d=>H(d)},null),e.createVNode("div",{class:"ng-resizable-handle ng-resizable-w",type:"w",onMousedown:d=>H(d)},null),e.createVNode("div",{class:"ng-resizable-handle ng-resizable-ne",type:"ne",onMousedown:d=>H(d)},null),e.createVNode("div",{class:"ng-resizable-handle ng-resizable-se ng-resizable-diagonal",type:"se",onMousedown:d=>H(d)},null),e.createVNode("div",{class:"ng-resizable-handle ng-resizable-sw",type:"sw",onMousedown:d=>H(d)},null),e.createVNode("div",{class:"ng-resizable-handle ng-resizable-nw",type:"nw",onMousedown:d=>H(d)},null)])}function W(i=!0){const d=l.value||document.body,x=P.getCurrent(d),w=n.value;i&&(B.value=p(),B.value.transform=w.style.transform),x&&w&&(r.value=x,w.style.height=r.value.height-14+"px",w.style.width=r.value.width-14+"px",w.style.left="7px",w.style.top="7px",w.style.transform="",M.value={size:r.value,position:{x:0,y:0}},N.value=!1,E.value=!0)}function J(){var i,d;if(B.value){const x={width:B.value.size.width||0,height:B.value.size.height||0},w={x:(window.innerWidth-x.width)/2,y:(window.innerHeight-x.height)/2};(i=r.value)==null||i.set(x),(d=u.value)==null||d.set(w);const z=n.value;z.style.height=x.height+"px",z.style.width=x.width+"px",z.style.left=`${w.x}px`,z.style.top=`${w.y}px`,z.style.transform="",M.value={size:x,position:w},N.value=t.draggable,E.value=!1}}function K(){if(n.value){const i=P.getCurrent(n.value);if(i){const{width:d,height:x}=i;n.value.style.left=`${(window.innerWidth-d)/2}px`,n.value.style.top=`${(window.innerHeight-x)/2}px`,n.value.style.transform=""}}}function G(){const i=()=>{E.value?W(!1):K()};return window.addEventListener("resize",i),()=>{window.removeEventListener("resize",i)}}const Y=G();return{renderResizeBar:j,boundingElement:l,resizedEventParam:M,maximize:W,restore:J,allowDrag:N,isMaximized:E,unWindowResizeHandle:Y}}function ge(t,a){const n=e.ref(),l=e.ref(t.draggable),f=e.ref(t.lockAxis),s=e.ref(),h=e.ref(),r=e.ref(!1),u=e.ref(new V(0,0)),c=e.ref(new V(0,0)),g=e.ref(new V(0,0)),C=e.ref(new V(0,0));function M(m,p){if(p.tagName==="BUTTON")return!1;if(p===m)return!0;for(const R in p.children)if(p.children.hasOwnProperty(R)&&M(m,p.children[R]))return!0;return!1}function B(){var I,H;let m=g.value.x+c.value.x,p=g.value.y+c.value.y;f.value==="x"?(m=((I=u.value)==null?void 0:I.x)||0,g.value.x=0):f.value==="y"&&(p=((H=u.value)==null?void 0:H.y)||0,g.value.y=0);const R=`translate3d(${Math.round(m)}px, ${Math.round(p)}px, 0px)`;n.value&&(n.value.style.transform=R),C.value.x=m,C.value.y=p}function N(){if(!h.value||!n.value)return null;const m=h.value.getBoundingClientRect(),p=n.value.getBoundingClientRect(),R={top:m.top<p.top,right:m.right>p.right,bottom:m.bottom>p.bottom,left:m.left<p.left};return R.top||(g.value.y-=p.top-m.top),R.bottom||(g.value.y-=p.bottom-m.bottom),R.right||(g.value.x-=p.right-m.right),R.left||(g.value.x-=p.left-m.left),B(),R}function E(m){m&&(u.value&&m.subtract(u.value),g.value.set(m),B(),N())}function y(m){r.value&&l.value&&(m.stopPropagation(),m.preventDefault(),E(V.fromEvent(m,s.value)))}function v(){var m;r.value&&(r.value=!1,c.value.add(g.value),g.value.reset(),(m=n.value)==null||m.classList.remove("ng-dragging"),document.removeEventListener("mousemove",y),document.removeEventListener("mouseup",v))}function T(){!r.value&&s.value&&(r.value=!0,s.value.classList.add("ng-dragging"),document.addEventListener("mousemove",y),document.addEventListener("mouseup",v))}function k(){if(n.value){const m=V.getTransformInfo(n.value);c.value.set(m);return}c.value.reset()}function D(m){if(m instanceof MouseEvent&&m.button===2)return;const p=m.target||m.srcElement;s.value!==void 0&&p&&!M(p,s.value)||l.value!==!1&&(m.stopPropagation(),m.preventDefault(),u.value=V.fromEvent(m,n.value),k(),T())}function F(m,p,R){if(m&&l.value&&p){if(t.dragHandle){if(t.dragHandle instanceof HTMLElement)s.value=t.dragHandle;else if(typeof t.dragHandle=="string"){const I=p.querySelector(t.dragHandle);I&&(s.value=I)}}else s.value=m;n.value=p,h.value=R,s.value.classList.add("ng-draggable"),s.value.addEventListener("mousedown",D)}}return{registerDraggle:F,resetTranslate:k}}function ve(t,a){const n=e.ref(t.enableEsc);function l(f){f.key==="Escape"&&t.enableEsc&&a.emit("esc",{event:f,type:"esc"})}n.value&&document.addEventListener("keydown",l)}const Z=e.defineComponent({name:"FModal",props:he,emits:["update:modelValue","accept","cancel","closed","resize","esc"],setup(t,a){const n=e.ref(t.width||300),l=e.ref(t.height||200),f=e.ref(t.modelValue),s=e.ref(""),h=e.ref(t.class),r=e.ref(t.fitContent),u=e.ref(t.showHeader),c=e.ref(""),g=e.ref(t.showCloseButton),C=e.ref(t.showMaxButton),M=e.ref(!1),B=e.ref(""),N=e.ref(""),E=e.ref(""),y=e.ref(t.showButtons),v=e.ref(t.title),T=e.ref(t.reiszeable),k=e.ref(t.containment||null),D=e.ref();function F(o,b){f.value=!1,a.emit("update:modelValue",!1),b!=null&&a.emit(b?"accept":"cancel"),a.emit("closed",o)}const m=[{name:"cancel",text:"取消",class:"btn btn-light",handle:o=>{F(o,!1)}},{name:"accept",text:"确定",class:"btn btn-primary",handle:o=>{F(o,!0)}}],p=e.ref(t.buttons&&t.buttons.length?t.buttons:m),R=e.computed(()=>!!c.value),I=e.computed(()=>!!y.value&&!!p.value),H=e.ref(),j=e.ref(),W=e.ref(!1),{renderResizeBar:J,maximize:K,restore:G,boundingElement:Y,resizedEventParam:i,allowDrag:d,unWindowResizeHandle:x}=me(t),{registerDraggle:w}=ge(t);e.watch(()=>t.title,(o,b)=>{o!==b&&(v.value=o)}),e.watch(()=>t.modelValue,(o,b)=>{o!==b&&(f.value=o)}),e.watch(()=>t.showHeader,(o,b)=>{o!==b&&(u.value=o)}),e.watch(()=>t.showButtons,(o,b)=>{o!==b&&(y.value=o)}),e.watch(()=>i.value,(o,b)=>{const X=o||{},U=b||{};JSON.stringify(X)!==JSON.stringify(U)&&a.emit("resize",{newSize:o,oldSize:b})});function z(){const o=document.querySelectorAll(".farris-modal").length;(!o||o-1<=0)&&document.body.classList.remove("modal-open"),D.value&&D.value.classList.remove("show")}const Q=e.computed(()=>(f.value?document.body.classList.add("modal-open"):z(),f.value)),we=e.computed(()=>{const o={modal:!0,"farris-modal":!0,fade:!0};return o["f-modal-fitContent"]=!!r.value,o.show=!!Q.value,o}),xe=e.computed(()=>{var X;const o={"modal-dialog":!0},b=(X=h.value)==null?void 0:X.split(" ");return b==null||b.reduce((U,He)=>(U[He]=!0,U),o),o}),be=e.computed(()=>({position:"absolute",top:`${(window.innerHeight-l.value)/2}px`,left:`${(window.innerWidth-n.value)/2}px`,width:`${n.value}px`,height:r.value?"auto":`${l.value}px`})),Ce=e.computed(()=>({"modal-content":!0,"modal-content-has-header":u.value})),Me=e.computed(()=>{const o={display:u.value?"":"none"};return o["pointer-events"]=d.value?"auto":"none",o}),Te=e.computed(()=>({"f-icon":!0,modal_maximize:!0,modalrevert:W.value})),Be=e.computed(()=>({"modal-body":!0,"f-utils-flex-column":B.value==="iframe"}));function Ve(){return{}}const ke=e.computed(()=>{const o={textAlgin:E.value},b=Ve();return Object.assign(o,b)});function Ne(o){if(o.stopPropagation(),W.value){W.value=!1,G();return}K(),W.value=!0}async function ze(o,b){o.handle&&await o.handle(b,o)&&a.emit("closed",b)}function Ee(o){o.width&&(n.value=o.width),o.height&&(l.value=o.height),o.buttons&&(p.value=o.buttons),o.title&&(v.value=o.title)}e.onMounted(()=>{j.value&&!k.value&&(k.value=j.value.parentElement,Y.value=k.value,w(H.value,j.value,Y.value)),Q.value&&document.body.classList.add("modal-open"),ve(t,a)}),e.onUnmounted(()=>{z(),x&&x()}),a.expose({modalElementRef:j,updateModalOptions:Ee,close:F});function Re(){return e.createVNode("ul",null,[M.value&&e.createVNode("li",{class:"f-btn-icon f-bare"},[e.createVNode("span",{class:"f-icon modal_minimize"},null)]),C.value&&e.createVNode("li",{onClick:Ne,class:"f-btn-icon f-bare",style:"pointer-events: auto;"},[e.createVNode("span",{class:Te.value},null)]),g.value&&e.createVNode("li",{class:"f-btn-icon f-bare",onClick:o=>F(o,!1),style:"pointer-events: auto;"},[e.createVNode("span",{class:"f-icon modal_close"},null)])])}function Se(){return e.createVNode("div",{class:"modal-footer",style:ke.value},[p.value&&p.value.map(o=>e.createVNode("button",{name:o.name,type:"button",class:o.class+(o.iconClass?" btn-icontext":""),onClick:b=>{ze(o,b)}},[!!o.iconClass&&e.createVNode("i",{class:o.iconClass},null),o.text]))])}return()=>e.createVNode(e.Teleport,{to:"body"},{default:()=>{var o,b;return[Q.value&&e.createVNode("div",{class:we.value,style:"display: block",ref:D},[e.createVNode("div",{id:s.value,class:xe.value,style:be.value,ref:j},[e.createVNode("div",{class:Ce.value},[e.createVNode("div",{ref:H,class:"modal-header",style:Me.value},[e.createVNode("div",{class:"modal-title"},[R.value&&e.createVNode("span",{class:c.value,style:"margin-right: 8px"},null),e.createVNode("span",{class:"modal-title-label"},[v.value])]),e.createVNode("div",{class:"actions"},[Re()])]),e.createVNode("div",{class:Be.value},[(b=(o=a.slots).default)==null?void 0:b.call(o),B.value==="iframe"&&e.createVNode("iframe",{title:s.value,class:"f-utils-fill",width:"100%",frameborder:"0",src:N.value},null)]),I.value&&Se()]),!r.value&&T.value&&j.value&&J(j.value)])])]}})}});function _(t){if(t.content&&t.content.render)return t.content.render;if(t.render&&typeof t.render=="function")return t.render}function pe(t){const a=document.createElement("div");a.style.display="contents";const n=e.createApp({setup(l,f){e.onUnmounted(()=>{document.body.removeChild(a)});const s=e.ref(),h=e.ref(t.class||""),r=e.ref(!!t.showButtons),u=e.ref(!!t.showHeader),c=e.ref(t.showCloseButton==null?!0:t.showCloseButton),g=e.ref(!0),C=e.ref(t.title||""),M=t.acceptCallback||(()=>{}),B=t.rejectCallback||(()=>{}),N=t.closedCallback||(T=>{}),E=t.resizeHandle||(T=>{}),y=_(t),v=T=>{g.value=!1,n.unmount(),N(T)};return e.onMounted(()=>{}),f.expose({modalRef:s}),()=>e.createVNode(Z,{ref:s,class:h.value,modelValue:g.value,"onUpdate:modelValue":T=>g.value=T,title:C.value,width:t.width,height:t.height,buttons:t.buttons,"show-header":u.value,"show-buttons":r.value,"show-close-button":c.value,"show-max-button":!1,onAccept:M,onCancel:B,fitContent:t.fitContent==null?!0:t.fitContent,onClosed:v,onResize:E},{default:()=>[y&&y(n)]})}});return document.body.appendChild(a),n.mount(a),n}class ye{constructor(a){A(this,"appContext",null);A(this,"modalRef",e.ref());A(this,"activeModalIndex",e.ref(0));A(this,"modalRefs",{});A(this,"isUseEscCloseModal",e.ref(!1));A(this,"activeModalInstance",e.computed(()=>this.modalRefs[this.activeModalIndex.value]));this.appContext=a?a._context:null}getCurrentModal(){return this.activeModalInstance.value}static show(a){const n=Object.assign({title:"",showButtons:!0,showHeader:!0},a);return pe(n)}open(a){const n=document.createDocumentFragment();a.showMaxButton&&a.fitContent&&(a.showMaxButton=!1);const l=e.shallowRef(Object.assign({title:"",showButtons:!0,showHeader:!0},a)),f=e.ref(!0),s=l.value.acceptCallback||(()=>{}),h=l.value.rejectCallback||(()=>{}),r=l.value.closedCallback||((v,T)=>{}),u=l.value.resizeHandle||(v=>{});let c;const g=_(l.value),C=v=>{var k;f.value=!1;const T=(k=v==null?void 0:v.target)==null?void 0:k.classList.contains("modal_close");r(v,this.isUseEscCloseModal.value?"esc":T?"icon":"button")},M=v=>{C(v),c&&e.nextTick(()=>{if(this.modalRefs[this.activeModalIndex.value]&&delete this.modalRefs[this.activeModalIndex.value],e.render(null,n),c=null,this.modalRef.value=null,this.modalRefs){const T=Object.keys(this.modalRefs);T.length>0?this.activeModalIndex.value=Math.max(...T):this.activeModalIndex.value=0}this.isUseEscCloseModal.value=!1})},B=v=>{var T;this.isUseEscCloseModal.value=!0,this.activeModalInstance&&((T=this.activeModalInstance.value)==null||T.close(v==null?void 0:v.event))},N=()=>e.createVNode(Z,e.mergeProps({ref:this.modalRef,modelValue:f.value,"onUpdate:modelValue":v=>f.value=v},l.value,{onAccept:s,onCancel:h,onClosed:M,onResize:u,onEsc:B}),{default:()=>[g&&g()]});return c=(v=>{const T=e.h(N,v);return T.appContext=this.appContext,e.render(T,n),T})({...l.value}),this.activeModalIndex.value++,this.modalRefs[this.activeModalIndex.value]=this.modalRef.value,{update:v=>{l.value={...l.value,...v},c&&e.render(e.cloneVNode(c,{...l}),n)},destroy:M,modalRef:this.activeModalInstance}}}class O{static show(a){let n=new ye;const l=e.reactive({...a}),f=!1,s=l.type==="error"||l.type==="prompt",h=l.type==="error"?"错误提示":l.type==="prompt"&&l.title||"",r=l.acceptCallback||(()=>{}),u=l.rejectCallback||(()=>{});let c=null;const g=()=>{c&&(c==null||c.destroy(),n=null)};c=n==null?void 0:n.open({class:"modal-message modal-message-type-info",title:h,showButtons:f,showHeader:s,width:l.width||400,fitContent:!0,showMaxButton:!1,render:()=>e.createVNode($,e.mergeProps(l,{onAccept:r,onReject:u,onClose:g}),null)})}static info(a,n){const l=e.reactive({type:"info",title:a,detail:n,okButtonText:"知道了",cancelButtonText:""});O.show(l)}static warning(a,n){const l=e.reactive({type:"warning",title:a,detail:n,okButtonText:"知道了",cancelButtonText:""});O.show(l)}static success(a,n){const l=e.reactive({type:"success",title:a,detail:n,okButtonText:"关闭",cancelButtonText:""});O.show(l)}static error(a,n,l){const f=e.reactive({width:500,type:"error",okButtonText:"关闭",cancelButtonText:"",exceptionInfo:{date:l,message:a,detail:n}});O.show(f)}static prompt(a,n){const l=e.reactive({type:"prompt",title:a,detail:n,okButtonText:"确定",cancelButtonText:"取消"});O.show(l)}static question(a,n,l,f){const s=e.reactive({type:"question",title:a,detail:n,okButtonText:"确定",cancelButtonText:"取消",acceptCallback:l,rejectCallback:f});O.show(s)}}$.install=t=>{t.component($.name,$),t.provide("FMessageBoxService",O)},S.FMessageBox=$,S.FMessageBoxService=O,S.default=$,S.messageBoxProps=L,Object.defineProperties(S,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/components/message-box/package.json

@@ -3,6 +3,6 @@
         "version": "1.1.7",
         "main": "index.umd.js",
         "module": "index.esm.js",
-        "style": "style.css",
+        "style": "index.css",
         "types": "../types/message-box/index.d.ts"
     }

package/components/modal/index.css

@@ -0,0 +1 @@
+.fade{transition:opacity .2s linear}.fade:not(.show){opacity:0}