npm - @next-bricks/data-view - Versions diffs - 1.12.1 → 1.12.3 - Mend

@next-bricks/data-view 1.12.1 → 1.12.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (155) hide show

package/dist/examples.json CHANGED Viewed

@@ -2,30 +2,30 @@
   "data-view.gauge-chart": {
     "doc": "大屏仪表盘构件\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.gauge-chart\n  properties:\n    value: 100\n    radius: 180\n    strokeWidth: 20\n    description: 已部署 1490 个 / 3300个\n  slots:\n    \"\":\n      type: bricks\n      bricks:\n        - brick: div\n          properties:\n            textContent: 已部署 1490 个 / 3300个\n            style:\n              font-size: 16px\n              font-weight: 500\n              color: \"#fff\"\n              margin: 0 0 300px 0\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.gauge-chart\n#   value=\"100\"\n#   radius=\"180\"\n#   stroke-width=\"20\"\n#   description=\"已部署 1490 个 / 3300个\"\n# >\n#   <div\n#     style=\"font-size: 16px; font-weight: 500; color: #fff; margin: 0 0 300px 0\"\n#   >\n#     已部署 1490 个 / 3300个\n#   </div>\n# </data-view.gauge-chart>\n# \n```\n"
   },
-  "data-view.modern-style-component-title": {
-    "doc": "现代风格的组件标题\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.modern-style-component-title\n  properties:\n    componentTitle: 组件标题\n    style:\n      height: 50px\n      display: block\n      background-color: \"#1c1e21\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.modern-style-component-title\n#   component-title=\"组件标题\"\n#   style=\"height: 50px; display: block; background-color: #1c1e21\"\n# ></data-view.modern-style-component-title>\n# \n```\n\n### TitleSuffix && Toolbar slot\n\n```yaml preview\n- brick: data-view.modern-style-component-title\n  properties:\n    componentTitle: 组件标题\n    style:\n      height: 50px\n      display: block\n      background-color: \"#1c1e21\"\n  slots:\n    toolbar:\n      type: bricks\n      bricks:\n        - brick: span\n          properties:\n            textContent: toolbar\n    titleSuffix:\n      type: bricks\n      bricks:\n        - brick: span\n          properties:\n            textContent: titleSuffix\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.modern-style-component-title\n#   component-title=\"组件标题\"\n#   style=\"height: 50px; display: block; background-color: #1c1e21\"\n# >\n#   <span slot=\"toolbar\">toolbar</span>\n#   <span slot=\"titleSuffix\">titleSuffix</span>\n# </data-view.modern-style-component-title>\n# \n```\n\n### hideRightComponent\n\n```yaml preview\n- brick: data-view.modern-style-component-title\n  properties:\n    componentTitle: 组件标题\n    hideRightComponent: false\n    hideLeftComponent: true\n    style:\n      height: 50px\n      display: block\n      background-color: \"#1c1e21\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.modern-style-component-title\n#   component-title=\"组件标题\"\n#   hide-right-component=\"false\"\n#   hide-left-component=\"true\"\n#   style=\"height: 50px; display: block; background-color: #1c1e21\"\n# ></data-view.modern-style-component-title>\n# \n```\n"
-  },
-  "data-view.modern-style-page-title": {
-    "doc": "现代风格的页面标题构件\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.modern-style-page-title\n  properties:\n    pageTitle: XX应用大屏\n    description: \"- APPLICATION HEALTH MONITORING SCREEN -\"\n    style:\n      display: block\n      background-color: \"#1c1e21\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.modern-style-page-title\n#   page-title=\"XX应用大屏\"\n#   description=\"- APPLICATION HEALTH MONITORING SCREEN -\"\n#   style=\"display: block; background-color: #1c1e21\"\n# ></data-view.modern-style-page-title>\n# \n```\n"
-  },
   "data-view.tabs-drawer": {
     "doc": "data-view.tabs-drawer\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.tabs-drawer\n  properties:\n    activeKey: search\n    id: drawer\n    visible: true\n    width: 800\n    style:\n      height: 600px\n      display: block\n    tabList:\n      - tooltip: 搜索\n        key: search\n        icon:\n          lib: fa\n          icon: search\n          prefix: fas\n      - tooltip: 内容\n        key: app\n        icon:\n          lib: easyops\n          category: app\n          icon: micro-app-configuration\n\n      - tooltip: 图表\n        key: chart\n        icon:\n          lib: fa\n          icon: ad\n          prefix: fas\n  slots:\n    search:\n      type: bricks\n      bricks:\n        - brick: div\n          properties:\n            style:\n              padding: 0 16px\n              height: 100px\n              background: red\n            textContent: 测试\n    app:\n      type: bricks\n      bricks:\n        - brick: div\n          properties:\n            textContent: 内容区域\n            style:\n              background: yellow\n              height: 100px\n    chart:\n      type: bricks\n      bricks:\n        - brick: div\n          properties:\n            textContent: 图表区域\n            style:\n              background: green\n              height: 100px\n  events:\n    close:\n      - action: console.log\n    tab.change:\n      - action: console.log\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.tabs-drawer\n#   active-key=\"search\"\n#   visible\n#   style=\"height: 600px; display: block\"\n#   id=\"drawer\"\n# >\n#   <div slot=\"search\" style=\"padding: 0 16px; height: 100px; background: red\">\n#     测试\n#   </div>\n#   <div slot=\"app\" style=\"background: yellow; height: 100px\">内容区域</div>\n#   <div slot=\"chart\" style=\"background: green; height: 100px\">图表区域</div>\n# </data-view.tabs-drawer>\n# \n# <script>\n#   const drawer = document.getElementById(\"drawer\");\n#   drawer.width = 800;\n#   drawer.tabList = [\n#     {\n#       tooltip: \"搜索\",\n#       key: \"search\",\n#       icon: {\n#         lib: \"fa\",\n#         icon: \"search\",\n#         prefix: \"fas\",\n#       },\n#     },\n#     {\n#       tooltip: \"内容\",\n#       key: \"app\",\n#       icon: {\n#         lib: \"easyops\",\n#         category: \"app\",\n#         icon: \"micro-app-configuration\",\n#       },\n#     },\n#     {\n#       tooltip: \"图表\",\n#       key: \"chart\",\n#       icon: {\n#         lib: \"fa\",\n#         icon: \"ad\",\n#         prefix: \"fas\",\n#       },\n#     },\n#   ];\n#   drawer.addEventListener(\"close\", (e) => {\n#     console.log(e.detail);\n#   });\n#   drawer.addEventListener(\"tab.change\", (e) => {\n#     console.log(e.detail);\n#   });\n# </script>\n# \n```\n"
   },
   "data-view.modern-style-treemap": {
     "doc": "data-view.modern-style-treemap\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.modern-style-treemap\n  properties:\n    data:\n      name: flare\n      children:\n        - name: analytics\n          children:\n            - name: cluster\n              children:\n                - name: AgglomerativeCluster\n                  value: 3938\n                - name: CommunityStructure\n                  value: 3812\n                - name: HierarchicalCluster\n                  value: 6714\n                - name: MergeEdge\n                  value: 743\n            - name: graph\n              children:\n                - name: BetweennessCentrality\n                  value: 3534\n                - name: LinkDistance\n                  value: 5731\n                - name: MaxFlowMinCut\n                  value: 7840\n                - name: ShortestPaths\n                  value: 5914\n                - name: SpanningTree\n                  value: 3416\n            - name: optimization\n              children:\n                - name: AspectRatioBanker\n                  value: 7074\n        - name: animate\n          children:\n            - name: Easing\n              value: 17010\n            - name: FunctionSequence\n              value: 5842\n            - name: interpolate\n              children:\n                - name: ArrayInterpolator\n                  value: 1983\n                - name: ColorInterpolator\n                  value: 2047\n                - name: DateInterpolator\n                  value: 1375\n                - name: Interpolator\n                  value: 8746\n                - name: MatrixInterpolator\n                  value: 2202\n                - name: NumberInterpolator\n                  value: 1382\n                - name: ObjectInterpolator\n                  value: 1629\n                - name: PointInterpolator\n                  value: 1675\n                - name: RectangleInterpolator\n                  value: 2042\n            - name: ISchedulable\n              value: 1041\n            - name: Parallel\n              value: 5176\n            - name: Pause\n              value: 449\n            - name: Scheduler\n              value: 5593\n            - name: Sequence\n              value: 5534\n            - name: Transition\n              value: 9201\n            - name: Transitioner\n              value: 19975\n            - name: TransitionEvent\n              value: 1116\n            - name: Tween\n              value: 6006\n        - name: data\n          children:\n            - name: converters\n              children:\n                - name: Converters\n                  value: 721\n                - name: DelimitedTextConverter\n                  value: 4294\n                - name: GraphMLConverter\n                  value: 9800\n                - name: IDataConverter\n                  value: 1314\n                - name: JSONConverter\n                  value: 2220\n            - name: DataField\n              value: 1759\n            - name: DataSchema\n              value: 2165\n            - name: DataSet\n              value: 586\n            - name: DataSource\n              value: 3331\n            - name: DataTable\n              value: 772\n            - name: DataUtil\n              value: 3322\n        - name: display\n          children:\n            - name: DirtySprite\n              value: 8833\n            - name: LineSprite\n              value: 1732\n            - name: RectSprite\n              value: 3623\n            - name: TextSprite\n              value: 10066\n        - name: flex\n          children:\n            - name: FlareVis\n              value: 4116\n        - name: physics\n          children:\n            - name: DragForce\n              value: 1082\n            - name: GravityForce\n              value: 1336\n            - name: IForce\n              value: 319\n            - name: NBodyForce\n              value: 10498\n            - name: Particle\n              value: 2822\n            - name: Simulation\n              value: 9983\n            - name: Spring\n              value: 2213\n            - name: SpringForce\n              value: 1681\n        - name: query\n          children:\n            - name: AggregateExpression\n              value: 1616\n            - name: And\n              value: 1027\n            - name: Arithmetic\n              value: 3891\n            - name: Average\n              value: 891\n            - name: BinaryExpression\n              value: 2893\n            - name: Comparison\n              value: 5103\n            - name: CompositeExpression\n              value: 3677\n            - name: Count\n              value: 781\n            - name: DateUtil\n              value: 4141\n            - name: Distinct\n              value: 933\n            - name: Expression\n              value: 5130\n            - name: ExpressionIterator\n              value: 3617\n            - name: Fn\n              value: 3240\n            - name: If\n              value: 2732\n            - name: IsA\n              value: 2039\n            - name: Literal\n              value: 1214\n            - name: Match\n              value: 3748\n            - name: Maximum\n              value: 843\n            - name: methods\n              children:\n                - name: add\n                  value: 593\n                - name: and\n                  value: 330\n                - name: average\n                  value: 287\n                - name: count\n                  value: 277\n                - name: distinct\n                  value: 292\n                - name: div\n                  value: 595\n                - name: eq\n                  value: 594\n                - name: fn\n                  value: 460\n                - name: gt\n                  value: 603\n                - name: gte\n                  value: 625\n                - name: iff\n                  value: 748\n                - name: isa\n                  value: 461\n                - name: lt\n                  value: 597\n                - name: lte\n                  value: 619\n                - name: max\n                  value: 283\n                - name: min\n                  value: 283\n                - name: mod\n                  value: 591\n                - name: mul\n                  value: 603\n                - name: neq\n                  value: 599\n                - name: not\n                  value: 386\n                - name: or\n                  value: 323\n                - name: orderby\n                  value: 307\n                - name: range\n                  value: 772\n                - name: select\n                  value: 296\n                - name: stddev\n                  value: 363\n                - name: sub\n                  value: 600\n                - name: sum\n                  value: 280\n                - name: update\n                  value: 307\n                - name: variance\n                  value: 335\n                - name: where\n                  value: 299\n                - name: xor\n                  value: 354\n                - name: _\n                  value: 264\n            - name: Minimum\n              value: 843\n            - name: Not\n              value: 1554\n            - name: Or\n              value: 970\n            - name: Query\n              value: 13896\n            - name: Range\n              value: 1594\n            - name: StringUtil\n              value: 4130\n            - name: Sum\n              value: 791\n            - name: Variable\n              value: 1124\n            - name: Variance\n              value: 1876\n            - name: Xor\n              value: 1101\n        - name: scale\n          children:\n            - name: IScaleMap\n              value: 2105\n            - name: LinearScale\n              value: 1316\n            - name: LogScale\n              value: 3151\n            - name: OrdinalScale\n              value: 3770\n            - name: QuantileScale\n              value: 2435\n            - name: QuantitativeScale\n              value: 4839\n            - name: RootScale\n              value: 1756\n            - name: Scale\n              value: 4268\n            - name: ScaleType\n              value: 1821\n            - name: TimeScale\n              value: 5833\n        - name: util\n          children:\n            - name: Arrays\n              value: 8258\n            - name: Colors\n              value: 10001\n            - name: Dates\n              value: 8217\n            - name: Displays\n              value: 12555\n            - name: Filter\n              value: 2324\n            - name: Geometry\n              value: 10993\n            - name: heap\n              children:\n                - name: FibonacciHeap\n                  value: 9354\n                - name: HeapNode\n                  value: 1233\n            - name: IEvaluable\n              value: 335\n            - name: IPredicate\n              value: 383\n            - name: IValueProxy\n              value: 874\n            - name: math\n              children:\n                - name: DenseMatrix\n                  value: 3165\n                - name: IMatrix\n                  value: 2815\n                - name: SparseMatrix\n                  value: 3366\n            - name: Maths\n              value: 17705\n            - name: Orientation\n              value: 1486\n            - name: palette\n              children:\n                - name: ColorPalette\n                  value: 6367\n                - name: Palette\n                  value: 1229\n                - name: ShapePalette\n                  value: 2059\n                - name: SizePalette\n                  value: 2291\n            - name: Property\n              value: 5559\n            - name: Shapes\n              value: 19118\n            - name: Sort\n              value: 6887\n            - name: Stats\n              value: 6557\n            - name: Strings\n              value: 22026\n        - name: vis\n          children:\n            - name: axis\n              children:\n                - name: Axes\n                  value: 1302\n                - name: Axis\n                  value: 24593\n                - name: AxisGridLine\n                  value: 652\n                - name: AxisLabel\n                  value: 636\n                - name: CartesianAxes\n                  value: 6703\n            - name: controls\n              children:\n                - name: AnchorControl\n                  value: 2138\n                - name: ClickControl\n                  value: 3824\n                - name: Control\n                  value: 1353\n                - name: ControlList\n                  value: 4665\n                - name: DragControl\n                  value: 2649\n                - name: ExpandControl\n                  value: 2832\n                - name: HoverControl\n                  value: 4896\n                - name: IControl\n                  value: 763\n                - name: PanZoomControl\n                  value: 5222\n                - name: SelectionControl\n                  value: 7862\n                - name: TooltipControl\n                  value: 8435\n            - name: data\n              children:\n                - name: Data\n                  value: 20544\n                - name: DataList\n                  value: 19788\n                - name: DataSprite\n                  value: 10349\n                - name: EdgeSprite\n                  value: 3301\n                - name: NodeSprite\n                  value: 19382\n                - name: render\n                  children:\n                    - name: ArrowType\n                      value: 698\n                    - name: EdgeRenderer\n                      value: 5569\n                    - name: IRenderer\n                      value: 353\n                    - name: ShapeRenderer\n                      value: 2247\n                - name: ScaleBinding\n                  value: 11275\n                - name: Tree\n                  value: 7147\n                - name: TreeBuilder\n                  value: 9930\n            - name: events\n              children:\n                - name: DataEvent\n                  value: 2313\n                - name: SelectionEvent\n                  value: 1880\n                - name: TooltipEvent\n                  value: 1701\n                - name: VisualizationEvent\n                  value: 1117\n            - name: legend\n              children:\n                - name: Legend\n                  value: 20859\n                - name: LegendItem\n                  value: 4614\n                - name: LegendRange\n                  value: 10530\n            - name: operator\n              children:\n                - name: distortion\n                  children:\n                    - name: BifocalDistortion\n                      value: 4461\n                    - name: Distortion\n                      value: 6314\n                    - name: FisheyeDistortion\n                      value: 3444\n                - name: encoder\n                  children:\n                    - name: ColorEncoder\n                      value: 3179\n                    - name: Encoder\n                      value: 4060\n                    - name: PropertyEncoder\n                      value: 4138\n                    - name: ShapeEncoder\n                      value: 1690\n                    - name: SizeEncoder\n                      value: 1830\n                - name: filter\n                  children:\n                    - name: FisheyeTreeFilter\n                      value: 5219\n                    - name: GraphDistanceFilter\n                      value: 3165\n                    - name: VisibilityFilter\n                      value: 3509\n                - name: IOperator\n                  value: 1286\n                - name: label\n                  children:\n                    - name: Labeler\n                      value: 9956\n                    - name: RadialLabeler\n                      value: 3899\n                    - name: StackedAreaLabeler\n                      value: 3202\n                - name: layout\n                  children:\n                    - name: AxisLayout\n                      value: 6725\n                    - name: BundledEdgeRouter\n                      value: 3727\n                    - name: CircleLayout\n                      value: 9317\n                    - name: CirclePackingLayout\n                      value: 12003\n                    - name: DendrogramLayout\n                      value: 4853\n                    - name: ForceDirectedLayout\n                      value: 8411\n                    - name: IcicleTreeLayout\n                      value: 4864\n                    - name: IndentedTreeLayout\n                      value: 3174\n                    - name: Layout\n                      value: 7881\n                    - name: NodeLinkTreeLayout\n                      value: 12870\n                    - name: PieLayout\n                      value: 2728\n                    - name: RadialTreeLayout\n                      value: 12348\n                    - name: RandomLayout\n                      value: 870\n                    - name: StackedAreaLayout\n                      value: 9121\n                    - name: TreeMapLayout\n                      value: 9191\n                - name: Operator\n                  value: 2490\n                - name: OperatorList\n                  value: 5248\n                - name: OperatorSequence\n                  value: 4190\n                - name: OperatorSwitch\n                  value: 2581\n                - name: SortOperator\n                  value: 2023\n            - name: Visualization\n              value: 16540\n    style:\n      width: 100%\n      height: 800px\n      display: block\n      background-color: \"#1c1e21\"\n    tooltipUseBrick:\n      useBrick:\n        brick: span\n        properties:\n          textContent: <% DATA.data?.name %>\n    leafUseBrick:\n      useBrick:\n        - if: <% DATA.x1 - DATA.x0 > 70 && DATA.y1 - DATA.y0 > 100 %>\n          brick: div\n          properties:\n            style:\n              padding: \"8px 6px\"\n          slots:\n            \"\":\n              type: bricks\n              bricks:\n                - brick: div\n                  properties:\n                    textContent: <% DATA.data.name %>\n                    style:\n                      \"font-size\": \"20px\"\n                      \"font-weight\": 500\n                      color: \"#FFFFFF\"\n                      \"line-height\": \"28px\"\n                      \"text-shadow\": \"0px 1px 4px #3366FF\"\n                      overflow: \"hidden\"\n                      \"white-space\": \"nowrap\"\n                      \"text-overflow\": \"ellipsis\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.modern-style-treemap\n#   style=\"width: 100%; height: 800px; display: block; background-color: #1c1e21\"\n#   id=\"brick-1\"\n# ></data-view.modern-style-treemap>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.data = {\n#     name: \"flare\",\n#     children: [\n#       {\n#         name: \"analytics\",\n#         children: [\n#           {\n#             name: \"cluster\",\n#             children: [\n#               {\n#                 name: \"AgglomerativeCluster\",\n#                 value: 3938,\n#               },\n#               {\n#                 name: \"CommunityStructure\",\n#                 value: 3812,\n#               },\n#               {\n#                 name: \"HierarchicalCluster\",\n#                 value: 6714,\n#               },\n#               {\n#                 name: \"MergeEdge\",\n#                 value: 743,\n#               },\n#             ],\n#           },\n#           {\n#             name: \"graph\",\n#             children: [\n#               {\n#                 name: \"BetweennessCentrality\",\n#                 value: 3534,\n#               },\n#               {\n#                 name: \"LinkDistance\",\n#                 value: 5731,\n#               },\n#               {\n#                 name: \"MaxFlowMinCut\",\n#                 value: 7840,\n#               },\n#               {\n#                 name: \"ShortestPaths\",\n#                 value: 5914,\n#               },\n#               {\n#                 name: \"SpanningTree\",\n#                 value: 3416,\n#               },\n#             ],\n#           },\n#           {\n#             name: \"optimization\",\n#             children: [\n#               {\n#                 name: \"AspectRatioBanker\",\n#                 value: 7074,\n#               },\n#             ],\n#           },\n#         ],\n#       },\n#       {\n#         name: \"animate\",\n#         children: [\n#           {\n#             name: \"Easing\",\n#             value: 17010,\n#           },\n#           {\n#             name: \"FunctionSequence\",\n#             value: 5842,\n#           },\n#           {\n#             name: \"interpolate\",\n#             children: [\n#               {\n#                 name: \"ArrayInterpolator\",\n#                 value: 1983,\n#               },\n#               {\n#                 name: \"ColorInterpolator\",\n#                 value: 2047,\n#               },\n#               {\n#                 name: \"DateInterpolator\",\n#                 value: 1375,\n#               },\n#               {\n#                 name: \"Interpolator\",\n#                 value: 8746,\n#               },\n#               {\n#                 name: \"MatrixInterpolator\",\n#                 value: 2202,\n#               },\n#               {\n#                 name: \"NumberInterpolator\",\n#                 value: 1382,\n#               },\n#               {\n#                 name: \"ObjectInterpolator\",\n#                 value: 1629,\n#               },\n#               {\n#                 name: \"PointInterpolator\",\n#                 value: 1675,\n#               },\n#               {\n#                 name: \"RectangleInterpolator\",\n#                 value: 2042,\n#               },\n#             ],\n#           },\n#           {\n#             name: \"ISchedulable\",\n#             value: 1041,\n#           },\n#           {\n#             name: \"Parallel\",\n#             value: 5176,\n#           },\n#           {\n#             name: \"Pause\",\n#             value: 449,\n#           },\n#           {\n#             name: \"Scheduler\",\n#             value: 5593,\n#           },\n#           {\n#             name: \"Sequence\",\n#             value: 5534,\n#           },\n#           {\n#             name: \"Transition\",\n#             value: 9201,\n#           },\n#           {\n#             name: \"Transitioner\",\n#             value: 19975,\n#           },\n#           {\n#             name: \"TransitionEvent\",\n#             value: 1116,\n#           },\n#           {\n#             name: \"Tween\",\n#             value: 6006,\n#           },\n#         ],\n#       },\n#       {\n#         name: \"data\",\n#         children: [\n#           {\n#             name: \"converters\",\n#             children: [\n#               {\n#                 name: \"Converters\",\n#                 value: 721,\n#               },\n#               {\n#                 name: \"DelimitedTextConverter\",\n#                 value: 4294,\n#               },\n#               {\n#                 name: \"GraphMLConverter\",\n#                 value: 9800,\n#               },\n#               {\n#                 name: \"IDataConverter\",\n#                 value: 1314,\n#               },\n#               {\n#                 name: \"JSONConverter\",\n#                 value: 2220,\n#               },\n#             ],\n#           },\n#           {\n#             name: \"DataField\",\n#             value: 1759,\n#           },\n#           {\n#             name: \"DataSchema\",\n#             value: 2165,\n#           },\n#           {\n#             name: \"DataSet\",\n#             value: 586,\n#           },\n#           {\n#             name: \"DataSource\",\n#             value: 3331,\n#           },\n#           {\n#             name: \"DataTable\",\n#             value: 772,\n#           },\n#           {\n#             name: \"DataUtil\",\n#             value: 3322,\n#           },\n#         ],\n#       },\n#       {\n#         name: \"display\",\n#         children: [\n#           {\n#             name: \"DirtySprite\",\n#             value: 8833,\n#           },\n#           {\n#             name: \"LineSprite\",\n#             value: 1732,\n#           },\n#           {\n#             name: \"RectSprite\",\n#             value: 3623,\n#           },\n#           {\n#             name: \"TextSprite\",\n#             value: 10066,\n#           },\n#         ],\n#       },\n#       {\n#         name: \"flex\",\n#         children: [\n#           {\n#             name: \"FlareVis\",\n#             value: 4116,\n#           },\n#         ],\n#       },\n#       {\n#         name: \"physics\",\n#         children: [\n#           {\n#             name: \"DragForce\",\n#             value: 1082,\n#           },\n#           {\n#             name: \"GravityForce\",\n#             value: 1336,\n#           },\n#           {\n#             name: \"IForce\",\n#             value: 319,\n#           },\n#           {\n#             name: \"NBodyForce\",\n#             value: 10498,\n#           },\n#           {\n#             name: \"Particle\",\n#             value: 2822,\n#           },\n#           {\n#             name: \"Simulation\",\n#             value: 9983,\n#           },\n#           {\n#             name: \"Spring\",\n#             value: 2213,\n#           },\n#           {\n#             name: \"SpringForce\",\n#             value: 1681,\n#           },\n#         ],\n#       },\n#       {\n#         name: \"query\",\n#         children: [\n#           {\n#             name: \"AggregateExpression\",\n#             value: 1616,\n#           },\n#           {\n#             name: \"And\",\n#             value: 1027,\n#           },\n#           {\n#             name: \"Arithmetic\",\n#             value: 3891,\n#           },\n#           {\n#             name: \"Average\",\n#             value: 891,\n#           },\n#           {\n#             name: \"BinaryExpression\",\n#             value: 2893,\n#           },\n#           {\n#             name: \"Comparison\",\n#             value: 5103,\n#           },\n#           {\n#             name: \"CompositeExpression\",\n#             value: 3677,\n#           },\n#           {\n#             name: \"Count\",\n#             value: 781,\n#           },\n#           {\n#             name: \"DateUtil\",\n#             value: 4141,\n#           },\n#           {\n#             name: \"Distinct\",\n#             value: 933,\n#           },\n#           {\n#             name: \"Expression\",\n#             value: 5130,\n#           },\n#           {\n#             name: \"ExpressionIterator\",\n#             value: 3617,\n#           },\n#           {\n#             name: \"Fn\",\n#             value: 3240,\n#           },\n#           {\n#             name: \"If\",\n#             value: 2732,\n#           },\n#           {\n#             name: \"IsA\",\n#             value: 2039,\n#           },\n#           {\n#             name: \"Literal\",\n#             value: 1214,\n#           },\n#           {\n#             name: \"Match\",\n#             value: 3748,\n#           },\n#           {\n#             name: \"Maximum\",\n#             value: 843,\n#           },\n#           {\n#             name: \"methods\",\n#             children: [\n#               {\n#                 name: \"add\",\n#                 value: 593,\n#               },\n#               {\n#                 name: \"and\",\n#                 value: 330,\n#               },\n#               {\n#                 name: \"average\",\n#                 value: 287,\n#               },\n#               {\n#                 name: \"count\",\n#                 value: 277,\n#               },\n#               {\n#                 name: \"distinct\",\n#                 value: 292,\n#               },\n#               {\n#                 name: \"div\",\n#                 value: 595,\n#               },\n#               {\n#                 name: \"eq\",\n#                 value: 594,\n#               },\n#               {\n#                 name: \"fn\",\n#                 value: 460,\n#               },\n#               {\n#                 name: \"gt\",\n#                 value: 603,\n#               },\n#               {\n#                 name: \"gte\",\n#                 value: 625,\n#               },\n#               {\n#                 name: \"iff\",\n#                 value: 748,\n#               },\n#               {\n#                 name: \"isa\",\n#                 value: 461,\n#               },\n#               {\n#                 name: \"lt\",\n#                 value: 597,\n#               },\n#               {\n#                 name: \"lte\",\n#                 value: 619,\n#               },\n#               {\n#                 name: \"max\",\n#                 value: 283,\n#               },\n#               {\n#                 name: \"min\",\n#                 value: 283,\n#               },\n#               {\n#                 name: \"mod\",\n#                 value: 591,\n#               },\n#               {\n#                 name: \"mul\",\n#                 value: 603,\n#               },\n#               {\n#                 name: \"neq\",\n#                 value: 599,\n#               },\n#               {\n#                 name: \"not\",\n#                 value: 386,\n#               },\n#               {\n#                 name: \"or\",\n#                 value: 323,\n#               },\n#               {\n#                 name: \"orderby\",\n#                 value: 307,\n#               },\n#               {\n#                 name: \"range\",\n#                 value: 772,\n#               },\n#               {\n#                 name: \"select\",\n#                 value: 296,\n#               },\n#               {\n#                 name: \"stddev\",\n#                 value: 363,\n#               },\n#               {\n#                 name: \"sub\",\n#                 value: 600,\n#               },\n#               {\n#                 name: \"sum\",\n#                 value: 280,\n#               },\n#               {\n#                 name: \"update\",\n#                 value: 307,\n#               },\n#               {\n#                 name: \"variance\",\n#                 value: 335,\n#               },\n#               {\n#                 name: \"where\",\n#                 value: 299,\n#               },\n#               {\n#                 name: \"xor\",\n#                 value: 354,\n#               },\n#               {\n#                 name: \"_\",\n#                 value: 264,\n#               },\n#             ],\n#           },\n#           {\n#             name: \"Minimum\",\n#             value: 843,\n#           },\n#           {\n#             name: \"Not\",\n#             value: 1554,\n#           },\n#           {\n#             name: \"Or\",\n#             value: 970,\n#           },\n#           {\n#             name: \"Query\",\n#             value: 13896,\n#           },\n#           {\n#             name: \"Range\",\n#             value: 1594,\n#           },\n#           {\n#             name: \"StringUtil\",\n#             value: 4130,\n#           },\n#           {\n#             name: \"Sum\",\n#             value: 791,\n#           },\n#           {\n#             name: \"Variable\",\n#             value: 1124,\n#           },\n#           {\n#             name: \"Variance\",\n#             value: 1876,\n#           },\n#           {\n#             name: \"Xor\",\n#             value: 1101,\n#           },\n#         ],\n#       },\n#       {\n#         name: \"scale\",\n#         children: [\n#           {\n#             name: \"IScaleMap\",\n#             value: 2105,\n#           },\n#           {\n#             name: \"LinearScale\",\n#             value: 1316,\n#           },\n#           {\n#             name: \"LogScale\",\n#             value: 3151,\n#           },\n#           {\n#             name: \"OrdinalScale\",\n#             value: 3770,\n#           },\n#           {\n#             name: \"QuantileScale\",\n#             value: 2435,\n#           },\n#           {\n#             name: \"QuantitativeScale\",\n#             value: 4839,\n#           },\n#           {\n#             name: \"RootScale\",\n#             value: 1756,\n#           },\n#           {\n#             name: \"Scale\",\n#             value: 4268,\n#           },\n#           {\n#             name: \"ScaleType\",\n#             value: 1821,\n#           },\n#           {\n#             name: \"TimeScale\",\n#             value: 5833,\n#           },\n#         ],\n#       },\n#       {\n#         name: \"util\",\n#         children: [\n#           {\n#             name: \"Arrays\",\n#             value: 8258,\n#           },\n#           {\n#             name: \"Colors\",\n#             value: 10001,\n#           },\n#           {\n#             name: \"Dates\",\n#             value: 8217,\n#           },\n#           {\n#             name: \"Displays\",\n#             value: 12555,\n#           },\n#           {\n#             name: \"Filter\",\n#             value: 2324,\n#           },\n#           {\n#             name: \"Geometry\",\n#             value: 10993,\n#           },\n#           {\n#             name: \"heap\",\n#             children: [\n#               {\n#                 name: \"FibonacciHeap\",\n#                 value: 9354,\n#               },\n#               {\n#                 name: \"HeapNode\",\n#                 value: 1233,\n#               },\n#             ],\n#           },\n#           {\n#             name: \"IEvaluable\",\n#             value: 335,\n#           },\n#           {\n#             name: \"IPredicate\",\n#             value: 383,\n#           },\n#           {\n#             name: \"IValueProxy\",\n#             value: 874,\n#           },\n#           {\n#             name: \"math\",\n#             children: [\n#               {\n#                 name: \"DenseMatrix\",\n#                 value: 3165,\n#               },\n#               {\n#                 name: \"IMatrix\",\n#                 value: 2815,\n#               },\n#               {\n#                 name: \"SparseMatrix\",\n#                 value: 3366,\n#               },\n#             ],\n#           },\n#           {\n#             name: \"Maths\",\n#             value: 17705,\n#           },\n#           {\n#             name: \"Orientation\",\n#             value: 1486,\n#           },\n#           {\n#             name: \"palette\",\n#             children: [\n#               {\n#                 name: \"ColorPalette\",\n#                 value: 6367,\n#               },\n#               {\n#                 name: \"Palette\",\n#                 value: 1229,\n#               },\n#               {\n#                 name: \"ShapePalette\",\n#                 value: 2059,\n#               },\n#               {\n#                 name: \"SizePalette\",\n#                 value: 2291,\n#               },\n#             ],\n#           },\n#           {\n#             name: \"Property\",\n#             value: 5559,\n#           },\n#           {\n#             name: \"Shapes\",\n#             value: 19118,\n#           },\n#           {\n#             name: \"Sort\",\n#             value: 6887,\n#           },\n#           {\n#             name: \"Stats\",\n#             value: 6557,\n#           },\n#           {\n#             name: \"Strings\",\n#             value: 22026,\n#           },\n#         ],\n#       },\n#       {\n#         name: \"vis\",\n#         children: [\n#           {\n#             name: \"axis\",\n#             children: [\n#               {\n#                 name: \"Axes\",\n#                 value: 1302,\n#               },\n#               {\n#                 name: \"Axis\",\n#                 value: 24593,\n#               },\n#               {\n#                 name: \"AxisGridLine\",\n#                 value: 652,\n#               },\n#               {\n#                 name: \"AxisLabel\",\n#                 value: 636,\n#               },\n#               {\n#                 name: \"CartesianAxes\",\n#                 value: 6703,\n#               },\n#             ],\n#           },\n#           {\n#             name: \"controls\",\n#             children: [\n#               {\n#                 name: \"AnchorControl\",\n#                 value: 2138,\n#               },\n#               {\n#                 name: \"ClickControl\",\n#                 value: 3824,\n#               },\n#               {\n#                 name: \"Control\",\n#                 value: 1353,\n#               },\n#               {\n#                 name: \"ControlList\",\n#                 value: 4665,\n#               },\n#               {\n#                 name: \"DragControl\",\n#                 value: 2649,\n#               },\n#               {\n#                 name: \"ExpandControl\",\n#                 value: 2832,\n#               },\n#               {\n#                 name: \"HoverControl\",\n#                 value: 4896,\n#               },\n#               {\n#                 name: \"IControl\",\n#                 value: 763,\n#               },\n#               {\n#                 name: \"PanZoomControl\",\n#                 value: 5222,\n#               },\n#               {\n#                 name: \"SelectionControl\",\n#                 value: 7862,\n#               },\n#               {\n#                 name: \"TooltipControl\",\n#                 value: 8435,\n#               },\n#             ],\n#           },\n#           {\n#             name: \"data\",\n#             children: [\n#               {\n#                 name: \"Data\",\n#                 value: 20544,\n#               },\n#               {\n#                 name: \"DataList\",\n#                 value: 19788,\n#               },\n#               {\n#                 name: \"DataSprite\",\n#                 value: 10349,\n#               },\n#               {\n#                 name: \"EdgeSprite\",\n#                 value: 3301,\n#               },\n#               {\n#                 name: \"NodeSprite\",\n#                 value: 19382,\n#               },\n#               {\n#                 name: \"render\",\n#                 children: [\n#                   {\n#                     name: \"ArrowType\",\n#                     value: 698,\n#                   },\n#                   {\n#                     name: \"EdgeRenderer\",\n#                     value: 5569,\n#                   },\n#                   {\n#                     name: \"IRenderer\",\n#                     value: 353,\n#                   },\n#                   {\n#                     name: \"ShapeRenderer\",\n#                     value: 2247,\n#                   },\n#                 ],\n#               },\n#               {\n#                 name: \"ScaleBinding\",\n#                 value: 11275,\n#               },\n#               {\n#                 name: \"Tree\",\n#                 value: 7147,\n#               },\n#               {\n#                 name: \"TreeBuilder\",\n#                 value: 9930,\n#               },\n#             ],\n#           },\n#           {\n#             name: \"events\",\n#             children: [\n#               {\n#                 name: \"DataEvent\",\n#                 value: 2313,\n#               },\n#               {\n#                 name: \"SelectionEvent\",\n#                 value: 1880,\n#               },\n#               {\n#                 name: \"TooltipEvent\",\n#                 value: 1701,\n#               },\n#               {\n#                 name: \"VisualizationEvent\",\n#                 value: 1117,\n#               },\n#             ],\n#           },\n#           {\n#             name: \"legend\",\n#             children: [\n#               {\n#                 name: \"Legend\",\n#                 value: 20859,\n#               },\n#               {\n#                 name: \"LegendItem\",\n#                 value: 4614,\n#               },\n#               {\n#                 name: \"LegendRange\",\n#                 value: 10530,\n#               },\n#             ],\n#           },\n#           {\n#             name: \"operator\",\n#             children: [\n#               {\n#                 name: \"distortion\",\n#                 children: [\n#                   {\n#                     name: \"BifocalDistortion\",\n#                     value: 4461,\n#                   },\n#                   {\n#                     name: \"Distortion\",\n#                     value: 6314,\n#                   },\n#                   {\n#                     name: \"FisheyeDistortion\",\n#                     value: 3444,\n#                   },\n#                 ],\n#               },\n#               {\n#                 name: \"encoder\",\n#                 children: [\n#                   {\n#                     name: \"ColorEncoder\",\n#                     value: 3179,\n#                   },\n#                   {\n#                     name: \"Encoder\",\n#                     value: 4060,\n#                   },\n#                   {\n#                     name: \"PropertyEncoder\",\n#                     value: 4138,\n#                   },\n#                   {\n#                     name: \"ShapeEncoder\",\n#                     value: 1690,\n#                   },\n#                   {\n#                     name: \"SizeEncoder\",\n#                     value: 1830,\n#                   },\n#                 ],\n#               },\n#               {\n#                 name: \"filter\",\n#                 children: [\n#                   {\n#                     name: \"FisheyeTreeFilter\",\n#                     value: 5219,\n#                   },\n#                   {\n#                     name: \"GraphDistanceFilter\",\n#                     value: 3165,\n#                   },\n#                   {\n#                     name: \"VisibilityFilter\",\n#                     value: 3509,\n#                   },\n#                 ],\n#               },\n#               {\n#                 name: \"IOperator\",\n#                 value: 1286,\n#               },\n#               {\n#                 name: \"label\",\n#                 children: [\n#                   {\n#                     name: \"Labeler\",\n#                     value: 9956,\n#                   },\n#                   {\n#                     name: \"RadialLabeler\",\n#                     value: 3899,\n#                   },\n#                   {\n#                     name: \"StackedAreaLabeler\",\n#                     value: 3202,\n#                   },\n#                 ],\n#               },\n#               {\n#                 name: \"layout\",\n#                 children: [\n#                   {\n#                     name: \"AxisLayout\",\n#                     value: 6725,\n#                   },\n#                   {\n#                     name: \"BundledEdgeRouter\",\n#                     value: 3727,\n#                   },\n#                   {\n#                     name: \"CircleLayout\",\n#                     value: 9317,\n#                   },\n#                   {\n#                     name: \"CirclePackingLayout\",\n#                     value: 12003,\n#                   },\n#                   {\n#                     name: \"DendrogramLayout\",\n#                     value: 4853,\n#                   },\n#                   {\n#                     name: \"ForceDirectedLayout\",\n#                     value: 8411,\n#                   },\n#                   {\n#                     name: \"IcicleTreeLayout\",\n#                     value: 4864,\n#                   },\n#                   {\n#                     name: \"IndentedTreeLayout\",\n#                     value: 3174,\n#                   },\n#                   {\n#                     name: \"Layout\",\n#                     value: 7881,\n#                   },\n#                   {\n#                     name: \"NodeLinkTreeLayout\",\n#                     value: 12870,\n#                   },\n#                   {\n#                     name: \"PieLayout\",\n#                     value: 2728,\n#                   },\n#                   {\n#                     name: \"RadialTreeLayout\",\n#                     value: 12348,\n#                   },\n#                   {\n#                     name: \"RandomLayout\",\n#                     value: 870,\n#                   },\n#                   {\n#                     name: \"StackedAreaLayout\",\n#                     value: 9121,\n#                   },\n#                   {\n#                     name: \"TreeMapLayout\",\n#                     value: 9191,\n#                   },\n#                 ],\n#               },\n#               {\n#                 name: \"Operator\",\n#                 value: 2490,\n#               },\n#               {\n#                 name: \"OperatorList\",\n#                 value: 5248,\n#               },\n#               {\n#                 name: \"OperatorSequence\",\n#                 value: 4190,\n#               },\n#               {\n#                 name: \"OperatorSwitch\",\n#                 value: 2581,\n#               },\n#               {\n#                 name: \"SortOperator\",\n#                 value: 2023,\n#               },\n#             ],\n#           },\n#           {\n#             name: \"Visualization\",\n#             value: 16540,\n#           },\n#         ],\n#       },\n#     ],\n#   };\n#   brick_1.tooltipUseBrick = {\n#     useBrick: {\n#       brick: \"span\",\n#       properties: {\n#         textContent: \"<% DATA.data?.name %>\",\n#       },\n#     },\n#   };\n#   brick_1.leafUseBrick = {\n#     useBrick: [\n#       {\n#         if: \"<% DATA.x1 - DATA.x0 > 70 && DATA.y1 - DATA.y0 > 100 %>\",\n#         brick: \"div\",\n#         properties: {\n#           style: {\n#             padding: \"8px 6px\",\n#           },\n#         },\n#         slots: {\n#           \"\": {\n#             type: \"bricks\",\n#             bricks: [\n#               {\n#                 brick: \"div\",\n#                 properties: {\n#                   textContent: \"<% DATA.data.name %>\",\n#                   style: {\n#                     \"font-size\": \"20px\",\n#                     \"font-weight\": 500,\n#                     color: \"#FFFFFF\",\n#                     \"line-height\": \"28px\",\n#                     \"text-shadow\": \"0px 1px 4px #3366FF\",\n#                     overflow: \"hidden\",\n#                     \"white-space\": \"nowrap\",\n#                     \"text-overflow\": \"ellipsis\",\n#                   },\n#                 },\n#               },\n#             ],\n#           },\n#         },\n#       },\n#     ],\n#   };\n# </script>\n# \n```\n"
   },
