@next-bricks/data-view 1.1.14 → 1.1.15

package/dist/chunks/1493.284f0f45.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunk_next_bricks_data_view=self.webpackChunk_next_bricks_data_view||[]).push([[1493],{5562:(e,t,r)=>{r.d(t,{S:()=>A});var n=r(9575),a=r(8769),o=r.n(a),i=r(2445),l=r(5062),c=r(3488),s=r(7807),d=r(7558),u=r(9740),p=(r(1440),r(6041),r(4392),(e,t,r)=>{var n=(new l.Pq0).subVectors(t,e),a=n.length(),o=document.createElement("data-view.app-wall-relation-line");o.style.height="".concat(a,"px"),o.classList.add("relation-line"),o.lightColor=r;var i=new c.on(o),s=(new l.Pq0).lerpVectors(e,t,.5);i.position.copy(s);var d=(new l.PTz).setFromUnitVectors(new l.Pq0(0,1,0).normalize(),n.clone().normalize());return i.setRotationFromQuaternion(d),i}),h=(e,t)=>{var r=new l.Pq0(e[0],e[1],e[2]),n=new l.Pq0(t[0],t[1],t[2]);return{centerVector:(new l.Pq0).lerpVectors(r,n,.5),subVector:(new l.Pq0).subVectors(r,n)}},g=e=>{var{BW:t,TW:r,d:n,TH:a,BH:o,isLeft:i}=e,s=Math.sqrt(Math.pow(r/2-t/2,2)+Math.pow(n,2)),d=document.createElement("div");d.style.cssText="\n                   width: ".concat(s,"px;\n                   height:").concat(a,"px;\n                   position: relative;\n                   clip-path: polygon(0 0, ").concat(s,"px ").concat(a/2-o/2,"px, ").concat(s,"px ").concat(a/2-o/2+o,"px, 0 ").concat(a,"px);\n                    ");var u=document.createElement("div");u.className="trapezoidalLeftOrRightAnimation",d.appendChild(u);var p=i?[-t/2,0,0]:[t/2,0,0],g=i?[-r/2,0,n]:[r/2,0,n],b=new c.on(d),{centerVector:m,subVector:v}=h(p,g);b.position.copy(m);var x=(new l.PTz).setFromUnitVectors(new l.Pq0(1,0,0).normalize(),v.clone().normalize());return b.setRotationFromQuaternion(x),b},b=e=>{var{BW:t,TW:r,d:n,TH:a,BH:o,isTop:i}=e,s=Math.sqrt(Math.pow(a/2-o/2,2)+Math.pow(n,2)),d=document.createElement("div");d.style.cssText="\n                   width: ".concat(r,"px;\n                   height:").concat(s,"px;\n                   position: relative;\n                   clip-path: polygon(0 0, ").concat(r,"px 0, ").concat(r/2-t/2+t,"px ").concat(s,"px, ").concat(r/2-t/2,"px ").concat(s,"px);\n                   ");var u=document.createElement("div");u.className="trapezoidalTopOrBottomAnimation",d.appendChild(u);var p=new c.on(d),g=i?[0,-o/2,0]:[0,o/2,0],b=i?[0,-a/2,n]:[0,a/2,n],{centerVector:m,subVector:v}=h(g,b);p.position.copy(m);var x=(new l.PTz).setFromUnitVectors(new l.Pq0(0,-1,0).normalize(),v.clone().normalize());return p.setRotationFromQuaternion(x),p},m=e=>{var{objectData:t,leftBtnName:r,clusters:n,columns:a,leftOnClick:o,rightBtnName:i,rightOnClick:l,appName:s}=e,d=600,u=document.createElement("div"),p=new c.on(u);p.position.set(...t.point);var h=t.width,m=t.height,v=1500,x=1200,f=document.createElement("div");f.style.cssText="\n                   width: ".concat(h,"px;\n                   height: ").concat(m,"px;\n                   box-shadow: inset 0px 1px 2px 0px rgba(255,255,255,0.45);\n                   border: 1px solid rgba(118,255,255,0.58);\n                   padding: 16px;\n                   ");var w=new c.on(f);w.position.z=0,p.add(w);var y=document.createElement("div");y.style.cssText="\n                   width: ".concat(v,"px;\n                   height:").concat(x,"px;\n                   background: linear-gradient(rgb(13, 54, 179,0.6) 0%, rgb(74, 108, 156,0.6) 100%);\n                   box-sizing: border-box;\n                   padding: 16px;\n                   ");var k=document.createElement("data-view.cabinet-thumbnail");k.clusters=null!=n?n:[],k.columns=null!=a?a:4,k.appName=s,y.className="visibilityAnimate",y.appendChild(k);var z=new c.on(y);z.position.set(0,0,d);var T=g({BW:h,TW:v,BH:m,TH:x,d,isLeft:!0}),C=g({BW:h,TW:v,BH:m,TH:x,d,isLeft:!1}),S=b({BW:h,TW:v,BH:m,TH:x,d,isTop:!0}),E=b({BW:h,TW:v,BH:m,TH:x,d,isTop:!1});if(p.add(T,C,E,S),r){var P=document.createElement("div");P.style.cssText="\n                 color: #6BE0FA;\n                 font-size: 28px;\n                 font-weight: 500;\n                 width: ".concat(750,"px;\n                 line-height: 16px;\n                 "),P.className="visibilityAnimate";var I=document.createElement("span");I.style.cursor="pointer",I.innerText=r,P.appendChild(I);var R=new c.on(P);R.position.set(-365,-600,14),R.rotateX(Math.PI/2),z.add(R),I.onpointerdown=o}if(i){var B=document.createElement("div");B.style.cssText="\n                 color: #FFFFFF;\n                 font-size: 30px;\n                 font-weight: 500;\n                 width: ".concat(750,"px;\n                 text-shadow: 0px 1px 4px #3366FF;\n                 text-align: right;\n                 "),B.className="visibilityAnimate";var M=document.createElement("span");M.style.cursor="pointer",M.innerText=i,B.appendChild(M);var A=new c.on(B);A.position.set(365,-600,14),A.rotateX(Math.PI/2),z.add(A),M.onpointerdown=l}return p.add(z),p},v=(e,t,r)=>{if(null==e||!e.length)return[];var n=e.map((e=>(0,u.A)((0,u.A)({},e),{},{x:0,y:0})));if(n.length===t*r)n=n.map(((e,r)=>(0,u.A)((0,u.A)({},e),{},{x:r%t+1,y:parseInt("".concat(r/t))+1})));else{for(var a=t*(r-1),o=n.length-a,i=0;i<a;i++){var l=n[i];l.x=i%t+1,l.y=parseInt("".concat(i/t))+1}for(var c=0;c<o/2;c++){var s=n[c+a],d=n[n.length-1-c];s.x=c+1,s.y=r,s!==d&&(d.x=t-c,d.y=r)}}return n},x=(e,t,r,n)=>{var a=new l.B69;return a.position.x=e.x*t.outerWidth-(r/2+.5)*t.outerWidth,a.position.y=-e.y*t.outerHeight+(n/2+.5)*t.outerHeight,a},f=(e,t,r,n,a,o)=>{var i=new l.B69,c=new l.Pq0,s=((e,t,r,n,a)=>{var o={x:0,y:0,z:0},i=parseInt("".concat(r*t.outerWidth*180))/(a*Math.PI),l=r/2+.5;return o.x=i*Math.sin(Math.PI/(180/((e.x-l)*(a/r)))),o.y=-e.y*t.outerHeight+(n/2+.5)*t.outerHeight,o.z=i-Math.sqrt(i*i-o.x*o.x),o})(e,t,r,n,a);return i.position.x=s.x,i.position.y=s.y,i.position.z=s.z,c.x=0,c.y=i.position.y,c.z=o,i.lookAt(c),i},w=(e,t,r,n)=>{var a=t.height+2*t.margin,o=(t.width+2*t.margin)/e.aspect,i=.5*Math.max(o,a)/Math.tan(e.fov*Math.PI/360)+t.z,l=0;return r.forEach((function(e){n>=Math.min.apply(null,e.numRange)&&n<=Math.max.apply(null,e.numRange)&&(l=e.distance)})),Math.max(l,i)},y=(e,t)=>{var r=[],n=e.userData;return Array.isArray(t)&&t.length&&t.forEach((function(e){n.key!==e.source&&n.key!==e.target||r.push(e)})),r},k=(e,t)=>{var r=t.toUpperCase(),n=e.composedPath().find((e=>null==e?void 0:e.shadowRoot));if((null==n?void 0:n.tagName)===r)return n;var a=document.elementFromPoint(e.clientX,e.clientY),o=null==a?void 0:a.shadowRoot.elementFromPoint(e.clientX,e.clientY);return(null==o?void 0:o.tagName)===r?o:null},z=r(6430),T=r(3373),C=r.n(T),S=[{numRange:[0,40],distance:3e3},{numRange:[40,60],distance:2200},{numRange:[60,80],distance:2700},{numRange:[80,120],distance:3200},{numRange:[120,160],distance:3400},{numRange:[160,300],distance:3600}],E=45,P=100,I=300,R=500,B=(e,t,r,n)=>{var a=Math.ceil(Math.sqrt(e*t.outerHeight/(n*t.outerWidth))),o=Math.ceil(e/a),i=parseInt("".concat(a*t.outerWidth*180))/(P*Math.PI);return{maxX:a,maxY:o,radius:i,bounds:{width:2*i*Math.sin(Math.PI*(P/2)/180)+t.outerWidth,height:o*t.outerHeight,margin:r,z:i-i*Math.cos(Math.PI*(P/2)/180)}}},M=(0,z.wrapBrick)("data-view.app-wall-system-card");function A(e){var{relations:t,onSystemCardButtonClick:r,useDblclick:u,useDistanceConfig:h,handleCardDbClick:g,rightBtnOnClick:b,leftBtnOnClick:z,cardBrickName:T,cardSize:A,disabledDefaultClickEvent:_,handleCardClick:D,containerId:F,noRotate:L,boundMargin:W,useSystemPopover:K}=e,[N,H]=(0,a.useState)(null),V=(0,a.useRef)(),O=(0,a.useRef)(),q=(0,a.useRef)(),j=(0,a.useRef)(),G=(0,a.useRef)(),Y=(0,a.useRef)(),X=(0,a.useRef)(),U=(0,a.useRef)(),Q=(0,a.useRef)(),Z=(0,a.useRef)(),J=(0,a.useRef)(),$=(0,a.useRef)({table:[],curve:[]}),ee=(0,a.useRef)([]),te=(0,a.useRef)([]),re=(0,a.useRef)(1),ne=(0,a.useRef)(5e3),ae=(0,a.useRef)({maxX:0,maxY:0,radius:0,bounds:{width:0,height:0,margin:W,z:0}}),oe=(0,a.useRef)({element:null,mouseoverTimer:null,mouseoutTimer:null,clickTimer:null,dblClickTimer:null,isShowGraph3D:!1,isShowAppInfo:!1,isShowRelations:!1,enable:!0}),ie=(0,a.useCallback)((()=>{X.current.render(U.current,Q.current),Z.current.maxDistance=ne.current+R,Z.current.handleResize()}),[]),le=e=>{var t;if(null===(t=oe.current)||void 0===t||!t.element)return null==e?void 0:e();var{__objectCSS:r,__curve:n,__userData:a}=oe.current.element;new d.K(r.rotation).to({x:n.rotation.x,y:n.rotation.y,z:n.rotation.z},100).start(),new d.K(r.scale).to({x:1,y:1,z:1},100).start(),new d.K(r.position).to({x:n.position.x,y:n.position.y,z:n.position.z},100).onUpdate(ie).onStart((()=>{var e;"data-view.app-wall-card-item"===T&&r.element.classList.remove("status-".concat(a.status||"normal","-card")),null===(e=ee.current)||void 0===e||e.forEach((e=>{e.element.style.opacity="1"})),te.current.forEach((e=>{U.current.remove(e)})),te.current=[],ie()})).onComplete((()=>{var t;oe.current.isShowRelations=!1,null==e||e(null===(t=oe.current)||void 0===t?void 0:t.element)})).start()},ce=(e,t)=>{oe.current.enable=!1;for(var r=0;r<ee.current.length;r++){var n=ee.current[r],a=e[r];new d.K(n.position).to({x:a.position.x,y:a.position.y,z:a.position.z},l.cj9.randFloat(t,2*t)).easing(d.GS.Exponential.InOut).start(),new d.K(n.rotation).to({x:a.rotation.x,y:a.rotation.y,z:a.rotation.z},l.cj9.randFloat(t,2*t)).easing(d.GS.Exponential.InOut).start()}new d.K({}).to({},2*t).onUpdate(ie).start().onComplete((()=>{oe.current.enable=!0}))},se=e=>{Z.current.reset();var t=oe.current.element.__objectCSS,r=oe.current.element.__curve;oe.current.enable=!1,oe.current.isShowAppInfo=!0;var n,a={x:r.position.x>0?2*-A.width:2*A.width,y:0,z:(Q.current.position.z-500)/1.5},o={x:0,y:0,z:Q.current.position.z-500},i={x:0,y:r.rotation.y>0?90*-Math.PI/180:90*Math.PI/180,z:0},l={x:0,y:r.rotation.y>0?180*-Math.PI/180:180*Math.PI/180,z:0},c=new d.K(t.position),s=new d.K(t.rotation),u=new d.K(t.position),p=new d.K(t.rotation);e?(c.to(a,500).easing().onComplete((()=>{G.current.hidden=!0,oe.current.element.style.opacity="1"})),s.to(i,500).easing(),u.to({x:r.position.x,y:r.position.y,z:r.position.z},700).easing(),p.to({x:r.rotation.x,y:r.rotation.y,z:r.rotation.z},700).easing().onComplete((()=>{var e;null===(e=ee.current)||void 0===e||e.forEach((e=>{e.element.style.opacity="1"}))}))):(null===(n=ee.current)||void 0===n||n.forEach((e=>{t!=e&&(e.element.style.opacity="0.2")})),c.to(a,700).easing().onStart((()=>{j.current.hidden=!1,G.current.hidden=!0})),s.to(i,700).easing(),u.to(o,500).easing().onStart((function(){oe.current.element.style.opacity="0",G.current.style.transition="transition: all .3s ease",G.current.hidden=!1})),p.to(l,500).easing()),c.chain(u).start(),s.chain(p).start(),new d.K({}).to({},1400).onUpdate((()=>{if(ie(),Math.abs(t.rotation.y)>=Math.PI/2){var e=oe.current.element.getBoundingClientRect(),r=1.35,n=e.width*r,a=e.height*r;G.current.style.width="".concat(n,"px"),G.current.style.height="".concat(a,"px"),G.current.style.top="".concat(e.top-(r-1)*a/2,"px"),G.current.style.left="".concat(e.left-(r-1)*n/2,"px")}})).start().onComplete((function(){oe.current.enable=!0,oe.current.isShowAppInfo=!e,j.current.hidden=e}))};return(0,a.useEffect)((()=>{var e;(()=>{var e,t=null===(e=document.getElementById(F))||void 0===e?void 0:e.getBoundingClientRect(),r=(null==t?void 0:t.width)||window.innerWidth,n=(null==t?void 0:t.height)||window.innerHeight,a=r/n,o=new l.Z58,i=new l.ubm(E,a,.1,1e4),d=new c.a0;d.setSize(r,n),O.current.replaceChildren(d.domElement);var u=new s.V(i,d.domElement);u.rotateSpeed=.5,u.minDistance=500,u.maxDistance=1e4,u.noRotate=L,U.current=o,Q.current=i,Z.current=u,X.current=d})();var t=()=>{e=requestAnimationFrame(t),d.Ay.update(),Z.current.update()};t();var r=F?document.getElementById(F):document.body,n=new ResizeObserver((0,i.debounce)((()=>{var{width:e,height:t}=r.getBoundingClientRect();Q.current.aspect=e/t,Q.current.updateProjectionMatrix(),X.current.setSize(e,t),ie()}),300));return Z.current.addEventListener("change",ie),n.observe(r),()=>{n.disconnect(),Z.current.removeEventListener("change",ie),Z.current.dispose(),d.Ay.removeAll(),Q.current.clear(),U.current.clear(),cancelAnimationFrame(e)}}),[]),(0,a.useEffect)((()=>{var t,r=(null===(t=e.dataSource)||void 0===t?void 0:t.length)||0;r>0&&((e=>{ae.current=B(e,A,W,1/Q.current.aspect)})(r),ne.current=w(Q.current,ae.current.bounds,h?S:[],r),Q.current.position.z=ne.current,Q.current.updateProjectionMatrix(),Z.current.position0.copy(Q.current.position),v(e.dataSource,ae.current.maxX,ae.current.maxY).forEach((e=>{var t,r,n,a,o,i,l,s=document.createElement(T);s.status=e.status,s.cardTitle=null===(t=e.cardItemProps)||void 0===t?void 0:t.cardTitle,s.description=null===(r=e.cardItemProps)||void 0===r?void 0:r.description,s.background=null===(n=e.cardItemProps)||void 0===n?void 0:n.background,s.color=null===(a=e.cardItemProps)||void 0===a?void 0:a.color,s.titleStyle=null===(o=e.cardItemProps)||void 0===o?void 0:o.titleStyle,s.desStyle=null===(i=e.cardItemProps)||void 0===i?void 0:i.desStyle,s.descriptionList=null===(l=e.cardItemProps)||void 0===l?void 0:l.descriptionList;var d="status-".concat((null==e?void 0:e.status)||"normal");s.className="card-item-container  ".concat(d),s.style.width="".concat(A.width,"px"),s.style.height="".concat(A.height,"px"),s.classList.add("card-item-wrap");var u=new c.on(s);u.position.set(4e3*Math.random()-2e3,4e3*Math.random()-2e3,4e3*Math.random()-2e3),U.current.add(u),ee.current.push(u);var p=x(e,A,ae.current.maxX,ae.current.maxY);$.current.table.push(p);var h=f(e,A,ae.current.maxX,ae.current.maxY,P,ae.current.radius);$.current.curve.push(h),u.userData=e,s.__objectCSS=u,s.__userData=e,s.__curve=h})),ce($.current.curve,1e3));return()=>{Z.current.reset(),d.Ay.removeAll(),ee.current.map((e=>{U.current.remove(e)})),ee.current=[],$.current={table:[],curve:[]},oe.current={element:null,mouseoverTimer:null,mouseoutTimer:null,clickTimer:null,dblClickTimer:null,enable:!0,isShowAppInfo:!1,isShowGraph3D:!1,isShowRelations:!1}}}),[e.dataSource,h]),(0,a.useEffect)((()=>{if(K){var e=document.createElement("monitoring.sys-popover");Y.current=e,document.querySelector("#main-mount-point").appendChild(e)}}),[K]),(0,a.useEffect)((()=>{var e=V.current,r=e=>{if(clearTimeout(oe.current.mouseoverTimer),oe.current.isShowAppInfo||oe.current.isShowGraph3D||!oe.current.enable)return!1;var r=k(e,T);if(K){var n,a,o=(null===(n=Y.current)||void 0===n?void 0:n.instanceId)!=(null==r||null===(a=r.__userData)||void 0===a||null===(a=a.data)||void 0===a?void 0:a.instanceId);r&&o||Y.current.setVisible(!1)}oe.current.mouseoverTimer=window.setTimeout((()=>{le((()=>{r&&!oe.current.isShowAppInfo&&(e=>{var{__objectCSS:r,__userData:n}=e,a=r.rotation.y,o=r.element.getBoundingClientRect(),i={x:r.position.x+50*Math.sin(a),y:r.position.y+15,z:r.position.z+100*Math.cos(a)},l=o.width>=A.width?re.current:Math.min(A.width/o.width,A.height/o.height);oe.current.isShowRelations=!0,new d.K(r.rotation).onStart((()=>{"data-view.app-wall-card-item"===T&&r.element.classList.add("status-".concat(n.status||"normal","-card"))})).start(),new d.K(r.scale).to({x:l,y:l,z:l},100).start(),new d.K(r.position).to(i,100).onUpdate(ie).onComplete((function(){var n,a,o,i,l,c;if(l=y(n=r,t),c=n.userData,null==l||l.forEach((e=>{e.source===c.key?(i=ee.current.find((t=>t.userData.key===e.target)),o=i&&p(n.position,i.position,"blue")):(i=ee.current.find((t=>t.userData.key===e.source)),o=i&&p(i.position,n.position,"purple")),o&&(te.current.push(o),U.current.add(o))})),null===(a=ee.current)||void 0===a||a.forEach((e=>{n!=e&&l.every((t=>t.source!=e.userData.key&&t.target!=e.userData.key))&&(e.element.style.opacity="0.2")})),ie(),oe.current.element=e,K){var s,d=e.getBoundingClientRect(),u=d.left+d.width/2,h=d.top+d.height/2;Y.current.instanceId=null==e||null===(s=e.__userData)||void 0===s||null===(s=s.data)||void 0===s?void 0:s.instanceId,Y.current.setPosition({x:u,y:h}),Y.current.setVisible(!0)}})).start()})(r),clearTimeout(oe.current.mouseoverTimer)}))}),300)},n=e=>{if(oe.current.isShowAppInfo||oe.current.isShowGraph3D||!oe.current.enable)return!1;var t=k(e,T);if(K){var r,n=Y.current.instanceId!=(null==t||null===(r=t.__userData)||void 0===r||null===(r=r.data)||void 0===r?void 0:r.instanceId);t&&n||Y.current.setVisible(!1)}},a=e=>{if(clearTimeout(oe.current.clickTimer),clearTimeout(oe.current.mouseoverTimer),oe.current.isShowAppInfo||oe.current.isShowGraph3D||!oe.current.enable)return!1;var t=k(e,T);oe.current.clickTimer=window.setTimeout((function(){clearTimeout(oe.current.mouseoverTimer),le((()=>{t&&(clearTimeout(oe.current.clickTimer),clearTimeout(oe.current.mouseoverTimer),e.stopPropagation(),oe.current.element=t,_?null==D||D(t.__userData):(H(t.__userData),se(!1)))}))}),200)},o=e=>{if(clearTimeout(oe.current.clickTimer),clearTimeout(oe.current.mouseoverTimer),clearTimeout(oe.current.dblClickTimer),oe.current.isShowAppInfo||oe.current.isShowGraph3D||!oe.current.enable)return!1;var t=k(e,T),{__userData:r,__objectCSS:n}=t;oe.current.isShowGraph3D=!0,oe.current.dblClickTimer=window.setTimeout((function(){le((()=>{var e;if(u||(null===(e=r.trapezoidalProps)||void 0===e||null===(e=e.clusters)||void 0===e?void 0:e.length)<1)g(r),oe.current.isShowGraph3D=!1;else if(t){clearTimeout(oe.current.mouseoverTimer),clearTimeout(oe.current.clickTimer),O.current.classList.add("mask-container"),Z.current.reset();var a={x:n.position.x,y:860+A.height*(ae.current.maxY-r.y)},o=new d.K(Q.current.position),i=new d.K({opacity:0,scale:0,borderLeftWidth:0,borderRightWidth:0,borderTopWidth:0,borderBottomWidth:0}),l=new d.K({z:0}),c=new d.K(Q.current.position),s=new d.K(Z.current.target),p=new d.K({blur:12,spread:0});ce($.current.table,600),o.to({x:0,y:-3600,z:1600},1e3).chain(p,i,l),i.to({opacity:1},700).onStart((()=>{var e,t,a,o,i,l=m({objectData:{width:A.width,height:A.height,point:[n.position.x,n.position.y,n.position.z]},clusters:null===(e=r.trapezoidalProps)||void 0===e?void 0:e.clusters,columns:null===(t=r.trapezoidalProps)||void 0===t?void 0:t.columns,appName:null===(a=r.trapezoidalProps)||void 0===a?void 0:a.appName,leftBtnName:null===(o=r.trapezoidalProps)||void 0===o?void 0:o.leftBtnName,rightBtnName:null===(i=r.trapezoidalProps)||void 0===i?void 0:i.rightBtnName,rightOnClick:()=>b(r),leftOnClick:()=>z(r)});J.current=l,U.current.add(l)})),l.to({z:I},1e3).delay(230).chain(c,s),c.to({x:a.x,y:-3600+a.y},1e3),s.to({x:a.x,y:a.y},1e3).onComplete((function(){q.current.style.visibility="visible"})),o.start()}}))}),200)};return e.addEventListener("dblclick",o),e.addEventListener("click",a),e.addEventListener("mouseover",r),e.addEventListener("mouseout",n),()=>{e.removeEventListener("mouseover",r),e.removeEventListener("mouseout",n),e.removeEventListener("click",a),e.removeEventListener("dblclick",o)}}),[_,D]),o().createElement("div",{className:"appwall-container",ref:V},o().createElement("div",{className:"appwall",ref:O}),o().createElement("div",{className:"mask",ref:j,onClick:()=>{oe.current.enable&&se(!0)},hidden:!0},o().createElement(M,(0,n.A)({},null==N?void 0:N.systemCardProps,{onClick:e=>e.stopPropagation(),handleClick:()=>r(N),ref:G,className:C()({infoWrapper:"normal"===(null==N?void 0:N.status),warningWrapper:"warning"===(null==N?void 0:N.status)})}))),o().createElement("div",{className:"closeBtn",ref:q,onClick:()=>{(()=>{d.Ay.removeAll();var e=new d.K({z:0}),t=new d.K({opacity:1}),r=new d.K(Q.current.position),n=new d.K(Z.current.target),a=new d.K({blur:1500,spread:100});e.to({z:I},1e3).chain(r,n,a),t.to({opacity:0},1e3).onStart((()=>{U.current.remove(J.current),q.current.style.visibility="hidden"})).delay(300),r.to(Z.current.position0,1e3).onComplete((function(){Z.current.reset(),O.current.classList.remove("mask-container"),ce($.current.curve,600),oe.current.isShowGraph3D=!1})),n.to({x:0,y:0,z:0},1e3),a.to({blur:0,spread:0},1e3),e.start(),t.start()})()}}))}},2960:(e,t,r)=>{r.d(t,{A:()=>l});var n=r(6758),a=r.n(n),o=r(935),i=r.n(o)()(a());i.push([e.id,':host{display:block;width:100%;height:100%}:host([hidden]){display:none}*,\n*::before,\n*::after{box-sizing:border-box}.mask-container{position:absolute;top:0;left:0;width:100%;height:100%;background:#0c1216;z-index:1000}.appwall-container{padding:8px}.appwall{position:relative}.appwall.loading .card-item{pointer-events:none!important}.mask{position:absolute;width:100%;height:100%;top:0;bottom:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:center}.mask[hidden]{display:none}.infoWrapper{position:absolute;background:var(--color-fill-bg-base-4);box-shadow:0 0 12px 2px rgba(80,255,255,0.45),inset 0 0 22px 0 #20242a;border:2px solid #50ffff;overflow:hidden}.warningWrapper{position:absolute;background:linear-gradient(180deg,#cc0066 0%,rgba(204,0,102,0.2) 100%),#0f1117ff;box-shadow:0 0 12px 2px rgba(204,0,102,0.4),inset 0 4px 10px 0 rgba(255,255,255,0.65);overflow:hidden}.relation-line{pointer-events:none!important}.closeBtn{visibility:hidden;position:fixed;top:50px;right:50px;width:46px;height:46px;text-align:center;border:1px solid;color:rgb(138 189 255/84%);font-size:20px;line-height:46px;cursor:pointer;background:rgba(138,189,255,0.13);border-image:linear-gradient(135deg,rgba(255,255,255,0.5),rgba(255,255,255,0),rgba(255,255,255,0.33)) 1 1;display:flex;justify-content:center;align-items:center;z-index:1000}.closeBtn:before,\n.closeBtn:after{content:"";width:2px;height:20px;background:linear-gradient(180deg,#3467ff 0%,#98cbff 100%);position:absolute}.closeBtn:before{transform:rotateZ(45deg)}.closeBtn:after{transform:rotateZ(-45deg)}.closeBtn:hover:after,\n.closeBtn:hover:before{background:var(--color-normal-text)}.visibilityAnimate{visibility:hidden;animation:visibility 0.5s both 1s}.trapezoidalLeftOrRightAnimation,\n.trapezoidalTopOrBottomAnimation{background:linear-gradient(180deg,rgba(51,102,255,0.4) 0%,#99ccff 100%);opacity:0.2;position:absolute}.trapezoidalTopOrBottomAnimation{bottom:0;width:100%;left:0;animation:animateTop 1s both}.trapezoidalLeftOrRightAnimation{top:0;right:0;height:100%;animation:animateLeft 1s both}@keyframes animateTop{0%{height:0}100%{height:100%}}@keyframes animateLeft{0%{width:0}100%{width:100%}}@keyframes visibility{0%{visibility:hidden}100%{visibility:visible}}.card-item-container{transition:opacity 0.5s}.status-normal-card{box-shadow:0 0 100px rgba(80,255,255,0.58);border:1px solid rgba(80,255,255,0.58);background:-webkit-gradient(liner,left top,left bottom,from(#002c8d),to(#00123e));background:linear-gradient(to bottom,rgba(80,255,255,1) 0%,rgba(80,255,255,0) 100%)}.status-warning-card{box-shadow:0 0 100px #cc0066;background:-webkit-gradient(liner,left top,left bottom,from(#cc0066),to(rgba(204,0,102,0.2)));background:linear-gradient(to bottom,#cc0066 0%,rgba(204,0,102,0.2) 100%)}',""]);const l=i.toString()},547:(e,t,r)=>{r.d(t,{A:()=>l});var n=r(6758),a=r.n(n),o=r(935),i=r.n(o)()(a());i.push([e.id,":host{display:inline-block;width:100%;height:100%}:host([hidden]){display:none}*,\n*::before,\n*::after{box-sizing:border-box}.card-item-container{position:relative;width:100%;height:100%}.card-item{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center;border-radius:var(--no-border-radius);border-color:transparent;transition:border-color 0.5s}.status-normal:hover{box-shadow:0 0 100px rgba(80,255,255,0.58);border:1px solid rgba(80,255,255,0.58);background:-webkit-gradient(liner,left top,left bottom,from(#002c8d),to(#00123e));background:linear-gradient(to bottom,rgba(80,255,255,1) 0%,rgba(80,255,255,0) 100%)}.status-warning:hover{box-shadow:0 0 100px #CC0066;background:-webkit-gradient(liner,left top,left bottom,from(#CC0066),to(rgba(204,0,102,0.2)));background:linear-gradient(to bottom,#CC0066 0%,rgba(204,0,102,0.2) 100%)}.card-item-container.status-normal .card-item{background:var(--color-fill-bg-base-4);box-shadow:inset 0px 1px 2px 0px rgba(255,255,255,0.45)}.card-item-container.status-normal:hover .card-item{border:2px solid rgba(80,255,255,0.58)}.card-item-container.status-warning .card-item{background:linear-gradient(180deg,#CC0066 0%,rgba(204,0,102,0.2) 100%);box-shadow:inset 0px 2px 6px 0px rgba(255,255,255,0.65)}.card-item-container.status-warning:hover .card-item{border:none}.card-item-text-container{width:100%;padding:0 12px}.card-item-title,\n.card-item-description{font-size:20px;font-weight:var(--font-weight-500);color:var(--color-normal-text)}.card-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-item-description{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}",""]);const l=i.toString()},2415:(e,t,r)=>{r.d(t,{A:()=>l});var n=r(6758),a=r.n(n),o=r(935),i=r.n(o)()(a());i.push([e.id,":host{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:100%}:host([hidden]){display:none}*,\n*::before,\n*::after{box-sizing:border-box}.relation-line{position:relative;width:6px;height:100%;background:var(--color-text-divider-line-1);overflow:hidden}.relation-line::after{content:'';position:absolute;width:100%;height:20%;left:0px;top:0px;animation:lightMove 1000ms ease-in-out infinite,lightOpacity 1000ms ease-in-out infinite}.relation-line.light-color-blue::after{background:linear-gradient(rgba(80,255,255,0) 0%,rgba(80,255,255,1) 90%,#DFFFFF 100%)}.relation-line.light-color-purple::after{background:linear-gradient(rgba(102,0,255,0) 0%,rgba(102,0,255,1) 90%,#B07BFF 100%)}@keyframes lightMove{0%{top:0;transform:translateY(-100%)}100%{top:100%;transform:translateY(0)}}@keyframes lightOpacity{0%{opacity:0}20%{opacity:1}80%{opacity:1}100%{opacity:0}}",""]);const l=i.toString()},8387:(e,t,r)=>{r.d(t,{A:()=>l});var n=r(6758),a=r.n(n),o=r(935),i=r.n(o)()(a());i.push([e.id,":host{display:inline-block}:host([hidden]){display:none}*,\n*::before,\n*::after{box-sizing:border-box}.wrapper{position:relative;width:100%;height:100%;padding:30px 24px 35px;left:0;display:flex;flex-direction:column;border-radius:var(--no-border-radius)}.cardName{font-size:var(--title-font-size-strong);line-height:22px;text-align:center;font-weight:var(--font-weight-500);color:var(--color-normal-text);text-shadow:0 1px 4px rgba(51,102,255,0.5);margin-bottom:35px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.descriptions{flex:1;margin-bottom:20px;font-size:var(--auxiliary-font-size-small);overflow:auto;font-weight:var(--font-weight-400)}.descriptionsItem .itemKey{color:var(--color-secondary-text)}.descriptionsItem .itemValue{color:var(--color-strong-text)}.descriptionsItem{display:flex;gap:10px;margin-bottom:12px}.descriptionsItem>div{flex:1;text-align:left;word-break:break-all}.buttonContent{position:absolute;bottom:16px;right:24px;font-size:var(--auxiliary-font-size);color:#99CCFF;cursor:pointer;font-weight:var(--font-weight-500)}.buttonName{margin-left:5px}",""]);const l=i.toString()},9935:(e,t,r)=>{r.d(t,{A:()=>l});var n=r(6758),a=r.n(n),o=r(935),i=r.n(o)()(a());i.push([e.id,":host{--palette-rgba-white-1:rgba(255,255,255,10%);--palette-rgba-white-2:rgba(255,255,255,20%);--palette-rgba-white-3:rgba(255,255,255,30%);--palette-rgba-white-4:rgba(255,255,255,40%);--palette-rgba-white-5:rgba(255,255,255,50%);--palette-rgba-white-6:rgba(255,255,255,60%);--palette-rgba-white-7:rgba(255,255,255,70%);--palette-rgba-white-8:rgba(255,255,255,80%);--palette-rgba-white-9:rgba(255,255,255,90%);--palette-rgba-white-10:rgba(255,255,255,100%);--palette-rgba-gray-1:rgba(0,0,0,10%);--palette-rgba-gray-2:rgba(0,0,0,20%);--palette-rgba-gray-3:rgba(0,0,0,30%);--palette-rgba-gray-4:rgba(0,0,0,40%);--palette-rgba-gray-5:rgba(0,0,0,50%);--palette-rgba-gray-6:rgba(0,0,0,60%);--palette-rgba-gray-7:rgba(0,0,0,70%);--palette-rgba-gray-8:rgba(0,0,0,80%);--palette-rgba-gray-9:rgba(0,0,0,90%);--palette-rgba-gray-10:rgba(0,0,0,100%);--palette-rgba-blue-gray-2:rgba(101,106,134,20%);--palette-rgba-blue-gray-3:rgba(101,106,134,30%);--palette-rgba-blue-gray-8:rgba(101,106,134,80%);--palette-tech-blue-4-channel:67,127,255;--palette-tech-blue-4:rgb(var(--palette-tech-blue-4-channel));--palette-tech-blue-6-channel:51,102,255;--palette-tech-blue-6:rgb(var(--palette-tech-blue-6-channel));--palette-tech-blue-8-channel:40,69,159;--palette-tech-blue-8:rgb(var(--palette-tech-blue-8-channel));--palette-sea-green-4-channel:131,245,225;--palette-sea-green-4:rgb(var(--palette-sea-green-4-channel));--palette-green-6-channel:81,235,73;--palette-green-6:rgb(var(--palette-green-6-channel));--palette-green-2:rgba(var(--palette-green-6-channel),20%);--palette-lotus-pink-7-channel:204,0,102;--palette-lotus-pink-7:rgb(var(--palette-lotus-pink-7-channel));--palette-red-6-channel:242,39,39;--palette-red-6:rgb(var(--palette-red-6-channel));--palette-red-2:rgba(var(--palette-red-6-channel),20%);--color-fill-global-bg:#0f1014;--color-fill-bg-container-1:var(--palette-rgba-white-1);--color-fill-bg-container-2:var(--palette-rgba-blue-gray-2);--color-fill-bg-container-3:var(--palette-rgba-blue-gray-8);--color-fill-bg-base-1:var(--palette-rgba-blue-gray-2);--color-fill-bg-base-2:rgba(15,16,20,0%);--color-fill-bg-base-3:rgba(0,0,0,20%);--color-fill-bg-base-4:rgba(40,46,58,100%);--color-fill-bg-base-5:rgba(19,25,47,80%);--color-fill-bg-base-6:var(--palette-rgba-blue-gray-3);--color-brand:var(--palette-tech-blue-6);--color-brand-hover:var(--palette-tech-blue-4);--color-brand-active:var(--palette-tech-blue-8);--color-contrast-1:var(--palette-sea-green-4);--color-error:var(--palette-red-6);--color-error-bg:var(--palette-red-2);--color-success:var(--palette-green-6);--color-success-bg:var(--palette-green-2);--color-header-text-big:var(--palette-rgba-white-10);--color-header-text:var(--palette-rgba-white-10);--color-normal-text:var(--palette-rgba-white-10);--color-strong-text:var(--palette-rgba-white-9);--color-auxiliary-text:var(--palette-rgba-white-8);--color-secondary-text:var(--palette-rgba-white-6);--color-disabled-text:var(--palette-rgba-white-4);--color-border-divider-line:var(--palette-rgba-white-1);--color-text-divider-line-1:var(--palette-rgba-white-2);--color-text-divider-line-2:var(--palette-rgba-white-2);--small-border-radius:2px;--medius-border-radius:5px;--larger-border-radius:12px;--container-border-radius:9999px;--no-border-radius:0px;--mask-bg:var(--palette-rgba-gray-7);--title-font-size-larger:30px;--title-font-size-strong:22px;--title-font-size:18px;--normal-font-size:14px;--auxiliary-font-size:16px;--auxiliary-font-size-small:12px;--overview-data-font-size:34px;--statistics-data-font-size:28px;--normal-data-font-size-larger:20px;--normal-data-font-size:16px;--chart-legend-font-size:12px;--chart-tooltips-font-size-1:12px;--chart-tooltips-font-size-2:12px;--chart-axis-x-font-size:12px;--chart-axis-x-font-size-larger:14px;--chart-axis-y-font-size:12px;--chart-axis-y-font-size-larger:14px;--font-weight-600:600;--font-weight-500:500;--font-weight-400:400;--text-shadow:0px 1px 4px #2863ee;--border-width-base:1px;--border-width-double-base:2px;--border-width-tribble-base:3px;--punctate-width-base:1px;--paragraph-width-base:1px;--button-text-color:#40d0db}",""]);const l=i.toString()}}]);
-//# sourceMappingURL=1493.284f0f45.js.map

