npm - @next-bricks/presentational - Versions diffs - 1.2.0 → 1.2.2 - Mend

@next-bricks/presentational 1.2.0 → 1.2.2

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.

Files changed (1427) hide show

package/dist/examples.json CHANGED Viewed

@@ -5,15 +5,15 @@
   "eo-alert": {
     "doc": "告警提示\n\n## Examples\n\n### Basic\n\n```yaml preview\nbrick: div\nproperties:\n  style:\n    display: flex\n    flex-direction: column\n    gap: 10px\nslots:\n  \"\":\n    type: bricks\n    bricks:\n      - brick: eo-alert\n        properties:\n          textContent: 你好！欢迎使用EasyOps 2.0专业版，你可以根据自身需求添加业务模块。\n          type: info\n          closable: true\n      - brick: eo-alert\n        properties:\n          textContent: 恭喜！你所提交的信息已经审核通过。\n          type: success\n          closable: true\n          showIcon: true\n      - brick: eo-alert\n        properties:\n          textContent: \"系统将于 15 : 00 - 17 : 00 进行升级，请及时保存你的资料！\"\n          type: warning\n          closable: true\n          showIcon: true\n      - brick: eo-alert\n        properties:\n          textContent: 系统错误，请稍后重试。\n          type: error\n          closable: true\n          showIcon: true\n# -- YAML DELIMITER (1nbbm8) --\n# <div style=\"display: flex; flex-direction: column; gap: 10px\">\n#   <eo-alert closable id=\"brick-1\">\n#     你好！欢迎使用EasyOps 2.0专业版，你可以根据自身需求添加业务模块。\n#   </eo-alert>\n#   <eo-alert closable show-icon id=\"brick-2\"\n#     >恭喜！你所提交的信息已经审核通过。</eo-alert\n#   >\n#   <eo-alert closable show-icon id=\"brick-3\">\n#     系统将于 15 : 00 - 17 : 00 进行升级，请及时保存你的资料！\n#   </eo-alert>\n#   <eo-alert closable show-icon id=\"brick-4\">系统错误，请稍后重试。</eo-alert>\n# </div>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.type = \"info\";\n# \n#   const brick_2 = document.getElementById(\"brick-2\");\n#   brick_2.type = \"success\";\n# \n#   const brick_3 = document.getElementById(\"brick-3\");\n#   brick_3.type = \"warning\";\n# \n#   const brick_4 = document.getElementById(\"brick-4\");\n#   brick_4.type = \"error\";\n# </script>\n# \n```\n\n### HasTitle\n\n```yaml preview\nbrick: div\nproperties:\n  style:\n    display: flex\n    flex-direction: column\n    gap: 10px\nslots:\n  \"\":\n    type: bricks\n    bricks:\n      - brick: eo-alert\n        properties:\n          textContent: 你好，由于你的良好信用，我们决定赠送你三个月产品会员，欲了解会员特权与活动请进首页会员专区查看。\n          type: info\n          closable: true\n          hasTitle: true\n          showIcon: true\n        slots:\n          title:\n            type: bricks\n            bricks:\n              - brick: div\n                properties:\n                  textContent: 帮助信息\n      - brick: eo-alert\n        properties:\n          textContent: 你所提交的审核信息已全部通过审核，请及时跟进申请状况。\n          type: success\n          closable: true\n          hasTitle: true\n          showIcon: true\n        slots:\n          title:\n            type: bricks\n            bricks:\n              - brick: div\n                properties:\n                  textContent: 已成功\n      - brick: eo-alert\n        properties:\n          textContent: 你所提交的审核信息审核失败，可以进入个人信箱查看原因。如有疑问，请联系客服人员。\n          type: warning\n          closable: true\n          hasTitle: true\n          showIcon: true\n        slots:\n          title:\n            type: bricks\n            bricks:\n              - brick: div\n                properties:\n                  textContent: 请注意\n      - brick: eo-alert\n        properties:\n          textContent: 你的账户会员使用权限将在3天后到期，请及时跟进申请状况，如有疑问，请联系审核人员。\n          type: error\n          closable: true\n          hasTitle: true\n          showIcon: true\n        slots:\n          title:\n            type: bricks\n            bricks:\n              - brick: div\n                properties:\n                  textContent: 出错了\n# -- YAML DELIMITER (1nbbm8) --\n# <div style=\"display: flex; flex-direction: column; gap: 10px\">\n#   <eo-alert closable has-title show-icon id=\"brick-1\">\n#     <div slot=\"title\">帮助信息</div>\n#   </eo-alert>\n#   <eo-alert closable has-title show-icon id=\"brick-2\">\n#     <div slot=\"title\">已成功</div>\n#   </eo-alert>\n#   <eo-alert closable has-title show-icon id=\"brick-3\">\n#     <div slot=\"title\">请注意</div>\n#   </eo-alert>\n#   <eo-alert closable has-title show-icon id=\"brick-4\">\n#     <div slot=\"title\">出错了</div>\n#   </eo-alert>\n# </div>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.type = \"info\";\n# \n#   const brick_2 = document.getElementById(\"brick-2\");\n#   brick_2.type = \"success\";\n# \n#   const brick_3 = document.getElementById(\"brick-3\");\n#   brick_3.type = \"warning\";\n# \n#   const brick_4 = document.getElementById(\"brick-4\");\n#   brick_4.type = \"error\";\n# </script>\n# \n```\n"
   },
