@next-bricks/data-view 0.15.5 → 0.15.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (43) hide show
  1. package/dist/bricks.json +3 -3
  2. package/dist/chunks/1874.00bcad23.js +2 -0
  3. package/dist/chunks/1874.00bcad23.js.map +1 -0
  4. package/dist/chunks/3914.b5986e17.js +2 -0
  5. package/dist/chunks/3914.b5986e17.js.map +1 -0
  6. package/dist/chunks/5151.1c92f05d.js +2 -0
  7. package/dist/chunks/5151.1c92f05d.js.map +1 -0
  8. package/dist/chunks/5202.ff1675ae.js +2 -0
  9. package/dist/chunks/5202.ff1675ae.js.map +1 -0
  10. package/dist/chunks/{5381.3e87df49.js → 5381.926a90e0.js} +2 -2
  11. package/dist/chunks/{5381.3e87df49.js.map → 5381.926a90e0.js.map} +1 -1
  12. package/dist/chunks/{6252.a408a0a3.js → 6252.d2312cb8.js} +2 -2
  13. package/dist/chunks/{6252.a408a0a3.js.map → 6252.d2312cb8.js.map} +1 -1
  14. package/dist/chunks/{6301.65c57739.js → 6301.901eb313.js} +2 -2
  15. package/dist/chunks/{6301.65c57739.js.map → 6301.901eb313.js.map} +1 -1
  16. package/dist/chunks/{6660.af92f4a4.js → 6660.e3a0fca8.js} +2 -2
  17. package/dist/chunks/{6660.af92f4a4.js.map → 6660.e3a0fca8.js.map} +1 -1
  18. package/dist/chunks/{7782.b3960d8b.js → 7782.3293aac7.js} +2 -2
  19. package/dist/chunks/7782.3293aac7.js.map +1 -0
  20. package/dist/chunks/{complex-search.997a835e.js → complex-search.c5435741.js} +2 -2
  21. package/dist/chunks/{complex-search.997a835e.js.map → complex-search.c5435741.js.map} +1 -1
  22. package/dist/chunks/main.8dc5a4db.js +2 -0
  23. package/dist/chunks/main.8dc5a4db.js.map +1 -0
  24. package/dist/chunks/{modern-style-treemap.7b6542d0.js → modern-style-treemap.fe91c398.js} +3 -3
  25. package/dist/chunks/{modern-style-treemap.7b6542d0.js.map → modern-style-treemap.fe91c398.js.map} +1 -1
  26. package/dist/examples.json +101 -0
  27. package/dist/index.9de5fa0d.js +2 -0
  28. package/dist/index.9de5fa0d.js.map +1 -0
  29. package/dist/manifest.json +19 -19
  30. package/dist/types.json +108 -108
  31. package/package.json +3 -3
  32. package/dist/chunks/3914.738b0862.js +0 -2
  33. package/dist/chunks/3914.738b0862.js.map +0 -1
  34. package/dist/chunks/5151.ce644081.js +0 -2
  35. package/dist/chunks/5151.ce644081.js.map +0 -1
  36. package/dist/chunks/5202.3225e09f.js +0 -2
  37. package/dist/chunks/5202.3225e09f.js.map +0 -1
  38. package/dist/chunks/7782.b3960d8b.js.map +0 -1
  39. package/dist/chunks/main.f4e661cb.js +0 -2
  40. package/dist/chunks/main.f4e661cb.js.map +0 -1
  41. package/dist/index.3bd609a4.js +0 -2
  42. package/dist/index.3bd609a4.js.map +0 -1
  43. /package/dist/chunks/{modern-style-treemap.7b6542d0.js.LICENSE.txt → modern-style-treemap.fe91c398.js.LICENSE.txt} +0 -0
