@next-bricks/data-view 0.23.6 → 0.23.8

package/dist/chunks/{modern-style-treemap.1d65abaf.js.map → modern-style-treemap.ce32cd28.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chunks/modern-style-treemap.1d65abaf.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 */\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","_dec","styleTexts","variablesStyleText","styleText","_dec2","attribute","_dec3","_dec4","_dec5","_dec6","_dec7","_dec8","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","_class","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.ce32cd28.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 */\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","_dec","styleTexts","variablesStyleText","styleText","_dec2","attribute","_dec3","_dec4","_dec5","_dec6","_dec7","_dec8","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","_class","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/simple-card-item.f378de0e.js

@@ -0,0 +1,3 @@
+/*! For license information please see simple-card-item.f378de0e.js.LICENSE.txt */
+(self.webpackChunk_next_bricks_data_view=self.webpackChunk_next_bricks_data_view||[]).push([[9358,5628],{3438:(t,e,r)=>{"use strict";r.r(e),r.d(e,{SimpleCardItem:()=>k,SimpleCardItemComponent:()=>U});var n,i,a,o,s,c,l,u,d,f,p,h,v,g,m,b,w,y,k,Z=r(3395),x=r(381),E=r(687),S=r(2604),T=r(8657),j=r.n(T),M=r(5366),_=r(4511),A=(r(1800),r(4547)),z=r(2779),N=r.n(z),{defineElement:L,property:W}=(0,M.createDecorators)();i=L("data-view.simple-card-item",{styleTexts:[A.Z]}),a=W(),s=W(),l=W(),d=W({attribute:!1}),p=W({attribute:!1}),v=W({attribute:!1}),m=W({attribute:!1});var C=new WeakMap,O=new WeakMap,I=new WeakMap,P=new WeakMap,R=new WeakMap,D=new WeakMap,$=new WeakMap;class Q extends _.ReactNextElement{constructor(){super(...arguments),(0,Z.Z)(this,C,{writable:!0,value:(w(this),o(this,"normal"))}),(0,Z.Z)(this,O,{writable:!0,value:c(this)}),(0,Z.Z)(this,I,{writable:!0,value:u(this)}),(0,Z.Z)(this,P,{writable:!0,value:f(this)}),(0,Z.Z)(this,R,{writable:!0,value:h(this)}),(0,Z.Z)(this,D,{writable:!0,value:g(this)}),(0,Z.Z)(this,$,{writable:!0,value:b(this)})}get status(){return(0,E.Z)(this,C)}set status(t){(0,x.Z)(this,C,t)}get cardTitle(){return(0,E.Z)(this,O)}set cardTitle(t){(0,x.Z)(this,O,t)}get description(){return(0,E.Z)(this,I)}set description(t){(0,x.Z)(this,I,t)}get color(){return(0,E.Z)(this,P)}set color(t){(0,x.Z)(this,P,t)}get desStyle(){return(0,E.Z)(this,R)}set desStyle(t){(0,x.Z)(this,R,t)}get descriptionList(){return(0,E.Z)(this,D)}set descriptionList(t){(0,x.Z)(this,D,t)}get background(){return(0,E.Z)(this,$)}set background(t){(0,x.Z)(this,$,t)}render(){return j().createElement(U,{cardTitle:this.cardTitle,description:this.description,status:this.status,background:this.background,color:this.color,descriptionList:this.descriptionList})}}function U(t){var{status:e,cardTitle:r,description:n,background:i,color:a,descriptionList:o}=t;return j().createElement("div",{className:N()("card-item-container",e&&"status-".concat(e)),style:{background:i,color:a}},j().createElement("div",{className:"card-item"},j().createElement("div",{className:"card-item-text-container"},r&&j().createElement("div",{className:"card-item-title"},r),n&&j().createElement("div",{className:"card-item-description",style:t.desStyle},n),!(null==o||!o.length)&&j().createElement("div",{className:"card-item-description-list"},o.map(((t,e)=>j().createElement("div",{key:e},j().createElement("span",null,t.key,"："),j().createElement("span",null,t.value))))))))}y=Q,({e:[o,c,u,f,h,g,b,w],c:[k,n]}=(0,S.Z)(y,[[a,1,"status"],[s,1,"cardTitle"],[l,1,"description"],[d,1,"color"],[p,1,"desStyle"],[v,1,"descriptionList"],[m,1,"background"]],[i],0,void 0,_.ReactNextElement)),n()},2779:(t,e)=>{var r;!function(){"use strict";var n={}.hasOwnProperty;function i(){for(var t=[],e=0;e<arguments.length;e++){var r=arguments[e];if(r){var a=typeof r;if("string"===a||"number"===a)t.push(r);else if(Array.isArray(r)){if(r.length){var o=i.apply(null,r);o&&t.push(o)}}else if("object"===a){if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]")){t.push(r.toString());continue}for(var s in r)n.call(r,s)&&r[s]&&t.push(s)}}}return t.join(" ")}t.exports?(i.default=i,t.exports=i):void 0===(r=function(){return i}.apply(e,[]))||(t.exports=r)}()},4547:(t,e,r)=>{"use strict";r.d(e,{Z:()=>f});var n=r(9601),i=r.n(n),a=r(2609),o=r.n(a),s=r(8991),c=r.n(s),l=new URL(r(1744),r.b),u=o()(i()),d=c()(l);u.push([t.id,`:host{display:inline-block}:host([hidden]){display:none}.card-item-container{position:relative;width:100%;height:100%}.card-item-container.status-normal{background:linear-gradient(180deg,#f5f5f5 0%,#f5f7f9 100%)}.card-item-container.status-warning{background:linear-gradient(180deg,#ff4949 0%,#ff9560 100%)}.card-item-container.status-warning:after{content:"";position:absolute;display:block;width:100%;height:100%;background:url(${d}) 0 0 no-repeat;background-size:100% 100%;top:0;left:0}.status-normal:hover{box-shadow:0 0 32px 0 rgba(0,62,179,0.24);border:2px solid #fff}.status-warning:hover{box-shadow:0 0 32px 0 rgba(242,76,37,0.5);border:2px solid #fff}.card-item-text-container{padding:40px 14px 0}.card-item-title{font-size:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:var(--font-weight-500);border-color:transparent;transition:border-color 0.5s;margin-bottom:4px}.card-item-description{font-size:12px;font-weight:var(--font-weight-400);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-line-clamp:2;-webkit-box-orient:vertical}`,""]);const f=u.toString()},2609:t=>{"use strict";t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var r="",n=void 0!==e[5];return e[4]&&(r+="@supports (".concat(e[4],") {")),e[2]&&(r+="@media ".concat(e[2]," {")),n&&(r+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),r+=t(e),n&&(r+="}"),e[2]&&(r+="}"),e[4]&&(r+="}"),r})).join("")},e.i=function(t,r,n,i,a){"string"==typeof t&&(t=[[null,t,void 0]]);var o={};if(n)for(var s=0;s<this.length;s++){var c=this[s][0];null!=c&&(o[c]=!0)}for(var l=0;l<t.length;l++){var u=[].concat(t[l]);n&&o[u[0]]||(void 0!==a&&(void 0===u[5]||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=a),r&&(u[2]?(u[1]="@media ".concat(u[2]," {").concat(u[1],"}"),u[2]=r):u[2]=r),i&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=i):u[4]="".concat(i)),e.push(u))}},e}},8991:t=>{"use strict";t.exports=function(t,e){return e||(e={}),t?(t=String(t.__esModule?t.default:t),/^['"].*['"]$/.test(t)&&(t=t.slice(1,-1)),e.hash&&(t+=e.hash),/["'() \t\n]|(%20)/.test(t)||e.needQuotes?'"'.concat(t.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):t):t}},9601:t=>{"use strict";t.exports=function(t){return t[1]}},1744:(t,e,r)=>{"use strict";t.exports=r.p+"images/9ed60655.png"},2604:(t,e,r)=>{"use strict";r.d(e,{Z:()=>v});var n=r(6522),i=r(1815);function a(t,e){return function(r){(function(t,e){if(t.v)throw new Error("attempted to call addInitializer after decoration was finished")})(e),c(r,"An initializer"),t.push(r)}}function o(t,e){if(!t(e))throw new TypeError("Attempted to access private element on non-instance")}function s(t,e,r,n,i,s,c,l,u,d){var f;switch(s){case 1:f="accessor";break;case 2:f="method";break;case 3:f="getter";break;case 4:f="setter";break;default:f="field"}var p,h,v={kind:f,name:l?"#"+r:r,static:c,private:l},g={v:!1};if(0!==s&&(v.addInitializer=a(i,g)),l||0!==s&&2!==s)if(2===s)p=function(t){return o(d,t),n.value};else{var m=0===s||1===s;(m||3===s)&&(p=l?function(t){return o(d,t),n.get.call(t)}:function(t){return n.get.call(t)}),(m||4===s)&&(h=l?function(t,e){o(d,t),n.set.call(t,e)}:function(t,e){n.set.call(t,e)})}else p=function(t){return t[r]},0===s&&(h=function(t,e){t[r]=e});var b=l?d.bind():function(t){return r in t};v.access=p&&h?{get:p,set:h,has:b}:p?{get:p,has:b}:{set:h,has:b};try{return t.call(e,u,v)}finally{g.v=!0}}function c(t,e){if("function"!=typeof t)throw new TypeError(e+" must be a function")}function l(t,e){var r=(0,n.Z)(e);if(1===t){if("object"!==r||null===e)throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0");void 0!==e.get&&c(e.get,"accessor.get"),void 0!==e.set&&c(e.set,"accessor.set"),void 0!==e.init&&c(e.init,"accessor.init")}else if("function"!==r)throw new TypeError((0===t?"field":5===t?"class":"method")+" decorators must return a function or void 0")}function u(t){return function(){return t(this)}}function d(t){return function(e){t(this,e)}}function f(t,e,r,n,i,a,o,c,f,p){var h,v,g,m,b,w,y=r[0];n||Array.isArray(y)||(y=[y]),c?h=0===a||1===a?{get:u(r[3]),set:d(r[4])}:3===a?{get:r[3]}:4===a?{set:r[3]}:{value:r[3]}:0!==a&&(h=Object.getOwnPropertyDescriptor(e,i)),1===a?g={get:h.get,set:h.set}:2===a?g=h.value:3===a?g=h.get:4===a&&(g=h.set);for(var k=n?2:1,Z=y.length-1;Z>=0;Z-=k){var x;void 0!==(m=s(y[Z],n?y[Z-1]:void 0,i,h,f,a,o,c,g,p))&&(l(a,m),0===a?x=m:1===a?(x=m.init,b=m.get||g.get,w=m.set||g.set,g={get:b,set:w}):g=m,void 0!==x&&(void 0===v?v=x:"function"==typeof v?v=[v,x]:v.push(x)))}if(0===a||1===a){if(void 0===v)v=function(t,e){return e};else if("function"!=typeof v){var E=v;v=function(t,e){for(var r=e,n=E.length-1;n>=0;n--)r=E[n].call(t,r);return r}}else{var S=v;v=function(t,e){return S.call(t,e)}}t.push(v)}0!==a&&(1===a?(h.get=g.get,h.set=g.set):2===a?h.value=g:3===a?h.get=g:4===a&&(h.set=g),c?1===a?(t.push((function(t,e){return g.get.call(t,e)})),t.push((function(t,e){return g.set.call(t,e)}))):2===a?t.push(g):t.push((function(t,e){return g.call(t,e)})):Object.defineProperty(e,i,h))}function p(t,e,r){for(var n,a,o,s=[],c=new Map,l=new Map,u=0;u<e.length;u++){var d=e[u];if(Array.isArray(d)){var p,v,g=d[1],m=d[2],b=d.length>3,w=16&g,y=!!(8&g),k=r;if(g&=7,y?(p=t,0!==g&&(v=a=a||[]),b&&!o&&(o=function(e){return(0,i.Z)(e)===t}),k=o):(p=t.prototype,0!==g&&(v=n=n||[])),0!==g&&!b){var Z=y?l:c,x=Z.get(m)||0;if(!0===x||3===x&&4!==g||4===x&&3!==g)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: "+m);Z.set(m,!(!x&&g>2)||g)}f(s,p,d,w,m,g,y,b,v,k)}}return h(s,n),h(s,a),s}function h(t,e){e&&t.push((function(t){for(var r=0;r<e.length;r++)e[r].call(t);return t}))}function v(t,e,r,n,i){return{e:p(t,e,i),get c(){return function(t,e,r){if(e.length){for(var n=[],i=t,o=t.name,s=r?2:1,c=e.length-1;c>=0;c-=s){var u={v:!1};try{var d=e[c].call(r?e[c-1]:void 0,i,{kind:"class",name:o,addInitializer:a(n,u)})}finally{u.v=!0}void 0!==d&&(l(5,d),i=d)}return[i,function(){for(var t=0;t<n.length;t++)n[t].call(i)}]}}(t,r,n)}}}},1815:(t,e,r)=>{"use strict";r.d(e,{Z:()=>i});var n=r(6522);function i(t){if(Object(t)!==t)throw TypeError("right-hand side of 'in' should be an object, got "+(null!==t?(0,n.Z)(t):"null"));return t}},5863:(t,e,r)=>{"use strict";function n(t,e){if(e.has(t))throw new TypeError("Cannot initialize the same private elements twice on an object")}r.d(e,{Z:()=>n})},175:(t,e,r)=>{"use strict";function n(t,e,r){if(!e.has(t))throw new TypeError("attempted to "+r+" private field on non-instance");return e.get(t)}r.d(e,{Z:()=>n})},687:(t,e,r)=>{"use strict";r.d(e,{Z:()=>i});var n=r(175);function i(t,e){return function(t,e){return e.get?e.get.call(t):e.value}(t,(0,n.Z)(t,e,"get"))}},3395:(t,e,r)=>{"use strict";r.d(e,{Z:()=>i});var n=r(5863);function i(t,e,r){(0,n.Z)(t,e),e.set(t,r)}},381:(t,e,r)=>{"use strict";r.d(e,{Z:()=>i});var n=r(175);function i(t,e,r){return function(t,e,r){if(e.set)e.set.call(t,r);else{if(!e.writable)throw new TypeError("attempted to set read only private field");e.value=r}}(t,(0,n.Z)(t,e,"set"),r),r}},6522:(t,e,r)=>{"use strict";function n(t){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},n(t)}r.d(e,{Z:()=>n})}}]);
+//# sourceMappingURL=simple-card-item.f378de0e.js.map

