@next-bricks/data-view 1.10.13 → 1.11.0

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 (18) hide show
  1. package/dist/bricks.json +12 -12
  2. package/dist/chunks/{8826.a293b47f.js → 8826.de9de90b.js} +2 -2
  3. package/dist/chunks/8826.de9de90b.js.map +1 -0
  4. package/dist/chunks/china-map.bcf4df6e.js +2 -0
  5. package/dist/chunks/china-map.bcf4df6e.js.map +1 -0
  6. package/dist/chunks/{main.44488957.js → main.fb95bab6.js} +2 -2
  7. package/dist/chunks/{main.44488957.js.map → main.fb95bab6.js.map} +1 -1
  8. package/dist/examples.json +16 -16
  9. package/dist/{index.8fb268dd.js → index.163f2ff4.js} +2 -2
  10. package/dist/{index.8fb268dd.js.map → index.163f2ff4.js.map} +1 -1
  11. package/dist/manifest.json +154 -154
  12. package/dist/types.json +1198 -1165
  13. package/dist-types/china-map/index.d.ts +2 -0
  14. package/docs/china-map.md +28 -0
  15. package/package.json +2 -2
  16. package/dist/chunks/8826.a293b47f.js.map +0 -1
  17. package/dist/chunks/china-map.a31fb444.js +0 -2
  18. package/dist/chunks/china-map.a31fb444.js.map +0 -1
package/dist/examples.json CHANGED
@@ -14,9 +14,6 @@
14
14
  "data-view.modern-style-treemap": {
15
15
  "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"
16
16
  },
17
- "data-view.battery-chart": {
18
- "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"
19
- },
20
17
  "data-view.dropdown-menu": {
21
18
  "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"
22
19
  },
@@ -26,15 +23,18 @@
26
23
  "data-view.loading-panel": {
27
24
  "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"
28
25
  },
29
- "data-view.particle-animation": {
30
- "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"
31
- },
32
26
  "data-view.app-wall-card-item": {
33
27
  "doc": "应用墙小卡片\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.app-wall-card-item\n properties:\n cardTitle: pos\n description: 店铺货管通\n style:\n width: 100px\n height: 120px\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.app-wall-card-item\n# card-title=\"pos\"\n# description=\"店铺货管通\"\n# style=\"width: 100px; height: 120px\"\n# ></data-view.app-wall-card-item>\n# \n```\n\n### Status\n\n```yaml preview\n- brick: data-view.app-wall-card-item\n properties:\n status: warning\n cardTitle: pos\n description: 店铺货管通\n style:\n width: 100px\n height: 120px\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.app-wall-card-item\n# status=\"warning\"\n# card-title=\"pos\"\n# description=\"店铺货管通\"\n# style=\"width: 100px; height: 120px\"\n# ></data-view.app-wall-card-item>\n# \n```\n"
34
28
  },
