@next-bricks/data-view 1.6.2 → 1.8.0

package/dist/examples.json

@@ -2,27 +2,27 @@
   "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-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.tabs-drawer": {
-    "doc": "data-view.tabs-drawer\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.tabs-drawer\n  properties:\n    activeKey: search\n    id: drawer\n    visible: true\n    width: 800\n    style:\n      height: 600px\n      display: block\n    tabList:\n      - tooltip: 搜索\n        key: search\n        icon:\n          lib: fa\n          icon: search\n          prefix: fas\n      - tooltip: 内容\n        key: app\n        icon:\n          lib: easyops\n          category: app\n          icon: micro-app-configuration\n\n      - tooltip: 图表\n        key: chart\n        icon:\n          lib: fa\n          icon: ad\n          prefix: fas\n  slots:\n    search:\n      type: bricks\n      bricks:\n        - brick: div\n          properties:\n            style:\n              padding: 0 16px\n              height: 100px\n              background: red\n            textContent: 测试\n    app:\n      type: bricks\n      bricks:\n        - brick: div\n          properties:\n            textContent: 内容区域\n            style:\n              background: yellow\n              height: 100px\n    chart:\n      type: bricks\n      bricks:\n        - brick: div\n          properties:\n            textContent: 图表区域\n            style:\n              background: green\n              height: 100px\n  events:\n    close:\n      - action: console.log\n    tab.change:\n      - action: console.log\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.tabs-drawer\n#   active-key=\"search\"\n#   visible\n#   style=\"height: 600px; display: block\"\n#   id=\"drawer\"\n# >\n#   <div slot=\"search\" style=\"padding: 0 16px; height: 100px; background: red\">\n#     测试\n#   </div>\n#   <div slot=\"app\" style=\"background: yellow; height: 100px\">内容区域</div>\n#   <div slot=\"chart\" style=\"background: green; height: 100px\">图表区域</div>\n# </data-view.tabs-drawer>\n# \n# <script>\n#   const drawer = document.getElementById(\"drawer\");\n#   drawer.width = 800;\n#   drawer.tabList = [\n#     {\n#       tooltip: \"搜索\",\n#       key: \"search\",\n#       icon: {\n#         lib: \"fa\",\n#         icon: \"search\",\n#         prefix: \"fas\",\n#       },\n#     },\n#     {\n#       tooltip: \"内容\",\n#       key: \"app\",\n#       icon: {\n#         lib: \"easyops\",\n#         category: \"app\",\n#         icon: \"micro-app-configuration\",\n#       },\n#     },\n#     {\n#       tooltip: \"图表\",\n#       key: \"chart\",\n#       icon: {\n#         lib: \"fa\",\n#         icon: \"ad\",\n#         prefix: \"fas\",\n#       },\n#     },\n#   ];\n#   drawer.addEventListener(\"close\", (e) => {\n#     console.log(e.detail);\n#   });\n#   drawer.addEventListener(\"tab.change\", (e) => {\n#     console.log(e.detail);\n#   });\n# </script>\n# \n```\n"
-  },
   "data-view.modern-style-treemap": {
     "doc": "data-view.modern-style-treemap\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.modern-style-treemap\n  properties:\n    data:\n      name: flare\n      children:\n        - name: analytics\n          children:\n            - name: cluster\n              children:\n                - name: AgglomerativeCluster\n                  value: 3938\n                - name: CommunityStructure\n                  value: 3812\n                - name: HierarchicalCluster\n                  value: 6714\n                - name: MergeEdge\n                  value: 743\n            - name: graph\n              children:\n                - name: BetweennessCentrality\n                  value: 3534\n                - name: LinkDistance\n                  value: 5731\n                - name: MaxFlowMinCut\n                  value: 7840\n                - name: ShortestPaths\n                  value: 5914\n                - name: SpanningTree\n                  value: 3416\n            - name: optimization\n              children:\n                - name: AspectRatioBanker\n                  value: 7074\n        - name: animate\n          children:\n            - name: Easing\n              value: 17010\n            - name: FunctionSequence\n              value: 5842\n            - name: interpolate\n              children:\n                - name: ArrayInterpolator\n                  value: 1983\n                - name: ColorInterpolator\n                  value: 2047\n                - name: DateInterpolator\n                  value: 1375\n                - name: Interpolator\n                  value: 8746\n                - name: MatrixInterpolator\n                  value: 2202\n                - name: NumberInterpolator\n                  value: 1382\n                - name: ObjectInterpolator\n                  value: 1629\n                - name: PointInterpolator\n                  value: 1675\n                - name: RectangleInterpolator\n                  value: 2042\n            - name: ISchedulable\n              value: 1041\n            - name: Parallel\n              value: 5176\n            - name: Pause\n              value: 449\n            - name: Scheduler\n              value: 5593\n            - name: Sequence\n              value: 5534\n            - name: Transition\n              value: 9201\n            - name: Transitioner\n              value: 19975\n            - name: TransitionEvent\n              value: 1116\n            - name: Tween\n              value: 6006\n        - name: data\n          children:\n            - name: converters\n              children:\n                - name: Converters\n                  value: 721\n                - name: DelimitedTextConverter\n                  value: 4294\n                - name: GraphMLConverter\n                  value: 9800\n                - name: IDataConverter\n                  value: 1314\n                - name: JSONConverter\n                  value: 2220\n            - name: DataField\n              value: 1759\n            - name: DataSchema\n              value: 2165\n            - name: DataSet\n              value: 586\n            - name: DataSource\n              value: 3331\n            - name: DataTable\n              value: 772\n            - name: DataUtil\n              value: 3322\n        - name: display\n          children:\n            - name: DirtySprite\n              value: 8833\n            - name: LineSprite\n              value: 1732\n            - name: RectSprite\n              value: 3623\n            - name: TextSprite\n              value: 10066\n        - name: flex\n          children:\n            - name: FlareVis\n              value: 4116\n        - name: physics\n          children:\n            - name: DragForce\n              value: 1082\n            - name: GravityForce\n              value: 1336\n            - name: IForce\n              value: 319\n            - name: NBodyForce\n              value: 10498\n            - name: Particle\n              value: 2822\n            - name: Simulation\n              value: 9983\n            - name: Spring\n              value: 2213\n            - name: SpringForce\n              value: 1681\n        - name: query\n          children:\n            - name: AggregateExpression\n              value: 1616\n            - name: And\n              value: 1027\n            - name: Arithmetic\n              value: 3891\n            - name: Average\n              value: 891\n            - name: BinaryExpression\n              value: 2893\n            - name: Comparison\n              value: 5103\n            - name: CompositeExpression\n              value: 3677\n            - name: Count\n              value: 781\n            - name: DateUtil\n              value: 4141\n            - name: Distinct\n              value: 933\n            - name: Expression\n              value: 5130\n            - name: ExpressionIterator\n              value: 3617\n            - name: Fn\n              value: 3240\n            - name: If\n              value: 2732\n            - name: IsA\n              value: 2039\n            - name: Literal\n              value: 1214\n            - name: Match\n              value: 3748\n            - name: Maximum\n              value: 843\n            - name: methods\n              children:\n                - name: add\n                  value: 593\n                - name: and\n                  value: 330\n                - name: average\n                  value: 287\n                - name: count\n                  value: 277\n                - name: distinct\n                  value: 292\n                - name: div\n                  value: 595\n                - name: eq\n                  value: 594\n                - name: fn\n                  value: 460\n                - name: gt\n                  value: 603\n                - name: gte\n                  value: 625\n                - name: iff\n                  value: 748\n                - name: isa\n                  value: 461\n                - name: lt\n                  value: 597\n                - name: lte\n                  value: 619\n                - name: max\n                  value: 283\n                - name: min\n                  value: 283\n                - name: mod\n                  value: 591\n                - name: mul\n                  value: 603\n                - name: neq\n                  value: 599\n                - name: not\n                  value: 386\n                - name: or\n                  value: 323\n                - name: orderby\n                  value: 307\n                - name: range\n                  value: 772\n                - name: select\n                  value: 296\n                - name: stddev\n                  value: 363\n                - name: sub\n                  value: 600\n                - name: sum\n                  value: 280\n                - name: update\n                  value: 307\n                - name: variance\n                  value: 335\n                - name: where\n                  value: 299\n                - name: xor\n                  value: 354\n                - name: _\n                  value: 264\n            - name: Minimum\n              value: 843\n            - name: Not\n              value: 1554\n            - name: Or\n              value: 970\n            - name: Query\n              value: 13896\n            - name: Range\n              value: 1594\n            - name: StringUtil\n              value: 4130\n            - name: Sum\n              value: 791\n            - name: Variable\n              value: 1124\n            - name: Variance\n              value: 1876\n            - name: Xor\n              value: 1101\n        - name: scale\n          children:\n            - name: IScaleMap\n              value: 2105\n            - name: LinearScale\n              value: 1316\n            - name: LogScale\n              value: 3151\n            - name: OrdinalScale\n              value: 3770\n            - name: QuantileScale\n              value: 2435\n            - name: QuantitativeScale\n              value: 4839\n            - name: RootScale\n              value: 1756\n            - name: Scale\n              value: 4268\n            - name: ScaleType\n              value: 1821\n            - name: TimeScale\n              value: 5833\n        - name: util\n          children:\n            - name: Arrays\n              value: 8258\n            - name: Colors\n              value: 10001\n            - name: Dates\n              value: 8217\n            - name: Displays\n              value: 12555\n            - name: Filter\n              value: 2324\n            - name: Geometry\n              value: 10993\n            - name: heap\n              children:\n                - name: FibonacciHeap\n                  value: 9354\n                - name: HeapNode\n                  value: 1233\n            - name: IEvaluable\n              value: 335\n            - name: IPredicate\n              value: 383\n            - name: IValueProxy\n              value: 874\n            - name: math\n              children:\n                - name: DenseMatrix\n                  value: 3165\n                - name: IMatrix\n                  value: 2815\n                - name: SparseMatrix\n                  value: 3366\n            - name: Maths\n              value: 17705\n            - name: Orientation\n              value: 1486\n            - name: palette\n              children:\n                - name: ColorPalette\n                  value: 6367\n                - name: Palette\n                  value: 1229\n                - name: ShapePalette\n                  value: 2059\n                - name: SizePalette\n                  value: 2291\n            - name: Property\n              value: 5559\n            - name: Shapes\n              value: 19118\n            - name: Sort\n              value: 6887\n            - name: Stats\n              value: 6557\n            - name: Strings\n              value: 22026\n        - name: vis\n          children:\n            - name: axis\n              children:\n                - name: Axes\n                  value: 1302\n                - name: Axis\n                  value: 24593\n                - name: AxisGridLine\n                  value: 652\n                - name: AxisLabel\n                  value: 636\n                - name: CartesianAxes\n                  value: 6703\n            - name: controls\n              children:\n                - name: AnchorControl\n                  value: 2138\n                - name: ClickControl\n                  value: 3824\n                - name: Control\n                  value: 1353\n                - name: ControlList\n                  value: 4665\n                - name: DragControl\n                  value: 2649\n                - name: ExpandControl\n                  value: 2832\n                - name: HoverControl\n                  value: 4896\n                - name: IControl\n                  value: 763\n                - name: PanZoomControl\n                  value: 5222\n                - name: SelectionControl\n                  value: 7862\n                - name: TooltipControl\n                  value: 8435\n            - name: data\n              children:\n                - name: Data\n                  value: 20544\n                - name: DataList\n                  value: 19788\n                - name: DataSprite\n                  value: 10349\n                - name: EdgeSprite\n                  value: 3301\n                - name: NodeSprite\n                  value: 19382\n                - name: render\n                  children:\n                    - name: ArrowType\n                      value: 698\n                    - name: EdgeRenderer\n                      value: 5569\n                    - name: IRenderer\n                      value: 353\n                    - name: ShapeRenderer\n                      value: 2247\n                - name: ScaleBinding\n                  value: 11275\n                - name: Tree\n                  value: 7147\n                - name: TreeBuilder\n                  value: 9930\n            - name: events\n              children:\n                - name: DataEvent\n                  value: 2313\n                - name: SelectionEvent\n                  value: 1880\n                - name: TooltipEvent\n                  value: 1701\n                - name: VisualizationEvent\n                  value: 1117\n            - name: legend\n              children:\n                - name: Legend\n                  value: 20859\n                - name: LegendItem\n                  value: 4614\n                - name: LegendRange\n                  value: 10530\n            - name: operator\n              children:\n                - name: distortion\n                  children:\n                    - name: BifocalDistortion\n                      value: 4461\n                    - name: Distortion\n                      value: 6314\n                    - name: FisheyeDistortion\n                      value: 3444\n                - name: encoder\n                  children:\n                    - name: ColorEncoder\n                      value: 3179\n                    - name: Encoder\n                      value: 4060\n                    - name: PropertyEncoder\n                      value: 4138\n                    - name: ShapeEncoder\n                      value: 1690\n                    - name: SizeEncoder\n                      value: 1830\n                - name: filter\n                  children:\n                    - name: FisheyeTreeFilter\n                      value: 5219\n                    - name: GraphDistanceFilter\n                      value: 3165\n                    - name: VisibilityFilter\n                      value: 3509\n                - name: IOperator\n                  value: 1286\n                - name: label\n                  children:\n                    - name: Labeler\n                      value: 9956\n                    - name: RadialLabeler\n                      value: 3899\n                    - name: StackedAreaLabeler\n                      value: 3202\n                - name: layout\n                  children:\n                    - name: AxisLayout\n                      value: 6725\n                    - name: BundledEdgeRouter\n                      value: 3727\n                    - name: CircleLayout\n                      value: 9317\n                    - name: CirclePackingLayout\n                      value: 12003\n                    - name: DendrogramLayout\n                      value: 4853\n                    - name: ForceDirectedLayout\n                      value: 8411\n                    - name: IcicleTreeLayout\n                      value: 4864\n                    - name: IndentedTreeLayout\n                      value: 3174\n                    - name: Layout\n                      value: 7881\n                    - name: NodeLinkTreeLayout\n                      value: 12870\n                    - name: PieLayout\n                      value: 2728\n                    - name: RadialTreeLayout\n                      value: 12348\n                    - name: RandomLayout\n                      value: 870\n                    - name: StackedAreaLayout\n                      value: 9121\n                    - name: TreeMapLayout\n                      value: 9191\n                - name: Operator\n                  value: 2490\n                - name: OperatorList\n                  value: 5248\n                - name: OperatorSequence\n                  value: 4190\n                - name: OperatorSwitch\n                  value: 2581\n                - name: SortOperator\n                  value: 2023\n            - name: Visualization\n              value: 16540\n    style:\n      width: 100%\n      height: 800px\n      display: block\n      background-color: \"#1c1e21\"\n    tooltipUseBrick:\n      useBrick:\n        brick: span\n        properties:\n          textContent: <% DATA.data?.name %>\n    leafUseBrick:\n      useBrick:\n        - if: <% DATA.x1 - DATA.x0 > 70 && DATA.y1 - DATA.y0 > 100 %>\n          brick: div\n          properties:\n            style:\n              padding: \"8px 6px\"\n          slots:\n            \"\":\n              type: bricks\n              bricks:\n                - brick: div\n                  properties:\n                    textContent: <% DATA.data.name %>\n                    style:\n                      \"font-size\": \"20px\"\n                      \"font-weight\": 500\n                      color: \"#FFFFFF\"\n                      \"line-height\": \"28px\"\n                      \"text-shadow\": \"0px 1px 4px #3366FF\"\n                      overflow: \"hidden\"\n                      \"white-space\": \"nowrap\"\n                      \"text-overflow\": \"ellipsis\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.modern-style-treemap\n#   style=\"width: 100%; height: 800px; display: block; background-color: #1c1e21\"\n#   id=\"brick-1\"\n# ></data-view.modern-style-treemap>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.data = {\n#     name: \"flare\",\n#     children: [\n#       {\n#         name: \"analytics\",\n#         children: [\n#           {\n#             name: \"cluster\",\n#             children: [\n#               {\n#                 name: \"AgglomerativeCluster\",\n#                 value: 3938,\n#               },\n#               {\n#                 name: \"CommunityStructure\",\n#                 value: 3812,\n#               },\n#               {\n#                 name: \"HierarchicalCluster\",\n#                 value: 6714,\n#               },\n#               {\n#                 name: \"MergeEdge\",\n#                 value: 743,\n#               },\n#             ],\n#           },\n#           {\n#             name: \"graph\",\n#             children: [\n#               {\n#                 name: \"BetweennessCentrality\",\n#                 value: 3534,\n#               },\n#               {\n#                 name: \"LinkDistance\",\n#                 value: 5731,\n#               },\n#               {\n#                 name: \"MaxFlowMinCut\",\n#                 value: 7840,\n#               },\n#               {\n#                 name: \"ShortestPaths\",\n#                 value: 5914,\n#               },\n#               {\n#                 name: \"SpanningTree\",\n#                 value: 3416,\n#               },\n#             ],\n#           },\n#           {\n#             name: \"optimization\",\n#             children: [\n#               {\n#                 name: \"AspectRatioBanker\",\n#                 value: 7074,\n#               },\n#             ],\n#           },\n#         ],\n#       },\n#       {\n#         name: \"animate\",\n#         children: [\n#           {\n#             name: \"Easing\",\n#             value: 17010,\n#           },\n#           {\n#             name: \"FunctionSequence\",\n#             value: 5842,\n#           },\n#           {\n#             name: \"interpolate\",\n#             children: [\n#               {\n#                 name: \"ArrayInterpolator\",\n#                 value: 1983,\n#               },\n#               {\n#                 name: \"ColorInterpolator\",\n#                 value: 2047,\n#               },\n#               {\n#                 name: \"DateInterpolator\",\n#                 value: 1375,\n#               },\n#               {\n#                 name: \"Interpolator\",\n#                 value: 8746,\n#               },\n#               {\n#                 name: \"MatrixInterpolator\",\n#                 value: 2202,\n#               },\n#               {\n#                 name: \"NumberInterpolator\",\n#                 value: 1382,\n#               },\n#               {\n#                 name: \"ObjectInterpolator\",\n#                 value: 1629,\n#               },\n#               {\n#                 name: \"PointInterpolator\",\n#                 value: 1675,\n#               },\n#               {\n#                 name: \"RectangleInterpolator\",\n#                 value: 2042,\n#               },\n#             ],\n#           },\n#           {\n#             name: \"ISchedulable\",\n#             value: 1041,\n#           },\n#           {\n#             name: \"Parallel\",\n#             value: 5176,\n#           },\n#           {\n#             name: \"Pause\",\n#             value: 449,\n#           },\n#           {\n#             name: \"Scheduler\",\n#             value: 5593,\n#           },\n#           {\n#             name: \"Sequence\",\n#             value: 5534,\n#           },\n#           {\n#             name: \"Transition\",\n#             value: 9201,\n#           },\n#           {\n#             name: \"Transitioner\",\n#             value: 19975,\n#           },\n#           {\n#             name: \"TransitionEvent\",\n#             value: 1116,\n#           },\n#           {\n#             name: \"Tween\",\n#             value: 6006,\n#           },\n#         ],\n#       },\n#       {\n#         name: \"data\",\n#         children: [\n#           {\n#             name: \"converters\",\n#             children: [\n#               {\n#                 name: \"Converters\",\n#                 value: 721,\n#               },\n#               {\n#                 name: \"DelimitedTextConverter\",\n#                 value: 4294,\n#               },\n#               {\n#                 name: \"GraphMLConverter\",\n#                 value: 9800,\n#               },\n#               {\n#                 name: \"IDataConverter\",\n#                 value: 1314,\n#               },\n#               {\n#                 name: \"JSONConverter\",\n#                 value: 2220,\n#               },\n#             ],\n#           },\n#           {\n#             name: \"DataField\",\n#             value: 1759,\n#           },\n#           {\n#             name: \"DataSchema\",\n#             value: 2165,\n#           },\n#           {\n#             name: \"DataSet\",\n#             value: 586,\n#           },\n#           {\n#             name: \"DataSource\",\n#             value: 3331,\n#           },\n#           {\n#             name: \"DataTable\",\n#             value: 772,\n#           },\n#           {\n#             name: \"DataUtil\",\n#             value: 3322,\n#           },\n#         ],\n#       },\n#       {\n#         name: \"display\",\n#         children: [\n#           {\n#             name: \"DirtySprite\",\n#             value: 8833,\n#           },\n#           {\n#             name: \"LineSprite\",\n#             value: 1732,\n#           },\n#           {\n#             name: \"RectSprite\",\n#             value: 3623,\n#           },\n#           {\n#             name: \"TextSprite\",\n#             value: 10066,\n#           },\n#         ],\n#       },\n#       {\n#         name: \"flex\",\n#         children: [\n#           {\n#             name: \"FlareVis\",\n#             value: 4116,\n#           },\n#         ],\n#       },\n#       {\n#         name: \"physics\",\n#         children: [\n#           {\n#             name: \"DragForce\",\n#             value: 1082,\n#           },\n#           {\n#             name: \"GravityForce\",\n#             value: 1336,\n#           },\n#           {\n#             name: \"IForce\",\n#             value: 319,\n#           },\n#           {\n#             name: \"NBodyForce\",\n#             value: 10498,\n#           },\n#           {\n#             name: \"Particle\",\n#             value: 2822,\n#           },\n#           {\n#             name: \"Simulation\",\n#             value: 9983,\n#           },\n#           {\n#             name: \"Spring\",\n#             value: 2213,\n#           },\n#           {\n#             name: \"SpringForce\",\n#             value: 1681,\n#           },\n#         ],\n#       },\n#       {\n#         name: \"query\",\n#         children: [\n#           {\n#             name: \"AggregateExpression\",\n#             value: 1616,\n#           },\n#           {\n#             name: \"And\",\n#             value: 1027,\n#           },\n#           {\n#             name: \"Arithmetic\",\n#             value: 3891,\n#           },\n#           {\n#             name: \"Average\",\n#             value: 891,\n#           },\n#           {\n#             name: \"BinaryExpression\",\n#             value: 2893,\n#           },\n#           {\n#             name: \"Comparison\",\n#             value: 5103,\n#           },\n#           {\n#             name: \"CompositeExpression\",\n#             value: 3677,\n#           },\n#           {\n#             name: \"Count\",\n#             value: 781,\n#           },\n#           {\n#             name: \"DateUtil\",\n#             value: 4141,\n#           },\n#           {\n#             name: \"Distinct\",\n#             value: 933,\n#           },\n#           {\n#             name: \"Expression\",\n#             value: 5130,\n#           },\n#           {\n#             name: \"ExpressionIterator\",\n#             value: 3617,\n#           },\n#           {\n#             name: \"Fn\",\n#             value: 3240,\n#           },\n#           {\n#             name: \"If\",\n#             value: 2732,\n#           },\n#           {\n#             name: \"IsA\",\n#             value: 2039,\n#           },\n#           {\n#             name: \"Literal\",\n#             value: 1214,\n#           },\n#           {\n#             name: \"Match\",\n#             value: 3748,\n#           },\n#           {\n#             name: \"Maximum\",\n#             value: 843,\n#           },\n#           {\n#             name: \"methods\",\n#             children: [\n#               {\n#                 name: \"add\",\n#                 value: 593,\n#               },\n#               {\n#                 name: \"and\",\n#                 value: 330,\n#               },\n#               {\n#                 name: \"average\",\n#                 value: 287,\n#               },\n#               {\n#                 name: \"count\",\n#                 value: 277,\n#               },\n#               {\n#                 name: \"distinct\",\n#                 value: 292,\n#               },\n#               {\n#                 name: \"div\",\n#                 value: 595,\n#               },\n#               {\n#                 name: \"eq\",\n#                 value: 594,\n#               },\n#               {\n#                 name: \"fn\",\n#                 value: 460,\n#               },\n#               {\n#                 name: \"gt\",\n#                 value: 603,\n#               },\n#               {\n#                 name: \"gte\",\n#                 value: 625,\n#               },\n#               {\n#                 name: \"iff\",\n#                 value: 748,\n#               },\n#               {\n#                 name: \"isa\",\n#                 value: 461,\n#               },\n#               {\n#                 name: \"lt\",\n#                 value: 597,\n#               },\n#               {\n#                 name: \"lte\",\n#                 value: 619,\n#               },\n#               {\n#                 name: \"max\",\n#                 value: 283,\n#               },\n#               {\n#                 name: \"min\",\n#                 value: 283,\n#               },\n#               {\n#                 name: \"mod\",\n#                 value: 591,\n#               },\n#               {\n#                 name: \"mul\",\n#                 value: 603,\n#               },\n#               {\n#                 name: \"neq\",\n#                 value: 599,\n#               },\n#               {\n#                 name: \"not\",\n#                 value: 386,\n#               },\n#               {\n#                 name: \"or\",\n#                 value: 323,\n#               },\n#               {\n#                 name: \"orderby\",\n#                 value: 307,\n#               },\n#               {\n#                 name: \"range\",\n#                 value: 772,\n#               },\n#               {\n#                 name: \"select\",\n#                 value: 296,\n#               },\n#               {\n#                 name: \"stddev\",\n#                 value: 363,\n#               },\n#               {\n#                 name: \"sub\",\n#                 value: 600,\n#               },\n#               {\n#                 name: \"sum\",\n#                 value: 280,\n#               },\n#               {\n#                 name: \"update\",\n#                 value: 307,\n#               },\n#               {\n#                 name: \"variance\",\n#                 value: 335,\n#               },\n#               {\n#                 name: \"where\",\n#                 value: 299,\n#               },\n#               {\n#                 name: \"xor\",\n#                 value: 354,\n#               },\n#               {\n#                 name: \"_\",\n#                 value: 264,\n#               },\n#             ],\n#           },\n#           {\n#             name: \"Minimum\",\n#             value: 843,\n#           },\n#           {\n#             name: \"Not\",\n#             value: 1554,\n#           },\n#           {\n#             name: \"Or\",\n#             value: 970,\n#           },\n#           {\n#             name: \"Query\",\n#             value: 13896,\n#           },\n#           {\n#             name: \"Range\",\n#             value: 1594,\n#           },\n#           {\n#             name: \"StringUtil\",\n#             value: 4130,\n#           },\n#           {\n#             name: \"Sum\",\n#             value: 791,\n#           },\n#           {\n#             name: \"Variable\",\n#             value: 1124,\n#           },\n#           {\n#             name: \"Variance\",\n#             value: 1876,\n#           },\n#           {\n#             name: \"Xor\",\n#             value: 1101,\n#           },\n#         ],\n#       },\n#       {\n#         name: \"scale\",\n#         children: [\n#           {\n#             name: \"IScaleMap\",\n#             value: 2105,\n#           },\n#           {\n#             name: \"LinearScale\",\n#             value: 1316,\n#           },\n#           {\n#             name: \"LogScale\",\n#             value: 3151,\n#           },\n#           {\n#             name: \"OrdinalScale\",\n#             value: 3770,\n#           },\n#           {\n#             name: \"QuantileScale\",\n#             value: 2435,\n#           },\n#           {\n#             name: \"QuantitativeScale\",\n#             value: 4839,\n#           },\n#           {\n#             name: \"RootScale\",\n#             value: 1756,\n#           },\n#           {\n#             name: \"Scale\",\n#             value: 4268,\n#           },\n#           {\n#             name: \"ScaleType\",\n#             value: 1821,\n#           },\n#           {\n#             name: \"TimeScale\",\n#             value: 5833,\n#           },\n#         ],\n#       },\n#       {\n#         name: \"util\",\n#         children: [\n#           {\n#             name: \"Arrays\",\n#             value: 8258,\n#           },\n#           {\n#             name: \"Colors\",\n#             value: 10001,\n#           },\n#           {\n#             name: \"Dates\",\n#             value: 8217,\n#           },\n#           {\n#             name: \"Displays\",\n#             value: 12555,\n#           },\n#           {\n#             name: \"Filter\",\n#             value: 2324,\n#           },\n#           {\n#             name: \"Geometry\",\n#             value: 10993,\n#           },\n#           {\n#             name: \"heap\",\n#             children: [\n#               {\n#                 name: \"FibonacciHeap\",\n#                 value: 9354,\n#               },\n#               {\n#                 name: \"HeapNode\",\n#                 value: 1233,\n#               },\n#             ],\n#           },\n#           {\n#             name: \"IEvaluable\",\n#             value: 335,\n#           },\n#           {\n#             name: \"IPredicate\",\n#             value: 383,\n#           },\n#           {\n#             name: \"IValueProxy\",\n#             value: 874,\n#           },\n#           {\n#             name: \"math\",\n#             children: [\n#               {\n#                 name: \"DenseMatrix\",\n#                 value: 3165,\n#               },\n#               {\n#                 name: \"IMatrix\",\n#                 value: 2815,\n#               },\n#               {\n#                 name: \"SparseMatrix\",\n#                 value: 3366,\n#               },\n#             ],\n#           },\n#           {\n#             name: \"Maths\",\n#             value: 17705,\n#           },\n#           {\n#             name: \"Orientation\",\n#             value: 1486,\n#           },\n#           {\n#             name: \"palette\",\n#             children: [\n#               {\n#                 name: \"ColorPalette\",\n#                 value: 6367,\n#               },\n#               {\n#                 name: \"Palette\",\n#                 value: 1229,\n#               },\n#               {\n#                 name: \"ShapePalette\",\n#                 value: 2059,\n#               },\n#               {\n#                 name: \"SizePalette\",\n#                 value: 2291,\n#               },\n#             ],\n#           },\n#           {\n#             name: \"Property\",\n#             value: 5559,\n#           },\n#           {\n#             name: \"Shapes\",\n#             value: 19118,\n#           },\n#           {\n#             name: \"Sort\",\n#             value: 6887,\n#           },\n#           {\n#             name: \"Stats\",\n#             value: 6557,\n#           },\n#           {\n#             name: \"Strings\",\n#             value: 22026,\n#           },\n#         ],\n#       },\n#       {\n#         name: \"vis\",\n#         children: [\n#           {\n#             name: \"axis\",\n#             children: [\n#               {\n#                 name: \"Axes\",\n#                 value: 1302,\n#               },\n#               {\n#                 name: \"Axis\",\n#                 value: 24593,\n#               },\n#               {\n#                 name: \"AxisGridLine\",\n#                 value: 652,\n#               },\n#               {\n#                 name: \"AxisLabel\",\n#                 value: 636,\n#               },\n#               {\n#                 name: \"CartesianAxes\",\n#                 value: 6703,\n#               },\n#             ],\n#           },\n#           {\n#             name: \"controls\",\n#             children: [\n#               {\n#                 name: \"AnchorControl\",\n#                 value: 2138,\n#               },\n#               {\n#                 name: \"ClickControl\",\n#                 value: 3824,\n#               },\n#               {\n#                 name: \"Control\",\n#                 value: 1353,\n#               },\n#               {\n#                 name: \"ControlList\",\n#                 value: 4665,\n#               },\n#               {\n#                 name: \"DragControl\",\n#                 value: 2649,\n#               },\n#               {\n#                 name: \"ExpandControl\",\n#                 value: 2832,\n#               },\n#               {\n#                 name: \"HoverControl\",\n#                 value: 4896,\n#               },\n#               {\n#                 name: \"IControl\",\n#                 value: 763,\n#               },\n#               {\n#                 name: \"PanZoomControl\",\n#                 value: 5222,\n#               },\n#               {\n#                 name: \"SelectionControl\",\n#                 value: 7862,\n#               },\n#               {\n#                 name: \"TooltipControl\",\n#                 value: 8435,\n#               },\n#             ],\n#           },\n#           {\n#             name: \"data\",\n#             children: [\n#               {\n#                 name: \"Data\",\n#                 value: 20544,\n#               },\n#               {\n#                 name: \"DataList\",\n#                 value: 19788,\n#               },\n#               {\n#                 name: \"DataSprite\",\n#                 value: 10349,\n#               },\n#               {\n#                 name: \"EdgeSprite\",\n#                 value: 3301,\n#               },\n#               {\n#                 name: \"NodeSprite\",\n#                 value: 19382,\n#               },\n#               {\n#                 name: \"render\",\n#                 children: [\n#                   {\n#                     name: \"ArrowType\",\n#                     value: 698,\n#                   },\n#                   {\n#                     name: \"EdgeRenderer\",\n#                     value: 5569,\n#                   },\n#                   {\n#                     name: \"IRenderer\",\n#                     value: 353,\n#                   },\n#                   {\n#                     name: \"ShapeRenderer\",\n#                     value: 2247,\n#                   },\n#                 ],\n#               },\n#               {\n#                 name: \"ScaleBinding\",\n#                 value: 11275,\n#               },\n#               {\n#                 name: \"Tree\",\n#                 value: 7147,\n#               },\n#               {\n#                 name: \"TreeBuilder\",\n#                 value: 9930,\n#               },\n#             ],\n#           },\n#           {\n#             name: \"events\",\n#             children: [\n#               {\n#                 name: \"DataEvent\",\n#                 value: 2313,\n#               },\n#               {\n#                 name: \"SelectionEvent\",\n#                 value: 1880,\n#               },\n#               {\n#                 name: \"TooltipEvent\",\n#                 value: 1701,\n#               },\n#               {\n#                 name: \"VisualizationEvent\",\n#                 value: 1117,\n#               },\n#             ],\n#           },\n#           {\n#             name: \"legend\",\n#             children: [\n#               {\n#                 name: \"Legend\",\n#                 value: 20859,\n#               },\n#               {\n#                 name: \"LegendItem\",\n#                 value: 4614,\n#               },\n#               {\n#                 name: \"LegendRange\",\n#                 value: 10530,\n#               },\n#             ],\n#           },\n#           {\n#             name: \"operator\",\n#             children: [\n#               {\n#                 name: \"distortion\",\n#                 children: [\n#                   {\n#                     name: \"BifocalDistortion\",\n#                     value: 4461,\n#                   },\n#                   {\n#                     name: \"Distortion\",\n#                     value: 6314,\n#                   },\n#                   {\n#                     name: \"FisheyeDistortion\",\n#                     value: 3444,\n#                   },\n#                 ],\n#               },\n#               {\n#                 name: \"encoder\",\n#                 children: [\n#                   {\n#                     name: \"ColorEncoder\",\n#                     value: 3179,\n#                   },\n#                   {\n#                     name: \"Encoder\",\n#                     value: 4060,\n#                   },\n#                   {\n#                     name: \"PropertyEncoder\",\n#                     value: 4138,\n#                   },\n#                   {\n#                     name: \"ShapeEncoder\",\n#                     value: 1690,\n#                   },\n#                   {\n#                     name: \"SizeEncoder\",\n#                     value: 1830,\n#                   },\n#                 ],\n#               },\n#               {\n#                 name: \"filter\",\n#                 children: [\n#                   {\n#                     name: \"FisheyeTreeFilter\",\n#                     value: 5219,\n#                   },\n#                   {\n#                     name: \"GraphDistanceFilter\",\n#                     value: 3165,\n#                   },\n#                   {\n#                     name: \"VisibilityFilter\",\n#                     value: 3509,\n#                   },\n#                 ],\n#               },\n#               {\n#                 name: \"IOperator\",\n#                 value: 1286,\n#               },\n#               {\n#                 name: \"label\",\n#                 children: [\n#                   {\n#                     name: \"Labeler\",\n#                     value: 9956,\n#                   },\n#                   {\n#                     name: \"RadialLabeler\",\n#                     value: 3899,\n#                   },\n#                   {\n#                     name: \"StackedAreaLabeler\",\n#                     value: 3202,\n#                   },\n#                 ],\n#               },\n#               {\n#                 name: \"layout\",\n#                 children: [\n#                   {\n#                     name: \"AxisLayout\",\n#                     value: 6725,\n#                   },\n#                   {\n#                     name: \"BundledEdgeRouter\",\n#                     value: 3727,\n#                   },\n#                   {\n#                     name: \"CircleLayout\",\n#                     value: 9317,\n#                   },\n#                   {\n#                     name: \"CirclePackingLayout\",\n#                     value: 12003,\n#                   },\n#                   {\n#                     name: \"DendrogramLayout\",\n#                     value: 4853,\n#                   },\n#                   {\n#                     name: \"ForceDirectedLayout\",\n#                     value: 8411,\n#                   },\n#                   {\n#                     name: \"IcicleTreeLayout\",\n#                     value: 4864,\n#                   },\n#                   {\n#                     name: \"IndentedTreeLayout\",\n#                     value: 3174,\n#                   },\n#                   {\n#                     name: \"Layout\",\n#                     value: 7881,\n#                   },\n#                   {\n#                     name: \"NodeLinkTreeLayout\",\n#                     value: 12870,\n#                   },\n#                   {\n#                     name: \"PieLayout\",\n#                     value: 2728,\n#                   },\n#                   {\n#                     name: \"RadialTreeLayout\",\n#                     value: 12348,\n#                   },\n#                   {\n#                     name: \"RandomLayout\",\n#                     value: 870,\n#                   },\n#                   {\n#                     name: \"StackedAreaLayout\",\n#                     value: 9121,\n#                   },\n#                   {\n#                     name: \"TreeMapLayout\",\n#                     value: 9191,\n#                   },\n#                 ],\n#               },\n#               {\n#                 name: \"Operator\",\n#                 value: 2490,\n#               },\n#               {\n#                 name: \"OperatorList\",\n#                 value: 5248,\n#               },\n#               {\n#                 name: \"OperatorSequence\",\n#                 value: 4190,\n#               },\n#               {\n#                 name: \"OperatorSwitch\",\n#                 value: 2581,\n#               },\n#               {\n#                 name: \"SortOperator\",\n#                 value: 2023,\n#               },\n#             ],\n#           },\n#           {\n#             name: \"Visualization\",\n#             value: 16540,\n#           },\n#         ],\n#       },\n#     ],\n#   };\n#   brick_1.tooltipUseBrick = {\n#     useBrick: {\n#       brick: \"span\",\n#       properties: {\n#         textContent: \"<% DATA.data?.name %>\",\n#       },\n#     },\n#   };\n#   brick_1.leafUseBrick = {\n#     useBrick: [\n#       {\n#         if: \"<% DATA.x1 - DATA.x0 > 70 && DATA.y1 - DATA.y0 > 100 %>\",\n#         brick: \"div\",\n#         properties: {\n#           style: {\n#             padding: \"8px 6px\",\n#           },\n#         },\n#         slots: {\n#           \"\": {\n#             type: \"bricks\",\n#             bricks: [\n#               {\n#                 brick: \"div\",\n#                 properties: {\n#                   textContent: \"<% DATA.data.name %>\",\n#                   style: {\n#                     \"font-size\": \"20px\",\n#                     \"font-weight\": 500,\n#                     color: \"#FFFFFF\",\n#                     \"line-height\": \"28px\",\n#                     \"text-shadow\": \"0px 1px 4px #3366FF\",\n#                     overflow: \"hidden\",\n#                     \"white-space\": \"nowrap\",\n#                     \"text-overflow\": \"ellipsis\",\n#                   },\n#                 },\n#               },\n#             ],\n#           },\n#         },\n#       },\n#     ],\n#   };\n# </script>\n# \n```\n"
   },
