@next-bricks/data-view 0.20.0 → 0.22.0

package/dist/chunks/cabinet-container.346f6ad2.js.map

@@ -1 +1 @@
-{"version":3,"file":"chunks/cabinet-container.346f6ad2.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:///../../node_modules/classnames/index.js","webpack:///./src/cabinet/cabinet-container/cabinet-container.shadow.css","webpack:///./src/data-view-variables.shadow.css"],"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 * @id data-view.cabinet-container\n * @name data-view.cabinet-container\n * @docKind brick\n * @description 大屏集群容器构件\n * @author astrid\n * @noInheritDoc\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","/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\tvar nativeCodeString = '[native code]';\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `*,\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"],"names":["_CabinetContainer","defineElement","property","event","createDecorators","WrappedNode","wrapBrick","_dec","styleTexts","variablesText","styleText","_dec2","attribute","_dec3","_dec4","_dec5","_dec6","type","_dec7","_A","WeakMap","_B","_C","_D","_E","_onHandleClick","_F","_onHandleDbClick","CabinetContainer","ReactNextElement","constructor","arguments","_classPrivateFieldInitSpec","get","_get_onHandleDbClick2","set","_set_onHandleDbClick2","_get_onHandleClick2","_set_onHandleClick2","writable","value","_initProto","_init_type","_init_data","_init_status","_init_customTitle","_init_onHandleClick","_init_onHandleDbClick","_defineProperty","params","_classPrivateFieldGet","this","emit","v","_classPrivateFieldSet","data","status","customTitle","render","React","CabinetContainerComponent","handleClick","handleDbClick","_set_onHandleClick","_get_onHandleClick","_set_onHandleDbClick","_get_onHandleDbClick","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","concat","ref","onClick","undefined","onDoubleClick","hostContainer","k8sContainer","map","item","index","key","style","nodeTitle","isAlert","_class","c","_initClass","_applyDecs","o","_","has","_checkInRHS","elementListeners","Map","resizeObserver","ResizeObserver","entries","forEach","entry","_elementListeners$get","target","callback","observe","element","Set","add","unobserve","delete","size","targetRef","onResize","localRef","setSize","useState","handleResize","prev","useEffect","Element","Error","_objectSpread","usePrevious","hasOwn","hasOwnProperty","classes","i","arg","argType","push","Array","isArray","inner","apply","toString","Object","prototype","includes","call","join","module","exports","default","___CSS_LOADER_EXPORT___","id"],"sourceRoot":""}
+{"version":3,"file":"chunks/cabinet-container.346f6ad2.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:///../../node_modules/classnames/index.js","webpack:///./src/cabinet/cabinet-container/cabinet-container.shadow.css","webpack:///./src/data-view-variables.shadow.css"],"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","/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\tvar nativeCodeString = '[native code]';\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `*,\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"],"names":["_CabinetContainer","defineElement","property","event","createDecorators","WrappedNode","wrapBrick","_dec","styleTexts","variablesText","styleText","_dec2","attribute","_dec3","_dec4","_dec5","_dec6","type","_dec7","_A","WeakMap","_B","_C","_D","_E","_onHandleClick","_F","_onHandleDbClick","CabinetContainer","ReactNextElement","constructor","arguments","_classPrivateFieldInitSpec","get","_get_onHandleDbClick2","set","_set_onHandleDbClick2","_get_onHandleClick2","_set_onHandleClick2","writable","value","_initProto","_init_type","_init_data","_init_status","_init_customTitle","_init_onHandleClick","_init_onHandleDbClick","_defineProperty","params","_classPrivateFieldGet","this","emit","v","_classPrivateFieldSet","data","status","customTitle","render","React","CabinetContainerComponent","handleClick","handleDbClick","_set_onHandleClick","_get_onHandleClick","_set_onHandleDbClick","_get_onHandleDbClick","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","concat","ref","onClick","undefined","onDoubleClick","hostContainer","k8sContainer","map","item","index","key","style","nodeTitle","isAlert","_class","c","_initClass","_applyDecs","o","_","has","_checkInRHS","elementListeners","Map","resizeObserver","ResizeObserver","entries","forEach","entry","_elementListeners$get","target","callback","observe","element","Set","add","unobserve","delete","size","targetRef","onResize","localRef","setSize","useState","handleResize","prev","useEffect","Element","Error","_objectSpread","usePrevious","hasOwn","hasOwnProperty","classes","i","arg","argType","push","Array","isArray","inner","apply","toString","Object","prototype","includes","call","join","module","exports","default","___CSS_LOADER_EXPORT___","id"],"sourceRoot":""}

package/dist/chunks/cabinet-node.a6b6ec50.js.map

