2 lines
11 KiB
JavaScript
2 lines
11 KiB
JavaScript
var G=Object.defineProperty,A=Object.defineProperties;var V=Object.getOwnPropertyDescriptors;var Z=Object.getOwnPropertySymbols;var U=Object.prototype.hasOwnProperty,tt=Object.prototype.propertyIsEnumerable;var C=(e,t,i)=>t in e?G(e,t,{enumerable:!0,configurable:!0,writable:!0,value:i}):e[t]=i,_=(e,t)=>{for(var i in t||(t={}))U.call(t,i)&&C(e,i,t[i]);if(Z)for(var i of Z(t))tt.call(t,i)&&C(e,i,t[i]);return e},D=(e,t)=>A(e,V(t));var z=(e,t,i)=>(C(e,typeof t!="symbol"?t+"":t,i),i);var I=(e,t,i)=>new Promise((n,d)=>{var a=l=>{try{m(i.next(l))}catch(v){d(v)}},w=l=>{try{m(i.throw(l))}catch(v){d(v)}},m=l=>l.done?n(l.value):Promise.resolve(l.value).then(a,w);m((i=i.apply(e,t)).next())});import et from"./Map.e388bf45.js";import{a as H,w as j,v as S,J as P,aq as J,c0 as st,L as N,o as T,h as it,i as c,aK as nt,bn as W,k as at,e9 as Y,bq as ot,bd as rt,j as ht,z as ct,n as r,bk as lt,aG as o}from"./index.15bf95a0.js";import dt from"./DXJG.e292cad0.js";import ut from"./DXCY.caf9662d.js";import pt from"./DZWZ.7719625b.js";import mt from"./DXLX.0f9fff60.js";import ft from"./Head.447cc016.js";import xt from"./Footer.eba8af54.js";import vt from"./NYQK.a7367664.js";import yt from"./NCZQS.bd20100f.js";import zt from"./CZNYCY.02985b16.js";import bt from"./JK.2494a624.js";import gt from"./SBYXZT.2942ba09.js";import _t from"./QXSZ.6a318ded.js";import wt from"./SZJCSJ.e9c5485a.js";import Mt from"./TRJCSJ.13ddb57e.js";import St from"./MapModal.b4f92c5b.js";import{c as $t}from"./useVContext.aa4c776c.js";import"./useECharts.599b4c2e.js";import"./other.54dd0a11.js";import"./visualization.071c5c08.js";import"./Box.0aa03c87.js";import"./colors.35198826.js";import"./index.ef1a8685.js";import"./dayjs.min.11553ab0.js";import"./index.2fa6a24d.js";import"./CaretUpOutlined.501b2d5b.js";import"./LinkModal.840a33a7.js";import"./model-close-icon.706a0490.js";import"./index.6ff5bdc4.js";import"./_baseIteratee.08430898.js";import"./get.05ad8139.js";import"./_baseEach.ae87de7c.js";import"./_isIterateeCall.35fbf45b.js";import"./lodash.ac0a161e.js";import"./dateUtil.55a85352.js";import"./NZW.bb63b249.js";import"./index.253e68b1.js";import"./useRefs.5c9b400e.js";import"./CModal.22f4ed87.js";function Ct(e,t){let i;return function(...n){i&&clearTimeout(i),i=setTimeout(()=>{typeof e=="function"&&e.apply(null,n),clearTimeout(i)},t>0?t:100)}}const It=H({name:"ScaleScreen",props:{width:{type:[String,Number],default:1920},height:{type:[String,Number],default:1080},fullScreen:{type:Boolean,default:!1},autoScale:{type:[Object,Boolean],default:!0},delay:{type:Number,default:500},boxStyle:{type:Object,default:()=>({})},wrapperStyle:{type:Object,default:()=>({})}},setup(e){const t=j({width:0,height:0,originalWidth:0,originalHeight:0,observer:null}),i={box:{overflow:"hidden",backgroundSize:"100% 100%",background:"#000",width:"100vw",height:"100vh"},wrapper:{transitionProperty:"all",transitionTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)",transitionDuration:"500ms",position:"relative",overflow:"hidden",zIndex:100,transformOrigin:"left top"}},n=S(),d=()=>new Promise(h=>{J(()=>{var f,x;e.width&&e.height?(t.width=e.width,t.height=e.height):(t.width=(f=n.value)==null?void 0:f.clientWidth,t.height=(x=n.value)==null?void 0:x.clientHeight),(!t.originalHeight||!t.originalWidth)&&(t.originalWidth=window.screen.width,t.originalHeight=window.screen.height),h()})}),a=()=>{t.width&&t.height?(n.value.style.width=`${t.width}px`,n.value.style.height=`${t.height}px`):(n.value.style.width=`${t.originalWidth}px`,n.value.style.height=`${t.originalHeight}px`)},w=h=>{if(!e.autoScale)return;const f=n.value.clientWidth,x=n.value.clientHeight,M=document.body.clientWidth,b=document.body.clientHeight;n.value.style.transform=`scale(${h},${h})`;let y=Math.max((M-f*h)/2,0),g=Math.max((b-x*h)/2,0);typeof e.autoScale=="object"&&(!e.autoScale.x&&(y=0),!e.autoScale.y&&(g=0)),n.value.style.margin=`${g}px ${y}px`},m=()=>{const h=document.body.clientWidth,f=document.body.clientHeight,x=t.width||t.originalWidth,M=t.height||t.originalHeight,b=h/+x,y=f/+M;if(e.fullScreen)return n.value.style.transform=`scale(${b},${y})`,!1;const g=Math.min(b,y);w(g)},l=Ct(()=>I(this,null,function*(){yield d(),a(),m()}),e.delay),v=()=>{(t.observer=new MutationObserver(()=>{l()})).observe(n.value,{attributes:!0,attributeFilter:["style"],attributeOldValue:!0})};return P(()=>{J(()=>I(this,null,function*(){yield d(),a(),m(),window.addEventListener("resize",l),v()}))}),st(()=>{var h;window.removeEventListener("resize",l),(h=t.observer)==null||h.disconnect()}),{screenWrapper:n,styles:i}}});function Ot(e,t,i,n,d,a){return T(),it("section",{style:W(_(_({},e.styles.box),e.boxStyle)),class:"v-screen-box"},[c("div",{style:W(_(_({},e.styles.wrapper),e.wrapperStyle)),class:"screen-wrapper",ref:"screenWrapper"},[nt(e.$slots,"default")],4)],4)}var jt=N(It,[["render",Ot]]),Xt=300,$=3120,X=760,k=0,q=0,Zt=150,u=function(e){return e*Math.PI/180},O=function(){return Math.sin(Math.floor(Math.random()*360)*Math.PI/180)},s={obj:{x:k,y:q,z:Zt},dest:{x:0,y:0,z:1},dist:{x:0,y:0,z:200},ang:{cplane:0,splane:0,ctheta:0,stheta:0},zoom:1,disp:{x:$/2,y:X/2,z:0},upd:function(){s.dist.x=s.dest.x-s.obj.x,s.dist.y=s.dest.y-s.obj.y,s.dist.z=s.dest.z-s.obj.z,s.ang.cplane=-s.dist.z/Math.sqrt(s.dist.x*s.dist.x+s.dist.z*s.dist.z),s.ang.splane=s.dist.x/Math.sqrt(s.dist.x*s.dist.x+s.dist.z*s.dist.z),s.ang.ctheta=Math.sqrt(s.dist.x*s.dist.x+s.dist.z*s.dist.z)/Math.sqrt(s.dist.x*s.dist.x+s.dist.y*s.dist.y+s.dist.z*s.dist.z),s.ang.stheta=-s.dist.y/Math.sqrt(s.dist.x*s.dist.x+s.dist.y*s.dist.y+s.dist.z*s.dist.z)}},p={parts:{sz:function(e,t){return{x:e.x*t.x,y:e.y*t.y,z:e.z*t.z}},rot:{x:function(e,t){return{x:e.x,y:e.y*Math.cos(u(t.x))-e.z*Math.sin(u(t.x)),z:e.y*Math.sin(u(t.x))+e.z*Math.cos(u(t.x))}},y:function(e,t){return{x:e.x*Math.cos(u(t.y))+e.z*Math.sin(u(t.y)),y:e.y,z:-e.x*Math.sin(u(t.y))+e.z*Math.cos(u(t.y))}},z:function(e,t){return{x:e.x*Math.cos(u(t.z))-e.y*Math.sin(u(t.z)),y:e.x*Math.sin(u(t.z))+e.y*Math.cos(u(t.z)),z:e.z}}},pos:function(e,t){return{x:e.x+t.x,y:e.y+t.y,z:e.z+t.z}}},pov:{plane:function(e){return{x:e.x*s.ang.cplane+e.z*s.ang.splane,y:e.y,z:e.x*-s.ang.splane+e.z*s.ang.cplane}},theta:function(e){return{x:e.x,y:e.y*s.ang.ctheta-e.z*s.ang.stheta,z:e.y*s.ang.stheta+e.z*s.ang.ctheta}},set:function(e){return{x:e.x-s.obj.x,y:e.y-s.obj.y,z:e.z-s.obj.z}}},persp:function(e){return{x:e.x*s.dist.z/e.z*s.zoom,y:e.y*s.dist.z/e.z*s.zoom,z:e.z*s.zoom,p:s.dist.z/e.z}},disp:function(e,t){return{x:e.x+t.x,y:-e.y+t.y,z:e.z+t.z,p:e.p}},steps:function(e,t,i,n,d){var a=p.parts.sz(e,t);return a=p.parts.rot.x(a,i),a=p.parts.rot.y(a,i),a=p.parts.rot.z(a,i),a=p.parts.pos(a,n),a=p.pov.plane(a),a=p.pov.theta(a),a=p.pov.set(a),a=p.persp(a),a=p.disp(a,d),a}};class Dt{constructor(t){z(this,"vupd",function(){this.transOut=p.steps(this.transIn.vtx,this.transIn.sz,this.transIn.rot,this.transIn.pos,s.disp)});this.transIn={},this.transOut={},this.transIn.vtx=t.vtx,this.transIn.sz=t.sz,this.transIn.rot=t.rot,this.transIn.pos=t.pos}}class Jt{constructor(t){z(this,"add",function(){this.varr.push(new Dt({vtx:{x:O(),y:O(),z:O()},sz:{x:0,y:0,z:0},rot:{x:20,y:-20,z:0},pos:{x:this.diff*Math.sin(360*Math.random()*Math.PI/180),y:this.diff*Math.sin(360*Math.random()*Math.PI/180),z:this.diff*Math.sin(360*Math.random()*Math.PI/180)}})),this.calc.push({x:360*Math.random(),y:360*Math.random(),z:360*Math.random()})});z(this,"upd",function(){s.obj.x+=(this.toX-s.obj.x)*.05,s.obj.y+=(this.toY-s.obj.y)*.05});z(this,"draw",function(){this.$.clearRect(0,0,this.canvas.width,this.canvas.height),s.upd(),this.rotObj.x+=.1,this.rotObj.y+=.1,this.rotObj.z+=.1;for(var t=0;t<this.varr.length;t++){for(var i in this.calc[t])this.calc[t].hasOwnProperty(i)&&(this.calc[t][i]+=this.vel,this.calc[t][i]>this.lim&&(this.calc[t][i]=0));if(this.varr[t].transIn.pos={x:this.diff*Math.cos(this.calc[t].x*Math.PI/180),y:this.diff*Math.sin(this.calc[t].y*Math.PI/180),z:this.diff*Math.sin(this.calc[t].z*Math.PI/180)},this.varr[t].transIn.rot=this.rotObj,this.varr[t].transIn.sz=this.objSz,this.varr[t].vupd(),!(this.varr[t].transOut.p<0)){var n=this.$.createRadialGradient(this.varr[t].transOut.x,this.varr[t].transOut.y,this.varr[t].transOut.p,this.varr[t].transOut.x,this.varr[t].transOut.y,this.varr[t].transOut.p*2);this.$.globalCompositeOperation="lighter",n.addColorStop(0,"hsla(255, 255%, 255%, 1)"),n.addColorStop(.5,"hsla("+(t+2)+",85%, 40%,1)"),n.addColorStop(1,"hsla("+t+",85%, 40%,.5)"),this.$.fillStyle=n,this.$.beginPath(),this.$.arc(this.varr[t].transOut.x,this.varr[t].transOut.y,this.varr[t].transOut.p*2,0,Math.PI*2,!1),this.$.fill(),this.$.closePath()}}});z(this,"anim",function(){window.requestAnimationFrame=function(){return window.requestAnimationFrame||function(i,n){window.setTimeout(i,1e3/60)}}();var t=function(){this.upd(),this.draw(),window.requestAnimationFrame(t)}.bind(this);window.requestAnimationFrame(t)});z(this,"run",function(){this.anim(),this.toX=-69.6,this.toY=23.6});this.canvas=at(t),this.vel=.04,this.lim=360,this.diff=200,this.initPos=100,this.toX=k,this.toY=q,this.go()}go(){this.canvas.width=$,this.canvas.height=X,this.$=canv.getContext("2d"),this.$.globalCompositeOperation="source-over",this.varr=[],this.dist=[],this.calc=[];for(var t=0,i=Xt;t<i;t++)this.add();this.rotObj={x:0,y:0,z:0},this.objSz={x:$/5,y:X/5,z:$/5}}}const Wt=H({components:{[Y.name]:Y,Map:et,ScaleScreen:jt,DXJG:dt,DXCY:ut,DZWZ:pt,DXLX:mt,NYQK:vt,NCZQS:yt,CZNYCY:zt,JK:bt,SBYXZT:gt,QXSZ:_t,SZJCSJ:wt,TRJCSJ:Mt,Head:ft,Footer:xt,MapModal:St},setup(){const e=S(null),t=lt(),i=j({baseId:S(""),baseData:j({})});$t({rootEmitter:t});const n=S(!1);return P(()=>{new Jt(e).run()}),ot(()=>{t.on("map:click",()=>{}),t.on("base:click",d=>{i.baseId=d.id,i.baseData=d,n.value=!0})}),D(_({cavsRef:e},rt(i)),{visibleMapModal:n})}}),Yt={class:"flex flex-col h-full bg-img relative"},Ht={class:"absolute left-0 top-0 w-full h-full",ref:"cavsRef",id:"canv"},Pt={class:"flex flex-col h-full w-full z-100"},Nt={class:"flex-1 flex justify-between px-20px"},Tt={class:"flex"},kt={class:"grid grid-cols-2 gap-x-10px gap-y-10px"},qt={class:"flex-1 flex ml-15px justify-between bg-[#162126] bg-opacity-60"},Bt={class:"bg-[#10272f] bg-opacity-00"},Ft={class:"flex-1"},Qt={class:"bg-[#10272f] bg-opacity-00"},Rt={class:"flex"},Kt={class:"mx-16px"},Lt={class:""};function Et(e,t,i,n,d,a){const w=o("Head"),m=o("DXJG"),l=o("DXCY"),v=o("DXLX"),h=o("DZWZ"),f=o("NYQK"),x=o("NCZQS"),M=o("Map"),b=o("CZNYCY"),y=o("JK"),g=o("SBYXZT"),B=o("QXSZ"),F=o("SZJCSJ"),Q=o("TRJCSJ"),R=o("Footer"),K=o("MapModal"),L=o("ScaleScreen");return T(),ht(L,{boxStyle:{background:"#020603"},width:3120,height:760,autoScale:!0},{default:ct(()=>[c("div",Yt,[c("canvas",Ht,null,512),c("div",Pt,[r(w),c("div",Nt,[c("div",Tt,[c("div",kt,[r(m,{width:"440px",height:"353px"}),r(l,{width:"440px",height:"353px"}),r(v,{width:"440px",height:"353px"}),r(h,{width:"440px",height:"353px"})])]),c("div",qt,[c("div",Bt,[r(f),r(x,{class:"mt-20px"})]),c("div",Ft,[r(M)]),c("div",Qt,[r(b)])]),c("div",Rt,[c("div",Kt,[r(y,{width:"440px",height:"387px"}),r(g,{class:"mt-16px",width:"440px",height:"310px"})]),c("div",Lt,[r(B,{width:"440px",height:"230px"}),r(F,{class:"mt-11px",width:"440px",height:"230px"}),r(Q,{class:"mt-11px",width:"440px",height:"230px"})])])]),r(R)])]),r(K,{visible:e.visibleMapModal,"onUpdate:visible":t[0]||(t[0]=E=>e.visibleMapModal=E),footer:null,baseId:e.baseId,baseData:e.baseData},null,8,["visible","baseId","baseData"])]),_:1})}var He=N(Wt,[["render",Et],["__scopeId","data-v-64b5e616"]]);export{He as default};
|