+  "data-view.modern-style-page-title": {
+    "doc": "现代风格的页面标题构件\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.modern-style-page-title\n  properties:\n    pageTitle: XX应用大屏\n    description: \"- APPLICATION HEALTH MONITORING SCREEN -\"\n    style:\n      display: block\n      background-color: \"#1c1e21\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.modern-style-page-title\n#   page-title=\"XX应用大屏\"\n#   description=\"- APPLICATION HEALTH MONITORING SCREEN -\"\n#   style=\"display: block; background-color: #1c1e21\"\n# ></data-view.modern-style-page-title>\n# \n```\n"
+  },
   "data-view.battery-chart": {
     "doc": "电池显示构件\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.battery-chart\n  properties:\n    value: 30\n    style:\n      background-color: \"#1c1e21\"\n      display: block\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.battery-chart\n#   value=\"30\"\n#   style=\"background-color: #1c1e21; display: block\"\n# ></data-view.battery-chart>\n# \n```\n\n### ThresholdValue\n\n```yaml preview\n- brick: data-view.battery-chart\n  properties:\n    value: 100\n    thresholdValue: 120\n    batteryHeight: 80\n    batteryWidth: 50\n    thresholdColors:\n      - color: \"linear-gradient(180deg, #246EFF 0%, #26CE90 100%)\"\n        startValue: 0\n        endValue: 120\n        headerColor: \"#246EFF\"\n      - color: \"linear-gradient(180deg, #FF772A 0%, #FFC22A 100%)\"\n        startValue: 120\n        endValue: 200\n        headerColor: \"#FF772A\"\n    style:\n      background-color: \"#1c1e21\"\n      display: block\n  slots:\n    \"\":\n      type: bricks\n      bricks:\n        - brick: div\n          properties:\n            textContent: 标题\n            style:\n              color: \"#fff\"\n              opacity: 0.6\n              marginTop: 10px\n              fontSize: 14px\n        - brick: div\n          properties:\n            textContent: 数据信息\n            style:\n              color: \"#fff\"\n              fontSize: 20px\n              line-height: 29px\n              fontWeight: 500\n    left:\n      type: bricks\n      bricks:\n        - brick: div\n          properties:\n            textContent: 标题\n            style:\n              color: \"#fff\"\n              opacity: 0.6\n              marginTop: 10px\n              fontSize: 14px\n        - brick: div\n          properties:\n            textContent: 数据信息\n            style:\n              color: \"#fff\"\n              fontSize: 20px\n              line-height: 29px\n              fontWeight: 500\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.battery-chart\n#   value=\"100\"\n#   threshold-value=\"120\"\n#   battery-height=\"80\"\n#   battery-width=\"50\"\n#   style=\"background-color: #1c1e21; display: block\"\n#   id=\"brick-1\"\n# >\n#   <div style=\"color: #fff; opacity: 0.6; margin-top: 10px; font-size: 14px\">\n#     标题\n#   </div>\n#   <div\n#     style=\"color: #fff; font-size: 20px; line-height: 29px; font-weight: 500\"\n#   >\n#     数据信息\n#   </div>\n#   <div\n#     slot=\"left\"\n#     style=\"color: #fff; opacity: 0.6; margin-top: 10px; font-size: 14px\"\n#   >\n#     标题\n#   </div>\n#   <div\n#     slot=\"left\"\n#     style=\"color: #fff; font-size: 20px; line-height: 29px; font-weight: 500\"\n#   >\n#     数据信息\n#   </div>\n# </data-view.battery-chart>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.thresholdColors = [\n#     {\n#       color: \"linear-gradient(180deg, #246EFF 0%, #26CE90 100%)\",\n#       startValue: 0,\n#       endValue: 120,\n#       headerColor: \"#246EFF\",\n#     },\n#     {\n#       color: \"linear-gradient(180deg, #FF772A 0%, #FFC22A 100%)\",\n#       startValue: 120,\n#       endValue: 200,\n#       headerColor: \"#FF772A\",\n#     },\n#   ];\n# </script>\n# \n```\n"
   },