+  "data-view.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.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.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.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"
   },
@@ -47,12 +47,15 @@
   "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-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"
+  "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-graph": {
     "doc": "data-view.cabinet-graph 部署架构拓扑\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.cabinet-graph\n  properties:\n    dataSource:\n      appName: inventory-api\n      key: inventory-api\n      clusters:\n        - clusterName: inventory-api##aaaaa\n          key: inventory-api##aaaaa\n          type: host\n          nodes:\n            - nodeTitle: 244.244.244.244\n              key: 244.244.244.244\n              type: physical-machine\n              isAlert: true\n            - nodeTitle: 244.244.244.245\n              key: 244.244.244.245\n              type: virtual-machine\n              isAlert: true\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        - clusterName: K8S集群xxx\n          key: k8s-cluster\n          type: k8s\n          nodes:\n            - nodeTitle: a容器组\n              key: aa\n              type: container-group\n              isAlert: true\n            - nodeTitle: b容器组\n              key: bb\n              type: container-group\n        - clusterName: K8S集群xx\n          key: xxxx\n          type: k8s-blue\n          nodes:\n            - nodeTitle: a容器组\n              key: aa\n              type: pod\n              isAlert: true\n            - nodeTitle: b容器组\n              key: bb\n              type: pod\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.cabinet-graph id=\"brick-1\"></data-view.cabinet-graph>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.dataSource = {\n#     appName: \"inventory-api\",\n#     key: \"inventory-api\",\n#     clusters: [\n#       {\n#         clusterName: \"inventory-api##aaaaa\",\n#         key: \"inventory-api##aaaaa\",\n#         type: \"host\",\n#         nodes: [\n#           {\n#             nodeTitle: \"244.244.244.244\",\n#             key: \"244.244.244.244\",\n#             type: \"physical-machine\",\n#             isAlert: true,\n#           },\n#           {\n#             nodeTitle: \"244.244.244.245\",\n#             key: \"244.244.244.245\",\n#             type: \"virtual-machine\",\n#             isAlert: true,\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#         clusterName: \"K8S集群xxx\",\n#         key: \"k8s-cluster\",\n#         type: \"k8s\",\n#         nodes: [\n#           {\n#             nodeTitle: \"a容器组\",\n#             key: \"aa\",\n#             type: \"container-group\",\n#             isAlert: true,\n#           },\n#           {\n#             nodeTitle: \"b容器组\",\n#             key: \"bb\",\n#             type: \"container-group\",\n#           },\n#         ],\n#       },\n#       {\n#         clusterName: \"K8S集群xx\",\n#         key: \"xxxx\",\n#         type: \"k8s-blue\",\n#         nodes: [\n#           {\n#             nodeTitle: \"a容器组\",\n#             key: \"aa\",\n#             type: \"pod\",\n#             isAlert: true,\n#           },\n#           {\n#             nodeTitle: \"b容器组\",\n#             key: \"bb\",\n#             type: \"pod\",\n#           },\n#         ],\n#       },\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"
+  },
   "data-view.app-wall": {
     "doc": "应用墙\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.app-wall\n  properties:\n    style:\n      width: 1000px\n      height: 600px\n      background-color: \"#1c1e21\"\n    relations:\n      - source: 5e63e70340f6f\n        target: 5e63e70340f76\n      - source: 5e63e70340f73\n        target: 5e63e70340f6f\n      - source: 5e63e70340f73\n        target: 5e63e70340f81\n    dataSource:\n      - key: 5e63e70340f6f\n        status: normal\n        cardItemProps:\n          status: normal\n          cardTitle: diss\n          description: 数字孪生门店\n        systemCardProps:\n          status: normal\n          cardTitle: 数字孪生门店\n          itemList:\n            - key: 实例ID\n              value: 5d570a851bef6\n            - key: 系统英文缩写\n              value: system-fms\n            - key: 实例ID\n              value: 5d570a851bef6\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        trapezoidalProps:\n          leftBtnName: 应用健康监控大屏\n          rightBtnName: 应用部署架构\n      - key: 5e63e70340f51\n        status: normal\n        cardItemProps:\n          status: normal\n          cardTitle: img\n          description: 购物系统\n        systemCardProps:\n          status: normal\n          cardTitle: 购物系统\n          itemList:\n            - key: 实例ID\n              value: 5d570a851bef6\n            - key: 系统英文缩写\n              value: system-fms\n            - key: 实例ID\n              value: 5d570a851bef6\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        trapezoidalProps:\n          leftBtnName: 应用健康监控大屏\n          rightBtnName: 应用部署架构\n      - key: 5e63e70340f35\n        status: normal\n        cardItemProps:\n          status: normal\n          cardTitle: nmp\n          description: 云店通\n        systemCardProps:\n          status: normal\n          cardTitle: 云店通\n          itemList:\n            - key: 实例ID\n              value: 5d570a851bef6\n            - key: 系统英文缩写\n              value: system-fms\n            - key: 实例ID\n              value: 5d570a851bef6\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        trapezoidalProps:\n          leftBtnName: 应用健康监控大屏\n          rightBtnName: 应用部署架构\n      - key: 5e63e70340f36\n        status: normal\n        cardItemProps:\n          status: normal\n          cardTitle: thirdPay\n          description: 支付中心\n        systemCardProps:\n          status: normal\n          cardTitle: 支付中心\n          itemList:\n            - key: 实例ID\n              value: 5d570a851bef6\n            - key: 系统英文缩写\n              value: system-fms\n            - key: 实例ID\n              value: 5d570a851bef6\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        trapezoidalProps:\n          leftBtnName: 应用健康监控大屏\n          rightBtnName: 应用部署架构\n      - key: 5e63e70340f37\n        status: normal\n        cardItemProps:\n          status: normal\n          cardTitle: crm\n          description: 零售CRM\n        systemCardProps:\n          status: normal\n          cardTitle: 零售CRM\n          itemList:\n            - key: 实例ID\n              value: 5d570a851bef6\n            - key: 系统英文缩写\n              value: system-fms\n            - key: 实例ID\n              value: 5d570a851bef6\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        trapezoidalProps:\n          leftBtnName: 应用健康监控大屏\n          rightBtnName: 应用部署架构\n      - key: 5e63e70340f38\n        status: warning\n        cardItemProps:\n          status: warning\n          cardTitle: diss\n          description: 数字孪生门店2\n        systemCardProps:\n          status: warning\n          cardTitle: 数字孪生门店2\n          itemList:\n            - key: 实例ID\n              value: 5d570a851bef6\n            - key: 系统英文缩写\n              value: system-fms\n            - key: 实例ID\n              value: 5d570a851bef6\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        trapezoidalProps:\n          leftBtnName: 应用健康监控大屏\n          rightBtnName: 应用部署架构\n      - key: 5e63e70340f39\n        status: normal\n        cardItemProps:\n          status: normal\n          cardTitle: img\n          description: 购物系统2\n        systemCardProps:\n          status: normal\n          cardTitle: 购物系统2\n          itemList:\n            - key: 实例ID\n              value: 5d570a851bef6\n            - key: 系统英文缩写\n              value: system-fms\n            - key: 实例ID\n              value: 5d570a851bef6\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        trapezoidalProps:\n          leftBtnName: 应用健康监控大屏\n          rightBtnName: 应用部署架构\n      - key: 5e63e70340f40\n        status: normal\n        cardItemProps:\n          status: normal\n          cardTitle: nmp\n          description: 云店通2\n        systemCardProps:\n          status: normal\n          cardTitle: 云店通2\n          itemList:\n            - key: 实例ID\n              value: 5d570a851bef6\n            - key: 系统英文缩写\n              value: system-fms\n            - key: 实例ID\n              value: 5d570a851bef6\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        trapezoidalProps:\n          leftBtnName: 应用健康监控大屏\n          rightBtnName: 应用部署架构\n      - key: 5e63e70340f41\n        status: normal\n        cardItemProps:\n          status: normal\n          cardTitle: nmp\n          description: 云店通21\n        systemCardProps:\n          status: normal\n          cardTitle: 云店通21\n          itemList:\n            - key: 实例ID\n              value: 5d570a851bef6\n            - key: 系统英文缩写\n              value: system-fms\n            - key: 实例ID\n              value: 5d570a851bef6\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        trapezoidalProps:\n          leftBtnName: 应用健康监控大屏\n          rightBtnName: 应用部署架构\n      - key: 5e63e70340f42\n        status: normal\n        cardItemProps:\n          status: normal\n          cardTitle: nmp\n          description: 云店通22\n        systemCardProps:\n          status: normal\n          cardTitle: 云店通22\n          itemList:\n            - key: 实例ID\n              value: 5d570a851bef6\n            - key: 系统英文缩写\n              value: system-fms\n            - key: 实例ID\n              value: 5d570a851bef6\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        trapezoidalProps:\n          leftBtnName: 应用健康监控大屏\n          rightBtnName: 应用部署架构\n      - key: 5e63e70340f43\n        status: normal\n        cardItemProps:\n          status: normal\n          cardTitle: nmp\n          description: 云店通23\n        systemCardProps:\n          status: normal\n          cardTitle: 云店通23\n          itemList:\n            - key: 实例ID\n              value: 5d570a851bef6\n            - key: 系统英文缩写\n              value: system-fms\n            - key: 实例ID\n              value: 5d570a851bef6\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        trapezoidalProps:\n          leftBtnName: 应用健康监控大屏\n          rightBtnName: 应用部署架构\n      - key: 5e63e70340f44\n        status: normal\n        cardItemProps:\n          status: normal\n          cardTitle: nmp\n          description: 云店通24\n        systemCardProps:\n          status: normal\n          cardTitle: 云店通24\n          itemList:\n            - key: 实例ID\n              value: 5d570a851bef6\n            - key: 系统英文缩写\n              value: system-fms\n            - key: 实例ID\n              value: 5d570a851bef6\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        trapezoidalProps:\n          leftBtnName: 应用健康监控大屏\n          rightBtnName: 应用部署架构\n      - key: 5e63e70340f45\n        status: normal\n        cardItemProps:\n          status: normal\n          cardTitle: pss\n          description: 店达人\n        systemCardProps:\n          status: normal\n          cardTitle: 店达人\n          itemList:\n            - key: 实例ID\n              value: 5d570a851bef6\n            - key: 系统英文缩写\n              value: system-fms\n            - key: 实例ID\n              value: 5d570a851bef6\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        trapezoidalProps:\n          leftBtnName: 应用健康监控大屏\n          rightBtnName: 应用部署架构\n      - key: 5e63e70340f46\n        status: normal\n        cardItemProps:\n          status: normal\n          cardTitle: pos\n          description: 店铺收银系统\n        systemCardProps:\n          status: normal\n          cardTitle: 店铺收银系统\n          itemList:\n            - key: 实例ID\n              value: 5d570a851bef6\n            - key: 系统英文缩写\n              value: system-fms\n            - key: 实例ID\n              value: 5d570a851bef6\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        trapezoidalProps:\n          leftBtnName: 应用健康监控大屏\n          rightBtnName: 应用部署架构\n      - key: 5e63e70340f47\n        status: normal\n        cardItemProps:\n          status: normal\n          cardTitle: mpos\n          description: 店铺货管通\n        systemCardProps:\n          status: normal\n          cardTitle: 店铺货管通\n          itemList:\n            - key: 实例ID\n              value: 5d570a851bef6\n            - key: 系统英文缩写\n              value: system-fms\n            - key: 实例ID\n              value: 5d570a851bef6\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        trapezoidalProps:\n          leftBtnName: 应用健康监控大屏\n          rightBtnName: 应用部署架构\n      - key: 5e63e70340f48\n        status: normal\n        cardItemProps:\n          status: normal\n          cardTitle: mps\n          description: 营促销\n        systemCardProps:\n          status: normal\n          cardTitle: 营促销\n          itemList:\n            - key: 实例ID\n              value: 5d570a851bef6\n            - key: 系统英文缩写\n              value: system-fms\n            - key: 实例ID\n              value: 5d570a851bef6\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        trapezoidalProps:\n          leftBtnName: 应用健康监控大屏\n          rightBtnName: 应用部署架构\n      - key: 5e63e70340f49\n        status: normal\n        cardItemProps:\n          status: normal\n          cardTitle: lmg\n          description: 丽码购系统\n        systemCardProps:\n          status: normal\n          cardTitle: 丽码购系统\n          itemList:\n            - key: 实例ID\n              value: 5d570a851bef6\n            - key: 系统英文缩写\n              value: system-fms\n            - key: 实例ID\n              value: 5d570a851bef6\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        trapezoidalProps:\n          leftBtnName: 应用健康监控大屏\n          rightBtnName: 应用部署架构\n      - key: 5e63e70340f50\n        status: normal\n        cardItemProps:\n          status: normal\n          cardTitle: diss\n          description: 数字孪生门店3\n        systemCardProps:\n          status: normal\n          cardTitle: 数字孪生门店3\n          itemList:\n            - key: 实例ID\n              value: 5d570a851bef6\n            - key: 系统英文缩写\n              value: system-fms\n            - key: 实例ID\n              value: 5d570a851bef6\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        trapezoidalProps:\n          leftBtnName: 应用健康监控大屏\n          rightBtnName: 应用部署架构\n      - key: 5e63e70350f51\n        status: normal\n        cardItemProps:\n          status: normal\n          cardTitle: img\n          description: 购物系统3\n        systemCardProps:\n          status: normal\n          cardTitle: 购物系统3\n          itemList:\n            - key: 实例ID\n              value: 5d570a851bef6\n            - key: 系统英文缩写\n              value: system-fms\n            - key: 实例ID\n              value: 5d570a851bef6\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        trapezoidalProps:\n          leftBtnName: 应用健康监控大屏\n          rightBtnName: 应用部署架构\n      - key: 5e63e70340f52\n        status: normal\n        cardItemProps:\n          status: normal\n          cardTitle: nmp\n          description: 云店通3\n        systemCardProps:\n          status: normal\n          cardTitle: 云店通3\n          itemList:\n            - key: 实例ID\n              value: 5d570a851bef6\n            - key: 系统英文缩写\n              value: system-fms\n            - key: 实例ID\n              value: 5d570a851bef6\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        trapezoidalProps:\n          leftBtnName: 应用健康监控大屏\n          rightBtnName: 应用部署架构\n      - key: 5e63e70340f53\n        status: normal\n        cardItemProps:\n          status: normal\n          cardTitle: nmp\n          description: 云店通31\n        systemCardProps:\n          status: normal\n          cardTitle: 云店通31\n          itemList:\n            - key: 实例ID\n              value: 5d570a851bef6\n            - key: 系统英文缩写\n              value: system-fms\n            - key: 实例ID\n              value: 5d570a851bef6\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        trapezoidalProps:\n          leftBtnName: 应用健康监控大屏\n          rightBtnName: 应用部署架构\n      - key: 5e63e70340f54\n        status: warning\n        cardItemProps:\n          status: warning\n          cardTitle: nmp\n          description: 云店通32\n        systemCardProps:\n          status: warning\n          cardTitle: 云店通32\n          itemList:\n            - key: 实例ID\n              value: 5d570a851bef6\n            - key: 系统英文缩写\n              value: system-fms\n            - key: 实例ID\n              value: 5d570a851bef6\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        trapezoidalProps:\n          leftBtnName: 应用健康监控大屏\n          rightBtnName: 应用部署架构\n      - key: 5e63e70340f55\n        status: normal\n        cardItemProps:\n          status: normal\n          cardTitle: nmp\n          description: 云店通33\n        systemCardProps:\n          status: normal\n          cardTitle: 云店通33\n          itemList:\n            - key: 实例ID\n              value: 5d570a851bef6\n            - key: 系统英文缩写\n              value: system-fms\n            - key: 实例ID\n              value: 5d570a851bef6\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        trapezoidalProps:\n          leftBtnName: 应用健康监控大屏\n          rightBtnName: 应用部署架构\n      - key: 5e63e70340f56\n        status: normal\n        cardItemProps:\n          status: normal\n          cardTitle: nmp\n          description: 云店通34\n        systemCardProps:\n          status: normal\n          cardTitle: 云店通34\n          itemList:\n            - key: 实例ID\n              value: 5d570a851bef6\n            - key: 系统英文缩写\n              value: system-fms\n            - key: 实例ID\n              value: 5d570a851bef6\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        trapezoidalProps:\n          leftBtnName: 应用健康监控大屏\n          rightBtnName: 应用部署架构\n      - key: 5e63e70340f57\n        status: normal\n        cardItemProps:\n          status: normal\n          cardTitle: nmp\n          description: 云店通4\n        systemCardProps:\n          status: normal\n          cardTitle: 云店通4\n          itemList:\n            - key: 实例ID\n              value: 5d570a851bef6\n            - key: 系统英文缩写\n              value: system-fms\n            - key: 实例ID\n              value: 5d570a851bef6\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        trapezoidalProps:\n          leftBtnName: 应用健康监控大屏\n          rightBtnName: 应用部署架构\n      - key: 5e63e70340f58\n        status: normal\n        cardItemProps:\n          status: normal\n          cardTitle: nmp\n          description: 云店通41\n        systemCardProps:\n          status: normal\n          cardTitle: 云店通41\n          itemList:\n            - key: 实例ID\n              value: 5d570a851bef6\n            - key: 系统英文缩写\n              value: system-fms\n            - key: 实例ID\n              value: 5d570a851bef6\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        trapezoidalProps:\n          leftBtnName: 应用健康监控大屏\n          rightBtnName: 应用部署架构\n      - key: 5e63e70340f59\n        status: warning\n        cardItemProps:\n          status: warning\n          cardTitle: nmp\n          description: 云店通42\n        systemCardProps:\n          status: warning\n          cardTitle: 云店通42\n          itemList:\n            - key: 实例ID\n              value: 5d570a851bef6\n            - key: 系统英文缩写\n              value: system-fms\n            - key: 实例ID\n              value: 5d570a851bef6\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        trapezoidalProps:\n          leftBtnName: 应用健康监控大屏\n          rightBtnName: 应用部署架构\n      - key: 5e63e70340f60\n        status: normal\n        cardItemProps:\n          status: normal\n          cardTitle: nmp\n          description: 云店通43\n        systemCardProps:\n          status: normal\n          cardTitle: 云店通43\n          itemList:\n            - key: 实例ID\n              value: 5d570a851bef6\n            - key: 系统英文缩写\n              value: system-fms\n            - key: 实例ID\n              value: 5d570a851bef6\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        trapezoidalProps:\n          leftBtnName: 应用健康监控大屏\n          rightBtnName: 应用部署架构\n      - key: 5e63e70340f61\n        status: normal\n        cardItemProps:\n          status: normal\n          cardTitle: nmp\n          description: 云店通44\n        systemCardProps:\n          status: normal\n          cardTitle: 云店通44\n          itemList:\n            - key: 实例ID\n              value: 5d570a851bef6\n            - key: 系统英文缩写\n              value: system-fms\n            - key: 实例ID\n              value: 5d570a851bef6\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        trapezoidalProps:\n          leftBtnName: 应用健康监控大屏\n          rightBtnName: 应用部署架构\n      - key: 5e63e70340f62\n        status: normal\n        cardItemProps:\n          status: normal\n          cardTitle: nmp\n          description: 云店通45\n        systemCardProps:\n          status: normal\n          cardTitle: 云店通45\n          itemList:\n            - key: 实例ID\n              value: 5d570a851bef6\n            - key: 系统英文缩写\n              value: system-fms\n            - key: 实例ID\n              value: 5d570a851bef6\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        trapezoidalProps:\n          leftBtnName: 应用健康监控大屏\n          rightBtnName: 应用部署架构\n      - key: 5e63e70340f63\n        status: normal\n        cardItemProps:\n          status: normal\n          cardTitle: nmp\n          description: 云店通46\n        systemCardProps:\n          status: normal\n          cardTitle: 云店通46\n          itemList:\n            - key: 实例ID\n              value: 5d570a851bef6\n            - key: 系统英文缩写\n              value: system-fms\n            - key: 实例ID\n              value: 5d570a851bef6\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        trapezoidalProps:\n          leftBtnName: 应用健康监控大屏\n          rightBtnName: 应用部署架构\n      - key: 5e63e70340f64\n        status: warning\n        cardItemProps:\n          status: warning\n          cardTitle: nmp\n          description: 云店通47\n        systemCardProps:\n          status: warning\n          cardTitle: 云店通47\n          itemList:\n            - key: 实例ID\n              value: 5d570a851bef6\n            - key: 系统英文缩写\n              value: system-fms\n            - key: 实例ID\n              value: 5d570a851bef6\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        trapezoidalProps:\n          leftBtnName: 应用健康监控大屏\n          rightBtnName: 应用部署架构\n      - key: 5e63e70340f65\n        status: normal\n        cardItemProps:\n          status: normal\n          cardTitle: nmp\n          description: 云店通48\n        systemCardProps:\n          status: normal\n          cardTitle: 云店通48\n          itemList:\n            - key: 实例ID\n              value: 5d570a851bef6\n            - key: 系统英文缩写\n              value: system-fms\n            - key: 实例ID\n              value: 5d570a851bef6\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        trapezoidalProps:\n          leftBtnName: 应用健康监控大屏\n          rightBtnName: 应用部署架构\n      - key: 5e63e70340f66\n        status: normal\n        cardItemProps:\n          status: normal\n          cardTitle: nmp\n          description: 云店通49\n        systemCardProps:\n          status: normal\n          cardTitle: 云店通49\n          itemList:\n            - key: 实例ID\n              value: 5d570a851bef6\n            - key: 系统英文缩写\n              value: system-fms\n            - key: 实例ID\n              value: 5d570a851bef6\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        trapezoidalProps:\n          leftBtnName: 应用健康监控大屏\n          rightBtnName: 应用部署架构\n      - key: 5e63e70340f67\n        status: normal\n        cardItemProps:\n          status: normal\n          cardTitle: thirdPay\n          description: 支付中心5\n        systemCardProps:\n          status: normal\n          cardTitle: 支付中心5\n          itemList:\n            - key: 实例ID\n              value: 5d570a851bef6\n            - key: 系统英文缩写\n              value: system-fms\n            - key: 实例ID\n              value: 5d570a851bef6\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        trapezoidalProps:\n          leftBtnName: 应用健康监控大屏\n          rightBtnName: 应用部署架构\n      - key: 5e63e70340f68\n        status: normal\n        cardItemProps:\n          status: normal\n          cardTitle: crm\n          description: 零售CRM51\n        systemCardProps:\n          status: normal\n          cardTitle: 零售CRM51\n          itemList:\n            - key: 实例ID\n              value: 5d570a851bef6\n            - key: 系统英文缩写\n              value: system-fms\n            - key: 实例ID\n              value: 5d570a851bef6\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        trapezoidalProps:\n          leftBtnName: 应用健康监控大屏\n          rightBtnName: 应用部署架构\n      - key: 5e63e70340f69\n        status: warning\n        cardItemProps:\n          status: warning\n          cardTitle: diss\n          description: 数字孪生门店53\n        systemCardProps:\n          status: warning\n          cardTitle: 数字孪生门店53\n          itemList:\n            - key: 实例ID\n              value: 5d570a851bef6\n            - key: 系统英文缩写\n              value: system-fms\n            - key: 实例ID\n              value: 5d570a851bef6\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        trapezoidalProps:\n          leftBtnName: 应用健康监控大屏\n          rightBtnName: 应用部署架构\n      - key: 5e63e70340f70\n        status: normal\n        cardItemProps:\n          status: normal\n          cardTitle: img\n          description: 购物系统54\n        systemCardProps:\n          status: normal\n          cardTitle: 购物系统54\n          itemList:\n            - key: 实例ID\n              value: 5d570a851bef6\n            - key: 系统英文缩写\n              value: system-fms\n            - key: 实例ID\n              value: 5d570a851bef6\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        trapezoidalProps:\n          leftBtnName: 应用健康监控大屏\n          rightBtnName: 应用部署架构\n      - key: 5e63e70340f71\n        status: normal\n        cardItemProps:\n          status: normal\n          cardTitle: nmp\n          description: 云店通55\n        systemCardProps:\n          status: normal\n          cardTitle: 云店通55\n          itemList:\n            - key: 实例ID\n              value: 5d570a851bef6\n            - key: 系统英文缩写\n              value: system-fms\n            - key: 实例ID\n              value: 5d570a851bef6\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        trapezoidalProps:\n          leftBtnName: 应用健康监控大屏\n          rightBtnName: 应用部署架构\n      - key: 5e63e70340f72\n        status: normal\n        cardItemProps:\n          status: normal\n          cardTitle: thirdPay\n          description: 支付中心56\n        systemCardProps:\n          status: normal\n          cardTitle: 支付中心56\n          itemList:\n            - key: 实例ID\n              value: 5d570a851bef6\n            - key: 系统英文缩写\n              value: system-fms\n            - key: 实例ID\n              value: 5d570a851bef6\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        trapezoidalProps:\n          leftBtnName: 应用健康监控大屏\n          rightBtnName: 应用部署架构\n      - key: 5e63e70340f73\n        status: normal\n        cardItemProps:\n          status: normal\n          cardTitle: crm\n          description: 零售CRM57\n        systemCardProps:\n          status: normal\n          cardTitle: 零售CRM57\n          itemList:\n            - key: 实例ID\n              value: 5d570a851bef6\n            - key: 系统英文缩写\n              value: system-fms\n            - key: 实例ID\n              value: 5d570a851bef6\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        trapezoidalProps:\n          leftBtnName: 应用健康监控大屏\n          rightBtnName: 应用部署架构\n      - key: 5e63e70340f74\n        status: normal\n        cardItemProps:\n          status: normal\n          cardTitle: diss\n          description: 数字孪生门店58\n        systemCardProps:\n          status: normal\n          cardTitle: 数字孪生门店58\n          itemList:\n            - key: 实例ID\n              value: 5d570a851bef6\n            - key: 系统英文缩写\n              value: system-fms\n            - key: 实例ID\n              value: 5d570a851bef6\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        trapezoidalProps:\n          leftBtnName: 应用健康监控大屏\n          rightBtnName: 应用部署架构\n      - key: 5e63e70340f75\n        status: normal\n        cardItemProps:\n          status: normal\n          cardTitle: img\n          description: 购物系统59\n        systemCardProps:\n          status: normal\n          cardTitle: 购物系统59\n          itemList:\n            - key: 实例ID\n              value: 5d570a851bef6\n            - key: 系统英文缩写\n              value: system-fms\n            - key: 实例ID\n              value: 5d570a851bef6\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        trapezoidalProps:\n          leftBtnName: 应用健康监控大屏\n          rightBtnName: 应用部署架构\n      - key: 5e63e70340f76\n        status: normal\n        cardItemProps:\n          status: normal\n          cardTitle: nmp\n          description: 云店通6\n        systemCardProps:\n          status: normal\n          cardTitle: 云店通6\n          itemList:\n            - key: 实例ID\n              value: 5d570a851bef6\n            - key: 系统英文缩写\n              value: system-fms\n            - key: 实例ID\n              value: 5d570a851bef6\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        trapezoidalProps:\n          leftBtnName: 应用健康监控大屏\n          rightBtnName: 应用部署架构\n      - key: 5e63e70340f77\n        status: normal\n        cardItemProps:\n          status: normal\n          cardTitle: thirdPay\n          description: 支付中心61\n        systemCardProps:\n          status: normal\n          cardTitle: 支付中心61\n          itemList:\n            - key: 实例ID\n              value: 5d570a851bef6\n            - key: 系统英文缩写\n              value: system-fms\n            - key: 实例ID\n              value: 5d570a851bef6\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        trapezoidalProps:\n          leftBtnName: 应用健康监控大屏\n          rightBtnName: 应用部署架构\n      - key: 5e63e70340f78\n        status: normal\n        cardItemProps:\n          status: normal\n          cardTitle: crm\n          description: 零售CRM62\n        systemCardProps:\n          status: normal\n          cardTitle: 零售CRM62\n          itemList:\n            - key: 实例ID\n              value: 5d570a851bef6\n            - key: 系统英文缩写\n              value: system-fms\n            - key: 实例ID\n              value: 5d570a851bef6\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        trapezoidalProps:\n          leftBtnName: 应用健康监控大屏\n          rightBtnName: 应用部署架构\n      - key: 5e63e70340f79\n        status: warning\n        cardItemProps:\n          status: warning\n          cardTitle: diss\n          description: 数字孪生门店63\n        systemCardProps:\n          status: warning\n          cardTitle: 数字孪生门店63\n          itemList:\n            - key: 实例ID\n              value: 5d570a851bef6\n            - key: 系统英文缩写\n              value: system-fms\n            - key: 实例ID\n              value: 5d570a851bef6\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        trapezoidalProps:\n          leftBtnName: 应用健康监控大屏\n          rightBtnName: 应用部署架构\n      - key: 5e63e70340f80\n        status: normal\n        cardItemProps:\n          status: normal\n          cardTitle: img\n          description: 购物系统64\n        systemCardProps:\n          status: normal\n          cardTitle: 购物系统64\n          itemList:\n            - key: 实例ID\n              value: 5d570a851bef6\n            - key: 系统英文缩写\n              value: system-fms\n            - key: 实例ID\n              value: 5d570a851bef6\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        trapezoidalProps:\n          leftBtnName: 应用健康监控大屏\n          rightBtnName: 应用部署架构\n      - key: 5e63e70340f81\n        status: normal\n        cardItemProps:\n          status: normal\n          cardTitle: thirdPay\n          description: 支付中心65\n        systemCardProps:\n          status: normal\n          cardTitle: 支付中心65\n          itemList:\n            - key: 实例ID\n              value: 5d570a851bef6\n            - key: 系统英文缩写\n              value: system-fms\n            - key: 实例ID\n              value: 5d570a851bef6\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        trapezoidalProps:\n          leftBtnName: 应用健康监控大屏\n          rightBtnName: 应用部署架构\n      - key: 5e63e70340f82\n        status: normal\n        cardItemProps:\n          status: normal\n          cardTitle: crm\n          description: 零售CRM66\n        systemCardProps:\n          status: normal\n          cardTitle: 零售CRM66\n          itemList:\n            - key: 实例ID\n              value: 5d570a851bef6\n            - key: 系统英文缩写\n              value: system-fms\n            - key: 实例ID\n              value: 5d570a851bef6\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        trapezoidalProps:\n          leftBtnName: 应用健康监控大屏\n          rightBtnName: 应用部署架构\n      - key: 5e63e70340f83\n        status: warning\n        cardItemProps:\n          status: warning\n          cardTitle: diss\n          description: 数字孪生门店67\n        systemCardProps:\n          status: warning\n          cardTitle: 数字孪生门店67\n          itemList:\n            - key: 实例ID\n              value: 5d570a851bef6\n            - key: 系统英文缩写\n              value: system-fms\n            - key: 实例ID\n              value: 5d570a851bef6\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        trapezoidalProps:\n          leftBtnName: 应用健康监控大屏\n          rightBtnName: 应用部署架构\n      - key: 5e63e70340f84\n        status: normal\n        cardItemProps:\n          status: normal\n          cardTitle: img\n          description: 购物系统68\n        systemCardProps:\n          status: normal\n          cardTitle: 购物系统68\n          itemList:\n            - key: 实例ID\n              value: 5d570a851bef6\n            - key: 系统英文缩写\n              value: system-fms\n            - key: 实例ID\n              value: 5d570a851bef6\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        trapezoidalProps:\n          leftBtnName: 应用健康监控大屏\n          rightBtnName: 应用部署架构\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.app-wall\n#   style=\"width: 1000px; height: 600px; background-color: #1c1e21\"\n#   id=\"brick-1\"\n# ></data-view.app-wall>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.relations = [\n#     {\n#       source: \"5e63e70340f6f\",\n#       target: \"5e63e70340f76\",\n#     },\n#     {\n#       source: \"5e63e70340f73\",\n#       target: \"5e63e70340f6f\",\n#     },\n#     {\n#       source: \"5e63e70340f73\",\n#       target: \"5e63e70340f81\",\n#     },\n#   ];\n#   brick_1.dataSource = [\n#     {\n#       key: \"5e63e70340f6f\",\n#       status: \"normal\",\n#       cardItemProps: {\n#         status: \"normal\",\n#         cardTitle: \"diss\",\n#         description: \"数字孪生门店\",\n#       },\n#       systemCardProps: {\n#         status: \"normal\",\n#         cardTitle: \"数字孪生门店\",\n#         itemList: [\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\n#           },\n#           {\n#             key: \"系统英文缩写\",\n#             value: \"system-fms\",\n#           },\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\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#         buttonName: \"应用墙大屏\",\n#       },\n#       trapezoidalProps: {\n#         leftBtnName: \"应用健康监控大屏\",\n#         rightBtnName: \"应用部署架构\",\n#       },\n#     },\n#     {\n#       key: \"5e63e70340f51\",\n#       status: \"normal\",\n#       cardItemProps: {\n#         status: \"normal\",\n#         cardTitle: \"img\",\n#         description: \"购物系统\",\n#       },\n#       systemCardProps: {\n#         status: \"normal\",\n#         cardTitle: \"购物系统\",\n#         itemList: [\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\n#           },\n#           {\n#             key: \"系统英文缩写\",\n#             value: \"system-fms\",\n#           },\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\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#         buttonName: \"应用墙大屏\",\n#       },\n#       trapezoidalProps: {\n#         leftBtnName: \"应用健康监控大屏\",\n#         rightBtnName: \"应用部署架构\",\n#       },\n#     },\n#     {\n#       key: \"5e63e70340f35\",\n#       status: \"normal\",\n#       cardItemProps: {\n#         status: \"normal\",\n#         cardTitle: \"nmp\",\n#         description: \"云店通\",\n#       },\n#       systemCardProps: {\n#         status: \"normal\",\n#         cardTitle: \"云店通\",\n#         itemList: [\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\n#           },\n#           {\n#             key: \"系统英文缩写\",\n#             value: \"system-fms\",\n#           },\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\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#         buttonName: \"应用墙大屏\",\n#       },\n#       trapezoidalProps: {\n#         leftBtnName: \"应用健康监控大屏\",\n#         rightBtnName: \"应用部署架构\",\n#       },\n#     },\n#     {\n#       key: \"5e63e70340f36\",\n#       status: \"normal\",\n#       cardItemProps: {\n#         status: \"normal\",\n#         cardTitle: \"thirdPay\",\n#         description: \"支付中心\",\n#       },\n#       systemCardProps: {\n#         status: \"normal\",\n#         cardTitle: \"支付中心\",\n#         itemList: [\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\n#           },\n#           {\n#             key: \"系统英文缩写\",\n#             value: \"system-fms\",\n#           },\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\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#         buttonName: \"应用墙大屏\",\n#       },\n#       trapezoidalProps: {\n#         leftBtnName: \"应用健康监控大屏\",\n#         rightBtnName: \"应用部署架构\",\n#       },\n#     },\n#     {\n#       key: \"5e63e70340f37\",\n#       status: \"normal\",\n#       cardItemProps: {\n#         status: \"normal\",\n#         cardTitle: \"crm\",\n#         description: \"零售CRM\",\n#       },\n#       systemCardProps: {\n#         status: \"normal\",\n#         cardTitle: \"零售CRM\",\n#         itemList: [\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\n#           },\n#           {\n#             key: \"系统英文缩写\",\n#             value: \"system-fms\",\n#           },\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\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#         buttonName: \"应用墙大屏\",\n#       },\n#       trapezoidalProps: {\n#         leftBtnName: \"应用健康监控大屏\",\n#         rightBtnName: \"应用部署架构\",\n#       },\n#     },\n#     {\n#       key: \"5e63e70340f38\",\n#       status: \"warning\",\n#       cardItemProps: {\n#         status: \"warning\",\n#         cardTitle: \"diss\",\n#         description: \"数字孪生门店2\",\n#       },\n#       systemCardProps: {\n#         status: \"warning\",\n#         cardTitle: \"数字孪生门店2\",\n#         itemList: [\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\n#           },\n#           {\n#             key: \"系统英文缩写\",\n#             value: \"system-fms\",\n#           },\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\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#         buttonName: \"应用墙大屏\",\n#       },\n#       trapezoidalProps: {\n#         leftBtnName: \"应用健康监控大屏\",\n#         rightBtnName: \"应用部署架构\",\n#       },\n#     },\n#     {\n#       key: \"5e63e70340f39\",\n#       status: \"normal\",\n#       cardItemProps: {\n#         status: \"normal\",\n#         cardTitle: \"img\",\n#         description: \"购物系统2\",\n#       },\n#       systemCardProps: {\n#         status: \"normal\",\n#         cardTitle: \"购物系统2\",\n#         itemList: [\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\n#           },\n#           {\n#             key: \"系统英文缩写\",\n#             value: \"system-fms\",\n#           },\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\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#         buttonName: \"应用墙大屏\",\n#       },\n#       trapezoidalProps: {\n#         leftBtnName: \"应用健康监控大屏\",\n#         rightBtnName: \"应用部署架构\",\n#       },\n#     },\n#     {\n#       key: \"5e63e70340f40\",\n#       status: \"normal\",\n#       cardItemProps: {\n#         status: \"normal\",\n#         cardTitle: \"nmp\",\n#         description: \"云店通2\",\n#       },\n#       systemCardProps: {\n#         status: \"normal\",\n#         cardTitle: \"云店通2\",\n#         itemList: [\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\n#           },\n#           {\n#             key: \"系统英文缩写\",\n#             value: \"system-fms\",\n#           },\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\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#         buttonName: \"应用墙大屏\",\n#       },\n#       trapezoidalProps: {\n#         leftBtnName: \"应用健康监控大屏\",\n#         rightBtnName: \"应用部署架构\",\n#       },\n#     },\n#     {\n#       key: \"5e63e70340f41\",\n#       status: \"normal\",\n#       cardItemProps: {\n#         status: \"normal\",\n#         cardTitle: \"nmp\",\n#         description: \"云店通21\",\n#       },\n#       systemCardProps: {\n#         status: \"normal\",\n#         cardTitle: \"云店通21\",\n#         itemList: [\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\n#           },\n#           {\n#             key: \"系统英文缩写\",\n#             value: \"system-fms\",\n#           },\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\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#         buttonName: \"应用墙大屏\",\n#       },\n#       trapezoidalProps: {\n#         leftBtnName: \"应用健康监控大屏\",\n#         rightBtnName: \"应用部署架构\",\n#       },\n#     },\n#     {\n#       key: \"5e63e70340f42\",\n#       status: \"normal\",\n#       cardItemProps: {\n#         status: \"normal\",\n#         cardTitle: \"nmp\",\n#         description: \"云店通22\",\n#       },\n#       systemCardProps: {\n#         status: \"normal\",\n#         cardTitle: \"云店通22\",\n#         itemList: [\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\n#           },\n#           {\n#             key: \"系统英文缩写\",\n#             value: \"system-fms\",\n#           },\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\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#         buttonName: \"应用墙大屏\",\n#       },\n#       trapezoidalProps: {\n#         leftBtnName: \"应用健康监控大屏\",\n#         rightBtnName: \"应用部署架构\",\n#       },\n#     },\n#     {\n#       key: \"5e63e70340f43\",\n#       status: \"normal\",\n#       cardItemProps: {\n#         status: \"normal\",\n#         cardTitle: \"nmp\",\n#         description: \"云店通23\",\n#       },\n#       systemCardProps: {\n#         status: \"normal\",\n#         cardTitle: \"云店通23\",\n#         itemList: [\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\n#           },\n#           {\n#             key: \"系统英文缩写\",\n#             value: \"system-fms\",\n#           },\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\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#         buttonName: \"应用墙大屏\",\n#       },\n#       trapezoidalProps: {\n#         leftBtnName: \"应用健康监控大屏\",\n#         rightBtnName: \"应用部署架构\",\n#       },\n#     },\n#     {\n#       key: \"5e63e70340f44\",\n#       status: \"normal\",\n#       cardItemProps: {\n#         status: \"normal\",\n#         cardTitle: \"nmp\",\n#         description: \"云店通24\",\n#       },\n#       systemCardProps: {\n#         status: \"normal\",\n#         cardTitle: \"云店通24\",\n#         itemList: [\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\n#           },\n#           {\n#             key: \"系统英文缩写\",\n#             value: \"system-fms\",\n#           },\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\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#         buttonName: \"应用墙大屏\",\n#       },\n#       trapezoidalProps: {\n#         leftBtnName: \"应用健康监控大屏\",\n#         rightBtnName: \"应用部署架构\",\n#       },\n#     },\n#     {\n#       key: \"5e63e70340f45\",\n#       status: \"normal\",\n#       cardItemProps: {\n#         status: \"normal\",\n#         cardTitle: \"pss\",\n#         description: \"店达人\",\n#       },\n#       systemCardProps: {\n#         status: \"normal\",\n#         cardTitle: \"店达人\",\n#         itemList: [\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\n#           },\n#           {\n#             key: \"系统英文缩写\",\n#             value: \"system-fms\",\n#           },\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\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#         buttonName: \"应用墙大屏\",\n#       },\n#       trapezoidalProps: {\n#         leftBtnName: \"应用健康监控大屏\",\n#         rightBtnName: \"应用部署架构\",\n#       },\n#     },\n#     {\n#       key: \"5e63e70340f46\",\n#       status: \"normal\",\n#       cardItemProps: {\n#         status: \"normal\",\n#         cardTitle: \"pos\",\n#         description: \"店铺收银系统\",\n#       },\n#       systemCardProps: {\n#         status: \"normal\",\n#         cardTitle: \"店铺收银系统\",\n#         itemList: [\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\n#           },\n#           {\n#             key: \"系统英文缩写\",\n#             value: \"system-fms\",\n#           },\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\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#         buttonName: \"应用墙大屏\",\n#       },\n#       trapezoidalProps: {\n#         leftBtnName: \"应用健康监控大屏\",\n#         rightBtnName: \"应用部署架构\",\n#       },\n#     },\n#     {\n#       key: \"5e63e70340f47\",\n#       status: \"normal\",\n#       cardItemProps: {\n#         status: \"normal\",\n#         cardTitle: \"mpos\",\n#         description: \"店铺货管通\",\n#       },\n#       systemCardProps: {\n#         status: \"normal\",\n#         cardTitle: \"店铺货管通\",\n#         itemList: [\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\n#           },\n#           {\n#             key: \"系统英文缩写\",\n#             value: \"system-fms\",\n#           },\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\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#         buttonName: \"应用墙大屏\",\n#       },\n#       trapezoidalProps: {\n#         leftBtnName: \"应用健康监控大屏\",\n#         rightBtnName: \"应用部署架构\",\n#       },\n#     },\n#     {\n#       key: \"5e63e70340f48\",\n#       status: \"normal\",\n#       cardItemProps: {\n#         status: \"normal\",\n#         cardTitle: \"mps\",\n#         description: \"营促销\",\n#       },\n#       systemCardProps: {\n#         status: \"normal\",\n#         cardTitle: \"营促销\",\n#         itemList: [\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\n#           },\n#           {\n#             key: \"系统英文缩写\",\n#             value: \"system-fms\",\n#           },\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\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#         buttonName: \"应用墙大屏\",\n#       },\n#       trapezoidalProps: {\n#         leftBtnName: \"应用健康监控大屏\",\n#         rightBtnName: \"应用部署架构\",\n#       },\n#     },\n#     {\n#       key: \"5e63e70340f49\",\n#       status: \"normal\",\n#       cardItemProps: {\n#         status: \"normal\",\n#         cardTitle: \"lmg\",\n#         description: \"丽码购系统\",\n#       },\n#       systemCardProps: {\n#         status: \"normal\",\n#         cardTitle: \"丽码购系统\",\n#         itemList: [\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\n#           },\n#           {\n#             key: \"系统英文缩写\",\n#             value: \"system-fms\",\n#           },\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\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#         buttonName: \"应用墙大屏\",\n#       },\n#       trapezoidalProps: {\n#         leftBtnName: \"应用健康监控大屏\",\n#         rightBtnName: \"应用部署架构\",\n#       },\n#     },\n#     {\n#       key: \"5e63e70340f50\",\n#       status: \"normal\",\n#       cardItemProps: {\n#         status: \"normal\",\n#         cardTitle: \"diss\",\n#         description: \"数字孪生门店3\",\n#       },\n#       systemCardProps: {\n#         status: \"normal\",\n#         cardTitle: \"数字孪生门店3\",\n#         itemList: [\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\n#           },\n#           {\n#             key: \"系统英文缩写\",\n#             value: \"system-fms\",\n#           },\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\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#         buttonName: \"应用墙大屏\",\n#       },\n#       trapezoidalProps: {\n#         leftBtnName: \"应用健康监控大屏\",\n#         rightBtnName: \"应用部署架构\",\n#       },\n#     },\n#     {\n#       key: \"5e63e70350f51\",\n#       status: \"normal\",\n#       cardItemProps: {\n#         status: \"normal\",\n#         cardTitle: \"img\",\n#         description: \"购物系统3\",\n#       },\n#       systemCardProps: {\n#         status: \"normal\",\n#         cardTitle: \"购物系统3\",\n#         itemList: [\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\n#           },\n#           {\n#             key: \"系统英文缩写\",\n#             value: \"system-fms\",\n#           },\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\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#         buttonName: \"应用墙大屏\",\n#       },\n#       trapezoidalProps: {\n#         leftBtnName: \"应用健康监控大屏\",\n#         rightBtnName: \"应用部署架构\",\n#       },\n#     },\n#     {\n#       key: \"5e63e70340f52\",\n#       status: \"normal\",\n#       cardItemProps: {\n#         status: \"normal\",\n#         cardTitle: \"nmp\",\n#         description: \"云店通3\",\n#       },\n#       systemCardProps: {\n#         status: \"normal\",\n#         cardTitle: \"云店通3\",\n#         itemList: [\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\n#           },\n#           {\n#             key: \"系统英文缩写\",\n#             value: \"system-fms\",\n#           },\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\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#         buttonName: \"应用墙大屏\",\n#       },\n#       trapezoidalProps: {\n#         leftBtnName: \"应用健康监控大屏\",\n#         rightBtnName: \"应用部署架构\",\n#       },\n#     },\n#     {\n#       key: \"5e63e70340f53\",\n#       status: \"normal\",\n#       cardItemProps: {\n#         status: \"normal\",\n#         cardTitle: \"nmp\",\n#         description: \"云店通31\",\n#       },\n#       systemCardProps: {\n#         status: \"normal\",\n#         cardTitle: \"云店通31\",\n#         itemList: [\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\n#           },\n#           {\n#             key: \"系统英文缩写\",\n#             value: \"system-fms\",\n#           },\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\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#         buttonName: \"应用墙大屏\",\n#       },\n#       trapezoidalProps: {\n#         leftBtnName: \"应用健康监控大屏\",\n#         rightBtnName: \"应用部署架构\",\n#       },\n#     },\n#     {\n#       key: \"5e63e70340f54\",\n#       status: \"warning\",\n#       cardItemProps: {\n#         status: \"warning\",\n#         cardTitle: \"nmp\",\n#         description: \"云店通32\",\n#       },\n#       systemCardProps: {\n#         status: \"warning\",\n#         cardTitle: \"云店通32\",\n#         itemList: [\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\n#           },\n#           {\n#             key: \"系统英文缩写\",\n#             value: \"system-fms\",\n#           },\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\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#         buttonName: \"应用墙大屏\",\n#       },\n#       trapezoidalProps: {\n#         leftBtnName: \"应用健康监控大屏\",\n#         rightBtnName: \"应用部署架构\",\n#       },\n#     },\n#     {\n#       key: \"5e63e70340f55\",\n#       status: \"normal\",\n#       cardItemProps: {\n#         status: \"normal\",\n#         cardTitle: \"nmp\",\n#         description: \"云店通33\",\n#       },\n#       systemCardProps: {\n#         status: \"normal\",\n#         cardTitle: \"云店通33\",\n#         itemList: [\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\n#           },\n#           {\n#             key: \"系统英文缩写\",\n#             value: \"system-fms\",\n#           },\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\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#         buttonName: \"应用墙大屏\",\n#       },\n#       trapezoidalProps: {\n#         leftBtnName: \"应用健康监控大屏\",\n#         rightBtnName: \"应用部署架构\",\n#       },\n#     },\n#     {\n#       key: \"5e63e70340f56\",\n#       status: \"normal\",\n#       cardItemProps: {\n#         status: \"normal\",\n#         cardTitle: \"nmp\",\n#         description: \"云店通34\",\n#       },\n#       systemCardProps: {\n#         status: \"normal\",\n#         cardTitle: \"云店通34\",\n#         itemList: [\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\n#           },\n#           {\n#             key: \"系统英文缩写\",\n#             value: \"system-fms\",\n#           },\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\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#         buttonName: \"应用墙大屏\",\n#       },\n#       trapezoidalProps: {\n#         leftBtnName: \"应用健康监控大屏\",\n#         rightBtnName: \"应用部署架构\",\n#       },\n#     },\n#     {\n#       key: \"5e63e70340f57\",\n#       status: \"normal\",\n#       cardItemProps: {\n#         status: \"normal\",\n#         cardTitle: \"nmp\",\n#         description: \"云店通4\",\n#       },\n#       systemCardProps: {\n#         status: \"normal\",\n#         cardTitle: \"云店通4\",\n#         itemList: [\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\n#           },\n#           {\n#             key: \"系统英文缩写\",\n#             value: \"system-fms\",\n#           },\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\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#         buttonName: \"应用墙大屏\",\n#       },\n#       trapezoidalProps: {\n#         leftBtnName: \"应用健康监控大屏\",\n#         rightBtnName: \"应用部署架构\",\n#       },\n#     },\n#     {\n#       key: \"5e63e70340f58\",\n#       status: \"normal\",\n#       cardItemProps: {\n#         status: \"normal\",\n#         cardTitle: \"nmp\",\n#         description: \"云店通41\",\n#       },\n#       systemCardProps: {\n#         status: \"normal\",\n#         cardTitle: \"云店通41\",\n#         itemList: [\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\n#           },\n#           {\n#             key: \"系统英文缩写\",\n#             value: \"system-fms\",\n#           },\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\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#         buttonName: \"应用墙大屏\",\n#       },\n#       trapezoidalProps: {\n#         leftBtnName: \"应用健康监控大屏\",\n#         rightBtnName: \"应用部署架构\",\n#       },\n#     },\n#     {\n#       key: \"5e63e70340f59\",\n#       status: \"warning\",\n#       cardItemProps: {\n#         status: \"warning\",\n#         cardTitle: \"nmp\",\n#         description: \"云店通42\",\n#       },\n#       systemCardProps: {\n#         status: \"warning\",\n#         cardTitle: \"云店通42\",\n#         itemList: [\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\n#           },\n#           {\n#             key: \"系统英文缩写\",\n#             value: \"system-fms\",\n#           },\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\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#         buttonName: \"应用墙大屏\",\n#       },\n#       trapezoidalProps: {\n#         leftBtnName: \"应用健康监控大屏\",\n#         rightBtnName: \"应用部署架构\",\n#       },\n#     },\n#     {\n#       key: \"5e63e70340f60\",\n#       status: \"normal\",\n#       cardItemProps: {\n#         status: \"normal\",\n#         cardTitle: \"nmp\",\n#         description: \"云店通43\",\n#       },\n#       systemCardProps: {\n#         status: \"normal\",\n#         cardTitle: \"云店通43\",\n#         itemList: [\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\n#           },\n#           {\n#             key: \"系统英文缩写\",\n#             value: \"system-fms\",\n#           },\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\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#         buttonName: \"应用墙大屏\",\n#       },\n#       trapezoidalProps: {\n#         leftBtnName: \"应用健康监控大屏\",\n#         rightBtnName: \"应用部署架构\",\n#       },\n#     },\n#     {\n#       key: \"5e63e70340f61\",\n#       status: \"normal\",\n#       cardItemProps: {\n#         status: \"normal\",\n#         cardTitle: \"nmp\",\n#         description: \"云店通44\",\n#       },\n#       systemCardProps: {\n#         status: \"normal\",\n#         cardTitle: \"云店通44\",\n#         itemList: [\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\n#           },\n#           {\n#             key: \"系统英文缩写\",\n#             value: \"system-fms\",\n#           },\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\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#         buttonName: \"应用墙大屏\",\n#       },\n#       trapezoidalProps: {\n#         leftBtnName: \"应用健康监控大屏\",\n#         rightBtnName: \"应用部署架构\",\n#       },\n#     },\n#     {\n#       key: \"5e63e70340f62\",\n#       status: \"normal\",\n#       cardItemProps: {\n#         status: \"normal\",\n#         cardTitle: \"nmp\",\n#         description: \"云店通45\",\n#       },\n#       systemCardProps: {\n#         status: \"normal\",\n#         cardTitle: \"云店通45\",\n#         itemList: [\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\n#           },\n#           {\n#             key: \"系统英文缩写\",\n#             value: \"system-fms\",\n#           },\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\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#         buttonName: \"应用墙大屏\",\n#       },\n#       trapezoidalProps: {\n#         leftBtnName: \"应用健康监控大屏\",\n#         rightBtnName: \"应用部署架构\",\n#       },\n#     },\n#     {\n#       key: \"5e63e70340f63\",\n#       status: \"normal\",\n#       cardItemProps: {\n#         status: \"normal\",\n#         cardTitle: \"nmp\",\n#         description: \"云店通46\",\n#       },\n#       systemCardProps: {\n#         status: \"normal\",\n#         cardTitle: \"云店通46\",\n#         itemList: [\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\n#           },\n#           {\n#             key: \"系统英文缩写\",\n#             value: \"system-fms\",\n#           },\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\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#         buttonName: \"应用墙大屏\",\n#       },\n#       trapezoidalProps: {\n#         leftBtnName: \"应用健康监控大屏\",\n#         rightBtnName: \"应用部署架构\",\n#       },\n#     },\n#     {\n#       key: \"5e63e70340f64\",\n#       status: \"warning\",\n#       cardItemProps: {\n#         status: \"warning\",\n#         cardTitle: \"nmp\",\n#         description: \"云店通47\",\n#       },\n#       systemCardProps: {\n#         status: \"warning\",\n#         cardTitle: \"云店通47\",\n#         itemList: [\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\n#           },\n#           {\n#             key: \"系统英文缩写\",\n#             value: \"system-fms\",\n#           },\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\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#         buttonName: \"应用墙大屏\",\n#       },\n#       trapezoidalProps: {\n#         leftBtnName: \"应用健康监控大屏\",\n#         rightBtnName: \"应用部署架构\",\n#       },\n#     },\n#     {\n#       key: \"5e63e70340f65\",\n#       status: \"normal\",\n#       cardItemProps: {\n#         status: \"normal\",\n#         cardTitle: \"nmp\",\n#         description: \"云店通48\",\n#       },\n#       systemCardProps: {\n#         status: \"normal\",\n#         cardTitle: \"云店通48\",\n#         itemList: [\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\n#           },\n#           {\n#             key: \"系统英文缩写\",\n#             value: \"system-fms\",\n#           },\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\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#         buttonName: \"应用墙大屏\",\n#       },\n#       trapezoidalProps: {\n#         leftBtnName: \"应用健康监控大屏\",\n#         rightBtnName: \"应用部署架构\",\n#       },\n#     },\n#     {\n#       key: \"5e63e70340f66\",\n#       status: \"normal\",\n#       cardItemProps: {\n#         status: \"normal\",\n#         cardTitle: \"nmp\",\n#         description: \"云店通49\",\n#       },\n#       systemCardProps: {\n#         status: \"normal\",\n#         cardTitle: \"云店通49\",\n#         itemList: [\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\n#           },\n#           {\n#             key: \"系统英文缩写\",\n#             value: \"system-fms\",\n#           },\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\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#         buttonName: \"应用墙大屏\",\n#       },\n#       trapezoidalProps: {\n#         leftBtnName: \"应用健康监控大屏\",\n#         rightBtnName: \"应用部署架构\",\n#       },\n#     },\n#     {\n#       key: \"5e63e70340f67\",\n#       status: \"normal\",\n#       cardItemProps: {\n#         status: \"normal\",\n#         cardTitle: \"thirdPay\",\n#         description: \"支付中心5\",\n#       },\n#       systemCardProps: {\n#         status: \"normal\",\n#         cardTitle: \"支付中心5\",\n#         itemList: [\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\n#           },\n#           {\n#             key: \"系统英文缩写\",\n#             value: \"system-fms\",\n#           },\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\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#         buttonName: \"应用墙大屏\",\n#       },\n#       trapezoidalProps: {\n#         leftBtnName: \"应用健康监控大屏\",\n#         rightBtnName: \"应用部署架构\",\n#       },\n#     },\n#     {\n#       key: \"5e63e70340f68\",\n#       status: \"normal\",\n#       cardItemProps: {\n#         status: \"normal\",\n#         cardTitle: \"crm\",\n#         description: \"零售CRM51\",\n#       },\n#       systemCardProps: {\n#         status: \"normal\",\n#         cardTitle: \"零售CRM51\",\n#         itemList: [\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\n#           },\n#           {\n#             key: \"系统英文缩写\",\n#             value: \"system-fms\",\n#           },\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\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#         buttonName: \"应用墙大屏\",\n#       },\n#       trapezoidalProps: {\n#         leftBtnName: \"应用健康监控大屏\",\n#         rightBtnName: \"应用部署架构\",\n#       },\n#     },\n#     {\n#       key: \"5e63e70340f69\",\n#       status: \"warning\",\n#       cardItemProps: {\n#         status: \"warning\",\n#         cardTitle: \"diss\",\n#         description: \"数字孪生门店53\",\n#       },\n#       systemCardProps: {\n#         status: \"warning\",\n#         cardTitle: \"数字孪生门店53\",\n#         itemList: [\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\n#           },\n#           {\n#             key: \"系统英文缩写\",\n#             value: \"system-fms\",\n#           },\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\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#         buttonName: \"应用墙大屏\",\n#       },\n#       trapezoidalProps: {\n#         leftBtnName: \"应用健康监控大屏\",\n#         rightBtnName: \"应用部署架构\",\n#       },\n#     },\n#     {\n#       key: \"5e63e70340f70\",\n#       status: \"normal\",\n#       cardItemProps: {\n#         status: \"normal\",\n#         cardTitle: \"img\",\n#         description: \"购物系统54\",\n#       },\n#       systemCardProps: {\n#         status: \"normal\",\n#         cardTitle: \"购物系统54\",\n#         itemList: [\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\n#           },\n#           {\n#             key: \"系统英文缩写\",\n#             value: \"system-fms\",\n#           },\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\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#         buttonName: \"应用墙大屏\",\n#       },\n#       trapezoidalProps: {\n#         leftBtnName: \"应用健康监控大屏\",\n#         rightBtnName: \"应用部署架构\",\n#       },\n#     },\n#     {\n#       key: \"5e63e70340f71\",\n#       status: \"normal\",\n#       cardItemProps: {\n#         status: \"normal\",\n#         cardTitle: \"nmp\",\n#         description: \"云店通55\",\n#       },\n#       systemCardProps: {\n#         status: \"normal\",\n#         cardTitle: \"云店通55\",\n#         itemList: [\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\n#           },\n#           {\n#             key: \"系统英文缩写\",\n#             value: \"system-fms\",\n#           },\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\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#         buttonName: \"应用墙大屏\",\n#       },\n#       trapezoidalProps: {\n#         leftBtnName: \"应用健康监控大屏\",\n#         rightBtnName: \"应用部署架构\",\n#       },\n#     },\n#     {\n#       key: \"5e63e70340f72\",\n#       status: \"normal\",\n#       cardItemProps: {\n#         status: \"normal\",\n#         cardTitle: \"thirdPay\",\n#         description: \"支付中心56\",\n#       },\n#       systemCardProps: {\n#         status: \"normal\",\n#         cardTitle: \"支付中心56\",\n#         itemList: [\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\n#           },\n#           {\n#             key: \"系统英文缩写\",\n#             value: \"system-fms\",\n#           },\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\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#         buttonName: \"应用墙大屏\",\n#       },\n#       trapezoidalProps: {\n#         leftBtnName: \"应用健康监控大屏\",\n#         rightBtnName: \"应用部署架构\",\n#       },\n#     },\n#     {\n#       key: \"5e63e70340f73\",\n#       status: \"normal\",\n#       cardItemProps: {\n#         status: \"normal\",\n#         cardTitle: \"crm\",\n#         description: \"零售CRM57\",\n#       },\n#       systemCardProps: {\n#         status: \"normal\",\n#         cardTitle: \"零售CRM57\",\n#         itemList: [\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\n#           },\n#           {\n#             key: \"系统英文缩写\",\n#             value: \"system-fms\",\n#           },\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\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#         buttonName: \"应用墙大屏\",\n#       },\n#       trapezoidalProps: {\n#         leftBtnName: \"应用健康监控大屏\",\n#         rightBtnName: \"应用部署架构\",\n#       },\n#     },\n#     {\n#       key: \"5e63e70340f74\",\n#       status: \"normal\",\n#       cardItemProps: {\n#         status: \"normal\",\n#         cardTitle: \"diss\",\n#         description: \"数字孪生门店58\",\n#       },\n#       systemCardProps: {\n#         status: \"normal\",\n#         cardTitle: \"数字孪生门店58\",\n#         itemList: [\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\n#           },\n#           {\n#             key: \"系统英文缩写\",\n#             value: \"system-fms\",\n#           },\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\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#         buttonName: \"应用墙大屏\",\n#       },\n#       trapezoidalProps: {\n#         leftBtnName: \"应用健康监控大屏\",\n#         rightBtnName: \"应用部署架构\",\n#       },\n#     },\n#     {\n#       key: \"5e63e70340f75\",\n#       status: \"normal\",\n#       cardItemProps: {\n#         status: \"normal\",\n#         cardTitle: \"img\",\n#         description: \"购物系统59\",\n#       },\n#       systemCardProps: {\n#         status: \"normal\",\n#         cardTitle: \"购物系统59\",\n#         itemList: [\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\n#           },\n#           {\n#             key: \"系统英文缩写\",\n#             value: \"system-fms\",\n#           },\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\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#         buttonName: \"应用墙大屏\",\n#       },\n#       trapezoidalProps: {\n#         leftBtnName: \"应用健康监控大屏\",\n#         rightBtnName: \"应用部署架构\",\n#       },\n#     },\n#     {\n#       key: \"5e63e70340f76\",\n#       status: \"normal\",\n#       cardItemProps: {\n#         status: \"normal\",\n#         cardTitle: \"nmp\",\n#         description: \"云店通6\",\n#       },\n#       systemCardProps: {\n#         status: \"normal\",\n#         cardTitle: \"云店通6\",\n#         itemList: [\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\n#           },\n#           {\n#             key: \"系统英文缩写\",\n#             value: \"system-fms\",\n#           },\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\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#         buttonName: \"应用墙大屏\",\n#       },\n#       trapezoidalProps: {\n#         leftBtnName: \"应用健康监控大屏\",\n#         rightBtnName: \"应用部署架构\",\n#       },\n#     },\n#     {\n#       key: \"5e63e70340f77\",\n#       status: \"normal\",\n#       cardItemProps: {\n#         status: \"normal\",\n#         cardTitle: \"thirdPay\",\n#         description: \"支付中心61\",\n#       },\n#       systemCardProps: {\n#         status: \"normal\",\n#         cardTitle: \"支付中心61\",\n#         itemList: [\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\n#           },\n#           {\n#             key: \"系统英文缩写\",\n#             value: \"system-fms\",\n#           },\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\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#         buttonName: \"应用墙大屏\",\n#       },\n#       trapezoidalProps: {\n#         leftBtnName: \"应用健康监控大屏\",\n#         rightBtnName: \"应用部署架构\",\n#       },\n#     },\n#     {\n#       key: \"5e63e70340f78\",\n#       status: \"normal\",\n#       cardItemProps: {\n#         status: \"normal\",\n#         cardTitle: \"crm\",\n#         description: \"零售CRM62\",\n#       },\n#       systemCardProps: {\n#         status: \"normal\",\n#         cardTitle: \"零售CRM62\",\n#         itemList: [\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\n#           },\n#           {\n#             key: \"系统英文缩写\",\n#             value: \"system-fms\",\n#           },\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\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#         buttonName: \"应用墙大屏\",\n#       },\n#       trapezoidalProps: {\n#         leftBtnName: \"应用健康监控大屏\",\n#         rightBtnName: \"应用部署架构\",\n#       },\n#     },\n#     {\n#       key: \"5e63e70340f79\",\n#       status: \"warning\",\n#       cardItemProps: {\n#         status: \"warning\",\n#         cardTitle: \"diss\",\n#         description: \"数字孪生门店63\",\n#       },\n#       systemCardProps: {\n#         status: \"warning\",\n#         cardTitle: \"数字孪生门店63\",\n#         itemList: [\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\n#           },\n#           {\n#             key: \"系统英文缩写\",\n#             value: \"system-fms\",\n#           },\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\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#         buttonName: \"应用墙大屏\",\n#       },\n#       trapezoidalProps: {\n#         leftBtnName: \"应用健康监控大屏\",\n#         rightBtnName: \"应用部署架构\",\n#       },\n#     },\n#     {\n#       key: \"5e63e70340f80\",\n#       status: \"normal\",\n#       cardItemProps: {\n#         status: \"normal\",\n#         cardTitle: \"img\",\n#         description: \"购物系统64\",\n#       },\n#       systemCardProps: {\n#         status: \"normal\",\n#         cardTitle: \"购物系统64\",\n#         itemList: [\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\n#           },\n#           {\n#             key: \"系统英文缩写\",\n#             value: \"system-fms\",\n#           },\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\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#         buttonName: \"应用墙大屏\",\n#       },\n#       trapezoidalProps: {\n#         leftBtnName: \"应用健康监控大屏\",\n#         rightBtnName: \"应用部署架构\",\n#       },\n#     },\n#     {\n#       key: \"5e63e70340f81\",\n#       status: \"normal\",\n#       cardItemProps: {\n#         status: \"normal\",\n#         cardTitle: \"thirdPay\",\n#         description: \"支付中心65\",\n#       },\n#       systemCardProps: {\n#         status: \"normal\",\n#         cardTitle: \"支付中心65\",\n#         itemList: [\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\n#           },\n#           {\n#             key: \"系统英文缩写\",\n#             value: \"system-fms\",\n#           },\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\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#         buttonName: \"应用墙大屏\",\n#       },\n#       trapezoidalProps: {\n#         leftBtnName: \"应用健康监控大屏\",\n#         rightBtnName: \"应用部署架构\",\n#       },\n#     },\n#     {\n#       key: \"5e63e70340f82\",\n#       status: \"normal\",\n#       cardItemProps: {\n#         status: \"normal\",\n#         cardTitle: \"crm\",\n#         description: \"零售CRM66\",\n#       },\n#       systemCardProps: {\n#         status: \"normal\",\n#         cardTitle: \"零售CRM66\",\n#         itemList: [\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\n#           },\n#           {\n#             key: \"系统英文缩写\",\n#             value: \"system-fms\",\n#           },\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\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#         buttonName: \"应用墙大屏\",\n#       },\n#       trapezoidalProps: {\n#         leftBtnName: \"应用健康监控大屏\",\n#         rightBtnName: \"应用部署架构\",\n#       },\n#     },\n#     {\n#       key: \"5e63e70340f83\",\n#       status: \"warning\",\n#       cardItemProps: {\n#         status: \"warning\",\n#         cardTitle: \"diss\",\n#         description: \"数字孪生门店67\",\n#       },\n#       systemCardProps: {\n#         status: \"warning\",\n#         cardTitle: \"数字孪生门店67\",\n#         itemList: [\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\n#           },\n#           {\n#             key: \"系统英文缩写\",\n#             value: \"system-fms\",\n#           },\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\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#         buttonName: \"应用墙大屏\",\n#       },\n#       trapezoidalProps: {\n#         leftBtnName: \"应用健康监控大屏\",\n#         rightBtnName: \"应用部署架构\",\n#       },\n#     },\n#     {\n#       key: \"5e63e70340f84\",\n#       status: \"normal\",\n#       cardItemProps: {\n#         status: \"normal\",\n#         cardTitle: \"img\",\n#         description: \"购物系统68\",\n#       },\n#       systemCardProps: {\n#         status: \"normal\",\n#         cardTitle: \"购物系统68\",\n#         itemList: [\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\n#           },\n#           {\n#             key: \"系统英文缩写\",\n#             value: \"system-fms\",\n#           },\n#           {\n#             key: \"实例ID\",\n#             value: \"5d570a851bef6\",\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#         buttonName: \"应用墙大屏\",\n#       },\n#       trapezoidalProps: {\n#         leftBtnName: \"应用健康监控大屏\",\n#         rightBtnName: \"应用部署架构\",\n#       },\n#     },\n#   ];\n# </script>\n# \n```\n"
   },
