@next-bricks/data-view 1.3.16 → 1.5.0

package/dist/examples.json

@@ -2,15 +2,15 @@
   "data-view.gauge-chart": {
     "doc": "大屏仪表盘构件\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.gauge-chart\n  properties:\n    value: 100\n    radius: 180\n    strokeWidth: 20\n    description: 已部署 1490 个 / 3300个\n  slots:\n    \"\":\n      type: bricks\n      bricks:\n        - brick: div\n          properties:\n            textContent: 已部署 1490 个 / 3300个\n            style:\n              font-size: 16px\n              font-weight: 500\n              color: \"#fff\"\n              margin: 0 0 300px 0\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.gauge-chart\n#   value=\"100\"\n#   radius=\"180\"\n#   stroke-width=\"20\"\n#   description=\"已部署 1490 个 / 3300个\"\n# >\n#   <div\n#     style=\"font-size: 16px; font-weight: 500; color: #fff; margin: 0 0 300px 0\"\n#   >\n#     已部署 1490 个 / 3300个\n#   </div>\n# </data-view.gauge-chart>\n# \n```\n"
   },
-  "data-view.modern-style-component-title": {
-    "doc": "现代风格的组件标题\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.modern-style-component-title\n  properties:\n    componentTitle: 组件标题\n    style:\n      height: 50px\n      display: block\n      background-color: \"#1c1e21\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.modern-style-component-title\n#   component-title=\"组件标题\"\n#   style=\"height: 50px; display: block; background-color: #1c1e21\"\n# ></data-view.modern-style-component-title>\n# \n```\n\n### TitleSuffix && Toolbar slot\n\n```yaml preview\n- brick: data-view.modern-style-component-title\n  properties:\n    componentTitle: 组件标题\n    style:\n      height: 50px\n      display: block\n      background-color: \"#1c1e21\"\n  slots:\n    toolbar:\n      type: bricks\n      bricks:\n        - brick: span\n          properties:\n            textContent: toolbar\n    titleSuffix:\n      type: bricks\n      bricks:\n        - brick: span\n          properties:\n            textContent: titleSuffix\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.modern-style-component-title\n#   component-title=\"组件标题\"\n#   style=\"height: 50px; display: block; background-color: #1c1e21\"\n# >\n#   <span slot=\"toolbar\">toolbar</span>\n#   <span slot=\"titleSuffix\">titleSuffix</span>\n# </data-view.modern-style-component-title>\n# \n```\n\n### hideRightComponent\n\n```yaml preview\n- brick: data-view.modern-style-component-title\n  properties:\n    componentTitle: 组件标题\n    hideRightComponent: false\n    hideLeftComponent: true\n    style:\n      height: 50px\n      display: block\n      background-color: \"#1c1e21\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.modern-style-component-title\n#   component-title=\"组件标题\"\n#   hide-right-component=\"false\"\n#   hide-left-component=\"true\"\n#   style=\"height: 50px; display: block; background-color: #1c1e21\"\n# ></data-view.modern-style-component-title>\n# \n```\n"
-  },
   "data-view.modern-style-page-title": {
     "doc": "现代风格的页面标题构件\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.modern-style-page-title\n  properties:\n    pageTitle: XX应用大屏\n    description: \"- APPLICATION HEALTH MONITORING SCREEN -\"\n    style:\n      display: block\n      background-color: \"#1c1e21\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.modern-style-page-title\n#   page-title=\"XX应用大屏\"\n#   description=\"- APPLICATION HEALTH MONITORING SCREEN -\"\n#   style=\"display: block; background-color: #1c1e21\"\n# ></data-view.modern-style-page-title>\n# \n```\n"
   },
   "data-view.tabs-drawer": {
     "doc": "data-view.tabs-drawer\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.tabs-drawer\n  properties:\n    activeKey: search\n    id: drawer\n    visible: true\n    width: 800\n    style:\n      height: 600px\n      display: block\n    tabList:\n      - tooltip: 搜索\n        key: search\n        icon:\n          lib: fa\n          icon: search\n          prefix: fas\n      - tooltip: 内容\n        key: app\n        icon:\n          lib: easyops\n          category: app\n          icon: micro-app-configuration\n\n      - tooltip: 图表\n        key: chart\n        icon:\n          lib: fa\n          icon: ad\n          prefix: fas\n  slots:\n    search:\n      type: bricks\n      bricks:\n        - brick: div\n          properties:\n            style:\n              padding: 0 16px\n              height: 100px\n              background: red\n            textContent: 测试\n    app:\n      type: bricks\n      bricks:\n        - brick: div\n          properties:\n            textContent: 内容区域\n            style:\n              background: yellow\n              height: 100px\n    chart:\n      type: bricks\n      bricks:\n        - brick: div\n          properties:\n            textContent: 图表区域\n            style:\n              background: green\n              height: 100px\n  events:\n    close:\n      - action: console.log\n    tab.change:\n      - action: console.log\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.tabs-drawer\n#   active-key=\"search\"\n#   visible\n#   style=\"height: 600px; display: block\"\n#   id=\"drawer\"\n# >\n#   <div slot=\"search\" style=\"padding: 0 16px; height: 100px; background: red\">\n#     测试\n#   </div>\n#   <div slot=\"app\" style=\"background: yellow; height: 100px\">内容区域</div>\n#   <div slot=\"chart\" style=\"background: green; height: 100px\">图表区域</div>\n# </data-view.tabs-drawer>\n# \n# <script>\n#   const drawer = document.getElementById(\"drawer\");\n#   drawer.width = 800;\n#   drawer.tabList = [\n#     {\n#       tooltip: \"搜索\",\n#       key: \"search\",\n#       icon: {\n#         lib: \"fa\",\n#         icon: \"search\",\n#         prefix: \"fas\",\n#       },\n#     },\n#     {\n#       tooltip: \"内容\",\n#       key: \"app\",\n#       icon: {\n#         lib: \"easyops\",\n#         category: \"app\",\n#         icon: \"micro-app-configuration\",\n#       },\n#     },\n#     {\n#       tooltip: \"图表\",\n#       key: \"chart\",\n#       icon: {\n#         lib: \"fa\",\n#         icon: \"ad\",\n#         prefix: \"fas\",\n#       },\n#     },\n#   ];\n#   drawer.addEventListener(\"close\", (e) => {\n#     console.log(e.detail);\n#   });\n#   drawer.addEventListener(\"tab.change\", (e) => {\n#     console.log(e.detail);\n#   });\n# </script>\n# \n```\n"
   },
