@farris/ui-vue 1.3.1 → 1.3.3

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 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"}})});
+(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(a){if(!navigator.clipboard)throw q();return navigator.clipboard.writeText(a)}async function oe(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 u=!1;try{u=window.document.execCommand("copy")}finally{n==null||n.removeAllRanges(),window.document.body.removeChild(t)}if(!u)throw q()}async function se(a){try{await le(a)}catch(t){try{await oe(a)}catch(n){throw n||t||q()}}}function re(){async function a(t){await se(t)}return{onCopy:a}}function ie(a,t,n,l){const u=e.ref(14),d=e.ref(140),h=e.ref(""),s=e.ref(l.value.length),r=e.computed(()=>l.value),i=e.computed(()=>({"font-size":`${u.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:i.value,rows:"4",maxlength:d.value,onInput:v=>p(v)},[r.value]),e.createVNode("span",{class:"textarea-wordcount",title:h.value,style:"position: absolute; bottom: 76px; right: 32px; cursor: pointer; text-align: right;"},[s.value+" / "+d.value])])}function ce(a,t,n,l){const u=ie(a,t,n,l),d=new Map([["text-area",u]]);function h(s){return d.get(s)||null}return{getEditorRender:h}}function ue(){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 de(a,t){const n=t.getEditorRender(a.promptEditorType);return()=>n&&n()}function fe(a){const t=e.ref(3),n=e.ref(480),l=e.computed(()=>!!a.value&&!!a.value.date),u=e.computed(()=>`发生时间 : ${a.value&&a.value.date||""}`),d=e.computed(()=>!!a.value&&!!a.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":t.value,"max-height":x}}),s=e.computed(()=>a.value&&a.value.detail||""),r=e.computed(()=>!0),i=e.ref(!1),p=e.ref("展开"),v=e.ref("收起"),T=e.computed(()=>{const x={display:"block",color:"#2A87FF"};return x["text-align"]=i.value?"":"right",x});function B(x,g){i.value=!i.value,t.value=i.value?20:3}function N(x){return B()}function z(x){return B()}return()=>e.createVNode("div",{class:"toast-msg-detail"},[l.value&&e.createVNode("div",null,[u.value]),d.value&&e.createVNode("div",{id:"exception_error_msg",ref:"exceptionMessageRef",style:h.value},[e.createTextVNode("详细信息 : "),e.createVNode("span",{innerHTML:s.value},null)]),r.value&&e.createVNode("span",{style:T.value},[i.value&&e.createVNode("span",{onClick:N,style:"cursor: pointer;"},[v.value]),!i.value&&e.createVNode("span",{onClick:z,style:"cursor: pointer;"},[p.value])])])}function he(a){return()=>e.createVNode("p",{class:"toast-msg-detail",innerHTML:a.value},null)}function me(a,t,n,l){const u=e.ref(a.exceptionInfo),d=e.computed(()=>{const T={"f-icon":!0},B=`f-icon-${t.value}`;return T[B]=!0,T}),h=e.computed(()=>n.value||u.value&&u.value.message),s=e.computed(()=>l.value),r=e.computed(()=>!!l.value),i=e.computed(()=>!!u.value);function p(){return i.value?fe(u):r.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:d.value},null)]),e.createVNode("div",{class:"modal-tips-content"},[e.createVNode("p",{class:"toast-msg-title",innerHTML:h.value},null),v()])])}function ve(a,t,n){const{onCopy:l}=t,{toShowFeedback:u}=n,d=e.ref("复制成功"),h=e.ref("复制详细信息"),s=e.ref(a.exceptionInfo||{date:"",message:"",detail:""}),r=e.computed(()=>s.value&&s.value.detail||"");function i(p){l(r.value).catch(v=>{d.value="复制失败"}).finally(()=>{u.value=!0,setTimeout(()=>{u.value=!1},700)})}return()=>e.createVNode("span",{style:"width: 100%;color: #2A87FF;padding-left: 37px;"},[e.createVNode("span",{onClick:i,style:"cursor: pointer;"},[h.value])])}function ge(a,t,n,l){const u=e.ref(a.type),d=e.ref([]),h=e.ref(a.exceptionInfo),s=e.ref(a.okButtonText),r=e.ref(a.cancelButtonText),i=e.ref(!0),p=e.ref(!0),v=e.computed(()=>!!(d.value&&d.value.length)),T=e.computed(()=>h.value&&h.value.date&&h.value.message&&h.value.detail),B=e.computed(()=>!(d.value&&d.value.length)&&(s.value||r.value)),N=e.computed(()=>p.value&&s.value),z=e.computed(()=>i.value&&r.value),x=ve(a,n,l);function g(k){u.value==="question"&&t.emit("reject"),t.emit("close")}function C(k){u.value==="question"&&t.emit("accept"),t.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},[r.value]),B.value&&N.value&&e.createVNode("button",{type:"button",class:"btn btn-primary btn-lg",onClick:C},[s.value]),v.value&&d.value.length&&d.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 A=e.defineComponent({name:"FMessageBox",props:L,emits:["accept","reject","close"],setup(a,t){const n=e.ref(a.type),l=e.ref(a.title),u=e.ref(a.detail),d=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(),r=ce(a,n,l,u),i=ue(),{feedbackStyle:p,feedbackMessage:v}=i;function T(){return e.createVNode("div",{style:p.value},[v.value])}function B(){switch(n.value){case"prompt":return de(a,r);default:return me(a,n,l,u)}}const N=B(),z=ge(a,t,s,i);return()=>e.createVNode("div",{class:"farris-messager"},[e.createVNode("section",{class:d.value,style:h.value},[N()]),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 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 u=parseInt(l[4],10),d=parseInt(l[5],10);return{x:u,y:d}}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 u=parseInt(l.getPropertyValue("left"),10),d=parseInt(l.getPropertyValue("top"),10);n.x=isNaN(u)?0:u,n.y=isNaN(d)?0:d}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 P{constructor(t,n){this.width=t,this.height=n}static getCurrent(t){const n=new P(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 P(0,0).set(t)}set(t){return this.width=t.width,this.height=t.height,this}}function ye(a,t){const n=e.ref(),l=e.ref(),u=e.ref(),d=e.ref(),h=e.ref(),s=e.ref(),r=e.ref(),i=e.ref(),p=e.ref(),v=e.ref(),T=e.ref(),B=e.ref(),N=e.ref(a.draggable),z=e.ref(!1);function x(){const c=l.value||document.body,f=window.getComputedStyle(c);if(!f||!n.value)return;const b=V.getTransformInfo(n.value),w={};r.value&&(w.deltaL=n.value.offsetLeft-r.value.x,w.deltaT=n.value.offsetTop-r.value.y);const E=f.getPropertyValue("position");w.width=c.clientWidth,w.height=c.clientHeight,w.pr=parseInt(f.getPropertyValue("padding-right"),10),w.pb=parseInt(f.getPropertyValue("padding-bottom"),10),w.position=f.getPropertyValue("position"),E==="static"&&(c.style.position="relative"),w.translateX=b.x,w.translateY=b.y,v.value=w}function g(c){if(n.value){d.value=P.getCurrent(n.value),h.value=V.getCurrent(n.value),s.value=d.value?P.copy(d.value):null,r.value=h.value?V.copy(h.value):null,x();const f=c.target.getAttribute("type")||"";i.value={n:!!f.match(/n/),s:!!f.match(/s/),w:!!f.match(/w/),e:!!f.match(/e/)}}}function C(){var c,f,b,w;if(n.value){const E=n.value;i.value&&((i.value.n||i.value.s)&&((c=s.value)!=null&&c.height)&&(E.style.height=s.value.height+"px"),(i.value.w||i.value.e)&&((f=s.value)!=null&&f.width)&&(E.style.width=s.value.width+"px"),r.value&&((b=r.value)!=null&&b.x&&(E.style.left=r.value.x+"px"),(w=r.value)!=null&&w.y&&(E.style.top=r.value.y+"px")))}}function k(){const c=a.minHeight?a.minHeight:1,f=a.minWidth?a.minWidth:1;s.value&&r.value&&i.value&&d.value&&(s.value.height<c&&(s.value.height=c,i.value.n&&h.value&&(r.value.y=h.value.y+(d.value.height-c))),s.value.width<f&&(s.value.width=f,i.value.w&&h.value&&(r.value.x=h.value.x+(d.value.width-f))),a.maxHeight&&s.value.height>a.maxHeight&&(s.value.height=a.maxHeight,h.value&&i.value.n&&(r.value.y=h.value.y+(d.value.height-a.maxHeight))),a.maxWidth&&s.value.width>a.maxWidth&&(s.value.width=a.maxWidth,i.value.w&&h.value&&(r.value.x=h.value.x+(d.value.width-a.maxWidth))))}function j(){if(l.value){const c=v.value;if(r.value&&s.value&&i.value&&d.value){const f=c.width-c.pr-c.deltaL-c.translateX-r.value.x,b=c.height-c.pb-c.deltaT-c.translateY-r.value.y;i.value.n&&r.value.y+c.translateY<0&&h.value&&(r.value.y=-c.translateY,s.value.height=d.value.height+h.value.y+c.translateY),i.value.w&&r.value.x+c.translateX<0&&h.value&&(r.value.x=-c.translateX,s.value.width=d.value.width+h.value.x+c.translateX),s.value.width>f&&(s.value.width=f),s.value.height>b&&(s.value.height=b)}}}function F(c){if(!u.value||!d.value||!h.value||!i.value)return;c.subtract(u.value);const f=c.x,b=c.y;i.value.n?(r.value.y=h.value.y+b,s.value.height=d.value.height-b):i.value.s&&(s.value.height=d.value.height+b),i.value.e?s.value.width=d.value.width+f:i.value.w&&(s.value.width=d.value.width-f,r.value.x=h.value.x+f),j(),k(),C()}function $(c){if(!p.value)return;const f=V.fromEvent(c);f&&F(f)}function m(){if(n.value){const{width:c,height:f,x:b,y:w}=n.value.getBoundingClientRect(),E=V.getTransformInfo(n.value);return{size:{width:c,height:f},position:{x:b-E.x,y:w-E.y}}}return null}function y(c){if(n.value){const f=m();T.value=f}u.value=void 0,d.value=null,h.value=null,s.value=null,r.value=null,i.value=null,p.value=null,document.removeEventListener("mousemove",$),document.removeEventListener("mouseup",y)}function H(){document.addEventListener("mousemove",$),document.addEventListener("mouseup",y)}function R(c){c instanceof MouseEvent&&c.button===2||N.value&&(c.stopPropagation(),c.preventDefault(),u.value=V.fromEvent(c),p.value=c.target,g(c),H())}function O(c){return n.value=c,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(c=!0){const f=l.value||document.body,b=P.getCurrent(f),w=n.value;c&&(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}},N.value=!1,z.value=!0)}function J(){var c,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};(c=s.value)==null||c.set(b),(f=r.value)==null||f.set(w);const E=n.value;E.style.height=b.height+"px",E.style.width=b.width+"px",E.style.left=`${w.x}px`,E.style.top=`${w.y}px`,E.style.transform="",T.value={size:b,position:w},N.value=a.draggable,z.value=!1}}function K(){if(n.value){const c=P.getCurrent(n.value);if(c){const{width:f,height:b}=c;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 c=()=>{z.value?D(!1):K()};return window.addEventListener("resize",c),()=>{window.removeEventListener("resize",c)}}const Y=G();return{renderResizeBar:O,boundingElement:l,resizedEventParam:T,maximize:D,restore:J,allowDrag:N,isMaximized:z,unWindowResizeHandle:Y}}function we(a,t,n){const l=e.ref(),u=e.ref(a.draggable),d=e.ref(a.lockAxis),h=e.ref(),s=e.ref(),r=e.ref(!1),i=e.ref(new V(0,0)),p=e.ref(new V(0,0)),v=e.ref(new V(0,0)),T=e.ref(new V(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(Object.prototype.hasOwnProperty.call(y.children,H)&&B(m,y.children[H]))return!0;return!1}function N(){var R,O;let m=v.value.x+p.value.x,y=v.value.y+p.value.y;d.value==="x"?(m=((R=i.value)==null?void 0:R.x)||0,v.value.x=0):d.value==="y"&&(y=((O=i.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),N(),H}function x(m){m&&(i.value&&m.subtract(i.value),v.value.set(m),N(),z())}function g(m){r.value&&u.value&&(m.stopPropagation(),m.preventDefault(),x(V.fromEvent(m,h.value)))}function C(){var m;r.value&&(r.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 k(){!r.value&&h.value&&(r.value=!0,h.value.classList.add("ng-dragging"),document.addEventListener("mousemove",g),document.addEventListener("mouseup",C))}function j(){if(l.value){const m=V.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)||u.value!==!1&&(document.body.click(),m.stopPropagation(),m.preventDefault(),i.value=V.fromEvent(m,l.value),j(),k())}function $(m,y,H){if(u.value&&y){if(m)h.value=m;else if(a.dragHandle){if(a.dragHandle instanceof HTMLElement)h.value=a.dragHandle;else if(typeof a.dragHandle=="string"){const R=y.querySelector(a.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(a,t){if(a){const n=l=>{l.key.toLowerCase()===a.toLowerCase()&&t({event:l,key:a})};return document.addEventListener("keydown",n),()=>{document.removeEventListener("keydown",n)}}}function xe(a,t){const n=e.ref(a.enableEsc);let l=null;return n.value?(l=ee("Escape",u=>{t.emit("esc",{event:u.event,type:"esc"})}),{remove:l}):null}function be(a,t){const n=e.ref(a.enableEnter);let l=null;return n.value?(l=ee("Enter",u=>{t.emit("enter",{event:u.event,type:"enter"})}),{remove:l}):null}const te=e.defineComponent({name:"FModal",props:pe,emits:["update:modelValue","accept","cancel","closed","resize","esc","enter"],setup(a,t){const n=e.ref(a.width||300),l=e.ref(a.height||200),u=e.ref(a.modelValue),d=e.ref(""),h=e.ref(a.class),s=e.ref(a.fitContent),r=e.ref(a.showHeader),i=e.ref(""),p=e.ref(a.showCloseButton),v=e.ref(a.showMaxButton),T=e.ref(!1),B=e.ref(""),N=e.ref(""),z=e.ref(""),x=e.ref(a.showButtons),g=e.ref(a.title),C=e.ref(a.reiszeable),k=e.ref(a.containment||null),j=e.ref();function F(o,M){u.value=!1,t.emit("update:modelValue",!1),M!=null&&t.emit(M?"accept":"cancel"),t.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(a.buttons&&a.buttons.length?a.buttons:$),y=e.computed(()=>!!i.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:c,allowDrag:f,unWindowResizeHandle:b}=ye(a),{registerDraggle:w}=we(a,t,f);e.watch(()=>a.title,(o,M)=>{o!==M&&(g.value=o)}),e.watch(()=>a.modelValue,(o,M)=>{o!==M&&(u.value=o)}),e.watch(()=>a.showHeader,(o,M)=>{o!==M&&(r.value=o)}),e.watch(()=>a.showButtons,(o,M)=>{o!==M&&(x.value=o)}),e.watch(()=>c.value,(o,M)=>{const X=o||{},U=M||{};JSON.stringify(X)!==JSON.stringify(U)&&t.emit("resize",{newSize:o,oldSize:M})});function E(){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(()=>(u.value?document.body.classList.add("modal-open"):E(),u.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":r.value})),Ne=e.computed(()=>{const o={display:r.value?"":"none"};return o["pointer-events"]=f.value?"auto":"none",o}),Ee=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)&&t.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&&!k.value&&(k.value=O.value.parentElement,Y.value=k.value,w(R.value,O.value,Y.value)),Q.value&&document.body.classList.add("modal-open"),Z=xe(a,t),_=be(a,t)}),e.onUnmounted(()=>{E(),b&&b(),Z&&Z.remove(),_&&_.remove()}),t.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:Ee.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:Ne.value},[e.createVNode("div",{class:"modal-title"},[y.value&&e.createVNode("span",{class:i.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:d.value,class:Be.value,style:ke.value,ref:O},[e.createVNode("div",{class:Ve.value},[r.value&&Fe(),e.createVNode("div",{class:ze.value},[(M=(o=t.slots).default)==null?void 0:M.call(o),B.value==="iframe"&&e.createVNode("iframe",{title:d.value,class:"f-utils-fill",width:"100%",frameborder:"0",src:N.value},null)]),H.value&&je()]),!s.value&&C.value&&O.value&&J(O.value)])])]}})]})}});function ae(a){if(a.content&&a.content.render)return a.content.render;if(a.render&&typeof a.render=="function")return a.render}function Ce(a){const t=document.createElement("div");t.style.display="contents";const n=e.createApp({setup(l,u){e.onUnmounted(()=>{document.body.removeChild(t)});const d=e.ref(),h=e.ref(a.class||""),s=e.ref(!!a.showButtons),r=e.ref(!!a.showHeader),i=e.ref(a.showCloseButton==null?!0:a.showCloseButton),p=e.ref(!0),v=e.ref(a.title||""),T=a.acceptCallback||(()=>{}),B=a.rejectCallback||(()=>{}),N=a.closedCallback||(C=>{}),z=a.resizeHandle||(C=>{}),x=ae(a),g=C=>{p.value=!1,n.unmount(),N(C)};return e.onMounted(()=>{}),u.expose({modalRef:d}),()=>e.createVNode(te,{ref:d,class:h.value,modelValue:p.value,"onUpdate:modelValue":C=>p.value=C,title:v.value,width:a.width,height:a.height,buttons:a.buttons,"show-header":r.value,"show-buttons":s.value,"show-close-button":i.value,"show-max-button":!1,onAccept:T,onCancel:B,fitContent:a.fitContent==null?!0:a.fitContent,onClosed:g,onResize:z},{default:()=>[x&&x(n)]})}});return document.body.appendChild(t),n.mount(t),n}class Me{constructor(t){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.app=t,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 Ce(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)),u=e.ref(!0),d=l.value.acceptCallback||(()=>{}),h=l.value.rejectCallback||(()=>{}),s=l.value.closedCallback||((g,C)=>{}),r=l.value.resizeHandle||(g=>{});let i;const p=ae(l.value),v=g=>{var k;u.value=!1;const C=(k=g==null?void 0:g.target)==null?void 0:k.classList.contains("modal_close");s(g,this.isUseEscCloseModal.value?"esc":C?"icon":"button")},T=g=>{v(g),i&&e.nextTick(()=>{if(this.modalRefs[this.activeModalIndex.value]&&delete this.modalRefs[this.activeModalIndex.value],e.render(null,n),i=null,this.modalRef.value=null,this.modalRefs){const C=Object.keys(this.modalRefs).map(k=>Number(k));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))},N=()=>e.createVNode(te,e.mergeProps({ref:this.modalRef,modelValue:u.value,"onUpdate:modelValue":g=>u.value=g},l.value,{onAccept:d,onCancel:h,onClosed:T,onResize:r,onEsc:B}),{default:()=>[p&&p(this.app)]});return i=(g=>{const C=e.h(N,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},i&&e.render(e.cloneVNode(i,{...l}),n)},destroy:T,modalRef:this.activeModalInstance}}}class I{static show(t){const n=e.reactive({...t}),l=!1,u=n.type==="error"||n.type==="prompt",d=n.type==="error"?"错误提示":n.type==="prompt"&&n.title||"",h=n.acceptCallback||(()=>{}),s=n.rejectCallback||(()=>{});let r=null,i=new Me(r);const p=()=>{r&&(r==null||r.destroy(),i=null)};r=i==null?void 0:i.open({class:"modal-message modal-message-type-info",title:d,showButtons:l,showHeader:u,width:n.width||400,fitContent:!0,showMaxButton:!1,render:()=>e.createVNode(A,e.mergeProps(n,{onAccept:h,onReject:s,onClose:p}),null)})}static info(t,n){const l=e.reactive({type:"info",title:t,detail:n,okButtonText:"知道了",cancelButtonText:""});I.show(l)}static warning(t,n){const l=e.reactive({type:"warning",title:t,detail:n,okButtonText:"知道了",cancelButtonText:""});I.show(l)}static success(t,n){const l=e.reactive({type:"success",title:t,detail:n,okButtonText:"关闭",cancelButtonText:""});I.show(l)}static error(t,n,l){const u=e.reactive({width:500,type:"error",okButtonText:"关闭",cancelButtonText:"",exceptionInfo:{date:l,message:t,detail:n}});I.show(u)}static prompt(t,n){const l=e.reactive({type:"prompt",title:t,detail:n,okButtonText:"确定",cancelButtonText:"取消"});I.show(l)}static question(t,n,l,u){const d=e.reactive({type:"question",title:t,detail:n,okButtonText:"确定",cancelButtonText:"取消",acceptCallback:l,rejectCallback:u});I.show(d)}}A.install=a=>{a.component(A.name,A),a.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.esm.js

@@ -1,7 +1,7 @@
 var pe = Object.defineProperty;
 var Ce = (t, e, a) => e in t ? pe(t, e, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[e] = a;
-var W = (t, e, a) => Ce(t, typeof e != "symbol" ? e + "" : e, a);
-import { ref as o, createVNode as h, Fragment as Me, watch as X, defineComponent as ze, computed as L, onMounted as te, onUnmounted as le, Teleport as Ee, Transition as Be, shallowRef as He, createApp as Re, nextTick as ke, render as Z, h as Ie, cloneVNode as Te, mergeProps as Le } from "vue";
+var N = (t, e, a) => Ce(t, typeof e != "symbol" ? e + "" : e, a);
+import { ref as o, createVNode as h, Fragment as Me, watch as X, defineComponent as ze, computed as O, onMounted as te, onUnmounted as le, Teleport as Ee, Transition as Be, shallowRef as He, createApp as Re, nextTick as ke, render as Z, h as Ie, cloneVNode as Te, mergeProps as Le } from "vue";
 const Oe = {
   /**
    * 自定义类
@@ -127,12 +127,12 @@ class M {
     return this.x = e.x, this.y = e.y, this;
   }
 }
-class D {
+class W {
   constructor(e, a) {
     this.width = e, this.height = a;
   }
   static getCurrent(e) {
-    const a = new D(0, 0);
+    const a = new W(0, 0);
     if (window) {
       const s = window.getComputedStyle(e);
       return s && (a.width = parseInt(s.getPropertyValue("width"), 10), a.height = parseInt(s.getPropertyValue("height"), 10)), a;
@@ -140,15 +140,15 @@ class D {
     return null;
   }
   static copy(e) {
-    return new D(0, 0).set(e);
+    return new W(0, 0).set(e);
   }
   set(e) {
     return this.width = e.width, this.height = e.height, this;
   }
 }
 function Se(t, e) {
-  const a = o(), s = o(), b = o(), f = o(), d = o(), r = o(), c = o(), v = o(), z = o(), C = o(), k = o(), R = o(), I = o(t.draggable), O = o(!1);
-  function S() {
+  const a = o(), s = o(), b = o(), f = o(), d = o(), r = o(), c = o(), v = o(), z = o(), C = o(), k = o(), R = o(), I = o(t.draggable), S = o(!1);
+  function P() {
     const n = s.value || document.body, u = window.getComputedStyle(n);
     if (!u || !a.value)
       return;
@@ -159,7 +159,7 @@ function Se(t, e) {
   }
   function y(n) {
     if (a.value) {
-      f.value = D.getCurrent(a.value), d.value = M.getCurrent(a.value), r.value = f.value ? D.copy(f.value) : null, c.value = d.value ? M.copy(d.value) : null, S();
+      f.value = W.getCurrent(a.value), d.value = M.getCurrent(a.value), r.value = f.value ? W.copy(f.value) : null, c.value = d.value ? M.copy(d.value) : null, P();
       const u = n.target.getAttribute("type") || "";
       v.value = {
         n: !!u.match(/n/),
@@ -176,7 +176,7 @@ function Se(t, e) {
       v.value && ((v.value.n || v.value.s) && ((n = r.value) != null && n.height) && (E.style.height = r.value.height + "px"), (v.value.w || v.value.e) && ((u = r.value) != null && u.width) && (E.style.width = r.value.width + "px"), c.value && ((w = c.value) != null && w.x && (E.style.left = c.value.x + "px"), (g = c.value) != null && g.y && (E.style.top = c.value.y + "px")));
     }
   }
-  function P() {
+  function T() {
     const n = t.minHeight ? t.minHeight : 1, u = t.minWidth ? t.minWidth : 1;
     r.value && c.value && v.value && f.value && (r.value.height < n && (r.value.height = n, v.value.n && d.value && (c.value.y = d.value.y + (f.value.height - n))), r.value.width < u && (r.value.width = u, v.value.w && d.value && (c.value.x = d.value.x + (f.value.width - u))), t.maxHeight && r.value.height > t.maxHeight && (r.value.height = t.maxHeight, d.value && v.value.n && (c.value.y = d.value.y + (f.value.height - t.maxHeight))), t.maxWidth && r.value.width > t.maxWidth && (r.value.width = t.maxWidth, v.value.w && d.value && (c.value.x = d.value.x + (f.value.width - t.maxWidth))));
   }
@@ -194,9 +194,9 @@ function Se(t, e) {
       return;
     n.subtract(b.value);
     const u = n.x, w = n.y;
-    v.value.n ? (c.value.y = d.value.y + w, r.value.height = f.value.height - w) : v.value.s && (r.value.height = f.value.height + w), v.value.e ? r.value.width = f.value.width + u : v.value.w && (r.value.width = f.value.width - u, c.value.x = d.value.x + u), j(), P(), p();
+    v.value.n ? (c.value.y = d.value.y + w, r.value.height = f.value.height - w) : v.value.s && (r.value.height = f.value.height + w), v.value.e ? r.value.width = f.value.width + u : v.value.w && (r.value.width = f.value.width - u, c.value.x = d.value.x + u), j(), T(), p();
   }
-  function N(n) {
+  function D(n) {
     if (!z.value)
       return;
     const u = M.fromEvent(n);
@@ -228,15 +228,15 @@ function Se(t, e) {
       const u = i();
       k.value = u;
     }
-    b.value = void 0, f.value = null, d.value = null, r.value = null, c.value = null, v.value = null, z.value = null, document.removeEventListener("mousemove", N), document.removeEventListener("mouseup", m);
+    b.value = void 0, f.value = null, d.value = null, r.value = null, c.value = null, v.value = null, z.value = null, document.removeEventListener("mousemove", D), document.removeEventListener("mouseup", m);
   }
   function H() {
-    document.addEventListener("mousemove", N), document.addEventListener("mouseup", m);
+    document.addEventListener("mousemove", D), document.addEventListener("mouseup", m);
   }
   function B(n) {
     n instanceof MouseEvent && n.button === 2 || I.value && (n.stopPropagation(), n.preventDefault(), b.value = M.fromEvent(n), z.value = n.target, y(n), H());
   }
-  function T(n) {
+  function L(n) {
     return a.value = n, h(Me, null, [h("div", {
       class: "fv-resizable-handle fv-resizable-n",
       type: "n",
@@ -272,14 +272,14 @@ function Se(t, e) {
     }, null)]);
   }
   function F(n = !0) {
-    const u = s.value || document.body, w = D.getCurrent(u), g = a.value;
+    const u = s.value || document.body, w = W.getCurrent(u), g = a.value;
     n && (R.value = i(), R.value.transform = g.style.transform), w && g && (r.value = w, g.style.height = r.value.height - 14 + "px", g.style.width = r.value.width - 14 + "px", g.style.left = "7px", g.style.top = "7px", g.style.transform = "", k.value = {
       size: r.value,
       position: {
         x: 0,
         y: 0
       }
-    }, I.value = !1, O.value = !0);
+    }, I.value = !1, S.value = !0);
   }
   function K() {
     var n, u;
@@ -296,12 +296,12 @@ function Se(t, e) {
       E.style.height = w.height + "px", E.style.width = w.width + "px", E.style.left = `${g.x}px`, E.style.top = `${g.y}px`, E.style.transform = "", k.value = {
         size: w,
         position: g
-      }, I.value = t.draggable, O.value = !1;
+      }, I.value = t.draggable, S.value = !1;
     }
   }
   function q() {
     if (a.value) {
-      const n = D.getCurrent(a.value);
+      const n = W.getCurrent(a.value);
       if (n) {
         const {
           width: u,
@@ -313,7 +313,7 @@ function Se(t, e) {
   }
   function J() {
     const n = () => {
-      O.value ? F(!1) : q();
+      S.value ? F(!1) : q();
     };
     return window.addEventListener("resize", n), () => {
       window.removeEventListener("resize", n);
@@ -321,13 +321,13 @@ function Se(t, e) {
   }
   const A = J();
   return {
-    renderResizeBar: T,
+    renderResizeBar: L,
     boundingElement: s,
     resizedEventParam: k,
     maximize: F,
     restore: K,
     allowDrag: I,
-    isMaximized: O,
+    isMaximized: S,
     unWindowResizeHandle: A
   };
 }
@@ -342,18 +342,18 @@ function Pe(t, e, a) {
     if (m === i)
       return !0;
     for (const H in m.children)
-      if (m.children.hasOwnProperty(H) && R(i, m.children[H]))
+      if (Object.prototype.hasOwnProperty.call(m.children, H) && R(i, m.children[H]))
         return !0;
     return !1;
   }
   function I() {
-    var B, T;
+    var B, L;
     let i = C.value.x + z.value.x, m = C.value.y + z.value.y;
-    f.value === "x" ? (i = ((B = v.value) == null ? void 0 : B.x) || 0, C.value.x = 0) : f.value === "y" && (m = ((T = v.value) == null ? void 0 : T.y) || 0, C.value.y = 0);
+    f.value === "x" ? (i = ((B = v.value) == null ? void 0 : B.x) || 0, C.value.x = 0) : f.value === "y" && (m = ((L = v.value) == null ? void 0 : L.y) || 0, C.value.y = 0);
     const H = `translate3d(${Math.round(i)}px, ${Math.round(m)}px, 0px)`;
     s.value && (s.value.style.transform = H), k.value.x = i, k.value.y = m;
   }
-  function O() {
+  function S() {
     if (!r.value || !s.value)
       return null;
     const i = r.value.getBoundingClientRect(), m = s.value.getBoundingClientRect(), H = {
@@ -364,17 +364,17 @@ function Pe(t, e, a) {
     };
     return H.top || (C.value.y -= m.top - i.top), H.bottom || (C.value.y -= m.bottom - i.bottom), H.right || (C.value.x -= m.right - i.right), H.left || (C.value.x -= m.left - i.left), I(), H;
   }
-  function S(i) {
-    i && (v.value && i.subtract(v.value), C.value.set(i), I(), O());
+  function P(i) {
+    i && (v.value && i.subtract(v.value), C.value.set(i), I(), S());
   }
   function y(i) {
-    c.value && b.value && (i.stopPropagation(), i.preventDefault(), S(M.fromEvent(i, d.value)));
+    c.value && b.value && (i.stopPropagation(), i.preventDefault(), P(M.fromEvent(i, d.value)));
   }
   function p() {
     var i;
     c.value && (c.value = !1, z.value.add(C.value), C.value.reset(), (i = s.value) == null || i.classList.remove("ng-dragging"), document.removeEventListener("mousemove", y), document.removeEventListener("mouseup", p));
   }
-  function P() {
+  function T() {
     !c.value && d.value && (c.value = !0, d.value.classList.add("ng-dragging"), document.addEventListener("mousemove", y), document.addEventListener("mouseup", p));
   }
   function j() {
@@ -389,9 +389,9 @@ function Pe(t, e, a) {
     if (!a.value || i instanceof MouseEvent && i.button === 2)
       return;
     const m = i.target || i.srcElement;
-    d.value !== void 0 && m && !R(m, d.value) || b.value !== !1 && (document.body.click(), i.stopPropagation(), i.preventDefault(), v.value = M.fromEvent(i, s.value), j(), P());
+    d.value !== void 0 && m && !R(m, d.value) || b.value !== !1 && (document.body.click(), i.stopPropagation(), i.preventDefault(), v.value = M.fromEvent(i, s.value), j(), T());
   }
-  function N(i, m, H) {
+  function D(i, m, H) {
     if (b.value && m) {
       if (i)
         d.value = i;
@@ -407,7 +407,7 @@ function Pe(t, e, a) {
     }
   }
   return {
-    registerDraggle: N,
+    registerDraggle: D,
     resetTranslate: j
   };
 }
@@ -444,11 +444,11 @@ const $ = /* @__PURE__ */ ze({
   props: Oe,
   emits: ["update:modelValue", "accept", "cancel", "closed", "resize", "esc", "enter"],
   setup(t, e) {
-    const a = o(t.width || 300), s = o(t.height || 200), b = o(t.modelValue), f = o(""), d = o(t.class), r = o(t.fitContent), c = o(t.showHeader), v = o(""), z = o(t.showCloseButton), C = o(t.showMaxButton), k = o(!1), R = o(""), I = o(""), O = o(""), S = o(t.showButtons), y = o(t.title), p = o(t.reiszeable), P = o(t.containment || null), j = o();
+    const a = o(t.width || 300), s = o(t.height || 200), b = o(t.modelValue), f = o(""), d = o(t.class), r = o(t.fitContent), c = o(t.showHeader), v = o(""), z = o(t.showCloseButton), C = o(t.showMaxButton), k = o(!1), R = o(""), I = o(""), S = o(""), P = o(t.showButtons), y = o(t.title), p = o(t.reiszeable), T = o(t.containment || null), j = o();
     function V(l, x) {
       b.value = !1, e.emit("update:modelValue", !1), x != null && e.emit(x ? "accept" : "cancel"), e.emit("closed", l);
     }
-    const N = [{
+    const D = [{
       name: "cancel",
       text: "取消",
       class: "btn btn-secondary",
@@ -462,7 +462,7 @@ const $ = /* @__PURE__ */ ze({
       handle: (l) => {
         V(l, !0);
       }
-    }], i = o(t.buttons && t.buttons.length ? t.buttons : N), m = L(() => !!v.value), H = L(() => !!S.value && !!i.value), B = o(), T = o(), F = o(!1), {
+    }], i = o(t.buttons && t.buttons.length ? t.buttons : D), m = O(() => !!v.value), H = O(() => !!P.value && !!i.value), B = o(), L = o(), F = o(!1), {
       renderResizeBar: K,
       maximize: q,
       restore: J,
@@ -480,7 +480,7 @@ const $ = /* @__PURE__ */ ze({
     }), X(() => t.showHeader, (l, x) => {
       l !== x && (c.value = l);
     }), X(() => t.showButtons, (l, x) => {
-      l !== x && (S.value = l);
+      l !== x && (P.value = l);
     }), X(() => n.value, (l, x) => {
       const Y = l || {}, U = x || {};
       JSON.stringify(Y) !== JSON.stringify(U) && e.emit("resize", {
@@ -492,47 +492,47 @@ const $ = /* @__PURE__ */ ze({
       const l = document.querySelectorAll(".farris-modal").length;
       (!l || l - 1 <= 0) && document.body.classList.remove("modal-open"), j.value && j.value.classList.remove("show");
     }
-    const _ = L(() => (b.value ? document.body.classList.add("modal-open") : E(), b.value)), oe = L(() => {
+    const _ = O(() => (b.value ? document.body.classList.add("modal-open") : E(), b.value)), oe = O(() => {
       const l = {
         modal: !0,
         "farris-modal": !0,
         fade: !0
       };
       return l["f-modal-fitContent"] = !!r.value, l.show = !!_.value, l;
-    }), se = L(() => {
+    }), se = O(() => {
       var Y;
       const l = {
         "modal-dialog": !0
       }, x = (Y = d.value) == null ? void 0 : Y.split(" ");
       return x == null || x.reduce((U, xe) => (U[xe] = !0, U), l), l;
-    }), ue = L(() => ({
+    }), ue = O(() => ({
       position: "absolute",
       top: `${(window.innerHeight - s.value) / 2}px`,
       left: `${(window.innerWidth - a.value) / 2}px`,
       width: `${a.value}px`,
       height: r.value ? "auto" : `${s.value}px`
-    })), ie = L(() => ({
+    })), ie = O(() => ({
       "modal-content": !0,
       "modal-content-has-header": c.value
-    })), re = L(() => {
+    })), re = O(() => {
       const l = {
         display: c.value ? "" : "none"
       };
       return l["pointer-events"] = u.value ? "auto" : "none", l;
-    }), ce = L(() => ({
+    }), ce = O(() => ({
       "f-icon": !0,
       modal_maximize: !0,
       modalrevert: F.value
-    })), de = L(() => ({
+    })), de = O(() => ({
       "modal-body": !0,
       "f-utils-flex-column": R.value === "iframe"
     }));
     function ve() {
       return {};
     }
-    const fe = L(() => {
+    const fe = O(() => {
       const l = {
-        textAlgin: O.value
+        textAlgin: S.value
       }, x = ve();
       return Object.assign(l, x);
     });
@@ -551,11 +551,11 @@ const $ = /* @__PURE__ */ ze({
     }
     let G = null, Q = null;
     te(() => {
-      T.value && !P.value && (P.value = T.value.parentElement, A.value = P.value, g(B.value, T.value, A.value)), _.value && document.body.classList.add("modal-open"), G = je(t, e), Q = Ve(t, e);
+      L.value && !T.value && (T.value = L.value.parentElement, A.value = T.value, g(B.value, L.value, A.value)), _.value && document.body.classList.add("modal-open"), G = je(t, e), Q = Ve(t, e);
     }), le(() => {
       E(), w && w(), G && G.remove(), Q && Q.remove();
     }), e.expose({
-      modalElementRef: T,
+      modalElementRef: L,
       updateModalOptions: me,
       close: V,
       maxDialog: ee
@@ -631,7 +631,7 @@ const $ = /* @__PURE__ */ ze({
             id: f.value,
             class: se.value,
             style: ue.value,
-            ref: T
+            ref: L
           }, [h("div", {
             class: ie.value
           }, [c.value && we(), h("div", {
@@ -642,7 +642,7 @@ const $ = /* @__PURE__ */ ze({
             width: "100%",
             frameborder: "0",
             src: I.value
-          }, null)]), H.value && ye()]), !r.value && p.value && T.value && K(T.value)])])];
+          }, null)]), H.value && ye()]), !r.value && p.value && L.value && K(L.value)])])];
         }
       })]
     });
@@ -665,8 +665,8 @@ function Fe(t) {
       const f = o(), d = o(t.class || ""), r = o(!!t.showButtons), c = o(!!t.showHeader), v = o(t.showCloseButton == null ? !0 : t.showCloseButton), z = o(!0), C = o(t.title || ""), k = t.acceptCallback || (() => {
       }), R = t.rejectCallback || (() => {
       }), I = t.closedCallback || ((p) => {
-      }), O = t.resizeHandle || ((p) => {
-      }), S = ne(t), y = (p) => {
+      }), S = t.resizeHandle || ((p) => {
+      }), P = ne(t), y = (p) => {
         z.value = !1, a.unmount(), I(p);
       };
       return te(() => {
@@ -689,23 +689,23 @@ function Fe(t) {
         onCancel: R,
         fitContent: t.fitContent == null ? !0 : t.fitContent,
         onClosed: y,
-        onResize: O
+        onResize: S
       }, {
-        default: () => [S && S(a)]
+        default: () => [P && P(a)]
       });
     }
   });
   return document.body.appendChild(e), a.mount(e), a;
 }
-class We {
+class Ne {
   constructor(e) {
-    W(this, "appContext", null);
-    W(this, "modalRef", o());
-    W(this, "activeModalIndex", o(0));
-    W(this, "modalRefs", {});
-    W(this, "isUseEscCloseModal", o(!1));
-    W(this, "activeModalInstance", L(() => this.modalRefs[this.activeModalIndex.value]));
-    this.appContext = e ? e._context : null;
+    N(this, "appContext", null);
+    N(this, "modalRef", o());
+    N(this, "activeModalIndex", o(0));
+    N(this, "modalRefs", {});
+    N(this, "isUseEscCloseModal", o(!1));
+    N(this, "activeModalInstance", O(() => this.modalRefs[this.activeModalIndex.value]));
+    this.app = e, this.appContext = e ? e._context : null;
   }
   getCurrentModal() {
     return this.activeModalInstance.value;
@@ -732,14 +732,14 @@ class We {
     });
     let v;
     const z = ne(s.value), C = (y) => {
-      var P;
+      var T;
       b.value = !1;
-      const p = (P = y == null ? void 0 : y.target) == null ? void 0 : P.classList.contains("modal_close");
+      const p = (T = y == null ? void 0 : y.target) == null ? void 0 : T.classList.contains("modal_close");
       r(y, this.isUseEscCloseModal.value ? "esc" : p ? "icon" : "button");
     }, k = (y) => {
       C(y), v && ke(() => {
         if (this.modalRefs[this.activeModalIndex.value] && delete this.modalRefs[this.activeModalIndex.value], Z(null, a), v = null, this.modalRef.value = null, this.modalRefs) {
-          const p = Object.keys(this.modalRefs);
+          const p = Object.keys(this.modalRefs).map((T) => Number(T));
           p.length > 0 ? this.activeModalIndex.value = Math.max(...p) : this.activeModalIndex.value = 0;
         }
         this.isUseEscCloseModal.value = !1;
@@ -758,7 +758,7 @@ class We {
       onResize: c,
       onEsc: R
     }), {
-      default: () => [z && z()]
+      default: () => [z && z(this.app)]
     });
     return v = ((y) => {
       const p = Ie(I, y);
@@ -780,17 +780,17 @@ class We {
     };
   }
 }
-const De = Symbol("FModalService"), Ye = {
+const We = Symbol("FModalService"), Ye = {
   install(t) {
     t.component($.name, $);
-    const e = new We(t);
-    t.provide(De, e), t.provide("FModalService", e);
+    const e = new Ne(t);
+    t.provide(We, e), t.provide("FModalService", e);
   }
 };
 export {
   $ as FModal,
-  We as FModalService,
-  De as F_MODAL_SERVICE_TOKEN,
+  Ne as FModalService,
+  We as F_MODAL_SERVICE_TOKEN,
   Ye as default,
   Oe as modalProps
 };