-  "data-view.dropdown-menu": {
-    "doc": "大屏基础下拉菜单\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.dropdown-menu\n  properties:\n    options:\n      - label: 测试1\n        value: test1\n      - label: 测试2\n        value: test2\n    placeholder: 请选择\n    allowClear: true\n  events:\n    value.change:\n      - action: console.log\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.dropdown-menu\n#   placeholder=\"请选择\"\n#   allow-clear\n#   id=\"brick-1\"\n# ></data-view.dropdown-menu>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.options = [\n#     {\n#       label: \"测试1\",\n#       value: \"test1\",\n#     },\n#     {\n#       label: \"测试2\",\n#       value: \"test2\",\n#     },\n#   ];\n#   brick_1.addEventListener(\"value.change\", (e) => {\n#     console.log(e.detail);\n#   });\n# </script>\n# \n```\n"
-  },
   "data-view.complex-search": {
     "doc": "复杂的搜索框\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.complex-search\n  properties:\n    placeholder: Search\n    style:\n      background: \"#1c1e21\"\n      display: block\n      height: 300px\n    options:\n      - name: 主机1\n        icon:\n          lib: \"antd\"\n          icon: \"account-book\"\n          theme: \"outlined\"\n      - name: 主机2\n        icon:\n          lib: \"antd\"\n          icon: \"account-book\"\n          theme: \"outlined\"\n  events:\n    select:\n      - action: console.log\n    search:\n      - action: console.log\n    focus:\n      - action: console.log\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.complex-search\n#   placeholder=\"Search\"\n#   style=\"background: #1c1e21; display: block; height: 300px\"\n#   id=\"brick-1\"\n# ></data-view.complex-search>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.options = [\n#     {\n#       name: \"主机1\",\n#       icon: {\n#         lib: \"antd\",\n#         icon: \"account-book\",\n#         theme: \"outlined\",\n#       },\n#     },\n#     {\n#       name: \"主机2\",\n#       icon: {\n#         lib: \"antd\",\n#         icon: \"account-book\",\n#         theme: \"outlined\",\n#       },\n#     },\n#   ];\n#   brick_1.addEventListener(\"select\", (e) => {\n#     console.log(e.detail);\n#   });\n#   brick_1.addEventListener(\"search\", (e) => {\n#     console.log(e.detail);\n#   });\n#   brick_1.addEventListener(\"focus\", (e) => {\n#     console.log(e.detail);\n#   });\n# </script>\n# \n```\n"
   },
