@next-bricks/data-view 1.0.5 → 1.0.7

package/dist/chunks/{modern-style-treemap.75d29afd.js.map → modern-style-treemap.56a38581.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chunks/modern-style-treemap.75d29afd.js","mappings":"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","sources":["webpack:///./src/modern-style-treemap/index.tsx","webpack:///../../node_modules/classnames/index.js","webpack:///./src/data-view-variables.shadow.css"],"sourcesContent":["import React, { MouseEvent, CSSProperties, useMemo, useState } from \"react\";\nimport { createDecorators, EventEmitter } from \"@next-core/element\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport type { UseBrickConf } from \"@next-core/types\";\nimport { ReactUseMultipleBricks } from \"@next-core/react-runtime\";\nimport {\n  treemap,\n  hierarchy,\n  treemapBinary,\n  treemapDice,\n  treemapResquarify,\n  treemapSlice,\n  treemapSliceDice,\n  treemapSquarify,\n} from \"d3-hierarchy\";\nimport variablesStyleText from \"../data-view-variables.shadow.css\";\nimport styleText from \"./modern-style-treemap.shadow.css\";\nimport { useResizeObserver } from \"../hooks/index.js\";\nimport { debounceByAnimationFrame } from \"@next-shared/general/debounceByAnimationFrame\";\nimport { keyBy } from \"lodash\";\nimport classNames from \"classnames\";\n\nconst { defineElement, property, event } = createDecorators();\n\nenum TailTypes {\n  treemapBinary = \"treemapBinary\",\n  treemapDice = \"treemapDice\",\n  treemapResquarify = \"treemapResquarify\",\n  treemapSlice = \"treemapSlice\",\n  treemapSliceDice = \"treemapSliceDice\",\n  treemapSquarify = \"treemapSquarify\",\n}\n\ntype TreemapData = {\n  name: string;\n  value?: number;\n  children?: TreemapData[];\n};\n\ninterface ModernStyleTreemapProps {\n  data: TreemapData;\n  tail?: TailTypes;\n  leafUseBrick?: { useBrick: UseBrickConf };\n  leafContainerStyle?: CSSProperties;\n  tooltipUseBrick?: { useBrick: UseBrickConf };\n  tooltipStyle?: CSSProperties;\n  handleClick?: (value: TreemapData) => void;\n}\n\n/**\n * 现代风树图\n * @author nlicroshan\n * @category big-screen-content\n */\n@defineElement(\"data-view.modern-style-treemap\", {\n  styleTexts: [variablesStyleText, styleText],\n})\nclass ModernStyleTreemap\n  extends ReactNextElement\n  implements ModernStyleTreemapProps\n{\n  /**\n   * @kind TreemapData\n   * @required true\n   * @default -\n   * @description 数据\n   */\n  @property({\n    attribute: false,\n  })\n  accessor data: TreemapData;\n\n  /**\n   * @kind TailTypes\n   * @required false\n   * @default treemapSquarify\n   * @description 平铺方法\n   */\n  @property({\n    attribute: false,\n  })\n  accessor tail: TailTypes = TailTypes[\"treemapSquarify\"];\n\n  /**\n   * @kind { useBrick: UseBrickConf }\n   * @required false\n   * @default -\n   * @description 叶子节点useBrick\n   */\n  @property({\n    attribute: false,\n  })\n  accessor leafUseBrick: { useBrick: UseBrickConf };\n\n  /**\n   * @kind CSSProperties\n   * @required false\n   * @default -\n   * @description 叶子节点容器样式\n   */\n  @property({\n    attribute: false,\n  })\n  accessor leafContainerStyle: CSSProperties;\n\n  /**\n   * @kind { useBrick: UseBrickConf }\n   * @required false\n   * @default -\n   * @description tooltip useBrick\n   */\n  @property({\n    attribute: false,\n  })\n  accessor tooltipUseBrick: { useBrick: UseBrickConf };\n\n  /**\n   * @kind CSSProperties\n   * @required false\n   * @default -\n   * @description tooltip容器样式\n   */\n  @property({\n    attribute: false,\n  })\n  accessor tooltipStyle: CSSProperties;\n\n  /**\n   * @detail\n   * @description 点击事件\n   */\n  @event({ type: \"treemap.click\" })\n  accessor #onClickEvent!: EventEmitter<TreemapData>;\n\n  #handleClick = (value: TreemapData) => {\n    this.#onClickEvent.emit(value);\n  };\n\n  render() {\n    return (\n      <ModernStyleTreemapElement\n        data={this.data}\n        tail={this.tail}\n        leafUseBrick={this.leafUseBrick}\n        leafContainerStyle={this.leafContainerStyle}\n        tooltipUseBrick={this.tooltipUseBrick}\n        tooltipStyle={this.tooltipStyle}\n        handleClick={this.#handleClick}\n      />\n    );\n  }\n}\n\nconst tailMap = {\n  [TailTypes[\"treemapBinary\"]]: treemapBinary,\n  [TailTypes[\"treemapDice\"]]: treemapDice,\n  [TailTypes[\"treemapResquarify\"]]: treemapResquarify,\n  [TailTypes[\"treemapSlice\"]]: treemapSlice,\n  [TailTypes[\"treemapSliceDice\"]]: treemapSliceDice,\n  [TailTypes[\"treemapSquarify\"]]: treemapSquarify,\n};\n\nfunction ModernStyleTreemapElement(\n  props: ModernStyleTreemapProps\n): React.ReactElement {\n  const {\n    data,\n    tail,\n    leafUseBrick,\n    leafContainerStyle,\n    tooltipUseBrick,\n    tooltipStyle,\n    handleClick,\n  } = props;\n\n  const [\n    wrapperRef,\n    { clientWidth: wrapperWidth, clientHeight: wrapperHeight },\n  ] = useResizeObserver<HTMLDivElement>();\n  const [tooltipRef, { clientHeight: tooltipHeight }] =\n    useResizeObserver<HTMLDivElement>();\n  const [mouseData, setMouseData] = useState<{\n    clientX: number;\n    clientY: number;\n    name?: string;\n  }>({ clientX: 0, clientY: 0 });\n  const [tooltipPosition, setTooltipPosition] = useState<string>();\n\n  const tooltipTransform = useMemo(() => {\n    if (!wrapperRef.current) return undefined;\n    const wrapperClientRect = wrapperRef.current.getBoundingClientRect();\n    // 缩放比例\n    const widthScale = wrapperClientRect.width / wrapperRef.current.clientWidth;\n    const heightScale =\n      wrapperClientRect.height / wrapperRef.current.clientHeight;\n    // 缩放后的偏移\n    let scaledLeft, placement;\n    const left = mouseData.clientX - wrapperClientRect.left;\n    let scaledTop = mouseData.clientY - wrapperClientRect.top;\n    const right = wrapperClientRect.right - mouseData.clientX;\n    const bottom = wrapperClientRect.bottom - mouseData.clientY;\n    // 处理边界问题\n    const { width, height } = tooltipRef.current.getBoundingClientRect();\n    scaledLeft = left + 16;\n    if (right < width) {\n      scaledLeft = left - width - 16;\n      placement = \"right\";\n    }\n    if (left < width) {\n      placement = \"left\";\n    }\n    if (bottom < height / 2 || scaledTop < height / 2) {\n      const topOrBottom = bottom < height / 2 ? \"bottom\" : \"top\";\n      scaledTop =\n        bottom < height / 2\n          ? scaledTop - height / 2 - 16\n          : scaledTop + height / 2 + 16;\n      if (placement === \"left\" && left - width / 2 < 0) {\n        placement = `${topOrBottom}-left`;\n        scaledLeft = left;\n      } else if (placement === \"right\" && right - width / 2 < 0) {\n        placement = `${topOrBottom}-right`;\n        scaledLeft = left - width;\n      } else {\n        placement = topOrBottom;\n        scaledLeft = left - width / 2;\n      }\n    }\n    setTooltipPosition(placement);\n    // 实际偏移\n    return {\n      left: `${scaledLeft / widthScale}px`,\n      top: `${scaledTop / heightScale - tooltipHeight / 2}px`,\n    };\n  }, [\n    wrapperRef,\n    mouseData.clientX,\n    mouseData.clientY,\n    tooltipRef,\n    tooltipHeight,\n  ]);\n\n  const hierarchyNode = useMemo(() => {\n    return hierarchy(data)\n      .sum((d) => d.value)\n      .sort((a, b) => b.value - a.value);\n  }, [data]);\n\n  const tm = useMemo(() => {\n    return treemap<TreemapData>()\n      .tile(tailMap[tail])\n      .size([wrapperWidth, wrapperHeight])\n      .padding(1)\n      .round(true);\n  }, [tail, wrapperWidth, wrapperHeight]);\n\n  const [leaves, leavesMap] = useMemo(() => {\n    // 这里只要hierarchyNode不变化，即使tm更新了，root、leaves还是同一个对象\n    const root = tm(hierarchyNode);\n    // 这里使用解构让leaves里面每个node变成新对象\n    const _leaves = root.leaves().map((v: any) => ({ ...v }));\n    return [_leaves, keyBy(_leaves, \"data.name\")];\n  }, [tm, hierarchyNode]);\n\n  const leavesNode = useMemo(() => {\n    return leaves.map((d) => {\n      const top = d.y0,\n        left = d.x0,\n        width = d.x1 - d.x0,\n        height = d.y1 - d.y0;\n\n      return (\n        <div\n          key={d.data.name}\n          className=\"treemap-leaf\"\n          data-leaf-id={d.data.name}\n          style={{\n            ...leafContainerStyle,\n            top: 0,\n            left: 0,\n            transform: `translate(${left}px, ${top}px)`,\n            width,\n            height,\n          }}\n          onClick={() => handleClick?.(d.data)}\n        >\n          {leafUseBrick?.useBrick && (\n            <ReactUseMultipleBricks useBrick={leafUseBrick.useBrick} data={d} />\n          )}\n        </div>\n      );\n    });\n  }, [handleClick, leafContainerStyle, leafUseBrick.useBrick, leaves]);\n\n  const curTooltipData = useMemo(() => {\n    return { ...leavesMap[mouseData.name] };\n  }, [leavesMap, mouseData.name]);\n\n  const handleMouseMove = useMemo(() => {\n    return debounceByAnimationFrame((e: MouseEvent<HTMLDivElement>) => {\n      const curLeaf = (e.target as HTMLDivElement).closest(\".treemap-leaf\");\n      const curName = curLeaf?.getAttribute(\"data-leaf-id\");\n      setMouseData((pre) => {\n        return {\n          clientX: e.clientX,\n          clientY: e.clientY,\n          name: curLeaf ? curName : pre.name,\n        };\n      });\n    });\n  }, []);\n\n  return (\n    <div className=\"wrapper\">\n      <div\n        className=\"treemap\"\n        ref={wrapperRef}\n        onMouseMove={handleMouseMove}\n        onMouseEnter={() => {\n          tooltipRef.current.style.visibility = \"visible\";\n        }}\n        onMouseLeave={() => {\n          tooltipRef.current.style.visibility = \"hidden\";\n        }}\n      >\n        {leavesNode}\n      </div>\n      <div\n        className={classNames(\"tooltip\", {\n          bottom: tooltipPosition === \"bottom\",\n          bottomRight: tooltipPosition === \"bottom-right\",\n          bottomLeft: tooltipPosition === \"bottom-left\",\n          topLeft: tooltipPosition === \"top-left\",\n          topRight: tooltipPosition === \"top-right\",\n          top: tooltipPosition === \"top\",\n          right: tooltipPosition === \"right\",\n        })}\n        style={{\n          ...tooltipStyle,\n          ...tooltipTransform,\n        }}\n        ref={tooltipRef}\n      >\n        {tooltipUseBrick?.useBrick && (\n          <ReactUseMultipleBricks\n            useBrick={tooltipUseBrick.useBrick}\n            data={curTooltipData}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport { ModernStyleTreemap };\n","/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\tvar nativeCodeString = '[native code]';\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{--palette-rgba-white-1:rgba(255,255,255,10%);--palette-rgba-white-2:rgba(255,255,255,20%);--palette-rgba-white-3:rgba(255,255,255,30%);--palette-rgba-white-4:rgba(255,255,255,40%);--palette-rgba-white-5:rgba(255,255,255,50%);--palette-rgba-white-6:rgba(255,255,255,60%);--palette-rgba-white-7:rgba(255,255,255,70%);--palette-rgba-white-8:rgba(255,255,255,80%);--palette-rgba-white-9:rgba(255,255,255,90%);--palette-rgba-white-10:rgba(255,255,255,100%);--palette-rgba-gray-1:rgba(0,0,0,10%);--palette-rgba-gray-2:rgba(0,0,0,20%);--palette-rgba-gray-3:rgba(0,0,0,30%);--palette-rgba-gray-4:rgba(0,0,0,40%);--palette-rgba-gray-5:rgba(0,0,0,50%);--palette-rgba-gray-6:rgba(0,0,0,60%);--palette-rgba-gray-7:rgba(0,0,0,70%);--palette-rgba-gray-8:rgba(0,0,0,80%);--palette-rgba-gray-9:rgba(0,0,0,90%);--palette-rgba-gray-10:rgba(0,0,0,100%);--palette-rgba-blue-gray-2:rgba(101,106,134,20%);--palette-rgba-blue-gray-3:rgba(101,106,134,30%);--palette-rgba-blue-gray-8:rgba(101,106,134,80%);--palette-tech-blue-4-channel:67,127,255;--palette-tech-blue-4:rgb(var(--palette-tech-blue-4-channel));--palette-tech-blue-6-channel:51,102,255;--palette-tech-blue-6:rgb(var(--palette-tech-blue-6-channel));--palette-tech-blue-8-channel:40,69,159;--palette-tech-blue-8:rgb(var(--palette-tech-blue-8-channel));--palette-sea-green-4-channel:131,245,225;--palette-sea-green-4:rgb(var(--palette-sea-green-4-channel));--palette-green-6-channel:81,235,73;--palette-green-6:rgb(var(--palette-green-6-channel));--palette-green-2:rgba(var(--palette-green-6-channel),20%);--palette-lotus-pink-7-channel:204,0,102;--palette-lotus-pink-7:rgb(var(--palette-lotus-pink-7-channel));--palette-red-6-channel:242,39,39;--palette-red-6:rgb(var(--palette-red-6-channel));--palette-red-2:rgba(var(--palette-red-6-channel),20%);--color-fill-global-bg:#0f1014;--color-fill-bg-container-1:var(--palette-rgba-white-1);--color-fill-bg-container-2:var(--palette-rgba-blue-gray-2);--color-fill-bg-container-3:var(--palette-rgba-blue-gray-8);--color-fill-bg-base-1:var(--palette-rgba-blue-gray-2);--color-fill-bg-base-2:rgba(15,16,20,0%);--color-fill-bg-base-3:rgba(0,0,0,20%);--color-fill-bg-base-4:rgba(40,46,58,100%);--color-fill-bg-base-5:rgba(19,25,47,80%);--color-fill-bg-base-6:var(--palette-rgba-blue-gray-3);--color-brand:var(--palette-tech-blue-6);--color-brand-hover:var(--palette-tech-blue-4);--color-brand-active:var(--palette-tech-blue-8);--color-contrast-1:var(--palette-sea-green-4);--color-error:var(--palette-red-6);--color-error-bg:var(--palette-red-2);--color-success:var(--palette-green-6);--color-success-bg:var(--palette-green-2);--color-header-text-big:var(--palette-rgba-white-10);--color-header-text:var(--palette-rgba-white-10);--color-normal-text:var(--palette-rgba-white-10);--color-strong-text:var(--palette-rgba-white-9);--color-auxiliary-text:var(--palette-rgba-white-8);--color-secondary-text:var(--palette-rgba-white-6);--color-disabled-text:var(--palette-rgba-white-4);--color-border-divider-line:var(--palette-rgba-white-1);--color-text-divider-line-1:var(--palette-rgba-white-2);--color-text-divider-line-2:var(--palette-rgba-white-2);--small-border-radius:2px;--medius-border-radius:5px;--larger-border-radius:12px;--container-border-radius:9999px;--no-border-radius:0px;--mask-bg:var(--palette-rgba-gray-7);--title-font-size-larger:30px;--title-font-size-strong:22px;--title-font-size:18px;--normal-font-size:14px;--auxiliary-font-size:16px;--auxiliary-font-size-small:12px;--overview-data-font-size:34px;--statistics-data-font-size:28px;--normal-data-font-size-larger:20px;--normal-data-font-size:16px;--chart-legend-font-size:12px;--chart-tooltips-font-size-1:12px;--chart-tooltips-font-size-2:12px;--chart-axis-x-font-size:12px;--chart-axis-x-font-size-larger:14px;--chart-axis-y-font-size:12px;--chart-axis-y-font-size-larger:14px;--font-weight-600:600;--font-weight-500:500;--font-weight-400:400;--text-shadow:0px 1px 4px #2863ee;--border-width-base:1px;--border-width-double-base:2px;--border-width-tribble-base:3px;--punctate-width-base:1px;--paragraph-width-base:1px;--button-text-color:#40d0db}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n"],"names":["_ModernStyleTreemap","defineElement","property","event","createDecorators","TailTypes","_classDecs","styleTexts","variablesStyleText","styleText","_dec","attribute","_dec2","_dec3","_dec4","_dec5","_dec6","_dec7","type","_A","WeakMap","_B","_C","_D","_E","_F","_G","_onClickEvent","_handleClick","ModernStyleTreemap","ReactNextElement","constructor","arguments","_classPrivateFieldInitSpec","get","_get_onClickEvent2","set","_set_onClickEvent2","writable","value","_initProto","_init_data","_init_tail","_init_leafUseBrick","_init_leafContainerStyle","_init_tooltipUseBrick","_init_tooltipStyle","_init_onClickEvent","_classPrivateFieldGet","this","emit","data","v","_classPrivateFieldSet","tail","leafUseBrick","leafContainerStyle","tooltipUseBrick","tooltipStyle","render","React","ModernStyleTreemapElement","handleClick","_set_onClickEvent","_get_onClickEvent","_ModernStyleTreemap2","e","c","_initClass","_applyDecs","o","_","has","_checkInRHS","tailMap","treemapBinary","treemapDice","treemapResquarify","treemapSlice","treemapSliceDice","treemapSquarify","props","wrapperRef","clientWidth","wrapperWidth","clientHeight","wrapperHeight","useResizeObserver","tooltipRef","tooltipHeight","mouseData","setMouseData","useState","clientX","clientY","tooltipPosition","setTooltipPosition","tooltipTransform","useMemo","current","scaledLeft","placement","wrapperClientRect","getBoundingClientRect","widthScale","width","heightScale","height","left","scaledTop","top","right","bottom","topOrBottom","concat","hierarchyNode","hierarchy","sum","d","sort","a","b","tm","treemap","tile","size","padding","round","leaves","leavesMap","_leaves","map","_objectSpread","keyBy","leavesNode","y0","x0","x1","y1","key","name","className","style","transform","onClick","useBrick","ReactUseMultipleBricks","curTooltipData","handleMouseMove","debounceByAnimationFrame","curLeaf","target","closest","curName","getAttribute","pre","ref","onMouseMove","onMouseEnter","visibility","onMouseLeave","classNames","bottomRight","bottomLeft","topLeft","topRight","hasOwn","hasOwnProperty","classes","i","length","arg","argType","push","Array","isArray","inner","apply","toString","Object","prototype","includes","call","join","module","exports","default","___CSS_LOADER_EXPORT___","id"],"sourceRoot":""}
+{"version":3,"file":"chunks/modern-style-treemap.56a38581.js","mappings":"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","sources":["webpack:///./src/modern-style-treemap/index.tsx","webpack:///../../node_modules/classnames/index.js","webpack:///./src/data-view-variables.shadow.css"],"sourcesContent":["import React, { MouseEvent, CSSProperties, useMemo, useState } from \"react\";\nimport { createDecorators, EventEmitter } from \"@next-core/element\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport type { UseBrickConf } from \"@next-core/types\";\nimport { ReactUseMultipleBricks } from \"@next-core/react-runtime\";\nimport {\n  treemap,\n  hierarchy,\n  treemapBinary,\n  treemapDice,\n  treemapResquarify,\n  treemapSlice,\n  treemapSliceDice,\n  treemapSquarify,\n} from \"d3-hierarchy\";\nimport variablesStyleText from \"../data-view-variables.shadow.css\";\nimport styleText from \"./modern-style-treemap.shadow.css\";\nimport { useResizeObserver } from \"../hooks/index.js\";\nimport { debounceByAnimationFrame } from \"@next-shared/general/debounceByAnimationFrame\";\nimport { keyBy } from \"lodash\";\nimport classNames from \"classnames\";\n\nconst { defineElement, property, event } = createDecorators();\n\nenum TailTypes {\n  treemapBinary = \"treemapBinary\",\n  treemapDice = \"treemapDice\",\n  treemapResquarify = \"treemapResquarify\",\n  treemapSlice = \"treemapSlice\",\n  treemapSliceDice = \"treemapSliceDice\",\n  treemapSquarify = \"treemapSquarify\",\n}\n\ntype TreemapData = {\n  name: string;\n  value?: number;\n  children?: TreemapData[];\n};\n\ninterface ModernStyleTreemapProps {\n  data: TreemapData;\n  tail?: TailTypes;\n  leafUseBrick?: { useBrick: UseBrickConf };\n  leafContainerStyle?: CSSProperties;\n  tooltipUseBrick?: { useBrick: UseBrickConf };\n  tooltipStyle?: CSSProperties;\n  handleClick?: (value: TreemapData) => void;\n}\n\n/**\n * 现代风树图\n * @author nlicroshan\n * @category big-screen-content\n */\n@defineElement(\"data-view.modern-style-treemap\", {\n  styleTexts: [variablesStyleText, styleText],\n})\nclass ModernStyleTreemap\n  extends ReactNextElement\n  implements ModernStyleTreemapProps\n{\n  /**\n   * @kind TreemapData\n   * @required true\n   * @default -\n   * @description 数据\n   */\n  @property({\n    attribute: false,\n  })\n  accessor data: TreemapData;\n\n  /**\n   * @kind TailTypes\n   * @required false\n   * @default treemapSquarify\n   * @description 平铺方法\n   */\n  @property({\n    attribute: false,\n  })\n  accessor tail: TailTypes = TailTypes[\"treemapSquarify\"];\n\n  /**\n   * @kind { useBrick: UseBrickConf }\n   * @required false\n   * @default -\n   * @description 叶子节点useBrick\n   */\n  @property({\n    attribute: false,\n  })\n  accessor leafUseBrick: { useBrick: UseBrickConf };\n\n  /**\n   * @kind CSSProperties\n   * @required false\n   * @default -\n   * @description 叶子节点容器样式\n   */\n  @property({\n    attribute: false,\n  })\n  accessor leafContainerStyle: CSSProperties;\n\n  /**\n   * @kind { useBrick: UseBrickConf }\n   * @required false\n   * @default -\n   * @description tooltip useBrick\n   */\n  @property({\n    attribute: false,\n  })\n  accessor tooltipUseBrick: { useBrick: UseBrickConf };\n\n  /**\n   * @kind CSSProperties\n   * @required false\n   * @default -\n   * @description tooltip容器样式\n   */\n  @property({\n    attribute: false,\n  })\n  accessor tooltipStyle: CSSProperties;\n\n  /**\n   * @detail\n   * @description 点击事件\n   */\n  @event({ type: \"treemap.click\" })\n  accessor #onClickEvent!: EventEmitter<TreemapData>;\n\n  #handleClick = (value: TreemapData) => {\n    this.#onClickEvent.emit(value);\n  };\n\n  render() {\n    return (\n      <ModernStyleTreemapElement\n        data={this.data}\n        tail={this.tail}\n        leafUseBrick={this.leafUseBrick}\n        leafContainerStyle={this.leafContainerStyle}\n        tooltipUseBrick={this.tooltipUseBrick}\n        tooltipStyle={this.tooltipStyle}\n        handleClick={this.#handleClick}\n      />\n    );\n  }\n}\n\nconst tailMap = {\n  [TailTypes[\"treemapBinary\"]]: treemapBinary,\n  [TailTypes[\"treemapDice\"]]: treemapDice,\n  [TailTypes[\"treemapResquarify\"]]: treemapResquarify,\n  [TailTypes[\"treemapSlice\"]]: treemapSlice,\n  [TailTypes[\"treemapSliceDice\"]]: treemapSliceDice,\n  [TailTypes[\"treemapSquarify\"]]: treemapSquarify,\n};\n\nfunction ModernStyleTreemapElement(\n  props: ModernStyleTreemapProps\n): React.ReactElement {\n  const {\n    data,\n    tail,\n    leafUseBrick,\n    leafContainerStyle,\n    tooltipUseBrick,\n    tooltipStyle,\n    handleClick,\n  } = props;\n\n  const [\n    wrapperRef,\n    { clientWidth: wrapperWidth, clientHeight: wrapperHeight },\n  ] = useResizeObserver<HTMLDivElement>();\n  const [tooltipRef, { clientHeight: tooltipHeight }] =\n    useResizeObserver<HTMLDivElement>();\n  const [mouseData, setMouseData] = useState<{\n    clientX: number;\n    clientY: number;\n    name?: string;\n  }>({ clientX: 0, clientY: 0 });\n  const [tooltipPosition, setTooltipPosition] = useState<string>();\n\n  const tooltipTransform = useMemo(() => {\n    if (!wrapperRef.current) return undefined;\n    const wrapperClientRect = wrapperRef.current.getBoundingClientRect();\n    // 缩放比例\n    const widthScale = wrapperClientRect.width / wrapperRef.current.clientWidth;\n    const heightScale =\n      wrapperClientRect.height / wrapperRef.current.clientHeight;\n    // 缩放后的偏移\n    let scaledLeft, placement;\n    const left = mouseData.clientX - wrapperClientRect.left;\n    let scaledTop = mouseData.clientY - wrapperClientRect.top;\n    const right = wrapperClientRect.right - mouseData.clientX;\n    const bottom = wrapperClientRect.bottom - mouseData.clientY;\n    // 处理边界问题\n    const { width, height } = tooltipRef.current.getBoundingClientRect();\n    scaledLeft = left + 16;\n    if (right < width) {\n      scaledLeft = left - width - 16;\n      placement = \"right\";\n    }\n    if (left < width) {\n      placement = \"left\";\n    }\n    if (bottom < height / 2 || scaledTop < height / 2) {\n      const topOrBottom = bottom < height / 2 ? \"bottom\" : \"top\";\n      scaledTop =\n        bottom < height / 2\n          ? scaledTop - height / 2 - 16\n          : scaledTop + height / 2 + 16;\n      if (placement === \"left\" && left - width / 2 < 0) {\n        placement = `${topOrBottom}-left`;\n        scaledLeft = left;\n      } else if (placement === \"right\" && right - width / 2 < 0) {\n        placement = `${topOrBottom}-right`;\n        scaledLeft = left - width;\n      } else {\n        placement = topOrBottom;\n        scaledLeft = left - width / 2;\n      }\n    }\n    setTooltipPosition(placement);\n    // 实际偏移\n    return {\n      left: `${scaledLeft / widthScale}px`,\n      top: `${scaledTop / heightScale - tooltipHeight / 2}px`,\n    };\n  }, [\n    wrapperRef,\n    mouseData.clientX,\n    mouseData.clientY,\n    tooltipRef,\n    tooltipHeight,\n  ]);\n\n  const hierarchyNode = useMemo(() => {\n    return hierarchy(data)\n      .sum((d) => d.value)\n      .sort((a, b) => b.value - a.value);\n  }, [data]);\n\n  const tm = useMemo(() => {\n    return treemap<TreemapData>()\n      .tile(tailMap[tail])\n      .size([wrapperWidth, wrapperHeight])\n      .padding(1)\n      .round(true);\n  }, [tail, wrapperWidth, wrapperHeight]);\n\n  const [leaves, leavesMap] = useMemo(() => {\n    // 这里只要hierarchyNode不变化，即使tm更新了，root、leaves还是同一个对象\n    const root = tm(hierarchyNode);\n    // 这里使用解构让leaves里面每个node变成新对象\n    const _leaves = root.leaves().map((v: any) => ({ ...v }));\n    return [_leaves, keyBy(_leaves, \"data.name\")];\n  }, [tm, hierarchyNode]);\n\n  const leavesNode = useMemo(() => {\n    return leaves.map((d) => {\n      const top = d.y0,\n        left = d.x0,\n        width = d.x1 - d.x0,\n        height = d.y1 - d.y0;\n\n      return (\n        <div\n          key={d.data.name}\n          className=\"treemap-leaf\"\n          data-leaf-id={d.data.name}\n          style={{\n            ...leafContainerStyle,\n            top: 0,\n            left: 0,\n            transform: `translate(${left}px, ${top}px)`,\n            width,\n            height,\n          }}\n          onClick={() => handleClick?.(d.data)}\n        >\n          {leafUseBrick?.useBrick && (\n            <ReactUseMultipleBricks useBrick={leafUseBrick.useBrick} data={d} />\n          )}\n        </div>\n      );\n    });\n  }, [handleClick, leafContainerStyle, leafUseBrick.useBrick, leaves]);\n\n  const curTooltipData = useMemo(() => {\n    return { ...leavesMap[mouseData.name] };\n  }, [leavesMap, mouseData.name]);\n\n  const handleMouseMove = useMemo(() => {\n    return debounceByAnimationFrame((e: MouseEvent<HTMLDivElement>) => {\n      const curLeaf = (e.target as HTMLDivElement).closest(\".treemap-leaf\");\n      const curName = curLeaf?.getAttribute(\"data-leaf-id\");\n      setMouseData((pre) => {\n        return {\n          clientX: e.clientX,\n          clientY: e.clientY,\n          name: curLeaf ? curName : pre.name,\n        };\n      });\n    });\n  }, []);\n\n  return (\n    <div className=\"wrapper\">\n      <div\n        className=\"treemap\"\n        ref={wrapperRef}\n        onMouseMove={handleMouseMove}\n        onMouseEnter={() => {\n          tooltipRef.current.style.visibility = \"visible\";\n        }}\n        onMouseLeave={() => {\n          tooltipRef.current.style.visibility = \"hidden\";\n        }}\n      >\n        {leavesNode}\n      </div>\n      <div\n        className={classNames(\"tooltip\", {\n          bottom: tooltipPosition === \"bottom\",\n          bottomRight: tooltipPosition === \"bottom-right\",\n          bottomLeft: tooltipPosition === \"bottom-left\",\n          topLeft: tooltipPosition === \"top-left\",\n          topRight: tooltipPosition === \"top-right\",\n          top: tooltipPosition === \"top\",\n          right: tooltipPosition === \"right\",\n        })}\n        style={{\n          ...tooltipStyle,\n          ...tooltipTransform,\n        }}\n        ref={tooltipRef}\n      >\n        {tooltipUseBrick?.useBrick && (\n          <ReactUseMultipleBricks\n            useBrick={tooltipUseBrick.useBrick}\n            data={curTooltipData}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport { ModernStyleTreemap };\n","/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\tvar nativeCodeString = '[native code]';\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{--palette-rgba-white-1:rgba(255,255,255,10%);--palette-rgba-white-2:rgba(255,255,255,20%);--palette-rgba-white-3:rgba(255,255,255,30%);--palette-rgba-white-4:rgba(255,255,255,40%);--palette-rgba-white-5:rgba(255,255,255,50%);--palette-rgba-white-6:rgba(255,255,255,60%);--palette-rgba-white-7:rgba(255,255,255,70%);--palette-rgba-white-8:rgba(255,255,255,80%);--palette-rgba-white-9:rgba(255,255,255,90%);--palette-rgba-white-10:rgba(255,255,255,100%);--palette-rgba-gray-1:rgba(0,0,0,10%);--palette-rgba-gray-2:rgba(0,0,0,20%);--palette-rgba-gray-3:rgba(0,0,0,30%);--palette-rgba-gray-4:rgba(0,0,0,40%);--palette-rgba-gray-5:rgba(0,0,0,50%);--palette-rgba-gray-6:rgba(0,0,0,60%);--palette-rgba-gray-7:rgba(0,0,0,70%);--palette-rgba-gray-8:rgba(0,0,0,80%);--palette-rgba-gray-9:rgba(0,0,0,90%);--palette-rgba-gray-10:rgba(0,0,0,100%);--palette-rgba-blue-gray-2:rgba(101,106,134,20%);--palette-rgba-blue-gray-3:rgba(101,106,134,30%);--palette-rgba-blue-gray-8:rgba(101,106,134,80%);--palette-tech-blue-4-channel:67,127,255;--palette-tech-blue-4:rgb(var(--palette-tech-blue-4-channel));--palette-tech-blue-6-channel:51,102,255;--palette-tech-blue-6:rgb(var(--palette-tech-blue-6-channel));--palette-tech-blue-8-channel:40,69,159;--palette-tech-blue-8:rgb(var(--palette-tech-blue-8-channel));--palette-sea-green-4-channel:131,245,225;--palette-sea-green-4:rgb(var(--palette-sea-green-4-channel));--palette-green-6-channel:81,235,73;--palette-green-6:rgb(var(--palette-green-6-channel));--palette-green-2:rgba(var(--palette-green-6-channel),20%);--palette-lotus-pink-7-channel:204,0,102;--palette-lotus-pink-7:rgb(var(--palette-lotus-pink-7-channel));--palette-red-6-channel:242,39,39;--palette-red-6:rgb(var(--palette-red-6-channel));--palette-red-2:rgba(var(--palette-red-6-channel),20%);--color-fill-global-bg:#0f1014;--color-fill-bg-container-1:var(--palette-rgba-white-1);--color-fill-bg-container-2:var(--palette-rgba-blue-gray-2);--color-fill-bg-container-3:var(--palette-rgba-blue-gray-8);--color-fill-bg-base-1:var(--palette-rgba-blue-gray-2);--color-fill-bg-base-2:rgba(15,16,20,0%);--color-fill-bg-base-3:rgba(0,0,0,20%);--color-fill-bg-base-4:rgba(40,46,58,100%);--color-fill-bg-base-5:rgba(19,25,47,80%);--color-fill-bg-base-6:var(--palette-rgba-blue-gray-3);--color-brand:var(--palette-tech-blue-6);--color-brand-hover:var(--palette-tech-blue-4);--color-brand-active:var(--palette-tech-blue-8);--color-contrast-1:var(--palette-sea-green-4);--color-error:var(--palette-red-6);--color-error-bg:var(--palette-red-2);--color-success:var(--palette-green-6);--color-success-bg:var(--palette-green-2);--color-header-text-big:var(--palette-rgba-white-10);--color-header-text:var(--palette-rgba-white-10);--color-normal-text:var(--palette-rgba-white-10);--color-strong-text:var(--palette-rgba-white-9);--color-auxiliary-text:var(--palette-rgba-white-8);--color-secondary-text:var(--palette-rgba-white-6);--color-disabled-text:var(--palette-rgba-white-4);--color-border-divider-line:var(--palette-rgba-white-1);--color-text-divider-line-1:var(--palette-rgba-white-2);--color-text-divider-line-2:var(--palette-rgba-white-2);--small-border-radius:2px;--medius-border-radius:5px;--larger-border-radius:12px;--container-border-radius:9999px;--no-border-radius:0px;--mask-bg:var(--palette-rgba-gray-7);--title-font-size-larger:30px;--title-font-size-strong:22px;--title-font-size:18px;--normal-font-size:14px;--auxiliary-font-size:16px;--auxiliary-font-size-small:12px;--overview-data-font-size:34px;--statistics-data-font-size:28px;--normal-data-font-size-larger:20px;--normal-data-font-size:16px;--chart-legend-font-size:12px;--chart-tooltips-font-size-1:12px;--chart-tooltips-font-size-2:12px;--chart-axis-x-font-size:12px;--chart-axis-x-font-size-larger:14px;--chart-axis-y-font-size:12px;--chart-axis-y-font-size-larger:14px;--font-weight-600:600;--font-weight-500:500;--font-weight-400:400;--text-shadow:0px 1px 4px #2863ee;--border-width-base:1px;--border-width-double-base:2px;--border-width-tribble-base:3px;--punctate-width-base:1px;--paragraph-width-base:1px;--button-text-color:#40d0db}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n"],"names":["_ModernStyleTreemap","defineElement","property","event","createDecorators","TailTypes","_classDecs","styleTexts","variablesStyleText","styleText","_dec","attribute","_dec2","_dec3","_dec4","_dec5","_dec6","_dec7","type","_A","WeakMap","_B","_C","_D","_E","_F","_G","_onClickEvent","_handleClick","ModernStyleTreemap","ReactNextElement","constructor","arguments","_classPrivateFieldInitSpec","get","_get_onClickEvent2","set","_set_onClickEvent2","writable","value","_initProto","_init_data","_init_tail","_init_leafUseBrick","_init_leafContainerStyle","_init_tooltipUseBrick","_init_tooltipStyle","_init_onClickEvent","_classPrivateFieldGet","this","emit","data","v","_classPrivateFieldSet","tail","leafUseBrick","leafContainerStyle","tooltipUseBrick","tooltipStyle","render","React","ModernStyleTreemapElement","handleClick","_set_onClickEvent","_get_onClickEvent","_ModernStyleTreemap2","e","c","_initClass","_applyDecs","o","_","has","_checkInRHS","tailMap","treemapBinary","treemapDice","treemapResquarify","treemapSlice","treemapSliceDice","treemapSquarify","props","wrapperRef","clientWidth","wrapperWidth","clientHeight","wrapperHeight","useResizeObserver","tooltipRef","tooltipHeight","mouseData","setMouseData","useState","clientX","clientY","tooltipPosition","setTooltipPosition","tooltipTransform","useMemo","current","scaledLeft","placement","wrapperClientRect","getBoundingClientRect","widthScale","width","heightScale","height","left","scaledTop","top","right","bottom","topOrBottom","concat","hierarchyNode","hierarchy","sum","d","sort","a","b","tm","treemap","tile","size","padding","round","leaves","leavesMap","_leaves","map","_objectSpread","keyBy","leavesNode","y0","x0","x1","y1","key","name","className","style","transform","onClick","useBrick","ReactUseMultipleBricks","curTooltipData","handleMouseMove","debounceByAnimationFrame","curLeaf","target","closest","curName","getAttribute","pre","ref","onMouseMove","onMouseEnter","visibility","onMouseLeave","classNames","bottomRight","bottomLeft","topLeft","topRight","hasOwn","hasOwnProperty","classes","i","length","arg","argType","push","Array","isArray","inner","apply","toString","Object","prototype","includes","call","join","module","exports","default","___CSS_LOADER_EXPORT___","id"],"sourceRoot":""}

package/dist/chunks/tabs-drawer.26c9ab36.js

@@ -0,0 +1,3 @@
+/*! For license information please see tabs-drawer.26c9ab36.js.LICENSE.txt */
+(self.webpackChunk_next_bricks_data_view=self.webpackChunk_next_bricks_data_view||[]).push([[1492,856],{544:(e,t,r)=>{"use strict";r.r(t),r.d(t,{TabsDrawer:()=>A,TabsDrawerComponent:()=>ze});var a,n,i,o,l,c,s,p,u,b,h,d,g,v,f,y,m,w,x,k,S,z,E,I,O,j,W,T,M,P,C,N,A,B=r(4412),K=r(2504),D=r(592),L=r(5866),_=r(1412),R=r(8644),H=r(5600),F=r.n(H),q=r(7672),X=r(8160),G=r(5536),J=r(4480),Q=r(6484),U=r.n(Q),{defineElement:V,property:Y,event:Z,method:$}=(0,q.createDecorators)(),ee=(0,X.wrapBrick)("eo-icon");i=[V("data-view.tabs-drawer",{styleTexts:[G.c,J.c]})],o=Y({attribute:!1}),c=Y(),p=Y({attribute:!1}),b=Y({attribute:!1}),d=Y({attribute:!1}),v=Y({type:Number}),y=Y({type:Boolean}),w=Z({type:"open"}),z=Z({type:"close"}),j=Z({type:"tab.change"}),P=$(),C=$();var te=new WeakMap,re=new WeakMap,ae=new WeakMap,ne=new WeakMap,ie=new WeakMap,oe=new WeakMap,le=new WeakMap,ce=new WeakMap,se=new WeakMap,pe=new WeakMap,ue=new WeakMap,be=new WeakMap,he=new WeakMap,de=new WeakMap,ge=new WeakMap,ve=new WeakMap;class fe extends X.ReactNextElement{constructor(){super(...arguments),(0,K.c)(this,he,{get:Se,set:ke}),(0,K.c)(this,ue,{get:xe,set:we}),(0,K.c)(this,se,{get:me,set:ye}),(0,K.c)(this,te,{writable:!0,value:(a(this),l(this))}),(0,K.c)(this,re,{writable:!0,value:s(this)}),(0,K.c)(this,ae,{writable:!0,value:u(this)}),(0,K.c)(this,ne,{writable:!0,value:h(this)}),(0,K.c)(this,ie,{writable:!0,value:g(this)}),(0,K.c)(this,oe,{writable:!0,value:f(this)}),(0,K.c)(this,le,{writable:!0,value:m(this)}),(0,K.c)(this,ce,{writable:!0,value:x(this)}),(0,K.c)(this,pe,{writable:!0,value:E(this)}),(0,K.c)(this,be,{writable:!0,value:W(this)}),(0,K.c)(this,de,{writable:!0,value:e=>{this.activeKey=e,(0,_.c)(this,he).emit(e)}}),(0,K.c)(this,ge,{writable:!0,value:()=>{this.visible=!0,(0,_.c)(this,se).emit()}}),(0,K.c)(this,ve,{writable:!0,value:()=>{this.visible=!1,(0,_.c)(this,ue).emit()}})}get tabList(){return(0,_.c)(this,te)}set tabList(e){(0,L.c)(this,te,e)}get activeKey(){return(0,_.c)(this,re)}set activeKey(e){(0,L.c)(this,re,e)}get width(){return(0,_.c)(this,ae)}set width(e){(0,L.c)(this,ae,e)}get drawerStyle(){return(0,_.c)(this,ne)}set drawerStyle(e){(0,L.c)(this,ne,e)}get bodyStyle(){return(0,_.c)(this,ie)}set bodyStyle(e){(0,L.c)(this,ie,e)}get zIndex(){return(0,_.c)(this,oe)}set zIndex(e){(0,L.c)(this,oe,e)}get visible(){return(0,_.c)(this,le)}set visible(e){(0,L.c)(this,le,e)}open(){(0,_.c)(this,ge).call(this)}close(){(0,_.c)(this,ve).call(this)}render(){return F().createElement(ze,{tabList:this.tabList||[],activeKey:this.activeKey,width:this.width,bodyStyle:this.bodyStyle,drawerStyle:this.drawerStyle,zIndex:this.zIndex,visible:this.visible,onClose:(0,_.c)(this,ve),onOpen:(0,_.c)(this,ge),onTabChange:(0,_.c)(this,de)})}}function ye(e){S(this,e)}function me(){return k(this)}function we(e){O(this,e)}function xe(){return I(this)}function ke(e){M(this,e)}function Se(){return T(this)}function ze(e){var{tabList:t,width:r=378,drawerStyle:a,bodyStyle:n,zIndex:i,onClose:o,onOpen:l,onTabChange:c,visible:s}=e,p=(0,H.useRef)(null),u=(0,H.useRef)(null),[b,h]=(0,H.useState)(e.activeKey),d=(0,H.useCallback)((e=>{e.composedPath().some((e=>e===u.current))||s&&o()}),[s,o]);(0,H.useEffect)((()=>{var r;t.length&&(e=>{var t=p.current;if(t){var r=t.querySelectorAll("slot");null==r||r.forEach((t=>{t.hidden=t.name!==e})),h(e)}})(null!==(r=e.activeKey)&&void 0!==r?r:t[0].key)}),[e.activeKey,t]),(0,H.useEffect)((()=>(document.addEventListener("click",d),()=>document.removeEventListener("click",d))),[d]);var g=(0,H.useMemo)((()=>F().createElement("div",{className:"menuWrapper"},F().createElement("div",{className:"menuMask"}),t.map(((e,t)=>F().createElement("div",{className:U()("menuIconItem",{menuIconItemHover:!!e.tooltip,active:e.key===b}),key:"menu-".concat(t),onClick:()=>null==c?void 0:c(e.key)},e.icon&&F().createElement(ee,e.icon),e.tooltip&&F().createElement("div",{className:"menuIconTooltip"},e.tooltip)))))),[b,c,t]);return F().createElement("div",{className:U()("drawerWrapper",{open:s,close:!s}),style:(0,B.c)((0,B.c)({},a),i?{zIndex:i}:{}),ref:u},F().createElement("span",{className:"closeIconBtn",onClick:()=>s?null==o?void 0:o():null==l?void 0:l()},F().createElement("span",{className:"closeIcon"})),F().createElement("div",{className:U()("drawerBody"),style:(0,B.c)((0,B.c)({},n),{},{width:r})},g,F().createElement("div",{className:"content",ref:p},t.map(((e,t)=>F().createElement("slot",{name:e.key,key:"slot-".concat(t)}))))))}N=fe,({e:[l,s,u,h,g,f,m,x,k,S,E,I,O,W,T,M,a],c:[A,n]}=(0,R.c)(N,[[o,1,"tabList"],[c,1,"activeKey"],[p,1,"width"],[b,1,"drawerStyle"],[d,1,"bodyStyle"],[v,1,"zIndex"],[y,1,"visible"],[w,1,"drawerOpenEvent",e=>(0,_.c)(e,ce),(e,t)=>(0,L.c)(e,ce,t)],[z,1,"drawerCloseEvent",e=>(0,_.c)(e,pe),(e,t)=>(0,L.c)(e,pe,t)],[j,1,"tabChangeEvent",e=>(0,_.c)(e,be),(e,t)=>(0,L.c)(e,be,t)],[P,2,"open"],[C,2,"close"]],i,0,(e=>ve.has((0,D.c)(e))),X.ReactNextElement)),n()},6484:(e,t)=>{var r;!function(){"use strict";var a={}.hasOwnProperty;function n(){for(var e=[],t=0;t<arguments.length;t++){var r=arguments[t];if(r){var i=typeof r;if("string"===i||"number"===i)e.push(r);else if(Array.isArray(r)){if(r.length){var o=n.apply(null,r);o&&e.push(o)}}else if("object"===i){if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]")){e.push(r.toString());continue}for(var l in r)a.call(r,l)&&r[l]&&e.push(l)}}}return e.join(" ")}e.exports?(n.default=n,e.exports=n):void 0===(r=function(){return n}.apply(t,[]))||(e.exports=r)}()},5536:(e,t,r)=>{"use strict";r.d(t,{c:()=>l});var a=r(8304),n=r.n(a),i=r(1849),o=r.n(i)()(n());o.push([e.id,":host{--palette-rgba-white-1:rgba(255,255,255,10%);--palette-rgba-white-2:rgba(255,255,255,20%);--palette-rgba-white-3:rgba(255,255,255,30%);--palette-rgba-white-4:rgba(255,255,255,40%);--palette-rgba-white-5:rgba(255,255,255,50%);--palette-rgba-white-6:rgba(255,255,255,60%);--palette-rgba-white-7:rgba(255,255,255,70%);--palette-rgba-white-8:rgba(255,255,255,80%);--palette-rgba-white-9:rgba(255,255,255,90%);--palette-rgba-white-10:rgba(255,255,255,100%);--palette-rgba-gray-1:rgba(0,0,0,10%);--palette-rgba-gray-2:rgba(0,0,0,20%);--palette-rgba-gray-3:rgba(0,0,0,30%);--palette-rgba-gray-4:rgba(0,0,0,40%);--palette-rgba-gray-5:rgba(0,0,0,50%);--palette-rgba-gray-6:rgba(0,0,0,60%);--palette-rgba-gray-7:rgba(0,0,0,70%);--palette-rgba-gray-8:rgba(0,0,0,80%);--palette-rgba-gray-9:rgba(0,0,0,90%);--palette-rgba-gray-10:rgba(0,0,0,100%);--palette-rgba-blue-gray-2:rgba(101,106,134,20%);--palette-rgba-blue-gray-3:rgba(101,106,134,30%);--palette-rgba-blue-gray-8:rgba(101,106,134,80%);--palette-tech-blue-4-channel:67,127,255;--palette-tech-blue-4:rgb(var(--palette-tech-blue-4-channel));--palette-tech-blue-6-channel:51,102,255;--palette-tech-blue-6:rgb(var(--palette-tech-blue-6-channel));--palette-tech-blue-8-channel:40,69,159;--palette-tech-blue-8:rgb(var(--palette-tech-blue-8-channel));--palette-sea-green-4-channel:131,245,225;--palette-sea-green-4:rgb(var(--palette-sea-green-4-channel));--palette-green-6-channel:81,235,73;--palette-green-6:rgb(var(--palette-green-6-channel));--palette-green-2:rgba(var(--palette-green-6-channel),20%);--palette-lotus-pink-7-channel:204,0,102;--palette-lotus-pink-7:rgb(var(--palette-lotus-pink-7-channel));--palette-red-6-channel:242,39,39;--palette-red-6:rgb(var(--palette-red-6-channel));--palette-red-2:rgba(var(--palette-red-6-channel),20%);--color-fill-global-bg:#0f1014;--color-fill-bg-container-1:var(--palette-rgba-white-1);--color-fill-bg-container-2:var(--palette-rgba-blue-gray-2);--color-fill-bg-container-3:var(--palette-rgba-blue-gray-8);--color-fill-bg-base-1:var(--palette-rgba-blue-gray-2);--color-fill-bg-base-2:rgba(15,16,20,0%);--color-fill-bg-base-3:rgba(0,0,0,20%);--color-fill-bg-base-4:rgba(40,46,58,100%);--color-fill-bg-base-5:rgba(19,25,47,80%);--color-fill-bg-base-6:var(--palette-rgba-blue-gray-3);--color-brand:var(--palette-tech-blue-6);--color-brand-hover:var(--palette-tech-blue-4);--color-brand-active:var(--palette-tech-blue-8);--color-contrast-1:var(--palette-sea-green-4);--color-error:var(--palette-red-6);--color-error-bg:var(--palette-red-2);--color-success:var(--palette-green-6);--color-success-bg:var(--palette-green-2);--color-header-text-big:var(--palette-rgba-white-10);--color-header-text:var(--palette-rgba-white-10);--color-normal-text:var(--palette-rgba-white-10);--color-strong-text:var(--palette-rgba-white-9);--color-auxiliary-text:var(--palette-rgba-white-8);--color-secondary-text:var(--palette-rgba-white-6);--color-disabled-text:var(--palette-rgba-white-4);--color-border-divider-line:var(--palette-rgba-white-1);--color-text-divider-line-1:var(--palette-rgba-white-2);--color-text-divider-line-2:var(--palette-rgba-white-2);--small-border-radius:2px;--medius-border-radius:5px;--larger-border-radius:12px;--container-border-radius:9999px;--no-border-radius:0px;--mask-bg:var(--palette-rgba-gray-7);--title-font-size-larger:30px;--title-font-size-strong:22px;--title-font-size:18px;--normal-font-size:14px;--auxiliary-font-size:16px;--auxiliary-font-size-small:12px;--overview-data-font-size:34px;--statistics-data-font-size:28px;--normal-data-font-size-larger:20px;--normal-data-font-size:16px;--chart-legend-font-size:12px;--chart-tooltips-font-size-1:12px;--chart-tooltips-font-size-2:12px;--chart-axis-x-font-size:12px;--chart-axis-x-font-size-larger:14px;--chart-axis-y-font-size:12px;--chart-axis-y-font-size-larger:14px;--font-weight-600:600;--font-weight-500:500;--font-weight-400:400;--text-shadow:0px 1px 4px #2863ee;--border-width-base:1px;--border-width-double-base:2px;--border-width-tribble-base:3px;--punctate-width-base:1px;--paragraph-width-base:1px;--button-text-color:#40d0db}",""]);const l=o.toString()},4480:(e,t,r)=>{"use strict";r.d(t,{c:()=>l});var a=r(8304),n=r.n(a),i=r(1849),o=r.n(i)()(n());o.push([e.id,'.drawerWrapper{position:fixed;right:0;top:0;height:100vh;z-index:1000}.drawerWrapper.open,\n.drawerWrapper.close{transition:transform 0.3s cubic-bezier(0.7,0.3,0.1,1),box-shadow 0.3s cubic-bezier(0.7,0.3,0.1,1)}.drawerBody{display:flex;min-width:200px;height:100%;background:var(--color-fill-global-bg)}.drawerWrapper.open{transform:translate(0,0)}.drawerWrapper.close{transform:translateX(100%)}.drawerBodyHidden{display:none}.menuWrapper{position:relative;width:46px;height:100%;background:var(--color-fill-bg-base-1)}.menuMask{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(41,109,255,0.8);opacity:0.1;filter:blur(50px);pointer-events:none}.closeIconBtn{position:absolute;top:50%;left:-17px;width:17px;height:40px;background:linear-gradient(180deg,#232431 0%,#15191F 53%,#232431 100%);display:flex;justify-content:center;align-items:center;border-radius:4px 0 0 4px}.closeIconBtn:hover{background:#3B3C4F}.closeIcon{width:3px;height:11px;border-left:2px solid var(--color-normal-text);border-right:2px solid var(--color-normal-text)}.menuIconItem{width:100%;height:46px;text-align:center;line-height:46px;color:var(--color-normal-text);background:rgba(25,26,34,0);opacity:0.4;position:relative}.menuIconItem:hover{opacity:0.8}.menuIconItem.active{background:var(--color-fill-global-bg);opacity:1}.menuIconItemHover:hover  > .menuIconTooltip{display:block}.menuIconTooltip{display:none;position:absolute;right:55px;top:7px;line-height:20px;padding:8px 15px 8px 8px;font-size:var(--chart-tooltips-font-size-2);color:var(--color-normal-text);width:auto;white-space:nowrap;--treemap-tooltip-background:rgba(103,149,219,0.12) radial-gradient(100% 100% ellipse at 12px 4px,rgba(var(--palette-tech-blue-6-channel),0.3),rgba(var(--palette-tech-blue-6-channel),0));--treemap-backdrop-filter:blur(5px);z-index:0}.menuIconTooltip:before,\n.menuIconTooltip:after{content:"";clear:both;position:absolute;display:block;left:0;right:0;top:0;bottom:0;z-index:-1;background:var(--treemap-tooltip-background);-webkit-backdrop-filter:var(--treemap-backdrop-filter);backdrop-filter:var(--treemap-backdrop-filter)}.menuIconTooltip::before{-webkit-clip-path:inset(0 7px 0 0 round var(--medius-border-radius));clip-path:inset(0 7px 0 0 round var(--medius-border-radius))}.menuIconTooltip::after{-webkit-clip-path:polygon(calc(100% - 7px) calc(50% - 7px),100% 50%,calc(100% - 7px) calc(50% + 7px));clip-path:polygon(calc(100% - 7px) calc(50% - 7px),100% 50%,calc(100% - 7px) calc(50% + 7px))}.content{flex:1}',""]);const l=o.toString()},1849:e=>{"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var r="",a=void 0!==t[5];return t[4]&&(r+="@supports (".concat(t[4],") {")),t[2]&&(r+="@media ".concat(t[2]," {")),a&&(r+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),r+=e(t),a&&(r+="}"),t[2]&&(r+="}"),t[4]&&(r+="}"),r})).join("")},t.i=function(e,r,a,n,i){"string"==typeof e&&(e=[[null,e,void 0]]);var o={};if(a)for(var l=0;l<this.length;l++){var c=this[l][0];null!=c&&(o[c]=!0)}for(var s=0;s<e.length;s++){var p=[].concat(e[s]);a&&o[p[0]]||(void 0!==i&&(void 0===p[5]||(p[1]="@layer".concat(p[5].length>0?" ".concat(p[5]):""," {").concat(p[1],"}")),p[5]=i),r&&(p[2]?(p[1]="@media ".concat(p[2]," {").concat(p[1],"}"),p[2]=r):p[2]=r),n&&(p[4]?(p[1]="@supports (".concat(p[4],") {").concat(p[1],"}"),p[4]=n):p[4]="".concat(n)),t.push(p))}},t}},8304:e=>{"use strict";e.exports=function(e){return e[1]}},8644:(e,t,r)=>{"use strict";r.d(t,{c:()=>l});var a=r(5804),n=r(592);function i(e,t,r){"symbol"==(0,a.c)(t)&&(t=(t=t.description)?"["+t+"]":"");try{Object.defineProperty(e,"name",{configurable:!0,value:r?r+" "+t:t})}catch(e){}return e}var o=r(8404);function l(e,t,r,l,c,s){function p(e,t,r){return function(a,n){return r&&r(a),e[t].call(a,n)}}function u(e,t){for(var r=0;r<e.length;r++)e[r].call(t);return t}function b(e,t,r,a){if("function"!=typeof e&&(a||void 0!==e))throw new TypeError(t+" must "+(r||"be")+" a function"+(a?"":" or undefined"));return e}function h(e,t,r,n,o,l,c,s,u,h,d,g,v){function f(e){if(!v(e))throw new TypeError("Attempted to access private element on non-instance")}var y,m=t[0],w=t[3],x=!s;if(!x){r||Array.isArray(m)||(m=[m]);var k={},S=[],z=3===o?"get":4===o||g?"set":"value";h?(d||g?k={get:i((function(){return w(this)}),n,"get"),set:function(e){t[4](this,e)}}:k[z]=w,d||i(k[z],n,2===o?"":z)):d||(k=Object.getOwnPropertyDescriptor(e,n))}for(var E=e,I=m.length-1;I>=0;I-=r?2:1){var O=m[I],j=r?m[I-1]:void 0,W={},T={kind:["field","accessor","method","getter","setter","class"][o],name:n,metadata:l,addInitializer:function(e,t){if(e.v)throw new Error("attempted to call addInitializer after decoration was finished");b(t,"An initializer","be",!0),c.push(t)}.bind(null,W)};try{if(x)(y=b(O.call(j,E,T),"class decorators","return"))&&(E=y);else{var M,P;T.static=u,T.private=h,h?2===o?M=function(e){return f(e),k.value}:(o<4&&(M=p(k,"get",f)),3!==o&&(P=p(k,"set",f))):(M=function(e){return e[n]},(o<2||4===o)&&(P=function(e,t){e[n]=t}));var C=T.access={has:h?v.bind():function(e){return n in e}};if(M&&(C.get=M),P&&(C.set=P),E=O.call(j,g?{get:k.get,set:k.set}:k[z],T),g){if("object"==(0,a.c)(E)&&E)(y=b(E.get,"accessor.get"))&&(k.get=y),(y=b(E.set,"accessor.set"))&&(k.set=y),(y=b(E.init,"accessor.init"))&&S.push(y);else if(void 0!==E)throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0")}else b(E,(d?"field":"method")+" decorators","return")&&(d?S.push(E):k[z]=E)}}finally{W.v=!0}}return(d||g)&&s.push((function(e,t){for(var r=S.length-1;r>=0;r--)t=S[r].call(e,t);return t})),d||x||(h?g?s.push(p(k,"get"),p(k,"set")):s.push(2===o?k[z]:p.call.bind(k[z])):Object.defineProperty(e,n,k)),E}function d(e,t){return Object.defineProperty(e,Symbol.metadata||Symbol.for("Symbol.metadata"),{configurable:!0,enumerable:!0,value:t})}if(arguments.length>=6)var g=s[Symbol.metadata||Symbol.for("Symbol.metadata")];var v=Object.create(null==g?null:g),f=function(e,t,r,a){var i,l,c=[],s=function(t){return(0,n.c)(t)===e},p=new Map;function b(e){e&&c.push(u.bind(null,e))}for(var d=0;d<t.length;d++){var g=t[d];if(Array.isArray(g)){var v=g[1],f=g[2],y=g.length>3,m=16&v,w=!!(8&v),x=0==(v&=7),k=f+"/"+w;if(!x&&!y){var S=p.get(k);if(!0===S||3===S&&4!==v||4===S&&3!==v)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: "+f);p.set(k,!(v>2)||v)}h(w?e:e.prototype,g,m,y?"#"+f:(0,o.c)(f),v,a,w?l=l||[]:i=i||[],c,w,y,x,1===v,w&&y?s:r)}}return b(i),b(l),c}(e,t,c,v);return r.length||d(e,v),{e:f,get c(){var t=[];return r.length&&[d(h(e,[r],l,e.name,5,v,t),v),u.bind(null,t,e)]}}}},592:(e,t,r)=>{"use strict";r.d(t,{c:()=>n});var a=r(5804);function n(e){if(Object(e)!==e)throw TypeError("right-hand side of 'in' should be an object, got "+(null!==e?(0,a.c)(e):"null"));return e}},9056:(e,t,r)=>{"use strict";function a(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")}r.d(t,{c:()=>a})},6672:(e,t,r)=>{"use strict";function a(e,t,r){if(!t.has(e))throw new TypeError("attempted to "+r+" private field on non-instance");return t.get(e)}r.d(t,{c:()=>a})},1412:(e,t,r)=>{"use strict";r.d(t,{c:()=>n});var a=r(6672);function n(e,t){return function(e,t){return t.get?t.get.call(e):t.value}(e,(0,a.c)(e,t,"get"))}},2504:(e,t,r)=>{"use strict";r.d(t,{c:()=>n});var a=r(9056);function n(e,t,r){(0,a.c)(e,t),t.set(e,r)}},5866:(e,t,r)=>{"use strict";r.d(t,{c:()=>n});var a=r(6672);function n(e,t,r){return function(e,t,r){if(t.set)t.set.call(e,r);else{if(!t.writable)throw new TypeError("attempted to set read only private field");t.value=r}}(e,(0,a.c)(e,t,"set"),r),r}},7392:(e,t,r)=>{"use strict";r.d(t,{c:()=>n});var a=r(8404);function n(e,t,r){return(t=(0,a.c)(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}},4412:(e,t,r)=>{"use strict";r.d(t,{c:()=>i});var a=r(7392);function n(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}function i(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?n(Object(r),!0).forEach((function(t){(0,a.c)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):n(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}},8404:(e,t,r)=>{"use strict";r.d(t,{c:()=>n});var a=r(5804);function n(e){var t=function(e,t){if("object"!=(0,a.c)(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,"string");if("object"!=(0,a.c)(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==(0,a.c)(t)?t:String(t)}},5804:(e,t,r)=>{"use strict";function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}r.d(t,{c:()=>a})}}]);
+//# sourceMappingURL=tabs-drawer.26c9ab36.js.map

package/dist/chunks/tabs-drawer.26c9ab36.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunks/tabs-drawer.26c9ab36.js","mappings":"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","sources":["webpack:///./src/tabs-drawer/index.tsx","webpack:///../../node_modules/classnames/index.js","webpack:///./src/data-view-variables.shadow.css","webpack:///./src/tabs-drawer/tabs-drawer.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/setFunctionName.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/defineProperty.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/toPrimitive.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/typeof.js"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { createDecorators, EventEmitter } from \"@next-core/element\";\nimport { ReactNextElement, wrapBrick } from \"@next-core/react-element\";\nimport type {\n  GeneralIcon,\n  GeneralIconProps,\n} from \"@next-bricks/icons/general-icon\";\nimport variablesStyleText from \"../data-view-variables.shadow.css\";\nimport styleText from \"./tabs-drawer.shadow.css\";\nimport classNames from \"classnames\";\nconst { defineElement, property, event, method } = createDecorators();\nconst WrappedIcon = wrapBrick<GeneralIcon, GeneralIconProps>(\"eo-icon\");\nexport interface TabItem {\n  /** 菜单标题对应的图标。 */\n  icon: GeneralIconProps;\n  /** 唯一标识 */\n  key: string;\n  /** 菜单标题。 */\n  title?: string;\n  tooltip?: string;\n}\ninterface TabsDrawerProps {\n  tabList: TabItem[];\n  activeKey?: string;\n  width?: number | string;\n  drawerStyle?: React.CSSProperties;\n  bodyStyle?: React.CSSProperties;\n  zIndex?: number;\n  visible?: boolean;\n  onClose?: () => void;\n  onOpen?: () => void;\n  onTabChange?: (key: string) => void;\n}\n/**\n * 大屏仪标签页抽屉\n * @author astrid\n * @category big-screen-layout\n */\n\n@defineElement(\"data-view.tabs-drawer\", {\n  styleTexts: [variablesStyleText, styleText],\n})\nclass TabsDrawer extends ReactNextElement implements TabsDrawerProps {\n  /**\n   * @default -\n   * @required false\n   * @description 抽屉左侧菜单列表\n   */\n  @property({ attribute: false })\n  accessor tabList: TabItem[];\n\n  /**\n   * @default -\n   * @required false\n   * @description 抽屉左侧菜单高亮显示\n   */\n  @property()\n  accessor activeKey: string;\n\n  /**\n   * @kind number|string\n   * @required false\n   * @default default\n   * @description 抽屉宽度内容区的宽度，优先级高于bodyStyle内的width\n   * @group basic\n   */\n  @property({\n    attribute: false,\n  })\n  accessor width: number | string;\n\n  /**\n   * @kind  React.CSSProperties\n   * @required false\n   * @default default\n   * @description 设计 Drawer 容器样式\n   * @group basic\n   */\n  @property({\n    attribute: false,\n  })\n  accessor drawerStyle: React.CSSProperties;\n  /**\n   * @kind  React.CSSProperties\n   * @required false\n   * @default default\n   * @description  可用于设置 Drawer 内容部分的样式\n   * @group basic\n   */\n  @property({\n    attribute: false,\n  })\n  accessor bodyStyle: React.CSSProperties;\n\n  /**\n   * @kind number\n   * @required false\n   * @default  1000\n   * @description 抽屉层级\n   * @group basic\n   */\n  @property({\n    type: Number,\n  })\n  accessor zIndex: number | undefined;\n\n  /**\n   * @kind boolean\n   * @required false\n   * @default default\n   * @description 遮罩层是否显示\n   * @group basic\n   */\n  @property({\n    type: Boolean,\n  })\n  accessor visible: boolean | undefined;\n  /**\n   * @detail\n   * @description 抽屉打开事件\n   */\n  @event({ type: \"open\" })\n  accessor #drawerOpenEvent!: EventEmitter<void>;\n\n  /**\n   * @detail\n   * @description 抽屉关闭事件\n   */\n  @event({ type: \"close\" })\n  accessor #drawerCloseEvent!: EventEmitter<void>;\n\n  /**\n   * @detail `string`\n   * @description 切换 `tab` 栏会触发的事件，`detail` 为目标 `tab` 对应的 `key`\n   */\n  @event({ type: \"tab.change\" })\n  accessor #tabChangeEvent!: EventEmitter<string>;\n\n  #handleTabChange = (key: string) => {\n    this.activeKey = key;\n    this.#tabChangeEvent.emit(key);\n  };\n  #handleDrawerOpen = () => {\n    this.visible = true;\n    this.#drawerOpenEvent.emit();\n  };\n\n  #handleDrawerClose = () => {\n    this.visible = false;\n    this.#drawerCloseEvent.emit();\n  };\n\n  /**\n   * @description 打开抽屉\n   */\n  @method()\n  open() {\n    this.#handleDrawerOpen();\n  }\n  /**\n   * @description 关闭抽屉\n   */\n  @method()\n  close() {\n    this.#handleDrawerClose();\n  }\n  render(): React.ReactNode {\n    return (\n      <TabsDrawerComponent\n        tabList={this.tabList || []}\n        activeKey={this.activeKey}\n        width={this.width}\n        bodyStyle={this.bodyStyle}\n        drawerStyle={this.drawerStyle}\n        zIndex={this.zIndex}\n        visible={this.visible}\n        onClose={this.#handleDrawerClose}\n        onOpen={this.#handleDrawerOpen}\n        onTabChange={this.#handleTabChange}\n      />\n    );\n  }\n}\nexport function TabsDrawerComponent(\n  props: TabsDrawerProps\n): React.ReactElement {\n  const {\n    tabList,\n    width = 378,\n    drawerStyle,\n    bodyStyle,\n    zIndex,\n    onClose,\n    onOpen,\n    onTabChange,\n    visible,\n  } = props;\n  const contentRef = useRef<HTMLDivElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [activeKey, setActiveKey] = useState(props.activeKey);\n  const setActiveItem = (key: string): void => {\n    const _contentSlot = contentRef.current;\n    if (_contentSlot) {\n      const _slotElement = _contentSlot.querySelectorAll(\"slot\");\n      _slotElement?.forEach((slot) => {\n        slot.hidden = slot.name !== key;\n      });\n      setActiveKey(key);\n    }\n  };\n  const handleClick = useCallback(\n    (event: MouseEvent) => {\n      const targetElement = event\n        .composedPath()\n        .some((ele) => ele === containerRef.current);\n      if (!targetElement) {\n        if (visible) {\n          onClose();\n        }\n      }\n    },\n    [visible, onClose]\n  );\n  useEffect(() => {\n    if (tabList.length) {\n      setActiveItem(props.activeKey ?? tabList[0].key);\n    }\n  }, [props.activeKey, tabList]);\n\n  useEffect(() => {\n    document.addEventListener(\"click\", handleClick);\n    return () => document.removeEventListener(\"click\", handleClick);\n  }, [handleClick]);\n\n  const menuElement = useMemo(\n    () => (\n      <div className=\"menuWrapper\">\n        <div className=\"menuMask\" />\n        {tabList.map((item, index) => (\n          <div\n            className={classNames(\"menuIconItem\", {\n              menuIconItemHover: !!item.tooltip,\n              active: item.key === activeKey,\n            })}\n            key={`menu-${index}`}\n            onClick={() => onTabChange?.(item.key)}\n          >\n            {item.icon && <WrappedIcon {...item.icon} />}\n            {item.tooltip && (\n              <div className=\"menuIconTooltip\">{item.tooltip}</div>\n            )}\n          </div>\n        ))}\n      </div>\n    ),\n    [activeKey, onTabChange, tabList]\n  );\n  return (\n    <div\n      className={classNames(\"drawerWrapper\", {\n        open: visible,\n        close: !visible,\n      })}\n      style={{\n        ...drawerStyle,\n        ...(zIndex ? { zIndex } : {}),\n      }}\n      ref={containerRef}\n    >\n      <span\n        className=\"closeIconBtn\"\n        onClick={() => (visible ? onClose?.() : onOpen?.())}\n      >\n        <span className=\"closeIcon\" />\n      </span>\n      <div\n        className={classNames(\"drawerBody\")}\n        style={{\n          ...bodyStyle,\n          width,\n        }}\n      >\n        {menuElement}\n        <div className=\"content\" ref={contentRef}>\n          {tabList.map((item, index) => (\n            <slot name={item.key} key={`slot-${index}`} />\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport { TabsDrawer };\n","/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\tvar nativeCodeString = '[native code]';\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{--palette-rgba-white-1:rgba(255,255,255,10%);--palette-rgba-white-2:rgba(255,255,255,20%);--palette-rgba-white-3:rgba(255,255,255,30%);--palette-rgba-white-4:rgba(255,255,255,40%);--palette-rgba-white-5:rgba(255,255,255,50%);--palette-rgba-white-6:rgba(255,255,255,60%);--palette-rgba-white-7:rgba(255,255,255,70%);--palette-rgba-white-8:rgba(255,255,255,80%);--palette-rgba-white-9:rgba(255,255,255,90%);--palette-rgba-white-10:rgba(255,255,255,100%);--palette-rgba-gray-1:rgba(0,0,0,10%);--palette-rgba-gray-2:rgba(0,0,0,20%);--palette-rgba-gray-3:rgba(0,0,0,30%);--palette-rgba-gray-4:rgba(0,0,0,40%);--palette-rgba-gray-5:rgba(0,0,0,50%);--palette-rgba-gray-6:rgba(0,0,0,60%);--palette-rgba-gray-7:rgba(0,0,0,70%);--palette-rgba-gray-8:rgba(0,0,0,80%);--palette-rgba-gray-9:rgba(0,0,0,90%);--palette-rgba-gray-10:rgba(0,0,0,100%);--palette-rgba-blue-gray-2:rgba(101,106,134,20%);--palette-rgba-blue-gray-3:rgba(101,106,134,30%);--palette-rgba-blue-gray-8:rgba(101,106,134,80%);--palette-tech-blue-4-channel:67,127,255;--palette-tech-blue-4:rgb(var(--palette-tech-blue-4-channel));--palette-tech-blue-6-channel:51,102,255;--palette-tech-blue-6:rgb(var(--palette-tech-blue-6-channel));--palette-tech-blue-8-channel:40,69,159;--palette-tech-blue-8:rgb(var(--palette-tech-blue-8-channel));--palette-sea-green-4-channel:131,245,225;--palette-sea-green-4:rgb(var(--palette-sea-green-4-channel));--palette-green-6-channel:81,235,73;--palette-green-6:rgb(var(--palette-green-6-channel));--palette-green-2:rgba(var(--palette-green-6-channel),20%);--palette-lotus-pink-7-channel:204,0,102;--palette-lotus-pink-7:rgb(var(--palette-lotus-pink-7-channel));--palette-red-6-channel:242,39,39;--palette-red-6:rgb(var(--palette-red-6-channel));--palette-red-2:rgba(var(--palette-red-6-channel),20%);--color-fill-global-bg:#0f1014;--color-fill-bg-container-1:var(--palette-rgba-white-1);--color-fill-bg-container-2:var(--palette-rgba-blue-gray-2);--color-fill-bg-container-3:var(--palette-rgba-blue-gray-8);--color-fill-bg-base-1:var(--palette-rgba-blue-gray-2);--color-fill-bg-base-2:rgba(15,16,20,0%);--color-fill-bg-base-3:rgba(0,0,0,20%);--color-fill-bg-base-4:rgba(40,46,58,100%);--color-fill-bg-base-5:rgba(19,25,47,80%);--color-fill-bg-base-6:var(--palette-rgba-blue-gray-3);--color-brand:var(--palette-tech-blue-6);--color-brand-hover:var(--palette-tech-blue-4);--color-brand-active:var(--palette-tech-blue-8);--color-contrast-1:var(--palette-sea-green-4);--color-error:var(--palette-red-6);--color-error-bg:var(--palette-red-2);--color-success:var(--palette-green-6);--color-success-bg:var(--palette-green-2);--color-header-text-big:var(--palette-rgba-white-10);--color-header-text:var(--palette-rgba-white-10);--color-normal-text:var(--palette-rgba-white-10);--color-strong-text:var(--palette-rgba-white-9);--color-auxiliary-text:var(--palette-rgba-white-8);--color-secondary-text:var(--palette-rgba-white-6);--color-disabled-text:var(--palette-rgba-white-4);--color-border-divider-line:var(--palette-rgba-white-1);--color-text-divider-line-1:var(--palette-rgba-white-2);--color-text-divider-line-2:var(--palette-rgba-white-2);--small-border-radius:2px;--medius-border-radius:5px;--larger-border-radius:12px;--container-border-radius:9999px;--no-border-radius:0px;--mask-bg:var(--palette-rgba-gray-7);--title-font-size-larger:30px;--title-font-size-strong:22px;--title-font-size:18px;--normal-font-size:14px;--auxiliary-font-size:16px;--auxiliary-font-size-small:12px;--overview-data-font-size:34px;--statistics-data-font-size:28px;--normal-data-font-size-larger:20px;--normal-data-font-size:16px;--chart-legend-font-size:12px;--chart-tooltips-font-size-1:12px;--chart-tooltips-font-size-2:12px;--chart-axis-x-font-size:12px;--chart-axis-x-font-size-larger:14px;--chart-axis-y-font-size:12px;--chart-axis-y-font-size-larger:14px;--font-weight-600:600;--font-weight-500:500;--font-weight-400:400;--text-shadow:0px 1px 4px #2863ee;--border-width-base:1px;--border-width-double-base:2px;--border-width-tribble-base:3px;--punctate-width-base:1px;--paragraph-width-base:1px;--button-text-color:#40d0db}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","// 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, `.drawerWrapper{position:fixed;right:0;top:0;height:100vh;z-index:1000}.drawerWrapper.open,\n.drawerWrapper.close{transition:transform 0.3s cubic-bezier(0.7,0.3,0.1,1),box-shadow 0.3s cubic-bezier(0.7,0.3,0.1,1)}.drawerBody{display:flex;min-width:200px;height:100%;background:var(--color-fill-global-bg)}.drawerWrapper.open{transform:translate(0,0)}.drawerWrapper.close{transform:translateX(100%)}.drawerBodyHidden{display:none}.menuWrapper{position:relative;width:46px;height:100%;background:var(--color-fill-bg-base-1)}.menuMask{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(41,109,255,0.8);opacity:0.1;filter:blur(50px);pointer-events:none}.closeIconBtn{position:absolute;top:50%;left:-17px;width:17px;height:40px;background:linear-gradient(180deg,#232431 0%,#15191F 53%,#232431 100%);display:flex;justify-content:center;align-items:center;border-radius:4px 0 0 4px}.closeIconBtn:hover{background:#3B3C4F}.closeIcon{width:3px;height:11px;border-left:2px solid var(--color-normal-text);border-right:2px solid var(--color-normal-text)}.menuIconItem{width:100%;height:46px;text-align:center;line-height:46px;color:var(--color-normal-text);background:rgba(25,26,34,0);opacity:0.4;position:relative}.menuIconItem:hover{opacity:0.8}.menuIconItem.active{background:var(--color-fill-global-bg);opacity:1}.menuIconItemHover:hover  > .menuIconTooltip{display:block}.menuIconTooltip{display:none;position:absolute;right:55px;top:7px;line-height:20px;padding:8px 15px 8px 8px;font-size:var(--chart-tooltips-font-size-2);color:var(--color-normal-text);width:auto;white-space:nowrap;--treemap-tooltip-background:rgba(103,149,219,0.12) radial-gradient(100% 100% ellipse at 12px 4px,rgba(var(--palette-tech-blue-6-channel),0.3),rgba(var(--palette-tech-blue-6-channel),0));--treemap-backdrop-filter:blur(5px);z-index:0}.menuIconTooltip:before,\n.menuIconTooltip:after{content:\"\";clear:both;position:absolute;display:block;left:0;right:0;top:0;bottom:0;z-index:-1;background:var(--treemap-tooltip-background);-webkit-backdrop-filter:var(--treemap-backdrop-filter);backdrop-filter:var(--treemap-backdrop-filter)}.menuIconTooltip::before{-webkit-clip-path:inset(0 7px 0 0 round var(--medius-border-radius));clip-path:inset(0 7px 0 0 round var(--medius-border-radius))}.menuIconTooltip::after{-webkit-clip-path:polygon(calc(100% - 7px) calc(50% - 7px),100% 50%,calc(100% - 7px) calc(50% + 7px));clip-path:polygon(calc(100% - 7px) calc(50% - 7px),100% 50%,calc(100% - 7px) calc(50% + 7px))}.content{flex:1}`, \"\"]);\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\";\nexport default function setFunctionName(e, t, n) {\n  \"symbol\" == _typeof(t) && (t = (t = t.description) ? \"[\" + t + \"]\" : \"\");\n  try {\n    Object.defineProperty(e, \"name\", {\n      configurable: !0,\n      value: n ? n + \" \" + t : t\n    });\n  } catch (e) {}\n  return e;\n}","import _typeof from \"./typeof.js\";\nimport checkInRHS from \"./checkInRHS.js\";\nimport setFunctionName from \"./setFunctionName.js\";\nimport toPropertyKey from \"./toPropertyKey.js\";\nexport default function applyDecs2305(e, t, r, n, o, a) {\n  function i(e, t, r) {\n    return function (n, o) {\n      return r && r(n), e[t].call(n, o);\n    };\n  }\n  function c(e, t) {\n    for (var r = 0; r < e.length; r++) e[r].call(t);\n    return t;\n  }\n  function s(e, t, r, n) {\n    if (\"function\" != typeof e && (n || void 0 !== e)) throw new TypeError(t + \" must \" + (r || \"be\") + \" a function\" + (n ? \"\" : \" or undefined\"));\n    return e;\n  }\n  function applyDec(e, t, r, n, o, a, c, u, l, f, p, d, h) {\n    function m(e) {\n      if (!h(e)) throw new TypeError(\"Attempted to access private element on non-instance\");\n    }\n    var y,\n      v = t[0],\n      g = t[3],\n      b = !u;\n    if (!b) {\n      r || Array.isArray(v) || (v = [v]);\n      var w = {},\n        S = [],\n        A = 3 === o ? \"get\" : 4 === o || d ? \"set\" : \"value\";\n      f ? (p || d ? w = {\n        get: setFunctionName(function () {\n          return g(this);\n        }, n, \"get\"),\n        set: function set(e) {\n          t[4](this, e);\n        }\n      } : w[A] = g, p || setFunctionName(w[A], n, 2 === o ? \"\" : A)) : p || (w = Object.getOwnPropertyDescriptor(e, n));\n    }\n    for (var P = e, j = v.length - 1; j >= 0; j -= r ? 2 : 1) {\n      var D = v[j],\n        E = r ? v[j - 1] : void 0,\n        I = {},\n        O = {\n          kind: [\"field\", \"accessor\", \"method\", \"getter\", \"setter\", \"class\"][o],\n          name: n,\n          metadata: a,\n          addInitializer: function (e, t) {\n            if (e.v) throw new Error(\"attempted to call addInitializer after decoration was finished\");\n            s(t, \"An initializer\", \"be\", !0), c.push(t);\n          }.bind(null, I)\n        };\n      try {\n        if (b) (y = s(D.call(E, P, O), \"class decorators\", \"return\")) && (P = y);else {\n          var k, F;\n          O[\"static\"] = l, O[\"private\"] = f, f ? 2 === o ? k = function k(e) {\n            return m(e), w.value;\n          } : (o < 4 && (k = i(w, \"get\", m)), 3 !== o && (F = i(w, \"set\", m))) : (k = function k(e) {\n            return e[n];\n          }, (o < 2 || 4 === o) && (F = function F(e, t) {\n            e[n] = t;\n          }));\n          var N = O.access = {\n            has: f ? h.bind() : function (e) {\n              return n in e;\n            }\n          };\n          if (k && (N.get = k), F && (N.set = F), P = D.call(E, d ? {\n            get: w.get,\n            set: w.set\n          } : w[A], O), d) {\n            if (\"object\" == _typeof(P) && P) (y = s(P.get, \"accessor.get\")) && (w.get = y), (y = s(P.set, \"accessor.set\")) && (w.set = y), (y = s(P.init, \"accessor.init\")) && S.push(y);else if (void 0 !== P) throw new TypeError(\"accessor decorators must return an object with get, set, or init properties or void 0\");\n          } else s(P, (p ? \"field\" : \"method\") + \" decorators\", \"return\") && (p ? S.push(P) : w[A] = P);\n        }\n      } finally {\n        I.v = !0;\n      }\n    }\n    return (p || d) && u.push(function (e, t) {\n      for (var r = S.length - 1; r >= 0; r--) t = S[r].call(e, t);\n      return t;\n    }), p || b || (f ? d ? u.push(i(w, \"get\"), i(w, \"set\")) : u.push(2 === o ? w[A] : i.call.bind(w[A])) : Object.defineProperty(e, n, w)), P;\n  }\n  function u(e, t) {\n    return Object.defineProperty(e, Symbol.metadata || Symbol[\"for\"](\"Symbol.metadata\"), {\n      configurable: !0,\n      enumerable: !0,\n      value: t\n    });\n  }\n  if (arguments.length >= 6) var l = a[Symbol.metadata || Symbol[\"for\"](\"Symbol.metadata\")];\n  var f = Object.create(null == l ? null : l),\n    p = function (e, t, r, n) {\n      var o,\n        a,\n        i = [],\n        s = function s(t) {\n          return checkInRHS(t) === e;\n        },\n        u = new Map();\n      function l(e) {\n        e && i.push(c.bind(null, e));\n      }\n      for (var f = 0; f < t.length; f++) {\n        var p = t[f];\n        if (Array.isArray(p)) {\n          var d = p[1],\n            h = p[2],\n            m = p.length > 3,\n            y = 16 & d,\n            v = !!(8 & d),\n            g = 0 == (d &= 7),\n            b = h + \"/\" + v;\n          if (!g && !m) {\n            var w = u.get(b);\n            if (!0 === w || 3 === w && 4 !== d || 4 === w && 3 !== d) 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            u.set(b, !(d > 2) || d);\n          }\n          applyDec(v ? e : e.prototype, p, y, m ? \"#\" + h : toPropertyKey(h), d, n, v ? a = a || [] : o = o || [], i, v, m, g, 1 === d, v && m ? s : r);\n        }\n      }\n      return l(o), l(a), i;\n    }(e, t, o, f);\n  return r.length || u(e, f), {\n    e: p,\n    get c() {\n      var t = [];\n      return r.length && [u(applyDec(e, [r], n, e.name, 5, f, t), f), c.bind(null, t, e)];\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}","import toPropertyKey from \"./toPropertyKey.js\";\nexport default function _defineProperty(obj, key, value) {\n  key = toPropertyKey(key);\n  if (key in obj) {\n    Object.defineProperty(obj, key, {\n      value: value,\n      enumerable: true,\n      configurable: true,\n      writable: true\n    });\n  } else {\n    obj[key] = value;\n  }\n  return obj;\n}","import defineProperty from \"./defineProperty.js\";\nfunction ownKeys(e, r) {\n  var t = Object.keys(e);\n  if (Object.getOwnPropertySymbols) {\n    var o = Object.getOwnPropertySymbols(e);\n    r && (o = o.filter(function (r) {\n      return Object.getOwnPropertyDescriptor(e, r).enumerable;\n    })), t.push.apply(t, o);\n  }\n  return t;\n}\nexport default function _objectSpread2(e) {\n  for (var r = 1; r < arguments.length; r++) {\n    var t = null != arguments[r] ? arguments[r] : {};\n    r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {\n      defineProperty(e, r, t[r]);\n    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {\n      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));\n    });\n  }\n  return e;\n}","import _typeof from \"./typeof.js\";\nimport toPrimitive from \"./toPrimitive.js\";\nexport default function toPropertyKey(t) {\n  var i = toPrimitive(t, \"string\");\n  return \"symbol\" == _typeof(i) ? i : String(i);\n}","import _typeof from \"./typeof.js\";\nexport default function toPrimitive(t, r) {\n  if (\"object\" != _typeof(t) || !t) return t;\n  var e = t[Symbol.toPrimitive];\n  if (void 0 !== e) {\n    var i = e.call(t, r || \"default\");\n    if (\"object\" != _typeof(i)) return i;\n    throw new TypeError(\"@@toPrimitive must return a primitive value.\");\n  }\n  return (\"string\" === r ? String : Number)(t);\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":["_TabsDrawer","defineElement","property","event","method","createDecorators","WrappedIcon","wrapBrick","_classDecs","styleTexts","variablesStyleText","styleText","_dec","attribute","_dec2","_dec3","_dec4","_dec5","_dec6","type","Number","_dec7","Boolean","_dec8","_dec9","_dec10","_dec11","_dec12","_A","WeakMap","_B","_C","_D","_E","_F","_G","_H","_drawerOpenEvent","_I","_drawerCloseEvent","_J","_tabChangeEvent","_handleTabChange","_handleDrawerOpen","_handleDrawerClose","TabsDrawer","ReactNextElement","constructor","arguments","_classPrivateFieldInitSpec","get","_get_tabChangeEvent2","set","_set_tabChangeEvent2","_get_drawerCloseEvent2","_set_drawerCloseEvent2","_get_drawerOpenEvent2","_set_drawerOpenEvent2","writable","value","_initProto","_init_tabList","_init_activeKey","_init_width","_init_drawerStyle","_init_bodyStyle","_init_zIndex","_init_visible","_init_drawerOpenEvent","_init_drawerCloseEvent","_init_tabChangeEvent","key","this","activeKey","_classPrivateFieldGet","emit","visible","tabList","v","_classPrivateFieldSet","width","drawerStyle","bodyStyle","zIndex","open","call","close","render","React","TabsDrawerComponent","onClose","onOpen","onTabChange","_set_drawerOpenEvent","_get_drawerOpenEvent","_set_drawerCloseEvent","_get_drawerCloseEvent","_set_tabChangeEvent","_get_tabChangeEvent","props","contentRef","useRef","containerRef","setActiveKey","useState","handleClick","useCallback","composedPath","some","ele","current","useEffect","_props$activeKey","length","_contentSlot","_slotElement","querySelectorAll","forEach","slot","hidden","name","setActiveItem","document","addEventListener","removeEventListener","menuElement","useMemo","className","map","item","index","classNames","menuIconItemHover","tooltip","active","concat","onClick","icon","style","_objectSpread","ref","_TabsDrawer2","e","c","_initClass","_applyDecs","o","_","has","_checkInRHS","hasOwn","hasOwnProperty","classes","i","arg","argType","push","Array","isArray","inner","apply","toString","Object","prototype","includes","join","module","exports","default","___CSS_LOADER_EXPORT___","id","cssWithMappingToString","list","content","needLayer","modules","media","dedupe","supports","layer","undefined","alreadyImportedModules","k","_k","setFunctionName","t","n","description","defineProperty","configurable","applyDecs2305","r","a","s","TypeError","applyDec","u","l","f","p","d","h","m","y","g","b","w","S","A","getOwnPropertyDescriptor","P","j","D","E","I","O","kind","metadata","addInitializer","Error","bind","F","N","access","init","Symbol","enumerable","create","checkInRHS","Map","toPropertyKey","_checkPrivateRedeclaration","obj","privateCollection","_classExtractFieldDescriptor","receiver","privateMap","action","descriptor","classExtractFieldDescriptor","_defineProperty","ownKeys","keys","getOwnPropertySymbols","filter","_objectSpread2","getOwnPropertyDescriptors","defineProperties","toPrimitive","String","_typeof","iterator"],"sourceRoot":""}

package/dist/examples.json

@@ -1,16 +1,19 @@
 {
+  "data-view.gear-background": {
+    "doc": "齿轮背景\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.gear-background\n  properties:\n    style:\n      width: 300px\n      height: 300px\n      display: block\n      background: \"#1c1e21\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.gear-background\n#   style=\"width: 300px; height: 300px; display: block; background: #1c1e21\"\n# ></data-view.gear-background>\n# \n```\n"
+  },
   "data-view.gauge-chart": {
     "doc": "大屏仪表盘构件\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.gauge-chart\n  properties:\n    value: 100\n    radius: 180\n    strokeWidth: 20\n    description: 已部署 1490 个 / 3300个\n  slots:\n    \"\":\n      type: bricks\n      bricks:\n        - brick: div\n          properties:\n            textContent: 已部署 1490 个 / 3300个\n            style:\n              font-size: 16px\n              font-weight: 500\n              color: \"#fff\"\n              margin: 0 0 300px 0\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.gauge-chart\n#   value=\"100\"\n#   radius=\"180\"\n#   stroke-width=\"20\"\n#   description=\"已部署 1490 个 / 3300个\"\n# >\n#   <div\n#     style=\"font-size: 16px; font-weight: 500; color: #fff; margin: 0 0 300px 0\"\n#   >\n#     已部署 1490 个 / 3300个\n#   </div>\n# </data-view.gauge-chart>\n# \n```\n"
   },
   "data-view.modern-style-component-title": {
     "doc": "现代风格的组件标题\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.modern-style-component-title\n  properties:\n    componentTitle: 组件标题\n    style:\n      height: 50px\n      display: block\n      background-color: \"#1c1e21\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.modern-style-component-title\n#   component-title=\"组件标题\"\n#   style=\"height: 50px; display: block; background-color: #1c1e21\"\n# ></data-view.modern-style-component-title>\n# \n```\n\n### TitleSuffix && Toolbar slot\n\n```yaml preview\n- brick: data-view.modern-style-component-title\n  properties:\n    componentTitle: 组件标题\n    style:\n      height: 50px\n      display: block\n      background-color: \"#1c1e21\"\n  slots:\n    toolbar:\n      type: bricks\n      bricks:\n        - brick: span\n          properties:\n            textContent: toolbar\n    titleSuffix:\n      type: bricks\n      bricks:\n        - brick: span\n          properties:\n            textContent: titleSuffix\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.modern-style-component-title\n#   component-title=\"组件标题\"\n#   style=\"height: 50px; display: block; background-color: #1c1e21\"\n# >\n#   <span slot=\"toolbar\">toolbar</span>\n#   <span slot=\"titleSuffix\">titleSuffix</span>\n# </data-view.modern-style-component-title>\n# \n```\n\n### hideRightComponent\n\n```yaml preview\n- brick: data-view.modern-style-component-title\n  properties:\n    componentTitle: 组件标题\n    hideRightComponent: false\n    hideLeftComponent: true\n    style:\n      height: 50px\n      display: block\n      background-color: \"#1c1e21\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.modern-style-component-title\n#   component-title=\"组件标题\"\n#   hide-right-component=\"false\"\n#   hide-left-component=\"true\"\n#   style=\"height: 50px; display: block; background-color: #1c1e21\"\n# ></data-view.modern-style-component-title>\n# \n```\n"
   },
-  "data-view.tabs-drawer": {
-    "doc": "data-view.tabs-drawer\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.tabs-drawer\n  properties:\n    activeKey: search\n    id: drawer\n    visible: true\n    width: 800\n    style:\n      height: 600px\n      display: block\n    tabList:\n      - tooltip: 搜索\n        key: search\n        icon:\n          lib: fa\n          icon: search\n          prefix: fas\n      - tooltip: 内容\n        key: app\n        icon:\n          lib: easyops\n          category: app\n          icon: micro-app-configuration\n\n      - tooltip: 图表\n        key: chart\n        icon:\n          lib: fa\n          icon: ad\n          prefix: fas\n  slots:\n    search:\n      type: bricks\n      bricks:\n        - brick: div\n          properties:\n            style:\n              padding: 0 16px\n              height: 100px\n              background: red\n            textContent: 测试\n    app:\n      type: bricks\n      bricks:\n        - brick: div\n          properties:\n            textContent: 内容区域\n            style:\n              background: yellow\n              height: 100px\n    chart:\n      type: bricks\n      bricks:\n        - brick: div\n          properties:\n            textContent: 图表区域\n            style:\n              background: green\n              height: 100px\n  events:\n    close:\n      - action: console.log\n    tab.change:\n      - action: console.log\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.tabs-drawer\n#   active-key=\"search\"\n#   visible\n#   style=\"height: 600px; display: block\"\n#   id=\"drawer\"\n# >\n#   <div slot=\"search\" style=\"padding: 0 16px; height: 100px; background: red\">\n#     测试\n#   </div>\n#   <div slot=\"app\" style=\"background: yellow; height: 100px\">内容区域</div>\n#   <div slot=\"chart\" style=\"background: green; height: 100px\">图表区域</div>\n# </data-view.tabs-drawer>\n# \n# <script>\n#   const drawer = document.getElementById(\"drawer\");\n#   drawer.width = 800;\n#   drawer.tabList = [\n#     {\n#       tooltip: \"搜索\",\n#       key: \"search\",\n#       icon: {\n#         lib: \"fa\",\n#         icon: \"search\",\n#         prefix: \"fas\",\n#       },\n#     },\n#     {\n#       tooltip: \"内容\",\n#       key: \"app\",\n#       icon: {\n#         lib: \"easyops\",\n#         category: \"app\",\n#         icon: \"micro-app-configuration\",\n#       },\n#     },\n#     {\n#       tooltip: \"图表\",\n#       key: \"chart\",\n#       icon: {\n#         lib: \"fa\",\n#         icon: \"ad\",\n#         prefix: \"fas\",\n#       },\n#     },\n#   ];\n#   drawer.addEventListener(\"close\", (e) => {\n#     console.log(e.detail);\n#   });\n#   drawer.addEventListener(\"tab.change\", (e) => {\n#     console.log(e.detail);\n#   });\n# </script>\n# \n```\n"
-  },
   "data-view.modern-style-page-title": {
     "doc": "现代风格的页面标题构件\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.modern-style-page-title\n  properties:\n    pageTitle: XX应用大屏\n    description: \"- APPLICATION HEALTH MONITORING SCREEN -\"\n    style:\n      display: block\n      background-color: \"#1c1e21\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.modern-style-page-title\n#   page-title=\"XX应用大屏\"\n#   description=\"- APPLICATION HEALTH MONITORING SCREEN -\"\n#   style=\"display: block; background-color: #1c1e21\"\n# ></data-view.modern-style-page-title>\n# \n```\n"
   },
+  "data-view.tabs-drawer": {
+    "doc": "data-view.tabs-drawer\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.tabs-drawer\n  properties:\n    activeKey: search\n    id: drawer\n    visible: true\n    width: 800\n    style:\n      height: 600px\n      display: block\n    tabList:\n      - tooltip: 搜索\n        key: search\n        icon:\n          lib: fa\n          icon: search\n          prefix: fas\n      - tooltip: 内容\n        key: app\n        icon:\n          lib: easyops\n          category: app\n          icon: micro-app-configuration\n\n      - tooltip: 图表\n        key: chart\n        icon:\n          lib: fa\n          icon: ad\n          prefix: fas\n  slots:\n    search:\n      type: bricks\n      bricks:\n        - brick: div\n          properties:\n            style:\n              padding: 0 16px\n              height: 100px\n              background: red\n            textContent: 测试\n    app:\n      type: bricks\n      bricks:\n        - brick: div\n          properties:\n            textContent: 内容区域\n            style:\n              background: yellow\n              height: 100px\n    chart:\n      type: bricks\n      bricks:\n        - brick: div\n          properties:\n            textContent: 图表区域\n            style:\n              background: green\n              height: 100px\n  events:\n    close:\n      - action: console.log\n    tab.change:\n      - action: console.log\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.tabs-drawer\n#   active-key=\"search\"\n#   visible\n#   style=\"height: 600px; display: block\"\n#   id=\"drawer\"\n# >\n#   <div slot=\"search\" style=\"padding: 0 16px; height: 100px; background: red\">\n#     测试\n#   </div>\n#   <div slot=\"app\" style=\"background: yellow; height: 100px\">内容区域</div>\n#   <div slot=\"chart\" style=\"background: green; height: 100px\">图表区域</div>\n# </data-view.tabs-drawer>\n# \n# <script>\n#   const drawer = document.getElementById(\"drawer\");\n#   drawer.width = 800;\n#   drawer.tabList = [\n#     {\n#       tooltip: \"搜索\",\n#       key: \"search\",\n#       icon: {\n#         lib: \"fa\",\n#         icon: \"search\",\n#         prefix: \"fas\",\n#       },\n#     },\n#     {\n#       tooltip: \"内容\",\n#       key: \"app\",\n#       icon: {\n#         lib: \"easyops\",\n#         category: \"app\",\n#         icon: \"micro-app-configuration\",\n#       },\n#     },\n#     {\n#       tooltip: \"图表\",\n#       key: \"chart\",\n#       icon: {\n#         lib: \"fa\",\n#         icon: \"ad\",\n#         prefix: \"fas\",\n#       },\n#     },\n#   ];\n#   drawer.addEventListener(\"close\", (e) => {\n#     console.log(e.detail);\n#   });\n#   drawer.addEventListener(\"tab.change\", (e) => {\n#     console.log(e.detail);\n#   });\n# </script>\n# \n```\n"
+  },
   "data-view.modern-style-treemap": {
     "doc": "data-view.modern-style-treemap\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.modern-style-treemap\n  properties:\n    data:\n      name: flare\n      children:\n        - name: analytics\n          children:\n            - name: cluster\n              children:\n                - name: AgglomerativeCluster\n                  value: 3938\n                - name: CommunityStructure\n                  value: 3812\n                - name: HierarchicalCluster\n                  value: 6714\n                - name: MergeEdge\n                  value: 743\n            - name: graph\n              children:\n                - name: BetweennessCentrality\n                  value: 3534\n                - name: LinkDistance\n                  value: 5731\n                - name: MaxFlowMinCut\n                  value: 7840\n                - name: ShortestPaths\n                  value: 5914\n                - name: SpanningTree\n                  value: 3416\n            - name: optimization\n              children:\n                - name: AspectRatioBanker\n                  value: 7074\n        - name: animate\n          children:\n            - name: Easing\n              value: 17010\n            - name: FunctionSequence\n              value: 5842\n            - name: interpolate\n              children:\n                - name: ArrayInterpolator\n                  value: 1983\n                - name: ColorInterpolator\n                  value: 2047\n                - name: DateInterpolator\n                  value: 1375\n                - name: Interpolator\n                  value: 8746\n                - name: MatrixInterpolator\n                  value: 2202\n                - name: NumberInterpolator\n                  value: 1382\n                - name: ObjectInterpolator\n                  value: 1629\n                - name: PointInterpolator\n                  value: 1675\n                - name: RectangleInterpolator\n                  value: 2042\n            - name: ISchedulable\n              value: 1041\n            - name: Parallel\n              value: 5176\n            - name: Pause\n              value: 449\n            - name: Scheduler\n              value: 5593\n            - name: Sequence\n              value: 5534\n            - name: Transition\n              value: 9201\n            - name: Transitioner\n              value: 19975\n            - name: TransitionEvent\n              value: 1116\n            - name: Tween\n              value: 6006\n        - name: data\n          children:\n            - name: converters\n              children:\n                - name: Converters\n                  value: 721\n                - name: DelimitedTextConverter\n                  value: 4294\n                - name: GraphMLConverter\n                  value: 9800\n                - name: IDataConverter\n                  value: 1314\n                - name: JSONConverter\n                  value: 2220\n            - name: DataField\n              value: 1759\n            - name: DataSchema\n              value: 2165\n            - name: DataSet\n              value: 586\n            - name: DataSource\n              value: 3331\n            - name: DataTable\n              value: 772\n            - name: DataUtil\n              value: 3322\n        - name: display\n          children:\n            - name: DirtySprite\n              value: 8833\n            - name: LineSprite\n              value: 1732\n            - name: RectSprite\n              value: 3623\n            - name: TextSprite\n              value: 10066\n        - name: flex\n          children:\n            - name: FlareVis\n              value: 4116\n        - name: physics\n          children:\n            - name: DragForce\n              value: 1082\n            - name: GravityForce\n              value: 1336\n            - name: IForce\n              value: 319\n            - name: NBodyForce\n              value: 10498\n            - name: Particle\n              value: 2822\n            - name: Simulation\n              value: 9983\n            - name: Spring\n              value: 2213\n            - name: SpringForce\n              value: 1681\n        - name: query\n          children:\n            - name: AggregateExpression\n              value: 1616\n            - name: And\n              value: 1027\n            - name: Arithmetic\n              value: 3891\n            - name: Average\n              value: 891\n            - name: BinaryExpression\n              value: 2893\n            - name: Comparison\n              value: 5103\n            - name: CompositeExpression\n              value: 3677\n            - name: Count\n              value: 781\n            - name: DateUtil\n              value: 4141\n            - name: Distinct\n              value: 933\n            - name: Expression\n              value: 5130\n            - name: ExpressionIterator\n              value: 3617\n            - name: Fn\n              value: 3240\n            - name: If\n              value: 2732\n            - name: IsA\n              value: 2039\n            - name: Literal\n              value: 1214\n            - name: Match\n              value: 3748\n            - name: Maximum\n              value: 843\n            - name: methods\n              children:\n                - name: add\n                  value: 593\n                - name: and\n                  value: 330\n                - name: average\n                  value: 287\n                - name: count\n                  value: 277\n                - name: distinct\n                  value: 292\n                - name: div\n                  value: 595\n                - name: eq\n                  value: 594\n                - name: fn\n                  value: 460\n                - name: gt\n                  value: 603\n                - name: gte\n                  value: 625\n                - name: iff\n                  value: 748\n                - name: isa\n                  value: 461\n                - name: lt\n                  value: 597\n                - name: lte\n                  value: 619\n                - name: max\n                  value: 283\n                - name: min\n                  value: 283\n                - name: mod\n                  value: 591\n                - name: mul\n                  value: 603\n                - name: neq\n                  value: 599\n                - name: not\n                  value: 386\n                - name: or\n                  value: 323\n                - name: orderby\n                  value: 307\n                - name: range\n                  value: 772\n                - name: select\n                  value: 296\n                - name: stddev\n                  value: 363\n                - name: sub\n                  value: 600\n                - name: sum\n                  value: 280\n                - name: update\n                  value: 307\n                - name: variance\n                  value: 335\n                - name: where\n                  value: 299\n                - name: xor\n                  value: 354\n                - name: _\n                  value: 264\n            - name: Minimum\n              value: 843\n            - name: Not\n              value: 1554\n            - name: Or\n              value: 970\n            - name: Query\n              value: 13896\n            - name: Range\n              value: 1594\n            - name: StringUtil\n              value: 4130\n            - name: Sum\n              value: 791\n            - name: Variable\n              value: 1124\n            - name: Variance\n              value: 1876\n            - name: Xor\n              value: 1101\n        - name: scale\n          children:\n            - name: IScaleMap\n              value: 2105\n            - name: LinearScale\n              value: 1316\n            - name: LogScale\n              value: 3151\n            - name: OrdinalScale\n              value: 3770\n            - name: QuantileScale\n              value: 2435\n            - name: QuantitativeScale\n              value: 4839\n            - name: RootScale\n              value: 1756\n            - name: Scale\n              value: 4268\n            - name: ScaleType\n              value: 1821\n            - name: TimeScale\n              value: 5833\n        - name: util\n          children:\n            - name: Arrays\n              value: 8258\n            - name: Colors\n              value: 10001\n            - name: Dates\n              value: 8217\n            - name: Displays\n              value: 12555\n            - name: Filter\n              value: 2324\n            - name: Geometry\n              value: 10993\n            - name: heap\n              children:\n                - name: FibonacciHeap\n                  value: 9354\n                - name: HeapNode\n                  value: 1233\n            - name: IEvaluable\n              value: 335\n            - name: IPredicate\n              value: 383\n            - name: IValueProxy\n              value: 874\n            - name: math\n              children:\n                - name: DenseMatrix\n                  value: 3165\n                - name: IMatrix\n                  value: 2815\n                - name: SparseMatrix\n                  value: 3366\n            - name: Maths\n              value: 17705\n            - name: Orientation\n              value: 1486\n            - name: palette\n              children:\n                - name: ColorPalette\n                  value: 6367\n                - name: Palette\n                  value: 1229\n                - name: ShapePalette\n                  value: 2059\n                - name: SizePalette\n                  value: 2291\n            - name: Property\n              value: 5559\n            - name: Shapes\n              value: 19118\n            - name: Sort\n              value: 6887\n            - name: Stats\n              value: 6557\n            - name: Strings\n              value: 22026\n        - name: vis\n          children:\n            - name: axis\n              children:\n                - name: Axes\n                  value: 1302\n                - name: Axis\n                  value: 24593\n                - name: AxisGridLine\n                  value: 652\n                - name: AxisLabel\n                  value: 636\n                - name: CartesianAxes\n                  value: 6703\n            - name: controls\n              children:\n                - name: AnchorControl\n                  value: 2138\n                - name: ClickControl\n                  value: 3824\n                - name: Control\n                  value: 1353\n                - name: ControlList\n                  value: 4665\n                - name: DragControl\n                  value: 2649\n                - name: ExpandControl\n                  value: 2832\n                - name: HoverControl\n                  value: 4896\n                - name: IControl\n                  value: 763\n                - name: PanZoomControl\n                  value: 5222\n                - name: SelectionControl\n                  value: 7862\n                - name: TooltipControl\n                  value: 8435\n            - name: data\n              children:\n                - name: Data\n                  value: 20544\n                - name: DataList\n                  value: 19788\n                - name: DataSprite\n                  value: 10349\n                - name: EdgeSprite\n                  value: 3301\n                - name: NodeSprite\n                  value: 19382\n                - name: render\n                  children:\n                    - name: ArrowType\n                      value: 698\n                    - name: EdgeRenderer\n                      value: 5569\n                    - name: IRenderer\n                      value: 353\n                    - name: ShapeRenderer\n                      value: 2247\n                - name: ScaleBinding\n                  value: 11275\n                - name: Tree\n                  value: 7147\n                - name: TreeBuilder\n                  value: 9930\n            - name: events\n              children:\n                - name: DataEvent\n                  value: 2313\n                - name: SelectionEvent\n                  value: 1880\n                - name: TooltipEvent\n                  value: 1701\n                - name: VisualizationEvent\n                  value: 1117\n            - name: legend\n              children:\n                - name: Legend\n                  value: 20859\n                - name: LegendItem\n                  value: 4614\n                - name: LegendRange\n                  value: 10530\n            - name: operator\n              children:\n                - name: distortion\n                  children:\n                    - name: BifocalDistortion\n                      value: 4461\n                    - name: Distortion\n                      value: 6314\n                    - name: FisheyeDistortion\n                      value: 3444\n                - name: encoder\n                  children:\n                    - name: ColorEncoder\n                      value: 3179\n                    - name: Encoder\n                      value: 4060\n                    - name: PropertyEncoder\n                      value: 4138\n                    - name: ShapeEncoder\n                      value: 1690\n                    - name: SizeEncoder\n                      value: 1830\n                - name: filter\n                  children:\n                    - name: FisheyeTreeFilter\n                      value: 5219\n                    - name: GraphDistanceFilter\n                      value: 3165\n                    - name: VisibilityFilter\n                      value: 3509\n                - name: IOperator\n                  value: 1286\n                - name: label\n                  children:\n                    - name: Labeler\n                      value: 9956\n                    - name: RadialLabeler\n                      value: 3899\n                    - name: StackedAreaLabeler\n                      value: 3202\n                - name: layout\n                  children:\n                    - name: AxisLayout\n                      value: 6725\n                    - name: BundledEdgeRouter\n                      value: 3727\n                    - name: CircleLayout\n                      value: 9317\n                    - name: CirclePackingLayout\n                      value: 12003\n                    - name: DendrogramLayout\n                      value: 4853\n                    - name: ForceDirectedLayout\n                      value: 8411\n                    - name: IcicleTreeLayout\n                      value: 4864\n                    - name: IndentedTreeLayout\n                      value: 3174\n                    - name: Layout\n                      value: 7881\n                    - name: NodeLinkTreeLayout\n                      value: 12870\n                    - name: PieLayout\n                      value: 2728\n                    - name: RadialTreeLayout\n                      value: 12348\n                    - name: RandomLayout\n                      value: 870\n                    - name: StackedAreaLayout\n                      value: 9121\n                    - name: TreeMapLayout\n                      value: 9191\n                - name: Operator\n                  value: 2490\n                - name: OperatorList\n                  value: 5248\n                - name: OperatorSequence\n                  value: 4190\n                - name: OperatorSwitch\n                  value: 2581\n                - name: SortOperator\n                  value: 2023\n            - name: Visualization\n              value: 16540\n    style:\n      width: 100%\n      height: 800px\n      display: block\n      background-color: \"#1c1e21\"\n    tooltipUseBrick:\n      useBrick:\n        brick: span\n        properties:\n          textContent: <% DATA.data?.name %>\n    leafUseBrick:\n      useBrick:\n        - if: <% DATA.x1 - DATA.x0 > 70 && DATA.y1 - DATA.y0 > 100 %>\n          brick: div\n          properties:\n            style:\n              padding: \"8px 6px\"\n          slots:\n            \"\":\n              type: bricks\n              bricks:\n                - brick: div\n                  properties:\n                    textContent: <% DATA.data.name %>\n                    style:\n                      \"font-size\": \"20px\"\n                      \"font-weight\": 500\n                      color: \"#FFFFFF\"\n                      \"line-height\": \"28px\"\n                      \"text-shadow\": \"0px 1px 4px #3366FF\"\n                      overflow: \"hidden\"\n                      \"white-space\": \"nowrap\"\n                      \"text-overflow\": \"ellipsis\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.modern-style-treemap\n#   style=\"width: 100%; height: 800px; display: block; background-color: #1c1e21\"\n#   id=\"brick-1\"\n# ></data-view.modern-style-treemap>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.data = {\n#     name: \"flare\",\n#     children: [\n#       {\n#         name: \"analytics\",\n#         children: [\n#           {\n#             name: \"cluster\",\n#             children: [\n#               {\n#                 name: \"AgglomerativeCluster\",\n#                 value: 3938,\n#               },\n#               {\n#                 name: \"CommunityStructure\",\n#                 value: 3812,\n#               },\n#               {\n#                 name: \"HierarchicalCluster\",\n#                 value: 6714,\n#               },\n#               {\n#                 name: \"MergeEdge\",\n#                 value: 743,\n#               },\n#             ],\n#           },\n#           {\n#             name: \"graph\",\n#             children: [\n#               {\n#                 name: \"BetweennessCentrality\",\n#                 value: 3534,\n#               },\n#               {\n#                 name: \"LinkDistance\",\n#                 value: 5731,\n#               },\n#               {\n#                 name: \"MaxFlowMinCut\",\n#                 value: 7840,\n#               },\n#               {\n#                 name: \"ShortestPaths\",\n#                 value: 5914,\n#               },\n#               {\n#                 name: \"SpanningTree\",\n#                 value: 3416,\n#               },\n#             ],\n#           },\n#           {\n#             name: \"optimization\",\n#             children: [\n#               {\n#                 name: \"AspectRatioBanker\",\n#                 value: 7074,\n#               },\n#             ],\n#           },\n#         ],\n#       },\n#       {\n#         name: \"animate\",\n#         children: [\n#           {\n#             name: \"Easing\",\n#             value: 17010,\n#           },\n#           {\n#             name: \"FunctionSequence\",\n#             value: 5842,\n#           },\n#           {\n#             name: \"interpolate\",\n#             children: [\n#               {\n#                 name: \"ArrayInterpolator\",\n#                 value: 1983,\n#               },\n#               {\n#                 name: \"ColorInterpolator\",\n#                 value: 2047,\n#               },\n#               {\n#                 name: \"DateInterpolator\",\n#                 value: 1375,\n#               },\n#               {\n#                 name: \"Interpolator\",\n#                 value: 8746,\n#               },\n#               {\n#                 name: \"MatrixInterpolator\",\n#                 value: 2202,\n#               },\n#               {\n#                 name: \"NumberInterpolator\",\n#                 value: 1382,\n#               },\n#               {\n#                 name: \"ObjectInterpolator\",\n#                 value: 1629,\n#               },\n#               {\n#                 name: \"PointInterpolator\",\n#                 value: 1675,\n#               },\n#               {\n#                 name: \"RectangleInterpolator\",\n#                 value: 2042,\n#               },\n#             ],\n#           },\n#           {\n#             name: \"ISchedulable\",\n#             value: 1041,\n#           },\n#           {\n#             name: \"Parallel\",\n#             value: 5176,\n#           },\n#           {\n#             name: \"Pause\",\n#             value: 449,\n#           },\n#           {\n#             name: \"Scheduler\",\n#             value: 5593,\n#           },\n#           {\n#             name: \"Sequence\",\n#             value: 5534,\n#           },\n#           {\n#             name: \"Transition\",\n#             value: 9201,\n#           },\n#           {\n#             name: \"Transitioner\",\n#             value: 19975,\n#           },\n#           {\n#             name: \"TransitionEvent\",\n#             value: 1116,\n#           },\n#           {\n#             name: \"Tween\",\n#             value: 6006,\n#           },\n#         ],\n#       },\n#       {\n#         name: \"data\",\n#         children: [\n#           {\n#             name: \"converters\",\n#             children: [\n#               {\n#                 name: \"Converters\",\n#                 value: 721,\n#               },\n#               {\n#                 name: \"DelimitedTextConverter\",\n#                 value: 4294,\n#               },\n#               {\n#                 name: \"GraphMLConverter\",\n#                 value: 9800,\n#               },\n#               {\n#                 name: \"IDataConverter\",\n#                 value: 1314,\n#               },\n#               {\n#                 name: \"JSONConverter\",\n#                 value: 2220,\n#               },\n#             ],\n#           },\n#           {\n#             name: \"DataField\",\n#             value: 1759,\n#           },\n#           {\n#             name: \"DataSchema\",\n#             value: 2165,\n#           },\n#           {\n#             name: \"DataSet\",\n#             value: 586,\n#           },\n#           {\n#             name: \"DataSource\",\n#             value: 3331,\n#           },\n#           {\n#             name: \"DataTable\",\n#             value: 772,\n#           },\n#           {\n#             name: \"DataUtil\",\n#             value: 3322,\n#           },\n#         ],\n#       },\n#       {\n#         name: \"display\",\n#         children: [\n#           {\n#             name: \"DirtySprite\",\n#             value: 8833,\n#           },\n#           {\n#             name: \"LineSprite\",\n#             value: 1732,\n#           },\n#           {\n#             name: \"RectSprite\",\n#             value: 3623,\n#           },\n#           {\n#             name: \"TextSprite\",\n#             value: 10066,\n#           },\n#         ],\n#       },\n#       {\n#         name: \"flex\",\n#         children: [\n#           {\n#             name: \"FlareVis\",\n#             value: 4116,\n#           },\n#         ],\n#       },\n#       {\n#         name: \"physics\",\n#         children: [\n#           {\n#             name: \"DragForce\",\n#             value: 1082,\n#           },\n#           {\n#             name: \"GravityForce\",\n#             value: 1336,\n#           },\n#           {\n#             name: \"IForce\",\n#             value: 319,\n#           },\n#           {\n#             name: \"NBodyForce\",\n#             value: 10498,\n#           },\n#           {\n#             name: \"Particle\",\n#             value: 2822,\n#           },\n#           {\n#             name: \"Simulation\",\n#             value: 9983,\n#           },\n#           {\n#             name: \"Spring\",\n#             value: 2213,\n#           },\n#           {\n#             name: \"SpringForce\",\n#             value: 1681,\n#           },\n#         ],\n#       },\n#       {\n#         name: \"query\",\n#         children: [\n#           {\n#             name: \"AggregateExpression\",\n#             value: 1616,\n#           },\n#           {\n#             name: \"And\",\n#             value: 1027,\n#           },\n#           {\n#             name: \"Arithmetic\",\n#             value: 3891,\n#           },\n#           {\n#             name: \"Average\",\n#             value: 891,\n#           },\n#           {\n#             name: \"BinaryExpression\",\n#             value: 2893,\n#           },\n#           {\n#             name: \"Comparison\",\n#             value: 5103,\n#           },\n#           {\n#             name: \"CompositeExpression\",\n#             value: 3677,\n#           },\n#           {\n#             name: \"Count\",\n#             value: 781,\n#           },\n#           {\n#             name: \"DateUtil\",\n#             value: 4141,\n#           },\n#           {\n#             name: \"Distinct\",\n#             value: 933,\n#           },\n#           {\n#             name: \"Expression\",\n#             value: 5130,\n#           },\n#           {\n#             name: \"ExpressionIterator\",\n#             value: 3617,\n#           },\n#           {\n#             name: \"Fn\",\n#             value: 3240,\n#           },\n#           {\n#             name: \"If\",\n#             value: 2732,\n#           },\n#           {\n#             name: \"IsA\",\n#             value: 2039,\n#           },\n#           {\n#             name: \"Literal\",\n#             value: 1214,\n#           },\n#           {\n#             name: \"Match\",\n#             value: 3748,\n#           },\n#           {\n#             name: \"Maximum\",\n#             value: 843,\n#           },\n#           {\n#             name: \"methods\",\n#             children: [\n#               {\n#                 name: \"add\",\n#                 value: 593,\n#               },\n#               {\n#                 name: \"and\",\n#                 value: 330,\n#               },\n#               {\n#                 name: \"average\",\n#                 value: 287,\n#               },\n#               {\n#                 name: \"count\",\n#                 value: 277,\n#               },\n#               {\n#                 name: \"distinct\",\n#                 value: 292,\n#               },\n#               {\n#                 name: \"div\",\n#                 value: 595,\n#               },\n#               {\n#                 name: \"eq\",\n#                 value: 594,\n#               },\n#               {\n#                 name: \"fn\",\n#                 value: 460,\n#               },\n#               {\n#                 name: \"gt\",\n#                 value: 603,\n#               },\n#               {\n#                 name: \"gte\",\n#                 value: 625,\n#               },\n#               {\n#                 name: \"iff\",\n#                 value: 748,\n#               },\n#               {\n#                 name: \"isa\",\n#                 value: 461,\n#               },\n#               {\n#                 name: \"lt\",\n#                 value: 597,\n#               },\n#               {\n#                 name: \"lte\",\n#                 value: 619,\n#               },\n#               {\n#                 name: \"max\",\n#                 value: 283,\n#               },\n#               {\n#                 name: \"min\",\n#                 value: 283,\n#               },\n#               {\n#                 name: \"mod\",\n#                 value: 591,\n#               },\n#               {\n#                 name: \"mul\",\n#                 value: 603,\n#               },\n#               {\n#                 name: \"neq\",\n#                 value: 599,\n#               },\n#               {\n#                 name: \"not\",\n#                 value: 386,\n#               },\n#               {\n#                 name: \"or\",\n#                 value: 323,\n#               },\n#               {\n#                 name: \"orderby\",\n#                 value: 307,\n#               },\n#               {\n#                 name: \"range\",\n#                 value: 772,\n#               },\n#               {\n#                 name: \"select\",\n#                 value: 296,\n#               },\n#               {\n#                 name: \"stddev\",\n#                 value: 363,\n#               },\n#               {\n#                 name: \"sub\",\n#                 value: 600,\n#               },\n#               {\n#                 name: \"sum\",\n#                 value: 280,\n#               },\n#               {\n#                 name: \"update\",\n#                 value: 307,\n#               },\n#               {\n#                 name: \"variance\",\n#                 value: 335,\n#               },\n#               {\n#                 name: \"where\",\n#                 value: 299,\n#               },\n#               {\n#                 name: \"xor\",\n#                 value: 354,\n#               },\n#               {\n#                 name: \"_\",\n#                 value: 264,\n#               },\n#             ],\n#           },\n#           {\n#             name: \"Minimum\",\n#             value: 843,\n#           },\n#           {\n#             name: \"Not\",\n#             value: 1554,\n#           },\n#           {\n#             name: \"Or\",\n#             value: 970,\n#           },\n#           {\n#             name: \"Query\",\n#             value: 13896,\n#           },\n#           {\n#             name: \"Range\",\n#             value: 1594,\n#           },\n#           {\n#             name: \"StringUtil\",\n#             value: 4130,\n#           },\n#           {\n#             name: \"Sum\",\n#             value: 791,\n#           },\n#           {\n#             name: \"Variable\",\n#             value: 1124,\n#           },\n#           {\n#             name: \"Variance\",\n#             value: 1876,\n#           },\n#           {\n#             name: \"Xor\",\n#             value: 1101,\n#           },\n#         ],\n#       },\n#       {\n#         name: \"scale\",\n#         children: [\n#           {\n#             name: \"IScaleMap\",\n#             value: 2105,\n#           },\n#           {\n#             name: \"LinearScale\",\n#             value: 1316,\n#           },\n#           {\n#             name: \"LogScale\",\n#             value: 3151,\n#           },\n#           {\n#             name: \"OrdinalScale\",\n#             value: 3770,\n#           },\n#           {\n#             name: \"QuantileScale\",\n#             value: 2435,\n#           },\n#           {\n#             name: \"QuantitativeScale\",\n#             value: 4839,\n#           },\n#           {\n#             name: \"RootScale\",\n#             value: 1756,\n#           },\n#           {\n#             name: \"Scale\",\n#             value: 4268,\n#           },\n#           {\n#             name: \"ScaleType\",\n#             value: 1821,\n#           },\n#           {\n#             name: \"TimeScale\",\n#             value: 5833,\n#           },\n#         ],\n#       },\n#       {\n#         name: \"util\",\n#         children: [\n#           {\n#             name: \"Arrays\",\n#             value: 8258,\n#           },\n#           {\n#             name: \"Colors\",\n#             value: 10001,\n#           },\n#           {\n#             name: \"Dates\",\n#             value: 8217,\n#           },\n#           {\n#             name: \"Displays\",\n#             value: 12555,\n#           },\n#           {\n#             name: \"Filter\",\n#             value: 2324,\n#           },\n#           {\n#             name: \"Geometry\",\n#             value: 10993,\n#           },\n#           {\n#             name: \"heap\",\n#             children: [\n#               {\n#                 name: \"FibonacciHeap\",\n#                 value: 9354,\n#               },\n#               {\n#                 name: \"HeapNode\",\n#                 value: 1233,\n#               },\n#             ],\n#           },\n#           {\n#             name: \"IEvaluable\",\n#             value: 335,\n#           },\n#           {\n#             name: \"IPredicate\",\n#             value: 383,\n#           },\n#           {\n#             name: \"IValueProxy\",\n#             value: 874,\n#           },\n#           {\n#             name: \"math\",\n#             children: [\n#               {\n#                 name: \"DenseMatrix\",\n#                 value: 3165,\n#               },\n#               {\n#                 name: \"IMatrix\",\n#                 value: 2815,\n#               },\n#               {\n#                 name: \"SparseMatrix\",\n#                 value: 3366,\n#               },\n#             ],\n#           },\n#           {\n#             name: \"Maths\",\n#             value: 17705,\n#           },\n#           {\n#             name: \"Orientation\",\n#             value: 1486,\n#           },\n#           {\n#             name: \"palette\",\n#             children: [\n#               {\n#                 name: \"ColorPalette\",\n#                 value: 6367,\n#               },\n#               {\n#                 name: \"Palette\",\n#                 value: 1229,\n#               },\n#               {\n#                 name: \"ShapePalette\",\n#                 value: 2059,\n#               },\n#               {\n#                 name: \"SizePalette\",\n#                 value: 2291,\n#               },\n#             ],\n#           },\n#           {\n#             name: \"Property\",\n#             value: 5559,\n#           },\n#           {\n#             name: \"Shapes\",\n#             value: 19118,\n#           },\n#           {\n#             name: \"Sort\",\n#             value: 6887,\n#           },\n#           {\n#             name: \"Stats\",\n#             value: 6557,\n#           },\n#           {\n#             name: \"Strings\",\n#             value: 22026,\n#           },\n#         ],\n#       },\n#       {\n#         name: \"vis\",\n#         children: [\n#           {\n#             name: \"axis\",\n#             children: [\n#               {\n#                 name: \"Axes\",\n#                 value: 1302,\n#               },\n#               {\n#                 name: \"Axis\",\n#                 value: 24593,\n#               },\n#               {\n#                 name: \"AxisGridLine\",\n#                 value: 652,\n#               },\n#               {\n#                 name: \"AxisLabel\",\n#                 value: 636,\n#               },\n#               {\n#                 name: \"CartesianAxes\",\n#                 value: 6703,\n#               },\n#             ],\n#           },\n#           {\n#             name: \"controls\",\n#             children: [\n#               {\n#                 name: \"AnchorControl\",\n#                 value: 2138,\n#               },\n#               {\n#                 name: \"ClickControl\",\n#                 value: 3824,\n#               },\n#               {\n#                 name: \"Control\",\n#                 value: 1353,\n#               },\n#               {\n#                 name: \"ControlList\",\n#                 value: 4665,\n#               },\n#               {\n#                 name: \"DragControl\",\n#                 value: 2649,\n#               },\n#               {\n#                 name: \"ExpandControl\",\n#                 value: 2832,\n#               },\n#               {\n#                 name: \"HoverControl\",\n#                 value: 4896,\n#               },\n#               {\n#                 name: \"IControl\",\n#                 value: 763,\n#               },\n#               {\n#                 name: \"PanZoomControl\",\n#                 value: 5222,\n#               },\n#               {\n#                 name: \"SelectionControl\",\n#                 value: 7862,\n#               },\n#               {\n#                 name: \"TooltipControl\",\n#                 value: 8435,\n#               },\n#             ],\n#           },\n#           {\n#             name: \"data\",\n#             children: [\n#               {\n#                 name: \"Data\",\n#                 value: 20544,\n#               },\n#               {\n#                 name: \"DataList\",\n#                 value: 19788,\n#               },\n#               {\n#                 name: \"DataSprite\",\n#                 value: 10349,\n#               },\n#               {\n#                 name: \"EdgeSprite\",\n#                 value: 3301,\n#               },\n#               {\n#                 name: \"NodeSprite\",\n#                 value: 19382,\n#               },\n#               {\n#                 name: \"render\",\n#                 children: [\n#                   {\n#                     name: \"ArrowType\",\n#                     value: 698,\n#                   },\n#                   {\n#                     name: \"EdgeRenderer\",\n#                     value: 5569,\n#                   },\n#                   {\n#                     name: \"IRenderer\",\n#                     value: 353,\n#                   },\n#                   {\n#                     name: \"ShapeRenderer\",\n#                     value: 2247,\n#                   },\n#                 ],\n#               },\n#               {\n#                 name: \"ScaleBinding\",\n#                 value: 11275,\n#               },\n#               {\n#                 name: \"Tree\",\n#                 value: 7147,\n#               },\n#               {\n#                 name: \"TreeBuilder\",\n#                 value: 9930,\n#               },\n#             ],\n#           },\n#           {\n#             name: \"events\",\n#             children: [\n#               {\n#                 name: \"DataEvent\",\n#                 value: 2313,\n#               },\n#               {\n#                 name: \"SelectionEvent\",\n#                 value: 1880,\n#               },\n#               {\n#                 name: \"TooltipEvent\",\n#                 value: 1701,\n#               },\n#               {\n#                 name: \"VisualizationEvent\",\n#                 value: 1117,\n#               },\n#             ],\n#           },\n#           {\n#             name: \"legend\",\n#             children: [\n#               {\n#                 name: \"Legend\",\n#                 value: 20859,\n#               },\n#               {\n#                 name: \"LegendItem\",\n#                 value: 4614,\n#               },\n#               {\n#                 name: \"LegendRange\",\n#                 value: 10530,\n#               },\n#             ],\n#           },\n#           {\n#             name: \"operator\",\n#             children: [\n#               {\n#                 name: \"distortion\",\n#                 children: [\n#                   {\n#                     name: \"BifocalDistortion\",\n#                     value: 4461,\n#                   },\n#                   {\n#                     name: \"Distortion\",\n#                     value: 6314,\n#                   },\n#                   {\n#                     name: \"FisheyeDistortion\",\n#                     value: 3444,\n#                   },\n#                 ],\n#               },\n#               {\n#                 name: \"encoder\",\n#                 children: [\n#                   {\n#                     name: \"ColorEncoder\",\n#                     value: 3179,\n#                   },\n#                   {\n#                     name: \"Encoder\",\n#                     value: 4060,\n#                   },\n#                   {\n#                     name: \"PropertyEncoder\",\n#                     value: 4138,\n#                   },\n#                   {\n#                     name: \"ShapeEncoder\",\n#                     value: 1690,\n#                   },\n#                   {\n#                     name: \"SizeEncoder\",\n#                     value: 1830,\n#                   },\n#                 ],\n#               },\n#               {\n#                 name: \"filter\",\n#                 children: [\n#                   {\n#                     name: \"FisheyeTreeFilter\",\n#                     value: 5219,\n#                   },\n#                   {\n#                     name: \"GraphDistanceFilter\",\n#                     value: 3165,\n#                   },\n#                   {\n#                     name: \"VisibilityFilter\",\n#                     value: 3509,\n#                   },\n#                 ],\n#               },\n#               {\n#                 name: \"IOperator\",\n#                 value: 1286,\n#               },\n#               {\n#                 name: \"label\",\n#                 children: [\n#                   {\n#                     name: \"Labeler\",\n#                     value: 9956,\n#                   },\n#                   {\n#                     name: \"RadialLabeler\",\n#                     value: 3899,\n#                   },\n#                   {\n#                     name: \"StackedAreaLabeler\",\n#                     value: 3202,\n#                   },\n#                 ],\n#               },\n#               {\n#                 name: \"layout\",\n#                 children: [\n#                   {\n#                     name: \"AxisLayout\",\n#                     value: 6725,\n#                   },\n#                   {\n#                     name: \"BundledEdgeRouter\",\n#                     value: 3727,\n#                   },\n#                   {\n#                     name: \"CircleLayout\",\n#                     value: 9317,\n#                   },\n#                   {\n#                     name: \"CirclePackingLayout\",\n#                     value: 12003,\n#                   },\n#                   {\n#                     name: \"DendrogramLayout\",\n#                     value: 4853,\n#                   },\n#                   {\n#                     name: \"ForceDirectedLayout\",\n#                     value: 8411,\n#                   },\n#                   {\n#                     name: \"IcicleTreeLayout\",\n#                     value: 4864,\n#                   },\n#                   {\n#                     name: \"IndentedTreeLayout\",\n#                     value: 3174,\n#                   },\n#                   {\n#                     name: \"Layout\",\n#                     value: 7881,\n#                   },\n#                   {\n#                     name: \"NodeLinkTreeLayout\",\n#                     value: 12870,\n#                   },\n#                   {\n#                     name: \"PieLayout\",\n#                     value: 2728,\n#                   },\n#                   {\n#                     name: \"RadialTreeLayout\",\n#                     value: 12348,\n#                   },\n#                   {\n#                     name: \"RandomLayout\",\n#                     value: 870,\n#                   },\n#                   {\n#                     name: \"StackedAreaLayout\",\n#                     value: 9121,\n#                   },\n#                   {\n#                     name: \"TreeMapLayout\",\n#                     value: 9191,\n#                   },\n#                 ],\n#               },\n#               {\n#                 name: \"Operator\",\n#                 value: 2490,\n#               },\n#               {\n#                 name: \"OperatorList\",\n#                 value: 5248,\n#               },\n#               {\n#                 name: \"OperatorSequence\",\n#                 value: 4190,\n#               },\n#               {\n#                 name: \"OperatorSwitch\",\n#                 value: 2581,\n#               },\n#               {\n#                 name: \"SortOperator\",\n#                 value: 2023,\n#               },\n#             ],\n#           },\n#           {\n#             name: \"Visualization\",\n#             value: 16540,\n#           },\n#         ],\n#       },\n#     ],\n#   };\n#   brick_1.tooltipUseBrick = {\n#     useBrick: {\n#       brick: \"span\",\n#       properties: {\n#         textContent: \"<% DATA.data?.name %>\",\n#       },\n#     },\n#   };\n#   brick_1.leafUseBrick = {\n#     useBrick: [\n#       {\n#         if: \"<% DATA.x1 - DATA.x0 > 70 && DATA.y1 - DATA.y0 > 100 %>\",\n#         brick: \"div\",\n#         properties: {\n#           style: {\n#             padding: \"8px 6px\",\n#           },\n#         },\n#         slots: {\n#           \"\": {\n#             type: \"bricks\",\n#             bricks: [\n#               {\n#                 brick: \"div\",\n#                 properties: {\n#                   textContent: \"<% DATA.data.name %>\",\n#                   style: {\n#                     \"font-size\": \"20px\",\n#                     \"font-weight\": 500,\n#                     color: \"#FFFFFF\",\n#                     \"line-height\": \"28px\",\n#                     \"text-shadow\": \"0px 1px 4px #3366FF\",\n#                     overflow: \"hidden\",\n#                     \"white-space\": \"nowrap\",\n#                     \"text-overflow\": \"ellipsis\",\n#                   },\n#                 },\n#               },\n#             ],\n#           },\n#         },\n#       },\n#     ],\n#   };\n# </script>\n# \n```\n"
   },
@@ -71,15 +74,12 @@
   "data-view.grid-background": {
     "doc": "网格背景\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.grid-background\n  properties:\n    style:\n      width: 920px\n      height: 600px\n      display: block\n      background-color: \"#1c1e21\"\n    color: \"#235F90\"\n    particleColor:\n      startColor: \"#477AFFFF\"\n      endColor: \"#5F83FF00\"\n    maskStyle:\n      background: \"rgba(41, 109, 255, 0.8)\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.grid-background\n#   style=\"width: 920px; height: 600px; display: block; background-color: #1c1e21\"\n#   id=\"brick-1\"\n# ></data-view.grid-background>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.color = \"#235F90\";\n#   brick_1.particleColor = {\n#     startColor: \"#477AFFFF\",\n#     endColor: \"#5F83FF00\",\n#   };\n#   brick_1.maskStyle = {\n#     background: \"rgba(41, 109, 255, 0.8)\",\n#   };\n# </script>\n# \n```\n"
   },
-  "data-view.gear-background": {
-    "doc": "齿轮背景\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.gear-background\n  properties:\n    style:\n      width: 300px\n      height: 300px\n      display: block\n      background: \"#1c1e21\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.gear-background\n#   style=\"width: 300px; height: 300px; display: block; background: #1c1e21\"\n# ></data-view.gear-background>\n# \n```\n"
+  "data-view.radar-chart": {
+    "doc": "雷达图构件\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.radar-chart\n  properties:\n    dataSource:\n      - name: JavaScript\n        maxValue: 100\n        value: 60\n        percentValue: 45.8%\n      - name: Java\n        maxValue: 100\n        value: 30\n        percentValue: 45.8%\n      - name: CSS\n        maxValue: 100\n        value: 70\n        percentValue: 45.8%\n      - name: Python\n        maxValue: 100\n        value: 30\n        percentValue: 45.8%\n      - name: Three.js\n        maxValue: 100\n        value: 50\n        percentValue: 45.8%\n    value: 85.9\n    dataCircle:\n      fillStyle: red\n      r: 3\n    style:\n      display: block\n      background-color: \"#1c1e21\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.radar-chart\n#   style=\"display: block; background-color: #1c1e21\"\n#   id=\"brick-1\"\n# ></data-view.radar-chart>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.dataSource = [\n#     {\n#       name: \"JavaScript\",\n#       maxValue: 100,\n#       value: 60,\n#       percentValue: \"45.8%\",\n#     },\n#     {\n#       name: \"Java\",\n#       maxValue: 100,\n#       value: 30,\n#       percentValue: \"45.8%\",\n#     },\n#     {\n#       name: \"CSS\",\n#       maxValue: 100,\n#       value: 70,\n#       percentValue: \"45.8%\",\n#     },\n#     {\n#       name: \"Python\",\n#       maxValue: 100,\n#       value: 30,\n#       percentValue: \"45.8%\",\n#     },\n#     {\n#       name: \"Three.js\",\n#       maxValue: 100,\n#       value: 50,\n#       percentValue: \"45.8%\",\n#     },\n#   ];\n#   brick_1.value = 85.9;\n#   brick_1.dataCircle = {\n#     fillStyle: \"red\",\n#     r: 3,\n#   };\n# </script>\n# \n```\n"
   },
   "data-view.title-text": {
     "doc": "构件 title-text\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.title-text\n  properties:\n    text: 大标题\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.title-text text=\"大标题\"></data-view.title-text>\n# \n```\n\n### Stroke\n\n```yaml preview\n- brick: data-view.title-text\n  properties:\n    text: 大标题\n    type: stroke\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.title-text text=\"大标题\" id=\"brick-1\"></data-view.title-text>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.type = \"stroke\";\n# </script>\n# \n```\n\n### Gradient\n\n```yaml preview\n- brick: data-view.title-text\n  properties:\n    text: 大标题\n    type: gradient\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.title-text text=\"大标题\" id=\"brick-1\"></data-view.title-text>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.type = \"gradient\";\n# </script>\n# \n```\n"
   },
-  "data-view.radar-chart": {
-    "doc": "雷达图构件\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.radar-chart\n  properties:\n    dataSource:\n      - name: JavaScript\n        maxValue: 100\n        value: 60\n        percentValue: 45.8%\n      - name: Java\n        maxValue: 100\n        value: 30\n        percentValue: 45.8%\n      - name: CSS\n        maxValue: 100\n        value: 70\n        percentValue: 45.8%\n      - name: Python\n        maxValue: 100\n        value: 30\n        percentValue: 45.8%\n      - name: Three.js\n        maxValue: 100\n        value: 50\n        percentValue: 45.8%\n    value: 85.9\n    dataCircle:\n      fillStyle: red\n      r: 3\n    style:\n      display: block\n      background-color: \"#1c1e21\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.radar-chart\n#   style=\"display: block; background-color: #1c1e21\"\n#   id=\"brick-1\"\n# ></data-view.radar-chart>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.dataSource = [\n#     {\n#       name: \"JavaScript\",\n#       maxValue: 100,\n#       value: 60,\n#       percentValue: \"45.8%\",\n#     },\n#     {\n#       name: \"Java\",\n#       maxValue: 100,\n#       value: 30,\n#       percentValue: \"45.8%\",\n#     },\n#     {\n#       name: \"CSS\",\n#       maxValue: 100,\n#       value: 70,\n#       percentValue: \"45.8%\",\n#     },\n#     {\n#       name: \"Python\",\n#       maxValue: 100,\n#       value: 30,\n#       percentValue: \"45.8%\",\n#     },\n#     {\n#       name: \"Three.js\",\n#       maxValue: 100,\n#       value: 50,\n#       percentValue: \"45.8%\",\n#     },\n#   ];\n#   brick_1.value = 85.9;\n#   brick_1.dataCircle = {\n#     fillStyle: \"red\",\n#     r: 3,\n#   };\n# </script>\n# \n```\n"
-  },
   "data-view.brick-notification": {
     "doc": "大屏通知提示构件\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.brick-notification\n  properties:\n    message: This is the content of the notification.\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.brick-notification\n#   message=\"This is the content of the notification.\"\n# ></data-view.brick-notification>\n# \n```\n\n### Icon\n\n```yaml preview\n- brick: data-view.brick-notification\n  properties:\n    message: This is the content of the notification.\n    icon:\n      icon: smile\n      lib: antd\n      theme: outlined\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.brick-notification\n#   message=\"This is the content of the notification.\"\n#   id=\"brick-1\"\n# ></data-view.brick-notification>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.icon = {\n#     icon: \"smile\",\n#     lib: \"antd\",\n#     theme: \"outlined\",\n#   };\n# </script>\n# \n```\n"
   },

package/dist/index.af973a5c.js

@@ -0,0 +1,2 @@
+(()=>{"use strict";var e,t,a,r,n,l,o,i,c,d,s,h,f,u,p,m,b,g,P,v,x,y,w,k={2724:(e,t,a)=>{var r={"./gear-background":()=>Promise.all([a.e(5600),a.e(7672),a.e(8160),a.e(9344)]).then((()=>()=>a(1932))),"./gauge-chart":()=>Promise.all([a.e(5600),a.e(7672),a.e(8160),a.e(9430)]).then((()=>()=>a(508))),"./modern-style-component-title":()=>Promise.all([a.e(5600),a.e(7672),a.e(8160),a.e(6460)]).then((()=>()=>a(1668))),"./modern-style-page-title":()=>Promise.all([a.e(5600),a.e(7672),a.e(8160),a.e(1924)]).then((()=>()=>a(3988))),"./tabs-drawer":()=>Promise.all([a.e(5600),a.e(7672),a.e(8160),a.e(1492)]).then((()=>()=>a(544))),"./modern-style-treemap":()=>Promise.all([a.e(8964),a.e(5600),a.e(7672),a.e(8160),a.e(7568),a.e(6196),a.e(5116),a.e(6008)]).then((()=>()=>a(5188))),"./battery-chart":()=>Promise.all([a.e(5600),a.e(7672),a.e(8160),a.e(1080)]).then((()=>()=>a(6096))),"./dropdown-menu":()=>Promise.all([a.e(5600),a.e(7672),a.e(8160),a.e(7568),a.e(3332)]).then((()=>()=>a(1476))),"./complex-search":()=>Promise.all([a.e(5600),a.e(7672),a.e(8160),a.e(6196),a.e(6820),a.e(880)]).then((()=>()=>a(6072))),"./loading-panel":()=>Promise.all([a.e(8964),a.e(5600),a.e(7672),a.e(8160),a.e(2464)]).then((()=>()=>a(2896))),"./particle-animation":()=>Promise.all([a.e(5600),a.e(7672),a.e(8160),a.e(7216)]).then((()=>()=>a(3180))),"./app-wall-card-item":()=>Promise.all([a.e(5600),a.e(7672),a.e(8160),a.e(1769)]).then((()=>()=>a(1628))),"./app-wall-system-card":()=>Promise.all([a.e(5600),a.e(7672),a.e(8160),a.e(9132)]).then((()=>()=>a(5236))),"./app-wall-relation-line":()=>Promise.all([a.e(5600),a.e(7672),a.e(8160),a.e(3340)]).then((()=>()=>a(7160))),"./cabinet-button":()=>Promise.all([a.e(5600),a.e(7672),a.e(8160),a.e(3936)]).then((()=>()=>a(6696))),"./cabinet-node":()=>Promise.all([a.e(5600),a.e(7672),a.e(8160),a.e(64)]).then((()=>()=>a(8372))),"./cabinet-app-layer":()=>Promise.all([a.e(5600),a.e(7672),a.e(8160),a.e(3224)]).then((()=>()=>a(4712))),"./cabinet-container":()=>Promise.all([a.e(8964),a.e(5600),a.e(7672),a.e(8160),a.e(8664)]).then((()=>()=>a(9032))),"./cabinet-thumbnail":()=>Promise.all([a.e(8964),a.e(5600),a.e(7672),a.e(8160),a.e(9500)]).then((()=>()=>a(7472))),"./cabinet-graph":()=>Promise.all([a.e(5600),a.e(7672),a.e(8160),a.e(6788)]).then((()=>()=>a(108))),"./app-wall":()=>Promise.all([a.e(4384),a.e(5600),a.e(7672),a.e(8160),a.e(7568),a.e(4016),a.e(4928)]).then((()=>()=>a(8852))),"./graph-text":()=>Promise.all([a.e(5600),a.e(7672),a.e(8160),a.e(6820),a.e(692)]).then((()=>()=>a(2177))),"./graph-node":()=>Promise.all([a.e(5600),a.e(7672),a.e(8160),a.e(320)]).then((()=>()=>a(9420))),"./graph-layout-grid":()=>Promise.all([a.e(5600),a.e(7672),a.e(8160),a.e(6520)]).then((()=>()=>a(3556))),"./grid-background":()=>Promise.all([a.e(5600),a.e(7672),a.e(8160),a.e(492)]).then((()=>()=>a(5124))),"./radar-chart":()=>Promise.all([a.e(5600),a.e(7672),a.e(8160),a.e(7568),a.e(6768),a.e(8408)]).then((()=>()=>a(2072))),"./title-text":()=>Promise.all([a.e(5600),a.e(7672),a.e(8160),a.e(4664)]).then((()=>()=>a(7256))),"./brick-notification":()=>Promise.all([a.e(5600),a.e(7672),a.e(8160),a.e(152)]).then((()=>()=>a(8472))),"./tabs-page-title":()=>Promise.all([a.e(5600),a.e(7672),a.e(8160),a.e(873)]).then((()=>()=>a(9260))),"./top-title-bar":()=>Promise.all([a.e(5600),a.e(7672),a.e(8160),a.e(8792)]).then((()=>()=>a(2992))),"./lights-component-title":()=>Promise.all([a.e(5600),a.e(7672),a.e(8160),a.e(256)]).then((()=>()=>a(2032))),"./hi-tech-button":()=>Promise.all([a.e(5600),a.e(7672),a.e(8160),a.e(4600)]).then((()=>()=>a(8124))),"./tech-mesh-base-view":()=>Promise.all([a.e(5600),a.e(7672),a.e(8160),a.e(7328),a.e(1188)]).then((()=>()=>a(2692))),"./simple-card-item":()=>Promise.all([a.e(5600),a.e(7672),a.e(8160),a.e(7328),a.e(8544)]).then((()=>()=>a(2332))),"./basic-index-group":()=>Promise.all([a.e(5600),a.e(7672),a.e(8160),a.e(7328),a.e(7568),a.e(7724)]).then((()=>()=>a(3404))),"./data-display-flipper":()=>Promise.all([a.e(5600),a.e(7672),a.e(8160),a.e(7328),a.e(80)]).then((()=>()=>a(2972))),"./data-display-flipper-fifth":()=>Promise.all([a.e(5600),a.e(7672),a.e(8160),a.e(7328),a.e(6104)]).then((()=>()=>a(6516))),"./data-display-flipper-sixth":()=>Promise.all([a.e(5600),a.e(7672),a.e(8160),a.e(7328),a.e(6504)]).then((()=>()=>a(6592))),"./indicator-card":()=>Promise.all([a.e(5600),a.e(7672),a.e(8160),a.e(7328),a.e(1316)]).then((()=>()=>a(3272)))},n=(e,t)=>(a.R=t,t=a.o(r,e)?r[e]():Promise.resolve().then((()=>{throw new Error('Module "'+e+'" does not exist in container.')})),a.R=void 0,t),l=(e,t)=>{if(a.S){var r="default",n=a.S[r];if(n&&n!==e)throw new Error("Container initialization failed as it has already been initialized with a different share scope");return a.S[r]=e,a.I(r,t)}};a.d(t,{get:()=>n,init:()=>l})}},j={};function S(e){var t=j[e];if(void 0!==t)return t.exports;var a=j[e]={id:e,loaded:!1,exports:{}};return k[e].call(a.exports,a,a.exports,S),a.loaded=!0,a.exports}S.m=k,S.c=j,S.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return S.d(t,{a:t}),t},S.d=(e,t)=>{for(var a in t)S.o(t,a)&&!S.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},S.f={},S.e=e=>Promise.all(Object.keys(S.f).reduce(((t,a)=>(S.f[a](e,t),t)),[])),S.u=e=>"chunks/"+({64:"cabinet-node",80:"data-display-flipper",152:"brick-notification",256:"lights-component-title",320:"graph-node",492:"grid-background",692:"graph-text",873:"tabs-page-title",880:"complex-search",1080:"battery-chart",1188:"tech-mesh-base-view",1316:"indicator-card",1492:"tabs-drawer",1769:"app-wall-card-item",1924:"modern-style-page-title",2464:"loading-panel",3224:"cabinet-app-layer",3332:"dropdown-menu",3340:"app-wall-relation-line",3936:"cabinet-button",4600:"hi-tech-button",4664:"title-text",4928:"app-wall",6008:"modern-style-treemap",6104:"data-display-flipper-fifth",6460:"modern-style-component-title",6504:"data-display-flipper-sixth",6520:"graph-layout-grid",6788:"cabinet-graph",7216:"particle-animation",7724:"basic-index-group",8408:"radar-chart",8544:"simple-card-item",8664:"cabinet-container",8792:"top-title-bar",9132:"app-wall-system-card",9344:"gear-background",9430:"gauge-chart",9500:"cabinet-thumbnail"}[e]||e)+"."+{64:"ad1bec01",80:"b50b11ce",152:"f14a4569",242:"ac21540d",256:"1c50a6a2",320:"5a390db5",492:"59810008",632:"ae6321b0",692:"635b27f8",788:"c694c46d",820:"f0bcfe66",824:"871db4f3",856:"493c9d92",872:"a26e9d39",873:"cbf96601",880:"78e2159d",1024:"2069526c",1080:"fc014be6",1188:"e989eb87",1316:"c44df938",1340:"f1673141",1372:"600cf129",1492:"26c9ab36",1564:"04345f6a",1692:"6a6a23e2",1769:"2ef96c65",1772:"df147c4f",1776:"4782df7b",1832:"aa4c2edc",1924:"6aca3210",2356:"27256308",2464:"3f13565a",2496:"88cb2704",2584:"90244e7e",2976:"dd17bba5",3224:"05d5d53a",3322:"64a25bff",3332:"646ea75f",3340:"88c503bd",3680:"0509a50c",3748:"bf711c4a",3752:"36a2a0a7",3936:"c4f3828a",4016:"86b5dfba",4068:"dabdc358",4384:"97c69477",4516:"7b209720",4524:"11d980b7",4600:"23c728be",4664:"3211f0be",4847:"8f5619aa",4928:"dbaf1812",5116:"362f98c8",5356:"ea748940",5600:"1e9e95cd",5668:"0d0a3eca",6008:"56a38581",6064:"bb4e3999",6104:"5b918eaf",6192:"ffc31929",6196:"0a8ece79",6228:"44628af2",6352:"750fbc04",6408:"b321ff16",6460:"d5b6e3a8",6504:"3d29f355",6520:"88d85ac2",6736:"b8eaae8e",6768:"3d9b466d",6788:"d8375249",6820:"254f48a5",6960:"5f2b5c6e",7216:"eb1a7869",7228:"18fb5a91",7328:"aa328706",7476:"a4257e2c",7484:"135e900d",7568:"f61948a9",7672:"041c45f0",7724:"e841c865",7861:"7644351b",7928:"9a2076cd",8060:"506806dd",8160:"d44f2645",8408:"75c23577",8440:"72f49df1",8544:"9ba6f0f0",8644:"24bc83cf",8648:"7705750f",8664:"f4f89281",8732:"88aa4b9e",8792:"4cb04e03",8944:"9f1e1308",8964:"28787e25",9132:"d6a42264",9344:"bd17fec2",9430:"3131c650",9500:"b41e8360",9604:"d2ab81b9",9672:"517b620a"}[e]+".js",S.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),S.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),e={},t="@next-bricks/data-view:",S.l=(a,r,n,l)=>{if(e[a])e[a].push(r);else{var o,i;if(void 0!==n)for(var c=document.getElementsByTagName("script"),d=0;d<c.length;d++){var s=c[d];if(s.getAttribute("src")==a||s.getAttribute("data-webpack")==t+n){o=s;break}}o||(i=!0,(o=document.createElement("script")).charset="utf-8",o.timeout=120,S.nc&&o.setAttribute("nonce",S.nc),o.setAttribute("data-webpack",t+n),o.src=a),e[a]=[r];var h=(t,r)=>{o.onerror=o.onload=null,clearTimeout(f);var n=e[a];if(delete e[a],o.parentNode&&o.parentNode.removeChild(o),n&&n.forEach((e=>e(r))),t)return t(r)},f=setTimeout(h.bind(null,void 0,{type:"timeout",target:o}),12e4);o.onerror=h.bind(null,o.onerror),o.onload=h.bind(null,o.onload),i&&document.head.appendChild(o)}},S.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},S.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),(()=>{S.S={};var e={},t={};S.I=(a,r)=>{r||(r=[]);var n=t[a];if(n||(n=t[a]={}),!(r.indexOf(n)>=0)){if(r.push(n),e[a])return e[a];S.o(S.S,a)||(S.S[a]={});var l=S.S[a],o="@next-bricks/data-view",i=(e,t,a,r)=>{var n=l[e]=l[e]||{},i=n[t];(!i||!i.loaded&&(!r!=!i.eager?r:o>i.from))&&(n[t]={get:a,from:o,eager:!!r})},c=[];return"default"===a&&(i("@babel/parser","7.23.9",(()=>S.e(6228).then((()=>()=>S(6228))))),i("@easyops-cn/brick-next-pipes","0.6.0",(()=>Promise.all([S.e(8648),S.e(632)]).then((()=>()=>S(8648))))),i("@next-core/cook","2.2.12",(()=>Promise.all([S.e(1832),S.e(1692)]).then((()=>()=>S(1832))))),i("@next-core/element","1.2.2",(()=>S.e(6192).then((()=>()=>S(6192))))),i("@next-core/http","1.1.9",(()=>S.e(8732).then((()=>()=>S(8732))))),i("@next-core/i18n/react","1.0.38",(()=>Promise.all([S.e(1340),S.e(872)]).then((()=>()=>S(872))))),i("@next-core/i18n","1.0.38",(()=>Promise.all([S.e(4516),S.e(1340),S.e(788),S.e(820)]).then((()=>()=>S(820))))),i("@next-core/inject","1.0.28",(()=>Promise.all([S.e(9604),S.e(4068),S.e(6064)]).then((()=>()=>S(6064))))),i("@next-core/loader","1.5.4",(()=>S.e(1372).then((()=>()=>S(3752))))),i("@next-core/pipes","2.0.16",(()=>S.e(4524).then((()=>()=>S(4524))))),i("@next-core/react-element","1.0.21",(()=>Promise.all([S.e(5600),S.e(7672),S.e(3748),S.e(7228)]).then((()=>()=>S(7228))))),i("@next-core/react-runtime","1.1.52",(()=>Promise.all([S.e(5600),S.e(6960),S.e(7861)]).then((()=>()=>S(7861))))),i("@next-core/runtime","1.31.1",(()=>Promise.all([S.e(3322),S.e(4516),S.e(9604),S.e(1340),S.e(9672),S.e(824),S.e(2584),S.e(8944)]).then((()=>()=>S(3322))))),i("@next-core/supply","2.1.11",(()=>Promise.all([S.e(9604),S.e(4068),S.e(9672),S.e(1024)]).then((()=>()=>S(1024))))),i("@next-core/theme","1.4.8",(()=>Promise.all([S.e(8060),S.e(856)]).then((()=>()=>S(8060))))),i("@next-core/utils/general","1.6.10",(()=>S.e(6408).then((()=>()=>S(6408))))),i("@next-core/utils/storyboard","1.6.10",(()=>Promise.all([S.e(4516),S.e(824),S.e(5356)]).then((()=>()=>S(5356))))),i("history","4.10.1",(()=>S.e(1776).then((()=>()=>S(1776))))),i("i18next-browser-languagedetector","7.2.0",(()=>S.e(1564).then((()=>()=>S(1564))))),i("i18next","22.5.1",(()=>S.e(7484).then((()=>()=>S(7484))))),i("js-yaml","3.14.1",(()=>S.e(1772).then((()=>()=>S(1772))))),i("lodash","4.17.21",(()=>S.e(7928).then((()=>()=>S(7928))))),i("moment/locale/zh-cn.js","2.29.4",(()=>Promise.all([S.e(6736),S.e(7476)]).then((()=>()=>S(9748))))),i("moment","2.29.4",(()=>Promise.all([S.e(6736),S.e(7476)]).then((()=>()=>S(6023))))),i("react-dom","0.0.0-experimental-ee8509801-20230117",(()=>Promise.all([S.e(2356),S.e(5600)]).then((()=>()=>S(2356))))),i("react-i18next","12.3.1",(()=>Promise.all([S.e(2496),S.e(5600)]).then((()=>()=>S(2496))))),i("react","0.0.0-experimental-ee8509801-20230117",(()=>S.e(5668).then((()=>()=>S(5668)))))),e[a]=c.length?Promise.all(c).then((()=>e[a]=1)):1}}})(),(()=>{var e;S.g.importScripts&&(e=S.g.location+"");var t=S.g.document;if(!e&&t&&(t.currentScript&&(e=t.currentScript.src),!e)){var a=t.getElementsByTagName("script");if(a.length)for(var r=a.length-1;r>-1&&!e;)e=a[r--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),S.p=e})(),a=e=>{var t=e=>e.split(".").map((e=>+e==e?+e:e)),a=/^([^-+]+)?(?:-([^+]+))?(?:\+(.+))?$/.exec(e),r=a[1]?t(a[1]):[];return a[2]&&(r.length++,r.push.apply(r,t(a[2]))),a[3]&&(r.push([]),r.push.apply(r,t(a[3]))),r},r=(e,t)=>{e=a(e),t=a(t);for(var r=0;;){if(r>=e.length)return r<t.length&&"u"!=(typeof t[r])[0];var n=e[r],l=(typeof n)[0];if(r>=t.length)return"u"==l;var o=t[r],i=(typeof o)[0];if(l!=i)return"o"==l&&"n"==i||"s"==i||"u"==l;if("o"!=l&&"u"!=l&&n!=o)return n<o;r++}},n=e=>{var t=e[0],a="";if(1===e.length)return"*";if(t+.5){a+=0==t?">=":-1==t?"<":1==t?"^":2==t?"~":t>0?"=":"!=";for(var r=1,l=1;l<e.length;l++)r--,a+="u"==(typeof(i=e[l]))[0]?"-":(r>0?".":"")+(r=2,i);return a}var o=[];for(l=1;l<e.length;l++){var i=e[l];o.push(0===i?"not("+c()+")":1===i?"("+c()+" || "+c()+")":2===i?o.pop()+" "+o.pop():n(i))}return c();function c(){return o.pop().replace(/^\((.+)\)$/,"$1")}},l=(e,t)=>{if(0 in e){t=a(t);var r=e[0],n=r<0;n&&(r=-r-1);for(var o=0,i=1,c=!0;;i++,o++){var d,s,h=i<e.length?(typeof e[i])[0]:"";if(o>=t.length||"o"==(s=(typeof(d=t[o]))[0]))return!c||("u"==h?i>r&&!n:""==h!=n);if("u"==s){if(!c||"u"!=h)return!1}else if(c)if(h==s)if(i<=r){if(d!=e[i])return!1}else{if(n?d>e[i]:d<e[i])return!1;d!=e[i]&&(c=!1)}else if("s"!=h&&"n"!=h){if(n||i<=r)return!1;c=!1,i--}else{if(i<=r||s<h!=n)return!1;c=!1}else"s"!=h&&"n"!=h&&(c=!1,i--)}}var f=[],u=f.pop.bind(f);for(o=1;o<e.length;o++){var p=e[o];f.push(1==p?u()|u():2==p?u()&u():p?l(p,t):!u())}return!!u()},o=(e,t)=>{var a=e[t];return(t=Object.keys(a).reduce(((e,t)=>!e||r(e,t)?t:e),0))&&a[t]},i=(e,t)=>{var a=e[t];return Object.keys(a).reduce(((e,t)=>!e||!a[e].loaded&&r(e,t)?t:e),0)},c=(e,t,a,r)=>"Unsatisfied version "+a+" from "+(a&&e[t][a].from)+" of shared singleton module "+t+" (required "+n(r)+")",d=(e,t,a,r)=>{var n=i(e,a);return u(e[a][n])},s=(e,t,a,r)=>{var n=i(e,a);return l(r,n)||f(c(e,a,n,r)),u(e[a][n])},h=(e,t,a)=>{var n=e[t];return(t=Object.keys(n).reduce(((e,t)=>!l(a,t)||e&&!r(e,t)?e:t),0))&&n[t]},f=e=>{"undefined"!=typeof console&&console.warn&&console.warn(e)},u=e=>(e.loaded=1,e.get()),m=(p=e=>function(t,a,r,n){var l=S.I(t);return l&&l.then?l.then(e.bind(e,t,S.S[t],a,r,n)):e(t,S.S[t],a,r,n)})(((e,t,a,r)=>t&&S.o(t,a)?u(o(t,a)):r())),b=p(((e,t,a,r)=>t&&S.o(t,a)?d(t,0,a):r())),g=p(((e,t,a,r,n)=>t&&S.o(t,a)?s(t,0,a,r):n())),P=p(((e,t,a,r,n)=>{var l=t&&S.o(t,a)&&h(t,a,r);return l?u(l):n()})),v={},x={2096:()=>g("default","moment",[1,2,27,0],(()=>Promise.all([S.e(6736),S.e(7476)]).then((()=>()=>S(6023))))),6712:()=>g("default","js-yaml",[1,3,14,0],(()=>S.e(1772).then((()=>()=>S(1772))))),7224:()=>g("default","lodash",[1,4,17,19],(()=>S.e(7928).then((()=>()=>S(7928))))),1692:()=>g("default","@babel/parser",[1,7,23,9],(()=>S.e(6228).then((()=>()=>S(6228))))),1340:()=>g("default","@next-core/i18n",[1,1,0,38],(()=>Promise.all([S.e(4516),S.e(788),S.e(8440)]).then((()=>()=>S(820))))),6984:()=>g("default","react-i18next",[1,12,3,1],(()=>Promise.all([S.e(2496),S.e(5600)]).then((()=>()=>S(2496))))),4516:()=>g("default","@next-core/utils/general",[1,1,6,10],(()=>S.e(6408).then((()=>()=>S(6408))))),2196:()=>g("default","i18next",[1,22,5,1],(()=>S.e(7484).then((()=>()=>S(7484))))),2592:()=>g("default","i18next-browser-languagedetector",[1,7,2,0],(()=>S.e(1564).then((()=>()=>S(1564))))),9604:()=>g("default","lodash",[1,4,17,21],(()=>S.e(7928).then((()=>()=>S(7928))))),4068:()=>g("default","@next-core/pipes",[1,2,0,16],(()=>S.e(4524).then((()=>()=>S(4524))))),8828:()=>g("default","@easyops-cn/brick-next-pipes",[2,0,6,0],(()=>Promise.all([S.e(8648),S.e(632)]).then((()=>()=>S(8648))))),5600:()=>P("default","react",[6,0,0,0,,"experimental-ee8509801-20230117"],(()=>S.e(5668).then((()=>()=>S(5668))))),7672:()=>P("default","@next-core/element",[1,1,2,2],(()=>S.e(6192).then((()=>()=>S(6192))))),5856:()=>m("default","react-dom",(()=>S.e(2356).then((()=>()=>S(2356))))),8924:()=>P("default","react-dom",[6,0,0,0,,"experimental-ee8509801-20230117"],(()=>S.e(2356).then((()=>()=>S(2356))))),6960:()=>g("default","@next-core/runtime",[1,1,31,1],(()=>Promise.all([S.e(3322),S.e(4516),S.e(9604),S.e(1340),S.e(9672),S.e(824),S.e(2584)]).then((()=>()=>S(3322))))),9672:()=>g("default","moment",[1,2,30,1],(()=>Promise.all([S.e(6736),S.e(7476)]).then((()=>()=>S(6023))))),824:()=>g("default","@next-core/cook",[1,2,2,12],(()=>Promise.all([S.e(1832),S.e(1692)]).then((()=>()=>S(1832))))),3608:()=>g("default","@next-core/loader",[1,1,5,4],(()=>S.e(3752).then((()=>()=>S(3752))))),5796:()=>g("default","@next-core/inject",[1,1,0,28],(()=>Promise.all([S.e(4068),S.e(3680)]).then((()=>()=>S(6064))))),5832:()=>g("default","@next-core/http",[1,1,1,9],(()=>S.e(6352).then((()=>()=>S(8732))))),6700:()=>g("default","@next-core/utils/storyboard",[1,1,6,10],(()=>S.e(2976).then((()=>()=>S(5356))))),6776:()=>g("default","@next-core/supply",[1,2,1,11],(()=>Promise.all([S.e(4068),S.e(8644)]).then((()=>()=>S(1024))))),7676:()=>g("default","history",[1,4,10,1],(()=>S.e(1776).then((()=>()=>S(1776))))),8989:()=>g("default","moment/locale/zh-cn.js",[1,2,30,1],(()=>Promise.all([S.e(6736),S.e(7476)]).then((()=>()=>S(9748))))),8160:()=>P("default","@next-core/react-element",[1,1,0,21],(()=>Promise.all([S.e(3748),S.e(4847)]).then((()=>()=>S(7228))))),7568:()=>b("default","lodash",(()=>S.e(7928).then((()=>()=>S(7928))))),6196:()=>P("default","@next-core/react-runtime",[1,1,1,52],(()=>Promise.all([S.e(6960),S.e(242)]).then((()=>()=>S(7861))))),6820:()=>g("default","@next-core/i18n/react",[1,1,0,38],(()=>Promise.all([S.e(1340),S.e(872)]).then((()=>()=>S(872))))),7328:()=>b("default","@next-core/theme",(()=>S.e(8060).then((()=>()=>S(8060)))))},y={632:[2096,6712,7224],788:[2196,2592],824:[824],872:[6984],1340:[1340],1692:[1692],2584:[3608,5796,5832,6700,6776,7676,8989],3748:[5856,8924],4068:[4068],4516:[4516],4524:[8828],5600:[5600],6196:[6196],6820:[6820],6960:[6960],7328:[7328],7568:[7568],7672:[7672],8160:[8160],9604:[9604],9672:[9672]},w={},S.f.consumes=(e,t)=>{S.o(y,e)&&y[e].forEach((e=>{if(S.o(v,e))return t.push(v[e]);if(!w[e]){var a=t=>{v[e]=0,S.m[e]=a=>{delete S.c[e],a.exports=t()}};w[e]=!0;var r=t=>{delete v[e],S.m[e]=a=>{throw delete S.c[e],t}};try{var n=x[e]();n.then?t.push(v[e]=n.then(a).catch(r)):a(n)}catch(e){r(e)}}}))},(()=>{S.b=document.baseURI||self.location.href;var e={2904:0};S.f.j=(t,a)=>{var r=S.o(e,t)?e[t]:void 0;if(0!==r)if(r)a.push(r[2]);else if(/^(6(196|32|820|960)|7((32|56|8)8|672)|96(04|72)|(134|560|816)0|1692|2584|3748|4068|4516|824)$/.test(t))e[t]=0;else{var n=new Promise(((a,n)=>r=e[t]=[a,n]));a.push(r[2]=n);var l=S.p+S.u(t),o=new Error;S.l(l,(a=>{if(S.o(e,t)&&(0!==(r=e[t])&&(e[t]=void 0),r)){var n=a&&("load"===a.type?"missing":a.type),l=a&&a.target&&a.target.src;o.message="Loading chunk "+t+" failed.\n("+n+": "+l+")",o.name="ChunkLoadError",o.type=n,o.request=l,r[1](o)}}),"chunk-"+t,t)}};var t=(t,a)=>{var r,n,[l,o,i]=a,c=0;if(l.some((t=>0!==e[t]))){for(r in o)S.o(o,r)&&(S.m[r]=o[r]);i&&i(S)}for(t&&t(a);c<l.length;c++)n=l[c],S.o(e,n)&&e[n]&&e[n][0](),e[n]=0},a=self.webpackChunk_next_bricks_data_view=self.webpackChunk_next_bricks_data_view||[];a.forEach(t.bind(null,0)),a.push=t.bind(null,a.push.bind(a))})(),S.nc=void 0;var _=S(2724);window["bricks/data-view"]=_})();
+//# sourceMappingURL=index.af973a5c.js.map