@next-bricks/data-view 1.3.16 → 1.4.0

package/dist/chunks/859.3b3455b0.js

@@ -1,2 +0,0 @@
-"use strict";(globalThis.webpackChunk_next_bricks_data_view=globalThis.webpackChunk_next_bricks_data_view||[]).push([[859],{6837:(t,e,n)=>{n.d(e,{Z:()=>u,w:()=>l});var r=n(18769),o=n(99126);const i=new Map,a=new o.A((t=>{t.forEach((t=>{var e;const{target:n}=t;null===(e=i.get(n))||void 0===e||e.forEach((e=>e(t)))}))})),p=(t,e)=>{i.has(t)||(i.set(t,new Set),a.observe(t)),i.get(t).add(e)},c=(t,e)=>{i.has(t)&&(i.get(t).delete(e),0===i.get(t).size&&(a.unobserve(t),i.delete(t)))};function l(t){const{targetRef:e,onResize:n}=t||{},o=(0,r.useRef)(),i=null!=e?e:o,[a,l]=(0,r.useState)({clientWidth:0,clientHeight:0}),u=(0,r.useCallback)((t=>{const{target:e}=t,{clientWidth:r=0,clientHeight:o=0}=e;l((e=>e.clientWidth===r&&e.clientHeight===o?e:(null==n||n(t),{clientWidth:r,clientHeight:o})))}),[n]);return(0,r.useEffect)((()=>{if("object"!=typeof i||null===i||!(i.current instanceof Element))throw new Error("ResizeObserver must observe an Element");const t=i.current;return p(t,u),()=>{c(t,u)}}),[u,i]),[i,{...a}]}function u(t){const e=(0,r.useRef)();return(0,r.useEffect)((()=>{e.current=t})),e.current}},73240:(t,e,n)=>{n.d(e,{A:()=>f});var r=n(36758),o=n.n(r),i=n(40935),a=n.n(i),p=n(20062),c=n.n(p),l=new URL(n(54664),n.b),u=a()(o()),h=c()(l);u.push([t.id,`:host{display:block;width:100%;height:100%}:host([hidden]){display:none}*,\n*::before,\n*::after{box-sizing:border-box}.wrapper{position:relative;width:100%;height:100%}.treemap{position:relative;overflow:hidden;width:100%;height:100%;cursor:url(${h}) 10 10,pointer}.treemap-leaf{position:absolute;overflow:hidden;border-radius:var(--no-border-radius);background:var(--color-fill-bg-container-2) radial-gradient(farthest-corner,#0f1014ff 0%,#0f101400 100%);box-shadow:inset 5px 5px 8px 1px rgba(51,102,255,0.24)}.tooltip{display:inline-block;visibility:hidden;position:absolute;top:0;left:0;padding:8px 8px 8px 15px;font-size:var(--chart-tooltips-font-size-2);line-height:20px;font-weight:var(--font-weight-500);color:var(--color-normal-text);--treemap-tooltip-background:rgba(103,149,219,0.12) radial-gradient(100% 100% ellipse at 12px 4px,rgba(var(--palette-tech-blue-6-channel),0.3),rgba(var(--palette-tech-blue-6-channel),0));--treemap-backdrop-filter:blur(5px);z-index:0}.bottom.tooltip,\n.bottomRight.tooltip,\n.bottomLeft.tooltip{padding:8px 8px 15px 8px}.right.tooltip{padding:8px 15px 8px 8px}.top.tooltip,\n.topLeft.tooltip,\n.topRight.tooltip{padding:15px 8px 8px 8px}.tooltip::before,\n.tooltip::after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1;background:var(--treemap-tooltip-background);-webkit-backdrop-filter:var(--treemap-backdrop-filter);backdrop-filter:var(--treemap-backdrop-filter)}.tooltip::before{-webkit-clip-path:inset(0 0 0 7px round var(--medius-border-radius));clip-path:inset(0 0 0 7px round var(--medius-border-radius))}.top.tooltip::before,\n.topLeft.tooltip::before,\n.topRight.tooltip::before{-webkit-clip-path:inset(7px 0 0 0 round var(--medius-border-radius));clip-path:inset(7px 0 0 0 round var(--medius-border-radius))}.bottom.tooltip::before,\n.bottomRight.tooltip::before,\n.bottomLeft.tooltip::before{-webkit-clip-path:inset(0 0 7px 0 round var(--medius-border-radius));clip-path:inset(0 0 7px 0 round var(--medius-border-radius))}.right.tooltip::before{-webkit-clip-path:inset(0 7px 0 0 round var(--medius-border-radius));clip-path:inset(0 7px 0 0 round var(--medius-border-radius))}.tooltip::after{-webkit-clip-path:polygon(0 50%,7px calc(50% - 7px),7px calc(50% + 7px));clip-path:polygon(0 50%,7px calc(50% - 7px),7px calc(50% + 7px))}.bottom.tooltip::after{-webkit-clip-path:polygon(calc(50% - 7px) calc(100% - 7px),50% 100%,calc(50% + 7px) calc(100% - 7px));clip-path:polygon(calc(50% - 7px) calc(100% - 7px),50% 100%,calc(50% + 7px) calc(100% - 7px))}.bottomLeft.tooltip::after{-webkit-clip-path:polygon(7px calc(100% - 7px),14px 100%,21px calc(100% - 7px));clip-path:polygon(7px calc(100% - 7px),14px 100%,21px calc(100% - 7px))}.bottomRight.tooltip::after{-webkit-clip-path:polygon(calc(100% - 7px) calc(100% - 7px),calc(100% - 14px) 100%,calc(100% - 21px) calc(100% - 7px));clip-path:polygon(calc(100% - 7px) calc(100% - 7px),calc(100% - 14px) 100%,calc(100% - 21px) calc(100% - 7px))}.top.tooltip::after{-webkit-clip-path:polygon(calc(50% - 7px) 7px,50% 0,calc(50% + 7px) 7px);clip-path:polygon(calc(50% - 7px) 7px,50% 0,calc(50% + 7px) 7px)}.topLeft.tooltip::after{-webkit-clip-path:polygon(7px 7px,14px 0,21px 7px);clip-path:polygon(7px 7px,14px 0,21px 7px)}.topRight.tooltip::after{-webkit-clip-path:polygon(calc(100% - 7px) 7px,calc(100% - 14px) 0,calc(100% - 21px) 7px);clip-path:polygon(calc(100% - 7px) 7px,calc(100% - 14px) 0,calc(100% - 21px) 7px)}.right.tooltip::after{-webkit-clip-path:polygon(calc(100% - 7px) calc(50% - 7px),100% 50%,calc(100% - 7px) calc(50% + 7px));clip-path:polygon(calc(100% - 7px) calc(50% - 7px),100% 50%,calc(100% - 7px) calc(50% + 7px))}`,""]);const f=u.toString()},20062:t=>{t.exports=function(t,e){return e||(e={}),t?(t=String(t.__esModule?t.default:t),/^['"].*['"]$/.test(t)&&(t=t.slice(1,-1)),e.hash&&(t+=e.hash),/["'() \t\n]|(%20)/.test(t)||e.needQuotes?'"'.concat(t.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):t):t}},54664:(t,e,n)=>{t.exports=n.p+"images/f3856ac6.svg"},17290:(t,e,n)=>{function r(t){let e;const n=()=>cancelAnimationFrame(e),r=function(){for(var r=arguments.length,o=new Array(r),i=0;i<r;i++)o[i]=arguments[i];e&&n(),e=requestAnimationFrame((()=>{t(...o)}))};return r.cancel=n,r}n.d(e,{G:()=>r})},37604:(t,e,n)=>{function r(t){var e=0,n=t.children,r=n&&n.length;if(r)for(;--r>=0;)e+=n[r].value;else e=1;t.value=e}function o(t,e){t instanceof Map?(t=[void 0,t],void 0===e&&(e=a)):void 0===e&&(e=i);for(var n,r,o,p,u,h=new l(t),f=[h];n=f.pop();)if((o=e(n.data))&&(u=(o=Array.from(o)).length))for(n.children=o,p=u-1;p>=0;--p)f.push(r=o[p]=new l(o[p])),r.parent=n,r.depth=n.depth+1;return h.eachBefore(c)}function i(t){return t.children}function a(t){return Array.isArray(t)?t[1]:null}function p(t){void 0!==t.data.value&&(t.value=t.data.value),t.data=t.data.data}function c(t){var e=0;do{t.height=e}while((t=t.parent)&&t.height<++e)}function l(t){this.data=t,this.depth=this.height=0,this.parent=null}n.d(e,{Ay:()=>o}),l.prototype=o.prototype={constructor:l,count:function(){return this.eachAfter(r)},each:function(t,e){let n=-1;for(const r of this)t.call(e,r,++n,this);return this},eachAfter:function(t,e){for(var n,r,o,i=this,a=[i],p=[],c=-1;i=a.pop();)if(p.push(i),n=i.children)for(r=0,o=n.length;r<o;++r)a.push(n[r]);for(;i=p.pop();)t.call(e,i,++c,this);return this},eachBefore:function(t,e){for(var n,r,o=this,i=[o],a=-1;o=i.pop();)if(t.call(e,o,++a,this),n=o.children)for(r=n.length-1;r>=0;--r)i.push(n[r]);return this},find:function(t,e){let n=-1;for(const r of this)if(t.call(e,r,++n,this))return r},sum:function(t){return this.eachAfter((function(e){for(var n=+t(e.data)||0,r=e.children,o=r&&r.length;--o>=0;)n+=r[o].value;e.value=n}))},sort:function(t){return this.eachBefore((function(e){e.children&&e.children.sort(t)}))},path:function(t){for(var e=this,n=function(t,e){if(t===e)return t;var n=t.ancestors(),r=e.ancestors(),o=null;for(t=n.pop(),e=r.pop();t===e;)o=t,t=n.pop(),e=r.pop();return o}(e,t),r=[e];e!==n;)e=e.parent,r.push(e);for(var o=r.length;t!==n;)r.splice(o,0,t),t=t.parent;return r},ancestors:function(){for(var t=this,e=[t];t=t.parent;)e.push(t);return e},descendants:function(){return Array.from(this)},leaves:function(){var t=[];return this.eachBefore((function(e){e.children||t.push(e)})),t},links:function(){var t=this,e=[];return t.each((function(n){n!==t&&e.push({source:n.parent,target:n})})),e},copy:function(){return o(this).eachBefore(p)},[Symbol.iterator]:function*(){var t,e,n,r,o=this,i=[o];do{for(t=i.reverse(),i=[];o=t.pop();)if(yield o,e=o.children)for(n=0,r=e.length;n<r;++n)i.push(e[n])}while(i.length)}}},16399:(t,e,n)=>{function r(t,e,n,r,o){var i,a,p=t.children,c=p.length,l=new Array(c+1);for(l[0]=a=i=0;i<c;++i)l[i+1]=a+=p[i].value;!function t(e,n,r,o,i,a,c){if(e>=n-1){var u=p[e];return u.x0=o,u.y0=i,u.x1=a,void(u.y1=c)}for(var h=l[e],f=r/2+h,d=e+1,s=n-1;d<s;){var x=d+s>>>1;l[x]<f?d=x+1:s=x}f-l[d-1]<l[d]-f&&e+1<d&&--d;var g=l[d]-h,v=r-g;if(a-o>c-i){var b=r?(o*v+a*g)/r:a;t(e,d,g,o,i,b,c),t(d,n,v,b,i,a,c)}else{var y=r?(i*v+c*g)/r:c;t(e,d,g,o,i,a,y),t(d,n,v,o,y,a,c)}}(0,c,t.value,e,n,r,o)}n.d(e,{A:()=>r})},61997:(t,e,n)=>{function r(t,e,n,r,o){for(var i,a=t.children,p=-1,c=a.length,l=t.value&&(r-e)/t.value;++p<c;)(i=a[p]).y0=n,i.y1=o,i.x0=e,i.x1=e+=i.value*l}n.d(e,{A:()=>r})},1696:(t,e,n)=>{function r(t){t.x0=Math.round(t.x0),t.y0=Math.round(t.y0),t.x1=Math.round(t.x1),t.y1=Math.round(t.y1)}n.d(e,{A:()=>p});var o=n(54960);function i(){return 0}function a(t){return function(){return t}}function p(){var t=o.Ay,e=!1,n=1,p=1,c=[0],l=i,u=i,h=i,f=i,d=i;function s(t){return t.x0=t.y0=0,t.x1=n,t.y1=p,t.eachBefore(x),c=[0],e&&t.eachBefore(r),t}function x(e){var n=c[e.depth],r=e.x0+n,o=e.y0+n,i=e.x1-n,a=e.y1-n;i<r&&(r=i=(r+i)/2),a<o&&(o=a=(o+a)/2),e.x0=r,e.y0=o,e.x1=i,e.y1=a,e.children&&(n=c[e.depth+1]=l(e)/2,r+=d(e)-n,o+=u(e)-n,(i-=h(e)-n)<r&&(r=i=(r+i)/2),(a-=f(e)-n)<o&&(o=a=(o+a)/2),t(e,r,o,i,a))}return s.round=function(t){return arguments.length?(e=!!t,s):e},s.size=function(t){return arguments.length?(n=+t[0],p=+t[1],s):[n,p]},s.tile=function(e){return arguments.length?(t=function(t){if("function"!=typeof t)throw new Error;return t}(e),s):t},s.padding=function(t){return arguments.length?s.paddingInner(t).paddingOuter(t):s.paddingInner()},s.paddingInner=function(t){return arguments.length?(l="function"==typeof t?t:a(+t),s):l},s.paddingOuter=function(t){return arguments.length?s.paddingTop(t).paddingRight(t).paddingBottom(t).paddingLeft(t):s.paddingTop()},s.paddingTop=function(t){return arguments.length?(u="function"==typeof t?t:a(+t),s):u},s.paddingRight=function(t){return arguments.length?(h="function"==typeof t?t:a(+t),s):h},s.paddingBottom=function(t){return arguments.length?(f="function"==typeof t?t:a(+t),s):f},s.paddingLeft=function(t){return arguments.length?(d="function"==typeof t?t:a(+t),s):d},s}},46793:(t,e,n)=>{n.d(e,{A:()=>a});var r=n(61997),o=n(67766),i=n(54960);const a=function t(e){function n(t,n,a,p,c){if((l=t._squarify)&&l.ratio===e)for(var l,u,h,f,d,s=-1,x=l.length,g=t.value;++s<x;){for(h=(u=l[s]).children,f=u.value=0,d=h.length;f<d;++f)u.value+=h[f].value;u.dice?(0,r.A)(u,n,a,p,g?a+=(c-a)*u.value/g:c):(0,o.A)(u,n,a,g?n+=(p-n)*u.value/g:p,c),g-=u.value}else t._squarify=l=(0,i.AI)(e,t,n,a,p,c),l.ratio=e}return n.ratio=function(e){return t((e=+e)>1?e:1)},n}(i.U1)},67766:(t,e,n)=>{function r(t,e,n,r,o){for(var i,a=t.children,p=-1,c=a.length,l=t.value&&(o-n)/t.value;++p<c;)(i=a[p]).x0=e,i.x1=r,i.y0=n,i.y1=n+=i.value*l}n.d(e,{A:()=>r})},6849:(t,e,n)=>{n.d(e,{A:()=>i});var r=n(61997),o=n(67766);function i(t,e,n,i,a){(1&t.depth?o.A:r.A)(t,e,n,i,a)}},54960:(t,e,n)=>{n.d(e,{AI:()=>a,Ay:()=>p,U1:()=>i});var r=n(61997),o=n(67766),i=(1+Math.sqrt(5))/2;function a(t,e,n,i,a,p){for(var c,l,u,h,f,d,s,x,g,v,b,y=[],m=e.children,w=0,k=0,A=m.length,R=e.value;w<A;){u=a-n,h=p-i;do{f=m[k++].value}while(!f&&k<A);for(d=s=f,b=f*f*(v=Math.max(h/u,u/h)/(R*t)),g=Math.max(s/b,b/d);k<A;++k){if(f+=l=m[k].value,l<d&&(d=l),l>s&&(s=l),b=f*f*v,(x=Math.max(s/b,b/d))>g){f-=l;break}g=x}y.push(c={value:f,dice:u<h,children:m.slice(w,k)}),c.dice?(0,r.A)(c,n,i,a,R?i+=h*f/R:p):(0,o.A)(c,n,i,R?n+=u*f/R:a,p),R-=f,w=k}return y}const p=function t(e){function n(t,n,r,o,i){a(e,t,n,r,o,i)}return n.ratio=function(e){return t((e=+e)>1?e:1)},n}(i)}}]);
-//# sourceMappingURL=859.3b3455b0.js.map

package/dist/chunks/859.3b3455b0.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chunks/859.3b3455b0.js","mappings":"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","sources":["webpack:///./src/hooks/useResizeObserver/resizeObserverUtil.ts","webpack:///./src/hooks/useResizeObserver/index.ts","webpack:///./src/hooks/usePrevious/index.ts","webpack:///./src/modern-style-treemap/modern-style-treemap.shadow.css","webpack:///../../node_modules/css-loader/dist/runtime/getUrl.js","webpack:///../../src/debounceByAnimationFrame.ts","webpack:///../../node_modules/d3-hierarchy/src/hierarchy/count.js","webpack:///../../node_modules/d3-hierarchy/src/hierarchy/index.js","webpack:///../../node_modules/d3-hierarchy/src/hierarchy/each.js","webpack:///../../node_modules/d3-hierarchy/src/hierarchy/eachAfter.js","webpack:///../../node_modules/d3-hierarchy/src/hierarchy/eachBefore.js","webpack:///../../node_modules/d3-hierarchy/src/hierarchy/find.js","webpack:///../../node_modules/d3-hierarchy/src/hierarchy/sum.js","webpack:///../../node_modules/d3-hierarchy/src/hierarchy/sort.js","webpack:///../../node_modules/d3-hierarchy/src/hierarchy/path.js","webpack:///../../node_modules/d3-hierarchy/src/hierarchy/ancestors.js","webpack:///../../node_modules/d3-hierarchy/src/hierarchy/descendants.js","webpack:///../../node_modules/d3-hierarchy/src/hierarchy/leaves.js","webpack:///../../node_modules/d3-hierarchy/src/hierarchy/links.js","webpack:///../../node_modules/d3-hierarchy/src/hierarchy/iterator.js","webpack:///../../node_modules/d3-hierarchy/src/treemap/binary.js","webpack:///../../node_modules/d3-hierarchy/src/treemap/dice.js","webpack:///../../node_modules/d3-hierarchy/src/treemap/round.js","webpack:///../../node_modules/d3-hierarchy/src/constant.js","webpack:///../../node_modules/d3-hierarchy/src/treemap/index.js","webpack:///../../node_modules/d3-hierarchy/src/accessors.js","webpack:///../../node_modules/d3-hierarchy/src/treemap/resquarify.js","webpack:///../../node_modules/d3-hierarchy/src/treemap/slice.js","webpack:///../../node_modules/d3-hierarchy/src/treemap/sliceDice.js","webpack:///../../node_modules/d3-hierarchy/src/treemap/squarify.js"],"sourcesContent":["import ResizeObserver from \"resize-observer-polyfill\";\n\nexport type ResizeCallback = (entry: ResizeObserverEntry) => void;\n\nconst elementListeners = new Map<Element, Set<ResizeCallback>>();\n\nexport const elementListeners_only_for_test =\n  process.env.NODE_ENV === \"test\"\n    ? elementListeners\n    : /* istanbul ignore next */ null;\n\nconst resizeObserverCallback = (entries: ResizeObserverEntry[]): void => {\n  entries.forEach((entry) => {\n    const { target } = entry;\n    elementListeners.get(target)?.forEach((callback) => callback(entry));\n  });\n};\n\nconst resizeObserver: ResizeObserver = new (ResizeObserver as any)(resizeObserverCallback);\n\nexport const observe = (element: Element, callback: ResizeCallback): void => {\n  if (!elementListeners.has(element)) {\n    elementListeners.set(element, new Set());\n    resizeObserver.observe(element);\n  }\n\n  elementListeners.get(element).add(callback);\n};\n\nexport const unobserve = (element: Element, callback: ResizeCallback): void => {\n  if (elementListeners.has(element)) {\n    elementListeners.get(element).delete(callback);\n\n    if (elementListeners.get(element).size === 0) {\n      resizeObserver.unobserve(element);\n      elementListeners.delete(element);\n    }\n  }\n};\n","import {\n  useState,\n  useCallback,\n  useRef,\n  type RefObject,\n  useEffect,\n} from \"react\";\nimport { observe, unobserve } from \"./resizeObserverUtil.js\";\n\ninterface ElementSize {\n  clientWidth: number;\n  clientHeight: number;\n}\n\nexport interface ResizeObserveProps<T extends Element = Element> {\n  targetRef?: RefObject<T>;\n  onResize?: (size: ResizeObserverEntry) => void;\n}\n\nexport function useResizeObserver<T extends Element = Element>(\n  props?: ResizeObserveProps<T>\n): [RefObject<T>, ElementSize] {\n  const {\n    targetRef,\n    onResize,\n  } = props || {};\n\n  const localRef = useRef<T>();\n  const ref = targetRef ?? localRef;\n  const [size, setSize] = useState<ElementSize>({ clientWidth: 0, clientHeight: 0 });\n\n  const handleResize = useCallback(\n    (entry: ResizeObserverEntry) => {\n      const { target } = entry;\n      const { clientWidth = 0, clientHeight = 0 } = target;\n\n      setSize((prev) => {\n        // skip if same size\n        if (prev.clientWidth === clientWidth && prev.clientHeight === clientHeight) {\n          return prev;\n        }\n\n        onResize?.(entry);\n\n        return { clientWidth, clientHeight };\n      });\n    },\n    [onResize]\n  );\n\n  useEffect(() => {\n    if (\n      typeof ref !== \"object\" ||\n      ref === null ||\n      !(ref.current instanceof Element)\n    ) {\n      throw new Error(\"ResizeObserver must observe an Element\");\n    }\n\n    const element = ref.current;\n    observe(element, handleResize);\n\n    return () => {\n      unobserve(element, handleResize);\n    };\n  }, [handleResize, ref]);\n\n  return [ref, { ...size }];\n}\n","import {useRef, useEffect} from 'react';\nexport  function usePrevious<T>(data?: T):T|undefined{\n    const ref = useRef<T>();\n    useEffect(()=>{\n        ref.current = data\n    })\n    return ref.current;\n}\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nimport ___CSS_LOADER_GET_URL_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/getUrl.js\";\nvar ___CSS_LOADER_URL_IMPORT_0___ = new URL(\"./dot.svg\", import.meta.url);\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\nvar ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{display:block;width:100%;height:100%}:host([hidden]){display:none}*,\n*::before,\n*::after{box-sizing:border-box}.wrapper{position:relative;width:100%;height:100%}.treemap{position:relative;overflow:hidden;width:100%;height:100%;cursor:url(${___CSS_LOADER_URL_REPLACEMENT_0___}) 10 10,pointer}.treemap-leaf{position:absolute;overflow:hidden;border-radius:var(--no-border-radius);background:var(--color-fill-bg-container-2) radial-gradient(farthest-corner,#0f1014ff 0%,#0f101400 100%);box-shadow:inset 5px 5px 8px 1px rgba(51,102,255,0.24)}.tooltip{display:inline-block;visibility:hidden;position:absolute;top:0;left:0;padding:8px 8px 8px 15px;font-size:var(--chart-tooltips-font-size-2);line-height:20px;font-weight:var(--font-weight-500);color:var(--color-normal-text);--treemap-tooltip-background:rgba(103,149,219,0.12) radial-gradient(100% 100% ellipse at 12px 4px,rgba(var(--palette-tech-blue-6-channel),0.3),rgba(var(--palette-tech-blue-6-channel),0));--treemap-backdrop-filter:blur(5px);z-index:0}.bottom.tooltip,\n.bottomRight.tooltip,\n.bottomLeft.tooltip{padding:8px 8px 15px 8px}.right.tooltip{padding:8px 15px 8px 8px}.top.tooltip,\n.topLeft.tooltip,\n.topRight.tooltip{padding:15px 8px 8px 8px}.tooltip::before,\n.tooltip::after{content:\"\";position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1;background:var(--treemap-tooltip-background);-webkit-backdrop-filter:var(--treemap-backdrop-filter);backdrop-filter:var(--treemap-backdrop-filter)}.tooltip::before{-webkit-clip-path:inset(0 0 0 7px round var(--medius-border-radius));clip-path:inset(0 0 0 7px round var(--medius-border-radius))}.top.tooltip::before,\n.topLeft.tooltip::before,\n.topRight.tooltip::before{-webkit-clip-path:inset(7px 0 0 0 round var(--medius-border-radius));clip-path:inset(7px 0 0 0 round var(--medius-border-radius))}.bottom.tooltip::before,\n.bottomRight.tooltip::before,\n.bottomLeft.tooltip::before{-webkit-clip-path:inset(0 0 7px 0 round var(--medius-border-radius));clip-path:inset(0 0 7px 0 round var(--medius-border-radius))}.right.tooltip::before{-webkit-clip-path:inset(0 7px 0 0 round var(--medius-border-radius));clip-path:inset(0 7px 0 0 round var(--medius-border-radius))}.tooltip::after{-webkit-clip-path:polygon(0 50%,7px calc(50% - 7px),7px calc(50% + 7px));clip-path:polygon(0 50%,7px calc(50% - 7px),7px calc(50% + 7px))}.bottom.tooltip::after{-webkit-clip-path:polygon(calc(50% - 7px) calc(100% - 7px),50% 100%,calc(50% + 7px) calc(100% - 7px));clip-path:polygon(calc(50% - 7px) calc(100% - 7px),50% 100%,calc(50% + 7px) calc(100% - 7px))}.bottomLeft.tooltip::after{-webkit-clip-path:polygon(7px calc(100% - 7px),14px 100%,21px calc(100% - 7px));clip-path:polygon(7px calc(100% - 7px),14px 100%,21px calc(100% - 7px))}.bottomRight.tooltip::after{-webkit-clip-path:polygon(calc(100% - 7px) calc(100% - 7px),calc(100% - 14px) 100%,calc(100% - 21px) calc(100% - 7px));clip-path:polygon(calc(100% - 7px) calc(100% - 7px),calc(100% - 14px) 100%,calc(100% - 21px) calc(100% - 7px))}.top.tooltip::after{-webkit-clip-path:polygon(calc(50% - 7px) 7px,50% 0,calc(50% + 7px) 7px);clip-path:polygon(calc(50% - 7px) 7px,50% 0,calc(50% + 7px) 7px)}.topLeft.tooltip::after{-webkit-clip-path:polygon(7px 7px,14px 0,21px 7px);clip-path:polygon(7px 7px,14px 0,21px 7px)}.topRight.tooltip::after{-webkit-clip-path:polygon(calc(100% - 7px) 7px,calc(100% - 14px) 0,calc(100% - 21px) 7px);clip-path:polygon(calc(100% - 7px) 7px,calc(100% - 14px) 0,calc(100% - 21px) 7px)}.right.tooltip::after{-webkit-clip-path:polygon(calc(100% - 7px) calc(50% - 7px),100% 50%,calc(100% - 7px) calc(50% + 7px));clip-path:polygon(calc(100% - 7px) calc(50% - 7px),100% 50%,calc(100% - 7px) calc(50% + 7px))}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","\"use strict\";\n\nmodule.exports = function (url, options) {\n  if (!options) {\n    options = {};\n  }\n  if (!url) {\n    return url;\n  }\n  url = String(url.__esModule ? url.default : url);\n\n  // If url is already wrapped in quotes, remove them\n  if (/^['\"].*['\"]$/.test(url)) {\n    url = url.slice(1, -1);\n  }\n  if (options.hash) {\n    url += options.hash;\n  }\n\n  // Should url be wrapped?\n  // See https://drafts.csswg.org/css-values-3/#urls\n  if (/[\"'() \\t\\n]|(%20)/.test(url) || options.needQuotes) {\n    return \"\\\"\".concat(url.replace(/\"/g, '\\\\\"').replace(/\\n/g, \"\\\\n\"), \"\\\"\");\n  }\n  return url;\n};","export type SimpleFunction<P extends unknown[] = unknown[], R = unknown> = (\n  ...args: P\n) => R;\n\n// The debounce function receives our function as a parameter\nexport function debounceByAnimationFrame<P extends unknown[]>(\n  fn: SimpleFunction<P, void>\n): SimpleFunction<P, void> & { cancel: () => void } {\n  // This holds the requestAnimationFrame reference, so we can cancel it if we wish\n  let frame: number;\n\n  const cancel = () => cancelAnimationFrame(frame);\n\n  // The debounce function returns a new function that can receive a variable number of arguments\n  const func = (...params: P) => {\n    // If the frame variable has been defined, clear it now, and queue for next frame\n    if (frame) {\n      cancel();\n    }\n\n    // Queue our function call for the next frame\n    frame = requestAnimationFrame(() => {\n      // Call our function and pass any params we received\n      fn(...params);\n    });\n  };\n\n  func.cancel = cancel;\n\n  return func;\n}\n","function count(node) {\n  var sum = 0,\n      children = node.children,\n      i = children && children.length;\n  if (!i) sum = 1;\n  else while (--i >= 0) sum += children[i].value;\n  node.value = sum;\n}\n\nexport default function() {\n  return this.eachAfter(count);\n}\n","import node_count from \"./count.js\";\nimport node_each from \"./each.js\";\nimport node_eachBefore from \"./eachBefore.js\";\nimport node_eachAfter from \"./eachAfter.js\";\nimport node_find from \"./find.js\";\nimport node_sum from \"./sum.js\";\nimport node_sort from \"./sort.js\";\nimport node_path from \"./path.js\";\nimport node_ancestors from \"./ancestors.js\";\nimport node_descendants from \"./descendants.js\";\nimport node_leaves from \"./leaves.js\";\nimport node_links from \"./links.js\";\nimport node_iterator from \"./iterator.js\";\n\nexport default function hierarchy(data, children) {\n  if (data instanceof Map) {\n    data = [undefined, data];\n    if (children === undefined) children = mapChildren;\n  } else if (children === undefined) {\n    children = objectChildren;\n  }\n\n  var root = new Node(data),\n      node,\n      nodes = [root],\n      child,\n      childs,\n      i,\n      n;\n\n  while (node = nodes.pop()) {\n    if ((childs = children(node.data)) && (n = (childs = Array.from(childs)).length)) {\n      node.children = childs;\n      for (i = n - 1; i >= 0; --i) {\n        nodes.push(child = childs[i] = new Node(childs[i]));\n        child.parent = node;\n        child.depth = node.depth + 1;\n      }\n    }\n  }\n\n  return root.eachBefore(computeHeight);\n}\n\nfunction node_copy() {\n  return hierarchy(this).eachBefore(copyData);\n}\n\nfunction objectChildren(d) {\n  return d.children;\n}\n\nfunction mapChildren(d) {\n  return Array.isArray(d) ? d[1] : null;\n}\n\nfunction copyData(node) {\n  if (node.data.value !== undefined) node.value = node.data.value;\n  node.data = node.data.data;\n}\n\nexport function computeHeight(node) {\n  var height = 0;\n  do node.height = height;\n  while ((node = node.parent) && (node.height < ++height));\n}\n\nexport function Node(data) {\n  this.data = data;\n  this.depth =\n  this.height = 0;\n  this.parent = null;\n}\n\nNode.prototype = hierarchy.prototype = {\n  constructor: Node,\n  count: node_count,\n  each: node_each,\n  eachAfter: node_eachAfter,\n  eachBefore: node_eachBefore,\n  find: node_find,\n  sum: node_sum,\n  sort: node_sort,\n  path: node_path,\n  ancestors: node_ancestors,\n  descendants: node_descendants,\n  leaves: node_leaves,\n  links: node_links,\n  copy: node_copy,\n  [Symbol.iterator]: node_iterator\n};\n","export default function(callback, that) {\n  let index = -1;\n  for (const node of this) {\n    callback.call(that, node, ++index, this);\n  }\n  return this;\n}\n","export default function(callback, that) {\n  var node = this, nodes = [node], next = [], children, i, n, index = -1;\n  while (node = nodes.pop()) {\n    next.push(node);\n    if (children = node.children) {\n      for (i = 0, n = children.length; i < n; ++i) {\n        nodes.push(children[i]);\n      }\n    }\n  }\n  while (node = next.pop()) {\n    callback.call(that, node, ++index, this);\n  }\n  return this;\n}\n","export default function(callback, that) {\n  var node = this, nodes = [node], children, i, index = -1;\n  while (node = nodes.pop()) {\n    callback.call(that, node, ++index, this);\n    if (children = node.children) {\n      for (i = children.length - 1; i >= 0; --i) {\n        nodes.push(children[i]);\n      }\n    }\n  }\n  return this;\n}\n","export default function(callback, that) {\n  let index = -1;\n  for (const node of this) {\n    if (callback.call(that, node, ++index, this)) {\n      return node;\n    }\n  }\n}\n","export default function(value) {\n  return this.eachAfter(function(node) {\n    var sum = +value(node.data) || 0,\n        children = node.children,\n        i = children && children.length;\n    while (--i >= 0) sum += children[i].value;\n    node.value = sum;\n  });\n}\n","export default function(compare) {\n  return this.eachBefore(function(node) {\n    if (node.children) {\n      node.children.sort(compare);\n    }\n  });\n}\n","export default function(end) {\n  var start = this,\n      ancestor = leastCommonAncestor(start, end),\n      nodes = [start];\n  while (start !== ancestor) {\n    start = start.parent;\n    nodes.push(start);\n  }\n  var k = nodes.length;\n  while (end !== ancestor) {\n    nodes.splice(k, 0, end);\n    end = end.parent;\n  }\n  return nodes;\n}\n\nfunction leastCommonAncestor(a, b) {\n  if (a === b) return a;\n  var aNodes = a.ancestors(),\n      bNodes = b.ancestors(),\n      c = null;\n  a = aNodes.pop();\n  b = bNodes.pop();\n  while (a === b) {\n    c = a;\n    a = aNodes.pop();\n    b = bNodes.pop();\n  }\n  return c;\n}\n","export default function() {\n  var node = this, nodes = [node];\n  while (node = node.parent) {\n    nodes.push(node);\n  }\n  return nodes;\n}\n","export default function() {\n  return Array.from(this);\n}\n","export default function() {\n  var leaves = [];\n  this.eachBefore(function(node) {\n    if (!node.children) {\n      leaves.push(node);\n    }\n  });\n  return leaves;\n}\n","export default function() {\n  var root = this, links = [];\n  root.each(function(node) {\n    if (node !== root) { // Don’t include the root’s parent, if any.\n      links.push({source: node.parent, target: node});\n    }\n  });\n  return links;\n}\n","export default function*() {\n  var node = this, current, next = [node], children, i, n;\n  do {\n    current = next.reverse(), next = [];\n    while (node = current.pop()) {\n      yield node;\n      if (children = node.children) {\n        for (i = 0, n = children.length; i < n; ++i) {\n          next.push(children[i]);\n        }\n      }\n    }\n  } while (next.length);\n}\n","export default function(parent, x0, y0, x1, y1) {\n  var nodes = parent.children,\n      i, n = nodes.length,\n      sum, sums = new Array(n + 1);\n\n  for (sums[0] = sum = i = 0; i < n; ++i) {\n    sums[i + 1] = sum += nodes[i].value;\n  }\n\n  partition(0, n, parent.value, x0, y0, x1, y1);\n\n  function partition(i, j, value, x0, y0, x1, y1) {\n    if (i >= j - 1) {\n      var node = nodes[i];\n      node.x0 = x0, node.y0 = y0;\n      node.x1 = x1, node.y1 = y1;\n      return;\n    }\n\n    var valueOffset = sums[i],\n        valueTarget = (value / 2) + valueOffset,\n        k = i + 1,\n        hi = j - 1;\n\n    while (k < hi) {\n      var mid = k + hi >>> 1;\n      if (sums[mid] < valueTarget) k = mid + 1;\n      else hi = mid;\n    }\n\n    if ((valueTarget - sums[k - 1]) < (sums[k] - valueTarget) && i + 1 < k) --k;\n\n    var valueLeft = sums[k] - valueOffset,\n        valueRight = value - valueLeft;\n\n    if ((x1 - x0) > (y1 - y0)) {\n      var xk = value ? (x0 * valueRight + x1 * valueLeft) / value : x1;\n      partition(i, k, valueLeft, x0, y0, xk, y1);\n      partition(k, j, valueRight, xk, y0, x1, y1);\n    } else {\n      var yk = value ? (y0 * valueRight + y1 * valueLeft) / value : y1;\n      partition(i, k, valueLeft, x0, y0, x1, yk);\n      partition(k, j, valueRight, x0, yk, x1, y1);\n    }\n  }\n}\n","export default function(parent, x0, y0, x1, y1) {\n  var nodes = parent.children,\n      node,\n      i = -1,\n      n = nodes.length,\n      k = parent.value && (x1 - x0) / parent.value;\n\n  while (++i < n) {\n    node = nodes[i], node.y0 = y0, node.y1 = y1;\n    node.x0 = x0, node.x1 = x0 += node.value * k;\n  }\n}\n","export default function(node) {\n  node.x0 = Math.round(node.x0);\n  node.y0 = Math.round(node.y0);\n  node.x1 = Math.round(node.x1);\n  node.y1 = Math.round(node.y1);\n}\n","export function constantZero() {\n  return 0;\n}\n\nexport default function(x) {\n  return function() {\n    return x;\n  };\n}\n","import roundNode from \"./round.js\";\nimport squarify from \"./squarify.js\";\nimport {required} from \"../accessors.js\";\nimport constant, {constantZero} from \"../constant.js\";\n\nexport default function() {\n  var tile = squarify,\n      round = false,\n      dx = 1,\n      dy = 1,\n      paddingStack = [0],\n      paddingInner = constantZero,\n      paddingTop = constantZero,\n      paddingRight = constantZero,\n      paddingBottom = constantZero,\n      paddingLeft = constantZero;\n\n  function treemap(root) {\n    root.x0 =\n    root.y0 = 0;\n    root.x1 = dx;\n    root.y1 = dy;\n    root.eachBefore(positionNode);\n    paddingStack = [0];\n    if (round) root.eachBefore(roundNode);\n    return root;\n  }\n\n  function positionNode(node) {\n    var p = paddingStack[node.depth],\n        x0 = node.x0 + p,\n        y0 = node.y0 + p,\n        x1 = node.x1 - p,\n        y1 = node.y1 - p;\n    if (x1 < x0) x0 = x1 = (x0 + x1) / 2;\n    if (y1 < y0) y0 = y1 = (y0 + y1) / 2;\n    node.x0 = x0;\n    node.y0 = y0;\n    node.x1 = x1;\n    node.y1 = y1;\n    if (node.children) {\n      p = paddingStack[node.depth + 1] = paddingInner(node) / 2;\n      x0 += paddingLeft(node) - p;\n      y0 += paddingTop(node) - p;\n      x1 -= paddingRight(node) - p;\n      y1 -= paddingBottom(node) - p;\n      if (x1 < x0) x0 = x1 = (x0 + x1) / 2;\n      if (y1 < y0) y0 = y1 = (y0 + y1) / 2;\n      tile(node, x0, y0, x1, y1);\n    }\n  }\n\n  treemap.round = function(x) {\n    return arguments.length ? (round = !!x, treemap) : round;\n  };\n\n  treemap.size = function(x) {\n    return arguments.length ? (dx = +x[0], dy = +x[1], treemap) : [dx, dy];\n  };\n\n  treemap.tile = function(x) {\n    return arguments.length ? (tile = required(x), treemap) : tile;\n  };\n\n  treemap.padding = function(x) {\n    return arguments.length ? treemap.paddingInner(x).paddingOuter(x) : treemap.paddingInner();\n  };\n\n  treemap.paddingInner = function(x) {\n    return arguments.length ? (paddingInner = typeof x === \"function\" ? x : constant(+x), treemap) : paddingInner;\n  };\n\n  treemap.paddingOuter = function(x) {\n    return arguments.length ? treemap.paddingTop(x).paddingRight(x).paddingBottom(x).paddingLeft(x) : treemap.paddingTop();\n  };\n\n  treemap.paddingTop = function(x) {\n    return arguments.length ? (paddingTop = typeof x === \"function\" ? x : constant(+x), treemap) : paddingTop;\n  };\n\n  treemap.paddingRight = function(x) {\n    return arguments.length ? (paddingRight = typeof x === \"function\" ? x : constant(+x), treemap) : paddingRight;\n  };\n\n  treemap.paddingBottom = function(x) {\n    return arguments.length ? (paddingBottom = typeof x === \"function\" ? x : constant(+x), treemap) : paddingBottom;\n  };\n\n  treemap.paddingLeft = function(x) {\n    return arguments.length ? (paddingLeft = typeof x === \"function\" ? x : constant(+x), treemap) : paddingLeft;\n  };\n\n  return treemap;\n}\n","export function optional(f) {\n  return f == null ? null : required(f);\n}\n\nexport function required(f) {\n  if (typeof f !== \"function\") throw new Error;\n  return f;\n}\n","import treemapDice from \"./dice.js\";\nimport treemapSlice from \"./slice.js\";\nimport {phi, squarifyRatio} from \"./squarify.js\";\n\nexport default (function custom(ratio) {\n\n  function resquarify(parent, x0, y0, x1, y1) {\n    if ((rows = parent._squarify) && (rows.ratio === ratio)) {\n      var rows,\n          row,\n          nodes,\n          i,\n          j = -1,\n          n,\n          m = rows.length,\n          value = parent.value;\n\n      while (++j < m) {\n        row = rows[j], nodes = row.children;\n        for (i = row.value = 0, n = nodes.length; i < n; ++i) row.value += nodes[i].value;\n        if (row.dice) treemapDice(row, x0, y0, x1, value ? y0 += (y1 - y0) * row.value / value : y1);\n        else treemapSlice(row, x0, y0, value ? x0 += (x1 - x0) * row.value / value : x1, y1);\n        value -= row.value;\n      }\n    } else {\n      parent._squarify = rows = squarifyRatio(ratio, parent, x0, y0, x1, y1);\n      rows.ratio = ratio;\n    }\n  }\n\n  resquarify.ratio = function(x) {\n    return custom((x = +x) > 1 ? x : 1);\n  };\n\n  return resquarify;\n})(phi);\n","export default function(parent, x0, y0, x1, y1) {\n  var nodes = parent.children,\n      node,\n      i = -1,\n      n = nodes.length,\n      k = parent.value && (y1 - y0) / parent.value;\n\n  while (++i < n) {\n    node = nodes[i], node.x0 = x0, node.x1 = x1;\n    node.y0 = y0, node.y1 = y0 += node.value * k;\n  }\n}\n","import dice from \"./dice.js\";\nimport slice from \"./slice.js\";\n\nexport default function(parent, x0, y0, x1, y1) {\n  (parent.depth & 1 ? slice : dice)(parent, x0, y0, x1, y1);\n}\n","import treemapDice from \"./dice.js\";\nimport treemapSlice from \"./slice.js\";\n\nexport var phi = (1 + Math.sqrt(5)) / 2;\n\nexport function squarifyRatio(ratio, parent, x0, y0, x1, y1) {\n  var rows = [],\n      nodes = parent.children,\n      row,\n      nodeValue,\n      i0 = 0,\n      i1 = 0,\n      n = nodes.length,\n      dx, dy,\n      value = parent.value,\n      sumValue,\n      minValue,\n      maxValue,\n      newRatio,\n      minRatio,\n      alpha,\n      beta;\n\n  while (i0 < n) {\n    dx = x1 - x0, dy = y1 - y0;\n\n    // Find the next non-empty node.\n    do sumValue = nodes[i1++].value; while (!sumValue && i1 < n);\n    minValue = maxValue = sumValue;\n    alpha = Math.max(dy / dx, dx / dy) / (value * ratio);\n    beta = sumValue * sumValue * alpha;\n    minRatio = Math.max(maxValue / beta, beta / minValue);\n\n    // Keep adding nodes while the aspect ratio maintains or improves.\n    for (; i1 < n; ++i1) {\n      sumValue += nodeValue = nodes[i1].value;\n      if (nodeValue < minValue) minValue = nodeValue;\n      if (nodeValue > maxValue) maxValue = nodeValue;\n      beta = sumValue * sumValue * alpha;\n      newRatio = Math.max(maxValue / beta, beta / minValue);\n      if (newRatio > minRatio) { sumValue -= nodeValue; break; }\n      minRatio = newRatio;\n    }\n\n    // Position and record the row orientation.\n    rows.push(row = {value: sumValue, dice: dx < dy, children: nodes.slice(i0, i1)});\n    if (row.dice) treemapDice(row, x0, y0, x1, value ? y0 += dy * sumValue / value : y1);\n    else treemapSlice(row, x0, y0, value ? x0 += dx * sumValue / value : x1, y1);\n    value -= sumValue, i0 = i1;\n  }\n\n  return rows;\n}\n\nexport default (function custom(ratio) {\n\n  function squarify(parent, x0, y0, x1, y1) {\n    squarifyRatio(ratio, parent, x0, y0, x1, y1);\n  }\n\n  squarify.ratio = function(x) {\n    return custom((x = +x) > 1 ? x : 1);\n  };\n\n  return squarify;\n})(phi);\n"],"names":["elementListeners","Map","resizeObserver","ResizeObserver","entries","forEach","entry","_elementListeners$get","target","get","callback","observe","element","has","set","Set","add","unobserve","delete","size","useResizeObserver","props","targetRef","onResize","localRef","useRef","ref","setSize","useState","clientWidth","clientHeight","handleResize","useCallback","prev","useEffect","current","Element","Error","usePrevious","data","___CSS_LOADER_URL_IMPORT_0___","URL","___CSS_LOADER_EXPORT___","___CSS_LOADER_URL_REPLACEMENT_0___","push","module","id","toString","exports","url","options","String","__esModule","default","test","slice","hash","needQuotes","concat","replace","debounceByAnimationFrame","fn","frame","cancel","cancelAnimationFrame","func","_len","arguments","length","params","Array","_key","requestAnimationFrame","count","node","sum","children","i","value","hierarchy","undefined","mapChildren","objectChildren","child","childs","n","root","Node","nodes","pop","from","parent","depth","eachBefore","computeHeight","d","isArray","copyData","height","this","prototype","constructor","eachAfter","each","that","index","call","next","find","sort","compare","path","end","start","ancestor","a","b","aNodes","ancestors","bNodes","c","leastCommonAncestor","k","splice","descendants","leaves","links","source","copy","Symbol","iterator","reverse","x0","y0","x1","y1","sums","partition","j","valueOffset","valueTarget","hi","mid","valueLeft","valueRight","xk","yk","Math","round","constantZero","x","tile","squarify","dx","dy","paddingStack","paddingInner","paddingTop","paddingRight","paddingBottom","paddingLeft","treemap","positionNode","p","f","required","padding","paddingOuter","constant","custom","ratio","resquarify","rows","_squarify","row","m","dice","phi","sqrt","squarifyRatio","nodeValue","sumValue","minValue","maxValue","newRatio","minRatio","alpha","beta","i0","i1","max"],"sourceRoot":""}

package/dist/chunks/cabinet-container.bc8cb288.js

@@ -1,3 +0,0 @@
-/*! For license information please see cabinet-container.bc8cb288.js.LICENSE.txt */
-(globalThis.webpackChunk_next_bricks_data_view=globalThis.webpackChunk_next_bricks_data_view||[]).push([[4219],{8540:(e,t,r)=>{"use strict";r.r(t),r.d(t,{CabinetContainer:()=>X,CabinetContainerComponent:()=>U});var a,i=r(24586),n=r(74635),o=r(70918),l=r(26902),s=r(5536),c=r(86121),p=r(70829),h=r(62740),b=r(18769),g=r.n(b),d=r(24295),u=r(10300),f=r(79935),v=r(21053),x=r(53373),w=r.n(x),m=r(6837);let k,y,C,A,W,z,M,E,T,N,S,R,D,_,H,j,O;const{defineElement:P,property:L,event:$}=(0,u.createDecorators)(),B=(0,d.wrapBrick)("data-view.cabinet-node");let X;var Z=new WeakMap,q=new WeakMap,F=new WeakMap,G=new WeakMap,I=new WeakMap,J=new WeakSet,K=new WeakMap;class Q extends d.ReactNextElement{constructor(){super(...arguments),(0,n.A)(this,J),(0,o.A)(this,Z,y(this,"host")),(0,o.A)(this,q,(C(this),A(this,[]))),(0,o.A)(this,F,(W(this),z(this))),(0,o.A)(this,G,(M(this),E(this))),(0,o.A)(this,I,(T(this),N(this))),(0,o.A)(this,K,(D(this),_(this))),(0,i.A)(this,"handleClick",(O(this),e=>{(0,s.A)(J,this,S).emit(e)})),(0,i.A)(this,"handleDbClick",(e=>{(0,s.A)(J,this,H).emit(e)}))}get type(){return(0,p.A)(Z,this)}set type(e){(0,c.A)(Z,this,e)}get data(){return(0,p.A)(q,this)}set data(e){(0,c.A)(q,this,e)}get status(){return(0,p.A)(F,this)}set status(e){(0,c.A)(F,this,e)}get customTitle(){return(0,p.A)(G,this)}set customTitle(e){(0,c.A)(G,this,e)}render(){return g().createElement(U,{type:this.type,data:this.data,status:this.status,customTitle:this.customTitle,handleClick:this.handleClick,handleDbClick:this.handleDbClick})}}function U(e){const{type:t,data:r,status:a,customTitle:i,handleClick:n,handleDbClick:o}=e,l=(0,b.useRef)(!1),s=(0,b.useRef)(),[c,{clientWidth:p,clientHeight:h}]=(0,m.w)(),d=(0,b.useCallback)(((e,t,a,i)=>{const n=Math.max(i,a),o=Math.min(i,a),l=Math.min(t,e),s=Math.max(t,e),c=Math.ceil((e+t)/2),p=Math.ceil((a+i)/2),h=Math.ceil(r.length/c);return c<=1?{col:1,row:r.length}:h===p||l===s||l===c||s===c?{col:c,row:h}:h>p?d(c,s,h,o):h<p?d(l,c,n,h):void 0}),[r.length]),u=(0,b.useMemo)((()=>{if(!r.length)return;const e=p-27,t=h-84;if(e<=0||t<=0)return;const a=Math.floor(e/118),i=Math.floor(t/105),n=Math.floor(e/56),o=Math.floor(t/63),l=a*i,s=n*o,c=r.length;if(c<=l)return{width:Math.floor(e/a),itemWidth:118};if(c>=s)return{width:Math.floor(e/n),itemWidth:56};{const{col:t}=d(a,n,i,o);return{width:Math.floor(e/t),itemWidth:Math.max(e/t-10,56)}}}),[r.length,p,h,d]),f=(e,t,r)=>{e.stopPropagation(),window.clearTimeout(s.current),l.current=!1,s.current=window.setTimeout((function(){l.current||null==n||n({data:t,type:r})}),200)},v=(e,t,r)=>{window.clearTimeout(s.current),l.current=!0,e.stopPropagation(),null==o||o({data:t,type:r})};return g().createElement("div",{className:w()("wrapper",{hostWrapper:"host"===t||"k8s-blue"===t,k8sWrapper:"k8s"===t},a&&`wrapper-${a}`),ref:c,onClick:e=>f(e,void 0,"container"),onDoubleClick:e=>v(e,void 0,"container")},g().createElement("div",{className:w()("container",{hostContainer:"host"===t||"k8s-blue"===t,k8sContainer:"k8s"===t},a&&`container-${a}`)},g().createElement("div",{className:"content"},g().createElement("div",{className:"contentLayout"},r.map(((e,t)=>g().createElement("div",{key:t,className:"itemContent",style:{width:null==u?void 0:u.width}},g().createElement("div",{className:"item",style:{width:null==u?void 0:u.itemWidth},onClick:t=>f(t,e,"node"),onDoubleClick:t=>v(t,e,"node")},g().createElement(B,{type:e.type,nodeTitle:e.nodeTitle,status:e.status,isAlert:e.isAlert}))))))),i&&g().createElement("div",{className:"footer"},g().createElement("div",{className:"footerTitle"},i))))}a=Q,({e:[y,C,A,W,z,M,E,T,N,S,R,D,_,H,j,O],c:[X,k]}=(0,h.A)(a,[P("data-view.cabinet-container",{styleTexts:[f.A,v.A]})],[[L({attribute:!1}),1,"type"],[L({attribute:!1}),1,"data"],[L(),1,"status"],[L(),1,"customTitle"],[$({type:"container.click"}),1,"onHandleClick",e=>(0,p.A)(I,e),(e,t)=>(0,c.A)(I,e,t)],[$({type:"container.dbclick"}),1,"onHandleDbClick",e=>(0,p.A)(K,e),(e,t)=>(0,c.A)(K,e,t)]],0,(e=>J.has((0,l.A)(e))),d.ReactNextElement)),k()},6837:(e,t,r)=>{"use strict";r.d(t,{Z:()=>p,w:()=>c});var a=r(18769),i=r(99126);const n=new Map,o=new i.A((e=>{e.forEach((e=>{var t;const{target:r}=e;null===(t=n.get(r))||void 0===t||t.forEach((t=>t(e)))}))})),l=(e,t)=>{n.has(e)||(n.set(e,new Set),o.observe(e)),n.get(e).add(t)},s=(e,t)=>{n.has(e)&&(n.get(e).delete(t),0===n.get(e).size&&(o.unobserve(e),n.delete(e)))};function c(e){const{targetRef:t,onResize:r}=e||{},i=(0,a.useRef)(),n=null!=t?t:i,[o,c]=(0,a.useState)({clientWidth:0,clientHeight:0}),p=(0,a.useCallback)((e=>{const{target:t}=e,{clientWidth:a=0,clientHeight:i=0}=t;c((t=>t.clientWidth===a&&t.clientHeight===i?t:(null==r||r(e),{clientWidth:a,clientHeight:i})))}),[r]);return(0,a.useEffect)((()=>{if("object"!=typeof n||null===n||!(n.current instanceof Element))throw new Error("ResizeObserver must observe an Element");const e=n.current;return l(e,p),()=>{s(e,p)}}),[p,n]),[n,{...o}]}function p(e){const t=(0,a.useRef)();return(0,a.useEffect)((()=>{t.current=e})),t.current}},21053:(e,t,r)=>{"use strict";r.d(t,{A:()=>l});var a=r(36758),i=r.n(a),n=r(40935),o=r.n(n)()(i());o.push([e.id,'*,\n*:after,\n*:before{box-sizing:border-box}.wrapper{width:100%;height:100%;position:relative}.container{width:100%;height:100%;border:3px solid;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);display:flex;flex-direction:column;cursor:pointer;overflow:hidden}.wrapper:after,\n.wrapper:before{content:"";position:absolute;left:50%;border:3px solid;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);transform:translateX(-50%)}.wrapper:before{width:calc(100% - 10px);height:100%;bottom:-14px;z-index:-1;opacity:0.6}.wrapper:after{width:calc(100% - 30px);height:100%;bottom:-24px;z-index:-10;opacity:0.4}.hostWrapper:before,\n.hostWrapper:after{border-image:radial-gradient(circle,rgba(55,229,252,1),#007aca) 3 3}.hostWrapper:not(:has(.item:hover)):hover:before,\n.hostWrapper.wrapper-active:before{border-image:radial-gradient(circle,rgba(55,229,252,1),#45e4ff) 3 3}.k8sWrapper:after,\n.k8sWrapper:before{border-image:radial-gradient(circle,rgba(255,102,51,1),#ff663380) 3 3}.hostContainer{background:rgba(7,4,21,0.85);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-image:radial-gradient(circle,rgba(55,229,252,1),#007aca) 3 3}.hostContainer:not(:has(.item:hover)):hover,\n.hostContainer.container-active{border-image:radial-gradient(circle,rgba(55,229,252,1),#45e4ff) 3 3;box-shadow:inset 0 0 30px 0 #45e4ff,inset 0 0 20px 0 #45e4ff}.hostWrapper.wrapper-faded:after,\n.hostWrapper.wrapper-faded:before,\n.k8sWrapper.wrapper-faded:after,\n.k8sWrapper.wrapper-faded:before{opacity:0.1}.k8sContainer{background:rgba(7,4,21,0.8);border-image:radial-gradient(circle,rgba(255,102,51,1),#ff663399) 3 3}.k8sContainer:not(:has(.item:hover)):hover,\n.k8sContainer.container-active{box-shadow:inset 0 0 30px 0 #ff6633,inset 0 0 20px 0 #ff6633}.hostContainer.container-faded,\n.k8sContainer.container-faded{opacity:0.4}.content{flex:1;padding:20px 10px;width:100%;box-sizing:border-box;overflow:hidden;display:flex}.contentLayout{overflow:auto;height:100%}.itemContent{display:inline-block;vertical-align:middle}.item{min-width:56px;min-height:63px;max-width:118px;margin:auto}.footer{width:100%;height:57px;text-align:center;line-height:57px;font-size:var(--auxiliary-font-size);font-weight:var(--font-weight-400);color:var(--color-normal-text);position:relative;display:flex}.footerTitle{flex:1;width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.footer:after{content:"";width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1}.hostContainer > .footer:after{background:linear-gradient(180deg,rgba(26,103,157,0.2) 0%,#1b69a0 100%)}.k8sContainer > .footer:after{background:linear-gradient(180deg,rgba(255,102,51,0.1) 0%,rgba(255,102,51,0.55) 100%)}.hostContainer:not(:has(.item:hover)):hover > .footer:after,\n.hostContainer.container-active > .footer:after,\n.k8sContainer:not(:has(.item:hover)):hover > .footer:after,\n.k8sContainer.container-active > .footer:after{opacity:0.65}',""]);const l=o.toString()},79935:(e,t,r)=>{"use strict";r.d(t,{A:()=>l});var a=r(36758),i=r.n(a),n=r(40935),o=r.n(n)()(i());o.push([e.id,":host{--palette-rgba-white-1:rgba(255,255,255,10%);--palette-rgba-white-2:rgba(255,255,255,20%);--palette-rgba-white-3:rgba(255,255,255,30%);--palette-rgba-white-4:rgba(255,255,255,40%);--palette-rgba-white-5:rgba(255,255,255,50%);--palette-rgba-white-6:rgba(255,255,255,60%);--palette-rgba-white-7:rgba(255,255,255,70%);--palette-rgba-white-8:rgba(255,255,255,80%);--palette-rgba-white-9:rgba(255,255,255,90%);--palette-rgba-white-10:rgba(255,255,255,100%);--palette-rgba-gray-1:rgba(0,0,0,10%);--palette-rgba-gray-2:rgba(0,0,0,20%);--palette-rgba-gray-3:rgba(0,0,0,30%);--palette-rgba-gray-4:rgba(0,0,0,40%);--palette-rgba-gray-5:rgba(0,0,0,50%);--palette-rgba-gray-6:rgba(0,0,0,60%);--palette-rgba-gray-7:rgba(0,0,0,70%);--palette-rgba-gray-8:rgba(0,0,0,80%);--palette-rgba-gray-9:rgba(0,0,0,90%);--palette-rgba-gray-10:rgba(0,0,0,100%);--palette-rgba-blue-gray-2:rgba(101,106,134,20%);--palette-rgba-blue-gray-3:rgba(101,106,134,30%);--palette-rgba-blue-gray-8:rgba(101,106,134,80%);--palette-tech-blue-4-channel:67,127,255;--palette-tech-blue-4:rgb(var(--palette-tech-blue-4-channel));--palette-tech-blue-6-channel:51,102,255;--palette-tech-blue-6:rgb(var(--palette-tech-blue-6-channel));--palette-tech-blue-8-channel:40,69,159;--palette-tech-blue-8:rgb(var(--palette-tech-blue-8-channel));--palette-sea-green-4-channel:131,245,225;--palette-sea-green-4:rgb(var(--palette-sea-green-4-channel));--palette-green-6-channel:81,235,73;--palette-green-6:rgb(var(--palette-green-6-channel));--palette-green-2:rgba(var(--palette-green-6-channel),20%);--palette-lotus-pink-7-channel:204,0,102;--palette-lotus-pink-7:rgb(var(--palette-lotus-pink-7-channel));--palette-red-6-channel:242,39,39;--palette-red-6:rgb(var(--palette-red-6-channel));--palette-red-2:rgba(var(--palette-red-6-channel),20%);--color-fill-global-bg:#0f1014;--color-fill-bg-container-1:var(--palette-rgba-white-1);--color-fill-bg-container-2:var(--palette-rgba-blue-gray-2);--color-fill-bg-container-3:var(--palette-rgba-blue-gray-8);--color-fill-bg-base-1:var(--palette-rgba-blue-gray-2);--color-fill-bg-base-2:rgba(15,16,20,0%);--color-fill-bg-base-3:rgba(0,0,0,20%);--color-fill-bg-base-4:rgba(40,46,58,100%);--color-fill-bg-base-5:rgba(19,25,47,80%);--color-fill-bg-base-6:var(--palette-rgba-blue-gray-3);--color-brand:var(--palette-tech-blue-6);--color-brand-hover:var(--palette-tech-blue-4);--color-brand-active:var(--palette-tech-blue-8);--color-contrast-1:var(--palette-sea-green-4);--color-error:var(--palette-red-6);--color-error-bg:var(--palette-red-2);--color-success:var(--palette-green-6);--color-success-bg:var(--palette-green-2);--color-header-text-big:var(--palette-rgba-white-10);--color-header-text:var(--palette-rgba-white-10);--color-normal-text:var(--palette-rgba-white-10);--color-strong-text:var(--palette-rgba-white-9);--color-auxiliary-text:var(--palette-rgba-white-8);--color-secondary-text:var(--palette-rgba-white-6);--color-disabled-text:var(--palette-rgba-white-4);--color-border-divider-line:var(--palette-rgba-white-1);--color-text-divider-line-1:var(--palette-rgba-white-2);--color-text-divider-line-2:var(--palette-rgba-white-2);--small-border-radius:2px;--medius-border-radius:5px;--larger-border-radius:12px;--container-border-radius:9999px;--no-border-radius:0px;--mask-bg:var(--palette-rgba-gray-7);--title-font-size-larger:30px;--title-font-size-strong:22px;--title-font-size:18px;--normal-font-size:14px;--auxiliary-font-size:16px;--auxiliary-font-size-small:12px;--overview-data-font-size:34px;--statistics-data-font-size:28px;--normal-data-font-size-larger:20px;--normal-data-font-size:16px;--chart-legend-font-size:12px;--chart-tooltips-font-size-1:12px;--chart-tooltips-font-size-2:12px;--chart-axis-x-font-size:12px;--chart-axis-x-font-size-larger:14px;--chart-axis-y-font-size:12px;--chart-axis-y-font-size-larger:14px;--font-weight-600:600;--font-weight-500:500;--font-weight-400:400;--text-shadow:0px 1px 4px #2863ee;--border-width-base:1px;--border-width-double-base:2px;--border-width-tribble-base:3px;--punctate-width-base:1px;--paragraph-width-base:1px;--button-text-color:#40d0db}",""]);const l=o.toString()},53373:(e,t)=>{var r;!function(){"use strict";var a={}.hasOwnProperty;function i(){for(var e="",t=0;t<arguments.length;t++){var r=arguments[t];r&&(e=o(e,n(r)))}return e}function n(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return i.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var r in e)a.call(e,r)&&e[r]&&(t=o(t,r));return t}function o(e,t){return t?e?e+" "+t:e+t:e}e.exports?(i.default=i,e.exports=i):void 0===(r=function(){return i}.apply(t,[]))||(e.exports=r)}()},5536:(e,t,r)=>{"use strict";r.d(t,{A:()=>i});var a=r(12559);function i(e,t,r){return r((0,a.A)(e,t))}},74635:(e,t,r)=>{"use strict";r.d(t,{A:()=>i});var a=r(72016);function i(e,t){(0,a.A)(e,t),t.add(e)}},24586:(e,t,r)=>{"use strict";r.d(t,{A:()=>i});var a=r(11369);function i(e,t,r){return(t=(0,a.A)(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}}}]);
-//# sourceMappingURL=cabinet-container.bc8cb288.js.map

package/dist/chunks/cabinet-container.bc8cb288.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chunks/cabinet-container.bc8cb288.js","mappings":"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","sources":["webpack:///./src/cabinet/cabinet-container/index.tsx","webpack:///./src/hooks/useResizeObserver/resizeObserverUtil.ts","webpack:///./src/hooks/useResizeObserver/index.ts","webpack:///./src/hooks/usePrevious/index.ts","webpack:///./src/cabinet/cabinet-container/cabinet-container.shadow.css","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","webpack:///../../node_modules/@babel/runtime/helpers/esm/defineProperty.js"],"sourcesContent":["import React, { useCallback, useMemo, useRef } from \"react\";\nimport { ReactNextElement, wrapBrick } from \"@next-core/react-element\";\nimport { createDecorators, EventEmitter } from \"@next-core/element\";\nimport variablesText from \"../../data-view-variables.shadow.css\";\nimport styleText from \"./cabinet-container.shadow.css\";\nimport classNames from \"classnames\";\nimport { CabinetNodeProps, CabinetNode } from \"../cabinet-node/index.js\";\nimport { useResizeObserver } from \"../../hooks/index.js\";\n\nconst { defineElement, property, event } = createDecorators();\nexport type ContainerType = \"host\" | \"k8s\" | \"k8s-blue\";\nconst WrappedNode = wrapBrick<CabinetNode, CabinetNodeProps>(\n  \"data-view.cabinet-node\"\n);\nexport interface ClickEventDataType {\n  type: \"node\" | \"container\";\n  data: CabinetNodeProps | undefined;\n}\n\nexport interface CabinetContainerProps {\n  data: CabinetNodeProps[];\n  type?: ContainerType;\n  customTitle?: string | undefined;\n  status?: \"active\" | \"faded\";\n  handleClick?: (params: ClickEventDataType) => void;\n  handleDbClick?: (params: ClickEventDataType) => void;\n}\n\n/**\n * 大屏集群容器构件\n * @author astrid\n */\n@defineElement(\"data-view.cabinet-container\", {\n  styleTexts: [variablesText, styleText],\n})\nclass CabinetContainer\n  extends ReactNextElement\n  implements CabinetContainerProps\n{\n  /**\n   * @kind ContainerType\n   * @required true\n   * @default  host\n   * @description 容器类型，host、k8s（主题橙色）、k8s-blue（蓝色主题）\n   */\n  @property({ attribute: false })\n  accessor type: ContainerType = \"host\";\n\n  /**\n   * @kind CabinetNodeProps[]\n   * @required true\n   * @default  -\n   * @description 数据\n   */\n  @property({ attribute: false })\n  accessor data: CabinetNodeProps[] = [];\n\n  /**\n   * @kind \"active\" | \"faded\"\n   * @required false\n   * @default\n   * @description 当前状态,是否高亮或者淡化\n   */\n  @property()\n  accessor status: \"active\" | \"faded\";\n\n  /**\n   * @kind string|undefined\n   * @required false\n   * @default -\n   * @description 容器标题\n   */\n  @property()\n  accessor customTitle: string | undefined;\n\n  /**\n   * @detail\n   * @description 节点或者container 点击事件\n   */\n  @event({ type: \"container.click\" })\n  accessor #onHandleClick!: EventEmitter<ClickEventDataType>;\n\n  /**\n   * @detail\n   * @description 节点或者container 双击击事件\n   */\n  @event({ type: \"container.dbclick\" })\n  accessor #onHandleDbClick!: EventEmitter<ClickEventDataType>;\n\n  handleClick = (params: ClickEventDataType) => {\n    this.#onHandleClick.emit(params);\n  };\n  handleDbClick = (params: ClickEventDataType) => {\n    this.#onHandleDbClick.emit(params);\n  };\n\n  render(): React.ReactNode {\n    return (\n      <CabinetContainerComponent\n        type={this.type}\n        data={this.data}\n        status={this.status}\n        customTitle={this.customTitle}\n        handleClick={this.handleClick}\n        handleDbClick={this.handleDbClick}\n      />\n    );\n  }\n}\n\nexport function CabinetContainerComponent(\n  props: CabinetContainerProps\n): React.ReactElement {\n  const { type, data, status, customTitle, handleClick, handleDbClick } = props;\n  const isDbClick = useRef<boolean>(false);\n  const timerRef = useRef<number>();\n\n  const [containerRef, { clientWidth, clientHeight }] =\n    useResizeObserver<HTMLDivElement>();\n  const binarySearch = useCallback(\n    (\n      maxSizeCol: number,\n      minSizeCol: number,\n      maxSizeRow: number,\n      minSizeRow: number\n    ): { col: number; row: number } => {\n      // 利用二分法，去找到一个合适大小；\n      const maxRow = Math.max(minSizeRow, maxSizeRow), // 2\n        minRow = Math.min(minSizeRow, maxSizeRow), // 1\n        minCol = Math.min(minSizeCol, maxSizeCol),\n        maxCol = Math.max(minSizeCol, maxSizeCol);\n      const centerCol = Math.ceil((maxSizeCol + minSizeCol) / 2); // 希望col多一些\n      const centerRow = Math.ceil((maxSizeRow + minSizeRow) / 2);\n      const needRow = Math.ceil(data.length / centerCol);\n      if (centerCol <= 1) {\n        return {\n          col: 1,\n          row: data.length,\n        };\n      }\n      if (\n        needRow === centerRow ||\n        minCol === maxCol ||\n        minCol === centerCol ||\n        maxCol === centerCol\n      ) {\n        return {\n          col: centerCol,\n          row: needRow,\n        };\n      }\n      if (needRow > centerRow) {\n        // 那么col要放大，row减少\n        return binarySearch(centerCol, maxCol, needRow, minRow);\n      }\n      if (needRow < centerRow) {\n        // 那么col要缩小，row增加\n        return binarySearch(minCol, centerCol, maxRow, needRow);\n      }\n    },\n    [data.length]\n  );\n  const layoutWidth = useMemo(() => {\n    if (!data.length) {\n      return;\n    }\n\n    //数据总量： A， 整个屏幕最大尺寸可以放 B, 整个屏幕最小尺寸可以放C,\n    // B>=A,用 最大尺寸\n    // C>=A: 用最小尺寸\n    // B< A <C: 反推尺寸,\n    const maxWidth = 118,\n      minWidth = 56,\n      maxHeight = 105,\n      minHeight = 63;\n    const realWidth = clientWidth - 27;\n    const realHeight = clientHeight - 84;\n    if (realWidth <= 0 || realHeight <= 0) {\n      return;\n    }\n    const maxSizeCol = Math.floor(realWidth / maxWidth),\n      maxSizeRow = Math.floor(realHeight / maxHeight),\n      minSizeCol = Math.floor(realWidth / minWidth),\n      minSizeRow = Math.floor(realHeight / minHeight);\n    const maxSizeNum = maxSizeCol * maxSizeRow,\n      minSizeNum = minSizeCol * minSizeRow;\n    const allNum = data.length;\n    if (allNum <= maxSizeNum) {\n      return {\n        width: Math.floor(realWidth / maxSizeCol),\n        itemWidth: maxWidth,\n      };\n    } else if (allNum >= minSizeNum) {\n      return {\n        width: Math.floor(realWidth / minSizeCol),\n        itemWidth: minWidth,\n      };\n    } else {\n      // 在区间内， 希望撑满整个屏幕, 尺寸肯定在最大和最小之间\n      const { col } = binarySearch(\n        maxSizeCol,\n        minSizeCol,\n        maxSizeRow,\n        minSizeRow\n      );\n      return {\n        width: Math.floor(realWidth / col),\n        itemWidth: Math.max(realWidth / col - 10, minWidth),\n      };\n    }\n  }, [data.length, clientWidth, clientHeight, binarySearch]);\n\n  const handleOnClick = (\n    e: React.MouseEvent<HTMLDivElement>,\n    data: CabinetNodeProps | undefined,\n    type: \"node\" | \"container\"\n  ) => {\n    e.stopPropagation();\n    window.clearTimeout(timerRef.current);\n    isDbClick.current = false;\n    timerRef.current = window.setTimeout(function () {\n      if (!isDbClick.current) {\n        handleClick?.({\n          data,\n          type,\n        });\n      }\n    }, 200);\n  };\n  const handleOnDBClick = (\n    e: React.MouseEvent<HTMLDivElement>,\n    data: CabinetNodeProps | undefined,\n    type: \"node\" | \"container\"\n  ) => {\n    window.clearTimeout(timerRef.current);\n    isDbClick.current = true;\n    e.stopPropagation();\n    handleDbClick?.({\n      data,\n      type,\n    });\n  };\n\n  return (\n    <div\n      className={classNames(\n        \"wrapper\",\n        {\n          hostWrapper: type === \"host\" || type === \"k8s-blue\",\n          k8sWrapper: type === \"k8s\",\n        },\n        status && `wrapper-${status}`\n      )}\n      ref={containerRef}\n      onClick={(e) => handleOnClick(e, undefined, \"container\")}\n      onDoubleClick={(e) => handleOnDBClick(e, undefined, \"container\")}\n    >\n      <div\n        className={classNames(\n          \"container\",\n          {\n            hostContainer: type === \"host\" || type === \"k8s-blue\",\n            k8sContainer: type === \"k8s\",\n          },\n          status && `container-${status}`\n        )}\n      >\n        <div className=\"content\">\n          <div className=\"contentLayout\">\n            {data.map((item, index) => (\n              <div\n                key={index}\n                className=\"itemContent\"\n                style={{ width: layoutWidth?.width }}\n              >\n                <div\n                  className=\"item\"\n                  style={{ width: layoutWidth?.itemWidth }}\n                  onClick={(e) => handleOnClick(e, item, \"node\")}\n                  onDoubleClick={(e) => handleOnDBClick(e, item, \"node\")}\n                >\n                  <WrappedNode\n                    type={item.type}\n                    nodeTitle={item.nodeTitle}\n                    status={item.status}\n                    isAlert={item.isAlert}\n                  />\n                </div>\n              </div>\n            ))}\n          </div>\n        </div>\n        {customTitle && (\n          <div className=\"footer\">\n            <div className=\"footerTitle\">{customTitle}</div>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport { CabinetContainer };\n","import ResizeObserver from \"resize-observer-polyfill\";\n\nexport type ResizeCallback = (entry: ResizeObserverEntry) => void;\n\nconst elementListeners = new Map<Element, Set<ResizeCallback>>();\n\nexport const elementListeners_only_for_test =\n  process.env.NODE_ENV === \"test\"\n    ? elementListeners\n    : /* istanbul ignore next */ null;\n\nconst resizeObserverCallback = (entries: ResizeObserverEntry[]): void => {\n  entries.forEach((entry) => {\n    const { target } = entry;\n    elementListeners.get(target)?.forEach((callback) => callback(entry));\n  });\n};\n\nconst resizeObserver: ResizeObserver = new (ResizeObserver as any)(resizeObserverCallback);\n\nexport const observe = (element: Element, callback: ResizeCallback): void => {\n  if (!elementListeners.has(element)) {\n    elementListeners.set(element, new Set());\n    resizeObserver.observe(element);\n  }\n\n  elementListeners.get(element).add(callback);\n};\n\nexport const unobserve = (element: Element, callback: ResizeCallback): void => {\n  if (elementListeners.has(element)) {\n    elementListeners.get(element).delete(callback);\n\n    if (elementListeners.get(element).size === 0) {\n      resizeObserver.unobserve(element);\n      elementListeners.delete(element);\n    }\n  }\n};\n","import {\n  useState,\n  useCallback,\n  useRef,\n  type RefObject,\n  useEffect,\n} from \"react\";\nimport { observe, unobserve } from \"./resizeObserverUtil.js\";\n\ninterface ElementSize {\n  clientWidth: number;\n  clientHeight: number;\n}\n\nexport interface ResizeObserveProps<T extends Element = Element> {\n  targetRef?: RefObject<T>;\n  onResize?: (size: ResizeObserverEntry) => void;\n}\n\nexport function useResizeObserver<T extends Element = Element>(\n  props?: ResizeObserveProps<T>\n): [RefObject<T>, ElementSize] {\n  const {\n    targetRef,\n    onResize,\n  } = props || {};\n\n  const localRef = useRef<T>();\n  const ref = targetRef ?? localRef;\n  const [size, setSize] = useState<ElementSize>({ clientWidth: 0, clientHeight: 0 });\n\n  const handleResize = useCallback(\n    (entry: ResizeObserverEntry) => {\n      const { target } = entry;\n      const { clientWidth = 0, clientHeight = 0 } = target;\n\n      setSize((prev) => {\n        // skip if same size\n        if (prev.clientWidth === clientWidth && prev.clientHeight === clientHeight) {\n          return prev;\n        }\n\n        onResize?.(entry);\n\n        return { clientWidth, clientHeight };\n      });\n    },\n    [onResize]\n  );\n\n  useEffect(() => {\n    if (\n      typeof ref !== \"object\" ||\n      ref === null ||\n      !(ref.current instanceof Element)\n    ) {\n      throw new Error(\"ResizeObserver must observe an Element\");\n    }\n\n    const element = ref.current;\n    observe(element, handleResize);\n\n    return () => {\n      unobserve(element, handleResize);\n    };\n  }, [handleResize, ref]);\n\n  return [ref, { ...size }];\n}\n","import {useRef, useEffect} from 'react';\nexport  function usePrevious<T>(data?: T):T|undefined{\n    const ref = useRef<T>();\n    useEffect(()=>{\n        ref.current = data\n    })\n    return ref.current;\n}\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `*,\n*:after,\n*:before{box-sizing:border-box}.wrapper{width:100%;height:100%;position:relative}.container{width:100%;height:100%;border:3px solid;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);display:flex;flex-direction:column;cursor:pointer;overflow:hidden}.wrapper:after,\n.wrapper:before{content:\"\";position:absolute;left:50%;border:3px solid;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);transform:translateX(-50%)}.wrapper:before{width:calc(100% - 10px);height:100%;bottom:-14px;z-index:-1;opacity:0.6}.wrapper:after{width:calc(100% - 30px);height:100%;bottom:-24px;z-index:-10;opacity:0.4}.hostWrapper:before,\n.hostWrapper:after{border-image:radial-gradient(circle,rgba(55,229,252,1),#007aca) 3 3}.hostWrapper:not(:has(.item:hover)):hover:before,\n.hostWrapper.wrapper-active:before{border-image:radial-gradient(circle,rgba(55,229,252,1),#45e4ff) 3 3}.k8sWrapper:after,\n.k8sWrapper:before{border-image:radial-gradient(circle,rgba(255,102,51,1),#ff663380) 3 3}.hostContainer{background:rgba(7,4,21,0.85);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-image:radial-gradient(circle,rgba(55,229,252,1),#007aca) 3 3}.hostContainer:not(:has(.item:hover)):hover,\n.hostContainer.container-active{border-image:radial-gradient(circle,rgba(55,229,252,1),#45e4ff) 3 3;box-shadow:inset 0 0 30px 0 #45e4ff,inset 0 0 20px 0 #45e4ff}.hostWrapper.wrapper-faded:after,\n.hostWrapper.wrapper-faded:before,\n.k8sWrapper.wrapper-faded:after,\n.k8sWrapper.wrapper-faded:before{opacity:0.1}.k8sContainer{background:rgba(7,4,21,0.8);border-image:radial-gradient(circle,rgba(255,102,51,1),#ff663399) 3 3}.k8sContainer:not(:has(.item:hover)):hover,\n.k8sContainer.container-active{box-shadow:inset 0 0 30px 0 #ff6633,inset 0 0 20px 0 #ff6633}.hostContainer.container-faded,\n.k8sContainer.container-faded{opacity:0.4}.content{flex:1;padding:20px 10px;width:100%;box-sizing:border-box;overflow:hidden;display:flex}.contentLayout{overflow:auto;height:100%}.itemContent{display:inline-block;vertical-align:middle}.item{min-width:56px;min-height:63px;max-width:118px;margin:auto}.footer{width:100%;height:57px;text-align:center;line-height:57px;font-size:var(--auxiliary-font-size);font-weight:var(--font-weight-400);color:var(--color-normal-text);position:relative;display:flex}.footerTitle{flex:1;width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.footer:after{content:\"\";width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1}.hostContainer > .footer:after{background:linear-gradient(180deg,rgba(26,103,157,0.2) 0%,#1b69a0 100%)}.k8sContainer > .footer:after{background:linear-gradient(180deg,rgba(255,102,51,0.1) 0%,rgba(255,102,51,0.55) 100%)}.hostContainer:not(:has(.item:hover)):hover > .footer:after,\n.hostContainer.container-active > .footer:after,\n.k8sContainer:not(:has(.item:hover)):hover > .footer:after,\n.k8sContainer.container-active > .footer:after{opacity:0.65}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{--palette-rgba-white-1:rgba(255,255,255,10%);--palette-rgba-white-2:rgba(255,255,255,20%);--palette-rgba-white-3:rgba(255,255,255,30%);--palette-rgba-white-4:rgba(255,255,255,40%);--palette-rgba-white-5:rgba(255,255,255,50%);--palette-rgba-white-6:rgba(255,255,255,60%);--palette-rgba-white-7:rgba(255,255,255,70%);--palette-rgba-white-8:rgba(255,255,255,80%);--palette-rgba-white-9:rgba(255,255,255,90%);--palette-rgba-white-10:rgba(255,255,255,100%);--palette-rgba-gray-1:rgba(0,0,0,10%);--palette-rgba-gray-2:rgba(0,0,0,20%);--palette-rgba-gray-3:rgba(0,0,0,30%);--palette-rgba-gray-4:rgba(0,0,0,40%);--palette-rgba-gray-5:rgba(0,0,0,50%);--palette-rgba-gray-6:rgba(0,0,0,60%);--palette-rgba-gray-7:rgba(0,0,0,70%);--palette-rgba-gray-8:rgba(0,0,0,80%);--palette-rgba-gray-9:rgba(0,0,0,90%);--palette-rgba-gray-10:rgba(0,0,0,100%);--palette-rgba-blue-gray-2:rgba(101,106,134,20%);--palette-rgba-blue-gray-3:rgba(101,106,134,30%);--palette-rgba-blue-gray-8:rgba(101,106,134,80%);--palette-tech-blue-4-channel:67,127,255;--palette-tech-blue-4:rgb(var(--palette-tech-blue-4-channel));--palette-tech-blue-6-channel:51,102,255;--palette-tech-blue-6:rgb(var(--palette-tech-blue-6-channel));--palette-tech-blue-8-channel:40,69,159;--palette-tech-blue-8:rgb(var(--palette-tech-blue-8-channel));--palette-sea-green-4-channel:131,245,225;--palette-sea-green-4:rgb(var(--palette-sea-green-4-channel));--palette-green-6-channel:81,235,73;--palette-green-6:rgb(var(--palette-green-6-channel));--palette-green-2:rgba(var(--palette-green-6-channel),20%);--palette-lotus-pink-7-channel:204,0,102;--palette-lotus-pink-7:rgb(var(--palette-lotus-pink-7-channel));--palette-red-6-channel:242,39,39;--palette-red-6:rgb(var(--palette-red-6-channel));--palette-red-2:rgba(var(--palette-red-6-channel),20%);--color-fill-global-bg:#0f1014;--color-fill-bg-container-1:var(--palette-rgba-white-1);--color-fill-bg-container-2:var(--palette-rgba-blue-gray-2);--color-fill-bg-container-3:var(--palette-rgba-blue-gray-8);--color-fill-bg-base-1:var(--palette-rgba-blue-gray-2);--color-fill-bg-base-2:rgba(15,16,20,0%);--color-fill-bg-base-3:rgba(0,0,0,20%);--color-fill-bg-base-4:rgba(40,46,58,100%);--color-fill-bg-base-5:rgba(19,25,47,80%);--color-fill-bg-base-6:var(--palette-rgba-blue-gray-3);--color-brand:var(--palette-tech-blue-6);--color-brand-hover:var(--palette-tech-blue-4);--color-brand-active:var(--palette-tech-blue-8);--color-contrast-1:var(--palette-sea-green-4);--color-error:var(--palette-red-6);--color-error-bg:var(--palette-red-2);--color-success:var(--palette-green-6);--color-success-bg:var(--palette-green-2);--color-header-text-big:var(--palette-rgba-white-10);--color-header-text:var(--palette-rgba-white-10);--color-normal-text:var(--palette-rgba-white-10);--color-strong-text:var(--palette-rgba-white-9);--color-auxiliary-text:var(--palette-rgba-white-8);--color-secondary-text:var(--palette-rgba-white-6);--color-disabled-text:var(--palette-rgba-white-4);--color-border-divider-line:var(--palette-rgba-white-1);--color-text-divider-line-1:var(--palette-rgba-white-2);--color-text-divider-line-2:var(--palette-rgba-white-2);--small-border-radius:2px;--medius-border-radius:5px;--larger-border-radius:12px;--container-border-radius:9999px;--no-border-radius:0px;--mask-bg:var(--palette-rgba-gray-7);--title-font-size-larger:30px;--title-font-size-strong:22px;--title-font-size:18px;--normal-font-size:14px;--auxiliary-font-size:16px;--auxiliary-font-size-small:12px;--overview-data-font-size:34px;--statistics-data-font-size:28px;--normal-data-font-size-larger:20px;--normal-data-font-size:16px;--chart-legend-font-size:12px;--chart-tooltips-font-size-1:12px;--chart-tooltips-font-size-2:12px;--chart-axis-x-font-size:12px;--chart-axis-x-font-size-larger:14px;--chart-axis-y-font-size:12px;--chart-axis-y-font-size-larger:14px;--font-weight-600:600;--font-weight-500:500;--font-weight-400:400;--text-shadow:0px 1px 4px #2863ee;--border-width-base:1px;--border-width-double-base:2px;--border-width-tribble-base:3px;--punctate-width-base:1px;--paragraph-width-base:1px;--button-text-color:#40d0db}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","/*!\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}","import toPropertyKey from \"./toPropertyKey.js\";\nexport default function _defineProperty(obj, key, value) {\n  key = toPropertyKey(key);\n  if (key in obj) {\n    Object.defineProperty(obj, key, {\n      value: value,\n      enumerable: true,\n      configurable: true,\n      writable: true\n    });\n  } else {\n    obj[key] = value;\n  }\n  return obj;\n}"],"names":["defineElement","property","event","createDecorators","WrappedNode","wrapBrick","_CabinetContainer","_A","WeakMap","_B","_C","_D","_E","_CabinetContainer_brand","WeakSet","_F","CabinetContainer","ReactNextElement","constructor","arguments","_classPrivateMethodInitSpec","_classPrivateFieldInitSpec","_init_type","_init_extra_type","_init_data","_init_extra_data","_init_status","_init_extra_status","_init_customTitle","_init_extra_customTitle","_init_onHandleClick","_init_extra_onHandleClick","_init_onHandleDbClick","_defineProperty","_init_extra_onHandleDbClick","params","_classPrivateGetter","this","_get_onHandleClick","emit","_get_onHandleDbClick","type","_classPrivateFieldGet","v","_classPrivateFieldSet","data","status","customTitle","render","React","CabinetContainerComponent","handleClick","handleDbClick","props","isDbClick","useRef","timerRef","containerRef","clientWidth","clientHeight","useResizeObserver","binarySearch","useCallback","maxSizeCol","minSizeCol","maxSizeRow","minSizeRow","maxRow","Math","max","minRow","min","minCol","maxCol","centerCol","ceil","centerRow","needRow","length","col","row","layoutWidth","useMemo","realWidth","realHeight","floor","maxSizeNum","minSizeNum","allNum","width","itemWidth","handleOnClick","e","stopPropagation","window","clearTimeout","current","setTimeout","handleOnDBClick","className","classNames","hostWrapper","k8sWrapper","ref","onClick","undefined","onDoubleClick","hostContainer","k8sContainer","map","item","index","key","style","nodeTitle","isAlert","_CabinetContainer2","_set_onHandleClick","_set_onHandleDbClick","c","_initClass","_applyDecs","styleTexts","variablesText","styleText","attribute","o","_","has","_checkInRHS","elementListeners","Map","resizeObserver","ResizeObserver","entries","forEach","entry","_elementListeners$get","target","get","callback","observe","element","set","Set","add","unobserve","delete","size","targetRef","onResize","localRef","setSize","useState","handleResize","prev","useEffect","Element","Error","usePrevious","___CSS_LOADER_EXPORT___","push","module","id","toString","hasOwn","hasOwnProperty","classes","i","arg","appendClass","parseValue","Array","isArray","apply","Object","prototype","includes","call","value","newClass","exports","default","s","r","a","obj","privateSet","defineProperty","enumerable","configurable","writable"],"sourceRoot":""}

package/dist/chunks/cabinet-thumbnail.d6c2b232.js

@@ -1,3 +0,0 @@
-/*! For license information please see cabinet-thumbnail.d6c2b232.js.LICENSE.txt */
-(globalThis.webpackChunk_next_bricks_data_view=globalThis.webpackChunk_next_bricks_data_view||[]).push([[3158],{88393:(e,t,a)=>{"use strict";a.r(t),a.d(t,{CabinetThumbnail:()=>T,CabinetThumbnailComponent:()=>L});var r,l=a(70918),n=a(86121),i=a(70829),o=a(62740),s=a(18769),c=a.n(s),p=a(24295),b=a(10300),g=a(53373),u=a.n(g),h=a(79935),d=a(45097),f=a(6837);let x,v,m,w,y,k,z;const E=(0,p.wrapBrick)("data-view.cabinet-app-layer"),{defineElement:C,property:N}=(0,b.createDecorators)(),A=(0,p.wrapBrick)("data-view.cabinet-node");let T;var W=new WeakMap,S=new WeakMap,H=new WeakMap;class R extends p.ReactNextElement{constructor(){super(...arguments),(0,l.A)(this,W,v(this,[])),(0,l.A)(this,S,(m(this),w(this,4))),(0,l.A)(this,H,(y(this),k(this))),z(this)}get clusters(){return(0,i.A)(W,this)}set clusters(e){(0,n.A)(W,this,e)}get columns(){return(0,i.A)(S,this)}set columns(e){(0,n.A)(S,this,e)}get appName(){return(0,i.A)(H,this)}set appName(e){(0,n.A)(H,this,e)}render(){return c().createElement(L,{clusters:this.clusters,columns:this.columns,appName:this.appName})}}function L(e){const{clusters:t,columns:a,appName:r}=e,l=(0,s.useRef)(),n=(0,s.useRef)(),[i,o]=(0,s.useState)(),p=(0,f.Z)(i);return(0,s.useLayoutEffect)((()=>{if(t.length&&a>0){const e=l.current.clientWidth/(n.current.clientWidth/(null!=p?p:1)),t=l.current.clientHeight/(n.current.clientHeight*(null!=p?p:1));o(Math.min(Math.floor(100*Math.min(e,t))/100,1))}}),[t,p,a]),c().createElement("div",{ref:l,className:"wrapper"},c().createElement("div",{className:"thumbnailLayout",ref:n,style:{...i?{transform:`scale(${i})`}:{}}},c().createElement(E,{className:"appLayer",appTitle:r}),c().createElement("div",{className:"layout"},t.map(((e,t)=>c().createElement("div",{className:"clusterWrapper",key:t},c().createElement("div",{className:u()("clusterContainer",{clusterHostContainer:"host"===e.type||"k8s-blue"===e.type,clusterK8sContainer:"k8s"===e.type})},c().createElement("div",{className:"clusterContent"},c().createElement("div",{className:"clusterContentLayout",style:{gridTemplateColumns:`repeat(${a},1fr)`}},e.data.map(((e,t)=>c().createElement("div",{key:t,className:"itemContent"},c().createElement(A,{type:e.type,nodeTitle:e.nodeTitle})))))),c().createElement("div",{className:"clusterTitle"},c().createElement("div",{className:"title"},e.title)))))))))}r=R,({e:[v,m,w,y,k,z],c:[T,x]}=(0,o.A)(r,[C("data-view.cabinet-thumbnail",{styleTexts:[h.A,d.A]})],[[N({attribute:!1}),1,"clusters"],[N({type:Number}),1,"columns"],[N(),1,"appName"]],0,void 0,p.ReactNextElement)),x()},6837:(e,t,a)=>{"use strict";a.d(t,{Z:()=>p,w:()=>c});var r=a(18769),l=a(99126);const n=new Map,i=new l.A((e=>{e.forEach((e=>{var t;const{target:a}=e;null===(t=n.get(a))||void 0===t||t.forEach((t=>t(e)))}))})),o=(e,t)=>{n.has(e)||(n.set(e,new Set),i.observe(e)),n.get(e).add(t)},s=(e,t)=>{n.has(e)&&(n.get(e).delete(t),0===n.get(e).size&&(i.unobserve(e),n.delete(e)))};function c(e){const{targetRef:t,onResize:a}=e||{},l=(0,r.useRef)(),n=null!=t?t:l,[i,c]=(0,r.useState)({clientWidth:0,clientHeight:0}),p=(0,r.useCallback)((e=>{const{target:t}=e,{clientWidth:r=0,clientHeight:l=0}=t;c((t=>t.clientWidth===r&&t.clientHeight===l?t:(null==a||a(e),{clientWidth:r,clientHeight:l})))}),[a]);return(0,r.useEffect)((()=>{if("object"!=typeof n||null===n||!(n.current instanceof Element))throw new Error("ResizeObserver must observe an Element");const e=n.current;return o(e,p),()=>{s(e,p)}}),[p,n]),[n,{...i}]}function p(e){const t=(0,r.useRef)();return(0,r.useEffect)((()=>{t.current=e})),t.current}},45097:(e,t,a)=>{"use strict";a.d(t,{A:()=>o});var r=a(36758),l=a.n(r),n=a(40935),i=a.n(n)()(l());i.push([e.id,'*,\n*:after,\n*:before{box-sizing:border-box}.wrapper{width:100%;height:100%}.wrapper,\n.thumbnailLayout{display:flex;justify-content:center;align-items:center}.appLayer{width:90%;margin-bottom:16px;align-self:center;pointer-events:none}.thumbnailLayout{flex-direction:column}.layout{display:flex;gap:17px;margin-top:27px;align-items:stretch}.clusterWrapper{width:100%;height:auto}.clusterContainer{width:100%;height:100%;border:3px solid;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);display:flex;flex-direction:column}.clusterHostContainer{background:rgba(7,4,21,0.85);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-image:radial-gradient(circle,rgba(55,229,252,1),#007aca) 3 3}.clusterK8sContainer{background:rgba(7,4,21,0.8);border-image:radial-gradient(circle,rgba(255,102,51,1),#ff663399) 3 3}.clusterContent{flex:1;padding:20px 10px;width:100%}.clusterContentLayout{display:grid;width:100%}.itemContent{width:118px;pointer-events:none;height:105px}.clusterTitle{width:100%;text-align:center;line-height:57px;font-size:var(--auxiliary-font-size);font-weight:var(--font-weight-400);color:var(--color-normal-text);position:relative;display:flex}.title{flex:1;width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.clusterTitle:after{content:"";width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1}.clusterHostContainer > .clusterTitle:after{background:linear-gradient(180deg,rgba(26,103,157,0.2) 0%,#1b69a0 100%)}.clusterK8sContainer > .clusterTitle:after{background:linear-gradient(180deg,rgba(255,102,51,0.1) 0%,rgba(255,102,51,0.55) 100%)}',""]);const o=i.toString()},79935:(e,t,a)=>{"use strict";a.d(t,{A:()=>o});var r=a(36758),l=a.n(r),n=a(40935),i=a.n(n)()(l());i.push([e.id,":host{--palette-rgba-white-1:rgba(255,255,255,10%);--palette-rgba-white-2:rgba(255,255,255,20%);--palette-rgba-white-3:rgba(255,255,255,30%);--palette-rgba-white-4:rgba(255,255,255,40%);--palette-rgba-white-5:rgba(255,255,255,50%);--palette-rgba-white-6:rgba(255,255,255,60%);--palette-rgba-white-7:rgba(255,255,255,70%);--palette-rgba-white-8:rgba(255,255,255,80%);--palette-rgba-white-9:rgba(255,255,255,90%);--palette-rgba-white-10:rgba(255,255,255,100%);--palette-rgba-gray-1:rgba(0,0,0,10%);--palette-rgba-gray-2:rgba(0,0,0,20%);--palette-rgba-gray-3:rgba(0,0,0,30%);--palette-rgba-gray-4:rgba(0,0,0,40%);--palette-rgba-gray-5:rgba(0,0,0,50%);--palette-rgba-gray-6:rgba(0,0,0,60%);--palette-rgba-gray-7:rgba(0,0,0,70%);--palette-rgba-gray-8:rgba(0,0,0,80%);--palette-rgba-gray-9:rgba(0,0,0,90%);--palette-rgba-gray-10:rgba(0,0,0,100%);--palette-rgba-blue-gray-2:rgba(101,106,134,20%);--palette-rgba-blue-gray-3:rgba(101,106,134,30%);--palette-rgba-blue-gray-8:rgba(101,106,134,80%);--palette-tech-blue-4-channel:67,127,255;--palette-tech-blue-4:rgb(var(--palette-tech-blue-4-channel));--palette-tech-blue-6-channel:51,102,255;--palette-tech-blue-6:rgb(var(--palette-tech-blue-6-channel));--palette-tech-blue-8-channel:40,69,159;--palette-tech-blue-8:rgb(var(--palette-tech-blue-8-channel));--palette-sea-green-4-channel:131,245,225;--palette-sea-green-4:rgb(var(--palette-sea-green-4-channel));--palette-green-6-channel:81,235,73;--palette-green-6:rgb(var(--palette-green-6-channel));--palette-green-2:rgba(var(--palette-green-6-channel),20%);--palette-lotus-pink-7-channel:204,0,102;--palette-lotus-pink-7:rgb(var(--palette-lotus-pink-7-channel));--palette-red-6-channel:242,39,39;--palette-red-6:rgb(var(--palette-red-6-channel));--palette-red-2:rgba(var(--palette-red-6-channel),20%);--color-fill-global-bg:#0f1014;--color-fill-bg-container-1:var(--palette-rgba-white-1);--color-fill-bg-container-2:var(--palette-rgba-blue-gray-2);--color-fill-bg-container-3:var(--palette-rgba-blue-gray-8);--color-fill-bg-base-1:var(--palette-rgba-blue-gray-2);--color-fill-bg-base-2:rgba(15,16,20,0%);--color-fill-bg-base-3:rgba(0,0,0,20%);--color-fill-bg-base-4:rgba(40,46,58,100%);--color-fill-bg-base-5:rgba(19,25,47,80%);--color-fill-bg-base-6:var(--palette-rgba-blue-gray-3);--color-brand:var(--palette-tech-blue-6);--color-brand-hover:var(--palette-tech-blue-4);--color-brand-active:var(--palette-tech-blue-8);--color-contrast-1:var(--palette-sea-green-4);--color-error:var(--palette-red-6);--color-error-bg:var(--palette-red-2);--color-success:var(--palette-green-6);--color-success-bg:var(--palette-green-2);--color-header-text-big:var(--palette-rgba-white-10);--color-header-text:var(--palette-rgba-white-10);--color-normal-text:var(--palette-rgba-white-10);--color-strong-text:var(--palette-rgba-white-9);--color-auxiliary-text:var(--palette-rgba-white-8);--color-secondary-text:var(--palette-rgba-white-6);--color-disabled-text:var(--palette-rgba-white-4);--color-border-divider-line:var(--palette-rgba-white-1);--color-text-divider-line-1:var(--palette-rgba-white-2);--color-text-divider-line-2:var(--palette-rgba-white-2);--small-border-radius:2px;--medius-border-radius:5px;--larger-border-radius:12px;--container-border-radius:9999px;--no-border-radius:0px;--mask-bg:var(--palette-rgba-gray-7);--title-font-size-larger:30px;--title-font-size-strong:22px;--title-font-size:18px;--normal-font-size:14px;--auxiliary-font-size:16px;--auxiliary-font-size-small:12px;--overview-data-font-size:34px;--statistics-data-font-size:28px;--normal-data-font-size-larger:20px;--normal-data-font-size:16px;--chart-legend-font-size:12px;--chart-tooltips-font-size-1:12px;--chart-tooltips-font-size-2:12px;--chart-axis-x-font-size:12px;--chart-axis-x-font-size-larger:14px;--chart-axis-y-font-size:12px;--chart-axis-y-font-size-larger:14px;--font-weight-600:600;--font-weight-500:500;--font-weight-400:400;--text-shadow:0px 1px 4px #2863ee;--border-width-base:1px;--border-width-double-base:2px;--border-width-tribble-base:3px;--punctate-width-base:1px;--paragraph-width-base:1px;--button-text-color:#40d0db}",""]);const o=i.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=i(e,n(a)))}return e}function n(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=i(t,a));return t}function i(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)}()}}]);
-//# sourceMappingURL=cabinet-thumbnail.d6c2b232.js.map

package/dist/chunks/cabinet-thumbnail.d6c2b232.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chunks/cabinet-thumbnail.d6c2b232.js","mappings":";sXAaA,MAAMA,GAAyBC,EAAAA,EAAAA,WAC7B,gCAEI,cAAEC,EAAa,SAAEC,IAAaC,EAAAA,EAAAA,oBAE9BC,GAAcJ,EAAAA,EAAAA,WAClB,0BACA,IAAAK,EAAA,IAAAC,EAAA,IAAAC,QAAAC,EAAA,IAAAD,QAAAE,EAAA,IAAAF,QAiBF,MAAAG,UAIUC,EAAAA,iBAEVC,WAAAA,GAAA,SAAAC,YACEC,EAAAA,EAAAA,GAAA,KAAAR,EAAAS,EAAA,KAOgC,MAEhCD,EAAAA,EAAAA,GAAA,KAAAN,GAAAQ,EAAA,MAAAC,EAAA,KAO2B,MAE3BH,EAAAA,EAAAA,GAAA,KAAAL,GAAAS,EAAA,MAAAC,EAAA,QAAAC,EAAA,kBAXSC,GAAQ,OAAAC,EAAAA,EAAAA,GAAAhB,EAAA,kBAARe,CAAQE,IAAAC,EAAAA,EAAAA,GAAAlB,EAAA,KAAAiB,EAAA,YASRE,GAAO,OAAAH,EAAAA,EAAAA,GAAAd,EAAA,iBAAPiB,CAAOF,IAAAC,EAAAA,EAAAA,GAAAhB,EAAA,KAAAe,EAAA,YASPG,GAAO,OAAAJ,EAAAA,EAAAA,GAAAb,EAAA,iBAAPiB,CAAOH,IAAAC,EAAAA,EAAAA,GAAAf,EAAA,KAAAc,EAAA,CAEhBI,MAAAA,GACE,OACEC,IAAAA,cAACC,EAAyB,CACxBR,SAAUS,KAAKT,SACfI,QAASK,KAAKL,QACdC,QAASI,KAAKJ,SAGpB,EAGK,SAASG,EACdE,GAEA,MAAM,SAAEV,EAAQ,QAAEI,EAAO,QAAEC,GAAYK,EACjCC,GAAeC,EAAAA,EAAAA,UACfC,GAAYD,EAAAA,EAAAA,WACXE,EAAOC,IAAYC,EAAAA,EAAAA,YACpBC,GAAWC,EAAAA,EAAAA,GAAYJ,GAe7B,OAbAK,EAAAA,EAAAA,kBAAgB,KACd,GAAMnB,EAASoB,QAAUhB,EAAU,EAAG,CAEpC,MAAMiB,EACJV,EAAaW,QAAQC,aACpBV,EAAUS,QAAQC,aAAeN,QAAAA,EAAY,IAC1CO,EACJb,EAAaW,QAAQG,cACpBZ,EAAUS,QAAQG,cAAgBR,QAAAA,EAAY,IACjDF,EAASW,KAAKC,IAAID,KAAKE,MAAiC,IAA3BF,KAAKC,IAAIN,EAAQG,IAAiB,IAAK,GACtE,IACC,CAACxB,EAAUiB,EAAUb,IAGtBG,IAAAA,cAAA,OAAKsB,IAAKlB,EAAcmB,UAAU,WAChCvB,IAAAA,cAAA,OACEuB,UAAU,kBACVD,IAAKhB,EACLkB,MAAO,IACDjB,EAAQ,CAAEkB,UAAW,SAASlB,MAAa,CAAC,IAGlDP,IAAAA,cAAC7B,EAAsB,CAACoD,UAAU,WAAWG,SAAU5B,IACvDE,IAAAA,cAAA,OAAKuB,UAAU,UACZ9B,EAASkC,KAAI,CAACC,EAAMC,IACnB7B,IAAAA,cAAA,OAAKuB,UAAU,iBAAiBO,IAAKD,GACnC7B,IAAAA,cAAA,OACEuB,UAAWQ,IAAW,mBAAoB,CACxCC,qBACgB,SAAdJ,EAAKK,MAAiC,aAAdL,EAAKK,KAC/BC,oBAAmC,QAAdN,EAAKK,QAG5BjC,IAAAA,cAAA,OAAKuB,UAAU,kBACbvB,IAAAA,cAAA,OACEuB,UAAU,uBACVC,MAAO,CAAEW,oBAAqB,UAAUtC,WAEvC+B,EAAKQ,KAAKT,KAAI,CAACU,EAAMR,IACpB7B,IAAAA,cAAA,OAAK8B,IAAKD,EAAON,UAAU,eACzBvB,IAAAA,cAACxB,EAAW,CACVyD,KAAMI,EAAKJ,KACXK,UAAWD,EAAKC,iBAM1BtC,IAAAA,cAAA,OAAKuB,UAAU,gBACbvB,IAAAA,cAAA,OAAKuB,UAAU,SAASK,EAAKW,cAS/C,CArECC,EAAA1D,IAAA2D,GAAAtD,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,GAAAkD,GAAAjE,EAAAkE,KAAAC,EAAAA,EAAAA,GAAAJ,EAAA,CA3CAnE,EAAc,8BAA+B,CAC5CwE,WAAY,CAACC,EAAAA,EAAeC,EAAAA,MAC5B,EAWCzE,EAAS,CAAE0E,WAAW,IAAQ,eAS9B1E,EAAS,CAAE2D,KAAMgB,SAAS,cAS1B3E,IAAU,uBA3BHS,EAAAA,mBAAgB4D,oFCrC1B,MAAMO,EAAmB,IAAIC,IAcvBC,EAAiC,IAAKC,EAAAA,GAPZC,IAC9BA,EAAQC,SAASC,IAAU,IAAAC,EACzB,MAAM,OAAEC,GAAWF,EACS,QAA5BC,EAAAP,EAAiBS,IAAID,UAAO,IAAAD,GAA5BA,EAA8BF,SAASK,GAAaA,EAASJ,IAAO,GACpE,IAKSK,EAAUA,CAACC,EAAkBF,KACnCV,EAAiBa,IAAID,KACxBZ,EAAiBc,IAAIF,EAAS,IAAIG,KAClCb,EAAeS,QAAQC,IAGzBZ,EAAiBS,IAAIG,GAASI,IAAIN,EAAS,EAGhCO,EAAYA,CAACL,EAAkBF,KACtCV,EAAiBa,IAAID,KACvBZ,EAAiBS,IAAIG,GAASM,OAAOR,GAEM,IAAvCV,EAAiBS,IAAIG,GAASO,OAChCjB,EAAee,UAAUL,GACzBZ,EAAiBkB,OAAON,IAE5B,EClBK,SAASQ,EACdnE,GAEA,MAAM,UACJoE,EAAS,SACTC,GACErE,GAAS,CAAC,EAERsE,GAAWpE,EAAAA,EAAAA,UACXiB,EAAMiD,QAAAA,EAAaE,GAClBJ,EAAMK,IAAWjE,EAAAA,EAAAA,UAAsB,CAAEO,YAAa,EAAGE,aAAc,IAExEyD,GAAeC,EAAAA,EAAAA,cAClBpB,IACC,MAAM,OAAEE,GAAWF,GACb,YAAExC,EAAc,EAAC,aAAEE,EAAe,GAAMwC,EAE9CgB,GAASG,GAEHA,EAAK7D,cAAgBA,GAAe6D,EAAK3D,eAAiBA,EACrD2D,GAGTL,SAAAA,EAAWhB,GAEJ,CAAExC,cAAaE,kBACtB,GAEJ,CAACsD,IAoBH,OAjBAM,EAAAA,EAAAA,YAAU,KACR,GACiB,iBAARxD,GACC,OAARA,KACEA,EAAIP,mBAAmBgE,SAEzB,MAAM,IAAIC,MAAM,0CAGlB,MAAMlB,EAAUxC,EAAIP,QAGpB,OAFA8C,EAAQC,EAASa,GAEV,KACLR,EAAUL,EAASa,EAAa,CACjC,GACA,CAACA,EAAcrD,IAEX,CAACA,EAAK,IAAK+C,GACpB,CCnEQ,SAAS1D,EAAeyB,GAC5B,MAAMd,GAAMjB,EAAAA,EAAAA,UAIZ,OAHAyE,EAAAA,EAAAA,YAAU,KACNxD,EAAIP,QAAUqB,CAAI,IAEfd,EAAIP,OACf,oFCJIkE,QAA0B,GAA4B,KAE1DA,EAAwBC,KAAK,CAACC,EAAOC,GAAI,skDAGq8C,KAE9+C,QAAeH,EAAwBI,6FCPnCJ,QAA0B,GAA4B,KAE1DA,EAAwBC,KAAK,CAACC,EAAOC,GAAI,sgIAAugI,KAEhjI,QAAeH,EAAwBI,0BCPvC,OAOC,WACA,aAEA,IAAIC,EAAS,CAAC,EAAEC,eAEhB,SAASxD,IAGR,IAFA,IAAIyD,EAAU,GAELC,EAAI,EAAGA,EAAIxG,UAAU4B,OAAQ4E,IAAK,CAC1C,IAAIC,EAAMzG,UAAUwG,GAChBC,IACHF,EAAUG,EAAYH,EAASI,EAAWF,IAE5C,CAEA,OAAOF,CACR,CAEA,SAASI,EAAYF,GACpB,GAAmB,iBAARA,GAAmC,iBAARA,EACrC,OAAOA,EAGR,GAAmB,iBAARA,EACV,MAAO,GAGR,GAAIG,MAAMC,QAAQJ,GACjB,OAAO3D,EAAWgE,MAAM,KAAML,GAG/B,GAAIA,EAAIL,WAAaW,OAAOC,UAAUZ,WAAaK,EAAIL,SAASA,WAAWa,SAAS,iBACnF,OAAOR,EAAIL,WAGZ,IAAIG,EAAU,GAEd,IAAK,IAAI1D,KAAO4D,EACXJ,EAAOa,KAAKT,EAAK5D,IAAQ4D,EAAI5D,KAChC0D,EAAUG,EAAYH,EAAS1D,IAIjC,OAAO0D,CACR,CAEA,SAASG,EAAaS,EAAOC,GAC5B,OAAKA,EAIDD,EACIA,EAAQ,IAAMC,EAGfD,EAAQC,EAPPD,CAQT,CAEqCjB,EAAOmB,SAC3CvE,EAAWwE,QAAUxE,EACrBoD,EAAOmB,QAAUvE,QAKhB,KAFwB,EAAF,WACtB,OAAOA,CACP,UAFoB,OAEpB,YAIH,CArEA","sources":["webpack:///./src/cabinet/cabinet-thumbnail/index.tsx","webpack:///./src/hooks/useResizeObserver/resizeObserverUtil.ts","webpack:///./src/hooks/useResizeObserver/index.ts","webpack:///./src/hooks/usePrevious/index.ts","webpack:///./src/cabinet/cabinet-thumbnail/cabinet-thumbnail.shadow.css","webpack:///./src/data-view-variables.shadow.css","webpack:///../../node_modules/classnames/index.js"],"sourcesContent":["import React, { useLayoutEffect, useRef, useState } from \"react\";\nimport { ReactNextElement, wrapBrick } from \"@next-core/react-element\";\nimport { createDecorators } from \"@next-core/element\";\nimport classNames from \"classnames\";\nimport { CabinetNode, CabinetNodeProps } from \"../cabinet-node/index.js\";\nimport { ContainerType } from \"../cabinet-container/index.js\";\nimport variablesText from \"../../data-view-variables.shadow.css\";\nimport styleText from \"./cabinet-thumbnail.shadow.css\";\nimport { usePrevious } from \"../../hooks/index.js\";\nimport {\n  CabinetAppLayer,\n  CabinetAppLayerProps,\n} from \"../cabinet-app-layer/index.js\";\nconst WrappedCabinetAppLayer = wrapBrick<CabinetAppLayer, CabinetAppLayerProps>(\n  \"data-view.cabinet-app-layer\"\n);\nconst { defineElement, property } = createDecorators();\n\nconst WrappedNode = wrapBrick<CabinetNode, CabinetNodeProps>(\n  \"data-view.cabinet-node\"\n);\nexport interface Clusters {\n  data: CabinetNodeProps[];\n  type?: ContainerType;\n  title?: string | undefined;\n}\n\nexport interface CabinetThumbnailProps {\n  clusters: Clusters[];\n  appName: string;\n  columns?: number;\n}\n\n/**\n * 应用墙缩略图\n * @author astrid\n */\n@defineElement(\"data-view.cabinet-thumbnail\", {\n  styleTexts: [variablesText, styleText],\n})\nclass CabinetThumbnail\n  extends ReactNextElement\n  implements CabinetThumbnailProps\n{\n  /**\n   * @kind CabinetContainerProps[]\n   * @required true\n   * @default\n   * @description 集群数据\n   */\n  @property({ attribute: false })\n  accessor clusters: Clusters[] = [];\n\n  /**\n   * @kind number\n   * @required\n   * @default 4\n   * @description 单个容器列数\n   */\n  @property({ type: Number })\n  accessor columns: number = 4;\n\n  /**\n   * @kind string\n   * @required true\n   * @default\n   * @description 应用名称\n   */\n  @property()\n  accessor appName: string;\n\n  render(): React.ReactNode {\n    return (\n      <CabinetThumbnailComponent\n        clusters={this.clusters}\n        columns={this.columns}\n        appName={this.appName}\n      />\n    );\n  }\n}\n\nexport function CabinetThumbnailComponent(\n  props: CabinetThumbnailProps\n): React.ReactElement {\n  const { clusters, columns, appName } = props;\n  const containerRef = useRef<HTMLDivElement>();\n  const layoutRef = useRef<HTMLDivElement>();\n  const [scale, setScale] = useState<number>();\n  const preScale = usePrevious(scale);\n\n  useLayoutEffect(() => {\n    if (!!clusters.length && columns > 0) {\n      // 计算缩放比例\n      const wScale =\n        containerRef.current.clientWidth /\n        (layoutRef.current.clientWidth / (preScale ?? 1));\n      const hScale =\n        containerRef.current.clientHeight /\n        (layoutRef.current.clientHeight * (preScale ?? 1));\n      setScale(Math.min(Math.floor(Math.min(wScale, hScale) * 100) / 100, 1));\n    }\n  }, [clusters, preScale, columns]);\n\n  return (\n    <div ref={containerRef} className=\"wrapper\">\n      <div\n        className=\"thumbnailLayout\"\n        ref={layoutRef}\n        style={{\n          ...(scale ? { transform: `scale(${scale})` } : {}),\n        }}\n      >\n        <WrappedCabinetAppLayer className=\"appLayer\" appTitle={appName} />\n        <div className=\"layout\">\n          {clusters.map((item, index) => (\n            <div className=\"clusterWrapper\" key={index}>\n              <div\n                className={classNames(\"clusterContainer\", {\n                  clusterHostContainer:\n                    item.type === \"host\" || item.type === \"k8s-blue\",\n                  clusterK8sContainer: item.type === \"k8s\",\n                })}\n              >\n                <div className=\"clusterContent\">\n                  <div\n                    className=\"clusterContentLayout\"\n                    style={{ gridTemplateColumns: `repeat(${columns},1fr)` }}\n                  >\n                    {item.data.map((node, index) => (\n                      <div key={index} className=\"itemContent\">\n                        <WrappedNode\n                          type={node.type}\n                          nodeTitle={node.nodeTitle}\n                        />\n                      </div>\n                    ))}\n                  </div>\n                </div>\n                <div className=\"clusterTitle\">\n                  <div className=\"title\">{item.title}</div>\n                </div>\n              </div>\n            </div>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n}\nexport { CabinetThumbnail };\n","import ResizeObserver from \"resize-observer-polyfill\";\n\nexport type ResizeCallback = (entry: ResizeObserverEntry) => void;\n\nconst elementListeners = new Map<Element, Set<ResizeCallback>>();\n\nexport const elementListeners_only_for_test =\n  process.env.NODE_ENV === \"test\"\n    ? elementListeners\n    : /* istanbul ignore next */ null;\n\nconst resizeObserverCallback = (entries: ResizeObserverEntry[]): void => {\n  entries.forEach((entry) => {\n    const { target } = entry;\n    elementListeners.get(target)?.forEach((callback) => callback(entry));\n  });\n};\n\nconst resizeObserver: ResizeObserver = new (ResizeObserver as any)(resizeObserverCallback);\n\nexport const observe = (element: Element, callback: ResizeCallback): void => {\n  if (!elementListeners.has(element)) {\n    elementListeners.set(element, new Set());\n    resizeObserver.observe(element);\n  }\n\n  elementListeners.get(element).add(callback);\n};\n\nexport const unobserve = (element: Element, callback: ResizeCallback): void => {\n  if (elementListeners.has(element)) {\n    elementListeners.get(element).delete(callback);\n\n    if (elementListeners.get(element).size === 0) {\n      resizeObserver.unobserve(element);\n      elementListeners.delete(element);\n    }\n  }\n};\n","import {\n  useState,\n  useCallback,\n  useRef,\n  type RefObject,\n  useEffect,\n} from \"react\";\nimport { observe, unobserve } from \"./resizeObserverUtil.js\";\n\ninterface ElementSize {\n  clientWidth: number;\n  clientHeight: number;\n}\n\nexport interface ResizeObserveProps<T extends Element = Element> {\n  targetRef?: RefObject<T>;\n  onResize?: (size: ResizeObserverEntry) => void;\n}\n\nexport function useResizeObserver<T extends Element = Element>(\n  props?: ResizeObserveProps<T>\n): [RefObject<T>, ElementSize] {\n  const {\n    targetRef,\n    onResize,\n  } = props || {};\n\n  const localRef = useRef<T>();\n  const ref = targetRef ?? localRef;\n  const [size, setSize] = useState<ElementSize>({ clientWidth: 0, clientHeight: 0 });\n\n  const handleResize = useCallback(\n    (entry: ResizeObserverEntry) => {\n      const { target } = entry;\n      const { clientWidth = 0, clientHeight = 0 } = target;\n\n      setSize((prev) => {\n        // skip if same size\n        if (prev.clientWidth === clientWidth && prev.clientHeight === clientHeight) {\n          return prev;\n        }\n\n        onResize?.(entry);\n\n        return { clientWidth, clientHeight };\n      });\n    },\n    [onResize]\n  );\n\n  useEffect(() => {\n    if (\n      typeof ref !== \"object\" ||\n      ref === null ||\n      !(ref.current instanceof Element)\n    ) {\n      throw new Error(\"ResizeObserver must observe an Element\");\n    }\n\n    const element = ref.current;\n    observe(element, handleResize);\n\n    return () => {\n      unobserve(element, handleResize);\n    };\n  }, [handleResize, ref]);\n\n  return [ref, { ...size }];\n}\n","import {useRef, useEffect} from 'react';\nexport  function usePrevious<T>(data?: T):T|undefined{\n    const ref = useRef<T>();\n    useEffect(()=>{\n        ref.current = data\n    })\n    return ref.current;\n}\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `*,\n*:after,\n*:before{box-sizing:border-box}.wrapper{width:100%;height:100%}.wrapper,\n.thumbnailLayout{display:flex;justify-content:center;align-items:center}.appLayer{width:90%;margin-bottom:16px;align-self:center;pointer-events:none}.thumbnailLayout{flex-direction:column}.layout{display:flex;gap:17px;margin-top:27px;align-items:stretch}.clusterWrapper{width:100%;height:auto}.clusterContainer{width:100%;height:100%;border:3px solid;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);display:flex;flex-direction:column}.clusterHostContainer{background:rgba(7,4,21,0.85);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-image:radial-gradient(circle,rgba(55,229,252,1),#007aca) 3 3}.clusterK8sContainer{background:rgba(7,4,21,0.8);border-image:radial-gradient(circle,rgba(255,102,51,1),#ff663399) 3 3}.clusterContent{flex:1;padding:20px 10px;width:100%}.clusterContentLayout{display:grid;width:100%}.itemContent{width:118px;pointer-events:none;height:105px}.clusterTitle{width:100%;text-align:center;line-height:57px;font-size:var(--auxiliary-font-size);font-weight:var(--font-weight-400);color:var(--color-normal-text);position:relative;display:flex}.title{flex:1;width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.clusterTitle:after{content:\"\";width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1}.clusterHostContainer > .clusterTitle:after{background:linear-gradient(180deg,rgba(26,103,157,0.2) 0%,#1b69a0 100%)}.clusterK8sContainer > .clusterTitle:after{background:linear-gradient(180deg,rgba(255,102,51,0.1) 0%,rgba(255,102,51,0.55) 100%)}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{--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"],"names":["WrappedCabinetAppLayer","wrapBrick","defineElement","property","createDecorators","WrappedNode","_CabinetThumbnail","_A","WeakMap","_B","_C","CabinetThumbnail","ReactNextElement","constructor","arguments","_classPrivateFieldInitSpec","_init_clusters","_init_extra_clusters","_init_columns","_init_extra_columns","_init_appName","_init_extra_appName","clusters","_classPrivateFieldGet","v","_classPrivateFieldSet","columns","appName","render","React","CabinetThumbnailComponent","this","props","containerRef","useRef","layoutRef","scale","setScale","useState","preScale","usePrevious","useLayoutEffect","length","wScale","current","clientWidth","hScale","clientHeight","Math","min","floor","ref","className","style","transform","appTitle","map","item","index","key","classNames","clusterHostContainer","type","clusterK8sContainer","gridTemplateColumns","data","node","nodeTitle","title","_CabinetThumbnail2","e","c","_initClass","_applyDecs","styleTexts","variablesText","styleText","attribute","Number","elementListeners","Map","resizeObserver","ResizeObserver","entries","forEach","entry","_elementListeners$get","target","get","callback","observe","element","has","set","Set","add","unobserve","delete","size","useResizeObserver","targetRef","onResize","localRef","setSize","handleResize","useCallback","prev","useEffect","Element","Error","___CSS_LOADER_EXPORT___","push","module","id","toString","hasOwn","hasOwnProperty","classes","i","arg","appendClass","parseValue","Array","isArray","apply","Object","prototype","includes","call","value","newClass","exports","default"],"sourceRoot":""}

package/dist/chunks/loading-panel.4b9cfaa7.js

@@ -1,2 +0,0 @@
-"use strict";(globalThis.webpackChunk_next_bricks_data_view=globalThis.webpackChunk_next_bricks_data_view||[]).push([[5332],{6837:(e,t,a)=>{a.d(t,{Z:()=>c,w:()=>g});var r=a(18769),l=a(99126);const n=new Map,i=new l.A((e=>{e.forEach((e=>{var t;const{target:a}=e;null===(t=n.get(a))||void 0===t||t.forEach((t=>t(e)))}))})),o=(e,t)=>{n.has(e)||(n.set(e,new Set),i.observe(e)),n.get(e).add(t)},s=(e,t)=>{n.has(e)&&(n.get(e).delete(t),0===n.get(e).size&&(i.unobserve(e),n.delete(e)))};function g(e){const{targetRef:t,onResize:a}=e||{},l=(0,r.useRef)(),n=null!=t?t:l,[i,g]=(0,r.useState)({clientWidth:0,clientHeight:0}),c=(0,r.useCallback)((e=>{const{target:t}=e,{clientWidth:r=0,clientHeight:l=0}=t;g((t=>t.clientWidth===r&&t.clientHeight===l?t:(null==a||a(e),{clientWidth:r,clientHeight:l})))}),[a]);return(0,r.useEffect)((()=>{if("object"!=typeof n||null===n||!(n.current instanceof Element))throw new Error("ResizeObserver must observe an Element");const e=n.current;return o(e,c),()=>{s(e,c)}}),[c,n]),[n,{...i}]}function c(e){const t=(0,r.useRef)();return(0,r.useEffect)((()=>{t.current=e})),t.current}},43374:(e,t,a)=>{a.r(t),a.d(t,{LoadingPanel:()=>I,LoadingPanelComponent:()=>q});var r,l=a(24586),n=a(74635),i=a(70918),o=a(26902),s=a(5536),g=a(86121),c=a(70829),p=a(62740),b=a(18769),h=a.n(b),d=a(10300),u=a(24295),v=a(79935),f=a(39146),x=a(6837);let w,m,y,A,z,E,T,k,R,W,N,P,M,_,S;const{defineElement:C,property:H,event:j}=(0,d.createDecorators)();let I;var L=new WeakMap,B=new WeakMap,F=new WeakMap,O=new WeakMap,V=new WeakMap,Z=new WeakMap,D=new WeakSet;class $ extends u.ReactNextElement{constructor(){super(...arguments),(0,n.A)(this,D),(0,i.A)(this,L,m(this)),(0,i.A)(this,B,(y(this),A(this))),(0,i.A)(this,F,(z(this),E(this,!1))),(0,i.A)(this,O,(T(this),k(this))),(0,i.A)(this,V,(R(this),W(this))),(0,i.A)(this,Z,(N(this),P(this))),(0,l.A)(this,"onEnd",(S(this),()=>{(0,s.A)(D,this,M).emit()}))}get customTitle(){return(0,c.A)(L,this)}set customTitle(e){(0,g.A)(L,this,e)}get loading(){return(0,c.A)(B,this)}set loading(e){(0,g.A)(B,this,e)}get useRealTimeProgress(){return(0,c.A)(F,this)}set useRealTimeProgress(e){(0,g.A)(F,this,e)}get progress(){return(0,c.A)(O,this)}set progress(e){(0,g.A)(O,this,e)}get intervalTime(){return(0,c.A)(V,this)}set intervalTime(e){(0,g.A)(V,this,e)}render(){return h().createElement(q,{loading:this.loading,customTitle:this.customTitle,progress:this.progress,useRealTimeProgress:this.useRealTimeProgress,intervalTime:this.intervalTime,onEnd:this.onEnd})}}function q(e){const{customTitle:t,loading:a,progress:r,useRealTimeProgress:l,intervalTime:n=100,onEnd:i}=e,[o,s]=(0,b.useState)(0),g=(0,b.useRef)(null),c=(0,x.Z)(r),p=(e,t,a)=>e>=t?1:Math.ceil((a-e)/10);return(0,b.useEffect)((()=>{let e=1;return l||a||(e=p(o,80,100)),l&&(e=p(o,c,r)),(e=>{const{curVal:t,step:n,time:i}=e;let o,c=t;o=l?r:a?80:100,g.current=window.setInterval((()=>{c>=o&&(window.clearInterval(g.current),c=o),s(c),c+=n}),i)})({step:e,curVal:null!=o?o:0,time:n}),()=>{window.clearInterval(g.current)}}),[a,r,l,n]),(0,b.useEffect)((()=>{100===o&&(null==i||i())}),[o]),h().createElement("div",{className:"wrapper"},h().createElement("div",{className:"titleWrapper"},h().createElement("div",{className:"title"},null!=t?t:"Tarsier"),h().createElement("div",{className:"description"},"Loading...")),h().createElement("div",{className:"progress"},`${o}%`))}r=$,({e:[m,y,A,z,E,T,k,R,W,N,P,M,_,S],c:[I,w]}=(0,p.A)(r,[C("data-view.loading-panel",{styleTexts:[v.A,f.A]})],[[H(),1,"customTitle"],[H({type:Boolean}),1,"loading"],[H({type:Boolean}),1,"useRealTimeProgress"],[H({type:Number}),1,"progress"],[H({type:Number}),1,"intervalTime"],[j({type:"end"}),1,"onEndEvent",e=>(0,c.A)(Z,e),(e,t)=>(0,g.A)(Z,e,t)]],0,(e=>D.has((0,o.A)(e))),u.ReactNextElement)),w()},79935:(e,t,a)=>{a.d(t,{A:()=>o});var r=a(36758),l=a.n(r),n=a(40935),i=a.n(n)()(l());i.push([e.id,":host{--palette-rgba-white-1:rgba(255,255,255,10%);--palette-rgba-white-2:rgba(255,255,255,20%);--palette-rgba-white-3:rgba(255,255,255,30%);--palette-rgba-white-4:rgba(255,255,255,40%);--palette-rgba-white-5:rgba(255,255,255,50%);--palette-rgba-white-6:rgba(255,255,255,60%);--palette-rgba-white-7:rgba(255,255,255,70%);--palette-rgba-white-8:rgba(255,255,255,80%);--palette-rgba-white-9:rgba(255,255,255,90%);--palette-rgba-white-10:rgba(255,255,255,100%);--palette-rgba-gray-1:rgba(0,0,0,10%);--palette-rgba-gray-2:rgba(0,0,0,20%);--palette-rgba-gray-3:rgba(0,0,0,30%);--palette-rgba-gray-4:rgba(0,0,0,40%);--palette-rgba-gray-5:rgba(0,0,0,50%);--palette-rgba-gray-6:rgba(0,0,0,60%);--palette-rgba-gray-7:rgba(0,0,0,70%);--palette-rgba-gray-8:rgba(0,0,0,80%);--palette-rgba-gray-9:rgba(0,0,0,90%);--palette-rgba-gray-10:rgba(0,0,0,100%);--palette-rgba-blue-gray-2:rgba(101,106,134,20%);--palette-rgba-blue-gray-3:rgba(101,106,134,30%);--palette-rgba-blue-gray-8:rgba(101,106,134,80%);--palette-tech-blue-4-channel:67,127,255;--palette-tech-blue-4:rgb(var(--palette-tech-blue-4-channel));--palette-tech-blue-6-channel:51,102,255;--palette-tech-blue-6:rgb(var(--palette-tech-blue-6-channel));--palette-tech-blue-8-channel:40,69,159;--palette-tech-blue-8:rgb(var(--palette-tech-blue-8-channel));--palette-sea-green-4-channel:131,245,225;--palette-sea-green-4:rgb(var(--palette-sea-green-4-channel));--palette-green-6-channel:81,235,73;--palette-green-6:rgb(var(--palette-green-6-channel));--palette-green-2:rgba(var(--palette-green-6-channel),20%);--palette-lotus-pink-7-channel:204,0,102;--palette-lotus-pink-7:rgb(var(--palette-lotus-pink-7-channel));--palette-red-6-channel:242,39,39;--palette-red-6:rgb(var(--palette-red-6-channel));--palette-red-2:rgba(var(--palette-red-6-channel),20%);--color-fill-global-bg:#0f1014;--color-fill-bg-container-1:var(--palette-rgba-white-1);--color-fill-bg-container-2:var(--palette-rgba-blue-gray-2);--color-fill-bg-container-3:var(--palette-rgba-blue-gray-8);--color-fill-bg-base-1:var(--palette-rgba-blue-gray-2);--color-fill-bg-base-2:rgba(15,16,20,0%);--color-fill-bg-base-3:rgba(0,0,0,20%);--color-fill-bg-base-4:rgba(40,46,58,100%);--color-fill-bg-base-5:rgba(19,25,47,80%);--color-fill-bg-base-6:var(--palette-rgba-blue-gray-3);--color-brand:var(--palette-tech-blue-6);--color-brand-hover:var(--palette-tech-blue-4);--color-brand-active:var(--palette-tech-blue-8);--color-contrast-1:var(--palette-sea-green-4);--color-error:var(--palette-red-6);--color-error-bg:var(--palette-red-2);--color-success:var(--palette-green-6);--color-success-bg:var(--palette-green-2);--color-header-text-big:var(--palette-rgba-white-10);--color-header-text:var(--palette-rgba-white-10);--color-normal-text:var(--palette-rgba-white-10);--color-strong-text:var(--palette-rgba-white-9);--color-auxiliary-text:var(--palette-rgba-white-8);--color-secondary-text:var(--palette-rgba-white-6);--color-disabled-text:var(--palette-rgba-white-4);--color-border-divider-line:var(--palette-rgba-white-1);--color-text-divider-line-1:var(--palette-rgba-white-2);--color-text-divider-line-2:var(--palette-rgba-white-2);--small-border-radius:2px;--medius-border-radius:5px;--larger-border-radius:12px;--container-border-radius:9999px;--no-border-radius:0px;--mask-bg:var(--palette-rgba-gray-7);--title-font-size-larger:30px;--title-font-size-strong:22px;--title-font-size:18px;--normal-font-size:14px;--auxiliary-font-size:16px;--auxiliary-font-size-small:12px;--overview-data-font-size:34px;--statistics-data-font-size:28px;--normal-data-font-size-larger:20px;--normal-data-font-size:16px;--chart-legend-font-size:12px;--chart-tooltips-font-size-1:12px;--chart-tooltips-font-size-2:12px;--chart-axis-x-font-size:12px;--chart-axis-x-font-size-larger:14px;--chart-axis-y-font-size:12px;--chart-axis-y-font-size-larger:14px;--font-weight-600:600;--font-weight-500:500;--font-weight-400:400;--text-shadow:0px 1px 4px #2863ee;--border-width-base:1px;--border-width-double-base:2px;--border-width-tribble-base:3px;--punctate-width-base:1px;--paragraph-width-base:1px;--button-text-color:#40d0db}",""]);const o=i.toString()},39146:(e,t,a)=>{a.d(t,{A:()=>o});var r=a(36758),l=a.n(r),n=a(40935),i=a.n(n)()(l());i.push([e.id,'.wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1001;background:var(--color-fill-global-bg);display:flex;justify-content:center;align-items:center}.wrapper:before{content:"";position:absolute;width:100%;height:100%;display:block;opacity:0.35;background:radial-gradient(#3366FF 0%,rgba(51,102,255,0) 100%)}.titleWrapper{transform:translate(-50px,0)}.title{color:var(--color-normal-text);font-size:46px}.description{color:var(--color-secondary-text);font-size:16px;letter-spacing:3px}.progress{font-size:100px;color:rgba(51,102,255,0.5);position:absolute;z-index:-1;left:calc(50% - 80px)}',""]);const o=i.toString()},5536:(e,t,a)=>{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)=>{a.d(t,{A:()=>l});var r=a(72016);function l(e,t){(0,r.A)(e,t),t.add(e)}},24586:(e,t,a)=>{a.d(t,{A:()=>l});var r=a(11369);function l(e,t,a){return(t=(0,r.A)(t))in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}}}]);
-//# sourceMappingURL=loading-panel.4b9cfaa7.js.map

package/dist/chunks/loading-panel.4b9cfaa7.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chunks/loading-panel.4b9cfaa7.js","mappings":"+LAIA,MAAMA,EAAmB,IAAIC,IAcvBC,EAAiC,IAAKC,EAAAA,GAPZC,IAC9BA,EAAQC,SAASC,IAAU,IAAAC,EACzB,MAAM,OAAEC,GAAWF,EACS,QAA5BC,EAAAP,EAAiBS,IAAID,UAAO,IAAAD,GAA5BA,EAA8BF,SAASK,GAAaA,EAASJ,IAAO,GACpE,IAKSK,EAAUA,CAACC,EAAkBF,KACnCV,EAAiBa,IAAID,KACxBZ,EAAiBc,IAAIF,EAAS,IAAIG,KAClCb,EAAeS,QAAQC,IAGzBZ,EAAiBS,IAAIG,GAASI,IAAIN,EAAS,EAGhCO,EAAYA,CAACL,EAAkBF,KACtCV,EAAiBa,IAAID,KACvBZ,EAAiBS,IAAIG,GAASM,OAAOR,GAEM,IAAvCV,EAAiBS,IAAIG,GAASO,OAChCjB,EAAee,UAAUL,GACzBZ,EAAiBkB,OAAON,IAE5B,EClBK,SAASQ,EACdC,GAEA,MAAM,UACJC,EAAS,SACTC,GACEF,GAAS,CAAC,EAERG,GAAWC,EAAAA,EAAAA,UACXC,EAAMJ,QAAAA,EAAaE,GAClBL,EAAMQ,IAAWC,EAAAA,EAAAA,UAAsB,CAAEC,YAAa,EAAGC,aAAc,IAExEC,GAAeC,EAAAA,EAAAA,cAClB1B,IACC,MAAM,OAAEE,GAAWF,GACb,YAAEuB,EAAc,EAAC,aAAEC,EAAe,GAAMtB,EAE9CmB,GAASM,GAEHA,EAAKJ,cAAgBA,GAAeI,EAAKH,eAAiBA,EACrDG,GAGTV,SAAAA,EAAWjB,GAEJ,CAAEuB,cAAaC,kBACtB,GAEJ,CAACP,IAoBH,OAjBAW,EAAAA,EAAAA,YAAU,KACR,GACiB,iBAARR,GACC,OAARA,KACEA,EAAIS,mBAAmBC,SAEzB,MAAM,IAAIC,MAAM,0CAGlB,MAAMzB,EAAUc,EAAIS,QAGpB,OAFAxB,EAAQC,EAASmB,GAEV,KACLd,EAAUL,EAASmB,EAAa,CACjC,GACA,CAACA,EAAcL,IAEX,CAACA,EAAK,IAAKP,GACpB,CCnEQ,SAASmB,EAAeC,GAC5B,MAAMb,GAAMD,EAAAA,EAAAA,UAIZ,OAHAS,EAAAA,EAAAA,YAAU,KACNR,EAAIS,QAAUI,CAAI,IAEfb,EAAIS,OACf,C,0RCFA,MAAM,cAAEK,EAAa,SAAEC,EAAQ,MAAEC,IAAUC,EAAAA,EAAAA,oBACK,IAAAC,EAAA,IAAAC,EAAA,IAAAC,QAAAC,EAAA,IAAAD,QAAAE,EAAA,IAAAF,QAAAG,EAAA,IAAAH,QAAAI,EAAA,IAAAJ,QAAAK,EAAA,IAAAL,QAAAM,EAAA,IAAAC,QAehD,MAAAC,UAG2BC,EAAAA,iBAA8CC,WAAAA,GAAA,SAAAC,YAAAC,EAAAA,EAAAA,GAAA,KAAAN,IACvEO,EAAAA,EAAAA,GAAA,KAAAd,EAAAe,EAAA,QASAD,EAAAA,EAAAA,GAAA,KAAAZ,GAAAc,EAAA,MAAAC,EAAA,SASAH,EAAAA,EAAAA,GAAA,KAAAX,GAAAe,EAAA,MAAAC,EAAA,MAOwC,MACxCL,EAAAA,EAAAA,GAAA,KAAAV,GAAAgB,EAAA,MAAAC,EAAA,SASAP,EAAAA,EAAAA,GAAA,KAAAT,GAAAiB,EAAA,MAAAC,EAAA,SASAT,EAAAA,EAAAA,GAAA,KAAAR,GAAAkB,EAAA,MAAAC,EAAA,SAAAC,EAAAA,EAAAA,GAAA,cAAAC,EAAA,MAOQ,MACNC,EAAAA,EAAAA,GAAArB,EAAAsB,KAAKC,GAAYC,MAAM,GACxB,gBA9CQC,GAAW,OAAAC,EAAAA,EAAAA,GAAAjC,EAAA,qBAAXgC,CAAWE,IAAAC,EAAAA,EAAAA,GAAAnC,EAAA,KAAAkC,EAAA,YASXE,GAAO,OAAAH,EAAAA,EAAAA,GAAA/B,EAAA,iBAAPkC,CAAOF,IAAAC,EAAAA,EAAAA,GAAAjC,EAAA,KAAAgC,EAAA,wBASPG,GAAmB,OAAAJ,EAAAA,EAAAA,GAAA9B,EAAA,6BAAnBkC,CAAmBH,IAAAC,EAAAA,EAAAA,GAAAhC,EAAA,KAAA+B,EAAA,aAQnBI,GAAQ,OAAAL,EAAAA,EAAAA,GAAA7B,EAAA,kBAARkC,CAAQJ,IAAAC,EAAAA,EAAAA,GAAA/B,EAAA,KAAA8B,EAAA,iBASRK,GAAY,OAAAN,EAAAA,EAAAA,GAAA5B,EAAA,sBAAZkC,CAAYL,IAAAC,EAAAA,EAAAA,GAAA9B,EAAA,KAAA6B,EAAA,CAarBM,MAAAA,GACE,OACEC,IAAAA,cAACC,EAAqB,CACpBN,QAASP,KAAKO,QACdJ,YAAaH,KAAKG,YAClBM,SAAUT,KAAKS,SACfD,oBAAqBR,KAAKQ,oBAC1BE,aAAcV,KAAKU,aACnBI,MAAOd,KAAKc,OAGlB,EAEK,SAASD,EACdlE,GAEA,MAAM,YACJwD,EAAW,QACXI,EAAO,SACPE,EAAQ,oBACRD,EAAmB,aACnBE,EAAe,IAAG,MAClBI,GACEnE,GACGoE,EAAeC,IAAoB9D,EAAAA,EAAAA,UAAiB,GACrD+D,GAAWlE,EAAAA,EAAAA,QAAe,MAwB1BmE,GAAetD,EAAAA,EAAAA,GAAY6C,GAC3BU,EAAUA,CAACC,EAAgBC,EAAeC,IACvCF,GAAUC,EAAQ,EAAIE,KAAKC,MAAMF,EAAMF,GAAU,IA0B1D,OAxBA5D,EAAAA,EAAAA,YAAU,KACR,IAAIiE,EAAO,EAaX,OAZKjB,GAAwBD,IAE3BkB,EAAON,EAAQJ,EAAe,GAAI,MAEhCP,IACFiB,EAAON,EAAQJ,EAAeG,EAAcT,IAlCzBiB,KAKrB,MAAM,OAAEN,EAAM,KAAEK,EAAI,KAAEE,GAASD,EAC/B,IACEJ,EADEM,EAAOR,EAGTE,EADEd,EACIC,EAEAF,EAAU,GAAK,IAEvBU,EAASxD,QAAUoE,OAAOC,aAAY,KAChCF,GAAQN,IACVO,OAAOE,cAAcd,EAASxD,SAC9BmE,EAAON,GAETN,EAAiBY,GAEjBA,GAAcH,CAAI,GACjBE,EAAK,EAeRK,CAAc,CACZP,KAAMA,EACNL,OAAQL,QAAAA,EAAiB,EACzBY,KAAMjB,IAED,KACLmB,OAAOE,cAAcd,EAASxD,QAAQ,CACvC,GACA,CAAC8C,EAASE,EAAUD,EAAqBE,KAC5ClD,EAAAA,EAAAA,YAAU,KACc,MAAlBuD,IACFD,SAAAA,IACF,GACC,CAACC,IAGFH,IAAAA,cAAA,OAAKqB,UAAU,WACbrB,IAAAA,cAAA,OAAKqB,UAAU,gBACbrB,IAAAA,cAAA,OAAKqB,UAAU,SAAS9B,QAAAA,EAAe,WACvCS,IAAAA,cAAA,OAAKqB,UAAU,eAAc,eAE/BrB,IAAAA,cAAA,OAAKqB,UAAU,YAAY,GAAGlB,MAGpC,CA1ECmB,EAAAtD,IAAAuD,GAAAjD,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAK,EAAAmC,EAAAtC,GAAAuC,GAAAnE,EAAAoE,KAAAC,EAAAA,EAAAA,GAAAL,EAAA,CAvEApE,EAAc,0BAA2B,CACxC0E,WAAY,CAACC,EAAAA,EAAoBC,EAAAA,MACjC,EAQC3E,IAAU,kBASVA,EAAS,CAAE4E,KAAMC,UAAU,cAS3B7E,EAAS,CAAE4E,KAAMC,UAAU,0BAQ3B7E,EAAS,CAAE4E,KAAME,SAAS,eAS1B9E,EAAS,CAAE4E,KAAME,SAAS,mBAO1B7E,EAAM,CAAE2E,KAAM,QAAQ,eAAAG,IAAA1C,EAAAA,EAAAA,GAAA3B,EAAAqE,GAAA,CAAAA,EAAAzC,KAAAC,EAAAA,EAAAA,GAAA7B,EAAAqE,EAAAzC,KAAA,GAAA0C,GAAArE,EAAAvC,KAAA6G,EAAAA,EAAAA,GAAAD,KAjDElE,EAAAA,mBAAgByD,G,sECrBvCW,E,MAA0B,GAA4B,KAE1DA,EAAwBC,KAAK,CAACC,EAAOC,GAAI,sgIAAugI,KAEhjI,QAAeH,EAAwBI,U,sECJnCJ,E,MAA0B,GAA4B,KAE1DA,EAAwBC,KAAK,CAACC,EAAOC,GAAI,mmBAAomB,KAE7oB,QAAeH,EAAwBI,U,iDCNxB,SAAStD,EAAoBuD,EAAGC,EAAGC,GAChD,OAAOA,GAAE,OAAiBF,EAAGC,GAC/B,C,kDCFe,SAASvE,EAA4ByE,EAAKC,IACvD,OAA0BD,EAAKC,GAC/BA,EAAWpH,IAAImH,EACjB,C,kDCHe,SAAS5D,EAAgB4D,EAAKE,EAAKC,GAYhD,OAXAD,GAAM,OAAcA,MACTF,EACTI,OAAOC,eAAeL,EAAKE,EAAK,CAC9BC,MAAOA,EACPG,YAAY,EACZC,cAAc,EACdC,UAAU,IAGZR,EAAIE,GAAOC,EAENH,CACT,C","sources":["webpack:///./src/hooks/useResizeObserver/resizeObserverUtil.ts","webpack:///./src/hooks/useResizeObserver/index.ts","webpack:///./src/hooks/usePrevious/index.ts","webpack:///./src/loading-panel/index.tsx","webpack:///./src/data-view-variables.shadow.css","webpack:///./src/loading-panel/loading-panel.shadow.css","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateGetter.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateMethodInitSpec.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/defineProperty.js"],"sourcesContent":["import ResizeObserver from \"resize-observer-polyfill\";\n\nexport type ResizeCallback = (entry: ResizeObserverEntry) => void;\n\nconst elementListeners = new Map<Element, Set<ResizeCallback>>();\n\nexport const elementListeners_only_for_test =\n  process.env.NODE_ENV === \"test\"\n    ? elementListeners\n    : /* istanbul ignore next */ null;\n\nconst resizeObserverCallback = (entries: ResizeObserverEntry[]): void => {\n  entries.forEach((entry) => {\n    const { target } = entry;\n    elementListeners.get(target)?.forEach((callback) => callback(entry));\n  });\n};\n\nconst resizeObserver: ResizeObserver = new (ResizeObserver as any)(resizeObserverCallback);\n\nexport const observe = (element: Element, callback: ResizeCallback): void => {\n  if (!elementListeners.has(element)) {\n    elementListeners.set(element, new Set());\n    resizeObserver.observe(element);\n  }\n\n  elementListeners.get(element).add(callback);\n};\n\nexport const unobserve = (element: Element, callback: ResizeCallback): void => {\n  if (elementListeners.has(element)) {\n    elementListeners.get(element).delete(callback);\n\n    if (elementListeners.get(element).size === 0) {\n      resizeObserver.unobserve(element);\n      elementListeners.delete(element);\n    }\n  }\n};\n","import {\n  useState,\n  useCallback,\n  useRef,\n  type RefObject,\n  useEffect,\n} from \"react\";\nimport { observe, unobserve } from \"./resizeObserverUtil.js\";\n\ninterface ElementSize {\n  clientWidth: number;\n  clientHeight: number;\n}\n\nexport interface ResizeObserveProps<T extends Element = Element> {\n  targetRef?: RefObject<T>;\n  onResize?: (size: ResizeObserverEntry) => void;\n}\n\nexport function useResizeObserver<T extends Element = Element>(\n  props?: ResizeObserveProps<T>\n): [RefObject<T>, ElementSize] {\n  const {\n    targetRef,\n    onResize,\n  } = props || {};\n\n  const localRef = useRef<T>();\n  const ref = targetRef ?? localRef;\n  const [size, setSize] = useState<ElementSize>({ clientWidth: 0, clientHeight: 0 });\n\n  const handleResize = useCallback(\n    (entry: ResizeObserverEntry) => {\n      const { target } = entry;\n      const { clientWidth = 0, clientHeight = 0 } = target;\n\n      setSize((prev) => {\n        // skip if same size\n        if (prev.clientWidth === clientWidth && prev.clientHeight === clientHeight) {\n          return prev;\n        }\n\n        onResize?.(entry);\n\n        return { clientWidth, clientHeight };\n      });\n    },\n    [onResize]\n  );\n\n  useEffect(() => {\n    if (\n      typeof ref !== \"object\" ||\n      ref === null ||\n      !(ref.current instanceof Element)\n    ) {\n      throw new Error(\"ResizeObserver must observe an Element\");\n    }\n\n    const element = ref.current;\n    observe(element, handleResize);\n\n    return () => {\n      unobserve(element, handleResize);\n    };\n  }, [handleResize, ref]);\n\n  return [ref, { ...size }];\n}\n","import {useRef, useEffect} from 'react';\nexport  function usePrevious<T>(data?: T):T|undefined{\n    const ref = useRef<T>();\n    useEffect(()=>{\n        ref.current = data\n    })\n    return ref.current;\n}\n","import React, { useEffect, useRef, useState } from \"react\";\nimport { createDecorators, EventEmitter } from \"@next-core/element\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport variablesStyleText from \"../data-view-variables.shadow.css\";\nimport styleText from \"./loading-panel.shadow.css\";\nconst { defineElement, property, event } = createDecorators();\nimport { usePrevious } from \"../hooks/index.js\";\ninterface LoadingPanelProps {\n  loading?: boolean;\n  customTitle?: string;\n  progress?: number;\n  useRealTimeProgress?: boolean;\n  intervalTime?: number;\n  onEnd?: () => void;\n}\n\n/**\n * 大屏加载模块展示\n * @author astrid\n * @category big-screen-content\n */\n@defineElement(\"data-view.loading-panel\", {\n  styleTexts: [variablesStyleText, styleText],\n})\nclass LoadingPanel extends ReactNextElement implements LoadingPanelProps {\n  /**\n   * @kind string\n   * @default -\n   * @required false\n   * @description 标题\n   */\n  @property()\n  accessor customTitle: string;\n\n  /**\n   * @kind boolean\n   * @default true\n   * @required false\n   * @description 是否加载中， 虚拟数据模拟加载过程\n   */\n  @property({ type: Boolean })\n  accessor loading: boolean;\n\n  /**\n   * @kind boolean\n   * @default false\n   * @required false\n   * @description 加载过程是否使用真实数据\n   */\n  @property({ type: Boolean })\n  accessor useRealTimeProgress: boolean = false;\n  /**\n   * @kind number\n   * @default -\n   * @required false\n   * @description 加载进度，区间[0-100]; 真实数据\n   */\n  @property({ type: Number })\n  accessor progress: number;\n\n  /**\n   * @kind number\n   * @default -\n   * @required 100\n   * @description 每次加载变化的时间间隔，单位ms\n   */\n  @property({ type: Number })\n  accessor intervalTime: number;\n\n  /**\n   * @detail\n   * @description loading结束事件\n   */\n  @event({ type: \"end\" })\n  accessor #onEndEvent!: EventEmitter<void>;\n\n  onEnd = () => {\n    this.#onEndEvent.emit();\n  };\n\n  render(): React.ReactNode {\n    return (\n      <LoadingPanelComponent\n        loading={this.loading}\n        customTitle={this.customTitle}\n        progress={this.progress}\n        useRealTimeProgress={this.useRealTimeProgress}\n        intervalTime={this.intervalTime}\n        onEnd={this.onEnd}\n      />\n    );\n  }\n}\nexport function LoadingPanelComponent(\n  props: LoadingPanelProps\n): React.ReactElement {\n  const {\n    customTitle,\n    loading,\n    progress,\n    useRealTimeProgress,\n    intervalTime = 100,\n    onEnd,\n  } = props;\n  const [progressValue, setProgressValue] = useState<number>(0);\n  const timerRef = useRef<number>(null);\n  const intervalTimer = (params: {\n    curVal: number;\n    step: number;\n    time?: number;\n  }) => {\n    const { curVal, step, time } = params;\n    let init = curVal,\n      end: number;\n    if (useRealTimeProgress) {\n      end = progress;\n    } else {\n      end = loading ? 80 : 100;\n    }\n    timerRef.current = window.setInterval(() => {\n      if (init >= end) {\n        window.clearInterval(timerRef.current);\n        init = end;\n      }\n      setProgressValue(init);\n      // 由于step未知，所以会出现 init + step > end； 这时候，我们就要取 end\n      init = init + step;\n    }, time);\n  };\n  const prevProgress = usePrevious(progress);\n  const getStep = (curVal: number, start: number, end: number): number => {\n    return curVal >= start ? 1 : Math.ceil((end - curVal) / 10);\n  };\n  useEffect(() => {\n    let step = 1;\n    if (!useRealTimeProgress && !loading) {\n      // 假数据的时候，如果 loading结束，但是 progressValue 已经到了80，那么step为1，如果小于80，可以分段考虑,保证后面的记载次数为10次完成；\n      step = getStep(progressValue, 80, 100);\n    }\n    if (useRealTimeProgress) {\n      step = getStep(progressValue, prevProgress, progress);\n    }\n    intervalTimer({\n      step: step,\n      curVal: progressValue ?? 0,\n      time: intervalTime,\n    });\n    return () => {\n      window.clearInterval(timerRef.current);\n    };\n  }, [loading, progress, useRealTimeProgress, intervalTime]);\n  useEffect(() => {\n    if (progressValue === 100) {\n      onEnd?.();\n    }\n  }, [progressValue]);\n\n  return (\n    <div className=\"wrapper\">\n      <div className=\"titleWrapper\">\n        <div className=\"title\">{customTitle ?? \"Tarsier\"}</div>\n        <div className=\"description\">Loading...</div>\n      </div>\n      <div className=\"progress\">{`${progressValue}%`}</div>\n    </div>\n  );\n}\n\nexport { LoadingPanel };\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","// 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, `.wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1001;background:var(--color-fill-global-bg);display:flex;justify-content:center;align-items:center}.wrapper:before{content:\"\";position:absolute;width:100%;height:100%;display:block;opacity:0.35;background:radial-gradient(#3366FF 0%,rgba(51,102,255,0) 100%)}.titleWrapper{transform:translate(-50px,0)}.title{color:var(--color-normal-text);font-size:46px}.description{color:var(--color-secondary-text);font-size:16px;letter-spacing:3px}.progress{font-size:100px;color:rgba(51,102,255,0.5);position:absolute;z-index:-1;left:calc(50% - 80px)}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\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}","import toPropertyKey from \"./toPropertyKey.js\";\nexport default function _defineProperty(obj, key, value) {\n  key = toPropertyKey(key);\n  if (key in obj) {\n    Object.defineProperty(obj, key, {\n      value: value,\n      enumerable: true,\n      configurable: true,\n      writable: true\n    });\n  } else {\n    obj[key] = value;\n  }\n  return obj;\n}"],"names":["elementListeners","Map","resizeObserver","ResizeObserver","entries","forEach","entry","_elementListeners$get","target","get","callback","observe","element","has","set","Set","add","unobserve","delete","size","useResizeObserver","props","targetRef","onResize","localRef","useRef","ref","setSize","useState","clientWidth","clientHeight","handleResize","useCallback","prev","useEffect","current","Element","Error","usePrevious","data","defineElement","property","event","createDecorators","_LoadingPanel","_A","WeakMap","_B","_C","_D","_E","_F","_LoadingPanel_brand","WeakSet","LoadingPanel","ReactNextElement","constructor","arguments","_classPrivateMethodInitSpec","_classPrivateFieldInitSpec","_init_customTitle","_init_extra_customTitle","_init_loading","_init_extra_loading","_init_useRealTimeProgress","_init_extra_useRealTimeProgress","_init_progress","_init_extra_progress","_init_intervalTime","_init_extra_intervalTime","_init_onEndEvent","_defineProperty","_init_extra_onEndEvent","_classPrivateGetter","this","_get_onEndEvent","emit","customTitle","_classPrivateFieldGet","v","_classPrivateFieldSet","loading","useRealTimeProgress","progress","intervalTime","render","React","LoadingPanelComponent","onEnd","progressValue","setProgressValue","timerRef","prevProgress","getStep","curVal","start","end","Math","ceil","step","params","time","init","window","setInterval","clearInterval","intervalTimer","className","_LoadingPanel2","e","_set_onEndEvent","c","_initClass","_applyDecs","styleTexts","variablesStyleText","styleText","type","Boolean","Number","o","_","_checkInRHS","___CSS_LOADER_EXPORT___","push","module","id","toString","s","r","a","obj","privateSet","key","value","Object","defineProperty","enumerable","configurable","writable"],"sourceRoot":""}

package/dist/chunks/main.ea6494ac.js

@@ -1,2 +0,0 @@
-(()=>{var e,t,r,n,a,o,l,i,c,s,d,f,u,h,p,m,b,v,g,x,y,P,w,k,j={17934:(e,t,r)=>{Promise.all([r.e(1977),r.e(5155),r.e(5301),r.e(8769),r.e(300),r.e(4295),r.e(2445),r.e(4291),r.e(7008),r.e(7896),r.e(5371),r.e(1493),r.e(859),r.e(4263)]).then(r.bind(r,57514))}},S={};function _(e){var t=S[e];if(void 0!==t)return t.exports;var r=S[e]={id:e,loaded:!1,exports:{}};return j[e].call(r.exports,r,r.exports,_),r.loaded=!0,r.exports}_.m=j,_.c=S,_.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return _.d(t,{a:t}),t},_.d=(e,t)=>{for(var r in t)_.o(t,r)&&!_.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},_.f={},_.e=e=>Promise.all(Object.keys(_.f).reduce(((t,r)=>(_.f[r](e,t),t)),[])),_.u=e=>"chunks/"+e+"."+{114:"f8141681",300:"a549097c",522:"d5cf5f22",726:"7ffcd9b0",859:"3b3455b0",871:"22d6eff9",886:"bbfd9619",1030:"89f1b8c7",1045:"b74cadcb",1122:"76433e72",1302:"4d5fd21d",1491:"75d08174",1493:"e45be49f",1744:"e8757980",1889:"4f16a6c9",1940:"7d51827d",1977:"8c3da529",2052:"c2b24b1c",2277:"a52fa227",2445:"f84e0bbc",3078:"22cdd695",3144:"13127e54",3171:"08bb7a26",3201:"191c2570",3340:"6ca62849",3474:"2528352e",3751:"300d7aea",3933:"2079fb3a",4041:"525d5fef",4263:"abcf0070",4291:"e8c9ad6e",4295:"c93fa5c2",4658:"f7dbee85",4837:"5e26fe2a",5155:"52b564af",5250:"a19aacd0",5301:"9469cbfd",5371:"15b68669",5384:"f1c59dfa",5399:"5db0cace",5552:"9d190dc2",5617:"850e358d",6181:"462dc56f",6314:"da77fd9a",6519:"2c230a4e",6672:"0e39fc21",6773:"8f70e9c1",7008:"6d8176c3",7218:"d2924ff4",7434:"1d0a1039",7721:"eb4dab13",7733:"d4c53ed9",7896:"b9931373",8097:"fa8ca477",8769:"a8378458",8989:"1ed994e9",9435:"1fe92cdc",9515:"0a25494f",9559:"947092e2",9755:"6603d492",9844:"806ea100"}[e]+".js",_.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),_.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),e={},t="@next-bricks/data-view:",_.l=(r,n,a,o)=>{if(e[r])e[r].push(n);else{var l,i;if(void 0!==a)for(var c=document.getElementsByTagName("script"),s=0;s<c.length;s++){var d=c[s];if(d.getAttribute("src")==r||d.getAttribute("data-webpack")==t+a){l=d;break}}l||(i=!0,(l=document.createElement("script")).charset="utf-8",l.timeout=120,_.nc&&l.setAttribute("nonce",_.nc),l.setAttribute("data-webpack",t+a),l.src=r),e[r]=[n];var f=(t,n)=>{l.onerror=l.onload=null,clearTimeout(u);var a=e[r];if(delete e[r],l.parentNode&&l.parentNode.removeChild(l),a&&a.forEach((e=>e(n))),t)return t(n)},u=setTimeout(f.bind(null,void 0,{type:"timeout",target:l}),12e4);l.onerror=f.bind(null,l.onerror),l.onload=f.bind(null,l.onload),i&&document.head.appendChild(l)}},_.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},_.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),(()=>{_.S={};var e={},t={};_.I=(r,n)=>{n||(n=[]);var a=t[r];if(a||(a=t[r]={}),!(n.indexOf(a)>=0)){if(n.push(a),e[r])return e[r];_.o(_.S,r)||(_.S[r]={});var o=_.S[r],l="@next-bricks/data-view",i=(e,t,r,n)=>{var a=o[e]=o[e]||{},i=a[t];(!i||!i.loaded&&(!n!=!i.eager?n:l>i.from))&&(a[t]={get:r,from:l,eager:!!n})},c=[];return"default"===r&&(i("@babel/parser","7.25.3",(()=>_.e(6773).then((()=>()=>_(46773))))),i("@easyops-cn/brick-next-pipes","0.7.1",(()=>Promise.all([_.e(6672),_.e(886)]).then((()=>()=>_(54291))))),i("@next-core/cook","2.5.2",(()=>Promise.all([_.e(1122),_.e(3340)]).then((()=>()=>_(61122))))),i("@next-core/element","1.2.13",(()=>_.e(1045).then((()=>()=>_(21045))))),i("@next-core/http","1.2.8",(()=>_.e(8989).then((()=>()=>_(48989))))),i("@next-core/i18n/react","1.0.69",(()=>Promise.all([_.e(6181),_.e(8097)]).then((()=>()=>_(88097))))),i("@next-core/i18n","1.0.69",(()=>Promise.all([_.e(3078),_.e(6181),_.e(9755),_.e(5552)]).then((()=>()=>_(75552))))),i("@next-core/inject","1.0.47",(()=>Promise.all([_.e(1744),_.e(1030),_.e(2277)]).then((()=>()=>_(72277))))),i("@next-core/loader","1.6.10",(()=>_.e(5399).then((()=>()=>_(35399))))),i("@next-core/pipes","2.0.27",(()=>_.e(6519).then((()=>()=>_(76519))))),i("@next-core/react-element","1.0.32",(()=>Promise.all([_.e(8769),_.e(300),_.e(9435),_.e(114)]).then((()=>()=>_(20114))))),i("@next-core/react-runtime","1.6.53",(()=>Promise.all([_.e(8769),_.e(4295),_.e(2445),_.e(3474),_.e(4837)]).then((()=>()=>_(64837))))),i("@next-core/runtime","1.57.2",(()=>Promise.all([_.e(1491),_.e(3078),_.e(1030),_.e(6181),_.e(1302),_.e(522),_.e(5617)]).then((()=>()=>_(31491))))),i("@next-core/supply","2.2.2",(()=>Promise.all([_.e(1744),_.e(1030),_.e(1302),_.e(9559)]).then((()=>()=>_(49559))))),i("@next-core/theme","1.5.4",(()=>Promise.all([_.e(1889),_.e(2052)]).then((()=>()=>_(51889))))),i("@next-core/utils/general","1.7.27",(()=>_.e(871).then((()=>()=>_(40871))))),i("@next-core/utils/storyboard","1.7.27",(()=>Promise.all([_.e(3078),_.e(522),_.e(3933)]).then((()=>()=>_(13933))))),i("history","4.10.1",(()=>_.e(5384).then((()=>()=>_(65384))))),i("i18next-browser-languagedetector","7.2.1",(()=>_.e(726).then((()=>()=>_(50726))))),i("i18next","22.5.1",(()=>_.e(3201).then((()=>()=>_(33201))))),i("js-yaml","3.14.1",(()=>_.e(9515).then((()=>()=>_(19515))))),i("lodash","4.17.21",(()=>_.e(5250).then((()=>()=>_(45250))))),i("moment/locale/zh-cn.js","2.30.1",(()=>Promise.all([_.e(7721),_.e(9844)]).then((()=>()=>_(61329))))),i("moment","2.30.1",(()=>Promise.all([_.e(7721),_.e(9844)]).then((()=>()=>_(99420))))),i("react-dom","0.0.0-experimental-ee8509801-20230117",(()=>Promise.all([_.e(3144),_.e(8769)]).then((()=>()=>_(43144))))),i("react-i18next","12.3.1",(()=>Promise.all([_.e(7434),_.e(8769)]).then((()=>()=>_(97434))))),i("react","0.0.0-experimental-ee8509801-20230117",(()=>_.e(4041).then((()=>()=>_(14041)))))),e[r]=c.length?Promise.all(c).then((()=>e[r]=1)):1}}})(),(()=>{var e;_.g.importScripts&&(e=_.g.location+"");var t=_.g.document;if(!e&&t&&(t.currentScript&&"SCRIPT"===t.currentScript.tagName.toUpperCase()&&(e=t.currentScript.src),!e)){var r=t.getElementsByTagName("script");if(r.length)for(var n=r.length-1;n>-1&&(!e||!/^http(s?):/.test(e));)e=r[n--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),_.p=e+"../"})(),r=e=>{var t=e=>e.split(".").map((e=>+e==e?+e:e)),r=/^([^-+]+)?(?:-([^+]+))?(?:\+(.+))?$/.exec(e),n=r[1]?t(r[1]):[];return r[2]&&(n.length++,n.push.apply(n,t(r[2]))),r[3]&&(n.push([]),n.push.apply(n,t(r[3]))),n},n=(e,t)=>{e=r(e),t=r(t);for(var n=0;;){if(n>=e.length)return n<t.length&&"u"!=(typeof t[n])[0];var a=e[n],o=(typeof a)[0];if(n>=t.length)return"u"==o;var l=t[n],i=(typeof l)[0];if(o!=i)return"o"==o&&"n"==i||"s"==i||"u"==o;if("o"!=o&&"u"!=o&&a!=l)return a<l;n++}},a=e=>{var t=e[0],r="";if(1===e.length)return"*";if(t+.5){r+=0==t?">=":-1==t?"<":1==t?"^":2==t?"~":t>0?"=":"!=";for(var n=1,o=1;o<e.length;o++)n--,r+="u"==(typeof(i=e[o]))[0]?"-":(n>0?".":"")+(n=2,i);return r}var l=[];for(o=1;o<e.length;o++){var i=e[o];l.push(0===i?"not("+c()+")":1===i?"("+c()+" || "+c()+")":2===i?l.pop()+" "+l.pop():a(i))}return c();function c(){return l.pop().replace(/^\((.+)\)$/,"$1")}},o=(e,t)=>{if(0 in e){t=r(t);var n=e[0],a=n<0;a&&(n=-n-1);for(var l=0,i=1,c=!0;;i++,l++){var s,d,f=i<e.length?(typeof e[i])[0]:"";if(l>=t.length||"o"==(d=(typeof(s=t[l]))[0]))return!c||("u"==f?i>n&&!a:""==f!=a);if("u"==d){if(!c||"u"!=f)return!1}else if(c)if(f==d)if(i<=n){if(s!=e[i])return!1}else{if(a?s>e[i]:s<e[i])return!1;s!=e[i]&&(c=!1)}else if("s"!=f&&"n"!=f){if(a||i<=n)return!1;c=!1,i--}else{if(i<=n||d<f!=a)return!1;c=!1}else"s"!=f&&"n"!=f&&(c=!1,i--)}}var u=[],h=u.pop.bind(u);for(l=1;l<e.length;l++){var p=e[l];u.push(1==p?h()|h():2==p?h()&h():p?o(p,t):!h())}return!!h()},l=(e,t)=>e&&_.o(e,t),i=e=>(e.loaded=1,e.get()),c=e=>Object.keys(e).reduce(((t,r)=>(e[r].eager&&(t[r]=e[r]),t)),{}),s=(e,t,r,a)=>{var l=a?c(e[t]):e[t];return(t=Object.keys(l).reduce(((e,t)=>!o(r,t)||e&&!n(e,t)?e:t),0))&&l[t]},d=(e,t,r)=>{var a=r?c(e[t]):e[t];return Object.keys(a).reduce(((e,t)=>!e||!a[e].loaded&&n(e,t)?t:e),0)},f=(e,t,r,n)=>"Unsatisfied version "+r+" from "+(r&&e[t][r].from)+" of shared singleton module "+t+" (required "+a(n)+")",u=(e,t,r,n,o)=>{var l=e[r];return"No satisfying version ("+a(n)+")"+(o?" for eager consumption":"")+" of shared module "+r+" found in shared scope "+t+".\nAvailable versions: "+Object.keys(l).map((e=>e+" from "+l[e].from)).join(", ")},h=e=>{throw new Error(e)},p=e=>{"undefined"!=typeof console&&console.warn&&console.warn(e)},b=(e,t,r)=>r?r():((e,t)=>h("Shared module "+t+" doesn't exist in shared scope "+e))(e,t),v=(m=e=>function(t,r,n,a,o){var l=_.I(t);return l&&l.then&&!n?l.then(e.bind(e,t,_.S[t],r,!1,a,o)):e(t,_.S[t],r,n,a,o)})(((e,t,r,n,a,o)=>{if(!l(t,r))return b(e,r,o);var c=s(t,r,a,n);return c?i(c):o?o():void h(u(t,e,r,a,n))})),g=m(((e,t,r,n,a)=>{if(!l(t,r))return b(e,r,a);var o=d(t,r,n);return i(t[r][o])})),x=m(((e,t,r,n,a,c)=>{if(!l(t,r))return b(e,r,c);var s=d(t,r,n);return o(a,s)||p(f(t,r,s,a)),i(t[r][s])})),y={},P={18769:()=>v("default","react",!1,[6,0,0,0,,"experimental-ee8509801-20230117"],(()=>_.e(4041).then((()=>()=>_(14041))))),10300:()=>v("default","@next-core/element",!1,[1,1,2,13],(()=>_.e(1045).then((()=>()=>_(21045))))),24295:()=>v("default","@next-core/react-element",!1,[1,1,0,32],(()=>Promise.all([_.e(300),_.e(9435),_.e(7733)]).then((()=>()=>_(20114))))),72445:()=>g("default","lodash",!1,(()=>_.e(5250).then((()=>()=>_(45250))))),44291:()=>g("default","@next-core/theme",!1,(()=>_.e(1889).then((()=>()=>_(51889))))),57008:()=>v("default","@next-core/react-runtime",!1,[1,1,6,53],(()=>Promise.all([_.e(2445),_.e(3474),_.e(7218)]).then((()=>()=>_(64837))))),7896:()=>x("default","@next-core/i18n/react",!1,[1,1,0,69],(()=>Promise.all([_.e(6181),_.e(8097)]).then((()=>()=>_(88097))))),28297:()=>x("default","moment",!1,[1,2,27,0],(()=>Promise.all([_.e(7721),_.e(9844)]).then((()=>()=>_(99420))))),55521:()=>x("default","lodash",!1,[1,4,17,19],(()=>_.e(5250).then((()=>()=>_(45250))))),91204:()=>x("default","js-yaml",!1,[1,3,14,0],(()=>_.e(9515).then((()=>()=>_(19515))))),83340:()=>x("default","@babel/parser",!1,[1,7,25,6],(()=>_.e(6773).then((()=>()=>_(46773))))),26181:()=>x("default","@next-core/i18n",!1,[1,1,0,69],(()=>Promise.all([_.e(3078),_.e(9755),_.e(3171)]).then((()=>()=>_(75552))))),47825:()=>x("default","react-i18next",!1,[1,12,3,1],(()=>Promise.all([_.e(7434),_.e(8769)]).then((()=>()=>_(97434))))),13078:()=>x("default","@next-core/utils/general",!1,[1,1,7,27],(()=>_.e(871).then((()=>()=>_(40871))))),2350:()=>x("default","i18next",!1,[1,22,5,1],(()=>_.e(3201).then((()=>()=>_(33201))))),27072:()=>x("default","i18next-browser-languagedetector",!1,[1,7,2,1],(()=>_.e(726).then((()=>()=>_(50726))))),1744:()=>x("default","@next-core/pipes",!1,[1,2,0,27],(()=>_.e(6519).then((()=>()=>_(76519))))),41030:()=>x("default","lodash",!1,[1,4,17,21],(()=>_.e(5250).then((()=>()=>_(45250))))),63669:()=>x("default","@easyops-cn/brick-next-pipes",!1,[2,0,7,1],(()=>Promise.all([_.e(6672),_.e(886)]).then((()=>()=>_(54291))))),59435:()=>v("default","react-dom",!1,[6,0,0,0,,"experimental-ee8509801-20230117"],(()=>_.e(3144).then((()=>()=>_(43144))))),23474:()=>x("default","@next-core/runtime",!1,[1,1,57,2],(()=>Promise.all([_.e(1491),_.e(3078),_.e(1030),_.e(6181),_.e(1302),_.e(522),_.e(5617)]).then((()=>()=>_(31491))))),21302:()=>x("default","moment",!1,[1,2,30,1],(()=>Promise.all([_.e(7721),_.e(9844)]).then((()=>()=>_(99420))))),522:()=>x("default","@next-core/cook",!1,[1,2,5,2],(()=>Promise.all([_.e(1122),_.e(3340)]).then((()=>()=>_(61122))))),1491:()=>x("default","@next-core/inject",!1,[1,1,0,47],(()=>Promise.all([_.e(1744),_.e(4658)]).then((()=>()=>_(72277))))),26036:()=>x("default","moment/locale/zh-cn.js",!1,[1,2,30,1],(()=>Promise.all([_.e(7721),_.e(9844)]).then((()=>()=>_(61329))))),30108:()=>x("default","@next-core/http",!1,[1,1,2,8],(()=>_.e(3751).then((()=>()=>_(48989))))),32890:()=>x("default","history",!1,[1,4,10,1],(()=>_.e(5384).then((()=>()=>_(65384))))),50049:()=>x("default","@next-core/loader",!1,[1,1,6,10],(()=>_.e(5399).then((()=>()=>_(35399))))),54958:()=>x("default","@next-core/utils/storyboard",!1,[1,1,7,27],(()=>_.e(6314).then((()=>()=>_(13933))))),69613:()=>x("default","@next-core/supply",!1,[1,2,2,2],(()=>Promise.all([_.e(1744),_.e(1940)]).then((()=>()=>_(49559)))))},w={300:[10300],522:[522],886:[28297,55521,91204],1030:[41030],1302:[21302],1744:[1744],2445:[72445],3078:[13078],3340:[83340],3474:[23474],4291:[44291],4295:[24295],5617:[1491,26036,30108,32890,50049,54958,69613],6181:[26181],6519:[63669],7008:[57008],7896:[7896],8097:[47825],8769:[18769],9435:[59435],9755:[2350,27072]},k={},_.f.consumes=(e,t)=>{_.o(w,e)&&w[e].forEach((e=>{if(_.o(y,e))return t.push(y[e]);if(!k[e]){var r=t=>{y[e]=0,_.m[e]=r=>{delete _.c[e],r.exports=t()}};k[e]=!0;var n=t=>{delete y[e],_.m[e]=r=>{throw delete _.c[e],t}};try{var a=P[e]();a.then?t.push(y[e]=a.then(r).catch(n)):r(a)}catch(e){n(e)}}}))},(()=>{_.b=document.baseURI||self.location.href;var e={8792:0};_.f.j=(t,r)=>{var n=_.o(e,t)?e[t]:void 0;if(0!==n)if(n)r.push(n[2]);else if(/^(1(030|302|744)|3(00|078|340|474)|429[15]|(244|943|975)5|522|5617|6181|7008|7896|8769|886)$/.test(t))e[t]=0;else{var a=new Promise(((r,a)=>n=e[t]=[r,a]));r.push(n[2]=a);var o=_.p+_.u(t),l=new Error;_.l(o,(r=>{if(_.o(e,t)&&(0!==(n=e[t])&&(e[t]=void 0),n)){var a=r&&("load"===r.type?"missing":r.type),o=r&&r.target&&r.target.src;l.message="Loading chunk "+t+" failed.\n("+a+": "+o+")",l.name="ChunkLoadError",l.type=a,l.request=o,n[1](l)}}),"chunk-"+t,t)}};var t=(t,r)=>{var n,a,[o,l,i]=r,c=0;if(o.some((t=>0!==e[t]))){for(n in l)_.o(l,n)&&(_.m[n]=l[n]);i&&i(_)}for(t&&t(r);c<o.length;c++)a=o[c],_.o(e,a)&&e[a]&&e[a][0](),e[a]=0},r=globalThis.webpackChunk_next_bricks_data_view=globalThis.webpackChunk_next_bricks_data_view||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})(),_.nc=void 0,_(17934)})();
-//# sourceMappingURL=main.ea6494ac.js.map

package/dist/chunks/modern-style-treemap.1dcda45a.js

@@ -1,3 +0,0 @@
-/*! For license information please see modern-style-treemap.1dcda45a.js.LICENSE.txt */
-(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(10300),u=a(24295),d=a(57008),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)}}}]);
-//# sourceMappingURL=modern-style-treemap.1dcda45a.js.map

package/dist/chunks/modern-style-treemap.1dcda45a.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chunks/modern-style-treemap.1dcda45a.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":""}