@@ -65,12 +68,12 @@
   "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"
   },
+  "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.radar-chart": {
     "doc": "雷达图构件\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.radar-chart\n  properties:\n    dataSource:\n      - name: JavaScript\n        maxValue: 100\n        value: 60\n        percentValue: 45.8%\n      - name: Java\n        maxValue: 100\n        value: 30\n        percentValue: 45.8%\n      - name: CSS\n        maxValue: 100\n        value: 70\n        percentValue: 45.8%\n      - name: Python\n        maxValue: 100\n        value: 30\n        percentValue: 45.8%\n      - name: Three.js\n        maxValue: 100\n        value: 50\n        percentValue: 45.8%\n    value: 85.9\n    dataCircle:\n      fillStyle: red\n      r: 3\n    style:\n      display: block\n      background-color: \"#1c1e21\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.radar-chart\n#   style=\"display: block; background-color: #1c1e21\"\n#   id=\"brick-1\"\n# ></data-view.radar-chart>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.dataSource = [\n#     {\n#       name: \"JavaScript\",\n#       maxValue: 100,\n#       value: 60,\n#       percentValue: \"45.8%\",\n#     },\n#     {\n#       name: \"Java\",\n#       maxValue: 100,\n#       value: 30,\n#       percentValue: \"45.8%\",\n#     },\n#     {\n#       name: \"CSS\",\n#       maxValue: 100,\n#       value: 70,\n#       percentValue: \"45.8%\",\n#     },\n#     {\n#       name: \"Python\",\n#       maxValue: 100,\n#       value: 30,\n#       percentValue: \"45.8%\",\n#     },\n#     {\n#       name: \"Three.js\",\n#       maxValue: 100,\n#       value: 50,\n#       percentValue: \"45.8%\",\n#     },\n#   ];\n#   brick_1.value = 85.9;\n#   brick_1.dataCircle = {\n#     fillStyle: \"red\",\n#     r: 3,\n#   };\n# </script>\n# \n```\n"
   },
