@next-bricks/presentational 1.2.6 → 1.4.0

package/dist/examples.json

@@ -2,28 +2,31 @@
   "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-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-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-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"
+  "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-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: 1571017058\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 = 1571017058;\n# </script>\n# \n```\n\n### 人性化时间展示（精确）\n\n```yaml preview\n- brick: eo-humanize-time\n  properties:\n    formatter: accurate\n    isCostTime: true\n    value: 1571017058\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 = \"accurate\";\n#   brick_1.value = 1571017058;\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: 1571017058000\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 = 1571017058000;\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### 示例 5\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: 1571017058\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 = 1571017058;\n# </script>\n# \n```\n\n### 示例 6\n\n```yaml preview\n- brick: eo-humanize-time\n  properties:\n    formatter: full\n    value: 0\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 = 0;\n# </script>\n# \n```\n\n### 人性化时间展示（格式化）\n\n```yaml preview\n- brick: eo-humanize-time\n  properties:\n    inputFormat: YYYY-MM-DD\n    outputFormat: YYYY-MM-DD\n    value: \"2020-02-27 16:36\"\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-humanize-time\n#   input-format=\"YYYY-MM-DD\"\n#   output-format=\"YYYY-MM-DD\"\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-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-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-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"
+  },
+  "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.d36164a8.js

