@next-bricks/data-view 1.0.8 → 1.0.9

package/dist/chunks/{modern-style-treemap.e4512223.js → modern-style-treemap.4f9c17c7.js}

@@ -1,3 +1,3 @@
-/*! For license information please see modern-style-treemap.e4512223.js.LICENSE.txt */
-(self.webpackChunk_next_bricks_data_view=self.webpackChunk_next_bricks_data_view||[]).push([[2943],{5197:(e,t,r)=>{"use strict";r.r(t),r.d(t,{ModernStyleTreemap:()=>Q});var a,i,n,l,o,s,c,p,u,g,b,h,f,d,v,m,y,w,x=r(9740),k=r(4635),A=r(918),S=r(1369),B=r(8449),M=r(6902),z=r(8769),E=r.n(z),C=r(9929),U=r(9938),R=r(1983),W=r(6399),D=r(1997),j=r(6793),_=r(7766),q=r(6849),N=r(4960),O=r(7604),T=r(1696),X=r(9935),Y=r(3240),P=r(6837),H=r(7290),L=r(2445),I=r(3373),G=r.n(I);function F(e,t,r){return e.set(K(e,t),r),r}function J(e,t){return e.get(K(e,t))}function K(e,t,r){if("function"==typeof e?e===t:e.has(t))return arguments.length<3?t:r;throw new TypeError("Private element is not present on this object")}var Q,{defineElement:V,property:Z,event:$}=(0,C.createDecorators)(),ee=function(e){return e.treemapBinary="treemapBinary",e.treemapDice="treemapDice",e.treemapResquarify="treemapResquarify",e.treemapSlice="treemapSlice",e.treemapSliceDice="treemapSliceDice",e.treemapSquarify="treemapSquarify",e}(ee||{}),te=new WeakMap,re=new WeakMap,ae=new WeakMap,ie=new WeakMap,ne=new WeakMap,le=new WeakMap,oe=new WeakMap,se=new WeakSet,ce=new WeakMap;class pe extends U.ReactNextElement{constructor(){super(...arguments),(0,k.A)(this,se),(0,A.A)(this,te,i(this)),(0,A.A)(this,re,(n(this),l(this,ee.treemapSquarify))),(0,A.A)(this,ae,(o(this),s(this))),(0,A.A)(this,ie,(c(this),p(this))),(0,A.A)(this,ne,(u(this),g(this))),(0,A.A)(this,le,(b(this),h(this))),(0,A.A)(this,oe,(f(this),d(this))),(0,A.A)(this,ce,(y(this),e=>{var t,r;(t=se,this,r=v,r(K(t,this))).emit(e)}))}get data(){return J(te,this)}set data(e){F(te,this,e)}get tail(){return J(re,this)}set tail(e){F(re,this,e)}get leafUseBrick(){return J(ae,this)}set leafUseBrick(e){F(ae,this,e)}get leafContainerStyle(){return J(ie,this)}set leafContainerStyle(e){F(ie,this,e)}get tooltipUseBrick(){return J(ne,this)}set tooltipUseBrick(e){F(ne,this,e)}get tooltipStyle(){return J(le,this)}set tooltipStyle(e){F(le,this,e)}render(){return E().createElement(ge,{data:this.data,tail:this.tail,leafUseBrick:this.leafUseBrick,leafContainerStyle:this.leafContainerStyle,tooltipUseBrick:this.tooltipUseBrick,tooltipStyle:this.tooltipStyle,handleClick:J(ce,this)})}}w=pe,({e:[i,n,l,o,s,c,p,u,g,b,h,f,d,v,m,y],c:[Q,a]}=function(e,t,r,a,i,n){var l,o,s,c,p,u,g,b=Symbol.metadata||Symbol.for("Symbol.metadata"),h=Object.defineProperty,f=Object.create,d=[f(null),f(null)],v=t.length;function m(t,r,a){return function(i,n){r&&(n=i,i=e);for(var l=0;l<t.length;l++)n=t[l].apply(i,a?[n]:[]);return a?n:i}}function y(e,t,r,a){if("function"!=typeof e&&(a||void 0!==e))throw new TypeError(t+" must "+(r||"be")+" a function"+(a?"":" or undefined"));return e}function w(e,t,r,a,i,n,s,c,p,u,g){function b(e){if(!g(e))throw new TypeError("Attempted to access private element on non-instance")}var f=[].concat(t[0]),v=t[3],w=!s,x=1===i,k=3===i,A=4===i,S=2===i;function M(t,r,a){return function(i,n){return r&&(n=i,i=e),a&&a(i),z[t].call(i,n)}}if(!w){var z={},E=[],C=k?"get":A||x?"set":"value";if(p?(u||x?z={get:(0,B.A)((function(){return v(this)}),a,"get"),set:function(e){t[4](this,e)}}:z[C]=v,u||(0,B.A)(z[C],a,S?"":C)):u||(z=Object.getOwnPropertyDescriptor(e,a)),!u&&!p){if((o=d[+c][a])&&7!=(o^i))throw new Error("Decorating two elements with the same name ("+z[C].name+") is not supported yet");d[+c][a]=i<3?1:i}}for(var U=e,R=f.length-1;R>=0;R-=r?2:1){var W=f[R],D=r?f[R-1]:void 0,j={},_={kind:["field","accessor","method","getter","setter","class"][i],name:a,metadata:l,addInitializer:function(e,t){if(e.v)throw new Error("attempted to call addInitializer after decoration was finished");y(t,"An initializer","be",!0),n.push(t)}.bind(null,j)};if(w)o=W.call(D,U,_),j.v=1,y(o,"class decorators","return")&&(U=o);else if(_.static=c,_.private=p,o=_.access={has:p?g.bind():function(e){return a in e}},A||(o.get=p?S?function(e){return b(e),z.value}:M("get",0,b):function(e){return e[a]}),S||k||(o.set=p?M("set",0,b):function(e,t){e[a]=t}),U=W.call(D,x?{get:z.get,set:z.set}:z[C],_),j.v=1,x){if("object"==typeof U&&U)(o=y(U.get,"accessor.get"))&&(z.get=o),(o=y(U.set,"accessor.set"))&&(z.set=o),(o=y(U.init,"accessor.init"))&&E.unshift(o);else if(void 0!==U)throw new TypeError("accessor decorators must return an object with get, set, or init properties or undefined")}else y(U,(u?"field":"method")+" decorators","return")&&(u?E.unshift(U):z[C]=U)}return i<2&&s.push(m(E,c,1),m(n,c,0)),u||w||(p?x?s.splice(-1,0,M("get",c),M("set",c)):s.push(S?z[C]:y.call.bind(z[C])):h(e,a,z)),U}function x(e){return h(e,b,{configurable:!0,enumerable:!0,value:l})}return void 0!==n&&(l=n[b]),l=f(null==l?null:l),p=[],u=function(e){e&&p.push(m(e))},(g=function(t,a){for(var n=0;n<r.length;n++){var l=r[n],o=l[1],u=7&o;if((8&o)==t&&!u==a){var g=l[2],b=!!l[3],h=16&o;w(t?e:e.prototype,l,h,b?"#"+g:(0,S.A)(g),u,u<2?[]:t?c=c||[]:s=s||[],p,!!t,b,a,t&&b?function(t){return(0,M.A)(t)===e}:i)}}})(8,0),g(0,0),g(8,1),g(0,1),u(s),u(c),o=p,v||x(e),{e:o,get c(){var r=[];return v&&[x(e=w(e,[t],0,e.name,5,r)),m(r,1)]}}}(w,[V("data-view.modern-style-treemap",{styleTexts:[X.A,Y.A]})],[[Z({attribute:!1}),1,"data"],[Z({attribute:!1}),1,"tail"],[Z({attribute:!1}),1,"leafUseBrick"],[Z({attribute:!1}),1,"leafContainerStyle"],[Z({attribute:!1}),1,"tooltipUseBrick"],[Z({attribute:!1}),1,"tooltipStyle"],[$({type:"treemap.click"}),1,"onClickEvent",e=>J(oe,e),(e,t)=>F(oe,e,t)]],0,(e=>ce.has((0,M.A)(e))),U.ReactNextElement)),a();var ue={[ee.treemapBinary]:W.A,[ee.treemapDice]:D.A,[ee.treemapResquarify]:j.A,[ee.treemapSlice]:_.A,[ee.treemapSliceDice]:q.A,[ee.treemapSquarify]:N.Ay};function ge(e){var{data:t,tail:r,leafUseBrick:a,leafContainerStyle:i,tooltipUseBrick:n,tooltipStyle:l,handleClick:o}=e,[s,{clientWidth:c,clientHeight:p}]=(0,P.w)(),[u,{clientHeight:g}]=(0,P.w)(),[b,h]=(0,z.useState)({clientX:0,clientY:0}),[f,d]=(0,z.useState)(),v=(0,z.useMemo)((()=>{if(s.current){var e,t,r=s.current.getBoundingClientRect(),a=r.width/s.current.clientWidth,i=r.height/s.current.clientHeight,n=b.clientX-r.left,l=b.clientY-r.top,o=r.right-b.clientX,c=r.bottom-b.clientY,{width:p,height:h}=u.current.getBoundingClientRect();if(e=n+16,o<p&&(e=n-p-16,t="right"),n<p&&(t="left"),c<h/2||l<h/2){var f=c<h/2?"bottom":"top";l=c<h/2?l-h/2-16:l+h/2+16,"left"===t&&n-p/2<0?(t="".concat(f,"-left"),e=n):"right"===t&&o-p/2<0?(t="".concat(f,"-right"),e=n-p):(t=f,e=n-p/2)}return d(t),{left:"".concat(e/a,"px"),top:"".concat(l/i-g/2,"px")}}}),[s,b.clientX,b.clientY,u,g]),m=(0,z.useMemo)((()=>(0,O.Ay)(t).sum((e=>e.value)).sort(((e,t)=>t.value-e.value))),[t]),y=(0,z.useMemo)((()=>(0,T.A)().tile(ue[r]).size([c,p]).padding(1).round(!0)),[r,c,p]),[w,k]=(0,z.useMemo)((()=>{var e=y(m).leaves().map((e=>(0,x.A)({},e)));return[e,(0,L.keyBy)(e,"data.name")]}),[y,m]),A=(0,z.useMemo)((()=>w.map((e=>{var t=e.y0,r=e.x0,n=e.x1-e.x0,l=e.y1-e.y0;return E().createElement("div",{key:e.data.name,className:"treemap-leaf","data-leaf-id":e.data.name,style:(0,x.A)((0,x.A)({},i),{},{top:0,left:0,transform:"translate(".concat(r,"px, ").concat(t,"px)"),width:n,height:l}),onClick:()=>null==o?void 0:o(e.data)},(null==a?void 0:a.useBrick)&&E().createElement(R.ReactUseMultipleBricks,{useBrick:a.useBrick,data:e}))}))),[o,i,a.useBrick,w]),S=(0,z.useMemo)((()=>(0,x.A)({},k[b.name])),[k,b.name]),B=(0,z.useMemo)((()=>(0,H.G)((e=>{var t=e.target.closest(".treemap-leaf"),r=null==t?void 0:t.getAttribute("data-leaf-id");h((a=>({clientX:e.clientX,clientY:e.clientY,name:t?r:a.name})))}))),[]);return E().createElement("div",{className:"wrapper"},E().createElement("div",{className:"treemap",ref:s,onMouseMove:B,onMouseEnter:()=>{u.current.style.visibility="visible"},onMouseLeave:()=>{u.current.style.visibility="hidden"}},A),E().createElement("div",{className:G()("tooltip",{bottom:"bottom"===f,bottomRight:"bottom-right"===f,bottomLeft:"bottom-left"===f,topLeft:"top-left"===f,topRight:"top-right"===f,top:"top"===f,right:"right"===f}),style:(0,x.A)((0,x.A)({},l),v),ref:u},(null==n?void 0:n.useBrick)&&E().createElement(R.ReactUseMultipleBricks,{useBrick:n.useBrick,data:S})))}},9935:(e,t,r)=>{"use strict";r.d(t,{A:()=>o});var a=r(6758),i=r.n(a),n=r(935),l=r.n(n)()(i());l.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 o=l.toString()},3373:(e,t)=>{var r;!function(){"use strict";var a={}.hasOwnProperty;function i(){for(var e="",t=0;t<arguments.length;t++){var r=arguments[t];r&&(e=l(e,n(r)))}return e}function n(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return i.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var r in e)a.call(e,r)&&e[r]&&(t=l(t,r));return t}function l(e,t){return t?e?e+" "+t:e+t:e}e.exports?(i.default=i,e.exports=i):void 0===(r=function(){return i}.apply(t,[]))||(e.exports=r)}()},4635:(e,t,r)=>{"use strict";r.d(t,{A:()=>i});var a=r(2016);function i(e,t){(0,a.A)(e,t),t.add(e)}}}]);
-//# sourceMappingURL=modern-style-treemap.e4512223.js.map
+/*! For license information please see modern-style-treemap.4f9c17c7.js.LICENSE.txt */
+(self.webpackChunk_next_bricks_data_view=self.webpackChunk_next_bricks_data_view||[]).push([[2943],{5197:(e,t,r)=>{"use strict";r.r(t),r.d(t,{ModernStyleTreemap:()=>Q});var a,i,n,l,o,s,c,p,u,g,b,h,f,d,v,m,y,w,x=r(9740),k=r(4635),A=r(918),S=r(1369),B=r(8449),M=r(6902),z=r(8769),E=r.n(z),C=r(9929),U=r(9938),R=r(4993),W=r(6399),D=r(1997),j=r(6793),_=r(7766),q=r(6849),N=r(4960),O=r(7604),T=r(1696),X=r(9935),Y=r(3240),P=r(6837),H=r(7290),L=r(2445),I=r(3373),G=r.n(I);function F(e,t,r){return e.set(K(e,t),r),r}function J(e,t){return e.get(K(e,t))}function K(e,t,r){if("function"==typeof e?e===t:e.has(t))return arguments.length<3?t:r;throw new TypeError("Private element is not present on this object")}var Q,{defineElement:V,property:Z,event:$}=(0,C.createDecorators)(),ee=function(e){return e.treemapBinary="treemapBinary",e.treemapDice="treemapDice",e.treemapResquarify="treemapResquarify",e.treemapSlice="treemapSlice",e.treemapSliceDice="treemapSliceDice",e.treemapSquarify="treemapSquarify",e}(ee||{}),te=new WeakMap,re=new WeakMap,ae=new WeakMap,ie=new WeakMap,ne=new WeakMap,le=new WeakMap,oe=new WeakMap,se=new WeakSet,ce=new WeakMap;class pe extends U.ReactNextElement{constructor(){super(...arguments),(0,k.A)(this,se),(0,A.A)(this,te,i(this)),(0,A.A)(this,re,(n(this),l(this,ee.treemapSquarify))),(0,A.A)(this,ae,(o(this),s(this))),(0,A.A)(this,ie,(c(this),p(this))),(0,A.A)(this,ne,(u(this),g(this))),(0,A.A)(this,le,(b(this),h(this))),(0,A.A)(this,oe,(f(this),d(this))),(0,A.A)(this,ce,(y(this),e=>{var t,r;(t=se,this,r=v,r(K(t,this))).emit(e)}))}get data(){return J(te,this)}set data(e){F(te,this,e)}get tail(){return J(re,this)}set tail(e){F(re,this,e)}get leafUseBrick(){return J(ae,this)}set leafUseBrick(e){F(ae,this,e)}get leafContainerStyle(){return J(ie,this)}set leafContainerStyle(e){F(ie,this,e)}get tooltipUseBrick(){return J(ne,this)}set tooltipUseBrick(e){F(ne,this,e)}get tooltipStyle(){return J(le,this)}set tooltipStyle(e){F(le,this,e)}render(){return E().createElement(ge,{data:this.data,tail:this.tail,leafUseBrick:this.leafUseBrick,leafContainerStyle:this.leafContainerStyle,tooltipUseBrick:this.tooltipUseBrick,tooltipStyle:this.tooltipStyle,handleClick:J(ce,this)})}}w=pe,({e:[i,n,l,o,s,c,p,u,g,b,h,f,d,v,m,y],c:[Q,a]}=function(e,t,r,a,i,n){var l,o,s,c,p,u,g,b=Symbol.metadata||Symbol.for("Symbol.metadata"),h=Object.defineProperty,f=Object.create,d=[f(null),f(null)],v=t.length;function m(t,r,a){return function(i,n){r&&(n=i,i=e);for(var l=0;l<t.length;l++)n=t[l].apply(i,a?[n]:[]);return a?n:i}}function y(e,t,r,a){if("function"!=typeof e&&(a||void 0!==e))throw new TypeError(t+" must "+(r||"be")+" a function"+(a?"":" or undefined"));return e}function w(e,t,r,a,i,n,s,c,p,u,g){function b(e){if(!g(e))throw new TypeError("Attempted to access private element on non-instance")}var f=[].concat(t[0]),v=t[3],w=!s,x=1===i,k=3===i,A=4===i,S=2===i;function M(t,r,a){return function(i,n){return r&&(n=i,i=e),a&&a(i),z[t].call(i,n)}}if(!w){var z={},E=[],C=k?"get":A||x?"set":"value";if(p?(u||x?z={get:(0,B.A)((function(){return v(this)}),a,"get"),set:function(e){t[4](this,e)}}:z[C]=v,u||(0,B.A)(z[C],a,S?"":C)):u||(z=Object.getOwnPropertyDescriptor(e,a)),!u&&!p){if((o=d[+c][a])&&7!=(o^i))throw new Error("Decorating two elements with the same name ("+z[C].name+") is not supported yet");d[+c][a]=i<3?1:i}}for(var U=e,R=f.length-1;R>=0;R-=r?2:1){var W=f[R],D=r?f[R-1]:void 0,j={},_={kind:["field","accessor","method","getter","setter","class"][i],name:a,metadata:l,addInitializer:function(e,t){if(e.v)throw new Error("attempted to call addInitializer after decoration was finished");y(t,"An initializer","be",!0),n.push(t)}.bind(null,j)};if(w)o=W.call(D,U,_),j.v=1,y(o,"class decorators","return")&&(U=o);else if(_.static=c,_.private=p,o=_.access={has:p?g.bind():function(e){return a in e}},A||(o.get=p?S?function(e){return b(e),z.value}:M("get",0,b):function(e){return e[a]}),S||k||(o.set=p?M("set",0,b):function(e,t){e[a]=t}),U=W.call(D,x?{get:z.get,set:z.set}:z[C],_),j.v=1,x){if("object"==typeof U&&U)(o=y(U.get,"accessor.get"))&&(z.get=o),(o=y(U.set,"accessor.set"))&&(z.set=o),(o=y(U.init,"accessor.init"))&&E.unshift(o);else if(void 0!==U)throw new TypeError("accessor decorators must return an object with get, set, or init properties or undefined")}else y(U,(u?"field":"method")+" decorators","return")&&(u?E.unshift(U):z[C]=U)}return i<2&&s.push(m(E,c,1),m(n,c,0)),u||w||(p?x?s.splice(-1,0,M("get",c),M("set",c)):s.push(S?z[C]:y.call.bind(z[C])):h(e,a,z)),U}function x(e){return h(e,b,{configurable:!0,enumerable:!0,value:l})}return void 0!==n&&(l=n[b]),l=f(null==l?null:l),p=[],u=function(e){e&&p.push(m(e))},(g=function(t,a){for(var n=0;n<r.length;n++){var l=r[n],o=l[1],u=7&o;if((8&o)==t&&!u==a){var g=l[2],b=!!l[3],h=16&o;w(t?e:e.prototype,l,h,b?"#"+g:(0,S.A)(g),u,u<2?[]:t?c=c||[]:s=s||[],p,!!t,b,a,t&&b?function(t){return(0,M.A)(t)===e}:i)}}})(8,0),g(0,0),g(8,1),g(0,1),u(s),u(c),o=p,v||x(e),{e:o,get c(){var r=[];return v&&[x(e=w(e,[t],0,e.name,5,r)),m(r,1)]}}}(w,[V("data-view.modern-style-treemap",{styleTexts:[X.A,Y.A]})],[[Z({attribute:!1}),1,"data"],[Z({attribute:!1}),1,"tail"],[Z({attribute:!1}),1,"leafUseBrick"],[Z({attribute:!1}),1,"leafContainerStyle"],[Z({attribute:!1}),1,"tooltipUseBrick"],[Z({attribute:!1}),1,"tooltipStyle"],[$({type:"treemap.click"}),1,"onClickEvent",e=>J(oe,e),(e,t)=>F(oe,e,t)]],0,(e=>ce.has((0,M.A)(e))),U.ReactNextElement)),a();var ue={[ee.treemapBinary]:W.A,[ee.treemapDice]:D.A,[ee.treemapResquarify]:j.A,[ee.treemapSlice]:_.A,[ee.treemapSliceDice]:q.A,[ee.treemapSquarify]:N.Ay};function ge(e){var{data:t,tail:r,leafUseBrick:a,leafContainerStyle:i,tooltipUseBrick:n,tooltipStyle:l,handleClick:o}=e,[s,{clientWidth:c,clientHeight:p}]=(0,P.w)(),[u,{clientHeight:g}]=(0,P.w)(),[b,h]=(0,z.useState)({clientX:0,clientY:0}),[f,d]=(0,z.useState)(),v=(0,z.useMemo)((()=>{if(s.current){var e,t,r=s.current.getBoundingClientRect(),a=r.width/s.current.clientWidth,i=r.height/s.current.clientHeight,n=b.clientX-r.left,l=b.clientY-r.top,o=r.right-b.clientX,c=r.bottom-b.clientY,{width:p,height:h}=u.current.getBoundingClientRect();if(e=n+16,o<p&&(e=n-p-16,t="right"),n<p&&(t="left"),c<h/2||l<h/2){var f=c<h/2?"bottom":"top";l=c<h/2?l-h/2-16:l+h/2+16,"left"===t&&n-p/2<0?(t="".concat(f,"-left"),e=n):"right"===t&&o-p/2<0?(t="".concat(f,"-right"),e=n-p):(t=f,e=n-p/2)}return d(t),{left:"".concat(e/a,"px"),top:"".concat(l/i-g/2,"px")}}}),[s,b.clientX,b.clientY,u,g]),m=(0,z.useMemo)((()=>(0,O.Ay)(t).sum((e=>e.value)).sort(((e,t)=>t.value-e.value))),[t]),y=(0,z.useMemo)((()=>(0,T.A)().tile(ue[r]).size([c,p]).padding(1).round(!0)),[r,c,p]),[w,k]=(0,z.useMemo)((()=>{var e=y(m).leaves().map((e=>(0,x.A)({},e)));return[e,(0,L.keyBy)(e,"data.name")]}),[y,m]),A=(0,z.useMemo)((()=>w.map((e=>{var t=e.y0,r=e.x0,n=e.x1-e.x0,l=e.y1-e.y0;return E().createElement("div",{key:e.data.name,className:"treemap-leaf","data-leaf-id":e.data.name,style:(0,x.A)((0,x.A)({},i),{},{top:0,left:0,transform:"translate(".concat(r,"px, ").concat(t,"px)"),width:n,height:l}),onClick:()=>null==o?void 0:o(e.data)},(null==a?void 0:a.useBrick)&&E().createElement(R.ReactUseMultipleBricks,{useBrick:a.useBrick,data:e}))}))),[o,i,a.useBrick,w]),S=(0,z.useMemo)((()=>(0,x.A)({},k[b.name])),[k,b.name]),B=(0,z.useMemo)((()=>(0,H.G)((e=>{var t=e.target.closest(".treemap-leaf"),r=null==t?void 0:t.getAttribute("data-leaf-id");h((a=>({clientX:e.clientX,clientY:e.clientY,name:t?r:a.name})))}))),[]);return E().createElement("div",{className:"wrapper"},E().createElement("div",{className:"treemap",ref:s,onMouseMove:B,onMouseEnter:()=>{u.current.style.visibility="visible"},onMouseLeave:()=>{u.current.style.visibility="hidden"}},A),E().createElement("div",{className:G()("tooltip",{bottom:"bottom"===f,bottomRight:"bottom-right"===f,bottomLeft:"bottom-left"===f,topLeft:"top-left"===f,topRight:"top-right"===f,top:"top"===f,right:"right"===f}),style:(0,x.A)((0,x.A)({},l),v),ref:u},(null==n?void 0:n.useBrick)&&E().createElement(R.ReactUseMultipleBricks,{useBrick:n.useBrick,data:S})))}},9935:(e,t,r)=>{"use strict";r.d(t,{A:()=>o});var a=r(6758),i=r.n(a),n=r(935),l=r.n(n)()(i());l.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 o=l.toString()},3373:(e,t)=>{var r;!function(){"use strict";var a={}.hasOwnProperty;function i(){for(var e="",t=0;t<arguments.length;t++){var r=arguments[t];r&&(e=l(e,n(r)))}return e}function n(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return i.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var r in e)a.call(e,r)&&e[r]&&(t=l(t,r));return t}function l(e,t){return t?e?e+" "+t:e+t:e}e.exports?(i.default=i,e.exports=i):void 0===(r=function(){return i}.apply(t,[]))||(e.exports=r)}()},4635:(e,t,r)=>{"use strict";r.d(t,{A:()=>i});var a=r(2016);function i(e,t){(0,a.A)(e,t),t.add(e)}}}]);
+//# sourceMappingURL=modern-style-treemap.4f9c17c7.js.map

