@farris/ui-vue 1.2.9 → 1.3.1

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

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

package/components/modal/index.css

@@ -1 +1 @@
-.fade{transition:opacity .2s linear}.fade:not(.show){opacity:0}
+.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}.fv-resizable-handle{position:absolute;font-size:.1px;display:block;touch-action:none}.fv-resizable-handle:hover{background:#2a87ff12}.fv-resizable-handle.fv-resizable-n{cursor:n-resize;height:.4375rem;width:100%;top:-.3125rem;left:0}.fv-resizable-handle.fv-resizable-e{cursor:e-resize;width:.4375rem;right:-.3125rem;height:100%;top:0}.fv-resizable-handle.fv-resizable-s{cursor:s-resize;height:.4375rem;width:100%;bottom:-.3125rem;left:0}.fv-resizable-handle.fv-resizable-w{cursor:w-resize;height:100%;width:.4375rem;left:-.3125rem;top:0}.fv-resizable-handle.fv-resizable-ne{cursor:ne-resize;width:.75rem;height:.75rem;right:1px;top:1px}.fv-resizable-handle.fv-resizable-se{cursor:se-resize;width:.75rem;height:.75rem;right:1px;bottom:1px}.fv-resizable-handle.fv-resizable-nw{cursor:nw-resize;width:.75rem;height:.75rem;left:1px;top:1px}.fv-resizable-handle.fv-resizable-sw{cursor:sw-resize;width:.75rem;height:.75rem;left:1px;bottom:1px}