+  "data-view.modern-style-component-title": {
+    "doc": "现代风格的组件标题\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.modern-style-component-title\n  properties:\n    componentTitle: 组件标题\n    style:\n      height: 50px\n      display: block\n      background-color: \"#1c1e21\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.modern-style-component-title\n#   component-title=\"组件标题\"\n#   style=\"height: 50px; display: block; background-color: #1c1e21\"\n# ></data-view.modern-style-component-title>\n# \n```\n\n### TitleSuffix && Toolbar slot\n\n```yaml preview\n- brick: data-view.modern-style-component-title\n  properties:\n    componentTitle: 组件标题\n    style:\n      height: 50px\n      display: block\n      background-color: \"#1c1e21\"\n  slots:\n    toolbar:\n      type: bricks\n      bricks:\n        - brick: span\n          properties:\n            textContent: toolbar\n    titleSuffix:\n      type: bricks\n      bricks:\n        - brick: span\n          properties:\n            textContent: titleSuffix\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.modern-style-component-title\n#   component-title=\"组件标题\"\n#   style=\"height: 50px; display: block; background-color: #1c1e21\"\n# >\n#   <span slot=\"toolbar\">toolbar</span>\n#   <span slot=\"titleSuffix\">titleSuffix</span>\n# </data-view.modern-style-component-title>\n# \n```\n\n### hideRightComponent\n\n```yaml preview\n- brick: data-view.modern-style-component-title\n  properties:\n    componentTitle: 组件标题\n    hideRightComponent: false\n    hideLeftComponent: true\n    style:\n      height: 50px\n      display: block\n      background-color: \"#1c1e21\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.modern-style-component-title\n#   component-title=\"组件标题\"\n#   hide-right-component=\"false\"\n#   hide-left-component=\"true\"\n#   style=\"height: 50px; display: block; background-color: #1c1e21\"\n# ></data-view.modern-style-component-title>\n# \n```\n"
+  },
   "data-view.modern-style-treemap": {
     "doc": "data-view.modern-style-treemap\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.modern-style-treemap\n  properties:\n    data:\n      name: flare\n      children:\n        - name: analytics\n          children:\n            - name: cluster\n              children:\n                - name: AgglomerativeCluster\n                  value: 3938\n                - name: CommunityStructure\n                  value: 3812\n                - name: HierarchicalCluster\n                  value: 6714\n                - name: MergeEdge\n                  value: 743\n            - name: graph\n              children:\n                - name: BetweennessCentrality\n                  value: 3534\n                - name: LinkDistance\n                  value: 5731\n                - name: MaxFlowMinCut\n                  value: 7840\n                - name: ShortestPaths\n                  value: 5914\n                - name: SpanningTree\n                  value: 3416\n            - name: optimization\n              children:\n                - name: AspectRatioBanker\n                  value: 7074\n        - name: animate\n          children:\n            - name: Easing\n              value: 17010\n            - name: FunctionSequence\n              value: 5842\n            - name: interpolate\n              children:\n                - name: ArrayInterpolator\n                  value: 1983\n                - name: ColorInterpolator\n                  value: 2047\n                - name: DateInterpolator\n                  value: 1375\n                - name: Interpolator\n                  value: 8746\n                - name: MatrixInterpolator\n                  value: 2202\n                - name: NumberInterpolator\n                  value: 1382\n                - name: ObjectInterpolator\n                  value: 1629\n                - name: PointInterpolator\n                  value: 1675\n                - name: RectangleInterpolator\n                  value: 2042\n            - name: ISchedulable\n              value: 1041\n            - name: Parallel\n              value: 5176\n            - name: Pause\n              value: 449\n            - name: Scheduler\n              value: 5593\n            - name: Sequence\n              value: 5534\n            - name: Transition\n              value: 9201\n            - name: Transitioner\n              value: 19975\n            - name: TransitionEvent\n              value: 1116\n            - name: Tween\n              value: 6006\n        - name: data\n          children:\n            - name: converters\n              children:\n                - name: Converters\n                  value: 721\n                - name: DelimitedTextConverter\n                  value: 4294\n                - name: GraphMLConverter\n                  value: 9800\n                - name: IDataConverter\n                  value: 1314\n                - name: JSONConverter\n                  value: 2220\n            - name: DataField\n              value: 1759\n            - name: DataSchema\n              value: 2165\n            - name: DataSet\n              value: 586\n            - name: DataSource\n              value: 3331\n            - name: DataTable\n              value: 772\n            - name: DataUtil\n              value: 3322\n        - name: display\n          children:\n            - name: DirtySprite\n              value: 8833\n            - name: LineSprite\n              value: 1732\n            - name: RectSprite\n              value: 3623\n            - name: TextSprite\n              value: 10066\n        - name: flex\n          children:\n            - name: FlareVis\n              value: 4116\n        - name: physics\n          children:\n            - name: DragForce\n              value: 1082\n            - name: GravityForce\n              value: 1336\n            - name: IForce\n              value: 319\n            - name: NBodyForce\n              value: 10498\n            - name: Particle\n              value: 2822\n            - name: Simulation\n              value: 9983\n            - name: Spring\n              value: 2213\n            - name: SpringForce\n              value: 1681\n        - name: query\n          children:\n            - name: AggregateExpression\n              value: 1616\n            - name: And\n              value: 1027\n            - name: Arithmetic\n              value: 3891\n            - name: Average\n              value: 891\n            - name: BinaryExpression\n              value: 2893\n            - name: Comparison\n              value: 5103\n            - name: CompositeExpression\n              value: 3677\n            - name: Count\n              value: 781\n            - name: DateUtil\n              value: 4141\n            - name: Distinct\n              value: 933\n            - name: Expression\n              value: 5130\n            - name: ExpressionIterator\n              value: 3617\n            - name: Fn\n              value: 3240\n            - name: If\n              value: 2732\n            - name: IsA\n              value: 2039\n            - name: Literal\n              value: 1214\n            - name: Match\n              value: 3748\n            - name: Maximum\n              value: 843\n            - name: methods\n              children:\n                - name: add\n                  value: 593\n                - name: and\n                  value: 330\n                - name: average\n                  value: 287\n                - name: count\n                  value: 277\n                - name: distinct\n                  value: 292\n                - name: div\n                  value: 595\n                - name: eq\n                  value: 594\n                - name: fn\n                  value: 460\n                - name: gt\n                  value: 603\n                - name: gte\n                  value: 625\n                - name: iff\n                  value: 748\n                - name: isa\n                  value: 461\n                - name: lt\n                  value: 597\n                - name: lte\n                  value: 619\n                - name: max\n                  value: 283\n                - name: min\n                  value: 283\n                - name: mod\n                  value: 591\n                - name: mul\n                  value: 603\n                - name: neq\n                  value: 599\n                - name: not\n                  value: 386\n                - name: or\n                  value: 323\n                - name: orderby\n                  value: 307\n                - name: range\n                  value: 772\n                - name: select\n                  value: 296\n                - name: stddev\n                  value: 363\n                - name: sub\n                  value: 600\n                - name: sum\n                  value: 280\n                - name: update\n                  value: 307\n                - name: variance\n                  value: 335\n                - name: where\n                  value: 299\n                - name: xor\n                  value: 354\n                - name: _\n                  value: 264\n            - name: Minimum\n              value: 843\n            - name: Not\n              value: 1554\n            - name: Or\n              value: 970\n            - name: Query\n              value: 13896\n            - name: Range\n              value: 1594\n            - name: StringUtil\n              value: 4130\n            - name: Sum\n              value: 791\n            - name: Variable\n              value: 1124\n            - name: Variance\n              value: 1876\n            - name: Xor\n              value: 1101\n        - name: scale\n          children:\n            - name: IScaleMap\n              value: 2105\n            - name: LinearScale\n              value: 1316\n            - name: LogScale\n              value: 3151\n            - name: OrdinalScale\n              value: 3770\n            - name: QuantileScale\n              value: 2435\n            - name: QuantitativeScale\n              value: 4839\n            - name: RootScale\n              value: 1756\n            - name: Scale\n              value: 4268\n            - name: ScaleType\n              value: 1821\n            - name: TimeScale\n              value: 5833\n        - name: util\n          children:\n            - name: Arrays\n              value: 8258\n            - name: Colors\n              value: 10001\n            - name: Dates\n              value: 8217\n            - name: Displays\n              value: 12555\n            - name: Filter\n              value: 2324\n            - name: Geometry\n              value: 10993\n            - name: heap\n              children:\n                - name: FibonacciHeap\n                  value: 9354\n                - name: HeapNode\n                  value: 1233\n            - name: IEvaluable\n              value: 335\n            - name: IPredicate\n              value: 383\n            - name: IValueProxy\n              value: 874\n            - name: math\n              children:\n                - name: DenseMatrix\n                  value: 3165\n                - name: IMatrix\n                  value: 2815\n                - name: SparseMatrix\n                  value: 3366\n            - name: Maths\n              value: 17705\n            - name: Orientation\n              value: 1486\n            - name: palette\n              children:\n                - name: ColorPalette\n                  value: 6367\n                - name: Palette\n                  value: 1229\n                - name: ShapePalette\n                  value: 2059\n                - name: SizePalette\n                  value: 2291\n            - name: Property\n              value: 5559\n            - name: Shapes\n              value: 19118\n            - name: Sort\n              value: 6887\n            - name: Stats\n              value: 6557\n            - name: Strings\n              value: 22026\n        - name: vis\n          children:\n            - name: axis\n              children:\n                - name: Axes\n                  value: 1302\n                - name: Axis\n                  value: 24593\n                - name: AxisGridLine\n                  value: 652\n                - name: AxisLabel\n                  value: 636\n                - name: CartesianAxes\n                  value: 6703\n            - name: controls\n              children:\n                - name: AnchorControl\n                  value: 2138\n                - name: ClickControl\n                  value: 3824\n                - name: Control\n                  value: 1353\n                - name: ControlList\n                  value: 4665\n                - name: DragControl\n                  value: 2649\n                - name: ExpandControl\n                  value: 2832\n                - name: HoverControl\n                  value: 4896\n                - name: IControl\n                  value: 763\n                - name: PanZoomControl\n                  value: 5222\n                - name: SelectionControl\n                  value: 7862\n                - name: TooltipControl\n                  value: 8435\n            - name: data\n              children:\n                - name: Data\n                  value: 20544\n                - name: DataList\n                  value: 19788\n                - name: DataSprite\n                  value: 10349\n                - name: EdgeSprite\n                  value: 3301\n                - name: NodeSprite\n                  value: 19382\n                - name: render\n                  children:\n                    - name: ArrowType\n                      value: 698\n                    - name: EdgeRenderer\n                      value: 5569\n                    - name: IRenderer\n                      value: 353\n                    - name: ShapeRenderer\n                      value: 2247\n                - name: ScaleBinding\n                  value: 11275\n                - name: Tree\n                  value: 7147\n                - name: TreeBuilder\n                  value: 9930\n            - name: events\n              children:\n                - name: DataEvent\n                  value: 2313\n                - name: SelectionEvent\n                  value: 1880\n                - name: TooltipEvent\n                  value: 1701\n                - name: VisualizationEvent\n                  value: 1117\n            - name: legend\n              children:\n                - name: Legend\n                  value: 20859\n                - name: LegendItem\n                  value: 4614\n                - name: LegendRange\n                  value: 10530\n            - name: operator\n              children:\n                - name: distortion\n                  children:\n                    - name: BifocalDistortion\n                      value: 4461\n                    - name: Distortion\n                      value: 6314\n                    - name: FisheyeDistortion\n                      value: 3444\n                - name: encoder\n                  children:\n                    - name: ColorEncoder\n                      value: 3179\n                    - name: Encoder\n                      value: 4060\n                    - name: PropertyEncoder\n                      value: 4138\n                    - name: ShapeEncoder\n                      value: 1690\n                    - name: SizeEncoder\n                      value: 1830\n                - name: filter\n                  children:\n                    - name: FisheyeTreeFilter\n                      value: 5219\n                    - name: GraphDistanceFilter\n                      value: 3165\n                    - name: VisibilityFilter\n                      value: 3509\n                - name: IOperator\n                  value: 1286\n                - name: label\n                  children:\n                    - name: Labeler\n                      value: 9956\n                    - name: RadialLabeler\n                      value: 3899\n                    - name: StackedAreaLabeler\n                      value: 3202\n                - name: layout\n                  children:\n                    - name: AxisLayout\n                      value: 6725\n                    - name: BundledEdgeRouter\n                      value: 3727\n                    - name: CircleLayout\n                      value: 9317\n                    - name: CirclePackingLayout\n                      value: 12003\n                    - name: DendrogramLayout\n                      value: 4853\n                    - name: ForceDirectedLayout\n                      value: 8411\n                    - name: IcicleTreeLayout\n                      value: 4864\n                    - name: IndentedTreeLayout\n                      value: 3174\n                    - name: Layout\n                      value: 7881\n                    - name: NodeLinkTreeLayout\n                      value: 12870\n                    - name: PieLayout\n                      value: 2728\n                    - name: RadialTreeLayout\n                      value: 12348\n                    - name: RandomLayout\n                      value: 870\n                    - name: StackedAreaLayout\n                      value: 9121\n                    - name: TreeMapLayout\n                      value: 9191\n                - name: Operator\n                  value: 2490\n                - name: OperatorList\n                  value: 5248\n                - name: OperatorSequence\n                  value: 4190\n                - name: OperatorSwitch\n                  value: 2581\n                - name: SortOperator\n                  value: 2023\n            - name: Visualization\n              value: 16540\n    style:\n      width: 100%\n      height: 800px\n      display: block\n      background-color: \"#1c1e21\"\n    tooltipUseBrick:\n      useBrick:\n        brick: span\n        properties:\n          textContent: <% DATA.data?.name %>\n    leafUseBrick:\n      useBrick:\n        - if: <% DATA.x1 - DATA.x0 > 70 && DATA.y1 - DATA.y0 > 100 %>\n          brick: div\n          properties:\n            style:\n              padding: \"8px 6px\"\n          slots:\n            \"\":\n              type: bricks\n              bricks:\n                - brick: div\n                  properties:\n                    textContent: <% DATA.data.name %>\n                    style:\n                      \"font-size\": \"20px\"\n                      \"font-weight\": 500\n                      color: \"#FFFFFF\"\n                      \"line-height\": \"28px\"\n                      \"text-shadow\": \"0px 1px 4px #3366FF\"\n                      overflow: \"hidden\"\n                      \"white-space\": \"nowrap\"\n                      \"text-overflow\": \"ellipsis\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.modern-style-treemap\n#   style=\"width: 100%; height: 800px; display: block; background-color: #1c1e21\"\n#   id=\"brick-1\"\n# ></data-view.modern-style-treemap>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.data = {\n#     name: \"flare\",\n#     children: [\n#       {\n#         name: \"analytics\",\n#         children: [\n#           {\n#             name: \"cluster\",\n#             children: [\n#               {\n#                 name: \"AgglomerativeCluster\",\n#                 value: 3938,\n#               },\n#               {\n#                 name: \"CommunityStructure\",\n#                 value: 3812,\n#               },\n#               {\n#                 name: \"HierarchicalCluster\",\n#                 value: 6714,\n#               },\n#               {\n#                 name: \"MergeEdge\",\n#                 value: 743,\n#               },\n#             ],\n#           },\n#           {\n#             name: \"graph\",\n#             children: [\n#               {\n#                 name: \"BetweennessCentrality\",\n#                 value: 3534,\n#               },\n#               {\n#                 name: \"LinkDistance\",\n#                 value: 5731,\n#               },\n#               {\n#                 name: \"MaxFlowMinCut\",\n#                 value: 7840,\n#               },\n#               {\n#                 name: \"ShortestPaths\",\n#                 value: 5914,\n#               },\n#               {\n#                 name: \"SpanningTree\",\n#                 value: 3416,\n#               },\n#             ],\n#           },\n#           {\n#             name: \"optimization\",\n#             children: [\n#               {\n#                 name: \"AspectRatioBanker\",\n#                 value: 7074,\n#               },\n#             ],\n#           },\n#         ],\n#       },\n#       {\n#         name: \"animate\",\n#         children: [\n#           {\n#             name: \"Easing\",\n#             value: 17010,\n#           },\n#           {\n#             name: \"FunctionSequence\",\n#             value: 5842,\n#           },\n#           {\n#             name: \"interpolate\",\n#             children: [\n#               {\n#                 name: \"ArrayInterpolator\",\n#                 value: 1983,\n#               },\n#               {\n#                 name: \"ColorInterpolator\",\n#                 value: 2047,\n#               },\n#               {\n#                 name: \"DateInterpolator\",\n#                 value: 1375,\n#               },\n#               {\n#                 name: \"Interpolator\",\n#                 value: 8746,\n#               },\n#               {\n#                 name: \"MatrixInterpolator\",\n#                 value: 2202,\n#               },\n#               {\n#                 name: \"NumberInterpolator\",\n#                 value: 1382,\n#               },\n#               {\n#                 name: \"ObjectInterpolator\",\n#                 value: 1629,\n#               },\n#               {\n#                 name: \"PointInterpolator\",\n#                 value: 1675,\n#               },\n#               {\n#                 name: \"RectangleInterpolator\",\n#                 value: 2042,\n#               },\n#             ],\n#           },\n#           {\n#             name: \"ISchedulable\",\n#             value: 1041,\n#           },\n#           {\n#             name: \"Parallel\",\n#             value: 5176,\n#           },\n#           {\n#             name: \"Pause\",\n#             value: 449,\n#           },\n#           {\n#             name: \"Scheduler\",\n#             value: 5593,\n#           },\n#           {\n#             name: \"Sequence\",\n#             value: 5534,\n#           },\n#           {\n#             name: \"Transition\",\n#             value: 9201,\n#           },\n#           {\n#             name: \"Transitioner\",\n#             value: 19975,\n#           },\n#           {\n#             name: \"TransitionEvent\",\n#             value: 1116,\n#           },\n#           {\n#             name: \"Tween\",\n#             value: 6006,\n#           },\n#         ],\n#       },\n#       {\n#         name: \"data\",\n#         children: [\n#           {\n#             name: \"converters\",\n#             children: [\n#               {\n#                 name: \"Converters\",\n#                 value: 721,\n#               },\n#               {\n#                 name: \"DelimitedTextConverter\",\n#                 value: 4294,\n#               },\n#               {\n#                 name: \"GraphMLConverter\",\n#                 value: 9800,\n#               },\n#               {\n#                 name: \"IDataConverter\",\n#                 value: 1314,\n#               },\n#               {\n#                 name: \"JSONConverter\",\n#                 value: 2220,\n#               },\n#             ],\n#           },\n#           {\n#             name: \"DataField\",\n#             value: 1759,\n#           },\n#           {\n#             name: \"DataSchema\",\n#             value: 2165,\n#           },\n#           {\n#             name: \"DataSet\",\n#             value: 586,\n#           },\n#           {\n#             name: \"DataSource\",\n#             value: 3331,\n#           },\n#           {\n#             name: \"DataTable\",\n#             value: 772,\n#           },\n#           {\n#             name: \"DataUtil\",\n#             value: 3322,\n#           },\n#         ],\n#       },\n#       {\n#         name: \"display\",\n#         children: [\n#           {\n#             name: \"DirtySprite\",\n#             value: 8833,\n#           },\n#           {\n#             name: \"LineSprite\",\n#             value: 1732,\n#           },\n#           {\n#             name: \"RectSprite\",\n#             value: 3623,\n#           },\n#           {\n#             name: \"TextSprite\",\n#             value: 10066,\n#           },\n#         ],\n#       },\n#       {\n#         name: \"flex\",\n#         children: [\n#           {\n#             name: \"FlareVis\",\n#             value: 4116,\n#           },\n#         ],\n#       },\n#       {\n#         name: \"physics\",\n#         children: [\n#           {\n#             name: \"DragForce\",\n#             value: 1082,\n#           },\n#           {\n#             name: \"GravityForce\",\n#             value: 1336,\n#           },\n#           {\n#             name: \"IForce\",\n#             value: 319,\n#           },\n#           {\n#             name: \"NBodyForce\",\n#             value: 10498,\n#           },\n#           {\n#             name: \"Particle\",\n#             value: 2822,\n#           },\n#           {\n#             name: \"Simulation\",\n#             value: 9983,\n#           },\n#           {\n#             name: \"Spring\",\n#             value: 2213,\n#           },\n#           {\n#             name: \"SpringForce\",\n#             value: 1681,\n#           },\n#         ],\n#       },\n#       {\n#         name: \"query\",\n#         children: [\n#           {\n#             name: \"AggregateExpression\",\n#             value: 1616,\n#           },\n#           {\n#             name: \"And\",\n#             value: 1027,\n#           },\n#           {\n#             name: \"Arithmetic\",\n#             value: 3891,\n#           },\n#           {\n#             name: \"Average\",\n#             value: 891,\n#           },\n#           {\n#             name: \"BinaryExpression\",\n#             value: 2893,\n#           },\n#           {\n#             name: \"Comparison\",\n#             value: 5103,\n#           },\n#           {\n#             name: \"CompositeExpression\",\n#             value: 3677,\n#           },\n#           {\n#             name: \"Count\",\n#             value: 781,\n#           },\n#           {\n#             name: \"DateUtil\",\n#             value: 4141,\n#           },\n#           {\n#             name: \"Distinct\",\n#             value: 933,\n#           },\n#           {\n#             name: \"Expression\",\n#             value: 5130,\n#           },\n#           {\n#             name: \"ExpressionIterator\",\n#             value: 3617,\n#           },\n#           {\n#             name: \"Fn\",\n#             value: 3240,\n#           },\n#           {\n#             name: \"If\",\n#             value: 2732,\n#           },\n#           {\n#             name: \"IsA\",\n#             value: 2039,\n#           },\n#           {\n#             name: \"Literal\",\n#             value: 1214,\n#           },\n#           {\n#             name: \"Match\",\n#             value: 3748,\n#           },\n#           {\n#             name: \"Maximum\",\n#             value: 843,\n#           },\n#           {\n#             name: \"methods\",\n#             children: [\n#               {\n#                 name: \"add\",\n#                 value: 593,\n#               },\n#               {\n#                 name: \"and\",\n#                 value: 330,\n#               },\n#               {\n#                 name: \"average\",\n#                 value: 287,\n#               },\n#               {\n#                 name: \"count\",\n#                 value: 277,\n#               },\n#               {\n#                 name: \"distinct\",\n#                 value: 292,\n#               },\n#               {\n#                 name: \"div\",\n#                 value: 595,\n#               },\n#               {\n#                 name: \"eq\",\n#                 value: 594,\n#               },\n#               {\n#                 name: \"fn\",\n#                 value: 460,\n#               },\n#               {\n#                 name: \"gt\",\n#                 value: 603,\n#               },\n#               {\n#                 name: \"gte\",\n#                 value: 625,\n#               },\n#               {\n#                 name: \"iff\",\n#                 value: 748,\n#               },\n#               {\n#                 name: \"isa\",\n#                 value: 461,\n#               },\n#               {\n#                 name: \"lt\",\n#                 value: 597,\n#               },\n#               {\n#                 name: \"lte\",\n#                 value: 619,\n#               },\n#               {\n#                 name: \"max\",\n#                 value: 283,\n#               },\n#               {\n#                 name: \"min\",\n#                 value: 283,\n#               },\n#               {\n#                 name: \"mod\",\n#                 value: 591,\n#               },\n#               {\n#                 name: \"mul\",\n#                 value: 603,\n#               },\n#               {\n#                 name: \"neq\",\n#                 value: 599,\n#               },\n#               {\n#                 name: \"not\",\n#                 value: 386,\n#               },\n#               {\n#                 name: \"or\",\n#                 value: 323,\n#               },\n#               {\n#                 name: \"orderby\",\n#                 value: 307,\n#               },\n#               {\n#                 name: \"range\",\n#                 value: 772,\n#               },\n#               {\n#                 name: \"select\",\n#                 value: 296,\n#               },\n#               {\n#                 name: \"stddev\",\n#                 value: 363,\n#               },\n#               {\n#                 name: \"sub\",\n#                 value: 600,\n#               },\n#               {\n#                 name: \"sum\",\n#                 value: 280,\n#               },\n#               {\n#                 name: \"update\",\n#                 value: 307,\n#               },\n#               {\n#                 name: \"variance\",\n#                 value: 335,\n#               },\n#               {\n#                 name: \"where\",\n#                 value: 299,\n#               },\n#               {\n#                 name: \"xor\",\n#                 value: 354,\n#               },\n#               {\n#                 name: \"_\",\n#                 value: 264,\n#               },\n#             ],\n#           },\n#           {\n#             name: \"Minimum\",\n#             value: 843,\n#           },\n#           {\n#             name: \"Not\",\n#             value: 1554,\n#           },\n#           {\n#             name: \"Or\",\n#             value: 970,\n#           },\n#           {\n#             name: \"Query\",\n#             value: 13896,\n#           },\n#           {\n#             name: \"Range\",\n#             value: 1594,\n#           },\n#           {\n#             name: \"StringUtil\",\n#             value: 4130,\n#           },\n#           {\n#             name: \"Sum\",\n#             value: 791,\n#           },\n#           {\n#             name: \"Variable\",\n#             value: 1124,\n#           },\n#           {\n#             name: \"Variance\",\n#             value: 1876,\n#           },\n#           {\n#             name: \"Xor\",\n#             value: 1101,\n#           },\n#         ],\n#       },\n#       {\n#         name: \"scale\",\n#         children: [\n#           {\n#             name: \"IScaleMap\",\n#             value: 2105,\n#           },\n#           {\n#             name: \"LinearScale\",\n#             value: 1316,\n#           },\n#           {\n#             name: \"LogScale\",\n#             value: 3151,\n#           },\n#           {\n#             name: \"OrdinalScale\",\n#             value: 3770,\n#           },\n#           {\n#             name: \"QuantileScale\",\n#             value: 2435,\n#           },\n#           {\n#             name: \"QuantitativeScale\",\n#             value: 4839,\n#           },\n#           {\n#             name: \"RootScale\",\n#             value: 1756,\n#           },\n#           {\n#             name: \"Scale\",\n#             value: 4268,\n#           },\n#           {\n#             name: \"ScaleType\",\n#             value: 1821,\n#           },\n#           {\n#             name: \"TimeScale\",\n#             value: 5833,\n#           },\n#         ],\n#       },\n#       {\n#         name: \"util\",\n#         children: [\n#           {\n#             name: \"Arrays\",\n#             value: 8258,\n#           },\n#           {\n#             name: \"Colors\",\n#             value: 10001,\n#           },\n#           {\n#             name: \"Dates\",\n#             value: 8217,\n#           },\n#           {\n#             name: \"Displays\",\n#             value: 12555,\n#           },\n#           {\n#             name: \"Filter\",\n#             value: 2324,\n#           },\n#           {\n#             name: \"Geometry\",\n#             value: 10993,\n#           },\n#           {\n#             name: \"heap\",\n#             children: [\n#               {\n#                 name: \"FibonacciHeap\",\n#                 value: 9354,\n#               },\n#               {\n#                 name: \"HeapNode\",\n#                 value: 1233,\n#               },\n#             ],\n#           },\n#           {\n#             name: \"IEvaluable\",\n#             value: 335,\n#           },\n#           {\n#             name: \"IPredicate\",\n#             value: 383,\n#           },\n#           {\n#             name: \"IValueProxy\",\n#             value: 874,\n#           },\n#           {\n#             name: \"math\",\n#             children: [\n#               {\n#                 name: \"DenseMatrix\",\n#                 value: 3165,\n#               },\n#               {\n#                 name: \"IMatrix\",\n#                 value: 2815,\n#               },\n#               {\n#                 name: \"SparseMatrix\",\n#                 value: 3366,\n#               },\n#             ],\n#           },\n#           {\n#             name: \"Maths\",\n#             value: 17705,\n#           },\n#           {\n#             name: \"Orientation\",\n#             value: 1486,\n#           },\n#           {\n#             name: \"palette\",\n#             children: [\n#               {\n#                 name: \"ColorPalette\",\n#                 value: 6367,\n#               },\n#               {\n#                 name: \"Palette\",\n#                 value: 1229,\n#               },\n#               {\n#                 name: \"ShapePalette\",\n#                 value: 2059,\n#               },\n#               {\n#                 name: \"SizePalette\",\n#                 value: 2291,\n#               },\n#             ],\n#           },\n#           {\n#             name: \"Property\",\n#             value: 5559,\n#           },\n#           {\n#             name: \"Shapes\",\n#             value: 19118,\n#           },\n#           {\n#             name: \"Sort\",\n#             value: 6887,\n#           },\n#           {\n#             name: \"Stats\",\n#             value: 6557,\n#           },\n#           {\n#             name: \"Strings\",\n#             value: 22026,\n#           },\n#         ],\n#       },\n#       {\n#         name: \"vis\",\n#         children: [\n#           {\n#             name: \"axis\",\n#             children: [\n#               {\n#                 name: \"Axes\",\n#                 value: 1302,\n#               },\n#               {\n#                 name: \"Axis\",\n#                 value: 24593,\n#               },\n#               {\n#                 name: \"AxisGridLine\",\n#                 value: 652,\n#               },\n#               {\n#                 name: \"AxisLabel\",\n#                 value: 636,\n#               },\n#               {\n#                 name: \"CartesianAxes\",\n#                 value: 6703,\n#               },\n#             ],\n#           },\n#           {\n#             name: \"controls\",\n#             children: [\n#               {\n#                 name: \"AnchorControl\",\n#                 value: 2138,\n#               },\n#               {\n#                 name: \"ClickControl\",\n#                 value: 3824,\n#               },\n#               {\n#                 name: \"Control\",\n#                 value: 1353,\n#               },\n#               {\n#                 name: \"ControlList\",\n#                 value: 4665,\n#               },\n#               {\n#                 name: \"DragControl\",\n#                 value: 2649,\n#               },\n#               {\n#                 name: \"ExpandControl\",\n#                 value: 2832,\n#               },\n#               {\n#                 name: \"HoverControl\",\n#                 value: 4896,\n#               },\n#               {\n#                 name: \"IControl\",\n#                 value: 763,\n#               },\n#               {\n#                 name: \"PanZoomControl\",\n#                 value: 5222,\n#               },\n#               {\n#                 name: \"SelectionControl\",\n#                 value: 7862,\n#               },\n#               {\n#                 name: \"TooltipControl\",\n#                 value: 8435,\n#               },\n#             ],\n#           },\n#           {\n#             name: \"data\",\n#             children: [\n#               {\n#                 name: \"Data\",\n#                 value: 20544,\n#               },\n#               {\n#                 name: \"DataList\",\n#                 value: 19788,\n#               },\n#               {\n#                 name: \"DataSprite\",\n#                 value: 10349,\n#               },\n#               {\n#                 name: \"EdgeSprite\",\n#                 value: 3301,\n#               },\n#               {\n#                 name: \"NodeSprite\",\n#                 value: 19382,\n#               },\n#               {\n#                 name: \"render\",\n#                 children: [\n#                   {\n#                     name: \"ArrowType\",\n#                     value: 698,\n#                   },\n#                   {\n#                     name: \"EdgeRenderer\",\n#                     value: 5569,\n#                   },\n#                   {\n#                     name: \"IRenderer\",\n#                     value: 353,\n#                   },\n#                   {\n#                     name: \"ShapeRenderer\",\n#                     value: 2247,\n#                   },\n#                 ],\n#               },\n#               {\n#                 name: \"ScaleBinding\",\n#                 value: 11275,\n#               },\n#               {\n#                 name: \"Tree\",\n#                 value: 7147,\n#               },\n#               {\n#                 name: \"TreeBuilder\",\n#                 value: 9930,\n#               },\n#             ],\n#           },\n#           {\n#             name: \"events\",\n#             children: [\n#               {\n#                 name: \"DataEvent\",\n#                 value: 2313,\n#               },\n#               {\n#                 name: \"SelectionEvent\",\n#                 value: 1880,\n#               },\n#               {\n#                 name: \"TooltipEvent\",\n#                 value: 1701,\n#               },\n#               {\n#                 name: \"VisualizationEvent\",\n#                 value: 1117,\n#               },\n#             ],\n#           },\n#           {\n#             name: \"legend\",\n#             children: [\n#               {\n#                 name: \"Legend\",\n#                 value: 20859,\n#               },\n#               {\n#                 name: \"LegendItem\",\n#                 value: 4614,\n#               },\n#               {\n#                 name: \"LegendRange\",\n#                 value: 10530,\n#               },\n#             ],\n#           },\n#           {\n#             name: \"operator\",\n#             children: [\n#               {\n#                 name: \"distortion\",\n#                 children: [\n#                   {\n#                     name: \"BifocalDistortion\",\n#                     value: 4461,\n#                   },\n#                   {\n#                     name: \"Distortion\",\n#                     value: 6314,\n#                   },\n#                   {\n#                     name: \"FisheyeDistortion\",\n#                     value: 3444,\n#                   },\n#                 ],\n#               },\n#               {\n#                 name: \"encoder\",\n#                 children: [\n#                   {\n#                     name: \"ColorEncoder\",\n#                     value: 3179,\n#                   },\n#                   {\n#                     name: \"Encoder\",\n#                     value: 4060,\n#                   },\n#                   {\n#                     name: \"PropertyEncoder\",\n#                     value: 4138,\n#                   },\n#                   {\n#                     name: \"ShapeEncoder\",\n#                     value: 1690,\n#                   },\n#                   {\n#                     name: \"SizeEncoder\",\n#                     value: 1830,\n#                   },\n#                 ],\n#               },\n#               {\n#                 name: \"filter\",\n#                 children: [\n#                   {\n#                     name: \"FisheyeTreeFilter\",\n#                     value: 5219,\n#                   },\n#                   {\n#                     name: \"GraphDistanceFilter\",\n#                     value: 3165,\n#                   },\n#                   {\n#                     name: \"VisibilityFilter\",\n#                     value: 3509,\n#                   },\n#                 ],\n#               },\n#               {\n#                 name: \"IOperator\",\n#                 value: 1286,\n#               },\n#               {\n#                 name: \"label\",\n#                 children: [\n#                   {\n#                     name: \"Labeler\",\n#                     value: 9956,\n#                   },\n#                   {\n#                     name: \"RadialLabeler\",\n#                     value: 3899,\n#                   },\n#                   {\n#                     name: \"StackedAreaLabeler\",\n#                     value: 3202,\n#                   },\n#                 ],\n#               },\n#               {\n#                 name: \"layout\",\n#                 children: [\n#                   {\n#                     name: \"AxisLayout\",\n#                     value: 6725,\n#                   },\n#                   {\n#                     name: \"BundledEdgeRouter\",\n#                     value: 3727,\n#                   },\n#                   {\n#                     name: \"CircleLayout\",\n#                     value: 9317,\n#                   },\n#                   {\n#                     name: \"CirclePackingLayout\",\n#                     value: 12003,\n#                   },\n#                   {\n#                     name: \"DendrogramLayout\",\n#                     value: 4853,\n#                   },\n#                   {\n#                     name: \"ForceDirectedLayout\",\n#                     value: 8411,\n#                   },\n#                   {\n#                     name: \"IcicleTreeLayout\",\n#                     value: 4864,\n#                   },\n#                   {\n#                     name: \"IndentedTreeLayout\",\n#                     value: 3174,\n#                   },\n#                   {\n#                     name: \"Layout\",\n#                     value: 7881,\n#                   },\n#                   {\n#                     name: \"NodeLinkTreeLayout\",\n#                     value: 12870,\n#                   },\n#                   {\n#                     name: \"PieLayout\",\n#                     value: 2728,\n#                   },\n#                   {\n#                     name: \"RadialTreeLayout\",\n#                     value: 12348,\n#                   },\n#                   {\n#                     name: \"RandomLayout\",\n#                     value: 870,\n#                   },\n#                   {\n#                     name: \"StackedAreaLayout\",\n#                     value: 9121,\n#                   },\n#                   {\n#                     name: \"TreeMapLayout\",\n#                     value: 9191,\n#                   },\n#                 ],\n#               },\n#               {\n#                 name: \"Operator\",\n#                 value: 2490,\n#               },\n#               {\n#                 name: \"OperatorList\",\n#                 value: 5248,\n#               },\n#               {\n#                 name: \"OperatorSequence\",\n#                 value: 4190,\n#               },\n#               {\n#                 name: \"OperatorSwitch\",\n#                 value: 2581,\n#               },\n#               {\n#                 name: \"SortOperator\",\n#                 value: 2023,\n#               },\n#             ],\n#           },\n#           {\n#             name: \"Visualization\",\n#             value: 16540,\n#           },\n#         ],\n#       },\n#     ],\n#   };\n#   brick_1.tooltipUseBrick = {\n#     useBrick: {\n#       brick: \"span\",\n#       properties: {\n#         textContent: \"<% DATA.data?.name %>\",\n#       },\n#     },\n#   };\n#   brick_1.leafUseBrick = {\n#     useBrick: [\n#       {\n#         if: \"<% DATA.x1 - DATA.x0 > 70 && DATA.y1 - DATA.y0 > 100 %>\",\n#         brick: \"div\",\n#         properties: {\n#           style: {\n#             padding: \"8px 6px\",\n#           },\n#         },\n#         slots: {\n#           \"\": {\n#             type: \"bricks\",\n#             bricks: [\n#               {\n#                 brick: \"div\",\n#                 properties: {\n#                   textContent: \"<% DATA.data.name %>\",\n#                   style: {\n#                     \"font-size\": \"20px\",\n#                     \"font-weight\": 500,\n#                     color: \"#FFFFFF\",\n#                     \"line-height\": \"28px\",\n#                     \"text-shadow\": \"0px 1px 4px #3366FF\",\n#                     overflow: \"hidden\",\n#                     \"white-space\": \"nowrap\",\n#                     \"text-overflow\": \"ellipsis\",\n#                   },\n#                 },\n#               },\n#             ],\n#           },\n#         },\n#       },\n#     ],\n#   };\n# </script>\n# \n```\n"
   },
