@next-bricks/data-view 1.12.1 → 1.12.2

package/dist/examples.json

@@ -2,50 +2,53 @@
   "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.modern-style-component-title": {
+    "doc": "现代风格的组件标题\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.modern-style-component-title\n  properties:\n    componentTitle: 组件标题\n    style:\n      height: 50px\n      display: block\n      background-color: \"#1c1e21\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.modern-style-component-title\n#   component-title=\"组件标题\"\n#   style=\"height: 50px; display: block; background-color: #1c1e21\"\n# ></data-view.modern-style-component-title>\n# \n```\n\n### TitleSuffix && Toolbar slot\n\n```yaml preview\n- brick: data-view.modern-style-component-title\n  properties:\n    componentTitle: 组件标题\n    style:\n      height: 50px\n      display: block\n      background-color: \"#1c1e21\"\n  slots:\n    toolbar:\n      type: bricks\n      bricks:\n        - brick: span\n          properties:\n            textContent: toolbar\n    titleSuffix:\n      type: bricks\n      bricks:\n        - brick: span\n          properties:\n            textContent: titleSuffix\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.modern-style-component-title\n#   component-title=\"组件标题\"\n#   style=\"height: 50px; display: block; background-color: #1c1e21\"\n# >\n#   <span slot=\"toolbar\">toolbar</span>\n#   <span slot=\"titleSuffix\">titleSuffix</span>\n# </data-view.modern-style-component-title>\n# \n```\n\n### hideRightComponent\n\n```yaml preview\n- brick: data-view.modern-style-component-title\n  properties:\n    componentTitle: 组件标题\n    hideRightComponent: false\n    hideLeftComponent: true\n    style:\n      height: 50px\n      display: block\n      background-color: \"#1c1e21\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.modern-style-component-title\n#   component-title=\"组件标题\"\n#   hide-right-component=\"false\"\n#   hide-left-component=\"true\"\n#   style=\"height: 50px; display: block; background-color: #1c1e21\"\n# ></data-view.modern-style-component-title>\n# \n```\n"
+  },
   "data-view.tabs-drawer": {
     "doc": "data-view.tabs-drawer\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.tabs-drawer\n  properties:\n    activeKey: search\n    id: drawer\n    visible: true\n    width: 800\n    style:\n      height: 600px\n      display: block\n    tabList:\n      - tooltip: 搜索\n        key: search\n        icon:\n          lib: fa\n          icon: search\n          prefix: fas\n      - tooltip: 内容\n        key: app\n        icon:\n          lib: easyops\n          category: app\n          icon: micro-app-configuration\n\n      - tooltip: 图表\n        key: chart\n        icon:\n          lib: fa\n          icon: ad\n          prefix: fas\n  slots:\n    search:\n      type: bricks\n      bricks:\n        - brick: div\n          properties:\n            style:\n              padding: 0 16px\n              height: 100px\n              background: red\n            textContent: 测试\n    app:\n      type: bricks\n      bricks:\n        - brick: div\n          properties:\n            textContent: 内容区域\n            style:\n              background: yellow\n              height: 100px\n    chart:\n      type: bricks\n      bricks:\n        - brick: div\n          properties:\n            textContent: 图表区域\n            style:\n              background: green\n              height: 100px\n  events:\n    close:\n      - action: console.log\n    tab.change:\n      - action: console.log\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.tabs-drawer\n#   active-key=\"search\"\n#   visible\n#   style=\"height: 600px; display: block\"\n#   id=\"drawer\"\n# >\n#   <div slot=\"search\" style=\"padding: 0 16px; height: 100px; background: red\">\n#     测试\n#   </div>\n#   <div slot=\"app\" style=\"background: yellow; height: 100px\">内容区域</div>\n#   <div slot=\"chart\" style=\"background: green; height: 100px\">图表区域</div>\n# </data-view.tabs-drawer>\n# \n# <script>\n#   const drawer = document.getElementById(\"drawer\");\n#   drawer.width = 800;\n#   drawer.tabList = [\n#     {\n#       tooltip: \"搜索\",\n#       key: \"search\",\n#       icon: {\n#         lib: \"fa\",\n#         icon: \"search\",\n#         prefix: \"fas\",\n#       },\n#     },\n#     {\n#       tooltip: \"内容\",\n#       key: \"app\",\n#       icon: {\n#         lib: \"easyops\",\n#         category: \"app\",\n#         icon: \"micro-app-configuration\",\n#       },\n#     },\n#     {\n#       tooltip: \"图表\",\n#       key: \"chart\",\n#       icon: {\n#         lib: \"fa\",\n#         icon: \"ad\",\n#         prefix: \"fas\",\n#       },\n#     },\n#   ];\n#   drawer.addEventListener(\"close\", (e) => {\n#     console.log(e.detail);\n#   });\n#   drawer.addEventListener(\"tab.change\", (e) => {\n#     console.log(e.detail);\n#   });\n# </script>\n# \n```\n"
   },
   "data-view.modern-style-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.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"
   },
-  "data-view.complex-search": {
-    "doc": "复杂的搜索框\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.complex-search\n  properties:\n    placeholder: Search\n    style:\n      background: \"#1c1e21\"\n      display: block\n      height: 300px\n    options:\n      - name: 主机1\n        icon:\n          lib: \"antd\"\n          icon: \"account-book\"\n          theme: \"outlined\"\n      - name: 主机2\n        icon:\n          lib: \"antd\"\n          icon: \"account-book\"\n          theme: \"outlined\"\n  events:\n    select:\n      - action: console.log\n    search:\n      - action: console.log\n    focus:\n      - action: console.log\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.complex-search\n#   placeholder=\"Search\"\n#   style=\"background: #1c1e21; display: block; height: 300px\"\n#   id=\"brick-1\"\n# ></data-view.complex-search>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.options = [\n#     {\n#       name: \"主机1\",\n#       icon: {\n#         lib: \"antd\",\n#         icon: \"account-book\",\n#         theme: \"outlined\",\n#       },\n#     },\n#     {\n#       name: \"主机2\",\n#       icon: {\n#         lib: \"antd\",\n#         icon: \"account-book\",\n#         theme: \"outlined\",\n#       },\n#     },\n#   ];\n#   brick_1.addEventListener(\"select\", (e) => {\n#     console.log(e.detail);\n#   });\n#   brick_1.addEventListener(\"search\", (e) => {\n#     console.log(e.detail);\n#   });\n#   brick_1.addEventListener(\"focus\", (e) => {\n#     console.log(e.detail);\n#   });\n# </script>\n# \n```\n"
+  "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.loading-panel": {
     "doc": "data-view.loading-panel\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.loading-panel\n  properties:\n    customTitle: Hello World!!\n    loading: false\n    style:\n      height: 300px\n      display: block\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.loading-panel\n#   custom-title=\"Hello World!!\"\n#   style=\"height: 300px; display: block\"\n# ></data-view.loading-panel>\n# \n```\n\n### Progress\n\n```yaml preview\n- brick: data-view.loading-panel\n  properties:\n    customTitle: Hello World!!\n    progress: 60\n    useRealTimeProgress: true\n    intervalTime: 300\n    style:\n      height: 300px\n      display: block\n  events:\n    end:\n      - action: console.log\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.loading-panel\n#   custom-title=\"Hello World!!\"\n#   progress=\"60\"\n#   use-real-time-progress\n#   interval-time=\"300\"\n#   style=\"height: 300px; display: block\"\n#   id=\"brick-1\"\n# ></data-view.loading-panel>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.addEventListener(\"end\", (e) => {\n#     console.log(e.detail);\n#   });\n# </script>\n# \n```\n"
   },
+  "data-view.complex-search": {
+    "doc": "复杂的搜索框\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.complex-search\n  properties:\n    placeholder: Search\n    style:\n      background: \"#1c1e21\"\n      display: block\n      height: 300px\n    options:\n      - name: 主机1\n        icon:\n          lib: \"antd\"\n          icon: \"account-book\"\n          theme: \"outlined\"\n      - name: 主机2\n        icon:\n          lib: \"antd\"\n          icon: \"account-book\"\n          theme: \"outlined\"\n  events:\n    select:\n      - action: console.log\n    search:\n      - action: console.log\n    focus:\n      - action: console.log\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.complex-search\n#   placeholder=\"Search\"\n#   style=\"background: #1c1e21; display: block; height: 300px\"\n#   id=\"brick-1\"\n# ></data-view.complex-search>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.options = [\n#     {\n#       name: \"主机1\",\n#       icon: {\n#         lib: \"antd\",\n#         icon: \"account-book\",\n#         theme: \"outlined\",\n#       },\n#     },\n#     {\n#       name: \"主机2\",\n#       icon: {\n#         lib: \"antd\",\n#         icon: \"account-book\",\n#         theme: \"outlined\",\n#       },\n#     },\n#   ];\n#   brick_1.addEventListener(\"select\", (e) => {\n#     console.log(e.detail);\n#   });\n#   brick_1.addEventListener(\"search\", (e) => {\n#     console.log(e.detail);\n#   });\n#   brick_1.addEventListener(\"focus\", (e) => {\n#     console.log(e.detail);\n#   });\n# </script>\n# \n```\n"
+  },
   "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.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:\n#       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-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.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-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"
+  },
   "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.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"