+  "eo-pagination": {
+    "doc": "分页\n\n## Examples\n\n### Basic\n\n```yaml preview\nbrick: eo-pagination\nproperties:\n  total: 100\n  pageSize: 20\n  page: 1\nevents:\n  change:\n    - action: console.log\n      args:\n        - <% EVENT.detail %>\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-pagination total=\"100\" page-size=\"20\" page=\"1\" id=\"brick-1\"></eo-pagination>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.addEventListener(\"change\", (e) => {\n#     console.log(e.detail);\n#   });\n# </script>\n# \n```\n"
+  },
   "eo-code-display": {
     "doc": "代码展示\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: eo-code-display\n  properties:\n    language: javascript\n    value: |\n      function onSubmit (e) {\n        const fn = () => 123;\n        const job = {\n          title: 'Developer',\n          company: 'Facebook'\n        };\n      }\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-code-display\n#   language=\"javascript\"\n#   value=\"function onSubmit (e) {\n#   const fn = () =&gt; 123;\n#   const job = {\n#     title: 'Developer',\n#     company: 'Facebook'\n#   };\n# }\n# \"\n# ></eo-code-display>\n# \n```\n"
   },
   "eo-card-item": {
     "doc": "信息类卡片 —— 通用卡片\n\n## Examples\n\n### Basic\n\n```yaml preview\nbrick: eo-card-item\nproperties:\n  style:\n    width: 300px\n  hasHeader: true\n  auxiliaryText: 初级应用\n  cardTitle: 资源监控微应用\n  description: 资源监控微应用相关前后台\n  url: /test\n  target: _blank\n  avatar:\n    icon:\n      lib: easyops\n      category: default\n      icon: monitor\n    color: \"#167be0\"\n    size: 20\n    bgColor: var(--theme-geekblue-background)\n  actions:\n    - icon:\n        lib: antd\n        theme: outlined\n        icon: star\n      isDropdown: false\n      event: collect\n    - icon:\n        lib: antd\n        icon: copy\n        theme: outlined\n      text: 复制链接\n      isDropdown: true\n      event: copy\n    - icon:\n        lib: antd\n        icon: download\n        theme: outlined\n      text: 下载\n      isDropdown: true\n      disabled: true\n      event: download\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-card-item\n#   style=\"width: 300px\"\n#   has-header\n#   auxiliary-text=\"初级应用\"\n#   card-title=\"资源监控微应用\"\n#   description=\"资源监控微应用相关前后台\"\n#   target=\"_blank\"\n#   id=\"brick-1\"\n# ></eo-card-item>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.url = \"/test\";\n#   brick_1.avatar = {\n#     icon: {\n#       lib: \"easyops\",\n#       category: \"default\",\n#       icon: \"monitor\",\n#     },\n#     color: \"#167be0\",\n#     size: 20,\n#     bgColor: \"var(--theme-geekblue-background)\",\n#   };\n#   brick_1.actions = [\n#     {\n#       icon: {\n#         lib: \"antd\",\n#         theme: \"outlined\",\n#         icon: \"star\",\n#       },\n#       isDropdown: false,\n#       event: \"collect\",\n#     },\n#     {\n#       icon: {\n#         lib: \"antd\",\n#         icon: \"copy\",\n#         theme: \"outlined\",\n#       },\n#       text: \"复制链接\",\n#       isDropdown: true,\n#       event: \"copy\",\n#     },\n#     {\n#       icon: {\n#         lib: \"antd\",\n#         icon: \"download\",\n#         theme: \"outlined\",\n#       },\n#       text: \"下载\",\n#       isDropdown: true,\n#       disabled: true,\n#       event: \"download\",\n#     },\n#   ];\n# </script>\n# \n```\n\n### Single Expanded Area\n\n```yaml preview gap\n- brick: eo-card-item\n  properties:\n    style:\n      width: 300px\n    hasHeader: true\n    auxiliaryText: 初级应用\n    cardTitle: 资源监控微应用\n    description: 资源监控微应用相关前后台\n    avatar:\n      icon:\n        lib: easyops\n        category: default\n        icon: monitor\n      color: \"#167be0\"\n      size: 20\n      bgColor: var(--theme-geekblue-background)\n  slots:\n    expanded-area-1:\n      type: bricks\n      bricks:\n        - brick: eo-tag-list\n          properties:\n            size: small\n            list:\n              - text: IT 资源管理\n                key: IT_resource_management\n                color: gray\n              - text: 资源套餐\n                key: resource_package\n                color: gray\n              - text: 存储设备\n                key: storage_device\n                color: gray\n- brick: eo-card-item\n  properties:\n    style:\n      width: 300px\n    hasHeader: true\n    auxiliaryText: 初级应用\n    cardTitle: 资源监控微应用\n    description: 资源监控微应用相关前后台\n    avatar:\n      icon:\n        lib: easyops\n        category: default\n        icon: monitor\n      color: \"#167be0\"\n      size: 20\n      bgColor: var(--theme-geekblue-background)\n  slots:\n    expanded-area-2:\n      type: bricks\n      bricks:\n        - brick: eo-flex-layout\n          properties:\n            style:\n              width: 100%\n            justifyContent: space-between\n            alignItems: center\n          children:\n            - brick: span\n              properties:\n                textContent: 张元 更新于 2 小时前\n                style:\n                  color: var(--text-color-secondary)\n            - brick: eo-switch\n              properties:\n                size: small\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-card-item\n#   style=\"width: 300px\"\n#   has-header\n#   auxiliary-text=\"初级应用\"\n#   card-title=\"资源监控微应用\"\n#   description=\"资源监控微应用相关前后台\"\n#   id=\"brick-1\"\n# >\n#   <eo-tag-list\n#     slot=\"expanded-area-1\"\n#     size=\"small\"\n#     list=\"[object Object],[object Object],[object Object]\"\n#   ></eo-tag-list>\n# </eo-card-item>\n# <eo-card-item\n#   style=\"width: 300px\"\n#   has-header\n#   auxiliary-text=\"初级应用\"\n#   card-title=\"资源监控微应用\"\n#   description=\"资源监控微应用相关前后台\"\n#   id=\"brick-2\"\n# >\n#   <eo-flex-layout\n#     slot=\"expanded-area-2\"\n#     style=\"width: 100%\"\n#     justify-content=\"space-between\"\n#     align-items=\"center\"\n#   >\n#     <span style=\"color: var(--text-color-secondary)\">张元 更新于 2 小时前</span>\n#     <eo-switch size=\"small\"></eo-switch>\n#   </eo-flex-layout>\n# </eo-card-item>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.avatar = {\n#     icon: {\n#       lib: \"easyops\",\n#       category: \"default\",\n#       icon: \"monitor\",\n#     },\n#     color: \"#167be0\",\n#     size: 20,\n#     bgColor: \"var(--theme-geekblue-background)\",\n#   };\n# \n#   const brick_2 = document.getElementById(\"brick-2\");\n#   brick_2.avatar = {\n#     icon: {\n#       lib: \"easyops\",\n#       category: \"default\",\n#       icon: \"monitor\",\n#     },\n#     color: \"#167be0\",\n#     size: 20,\n#     bgColor: \"var(--theme-geekblue-background)\",\n#   };\n# </script>\n# \n```\n\n### Multiple Expanded Area\n\n```yaml preview gap\n- brick: eo-card-item\n  properties:\n    style:\n      width: 300px\n    hasHeader: true\n    auxiliaryText: 初级应用\n    cardTitle: 资源监控微应用\n    description: 资源监控微应用相关前后台\n    avatar:\n      icon:\n        lib: easyops\n        category: default\n        icon: monitor\n      color: \"#167be0\"\n      size: 20\n      bgColor: var(--theme-geekblue-background)\n  slots:\n    expanded-area-1:\n      type: bricks\n      bricks:\n        - brick: eo-tag-list\n          properties:\n            size: small\n            list:\n              - text: IT 资源管理\n                key: IT_resource_management\n                color: gray\n              - text: 资源套餐\n                key: resource_package\n                color: gray\n              - text: 存储设备\n                key: storage_device\n                color: gray\n    expanded-area-2:\n      type: bricks\n      bricks:\n        - brick: eo-flex-layout\n          properties:\n            style:\n              width: 100%\n            justifyContent: space-between\n            alignItems: center\n          children:\n            - brick: span\n              properties:\n                textContent: 张元 更新于 2 小时前\n                style:\n                  color: var(--text-color-secondary)\n            - brick: eo-switch\n              properties:\n                size: small\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-card-item\n#   style=\"width: 300px\"\n#   has-header\n#   auxiliary-text=\"初级应用\"\n#   card-title=\"资源监控微应用\"\n#   description=\"资源监控微应用相关前后台\"\n#   id=\"brick-1\"\n# >\n#   <eo-tag-list\n#     slot=\"expanded-area-1\"\n#     size=\"small\"\n#     list=\"[object Object],[object Object],[object Object]\"\n#   ></eo-tag-list>\n#   <eo-flex-layout\n#     slot=\"expanded-area-2\"\n#     style=\"width: 100%\"\n#     justify-content=\"space-between\"\n#     align-items=\"center\"\n#   >\n#     <span style=\"color: var(--text-color-secondary)\">张元 更新于 2 小时前</span>\n#     <eo-switch size=\"small\"></eo-switch>\n#   </eo-flex-layout>\n# </eo-card-item>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.avatar = {\n#     icon: {\n#       lib: \"easyops\",\n#       category: \"default\",\n#       icon: \"monitor\",\n#     },\n#     color: \"#167be0\",\n#     size: 20,\n#     bgColor: \"var(--theme-geekblue-background)\",\n#   };\n# </script>\n# \n```\n\n### Cover\n\n```yaml preview\n- brick: eo-card-item\n  properties:\n    style:\n      width: 280px\n    hasCover: true\n    coverImage: https://gw.alipayobjects.com/zos/rmsportal/JiqGstEfoWAOHiTxclqi.png\n    cardTitle: 信息卡片\n    description: 这是一只可爱的北极熊\n    url: /test\n    target: _blank\n- brick: eo-card-item\n  properties:\n    style:\n      width: 280px\n    hasCover: true\n    coverColor: \"#167be0\"\n    cardTitle: 资源监控微应用\n    description: 资源监控微应用相关前后台\n    url: /test\n    target: _blank\n    avatarPosition: cover\n    avatar:\n      icon:\n        lib: easyops\n        category: default\n        icon: monitor\n      color: \"#fff\"\n    actions:\n      - icon:\n          lib: antd\n          theme: outlined\n          icon: star\n          startColor: \"#fff\"\n          endColor: \"#fff\"\n        isDropdown: false\n        event: collect\n      - icon:\n          lib: antd\n          icon: copy\n          theme: outlined\n        text: 复制链接\n        isDropdown: true\n        event: copy\n      - icon:\n          lib: antd\n          icon: download\n          theme: outlined\n        text: 下载\n        isDropdown: true\n        disabled: true\n        event: download\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-card-item\n#   style=\"width: 280px\"\n#   has-cover\n#   card-title=\"信息卡片\"\n#   description=\"这是一只可爱的北极熊\"\n#   target=\"_blank\"\n#   id=\"brick-1\"\n# ></eo-card-item>\n# <eo-card-item\n#   style=\"width: 280px\"\n#   has-cover\n#   card-title=\"资源监控微应用\"\n#   description=\"资源监控微应用相关前后台\"\n#   target=\"_blank\"\n#   avatar-position=\"cover\"\n#   id=\"brick-2\"\n# ></eo-card-item>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.coverImage =\n#     \"https://gw.alipayobjects.com/zos/rmsportal/JiqGstEfoWAOHiTxclqi.png\";\n#   brick_1.url = \"/test\";\n# \n#   const brick_2 = document.getElementById(\"brick-2\");\n#   brick_2.coverColor = \"#167be0\";\n#   brick_2.url = \"/test\";\n#   brick_2.avatar = {\n#     icon: {\n#       lib: \"easyops\",\n#       category: \"default\",\n#       icon: \"monitor\",\n#     },\n#     color: \"#fff\",\n#   };\n#   brick_2.actions = [\n#     {\n#       icon: {\n#         lib: \"antd\",\n#         theme: \"outlined\",\n#         icon: \"star\",\n#         startColor: \"#fff\",\n#         endColor: \"#fff\",\n#       },\n#       isDropdown: false,\n#       event: \"collect\",\n#     },\n#     {\n#       icon: {\n#         lib: \"antd\",\n#         icon: \"copy\",\n#         theme: \"outlined\",\n#       },\n#       text: \"复制链接\",\n#       isDropdown: true,\n#       event: \"copy\",\n#     },\n#     {\n#       icon: {\n#         lib: \"antd\",\n#         icon: \"download\",\n#         theme: \"outlined\",\n#       },\n#       text: \"下载\",\n#       isDropdown: true,\n#       disabled: true,\n#       event: \"download\",\n#     },\n#   ];\n# </script>\n# \n```\n\n### Style type\n\n```yaml preview\nbrick: eo-card-item\nproperties:\n  styleType: grayish\n  style:\n    width: 300px\n  cardTitle: 资源监控微应用\n  description: 资源监控微应用相关前后台\n  url: /test\n  target: _blank\n  avatar:\n    icon:\n      lib: easyops\n      category: default\n      icon: monitor\n    size: 20\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-card-item\n#   style-type=\"grayish\"\n#   style=\"width: 300px\"\n#   card-title=\"资源监控微应用\"\n#   description=\"资源监控微应用相关前后台\"\n#   target=\"_blank\"\n#   id=\"brick-1\"\n# ></eo-card-item>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.url = \"/test\";\n#   brick_1.avatar = {\n#     icon: {\n#       lib: \"easyops\",\n#       category: \"default\",\n#       icon: \"monitor\",\n#     },\n#     size: 20,\n#   };\n# </script>\n# \n```\n\n### Tag\n\n```yaml preview\n- brick: div\n  properties:\n    textContent: Text Tag\n    style:\n      marginBottom: 10px\n- brick: eo-grid-layout\n  properties:\n    gap: 16px\n    columns: 4\n  children:\n    - brick: eo-card-item\n      properties:\n        tagConfig:\n          text: 禁用\n          bgColor: gray\n        cardTitle: 资源监控微应用\n        description: 资源监控微应用相关前后台\n    - brick: eo-card-item\n      properties:\n        tagConfig:\n          text: 蓝色\n          bgColor: blue\n        cardTitle: 资源监控微应用\n        description: 资源监控微应用相关前后台\n    - brick: eo-card-item\n      properties:\n        tagConfig:\n          text: 绿色\n          bgColor: green\n        cardTitle: 资源监控微应用\n        description: 资源监控微应用相关前后台\n    - brick: eo-card-item\n      properties:\n        tagConfig:\n          text: 黄色\n          bgColor: yellow\n        cardTitle: 资源监控微应用\n        description: 资源监控微应用相关前后台\n    - brick: eo-card-item\n      properties:\n        tagConfig:\n          text: 红色\n          bgColor: red\n        cardTitle: 资源监控微应用\n        description: 资源监控微应用相关前后台\n    - brick: eo-card-item\n      properties:\n        tagConfig:\n          text: 青色\n          bgColor: cyan\n        cardTitle: 资源监控微应用\n        description: 资源监控微应用相关前后台\n    - brick: eo-card-item\n      properties:\n        tagConfig:\n          text: 灰蓝色\n          bgColor: grayblue\n        cardTitle: 资源监控微应用\n        description: 资源监控微应用相关前后台\n    - brick: eo-card-item\n      properties:\n        tagConfig:\n          text: 紫色\n          bgColor: purple\n        cardTitle: 资源监控微应用\n        description: 资源监控微应用相关前后台\n    - brick: eo-card-item\n      properties:\n        tagConfig:\n          text: 自定义\n          bgColor: \"rgb(228 236 183)\"\n          color: \"#000\"\n        cardTitle: 资源监控微应用\n        description: 资源监控微应用相关前后台\n- brick: div\n  properties:\n    textContent: Icon Tag\n    style:\n      margin: 10px\n- brick: eo-grid-layout\n  properties:\n    gap: 16px\n    columns: 4\n  children:\n    - brick: eo-card-item\n      properties:\n        tagConfig:\n          icon:\n            lib: antd\n            icon: info-circle\n            theme: outlined\n          bgColor: blue\n        cardTitle: 资源监控微应用\n        description: 资源监控微应用相关前后台\n        url: /test\n        target: _blank\n    - brick: eo-card-item\n      properties:\n        tagConfig:\n          icon:\n            lib: antd\n            icon: check-circle\n            theme: outlined\n          bgColor: green\n        cardTitle: 资源监控微应用\n        description: 资源监控微应用相关前后台\n        url: /test\n        target: _blank\n    - brick: eo-card-item\n      properties:\n        tagConfig:\n          icon:\n            lib: antd\n            icon: info-circle\n            theme: outlined\n          bgColor: yellow\n        cardTitle: 资源监控微应用\n        description: 资源监控微应用相关前后台\n        url: /test\n        target: _blank\n    - brick: eo-card-item\n      properties:\n        tagConfig:\n          icon:\n            lib: antd\n            icon: close-circle\n            theme: outlined\n          bgColor: red\n        cardTitle: 资源监控微应用\n        description: 资源监控微应用相关前后台\n        url: /test\n        target: _blank\n    - brick: eo-card-item\n      events:\n        tag.click:\n          - action: message.success\n            args:\n              - 收藏成功\n          - target: _self\n            properties:\n              tagConfig:\n                icon:\n                  lib: antd\n                  icon: star\n                  theme: filled\n                  startColor: yellow\n                  endColor: yellow\n                bgColor: blue\n      properties:\n        tagConfig:\n          icon:\n            lib: antd\n            icon: star\n            theme: filled\n          bgColor: blue\n        cardTitle: 资源监控微应用\n        description: 资源监控微应用相关前后台\n        url: /test\n        target: _blank\n# -- YAML DELIMITER (1nbbm8) --\n# <div style=\"margin-bottom: 10px\">Text Tag</div>\n# <eo-grid-layout gap=\"16px\" columns=\"4\">\n#   <eo-card-item\n#     card-title=\"资源监控微应用\"\n#     description=\"资源监控微应用相关前后台\"\n#     id=\"brick-1\"\n#   ></eo-card-item>\n#   <eo-card-item\n#     card-title=\"资源监控微应用\"\n#     description=\"资源监控微应用相关前后台\"\n#     id=\"brick-2\"\n#   ></eo-card-item>\n#   <eo-card-item\n#     card-title=\"资源监控微应用\"\n#     description=\"资源监控微应用相关前后台\"\n#     id=\"brick-3\"\n#   ></eo-card-item>\n#   <eo-card-item\n#     card-title=\"资源监控微应用\"\n#     description=\"资源监控微应用相关前后台\"\n#     id=\"brick-4\"\n#   ></eo-card-item>\n#   <eo-card-item\n#     card-title=\"资源监控微应用\"\n#     description=\"资源监控微应用相关前后台\"\n#     id=\"brick-5\"\n#   ></eo-card-item>\n#   <eo-card-item\n#     card-title=\"资源监控微应用\"\n#     description=\"资源监控微应用相关前后台\"\n#     id=\"brick-6\"\n#   ></eo-card-item>\n#   <eo-card-item\n#     card-title=\"资源监控微应用\"\n#     description=\"资源监控微应用相关前后台\"\n#     id=\"brick-7\"\n#   ></eo-card-item>\n#   <eo-card-item\n#     card-title=\"资源监控微应用\"\n#     description=\"资源监控微应用相关前后台\"\n#     id=\"brick-8\"\n#   ></eo-card-item>\n#   <eo-card-item\n#     card-title=\"资源监控微应用\"\n#     description=\"资源监控微应用相关前后台\"\n#     id=\"brick-9\"\n#   ></eo-card-item>\n# </eo-grid-layout>\n# <div style=\"margin: 10px\">Icon Tag</div>\n# <eo-grid-layout gap=\"16px\" columns=\"4\">\n#   <eo-card-item\n#     card-title=\"资源监控微应用\"\n#     description=\"资源监控微应用相关前后台\"\n#     target=\"_blank\"\n#     id=\"brick-10\"\n#   ></eo-card-item>\n#   <eo-card-item\n#     card-title=\"资源监控微应用\"\n#     description=\"资源监控微应用相关前后台\"\n#     target=\"_blank\"\n#     id=\"brick-11\"\n#   ></eo-card-item>\n#   <eo-card-item\n#     card-title=\"资源监控微应用\"\n#     description=\"资源监控微应用相关前后台\"\n#     target=\"_blank\"\n#     id=\"brick-12\"\n#   ></eo-card-item>\n#   <eo-card-item\n#     card-title=\"资源监控微应用\"\n#     description=\"资源监控微应用相关前后台\"\n#     target=\"_blank\"\n#     id=\"brick-13\"\n#   ></eo-card-item>\n#   <eo-card-item\n#     card-title=\"资源监控微应用\"\n#     description=\"资源监控微应用相关前后台\"\n#     target=\"_blank\"\n#     id=\"brick-14\"\n#   ></eo-card-item>\n# </eo-grid-layout>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.tagConfig = {\n#     text: \"禁用\",\n#     bgColor: \"gray\",\n#   };\n# \n#   const brick_2 = document.getElementById(\"brick-2\");\n#   brick_2.tagConfig = {\n#     text: \"蓝色\",\n#     bgColor: \"blue\",\n#   };\n# \n#   const brick_3 = document.getElementById(\"brick-3\");\n#   brick_3.tagConfig = {\n#     text: \"绿色\",\n#     bgColor: \"green\",\n#   };\n# \n#   const brick_4 = document.getElementById(\"brick-4\");\n#   brick_4.tagConfig = {\n#     text: \"黄色\",\n#     bgColor: \"yellow\",\n#   };\n# \n#   const brick_5 = document.getElementById(\"brick-5\");\n#   brick_5.tagConfig = {\n#     text: \"红色\",\n#     bgColor: \"red\",\n#   };\n# \n#   const brick_6 = document.getElementById(\"brick-6\");\n#   brick_6.tagConfig = {\n#     text: \"青色\",\n#     bgColor: \"cyan\",\n#   };\n# \n#   const brick_7 = document.getElementById(\"brick-7\");\n#   brick_7.tagConfig = {\n#     text: \"灰蓝色\",\n#     bgColor: \"grayblue\",\n#   };\n# \n#   const brick_8 = document.getElementById(\"brick-8\");\n#   brick_8.tagConfig = {\n#     text: \"紫色\",\n#     bgColor: \"purple\",\n#   };\n# \n#   const brick_9 = document.getElementById(\"brick-9\");\n#   brick_9.tagConfig = {\n#     text: \"自定义\",\n#     bgColor: \"rgb(228 236 183)\",\n#     color: \"#000\",\n#   };\n# \n#   const brick_10 = document.getElementById(\"brick-10\");\n#   brick_10.tagConfig = {\n#     icon: {\n#       lib: \"antd\",\n#       icon: \"info-circle\",\n#       theme: \"outlined\",\n#     },\n#     bgColor: \"blue\",\n#   };\n#   brick_10.url = \"/test\";\n# \n#   const brick_11 = document.getElementById(\"brick-11\");\n#   brick_11.tagConfig = {\n#     icon: {\n#       lib: \"antd\",\n#       icon: \"check-circle\",\n#       theme: \"outlined\",\n#     },\n#     bgColor: \"green\",\n#   };\n#   brick_11.url = \"/test\";\n# \n#   const brick_12 = document.getElementById(\"brick-12\");\n#   brick_12.tagConfig = {\n#     icon: {\n#       lib: \"antd\",\n#       icon: \"info-circle\",\n#       theme: \"outlined\",\n#     },\n#     bgColor: \"yellow\",\n#   };\n#   brick_12.url = \"/test\";\n# \n#   const brick_13 = document.getElementById(\"brick-13\");\n#   brick_13.tagConfig = {\n#     icon: {\n#       lib: \"antd\",\n#       icon: \"close-circle\",\n#       theme: \"outlined\",\n#     },\n#     bgColor: \"red\",\n#   };\n#   brick_13.url = \"/test\";\n# \n#   const brick_14 = document.getElementById(\"brick-14\");\n#   brick_14.tagConfig = {\n#     icon: {\n#       lib: \"antd\",\n#       icon: \"star\",\n#       theme: \"filled\",\n#     },\n#     bgColor: \"blue\",\n#   };\n#   brick_14.url = \"/test\";\n#   brick_14.addEventListener(\"tag.click\", (e) => {\n#     const message = document.createElement(\"basic.show-notification\");\n#     message.resolve({ type: \"success\", message: \"收藏成功\" });\n#   });\n#   brick_14.addEventListener(\"tag.click\", (e) => {\n#     const brick = e.target;\n#     brick.tagConfig = {\n#       icon: {\n#         lib: \"antd\",\n#         icon: \"star\",\n#         theme: \"filled\",\n#         startColor: \"yellow\",\n#         endColor: \"yellow\",\n#       },\n#       bgColor: \"blue\",\n#     };\n#   });\n# </script>\n# \n```\n"
   },