package/dist/chunks/simple-card-item.f378de0e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunks/simple-card-item.f378de0e.js","mappings":"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","sources":["webpack:///./src/simple-card-item/index.tsx","webpack:///../../node_modules/classnames/index.js","webpack:///./src/simple-card-item/styles.shadow.css","webpack:///../../node_modules/css-loader/dist/runtime/api.js","webpack:///../../node_modules/css-loader/dist/runtime/getUrl.js","webpack:///../../node_modules/css-loader/dist/runtime/noSourceMaps.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/applyDecs2305.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/checkInRHS.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/checkPrivateRedeclaration.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classExtractFieldDescriptor.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateFieldGet.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classApplyDescriptorGet.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateFieldInitSpec.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateFieldSet.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classApplyDescriptorSet.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/typeof.js"],"sourcesContent":["import React, { CSSProperties } from \"react\";\nimport { createDecorators } from \"@next-core/element\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport \"@next-core/theme\";\nimport styleText from \"./styles.shadow.css\";\nimport classNames from \"classnames\";\n\nconst { defineElement, property } = createDecorators();\n\ninterface descriptionListItem {\n  key: string;\n  value: string;\n}\nexport interface SimpleCardItemProps {\n  cardTitle: string;\n  description: string;\n  status?: \"normal\" | \"warning\";\n  desStyle?: CSSProperties;\n  color?: CSSProperties[\"color\"];\n  background?: CSSProperties[\"background\"];\n  descriptionList?: descriptionListItem[];\n}\n\n/**\n * 基础卡片项\n * @author astrid\n */\nexport\n@defineElement(\"data-view.simple-card-item\", {\n  styleTexts: [styleText],\n})\nclass SimpleCardItem extends ReactNextElement {\n  /**\n   * 状态\n   */\n  @property()\n  accessor status: \"normal\" | \"warning\" = \"normal\";\n\n  /**\n   *  标题\n   */\n  @property()\n  accessor cardTitle: string;\n\n  /**\n   * 描述\n   */\n  @property()\n  accessor description: string;\n\n  /**\n   * 字体颜色\n   */\n  @property({ attribute: false })\n  accessor color: CSSProperties[\"color\"];\n\n  /**\n   * 描述样式\n   */\n  @property({ attribute: false })\n  accessor desStyle: CSSProperties;\n\n  /**\n   * 描述列表\n   */\n  @property({ attribute: false })\n  accessor descriptionList: descriptionListItem[];\n\n  /**\n   * 背景颜色\n   */\n  @property({ attribute: false })\n  accessor background: React.CSSProperties[\"background\"];\n  render() {\n    return (\n      <SimpleCardItemComponent\n        cardTitle={this.cardTitle}\n        description={this.description}\n        status={this.status}\n        background={this.background}\n        color={this.color}\n        descriptionList={this.descriptionList}\n      />\n    );\n  }\n}\n\nexport function SimpleCardItemComponent(props: SimpleCardItemProps) {\n  const { status, cardTitle, description, background, color, descriptionList } =\n    props;\n  return (\n    <div\n      className={classNames(\n        \"card-item-container\",\n        status && `status-${status}`\n      )}\n      style={{\n        background,\n        color,\n      }}\n    >\n      <div className=\"card-item\">\n        <div className=\"card-item-text-container\">\n          {cardTitle && <div className=\"card-item-title\">{cardTitle}</div>}\n          {description && (\n            <div className=\"card-item-description\" style={props.desStyle}>\n              {description}\n            </div>\n          )}\n          {!!descriptionList?.length && (\n            <div className=\"card-item-description-list\">\n              {descriptionList.map((item, index) => (\n                <div key={index}>\n                  <span>{item.key}：</span>\n                  <span>{item.value}</span>\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n","/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\tvar nativeCodeString = '[native code]';\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nimport ___CSS_LOADER_GET_URL_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/getUrl.js\";\nvar ___CSS_LOADER_URL_IMPORT_0___ = new URL(\"../asset/images/alertBg.png\", import.meta.url);\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\nvar ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{display:inline-block}:host([hidden]){display:none}.card-item-container{position:relative;width:100%;height:100%}.card-item-container.status-normal{background:linear-gradient(180deg,#f5f5f5 0%,#f5f7f9 100%)}.card-item-container.status-warning{background:linear-gradient(180deg,#ff4949 0%,#ff9560 100%)}.card-item-container.status-warning:after{content:\"\";position:absolute;display:block;width:100%;height:100%;background:url(${___CSS_LOADER_URL_REPLACEMENT_0___}) 0 0 no-repeat;background-size:100% 100%;top:0;left:0}.status-normal:hover{box-shadow:0 0 32px 0 rgba(0,62,179,0.24);border:2px solid #fff}.status-warning:hover{box-shadow:0 0 32px 0 rgba(242,76,37,0.5);border:2px solid #fff}.card-item-text-container{padding:40px 14px 0}.card-item-title{font-size:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:var(--font-weight-500);border-color:transparent;transition:border-color 0.5s;margin-bottom:4px}.card-item-description{font-size:12px;font-weight:var(--font-weight-400);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-line-clamp:2;-webkit-box-orient:vertical}`, \"\"]);\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 (url, options) {\n  if (!options) {\n    options = {};\n  }\n  if (!url) {\n    return url;\n  }\n  url = String(url.__esModule ? url.default : url);\n\n  // If url is already wrapped in quotes, remove them\n  if (/^['\"].*['\"]$/.test(url)) {\n    url = url.slice(1, -1);\n  }\n  if (options.hash) {\n    url += options.hash;\n  }\n\n  // Should url be wrapped?\n  // See https://drafts.csswg.org/css-values-3/#urls\n  if (/[\"'() \\t\\n]|(%20)/.test(url) || options.needQuotes) {\n    return \"\\\"\".concat(url.replace(/\"/g, '\\\\\"').replace(/\\n/g, \"\\\\n\"), \"\\\"\");\n  }\n  return url;\n};","\"use strict\";\n\nmodule.exports = function (i) {\n  return i[1];\n};","import _typeof from \"./typeof.js\";\nimport checkInRHS from \"./checkInRHS.js\";\nfunction createAddInitializerMethod(e, t) {\n  return function (r) {\n    assertNotFinished(t, \"addInitializer\"), assertCallable(r, \"An initializer\"), e.push(r);\n  };\n}\nfunction assertInstanceIfPrivate(e, t) {\n  if (!e(t)) throw new TypeError(\"Attempted to access private element on non-instance\");\n}\nfunction memberDec(e, t, r, n, a, i, s, o, c, l) {\n  var u;\n  switch (i) {\n    case 1:\n      u = \"accessor\";\n      break;\n    case 2:\n      u = \"method\";\n      break;\n    case 3:\n      u = \"getter\";\n      break;\n    case 4:\n      u = \"setter\";\n      break;\n    default:\n      u = \"field\";\n  }\n  var f,\n    d,\n    p = {\n      kind: u,\n      name: o ? \"#\" + r : r,\n      \"static\": s,\n      \"private\": o\n    },\n    h = {\n      v: !1\n    };\n  if (0 !== i && (p.addInitializer = createAddInitializerMethod(a, h)), o || 0 !== i && 2 !== i) {\n    if (2 === i) f = function f(e) {\n      return assertInstanceIfPrivate(l, e), n.value;\n    };else {\n      var v = 0 === i || 1 === i;\n      (v || 3 === i) && (f = o ? function (e) {\n        return assertInstanceIfPrivate(l, e), n.get.call(e);\n      } : function (e) {\n        return n.get.call(e);\n      }), (v || 4 === i) && (d = o ? function (e, t) {\n        assertInstanceIfPrivate(l, e), n.set.call(e, t);\n      } : function (e, t) {\n        n.set.call(e, t);\n      });\n    }\n  } else f = function f(e) {\n    return e[r];\n  }, 0 === i && (d = function d(e, t) {\n    e[r] = t;\n  });\n  var y = o ? l.bind() : function (e) {\n    return r in e;\n  };\n  p.access = f && d ? {\n    get: f,\n    set: d,\n    has: y\n  } : f ? {\n    get: f,\n    has: y\n  } : {\n    set: d,\n    has: y\n  };\n  try {\n    return e.call(t, c, p);\n  } finally {\n    h.v = !0;\n  }\n}\nfunction assertNotFinished(e, t) {\n  if (e.v) throw new Error(\"attempted to call \" + t + \" after decoration was finished\");\n}\nfunction assertCallable(e, t) {\n  if (\"function\" != typeof e) throw new TypeError(t + \" must be a function\");\n}\nfunction assertValidReturnValue(e, t) {\n  var r = _typeof(t);\n  if (1 === e) {\n    if (\"object\" !== r || null === t) throw new TypeError(\"accessor decorators must return an object with get, set, or init properties or void 0\");\n    void 0 !== t.get && assertCallable(t.get, \"accessor.get\"), void 0 !== t.set && assertCallable(t.set, \"accessor.set\"), void 0 !== t.init && assertCallable(t.init, \"accessor.init\");\n  } else if (\"function\" !== r) {\n    var n;\n    throw n = 0 === e ? \"field\" : 5 === e ? \"class\" : \"method\", new TypeError(n + \" decorators must return a function or void 0\");\n  }\n}\nfunction curryThis1(e) {\n  return function () {\n    return e(this);\n  };\n}\nfunction curryThis2(e) {\n  return function (t) {\n    e(this, t);\n  };\n}\nfunction applyMemberDec(e, t, r, n, a, i, s, o, c, l) {\n  var u,\n    f,\n    d,\n    p,\n    h,\n    v,\n    y = r[0];\n  n || Array.isArray(y) || (y = [y]), o ? u = 0 === i || 1 === i ? {\n    get: curryThis1(r[3]),\n    set: curryThis2(r[4])\n  } : 3 === i ? {\n    get: r[3]\n  } : 4 === i ? {\n    set: r[3]\n  } : {\n    value: r[3]\n  } : 0 !== i && (u = Object.getOwnPropertyDescriptor(t, a)), 1 === i ? d = {\n    get: u.get,\n    set: u.set\n  } : 2 === i ? d = u.value : 3 === i ? d = u.get : 4 === i && (d = u.set);\n  for (var g = n ? 2 : 1, m = y.length - 1; m >= 0; m -= g) {\n    var b;\n    if (void 0 !== (p = memberDec(y[m], n ? y[m - 1] : void 0, a, u, c, i, s, o, d, l))) assertValidReturnValue(i, p), 0 === i ? b = p : 1 === i ? (b = p.init, h = p.get || d.get, v = p.set || d.set, d = {\n      get: h,\n      set: v\n    }) : d = p, void 0 !== b && (void 0 === f ? f = b : \"function\" == typeof f ? f = [f, b] : f.push(b));\n  }\n  if (0 === i || 1 === i) {\n    if (void 0 === f) f = function f(e, t) {\n      return t;\n    };else if (\"function\" != typeof f) {\n      var I = f;\n      f = function f(e, t) {\n        for (var r = t, n = I.length - 1; n >= 0; n--) r = I[n].call(e, r);\n        return r;\n      };\n    } else {\n      var w = f;\n      f = function f(e, t) {\n        return w.call(e, t);\n      };\n    }\n    e.push(f);\n  }\n  0 !== i && (1 === i ? (u.get = d.get, u.set = d.set) : 2 === i ? u.value = d : 3 === i ? u.get = d : 4 === i && (u.set = d), o ? 1 === i ? (e.push(function (e, t) {\n    return d.get.call(e, t);\n  }), e.push(function (e, t) {\n    return d.set.call(e, t);\n  })) : 2 === i ? e.push(d) : e.push(function (e, t) {\n    return d.call(e, t);\n  }) : Object.defineProperty(t, a, u));\n}\nfunction applyMemberDecs(e, t, r) {\n  for (var n, a, i, s = [], o = new Map(), c = new Map(), l = 0; l < t.length; l++) {\n    var u = t[l];\n    if (Array.isArray(u)) {\n      var f,\n        d,\n        p = u[1],\n        h = u[2],\n        v = u.length > 3,\n        y = 16 & p,\n        g = !!(8 & p),\n        m = r;\n      if (p &= 7, g ? (f = e, 0 !== p && (d = a = a || []), v && !i && (i = function i(t) {\n        return checkInRHS(t) === e;\n      }), m = i) : (f = e.prototype, 0 !== p && (d = n = n || [])), 0 !== p && !v) {\n        var b = g ? c : o,\n          I = b.get(h) || 0;\n        if (!0 === I || 3 === I && 4 !== p || 4 === I && 3 !== p) throw new Error(\"Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: \" + h);\n        b.set(h, !(!I && p > 2) || p);\n      }\n      applyMemberDec(s, f, u, y, h, p, g, v, d, m);\n    }\n  }\n  return pushInitializers(s, n), pushInitializers(s, a), s;\n}\nfunction pushInitializers(e, t) {\n  t && e.push(function (e) {\n    for (var r = 0; r < t.length; r++) t[r].call(e);\n    return e;\n  });\n}\nfunction applyClassDecs(e, t, r) {\n  if (t.length) {\n    for (var n = [], a = e, i = e.name, s = r ? 2 : 1, o = t.length - 1; o >= 0; o -= s) {\n      var c = {\n        v: !1\n      };\n      try {\n        var l = t[o].call(r ? t[o - 1] : void 0, a, {\n          kind: \"class\",\n          name: i,\n          addInitializer: createAddInitializerMethod(n, c)\n        });\n      } finally {\n        c.v = !0;\n      }\n      void 0 !== l && (assertValidReturnValue(5, l), a = l);\n    }\n    return [a, function () {\n      for (var e = 0; e < n.length; e++) n[e].call(a);\n    }];\n  }\n}\nexport default function applyDecs2305(e, t, r, n, a) {\n  return {\n    e: applyMemberDecs(e, t, a),\n    get c() {\n      return applyClassDecs(e, r, n);\n    }\n  };\n}","import _typeof from \"./typeof.js\";\nexport default function _checkInRHS(e) {\n  if (Object(e) !== e) throw TypeError(\"right-hand side of 'in' should be an object, got \" + (null !== e ? _typeof(e) : \"null\"));\n  return e;\n}","export default function _checkPrivateRedeclaration(obj, privateCollection) {\n  if (privateCollection.has(obj)) {\n    throw new TypeError(\"Cannot initialize the same private elements twice on an object\");\n  }\n}","export default function _classExtractFieldDescriptor(receiver, privateMap, action) {\n  if (!privateMap.has(receiver)) {\n    throw new TypeError(\"attempted to \" + action + \" private field on non-instance\");\n  }\n  return privateMap.get(receiver);\n}","import classApplyDescriptorGet from \"./classApplyDescriptorGet.js\";\nimport classExtractFieldDescriptor from \"./classExtractFieldDescriptor.js\";\nexport default function _classPrivateFieldGet(receiver, privateMap) {\n  var descriptor = classExtractFieldDescriptor(receiver, privateMap, \"get\");\n  return classApplyDescriptorGet(receiver, descriptor);\n}","export default function _classApplyDescriptorGet(receiver, descriptor) {\n  if (descriptor.get) {\n    return descriptor.get.call(receiver);\n  }\n  return descriptor.value;\n}","import checkPrivateRedeclaration from \"./checkPrivateRedeclaration.js\";\nexport default function _classPrivateFieldInitSpec(obj, privateMap, value) {\n  checkPrivateRedeclaration(obj, privateMap);\n  privateMap.set(obj, value);\n}","import classApplyDescriptorSet from \"./classApplyDescriptorSet.js\";\nimport classExtractFieldDescriptor from \"./classExtractFieldDescriptor.js\";\nexport default function _classPrivateFieldSet(receiver, privateMap, value) {\n  var descriptor = classExtractFieldDescriptor(receiver, privateMap, \"set\");\n  classApplyDescriptorSet(receiver, descriptor, value);\n  return value;\n}","export default function _classApplyDescriptorSet(receiver, descriptor, value) {\n  if (descriptor.set) {\n    descriptor.set.call(receiver, value);\n  } else {\n    if (!descriptor.writable) {\n      throw new TypeError(\"attempted to set read only private field\");\n    }\n    descriptor.value = value;\n  }\n}","export default function _typeof(o) {\n  \"@babel/helpers - typeof\";\n\n  return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) {\n    return typeof o;\n  } : function (o) {\n    return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o;\n  }, _typeof(o);\n}"],"names":["_SimpleCardItem","defineElement","property","createDecorators","_dec","styleTexts","styleText","_dec2","_dec3","_dec4","_dec5","attribute","_dec6","_dec7","_dec8","_A","WeakMap","_B","_C","_D","_E","_F","_G","SimpleCardItem","ReactNextElement","constructor","arguments","_classPrivateFieldInitSpec","writable","value","_initProto","_init_status","_init_cardTitle","_init_description","_init_color","_init_desStyle","_init_descriptionList","_init_background","status","_classPrivateFieldGet","v","_classPrivateFieldSet","cardTitle","description","color","desStyle","descriptionList","background","render","React","SimpleCardItemComponent","this","props","className","classNames","concat","style","length","map","item","index","key","_class","e","c","_initClass","_applyDecs","hasOwn","hasOwnProperty","classes","i","arg","argType","push","Array","isArray","inner","apply","toString","Object","prototype","includes","call","join","module","exports","default","___CSS_LOADER_URL_IMPORT_0___","URL","___CSS_LOADER_EXPORT___","___CSS_LOADER_URL_REPLACEMENT_0___","id","cssWithMappingToString","list","content","needLayer","modules","media","dedupe","supports","layer","undefined","alreadyImportedModules","k","_k","url","options","String","__esModule","test","slice","hash","needQuotes","replace","createAddInitializerMethod","t","r","Error","assertNotFinished","assertCallable","assertInstanceIfPrivate","TypeError","memberDec","n","a","s","o","l","u","f","d","p","kind","name","h","addInitializer","get","set","y","bind","access","has","assertValidReturnValue","init","curryThis1","curryThis2","applyMemberDec","getOwnPropertyDescriptor","g","m","b","I","w","defineProperty","applyMemberDecs","Map","pushInitializers","applyDecs2305","applyClassDecs","_checkInRHS","_checkPrivateRedeclaration","obj","privateCollection","_classExtractFieldDescriptor","receiver","privateMap","action","descriptor","classExtractFieldDescriptor","_typeof","Symbol","iterator"],"sourceRoot":""}