package/dist/chunks/{modern-style-treemap.7b6542d0.js → modern-style-treemap.fe91c398.js} RENAMED
@@ -1,3 +1,3 @@
1
- /*! For license information please see modern-style-treemap.7b6542d0.js.LICENSE.txt */
2
- (self.webpackChunk_next_bricks_data_view=self.webpackChunk_next_bricks_data_view||[]).push([[2992],{5312:(e,t,a)=>{"use strict";a.r(t),a.d(t,{ModernStyleTreemap:()=>k});var r,l,i,n,o,s,p,c,b,g,h,u,d,f,v,m,y,x,w,k,Z=a(3028),S=a(3395),B=a(1815),M=a(381),z=a(687),C=a(2604),U=a(8657),E=a.n(U),W=a(2061),R=a(8978),_=a(7325),q=a(7847),D=a(4214),X=a(5725),Y=a(2253),N=a(4334),j=a(891),A=a(470),H=a(6426),L=a(1043),P=a(637),O=a(8143),T=a(766),Q=a(1211),F=a(2779),G=a.n(F),{defineElement:I,property:J,event:K}=(0,W.createDecorators)(),V=function(e){return e.treemapBinary="treemapBinary",e.treemapDice="treemapDice",e.treemapResquarify="treemapResquarify",e.treemapSlice="treemapSlice",e.treemapSliceDice="treemapSliceDice",e.treemapSquarify="treemapSquarify",e}(V||{});l=I("data-view.modern-style-treemap",{styleTexts:[L.Z,P.Z]}),i=J({attribute:!1}),o=J({attribute:!1}),p=J({attribute:!1}),b=J({attribute:!1}),h=J({attribute:!1}),d=J({attribute:!1}),v=K({type:"treemap.click"});var $=new WeakMap,ee=new WeakMap,te=new WeakMap,ae=new WeakMap,re=new WeakMap,le=new WeakMap,ie=new WeakMap,ne=new WeakMap,oe=new WeakMap;class se extends R.ReactNextElement{constructor(){super(...arguments),(0,S.Z)(this,ne,{get:ce,set:pe}),(0,S.Z)(this,$,{writable:!0,value:(w(this),n(this))}),(0,S.Z)(this,ee,{writable:!0,value:s(this,V.treemapSquarify)}),(0,S.Z)(this,te,{writable:!0,value:c(this)}),(0,S.Z)(this,ae,{writable:!0,value:g(this)}),(0,S.Z)(this,re,{writable:!0,value:u(this)}),(0,S.Z)(this,le,{writable:!0,value:f(this)}),(0,S.Z)(this,ie,{writable:!0,value:m(this)}),(0,S.Z)(this,oe,{writable:!0,value:e=>{(0,z.Z)(this,ne).emit(e)}})}get data(){return(0,z.Z)(this,$)}set data(e){(0,M.Z)(this,$,e)}get tail(){return(0,z.Z)(this,ee)}set tail(e){(0,M.Z)(this,ee,e)}get leafUseBrick(){return(0,z.Z)(this,te)}set leafUseBrick(e){(0,M.Z)(this,te,e)}get leafContainerStyle(){return(0,z.Z)(this,ae)}set leafContainerStyle(e){(0,M.Z)(this,ae,e)}get tooltipUseBrick(){return(0,z.Z)(this,re)}set tooltipUseBrick(e){(0,M.Z)(this,re,e)}get tooltipStyle(){return(0,z.Z)(this,le)}set tooltipStyle(e){(0,M.Z)(this,le,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:(0,z.Z)(this,oe)})}}function pe(e){x(this,e)}function ce(){return y(this)}({e:[n,s,c,g,u,f,m,y,x,w],c:[k,r]}=(0,C.Z)(se,[[i,1,"data"],[o,1,"tail"],[p,1,"leafUseBrick"],[b,1,"leafContainerStyle"],[h,1,"tooltipUseBrick"],[d,1,"tooltipStyle"],[v,1,"onClickEvent",e=>(0,z.Z)(e,ie),(e,t)=>(0,M.Z)(e,ie,t)]],[l],0,(e=>oe.has((0,B.Z)(e))))),r();var be={[V.treemapBinary]:q.Z,[V.treemapDice]:D.Z,[V.treemapResquarify]:X.Z,[V.treemapSlice]:Y.Z,[V.treemapSliceDice]:N.Z,[V.treemapSquarify]:j.ZP};function ge(e){var{data:t,tail:a,leafUseBrick:r,leafContainerStyle:l,tooltipUseBrick:i,tooltipStyle:n,handleClick:o}=e,[s,{clientWidth:p,clientHeight:c}]=(0,O.y)(),[b,{clientHeight:g}]=(0,O.y)(),[h,u]=(0,U.useState)({clientX:0,clientY:0}),[d,f]=(0,U.useState)(),v=(0,U.useMemo)((()=>{if(s.current){var e,t,a=s.current.getBoundingClientRect(),r=a.width/s.current.clientWidth,l=a.height/s.current.clientHeight,i=h.clientX-a.left,n=h.clientY-a.top,o=a.right-h.clientX,p=a.bottom-h.clientY,{width:c,height:u}=b.current.getBoundingClientRect();if(e=i+16,o<c&&(e=i-c-16,t="right"),i<c&&(t="left"),p<u/2||n<u/2){var d=p<u/2?"bottom":"top";n=p<u/2?n-u/2-16:n+u/2+16,"left"===t&&i-c/2<0?(t="".concat(d,"-left"),e=i):"right"===t&&o-c/2<0?(t="".concat(d,"-right"),e=i-c):(t=d,e=i-c/2)}return f(t),{left:"".concat(e/r,"px"),top:"".concat(n/l-g/2,"px")}}}),[s,h.clientX,h.clientY,b,g]),m=(0,U.useMemo)((()=>(0,A.ZP)(t).sum((e=>e.value)).sort(((e,t)=>t.value-e.value))),[t]),y=(0,U.useMemo)((()=>(0,H.Z)().tile(be[a]).size([p,c]).padding(1).round(!0)),[a,p,c]),[x,w]=(0,U.useMemo)((()=>{var e=y(m).leaves().map((e=>(0,Z.Z)({},e)));return[e,(0,Q.keyBy)(e,"data.name")]}),[y,m]),k=(0,U.useMemo)((()=>x.map((e=>{var t=e.y0,a=e.x0,i=e.x1-e.x0,n=e.y1-e.y0;return E().createElement("div",{key:e.data.name,className:"treemap-leaf","data-leaf-id":e.data.name,style:(0,Z.Z)((0,Z.Z)({},l),{},{top:0,left:0,transform:"translate(".concat(a,"px, ").concat(t,"px)"),width:i,height:n}),onClick:()=>null==o?void 0:o(e.data)},(null==r?void 0:r.useBrick)&&E().createElement(_.ReactUseMultipleBricks,{useBrick:r.useBrick,data:e}))}))),[o,l,r.useBrick,x]),S=(0,U.useMemo)((()=>(0,Z.Z)({},w[h.name])),[w,h.name]),B=(0,U.useMemo)((()=>(0,T.Q)((e=>{var t=e.target.closest(".treemap-leaf"),a=null==t?void 0:t.getAttribute("data-leaf-id");u((r=>({clientX:e.clientX,clientY:e.clientY,name:t?a:r.name})))}))),[]);return E().createElement("div",{className:"wrapper"},E().createElement("div",{className:"treemap",ref:s,onMouseMove:B,onMouseEnter:()=>{b.current.style.visibility="visible"},onMouseLeave:()=>{b.current.style.visibility="hidden"}},k),E().createElement("div",{className:G()("tooltip",{bottom:"bottom"===d,bottomRight:"bottom-right"===d,bottomLeft:"bottom-left"===d,topLeft:"top-left"===d,topRight:"top-right"===d,top:"top"===d,right:"right"===d}),style:(0,Z.Z)((0,Z.Z)({},n),v),ref:b},(null==i?void 0:i.useBrick)&&E().createElement(_.ReactUseMultipleBricks,{useBrick:i.useBrick,data:S})))}},2779:(e,t)=>{var a;!function(){"use strict";var r={}.hasOwnProperty;function l(){for(var e=[],t=0;t<arguments.length;t++){var a=arguments[t];if(a){var i=typeof a;if("string"===i||"number"===i)e.push(a);else if(Array.isArray(a)){if(a.length){var n=l.apply(null,a);n&&e.push(n)}}else if("object"===i){if(a.toString!==Object.prototype.toString&&!a.toString.toString().includes("[native code]")){e.push(a.toString());continue}for(var o in a)r.call(a,o)&&a[o]&&e.push(o)}}}return e.join(" ")}e.exports?(l.default=l,e.exports=l):void 0===(a=function(){return l}.apply(t,[]))||(e.exports=a)}()},1043:(e,t,a)=>{"use strict";a.d(t,{Z:()=>o});var r=a(9601),l=a.n(r),i=a(2609),n=a.n(i)()(l());n.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=n.toString()}}]);
3
- //# sourceMappingURL=modern-style-treemap.7b6542d0.js.map
1
+ /*! For license information please see modern-style-treemap.fe91c398.js.LICENSE.txt */
2
+ (self.webpackChunk_next_bricks_data_view=self.webpackChunk_next_bricks_data_view||[]).push([[2992],{5312:(e,t,a)=>{"use strict";a.r(t),a.d(t,{ModernStyleTreemap:()=>k});var r,l,i,n,o,s,p,c,b,g,h,u,d,f,v,m,y,x,w,k,Z=a(3028),S=a(3395),B=a(1815),M=a(381),z=a(687),C=a(2604),U=a(8657),E=a.n(U),W=a(2061),R=a(8978),_=a(4734),q=a(7847),D=a(4214),X=a(5725),Y=a(2253),N=a(4334),j=a(891),A=a(470),H=a(6426),L=a(1043),P=a(637),O=a(8143),T=a(766),Q=a(1211),F=a(2779),G=a.n(F),{defineElement:I,property:J,event:K}=(0,W.createDecorators)(),V=function(e){return e.treemapBinary="treemapBinary",e.treemapDice="treemapDice",e.treemapResquarify="treemapResquarify",e.treemapSlice="treemapSlice",e.treemapSliceDice="treemapSliceDice",e.treemapSquarify="treemapSquarify",e}(V||{});l=I("data-view.modern-style-treemap",{styleTexts:[L.Z,P.Z]}),i=J({attribute:!1}),o=J({attribute:!1}),p=J({attribute:!1}),b=J({attribute:!1}),h=J({attribute:!1}),d=J({attribute:!1}),v=K({type:"treemap.click"});var $=new WeakMap,ee=new WeakMap,te=new WeakMap,ae=new WeakMap,re=new WeakMap,le=new WeakMap,ie=new WeakMap,ne=new WeakMap,oe=new WeakMap;class se extends R.ReactNextElement{constructor(){super(...arguments),(0,S.Z)(this,ne,{get:ce,set:pe}),(0,S.Z)(this,$,{writable:!0,value:(w(this),n(this))}),(0,S.Z)(this,ee,{writable:!0,value:s(this,V.treemapSquarify)}),(0,S.Z)(this,te,{writable:!0,value:c(this)}),(0,S.Z)(this,ae,{writable:!0,value:g(this)}),(0,S.Z)(this,re,{writable:!0,value:u(this)}),(0,S.Z)(this,le,{writable:!0,value:f(this)}),(0,S.Z)(this,ie,{writable:!0,value:m(this)}),(0,S.Z)(this,oe,{writable:!0,value:e=>{(0,z.Z)(this,ne).emit(e)}})}get data(){return(0,z.Z)(this,$)}set data(e){(0,M.Z)(this,$,e)}get tail(){return(0,z.Z)(this,ee)}set tail(e){(0,M.Z)(this,ee,e)}get leafUseBrick(){return(0,z.Z)(this,te)}set leafUseBrick(e){(0,M.Z)(this,te,e)}get leafContainerStyle(){return(0,z.Z)(this,ae)}set leafContainerStyle(e){(0,M.Z)(this,ae,e)}get tooltipUseBrick(){return(0,z.Z)(this,re)}set tooltipUseBrick(e){(0,M.Z)(this,re,e)}get tooltipStyle(){return(0,z.Z)(this,le)}set tooltipStyle(e){(0,M.Z)(this,le,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:(0,z.Z)(this,oe)})}}function pe(e){x(this,e)}function ce(){return y(this)}({e:[n,s,c,g,u,f,m,y,x,w],c:[k,r]}=(0,C.Z)(se,[[i,1,"data"],[o,1,"tail"],[p,1,"leafUseBrick"],[b,1,"leafContainerStyle"],[h,1,"tooltipUseBrick"],[d,1,"tooltipStyle"],[v,1,"onClickEvent",e=>(0,z.Z)(e,ie),(e,t)=>(0,M.Z)(e,ie,t)]],[l],0,(e=>oe.has((0,B.Z)(e))))),r();var be={[V.treemapBinary]:q.Z,[V.treemapDice]:D.Z,[V.treemapResquarify]:X.Z,[V.treemapSlice]:Y.Z,[V.treemapSliceDice]:N.Z,[V.treemapSquarify]:j.ZP};function ge(e){var{data:t,tail:a,leafUseBrick:r,leafContainerStyle:l,tooltipUseBrick:i,tooltipStyle:n,handleClick:o}=e,[s,{clientWidth:p,clientHeight:c}]=(0,O.y)(),[b,{clientHeight:g}]=(0,O.y)(),[h,u]=(0,U.useState)({clientX:0,clientY:0}),[d,f]=(0,U.useState)(),v=(0,U.useMemo)((()=>{if(s.current){var e,t,a=s.current.getBoundingClientRect(),r=a.width/s.current.clientWidth,l=a.height/s.current.clientHeight,i=h.clientX-a.left,n=h.clientY-a.top,o=a.right-h.clientX,p=a.bottom-h.clientY,{width:c,height:u}=b.current.getBoundingClientRect();if(e=i+16,o<c&&(e=i-c-16,t="right"),i<c&&(t="left"),p<u/2||n<u/2){var d=p<u/2?"bottom":"top";n=p<u/2?n-u/2-16:n+u/2+16,"left"===t&&i-c/2<0?(t="".concat(d,"-left"),e=i):"right"===t&&o-c/2<0?(t="".concat(d,"-right"),e=i-c):(t=d,e=i-c/2)}return f(t),{left:"".concat(e/r,"px"),top:"".concat(n/l-g/2,"px")}}}),[s,h.clientX,h.clientY,b,g]),m=(0,U.useMemo)((()=>(0,A.ZP)(t).sum((e=>e.value)).sort(((e,t)=>t.value-e.value))),[t]),y=(0,U.useMemo)((()=>(0,H.Z)().tile(be[a]).size([p,c]).padding(1).round(!0)),[a,p,c]),[x,w]=(0,U.useMemo)((()=>{var e=y(m).leaves().map((e=>(0,Z.Z)({},e)));return[e,(0,Q.keyBy)(e,"data.name")]}),[y,m]),k=(0,U.useMemo)((()=>x.map((e=>{var t=e.y0,a=e.x0,i=e.x1-e.x0,n=e.y1-e.y0;return E().createElement("div",{key:e.data.name,className:"treemap-leaf","data-leaf-id":e.data.name,style:(0,Z.Z)((0,Z.Z)({},l),{},{top:0,left:0,transform:"translate(".concat(a,"px, ").concat(t,"px)"),width:i,height:n}),onClick:()=>null==o?void 0:o(e.data)},(null==r?void 0:r.useBrick)&&E().createElement(_.ReactUseMultipleBricks,{useBrick:r.useBrick,data:e}))}))),[o,l,r.useBrick,x]),S=(0,U.useMemo)((()=>(0,Z.Z)({},w[h.name])),[w,h.name]),B=(0,U.useMemo)((()=>(0,T.Q)((e=>{var t=e.target.closest(".treemap-leaf"),a=null==t?void 0:t.getAttribute("data-leaf-id");u((r=>({clientX:e.clientX,clientY:e.clientY,name:t?a:r.name})))}))),[]);return E().createElement("div",{className:"wrapper"},E().createElement("div",{className:"treemap",ref:s,onMouseMove:B,onMouseEnter:()=>{b.current.style.visibility="visible"},onMouseLeave:()=>{b.current.style.visibility="hidden"}},k),E().createElement("div",{className:G()("tooltip",{bottom:"bottom"===d,bottomRight:"bottom-right"===d,bottomLeft:"bottom-left"===d,topLeft:"top-left"===d,topRight:"top-right"===d,top:"top"===d,right:"right"===d}),style:(0,Z.Z)((0,Z.Z)({},n),v),ref:b},(null==i?void 0:i.useBrick)&&E().createElement(_.ReactUseMultipleBricks,{useBrick:i.useBrick,data:S})))}},2779:(e,t)=>{var a;!function(){"use strict";var r={}.hasOwnProperty;function l(){for(var e=[],t=0;t<arguments.length;t++){var a=arguments[t];if(a){var i=typeof a;if("string"===i||"number"===i)e.push(a);else if(Array.isArray(a)){if(a.length){var n=l.apply(null,a);n&&e.push(n)}}else if("object"===i){if(a.toString!==Object.prototype.toString&&!a.toString.toString().includes("[native code]")){e.push(a.toString());continue}for(var o in a)r.call(a,o)&&a[o]&&e.push(o)}}}return e.join(" ")}e.exports?(l.default=l,e.exports=l):void 0===(a=function(){return l}.apply(t,[]))||(e.exports=a)}()},1043:(e,t,a)=>{"use strict";a.d(t,{Z:()=>o});var r=a(9601),l=a.n(r),i=a(2609),n=a.n(i)()(l());n.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=n.toString()}}]);
3
+ //# sourceMappingURL=modern-style-treemap.fe91c398.js.map
package/dist/chunks/{modern-style-treemap.7b6542d0.js.map → modern-style-treemap.fe91c398.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"chunks/modern-style-treemap.7b6542d0.js","mappings":"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","sources":["webpack:///./src/modern-style-treemap/index.tsx","webpack:///../../node_modules/classnames/index.js","webpack:///./src/data-view-variables.shadow.css"],"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 * @id data-view.modern-style-treemap\n * @name data-view.modern-style-treemap\n * @docKind brick\n * @description 现代风树图\n * @author nlicroshan\n * @noInheritDoc\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","/*!\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\tvar nativeCodeString = '[native code]';\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) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\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","// 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":["_ModernStyleTreemap","defineElement","property","event","createDecorators","TailTypes","_dec","styleTexts","variablesStyleText","styleText","_dec2","attribute","_dec3","_dec4","_dec5","_dec6","_dec7","_dec8","type","_A","WeakMap","_B","_C","_D","_E","_F","_G","_onClickEvent","_handleClick","ModernStyleTreemap","ReactNextElement","constructor","arguments","_classPrivateFieldInitSpec","get","_get_onClickEvent2","set","_set_onClickEvent2","writable","value","_initProto","_init_data","_init_tail","_init_leafUseBrick","_init_leafContainerStyle","_init_tooltipUseBrick","_init_tooltipStyle","_init_onClickEvent","_classPrivateFieldGet","this","emit","data","v","_classPrivateFieldSet","tail","leafUseBrick","leafContainerStyle","tooltipUseBrick","tooltipStyle","render","React","ModernStyleTreemapElement","handleClick","_set_onClickEvent","_get_onClickEvent","e","c","_initClass","_applyDecs","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","hasOwn","hasOwnProperty","classes","i","length","arg","argType","push","Array","isArray","inner","apply","toString","Object","prototype","includes","call","join","module","exports","default","___CSS_LOADER_EXPORT___","id"],"sourceRoot":""}
1
+ {"version":3,"file":"chunks/modern-style-treemap.fe91c398.js","mappings":"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","sources":["webpack:///./src/modern-style-treemap/index.tsx","webpack:///../../node_modules/classnames/index.js","webpack:///./src/data-view-variables.shadow.css"],"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 * @id data-view.modern-style-treemap\n * @name data-view.modern-style-treemap\n * @docKind brick\n * @description 现代风树图\n * @author nlicroshan\n * @noInheritDoc\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","/*!\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\tvar nativeCodeString = '[native code]';\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) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\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","// 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":["_ModernStyleTreemap","defineElement","property","event","createDecorators","TailTypes","_dec","styleTexts","variablesStyleText","styleText","_dec2","attribute","_dec3","_dec4","_dec5","_dec6","_dec7","_dec8","type","_A","WeakMap","_B","_C","_D","_E","_F","_G","_onClickEvent","_handleClick","ModernStyleTreemap","ReactNextElement","constructor","arguments","_classPrivateFieldInitSpec","get","_get_onClickEvent2","set","_set_onClickEvent2","writable","value","_initProto","_init_data","_init_tail","_init_leafUseBrick","_init_leafContainerStyle","_init_tooltipUseBrick","_init_tooltipStyle","_init_onClickEvent","_classPrivateFieldGet","this","emit","data","v","_classPrivateFieldSet","tail","leafUseBrick","leafContainerStyle","tooltipUseBrick","tooltipStyle","render","React","ModernStyleTreemapElement","handleClick","_set_onClickEvent","_get_onClickEvent","e","c","_initClass","_applyDecs","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","hasOwn","hasOwnProperty","classes","i","length","arg","argType","push","Array","isArray","inner","apply","toString","Object","prototype","includes","call","join","module","exports","default","___CSS_LOADER_EXPORT___","id"],"sourceRoot":""}