@next-bricks/presentational 1.21.2 → 1.21.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bricks.json +27 -27
- package/dist/chunks/5045.f4ea41c0.js +2 -0
- package/dist/chunks/5045.f4ea41c0.js.map +1 -0
- package/dist/chunks/code-wrapper.77e0170b.js +3 -0
- package/dist/chunks/code-wrapper.77e0170b.js.map +1 -0
- package/dist/chunks/eo-alert.c14c8f19.js +3 -0
- package/dist/chunks/eo-alert.c14c8f19.js.map +1 -0
- package/dist/chunks/{eo-card-item.da90013a.js → eo-card-item.36ab13b5.js} +3 -3
- package/dist/chunks/eo-card-item.36ab13b5.js.map +1 -0
- package/dist/chunks/eo-carousel-text.d8e8c2c9.js +2 -0
- package/dist/chunks/eo-carousel-text.d8e8c2c9.js.map +1 -0
- package/dist/chunks/eo-code-block.e5181263.js +2 -0
- package/dist/chunks/eo-code-block.e5181263.js.map +1 -0
- package/dist/chunks/eo-code-display.9461ddfa.js +2 -0
- package/dist/chunks/eo-code-display.9461ddfa.js.map +1 -0
- package/dist/chunks/eo-current-time.7cbef918.js +2 -0
- package/dist/chunks/eo-current-time.7cbef918.js.map +1 -0
- package/dist/chunks/{eo-descriptions.75677ae9.js → eo-descriptions.97f8cc6d.js} +3 -3
- package/dist/chunks/eo-descriptions.97f8cc6d.js.map +1 -0
- package/dist/chunks/eo-divider.7ce5e32d.js +3 -0
- package/dist/chunks/eo-divider.7ce5e32d.js.map +1 -0
- package/dist/chunks/eo-humanize-time.ae5c3e39.js +2 -0
- package/dist/chunks/eo-humanize-time.ae5c3e39.js.map +1 -0
- package/dist/chunks/eo-info-card-item.72a67cb7.js +3 -0
- package/dist/chunks/eo-info-card-item.72a67cb7.js.map +1 -0
- package/dist/chunks/{eo-loading-step.604d6e34.js → eo-loading-step.f811674a.js} +3 -3
- package/dist/chunks/{eo-loading-step.604d6e34.js.map → eo-loading-step.f811674a.js.map} +1 -1
- package/dist/chunks/eo-pagination.341f9fcc.js +3 -0
- package/dist/chunks/eo-pagination.341f9fcc.js.map +1 -0
- package/dist/chunks/eo-statistics-card.410b5416.js +2 -0
- package/dist/chunks/eo-statistics-card.410b5416.js.map +1 -0
- package/dist/chunks/{main.47fe281a.js → main.ab545775.js} +2 -2
- package/dist/chunks/{main.47fe281a.js.map → main.ab545775.js.map} +1 -1
- package/dist/examples.json +12 -12
- package/dist/index.1a516607.js +2 -0
- package/dist/index.1a516607.js.map +1 -0
- package/dist/manifest.json +267 -267
- package/dist/types.json +611 -611
- package/package.json +3 -3
- package/dist/chunks/3900.1314ea23.js +0 -2
- package/dist/chunks/3900.1314ea23.js.map +0 -1
- package/dist/chunks/code-wrapper.be0d1487.js +0 -3
- package/dist/chunks/code-wrapper.be0d1487.js.map +0 -1
- package/dist/chunks/eo-alert.625d5099.js +0 -3
- package/dist/chunks/eo-alert.625d5099.js.map +0 -1
- package/dist/chunks/eo-card-item.da90013a.js.map +0 -1
- package/dist/chunks/eo-carousel-text.8188b7b7.js +0 -2
- package/dist/chunks/eo-carousel-text.8188b7b7.js.map +0 -1
- package/dist/chunks/eo-code-block.f5ffef62.js +0 -2
- package/dist/chunks/eo-code-block.f5ffef62.js.map +0 -1
- package/dist/chunks/eo-code-display.c457657a.js +0 -2
- package/dist/chunks/eo-code-display.c457657a.js.map +0 -1
- package/dist/chunks/eo-current-time.c203517c.js +0 -2
- package/dist/chunks/eo-current-time.c203517c.js.map +0 -1
- package/dist/chunks/eo-descriptions.75677ae9.js.map +0 -1
- package/dist/chunks/eo-divider.7273176b.js +0 -3
- package/dist/chunks/eo-divider.7273176b.js.map +0 -1
- package/dist/chunks/eo-humanize-time.42af69a7.js +0 -2
- package/dist/chunks/eo-humanize-time.42af69a7.js.map +0 -1
- package/dist/chunks/eo-info-card-item.554cba4f.js +0 -3
- package/dist/chunks/eo-info-card-item.554cba4f.js.map +0 -1
- package/dist/chunks/eo-pagination.8f5dcfce.js +0 -3
- package/dist/chunks/eo-pagination.8f5dcfce.js.map +0 -1
- package/dist/chunks/eo-statistics-card.3ef146cb.js +0 -2
- package/dist/chunks/eo-statistics-card.3ef146cb.js.map +0 -1
- package/dist/index.6e8a0692.js +0 -2
- package/dist/index.6e8a0692.js.map +0 -1
- /package/dist/chunks/{code-wrapper.be0d1487.js.LICENSE.txt → code-wrapper.77e0170b.js.LICENSE.txt} +0 -0
- /package/dist/chunks/{eo-alert.625d5099.js.LICENSE.txt → eo-alert.c14c8f19.js.LICENSE.txt} +0 -0
- /package/dist/chunks/{eo-card-item.da90013a.js.LICENSE.txt → eo-card-item.36ab13b5.js.LICENSE.txt} +0 -0
- /package/dist/chunks/{eo-descriptions.75677ae9.js.LICENSE.txt → eo-descriptions.97f8cc6d.js.LICENSE.txt} +0 -0
- /package/dist/chunks/{eo-divider.7273176b.js.LICENSE.txt → eo-divider.7ce5e32d.js.LICENSE.txt} +0 -0
- /package/dist/chunks/{eo-info-card-item.554cba4f.js.LICENSE.txt → eo-info-card-item.72a67cb7.js.LICENSE.txt} +0 -0
- /package/dist/chunks/{eo-loading-step.604d6e34.js.LICENSE.txt → eo-loading-step.f811674a.js.LICENSE.txt} +0 -0
- /package/dist/chunks/{eo-pagination.8f5dcfce.js.LICENSE.txt → eo-pagination.341f9fcc.js.LICENSE.txt} +0 -0
package/dist/examples.json
CHANGED
|
@@ -5,20 +5,26 @@
|
|
|
5
5
|
"eo-alert": {
|
|
6
6
|
"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"
|
|
7
7
|
},
|
|
8
|
-
"eo-
|
|
9
|
-
"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### showActions\n\n```yaml preview\nbrick: eo-card-item\nproperties:\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 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 showActions: hover\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-card-item\n# style=\"width: 300px\"\n# has-header\n# auxiliary-text=\"初级应用\"\n# card-title=\"资源监控微应用\"\n# description=\"资源监控微应用相关前后台\"\n# show-actions=\"hover\"\n# id=\"brick-1\"\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# 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 title-suffix:\n type: bricks\n bricks:\n - brick: eo-tag\n properties:\n textContent: 已启用\n color: green\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 slot=\"title-suffix\" color=\"green\">已启用</eo-tag>\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### avatarPlacement\n\n```yaml preview\nbrick: eo-card-item\nproperties:\n avatarPlacement: title-left\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# -- YAML DELIMITER (1nbbm8) --\n# <eo-card-item\n# avatar-placement=\"title-left\"\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# };\n# </script>\n# \n```\n\n### selected\n\n```yaml preview\n- brick: eo-card-item\n properties:\n selected: true\n style:\n width: 300px\n cardTitle: 资源监控微应用\n description: 资源监控微应用相关前后台\n avatar:\n icon:\n lib: easyops\n category: default\n icon: monitor\n size: 20\n- brick: eo-card-item\n properties:\n styleType: grayish\n selected: true\n style:\n width: 300px\n cardTitle: 资源监控微应用\n description: 资源监控微应用相关前后台\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# selected\n# style=\"width: 300px\"\n# card-title=\"资源监控微应用\"\n# description=\"资源监控微应用相关前后台\"\n# id=\"brick-1\"\n# ></eo-card-item>\n# <eo-card-item\n# style-type=\"grayish\"\n# selected\n# style=\"width: 300px\"\n# card-title=\"资源监控微应用\"\n# description=\"资源监控微应用相关前后台\"\n# id=\"brick-2\"\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# size: 20,\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# size: 20,\n# };\n# </script>\n# \n```\n\n### borderColor\n\n```yaml preview\n- brick: eo-card-item\n properties:\n borderColor: blue\n style:\n width: 300px\n cardTitle: 资源监控微应用\n description: 资源监控微应用相关前后台\n avatar:\n icon:\n lib: easyops\n category: default\n icon: monitor\n size: 20\n- brick: eo-card-item\n properties:\n borderColor: blue\n selected: true\n style:\n marginTop: 8px\n width: 300px\n cardTitle: 资源监控微应用\n description: 资源监控微应用相关前后台\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# border-color=\"blue\"\n# style=\"width: 300px\"\n# card-title=\"资源监控微应用\"\n# description=\"资源监控微应用相关前后台\"\n# id=\"brick-1\"\n# ></eo-card-item>\n# <eo-card-item\n# border-color=\"blue\"\n# selected\n# style=\"margin-top: 8px; width: 300px\"\n# card-title=\"资源监控微应用\"\n# description=\"资源监控微应用相关前后台\"\n# id=\"brick-2\"\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# size: 20,\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# 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\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### stacked\n\n```yaml preview\n- brick: eo-card-item\n properties:\n stacked: true\n style:\n width: 300px\n cardTitle: 资源监控微应用\n description: 资源监控微应用相关前后台\n avatar:\n icon:\n lib: easyops\n category: default\n icon: monitor\n size: 20\n- brick: eo-card-item\n properties:\n stacked: true\n styleType: grayish\n style:\n marginTop: 18px\n width: 300px\n cardTitle: 资源监控微应用\n description: 资源监控微应用相关前后台\n avatar:\n icon:\n lib: easyops\n category: default\n icon: monitor\n size: 20\n- brick: eo-card-item\n properties:\n stacked: true\n borderColor: blue\n style:\n marginTop: 18px\n width: 300px\n cardTitle: 资源监控微应用\n description: 资源监控微应用相关前后台\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# stacked\n# style=\"width: 300px\"\n# card-title=\"资源监控微应用\"\n# description=\"资源监控微应用相关前后台\"\n# id=\"brick-1\"\n# ></eo-card-item>\n# <eo-card-item\n# stacked\n# style-type=\"grayish\"\n# style=\"margin-top: 18px; width: 300px\"\n# card-title=\"资源监控微应用\"\n# description=\"资源监控微应用相关前后台\"\n# id=\"brick-2\"\n# ></eo-card-item>\n# <eo-card-item\n# stacked\n# border-color=\"blue\"\n# style=\"margin-top: 18px; width: 300px\"\n# card-title=\"资源监控微应用\"\n# description=\"资源监控微应用相关前后台\"\n# id=\"brick-3\"\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# size: 20,\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# size: 20,\n# };\n# \n# const brick_3 = document.getElementById(\"brick-3\");\n# brick_3.avatar = {\n# icon: {\n# lib: \"easyops\",\n# category: \"default\",\n# icon: \"monitor\",\n# },\n# size: 20,\n# };\n# </script>\n# \n```\n\n### cardStyle\n\n```yaml preview\n- brick: eo-card-item\n properties:\n style:\n width: 280px\n cardStyle:\n backgroundColor: var(--palette-gray-blue-6)\n cardTitle: 信息卡片\n description: 这是一只可爱的北极熊\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-card-item\n# style=\"width: 280px\"\n# card-title=\"信息卡片\"\n# description=\"这是一只可爱的北极熊\"\n# id=\"brick-1\"\n# ></eo-card-item>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.cardStyle = {\n# backgroundColor: \"var(--palette-gray-blue-6)\",\n# };\n# </script>\n# \n```\n"
|
|
8
|
+
"eo-code-display": {
|
|
9
|
+
"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 = () => 123;\n# const job = {\n# title: 'Developer',\n# company: 'Facebook'\n# };\n# }\n# \"\n# ></eo-code-display>\n# \n```\n"
|
|
10
10
|
},
|
|
11
11
|
"eo-pagination": {
|
|
12
12
|
"doc": "分页\n\n## Examples\n\n### Basic\n\n```yaml preview\nbrick: eo-pagination\nproperties:\n total: 1000\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\n# total=\"1000\"\n# page-size=\"20\"\n# page=\"1\"\n# id=\"brick-1\"\n# ></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\n### By token\n\n```yaml preview\nbrick: eo-pagination\nproperties:\n type: token\n pageSize: 20\n nextToken: abc\n previousToken: def\nevents:\n change:\n - action: console.log\n args:\n - <% EVENT.detail %>\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-pagination\n# type=\"token\"\n# page-size=\"20\"\n# next-token=\"abc\"\n# previous-token=\"def\"\n# id=\"brick-1\"\n# ></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"
|
|
13
13
|
},
|
|
14
|
-
"eo-
|
|
15
|
-
"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 = () => 123;\n# const job = {\n# title: 'Developer',\n# company: 'Facebook'\n# };\n# }\n# \"\n# ></eo-code-display>\n# \n```\n"
|
|
14
|
+
"eo-card-item": {
|
|
15
|
+
"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### showActions\n\n```yaml preview\nbrick: eo-card-item\nproperties:\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 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 showActions: hover\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-card-item\n# style=\"width: 300px\"\n# has-header\n# auxiliary-text=\"初级应用\"\n# card-title=\"资源监控微应用\"\n# description=\"资源监控微应用相关前后台\"\n# show-actions=\"hover\"\n# id=\"brick-1\"\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# 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 title-suffix:\n type: bricks\n bricks:\n - brick: eo-tag\n properties:\n textContent: 已启用\n color: green\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 slot=\"title-suffix\" color=\"green\">已启用</eo-tag>\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### avatarPlacement\n\n```yaml preview\nbrick: eo-card-item\nproperties:\n avatarPlacement: title-left\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# -- YAML DELIMITER (1nbbm8) --\n# <eo-card-item\n# avatar-placement=\"title-left\"\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# };\n# </script>\n# \n```\n\n### selected\n\n```yaml preview\n- brick: eo-card-item\n properties:\n selected: true\n style:\n width: 300px\n cardTitle: 资源监控微应用\n description: 资源监控微应用相关前后台\n avatar:\n icon:\n lib: easyops\n category: default\n icon: monitor\n size: 20\n- brick: eo-card-item\n properties:\n styleType: grayish\n selected: true\n style:\n width: 300px\n cardTitle: 资源监控微应用\n description: 资源监控微应用相关前后台\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# selected\n# style=\"width: 300px\"\n# card-title=\"资源监控微应用\"\n# description=\"资源监控微应用相关前后台\"\n# id=\"brick-1\"\n# ></eo-card-item>\n# <eo-card-item\n# style-type=\"grayish\"\n# selected\n# style=\"width: 300px\"\n# card-title=\"资源监控微应用\"\n# description=\"资源监控微应用相关前后台\"\n# id=\"brick-2\"\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# size: 20,\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# size: 20,\n# };\n# </script>\n# \n```\n\n### borderColor\n\n```yaml preview\n- brick: eo-card-item\n properties:\n borderColor: blue\n style:\n width: 300px\n cardTitle: 资源监控微应用\n description: 资源监控微应用相关前后台\n avatar:\n icon:\n lib: easyops\n category: default\n icon: monitor\n size: 20\n- brick: eo-card-item\n properties:\n borderColor: blue\n selected: true\n style:\n marginTop: 8px\n width: 300px\n cardTitle: 资源监控微应用\n description: 资源监控微应用相关前后台\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# border-color=\"blue\"\n# style=\"width: 300px\"\n# card-title=\"资源监控微应用\"\n# description=\"资源监控微应用相关前后台\"\n# id=\"brick-1\"\n# ></eo-card-item>\n# <eo-card-item\n# border-color=\"blue\"\n# selected\n# style=\"margin-top: 8px; width: 300px\"\n# card-title=\"资源监控微应用\"\n# description=\"资源监控微应用相关前后台\"\n# id=\"brick-2\"\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# size: 20,\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# 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\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### stacked\n\n```yaml preview\n- brick: eo-card-item\n properties:\n stacked: true\n style:\n width: 300px\n cardTitle: 资源监控微应用\n description: 资源监控微应用相关前后台\n avatar:\n icon:\n lib: easyops\n category: default\n icon: monitor\n size: 20\n- brick: eo-card-item\n properties:\n stacked: true\n styleType: grayish\n style:\n marginTop: 18px\n width: 300px\n cardTitle: 资源监控微应用\n description: 资源监控微应用相关前后台\n avatar:\n icon:\n lib: easyops\n category: default\n icon: monitor\n size: 20\n- brick: eo-card-item\n properties:\n stacked: true\n borderColor: blue\n style:\n marginTop: 18px\n width: 300px\n cardTitle: 资源监控微应用\n description: 资源监控微应用相关前后台\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# stacked\n# style=\"width: 300px\"\n# card-title=\"资源监控微应用\"\n# description=\"资源监控微应用相关前后台\"\n# id=\"brick-1\"\n# ></eo-card-item>\n# <eo-card-item\n# stacked\n# style-type=\"grayish\"\n# style=\"margin-top: 18px; width: 300px\"\n# card-title=\"资源监控微应用\"\n# description=\"资源监控微应用相关前后台\"\n# id=\"brick-2\"\n# ></eo-card-item>\n# <eo-card-item\n# stacked\n# border-color=\"blue\"\n# style=\"margin-top: 18px; width: 300px\"\n# card-title=\"资源监控微应用\"\n# description=\"资源监控微应用相关前后台\"\n# id=\"brick-3\"\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# size: 20,\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# size: 20,\n# };\n# \n# const brick_3 = document.getElementById(\"brick-3\");\n# brick_3.avatar = {\n# icon: {\n# lib: \"easyops\",\n# category: \"default\",\n# icon: \"monitor\",\n# },\n# size: 20,\n# };\n# </script>\n# \n```\n\n### cardStyle\n\n```yaml preview\n- brick: eo-card-item\n properties:\n style:\n width: 280px\n cardStyle:\n backgroundColor: var(--palette-gray-blue-6)\n cardTitle: 信息卡片\n description: 这是一只可爱的北极熊\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-card-item\n# style=\"width: 280px\"\n# card-title=\"信息卡片\"\n# description=\"这是一只可爱的北极熊\"\n# id=\"brick-1\"\n# ></eo-card-item>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.cardStyle = {\n# backgroundColor: \"var(--palette-gray-blue-6)\",\n# };\n# </script>\n# \n```\n"
|
|
16
|
+
},
|
|
17
|
+
"eo-divider": {
|
|
18
|
+
"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"
|
|
16
19
|
},
|
|
17
20
|
"eo-info-card-item": {
|
|
18
21
|
"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"
|
|
19
22
|
},
|
|
20
|
-
"eo-
|
|
21
|
-
"doc": "
|
|
23
|
+
"eo-humanize-time": {
|
|
24
|
+
"doc": "人性化时间展示\n\n## Examples\n\n### 完整\n\n```yaml preview\n- brick: eo-humanize-time\n properties:\n formatter: full\n value: 1714026348\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-humanize-time id=\"brick-1\"></eo-humanize-time>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.formatter = \"full\";\n# brick_1.value = 1714026348;\n# </script>\n# \n```\n\n### 精确\n\n```yaml preview\n- brick: eo-humanize-time\n properties:\n formatter: accurate\n value: 1714026348\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-humanize-time id=\"brick-1\"></eo-humanize-time>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.formatter = \"accurate\";\n# brick_1.value = 1714026348;\n# </script>\n# \n```\n\n### 相对\n\n```yaml preview\n- brick: eo-humanize-time\n properties:\n formatter: relative\n isMillisecond: true\n value: 1714026348000\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-humanize-time is-millisecond id=\"brick-1\"></eo-humanize-time>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.formatter = \"relative\";\n# brick_1.value = 1714026348000;\n# </script>\n# \n```\n\n### 耗时\n\n```yaml preview\n- brick: eo-humanize-time\n properties:\n formatter: relative\n isCostTime: true\n value: 1000\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-humanize-time is-cost-time id=\"brick-1\"></eo-humanize-time>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.formatter = \"relative\";\n# brick_1.value = 1000;\n# </script>\n# \n```\n\n### 链接\n\n```yaml preview\n- brick: eo-humanize-time\n properties:\n formatter: full\n link:\n target: _blank\n url: /aaa/bbb\n value: 1714026348\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-humanize-time id=\"brick-1\"></eo-humanize-time>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.formatter = \"full\";\n# brick_1.link = {\n# target: \"_blank\",\n# url: \"/aaa/bbb\",\n# };\n# brick_1.value = 1714026348;\n# </script>\n# \n```\n\n### 自定义格式\n\n```yaml preview\n- brick: eo-humanize-time\n properties:\n inputFormat: YYYY-MM-DD\n outputFormat: LLL\n value: \"2020-02-27 16:36\"\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-humanize-time\n# input-format=\"YYYY-MM-DD\"\n# output-format=\"LLL\"\n# id=\"brick-1\"\n# ></eo-humanize-time>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.value = \"2020-02-27 16:36\";\n# </script>\n# \n```\n\n### 仅日期\n\n```yaml preview\n- brick: eo-humanize-time\n properties:\n formatter: full\n type: date\n value: 1714026348\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-humanize-time type=\"date\" id=\"brick-1\"></eo-humanize-time>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.formatter = \"full\";\n# brick_1.value = 1714026348;\n# </script>\n# \n```\n"
|
|
25
|
+
},
|
|
26
|
+
"eo-statistics-card": {
|
|
27
|
+
"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='<% PIPES.unitFormat(0.783, \"percent(1)\", 2)[0] %>'\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"
|
|
22
28
|
},
|
|
23
29
|
"eo-loading-step": {
|
|
24
30
|
"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"
|
|
@@ -31,11 +37,5 @@
|
|
|
31
37
|
},
|
|
32
38
|
"eo-code-block": {
|
|
33
39
|
"doc": "构件 `eo-code-block`\n\n## Examples\n\n### Basic\n\n```yaml preview\nbrick: eo-code-block\nproperties:\n language: js\n source: |\n function test() {\n console.log(\"Hello, world\");\n }\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-code-block\n# language=\"js\"\n# source='function test() {\n# console.log(\"Hello, world\");\n# }\n# '\n# ></eo-code-block>\n# \n```\n"
|
|
34
|
-
},
|
|
35
|
-
"eo-statistics-card": {
|
|
36
|
-
"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='<% PIPES.unitFormat(0.783, \"percent(1)\", 2)[0] %>'\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"
|
|
37
|
-
},
|
|
38
|
-
"eo-humanize-time": {
|
|
39
|
-
"doc": "人性化时间展示\n\n## Examples\n\n### 完整\n\n```yaml preview\n- brick: eo-humanize-time\n properties:\n formatter: full\n value: 1714026348\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-humanize-time id=\"brick-1\"></eo-humanize-time>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.formatter = \"full\";\n# brick_1.value = 1714026348;\n# </script>\n# \n```\n\n### 精确\n\n```yaml preview\n- brick: eo-humanize-time\n properties:\n formatter: accurate\n value: 1714026348\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-humanize-time id=\"brick-1\"></eo-humanize-time>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.formatter = \"accurate\";\n# brick_1.value = 1714026348;\n# </script>\n# \n```\n\n### 相对\n\n```yaml preview\n- brick: eo-humanize-time\n properties:\n formatter: relative\n isMillisecond: true\n value: 1714026348000\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-humanize-time is-millisecond id=\"brick-1\"></eo-humanize-time>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.formatter = \"relative\";\n# brick_1.value = 1714026348000;\n# </script>\n# \n```\n\n### 耗时\n\n```yaml preview\n- brick: eo-humanize-time\n properties:\n formatter: relative\n isCostTime: true\n value: 1000\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-humanize-time is-cost-time id=\"brick-1\"></eo-humanize-time>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.formatter = \"relative\";\n# brick_1.value = 1000;\n# </script>\n# \n```\n\n### 链接\n\n```yaml preview\n- brick: eo-humanize-time\n properties:\n formatter: full\n link:\n target: _blank\n url: /aaa/bbb\n value: 1714026348\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-humanize-time id=\"brick-1\"></eo-humanize-time>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.formatter = \"full\";\n# brick_1.link = {\n# target: \"_blank\",\n# url: \"/aaa/bbb\",\n# };\n# brick_1.value = 1714026348;\n# </script>\n# \n```\n\n### 自定义格式\n\n```yaml preview\n- brick: eo-humanize-time\n properties:\n inputFormat: YYYY-MM-DD\n outputFormat: LLL\n value: \"2020-02-27 16:36\"\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-humanize-time\n# input-format=\"YYYY-MM-DD\"\n# output-format=\"LLL\"\n# id=\"brick-1\"\n# ></eo-humanize-time>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.value = \"2020-02-27 16:36\";\n# </script>\n# \n```\n\n### 仅日期\n\n```yaml preview\n- brick: eo-humanize-time\n properties:\n formatter: full\n type: date\n value: 1714026348\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-humanize-time type=\"date\" id=\"brick-1\"></eo-humanize-time>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.formatter = \"full\";\n# brick_1.value = 1714026348;\n# </script>\n# \n```\n"
|
|
40
40
|
}
|
|
41
41
|
}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
(()=>{"use strict";var s,e,i,a,r,m,n,p,l,g,j,t,u,o,c,d,f,b,h,v,x,y,k,P,w,q={76087:(s,e,i)=>{var a={"./eo-descriptions":()=>Promise.all([i.e(8769),i.e(870),i.e(981),i.e(37),i.e(563),i.e(9711),i.e(7697)]).then((()=>()=>i(85043))),"./general-descriptions":()=>Promise.all([i.e(8769),i.e(870),i.e(981),i.e(37),i.e(563),i.e(9711),i.e(7697)]).then((()=>()=>i(85043))),"./eo-alert":()=>Promise.all([i.e(8769),i.e(870),i.e(981),i.e(37),i.e(8686),i.e(186)]).then((()=>()=>i(34171))),"./general-alert":()=>Promise.all([i.e(8769),i.e(870),i.e(981),i.e(37),i.e(8686),i.e(186)]).then((()=>()=>i(34171))),"./eo-code-display":()=>Promise.all([i.e(3699),i.e(8769),i.e(870),i.e(981),i.e(37),i.e(563),i.e(9936),i.e(8002),i.e(2866)]).then((()=>()=>i(21440))),"./code-display":()=>Promise.all([i.e(3699),i.e(8769),i.e(870),i.e(981),i.e(37),i.e(563),i.e(9936),i.e(8002),i.e(2866)]).then((()=>()=>i(21440))),"./eo-pagination":()=>Promise.all([i.e(8769),i.e(870),i.e(981),i.e(37),i.e(563),i.e(7825),i.e(8002),i.e(4568)]).then((()=>()=>i(19550))),"./eo-card-item":()=>Promise.all([i.e(8769),i.e(870),i.e(981),i.e(37),i.e(9711),i.e(5926)]).then((()=>()=>i(14180))),"./eo-divider":()=>Promise.all([i.e(8769),i.e(870),i.e(981),i.e(37),i.e(9251)]).then((()=>()=>i(53805))),"./eo-info-card-item":()=>Promise.all([i.e(8769),i.e(870),i.e(981),i.e(37),i.e(8686),i.e(9711),i.e(5845)]).then((()=>()=>i(11399))),"./eo-humanize-time":()=>Promise.all([i.e(8769),i.e(870),i.e(981),i.e(37),i.e(563),i.e(1916),i.e(8443),i.e(1999)]).then((()=>()=>i(75609))),"./humanize-time":()=>Promise.all([i.e(8769),i.e(870),i.e(981),i.e(37),i.e(563),i.e(1916),i.e(8443),i.e(1999)]).then((()=>()=>i(75609))),"./eo-statistics-card":()=>Promise.all([i.e(8769),i.e(870),i.e(981),i.e(37),i.e(1608)]).then((()=>()=>i(39438))),"./eo-loading-step":()=>Promise.all([i.e(8769),i.e(870),i.e(981),i.e(37),i.e(9936),i.e(9711),i.e(7651)]).then((()=>()=>i(97245))),"./eo-current-time":()=>Promise.all([i.e(8769),i.e(870),i.e(981),i.e(37),i.e(1916),i.e(3187)]).then((()=>()=>i(79917))),"./eo-carousel-text":()=>Promise.all([i.e(9126),i.e(8769),i.e(870),i.e(981),i.e(37),i.e(7805)]).then((()=>()=>i(62872))),"./eo-code-block":()=>Promise.all([i.e(3897),i.e(8769),i.e(870),i.e(981),i.e(37),i.e(8686),i.e(9711),i.e(2059)]).then((()=>()=>i(95013))),"./code-block":()=>Promise.all([i.e(3897),i.e(8769),i.e(870),i.e(981),i.e(37),i.e(8686),i.e(9711),i.e(2059)]).then((()=>()=>i(95013))),"./code-wrapper":()=>Promise.all([i.e(8769),i.e(870),i.e(981),i.e(37),i.e(9936),i.e(7758)]).then((()=>()=>i(18395)))},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})}},S={};function O(s){var e=S[s];if(void 0!==e)return e.exports;var i=S[s]={id:s,loaded:!1,exports:{}};return q[s].call(i.exports,i,i.exports,O),i.loaded=!0,i.exports}O.m=q,O.c=S,O.n=s=>{var e=s&&s.__esModule?()=>s.default:()=>s;return O.d(e,{a:e}),e},e=Object.getPrototypeOf?s=>Object.getPrototypeOf(s):s=>s.__proto__,O.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);O.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,O.d(r,m),r},O.d=(s,e)=>{for(var i in e)O.o(e,i)&&!O.o(s,i)&&Object.defineProperty(s,i,{enumerable:!0,get:e[i]})},O.f={},O.e=s=>Promise.all(Object.keys(O.f).reduce(((e,i)=>(O.f[i](s,e),e)),[])),O.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",2059:"eo-code-block",2067:"./prismjs/languages/prism-hlsl-min-js",2082:"./prismjs/languages/prism-haml-min-js",2099:"./prismjs/languages/prism-go-module-min-js",2124:"./prismjs/languages/prism-scss-min-js",2142:"./prismjs/languages/prism-wren-min-js",2198:"./prismjs/languages/prism-keepalived-min-js",2204:"./prismjs/languages/prism-avisynth-min-js",2232:"./prismjs/languages/prism-t4-templating-min-js",2241:"./prismjs/languages/prism-twig-min-js",2306:"./prismjs/languages/prism-ocaml-min-js",2425:"./prismjs/languages/prism-solidity-min-js",2501:"./prismjs/languages/prism-yang-min-js",2573:"./prismjs/languages/prism-jq-min-js",2624:"./prismjs/languages/prism-ruby-min-js",2626:"./prismjs/languages/prism-clojure-min-js",2655:"./prismjs/languages/prism-prolog-min-js",2676:"./prismjs/languages/prism-smarty-min-js",2709:"./prismjs/languages/prism-properties-min-js",2713:"./prismjs/languages/prism-icon-min-js",2766:"./prismjs/languages/prism-csv-min-js",2866:"eo-code-display",2913:"./prismjs/languages/prism-keyman-min-js",2961:"./prismjs/languages/prism-qsharp-min-js",3008:"./prismjs/languages/prism-markup-min-js",3017:"./prismjs/languages/prism-vim-min-js",3020:"./prismjs/languages/prism-eiffel-min-js",3122:"./prismjs/languages/prism-abap-min-js",3183:"./prismjs/languages/prism-cypher-min-js",3187:"eo-current-time",3266:"./prismjs/languages/prism-plsql-min-js",3279:"./prismjs/languages/prism-textile-min-js",3281:"./prismjs/languages/prism-t4-vb-min-js",3299:"./prismjs/languages/prism-core-min-js",3309:"./prismjs/languages/prism-tcl-min-js",3312:"./prismjs/languages/prism-n1ql-min-js",3322:"./prismjs/languages/prism-batch-min-js",3335:"./prismjs/languages/prism-robotframework-min-js",3450:"./prismjs/languages/prism-pug-min-js",3535:"./prismjs/languages/prism-smalltalk-min-js",3588:"./prismjs/languages/prism-aql-min-js",3636:"./prismjs/languages/prism-lua-min-js",3656:"./prismjs/languages/prism-pcaxis-min-js",3665:"./prismjs/languages/prism-css-extras-min-js",3675:"./prismjs/languages/prism-protobuf-min-js",3680:"./prismjs/languages/prism-xeora-min-js",3681:"./prismjs/languages/prism-powershell-min-js",3689:"./prismjs/languages/prism-nand2tetris-hdl-min-js",3721:"./prismjs/languages/prism-al-min-js",3729:"./prismjs/languages/prism-monkey-min-js",3736:"./prismjs/languages/prism-flow-min-js",3762:"./prismjs/languages/prism-d-min-js",3778:"./prismjs/languages/prism-ignore-min-js",3840:"./prismjs/languages/prism-fortran-min-js",3934:"./prismjs/languages/prism-concurnas-min-js",3942:"./prismjs/languages/prism-ejs-min-js",3975:"./prismjs/languages/prism-promql-min-js",3995:"./prismjs/languages/prism-toml-min-js",4001:"./prismjs/languages/prism-warpscript-min-js",4008:"./prismjs/languages/prism-javadoc-min-js",4011:"./prismjs/languages/prism-jsx-min-js",4030:"./prismjs/languages/prism-groovy-min-js",4058:"./prismjs/languages/prism-ada-min-js",4067:"./prismjs/languages/prism-yaml-min-js",4072:"./prismjs/languages/prism-stan-min-js",4132:"./prismjs/languages/prism-log-min-js",4177:"./prismjs/languages/prism-apl-min-js",4188:"./prismjs/languages/prism-clike-min-js",4194:"./prismjs/languages/prism-plant-uml-min-js",4266:"./prismjs/languages/prism-elm-min-js",4279:"./prismjs/languages/prism-linker-script-min-js",4319:"./prismjs/languages/prism-julia-min-js",4336:"./prismjs/languages/prism-qml-min-js",4349:"./prismjs/languages/prism-mata-min-js",4361:"./prismjs/languages/prism-gml-min-js",4374:"./prismjs/languages/prism-asm6502-min-js",4415:"./prismjs/languages/prism-elixir-min-js",4417:"./prismjs/languages/prism-gn-min-js",4444:"./prismjs/languages/prism-csp-min-js",4454:"./prismjs/languages/prism-sass-min-js",4489:"./prismjs/languages/prism-sparql-min-js",4504:"./prismjs/languages/prism-tt2-min-js",4544:"./prismjs/languages/prism-inform7-min-js",4568:"eo-pagination",4570:"./prismjs/languages/prism-roboconf-min-js",4574:"./prismjs/languages/prism-solution-file-min-js",4653:"./prismjs/languages/prism-n4js-min-js",4662:"./prismjs/languages/prism-vala-min-js",4708:"./prismjs/languages/prism-mel-min-js",4770:"./prismjs/languages/prism-sml-min-js",4805:"./prismjs/languages/prism-nasm-min-js",4832:"./prismjs/languages/prism-php-extras-min-js",4835:"./prismjs/languages/prism-coffeescript-min-js",4887:"./prismjs/languages/prism-pascaligo-min-js",4959:"./prismjs/languages/prism-visual-basic-min-js",4974:"./prismjs/languages/prism-bash-min-js",4987:"./prismjs/languages/prism-arturo-min-js",5029:"./prismjs/languages/prism-qore-min-js",5104:"./prismjs/languages/prism-bbj-min-js",5129:"./prismjs/languages/prism-mermaid-min-js",5183:"./prismjs/languages/prism-soy-min-js",5224:"./prismjs/languages/prism-http-min-js",5249:"./prismjs/languages/prism-false-min-js",5275:"./prismjs/languages/prism-factor-min-js",5394:"./prismjs/languages/prism-rescript-min-js",5398:"./prismjs/languages/prism-uorazor-min-js",5404:"./prismjs/languages/prism-v-min-js",5489:"./prismjs/languages/prism-dhall-min-js",5518:"./prismjs/languages/prism-kusto-min-js",5542:"./prismjs/languages/prism-rust-min-js",5715:"./prismjs/languages/prism-gradle-min-js",5716:"./prismjs/languages/prism-haxe-min-js",5719:"./prismjs/languages/prism-cpp-min-js",5800:"./prismjs/languages/prism-cilkc-min-js",5836:"./prismjs/languages/prism-crystal-min-js",5845:"eo-info-card-item",5854:"./prismjs/languages/prism-sql-min-js",5918:"./prismjs/languages/prism-nim-min-js",5926:"eo-card-item",5932:"./prismjs/languages/prism-reason-min-js",5937:"./prismjs/languages/prism-livescript-min-js",6008:"./prismjs/languages/prism-nevod-min-js",6016:"./prismjs/languages/prism-cilkcpp-min-js",6032:"./prismjs/languages/prism-firestore-security-rules-min-js",6048:"./prismjs/languages/prism-markup-templating-min-js",6062:"./prismjs/languages/prism-turtle-min-js",6176:"./prismjs/languages/prism-lisp-min-js",6261:"./prismjs/languages/prism-llvm-min-js",6282:"./prismjs/languages/prism-gcode-min-js",6303:"./prismjs/languages/prism-etlua-min-js",6305:"./prismjs/languages/prism-swift-min-js",6308:"./prismjs/languages/prism-makefile-min-js",6331:"./prismjs/languages/prism-bqn-min-js",6337:"./prismjs/languages/prism-actionscript-min-js",6347:"./prismjs/languages/prism-opencl-min-js",6352:"./prismjs/languages/prism-liquid-min-js",6360:"./prismjs/languages/prism-java-min-js",6376:"./prismjs/languages/prism-r-min-js",6381:"./prismjs/languages/prism-parigp-min-js",6431:"./prismjs/languages/prism-dax-min-js",6438:"./prismjs/languages/prism-haskell-min-js",6442:"./prismjs/languages/prism-arduino-min-js",6454:"./prismjs/languages/prism-rest-min-js",6475:"./prismjs/languages/prism-arff-min-js",6532:"./prismjs/languages/prism-apex-min-js",6546:"./prismjs/languages/prism-racket-min-js",6551:"./prismjs/languages/prism-coq-min-js",6575:"./prismjs/languages/prism-dns-zone-file-min-js",6666:"./prismjs/languages/prism-latex-min-js",6687:"./prismjs/languages/prism-aspnet-min-js",6694:"./prismjs/languages/prism-wolfram-min-js",6724:"./prismjs/languages/prism-asmatmel-min-js",6742:"./prismjs/languages/prism-cfscript-min-js",6743:"./prismjs/languages/prism-csharp-min-js",6778:"./prismjs/languages/prism-git-min-js",6931:"./prismjs/languages/prism-sas-min-js",7001:"./prismjs/languages/prism-antlr4-min-js",7065:"./prismjs/languages/prism-bison-min-js",7088:"./prismjs/languages/prism-verilog-min-js",7111:"./prismjs/languages/prism-c-min-js",7141:"./prismjs/languages/prism-javastacktrace-min-js",7152:"./prismjs/languages/prism-sqf-min-js",7156:"./prismjs/languages/prism-hoon-min-js",7161:"./prismjs/languages/prism-gettext-min-js",7231:"./prismjs/languages/prism-nsis-min-js",7250:"./prismjs/languages/prism-fsharp-min-js",7264:"./prismjs/languages/prism-wasm-min-js",7310:"./prismjs/languages/prism-php-min-js",7418:"./prismjs/languages/prism-kumir-min-js",7430:"./prismjs/languages/prism-excel-formula-min-js",7438:"./prismjs/languages/prism-gap-min-js",7488:"./prismjs/languages/prism-uri-min-js",7504:"./prismjs/languages/prism-basic-min-js",7514:"./prismjs/languages/prism-go-min-js",7521:"./prismjs/languages/prism-psl-min-js",7566:"./prismjs/languages/prism-nginx-min-js",7588:"./prismjs/languages/prism-wiki-min-js",7597:"./prismjs/languages/prism-bbcode-min-js",7601:"./prismjs/languages/prism-applescript-min-js",7617:"./prismjs/languages/prism-regex-min-js",7650:"./prismjs/languages/prism-smali-min-js",7651:"eo-loading-step",7661:"./prismjs/languages/prism-mizar-min-js",7672:"./prismjs/languages/prism-metafont-min-js",7674:"./prismjs/languages/prism-autoit-min-js",7683:"./prismjs/languages/prism-hpkp-min-js",7697:"eo-descriptions",7712:"./prismjs/languages/prism-scala-min-js",7758:"code-wrapper",7769:"./prismjs/languages/prism-shell-session-min-js",7805:"eo-carousel-text",7847:"./prismjs/languages/prism-tap-min-js",7861:"./prismjs/languages/prism-gedcom-min-js",7907:"./prismjs/languages/prism-js-extras-min-js",8099:"./prismjs/languages/prism-rego-min-js",8169:"./prismjs/languages/prism-armasm-min-js",8229:"./prismjs/languages/prism-kotlin-min-js",8281:"./prismjs/languages/prism-nix-min-js",8329:"./prismjs/languages/prism-bicep-min-js",8352:"./prismjs/languages/prism-gherkin-min-js",8365:"./prismjs/languages/prism-purescript-min-js",8371:"./prismjs/languages/prism-django-min-js",8385:"./prismjs/languages/prism-cmake-min-js",8441:"./prismjs/languages/prism-supercollider-min-js",8454:"./prismjs/languages/prism-python-min-js",8459:"./prismjs/languages/prism-splunk-spl-min-js",8467:"./prismjs/languages/prism-abnf-min-js",8477:"./prismjs/languages/prism-wgsl-min-js",8541:"./prismjs/languages/prism-vbnet-min-js",8563:"./prismjs/languages/prism-awk-min-js",8593:"./prismjs/languages/prism-autohotkey-min-js",8636:"./prismjs/languages/prism-xml-doc-min-js",8638:"./prismjs/languages/prism-stylus-min-js",8723:"./prismjs/languages/prism-bro-min-js",8756:"./prismjs/languages/prism-hsts-min-js",8761:"./prismjs/languages/prism-jolie-min-js",8783:"./prismjs/languages/prism-javascript-min-js",8791:"./prismjs/languages/prism-velocity-min-js",8796:"./prismjs/languages/prism-jsonp-min-js",8809:"./prismjs/languages/prism-css-min-js",8850:"./prismjs/languages/prism-peoplecode-min-js",8946:"./prismjs/languages/prism-purebasic-min-js",8956:"./prismjs/languages/prism-parser-min-js",8968:"./prismjs/languages/prism-bnf-min-js",9051:"./prismjs/languages/prism-editorconfig-min-js",9080:"./prismjs/languages/prism-pascal-min-js",9093:"./prismjs/languages/prism-tremor-min-js",9103:"./prismjs/languages/prism-lilypond-min-js",9168:"./prismjs/languages/prism-apacheconf-min-js",9169:"./prismjs/languages/prism-perl-min-js",9195:"./prismjs/languages/prism-naniscript-min-js",9251:"eo-divider",9265:"./prismjs/languages/prism-dart-min-js",9364:"./prismjs/languages/prism-odin-min-js",9406:"./prismjs/languages/prism-openqasm-min-js",9429:"./prismjs/languages/prism-markdown-min-js",9476:"./prismjs/languages/prism-cooklang-min-js",9503:"./prismjs/languages/prism-agda-min-js",9565:"./prismjs/languages/prism-brainfuck-min-js",9619:"./prismjs/languages/prism-cshtml-min-js",9657:"./prismjs/languages/prism-birb-min-js",9698:"./prismjs/languages/prism-pure-min-js",9707:"./prismjs/languages/prism-t4-cs-min-js",9709:"./prismjs/languages/prism-jsdoc-min-js",9736:"./prismjs/languages/prism-neon-min-js",9807:"./prismjs/languages/prism-idris-min-js",9815:"./prismjs/languages/prism-stata-min-js",9823:"./prismjs/languages/prism-ebnf-min-js",9832:"./prismjs/languages/prism-lolcode-min-js",9886:"./prismjs/languages/prism-web-idl-min-js",9918:"./prismjs/languages/prism-avro-idl-min-js",9930:"./prismjs/languages/prism-xojo-min-js",9984:"./prismjs/languages/prism-xquery-min-js"}[s]||s)+"."+{69:"b7449b8c",114:"1cbe662e",132:"42aff659",160:"31d008b0",173:"7d76813b",179:"c14f8f77",186:"c14c8f19",242:"14e88249",246:"ce90ce9d",303:"26e3e2ed",481:"e3d9f4f8",639:"88d5b61f",641:"9da1ce70",656:"9e20090b",672:"fc7700d0",726:"49728b99",769:"52e0e79a",871:"9f1c7ab2",899:"cb07a372",900:"48557786",905:"e6c09c1f",936:"d0665d2d",948:"e1790690",980:"0a832073",985:"446f0fb3",1007:"2ddc01e2",1045:"dc92bc0b",1051:"6ff32e68",1077:"fffcdffc",1120:"a1539fd9",1122:"89db8abf",1214:"419ff3e8",1215:"7e9cfce1",1217:"db9f5037",1224:"1d3fd15c",1241:"a0d5924e",1269:"40bd2282",1274:"e78ce85f",1275:"a0e4cbdd",1299:"3ad96006",1303:"af2387fa",1316:"dfa39628",1332:"f5306605",1348:"a8487396",1370:"fef134cf",1375:"a637a551",1381:"1ddbe184",1391:"8ff8daaf",1399:"30de66fb",1409:"e751ebbd",1531:"49211764",1552:"a31cfa80",1573:"199c61b2",1590:"067f8a82",1601:"0c08a4ad",1608:"410b5416",1632:"72e283f7",1650:"06d06b2d",1775:"42bf0f86",1796:"3b15341d",1798:"5ab632c8",1846:"81e81d0f",1875:"7403530d",1880:"699fbe01",1889:"4559a6f7",1901:"a9b516bb",1940:"79c875bd",1988:"3fead735",1999:"ae5c3e39",2023:"ee190d5c",2052:"16d7fa7d",2058:"ffd80127",2059:"e5181263",2067:"984753b1",2082:"b6c65a6b",2099:"c5ff471f",2124:"8fc8147e",2142:"d30c5691",2198:"dee532d6",2204:"1f0667b1",2232:"5098bab1",2241:"543f64bd",2277:"6fc42642",2306:"25024250",2425:"b6faf574",2449:"216a2777",2501:"69cc70a4",2510:"c0cb41a1",2573:"b563118c",2593:"1ae05d1e",2624:"52859bef",2626:"53fc162f",2655:"109c9829",2676:"14020698",2709:"80691712",2713:"55bebf4e",2766:"57485228",2866:"9461ddfa",2913:"a869cbbf",2961:"dae0d3b6",3008:"a373176f",3017:"9bfbd909",3020:"7c37517a",3122:"4417e157",3144:"cf764969",3171:"91e2c51e",3183:"d87cef8f",3187:"7cbef918",3266:"bdec7d72",3279:"60f34f02",3281:"00739654",3299:"0aa9d026",3309:"e9213207",3312:"a42f9e78",3322:"17fc968e",3335:"6b9d2b78",3426:"a9794cd1",3450:"58f08617",3535:"3f0c1f83",3588:"2a7af2d4",3636:"33e81c92",3656:"ef28bf31",3665:"c048d48d",3675:"688f6f45",3680:"fc90be72",3681:"9829cd2c",3689:"80d5c642",3699:"6f60864f",3721:"d2555cf8",3729:"4f6d547a",3736:"30ada718",3762:"b32f7be5",3778:"01b783b4",3840:"838da001",3897:"510e7cbb",3934:"8d679983",3942:"cea0e6f5",3975:"0029afde",3995:"88dfb7c6",4001:"3cab2491",4008:"0b280973",4011:"e03c6a06",4030:"410de767",4041:"4050688d",4058:"14438ec9",4067:"ea73b67b",4072:"cdcd7511",4132:"51856270",4177:"9150673f",4188:"8b98a856",4190:"ed091f3e",4194:"0485ad66",4266:"640887d2",4279:"81999ae7",4306:"3e1ac1d3",4319:"d485bbe7",4336:"cbe38a14",4349:"c4d3a2f4",4361:"467add9e",4374:"df011ff1",4415:"0a68a8e1",4417:"fcd0a23c",4444:"55a2b134",4454:"d5457f61",4489:"0cfdf916",4504:"1b100e38",4544:"0339dcec",4568:"341f9fcc",4570:"8088ca48",4574:"88342a14",4609:"4b23d329",4653:"dac6df62",4658:"87d2cc42",4662:"dd75029d",4708:"89f6bee1",4735:"eefcc091",4765:"9d03b0af",4770:"367b3782",4805:"58353cec",4832:"3b96dd25",4835:"c0c62eab",4837:"3ae6253e",4887:"c2062ef5",4959:"5bbaac14",4974:"9d7e42da",4987:"7c15a642",5029:"987e9923",5032:"380eece1",5065:"3c2dbb83",5104:"6a5b2ea1",5129:"c21257dc",5183:"4dff365b",5224:"fce78e03",5249:"50548852",5250:"2f481c57",5275:"dc0c1f22",5384:"e313aa8e",5394:"be50efbe",5398:"e2fc365c",5399:"23640b2d",5404:"ff93c8ba",5489:"81ab8046",5498:"8bf3dbd7",5518:"27c9a28f",5542:"4e28e7f4",5552:"965f0567",5715:"d0d4f091",5716:"defa4f5c",5719:"61e81b9a",5800:"16fa69b0",5836:"f5ca5ca7",5845:"72a67cb7",5854:"c1dbdf8f",5918:"d90ad370",5926:"36ab13b5",5932:"3ab24940",5937:"60abe023",6008:"db1553c0",6016:"c9fc5563",6032:"4524e760",6048:"0b389d34",6062:"7d456163",6176:"a67c9c5b",6261:"d3dee230",6282:"adb9fa03",6303:"78039417",6305:"747b1ea9",6308:"5f47bc64",6331:"d4fef5d8",6337:"9c716123",6347:"4b7bab35",6352:"e6c41b82",6360:"c95e2374",6376:"272b92da",6381:"8dc93ed2",6431:"91df630c",6438:"c7f15254",6442:"063815ae",6454:"6d68b840",6475:"a6b47cfc",6519:"10bb5305",6532:"923a51f6",6546:"fc9570c1",6551:"fb4dac62",6575:"4bb38612",6666:"eb0d1566",6687:"ce325dfe",6694:"86ca78bf",6724:"54b2d8c1",6742:"c7c21341",6743:"d38144aa",6773:"566c8c4c",6778:"9405ecff",6931:"97c59a51",7001:"79177ffb",7065:"0c4d626a",7088:"ba84583f",7111:"953c276e",7141:"9c75b89b",7146:"2edec8bc",7152:"42a3dacd",7156:"650f48bb",7161:"9b282717",7218:"4acefe69",7231:"551155a3",7250:"1f686fa1",7264:"9e93cc9d",7310:"fb5a6ebb",7418:"afe2a392",7430:"efd7bdcf",7438:"d8c17f85",7488:"ddb61659",7504:"da4ae08a",7514:"3f1956ad",7521:"f548a425",7566:"d120012e",7588:"acec031c",7597:"764bb13e",7601:"444b8f6e",7617:"08d7d840",7650:"b4a257f3",7651:"f811674a",7661:"964ccaba",7672:"2ec3ebfa",7674:"3bccbf7c",7683:"7c8bd76a",7697:"97f8cc6d",7712:"82d57e7f",7721:"77a0a7f0",7733:"4dfd8892",7758:"77e0170b",7769:"d2f43b20",7805:"d8e8c2c9",7847:"b389c398",7861:"e9c751b8",7907:"d21b01a5",8097:"c5283514",8099:"996b5066",8169:"131e2a9a",8229:"fb09ff4d",8263:"2d81f44c",8281:"a38f68c2",8311:"ac832586",8329:"7ab86f26",8352:"c4ec451e",8365:"15e67895",8371:"db0d5bcd",8385:"5aaad408",8441:"80432a43",8454:"19b12cbc",8459:"c0274d26",8467:"5f7c8bcf",8477:"3aec04ad",8541:"ce550a7b",8563:"dfb29ef6",8593:"fc4c3789",8636:"0e0bc569",8638:"068ecb9d",8723:"caa6f3d4",8755:"320dc44a",8756:"d3f57c4a",8757:"4825c77f",8761:"fba36ca2",8783:"25a43d0b",8791:"dd7c3b2e",8796:"971e7d56",8809:"07f5baf6",8850:"dede2231",8946:"296f6e0f",8956:"c74714aa",8968:"39239d56",8989:"a2cef224",9051:"947b1f05",9080:"43033f39",9093:"ba0501ac",9103:"8af53d2f",9126:"75be920d",9168:"6200c5f2",9169:"de390d1e",9195:"a8498e4b",9251:"7ce5e32d",9265:"e75ac2a2",9364:"9fd7d601",9406:"5832467f",9429:"8a7d6947",9476:"9d5ff613",9503:"ecb7b544",9515:"9034c5ce",9542:"d476fd8c",9559:"b0ede732",9565:"c98ed7bd",9619:"85ad23f0",9657:"21e01373",9698:"cbe58998",9707:"46b781ce",9709:"08f3a60f",9736:"4a48d47c",9780:"fc820ef6",9807:"a219da46",9815:"e62a2a92",9823:"09f0513e",9832:"7f03a806",9844:"cab68171",9886:"eeb5cb4a",9918:"6bf360be",9930:"efdbbdd4",9984:"82487b30"}[s]+".js",O.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(s){if("object"==typeof window)return window}}(),O.o=(s,e)=>Object.prototype.hasOwnProperty.call(s,e),i={},a="@next-bricks/presentational:",O.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,O.nc&&n.setAttribute("nonce",O.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)}},O.r=s=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(s,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(s,"__esModule",{value:!0})},O.nmd=s=>(s.paths=[],s.children||(s.children=[]),s),(()=>{O.S={};var s={},e={};O.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];O.o(O.S,i)||(O.S[i]={});var m=O.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.27.2",(()=>O.e(6773).then((()=>()=>O(46773))))),p("@easyops-cn/brick-next-pipes","0.7.6",(()=>Promise.all([O.e(4306),O.e(563),O.e(1916),O.e(5310)]).then((()=>()=>O(34306))))),p("@next-core/cook","2.5.12",(()=>Promise.all([O.e(1122),O.e(580)]).then((()=>()=>O(61122))))),p("@next-core/element","1.2.19",(()=>O.e(1045).then((()=>()=>O(21045))))),p("@next-core/http","1.2.14",(()=>O.e(8989).then((()=>()=>O(48989))))),p("@next-core/i18n/react","1.0.85",(()=>Promise.all([O.e(8443),O.e(7825),O.e(8097)]).then((()=>()=>O(88097))))),p("@next-core/i18n","1.0.85",(()=>Promise.all([O.e(9936),O.e(8443),O.e(671),O.e(5552)]).then((()=>()=>O(75552))))),p("@next-core/inject","1.0.60",(()=>Promise.all([O.e(563),O.e(9933),O.e(2277)]).then((()=>()=>O(72277))))),p("@next-core/loader","1.6.17",(()=>O.e(5399).then((()=>()=>O(35399))))),p("@next-core/pipes","2.0.36",(()=>O.e(6519).then((()=>()=>O(76519))))),p("@next-core/react-element","1.0.38",(()=>Promise.all([O.e(8769),O.e(870),O.e(9435),O.e(114)]).then((()=>()=>O(20114))))),p("@next-core/react-runtime","1.7.37",(()=>Promise.all([O.e(8769),O.e(981),O.e(563),O.e(8686),O.e(4837)]).then((()=>()=>O(64837))))),p("@next-core/runtime","1.69.4",(()=>Promise.all([O.e(948),O.e(563),O.e(9936),O.e(1916),O.e(8443),O.e(1321),O.e(3616)]).then((()=>()=>O(30948))))),p("@next-core/supply","2.3.9",(()=>Promise.all([O.e(563),O.e(1916),O.e(9933),O.e(9559)]).then((()=>()=>O(49559))))),p("@next-core/theme","1.6.1",(()=>Promise.all([O.e(1889),O.e(2052)]).then((()=>()=>O(51889))))),p("@next-core/utils/general","1.8.6",(()=>O.e(871).then((()=>()=>O(40871))))),p("@next-core/utils/storyboard","1.8.6",(()=>Promise.all([O.e(563),O.e(9936),O.e(1321),O.e(7146)]).then((()=>()=>O(97146))))),p("history","4.10.1",(()=>O.e(5384).then((()=>()=>O(65384))))),p("i18next-browser-languagedetector","7.2.2",(()=>O.e(726).then((()=>()=>O(50726))))),p("i18next","22.5.1",(()=>O.e(9542).then((()=>()=>O(39542))))),p("js-yaml","3.14.1",(()=>O.e(9515).then((()=>()=>O(19515))))),p("lodash","4.17.21",(()=>O.e(5250).then((()=>()=>O(45250))))),p("moment/locale/zh-cn.js","2.30.1",(()=>Promise.all([O.e(7721),O.e(9844)]).then((()=>()=>O(61329))))),p("moment","2.30.1",(()=>Promise.all([O.e(7721),O.e(9844)]).then((()=>()=>O(99420))))),p("react-dom","0.0.0-experimental-ee8509801-20230117",(()=>Promise.all([O.e(3144),O.e(8769)]).then((()=>()=>O(43144))))),p("react-i18next","12.3.1",(()=>Promise.all([O.e(9780),O.e(8769)]).then((()=>()=>O(59780))))),p("react","0.0.0-experimental-ee8509801-20230117",(()=>O.e(4041).then((()=>()=>O(14041)))))),s[i]=l.length?Promise.all(l).then((()=>s[i]=1)):1}}})(),(()=>{var s;O.g.importScripts&&(s=O.g.location+"");var e=O.g.document;if(!s&&e&&(e.currentScript&&"SCRIPT"===e.currentScript.tagName.toUpperCase()&&(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(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),O.p=s})(),r=s=>{var e=s=>s.split(".").map((s=>+s==s?+s:s)),i=/^([^-+]+)?(?:-([^+]+))?(?:\+(.+))?$/.exec(s),a=i[1]?e(i[1]):[];return i[2]&&(a.length++,a.push.apply(a,e(i[2]))),i[3]&&(a.push([]),a.push.apply(a,e(i[3]))),a},m=(s,e)=>{s=r(s),e=r(e);for(var i=0;;){if(i>=s.length)return i<e.length&&"u"!=(typeof e[i])[0];var a=s[i],m=(typeof a)[0];if(i>=e.length)return"u"==m;var n=e[i],p=(typeof n)[0];if(m!=p)return"o"==m&&"n"==p||"s"==p||"u"==m;if("o"!=m&&"u"!=m&&a!=n)return a<n;i++}},n=s=>{var e=s[0],i="";if(1===s.length)return"*";if(e+.5){i+=0==e?">=":-1==e?"<":1==e?"^":2==e?"~":e>0?"=":"!=";for(var a=1,r=1;r<s.length;r++)a--,i+="u"==(typeof(p=s[r]))[0]?"-":(a>0?".":"")+(a=2,p);return i}var m=[];for(r=1;r<s.length;r++){var p=s[r];m.push(0===p?"not("+l()+")":1===p?"("+l()+" || "+l()+")":2===p?m.pop()+" "+m.pop():n(p))}return l();function l(){return m.pop().replace(/^\((.+)\)$/,"$1")}},p=(s,e)=>{if(0 in s){e=r(e);var i=s[0],a=i<0;a&&(i=-i-1);for(var m=0,n=1,l=!0;;n++,m++){var g,j,t=n<s.length?(typeof s[n])[0]:"";if(m>=e.length||"o"==(j=(typeof(g=e[m]))[0]))return!l||("u"==t?n>i&&!a:""==t!=a);if("u"==j){if(!l||"u"!=t)return!1}else if(l)if(t==j)if(n<=i){if(g!=s[n])return!1}else{if(a?g>s[n]:g<s[n])return!1;g!=s[n]&&(l=!1)}else if("s"!=t&&"n"!=t){if(a||n<=i)return!1;l=!1,n--}else{if(n<=i||j<t!=a)return!1;l=!1}else"s"!=t&&"n"!=t&&(l=!1,n--)}}var u=[],o=u.pop.bind(u);for(m=1;m<s.length;m++){var c=s[m];u.push(1==c?o()|o():2==c?o()&o():c?p(c,e):!o())}return!!o()},l=(s,e)=>s&&O.o(s,e),g=s=>(s.loaded=1,s.get()),j=s=>Object.keys(s).reduce(((e,i)=>(s[i].eager&&(e[i]=s[i]),e)),{}),t=(s,e,i,a)=>{var r=a?j(s[e]):s[e];return(e=Object.keys(r).reduce(((s,e)=>!p(i,e)||s&&!m(s,e)?s:e),0))&&r[e]},u=(s,e,i)=>{var a=i?j(s[e]):s[e];return Object.keys(a).reduce(((s,e)=>!s||!a[s].loaded&&m(s,e)?e:s),0)},o=(s,e,i,a)=>"Unsatisfied version "+i+" from "+(i&&s[e][i].from)+" of shared singleton module "+e+" (required "+n(a)+")",c=(s,e,i,a,r)=>{var m=s[i];return"No satisfying version ("+n(a)+")"+(r?" for eager consumption":"")+" of shared module "+i+" found in shared scope "+e+".\nAvailable versions: "+Object.keys(m).map((s=>s+" from "+m[s].from)).join(", ")},d=s=>{throw new Error(s)},f=s=>{"undefined"!=typeof console&&console.warn&&console.warn(s)},h=(s,e,i)=>i?i():((s,e)=>d("Shared module "+e+" doesn't exist in shared scope "+s))(s,e),v=(b=s=>function(e,i,a,r,m){var n=O.I(e);return n&&n.then&&!a?n.then(s.bind(s,e,O.S[e],i,!1,r,m)):s(e,O.S[e],i,a,r,m)})(((s,e,i,a,r,m)=>{if(!l(e,i))return h(s,i,m);var n=t(e,i,r,a);return n?g(n):m?m():void d(c(e,s,i,r,a))})),x=b(((s,e,i,a,r,m)=>{if(!l(e,i))return h(s,i,m);var n=u(e,i,a);return p(r,n)||f(o(e,i,n,r)),g(e[i][n])})),y={},k={20563:()=>x("default","lodash",!1,[0],(()=>O.e(5250).then((()=>()=>O(45250))))),91916:()=>x("default","moment",!1,[0],(()=>Promise.all([O.e(7721),O.e(9844)]).then((()=>()=>O(99420))))),55310:()=>x("default","js-yaml",!1,[0],(()=>O.e(9515).then((()=>()=>O(19515))))),40580:()=>x("default","@babel/parser",!1,[0],(()=>O.e(6773).then((()=>()=>O(46773))))),68443:()=>x("default","@next-core/i18n",!1,[1,1,0,85],(()=>Promise.all([O.e(9936),O.e(671),O.e(3171)]).then((()=>()=>O(75552))))),47825:()=>x("default","react-i18next",!1,[1,12,3,1],(()=>Promise.all([O.e(9780),O.e(8769)]).then((()=>()=>O(59780))))),49936:()=>x("default","@next-core/utils/general",!1,[1,1,8,6],(()=>O.e(871).then((()=>()=>O(40871))))),848:()=>x("default","i18next-browser-languagedetector",!1,[0],(()=>O.e(726).then((()=>()=>O(50726))))),75630:()=>x("default","i18next",!1,[0],(()=>O.e(9542).then((()=>()=>O(39542))))),59933:()=>x("default","@next-core/pipes",!1,[0],(()=>O.e(6519).then((()=>()=>O(76519))))),58377:()=>x("default","@easyops-cn/brick-next-pipes",!1,[0],(()=>Promise.all([O.e(4306),O.e(563),O.e(1916),O.e(5310)]).then((()=>()=>O(34306))))),18769:()=>v("default","react",!1,[6,0,0,0,,"experimental-ee8509801-20230117"],(()=>O.e(4041).then((()=>()=>O(14041))))),90870:()=>v("default","@next-core/element",!1,[1,1,2,19],(()=>O.e(3426).then((()=>()=>O(21045))))),59435:()=>v("default","react-dom",!1,[6,0,0,0,,"experimental-ee8509801-20230117"],(()=>O.e(3144).then((()=>()=>O(43144))))),30981:()=>v("default","@next-core/react-element",!1,[1,1,0,38],(()=>Promise.all([O.e(870),O.e(9435),O.e(7733)]).then((()=>()=>O(20114))))),36305:()=>x("default","@next-core/runtime",!1,[0],(()=>Promise.all([O.e(948),O.e(563),O.e(9936),O.e(1916),O.e(8443),O.e(1321),O.e(3616)]).then((()=>()=>O(30948))))),71321:()=>x("default","@next-core/cook",!1,[0],(()=>Promise.all([O.e(1122),O.e(580)]).then((()=>()=>O(61122))))),11732:()=>x("default","history",!1,[0],(()=>O.e(5384).then((()=>()=>O(65384))))),29283:()=>x("default","@next-core/inject",!1,[0],(()=>Promise.all([O.e(9933),O.e(4658)]).then((()=>()=>O(72277))))),36890:()=>x("default","@next-core/utils/storyboard",!1,[1,1,8,6],(()=>O.e(4765).then((()=>()=>O(97146))))),41361:()=>x("default","@next-core/http",!1,[0],(()=>O.e(1370).then((()=>()=>O(48989))))),45599:()=>x("default","@next-core/loader",!1,[0],(()=>O.e(5399).then((()=>()=>O(35399))))),71858:()=>x("default","moment/locale/zh-cn.js",!1,[0],(()=>Promise.all([O.e(7721),O.e(9844)]).then((()=>()=>O(61329))))),94167:()=>x("default","@next-core/supply",!1,[0],(()=>Promise.all([O.e(9933),O.e(1940)]).then((()=>()=>O(49559))))),37:()=>x("default","@next-core/theme",!1,[0],(()=>O.e(1889).then((()=>()=>O(51889))))),29711:()=>v("default","@next-core/react-runtime",!1,[1,1,7,37],(()=>Promise.all([O.e(563),O.e(8686),O.e(7218)]).then((()=>()=>O(64837))))),88002:()=>x("default","@next-core/i18n/react",!1,[1,1,0,85],(()=>Promise.all([O.e(8443),O.e(7825),O.e(8097)]).then((()=>()=>O(88097)))))},P={37:[37],563:[20563],580:[40580],671:[848,75630],870:[90870],981:[30981],1321:[71321],1916:[91916],3616:[11732,29283,36890,41361,45599,71858,94167],5310:[55310],6519:[58377],7825:[47825],8002:[88002],8443:[68443],8686:[36305],8769:[18769],9435:[59435],9711:[29711],9933:[59933],9936:[49936]},w={},O.f.consumes=(s,e)=>{O.o(P,s)&&P[s].forEach((s=>{if(O.o(y,s))return e.push(y[s]);if(!w[s]){var i=e=>{y[s]=0,O.m[s]=i=>{delete O.c[s],i.exports=e()}};w[s]=!0;var a=e=>{delete y[s],O.m[s]=i=>{throw delete O.c[s],e}};try{var r=k[s]();r.then?e.push(y[s]=r.then(i).catch(a)):i(r)}catch(s){a(s)}}}))},(()=>{var s={3371:0};O.f.j=(e,i)=>{var a=O.o(s,e)?s[e]:void 0;if(0!==a)if(a)i.push(a[2]);else if(/^(5(310|63|80)|8(002|443|686|70|769)|9(93[36]|435|711|81)|(19|36)16|1321|37|671|7825)$/.test(e))s[e]=0;else{var r=new Promise(((i,r)=>a=s[e]=[i,r]));i.push(a[2]=r);var m=O.p+O.u(e),n=new Error;O.l(m,(i=>{if(O.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)O.o(n,a)&&(O.m[a]=n[a]);p&&p(O)}for(e&&e(i);l<m.length;l++)r=m[l],O.o(s,r)&&s[r]&&s[r][0](),s[r]=0},i=globalThis.webpackChunk_next_bricks_presentational=globalThis.webpackChunk_next_bricks_presentational||[];i.forEach(e.bind(null,0)),i.push=e.bind(null,i.push.bind(i))})(),O.nc=void 0;var _=O(76087);window["bricks/presentational"]=_})();
|
|
2
|
+
//# sourceMappingURL=index.1a516607.js.map
|