@@ -32,15 +32,15 @@
   "data-view.app-wall-card-item": {
     "doc": "应用墙小卡片\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.app-wall-card-item\n  properties:\n    cardTitle: pos\n    description: 店铺货管通\n    style:\n      width: 100px\n      height: 120px\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.app-wall-card-item\n#   card-title=\"pos\"\n#   description=\"店铺货管通\"\n#   style=\"width: 100px; height: 120px\"\n# ></data-view.app-wall-card-item>\n# \n```\n\n### Status\n\n```yaml preview\n- brick: data-view.app-wall-card-item\n  properties:\n    status: warning\n    cardTitle: pos\n    description: 店铺货管通\n    style:\n      width: 100px\n      height: 120px\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.app-wall-card-item\n#   status=\"warning\"\n#   card-title=\"pos\"\n#   description=\"店铺货管通\"\n#   style=\"width: 100px; height: 120px\"\n# ></data-view.app-wall-card-item>\n# \n```\n"
   },
-  "data-view.app-wall-system-card": {
-    "doc": "系统卡片\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.app-wall-system-card\n  properties:\n    cardTitle: A系统\n    itemList:\n      - key: 实例ID\n        value: xxxx\n      - key: 系统英文缩写\n        value: system-fms\n      - key: 实例ID\n        value: xxx\n      - key: 系统英文名称\n        value: app-fms\n      - key: 系统中文名称\n        value: A财务系统\n      - key: 归属部门\n        value: 财务系统部\n      - key: 系统类型\n        value: 应用系统\n      - key: 系统描述\n        value: 1、使用场景概述：财务应收和应付结算\n    buttonName: 应用墙大屏\n    style:\n      background: rgba(40, 46, 58, 100%)\n      box-shadow: \"0 0 12px 2px rgba(80, 255, 255, 0.45), inset 0 0 22px 0 #20242A\"\n      border: \"2px solid #50FFFF\"\n      overflow: hidden\n      height: 400px\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.app-wall-system-card\n#   card-title=\"A系统\"\n#   button-name=\"应用墙大屏\"\n#   style=\"\n#     background: rgba(40, 46, 58, 100%);\n#     box-shadow:\n#       0 0 12px 2px rgba(80, 255, 255, 0.45),\n#       inset 0 0 22px 0 #20242a;\n#     border: 2px solid #50ffff;\n#     overflow: hidden;\n#     height: 400px;\n#   \"\n#   id=\"brick-1\"\n# ></data-view.app-wall-system-card>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.itemList = [\n#     {\n#       key: \"实例ID\",\n#       value: \"xxxx\",\n#     },\n#     {\n#       key: \"系统英文缩写\",\n#       value: \"system-fms\",\n#     },\n#     {\n#       key: \"实例ID\",\n#       value: \"xxx\",\n#     },\n#     {\n#       key: \"系统英文名称\",\n#       value: \"app-fms\",\n#     },\n#     {\n#       key: \"系统中文名称\",\n#       value: \"A财务系统\",\n#     },\n#     {\n#       key: \"归属部门\",\n#       value: \"财务系统部\",\n#     },\n#     {\n#       key: \"系统类型\",\n#       value: \"应用系统\",\n#     },\n#     {\n#       key: \"系统描述\",\n#       value: \"1、使用场景概述：财务应收和应付结算\",\n#     },\n#   ];\n# </script>\n# \n```\n\n### Status\n\n```yaml preview\n- brick: data-view.app-wall-system-card\n  properties:\n    cardTitle: B系统\n    itemList:\n      - key: 实例ID\n        value: xxxx\n      - key: 系统英文缩写\n        value: system-fms-B\n      - key: 系统描述\n        value: 1、使用场景概述：财务应收和应付结算\n    buttonName: 应用墙大屏\n    status: warning\n    style:\n      background: \"linear-gradient(180deg, #CC0066 0%, rgba(204, 0, 102, 0.2) 100%),#0F1117FF\"\n      box-shadow: \"0 0 12px 2px rgba(204, 0, 102, 0.4), inset 0 4px 10px 0 rgba(255, 255, 255, 0.65)\"\n      overflow: hidden\n      height: 400px\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.app-wall-system-card\n#   card-title=\"B系统\"\n#   button-name=\"应用墙大屏\"\n#   style=\"\n#     background: linear-gradient(180deg, #cc0066 0%, rgba(204, 0, 102, 0.2) 100%),\n#       #0f1117ff;\n#     box-shadow:\n#       0 0 12px 2px rgba(204, 0, 102, 0.4),\n#       inset 0 4px 10px 0 rgba(255, 255, 255, 0.65);\n#     overflow: hidden;\n#     height: 400px;\n#   \"\n#   id=\"brick-1\"\n# ></data-view.app-wall-system-card>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.itemList = [\n#     {\n#       key: \"实例ID\",\n#       value: \"xxxx\",\n#     },\n#     {\n#       key: \"系统英文缩写\",\n#       value: \"system-fms-B\",\n#     },\n#     {\n#       key: \"系统描述\",\n#       value: \"1、使用场景概述：财务应收和应付结算\",\n#     },\n#   ];\n#   brick_1.status = \"warning\";\n# </script>\n# \n```\n"
-  },
   "data-view.app-wall-relation-line": {
     "doc": "应用墙流光线条\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.app-wall-relation-line\n  properties:\n    lightColor: purple\n    style:\n      height: 200px\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.app-wall-relation-line\n#   light-color=\"purple\"\n#   style=\"height: 200px\"\n# ></data-view.app-wall-relation-line>\n# \n```\n"
   },
   "data-view.cabinet-button": {
     "doc": "data-view.cabinet-button\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.cabinet-button\n  properties:\n    buttonStyle:\n      width: 50px\n      height: 50px\n      background: \"#1c1e21\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.cabinet-button id=\"brick-1\"></data-view.cabinet-button>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.buttonStyle = {\n#     width: \"50px\",\n#     height: \"50px\",\n#     background: \"#1c1e21\",\n#   };\n# </script>\n# \n```\n"
   },