@@ -1 +1 @@
-{"version":3,"file":"chunks/cabinet-node.a6b6ec50.js","mappings":"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","sources":["webpack:///./src/cabinet/cabinet-node/index.tsx","webpack:///../../node_modules/classnames/index.js","webpack:///./src/cabinet/cabinet-node/cabinet-node.shadow.css","webpack:///./src/data-view-variables.shadow.css","webpack:///../../node_modules/css-loader/dist/runtime/api.js","webpack:///../../node_modules/css-loader/dist/runtime/noSourceMaps.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/applyDecs2305.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/checkInRHS.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/checkPrivateRedeclaration.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classExtractFieldDescriptor.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateFieldGet.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classApplyDescriptorGet.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateFieldInitSpec.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateFieldSet.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classApplyDescriptorSet.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/typeof.js"],"sourcesContent":["import React from \"react\";\nimport { createDecorators } from \"@next-core/element\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport variablesStyleText from \"../../data-view-variables.shadow.css\";\nimport styleText from \"./cabinet-node.shadow.css\";\nimport classNames from \"classnames\";\nimport virtualMachineImg from \"../../asset/images/virtualMachine.png\";\nimport physicalMachineImg from \"../../asset/images/physicalMachine.png\";\nimport containerGroupImg from \"../../asset/images/containerGroup.png\";\nimport virtualMachineWarningImg from \"../../asset/images/virtualMachineWarning.png\";\nimport physicalMachineWarningImg from \"../../asset/images/physicalMachineWarning.png\";\nimport containerGroupWarningImg from \"../../asset/images/containerGroupWarning.png\";\nimport podImg from \"../../asset/images/pod.png\";\nimport podWarningImg from \"../../asset/images/podWarning.png\";\n\nconst imageMap = {\n  \"container-group\": containerGroupImg,\n  \"virtual-machine\": virtualMachineImg,\n  \"physical-machine\": physicalMachineImg,\n  \"container-group-warning\": containerGroupWarningImg,\n  \"virtual-machine-warning\": virtualMachineWarningImg,\n  \"physical-machine-warning\": physicalMachineWarningImg,\n  pod: podImg,\n  \"pod-warning\": podWarningImg,\n};\n\nconst { defineElement, property } = createDecorators();\n\nexport interface CabinetNodeProps {\n  type: \"container-group\" | \"physical-machine\" | \"virtual-machine\" | \"pod\";\n  nodeTitle: string;\n  status?: \"active\" | \"faded\";\n  isAlert?: boolean;\n}\n\n/**\n * @id data-view.cabinet-node\n * @name data-view.cabinet-node\n * @docKind brick\n * @description cabinet子构件----节点\n * @author nlicroshan\n * @noInheritDoc\n */\n@defineElement(\"data-view.cabinet-node\", {\n  styleTexts: [variablesStyleText, styleText],\n})\nclass CabinetNode extends ReactNextElement implements CabinetNodeProps {\n  /**\n   * @kind \"container-group\" | \"physical-machine\" | \"virtual-machine\"\n   * @required true\n   * @default\n   * @description 类型\n   */\n  @property()\n  accessor type:\n    | \"container-group\"\n    | \"physical-machine\"\n    | \"virtual-machine\"\n    | \"pod\";\n\n  /**\n   * @kind string\n   * @required true\n   * @default\n   * @description 标题\n   */\n  @property()\n  accessor nodeTitle: string;\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 boolean\n   * @required false\n   * @default\n   * @description 是否是告警态\n   */\n  @property({ type: Boolean })\n  accessor isAlert: boolean;\n\n  render() {\n    return (\n      <CabinetNodeElement\n        type={this.type}\n        nodeTitle={this.nodeTitle}\n        status={this.status}\n        isAlert={this.isAlert}\n      />\n    );\n  }\n}\n\nfunction CabinetNodeElement(props: CabinetNodeProps): React.ReactElement {\n  const { type, nodeTitle, status, isAlert } = props;\n\n  return (\n    <div\n      className={classNames(\n        \"container\",\n        type && `type-${type}`,\n        status && `status-${status}`\n      )}\n    >\n      <img\n        className=\"image\"\n        src={imageMap[`${type}${isAlert ? \"-warning\" : \"\"}`]}\n        alt={type}\n      />\n      <div className=\"node-title\" title={nodeTitle}>\n        {nodeTitle}\n      </div>\n    </div>\n  );\n}\n\nexport { CabinetNode };\n","/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\tvar nativeCodeString = '[native code]';\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{display:inline-block;width:100%}:host([hidden]){display:none}*,\n*::before,\n*::after{box-sizing:border-box}.container{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:opacity 0.5s}.image{width:100%;border:2px solid transparent}.node-title{width:100%;text-align:center;font-size:var(--normal-font-size);font-weight:var(--font-weight-400);color:var(--color-normal-text);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.type-container-group:hover .image,\n.type-container-group.status-active .image{box-shadow:inset 0 0 16px 0 #ff9900;border-color:#ff9900}.type-physical-machine:hover .image,\n.type-virtual-machine:hover .image,\n.type-physical-machine.status-active .image,\n.type-virtual-machine.status-active .image,\n.type-pod:hover .image,\n.type-type-pod.status-active .image{box-shadow:inset 0 0 16px 0 #50ffff;border-color:#50ffff}.status-faded{opacity:0.4}`, \"\"]);\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","\"use strict\";\n\n/*\n  MIT License http://www.opensource.org/licenses/mit-license.php\n  Author Tobias Koppers @sokra\n*/\nmodule.exports = function (cssWithMappingToString) {\n  var list = [];\n\n  // return the list of modules as css string\n  list.toString = function toString() {\n    return this.map(function (item) {\n      var content = \"\";\n      var needLayer = typeof item[5] !== \"undefined\";\n      if (item[4]) {\n        content += \"@supports (\".concat(item[4], \") {\");\n      }\n      if (item[2]) {\n        content += \"@media \".concat(item[2], \" {\");\n      }\n      if (needLayer) {\n        content += \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\");\n      }\n      content += cssWithMappingToString(item);\n      if (needLayer) {\n        content += \"}\";\n      }\n      if (item[2]) {\n        content += \"}\";\n      }\n      if (item[4]) {\n        content += \"}\";\n      }\n      return content;\n    }).join(\"\");\n  };\n\n  // import a list of modules into the list\n  list.i = function i(modules, media, dedupe, supports, layer) {\n    if (typeof modules === \"string\") {\n      modules = [[null, modules, undefined]];\n    }\n    var alreadyImportedModules = {};\n    if (dedupe) {\n      for (var k = 0; k < this.length; k++) {\n        var id = this[k][0];\n        if (id != null) {\n          alreadyImportedModules[id] = true;\n        }\n      }\n    }\n    for (var _k = 0; _k < modules.length; _k++) {\n      var item = [].concat(modules[_k]);\n      if (dedupe && alreadyImportedModules[item[0]]) {\n        continue;\n      }\n      if (typeof layer !== \"undefined\") {\n        if (typeof item[5] === \"undefined\") {\n          item[5] = layer;\n        } else {\n          item[1] = \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\").concat(item[1], \"}\");\n          item[5] = layer;\n        }\n      }\n      if (media) {\n        if (!item[2]) {\n          item[2] = media;\n        } else {\n          item[1] = \"@media \".concat(item[2], \" {\").concat(item[1], \"}\");\n          item[2] = media;\n        }\n      }\n      if (supports) {\n        if (!item[4]) {\n          item[4] = \"\".concat(supports);\n        } else {\n          item[1] = \"@supports (\".concat(item[4], \") {\").concat(item[1], \"}\");\n          item[4] = supports;\n        }\n      }\n      list.push(item);\n    }\n  };\n  return list;\n};","\"use strict\";\n\nmodule.exports = function (i) {\n  return i[1];\n};","import _typeof from \"./typeof.js\";\nimport checkInRHS from \"./checkInRHS.js\";\nfunction createAddInitializerMethod(e, t) {\n  return function (r) {\n    assertNotFinished(t, \"addInitializer\"), assertCallable(r, \"An initializer\"), e.push(r);\n  };\n}\nfunction assertInstanceIfPrivate(e, t) {\n  if (!e(t)) throw new TypeError(\"Attempted to access private element on non-instance\");\n}\nfunction memberDec(e, t, r, n, a, i, s, o, c, l) {\n  var u;\n  switch (i) {\n    case 1:\n      u = \"accessor\";\n      break;\n    case 2:\n      u = \"method\";\n      break;\n    case 3:\n      u = \"getter\";\n      break;\n    case 4:\n      u = \"setter\";\n      break;\n    default:\n      u = \"field\";\n  }\n  var f,\n    d,\n    p = {\n      kind: u,\n      name: o ? \"#\" + r : r,\n      \"static\": s,\n      \"private\": o\n    },\n    h = {\n      v: !1\n    };\n  if (0 !== i && (p.addInitializer = createAddInitializerMethod(a, h)), o || 0 !== i && 2 !== i) {\n    if (2 === i) f = function f(e) {\n      return assertInstanceIfPrivate(l, e), n.value;\n    };else {\n      var v = 0 === i || 1 === i;\n      (v || 3 === i) && (f = o ? function (e) {\n        return assertInstanceIfPrivate(l, e), n.get.call(e);\n      } : function (e) {\n        return n.get.call(e);\n      }), (v || 4 === i) && (d = o ? function (e, t) {\n        assertInstanceIfPrivate(l, e), n.set.call(e, t);\n      } : function (e, t) {\n        n.set.call(e, t);\n      });\n    }\n  } else f = function f(e) {\n    return e[r];\n  }, 0 === i && (d = function d(e, t) {\n    e[r] = t;\n  });\n  var y = o ? l.bind() : function (e) {\n    return r in e;\n  };\n  p.access = f && d ? {\n    get: f,\n    set: d,\n    has: y\n  } : f ? {\n    get: f,\n    has: y\n  } : {\n    set: d,\n    has: y\n  };\n  try {\n    return e.call(t, c, p);\n  } finally {\n    h.v = !0;\n  }\n}\nfunction assertNotFinished(e, t) {\n  if (e.v) throw new Error(\"attempted to call \" + t + \" after decoration was finished\");\n}\nfunction assertCallable(e, t) {\n  if (\"function\" != typeof e) throw new TypeError(t + \" must be a function\");\n}\nfunction assertValidReturnValue(e, t) {\n  var r = _typeof(t);\n  if (1 === e) {\n    if (\"object\" !== r || null === t) throw new TypeError(\"accessor decorators must return an object with get, set, or init properties or void 0\");\n    void 0 !== t.get && assertCallable(t.get, \"accessor.get\"), void 0 !== t.set && assertCallable(t.set, \"accessor.set\"), void 0 !== t.init && assertCallable(t.init, \"accessor.init\");\n  } else if (\"function\" !== r) {\n    var n;\n    throw n = 0 === e ? \"field\" : 5 === e ? \"class\" : \"method\", new TypeError(n + \" decorators must return a function or void 0\");\n  }\n}\nfunction curryThis1(e) {\n  return function () {\n    return e(this);\n  };\n}\nfunction curryThis2(e) {\n  return function (t) {\n    e(this, t);\n  };\n}\nfunction applyMemberDec(e, t, r, n, a, i, s, o, c, l) {\n  var u,\n    f,\n    d,\n    p,\n    h,\n    v,\n    y = r[0];\n  n || Array.isArray(y) || (y = [y]), o ? u = 0 === i || 1 === i ? {\n    get: curryThis1(r[3]),\n    set: curryThis2(r[4])\n  } : 3 === i ? {\n    get: r[3]\n  } : 4 === i ? {\n    set: r[3]\n  } : {\n    value: r[3]\n  } : 0 !== i && (u = Object.getOwnPropertyDescriptor(t, a)), 1 === i ? d = {\n    get: u.get,\n    set: u.set\n  } : 2 === i ? d = u.value : 3 === i ? d = u.get : 4 === i && (d = u.set);\n  for (var g = n ? 2 : 1, m = y.length - 1; m >= 0; m -= g) {\n    var b;\n    if (void 0 !== (p = memberDec(y[m], n ? y[m - 1] : void 0, a, u, c, i, s, o, d, l))) assertValidReturnValue(i, p), 0 === i ? b = p : 1 === i ? (b = p.init, h = p.get || d.get, v = p.set || d.set, d = {\n      get: h,\n      set: v\n    }) : d = p, void 0 !== b && (void 0 === f ? f = b : \"function\" == typeof f ? f = [f, b] : f.push(b));\n  }\n  if (0 === i || 1 === i) {\n    if (void 0 === f) f = function f(e, t) {\n      return t;\n    };else if (\"function\" != typeof f) {\n      var I = f;\n      f = function f(e, t) {\n        for (var r = t, n = I.length - 1; n >= 0; n--) r = I[n].call(e, r);\n        return r;\n      };\n    } else {\n      var w = f;\n      f = function f(e, t) {\n        return w.call(e, t);\n      };\n    }\n    e.push(f);\n  }\n  0 !== i && (1 === i ? (u.get = d.get, u.set = d.set) : 2 === i ? u.value = d : 3 === i ? u.get = d : 4 === i && (u.set = d), o ? 1 === i ? (e.push(function (e, t) {\n    return d.get.call(e, t);\n  }), e.push(function (e, t) {\n    return d.set.call(e, t);\n  })) : 2 === i ? e.push(d) : e.push(function (e, t) {\n    return d.call(e, t);\n  }) : Object.defineProperty(t, a, u));\n}\nfunction applyMemberDecs(e, t, r) {\n  for (var n, a, i, s = [], o = new Map(), c = new Map(), l = 0; l < t.length; l++) {\n    var u = t[l];\n    if (Array.isArray(u)) {\n      var f,\n        d,\n        p = u[1],\n        h = u[2],\n        v = u.length > 3,\n        y = 16 & p,\n        g = !!(8 & p),\n        m = r;\n      if (p &= 7, g ? (f = e, 0 !== p && (d = a = a || []), v && !i && (i = function i(t) {\n        return checkInRHS(t) === e;\n      }), m = i) : (f = e.prototype, 0 !== p && (d = n = n || [])), 0 !== p && !v) {\n        var b = g ? c : o,\n          I = b.get(h) || 0;\n        if (!0 === I || 3 === I && 4 !== p || 4 === I && 3 !== p) throw new Error(\"Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: \" + h);\n        b.set(h, !(!I && p > 2) || p);\n      }\n      applyMemberDec(s, f, u, y, h, p, g, v, d, m);\n    }\n  }\n  return pushInitializers(s, n), pushInitializers(s, a), s;\n}\nfunction pushInitializers(e, t) {\n  t && e.push(function (e) {\n    for (var r = 0; r < t.length; r++) t[r].call(e);\n    return e;\n  });\n}\nfunction applyClassDecs(e, t, r) {\n  if (t.length) {\n    for (var n = [], a = e, i = e.name, s = r ? 2 : 1, o = t.length - 1; o >= 0; o -= s) {\n      var c = {\n        v: !1\n      };\n      try {\n        var l = t[o].call(r ? t[o - 1] : void 0, a, {\n          kind: \"class\",\n          name: i,\n          addInitializer: createAddInitializerMethod(n, c)\n        });\n      } finally {\n        c.v = !0;\n      }\n      void 0 !== l && (assertValidReturnValue(5, l), a = l);\n    }\n    return [a, function () {\n      for (var e = 0; e < n.length; e++) n[e].call(a);\n    }];\n  }\n}\nexport default function applyDecs2305(e, t, r, n, a) {\n  return {\n    e: applyMemberDecs(e, t, a),\n    get c() {\n      return applyClassDecs(e, r, n);\n    }\n  };\n}","import _typeof from \"./typeof.js\";\nexport default function _checkInRHS(e) {\n  if (Object(e) !== e) throw TypeError(\"right-hand side of 'in' should be an object, got \" + (null !== e ? _typeof(e) : \"null\"));\n  return e;\n}","export default function _checkPrivateRedeclaration(obj, privateCollection) {\n  if (privateCollection.has(obj)) {\n    throw new TypeError(\"Cannot initialize the same private elements twice on an object\");\n  }\n}","export default function _classExtractFieldDescriptor(receiver, privateMap, action) {\n  if (!privateMap.has(receiver)) {\n    throw new TypeError(\"attempted to \" + action + \" private field on non-instance\");\n  }\n  return privateMap.get(receiver);\n}","import classApplyDescriptorGet from \"./classApplyDescriptorGet.js\";\nimport classExtractFieldDescriptor from \"./classExtractFieldDescriptor.js\";\nexport default function _classPrivateFieldGet(receiver, privateMap) {\n  var descriptor = classExtractFieldDescriptor(receiver, privateMap, \"get\");\n  return classApplyDescriptorGet(receiver, descriptor);\n}","export default function _classApplyDescriptorGet(receiver, descriptor) {\n  if (descriptor.get) {\n    return descriptor.get.call(receiver);\n  }\n  return descriptor.value;\n}","import checkPrivateRedeclaration from \"./checkPrivateRedeclaration.js\";\nexport default function _classPrivateFieldInitSpec(obj, privateMap, value) {\n  checkPrivateRedeclaration(obj, privateMap);\n  privateMap.set(obj, value);\n}","import classApplyDescriptorSet from \"./classApplyDescriptorSet.js\";\nimport classExtractFieldDescriptor from \"./classExtractFieldDescriptor.js\";\nexport default function _classPrivateFieldSet(receiver, privateMap, value) {\n  var descriptor = classExtractFieldDescriptor(receiver, privateMap, \"set\");\n  classApplyDescriptorSet(receiver, descriptor, value);\n  return value;\n}","export default function _classApplyDescriptorSet(receiver, descriptor, value) {\n  if (descriptor.set) {\n    descriptor.set.call(receiver, value);\n  } else {\n    if (!descriptor.writable) {\n      throw new TypeError(\"attempted to set read only private field\");\n    }\n    descriptor.value = value;\n  }\n}","export default function _typeof(o) {\n  \"@babel/helpers - typeof\";\n\n  return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) {\n    return typeof o;\n  } : function (o) {\n    return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o;\n  }, _typeof(o);\n}"],"names":["_CabinetNode","imageMap","containerGroupImg","virtualMachineImg","physicalMachineImg","virtualMachineWarningImg","physicalMachineWarningImg","pod","defineElement","property","createDecorators","_dec","styleTexts","variablesStyleText","styleText","_dec2","_dec3","_dec4","_dec5","type","Boolean","_A","WeakMap","_B","_C","_D","CabinetNode","ReactNextElement","constructor","arguments","_classPrivateFieldInitSpec","writable","value","_initProto","_init_type","_init_nodeTitle","_init_status","_init_isAlert","_classPrivateFieldGet","v","_classPrivateFieldSet","nodeTitle","status","isAlert","render","React","CabinetNodeElement","this","props","className","classNames","concat","src","alt","title","_class","e","c","_initClass","_applyDecs","hasOwn","hasOwnProperty","classes","i","length","arg","argType","push","Array","isArray","inner","apply","toString","Object","prototype","includes","key","call","join","module","exports","default","___CSS_LOADER_EXPORT___","id","cssWithMappingToString","list","map","item","content","needLayer","modules","media","dedupe","supports","layer","undefined","alreadyImportedModules","k","_k","createAddInitializerMethod","t","r","Error","assertNotFinished","assertCallable","assertInstanceIfPrivate","TypeError","memberDec","n","a","s","o","l","u","f","d","p","kind","name","h","addInitializer","get","set","y","bind","access","has","assertValidReturnValue","init","curryThis1","curryThis2","applyMemberDec","getOwnPropertyDescriptor","g","m","b","I","w","defineProperty","applyMemberDecs","Map","pushInitializers","applyDecs2305","applyClassDecs","_checkInRHS","_checkPrivateRedeclaration","obj","privateCollection","_classExtractFieldDescriptor","receiver","privateMap","action","descriptor","classExtractFieldDescriptor","_typeof","Symbol","iterator"],"sourceRoot":""}
+{"version":3,"file":"chunks/cabinet-node.a6b6ec50.js","mappings":"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","sources":["webpack:///./src/cabinet/cabinet-node/index.tsx","webpack:///../../node_modules/classnames/index.js","webpack:///./src/cabinet/cabinet-node/cabinet-node.shadow.css","webpack:///./src/data-view-variables.shadow.css","webpack:///../../node_modules/css-loader/dist/runtime/api.js","webpack:///../../node_modules/css-loader/dist/runtime/noSourceMaps.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/applyDecs2305.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/checkInRHS.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/checkPrivateRedeclaration.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classExtractFieldDescriptor.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateFieldGet.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classApplyDescriptorGet.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateFieldInitSpec.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateFieldSet.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classApplyDescriptorSet.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/typeof.js"],"sourcesContent":["import React from \"react\";\nimport { createDecorators } from \"@next-core/element\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport variablesStyleText from \"../../data-view-variables.shadow.css\";\nimport styleText from \"./cabinet-node.shadow.css\";\nimport classNames from \"classnames\";\nimport virtualMachineImg from \"../../asset/images/virtualMachine.png\";\nimport physicalMachineImg from \"../../asset/images/physicalMachine.png\";\nimport containerGroupImg from \"../../asset/images/containerGroup.png\";\nimport virtualMachineWarningImg from \"../../asset/images/virtualMachineWarning.png\";\nimport physicalMachineWarningImg from \"../../asset/images/physicalMachineWarning.png\";\nimport containerGroupWarningImg from \"../../asset/images/containerGroupWarning.png\";\nimport podImg from \"../../asset/images/pod.png\";\nimport podWarningImg from \"../../asset/images/podWarning.png\";\n\nconst imageMap = {\n  \"container-group\": containerGroupImg,\n  \"virtual-machine\": virtualMachineImg,\n  \"physical-machine\": physicalMachineImg,\n  \"container-group-warning\": containerGroupWarningImg,\n  \"virtual-machine-warning\": virtualMachineWarningImg,\n  \"physical-machine-warning\": physicalMachineWarningImg,\n  pod: podImg,\n  \"pod-warning\": podWarningImg,\n};\n\nconst { defineElement, property } = createDecorators();\n\nexport interface CabinetNodeProps {\n  type: \"container-group\" | \"physical-machine\" | \"virtual-machine\" | \"pod\";\n  nodeTitle: string;\n  status?: \"active\" | \"faded\";\n  isAlert?: boolean;\n}\n\n/**\n * cabinet子构件----节点\n * @author nlicroshan\n */\n@defineElement(\"data-view.cabinet-node\", {\n  styleTexts: [variablesStyleText, styleText],\n})\nclass CabinetNode extends ReactNextElement implements CabinetNodeProps {\n  /**\n   * @kind \"container-group\" | \"physical-machine\" | \"virtual-machine\"\n   * @required true\n   * @default\n   * @description 类型\n   */\n  @property()\n  accessor type:\n    | \"container-group\"\n    | \"physical-machine\"\n    | \"virtual-machine\"\n    | \"pod\";\n\n  /**\n   * @kind string\n   * @required true\n   * @default\n   * @description 标题\n   */\n  @property()\n  accessor nodeTitle: string;\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 boolean\n   * @required false\n   * @default\n   * @description 是否是告警态\n   */\n  @property({ type: Boolean })\n  accessor isAlert: boolean;\n\n  render() {\n    return (\n      <CabinetNodeElement\n        type={this.type}\n        nodeTitle={this.nodeTitle}\n        status={this.status}\n        isAlert={this.isAlert}\n      />\n    );\n  }\n}\n\nfunction CabinetNodeElement(props: CabinetNodeProps): React.ReactElement {\n  const { type, nodeTitle, status, isAlert } = props;\n\n  return (\n    <div\n      className={classNames(\n        \"container\",\n        type && `type-${type}`,\n        status && `status-${status}`\n      )}\n    >\n      <img\n        className=\"image\"\n        src={imageMap[`${type}${isAlert ? \"-warning\" : \"\"}`]}\n        alt={type}\n      />\n      <div className=\"node-title\" title={nodeTitle}>\n        {nodeTitle}\n      </div>\n    </div>\n  );\n}\n\nexport { CabinetNode };\n","/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\tvar nativeCodeString = '[native code]';\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{display:inline-block;width:100%}:host([hidden]){display:none}*,\n*::before,\n*::after{box-sizing:border-box}.container{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:opacity 0.5s}.image{width:100%;border:2px solid transparent}.node-title{width:100%;text-align:center;font-size:var(--normal-font-size);font-weight:var(--font-weight-400);color:var(--color-normal-text);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.type-container-group:hover .image,\n.type-container-group.status-active .image{box-shadow:inset 0 0 16px 0 #ff9900;border-color:#ff9900}.type-physical-machine:hover .image,\n.type-virtual-machine:hover .image,\n.type-physical-machine.status-active .image,\n.type-virtual-machine.status-active .image,\n.type-pod:hover .image,\n.type-type-pod.status-active .image{box-shadow:inset 0 0 16px 0 #50ffff;border-color:#50ffff}.status-faded{opacity:0.4}`, \"\"]);\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","\"use strict\";\n\n/*\n  MIT License http://www.opensource.org/licenses/mit-license.php\n  Author Tobias Koppers @sokra\n*/\nmodule.exports = function (cssWithMappingToString) {\n  var list = [];\n\n  // return the list of modules as css string\n  list.toString = function toString() {\n    return this.map(function (item) {\n      var content = \"\";\n      var needLayer = typeof item[5] !== \"undefined\";\n      if (item[4]) {\n        content += \"@supports (\".concat(item[4], \") {\");\n      }\n      if (item[2]) {\n        content += \"@media \".concat(item[2], \" {\");\n      }\n      if (needLayer) {\n        content += \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\");\n      }\n      content += cssWithMappingToString(item);\n      if (needLayer) {\n        content += \"}\";\n      }\n      if (item[2]) {\n        content += \"}\";\n      }\n      if (item[4]) {\n        content += \"}\";\n      }\n      return content;\n    }).join(\"\");\n  };\n\n  // import a list of modules into the list\n  list.i = function i(modules, media, dedupe, supports, layer) {\n    if (typeof modules === \"string\") {\n      modules = [[null, modules, undefined]];\n    }\n    var alreadyImportedModules = {};\n    if (dedupe) {\n      for (var k = 0; k < this.length; k++) {\n        var id = this[k][0];\n        if (id != null) {\n          alreadyImportedModules[id] = true;\n        }\n      }\n    }\n    for (var _k = 0; _k < modules.length; _k++) {\n      var item = [].concat(modules[_k]);\n      if (dedupe && alreadyImportedModules[item[0]]) {\n        continue;\n      }\n      if (typeof layer !== \"undefined\") {\n        if (typeof item[5] === \"undefined\") {\n          item[5] = layer;\n        } else {\n          item[1] = \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\").concat(item[1], \"}\");\n          item[5] = layer;\n        }\n      }\n      if (media) {\n        if (!item[2]) {\n          item[2] = media;\n        } else {\n          item[1] = \"@media \".concat(item[2], \" {\").concat(item[1], \"}\");\n          item[2] = media;\n        }\n      }\n      if (supports) {\n        if (!item[4]) {\n          item[4] = \"\".concat(supports);\n        } else {\n          item[1] = \"@supports (\".concat(item[4], \") {\").concat(item[1], \"}\");\n          item[4] = supports;\n        }\n      }\n      list.push(item);\n    }\n  };\n  return list;\n};","\"use strict\";\n\nmodule.exports = function (i) {\n  return i[1];\n};","import _typeof from \"./typeof.js\";\nimport checkInRHS from \"./checkInRHS.js\";\nfunction createAddInitializerMethod(e, t) {\n  return function (r) {\n    assertNotFinished(t, \"addInitializer\"), assertCallable(r, \"An initializer\"), e.push(r);\n  };\n}\nfunction assertInstanceIfPrivate(e, t) {\n  if (!e(t)) throw new TypeError(\"Attempted to access private element on non-instance\");\n}\nfunction memberDec(e, t, r, n, a, i, s, o, c, l) {\n  var u;\n  switch (i) {\n    case 1:\n      u = \"accessor\";\n      break;\n    case 2:\n      u = \"method\";\n      break;\n    case 3:\n      u = \"getter\";\n      break;\n    case 4:\n      u = \"setter\";\n      break;\n    default:\n      u = \"field\";\n  }\n  var f,\n    d,\n    p = {\n      kind: u,\n      name: o ? \"#\" + r : r,\n      \"static\": s,\n      \"private\": o\n    },\n    h = {\n      v: !1\n    };\n  if (0 !== i && (p.addInitializer = createAddInitializerMethod(a, h)), o || 0 !== i && 2 !== i) {\n    if (2 === i) f = function f(e) {\n      return assertInstanceIfPrivate(l, e), n.value;\n    };else {\n      var v = 0 === i || 1 === i;\n      (v || 3 === i) && (f = o ? function (e) {\n        return assertInstanceIfPrivate(l, e), n.get.call(e);\n      } : function (e) {\n        return n.get.call(e);\n      }), (v || 4 === i) && (d = o ? function (e, t) {\n        assertInstanceIfPrivate(l, e), n.set.call(e, t);\n      } : function (e, t) {\n        n.set.call(e, t);\n      });\n    }\n  } else f = function f(e) {\n    return e[r];\n  }, 0 === i && (d = function d(e, t) {\n    e[r] = t;\n  });\n  var y = o ? l.bind() : function (e) {\n    return r in e;\n  };\n  p.access = f && d ? {\n    get: f,\n    set: d,\n    has: y\n  } : f ? {\n    get: f,\n    has: y\n  } : {\n    set: d,\n    has: y\n  };\n  try {\n    return e.call(t, c, p);\n  } finally {\n    h.v = !0;\n  }\n}\nfunction assertNotFinished(e, t) {\n  if (e.v) throw new Error(\"attempted to call \" + t + \" after decoration was finished\");\n}\nfunction assertCallable(e, t) {\n  if (\"function\" != typeof e) throw new TypeError(t + \" must be a function\");\n}\nfunction assertValidReturnValue(e, t) {\n  var r = _typeof(t);\n  if (1 === e) {\n    if (\"object\" !== r || null === t) throw new TypeError(\"accessor decorators must return an object with get, set, or init properties or void 0\");\n    void 0 !== t.get && assertCallable(t.get, \"accessor.get\"), void 0 !== t.set && assertCallable(t.set, \"accessor.set\"), void 0 !== t.init && assertCallable(t.init, \"accessor.init\");\n  } else if (\"function\" !== r) {\n    var n;\n    throw n = 0 === e ? \"field\" : 5 === e ? \"class\" : \"method\", new TypeError(n + \" decorators must return a function or void 0\");\n  }\n}\nfunction curryThis1(e) {\n  return function () {\n    return e(this);\n  };\n}\nfunction curryThis2(e) {\n  return function (t) {\n    e(this, t);\n  };\n}\nfunction applyMemberDec(e, t, r, n, a, i, s, o, c, l) {\n  var u,\n    f,\n    d,\n    p,\n    h,\n    v,\n    y = r[0];\n  n || Array.isArray(y) || (y = [y]), o ? u = 0 === i || 1 === i ? {\n    get: curryThis1(r[3]),\n    set: curryThis2(r[4])\n  } : 3 === i ? {\n    get: r[3]\n  } : 4 === i ? {\n    set: r[3]\n  } : {\n    value: r[3]\n  } : 0 !== i && (u = Object.getOwnPropertyDescriptor(t, a)), 1 === i ? d = {\n    get: u.get,\n    set: u.set\n  } : 2 === i ? d = u.value : 3 === i ? d = u.get : 4 === i && (d = u.set);\n  for (var g = n ? 2 : 1, m = y.length - 1; m >= 0; m -= g) {\n    var b;\n    if (void 0 !== (p = memberDec(y[m], n ? y[m - 1] : void 0, a, u, c, i, s, o, d, l))) assertValidReturnValue(i, p), 0 === i ? b = p : 1 === i ? (b = p.init, h = p.get || d.get, v = p.set || d.set, d = {\n      get: h,\n      set: v\n    }) : d = p, void 0 !== b && (void 0 === f ? f = b : \"function\" == typeof f ? f = [f, b] : f.push(b));\n  }\n  if (0 === i || 1 === i) {\n    if (void 0 === f) f = function f(e, t) {\n      return t;\n    };else if (\"function\" != typeof f) {\n      var I = f;\n      f = function f(e, t) {\n        for (var r = t, n = I.length - 1; n >= 0; n--) r = I[n].call(e, r);\n        return r;\n      };\n    } else {\n      var w = f;\n      f = function f(e, t) {\n        return w.call(e, t);\n      };\n    }\n    e.push(f);\n  }\n  0 !== i && (1 === i ? (u.get = d.get, u.set = d.set) : 2 === i ? u.value = d : 3 === i ? u.get = d : 4 === i && (u.set = d), o ? 1 === i ? (e.push(function (e, t) {\n    return d.get.call(e, t);\n  }), e.push(function (e, t) {\n    return d.set.call(e, t);\n  })) : 2 === i ? e.push(d) : e.push(function (e, t) {\n    return d.call(e, t);\n  }) : Object.defineProperty(t, a, u));\n}\nfunction applyMemberDecs(e, t, r) {\n  for (var n, a, i, s = [], o = new Map(), c = new Map(), l = 0; l < t.length; l++) {\n    var u = t[l];\n    if (Array.isArray(u)) {\n      var f,\n        d,\n        p = u[1],\n        h = u[2],\n        v = u.length > 3,\n        y = 16 & p,\n        g = !!(8 & p),\n        m = r;\n      if (p &= 7, g ? (f = e, 0 !== p && (d = a = a || []), v && !i && (i = function i(t) {\n        return checkInRHS(t) === e;\n      }), m = i) : (f = e.prototype, 0 !== p && (d = n = n || [])), 0 !== p && !v) {\n        var b = g ? c : o,\n          I = b.get(h) || 0;\n        if (!0 === I || 3 === I && 4 !== p || 4 === I && 3 !== p) throw new Error(\"Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: \" + h);\n        b.set(h, !(!I && p > 2) || p);\n      }\n      applyMemberDec(s, f, u, y, h, p, g, v, d, m);\n    }\n  }\n  return pushInitializers(s, n), pushInitializers(s, a), s;\n}\nfunction pushInitializers(e, t) {\n  t && e.push(function (e) {\n    for (var r = 0; r < t.length; r++) t[r].call(e);\n    return e;\n  });\n}\nfunction applyClassDecs(e, t, r) {\n  if (t.length) {\n    for (var n = [], a = e, i = e.name, s = r ? 2 : 1, o = t.length - 1; o >= 0; o -= s) {\n      var c = {\n        v: !1\n      };\n      try {\n        var l = t[o].call(r ? t[o - 1] : void 0, a, {\n          kind: \"class\",\n          name: i,\n          addInitializer: createAddInitializerMethod(n, c)\n        });\n      } finally {\n        c.v = !0;\n      }\n      void 0 !== l && (assertValidReturnValue(5, l), a = l);\n    }\n    return [a, function () {\n      for (var e = 0; e < n.length; e++) n[e].call(a);\n    }];\n  }\n}\nexport default function applyDecs2305(e, t, r, n, a) {\n  return {\n    e: applyMemberDecs(e, t, a),\n    get c() {\n      return applyClassDecs(e, r, n);\n    }\n  };\n}","import _typeof from \"./typeof.js\";\nexport default function _checkInRHS(e) {\n  if (Object(e) !== e) throw TypeError(\"right-hand side of 'in' should be an object, got \" + (null !== e ? _typeof(e) : \"null\"));\n  return e;\n}","export default function _checkPrivateRedeclaration(obj, privateCollection) {\n  if (privateCollection.has(obj)) {\n    throw new TypeError(\"Cannot initialize the same private elements twice on an object\");\n  }\n}","export default function _classExtractFieldDescriptor(receiver, privateMap, action) {\n  if (!privateMap.has(receiver)) {\n    throw new TypeError(\"attempted to \" + action + \" private field on non-instance\");\n  }\n  return privateMap.get(receiver);\n}","import classApplyDescriptorGet from \"./classApplyDescriptorGet.js\";\nimport classExtractFieldDescriptor from \"./classExtractFieldDescriptor.js\";\nexport default function _classPrivateFieldGet(receiver, privateMap) {\n  var descriptor = classExtractFieldDescriptor(receiver, privateMap, \"get\");\n  return classApplyDescriptorGet(receiver, descriptor);\n}","export default function _classApplyDescriptorGet(receiver, descriptor) {\n  if (descriptor.get) {\n    return descriptor.get.call(receiver);\n  }\n  return descriptor.value;\n}","import checkPrivateRedeclaration from \"./checkPrivateRedeclaration.js\";\nexport default function _classPrivateFieldInitSpec(obj, privateMap, value) {\n  checkPrivateRedeclaration(obj, privateMap);\n  privateMap.set(obj, value);\n}","import classApplyDescriptorSet from \"./classApplyDescriptorSet.js\";\nimport classExtractFieldDescriptor from \"./classExtractFieldDescriptor.js\";\nexport default function _classPrivateFieldSet(receiver, privateMap, value) {\n  var descriptor = classExtractFieldDescriptor(receiver, privateMap, \"set\");\n  classApplyDescriptorSet(receiver, descriptor, value);\n  return value;\n}","export default function _classApplyDescriptorSet(receiver, descriptor, value) {\n  if (descriptor.set) {\n    descriptor.set.call(receiver, value);\n  } else {\n    if (!descriptor.writable) {\n      throw new TypeError(\"attempted to set read only private field\");\n    }\n    descriptor.value = value;\n  }\n}","export default function _typeof(o) {\n  \"@babel/helpers - typeof\";\n\n  return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) {\n    return typeof o;\n  } : function (o) {\n    return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o;\n  }, _typeof(o);\n}"],"names":["_CabinetNode","imageMap","containerGroupImg","virtualMachineImg","physicalMachineImg","virtualMachineWarningImg","physicalMachineWarningImg","pod","defineElement","property","createDecorators","_dec","styleTexts","variablesStyleText","styleText","_dec2","_dec3","_dec4","_dec5","type","Boolean","_A","WeakMap","_B","_C","_D","CabinetNode","ReactNextElement","constructor","arguments","_classPrivateFieldInitSpec","writable","value","_initProto","_init_type","_init_nodeTitle","_init_status","_init_isAlert","_classPrivateFieldGet","v","_classPrivateFieldSet","nodeTitle","status","isAlert","render","React","CabinetNodeElement","this","props","className","classNames","concat","src","alt","title","_class","e","c","_initClass","_applyDecs","hasOwn","hasOwnProperty","classes","i","length","arg","argType","push","Array","isArray","inner","apply","toString","Object","prototype","includes","key","call","join","module","exports","default","___CSS_LOADER_EXPORT___","id","cssWithMappingToString","list","map","item","content","needLayer","modules","media","dedupe","supports","layer","undefined","alreadyImportedModules","k","_k","createAddInitializerMethod","t","r","Error","assertNotFinished","assertCallable","assertInstanceIfPrivate","TypeError","memberDec","n","a","s","o","l","u","f","d","p","kind","name","h","addInitializer","get","set","y","bind","access","has","assertValidReturnValue","init","curryThis1","curryThis2","applyMemberDec","getOwnPropertyDescriptor","g","m","b","I","w","defineProperty","applyMemberDecs","Map","pushInitializers","applyDecs2305","applyClassDecs","_checkInRHS","_checkPrivateRedeclaration","obj","privateCollection","_classExtractFieldDescriptor","receiver","privateMap","action","descriptor","classExtractFieldDescriptor","_typeof","Symbol","iterator"],"sourceRoot":""}

