@next-bricks/presentational 1.7.7 → 1.7.9

package/dist/examples.json

@@ -2,17 +2,11 @@
   "eo-descriptions": {
     "doc": "通用描述列表构件。\n\n```yaml preview\n- brick: eo-descriptions\n  properties:\n    list:\n      - label: 姓名\n        text: Tom\n      - label: 年龄\n        text: 18\n      - label: 身高\n        text: 180cm\n      - label: 爱好\n        text: 篮球\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-descriptions id=\"brick-1\"></eo-descriptions>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.list = [\n#     {\n#       label: \"姓名\",\n#       text: \"Tom\",\n#     },\n#     {\n#       label: \"年龄\",\n#       text: 18,\n#     },\n#     {\n#       label: \"身高\",\n#       text: \"180cm\",\n#     },\n#     {\n#       label: \"爱好\",\n#       text: \"篮球\",\n#     },\n#   ];\n# </script>\n# \n```\n\n## Examples\n\n### Column\n\n```yaml preview\n- brick: eo-descriptions\n  properties:\n    descriptionTitle: UserInfo\n    column: 2\n    list:\n      - label: 姓名\n        text: Tom\n      - label: 年龄\n        text: 18\n      - label: 身高\n        text: 180cm\n      - label: 爱好\n        text: 篮球\n      - label: 标签\n        useBrick:\n          - brick: eo-tag-list\n            properties:\n              list:\n                - text: 阳光\n                  key: 0\n                  color: blue\n                - text: 开朗\n                  key: 1\n                  color: red\n                - text: 大男孩\n                  key: 2\n                  color: green\n\n- brick: eo-divider\n  properties:\n    dividerStyle:\n      margin: 8px 0 4px 0\n- brick: eo-descriptions\n  properties:\n    descriptionTitle: 用户信息\n    column: 4\n    list:\n      - label: 姓名\n        text: Tom\n      - label: 年龄\n        text: 18\n      - label: 身高\n        text: 180cm\n      - label: 爱好\n        text: 篮球\n      - label: 标签\n        useBrick:\n          - brick: eo-tag-list\n            properties:\n              list:\n                - text: 阳光\n                  key: 0\n                  color: blue\n                - text: 开朗\n                  key: 1\n                  color: red\n                - text: 大男孩\n                  key: 2\n                  color: green\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-descriptions\n#   description-title=\"UserInfo\"\n#   column=\"2\"\n#   id=\"brick-1\"\n# ></eo-descriptions>\n# <eo-divider id=\"brick-2\"></eo-divider>\n# <eo-descriptions\n#   description-title=\"用户信息\"\n#   column=\"4\"\n#   id=\"brick-3\"\n# ></eo-descriptions>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.list = [\n#     {\n#       label: \"姓名\",\n#       text: \"Tom\",\n#     },\n#     {\n#       label: \"年龄\",\n#       text: 18,\n#     },\n#     {\n#       label: \"身高\",\n#       text: \"180cm\",\n#     },\n#     {\n#       label: \"爱好\",\n#       text: \"篮球\",\n#     },\n#     {\n#       label: \"标签\",\n#       useBrick: [\n#         {\n#           brick: \"eo-tag-list\",\n#           properties: {\n#             list: [\n#               {\n#                 text: \"阳光\",\n#                 key: 0,\n#                 color: \"blue\",\n#               },\n#               {\n#                 text: \"开朗\",\n#                 key: 1,\n#                 color: \"red\",\n#               },\n#               {\n#                 text: \"大男孩\",\n#                 key: 2,\n#                 color: \"green\",\n#               },\n#             ],\n#           },\n#         },\n#       ],\n#     },\n#   ];\n# \n#   const brick_2 = document.getElementById(\"brick-2\");\n#   brick_2.dividerStyle = {\n#     margin: \"8px 0 4px 0\",\n#   };\n# \n#   const brick_3 = document.getElementById(\"brick-3\");\n#   brick_3.list = [\n#     {\n#       label: \"姓名\",\n#       text: \"Tom\",\n#     },\n#     {\n#       label: \"年龄\",\n#       text: 18,\n#     },\n#     {\n#       label: \"身高\",\n#       text: \"180cm\",\n#     },\n#     {\n#       label: \"爱好\",\n#       text: \"篮球\",\n#     },\n#     {\n#       label: \"标签\",\n#       useBrick: [\n#         {\n#           brick: \"eo-tag-list\",\n#           properties: {\n#             list: [\n#               {\n#                 text: \"阳光\",\n#                 key: 0,\n#                 color: \"blue\",\n#               },\n#               {\n#                 text: \"开朗\",\n#                 key: 1,\n#                 color: \"red\",\n#               },\n#               {\n#                 text: \"大男孩\",\n#                 key: 2,\n#                 color: \"green\",\n#               },\n#             ],\n#           },\n#         },\n#       ],\n#     },\n#   ];\n# </script>\n# \n```\n\n### Layout\n\n```yaml preview\n- brick: eo-descriptions\n  properties:\n    layout: horizontal\n    list:\n      - label: 姓名\n        text: Tom\n      - label: 年龄\n        text: 18\n      - label: 身高\n        text: 180cm\n      - label: 爱好\n        text: 篮球\n      - label: 标签\n        useBrick:\n          - brick: eo-tag-list\n            properties:\n              list:\n                - text: 阳光\n                  key: 0\n                  color: blue\n                - text: 开朗\n                  key: 1\n                  color: red\n                - text: 大男孩\n                  key: 2\n                  color: green\n- brick: eo-divider\n  properties:\n    dividerStyle:\n      margin: 8px 0 4px 0\n- brick: eo-descriptions\n  properties:\n    layout: vertical\n    list:\n      - label: 姓名\n        text: Tom\n      - label: 年龄\n        text: 18\n      - label: 身高\n        text: 180cm\n      - label: 爱好\n        text: 篮球\n      - label: 标签\n        useBrick:\n          - brick: eo-tag-list\n            properties:\n              list:\n                - text: 阳光\n                  key: 0\n                  color: blue\n                - text: 开朗\n                  key: 1\n                  color: red\n                - text: 大男孩\n                  key: 2\n                  color: green\n- brick: div\n  properties:\n    style:\n      margin: 10px 0px\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-descriptions layout=\"horizontal\" id=\"brick-1\"></eo-descriptions>\n# <eo-divider id=\"brick-2\"></eo-divider>\n# <eo-descriptions layout=\"vertical\" id=\"brick-3\"></eo-descriptions>\n# <div style=\"margin: 10px 0px\"></div>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.list = [\n#     {\n#       label: \"姓名\",\n#       text: \"Tom\",\n#     },\n#     {\n#       label: \"年龄\",\n#       text: 18,\n#     },\n#     {\n#       label: \"身高\",\n#       text: \"180cm\",\n#     },\n#     {\n#       label: \"爱好\",\n#       text: \"篮球\",\n#     },\n#     {\n#       label: \"标签\",\n#       useBrick: [\n#         {\n#           brick: \"eo-tag-list\",\n#           properties: {\n#             list: [\n#               {\n#                 text: \"阳光\",\n#                 key: 0,\n#                 color: \"blue\",\n#               },\n#               {\n#                 text: \"开朗\",\n#                 key: 1,\n#                 color: \"red\",\n#               },\n#               {\n#                 text: \"大男孩\",\n#                 key: 2,\n#                 color: \"green\",\n#               },\n#             ],\n#           },\n#         },\n#       ],\n#     },\n#   ];\n# \n#   const brick_2 = document.getElementById(\"brick-2\");\n#   brick_2.dividerStyle = {\n#     margin: \"8px 0 4px 0\",\n#   };\n# \n#   const brick_3 = document.getElementById(\"brick-3\");\n#   brick_3.list = [\n#     {\n#       label: \"姓名\",\n#       text: \"Tom\",\n#     },\n#     {\n#       label: \"年龄\",\n#       text: 18,\n#     },\n#     {\n#       label: \"身高\",\n#       text: \"180cm\",\n#     },\n#     {\n#       label: \"爱好\",\n#       text: \"篮球\",\n#     },\n#     {\n#       label: \"标签\",\n#       useBrick: [\n#         {\n#           brick: \"eo-tag-list\",\n#           properties: {\n#             list: [\n#               {\n#                 text: \"阳光\",\n#                 key: 0,\n#                 color: \"blue\",\n#               },\n#               {\n#                 text: \"开朗\",\n#                 key: 1,\n#                 color: \"red\",\n#               },\n#               {\n#                 text: \"大男孩\",\n#                 key: 2,\n#                 color: \"green\",\n#               },\n#             ],\n#           },\n#         },\n#       ],\n#     },\n#   ];\n# </script>\n# \n```\n\n### Bordered\n\n```yaml preview\n- brick: eo-descriptions\n  properties:\n    bordered: true\n    layout: vertical\n    list:\n      - label: 姓名\n        text: Tom\n      - label: 年龄\n        text: 18\n      - label: 身高\n        text: 180cm\n      - label: 爱好\n        text: 篮球\n      - label: 标签\n        useBrick:\n          - brick: eo-tag-list\n            properties:\n              list:\n                - text: 阳光\n                  key: 0\n                  color: blue\n                - text: 开朗\n                  key: 1\n                  color: red\n                - text: 大男孩\n                  key: 2\n                  color: green\n- brick: div\n  properties:\n    style:\n      margin: 10px 0px\n- brick: eo-descriptions\n  properties:\n    bordered: true\n    layout: horizontal\n    list:\n      - label: 姓名\n        text: Tom\n      - label: 年龄\n        text: 18\n      - label: 身高\n        text: 180cm\n      - label: 爱好\n        text: 篮球\n      - label: 标签\n        useBrick:\n          - brick: eo-tag-list\n            properties:\n              list:\n                - text: 阳光\n                  key: 0\n                  color: blue\n                - text: 开朗\n                  key: 1\n                  color: red\n                - text: 大男孩\n                  key: 2\n                  color: green\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-descriptions bordered layout=\"vertical\" id=\"brick-1\"></eo-descriptions>\n# <div style=\"margin: 10px 0px\"></div>\n# <eo-descriptions bordered layout=\"horizontal\" id=\"brick-2\"></eo-descriptions>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.list = [\n#     {\n#       label: \"姓名\",\n#       text: \"Tom\",\n#     },\n#     {\n#       label: \"年龄\",\n#       text: 18,\n#     },\n#     {\n#       label: \"身高\",\n#       text: \"180cm\",\n#     },\n#     {\n#       label: \"爱好\",\n#       text: \"篮球\",\n#     },\n#     {\n#       label: \"标签\",\n#       useBrick: [\n#         {\n#           brick: \"eo-tag-list\",\n#           properties: {\n#             list: [\n#               {\n#                 text: \"阳光\",\n#                 key: 0,\n#                 color: \"blue\",\n#               },\n#               {\n#                 text: \"开朗\",\n#                 key: 1,\n#                 color: \"red\",\n#               },\n#               {\n#                 text: \"大男孩\",\n#                 key: 2,\n#                 color: \"green\",\n#               },\n#             ],\n#           },\n#         },\n#       ],\n#     },\n#   ];\n# \n#   const brick_2 = document.getElementById(\"brick-2\");\n#   brick_2.list = [\n#     {\n#       label: \"姓名\",\n#       text: \"Tom\",\n#     },\n#     {\n#       label: \"年龄\",\n#       text: 18,\n#     },\n#     {\n#       label: \"身高\",\n#       text: \"180cm\",\n#     },\n#     {\n#       label: \"爱好\",\n#       text: \"篮球\",\n#     },\n#     {\n#       label: \"标签\",\n#       useBrick: [\n#         {\n#           brick: \"eo-tag-list\",\n#           properties: {\n#             list: [\n#               {\n#                 text: \"阳光\",\n#                 key: 0,\n#                 color: \"blue\",\n#               },\n#               {\n#                 text: \"开朗\",\n#                 key: 1,\n#                 color: \"red\",\n#               },\n#               {\n#                 text: \"大男孩\",\n#                 key: 2,\n#                 color: \"green\",\n#               },\n#             ],\n#           },\n#         },\n#       ],\n#     },\n#   ];\n# </script>\n# \n```\n\n### Hide Groups\n\n```yaml preview\n- brick: eo-descriptions\n  properties:\n    hideGroups: other\n    list:\n      - label: 姓名\n        text: Tom\n      - label: 年龄\n        text: 18\n      - label: 身高\n        text: 180cm\n      - label: 爱好\n        text: 篮球\n        group: \"other\"\n      - label: 标签\n        group: \"other\"\n        useBrick:\n          - brick: eo-tag-list\n            properties:\n              list:\n                - text: 阳光\n                  key: 0\n                  color: blue\n                - text: 开朗\n                  key: 1\n                  color: red\n                - text: 大男孩\n                  key: 2\n                  color: green\n\n- brick: div\n  properties:\n    style:\n      margin: 10px 0px\n- brick: eo-descriptions\n  properties:\n    hideGroups:\n      - name\n      - other\n    list:\n      - label: 姓名\n        text: Tom\n        group: name\n      - label: 年龄\n        text: 18\n        group: age\n      - label: 身高\n        text: 180cm\n      - label: 爱好\n        text: 篮球\n        group: other\n      - label: 标签\n        useBrick:\n          - brick: eo-tag-list\n            properties:\n              list:\n                - text: 阳光\n                  key: 0\n                  color: blue\n                - text: 开朗\n                  key: 1\n                  color: red\n                - text: 大男孩\n                  key: 2\n                  color: green\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-descriptions id=\"brick-1\"></eo-descriptions>\n# <div style=\"margin: 10px 0px\"></div>\n# <eo-descriptions id=\"brick-2\"></eo-descriptions>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.hideGroups = \"other\";\n#   brick_1.list = [\n#     {\n#       label: \"姓名\",\n#       text: \"Tom\",\n#     },\n#     {\n#       label: \"年龄\",\n#       text: 18,\n#     },\n#     {\n#       label: \"身高\",\n#       text: \"180cm\",\n#     },\n#     {\n#       label: \"爱好\",\n#       text: \"篮球\",\n#       group: \"other\",\n#     },\n#     {\n#       label: \"标签\",\n#       group: \"other\",\n#       useBrick: [\n#         {\n#           brick: \"eo-tag-list\",\n#           properties: {\n#             list: [\n#               {\n#                 text: \"阳光\",\n#                 key: 0,\n#                 color: \"blue\",\n#               },\n#               {\n#                 text: \"开朗\",\n#                 key: 1,\n#                 color: \"red\",\n#               },\n#               {\n#                 text: \"大男孩\",\n#                 key: 2,\n#                 color: \"green\",\n#               },\n#             ],\n#           },\n#         },\n#       ],\n#     },\n#   ];\n# \n#   const brick_2 = document.getElementById(\"brick-2\");\n#   brick_2.hideGroups = [\"name\", \"other\"];\n#   brick_2.list = [\n#     {\n#       label: \"姓名\",\n#       text: \"Tom\",\n#       group: \"name\",\n#     },\n#     {\n#       label: \"年龄\",\n#       text: 18,\n#       group: \"age\",\n#     },\n#     {\n#       label: \"身高\",\n#       text: \"180cm\",\n#     },\n#     {\n#       label: \"爱好\",\n#       text: \"篮球\",\n#       group: \"other\",\n#     },\n#     {\n#       label: \"标签\",\n#       useBrick: [\n#         {\n#           brick: \"eo-tag-list\",\n#           properties: {\n#             list: [\n#               {\n#                 text: \"阳光\",\n#                 key: 0,\n#                 color: \"blue\",\n#               },\n#               {\n#                 text: \"开朗\",\n#                 key: 1,\n#                 color: \"red\",\n#               },\n#               {\n#                 text: \"大男孩\",\n#                 key: 2,\n#                 color: \"green\",\n#               },\n#             ],\n#           },\n#         },\n#       ],\n#     },\n#   ];\n# </script>\n# \n```\n\n### DataSource\n\n```yaml preview\n- brick: eo-descriptions\n  properties:\n    dataSource:\n      text: Hello world\n    list:\n      - label: 姓名\n        text: Tom\n      - label: 年龄\n        text: 18\n      - label: 身高\n        text: 180cm\n      - label: 爱好\n        text: 篮球\n      - label: Form dataSource\n        useBrick:\n          brick: div\n          properties:\n            textContent: \"<% DATA.text %>\"\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-descriptions id=\"brick-1\"></eo-descriptions>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.dataSource = {\n#     text: \"Hello world\",\n#   };\n#   brick_1.list = [\n#     {\n#       label: \"姓名\",\n#       text: \"Tom\",\n#     },\n#     {\n#       label: \"年龄\",\n#       text: 18,\n#     },\n#     {\n#       label: \"身高\",\n#       text: \"180cm\",\n#     },\n#     {\n#       label: \"爱好\",\n#       text: \"篮球\",\n#     },\n#     {\n#       label: \"Form dataSource\",\n#       useBrick: {\n#         brick: \"div\",\n#         properties: {\n#           textContent: \"<% DATA.text %>\",\n#         },\n#       },\n#     },\n#   ];\n# </script>\n# \n```\n"
   },
-  "eo-alert": {
-    "doc": "告警提示\n\n## Examples\n\n### Basic\n\n```yaml preview\nbrick: div\nproperties:\n  style:\n    display: flex\n    flex-direction: column\n    gap: 10px\nslots:\n  \"\":\n    type: bricks\n    bricks:\n      - brick: eo-alert\n        properties:\n          textContent: 你好！欢迎使用EasyOps 2.0专业版，你可以根据自身需求添加业务模块。\n          type: info\n          closable: true\n      - brick: eo-alert\n        properties:\n          textContent: 恭喜！你所提交的信息已经审核通过。\n          type: success\n          closable: true\n          showIcon: true\n      - brick: eo-alert\n        properties:\n          textContent: \"系统将于 15 : 00 - 17 : 00 进行升级，请及时保存你的资料！\"\n          type: warning\n          closable: true\n          showIcon: true\n      - brick: eo-alert\n        properties:\n          textContent: 系统错误，请稍后重试。\n          type: error\n          closable: true\n          showIcon: true\n# -- YAML DELIMITER (1nbbm8) --\n# <div style=\"display: flex; flex-direction: column; gap: 10px\">\n#   <eo-alert closable id=\"brick-1\">\n#     你好！欢迎使用EasyOps 2.0专业版，你可以根据自身需求添加业务模块。\n#   </eo-alert>\n#   <eo-alert closable show-icon id=\"brick-2\"\n#     >恭喜！你所提交的信息已经审核通过。</eo-alert\n#   >\n#   <eo-alert closable show-icon id=\"brick-3\">\n#     系统将于 15 : 00 - 17 : 00 进行升级，请及时保存你的资料！\n#   </eo-alert>\n#   <eo-alert closable show-icon id=\"brick-4\">系统错误，请稍后重试。</eo-alert>\n# </div>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.type = \"info\";\n# \n#   const brick_2 = document.getElementById(\"brick-2\");\n#   brick_2.type = \"success\";\n# \n#   const brick_3 = document.getElementById(\"brick-3\");\n#   brick_3.type = \"warning\";\n# \n#   const brick_4 = document.getElementById(\"brick-4\");\n#   brick_4.type = \"error\";\n# </script>\n# \n```\n\n### HasTitle\n\n```yaml preview\nbrick: div\nproperties:\n  style:\n    display: flex\n    flex-direction: column\n    gap: 10px\nslots:\n  \"\":\n    type: bricks\n    bricks:\n      - brick: eo-alert\n        properties:\n          textContent: 你好，由于你的良好信用，我们决定赠送你三个月产品会员，欲了解会员特权与活动请进首页会员专区查看。\n          type: info\n          closable: true\n          hasTitle: true\n          showIcon: true\n        slots:\n          title:\n            type: bricks\n            bricks:\n              - brick: div\n                properties:\n                  textContent: 帮助信息\n      - brick: eo-alert\n        properties:\n          textContent: 你所提交的审核信息已全部通过审核，请及时跟进申请状况。\n          type: success\n          closable: true\n          hasTitle: true\n          showIcon: true\n        slots:\n          title:\n            type: bricks\n            bricks:\n              - brick: div\n                properties:\n                  textContent: 已成功\n      - brick: eo-alert\n        properties:\n          textContent: 你所提交的审核信息审核失败，可以进入个人信箱查看原因。如有疑问，请联系客服人员。\n          type: warning\n          closable: true\n          hasTitle: true\n          showIcon: true\n        slots:\n          title:\n            type: bricks\n            bricks:\n              - brick: div\n                properties:\n                  textContent: 请注意\n      - brick: eo-alert\n        properties:\n          textContent: 你的账户会员使用权限将在3天后到期，请及时跟进申请状况，如有疑问，请联系审核人员。\n          type: error\n          closable: true\n          hasTitle: true\n          showIcon: true\n        slots:\n          title:\n            type: bricks\n            bricks:\n              - brick: div\n                properties:\n                  textContent: 出错了\n# -- YAML DELIMITER (1nbbm8) --\n# <div style=\"display: flex; flex-direction: column; gap: 10px\">\n#   <eo-alert closable has-title show-icon id=\"brick-1\">\n#     <div slot=\"title\">帮助信息</div>\n#   </eo-alert>\n#   <eo-alert closable has-title show-icon id=\"brick-2\">\n#     <div slot=\"title\">已成功</div>\n#   </eo-alert>\n#   <eo-alert closable has-title show-icon id=\"brick-3\">\n#     <div slot=\"title\">请注意</div>\n#   </eo-alert>\n#   <eo-alert closable has-title show-icon id=\"brick-4\">\n#     <div slot=\"title\">出错了</div>\n#   </eo-alert>\n# </div>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.type = \"info\";\n# \n#   const brick_2 = document.getElementById(\"brick-2\");\n#   brick_2.type = \"success\";\n# \n#   const brick_3 = document.getElementById(\"brick-3\");\n#   brick_3.type = \"warning\";\n# \n#   const brick_4 = document.getElementById(\"brick-4\");\n#   brick_4.type = \"error\";\n# </script>\n# \n```\n"
-  },
-  "eo-code-display": {
-    "doc": "代码展示\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: eo-code-display\n  properties:\n    language: javascript\n    value: |\n      function onSubmit (e) {\n        const fn = () => 123;\n        const job = {\n          title: 'Developer',\n          company: 'Facebook'\n        };\n      }\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-code-display\n#   language=\"javascript\"\n#   value=\"function onSubmit (e) {\n#   const fn = () =&gt; 123;\n#   const job = {\n#     title: 'Developer',\n#     company: 'Facebook'\n#   };\n# }\n# \"\n# ></eo-code-display>\n# \n```\n"
-  },
   "eo-pagination": {
     "doc": "分页\n\n## Examples\n\n### Basic\n\n```yaml preview\nbrick: eo-pagination\nproperties:\n  total: 100\n  pageSize: 20\n  page: 1\nevents:\n  change:\n    - action: console.log\n      args:\n        - <% EVENT.detail %>\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-pagination total=\"100\" page-size=\"20\" page=\"1\" id=\"brick-1\"></eo-pagination>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.addEventListener(\"change\", (e) => {\n#     console.log(e.detail);\n#   });\n# </script>\n# \n```\n"
   },