+  "data-view.app-wall-system-card": {
+    "doc": "系统卡片\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.app-wall-system-card\n  properties:\n    cardTitle: A系统\n    itemList:\n      - key: 实例ID\n        value: xxxx\n      - key: 系统英文缩写\n        value: system-fms\n      - key: 实例ID\n        value: xxx\n      - key: 系统英文名称\n        value: app-fms\n      - key: 系统中文名称\n        value: A财务系统\n      - key: 归属部门\n        value: 财务系统部\n      - key: 系统类型\n        value: 应用系统\n      - key: 系统描述\n        value: 1、使用场景概述：财务应收和应付结算\n    buttonName: 应用墙大屏\n    style:\n      background: rgba(40, 46, 58, 100%)\n      box-shadow: \"0 0 12px 2px rgba(80, 255, 255, 0.45), inset 0 0 22px 0 #20242A\"\n      border: \"2px solid #50FFFF\"\n      overflow: hidden\n      height: 400px\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.app-wall-system-card\n#   card-title=\"A系统\"\n#   button-name=\"应用墙大屏\"\n#   style=\"\n#     background: rgba(40, 46, 58, 100%);\n#     box-shadow:\n#       0 0 12px 2px rgba(80, 255, 255, 0.45),\n#       inset 0 0 22px 0 #20242a;\n#     border: 2px solid #50ffff;\n#     overflow: hidden;\n#     height: 400px;\n#   \"\n#   id=\"brick-1\"\n# ></data-view.app-wall-system-card>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.itemList = [\n#     {\n#       key: \"实例ID\",\n#       value: \"xxxx\",\n#     },\n#     {\n#       key: \"系统英文缩写\",\n#       value: \"system-fms\",\n#     },\n#     {\n#       key: \"实例ID\",\n#       value: \"xxx\",\n#     },\n#     {\n#       key: \"系统英文名称\",\n#       value: \"app-fms\",\n#     },\n#     {\n#       key: \"系统中文名称\",\n#       value: \"A财务系统\",\n#     },\n#     {\n#       key: \"归属部门\",\n#       value: \"财务系统部\",\n#     },\n#     {\n#       key: \"系统类型\",\n#       value: \"应用系统\",\n#     },\n#     {\n#       key: \"系统描述\",\n#       value: \"1、使用场景概述：财务应收和应付结算\",\n#     },\n#   ];\n# </script>\n# \n```\n\n### Status\n\n```yaml preview\n- brick: data-view.app-wall-system-card\n  properties:\n    cardTitle: B系统\n    itemList:\n      - key: 实例ID\n        value: xxxx\n      - key: 系统英文缩写\n        value: system-fms-B\n      - key: 系统描述\n        value: 1、使用场景概述：财务应收和应付结算\n    buttonName: 应用墙大屏\n    status: warning\n    style:\n      background: \"linear-gradient(180deg, #CC0066 0%, rgba(204, 0, 102, 0.2) 100%),#0F1117FF\"\n      box-shadow: \"0 0 12px 2px rgba(204, 0, 102, 0.4), inset 0 4px 10px 0 rgba(255, 255, 255, 0.65)\"\n      overflow: hidden\n      height: 400px\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.app-wall-system-card\n#   card-title=\"B系统\"\n#   button-name=\"应用墙大屏\"\n#   style=\"\n#     background: linear-gradient(180deg, #cc0066 0%, rgba(204, 0, 102, 0.2) 100%),\n#       #0f1117ff;\n#     box-shadow:\n#       0 0 12px 2px rgba(204, 0, 102, 0.4),\n#       inset 0 4px 10px 0 rgba(255, 255, 255, 0.65);\n#     overflow: hidden;\n#     height: 400px;\n#   \"\n#   id=\"brick-1\"\n# ></data-view.app-wall-system-card>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.itemList = [\n#     {\n#       key: \"实例ID\",\n#       value: \"xxxx\",\n#     },\n#     {\n#       key: \"系统英文缩写\",\n#       value: \"system-fms-B\",\n#     },\n#     {\n#       key: \"系统描述\",\n#       value: \"1、使用场景概述：财务应收和应付结算\",\n#     },\n#   ];\n#   brick_1.status = \"warning\";\n# </script>\n# \n```\n"
+  },
   "data-view.cabinet-node": {
     "doc": "data-view.cabinet-node\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.cabinet-node\n  properties:\n    type: container-group\n    nodeTitle: 容器组\n    style:\n      width: 100px\n      background: \"#1c1e21\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.cabinet-node\n#   type=\"container-group\"\n#   node-title=\"容器组\"\n#   style=\"width: 100px; background: #1c1e21\"\n# ></data-view.cabinet-node>\n# \n```\n\n### IsAlert\n\n```yaml preview\n- brick: data-view.cabinet-node\n  properties:\n    type: container-group\n    nodeTitle: 容器组\n    isAlert: true\n    style:\n      width: 100px\n      background: \"#1c1e21\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.cabinet-node\n#   type=\"container-group\"\n#   node-title=\"容器组\"\n#   is-alert\n#   style=\"width: 100px; background: #1c1e21\"\n# ></data-view.cabinet-node>\n# \n```\n"
   },