29
+ "data-view.battery-chart": {
30
+ "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"
31
+ },
35
32
  "data-view.app-wall-system-card": {
36
33
  "doc": "系统卡片\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.app-wall-system-card\n properties:\n cardTitle: A系统\n itemList:\n - key: 实例ID\n value: xxxx\n - key: 系统英文缩写\n value: system-fms\n - key: 实例ID\n value: xxx\n - key: 系统英文名称\n value: app-fms\n - key: 系统中文名称\n value: A财务系统\n - key: 归属部门\n value: 财务系统部\n - key: 系统类型\n value: 应用系统\n - key: 系统描述\n value: 1、使用场景概述：财务应收和应付结算\n buttonName: 应用墙大屏\n style:\n background: rgba(40, 46, 58, 100%)\n box-shadow: \"0 0 12px 2px rgba(80, 255, 255, 0.45), inset 0 0 22px 0 #20242A\"\n border: \"2px solid #50FFFF\"\n overflow: hidden\n height: 400px\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.app-wall-system-card\n# card-title=\"A系统\"\n# button-name=\"应用墙大屏\"\n# style=\"\n# background: rgba(40, 46, 58, 100%);\n# box-shadow:\n# 0 0 12px 2px rgba(80, 255, 255, 0.45),\n# inset 0 0 22px 0 #20242a;\n# border: 2px solid #50ffff;\n# overflow: hidden;\n# height: 400px;\n# \"\n# id=\"brick-1\"\n# ></data-view.app-wall-system-card>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.itemList = [\n# {\n# key: \"实例ID\",\n# value: \"xxxx\",\n# },\n# {\n# key: \"系统英文缩写\",\n# value: \"system-fms\",\n# },\n# {\n# key: \"实例ID\",\n# value: \"xxx\",\n# },\n# {\n# key: \"系统英文名称\",\n# value: \"app-fms\",\n# },\n# {\n# key: \"系统中文名称\",\n# value: \"A财务系统\",\n# },\n# {\n# key: \"归属部门\",\n# value: \"财务系统部\",\n# },\n# {\n# key: \"系统类型\",\n# value: \"应用系统\",\n# },\n# {\n# key: \"系统描述\",\n# value: \"1、使用场景概述：财务应收和应付结算\",\n# },\n# ];\n# </script>\n# \n```\n\n### Status\n\n```yaml preview\n- brick: data-view.app-wall-system-card\n properties:\n cardTitle: B系统\n itemList:\n - key: 实例ID\n value: xxxx\n - key: 系统英文缩写\n value: system-fms-B\n - key: 系统描述\n value: 1、使用场景概述：财务应收和应付结算\n buttonName: 应用墙大屏\n status: warning\n style:\n background: \"linear-gradient(180deg, #CC0066 0%, rgba(204, 0, 102, 0.2) 100%),#0F1117FF\"\n box-shadow: \"0 0 12px 2px rgba(204, 0, 102, 0.4), inset 0 4px 10px 0 rgba(255, 255, 255, 0.65)\"\n overflow: hidden\n height: 400px\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.app-wall-system-card\n# card-title=\"B系统\"\n# button-name=\"应用墙大屏\"\n# style=\"\n# background:\n# linear-gradient(180deg, #cc0066 0%, rgba(204, 0, 102, 0.2) 100%),\n# #0f1117ff;\n# box-shadow:\n# 0 0 12px 2px rgba(204, 0, 102, 0.4),\n# inset 0 4px 10px 0 rgba(255, 255, 255, 0.65);\n# overflow: hidden;\n# height: 400px;\n# \"\n# id=\"brick-1\"\n# ></data-view.app-wall-system-card>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.itemList = [\n# {\n# key: \"实例ID\",\n# value: \"xxxx\",\n# },\n# {\n# key: \"系统英文缩写\",\n# value: \"system-fms-B\",\n# },\n# {\n# key: \"系统描述\",\n# value: \"1、使用场景概述：财务应收和应付结算\",\n# },\n# ];\n# brick_1.status = \"warning\";\n# </script>\n# \n```\n"
37
34
  },
35
+ "data-view.particle-animation": {
36
+ "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"
37
+ },
38
38
  "data-view.app-wall-relation-line": {
39
39
  "doc": "应用墙流光线条\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.app-wall-relation-line\n properties:\n lightColor: purple\n style:\n height: 200px\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.app-wall-relation-line\n# light-color=\"purple\"\n# style=\"height: 200px\"\n# ></data-view.app-wall-relation-line>\n# \n```\n"
40
40
  },
@@ -53,9 +53,6 @@
53
53
  "data-view.cabinet-thumbnail": {
54
54
  "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"
55
55
  },
56
- "data-view.cabinet-graph": {
57
- "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"
58
- },
59
56
  "data-view.app-wall": {
60
57
  "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"
61
58
  },
@@ -71,12 +68,12 @@
71
68
  "data-view.grid-background": {
72
69
  "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"
73
70
  },