+  "data-view.dropdown-menu": {
+    "doc": "大屏基础下拉菜单\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.dropdown-menu\n  properties:\n    options:\n      - label: 测试1\n        value: test1\n      - label: 测试2\n        value: test2\n    placeholder: 请选择\n    allowClear: true\n  events:\n    value.change:\n      - action: console.log\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.dropdown-menu\n#   placeholder=\"请选择\"\n#   allow-clear\n#   id=\"brick-1\"\n# ></data-view.dropdown-menu>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.options = [\n#     {\n#       label: \"测试1\",\n#       value: \"test1\",\n#     },\n#     {\n#       label: \"测试2\",\n#       value: \"test2\",\n#     },\n#   ];\n#   brick_1.addEventListener(\"value.change\", (e) => {\n#     console.log(e.detail);\n#   });\n# </script>\n# \n```\n"
+  },
   "data-view.loading-panel": {
     "doc": "data-view.loading-panel\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.loading-panel\n  properties:\n    customTitle: Hello World!!\n    loading: false\n    style:\n      height: 300px\n      display: block\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.loading-panel\n#   custom-title=\"Hello World!!\"\n#   style=\"height: 300px; display: block\"\n# ></data-view.loading-panel>\n# \n```\n\n### Progress\n\n```yaml preview\n- brick: data-view.loading-panel\n  properties:\n    customTitle: Hello World!!\n    progress: 60\n    useRealTimeProgress: true\n    intervalTime: 300\n    style:\n      height: 300px\n      display: block\n  events:\n    end:\n      - action: console.log\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.loading-panel\n#   custom-title=\"Hello World!!\"\n#   progress=\"60\"\n#   use-real-time-progress\n#   interval-time=\"300\"\n#   style=\"height: 300px; display: block\"\n#   id=\"brick-1\"\n# ></data-view.loading-panel>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.addEventListener(\"end\", (e) => {\n#     console.log(e.detail);\n#   });\n# </script>\n# \n```\n"
   },