@@ -89,12 +92,12 @@
   "data-view.lights-component-title": {
     "doc": "构件 `data-view.lights-component-title`\n\n## Examples\n\n### Light\n\n```yaml preview\n- brick: div\n  properties:\n    style:\n      width: 100%\n      height: 100%\n      background: \"#000000FF\"\n  slots:\n    \"\":\n      type: bricks\n      bricks:\n        - brick: data-view.lights-component-title\n          properties:\n            componentTitle: 标题内容\n            theme: \"light\"\n# -- YAML DELIMITER (1nbbm8) --\n# <div style=\"width: 100%; height: 100%; background: #000000ff\">\n#   <data-view.lights-component-title\n#     component-title=\"标题内容\"\n#     theme=\"light\"\n#   ></data-view.lights-component-title>\n# </div>\n# \n```\n### Dark\n\n```yaml preview\n- brick: div\n  properties:\n    style:\n      width: 100%\n      height: 100%\n      background: \"#000000FF\"\n  slots:\n    \"\":\n      type: bricks\n      bricks:\n        - brick: data-view.lights-component-title\n          properties:\n            componentTitle: 标题内容\n            theme: \"dark\"\n# -- YAML DELIMITER (1nbbm8) --\n# <div style=\"width: 100%; height: 100%; background: #000000ff\">\n#   <data-view.lights-component-title\n#     component-title=\"标题内容\"\n#     theme=\"dark\"\n#   ></data-view.lights-component-title>\n# </div>\n# \n```\n"
   },