@@ -120,6 +120,15 @@
     "doc": "构件 `data-view.progress-bar-list`\n\n## Examples\n\n### Basic\n\n```yaml preview\nbrick: data-view.progress-bar-list\nproperties:\n  dataSource:\n    - title: 资源1\n      count: 123\n    - title: 资源2\n      count: 39\n    - title: 资源3\n      count: 23\n    - title: 资源4\n      count: 13\n    - title: 资源5\n      count: 49\n      barBackground: linear-gradient(to right, rgba(255, 222, 104, 0.2), rgb(255, 222, 104))\n      loopBackground: rgb(255, 222, 104)\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.progress-bar-list id=\"brick-1\"></data-view.progress-bar-list>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.dataSource = [\n#     {\n#       title: \"资源1\",\n#       count: 123,\n#     },\n#     {\n#       title: \"资源2\",\n#       count: 39,\n#     },\n#     {\n#       title: \"资源3\",\n#       count: 23,\n#     },\n#     {\n#       title: \"资源4\",\n#       count: 13,\n#     },\n#     {\n#       title: \"资源5\",\n#       count: 49,\n#       barBackground:\n#         \"linear-gradient(to right, rgba(255, 222, 104, 0.2), rgb(255, 222, 104))\",\n#       loopBackground: \"rgb(255, 222, 104)\",\n#     },\n#   ];\n# </script>\n# \n```\n"
   },
   "data-view.china-map-chart": {
-    "doc": "构件 `data-view.china-map-chart`\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.china-map-chart\n  slots:\n    detail:\n      bricks:\n        - brick: div\n          properties:\n            textContent: 内容区\n  events:\n    detail.open.change:\n      - action: console.log\n  properties:\n    detailContentStyle:\n      background: \"yellow\"\n    dataSource:\n      - text: \"西藏 12311\"\n        detailDisplayLocation: \"textBottom\"\n        city: 西藏\n      - text: \"四川 89781169\"\n        detailDisplayLocation: \"textBottom\"\n        city: 四川\n      - text: \"台湾 234181\"\n        detailDisplayLocation: \"pageCenter\"\n        city: 台湾\n      - text: \"江西 21348\"\n        detailDisplayLocation: \"pageCenter\"\n        city: 江西\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.china-map-chart id=\"brick-1\">\n#   <div slot=\"detail\">内容区</div>\n# </data-view.china-map-chart>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.detailContentStyle = {\n#     background: \"yellow\",\n#   };\n#   brick_1.dataSource = [\n#     {\n#       text: \"西藏 12311\",\n#       detailDisplayLocation: \"textBottom\",\n#       city: \"西藏\",\n#     },\n#     {\n#       text: \"四川 89781169\",\n#       detailDisplayLocation: \"textBottom\",\n#       city: \"四川\",\n#     },\n#     {\n#       text: \"台湾 234181\",\n#       detailDisplayLocation: \"pageCenter\",\n#       city: \"台湾\",\n#     },\n#     {\n#       text: \"江西 21348\",\n#       detailDisplayLocation: \"pageCenter\",\n#       city: \"江西\",\n#     },\n#   ];\n#   brick_1.addEventListener(\"detail.open.change\", (e) => {\n#     console.log(e.detail);\n#   });\n# </script>\n# \n```\n"
+    "doc": "中国地图图表构件，可以显示省级指标数据\n\n## Examples\n\n### Basic\n\n```yaml preview\nbrick: data-view.china-map-chart\nproperties:\n  dataSource:\n    - text: \"西藏 12311\"\n      city: 西藏\n    - text: \"四川 89781169\"\n      city: 四川\n    - text: \"台湾 234181\"\n      city: 台湾\n    - text: \"江西 21348\"\n      city: 江西\n# Currently this brick only looks well within dark theme\nlifeCycle:\n  onPageLoad:\n    action: theme.setTheme\n    args:\n      - dark-v2\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.china-map-chart id=\"brick-1\"></data-view.china-map-chart>\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#       text: \"江西 21348\",\n#       city: \"江西\",\n#     },\n#   ];\n# </script>\n# \n```\n\n### With detail\n\n```yaml preview\nbrick: data-view.china-map-chart\nproperties:\n  detailContentStyle:\n    background: \"yellow\"\n  dataSource:\n    - text: \"西藏 12311\"\n      detailDisplayLocation: \"textBottom\"\n      city: 西藏\n    - text: \"四川 89781169\"\n      detailDisplayLocation: \"textBottom\"\n      city: 四川\n    - text: \"台湾 234181\"\n      detailDisplayLocation: \"pageCenter\"\n      city: 台湾\n    - text: \"江西 21348\"\n      detailDisplayLocation: \"pageCenter\"\n      city: 江西\nevents:\n  detail.open.change:\n    - action: console.log\nslots:\n  detail:\n    bricks:\n      - brick: div\n        properties:\n          textContent: 内容区\n# Currently this brick only looks well within dark theme\nlifeCycle:\n  onPageLoad:\n    action: theme.setTheme\n    args:\n      - dark-v2\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.china-map-chart id=\"brick-1\">\n#   <div slot=\"detail\">内容区</div>\n# </data-view.china-map-chart>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.detailContentStyle = {\n#     background: \"yellow\",\n#   };\n#   brick_1.dataSource = [\n#     {\n#       text: \"西藏 12311\",\n#       detailDisplayLocation: \"textBottom\",\n#       city: \"西藏\",\n#     },\n#     {\n#       text: \"四川 89781169\",\n#       detailDisplayLocation: \"textBottom\",\n#       city: \"四川\",\n#     },\n#     {\n#       text: \"台湾 234181\",\n#       detailDisplayLocation: \"pageCenter\",\n#       city: \"台湾\",\n#     },\n#     {\n#       text: \"江西 21348\",\n#       detailDisplayLocation: \"pageCenter\",\n#       city: \"江西\",\n#     },\n#   ];\n#   brick_1.addEventListener(\"detail.open.change\", (e) => {\n#     console.log(e.detail);\n#   });\n# </script>\n# \n```\n"
+  },
+  "data-view.crystal-ball-indicator": {
+    "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.crystal-ball-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      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.crystal-ball-indicator\n#     id=\"brick-1\"\n#   ></data-view.crystal-ball-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#   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"
+  },
+  "data-view.globe-with-gear-indicator": {
+    "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-gear-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      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-gear-indicator\n#     id=\"brick-1\"\n#   ></data-view.globe-with-gear-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#   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"
+  },
+  "data-view.globe-with-halo-indicator": {
+    "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-halo-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      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-halo-indicator\n#     id=\"brick-1\"\n#   ></data-view.globe-with-halo-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#   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"
   }
 }

package/dist/images/4f7762f3.svg

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="119px" height="22px" viewBox="0 0 119 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>黄色组合</title>
+    <defs>
+        <linearGradient x1="100%" y1="50%" x2="1.60539883%" y2="50.4985354%" id="linearGradient-1">
+            <stop stop-color="#EDC400" stop-opacity="0" offset="0%"></stop>
+            <stop stop-color="#EDC400" stop-opacity="0.3" offset="100%"></stop>
+        </linearGradient>
+        <radialGradient cx="1.33833016%" cy="50%" fx="1.33833016%" fy="50%" r="355.91033%" gradientTransform="translate(0.013383,0.500000),scale(0.186026,1.000000),rotate(3.345379),translate(-0.013383,-0.500000)" id="radialGradient-2">
+            <stop stop-color="#EDC400" offset="0%"></stop>
+            <stop stop-color="#EDC400" offset="10.0949321%"></stop>
+            <stop stop-color="#EDC400" offset="22.3924757%"></stop>
+            <stop stop-color="#EDC400" stop-opacity="0" offset="100%"></stop>
+        </radialGradient>
+    </defs>
+    <g id="综合大屏" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="综合大屏备份-4" transform="translate(-89.000000, -162.000000)" fill="url(#linearGradient-1)" stroke="url(#radialGradient-2)" stroke-width="2">
+            <path d="M206.263142,163 L206.263142,183 L90.3120828,183 L92.7294189,173.243322 C93.4846536,170.232754 95.21532,167.671924 97.5331408,165.863735 C99.8509616,164.055547 102.755937,163 105.859788,163 L206.263142,163 Z" id="黄色组合"></path>
+        </g>
+    </g>
+</svg>

package/dist/images/b2fdf90d.svg