@@ -35,21 +35,21 @@
   "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-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-node": {
     "doc": "data-view.cabinet-node\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.cabinet-node\n  properties:\n    type: container-group\n    nodeTitle: 容器组\n    style:\n      width: 100px\n      background: \"#1c1e21\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.cabinet-node\n#   type=\"container-group\"\n#   node-title=\"容器组\"\n#   style=\"width: 100px; background: #1c1e21\"\n# ></data-view.cabinet-node>\n# \n```\n\n### IsAlert\n\n```yaml preview\n- brick: data-view.cabinet-node\n  properties:\n    type: container-group\n    nodeTitle: 容器组\n    isAlert: true\n    style:\n      width: 100px\n      background: \"#1c1e21\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.cabinet-node\n#   type=\"container-group\"\n#   node-title=\"容器组\"\n#   is-alert\n#   style=\"width: 100px; background: #1c1e21\"\n# ></data-view.cabinet-node>\n# \n```\n"
   },
-  "data-view.cabinet-container": {
-    "doc": "data-view.cabinet-container\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.cabinet-container\n  properties:\n    customTitle: 集群容器\n    data:\n      - type: physical-machine\n        nodeTitle: \"255.255.255\"\n      - type: physical-machine\n        nodeTitle: \"255.255.255\"\n    style:\n      width: 400px\n      height: 500px\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.cabinet-container\n#   custom-title=\"集群容器\"\n#   style=\"width: 400px; height: 500px\"\n#   id=\"brick-1\"\n# ></data-view.cabinet-container>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.data = [\n#     {\n#       type: \"physical-machine\",\n#       nodeTitle: \"255.255.255\",\n#     },\n#     {\n#       type: \"physical-machine\",\n#       nodeTitle: \"255.255.255\",\n#     },\n#   ];\n# </script>\n# \n```\n\n### Status\n\n```yaml preview\n- brick: data-view.cabinet-container\n  properties:\n    customTitle: 集群容器\n    status: active\n    data:\n      - type: physical-machine\n        nodeTitle: \"255.255.255\"\n      - type: physical-machine\n        nodeTitle: \"255.255.255\"\n    style:\n      width: 400px\n      height: 500px\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.cabinet-container\n#   custom-title=\"集群容器\"\n#   status=\"active\"\n#   style=\"width: 400px; height: 500px\"\n#   id=\"brick-1\"\n# ></data-view.cabinet-container>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.data = [\n#     {\n#       type: \"physical-machine\",\n#       nodeTitle: \"255.255.255\",\n#     },\n#     {\n#       type: \"physical-machine\",\n#       nodeTitle: \"255.255.255\",\n#     },\n#   ];\n# </script>\n# \n```\n"
-  },
   "data-view.cabinet-app-layer": {
     "doc": "data-view.cabinet-app-layer\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.cabinet-app-layer\n  properties:\n    appTitle: inventory-api\n    style:\n      width: 600px\n      background-color: \"#1c1e21\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.cabinet-app-layer\n#   app-title=\"inventory-api\"\n#   style=\"width: 600px; background-color: #1c1e21\"\n# ></data-view.cabinet-app-layer>\n# \n```\n"
   },
