@next-bricks/data-view 1.1.21 → 1.1.23
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.
- package/dist/bricks.json +1 -1
- package/dist/chunks/{4.9a0ad7d5.js → 4.87e32038.js} +3 -3
- package/dist/chunks/{4.9a0ad7d5.js.map → 4.87e32038.js.map} +1 -1
- package/dist/chunks/{4837.c47a9255.js → 4837.98ca428a.js} +2 -2
- package/dist/chunks/{4837.c47a9255.js.map → 4837.98ca428a.js.map} +1 -1
- package/dist/chunks/5399.f720d665.js +2 -0
- package/dist/chunks/5399.f720d665.js.map +1 -0
- package/dist/chunks/{6464.b3494b92.js → 6464.f0daf510.js} +2 -2
- package/dist/chunks/{6464.b3494b92.js.map → 6464.f0daf510.js.map} +1 -1
- package/dist/chunks/{7218.28a170b0.js → 7218.51851afb.js} +2 -2
- package/dist/chunks/{7218.28a170b0.js.map → 7218.51851afb.js.map} +1 -1
- package/dist/chunks/cabinet-node.a055ad4e.js +3 -0
- package/dist/chunks/{cabinet-node.ef0dd17e.js.map → cabinet-node.a055ad4e.js.map} +1 -1
- package/dist/chunks/{complex-search.aaaf3140.js → complex-search.ed5a647d.js} +2 -2
- package/dist/chunks/{complex-search.aaaf3140.js.map → complex-search.ed5a647d.js.map} +1 -1
- package/dist/chunks/main.27a6bd6e.js +2 -0
- package/dist/chunks/{main.73e5fb95.js.map → main.27a6bd6e.js.map} +1 -1
- package/dist/chunks/{modern-style-treemap.7d9716df.js → modern-style-treemap.f2d8f3aa.js} +3 -3
- package/dist/chunks/{modern-style-treemap.7d9716df.js.map → modern-style-treemap.f2d8f3aa.js.map} +1 -1
- package/dist/index.9ae8ee38.js +2 -0
- package/dist/{index.cb8d0db1.js.map → index.9ae8ee38.js.map} +1 -1
- package/package.json +2 -2
- package/dist/chunks/5399.2a8bf754.js +0 -2
- package/dist/chunks/5399.2a8bf754.js.map +0 -1
- package/dist/chunks/cabinet-node.ef0dd17e.js +0 -3
- package/dist/chunks/main.73e5fb95.js +0 -2
- package/dist/index.cb8d0db1.js +0 -2
- /package/dist/chunks/{4.9a0ad7d5.js.LICENSE.txt → 4.87e32038.js.LICENSE.txt} +0 -0
- /package/dist/chunks/{cabinet-node.ef0dd17e.js.LICENSE.txt → cabinet-node.a055ad4e.js.LICENSE.txt} +0 -0
- /package/dist/chunks/{modern-style-treemap.7d9716df.js.LICENSE.txt → modern-style-treemap.f2d8f3aa.js.LICENSE.txt} +0 -0
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
/*! For license information please see modern-style-treemap.
|
|
2
|
-
(globalThis.webpackChunk_next_bricks_data_view=globalThis.webpackChunk_next_bricks_data_view||[]).push([[2943],{5197:(e,t,a)=>{"use strict";a.r(t),a.d(t,{ModernStyleTreemap:()=>V});var r,l=a(4635),i=a(918),n=a(6902),o=a(5536),s=a(6121),c=a(829),p=a(2740),g=a(8769),b=a.n(g),h=a(1929),u=a(4223),d=a(8563),f=a(6399),m=a(1997),v=a(6793),y=a(7766),x=a(6849),w=a(4960),k=a(7604),A=a(1696),S=a(9935),B=a(3240),M=a(6837),z=a(7290),C=a(2445),U=a(3373),E=a.n(U);let R,W,_,q,D,N,X,Y,T,$,H,L,j,O,G,P,F;const{defineElement:I,property:J,event:K}=(0,h.createDecorators)();var Q=function(e){return e.treemapBinary="treemapBinary",e.treemapDice="treemapDice",e.treemapResquarify="treemapResquarify",e.treemapSlice="treemapSlice",e.treemapSliceDice="treemapSliceDice",e.treemapSquarify="treemapSquarify",e}(Q||{});let V;var Z=new WeakMap,ee=new WeakMap,te=new WeakMap,ae=new WeakMap,re=new WeakMap,le=new WeakMap,ie=new WeakMap,ne=new WeakSet,oe=new WeakMap;class se extends u.ReactNextElement{constructor(){super(...arguments),(0,l.A)(this,ne),(0,i.A)(this,Z,W(this)),(0,i.A)(this,ee,(_(this),q(this,Q.treemapSquarify))),(0,i.A)(this,te,(D(this),N(this))),(0,i.A)(this,ae,(X(this),Y(this))),(0,i.A)(this,re,(T(this),$(this))),(0,i.A)(this,le,(H(this),L(this))),(0,i.A)(this,ie,(j(this),O(this))),(0,i.A)(this,oe,(F(this),e=>{(0,o.A)(ne,this,G).emit(e)}))}get data(){return(0,c.A)(Z,this)}set data(e){(0,s.A)(Z,this,e)}get tail(){return(0,c.A)(ee,this)}set tail(e){(0,s.A)(ee,this,e)}get leafUseBrick(){return(0,c.A)(te,this)}set leafUseBrick(e){(0,s.A)(te,this,e)}get leafContainerStyle(){return(0,c.A)(ae,this)}set leafContainerStyle(e){(0,s.A)(ae,this,e)}get tooltipUseBrick(){return(0,c.A)(re,this)}set tooltipUseBrick(e){(0,s.A)(re,this,e)}get tooltipStyle(){return(0,c.A)(le,this)}set tooltipStyle(e){(0,s.A)(le,this,e)}render(){return b().createElement(pe,{data:this.data,tail:this.tail,leafUseBrick:this.leafUseBrick,leafContainerStyle:this.leafContainerStyle,tooltipUseBrick:this.tooltipUseBrick,tooltipStyle:this.tooltipStyle,handleClick:(0,c.A)(oe,this)})}}r=se,({e:[W,_,q,D,N,X,Y,T,$,H,L,j,O,G,P,F],c:[V,R]}=(0,p.A)(r,[I("data-view.modern-style-treemap",{styleTexts:[S.A,B.A]})],[[J({attribute:!1}),1,"data"],[J({attribute:!1}),1,"tail"],[J({attribute:!1}),1,"leafUseBrick"],[J({attribute:!1}),1,"leafContainerStyle"],[J({attribute:!1}),1,"tooltipUseBrick"],[J({attribute:!1}),1,"tooltipStyle"],[K({type:"treemap.click"}),1,"onClickEvent",e=>(0,c.A)(ie,e),(e,t)=>(0,s.A)(ie,e,t)]],0,(e=>oe.has((0,n.A)(e))),u.ReactNextElement)),R();const ce={[Q.treemapBinary]:f.A,[Q.treemapDice]:m.A,[Q.treemapResquarify]:v.A,[Q.treemapSlice]:y.A,[Q.treemapSliceDice]:x.A,[Q.treemapSquarify]:w.Ay};function pe(e){const{data:t,tail:a,leafUseBrick:r,leafContainerStyle:l,tooltipUseBrick:i,tooltipStyle:n,handleClick:o}=e,[s,{clientWidth:c,clientHeight:p}]=(0,M.w)(),[h,{clientHeight:u}]=(0,M.w)(),[f,m]=(0,g.useState)({clientX:0,clientY:0}),[v,y]=(0,g.useState)(),x=(0,g.useMemo)((()=>{if(!s.current)return;const e=s.current.getBoundingClientRect(),t=e.width/s.current.clientWidth,a=e.height/s.current.clientHeight;let r,l;const i=f.clientX-e.left;let n=f.clientY-e.top;const o=e.right-f.clientX,c=e.bottom-f.clientY,{width:p,height:g}=h.current.getBoundingClientRect();if(r=i+16,o<p&&(r=i-p-16,l="right"),i<p&&(l="left"),c<g/2||n<g/2){const e=c<g/2?"bottom":"top";n=c<g/2?n-g/2-16:n+g/2+16,"left"===l&&i-p/2<0?(l=`${e}-left`,r=i):"right"===l&&o-p/2<0?(l=`${e}-right`,r=i-p):(l=e,r=i-p/2)}return y(l),{left:r/t+"px",top:n/a-u/2+"px"}}),[s,f.clientX,f.clientY,h,u]),w=(0,g.useMemo)((()=>(0,k.Ay)(t).sum((e=>e.value)).sort(((e,t)=>t.value-e.value))),[t]),S=(0,g.useMemo)((()=>(0,A.A)().tile(ce[a]).size([c,p]).padding(1).round(!0)),[a,c,p]),[B,U]=(0,g.useMemo)((()=>{const e=S(w).leaves().map((e=>({...e})));return[e,(0,C.keyBy)(e,"data.name")]}),[S,w]),R=(0,g.useMemo)((()=>B.map((e=>{const t=e.y0,a=e.x0,i=e.x1-e.x0,n=e.y1-e.y0;return b().createElement("div",{key:e.data.name,className:"treemap-leaf","data-leaf-id":e.data.name,style:{...l,top:0,left:0,transform:`translate(${a}px, ${t}px)`,width:i,height:n},onClick:()=>null==o?void 0:o(e.data)},(null==r?void 0:r.useBrick)&&b().createElement(d.ReactUseMultipleBricks,{useBrick:r.useBrick,data:e}))}))),[o,l,r.useBrick,B]),W=(0,g.useMemo)((()=>({...U[f.name]})),[U,f.name]),_=(0,g.useMemo)((()=>(0,z.G)((e=>{const t=e.target.closest(".treemap-leaf"),a=null==t?void 0:t.getAttribute("data-leaf-id");m((r=>({clientX:e.clientX,clientY:e.clientY,name:t?a:r.name})))}))),[]);return b().createElement("div",{className:"wrapper"},b().createElement("div",{className:"treemap",ref:s,onMouseMove:_,onMouseEnter:()=>{h.current.style.visibility="visible"},onMouseLeave:()=>{h.current.style.visibility="hidden"}},R),b().createElement("div",{className:E()("tooltip",{bottom:"bottom"===v,bottomRight:"bottom-right"===v,bottomLeft:"bottom-left"===v,topLeft:"top-left"===v,topRight:"top-right"===v,top:"top"===v,right:"right"===v}),style:{...n,...x},ref:h},(null==i?void 0:i.useBrick)&&b().createElement(d.ReactUseMultipleBricks,{useBrick:i.useBrick,data:W})))}},9935:(e,t,a)=>{"use strict";a.d(t,{A:()=>o});var r=a(6758),l=a.n(r),i=a(935),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()},3373:(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];a&&(e=n(e,i(a)))}return e}function i(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return l.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var a in e)r.call(e,a)&&e[a]&&(t=n(t,a));return t}function n(e,t){return t?e?e+" "+t:e+t:e}e.exports?(l.default=l,e.exports=l):void 0===(a=function(){return l}.apply(t,[]))||(e.exports=a)}()},5536:(e,t,a)=>{"use strict";a.d(t,{A:()=>l});var r=a(2559);function l(e,t,a){return a((0,r.A)(e,t))}},4635:(e,t,a)=>{"use strict";a.d(t,{A:()=>l});var r=a(2016);function l(e,t){(0,r.A)(e,t),t.add(e)}}}]);
|
|
3
|
-
//# sourceMappingURL=modern-style-treemap.
|
|
1
|
+
/*! For license information please see modern-style-treemap.f2d8f3aa.js.LICENSE.txt */
|
|
2
|
+
(globalThis.webpackChunk_next_bricks_data_view=globalThis.webpackChunk_next_bricks_data_view||[]).push([[2943],{5197:(e,t,a)=>{"use strict";a.r(t),a.d(t,{ModernStyleTreemap:()=>V});var r,l=a(4635),i=a(918),n=a(6902),o=a(5536),s=a(6121),c=a(829),p=a(2740),g=a(8769),b=a.n(g),h=a(1929),u=a(4223),d=a(6484),f=a(6399),m=a(1997),v=a(6793),y=a(7766),x=a(6849),w=a(4960),k=a(7604),A=a(1696),S=a(9935),B=a(3240),M=a(6837),z=a(7290),C=a(2445),U=a(3373),E=a.n(U);let R,W,_,q,D,N,X,Y,T,$,H,L,j,O,G,P,F;const{defineElement:I,property:J,event:K}=(0,h.createDecorators)();var Q=function(e){return e.treemapBinary="treemapBinary",e.treemapDice="treemapDice",e.treemapResquarify="treemapResquarify",e.treemapSlice="treemapSlice",e.treemapSliceDice="treemapSliceDice",e.treemapSquarify="treemapSquarify",e}(Q||{});let V;var Z=new WeakMap,ee=new WeakMap,te=new WeakMap,ae=new WeakMap,re=new WeakMap,le=new WeakMap,ie=new WeakMap,ne=new WeakSet,oe=new WeakMap;class se extends u.ReactNextElement{constructor(){super(...arguments),(0,l.A)(this,ne),(0,i.A)(this,Z,W(this)),(0,i.A)(this,ee,(_(this),q(this,Q.treemapSquarify))),(0,i.A)(this,te,(D(this),N(this))),(0,i.A)(this,ae,(X(this),Y(this))),(0,i.A)(this,re,(T(this),$(this))),(0,i.A)(this,le,(H(this),L(this))),(0,i.A)(this,ie,(j(this),O(this))),(0,i.A)(this,oe,(F(this),e=>{(0,o.A)(ne,this,G).emit(e)}))}get data(){return(0,c.A)(Z,this)}set data(e){(0,s.A)(Z,this,e)}get tail(){return(0,c.A)(ee,this)}set tail(e){(0,s.A)(ee,this,e)}get leafUseBrick(){return(0,c.A)(te,this)}set leafUseBrick(e){(0,s.A)(te,this,e)}get leafContainerStyle(){return(0,c.A)(ae,this)}set leafContainerStyle(e){(0,s.A)(ae,this,e)}get tooltipUseBrick(){return(0,c.A)(re,this)}set tooltipUseBrick(e){(0,s.A)(re,this,e)}get tooltipStyle(){return(0,c.A)(le,this)}set tooltipStyle(e){(0,s.A)(le,this,e)}render(){return b().createElement(pe,{data:this.data,tail:this.tail,leafUseBrick:this.leafUseBrick,leafContainerStyle:this.leafContainerStyle,tooltipUseBrick:this.tooltipUseBrick,tooltipStyle:this.tooltipStyle,handleClick:(0,c.A)(oe,this)})}}r=se,({e:[W,_,q,D,N,X,Y,T,$,H,L,j,O,G,P,F],c:[V,R]}=(0,p.A)(r,[I("data-view.modern-style-treemap",{styleTexts:[S.A,B.A]})],[[J({attribute:!1}),1,"data"],[J({attribute:!1}),1,"tail"],[J({attribute:!1}),1,"leafUseBrick"],[J({attribute:!1}),1,"leafContainerStyle"],[J({attribute:!1}),1,"tooltipUseBrick"],[J({attribute:!1}),1,"tooltipStyle"],[K({type:"treemap.click"}),1,"onClickEvent",e=>(0,c.A)(ie,e),(e,t)=>(0,s.A)(ie,e,t)]],0,(e=>oe.has((0,n.A)(e))),u.ReactNextElement)),R();const ce={[Q.treemapBinary]:f.A,[Q.treemapDice]:m.A,[Q.treemapResquarify]:v.A,[Q.treemapSlice]:y.A,[Q.treemapSliceDice]:x.A,[Q.treemapSquarify]:w.Ay};function pe(e){const{data:t,tail:a,leafUseBrick:r,leafContainerStyle:l,tooltipUseBrick:i,tooltipStyle:n,handleClick:o}=e,[s,{clientWidth:c,clientHeight:p}]=(0,M.w)(),[h,{clientHeight:u}]=(0,M.w)(),[f,m]=(0,g.useState)({clientX:0,clientY:0}),[v,y]=(0,g.useState)(),x=(0,g.useMemo)((()=>{if(!s.current)return;const e=s.current.getBoundingClientRect(),t=e.width/s.current.clientWidth,a=e.height/s.current.clientHeight;let r,l;const i=f.clientX-e.left;let n=f.clientY-e.top;const o=e.right-f.clientX,c=e.bottom-f.clientY,{width:p,height:g}=h.current.getBoundingClientRect();if(r=i+16,o<p&&(r=i-p-16,l="right"),i<p&&(l="left"),c<g/2||n<g/2){const e=c<g/2?"bottom":"top";n=c<g/2?n-g/2-16:n+g/2+16,"left"===l&&i-p/2<0?(l=`${e}-left`,r=i):"right"===l&&o-p/2<0?(l=`${e}-right`,r=i-p):(l=e,r=i-p/2)}return y(l),{left:r/t+"px",top:n/a-u/2+"px"}}),[s,f.clientX,f.clientY,h,u]),w=(0,g.useMemo)((()=>(0,k.Ay)(t).sum((e=>e.value)).sort(((e,t)=>t.value-e.value))),[t]),S=(0,g.useMemo)((()=>(0,A.A)().tile(ce[a]).size([c,p]).padding(1).round(!0)),[a,c,p]),[B,U]=(0,g.useMemo)((()=>{const e=S(w).leaves().map((e=>({...e})));return[e,(0,C.keyBy)(e,"data.name")]}),[S,w]),R=(0,g.useMemo)((()=>B.map((e=>{const t=e.y0,a=e.x0,i=e.x1-e.x0,n=e.y1-e.y0;return b().createElement("div",{key:e.data.name,className:"treemap-leaf","data-leaf-id":e.data.name,style:{...l,top:0,left:0,transform:`translate(${a}px, ${t}px)`,width:i,height:n},onClick:()=>null==o?void 0:o(e.data)},(null==r?void 0:r.useBrick)&&b().createElement(d.ReactUseMultipleBricks,{useBrick:r.useBrick,data:e}))}))),[o,l,r.useBrick,B]),W=(0,g.useMemo)((()=>({...U[f.name]})),[U,f.name]),_=(0,g.useMemo)((()=>(0,z.G)((e=>{const t=e.target.closest(".treemap-leaf"),a=null==t?void 0:t.getAttribute("data-leaf-id");m((r=>({clientX:e.clientX,clientY:e.clientY,name:t?a:r.name})))}))),[]);return b().createElement("div",{className:"wrapper"},b().createElement("div",{className:"treemap",ref:s,onMouseMove:_,onMouseEnter:()=>{h.current.style.visibility="visible"},onMouseLeave:()=>{h.current.style.visibility="hidden"}},R),b().createElement("div",{className:E()("tooltip",{bottom:"bottom"===v,bottomRight:"bottom-right"===v,bottomLeft:"bottom-left"===v,topLeft:"top-left"===v,topRight:"top-right"===v,top:"top"===v,right:"right"===v}),style:{...n,...x},ref:h},(null==i?void 0:i.useBrick)&&b().createElement(d.ReactUseMultipleBricks,{useBrick:i.useBrick,data:W})))}},9935:(e,t,a)=>{"use strict";a.d(t,{A:()=>o});var r=a(6758),l=a.n(r),i=a(935),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()},3373:(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];a&&(e=n(e,i(a)))}return e}function i(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return l.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var a in e)r.call(e,a)&&e[a]&&(t=n(t,a));return t}function n(e,t){return t?e?e+" "+t:e+t:e}e.exports?(l.default=l,e.exports=l):void 0===(a=function(){return l}.apply(t,[]))||(e.exports=a)}()},5536:(e,t,a)=>{"use strict";a.d(t,{A:()=>l});var r=a(2559);function l(e,t,a){return a((0,r.A)(e,t))}},4635:(e,t,a)=>{"use strict";a.d(t,{A:()=>l});var r=a(2016);function l(e,t){(0,r.A)(e,t),t.add(e)}}}]);
|
|
3
|
+
//# sourceMappingURL=modern-style-treemap.f2d8f3aa.js.map
|
package/dist/chunks/{modern-style-treemap.7d9716df.js.map → modern-style-treemap.f2d8f3aa.js.map}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chunks/modern-style-treemap.7d9716df.js","mappings":";2eAsBA,MAAM,cAAEA,EAAa,SAAEC,EAAQ,MAAEC,IAAUC,EAAAA,EAAAA,oBAAmB,IAEzDC,EAAS,SAATA,GAAS,OAATA,EAAS,8BAATA,EAAS,0BAATA,EAAS,sCAATA,EAAS,4BAATA,EAAS,oCAATA,EAAS,kCAATA,CAAS,EAATA,GAAS,QAAAC,EAAA,IAAAC,EAAA,IAAAC,QAAAC,GAAA,IAAAD,QAAAE,GAAA,IAAAF,QAAAG,GAAA,IAAAH,QAAAI,GAAA,IAAAJ,QAAAK,GAAA,IAAAL,QAAAM,GAAA,IAAAN,QAAAO,GAAA,IAAAC,QAAAC,GAAA,IAAAT,QA8Bd,MAAAU,WAIUC,EAAAA,iBAEVC,WAAAA,GAAA,SAAAC,YAAAC,EAAAA,EAAAA,GAAA,KAAAP,KACEQ,EAAAA,EAAAA,GAAA,KAAAhB,EAAAiB,EAAA,QAWAD,EAAAA,EAAAA,GAAA,KAAAd,IAAAgB,EAAA,MAAAC,EAAA,KAS2BrB,EAA2B,oBAEtDkB,EAAAA,EAAAA,GAAA,KAAAb,IAAAiB,EAAA,MAAAC,EAAA,SAWAL,EAAAA,EAAAA,GAAA,KAAAZ,IAAAkB,EAAA,MAAAC,EAAA,SAWAP,EAAAA,EAAAA,GAAA,KAAAX,IAAAmB,EAAA,MAAAC,EAAA,SAWAT,EAAAA,EAAAA,GAAA,KAAAV,IAAAoB,EAAA,MAAAC,EAAA,SAWAX,EAAAA,EAAAA,GAAA,KAAAT,IAAAqB,EAAA,MAAAC,EAAA,SAOAb,EAAAA,EAAAA,GAAA,KAAAN,IAAYoB,EAAA,MAAIC,KACdC,EAAAA,EAAAA,GAAAxB,GAAAyB,KAAKC,GAAcC,KAAKJ,EAAM,GAC9B,SAlEOK,GAAI,OAAAC,EAAAA,EAAAA,GAAArC,EAAA,cAAJoC,CAAIE,IAAAC,EAAAA,EAAAA,GAAAvC,EAAA,KAAAsC,EAAA,SAWJE,GAAI,OAAAH,EAAAA,EAAAA,GAAAnC,GAAA,cAAJsC,CAAIF,IAAAC,EAAAA,EAAAA,GAAArC,GAAA,KAAAoC,EAAA,iBAWJG,GAAY,OAAAJ,EAAAA,EAAAA,GAAAlC,GAAA,sBAAZsC,CAAYH,IAAAC,EAAAA,EAAAA,GAAApC,GAAA,KAAAmC,EAAA,uBAWZI,GAAkB,OAAAL,EAAAA,EAAAA,GAAAjC,GAAA,4BAAlBsC,CAAkBJ,IAAAC,EAAAA,EAAAA,GAAAnC,GAAA,KAAAkC,EAAA,oBAWlBK,GAAe,OAAAN,EAAAA,EAAAA,GAAAhC,GAAA,yBAAfsC,CAAeL,IAAAC,EAAAA,EAAAA,GAAAlC,GAAA,KAAAiC,EAAA,iBAWfM,GAAY,OAAAP,EAAAA,EAAAA,GAAA/B,GAAA,sBAAZsC,CAAYN,IAAAC,EAAAA,EAAAA,GAAAjC,GAAA,KAAAgC,EAAA,CAarBO,MAAAA,GACE,OACEC,IAAAA,cAACC,GAAyB,CACxBX,KAAMH,KAAKG,KACXI,KAAMP,KAAKO,KACXC,aAAcR,KAAKQ,aACnBC,mBAAoBT,KAAKS,mBACzBC,gBAAiBV,KAAKU,gBACtBC,aAAcX,KAAKW,aACnBI,aAAaX,EAAAA,EAAAA,GAAK3B,GAALuB,OAGnB,EACDgB,EAAAtC,KAAAuC,GAAAjC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAK,EAAAiB,EAAArB,GAAAsB,GAAArD,EAAAsD,KAAAC,EAAAA,EAAAA,GAAAL,EAAA,CAjGAvD,EAAc,iCAAkC,CAC/C6D,WAAY,CAACC,EAAAA,EAAoBC,EAAAA,MACjC,EAWC9D,EAAS,CACR+D,WAAW,IACX,WASD/D,EAAS,CACR+D,WAAW,IACX,WASD/D,EAAS,CACR+D,WAAW,IACX,mBASD/D,EAAS,CACR+D,WAAW,IACX,yBASD/D,EAAS,CACR+D,WAAW,IACX,sBASD/D,EAAS,CACR+D,WAAW,IACX,mBAOD9D,EAAM,CAAE+D,KAAM,kBAAkB,iBAAAC,IAAAvB,EAAAA,EAAAA,GAAA9B,GAAAqD,GAAA,CAAAA,EAAAtB,KAAAC,EAAAA,EAAAA,GAAAhC,GAAAqD,EAAAtB,KAAA,GAAAuB,GAAAnD,GAAAoD,KAAAC,EAAAA,EAAAA,GAAAF,KAzEzBjD,EAAAA,mBAAgByC,IA+F1B,MAAMW,GAAU,CACd,CAAClE,EAAyB,eAAImE,EAAAA,EAC9B,CAACnE,EAAuB,aAAIoE,EAAAA,EAC5B,CAACpE,EAA6B,mBAAIqE,EAAAA,EAClC,CAACrE,EAAwB,cAAIsE,EAAAA,EAC7B,CAACtE,EAA4B,kBAAIuE,EAAAA,EACjC,CAACvE,EAA2B,iBAAIwE,EAAAA,IAGlC,SAASvB,GACPwB,GAEA,MAAM,KACJnC,EAAI,KACJI,EAAI,aACJC,EAAY,mBACZC,EAAkB,gBAClBC,EAAe,aACfC,EAAY,YACZI,GACEuB,GAGFC,GACEC,YAAaC,EAAcC,aAAcC,KACzCC,EAAAA,EAAAA,MACGC,GAAcH,aAAcI,KACjCF,EAAAA,EAAAA,MACKG,EAAWC,IAAgBC,EAAAA,EAAAA,UAI/B,CAAEC,QAAS,EAAGC,QAAS,KACnBC,EAAiBC,IAAsBJ,EAAAA,EAAAA,YAExCK,GAAmBC,EAAAA,EAAAA,UAAQ,KAC/B,IAAKhB,EAAWiB,QAAS,OACzB,MAAMC,EAAoBlB,EAAWiB,QAAQE,wBAEvCC,EAAaF,EAAkBG,MAAQrB,EAAWiB,QAAQhB,YAC1DqB,EACJJ,EAAkBK,OAASvB,EAAWiB,QAAQd,aAEhD,IAAIqB,EAAYC,EAChB,MAAMC,EAAOlB,EAAUG,QAAUO,EAAkBQ,KACnD,IAAIC,EAAYnB,EAAUI,QAAUM,EAAkBU,IACtD,MAAMC,EAAQX,EAAkBW,MAAQrB,EAAUG,QAC5CmB,EAASZ,EAAkBY,OAAStB,EAAUI,SAE9C,MAAES,EAAK,OAAEE,GAAWjB,EAAWW,QAAQE,wBAS7C,GARAK,EAAaE,EAAO,GAChBG,EAAQR,IACVG,EAAaE,EAAOL,EAAQ,GAC5BI,EAAY,SAEVC,EAAOL,IACTI,EAAY,QAEVK,EAASP,EAAS,GAAKI,EAAYJ,EAAS,EAAG,CACjD,MAAMQ,EAAcD,EAASP,EAAS,EAAI,SAAW,MACrDI,EACEG,EAASP,EAAS,EACdI,EAAYJ,EAAS,EAAI,GACzBI,EAAYJ,EAAS,EAAI,GACb,SAAdE,GAAwBC,EAAOL,EAAQ,EAAI,GAC7CI,EAAY,GAAGM,SACfP,EAAaE,GACU,UAAdD,GAAyBI,EAAQR,EAAQ,EAAI,GACtDI,EAAY,GAAGM,UACfP,EAAaE,EAAOL,IAEpBI,EAAYM,EACZP,EAAaE,EAAOL,EAAQ,EAEhC,CAGA,OAFAP,EAAmBW,GAEZ,CACLC,KAASF,EAAaJ,EAAhB,KACNQ,IAAQD,EAAYL,EAAcf,EAAgB,EAA7C,KACN,GACA,CACDP,EACAQ,EAAUG,QACVH,EAAUI,QACVN,EACAC,IAGIyB,GAAgBhB,EAAAA,EAAAA,UAAQ,KACrBiB,EAAAA,EAAAA,IAAUrE,GACdsE,KAAKC,GAAMA,EAAE5E,QACb6E,MAAK,CAACC,EAAGC,IAAMA,EAAE/E,MAAQ8E,EAAE9E,SAC7B,CAACK,IAEE2E,GAAKvB,EAAAA,EAAAA,UAAQ,KACVwB,EAAAA,EAAAA,KACJC,KAAKjD,GAAQxB,IACb0E,KAAK,CAACxC,EAAcE,IACpBuC,QAAQ,GACRC,OAAM,IACR,CAAC5E,EAAMkC,EAAcE,KAEjByC,EAAQC,IAAa9B,EAAAA,EAAAA,UAAQ,KAElC,MAEM+B,EAFOR,EAAGP,GAEKa,SAASG,KAAKlF,IAAM,IAAWA,MACpD,MAAO,CAACiF,GAASE,EAAAA,EAAAA,OAAMF,EAAS,aAAa,GAC5C,CAACR,EAAIP,IAEFkB,GAAalC,EAAAA,EAAAA,UAAQ,IAClB6B,EAAOG,KAAKb,IACjB,MAAMP,EAAMO,EAAEgB,GACZzB,EAAOS,EAAEiB,GACT/B,EAAQc,EAAEkB,GAAKlB,EAAEiB,GACjB7B,EAASY,EAAEmB,GAAKnB,EAAEgB,GAEpB,OACE7E,IAAAA,cAAA,OACEiF,IAAKpB,EAAEvE,KAAK4F,KACZC,UAAU,eACV,eAActB,EAAEvE,KAAK4F,KACrBE,MAAO,IACFxF,EACH0D,IAAK,EACLF,KAAM,EACNiC,UAAW,aAAajC,QAAWE,OACnCP,QACAE,UAEFqC,QAASA,IAAMpF,aAAW,EAAXA,EAAc2D,EAAEvE,QAE9BK,aAAY,EAAZA,EAAc4F,WACbvF,IAAAA,cAACwF,EAAAA,uBAAsB,CAACD,SAAU5F,EAAa4F,SAAUjG,KAAMuE,IAE7D,KAGT,CAAC3D,EAAaN,EAAoBD,EAAa4F,SAAUhB,IAEtDkB,GAAiB/C,EAAAA,EAAAA,UAAQ,KACtB,IAAK8B,EAAUtC,EAAUgD,SAC/B,CAACV,EAAWtC,EAAUgD,OAEnBQ,GAAkBhD,EAAAA,EAAAA,UAAQ,KACvBiD,EAAAA,EAAAA,IAA0BvF,IAC/B,MAAMwF,EAAWxF,EAAEyF,OAA0BC,QAAQ,iBAC/CC,EAAUH,aAAO,EAAPA,EAASI,aAAa,gBACtC7D,GAAc8D,IACL,CACL5D,QAASjC,EAAEiC,QACXC,QAASlC,EAAEkC,QACX4C,KAAMU,EAAUG,EAAUE,EAAIf,QAEhC,KAEH,IAEH,OACElF,IAAAA,cAAA,OAAKmF,UAAU,WACbnF,IAAAA,cAAA,OACEmF,UAAU,UACVe,IAAKxE,EACLyE,YAAaT,EACbU,aAAcA,KACZpE,EAAWW,QAAQyC,MAAMiB,WAAa,SAAS,EAEjDC,aAAcA,KACZtE,EAAWW,QAAQyC,MAAMiB,WAAa,QAAQ,GAG/CzB,GAEH5E,IAAAA,cAAA,OACEmF,UAAWoB,IAAW,UAAW,CAC/B/C,OAA4B,WAApBjB,EACRiE,YAAiC,iBAApBjE,EACbkE,WAAgC,gBAApBlE,EACZmE,QAA6B,aAApBnE,EACToE,SAA8B,cAApBpE,EACVe,IAAyB,QAApBf,EACLgB,MAA2B,UAApBhB,IAET6C,MAAO,IACFtF,KACA2C,GAELyD,IAAKlE,IAEJnC,aAAe,EAAfA,EAAiB0F,WAChBvF,IAAAA,cAACwF,EAAAA,uBAAsB,CACrBD,SAAU1F,EAAgB0F,SAC1BjG,KAAMmG,KAMlB,gFC7VImB,QAA0B,GAA4B,KAE1DA,EAAwBC,KAAK,CAACC,EAAOC,GAAI,sgIAAugI,KAEhjI,QAAeH,EAAwBI,yBCPvC,OAOC,WACA,aAEA,IAAIC,EAAS,CAAC,EAAEC,eAEhB,SAASX,IAGR,IAFA,IAAIY,EAAU,GAELC,EAAI,EAAGA,EAAIpJ,UAAUqJ,OAAQD,IAAK,CAC1C,IAAIE,EAAMtJ,UAAUoJ,GAChBE,IACHH,EAAUI,EAAYJ,EAASK,EAAWF,IAE5C,CAEA,OAAOH,CACR,CAEA,SAASK,EAAYF,GACpB,GAAmB,iBAARA,GAAmC,iBAARA,EACrC,OAAOA,EAGR,GAAmB,iBAARA,EACV,MAAO,GAGR,GAAIG,MAAMC,QAAQJ,GACjB,OAAOf,EAAWoB,MAAM,KAAML,GAG/B,GAAIA,EAAIN,WAAaY,OAAOC,UAAUb,WAAaM,EAAIN,SAASA,WAAWc,SAAS,iBACnF,OAAOR,EAAIN,WAGZ,IAAIG,EAAU,GAEd,IAAK,IAAIlC,KAAOqC,EACXL,EAAOc,KAAKT,EAAKrC,IAAQqC,EAAIrC,KAChCkC,EAAUI,EAAYJ,EAASlC,IAIjC,OAAOkC,CACR,CAEA,SAASI,EAAatI,EAAO+I,GAC5B,OAAKA,EAID/I,EACIA,EAAQ,IAAM+I,EAGf/I,EAAQ+I,EAPP/I,CAQT,CAEqC6H,EAAOmB,SAC3C1B,EAAW2B,QAAU3B,EACrBO,EAAOmB,QAAU1B,QAKhB,KAFwB,EAAF,WACtB,OAAOA,CACP,UAFoB,OAEpB,YAIH,CArEA,+DCNe,SAASrH,EAAoBiJ,EAAGC,EAAGrE,GAChD,OAAOA,GAAE,OAAiBoE,EAAGC,GAC/B,8DCFe,SAASnK,EAA4BoK,EAAKC,IACvD,OAA0BD,EAAKC,GAC/BA,EAAWC,IAAIF,EACjB","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/classPrivateGetter.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 assertClassBrand from \"./assertClassBrand.js\";\nexport default function _classPrivateGetter(s, r, a) {\n return a(assertClassBrand(s, r));\n}","import checkPrivateRedeclaration from \"./checkPrivateRedeclaration.js\";\nexport default function _classPrivateMethodInitSpec(obj, privateSet) {\n checkPrivateRedeclaration(obj, privateSet);\n privateSet.add(obj);\n}"],"names":["defineElement","property","event","createDecorators","TailTypes","_ModernStyleTreemap","_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","_classPrivateGetter","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","wrapperClientRect","getBoundingClientRect","widthScale","width","heightScale","height","scaledLeft","placement","left","scaledTop","top","right","bottom","topOrBottom","hierarchyNode","hierarchy","sum","d","sort","a","b","tm","treemap","tile","size","padding","round","leaves","leavesMap","_leaves","map","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","s","r","obj","privateSet","add"],"sourceRoot":""}
|
|
1
|
+
{"version":3,"file":"chunks/modern-style-treemap.f2d8f3aa.js","mappings":";2eAsBA,MAAM,cAAEA,EAAa,SAAEC,EAAQ,MAAEC,IAAUC,EAAAA,EAAAA,oBAAmB,IAEzDC,EAAS,SAATA,GAAS,OAATA,EAAS,8BAATA,EAAS,0BAATA,EAAS,sCAATA,EAAS,4BAATA,EAAS,oCAATA,EAAS,kCAATA,CAAS,EAATA,GAAS,QAAAC,EAAA,IAAAC,EAAA,IAAAC,QAAAC,GAAA,IAAAD,QAAAE,GAAA,IAAAF,QAAAG,GAAA,IAAAH,QAAAI,GAAA,IAAAJ,QAAAK,GAAA,IAAAL,QAAAM,GAAA,IAAAN,QAAAO,GAAA,IAAAC,QAAAC,GAAA,IAAAT,QA8Bd,MAAAU,WAIUC,EAAAA,iBAEVC,WAAAA,GAAA,SAAAC,YAAAC,EAAAA,EAAAA,GAAA,KAAAP,KACEQ,EAAAA,EAAAA,GAAA,KAAAhB,EAAAiB,EAAA,QAWAD,EAAAA,EAAAA,GAAA,KAAAd,IAAAgB,EAAA,MAAAC,EAAA,KAS2BrB,EAA2B,oBAEtDkB,EAAAA,EAAAA,GAAA,KAAAb,IAAAiB,EAAA,MAAAC,EAAA,SAWAL,EAAAA,EAAAA,GAAA,KAAAZ,IAAAkB,EAAA,MAAAC,EAAA,SAWAP,EAAAA,EAAAA,GAAA,KAAAX,IAAAmB,EAAA,MAAAC,EAAA,SAWAT,EAAAA,EAAAA,GAAA,KAAAV,IAAAoB,EAAA,MAAAC,EAAA,SAWAX,EAAAA,EAAAA,GAAA,KAAAT,IAAAqB,EAAA,MAAAC,EAAA,SAOAb,EAAAA,EAAAA,GAAA,KAAAN,IAAYoB,EAAA,MAAIC,KACdC,EAAAA,EAAAA,GAAAxB,GAAAyB,KAAKC,GAAcC,KAAKJ,EAAM,GAC9B,SAlEOK,GAAI,OAAAC,EAAAA,EAAAA,GAAArC,EAAA,cAAJoC,CAAIE,IAAAC,EAAAA,EAAAA,GAAAvC,EAAA,KAAAsC,EAAA,SAWJE,GAAI,OAAAH,EAAAA,EAAAA,GAAAnC,GAAA,cAAJsC,CAAIF,IAAAC,EAAAA,EAAAA,GAAArC,GAAA,KAAAoC,EAAA,iBAWJG,GAAY,OAAAJ,EAAAA,EAAAA,GAAAlC,GAAA,sBAAZsC,CAAYH,IAAAC,EAAAA,EAAAA,GAAApC,GAAA,KAAAmC,EAAA,uBAWZI,GAAkB,OAAAL,EAAAA,EAAAA,GAAAjC,GAAA,4BAAlBsC,CAAkBJ,IAAAC,EAAAA,EAAAA,GAAAnC,GAAA,KAAAkC,EAAA,oBAWlBK,GAAe,OAAAN,EAAAA,EAAAA,GAAAhC,GAAA,yBAAfsC,CAAeL,IAAAC,EAAAA,EAAAA,GAAAlC,GAAA,KAAAiC,EAAA,iBAWfM,GAAY,OAAAP,EAAAA,EAAAA,GAAA/B,GAAA,sBAAZsC,CAAYN,IAAAC,EAAAA,EAAAA,GAAAjC,GAAA,KAAAgC,EAAA,CAarBO,MAAAA,GACE,OACEC,IAAAA,cAACC,GAAyB,CACxBX,KAAMH,KAAKG,KACXI,KAAMP,KAAKO,KACXC,aAAcR,KAAKQ,aACnBC,mBAAoBT,KAAKS,mBACzBC,gBAAiBV,KAAKU,gBACtBC,aAAcX,KAAKW,aACnBI,aAAaX,EAAAA,EAAAA,GAAK3B,GAALuB,OAGnB,EACDgB,EAAAtC,KAAAuC,GAAAjC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAK,EAAAiB,EAAArB,GAAAsB,GAAArD,EAAAsD,KAAAC,EAAAA,EAAAA,GAAAL,EAAA,CAjGAvD,EAAc,iCAAkC,CAC/C6D,WAAY,CAACC,EAAAA,EAAoBC,EAAAA,MACjC,EAWC9D,EAAS,CACR+D,WAAW,IACX,WASD/D,EAAS,CACR+D,WAAW,IACX,WASD/D,EAAS,CACR+D,WAAW,IACX,mBASD/D,EAAS,CACR+D,WAAW,IACX,yBASD/D,EAAS,CACR+D,WAAW,IACX,sBASD/D,EAAS,CACR+D,WAAW,IACX,mBAOD9D,EAAM,CAAE+D,KAAM,kBAAkB,iBAAAC,IAAAvB,EAAAA,EAAAA,GAAA9B,GAAAqD,GAAA,CAAAA,EAAAtB,KAAAC,EAAAA,EAAAA,GAAAhC,GAAAqD,EAAAtB,KAAA,GAAAuB,GAAAnD,GAAAoD,KAAAC,EAAAA,EAAAA,GAAAF,KAzEzBjD,EAAAA,mBAAgByC,IA+F1B,MAAMW,GAAU,CACd,CAAClE,EAAyB,eAAImE,EAAAA,EAC9B,CAACnE,EAAuB,aAAIoE,EAAAA,EAC5B,CAACpE,EAA6B,mBAAIqE,EAAAA,EAClC,CAACrE,EAAwB,cAAIsE,EAAAA,EAC7B,CAACtE,EAA4B,kBAAIuE,EAAAA,EACjC,CAACvE,EAA2B,iBAAIwE,EAAAA,IAGlC,SAASvB,GACPwB,GAEA,MAAM,KACJnC,EAAI,KACJI,EAAI,aACJC,EAAY,mBACZC,EAAkB,gBAClBC,EAAe,aACfC,EAAY,YACZI,GACEuB,GAGFC,GACEC,YAAaC,EAAcC,aAAcC,KACzCC,EAAAA,EAAAA,MACGC,GAAcH,aAAcI,KACjCF,EAAAA,EAAAA,MACKG,EAAWC,IAAgBC,EAAAA,EAAAA,UAI/B,CAAEC,QAAS,EAAGC,QAAS,KACnBC,EAAiBC,IAAsBJ,EAAAA,EAAAA,YAExCK,GAAmBC,EAAAA,EAAAA,UAAQ,KAC/B,IAAKhB,EAAWiB,QAAS,OACzB,MAAMC,EAAoBlB,EAAWiB,QAAQE,wBAEvCC,EAAaF,EAAkBG,MAAQrB,EAAWiB,QAAQhB,YAC1DqB,EACJJ,EAAkBK,OAASvB,EAAWiB,QAAQd,aAEhD,IAAIqB,EAAYC,EAChB,MAAMC,EAAOlB,EAAUG,QAAUO,EAAkBQ,KACnD,IAAIC,EAAYnB,EAAUI,QAAUM,EAAkBU,IACtD,MAAMC,EAAQX,EAAkBW,MAAQrB,EAAUG,QAC5CmB,EAASZ,EAAkBY,OAAStB,EAAUI,SAE9C,MAAES,EAAK,OAAEE,GAAWjB,EAAWW,QAAQE,wBAS7C,GARAK,EAAaE,EAAO,GAChBG,EAAQR,IACVG,EAAaE,EAAOL,EAAQ,GAC5BI,EAAY,SAEVC,EAAOL,IACTI,EAAY,QAEVK,EAASP,EAAS,GAAKI,EAAYJ,EAAS,EAAG,CACjD,MAAMQ,EAAcD,EAASP,EAAS,EAAI,SAAW,MACrDI,EACEG,EAASP,EAAS,EACdI,EAAYJ,EAAS,EAAI,GACzBI,EAAYJ,EAAS,EAAI,GACb,SAAdE,GAAwBC,EAAOL,EAAQ,EAAI,GAC7CI,EAAY,GAAGM,SACfP,EAAaE,GACU,UAAdD,GAAyBI,EAAQR,EAAQ,EAAI,GACtDI,EAAY,GAAGM,UACfP,EAAaE,EAAOL,IAEpBI,EAAYM,EACZP,EAAaE,EAAOL,EAAQ,EAEhC,CAGA,OAFAP,EAAmBW,GAEZ,CACLC,KAASF,EAAaJ,EAAhB,KACNQ,IAAQD,EAAYL,EAAcf,EAAgB,EAA7C,KACN,GACA,CACDP,EACAQ,EAAUG,QACVH,EAAUI,QACVN,EACAC,IAGIyB,GAAgBhB,EAAAA,EAAAA,UAAQ,KACrBiB,EAAAA,EAAAA,IAAUrE,GACdsE,KAAKC,GAAMA,EAAE5E,QACb6E,MAAK,CAACC,EAAGC,IAAMA,EAAE/E,MAAQ8E,EAAE9E,SAC7B,CAACK,IAEE2E,GAAKvB,EAAAA,EAAAA,UAAQ,KACVwB,EAAAA,EAAAA,KACJC,KAAKjD,GAAQxB,IACb0E,KAAK,CAACxC,EAAcE,IACpBuC,QAAQ,GACRC,OAAM,IACR,CAAC5E,EAAMkC,EAAcE,KAEjByC,EAAQC,IAAa9B,EAAAA,EAAAA,UAAQ,KAElC,MAEM+B,EAFOR,EAAGP,GAEKa,SAASG,KAAKlF,IAAM,IAAWA,MACpD,MAAO,CAACiF,GAASE,EAAAA,EAAAA,OAAMF,EAAS,aAAa,GAC5C,CAACR,EAAIP,IAEFkB,GAAalC,EAAAA,EAAAA,UAAQ,IAClB6B,EAAOG,KAAKb,IACjB,MAAMP,EAAMO,EAAEgB,GACZzB,EAAOS,EAAEiB,GACT/B,EAAQc,EAAEkB,GAAKlB,EAAEiB,GACjB7B,EAASY,EAAEmB,GAAKnB,EAAEgB,GAEpB,OACE7E,IAAAA,cAAA,OACEiF,IAAKpB,EAAEvE,KAAK4F,KACZC,UAAU,eACV,eAActB,EAAEvE,KAAK4F,KACrBE,MAAO,IACFxF,EACH0D,IAAK,EACLF,KAAM,EACNiC,UAAW,aAAajC,QAAWE,OACnCP,QACAE,UAEFqC,QAASA,IAAMpF,aAAW,EAAXA,EAAc2D,EAAEvE,QAE9BK,aAAY,EAAZA,EAAc4F,WACbvF,IAAAA,cAACwF,EAAAA,uBAAsB,CAACD,SAAU5F,EAAa4F,SAAUjG,KAAMuE,IAE7D,KAGT,CAAC3D,EAAaN,EAAoBD,EAAa4F,SAAUhB,IAEtDkB,GAAiB/C,EAAAA,EAAAA,UAAQ,KACtB,IAAK8B,EAAUtC,EAAUgD,SAC/B,CAACV,EAAWtC,EAAUgD,OAEnBQ,GAAkBhD,EAAAA,EAAAA,UAAQ,KACvBiD,EAAAA,EAAAA,IAA0BvF,IAC/B,MAAMwF,EAAWxF,EAAEyF,OAA0BC,QAAQ,iBAC/CC,EAAUH,aAAO,EAAPA,EAASI,aAAa,gBACtC7D,GAAc8D,IACL,CACL5D,QAASjC,EAAEiC,QACXC,QAASlC,EAAEkC,QACX4C,KAAMU,EAAUG,EAAUE,EAAIf,QAEhC,KAEH,IAEH,OACElF,IAAAA,cAAA,OAAKmF,UAAU,WACbnF,IAAAA,cAAA,OACEmF,UAAU,UACVe,IAAKxE,EACLyE,YAAaT,EACbU,aAAcA,KACZpE,EAAWW,QAAQyC,MAAMiB,WAAa,SAAS,EAEjDC,aAAcA,KACZtE,EAAWW,QAAQyC,MAAMiB,WAAa,QAAQ,GAG/CzB,GAEH5E,IAAAA,cAAA,OACEmF,UAAWoB,IAAW,UAAW,CAC/B/C,OAA4B,WAApBjB,EACRiE,YAAiC,iBAApBjE,EACbkE,WAAgC,gBAApBlE,EACZmE,QAA6B,aAApBnE,EACToE,SAA8B,cAApBpE,EACVe,IAAyB,QAApBf,EACLgB,MAA2B,UAApBhB,IAET6C,MAAO,IACFtF,KACA2C,GAELyD,IAAKlE,IAEJnC,aAAe,EAAfA,EAAiB0F,WAChBvF,IAAAA,cAACwF,EAAAA,uBAAsB,CACrBD,SAAU1F,EAAgB0F,SAC1BjG,KAAMmG,KAMlB,gFC7VImB,QAA0B,GAA4B,KAE1DA,EAAwBC,KAAK,CAACC,EAAOC,GAAI,sgIAAugI,KAEhjI,QAAeH,EAAwBI,yBCPvC,OAOC,WACA,aAEA,IAAIC,EAAS,CAAC,EAAEC,eAEhB,SAASX,IAGR,IAFA,IAAIY,EAAU,GAELC,EAAI,EAAGA,EAAIpJ,UAAUqJ,OAAQD,IAAK,CAC1C,IAAIE,EAAMtJ,UAAUoJ,GAChBE,IACHH,EAAUI,EAAYJ,EAASK,EAAWF,IAE5C,CAEA,OAAOH,CACR,CAEA,SAASK,EAAYF,GACpB,GAAmB,iBAARA,GAAmC,iBAARA,EACrC,OAAOA,EAGR,GAAmB,iBAARA,EACV,MAAO,GAGR,GAAIG,MAAMC,QAAQJ,GACjB,OAAOf,EAAWoB,MAAM,KAAML,GAG/B,GAAIA,EAAIN,WAAaY,OAAOC,UAAUb,WAAaM,EAAIN,SAASA,WAAWc,SAAS,iBACnF,OAAOR,EAAIN,WAGZ,IAAIG,EAAU,GAEd,IAAK,IAAIlC,KAAOqC,EACXL,EAAOc,KAAKT,EAAKrC,IAAQqC,EAAIrC,KAChCkC,EAAUI,EAAYJ,EAASlC,IAIjC,OAAOkC,CACR,CAEA,SAASI,EAAatI,EAAO+I,GAC5B,OAAKA,EAID/I,EACIA,EAAQ,IAAM+I,EAGf/I,EAAQ+I,EAPP/I,CAQT,CAEqC6H,EAAOmB,SAC3C1B,EAAW2B,QAAU3B,EACrBO,EAAOmB,QAAU1B,QAKhB,KAFwB,EAAF,WACtB,OAAOA,CACP,UAFoB,OAEpB,YAIH,CArEA,+DCNe,SAASrH,EAAoBiJ,EAAGC,EAAGrE,GAChD,OAAOA,GAAE,OAAiBoE,EAAGC,GAC/B,8DCFe,SAASnK,EAA4BoK,EAAKC,IACvD,OAA0BD,EAAKC,GAC/BA,EAAWC,IAAIF,EACjB","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/classPrivateGetter.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 assertClassBrand from \"./assertClassBrand.js\";\nexport default function _classPrivateGetter(s, r, a) {\n return a(assertClassBrand(s, r));\n}","import checkPrivateRedeclaration from \"./checkPrivateRedeclaration.js\";\nexport default function _classPrivateMethodInitSpec(obj, privateSet) {\n checkPrivateRedeclaration(obj, privateSet);\n privateSet.add(obj);\n}"],"names":["defineElement","property","event","createDecorators","TailTypes","_ModernStyleTreemap","_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","_classPrivateGetter","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","wrapperClientRect","getBoundingClientRect","widthScale","width","heightScale","height","scaledLeft","placement","left","scaledTop","top","right","bottom","topOrBottom","hierarchyNode","hierarchy","sum","d","sort","a","b","tm","treemap","tile","size","padding","round","leaves","leavesMap","_leaves","map","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","s","r","obj","privateSet","add"],"sourceRoot":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
(()=>{"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={5704:(e,t,r)=>{var a={"./gauge-chart":()=>Promise.all([r.e(8769),r.e(1929),r.e(4223),r.e(4099)]).then((()=>()=>r(825))),"./modern-style-component-title":()=>Promise.all([r.e(8769),r.e(1929),r.e(4223),r.e(5289)]).then((()=>()=>r(4495))),"./modern-style-page-title":()=>Promise.all([r.e(8769),r.e(1929),r.e(4223),r.e(9875)]).then((()=>()=>r(2945))),"./tabs-drawer":()=>Promise.all([r.e(8769),r.e(1929),r.e(4223),r.e(1919)]).then((()=>()=>r(8909))),"./modern-style-treemap":()=>Promise.all([r.e(1977),r.e(8769),r.e(1929),r.e(4223),r.e(2445),r.e(6484),r.e(859),r.e(2943)]).then((()=>()=>r(5197))),"./battery-chart":()=>Promise.all([r.e(8769),r.e(1929),r.e(4223),r.e(7965)]).then((()=>()=>r(4259))),"./dropdown-menu":()=>Promise.all([r.e(8769),r.e(1929),r.e(4223),r.e(2445),r.e(8576)]).then((()=>()=>r(1274))),"./complex-search":()=>Promise.all([r.e(8769),r.e(1929),r.e(4223),r.e(6484),r.e(610),r.e(5994)]).then((()=>()=>r(6060))),"./loading-panel":()=>Promise.all([r.e(1977),r.e(8769),r.e(1929),r.e(4223),r.e(5332)]).then((()=>()=>r(3374))),"./particle-animation":()=>Promise.all([r.e(8769),r.e(1929),r.e(4223),r.e(780)]).then((()=>()=>r(5390))),"./app-wall-card-item":()=>Promise.all([r.e(8769),r.e(1929),r.e(4223),r.e(8172)]).then((()=>()=>r(1440))),"./app-wall-system-card":()=>Promise.all([r.e(8769),r.e(1929),r.e(4223),r.e(8460)]).then((()=>()=>r(4392))),"./app-wall-relation-line":()=>Promise.all([r.e(8769),r.e(1929),r.e(4223),r.e(7473)]).then((()=>()=>r(6041))),"./cabinet-button":()=>Promise.all([r.e(8769),r.e(1929),r.e(4223),r.e(6614)]).then((()=>()=>r(143))),"./cabinet-node":()=>Promise.all([r.e(8769),r.e(1929),r.e(4223),r.e(6306)]).then((()=>()=>r(1663))),"./cabinet-app-layer":()=>Promise.all([r.e(8769),r.e(1929),r.e(4223),r.e(1787)]).then((()=>()=>r(224))),"./cabinet-container":()=>Promise.all([r.e(1977),r.e(8769),r.e(1929),r.e(4223),r.e(4219)]).then((()=>()=>r(8540))),"./cabinet-thumbnail":()=>Promise.all([r.e(1977),r.e(8769),r.e(1929),r.e(4223),r.e(3158)]).then((()=>()=>r(8393))),"./cabinet-graph":()=>Promise.all([r.e(8769),r.e(1929),r.e(4223),r.e(3446)]).then((()=>()=>r(9391))),"./app-wall":()=>Promise.all([r.e(5591),r.e(8769),r.e(1929),r.e(4223),r.e(2445),r.e(1493),r.e(9749)]).then((()=>()=>r(571))),"./graph-text":()=>Promise.all([r.e(8769),r.e(1929),r.e(4223),r.e(610),r.e(3719)]).then((()=>()=>r(2715))),"./graph-node":()=>Promise.all([r.e(8769),r.e(1929),r.e(4223),r.e(3614)]).then((()=>()=>r(6950))),"./graph-layout-grid":()=>Promise.all([r.e(8769),r.e(1929),r.e(4223),r.e(5737)]).then((()=>()=>r(6893))),"./grid-background":()=>Promise.all([r.e(8769),r.e(1929),r.e(4223),r.e(6448)]).then((()=>()=>r(6162))),"./gear-background":()=>Promise.all([r.e(8769),r.e(1929),r.e(4223),r.e(3147)]).then((()=>()=>r(5121))),"./radar-chart":()=>Promise.all([r.e(8769),r.e(1929),r.e(4223),r.e(2445),r.e(4194)]).then((()=>()=>r(3076))),"./title-text":()=>Promise.all([r.e(8769),r.e(1929),r.e(4223),r.e(8113)]).then((()=>()=>r(9063))),"./brick-notification":()=>Promise.all([r.e(8769),r.e(1929),r.e(4223),r.e(8418)]).then((()=>()=>r(980))),"./tabs-page-title":()=>Promise.all([r.e(8769),r.e(1929),r.e(4223),r.e(476)]).then((()=>()=>r(5558))),"./top-title-bar":()=>Promise.all([r.e(8769),r.e(1929),r.e(4223),r.e(3697)]).then((()=>()=>r(6319))),"./lights-component-title":()=>Promise.all([r.e(8769),r.e(1929),r.e(4223),r.e(9831)]).then((()=>()=>r(53))),"./hi-tech-button":()=>Promise.all([r.e(8769),r.e(1929),r.e(4223),r.e(8416)]).then((()=>()=>r(2466))),"./tech-mesh-base-view":()=>Promise.all([r.e(8769),r.e(1929),r.e(4223),r.e(4291),r.e(2479)]).then((()=>()=>r(6253))),"./simple-card-item":()=>Promise.all([r.e(8769),r.e(1929),r.e(4223),r.e(4291),r.e(9316)]).then((()=>()=>r(1078))),"./basic-index-group":()=>Promise.all([r.e(8769),r.e(1929),r.e(4223),r.e(2445),r.e(4291),r.e(9630)]).then((()=>()=>r(1560))),"./data-display-flipper":()=>Promise.all([r.e(8769),r.e(1929),r.e(4223),r.e(4291),r.e(8291)]).then((()=>()=>r(5193))),"./data-display-flipper-fifth":()=>Promise.all([r.e(8769),r.e(1929),r.e(4223),r.e(4291),r.e(863)]).then((()=>()=>r(5205))),"./data-display-flipper-sixth":()=>Promise.all([r.e(8769),r.e(1929),r.e(4223),r.e(4291),r.e(6776)]).then((()=>()=>r(4650))),"./indicator-card":()=>Promise.all([r.e(8769),r.e(1929),r.e(4223),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})}},w={};function k(e){var t=w[e];if(void 0!==t)return t.exports;var r=w[e]={id:e,loaded:!1,exports:{}};return y[e].call(r.exports,r,r.exports,k),r.loaded=!0,r.exports}k.m=y,k.c=w,k.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return k.d(t,{a:t}),t},k.d=(e,t)=>{for(var r in t)k.o(t,r)&&!k.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},k.f={},k.e=e=>Promise.all(Object.keys(k.f).reduce(((t,r)=>(k.f[r](e,t),t)),[])),k.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)+"."+{4:"87e32038",114:"d587f9e1",476:"a1cf592d",610:"104b8476",726:"a10b6d04",780:"2cc1840e",859:"a65005e4",863:"b9a68c35",871:"23dd7752",886:"bbfd9619",1030:"89f1b8c7",1045:"f9f3e45d",1092:"2617a3d6",1122:"d9799e32",1302:"4d5fd21d",1493:"33e463e9",1580:"99c7200c",1760:"86c86d18",1787:"807f928c",1889:"7e953be6",1919:"b3d86302",1929:"9a7eca11",1940:"ea8cdc75",1977:"76fea8cd",2052:"bfbaafff",2277:"698fefeb",2445:"f84e0bbc",2479:"e858e45d",2943:"f2d8f3aa",3144:"bece25ea",3147:"f8740c28",3158:"bcf9ef89",3171:"11d2db66",3446:"4344fbd7",3614:"e57adcc6",3697:"ce9993c6",3719:"8e06d7ee",3751:"310c5e2d",3933:"48ba5b7e",4041:"f695feb3",4099:"98e6c96d",4194:"d532d579",4219:"5d33a483",4223:"c7922883",4291:"e8c9ad6e",4307:"65bdb92a",4658:"61c6edfe",4741:"219f392b",4837:"98ca428a",5250:"0ef689bf",5289:"b55d49e1",5332:"5fbc153c",5384:"2fcb1590",5399:"f720d665",5552:"a1b0112d",5591:"0e428668",5737:"158e034a",5994:"ed5a647d",6306:"a055ad4e",6314:"cd63419a",6448:"fdaa6489",6484:"071ce7db",6519:"d450944f",6614:"afcbe5d3",6773:"339dc63e",6776:"fd33ec66",6916:"cdcb3f7c",7218:"51851afb",7473:"6fe8e942",7721:"847ca3e9",7733:"52e02298",7761:"e0c961c3",7905:"84235d2a",7965:"59bf4a8c",8097:"18dde4b8",8113:"cb50b7ca",8172:"c280c8f0",8291:"e7a20543",8416:"2ee0cd28",8418:"e0e7e065",8460:"17f26ab2",8576:"9007ea2a",8769:"a8378458",8896:"b7a8eeb2",8989:"7a8cbba1",9316:"f9aa70e9",9435:"1fe92cdc",9515:"d6d0210f",9542:"fe2d2e4b",9559:"4d452db7",9630:"2f16eeff",9749:"9e180297",9755:"6603d492",9780:"a6be9325",9831:"dd1fa2b9",9844:"ac199f4f",9875:"4df66820"}[e]+".js",k.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),k.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),e={},t="@next-bricks/data-view:",k.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,k.nc&&o.setAttribute("nonce",k.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)}},k.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},k.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),(()=>{k.S={};var e={},t={};k.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];k.o(k.S,r)||(k.S[r]={});var l=k.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.4",(()=>k.e(6773).then((()=>()=>k(6773))))),i("@easyops-cn/brick-next-pipes","0.6.0",(()=>Promise.all([k.e(4741),k.e(886)]).then((()=>()=>k(4741))))),i("@next-core/cook","2.4.5",(()=>Promise.all([k.e(1122),k.e(1760)]).then((()=>()=>k(1122))))),i("@next-core/element","1.2.10",(()=>k.e(1045).then((()=>()=>k(1045))))),i("@next-core/http","1.2.5",(()=>k.e(8989).then((()=>()=>k(8989))))),i("@next-core/i18n/react","1.0.56",(()=>Promise.all([k.e(4307),k.e(8097)]).then((()=>()=>k(8097))))),i("@next-core/i18n","1.0.56",(()=>Promise.all([k.e(8896),k.e(4307),k.e(9755),k.e(5552)]).then((()=>()=>k(5552))))),i("@next-core/inject","1.0.38",(()=>Promise.all([k.e(1092),k.e(1030),k.e(2277)]).then((()=>()=>k(2277))))),i("@next-core/loader","1.6.3",(()=>k.e(5399).then((()=>()=>k(5399))))),i("@next-core/pipes","2.0.23",(()=>k.e(6519).then((()=>()=>k(6519))))),i("@next-core/react-element","1.0.29",(()=>Promise.all([k.e(8769),k.e(1929),k.e(9435),k.e(114)]).then((()=>()=>k(114))))),i("@next-core/react-runtime","1.6.13",(()=>Promise.all([k.e(8769),k.e(4223),k.e(2445),k.e(6916),k.e(4837)]).then((()=>()=>k(4837))))),i("@next-core/runtime","1.49.9",(()=>Promise.all([k.e(4),k.e(8896),k.e(1030),k.e(4307),k.e(1302),k.e(1580),k.e(7761)]).then((()=>()=>k(4))))),i("@next-core/supply","2.1.19",(()=>Promise.all([k.e(1092),k.e(1030),k.e(1302),k.e(9559)]).then((()=>()=>k(9559))))),i("@next-core/theme","1.5.2",(()=>Promise.all([k.e(1889),k.e(2052)]).then((()=>()=>k(1889))))),i("@next-core/utils/general","1.7.14",(()=>k.e(871).then((()=>()=>k(871))))),i("@next-core/utils/storyboard","1.7.14",(()=>Promise.all([k.e(8896),k.e(1580),k.e(3933)]).then((()=>()=>k(3933))))),i("history","4.10.1",(()=>k.e(5384).then((()=>()=>k(5384))))),i("i18next-browser-languagedetector","7.2.1",(()=>k.e(726).then((()=>()=>k(726))))),i("i18next","22.5.1",(()=>k.e(9542).then((()=>()=>k(9542))))),i("js-yaml","3.14.1",(()=>k.e(9515).then((()=>()=>k(9515))))),i("lodash","4.17.21",(()=>k.e(5250).then((()=>()=>k(5250))))),i("moment/locale/zh-cn.js","2.30.1",(()=>Promise.all([k.e(7721),k.e(9844)]).then((()=>()=>k(1329))))),i("moment","2.30.1",(()=>Promise.all([k.e(7721),k.e(9844)]).then((()=>()=>k(9420))))),i("react-dom","0.0.0-experimental-ee8509801-20230117",(()=>Promise.all([k.e(3144),k.e(8769)]).then((()=>()=>k(3144))))),i("react-i18next","12.3.1",(()=>Promise.all([k.e(9780),k.e(8769)]).then((()=>()=>k(9780))))),i("react","0.0.0-experimental-ee8509801-20230117",(()=>k.e(4041).then((()=>()=>k(4041)))))),e[r]=c.length?Promise.all(c).then((()=>e[r]=1)):1}}})(),(()=>{var e;k.g.importScripts&&(e=k.g.location+"");var t=k.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(/\/[^\/]+$/,"/"),k.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 Object.keys(r).reduce(((e,t)=>!e||!r[e].loaded&&a(e,t)?t:e),0)},i=(e,t,r,a)=>"Unsatisfied version "+r+" from "+(r&&e[t][r].from)+" of shared singleton module "+t+" (required "+n(a)+")",c=(e,t,r,a)=>{var n=o(e,r);return f(e[r][n])},d=(e,t,r,a)=>{var n=o(e,r);return l(a,n)||h(i(e,r,n,a)),f(e[r][n])},s=(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]},h=e=>{"undefined"!=typeof console&&console.warn&&console.warn(e)},f=e=>(e.loaded=1,e.get()),p=(u=e=>function(t,r,a,n){var l=k.I(t);return l&&l.then?l.then(e.bind(e,t,k.S[t],r,a,n)):e(t,k.S[t],r,a,n)})(((e,t,r,a)=>t&&k.o(t,r)?c(t,0,r):a())),m=u(((e,t,r,a,n)=>t&&k.o(t,r)?d(t,0,r,a):n())),b=u(((e,t,r,a,n)=>{var l=t&&k.o(t,r)&&s(t,r,a);return l?f(l):n()})),g={},P={1204:()=>m("default","js-yaml",[1,3,14,0],(()=>k.e(9515).then((()=>()=>k(9515))))),5521:()=>m("default","lodash",[1,4,17,19],(()=>k.e(5250).then((()=>()=>k(5250))))),8297:()=>m("default","moment",[1,2,27,0],(()=>Promise.all([k.e(7721),k.e(9844)]).then((()=>()=>k(9420))))),1760:()=>m("default","@babel/parser",[1,7,24,7],(()=>k.e(6773).then((()=>()=>k(6773))))),4307:()=>m("default","@next-core/i18n",[1,1,0,56],(()=>Promise.all([k.e(8896),k.e(9755),k.e(3171)]).then((()=>()=>k(5552))))),7825:()=>m("default","react-i18next",[1,12,3,1],(()=>Promise.all([k.e(9780),k.e(8769)]).then((()=>()=>k(9780))))),8896:()=>m("default","@next-core/utils/general",[1,1,7,14],(()=>k.e(871).then((()=>()=>k(871))))),2350:()=>m("default","i18next",[1,22,5,1],(()=>k.e(9542).then((()=>()=>k(9542))))),7072:()=>m("default","i18next-browser-languagedetector",[1,7,2,1],(()=>k.e(726).then((()=>()=>k(726))))),1092:()=>m("default","@next-core/pipes",[1,2,0,23],(()=>k.e(6519).then((()=>()=>k(6519))))),1030:()=>m("default","lodash",[1,4,17,21],(()=>k.e(5250).then((()=>()=>k(5250))))),161:()=>m("default","@easyops-cn/brick-next-pipes",[2,0,6,0],(()=>Promise.all([k.e(4741),k.e(886)]).then((()=>()=>k(4741))))),8769:()=>b("default","react",[6,0,0,0,,"experimental-ee8509801-20230117"],(()=>k.e(4041).then((()=>()=>k(4041))))),1929:()=>b("default","@next-core/element",[1,1,2,10],(()=>k.e(1045).then((()=>()=>k(1045))))),9435:()=>b("default","react-dom",[6,0,0,0,,"experimental-ee8509801-20230117"],(()=>k.e(3144).then((()=>()=>k(3144))))),4223:()=>b("default","@next-core/react-element",[1,1,0,29],(()=>Promise.all([k.e(1929),k.e(9435),k.e(7733)]).then((()=>()=>k(114))))),2445:()=>p("default","lodash",(()=>k.e(5250).then((()=>()=>k(5250))))),6916:()=>m("default","@next-core/runtime",[1,1,49,9],(()=>Promise.all([k.e(4),k.e(8896),k.e(1030),k.e(4307),k.e(1302),k.e(1580),k.e(7761)]).then((()=>()=>k(4))))),1302:()=>m("default","moment",[1,2,30,1],(()=>Promise.all([k.e(7721),k.e(9844)]).then((()=>()=>k(9420))))),1580:()=>m("default","@next-core/cook",[1,2,4,5],(()=>Promise.all([k.e(1122),k.e(1760)]).then((()=>()=>k(1122))))),537:()=>m("default","@next-core/inject",[1,1,0,38],(()=>Promise.all([k.e(1092),k.e(4658)]).then((()=>()=>k(2277))))),2890:()=>m("default","history",[1,4,10,1],(()=>k.e(5384).then((()=>()=>k(5384))))),3465:()=>m("default","@next-core/http",[1,1,2,5],(()=>k.e(3751).then((()=>()=>k(8989))))),4615:()=>m("default","@next-core/loader",[1,1,6,3],(()=>k.e(5399).then((()=>()=>k(5399))))),5684:()=>m("default","@next-core/supply",[1,2,1,19],(()=>Promise.all([k.e(1092),k.e(1940)]).then((()=>()=>k(9559))))),6036:()=>m("default","moment/locale/zh-cn.js",[1,2,30,1],(()=>Promise.all([k.e(7721),k.e(9844)]).then((()=>()=>k(1329))))),9680:()=>m("default","@next-core/utils/storyboard",[1,1,7,14],(()=>k.e(6314).then((()=>()=>k(3933))))),6484:()=>b("default","@next-core/react-runtime",[1,1,6,13],(()=>Promise.all([k.e(2445),k.e(6916),k.e(7218)]).then((()=>()=>k(4837))))),610:()=>m("default","@next-core/i18n/react",[1,1,0,56],(()=>Promise.all([k.e(4307),k.e(8097)]).then((()=>()=>k(8097))))),4291:()=>p("default","@next-core/theme",(()=>k.e(1889).then((()=>()=>k(1889)))))},v={610:[610],886:[1204,5521,8297],1030:[1030],1092:[1092],1302:[1302],1580:[1580],1760:[1760],1929:[1929],2445:[2445],4223:[4223],4291:[4291],4307:[4307],6484:[6484],6519:[161],6916:[6916],7761:[537,2890,3465,4615,5684,6036,9680],8097:[7825],8769:[8769],8896:[8896],9435:[9435],9755:[2350,7072]},x={},k.f.consumes=(e,t)=>{k.o(v,e)&&v[e].forEach((e=>{if(k.o(g,e))return t.push(g[e]);if(!x[e]){var r=t=>{g[e]=0,k.m[e]=r=>{delete k.c[e],r.exports=t()}};x[e]=!0;var a=t=>{delete g[e],k.m[e]=r=>{throw delete k.c[e],t}};try{var n=P[e]();n.then?t.push(g[e]=n.then(r).catch(a)):r(n)}catch(e){a(e)}}}))},(()=>{k.b=document.baseURI||self.location.href;var e={1370:0};k.f.j=(t,r)=>{var a=k.o(e,t)?e[t]:void 0;if(0!==a)if(a)r.push(a[2]);else if(/^(1((03|58|76)0|092|302|929)|4(223|291|307)|6(10|484|916)|8(769|86|896)|(244|943|975)5|7761)$/.test(t))e[t]=0;else{var n=new Promise(((r,n)=>a=e[t]=[r,n]));r.push(a[2]=n);var l=k.p+k.u(t),o=new Error;k.l(l,(r=>{if(k.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)k.o(o,a)&&(k.m[a]=o[a]);i&&i(k)}for(t&&t(r);c<l.length;c++)n=l[c],k.o(e,n)&&e[n]&&e[n][0](),e[n]=0},r=globalThis.webpackChunk_next_bricks_data_view=globalThis.webpackChunk_next_bricks_data_view||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})(),k.nc=void 0;var j=k(5704);window["bricks/data-view"]=j})();
|
|
2
|
+
//# sourceMappingURL=index.9ae8ee38.js.map
|