@@ -0,0 +1,2 @@
+(()=>{"use strict";var s,e,i,a,r,m,n,p,l,g,j,t,u,c,o,d,f,b,h,v,x,y,P,k,w,q={48591:(s,e,i)=>{var a={"./eo-descriptions":()=>Promise.all([i.e(8769),i.e(9929),i.e(8776),i.e(6263),i.e(7697)]).then((()=>()=>i(95188))),"./general-descriptions":()=>Promise.all([i.e(8769),i.e(9929),i.e(8776),i.e(6263),i.e(7697)]).then((()=>()=>i(95188))),"./eo-pagination":()=>Promise.all([i.e(8769),i.e(9929),i.e(8776),i.e(2445),i.e(6911),i.e(6538),i.e(4568)]).then((()=>()=>i(56561))),"./eo-card-item":()=>Promise.all([i.e(8769),i.e(9929),i.e(8776),i.e(5926)]).then((()=>()=>i(24845))),"./eo-info-card-item":()=>Promise.all([i.e(8769),i.e(9929),i.e(8776),i.e(6263),i.e(6595),i.e(5845)]).then((()=>()=>i(65656))),"./eo-code-display":()=>Promise.all([i.e(8728),i.e(8769),i.e(9929),i.e(8776),i.e(8438),i.e(2445),i.e(6911),i.e(2866)]).then((()=>()=>i(41319))),"./code-display":()=>Promise.all([i.e(8728),i.e(8769),i.e(9929),i.e(8776),i.e(8438),i.e(2445),i.e(6911),i.e(2866)]).then((()=>()=>i(41319))),"./eo-humanize-time":()=>Promise.all([i.e(8769),i.e(9929),i.e(8776),i.e(1030),i.e(7058),i.e(2445),i.e(3464),i.e(1999)]).then((()=>()=>i(19952))),"./humanize-time":()=>Promise.all([i.e(8769),i.e(9929),i.e(8776),i.e(1030),i.e(7058),i.e(2445),i.e(3464),i.e(1999)]).then((()=>()=>i(19952))),"./eo-alert":()=>Promise.all([i.e(8769),i.e(9929),i.e(8776),i.e(6595),i.e(186)]).then((()=>()=>i(74090))),"./general-alert":()=>Promise.all([i.e(8769),i.e(9929),i.e(8776),i.e(6595),i.e(186)]).then((()=>()=>i(74090))),"./eo-statistics-card":()=>Promise.all([i.e(8769),i.e(9929),i.e(8776),i.e(1608)]).then((()=>()=>i(66531))),"./eo-divider":()=>Promise.all([i.e(8769),i.e(9929),i.e(8776),i.e(9251)]).then((()=>()=>i(5964))),"./eo-loading-step":()=>Promise.all([i.e(8769),i.e(9929),i.e(8776),i.e(8438),i.e(6263),i.e(7651)]).then((()=>()=>i(93022)))},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})}},O={};function S(s){var e=O[s];if(void 0!==e)return e.exports;var i=O[s]={id:s,loaded:!1,exports:{}};return q[s].call(i.exports,i,i.exports,S),i.loaded=!0,i.exports}S.m=q,S.c=O,S.n=s=>{var e=s&&s.__esModule?()=>s.default:()=>s;return S.d(e,{a:e}),e},e=Object.getPrototypeOf?s=>Object.getPrototypeOf(s):s=>s.__proto__,S.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);S.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,S.d(r,m),r},S.d=(s,e)=>{for(var i in e)S.o(e,i)&&!S.o(s,i)&&Object.defineProperty(s,i,{enumerable:!0,get:e[i]})},S.f={},S.e=s=>Promise.all(Object.keys(S.f).reduce(((e,i)=>(S.f[i](s,e),e)),[])),S.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",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",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)+"."+{45:"1ccbe9b6",69:"bf373cad",114:"a5d48b2b",132:"b069c462",160:"19e41819",173:"6d40f68b",179:"e15a3796",186:"e9d3d369",242:"51daccd4",243:"dc875bff",246:"9bcc0af1",303:"57c43d89",481:"980bf56c",639:"bb4400ce",641:"599914b5",656:"3e705848",672:"8221ad2d",726:"36bd2088",769:"b98b7730",886:"e6824f09",899:"aec0fb44",900:"bd58c910",905:"46a9750b",918:"4c0d94e7",936:"c3dac049",980:"dc4e5110",985:"b7f72100",1007:"7d804a26",1030:"f6e45c88",1045:"5a851367",1051:"23f1f2f9",1077:"e53c2cb2",1122:"f60ae7a1",1214:"8b8d4944",1217:"cfd2c3d7",1224:"61d48e8b",1239:"e60779e1",1241:"f8b6a720",1269:"a395f624",1274:"8672d65e",1275:"152a16de",1299:"043b1f38",1302:"6806f17d",1303:"118b0db3",1316:"9ef43f52",1332:"204cbf7c",1348:"de67e39e",1370:"4c8314bd",1375:"70e2944b",1381:"844e1946",1391:"d77c50fd",1399:"45c74d5a",1409:"d1269adc",1531:"8e984b43",1552:"b6e8d2e8",1573:"755909a3",1590:"f011c94f",1601:"9cfe598c",1608:"af80d51d",1650:"544a7da8",1775:"95f181f5",1796:"d37dcfe7",1798:"84d20566",1846:"2fc51ca7",1875:"ddefaf5b",1880:"bff58f6e",1889:"7adc3ee3",1901:"427ae4da",1940:"9f53ff19",1972:"e005885d",1988:"32cdaf50",1999:"d449cb7b",2023:"54124ffa",2052:"6ceb4336",2058:"c6006e74",2067:"cbbf71e0",2082:"43b0e405",2099:"18005e03",2124:"d438d40a",2142:"c0f19136",2198:"19a71428",2204:"141b5e71",2232:"26dc85e1",2241:"2a917688",2277:"00bf7231",2306:"221207b4",2425:"57cdd84e",2445:"5cd448f6",2501:"510c1a3e",2573:"f22892fb",2617:"29aea14c",2624:"159e1bf4",2626:"c6a3d6b4",2655:"ad42f081",2676:"3a9f4b0d",2709:"826684d9",2713:"dd2ec41e",2766:"ccf464e8",2866:"082d27e6",2913:"b1d20f0a",2961:"36b590b5",3008:"6b8fdffe",3017:"3007c24e",3020:"57030138",3122:"24cdc046",3144:"6a117dad",3171:"21942be3",3183:"d9e5a27f",3208:"b234c0ec",3266:"8e05b003",3279:"863a1751",3281:"72bcf6fd",3299:"c51cfa41",3309:"4ef69fe9",3312:"605e60f7",3322:"99ff6ccb",3335:"ec55511e",3426:"d008a018",3436:"7f248720",3450:"95a33e95",3464:"81d26a9e",3535:"d9af2824",3588:"eb8b4ae0",3620:"3b5860b8",3636:"ac76f094",3656:"7252c124",3665:"47143cf7",3675:"0c937ad4",3680:"7ad06f72",3681:"4501c4b2",3689:"0466183a",3721:"a18a3c71",3729:"215f7aec",3736:"d9df9906",3762:"4fa29e23",3778:"5d0a7bb2",3840:"b92e0431",3933:"945821cd",3934:"b5b3434b",3942:"9e4829e8",3975:"2b1df61e",3995:"404aea5a",4001:"7e0cfc4a",4008:"06867f7d",4011:"b21e748e",4030:"842c7c0c",4041:"47416def",4058:"ec325ff1",4067:"bac22c5e",4072:"448b12b4",4132:"73c76708",4177:"d4dbdc89",4188:"89435710",4194:"dc50d0a8",4208:"45cc1bf0",4266:"d471eecd",4279:"c4cbcced",4319:"fed90634",4336:"163a4516",4349:"be93173d",4361:"134624b3",4374:"057b5d70",4415:"55e2b062",4417:"b252f686",4444:"109e4a51",4454:"09493b6c",4489:"17da6dd9",4504:"c5683795",4544:"569cd146",4568:"eb9fd2a7",4570:"7facee28",4574:"e6fbf4fd",4653:"bebeaa7d",4658:"43328c59",4662:"a67b41a0",4708:"70095ef0",4741:"b449915d",4770:"539db3c2",4805:"bfd58ad9",4832:"293f6ef4",4835:"ce0345f0",4887:"adca2f1a",4959:"e7db059f",4974:"0ad49f66",4987:"bc1a0247",5029:"6635f090",5104:"19071565",5129:"5be75bd8",5183:"e2611509",5224:"d20ea757",5249:"482c8615",5250:"894da0f4",5275:"9af424b3",5384:"70e291f8",5394:"ac73dc26",5398:"203ec3e4",5399:"b962ef5e",5404:"d6f364da",5481:"a603ae0b",5489:"9416e027",5518:"156ee346",5530:"b3a85e4d",5542:"0f7f4428",5552:"935d39e9",5715:"01d52a27",5716:"d423cb4b",5719:"6869bfea",5800:"e56d5797",5836:"bae9cfef",5845:"9f88287a",5854:"948c088a",5918:"ce87f3df",5926:"2ca4b7e6",5932:"a51596a1",5937:"4675cc62",6008:"6c432336",6016:"f31f512f",6032:"d99f9f02",6048:"b724738b",6062:"9235a163",6176:"17650a04",6261:"5ae47f8b",6263:"43d7716e",6282:"b161a425",6303:"cfb0a952",6305:"67901af2",6308:"00545302",6314:"d054a631",6331:"9e5ed427",6337:"f039a54a",6347:"5033962a",6352:"27a11764",6360:"35a73979",6376:"c8b139ca",6381:"2b3040be",6431:"be3bf6c6",6438:"c1b249e1",6442:"7633183b",6454:"2518168e",6475:"5c6bd512",6519:"329ddd7d",6532:"9e169456",6538:"c138b6a8",6546:"c23f9416",6551:"9bf1d2da",6575:"55f0d021",6595:"5a828dd1",6666:"cc843e8b",6687:"bf056f59",6694:"cc9390c4",6724:"ad146d53",6742:"0763e826",6743:"8e78dc06",6773:"eb629c93",6778:"c1182a6d",6911:"7b5ec23a",6931:"4203dd44",7001:"82eac673",7058:"bcc89b77",7065:"ed50d8e4",7088:"cea3a92f",7111:"e8150eff",7141:"d4a5bbbb",7152:"736c1ccf",7156:"27a6d797",7161:"8363a7aa",7231:"de6e6d9c",7250:"e484e93e",7264:"474ddbb6",7310:"11318b4a",7418:"71b53090",7430:"ca028419",7438:"73172496",7452:"7419a64b",7488:"055010d4",7504:"62fc28ca",7514:"93619152",7521:"10ecef4a",7566:"eb548361",7588:"0f11d46e",7597:"d489f75b",7601:"efe35cf9",7617:"1f0b64d2",7650:"b913a1eb",7651:"386d1e87",7661:"adc57ebd",7672:"09e3afca",7674:"c985e8d0",7683:"9fd6cd31",7697:"988ca8a8",7712:"af0fd5b4",7721:"f177406a",7733:"07ed3571",7769:"666ba218",7780:"2ac55755",7847:"4b95ed06",7861:"fff26978",7907:"535d6268",8097:"a954f9a6",8099:"ffed2040",8169:"fc396d28",8229:"92826f49",8281:"9ac3574a",8329:"555286ad",8352:"77c0b31c",8365:"1172bf23",8371:"1e34cbaf",8385:"a9433c81",8438:"3ff140d4",8441:"ade01a23",8442:"e41dd8fd",8454:"904b2925",8459:"7ee5ae54",8467:"296ac970",8477:"3eb3fceb",8541:"a0f07cbd",8563:"6cd47806",8593:"60a7cf2e",8636:"3812e3c6",8638:"1f01a02a",8723:"10645d39",8728:"7ed60e93",8756:"cb62ea76",8761:"96c0eade",8769:"c6e55563",8776:"52ae53cd",8783:"c81843d0",8791:"9bc80f62",8796:"30b64143",8809:"e3944bf5",8850:"de19c27e",8946:"d43eda8a",8956:"98ef8601",8968:"3aa30bcd",8989:"3291f2f1",9051:"a906f5b7",9080:"965586b8",9093:"7ff250e5",9103:"24f7af0b",9168:"20996fe0",9169:"93f41650",9195:"7b22074b",9251:"29e95bbe",9259:"67d60a59",9265:"6fd82168",9364:"919d3bb2",9406:"683abf37",9429:"889b97d1",9476:"9c5c2578",9503:"0f0b6cf1",9515:"cf3a6490",9542:"433cdd39",9559:"bf21cc78",9565:"af1bc9ec",9591:"d4fc1ca8",9619:"a1400461",9657:"79329c23",9698:"a4d2e9fd",9707:"827ae892",9709:"80e8c049",9736:"4207048b",9807:"1e6ce4c4",9815:"99b5264b",9823:"2b157b03",9832:"75e2473e",9844:"c46cf889",9886:"e7f0769d",9918:"b21a54bd",9929:"73d5f9a0",9930:"e9fe2152",9984:"f1fa0669"}[s]+".js",S.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(s){if("object"==typeof window)return window}}(),S.o=(s,e)=>Object.prototype.hasOwnProperty.call(s,e),i={},a="@next-bricks/presentational:",S.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,S.nc&&n.setAttribute("nonce",S.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)}},S.r=s=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(s,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(s,"__esModule",{value:!0})},S.nmd=s=>(s.paths=[],s.children||(s.children=[]),s),(()=>{S.S={};var s={},e={};S.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];S.o(S.S,i)||(S.S[i]={});var m=S.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.0",(()=>S.e(6773).then((()=>()=>S(46773))))),p("@easyops-cn/brick-next-pipes","0.6.0",(()=>Promise.all([S.e(4741),S.e(886)]).then((()=>()=>S(24741))))),p("@next-core/cook","2.2.13",(()=>Promise.all([S.e(1122),S.e(2617)]).then((()=>()=>S(61122))))),p("@next-core/element","1.2.3",(()=>S.e(3426).then((()=>()=>S(21045))))),p("@next-core/http","1.1.10",(()=>S.e(8989).then((()=>()=>S(48989))))),p("@next-core/i18n/react","1.0.39",(()=>Promise.all([S.e(7058),S.e(8097)]).then((()=>()=>S(88097))))),p("@next-core/i18n","1.0.39",(()=>Promise.all([S.e(8438),S.e(7058),S.e(8442),S.e(5552)]).then((()=>()=>S(75552))))),p("@next-core/inject","1.0.29",(()=>Promise.all([S.e(1030),S.e(9259),S.e(2277)]).then((()=>()=>S(72277))))),p("@next-core/loader","1.5.5",(()=>S.e(5399).then((()=>()=>S(35399))))),p("@next-core/pipes","2.0.17",(()=>S.e(6519).then((()=>()=>S(76519))))),p("@next-core/react-element","1.0.22",(()=>Promise.all([S.e(8769),S.e(9929),S.e(4208),S.e(114)]).then((()=>()=>S(20114))))),p("@next-core/react-runtime","1.2.9",(()=>Promise.all([S.e(8769),S.e(2445),S.e(5530),S.e(1972)]).then((()=>()=>S(91972))))),p("@next-core/runtime","1.34.3",(()=>Promise.all([S.e(3208),S.e(8438),S.e(1030),S.e(7058),S.e(1302),S.e(5481),S.e(3436),S.e(243)]).then((()=>()=>S(23208))))),p("@next-core/supply","2.1.12",(()=>Promise.all([S.e(1030),S.e(1302),S.e(9259),S.e(9559)]).then((()=>()=>S(49559))))),p("@next-core/theme","1.4.8",(()=>Promise.all([S.e(1889),S.e(2052)]).then((()=>()=>S(51889))))),p("@next-core/utils/general","1.6.11",(()=>S.e(7452).then((()=>()=>S(17452))))),p("@next-core/utils/storyboard","1.6.11",(()=>Promise.all([S.e(8438),S.e(5481),S.e(3933)]).then((()=>()=>S(13933))))),p("history","4.10.1",(()=>S.e(5384).then((()=>()=>S(65384))))),p("i18next-browser-languagedetector","7.2.0",(()=>S.e(726).then((()=>()=>S(50726))))),p("i18next","22.5.1",(()=>S.e(9542).then((()=>()=>S(39542))))),p("js-yaml","3.14.1",(()=>S.e(9515).then((()=>()=>S(19515))))),p("lodash","4.17.21",(()=>S.e(5250).then((()=>()=>S(45250))))),p("moment/locale/zh-cn.js","2.29.4",(()=>Promise.all([S.e(7721),S.e(9844)]).then((()=>()=>S(61329))))),p("moment","2.29.4",(()=>Promise.all([S.e(7721),S.e(9844)]).then((()=>()=>S(99420))))),p("react-dom","0.0.0-experimental-ee8509801-20230117",(()=>Promise.all([S.e(3144),S.e(8769)]).then((()=>()=>S(43144))))),p("react-i18next","12.3.1",(()=>Promise.all([S.e(8769),S.e(3620)]).then((()=>()=>S(3620))))),p("react","0.0.0-experimental-ee8509801-20230117",(()=>S.e(4041).then((()=>()=>S(14041)))))),s[i]=l.length?Promise.all(l).then((()=>s[i]=1)):1}}})(),(()=>{var s;S.g.importScripts&&(s=S.g.location+"");var e=S.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(/\/[^\/]+$/,"/"),S.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=[],c=u.pop.bind(u);for(m=1;m<s.length;m++){var o=s[m];u.push(1==o?c()|c():2==o?c()&c():o?p(o,e):!c())}return!!c()},l=(s,e)=>{var i=s[e];return(e=Object.keys(i).reduce(((s,e)=>!s||m(s,e)?e:s),0))&&i[e]},g=(s,e)=>{var i=s[e];return Object.keys(i).reduce(((s,e)=>!s||!i[s].loaded&&m(s,e)?e:s),0)},j=(s,e,i,a)=>"Unsatisfied version "+i+" from "+(i&&s[e][i].from)+" of shared singleton module "+e+" (required "+n(a)+")",t=(s,e,i,a)=>{var r=g(s,i);return d(s[i][r])},u=(s,e,i,a)=>{var r=g(s,i);return p(a,r)||o(j(s,i,r,a)),d(s[i][r])},c=(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)},d=s=>(s.loaded=1,s.get()),b=(f=s=>function(e,i,a,r){var m=S.I(e);return m&&m.then?m.then(s.bind(s,e,S.S[e],i,a,r)):s(e,S.S[e],i,a,r)})(((s,e,i,a)=>e&&S.o(e,i)?d(l(e,i)):a())),h=f(((s,e,i,a)=>e&&S.o(e,i)?t(e,0,i):a())),v=f(((s,e,i,a,r)=>e&&S.o(e,i)?u(e,0,i,a):r())),x=f(((s,e,i,a,r)=>{var m=e&&S.o(e,i)&&c(e,i,a);return m?d(m):r()})),y={},P={28297:()=>v("default","moment",[1,2,27,0],(()=>Promise.all([S.e(7721),S.e(9844)]).then((()=>()=>S(99420))))),55521:()=>v("default","lodash",[1,4,17,19],(()=>S.e(5250).then((()=>()=>S(45250))))),91204:()=>v("default","js-yaml",[1,3,14,0],(()=>S.e(9515).then((()=>()=>S(19515))))),12617:()=>v("default","@babel/parser",[1,7,24,0],(()=>S.e(6773).then((()=>()=>S(46773))))),17058:()=>v("default","@next-core/i18n",[1,1,0,39],(()=>Promise.all([S.e(8438),S.e(8442),S.e(3171)]).then((()=>()=>S(75552))))),47825:()=>v("default","react-i18next",[1,12,3,1],(()=>Promise.all([S.e(8769),S.e(3620)]).then((()=>()=>S(3620))))),48438:()=>v("default","@next-core/utils/general",[1,1,6,11],(()=>S.e(7452).then((()=>()=>S(17452))))),2350:()=>v("default","i18next",[1,22,5,1],(()=>S.e(9542).then((()=>()=>S(39542))))),76837:()=>v("default","i18next-browser-languagedetector",[1,7,2,0],(()=>S.e(726).then((()=>()=>S(50726))))),41030:()=>v("default","lodash",[1,4,17,21],(()=>S.e(5250).then((()=>()=>S(45250))))),99259:()=>v("default","@next-core/pipes",[1,2,0,17],(()=>S.e(6519).then((()=>()=>S(76519))))),161:()=>v("default","@easyops-cn/brick-next-pipes",[2,0,6,0],(()=>Promise.all([S.e(4741),S.e(886)]).then((()=>()=>S(24741))))),18769:()=>x("default","react",[6,0,0,0,,"experimental-ee8509801-20230117"],(()=>S.e(4041).then((()=>()=>S(14041))))),79929:()=>x("default","@next-core/element",[1,1,2,3],(()=>S.e(1045).then((()=>()=>S(21045))))),59435:()=>x("default","react-dom",[6,0,0,0,,"experimental-ee8509801-20230117"],(()=>S.e(3144).then((()=>()=>S(43144))))),70454:()=>b("default","react-dom",(()=>S.e(3144).then((()=>()=>S(43144))))),72445:()=>h("default","lodash",(()=>S.e(5250).then((()=>()=>S(45250))))),5530:()=>v("default","@next-core/runtime",[1,1,34,3],(()=>Promise.all([S.e(3208),S.e(8438),S.e(1030),S.e(7058),S.e(1302),S.e(5481),S.e(3436),S.e(918)]).then((()=>()=>S(23208))))),21302:()=>v("default","moment",[1,2,30,1],(()=>Promise.all([S.e(7721),S.e(9844)]).then((()=>()=>S(99420))))),75481:()=>v("default","@next-core/cook",[1,2,2,13],(()=>Promise.all([S.e(1122),S.e(2617)]).then((()=>()=>S(61122))))),26036:()=>v("default","moment/locale/zh-cn.js",[1,2,30,1],(()=>Promise.all([S.e(7721),S.e(9844)]).then((()=>()=>S(61329))))),32890:()=>v("default","history",[1,4,10,1],(()=>S.e(5384).then((()=>()=>S(65384))))),35435:()=>v("default","@next-core/inject",[1,1,0,29],(()=>Promise.all([S.e(9259),S.e(4658)]).then((()=>()=>S(72277))))),50050:()=>v("default","@next-core/utils/storyboard",[1,1,6,11],(()=>S.e(6314).then((()=>()=>S(13933))))),66154:()=>v("default","@next-core/loader",[1,1,5,5],(()=>S.e(7780).then((()=>()=>S(35399))))),75290:()=>v("default","@next-core/http",[1,1,1,10],(()=>S.e(1370).then((()=>()=>S(48989))))),87731:()=>v("default","@next-core/supply",[1,2,1,12],(()=>Promise.all([S.e(9259),S.e(1940)]).then((()=>()=>S(49559))))),39938:()=>x("default","@next-core/react-element",[1,1,0,22],(()=>Promise.all([S.e(4208),S.e(7733)]).then((()=>()=>S(20114))))),44291:()=>h("default","@next-core/theme",(()=>S.e(1889).then((()=>()=>S(51889))))),76263:()=>x("default","@next-core/react-runtime",[1,1,2,9],(()=>Promise.all([S.e(2445),S.e(5530),S.e(9591)]).then((()=>()=>S(91972))))),46911:()=>v("default","@next-core/i18n/react",[1,1,0,39],(()=>Promise.all([S.e(7058),S.e(8097)]).then((()=>()=>S(88097))))),36538:()=>h("default","react-i18next",(()=>S.e(1239).then((()=>()=>S(3620))))),56595:()=>h("default","@next-core/runtime",(()=>Promise.all([S.e(3208),S.e(8438),S.e(1030),S.e(7058),S.e(1302),S.e(5481),S.e(3436),S.e(45)]).then((()=>()=>S(23208))))),6238:()=>h("default","moment",(()=>Promise.all([S.e(7721),S.e(9844)]).then((()=>()=>S(99420))))),30155:()=>v("default","moment",[1,2,29,4],(()=>Promise.all([S.e(7721),S.e(9844)]).then((()=>()=>S(99420)))))},k={886:[28297,55521,91204],1030:[41030],1302:[21302],2445:[72445],2617:[12617],3436:[26036,32890,35435,50050,66154,75290,87731],3464:[6238,30155],4208:[59435,70454],5481:[75481],5530:[5530],6263:[76263],6519:[161],6538:[36538],6595:[56595],6911:[46911],7058:[17058],8097:[47825],8438:[48438],8442:[2350,76837],8769:[18769],8776:[39938,44291],9259:[99259],9929:[79929]},w={},S.f.consumes=(s,e)=>{S.o(k,s)&&k[s].forEach((s=>{if(S.o(y,s))return e.push(y[s]);if(!w[s]){var i=e=>{y[s]=0,S.m[s]=i=>{delete S.c[s],i.exports=e()}};w[s]=!0;var a=e=>{delete y[s],S.m[s]=i=>{throw delete S.c[s],e}};try{var r=P[s]();r.then?e.push(y[s]=r.then(i).catch(a)):i(r)}catch(s){a(s)}}}))},(()=>{var s={3371:0};S.f.j=(e,i)=>{var a=S.o(s,e)?s[e]:void 0;if(0!==a)if(a)i.push(a[2]);else if(/^(34(36|64)|6(263|538|595|911)|8(438|442|769|776|86)|(10|55)30|1302|2445|2617|4208|5481|7058|9259|9929)$/.test(e))s[e]=0;else{var r=new Promise(((i,r)=>a=s[e]=[i,r]));i.push(a[2]=r);var m=S.p+S.u(e),n=new Error;S.l(m,(i=>{if(S.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)S.o(n,a)&&(S.m[a]=n[a]);p&&p(S)}for(e&&e(i);l<m.length;l++)r=m[l],S.o(s,r)&&s[r]&&s[r][0](),s[r]=0},i=self.webpackChunk_next_bricks_presentational=self.webpackChunk_next_bricks_presentational||[];i.forEach(e.bind(null,0)),i.push=e.bind(null,i.push.bind(i))})(),S.nc=void 0;var _=S(48591);window["bricks/presentational"]=_})();
+//# sourceMappingURL=index.d36164a8.js.map