@next-bricks/data-view 1.3.7 → 1.3.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (48) hide show
  1. package/dist/bricks.json +3 -3
  2. package/dist/chunks/{3171.3e78212b.js → 3171.363b0b08.js} +2 -2
  3. package/dist/chunks/{5552.8441d588.js.map → 3171.363b0b08.js.map} +1 -1
  4. package/dist/chunks/{3933.c01ffb09.js → 3933.7d7d4b5d.js} +2 -2
  5. package/dist/chunks/{3933.c01ffb09.js.map → 3933.7d7d4b5d.js.map} +1 -1
  6. package/dist/chunks/{4263.9708be6f.js → 4263.93cb2dd3.js} +2 -2
  7. package/dist/chunks/{4263.9708be6f.js.map → 4263.93cb2dd3.js.map} +1 -1
  8. package/dist/chunks/{4837.a3fa233a.js → 4837.66a28d9b.js} +2 -2
  9. package/dist/chunks/{4837.a3fa233a.js.map → 4837.66a28d9b.js.map} +1 -1
  10. package/dist/chunks/5009.849810eb.js +3 -0
  11. package/dist/chunks/5009.849810eb.js.map +1 -0
  12. package/dist/chunks/5399.8b165029.js +2 -0
  13. package/dist/chunks/5399.8b165029.js.map +1 -0
  14. package/dist/chunks/{5552.8441d588.js → 5552.f3e88b28.js} +2 -2
  15. package/dist/chunks/{3171.3e78212b.js.map → 5552.f3e88b28.js.map} +1 -1
  16. package/dist/chunks/{6314.bd8edc3a.js → 6314.25c9b9f9.js} +2 -2
  17. package/dist/chunks/{6314.bd8edc3a.js.map → 6314.25c9b9f9.js.map} +1 -1
  18. package/dist/chunks/6773.8f70e9c1.js +2 -0
  19. package/dist/chunks/6773.8f70e9c1.js.map +1 -0
  20. package/dist/chunks/{7218.75e43f86.js → 7218.ed56b68d.js} +2 -2
  21. package/dist/chunks/{7218.75e43f86.js.map → 7218.ed56b68d.js.map} +1 -1
  22. package/dist/chunks/{8097.c532b8c8.js → 8097.897b1f7b.js} +2 -2
  23. package/dist/chunks/{8097.c532b8c8.js.map → 8097.897b1f7b.js.map} +1 -1
  24. package/dist/chunks/{complex-search.e7c98e9f.js → complex-search.a44f62cb.js} +2 -2
  25. package/dist/chunks/{complex-search.e7c98e9f.js.map → complex-search.a44f62cb.js.map} +1 -1
  26. package/dist/chunks/{graph-text.ea81dc98.js → graph-text.07eaff70.js} +2 -2
  27. package/dist/chunks/{graph-text.ea81dc98.js.map → graph-text.07eaff70.js.map} +1 -1
  28. package/dist/chunks/main.0befc5b5.js +2 -0
  29. package/dist/chunks/{main.37f5a4f7.js.map → main.0befc5b5.js.map} +1 -1
  30. package/dist/chunks/{modern-style-treemap.f6bc4dbf.js → modern-style-treemap.2b5c7579.js} +3 -3
  31. package/dist/chunks/{modern-style-treemap.f6bc4dbf.js.map → modern-style-treemap.2b5c7579.js.map} +1 -1
  32. package/dist/examples.json +6 -6
  33. package/dist/index.9ae97675.js +2 -0
  34. package/dist/index.9ae97675.js.map +1 -0
  35. package/dist/manifest.json +84 -84
  36. package/dist/types.json +54 -54
  37. package/package.json +2 -2
  38. package/dist/chunks/3413.7135d330.js +0 -3
  39. package/dist/chunks/3413.7135d330.js.map +0 -1
  40. package/dist/chunks/5399.f09dcea4.js +0 -2
  41. package/dist/chunks/5399.f09dcea4.js.map +0 -1
  42. package/dist/chunks/6773.d3ff1b14.js +0 -2
  43. package/dist/chunks/6773.d3ff1b14.js.map +0 -1
  44. package/dist/chunks/main.37f5a4f7.js +0 -2
  45. package/dist/index.9c6802e9.js +0 -2
  46. package/dist/index.9c6802e9.js.map +0 -1
  47. /package/dist/chunks/{3413.7135d330.js.LICENSE.txt → 5009.849810eb.js.LICENSE.txt} +0 -0
  48. /package/dist/chunks/{modern-style-treemap.f6bc4dbf.js.LICENSE.txt → modern-style-treemap.2b5c7579.js.LICENSE.txt} +0 -0