@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="30px" height="36px" viewBox="0 0 30 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>标记蓝色</title>
+    <defs>
+        <ellipse id="path-1" cx="14.191577" cy="9.81094985" rx="11.4113558" ry="7.88892166"></ellipse>
+        <filter x="-26.3%" y="-38.0%" width="152.6%" height="176.1%" filterUnits="objectBoundingBox" id="filter-2">
+            <feMorphology radius="3" operator="erode" in="SourceAlpha" result="shadowSpreadInner1"></feMorphology>
+            <feGaussianBlur stdDeviation="4.5" in="shadowSpreadInner1" result="shadowBlurInner1"></feGaussianBlur>
+            <feOffset dx="0" dy="0" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
+            <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
+            <feColorMatrix values="0 0 0 0 0.258823529   0 0 0 0 0.992156863   0 0 0 0 0.996078431  0 0 0 0.5 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
+        </filter>
+        <linearGradient x1="40.4732955%" y1="0%" x2="72.1767853%" y2="35.7968337%" id="linearGradient-3">
+            <stop stop-color="#025E81" offset="0%"></stop>
+            <stop stop-color="#16CCE0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="58.585218%" y1="35.7968337%" x2="36.3840313%" y2="10.6376807%" id="linearGradient-4">
+            <stop stop-color="#025E81" offset="0%"></stop>
+            <stop stop-color="#16CCE0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="37.5728027%" y2="96.0064455%" id="linearGradient-5">
+            <stop stop-color="#17D4E7" offset="0%"></stop>
+            <stop stop-color="#082C51" offset="100%"></stop>
+        </linearGradient>
+        <polygon id="path-6" points="12.7614843 6.47182533 12.7614843 26 25.7677453 1.20659129"></polygon>
+        <filter x="-15.4%" y="-8.1%" width="130.8%" height="116.1%" filterUnits="objectBoundingBox" id="filter-7">
+            <feGaussianBlur stdDeviation="1" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
+            <feOffset dx="0" dy="2" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
+            <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
+            <feColorMatrix values="0 0 0 0 0.4   0 0 0 0 1   0 0 0 0 1  0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
+        </filter>
+        <polygon id="path-8" points="0 6.47182533 0 26 13.006261 1.20659129"></polygon>
+        <filter x="-15.4%" y="-8.1%" width="130.8%" height="116.1%" filterUnits="objectBoundingBox" id="filter-9">
+            <feGaussianBlur stdDeviation="1" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
+            <feOffset dx="0" dy="2" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
+            <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
+            <feColorMatrix values="0 0 0 0 0.4   0 0 0 0 1   0 0 0 0 1  0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="综合大屏" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g transform="translate(-915.000000, -603.000000)" id="编组-18">
+            <g transform="translate(489.000000, 231.000000)">
+                <g id="中国地图" transform="translate(42.000000, 0.000000)">
+                    <g id="编组-5" transform="translate(159.000000, 63.312612)">
+                        <g id="点备份" transform="translate(225.668643, 265.288745)">
+                            <g id="标记蓝色" transform="translate(0.000000, 43.398643)">
+                                <g id="地图-打点标记-绿色备份-16" transform="translate(0.000000, 14.979377)" fill-rule="nonzero">
+                                    <ellipse id="椭圆形" stroke="#42FDFE" opacity="0.299999982" cx="14.191577" cy="9.81094985" rx="14.191577" ry="9.81094985"></ellipse>
+                                    <g id="椭圆形备份" fill="black" fill-opacity="1">
+                                        <use filter="url(#filter-2)" xlink:href="#path-1"></use>
+                                    </g>
+                                    <path d="M14.191577,16.9109793 C19.8636631,16.9109793 24.4617973,13.7321879 24.4617973,9.81094985 C24.4617973,5.88971184 19.8636631,2.71092035 14.191577,2.71092035 C8.51949103,2.71092035 3.92135681,5.88971184 3.92135681,9.81094985 C3.92135681,13.7321879 8.51949103,16.9109793 14.191577,16.9109793 Z" id="椭圆形备份-2" stroke="#42FDFE" stroke-width="2" stroke-dasharray="13,5"></path>
+                                    <ellipse id="椭圆形" fill="#42FDFE" cx="13.9335484" cy="9.29458407" rx="6.19268816" ry="4.13092625"></ellipse>
+                                </g>
+                                <g id="编组-5" transform="translate(0.992935, 0.000000)">
+                                    <polygon id="路径-12" fill="url(#linearGradient-3)" points="0 1.20659129 3.33881379 0 13.006261 2.91615256 13.006261 19.5293672"></polygon>
+                                    <polygon id="路径-12" fill="url(#linearGradient-4)" transform="translate(19.325734, 9.764684) scale(-1, 1) translate(-19.325734, -9.764684) " points="12.8226039 1.20659129 16.1614177 0 25.828865 2.91615256 25.828865 19.5293672"></polygon>
+                                    <g id="路径-11">
+                                        <use fill="url(#linearGradient-5)" fill-rule="evenodd" xlink:href="#path-6"></use>
+                                        <use fill="black" fill-opacity="1" filter="url(#filter-7)" xlink:href="#path-6"></use>
+                                    </g>
+                                    <g id="路径-11" transform="translate(6.503131, 13.603296) scale(-1, 1) translate(-6.503131, -13.603296) ">
+                                        <use fill="url(#linearGradient-5)" fill-rule="evenodd" xlink:href="#path-8"></use>
+                                        <use fill="black" fill-opacity="1" filter="url(#filter-9)" xlink:href="#path-8"></use>
+                                    </g>
+                                </g>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/dist/images/d20b2c27.svg

@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="28px" height="32px" viewBox="0 0 28 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>标记黄色</title>
+    <defs>
+        <linearGradient x1="80.4156079%" y1="35.3286023%" x2="50%" y2="64.6713977%" id="linearGradient-1">
+            <stop stop-color="#F7B500" offset="0%"></stop>
+            <stop stop-color="#F7B500" stop-opacity="0.01" offset="100%"></stop>
+        </linearGradient>
+        <path d="M12.9276058,29.9162112 C18.7980419,29.9162112 23.5569706,27.2571854 23.5569706,23.9771109 C23.5569706,20.6970364 18.7980419,18.0380106 12.9276058,18.0380106 C7.05716975,18.0380106 2.29824104,20.6970364 2.29824104,23.9771109 C2.29824104,27.2571854 7.05716975,29.9162112 12.9276058,29.9162112 Z" id="path-2"></path>
+        <mask id="mask-3" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="21.2587296" height="11.8782006" fill="white">
+            <use xlink:href="#path-2"></use>
+        </mask>
+        <linearGradient x1="64.2431266%" y1="50%" x2="43.5217613%" y2="7.61122154%" id="linearGradient-4">
+            <stop stop-color="#FA6400" offset="0%"></stop>
+            <stop stop-color="#F7B500" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
+            <stop stop-color="#FFCA79" offset="0%"></stop>
+            <stop stop-color="#FFEB86" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="综合大屏" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g transform="translate(-696.000000, -411.000000)" id="编组-18">
+            <g transform="translate(489.000000, 231.000000)">
+                <g id="中国地图" transform="translate(42.000000, 0.000000)">
+                    <g id="编组-5" transform="translate(159.000000, 63.312612)">
+                        <g id="点备份-4" transform="translate(7.000000, 105.000000)">
+                            <g id="标记黄色" transform="translate(0.000000, 11.687388)">
+                                <path d="M17.0759538,17.3929087 C15.7674284,17.1509126 14.3642337,17.0196078 12.9044238,17.0196078 C5.77750731,17.0196078 0,20.1492252 0,24.0098039 M12.9044238,31 C20.0313402,31 25.8088475,27.8703826 25.8088475,24.0098039" id="形状备份" stroke="url(#linearGradient-1)" stroke-width="0.6" stroke-linejoin="round"></path>
+                                <g id="编组-6备份-11">
+                                    <use id="椭圆形" stroke="#FFD97E" mask="url(#mask-3)" stroke-width="2.86949324" stroke-linejoin="round" stroke-dasharray="1.723089838027954,2.297453355789184" xlink:href="#path-2"></use>
+                                    <g id="编组-5">
+                                        <polygon id="路径-12" fill="url(#linearGradient-4)" points="0 1.23004096 3.36093586 0 13.092437 2.97282694 13.092437 19.9089135"></polygon>
+                                        <polygon id="路径-12" fill="url(#linearGradient-4)" transform="translate(19.453782, 9.954457) scale(-1, 1) translate(-19.453782, -9.954457) " points="12.907563 1.23004096 16.2684989 0 26 2.97282694 26 19.9089135"></polygon>
+                                        <polygon id="路径-11" fill="#F7B500" points="12.8460384 6.59760294 12.8460384 26.5053007 25.9384754 1.23004096"></polygon>
+                                        <polygon id="路径-11" fill="url(#linearGradient-5)" transform="translate(6.546218, 13.867671) scale(-1, 1) translate(-6.546218, -13.867671) " points="0 6.59760294 0 26.5053007 13.092437 1.23004096"></polygon>
+                                    </g>
+                                </g>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/dist/index.c11ec70a.js