package/dist/chunks/cabinet-thumbnail.9d80efaa.js.map

@@ -1 +1 @@
-{"version":3,"file":"chunks/cabinet-thumbnail.9d80efaa.js","mappings":";+NAoBEA,0IAPIC,GAAyBC,EAAAA,EAAAA,WAC7B,gCAEI,cAAEC,EAAa,SAAEC,IAAaC,EAAAA,EAAAA,oBAE9BC,GAAcJ,EAAAA,EAAAA,WAClB,0BACAK,EAqBDJ,EAAc,8BAA+B,CAC5CK,WAAY,CAACC,EAAAA,EAAeC,EAAAA,KAC5BC,EAWCP,EAAS,CAAEQ,WAAW,IAAQC,EAS9BT,EAAS,CAAEU,KAAMC,SAASC,EAS1BZ,IAAU,IAAAa,EAAA,IAAAC,QAAAC,EAAA,IAAAD,QAAAE,EAAA,IAAAF,QA/Bb,MAAAG,UAIUC,EAAAA,iBAEVC,cAAA,SAAAC,YACEC,EAAAA,EAAAA,GAAA,KAAAR,EAAA,CAAAS,UAAA,EAAAC,OAAAC,EAAA,MAAAC,EAAA,KAOgC,QAEhCJ,EAAAA,EAAAA,GAAA,KAAAN,EAAA,CAAAO,UAAA,EAAAC,MAAAG,EAAA,KAO2B,MAE3BL,EAAAA,EAAAA,GAAA,KAAAL,EAAA,CAAAM,UAAA,EAAAC,MAAAI,EAAA,QAXSC,eAAQ,OAAAC,EAAAA,EAAAA,GAAA,KAAAhB,EAAA,CAARe,aAAQE,IAAAC,EAAAA,EAAAA,GAAA,KAAAlB,EAAAiB,EAAA,CASRE,cAAO,OAAAH,EAAAA,EAAAA,GAAA,KAAAd,EAAA,CAAPiB,YAAOF,IAAAC,EAAAA,EAAAA,GAAA,KAAAhB,EAAAe,EAAA,CASPG,cAAO,OAAAJ,EAAAA,EAAAA,GAAA,KAAAb,EAAA,CAAPiB,YAAOH,IAAAC,EAAAA,EAAAA,GAAA,KAAAf,EAAAc,EAAA,CAEhBI,SACE,OACEC,IAAAA,cAACC,EAAyB,CACxBR,SAAUS,KAAKT,SACfI,QAASK,KAAKL,QACdC,QAASI,KAAKJ,SAGpB,EAGK,SAASG,EACdE,GAEA,IAAM,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,IAAMiB,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,OAAKC,EAAAA,EAAAA,GAAA,GACClB,EAAQ,CAAEmB,UAAW,SAAFC,OAAWpB,EAAK,MAAQ,CAAC,IAGlDP,IAAAA,cAACtC,EAAsB,CAAC6D,UAAU,WAAWK,SAAU9B,IACvDE,IAAAA,cAAA,OAAKuB,UAAU,UACZ9B,EAASoC,KAAI,CAACC,EAAMC,IACnB/B,IAAAA,cAAA,OAAKuB,UAAU,iBAAiBS,IAAKD,GACnC/B,IAAAA,cAAA,OACEuB,UAAWU,IAAW,mBAAoB,CACxCC,qBACgB,SAAdJ,EAAKvD,MAAiC,aAAduD,EAAKvD,KAC/B4D,oBAAmC,QAAdL,EAAKvD,QAG5ByB,IAAAA,cAAA,OAAKuB,UAAU,kBACbvB,IAAAA,cAAA,OACEuB,UAAU,uBACVC,MAAO,CAAEY,oBAAqB,UAAFT,OAAY9B,EAAO,WAE9CiC,EAAKO,KAAKR,KAAI,CAACS,EAAMP,IACpB/B,IAAAA,cAAA,OAAKgC,IAAKD,EAAOR,UAAU,eACzBvB,IAAAA,cAACjC,EAAW,CACVQ,KAAM+D,EAAK/D,KACXgE,UAAWD,EAAKC,iBAM1BvC,IAAAA,cAAA,OAAKuB,UAAU,gBACbvB,IAAAA,cAAA,OAAKuB,UAAU,SAASO,EAAKU,cAS/C,CArECC,EAAA3D,IAAA4D,GAAApD,EAAAC,EAAAC,EAAAH,GAAAsD,GAAAlF,EAAAmF,KAAAC,EAAAA,EAAAA,GAAAJ,EAAA,EAAArE,EAAA,eAAAE,EAAA,cAAAG,EAAA,eAAAT,GAAA,SAvCSe,EAAAA,mBAAgB6D,4FCzCpBE,EAAmB,IAAIC,IAcvBC,EAAiC,IAAKC,EAAAA,GAPZC,IAC9BA,EAAQC,SAASC,IAAU,IAAAC,GACnB,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,EACd/D,GAEA,IAAM,UACJgE,EAAS,SACTC,GACEjE,GAAS,CAAC,EAERkE,GAAWhE,EAAAA,EAAAA,UACXiB,EAAM6C,QAAAA,EAAaE,GAClBJ,EAAMK,IAAW7D,EAAAA,EAAAA,UAAsB,CAAEO,YAAa,EAAGE,aAAc,IAExEqD,GAAeC,EAAAA,EAAAA,cAClBpB,IACC,IAAM,OAAEE,GAAWF,GACb,YAAEpC,EAAc,EAAC,aAAEE,EAAe,GAAMoC,EAE9CgB,GAASG,GAEHA,EAAKzD,cAAgBA,GAAeyD,EAAKvD,eAAiBA,EACrDuD,GAGTL,SAAAA,EAAWhB,GAEJ,CAAEpC,cAAaE,kBACtB,GAEJ,CAACkD,IAoBH,OAjBAM,EAAAA,EAAAA,YAAU,KACR,GACiB,iBAARpD,GACC,OAARA,KACEA,EAAIP,mBAAmB4D,SAEzB,MAAM,IAAIC,MAAM,0CAGlB,IAAMlB,EAAUpC,EAAIP,QAGpB,OAFA0C,EAAQC,EAASa,GAEV,KACLR,EAAUL,EAASa,EAAa,CACjC,GACA,CAACA,EAAcjD,IAEX,CAACA,GAAGG,EAAAA,EAAAA,GAAA,GAAOwC,GACpB,CCnEQ,SAAStD,EAAe0B,GAC5B,IAAMf,GAAMjB,EAAAA,EAAAA,UAIZ,OAHAqE,EAAAA,EAAAA,YAAU,KACNpD,EAAIP,QAAUsB,CAAI,IAEff,EAAIP,OACf,gBCPA,OAOC,WACA,aAEA,IAAI8D,EAAS,CAAC,EAAEC,eAGhB,SAAS7C,IAGR,IAFA,IAAI8C,EAAU,GAELC,EAAI,EAAGA,EAAI/F,UAAU4B,OAAQmE,IAAK,CAC1C,IAAIC,EAAMhG,UAAU+F,GACpB,GAAKC,EAAL,CAEA,IAAIC,SAAiBD,EAErB,GAAgB,WAAZC,GAAoC,WAAZA,EAC3BH,EAAQI,KAAKF,QACP,GAAIG,MAAMC,QAAQJ,IACxB,GAAIA,EAAIpE,OAAQ,CACf,IAAIyE,EAAQrD,EAAWsD,MAAM,KAAMN,GAC/BK,GACHP,EAAQI,KAAKG,EAEf,OACM,GAAgB,WAAZJ,EAAsB,CAChC,GAAID,EAAIO,WAAaC,OAAOC,UAAUF,WAAaP,EAAIO,SAASA,WAAWG,SAAS,iBAAkB,CACrGZ,EAAQI,KAAKF,EAAIO,YACjB,QACD,CAEA,IAAK,IAAIxD,KAAOiD,EACXJ,EAAOe,KAAKX,EAAKjD,IAAQiD,EAAIjD,IAChC+C,EAAQI,KAAKnD,EAGhB,CAxBkB,CAyBnB,CAEA,OAAO+C,EAAQc,KAAK,IACrB,CAEqCC,EAAOC,SAC3C9D,EAAW+D,QAAU/D,EACrB6D,EAAOC,QAAU9D,QAKhB,KAFwB,EAAF,WACtB,OAAOA,CACP,UAFoB,OAEpB,YAIH,CApDA,kFCJIgE,QAA0B,GAA4B,KAE1DA,EAAwBd,KAAK,CAACW,EAAOI,GAAI,skDAGq8C,KAE9+C,QAAeD,EAAwBT,0FCPnCS,QAA0B,GAA4B,KAE1DA,EAAwBd,KAAK,CAACW,EAAOI,GAAI,sgIAAugI,KAEhjI,QAAeD,EAAwBT","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:///../../node_modules/classnames/index.js","webpack:///./src/cabinet/cabinet-thumbnail/cabinet-thumbnail.shadow.css","webpack:///./src/data-view-variables.shadow.css"],"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 * @id data-view.cabinet-thumbnail\n * @name data-view.cabinet-thumbnail\n * @docKind brick\n * @description 应用墙缩略图\n * @author astrid\n * @noInheritDoc\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","/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\tvar nativeCodeString = '[native code]';\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `*,\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"],"names":["_CabinetThumbnail","WrappedCabinetAppLayer","wrapBrick","defineElement","property","createDecorators","WrappedNode","_dec","styleTexts","variablesText","styleText","_dec2","attribute","_dec3","type","Number","_dec4","_A","WeakMap","_B","_C","CabinetThumbnail","ReactNextElement","constructor","arguments","_classPrivateFieldInitSpec","writable","value","_initProto","_init_clusters","_init_columns","_init_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","_objectSpread","transform","concat","appTitle","map","item","index","key","classNames","clusterHostContainer","clusterK8sContainer","gridTemplateColumns","data","node","nodeTitle","title","_class","e","c","_initClass","_applyDecs","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","hasOwn","hasOwnProperty","classes","i","arg","argType","push","Array","isArray","inner","apply","toString","Object","prototype","includes","call","join","module","exports","default","___CSS_LOADER_EXPORT___","id"],"sourceRoot":""}
+{"version":3,"file":"chunks/cabinet-thumbnail.9d80efaa.js","mappings":"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","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:///../../node_modules/classnames/index.js","webpack:///./src/cabinet/cabinet-thumbnail/cabinet-thumbnail.shadow.css","webpack:///./src/data-view-variables.shadow.css"],"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","/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\tvar nativeCodeString = '[native code]';\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `*,\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"],"names":["_CabinetThumbnail","WrappedCabinetAppLayer","wrapBrick","defineElement","property","createDecorators","WrappedNode","_dec","styleTexts","variablesText","styleText","_dec2","attribute","_dec3","type","Number","_dec4","_A","WeakMap","_B","_C","CabinetThumbnail","ReactNextElement","constructor","arguments","_classPrivateFieldInitSpec","writable","value","_initProto","_init_clusters","_init_columns","_init_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","_objectSpread","transform","concat","appTitle","map","item","index","key","classNames","clusterHostContainer","clusterK8sContainer","gridTemplateColumns","data","node","nodeTitle","title","_class","e","c","_initClass","_applyDecs","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","hasOwn","hasOwnProperty","classes","i","arg","argType","push","Array","isArray","inner","apply","toString","Object","prototype","includes","call","join","module","exports","default","___CSS_LOADER_EXPORT___","id"],"sourceRoot":""}