package/dist/chunks/{modern-style-treemap.e4512223.js.map → modern-style-treemap.4f9c17c7.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chunks/modern-style-treemap.e4512223.js","mappings":"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","sources":["webpack:///./src/modern-style-treemap/index.tsx","webpack:///./src/data-view-variables.shadow.css","webpack:///../../node_modules/classnames/index.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateMethodInitSpec.js"],"sourcesContent":["import React, { MouseEvent, CSSProperties, useMemo, useState } from \"react\";\nimport { createDecorators, EventEmitter } from \"@next-core/element\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport type { UseBrickConf } from \"@next-core/types\";\nimport { ReactUseMultipleBricks } from \"@next-core/react-runtime\";\nimport {\n  treemap,\n  hierarchy,\n  treemapBinary,\n  treemapDice,\n  treemapResquarify,\n  treemapSlice,\n  treemapSliceDice,\n  treemapSquarify,\n} from \"d3-hierarchy\";\nimport variablesStyleText from \"../data-view-variables.shadow.css\";\nimport styleText from \"./modern-style-treemap.shadow.css\";\nimport { useResizeObserver } from \"../hooks/index.js\";\nimport { debounceByAnimationFrame } from \"@next-shared/general/debounceByAnimationFrame\";\nimport { keyBy } from \"lodash\";\nimport classNames from \"classnames\";\n\nconst { defineElement, property, event } = createDecorators();\n\nenum TailTypes {\n  treemapBinary = \"treemapBinary\",\n  treemapDice = \"treemapDice\",\n  treemapResquarify = \"treemapResquarify\",\n  treemapSlice = \"treemapSlice\",\n  treemapSliceDice = \"treemapSliceDice\",\n  treemapSquarify = \"treemapSquarify\",\n}\n\ntype TreemapData = {\n  name: string;\n  value?: number;\n  children?: TreemapData[];\n};\n\ninterface ModernStyleTreemapProps {\n  data: TreemapData;\n  tail?: TailTypes;\n  leafUseBrick?: { useBrick: UseBrickConf };\n  leafContainerStyle?: CSSProperties;\n  tooltipUseBrick?: { useBrick: UseBrickConf };\n  tooltipStyle?: CSSProperties;\n  handleClick?: (value: TreemapData) => void;\n}\n\n/**\n * 现代风树图\n * @author nlicroshan\n * @category big-screen-content\n */\n@defineElement(\"data-view.modern-style-treemap\", {\n  styleTexts: [variablesStyleText, styleText],\n})\nclass ModernStyleTreemap\n  extends ReactNextElement\n  implements ModernStyleTreemapProps\n{\n  /**\n   * @kind TreemapData\n   * @required true\n   * @default -\n   * @description 数据\n   */\n  @property({\n    attribute: false,\n  })\n  accessor data: TreemapData;\n\n  /**\n   * @kind TailTypes\n   * @required false\n   * @default treemapSquarify\n   * @description 平铺方法\n   */\n  @property({\n    attribute: false,\n  })\n  accessor tail: TailTypes = TailTypes[\"treemapSquarify\"];\n\n  /**\n   * @kind { useBrick: UseBrickConf }\n   * @required false\n   * @default -\n   * @description 叶子节点useBrick\n   */\n  @property({\n    attribute: false,\n  })\n  accessor leafUseBrick: { useBrick: UseBrickConf };\n\n  /**\n   * @kind CSSProperties\n   * @required false\n   * @default -\n   * @description 叶子节点容器样式\n   */\n  @property({\n    attribute: false,\n  })\n  accessor leafContainerStyle: CSSProperties;\n\n  /**\n   * @kind { useBrick: UseBrickConf }\n   * @required false\n   * @default -\n   * @description tooltip useBrick\n   */\n  @property({\n    attribute: false,\n  })\n  accessor tooltipUseBrick: { useBrick: UseBrickConf };\n\n  /**\n   * @kind CSSProperties\n   * @required false\n   * @default -\n   * @description tooltip容器样式\n   */\n  @property({\n    attribute: false,\n  })\n  accessor tooltipStyle: CSSProperties;\n\n  /**\n   * @detail\n   * @description 点击事件\n   */\n  @event({ type: \"treemap.click\" })\n  accessor #onClickEvent!: EventEmitter<TreemapData>;\n\n  #handleClick = (value: TreemapData) => {\n    this.#onClickEvent.emit(value);\n  };\n\n  render() {\n    return (\n      <ModernStyleTreemapElement\n        data={this.data}\n        tail={this.tail}\n        leafUseBrick={this.leafUseBrick}\n        leafContainerStyle={this.leafContainerStyle}\n        tooltipUseBrick={this.tooltipUseBrick}\n        tooltipStyle={this.tooltipStyle}\n        handleClick={this.#handleClick}\n      />\n    );\n  }\n}\n\nconst tailMap = {\n  [TailTypes[\"treemapBinary\"]]: treemapBinary,\n  [TailTypes[\"treemapDice\"]]: treemapDice,\n  [TailTypes[\"treemapResquarify\"]]: treemapResquarify,\n  [TailTypes[\"treemapSlice\"]]: treemapSlice,\n  [TailTypes[\"treemapSliceDice\"]]: treemapSliceDice,\n  [TailTypes[\"treemapSquarify\"]]: treemapSquarify,\n};\n\nfunction ModernStyleTreemapElement(\n  props: ModernStyleTreemapProps\n): React.ReactElement {\n  const {\n    data,\n    tail,\n    leafUseBrick,\n    leafContainerStyle,\n    tooltipUseBrick,\n    tooltipStyle,\n    handleClick,\n  } = props;\n\n  const [\n    wrapperRef,\n    { clientWidth: wrapperWidth, clientHeight: wrapperHeight },\n  ] = useResizeObserver<HTMLDivElement>();\n  const [tooltipRef, { clientHeight: tooltipHeight }] =\n    useResizeObserver<HTMLDivElement>();\n  const [mouseData, setMouseData] = useState<{\n    clientX: number;\n    clientY: number;\n    name?: string;\n  }>({ clientX: 0, clientY: 0 });\n  const [tooltipPosition, setTooltipPosition] = useState<string>();\n\n  const tooltipTransform = useMemo(() => {\n    if (!wrapperRef.current) return undefined;\n    const wrapperClientRect = wrapperRef.current.getBoundingClientRect();\n    // 缩放比例\n    const widthScale = wrapperClientRect.width / wrapperRef.current.clientWidth;\n    const heightScale =\n      wrapperClientRect.height / wrapperRef.current.clientHeight;\n    // 缩放后的偏移\n    let scaledLeft, placement;\n    const left = mouseData.clientX - wrapperClientRect.left;\n    let scaledTop = mouseData.clientY - wrapperClientRect.top;\n    const right = wrapperClientRect.right - mouseData.clientX;\n    const bottom = wrapperClientRect.bottom - mouseData.clientY;\n    // 处理边界问题\n    const { width, height } = tooltipRef.current.getBoundingClientRect();\n    scaledLeft = left + 16;\n    if (right < width) {\n      scaledLeft = left - width - 16;\n      placement = \"right\";\n    }\n    if (left < width) {\n      placement = \"left\";\n    }\n    if (bottom < height / 2 || scaledTop < height / 2) {\n      const topOrBottom = bottom < height / 2 ? \"bottom\" : \"top\";\n      scaledTop =\n        bottom < height / 2\n          ? scaledTop - height / 2 - 16\n          : scaledTop + height / 2 + 16;\n      if (placement === \"left\" && left - width / 2 < 0) {\n        placement = `${topOrBottom}-left`;\n        scaledLeft = left;\n      } else if (placement === \"right\" && right - width / 2 < 0) {\n        placement = `${topOrBottom}-right`;\n        scaledLeft = left - width;\n      } else {\n        placement = topOrBottom;\n        scaledLeft = left - width / 2;\n      }\n    }\n    setTooltipPosition(placement);\n    // 实际偏移\n    return {\n      left: `${scaledLeft / widthScale}px`,\n      top: `${scaledTop / heightScale - tooltipHeight / 2}px`,\n    };\n  }, [\n    wrapperRef,\n    mouseData.clientX,\n    mouseData.clientY,\n    tooltipRef,\n    tooltipHeight,\n  ]);\n\n  const hierarchyNode = useMemo(() => {\n    return hierarchy(data)\n      .sum((d) => d.value)\n      .sort((a, b) => b.value - a.value);\n  }, [data]);\n\n  const tm = useMemo(() => {\n    return treemap<TreemapData>()\n      .tile(tailMap[tail])\n      .size([wrapperWidth, wrapperHeight])\n      .padding(1)\n      .round(true);\n  }, [tail, wrapperWidth, wrapperHeight]);\n\n  const [leaves, leavesMap] = useMemo(() => {\n    // 这里只要hierarchyNode不变化，即使tm更新了，root、leaves还是同一个对象\n    const root = tm(hierarchyNode);\n    // 这里使用解构让leaves里面每个node变成新对象\n    const _leaves = root.leaves().map((v: any) => ({ ...v }));\n    return [_leaves, keyBy(_leaves, \"data.name\")];\n  }, [tm, hierarchyNode]);\n\n  const leavesNode = useMemo(() => {\n    return leaves.map((d) => {\n      const top = d.y0,\n        left = d.x0,\n        width = d.x1 - d.x0,\n        height = d.y1 - d.y0;\n\n      return (\n        <div\n          key={d.data.name}\n          className=\"treemap-leaf\"\n          data-leaf-id={d.data.name}\n          style={{\n            ...leafContainerStyle,\n            top: 0,\n            left: 0,\n            transform: `translate(${left}px, ${top}px)`,\n            width,\n            height,\n          }}\n          onClick={() => handleClick?.(d.data)}\n        >\n          {leafUseBrick?.useBrick && (\n            <ReactUseMultipleBricks useBrick={leafUseBrick.useBrick} data={d} />\n          )}\n        </div>\n      );\n    });\n  }, [handleClick, leafContainerStyle, leafUseBrick.useBrick, leaves]);\n\n  const curTooltipData = useMemo(() => {\n    return { ...leavesMap[mouseData.name] };\n  }, [leavesMap, mouseData.name]);\n\n  const handleMouseMove = useMemo(() => {\n    return debounceByAnimationFrame((e: MouseEvent<HTMLDivElement>) => {\n      const curLeaf = (e.target as HTMLDivElement).closest(\".treemap-leaf\");\n      const curName = curLeaf?.getAttribute(\"data-leaf-id\");\n      setMouseData((pre) => {\n        return {\n          clientX: e.clientX,\n          clientY: e.clientY,\n          name: curLeaf ? curName : pre.name,\n        };\n      });\n    });\n  }, []);\n\n  return (\n    <div className=\"wrapper\">\n      <div\n        className=\"treemap\"\n        ref={wrapperRef}\n        onMouseMove={handleMouseMove}\n        onMouseEnter={() => {\n          tooltipRef.current.style.visibility = \"visible\";\n        }}\n        onMouseLeave={() => {\n          tooltipRef.current.style.visibility = \"hidden\";\n        }}\n      >\n        {leavesNode}\n      </div>\n      <div\n        className={classNames(\"tooltip\", {\n          bottom: tooltipPosition === \"bottom\",\n          bottomRight: tooltipPosition === \"bottom-right\",\n          bottomLeft: tooltipPosition === \"bottom-left\",\n          topLeft: tooltipPosition === \"top-left\",\n          topRight: tooltipPosition === \"top-right\",\n          top: tooltipPosition === \"top\",\n          right: tooltipPosition === \"right\",\n        })}\n        style={{\n          ...tooltipStyle,\n          ...tooltipTransform,\n        }}\n        ref={tooltipRef}\n      >\n        {tooltipUseBrick?.useBrick && (\n          <ReactUseMultipleBricks\n            useBrick={tooltipUseBrick.useBrick}\n            data={curTooltipData}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport { ModernStyleTreemap };\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","/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import checkPrivateRedeclaration from \"./checkPrivateRedeclaration.js\";\nexport default function _classPrivateMethodInitSpec(obj, privateSet) {\n  checkPrivateRedeclaration(obj, privateSet);\n  privateSet.add(obj);\n}"],"names":["_ModernStyleTreemap","defineElement","property","event","createDecorators","TailTypes","_A","WeakMap","_B","_C","_D","_E","_F","_G","_ModernStyleTreemap_brand","WeakSet","_handleClick","ModernStyleTreemap","ReactNextElement","constructor","arguments","_classPrivateMethodInitSpec","_classPrivateFieldInitSpec","_init_data","_init_extra_data","_init_tail","_init_extra_tail","_init_leafUseBrick","_init_extra_leafUseBrick","_init_leafContainerStyle","_init_extra_leafContainerStyle","_init_tooltipUseBrick","_init_extra_tooltipUseBrick","_init_tooltipStyle","_init_extra_tooltipStyle","_init_onClickEvent","_init_extra_onClickEvent","value","this","_get_onClickEvent","emit","data","_classPrivateFieldGet","v","_classPrivateFieldSet","tail","leafUseBrick","leafContainerStyle","tooltipUseBrick","tooltipStyle","render","React","ModernStyleTreemapElement","handleClick","_ModernStyleTreemap2","e","_set_onClickEvent","c","_initClass","_applyDecs","styleTexts","variablesStyleText","styleText","attribute","type","o","_","has","_checkInRHS","tailMap","treemapBinary","treemapDice","treemapResquarify","treemapSlice","treemapSliceDice","treemapSquarify","props","wrapperRef","clientWidth","wrapperWidth","clientHeight","wrapperHeight","useResizeObserver","tooltipRef","tooltipHeight","mouseData","setMouseData","useState","clientX","clientY","tooltipPosition","setTooltipPosition","tooltipTransform","useMemo","current","scaledLeft","placement","wrapperClientRect","getBoundingClientRect","widthScale","width","heightScale","height","left","scaledTop","top","right","bottom","topOrBottom","concat","hierarchyNode","hierarchy","sum","d","sort","a","b","tm","treemap","tile","size","padding","round","leaves","leavesMap","_leaves","map","_objectSpread","keyBy","leavesNode","y0","x0","x1","y1","key","name","className","style","transform","onClick","useBrick","ReactUseMultipleBricks","curTooltipData","handleMouseMove","debounceByAnimationFrame","curLeaf","target","closest","curName","getAttribute","pre","ref","onMouseMove","onMouseEnter","visibility","onMouseLeave","classNames","bottomRight","bottomLeft","topLeft","topRight","___CSS_LOADER_EXPORT___","push","module","id","toString","hasOwn","hasOwnProperty","classes","i","length","arg","appendClass","parseValue","Array","isArray","apply","Object","prototype","includes","call","newClass","exports","default","obj","privateSet","add"],"sourceRoot":""}
+{"version":3,"file":"chunks/modern-style-treemap.4f9c17c7.js","mappings":"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","sources":["webpack:///./src/modern-style-treemap/index.tsx","webpack:///./src/data-view-variables.shadow.css","webpack:///../../node_modules/classnames/index.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateMethodInitSpec.js"],"sourcesContent":["import React, { MouseEvent, CSSProperties, useMemo, useState } from \"react\";\nimport { createDecorators, EventEmitter } from \"@next-core/element\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport type { UseBrickConf } from \"@next-core/types\";\nimport { ReactUseMultipleBricks } from \"@next-core/react-runtime\";\nimport {\n  treemap,\n  hierarchy,\n  treemapBinary,\n  treemapDice,\n  treemapResquarify,\n  treemapSlice,\n  treemapSliceDice,\n  treemapSquarify,\n} from \"d3-hierarchy\";\nimport variablesStyleText from \"../data-view-variables.shadow.css\";\nimport styleText from \"./modern-style-treemap.shadow.css\";\nimport { useResizeObserver } from \"../hooks/index.js\";\nimport { debounceByAnimationFrame } from \"@next-shared/general/debounceByAnimationFrame\";\nimport { keyBy } from \"lodash\";\nimport classNames from \"classnames\";\n\nconst { defineElement, property, event } = createDecorators();\n\nenum TailTypes {\n  treemapBinary = \"treemapBinary\",\n  treemapDice = \"treemapDice\",\n  treemapResquarify = \"treemapResquarify\",\n  treemapSlice = \"treemapSlice\",\n  treemapSliceDice = \"treemapSliceDice\",\n  treemapSquarify = \"treemapSquarify\",\n}\n\ntype TreemapData = {\n  name: string;\n  value?: number;\n  children?: TreemapData[];\n};\n\ninterface ModernStyleTreemapProps {\n  data: TreemapData;\n  tail?: TailTypes;\n  leafUseBrick?: { useBrick: UseBrickConf };\n  leafContainerStyle?: CSSProperties;\n  tooltipUseBrick?: { useBrick: UseBrickConf };\n  tooltipStyle?: CSSProperties;\n  handleClick?: (value: TreemapData) => void;\n}\n\n/**\n * 现代风树图\n * @author nlicroshan\n * @category big-screen-content\n */\n@defineElement(\"data-view.modern-style-treemap\", {\n  styleTexts: [variablesStyleText, styleText],\n})\nclass ModernStyleTreemap\n  extends ReactNextElement\n  implements ModernStyleTreemapProps\n{\n  /**\n   * @kind TreemapData\n   * @required true\n   * @default -\n   * @description 数据\n   */\n  @property({\n    attribute: false,\n  })\n  accessor data: TreemapData;\n\n  /**\n   * @kind TailTypes\n   * @required false\n   * @default treemapSquarify\n   * @description 平铺方法\n   */\n  @property({\n    attribute: false,\n  })\n  accessor tail: TailTypes = TailTypes[\"treemapSquarify\"];\n\n  /**\n   * @kind { useBrick: UseBrickConf }\n   * @required false\n   * @default -\n   * @description 叶子节点useBrick\n   */\n  @property({\n    attribute: false,\n  })\n  accessor leafUseBrick: { useBrick: UseBrickConf };\n\n  /**\n   * @kind CSSProperties\n   * @required false\n   * @default -\n   * @description 叶子节点容器样式\n   */\n  @property({\n    attribute: false,\n  })\n  accessor leafContainerStyle: CSSProperties;\n\n  /**\n   * @kind { useBrick: UseBrickConf }\n   * @required false\n   * @default -\n   * @description tooltip useBrick\n   */\n  @property({\n    attribute: false,\n  })\n  accessor tooltipUseBrick: { useBrick: UseBrickConf };\n\n  /**\n   * @kind CSSProperties\n   * @required false\n   * @default -\n   * @description tooltip容器样式\n   */\n  @property({\n    attribute: false,\n  })\n  accessor tooltipStyle: CSSProperties;\n\n  /**\n   * @detail\n   * @description 点击事件\n   */\n  @event({ type: \"treemap.click\" })\n  accessor #onClickEvent!: EventEmitter<TreemapData>;\n\n  #handleClick = (value: TreemapData) => {\n    this.#onClickEvent.emit(value);\n  };\n\n  render() {\n    return (\n      <ModernStyleTreemapElement\n        data={this.data}\n        tail={this.tail}\n        leafUseBrick={this.leafUseBrick}\n        leafContainerStyle={this.leafContainerStyle}\n        tooltipUseBrick={this.tooltipUseBrick}\n        tooltipStyle={this.tooltipStyle}\n        handleClick={this.#handleClick}\n      />\n    );\n  }\n}\n\nconst tailMap = {\n  [TailTypes[\"treemapBinary\"]]: treemapBinary,\n  [TailTypes[\"treemapDice\"]]: treemapDice,\n  [TailTypes[\"treemapResquarify\"]]: treemapResquarify,\n  [TailTypes[\"treemapSlice\"]]: treemapSlice,\n  [TailTypes[\"treemapSliceDice\"]]: treemapSliceDice,\n  [TailTypes[\"treemapSquarify\"]]: treemapSquarify,\n};\n\nfunction ModernStyleTreemapElement(\n  props: ModernStyleTreemapProps\n): React.ReactElement {\n  const {\n    data,\n    tail,\n    leafUseBrick,\n    leafContainerStyle,\n    tooltipUseBrick,\n    tooltipStyle,\n    handleClick,\n  } = props;\n\n  const [\n    wrapperRef,\n    { clientWidth: wrapperWidth, clientHeight: wrapperHeight },\n  ] = useResizeObserver<HTMLDivElement>();\n  const [tooltipRef, { clientHeight: tooltipHeight }] =\n    useResizeObserver<HTMLDivElement>();\n  const [mouseData, setMouseData] = useState<{\n    clientX: number;\n    clientY: number;\n    name?: string;\n  }>({ clientX: 0, clientY: 0 });\n  const [tooltipPosition, setTooltipPosition] = useState<string>();\n\n  const tooltipTransform = useMemo(() => {\n    if (!wrapperRef.current) return undefined;\n    const wrapperClientRect = wrapperRef.current.getBoundingClientRect();\n    // 缩放比例\n    const widthScale = wrapperClientRect.width / wrapperRef.current.clientWidth;\n    const heightScale =\n      wrapperClientRect.height / wrapperRef.current.clientHeight;\n    // 缩放后的偏移\n    let scaledLeft, placement;\n    const left = mouseData.clientX - wrapperClientRect.left;\n    let scaledTop = mouseData.clientY - wrapperClientRect.top;\n    const right = wrapperClientRect.right - mouseData.clientX;\n    const bottom = wrapperClientRect.bottom - mouseData.clientY;\n    // 处理边界问题\n    const { width, height } = tooltipRef.current.getBoundingClientRect();\n    scaledLeft = left + 16;\n    if (right < width) {\n      scaledLeft = left - width - 16;\n      placement = \"right\";\n    }\n    if (left < width) {\n      placement = \"left\";\n    }\n    if (bottom < height / 2 || scaledTop < height / 2) {\n      const topOrBottom = bottom < height / 2 ? \"bottom\" : \"top\";\n      scaledTop =\n        bottom < height / 2\n          ? scaledTop - height / 2 - 16\n          : scaledTop + height / 2 + 16;\n      if (placement === \"left\" && left - width / 2 < 0) {\n        placement = `${topOrBottom}-left`;\n        scaledLeft = left;\n      } else if (placement === \"right\" && right - width / 2 < 0) {\n        placement = `${topOrBottom}-right`;\n        scaledLeft = left - width;\n      } else {\n        placement = topOrBottom;\n        scaledLeft = left - width / 2;\n      }\n    }\n    setTooltipPosition(placement);\n    // 实际偏移\n    return {\n      left: `${scaledLeft / widthScale}px`,\n      top: `${scaledTop / heightScale - tooltipHeight / 2}px`,\n    };\n  }, [\n    wrapperRef,\n    mouseData.clientX,\n    mouseData.clientY,\n    tooltipRef,\n    tooltipHeight,\n  ]);\n\n  const hierarchyNode = useMemo(() => {\n    return hierarchy(data)\n      .sum((d) => d.value)\n      .sort((a, b) => b.value - a.value);\n  }, [data]);\n\n  const tm = useMemo(() => {\n    return treemap<TreemapData>()\n      .tile(tailMap[tail])\n      .size([wrapperWidth, wrapperHeight])\n      .padding(1)\n      .round(true);\n  }, [tail, wrapperWidth, wrapperHeight]);\n\n  const [leaves, leavesMap] = useMemo(() => {\n    // 这里只要hierarchyNode不变化，即使tm更新了，root、leaves还是同一个对象\n    const root = tm(hierarchyNode);\n    // 这里使用解构让leaves里面每个node变成新对象\n    const _leaves = root.leaves().map((v: any) => ({ ...v }));\n    return [_leaves, keyBy(_leaves, \"data.name\")];\n  }, [tm, hierarchyNode]);\n\n  const leavesNode = useMemo(() => {\n    return leaves.map((d) => {\n      const top = d.y0,\n        left = d.x0,\n        width = d.x1 - d.x0,\n        height = d.y1 - d.y0;\n\n      return (\n        <div\n          key={d.data.name}\n          className=\"treemap-leaf\"\n          data-leaf-id={d.data.name}\n          style={{\n            ...leafContainerStyle,\n            top: 0,\n            left: 0,\n            transform: `translate(${left}px, ${top}px)`,\n            width,\n            height,\n          }}\n          onClick={() => handleClick?.(d.data)}\n        >\n          {leafUseBrick?.useBrick && (\n            <ReactUseMultipleBricks useBrick={leafUseBrick.useBrick} data={d} />\n          )}\n        </div>\n      );\n    });\n  }, [handleClick, leafContainerStyle, leafUseBrick.useBrick, leaves]);\n\n  const curTooltipData = useMemo(() => {\n    return { ...leavesMap[mouseData.name] };\n  }, [leavesMap, mouseData.name]);\n\n  const handleMouseMove = useMemo(() => {\n    return debounceByAnimationFrame((e: MouseEvent<HTMLDivElement>) => {\n      const curLeaf = (e.target as HTMLDivElement).closest(\".treemap-leaf\");\n      const curName = curLeaf?.getAttribute(\"data-leaf-id\");\n      setMouseData((pre) => {\n        return {\n          clientX: e.clientX,\n          clientY: e.clientY,\n          name: curLeaf ? curName : pre.name,\n        };\n      });\n    });\n  }, []);\n\n  return (\n    <div className=\"wrapper\">\n      <div\n        className=\"treemap\"\n        ref={wrapperRef}\n        onMouseMove={handleMouseMove}\n        onMouseEnter={() => {\n          tooltipRef.current.style.visibility = \"visible\";\n        }}\n        onMouseLeave={() => {\n          tooltipRef.current.style.visibility = \"hidden\";\n        }}\n      >\n        {leavesNode}\n      </div>\n      <div\n        className={classNames(\"tooltip\", {\n          bottom: tooltipPosition === \"bottom\",\n          bottomRight: tooltipPosition === \"bottom-right\",\n          bottomLeft: tooltipPosition === \"bottom-left\",\n          topLeft: tooltipPosition === \"top-left\",\n          topRight: tooltipPosition === \"top-right\",\n          top: tooltipPosition === \"top\",\n          right: tooltipPosition === \"right\",\n        })}\n        style={{\n          ...tooltipStyle,\n          ...tooltipTransform,\n        }}\n        ref={tooltipRef}\n      >\n        {tooltipUseBrick?.useBrick && (\n          <ReactUseMultipleBricks\n            useBrick={tooltipUseBrick.useBrick}\n            data={curTooltipData}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport { ModernStyleTreemap };\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","/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import checkPrivateRedeclaration from \"./checkPrivateRedeclaration.js\";\nexport default function _classPrivateMethodInitSpec(obj, privateSet) {\n  checkPrivateRedeclaration(obj, privateSet);\n  privateSet.add(obj);\n}"],"names":["_ModernStyleTreemap","defineElement","property","event","createDecorators","TailTypes","_A","WeakMap","_B","_C","_D","_E","_F","_G","_ModernStyleTreemap_brand","WeakSet","_handleClick","ModernStyleTreemap","ReactNextElement","constructor","arguments","_classPrivateMethodInitSpec","_classPrivateFieldInitSpec","_init_data","_init_extra_data","_init_tail","_init_extra_tail","_init_leafUseBrick","_init_extra_leafUseBrick","_init_leafContainerStyle","_init_extra_leafContainerStyle","_init_tooltipUseBrick","_init_extra_tooltipUseBrick","_init_tooltipStyle","_init_extra_tooltipStyle","_init_onClickEvent","_init_extra_onClickEvent","value","this","_get_onClickEvent","emit","data","_classPrivateFieldGet","v","_classPrivateFieldSet","tail","leafUseBrick","leafContainerStyle","tooltipUseBrick","tooltipStyle","render","React","ModernStyleTreemapElement","handleClick","_ModernStyleTreemap2","e","_set_onClickEvent","c","_initClass","_applyDecs","styleTexts","variablesStyleText","styleText","attribute","type","o","_","has","_checkInRHS","tailMap","treemapBinary","treemapDice","treemapResquarify","treemapSlice","treemapSliceDice","treemapSquarify","props","wrapperRef","clientWidth","wrapperWidth","clientHeight","wrapperHeight","useResizeObserver","tooltipRef","tooltipHeight","mouseData","setMouseData","useState","clientX","clientY","tooltipPosition","setTooltipPosition","tooltipTransform","useMemo","current","scaledLeft","placement","wrapperClientRect","getBoundingClientRect","widthScale","width","heightScale","height","left","scaledTop","top","right","bottom","topOrBottom","concat","hierarchyNode","hierarchy","sum","d","sort","a","b","tm","treemap","tile","size","padding","round","leaves","leavesMap","_leaves","map","_objectSpread","keyBy","leavesNode","y0","x0","x1","y1","key","name","className","style","transform","onClick","useBrick","ReactUseMultipleBricks","curTooltipData","handleMouseMove","debounceByAnimationFrame","curLeaf","target","closest","curName","getAttribute","pre","ref","onMouseMove","onMouseEnter","visibility","onMouseLeave","classNames","bottomRight","bottomLeft","topLeft","topRight","___CSS_LOADER_EXPORT___","push","module","id","toString","hasOwn","hasOwnProperty","classes","i","length","arg","appendClass","parseValue","Array","isArray","apply","Object","prototype","includes","call","newClass","exports","default","obj","privateSet","add"],"sourceRoot":""}

package/dist/index.36866f42.js

@@ -0,0 +1,2 @@
+(()=>{"use strict";var e,t,r,a,n,l,o,i,c,d,s,h,f,u,p,m,b,g,P,v,x,y,w,k={5704:(e,t,r)=>{var a={"./gauge-chart":()=>Promise.all([r.e(8769),r.e(9929),r.e(9938),r.e(4099)]).then((()=>()=>r(825))),"./modern-style-component-title":()=>Promise.all([r.e(8769),r.e(9929),r.e(9938),r.e(5289)]).then((()=>()=>r(4495))),"./modern-style-page-title":()=>Promise.all([r.e(8769),r.e(9929),r.e(9938),r.e(9875)]).then((()=>()=>r(2945))),"./tabs-drawer":()=>Promise.all([r.e(8769),r.e(9929),r.e(9938),r.e(1919)]).then((()=>()=>r(8909))),"./modern-style-treemap":()=>Promise.all([r.e(6850),r.e(8769),r.e(9929),r.e(9938),r.e(2445),r.e(4993),r.e(859),r.e(2943)]).then((()=>()=>r(5197))),"./battery-chart":()=>Promise.all([r.e(8769),r.e(9929),r.e(9938),r.e(7965)]).then((()=>()=>r(4259))),"./dropdown-menu":()=>Promise.all([r.e(8769),r.e(9929),r.e(9938),r.e(2445),r.e(8576)]).then((()=>()=>r(1274))),"./complex-search":()=>Promise.all([r.e(8769),r.e(9929),r.e(9938),r.e(4993),r.e(6911),r.e(5994)]).then((()=>()=>r(6060))),"./loading-panel":()=>Promise.all([r.e(6850),r.e(8769),r.e(9929),r.e(9938),r.e(5332)]).then((()=>()=>r(3374))),"./particle-animation":()=>Promise.all([r.e(8769),r.e(9929),r.e(9938),r.e(780)]).then((()=>()=>r(5390))),"./app-wall-card-item":()=>Promise.all([r.e(8769),r.e(9929),r.e(9938),r.e(8172)]).then((()=>()=>r(1440))),"./app-wall-system-card":()=>Promise.all([r.e(8769),r.e(9929),r.e(9938),r.e(8460)]).then((()=>()=>r(4392))),"./app-wall-relation-line":()=>Promise.all([r.e(8769),r.e(9929),r.e(9938),r.e(7473)]).then((()=>()=>r(6041))),"./cabinet-button":()=>Promise.all([r.e(8769),r.e(9929),r.e(9938),r.e(6614)]).then((()=>()=>r(143))),"./cabinet-node":()=>Promise.all([r.e(8769),r.e(9929),r.e(9938),r.e(6306)]).then((()=>()=>r(1663))),"./cabinet-app-layer":()=>Promise.all([r.e(8769),r.e(9929),r.e(9938),r.e(1787)]).then((()=>()=>r(224))),"./cabinet-container":()=>Promise.all([r.e(6850),r.e(8769),r.e(9929),r.e(9938),r.e(4219)]).then((()=>()=>r(8540))),"./cabinet-thumbnail":()=>Promise.all([r.e(6850),r.e(8769),r.e(9929),r.e(9938),r.e(3158)]).then((()=>()=>r(8393))),"./cabinet-graph":()=>Promise.all([r.e(8769),r.e(9929),r.e(9938),r.e(3446)]).then((()=>()=>r(9391))),"./app-wall":()=>Promise.all([r.e(8685),r.e(8769),r.e(9929),r.e(9938),r.e(2445),r.e(1493),r.e(9749)]).then((()=>()=>r(571))),"./graph-text":()=>Promise.all([r.e(8769),r.e(9929),r.e(9938),r.e(6911),r.e(3719)]).then((()=>()=>r(2715))),"./graph-node":()=>Promise.all([r.e(8769),r.e(9929),r.e(9938),r.e(3614)]).then((()=>()=>r(6950))),"./graph-layout-grid":()=>Promise.all([r.e(8769),r.e(9929),r.e(9938),r.e(5737)]).then((()=>()=>r(6893))),"./grid-background":()=>Promise.all([r.e(8769),r.e(9929),r.e(9938),r.e(6448)]).then((()=>()=>r(6162))),"./gear-background":()=>Promise.all([r.e(8769),r.e(9929),r.e(9938),r.e(3147)]).then((()=>()=>r(5121))),"./radar-chart":()=>Promise.all([r.e(8769),r.e(9929),r.e(9938),r.e(2445),r.e(7988),r.e(4194)]).then((()=>()=>r(3076))),"./title-text":()=>Promise.all([r.e(8769),r.e(9929),r.e(9938),r.e(8113)]).then((()=>()=>r(9063))),"./brick-notification":()=>Promise.all([r.e(8769),r.e(9929),r.e(9938),r.e(8418)]).then((()=>()=>r(980))),"./tabs-page-title":()=>Promise.all([r.e(8769),r.e(9929),r.e(9938),r.e(476)]).then((()=>()=>r(5558))),"./top-title-bar":()=>Promise.all([r.e(8769),r.e(9929),r.e(9938),r.e(3697)]).then((()=>()=>r(6319))),"./lights-component-title":()=>Promise.all([r.e(8769),r.e(9929),r.e(9938),r.e(9831)]).then((()=>()=>r(53))),"./hi-tech-button":()=>Promise.all([r.e(8769),r.e(9929),r.e(9938),r.e(8416)]).then((()=>()=>r(2466))),"./tech-mesh-base-view":()=>Promise.all([r.e(8769),r.e(9929),r.e(9938),r.e(4291),r.e(2479)]).then((()=>()=>r(6253))),"./simple-card-item":()=>Promise.all([r.e(8769),r.e(9929),r.e(9938),r.e(4291),r.e(9316)]).then((()=>()=>r(1078))),"./basic-index-group":()=>Promise.all([r.e(8769),r.e(9929),r.e(9938),r.e(2445),r.e(4291),r.e(9630)]).then((()=>()=>r(1560))),"./data-display-flipper":()=>Promise.all([r.e(8769),r.e(9929),r.e(9938),r.e(4291),r.e(8291)]).then((()=>()=>r(5193))),"./data-display-flipper-fifth":()=>Promise.all([r.e(8769),r.e(9929),r.e(9938),r.e(4291),r.e(863)]).then((()=>()=>r(5205))),"./data-display-flipper-sixth":()=>Promise.all([r.e(8769),r.e(9929),r.e(9938),r.e(4291),r.e(6776)]).then((()=>()=>r(4650))),"./indicator-card":()=>Promise.all([r.e(8769),r.e(9929),r.e(9938),r.e(4291),r.e(7905)]).then((()=>()=>r(6631)))},n=(e,t)=>(r.R=t,t=r.o(a,e)?a[e]():Promise.resolve().then((()=>{throw new Error('Module "'+e+'" does not exist in container.')})),r.R=void 0,t),l=(e,t)=>{if(r.S){var a="default",n=r.S[a];if(n&&n!==e)throw new Error("Container initialization failed as it has already been initialized with a different share scope");return r.S[a]=e,r.I(a,t)}};r.d(t,{get:()=>n,init:()=>l})}},j={};function S(e){var t=j[e];if(void 0!==t)return t.exports;var r=j[e]={id:e,loaded:!1,exports:{}};return k[e].call(r.exports,r,r.exports,S),r.loaded=!0,r.exports}S.m=k,S.c=j,S.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return S.d(t,{a:t}),t},S.d=(e,t)=>{for(var r in t)S.o(t,r)&&!S.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},S.f={},S.e=e=>Promise.all(Object.keys(S.f).reduce(((t,r)=>(S.f[r](e,t),t)),[])),S.u=e=>"chunks/"+({476:"tabs-page-title",780:"particle-animation",863:"data-display-flipper-fifth",1787:"cabinet-app-layer",1919:"tabs-drawer",2479:"tech-mesh-base-view",2943:"modern-style-treemap",3147:"gear-background",3158:"cabinet-thumbnail",3446:"cabinet-graph",3614:"graph-node",3697:"top-title-bar",3719:"graph-text",4099:"gauge-chart",4194:"radar-chart",4219:"cabinet-container",5289:"modern-style-component-title",5332:"loading-panel",5737:"graph-layout-grid",5994:"complex-search",6306:"cabinet-node",6448:"grid-background",6614:"cabinet-button",6776:"data-display-flipper-sixth",7473:"app-wall-relation-line",7905:"indicator-card",7965:"battery-chart",8113:"title-text",8172:"app-wall-card-item",8291:"data-display-flipper",8416:"hi-tech-button",8418:"brick-notification",8460:"app-wall-system-card",8576:"dropdown-menu",9316:"simple-card-item",9630:"basic-index-group",9749:"app-wall",9831:"lights-component-title",9875:"modern-style-page-title"}[e]||e)+"."+{45:"b543be93",114:"fa7828ea",476:"9339ae0e",726:"a16b7359",780:"854c0a89",859:"7507d2bc",863:"0a08e841",886:"64f580e3",1030:"848d9fd1",1045:"4051bc59",1122:"249bef3d",1302:"b2352718",1493:"19cf946f",1787:"ffacd45f",1889:"4665ce99",1919:"dd869848",1940:"bc87e862",1972:"c0563d04",2052:"d1485b52",2277:"61bb052b",2445:"c5379380",2479:"8223117a",2617:"b7f64130",2943:"4f9c17c7",3144:"bf1e76d0",3147:"081e39bb",3158:"e38092a1",3171:"221191b7",3208:"41acdcb4",3436:"4bc93737",3446:"fbfa4fe2",3614:"3e010af4",3620:"bda2ab97",3697:"ccc6c8db",3719:"ed30780f",3751:"2e827667",3933:"6a615949",4041:"530bfe48",4099:"1c831da6",4194:"d4b3f929",4208:"764de13b",4219:"a0dbf743",4291:"6636ead2",4658:"72c80c83",4741:"3e999881",4993:"421e20bd",5250:"f0ffbefe",5289:"f608b789",5332:"04a984df",5384:"a93fd5fb",5399:"4d1736b4",5481:"10d03170",5552:"13b1745c",5737:"9fba802d",5994:"2be1cfad",6306:"7ce32271",6314:"9bdbc9f1",6448:"214e5f28",6519:"35a7c67b",6614:"f01adc81",6773:"8328ecc8",6776:"fdcf1c67",6850:"0d057163",6911:"5cdbac92",7058:"9334ec58",7410:"59f44bf5",7452:"ec94f054",7473:"ef8e7023",7721:"d24b2c81",7733:"55d02fc0",7780:"76d37ee5",7905:"802e3839",7965:"9f6483bf",7988:"fcb35344",8097:"6094807f",8113:"f2428159",8172:"8d8b4c7b",8291:"51580009",8416:"4c956072",8418:"3aa63576",8438:"2d2145cf",8442:"77c1fae6",8460:"d30aecad",8576:"10198882",8685:"7168fc84",8769:"479796a0",8989:"0be22b74",9259:"81f5fdb7",9316:"421b1e66",9515:"55dd4e63",9542:"c49e23ce",9559:"817f67e7",9591:"36501e9b",9630:"5cce0769",9749:"8397c9c3",9831:"737fa69c",9844:"2fa36dd3",9875:"7205d46e",9929:"20c16e3f",9938:"fa8942cd"}[e]+".js",S.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),S.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),e={},t="@next-bricks/data-view:",S.l=(r,a,n,l)=>{if(e[r])e[r].push(a);else{var o,i;if(void 0!==n)for(var c=document.getElementsByTagName("script"),d=0;d<c.length;d++){var s=c[d];if(s.getAttribute("src")==r||s.getAttribute("data-webpack")==t+n){o=s;break}}o||(i=!0,(o=document.createElement("script")).charset="utf-8",o.timeout=120,S.nc&&o.setAttribute("nonce",S.nc),o.setAttribute("data-webpack",t+n),o.src=r),e[r]=[a];var h=(t,a)=>{o.onerror=o.onload=null,clearTimeout(f);var n=e[r];if(delete e[r],o.parentNode&&o.parentNode.removeChild(o),n&&n.forEach((e=>e(a))),t)return t(a)},f=setTimeout(h.bind(null,void 0,{type:"timeout",target:o}),12e4);o.onerror=h.bind(null,o.onerror),o.onload=h.bind(null,o.onload),i&&document.head.appendChild(o)}},S.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},S.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),(()=>{S.S={};var e={},t={};S.I=(r,a)=>{a||(a=[]);var n=t[r];if(n||(n=t[r]={}),!(a.indexOf(n)>=0)){if(a.push(n),e[r])return e[r];S.o(S.S,r)||(S.S[r]={});var l=S.S[r],o="@next-bricks/data-view",i=(e,t,r,a)=>{var n=l[e]=l[e]||{},i=n[t];(!i||!i.loaded&&(!a!=!i.eager?a:o>i.from))&&(n[t]={get:r,from:o,eager:!!a})},c=[];return"default"===r&&(i("@babel/parser","7.24.0",(()=>S.e(6773).then((()=>()=>S(6773))))),i("@easyops-cn/brick-next-pipes","0.6.0",(()=>Promise.all([S.e(4741),S.e(886)]).then((()=>()=>S(4741))))),i("@next-core/cook","2.2.13",(()=>Promise.all([S.e(1122),S.e(2617)]).then((()=>()=>S(1122))))),i("@next-core/element","1.2.3",(()=>S.e(1045).then((()=>()=>S(1045))))),i("@next-core/http","1.1.10",(()=>S.e(8989).then((()=>()=>S(8989))))),i("@next-core/i18n/react","1.0.39",(()=>Promise.all([S.e(7058),S.e(8097)]).then((()=>()=>S(8097))))),i("@next-core/i18n","1.0.39",(()=>Promise.all([S.e(8438),S.e(7058),S.e(8442),S.e(5552)]).then((()=>()=>S(5552))))),i("@next-core/inject","1.0.29",(()=>Promise.all([S.e(1030),S.e(9259),S.e(2277)]).then((()=>()=>S(2277))))),i("@next-core/loader","1.5.5",(()=>S.e(5399).then((()=>()=>S(5399))))),i("@next-core/pipes","2.0.17",(()=>S.e(6519).then((()=>()=>S(6519))))),i("@next-core/react-element","1.0.22",(()=>Promise.all([S.e(8769),S.e(9929),S.e(4208),S.e(114)]).then((()=>()=>S(114))))),i("@next-core/react-runtime","1.2.3",(()=>Promise.all([S.e(8769),S.e(2445),S.e(7410),S.e(1972)]).then((()=>()=>S(1972))))),i("@next-core/runtime","1.33.0",(()=>Promise.all([S.e(3208),S.e(8438),S.e(1030),S.e(7058),S.e(1302),S.e(5481),S.e(3436),S.e(45)]).then((()=>()=>S(3208))))),i("@next-core/supply","2.1.12",(()=>Promise.all([S.e(1030),S.e(9259),S.e(1302),S.e(9559)]).then((()=>()=>S(9559))))),i("@next-core/theme","1.4.8",(()=>Promise.all([S.e(1889),S.e(2052)]).then((()=>()=>S(1889))))),i("@next-core/utils/general","1.6.11",(()=>S.e(7452).then((()=>()=>S(7452))))),i("@next-core/utils/storyboard","1.6.11",(()=>Promise.all([S.e(8438),S.e(5481),S.e(3933)]).then((()=>()=>S(3933))))),i("history","4.10.1",(()=>S.e(5384).then((()=>()=>S(5384))))),i("i18next-browser-languagedetector","7.2.0",(()=>S.e(726).then((()=>()=>S(726))))),i("i18next","22.5.1",(()=>S.e(9542).then((()=>()=>S(9542))))),i("js-yaml","3.14.1",(()=>S.e(9515).then((()=>()=>S(9515))))),i("lodash","4.17.21",(()=>S.e(5250).then((()=>()=>S(5250))))),i("moment/locale/zh-cn.js","2.29.4",(()=>Promise.all([S.e(7721),S.e(9844)]).then((()=>()=>S(1329))))),i("moment","2.29.4",(()=>Promise.all([S.e(7721),S.e(9844)]).then((()=>()=>S(9420))))),i("react-dom","0.0.0-experimental-ee8509801-20230117",(()=>Promise.all([S.e(3144),S.e(8769)]).then((()=>()=>S(3144))))),i("react-i18next","12.3.1",(()=>Promise.all([S.e(3620),S.e(8769)]).then((()=>()=>S(1239))))),i("react","0.0.0-experimental-ee8509801-20230117",(()=>S.e(4041).then((()=>()=>S(4041)))))),e[r]=c.length?Promise.all(c).then((()=>e[r]=1)):1}}})(),(()=>{var e;S.g.importScripts&&(e=S.g.location+"");var t=S.g.document;if(!e&&t&&(t.currentScript&&(e=t.currentScript.src),!e)){var r=t.getElementsByTagName("script");if(r.length)for(var a=r.length-1;a>-1&&(!e||!/^http(s?):/.test(e));)e=r[a--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),S.p=e})(),r=e=>{var t=e=>e.split(".").map((e=>+e==e?+e:e)),r=/^([^-+]+)?(?:-([^+]+))?(?:\+(.+))?$/.exec(e),a=r[1]?t(r[1]):[];return r[2]&&(a.length++,a.push.apply(a,t(r[2]))),r[3]&&(a.push([]),a.push.apply(a,t(r[3]))),a},a=(e,t)=>{e=r(e),t=r(t);for(var a=0;;){if(a>=e.length)return a<t.length&&"u"!=(typeof t[a])[0];var n=e[a],l=(typeof n)[0];if(a>=t.length)return"u"==l;var o=t[a],i=(typeof o)[0];if(l!=i)return"o"==l&&"n"==i||"s"==i||"u"==l;if("o"!=l&&"u"!=l&&n!=o)return n<o;a++}},n=e=>{var t=e[0],r="";if(1===e.length)return"*";if(t+.5){r+=0==t?">=":-1==t?"<":1==t?"^":2==t?"~":t>0?"=":"!=";for(var a=1,l=1;l<e.length;l++)a--,r+="u"==(typeof(i=e[l]))[0]?"-":(a>0?".":"")+(a=2,i);return r}var o=[];for(l=1;l<e.length;l++){var i=e[l];o.push(0===i?"not("+c()+")":1===i?"("+c()+" || "+c()+")":2===i?o.pop()+" "+o.pop():n(i))}return c();function c(){return o.pop().replace(/^\((.+)\)$/,"$1")}},l=(e,t)=>{if(0 in e){t=r(t);var a=e[0],n=a<0;n&&(a=-a-1);for(var o=0,i=1,c=!0;;i++,o++){var d,s,h=i<e.length?(typeof e[i])[0]:"";if(o>=t.length||"o"==(s=(typeof(d=t[o]))[0]))return!c||("u"==h?i>a&&!n:""==h!=n);if("u"==s){if(!c||"u"!=h)return!1}else if(c)if(h==s)if(i<=a){if(d!=e[i])return!1}else{if(n?d>e[i]:d<e[i])return!1;d!=e[i]&&(c=!1)}else if("s"!=h&&"n"!=h){if(n||i<=a)return!1;c=!1,i--}else{if(i<=a||s<h!=n)return!1;c=!1}else"s"!=h&&"n"!=h&&(c=!1,i--)}}var f=[],u=f.pop.bind(f);for(o=1;o<e.length;o++){var p=e[o];f.push(1==p?u()|u():2==p?u()&u():p?l(p,t):!u())}return!!u()},o=(e,t)=>{var r=e[t];return(t=Object.keys(r).reduce(((e,t)=>!e||a(e,t)?t:e),0))&&r[t]},i=(e,t)=>{var r=e[t];return Object.keys(r).reduce(((e,t)=>!e||!r[e].loaded&&a(e,t)?t:e),0)},c=(e,t,r,a)=>"Unsatisfied version "+r+" from "+(r&&e[t][r].from)+" of shared singleton module "+t+" (required "+n(a)+")",d=(e,t,r,a)=>{var n=i(e,r);return u(e[r][n])},s=(e,t,r,a)=>{var n=i(e,r);return l(a,n)||f(c(e,r,n,a)),u(e[r][n])},h=(e,t,r)=>{var n=e[t];return(t=Object.keys(n).reduce(((e,t)=>!l(r,t)||e&&!a(e,t)?e:t),0))&&n[t]},f=e=>{"undefined"!=typeof console&&console.warn&&console.warn(e)},u=e=>(e.loaded=1,e.get()),m=(p=e=>function(t,r,a,n){var l=S.I(t);return l&&l.then?l.then(e.bind(e,t,S.S[t],r,a,n)):e(t,S.S[t],r,a,n)})(((e,t,r,a)=>t&&S.o(t,r)?u(o(t,r)):a())),b=p(((e,t,r,a)=>t&&S.o(t,r)?d(t,0,r):a())),g=p(((e,t,r,a,n)=>t&&S.o(t,r)?s(t,0,r,a):n())),P=p(((e,t,r,a,n)=>{var l=t&&S.o(t,r)&&h(t,r,a);return l?u(l):n()})),v={},x={1204:()=>g("default","js-yaml",[1,3,14,0],(()=>S.e(9515).then((()=>()=>S(9515))))),5521:()=>g("default","lodash",[1,4,17,19],(()=>S.e(5250).then((()=>()=>S(5250))))),8297:()=>g("default","moment",[1,2,27,0],(()=>Promise.all([S.e(7721),S.e(9844)]).then((()=>()=>S(9420))))),2617:()=>g("default","@babel/parser",[1,7,24,0],(()=>S.e(6773).then((()=>()=>S(6773))))),7058:()=>g("default","@next-core/i18n",[1,1,0,39],(()=>Promise.all([S.e(8438),S.e(8442),S.e(3171)]).then((()=>()=>S(5552))))),7825:()=>g("default","react-i18next",[1,12,3,1],(()=>Promise.all([S.e(3620),S.e(8769)]).then((()=>()=>S(1239))))),8438:()=>g("default","@next-core/utils/general",[1,1,6,11],(()=>S.e(7452).then((()=>()=>S(7452))))),2350:()=>g("default","i18next",[1,22,5,1],(()=>S.e(9542).then((()=>()=>S(9542))))),9218:()=>g("default","i18next-browser-languagedetector",[1,7,2,0],(()=>S.e(726).then((()=>()=>S(726))))),1030:()=>g("default","lodash",[1,4,17,21],(()=>S.e(5250).then((()=>()=>S(5250))))),9259:()=>g("default","@next-core/pipes",[1,2,0,17],(()=>S.e(6519).then((()=>()=>S(6519))))),161:()=>g("default","@easyops-cn/brick-next-pipes",[2,0,6,0],(()=>Promise.all([S.e(4741),S.e(886)]).then((()=>()=>S(4741))))),8769:()=>P("default","react",[6,0,0,0,,"experimental-ee8509801-20230117"],(()=>S.e(4041).then((()=>()=>S(4041))))),9929:()=>P("default","@next-core/element",[1,1,2,3],(()=>S.e(1045).then((()=>()=>S(1045))))),454:()=>m("default","react-dom",(()=>S.e(3144).then((()=>()=>S(3144))))),9435:()=>P("default","react-dom",[6,0,0,0,,"experimental-ee8509801-20230117"],(()=>S.e(3144).then((()=>()=>S(3144))))),2445:()=>b("default","lodash",(()=>S.e(5250).then((()=>()=>S(5250))))),7410:()=>g("default","@next-core/runtime",[1,1,33,0],(()=>Promise.all([S.e(3208),S.e(8438),S.e(1030),S.e(7058),S.e(1302),S.e(5481),S.e(3436)]).then((()=>()=>S(3208))))),1302:()=>g("default","moment",[1,2,30,1],(()=>Promise.all([S.e(7721),S.e(9844)]).then((()=>()=>S(9420))))),5481:()=>g("default","@next-core/cook",[1,2,2,13],(()=>Promise.all([S.e(1122),S.e(2617)]).then((()=>()=>S(1122))))),50:()=>g("default","@next-core/utils/storyboard",[1,1,6,11],(()=>S.e(6314).then((()=>()=>S(3933))))),2890:()=>g("default","history",[1,4,10,1],(()=>S.e(5384).then((()=>()=>S(5384))))),5290:()=>g("default","@next-core/http",[1,1,1,10],(()=>S.e(3751).then((()=>()=>S(8989))))),5435:()=>g("default","@next-core/inject",[1,1,0,29],(()=>Promise.all([S.e(9259),S.e(4658)]).then((()=>()=>S(2277))))),6036:()=>g("default","moment/locale/zh-cn.js",[1,2,30,1],(()=>Promise.all([S.e(7721),S.e(9844)]).then((()=>()=>S(1329))))),6154:()=>g("default","@next-core/loader",[1,1,5,5],(()=>S.e(7780).then((()=>()=>S(5399))))),7731:()=>g("default","@next-core/supply",[1,2,1,12],(()=>Promise.all([S.e(9259),S.e(1940)]).then((()=>()=>S(9559))))),9938:()=>P("default","@next-core/react-element",[1,1,0,22],(()=>Promise.all([S.e(4208),S.e(7733)]).then((()=>()=>S(114))))),4993:()=>P("default","@next-core/react-runtime",[1,1,2,3],(()=>Promise.all([S.e(2445),S.e(7410),S.e(9591)]).then((()=>()=>S(1972))))),6911:()=>g("default","@next-core/i18n/react",[1,1,0,39],(()=>Promise.all([S.e(7058),S.e(8097)]).then((()=>()=>S(8097))))),4291:()=>b("default","@next-core/theme",(()=>S.e(1889).then((()=>()=>S(1889)))))},y={886:[1204,5521,8297],1030:[1030],1302:[1302],2445:[2445],2617:[2617],3436:[50,2890,5290,5435,6036,6154,7731],4208:[454,9435],4291:[4291],4993:[4993],5481:[5481],6519:[161],6911:[6911],7058:[7058],7410:[7410],8097:[7825],8438:[8438],8442:[2350,9218],8769:[8769],9259:[9259],9929:[9929],9938:[9938]},w={},S.f.consumes=(e,t)=>{S.o(y,e)&&y[e].forEach((e=>{if(S.o(v,e))return t.push(v[e]);if(!w[e]){var r=t=>{v[e]=0,S.m[e]=r=>{delete S.c[e],r.exports=t()}};w[e]=!0;var a=t=>{delete v[e],S.m[e]=r=>{throw delete S.c[e],t}};try{var n=x[e]();n.then?t.push(v[e]=n.then(r).catch(a)):r(n)}catch(e){a(e)}}}))},(()=>{S.b=document.baseURI||self.location.href;var e={1370:0};S.f.j=(t,r)=>{var a=S.o(e,t)?e[t]:void 0;if(0!==a)if(a)r.push(a[2]);else if(/^(4(208|291|993)|8(438|442|769|86)|9(259|929|938)|1030|1302|2445|2617|3436|5481|6911|7058|7410)$/.test(t))e[t]=0;else{var n=new Promise(((r,n)=>a=e[t]=[r,n]));r.push(a[2]=n);var l=S.p+S.u(t),o=new Error;S.l(l,(r=>{if(S.o(e,t)&&(0!==(a=e[t])&&(e[t]=void 0),a)){var n=r&&("load"===r.type?"missing":r.type),l=r&&r.target&&r.target.src;o.message="Loading chunk "+t+" failed.\n("+n+": "+l+")",o.name="ChunkLoadError",o.type=n,o.request=l,a[1](o)}}),"chunk-"+t,t)}};var t=(t,r)=>{var a,n,[l,o,i]=r,c=0;if(l.some((t=>0!==e[t]))){for(a in o)S.o(o,a)&&(S.m[a]=o[a]);i&&i(S)}for(t&&t(r);c<l.length;c++)n=l[c],S.o(e,n)&&e[n]&&e[n][0](),e[n]=0},r=self.webpackChunk_next_bricks_data_view=self.webpackChunk_next_bricks_data_view||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})(),S.nc=void 0;var _=S(5704);window["bricks/data-view"]=_})();
+//# sourceMappingURL=index.36866f42.js.map