+  "data-view.cabinet-container": {
+    "doc": "data-view.cabinet-container\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.cabinet-container\n  properties:\n    customTitle: 集群容器\n    data:\n      - type: physical-machine\n        nodeTitle: \"255.255.255\"\n      - type: physical-machine\n        nodeTitle: \"255.255.255\"\n    style:\n      width: 400px\n      height: 500px\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.cabinet-container\n#   custom-title=\"集群容器\"\n#   style=\"width: 400px; height: 500px\"\n#   id=\"brick-1\"\n# ></data-view.cabinet-container>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.data = [\n#     {\n#       type: \"physical-machine\",\n#       nodeTitle: \"255.255.255\",\n#     },\n#     {\n#       type: \"physical-machine\",\n#       nodeTitle: \"255.255.255\",\n#     },\n#   ];\n# </script>\n# \n```\n\n### Status\n\n```yaml preview\n- brick: data-view.cabinet-container\n  properties:\n    customTitle: 集群容器\n    status: active\n    data:\n      - type: physical-machine\n        nodeTitle: \"255.255.255\"\n      - type: physical-machine\n        nodeTitle: \"255.255.255\"\n    style:\n      width: 400px\n      height: 500px\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.cabinet-container\n#   custom-title=\"集群容器\"\n#   status=\"active\"\n#   style=\"width: 400px; height: 500px\"\n#   id=\"brick-1\"\n# ></data-view.cabinet-container>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.data = [\n#     {\n#       type: \"physical-machine\",\n#       nodeTitle: \"255.255.255\",\n#     },\n#     {\n#       type: \"physical-machine\",\n#       nodeTitle: \"255.255.255\",\n#     },\n#   ];\n# </script>\n# \n```\n"
+  },
   "data-view.cabinet-thumbnail": {
     "doc": "data-view.cabinet-thumbnail 部署架构拓扑缩略图\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.cabinet-thumbnail\n  properties:\n    appName: inventory-api\n    clusters:\n      - title: inventory-api##aaaaa\n        type: host\n        data:\n          - nodeTitle: 244.244.244.244\n            key: 244.244.244.244\n            type: physical-machine\n          - nodeTitle: 244.244.244.245\n            key: 244.244.244.245\n            type: virtual-machine\n          - nodeTitle: 244.244.245.245\n            key: 244.244.245.245\n            type: physical-machine\n          - nodeTitle: 244.244.245.244\n            key: 244.244.245.244\n            type: virtual-machine\n      - title: K8S集群xxx\n        key: k8s-cluster\n        type: k8s\n        data:\n          - nodeTitle: a容器组\n            key: aa\n            type: container-group\n          - nodeTitle: b容器组\n            key: bb\n            type: container-group\n      - title: K8S集群xx\n        key: xxxx\n        type: k8s-blue\n        data:\n          - nodeTitle: a1容器组\n            key: aaa\n            type: pod\n          - nodeTitle: b1容器组\n            key: bbb\n            type: pod\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.cabinet-thumbnail\n#   app-name=\"inventory-api\"\n#   id=\"brick-1\"\n# ></data-view.cabinet-thumbnail>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.clusters = [\n#     {\n#       title: \"inventory-api##aaaaa\",\n#       type: \"host\",\n#       data: [\n#         {\n#           nodeTitle: \"244.244.244.244\",\n#           key: \"244.244.244.244\",\n#           type: \"physical-machine\",\n#         },\n#         {\n#           nodeTitle: \"244.244.244.245\",\n#           key: \"244.244.244.245\",\n#           type: \"virtual-machine\",\n#         },\n#         {\n#           nodeTitle: \"244.244.245.245\",\n#           key: \"244.244.245.245\",\n#           type: \"physical-machine\",\n#         },\n#         {\n#           nodeTitle: \"244.244.245.244\",\n#           key: \"244.244.245.244\",\n#           type: \"virtual-machine\",\n#         },\n#       ],\n#     },\n#     {\n#       title: \"K8S集群xxx\",\n#       key: \"k8s-cluster\",\n#       type: \"k8s\",\n#       data: [\n#         {\n#           nodeTitle: \"a容器组\",\n#           key: \"aa\",\n#           type: \"container-group\",\n#         },\n#         {\n#           nodeTitle: \"b容器组\",\n#           key: \"bb\",\n#           type: \"container-group\",\n#         },\n#       ],\n#     },\n#     {\n#       title: \"K8S集群xx\",\n#       key: \"xxxx\",\n#       type: \"k8s-blue\",\n#       data: [\n#         {\n#           nodeTitle: \"a1容器组\",\n#           key: \"aaa\",\n#           type: \"pod\",\n#         },\n#         {\n#           nodeTitle: \"b1容器组\",\n#           key: \"bbb\",\n#           type: \"pod\",\n#         },\n#       ],\n#     },\n#   ];\n# </script>\n# \n```\n"
   },
@@ -92,12 +92,12 @@
   "data-view.lights-component-title": {
     "doc": "构件 `data-view.lights-component-title`\n\n## Examples\n\n### Light\n\n```yaml preview\n- brick: div\n  properties:\n    style:\n      width: 100%\n      height: 100%\n      background: \"#000000FF\"\n  slots:\n    \"\":\n      type: bricks\n      bricks:\n        - brick: data-view.lights-component-title\n          properties:\n            componentTitle: 标题内容\n            theme: \"light\"\n# -- YAML DELIMITER (1nbbm8) --\n# <div style=\"width: 100%; height: 100%; background: #000000ff\">\n#   <data-view.lights-component-title\n#     component-title=\"标题内容\"\n#     theme=\"light\"\n#   ></data-view.lights-component-title>\n# </div>\n# \n```\n### Dark\n\n```yaml preview\n- brick: div\n  properties:\n    style:\n      width: 100%\n      height: 100%\n      background: \"#000000FF\"\n  slots:\n    \"\":\n      type: bricks\n      bricks:\n        - brick: data-view.lights-component-title\n          properties:\n            componentTitle: 标题内容\n            theme: \"dark\"\n# -- YAML DELIMITER (1nbbm8) --\n# <div style=\"width: 100%; height: 100%; background: #000000ff\">\n#   <data-view.lights-component-title\n#     component-title=\"标题内容\"\n#     theme=\"dark\"\n#   ></data-view.lights-component-title>\n# </div>\n# \n```\n"
   },
-  "data-view.hi-tech-button": {
-    "doc": "构件 `data-view.hi-tech-button`\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.hi-tech-button\n  slots:\n    \"\":\n      type: bricks\n      bricks:\n        - brick: span\n          properties:\n            textContent: BUTTON\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.hi-tech-button>\n#   <span>BUTTON</span>\n# </data-view.hi-tech-button>\n# \n```\n\n### Parallelogram\n\n```yaml preview\n- brick: data-view.hi-tech-button\n  properties:\n    type: parallelogram\n  slots:\n    \"\":\n      type: bricks\n      bricks:\n        - brick: span\n          properties:\n            textContent: BUTTON\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.hi-tech-button type=\"parallelogram\">\n#   <span>BUTTON</span>\n# </data-view.hi-tech-button>\n# \n```\n\n### Stereoscopic\n\n```yaml preview\n- brick: data-view.hi-tech-button\n  properties:\n    type: stereoscopic\n  slots:\n    \"\":\n      type: bricks\n      bricks:\n        - brick: span\n          properties:\n            textContent: BUTTON\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.hi-tech-button type=\"stereoscopic\">\n#   <span>BUTTON</span>\n# </data-view.hi-tech-button>\n# \n```\n\n### Shading\n\n```yaml preview\n- brick: data-view.hi-tech-button\n  properties:\n    type: shading\n  slots:\n    \"\":\n      type: bricks\n      bricks:\n        - brick: span\n          properties:\n            textContent: BUTTON\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.hi-tech-button type=\"shading\">\n#   <span>BUTTON</span>\n# </data-view.hi-tech-button>\n# \n```\n\n### Round\n\n```yaml preview\n- brick: data-view.hi-tech-button\n  properties:\n    type: round\n  slots:\n    \"\":\n      type: bricks\n      bricks:\n        - brick: span\n          properties:\n            textContent: BUTTON\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.hi-tech-button type=\"round\">\n#   <span>BUTTON</span>\n# </data-view.hi-tech-button>\n# \n```\n\n### Click\n\n```yaml preview\n- brick: data-view.hi-tech-button\n  properties:\n    textContent: BUTTON\n  events:\n    click:\n      action: message.success\n      args:\n        - Click!\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.hi-tech-button id=\"brick-1\">BUTTON</data-view.hi-tech-button>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.addEventListener(\"click\", (e) => {\n#     const message = document.createElement(\"basic.show-notification\");\n#     message.resolve({ type: \"success\", message: \"Click!\" });\n#   });\n# </script>\n# \n```\n"
-  },
   "data-view.tech-mesh-base-view": {
     "doc": "构件 `data-view.tech-mesh-base-view`\n\n## Examples\n\n### Basic TabsTitleBar\n\n```yaml preview\n- brick: data-view.tech-mesh-base-view\n  properties:\n    style:\n      min-height: 800px\n  slots:\n    titleBar:\n      type: bricks\n      bricks:\n        - brick: data-view.tabs-page-title\n          slots:\n            \"\":\n              type: bricks\n              bricks:\n                - brick: data-view.title-text\n                  properties:\n                    text: 大标题\n                    type: gradient\n            start:\n              type: bricks\n              bricks:\n                - brick: data-view.brick-notification\n                  properties:\n                    message: This is the content of the notification.\n            end:\n              type: bricks\n              bricks:\n                - brick: div\n                  properties:\n                    textContent: \"2022/11/30 17:25 星期四\"\n                    style:\n                      font-size: 16px\n                      color: \"#fff\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.tech-mesh-base-view style=\"min-height: 800px\">\n#   <data-view.tabs-page-title slot=\"titleBar\">\n#     <data-view.title-text text=\"大标题\" id=\"brick-1\"></data-view.title-text>\n#     <data-view.brick-notification\n#       slot=\"start\"\n#       message=\"This is the content of the notification.\"\n#     ></data-view.brick-notification>\n#     <div slot=\"end\" style=\"font-size: 16px; color: #fff\">\n#       2022/11/30 17:25 星期四\n#     </div>\n#   </data-view.tabs-page-title>\n# </data-view.tech-mesh-base-view>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.type = \"gradient\";\n# </script>\n# \n```\n\n### Sample TitleBar\n\n```yaml preview\n- brick: data-view.tech-mesh-base-view\n  properties:\n    style:\n      min-height: 800px\n  slots:\n    titleBar:\n      type: bricks\n      bricks:\n        - brick: data-view.top-title-bar\n          properties:\n            text: 可视化大屏\n            type: sample\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.tech-mesh-base-view style=\"min-height: 800px\">\n#   <data-view.top-title-bar\n#     slot=\"titleBar\"\n#     text=\"可视化大屏\"\n#     type=\"sample\"\n#   ></data-view.top-title-bar>\n# </data-view.tech-mesh-base-view>\n# \n```\n"
   },