+  "data-view.cabinet-container": {
+    "doc": "data-view.cabinet-container\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.cabinet-container\n  properties:\n    customTitle: 集群容器\n    data:\n      - type: physical-machine\n        nodeTitle: \"255.255.255\"\n      - type: physical-machine\n        nodeTitle: \"255.255.255\"\n    style:\n      width: 400px\n      height: 500px\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.cabinet-container\n#   custom-title=\"集群容器\"\n#   style=\"width: 400px; height: 500px\"\n#   id=\"brick-1\"\n# ></data-view.cabinet-container>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.data = [\n#     {\n#       type: \"physical-machine\",\n#       nodeTitle: \"255.255.255\",\n#     },\n#     {\n#       type: \"physical-machine\",\n#       nodeTitle: \"255.255.255\",\n#     },\n#   ];\n# </script>\n# \n```\n\n### Status\n\n```yaml preview\n- brick: data-view.cabinet-container\n  properties:\n    customTitle: 集群容器\n    status: active\n    data:\n      - type: physical-machine\n        nodeTitle: \"255.255.255\"\n      - type: physical-machine\n        nodeTitle: \"255.255.255\"\n    style:\n      width: 400px\n      height: 500px\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.cabinet-container\n#   custom-title=\"集群容器\"\n#   status=\"active\"\n#   style=\"width: 400px; height: 500px\"\n#   id=\"brick-1\"\n# ></data-view.cabinet-container>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.data = [\n#     {\n#       type: \"physical-machine\",\n#       nodeTitle: \"255.255.255\",\n#     },\n#     {\n#       type: \"physical-machine\",\n#       nodeTitle: \"255.255.255\",\n#     },\n#   ];\n# </script>\n# \n```\n"
   },
   "data-view.cabinet-thumbnail": {
     "doc": "data-view.cabinet-thumbnail 部署架构拓扑缩略图\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.cabinet-thumbnail\n  properties:\n    appName: inventory-api\n    clusters:\n      - title: inventory-api##aaaaa\n        type: host\n        data:\n          - nodeTitle: 244.244.244.244\n            key: 244.244.244.244\n            type: physical-machine\n          - nodeTitle: 244.244.244.245\n            key: 244.244.244.245\n            type: virtual-machine\n          - nodeTitle: 244.244.245.245\n            key: 244.244.245.245\n            type: physical-machine\n          - nodeTitle: 244.244.245.244\n            key: 244.244.245.244\n            type: virtual-machine\n      - title: K8S集群xxx\n        key: k8s-cluster\n        type: k8s\n        data:\n          - nodeTitle: a容器组\n            key: aa\n            type: container-group\n          - nodeTitle: b容器组\n            key: bb\n            type: container-group\n      - title: K8S集群xx\n        key: xxxx\n        type: k8s-blue\n        data:\n          - nodeTitle: a1容器组\n            key: aaa\n            type: pod\n          - nodeTitle: b1容器组\n            key: bbb\n            type: pod\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.cabinet-thumbnail\n#   app-name=\"inventory-api\"\n#   id=\"brick-1\"\n# ></data-view.cabinet-thumbnail>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.clusters = [\n#     {\n#       title: \"inventory-api##aaaaa\",\n#       type: \"host\",\n#       data: [\n#         {\n#           nodeTitle: \"244.244.244.244\",\n#           key: \"244.244.244.244\",\n#           type: \"physical-machine\",\n#         },\n#         {\n#           nodeTitle: \"244.244.244.245\",\n#           key: \"244.244.244.245\",\n#           type: \"virtual-machine\",\n#         },\n#         {\n#           nodeTitle: \"244.244.245.245\",\n#           key: \"244.244.245.245\",\n#           type: \"physical-machine\",\n#         },\n#         {\n#           nodeTitle: \"244.244.245.244\",\n#           key: \"244.244.245.244\",\n#           type: \"virtual-machine\",\n#         },\n#       ],\n#     },\n#     {\n#       title: \"K8S集群xxx\",\n#       key: \"k8s-cluster\",\n#       type: \"k8s\",\n#       data: [\n#         {\n#           nodeTitle: \"a容器组\",\n#           key: \"aa\",\n#           type: \"container-group\",\n#         },\n#         {\n#           nodeTitle: \"b容器组\",\n#           key: \"bb\",\n#           type: \"container-group\",\n#         },\n#       ],\n#     },\n#     {\n#       title: \"K8S集群xx\",\n#       key: \"xxxx\",\n#       type: \"k8s-blue\",\n#       data: [\n#         {\n#           nodeTitle: \"a1容器组\",\n#           key: \"aaa\",\n#           type: \"pod\",\n#         },\n#         {\n#           nodeTitle: \"b1容器组\",\n#           key: \"bbb\",\n#           type: \"pod\",\n#         },\n#       ],\n#     },\n#   ];\n# </script>\n# \n```\n"
@@ -62,12 +65,6 @@
   "data-view.graph-node": {
     "doc": "data-view.graph-node\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.graph-node\n  properties:\n    url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n    style:\n      width: 140px\n      display: block\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.graph-node\n#   url=\"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\"\n#   style=\"width: 140px; display: block\"\n# ></data-view.graph-node>\n# \n```\n"
   },
-  "data-view.graph-layout-grid": {
-    "doc": "有规律的网格布局的拓扑\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.graph-layout-grid\n  properties:\n    columns: 7\n    rows: 3\n    style:\n      width: 960px\n      height: 600px\n      display: block\n      background-color: \"#1c1e21\"\n    dataSource:\n      - text: 负载均衡数\n        value: 200\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 应用\n        value: 7348\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 存储卷数\n        value: 638\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 负载均衡数\n        value: 200\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 应用\n        value: 200\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 守护进程数\n        value: 200\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 负载均衡数\n        value: 200\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 容器组数\n        value: 200\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 无状态服务数\n        value: 200\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 负载均衡数\n        value: 200\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.graph-layout-grid\n#   columns=\"7\"\n#   rows=\"3\"\n#   style=\"width: 960px; height: 600px; display: block; background-color: #1c1e21\"\n#   id=\"brick-1\"\n# ></data-view.graph-layout-grid>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.dataSource = [\n#     {\n#       text: \"负载均衡数\",\n#       value: 200,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"应用\",\n#       value: 7348,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"存储卷数\",\n#       value: 638,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"负载均衡数\",\n#       value: 200,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"应用\",\n#       value: 200,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"守护进程数\",\n#       value: 200,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"负载均衡数\",\n#       value: 200,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"容器组数\",\n#       value: 200,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"无状态服务数\",\n#       value: 200,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"负载均衡数\",\n#       value: 200,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#   ];\n# </script>\n# \n```\n\n### IsReverse\n\n```yaml preview\n- brick: data-view.graph-layout-grid\n  properties:\n    columns: 7\n    rows: 3\n    isReverse: true\n    style:\n      width: 960px\n      height: 600px\n      display: block\n      background-color: \"#1c1e21\"\n    dataSource:\n      - text: 负载均衡数\n        value: 200\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 应用\n        value: 7348\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 存储卷数\n        value: 638\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 负载均衡数\n        value: 200\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 应用\n        value: 200\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 守护进程数\n        value: 200\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 负载均衡数\n        value: 200\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 容器组数\n        value: 200\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 无状态服务数\n        value: 200\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 负载均衡数\n        value: 200\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 负载均衡数\n        value: 200\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.graph-layout-grid\n#   columns=\"7\"\n#   rows=\"3\"\n#   is-reverse\n#   style=\"width: 960px; height: 600px; display: block; background-color: #1c1e21\"\n#   id=\"brick-1\"\n# ></data-view.graph-layout-grid>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.dataSource = [\n#     {\n#       text: \"负载均衡数\",\n#       value: 200,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"应用\",\n#       value: 7348,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"存储卷数\",\n#       value: 638,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"负载均衡数\",\n#       value: 200,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"应用\",\n#       value: 200,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"守护进程数\",\n#       value: 200,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"负载均衡数\",\n#       value: 200,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"容器组数\",\n#       value: 200,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"无状态服务数\",\n#       value: 200,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"负载均衡数\",\n#       value: 200,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"负载均衡数\",\n#       value: 200,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#   ];\n# </script>\n# \n```\n"
-  },
-  "data-view.grid-background": {
-    "doc": "网格背景\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.grid-background\n  properties:\n    style:\n      width: 920px\n      height: 600px\n      display: block\n      background-color: \"#1c1e21\"\n    color: \"#235F90\"\n    particleColor:\n      startColor: \"#477AFFFF\"\n      endColor: \"#5F83FF00\"\n    maskStyle:\n      background: \"rgba(41, 109, 255, 0.8)\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.grid-background\n#   style=\"width: 920px; height: 600px; display: block; background-color: #1c1e21\"\n#   id=\"brick-1\"\n# ></data-view.grid-background>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.color = \"#235F90\";\n#   brick_1.particleColor = {\n#     startColor: \"#477AFFFF\",\n#     endColor: \"#5F83FF00\",\n#   };\n#   brick_1.maskStyle = {\n#     background: \"rgba(41, 109, 255, 0.8)\",\n#   };\n# </script>\n# \n```\n"
-  },
   "data-view.gear-background": {
     "doc": "齿轮背景\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.gear-background\n  properties:\n    style:\n      width: 300px\n      height: 300px\n      display: block\n      background: \"#1c1e21\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.gear-background\n#   style=\"width: 300px; height: 300px; display: block; background: #1c1e21\"\n# ></data-view.gear-background>\n# \n```\n"
   },
@@ -137,7 +134,10 @@
   "data-view.china-map": {
     "doc": "构件 `data-view.china-map`\n\n## Examples\n\n### Basic\n\n```yaml preview height=\"600px\"\nbrick: div\nproperties:\n  style:\n    height: calc(100vh - 4em)\n    position: relative\nchildren:\n  - brick: data-view.china-map\n    properties:\n      dataSource:\n        - text: \"西藏 12311\"\n          province: 西藏\n        - text: \"四川 89781169\"\n          province: 四川\n        - text: \"台湾 234181\"\n          province: 台湾\n        - text: \"江西 21348\"\n          province: 江西\n    # Currently this brick only looks well within dark theme\n    lifeCycle:\n      onPageLoad:\n        action: theme.setTheme\n        args:\n          - dark-v2\n# -- YAML DELIMITER (1nbbm8) --\n# <div style=\"height: calc(100vh - 4em); position: relative\">\n#   <data-view.china-map id=\"brick-1\"></data-view.china-map>\n# </div>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.dataSource = [\n#     {\n#       text: \"西藏 12311\",\n#       province: \"西藏\",\n#     },\n#     {\n#       text: \"四川 89781169\",\n#       province: \"四川\",\n#     },\n#     {\n#       text: \"台湾 234181\",\n#       province: \"台湾\",\n#     },\n#     {\n#       text: \"江西 21348\",\n#       province: \"江西\",\n#     },\n#   ];\n# </script>\n# \n```\n\n### Province map\n\n```yaml preview height=\"600px\"\nbrick: div\nproperties:\n  style:\n    height: calc(100vh - 4em)\n    position: relative\nchildren:\n  - brick: data-view.china-map\n    properties:\n      province: 广东\n      dataSource:\n        - text: \"广州 12311\"\n          city: 广州\n        - text: \"深圳 89781169\"\n          city: 深圳\n        - text: \"湛江 234181\"\n          city: 湛江\n    # Currently this brick only looks well within dark theme\n    lifeCycle:\n      onPageLoad:\n        action: theme.setTheme\n        args:\n          - dark-v2\n# -- YAML DELIMITER (1nbbm8) --\n# <div style=\"height: calc(100vh - 4em); position: relative\">\n#   <data-view.china-map province=\"广东\" id=\"brick-1\"></data-view.china-map>\n# </div>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.dataSource = [\n#     {\n#       text: \"广州 12311\",\n#       city: \"广州\",\n#     },\n#     {\n#       text: \"深圳 89781169\",\n#       city: \"深圳\",\n#     },\n#     {\n#       text: \"湛江 234181\",\n#       city: \"湛江\",\n#     },\n#   ];\n# </script>\n# \n```\n\n### Specific coordinates\n\n```yaml preview height=\"600px\"\nbrick: div\nproperties:\n  style:\n    height: calc(100vh - 4em)\n    position: relative\nchildren:\n  - brick: data-view.china-map\n    properties:\n      textScale: 2\n      dataSource:\n        - text: \"北京昌平 21348\"\n          coordinate:\n            - 116\n            - 40\n        - text: \"山东青岛 4242\"\n          coordinate:\n            - 119\n            - 35.5\n    # Currently this brick only looks well within dark theme\n    lifeCycle:\n      onPageLoad:\n        action: theme.setTheme\n        args:\n          - dark-v2\n# -- YAML DELIMITER (1nbbm8) --\n# <div style=\"height: calc(100vh - 4em); position: relative\">\n#   <data-view.china-map text-scale=\"2\" id=\"brick-1\"></data-view.china-map>\n# </div>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.dataSource = [\n#     {\n#       text: \"北京昌平 21348\",\n#       coordinate: [116, 40],\n#     },\n#     {\n#       text: \"山东青岛 4242\",\n#       coordinate: [119, 35.5],\n#     },\n#   ];\n# </script>\n# \n```\n"
   },
-  "data-view.cabinet-container": {
-    "doc": "data-view.cabinet-container\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.cabinet-container\n  properties:\n    customTitle: 集群容器\n    data:\n      - type: physical-machine\n        nodeTitle: \"255.255.255\"\n      - type: physical-machine\n        nodeTitle: \"255.255.255\"\n    style:\n      width: 400px\n      height: 500px\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.cabinet-container\n#   custom-title=\"集群容器\"\n#   style=\"width: 400px; height: 500px\"\n#   id=\"brick-1\"\n# ></data-view.cabinet-container>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.data = [\n#     {\n#       type: \"physical-machine\",\n#       nodeTitle: \"255.255.255\",\n#     },\n#     {\n#       type: \"physical-machine\",\n#       nodeTitle: \"255.255.255\",\n#     },\n#   ];\n# </script>\n# \n```\n\n### Status\n\n```yaml preview\n- brick: data-view.cabinet-container\n  properties:\n    customTitle: 集群容器\n    status: active\n    data:\n      - type: physical-machine\n        nodeTitle: \"255.255.255\"\n      - type: physical-machine\n        nodeTitle: \"255.255.255\"\n    style:\n      width: 400px\n      height: 500px\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.cabinet-container\n#   custom-title=\"集群容器\"\n#   status=\"active\"\n#   style=\"width: 400px; height: 500px\"\n#   id=\"brick-1\"\n# ></data-view.cabinet-container>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.data = [\n#     {\n#       type: \"physical-machine\",\n#       nodeTitle: \"255.255.255\",\n#     },\n#     {\n#       type: \"physical-machine\",\n#       nodeTitle: \"255.255.255\",\n#     },\n#   ];\n# </script>\n# \n```\n"
+  "data-view.grid-background": {
+    "doc": "网格背景\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.grid-background\n  properties:\n    style:\n      width: 920px\n      height: 600px\n      display: block\n      background-color: \"#1c1e21\"\n    color: \"#235F90\"\n    particleColor:\n      startColor: \"#477AFFFF\"\n      endColor: \"#5F83FF00\"\n    maskStyle:\n      background: \"rgba(41, 109, 255, 0.8)\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.grid-background\n#   style=\"width: 920px; height: 600px; display: block; background-color: #1c1e21\"\n#   id=\"brick-1\"\n# ></data-view.grid-background>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.color = \"#235F90\";\n#   brick_1.particleColor = {\n#     startColor: \"#477AFFFF\",\n#     endColor: \"#5F83FF00\",\n#   };\n#   brick_1.maskStyle = {\n#     background: \"rgba(41, 109, 255, 0.8)\",\n#   };\n# </script>\n# \n```\n"
+  },
+  "data-view.graph-layout-grid": {
+    "doc": "有规律的网格布局的拓扑\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.graph-layout-grid\n  properties:\n    columns: 7\n    rows: 3\n    style:\n      width: 960px\n      height: 600px\n      display: block\n      background-color: \"#1c1e21\"\n    dataSource:\n      - text: 负载均衡数\n        value: 200\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 应用\n        value: 7348\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 存储卷数\n        value: 638\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 负载均衡数\n        value: 200\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 应用\n        value: 200\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 守护进程数\n        value: 200\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 负载均衡数\n        value: 200\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 容器组数\n        value: 200\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 无状态服务数\n        value: 200\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 负载均衡数\n        value: 200\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.graph-layout-grid\n#   columns=\"7\"\n#   rows=\"3\"\n#   style=\"width: 960px; height: 600px; display: block; background-color: #1c1e21\"\n#   id=\"brick-1\"\n# ></data-view.graph-layout-grid>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.dataSource = [\n#     {\n#       text: \"负载均衡数\",\n#       value: 200,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"应用\",\n#       value: 7348,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"存储卷数\",\n#       value: 638,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"负载均衡数\",\n#       value: 200,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"应用\",\n#       value: 200,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"守护进程数\",\n#       value: 200,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"负载均衡数\",\n#       value: 200,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"容器组数\",\n#       value: 200,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"无状态服务数\",\n#       value: 200,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"负载均衡数\",\n#       value: 200,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#   ];\n# </script>\n# \n```\n\n### IsReverse\n\n```yaml preview\n- brick: data-view.graph-layout-grid\n  properties:\n    columns: 7\n    rows: 3\n    isReverse: true\n    style:\n      width: 960px\n      height: 600px\n      display: block\n      background-color: \"#1c1e21\"\n    dataSource:\n      - text: 负载均衡数\n        value: 200\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 应用\n        value: 7348\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 存储卷数\n        value: 638\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 负载均衡数\n        value: 200\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 应用\n        value: 200\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 守护进程数\n        value: 200\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 负载均衡数\n        value: 200\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 容器组数\n        value: 200\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 无状态服务数\n        value: 200\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 负载均衡数\n        value: 200\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 负载均衡数\n        value: 200\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.graph-layout-grid\n#   columns=\"7\"\n#   rows=\"3\"\n#   is-reverse\n#   style=\"width: 960px; height: 600px; display: block; background-color: #1c1e21\"\n#   id=\"brick-1\"\n# ></data-view.graph-layout-grid>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.dataSource = [\n#     {\n#       text: \"负载均衡数\",\n#       value: 200,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"应用\",\n#       value: 7348,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"存储卷数\",\n#       value: 638,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"负载均衡数\",\n#       value: 200,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"应用\",\n#       value: 200,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"守护进程数\",\n#       value: 200,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"负载均衡数\",\n#       value: 200,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"容器组数\",\n#       value: 200,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"无状态服务数\",\n#       value: 200,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"负载均衡数\",\n#       value: 200,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"负载均衡数\",\n#       value: 200,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#   ];\n# </script>\n# \n```\n"
   }
 }

package/dist/index.727c7633.js

@@ -0,0 +1,2 @@
+(()=>{"use strict";var e,t,r,a,n,l,o,i,c,s,d,h,f,p,u,m,b,g,P,v,y,x,w,k,j,S={24020:(e,t,r)=>{var a={"./gauge-chart":()=>Promise.all([r.e(8769),r.e(7921),r.e(1280),r.e(4099)]).then((()=>()=>r(10825))),"./modern-style-page-title":()=>Promise.all([r.e(8769),r.e(7921),r.e(1280),r.e(9875)]).then((()=>()=>r(22945))),"./modern-style-component-title":()=>Promise.all([r.e(8769),r.e(7921),r.e(1280),r.e(5289)]).then((()=>()=>r(54495))),"./tabs-drawer":()=>Promise.all([r.e(8769),r.e(7921),r.e(1280),r.e(1919)]).then((()=>()=>r(68909))),"./modern-style-treemap":()=>Promise.all([r.e(1977),r.e(8769),r.e(7921),r.e(1280),r.e(563),r.e(8917),r.e(9006),r.e(2943)]).then((()=>()=>r(75197))),"./dropdown-menu":()=>Promise.all([r.e(8769),r.e(7921),r.e(1280),r.e(563),r.e(8576)]).then((()=>()=>r(81274))),"./battery-chart":()=>Promise.all([r.e(8769),r.e(7921),r.e(1280),r.e(7965)]).then((()=>()=>r(54259))),"./loading-panel":()=>Promise.all([r.e(1977),r.e(8769),r.e(7921),r.e(1280),r.e(5332)]).then((()=>()=>r(43374))),"./complex-search":()=>Promise.all([r.e(8769),r.e(7921),r.e(1280),r.e(8917),r.e(6822),r.e(5994)]).then((()=>()=>r(66060))),"./particle-animation":()=>Promise.all([r.e(8769),r.e(7921),r.e(1280),r.e(780)]).then((()=>()=>r(5390))),"./app-wall-system-card":()=>Promise.all([r.e(8769),r.e(7921),r.e(1280),r.e(8460)]).then((()=>()=>r(4392))),"./app-wall-relation-line":()=>Promise.all([r.e(8769),r.e(7921),r.e(1280),r.e(7473)]).then((()=>()=>r(36041))),"./app-wall-card-item":()=>Promise.all([r.e(8769),r.e(7921),r.e(1280),r.e(8172)]).then((()=>()=>r(21440))),"./cabinet-button":()=>Promise.all([r.e(8769),r.e(7921),r.e(1280),r.e(6614)]).then((()=>()=>r(50143))),"./cabinet-app-layer":()=>Promise.all([r.e(8769),r.e(7921),r.e(1280),r.e(1787)]).then((()=>()=>r(30224))),"./cabinet-node":()=>Promise.all([r.e(8769),r.e(7921),r.e(1280),r.e(6306)]).then((()=>()=>r(71663))),"./cabinet-container":()=>Promise.all([r.e(1977),r.e(8769),r.e(7921),r.e(1280),r.e(4219)]).then((()=>()=>r(8540))),"./cabinet-thumbnail":()=>Promise.all([r.e(1977),r.e(8769),r.e(7921),r.e(1280),r.e(3158)]).then((()=>()=>r(88393))),"./cabinet-graph":()=>Promise.all([r.e(8769),r.e(7921),r.e(1280),r.e(3446)]).then((()=>()=>r(79391))),"./app-wall":()=>Promise.all([r.e(5301),r.e(8769),r.e(7921),r.e(1280),r.e(563),r.e(1493),r.e(9749)]).then((()=>()=>r(90571))),"./graph-text":()=>Promise.all([r.e(8769),r.e(7921),r.e(1280),r.e(6822),r.e(3719)]).then((()=>()=>r(32715))),"./graph-node":()=>Promise.all([r.e(8769),r.e(7921),r.e(1280),r.e(3614)]).then((()=>()=>r(66950))),"./gear-background":()=>Promise.all([r.e(8769),r.e(7921),r.e(1280),r.e(3147)]).then((()=>()=>r(25121))),"./radar-chart":()=>Promise.all([r.e(8769),r.e(7921),r.e(1280),r.e(563),r.e(4194)]).then((()=>()=>r(63076))),"./title-text":()=>Promise.all([r.e(8769),r.e(7921),r.e(1280),r.e(8113)]).then((()=>()=>r(59063))),"./brick-notification":()=>Promise.all([r.e(8769),r.e(7921),r.e(1280),r.e(8418)]).then((()=>()=>r(30980))),"./tabs-page-title":()=>Promise.all([r.e(8769),r.e(7921),r.e(1280),r.e(476)]).then((()=>()=>r(5558))),"./top-title-bar":()=>Promise.all([r.e(8769),r.e(7921),r.e(1280),r.e(3697)]).then((()=>()=>r(6319))),"./lights-component-title":()=>Promise.all([r.e(8769),r.e(7921),r.e(1280),r.e(9831)]).then((()=>()=>r(40053))),"./hi-tech-button":()=>Promise.all([r.e(8769),r.e(7921),r.e(1280),r.e(8416)]).then((()=>()=>r(52466))),"./tech-mesh-base-view":()=>Promise.all([r.e(8769),r.e(7921),r.e(1280),r.e(37),r.e(2479)]).then((()=>()=>r(66253))),"./simple-card-item":()=>Promise.all([r.e(8769),r.e(7921),r.e(1280),r.e(37),r.e(9316)]).then((()=>()=>r(41078))),"./basic-index-group":()=>Promise.all([r.e(8769),r.e(7921),r.e(1280),r.e(563),r.e(37),r.e(9630)]).then((()=>()=>r(31560))),"./data-display-flipper":()=>Promise.all([r.e(8769),r.e(7921),r.e(1280),r.e(37),r.e(8291)]).then((()=>()=>r(75193))),"./data-display-flipper-fifth":()=>Promise.all([r.e(8769),r.e(7921),r.e(1280),r.e(37),r.e(863)]).then((()=>()=>r(45205))),"./data-display-flipper-sixth":()=>Promise.all([r.e(8769),r.e(7921),r.e(1280),r.e(37),r.e(6776)]).then((()=>()=>r(94650))),"./indicator-card":()=>Promise.all([r.e(8769),r.e(7921),r.e(1280),r.e(37),r.e(7905)]).then((()=>()=>r(56631))),"./progress-bar-list":()=>Promise.all([r.e(1977),r.e(8769),r.e(7921),r.e(1280),r.e(563),r.e(37),r.e(4255)]).then((()=>()=>r(17245))),"./china-map-chart":()=>Promise.all([r.e(1977),r.e(5902),r.e(8769),r.e(7921),r.e(1280),r.e(563),r.e(37),r.e(8038)]).then((()=>()=>r(60680))),"./crystal-ball-indicator":()=>Promise.all([r.e(1977),r.e(8769),r.e(7921),r.e(1280),r.e(37),r.e(1335)]).then((()=>()=>r(9557))),"./globe-with-halo-indicator":()=>Promise.all([r.e(1977),r.e(8769),r.e(7921),r.e(1280),r.e(563),r.e(37),r.e(7666)]).then((()=>()=>r(23396))),"./globe-with-gear-indicator":()=>Promise.all([r.e(1977),r.e(8769),r.e(7921),r.e(1280),r.e(37),r.e(7889)]).then((()=>()=>r(77687))),"./bubbles-indicator":()=>Promise.all([r.e(1977),r.e(1143),r.e(8769),r.e(7921),r.e(1280),r.e(37),r.e(1104)]).then((()=>()=>r(98594))),"./globe-with-orbit-indicator":()=>Promise.all([r.e(1977),r.e(8769),r.e(7921),r.e(1280),r.e(563),r.e(37),r.e(9088)]).then((()=>()=>r(62066))),"./china-map":()=>Promise.all([r.e(1977),r.e(5235),r.e(8769),r.e(7921),r.e(1280),r.e(563),r.e(37),r.e(5509)]).then((()=>()=>r(7851))),"./grid-background":()=>Promise.all([r.e(8769),r.e(7921),r.e(1280),r.e(6448)]).then((()=>()=>r(66162))),"./graph-layout-grid":()=>Promise.all([r.e(8769),r.e(7921),r.e(1280),r.e(5737)]).then((()=>()=>r(56893)))},n=(e,t)=>(r.R=t,t=r.o(a,e)?a[e]():Promise.resolve().then((()=>{throw new Error('Module "'+e+'" does not exist in container.')})),r.R=void 0,t),l=(e,t)=>{if(r.S){var a="default",n=r.S[a];if(n&&n!==e)throw new Error("Container initialization failed as it has already been initialized with a different share scope");return r.S[a]=e,r.I(a,t)}};r.d(t,{get:()=>n,init:()=>l})}},O={};function _(e){var t=O[e];if(void 0!==t)return t.exports;var r=O[e]={id:e,loaded:!1,exports:{}};return S[e].call(r.exports,r,r.exports,_),r.loaded=!0,r.exports}_.m=S,_.c=O,_.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return _.d(t,{a:t}),t},t=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,_.t=function(r,a){if(1&a&&(r=this(r)),8&a)return r;if("object"==typeof r&&r){if(4&a&&r.__esModule)return r;if(16&a&&"function"==typeof r.then)return r}var n=Object.create(null);_.r(n);var l={};e=e||[null,t({}),t([]),t(t)];for(var o=2&a&&r;"object"==typeof o&&!~e.indexOf(o);o=t(o))Object.getOwnPropertyNames(o).forEach((e=>l[e]=()=>r[e]));return l.default=()=>r,_.d(n,l),n},_.d=(e,t)=>{for(var r in t)_.o(t,r)&&!_.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},_.f={},_.e=e=>Promise.all(Object.keys(_.f).reduce(((t,r)=>(_.f[r](e,t),t)),[])),_.u=e=>"chunks/"+({476:"tabs-page-title",780:"particle-animation",863:"data-display-flipper-fifth",1104:"bubbles-indicator",1335:"crystal-ball-indicator",1787:"cabinet-app-layer",1919:"tabs-drawer",2479:"tech-mesh-base-view",2943:"modern-style-treemap",3147:"gear-background",3158:"cabinet-thumbnail",3446:"cabinet-graph",3614:"graph-node",3697:"top-title-bar",3719:"graph-text",4099:"gauge-chart",4194:"radar-chart",4219:"cabinet-container",4255:"progress-bar-list",5289:"modern-style-component-title",5332:"loading-panel",5509:"china-map",5737:"graph-layout-grid",5994:"complex-search",6306:"cabinet-node",6448:"grid-background",6614:"cabinet-button",6776:"data-display-flipper-sixth",7473:"app-wall-relation-line",7666:"globe-with-halo-indicator",7889:"globe-with-gear-indicator",7905:"indicator-card",7965:"battery-chart",8038:"china-map-chart",8113:"title-text",8172:"app-wall-card-item",8291:"data-display-flipper",8416:"hi-tech-button",8418:"brick-notification",8460:"app-wall-system-card",8576:"dropdown-menu",9088:"globe-with-orbit-indicator",9316:"simple-card-item",9630:"basic-index-group",9749:"app-wall",9831:"lights-component-title",9875:"modern-style-page-title"}[e]||e)+"."+{114:"19fb04c3",476:"19eaecee",726:"70948a04",780:"ee49b237",863:"6cdcf8a4",871:"b8aa19b8",1045:"7adea668",1104:"9df60d36",1122:"318b5bd0",1143:"3da5c9ee",1335:"bb7f716b",1493:"d9a3fd09",1787:"05c66229",1889:"b702a90d",1919:"2e83b00f",1940:"5301be9a",1977:"b13fd134",2052:"7490d715",2277:"88c4c79d",2479:"2c686877",2785:"3bc16dc7",2943:"53d4bfc8",3144:"b75e5af6",3147:"5ab63f12",3158:"ae05c311",3171:"c0d5c9a1",3201:"f5554138",3446:"4cfa6429",3614:"dce0737b",3697:"0e9025cd",3719:"1e489f3c",3751:"300d7aea",3933:"b3a62e03",4041:"0132fd9a",4099:"cbbfe883",4194:"0e982983",4219:"70ba99de",4255:"7254b6b3",4291:"66178472",4658:"89dae718",4837:"7e3e2eea",5235:"4f7e952d",5250:"0a47e255",5289:"66152366",5301:"190aa0f5",5332:"c38af443",5384:"f1c59dfa",5399:"bc04d692",5509:"3e89e422",5552:"f046ba86",5737:"abb6c059",5902:"549535f9",5994:"92e0b5ca",6306:"54685641",6314:"6563d16e",6448:"ac91a79b",6519:"21bfdd71",6614:"ee9ea68d",6773:"5f152984",6776:"d3052c74",6873:"5f62fd24",7218:"2b5b7887",7434:"5a1a9921",7473:"94bc5eba",7666:"dbbb98b8",7721:"391fb8f8",7733:"c0366b9c",7889:"61e1e1e1",7905:"365a80fa",7965:"80355972",8038:"7f0adf1a",8097:"f99bf9d0",8113:"fc52bc8a",8172:"438a2758",8291:"df9e9e17",8416:"174e33b5",8418:"11d7411b",8460:"29cd2836",8576:"7c2ad1f0",8763:"298c81f7",8968:"09a0d05a",8989:"d6dd9d4f",9006:"d6fdb256",9088:"3539cb84",9123:"5fbb5f01",9140:"776942ea",9316:"c36118a6",9515:"eca7a14f",9559:"66f67fed",9630:"ffbab2ee",9749:"1d0801d4",9831:"b45aca52",9844:"806ea100",9875:"f50dfbec"}[e]+".js",_.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),_.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r={},a="@next-bricks/data-view:",_.l=(e,t,n,l)=>{if(r[e])r[e].push(t);else{var o,i;if(void 0!==n)for(var c=document.getElementsByTagName("script"),s=0;s<c.length;s++){var d=c[s];if(d.getAttribute("src")==e||d.getAttribute("data-webpack")==a+n){o=d;break}}o||(i=!0,(o=document.createElement("script")).charset="utf-8",o.timeout=120,_.nc&&o.setAttribute("nonce",_.nc),o.setAttribute("data-webpack",a+n),o.src=e),r[e]=[t];var h=(t,a)=>{o.onerror=o.onload=null,clearTimeout(f);var n=r[e];if(delete r[e],o.parentNode&&o.parentNode.removeChild(o),n&&n.forEach((e=>e(a))),t)return t(a)},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)}},_.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},_.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),(()=>{_.S={};var e={},t={};_.I=(r,a)=>{a||(a=[]);var n=t[r];if(n||(n=t[r]={}),!(a.indexOf(n)>=0)){if(a.push(n),e[r])return e[r];_.o(_.S,r)||(_.S[r]={});var l=_.S[r],o="@next-bricks/data-view",i=(e,t,r,a)=>{var n=l[e]=l[e]||{},i=n[t];(!i||!i.loaded&&(!a!=!i.eager?a:o>i.from))&&(n[t]={get:r,from:o,eager:!!a})},c=[];return"default"===r&&(i("@babel/parser","7.27.2",(()=>_.e(6773).then((()=>()=>_(46773))))),i("@easyops-cn/brick-next-pipes","0.7.2",(()=>Promise.all([_.e(4291),_.e(563),_.e(1916),_.e(5310)]).then((()=>()=>_(54291))))),i("@next-core/cook","2.5.9",(()=>Promise.all([_.e(1122),_.e(580)]).then((()=>()=>_(61122))))),i("@next-core/element","1.2.18",(()=>_.e(1045).then((()=>()=>_(21045))))),i("@next-core/http","1.2.13",(()=>_.e(8989).then((()=>()=>_(48989))))),i("@next-core/i18n/react","1.0.78",(()=>Promise.all([_.e(23),_.e(8097)]).then((()=>()=>_(88097))))),i("@next-core/i18n","1.0.78",(()=>Promise.all([_.e(6548),_.e(23),_.e(671),_.e(5552)]).then((()=>()=>_(75552))))),i("@next-core/inject","1.0.55",(()=>Promise.all([_.e(563),_.e(9933),_.e(2277)]).then((()=>()=>_(72277))))),i("@next-core/loader","1.6.16",(()=>_.e(5399).then((()=>()=>_(35399))))),i("@next-core/pipes","2.0.33",(()=>_.e(6519).then((()=>()=>_(76519))))),i("@next-core/react-element","1.0.37",(()=>Promise.all([_.e(8769),_.e(7921),_.e(9435),_.e(114)]).then((()=>()=>_(20114))))),i("@next-core/react-runtime","1.7.17",(()=>Promise.all([_.e(8769),_.e(1280),_.e(563),_.e(6305),_.e(4837)]).then((()=>()=>_(64837))))),i("@next-core/runtime","1.62.1",(()=>Promise.all([_.e(9140),_.e(563),_.e(6548),_.e(1916),_.e(23),_.e(1321),_.e(5522)]).then((()=>()=>_(19140))))),i("@next-core/supply","2.3.6",(()=>Promise.all([_.e(563),_.e(1916),_.e(9933),_.e(9559)]).then((()=>()=>_(49559))))),i("@next-core/theme","1.5.4",(()=>Promise.all([_.e(1889),_.e(2052)]).then((()=>()=>_(51889))))),i("@next-core/utils/general","1.7.36",(()=>_.e(871).then((()=>()=>_(40871))))),i("@next-core/utils/storyboard","1.7.36",(()=>Promise.all([_.e(6548),_.e(1321),_.e(3933)]).then((()=>()=>_(13933))))),i("history","4.10.1",(()=>_.e(5384).then((()=>()=>_(65384))))),i("i18next-browser-languagedetector","7.2.2",(()=>_.e(726).then((()=>()=>_(50726))))),i("i18next","22.5.1",(()=>_.e(3201).then((()=>()=>_(33201))))),i("js-yaml","3.14.1",(()=>_.e(9515).then((()=>()=>_(19515))))),i("lodash","4.17.21",(()=>_.e(5250).then((()=>()=>_(45250))))),i("moment/locale/zh-cn.js","2.30.1",(()=>Promise.all([_.e(7721),_.e(9844)]).then((()=>()=>_(61329))))),i("moment","2.30.1",(()=>Promise.all([_.e(7721),_.e(9844)]).then((()=>()=>_(99420))))),i("react-dom","0.0.0-experimental-ee8509801-20230117",(()=>Promise.all([_.e(3144),_.e(8769)]).then((()=>()=>_(43144))))),i("react-i18next","12.3.1",(()=>Promise.all([_.e(7434),_.e(8769)]).then((()=>()=>_(97434))))),i("react","0.0.0-experimental-ee8509801-20230117",(()=>_.e(4041).then((()=>()=>_(14041)))))),e[r]=c.length?Promise.all(c).then((()=>e[r]=1)):1}}})(),(()=>{var e;_.g.importScripts&&(e=_.g.location+"");var t=_.g.document;if(!e&&t&&(t.currentScript&&"SCRIPT"===t.currentScript.tagName.toUpperCase()&&(e=t.currentScript.src),!e)){var r=t.getElementsByTagName("script");if(r.length)for(var a=r.length-1;a>-1&&(!e||!/^http(s?):/.test(e));)e=r[a--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),_.p=e})(),n=e=>{var t=e=>e.split(".").map((e=>+e==e?+e:e)),r=/^([^-+]+)?(?:-([^+]+))?(?:\+(.+))?$/.exec(e),a=r[1]?t(r[1]):[];return r[2]&&(a.length++,a.push.apply(a,t(r[2]))),r[3]&&(a.push([]),a.push.apply(a,t(r[3]))),a},l=(e,t)=>{e=n(e),t=n(t);for(var r=0;;){if(r>=e.length)return r<t.length&&"u"!=(typeof t[r])[0];var a=e[r],l=(typeof a)[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&&a!=o)return a<o;r++}},o=e=>{var t=e[0],r="";if(1===e.length)return"*";if(t+.5){r+=0==t?">=":-1==t?"<":1==t?"^":2==t?"~":t>0?"=":"!=";for(var a=1,n=1;n<e.length;n++)a--,r+="u"==(typeof(i=e[n]))[0]?"-":(a>0?".":"")+(a=2,i);return r}var l=[];for(n=1;n<e.length;n++){var i=e[n];l.push(0===i?"not("+c()+")":1===i?"("+c()+" || "+c()+")":2===i?l.pop()+" "+l.pop():o(i))}return c();function c(){return l.pop().replace(/^\((.+)\)$/,"$1")}},i=(e,t)=>{if(0 in e){t=n(t);var r=e[0],a=r<0;a&&(r=-r-1);for(var l=0,o=1,c=!0;;o++,l++){var s,d,h=o<e.length?(typeof e[o])[0]:"";if(l>=t.length||"o"==(d=(typeof(s=t[l]))[0]))return!c||("u"==h?o>r&&!a:""==h!=a);if("u"==d){if(!c||"u"!=h)return!1}else if(c)if(h==d)if(o<=r){if(s!=e[o])return!1}else{if(a?s>e[o]:s<e[o])return!1;s!=e[o]&&(c=!1)}else if("s"!=h&&"n"!=h){if(a||o<=r)return!1;c=!1,o--}else{if(o<=r||d<h!=a)return!1;c=!1}else"s"!=h&&"n"!=h&&(c=!1,o--)}}var f=[],p=f.pop.bind(f);for(l=1;l<e.length;l++){var u=e[l];f.push(1==u?p()|p():2==u?p()&p():u?i(u,t):!p())}return!!p()},c=(e,t)=>e&&_.o(e,t),s=e=>(e.loaded=1,e.get()),d=e=>Object.keys(e).reduce(((t,r)=>(e[r].eager&&(t[r]=e[r]),t)),{}),h=(e,t,r,a)=>{var n=a?d(e[t]):e[t];return(t=Object.keys(n).reduce(((e,t)=>!i(r,t)||e&&!l(e,t)?e:t),0))&&n[t]},f=(e,t,r)=>{var a=r?d(e[t]):e[t];return Object.keys(a).reduce(((e,t)=>!e||!a[e].loaded&&l(e,t)?t:e),0)},p=(e,t,r,a)=>"Unsatisfied version "+r+" from "+(r&&e[t][r].from)+" of shared singleton module "+t+" (required "+o(a)+")",u=(e,t,r,a,n)=>{var l=e[r];return"No satisfying version ("+o(a)+")"+(n?" for eager consumption":"")+" of shared module "+r+" found in shared scope "+t+".\nAvailable versions: "+Object.keys(l).map((e=>e+" from "+l[e].from)).join(", ")},m=e=>{throw new Error(e)},b=e=>{"undefined"!=typeof console&&console.warn&&console.warn(e)},P=(e,t,r)=>r?r():((e,t)=>m("Shared module "+t+" doesn't exist in shared scope "+e))(e,t),v=(g=e=>function(t,r,a,n,l){var o=_.I(t);return o&&o.then&&!a?o.then(e.bind(e,t,_.S[t],r,!1,n,l)):e(t,_.S[t],r,a,n,l)})(((e,t,r,a,n,l)=>{if(!c(t,r))return P(e,r,l);var o=h(t,r,n,a);return o?s(o):l?l():void m(u(t,e,r,n,a))})),y=g(((e,t,r,a,n,l)=>{if(!c(t,r))return P(e,r,l);var o=f(t,r,a);return i(n,o)||b(p(t,r,o,n)),s(t[r][o])})),x={},w={20563:()=>y("default","lodash",!1,[0],(()=>_.e(5250).then((()=>()=>_(45250))))),91916:()=>y("default","moment",!1,[0],(()=>Promise.all([_.e(7721),_.e(9844)]).then((()=>()=>_(99420))))),55310:()=>y("default","js-yaml",!1,[0],(()=>_.e(9515).then((()=>()=>_(19515))))),40580:()=>y("default","@babel/parser",!1,[0],(()=>_.e(6773).then((()=>()=>_(46773))))),90023:()=>y("default","@next-core/i18n",!1,[1,1,0,78],(()=>Promise.all([_.e(6548),_.e(671),_.e(3171)]).then((()=>()=>_(75552))))),47825:()=>y("default","react-i18next",!1,[1,12,3,1],(()=>Promise.all([_.e(7434),_.e(8769)]).then((()=>()=>_(97434))))),56548:()=>y("default","@next-core/utils/general",!1,[1,1,7,36],(()=>_.e(871).then((()=>()=>_(40871))))),848:()=>y("default","i18next-browser-languagedetector",!1,[0],(()=>_.e(726).then((()=>()=>_(50726))))),75630:()=>y("default","i18next",!1,[0],(()=>_.e(3201).then((()=>()=>_(33201))))),59933:()=>y("default","@next-core/pipes",!1,[0],(()=>_.e(6519).then((()=>()=>_(76519))))),58377:()=>y("default","@easyops-cn/brick-next-pipes",!1,[0],(()=>Promise.all([_.e(4291),_.e(563),_.e(1916),_.e(5310)]).then((()=>()=>_(54291))))),18769:()=>v("default","react",!1,[6,0,0,0,,"experimental-ee8509801-20230117"],(()=>_.e(4041).then((()=>()=>_(14041))))),7921:()=>v("default","@next-core/element",!1,[1,1,2,18],(()=>_.e(1045).then((()=>()=>_(21045))))),59435:()=>v("default","react-dom",!1,[6,0,0,0,,"experimental-ee8509801-20230117"],(()=>_.e(3144).then((()=>()=>_(43144))))),11280:()=>v("default","@next-core/react-element",!1,[1,1,0,37],(()=>Promise.all([_.e(7921),_.e(9435),_.e(7733)]).then((()=>()=>_(20114))))),36305:()=>y("default","@next-core/runtime",!1,[0],(()=>Promise.all([_.e(9140),_.e(6548),_.e(1916),_.e(23),_.e(1321),_.e(5522)]).then((()=>()=>_(19140))))),71321:()=>y("default","@next-core/cook",!1,[0],(()=>Promise.all([_.e(1122),_.e(580)]).then((()=>()=>_(61122))))),11732:()=>y("default","history",!1,[0],(()=>_.e(5384).then((()=>()=>_(65384))))),29283:()=>y("default","@next-core/inject",!1,[0],(()=>Promise.all([_.e(9933),_.e(4658)]).then((()=>()=>_(72277))))),41361:()=>y("default","@next-core/http",!1,[0],(()=>_.e(3751).then((()=>()=>_(48989))))),45599:()=>y("default","@next-core/loader",!1,[0],(()=>_.e(5399).then((()=>()=>_(35399))))),71858:()=>y("default","moment/locale/zh-cn.js",!1,[0],(()=>Promise.all([_.e(7721),_.e(9844)]).then((()=>()=>_(61329))))),94167:()=>y("default","@next-core/supply",!1,[0],(()=>Promise.all([_.e(9933),_.e(1940)]).then((()=>()=>_(49559))))),94392:()=>y("default","@next-core/utils/storyboard",!1,[1,1,7,36],(()=>_.e(6314).then((()=>()=>_(13933))))),8917:()=>v("default","@next-core/react-runtime",!1,[1,1,7,17],(()=>Promise.all([_.e(563),_.e(6305),_.e(7218)]).then((()=>()=>_(64837))))),76822:()=>y("default","@next-core/i18n/react",!1,[1,1,0,78],(()=>Promise.all([_.e(23),_.e(8097)]).then((()=>()=>_(88097))))),37:()=>y("default","@next-core/theme",!1,[0],(()=>_.e(1889).then((()=>()=>_(51889)))))},k={23:[90023],37:[37],563:[20563],580:[40580],671:[848,75630],1280:[11280],1321:[71321],1916:[91916],5310:[55310],5522:[11732,29283,41361,45599,71858,94167,94392],6305:[36305],6519:[58377],6548:[56548],6822:[76822],7921:[7921],8097:[47825],8769:[18769],8917:[8917],9435:[59435],9933:[59933]},j={},_.f.consumes=(e,t)=>{_.o(k,e)&&k[e].forEach((e=>{if(_.o(x,e))return t.push(x[e]);if(!j[e]){var r=t=>{x[e]=0,_.m[e]=r=>{delete _.c[e],r.exports=t()}};j[e]=!0;var a=t=>{delete x[e],_.m[e]=r=>{throw delete _.c[e],t}};try{var n=w[e]();n.then?t.push(x[e]=n.then(r).catch(a)):r(n)}catch(e){a(e)}}}))},(()=>{_.b=document.baseURI||self.location.href;var e={1370:0};_.f.j=(t,r)=>{var a=_.o(e,t)?e[t]:void 0;if(0!==a)if(a)r.push(a[2]);else if(/^(1(280|321|916)|5(310|522|63|80)|6(305|548|71|822)|23|37|7921|8769|8917|9435|9933)$/.test(t))e[t]=0;else{var n=new Promise(((r,n)=>a=e[t]=[r,n]));r.push(a[2]=n);var l=_.p+_.u(t),o=new Error;_.l(l,(r=>{if(_.o(e,t)&&(0!==(a=e[t])&&(e[t]=void 0),a)){var n=r&&("load"===r.type?"missing":r.type),l=r&&r.target&&r.target.src;o.message="Loading chunk "+t+" failed.\n("+n+": "+l+")",o.name="ChunkLoadError",o.type=n,o.request=l,a[1](o)}}),"chunk-"+t,t)}};var t=(t,r)=>{var a,n,[l,o,i]=r,c=0;if(l.some((t=>0!==e[t]))){for(a in o)_.o(o,a)&&(_.m[a]=o[a]);i&&i(_)}for(t&&t(r);c<l.length;c++)n=l[c],_.o(e,n)&&e[n]&&e[n][0](),e[n]=0},r=globalThis.webpackChunk_next_bricks_data_view=globalThis.webpackChunk_next_bricks_data_view||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})(),_.nc=void 0;var E=_(24020);window["bricks/data-view"]=E})();
+//# sourceMappingURL=index.727c7633.js.map