-  "data-view.hi-tech-button": {
-    "doc": "构件 `data-view.hi-tech-button`\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.hi-tech-button\n  slots:\n    \"\":\n      type: bricks\n      bricks:\n        - brick: span\n          properties:\n            textContent: BUTTON\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.hi-tech-button>\n#   <span>BUTTON</span>\n# </data-view.hi-tech-button>\n# \n```\n\n### Parallelogram\n\n```yaml preview\n- brick: data-view.hi-tech-button\n  properties:\n    type: parallelogram\n  slots:\n    \"\":\n      type: bricks\n      bricks:\n        - brick: span\n          properties:\n            textContent: BUTTON\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.hi-tech-button type=\"parallelogram\">\n#   <span>BUTTON</span>\n# </data-view.hi-tech-button>\n# \n```\n\n### Stereoscopic\n\n```yaml preview\n- brick: data-view.hi-tech-button\n  properties:\n    type: stereoscopic\n  slots:\n    \"\":\n      type: bricks\n      bricks:\n        - brick: span\n          properties:\n            textContent: BUTTON\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.hi-tech-button type=\"stereoscopic\">\n#   <span>BUTTON</span>\n# </data-view.hi-tech-button>\n# \n```\n\n### Shading\n\n```yaml preview\n- brick: data-view.hi-tech-button\n  properties:\n    type: shading\n  slots:\n    \"\":\n      type: bricks\n      bricks:\n        - brick: span\n          properties:\n            textContent: BUTTON\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.hi-tech-button type=\"shading\">\n#   <span>BUTTON</span>\n# </data-view.hi-tech-button>\n# \n```\n\n### Round\n\n```yaml preview\n- brick: data-view.hi-tech-button\n  properties:\n    type: round\n  slots:\n    \"\":\n      type: bricks\n      bricks:\n        - brick: span\n          properties:\n            textContent: BUTTON\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.hi-tech-button type=\"round\">\n#   <span>BUTTON</span>\n# </data-view.hi-tech-button>\n# \n```\n\n### Click\n\n```yaml preview\n- brick: data-view.hi-tech-button\n  properties:\n    textContent: BUTTON\n  events:\n    click:\n      action: message.success\n      args:\n        - Click!\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.hi-tech-button id=\"brick-1\">BUTTON</data-view.hi-tech-button>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.addEventListener(\"click\", (e) => {\n#     const message = document.createElement(\"basic.show-notification\");\n#     message.resolve({ type: \"success\", message: \"Click!\" });\n#   });\n# </script>\n# \n```\n"
-  },
   "data-view.tech-mesh-base-view": {
     "doc": "构件 `data-view.tech-mesh-base-view`\n\n## Examples\n\n### Basic TabsTitleBar\n\n```yaml preview\n- brick: data-view.tech-mesh-base-view\n  properties:\n    style:\n      min-height: 800px\n  slots:\n    titleBar:\n      type: bricks\n      bricks:\n        - brick: data-view.tabs-page-title\n          slots:\n            \"\":\n              type: bricks\n              bricks:\n                - brick: data-view.title-text\n                  properties:\n                    text: 大标题\n                    type: gradient\n            start:\n              type: bricks\n              bricks:\n                - brick: data-view.brick-notification\n                  properties:\n                    message: This is the content of the notification.\n            end:\n              type: bricks\n              bricks:\n                - brick: div\n                  properties:\n                    textContent: \"2022/11/30 17:25 星期四\"\n                    style:\n                      font-size: 16px\n                      color: \"#fff\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.tech-mesh-base-view style=\"min-height: 800px\">\n#   <data-view.tabs-page-title slot=\"titleBar\">\n#     <data-view.title-text text=\"大标题\" id=\"brick-1\"></data-view.title-text>\n#     <data-view.brick-notification\n#       slot=\"start\"\n#       message=\"This is the content of the notification.\"\n#     ></data-view.brick-notification>\n#     <div slot=\"end\" style=\"font-size: 16px; color: #fff\">\n#       2022/11/30 17:25 星期四\n#     </div>\n#   </data-view.tabs-page-title>\n# </data-view.tech-mesh-base-view>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.type = \"gradient\";\n# </script>\n# \n```\n\n### Sample TitleBar\n\n```yaml preview\n- brick: data-view.tech-mesh-base-view\n  properties:\n    style:\n      min-height: 800px\n  slots:\n    titleBar:\n      type: bricks\n      bricks:\n        - brick: data-view.top-title-bar\n          properties:\n            text: 可视化大屏\n            type: sample\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.tech-mesh-base-view style=\"min-height: 800px\">\n#   <data-view.top-title-bar\n#     slot=\"titleBar\"\n#     text=\"可视化大屏\"\n#     type=\"sample\"\n#   ></data-view.top-title-bar>\n# </data-view.tech-mesh-base-view>\n# \n```\n"
   },