package/dist/chunks/{modern-style-treemap.f6bc4dbf.js → modern-style-treemap.2b5c7579.js} RENAMED
@@ -1,3 +1,3 @@
1
- /*! For license information please see modern-style-treemap.f6bc4dbf.js.LICENSE.txt */
2
- (globalThis.webpackChunk_next_bricks_data_view=globalThis.webpackChunk_next_bricks_data_view||[]).push([[2943],{75197:(e,t,a)=>{"use strict";a.r(t),a.d(t,{ModernStyleTreemap:()=>V});var r,l=a(74635),i=a(70918),n=a(26902),o=a(5536),s=a(86121),c=a(70829),p=a(62740),g=a(18769),b=a.n(g),h=a(24782),u=a(91389),d=a(71242),f=a(16399),m=a(61997),v=a(46793),y=a(67766),x=a(6849),w=a(54960),k=a(37604),A=a(1696),S=a(79935),B=a(73240),M=a(6837),z=a(17290),C=a(72445),U=a(53373),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})))}},79935:(e,t,a)=>{"use strict";a.d(t,{A:()=>o});var r=a(36758),l=a.n(r),i=a(40935),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()},53373:(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(12559);function l(e,t,a){return a((0,r.A)(e,t))}},74635:(e,t,a)=>{"use strict";a.d(t,{A:()=>l});var r=a(72016);function l(e,t){(0,r.A)(e,t),t.add(e)}}}]);
3
- //# sourceMappingURL=modern-style-treemap.f6bc4dbf.js.map
1
+ /*! For license information please see modern-style-treemap.2b5c7579.js.LICENSE.txt */
2
+ (globalThis.webpackChunk_next_bricks_data_view=globalThis.webpackChunk_next_bricks_data_view||[]).push([[2943],{75197:(e,t,a)=>{"use strict";a.r(t),a.d(t,{ModernStyleTreemap:()=>V});var r,l=a(74635),i=a(70918),n=a(26902),o=a(5536),s=a(86121),c=a(70829),p=a(62740),g=a(18769),b=a.n(g),h=a(24782),u=a(91389),d=a(44047),f=a(16399),m=a(61997),v=a(46793),y=a(67766),x=a(6849),w=a(54960),k=a(37604),A=a(1696),S=a(79935),B=a(73240),M=a(6837),z=a(17290),C=a(72445),U=a(53373),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})))}},79935:(e,t,a)=>{"use strict";a.d(t,{A:()=>o});var r=a(36758),l=a.n(r),i=a(40935),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()},53373:(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(12559);function l(e,t,a){return a((0,r.A)(e,t))}},74635:(e,t,a)=>{"use strict";a.d(t,{A:()=>l});var r=a(72016);function l(e,t){(0,r.A)(e,t),t.add(e)}}}]);
3
+ //# sourceMappingURL=modern-style-treemap.2b5c7579.js.map
package/dist/chunks/{modern-style-treemap.f6bc4dbf.js.map → modern-style-treemap.2b5c7579.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"chunks/modern-style-treemap.f6bc4dbf.js","mappings":"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","sources":["webpack:///./src/modern-style-treemap/index.tsx","webpack:///./src/data-view-variables.shadow.css","webpack:///../../node_modules/classnames/index.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/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.2b5c7579.js","mappings":"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","sources":["webpack:///./src/modern-style-treemap/index.tsx","webpack:///./src/data-view-variables.shadow.css","webpack:///../../node_modules/classnames/index.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/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":""}
package/dist/examples.json CHANGED
@@ -2,15 +2,15 @@
2
2
  "data-view.gauge-chart": {
3
3
  "doc": "大屏仪表盘构件\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.gauge-chart\n properties:\n value: 100\n radius: 180\n strokeWidth: 20\n description: 已部署 1490 个 / 3300个\n slots:\n \"\":\n type: bricks\n bricks:\n - brick: div\n properties:\n textContent: 已部署 1490 个 / 3300个\n style:\n font-size: 16px\n font-weight: 500\n color: \"#fff\"\n margin: 0 0 300px 0\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.gauge-chart\n# value=\"100\"\n# radius=\"180\"\n# stroke-width=\"20\"\n# description=\"已部署 1490 个 / 3300个\"\n# >\n# <div\n# style=\"font-size: 16px; font-weight: 500; color: #fff; margin: 0 0 300px 0\"\n# >\n# 已部署 1490 个 / 3300个\n# </div>\n# </data-view.gauge-chart>\n# \n```\n"
4
4
  },
5
+ "data-view.modern-style-component-title": {
6
+ "doc": "现代风格的组件标题\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.modern-style-component-title\n properties:\n componentTitle: 组件标题\n style:\n height: 50px\n display: block\n background-color: \"#1c1e21\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.modern-style-component-title\n# component-title=\"组件标题\"\n# style=\"height: 50px; display: block; background-color: #1c1e21\"\n# ></data-view.modern-style-component-title>\n# \n```\n\n### TitleSuffix && Toolbar slot\n\n```yaml preview\n- brick: data-view.modern-style-component-title\n properties:\n componentTitle: 组件标题\n style:\n height: 50px\n display: block\n background-color: \"#1c1e21\"\n slots:\n toolbar:\n type: bricks\n bricks:\n - brick: span\n properties:\n textContent: toolbar\n titleSuffix:\n type: bricks\n bricks:\n - brick: span\n properties:\n textContent: titleSuffix\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.modern-style-component-title\n# component-title=\"组件标题\"\n# style=\"height: 50px; display: block; background-color: #1c1e21\"\n# >\n# <span slot=\"toolbar\">toolbar</span>\n# <span slot=\"titleSuffix\">titleSuffix</span>\n# </data-view.modern-style-component-title>\n# \n```\n\n### hideRightComponent\n\n```yaml preview\n- brick: data-view.modern-style-component-title\n properties:\n componentTitle: 组件标题\n hideRightComponent: false\n hideLeftComponent: true\n style:\n height: 50px\n display: block\n background-color: \"#1c1e21\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.modern-style-component-title\n# component-title=\"组件标题\"\n# hide-right-component=\"false\"\n# hide-left-component=\"true\"\n# style=\"height: 50px; display: block; background-color: #1c1e21\"\n# ></data-view.modern-style-component-title>\n# \n```\n"
7
+ },
5
8
  "data-view.modern-style-page-title": {
6
9
  "doc": "现代风格的页面标题构件\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.modern-style-page-title\n properties:\n pageTitle: XX应用大屏\n description: \"- APPLICATION HEALTH MONITORING SCREEN -\"\n style:\n display: block\n background-color: \"#1c1e21\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.modern-style-page-title\n# page-title=\"XX应用大屏\"\n# description=\"- APPLICATION HEALTH MONITORING SCREEN -\"\n# style=\"display: block; background-color: #1c1e21\"\n# ></data-view.modern-style-page-title>\n# \n```\n"
7
10
  },
8
11
  "data-view.tabs-drawer": {
9
12
  "doc": "data-view.tabs-drawer\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.tabs-drawer\n properties:\n activeKey: search\n id: drawer\n visible: true\n width: 800\n style:\n height: 600px\n display: block\n tabList:\n - tooltip: 搜索\n key: search\n icon:\n lib: fa\n icon: search\n prefix: fas\n - tooltip: 内容\n key: app\n icon:\n lib: easyops\n category: app\n icon: micro-app-configuration\n\n - tooltip: 图表\n key: chart\n icon:\n lib: fa\n icon: ad\n prefix: fas\n slots:\n search:\n type: bricks\n bricks:\n - brick: div\n properties:\n style:\n padding: 0 16px\n height: 100px\n background: red\n textContent: 测试\n app:\n type: bricks\n bricks:\n - brick: div\n properties:\n textContent: 内容区域\n style:\n background: yellow\n height: 100px\n chart:\n type: bricks\n bricks:\n - brick: div\n properties:\n textContent: 图表区域\n style:\n background: green\n height: 100px\n events:\n close:\n - action: console.log\n tab.change:\n - action: console.log\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.tabs-drawer\n# active-key=\"search\"\n# visible\n# style=\"height: 600px; display: block\"\n# id=\"drawer\"\n# >\n# <div slot=\"search\" style=\"padding: 0 16px; height: 100px; background: red\">\n# 测试\n# </div>\n# <div slot=\"app\" style=\"background: yellow; height: 100px\">内容区域</div>\n# <div slot=\"chart\" style=\"background: green; height: 100px\">图表区域</div>\n# </data-view.tabs-drawer>\n# \n# <script>\n# const drawer = document.getElementById(\"drawer\");\n# drawer.width = 800;\n# drawer.tabList = [\n# {\n# tooltip: \"搜索\",\n# key: \"search\",\n# icon: {\n# lib: \"fa\",\n# icon: \"search\",\n# prefix: \"fas\",\n# },\n# },\n# {\n# tooltip: \"内容\",\n# key: \"app\",\n# icon: {\n# lib: \"easyops\",\n# category: \"app\",\n# icon: \"micro-app-configuration\",\n# },\n# },\n# {\n# tooltip: \"图表\",\n# key: \"chart\",\n# icon: {\n# lib: \"fa\",\n# icon: \"ad\",\n# prefix: \"fas\",\n# },\n# },\n# ];\n# drawer.addEventListener(\"close\", (e) => {\n# console.log(e.detail);\n# });\n# drawer.addEventListener(\"tab.change\", (e) => {\n# console.log(e.detail);\n# });\n# </script>\n# \n```\n"
10
13
  },
11
- "data-view.modern-style-component-title": {
12
- "doc": "现代风格的组件标题\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.modern-style-component-title\n properties:\n componentTitle: 组件标题\n style:\n height: 50px\n display: block\n background-color: \"#1c1e21\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.modern-style-component-title\n# component-title=\"组件标题\"\n# style=\"height: 50px; display: block; background-color: #1c1e21\"\n# ></data-view.modern-style-component-title>\n# \n```\n\n### TitleSuffix && Toolbar slot\n\n```yaml preview\n- brick: data-view.modern-style-component-title\n properties:\n componentTitle: 组件标题\n style:\n height: 50px\n display: block\n background-color: \"#1c1e21\"\n slots:\n toolbar:\n type: bricks\n bricks:\n - brick: span\n properties:\n textContent: toolbar\n titleSuffix:\n type: bricks\n bricks:\n - brick: span\n properties:\n textContent: titleSuffix\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.modern-style-component-title\n# component-title=\"组件标题\"\n# style=\"height: 50px; display: block; background-color: #1c1e21\"\n# >\n# <span slot=\"toolbar\">toolbar</span>\n# <span slot=\"titleSuffix\">titleSuffix</span>\n# </data-view.modern-style-component-title>\n# \n```\n\n### hideRightComponent\n\n```yaml preview\n- brick: data-view.modern-style-component-title\n properties:\n componentTitle: 组件标题\n hideRightComponent: false\n hideLeftComponent: true\n style:\n height: 50px\n display: block\n background-color: \"#1c1e21\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.modern-style-component-title\n# component-title=\"组件标题\"\n# hide-right-component=\"false\"\n# hide-left-component=\"true\"\n# style=\"height: 50px; display: block; background-color: #1c1e21\"\n# ></data-view.modern-style-component-title>\n# \n```\n"
13
- },
14
14
  "data-view.modern-style-treemap": {
15
15
  "doc": "data-view.modern-style-treemap\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.modern-style-treemap\n properties:\n data:\n name: flare\n children:\n - name: analytics\n children:\n - name: cluster\n children:\n - name: AgglomerativeCluster\n value: 3938\n - name: CommunityStructure\n value: 3812\n - name: HierarchicalCluster\n value: 6714\n - name: MergeEdge\n value: 743\n - name: graph\n children:\n - name: BetweennessCentrality\n value: 3534\n - name: LinkDistance\n value: 5731\n - name: MaxFlowMinCut\n value: 7840\n - name: ShortestPaths\n value: 5914\n - name: SpanningTree\n value: 3416\n - name: optimization\n children:\n - name: AspectRatioBanker\n value: 7074\n - name: animate\n children:\n - name: Easing\n value: 17010\n - name: FunctionSequence\n value: 5842\n - name: interpolate\n children:\n - name: ArrayInterpolator\n value: 1983\n - name: ColorInterpolator\n value: 2047\n - name: DateInterpolator\n value: 1375\n - name: Interpolator\n value: 8746\n - name: MatrixInterpolator\n value: 2202\n - name: NumberInterpolator\n value: 1382\n - name: ObjectInterpolator\n value: 1629\n - name: PointInterpolator\n value: 1675\n - name: RectangleInterpolator\n value: 2042\n - name: ISchedulable\n value: 1041\n - name: Parallel\n value: 5176\n - name: Pause\n value: 449\n - name: Scheduler\n value: 5593\n - name: Sequence\n value: 5534\n - name: Transition\n value: 9201\n - name: Transitioner\n value: 19975\n - name: TransitionEvent\n value: 1116\n - name: Tween\n value: 6006\n - name: data\n children:\n - name: converters\n children:\n - name: Converters\n value: 721\n - name: DelimitedTextConverter\n value: 4294\n - name: GraphMLConverter\n value: 9800\n - name: IDataConverter\n value: 1314\n - name: JSONConverter\n value: 2220\n - name: DataField\n value: 1759\n - name: DataSchema\n value: 2165\n - name: DataSet\n value: 586\n - name: DataSource\n value: 3331\n - name: DataTable\n value: 772\n - name: DataUtil\n value: 3322\n - name: display\n children:\n - name: DirtySprite\n value: 8833\n - name: LineSprite\n value: 1732\n - name: RectSprite\n value: 3623\n - name: TextSprite\n value: 10066\n - name: flex\n children:\n - name: FlareVis\n value: 4116\n - name: physics\n children:\n - name: DragForce\n value: 1082\n - name: GravityForce\n value: 1336\n - name: IForce\n value: 319\n - name: NBodyForce\n value: 10498\n - name: Particle\n value: 2822\n - name: Simulation\n value: 9983\n - name: Spring\n value: 2213\n - name: SpringForce\n value: 1681\n - name: query\n children:\n - name: AggregateExpression\n value: 1616\n - name: And\n value: 1027\n - name: Arithmetic\n value: 3891\n - name: Average\n value: 891\n - name: BinaryExpression\n value: 2893\n - name: Comparison\n value: 5103\n - name: CompositeExpression\n value: 3677\n - name: Count\n value: 781\n - name: DateUtil\n value: 4141\n - name: Distinct\n value: 933\n - name: Expression\n value: 5130\n - name: ExpressionIterator\n value: 3617\n - name: Fn\n value: 3240\n - name: If\n value: 2732\n - name: IsA\n value: 2039\n - name: Literal\n value: 1214\n - name: Match\n value: 3748\n - name: Maximum\n value: 843\n - name: methods\n children:\n - name: add\n value: 593\n - name: and\n value: 330\n - name: average\n value: 287\n - name: count\n value: 277\n - name: distinct\n value: 292\n - name: div\n value: 595\n - name: eq\n value: 594\n - name: fn\n value: 460\n - name: gt\n value: 603\n - name: gte\n value: 625\n - name: iff\n value: 748\n - name: isa\n value: 461\n - name: lt\n value: 597\n - name: lte\n value: 619\n - name: max\n value: 283\n - name: min\n value: 283\n - name: mod\n value: 591\n - name: mul\n value: 603\n - name: neq\n value: 599\n - name: not\n value: 386\n - name: or\n value: 323\n - name: orderby\n value: 307\n - name: range\n value: 772\n - name: select\n value: 296\n - name: stddev\n value: 363\n - name: sub\n value: 600\n - name: sum\n value: 280\n - name: update\n value: 307\n - name: variance\n value: 335\n - name: where\n value: 299\n - name: xor\n value: 354\n - name: _\n value: 264\n - name: Minimum\n value: 843\n - name: Not\n value: 1554\n - name: Or\n value: 970\n - name: Query\n value: 13896\n - name: Range\n value: 1594\n - name: StringUtil\n value: 4130\n - name: Sum\n value: 791\n - name: Variable\n value: 1124\n - name: Variance\n value: 1876\n - name: Xor\n value: 1101\n - name: scale\n children:\n - name: IScaleMap\n value: 2105\n - name: LinearScale\n value: 1316\n - name: LogScale\n value: 3151\n - name: OrdinalScale\n value: 3770\n - name: QuantileScale\n value: 2435\n - name: QuantitativeScale\n value: 4839\n - name: RootScale\n value: 1756\n - name: Scale\n value: 4268\n - name: ScaleType\n value: 1821\n - name: TimeScale\n value: 5833\n - name: util\n children:\n - name: Arrays\n value: 8258\n - name: Colors\n value: 10001\n - name: Dates\n value: 8217\n - name: Displays\n value: 12555\n - name: Filter\n value: 2324\n - name: Geometry\n value: 10993\n - name: heap\n children:\n - name: FibonacciHeap\n value: 9354\n - name: HeapNode\n value: 1233\n - name: IEvaluable\n value: 335\n - name: IPredicate\n value: 383\n - name: IValueProxy\n value: 874\n - name: math\n children:\n - name: DenseMatrix\n value: 3165\n - name: IMatrix\n value: 2815\n - name: SparseMatrix\n value: 3366\n - name: Maths\n value: 17705\n - name: Orientation\n value: 1486\n - name: palette\n children:\n - name: ColorPalette\n value: 6367\n - name: Palette\n value: 1229\n - name: ShapePalette\n value: 2059\n - name: SizePalette\n value: 2291\n - name: Property\n value: 5559\n - name: Shapes\n value: 19118\n - name: Sort\n value: 6887\n - name: Stats\n value: 6557\n - name: Strings\n value: 22026\n - name: vis\n children:\n - name: axis\n children:\n - name: Axes\n value: 1302\n - name: Axis\n value: 24593\n - name: AxisGridLine\n value: 652\n - name: AxisLabel\n value: 636\n - name: CartesianAxes\n value: 6703\n - name: controls\n children:\n - name: AnchorControl\n value: 2138\n - name: ClickControl\n value: 3824\n - name: Control\n value: 1353\n - name: ControlList\n value: 4665\n - name: DragControl\n value: 2649\n - name: ExpandControl\n value: 2832\n - name: HoverControl\n value: 4896\n - name: IControl\n value: 763\n - name: PanZoomControl\n value: 5222\n - name: SelectionControl\n value: 7862\n - name: TooltipControl\n value: 8435\n - name: data\n children:\n - name: Data\n value: 20544\n - name: DataList\n value: 19788\n - name: DataSprite\n value: 10349\n - name: EdgeSprite\n value: 3301\n - name: NodeSprite\n value: 19382\n - name: render\n children:\n - name: ArrowType\n value: 698\n - name: EdgeRenderer\n value: 5569\n - name: IRenderer\n value: 353\n - name: ShapeRenderer\n value: 2247\n - name: ScaleBinding\n value: 11275\n - name: Tree\n value: 7147\n - name: TreeBuilder\n value: 9930\n - name: events\n children:\n - name: DataEvent\n value: 2313\n - name: SelectionEvent\n value: 1880\n - name: TooltipEvent\n value: 1701\n - name: VisualizationEvent\n value: 1117\n - name: legend\n children:\n - name: Legend\n value: 20859\n - name: LegendItem\n value: 4614\n - name: LegendRange\n value: 10530\n - name: operator\n children:\n - name: distortion\n children:\n - name: BifocalDistortion\n value: 4461\n - name: Distortion\n value: 6314\n - name: FisheyeDistortion\n value: 3444\n - name: encoder\n children:\n - name: ColorEncoder\n value: 3179\n - name: Encoder\n value: 4060\n - name: PropertyEncoder\n value: 4138\n - name: ShapeEncoder\n value: 1690\n - name: SizeEncoder\n value: 1830\n - name: filter\n children:\n - name: FisheyeTreeFilter\n value: 5219\n - name: GraphDistanceFilter\n value: 3165\n - name: VisibilityFilter\n value: 3509\n - name: IOperator\n value: 1286\n - name: label\n children:\n - name: Labeler\n value: 9956\n - name: RadialLabeler\n value: 3899\n - name: StackedAreaLabeler\n value: 3202\n - name: layout\n children:\n - name: AxisLayout\n value: 6725\n - name: BundledEdgeRouter\n value: 3727\n - name: CircleLayout\n value: 9317\n - name: CirclePackingLayout\n value: 12003\n - name: DendrogramLayout\n value: 4853\n - name: ForceDirectedLayout\n value: 8411\n - name: IcicleTreeLayout\n value: 4864\n - name: IndentedTreeLayout\n value: 3174\n - name: Layout\n value: 7881\n - name: NodeLinkTreeLayout\n value: 12870\n - name: PieLayout\n value: 2728\n - name: RadialTreeLayout\n value: 12348\n - name: RandomLayout\n value: 870\n - name: StackedAreaLayout\n value: 9121\n - name: TreeMapLayout\n value: 9191\n - name: Operator\n value: 2490\n - name: OperatorList\n value: 5248\n - name: OperatorSequence\n value: 4190\n - name: OperatorSwitch\n value: 2581\n - name: SortOperator\n value: 2023\n - name: Visualization\n value: 16540\n style:\n width: 100%\n height: 800px\n display: block\n background-color: \"#1c1e21\"\n tooltipUseBrick:\n useBrick:\n brick: span\n properties:\n textContent: <% DATA.data?.name %>\n leafUseBrick:\n useBrick:\n - if: <% DATA.x1 - DATA.x0 > 70 && DATA.y1 - DATA.y0 > 100 %>\n brick: div\n properties:\n style:\n padding: \"8px 6px\"\n slots:\n \"\":\n type: bricks\n bricks:\n - brick: div\n properties:\n textContent: <% DATA.data.name %>\n style:\n \"font-size\": \"20px\"\n \"font-weight\": 500\n color: \"#FFFFFF\"\n \"line-height\": \"28px\"\n \"text-shadow\": \"0px 1px 4px #3366FF\"\n overflow: \"hidden\"\n \"white-space\": \"nowrap\"\n \"text-overflow\": \"ellipsis\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.modern-style-treemap\n# style=\"width: 100%; height: 800px; display: block; background-color: #1c1e21\"\n# id=\"brick-1\"\n# ></data-view.modern-style-treemap>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.data = {\n# name: \"flare\",\n# children: [\n# {\n# name: \"analytics\",\n# children: [\n# {\n# name: \"cluster\",\n# children: [\n# {\n# name: \"AgglomerativeCluster\",\n# value: 3938,\n# },\n# {\n# name: \"CommunityStructure\",\n# value: 3812,\n# },\n# {\n# name: \"HierarchicalCluster\",\n# value: 6714,\n# },\n# {\n# name: \"MergeEdge\",\n# value: 743,\n# },\n# ],\n# },\n# {\n# name: \"graph\",\n# children: [\n# {\n# name: \"BetweennessCentrality\",\n# value: 3534,\n# },\n# {\n# name: \"LinkDistance\",\n# value: 5731,\n# },\n# {\n# name: \"MaxFlowMinCut\",\n# value: 7840,\n# },\n# {\n# name: \"ShortestPaths\",\n# value: 5914,\n# },\n# {\n# name: \"SpanningTree\",\n# value: 3416,\n# },\n# ],\n# },\n# {\n# name: \"optimization\",\n# children: [\n# {\n# name: \"AspectRatioBanker\",\n# value: 7074,\n# },\n# ],\n# },\n# ],\n# },\n# {\n# name: \"animate\",\n# children: [\n# {\n# name: \"Easing\",\n# value: 17010,\n# },\n# {\n# name: \"FunctionSequence\",\n# value: 5842,\n# },\n# {\n# name: \"interpolate\",\n# children: [\n# {\n# name: \"ArrayInterpolator\",\n# value: 1983,\n# },\n# {\n# name: \"ColorInterpolator\",\n# value: 2047,\n# },\n# {\n# name: \"DateInterpolator\",\n# value: 1375,\n# },\n# {\n# name: \"Interpolator\",\n# value: 8746,\n# },\n# {\n# name: \"MatrixInterpolator\",\n# value: 2202,\n# },\n# {\n# name: \"NumberInterpolator\",\n# value: 1382,\n# },\n# {\n# name: \"ObjectInterpolator\",\n# value: 1629,\n# },\n# {\n# name: \"PointInterpolator\",\n# value: 1675,\n# },\n# {\n# name: \"RectangleInterpolator\",\n# value: 2042,\n# },\n# ],\n# },\n# {\n# name: \"ISchedulable\",\n# value: 1041,\n# },\n# {\n# name: \"Parallel\",\n# value: 5176,\n# },\n# {\n# name: \"Pause\",\n# value: 449,\n# },\n# {\n# name: \"Scheduler\",\n# value: 5593,\n# },\n# {\n# name: \"Sequence\",\n# value: 5534,\n# },\n# {\n# name: \"Transition\",\n# value: 9201,\n# },\n# {\n# name: \"Transitioner\",\n# value: 19975,\n# },\n# {\n# name: \"TransitionEvent\",\n# value: 1116,\n# },\n# {\n# name: \"Tween\",\n# value: 6006,\n# },\n# ],\n# },\n# {\n# name: \"data\",\n# children: [\n# {\n# name: \"converters\",\n# children: [\n# {\n# name: \"Converters\",\n# value: 721,\n# },\n# {\n# name: \"DelimitedTextConverter\",\n# value: 4294,\n# },\n# {\n# name: \"GraphMLConverter\",\n# value: 9800,\n# },\n# {\n# name: \"IDataConverter\",\n# value: 1314,\n# },\n# {\n# name: \"JSONConverter\",\n# value: 2220,\n# },\n# ],\n# },\n# {\n# name: \"DataField\",\n# value: 1759,\n# },\n# {\n# name: \"DataSchema\",\n# value: 2165,\n# },\n# {\n# name: \"DataSet\",\n# value: 586,\n# },\n# {\n# name: \"DataSource\",\n# value: 3331,\n# },\n# {\n# name: \"DataTable\",\n# value: 772,\n# },\n# {\n# name: \"DataUtil\",\n# value: 3322,\n# },\n# ],\n# },\n# {\n# name: \"display\",\n# children: [\n# {\n# name: \"DirtySprite\",\n# value: 8833,\n# },\n# {\n# name: \"LineSprite\",\n# value: 1732,\n# },\n# {\n# name: \"RectSprite\",\n# value: 3623,\n# },\n# {\n# name: \"TextSprite\",\n# value: 10066,\n# },\n# ],\n# },\n# {\n# name: \"flex\",\n# children: [\n# {\n# name: \"FlareVis\",\n# value: 4116,\n# },\n# ],\n# },\n# {\n# name: \"physics\",\n# children: [\n# {\n# name: \"DragForce\",\n# value: 1082,\n# },\n# {\n# name: \"GravityForce\",\n# value: 1336,\n# },\n# {\n# name: \"IForce\",\n# value: 319,\n# },\n# {\n# name: \"NBodyForce\",\n# value: 10498,\n# },\n# {\n# name: \"Particle\",\n# value: 2822,\n# },\n# {\n# name: \"Simulation\",\n# value: 9983,\n# },\n# {\n# name: \"Spring\",\n# value: 2213,\n# },\n# {\n# name: \"SpringForce\",\n# value: 1681,\n# },\n# ],\n# },\n# {\n# name: \"query\",\n# children: [\n# {\n# name: \"AggregateExpression\",\n# value: 1616,\n# },\n# {\n# name: \"And\",\n# value: 1027,\n# },\n# {\n# name: \"Arithmetic\",\n# value: 3891,\n# },\n# {\n# name: \"Average\",\n# value: 891,\n# },\n# {\n# name: \"BinaryExpression\",\n# value: 2893,\n# },\n# {\n# name: \"Comparison\",\n# value: 5103,\n# },\n# {\n# name: \"CompositeExpression\",\n# value: 3677,\n# },\n# {\n# name: \"Count\",\n# value: 781,\n# },\n# {\n# name: \"DateUtil\",\n# value: 4141,\n# },\n# {\n# name: \"Distinct\",\n# value: 933,\n# },\n# {\n# name: \"Expression\",\n# value: 5130,\n# },\n# {\n# name: \"ExpressionIterator\",\n# value: 3617,\n# },\n# {\n# name: \"Fn\",\n# value: 3240,\n# },\n# {\n# name: \"If\",\n# value: 2732,\n# },\n# {\n# name: \"IsA\",\n# value: 2039,\n# },\n# {\n# name: \"Literal\",\n# value: 1214,\n# },\n# {\n# name: \"Match\",\n# value: 3748,\n# },\n# {\n# name: \"Maximum\",\n# value: 843,\n# },\n# {\n# name: \"methods\",\n# children: [\n# {\n# name: \"add\",\n# value: 593,\n# },\n# {\n# name: \"and\",\n# value: 330,\n# },\n# {\n# name: \"average\",\n# value: 287,\n# },\n# {\n# name: \"count\",\n# value: 277,\n# },\n# {\n# name: \"distinct\",\n# value: 292,\n# },\n# {\n# name: \"div\",\n# value: 595,\n# },\n# {\n# name: \"eq\",\n# value: 594,\n# },\n# {\n# name: \"fn\",\n# value: 460,\n# },\n# {\n# name: \"gt\",\n# value: 603,\n# },\n# {\n# name: \"gte\",\n# value: 625,\n# },\n# {\n# name: \"iff\",\n# value: 748,\n# },\n# {\n# name: \"isa\",\n# value: 461,\n# },\n# {\n# name: \"lt\",\n# value: 597,\n# },\n# {\n# name: \"lte\",\n# value: 619,\n# },\n# {\n# name: \"max\",\n# value: 283,\n# },\n# {\n# name: \"min\",\n# value: 283,\n# },\n# {\n# name: \"mod\",\n# value: 591,\n# },\n# {\n# name: \"mul\",\n# value: 603,\n# },\n# {\n# name: \"neq\",\n# value: 599,\n# },\n# {\n# name: \"not\",\n# value: 386,\n# },\n# {\n# name: \"or\",\n# value: 323,\n# },\n# {\n# name: \"orderby\",\n# value: 307,\n# },\n# {\n# name: \"range\",\n# value: 772,\n# },\n# {\n# name: \"select\",\n# value: 296,\n# },\n# {\n# name: \"stddev\",\n# value: 363,\n# },\n# {\n# name: \"sub\",\n# value: 600,\n# },\n# {\n# name: \"sum\",\n# value: 280,\n# },\n# {\n# name: \"update\",\n# value: 307,\n# },\n# {\n# name: \"variance\",\n# value: 335,\n# },\n# {\n# name: \"where\",\n# value: 299,\n# },\n# {\n# name: \"xor\",\n# value: 354,\n# },\n# {\n# name: \"_\",\n# value: 264,\n# },\n# ],\n# },\n# {\n# name: \"Minimum\",\n# value: 843,\n# },\n# {\n# name: \"Not\",\n# value: 1554,\n# },\n# {\n# name: \"Or\",\n# value: 970,\n# },\n# {\n# name: \"Query\",\n# value: 13896,\n# },\n# {\n# name: \"Range\",\n# value: 1594,\n# },\n# {\n# name: \"StringUtil\",\n# value: 4130,\n# },\n# {\n# name: \"Sum\",\n# value: 791,\n# },\n# {\n# name: \"Variable\",\n# value: 1124,\n# },\n# {\n# name: \"Variance\",\n# value: 1876,\n# },\n# {\n# name: \"Xor\",\n# value: 1101,\n# },\n# ],\n# },\n# {\n# name: \"scale\",\n# children: [\n# {\n# name: \"IScaleMap\",\n# value: 2105,\n# },\n# {\n# name: \"LinearScale\",\n# value: 1316,\n# },\n# {\n# name: \"LogScale\",\n# value: 3151,\n# },\n# {\n# name: \"OrdinalScale\",\n# value: 3770,\n# },\n# {\n# name: \"QuantileScale\",\n# value: 2435,\n# },\n# {\n# name: \"QuantitativeScale\",\n# value: 4839,\n# },\n# {\n# name: \"RootScale\",\n# value: 1756,\n# },\n# {\n# name: \"Scale\",\n# value: 4268,\n# },\n# {\n# name: \"ScaleType\",\n# value: 1821,\n# },\n# {\n# name: \"TimeScale\",\n# value: 5833,\n# },\n# ],\n# },\n# {\n# name: \"util\",\n# children: [\n# {\n# name: \"Arrays\",\n# value: 8258,\n# },\n# {\n# name: \"Colors\",\n# value: 10001,\n# },\n# {\n# name: \"Dates\",\n# value: 8217,\n# },\n# {\n# name: \"Displays\",\n# value: 12555,\n# },\n# {\n# name: \"Filter\",\n# value: 2324,\n# },\n# {\n# name: \"Geometry\",\n# value: 10993,\n# },\n# {\n# name: \"heap\",\n# children: [\n# {\n# name: \"FibonacciHeap\",\n# value: 9354,\n# },\n# {\n# name: \"HeapNode\",\n# value: 1233,\n# },\n# ],\n# },\n# {\n# name: \"IEvaluable\",\n# value: 335,\n# },\n# {\n# name: \"IPredicate\",\n# value: 383,\n# },\n# {\n# name: \"IValueProxy\",\n# value: 874,\n# },\n# {\n# name: \"math\",\n# children: [\n# {\n# name: \"DenseMatrix\",\n# value: 3165,\n# },\n# {\n# name: \"IMatrix\",\n# value: 2815,\n# },\n# {\n# name: \"SparseMatrix\",\n# value: 3366,\n# },\n# ],\n# },\n# {\n# name: \"Maths\",\n# value: 17705,\n# },\n# {\n# name: \"Orientation\",\n# value: 1486,\n# },\n# {\n# name: \"palette\",\n# children: [\n# {\n# name: \"ColorPalette\",\n# value: 6367,\n# },\n# {\n# name: \"Palette\",\n# value: 1229,\n# },\n# {\n# name: \"ShapePalette\",\n# value: 2059,\n# },\n# {\n# name: \"SizePalette\",\n# value: 2291,\n# },\n# ],\n# },\n# {\n# name: \"Property\",\n# value: 5559,\n# },\n# {\n# name: \"Shapes\",\n# value: 19118,\n# },\n# {\n# name: \"Sort\",\n# value: 6887,\n# },\n# {\n# name: \"Stats\",\n# value: 6557,\n# },\n# {\n# name: \"Strings\",\n# value: 22026,\n# },\n# ],\n# },\n# {\n# name: \"vis\",\n# children: [\n# {\n# name: \"axis\",\n# children: [\n# {\n# name: \"Axes\",\n# value: 1302,\n# },\n# {\n# name: \"Axis\",\n# value: 24593,\n# },\n# {\n# name: \"AxisGridLine\",\n# value: 652,\n# },\n# {\n# name: \"AxisLabel\",\n# value: 636,\n# },\n# {\n# name: \"CartesianAxes\",\n# value: 6703,\n# },\n# ],\n# },\n# {\n# name: \"controls\",\n# children: [\n# {\n# name: \"AnchorControl\",\n# value: 2138,\n# },\n# {\n# name: \"ClickControl\",\n# value: 3824,\n# },\n# {\n# name: \"Control\",\n# value: 1353,\n# },\n# {\n# name: \"ControlList\",\n# value: 4665,\n# },\n# {\n# name: \"DragControl\",\n# value: 2649,\n# },\n# {\n# name: \"ExpandControl\",\n# value: 2832,\n# },\n# {\n# name: \"HoverControl\",\n# value: 4896,\n# },\n# {\n# name: \"IControl\",\n# value: 763,\n# },\n# {\n# name: \"PanZoomControl\",\n# value: 5222,\n# },\n# {\n# name: \"SelectionControl\",\n# value: 7862,\n# },\n# {\n# name: \"TooltipControl\",\n# value: 8435,\n# },\n# ],\n# },\n# {\n# name: \"data\",\n# children: [\n# {\n# name: \"Data\",\n# value: 20544,\n# },\n# {\n# name: \"DataList\",\n# value: 19788,\n# },\n# {\n# name: \"DataSprite\",\n# value: 10349,\n# },\n# {\n# name: \"EdgeSprite\",\n# value: 3301,\n# },\n# {\n# name: \"NodeSprite\",\n# value: 19382,\n# },\n# {\n# name: \"render\",\n# children: [\n# {\n# name: \"ArrowType\",\n# value: 698,\n# },\n# {\n# name: \"EdgeRenderer\",\n# value: 5569,\n# },\n# {\n# name: \"IRenderer\",\n# value: 353,\n# },\n# {\n# name: \"ShapeRenderer\",\n# value: 2247,\n# },\n# ],\n# },\n# {\n# name: \"ScaleBinding\",\n# value: 11275,\n# },\n# {\n# name: \"Tree\",\n# value: 7147,\n# },\n# {\n# name: \"TreeBuilder\",\n# value: 9930,\n# },\n# ],\n# },\n# {\n# name: \"events\",\n# children: [\n# {\n# name: \"DataEvent\",\n# value: 2313,\n# },\n# {\n# name: \"SelectionEvent\",\n# value: 1880,\n# },\n# {\n# name: \"TooltipEvent\",\n# value: 1701,\n# },\n# {\n# name: \"VisualizationEvent\",\n# value: 1117,\n# },\n# ],\n# },\n# {\n# name: \"legend\",\n# children: [\n# {\n# name: \"Legend\",\n# value: 20859,\n# },\n# {\n# name: \"LegendItem\",\n# value: 4614,\n# },\n# {\n# name: \"LegendRange\",\n# value: 10530,\n# },\n# ],\n# },\n# {\n# name: \"operator\",\n# children: [\n# {\n# name: \"distortion\",\n# children: [\n# {\n# name: \"BifocalDistortion\",\n# value: 4461,\n# },\n# {\n# name: \"Distortion\",\n# value: 6314,\n# },\n# {\n# name: \"FisheyeDistortion\",\n# value: 3444,\n# },\n# ],\n# },\n# {\n# name: \"encoder\",\n# children: [\n# {\n# name: \"ColorEncoder\",\n# value: 3179,\n# },\n# {\n# name: \"Encoder\",\n# value: 4060,\n# },\n# {\n# name: \"PropertyEncoder\",\n# value: 4138,\n# },\n# {\n# name: \"ShapeEncoder\",\n# value: 1690,\n# },\n# {\n# name: \"SizeEncoder\",\n# value: 1830,\n# },\n# ],\n# },\n# {\n# name: \"filter\",\n# children: [\n# {\n# name: \"FisheyeTreeFilter\",\n# value: 5219,\n# },\n# {\n# name: \"GraphDistanceFilter\",\n# value: 3165,\n# },\n# {\n# name: \"VisibilityFilter\",\n# value: 3509,\n# },\n# ],\n# },\n# {\n# name: \"IOperator\",\n# value: 1286,\n# },\n# {\n# name: \"label\",\n# children: [\n# {\n# name: \"Labeler\",\n# value: 9956,\n# },\n# {\n# name: \"RadialLabeler\",\n# value: 3899,\n# },\n# {\n# name: \"StackedAreaLabeler\",\n# value: 3202,\n# },\n# ],\n# },\n# {\n# name: \"layout\",\n# children: [\n# {\n# name: \"AxisLayout\",\n# value: 6725,\n# },\n# {\n# name: \"BundledEdgeRouter\",\n# value: 3727,\n# },\n# {\n# name: \"CircleLayout\",\n# value: 9317,\n# },\n# {\n# name: \"CirclePackingLayout\",\n# value: 12003,\n# },\n# {\n# name: \"DendrogramLayout\",\n# value: 4853,\n# },\n# {\n# name: \"ForceDirectedLayout\",\n# value: 8411,\n# },\n# {\n# name: \"IcicleTreeLayout\",\n# value: 4864,\n# },\n# {\n# name: \"IndentedTreeLayout\",\n# value: 3174,\n# },\n# {\n# name: \"Layout\",\n# value: 7881,\n# },\n# {\n# name: \"NodeLinkTreeLayout\",\n# value: 12870,\n# },\n# {\n# name: \"PieLayout\",\n# value: 2728,\n# },\n# {\n# name: \"RadialTreeLayout\",\n# value: 12348,\n# },\n# {\n# name: \"RandomLayout\",\n# value: 870,\n# },\n# {\n# name: \"StackedAreaLayout\",\n# value: 9121,\n# },\n# {\n# name: \"TreeMapLayout\",\n# value: 9191,\n# },\n# ],\n# },\n# {\n# name: \"Operator\",\n# value: 2490,\n# },\n# {\n# name: \"OperatorList\",\n# value: 5248,\n# },\n# {\n# name: \"OperatorSequence\",\n# value: 4190,\n# },\n# {\n# name: \"OperatorSwitch\",\n# value: 2581,\n# },\n# {\n# name: \"SortOperator\",\n# value: 2023,\n# },\n# ],\n# },\n# {\n# name: \"Visualization\",\n# value: 16540,\n# },\n# ],\n# },\n# ],\n# };\n# brick_1.tooltipUseBrick = {\n# useBrick: {\n# brick: \"span\",\n# properties: {\n# textContent: \"<% DATA.data?.name %>\",\n# },\n# },\n# };\n# brick_1.leafUseBrick = {\n# useBrick: [\n# {\n# if: \"<% DATA.x1 - DATA.x0 > 70 && DATA.y1 - DATA.y0 > 100 %>\",\n# brick: \"div\",\n# properties: {\n# style: {\n# padding: \"8px 6px\",\n# },\n# },\n# slots: {\n# \"\": {\n# type: \"bricks\",\n# bricks: [\n# {\n# brick: \"div\",\n# properties: {\n# textContent: \"<% DATA.data.name %>\",\n# style: {\n# \"font-size\": \"20px\",\n# \"font-weight\": 500,\n# color: \"#FFFFFF\",\n# \"line-height\": \"28px\",\n# \"text-shadow\": \"0px 1px 4px #3366FF\",\n# overflow: \"hidden\",\n# \"white-space\": \"nowrap\",\n# \"text-overflow\": \"ellipsis\",\n# },\n# },\n# },\n# ],\n# },\n# },\n# },\n# ],\n# };\n# </script>\n# \n```\n"
16
16
  },
@@ -20,12 +20,12 @@
20
20
  "data-view.dropdown-menu": {
21
21
  "doc": "大屏基础下拉菜单\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.dropdown-menu\n properties:\n options:\n - label: 测试1\n value: test1\n - label: 测试2\n value: test2\n placeholder: 请选择\n allowClear: true\n events:\n value.change:\n - action: console.log\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.dropdown-menu\n# placeholder=\"请选择\"\n# allow-clear\n# id=\"brick-1\"\n# ></data-view.dropdown-menu>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.options = [\n# {\n# label: \"测试1\",\n# value: \"test1\",\n# },\n# {\n# label: \"测试2\",\n# value: \"test2\",\n# },\n# ];\n# brick_1.addEventListener(\"value.change\", (e) => {\n# console.log(e.detail);\n# });\n# </script>\n# \n```\n"
22
22
  },
23
- "data-view.loading-panel": {
24
- "doc": "data-view.loading-panel\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.loading-panel\n properties:\n customTitle: Hello World!!\n loading: false\n style:\n height: 300px\n display: block\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.loading-panel\n# custom-title=\"Hello World!!\"\n# style=\"height: 300px; display: block\"\n# ></data-view.loading-panel>\n# \n```\n\n### Progress\n\n```yaml preview\n- brick: data-view.loading-panel\n properties:\n customTitle: Hello World!!\n progress: 60\n useRealTimeProgress: true\n intervalTime: 300\n style:\n height: 300px\n display: block\n events:\n end:\n - action: console.log\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.loading-panel\n# custom-title=\"Hello World!!\"\n# progress=\"60\"\n# use-real-time-progress\n# interval-time=\"300\"\n# style=\"height: 300px; display: block\"\n# id=\"brick-1\"\n# ></data-view.loading-panel>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.addEventListener(\"end\", (e) => {\n# console.log(e.detail);\n# });\n# </script>\n# \n```\n"
25
- },
26
23
  "data-view.complex-search": {
27
24
  "doc": "复杂的搜索框\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.complex-search\n properties:\n placeholder: Search\n style:\n background: \"#1c1e21\"\n display: block\n height: 300px\n options:\n - name: 主机1\n icon:\n lib: \"antd\"\n icon: \"account-book\"\n theme: \"outlined\"\n - name: 主机2\n icon:\n lib: \"antd\"\n icon: \"account-book\"\n theme: \"outlined\"\n events:\n select:\n - action: console.log\n search:\n - action: console.log\n focus:\n - action: console.log\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.complex-search\n# placeholder=\"Search\"\n# style=\"background: #1c1e21; display: block; height: 300px\"\n# id=\"brick-1\"\n# ></data-view.complex-search>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.options = [\n# {\n# name: \"主机1\",\n# icon: {\n# lib: \"antd\",\n# icon: \"account-book\",\n# theme: \"outlined\",\n# },\n# },\n# {\n# name: \"主机2\",\n# icon: {\n# lib: \"antd\",\n# icon: \"account-book\",\n# theme: \"outlined\",\n# },\n# },\n# ];\n# brick_1.addEventListener(\"select\", (e) => {\n# console.log(e.detail);\n# });\n# brick_1.addEventListener(\"search\", (e) => {\n# console.log(e.detail);\n# });\n# brick_1.addEventListener(\"focus\", (e) => {\n# console.log(e.detail);\n# });\n# </script>\n# \n```\n"
28
25
  },
26
+ "data-view.loading-panel": {
27
+ "doc": "data-view.loading-panel\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.loading-panel\n properties:\n customTitle: Hello World!!\n loading: false\n style:\n height: 300px\n display: block\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.loading-panel\n# custom-title=\"Hello World!!\"\n# style=\"height: 300px; display: block\"\n# ></data-view.loading-panel>\n# \n```\n\n### Progress\n\n```yaml preview\n- brick: data-view.loading-panel\n properties:\n customTitle: Hello World!!\n progress: 60\n useRealTimeProgress: true\n intervalTime: 300\n style:\n height: 300px\n display: block\n events:\n end:\n - action: console.log\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.loading-panel\n# custom-title=\"Hello World!!\"\n# progress=\"60\"\n# use-real-time-progress\n# interval-time=\"300\"\n# style=\"height: 300px; display: block\"\n# id=\"brick-1\"\n# ></data-view.loading-panel>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.addEventListener(\"end\", (e) => {\n# console.log(e.detail);\n# });\n# </script>\n# \n```\n"
28
+ },
29
29
  "data-view.particle-animation": {
30
30
  "doc": "粒子上升动画\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.particle-animation\n properties:\n containerStyle:\n width: 150px\n height: 150px\n colors:\n startColor: \"#44E6F300\"\n middleColor: \"#48D9EE\"\n endColor: \"#E4FFFF\"\n style:\n display: block\n background-color: \"#1c1e21\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.particle-animation\n# style=\"display: block; background-color: #1c1e21\"\n# id=\"brick-1\"\n# ></data-view.particle-animation>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.containerStyle = {\n# width: \"150px\",\n# height: \"150px\",\n# };\n# brick_1.colors = {\n# startColor: \"#44E6F300\",\n# middleColor: \"#48D9EE\",\n# endColor: \"#E4FFFF\",\n# };\n# </script>\n# \n```\n"
31
31
  },
package/dist/index.9ae97675.js ADDED
@@ -0,0 +1,2 @@
1
+ (()=>{"use strict";var e,t,a,r,n,l,o,i,c,d,s,h,f,p,u,m,b,g,P,v,x,y={73595:(e,t,a)=>{var r={"./gauge-chart":()=>Promise.all([a.e(8769),a.e(4782),a.e(1389),a.e(4099)]).then((()=>()=>a(10825))),"./modern-style-component-title":()=>Promise.all([a.e(8769),a.e(4782),a.e(1389),a.e(5289)]).then((()=>()=>a(54495))),"./modern-style-page-title":()=>Promise.all([a.e(8769),a.e(4782),a.e(1389),a.e(9875)]).then((()=>()=>a(22945))),"./tabs-drawer":()=>Promise.all([a.e(8769),a.e(4782),a.e(1389),a.e(1919)]).then((()=>()=>a(68909))),"./modern-style-treemap":()=>Promise.all([a.e(1977),a.e(8769),a.e(4782),a.e(1389),a.e(2445),a.e(4047),a.e(859),a.e(2943)]).then((()=>()=>a(75197))),"./battery-chart":()=>Promise.all([a.e(8769),a.e(4782),a.e(1389),a.e(7965)]).then((()=>()=>a(54259))),"./dropdown-menu":()=>Promise.all([a.e(8769),a.e(4782),a.e(1389),a.e(2445),a.e(8576)]).then((()=>()=>a(81274))),"./complex-search":()=>Promise.all([a.e(8769),a.e(4782),a.e(1389),a.e(4047),a.e(6419),a.e(5994)]).then((()=>()=>a(66060))),"./loading-panel":()=>Promise.all([a.e(1977),a.e(8769),a.e(4782),a.e(1389),a.e(5332)]).then((()=>()=>a(43374))),"./particle-animation":()=>Promise.all([a.e(8769),a.e(4782),a.e(1389),a.e(780)]).then((()=>()=>a(5390))),"./app-wall-card-item":()=>Promise.all([a.e(8769),a.e(4782),a.e(1389),a.e(8172)]).then((()=>()=>a(21440))),"./app-wall-system-card":()=>Promise.all([a.e(8769),a.e(4782),a.e(1389),a.e(8460)]).then((()=>()=>a(4392))),"./app-wall-relation-line":()=>Promise.all([a.e(8769),a.e(4782),a.e(1389),a.e(7473)]).then((()=>()=>a(36041))),"./cabinet-button":()=>Promise.all([a.e(8769),a.e(4782),a.e(1389),a.e(6614)]).then((()=>()=>a(50143))),"./cabinet-node":()=>Promise.all([a.e(8769),a.e(4782),a.e(1389),a.e(6306)]).then((()=>()=>a(71663))),"./cabinet-app-layer":()=>Promise.all([a.e(8769),a.e(4782),a.e(1389),a.e(1787)]).then((()=>()=>a(30224))),"./cabinet-container":()=>Promise.all([a.e(1977),a.e(8769),a.e(4782),a.e(1389),a.e(4219)]).then((()=>()=>a(8540))),"./cabinet-thumbnail":()=>Promise.all([a.e(1977),a.e(8769),a.e(4782),a.e(1389),a.e(3158)]).then((()=>()=>a(88393))),"./cabinet-graph":()=>Promise.all([a.e(8769),a.e(4782),a.e(1389),a.e(3446)]).then((()=>()=>a(79391))),"./app-wall":()=>Promise.all([a.e(5301),a.e(8769),a.e(4782),a.e(1389),a.e(2445),a.e(1493),a.e(9749)]).then((()=>()=>a(90571))),"./graph-text":()=>Promise.all([a.e(8769),a.e(4782),a.e(1389),a.e(6419),a.e(3719)]).then((()=>()=>a(32715))),"./graph-node":()=>Promise.all([a.e(8769),a.e(4782),a.e(1389),a.e(3614)]).then((()=>()=>a(66950))),"./graph-layout-grid":()=>Promise.all([a.e(8769),a.e(4782),a.e(1389),a.e(5737)]).then((()=>()=>a(56893))),"./grid-background":()=>Promise.all([a.e(8769),a.e(4782),a.e(1389),a.e(6448)]).then((()=>()=>a(66162))),"./gear-background":()=>Promise.all([a.e(8769),a.e(4782),a.e(1389),a.e(3147)]).then((()=>()=>a(25121))),"./radar-chart":()=>Promise.all([a.e(8769),a.e(4782),a.e(1389),a.e(2445),a.e(4194)]).then((()=>()=>a(63076))),"./title-text":()=>Promise.all([a.e(8769),a.e(4782),a.e(1389),a.e(8113)]).then((()=>()=>a(59063))),"./brick-notification":()=>Promise.all([a.e(8769),a.e(4782),a.e(1389),a.e(8418)]).then((()=>()=>a(30980))),"./tabs-page-title":()=>Promise.all([a.e(8769),a.e(4782),a.e(1389),a.e(476)]).then((()=>()=>a(5558))),"./top-title-bar":()=>Promise.all([a.e(8769),a.e(4782),a.e(1389),a.e(3697)]).then((()=>()=>a(6319))),"./lights-component-title":()=>Promise.all([a.e(8769),a.e(4782),a.e(1389),a.e(9831)]).then((()=>()=>a(40053))),"./hi-tech-button":()=>Promise.all([a.e(8769),a.e(4782),a.e(1389),a.e(8416)]).then((()=>()=>a(52466))),"./tech-mesh-base-view":()=>Promise.all([a.e(8769),a.e(4782),a.e(1389),a.e(4291),a.e(2479)]).then((()=>()=>a(66253))),"./simple-card-item":()=>Promise.all([a.e(8769),a.e(4782),a.e(1389),a.e(4291),a.e(9316)]).then((()=>()=>a(41078))),"./basic-index-group":()=>Promise.all([a.e(8769),a.e(4782),a.e(1389),a.e(2445),a.e(4291),a.e(9630)]).then((()=>()=>a(31560))),"./data-display-flipper":()=>Promise.all([a.e(8769),a.e(4782),a.e(1389),a.e(4291),a.e(8291)]).then((()=>()=>a(75193))),"./data-display-flipper-fifth":()=>Promise.all([a.e(8769),a.e(4782),a.e(1389),a.e(4291),a.e(863)]).then((()=>()=>a(45205))),"./data-display-flipper-sixth":()=>Promise.all([a.e(8769),a.e(4782),a.e(1389),a.e(4291),a.e(6776)]).then((()=>()=>a(94650))),"./indicator-card":()=>Promise.all([a.e(8769),a.e(4782),a.e(1389),a.e(4291),a.e(7905)]).then((()=>()=>a(56631))),"./progress-bar-list":()=>Promise.all([a.e(1977),a.e(8769),a.e(4782),a.e(1389),a.e(2445),a.e(4291),a.e(4255)]).then((()=>()=>a(17245))),"./china-map-chart":()=>Promise.all([a.e(5155),a.e(8769),a.e(4782),a.e(1389),a.e(2445),a.e(4291),a.e(5371),a.e(8038)]).then((()=>()=>a(60680)))},n=(e,t)=>(a.R=t,t=a.o(r,e)?r[e]():Promise.resolve().then((()=>{throw new Error('Module "'+e+'" does not exist in container.')})),a.R=void 0,t),l=(e,t)=>{if(a.S){var r="default",n=a.S[r];if(n&&n!==e)throw new Error("Container initialization failed as it has already been initialized with a different share scope");return a.S[r]=e,a.I(r,t)}};a.d(t,{get:()=>n,init:()=>l})}},w={};function k(e){var t=w[e];if(void 0!==t)return t.exports;var a=w[e]={id:e,loaded:!1,exports:{}};return y[e].call(a.exports,a,a.exports,k),a.loaded=!0,a.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 a in t)k.o(t,a)&&!k.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},k.f={},k.e=e=>Promise.all(Object.keys(k.f).reduce(((t,a)=>(k.f[a](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",4255:"progress-bar-list",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",8038:"china-map-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)+"."+{114:"728f01cf",279:"eeea87dc",476:"cb6847ba",726:"7ffcd9b0",780:"74d19768",859:"fc13536c",863:"007a4179",871:"22d6eff9",886:"bbfd9619",1030:"89f1b8c7",1045:"b74cadcb",1122:"9835fb92",1302:"4d5fd21d",1389:"23e5fe49",1493:"b2352a96",1760:"86c86d18",1787:"1961fe86",1889:"4f16a6c9",1919:"0293ff58",1940:"d8510119",1977:"8c3da529",2052:"c2b24b1c",2277:"a35b0a6c",2445:"f84e0bbc",2479:"602e7715",2943:"2b5c7579",3144:"13127e54",3147:"2635d1ac",3158:"b3a7c05f",3171:"363b0b08",3201:"191c2570",3446:"98bffd99",3614:"4f9d3395",3680:"4f687c17",3697:"ee5403e2",3719:"07eaff70",3751:"300d7aea",3933:"7d7d4b5d",4041:"525d5fef",4047:"cdecf2d5",4099:"e3010683",4194:"d3f150ff",4219:"e3000e75",4255:"dbe8ec22",4285:"7c048120",4291:"e8c9ad6e",4658:"170a743c",4782:"d2df82e7",4837:"66a28d9b",5009:"849810eb",5155:"52b564af",5250:"a19aacd0",5289:"ca54e33c",5301:"9469cbfd",5332:"75bdbfdb",5371:"15b68669",5384:"f1c59dfa",5399:"8b165029",5552:"f3e88b28",5737:"aad76897",5994:"a44f62cb",6306:"f400d7d8",6314:"25c9b9f9",6419:"bdce8c78",6448:"2d54d335",6519:"5834fc7a",6614:"deb8f941",6773:"8f70e9c1",6776:"07a84b2b",7218:"ed56b68d",7318:"01ed12a1",7434:"1d0a1039",7473:"75ab254e",7721:"eb4dab13",7733:"f5c1c1eb",7905:"45f2a45c",7965:"00372fb6",8038:"c33ff7d1",8097:"897b1f7b",8113:"09eb15e8",8172:"bf4863a0",8291:"3a38323c",8416:"44c4cfc3",8418:"808670d4",8460:"524c523f",8553:"d6088430",8576:"6fb62c4b",8581:"8a6a2f90",8769:"a8378458",8897:"b30c46b3",8989:"1ed994e9",9316:"8f0f8ed0",9435:"1fe92cdc",9515:"0a25494f",9559:"25c44810",9630:"6c328ceb",9749:"b57849a9",9755:"6603d492",9831:"1107db7f",9844:"806ea100",9875:"51859487"}[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=(a,r,n,l)=>{if(e[a])e[a].push(r);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")==a||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=a),e[a]=[r];var h=(t,r)=>{o.onerror=o.onload=null,clearTimeout(f);var n=e[a];if(delete e[a],o.parentNode&&o.parentNode.removeChild(o),n&&n.forEach((e=>e(r))),t)return t(r)},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=(a,r)=>{r||(r=[]);var n=t[a];if(n||(n=t[a]={}),!(r.indexOf(n)>=0)){if(r.push(n),e[a])return e[a];k.o(k.S,a)||(k.S[a]={});var l=k.S[a],o="@next-bricks/data-view",i=(e,t,a,r)=>{var n=l[e]=l[e]||{},i=n[t];(!i||!i.loaded&&(!r!=!i.eager?r:o>i.from))&&(n[t]={get:a,from:o,eager:!!r})},c=[];return"default"===a&&(i("@babel/parser","7.25.3",(()=>k.e(6773).then((()=>()=>k(46773))))),i("@easyops-cn/brick-next-pipes","0.6.0",(()=>Promise.all([k.e(3680),k.e(886)]).then((()=>()=>k(3680))))),i("@next-core/cook","2.4.8",(()=>Promise.all([k.e(1122),k.e(1760)]).then((()=>()=>k(61122))))),i("@next-core/element","1.2.11",(()=>k.e(1045).then((()=>()=>k(21045))))),i("@next-core/http","1.2.6",(()=>k.e(8989).then((()=>()=>k(48989))))),i("@next-core/i18n/react","1.0.62",(()=>Promise.all([k.e(7318),k.e(8097)]).then((()=>()=>k(88097))))),i("@next-core/i18n","1.0.62",(()=>Promise.all([k.e(279),k.e(7318),k.e(9755),k.e(5552)]).then((()=>()=>k(75552))))),i("@next-core/inject","1.0.41",(()=>Promise.all([k.e(4285),k.e(1030),k.e(2277)]).then((()=>()=>k(72277))))),i("@next-core/loader","1.6.7",(()=>k.e(5399).then((()=>()=>k(35399))))),i("@next-core/pipes","2.0.24",(()=>k.e(6519).then((()=>()=>k(76519))))),i("@next-core/react-element","1.0.30",(()=>Promise.all([k.e(8769),k.e(4782),k.e(9435),k.e(114)]).then((()=>()=>k(20114))))),i("@next-core/react-runtime","1.6.34",(()=>Promise.all([k.e(8769),k.e(1389),k.e(2445),k.e(8581),k.e(4837)]).then((()=>()=>k(64837))))),i("@next-core/runtime","1.54.11",(()=>Promise.all([k.e(5009),k.e(279),k.e(1030),k.e(7318),k.e(1302),k.e(8897),k.e(8553)]).then((()=>()=>k(25009))))),i("@next-core/supply","2.1.20",(()=>Promise.all([k.e(4285),k.e(1030),k.e(1302),k.e(9559)]).then((()=>()=>k(49559))))),i("@next-core/theme","1.5.4",(()=>Promise.all([k.e(1889),k.e(2052)]).then((()=>()=>k(51889))))),i("@next-core/utils/general","1.7.20",(()=>k.e(871).then((()=>()=>k(40871))))),i("@next-core/utils/storyboard","1.7.20",(()=>Promise.all([k.e(279),k.e(8897),k.e(3933)]).then((()=>()=>k(13933))))),i("history","4.10.1",(()=>k.e(5384).then((()=>()=>k(65384))))),i("i18next-browser-languagedetector","7.2.1",(()=>k.e(726).then((()=>()=>k(50726))))),i("i18next","22.5.1",(()=>k.e(3201).then((()=>()=>k(33201))))),i("js-yaml","3.14.1",(()=>k.e(9515).then((()=>()=>k(19515))))),i("lodash","4.17.21",(()=>k.e(5250).then((()=>()=>k(45250))))),i("moment/locale/zh-cn.js","2.30.1",(()=>Promise.all([k.e(7721),k.e(9844)]).then((()=>()=>k(61329))))),i("moment","2.30.1",(()=>Promise.all([k.e(7721),k.e(9844)]).then((()=>()=>k(99420))))),i("react-dom","0.0.0-experimental-ee8509801-20230117",(()=>Promise.all([k.e(3144),k.e(8769)]).then((()=>()=>k(43144))))),i("react-i18next","12.3.1",(()=>Promise.all([k.e(7434),k.e(8769)]).then((()=>()=>k(97434))))),i("react","0.0.0-experimental-ee8509801-20230117",(()=>k.e(4041).then((()=>()=>k(14041)))))),e[a]=c.length?Promise.all(c).then((()=>e[a]=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 a=t.getElementsByTagName("script");if(a.length)for(var r=a.length-1;r>-1&&(!e||!/^http(s?):/.test(e));)e=a[r--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),k.p=e})(),a=e=>{var t=e=>e.split(".").map((e=>+e==e?+e:e)),a=/^([^-+]+)?(?:-([^+]+))?(?:\+(.+))?$/.exec(e),r=a[1]?t(a[1]):[];return a[2]&&(r.length++,r.push.apply(r,t(a[2]))),a[3]&&(r.push([]),r.push.apply(r,t(a[3]))),r},r=(e,t)=>{e=a(e),t=a(t);for(var r=0;;){if(r>=e.length)return r<t.length&&"u"!=(typeof t[r])[0];var n=e[r],l=(typeof n)[0];if(r>=t.length)return"u"==l;var o=t[r],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;r++}},n=e=>{var t=e[0],a="";if(1===e.length)return"*";if(t+.5){a+=0==t?">=":-1==t?"<":1==t?"^":2==t?"~":t>0?"=":"!=";for(var r=1,l=1;l<e.length;l++)r--,a+="u"==(typeof(i=e[l]))[0]?"-":(r>0?".":"")+(r=2,i);return a}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=a(t);var r=e[0],n=r<0;n&&(r=-r-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>r&&!n:""==h!=n);if("u"==s){if(!c||"u"!=h)return!1}else if(c)if(h==s)if(i<=r){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<=r)return!1;c=!1,i--}else{if(i<=r||s<h!=n)return!1;c=!1}else"s"!=h&&"n"!=h&&(c=!1,i--)}}var f=[],p=f.pop.bind(f);for(o=1;o<e.length;o++){var u=e[o];f.push(1==u?p()|p():2==u?p()&p():u?l(u,t):!p())}return!!p()},o=(e,t)=>{var a=e[t];return Object.keys(a).reduce(((e,t)=>!e||!a[e].loaded&&r(e,t)?t:e),0)},i=(e,t,a,r)=>"Unsatisfied version "+a+" from "+(a&&e[t][a].from)+" of shared singleton module "+t+" (required "+n(r)+")",c=(e,t,a,r)=>{var n=o(e,a);return f(e[a][n])},d=(e,t,a,r)=>{var n=o(e,a);return l(r,n)||h(i(e,a,n,r)),f(e[a][n])},s=(e,t,a)=>{var n=e[t];return(t=Object.keys(n).reduce(((e,t)=>!l(a,t)||e&&!r(e,t)?e:t),0))&&n[t]},h=e=>{"undefined"!=typeof console&&console.warn&&console.warn(e)},f=e=>(e.loaded=1,e.get()),u=(p=e=>function(t,a,r,n){var l=k.I(t);return l&&l.then?l.then(e.bind(e,t,k.S[t],a,r,n)):e(t,k.S[t],a,r,n)})(((e,t,a,r)=>t&&k.o(t,a)?c(t,0,a):r())),m=p(((e,t,a,r,n)=>t&&k.o(t,a)?d(t,0,a,r):n())),b=p(((e,t,a,r,n)=>{var l=t&&k.o(t,a)&&s(t,a,r);return l?f(l):n()})),g={},P={28297:()=>m("default","moment",[1,2,27,0],(()=>Promise.all([k.e(7721),k.e(9844)]).then((()=>()=>k(99420))))),55521:()=>m("default","lodash",[1,4,17,19],(()=>k.e(5250).then((()=>()=>k(45250))))),91204:()=>m("default","js-yaml",[1,3,14,0],(()=>k.e(9515).then((()=>()=>k(19515))))),71760:()=>m("default","@babel/parser",[1,7,24,7],(()=>k.e(6773).then((()=>()=>k(46773))))),67318:()=>m("default","@next-core/i18n",[1,1,0,62],(()=>Promise.all([k.e(279),k.e(9755),k.e(3171)]).then((()=>()=>k(75552))))),47825:()=>m("default","react-i18next",[1,12,3,1],(()=>Promise.all([k.e(7434),k.e(8769)]).then((()=>()=>k(97434))))),30279:()=>m("default","@next-core/utils/general",[1,1,7,20],(()=>k.e(871).then((()=>()=>k(40871))))),2350:()=>m("default","i18next",[1,22,5,1],(()=>k.e(3201).then((()=>()=>k(33201))))),27072:()=>m("default","i18next-browser-languagedetector",[1,7,2,1],(()=>k.e(726).then((()=>()=>k(50726))))),84285:()=>m("default","@next-core/pipes",[1,2,0,24],(()=>k.e(6519).then((()=>()=>k(76519))))),41030:()=>m("default","lodash",[1,4,17,21],(()=>k.e(5250).then((()=>()=>k(45250))))),161:()=>m("default","@easyops-cn/brick-next-pipes",[2,0,6,0],(()=>Promise.all([k.e(3680),k.e(886)]).then((()=>()=>k(3680))))),18769:()=>b("default","react",[6,0,0,0,,"experimental-ee8509801-20230117"],(()=>k.e(4041).then((()=>()=>k(14041))))),24782:()=>b("default","@next-core/element",[1,1,2,11],(()=>k.e(1045).then((()=>()=>k(21045))))),59435:()=>b("default","react-dom",[6,0,0,0,,"experimental-ee8509801-20230117"],(()=>k.e(3144).then((()=>()=>k(43144))))),91389:()=>b("default","@next-core/react-element",[1,1,0,30],(()=>Promise.all([k.e(4782),k.e(9435),k.e(7733)]).then((()=>()=>k(20114))))),72445:()=>u("default","lodash",(()=>k.e(5250).then((()=>()=>k(45250))))),98581:()=>m("default","@next-core/runtime",[1,1,54,11],(()=>Promise.all([k.e(5009),k.e(279),k.e(1030),k.e(7318),k.e(1302),k.e(8897),k.e(8553)]).then((()=>()=>k(25009))))),21302:()=>m("default","moment",[1,2,30,1],(()=>Promise.all([k.e(7721),k.e(9844)]).then((()=>()=>k(99420))))),38897:()=>m("default","@next-core/cook",[1,2,4,8],(()=>Promise.all([k.e(1122),k.e(1760)]).then((()=>()=>k(61122))))),17043:()=>m("default","@next-core/loader",[1,1,6,7],(()=>k.e(5399).then((()=>()=>k(35399))))),26036:()=>m("default","moment/locale/zh-cn.js",[1,2,30,1],(()=>Promise.all([k.e(7721),k.e(9844)]).then((()=>()=>k(61329))))),32890:()=>m("default","history",[1,4,10,1],(()=>k.e(5384).then((()=>()=>k(65384))))),68965:()=>m("default","@next-core/inject",[1,1,0,41],(()=>Promise.all([k.e(4285),k.e(4658)]).then((()=>()=>k(72277))))),71680:()=>m("default","@next-core/supply",[1,2,1,20],(()=>Promise.all([k.e(4285),k.e(1940)]).then((()=>()=>k(49559))))),90877:()=>m("default","@next-core/utils/storyboard",[1,1,7,20],(()=>k.e(6314).then((()=>()=>k(13933))))),99422:()=>m("default","@next-core/http",[1,1,2,6],(()=>k.e(3751).then((()=>()=>k(48989))))),44047:()=>b("default","@next-core/react-runtime",[1,1,6,34],(()=>Promise.all([k.e(2445),k.e(8581),k.e(7218)]).then((()=>()=>k(64837))))),96419:()=>m("default","@next-core/i18n/react",[1,1,0,62],(()=>Promise.all([k.e(7318),k.e(8097)]).then((()=>()=>k(88097))))),44291:()=>u("default","@next-core/theme",(()=>k.e(1889).then((()=>()=>k(51889)))))},v={279:[30279],886:[28297,55521,91204],1030:[41030],1302:[21302],1389:[91389],1760:[71760],2445:[72445],4047:[44047],4285:[84285],4291:[44291],4782:[24782],6419:[96419],6519:[161],7318:[67318],8097:[47825],8553:[17043,26036,32890,68965,71680,90877,99422],8581:[98581],8769:[18769],8897:[38897],9435:[59435],9755:[2350,27072]},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 a=t=>{g[e]=0,k.m[e]=a=>{delete k.c[e],a.exports=t()}};x[e]=!0;var r=t=>{delete g[e],k.m[e]=a=>{throw delete k.c[e],t}};try{var n=P[e]();n.then?t.push(g[e]=n.then(a).catch(r)):a(n)}catch(e){r(e)}}}))},(()=>{k.b=document.baseURI||self.location.href;var e={1370:0};k.f.j=(t,a)=>{var r=k.o(e,t)?e[t]:void 0;if(0!==r)if(r)a.push(r[2]);else if(/^(1(030|302|389|760)|4(047|285|291|782)|8(553|581|769|86|897)|(244|943|975)5|279|6419|7318)$/.test(t))e[t]=0;else{var n=new Promise(((a,n)=>r=e[t]=[a,n]));a.push(r[2]=n);var l=k.p+k.u(t),o=new Error;k.l(l,(a=>{if(k.o(e,t)&&(0!==(r=e[t])&&(e[t]=void 0),r)){var n=a&&("load"===a.type?"missing":a.type),l=a&&a.target&&a.target.src;o.message="Loading chunk "+t+" failed.\n("+n+": "+l+")",o.name="ChunkLoadError",o.type=n,o.request=l,r[1](o)}}),"chunk-"+t,t)}};var t=(t,a)=>{var r,n,[l,o,i]=a,c=0;if(l.some((t=>0!==e[t]))){for(r in o)k.o(o,r)&&(k.m[r]=o[r]);i&&i(k)}for(t&&t(a);c<l.length;c++)n=l[c],k.o(e,n)&&e[n]&&e[n][0](),e[n]=0},a=globalThis.webpackChunk_next_bricks_data_view=globalThis.webpackChunk_next_bricks_data_view||[];a.forEach(t.bind(null,0)),a.push=t.bind(null,a.push.bind(a))})(),k.nc=void 0;var j=k(73595);window["bricks/data-view"]=j})();
2
+ //# sourceMappingURL=index.9ae97675.js.map