-  "eo-pagination": {
-    "doc": "分页\n\n## Examples\n\n### Basic\n\n```yaml preview\nbrick: eo-pagination\nproperties:\n  total: 100\n  pageSize: 20\n  page: 1\nevents:\n  change:\n    - action: console.log\n      args:\n        - <% EVENT.detail %>\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-pagination total=\"100\" page-size=\"20\" page=\"1\" id=\"brick-1\"></eo-pagination>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.addEventListener(\"change\", (e) => {\n#     console.log(e.detail);\n#   });\n# </script>\n# \n```\n"
-  },
   "eo-divider": {
     "doc": "分割线构件 `eo-divider`\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: eo-divider\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-divider></eo-divider>\n# \n```\n\n### orientation\n\n```yaml preview\n- brick: eo-divider\n  properties:\n    orientation: left\n    textContent: 基本\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-divider id=\"brick-1\">基本</eo-divider>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.orientation = \"left\";\n# </script>\n# \n```\n\n### 虚线 dashed\n\n```yaml preview\n- brick: eo-divider\n  properties:\n    orientation: center\n    textContent: 基本\n    dashed: true\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-divider dashed id=\"brick-1\">基本</eo-divider>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.orientation = \"center\";\n# </script>\n# \n```\n\n### type vertical\n\n```yaml preview\n- brick: span\n  properties:\n    textContent: span1\n- brick: eo-divider\n  properties:\n    type: vertical\n- brick: span\n  properties:\n    textContent: span2\n# -- YAML DELIMITER (1nbbm8) --\n# <span>span1</span>\n# <eo-divider type=\"vertical\"></eo-divider>\n# <span>span2</span>\n# \n```\n\n### type radiation\n\n```yaml preview\n- brick: eo-divider\n  properties:\n    type: radiation\n    textContent: 标题\n    proportion:\n      - 0\n      - 3\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-divider type=\"radiation\" id=\"brick-1\">标题</eo-divider>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.proportion = [0, 3];\n# </script>\n# \n```\n"
   },
