| 1 |
- var i=Object.defineProperty,t=(t,e,s)=>(((t,e,s)=>{e in t?i(t,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):t[e]=s})(t,"symbol"!=typeof e?e+"":e,s),s),e=[];const s={subject:[],closeLast(){const i=e.pop();return i?(i.close(),!0):(this.emit("refresh",e),!1)},closeAll(){let i=this.closeLast();for(;i;)i=this.closeLast();this.emit("refresh",e)},on(i,t){this.subject.push({event:i,callback:t})},off(i,t){if(i)for(let e=0;e<this.subject.length;e++)if(this.subject[e].event===i&&this.subject[e].callback===t){this.subject.splice(e,1);break}},emit(i,t){for(let e=0;e<this.subject.length;e++)this.subject[e].event===i&&this.subject[e].callback(t)}};let h=document.createElement("style");h.innerHTML="\n .mtabUi-dialog{\n opacity:0;\n transform: scale(0.8) ;\n animation: showDialog .3s forwards;\n }\n @keyframes showDialog{\n 0%{\n opacity:0;\n transform: scale(0.8) translateY(60px);\n }\n 100%{\n opacity:1;\n transform:scale(1) translateY(0px);\n }\n }\n",document.head.append(h);class n{constructor(i={}){t(this,"dialogHandle",null),t(this,"frameHandle",null),t(this,"iframeHandle",null),t(this,"zIndex",5e3),t(this,"width",850),t(this,"height",650),t(this,"left",-1),t(this,"top",-1),t(this,"url",""),t(this,"isMove",!1),t(this,"isFull",!1),t(this,"isMinimize",!1),t(this,"minWindow",!0),t(this,"maxWindow",!0),t(this,"title",""),t(this,"headerHeight",30),t(this,"footerHeight",80),t(this,"minWidth",320),t(this,"minHeight",450),t(this,"borderRadius","8px"),t(this,"movePoint",{x:0,y:0,layerX:0,layerY:0}),t(this,"lastSize",{left:0,top:0,width:0,height:0}),t(this,"origin",{}),t(this,"uid",""),t(this,"ico",""),t(this,"lastClickTime",""),t(this,"tmpTime",!1),t(this,"uuid",(()=>"xxxxxxxx-xxx-xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(i){const t=16*Math.random()|0;return("x"===i?t:3&t|8).toString(16)})))),t(this,"windowMove",(i=>{if(this.isMove){const{x:t,y:e}=i;this.isFull||this.setPosition(t-this.movePoint.layerX,e-this.movePoint.layerY)}})),t(this,"windowMouseUp",(()=>{this.isMove=!1,this.iframeHandle.style.pointerEvents="",this.frameHandle.style.cursor=""})),this.lastClickTime=(new Date).getTime(),this.uid=this.uuid();const{url:s=!1,ico:h=!1,width:n=!1,height:M=!1,top:a=!1,left:l=!1,title:d="",origin:o={},minHeight:g=0,minWidth:c=0,minWindow:j=!0,maxWindow:r=!0}=i;s&&(this.url=s),this.ico=h,n&&(this.width=n),this.minWindow=j,this.maxWindow=r,M&&(this.height=M),c&&(this.minWidth=c),g&&(this.minHeight=g),window.innerWidth<500&&(this.width=window.innerWidth,this.height=window.innerHeight,this.borderRadius="0px"),this.origin=o,this.title=d,e.push(this)}setTitle(i=""){this.title=i.length>0?i:this.title,this.titleHandle=document.createElement("div"),this.titleHandle.innerHTML=`${this.ico?`<img class="mtabUI-ico" src="${this.ico}" alt="ico"/>`:""}<span>${this.title}</span>`,Object.assign(this.titleHandle.style,{marginLeft:"5px",display:"flex",fontSize:"15px",pointerEvents:"none",alignItems:"center",height:this.px(this.headerHeight)}),this.frameHandle.appendChild(this.titleHandle)}Frame(){this.frameHandle=document.createElement("div"),this.frameHandle.dataset.drag="move",Object.assign(this.frameHandle.style,{position:"absolute",background:"rgba(255,255,255,1)",top:"0px",left:"0px",borderRadius:"8px 8px 0px 0px",width:"100%",display:"flex",height:this.px(this.headerHeight),userSelect:"none"}),this.frameHandle.onmousedown=i=>{const{drag:t=""}=i.target.dataset;if("move"===t){if(this.lastClickTime>(new Date).getTime()-500)return void(this.maxWindow&&this.setFull());this.lastClickTime=(new Date).getTime();const{x:t,y:e,layerX:s,layerY:h}=i;this.movePoint.x=t,this.movePoint.y=e,this.movePoint.layerX=s,this.movePoint.layerY=h,this.iframeHandle.style.pointerEvents="none",this.isMove=!0,this.frameHandle.style.cursor="move"}this.resetIndex()},this.setTitle(this.title);const i=document.createElement("div");return Object.assign(i.style,{marginLeft:"auto",width:"max-content",height:"100%",display:"flex"}),this.refreshFrame(i),this.minWindow&&this.miniFrame(i),this.maxWindow&&this.fullFrame(i),this.closeFrame(i),this.frameHandle.appendChild(i),this.frameHandle}closeFrame(i){let t=document.createElement("div");t.className="window-close",t.innerHTML='<img src="data:image/svg+xml;base64,PHN2ZyB0PSIxNjg2NjUwMTgxNjU1IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjE2MDEiIGRhdGEtc3BtLWFuY2hvci1pZD0iYTMxM3guNzc4MTA2OS4wLmkxIiB3aWR0aD0iNDgiIGhlaWdodD0iNDgiPjxwYXRoIGQ9Ik01NTAuODQ4IDUwMi40OTZsMzA4LjY0LTMwOC44OTZhMzEuOTY4IDMxLjk2OCAwIDEgMC00NS4yNDgtNDUuMjQ4bC0zMDguNjA4IDMwOC44OTYtMzA4LjY0LTMwOC45MjhhMzEuOTY4IDMxLjk2OCAwIDEgMC00NS4yNDggNDUuMjQ4bDMwOC42NCAzMDguODk2LTMwOC42NCAzMDguODk2YTMxLjk2OCAzMS45NjggMCAxIDAgNDUuMjQ4IDQ1LjI0OGwzMDguNjQtMzA4Ljg5NiAzMDguNjA4IDMwOC44OTZhMzEuOTY4IDMxLjk2OCAwIDEgMCA0NS4yNDgtNDUuMjQ4bC0zMDguNjQtMzA4Ljg2NHoiIHAtaWQ9IjE2MDIiIGRhdGEtc3BtLWFuY2hvci1pZD0iYTMxM3guNzc4MTA2OS4wLmkwIj48L3BhdGg+PC9zdmc+Cg==" style="width: 20px;height: 20px;margin: auto;cursor: pointer;" alt="close"/>',t.title="关闭窗口",Object.assign(t.style,{width:"50px",height:this.px(this.headerHeight),display:"flex",marginLeft:"auto"}),t.onclick=i=>{this.close(),i.stopPropagation()},i.appendChild(t)}fullFrame(i){let t=document.createElement("div");t.className="window-full",t.innerHTML='<img src="data:image/svg+xml;base64,PHN2ZyB0PSIxNjg2NjU3NTYzMjgxIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjU5MzIiIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCI+PHBhdGggZD0iTTgxOC43NTIgMTYwbC0yNDEuMTUyIDI0MS4xNTJhMzIgMzIgMCAwIDAgNDUuMjQ4IDQ1LjI0OEw4NjQgMjA1LjI0OFYzMjBhMzIgMzIgMCAwIDAgNjQgMFYxMjhhMzEuOTA0IDMxLjkwNCAwIDAgMC0zMi0zMmgtMTkyYTMyIDMyIDAgMCAwIDAgNjRoMTE0Ljc1MnpNMTA1LjM3NiA5MTguNjI0QTMxLjkwNCAzMS45MDQgMCAwIDEgOTYgODk2di0xOTJhMzIgMzIgMCAwIDEgNjQgMHYxMTQuNzUybDI0MS4xNTItMjQxLjE1MmEzMiAzMiAwIDAgMSA0NS4yNDggNDUuMjQ4TDIwNS4yNDggODY0SDMyMGEzMiAzMiAwIDAgMSAwIDY0SDEyOGEzMS45MDQgMzEuOTA0IDAgMCAxLTIyLjYyNC05LjM3NnoiIGZpbGw9IiMwMDAwMDAiIHAtaWQ9IjU5MzMiPjwvcGF0aD48L3N2Zz4=" style="width: 20px;height: 20px;margin: auto;cursor: pointer;" alt="close"/>',t.title="最大化窗口",Object.assign(t.style,{width:"50px",height:this.px(this.headerHeight),display:"flex",userSelect:"none",marginLeft:"auto"}),t.onclick=()=>{this.setFull()},i.appendChild(t)}refreshFrame(i){if(/^http/.test(this.url))return!1;let t=document.createElement("div");t.className="window-refresh",t.innerHTML='<img src="data:image/svg+xml;base64,PHN2ZyB0PSIxNzA0NjI3ODc5MjM5IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjE2NzYiIHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4Ij48cGF0aCBkPSJNMzc5LjM5MiA4NzAuNGMtOTIuNjcyLTQ0LjgyOC0xNzEuOTE4LTE0My4xOS0xOTguMDMtMjQ1Ljc2LTI0LjU3Ni05Ni40ODQtNi4yNTgtMjAwLjkzMiA1MC41MTctMjg4LjU0IDQ4LjgxLTc1LjIwOCAxMTcuMTkxLTEyNS44OTYgMjE3LjMxNi0xNjEuMTEgMjQuNjktOC43MDQgNDQuOTQyLTE4LjM3NSA0NC45NDItMjEuNTYgMC0zLjEzLTEwLjkyMy0xNi42MTItMjQuMjkyLTI5LjkyNC0yNy4zMDYtMjcuMTkzLTI5LjU4Mi0zNi45MjEtMTIuNDAxLTU0LjI3MiAxOS45MS0yMC4xMzkgMzYuNTgtMTYuMzI3IDcxLjY4IDE2LjMyNyAxNi44MzkgMTUuNjQ0IDQ2LjU5MiA0MS4zMDEgNjYuMTA0IDU3LjAwMyAzOC4yMyAzMC43MiA0Ny42MTYgNDQuNiA0Mi44OTUgNjMuNjAxLTIuNjc0IDEwLjQ2OC01Ny44NTYgODIuNzc0LTk4LjgxNiAxMjkuNDgtMTkuMjI5IDIxLjkwMi0zMi4wODYgMjcuNTktNDYuODIgMjAuODJhNDQuMzczIDQ0LjM3MyAwIDAgMS0xNy43NS0xNi40OTdjLTcuMTEtMTMuNTQtMC42ODItMjcuNzYyIDI4Ljc4Ny02My4zNzQgMTAuODA4LTEzLjA4NSAxOS43NC0yNS42IDE5Ljc0LTI3LjcwNSAwLTcuNzk0LTI1LjY1Ny0xMC4wMTMtNTQuOTU1LTQuNzIyLTUxLjI1NyA5LjIxNi05Ni44MjUgMzQuOTg3LTE0MS45OTQgODAuMjEzLTIyLjUyOCAyMi41ODUtNDUuMjI3IDUwLjc0NS01Mi4xNjcgNjQuNjgzLTQ4LjkyNSA5OC4zNjEtNDYuNTM2IDIxMS43OTcgNi4zNzEgMzAyLjc2MyAyNC40NjIgNDEuOTI3IDgxLjIzNyA5NS44NTggMTIyLjkzNyAxMTYuNjIyIDk2LjgyNSA0OC4yNDIgMjA0LjM0NSA0NS4zOTcgMjk0LjY4NC03LjczN0M4MDYuNCA3MzcuMTY2IDg2Ny41NTYgNjAxLjI2IDg0Mi4xODMgNDgwLjgyNWMtOC43MDQtNDEuNTI5LTM0LjM2LTk4LjI0Ny01OS4yNzgtMTMxLjMtMjIuNjk5LTMwLjAzNy0yOC4yNzQtNDMuMjM1LTI0LjYzMy01OC4wMjYgMy45MjUtMTUuNzU5IDI2LjM0LTI0LjQwNiA0Mi4zODItMTYuMjcgMjguNDQ1IDE0LjI3OSA4Mi4zNzUgOTkuNjY5IDk5Ljg0IDE1Ny45OCAxMy45MzggNDYuMzY0IDEyLjY4NiAxNTUuMDc5LTIuMjc1IDIwMy45NDctMTMuMDg1IDQyLjY2Ni00Ni4yNTEgMTA4LjM3My02OS42MzIgMTM4LjA2OS0yNC4xNzggMzAuNzItNzguNTA3IDc1LjIwNy0xMTYuMDU0IDk1LjIzMi01OS4xNjQgMzEuNDAzLTE0My40MTcgNDYuMDgtMjEzLjU2IDM3LjIwNS00Ni4zMDgtNS44Ni03MC4xNDUtMTMuMzEyLTExOS41ODEtMzcuMjYyeiIgcC1pZD0iMTY3NyI+PC9wYXRoPjwvc3ZnPg==" style="width: 20px;height: 20px;margin: auto;cursor: pointer;" alt="refresh"/>',t.title="刷新",Object.assign(t.style,{width:"50px",height:this.px(this.headerHeight),display:"flex",userSelect:"none",marginLeft:"auto"}),t.onclick=()=>{this.iframeHandle.contentWindow.location.reload()},i.appendChild(t)}setFull(){this.tmpTime&&this.tmpTime>(new Date).getTime()-500||(this.tmpTime=(new Date).getTime(),this.isFull?(Object.assign(this.dialogHandle.style,{width:this.px(this.lastSize.width),height:this.px(this.lastSize.height),left:this.px(this.lastSize.left),top:this.px(this.lastSize.top)}),setTimeout((()=>{Object.assign(this.dialogHandle.style,{transition:"none"})}),300),this.isFull=!1):(Object.assign(this.dialogHandle.style,{transition:"all .3s"}),Object.assign(this.dialogHandle.style,{width:"100%",height:`calc(100% - ${this.footerHeight}px)`,left:"0px",top:"0px"}),this.lastSize={left:this.left,top:this.top,width:this.width,height:this.height},this.isFull=!0))}miniFrame(i){let t=document.createElement("div");t.className="window-mini",t.innerHTML='<img src="data:image/svg+xml;base64,PHN2ZyB0PSIxNjg2NjcxODYzNzUxIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjY3NzQiIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCI+PHBhdGggZD0iTTQ1LjYwMjEzMzMzIDQ3OC4xMzk3MzMzM2g5MzIuNzk1NzMzMzRjMjIuOTM3NiAwIDMzLjg2MDI2NjY3IDExLjQ2ODggMzQuNDA2NCAzNC40MDY0IDAgMjIuOTM3Ni0xMS40Njg4IDM0LjQwNjQtMzQuNDA2NCAzNC40MDY0SDQ1LjYwMjEzMzMzYy0yMi45Mzc2IDAtMzQuNDA2NC0xMS40Njg4LTM0LjQwNjQtMzQuNDA2NCAwLTIzLjQ4MzczMzMzIDExLjQ2ODgtMzQuNDA2NCAzNC40MDY0LTM0LjQwNjR6IiBwLWlkPSI2Nzc1IiBmaWxsPSIjMmMyYzJjIj48L3BhdGg+PC9zdmc+" style="width: 20px;height: 20px;margin: auto;cursor: pointer;" alt="close"/>',t.title="最小化",t.onclick=()=>{this.setMineSize()},Object.assign(t.style,{width:"50px",height:this.px(this.headerHeight),display:"flex",userSelect:"none",marginLeft:"auto"}),i.appendChild(t)}resetIndex(){let i=0,t=null;e.forEach((e=>{e.zIndex>i&&(i=e.zIndex,t=e)})),t.uid!==this.uid&&(i+=1),this.setZIndex(i)}Iframe(){return this.iframeHandle=document.createElement("iframe"),this.iframeHandle.src=this.url,this.iframeHandle.dataset.uid=this.uid,Object.assign(this.iframeHandle.style,{position:"absolute",top:this.px(this.headerHeight),border:"none",outline:"none",transform:"scale(1)",width:"100%",height:`calc(100% - ${this.px(this.headerHeight)})`}),this.iframeHandle}px(i){return i+"px"}getElementCenterPosition(i,t){const e=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth,s=window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight;return{x:Math.floor((e-i)/2),y:Math.floor((s-t)/2)}}setPosition(i=0,t=0){i<0&&(i=0),i>window.innerWidth-this.width&&(i=window.innerWidth-this.width),t<0&&(t=0),t>window.innerHeight-this.height&&(t=window.innerHeight-this.height),this.left=i,this.top=t,Object.assign(this.dialogHandle.style,{left:this.px(i),top:this.px(t)})}setZIndex(i=1e3){this.zIndex=i,this.dialogHandle.style.zIndex=this.zIndex}append(){document.body.appendChild(this.dialogHandle),s.emit("refresh",e)}setMineSize(){!0===this.isMinimize?(this.dialogHandle.style.display="block",this.isMinimize=!1):(this.dialogHandle.style.display="none",this.isMinimize=!0)}open(){this.dialogHandle=document.createElement("div");const{x:i,y:t}=this.getElementCenterPosition(this.width,this.height);this.left=i,this.top=t,this.dialogHandle.className="mtabUi-dialog",Object.assign(this.dialogHandle.style,{position:"fixed",background:"#fff",width:this.px(this.width),height:this.px(this.height),left:this.px(i),top:this.px(t),minWidth:this.px(this.minWidth),minHeight:this.px(this.minHeight),resize:"auto",borderRadius:this.borderRadius}),this.dialogHandle.appendChild(this.Iframe()),this.dialogHandle.appendChild(this.Frame()),this.append(),this.bindEvent(),this.resetIndex()}bindEvent(){window.addEventListener("mousemove",this.windowMove),window.addEventListener("mouseup",this.windowMouseUp);new MutationObserver((i=>{i.forEach((i=>{this.width=this.dialogHandle.clientWidth,this.height=this.dialogHandle.clientHeight}))})).observe(this.dialogHandle,{attributes:!0,childList:!1,subtree:!1})}close(){window.removeEventListener("mousemove",this.windowMove),window.removeEventListener("mouseup",this.windowMouseUp),e.forEach(((i,t)=>{i.uid===this.uid&&e.splice(t,1)})),document.body.removeChild(this.dialogHandle),s.emit("refresh",e)}}window.MtabManager=s,window.MtabUi=n;export{s as M,n as a,e as d};
|