package/dist/examples.json

@@ -2,21 +2,15 @@
   "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.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"
   },
   "data-view.battery-chart": {
     "doc": "电池显示构件\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.battery-chart\n  properties:\n    value: 30\n    style:\n      background-color: \"#1c1e21\"\n      display: block\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.battery-chart\n#   value=\"30\"\n#   style=\"background-color: #1c1e21; display: block\"\n# ></data-view.battery-chart>\n# \n```\n\n### ThresholdValue\n\n```yaml preview\n- brick: data-view.battery-chart\n  properties:\n    value: 100\n    thresholdValue: 120\n    batteryHeight: 80\n    batteryWidth: 50\n    thresholdColors:\n      - color: \"linear-gradient(180deg, #246EFF 0%, #26CE90 100%)\"\n        startValue: 0\n        endValue: 120\n        headerColor: \"#246EFF\"\n      - color: \"linear-gradient(180deg, #FF772A 0%, #FFC22A 100%)\"\n        startValue: 120\n        endValue: 200\n        headerColor: \"#FF772A\"\n    style:\n      background-color: \"#1c1e21\"\n      display: block\n  slots:\n    \"\":\n      type: bricks\n      bricks:\n        - brick: div\n          properties:\n            textContent: 标题\n            style:\n              color: \"#fff\"\n              opacity: 0.6\n              marginTop: 10px\n              fontSize: 14px\n        - brick: div\n          properties:\n            textContent: 数据信息\n            style:\n              color: \"#fff\"\n              fontSize: 20px\n              line-height: 29px\n              fontWeight: 500\n    left:\n      type: bricks\n      bricks:\n        - brick: div\n          properties:\n            textContent: 标题\n            style:\n              color: \"#fff\"\n              opacity: 0.6\n              marginTop: 10px\n              fontSize: 14px\n        - brick: div\n          properties:\n            textContent: 数据信息\n            style:\n              color: \"#fff\"\n              fontSize: 20px\n              line-height: 29px\n              fontWeight: 500\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.battery-chart\n#   value=\"100\"\n#   threshold-value=\"120\"\n#   battery-height=\"80\"\n#   battery-width=\"50\"\n#   style=\"background-color: #1c1e21; display: block\"\n#   id=\"brick-1\"\n# >\n#   <div style=\"color: #fff; opacity: 0.6; margin-top: 10px; font-size: 14px\">\n#     标题\n#   </div>\n#   <div\n#     style=\"color: #fff; font-size: 20px; line-height: 29px; font-weight: 500\"\n#   >\n#     数据信息\n#   </div>\n#   <div\n#     slot=\"left\"\n#     style=\"color: #fff; opacity: 0.6; margin-top: 10px; font-size: 14px\"\n#   >\n#     标题\n#   </div>\n#   <div\n#     slot=\"left\"\n#     style=\"color: #fff; font-size: 20px; line-height: 29px; font-weight: 500\"\n#   >\n#     数据信息\n#   </div>\n# </data-view.battery-chart>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.thresholdColors = [\n#     {\n#       color: \"linear-gradient(180deg, #246EFF 0%, #26CE90 100%)\",\n#       startValue: 0,\n#       endValue: 120,\n#       headerColor: \"#246EFF\",\n#     },\n#     {\n#       color: \"linear-gradient(180deg, #FF772A 0%, #FFC22A 100%)\",\n#       startValue: 120,\n#       endValue: 200,\n#       headerColor: \"#FF772A\",\n#     },\n#   ];\n# </script>\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.dropdown-menu": {
     "doc": "大屏基础下拉菜单\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.dropdown-menu\n  properties:\n    options:\n      - label: 测试1\n        value: test1\n      - label: 测试2\n        value: test2\n    placeholder: 请选择\n    allowClear: true\n  events:\n    value.change:\n      - action: console.log\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.dropdown-menu\n#   placeholder=\"请选择\"\n#   allow-clear\n#   id=\"brick-1\"\n# ></data-view.dropdown-menu>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.options = [\n#     {\n#       label: \"测试1\",\n#       value: \"test1\",\n#     },\n#     {\n#       label: \"测试2\",\n#       value: \"test2\",\n#     },\n#   ];\n#   brick_1.addEventListener(\"value.change\", (e) => {\n#     console.log(e.detail);\n#   });\n# </script>\n# \n```\n"
   },
@@ -29,21 +23,27 @@
   "data-view.particle-animation": {
     "doc": "粒子上升动画\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.particle-animation\n  properties:\n    containerStyle:\n      width: 150px\n      height: 150px\n    colors:\n      startColor: \"#44E6F300\"\n      middleColor: \"#48D9EE\"\n      endColor: \"#E4FFFF\"\n    style:\n      display: block\n      background-color: \"#1c1e21\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.particle-animation\n#   style=\"display: block; background-color: #1c1e21\"\n#   id=\"brick-1\"\n# ></data-view.particle-animation>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.containerStyle = {\n#     width: \"150px\",\n#     height: \"150px\",\n#   };\n#   brick_1.colors = {\n#     startColor: \"#44E6F300\",\n#     middleColor: \"#48D9EE\",\n#     endColor: \"#E4FFFF\",\n#   };\n# </script>\n# \n```\n"
   },
+  "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.app-wall-card-item": {
     "doc": "应用墙小卡片\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.app-wall-card-item\n  properties:\n    cardTitle: pos\n    description: 店铺货管通\n    style:\n      width: 100px\n      height: 120px\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.app-wall-card-item\n#   card-title=\"pos\"\n#   description=\"店铺货管通\"\n#   style=\"width: 100px; height: 120px\"\n# ></data-view.app-wall-card-item>\n# \n```\n\n### Status\n\n```yaml preview\n- brick: data-view.app-wall-card-item\n  properties:\n    status: warning\n    cardTitle: pos\n    description: 店铺货管通\n    style:\n      width: 100px\n      height: 120px\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.app-wall-card-item\n#   status=\"warning\"\n#   card-title=\"pos\"\n#   description=\"店铺货管通\"\n#   style=\"width: 100px; height: 120px\"\n# ></data-view.app-wall-card-item>\n# \n```\n"
   },
-  "data-view.app-wall-system-card": {
-    "doc": "系统卡片\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.app-wall-system-card\n  properties:\n    cardTitle: A系统\n    itemList:\n      - key: 实例ID\n        value: xxxx\n      - key: 系统英文缩写\n        value: system-fms\n      - key: 实例ID\n        value: xxx\n      - key: 系统英文名称\n        value: app-fms\n      - key: 系统中文名称\n        value: A财务系统\n      - key: 归属部门\n        value: 财务系统部\n      - key: 系统类型\n        value: 应用系统\n      - key: 系统描述\n        value: 1、使用场景概述：财务应收和应付结算\n    buttonName: 应用墙大屏\n    style:\n      background: rgba(40, 46, 58, 100%)\n      box-shadow: \"0 0 12px 2px rgba(80, 255, 255, 0.45), inset 0 0 22px 0 #20242A\"\n      border: \"2px solid #50FFFF\"\n      overflow: hidden\n      height: 400px\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.app-wall-system-card\n#   card-title=\"A系统\"\n#   button-name=\"应用墙大屏\"\n#   style=\"\n#     background: rgba(40, 46, 58, 100%);\n#     box-shadow:\n#       0 0 12px 2px rgba(80, 255, 255, 0.45),\n#       inset 0 0 22px 0 #20242a;\n#     border: 2px solid #50ffff;\n#     overflow: hidden;\n#     height: 400px;\n#   \"\n#   id=\"brick-1\"\n# ></data-view.app-wall-system-card>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.itemList = [\n#     {\n#       key: \"实例ID\",\n#       value: \"xxxx\",\n#     },\n#     {\n#       key: \"系统英文缩写\",\n#       value: \"system-fms\",\n#     },\n#     {\n#       key: \"实例ID\",\n#       value: \"xxx\",\n#     },\n#     {\n#       key: \"系统英文名称\",\n#       value: \"app-fms\",\n#     },\n#     {\n#       key: \"系统中文名称\",\n#       value: \"A财务系统\",\n#     },\n#     {\n#       key: \"归属部门\",\n#       value: \"财务系统部\",\n#     },\n#     {\n#       key: \"系统类型\",\n#       value: \"应用系统\",\n#     },\n#     {\n#       key: \"系统描述\",\n#       value: \"1、使用场景概述：财务应收和应付结算\",\n#     },\n#   ];\n# </script>\n# \n```\n\n### Status\n\n```yaml preview\n- brick: data-view.app-wall-system-card\n  properties:\n    cardTitle: B系统\n    itemList:\n      - key: 实例ID\n        value: xxxx\n      - key: 系统英文缩写\n        value: system-fms-B\n      - key: 系统描述\n        value: 1、使用场景概述：财务应收和应付结算\n    buttonName: 应用墙大屏\n    status: warning\n    style:\n      background: \"linear-gradient(180deg, #CC0066 0%, rgba(204, 0, 102, 0.2) 100%),#0F1117FF\"\n      box-shadow: \"0 0 12px 2px rgba(204, 0, 102, 0.4), inset 0 4px 10px 0 rgba(255, 255, 255, 0.65)\"\n      overflow: hidden\n      height: 400px\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.app-wall-system-card\n#   card-title=\"B系统\"\n#   button-name=\"应用墙大屏\"\n#   style=\"\n#     background: linear-gradient(180deg, #cc0066 0%, rgba(204, 0, 102, 0.2) 100%),\n#       #0f1117ff;\n#     box-shadow:\n#       0 0 12px 2px rgba(204, 0, 102, 0.4),\n#       inset 0 4px 10px 0 rgba(255, 255, 255, 0.65);\n#     overflow: hidden;\n#     height: 400px;\n#   \"\n#   id=\"brick-1\"\n# ></data-view.app-wall-system-card>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.itemList = [\n#     {\n#       key: \"实例ID\",\n#       value: \"xxxx\",\n#     },\n#     {\n#       key: \"系统英文缩写\",\n#       value: \"system-fms-B\",\n#     },\n#     {\n#       key: \"系统描述\",\n#       value: \"1、使用场景概述：财务应收和应付结算\",\n#     },\n#   ];\n#   brick_1.status = \"warning\";\n# </script>\n# \n```\n"
-  },
   "data-view.app-wall-relation-line": {
     "doc": "应用墙流光线条\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.app-wall-relation-line\n  properties:\n    lightColor: purple\n    style:\n      height: 200px\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.app-wall-relation-line\n#   light-color=\"purple\"\n#   style=\"height: 200px\"\n# ></data-view.app-wall-relation-line>\n# \n```\n"
   },
+  "data-view.app-wall-system-card": {
+    "doc": "系统卡片\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.app-wall-system-card\n  properties:\n    cardTitle: A系统\n    itemList:\n      - key: 实例ID\n        value: xxxx\n      - key: 系统英文缩写\n        value: system-fms\n      - key: 实例ID\n        value: xxx\n      - key: 系统英文名称\n        value: app-fms\n      - key: 系统中文名称\n        value: A财务系统\n      - key: 归属部门\n        value: 财务系统部\n      - key: 系统类型\n        value: 应用系统\n      - key: 系统描述\n        value: 1、使用场景概述：财务应收和应付结算\n    buttonName: 应用墙大屏\n    style:\n      background: rgba(40, 46, 58, 100%)\n      box-shadow: \"0 0 12px 2px rgba(80, 255, 255, 0.45), inset 0 0 22px 0 #20242A\"\n      border: \"2px solid #50FFFF\"\n      overflow: hidden\n      height: 400px\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.app-wall-system-card\n#   card-title=\"A系统\"\n#   button-name=\"应用墙大屏\"\n#   style=\"\n#     background: rgba(40, 46, 58, 100%);\n#     box-shadow:\n#       0 0 12px 2px rgba(80, 255, 255, 0.45),\n#       inset 0 0 22px 0 #20242a;\n#     border: 2px solid #50ffff;\n#     overflow: hidden;\n#     height: 400px;\n#   \"\n#   id=\"brick-1\"\n# ></data-view.app-wall-system-card>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.itemList = [\n#     {\n#       key: \"实例ID\",\n#       value: \"xxxx\",\n#     },\n#     {\n#       key: \"系统英文缩写\",\n#       value: \"system-fms\",\n#     },\n#     {\n#       key: \"实例ID\",\n#       value: \"xxx\",\n#     },\n#     {\n#       key: \"系统英文名称\",\n#       value: \"app-fms\",\n#     },\n#     {\n#       key: \"系统中文名称\",\n#       value: \"A财务系统\",\n#     },\n#     {\n#       key: \"归属部门\",\n#       value: \"财务系统部\",\n#     },\n#     {\n#       key: \"系统类型\",\n#       value: \"应用系统\",\n#     },\n#     {\n#       key: \"系统描述\",\n#       value: \"1、使用场景概述：财务应收和应付结算\",\n#     },\n#   ];\n# </script>\n# \n```\n\n### Status\n\n```yaml preview\n- brick: data-view.app-wall-system-card\n  properties:\n    cardTitle: B系统\n    itemList:\n      - key: 实例ID\n        value: xxxx\n      - key: 系统英文缩写\n        value: system-fms-B\n      - key: 系统描述\n        value: 1、使用场景概述：财务应收和应付结算\n    buttonName: 应用墙大屏\n    status: warning\n    style:\n      background: \"linear-gradient(180deg, #CC0066 0%, rgba(204, 0, 102, 0.2) 100%),#0F1117FF\"\n      box-shadow: \"0 0 12px 2px rgba(204, 0, 102, 0.4), inset 0 4px 10px 0 rgba(255, 255, 255, 0.65)\"\n      overflow: hidden\n      height: 400px\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.app-wall-system-card\n#   card-title=\"B系统\"\n#   button-name=\"应用墙大屏\"\n#   style=\"\n#     background: linear-gradient(180deg, #cc0066 0%, rgba(204, 0, 102, 0.2) 100%),\n#       #0f1117ff;\n#     box-shadow:\n#       0 0 12px 2px rgba(204, 0, 102, 0.4),\n#       inset 0 4px 10px 0 rgba(255, 255, 255, 0.65);\n#     overflow: hidden;\n#     height: 400px;\n#   \"\n#   id=\"brick-1\"\n# ></data-view.app-wall-system-card>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.itemList = [\n#     {\n#       key: \"实例ID\",\n#       value: \"xxxx\",\n#     },\n#     {\n#       key: \"系统英文缩写\",\n#       value: \"system-fms-B\",\n#     },\n#     {\n#       key: \"系统描述\",\n#       value: \"1、使用场景概述：财务应收和应付结算\",\n#     },\n#   ];\n#   brick_1.status = \"warning\";\n# </script>\n# \n```\n"
+  },
   "data-view.cabinet-button": {
     "doc": "data-view.cabinet-button\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.cabinet-button\n  properties:\n    buttonStyle:\n      width: 50px\n      height: 50px\n      background: \"#1c1e21\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.cabinet-button id=\"brick-1\"></data-view.cabinet-button>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.buttonStyle = {\n#     width: \"50px\",\n#     height: \"50px\",\n#     background: \"#1c1e21\",\n#   };\n# </script>\n# \n```\n"
   },
   "data-view.cabinet-node": {
     "doc": "data-view.cabinet-node\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.cabinet-node\n  properties:\n    type: container-group\n    nodeTitle: 容器组\n    style:\n      width: 100px\n      background: \"#1c1e21\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.cabinet-node\n#   type=\"container-group\"\n#   node-title=\"容器组\"\n#   style=\"width: 100px; background: #1c1e21\"\n# ></data-view.cabinet-node>\n# \n```\n\n### IsAlert\n\n```yaml preview\n- brick: data-view.cabinet-node\n  properties:\n    type: container-group\n    nodeTitle: 容器组\n    isAlert: true\n    style:\n      width: 100px\n      background: \"#1c1e21\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.cabinet-node\n#   type=\"container-group\"\n#   node-title=\"容器组\"\n#   is-alert\n#   style=\"width: 100px; background: #1c1e21\"\n# ></data-view.cabinet-node>\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.cabinet-app-layer": {
     "doc": "data-view.cabinet-app-layer\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.cabinet-app-layer\n  properties:\n    appTitle: inventory-api\n    style:\n      width: 600px\n      background-color: \"#1c1e21\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.cabinet-app-layer\n#   app-title=\"inventory-api\"\n#   style=\"width: 600px; background-color: #1c1e21\"\n# ></data-view.cabinet-app-layer>\n# \n```\n"
   },

package/dist/index.8a2213b6.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={8658:(e,t,a)=>{var r={"./gauge-chart":()=>Promise.all([a.e(8657),a.e(5366),a.e(4511),a.e(2811)]).then((()=>()=>a(5186))),"./modern-style-treemap":()=>Promise.all([a.e(2502),a.e(8657),a.e(5366),a.e(4511),a.e(1211),a.e(2069),a.e(5284),a.e(2992)]).then((()=>()=>a(4170))),"./battery-chart":()=>Promise.all([a.e(8657),a.e(5366),a.e(4511),a.e(8314)]).then((()=>()=>a(854))),"./tabs-drawer":()=>Promise.all([a.e(8657),a.e(5366),a.e(4511),a.e(4644)]).then((()=>()=>a(7960))),"./dropdown-menu":()=>Promise.all([a.e(8657),a.e(5366),a.e(4511),a.e(1211),a.e(7926)]).then((()=>()=>a(9950))),"./complex-search":()=>Promise.all([a.e(8657),a.e(5366),a.e(4511),a.e(2069),a.e(2255),a.e(794)]).then((()=>()=>a(6122))),"./loading-panel":()=>Promise.all([a.e(2502),a.e(8657),a.e(5366),a.e(4511),a.e(8606)]).then((()=>()=>a(9166))),"./particle-animation":()=>Promise.all([a.e(8657),a.e(5366),a.e(4511),a.e(9925)]).then((()=>()=>a(6461))),"./modern-style-component-title":()=>Promise.all([a.e(8657),a.e(5366),a.e(4511),a.e(3637)]).then((()=>()=>a(9723))),"./app-wall-card-item":()=>Promise.all([a.e(8657),a.e(5366),a.e(4511),a.e(8923)]).then((()=>()=>a(7035))),"./app-wall-relation-line":()=>Promise.all([a.e(8657),a.e(5366),a.e(4511),a.e(8958)]).then((()=>()=>a(7709))),"./app-wall-system-card":()=>Promise.all([a.e(8657),a.e(5366),a.e(4511),a.e(3518)]).then((()=>()=>a(9703))),"./cabinet-button":()=>Promise.all([a.e(8657),a.e(5366),a.e(4511),a.e(7974)]).then((()=>()=>a(5501))),"./cabinet-node":()=>Promise.all([a.e(8657),a.e(5366),a.e(4511),a.e(7335)]).then((()=>()=>a(6766))),"./modern-style-page-title":()=>Promise.all([a.e(8657),a.e(5366),a.e(4511),a.e(8245)]).then((()=>()=>a(6401))),"./cabinet-app-layer":()=>Promise.all([a.e(8657),a.e(5366),a.e(4511),a.e(4292)]).then((()=>()=>a(8033))),"./cabinet-container":()=>Promise.all([a.e(2502),a.e(8657),a.e(5366),a.e(4511),a.e(8409)]).then((()=>()=>a(8717))),"./cabinet-thumbnail":()=>Promise.all([a.e(2502),a.e(8657),a.e(5366),a.e(4511),a.e(9410)]).then((()=>()=>a(358))),"./cabinet-graph":()=>Promise.all([a.e(8657),a.e(5366),a.e(4511),a.e(2779)]).then((()=>()=>a(8215))),"./app-wall":()=>Promise.all([a.e(6789),a.e(8657),a.e(5366),a.e(4511),a.e(1211),a.e(8442),a.e(4915)]).then((()=>()=>a(8546))),"./graph-text":()=>Promise.all([a.e(8657),a.e(5366),a.e(4511),a.e(2255),a.e(7721)]).then((()=>()=>a(711))),"./graph-node":()=>Promise.all([a.e(8657),a.e(5366),a.e(4511),a.e(4481)]).then((()=>()=>a(7312))),"./graph-layout-grid":()=>Promise.all([a.e(8657),a.e(5366),a.e(4511),a.e(4537)]).then((()=>()=>a(5912))),"./grid-background":()=>Promise.all([a.e(8657),a.e(5366),a.e(4511),a.e(3328)]).then((()=>()=>a(5730))),"./gear-background":()=>Promise.all([a.e(8657),a.e(5366),a.e(4511),a.e(3892)]).then((()=>()=>a(1092))),"./radar-chart":()=>Promise.all([a.e(8657),a.e(5366),a.e(4511),a.e(1211),a.e(4434),a.e(2452)]).then((()=>()=>a(3996))),"./title-text":()=>Promise.all([a.e(8657),a.e(5366),a.e(4511),a.e(9865)]).then((()=>()=>a(6590))),"./brick-notification":()=>Promise.all([a.e(8657),a.e(5366),a.e(4511),a.e(7914)]).then((()=>()=>a(6664))),"./tabs-page-title":()=>Promise.all([a.e(8657),a.e(5366),a.e(4511),a.e(619)]).then((()=>()=>a(4243))),"./top-title-bar":()=>Promise.all([a.e(8657),a.e(5366),a.e(4511),a.e(90)]).then((()=>()=>a(9231))),"./lights-component-title":()=>Promise.all([a.e(8657),a.e(5366),a.e(4511),a.e(5895)]).then((()=>()=>a(6559))),"./hi-tech-button":()=>Promise.all([a.e(8657),a.e(5366),a.e(4511),a.e(7677)]).then((()=>()=>a(422))),"./tech-mesh-base-view":()=>Promise.all([a.e(8657),a.e(5366),a.e(4511),a.e(1800),a.e(7713)]).then((()=>()=>a(3607))),"./simple-card-item":()=>Promise.all([a.e(8657),a.e(5366),a.e(4511),a.e(1800),a.e(9358)]).then((()=>()=>a(3438))),"./basic-index-group":()=>Promise.all([a.e(8657),a.e(5366),a.e(4511),a.e(1800),a.e(1211),a.e(1808)]).then((()=>()=>a(7378))),"./data-display-flipper":()=>Promise.all([a.e(8657),a.e(5366),a.e(4511),a.e(1800),a.e(4010)]).then((()=>()=>a(3938))),"./data-display-flipper-fifth":()=>Promise.all([a.e(8657),a.e(5366),a.e(4511),a.e(1800),a.e(8329)]).then((()=>()=>a(3425))),"./data-display-flipper-sixth":()=>Promise.all([a.e(8657),a.e(5366),a.e(4511),a.e(1800),a.e(1315)]).then((()=>()=>a(4950))),"./indicator-card":()=>Promise.all([a.e(8657),a.e(5366),a.e(4511),a.e(1800),a.e(3296)]).then((()=>()=>a(2029)))},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})}},k={};function j(e){var t=k[e];if(void 0!==t)return t.exports;var a=k[e]={id:e,loaded:!1,exports:{}};return w[e].call(a.exports,a,a.exports,j),a.loaded=!0,a.exports}j.m=w,j.c=k,j.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return j.d(t,{a:t}),t},j.d=(e,t)=>{for(var a in t)j.o(t,a)&&!j.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},j.f={},j.e=e=>Promise.all(Object.keys(j.f).reduce(((t,a)=>(j.f[a](e,t),t)),[])),j.u=e=>"chunks/"+({90:"top-title-bar",619:"tabs-page-title",794:"complex-search",1315:"data-display-flipper-sixth",1808:"basic-index-group",2452:"radar-chart",2779:"cabinet-graph",2811:"gauge-chart",2992:"modern-style-treemap",3296:"indicator-card",3328:"grid-background",3518:"app-wall-system-card",3637:"modern-style-component-title",3892:"gear-background",4010:"data-display-flipper",4292:"cabinet-app-layer",4481:"graph-node",4537:"graph-layout-grid",4644:"tabs-drawer",4915:"app-wall",5895:"lights-component-title",7335:"cabinet-node",7677:"hi-tech-button",7713:"tech-mesh-base-view",7721:"graph-text",7914:"brick-notification",7926:"dropdown-menu",7974:"cabinet-button",8245:"modern-style-page-title",8314:"battery-chart",8329:"data-display-flipper-fifth",8409:"cabinet-container",8606:"loading-panel",8923:"app-wall-card-item",8958:"app-wall-relation-line",9358:"simple-card-item",9410:"cabinet-thumbnail",9865:"title-text",9925:"particle-animation"}[e]||e)+"."+{90:"c36d6df1",443:"5c72124e",619:"df51ae41",672:"05bac080",794:"27c22e86",1211:"bf3c4626",1303:"4b2cb3e6",1315:"85dabbfb",1646:"05542f8f",1800:"5bb064f8",1808:"a540fab1",1874:"fd357791",2024:"9df06f14",2069:"36da84b5",2108:"6eb22e62",2255:"b1bf75d6",2452:"c393d1dc",2502:"d12fe43c",2779:"eb4f2420",2784:"2de87a89",2811:"5605e2ea",2992:"ce32cd28",3296:"dad90cc9",3328:"490aa2d4",3458:"19480d28",3518:"03c861f4",3637:"8e9462d6",3892:"9da57ea0",4010:"9ad4898b",4049:"95dfd91d",4275:"7079c526",4292:"3dc936ae",4434:"c9184946",4481:"a4442441",4511:"a737a88f",4537:"ae9fa2db",4567:"45b40eea",4644:"5c42cc42",4795:"20afb9f3",4915:"cfe34da4",4991:"7f1b1f2d",5151:"317d0e3c",5178:"c00b534b",5284:"eb1f6d39",5366:"0a8860f8",5381:"450dd2d0",5628:"b7434edc",5636:"3713d07e",5637:"0144d974",5725:"bfd3ae6b",5777:"f175fba0",5888:"4a97bc69",5895:"a95a2abe",6040:"1d2099d2",6051:"224ac9ff",6107:"8d1e46d4",6205:"a2efc262",6473:"cde0f162",6635:"f9c26f87",6653:"8f670392",6660:"cdd657e7",6789:"fcbbeadb",7067:"fcc18874",7110:"7100a2ec",7164:"2969f675",7335:"a8e901ab",7672:"fe022a23",7677:"7e5bc0dd",7713:"9246e109",7721:"cd05efd7",7746:"ebb00411",7914:"0b3be734",7915:"0bf6d068",7921:"9a136394",7926:"6d7a1efd",7974:"0082a409",8008:"8d750b61",8065:"20f07fd4",8242:"5669f4f8",8245:"81f35a48",8314:"155daf1c",8316:"573c7eb8",8329:"2ae5ec8a",8409:"16655913",8442:"88d04a5e",8498:"f61fdcdc",8588:"2beae150",8606:"1e534c7f",8657:"0414e529",8691:"4a9dd998",8874:"8a05d270",8923:"bb1cc04e",8958:"c9f65981",9358:"f378de0e",9410:"c30d7371",9431:"5aae51fd",9549:"69065a0a",9758:"c622252d",9865:"9446a7f8",9925:"95162605"}[e]+".js",j.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),j.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),e={},t="@next-bricks/data-view:",j.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,j.nc&&o.setAttribute("nonce",j.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)}},j.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},j.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),(()=>{j.S={};var e={},t={};j.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];j.o(j.S,a)||(j.S[a]={});var l=j.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.0",(()=>j.e(1874).then((()=>()=>j(1874))))),i("@easyops-cn/brick-next-pipes","0.4.0",(()=>Promise.all([j.e(5637),j.e(9758)]).then((()=>()=>j(5637))))),i("@next-core/cook","2.2.7",(()=>Promise.all([j.e(5151),j.e(8242)]).then((()=>()=>j(5151))))),i("@next-core/element","1.1.6",(()=>j.e(9549).then((()=>()=>j(9549))))),i("@next-core/http","1.1.5",(()=>j.e(7067).then((()=>()=>j(7067))))),i("@next-core/i18n/react","1.0.29",(()=>Promise.all([j.e(5888),j.e(5636)]).then((()=>()=>j(5636))))),i("@next-core/i18n","1.0.29",(()=>Promise.all([j.e(6107),j.e(5888),j.e(6040),j.e(7164)]).then((()=>()=>j(7164))))),i("@next-core/inject","1.0.21",(()=>Promise.all([j.e(5178),j.e(672),j.e(7672)]).then((()=>()=>j(7672))))),i("@next-core/loader","1.4.4",(()=>j.e(8498).then((()=>()=>j(8498))))),i("@next-core/pipes","2.0.11",(()=>j.e(4275).then((()=>()=>j(4275))))),i("@next-core/react-element","1.0.16",(()=>Promise.all([j.e(8657),j.e(5366),j.e(8065),j.e(1646)]).then((()=>()=>j(1646))))),i("@next-core/react-runtime","1.1.30",(()=>Promise.all([j.e(8657),j.e(4567),j.e(6660)]).then((()=>()=>j(6660))))),i("@next-core/runtime","1.25.3",(()=>Promise.all([j.e(6051),j.e(6107),j.e(5178),j.e(5888),j.e(8874),j.e(5777),j.e(7921),j.e(4795)]).then((()=>()=>j(6051))))),i("@next-core/supply","2.1.6",(()=>Promise.all([j.e(5178),j.e(672),j.e(8874),j.e(4049)]).then((()=>()=>j(4049))))),i("@next-core/theme","1.4.1",(()=>Promise.all([j.e(2108),j.e(5628)]).then((()=>()=>j(2108))))),i("@next-core/utils/general","1.6.2",(()=>j.e(7110).then((()=>()=>j(7110))))),i("@next-core/utils/storyboard","1.6.2",(()=>Promise.all([j.e(6107),j.e(5777),j.e(3458)]).then((()=>()=>j(3458))))),i("history","4.10.1",(()=>j.e(2024).then((()=>()=>j(2024))))),i("i18next-browser-languagedetector","7.1.0",(()=>j.e(443).then((()=>()=>j(443))))),i("i18next","23.6.0",(()=>j.e(4991).then((()=>()=>j(4991))))),i("js-yaml","3.14.1",(()=>j.e(9431).then((()=>()=>j(9431))))),i("lodash","4.17.21",(()=>j.e(6635).then((()=>()=>j(6635))))),i("moment/locale/zh-cn.js","2.29.4",(()=>Promise.all([j.e(8008),j.e(7915)]).then((()=>()=>j(7414))))),i("moment","2.29.4",(()=>Promise.all([j.e(8008),j.e(7915)]).then((()=>()=>j(9034))))),i("react-dom","0.0.0-experimental-ee8509801-20230117",(()=>Promise.all([j.e(8316),j.e(8657)]).then((()=>()=>j(8316))))),i("react-i18next","13.3.1",(()=>Promise.all([j.e(8588),j.e(8657)]).then((()=>()=>j(8588))))),i("react","0.0.0-experimental-ee8509801-20230117",(()=>j.e(2784).then((()=>()=>j(2784)))))),e[a]=c.length?Promise.all(c).then((()=>e[a]=1)):1}}})(),(()=>{var e;j.g.importScripts&&(e=j.g.location+"");var t=j.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(/\/[^\/]+$/,"/"),j.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=j.I(t);return l&&l.then?l.then(e.bind(e,t,j.S[t],a,r,n)):e(t,j.S[t],a,r,n)})(((e,t,a,r)=>t&&j.o(t,a)?u(o(t,a)):r())),b=p(((e,t,a,r)=>t&&j.o(t,a)?d(t,0,a):r())),g=p(((e,t,a,r,n)=>t&&j.o(t,a)?s(t,0,a,r):n())),P=p(((e,t,a,r,n)=>{var l=t&&j.o(t,a)&&h(t,a,r);return l?u(l):n()})),v={},x={5872:()=>g("default","moment",[1,2,27,0],(()=>Promise.all([j.e(8008),j.e(7915)]).then((()=>()=>j(9034))))),5899:()=>g("default","js-yaml",[1,3,14,0],(()=>j.e(9431).then((()=>()=>j(9431))))),6976:()=>g("default","lodash",[1,4,17,19],(()=>j.e(6635).then((()=>()=>j(6635))))),8242:()=>g("default","@babel/parser",[1,7,23,0],(()=>j.e(1874).then((()=>()=>j(1874))))),5888:()=>g("default","@next-core/i18n",[1,1,0,29],(()=>Promise.all([j.e(6107),j.e(6040),j.e(6205)]).then((()=>()=>j(7164))))),1949:()=>g("default","react-i18next",[1,13,3,1],(()=>Promise.all([j.e(8588),j.e(8657)]).then((()=>()=>j(8588))))),6107:()=>g("default","@next-core/utils/general",[1,1,6,2],(()=>j.e(7110).then((()=>()=>j(7110))))),6473:()=>g("default","i18next-browser-languagedetector",[1,7,1,0],(()=>j.e(443).then((()=>()=>j(443))))),6855:()=>g("default","i18next",[1,23,6,0],(()=>j.e(4991).then((()=>()=>j(4991))))),5178:()=>g("default","lodash",[1,4,17,21],(()=>j.e(6635).then((()=>()=>j(6635))))),672:()=>g("default","@next-core/pipes",[1,2,0,11],(()=>j.e(4275).then((()=>()=>j(4275))))),665:()=>g("default","@easyops-cn/brick-next-pipes",[2,0,4,0],(()=>Promise.all([j.e(5637),j.e(9758)]).then((()=>()=>j(5637))))),8657:()=>P("default","react",[6,0,0,0,,"experimental-ee8509801-20230117"],(()=>j.e(2784).then((()=>()=>j(2784))))),5366:()=>P("default","@next-core/element",[1,1,1,6],(()=>j.e(9549).then((()=>()=>j(9549))))),2484:()=>P("default","react-dom",[6,0,0,0,,"experimental-ee8509801-20230117"],(()=>j.e(8316).then((()=>()=>j(8316))))),6650:()=>m("default","react-dom",(()=>j.e(8316).then((()=>()=>j(8316))))),4567:()=>g("default","@next-core/runtime",[1,1,25,3],(()=>Promise.all([j.e(6051),j.e(6107),j.e(5178),j.e(5888),j.e(8874),j.e(5777),j.e(7921)]).then((()=>()=>j(6051))))),8874:()=>g("default","moment",[1,2,29,4],(()=>Promise.all([j.e(8008),j.e(7915)]).then((()=>()=>j(9034))))),5777:()=>g("default","@next-core/cook",[1,2,2,7],(()=>Promise.all([j.e(5151),j.e(8242)]).then((()=>()=>j(5151))))),3110:()=>g("default","@next-core/utils/storyboard",[1,1,6,2],(()=>j.e(8691).then((()=>()=>j(3458))))),4153:()=>g("default","@next-core/loader",[1,1,4,4],(()=>j.e(6653).then((()=>()=>j(8498))))),5121:()=>g("default","@next-core/http",[1,1,1,5],(()=>j.e(1303).then((()=>()=>j(7067))))),7820:()=>g("default","@next-core/supply",[1,2,1,6],(()=>Promise.all([j.e(672),j.e(6473)]).then((()=>()=>j(4049))))),7857:()=>g("default","history",[1,4,10,1],(()=>j.e(2024).then((()=>()=>j(2024))))),8525:()=>g("default","moment/locale/zh-cn.js",[1,2,29,4],(()=>Promise.all([j.e(8008),j.e(7915)]).then((()=>()=>j(7414))))),8689:()=>g("default","@next-core/inject",[1,1,0,21],(()=>Promise.all([j.e(672),j.e(5725)]).then((()=>()=>j(7672))))),4511:()=>P("default","@next-core/react-element",[1,1,0,16],(()=>Promise.all([j.e(8065),j.e(7746)]).then((()=>()=>j(1646))))),1211:()=>b("default","lodash",(()=>j.e(6635).then((()=>()=>j(6635))))),2069:()=>P("default","@next-core/react-runtime",[1,1,1,30],(()=>Promise.all([j.e(4567),j.e(5381)]).then((()=>()=>j(6660))))),2255:()=>g("default","@next-core/i18n/react",[1,1,0,29],(()=>Promise.all([j.e(5888),j.e(5636)]).then((()=>()=>j(5636))))),1800:()=>b("default","@next-core/theme",(()=>j.e(2108).then((()=>()=>j(2108)))))},y={672:[672],1211:[1211],1800:[1800],2069:[2069],2255:[2255],4275:[665],4511:[4511],4567:[4567],5178:[5178],5366:[5366],5636:[1949],5777:[5777],5888:[5888],6040:[6473,6855],6107:[6107],7921:[3110,4153,5121,7820,7857,8525,8689],8065:[2484,6650],8242:[8242],8657:[8657],8874:[8874],9758:[5872,5899,6976]},j.f.consumes=(e,t)=>{j.o(y,e)&&y[e].forEach((e=>{if(j.o(v,e))return t.push(v[e]);var a=t=>{v[e]=0,j.m[e]=a=>{delete j.c[e],a.exports=t()}},r=t=>{delete v[e],j.m[e]=a=>{throw delete j.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)}}))},(()=>{j.b=document.baseURI||self.location.href;var e={3327:0};j.f.j=(t,a)=>{var r=j.o(e,t)?e[t]:void 0;if(0!==r)if(r)a.push(r[2]);else if(/^(45(11|67)|5(178|366|777|888)|6(040|107|72)|8(065|242|657|874)|1211|1800|2069|2255|7921|9758)$/.test(t))e[t]=0;else{var n=new Promise(((a,n)=>r=e[t]=[a,n]));a.push(r[2]=n);var l=j.p+j.u(t),o=new Error;j.l(l,(a=>{if(j.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)j.o(o,r)&&(j.m[r]=o[r]);i&&i(j)}for(t&&t(a);c<l.length;c++)n=l[c],j.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))})(),j.nc=void 0;var S=j(8658);window["bricks/data-view"]=S})();
+//# sourceMappingURL=index.8a2213b6.js.map