@@ -24,6 +24,6 @@
     "doc": "人性化时间展示\n\n## Examples\n\n### 人性化时间展示（完整）\n\n```yaml preview\n- brick: eo-humanize-time\n  properties:\n    formatter: full\n    value: 1571017058\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-humanize-time id=\"brick-1\"></eo-humanize-time>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.formatter = \"full\";\n#   brick_1.value = 1571017058;\n# </script>\n# \n```\n\n### 人性化时间展示（精确）\n\n```yaml preview\n- brick: eo-humanize-time\n  properties:\n    formatter: accurate\n    isCostTime: true\n    value: 1571017058\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-humanize-time is-cost-time id=\"brick-1\"></eo-humanize-time>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.formatter = \"accurate\";\n#   brick_1.value = 1571017058;\n# </script>\n# \n```\n\n### 人性化时间展示（相对）\n\n```yaml preview\n- brick: eo-humanize-time\n  properties:\n    formatter: relative\n    isMicrosecond: true\n    value: 1571017058000\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-humanize-time is-microsecond id=\"brick-1\"></eo-humanize-time>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.formatter = \"relative\";\n#   brick_1.value = 1571017058000;\n# </script>\n# \n```\n\n### 人性化时间展示（耗时）\n\n```yaml preview\n- brick: eo-humanize-time\n  properties:\n    formatter: relative\n    isCostTime: true\n    value: 1000\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-humanize-time is-cost-time id=\"brick-1\"></eo-humanize-time>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.formatter = \"relative\";\n#   brick_1.value = 1000;\n# </script>\n# \n```\n\n### 示例 5\n\n```yaml preview\n- brick: eo-humanize-time\n  properties:\n    formatter: full\n    link:\n      target: _blank\n      url: /aaa/bbb\n    value: 1571017058\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-humanize-time id=\"brick-1\"></eo-humanize-time>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.formatter = \"full\";\n#   brick_1.link = {\n#     target: \"_blank\",\n#     url: \"/aaa/bbb\",\n#   };\n#   brick_1.value = 1571017058;\n# </script>\n# \n```\n\n### 示例 6\n\n```yaml preview\n- brick: eo-humanize-time\n  properties:\n    formatter: full\n    value: 0\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-humanize-time id=\"brick-1\"></eo-humanize-time>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.formatter = \"full\";\n#   brick_1.value = 0;\n# </script>\n# \n```\n\n### 人性化时间展示（格式化）\n\n```yaml preview\n- brick: eo-humanize-time\n  properties:\n    inputFormat: YYYY-MM-DD\n    outputFormat: YYYY-MM-DD\n    value: \"2020-02-27 16:36\"\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-humanize-time\n#   input-format=\"YYYY-MM-DD\"\n#   output-format=\"YYYY-MM-DD\"\n#   id=\"brick-1\"\n# ></eo-humanize-time>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.value = \"2020-02-27 16:36\";\n# </script>\n# \n```\n"
   },
   "eo-statistics-card": {
-    "doc": "统计卡片\n\n## Examples\n\n### Basic\n\n```yaml preview gap\n- brick: eo-statistics-card\n  properties:\n    cardTitle: 安全评分\n    value: 93\n    valueStyle:\n      color: var(--color-success)\n    icon:\n      lib: easyops\n      category: monitor\n      icon: infra-monitor\n      bgColor: \"#E6F0FC\"\n      color: \"#3480EA\"\n    style:\n      width: 300px\n  children:\n    - brick: eo-tooltip\n      slot: titleSuffix\n      properties:\n        content: 安全评分是根据您的资产状态进行的评分\n        trigger: hover\n        placement: top-start\n      children:\n        - brick: eo-icon\n          properties:\n            lib: antd\n            icon: question-circle\n            theme: outlined\n            style:\n              font-size: 12px\n              color: var(--text-color-secondary)\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-statistics-card\n#   card-title=\"安全评分\"\n#   value=\"93\"\n#   style=\"width: 300px\"\n#   id=\"brick-1\"\n# >\n#   <eo-tooltip\n#     slot=\"titleSuffix\"\n#     content=\"安全评分是根据您的资产状态进行的评分\"\n#     trigger=\"hover\"\n#     placement=\"top-start\"\n#   >\n#     <eo-icon\n#       lib=\"antd\"\n#       icon=\"question-circle\"\n#       theme=\"outlined\"\n#       style=\"font-size: 12px; color: var(--text-color-secondary)\"\n#     ></eo-icon>\n#   </eo-tooltip>\n# </eo-statistics-card>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.valueStyle = {\n#     color: \"var(--color-success)\",\n#   };\n#   brick_1.icon = {\n#     lib: \"easyops\",\n#     category: \"monitor\",\n#     icon: \"infra-monitor\",\n#     bgColor: \"#E6F0FC\",\n#     color: \"#3480EA\",\n#   };\n# </script>\n# \n```\n\n### Outline\n\n```yaml preview gap\n- brick: eo-statistics-card\n  properties:\n    cardTitle: 事件总数\n    value: 1.2K\n    unit: 个\n    outline: border\n    icon:\n      lib: easyops\n      category: monitor\n      icon: infra-monitor\n      bgColor: \"#E6F0FC\"\n      color: \"#3480EA\"\n    style:\n      width: 300px\n- brick: eo-statistics-card\n  properties:\n    cardTitle: 事件总数\n    value: 1.2K\n    unit: 个\n    outline: background\n    icon:\n      lib: easyops\n      category: monitor\n      icon: infra-monitor\n      bgColor: \"#E6F0FC\"\n      color: \"#3480EA\"\n    style:\n      width: 300px\n- brick: eo-statistics-card\n  properties:\n    cardTitle: 事件总数\n    value: 1.2K\n    unit: 个\n    outline: none\n    icon:\n      lib: easyops\n      category: monitor\n      icon: infra-monitor\n      bgColor: \"#E6F0FC\"\n      color: \"#3480EA\"\n    style:\n      width: 300px\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-statistics-card\n#   card-title=\"事件总数\"\n#   value=\"1.2K\"\n#   unit=\"个\"\n#   outline=\"border\"\n#   style=\"width: 300px\"\n#   id=\"brick-1\"\n# ></eo-statistics-card>\n# <eo-statistics-card\n#   card-title=\"事件总数\"\n#   value=\"1.2K\"\n#   unit=\"个\"\n#   outline=\"background\"\n#   style=\"width: 300px\"\n#   id=\"brick-2\"\n# ></eo-statistics-card>\n# <eo-statistics-card\n#   card-title=\"事件总数\"\n#   value=\"1.2K\"\n#   unit=\"个\"\n#   outline=\"none\"\n#   style=\"width: 300px\"\n#   id=\"brick-3\"\n# ></eo-statistics-card>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.icon = {\n#     lib: \"easyops\",\n#     category: \"monitor\",\n#     icon: \"infra-monitor\",\n#     bgColor: \"#E6F0FC\",\n#     color: \"#3480EA\",\n#   };\n# \n#   const brick_2 = document.getElementById(\"brick-2\");\n#   brick_2.icon = {\n#     lib: \"easyops\",\n#     category: \"monitor\",\n#     icon: \"infra-monitor\",\n#     bgColor: \"#E6F0FC\",\n#     color: \"#3480EA\",\n#   };\n# \n#   const brick_3 = document.getElementById(\"brick-3\");\n#   brick_3.icon = {\n#     lib: \"easyops\",\n#     category: \"monitor\",\n#     icon: \"infra-monitor\",\n#     bgColor: \"#E6F0FC\",\n#     color: \"#3480EA\",\n#   };\n# </script>\n# \n```\n\n### Size\n\n```yaml preview gap\n- brick: eo-statistics-card\n  properties:\n    cardTitle: 事件总数\n    value: 1.2K\n    unit: 个\n    size: large\n    icon:\n      lib: easyops\n      category: monitor\n      icon: infra-monitor\n      bgColor: \"#E6F0FC\"\n      color: \"#3480EA\"\n    style:\n      width: 300px\n- brick: eo-statistics-card\n  properties:\n    cardTitle: 事件总数\n    value: 1.2K\n    unit: 个\n    size: medium\n    icon:\n      lib: easyops\n      category: monitor\n      icon: infra-monitor\n      bgColor: \"#E6F0FC\"\n      color: \"#3480EA\"\n    style:\n      width: 300px\n- brick: eo-statistics-card\n  properties:\n    cardTitle: 事件总数\n    value: 1.2K\n    unit: 个\n    size: small\n    icon:\n      lib: easyops\n      category: monitor\n      icon: infra-monitor\n      bgColor: \"#E6F0FC\"\n      color: \"#3480EA\"\n    style:\n      width: 300px\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-statistics-card\n#   card-title=\"事件总数\"\n#   value=\"1.2K\"\n#   unit=\"个\"\n#   size=\"large\"\n#   style=\"width: 300px\"\n#   id=\"brick-1\"\n# ></eo-statistics-card>\n# <eo-statistics-card\n#   card-title=\"事件总数\"\n#   value=\"1.2K\"\n#   unit=\"个\"\n#   size=\"medium\"\n#   style=\"width: 300px\"\n#   id=\"brick-2\"\n# ></eo-statistics-card>\n# <eo-statistics-card\n#   card-title=\"事件总数\"\n#   value=\"1.2K\"\n#   unit=\"个\"\n#   size=\"small\"\n#   style=\"width: 300px\"\n#   id=\"brick-3\"\n# ></eo-statistics-card>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.icon = {\n#     lib: \"easyops\",\n#     category: \"monitor\",\n#     icon: \"infra-monitor\",\n#     bgColor: \"#E6F0FC\",\n#     color: \"#3480EA\",\n#   };\n# \n#   const brick_2 = document.getElementById(\"brick-2\");\n#   brick_2.icon = {\n#     lib: \"easyops\",\n#     category: \"monitor\",\n#     icon: \"infra-monitor\",\n#     bgColor: \"#E6F0FC\",\n#     color: \"#3480EA\",\n#   };\n# \n#   const brick_3 = document.getElementById(\"brick-3\");\n#   brick_3.icon = {\n#     lib: \"easyops\",\n#     category: \"monitor\",\n#     icon: \"infra-monitor\",\n#     bgColor: \"#E6F0FC\",\n#     color: \"#3480EA\",\n#   };\n# </script>\n# \n```\n\n### Overview card\n\n```yaml preview\nbrick: eo-statistics-card\nproperties:\n  cardTitle: 事件响应率\n  value: <% PIPES.unitFormat(0.783, \"percent(1)\", 2)[0] %>\n  icon:\n    lib: easyops\n    category: monitor\n    icon: infra-monitor\n    bgColor: \"#FEF3EC\"\n    color: \"#F89B64\"\nchildren:\n  - brick: div\n    slot: description\n    children:\n      - brick: span\n        properties:\n          textContent: 同比上周\n      - brick: span\n        properties:\n          style:\n            color: var(--color-success)\n          textContent: \"上升3.45%\"\n  - brick: chart-v2.tiny-line-chart\n    slot: basicContent\n    properties:\n      data:\n        - month: Jan\n          temperature: 3.9\n        - month: Feb\n          temperature: 4.2\n        - month: Mar\n          temperature: 5.7\n        - month: Apr\n          temperature: 8.5\n        - month: May\n          temperature: 11.9\n        - month: Jun\n          temperature: 15.2\n        - month: Jul\n          temperature: 17\n        - month: Aug\n          temperature: 16.6\n        - month: Sep\n          temperature: 10.2\n        - month: Oct\n          temperature: 10.3\n        - month: Nov\n          temperature: 6.6\n        - month: Dec\n          temperature: 4.8\n      width: 200px\n      height: 60px\n      xField: month\n      yField: temperature\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-statistics-card\n#   card-title=\"事件响应率\"\n#   value='&lt;% PIPES.unitFormat(0.783, \"percent(1)\", 2)[0] %&gt;'\n#   id=\"brick-1\"\n# >\n#   <div slot=\"description\">\n#     <span>同比上周</span>\n#     <span style=\"color: var(--color-success)\">上升3.45%</span>\n#   </div>\n#   <chart-v2.tiny-line-chart\n#     slot=\"basicContent\"\n#     data=\"[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]\"\n#     width=\"200px\"\n#     height=\"60px\"\n#     x-field=\"month\"\n#     y-field=\"temperature\"\n#   ></chart-v2.tiny-line-chart>\n# </eo-statistics-card>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.icon = {\n#     lib: \"easyops\",\n#     category: \"monitor\",\n#     icon: \"infra-monitor\",\n#     bgColor: \"#FEF3EC\",\n#     color: \"#F89B64\",\n#   };\n# </script>\n# \n```\n\n### Complex usage, show more information\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"
+    "doc": "统计卡片\n\n## Examples\n\n### Basic\n\n```yaml preview gap\n- brick: eo-statistics-card\n  properties:\n    cardTitle: 安全评分\n    value: 93\n    valueStyle:\n      color: var(--color-success)\n    icon:\n      lib: easyops\n      category: monitor\n      icon: infra-monitor\n      bgColor: \"#E6F0FC\"\n      color: \"#3480EA\"\n    style:\n      width: 300px\n  children:\n    - brick: eo-tooltip\n      slot: titleSuffix\n      properties:\n        content: 安全评分是根据您的资产状态进行的评分\n        trigger: hover\n        placement: top-start\n      children:\n        - brick: eo-icon\n          properties:\n            lib: antd\n            icon: question-circle\n            theme: outlined\n            style:\n              font-size: 12px\n              color: var(--text-color-secondary)\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-statistics-card\n#   card-title=\"安全评分\"\n#   value=\"93\"\n#   style=\"width: 300px\"\n#   id=\"brick-1\"\n# >\n#   <eo-tooltip\n#     slot=\"titleSuffix\"\n#     content=\"安全评分是根据您的资产状态进行的评分\"\n#     trigger=\"hover\"\n#     placement=\"top-start\"\n#   >\n#     <eo-icon\n#       lib=\"antd\"\n#       icon=\"question-circle\"\n#       theme=\"outlined\"\n#       style=\"font-size: 12px; color: var(--text-color-secondary)\"\n#     ></eo-icon>\n#   </eo-tooltip>\n# </eo-statistics-card>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.valueStyle = {\n#     color: \"var(--color-success)\",\n#   };\n#   brick_1.icon = {\n#     lib: \"easyops\",\n#     category: \"monitor\",\n#     icon: \"infra-monitor\",\n#     bgColor: \"#E6F0FC\",\n#     color: \"#3480EA\",\n#   };\n# </script>\n# \n```\n\n### Outline\n\n```yaml preview gap\n- brick: eo-statistics-card\n  properties:\n    cardTitle: 事件总数\n    value: 1.2K\n    unit: 个\n    outline: border\n    icon:\n      lib: easyops\n      category: monitor\n      icon: infra-monitor\n      bgColor: \"#E6F0FC\"\n      color: \"#3480EA\"\n    style:\n      width: 300px\n- brick: eo-statistics-card\n  properties:\n    cardTitle: 事件总数\n    value: 1.2K\n    unit: 个\n    outline: background\n    icon:\n      lib: easyops\n      category: monitor\n      icon: infra-monitor\n      bgColor: \"#E6F0FC\"\n      color: \"#3480EA\"\n    style:\n      width: 300px\n- brick: eo-statistics-card\n  properties:\n    cardTitle: 事件总数\n    value: 1.2K\n    unit: 个\n    outline: none\n    icon:\n      lib: easyops\n      category: monitor\n      icon: infra-monitor\n      bgColor: \"#E6F0FC\"\n      color: \"#3480EA\"\n    style:\n      width: 300px\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-statistics-card\n#   card-title=\"事件总数\"\n#   value=\"1.2K\"\n#   unit=\"个\"\n#   outline=\"border\"\n#   style=\"width: 300px\"\n#   id=\"brick-1\"\n# ></eo-statistics-card>\n# <eo-statistics-card\n#   card-title=\"事件总数\"\n#   value=\"1.2K\"\n#   unit=\"个\"\n#   outline=\"background\"\n#   style=\"width: 300px\"\n#   id=\"brick-2\"\n# ></eo-statistics-card>\n# <eo-statistics-card\n#   card-title=\"事件总数\"\n#   value=\"1.2K\"\n#   unit=\"个\"\n#   outline=\"none\"\n#   style=\"width: 300px\"\n#   id=\"brick-3\"\n# ></eo-statistics-card>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.icon = {\n#     lib: \"easyops\",\n#     category: \"monitor\",\n#     icon: \"infra-monitor\",\n#     bgColor: \"#E6F0FC\",\n#     color: \"#3480EA\",\n#   };\n# \n#   const brick_2 = document.getElementById(\"brick-2\");\n#   brick_2.icon = {\n#     lib: \"easyops\",\n#     category: \"monitor\",\n#     icon: \"infra-monitor\",\n#     bgColor: \"#E6F0FC\",\n#     color: \"#3480EA\",\n#   };\n# \n#   const brick_3 = document.getElementById(\"brick-3\");\n#   brick_3.icon = {\n#     lib: \"easyops\",\n#     category: \"monitor\",\n#     icon: \"infra-monitor\",\n#     bgColor: \"#E6F0FC\",\n#     color: \"#3480EA\",\n#   };\n# </script>\n# \n```\n\n### Size\n\n```yaml preview gap\n- brick: eo-statistics-card\n  properties:\n    cardTitle: 事件总数\n    value: 1.2K\n    unit: 个\n    size: large\n    icon:\n      lib: easyops\n      category: monitor\n      icon: infra-monitor\n      bgColor: \"#E6F0FC\"\n      color: \"#3480EA\"\n    style:\n      width: 300px\n- brick: eo-statistics-card\n  properties:\n    cardTitle: 事件总数\n    value: 1.2K\n    unit: 个\n    size: medium\n    icon:\n      lib: easyops\n      category: monitor\n      icon: infra-monitor\n      bgColor: \"#E6F0FC\"\n      color: \"#3480EA\"\n    style:\n      width: 300px\n- brick: eo-statistics-card\n  properties:\n    cardTitle: 事件总数\n    value: 1.2K\n    unit: 个\n    size: small\n    icon:\n      lib: easyops\n      category: monitor\n      icon: infra-monitor\n      bgColor: \"#E6F0FC\"\n      color: \"#3480EA\"\n    style:\n      width: 300px\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-statistics-card\n#   card-title=\"事件总数\"\n#   value=\"1.2K\"\n#   unit=\"个\"\n#   size=\"large\"\n#   style=\"width: 300px\"\n#   id=\"brick-1\"\n# ></eo-statistics-card>\n# <eo-statistics-card\n#   card-title=\"事件总数\"\n#   value=\"1.2K\"\n#   unit=\"个\"\n#   size=\"medium\"\n#   style=\"width: 300px\"\n#   id=\"brick-2\"\n# ></eo-statistics-card>\n# <eo-statistics-card\n#   card-title=\"事件总数\"\n#   value=\"1.2K\"\n#   unit=\"个\"\n#   size=\"small\"\n#   style=\"width: 300px\"\n#   id=\"brick-3\"\n# ></eo-statistics-card>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.icon = {\n#     lib: \"easyops\",\n#     category: \"monitor\",\n#     icon: \"infra-monitor\",\n#     bgColor: \"#E6F0FC\",\n#     color: \"#3480EA\",\n#   };\n# \n#   const brick_2 = document.getElementById(\"brick-2\");\n#   brick_2.icon = {\n#     lib: \"easyops\",\n#     category: \"monitor\",\n#     icon: \"infra-monitor\",\n#     bgColor: \"#E6F0FC\",\n#     color: \"#3480EA\",\n#   };\n# \n#   const brick_3 = document.getElementById(\"brick-3\");\n#   brick_3.icon = {\n#     lib: \"easyops\",\n#     category: \"monitor\",\n#     icon: \"infra-monitor\",\n#     bgColor: \"#E6F0FC\",\n#     color: \"#3480EA\",\n#   };\n# </script>\n# \n```\n\n### Overview card\n\n```yaml preview\nbrick: eo-statistics-card\nproperties:\n  cardTitle: 事件响应率\n  value: <% PIPES.unitFormat(0.783, \"percent(1)\", 2)[0] %>\n  icon:\n    lib: easyops\n    category: monitor\n    icon: infra-monitor\n    bgColor: \"#FEF3EC\"\n    color: \"#F89B64\"\nchildren:\n  - brick: div\n    slot: description\n    children:\n      - brick: span\n        properties:\n          textContent: 同比上周\n      - brick: span\n        properties:\n          style:\n            color: var(--color-success)\n          textContent: \"上升3.45%\"\n  - brick: chart-v2.tiny-line-chart\n    slot: basicContent\n    properties:\n      data:\n        - month: Jan\n          temperature: 3.9\n        - month: Feb\n          temperature: 4.2\n        - month: Mar\n          temperature: 5.7\n        - month: Apr\n          temperature: 8.5\n        - month: May\n          temperature: 11.9\n        - month: Jun\n          temperature: 15.2\n        - month: Jul\n          temperature: 17\n        - month: Aug\n          temperature: 16.6\n        - month: Sep\n          temperature: 10.2\n        - month: Oct\n          temperature: 10.3\n        - month: Nov\n          temperature: 6.6\n        - month: Dec\n          temperature: 4.8\n      width: 200px\n      height: 60px\n      xField: month\n      yField: temperature\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-statistics-card\n#   card-title=\"事件响应率\"\n#   value='&lt;% PIPES.unitFormat(0.783, \"percent(1)\", 2)[0] %&gt;'\n#   id=\"brick-1\"\n# >\n#   <div slot=\"description\">\n#     <span>同比上周</span>\n#     <span style=\"color: var(--color-success)\">上升3.45%</span>\n#   </div>\n#   <chart-v2.tiny-line-chart\n#     slot=\"basicContent\"\n#     data=\"[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]\"\n#     width=\"200px\"\n#     height=\"60px\"\n#     x-field=\"month\"\n#     y-field=\"temperature\"\n#   ></chart-v2.tiny-line-chart>\n# </eo-statistics-card>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.icon = {\n#     lib: \"easyops\",\n#     category: \"monitor\",\n#     icon: \"infra-monitor\",\n#     bgColor: \"#FEF3EC\",\n#     color: \"#F89B64\",\n#   };\n# </script>\n# \n```\n\n### Complex usage\n\n```yaml preview\nbrick: eo-statistics-card\nproperties:\n  cardTitle: 事件响应数量\n  value: 4,089\n  descriptionPosition: right\n  style:\n    width: 500px\nchildren:\n  - brick: eo-icon\n    slot: titlePrefix\n    properties:\n      lib: antd\n      icon: check-circle\n      theme: filled\n      style:\n        font-size: 12px\n        color: var(--color-success)\n  - brick: div\n    slot: description\n    children:\n      - brick: span\n        properties:\n          textContent: 同比上周\n      - brick: span\n        properties:\n          style:\n            color: var(--color-success)\n          textContent: \"上升31.45%\"\n  - brick: chart-v2.time-series-chart\n    slot: extraContent\n    properties:\n      axis:\n        yAxis:\n          precision: 2\n      data:\n        - host_load_5_per_core: 3.95\n          time: 1626600960\n        - host_load_5_per_core: 3.88\n          time: 1626601020\n        - host_load_5_per_core: 3.91\n          time: 1626601080\n        - host_load_5_per_core: 4\n          time: 1626601140\n        - host_load_5_per_core: 4.08\n          time: 1626601200\n        - host_load_5_per_core: 3.91\n          time: 1626601260\n        - host_load_5_per_core: 3.92\n          time: 1626601320\n        - host_load_5_per_core: 3.81\n          time: 1626601380\n        - host_load_5_per_core: 3.93\n          time: 1626601440\n        - host_load_5_per_core: 3.9\n          time: 1626601500\n        - host_load_5_per_core: 3.9\n          time: 1626601560\n        - host_load_5_per_core: 3.8\n          time: 1626601620\n        - host_load_5_per_core: 3.74\n          time: 1626601680\n        - host_load_5_per_core: 4.16\n          time: 1626601740\n        - host_load_5_per_core: 4.12\n          time: 1626601800\n        - host_load_5_per_core: 4.08\n          time: 1626601860\n        - host_load_5_per_core: 3.98\n          time: 1626601920\n        - host_load_5_per_core: 3.79\n          time: 1626601980\n        - host_load_5_per_core: 3.65\n          time: 1626602040\n        - host_load_5_per_core: 3.83\n          time: 1626602100\n        - host_load_5_per_core: 3.7\n          time: 1626602160\n        - host_load_5_per_core: 3.69\n          time: 1626602220\n        - host_load_5_per_core: 3.81\n          time: 1626602280\n        - host_load_5_per_core: 3.81\n          time: 1626602340\n        - host_load_5_per_core: 3.87\n          time: 1626602400\n        - host_load_5_per_core: 4.07\n          time: 1626602460\n        - host_load_5_per_core: 4.02\n          time: 1626602520\n        - host_load_5_per_core: 4\n          time: 1626602580\n        - host_load_5_per_core: 3.91\n          time: 1626602640\n        - host_load_5_per_core: 3.82\n          time: 1626602700\n        - host_load_5_per_core: 3.76\n          time: 1626602760\n        - host_load_5_per_core: 3.75\n          time: 1626602820\n        - host_load_5_per_core: 3.7\n          time: 1626602880\n        - host_load_5_per_core: 3.86\n          time: 1626602940\n        - host_load_5_per_core: 3.97\n          time: 1626603000\n        - host_load_5_per_core: 3.8\n          time: 1626603060\n        - host_load_5_per_core: 3.91\n          time: 1626603120\n        - host_load_5_per_core: 3.92\n          time: 1626603180\n        - host_load_5_per_core: 3.92\n          time: 1626603240\n        - host_load_5_per_core: 4.03\n          time: 1626603300\n        - host_load_5_per_core: 4.05\n          time: 1626603360\n        - host_load_5_per_core: 3.98\n          time: 1626603420\n        - host_load_5_per_core: 4.26\n          time: 1626603480\n        - host_load_5_per_core: 4.59\n          time: 1626603540\n        - host_load_5_per_core: 4.59\n          time: 1626603600\n        - host_load_5_per_core: 4.45\n          time: 1626603660\n        - host_load_5_per_core: 4.41\n          time: 1626603720\n        - host_load_5_per_core: 4.37\n          time: 1626603780\n        - host_load_5_per_core: 4.17\n          time: 1626603840\n        - host_load_5_per_core: 4.41\n          time: 1626603900\n        - host_load_5_per_core: 4.36\n          time: 1626603960\n        - host_load_5_per_core: 4.25\n          time: 1626604020\n        - host_load_5_per_core: 4.37\n          time: 1626604080\n        - host_load_5_per_core: 4.33\n          time: 1626604140\n        - host_load_5_per_core: 4.43\n          time: 1626604200\n        - host_load_5_per_core: 4.48\n          time: 1626604260\n        - host_load_5_per_core: 4.42\n          time: 1626604320\n        - host_load_5_per_core: 4.55\n          time: 1626604380\n        - host_load_5_per_core: 4.64\n          time: 1626604440\n        - host_load_5_per_core: 4.68\n          time: 1626604500\n        - host_load_5_per_core: 4.67\n          time: 1626604560\n        - host_load_5_per_core: 4.75\n          time: 1626604620\n        - host_load_5_per_core: 4.62\n          time: 1626604680\n        - host_load_5_per_core: 4.95\n          time: 1626604740\n        - host_load_5_per_core: 5.29\n          time: 1626604800\n        - host_load_5_per_core: 5.61\n          time: 1626604860\n        - host_load_5_per_core: 5.5\n          time: 1626604920\n        - host_load_5_per_core: 5.96\n          time: 1626604980\n        - host_load_5_per_core: 5.62\n          time: 1626605040\n        - host_load_5_per_core: 5.67\n          time: 1626605100\n        - host_load_5_per_core: 5.56\n          time: 1626605160\n        - host_load_5_per_core: 5.37\n          time: 1626605220\n        - host_load_5_per_core: 5.53\n          time: 1626605280\n        - host_load_5_per_core: 5.46\n          time: 1626605340\n        - host_load_5_per_core: 5.42\n          time: 1626605400\n        - host_load_5_per_core: 5.4\n          time: 1626605460\n        - host_load_5_per_core: 5.33\n          time: 1626605520\n        - host_load_5_per_core: 5.35\n          time: 1626605580\n        - host_load_5_per_core: 5.21\n          time: 1626605640\n        - host_load_5_per_core: 5.22\n          time: 1626605700\n        - host_load_5_per_core: 5.25\n          time: 1626605760\n        - host_load_5_per_core: 5.42\n          time: 1626605820\n        - host_load_5_per_core: 5.51\n          time: 1626605880\n        - host_load_5_per_core: 5.31\n          time: 1626605940\n        - host_load_5_per_core: 5.4\n          time: 1626606000\n        - host_load_5_per_core: 5.76\n          time: 1626606060\n        - host_load_5_per_core: 5.64\n          time: 1626606120\n        - host_load_5_per_core: 5.36\n          time: 1626606180\n        - host_load_5_per_core: 5.53\n          time: 1626606240\n        - host_load_5_per_core: 5.38\n          time: 1626606300\n        - host_load_5_per_core: 5.25\n          time: 1626606360\n        - host_load_5_per_core: 5.24\n          time: 1626606420\n        - host_load_5_per_core: 5.09\n          time: 1626606480\n        - host_load_5_per_core: 5.15\n          time: 1626606540\n        - host_load_5_per_core: 5.14\n          time: 1626606600\n        - host_load_5_per_core: 5.03\n          time: 1626606660\n        - host_load_5_per_core: 4.96\n          time: 1626606720\n        - host_load_5_per_core: 4.74\n          time: 1626606780\n        - host_load_5_per_core: 4.49\n          time: 1626606840\n        - host_load_5_per_core: 4.51\n          time: 1626606900\n        - host_load_5_per_core: 4.44\n          time: 1626606960\n        - host_load_5_per_core: 4.54\n          time: 1626607020\n        - host_load_5_per_core: 4.46\n          time: 1626607080\n        - host_load_5_per_core: 4.53\n          time: 1626607140\n        - host_load_5_per_core: 4.27\n          time: 1626607200\n        - host_load_5_per_core: 4.31\n          time: 1626607260\n        - host_load_5_per_core: 4.3\n          time: 1626607320\n        - host_load_5_per_core: 4.07\n          time: 1626607380\n        - host_load_5_per_core: 3.97\n          time: 1626607440\n        - host_load_5_per_core: 4.31\n          time: 1626607500\n        - host_load_5_per_core: 4.19\n          time: 1626607560\n        - host_load_5_per_core: 4.2\n          time: 1626607620\n        - host_load_5_per_core: 4.21\n          time: 1626607680\n        - host_load_5_per_core: 4.08\n          time: 1626607740\n        - host_load_5_per_core: 3.94\n          time: 1626607800\n        - host_load_5_per_core: 3.9\n          time: 1626607860\n        - host_load_5_per_core: 3.78\n          time: 1626607920\n        - host_load_5_per_core: 3.8\n          time: 1626607980\n        - host_load_5_per_core: 3.83\n          time: 1626608040\n        - host_load_5_per_core: 3.92\n          time: 1626608100\n        - host_load_5_per_core: 3.88\n          time: 1626608160\n        - host_load_5_per_core: 4.05\n          time: 1626608220\n        - host_load_5_per_core: 4.04\n          time: 1626608280\n        - host_load_5_per_core: 4.01\n          time: 1626608340\n        - host_load_5_per_core: 4.13\n          time: 1626608400\n        - host_load_5_per_core: 3.94\n          time: 1626608460\n        - host_load_5_per_core: 3.91\n          time: 1626608520\n        - host_load_5_per_core: 3.86\n          time: 1626608580\n        - host_load_5_per_core: 3.75\n          time: 1626608640\n        - host_load_5_per_core: 3.82\n          time: 1626608700\n        - host_load_5_per_core: 4\n          time: 1626608760\n        - host_load_5_per_core: 3.88\n          time: 1626608820\n        - host_load_5_per_core: 3.8\n          time: 1626608880\n        - host_load_5_per_core: 4.05\n          time: 1626608940\n        - host_load_5_per_core: 4.42\n          time: 1626609000\n        - host_load_5_per_core: 4.53\n          time: 1626609060\n      height: 200\n      showPoint: false\n      xField: time\n      xRange:\n        from: 1626601000\n        step: 60\n        to: 1626609200\n      yField: host_load_5_per_core\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-statistics-card\n#   card-title=\"事件响应数量\"\n#   value=\"4,089\"\n#   description-position=\"right\"\n#   style=\"width: 500px\"\n# >\n#   <eo-icon\n#     slot=\"titlePrefix\"\n#     lib=\"antd\"\n#     icon=\"check-circle\"\n#     theme=\"filled\"\n#     style=\"font-size: 12px; color: var(--color-success)\"\n#   ></eo-icon>\n#   <div slot=\"description\">\n#     <span>同比上周</span>\n#     <span style=\"color: var(--color-success)\">上升31.45%</span>\n#   </div>\n#   <chart-v2.time-series-chart\n#     slot=\"extraContent\"\n#     axis=\"[object Object]\"\n#     data=\"[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]\"\n#     height=\"200\"\n#     x-field=\"time\"\n#     x-range=\"[object Object]\"\n#     y-field=\"host_load_5_per_core\"\n#   ></chart-v2.time-series-chart>\n# </eo-statistics-card>\n# \n```\n\n### Interaction\n\n#### Operator slot\n\n```yaml preview gap\n- brick: eo-statistics-card\n  properties:\n    cardTitle: 安全评分\n    value: 93\n    valueStyle:\n      color: var(--color-success)\n    icon:\n      lib: easyops\n      category: monitor\n      icon: infra-monitor\n      bgColor: \"#E6F0FC\"\n      color: \"#3480EA\"\n    style:\n      width: 300px\n  children:\n    - brick: eo-mini-actions\n      slot: operator\n      properties:\n        actions:\n          - icon:\n              lib: antd\n              icon: edit\n              theme: outlined\n            text: 编辑\n            isDropdown: true\n            event: edit\n          - icon:\n              lib: antd\n              icon: delete\n              theme: outlined\n            text: 删除\n            isDropdown: true\n            disabled: true\n            event: delete\n      events:\n        edit:\n          - action: console.log\n        delete:\n          - action: console.log\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-statistics-card\n#   card-title=\"安全评分\"\n#   value=\"93\"\n#   style=\"width: 300px\"\n#   id=\"brick-1\"\n# >\n#   <eo-mini-actions\n#     slot=\"operator\"\n#     actions=\"[object Object],[object Object]\"\n#     id=\"brick-2\"\n#   ></eo-mini-actions>\n# </eo-statistics-card>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.valueStyle = {\n#     color: \"var(--color-success)\",\n#   };\n#   brick_1.icon = {\n#     lib: \"easyops\",\n#     category: \"monitor\",\n#     icon: \"infra-monitor\",\n#     bgColor: \"#E6F0FC\",\n#     color: \"#3480EA\",\n#   };\n# \n#   const brick_2 = document.getElementById(\"brick-2\");\n#   brick_2.addEventListener(\"edit\", (e) => {\n#     console.log(e.detail);\n#   });\n#   brick_2.addEventListener(\"delete\", (e) => {\n#     console.log(e.detail);\n#   });\n# </script>\n# \n```\n\n#### Whole card\n\n```yaml preview gap\n- brick: eo-link\n  properties:\n    type: plain\n    url: /detail\n    target: _blank\n  children:\n    - brick: eo-statistics-card\n      properties:\n        interactable: true\n        outline: border\n        cardTitle: 安全评分\n        value: 93\n        valueStyle:\n          color: var(--color-success)\n        icon:\n          lib: easyops\n          category: monitor\n          icon: infra-monitor\n          bgColor: \"#E6F0FC\"\n          color: \"#3480EA\"\n        style:\n          width: 200px\n- brick: eo-link\n  properties:\n    type: plain\n    url: /detail\n    target: _blank\n  children:\n    - brick: eo-statistics-card\n      properties:\n        interactable: true\n        outline: background\n        cardTitle: 安全评分\n        value: 93\n        valueStyle:\n          color: var(--color-success)\n        icon:\n          lib: easyops\n          category: monitor\n          icon: infra-monitor\n          bgColor: \"#E6F0FC\"\n          color: \"#3480EA\"\n        style:\n          width: 200px\n- brick: eo-link\n  properties:\n    type: plain\n    url: /detail\n    target: _blank\n  children:\n    - brick: eo-statistics-card\n      properties:\n        interactable: true\n        outline: none\n        cardTitle: 安全评分\n        value: 93\n        valueStyle:\n          color: var(--color-success)\n        icon:\n          lib: easyops\n          category: monitor\n          icon: infra-monitor\n          bgColor: \"#E6F0FC\"\n          color: \"#3480EA\"\n        style:\n          width: 200px\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-link type=\"plain\" url=\"/detail\" target=\"_blank\">\n#   <eo-statistics-card\n#     interactable\n#     outline=\"border\"\n#     card-title=\"安全评分\"\n#     value=\"93\"\n#     style=\"width: 200px\"\n#     id=\"brick-1\"\n#   ></eo-statistics-card>\n# </eo-link>\n# <eo-link type=\"plain\" url=\"/detail\" target=\"_blank\">\n#   <eo-statistics-card\n#     interactable\n#     outline=\"background\"\n#     card-title=\"安全评分\"\n#     value=\"93\"\n#     style=\"width: 200px\"\n#     id=\"brick-2\"\n#   ></eo-statistics-card>\n# </eo-link>\n# <eo-link type=\"plain\" url=\"/detail\" target=\"_blank\">\n#   <eo-statistics-card\n#     interactable\n#     outline=\"none\"\n#     card-title=\"安全评分\"\n#     value=\"93\"\n#     style=\"width: 200px\"\n#     id=\"brick-3\"\n#   ></eo-statistics-card>\n# </eo-link>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.valueStyle = {\n#     color: \"var(--color-success)\",\n#   };\n#   brick_1.icon = {\n#     lib: \"easyops\",\n#     category: \"monitor\",\n#     icon: \"infra-monitor\",\n#     bgColor: \"#E6F0FC\",\n#     color: \"#3480EA\",\n#   };\n# \n#   const brick_2 = document.getElementById(\"brick-2\");\n#   brick_2.valueStyle = {\n#     color: \"var(--color-success)\",\n#   };\n#   brick_2.icon = {\n#     lib: \"easyops\",\n#     category: \"monitor\",\n#     icon: \"infra-monitor\",\n#     bgColor: \"#E6F0FC\",\n#     color: \"#3480EA\",\n#   };\n# \n#   const brick_3 = document.getElementById(\"brick-3\");\n#   brick_3.valueStyle = {\n#     color: \"var(--color-success)\",\n#   };\n#   brick_3.icon = {\n#     lib: \"easyops\",\n#     category: \"monitor\",\n#     icon: \"infra-monitor\",\n#     bgColor: \"#E6F0FC\",\n#     color: \"#3480EA\",\n#   };\n# </script>\n# \n```\n"
   }
 }