+  "data-view.hi-tech-button": {
+    "doc": "构件 `data-view.hi-tech-button`\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.hi-tech-button\n  slots:\n    \"\":\n      type: bricks\n      bricks:\n        - brick: span\n          properties:\n            textContent: BUTTON\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.hi-tech-button>\n#   <span>BUTTON</span>\n# </data-view.hi-tech-button>\n# \n```\n\n### Parallelogram\n\n```yaml preview\n- brick: data-view.hi-tech-button\n  properties:\n    type: parallelogram\n  slots:\n    \"\":\n      type: bricks\n      bricks:\n        - brick: span\n          properties:\n            textContent: BUTTON\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.hi-tech-button type=\"parallelogram\">\n#   <span>BUTTON</span>\n# </data-view.hi-tech-button>\n# \n```\n\n### Stereoscopic\n\n```yaml preview\n- brick: data-view.hi-tech-button\n  properties:\n    type: stereoscopic\n  slots:\n    \"\":\n      type: bricks\n      bricks:\n        - brick: span\n          properties:\n            textContent: BUTTON\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.hi-tech-button type=\"stereoscopic\">\n#   <span>BUTTON</span>\n# </data-view.hi-tech-button>\n# \n```\n\n### Shading\n\n```yaml preview\n- brick: data-view.hi-tech-button\n  properties:\n    type: shading\n  slots:\n    \"\":\n      type: bricks\n      bricks:\n        - brick: span\n          properties:\n            textContent: BUTTON\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.hi-tech-button type=\"shading\">\n#   <span>BUTTON</span>\n# </data-view.hi-tech-button>\n# \n```\n\n### Round\n\n```yaml preview\n- brick: data-view.hi-tech-button\n  properties:\n    type: round\n  slots:\n    \"\":\n      type: bricks\n      bricks:\n        - brick: span\n          properties:\n            textContent: BUTTON\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.hi-tech-button type=\"round\">\n#   <span>BUTTON</span>\n# </data-view.hi-tech-button>\n# \n```\n\n### Click\n\n```yaml preview\n- brick: data-view.hi-tech-button\n  properties:\n    textContent: BUTTON\n  events:\n    click:\n      action: message.success\n      args:\n        - Click!\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.hi-tech-button id=\"brick-1\">BUTTON</data-view.hi-tech-button>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.addEventListener(\"click\", (e) => {\n#     const message = document.createElement(\"basic.show-notification\");\n#     message.resolve({ type: \"success\", message: \"Click!\" });\n#   });\n# </script>\n# \n```\n"
+  },
   "data-view.simple-card-item": {
     "doc": "构件 `data-view.simple-card-item`\n\n## Examples\n\n### Basic\n\n```html preview\n<data-view.simple-card-item>Hello world</data-view.simple-card-item>\n<!-- HTML DELIMITER start (1nbbm8) --\nbrick: data-view.simple-card-item\nproperties:\n  textContent: Hello world\n-- HTML DELIMITER end (1nbbm8) -->\n```\n"
   },
@@ -136,8 +139,5 @@
   },
   "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"
   }
 }