+  "data-view.hi-tech-button": {
+    "doc": "构件 `data-view.hi-tech-button`\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.hi-tech-button\n  slots:\n    \"\":\n      type: bricks\n      bricks:\n        - brick: span\n          properties:\n            textContent: BUTTON\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.hi-tech-button>\n#   <span>BUTTON</span>\n# </data-view.hi-tech-button>\n# \n```\n\n### Parallelogram\n\n```yaml preview\n- brick: data-view.hi-tech-button\n  properties:\n    type: parallelogram\n  slots:\n    \"\":\n      type: bricks\n      bricks:\n        - brick: span\n          properties:\n            textContent: BUTTON\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.hi-tech-button type=\"parallelogram\">\n#   <span>BUTTON</span>\n# </data-view.hi-tech-button>\n# \n```\n\n### Stereoscopic\n\n```yaml preview\n- brick: data-view.hi-tech-button\n  properties:\n    type: stereoscopic\n  slots:\n    \"\":\n      type: bricks\n      bricks:\n        - brick: span\n          properties:\n            textContent: BUTTON\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.hi-tech-button type=\"stereoscopic\">\n#   <span>BUTTON</span>\n# </data-view.hi-tech-button>\n# \n```\n\n### Shading\n\n```yaml preview\n- brick: data-view.hi-tech-button\n  properties:\n    type: shading\n  slots:\n    \"\":\n      type: bricks\n      bricks:\n        - brick: span\n          properties:\n            textContent: BUTTON\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.hi-tech-button type=\"shading\">\n#   <span>BUTTON</span>\n# </data-view.hi-tech-button>\n# \n```\n\n### Round\n\n```yaml preview\n- brick: data-view.hi-tech-button\n  properties:\n    type: round\n  slots:\n    \"\":\n      type: bricks\n      bricks:\n        - brick: span\n          properties:\n            textContent: BUTTON\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.hi-tech-button type=\"round\">\n#   <span>BUTTON</span>\n# </data-view.hi-tech-button>\n# \n```\n\n### Click\n\n```yaml preview\n- brick: data-view.hi-tech-button\n  properties:\n    textContent: BUTTON\n  events:\n    click:\n      action: message.success\n      args:\n        - Click!\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.hi-tech-button id=\"brick-1\">BUTTON</data-view.hi-tech-button>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.addEventListener(\"click\", (e) => {\n#     const message = document.createElement(\"basic.show-notification\");\n#     message.resolve({ type: \"success\", message: \"Click!\" });\n#   });\n# </script>\n# \n```\n"
+  },
   "data-view.simple-card-item": {
     "doc": "构件 `data-view.simple-card-item`\n\n## Examples\n\n### Basic\n\n```html preview\n<data-view.simple-card-item>Hello world</data-view.simple-card-item>\n<!-- HTML DELIMITER start (1nbbm8) --\nbrick: data-view.simple-card-item\nproperties:\n  textContent: Hello world\n-- HTML DELIMITER end (1nbbm8) -->\n```\n"
   },
@@ -120,7 +120,7 @@
     "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": "中国地图图表构件，可以显示省级指标数据\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"
+    "doc": "中国地图图表构件，可以显示省级指标数据\n\n## Examples\n\n### Basic\n\n```yaml preview height=\"600px\"\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### Fill container\n\n```yaml preview height=\"600px\"\nbrick: div\nproperties:\n  style:\n    height: calc(100vh - 4em)\n    position: relative\nchildren:\n  - brick: data-view.china-map-chart\n    properties:\n      fillContainer: true\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\n    lifeCycle:\n      onPageLoad:\n        action: theme.setTheme\n        args:\n          - dark-v2\n# -- YAML DELIMITER (1nbbm8) --\n# <div style=\"height: calc(100vh - 4em); position: relative\">\n#   <data-view.china-map-chart\n#     fill-container\n#     id=\"brick-1\"\n#   ></data-view.china-map-chart>\n# </div>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.dataSource = [\n#     {\n#       text: \"西藏 12311\",\n#       city: \"西藏\",\n#     },\n#     {\n#       text: \"四川 89781169\",\n#       city: \"四川\",\n#     },\n#     {\n#       text: \"台湾 234181\",\n#       city: \"台湾\",\n#     },\n#     {\n#       text: \"江西 21348\",\n#       city: \"江西\",\n#     },\n#   ];\n# </script>\n# \n```\n\n### With detail\n\n```yaml preview height=\"600px\"\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"
@@ -133,5 +133,8 @@
   },
   "data-view.bubbles-indicator": {
     "doc": "构件 `data-view.bubbles-indicator`\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.bubbles-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.bubbles-indicator id=\"brick-1\"></data-view.bubbles-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-orbit-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-orbit-indicator\n    properties:\n      centerDataSource:\n        label: 资产总数\n        value: 30123\n      dataSource:\n        - label: 低值易耗品\n          value: 3889\n        - label: 摊销资产\n          value: 2087\n        - label: 固定资产\n          value: 12088\n        - label: 无形资产\n          value: 1082\n        - label: 在建工程\n          value: 10997\n        - label: 其他资产\n          value: 4203\n      cornerDataSource:\n        - label: 资产增长\n          value: 43\n          color: red\n        - label: 资产减少\n          value: 21\n          color: green\n    # Currently this brick only works within dark theme\n    lifeCycle:\n      onPageLoad:\n        action: theme.setTheme\n        args:\n          - dark-v2\n# -- YAML DELIMITER (1nbbm8) --\n# <div style=\"height: calc(100vh - 2em)\">\n#   <data-view.globe-with-orbit-indicator\n#     id=\"brick-1\"\n#   ></data-view.globe-with-orbit-indicator>\n# </div>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.centerDataSource = {\n#     label: \"资产总数\",\n#     value: 30123,\n#   };\n#   brick_1.dataSource = [\n#     {\n#       label: \"低值易耗品\",\n#       value: 3889,\n#     },\n#     {\n#       label: \"摊销资产\",\n#       value: 2087,\n#     },\n#     {\n#       label: \"固定资产\",\n#       value: 12088,\n#     },\n#     {\n#       label: \"无形资产\",\n#       value: 1082,\n#     },\n#     {\n#       label: \"在建工程\",\n#       value: 10997,\n#     },\n#     {\n#       label: \"其他资产\",\n#       value: 4203,\n#     },\n#   ];\n#   brick_1.cornerDataSource = [\n#     {\n#       label: \"资产增长\",\n#       value: 43,\n#       color: \"red\",\n#     },\n#     {\n#       label: \"资产减少\",\n#       value: 21,\n#       color: \"green\",\n#     },\n#   ];\n# </script>\n# \n```\n"
   }
 }

package/dist/index.1906baf6.js