package/dist/index.e28a7c02.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ (()=>{"use strict";var s,e,i,a,r,m,n,p,l,g,j,t,u,c,o,d,f,b,h,v,x,y,P,k,w,q={83748:(s,e,i)=>{var a={"./eo-descriptions":()=>Promise.all([i.e(3220),i.e(7672),i.e(8624),i.e(7340),i.e(1616)]).then((()=>()=>i(17956))),"./general-descriptions":()=>Promise.all([i.e(3220),i.e(7672),i.e(8624),i.e(7340),i.e(1616)]).then((()=>()=>i(17956))),"./eo-alert":()=>Promise.all([i.e(3220),i.e(7672),i.e(8624),i.e(8564),i.e(1476)]).then((()=>()=>i(43484))),"./general-alert":()=>Promise.all([i.e(3220),i.e(7672),i.e(8624),i.e(8564),i.e(1476)]).then((()=>()=>i(43484))),"./eo-pagination":()=>Promise.all([i.e(3220),i.e(7672),i.e(8624),i.e(7568),i.e(6820),i.e(1824),i.e(1160)]).then((()=>()=>i(14868))),"./eo-code-display":()=>Promise.all([i.e(5444),i.e(3220),i.e(7672),i.e(8624),i.e(4516),i.e(7568),i.e(6820),i.e(2214)]).then((()=>()=>i(94900))),"./code-display":()=>Promise.all([i.e(5444),i.e(3220),i.e(7672),i.e(8624),i.e(4516),i.e(7568),i.e(6820),i.e(2214)]).then((()=>()=>i(94900))),"./eo-card-item":()=>Promise.all([i.e(6276),i.e(3220),i.e(7672),i.e(8624),i.e(5344)]).then((()=>()=>i(35368))),"./eo-divider":()=>Promise.all([i.e(3220),i.e(7672),i.e(8624),i.e(744)]).then((()=>()=>i(2864))),"./eo-info-card-item":()=>Promise.all([i.e(3220),i.e(7672),i.e(8624),i.e(8564),i.e(7340),i.e(2576)]).then((()=>()=>i(79484))),"./eo-humanize-time":()=>Promise.all([i.e(3220),i.e(7672),i.e(8624),i.e(9604),i.e(1340),i.e(7568),i.e(9956),i.e(328)]).then((()=>()=>i(38464))),"./humanize-time":()=>Promise.all([i.e(3220),i.e(7672),i.e(8624),i.e(9604),i.e(1340),i.e(7568),i.e(9956),i.e(328)]).then((()=>()=>i(38464))),"./eo-statistics-card":()=>Promise.all([i.e(3220),i.e(7672),i.e(8624),i.e(3708)]).then((()=>()=>i(8060)))},r=(s,e)=>(i.R=e,e=i.o(a,s)?a[s]():Promise.resolve().then((()=>{throw new Error('Module "'+s+'" does not exist in container.')})),i.R=void 0,e),m=(s,e)=>{if(i.S){var a="default",r=i.S[a];if(r&&r!==s)throw new Error("Container initialization failed as it has already been initialized with a different share scope");return i.S[a]=s,i.I(a,e)}};i.d(e,{get:()=>r,init:()=>m})}},O={};function S(s){var e=O[s];if(void 0!==e)return e.exports;var i=O[s]={id:s,loaded:!1,exports:{}};return q[s].call(i.exports,i,i.exports,S),i.loaded=!0,i.exports}S.m=q,S.c=O,S.n=s=>{var e=s&&s.__esModule?()=>s.default:()=>s;return S.d(e,{a:e}),e},e=Object.getPrototypeOf?s=>Object.getPrototypeOf(s):s=>s.__proto__,S.t=function(i,a){if(1&a&&(i=this(i)),8&a)return i;if("object"==typeof i&&i){if(4&a&&i.__esModule)return i;if(16&a&&"function"==typeof i.then)return i}var r=Object.create(null);S.r(r);var m={};s=s\|\|[null,e({}),e([]),e(e)];for(var n=2&a&&i;"object"==typeof n&&!~s.indexOf(n);n=e(n))Object.getOwnPropertyNames(n).forEach((s=>m[s]=()=>i[s]));return m.default=()=>i,S.d(r,m),r},S.d=(s,e)=>{for(var i in e)S.o(e,i)&&!S.o(s,i)&&Object.defineProperty(s,i,{enumerable:!0,get:e[i]})},S.f={},S.e=s=>Promise.all(Object.keys(S.f).reduce(((e,i)=>(S.f[i](s,e),e)),[])),S.u=s=>"chunks/"+({20:"./prismjs/languages/prism-graphql-min-js",48:"./prismjs/languages/prism-core-min-js",56:"./prismjs/languages/prism-cshtml-min-js",60:"./prismjs/languages/prism-http-min-js",120:"./prismjs/languages/prism-tap-min-js",224:"./prismjs/languages/prism-openqasm-min-js",236:"./prismjs/languages/prism-web-idl-min-js",272:"./prismjs/languages/prism-actionscript-min-js",328:"eo-humanize-time",336:"./prismjs/languages/prism-json5-min-js",392:"./prismjs/languages/prism-smalltalk-min-js",400:"./prismjs/languages/prism-go-min-js",464:"./prismjs/languages/prism-xquery-min-js",500:"./prismjs/languages/prism-less-min-js",504:"./prismjs/languages/prism-wiki-min-js",539:"./prismjs/languages/prism-textile-min-js",652:"./prismjs/languages/prism-jq-min-js",672:"./prismjs/languages/prism-jsx-min-js",688:"./prismjs/languages/prism-renpy-min-js",732:"./prismjs/languages/prism-arff-min-js",744:"eo-divider",840:"./prismjs/languages/prism-lolcode-min-js",848:"./prismjs/languages/prism-tcl-min-js",888:"./prismjs/languages/prism-json-min-js",912:"./prismjs/languages/prism-cobol-min-js",988:"./prismjs/languages/prism-awk-min-js",992:"./prismjs/languages/prism-uorazor-min-js",1008:"./prismjs/languages/prism-cilkcpp-min-js",1064:"./prismjs/languages/prism-ftl-min-js",1072:"./prismjs/languages/prism-t4-cs-min-js",1083:"./prismjs/languages/prism-scala-min-js",1132:"./prismjs/languages/prism-processing-min-js",1148:"./prismjs/languages/prism-psl-min-js",1160:"eo-pagination",1328:"./prismjs/languages/prism-turtle-min-js",1348:"./prismjs/languages/prism-keepalived-min-js",1360:"./prismjs/languages/prism-javascript-min-js",1392:"./prismjs/languages/prism-purebasic-min-js",1476:"eo-alert",1536:"./prismjs/languages/prism-lisp-min-js",1592:"./prismjs/languages/prism-glsl-min-js",1616:"eo-descriptions",1648:"./prismjs/languages/prism-yaml-min-js",1652:"./prismjs/languages/prism-antlr4-min-js",1676:"./prismjs/languages/prism-apl-min-js",1680:"./prismjs/languages/prism-twig-min-js",1696:"./prismjs/languages/prism-odin-min-js",1856:"./prismjs/languages/prism-keyman-min-js",1876:"./prismjs/languages/prism-shell-session-min-js",1952:"./prismjs/languages/prism-cilkc-min-js",2056:"./prismjs/languages/prism-splunk-spl-min-js",2208:"./prismjs/languages/prism-hsts-min-js",2214:"eo-code-display",2219:"./prismjs/languages/prism-avro-idl-min-js",2232:"./prismjs/languages/prism-haskell-min-js",2256:"./prismjs/languages/prism-firestore-security-rules-min-js",2288:"./prismjs/languages/prism-rest-min-js",2436:"./prismjs/languages/prism-j-min-js",2456:"./prismjs/languages/prism-gettext-min-js",2468:"./prismjs/languages/prism-dhall-min-js",2512:"./prismjs/languages/prism-php-extras-min-js",2536:"./prismjs/languages/prism-verilog-min-js",2568:"./prismjs/languages/prism-t4-vb-min-js",2576:"eo-info-card-item",2608:"./prismjs/languages/prism-idris-min-js",2632:"./prismjs/languages/prism-bbcode-min-js",2704:"./prismjs/languages/prism-magma-min-js",2772:"./prismjs/languages/prism-false-min-js",2880:"./prismjs/languages/prism-latex-min-js",2979:"./prismjs/languages/prism-crystal-min-js",3024:"./prismjs/languages/prism-n1ql-min-js",3032:"./prismjs/languages/prism-rust-min-js",3036:"./prismjs/languages/prism-cmake-min-js",3084:"./prismjs/languages/prism-mermaid-min-js",3120:"./prismjs/languages/prism-pcaxis-min-js",3148:"./prismjs/languages/prism-gn-min-js",3216:"./prismjs/languages/prism-parser-min-js",3228:"./prismjs/languages/prism-scheme-min-js",3248:"./prismjs/languages/prism-dataweave-min-js",3252:"./prismjs/languages/prism-lilypond-min-js",3280:"./prismjs/languages/prism-typoscript-min-js",3312:"./prismjs/languages/prism-rego-min-js",3356:"./prismjs/languages/prism-squirrel-min-js",3360:"./prismjs/languages/prism-nginx-min-js",3396:"./prismjs/languages/prism-wasm-min-js",3400:"./prismjs/languages/prism-cil-min-js",3432:"./prismjs/languages/prism-t4-templating-min-js",3456:"./prismjs/languages/prism-gcode-min-js",3464:"./prismjs/languages/prism-purescript-min-js",3480:"./prismjs/languages/prism-abap-min-js",3568:"./prismjs/languages/prism-unrealscript-min-js",3632:"./prismjs/languages/prism-sas-min-js",3667:"./prismjs/languages/prism-handlebars-min-js",3688:"./prismjs/languages/prism-hlsl-min-js",3708:"eo-statistics-card",3760:"./prismjs/languages/prism-xeora-min-js",3844:"./prismjs/languages/prism-js-templates-min-js",3848:"./prismjs/languages/prism-rip-min-js",3896:"./prismjs/languages/prism-brainfuck-min-js",3904:"./prismjs/languages/prism-uri-min-js",3952:"./prismjs/languages/prism-asm6502-min-js",3960:"./prismjs/languages/prism-qml-min-js",3976:"./prismjs/languages/prism-racket-min-js",4024:"./prismjs/languages/prism-autoit-min-js",4027:"./prismjs/languages/prism-prolog-min-js",4056:"./prismjs/languages/prism-css-min-js",4064:"./prismjs/languages/prism-vim-min-js",4092:"./prismjs/languages/prism-mel-min-js",4096:"./prismjs/languages/prism-jolie-min-js",4120:"./prismjs/languages/prism-editorconfig-min-js",4132:"./prismjs/languages/prism-jexl-min-js",4136:"./prismjs/languages/prism-bash-min-js",4196:"./prismjs/languages/prism-scss-min-js",4200:"./prismjs/languages/prism-zig-min-js",4252:"./prismjs/languages/prism-xojo-min-js",4280:"./prismjs/languages/prism-bro-min-js",4360:"./prismjs/languages/prism-asmatmel-min-js",4408:"./prismjs/languages/prism-roboconf-min-js",4452:"./prismjs/languages/prism-cue-min-js",4456:"./prismjs/languages/prism-sass-min-js",4584:"./prismjs/languages/prism-tsx-min-js",4592:"./prismjs/languages/prism-erlang-min-js",4599:"./prismjs/languages/prism-sparql-min-js",4616:"./prismjs/languages/prism-wren-min-js",4626:"./prismjs/languages/prism-liquid-min-js",4656:"./prismjs/languages/prism-pascaligo-min-js",4696:"./prismjs/languages/prism-latte-min-js",4736:"./prismjs/languages/prism-julia-min-js",4840:"./prismjs/languages/prism-stata-min-js",4852:"./prismjs/languages/prism-typescript-min-js",4907:"./prismjs/languages/prism-autohotkey-min-js",4908:"./prismjs/languages/prism-javadoclike-min-js",4924:"./prismjs/languages/prism-gdscript-min-js",4936:"./prismjs/languages/prism-nix-min-js",5003:"./prismjs/languages/prism-nand2tetris-hdl-min-js",5016:"./prismjs/languages/prism-pug-min-js",5024:"./prismjs/languages/prism-vbnet-min-js",5044:"./prismjs/languages/prism-matlab-min-js",5072:"./prismjs/languages/prism-jsonp-min-js",5080:"./prismjs/languages/prism-log-min-js",5104:"./prismjs/languages/prism-swift-min-js",5152:"./prismjs/languages/prism-gherkin-min-js",5180:"./prismjs/languages/prism-brightscript-min-js",5248:"./prismjs/languages/prism-warpscript-min-js",5259:"./prismjs/languages/prism-peoplecode-min-js",5296:"./prismjs/languages/prism-armasm-min-js",5344:"eo-card-item",5356:"./prismjs/languages/prism-ejs-min-js",5360:"./prismjs/languages/prism-apacheconf-min-js",5375:"./prismjs/languages/prism-asciidoc-min-js",5416:"./prismjs/languages/prism-applescript-min-js",5424:"./prismjs/languages/prism-q-min-js",5432:"./prismjs/languages/prism-gradle-min-js",5456:"./prismjs/languages/prism-bnf-min-js",5464:"./prismjs/languages/prism-tremor-min-js",5472:"./prismjs/languages/prism-wgsl-min-js",5476:"./prismjs/languages/prism-maxscript-min-js",5488:"./prismjs/languages/prism-ichigojam-min-js",5500:"./prismjs/languages/prism-parigp-min-js",5504:"./prismjs/languages/prism-pascal-min-js",5536:"./prismjs/languages/prism-cooklang-min-js",5548:"./prismjs/languages/prism-puppet-min-js",5576:"./prismjs/languages/prism-c-min-js",5600:"./prismjs/languages/prism-sml-min-js",5664:"./prismjs/languages/prism-csv-min-js",5728:"./prismjs/languages/prism-dns-zone-file-min-js",5763:"./prismjs/languages/prism-aql-min-js",5776:"./prismjs/languages/prism-apex-min-js",5792:"./prismjs/languages/prism-inform7-min-js",5872:"./prismjs/languages/prism-naniscript-min-js",5888:"./prismjs/languages/prism-sql-min-js",5932:"./prismjs/languages/prism-javadoc-min-js",5968:"./prismjs/languages/prism-iecst-min-js",5972:"./prismjs/languages/prism-plsql-min-js",5976:"./prismjs/languages/prism-dart-min-js",5980:"./prismjs/languages/prism-flow-min-js",6008:"./prismjs/languages/prism-jsdoc-min-js",6080:"./prismjs/languages/prism-markdown-min-js",6084:"./prismjs/languages/prism-metafont-min-js",6096:"./prismjs/languages/prism-fsharp-min-js",6136:"./prismjs/languages/prism-sqf-min-js",6168:"./prismjs/languages/prism-cypher-min-js",6196:"./prismjs/languages/prism-csp-min-js",6200:"./prismjs/languages/prism-gedcom-min-js",6204:"./prismjs/languages/prism-velocity-min-js",6224:"./prismjs/languages/prism-avisynth-min-js",6240:"./prismjs/languages/prism-smarty-min-js",6256:"./prismjs/languages/prism-php-min-js",6292:"./prismjs/languages/prism-d-min-js",6296:"./prismjs/languages/prism-bison-min-js",6364:"./prismjs/languages/prism-ruby-min-js",6392:"./prismjs/languages/prism-robotframework-min-js",6428:"./prismjs/languages/prism-wolfram-min-js",6460:"./prismjs/languages/prism-makefile-min-js",6504:"./prismjs/languages/prism-markup-templating-min-js",6512:"./prismjs/languages/prism-groovy-min-js",6528:"./prismjs/languages/prism-objectivec-min-js",6552:"./prismjs/languages/prism-mata-min-js",6744:"./prismjs/languages/prism-oz-min-js",6784:"./prismjs/languages/prism-n4js-min-js",6828:"./prismjs/languages/prism-coq-min-js",6880:"./prismjs/languages/prism-ada-min-js",6888:"./prismjs/languages/prism-etlua-min-js",6907:"./prismjs/languages/prism-solidity-min-js",6932:"./prismjs/languages/prism-ignore-min-js",6980:"./prismjs/languages/prism-clike-min-js",7051:"./prismjs/languages/prism-reason-min-js",7064:"./prismjs/languages/prism-gap-min-js",7088:"./prismjs/languages/prism-neon-min-js",7131:"./prismjs/languages/prism-fortran-min-js",7132:"./prismjs/languages/prism-cpp-min-js",7144:"./prismjs/languages/prism-al-min-js",7176:"./prismjs/languages/prism-excel-formula-min-js",7204:"./prismjs/languages/prism-yang-min-js",7212:"./prismjs/languages/prism-erb-min-js",7220:"./prismjs/languages/prism-kotlin-min-js",7224:"./prismjs/languages/prism-birb-min-js",7232:"./prismjs/languages/prism-python-min-js",7251:"./prismjs/languages/prism-toml-min-js",7300:"./prismjs/languages/prism-r-min-js",7336:"./prismjs/languages/prism-solution-file-min-js",7360:"./prismjs/languages/prism-vhdl-min-js",7384:"./prismjs/languages/prism-kusto-min-js",7400:"./prismjs/languages/prism-kumir-min-js",7404:"./prismjs/languages/prism-chaiscript-min-js",7420:"./prismjs/languages/prism-javastacktrace-min-js",7424:"./prismjs/languages/prism-elixir-min-js",7456:"./prismjs/languages/prism-mizar-min-js",7512:"./prismjs/languages/prism-v-min-js",7604:"./prismjs/languages/prism-arturo-min-js",7644:"./prismjs/languages/prism-git-min-js",7688:"./prismjs/languages/prism-go-module-min-js",7712:"./prismjs/languages/prism-clojure-min-js",7768:"./prismjs/languages/prism-opencl-min-js",7776:"./prismjs/languages/prism-bqn-min-js",7792:"./prismjs/languages/prism-docker-min-js",7832:"./prismjs/languages/prism-bicep-min-js",7856:"./prismjs/languages/prism-dax-min-js",7880:"./prismjs/languages/prism-nim-min-js",7908:"./prismjs/languages/prism-basic-min-js",7936:"./prismjs/languages/prism-arduino-min-js",7984:"./prismjs/languages/prism-java-min-js",7992:"./prismjs/languages/prism-lua-min-js",8e3:"./prismjs/languages/prism-perl-min-js",8068:"./prismjs/languages/prism-protobuf-min-js",8168:"./prismjs/languages/prism-livescript-min-js",8236:"./prismjs/languages/prism-factor-min-js",8248:"./prismjs/languages/prism-regex-min-js",8272:"./prismjs/languages/prism-bbj-min-js",8332:"./prismjs/languages/prism-hpkp-min-js",8344:"./prismjs/languages/prism-haml-min-js",8388:"./prismjs/languages/prism-qore-min-js",8396:"./prismjs/languages/prism-abnf-min-js",8436:"./prismjs/languages/prism-properties-min-js",8464:"./prismjs/languages/prism-jsstacktrace-min-js",8468:"./prismjs/languages/prism-tt2-min-js",8548:"./prismjs/languages/prism-mongodb-min-js",8560:"./prismjs/languages/prism-dot-min-js",8568:"./prismjs/languages/prism-hoon-min-js",8584:"./prismjs/languages/prism-plant-uml-min-js",8626:"./prismjs/languages/prism-pure-min-js",8664:"./prismjs/languages/prism-ebnf-min-js",8676:"./prismjs/languages/prism-django-min-js",8744:"./prismjs/languages/prism-powershell-min-js",8752:"./prismjs/languages/prism-nasm-min-js",8768:"./prismjs/languages/prism-smali-min-js",8776:"./prismjs/languages/prism-markup-min-js",8784:"./prismjs/languages/prism-aspnet-min-js",8808:"./prismjs/languages/prism-promql-min-js",8816:"./prismjs/languages/prism-rescript-min-js",8899:"./prismjs/languages/prism-xml-doc-min-js",8916:"./prismjs/languages/prism-elm-min-js",8944:"./prismjs/languages/prism-agda-min-js",8956:"./prismjs/languages/prism-css-extras-min-js",9020:"./prismjs/languages/prism-nsis-min-js",9076:"./prismjs/languages/prism-cfscript-min-js",9208:"./prismjs/languages/prism-bsl-min-js",9232:"./prismjs/languages/prism-ocaml-min-js",9288:"./prismjs/languages/prism-icon-min-js",9299:"./prismjs/languages/prism-hcl-min-js",9312:"./prismjs/languages/prism-visual-basic-min-js",9316:"./prismjs/languages/prism-soy-min-js",9340:"./prismjs/languages/prism-phpdoc-min-js",9364:"./prismjs/languages/prism-llvm-min-js",9384:"./prismjs/languages/prism-gml-min-js",9396:"./prismjs/languages/prism-stan-min-js",9403:"./prismjs/languages/prism-qsharp-min-js",9496:"./prismjs/languages/prism-js-extras-min-js",9500:"./prismjs/languages/prism-systemd-min-js",9572:"./prismjs/languages/prism-batch-min-js",9592:"./prismjs/languages/prism-powerquery-min-js",9600:"./prismjs/languages/prism-icu-message-format-min-js",9632:"./prismjs/languages/prism-ini-min-js",9704:"./prismjs/languages/prism-nevod-min-js",9720:"./prismjs/languages/prism-csharp-min-js",9736:"./prismjs/languages/prism-vala-min-js",9752:"./prismjs/languages/prism-haxe-min-js",9768:"./prismjs/languages/prism-monkey-min-js",9800:"./prismjs/languages/prism-supercollider-min-js",9844:"./prismjs/languages/prism-moonscript-min-js",9900:"./prismjs/languages/prism-io-min-js",9904:"./prismjs/languages/prism-eiffel-min-js",9908:"./prismjs/languages/prism-coffeescript-min-js",9920:"./prismjs/languages/prism-linker-script-min-js",9952:"./prismjs/languages/prism-concurnas-min-js",9964:"./prismjs/languages/prism-stylus-min-js",9992:"./prismjs/languages/prism-diff-min-js"}[s]\|\|s)+"."+{20:"d18bc9b2",48:"a1847197",56:"31566b89",60:"278b9e41",116:"33a66a83",120:"acc086ed",224:"1cfd0af9",236:"6b1a98de",242:"7e34b2aa",272:"bdafd913",328:"cd592cb5",336:"4d7d7efe",392:"21498034",400:"4c42e00b",464:"66d6adf4",500:"5f008a4f",504:"8ea0eb8a",539:"0cc6fbfb",592:"8b2c2d09",632:"c12e33b2",652:"668751c9",672:"83683a03",688:"720e7e5b",732:"27322879",744:"f49569a0",788:"15d13ab5",820:"b8ada489",824:"870d2a3f",840:"6797564c",848:"2f80e8c8",856:"cd86d539",872:"f65fd12c",888:"35581d29",912:"10038f93",988:"cf641237",992:"1fc4ffb9",1008:"3f99a7a2",1024:"1949d333",1064:"99874ef4",1072:"9903754c",1083:"bdc567fb",1132:"22cce49d",1148:"423e0237",1160:"652ae765",1328:"12d70bb2",1340:"cde36c01",1348:"4c2dd85c",1360:"9e8204de",1372:"9c03fb49",1392:"b87b4b30",1476:"3883ceb0",1536:"b2d9fe7e",1564:"c6037e72",1592:"8c3d7f8c",1616:"b172e4dc",1648:"42c84569",1652:"2fe04156",1676:"289c21a3",1680:"8befe51f",1692:"e2c7c025",1696:"4cad2f96",1772:"aeadf630",1776:"9664a343",1824:"e96ef1a3",1832:"b1ed9dbc",1856:"a5230ddc",1876:"38c37d56",1952:"b34fa82a",2056:"7c131ef1",2208:"c1f08fb9",2214:"97394a4b",2219:"0ac65759",2232:"81c05a7e",2256:"62cc3220",2288:"b25b2591",2356:"d0c74876",2436:"5509aed4",2456:"737a1d39",2468:"d664225c",2496:"6c193542",2512:"f3f3bfe7",2536:"0b0174db",2568:"336e23a6",2576:"92d37ee4",2584:"3ed1c22d",2608:"2d83f937",2632:"f6aa22ee",2704:"dd83bb05",2772:"058f88cd",2880:"da4aeb30",2976:"070496f1",2979:"a3539c6c",3024:"d5e36c34",3032:"a2233a25",3036:"321f1104",3084:"0323a890",3120:"6115ac1b",3148:"524534d7",3216:"96c22e82",3220:"1de052fc",3228:"2f46bd68",3248:"44e573da",3252:"afb02cef",3280:"1ddaf714",3312:"dc6a1f58",3322:"231113b3",3356:"d6fcc519",3360:"feaba9d3",3396:"6ffd62ff",3400:"c30ec9aa",3432:"3d4eb398",3456:"5a1a628d",3464:"ec63256f",3480:"b7bd8281",3568:"73792125",3632:"0e0910b1",3667:"168e589f",3680:"defb20e3",3688:"b70d62d1",3708:"8117b131",3748:"c7fc062c",3752:"01e8677e",3760:"9db2028f",3811:"70364c7f",3844:"621306e5",3848:"a657b1a4",3896:"ba9b0a5f",3904:"69a8ae80",3952:"10626ea2",3960:"7351e72a",3976:"375f3863",4024:"27ad74f6",4027:"cee7ae43",4056:"0343dbc8",4064:"65996877",4068:"3b1aaeb7",4092:"b5a40e18",4096:"07991db2",4120:"59024a62",4132:"a7c70839",4136:"5c58a1ca",4196:"de923487",4200:"b4e7b0cf",4252:"4490596f",4280:"3dd01d71",4360:"44addf8f",4408:"83761ca6",4452:"b29fb172",4456:"199fee6c",4516:"5becae9c",4524:"cbf63478",4584:"533a6960",4592:"1a5efd9b",4599:"ab9bb749",4616:"be997fde",4626:"162e13be",4656:"c85ae492",4696:"a87d2795",4736:"0382f9fa",4840:"92cc6ecb",4847:"99c8a51b",4852:"f1d3c527",4907:"14647974",4908:"fedd2f6a",4924:"a6f8ad1e",4936:"552b45bd",5003:"e471dfbc",5016:"1ac58458",5024:"72567712",5044:"0cfd8b63",5072:"7e5423d1",5080:"b0bccba7",5104:"6fd3f98b",5152:"6081c32b",5180:"2437d6c2",5248:"3cf2e850",5259:"e8836f3f",5268:"569417b7",5296:"e16b390f",5344:"8c81b1a3",5356:"e452821e",5360:"cdd93674",5375:"e9d4aa9a",5416:"1e5e67c3",5424:"5da3ae6a",5432:"52d2e42e",5444:"be3b40b9",5456:"46db7430",5464:"8cab3af8",5472:"ae67e7fa",5476:"b04e425f",5488:"bbd50030",5500:"2a8cdf0f",5504:"06e1f346",5536:"14d0a44b",5548:"309b1bf3",5576:"3ff0d003",5600:"5dc05e10",5664:"adc16f32",5668:"aea7d1fd",5728:"7a19d4f7",5763:"69907a7d",5776:"67601ae0",5792:"617deba9",5832:"14e2f09d",5872:"482dceb3",5888:"79278bb4",5932:"cfe96b32",5968:"28f794fe",5972:"8ee154a7",5976:"9aa32fdc",5980:"33129d9d",6008:"c3e080f5",6064:"b798681d",6080:"489615ad",6084:"2461ee5f",6096:"331543b3",6136:"7ec4e802",6168:"adb913ef",6192:"615c5990",6196:"433a31bf",6200:"bc2284b3",6204:"a5e12bdf",6224:"dbf6fc7c",6228:"bd9bcd34",6240:"59fbed39",6256:"61aca69e",6276:"9ed3a252",6292:"c526a164",6296:"ba62fd71",6352:"8b6988fd",6364:"77b28aaa",6392:"389cf874",6408:"46e78199",6428:"95f236bf",6460:"03189027",6504:"0b1fd1db",6512:"045f1b4f",6528:"865b5a2c",6552:"7b96b830",6564:"e99c8803",6736:"4b508d22",6744:"4f9da9f1",6784:"96f01fc9",6820:"1849961b",6828:"c23780b3",6880:"43f27c7e",6888:"75e8157b",6907:"bf260e3a",6932:"e1a2625e",6980:"52016739",7051:"60df48b0",7064:"c02388fc",7088:"7cd5666f",7131:"063c449b",7132:"9cc0b672",7144:"16679c4d",7176:"1e38ac1d",7204:"1a01c4e5",7212:"4891eb2c",7220:"234da4d7",7224:"86331be4",7228:"27143e4a",7232:"03c61031",7251:"0ccbe695",7300:"dd616180",7336:"098d2d3f",7340:"b45b39b7",7360:"7000a995",7384:"a7617805",7400:"8e91ebcc",7404:"9084b264",7420:"1d4d9991",7424:"5a71d394",7456:"099cf5fa",7476:"c439493b",7484:"e90da569",7512:"2608e95b",7568:"49086d5e",7604:"c7572b1e",7644:"15b85727",7672:"33636fcd",7688:"68e0c126",7712:"705831d1",7768:"fdaafb6b",7776:"0bff5a7f",7792:"47616953",7832:"930efce3",7856:"ec2d8b7b",7861:"c1c39644",7880:"94f21bfb",7908:"bef5c642",7928:"1895d025",7936:"1bce4379",7984:"ef236987",7992:"f3263bab",8e3:"ac046522",8060:"44372420",8068:"92eeca09",8160:"1178d3f3",8168:"9798e58e",8236:"92a30929",8248:"390bfcb6",8272:"8372f2b4",8332:"c100a341",8344:"44287055",8388:"bfab264b",8396:"c8929d15",8436:"3b3e5cd2",8440:"d13661c2",8464:"7d7a4738",8468:"c857766f",8548:"2e35b127",8560:"b073cc2a",8564:"de3bf866",8568:"e1a0dd01",8584:"5fd9d08c",8624:"9ddfd4e3",8626:"fc65697c",8644:"57ce0422",8648:"2c9db14d",8664:"869f5a5d",8676:"6520521f",8732:"a45bb3e9",8744:"df9f4ac0",8752:"d1f74239",8768:"f6f779b8",8776:"bbacc827",8784:"ca96cbae",8808:"81702b1a",8816:"8fa9d0ed",8899:"52d45553",8916:"cf492a3f",8944:"dc599e20",8956:"bce60520",9020:"38ef5aed",9076:"812b676e",9208:"9737570c",9232:"91df3062",9288:"f337e334",9299:"18f5e516",9312:"0028d085",9316:"e9b6c5d2",9340:"f561e1f3",9364:"72231036",9384:"b01f2c14",9396:"3dfef14d",9403:"7712bc9a",9496:"50fab42d",9500:"a745ea68",9572:"37bccc3d",9592:"29f3a349",9600:"5cf45508",9604:"0808d051",9632:"354bd9b5",9672:"8b7e8bd5",9704:"52aa81d0",9720:"25e65bd5",9736:"211773c3",9752:"fb1de2b8",9768:"6eb392fe",9800:"b060c637",9844:"94604717",9900:"5db5b111",9904:"9a80cba4",9908:"fb39167f",9920:"88a34b95",9952:"74b03d98",9956:"a144fb5b",9964:"3d80448c",9992:"59585619"}[s]+".js",S.g=function(){if("object"==typeof globalThis)return globalThis;try{return this\|\|new Function("return this")()}catch(s){if("object"==typeof window)return window}}(),S.o=(s,e)=>Object.prototype.hasOwnProperty.call(s,e),i={},a="@next-bricks/presentational:",S.l=(s,e,r,m)=>{if(i[s])i[s].push(e);else{var n,p;if(void 0!==r)for(var l=document.getElementsByTagName("script"),g=0;g<l.length;g++){var j=l[g];if(j.getAttribute("src")==s\|\|j.getAttribute("data-webpack")==a+r){n=j;break}}n\|\|(p=!0,(n=document.createElement("script")).charset="utf-8",n.timeout=120,S.nc&&n.setAttribute("nonce",S.nc),n.setAttribute("data-webpack",a+r),n.src=s),i[s]=[e];var t=(e,a)=>{n.onerror=n.onload=null,clearTimeout(u);var r=i[s];if(delete i[s],n.parentNode&&n.parentNode.removeChild(n),r&&r.forEach((s=>s(a))),e)return e(a)},u=setTimeout(t.bind(null,void 0,{type:"timeout",target:n}),12e4);n.onerror=t.bind(null,n.onerror),n.onload=t.bind(null,n.onload),p&&document.head.appendChild(n)}},S.r=s=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(s,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(s,"__esModule",{value:!0})},S.nmd=s=>(s.paths=[],s.children\|\|(s.children=[]),s),(()=>{S.S={};var s={},e={};S.I=(i,a)=>{a\|\|(a=[]);var r=e[i];if(r\|\|(r=e[i]={}),!(a.indexOf(r)>=0)){if(a.push(r),s[i])return s[i];S.o(S.S,i)\|\|(S.S[i]={});var m=S.S[i],n="@next-bricks/presentational",p=(s,e,i,a)=>{var r=m[s]=m[s]\|\|{},p=r[e];(!p\|\|!p.loaded&&(!a!=!p.eager?a:n>p.from))&&(r[e]={get:i,from:n,eager:!!a})},l=[];return"default"===i&&(p("@babel/parser","7.23.9",(()=>S.e(6228).then((()=>()=>S(86228))))),p("@easyops-cn/brick-next-pipes","0.6.0",(()=>Promise.all([S.e(8648),S.e(632)]).then((()=>()=>S(98648))))),p("@next-core/cook","2.2.12",(()=>Promise.all([S.e(1832),S.e(1692)]).then((()=>()=>S(61832))))),p("@next-core/element","1.2.2",(()=>S.e(6192).then((()=>()=>S(66192))))),p("@next-core/http","1.1.9",(()=>S.e(8732).then((()=>()=>S(98732))))),p("@next-core/i18n/react","1.0.38",(()=>Promise.all([S.e(1340),S.e(872)]).then((()=>()=>S(30872))))),p("@next-core/i18n","1.0.38",(()=>Promise.all([S.e(4516),S.e(1340),S.e(788),S.e(820)]).then((()=>()=>S(70820))))),p("@next-core/inject","1.0.28",(()=>Promise.all([S.e(9604),S.e(4068),S.e(6064)]).then((()=>()=>S(26064))))),p("@next-core/loader","1.5.4",(()=>S.e(3752).then((()=>()=>S(63752))))),p("@next-core/pipes","2.0.16",(()=>S.e(4524).then((()=>()=>S(84524))))),p("@next-core/react-element","1.0.21",(()=>Promise.all([S.e(3220),S.e(7672),S.e(3748),S.e(7228)]).then((()=>()=>S(47228))))),p("@next-core/react-runtime","1.1.50",(()=>Promise.all([S.e(3220),S.e(5268),S.e(7861)]).then((()=>()=>S(37861))))),p("@next-core/runtime","1.30.4",(()=>Promise.all([S.e(3322),S.e(4516),S.e(9604),S.e(1340),S.e(9672),S.e(824),S.e(2584),S.e(8160)]).then((()=>()=>S(93322))))),p("@next-core/supply","2.1.11",(()=>Promise.all([S.e(9604),S.e(9672),S.e(4068),S.e(8644)]).then((()=>()=>S(48644))))),p("@next-core/theme","1.4.8",(()=>Promise.all([S.e(8060),S.e(856)]).then((()=>()=>S(88060))))),p("@next-core/utils/general","1.6.10",(()=>S.e(6408).then((()=>()=>S(96408))))),p("@next-core/utils/storyboard","1.6.10",(()=>Promise.all([S.e(4516),S.e(824),S.e(2976)]).then((()=>()=>S(25356))))),p("history","4.10.1",(()=>S.e(1776).then((()=>()=>S(11776))))),p("i18next-browser-languagedetector","7.2.0",(()=>S.e(1564).then((()=>()=>S(81564))))),p("i18next","22.5.1",(()=>S.e(7484).then((()=>()=>S(77484))))),p("js-yaml","3.14.1",(()=>S.e(1772).then((()=>()=>S(61772))))),p("lodash","4.17.21",(()=>S.e(7928).then((()=>()=>S(67928))))),p("moment/locale/zh-cn.js","2.29.4",(()=>Promise.all([S.e(6736),S.e(7476)]).then((()=>()=>S(22128))))),p("moment","2.29.4",(()=>Promise.all([S.e(6736),S.e(7476)]).then((()=>()=>S(6023))))),p("react-dom","0.0.0-experimental-ee8509801-20230117",(()=>Promise.all([S.e(2356),S.e(3220)]).then((()=>()=>S(12356))))),p("react-i18next","12.3.1",(()=>Promise.all([S.e(3220),S.e(2496)]).then((()=>()=>S(82496))))),p("react","0.0.0-experimental-ee8509801-20230117",(()=>S.e(5668).then((()=>()=>S(85668)))))),s[i]=l.length?Promise.all(l).then((()=>s[i]=1)):1}}})(),(()=>{var s;S.g.importScripts&&(s=S.g.location+"");var e=S.g.document;if(!s&&e&&(e.currentScript&&(s=e.currentScript.src),!s)){var i=e.getElementsByTagName("script");if(i.length)for(var a=i.length-1;a>-1&&!s;)s=i[a--].src}if(!s)throw new Error("Automatic publicPath is not supported in this browser");s=s.replace(/#.$/,"").replace(/\?.$/,"").replace(/\/[^\/]+$/,"/"),S.p=s})(),r=s=>{var e=s=>s.split(".").map((s=>+s==s?+s:s)),i=/^([^-+]+)?(?:-([^+]+))?(?:\+(.+))?$/.exec(s),a=i[1]?e(i[1]):[];return i[2]&&(a.length++,a.push.apply(a,e(i[2]))),i[3]&&(a.push([]),a.push.apply(a,e(i[3]))),a},m=(s,e)=>{s=r(s),e=r(e);for(var i=0;;){if(i>=s.length)return i<e.length&&"u"!=(typeof e[i])[0];var a=s[i],m=(typeof a)[0];if(i>=e.length)return"u"==m;var n=e[i],p=(typeof n)[0];if(m!=p)return"o"==m&&"n"==p\|\|"s"==p\|\|"u"==m;if("o"!=m&&"u"!=m&&a!=n)return a<n;i++}},n=s=>{var e=s[0],i="";if(1===s.length)return"*";if(e+.5){i+=0==e?">=":-1==e?"<":1==e?"^":2==e?"~":e>0?"=":"!=";for(var a=1,r=1;r<s.length;r++)a--,i+="u"==(typeof(p=s[r]))[0]?"-":(a>0?".":"")+(a=2,p);return i}var m=[];for(r=1;r<s.length;r++){var p=s[r];m.push(0===p?"not("+l()+")":1===p?"("+l()+" \|\| "+l()+")":2===p?m.pop()+" "+m.pop():n(p))}return l();function l(){return m.pop().replace(/^$(.+)$$/,"$1")}},p=(s,e)=>{if(0 in s){e=r(e);var i=s[0],a=i<0;a&&(i=-i-1);for(var m=0,n=1,l=!0;;n++,m++){var g,j,t=n<s.length?(typeof s[n])[0]:"";if(m>=e.length\|\|"o"==(j=(typeof(g=e[m]))[0]))return!l\|\|("u"==t?n>i&&!a:""==t!=a);if("u"==j){if(!l\|\|"u"!=t)return!1}else if(l)if(t==j)if(n<=i){if(g!=s[n])return!1}else{if(a?g>s[n]:g<s[n])return!1;g!=s[n]&&(l=!1)}else if("s"!=t&&"n"!=t){if(a\|\|n<=i)return!1;l=!1,n--}else{if(n<=i\|\|j<t!=a)return!1;l=!1}else"s"!=t&&"n"!=t&&(l=!1,n--)}}var u=[],c=u.pop.bind(u);for(m=1;m<s.length;m++){var o=s[m];u.push(1==o?c()\|c():2==o?c()&c():o?p(o,e):!c())}return!!c()},l=(s,e)=>{var i=s[e];return(e=Object.keys(i).reduce(((s,e)=>!s\|\|m(s,e)?e:s),0))&&i[e]},g=(s,e)=>{var i=s[e];return Object.keys(i).reduce(((s,e)=>!s\|\|!i[s].loaded&&m(s,e)?e:s),0)},j=(s,e,i,a)=>"Unsatisfied version "+i+" from "+(i&&s[e][i].from)+" of shared singleton module "+e+" (required "+n(a)+")",t=(s,e,i,a)=>{var r=g(s,i);return d(s[i][r])},u=(s,e,i,a)=>{var r=g(s,i);return p(a,r)\|\|o(j(s,i,r,a)),d(s[i][r])},c=(s,e,i)=>{var a=s[e];return(e=Object.keys(a).reduce(((s,e)=>!p(i,e)\|\|s&&!m(s,e)?s:e),0))&&a[e]},o=s=>{"undefined"!=typeof console&&console.warn&&console.warn(s)},d=s=>(s.loaded=1,s.get()),b=(f=s=>function(e,i,a,r){var m=S.I(e);return m&&m.then?m.then(s.bind(s,e,S.S[e],i,a,r)):s(e,S.S[e],i,a,r)})(((s,e,i,a)=>e&&S.o(e,i)?d(l(e,i)):a())),h=f(((s,e,i,a)=>e&&S.o(e,i)?t(e,0,i):a())),v=f(((s,e,i,a,r)=>e&&S.o(e,i)?u(e,0,i,a):r())),x=f(((s,e,i,a,r)=>{var m=e&&S.o(e,i)&&c(e,i,a);return m?d(m):r()})),y={},P={7224:()=>v("default","lodash",[1,4,17,19],(()=>S.e(7928).then((()=>()=>S(67928))))),36712:()=>v("default","js-yaml",[1,3,14,0],(()=>S.e(1772).then((()=>()=>S(61772))))),92096:()=>v("default","moment",[1,2,27,0],(()=>Promise.all([S.e(6736),S.e(7476)]).then((()=>()=>S(6023))))),71692:()=>v("default","@babel/parser",[1,7,23,9],(()=>S.e(6228).then((()=>()=>S(86228))))),11340:()=>v("default","@next-core/i18n",[1,1,0,38],(()=>Promise.all([S.e(4516),S.e(788),S.e(8440)]).then((()=>()=>S(70820))))),76984:()=>v("default","react-i18next",[1,12,3,1],(()=>Promise.all([S.e(3220),S.e(2496)]).then((()=>()=>S(82496))))),74516:()=>v("default","@next-core/utils/general",[1,1,6,10],(()=>S.e(6408).then((()=>()=>S(96408))))),52196:()=>v("default","i18next",[1,22,5,1],(()=>S.e(7484).then((()=>()=>S(77484))))),82592:()=>v("default","i18next-browser-languagedetector",[1,7,2,0],(()=>S.e(1564).then((()=>()=>S(81564))))),49604:()=>v("default","lodash",[1,4,17,21],(()=>S.e(7928).then((()=>()=>S(67928))))),64068:()=>v("default","@next-core/pipes",[1,2,0,16],(()=>S.e(4524).then((()=>()=>S(84524))))),68828:()=>v("default","@easyops-cn/brick-next-pipes",[2,0,6,0],(()=>Promise.all([S.e(8648),S.e(632)]).then((()=>()=>S(98648))))),35600:()=>x("default","react",[6,0,0,0,,"experimental-ee8509801-20230117"],(()=>S.e(5668).then((()=>()=>S(85668))))),37672:()=>x("default","@next-core/element",[1,1,2,2],(()=>S.e(3811).then((()=>()=>S(66192))))),8924:()=>x("default","react-dom",[6,0,0,0,,"experimental-ee8509801-20230117"],(()=>S.e(2356).then((()=>()=>S(12356))))),35856:()=>b("default","react-dom",(()=>S.e(2356).then((()=>()=>S(12356))))),45268:()=>v("default","@next-core/runtime",[1,1,30,4],(()=>Promise.all([S.e(3322),S.e(4516),S.e(9604),S.e(1340),S.e(9672),S.e(824),S.e(2584),S.e(5832)]).then((()=>()=>S(93322))))),69672:()=>v("default","moment",[1,2,30,1],(()=>Promise.all([S.e(6736),S.e(7476)]).then((()=>()=>S(6023))))),30824:()=>v("default","@next-core/cook",[1,2,2,12],(()=>Promise.all([S.e(1832),S.e(1692)]).then((()=>()=>S(61832))))),18989:()=>v("default","moment/locale/zh-cn.js",[1,2,30,1],(()=>Promise.all([S.e(6736),S.e(7476)]).then((()=>()=>S(22128))))),36776:()=>v("default","@next-core/supply",[1,2,1,11],(()=>Promise.all([S.e(4068),S.e(1024)]).then((()=>()=>S(48644))))),37676:()=>v("default","history",[1,4,10,1],(()=>S.e(1776).then((()=>()=>S(11776))))),55796:()=>v("default","@next-core/inject",[1,1,0,28],(()=>Promise.all([S.e(4068),S.e(3680)]).then((()=>()=>S(26064))))),63608:()=>v("default","@next-core/loader",[1,1,5,4],(()=>S.e(1372).then((()=>()=>S(63752))))),85832:()=>v("default","@next-core/http",[1,1,1,9],(()=>S.e(6352).then((()=>()=>S(98732))))),96700:()=>v("default","@next-core/utils/storyboard",[1,1,6,10],(()=>S.e(592).then((()=>()=>S(25356))))),18160:()=>x("default","@next-core/react-element",[1,1,0,21],(()=>Promise.all([S.e(3748),S.e(4847)]).then((()=>()=>S(47228))))),37328:()=>h("default","@next-core/theme",(()=>S.e(8060).then((()=>()=>S(88060))))),49720:()=>x("default","@next-core/react-runtime",[1,1,1,50],(()=>Promise.all([S.e(5268),S.e(242)]).then((()=>()=>S(37861))))),78564:()=>h("default","@next-core/runtime",(()=>Promise.all([S.e(3322),S.e(4516),S.e(9604),S.e(1340),S.e(9672),S.e(824),S.e(2584),S.e(6564)]).then((()=>()=>S(93322))))),57568:()=>h("default","lodash",(()=>S.e(7928).then((()=>()=>S(67928))))),76820:()=>v("default","@next-core/i18n/react",[1,1,0,38],(()=>Promise.all([S.e(1340),S.e(872)]).then((()=>()=>S(30872))))),21824:()=>h("default","react-i18next",(()=>S.e(116).then((()=>()=>S(82496))))),1184:()=>h("default","moment",(()=>Promise.all([S.e(6736),S.e(7476)]).then((()=>()=>S(6023))))),36008:()=>v("default","moment",[1,2,29,4],(()=>Promise.all([S.e(6736),S.e(7476)]).then((()=>()=>S(6023)))))},k={632:[7224,36712,92096],788:[52196,82592],824:[30824],872:[76984],1340:[11340],1692:[71692],1824:[21824],2584:[18989,36776,37676,55796,63608,85832,96700],3220:[35600],3748:[8924,35856],4068:[64068],4516:[74516],4524:[68828],5268:[45268],6820:[76820],7340:[49720],7568:[57568],7672:[37672],8564:[78564],8624:[18160,37328],9604:[49604],9672:[69672],9956:[1184,36008]},w={},S.f.consumes=(s,e)=>{S.o(k,s)&&k[s].forEach((s=>{if(S.o(y,s))return e.push(y[s]);if(!w[s]){var i=e=>{y[s]=0,S.m[s]=i=>{delete S.c[s],i.exports=e()}};w[s]=!0;var a=e=>{delete y[s],S.m[s]=i=>{throw delete S.c[s],e}};try{var r=P[s]();r.then?e.push(y[s]=r.then(i).catch(a)):i(r)}catch(s){a(s)}}}))},(()=>{var s={3784:0};S.f.j=(e,i)=>{var a=S.o(s,e)?s[e]:void 0;if(0!==a)if(a)i.push(a[2]);else if(/^(1(340\|692\|824)\|7(340\|568\|672\|88)\|8(2\|56\|62)4\|9(604\|672\|956)\|(32\|68)20\|(374\|406\|526)8\|2584\|4516\|632)$/.test(e))s[e]=0;else{var r=new Promise(((i,r)=>a=s[e]=[i,r]));i.push(a[2]=r);var m=S.p+S.u(e),n=new Error;S.l(m,(i=>{if(S.o(s,e)&&(0!==(a=s[e])&&(s[e]=void 0),a)){var r=i&&("load"===i.type?"missing":i.type),m=i&&i.target&&i.target.src;n.message="Loading chunk "+e+" failed.\n("+r+": "+m+")",n.name="ChunkLoadError",n.type=r,n.request=m,a[1](n)}}),"chunk-"+e,e)}};var e=(e,i)=>{var a,r,[m,n,p]=i,l=0;if(m.some((e=>0!==s[e]))){for(a in n)S.o(n,a)&&(S.m[a]=n[a]);p&&p(S)}for(e&&e(i);l<m.length;l++)r=m[l],S.o(s,r)&&s[r]&&s[r][0](),s[r]=0},i=self.webpackChunk_next_bricks_presentational=self.webpackChunk_next_bricks_presentational\|\|[];i.forEach(e.bind(null,0)),i.push=e.bind(null,i.push.bind(i))})(),S.nc=void 0;var _=S(83748);window["bricks/presentational"]=_})();
2	+ //# sourceMappingURL=index.e28a7c02.js.map