74
- "data-view.gear-background": {
75
- "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"
76
- },
77
71
  "data-view.radar-chart": {
78
72
  "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"
79
73
  },
74
+ "data-view.gear-background": {
75
+ "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"
76
+ },
80
77
  "data-view.title-text": {
81
78
  "doc": "构件 title-text\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.title-text\n properties:\n text: 大标题\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.title-text text=\"大标题\"></data-view.title-text>\n# \n```\n\n### Stroke\n\n```yaml preview\n- brick: data-view.title-text\n properties:\n text: 大标题\n type: stroke\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.title-text text=\"大标题\" id=\"brick-1\"></data-view.title-text>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.type = \"stroke\";\n# </script>\n# \n```\n\n### Gradient\n\n```yaml preview\n- brick: data-view.title-text\n properties:\n text: 大标题\n type: gradient\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.title-text text=\"大标题\" id=\"brick-1\"></data-view.title-text>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.type = \"gradient\";\n# </script>\n# \n```\n"
82
79
  },
@@ -86,15 +83,15 @@
86
83
  "data-view.tabs-page-title": {
87
84
  "doc": "构件 tabs-page-title\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.tabs-page-title\n properties:\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.tabs-page-title>\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# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.type = \"gradient\";\n# </script>\n# \n```\n\n### TabList\n\n```yaml preview\n- brick: data-view.tabs-page-title\n properties:\n tabList:\n - text: 标签1\n key: key1\n - text: 标签2\n key: key2\n - text: 标签3\n key: key3\n - text: 标签4\n key: key4\n - text: 标签5\n key: key5\n - text: 标签6\n key: key6\n activeKey: key2\n slots:\n \"\":\n type: bricks\n bricks:\n - brick: data-view.title-text\n properties:\n text: 大标题\n type: gradient\n key1:\n type: bricks\n bricks:\n - brick: div\n properties:\n textContent: 标签一内容\n key2:\n type: bricks\n bricks:\n - brick: div\n properties:\n textContent: 标签二内容\n key3:\n type: bricks\n bricks:\n - brick: div\n properties:\n textContent: 标签三内容\n key4:\n type: bricks\n bricks:\n - brick: div\n properties:\n textContent: 标签四内容\n key5:\n type: bricks\n bricks:\n - brick: div\n properties:\n textContent: 标签五内容\n key6:\n type: bricks\n bricks:\n - brick: div\n properties:\n textContent: 标签六内容\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.tabs-page-title active-key=\"key2\" id=\"brick-1\">\n# <data-view.title-text text=\"大标题\" id=\"brick-2\"></data-view.title-text>\n# <div slot=\"key1\">标签一内容</div>\n# <div slot=\"key2\">标签二内容</div>\n# <div slot=\"key3\">标签三内容</div>\n# <div slot=\"key4\">标签四内容</div>\n# <div slot=\"key5\">标签五内容</div>\n# <div slot=\"key6\">标签六内容</div>\n# </data-view.tabs-page-title>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.tabList = [\n# {\n# text: \"标签1\",\n# key: \"key1\",\n# },\n# {\n# text: \"标签2\",\n# key: \"key2\",\n# },\n# {\n# text: \"标签3\",\n# key: \"key3\",\n# },\n# {\n# text: \"标签4\",\n# key: \"key4\",\n# },\n# {\n# text: \"标签5\",\n# key: \"key5\",\n# },\n# {\n# text: \"标签6\",\n# key: \"key6\",\n# },\n# ];\n# \n# const brick_2 = document.getElementById(\"brick-2\");\n# brick_2.type = \"gradient\";\n# </script>\n# \n```\n"
88
85
  },