@@ -0,0 +1,2 @@
+(()=>{"use strict";var e,t,r,a,n,l,o,i,c,s,d,h,f,p,u,m,b,g,P,v,y,x,w,k,j={57789:(e,t,r)=>{var a={"./gauge-chart":()=>Promise.all([r.e(8769),r.e(300),r.e(4295),r.e(4099)]).then((()=>()=>r(10825))),"./modern-style-page-title":()=>Promise.all([r.e(8769),r.e(300),r.e(4295),r.e(9875)]).then((()=>()=>r(22945))),"./tabs-drawer":()=>Promise.all([r.e(8769),r.e(300),r.e(4295),r.e(1919)]).then((()=>()=>r(68909))),"./modern-style-component-title":()=>Promise.all([r.e(8769),r.e(300),r.e(4295),r.e(5289)]).then((()=>()=>r(54495))),"./modern-style-treemap":()=>Promise.all([r.e(1977),r.e(8769),r.e(300),r.e(4295),r.e(2445),r.e(7008),r.e(859),r.e(2943)]).then((()=>()=>r(75197))),"./battery-chart":()=>Promise.all([r.e(8769),r.e(300),r.e(4295),r.e(7965)]).then((()=>()=>r(54259))),"./dropdown-menu":()=>Promise.all([r.e(8769),r.e(300),r.e(4295),r.e(2445),r.e(8576)]).then((()=>()=>r(81274))),"./complex-search":()=>Promise.all([r.e(8769),r.e(300),r.e(4295),r.e(7008),r.e(7896),r.e(5994)]).then((()=>()=>r(66060))),"./loading-panel":()=>Promise.all([r.e(1977),r.e(8769),r.e(300),r.e(4295),r.e(5332)]).then((()=>()=>r(43374))),"./particle-animation":()=>Promise.all([r.e(8769),r.e(300),r.e(4295),r.e(780)]).then((()=>()=>r(5390))),"./app-wall-card-item":()=>Promise.all([r.e(8769),r.e(300),r.e(4295),r.e(8172)]).then((()=>()=>r(21440))),"./app-wall-relation-line":()=>Promise.all([r.e(8769),r.e(300),r.e(4295),r.e(7473)]).then((()=>()=>r(36041))),"./cabinet-button":()=>Promise.all([r.e(8769),r.e(300),r.e(4295),r.e(6614)]).then((()=>()=>r(50143))),"./app-wall-system-card":()=>Promise.all([r.e(8769),r.e(300),r.e(4295),r.e(8460)]).then((()=>()=>r(4392))),"./cabinet-node":()=>Promise.all([r.e(8769),r.e(300),r.e(4295),r.e(6306)]).then((()=>()=>r(71663))),"./cabinet-app-layer":()=>Promise.all([r.e(8769),r.e(300),r.e(4295),r.e(1787)]).then((()=>()=>r(30224))),"./cabinet-container":()=>Promise.all([r.e(1977),r.e(8769),r.e(300),r.e(4295),r.e(4219)]).then((()=>()=>r(8540))),"./cabinet-thumbnail":()=>Promise.all([r.e(1977),r.e(8769),r.e(300),r.e(4295),r.e(3158)]).then((()=>()=>r(88393))),"./cabinet-graph":()=>Promise.all([r.e(8769),r.e(300),r.e(4295),r.e(3446)]).then((()=>()=>r(79391))),"./app-wall":()=>Promise.all([r.e(5301),r.e(8769),r.e(300),r.e(4295),r.e(2445),r.e(1493),r.e(9749)]).then((()=>()=>r(90571))),"./graph-text":()=>Promise.all([r.e(8769),r.e(300),r.e(4295),r.e(7896),r.e(3719)]).then((()=>()=>r(32715))),"./graph-node":()=>Promise.all([r.e(8769),r.e(300),r.e(4295),r.e(3614)]).then((()=>()=>r(66950))),"./graph-layout-grid":()=>Promise.all([r.e(8769),r.e(300),r.e(4295),r.e(5737)]).then((()=>()=>r(56893))),"./grid-background":()=>Promise.all([r.e(8769),r.e(300),r.e(4295),r.e(6448)]).then((()=>()=>r(66162))),"./gear-background":()=>Promise.all([r.e(8769),r.e(300),r.e(4295),r.e(3147)]).then((()=>()=>r(25121))),"./radar-chart":()=>Promise.all([r.e(8769),r.e(300),r.e(4295),r.e(2445),r.e(4194)]).then((()=>()=>r(63076))),"./title-text":()=>Promise.all([r.e(8769),r.e(300),r.e(4295),r.e(8113)]).then((()=>()=>r(59063))),"./brick-notification":()=>Promise.all([r.e(8769),r.e(300),r.e(4295),r.e(8418)]).then((()=>()=>r(30980))),"./tabs-page-title":()=>Promise.all([r.e(8769),r.e(300),r.e(4295),r.e(476)]).then((()=>()=>r(5558))),"./top-title-bar":()=>Promise.all([r.e(8769),r.e(300),r.e(4295),r.e(3697)]).then((()=>()=>r(6319))),"./lights-component-title":()=>Promise.all([r.e(8769),r.e(300),r.e(4295),r.e(9831)]).then((()=>()=>r(40053))),"./hi-tech-button":()=>Promise.all([r.e(8769),r.e(300),r.e(4295),r.e(8416)]).then((()=>()=>r(52466))),"./tech-mesh-base-view":()=>Promise.all([r.e(8769),r.e(300),r.e(4295),r.e(4291),r.e(2479)]).then((()=>()=>r(66253))),"./simple-card-item":()=>Promise.all([r.e(8769),r.e(300),r.e(4295),r.e(4291),r.e(9316)]).then((()=>()=>r(41078))),"./basic-index-group":()=>Promise.all([r.e(8769),r.e(300),r.e(4295),r.e(4291),r.e(2445),r.e(9630)]).then((()=>()=>r(31560))),"./data-display-flipper":()=>Promise.all([r.e(8769),r.e(300),r.e(4295),r.e(4291),r.e(8291)]).then((()=>()=>r(75193))),"./data-display-flipper-fifth":()=>Promise.all([r.e(8769),r.e(300),r.e(4295),r.e(4291),r.e(863)]).then((()=>()=>r(45205))),"./data-display-flipper-sixth":()=>Promise.all([r.e(8769),r.e(300),r.e(4295),r.e(4291),r.e(6776)]).then((()=>()=>r(94650))),"./indicator-card":()=>Promise.all([r.e(8769),r.e(300),r.e(4295),r.e(4291),r.e(7905)]).then((()=>()=>r(56631))),"./progress-bar-list":()=>Promise.all([r.e(1977),r.e(8769),r.e(300),r.e(4295),r.e(4291),r.e(2445),r.e(4255)]).then((()=>()=>r(17245))),"./china-map-chart":()=>Promise.all([r.e(5902),r.e(8769),r.e(300),r.e(4295),r.e(4291),r.e(2445),r.e(2938),r.e(8038)]).then((()=>()=>r(60680))),"./crystal-ball-indicator":()=>Promise.all([r.e(1977),r.e(8769),r.e(300),r.e(4295),r.e(4291),r.e(1335)]).then((()=>()=>r(9557))),"./globe-with-gear-indicator":()=>Promise.all([r.e(1977),r.e(8769),r.e(300),r.e(4295),r.e(4291),r.e(7889)]).then((()=>()=>r(77687))),"./globe-with-halo-indicator":()=>Promise.all([r.e(1977),r.e(8769),r.e(300),r.e(4295),r.e(4291),r.e(7666)]).then((()=>()=>r(23396)))},n=(e,t)=>(r.R=t,t=r.o(a,e)?a[e]():Promise.resolve().then((()=>{throw new Error('Module "'+e+'" does not exist in container.')})),r.R=void 0,t),l=(e,t)=>{if(r.S){var a="default",n=r.S[a];if(n&&n!==e)throw new Error("Container initialization failed as it has already been initialized with a different share scope");return r.S[a]=e,r.I(a,t)}};r.d(t,{get:()=>n,init:()=>l})}},S={};function E(e){var t=S[e];if(void 0!==t)return t.exports;var r=S[e]={id:e,loaded:!1,exports:{}};return j[e].call(r.exports,r,r.exports,E),r.loaded=!0,r.exports}E.m=j,E.c=S,E.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return E.d(t,{a:t}),t},E.d=(e,t)=>{for(var r in t)E.o(t,r)&&!E.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},E.f={},E.e=e=>Promise.all(Object.keys(E.f).reduce(((t,r)=>(E.f[r](e,t),t)),[])),E.u=e=>"chunks/"+({476:"tabs-page-title",780:"particle-animation",863:"data-display-flipper-fifth",1335:"crystal-ball-indicator",1787:"cabinet-app-layer",1919:"tabs-drawer",2479:"tech-mesh-base-view",2943:"modern-style-treemap",3147:"gear-background",3158:"cabinet-thumbnail",3446:"cabinet-graph",3614:"graph-node",3697:"top-title-bar",3719:"graph-text",4099:"gauge-chart",4194:"radar-chart",4219:"cabinet-container",4255:"progress-bar-list",5289:"modern-style-component-title",5332:"loading-panel",5737:"graph-layout-grid",5994:"complex-search",6306:"cabinet-node",6448:"grid-background",6614:"cabinet-button",6776:"data-display-flipper-sixth",7473:"app-wall-relation-line",7666:"globe-with-halo-indicator",7889:"globe-with-gear-indicator",7905:"indicator-card",7965:"battery-chart",8038:"china-map-chart",8113:"title-text",8172:"app-wall-card-item",8291:"data-display-flipper",8416:"hi-tech-button",8418:"brick-notification",8460:"app-wall-system-card",8576:"dropdown-menu",9316:"simple-card-item",9630:"basic-index-group",9749:"app-wall",9831:"lights-component-title",9875:"modern-style-page-title"}[e]||e)+"."+{114:"f8141681",300:"a549097c",476:"670649e6",522:"d5cf5f22",726:"7ffcd9b0",780:"15b8adfb",859:"472360b6",863:"354d1e71",871:"22d6eff9",886:"bbfd9619",1030:"89f1b8c7",1045:"b74cadcb",1122:"76433e72",1302:"4d5fd21d",1335:"d8cd86a8",1491:"75d08174",1493:"e45be49f",1744:"e8757980",1787:"764bb10d",1889:"4f16a6c9",1919:"04866e23",1940:"7d51827d",1977:"8c3da529",2052:"c2b24b1c",2277:"a52fa227",2445:"f84e0bbc",2479:"1a2baf3a",2938:"1d24bf3a",2943:"d59d18bc",3078:"22cdd695",3144:"13127e54",3147:"7707f3b1",3158:"d6c2b232",3171:"08bb7a26",3201:"191c2570",3340:"6ca62849",3446:"4b9538f0",3474:"2528352e",3614:"414864df",3697:"03e1e61d",3719:"9dc0d544",3751:"300d7aea",3933:"2079fb3a",4041:"525d5fef",4099:"6ed1dfa8",4194:"c9abdd30",4219:"bc8cb288",4255:"3b337de3",4291:"e8c9ad6e",4295:"c93fa5c2",4658:"f7dbee85",4837:"5e26fe2a",5250:"a19aacd0",5289:"2f427009",5301:"9469cbfd",5332:"4b9cfaa7",5384:"f1c59dfa",5399:"5db0cace",5552:"9d190dc2",5617:"850e358d",5737:"1a62c049",5902:"15d216ce",5994:"2bf04871",6181:"462dc56f",6306:"6cada36d",6314:"da77fd9a",6448:"7c505caa",6519:"2c230a4e",6614:"2861c374",6672:"0e39fc21",6773:"8f70e9c1",6776:"6ecd9549",7008:"6d8176c3",7218:"d2924ff4",7434:"1d0a1039",7473:"4428d63e",7666:"23e27349",7721:"eb4dab13",7733:"d4c53ed9",7889:"38da7193",7896:"b9931373",7905:"75bd58b1",7965:"abdaa4e4",8038:"eb43bf10",8097:"fa8ca477",8113:"77f2e79a",8172:"f3230e62",8291:"fae041d0",8416:"d51b6c2b",8418:"bf772819",8460:"4c2ea6f9",8576:"05efe081",8769:"a8378458",8989:"1ed994e9",9316:"07b301f4",9435:"1fe92cdc",9515:"0a25494f",9559:"947092e2",9630:"7dd3e9da",9749:"b522423e",9755:"6603d492",9831:"751f95be",9844:"806ea100",9875:"790a17ac"}[e]+".js",E.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),E.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),e={},t="@next-bricks/data-view:",E.l=(r,a,n,l)=>{if(e[r])e[r].push(a);else{var o,i;if(void 0!==n)for(var c=document.getElementsByTagName("script"),s=0;s<c.length;s++){var d=c[s];if(d.getAttribute("src")==r||d.getAttribute("data-webpack")==t+n){o=d;break}}o||(i=!0,(o=document.createElement("script")).charset="utf-8",o.timeout=120,E.nc&&o.setAttribute("nonce",E.nc),o.setAttribute("data-webpack",t+n),o.src=r),e[r]=[a];var h=(t,a)=>{o.onerror=o.onload=null,clearTimeout(f);var n=e[r];if(delete e[r],o.parentNode&&o.parentNode.removeChild(o),n&&n.forEach((e=>e(a))),t)return t(a)},f=setTimeout(h.bind(null,void 0,{type:"timeout",target:o}),12e4);o.onerror=h.bind(null,o.onerror),o.onload=h.bind(null,o.onload),i&&document.head.appendChild(o)}},E.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},E.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),(()=>{E.S={};var e={},t={};E.I=(r,a)=>{a||(a=[]);var n=t[r];if(n||(n=t[r]={}),!(a.indexOf(n)>=0)){if(a.push(n),e[r])return e[r];E.o(E.S,r)||(E.S[r]={});var l=E.S[r],o="@next-bricks/data-view",i=(e,t,r,a)=>{var n=l[e]=l[e]||{},i=n[t];(!i||!i.loaded&&(!a!=!i.eager?a:o>i.from))&&(n[t]={get:r,from:o,eager:!!a})},c=[];return"default"===r&&(i("@babel/parser","7.25.3",(()=>E.e(6773).then((()=>()=>E(46773))))),i("@easyops-cn/brick-next-pipes","0.7.1",(()=>Promise.all([E.e(6672),E.e(886)]).then((()=>()=>E(54291))))),i("@next-core/cook","2.5.2",(()=>Promise.all([E.e(1122),E.e(3340)]).then((()=>()=>E(61122))))),i("@next-core/element","1.2.13",(()=>E.e(1045).then((()=>()=>E(21045))))),i("@next-core/http","1.2.8",(()=>E.e(8989).then((()=>()=>E(48989))))),i("@next-core/i18n/react","1.0.69",(()=>Promise.all([E.e(6181),E.e(8097)]).then((()=>()=>E(88097))))),i("@next-core/i18n","1.0.69",(()=>Promise.all([E.e(3078),E.e(6181),E.e(9755),E.e(5552)]).then((()=>()=>E(75552))))),i("@next-core/inject","1.0.47",(()=>Promise.all([E.e(1744),E.e(1030),E.e(2277)]).then((()=>()=>E(72277))))),i("@next-core/loader","1.6.10",(()=>E.e(5399).then((()=>()=>E(35399))))),i("@next-core/pipes","2.0.27",(()=>E.e(6519).then((()=>()=>E(76519))))),i("@next-core/react-element","1.0.32",(()=>Promise.all([E.e(8769),E.e(300),E.e(9435),E.e(114)]).then((()=>()=>E(20114))))),i("@next-core/react-runtime","1.6.53",(()=>Promise.all([E.e(8769),E.e(4295),E.e(2445),E.e(3474),E.e(4837)]).then((()=>()=>E(64837))))),i("@next-core/runtime","1.57.2",(()=>Promise.all([E.e(1491),E.e(3078),E.e(1030),E.e(6181),E.e(1302),E.e(522),E.e(5617)]).then((()=>()=>E(31491))))),i("@next-core/supply","2.2.2",(()=>Promise.all([E.e(1744),E.e(1030),E.e(1302),E.e(9559)]).then((()=>()=>E(49559))))),i("@next-core/theme","1.5.4",(()=>Promise.all([E.e(1889),E.e(2052)]).then((()=>()=>E(51889))))),i("@next-core/utils/general","1.7.27",(()=>E.e(871).then((()=>()=>E(40871))))),i("@next-core/utils/storyboard","1.7.27",(()=>Promise.all([E.e(3078),E.e(522),E.e(3933)]).then((()=>()=>E(13933))))),i("history","4.10.1",(()=>E.e(5384).then((()=>()=>E(65384))))),i("i18next-browser-languagedetector","7.2.1",(()=>E.e(726).then((()=>()=>E(50726))))),i("i18next","22.5.1",(()=>E.e(3201).then((()=>()=>E(33201))))),i("js-yaml","3.14.1",(()=>E.e(9515).then((()=>()=>E(19515))))),i("lodash","4.17.21",(()=>E.e(5250).then((()=>()=>E(45250))))),i("moment/locale/zh-cn.js","2.30.1",(()=>Promise.all([E.e(7721),E.e(9844)]).then((()=>()=>E(61329))))),i("moment","2.30.1",(()=>Promise.all([E.e(7721),E.e(9844)]).then((()=>()=>E(99420))))),i("react-dom","0.0.0-experimental-ee8509801-20230117",(()=>Promise.all([E.e(3144),E.e(8769)]).then((()=>()=>E(43144))))),i("react-i18next","12.3.1",(()=>Promise.all([E.e(7434),E.e(8769)]).then((()=>()=>E(97434))))),i("react","0.0.0-experimental-ee8509801-20230117",(()=>E.e(4041).then((()=>()=>E(14041)))))),e[r]=c.length?Promise.all(c).then((()=>e[r]=1)):1}}})(),(()=>{var e;E.g.importScripts&&(e=E.g.location+"");var t=E.g.document;if(!e&&t&&(t.currentScript&&"SCRIPT"===t.currentScript.tagName.toUpperCase()&&(e=t.currentScript.src),!e)){var r=t.getElementsByTagName("script");if(r.length)for(var a=r.length-1;a>-1&&(!e||!/^http(s?):/.test(e));)e=r[a--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),E.p=e})(),r=e=>{var t=e=>e.split(".").map((e=>+e==e?+e:e)),r=/^([^-+]+)?(?:-([^+]+))?(?:\+(.+))?$/.exec(e),a=r[1]?t(r[1]):[];return r[2]&&(a.length++,a.push.apply(a,t(r[2]))),r[3]&&(a.push([]),a.push.apply(a,t(r[3]))),a},a=(e,t)=>{e=r(e),t=r(t);for(var a=0;;){if(a>=e.length)return a<t.length&&"u"!=(typeof t[a])[0];var n=e[a],l=(typeof n)[0];if(a>=t.length)return"u"==l;var o=t[a],i=(typeof o)[0];if(l!=i)return"o"==l&&"n"==i||"s"==i||"u"==l;if("o"!=l&&"u"!=l&&n!=o)return n<o;a++}},n=e=>{var t=e[0],r="";if(1===e.length)return"*";if(t+.5){r+=0==t?">=":-1==t?"<":1==t?"^":2==t?"~":t>0?"=":"!=";for(var a=1,l=1;l<e.length;l++)a--,r+="u"==(typeof(i=e[l]))[0]?"-":(a>0?".":"")+(a=2,i);return r}var o=[];for(l=1;l<e.length;l++){var i=e[l];o.push(0===i?"not("+c()+")":1===i?"("+c()+" || "+c()+")":2===i?o.pop()+" "+o.pop():n(i))}return c();function c(){return o.pop().replace(/^\((.+)\)$/,"$1")}},l=(e,t)=>{if(0 in e){t=r(t);var a=e[0],n=a<0;n&&(a=-a-1);for(var o=0,i=1,c=!0;;i++,o++){var s,d,h=i<e.length?(typeof e[i])[0]:"";if(o>=t.length||"o"==(d=(typeof(s=t[o]))[0]))return!c||("u"==h?i>a&&!n:""==h!=n);if("u"==d){if(!c||"u"!=h)return!1}else if(c)if(h==d)if(i<=a){if(s!=e[i])return!1}else{if(n?s>e[i]:s<e[i])return!1;s!=e[i]&&(c=!1)}else if("s"!=h&&"n"!=h){if(n||i<=a)return!1;c=!1,i--}else{if(i<=a||d<h!=n)return!1;c=!1}else"s"!=h&&"n"!=h&&(c=!1,i--)}}var f=[],p=f.pop.bind(f);for(o=1;o<e.length;o++){var u=e[o];f.push(1==u?p()|p():2==u?p()&p():u?l(u,t):!p())}return!!p()},o=(e,t)=>e&&E.o(e,t),i=e=>(e.loaded=1,e.get()),c=e=>Object.keys(e).reduce(((t,r)=>(e[r].eager&&(t[r]=e[r]),t)),{}),s=(e,t,r,n)=>{var o=n?c(e[t]):e[t];return(t=Object.keys(o).reduce(((e,t)=>!l(r,t)||e&&!a(e,t)?e:t),0))&&o[t]},d=(e,t,r)=>{var n=r?c(e[t]):e[t];return Object.keys(n).reduce(((e,t)=>!e||!n[e].loaded&&a(e,t)?t:e),0)},h=(e,t,r,a)=>"Unsatisfied version "+r+" from "+(r&&e[t][r].from)+" of shared singleton module "+t+" (required "+n(a)+")",f=(e,t,r,a,l)=>{var o=e[r];return"No satisfying version ("+n(a)+")"+(l?" for eager consumption":"")+" of shared module "+r+" found in shared scope "+t+".\nAvailable versions: "+Object.keys(o).map((e=>e+" from "+o[e].from)).join(", ")},p=e=>{throw new Error(e)},u=e=>{"undefined"!=typeof console&&console.warn&&console.warn(e)},b=(e,t,r)=>r?r():((e,t)=>p("Shared module "+t+" doesn't exist in shared scope "+e))(e,t),g=(m=e=>function(t,r,a,n,l){var o=E.I(t);return o&&o.then&&!a?o.then(e.bind(e,t,E.S[t],r,!1,n,l)):e(t,E.S[t],r,a,n,l)})(((e,t,r,a,n,l)=>{if(!o(t,r))return b(e,r,l);var c=s(t,r,n,a);return c?i(c):l?l():void p(f(t,e,r,n,a))})),P=m(((e,t,r,a,n)=>{if(!o(t,r))return b(e,r,n);var l=d(t,r,a);return i(t[r][l])})),v=m(((e,t,r,a,n,c)=>{if(!o(t,r))return b(e,r,c);var s=d(t,r,a);return l(n,s)||u(h(t,r,s,n)),i(t[r][s])})),y={},x={28297:()=>v("default","moment",!1,[1,2,27,0],(()=>Promise.all([E.e(7721),E.e(9844)]).then((()=>()=>E(99420))))),55521:()=>v("default","lodash",!1,[1,4,17,19],(()=>E.e(5250).then((()=>()=>E(45250))))),91204:()=>v("default","js-yaml",!1,[1,3,14,0],(()=>E.e(9515).then((()=>()=>E(19515))))),83340:()=>v("default","@babel/parser",!1,[1,7,25,6],(()=>E.e(6773).then((()=>()=>E(46773))))),26181:()=>v("default","@next-core/i18n",!1,[1,1,0,69],(()=>Promise.all([E.e(3078),E.e(9755),E.e(3171)]).then((()=>()=>E(75552))))),47825:()=>v("default","react-i18next",!1,[1,12,3,1],(()=>Promise.all([E.e(7434),E.e(8769)]).then((()=>()=>E(97434))))),13078:()=>v("default","@next-core/utils/general",!1,[1,1,7,27],(()=>E.e(871).then((()=>()=>E(40871))))),2350:()=>v("default","i18next",!1,[1,22,5,1],(()=>E.e(3201).then((()=>()=>E(33201))))),27072:()=>v("default","i18next-browser-languagedetector",!1,[1,7,2,1],(()=>E.e(726).then((()=>()=>E(50726))))),1744:()=>v("default","@next-core/pipes",!1,[1,2,0,27],(()=>E.e(6519).then((()=>()=>E(76519))))),41030:()=>v("default","lodash",!1,[1,4,17,21],(()=>E.e(5250).then((()=>()=>E(45250))))),63669:()=>v("default","@easyops-cn/brick-next-pipes",!1,[2,0,7,1],(()=>Promise.all([E.e(6672),E.e(886)]).then((()=>()=>E(54291))))),18769:()=>g("default","react",!1,[6,0,0,0,,"experimental-ee8509801-20230117"],(()=>E.e(4041).then((()=>()=>E(14041))))),10300:()=>g("default","@next-core/element",!1,[1,1,2,13],(()=>E.e(1045).then((()=>()=>E(21045))))),59435:()=>g("default","react-dom",!1,[6,0,0,0,,"experimental-ee8509801-20230117"],(()=>E.e(3144).then((()=>()=>E(43144))))),24295:()=>g("default","@next-core/react-element",!1,[1,1,0,32],(()=>Promise.all([E.e(300),E.e(9435),E.e(7733)]).then((()=>()=>E(20114))))),72445:()=>P("default","lodash",!1,(()=>E.e(5250).then((()=>()=>E(45250))))),23474:()=>v("default","@next-core/runtime",!1,[1,1,57,2],(()=>Promise.all([E.e(1491),E.e(3078),E.e(1030),E.e(6181),E.e(1302),E.e(522),E.e(5617)]).then((()=>()=>E(31491))))),21302:()=>v("default","moment",!1,[1,2,30,1],(()=>Promise.all([E.e(7721),E.e(9844)]).then((()=>()=>E(99420))))),522:()=>v("default","@next-core/cook",!1,[1,2,5,2],(()=>Promise.all([E.e(1122),E.e(3340)]).then((()=>()=>E(61122))))),1491:()=>v("default","@next-core/inject",!1,[1,1,0,47],(()=>Promise.all([E.e(1744),E.e(4658)]).then((()=>()=>E(72277))))),26036:()=>v("default","moment/locale/zh-cn.js",!1,[1,2,30,1],(()=>Promise.all([E.e(7721),E.e(9844)]).then((()=>()=>E(61329))))),30108:()=>v("default","@next-core/http",!1,[1,1,2,8],(()=>E.e(3751).then((()=>()=>E(48989))))),32890:()=>v("default","history",!1,[1,4,10,1],(()=>E.e(5384).then((()=>()=>E(65384))))),50049:()=>v("default","@next-core/loader",!1,[1,1,6,10],(()=>E.e(5399).then((()=>()=>E(35399))))),54958:()=>v("default","@next-core/utils/storyboard",!1,[1,1,7,27],(()=>E.e(6314).then((()=>()=>E(13933))))),69613:()=>v("default","@next-core/supply",!1,[1,2,2,2],(()=>Promise.all([E.e(1744),E.e(1940)]).then((()=>()=>E(49559))))),57008:()=>g("default","@next-core/react-runtime",!1,[1,1,6,53],(()=>Promise.all([E.e(2445),E.e(3474),E.e(7218)]).then((()=>()=>E(64837))))),7896:()=>v("default","@next-core/i18n/react",!1,[1,1,0,69],(()=>Promise.all([E.e(6181),E.e(8097)]).then((()=>()=>E(88097))))),44291:()=>P("default","@next-core/theme",!1,(()=>E.e(1889).then((()=>()=>E(51889)))))},w={300:[10300],522:[522],886:[28297,55521,91204],1030:[41030],1302:[21302],1744:[1744],2445:[72445],3078:[13078],3340:[83340],3474:[23474],4291:[44291],4295:[24295],5617:[1491,26036,30108,32890,50049,54958,69613],6181:[26181],6519:[63669],7008:[57008],7896:[7896],8097:[47825],8769:[18769],9435:[59435],9755:[2350,27072]},k={},E.f.consumes=(e,t)=>{E.o(w,e)&&w[e].forEach((e=>{if(E.o(y,e))return t.push(y[e]);if(!k[e]){var r=t=>{y[e]=0,E.m[e]=r=>{delete E.c[e],r.exports=t()}};k[e]=!0;var a=t=>{delete y[e],E.m[e]=r=>{throw delete E.c[e],t}};try{var n=x[e]();n.then?t.push(y[e]=n.then(r).catch(a)):r(n)}catch(e){a(e)}}}))},(()=>{E.b=document.baseURI||self.location.href;var e={1370:0};E.f.j=(t,r)=>{var a=E.o(e,t)?e[t]:void 0;if(0!==a)if(a)r.push(a[2]);else if(/^(1(030|302|744)|3(00|078|340|474)|429[15]|(244|943|975)5|522|5617|6181|7008|7896|8769|886)$/.test(t))e[t]=0;else{var n=new Promise(((r,n)=>a=e[t]=[r,n]));r.push(a[2]=n);var l=E.p+E.u(t),o=new Error;E.l(l,(r=>{if(E.o(e,t)&&(0!==(a=e[t])&&(e[t]=void 0),a)){var n=r&&("load"===r.type?"missing":r.type),l=r&&r.target&&r.target.src;o.message="Loading chunk "+t+" failed.\n("+n+": "+l+")",o.name="ChunkLoadError",o.type=n,o.request=l,a[1](o)}}),"chunk-"+t,t)}};var t=(t,r)=>{var a,n,[l,o,i]=r,c=0;if(l.some((t=>0!==e[t]))){for(a in o)E.o(o,a)&&(E.m[a]=o[a]);i&&i(E)}for(t&&t(r);c<l.length;c++)n=l[c],E.o(e,n)&&e[n]&&e[n][0](),e[n]=0},r=globalThis.webpackChunk_next_bricks_data_view=globalThis.webpackChunk_next_bricks_data_view||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})(),E.nc=void 0;var _=E(57789);window["bricks/data-view"]=_})();
+//# sourceMappingURL=index.c11ec70a.js.map