@@ -0,0 +1,2 @@
+(()=>{"use strict";var e,t,r,a,n,l,o,i,s,c,d,h,f,u,p,m,b,g,P,v,y,x,w,k,j={82179:(e,t,r)=>{var a={"./gauge-chart":()=>Promise.all([r.e(8769),r.e(300),r.e(4295),r.e(4099)]).then((()=>()=>r(10825))),"./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(6698),r.e(859),r.e(2943)]).then((()=>()=>r(75197))),"./modern-style-page-title":()=>Promise.all([r.e(8769),r.e(300),r.e(4295),r.e(9875)]).then((()=>()=>r(22945))),"./battery-chart":()=>Promise.all([r.e(8769),r.e(300),r.e(4295),r.e(7965)]).then((()=>()=>r(54259))),"./complex-search":()=>Promise.all([r.e(8769),r.e(300),r.e(4295),r.e(6698),r.e(7249),r.e(5994)]).then((()=>()=>r(66060))),"./dropdown-menu":()=>Promise.all([r.e(8769),r.e(300),r.e(4295),r.e(2445),r.e(8576)]).then((()=>()=>r(81274))),"./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-system-card":()=>Promise.all([r.e(8769),r.e(300),r.e(4295),r.e(8460)]).then((()=>()=>r(4392))),"./cabinet-button":()=>Promise.all([r.e(8769),r.e(300),r.e(4295),r.e(6614)]).then((()=>()=>r(50143))),"./app-wall-relation-line":()=>Promise.all([r.e(8769),r.e(300),r.e(4295),r.e(7473)]).then((()=>()=>r(36041))),"./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(7249),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))),"./tech-mesh-base-view":()=>Promise.all([r.e(8769),r.e(300),r.e(4295),r.e(4291),r.e(2479)]).then((()=>()=>r(66253))),"./hi-tech-button":()=>Promise.all([r.e(8769),r.e(300),r.e(4295),r.e(8416)]).then((()=>()=>r(52466))),"./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(1977),r.e(5902),r.e(8769),r.e(300),r.e(4295),r.e(4291),r.e(2445),r.e(3035),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-halo-indicator":()=>Promise.all([r.e(1977),r.e(8769),r.e(300),r.e(4295),r.e(4291),r.e(2445),r.e(7666)]).then((()=>()=>r(23396))),"./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))),"./bubbles-indicator":()=>Promise.all([r.e(1977),r.e(1143),r.e(8769),r.e(300),r.e(4295),r.e(4291),r.e(1104)]).then((()=>()=>r(98594))),"./globe-with-orbit-indicator":()=>Promise.all([r.e(1977),r.e(8769),r.e(300),r.e(4295),r.e(4291),r.e(2445),r.e(9088)]).then((()=>()=>r(62066)))},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",1104:"bubbles-indicator",1335:"crystal-ball-indicator",1787:"cabinet-app-layer",1919:"tabs-drawer",2479:"tech-mesh-base-view",2943:"modern-style-treemap",3147:"gear-background",3158:"cabinet-thumbnail",3446:"cabinet-graph",3614:"graph-node",3697:"top-title-bar",3719:"graph-text",4099:"gauge-chart",4194:"radar-chart",4219:"cabinet-container",4255:"progress-bar-list",5289:"modern-style-component-title",5332:"loading-panel",5737:"graph-layout-grid",5994:"complex-search",6306:"cabinet-node",6448:"grid-background",6614:"cabinet-button",6776:"data-display-flipper-sixth",7473:"app-wall-relation-line",7666:"globe-with-halo-indicator",7889:"globe-with-gear-indicator",7905:"indicator-card",7965:"battery-chart",8038:"china-map-chart",8113:"title-text",8172:"app-wall-card-item",8291:"data-display-flipper",8416:"hi-tech-button",8418:"brick-notification",8460:"app-wall-system-card",8576:"dropdown-menu",9088:"globe-with-orbit-indicator",9316:"simple-card-item",9630:"basic-index-group",9749:"app-wall",9831:"lights-component-title",9875:"modern-style-page-title"}[e]||e)+"."+{114:"f8141681",300:"a549097c",476:"670649e6",726:"7ffcd9b0",780:"15b8adfb",859:"472360b6",863:"354d1e71",871:"964d9219",886:"bbfd9619",1030:"89f1b8c7",1045:"b74cadcb",1104:"9c56af44",1122:"218716d9",1143:"2494e37f",1302:"4d5fd21d",1335:"67278de8",1491:"19fdfb95",1493:"e45be49f",1744:"e8757980",1787:"764bb10d",1889:"61d61f7e",1919:"04866e23",1940:"3555f80f",1977:"8c3da529",2052:"c2b24b1c",2277:"26add4d5",2445:"f84e0bbc",2479:"1a2baf3a",2859:"45c9f8e0",2943:"4b2c0feb",3035:"c14dd436",3144:"13127e54",3147:"7707f3b1",3158:"d6c2b232",3171:"3a9c6cb7",3201:"191c2570",3340:"6ca62849",3446:"4b9538f0",3551:"32481d45",3614:"414864df",3697:"03e1e61d",3719:"56e101b0",3751:"300d7aea",3933:"248700f4",4041:"525d5fef",4099:"6ed1dfa8",4194:"c9abdd30",4219:"bc8cb288",4255:"ddeaf614",4291:"e8c9ad6e",4295:"c93fa5c2",4658:"7e7a0ae1",4837:"1794b642",4946:"1dc988fa",5250:"a19aacd0",5289:"2f427009",5301:"9469cbfd",5332:"4b9cfaa7",5384:"f1c59dfa",5399:"bc04d692",5552:"f0363a64",5737:"1a62c049",5902:"15d216ce",5994:"8ce479ba",6306:"6cada36d",6314:"c8020ca1",6448:"7c505caa",6511:"4ae9fb9a",6519:"2c230a4e",6614:"2861c374",6672:"0e39fc21",6698:"4f0e44bb",6773:"8f70e9c1",6776:"6ecd9549",7218:"258c9866",7249:"0d1ec316",7434:"1d0a1039",7473:"4428d63e",7666:"ed913008",7721:"eb4dab13",7733:"d4c53ed9",7889:"a35ef0d2",7905:"10734d27",7965:"abdaa4e4",8038:"d1e8b843",8097:"13253824",8113:"77f2e79a",8172:"f3230e62",8291:"fae041d0",8395:"da045cf1",8416:"d51b6c2b",8418:"bf772819",8460:"4c2ea6f9",8576:"a4c77402",8769:"a8378458",8989:"1ed994e9",9088:"14c59388",9316:"07b301f4",9435:"1fe92cdc",9515:"0a25494f",9559:"1c290960",9630:"0e98cc10",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 s=document.getElementsByTagName("script"),c=0;c<s.length;c++){var d=s[c];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})},s=[];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.3",(()=>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.70",(()=>Promise.all([E.e(3551),E.e(8097)]).then((()=>()=>E(88097))))),i("@next-core/i18n","1.0.70",(()=>Promise.all([E.e(6511),E.e(3551),E.e(9755),E.e(5552)]).then((()=>()=>E(75552))))),i("@next-core/inject","1.0.48",(()=>Promise.all([E.e(1744),E.e(1030),E.e(2277)]).then((()=>()=>E(72277))))),i("@next-core/loader","1.6.11",(()=>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.7.3",(()=>Promise.all([E.e(8769),E.e(4295),E.e(2445),E.e(4946),E.e(4837)]).then((()=>()=>E(64837))))),i("@next-core/runtime","1.58.1",(()=>Promise.all([E.e(1491),E.e(6511),E.e(1030),E.e(3551),E.e(1302),E.e(8395),E.e(2859)]).then((()=>()=>E(31491))))),i("@next-core/supply","2.3.0",(()=>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.28",(()=>E.e(871).then((()=>()=>E(40871))))),i("@next-core/utils/storyboard","1.7.28",(()=>Promise.all([E.e(6511),E.e(8395),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]=s.length?Promise.all(s).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("+s()+")":1===i?"("+s()+" || "+s()+")":2===i?o.pop()+" "+o.pop():n(i))}return s();function s(){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,s=!0;;i++,o++){var c,d,h=i<e.length?(typeof e[i])[0]:"";if(o>=t.length||"o"==(d=(typeof(c=t[o]))[0]))return!s||("u"==h?i>a&&!n:""==h!=n);if("u"==d){if(!s||"u"!=h)return!1}else if(s)if(h==d)if(i<=a){if(c!=e[i])return!1}else{if(n?c>e[i]:c<e[i])return!1;c!=e[i]&&(s=!1)}else if("s"!=h&&"n"!=h){if(n||i<=a)return!1;s=!1,i--}else{if(i<=a||d<h!=n)return!1;s=!1}else"s"!=h&&"n"!=h&&(s=!1,i--)}}var f=[],u=f.pop.bind(f);for(o=1;o<e.length;o++){var p=e[o];f.push(1==p?u()|u():2==p?u()&u():p?l(p,t):!u())}return!!u()},o=(e,t)=>e&&E.o(e,t),i=e=>(e.loaded=1,e.get()),s=e=>Object.keys(e).reduce(((t,r)=>(e[r].eager&&(t[r]=e[r]),t)),{}),c=(e,t,r,n)=>{var o=n?s(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?s(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(", ")},u=e=>{throw new Error(e)},p=e=>{"undefined"!=typeof console&&console.warn&&console.warn(e)},b=(e,t,r)=>r?r():((e,t)=>u("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 s=c(t,r,n,a);return s?i(s):l?l():void u(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,s)=>{if(!o(t,r))return b(e,r,s);var c=d(t,r,a);return l(n,c)||p(h(t,r,c,n)),i(t[r][c])})),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))))),43551:()=>v("default","@next-core/i18n",!1,[1,1,0,70],(()=>Promise.all([E.e(6511),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))))),56511:()=>v("default","@next-core/utils/general",!1,[1,1,7,28],(()=>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))))),4946:()=>v("default","@next-core/runtime",!1,[1,1,58,1],(()=>Promise.all([E.e(1491),E.e(6511),E.e(1030),E.e(3551),E.e(1302),E.e(8395),E.e(2859)]).then((()=>()=>E(31491))))),21302:()=>v("default","moment",!1,[1,2,30,1],(()=>Promise.all([E.e(7721),E.e(9844)]).then((()=>()=>E(99420))))),68395:()=>v("default","@next-core/cook",!1,[1,2,5,3],(()=>Promise.all([E.e(1122),E.e(3340)]).then((()=>()=>E(61122))))),15868:()=>v("default","@next-core/loader",!1,[1,1,6,11],(()=>E.e(5399).then((()=>()=>E(35399))))),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))))),49845:()=>v("default","@next-core/utils/storyboard",!1,[1,1,7,28],(()=>E.e(6314).then((()=>()=>E(13933))))),54838:()=>v("default","@next-core/supply",!1,[1,2,3,0],(()=>Promise.all([E.e(1744),E.e(1940)]).then((()=>()=>E(49559))))),81524:()=>v("default","@next-core/inject",!1,[1,1,0,48],(()=>Promise.all([E.e(1744),E.e(4658)]).then((()=>()=>E(72277))))),86698:()=>g("default","@next-core/react-runtime",!1,[1,1,7,3],(()=>Promise.all([E.e(2445),E.e(4946),E.e(7218)]).then((()=>()=>E(64837))))),79630:()=>v("default","@next-core/i18n/react",!1,[1,1,0,70],(()=>Promise.all([E.e(3551),E.e(8097)]).then((()=>()=>E(88097))))),44291:()=>P("default","@next-core/theme",!1,(()=>E.e(1889).then((()=>()=>E(51889)))))},w={300:[10300],886:[28297,55521,91204],1030:[41030],1302:[21302],1744:[1744],2445:[72445],2859:[15868,26036,30108,32890,49845,54838,81524],3340:[83340],3551:[43551],4291:[44291],4295:[24295],4946:[4946],6511:[56511],6519:[63669],6698:[86698],7249:[79630],8097:[47825],8395:[68395],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|340|551)|4(29[15]|946)|8(395|769|86)|(244|943|975)5|2859|6511|6698|7249)$/.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,s=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);s<l.length;s++)n=l[s],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(82179);window["bricks/data-view"]=_})();
+//# sourceMappingURL=index.1906baf6.js.map