package/dist/chunks/1493.284f0f45.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chunks/1493.284f0f45.js","mappings":"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","sources":["webpack:///./src/app-wall/utils.ts","webpack:///./src/app-wall/app-wall.tsx","webpack:///./src/app-wall/app-wall.shadow.css","webpack:///./src/app-wall/card-item/card-item.shadow.css","webpack:///./src/app-wall/relation-line/relation-line.shadow.css","webpack:///./src/app-wall/system-card/system-card.shadow.css","webpack:///./src/data-view-variables.shadow.css"],"sourcesContent":["import {\n  Vector3,\n  Object3D,\n  Quaternion,\n  Vector3Tuple,\n  PerspectiveCamera,\n} from \"three\";\nimport { CSS3DObject } from \"three/addons/renderers/CSS3DRenderer.js\";\nimport \"./card-item/index.js\";\nimport \"./relation-line/index.js\";\nimport \"./system-card/index.js\";\nimport type { AppWallCardItemProps } from \"./card-item/index.js\";\nimport type {\n  AppWallRelationLine,\n  AppWallRelationLineProps,\n} from \"./relation-line/index.js\";\nimport type { SystemCardProps } from \"./system-card/index.js\";\nimport {\n  TrapezoidalObjectProps,\n  TrapezoidalProps,\n  bounds,\n  CardSize,\n  DistanceConfig,\n  Position,\n  Target,\n  Ele,\n  AppWallCardBrickNameType,\n} from \"./interface.js\";\nimport { CabinetThumbnail } from \"../cabinet/cabinet-thumbnail/index.jsx\";\nimport { SimpleCardItemProps } from \"../simple-card-item/index.js\";\n\nexport interface AppData {\n  key: string;\n  status: \"normal\" | \"warning\";\n  cardItemProps: AppWallCardItemProps & SimpleCardItemProps;\n  systemCardProps: SystemCardProps;\n  trapezoidalProps: TrapezoidalProps;\n  data?: any;\n}\n\nexport type Relation = {\n  source: string;\n  target: string;\n};\n\nexport interface UserData {\n  appData: AppData;\n  elementStyle: {\n    width: number;\n    height: number;\n  };\n  turningStyle: {\n    width: number;\n    height: number;\n  };\n  systemCardStyle: {\n    width: number;\n    height: number;\n  };\n  hoverStyle: {\n    width: number;\n    height: number;\n  };\n  cardItemObject3D: {\n    curve: Object3D;\n    flat: Object3D;\n    hover: Object3D;\n    clickTurn: Object3D;\n  };\n  systemCardObject3D: {\n    clickTurn: Object3D;\n    front: Object3D;\n  };\n}\nexport const createRelationLine = (\n  sourceVector: Vector3,\n  targetVector: Vector3,\n  lightColor: AppWallRelationLineProps[\"lightColor\"]\n): CSS3DObject => {\n  const subVector = new Vector3().subVectors(targetVector, sourceVector);\n  const lineLength = subVector.length();\n\n  const lineElement = document.createElement(\n    \"data-view.app-wall-relation-line\"\n  ) as AppWallRelationLine;\n  lineElement.style.height = `${lineLength}px`;\n  lineElement.classList.add(\"relation-line\");\n  lineElement.lightColor = lightColor;\n  const lineObject = new CSS3DObject(lineElement);\n\n  const centerVector = new Vector3().lerpVectors(\n    sourceVector,\n    targetVector,\n    0.5\n  );\n  lineObject.position.copy(centerVector);\n  // lineObject.lookAt(new Vector3(0, 0, 10).add(centerVector));\n  // lineObject.lookAt(new Vector3(0, 10000, 0));\n\n  const quaternion = new Quaternion().setFromUnitVectors(\n    new Vector3(0, 1, 0).normalize(),\n    subVector.clone().normalize()\n  );\n  lineObject.setRotationFromQuaternion(quaternion);\n\n  return lineObject;\n};\n\nexport const getCenterPointOrSubPoint = (\n  start: Vector3Tuple,\n  end: Vector3Tuple\n) => {\n  const pointA = new Vector3(start[0], start[1], start[2]);\n  const pointB = new Vector3(end[0], end[1], end[2]);\n  return {\n    centerVector: new Vector3().lerpVectors(pointA, pointB, 0.5), //中心点坐标\n    subVector: new Vector3().subVectors(pointA, pointB), // a-b向量\n  };\n};\nexport const createTrapezoidalRightOrLeftElement = (props: {\n  BW: number;\n  TW: number;\n  d: number;\n  TH: number;\n  BH: number;\n  isLeft: boolean;\n}): CSS3DObject => {\n  const { BW, TW, d, TH, BH, isLeft } = props;\n  const height = Math.sqrt(Math.pow(TW / 2 - BW / 2, 2) + Math.pow(d, 2)); //斜边\n  const wrapper = document.createElement(\"div\");\n  wrapper.style.cssText = `\n                   width: ${height}px;\n                   height:${TH}px;\n                   position: relative;\n                   clip-path: polygon(0 0, ${height}px ${\n                     TH / 2 - BH / 2\n                   }px, ${height}px ${TH / 2 - BH / 2 + BH}px, 0 ${TH}px);\n                    `;\n  const cantCard = document.createElement(\"div\");\n  cantCard.className = \"trapezoidalLeftOrRightAnimation\";\n  wrapper.appendChild(cantCard);\n  const start: Vector3Tuple = isLeft ? [-BW / 2, 0, 0] : [BW / 2, 0, 0];\n  const end: Vector3Tuple = isLeft ? [-TW / 2, 0, d] : [TW / 2, 0, d];\n  const objectCantModel = new CSS3DObject(wrapper);\n  const { centerVector, subVector } = getCenterPointOrSubPoint(start, end);\n  objectCantModel.position.copy(centerVector);\n  const quaternion = new Quaternion().setFromUnitVectors(\n    new Vector3(1, 0, 0).normalize(),\n    subVector.clone().normalize()\n  );\n  objectCantModel.setRotationFromQuaternion(quaternion);\n  return objectCantModel;\n};\n\nexport const createTrapezoidalTopOrBottomElement = (props: {\n  BW: number;\n  TW: number;\n  d: number;\n  TH: number;\n  BH: number;\n  isTop: boolean;\n}): CSS3DObject => {\n  const { BW, TW, d, TH, BH, isTop } = props;\n  const height = Math.sqrt(Math.pow(TH / 2 - BH / 2, 2) + Math.pow(d, 2)); //斜边\n  const wrapper = document.createElement(\"div\");\n  wrapper.style.cssText = `\n                   width: ${TW}px;\n                   height:${height}px;\n                   position: relative;\n                   clip-path: polygon(0 0, ${TW}px 0, ${\n                     TW / 2 - BW / 2 + BW\n                   }px ${height}px, ${TW / 2 - BW / 2}px ${height}px);\n                   `;\n  const cantCard = document.createElement(\"div\");\n  cantCard.className = \"trapezoidalTopOrBottomAnimation\";\n  wrapper.appendChild(cantCard);\n  const objectCantModel = new CSS3DObject(wrapper);\n  const start: Vector3Tuple = isTop ? [0, -BH / 2, 0] : [0, BH / 2, 0];\n  const end: Vector3Tuple = isTop ? [0, -TH / 2, d] : [0, TH / 2, d];\n  const { centerVector, subVector } = getCenterPointOrSubPoint(start, end);\n  objectCantModel.position.copy(centerVector);\n  const topQuaternion = new Quaternion().setFromUnitVectors(\n    new Vector3(0, -1, 0).normalize(),\n    subVector.clone().normalize()\n  );\n  objectCantModel.setRotationFromQuaternion(topQuaternion);\n  return objectCantModel;\n};\n/**\n * 创建梯台模型\n * @param props\n * @returns\n */\nexport const createTrapezoidalObject = (props: TrapezoidalObjectProps) => {\n  const {\n    objectData,\n    leftBtnName,\n    clusters,\n    columns,\n    leftOnClick,\n    rightBtnName,\n    rightOnClick,\n    appName,\n  } = props;\n  const d = 600;\n  const container = document.createElement(\"div\");\n  const objectContainer = new CSS3DObject(container);\n  objectContainer.position.set(...objectData.point);\n  // 模型为梯形 , 底部和顶部的宽高成一定的比例计算，  bw: tw = 1:11; bh:th= 1:4.5\n  const BW: number = objectData.width,\n    BH: number = objectData.height,\n    TW = 1500,\n    TH = 1200;\n  // 底部\n  const bottomCard = document.createElement(\"div\");\n  bottomCard.style.cssText = `\n                   width: ${BW}px;\n                   height: ${BH}px;\n                   box-shadow: inset 0px 1px 2px 0px rgba(255,255,255,0.45);\n                   border: 1px solid rgba(118,255,255,0.58);\n                   padding: 16px;\n                   `;\n  const objectBottomModel = new CSS3DObject(bottomCard);\n  objectBottomModel.position.z = 0;\n  objectContainer.add(objectBottomModel);\n\n  // 顶部\n  const topCard = document.createElement(\"div\");\n  topCard.style.cssText = `\n                   width: ${TW}px;\n                   height:${TH}px;\n                   background: linear-gradient(rgb(13, 54, 179,0.6) 0%, rgb(74, 108, 156,0.6) 100%);\n                   box-sizing: border-box;\n                   padding: 16px;\n                   `;\n  const thumbnailEle = document.createElement(\n    \"data-view.cabinet-thumbnail\"\n  ) as CabinetThumbnail;\n  thumbnailEle.clusters = clusters ?? [];\n  thumbnailEle.columns = columns ?? 4;\n  thumbnailEle.appName = appName;\n  topCard.className = \"visibilityAnimate\";\n  topCard.appendChild(thumbnailEle);\n  const objectTopModel = new CSS3DObject(topCard);\n  objectTopModel.position.set(0, 0, d);\n\n  const objectCantLeftModel = createTrapezoidalRightOrLeftElement({\n    BW,\n    TW,\n    BH,\n    TH,\n    d,\n    isLeft: true,\n  }); //斜面右边\n  const objectCantRightModel = createTrapezoidalRightOrLeftElement({\n    BW,\n    TW,\n    BH,\n    TH,\n    d,\n    isLeft: false,\n  }); //斜面右边\n  const objectCantTopModel = createTrapezoidalTopOrBottomElement({\n    BW,\n    TW,\n    BH,\n    TH,\n    d,\n    isTop: true,\n  }); //斜面前边\n  const objectCantBottomModel = createTrapezoidalTopOrBottomElement({\n    BW,\n    TW,\n    BH,\n    TH,\n    d,\n    isTop: false,\n  }); //斜面后面\n  objectContainer.add(\n    objectCantLeftModel,\n    objectCantRightModel,\n    objectCantBottomModel,\n    objectCantTopModel\n  );\n  if (leftBtnName) {\n    const btnLeft = document.createElement(\"div\");\n    btnLeft.style.cssText = `\n                 color: #6BE0FA;\n                 font-size: 28px;\n                 font-weight: 500;\n                 width: ${TW / 2}px;\n                 line-height: 16px;\n                 `;\n    btnLeft.className = \"visibilityAnimate\";\n    const wordNode = document.createElement(\"span\");\n    wordNode.style.cursor = \"pointer\";\n    wordNode.innerText = leftBtnName;\n    btnLeft.appendChild(wordNode);\n    const btnLeftObject = new CSS3DObject(btnLeft);\n    btnLeftObject.position.set(-TW / 4 + 10, -TH / 2, 14);\n    btnLeftObject.rotateX(Math.PI / 2);\n    objectTopModel.add(btnLeftObject);\n    wordNode.onpointerdown = leftOnClick;\n  }\n  if (rightBtnName) {\n    const btnRight = document.createElement(\"div\");\n    btnRight.style.cssText = `\n                 color: #FFFFFF;\n                 font-size: 30px;\n                 font-weight: 500;\n                 width: ${TW / 2}px;\n                 text-shadow: 0px 1px 4px #3366FF;\n                 text-align: right;\n                 `;\n    btnRight.className = \"visibilityAnimate\";\n    const textNode = document.createElement(\"span\");\n    textNode.style.cursor = \"pointer\";\n    textNode.innerText = rightBtnName;\n\n    btnRight.appendChild(textNode);\n    const btnRightObject = new CSS3DObject(btnRight);\n    btnRightObject.position.set(TW / 4 - 10, -TH / 2, 14);\n    btnRightObject.rotateX(Math.PI / 2);\n    objectTopModel.add(btnRightObject);\n    textNode.onpointerdown = rightOnClick;\n  }\n  objectContainer.add(objectTopModel);\n  return objectContainer;\n};\n/**\n *  布局计算\n * @param dataSource\n * @param maxX\n * @param maxY\n * @returns\n */\nexport const setAppPosition = (\n  dataSource: AppData[],\n  maxX: number,\n  maxY: number\n) => {\n  if (!dataSource?.length) return [];\n  let appData: Target[] = dataSource.map((d) => ({ ...d, x: 0, y: 0 }));\n  if (appData.length === maxX * maxY) {\n    appData = appData.map((d, i) => ({\n      ...d,\n      x: (i % maxX) + 1,\n      y: parseInt(`${i / maxX}`) + 1,\n    }));\n  } else {\n    const offset = maxX * (maxY - 1);\n    const leng = appData.length - offset;\n    for (let d = 0; d < offset; d++) {\n      const u = appData[d];\n      u.x = (d % maxX) + 1;\n      u.y = parseInt(`${d / maxX}`) + 1;\n    }\n    for (let h = 0; h < leng / 2; h++) {\n      const g = appData[h + offset],\n        m = appData[appData.length - 1 - h];\n      g.x = h + 1;\n      g.y = maxY;\n      if (g !== m) {\n        m.x = maxX - h;\n        m.y = maxY;\n      }\n    }\n  }\n  return appData;\n};\nexport const createTableTarget = (\n  data: Target,\n  cardSize: CardSize,\n  maxX: number,\n  maxY: number\n) => {\n  const object3D = new Object3D();\n  object3D.position.x =\n    data.x * cardSize.outerWidth - (maxX / 2 + 0.5) * cardSize.outerWidth;\n  object3D.position.y =\n    -data.y * cardSize.outerHeight + (maxY / 2 + 0.5) * cardSize.outerHeight;\n  return object3D;\n};\n\nexport const computeCurvePosition = (\n  data: Target,\n  cardSize: CardSize,\n  maxX: number,\n  maxY: number,\n  angle: number\n) => {\n  const position: Position = {\n      x: 0,\n      y: 0,\n      z: 0,\n    },\n    n = parseInt(`${maxX * cardSize.outerWidth * 180}`) / (angle * Math.PI),\n    a = maxX / 2 + 0.5;\n  position.x = n * Math.sin(Math.PI / (180 / ((data.x - a) * (angle / maxX))));\n  position.y =\n    -data.y * cardSize.outerHeight + (maxY / 2 + 0.5) * cardSize.outerHeight;\n  position.z = n - Math.sqrt(n * n - position.x * position.x);\n  return position;\n};\nexport const createCurveTarget = (\n  data: Target,\n  cardSize: CardSize,\n  maxX: number,\n  maxY: number,\n  angle: number,\n  radius: number\n) => {\n  const object3D = new Object3D();\n  const vector = new Vector3();\n  const position = computeCurvePosition(data, cardSize, maxX, maxY, angle);\n  object3D.position.x = position.x;\n  object3D.position.y = position.y;\n  object3D.position.z = position.z;\n  vector.x = 0;\n  vector.y = object3D.position.y;\n  vector.z = radius;\n  object3D.lookAt(vector);\n  return object3D;\n};\nexport const computeCameraDistance = (\n  camera: PerspectiveCamera,\n  bounds: bounds,\n  distanceConfig: DistanceConfig[],\n  length: number\n) => {\n  const n = bounds.height + 2 * bounds.margin,\n    a = (bounds.width + 2 * bounds.margin) / camera.aspect,\n    i =\n      (0.5 * Math.max(a, n)) / Math.tan((camera.fov * Math.PI) / 360) +\n      bounds.z;\n  let o = 0;\n  distanceConfig.forEach(function (t) {\n    length >= Math.min.apply(null, t.numRange) &&\n      length <= Math.max.apply(null, t.numRange) &&\n      (o = t.distance);\n  });\n  return Math.max(o, i);\n};\nexport const getAppRelations = (\n  object: CSS3DObject,\n  relationsData: Relation[]\n) => {\n  const relations: Relation[] = [];\n  const userData = object.userData;\n  Array.isArray(relationsData) &&\n    relationsData.length &&\n    relationsData.forEach(function (i) {\n      (userData.key !== i.source && userData.key !== i.target) ||\n        relations.push(i);\n    });\n  return relations;\n};\nexport const findElementByEvent = (\n  e: MouseEvent,\n  tagName: AppWallCardBrickNameType\n) => {\n  const _targetName = tagName.toUpperCase();\n  const path = (e.composedPath() as Element[]).find(\n    (node) => node?.shadowRoot\n  ) as Ele;\n  if (path?.tagName === _targetName) return path;\n  const customEle = document.elementFromPoint(e.clientX, e.clientY);\n  const target = customEle?.shadowRoot.elementFromPoint(\n    e.clientX,\n    e.clientY\n  ) as Ele;\n  if (target?.tagName === _targetName) return target;\n  return null;\n};\n","import React, {\n  ReactElement,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { debounce } from \"lodash\";\nimport { MathUtils, Object3D, PerspectiveCamera, Scene } from \"three\";\nimport {\n  CSS3DObject,\n  CSS3DRenderer,\n} from \"three/addons/renderers/CSS3DRenderer.js\";\nimport { TrackballControls } from \"three/addons/controls/TrackballControls.js\";\nimport TWEEN, { Tween, Easing } from \"@tweenjs/tween.js\";\nimport type { AppWallProps } from \"./index.jsx\";\nimport {\n  AppWallCardBrickEleType,\n  BaseConfig,\n  CardSize,\n  DistanceConfig,\n  Ele,\n  Position,\n  RegisterEvents,\n  Target,\n  Targets,\n} from \"./interface.js\";\nimport {\n  AppData,\n  computeCameraDistance,\n  createCurveTarget,\n  createTableTarget,\n  createTrapezoidalObject,\n  setAppPosition,\n  createRelationLine,\n  getAppRelations,\n  findElementByEvent,\n} from \"./utils.js\";\n\nimport \"./card-item/index.js\";\nimport { SystemCard, SystemCardProps } from \"./system-card/index.jsx\";\nimport { wrapBrick } from \"@next-core/react-element\";\nimport classNames from \"classnames\";\nconst distanceConfig: DistanceConfig[] = [\n  {\n    numRange: [0, 40],\n    distance: 3000,\n  },\n  {\n    numRange: [40, 60],\n    distance: 2200,\n  },\n  {\n    numRange: [60, 80],\n    distance: 2700,\n  },\n  {\n    numRange: [80, 120],\n    distance: 3200,\n  },\n  {\n    numRange: [120, 160],\n    distance: 3400,\n  },\n  {\n    numRange: [160, 300],\n    distance: 3600,\n  },\n];\nconst fov = 45;\nconst angle = 100;\nconst panelSpace = 300;\nconst offsetDistance = 500;\n\nconst getViewBounds = (\n  length: number,\n  cardSize: CardSize,\n  margin: number,\n  aspectH: number\n) => {\n  const maxX = Math.ceil(\n    Math.sqrt((length * cardSize.outerHeight) / (aspectH * cardSize.outerWidth))\n  );\n  const maxY = Math.ceil(length / maxX);\n  const radius =\n    parseInt(`${maxX * cardSize.outerWidth * 180}`) / (angle * Math.PI);\n  const width =\n    2 * radius * Math.sin((Math.PI * (angle / 2)) / 180) + cardSize.outerWidth;\n  const height = maxY * cardSize.outerHeight;\n  const z = radius - radius * Math.cos((Math.PI * (angle / 2)) / 180);\n  return {\n    maxX,\n    maxY,\n    radius,\n    bounds: {\n      width,\n      height,\n      margin,\n      z,\n    },\n  };\n};\n\nconst WrappedSystemCard = wrapBrick<SystemCard, SystemCardProps>(\n  \"data-view.app-wall-system-card\"\n);\n\nexport function AppWallElement(props: AppWallProps): ReactElement {\n  const {\n    relations,\n    onSystemCardButtonClick,\n    useDblclick,\n    useDistanceConfig,\n    handleCardDbClick,\n    rightBtnOnClick,\n    leftBtnOnClick,\n    cardBrickName,\n    cardSize,\n    disabledDefaultClickEvent,\n    handleCardClick,\n    containerId,\n    noRotate,\n    boundMargin,\n    useSystemPopover,\n  } = props;\n  const [curClickCardItemAppData, setCurClickCardItemAppData] =\n    useState<AppData>(null);\n\n  const containerRef = useRef<HTMLDivElement>();\n  const appwallRef = useRef<HTMLDivElement>();\n  const closeBtnRef = useRef<HTMLDivElement>();\n  const maskRef = useRef<HTMLDivElement>();\n  const systemCardRef = useRef<SystemCard>();\n  const popoverRef = useRef<\n    HTMLElement &\n      Ele & {\n        instanceId: string;\n        setPosition: (pos: { x: number; y: number }) => void;\n        setVisible: (visible: boolean) => void;\n      }\n  >();\n\n  const rendererRef = useRef<CSS3DRenderer>();\n  const sceneRef = useRef<Scene>();\n  const cameraRef = useRef<PerspectiveCamera>();\n  const controlsRef = useRef<TrackballControls>();\n  const graph3DViewRef = useRef<CSS3DObject>(); // 梯形模型\n  const targetsRef = useRef<Targets>({\n    table: [],\n    curve: [],\n  });\n  const objectsRef = useRef<CSS3DObject[]>([]);\n  const lineCiCodesRef = useRef<CSS3DObject[]>([]);\n  const hoverScaleRef = useRef<number>(1);\n  const baseCameraDistance = useRef<number>(5000);\n\n  const configRef = useRef<BaseConfig>({\n    maxX: 0,\n    maxY: 0,\n    radius: 0,\n    bounds: {\n      width: 0,\n      height: 0,\n      margin: boundMargin,\n      z: 0,\n    },\n  });\n  const registerEvents = useRef<RegisterEvents>({\n    element: null,\n    mouseoverTimer: null,\n    mouseoutTimer: null,\n    clickTimer: null,\n    dblClickTimer: null,\n    isShowGraph3D: false,\n    isShowAppInfo: false,\n    isShowRelations: false,\n    enable: true, //是否可以触发事件\n  });\n\n  const render = useCallback(() => {\n    rendererRef.current.render(sceneRef.current, cameraRef.current);\n    controlsRef.current.maxDistance =\n      baseCameraDistance.current + offsetDistance;\n    controlsRef.current.handleResize();\n  }, []);\n\n  const updateViewBounds = (length: number) => {\n    configRef.current = getViewBounds(\n      length,\n      cardSize,\n      boundMargin,\n      1 / cameraRef.current.aspect\n    );\n  };\n\n  const init = () => {\n    const containerRect = document\n      .getElementById(containerId)\n      ?.getBoundingClientRect();\n    const width = containerRect?.width || window.innerWidth;\n    const height = containerRect?.height || window.innerHeight;\n    const aspect = width / height;\n    const scene = new Scene();\n    const camera = new PerspectiveCamera(fov, aspect, 0.1, 10000);\n\n    const renderer = new CSS3DRenderer();\n    renderer.setSize(width, height);\n    appwallRef.current.replaceChildren(renderer.domElement);\n\n    const controls = new TrackballControls(camera, renderer.domElement);\n    controls.rotateSpeed = 0.5;\n    controls.minDistance = 500;\n    controls.maxDistance = 10000;\n    controls.noRotate = noRotate;\n\n    sceneRef.current = scene;\n    cameraRef.current = camera;\n    controlsRef.current = controls;\n    rendererRef.current = renderer;\n  };\n\n  const createView = (table: Target[]) => {\n    table.forEach((data) => {\n      const element = document.createElement(\n        cardBrickName\n      ) as AppWallCardBrickEleType & Ele;\n      element.status = data.status;\n      element.cardTitle = data.cardItemProps?.cardTitle;\n      element.description = data.cardItemProps?.description;\n      element.background = data.cardItemProps?.background;\n      element.color = data.cardItemProps?.color;\n      element.titleStyle = data.cardItemProps?.titleStyle;\n      element.desStyle = data.cardItemProps?.desStyle;\n      element.descriptionList = data.cardItemProps?.descriptionList;\n      const statusClass = `status-${data?.status || \"normal\"}`;\n      element.className = `card-item-container  ${statusClass}`;\n      element.style.width = `${cardSize.width}px`;\n      element.style.height = `${cardSize.height}px`;\n      element.classList.add(\"card-item-wrap\");\n      // 随机进入\n      const objectCSS = new CSS3DObject(element);\n      objectCSS.position.set(\n        4e3 * Math.random() - 2e3,\n        4e3 * Math.random() - 2e3,\n        4e3 * Math.random() - 2e3\n      );\n\n      sceneRef.current.add(objectCSS);\n      objectsRef.current.push(objectCSS);\n\n      const table = createTableTarget(\n        data,\n        cardSize,\n        configRef.current.maxX,\n        configRef.current.maxY\n      );\n      targetsRef.current.table.push(table);\n      const curve = createCurveTarget(\n        data,\n        cardSize,\n        configRef.current.maxX,\n        configRef.current.maxY,\n        angle,\n        configRef.current.radius\n      );\n      targetsRef.current.curve.push(curve);\n\n      objectCSS.userData = data;\n      element.__objectCSS = objectCSS;\n      element.__userData = data;\n      element.__curve = curve;\n    });\n  };\n\n  const createRelationLines = (object: CSS3DObject) => {\n    const curRelations = getAppRelations(object, relations);\n    const userData = object.userData;\n    let lineObject: CSS3DObject, lineTarget: CSS3DObject;\n    curRelations?.forEach((relation) => {\n      if (relation.source === userData.key) {\n        //获取目标target CSS3DObject\n        lineTarget = objectsRef.current.find(\n          (o) => o.userData.key === relation.target\n        );\n        lineObject =\n          lineTarget &&\n          createRelationLine(object.position, lineTarget.position, \"blue\");\n      } else {\n        lineTarget = objectsRef.current.find(\n          (o) => o.userData.key === relation.source\n        );\n        lineObject =\n          lineTarget &&\n          createRelationLine(lineTarget.position, object.position, \"purple\");\n      }\n      if (!lineObject) return;\n      lineCiCodesRef.current.push(lineObject);\n      sceneRef.current.add(lineObject);\n    });\n    objectsRef.current?.forEach((item) => {\n      if (\n        object != item &&\n        curRelations.every(\n          (r) => r.source != item.userData.key && r.target != item.userData.key\n        )\n      ) {\n        item.element.style.opacity = \"0.2\";\n      }\n    });\n  };\n\n  const showElementBetweenRelation = (target: Ele) => {\n    const { __objectCSS, __userData } = target;\n    const rotationY = __objectCSS.rotation.y;\n    const currentEleRect = __objectCSS.element.getBoundingClientRect();\n    const position: Position = {\n      x: __objectCSS.position.x + 50 * Math.sin(rotationY),\n      y: __objectCSS.position.y + 15,\n      z: __objectCSS.position.z + 100 * Math.cos(rotationY),\n    };\n\n    const scale =\n        currentEleRect.width >= cardSize.width\n          ? hoverScaleRef.current\n          : Math.min(\n              cardSize.width / currentEleRect.width,\n              cardSize.height / currentEleRect.height\n            ),\n      duration = 100;\n    registerEvents.current.isShowRelations = true;\n    new Tween(__objectCSS.rotation)\n      // .to(\n      //   {\n      //     x: 0,\n      //     y: 0,\n      //     z: 0,\n      //   },\n      //   duration\n      // )\n      .onStart(() => {\n        cardBrickName === \"data-view.app-wall-card-item\" &&\n          __objectCSS.element.classList.add(\n            `status-${__userData.status || \"normal\"}-card`\n          );\n      })\n      .start();\n    new Tween(__objectCSS.scale)\n      .to(\n        {\n          x: scale,\n          y: scale,\n          z: scale,\n        },\n        duration\n      )\n      .start();\n\n    new Tween(__objectCSS.position)\n      .to(position, duration)\n      .onUpdate(render)\n      .onComplete(function () {\n        //创建连线\n        createRelationLines(__objectCSS);\n        render();\n        registerEvents.current.element = target;\n\n        if (useSystemPopover) {\n          const rect = target.getBoundingClientRect();\n          const centerX = rect.left + rect.width / 2;\n          const centerY = rect.top + rect.height / 2;\n\n          popoverRef.current.instanceId = target?.__userData?.data?.instanceId;\n          popoverRef.current.setPosition({ x: centerX, y: centerY });\n          popoverRef.current.setVisible(true);\n        }\n      })\n      .start();\n  };\n\n  const restoreElementState = (onComplete?: (ele?: Ele) => void) => {\n    if (!registerEvents.current?.element) return onComplete?.();\n    const {\n      __objectCSS,\n      __curve: object3d,\n      __userData,\n    } = registerEvents.current.element;\n    const duration = 100;\n\n    new Tween(__objectCSS.rotation)\n      .to(\n        {\n          x: object3d.rotation.x,\n          y: object3d.rotation.y,\n          z: object3d.rotation.z,\n        },\n        duration\n      )\n      .start();\n    new Tween(__objectCSS.scale)\n      .to(\n        {\n          x: 1,\n          y: 1,\n          z: 1,\n        },\n        duration\n      )\n      .start();\n    new Tween(__objectCSS.position)\n      .to(\n        {\n          x: object3d.position.x,\n          y: object3d.position.y,\n          z: object3d.position.z,\n        },\n        duration\n      )\n      .onUpdate(render)\n      .onStart(() => {\n        cardBrickName === \"data-view.app-wall-card-item\" &&\n          __objectCSS.element.classList.remove(\n            `status-${__userData.status || \"normal\"}-card`\n          );\n        objectsRef.current?.forEach((item) => {\n          item.element.style.opacity = \"1\";\n        });\n        lineCiCodesRef.current.forEach((lineObject) => {\n          sceneRef.current.remove(lineObject);\n        });\n        lineCiCodesRef.current = [];\n        render();\n      })\n      .onComplete(() => {\n        registerEvents.current.isShowRelations = false;\n        onComplete?.(registerEvents.current?.element);\n      })\n      .start();\n  };\n\n  const transform = (targets: Object3D[], duration: number) => {\n    registerEvents.current.enable = false;\n    for (let i = 0; i < objectsRef.current.length; i++) {\n      const object = objectsRef.current[i];\n      const target = targets[i];\n\n      new Tween(object.position)\n        .to(\n          {\n            x: target.position.x,\n            y: target.position.y,\n            z: target.position.z,\n          },\n          MathUtils.randFloat(duration, duration * 2)\n        )\n        .easing(Easing.Exponential.InOut)\n        .start();\n\n      new Tween(object.rotation)\n        .to(\n          {\n            x: target.rotation.x,\n            y: target.rotation.y,\n            z: target.rotation.z,\n          },\n          MathUtils.randFloat(duration, duration * 2)\n        )\n        .easing(Easing.Exponential.InOut)\n        .start();\n    }\n\n    new Tween({})\n      .to({}, duration * 2)\n      .onUpdate(render)\n      .start()\n      .onComplete(() => {\n        registerEvents.current.enable = true;\n      });\n  };\n\n  const handeReset = () => {\n    TWEEN.removeAll();\n    const o = {\n        opacity: 1,\n      },\n      e = new Tween({\n        z: 0,\n      }),\n      n = new Tween(o),\n      a = new Tween(cameraRef.current.position),\n      i = new Tween(controlsRef.current.target),\n      r = new Tween({\n        blur: 1500,\n        spread: 100,\n      });\n    e.to(\n      {\n        z: panelSpace,\n      },\n      1e3\n    ).chain(a, i, r);\n    n.to(\n      {\n        opacity: 0,\n      },\n      1e3\n    )\n      .onStart(() => {\n        sceneRef.current.remove(graph3DViewRef.current);\n        closeBtnRef.current.style.visibility = \"hidden\";\n      })\n      .delay(300);\n\n    a.to(controlsRef.current.position0, 1e3).onComplete(function () {\n      controlsRef.current.reset();\n      appwallRef.current.classList.remove(\"mask-container\");\n      transform(targetsRef.current.curve, 600);\n      registerEvents.current.isShowGraph3D = false;\n    });\n    i.to(\n      {\n        x: 0,\n        y: 0,\n        z: 0,\n      },\n      1e3\n    );\n    r.to(\n      {\n        blur: 0,\n        spread: 0,\n      },\n      1e3\n    );\n    e.start();\n    n.start();\n  };\n  const showAppInfoAnimate = (toggle: boolean) => {\n    controlsRef.current.reset();\n    const object = registerEvents.current.element.__objectCSS;\n    const target = registerEvents.current.element.__curve;\n    registerEvents.current.enable = false;\n    registerEvents.current.isShowAppInfo = true;\n    //定义四个位置\n    const c = {\n      x: target.position.x > 0 ? 2 * -cardSize.width : 2 * cardSize.width,\n      y: 0,\n      z: (cameraRef.current.position.z - 500) / 1.5,\n    };\n    const p = {\n      x: 0,\n      y: 0,\n      z: cameraRef.current.position.z - 500,\n    };\n    const h = {\n      x: 0,\n      y: target.rotation.y > 0 ? (-Math.PI * 90) / 180 : (Math.PI * 90) / 180,\n      z: 0,\n    };\n    const d = {\n      x: 0,\n      y: target.rotation.y > 0 ? (-Math.PI * 180) / 180 : (Math.PI * 180) / 180,\n      z: 0,\n    };\n    const i = new Tween(object.position);\n    const r = new Tween(object.rotation);\n    const o = new Tween(object.position);\n    const s = new Tween(object.rotation);\n    if (toggle) {\n      //收\n      i.to(c, 500)\n        .easing()\n        .onComplete(() => {\n          systemCardRef.current.hidden = true;\n          registerEvents.current.element.style.opacity = \"1\";\n        });\n      r.to(h, 500).easing();\n      o.to(\n        {\n          x: target.position.x,\n          y: target.position.y,\n          z: target.position.z,\n        },\n        700\n      ).easing();\n      s.to(\n        {\n          x: target.rotation.x,\n          y: target.rotation.y,\n          z: target.rotation.z,\n        },\n        700\n      )\n        .easing()\n        .onComplete(() => {\n          objectsRef.current?.forEach((item) => {\n            item.element.style.opacity = \"1\";\n          });\n        });\n    } else {\n      //出\n      objectsRef.current?.forEach((item) => {\n        if (object != item) {\n          item.element.style.opacity = \"0.2\";\n        }\n      });\n      i.to(c, 700)\n        .easing()\n        .onStart(() => {\n          //为了飞出去的途中，不能在点击其他的卡片飞出来\n          maskRef.current.hidden = false;\n          systemCardRef.current.hidden = true;\n        });\n      r.to(h, 700).easing();\n      o.to(p, 500)\n        .easing()\n        .onStart(function () {\n          registerEvents.current.element.style.opacity = \"0\";\n          systemCardRef.current.style.transition = \"transition: all .3s ease\";\n          systemCardRef.current.hidden = false;\n        });\n      s.to(d, 500).easing();\n    }\n    i.chain(o).start();\n    r.chain(s).start();\n    new Tween({})\n      .to({}, 1400)\n      .onUpdate(() => {\n        render();\n        if (Math.abs(object.rotation.y) >= Math.PI / 2) {\n          const rect = registerEvents.current.element.getBoundingClientRect();\n          const scale = 1.35;\n          const width = rect.width * scale;\n          const height = rect.height * scale;\n          systemCardRef.current.style.width = `${width}px`;\n          systemCardRef.current.style.height = `${height}px`;\n          systemCardRef.current.style.top = `${\n            rect.top - ((scale - 1) * height) / 2\n          }px`;\n          systemCardRef.current.style.left = `${\n            rect.left - ((scale - 1) * width) / 2\n          }px`;\n        }\n      })\n      .start()\n      .onComplete(function () {\n        registerEvents.current.enable = true;\n        registerEvents.current.isShowAppInfo = !toggle;\n        maskRef.current.hidden = toggle;\n      });\n  };\n  const resetView = () => {\n    controlsRef.current.reset();\n    TWEEN.removeAll();\n    objectsRef.current.map((o) => {\n      sceneRef.current.remove(o);\n    });\n    objectsRef.current = [];\n    targetsRef.current = {\n      table: [],\n      curve: [],\n    };\n    //重置交互状态\n    registerEvents.current = {\n      element: null,\n      mouseoverTimer: null,\n      mouseoutTimer: null,\n      clickTimer: null,\n      dblClickTimer: null,\n      enable: true,\n      isShowAppInfo: false,\n      isShowGraph3D: false,\n      isShowRelations: false,\n    };\n  };\n\n  useEffect(() => {\n    init();\n    let cancel: number;\n    const animate = () => {\n      cancel = requestAnimationFrame(animate);\n      TWEEN.update();\n      controlsRef.current.update();\n    };\n    animate();\n    const container = containerId\n      ? document.getElementById(containerId)\n      : document.body;\n\n    const observer = new ResizeObserver(\n      debounce(() => {\n        const { width, height } = container.getBoundingClientRect();\n        cameraRef.current.aspect = width / height;\n        cameraRef.current.updateProjectionMatrix();\n        rendererRef.current.setSize(width, height);\n        render();\n      }, 300)\n    );\n    controlsRef.current.addEventListener(\"change\", render);\n    observer.observe(container);\n    return () => {\n      observer.disconnect();\n      controlsRef.current.removeEventListener(\"change\", render);\n      controlsRef.current.dispose();\n      TWEEN.removeAll();\n      cameraRef.current.clear();\n      sceneRef.current.clear();\n      cancelAnimationFrame(cancel);\n    };\n  }, []);\n\n  useEffect(() => {\n    const length = props.dataSource?.length || 0;\n    if (length > 0) {\n      updateViewBounds(length);\n      baseCameraDistance.current = computeCameraDistance(\n        cameraRef.current,\n        configRef.current.bounds,\n        useDistanceConfig ? distanceConfig : [],\n        length\n      );\n      cameraRef.current.position.z = baseCameraDistance.current;\n      cameraRef.current.updateProjectionMatrix();\n      controlsRef.current.position0.copy(cameraRef.current.position);\n\n      const appData = setAppPosition(\n        props.dataSource,\n        configRef.current.maxX,\n        configRef.current.maxY\n      );\n      createView(appData);\n      transform(targetsRef.current.curve, 1000);\n    }\n\n    return () => {\n      resetView();\n    };\n  }, [props.dataSource, useDistanceConfig]);\n\n  useEffect(() => {\n    if (useSystemPopover) {\n      const element = document.createElement(\"monitoring.sys-popover\") as any;\n      popoverRef.current = element;\n      document.querySelector(\"#main-mount-point\").appendChild(element);\n    }\n  }, [useSystemPopover]);\n\n  useEffect(() => {\n    const container = containerRef.current;\n    const handleMouseover = (e: MouseEvent) => {\n      clearTimeout(registerEvents.current.mouseoverTimer);\n      if (\n        registerEvents.current.isShowAppInfo ||\n        registerEvents.current.isShowGraph3D ||\n        !registerEvents.current.enable\n      )\n        return false;\n      const target = findElementByEvent(e, cardBrickName);\n      if (useSystemPopover) {\n        const canRenderPopover =\n          popoverRef.current?.instanceId !=\n          target?.__userData?.data?.instanceId;\n\n        if (!target || !canRenderPopover) {\n          popoverRef.current.setVisible(false);\n        }\n      }\n      registerEvents.current.mouseoverTimer = window.setTimeout(() => {\n        restoreElementState(() => {\n          target &&\n            !registerEvents.current.isShowAppInfo &&\n            showElementBetweenRelation(target);\n          clearTimeout(registerEvents.current.mouseoverTimer);\n        });\n      }, 300);\n    };\n\n    const handleMouseout = (e: MouseEvent) => {\n      if (\n        registerEvents.current.isShowAppInfo ||\n        registerEvents.current.isShowGraph3D ||\n        !registerEvents.current.enable\n      )\n        return false;\n      const target = findElementByEvent(e, cardBrickName);\n      if (useSystemPopover) {\n        const canRenderPopover =\n          popoverRef.current.instanceId != target?.__userData?.data?.instanceId;\n\n        if (!target || !canRenderPopover) {\n          popoverRef.current.setVisible(false);\n        }\n      }\n    };\n\n    const handleClick = (e: MouseEvent) => {\n      clearTimeout(registerEvents.current.clickTimer);\n      clearTimeout(registerEvents.current.mouseoverTimer);\n      if (\n        registerEvents.current.isShowAppInfo ||\n        registerEvents.current.isShowGraph3D ||\n        !registerEvents.current.enable\n      )\n        return false;\n\n      const target = findElementByEvent(e, cardBrickName);\n      registerEvents.current.clickTimer = window.setTimeout(function () {\n        clearTimeout(registerEvents.current.mouseoverTimer);\n        restoreElementState(() => {\n          if (target) {\n            clearTimeout(registerEvents.current.clickTimer);\n            clearTimeout(registerEvents.current.mouseoverTimer);\n            e.stopPropagation();\n            registerEvents.current.element = target;\n            if (disabledDefaultClickEvent) {\n              handleCardClick?.(target.__userData);\n            } else {\n              setCurClickCardItemAppData(target.__userData);\n              showAppInfoAnimate(false);\n            }\n          }\n        });\n      }, 200);\n    };\n    const handleDbClick = (e: MouseEvent) => {\n      clearTimeout(registerEvents.current.clickTimer);\n      clearTimeout(registerEvents.current.mouseoverTimer);\n      clearTimeout(registerEvents.current.dblClickTimer);\n      if (\n        registerEvents.current.isShowAppInfo ||\n        registerEvents.current.isShowGraph3D ||\n        !registerEvents.current.enable\n      )\n        return false;\n\n      const target = findElementByEvent(e, cardBrickName);\n      const { __userData, __objectCSS } = target;\n      registerEvents.current.isShowGraph3D = true;\n      registerEvents.current.dblClickTimer = window.setTimeout(function () {\n        restoreElementState(() => {\n          if (\n            useDblclick ||\n            __userData.trapezoidalProps?.clusters?.length < 1\n          ) {\n            handleCardDbClick(__userData);\n            registerEvents.current.isShowGraph3D = false;\n          } else {\n            if (target) {\n              clearTimeout(registerEvents.current.mouseoverTimer);\n              clearTimeout(registerEvents.current.clickTimer);\n              appwallRef.current.classList.add(\"mask-container\");\n              controlsRef.current.reset();\n              const basePosition = {\n                opacity: 0,\n                scale: 0,\n                borderLeftWidth: 0,\n                borderRightWidth: 0,\n                borderTopWidth: 0,\n                borderBottomWidth: 0,\n              };\n              const u = {\n                x: __objectCSS.position.x,\n                y:\n                  860 +\n                  cardSize.height * (configRef.current.maxY - __userData.y),\n              };\n              const n = new Tween(cameraRef.current.position);\n              const a = new Tween(basePosition);\n              const i = new Tween({\n                z: 0,\n              });\n              const r = new Tween(cameraRef.current.position);\n              const o = new Tween(controlsRef.current.target);\n              const s = new Tween({\n                blur: 12,\n                spread: 0,\n              });\n              transform(targetsRef.current.table, 600);\n              n.to(\n                {\n                  x: 0,\n                  y: -3600,\n                  z: 1600,\n                },\n                1e3\n              ).chain(s, a, i);\n              a.to(\n                {\n                  opacity: 1,\n                },\n                700\n              ).onStart(() => {\n                const objectContainer = createTrapezoidalObject({\n                  objectData: {\n                    width: cardSize.width,\n                    height: cardSize.height,\n                    point: [\n                      __objectCSS.position.x,\n                      __objectCSS.position.y,\n                      __objectCSS.position.z,\n                    ],\n                  },\n                  clusters: __userData.trapezoidalProps?.clusters,\n                  columns: __userData.trapezoidalProps?.columns,\n                  appName: __userData.trapezoidalProps?.appName,\n                  leftBtnName: __userData.trapezoidalProps?.leftBtnName,\n                  rightBtnName: __userData.trapezoidalProps?.rightBtnName,\n                  rightOnClick: () => rightBtnOnClick(__userData),\n                  leftOnClick: () => leftBtnOnClick(__userData),\n                });\n                graph3DViewRef.current = objectContainer;\n                sceneRef.current.add(objectContainer);\n              });\n              i.to(\n                {\n                  z: panelSpace,\n                },\n                1e3\n              )\n                .delay(230)\n                .chain(r, o);\n\n              r.to(\n                {\n                  x: u.x,\n                  y: -3600 + u.y,\n                },\n                1e3\n              );\n              o.to(\n                {\n                  x: u.x,\n                  y: u.y,\n                },\n                1e3\n              ).onComplete(function () {\n                closeBtnRef.current.style.visibility = \"visible\";\n              });\n              n.start();\n            }\n          }\n        });\n      }, 200);\n    };\n\n    container.addEventListener(\"dblclick\", handleDbClick);\n    container.addEventListener(\"click\", handleClick);\n    container.addEventListener(\"mouseover\", handleMouseover);\n    container.addEventListener(\"mouseout\", handleMouseout);\n    return () => {\n      container.removeEventListener(\"mouseover\", handleMouseover);\n      container.removeEventListener(\"mouseout\", handleMouseout);\n      container.removeEventListener(\"click\", handleClick);\n      container.removeEventListener(\"dblclick\", handleDbClick);\n    };\n  }, [disabledDefaultClickEvent, handleCardClick]);\n\n  return (\n    <div className=\"appwall-container\" ref={containerRef}>\n      <div className=\"appwall\" ref={appwallRef}></div>\n      <div\n        className=\"mask\"\n        ref={maskRef}\n        onClick={() => {\n          registerEvents.current.enable && showAppInfoAnimate(true);\n        }}\n        hidden={true}\n      >\n        <WrappedSystemCard\n          {...curClickCardItemAppData?.systemCardProps}\n          onClick={(e) => e.stopPropagation()}\n          handleClick={() => onSystemCardButtonClick(curClickCardItemAppData)}\n          ref={systemCardRef}\n          className={classNames({\n            infoWrapper: curClickCardItemAppData?.status === \"normal\",\n            warningWrapper: curClickCardItemAppData?.status === \"warning\",\n          })}\n        />\n      </div>\n      <div\n        className=\"closeBtn\"\n        ref={closeBtnRef}\n        onClick={() => {\n          handeReset();\n        }}\n      />\n    </div>\n  );\n}\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{display:block;width:100%;height:100%}:host([hidden]){display:none}*,\n*::before,\n*::after{box-sizing:border-box}.mask-container{position:absolute;top:0;left:0;width:100%;height:100%;background:#0c1216;z-index:1000}.appwall-container{padding:8px}.appwall{position:relative}.appwall.loading .card-item{pointer-events:none!important}.mask{position:absolute;width:100%;height:100%;top:0;bottom:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:center}.mask[hidden]{display:none}.infoWrapper{position:absolute;background:var(--color-fill-bg-base-4);box-shadow:0 0 12px 2px rgba(80,255,255,0.45),inset 0 0 22px 0 #20242a;border:2px solid #50ffff;overflow:hidden}.warningWrapper{position:absolute;background:linear-gradient(180deg,#cc0066 0%,rgba(204,0,102,0.2) 100%),#0f1117ff;box-shadow:0 0 12px 2px rgba(204,0,102,0.4),inset 0 4px 10px 0 rgba(255,255,255,0.65);overflow:hidden}.relation-line{pointer-events:none!important}.closeBtn{visibility:hidden;position:fixed;top:50px;right:50px;width:46px;height:46px;text-align:center;border:1px solid;color:rgb(138 189 255/84%);font-size:20px;line-height:46px;cursor:pointer;background:rgba(138,189,255,0.13);border-image:linear-gradient(135deg,rgba(255,255,255,0.5),rgba(255,255,255,0),rgba(255,255,255,0.33)) 1 1;display:flex;justify-content:center;align-items:center;z-index:1000}.closeBtn:before,\n.closeBtn:after{content:\"\";width:2px;height:20px;background:linear-gradient(180deg,#3467ff 0%,#98cbff 100%);position:absolute}.closeBtn:before{transform:rotateZ(45deg)}.closeBtn:after{transform:rotateZ(-45deg)}.closeBtn:hover:after,\n.closeBtn:hover:before{background:var(--color-normal-text)}.visibilityAnimate{visibility:hidden;animation:visibility 0.5s both 1s}.trapezoidalLeftOrRightAnimation,\n.trapezoidalTopOrBottomAnimation{background:linear-gradient(180deg,rgba(51,102,255,0.4) 0%,#99ccff 100%);opacity:0.2;position:absolute}.trapezoidalTopOrBottomAnimation{bottom:0;width:100%;left:0;animation:animateTop 1s both}.trapezoidalLeftOrRightAnimation{top:0;right:0;height:100%;animation:animateLeft 1s both}@keyframes animateTop{0%{height:0}100%{height:100%}}@keyframes animateLeft{0%{width:0}100%{width:100%}}@keyframes visibility{0%{visibility:hidden}100%{visibility:visible}}.card-item-container{transition:opacity 0.5s}.status-normal-card{box-shadow:0 0 100px rgba(80,255,255,0.58);border:1px solid rgba(80,255,255,0.58);background:-webkit-gradient(liner,left top,left bottom,from(#002c8d),to(#00123e));background:linear-gradient(to bottom,rgba(80,255,255,1) 0%,rgba(80,255,255,0) 100%)}.status-warning-card{box-shadow:0 0 100px #cc0066;background:-webkit-gradient(liner,left top,left bottom,from(#cc0066),to(rgba(204,0,102,0.2)));background:linear-gradient(to bottom,#cc0066 0%,rgba(204,0,102,0.2) 100%)}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{display:inline-block;width:100%;height:100%}:host([hidden]){display:none}*,\n*::before,\n*::after{box-sizing:border-box}.card-item-container{position:relative;width:100%;height:100%}.card-item{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center;border-radius:var(--no-border-radius);border-color:transparent;transition:border-color 0.5s}.status-normal:hover{box-shadow:0 0 100px rgba(80,255,255,0.58);border:1px solid rgba(80,255,255,0.58);background:-webkit-gradient(liner,left top,left bottom,from(#002c8d),to(#00123e));background:linear-gradient(to bottom,rgba(80,255,255,1) 0%,rgba(80,255,255,0) 100%)}.status-warning:hover{box-shadow:0 0 100px #CC0066;background:-webkit-gradient(liner,left top,left bottom,from(#CC0066),to(rgba(204,0,102,0.2)));background:linear-gradient(to bottom,#CC0066 0%,rgba(204,0,102,0.2) 100%)}.card-item-container.status-normal .card-item{background:var(--color-fill-bg-base-4);box-shadow:inset 0px 1px 2px 0px rgba(255,255,255,0.45)}.card-item-container.status-normal:hover .card-item{border:2px solid rgba(80,255,255,0.58)}.card-item-container.status-warning .card-item{background:linear-gradient(180deg,#CC0066 0%,rgba(204,0,102,0.2) 100%);box-shadow:inset 0px 2px 6px 0px rgba(255,255,255,0.65)}.card-item-container.status-warning:hover .card-item{border:none}.card-item-text-container{width:100%;padding:0 12px}.card-item-title,\n.card-item-description{font-size:20px;font-weight:var(--font-weight-500);color:var(--color-normal-text)}.card-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-item-description{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:100%}:host([hidden]){display:none}*,\n*::before,\n*::after{box-sizing:border-box}.relation-line{position:relative;width:6px;height:100%;background:var(--color-text-divider-line-1);overflow:hidden}.relation-line::after{content:'';position:absolute;width:100%;height:20%;left:0px;top:0px;animation:lightMove 1000ms ease-in-out infinite,lightOpacity 1000ms ease-in-out infinite}.relation-line.light-color-blue::after{background:linear-gradient(rgba(80,255,255,0) 0%,rgba(80,255,255,1) 90%,#DFFFFF 100%)}.relation-line.light-color-purple::after{background:linear-gradient(rgba(102,0,255,0) 0%,rgba(102,0,255,1) 90%,#B07BFF 100%)}@keyframes lightMove{0%{top:0;transform:translateY(-100%)}100%{top:100%;transform:translateY(0)}}@keyframes lightOpacity{0%{opacity:0}20%{opacity:1}80%{opacity:1}100%{opacity:0}}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{display:inline-block}:host([hidden]){display:none}*,\n*::before,\n*::after{box-sizing:border-box}.wrapper{position:relative;width:100%;height:100%;padding:30px 24px 35px;left:0;display:flex;flex-direction:column;border-radius:var(--no-border-radius)}.cardName{font-size:var(--title-font-size-strong);line-height:22px;text-align:center;font-weight:var(--font-weight-500);color:var(--color-normal-text);text-shadow:0 1px 4px rgba(51,102,255,0.5);margin-bottom:35px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.descriptions{flex:1;margin-bottom:20px;font-size:var(--auxiliary-font-size-small);overflow:auto;font-weight:var(--font-weight-400)}.descriptionsItem .itemKey{color:var(--color-secondary-text)}.descriptionsItem .itemValue{color:var(--color-strong-text)}.descriptionsItem{display:flex;gap:10px;margin-bottom:12px}.descriptionsItem>div{flex:1;text-align:left;word-break:break-all}.buttonContent{position:absolute;bottom:16px;right:24px;font-size:var(--auxiliary-font-size);color:#99CCFF;cursor:pointer;font-weight:var(--font-weight-500)}.buttonName{margin-left:5px}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{--palette-rgba-white-1:rgba(255,255,255,10%);--palette-rgba-white-2:rgba(255,255,255,20%);--palette-rgba-white-3:rgba(255,255,255,30%);--palette-rgba-white-4:rgba(255,255,255,40%);--palette-rgba-white-5:rgba(255,255,255,50%);--palette-rgba-white-6:rgba(255,255,255,60%);--palette-rgba-white-7:rgba(255,255,255,70%);--palette-rgba-white-8:rgba(255,255,255,80%);--palette-rgba-white-9:rgba(255,255,255,90%);--palette-rgba-white-10:rgba(255,255,255,100%);--palette-rgba-gray-1:rgba(0,0,0,10%);--palette-rgba-gray-2:rgba(0,0,0,20%);--palette-rgba-gray-3:rgba(0,0,0,30%);--palette-rgba-gray-4:rgba(0,0,0,40%);--palette-rgba-gray-5:rgba(0,0,0,50%);--palette-rgba-gray-6:rgba(0,0,0,60%);--palette-rgba-gray-7:rgba(0,0,0,70%);--palette-rgba-gray-8:rgba(0,0,0,80%);--palette-rgba-gray-9:rgba(0,0,0,90%);--palette-rgba-gray-10:rgba(0,0,0,100%);--palette-rgba-blue-gray-2:rgba(101,106,134,20%);--palette-rgba-blue-gray-3:rgba(101,106,134,30%);--palette-rgba-blue-gray-8:rgba(101,106,134,80%);--palette-tech-blue-4-channel:67,127,255;--palette-tech-blue-4:rgb(var(--palette-tech-blue-4-channel));--palette-tech-blue-6-channel:51,102,255;--palette-tech-blue-6:rgb(var(--palette-tech-blue-6-channel));--palette-tech-blue-8-channel:40,69,159;--palette-tech-blue-8:rgb(var(--palette-tech-blue-8-channel));--palette-sea-green-4-channel:131,245,225;--palette-sea-green-4:rgb(var(--palette-sea-green-4-channel));--palette-green-6-channel:81,235,73;--palette-green-6:rgb(var(--palette-green-6-channel));--palette-green-2:rgba(var(--palette-green-6-channel),20%);--palette-lotus-pink-7-channel:204,0,102;--palette-lotus-pink-7:rgb(var(--palette-lotus-pink-7-channel));--palette-red-6-channel:242,39,39;--palette-red-6:rgb(var(--palette-red-6-channel));--palette-red-2:rgba(var(--palette-red-6-channel),20%);--color-fill-global-bg:#0f1014;--color-fill-bg-container-1:var(--palette-rgba-white-1);--color-fill-bg-container-2:var(--palette-rgba-blue-gray-2);--color-fill-bg-container-3:var(--palette-rgba-blue-gray-8);--color-fill-bg-base-1:var(--palette-rgba-blue-gray-2);--color-fill-bg-base-2:rgba(15,16,20,0%);--color-fill-bg-base-3:rgba(0,0,0,20%);--color-fill-bg-base-4:rgba(40,46,58,100%);--color-fill-bg-base-5:rgba(19,25,47,80%);--color-fill-bg-base-6:var(--palette-rgba-blue-gray-3);--color-brand:var(--palette-tech-blue-6);--color-brand-hover:var(--palette-tech-blue-4);--color-brand-active:var(--palette-tech-blue-8);--color-contrast-1:var(--palette-sea-green-4);--color-error:var(--palette-red-6);--color-error-bg:var(--palette-red-2);--color-success:var(--palette-green-6);--color-success-bg:var(--palette-green-2);--color-header-text-big:var(--palette-rgba-white-10);--color-header-text:var(--palette-rgba-white-10);--color-normal-text:var(--palette-rgba-white-10);--color-strong-text:var(--palette-rgba-white-9);--color-auxiliary-text:var(--palette-rgba-white-8);--color-secondary-text:var(--palette-rgba-white-6);--color-disabled-text:var(--palette-rgba-white-4);--color-border-divider-line:var(--palette-rgba-white-1);--color-text-divider-line-1:var(--palette-rgba-white-2);--color-text-divider-line-2:var(--palette-rgba-white-2);--small-border-radius:2px;--medius-border-radius:5px;--larger-border-radius:12px;--container-border-radius:9999px;--no-border-radius:0px;--mask-bg:var(--palette-rgba-gray-7);--title-font-size-larger:30px;--title-font-size-strong:22px;--title-font-size:18px;--normal-font-size:14px;--auxiliary-font-size:16px;--auxiliary-font-size-small:12px;--overview-data-font-size:34px;--statistics-data-font-size:28px;--normal-data-font-size-larger:20px;--normal-data-font-size:16px;--chart-legend-font-size:12px;--chart-tooltips-font-size-1:12px;--chart-tooltips-font-size-2:12px;--chart-axis-x-font-size:12px;--chart-axis-x-font-size-larger:14px;--chart-axis-y-font-size:12px;--chart-axis-y-font-size-larger:14px;--font-weight-600:600;--font-weight-500:500;--font-weight-400:400;--text-shadow:0px 1px 4px #2863ee;--border-width-base:1px;--border-width-double-base:2px;--border-width-tribble-base:3px;--punctate-width-base:1px;--paragraph-width-base:1px;--button-text-color:#40d0db}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n"],"names":["createRelationLine","sourceVector","targetVector","lightColor","subVector","Vector3","subVectors","lineLength","length","lineElement","document","createElement","style","height","concat","classList","add","lineObject","CSS3DObject","centerVector","lerpVectors","position","copy","quaternion","Quaternion","setFromUnitVectors","normalize","clone","setRotationFromQuaternion","getCenterPointOrSubPoint","start","end","pointA","pointB","createTrapezoidalRightOrLeftElement","props","BW","TW","d","TH","BH","isLeft","Math","sqrt","pow","wrapper","cssText","cantCard","className","appendChild","objectCantModel","createTrapezoidalTopOrBottomElement","isTop","topQuaternion","createTrapezoidalObject","objectData","leftBtnName","clusters","columns","leftOnClick","rightBtnName","rightOnClick","appName","container","objectContainer","set","point","width","bottomCard","objectBottomModel","z","topCard","thumbnailEle","objectTopModel","objectCantLeftModel","objectCantRightModel","objectCantTopModel","objectCantBottomModel","btnLeft","wordNode","cursor","innerText","btnLeftObject","rotateX","PI","onpointerdown","btnRight","textNode","btnRightObject","setAppPosition","dataSource","maxX","maxY","appData","map","_objectSpread","x","y","i","parseInt","offset","leng","u","h","g","m","createTableTarget","data","cardSize","object3D","Object3D","outerWidth","outerHeight","createCurveTarget","angle","radius","vector","computeCurvePosition","n","a","sin","lookAt","computeCameraDistance","camera","bounds","distanceConfig","margin","aspect","max","tan","fov","o","forEach","t","min","apply","numRange","distance","getAppRelations","object","relationsData","relations","userData","Array","isArray","key","source","target","push","findElementByEvent","e","tagName","_targetName","toUpperCase","path","composedPath","find","node","shadowRoot","customEle","elementFromPoint","clientX","clientY","panelSpace","offsetDistance","getViewBounds","aspectH","ceil","cos","WrappedSystemCard","wrapBrick","AppWallElement","onSystemCardButtonClick","useDblclick","useDistanceConfig","handleCardDbClick","rightBtnOnClick","leftBtnOnClick","cardBrickName","disabledDefaultClickEvent","handleCardClick","containerId","noRotate","boundMargin","useSystemPopover","curClickCardItemAppData","setCurClickCardItemAppData","useState","containerRef","useRef","appwallRef","closeBtnRef","maskRef","systemCardRef","popoverRef","rendererRef","sceneRef","cameraRef","controlsRef","graph3DViewRef","targetsRef","table","curve","objectsRef","lineCiCodesRef","hoverScaleRef","baseCameraDistance","configRef","registerEvents","element","mouseoverTimer","mouseoutTimer","clickTimer","dblClickTimer","isShowGraph3D","isShowAppInfo","isShowRelations","enable","render","useCallback","current","maxDistance","handleResize","restoreElementState","onComplete","_registerEvents$curre","__objectCSS","__curve","object3d","__userData","Tween","rotation","to","scale","onUpdate","onStart","_objectsRef$current2","remove","status","item","opacity","_registerEvents$curre2","transform","targets","duration","MathUtils","randFloat","easing","Easing","Exponential","InOut","showAppInfoAnimate","toggle","reset","_objectsRef$current4","c","p","r","s","hidden","_objectsRef$current3","transition","chain","abs","rect","getBoundingClientRect","top","left","useEffect","cancel","init","_document$getElementB","containerRect","getElementById","window","innerWidth","innerHeight","scene","Scene","PerspectiveCamera","renderer","CSS3DRenderer","setSize","replaceChildren","domElement","controls","TrackballControls","rotateSpeed","minDistance","animate","requestAnimationFrame","TWEEN","update","body","observer","ResizeObserver","debounce","updateProjectionMatrix","addEventListener","observe","disconnect","removeEventListener","dispose","clear","cancelAnimationFrame","_props$dataSource","updateViewBounds","position0","_data$cardItemProps","_data$cardItemProps2","_data$cardItemProps3","_data$cardItemProps4","_data$cardItemProps5","_data$cardItemProps6","_data$cardItemProps7","cardTitle","cardItemProps","description","background","color","titleStyle","desStyle","descriptionList","statusClass","objectCSS","random","querySelector","handleMouseover","clearTimeout","_popoverRef$current","_target$__userData2","canRenderPopover","instanceId","setVisible","setTimeout","rotationY","currentEleRect","_objectsRef$current","lineTarget","curRelations","relation","every","_target$__userData","centerX","centerY","setPosition","showElementBetweenRelation","handleMouseout","_target$__userData3","handleClick","stopPropagation","handleDbClick","_userData$trapezoida","trapezoidalProps","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth","blur","spread","_userData$trapezoida2","_userData$trapezoida3","_userData$trapezoida4","_userData$trapezoida5","_userData$trapezoida6","delay","visibility","React","ref","onClick","_extends","systemCardProps","classNames","infoWrapper","warningWrapper","handeReset","___CSS_LOADER_EXPORT___","module","id","toString"],"sourceRoot":""}