-  "eo-card-item": {
-    "doc": "信息类卡片 —— 通用卡片\n\n## Examples\n\n### Basic\n\n```yaml preview\nbrick: eo-card-item\nproperties:\n  style:\n    width: 300px\n  hasHeader: true\n  auxiliaryText: 初级应用\n  cardTitle: 资源监控微应用\n  description: 资源监控微应用相关前后台\n  url: /test\n  target: _blank\n  avatar:\n    icon:\n      lib: easyops\n      category: default\n      icon: monitor\n    color: \"#167be0\"\n    size: 20\n    bgColor: var(--theme-geekblue-background)\n  actions:\n    - icon:\n        lib: antd\n        theme: outlined\n        icon: star\n      isDropdown: false\n      event: collect\n    - icon:\n        lib: antd\n        icon: copy\n        theme: outlined\n      text: 复制链接\n      isDropdown: true\n      event: copy\n    - icon:\n        lib: antd\n        icon: download\n        theme: outlined\n      text: 下载\n      isDropdown: true\n      disabled: true\n      event: download\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-card-item\n#   style=\"width: 300px\"\n#   has-header\n#   auxiliary-text=\"初级应用\"\n#   card-title=\"资源监控微应用\"\n#   description=\"资源监控微应用相关前后台\"\n#   target=\"_blank\"\n#   id=\"brick-1\"\n# ></eo-card-item>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.url = \"/test\";\n#   brick_1.avatar = {\n#     icon: {\n#       lib: \"easyops\",\n#       category: \"default\",\n#       icon: \"monitor\",\n#     },\n#     color: \"#167be0\",\n#     size: 20,\n#     bgColor: \"var(--theme-geekblue-background)\",\n#   };\n#   brick_1.actions = [\n#     {\n#       icon: {\n#         lib: \"antd\",\n#         theme: \"outlined\",\n#         icon: \"star\",\n#       },\n#       isDropdown: false,\n#       event: \"collect\",\n#     },\n#     {\n#       icon: {\n#         lib: \"antd\",\n#         icon: \"copy\",\n#         theme: \"outlined\",\n#       },\n#       text: \"复制链接\",\n#       isDropdown: true,\n#       event: \"copy\",\n#     },\n#     {\n#       icon: {\n#         lib: \"antd\",\n#         icon: \"download\",\n#         theme: \"outlined\",\n#       },\n#       text: \"下载\",\n#       isDropdown: true,\n#       disabled: true,\n#       event: \"download\",\n#     },\n#   ];\n# </script>\n# \n```\n\n### Single Expanded Area\n\n```yaml preview gap\n- brick: eo-card-item\n  properties:\n    style:\n      width: 300px\n    hasHeader: true\n    auxiliaryText: 初级应用\n    cardTitle: 资源监控微应用\n    description: 资源监控微应用相关前后台\n    avatar:\n      icon:\n        lib: easyops\n        category: default\n        icon: monitor\n      color: \"#167be0\"\n      size: 20\n      bgColor: var(--theme-geekblue-background)\n  slots:\n    expanded-area-1:\n      type: bricks\n      bricks:\n        - brick: eo-tag-list\n          properties:\n            size: small\n            list:\n              - text: IT 资源管理\n                key: IT_resource_management\n                color: gray\n              - text: 资源套餐\n                key: resource_package\n                color: gray\n              - text: 存储设备\n                key: storage_device\n                color: gray\n- brick: eo-card-item\n  properties:\n    style:\n      width: 300px\n    hasHeader: true\n    auxiliaryText: 初级应用\n    cardTitle: 资源监控微应用\n    description: 资源监控微应用相关前后台\n    avatar:\n      icon:\n        lib: easyops\n        category: default\n        icon: monitor\n      color: \"#167be0\"\n      size: 20\n      bgColor: var(--theme-geekblue-background)\n  slots:\n    expanded-area-2:\n      type: bricks\n      bricks:\n        - brick: eo-flex-layout\n          properties:\n            style:\n              width: 100%\n            justifyContent: space-between\n            alignItems: center\n          children:\n            - brick: span\n              properties:\n                textContent: 张元 更新于 2 小时前\n                style:\n                  color: var(--text-color-secondary)\n            - brick: eo-switch\n              properties:\n                size: small\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-card-item\n#   style=\"width: 300px\"\n#   has-header\n#   auxiliary-text=\"初级应用\"\n#   card-title=\"资源监控微应用\"\n#   description=\"资源监控微应用相关前后台\"\n#   id=\"brick-1\"\n# >\n#   <eo-tag-list\n#     slot=\"expanded-area-1\"\n#     size=\"small\"\n#     list=\"[object Object],[object Object],[object Object]\"\n#   ></eo-tag-list>\n# </eo-card-item>\n# <eo-card-item\n#   style=\"width: 300px\"\n#   has-header\n#   auxiliary-text=\"初级应用\"\n#   card-title=\"资源监控微应用\"\n#   description=\"资源监控微应用相关前后台\"\n#   id=\"brick-2\"\n# >\n#   <eo-flex-layout\n#     slot=\"expanded-area-2\"\n#     style=\"width: 100%\"\n#     justify-content=\"space-between\"\n#     align-items=\"center\"\n#   >\n#     <span style=\"color: var(--text-color-secondary)\">张元 更新于 2 小时前</span>\n#     <eo-switch size=\"small\"></eo-switch>\n#   </eo-flex-layout>\n# </eo-card-item>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.avatar = {\n#     icon: {\n#       lib: \"easyops\",\n#       category: \"default\",\n#       icon: \"monitor\",\n#     },\n#     color: \"#167be0\",\n#     size: 20,\n#     bgColor: \"var(--theme-geekblue-background)\",\n#   };\n# \n#   const brick_2 = document.getElementById(\"brick-2\");\n#   brick_2.avatar = {\n#     icon: {\n#       lib: \"easyops\",\n#       category: \"default\",\n#       icon: \"monitor\",\n#     },\n#     color: \"#167be0\",\n#     size: 20,\n#     bgColor: \"var(--theme-geekblue-background)\",\n#   };\n# </script>\n# \n```\n\n### Multiple Expanded Area\n\n```yaml preview gap\n- brick: eo-card-item\n  properties:\n    style:\n      width: 300px\n    hasHeader: true\n    auxiliaryText: 初级应用\n    cardTitle: 资源监控微应用\n    description: 资源监控微应用相关前后台\n    avatar:\n      icon:\n        lib: easyops\n        category: default\n        icon: monitor\n      color: \"#167be0\"\n      size: 20\n      bgColor: var(--theme-geekblue-background)\n  slots:\n    expanded-area-1:\n      type: bricks\n      bricks:\n        - brick: eo-tag-list\n          properties:\n            size: small\n            list:\n              - text: IT 资源管理\n                key: IT_resource_management\n                color: gray\n              - text: 资源套餐\n                key: resource_package\n                color: gray\n              - text: 存储设备\n                key: storage_device\n                color: gray\n    expanded-area-2:\n      type: bricks\n      bricks:\n        - brick: eo-flex-layout\n          properties:\n            style:\n              width: 100%\n            justifyContent: space-between\n            alignItems: center\n          children:\n            - brick: span\n              properties:\n                textContent: 张元 更新于 2 小时前\n                style:\n                  color: var(--text-color-secondary)\n            - brick: eo-switch\n              properties:\n                size: small\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-card-item\n#   style=\"width: 300px\"\n#   has-header\n#   auxiliary-text=\"初级应用\"\n#   card-title=\"资源监控微应用\"\n#   description=\"资源监控微应用相关前后台\"\n#   id=\"brick-1\"\n# >\n#   <eo-tag-list\n#     slot=\"expanded-area-1\"\n#     size=\"small\"\n#     list=\"[object Object],[object Object],[object Object]\"\n#   ></eo-tag-list>\n#   <eo-flex-layout\n#     slot=\"expanded-area-2\"\n#     style=\"width: 100%\"\n#     justify-content=\"space-between\"\n#     align-items=\"center\"\n#   >\n#     <span style=\"color: var(--text-color-secondary)\">张元 更新于 2 小时前</span>\n#     <eo-switch size=\"small\"></eo-switch>\n#   </eo-flex-layout>\n# </eo-card-item>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.avatar = {\n#     icon: {\n#       lib: \"easyops\",\n#       category: \"default\",\n#       icon: \"monitor\",\n#     },\n#     color: \"#167be0\",\n#     size: 20,\n#     bgColor: \"var(--theme-geekblue-background)\",\n#   };\n# </script>\n# \n```\n\n### Cover\n\n```yaml preview\n- brick: eo-card-item\n  properties:\n    style:\n      width: 280px\n    hasCover: true\n    coverImage: https://gw.alipayobjects.com/zos/rmsportal/JiqGstEfoWAOHiTxclqi.png\n    cardTitle: 信息卡片\n    description: 这是一只可爱的北极熊\n    url: /test\n    target: _blank\n- brick: eo-card-item\n  properties:\n    style:\n      width: 280px\n    hasCover: true\n    coverColor: \"#167be0\"\n    cardTitle: 资源监控微应用\n    description: 资源监控微应用相关前后台\n    url: /test\n    target: _blank\n    avatarPosition: cover\n    avatar:\n      icon:\n        lib: easyops\n        category: default\n        icon: monitor\n      color: \"#fff\"\n    actions:\n      - icon:\n          lib: antd\n          theme: outlined\n          icon: star\n          startColor: \"#fff\"\n          endColor: \"#fff\"\n        isDropdown: false\n        event: collect\n      - icon:\n          lib: antd\n          icon: copy\n          theme: outlined\n        text: 复制链接\n        isDropdown: true\n        event: copy\n      - icon:\n          lib: antd\n          icon: download\n          theme: outlined\n        text: 下载\n        isDropdown: true\n        disabled: true\n        event: download\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-card-item\n#   style=\"width: 280px\"\n#   has-cover\n#   card-title=\"信息卡片\"\n#   description=\"这是一只可爱的北极熊\"\n#   target=\"_blank\"\n#   id=\"brick-1\"\n# ></eo-card-item>\n# <eo-card-item\n#   style=\"width: 280px\"\n#   has-cover\n#   card-title=\"资源监控微应用\"\n#   description=\"资源监控微应用相关前后台\"\n#   target=\"_blank\"\n#   avatar-position=\"cover\"\n#   id=\"brick-2\"\n# ></eo-card-item>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.coverImage =\n#     \"https://gw.alipayobjects.com/zos/rmsportal/JiqGstEfoWAOHiTxclqi.png\";\n#   brick_1.url = \"/test\";\n# \n#   const brick_2 = document.getElementById(\"brick-2\");\n#   brick_2.coverColor = \"#167be0\";\n#   brick_2.url = \"/test\";\n#   brick_2.avatar = {\n#     icon: {\n#       lib: \"easyops\",\n#       category: \"default\",\n#       icon: \"monitor\",\n#     },\n#     color: \"#fff\",\n#   };\n#   brick_2.actions = [\n#     {\n#       icon: {\n#         lib: \"antd\",\n#         theme: \"outlined\",\n#         icon: \"star\",\n#         startColor: \"#fff\",\n#         endColor: \"#fff\",\n#       },\n#       isDropdown: false,\n#       event: \"collect\",\n#     },\n#     {\n#       icon: {\n#         lib: \"antd\",\n#         icon: \"copy\",\n#         theme: \"outlined\",\n#       },\n#       text: \"复制链接\",\n#       isDropdown: true,\n#       event: \"copy\",\n#     },\n#     {\n#       icon: {\n#         lib: \"antd\",\n#         icon: \"download\",\n#         theme: \"outlined\",\n#       },\n#       text: \"下载\",\n#       isDropdown: true,\n#       disabled: true,\n#       event: \"download\",\n#     },\n#   ];\n# </script>\n# \n```\n\n### Style type\n\n```yaml preview\nbrick: eo-card-item\nproperties:\n  styleType: grayish\n  style:\n    width: 300px\n  cardTitle: 资源监控微应用\n  description: 资源监控微应用相关前后台\n  url: /test\n  target: _blank\n  avatar:\n    icon:\n      lib: easyops\n      category: default\n      icon: monitor\n    size: 20\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-card-item\n#   style-type=\"grayish\"\n#   style=\"width: 300px\"\n#   card-title=\"资源监控微应用\"\n#   description=\"资源监控微应用相关前后台\"\n#   target=\"_blank\"\n#   id=\"brick-1\"\n# ></eo-card-item>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.url = \"/test\";\n#   brick_1.avatar = {\n#     icon: {\n#       lib: \"easyops\",\n#       category: \"default\",\n#       icon: \"monitor\",\n#     },\n#     size: 20,\n#   };\n# </script>\n# \n```\n\n### Tag\n\n```yaml preview\n- brick: div\n  properties:\n    textContent: Text Tag\n    style:\n      marginBottom: 10px\n- brick: eo-grid-layout\n  properties:\n    gap: 16px\n    columns: 4\n  children:\n    - brick: eo-card-item\n      properties:\n        tagConfig:\n          text: 禁用\n          bgColor: gray\n        cardTitle: 资源监控微应用\n        description: 资源监控微应用相关前后台\n    - brick: eo-card-item\n      properties:\n        tagConfig:\n          text: 蓝色\n          bgColor: blue\n        cardTitle: 资源监控微应用\n        description: 资源监控微应用相关前后台\n    - brick: eo-card-item\n      properties:\n        tagConfig:\n          text: 绿色\n          bgColor: green\n        cardTitle: 资源监控微应用\n        description: 资源监控微应用相关前后台\n    - brick: eo-card-item\n      properties:\n        tagConfig:\n          text: 黄色\n          bgColor: yellow\n        cardTitle: 资源监控微应用\n        description: 资源监控微应用相关前后台\n    - brick: eo-card-item\n      properties:\n        tagConfig:\n          text: 红色\n          bgColor: red\n        cardTitle: 资源监控微应用\n        description: 资源监控微应用相关前后台\n    - brick: eo-card-item\n      properties:\n        tagConfig:\n          text: 青色\n          bgColor: cyan\n        cardTitle: 资源监控微应用\n        description: 资源监控微应用相关前后台\n    - brick: eo-card-item\n      properties:\n        tagConfig:\n          text: 灰蓝色\n          bgColor: grayblue\n        cardTitle: 资源监控微应用\n        description: 资源监控微应用相关前后台\n    - brick: eo-card-item\n      properties:\n        tagConfig:\n          text: 紫色\n          bgColor: purple\n        cardTitle: 资源监控微应用\n        description: 资源监控微应用相关前后台\n    - brick: eo-card-item\n      properties:\n        tagConfig:\n          text: 自定义\n          bgColor: \"rgb(228 236 183)\"\n          color: \"#000\"\n        cardTitle: 资源监控微应用\n        description: 资源监控微应用相关前后台\n- brick: div\n  properties:\n    textContent: Icon Tag\n    style:\n      margin: 10px\n- brick: eo-grid-layout\n  properties:\n    gap: 16px\n    columns: 4\n  children:\n    - brick: eo-card-item\n      properties:\n        tagConfig:\n          icon:\n            lib: antd\n            icon: info-circle\n            theme: outlined\n          bgColor: blue\n        cardTitle: 资源监控微应用\n        description: 资源监控微应用相关前后台\n        url: /test\n        target: _blank\n    - brick: eo-card-item\n      properties:\n        tagConfig:\n          icon:\n            lib: antd\n            icon: check-circle\n            theme: outlined\n          bgColor: green\n        cardTitle: 资源监控微应用\n        description: 资源监控微应用相关前后台\n        url: /test\n        target: _blank\n    - brick: eo-card-item\n      properties:\n        tagConfig:\n          icon:\n            lib: antd\n            icon: info-circle\n            theme: outlined\n          bgColor: yellow\n        cardTitle: 资源监控微应用\n        description: 资源监控微应用相关前后台\n        url: /test\n        target: _blank\n    - brick: eo-card-item\n      properties:\n        tagConfig:\n          icon:\n            lib: antd\n            icon: close-circle\n            theme: outlined\n          bgColor: red\n        cardTitle: 资源监控微应用\n        description: 资源监控微应用相关前后台\n        url: /test\n        target: _blank\n    - brick: eo-card-item\n      events:\n        tag.click:\n          - action: message.success\n            args:\n              - 收藏成功\n          - target: _self\n            properties:\n              tagConfig:\n                icon:\n                  lib: antd\n                  icon: star\n                  theme: filled\n                  startColor: yellow\n                  endColor: yellow\n                bgColor: blue\n      properties:\n        tagConfig:\n          icon:\n            lib: antd\n            icon: star\n            theme: filled\n          bgColor: blue\n        cardTitle: 资源监控微应用\n        description: 资源监控微应用相关前后台\n        url: /test\n        target: _blank\n# -- YAML DELIMITER (1nbbm8) --\n# <div style=\"margin-bottom: 10px\">Text Tag</div>\n# <eo-grid-layout gap=\"16px\" columns=\"4\">\n#   <eo-card-item\n#     card-title=\"资源监控微应用\"\n#     description=\"资源监控微应用相关前后台\"\n#     id=\"brick-1\"\n#   ></eo-card-item>\n#   <eo-card-item\n#     card-title=\"资源监控微应用\"\n#     description=\"资源监控微应用相关前后台\"\n#     id=\"brick-2\"\n#   ></eo-card-item>\n#   <eo-card-item\n#     card-title=\"资源监控微应用\"\n#     description=\"资源监控微应用相关前后台\"\n#     id=\"brick-3\"\n#   ></eo-card-item>\n#   <eo-card-item\n#     card-title=\"资源监控微应用\"\n#     description=\"资源监控微应用相关前后台\"\n#     id=\"brick-4\"\n#   ></eo-card-item>\n#   <eo-card-item\n#     card-title=\"资源监控微应用\"\n#     description=\"资源监控微应用相关前后台\"\n#     id=\"brick-5\"\n#   ></eo-card-item>\n#   <eo-card-item\n#     card-title=\"资源监控微应用\"\n#     description=\"资源监控微应用相关前后台\"\n#     id=\"brick-6\"\n#   ></eo-card-item>\n#   <eo-card-item\n#     card-title=\"资源监控微应用\"\n#     description=\"资源监控微应用相关前后台\"\n#     id=\"brick-7\"\n#   ></eo-card-item>\n#   <eo-card-item\n#     card-title=\"资源监控微应用\"\n#     description=\"资源监控微应用相关前后台\"\n#     id=\"brick-8\"\n#   ></eo-card-item>\n#   <eo-card-item\n#     card-title=\"资源监控微应用\"\n#     description=\"资源监控微应用相关前后台\"\n#     id=\"brick-9\"\n#   ></eo-card-item>\n# </eo-grid-layout>\n# <div style=\"margin: 10px\">Icon Tag</div>\n# <eo-grid-layout gap=\"16px\" columns=\"4\">\n#   <eo-card-item\n#     card-title=\"资源监控微应用\"\n#     description=\"资源监控微应用相关前后台\"\n#     target=\"_blank\"\n#     id=\"brick-10\"\n#   ></eo-card-item>\n#   <eo-card-item\n#     card-title=\"资源监控微应用\"\n#     description=\"资源监控微应用相关前后台\"\n#     target=\"_blank\"\n#     id=\"brick-11\"\n#   ></eo-card-item>\n#   <eo-card-item\n#     card-title=\"资源监控微应用\"\n#     description=\"资源监控微应用相关前后台\"\n#     target=\"_blank\"\n#     id=\"brick-12\"\n#   ></eo-card-item>\n#   <eo-card-item\n#     card-title=\"资源监控微应用\"\n#     description=\"资源监控微应用相关前后台\"\n#     target=\"_blank\"\n#     id=\"brick-13\"\n#   ></eo-card-item>\n#   <eo-card-item\n#     card-title=\"资源监控微应用\"\n#     description=\"资源监控微应用相关前后台\"\n#     target=\"_blank\"\n#     id=\"brick-14\"\n#   ></eo-card-item>\n# </eo-grid-layout>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.tagConfig = {\n#     text: \"禁用\",\n#     bgColor: \"gray\",\n#   };\n# \n#   const brick_2 = document.getElementById(\"brick-2\");\n#   brick_2.tagConfig = {\n#     text: \"蓝色\",\n#     bgColor: \"blue\",\n#   };\n# \n#   const brick_3 = document.getElementById(\"brick-3\");\n#   brick_3.tagConfig = {\n#     text: \"绿色\",\n#     bgColor: \"green\",\n#   };\n# \n#   const brick_4 = document.getElementById(\"brick-4\");\n#   brick_4.tagConfig = {\n#     text: \"黄色\",\n#     bgColor: \"yellow\",\n#   };\n# \n#   const brick_5 = document.getElementById(\"brick-5\");\n#   brick_5.tagConfig = {\n#     text: \"红色\",\n#     bgColor: \"red\",\n#   };\n# \n#   const brick_6 = document.getElementById(\"brick-6\");\n#   brick_6.tagConfig = {\n#     text: \"青色\",\n#     bgColor: \"cyan\",\n#   };\n# \n#   const brick_7 = document.getElementById(\"brick-7\");\n#   brick_7.tagConfig = {\n#     text: \"灰蓝色\",\n#     bgColor: \"grayblue\",\n#   };\n# \n#   const brick_8 = document.getElementById(\"brick-8\");\n#   brick_8.tagConfig = {\n#     text: \"紫色\",\n#     bgColor: \"purple\",\n#   };\n# \n#   const brick_9 = document.getElementById(\"brick-9\");\n#   brick_9.tagConfig = {\n#     text: \"自定义\",\n#     bgColor: \"rgb(228 236 183)\",\n#     color: \"#000\",\n#   };\n# \n#   const brick_10 = document.getElementById(\"brick-10\");\n#   brick_10.tagConfig = {\n#     icon: {\n#       lib: \"antd\",\n#       icon: \"info-circle\",\n#       theme: \"outlined\",\n#     },\n#     bgColor: \"blue\",\n#   };\n#   brick_10.url = \"/test\";\n# \n#   const brick_11 = document.getElementById(\"brick-11\");\n#   brick_11.tagConfig = {\n#     icon: {\n#       lib: \"antd\",\n#       icon: \"check-circle\",\n#       theme: \"outlined\",\n#     },\n#     bgColor: \"green\",\n#   };\n#   brick_11.url = \"/test\";\n# \n#   const brick_12 = document.getElementById(\"brick-12\");\n#   brick_12.tagConfig = {\n#     icon: {\n#       lib: \"antd\",\n#       icon: \"info-circle\",\n#       theme: \"outlined\",\n#     },\n#     bgColor: \"yellow\",\n#   };\n#   brick_12.url = \"/test\";\n# \n#   const brick_13 = document.getElementById(\"brick-13\");\n#   brick_13.tagConfig = {\n#     icon: {\n#       lib: \"antd\",\n#       icon: \"close-circle\",\n#       theme: \"outlined\",\n#     },\n#     bgColor: \"red\",\n#   };\n#   brick_13.url = \"/test\";\n# \n#   const brick_14 = document.getElementById(\"brick-14\");\n#   brick_14.tagConfig = {\n#     icon: {\n#       lib: \"antd\",\n#       icon: \"star\",\n#       theme: \"filled\",\n#     },\n#     bgColor: \"blue\",\n#   };\n#   brick_14.url = \"/test\";\n#   brick_14.addEventListener(\"tag.click\", (e) => {\n#     const message = document.createElement(\"basic.show-notification\");\n#     message.resolve({ type: \"success\", message: \"收藏成功\" });\n#   });\n#   brick_14.addEventListener(\"tag.click\", (e) => {\n#     const brick = e.target;\n#     brick.tagConfig = {\n#       icon: {\n#         lib: \"antd\",\n#         icon: \"star\",\n#         theme: \"filled\",\n#         startColor: \"yellow\",\n#         endColor: \"yellow\",\n#       },\n#       bgColor: \"blue\",\n#     };\n#   });\n# </script>\n# \n```\n"
+  "eo-alert": {
+    "doc": "告警提示\n\n## Examples\n\n### Basic\n\n```yaml preview\nbrick: div\nproperties:\n  style:\n    display: flex\n    flex-direction: column\n    gap: 10px\nslots:\n  \"\":\n    type: bricks\n    bricks:\n      - brick: eo-alert\n        properties:\n          textContent: 你好！欢迎使用EasyOps 2.0专业版，你可以根据自身需求添加业务模块。\n          type: info\n          closable: true\n      - brick: eo-alert\n        properties:\n          textContent: 恭喜！你所提交的信息已经审核通过。\n          type: success\n          closable: true\n          showIcon: true\n      - brick: eo-alert\n        properties:\n          textContent: \"系统将于 15 : 00 - 17 : 00 进行升级，请及时保存你的资料！\"\n          type: warning\n          closable: true\n          showIcon: true\n      - brick: eo-alert\n        properties:\n          textContent: 系统错误，请稍后重试。\n          type: error\n          closable: true\n          showIcon: true\n# -- YAML DELIMITER (1nbbm8) --\n# <div style=\"display: flex; flex-direction: column; gap: 10px\">\n#   <eo-alert closable id=\"brick-1\">\n#     你好！欢迎使用EasyOps 2.0专业版，你可以根据自身需求添加业务模块。\n#   </eo-alert>\n#   <eo-alert closable show-icon id=\"brick-2\"\n#     >恭喜！你所提交的信息已经审核通过。</eo-alert\n#   >\n#   <eo-alert closable show-icon id=\"brick-3\">\n#     系统将于 15 : 00 - 17 : 00 进行升级，请及时保存你的资料！\n#   </eo-alert>\n#   <eo-alert closable show-icon id=\"brick-4\">系统错误，请稍后重试。</eo-alert>\n# </div>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.type = \"info\";\n# \n#   const brick_2 = document.getElementById(\"brick-2\");\n#   brick_2.type = \"success\";\n# \n#   const brick_3 = document.getElementById(\"brick-3\");\n#   brick_3.type = \"warning\";\n# \n#   const brick_4 = document.getElementById(\"brick-4\");\n#   brick_4.type = \"error\";\n# </script>\n# \n```\n\n### HasTitle\n\n```yaml preview\nbrick: div\nproperties:\n  style:\n    display: flex\n    flex-direction: column\n    gap: 10px\nslots:\n  \"\":\n    type: bricks\n    bricks:\n      - brick: eo-alert\n        properties:\n          textContent: 你好，由于你的良好信用，我们决定赠送你三个月产品会员，欲了解会员特权与活动请进首页会员专区查看。\n          type: info\n          closable: true\n          hasTitle: true\n          showIcon: true\n        slots:\n          title:\n            type: bricks\n            bricks:\n              - brick: div\n                properties:\n                  textContent: 帮助信息\n      - brick: eo-alert\n        properties:\n          textContent: 你所提交的审核信息已全部通过审核，请及时跟进申请状况。\n          type: success\n          closable: true\n          hasTitle: true\n          showIcon: true\n        slots:\n          title:\n            type: bricks\n            bricks:\n              - brick: div\n                properties:\n                  textContent: 已成功\n      - brick: eo-alert\n        properties:\n          textContent: 你所提交的审核信息审核失败，可以进入个人信箱查看原因。如有疑问，请联系客服人员。\n          type: warning\n          closable: true\n          hasTitle: true\n          showIcon: true\n        slots:\n          title:\n            type: bricks\n            bricks:\n              - brick: div\n                properties:\n                  textContent: 请注意\n      - brick: eo-alert\n        properties:\n          textContent: 你的账户会员使用权限将在3天后到期，请及时跟进申请状况，如有疑问，请联系审核人员。\n          type: error\n          closable: true\n          hasTitle: true\n          showIcon: true\n        slots:\n          title:\n            type: bricks\n            bricks:\n              - brick: div\n                properties:\n                  textContent: 出错了\n# -- YAML DELIMITER (1nbbm8) --\n# <div style=\"display: flex; flex-direction: column; gap: 10px\">\n#   <eo-alert closable has-title show-icon id=\"brick-1\">\n#     <div slot=\"title\">帮助信息</div>\n#   </eo-alert>\n#   <eo-alert closable has-title show-icon id=\"brick-2\">\n#     <div slot=\"title\">已成功</div>\n#   </eo-alert>\n#   <eo-alert closable has-title show-icon id=\"brick-3\">\n#     <div slot=\"title\">请注意</div>\n#   </eo-alert>\n#   <eo-alert closable has-title show-icon id=\"brick-4\">\n#     <div slot=\"title\">出错了</div>\n#   </eo-alert>\n# </div>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.type = \"info\";\n# \n#   const brick_2 = document.getElementById(\"brick-2\");\n#   brick_2.type = \"success\";\n# \n#   const brick_3 = document.getElementById(\"brick-3\");\n#   brick_3.type = \"warning\";\n# \n#   const brick_4 = document.getElementById(\"brick-4\");\n#   brick_4.type = \"error\";\n# </script>\n# \n```\n"
   },
   "eo-divider": {
     "doc": "分割线构件 `eo-divider`\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: eo-divider\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-divider></eo-divider>\n# \n```\n\n### orientation\n\n```yaml preview\n- brick: eo-divider\n  properties:\n    orientation: left\n    textContent: 基本\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-divider id=\"brick-1\">基本</eo-divider>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.orientation = \"left\";\n# </script>\n# \n```\n\n### 虚线 dashed\n\n```yaml preview\n- brick: eo-divider\n  properties:\n    orientation: center\n    textContent: 基本\n    dashed: true\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-divider dashed id=\"brick-1\">基本</eo-divider>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.orientation = \"center\";\n# </script>\n# \n```\n\n### type vertical\n\n```yaml preview\n- brick: span\n  properties:\n    textContent: span1\n- brick: eo-divider\n  properties:\n    type: vertical\n- brick: span\n  properties:\n    textContent: span2\n# -- YAML DELIMITER (1nbbm8) --\n# <span>span1</span>\n# <eo-divider type=\"vertical\"></eo-divider>\n# <span>span2</span>\n# \n```\n\n### type radiation\n\n```yaml preview\n- brick: eo-divider\n  properties:\n    type: radiation\n    textContent: 标题\n    proportion:\n      - 0\n      - 3\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-divider type=\"radiation\" id=\"brick-1\">标题</eo-divider>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.proportion = [0, 3];\n# </script>\n# \n```\n"
@@ -20,12 +14,18 @@
   "eo-info-card-item": {
     "doc": "构件 `eo-info-card-item`\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: eo-info-card-item\n  properties:\n    style:\n      width: 100%\n    cardTitle: 持续集成\n    cardIcon:\n      color: green\n      icon:\n        icon: object-topology\n        lib: easyops\n        category: app\n      bgColor: var(--theme-green-background)\n    description: 支持展客户两会话健康和空间和健康和健康和健康几节课或军扩过过过过科技股科技股就开始刚开始搞是接口关键时刻哥萨克伽伽司空见惯撒十多个数据库高升控股撒奥会计噶会计师公开撒娇鬼萨科技馆萨科技会计师干撒冈萨加国盛金控hhhhhhhhhhhhh\n    detailList:\n      - useBrick:\n          brick: eo-tag\n          properties:\n            textContent: IT资源管理\n            tagStyle:\n              borderRadius: 3px\n              lineHeight: 32px\n      - useBrick:\n          brick: eo-tag\n          properties:\n            textContent: 存储设备\n            tagStyle:\n              borderRadius: 3px\n              lineHeight: 32px\n      - useBrick:\n          brick: eo-tag\n          properties:\n            textContent: 资源套餐\n            tagStyle:\n              borderRadius: 3px\n              lineHeight: 32px\n  slots:\n    action:\n      type: bricks\n      bricks:\n        - brick: eo-dropdown-actions\n          events:\n            advanced.setting:\n              - action: message.success\n                args:\n                  - click advanced button\n            button.delete:\n              - useProvider: basic.show-dialog\n                args:\n                  - type: confirm\n                    title: Please Confirm\n                    content: Are you sure?\n                callback:\n                  success:\n                    action: message.success\n                    args:\n                      - You just confirmed!\n                  error:\n                    action: message.warn\n                    args:\n                      - You just canceled.\n          children:\n            - brick: eo-button\n              properties:\n                type: text\n                icon:\n                  lib: fa\n                  icon: ellipsis-h\n                  color: red\n                size: small\n          properties:\n            actions:\n              - text: 高级设置\n                color: red\n                icon:\n                  icon: setting\n                  lib: antd\n                event: advanced.setting\n              - text: 删除\n                icon:\n                  lib: antd\n                  icon: delete\n                event: button.delete\n                tooltip: 删除\n                tooltipPlacement: right\n                danger: true\n                color: var(--theme-red-color)\n- brick: div\n  properties:\n    style:\n      height: 20px\n- brick: eo-info-card-item\n  properties:\n    style:\n      width: 100%\n    cardTitle: 资产盘点\n    cardIcon:\n      color: orange\n      icon:\n        icon: patch-management\n        lib: easyops\n        category: app\n    description: 资产盘点为设备运维人员提供便捷的设备资产盘点能力，使用自动化的盘点方式替换原有人工盘点，解放设备运维人员的双手\n    detailList:\n      - desc: 7M\n        title: 大小\n      - desc: \"863\"\n        title: 下载次数\n      - desc: 80%\n        title: 下载率\n      - desc: 2%\n        title: 失败率\n  slots:\n    title:\n      type: bricks\n      bricks:\n        - brick: eo-tag\n          properties:\n            textContent: 生产\n            color: blue\n    action:\n      type: bricks\n      bricks:\n        - brick: eo-dropdown-actions\n          events:\n            advanced.setting:\n              - action: message.success\n                args:\n                  - click advanced button\n            button.delete:\n              - useProvider: basic.show-dialog\n                args:\n                  - type: confirm\n                    title: Please Confirm\n                    content: Are you sure?\n                callback:\n                  success:\n                    action: message.success\n                    args:\n                      - You just confirmed!\n                  error:\n                    action: message.warn\n                    args:\n                      - You just canceled.\n          children:\n            - brick: eo-button\n              properties:\n                type: text\n                icon:\n                  lib: fa\n                  icon: ellipsis-h\n                  color: red\n                size: small\n          properties:\n            actions:\n              - text: 高级设置\n                icon:\n                  icon: setting\n                  lib: antd\n                event: advanced.setting\n              - text: 删除\n                icon:\n                  lib: antd\n                  icon: delete\n                event: button.delete\n                tooltip: 删除\n                tooltipPlacement: right\n                color: var(--theme-red-color)\n                danger: true\n- brick: div\n  properties:\n    style:\n      height: 20px\n- brick: eo-info-card-item\n  properties:\n    style:\n      width: 100%\n    cardTitle: 资源监控微应用\n    cardIcon:\n      color: blue\n      icon:\n        icon: chart-pie\n        lib: fa\n    description: F5管理将企业F5BIG-IP设备统一管理，可在F5设备卡片页概览全部设备的状态，了解 VirtualServer、Pool、iRules资源信息\n    detailList:\n      - useBrick:\n          brick: eo-switch\n          properties:\n            name: enabled\n            size: small\n            style:\n              marginTop: \"-2.5px\"\n            value: true\n        title: 是否启用\n      - desc: \"7663\"\n        title: 下载次数\n      - desc: 90%\n        title: 下载率\n      - desc: 3%\n        title: 失败率\n  slots:\n    title:\n      type: bricks\n      bricks:\n        - brick: eo-tag\n          properties:\n            textContent: 测试\n            color: green\n    action:\n      type: bricks\n      bricks:\n        - brick: eo-dropdown-actions\n          events:\n            advanced.setting:\n              - action: message.success\n                args:\n                  - click advanced button\n            button.delete:\n              - useProvider: basic.show-dialog\n                args:\n                  - type: confirm\n                    title: Please Confirm\n                    content: Are you sure?\n                callback:\n                  success:\n                    action: message.success\n                    args:\n                      - You just confirmed!\n                  error:\n                    action: message.warn\n                    args:\n                      - You just canceled.\n          children:\n            - brick: eo-button\n              properties:\n                type: text\n                icon:\n                  lib: fa\n                  icon: ellipsis-h\n                size: small\n          properties:\n            actions:\n              - text: 高级设置\n                icon:\n                  icon: setting\n                  lib: antd\n                event: advanced.setting\n              - text: 删除\n                icon:\n                  lib: antd\n                  icon: delete\n                event: button.delete\n                tooltip: 删除\n                tooltipPlacement: right\n                danger: true\n                color: var(--theme-red-color)\n- brick: div\n  properties:\n    style:\n      height: 50px\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-info-card-item\n#   style=\"width: 100%\"\n#   card-title=\"持续集成\"\n#   description=\"支持展客户两会话健康和空间和健康和健康和健康几节课或军扩过过过过科技股科技股就开始刚开始搞是接口关键时刻哥萨克伽伽司空见惯撒十多个数据库高升控股撒奥会计噶会计师公开撒娇鬼萨科技馆萨科技会计师干撒冈萨加国盛金控hhhhhhhhhhhhh\"\n#   id=\"brick-1\"\n# >\n#   <eo-dropdown-actions\n#     slot=\"action\"\n#     actions=\"[object Object],[object Object]\"\n#     id=\"brick-2\"\n#   >\n#     <eo-button type=\"text\" icon=\"[object Object]\" size=\"small\"></eo-button>\n#   </eo-dropdown-actions>\n# </eo-info-card-item>\n# <div style=\"height: 20px\"></div>\n# <eo-info-card-item\n#   style=\"width: 100%\"\n#   card-title=\"资产盘点\"\n#   description=\"资产盘点为设备运维人员提供便捷的设备资产盘点能力，使用自动化的盘点方式替换原有人工盘点，解放设备运维人员的双手\"\n#   id=\"brick-3\"\n# >\n#   <eo-tag slot=\"title\" color=\"blue\">生产</eo-tag>\n#   <eo-dropdown-actions\n#     slot=\"action\"\n#     actions=\"[object Object],[object Object]\"\n#     id=\"brick-4\"\n#   >\n#     <eo-button type=\"text\" icon=\"[object Object]\" size=\"small\"></eo-button>\n#   </eo-dropdown-actions>\n# </eo-info-card-item>\n# <div style=\"height: 20px\"></div>\n# <eo-info-card-item\n#   style=\"width: 100%\"\n#   card-title=\"资源监控微应用\"\n#   description=\"F5管理将企业F5BIG-IP设备统一管理，可在F5设备卡片页概览全部设备的状态，了解 VirtualServer、Pool、iRules资源信息\"\n#   id=\"brick-5\"\n# >\n#   <eo-tag slot=\"title\" color=\"green\">测试</eo-tag>\n#   <eo-dropdown-actions\n#     slot=\"action\"\n#     actions=\"[object Object],[object Object]\"\n#     id=\"brick-6\"\n#   >\n#     <eo-button type=\"text\" icon=\"[object Object]\" size=\"small\"></eo-button>\n#   </eo-dropdown-actions>\n# </eo-info-card-item>\n# <div style=\"height: 50px\"></div>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.cardIcon = {\n#     color: \"green\",\n#     icon: {\n#       icon: \"object-topology\",\n#       lib: \"easyops\",\n#       category: \"app\",\n#     },\n#     bgColor: \"var(--theme-green-background)\",\n#   };\n#   brick_1.detailList = [\n#     {\n#       useBrick: {\n#         brick: \"eo-tag\",\n#         properties: {\n#           textContent: \"IT资源管理\",\n#           tagStyle: {\n#             borderRadius: \"3px\",\n#             lineHeight: \"32px\",\n#           },\n#         },\n#       },\n#     },\n#     {\n#       useBrick: {\n#         brick: \"eo-tag\",\n#         properties: {\n#           textContent: \"存储设备\",\n#           tagStyle: {\n#             borderRadius: \"3px\",\n#             lineHeight: \"32px\",\n#           },\n#         },\n#       },\n#     },\n#     {\n#       useBrick: {\n#         brick: \"eo-tag\",\n#         properties: {\n#           textContent: \"资源套餐\",\n#           tagStyle: {\n#             borderRadius: \"3px\",\n#             lineHeight: \"32px\",\n#           },\n#         },\n#       },\n#     },\n#   ];\n# \n#   const brick_2 = document.getElementById(\"brick-2\");\n#   brick_2.addEventListener(\"advanced.setting\", (e) => {\n#     const message = document.createElement(\"basic.show-notification\");\n#     message.resolve({ type: \"success\", message: \"click advanced button\" });\n#   });\n#   brick_2.addEventListener(\"button.delete\", (e) => {\n#     const provider = document.createElement(\"basic.show-dialog\");\n#     const promise = Promise.resolve(\n#       provider.resolve({\n#         type: \"confirm\",\n#         title: \"Please Confirm\",\n#         content: \"Are you sure?\",\n#       })\n#     );\n#     promise.then((r) => {\n#       const message = document.createElement(\"basic.show-notification\");\n#       message.resolve({ type: \"success\", message: \"You just confirmed!\" });\n#     });\n#     promise.catch((r) => {\n#       const message = document.createElement(\"basic.show-notification\");\n#       message.resolve({ type: \"warn\", message: \"You just canceled.\" });\n#     });\n#   });\n# \n#   const brick_3 = document.getElementById(\"brick-3\");\n#   brick_3.cardIcon = {\n#     color: \"orange\",\n#     icon: {\n#       icon: \"patch-management\",\n#       lib: \"easyops\",\n#       category: \"app\",\n#     },\n#   };\n#   brick_3.detailList = [\n#     {\n#       desc: \"7M\",\n#       title: \"大小\",\n#     },\n#     {\n#       desc: \"863\",\n#       title: \"下载次数\",\n#     },\n#     {\n#       desc: \"80%\",\n#       title: \"下载率\",\n#     },\n#     {\n#       desc: \"2%\",\n#       title: \"失败率\",\n#     },\n#   ];\n# \n#   const brick_4 = document.getElementById(\"brick-4\");\n#   brick_4.addEventListener(\"advanced.setting\", (e) => {\n#     const message = document.createElement(\"basic.show-notification\");\n#     message.resolve({ type: \"success\", message: \"click advanced button\" });\n#   });\n#   brick_4.addEventListener(\"button.delete\", (e) => {\n#     const provider = document.createElement(\"basic.show-dialog\");\n#     const promise = Promise.resolve(\n#       provider.resolve({\n#         type: \"confirm\",\n#         title: \"Please Confirm\",\n#         content: \"Are you sure?\",\n#       })\n#     );\n#     promise.then((r) => {\n#       const message = document.createElement(\"basic.show-notification\");\n#       message.resolve({ type: \"success\", message: \"You just confirmed!\" });\n#     });\n#     promise.catch((r) => {\n#       const message = document.createElement(\"basic.show-notification\");\n#       message.resolve({ type: \"warn\", message: \"You just canceled.\" });\n#     });\n#   });\n# \n#   const brick_5 = document.getElementById(\"brick-5\");\n#   brick_5.cardIcon = {\n#     color: \"blue\",\n#     icon: {\n#       icon: \"chart-pie\",\n#       lib: \"fa\",\n#     },\n#   };\n#   brick_5.detailList = [\n#     {\n#       useBrick: {\n#         brick: \"eo-switch\",\n#         properties: {\n#           name: \"enabled\",\n#           size: \"small\",\n#           style: {\n#             marginTop: \"-2.5px\",\n#           },\n#           value: true,\n#         },\n#       },\n#       title: \"是否启用\",\n#     },\n#     {\n#       desc: \"7663\",\n#       title: \"下载次数\",\n#     },\n#     {\n#       desc: \"90%\",\n#       title: \"下载率\",\n#     },\n#     {\n#       desc: \"3%\",\n#       title: \"失败率\",\n#     },\n#   ];\n# \n#   const brick_6 = document.getElementById(\"brick-6\");\n#   brick_6.addEventListener(\"advanced.setting\", (e) => {\n#     const message = document.createElement(\"basic.show-notification\");\n#     message.resolve({ type: \"success\", message: \"click advanced button\" });\n#   });\n#   brick_6.addEventListener(\"button.delete\", (e) => {\n#     const provider = document.createElement(\"basic.show-dialog\");\n#     const promise = Promise.resolve(\n#       provider.resolve({\n#         type: \"confirm\",\n#         title: \"Please Confirm\",\n#         content: \"Are you sure?\",\n#       })\n#     );\n#     promise.then((r) => {\n#       const message = document.createElement(\"basic.show-notification\");\n#       message.resolve({ type: \"success\", message: \"You just confirmed!\" });\n#     });\n#     promise.catch((r) => {\n#       const message = document.createElement(\"basic.show-notification\");\n#       message.resolve({ type: \"warn\", message: \"You just canceled.\" });\n#     });\n#   });\n# </script>\n# \n```\n"
   },
+  "eo-code-display": {
+    "doc": "代码展示\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: eo-code-display\n  properties:\n    language: javascript\n    value: |\n      function onSubmit (e) {\n        const fn = () => 123;\n        const job = {\n          title: 'Developer',\n          company: 'Facebook'\n        };\n      }\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-code-display\n#   language=\"javascript\"\n#   value=\"function onSubmit (e) {\n#   const fn = () =&gt; 123;\n#   const job = {\n#     title: 'Developer',\n#     company: 'Facebook'\n#   };\n# }\n# \"\n# ></eo-code-display>\n# \n```\n"
+  },
   "eo-humanize-time": {
     "doc": "人性化时间展示\n\n## Examples\n\n### 完整\n\n```yaml preview\n- brick: eo-humanize-time\n  properties:\n    formatter: full\n    value: 1714026348\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-humanize-time id=\"brick-1\"></eo-humanize-time>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.formatter = \"full\";\n#   brick_1.value = 1714026348;\n# </script>\n# \n```\n\n### 精确\n\n```yaml preview\n- brick: eo-humanize-time\n  properties:\n    formatter: accurate\n    value: 1714026348\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-humanize-time id=\"brick-1\"></eo-humanize-time>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.formatter = \"accurate\";\n#   brick_1.value = 1714026348;\n# </script>\n# \n```\n\n### 相对\n\n```yaml preview\n- brick: eo-humanize-time\n  properties:\n    formatter: relative\n    isMicrosecond: true\n    value: 1714026348000\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-humanize-time is-microsecond id=\"brick-1\"></eo-humanize-time>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.formatter = \"relative\";\n#   brick_1.value = 1714026348000;\n# </script>\n# \n```\n\n### 耗时\n\n```yaml preview\n- brick: eo-humanize-time\n  properties:\n    formatter: relative\n    isCostTime: true\n    value: 1000\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-humanize-time is-cost-time id=\"brick-1\"></eo-humanize-time>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.formatter = \"relative\";\n#   brick_1.value = 1000;\n# </script>\n# \n```\n\n### 链接\n\n```yaml preview\n- brick: eo-humanize-time\n  properties:\n    formatter: full\n    link:\n      target: _blank\n      url: /aaa/bbb\n    value: 1714026348\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-humanize-time id=\"brick-1\"></eo-humanize-time>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.formatter = \"full\";\n#   brick_1.link = {\n#     target: \"_blank\",\n#     url: \"/aaa/bbb\",\n#   };\n#   brick_1.value = 1714026348;\n# </script>\n# \n```\n\n### 自定义格式\n\n```yaml preview\n- brick: eo-humanize-time\n  properties:\n    inputFormat: YYYY-MM-DD\n    outputFormat: LLL\n    value: \"2020-02-27 16:36\"\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-humanize-time\n#   input-format=\"YYYY-MM-DD\"\n#   output-format=\"LLL\"\n#   id=\"brick-1\"\n# ></eo-humanize-time>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.value = \"2020-02-27 16:36\";\n# </script>\n# \n```\n"
   },
   "eo-statistics-card": {
     "doc": "统计卡片\n\n## Examples\n\n### Basic\n\n```yaml preview gap\n- brick: eo-statistics-card\n  properties:\n    cardTitle: 安全评分\n    value: 93\n    valueStyle:\n      color: var(--color-success)\n    icon:\n      lib: easyops\n      category: monitor\n      icon: infra-monitor\n      bgColor: \"#E6F0FC\"\n      color: \"#3480EA\"\n    style:\n      width: 300px\n  children:\n    - brick: eo-tooltip\n      slot: titleSuffix\n      properties:\n        content: 安全评分是根据您的资产状态进行的评分\n        trigger: hover\n        placement: top-start\n      children:\n        - brick: eo-icon\n          properties:\n            lib: antd\n            icon: question-circle\n            theme: outlined\n            style:\n              font-size: 12px\n              color: var(--text-color-secondary)\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-statistics-card\n#   card-title=\"安全评分\"\n#   value=\"93\"\n#   style=\"width: 300px\"\n#   id=\"brick-1\"\n# >\n#   <eo-tooltip\n#     slot=\"titleSuffix\"\n#     content=\"安全评分是根据您的资产状态进行的评分\"\n#     trigger=\"hover\"\n#     placement=\"top-start\"\n#   >\n#     <eo-icon\n#       lib=\"antd\"\n#       icon=\"question-circle\"\n#       theme=\"outlined\"\n#       style=\"font-size: 12px; color: var(--text-color-secondary)\"\n#     ></eo-icon>\n#   </eo-tooltip>\n# </eo-statistics-card>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.valueStyle = {\n#     color: \"var(--color-success)\",\n#   };\n#   brick_1.icon = {\n#     lib: \"easyops\",\n#     category: \"monitor\",\n#     icon: \"infra-monitor\",\n#     bgColor: \"#E6F0FC\",\n#     color: \"#3480EA\",\n#   };\n# </script>\n# \n```\n\n### Outline\n\n```yaml preview gap\n- brick: eo-statistics-card\n  properties:\n    cardTitle: 事件总数\n    value: 1.2K\n    unit: 个\n    outline: border\n    icon:\n      lib: easyops\n      category: monitor\n      icon: infra-monitor\n      bgColor: \"#E6F0FC\"\n      color: \"#3480EA\"\n    style:\n      width: 300px\n- brick: eo-statistics-card\n  properties:\n    cardTitle: 事件总数\n    value: 1.2K\n    unit: 个\n    outline: background\n    icon:\n      lib: easyops\n      category: monitor\n      icon: infra-monitor\n      bgColor: \"#E6F0FC\"\n      color: \"#3480EA\"\n    style:\n      width: 300px\n- brick: eo-statistics-card\n  properties:\n    cardTitle: 事件总数\n    value: 1.2K\n    unit: 个\n    outline: none\n    icon:\n      lib: easyops\n      category: monitor\n      icon: infra-monitor\n      bgColor: \"#E6F0FC\"\n      color: \"#3480EA\"\n    style:\n      width: 300px\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-statistics-card\n#   card-title=\"事件总数\"\n#   value=\"1.2K\"\n#   unit=\"个\"\n#   outline=\"border\"\n#   style=\"width: 300px\"\n#   id=\"brick-1\"\n# ></eo-statistics-card>\n# <eo-statistics-card\n#   card-title=\"事件总数\"\n#   value=\"1.2K\"\n#   unit=\"个\"\n#   outline=\"background\"\n#   style=\"width: 300px\"\n#   id=\"brick-2\"\n# ></eo-statistics-card>\n# <eo-statistics-card\n#   card-title=\"事件总数\"\n#   value=\"1.2K\"\n#   unit=\"个\"\n#   outline=\"none\"\n#   style=\"width: 300px\"\n#   id=\"brick-3\"\n# ></eo-statistics-card>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.icon = {\n#     lib: \"easyops\",\n#     category: \"monitor\",\n#     icon: \"infra-monitor\",\n#     bgColor: \"#E6F0FC\",\n#     color: \"#3480EA\",\n#   };\n# \n#   const brick_2 = document.getElementById(\"brick-2\");\n#   brick_2.icon = {\n#     lib: \"easyops\",\n#     category: \"monitor\",\n#     icon: \"infra-monitor\",\n#     bgColor: \"#E6F0FC\",\n#     color: \"#3480EA\",\n#   };\n# \n#   const brick_3 = document.getElementById(\"brick-3\");\n#   brick_3.icon = {\n#     lib: \"easyops\",\n#     category: \"monitor\",\n#     icon: \"infra-monitor\",\n#     bgColor: \"#E6F0FC\",\n#     color: \"#3480EA\",\n#   };\n# </script>\n# \n```\n\n### Size\n\n```yaml preview gap\n- brick: eo-statistics-card\n  properties:\n    cardTitle: 事件总数\n    value: 1.2K\n    unit: 个\n    size: large\n    icon:\n      lib: easyops\n      category: monitor\n      icon: infra-monitor\n      bgColor: \"#E6F0FC\"\n      color: \"#3480EA\"\n    style:\n      width: 300px\n- brick: eo-statistics-card\n  properties:\n    cardTitle: 事件总数\n    value: 1.2K\n    unit: 个\n    size: medium\n    icon:\n      lib: easyops\n      category: monitor\n      icon: infra-monitor\n      bgColor: \"#E6F0FC\"\n      color: \"#3480EA\"\n    style:\n      width: 300px\n- brick: eo-statistics-card\n  properties:\n    cardTitle: 事件总数\n    value: 1.2K\n    unit: 个\n    size: small\n    icon:\n      lib: easyops\n      category: monitor\n      icon: infra-monitor\n      bgColor: \"#E6F0FC\"\n      color: \"#3480EA\"\n    style:\n      width: 300px\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-statistics-card\n#   card-title=\"事件总数\"\n#   value=\"1.2K\"\n#   unit=\"个\"\n#   size=\"large\"\n#   style=\"width: 300px\"\n#   id=\"brick-1\"\n# ></eo-statistics-card>\n# <eo-statistics-card\n#   card-title=\"事件总数\"\n#   value=\"1.2K\"\n#   unit=\"个\"\n#   size=\"medium\"\n#   style=\"width: 300px\"\n#   id=\"brick-2\"\n# ></eo-statistics-card>\n# <eo-statistics-card\n#   card-title=\"事件总数\"\n#   value=\"1.2K\"\n#   unit=\"个\"\n#   size=\"small\"\n#   style=\"width: 300px\"\n#   id=\"brick-3\"\n# ></eo-statistics-card>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.icon = {\n#     lib: \"easyops\",\n#     category: \"monitor\",\n#     icon: \"infra-monitor\",\n#     bgColor: \"#E6F0FC\",\n#     color: \"#3480EA\",\n#   };\n# \n#   const brick_2 = document.getElementById(\"brick-2\");\n#   brick_2.icon = {\n#     lib: \"easyops\",\n#     category: \"monitor\",\n#     icon: \"infra-monitor\",\n#     bgColor: \"#E6F0FC\",\n#     color: \"#3480EA\",\n#   };\n# \n#   const brick_3 = document.getElementById(\"brick-3\");\n#   brick_3.icon = {\n#     lib: \"easyops\",\n#     category: \"monitor\",\n#     icon: \"infra-monitor\",\n#     bgColor: \"#E6F0FC\",\n#     color: \"#3480EA\",\n#   };\n# </script>\n# \n```\n\n### Overview card\n\n```yaml preview\nbrick: eo-statistics-card\nproperties:\n  cardTitle: 事件响应率\n  value: <% PIPES.unitFormat(0.783, \"percent(1)\", 2)[0] %>\n  icon:\n    lib: easyops\n    category: monitor\n    icon: infra-monitor\n    bgColor: \"#FEF3EC\"\n    color: \"#F89B64\"\nchildren:\n  - brick: div\n    slot: description\n    children:\n      - brick: span\n        properties:\n          textContent: 同比上周\n      - brick: span\n        properties:\n          style:\n            color: var(--color-success)\n          textContent: \"上升3.45%\"\n  - brick: chart-v2.tiny-line-chart\n    slot: basicContent\n    properties:\n      data:\n        - month: Jan\n          temperature: 3.9\n        - month: Feb\n          temperature: 4.2\n        - month: Mar\n          temperature: 5.7\n        - month: Apr\n          temperature: 8.5\n        - month: May\n          temperature: 11.9\n        - month: Jun\n          temperature: 15.2\n        - month: Jul\n          temperature: 17\n        - month: Aug\n          temperature: 16.6\n        - month: Sep\n          temperature: 10.2\n        - month: Oct\n          temperature: 10.3\n        - month: Nov\n          temperature: 6.6\n        - month: Dec\n          temperature: 4.8\n      width: 200px\n      height: 60px\n      xField: month\n      yField: temperature\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-statistics-card\n#   card-title=\"事件响应率\"\n#   value='&lt;% PIPES.unitFormat(0.783, \"percent(1)\", 2)[0] %&gt;'\n#   id=\"brick-1\"\n# >\n#   <div slot=\"description\">\n#     <span>同比上周</span>\n#     <span style=\"color: var(--color-success)\">上升3.45%</span>\n#   </div>\n#   <chart-v2.tiny-line-chart\n#     slot=\"basicContent\"\n#     data=\"[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]\"\n#     width=\"200px\"\n#     height=\"60px\"\n#     x-field=\"month\"\n#     y-field=\"temperature\"\n#   ></chart-v2.tiny-line-chart>\n# </eo-statistics-card>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.icon = {\n#     lib: \"easyops\",\n#     category: \"monitor\",\n#     icon: \"infra-monitor\",\n#     bgColor: \"#FEF3EC\",\n#     color: \"#F89B64\",\n#   };\n# </script>\n# \n```\n\n### Complex usage\n\n```yaml preview\nbrick: eo-statistics-card\nproperties:\n  cardTitle: 事件响应数量\n  value: 4,089\n  descriptionPosition: right\n  style:\n    width: 500px\nchildren:\n  - brick: eo-icon\n    slot: titlePrefix\n    properties:\n      lib: antd\n      icon: check-circle\n      theme: filled\n      style:\n        font-size: 12px\n        color: var(--color-success)\n  - brick: div\n    slot: description\n    children:\n      - brick: span\n        properties:\n          textContent: 同比上周\n      - brick: span\n        properties:\n          style:\n            color: var(--color-success)\n          textContent: \"上升31.45%\"\n  - brick: chart-v2.time-series-chart\n    slot: extraContent\n    properties:\n      axis:\n        yAxis:\n          precision: 2\n      data:\n        - host_load_5_per_core: 3.95\n          time: 1626600960\n        - host_load_5_per_core: 3.88\n          time: 1626601020\n        - host_load_5_per_core: 3.91\n          time: 1626601080\n        - host_load_5_per_core: 4\n          time: 1626601140\n        - host_load_5_per_core: 4.08\n          time: 1626601200\n        - host_load_5_per_core: 3.91\n          time: 1626601260\n        - host_load_5_per_core: 3.92\n          time: 1626601320\n        - host_load_5_per_core: 3.81\n          time: 1626601380\n        - host_load_5_per_core: 3.93\n          time: 1626601440\n        - host_load_5_per_core: 3.9\n          time: 1626601500\n        - host_load_5_per_core: 3.9\n          time: 1626601560\n        - host_load_5_per_core: 3.8\n          time: 1626601620\n        - host_load_5_per_core: 3.74\n          time: 1626601680\n        - host_load_5_per_core: 4.16\n          time: 1626601740\n        - host_load_5_per_core: 4.12\n          time: 1626601800\n        - host_load_5_per_core: 4.08\n          time: 1626601860\n        - host_load_5_per_core: 3.98\n          time: 1626601920\n        - host_load_5_per_core: 3.79\n          time: 1626601980\n        - host_load_5_per_core: 3.65\n          time: 1626602040\n        - host_load_5_per_core: 3.83\n          time: 1626602100\n        - host_load_5_per_core: 3.7\n          time: 1626602160\n        - host_load_5_per_core: 3.69\n          time: 1626602220\n        - host_load_5_per_core: 3.81\n          time: 1626602280\n        - host_load_5_per_core: 3.81\n          time: 1626602340\n        - host_load_5_per_core: 3.87\n          time: 1626602400\n        - host_load_5_per_core: 4.07\n          time: 1626602460\n        - host_load_5_per_core: 4.02\n          time: 1626602520\n        - host_load_5_per_core: 4\n          time: 1626602580\n        - host_load_5_per_core: 3.91\n          time: 1626602640\n        - host_load_5_per_core: 3.82\n          time: 1626602700\n        - host_load_5_per_core: 3.76\n          time: 1626602760\n        - host_load_5_per_core: 3.75\n          time: 1626602820\n        - host_load_5_per_core: 3.7\n          time: 1626602880\n        - host_load_5_per_core: 3.86\n          time: 1626602940\n        - host_load_5_per_core: 3.97\n          time: 1626603000\n        - host_load_5_per_core: 3.8\n          time: 1626603060\n        - host_load_5_per_core: 3.91\n          time: 1626603120\n        - host_load_5_per_core: 3.92\n          time: 1626603180\n        - host_load_5_per_core: 3.92\n          time: 1626603240\n        - host_load_5_per_core: 4.03\n          time: 1626603300\n        - host_load_5_per_core: 4.05\n          time: 1626603360\n        - host_load_5_per_core: 3.98\n          time: 1626603420\n        - host_load_5_per_core: 4.26\n          time: 1626603480\n        - host_load_5_per_core: 4.59\n          time: 1626603540\n        - host_load_5_per_core: 4.59\n          time: 1626603600\n        - host_load_5_per_core: 4.45\n          time: 1626603660\n        - host_load_5_per_core: 4.41\n          time: 1626603720\n        - host_load_5_per_core: 4.37\n          time: 1626603780\n        - host_load_5_per_core: 4.17\n          time: 1626603840\n        - host_load_5_per_core: 4.41\n          time: 1626603900\n        - host_load_5_per_core: 4.36\n          time: 1626603960\n        - host_load_5_per_core: 4.25\n          time: 1626604020\n        - host_load_5_per_core: 4.37\n          time: 1626604080\n        - host_load_5_per_core: 4.33\n          time: 1626604140\n        - host_load_5_per_core: 4.43\n          time: 1626604200\n        - host_load_5_per_core: 4.48\n          time: 1626604260\n        - host_load_5_per_core: 4.42\n          time: 1626604320\n        - host_load_5_per_core: 4.55\n          time: 1626604380\n        - host_load_5_per_core: 4.64\n          time: 1626604440\n        - host_load_5_per_core: 4.68\n          time: 1626604500\n        - host_load_5_per_core: 4.67\n          time: 1626604560\n        - host_load_5_per_core: 4.75\n          time: 1626604620\n        - host_load_5_per_core: 4.62\n          time: 1626604680\n        - host_load_5_per_core: 4.95\n          time: 1626604740\n        - host_load_5_per_core: 5.29\n          time: 1626604800\n        - host_load_5_per_core: 5.61\n          time: 1626604860\n        - host_load_5_per_core: 5.5\n          time: 1626604920\n        - host_load_5_per_core: 5.96\n          time: 1626604980\n        - host_load_5_per_core: 5.62\n          time: 1626605040\n        - host_load_5_per_core: 5.67\n          time: 1626605100\n        - host_load_5_per_core: 5.56\n          time: 1626605160\n        - host_load_5_per_core: 5.37\n          time: 1626605220\n        - host_load_5_per_core: 5.53\n          time: 1626605280\n        - host_load_5_per_core: 5.46\n          time: 1626605340\n        - host_load_5_per_core: 5.42\n          time: 1626605400\n        - host_load_5_per_core: 5.4\n          time: 1626605460\n        - host_load_5_per_core: 5.33\n          time: 1626605520\n        - host_load_5_per_core: 5.35\n          time: 1626605580\n        - host_load_5_per_core: 5.21\n          time: 1626605640\n        - host_load_5_per_core: 5.22\n          time: 1626605700\n        - host_load_5_per_core: 5.25\n          time: 1626605760\n        - host_load_5_per_core: 5.42\n          time: 1626605820\n        - host_load_5_per_core: 5.51\n          time: 1626605880\n        - host_load_5_per_core: 5.31\n          time: 1626605940\n        - host_load_5_per_core: 5.4\n          time: 1626606000\n        - host_load_5_per_core: 5.76\n          time: 1626606060\n        - host_load_5_per_core: 5.64\n          time: 1626606120\n        - host_load_5_per_core: 5.36\n          time: 1626606180\n        - host_load_5_per_core: 5.53\n          time: 1626606240\n        - host_load_5_per_core: 5.38\n          time: 1626606300\n        - host_load_5_per_core: 5.25\n          time: 1626606360\n        - host_load_5_per_core: 5.24\n          time: 1626606420\n        - host_load_5_per_core: 5.09\n          time: 1626606480\n        - host_load_5_per_core: 5.15\n          time: 1626606540\n        - host_load_5_per_core: 5.14\n          time: 1626606600\n        - host_load_5_per_core: 5.03\n          time: 1626606660\n        - host_load_5_per_core: 4.96\n          time: 1626606720\n        - host_load_5_per_core: 4.74\n          time: 1626606780\n        - host_load_5_per_core: 4.49\n          time: 1626606840\n        - host_load_5_per_core: 4.51\n          time: 1626606900\n        - host_load_5_per_core: 4.44\n          time: 1626606960\n        - host_load_5_per_core: 4.54\n          time: 1626607020\n        - host_load_5_per_core: 4.46\n          time: 1626607080\n        - host_load_5_per_core: 4.53\n          time: 1626607140\n        - host_load_5_per_core: 4.27\n          time: 1626607200\n        - host_load_5_per_core: 4.31\n          time: 1626607260\n        - host_load_5_per_core: 4.3\n          time: 1626607320\n        - host_load_5_per_core: 4.07\n          time: 1626607380\n        - host_load_5_per_core: 3.97\n          time: 1626607440\n        - host_load_5_per_core: 4.31\n          time: 1626607500\n        - host_load_5_per_core: 4.19\n          time: 1626607560\n        - host_load_5_per_core: 4.2\n          time: 1626607620\n        - host_load_5_per_core: 4.21\n          time: 1626607680\n        - host_load_5_per_core: 4.08\n          time: 1626607740\n        - host_load_5_per_core: 3.94\n          time: 1626607800\n        - host_load_5_per_core: 3.9\n          time: 1626607860\n        - host_load_5_per_core: 3.78\n          time: 1626607920\n        - host_load_5_per_core: 3.8\n          time: 1626607980\n        - host_load_5_per_core: 3.83\n          time: 1626608040\n        - host_load_5_per_core: 3.92\n          time: 1626608100\n        - host_load_5_per_core: 3.88\n          time: 1626608160\n        - host_load_5_per_core: 4.05\n          time: 1626608220\n        - host_load_5_per_core: 4.04\n          time: 1626608280\n        - host_load_5_per_core: 4.01\n          time: 1626608340\n        - host_load_5_per_core: 4.13\n          time: 1626608400\n        - host_load_5_per_core: 3.94\n          time: 1626608460\n        - host_load_5_per_core: 3.91\n          time: 1626608520\n        - host_load_5_per_core: 3.86\n          time: 1626608580\n        - host_load_5_per_core: 3.75\n          time: 1626608640\n        - host_load_5_per_core: 3.82\n          time: 1626608700\n        - host_load_5_per_core: 4\n          time: 1626608760\n        - host_load_5_per_core: 3.88\n          time: 1626608820\n        - host_load_5_per_core: 3.8\n          time: 1626608880\n        - host_load_5_per_core: 4.05\n          time: 1626608940\n        - host_load_5_per_core: 4.42\n          time: 1626609000\n        - host_load_5_per_core: 4.53\n          time: 1626609060\n      height: 200\n      showPoint: false\n      xField: time\n      xRange:\n        from: 1626601000\n        step: 60\n        to: 1626609200\n      yField: host_load_5_per_core\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-statistics-card\n#   card-title=\"事件响应数量\"\n#   value=\"4,089\"\n#   description-position=\"right\"\n#   style=\"width: 500px\"\n# >\n#   <eo-icon\n#     slot=\"titlePrefix\"\n#     lib=\"antd\"\n#     icon=\"check-circle\"\n#     theme=\"filled\"\n#     style=\"font-size: 12px; color: var(--color-success)\"\n#   ></eo-icon>\n#   <div slot=\"description\">\n#     <span>同比上周</span>\n#     <span style=\"color: var(--color-success)\">上升31.45%</span>\n#   </div>\n#   <chart-v2.time-series-chart\n#     slot=\"extraContent\"\n#     axis=\"[object Object]\"\n#     data=\"[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]\"\n#     height=\"200\"\n#     x-field=\"time\"\n#     x-range=\"[object Object]\"\n#     y-field=\"host_load_5_per_core\"\n#   ></chart-v2.time-series-chart>\n# </eo-statistics-card>\n# \n```\n\n### Interaction\n\n#### Operator slot\n\n```yaml preview gap\n- brick: eo-statistics-card\n  properties:\n    cardTitle: 安全评分\n    value: 93\n    valueStyle:\n      color: var(--color-success)\n    icon:\n      lib: easyops\n      category: monitor\n      icon: infra-monitor\n      bgColor: \"#E6F0FC\"\n      color: \"#3480EA\"\n    style:\n      width: 300px\n  children:\n    - brick: eo-mini-actions\n      slot: operator\n      properties:\n        actions:\n          - icon:\n              lib: antd\n              icon: edit\n              theme: outlined\n            text: 编辑\n            isDropdown: true\n            event: edit\n          - icon:\n              lib: antd\n              icon: delete\n              theme: outlined\n            text: 删除\n            isDropdown: true\n            disabled: true\n            event: delete\n      events:\n        edit:\n          - action: console.log\n        delete:\n          - action: console.log\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-statistics-card\n#   card-title=\"安全评分\"\n#   value=\"93\"\n#   style=\"width: 300px\"\n#   id=\"brick-1\"\n# >\n#   <eo-mini-actions\n#     slot=\"operator\"\n#     actions=\"[object Object],[object Object]\"\n#     id=\"brick-2\"\n#   ></eo-mini-actions>\n# </eo-statistics-card>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.valueStyle = {\n#     color: \"var(--color-success)\",\n#   };\n#   brick_1.icon = {\n#     lib: \"easyops\",\n#     category: \"monitor\",\n#     icon: \"infra-monitor\",\n#     bgColor: \"#E6F0FC\",\n#     color: \"#3480EA\",\n#   };\n# \n#   const brick_2 = document.getElementById(\"brick-2\");\n#   brick_2.addEventListener(\"edit\", (e) => {\n#     console.log(e.detail);\n#   });\n#   brick_2.addEventListener(\"delete\", (e) => {\n#     console.log(e.detail);\n#   });\n# </script>\n# \n```\n\n#### Whole card\n\n```yaml preview gap\n- brick: eo-link\n  properties:\n    type: plain\n    url: /detail\n    target: _blank\n  children:\n    - brick: eo-statistics-card\n      properties:\n        interactable: true\n        outline: border\n        cardTitle: 安全评分\n        value: 93\n        valueStyle:\n          color: var(--color-success)\n        icon:\n          lib: easyops\n          category: monitor\n          icon: infra-monitor\n          bgColor: \"#E6F0FC\"\n          color: \"#3480EA\"\n        style:\n          width: 200px\n- brick: eo-link\n  properties:\n    type: plain\n    url: /detail\n    target: _blank\n  children:\n    - brick: eo-statistics-card\n      properties:\n        interactable: true\n        outline: background\n        cardTitle: 安全评分\n        value: 93\n        valueStyle:\n          color: var(--color-success)\n        icon:\n          lib: easyops\n          category: monitor\n          icon: infra-monitor\n          bgColor: \"#E6F0FC\"\n          color: \"#3480EA\"\n        style:\n          width: 200px\n- brick: eo-link\n  properties:\n    type: plain\n    url: /detail\n    target: _blank\n  children:\n    - brick: eo-statistics-card\n      properties:\n        interactable: true\n        outline: none\n        cardTitle: 安全评分\n        value: 93\n        valueStyle:\n          color: var(--color-success)\n        icon:\n          lib: easyops\n          category: monitor\n          icon: infra-monitor\n          bgColor: \"#E6F0FC\"\n          color: \"#3480EA\"\n        style:\n          width: 200px\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-link type=\"plain\" url=\"/detail\" target=\"_blank\">\n#   <eo-statistics-card\n#     interactable\n#     outline=\"border\"\n#     card-title=\"安全评分\"\n#     value=\"93\"\n#     style=\"width: 200px\"\n#     id=\"brick-1\"\n#   ></eo-statistics-card>\n# </eo-link>\n# <eo-link type=\"plain\" url=\"/detail\" target=\"_blank\">\n#   <eo-statistics-card\n#     interactable\n#     outline=\"background\"\n#     card-title=\"安全评分\"\n#     value=\"93\"\n#     style=\"width: 200px\"\n#     id=\"brick-2\"\n#   ></eo-statistics-card>\n# </eo-link>\n# <eo-link type=\"plain\" url=\"/detail\" target=\"_blank\">\n#   <eo-statistics-card\n#     interactable\n#     outline=\"none\"\n#     card-title=\"安全评分\"\n#     value=\"93\"\n#     style=\"width: 200px\"\n#     id=\"brick-3\"\n#   ></eo-statistics-card>\n# </eo-link>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.valueStyle = {\n#     color: \"var(--color-success)\",\n#   };\n#   brick_1.icon = {\n#     lib: \"easyops\",\n#     category: \"monitor\",\n#     icon: \"infra-monitor\",\n#     bgColor: \"#E6F0FC\",\n#     color: \"#3480EA\",\n#   };\n# \n#   const brick_2 = document.getElementById(\"brick-2\");\n#   brick_2.valueStyle = {\n#     color: \"var(--color-success)\",\n#   };\n#   brick_2.icon = {\n#     lib: \"easyops\",\n#     category: \"monitor\",\n#     icon: \"infra-monitor\",\n#     bgColor: \"#E6F0FC\",\n#     color: \"#3480EA\",\n#   };\n# \n#   const brick_3 = document.getElementById(\"brick-3\");\n#   brick_3.valueStyle = {\n#     color: \"var(--color-success)\",\n#   };\n#   brick_3.icon = {\n#     lib: \"easyops\",\n#     category: \"monitor\",\n#     icon: \"infra-monitor\",\n#     bgColor: \"#E6F0FC\",\n#     color: \"#3480EA\",\n#   };\n# </script>\n# \n```\n"
   },
+  "eo-card-item": {
+    "doc": "信息类卡片 —— 通用卡片\n\n## Examples\n\n### Basic\n\n```yaml preview\nbrick: eo-card-item\nproperties:\n  style:\n    width: 300px\n  hasHeader: true\n  auxiliaryText: 初级应用\n  cardTitle: 资源监控微应用\n  description: 资源监控微应用相关前后台\n  url: /test\n  target: _blank\n  avatar:\n    icon:\n      lib: easyops\n      category: default\n      icon: monitor\n    color: \"#167be0\"\n    size: 20\n    bgColor: var(--theme-geekblue-background)\n  actions:\n    - icon:\n        lib: antd\n        theme: outlined\n        icon: star\n      isDropdown: false\n      event: collect\n    - icon:\n        lib: antd\n        icon: copy\n        theme: outlined\n      text: 复制链接\n      isDropdown: true\n      event: copy\n    - icon:\n        lib: antd\n        icon: download\n        theme: outlined\n      text: 下载\n      isDropdown: true\n      disabled: true\n      event: download\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-card-item\n#   style=\"width: 300px\"\n#   has-header\n#   auxiliary-text=\"初级应用\"\n#   card-title=\"资源监控微应用\"\n#   description=\"资源监控微应用相关前后台\"\n#   target=\"_blank\"\n#   id=\"brick-1\"\n# ></eo-card-item>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.url = \"/test\";\n#   brick_1.avatar = {\n#     icon: {\n#       lib: \"easyops\",\n#       category: \"default\",\n#       icon: \"monitor\",\n#     },\n#     color: \"#167be0\",\n#     size: 20,\n#     bgColor: \"var(--theme-geekblue-background)\",\n#   };\n#   brick_1.actions = [\n#     {\n#       icon: {\n#         lib: \"antd\",\n#         theme: \"outlined\",\n#         icon: \"star\",\n#       },\n#       isDropdown: false,\n#       event: \"collect\",\n#     },\n#     {\n#       icon: {\n#         lib: \"antd\",\n#         icon: \"copy\",\n#         theme: \"outlined\",\n#       },\n#       text: \"复制链接\",\n#       isDropdown: true,\n#       event: \"copy\",\n#     },\n#     {\n#       icon: {\n#         lib: \"antd\",\n#         icon: \"download\",\n#         theme: \"outlined\",\n#       },\n#       text: \"下载\",\n#       isDropdown: true,\n#       disabled: true,\n#       event: \"download\",\n#     },\n#   ];\n# </script>\n# \n```\n\n### Single Expanded Area\n\n```yaml preview gap\n- brick: eo-card-item\n  properties:\n    style:\n      width: 300px\n    hasHeader: true\n    auxiliaryText: 初级应用\n    cardTitle: 资源监控微应用\n    description: 资源监控微应用相关前后台\n    avatar:\n      icon:\n        lib: easyops\n        category: default\n        icon: monitor\n      color: \"#167be0\"\n      size: 20\n      bgColor: var(--theme-geekblue-background)\n  slots:\n    expanded-area-1:\n      type: bricks\n      bricks:\n        - brick: eo-tag-list\n          properties:\n            size: small\n            list:\n              - text: IT 资源管理\n                key: IT_resource_management\n                color: gray\n              - text: 资源套餐\n                key: resource_package\n                color: gray\n              - text: 存储设备\n                key: storage_device\n                color: gray\n- brick: eo-card-item\n  properties:\n    style:\n      width: 300px\n    hasHeader: true\n    auxiliaryText: 初级应用\n    cardTitle: 资源监控微应用\n    description: 资源监控微应用相关前后台\n    avatar:\n      icon:\n        lib: easyops\n        category: default\n        icon: monitor\n      color: \"#167be0\"\n      size: 20\n      bgColor: var(--theme-geekblue-background)\n  slots:\n    expanded-area-2:\n      type: bricks\n      bricks:\n        - brick: eo-flex-layout\n          properties:\n            style:\n              width: 100%\n            justifyContent: space-between\n            alignItems: center\n          children:\n            - brick: span\n              properties:\n                textContent: 张元 更新于 2 小时前\n                style:\n                  color: var(--text-color-secondary)\n            - brick: eo-switch\n              properties:\n                size: small\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-card-item\n#   style=\"width: 300px\"\n#   has-header\n#   auxiliary-text=\"初级应用\"\n#   card-title=\"资源监控微应用\"\n#   description=\"资源监控微应用相关前后台\"\n#   id=\"brick-1\"\n# >\n#   <eo-tag-list\n#     slot=\"expanded-area-1\"\n#     size=\"small\"\n#     list=\"[object Object],[object Object],[object Object]\"\n#   ></eo-tag-list>\n# </eo-card-item>\n# <eo-card-item\n#   style=\"width: 300px\"\n#   has-header\n#   auxiliary-text=\"初级应用\"\n#   card-title=\"资源监控微应用\"\n#   description=\"资源监控微应用相关前后台\"\n#   id=\"brick-2\"\n# >\n#   <eo-flex-layout\n#     slot=\"expanded-area-2\"\n#     style=\"width: 100%\"\n#     justify-content=\"space-between\"\n#     align-items=\"center\"\n#   >\n#     <span style=\"color: var(--text-color-secondary)\">张元 更新于 2 小时前</span>\n#     <eo-switch size=\"small\"></eo-switch>\n#   </eo-flex-layout>\n# </eo-card-item>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.avatar = {\n#     icon: {\n#       lib: \"easyops\",\n#       category: \"default\",\n#       icon: \"monitor\",\n#     },\n#     color: \"#167be0\",\n#     size: 20,\n#     bgColor: \"var(--theme-geekblue-background)\",\n#   };\n# \n#   const brick_2 = document.getElementById(\"brick-2\");\n#   brick_2.avatar = {\n#     icon: {\n#       lib: \"easyops\",\n#       category: \"default\",\n#       icon: \"monitor\",\n#     },\n#     color: \"#167be0\",\n#     size: 20,\n#     bgColor: \"var(--theme-geekblue-background)\",\n#   };\n# </script>\n# \n```\n\n### Multiple Expanded Area\n\n```yaml preview gap\n- brick: eo-card-item\n  properties:\n    style:\n      width: 300px\n    hasHeader: true\n    auxiliaryText: 初级应用\n    cardTitle: 资源监控微应用\n    description: 资源监控微应用相关前后台\n    avatar:\n      icon:\n        lib: easyops\n        category: default\n        icon: monitor\n      color: \"#167be0\"\n      size: 20\n      bgColor: var(--theme-geekblue-background)\n  slots:\n    expanded-area-1:\n      type: bricks\n      bricks:\n        - brick: eo-tag-list\n          properties:\n            size: small\n            list:\n              - text: IT 资源管理\n                key: IT_resource_management\n                color: gray\n              - text: 资源套餐\n                key: resource_package\n                color: gray\n              - text: 存储设备\n                key: storage_device\n                color: gray\n    expanded-area-2:\n      type: bricks\n      bricks:\n        - brick: eo-flex-layout\n          properties:\n            style:\n              width: 100%\n            justifyContent: space-between\n            alignItems: center\n          children:\n            - brick: span\n              properties:\n                textContent: 张元 更新于 2 小时前\n                style:\n                  color: var(--text-color-secondary)\n            - brick: eo-switch\n              properties:\n                size: small\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-card-item\n#   style=\"width: 300px\"\n#   has-header\n#   auxiliary-text=\"初级应用\"\n#   card-title=\"资源监控微应用\"\n#   description=\"资源监控微应用相关前后台\"\n#   id=\"brick-1\"\n# >\n#   <eo-tag-list\n#     slot=\"expanded-area-1\"\n#     size=\"small\"\n#     list=\"[object Object],[object Object],[object Object]\"\n#   ></eo-tag-list>\n#   <eo-flex-layout\n#     slot=\"expanded-area-2\"\n#     style=\"width: 100%\"\n#     justify-content=\"space-between\"\n#     align-items=\"center\"\n#   >\n#     <span style=\"color: var(--text-color-secondary)\">张元 更新于 2 小时前</span>\n#     <eo-switch size=\"small\"></eo-switch>\n#   </eo-flex-layout>\n# </eo-card-item>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.avatar = {\n#     icon: {\n#       lib: \"easyops\",\n#       category: \"default\",\n#       icon: \"monitor\",\n#     },\n#     color: \"#167be0\",\n#     size: 20,\n#     bgColor: \"var(--theme-geekblue-background)\",\n#   };\n# </script>\n# \n```\n\n### Cover\n\n```yaml preview\n- brick: eo-card-item\n  properties:\n    style:\n      width: 280px\n    hasCover: true\n    coverImage: https://gw.alipayobjects.com/zos/rmsportal/JiqGstEfoWAOHiTxclqi.png\n    cardTitle: 信息卡片\n    description: 这是一只可爱的北极熊\n    url: /test\n    target: _blank\n- brick: eo-card-item\n  properties:\n    style:\n      width: 280px\n    hasCover: true\n    coverColor: \"#167be0\"\n    cardTitle: 资源监控微应用\n    description: 资源监控微应用相关前后台\n    url: /test\n    target: _blank\n    avatarPosition: cover\n    avatar:\n      icon:\n        lib: easyops\n        category: default\n        icon: monitor\n      color: \"#fff\"\n    actions:\n      - icon:\n          lib: antd\n          theme: outlined\n          icon: star\n          startColor: \"#fff\"\n          endColor: \"#fff\"\n        isDropdown: false\n        event: collect\n      - icon:\n          lib: antd\n          icon: copy\n          theme: outlined\n        text: 复制链接\n        isDropdown: true\n        event: copy\n      - icon:\n          lib: antd\n          icon: download\n          theme: outlined\n        text: 下载\n        isDropdown: true\n        disabled: true\n        event: download\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-card-item\n#   style=\"width: 280px\"\n#   has-cover\n#   card-title=\"信息卡片\"\n#   description=\"这是一只可爱的北极熊\"\n#   target=\"_blank\"\n#   id=\"brick-1\"\n# ></eo-card-item>\n# <eo-card-item\n#   style=\"width: 280px\"\n#   has-cover\n#   card-title=\"资源监控微应用\"\n#   description=\"资源监控微应用相关前后台\"\n#   target=\"_blank\"\n#   avatar-position=\"cover\"\n#   id=\"brick-2\"\n# ></eo-card-item>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.coverImage =\n#     \"https://gw.alipayobjects.com/zos/rmsportal/JiqGstEfoWAOHiTxclqi.png\";\n#   brick_1.url = \"/test\";\n# \n#   const brick_2 = document.getElementById(\"brick-2\");\n#   brick_2.coverColor = \"#167be0\";\n#   brick_2.url = \"/test\";\n#   brick_2.avatar = {\n#     icon: {\n#       lib: \"easyops\",\n#       category: \"default\",\n#       icon: \"monitor\",\n#     },\n#     color: \"#fff\",\n#   };\n#   brick_2.actions = [\n#     {\n#       icon: {\n#         lib: \"antd\",\n#         theme: \"outlined\",\n#         icon: \"star\",\n#         startColor: \"#fff\",\n#         endColor: \"#fff\",\n#       },\n#       isDropdown: false,\n#       event: \"collect\",\n#     },\n#     {\n#       icon: {\n#         lib: \"antd\",\n#         icon: \"copy\",\n#         theme: \"outlined\",\n#       },\n#       text: \"复制链接\",\n#       isDropdown: true,\n#       event: \"copy\",\n#     },\n#     {\n#       icon: {\n#         lib: \"antd\",\n#         icon: \"download\",\n#         theme: \"outlined\",\n#       },\n#       text: \"下载\",\n#       isDropdown: true,\n#       disabled: true,\n#       event: \"download\",\n#     },\n#   ];\n# </script>\n# \n```\n\n### Style type\n\n```yaml preview\nbrick: eo-card-item\nproperties:\n  styleType: grayish\n  style:\n    width: 300px\n  cardTitle: 资源监控微应用\n  description: 资源监控微应用相关前后台\n  url: /test\n  target: _blank\n  avatar:\n    icon:\n      lib: easyops\n      category: default\n      icon: monitor\n    size: 20\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-card-item\n#   style-type=\"grayish\"\n#   style=\"width: 300px\"\n#   card-title=\"资源监控微应用\"\n#   description=\"资源监控微应用相关前后台\"\n#   target=\"_blank\"\n#   id=\"brick-1\"\n# ></eo-card-item>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.url = \"/test\";\n#   brick_1.avatar = {\n#     icon: {\n#       lib: \"easyops\",\n#       category: \"default\",\n#       icon: \"monitor\",\n#     },\n#     size: 20,\n#   };\n# </script>\n# \n```\n\n### Tag\n\n```yaml preview\n- brick: div\n  properties:\n    textContent: Text Tag\n    style:\n      marginBottom: 10px\n- brick: eo-grid-layout\n  properties:\n    gap: 16px\n    columns: 4\n  children:\n    - brick: eo-card-item\n      properties:\n        tagConfig:\n          text: 禁用\n          bgColor: gray\n        cardTitle: 资源监控微应用\n        description: 资源监控微应用相关前后台\n    - brick: eo-card-item\n      properties:\n        tagConfig:\n          text: 蓝色\n          bgColor: blue\n        cardTitle: 资源监控微应用\n        description: 资源监控微应用相关前后台\n    - brick: eo-card-item\n      properties:\n        tagConfig:\n          text: 绿色\n          bgColor: green\n        cardTitle: 资源监控微应用\n        description: 资源监控微应用相关前后台\n    - brick: eo-card-item\n      properties:\n        tagConfig:\n          text: 黄色\n          bgColor: yellow\n        cardTitle: 资源监控微应用\n        description: 资源监控微应用相关前后台\n    - brick: eo-card-item\n      properties:\n        tagConfig:\n          text: 红色\n          bgColor: red\n        cardTitle: 资源监控微应用\n        description: 资源监控微应用相关前后台\n    - brick: eo-card-item\n      properties:\n        tagConfig:\n          text: 青色\n          bgColor: cyan\n        cardTitle: 资源监控微应用\n        description: 资源监控微应用相关前后台\n    - brick: eo-card-item\n      properties:\n        tagConfig:\n          text: 灰蓝色\n          bgColor: grayblue\n        cardTitle: 资源监控微应用\n        description: 资源监控微应用相关前后台\n    - brick: eo-card-item\n      properties:\n        tagConfig:\n          text: 紫色\n          bgColor: purple\n        cardTitle: 资源监控微应用\n        description: 资源监控微应用相关前后台\n    - brick: eo-card-item\n      properties:\n        tagConfig:\n          text: 自定义\n          bgColor: \"rgb(228 236 183)\"\n          color: \"#000\"\n        cardTitle: 资源监控微应用\n        description: 资源监控微应用相关前后台\n- brick: div\n  properties:\n    textContent: Icon Tag\n    style:\n      margin: 10px\n- brick: eo-grid-layout\n  properties:\n    gap: 16px\n    columns: 4\n  children:\n    - brick: eo-card-item\n      properties:\n        tagConfig:\n          icon:\n            lib: antd\n            icon: info-circle\n            theme: outlined\n          bgColor: blue\n        cardTitle: 资源监控微应用\n        description: 资源监控微应用相关前后台\n        url: /test\n        target: _blank\n    - brick: eo-card-item\n      properties:\n        tagConfig:\n          icon:\n            lib: antd\n            icon: check-circle\n            theme: outlined\n          bgColor: green\n        cardTitle: 资源监控微应用\n        description: 资源监控微应用相关前后台\n        url: /test\n        target: _blank\n    - brick: eo-card-item\n      properties:\n        tagConfig:\n          icon:\n            lib: antd\n            icon: info-circle\n            theme: outlined\n          bgColor: yellow\n        cardTitle: 资源监控微应用\n        description: 资源监控微应用相关前后台\n        url: /test\n        target: _blank\n    - brick: eo-card-item\n      properties:\n        tagConfig:\n          icon:\n            lib: antd\n            icon: close-circle\n            theme: outlined\n          bgColor: red\n        cardTitle: 资源监控微应用\n        description: 资源监控微应用相关前后台\n        url: /test\n        target: _blank\n    - brick: eo-card-item\n      events:\n        tag.click:\n          - action: message.success\n            args:\n              - 收藏成功\n          - target: _self\n            properties:\n              tagConfig:\n                icon:\n                  lib: antd\n                  icon: star\n                  theme: filled\n                  startColor: yellow\n                  endColor: yellow\n                bgColor: blue\n      properties:\n        tagConfig:\n          icon:\n            lib: antd\n            icon: star\n            theme: filled\n          bgColor: blue\n        cardTitle: 资源监控微应用\n        description: 资源监控微应用相关前后台\n        url: /test\n        target: _blank\n# -- YAML DELIMITER (1nbbm8) --\n# <div style=\"margin-bottom: 10px\">Text Tag</div>\n# <eo-grid-layout gap=\"16px\" columns=\"4\">\n#   <eo-card-item\n#     card-title=\"资源监控微应用\"\n#     description=\"资源监控微应用相关前后台\"\n#     id=\"brick-1\"\n#   ></eo-card-item>\n#   <eo-card-item\n#     card-title=\"资源监控微应用\"\n#     description=\"资源监控微应用相关前后台\"\n#     id=\"brick-2\"\n#   ></eo-card-item>\n#   <eo-card-item\n#     card-title=\"资源监控微应用\"\n#     description=\"资源监控微应用相关前后台\"\n#     id=\"brick-3\"\n#   ></eo-card-item>\n#   <eo-card-item\n#     card-title=\"资源监控微应用\"\n#     description=\"资源监控微应用相关前后台\"\n#     id=\"brick-4\"\n#   ></eo-card-item>\n#   <eo-card-item\n#     card-title=\"资源监控微应用\"\n#     description=\"资源监控微应用相关前后台\"\n#     id=\"brick-5\"\n#   ></eo-card-item>\n#   <eo-card-item\n#     card-title=\"资源监控微应用\"\n#     description=\"资源监控微应用相关前后台\"\n#     id=\"brick-6\"\n#   ></eo-card-item>\n#   <eo-card-item\n#     card-title=\"资源监控微应用\"\n#     description=\"资源监控微应用相关前后台\"\n#     id=\"brick-7\"\n#   ></eo-card-item>\n#   <eo-card-item\n#     card-title=\"资源监控微应用\"\n#     description=\"资源监控微应用相关前后台\"\n#     id=\"brick-8\"\n#   ></eo-card-item>\n#   <eo-card-item\n#     card-title=\"资源监控微应用\"\n#     description=\"资源监控微应用相关前后台\"\n#     id=\"brick-9\"\n#   ></eo-card-item>\n# </eo-grid-layout>\n# <div style=\"margin: 10px\">Icon Tag</div>\n# <eo-grid-layout gap=\"16px\" columns=\"4\">\n#   <eo-card-item\n#     card-title=\"资源监控微应用\"\n#     description=\"资源监控微应用相关前后台\"\n#     target=\"_blank\"\n#     id=\"brick-10\"\n#   ></eo-card-item>\n#   <eo-card-item\n#     card-title=\"资源监控微应用\"\n#     description=\"资源监控微应用相关前后台\"\n#     target=\"_blank\"\n#     id=\"brick-11\"\n#   ></eo-card-item>\n#   <eo-card-item\n#     card-title=\"资源监控微应用\"\n#     description=\"资源监控微应用相关前后台\"\n#     target=\"_blank\"\n#     id=\"brick-12\"\n#   ></eo-card-item>\n#   <eo-card-item\n#     card-title=\"资源监控微应用\"\n#     description=\"资源监控微应用相关前后台\"\n#     target=\"_blank\"\n#     id=\"brick-13\"\n#   ></eo-card-item>\n#   <eo-card-item\n#     card-title=\"资源监控微应用\"\n#     description=\"资源监控微应用相关前后台\"\n#     target=\"_blank\"\n#     id=\"brick-14\"\n#   ></eo-card-item>\n# </eo-grid-layout>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.tagConfig = {\n#     text: \"禁用\",\n#     bgColor: \"gray\",\n#   };\n# \n#   const brick_2 = document.getElementById(\"brick-2\");\n#   brick_2.tagConfig = {\n#     text: \"蓝色\",\n#     bgColor: \"blue\",\n#   };\n# \n#   const brick_3 = document.getElementById(\"brick-3\");\n#   brick_3.tagConfig = {\n#     text: \"绿色\",\n#     bgColor: \"green\",\n#   };\n# \n#   const brick_4 = document.getElementById(\"brick-4\");\n#   brick_4.tagConfig = {\n#     text: \"黄色\",\n#     bgColor: \"yellow\",\n#   };\n# \n#   const brick_5 = document.getElementById(\"brick-5\");\n#   brick_5.tagConfig = {\n#     text: \"红色\",\n#     bgColor: \"red\",\n#   };\n# \n#   const brick_6 = document.getElementById(\"brick-6\");\n#   brick_6.tagConfig = {\n#     text: \"青色\",\n#     bgColor: \"cyan\",\n#   };\n# \n#   const brick_7 = document.getElementById(\"brick-7\");\n#   brick_7.tagConfig = {\n#     text: \"灰蓝色\",\n#     bgColor: \"grayblue\",\n#   };\n# \n#   const brick_8 = document.getElementById(\"brick-8\");\n#   brick_8.tagConfig = {\n#     text: \"紫色\",\n#     bgColor: \"purple\",\n#   };\n# \n#   const brick_9 = document.getElementById(\"brick-9\");\n#   brick_9.tagConfig = {\n#     text: \"自定义\",\n#     bgColor: \"rgb(228 236 183)\",\n#     color: \"#000\",\n#   };\n# \n#   const brick_10 = document.getElementById(\"brick-10\");\n#   brick_10.tagConfig = {\n#     icon: {\n#       lib: \"antd\",\n#       icon: \"info-circle\",\n#       theme: \"outlined\",\n#     },\n#     bgColor: \"blue\",\n#   };\n#   brick_10.url = \"/test\";\n# \n#   const brick_11 = document.getElementById(\"brick-11\");\n#   brick_11.tagConfig = {\n#     icon: {\n#       lib: \"antd\",\n#       icon: \"check-circle\",\n#       theme: \"outlined\",\n#     },\n#     bgColor: \"green\",\n#   };\n#   brick_11.url = \"/test\";\n# \n#   const brick_12 = document.getElementById(\"brick-12\");\n#   brick_12.tagConfig = {\n#     icon: {\n#       lib: \"antd\",\n#       icon: \"info-circle\",\n#       theme: \"outlined\",\n#     },\n#     bgColor: \"yellow\",\n#   };\n#   brick_12.url = \"/test\";\n# \n#   const brick_13 = document.getElementById(\"brick-13\");\n#   brick_13.tagConfig = {\n#     icon: {\n#       lib: \"antd\",\n#       icon: \"close-circle\",\n#       theme: \"outlined\",\n#     },\n#     bgColor: \"red\",\n#   };\n#   brick_13.url = \"/test\";\n# \n#   const brick_14 = document.getElementById(\"brick-14\");\n#   brick_14.tagConfig = {\n#     icon: {\n#       lib: \"antd\",\n#       icon: \"star\",\n#       theme: \"filled\",\n#     },\n#     bgColor: \"blue\",\n#   };\n#   brick_14.url = \"/test\";\n#   brick_14.addEventListener(\"tag.click\", (e) => {\n#     const message = document.createElement(\"basic.show-notification\");\n#     message.resolve({ type: \"success\", message: \"收藏成功\" });\n#   });\n#   brick_14.addEventListener(\"tag.click\", (e) => {\n#     const brick = e.target;\n#     brick.tagConfig = {\n#       icon: {\n#         lib: \"antd\",\n#         icon: \"star\",\n#         theme: \"filled\",\n#         startColor: \"yellow\",\n#         endColor: \"yellow\",\n#       },\n#       bgColor: \"blue\",\n#     };\n#   });\n# </script>\n# \n```\n"
+  },
   "eo-loading-step": {
     "doc": "加载步骤框\n\n## Examples\n\n### Basic\n\n```yaml preview minHeight=\"600px\"\nbrick: eo-loading-step\nproperties:\n  visible: true\n  stepTitle: 正在分析中\n  curStep: second\n  stepList:\n    - title: 正在从事件中获取资源信息...\n      key: first\n    - title: 事件资源获取成功。\n      key: second\n    - title: 正在匹配资源详情页...\n      key: third\n    - title: 已为您匹配到最佳资源详情页。\n      key: fourth\n    - title: 即将前往基础设施监控, 请等待...\n      key: fifth\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-loading-step\n#   visible\n#   step-title=\"正在分析中\"\n#   cur-step=\"second\"\n#   id=\"brick-1\"\n# ></eo-loading-step>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.stepList = [\n#     {\n#       title: \"正在从事件中获取资源信息...\",\n#       key: \"first\",\n#     },\n#     {\n#       title: \"事件资源获取成功。\",\n#       key: \"second\",\n#     },\n#     {\n#       title: \"正在匹配资源详情页...\",\n#       key: \"third\",\n#     },\n#     {\n#       title: \"已为您匹配到最佳资源详情页。\",\n#       key: \"fourth\",\n#     },\n#     {\n#       title: \"即将前往基础设施监控, 请等待...\",\n#       key: \"fifth\",\n#     },\n#   ];\n# </script>\n# \n```\n"
   },

package/dist/index.7dcb2925.js

@@ -0,0 +1,2 @@
+(()=>{"use strict";var s,e,i,a,r,m,n,p,l,g,j,t,u,o,c,d,f,b,h,v,x,y,P,k={97182:(s,e,i)=>{var a={"./eo-descriptions":()=>Promise.all([i.e(8769),i.e(3412),i.e(5049),i.e(4291),i.e(5664),i.e(7697)]).then((()=>()=>i(95188))),"./general-descriptions":()=>Promise.all([i.e(8769),i.e(3412),i.e(5049),i.e(4291),i.e(5664),i.e(7697)]).then((()=>()=>i(95188))),"./eo-pagination":()=>Promise.all([i.e(8769),i.e(3412),i.e(5049),i.e(4291),i.e(2445),i.e(4647),i.e(6538),i.e(4568)]).then((()=>()=>i(56561))),"./eo-alert":()=>Promise.all([i.e(8769),i.e(3412),i.e(5049),i.e(4291),i.e(6595),i.e(186)]).then((()=>()=>i(74090))),"./general-alert":()=>Promise.all([i.e(8769),i.e(3412),i.e(5049),i.e(4291),i.e(6595),i.e(186)]).then((()=>()=>i(74090))),"./eo-divider":()=>Promise.all([i.e(8769),i.e(3412),i.e(5049),i.e(4291),i.e(9251)]).then((()=>()=>i(5964))),"./eo-info-card-item":()=>Promise.all([i.e(8769),i.e(3412),i.e(5049),i.e(4291),i.e(5664),i.e(6595),i.e(5845)]).then((()=>()=>i(65656))),"./eo-code-display":()=>Promise.all([i.e(5746),i.e(8769),i.e(3412),i.e(5049),i.e(4291),i.e(729),i.e(2445),i.e(4647),i.e(2866)]).then((()=>()=>i(41319))),"./code-display":()=>Promise.all([i.e(5746),i.e(8769),i.e(3412),i.e(5049),i.e(4291),i.e(729),i.e(2445),i.e(4647),i.e(2866)]).then((()=>()=>i(41319))),"./eo-humanize-time":()=>Promise.all([i.e(8769),i.e(3412),i.e(5049),i.e(4291),i.e(2445),i.e(1030),i.e(1586),i.e(6238),i.e(155),i.e(1999)]).then((()=>()=>i(19952))),"./humanize-time":()=>Promise.all([i.e(8769),i.e(3412),i.e(5049),i.e(4291),i.e(2445),i.e(1030),i.e(1586),i.e(6238),i.e(155),i.e(1999)]).then((()=>()=>i(19952))),"./eo-statistics-card":()=>Promise.all([i.e(8769),i.e(3412),i.e(5049),i.e(4291),i.e(1608)]).then((()=>()=>i(66531))),"./eo-card-item":()=>Promise.all([i.e(8769),i.e(3412),i.e(5049),i.e(4291),i.e(5664),i.e(5926)]).then((()=>()=>i(24845))),"./eo-loading-step":()=>Promise.all([i.e(8769),i.e(3412),i.e(5049),i.e(4291),i.e(729),i.e(5664),i.e(7651)]).then((()=>()=>i(93022))),"./eo-current-time":()=>Promise.all([i.e(8769),i.e(3412),i.e(5049),i.e(4291),i.e(6238),i.e(3187)]).then((()=>()=>i(31974))),"./eo-carousel-text":()=>Promise.all([i.e(8769),i.e(3412),i.e(5049),i.e(4291),i.e(7805)]).then((()=>()=>i(2873)))},r=(s,e)=>(i.R=e,e=i.o(a,s)?a[s]():Promise.resolve().then((()=>{throw new Error('Module "'+s+'" does not exist in container.')})),i.R=void 0,e),m=(s,e)=>{if(i.S){var a="default",r=i.S[a];if(r&&r!==s)throw new Error("Container initialization failed as it has already been initialized with a different share scope");return i.S[a]=s,i.I(a,e)}};i.d(e,{get:()=>r,init:()=>m})}},w={};function q(s){var e=w[s];if(void 0!==e)return e.exports;var i=w[s]={id:s,loaded:!1,exports:{}};return k[s].call(i.exports,i,i.exports,q),i.loaded=!0,i.exports}q.m=k,q.c=w,q.n=s=>{var e=s&&s.__esModule?()=>s.default:()=>s;return q.d(e,{a:e}),e},e=Object.getPrototypeOf?s=>Object.getPrototypeOf(s):s=>s.__proto__,q.t=function(i,a){if(1&a&&(i=this(i)),8&a)return i;if("object"==typeof i&&i){if(4&a&&i.__esModule)return i;if(16&a&&"function"==typeof i.then)return i}var r=Object.create(null);q.r(r);var m={};s=s||[null,e({}),e([]),e(e)];for(var n=2&a&&i;"object"==typeof n&&!~s.indexOf(n);n=e(n))Object.getOwnPropertyNames(n).forEach((s=>m[s]=()=>i[s]));return m.default=()=>i,q.d(r,m),r},q.d=(s,e)=>{for(var i in e)q.o(e,i)&&!q.o(s,i)&&Object.defineProperty(s,i,{enumerable:!0,get:e[i]})},q.f={},q.e=s=>Promise.all(Object.keys(q.f).reduce(((e,i)=>(q.f[i](s,e),e)),[])),q.u=s=>"chunks/"+({69:"./prismjs/languages/prism-erb-min-js",132:"./prismjs/languages/prism-objectivec-min-js",160:"./prismjs/languages/prism-j-min-js",173:"./prismjs/languages/prism-jexl-min-js",179:"./prismjs/languages/prism-magma-min-js",186:"eo-alert",242:"./prismjs/languages/prism-moonscript-min-js",246:"./prismjs/languages/prism-cil-min-js",303:"./prismjs/languages/prism-erlang-min-js",481:"./prismjs/languages/prism-ichigojam-min-js",639:"./prismjs/languages/prism-bsl-min-js",641:"./prismjs/languages/prism-js-templates-min-js",656:"./prismjs/languages/prism-handlebars-min-js",672:"./prismjs/languages/prism-dataweave-min-js",769:"./prismjs/languages/prism-typoscript-min-js",899:"./prismjs/languages/prism-squirrel-min-js",900:"./prismjs/languages/prism-latte-min-js",905:"./prismjs/languages/prism-dot-min-js",936:"./prismjs/languages/prism-renpy-min-js",980:"./prismjs/languages/prism-io-min-js",985:"./prismjs/languages/prism-hcl-min-js",1007:"./prismjs/languages/prism-powerquery-min-js",1051:"./prismjs/languages/prism-maxscript-min-js",1077:"./prismjs/languages/prism-oz-min-js",1214:"./prismjs/languages/prism-puppet-min-js",1217:"./prismjs/languages/prism-less-min-js",1224:"./prismjs/languages/prism-gdscript-min-js",1241:"./prismjs/languages/prism-cue-min-js",1269:"./prismjs/languages/prism-q-min-js",1274:"./prismjs/languages/prism-phpdoc-min-js",1275:"./prismjs/languages/prism-processing-min-js",1299:"./prismjs/languages/prism-asciidoc-min-js",1303:"./prismjs/languages/prism-json5-min-js",1316:"./prismjs/languages/prism-mongodb-min-js",1332:"./prismjs/languages/prism-ftl-min-js",1348:"./prismjs/languages/prism-unrealscript-min-js",1375:"./prismjs/languages/prism-diff-min-js",1381:"./prismjs/languages/prism-matlab-min-js",1391:"./prismjs/languages/prism-brightscript-min-js",1399:"./prismjs/languages/prism-typescript-min-js",1409:"./prismjs/languages/prism-systemd-min-js",1531:"./prismjs/languages/prism-javadoclike-min-js",1552:"./prismjs/languages/prism-docker-min-js",1573:"./prismjs/languages/prism-rip-min-js",1590:"./prismjs/languages/prism-iecst-min-js",1601:"./prismjs/languages/prism-tsx-min-js",1608:"eo-statistics-card",1650:"./prismjs/languages/prism-json-min-js",1775:"./prismjs/languages/prism-graphql-min-js",1796:"./prismjs/languages/prism-zig-min-js",1798:"./prismjs/languages/prism-chaiscript-min-js",1846:"./prismjs/languages/prism-jsstacktrace-min-js",1875:"./prismjs/languages/prism-icu-message-format-min-js",1880:"./prismjs/languages/prism-ini-min-js",1901:"./prismjs/languages/prism-cobol-min-js",1988:"./prismjs/languages/prism-glsl-min-js",1999:"eo-humanize-time",2023:"./prismjs/languages/prism-scheme-min-js",2058:"./prismjs/languages/prism-vhdl-min-js",2067:"./prismjs/languages/prism-hlsl-min-js",2082:"./prismjs/languages/prism-haml-min-js",2099:"./prismjs/languages/prism-go-module-min-js",2124:"./prismjs/languages/prism-scss-min-js",2142:"./prismjs/languages/prism-wren-min-js",2198:"./prismjs/languages/prism-keepalived-min-js",2204:"./prismjs/languages/prism-avisynth-min-js",2232:"./prismjs/languages/prism-t4-templating-min-js",2241:"./prismjs/languages/prism-twig-min-js",2306:"./prismjs/languages/prism-ocaml-min-js",2425:"./prismjs/languages/prism-solidity-min-js",2501:"./prismjs/languages/prism-yang-min-js",2573:"./prismjs/languages/prism-jq-min-js",2624:"./prismjs/languages/prism-ruby-min-js",2626:"./prismjs/languages/prism-clojure-min-js",2655:"./prismjs/languages/prism-prolog-min-js",2676:"./prismjs/languages/prism-smarty-min-js",2709:"./prismjs/languages/prism-properties-min-js",2713:"./prismjs/languages/prism-icon-min-js",2766:"./prismjs/languages/prism-csv-min-js",2866:"eo-code-display",2913:"./prismjs/languages/prism-keyman-min-js",2961:"./prismjs/languages/prism-qsharp-min-js",3008:"./prismjs/languages/prism-markup-min-js",3017:"./prismjs/languages/prism-vim-min-js",3020:"./prismjs/languages/prism-eiffel-min-js",3122:"./prismjs/languages/prism-abap-min-js",3183:"./prismjs/languages/prism-cypher-min-js",3187:"eo-current-time",3266:"./prismjs/languages/prism-plsql-min-js",3279:"./prismjs/languages/prism-textile-min-js",3281:"./prismjs/languages/prism-t4-vb-min-js",3299:"./prismjs/languages/prism-core-min-js",3309:"./prismjs/languages/prism-tcl-min-js",3312:"./prismjs/languages/prism-n1ql-min-js",3322:"./prismjs/languages/prism-batch-min-js",3335:"./prismjs/languages/prism-robotframework-min-js",3450:"./prismjs/languages/prism-pug-min-js",3535:"./prismjs/languages/prism-smalltalk-min-js",3588:"./prismjs/languages/prism-aql-min-js",3636:"./prismjs/languages/prism-lua-min-js",3656:"./prismjs/languages/prism-pcaxis-min-js",3665:"./prismjs/languages/prism-css-extras-min-js",3675:"./prismjs/languages/prism-protobuf-min-js",3680:"./prismjs/languages/prism-xeora-min-js",3681:"./prismjs/languages/prism-powershell-min-js",3689:"./prismjs/languages/prism-nand2tetris-hdl-min-js",3721:"./prismjs/languages/prism-al-min-js",3729:"./prismjs/languages/prism-monkey-min-js",3736:"./prismjs/languages/prism-flow-min-js",3762:"./prismjs/languages/prism-d-min-js",3778:"./prismjs/languages/prism-ignore-min-js",3840:"./prismjs/languages/prism-fortran-min-js",3934:"./prismjs/languages/prism-concurnas-min-js",3942:"./prismjs/languages/prism-ejs-min-js",3975:"./prismjs/languages/prism-promql-min-js",3995:"./prismjs/languages/prism-toml-min-js",4001:"./prismjs/languages/prism-warpscript-min-js",4008:"./prismjs/languages/prism-javadoc-min-js",4011:"./prismjs/languages/prism-jsx-min-js",4030:"./prismjs/languages/prism-groovy-min-js",4058:"./prismjs/languages/prism-ada-min-js",4067:"./prismjs/languages/prism-yaml-min-js",4072:"./prismjs/languages/prism-stan-min-js",4132:"./prismjs/languages/prism-log-min-js",4177:"./prismjs/languages/prism-apl-min-js",4188:"./prismjs/languages/prism-clike-min-js",4194:"./prismjs/languages/prism-plant-uml-min-js",4266:"./prismjs/languages/prism-elm-min-js",4279:"./prismjs/languages/prism-linker-script-min-js",4319:"./prismjs/languages/prism-julia-min-js",4336:"./prismjs/languages/prism-qml-min-js",4349:"./prismjs/languages/prism-mata-min-js",4361:"./prismjs/languages/prism-gml-min-js",4374:"./prismjs/languages/prism-asm6502-min-js",4415:"./prismjs/languages/prism-elixir-min-js",4417:"./prismjs/languages/prism-gn-min-js",4444:"./prismjs/languages/prism-csp-min-js",4454:"./prismjs/languages/prism-sass-min-js",4489:"./prismjs/languages/prism-sparql-min-js",4504:"./prismjs/languages/prism-tt2-min-js",4544:"./prismjs/languages/prism-inform7-min-js",4568:"eo-pagination",4570:"./prismjs/languages/prism-roboconf-min-js",4574:"./prismjs/languages/prism-solution-file-min-js",4653:"./prismjs/languages/prism-n4js-min-js",4662:"./prismjs/languages/prism-vala-min-js",4708:"./prismjs/languages/prism-mel-min-js",4770:"./prismjs/languages/prism-sml-min-js",4805:"./prismjs/languages/prism-nasm-min-js",4832:"./prismjs/languages/prism-php-extras-min-js",4835:"./prismjs/languages/prism-coffeescript-min-js",4887:"./prismjs/languages/prism-pascaligo-min-js",4959:"./prismjs/languages/prism-visual-basic-min-js",4974:"./prismjs/languages/prism-bash-min-js",4987:"./prismjs/languages/prism-arturo-min-js",5029:"./prismjs/languages/prism-qore-min-js",5104:"./prismjs/languages/prism-bbj-min-js",5129:"./prismjs/languages/prism-mermaid-min-js",5183:"./prismjs/languages/prism-soy-min-js",5224:"./prismjs/languages/prism-http-min-js",5249:"./prismjs/languages/prism-false-min-js",5275:"./prismjs/languages/prism-factor-min-js",5394:"./prismjs/languages/prism-rescript-min-js",5398:"./prismjs/languages/prism-uorazor-min-js",5404:"./prismjs/languages/prism-v-min-js",5489:"./prismjs/languages/prism-dhall-min-js",5518:"./prismjs/languages/prism-kusto-min-js",5542:"./prismjs/languages/prism-rust-min-js",5715:"./prismjs/languages/prism-gradle-min-js",5716:"./prismjs/languages/prism-haxe-min-js",5719:"./prismjs/languages/prism-cpp-min-js",5800:"./prismjs/languages/prism-cilkc-min-js",5836:"./prismjs/languages/prism-crystal-min-js",5845:"eo-info-card-item",5854:"./prismjs/languages/prism-sql-min-js",5918:"./prismjs/languages/prism-nim-min-js",5926:"eo-card-item",5932:"./prismjs/languages/prism-reason-min-js",5937:"./prismjs/languages/prism-livescript-min-js",6008:"./prismjs/languages/prism-nevod-min-js",6016:"./prismjs/languages/prism-cilkcpp-min-js",6032:"./prismjs/languages/prism-firestore-security-rules-min-js",6048:"./prismjs/languages/prism-markup-templating-min-js",6062:"./prismjs/languages/prism-turtle-min-js",6176:"./prismjs/languages/prism-lisp-min-js",6261:"./prismjs/languages/prism-llvm-min-js",6282:"./prismjs/languages/prism-gcode-min-js",6303:"./prismjs/languages/prism-etlua-min-js",6305:"./prismjs/languages/prism-swift-min-js",6308:"./prismjs/languages/prism-makefile-min-js",6331:"./prismjs/languages/prism-bqn-min-js",6337:"./prismjs/languages/prism-actionscript-min-js",6347:"./prismjs/languages/prism-opencl-min-js",6352:"./prismjs/languages/prism-liquid-min-js",6360:"./prismjs/languages/prism-java-min-js",6376:"./prismjs/languages/prism-r-min-js",6381:"./prismjs/languages/prism-parigp-min-js",6431:"./prismjs/languages/prism-dax-min-js",6438:"./prismjs/languages/prism-haskell-min-js",6442:"./prismjs/languages/prism-arduino-min-js",6454:"./prismjs/languages/prism-rest-min-js",6475:"./prismjs/languages/prism-arff-min-js",6532:"./prismjs/languages/prism-apex-min-js",6546:"./prismjs/languages/prism-racket-min-js",6551:"./prismjs/languages/prism-coq-min-js",6575:"./prismjs/languages/prism-dns-zone-file-min-js",6666:"./prismjs/languages/prism-latex-min-js",6687:"./prismjs/languages/prism-aspnet-min-js",6694:"./prismjs/languages/prism-wolfram-min-js",6724:"./prismjs/languages/prism-asmatmel-min-js",6742:"./prismjs/languages/prism-cfscript-min-js",6743:"./prismjs/languages/prism-csharp-min-js",6778:"./prismjs/languages/prism-git-min-js",6931:"./prismjs/languages/prism-sas-min-js",7001:"./prismjs/languages/prism-antlr4-min-js",7065:"./prismjs/languages/prism-bison-min-js",7088:"./prismjs/languages/prism-verilog-min-js",7111:"./prismjs/languages/prism-c-min-js",7141:"./prismjs/languages/prism-javastacktrace-min-js",7152:"./prismjs/languages/prism-sqf-min-js",7156:"./prismjs/languages/prism-hoon-min-js",7161:"./prismjs/languages/prism-gettext-min-js",7231:"./prismjs/languages/prism-nsis-min-js",7250:"./prismjs/languages/prism-fsharp-min-js",7264:"./prismjs/languages/prism-wasm-min-js",7310:"./prismjs/languages/prism-php-min-js",7418:"./prismjs/languages/prism-kumir-min-js",7430:"./prismjs/languages/prism-excel-formula-min-js",7438:"./prismjs/languages/prism-gap-min-js",7488:"./prismjs/languages/prism-uri-min-js",7504:"./prismjs/languages/prism-basic-min-js",7514:"./prismjs/languages/prism-go-min-js",7521:"./prismjs/languages/prism-psl-min-js",7566:"./prismjs/languages/prism-nginx-min-js",7588:"./prismjs/languages/prism-wiki-min-js",7597:"./prismjs/languages/prism-bbcode-min-js",7601:"./prismjs/languages/prism-applescript-min-js",7617:"./prismjs/languages/prism-regex-min-js",7650:"./prismjs/languages/prism-smali-min-js",7651:"eo-loading-step",7661:"./prismjs/languages/prism-mizar-min-js",7672:"./prismjs/languages/prism-metafont-min-js",7674:"./prismjs/languages/prism-autoit-min-js",7683:"./prismjs/languages/prism-hpkp-min-js",7697:"eo-descriptions",7712:"./prismjs/languages/prism-scala-min-js",7769:"./prismjs/languages/prism-shell-session-min-js",7805:"eo-carousel-text",7847:"./prismjs/languages/prism-tap-min-js",7861:"./prismjs/languages/prism-gedcom-min-js",7907:"./prismjs/languages/prism-js-extras-min-js",8099:"./prismjs/languages/prism-rego-min-js",8169:"./prismjs/languages/prism-armasm-min-js",8229:"./prismjs/languages/prism-kotlin-min-js",8281:"./prismjs/languages/prism-nix-min-js",8329:"./prismjs/languages/prism-bicep-min-js",8352:"./prismjs/languages/prism-gherkin-min-js",8365:"./prismjs/languages/prism-purescript-min-js",8371:"./prismjs/languages/prism-django-min-js",8385:"./prismjs/languages/prism-cmake-min-js",8441:"./prismjs/languages/prism-supercollider-min-js",8454:"./prismjs/languages/prism-python-min-js",8459:"./prismjs/languages/prism-splunk-spl-min-js",8467:"./prismjs/languages/prism-abnf-min-js",8477:"./prismjs/languages/prism-wgsl-min-js",8541:"./prismjs/languages/prism-vbnet-min-js",8563:"./prismjs/languages/prism-awk-min-js",8593:"./prismjs/languages/prism-autohotkey-min-js",8636:"./prismjs/languages/prism-xml-doc-min-js",8638:"./prismjs/languages/prism-stylus-min-js",8723:"./prismjs/languages/prism-bro-min-js",8756:"./prismjs/languages/prism-hsts-min-js",8761:"./prismjs/languages/prism-jolie-min-js",8783:"./prismjs/languages/prism-javascript-min-js",8791:"./prismjs/languages/prism-velocity-min-js",8796:"./prismjs/languages/prism-jsonp-min-js",8809:"./prismjs/languages/prism-css-min-js",8850:"./prismjs/languages/prism-peoplecode-min-js",8946:"./prismjs/languages/prism-purebasic-min-js",8956:"./prismjs/languages/prism-parser-min-js",8968:"./prismjs/languages/prism-bnf-min-js",9051:"./prismjs/languages/prism-editorconfig-min-js",9080:"./prismjs/languages/prism-pascal-min-js",9093:"./prismjs/languages/prism-tremor-min-js",9103:"./prismjs/languages/prism-lilypond-min-js",9168:"./prismjs/languages/prism-apacheconf-min-js",9169:"./prismjs/languages/prism-perl-min-js",9195:"./prismjs/languages/prism-naniscript-min-js",9251:"eo-divider",9265:"./prismjs/languages/prism-dart-min-js",9364:"./prismjs/languages/prism-odin-min-js",9406:"./prismjs/languages/prism-openqasm-min-js",9429:"./prismjs/languages/prism-markdown-min-js",9476:"./prismjs/languages/prism-cooklang-min-js",9503:"./prismjs/languages/prism-agda-min-js",9565:"./prismjs/languages/prism-brainfuck-min-js",9619:"./prismjs/languages/prism-cshtml-min-js",9657:"./prismjs/languages/prism-birb-min-js",9698:"./prismjs/languages/prism-pure-min-js",9707:"./prismjs/languages/prism-t4-cs-min-js",9709:"./prismjs/languages/prism-jsdoc-min-js",9736:"./prismjs/languages/prism-neon-min-js",9807:"./prismjs/languages/prism-idris-min-js",9815:"./prismjs/languages/prism-stata-min-js",9823:"./prismjs/languages/prism-ebnf-min-js",9832:"./prismjs/languages/prism-lolcode-min-js",9886:"./prismjs/languages/prism-web-idl-min-js",9918:"./prismjs/languages/prism-avro-idl-min-js",9930:"./prismjs/languages/prism-xojo-min-js",9984:"./prismjs/languages/prism-xquery-min-js"}[s]||s)+"."+{69:"b7449b8c",114:"24fa5213",132:"42aff659",155:"bf216389",160:"31d008b0",166:"85e7949b",173:"7d76813b",179:"c14f8f77",186:"45c0d15f",242:"14e88249",246:"ce90ce9d",303:"26e3e2ed",369:"b350e251",481:"e3d9f4f8",639:"88d5b61f",641:"9da1ce70",656:"9e20090b",672:"fc7700d0",726:"f04b49ab",729:"9d1ad0a3",769:"52e0e79a",871:"a0d410cf",886:"b1775f2d",899:"cb07a372",900:"48557786",905:"e6c09c1f",936:"d0665d2d",980:"0a832073",985:"446f0fb3",1007:"2ddc01e2",1030:"aea21bb9",1045:"e2b92dc0",1051:"6ff32e68",1077:"fffcdffc",1122:"680f3775",1214:"419ff3e8",1217:"db9f5037",1224:"1d3fd15c",1241:"a0d5924e",1269:"40bd2282",1274:"e78ce85f",1275:"a0e4cbdd",1299:"3ad96006",1302:"9372f422",1303:"af2387fa",1316:"dfa39628",1332:"f5306605",1348:"a8487396",1370:"fef134cf",1375:"a637a551",1381:"1ddbe184",1391:"8ff8daaf",1399:"30de66fb",1409:"e751ebbd",1531:"49211764",1552:"a31cfa80",1573:"199c61b2",1586:"5fda500c",1590:"067f8a82",1601:"0c08a4ad",1608:"3c08886f",1650:"06d06b2d",1775:"42bf0f86",1796:"3b15341d",1798:"5ab632c8",1846:"81e81d0f",1875:"7403530d",1880:"699fbe01",1889:"1d727622",1901:"a9b516bb",1940:"9690ed0e",1988:"3fead735",1999:"78d917c1",2023:"ee190d5c",2052:"8fc8c3f8",2058:"ffd80127",2067:"984753b1",2082:"b6c65a6b",2099:"c5ff471f",2124:"8fc8147e",2142:"d30c5691",2198:"dee532d6",2204:"1f0667b1",2232:"5098bab1",2241:"543f64bd",2277:"4ae01e54",2306:"25024250",2425:"b6faf574",2445:"fb5523e2",2501:"69cc70a4",2573:"b563118c",2624:"52859bef",2626:"53fc162f",2655:"109c9829",2676:"14020698",2709:"80691712",2713:"55bebf4e",2766:"57485228",2866:"7e721816",2913:"a869cbbf",2961:"b2f041bf",3008:"a373176f",3017:"9bfbd909",3020:"7c37517a",3122:"4417e157",3144:"3ef1a58d",3171:"59d5c494",3183:"d87cef8f",3187:"adfc7b7a",3266:"bdec7d72",3279:"60f34f02",3281:"00739654",3299:"0aa9d026",3309:"e9213207",3312:"a42f9e78",3322:"17fc968e",3335:"6b9d2b78",3412:"b22aa7b6",3426:"7a8a7e8c",3450:"58f08617",3535:"3f0c1f83",3588:"2a7af2d4",3636:"33e81c92",3656:"ef28bf31",3665:"c048d48d",3675:"688f6f45",3680:"fc90be72",3681:"9829cd2c",3689:"80d5c642",3721:"d2555cf8",3729:"4f6d547a",3736:"30ada718",3762:"b32f7be5",3778:"01b783b4",3840:"838da001",3933:"946ea536",3934:"8d679983",3942:"cea0e6f5",3975:"0029afde",3995:"5946e41b",4001:"3cab2491",4008:"0b280973",4011:"e03c6a06",4030:"410de767",4041:"7b920842",4058:"14438ec9",4067:"ea73b67b",4072:"cdcd7511",4132:"51856270",4177:"9150673f",4188:"8b98a856",4194:"0485ad66",4266:"640887d2",4279:"81999ae7",4291:"bba1d0f7",4319:"d485bbe7",4336:"cbe38a14",4349:"c4d3a2f4",4361:"467add9e",4374:"df011ff1",4415:"0a68a8e1",4417:"fcd0a23c",4444:"9d637044",4454:"d5457f61",4489:"0cfdf916",4504:"1b100e38",4534:"eb42aaf0",4544:"0339dcec",4568:"719307dd",4570:"8088ca48",4574:"88342a14",4647:"0a98f87a",4653:"dac6df62",4658:"30d06441",4662:"dd75029d",4708:"89f6bee1",4741:"3387a2b3",4770:"367b3782",4805:"58353cec",4832:"3b96dd25",4835:"c0c62eab",4887:"c2062ef5",4959:"5bbaac14",4974:"9d7e42da",4987:"7c15a642",5029:"987e9923",5049:"02c15066",5104:"6a5b2ea1",5129:"c21257dc",5183:"4dff365b",5224:"fce78e03",5249:"50548852",5250:"d704cb1a",5275:"dc0c1f22",5384:"e313aa8e",5394:"be50efbe",5398:"e2fc365c",5399:"fc925132",5404:"ff93c8ba",5489:"81ab8046",5518:"27c9a28f",5542:"4e28e7f4",5552:"37cfa24f",5664:"9c5ff448",5715:"d0d4f091",5716:"defa4f5c",5719:"61e81b9a",5746:"d9e58a49",5800:"16fa69b0",5836:"f5ca5ca7",5845:"18e1b64b",5854:"c1dbdf8f",5918:"d90ad370",5926:"e6f57b2d",5932:"3ab24940",5937:"60abe023",6008:"db1553c0",6016:"c9fc5563",6032:"4524e760",6048:"0b389d34",6062:"7d456163",6176:"a67c9c5b",6238:"55ccd437",6261:"d3dee230",6282:"adb9fa03",6303:"78039417",6305:"747b1ea9",6308:"5f47bc64",6314:"30d3296c",6331:"d4fef5d8",6337:"9c716123",6347:"4b7bab35",6352:"e6c41b82",6360:"c95e2374",6376:"272b92da",6381:"8dc93ed2",6431:"91df630c",6438:"c7f15254",6442:"063815ae",6454:"6d68b840",6475:"a6b47cfc",6519:"886ec719",6532:"923a51f6",6538:"0dedd1f6",6546:"fc9570c1",6551:"fb4dac62",6575:"4bb38612",6595:"9ec1bcb9",6666:"eb0d1566",6667:"7518d330",6687:"ce325dfe",6694:"86ca78bf",6724:"54b2d8c1",6742:"c7c21341",6743:"d38144aa",6773:"f3ad140d",6778:"9405ecff",6931:"97c59a51",7001:"79177ffb",7041:"3232d95e",7065:"0c4d626a",7088:"ba84583f",7111:"953c276e",7115:"3d8658a7",7141:"9c75b89b",7152:"42a3dacd",7156:"650f48bb",7161:"9b282717",7231:"551155a3",7250:"1f686fa1",7264:"9e93cc9d",7310:"fb5a6ebb",7389:"b4737710",7399:"de646f71",7418:"afe2a392",7430:"efd7bdcf",7438:"d8c17f85",7488:"ddb61659",7504:"da4ae08a",7514:"3f1956ad",7521:"f548a425",7566:"d120012e",7588:"acec031c",7597:"764bb13e",7601:"444b8f6e",7617:"08d7d840",7620:"c7e867e7",7650:"b4a257f3",7651:"75dda5c1",7661:"964ccaba",7672:"2ec3ebfa",7674:"3bccbf7c",7683:"7c8bd76a",7697:"b3a5699a",7712:"82d57e7f",7721:"bd3fe77c",7733:"5a4408bf",7769:"d2f43b20",7805:"9d458818",7847:"b389c398",7861:"e9c751b8",7907:"d21b01a5",8097:"feaa3614",8099:"996b5066",8169:"131e2a9a",8229:"fb09ff4d",8281:"a38f68c2",8329:"7ab86f26",8352:"c4ec451e",8365:"15e67895",8371:"db0d5bcd",8385:"5aaad408",8441:"80432a43",8454:"19b12cbc",8459:"c0274d26",8467:"5f7c8bcf",8477:"3aec04ad",8541:"ce550a7b",8563:"dfb29ef6",8593:"fc4c3789",8636:"0e0bc569",8638:"068ecb9d",8723:"caa6f3d4",8756:"d3f57c4a",8761:"fba36ca2",8769:"dd386532",8783:"25a43d0b",8791:"dd7c3b2e",8796:"971e7d56",8809:"07f5baf6",8850:"dede2231",8946:"296f6e0f",8956:"c74714aa",8968:"39239d56",8989:"25c3b86a",9051:"947b1f05",9080:"43033f39",9093:"ba0501ac",9103:"8af53d2f",9168:"6200c5f2",9169:"de390d1e",9195:"a8498e4b",9251:"7133958b",9265:"e75ac2a2",9364:"9fd7d601",9406:"5832467f",9429:"8a7d6947",9435:"d983b8c3",9476:"9d5ff613",9496:"fd01eeec",9503:"ecb7b544",9515:"31d1bd4f",9542:"cc6615a9",9559:"ddaeba6c",9565:"c98ed7bd",9619:"85ad23f0",9657:"21e01373",9698:"cbe58998",9707:"46b781ce",9709:"08f3a60f",9736:"4a48d47c",9755:"26f7dd39",9780:"0506df1e",9807:"a219da46",9815:"e62a2a92",9823:"09f0513e",9832:"7f03a806",9844:"cab68171",9886:"eeb5cb4a",9918:"6bf360be",9930:"efdbbdd4",9984:"82487b30"}[s]+".js",q.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(s){if("object"==typeof window)return window}}(),q.o=(s,e)=>Object.prototype.hasOwnProperty.call(s,e),i={},a="@next-bricks/presentational:",q.l=(s,e,r,m)=>{if(i[s])i[s].push(e);else{var n,p;if(void 0!==r)for(var l=document.getElementsByTagName("script"),g=0;g<l.length;g++){var j=l[g];if(j.getAttribute("src")==s||j.getAttribute("data-webpack")==a+r){n=j;break}}n||(p=!0,(n=document.createElement("script")).charset="utf-8",n.timeout=120,q.nc&&n.setAttribute("nonce",q.nc),n.setAttribute("data-webpack",a+r),n.src=s),i[s]=[e];var t=(e,a)=>{n.onerror=n.onload=null,clearTimeout(u);var r=i[s];if(delete i[s],n.parentNode&&n.parentNode.removeChild(n),r&&r.forEach((s=>s(a))),e)return e(a)},u=setTimeout(t.bind(null,void 0,{type:"timeout",target:n}),12e4);n.onerror=t.bind(null,n.onerror),n.onload=t.bind(null,n.onload),p&&document.head.appendChild(n)}},q.r=s=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(s,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(s,"__esModule",{value:!0})},q.nmd=s=>(s.paths=[],s.children||(s.children=[]),s),(()=>{q.S={};var s={},e={};q.I=(i,a)=>{a||(a=[]);var r=e[i];if(r||(r=e[i]={}),!(a.indexOf(r)>=0)){if(a.push(r),s[i])return s[i];q.o(q.S,i)||(q.S[i]={});var m=q.S[i],n="@next-bricks/presentational",p=(s,e,i,a)=>{var r=m[s]=m[s]||{},p=r[e];(!p||!p.loaded&&(!a!=!p.eager?a:n>p.from))&&(r[e]={get:i,from:n,eager:!!a})},l=[];return"default"===i&&(p("@babel/parser","7.24.4",(()=>q.e(6773).then((()=>()=>q(46773))))),p("@easyops-cn/brick-next-pipes","0.6.0",(()=>Promise.all([q.e(4741),q.e(886)]).then((()=>()=>q(24741))))),p("@next-core/cook","2.2.17",(()=>Promise.all([q.e(1122),q.e(6667)]).then((()=>()=>q(61122))))),p("@next-core/element","1.2.8",(()=>q.e(1045).then((()=>()=>q(21045))))),p("@next-core/http","1.2.3",(()=>q.e(8989).then((()=>()=>q(48989))))),p("@next-core/i18n/react","1.0.48",(()=>Promise.all([q.e(1586),q.e(8097)]).then((()=>()=>q(88097))))),p("@next-core/i18n","1.0.48",(()=>Promise.all([q.e(729),q.e(1586),q.e(9755),q.e(5552)]).then((()=>()=>q(75552))))),p("@next-core/inject","1.0.36",(()=>Promise.all([q.e(1030),q.e(4534),q.e(2277)]).then((()=>()=>q(72277))))),p("@next-core/loader","1.5.9",(()=>q.e(5399).then((()=>()=>q(35399))))),p("@next-core/pipes","2.0.21",(()=>q.e(6519).then((()=>()=>q(76519))))),p("@next-core/react-element","1.0.27",(()=>Promise.all([q.e(8769),q.e(3412),q.e(9435),q.e(114)]).then((()=>()=>q(20114))))),p("@next-core/react-runtime","1.5.3",(()=>Promise.all([q.e(8769),q.e(5049),q.e(2445),q.e(369),q.e(7115)]).then((()=>()=>q(97115))))),p("@next-core/runtime","1.44.3",(()=>Promise.all([q.e(7041),q.e(729),q.e(1030),q.e(1586),q.e(1302),q.e(7389),q.e(166),q.e(7620)]).then((()=>()=>q(37041))))),p("@next-core/supply","2.1.16",(()=>Promise.all([q.e(1030),q.e(4534),q.e(1302),q.e(9559)]).then((()=>()=>q(49559))))),p("@next-core/theme","1.5.0",(()=>Promise.all([q.e(1889),q.e(2052)]).then((()=>()=>q(51889))))),p("@next-core/utils/general","1.7.6",(()=>q.e(871).then((()=>()=>q(40871))))),p("@next-core/utils/storyboard","1.7.6",(()=>Promise.all([q.e(729),q.e(7389),q.e(3933)]).then((()=>()=>q(13933))))),p("history","4.10.1",(()=>q.e(5384).then((()=>()=>q(65384))))),p("i18next-browser-languagedetector","7.2.1",(()=>q.e(726).then((()=>()=>q(50726))))),p("i18next","22.5.1",(()=>q.e(9542).then((()=>()=>q(39542))))),p("js-yaml","3.14.1",(()=>q.e(9515).then((()=>()=>q(19515))))),p("lodash","4.17.21",(()=>q.e(5250).then((()=>()=>q(45250))))),p("moment/locale/zh-cn.js","2.30.1",(()=>Promise.all([q.e(7721),q.e(9844)]).then((()=>()=>q(61329))))),p("moment","2.30.1",(()=>Promise.all([q.e(7721),q.e(9844)]).then((()=>()=>q(99420))))),p("react-dom","0.0.0-experimental-ee8509801-20230117",(()=>Promise.all([q.e(3144),q.e(8769)]).then((()=>()=>q(43144))))),p("react-i18next","12.3.1",(()=>Promise.all([q.e(8769),q.e(9780)]).then((()=>()=>q(59780))))),p("react","0.0.0-experimental-ee8509801-20230117",(()=>q.e(4041).then((()=>()=>q(14041)))))),s[i]=l.length?Promise.all(l).then((()=>s[i]=1)):1}}})(),(()=>{var s;q.g.importScripts&&(s=q.g.location+"");var e=q.g.document;if(!s&&e&&(e.currentScript&&(s=e.currentScript.src),!s)){var i=e.getElementsByTagName("script");if(i.length)for(var a=i.length-1;a>-1&&(!s||!/^http(s?):/.test(s));)s=i[a--].src}if(!s)throw new Error("Automatic publicPath is not supported in this browser");s=s.replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),q.p=s})(),r=s=>{var e=s=>s.split(".").map((s=>+s==s?+s:s)),i=/^([^-+]+)?(?:-([^+]+))?(?:\+(.+))?$/.exec(s),a=i[1]?e(i[1]):[];return i[2]&&(a.length++,a.push.apply(a,e(i[2]))),i[3]&&(a.push([]),a.push.apply(a,e(i[3]))),a},m=(s,e)=>{s=r(s),e=r(e);for(var i=0;;){if(i>=s.length)return i<e.length&&"u"!=(typeof e[i])[0];var a=s[i],m=(typeof a)[0];if(i>=e.length)return"u"==m;var n=e[i],p=(typeof n)[0];if(m!=p)return"o"==m&&"n"==p||"s"==p||"u"==m;if("o"!=m&&"u"!=m&&a!=n)return a<n;i++}},n=s=>{var e=s[0],i="";if(1===s.length)return"*";if(e+.5){i+=0==e?">=":-1==e?"<":1==e?"^":2==e?"~":e>0?"=":"!=";for(var a=1,r=1;r<s.length;r++)a--,i+="u"==(typeof(p=s[r]))[0]?"-":(a>0?".":"")+(a=2,p);return i}var m=[];for(r=1;r<s.length;r++){var p=s[r];m.push(0===p?"not("+l()+")":1===p?"("+l()+" || "+l()+")":2===p?m.pop()+" "+m.pop():n(p))}return l();function l(){return m.pop().replace(/^\((.+)\)$/,"$1")}},p=(s,e)=>{if(0 in s){e=r(e);var i=s[0],a=i<0;a&&(i=-i-1);for(var m=0,n=1,l=!0;;n++,m++){var g,j,t=n<s.length?(typeof s[n])[0]:"";if(m>=e.length||"o"==(j=(typeof(g=e[m]))[0]))return!l||("u"==t?n>i&&!a:""==t!=a);if("u"==j){if(!l||"u"!=t)return!1}else if(l)if(t==j)if(n<=i){if(g!=s[n])return!1}else{if(a?g>s[n]:g<s[n])return!1;g!=s[n]&&(l=!1)}else if("s"!=t&&"n"!=t){if(a||n<=i)return!1;l=!1,n--}else{if(n<=i||j<t!=a)return!1;l=!1}else"s"!=t&&"n"!=t&&(l=!1,n--)}}var u=[],o=u.pop.bind(u);for(m=1;m<s.length;m++){var c=s[m];u.push(1==c?o()|o():2==c?o()&o():c?p(c,e):!o())}return!!o()},l=(s,e)=>{var i=s[e];return Object.keys(i).reduce(((s,e)=>!s||!i[s].loaded&&m(s,e)?e:s),0)},g=(s,e,i,a)=>"Unsatisfied version "+i+" from "+(i&&s[e][i].from)+" of shared singleton module "+e+" (required "+n(a)+")",j=(s,e,i,a)=>{var r=l(s,i);return c(s[i][r])},t=(s,e,i,a)=>{var r=l(s,i);return p(a,r)||o(g(s,i,r,a)),c(s[i][r])},u=(s,e,i)=>{var a=s[e];return(e=Object.keys(a).reduce(((s,e)=>!p(i,e)||s&&!m(s,e)?s:e),0))&&a[e]},o=s=>{"undefined"!=typeof console&&console.warn&&console.warn(s)},c=s=>(s.loaded=1,s.get()),f=(d=s=>function(e,i,a,r){var m=q.I(e);return m&&m.then?m.then(s.bind(s,e,q.S[e],i,a,r)):s(e,q.S[e],i,a,r)})(((s,e,i,a)=>e&&q.o(e,i)?j(e,0,i):a())),b=d(((s,e,i,a,r)=>e&&q.o(e,i)?t(e,0,i,a):r())),h=d(((s,e,i,a,r)=>{var m=e&&q.o(e,i)&&u(e,i,a);return m?c(m):r()})),v={},x={28297:()=>b("default","moment",[1,2,27,0],(()=>Promise.all([q.e(7721),q.e(9844)]).then((()=>()=>q(99420))))),55521:()=>b("default","lodash",[1,4,17,19],(()=>q.e(5250).then((()=>()=>q(45250))))),91204:()=>b("default","js-yaml",[1,3,14,0],(()=>q.e(9515).then((()=>()=>q(19515))))),56667:()=>b("default","@babel/parser",[1,7,24,6],(()=>q.e(6773).then((()=>()=>q(46773))))),31586:()=>b("default","@next-core/i18n",[1,1,0,48],(()=>Promise.all([q.e(729),q.e(9755),q.e(3171)]).then((()=>()=>q(75552))))),47825:()=>b("default","react-i18next",[1,12,3,1],(()=>Promise.all([q.e(8769),q.e(9780)]).then((()=>()=>q(59780))))),70729:()=>b("default","@next-core/utils/general",[1,1,7,6],(()=>q.e(871).then((()=>()=>q(40871))))),2350:()=>b("default","i18next",[1,22,5,1],(()=>q.e(9542).then((()=>()=>q(39542))))),27072:()=>b("default","i18next-browser-languagedetector",[1,7,2,1],(()=>q.e(726).then((()=>()=>q(50726))))),41030:()=>b("default","lodash",[1,4,17,21],(()=>q.e(5250).then((()=>()=>q(45250))))),74534:()=>b("default","@next-core/pipes",[1,2,0,21],(()=>q.e(6519).then((()=>()=>q(76519))))),161:()=>b("default","@easyops-cn/brick-next-pipes",[2,0,6,0],(()=>Promise.all([q.e(4741),q.e(886)]).then((()=>()=>q(24741))))),18769:()=>h("default","react",[6,0,0,0,,"experimental-ee8509801-20230117"],(()=>q.e(4041).then((()=>()=>q(14041))))),3412:()=>h("default","@next-core/element",[1,1,2,8],(()=>q.e(3426).then((()=>()=>q(21045))))),59435:()=>h("default","react-dom",[6,0,0,0,,"experimental-ee8509801-20230117"],(()=>q.e(3144).then((()=>()=>q(43144))))),35049:()=>h("default","@next-core/react-element",[1,1,0,27],(()=>Promise.all([q.e(3412),q.e(9435),q.e(7733)]).then((()=>()=>q(20114))))),72445:()=>f("default","lodash",(()=>q.e(5250).then((()=>()=>q(45250))))),80369:()=>b("default","@next-core/runtime",[1,1,44,3],(()=>Promise.all([q.e(7041),q.e(729),q.e(1030),q.e(1586),q.e(1302),q.e(7389),q.e(166),q.e(7620)]).then((()=>()=>q(37041))))),21302:()=>b("default","moment",[1,2,30,1],(()=>Promise.all([q.e(7721),q.e(9844)]).then((()=>()=>q(99420))))),7389:()=>b("default","@next-core/cook",[1,2,2,17],(()=>Promise.all([q.e(1122),q.e(6667)]).then((()=>()=>q(61122))))),6639:()=>b("default","@next-core/supply",[1,2,1,16],(()=>Promise.all([q.e(4534),q.e(1940)]).then((()=>()=>q(49559))))),14871:()=>b("default","@next-core/inject",[1,1,0,36],(()=>Promise.all([q.e(4534),q.e(4658)]).then((()=>()=>q(72277))))),18701:()=>b("default","@next-core/utils/storyboard",[1,1,7,6],(()=>q.e(6314).then((()=>()=>q(13933))))),26036:()=>b("default","moment/locale/zh-cn.js",[1,2,30,1],(()=>Promise.all([q.e(7721),q.e(9844)]).then((()=>()=>q(61329))))),32890:()=>b("default","history",[1,4,10,1],(()=>q.e(5384).then((()=>()=>q(65384))))),78958:()=>b("default","@next-core/loader",[1,1,5,9],(()=>q.e(5399).then((()=>()=>q(35399))))),97067:()=>b("default","@next-core/http",[1,1,2,3],(()=>q.e(1370).then((()=>()=>q(48989))))),44291:()=>f("default","@next-core/theme",(()=>q.e(1889).then((()=>()=>q(51889))))),5664:()=>h("default","@next-core/react-runtime",[1,1,5,3],(()=>Promise.all([q.e(2445),q.e(369),q.e(9496)]).then((()=>()=>q(97115))))),34647:()=>b("default","@next-core/i18n/react",[1,1,0,48],(()=>Promise.all([q.e(1586),q.e(8097)]).then((()=>()=>q(88097))))),36538:()=>f("default","react-i18next",(()=>q.e(7399).then((()=>()=>q(59780))))),56595:()=>f("default","@next-core/runtime",(()=>Promise.all([q.e(7041),q.e(729),q.e(1030),q.e(1586),q.e(1302),q.e(7389),q.e(166)]).then((()=>()=>q(37041))))),6238:()=>f("default","moment",(()=>Promise.all([q.e(7721),q.e(9844)]).then((()=>()=>q(99420))))),30155:()=>b("default","moment",[1,2,29,4],(()=>Promise.all([q.e(7721),q.e(9844)]).then((()=>()=>q(99420)))))},y={155:[30155],166:[6639,14871,18701,26036,32890,78958,97067],369:[80369],729:[70729],886:[28297,55521,91204],1030:[41030],1302:[21302],1586:[31586],2445:[72445],3412:[3412],4291:[44291],4534:[74534],4647:[34647],5049:[35049],5664:[5664],6238:[6238],6519:[161],6538:[36538],6595:[56595],6667:[56667],7389:[7389],8097:[47825],8769:[18769],9435:[59435],9755:[2350,27072]},P={},q.f.consumes=(s,e)=>{q.o(y,s)&&y[s].forEach((s=>{if(q.o(v,s))return e.push(v[s]);if(!P[s]){var i=e=>{v[s]=0,q.m[s]=i=>{delete q.c[s],i.exports=e()}};P[s]=!0;var a=e=>{delete v[s],q.m[s]=i=>{throw delete q.c[s],e}};try{var r=x[s]();r.then?e.push(v[s]=r.then(i).catch(a)):i(r)}catch(s){a(s)}}}))},(()=>{var s={3371:0};q.f.j=(e,i)=>{var a=q.o(s,e)?s[e]:void 0;if(0!==a)if(a)i.push(a[2]);else if(/^(1(030|302|55|586|66)|4(291|534|647)|6([25]38|595|667)|(244|943|975)5|(36|504|72|738|876)9|3412|5664|886)$/.test(e))s[e]=0;else{var r=new Promise(((i,r)=>a=s[e]=[i,r]));i.push(a[2]=r);var m=q.p+q.u(e),n=new Error;q.l(m,(i=>{if(q.o(s,e)&&(0!==(a=s[e])&&(s[e]=void 0),a)){var r=i&&("load"===i.type?"missing":i.type),m=i&&i.target&&i.target.src;n.message="Loading chunk "+e+" failed.\n("+r+": "+m+")",n.name="ChunkLoadError",n.type=r,n.request=m,a[1](n)}}),"chunk-"+e,e)}};var e=(e,i)=>{var a,r,[m,n,p]=i,l=0;if(m.some((e=>0!==s[e]))){for(a in n)q.o(n,a)&&(q.m[a]=n[a]);p&&p(q)}for(e&&e(i);l<m.length;l++)r=m[l],q.o(s,r)&&s[r]&&s[r][0](),s[r]=0},i=globalThis.webpackChunk_next_bricks_presentational=globalThis.webpackChunk_next_bricks_presentational||[];i.forEach(e.bind(null,0)),i.push=e.bind(null,i.push.bind(i))})(),q.nc=void 0;var O=q(97182);window["bricks/presentational"]=O})();
+//# sourceMappingURL=index.7dcb2925.js.map