89
- "data-view.top-title-bar": {
90
- "doc": "构件 `data-view.top-title-bar`\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.top-title-bar\n properties:\n text: 标题\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.top-title-bar text=\"标题\"></data-view.top-title-bar>\n# \n```\n\n### Smaple\n\n```yaml preview\n- brick: data-view.top-title-bar\n properties:\n text: 标题\n type: sample\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.top-title-bar text=\"标题\" type=\"sample\"></data-view.top-title-bar>\n# \n```\n\n### Square\n\n```yaml preview\n- brick: data-view.top-title-bar\n properties:\n text: 标题\n type: square\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.top-title-bar text=\"标题\" type=\"square\"></data-view.top-title-bar>\n# \n```\n"
91
- },
92
86
  "data-view.lights-component-title": {
93
87
  "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"
94
88
  },
95
89
  "data-view.hi-tech-button": {
96
90
  "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"
97
91
  },
92
+ "data-view.top-title-bar": {
93
+ "doc": "构件 `data-view.top-title-bar`\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.top-title-bar\n properties:\n text: 标题\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.top-title-bar text=\"标题\"></data-view.top-title-bar>\n# \n```\n\n### Smaple\n\n```yaml preview\n- brick: data-view.top-title-bar\n properties:\n text: 标题\n type: sample\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.top-title-bar text=\"标题\" type=\"sample\"></data-view.top-title-bar>\n# \n```\n\n### Square\n\n```yaml preview\n- brick: data-view.top-title-bar\n properties:\n text: 标题\n type: square\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.top-title-bar text=\"标题\" type=\"square\"></data-view.top-title-bar>\n# \n```\n"
94
+ },
98
95
  "data-view.tech-mesh-base-view": {
99
96
  "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"
100
97
  },
@@ -138,6 +135,9 @@
138
135
  "doc": "地球加轨道的数据展示构件。\n\n## Examples\n\n### Basic\n\n```yaml preview height=\"660px\"\nbrick: div\nproperties:\n style:\n height: calc(100vh - 2em)\nchildren:\n - brick: data-view.globe-with-orbit-indicator\n properties:\n centerDataSource:\n label: 资产总数\n value: 30123\n dataSource:\n - label: 低值易耗品\n value: 3889\n - label: 摊销资产\n value: 2087\n - label: 固定资产\n value: 12088\n - label: 无形资产\n value: 1082\n - label: 在建工程\n value: 10997\n - label: 其他资产\n value: 4203\n cornerDataSource:\n - label: 资产增长\n value: 43\n color: red\n - label: 资产减少\n value: 21\n color: green\n # Currently this brick only works 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 - 2em)\">\n# <data-view.globe-with-orbit-indicator\n# id=\"brick-1\"\n# ></data-view.globe-with-orbit-indicator>\n# </div>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.centerDataSource = {\n# label: \"资产总数\",\n# value: 30123,\n# };\n# brick_1.dataSource = [\n# {\n# label: \"低值易耗品\",\n# value: 3889,\n# },\n# {\n# label: \"摊销资产\",\n# value: 2087,\n# },\n# {\n# label: \"固定资产\",\n# value: 12088,\n# },\n# {\n# label: \"无形资产\",\n# value: 1082,\n# },\n# {\n# label: \"在建工程\",\n# value: 10997,\n# },\n# {\n# label: \"其他资产\",\n# value: 4203,\n# },\n# ];\n# brick_1.cornerDataSource = [\n# {\n# label: \"资产增长\",\n# value: 43,\n# color: \"red\",\n# },\n# {\n# label: \"资产减少\",\n# value: 21,\n# color: \"green\",\n# },\n# ];\n# </script>\n# \n```\n"
139
136
  },
140
137
  "data-view.china-map": {
141
- "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"
138
+ "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 dataSource:\n - text: \"山东济南 21348\"\n coordinate:\n - 117.1201\n - 36.6512\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 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: [117.1201, 36.6512],\n# },\n# {\n# text: \"山东青岛 4242\",\n# coordinate: [119, 35.5],\n# },\n# ];\n# </script>\n# \n```\n"
139
+ },
140
+ "data-view.cabinet-graph": {
141
+ "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"
142
142
  }
143
143
  }