[
  {
    "storyId": "presentational-bricks.agent-status",
    "category": "data-transform",
    "type": "brick",
    "author": "ice",
    "text": {
      "en": "Agent Status",
      "zh": "agent 状态"
    },
    "description": {
      "en": "use tags to display agent status",
      "zh": "以标签的方式来展示 agent 状态"
    },
    "icon": {
      "lib": "fa",
      "icon": "bell"
    },
    "conf": [
      {
        "snippetId": "presentational-bricks.agent-status[normal]",
        "title": {
          "zh": "正常",
          "en": "normall"
        },
        "bricks": [
          {
            "brick": "presentational-bricks.agent-status",
            "properties": {
              "value": "正常"
            }
          }
        ],
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.agent-status[normal].1b16f0eefa4af6f3.svg"
      },
      {
        "snippetId": "presentational-bricks.agent-status[error]",
        "title": {
          "zh": "异常",
          "en": "error"
        },
        "bricks": [
          {
            "brick": "presentational-bricks.agent-status",
            "properties": {
              "value": "异常"
            }
          }
        ],
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.agent-status[error].92193804a82a2963.svg"
      },
      {
        "snippetId": "presentational-bricks.agent-status[not-installed]",
        "title": {
          "zh": "未安装",
          "en": "not-installed"
        },
        "bricks": [
          {
            "brick": "presentational-bricks.agent-status",
            "properties": {
              "value": "未安装"
            }
          }
        ],
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.agent-status[not-installed].6e73ea94cda99956.svg"
      },
      {
        "snippetId": "presentational-bricks.agent-status[uninstalled]",
        "title": {
          "zh": "已卸载",
          "en": "uninstalled"
        },
        "bricks": [
          {
            "brick": "presentational-bricks.agent-status",
            "properties": {
              "value": "已卸载"
            }
          }
        ],
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.agent-status[uninstalled].b980be013fc96ee5.svg"
      }
    ],
    "previewColumns": 2,
    "doc": {
      "id": "presentational-bricks.agent-status",
      "name": "presentational-bricks.agent-status",
      "dockind": "brick",
      "description": "以标签的方式来展示 agent 状态",
      "author": "ice",
      "slots": null,
      "history": null,
      "memo": "",
      "properties": [
        {
          "name": "dataSource",
          "type": "any",
          "required": "-️",
          "default": "-",
          "description": "（已废弃）数据源"
        },
        {
          "name": "fields",
          "type": "{ value: string }",
          "required": "-️",
          "default": "-",
          "description": "（已废弃）字段映射, 跟 dataSource 一起使用来获得运行时 value"
        },
        {
          "name": "value",
          "type": "AgentStatusType",
          "required": "-️",
          "default": "-",
          "description": "agent 状态"
        }
      ],
      "interface": [
        {
          "name": "AgentStatusType",
          "typeParameter": null,
          "kind": "enum",
          "children": [
            {
              "name": "ABNORMAL",
              "value": "\"异常\"",
              "description": ""
            },
            {
              "name": "ABNORMAL_EN",
              "value": "\"Abnormal\"",
              "description": ""
            },
            {
              "name": "NORMAL",
              "value": "\"正常\"",
              "description": ""
            },
            {
              "name": "NORMAL_EN",
              "value": "\"Normal\"",
              "description": ""
            },
            {
              "name": "NOT_INSTALLED",
              "value": "\"未安装\"",
              "description": ""
            },
            {
              "name": "NOT_INSTALLED_EN",
              "value": "\"Not Installed\"",
              "description": ""
            },
            {
              "name": "UNDER_MAINTENANCE",
              "value": "\"维护中\"",
              "description": ""
            },
            {
              "name": "UNDER_MAINTENANCE_EN",
              "value": "\"Under Maintenance\"",
              "description": ""
            },
            {
              "name": "UNINSTALLED",
              "value": "\"已卸载\"",
              "description": ""
            },
            {
              "name": "UNINSTALLED_EN",
              "value": "\"Uninstalled\"",
              "description": ""
            }
          ]
        }
      ]
    }
  },
  {
    "storyId": "presentational-bricks.basic-progress",
    "category": "display-component",
    "type": "brick",
    "author": "momo",
    "text": {
      "en": "basic progress",
      "zh": "进度条"
    },
    "description": {
      "en": "This component is primarily used for displaying progress information and supports both linear and circular presentation styles. Its main features include customizable progress values, display text, description information, and color mapping. By configuring properties, it is possible to achieve different color changes to reflect different stages of progress",
      "zh": "展示进度信息，支持线性与圆形两种展示方式。其主要特性包括：可自定义进度值、展示文本、描述信息以及颜色映射等。通过配置属性，可以实现不同的颜色变化，以反映不同的进度阶段"
    },
    "icon": {
      "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.basic-progress.a0c0fa16c36a8177.svg"
    },
    "conf": [
      {
        "snippetId": "presentational-bricks.basic-progress[circle]",
        "bricks": [
          {
            "brick": "presentational-bricks.basic-progress",
            "properties": {
              "value": 75,
              "text": "75%",
              "colorMap": [
                {
                  "progress": 60,
                  "color": "red"
                },
                {
                  "progress": 80,
                  "color": "orange"
                },
                {
                  "progress": 100,
                  "color": "red"
                }
              ],
              "description": "描述",
              "type": "circle"
            }
          }
        ],
        "title": {
          "zh": "圆形进度条",
          "en": "circle progress"
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.basic-progress[circle].0f33a5e8dfa05439.svg"
      },
      {
        "snippetId": "presentational-bricks.basic-progress[line]",
        "bricks": [
          {
            "brick": "presentational-bricks.basic-progress",
            "properties": {
              "value": 75,
              "configProps": {
                "strokeColor": "yellow"
              },
              "type": "line",
              "fontSize": "10px"
            }
          }
        ],
        "title": {
          "zh": "线性进度条",
          "en": "line progress"
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.basic-progress[line].88ff5169586774fe.svg"
      }
    ],
    "doc": {
      "id": "presentational-bricks.basic-progress",
      "name": "presentational-bricks.basic-progress",
      "dockind": "brick",
      "description": "进度条展示",
      "author": "momo",
      "slots": null,
      "history": [
        {
          "version": "1.90.0",
          "change": "新增 text 和 fontSIze 属性"
        },
        {
          "version": "1.82.3",
          "change": "color 颜色选择标准化"
        },
        {
          "version": "1.82.2",
          "change": "新增构件 `presentational-bricks.basic-progress`"
        }
      ],
      "memo": "```typescript\nexport enum Color {\n  green = \"green\",\n  red = \"red\",\n  blue = \"blue\",\n  orange = \"orange\",\n  cyan = \"cyan\",\n  purple = \"purple\",\n  geekblue = \"geekblue\",\n  gray = \"gray\",\n  slategray = \"slategray\",\n  doderblue = \"doderblue\",\n  royalblue = \"royalblue\",\n  lightorange = \"lightorange\",\n  goldenrod = \"goldenrod\",\n  jewelryblue = \"jewelryblue\",\n  orangered = \"orangered\",\n  springgreen = \"springgreen\",\n  mediumpurple = \"mediumpurple\",\n  skyblue = \"skyblue\",\n  yellowgreen = \"yellowgreen\",\n  lightpurple = \"lightpurple\",\n}\n```",
      "properties": [
        {
          "name": "value",
          "type": "number",
          "required": "true",
          "description": "进度值（只负责确定颜色的值）",
          "group": "basic"
        },
        {
          "name": "type",
          "type": "line | circle | dashboard",
          "required": "circle",
          "default": "dashboard",
          "description": "类型",
          "group": "basic"
        },
        {
          "name": "text",
          "type": "string",
          "required": "false",
          "description": "展示内容",
          "group": "basic"
        },
        {
          "name": "description",
          "type": "string",
          "required": "false",
          "description": "描述值",
          "group": "basic"
        },
        {
          "name": "textColor",
          "type": "string",
          "required": "false",
          "description": "展示内容的颜色",
          "group": "ui"
        },
        {
          "name": "colorMap",
          "type": "ColorObj[]",
          "required": "false",
          "description": "颜色范围",
          "group": "ui"
        },
        {
          "name": "fontSize",
          "type": "string",
          "required": "false",
          "description": "设定展示内容大小",
          "group": "ui"
        },
        {
          "name": "configProps",
          "type": "Record<string, any>",
          "required": "false",
          "description": "透传[antd progress](https://3x.ant.design/components/progress-cn/)",
          "group": "other"
        }
      ],
      "interface": [
        {
          "name": "ColorObj",
          "typeParameter": null,
          "kind": "interface",
          "children": [
            {
              "name": "color",
              "type": "Color",
              "required": true,
              "description": "颜色"
            },
            {
              "name": "progress",
              "type": "string | number",
              "required": true,
              "description": "进度范围最大值，值（value）小于等于最大值则为该颜色"
            }
          ],
          "indexSignature": []
        },
        {
          "name": "Color",
          "typeParameter": null,
          "kind": "enum",
          "children": [
            {
              "name": "blue",
              "value": "\"blue\"",
              "description": ""
            },
            {
              "name": "blue-inverse",
              "value": "\"blue-inverse\"",
              "description": ""
            },
            {
              "name": "cyan",
              "value": "\"cyan\"",
              "description": ""
            },
            {
              "name": "cyan-inverse",
              "value": "\"cyan-inverse\"",
              "description": ""
            },
            {
              "name": "geekblue",
              "value": "\"geekblue\"",
              "description": ""
            },
            {
              "name": "geekblue-inverse",
              "value": "\"geekblue-inverse\"",
              "description": ""
            },
            {
              "name": "gray",
              "value": "\"gray\"",
              "description": ""
            },
            {
              "name": "gray-inverse",
              "value": "\"gray-inverse\"",
              "description": ""
            },
            {
              "name": "green",
              "value": "\"green\"",
              "description": ""
            },
            {
              "name": "green-inverse",
              "value": "\"green-inverse\"",
              "description": ""
            },
            {
              "name": "orange",
              "value": "\"orange\"",
              "description": ""
            },
            {
              "name": "orange-inverse",
              "value": "\"orange-inverse\"",
              "description": ""
            },
            {
              "name": "purple",
              "value": "\"purple\"",
              "description": ""
            },
            {
              "name": "purple-inverse",
              "value": "\"purple-inverse\"",
              "description": ""
            },
            {
              "name": "red",
              "value": "\"red\"",
              "description": ""
            },
            {
              "name": "red-inverse",
              "value": "\"red-inverse\"",
              "description": ""
            },
            {
              "name": "yellow",
              "value": "\"yellow\"",
              "description": ""
            },
            {
              "name": "yellow-inverse",
              "value": "\"yellow-inverse\"",
              "description": ""
            }
          ]
        }
      ]
    }
  },
  {
    "storyId": "presentational-bricks.brick-alert",
    "category": "feedback-and-tooltip",
    "type": "brick",
    "author": "ice",
    "text": {
      "en": "Alert",
      "zh": "警告提示"
    },
    "description": {
      "en": "alert content, designed to present warnings, information, success messages, and error alerts to users in various scenarios. These components come with a rich set of configurable properties, including message content, styles, icon display, and closable buttons.Moreover, they provide slot functionalities, enabling developers to customize descriptions and action buttons, greatly enhancing the flexibility and extensibility of the alert components",
      "zh": "警告提示，主要用于在不同的场景下向用户展示警告、信息、成功和错误提示。这些构件支持丰富的属性配置，如提示内容、样式、图标显示及关闭按钮等，同时提供了插槽功能，允许开发者自定义描述内容和操作按钮，极大地增强了提示构件的灵活性和可扩展性"
    },
    "icon": {
      "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-alert.58af96cf1f780658.svg"
    },
    "conf": [
      {
        "snippetId": "presentational-bricks.brick-alert[success-tips]",
        "bricks": [
          {
            "brick": "presentational-bricks.brick-alert",
            "properties": {
              "type": "success",
              "message": "tool executed successfully"
            }
          }
        ],
        "title": {
          "en": "Success alert",
          "zh": "成功提示"
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-alert[success-tips].626045e2904b1f7a.svg"
      },
      {
        "snippetId": "presentational-bricks.brick-alert[info-tips-with-icon]",
        "bricks": [
          {
            "brick": "presentational-bricks.brick-alert",
            "properties": {
              "type": "success",
              "message": "tool executed successfully"
            }
          }
        ],
        "title": {
          "en": "Info alert with icon",
          "zh": "带图标正常提示"
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-alert[info-tips-with-icon].720ba4b59409ee6f.svg"
      },
      {
        "snippetId": "presentational-bricks.brick-alert[warn-tips-with-close]",
        "message": {
          "en": "",
          "zh": "当 `closable` 为true，`localStorageKey` 不为空时，以页面 url 为命名空间，控制提示在当前路径关闭后不再显示。可通过设置 `stripLocalStorageUrlSuffix` 为true关闭url命名空间，使提示的关闭全局有效"
        },
        "bricks": [
          {
            "brick": "presentational-bricks.brick-alert",
            "properties": {
              "type": "warning",
              "message": "Today is Tuesday",
              "showIcon": true,
              "closable": true,
              "localStorageKey": "",
              "stripLocalStorageUrlSuffix": true
            }
          }
        ],
        "title": {
          "en": "Warn Alert with close",
          "zh": "警告提示带关闭按钮"
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-alert[warn-tips-with-close].13dc25d0d59230a4.svg"
      },
      {
        "brick": "presentational-bricks.brick-alert",
        "properties": {
          "type": "error",
          "message": "HTTP 404",
          "description": "Not Found",
          "showIcon": true
        }
      },
      {
        "snippetId": "presentational-bricks.brick-alert[with-slot]",
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-alert[with-slot].359cb1c95ce18932.svg",
        "message": {
          "en": "",
          "zh": "本示例额外使用了通过target改变具体构件属性的知识点，具体可查看[设置指定构件属性方式](/next-docs/docs/brick-next/events#custom-handlers-properties)"
        },
        "title": {
          "zh": "带插槽提示",
          "en": "Alert with slots"
        },
        "bricks": [
          {
            "brick": "presentational-bricks.brick-alert",
            "properties": {
              "type": "info",
              "message": "Today is Tuesday",
              "showIcon": true,
              "enableDescSlot": true
            },
            "slots": {
              "description": {
                "type": "bricks",
                "bricks": [
                  {
                    "brick": "div",
                    "slots": {
                      "": {
                        "type": "bricks",
                        "bricks": [
                          {
                            "brick": "strong",
                            "properties": {
                              "textContent": "Temperature: "
                            }
                          },
                          {
                            "brick": "span",
                            "properties": {
                              "textContent": "24°C"
                            }
                          }
                        ]
                      }
                    }
                  },
                  {
                    "brick": "div",
                    "slots": {
                      "": {
                        "type": "bricks",
                        "bricks": [
                          {
                            "brick": "strong",
                            "properties": {
                              "textContent": "Weather: "
                            }
                          },
                          {
                            "brick": "span",
                            "properties": {
                              "textContent": "not bad"
                            }
                          },
                          {
                            "brick": "basic-bricks.general-button",
                            "properties": {
                              "style": {
                                "marginTop": "12px"
                              },
                              "buttonName": "hello-button",
                              "buttonIcon": "search",
                              "buttonType": "primary"
                            },
                            "events": {
                              "general.button.click": {
                                "target": "#pseudoSlot",
                                "properties": {
                                  "message": "Time flies...",
                                  "type": "warning",
                                  "enableDescSlot": false
                                }
                              }
                            }
                          }
                        ]
                      }
                    }
                  }
                ]
              }
            }
          }
        ]
      },
      {
        "description": {
          "title": "带按钮",
          "message": "通过enableMessageSlot支持message slot设置按钮"
        },
        "brick": "presentational-bricks.brick-alert",
        "properties": {
          "enableDescSlot": true,
          "id": "pseudoSlotBtn",
          "message": "Today is Tuesday",
          "showIcon": true,
          "type": "info",
          "enableMessageSlot": true
        },
        "slots": {
          "message": {
            "bricks": [
              {
                "brick": "div",
                "properties": {
                  "style": {
                    "display": "flex"
                  }
                },
                "slots": {
                  "": {
                    "bricks": [
                      {
                        "brick": "span",
                        "properties": {
                          "style": {
                            "marginRight": "25px"
                          },
                          "textContent": "Today is Tuesday (message slot)"
                        }
                      },
                      {
                        "brick": "basic-bricks.general-button",
                        "events": {
                          "general.button.click": {
                            "properties": {
                              "enableDescSlot": true,
                              "message": "Time flies...",
                              "type": "warning"
                            },
                            "target": "#pseudoSlotBtn"
                          }
                        },
                        "properties": {
                          "buttonName": "按钮",
                          "buttonType": "primary",
                          "buttonShape": "round",
                          "buttonSize": "small"
                        }
                      }
                    ],
                    "type": "bricks"
                  }
                }
              }
            ],
            "type": "bricks"
          },
          "description": {
            "bricks": [
              {
                "brick": "div",
                "slots": {
                  "": {
                    "bricks": [
                      {
                        "brick": "span",
                        "properties": {
                          "textContent": "Tomorrow will be better"
                        }
                      }
                    ],
                    "type": "bricks"
                  }
                }
              }
            ],
            "type": "bricks"
          }
        }
      },
      {
        "description": {
          "title": "带链接",
          "message": "通过enableActionSlot支持action slot设置跳转链接"
        },
        "brick": "presentational-bricks.brick-alert",
        "properties": {
          "id": "pseudoSlotBtn",
          "message": "你好！欢迎使用EasyOps2.0专业版。",
          "showIcon": true,
          "type": "info",
          "enableActionSlot": true
        },
        "slots": {
          "action": {
            "bricks": [
              {
                "brick": "div",
                "slots": {
                  "": {
                    "bricks": [
                      {
                        "brick": "presentational-bricks.brick-link",
                        "events": {
                          "link.click": {
                            "action": "console.log"
                          }
                        },
                        "properties": {
                          "label": "查看详情"
                        }
                      }
                    ],
                    "type": "bricks"
                  }
                }
              }
            ],
            "type": "bricks"
          }
        }
      },
      {
        "description": {
          "title": "带链接",
          "message": "通过enableMessageSlot支持message slot设置跳转链接"
        },
        "brick": "presentational-bricks.brick-alert",
        "properties": {
          "id": "pseudoSlotBtn",
          "showIcon": true,
          "type": "info",
          "enableMessageSlot": true,
          "closable": true
        },
        "slots": {
          "message": {
            "bricks": [
              {
                "brick": "div",
                "properties": {
                  "style": {
                    "height": "22px"
                  }
                },
                "slots": {
                  "": {
                    "bricks": [
                      {
                        "brick": "span",
                        "properties": {
                          "textContent": "你好！欢迎使用"
                        }
                      },
                      {
                        "brick": "presentational-bricks.brick-link",
                        "events": {
                          "link.click": {
                            "action": "console.log"
                          }
                        },
                        "properties": {
                          "style": {
                            "padding": "0 3px",
                            "position": "relative",
                            "bottom": "1px"
                          },
                          "label": "EasyOps 2.0"
                        }
                      },
                      {
                        "brick": "span",
                        "properties": {
                          "textContent": "专业版。"
                        }
                      }
                    ],
                    "type": "bricks"
                  }
                }
              }
            ],
            "type": "bricks"
          }
        }
      },
      {
        "description": {
          "title": "带链接",
          "message": "通过iconSize设置icon大小，为`default`时，icon采用默认的大小显示逻辑，根据是否含描述显示大小"
        },
        "brick": "presentational-bricks.brick-alert",
        "properties": {
          "id": "pseudoSlot",
          "type": "info",
          "message": "这是一段通知信息的标题",
          "messageStyle": {
            "fontSize": "14px",
            "fontWeight": 600
          },
          "showIcon": true,
          "enableDescSlot": true,
          "iconSize": "big"
        },
        "slots": {
          "description": {
            "type": "bricks",
            "bricks": [
              {
                "brick": "div",
                "slots": {
                  "": {
                    "type": "bricks",
                    "bricks": [
                      {
                        "brick": "span",
                        "properties": {
                          "textContent": "- 小字文字信息小字文字信息。"
                        }
                      }
                    ]
                  }
                }
              },
              {
                "brick": "div",
                "slots": {
                  "": {
                    "type": "bricks",
                    "bricks": [
                      {
                        "brick": "span",
                        "properties": {
                          "textContent": "- 小字文字信息小字文字信息，小字文字信息小字文字信息"
                        }
                      }
                    ]
                  }
                }
              },
              {
                "brick": "div",
                "properties": {
                  "style": {
                    "marginTop": "8px"
                  }
                },
                "slots": {
                  "": {
                    "type": "bricks",
                    "bricks": [
                      {
                        "brick": "presentational-bricks.brick-link",
                        "properties": {
                          "label": "查看详情"
                        },
                        "events": {
                          "link.click": {
                            "action": "console.log"
                          }
                        }
                      }
                    ]
                  }
                }
              }
            ]
          }
        }
      },
      {
        "description": {
          "title": "带链接",
          "message": "通过foldDesc支持描述区折叠"
        },
        "brick": "presentational-bricks.brick-alert",
        "properties": {
          "id": "pseudoSlot",
          "type": "info",
          "message": "这是一段通知信息的标题",
          "messageStyle": {
            "fontSize": "14px"
          },
          "showIcon": true,
          "enableDescSlot": true,
          "enableMessageSlot": true,
          "iconSize": "small",
          "foldDesc": true
        },
        "slots": {
          "message": {
            "bricks": [
              {
                "brick": "span",
                "slots": {
                  "": {
                    "bricks": [
                      {
                        "brick": "span",
                        "properties": {
                          "textContent": "展示当前运行的采集实例。因为采集范围是动态的，可能与预期不符，请等待最长10分钟后查看，你也可以点击"
                        }
                      },
                      {
                        "brick": "presentational-bricks.brick-link",
                        "events": {
                          "link.click": {
                            "action": "console.log"
                          }
                        },
                        "properties": {
                          "style": {
                            "padding": "0 3px",
                            "position": "relative",
                            "bottom": "1px"
                          },
                          "label": "立即同步"
                        }
                      },
                      {
                        "brick": "span",
                        "properties": {
                          "textContent": "。如果发现有采集实例，但没数据上报，请点击查看"
                        }
                      }
                    ],
                    "type": "bricks"
                  }
                }
              }
            ],
            "type": "bricks"
          },
          "description": {
            "type": "bricks",
            "bricks": [
              {
                "brick": "div",
                "slots": {
                  "": {
                    "type": "bricks",
                    "bricks": [
                      {
                        "brick": "span",
                        "properties": {
                          "style": {
                            "fontWeight": 500
                          },
                          "textContent": "1、采集状态为\"失败\"："
                        }
                      }
                    ]
                  }
                }
              },
              {
                "brick": "div",
                "slots": {
                  "": {
                    "type": "bricks",
                    "bricks": [
                      {
                        "brick": "span",
                        "properties": {
                          "style": {
                            "paddingLeft": "2em"
                          },
                          "textContent": "﹣ 如果报错信息为get metric none，strategy:5ab3beb512b40，instance:5a14561111841，该instance是指主机的instanceid，请升级该主机Agent至3.24.14以上，且agent有与服务端8823端口的长链接"
                        }
                      }
                    ]
                  }
                }
              },
              {
                "brick": "div",
                "slots": {
                  "": {
                    "type": "bricks",
                    "bricks": [
                      {
                        "brick": "span",
                        "properties": {
                          "style": {
                            "paddingLeft": "2em"
                          },
                          "textContent": "﹣ 如果报错信息为get metric error，session timeout，请确认对应的agent升级到3.24.10以上，且agent有与服务端8823端口的长链接"
                        }
                      }
                    ]
                  }
                }
              },
              {
                "brick": "div",
                "slots": {
                  "": {
                    "type": "bricks",
                    "bricks": [
                      {
                        "brick": "span",
                        "properties": {
                          "style": {
                            "paddingLeft": "2em"
                          },
                          "textContent": "﹣ 如果是Prometheus插件，报错信息为connection refused，请确保exporter启动正常或可尝试手动curl对应的metrics接口"
                        }
                      }
                    ]
                  }
                }
              },
              {
                "brick": "div",
                "slots": {
                  "": {
                    "type": "bricks",
                    "bricks": [
                      {
                        "brick": "span",
                        "properties": {
                          "style": {
                            "fontWeight": 500
                          },
                          "textContent": "2、如果采集状态为\"正常\"，那说明采集通道是正常的，是数据处理层的问题，可查看clickhouse或flink_taskmanager/log/monitor.log查看日志"
                        }
                      }
                    ]
                  }
                }
              },
              {
                "brick": "div",
                "slots": {
                  "": {
                    "type": "bricks",
                    "bricks": [
                      {
                        "brick": "span",
                        "properties": {
                          "style": {
                            "fontWeight": 500
                          },
                          "textContent": "3、如果还有问题，请咨询技术人员。"
                        }
                      }
                    ]
                  }
                }
              }
            ]
          }
        }
      },
      {
        "description": {
          "title": "折叠按钮换行展示",
          "message": "配置messageStyle，使折叠按钮换行展示"
        },
        "brick": "presentational-bricks.brick-alert",
        "properties": {
          "id": "pseudoSlot",
          "type": "info",
          "message": "这是一段通知信息的标题",
          "messageStyle": {
            "fontSize": "14px",
            "display": "block",
            "marginTop": "-20px"
          },
          "showIcon": true,
          "enableDescSlot": true,
          "enableMessageSlot": true,
          "iconSize": "small",
          "foldDesc": true
        },
        "slots": {
          "message": {
            "bricks": [
              {
                "brick": "span",
                "slots": {
                  "": {
                    "bricks": [
                      {
                        "brick": "span",
                        "properties": {
                          "textContent": "展示当前运行的采集实例。因为采集范围是动态的，可能与预期不符，请等待最长10分钟后查看，你也可以点击"
                        }
                      },
                      {
                        "brick": "presentational-bricks.brick-link",
                        "events": {
                          "link.click": {
                            "action": "console.log"
                          }
                        },
                        "properties": {
                          "style": {
                            "padding": "0 3px",
                            "position": "relative",
                            "bottom": "1px"
                          },
                          "label": "立即同步"
                        }
                      },
                      {
                        "brick": "span",
                        "properties": {
                          "textContent": "。如果发现有采集实例，但没数据上报，请点击查看"
                        }
                      }
                    ],
                    "type": "bricks"
                  }
                }
              }
            ],
            "type": "bricks"
          },
          "description": {
            "type": "bricks",
            "bricks": [
              {
                "brick": "div",
                "slots": {
                  "": {
                    "type": "bricks",
                    "bricks": [
                      {
                        "brick": "span",
                        "properties": {
                          "style": {
                            "fontWeight": 500
                          },
                          "textContent": "1、采集状态为\"失败\"："
                        }
                      }
                    ]
                  }
                }
              },
              {
                "brick": "div",
                "slots": {
                  "": {
                    "type": "bricks",
                    "bricks": [
                      {
                        "brick": "span",
                        "properties": {
                          "style": {
                            "paddingLeft": "2em"
                          },
                          "textContent": "﹣ 如果报错信息为get metric none，strategy:5ab3beb512b40，instance:5a14561111841，该instance是指主机的instanceid，请升级该主机Agent至3.24.14以上，且agent有与服务端8823端口的长链接"
                        }
                      }
                    ]
                  }
                }
              },
              {
                "brick": "div",
                "slots": {
                  "": {
                    "type": "bricks",
                    "bricks": [
                      {
                        "brick": "span",
                        "properties": {
                          "style": {
                            "paddingLeft": "2em"
                          },
                          "textContent": "﹣ 如果报错信息为get metric error，session timeout，请确认对应的agent升级到3.24.10以上，且agent有与服务端8823端口的长链接"
                        }
                      }
                    ]
                  }
                }
              },
              {
                "brick": "div",
                "slots": {
                  "": {
                    "type": "bricks",
                    "bricks": [
                      {
                        "brick": "span",
                        "properties": {
                          "style": {
                            "paddingLeft": "2em"
                          },
                          "textContent": "﹣ 如果是Prometheus插件，报错信息为connection refused，请确保exporter启动正常或可尝试手动curl对应的metrics接口"
                        }
                      }
                    ]
                  }
                }
              },
              {
                "brick": "div",
                "slots": {
                  "": {
                    "type": "bricks",
                    "bricks": [
                      {
                        "brick": "span",
                        "properties": {
                          "style": {
                            "fontWeight": 500
                          },
                          "textContent": "2、如果采集状态为\"正常\"，那说明采集通道是正常的，是数据处理层的问题，可查看clickhouse或flink_taskmanager/log/monitor.log查看日志"
                        }
                      }
                    ]
                  }
                }
              },
              {
                "brick": "div",
                "slots": {
                  "": {
                    "type": "bricks",
                    "bricks": [
                      {
                        "brick": "span",
                        "properties": {
                          "style": {
                            "fontWeight": 500
                          },
                          "textContent": "3、如果还有问题，请咨询技术人员。"
                        }
                      }
                    ]
                  }
                }
              }
            ]
          }
        }
      }
    ],
    "previewColumns": 2,
    "doc": {
      "id": "presentational-bricks.brick-alert",
      "name": "presentational-bricks.brick-alert",
      "dockind": "brick",
      "description": "警告提示，可配置颜色类型，描述和是否显示图标",
      "author": "ice",
      "slots": [
        {
          "name": "description",
          "description": "仅当 `enableDescSlot` 为真，才存在该插槽"
        }
      ],
      "history": [
        {
          "version": "1.159.0",
          "change": "新增属性：`stripLocalStorageUrlSuffix`"
        },
        {
          "version": "1.155.0",
          "change": "新增属性： `enableMessageSlot` `noBorderRadio` `iconSize` `messageStyle` `foldDesc` `enableActionSlot`"
        },
        {
          "version": "1.96.0",
          "change": "新增属性：`enableDescSlot`"
        },
        {
          "version": "1.72.0",
          "change": "新增属性：`localStorageKey`"
        }
      ],
      "memo": "",
      "properties": [
        {
          "name": "message",
          "type": "string",
          "required": "true",
          "default": "-",
          "description": "警告提示内容",
          "group": "basic"
        },
        {
          "name": "messageStyle",
          "type": "CSSProperties",
          "required": "false",
          "default": "-",
          "description": "标题样式，对message插槽有效",
          "group": "ui"
        },
        {
          "name": "description",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "警告提示的辅助性文字介绍",
          "group": "basic"
        },
        {
          "name": "type",
          "type": "AlertType",
          "required": "true",
          "default": "-",
          "description": "指定警告提示的样式，有四种选择 success、info、warning、error",
          "editor": "radio",
          "editorProps": {
            "optionType": "button",
            "options": [
              {
                "value": "success",
                "icon": {
                  "lib": "antd",
                  "icon": "check-circle",
                  "theme": "outlined"
                }
              },
              {
                "value": "error",
                "icon": {
                  "lib": "antd",
                  "icon": "close-circle",
                  "theme": "outlined"
                }
              },
              {
                "value": "info",
                "icon": {
                  "lib": "antd",
                  "icon": "exclamation-circle",
                  "theme": "outlined"
                }
              },
              {
                "value": "warning",
                "icon": {
                  "lib": "antd",
                  "icon": "warning",
                  "theme": "outlined"
                }
              }
            ]
          },
          "group": "basic"
        },
        {
          "name": "showIcon",
          "type": "boolean",
          "required": "false",
          "default": "-",
          "description": "是否显示辅助图标",
          "group": "basic"
        },
        {
          "name": "closable",
          "type": "boolean",
          "required": "false",
          "default": "-",
          "description": "是否显示关闭按钮",
          "group": "basic"
        },
        {
          "name": "enableDescSlot",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "是否启用 description 插槽点，启用后属性 `description` 无效",
          "group": "advanced"
        },
        {
          "name": "enableMessageSlot",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "是否启用 message 插槽点，启用后属性 `message` 无效",
          "group": "advanced"
        },
        {
          "name": "enableActionSlot",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "是否启用 action 插槽点",
          "group": "advanced"
        },
        {
          "name": "localStorageKey",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "当设置该属性时，且 `closable` 为真，用户点击关闭后写入 localStorage(浏览器存储), 之后就不再显示该警告提示。以页面 url 为命名空间，注意同一页面下该值的唯一性。",
          "group": "advanced"
        },
        {
          "name": "stripLocalStorageUrlSuffix",
          "type": "boolean",
          "required": "false",
          "default": "-",
          "description": "搭配`localStorageKey`使用，为true时，关闭localStorageKey的url命名空间。",
          "group": "advanced"
        },
        {
          "name": "foldDesc",
          "type": "boolean",
          "required": "false",
          "default": "-",
          "description": "描述区折叠模式,仅`enableMessageSlot`为true时可用",
          "group": "advanced"
        },
        {
          "name": "foldDescLabel",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "设置描述区折叠模式的标签文案",
          "group": "advanced"
        },
        {
          "name": "noBorderRadio",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "是否关闭圆角",
          "group": "advanced"
        },
        {
          "name": "iconSize",
          "type": "\"big\"|\"small\"|\"default\"",
          "required": "false",
          "default": "-",
          "description": "icon大小，为big时使用大图标，否则为根据是否有描述来渲染大小的默认图标",
          "enums": "\"big\"|\"small\"|\"default\"",
          "group": "advanced"
        }
      ],
      "interface": [
        {
          "name": "AlertType",
          "typeParameter": null,
          "kind": "type",
          "description": "",
          "type": "\"success\" | \"error\" | \"info\" | \"warning\""
        }
      ]
    }
  },
  {
    "storyId": "presentational-bricks.brick-alert-level",
    "category": "data-transform",
    "type": "brick",
    "author": "ice",
    "text": {
      "en": "alert level",
      "zh": "告警等级"
    },
    "description": {
      "en": "",
      "zh": "将数值渲染成通用告警等级显示方式"
    },
    "icon": {
      "lib": "fa",
      "icon": "bell"
    },
    "conf": [
      {
        "brick": "presentational-bricks.brick-alert-level",
        "properties": {
          "value": 0
        }
      },
      {
        "brick": "presentational-bricks.brick-alert-level",
        "properties": {
          "value": 1
        }
      },
      {
        "brick": "presentational-bricks.brick-alert-level",
        "properties": {
          "value": 2
        }
      }
    ],
    "previewColumns": 2,
    "doc": {
      "id": "presentational-bricks.brick-alert-level",
      "name": "presentational-bricks.brick-alert-level",
      "dockind": "brick",
      "description": "将数值渲染成通用告警等级显示方式",
      "author": "ice",
      "slots": null,
      "history": null,
      "memo": "",
      "properties": [
        {
          "name": "value",
          "type": "AlertLevel",
          "required": "false",
          "default": "-",
          "description": "告警等级: 0 - 通知, 1 - 警告, 2 - 紧急"
        },
        {
          "name": "dataSource",
          "type": "Record<string, any>",
          "required": "false",
          "default": "-",
          "description": "[已废弃]数据来源"
        },
        {
          "name": "fields",
          "type": "{ value: string }",
          "required": "false",
          "default": "-",
          "description": "[已废弃]字段映射, 跟 dataSource 一起使用来获得运行时 value"
        }
      ],
      "interface": [
        {
          "name": "AlertLevel",
          "typeParameter": null,
          "kind": "type",
          "description": "",
          "type": "0 | 1 | 2 | \"info\" | \"warning\" | \"critical\""
        }
      ]
    }
  },
  {
    "storyId": "presentational-bricks.brick-alert-number",
    "category": "data-transform",
    "type": "brick",
    "author": "ice",
    "text": {
      "en": "alert number",
      "zh": "告警数量"
    },
    "icon": {
      "lib": "fa",
      "icon": "sort-numeric-up-alt"
    },
    "description": {
      "en": "alert number",
      "zh": "数值 0 将带有绿色背景，1 带有黄色背景"
    },
    "conf": [
      {
        "brick": "presentational-bricks.brick-alert-number",
        "properties": {
          "value": 0
        }
      },
      {
        "brick": "presentational-bricks.brick-alert-number",
        "properties": {
          "value": 5
        }
      }
    ],
    "previewColumns": 2,
    "doc": {
      "id": "presentational-bricks.brick-alert-number",
      "name": "presentational-bricks.brick-alert-number",
      "dockind": "brick",
      "description": "数值 0 将带有绿色背景，1 带有黄色背景",
      "author": "ice",
      "slots": null,
      "history": null,
      "memo": "",
      "properties": [
        {
          "name": "value",
          "type": "number",
          "required": "true",
          "default": "-",
          "description": "告警数量"
        }
      ],
      "interface": []
    }
  },
  {
    "storyId": "presentational-bricks.brick-alert-status",
    "category": "data-transform",
    "type": "brick",
    "author": "ice",
    "text": {
      "en": "Alert Status",
      "zh": "告警状态"
    },
    "icon": {
      "lib": "fa",
      "icon": "exclamation-circle"
    },
    "description": {
      "en": "translate alert status (0, 1, 2, 3) to meaningful text",
      "zh": "将告警状态转换成文字表述"
    },
    "conf": [
      {
        "brick": "presentational-bricks.brick-alert-status",
        "properties": {
          "status": 0
        }
      },
      {
        "brick": "presentational-bricks.brick-alert-status",
        "properties": {
          "status": 1
        }
      },
      {
        "brick": "presentational-bricks.brick-alert-status",
        "properties": {
          "isRecover": true
        }
      },
      {
        "brick": "presentational-bricks.brick-alert-status",
        "properties": {
          "isRecover": true,
          "recoverType": "manual"
        }
      },
      {
        "brick": "presentational-bricks.brick-alert-status",
        "properties": {
          "status": 3
        }
      },
      {
        "brick": "presentational-bricks.brick-alert-status",
        "properties": {
          "status": 4
        }
      }
    ],
    "previewColumns": 2,
    "doc": {
      "id": "presentational-bricks.brick-alert-status",
      "name": "presentational-bricks.brick-alert-status",
      "dockind": "brick",
      "description": "将告警状态转换成文字表述",
      "author": "ice",
      "slots": null,
      "history": [
        {
          "version": "1.74.0",
          "change": "新属性 `isRecover`"
        }
      ],
      "memo": "",
      "properties": [
        {
          "name": "status",
          "type": "enum[0, 1, 2, 3]",
          "required": "false",
          "default": "-",
          "description": "告警状态"
        },
        {
          "name": "recoverType",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "告警恢复类型"
        },
        {
          "name": "isRecover",
          "type": "boolean",
          "required": "false",
          "default": "-",
          "description": "是否已恢复告警"
        },
        {
          "name": "dataSource",
          "type": "Record<string, any>",
          "required": "false",
          "default": "-",
          "description": "[已废弃]数据来源"
        },
        {
          "name": "fields",
          "type": "{ status: string, recoverType: string, isRecover: string }",
          "required": "false",
          "default": "-",
          "description": "[已废弃]字段映射, 跟 dataSource 一起使用来获得运行时 status 和 recoverType"
        }
      ],
      "interface": []
    }
  },
  {
    "storyId": "presentational-bricks.brick-alert-value",
    "category": "data-transform",
    "type": "brick",
    "author": "ice",
    "text": {
      "en": "alert value",
      "zh": "告警值"
    },
    "description": {
      "en": "",
      "zh": "将告警数值组合触发条件，显示成 90%↑ 的模式"
    },
    "icon": {
      "lib": "fa",
      "icon": "bell-slash"
    },
    "conf": [
      {
        "brick": "presentational-bricks.brick-alert-value",
        "properties": {
          "dataSource": {
            "alert_conditions": {
              "alert_type": "host",
              "comparators": [
                {
                  "threshold": 80,
                  "type": "bigger_than",
                  "level": 1
                },
                {
                  "threshold": 95,
                  "type": "bigger_than",
                  "level": 2
                }
              ],
              "alert_sub_type": "host",
              "attr_id": "host.disk.max_used_percent",
              "alert_table": "host",
              "unit": "%"
            },
            "value": 85,
            "level": 1
          }
        }
      },
      {
        "brick": "presentational-bricks.brick-alert-value",
        "properties": {
          "dataSource": {
            "alert_conditions": {
              "alert_type": "host",
              "comparators": [
                {
                  "threshold": 1000,
                  "type": "smaller_than",
                  "level": 1
                },
                {
                  "threshold": 500,
                  "type": "smaller_than",
                  "level": 2
                }
              ],
              "alert_sub_type": "host",
              "attr_id": "host.net.traffic_in",
              "alert_table": "host",
              "unit": "kbps"
            },
            "value": 600,
            "level": 2
          }
        }
      }
    ],
    "previewColumns": 2,
    "doc": {
      "id": "presentational-bricks.brick-alert-value",
      "name": "presentational-bricks.brick-alert-value",
      "dockind": "brick",
      "description": "将告警数值组合触发条件，显示成 90%↑ 的模式",
      "author": "ice",
      "slots": null,
      "history": null,
      "memo": "",
      "properties": [
        {
          "name": "dataSource",
          "type": "monitor-sdk/MonitorModels.ModelAlertEvent",
          "required": "true",
          "default": "-",
          "description": "告警事件"
        }
      ],
      "interface": []
    }
  },
  {
    "storyId": "presentational-bricks.brick-cluster-type",
    "category": "data-transform",
    "type": "brick",
    "author": "ice",
    "deprecated": true,
    "text": {
      "en": "cluster type",
      "zh": "集群类型"
    },
    "icon": {
      "lib": "fa",
      "icon": "cube"
    },
    "description": {
      "en": "render cluster type for human readable",
      "zh": "集群类型专用展示：开发、测试、预发布、生产"
    },
    "tags": [
      {
        "en": "cmdb",
        "zh": "cmdb"
      }
    ],
    "conf": [
      {
        "brick": "presentational-bricks.brick-cluster-type",
        "properties": {
          "value": "0"
        }
      },
      {
        "brick": "presentational-bricks.brick-cluster-type",
        "properties": {
          "value": "1"
        }
      },
      {
        "brick": "presentational-bricks.brick-cluster-type",
        "properties": {
          "value": "2"
        }
      },
      {
        "brick": "presentational-bricks.brick-cluster-type",
        "properties": {
          "value": "3"
        }
      },
      {
        "brick": "presentational-bricks.brick-cluster-type",
        "properties": {
          "value": "0",
          "showBg": false
        }
      }
    ],
    "previewColumns": 2,
    "doc": {
      "id": "presentational-bricks.brick-cluster-type",
      "name": "presentational-bricks.brick-cluster-type",
      "dockind": "brick",
      "description": "集群类型专用展示：开发、测试、预发布、生产",
      "author": "ice",
      "slots": null,
      "history": null,
      "memo": "",
      "properties": [
        {
          "name": "objectId",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "objectId"
        },
        {
          "name": "value",
          "type": "ClusterType",
          "required": "true",
          "default": "-",
          "description": "集群类型: '-1' - 无, 0' - 开发, '1' - 测试, '2' - 生产, '3' - 预发布"
        },
        {
          "name": "dataSource",
          "type": "Record<string, any>",
          "required": "false",
          "default": "-",
          "description": "[已废弃]数据来源"
        },
        {
          "name": "fields",
          "type": "{ value: string }",
          "required": "false",
          "default": "-",
          "description": "[已废弃]字段映射, 跟 dataSource 一起使用来获得运行时 value"
        },
        {
          "name": "showBg",
          "type": "boolean",
          "required": "false",
          "default": "true",
          "description": "是否显示背景"
        }
      ],
      "interface": [
        {
          "name": "ClusterType",
          "typeParameter": null,
          "kind": "type",
          "description": "",
          "type": "\"-1\" | \"0\" | \"1\" | \"2\" | \"3\""
        }
      ]
    }
  },
  {
    "storyId": "presentational-bricks.brick-collapse-card",
    "category": "text",
    "type": "brick",
    "author": "lynette",
    "text": {
      "en": "Collapse card",
      "zh": "详情折叠"
    },
    "description": {
      "en": "This component is a flexible UI element designed for displaying expandable and collapsible card information. It supports custom titles and descriptions, as well as defining text and icons for expanded and collapsed states. The card component can be easily integrated into various front-end applications, offering rich interaction effects through simple property configurations",
      "zh": "详情折叠，主要用于展示可以展开和收起的卡片信息。它支持自定义标题和描述，以及定义展开和收起状态时的文本和图标。该构件可以轻松集成到各种前端应用中，通过简单的属性配置，即可实现丰富的交互效果"
    },
    "icon": {
      "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-collapse-card.42724c1e838edbc9.svg"
    },
    "conf": [
      {
        "brick": "presentational-bricks.brick-collapse-card",
        "properties": {
          "title": "名称",
          "expandInactiveText": "工具详情"
        },
        "slots": {
          "content": {
            "type": "bricks",
            "bricks": [
              {
                "brick": "div",
                "properties": {
                  "textContent": "Content"
                }
              }
            ]
          }
        }
      },
      {
        "snippetId": "presentational-bricks.brick-collapse-card[normal]",
        "title": {
          "zh": "详情折叠",
          "en": "Collapse card"
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-collapse-card[normal].64e9299dd9aea40d.svg",
        "bricks": [
          {
            "brick": "presentational-bricks.brick-collapse-card",
            "properties": {
              "expandInactiveText": "展开",
              "expandInactiveIcon": "down",
              "expandActiveText": "收起",
              "expandActiveIcon": "up",
              "isActive": true,
              "titleWithIconAndDesc": true,
              "cardTitle": "容器管理-闲置资源采集",
              "descriptionList": [
                {
                  "label": "作者",
                  "text": "defalutUser"
                },
                {
                  "label": "分类",
                  "text": "容器管理"
                }
              ],
              "titleIcon": {
                "lib": "easyops",
                "category": "agile",
                "icon": "easy-now"
              }
            },
            "slots": {
              "content": {
                "bricks": [
                  {
                    "brick": "presentational-bricks.brick-descriptions",
                    "properties": {
                      "showCard": false,
                      "itemList": [
                        {
                          "label": "版本信息",
                          "text": "1.0.10"
                        },
                        {
                          "label": "版本作者",
                          "text": "defaultUser"
                        },
                        {
                          "label": "脚本信息",
                          "text": "python"
                        }
                      ]
                    }
                  }
                ],
                "type": "bricks"
              }
            }
          },
          {
            "brick": "presentational-bricks.brick-collapse-card",
            "properties": {
              "expandInactiveText": "展开",
              "expandInactiveIcon": "down",
              "expandActiveText": "收起",
              "expandActiveIcon": "up",
              "isActive": true,
              "titleWithIconAndDesc": "compact",
              "cardTitle": "容器管理-闲置资源采集",
              "descriptionList": [
                {
                  "label": "作者",
                  "text": "defalutUser"
                },
                {
                  "label": "分类",
                  "text": "容器管理"
                }
              ],
              "titleIcon": {
                "lib": "easyops",
                "category": "agile",
                "icon": "easy-now"
              }
            },
            "slots": {
              "content": {
                "bricks": [
                  {
                    "brick": "presentational-bricks.brick-descriptions",
                    "properties": {
                      "showCard": false,
                      "itemList": [
                        {
                          "label": "版本信息",
                          "text": "1.0.10"
                        },
                        {
                          "label": "版本作者",
                          "text": "defaultUser"
                        },
                        {
                          "label": "脚本信息",
                          "text": "python"
                        }
                      ]
                    }
                  }
                ],
                "type": "bricks"
              }
            }
          }
        ]
      }
    ],
    "doc": {
      "id": "presentational-bricks.brick-collapse-card",
      "name": "presentational-bricks.brick-collapse-card",
      "dockind": "brick",
      "description": "详情折叠，有需要再展开，避免一开始太喧宾夺主，如工具详情",
      "author": "lynette",
      "slots": [
        {
          "name": "content",
          "description": "卡片展开的内容"
        },
        {
          "name": "header",
          "description": "header 自定义构件，需要同时把 hasHeaderSlot 设置成 true"
        }
      ],
      "history": null,
      "memo": "",
      "properties": [
        {
          "name": "cardTitle",
          "type": "string",
          "required": "true",
          "default": "-",
          "description": "卡片标题"
        },
        {
          "name": "descriptionList",
          "type": "`descriptionsItemProps[]`",
          "required": "false",
          "default": "-",
          "description": "标题描述信息，仅在`titleWithIconAndDesc`为true时有效"
        },
        {
          "name": "expandInactiveText",
          "type": "string",
          "required": "false",
          "default": "展开",
          "description": "卡片收起的时候右上角的文案"
        },
        {
          "name": "expandActiveText",
          "type": "string",
          "required": "false",
          "default": "收起",
          "description": "卡片展开的时候右上角的文案"
        },
        {
          "name": "expandActiveIcon",
          "type": "MenuIcon",
          "required": "false",
          "default": "up",
          "description": "卡片展开的时候右上角的 icon，支持 ant-design 的 icon"
        },
        {
          "name": "expandInactiveIcon",
          "type": "MenuIcon",
          "required": "false",
          "default": "down",
          "description": "卡片收起的时候右上角的 icon，支持 ant-design 的 icon"
        },
        {
          "name": "titleIcon",
          "type": "MenuIcon",
          "required": "false",
          "default": "{lib: \"easyops\", category: \"default\", icon: \"collapse-card-default\"}",
          "description": "卡片标题图标，仅在`titleWithIconAndDesc`为true时有效"
        },
        {
          "name": "titleWithIconAndDesc",
          "type": "boolean | \"compact\"",
          "required": "false",
          "default": "false",
          "description": "是否可以设置标题图标和描述信息"
        },
        {
          "name": "isActive",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "卡片默认收起／展开"
        },
        {
          "name": "hasHeaderSlot",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "header 是否为自定义的 slot"
        },
        {
          "name": "containerStyle",
          "type": "any",
          "required": "false",
          "default": "-",
          "description": "容器自定义样式",
          "group": "advanced"
        },
        {
          "name": "headerStyle",
          "type": "any",
          "required": "false",
          "default": "-",
          "description": "header 自定义样式",
          "group": "advanced"
        },
        {
          "name": "contentStyle",
          "type": "any",
          "required": "false",
          "default": "-",
          "description": "内容自定义样式",
          "group": "advanced"
        },
        {
          "name": "verticalCenter",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "设置该属性后，卡片内容区的元素自动垂直居中",
          "group": "advanced"
        },
        {
          "name": "title",
          "type": "string",
          "required": "false",
          "default": "-",
          "deprecated": true,
          "description": "[已废弃]卡片标题，请使用cardTitle",
          "group": "advanced"
        },
        {
          "name": "fields",
          "type": "{ dataSource?: string; title: string; }",
          "required": "false",
          "default": "-",
          "deprecated": true,
          "description": "[已废弃]字段映射, 跟 dataSource 一起使用来获得运行时对应字段的值"
        },
        {
          "name": "dataSource",
          "type": "Record<string, any>",
          "required": "false",
          "default": "-",
          "deprecated": true,
          "description": "[已废弃]数据来源"
        }
      ],
      "interface": [
        {
          "name": "descriptionsItemProps",
          "typeParameter": null,
          "kind": "interface",
          "children": [
            {
              "name": "label",
              "type": "string",
              "required": true,
              "description": ""
            },
            {
              "name": "text",
              "type": "string",
              "required": true,
              "description": ""
            }
          ],
          "indexSignature": []
        }
      ]
    }
  },
  {
    "storyId": "presentational-bricks.brick-conditional-display",
    "category": "data-transform",
    "type": "brick",
    "author": "cyril",
    "text": {
      "en": "Tag - Condition Judgment Display",
      "zh": "Tag标签-条件判断展示"
    },
    "description": {
      "en": "the brick is categorized under data transformation. This component is designed to process data based on predefined rules and present text content with different styles accordingly. Its core functionality relies on MongoDB's query operators, allowing developers to define complex display rules. By configuring the data source and display rules, scenarios such as grading scores can be presented accurately",
      "zh": "此构件属于数据转换类别，主要用于根据预设的规则对数据进行处理，并以不同的样式展示相应的文本内容。允许开发者定义复杂的展示规则。通过配置数据源和展示规则，可以实现如成绩等级划分等场景的精准展示"
    },
    "icon": {
      "imgSrc": "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20width%3D%22105px%22%20height%3D%2255px%22%20viewBox%3D%220%200%20105%2055%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%20%20%20%20%3Ctitle%3Epresentational-bricks.brick-conditional-display%3C%2Ftitle%3E%20%20%20%20%3Cg%20id%3D%22nora%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22-%E6%9E%84%E4%BB%B6%E6%A6%82%E8%A7%88%E5%9B%BE%E4%B8%89%22%20transform%3D%22translate%28-789.000000%2C%20-103.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22presentational-bricks.brick-conditional-display%22%20transform%3D%22translate%28789.000000%2C%20103.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22%E7%9F%A9%E5%BD%A2%E5%A4%87%E4%BB%BD-46%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22105%22%20height%3D%2255%22%20rx%3D%224%22%3E%3C%2Frect%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22%E7%9F%A9%E5%BD%A2%E5%A4%87%E4%BB%BD-60%22%20fill%3D%22%23F24C25%22%20x%3D%2213%22%20y%3D%2223%22%20width%3D%2224%22%20height%3D%228%22%20rx%3D%221%22%3E%3C%2Frect%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22%E7%9F%A9%E5%BD%A2%E5%A4%87%E4%BB%BD-111%22%20fill%3D%22%2352C41A%22%20x%3D%2241%22%20y%3D%2223%22%20width%3D%2224%22%20height%3D%228%22%20rx%3D%221%22%3E%3C%2Frect%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22%E7%9F%A9%E5%BD%A2%E5%A4%87%E4%BB%BD-112%22%20fill%3D%22%23F7BF02%22%20x%3D%2269%22%20y%3D%2223%22%20width%3D%2224%22%20height%3D%228%22%20rx%3D%221%22%3E%3C%2Frect%3E%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E"
    },
    "conf": [
      {
        "snippetId": "presentational-bricks.brick-conditional-display[normal]",
        "title": {
          "zh": "条件展示文本",
          "en": "Conditional display text"
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-conditional-display[normal].58949f1fc522bf4a.svg",
        "bricks": [
          {
            "brick": "presentational-bricks.brick-conditional-display",
            "properties": {
              "dataSource": {
                "fullScore": 150,
                "score": 130
              },
              "rules": [
                {
                  "condition": {
                    "$or": [
                      {
                        "fullScore": 100,
                        "score": {
                          "$lt": 60
                        }
                      },
                      {
                        "fullScore": 150,
                        "score": {
                          "$lt": 90
                        }
                      }
                    ]
                  },
                  "style": {
                    "backgroundColor": "rgba(252, 80, 67, 1)",
                    "color": "rgba(255, 255, 255, 1)"
                  },
                  "label": "不及格"
                },
                {
                  "condition": {
                    "$or": [
                      {
                        "fullScore": 100,
                        "score": {
                          "$gte": 60,
                          "$lt": 80
                        }
                      },
                      {
                        "fullScore": 150,
                        "score": {
                          "$gte": 90,
                          "$lt": 120
                        }
                      }
                    ]
                  },
                  "style": {
                    "backgroundColor": "rgba(255, 162, 53, 1)",
                    "color": "rgba(255, 255, 255, 1)"
                  },
                  "label": "及格"
                },
                {
                  "condition": {
                    "$or": [
                      {
                        "fullScore": 100,
                        "score": {
                          "$gte": 80,
                          "$lt": 90
                        }
                      },
                      {
                        "fullScore": 150,
                        "score": {
                          "$gte": 120,
                          "$lt": 135
                        }
                      }
                    ]
                  },
                  "style": {
                    "backgroundColor": "var(--color-success)",
                    "color": "rgba(255, 255, 255, 1)"
                  },
                  "label": "良好"
                },
                {
                  "condition": {
                    "$or": [
                      {
                        "fullScore": 100,
                        "score": {
                          "$gte": 90
                        }
                      },
                      {
                        "fullScore": 150,
                        "score": {
                          "$gte": 135
                        }
                      }
                    ]
                  },
                  "style": {
                    "backgroundColor": "rgba(22, 123, 224, 1)",
                    "color": "rgba(255, 255, 255, 1)"
                  },
                  "label": "优秀"
                }
              ]
            }
          }
        ]
      }
    ],
    "doc": {
      "id": "presentational-bricks.brick-conditional-display",
      "name": "presentational-bricks.brick-conditional-display",
      "dockind": "brick",
      "description": "按不同条件渲染，比如告警数为0是绿色，大于1时显示黄色",
      "author": "cyril",
      "slots": null,
      "history": null,
      "memo": "这个构件的配置相对复杂，适用于区间的条件规则，比如大于、小于等，如果是一些明确的值映射，请使用[基本数值映射](developers/brick-book/brick/presentational-bricks.brick-value-mapping)\n```typescript\nenum ConditionOperator {\n  eq = \"$eq\",\n  ne = \"$ne\",\n  gt = \"$gt\",\n  gte = \"$gte\",\n  lt = \"$lt\",\n  lte = \"$lte\",\n}\n\nenum LogicalOperator {\n  and = \"$and\",\n  or = \"$or\",\n}\n\ntype ConditionType =\n  | boolean\n  | number\n  | string\n  | Record<string | ConditionOperator, any>\n  | LogicalCondition;\n\ninterface LogicalCondition\n  extends Record<string | LogicalOperator, ConditionType[]> {}\n```",
      "properties": [
        {
          "name": "rules",
          "type": "RuleProps[]",
          "required": "false",
          "default": "[]",
          "description": "展示规则, 具体请查看[Mongodb条件操作符](https://www.mongodb.com/docs/manual/reference/operator/query/)",
          "group": "basic"
        },
        {
          "name": "fields",
          "type": "{ value: string }",
          "required": "false",
          "description": "[已废弃]显示的字段值，支持通过 path 指定",
          "deprecated": true,
          "group": "other"
        },
        {
          "name": "dataSource",
          "type": "DataType",
          "required": "true",
          "description": "数据",
          "group": "basic"
        },
        {
          "name": "type",
          "type": "\"default\" | \"label\"",
          "required": "false",
          "default": "\"label\"",
          "description": "展示类型，label 表示通过标签的风格展示相关内容，default 表示默认的风格展示(display: block)",
          "group": "basic"
        }
      ],
      "interface": [
        {
          "name": "DataType",
          "typeParameter": null,
          "kind": "type",
          "description": "",
          "type": "string | number | Record<string, any>"
        }
      ]
    }
  },
  {
    "storyId": "presentational-bricks.brick-descriptions",
    "category": "text",
    "type": "brick",
    "author": "lynette",
    "text": {
      "en": "Descriptions",
      "zh": "描述列表"
    },
    "description": {
      "en": "Commonly used for describing summary information,offering a variety of properties that allow for the creation of descriptive lists with customizable layouts, border options, and size adjustments. It also supports the integration of other bricks, such as `brick-tag`, to enhance the display of information",
      "zh": "常用于概要信息的描述，它提供了一系列属性，用于创建具有自定义布局、边框选项和尺寸调整的描述列表。此外，它还支持与其他构件（如 `brick-tag`）的集成，以丰富信息的展示方式"
    },
    "icon": {
      "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-descriptions.1dadf98ade65e029.svg"
    },
    "conf": [
      {
        "snippetId": "presentational-bricks.brick-descriptions[normal]",
        "text": {
          "zh": "描述列表",
          "en": "Description list"
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-descriptions[normal].8ee20fca6278dd82.svg",
        "bricks": [
          {
            "brick": "presentational-bricks.brick-descriptions",
            "properties": {
              "itemList": [
                {
                  "text": "Lynette",
                  "label": "UserName"
                },
                {
                  "text": "18",
                  "label": "Age"
                },
                {
                  "label": "Tags",
                  "useBrick": {
                    "brick": "presentational-bricks.brick-tag",
                    "properties": {
                      "tagList": "<% DATA.tags %>",
                      "configProps": {
                        "color": "orange"
                      },
                      "showCard": false
                    }
                  }
                }
              ],
              "descriptionTitle": "User Info",
              "dataSource": {
                "tags": [
                  "user",
                  "admin"
                ]
              }
            }
          }
        ]
      },
      {
        "brick": "presentational-bricks.brick-descriptions",
        "properties": {
          "itemList": [
            {
              "label": "开始时间",
              "useBrick": {
                "brick": "presentational-bricks.brick-humanize-time",
                "properties": {
                  "value": "<% DATA.ctime %>",
                  "formatter": "full"
                }
              }
            },
            {
              "field": "name",
              "label": "任务名称"
            }
          ],
          "showCard": true,
          "descriptionTitle": "任务详情",
          "dataSource": {
            "ctime": 1571017058,
            "name": "巡检"
          }
        }
      },
      {
        "brick": "presentational-bricks.brick-descriptions",
        "description": {
          "title": "设置需要隐藏的列表项"
        },
        "properties": {
          "itemList": [
            {
              "text": "Lynette1",
              "label": "UserName1",
              "group": "a"
            },
            {
              "text": "18",
              "label": "Age1",
              "group": "a"
            },
            {
              "label": "Tags1",
              "group": "a",
              "useBrick": {
                "brick": "presentational-bricks.brick-tag",
                "properties": {
                  "tagList": "<% DATA.tags %>",
                  "configProps": {
                    "color": "orange"
                  },
                  "showCard": false
                }
              }
            },
            {
              "text": "Lynette2",
              "label": "UserName2",
              "group": "b"
            },
            {
              "text": "19",
              "label": "Age2",
              "group": "b"
            },
            {
              "label": "Tags2",
              "group": "b",
              "useBrick": {
                "brick": "presentational-bricks.brick-tag",
                "transform": {
                  "tagList": "@{tags}"
                },
                "properties": {
                  "configProps": {
                    "color": "orange"
                  },
                  "showCard": false
                }
              }
            },
            {
              "text": "Lynette3",
              "label": "UserName3",
              "group": "c"
            },
            {
              "text": "20",
              "label": "Age3",
              "group": "c"
            },
            {
              "label": "Tags3",
              "group": "c",
              "useBrick": {
                "brick": "presentational-bricks.brick-tag",
                "properties": {
                  "tagList": "<% DATA.tags %>",
                  "configProps": {
                    "color": "orange"
                  },
                  "showCard": false
                }
              }
            }
          ],
          "descriptionTitle": "User Info",
          "dataSource": {
            "tags": [
              "user"
            ]
          },
          "hideGroups": [
            "b"
          ]
        }
      },
      {
        "brick": "presentational-bricks.brick-descriptions",
        "properties": {
          "descriptionList": [
            {
              "itemList": [
                {
                  "text": "name",
                  "label": "名称"
                },
                {
                  "text": "无",
                  "label": "环境类型"
                },
                {
                  "text": "client",
                  "label": "授权模式"
                },
                {
                  "text": "无",
                  "label": "服务提供商"
                }
              ],
              "descriptionTitle": "基本信息"
            },
            {
              "itemList": [
                {
                  "text": "导入",
                  "label": "集群来源"
                },
                {
                  "text": "3个",
                  "label": "节点数量"
                },
                {
                  "text": "可分配CPU",
                  "label": "12 Cores"
                },
                {
                  "text": "可分配内存",
                  "label": "44GB"
                }
              ],
              "descriptionTitle": "集群规格"
            },
            {
              "itemList": [
                {
                  "text": "Lynette",
                  "label": "UserName"
                },
                {
                  "text": "18",
                  "label": "Age"
                }
              ],
              "descriptionTitle": "User Info"
            }
          ]
        }
      },
      {
        "brick": "presentational-bricks.brick-descriptions",
        "properties": {
          "itemList": [
            {
              "text": "Lynette",
              "label": "UserName"
            },
            {
              "text": "18",
              "label": "Age"
            },
            {
              "label": "Tags",
              "useBrick": {
                "brick": "presentational-bricks.brick-tag",
                "properties": {
                  "tagList": "<% DATA.tags %>",
                  "configProps": {
                    "color": "orange"
                  },
                  "showCard": false
                }
              }
            },
            {
              "text": " 2018-01-24",
              "label": "Order time"
            },
            {
              "text": "2019-04-24 18:00:00",
              "label": "Usage Time",
              "span": 2
            },
            {
              "text": "Data disk type: MongoDB",
              "label": "Config Info",
              "span": 3
            }
          ],
          "descriptionTitle": "User Info",
          "bordered": true,
          "dataSource": {
            "tags": [
              "user",
              "admin"
            ]
          }
        }
      }
    ],
    "doc": {
      "id": "presentational-bricks.brick-descriptions",
      "name": "presentational-bricks.brick-descriptions",
      "dockind": "brick",
      "description": "常用于概要信息的描述，2~3列",
      "author": "lynette",
      "slots": null,
      "history": [
        {
          "version": "1.59.0",
          "change": "新增属性：`descriptionTitle`、`column`、`size`、`bordered`、`layout`"
        }
      ],
      "memo": "### UseBrickConf\n\n| property      | type           | required | default | description                                        |\n| ------------- | -------------- | -------- | ------- | -------------------------------------------------- |\n| brick         | string         | true       | -       | 构件名称                                           |\n| properties    | object         | -        | -       | 构件属性                                           |\n| events        | BrickEventsMap | -        | -       | 事件                                               |\n| transform     | string\\|object | -        | -       | 属性数据转换                                       |\n| transformFrom | string         | -        | -       | 属性数据转换来自数据源的哪个字段，不填则为整个数据 |",
      "properties": [
        {
          "name": "descriptionTitle",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "描述列表的标题，显示在最顶部",
          "group": "basic"
        },
        {
          "name": "descriptionList",
          "type": "any[]",
          "required": "false",
          "default": "-",
          "description": "多个描述列表时的数据入口",
          "group": "basic"
        },
        {
          "name": "itemList",
          "type": "BrickDescriptionsItemProps[]",
          "required": "false",
          "default": "-",
          "description": "描述列表项，扩展自 ant-design DescriptionItem 相关配置项，额外扩展项如下，其他项查阅：[DescriptionItem](https://ant.design/components/descriptions-cn/#DescriptionItem)",
          "group": "basic"
        },
        {
          "name": "itemIdBrickMap",
          "type": "Record<string, { useBrick: UseBrickConf }>",
          "required": "false",
          "default": "-",
          "description": "列表项的 id 与对应构件配置的 map。一般在 itemList 属性需要动态生成，且希望自定义列的构件（itemList.useBrick）时使用。",
          "group": "advanced"
        },
        {
          "name": "showCard",
          "type": "boolean",
          "required": "false",
          "default": "true",
          "description": "是否显示卡片",
          "group": "basic"
        },
        {
          "name": "column",
          "type": "number|object",
          "required": "false",
          "default": "3",
          "description": "一行的 DescriptionItems 数量，可以写成像素值或支持响应式的对象写法 { xs: 8, sm: 16, md: 24}",
          "group": "basic"
        },
        {
          "name": "layout",
          "type": "LayoutType",
          "required": "false",
          "default": "horizontal",
          "description": "描述布局",
          "enums": "\"horizontal\"|\"vertical\"",
          "group": "ui"
        },
        {
          "name": "bordered",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "是否展示边框",
          "group": "ui"
        },
        {
          "name": "size",
          "type": "SizeType",
          "required": "false",
          "default": "-",
          "description": "设置列表的大小。可以设置为 middle 、small, 或不填（只有设置 bordered={true} 生效）",
          "enums": "\"default\"|\"middle\"|\"small\"",
          "group": "ui"
        },
        {
          "name": "configProps",
          "type": "DescriptionsProps",
          "required": "false",
          "default": "-",
          "description": "ant-design 相关配置项,具体查阅：[Descriptions](https://ant.design/components/descriptions-cn/#Descriptions)"
        },
        {
          "name": "hideGroups",
          "type": "string[] | string",
          "required": "false",
          "default": "-",
          "description": "设置需要隐藏的描述列表项。请先在 itemList 中定义列表项所属 group"
        },
        {
          "name": "dataSource",
          "type": "Record<string, any>",
          "required": "false",
          "default": "-",
          "deprecated": true,
          "description": "[已废弃]数据来源，通常来源于后台"
        }
      ],
      "interface": [
        {
          "name": "DescriptionListProps",
          "typeParameter": null,
          "kind": "interface",
          "children": [
            {
              "name": "bordered",
              "type": "boolean",
              "required": false,
              "description": ""
            },
            {
              "name": "column",
              "type": "number",
              "required": false,
              "description": ""
            },
            {
              "name": "configProps",
              "type": "DescriptionsProps",
              "required": false,
              "description": ""
            },
            {
              "name": "descriptionTitle",
              "type": "string",
              "required": true,
              "description": ""
            },
            {
              "name": "extraBrick",
              "type": "{ useBrick: UseBrickConf }",
              "required": false,
              "description": ""
            },
            {
              "name": "hideGroups",
              "type": "string[] | string",
              "required": false,
              "description": ""
            },
            {
              "name": "itemList",
              "type": "BrickDescriptionsItemProps[]",
              "required": true,
              "description": ""
            },
            {
              "name": "layout",
              "type": "LayoutType",
              "required": false,
              "description": ""
            },
            {
              "name": "size",
              "type": "SizeType",
              "required": false,
              "description": ""
            }
          ],
          "indexSignature": []
        },
        {
          "name": "BrickDescriptionsItemProps",
          "typeParameter": null,
          "kind": "interface",
          "extendedTypes": [
            {
              "type": "reflection",
              "declaration": {
                "id": 13160,
                "name": "__type",
                "kind": 65536,
                "kindString": "Type literal",
                "flags": {
                  "isExported": true
                },
                "sources": [
                  {
                    "fileName": "bricks/presentational-bricks/src/brick-descriptions/index.tsx",
                    "line": 28,
                    "character": 9
                  }
                ]
              }
            }
          ],
          "children": [
            {
              "name": "component",
              "type": "{ brick?: string; properties?: any }",
              "required": false,
              "description": "[已废弃]自定义该 item 的展示构件"
            },
            {
              "name": "field",
              "type": "string",
              "required": false,
              "description": "该 item 的 text 取自 dataSource 的哪个字段"
            },
            {
              "name": "group",
              "type": "string",
              "required": false,
              "description": "所属分组"
            },
            {
              "name": "id",
              "type": "string",
              "required": false,
              "description": ""
            },
            {
              "name": "text",
              "type": "string",
              "required": true,
              "description": "内容"
            },
            {
              "name": "useBrick",
              "type": "UseBrickConf",
              "required": false,
              "description": "支持为某项自定义展示构件  [#UseBrickConf](#usebrickconf)"
            }
          ],
          "indexSignature": []
        },
        {
          "name": "LayoutType",
          "typeParameter": null,
          "kind": "type",
          "description": "",
          "type": "\"horizontal\" | \"vertical\""
        },
        {
          "name": "SizeType",
          "typeParameter": null,
          "kind": "type",
          "description": "",
          "type": "\"default\" | \"middle\" | \"small\""
        }
      ]
    }
  },
  {
    "storyId": "presentational-bricks.brick-display-structs",
    "category": "data-transform",
    "type": "brick",
    "author": "ice",
    "text": {
      "en": "Text Conversion - Automatically Convert Structures or Arrays",
      "zh": "文本转换-自动转换结构体或数组"
    },
    "icon": {
      "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-display-structs.a50dba287f9a78b4.svg"
    },
    "description": {
      "en": "stringify to display struct data or one field of it",
      "zh": "可将结构体（数组）数据以字符串的形式展示，或只展示其中的一个字段"
    },
    "conf": [
      {
        "brick": "presentational-bricks.brick-display-structs",
        "properties": {
          "value": [
            {
              "name": "irelia",
              "email": "irelia@ionia.island"
            },
            {
              "name": "akali",
              "email": "akali@ionia.island"
            }
          ],
          "displayType": {
            "field": "name",
            "separator": "; "
          }
        }
      },
      {
        "brick": "presentational-bricks.brick-display-structs",
        "properties": {
          "value": [
            {
              "name": "irelia",
              "email": "irelia@ionia.island"
            },
            {
              "name": "akali",
              "email": "akali@ionia.island"
            }
          ],
          "displayType": {
            "field": "",
            "separator": "; "
          }
        }
      },
      {
        "brick": "presentational-bricks.brick-display-structs",
        "properties": {
          "value": [
            "windows",
            "macOS",
            "centos"
          ],
          "displayType": {
            "field": "",
            "separator": "; "
          }
        }
      },
      {
        "brick": "presentational-bricks.brick-display-structs",
        "properties": {
          "value": [
            {
              "name": "irelia",
              "email": "irelia@ionia.island"
            },
            {
              "name": "akali",
              "email": "akali@ionia.island"
            }
          ],
          "displayType": "stringify"
        }
      }
    ],
    "previewColumns": 2,
    "doc": {
      "id": "presentational-bricks.brick-display-structs",
      "name": "presentational-bricks.brick-display-structs",
      "dockind": "brick",
      "description": "可将结构体（数组）数据以字符串的形式展示，或只展示其中的一个字段",
      "author": "ice",
      "slots": null,
      "history": null,
      "memo": "",
      "properties": [
        {
          "name": "dataSource",
          "type": "Record<string, any>",
          "required": "false",
          "default": "-",
          "description": "[已废弃]数据来源"
        },
        {
          "name": "fields",
          "type": "{ value: string }",
          "required": "false",
          "default": "-",
          "description": "字[已废弃]段映射, 跟 dataSource 一起使用来获得运行时 value"
        },
        {
          "name": "value",
          "type": "结构体或数组",
          "required": "false",
          "default": "-",
          "description": "要展示的值"
        },
        {
          "name": "displayType",
          "type": "'stringify' | FieldToDisplay",
          "required": "true",
          "default": "-",
          "description": "展示类型, 定义类型如下"
        },
        {
          "name": "emptyText",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "空文案"
        }
      ],
      "interface": [
        {
          "name": "FieldToDisplay",
          "typeParameter": null,
          "kind": "interface",
          "children": [
            {
              "name": "field",
              "type": "string",
              "required": false,
              "description": ""
            },
            {
              "name": "separator",
              "type": "string",
              "required": true,
              "description": ""
            }
          ],
          "indexSignature": []
        }
      ]
    }
  },
  {
    "storyId": "presentational-bricks.brick-divider",
    "category": "container-display",
    "type": "brick",
    "author": "dophi",
    "text": {
      "en": "divider",
      "zh": "分割线"
    },
    "description": {
      "en": "divider",
      "zh": "分割线"
    },
    "icon": {
      "imgSrc": "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20width%3D%22105px%22%20height%3D%2255px%22%20viewBox%3D%220%200%20105%2055%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%20%20%20%20%3Ctitle%3Epresentational-bricks.brick-divider%3C%2Ftitle%3E%20%20%20%20%3Cg%20id%3D%22lydia%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22%E6%9E%84%E4%BB%B6%E6%A6%82%E8%A7%88%E5%9B%BE%E4%BA%8C%22%20transform%3D%22translate%28-145.000000%2C%20-195.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22presentational-bricks.brick-divider%22%20transform%3D%22translate%28145.000000%2C%20195.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22%E7%9F%A9%E5%BD%A2%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22105%22%20height%3D%2255%22%20rx%3D%224%22%3E%3C%2Frect%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22%E7%9F%A9%E5%BD%A2%22%20fill%3D%22%23D6DBEC%22%20x%3D%2212%22%20y%3D%2234%22%20width%3D%2259%22%20height%3D%2212%22%20rx%3D%221%22%3E%3C%2Frect%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22%E7%9F%A9%E5%BD%A2%E5%A4%87%E4%BB%BD-23%22%20fill%3D%22%23D6DBEC%22%20x%3D%2212%22%20y%3D%228%22%20width%3D%2281%22%20height%3D%2212%22%20rx%3D%221%22%3E%3C%2Frect%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22%E7%9F%A9%E5%BD%A2%E5%A4%87%E4%BB%BD-25%22%20fill%3D%22%231A7AFF%22%20x%3D%2212%22%20y%3D%2226%22%20width%3D%2258%22%20height%3D%222%22%20rx%3D%221%22%3E%3C%2Frect%3E%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E"
    },
    "conf": [
      {
        "snippetId": "presentational-bricks.brick-divider[normal]",
        "title": {
          "zh": "Basic divider, it is primarily used for segmentation in layouts, supporting horizontal, vertical, and a special radiation type. The Divider component allows for customization of titles, styles, and display types, enhancing the visual effects and user experience of the interface",
          "en": "基础分割线, 主要用于布局中的分割，可支持水平、垂直以及特殊的放射类型。分割线构件允许自定义标题、样式及显示类型，增强了界面的视觉效果和用户体验"
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-divider[normal].d31aaf08744e31d5.svg",
        "bricks": [
          {
            "brick": "presentational-bricks.brick-divider",
            "properties": {
              "dividerTitle": "标题",
              "orientation": "center"
            }
          }
        ]
      },
      {
        "brick": "presentational-bricks.brick-divider"
      },
      {
        "brick": "div",
        "properties": {
          "style": {
            "display": "grid",
            "gridAutoFlow": "column",
            "justifyContent": "left",
            "alignItems": "center"
          }
        },
        "slots": {
          "": {
            "type": "bricks",
            "bricks": [
              {
                "brick": "presentational-bricks.brick-link",
                "properties": {
                  "label": "Link1"
                }
              },
              {
                "brick": "presentational-bricks.brick-divider",
                "properties": {
                  "type": "vertical"
                }
              },
              {
                "brick": "presentational-bricks.brick-link",
                "properties": {
                  "label": "Link2"
                }
              }
            ]
          }
        }
      },
      {
        "brick": "presentational-bricks.brick-divider",
        "properties": {
          "dividerTitle": "标题"
        }
      },
      {
        "brick": "presentational-bricks.brick-divider",
        "properties": {
          "dividerTitle": "标题",
          "orientation": "left"
        }
      },
      {
        "brick": "presentational-bricks.brick-divider",
        "properties": {
          "dividerTitle": "标题",
          "type": "radiation",
          "proportion": [
            1,
            3
          ]
        },
        "description": {
          "title": "type为 `radiation`类型",
          "message": "符合一些特定的场景下使用，该样式目前不支持`orientation`、`dividerStyle`、`plain`这些样式，`proportion`适合数值显示场景下使用"
        }
      }
    ],
    "previewColumns": 2,
    "doc": {
      "id": "presentational-bricks.brick-divider",
      "name": "presentational-bricks.brick-divider",
      "dockind": "brick",
      "description": "分割线",
      "author": "dophi",
      "slots": null,
      "history": [
        {
          "version": "1.60.0",
          "change": "新属性 `dividerTitle` 和 `orientation`"
        },
        {
          "version": "1.204.0",
          "change": " 新属性 `plain` 和 `type`增加`radiation`"
        }
      ],
      "memo": "",
      "properties": [
        {
          "name": "dividerTitle",
          "type": "string",
          "required": "false",
          "description": "标题",
          "group": "basic"
        },
        {
          "name": "type",
          "type": "\"horizontal\" | \"vertical\" | \"radiation\"",
          "required": "false",
          "default": "\"horizontal\"",
          "description": "水平|垂直|放射类型,注意`radiation`是个特殊的类型，该样式是特定的",
          "group": "basic"
        },
        {
          "name": "dashed",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "是否虚线",
          "group": "basic"
        },
        {
          "name": "dividerStyle",
          "type": "CSSProperties",
          "required": "false",
          "description": "分割线自定义样式",
          "group": "basic"
        },
        {
          "name": "orientation",
          "type": "\"center\" | \"left\" | \"right\"",
          "required": "false",
          "default": "\"center\"",
          "description": "标题位置",
          "group": "basic"
        },
        {
          "name": "plain",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "文字是否显示为普通正文样式",
          "group": "ui"
        },
        {
          "name": "proportion",
          "type": "number[]",
          "required": "false",
          "description": "当用于数值显示的情况，eg: 如果要展示\"1/3\"，那么传入就是[1,3], 该字段只适配于 type 为 `radiation`",
          "group": "basic"
        }
      ],
      "interface": []
    }
  },
  {
    "storyId": "presentational-bricks.brick-general-search",
    "category": "interact-basic",
    "type": "brick",
    "author": "lynette",
    "text": {
      "en": "general search",
      "zh": "搜索框"
    },
    "description": {
      "en": "search input, it offers various events which cater to different scenarios and user interactions,The UI can be customized with options for size, shape, input style, button style, and more",
      "zh": "搜索框，具备多种事件处理功能以适应不同的场景和用户交互需求,此外，界面样式可以通过大小、形状、输入框样式和按钮样式等进行自定义"
    },
    "icon": {
      "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-general-search.5fb9346b08821b50.svg"
    },
    "conf": [
      {
        "snippetId": "presentational-bricks.brick-general-search[not-update-url]",
        "title": {
          "en": "Search input(not update url)",
          "zh": "搜索框(不更新url)"
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-general-search[not-update-url].a5cd4c7c650934ab.svg",
        "bricks": [
          {
            "brick": "presentational-bricks.brick-general-search",
            "properties": {
              "placeholder": "搜索不更新 url 参数",
              "shouldUpdateUrlParams": false,
              "shouldTrimQuery": true
            },
            "events": {
              "query.change": [
                {
                  "action": "console.log"
                }
              ],
              "filter.update": [
                {
                  "action": "console.log"
                }
              ]
            }
          }
        ]
      },
      {
        "snippetId": "presentational-bricks.brick-general-search[update-url]",
        "title": {
          "en": "Search input(update url)",
          "zh": "搜索框(更新url)"
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-general-search[update-url].86499dc59a252444.svg",
        "bricks": [
          {
            "brick": "presentational-bricks.brick-general-search",
            "properties": {
              "placeholder": "搜索更新 url 参数",
              "defaultArgs": [
                {
                  "field": "name",
                  "value": "xxxx"
                }
              ],
              "shouldUpdateUrlParams": true,
              "shouldTrimQuery": true
            },
            "events": {
              "query.change": [
                {
                  "action": "console.log"
                }
              ],
              "filter.update": [
                {
                  "action": "console.log"
                }
              ]
            }
          }
        ]
      }
    ],
    "doc": {
      "id": "presentational-bricks.brick-general-search",
      "name": "presentational-bricks.brick-general-search",
      "editor": "shared-editors.general-search--editor",
      "dockind": "brick",
      "description": "搜索框，满足大部分的搜索需求",
      "author": "lynette",
      "slots": null,
      "history": [
        {
          "version": "1.180.0",
          "change": "新增事件 `query.change.v2`,新增属性 `debounceTime`"
        },
        {
          "version": "1.68.0",
          "change": "新增属性 `qField`"
        }
      ],
      "memo": "",
      "properties": [
        {
          "name": "placeholder",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "提示语",
          "group": "basic"
        },
        {
          "name": "q",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "输入的搜索关键字，常用于回填搜索框，如\\${query.q}",
          "group": "basic"
        },
        {
          "name": "defaultArgs",
          "type": "{field: string;value: any;}[]",
          "required": "false",
          "default": "-",
          "description": "进行搜索的时候需重置的其他默认参数，如[{\"field\": \"page\", \"value\": 1}]即表示搜索的时候需要把页码重置成 1",
          "group": "basic"
        },
        {
          "name": "shouldUpdateUrlParams",
          "type": "boolean",
          "required": "false",
          "default": "true",
          "description": "是否更新 url 参数",
          "group": "advanced"
        },
        {
          "name": "shouldTrimQuery",
          "type": "boolean",
          "required": "false",
          "default": "true",
          "description": "是否对输入框剔除前后空格",
          "group": "advanced"
        },
        {
          "name": "qField",
          "type": "string",
          "required": "false",
          "default": "\"q\"",
          "description": "当 `shouldUpdateUrlParams` 为真时，将以该值为 key 更新到 url 上",
          "group": "advanced"
        },
        {
          "name": "disableAutofocus",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "是否禁用自动聚焦",
          "group": "advanced"
        },
        {
          "name": "searchType",
          "type": "\"all\"|\"ip\"",
          "required": "false",
          "default": "'all'",
          "description": "搜索类型",
          "group": "advanced"
        },
        {
          "name": "searchTypeEnabled",
          "type": "boolean",
          "required": "false",
          "description": "是否支持ip搜索",
          "group": "basic"
        },
        {
          "name": "debounceTime",
          "type": "number",
          "required": "false",
          "default": "0",
          "description": "默认延迟时间",
          "group": "advanced"
        },
        {
          "name": "size",
          "type": "Size",
          "required": "false",
          "default": "default",
          "description": "尺寸大小，可选`default、small、large、extraLarge`",
          "enums": "\"small\"|\"default\"|\"large\"|\"extraLarge\"",
          "group": "ui"
        },
        {
          "name": "shape",
          "type": "Shape",
          "required": "false",
          "default": "default",
          "description": "形状，可选`default、round`",
          "enums": "\"round\"|\"default\";",
          "group": "ui"
        },
        {
          "name": "inputStyle",
          "type": "Record<string,any>",
          "required": "false",
          "default": "-",
          "description": "输入框样式",
          "group": "ui"
        },
        {
          "name": "buttonStyle",
          "type": "Record<string,any>",
          "required": "false",
          "default": "-",
          "description": "按钮样式",
          "group": "ui"
        },
        {
          "name": "searchBoxStyleType",
          "type": "\"defalut\"|\"round\"",
          "required": "true",
          "default": "\"defalut\"",
          "description": "按类型搜索框样式",
          "enums": "\"defalut\"|\"round\"",
          "group": "ui"
        },
        {
          "name": "allowClear",
          "type": "boolean",
          "required": false,
          "description": "可以点击清除图标删除内容",
          "group": "ui"
        },
        {
          "name": "bordered",
          "type": "boolean",
          "required": false,
          "default": "true",
          "description": "非IP搜索的情况下，是否有边框",
          "group": "ui"
        },
        {
          "name": "alwaysFoucus",
          "type": "boolean",
          "required": false,
          "description": "是否总是聚焦输入框",
          "group": "ui"
        },
        {
          "name": "field",
          "type": "string",
          "required": "false",
          "default": "query",
          "deprecated": true,
          "description": "[已废弃]filter.update 中 detail 的字段名"
        },
        {
          "name": "customSearchTypeOptions",
          "type": "{ label: string; value: string }[]",
          "required": false
        }
      ],
      "events": [
        {
          "type": "input.blur",
          "detail": "string",
          "description": "失焦时触发, 而且会传出当前输入框当前值"
        },
        {
          "type": "filter.update",
          "detail": "Record<string,any>",
          "description": "更新的数据，包括 defaultArgs 和输入框的组合，注意在事件中 q 的 field 为 query。点击搜索时触发"
        },
        {
          "type": "query.change",
          "detail": "string",
          "description": "输入的搜索字符，输入变化时触发"
        },
        {
          "type": "query.change.v2",
          "detail": "{q:string}",
          "description": "当搜索框的值变化时发出的事件，事件内容为{q: value}，其中 value 为输入的字符。可直接和 brick-table 的前端搜索方法 filterSourceData 搭配使用。"
        },
        {
          "type": "search.type.change",
          "detail": "string",
          "description": "搜索类型变化时触发"
        }
      ],
      "interface": [
        {
          "name": "Shape",
          "typeParameter": null,
          "kind": "type",
          "description": "",
          "type": "\"round\" | \"default\""
        },
        {
          "name": "Size",
          "typeParameter": null,
          "kind": "type",
          "description": "",
          "type": "\"small\" | \"default\" | \"large\" | \"extraLarge\""
        }
      ]
    }
  },
  {
    "storyId": "presentational-bricks.brick-humanize-time",
    "category": "data-transform",
    "type": "brick",
    "author": "ice",
    "text": {
      "en": "a versatile component designed for displaying time in a human-readable format within a front-end application. It accepts a timestamp or a string value and offers various configurations to tailor the output according to different needs",
      "zh": "以易于理解的方式显示时间信息的多功能构件。它接收时间戳或字符串值，并提供了多种配置选项，以根据不同需求定制输出"
    },
    "description": {
      "en": "1h ago",
      "zh": "如：3天前、过去2小时等。也可显示消耗时间，如1小时2分钟，也可显示为链接"
    },
    "icon": {
      "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-humanize-time.9a6be44ba10e1ceb.svg"
    },
    "conf": [
      {
        "snippetId": "presentational-bricks.brick-humanize-time[full]",
        "title": {
          "en": "Humanize time(full)",
          "zh": "人性化时间展示(完整)"
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-humanize-time[full].7a0d963c92a4fdfd.svg",
        "bricks": [
          {
            "brick": "presentational-bricks.brick-humanize-time",
            "properties": {
              "value": 1571017058,
              "formatter": "full"
            }
          }
        ]
      },
      {
        "snippetId": "presentational-bricks.brick-humanize-time[accurate]",
        "title": {
          "en": "Humanize time(accurate)",
          "zh": "人性化时间展示(精确)"
        },
        "bricks": [
          {
            "brick": "presentational-bricks.brick-humanize-time",
            "properties": {
              "value": 1571017058,
              "formatter": "accurate",
              "isCostTime": true
            }
          }
        ],
        "thumbnail": "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20width%3D%22105px%22%20height%3D%2255px%22%20viewBox%3D%220%200%20105%2055%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%20%20%20%20%3Ctitle%3Epresentational-bricks.brick-humanize-time%5Baccurate%5D%3C%2Ftitle%3E%20%20%20%20%3Cg%20id%3D%22snippet%E6%88%AA%E5%9B%BE%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22snippet%22%20transform%3D%22translate%28-6370.000000%2C%20-246.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22presentational-bricks.brick-humanize-time%5Baccurate%5D%22%20transform%3D%22translate%286370.000000%2C%20246.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22%E7%9F%A9%E5%BD%A2%E5%A4%87%E4%BB%BD-9%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22105%22%20height%3D%2255%22%20rx%3D%224%22%3E%3C%2Frect%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20id%3D%22606%E4%B8%AA%E6%9C%883%E5%A4%A9%22%20font-family%3D%22PingFangSC-Medium%2C%20PingFang%20SC%22%20font-size%3D%2214%22%20font-weight%3D%22400%22%20line-spacing%3D%2222%22%20fill%3D%22%23262626%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ctspan%20x%3D%2215.2%22%20y%3D%2231%22%3E606%E4%B8%AA%E6%9C%883%E5%A4%A9%3C%2Ftspan%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Ftext%3E%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E"
      },
      {
        "snippetId": "presentational-bricks.brick-humanize-time[relative]",
        "title": {
          "en": "Humanize time(relative)",
          "zh": "人性化时间展示(相对)"
        },
        "thumbnail": "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20width%3D%22105px%22%20height%3D%2255px%22%20viewBox%3D%220%200%20105%2055%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%20%20%20%20%3Ctitle%3Epresentational-bricks.brick-humanize-time%5Brelative%5D%3C%2Ftitle%3E%20%20%20%20%3Cg%20id%3D%22snippet%E6%88%AA%E5%9B%BE%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22%E7%94%BB%E6%9D%BF%22%20transform%3D%22translate%28-403.000000%2C%20-36.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22presentational-bricks.brick-humanize-time%5Brelative%5D%22%20transform%3D%22translate%28403.000000%2C%2036.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22%E7%9F%A9%E5%BD%A2%E5%A4%87%E4%BB%BD-22%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22105%22%20height%3D%2255%22%20rx%3D%224%22%3E%3C%2Frect%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20id%3D%22%E4%B8%89%E5%B9%B4%E5%89%8D%22%20fill%3D%22%23778DC3%22%20fill-rule%3D%22nonzero%22%20font-family%3D%22PingFang-SC-Medium%2C%20PingFang%20SC%22%20font-size%3D%2220%22%20font-weight%3D%22400%22%20letter-spacing%3D%225%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ctspan%20x%3D%2215%22%20y%3D%2234%22%3E%E4%B8%89%E5%B9%B4%E5%89%8D%3C%2Ftspan%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Ftext%3E%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E",
        "bricks": [
          {
            "brick": "presentational-bricks.brick-humanize-time",
            "properties": {
              "value": 1571017058000,
              "isMillisecond": true,
              "formatter": "relative"
            }
          }
        ]
      },
      {
        "snippetId": "presentational-bricks.brick-humanize-time[cost]",
        "title": {
          "en": "Humanize time(cost)",
          "zh": "人性化时间展示(耗时)"
        },
        "bricks": [
          {
            "brick": "presentational-bricks.brick-humanize-time",
            "properties": {
              "value": 1000,
              "formatter": "relative",
              "isCostTime": true
            }
          }
        ],
        "thumbnail": "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20width%3D%22105px%22%20height%3D%2255px%22%20viewBox%3D%220%200%20105%2055%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%20%20%20%20%3Ctitle%3Epresentational-bricks.brick-humanize-time%5Bcost%5D%3C%2Ftitle%3E%20%20%20%20%3Cg%20id%3D%22snippet%E6%88%AA%E5%9B%BE%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22snippet%22%20transform%3D%22translate%28-6370.000000%2C%20-350.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22presentational-bricks.brick-humanize-time%5Bcost%5D%22%20transform%3D%22translate%286370.000000%2C%20350.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22%E7%9F%A9%E5%BD%A2%E5%A4%87%E4%BB%BD-9%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22105%22%20height%3D%2255%22%20rx%3D%224%22%3E%3C%2Frect%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20id%3D%223%E5%B9%B4%E5%89%8D%22%20font-family%3D%22PingFangSC-Medium%2C%20PingFang%20SC%22%20font-size%3D%2214%22%20font-weight%3D%22400%22%20line-spacing%3D%2222%22%20fill%3D%22%23262626%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ctspan%20x%3D%2233.8%22%20y%3D%2232%22%3E3%E5%B9%B4%E5%89%8D%3C%2Ftspan%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Ftext%3E%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E"
      },
      {
        "brick": "presentational-bricks.brick-humanize-time",
        "properties": {
          "value": 1571017058,
          "formatter": "full",
          "link": {
            "url": "/aaa/bbb",
            "target": "_blank"
          }
        }
      },
      {
        "brick": "presentational-bricks.brick-humanize-time",
        "properties": {
          "value": 0,
          "formatter": "full"
        }
      },
      {
        "snippetId": "presentational-bricks.brick-humanize-time[format]",
        "title": {
          "en": "Humanize time(format)",
          "zh": "人性化时间展示(格式化)"
        },
        "bricks": [
          {
            "brick": "presentational-bricks.brick-humanize-time",
            "properties": {
              "value": "2020-02-27 16:36",
              "inputFormat": "YYYY-MM-DD",
              "outputFormat": "YYYY-MM-DD"
            }
          }
        ],
        "thumbnail": "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20width%3D%22105px%22%20height%3D%2255px%22%20viewBox%3D%220%200%20105%2055%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%20%20%20%20%3Ctitle%3Epresentational-bricks.brick-humanize-time%5Bformat%5D%3C%2Ftitle%3E%20%20%20%20%3Cg%20id%3D%22snippet%E6%88%AA%E5%9B%BE%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22snippet%22%20transform%3D%22translate%28-6370.000000%2C%20-463.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22presentational-bricks.brick-humanize-time%5Bformat%5D%22%20transform%3D%22translate%286370.000000%2C%20463.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22%E7%9F%A9%E5%BD%A2%E5%A4%87%E4%BB%BD-9%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22105%22%20height%3D%2255%22%20rx%3D%224%22%3E%3C%2Frect%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20id%3D%222022-12-07%22%20font-family%3D%22PingFangSC-Medium%2C%20PingFang%20SC%22%20font-size%3D%2214%22%20font-weight%3D%22400%22%20line-spacing%3D%2222%22%20fill%3D%22%23262626%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ctspan%20x%3D%2212.617%22%20y%3D%2232%22%3E2022-12-07%3C%2Ftspan%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Ftext%3E%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E"
      }
    ],
    "previewColumns": 2,
    "doc": {
      "id": "presentational-bricks.brick-humanize-time",
      "name": "presentational-bricks.brick-humanize-time",
      "dockind": "brick",
      "description": "如：3天前、过去2小时等。也可显示消耗时间，如1小时2分钟，也可显示为链接",
      "author": "ice",
      "slots": null,
      "history": [
        {
          "version": "1.65.0",
          "change": "新属性 `inputFormat` 和 `outputFormat`"
        }
      ],
      "memo": "",
      "properties": [
        {
          "name": "value",
          "type": "number | string",
          "required": "false",
          "description": "时间截，或字符串，当为字符串时，应提供时间格式 `inputFormat`",
          "group": "basic"
        },
        {
          "name": "inputFormat",
          "type": "string",
          "required": "false",
          "description": "字符串的时间格式，如 \"YYYY-MM-DD\", [时间格式参照表](https://dayjs.gitee.io/docs/zh-CN/parse/string-format)",
          "group": "basic"
        },
        {
          "name": "outputFormat",
          "type": "string",
          "required": "false",
          "description": "展示时间格式，如 \"YYYY-MM-DD\"，当设置该属性时，属性 `formatter` 无效 [时间格式参照表](https://dayjs.gitee.io/docs/zh-CN/parse/string-format)",
          "group": "basic"
        },
        {
          "name": "isCostTime",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "是否展示为耗费时间，例如：'1 个月 20 天'",
          "group": "basic"
        },
        {
          "name": "dataSource",
          "type": "Record<string, any>",
          "required": "false",
          "description": "[已废弃]数据来源",
          "deprecated": true,
          "group": "other"
        },
        {
          "name": "fields",
          "type": "{ value: string }",
          "required": "false",
          "description": "[已废弃]字段映射, 跟 dataSource 一起使用来获得运行时对应字段的值",
          "deprecated": true,
          "group": "other"
        },
        {
          "name": "formatter",
          "type": "\"full\" | \"default\" | \"relative\" | \"future\" | \"accurate\" | \"auto\"",
          "required": "false",
          "description": "枚举值：full, default, relative, future, accurate, auto [类型链接](https://github.com/easyops-cn/next-libs/blob/207fe7ee3ac010ab860c23cd062216c8ca612f0c/libs/datetime/src/humanizeTime.ts#L9)",
          "group": "basic"
        },
        {
          "name": "isMillisecond",
          "type": "boolean",
          "required": true,
          "description": "value 值的单位是否为毫秒",
          "group": "advanced"
        },
        {
          "name": "isMicrosecond",
          "type": "boolean",
          "required": true,
          "description": "value 值的单位是否为毫秒（此处属性 id 写错，实际表达意义为 isMillisecond）",
          "deprecated": true
        },
        {
          "name": "link",
          "type": "LinkInfo",
          "required": "false",
          "description": "跳转链接，默认为空",
          "group": "advanced"
        }
      ],
      "interface": [
        {
          "name": "LinkInfo",
          "typeParameter": null,
          "kind": "interface",
          "children": [
            {
              "name": "detailUrlTemplate",
              "type": "string",
              "required": true,
              "description": ""
            },
            {
              "name": "target",
              "type": "string",
              "required": false,
              "description": ""
            }
          ],
          "indexSignature": []
        }
      ]
    }
  },
  {
    "storyId": "presentational-bricks.brick-input",
    "category": "interact-basic",
    "type": "brick",
    "author": "momo",
    "text": {
      "en": "input",
      "zh": "输入框"
    },
    "description": {
      "en": "input",
      "zh": "输入框，只发起事件不更新url，注意与brick-general-search的区别"
    },
    "icon": {
      "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-input.dc2ec5f46b5e2ae8.svg"
    },
    "conf": {
      "brick": "presentational-bricks.brick-input",
      "properties": {
        "dataset": {
          "testid": "basic-usage-demo"
        },
        "placeholder": "输入关键字搜索",
        "trigger": "change"
      },
      "events": {
        "input.emit": [
          {
            "action": "console.log"
          }
        ]
      }
    },
    "doc": {
      "id": "presentational-bricks.brick-input",
      "name": "presentational-bricks.brick-input",
      "editor": "forms.general-input--editor",
      "dockind": "brick",
      "description": "输入框，只发起事件不更新url，注意与brick-general-search的区别",
      "author": "momo",
      "slots": null,
      "history": [
        {
          "version": "1.58.0",
          "change": "新增 `debounceTime`、`value` 属性和 `input.change` 事件"
        }
      ],
      "memo": "",
      "properties": [
        {
          "name": "placeholder",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "输入提示语"
        },
        {
          "name": "trigger",
          "type": "\"change\" | \"enter\"",
          "required": "false",
          "default": "change",
          "description": "触发方式，可选`change、enter`"
        },
        {
          "name": "value",
          "type": "string",
          "required": "false",
          "default": "\"\"",
          "description": "搜索框的值"
        },
        {
          "name": "debounceTime",
          "type": "number",
          "required": "false",
          "default": "500",
          "description": "默认延迟时间"
        }
      ],
      "events": [
        {
          "type": "input.change",
          "detail": "Record<string,any>",
          "description": "当搜索框的值变化时发出的事件，事件内容为{q: value}，其中 value 为输入的字符"
        },
        {
          "type": "input.emit",
          "detail": "Record<string,any>",
          "description": "事件内容为{q: value}，其中 value 为输入的字符"
        }
      ],
      "interface": []
    }
  },
  {
    "storyId": "presentational-bricks.brick-link",
    "category": "text",
    "type": "brick",
    "author": "lynette",
    "text": {
      "en": "link",
      "zh": "链接"
    },
    "description": {
      "en": "Link component,it supports a variety of property configurations and event handling, making the creation and customization of links extremely convenient. The link component not only provides basic text and URL settings but also supports custom label colors, underlining, icons, and disabled states, among other UI features",
      "zh": "链接，该构件支持丰富的属性配置和事件处理，使得创建和定制链接变得极其便捷。链接构件不仅提供了基础的文字和URL设置，还支持自定义标签颜色、下划线显示、图标以及禁用状态等UI特性"
    },
    "icon": {
      "imgSrc": "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20width%3D%22105px%22%20height%3D%2255px%22%20viewBox%3D%220%200%20105%2055%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%20%20%20%20%3Ctitle%3Epresentational-bricks.brick-link%3C%2Ftitle%3E%20%20%20%20%3Cg%20id%3D%22nora%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22%E6%9E%84%E4%BB%B6%E6%A6%82%E8%A7%88%E5%9B%BE%E4%B8%80%22%20transform%3D%22translate%28-296.000000%2C%20-105.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22presentational-bricks.brick-link%22%20transform%3D%22translate%28296.000000%2C%20105.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22%E7%9F%A9%E5%BD%A2%E5%A4%87%E4%BB%BD-22%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22105%22%20height%3D%2255%22%20rx%3D%224%22%3E%3C%2Frect%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20id%3D%22%E9%93%BE%E6%8E%A5%22%20fill%3D%22%231A7AFF%22%20fill-rule%3D%22nonzero%22%20font-family%3D%22PingFang-SC-Medium%2C%20PingFang%20SC%22%20font-size%3D%2224%22%20font-weight%3D%22400%22%20letter-spacing%3D%226%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ctspan%20x%3D%2226%22%20y%3D%2236%22%3E%E9%93%BE%E6%8E%A5%3C%2Ftspan%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Ftext%3E%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E"
    },
    "conf": [
      {
        "snippetId": "presentational-bricks.brick-link[normal]",
        "title": {
          "zh": "通用链接",
          "en": ""
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-link[normal].91674a7d9ea56ede.svg",
        "bricks": [
          {
            "brick": "presentational-bricks.brick-link",
            "properties": {
              "dataset": {
                "testid": "basic-usage-demo"
              },
              "label": "aaa",
              "url": "/resources/123",
              "target": "_blank"
            }
          }
        ]
      },
      {
        "snippetId": "presentational-bricks.brick-link[outside]",
        "title": {
          "zh": "通用链接(外部跳转)",
          "en": ""
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-link[outside].e5e2fdb7e097f3e9.svg",
        "bricks": [
          {
            "brick": "presentational-bricks.brick-link",
            "properties": {
              "label": "外链跳转",
              "href": "https://www.baidu.com",
              "target": "_blank"
            }
          }
        ]
      },
      {
        "snippetId": "presentational-bricks.brick-link[with-icon-events]",
        "title": {
          "zh": "通用链接(带图标事件)",
          "en": ""
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-link[with-icon-events].b88744cc77dc9ca5.svg",
        "bricks": [
          {
            "brick": "presentational-bricks.brick-link",
            "properties": {
              "label": "查看",
              "icon": {
                "lib": "antd",
                "type": "file-search",
                "theme": "outlined"
              }
            },
            "events": {
              "link.click": {
                "action": "console.log"
              }
            }
          }
        ]
      },
      {
        "brick": "presentational-bricks.brick-link",
        "properties": {
          "label": "查看",
          "icon": {
            "lib": "antd",
            "type": "file-search",
            "theme": "outlined"
          }
        },
        "events": {
          "link.click": {
            "action": "console.log"
          }
        }
      },
      {
        "brick": "presentational-bricks.brick-link",
        "properties": {
          "label": "禁用时候的链接",
          "disabled": true,
          "tooltip": "提示"
        }
      },
      {
        "brick": "presentational-bricks.brick-link",
        "description": {
          "title": "文本链接，`type` 为 \"text\"",
          "message": "适用场景：不希望链接过于突出的情况下使用。"
        },
        "properties": {
          "label": "查看",
          "type": "text",
          "url": "/"
        }
      }
    ],
    "previewColumns": 2,
    "doc": {
      "id": "presentational-bricks.brick-link",
      "name": "presentational-bricks.brick-link",
      "dockind": "brick",
      "description": "将值渲染成跳转链接，支持url模板配置",
      "author": "lynette",
      "slots": null,
      "history": [
        {
          "version": "1.169.0",
          "change": "新增属性`type`"
        },
        {
          "version": "1.89.11",
          "change": "使用 `dataSource` 代替之前 `detail`"
        },
        {
          "version": "1.78.0",
          "change": "新增属性`detail`"
        },
        {
          "version": "1.73.0",
          "change": "新增属性`disabled`,`tooltip`,`notToJumpWhenEmpty`，新增事件`link.click`"
        }
      ],
      "memo": "",
      "properties": [
        {
          "name": "label",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "链接的文字",
          "group": "basic"
        },
        {
          "name": "url",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "链接的 URL",
          "group": "basic"
        },
        {
          "name": "href",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "是否使用原生 <a> 标签，通常用于外链的跳转",
          "group": "basic"
        },
        {
          "name": "target",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "当将其配置成 `_blank` 时，默认在 label 后添加 external-link-alt icon",
          "group": "basic"
        },
        {
          "name": "tooltip",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "提示",
          "group": "basic"
        },
        {
          "name": "tooltipProps",
          "type": "Record<string, any>",
          "required": "false",
          "default": "-",
          "description": "提示",
          "group": "basic"
        },
        {
          "name": "dataSource",
          "type": "Record<string, any>",
          "required": "false",
          "default": "-",
          "description": "`link.click` 事件传出的数据， 替代之前的 `detail`",
          "group": "basic"
        },
        {
          "name": "labelColor",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "label颜色",
          "group": "ui"
        },
        {
          "name": "underLine",
          "type": "boolean",
          "required": "false",
          "default": "-",
          "description": "鼠标进入label时显示下划线",
          "group": "ui"
        },
        {
          "name": "icon",
          "type": "MenuIcon",
          "required": "false",
          "default": "-",
          "description": "图标 [MenuIcon](http://docs.developers.easyops.cn/docs/brick-next/icon)",
          "group": "ui"
        },
        {
          "name": "disabled",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "是否禁用",
          "group": "basic"
        },
        {
          "name": "hideExternalIcon",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "是否隐藏target为_blank时label后的icon",
          "group": "ui"
        },
        {
          "name": "notToJumpWhenEmpty",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "url 为空时不跳转，但是会发出`link.click`点击事件",
          "group": "basic"
        },
        {
          "name": "type",
          "type": "\"link\" | \"text\"",
          "required": "false",
          "default": "link",
          "description": "链接类型：默认链接 - link 和 文本链接 - text",
          "group": "ui"
        },
        {
          "name": "iconAlign",
          "type": "\"left\" | \"right\"",
          "required": "false",
          "default": "left",
          "description": "链接图标位置：左边 - left 右边 - right",
          "group": "ui"
        },
        {
          "name": "native",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "[已废弃]是否使用原生 <a> 标签, 为了跟平台规范一致准备废弃该属性，统一采用 href 属性表示原生标签跳转。",
          "deprecated": true,
          "group": "basic"
        },
        {
          "name": "labelField",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "[已废弃]链接的文字在数据源上的字段",
          "deprecated": true,
          "group": "basic"
        },
        {
          "name": "detail",
          "type": "any",
          "required": "false",
          "default": "false",
          "description": "[已废弃]`link.click`事件的详情",
          "deprecated": true,
          "group": "basic"
        },
        {
          "name": "urlTemplate",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "[已废弃]链接的 URL 的模板，可使用 #{a.b} 的标记使用数据源里的属性值",
          "deprecated": true,
          "group": "basic"
        }
      ],
      "events": [
        {
          "type": "link.click",
          "detail": "Record<string, any>",
          "description": "点击 link 触发的事件，事件 detail 为传入的 dataSource"
        }
      ],
      "interface": []
    }
  },
  {
    "storyId": "presentational-bricks.brick-quick-entries",
    "category": "card-info",
    "type": "brick",
    "author": "cyril",
    "text": {
      "en": "brick quick entries",
      "zh": "快捷入口"
    },
    "description": {
      "en": "show multiple quick entries, which supports multi-column and multi-row layouts, suitable for creating quick entries, statistical cards, and more",
      "zh": "展示多个快捷入口，它支持多列多行的布局方式，可用于创建快捷入口、统计卡片等多种界面元素"
    },
    "icon": {
      "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-quick-entries.ae6d3c405710af94.svg"
    },
    "conf": [
      {
        "snippetId": "presentational-bricks.brick-quick-entries[normal]",
        "title": {
          "zh": "快速入口",
          "en": ""
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-quick-entries[normal].54e48ecfa5fcb233.svg",
        "bricks": [
          {
            "brick": "presentational-bricks.brick-quick-entries",
            "properties": {
              "row": 2,
              "column": 2,
              "links": [
                {
                  "icon": {
                    "lib": "antd",
                    "type": "number"
                  },
                  "text": "单值构件",
                  "target": "/developers/brick-book/atom/single-value"
                },
                {
                  "icon": {
                    "lib": "antd",
                    "type": "line-chart"
                  },
                  "text": "趋势图构件",
                  "target": "/developers/brick-book/atom/trend-chart"
                },
                {
                  "icon": {
                    "lib": "antd",
                    "type": "pie-chart"
                  },
                  "text": "饼图构件",
                  "target": "/developers/brick-book/atom/pie-chart"
                },
                {
                  "icon": {
                    "lib": "antd",
                    "type": "table"
                  },
                  "text": "多实例指标表",
                  "target": "developers/brick-book/business/instances-metrics-table"
                }
              ]
            }
          }
        ]
      },
      {
        "brick": "presentational-bricks.brick-quick-entries",
        "properties": {
          "row": 1,
          "column": 2,
          "useBrick": [
            {
              "brick": "general-charts.statistic-item",
              "properties": {
                "value": 25,
                "colorMap": [
                  {
                    "progress": 60,
                    "color": "blue"
                  },
                  {
                    "progress": 80,
                    "color": "orange"
                  },
                  {
                    "progress": 100,
                    "color": "green"
                  }
                ],
                "title": "事件评分",
                "description": "权重：80%"
              }
            },
            {
              "brick": "general-charts.statistic-item",
              "properties": {
                "value": 75,
                "colorMap": [
                  {
                    "progress": 60,
                    "color": "blue"
                  },
                  {
                    "progress": 80,
                    "color": "orange"
                  },
                  {
                    "progress": 100,
                    "color": "green"
                  }
                ],
                "title": "关联资源评分",
                "description": "权重：20%"
              }
            }
          ]
        }
      },
      {
        "snippetId": "presentational-bricks.brick-quick-entries[with-chart]",
        "message": {
          "zh": "结合图表使用,达到多图表效果",
          "en": ""
        },
        "title": {
          "zh": "快速入口(图表)",
          "en": ""
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-quick-entries[with-chart].c9b60f1693604f34.svg",
        "bricks": [
          {
            "description": {
              "title": "图表",
              "message": "结合图表使用,达到多图表效果"
            },
            "brick": "presentational-bricks.brick-quick-entries",
            "properties": {
              "row": 1,
              "column": 2,
              "useBrick": [
                {
                  "brick": "chart-v2.line-chart",
                  "events": {
                    "chart-v2.click": {
                      "action": "console.log"
                    }
                  },
                  "properties": {
                    "style": {
                      "padding": "0 20px"
                    },
                    "height": 250,
                    "xField": "month",
                    "yField": "temperature",
                    "groupField": "city",
                    "showPoint": true,
                    "data": [
                      {
                        "month": "Jan",
                        "city": "Tokyo",
                        "temperature": 7
                      },
                      {
                        "month": "Jan",
                        "city": "London",
                        "temperature": 3.9
                      },
                      {
                        "month": "Feb",
                        "city": "Tokyo",
                        "temperature": 6.9
                      },
                      {
                        "month": "Feb",
                        "city": "London",
                        "temperature": 4.2
                      },
                      {
                        "month": "Mar",
                        "city": "Tokyo",
                        "temperature": 9.5
                      },
                      {
                        "month": "Mar",
                        "city": "London",
                        "temperature": 5.7
                      },
                      {
                        "month": "Apr",
                        "city": "Tokyo",
                        "temperature": 14.5
                      },
                      {
                        "month": "Apr",
                        "city": "London",
                        "temperature": 8.5
                      },
                      {
                        "month": "May",
                        "city": "Tokyo",
                        "temperature": 18.4
                      },
                      {
                        "month": "May",
                        "city": "London",
                        "temperature": 11.9
                      },
                      {
                        "month": "Jun",
                        "city": "Tokyo",
                        "temperature": 21.5
                      },
                      {
                        "month": "Jun",
                        "city": "London",
                        "temperature": 15.2
                      },
                      {
                        "month": "Jul",
                        "city": "Tokyo",
                        "temperature": 25.2
                      },
                      {
                        "month": "Jul",
                        "city": "London",
                        "temperature": 17
                      },
                      {
                        "month": "Aug",
                        "city": "Tokyo",
                        "temperature": 26.5
                      },
                      {
                        "month": "Aug",
                        "city": "London",
                        "temperature": 16.6
                      },
                      {
                        "month": "Sep",
                        "city": "Tokyo",
                        "temperature": 23.3
                      },
                      {
                        "month": "Sep",
                        "city": "London",
                        "temperature": 14.2
                      },
                      {
                        "month": "Oct",
                        "city": "Tokyo",
                        "temperature": 18.3
                      },
                      {
                        "month": "Oct",
                        "city": "London",
                        "temperature": 10.3
                      },
                      {
                        "month": "Nov",
                        "city": "Tokyo",
                        "temperature": 13.9
                      },
                      {
                        "month": "Nov",
                        "city": "London",
                        "temperature": 6.6
                      },
                      {
                        "month": "Dec",
                        "city": "Tokyo",
                        "temperature": 9.6
                      },
                      {
                        "month": "Dec",
                        "city": "London",
                        "temperature": 4.8
                      }
                    ]
                  }
                },
                {
                  "brick": "chart-v2.line-chart",
                  "events": {
                    "chart-v2.click": {
                      "action": "console.log"
                    }
                  },
                  "properties": {
                    "style": {
                      "padding": "0 20px"
                    },
                    "height": 250,
                    "xField": "month",
                    "yField": "temperature",
                    "groupField": "city",
                    "showPoint": true,
                    "data": [
                      {
                        "month": "Jan",
                        "city": "Tokyo",
                        "temperature": 7
                      },
                      {
                        "month": "Jan",
                        "city": "London",
                        "temperature": 3.9
                      },
                      {
                        "month": "Feb",
                        "city": "Tokyo",
                        "temperature": 6.9
                      },
                      {
                        "month": "Feb",
                        "city": "London",
                        "temperature": 4.2
                      },
                      {
                        "month": "Mar",
                        "city": "Tokyo",
                        "temperature": 9.5
                      },
                      {
                        "month": "Mar",
                        "city": "London",
                        "temperature": 5.7
                      },
                      {
                        "month": "Apr",
                        "city": "Tokyo",
                        "temperature": 14.5
                      },
                      {
                        "month": "Apr",
                        "city": "London",
                        "temperature": 8.5
                      },
                      {
                        "month": "May",
                        "city": "Tokyo",
                        "temperature": 18.4
                      },
                      {
                        "month": "May",
                        "city": "London",
                        "temperature": 11.9
                      },
                      {
                        "month": "Jun",
                        "city": "Tokyo",
                        "temperature": 21.5
                      },
                      {
                        "month": "Jun",
                        "city": "London",
                        "temperature": 15.2
                      },
                      {
                        "month": "Jul",
                        "city": "Tokyo",
                        "temperature": 25.2
                      },
                      {
                        "month": "Jul",
                        "city": "London",
                        "temperature": 17
                      },
                      {
                        "month": "Aug",
                        "city": "Tokyo",
                        "temperature": 26.5
                      },
                      {
                        "month": "Aug",
                        "city": "London",
                        "temperature": 16.6
                      },
                      {
                        "month": "Sep",
                        "city": "Tokyo",
                        "temperature": 23.3
                      },
                      {
                        "month": "Sep",
                        "city": "London",
                        "temperature": 14.2
                      },
                      {
                        "month": "Oct",
                        "city": "Tokyo",
                        "temperature": 18.3
                      },
                      {
                        "month": "Oct",
                        "city": "London",
                        "temperature": 10.3
                      },
                      {
                        "month": "Nov",
                        "city": "Tokyo",
                        "temperature": 13.9
                      },
                      {
                        "month": "Nov",
                        "city": "London",
                        "temperature": 6.6
                      },
                      {
                        "month": "Dec",
                        "city": "Tokyo",
                        "temperature": 9.6
                      },
                      {
                        "month": "Dec",
                        "city": "London",
                        "temperature": 4.8
                      }
                    ]
                  }
                }
              ]
            }
          }
        ]
      },
      {
        "description": {
          "title": "data 传递给子构件数据",
          "message": "列如 agent-status 需要value 属性，可以通过 data + transform 传递"
        },
        "brick": "presentational-bricks.brick-quick-entries",
        "properties": {
          "row": 1,
          "column": 1,
          "data": {
            "value": "正常"
          },
          "useBrick": [
            {
              "brick": "presentational-bricks.agent-status",
              "transform": {
                "value": "@{value}"
              }
            }
          ]
        }
      }
    ],
    "previewColumns": 1,
    "doc": {
      "id": "presentational-bricks.brick-quick-entries",
      "name": "presentational-bricks.brick-quick-entries",
      "dockind": "brick",
      "description": "展示多个快捷入口",
      "author": "cyril",
      "slots": null,
      "history": [
        {
          "version": "1.145.4",
          "change": "删除 `mode` 属性"
        },
        {
          "version": "1.142.0",
          "change": "新增 `mode` 属性"
        },
        {
          "version": "1.122.0",
          "change": "新增 `useBrick` 和 `containerStyle` 属性"
        },
        {
          "version": "1.87.0",
          "change": "新增 `showCard` 属性"
        },
        {
          "version": "1.84.0",
          "change": "新增 `useBricks` 属性"
        }
      ],
      "memo": "```typescript\ndeclare type MenuIcon = AntdIcon | FaIcon | EasyopsIcon;\n\ninterface AntdIcon {\n  lib: \"antd\";\n  type: string;\n  theme?: ThemeType;\n}\n\ninterface FaIcon {\n  lib: \"fa\";\n  icon: IconName;\n  prefix?: IconPrefix;\n}\n\ninterface EasyopsIcon {\n  lib: \"easyops\";\n  icon: string;\n  category?: string;\n}\n```",
      "properties": [
        {
          "name": "column",
          "type": "number",
          "required": "false",
          "default": "1",
          "description": "列数"
        },
        {
          "name": "row",
          "type": "number",
          "required": "false",
          "default": "1",
          "description": "行数"
        },
        {
          "name": "links",
          "type": "LinkProps[]",
          "required": "false",
          "default": "[]",
          "description": "快捷入口设置"
        },
        {
          "name": "useBrick",
          "type": "[UseBrickConf](http://docs.developers.easyops.cn/docs/api-reference/brick-types.usebrickconf)",
          "required": "false",
          "default": "-",
          "description": "使用的子构件配置"
        },
        {
          "name": "data",
          "type": "any[]",
          "required": "false",
          "default": "-",
          "description": "传递给子构件的数据，应与 `useBrick` 一一对应"
        },
        {
          "name": "titleList",
          "type": "TitleConfig[]",
          "required": "false",
          "default": "-",
          "description": "为每个入口配置标题"
        },
        {
          "name": "showCard",
          "type": "boolean",
          "required": "false",
          "default": "true",
          "description": "是否显示卡片"
        },
        {
          "name": "divider",
          "type": "boolean",
          "required": "false",
          "default": "true",
          "description": "是否显示分隔线"
        },
        {
          "name": "containerStyle",
          "type": "CSSProperties",
          "required": "false",
          "default": "-",
          "description": "子项的容器的样式",
          "group": "advanced"
        },
        {
          "name": "mode",
          "type": "\"multiCardGeneral\" | \"multiCardNoLine\" | \"default\"",
          "required": "false",
          "default": "\"default\"",
          "description": "（已废弃）值为 `multiCardGeneral`或 `multiCardNoLine`时为多卡片模式，`multiCardGeneral` 含分隔线，`multiCardNoLine` 无分隔线，样例见构件统计卡片 `general-charts.statistic-card`",
          "deprecated": true,
          "group": "advanced"
        },
        {
          "name": "useBricks",
          "type": "[UseBrickConf](http://docs.developers.easyops.cn/docs/api-reference/brick-types.usebrickconf)",
          "required": "false",
          "default": "-",
          "description": "使用的子构件配置（已废弃，请使用 useBrick 替代）",
          "deprecated": true,
          "group": "advanced"
        }
      ],
      "events": [
        {
          "type": "title.icon.click",
          "detail": "any",
          "description": "节点弹窗内容项点击事件"
        }
      ],
      "interface": [
        {
          "name": "LinkProps",
          "typeParameter": null,
          "kind": "interface",
          "children": [
            {
              "name": "icon",
              "type": "MenuIcon",
              "required": true,
              "description": ""
            },
            {
              "name": "target",
              "type": "string",
              "required": true,
              "description": ""
            },
            {
              "name": "text",
              "type": "string",
              "required": true,
              "description": ""
            }
          ],
          "indexSignature": []
        },
        {
          "name": "TitleConfig",
          "typeParameter": null,
          "kind": "interface",
          "children": [
            {
              "name": "icon",
              "type": "MenuIcon",
              "required": false,
              "description": ""
            },
            {
              "name": "title",
              "type": "string",
              "required": false,
              "description": ""
            },
            {
              "name": "tooltip",
              "type": "string",
              "required": false,
              "description": ""
            },
            {
              "name": "value",
              "type": "string",
              "required": false,
              "description": ""
            }
          ],
          "indexSignature": []
        }
      ]
    }
  },
  {
    "storyId": "presentational-bricks.brick-rate",
    "category": "display-component",
    "type": "brick",
    "author": "astrid",
    "text": {
      "en": "rate",
      "zh": "评分"
    },
    "description": {
      "en": "allows users to rate or give feedback using a visually appealing interface. This component is designed to offer a variety of features including adjustable rating levels, customizable icons, and color-coding for each level",
      "zh": "户可通过它以直观的界面进行评分或反馈。此构件提供多种功能，包括可调整的评分等级、自定义图标以及为每个等级设置颜色编码"
    },
    "icon": {
      "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-rate.b5a1928a51396d67.svg"
    },
    "conf": [
      {
        "brick": "presentational-bricks.brick-rate",
        "properties": {
          "count": 5,
          "value": 3.5,
          "allowHalf": true,
          "disabled": false,
          "rateStyle": {
            "color": "var(--color-error)"
          }
        },
        "description": {
          "title": "基本",
          "message": "内容是普通的等级操作"
        }
      },
      {
        "brick": "presentational-bricks.brick-rate",
        "properties": {
          "count": 5,
          "value": 3.5,
          "allowHalf": true,
          "disabled": true,
          "type": "A",
          "rateStyle": {
            "color": "var(--color-error)"
          }
        },
        "description": {
          "title": "更多选项",
          "message": "图标可以替换成字符或者字母、数字"
        }
      },
      {
        "brick": "presentational-bricks.brick-rate",
        "properties": {
          "count": 3,
          "value": 3,
          "allowHalf": true,
          "disabled": true,
          "rateIcon": {
            "lib": "antd",
            "icon": "heart"
          },
          "colors": [
            "var(--color-warning)",
            "var(--palette-orange-6)",
            "var(--color-error)"
          ]
        },
        "description": {
          "title": "等级图标每一级可以对应不同颜色",
          "message": "等级图标每一级可以对应不同颜色，优先级高于rateStyle设置的color属性"
        }
      },
      {
        "brick": "presentational-bricks.brick-rate",
        "properties": {
          "count": 3,
          "value": 3,
          "allowHalf": true,
          "rateIcon": {
            "lib": "antd",
            "icon": "heart"
          },
          "colors": [
            "var(--color-warning)",
            "var(--palette-orange-6)",
            "var(--color-error)"
          ],
          "tooltips": [
            "第一级",
            "第二级",
            "第三级"
          ]
        },
        "description": {
          "title": "每级可定义提示信息"
        }
      }
    ],
    "previewColumns": 2,
    "doc": {
      "id": "presentational-bricks.brick-rate",
      "author": "astrid",
      "history": [
        {
          "version": "1.130.0",
          "change": " 新增构件 `presentational-bricks.brick-rate`"
        },
        {
          "version": "1.130.1",
          "change": " 构件功能优化"
        },
        {
          "version": "1.189.2",
          "change": " 可通过value属性，渲染构件值"
        },
        {
          "version": "1.196.0",
          "change": " 增加`tooltips`属性"
        }
      ],
      "dockind": "brick",
      "properties": [
        {
          "name": "count",
          "type": "number",
          "required": "false",
          "default": "3",
          "description": "等级级数"
        },
        {
          "name": "defaultValue",
          "type": "number",
          "required": "false",
          "default": "0",
          "description": "默认等级"
        },
        {
          "name": "value",
          "type": "number",
          "required": "false",
          "default": "-",
          "description": "当前等级值"
        },
        {
          "name": "disabled",
          "type": "boolean",
          "required": "false",
          "default": "true",
          "description": "是否禁用"
        },
        {
          "name": "allowHalf",
          "type": "boolean",
          "required": "false",
          "default": "-",
          "description": "是否允许半选"
        },
        {
          "name": "colors",
          "type": "`any[]`",
          "required": "false",
          "default": "-",
          "description": "等级颜色分类，每一级别对应的颜色"
        },
        {
          "name": "type",
          "type": "\"string\"",
          "required": "false",
          "default": "-",
          "description": "可选任意字符（非图标类）比如字母、数字、中文，表示等级图标"
        },
        {
          "name": "rateStyle",
          "type": "Record<string,any>",
          "required": "false",
          "default": "",
          "description": "设置样式"
        },
        {
          "name": "rateIcon",
          "type": "MenuIcon",
          "required": "false",
          "default": "-",
          "description": "等级icon，优先级高于type，支持[icon 图标库](developers/icon)，可直接复制图标图标的配置（antd、fa 及 easyops 三种库都支持），也可只取 icon 字段的值（仅支持 antd 库）。配置{ \"lib\": \"antd\", \"icon\": \"edit\" }与 \"edit\"等价"
        },
        {
          "name": "tooltips",
          "type": "string[]",
          "required": "false",
          "default": "-",
          "description": "自定义每项的提示信息"
        }
      ],
      "events": [
        {
          "type": "rate.change",
          "detail": "Record<number, any>"
        }
      ],
      "interface": []
    }
  },
  {
    "storyId": "presentational-bricks.brick-result",
    "category": "feedback-and-tooltip",
    "type": "brick",
    "author": "ice",
    "text": {
      "en": "Result",
      "zh": "结果提示"
    },
    "description": {
      "en": "offers a suite of feedback and tooltip components,including result status display, primary and secondary titles, custom icons, and illustration configurations",
      "zh": "提供了一系列的反馈和提示的构件，包括结果状态展示、主次标题、自定义图标及插画配置等。通过灵活配置`status`属性，可以轻松实现不同状态下的视觉展示，如成功、信息、警告以及404等状态"
    },
    "icon": {
      "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-result.db488ce6d801a224.svg"
    },
    "conf": [
      {
        "snippetId": "presentational-bricks.brick-result[success]",
        "title": {
          "zh": "成功结果",
          "en": ""
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-result[success].25356bb44e866d79.svg",
        "bricks": [
          {
            "brick": "presentational-bricks.brick-result",
            "properties": {
              "status": "success",
              "customTitle": "tool executed successfully"
            }
          }
        ]
      },
      {
        "snippetId": "presentational-bricks.brick-result[info]",
        "title": {
          "zh": "普通结果",
          "en": ""
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-result[info].91822dbecdeed35e.svg",
        "bricks": [
          {
            "brick": "presentational-bricks.brick-result",
            "properties": {
              "status": "info",
              "customTitle": "Today is Tuesday",
              "subTitle": "2019/10/29 21:35"
            }
          }
        ]
      },
      {
        "snippetId": "presentational-bricks.brick-result[warn]",
        "title": {
          "zh": "警告结果",
          "en": ""
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-result[warn].ad49875fa81d1e89.svg",
        "bricks": [
          {
            "brick": "presentational-bricks.brick-result",
            "properties": {
              "status": "warning",
              "customTitle": "Rainy day",
              "subTitle": "Tomorrow will be fine",
              "icon": "question"
            }
          }
        ]
      },
      {
        "snippetId": "presentational-bricks.brick-result[404-with-slot]",
        "title": {
          "zh": "404(with-slot)",
          "en": ""
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-result[404-with-slot].af1ac962ebd7ccdb.svg",
        "bricks": [
          {
            "brick": "presentational-bricks.brick-result",
            "properties": {
              "status": "404",
              "customTitle": "HTTP 404"
            },
            "slots": {
              "content": {
                "type": "bricks",
                "bricks": [
                  {
                    "brick": "div",
                    "properties": {
                      "style": {
                        "textAlign": "center"
                      },
                      "textContent": "This is a slot"
                    }
                  }
                ]
              }
            }
          }
        ]
      },
      {
        "brick": "presentational-bricks.brick-result",
        "slots": {
          "content": {
            "type": "bricks",
            "bricks": [
              {
                "brick": "div",
                "properties": {
                  "style": {
                    "textAlign": "center"
                  }
                },
                "slots": {
                  "": {
                    "type": "bricks",
                    "bricks": [
                      {
                        "brick": "span",
                        "properties": {
                          "textContent": "请前往 "
                        }
                      },
                      {
                        "brick": "a",
                        "properties": {
                          "textContent": "首页",
                          "href": "/next"
                        }
                      },
                      {
                        "brick": "span",
                        "properties": {
                          "textContent": " 进行创建"
                        }
                      }
                    ]
                  }
                }
              }
            ]
          }
        },
        "properties": {
          "status": "empty",
          "noSubTitle": true
        }
      },
      {
        "brick": "presentational-bricks.brick-result",
        "slots": {
          "content": {
            "type": "bricks",
            "bricks": [
              {
                "brick": "div",
                "properties": {
                  "style": {
                    "textAlign": "center"
                  },
                  "textContent": "搜索为空"
                }
              }
            ]
          }
        },
        "properties": {
          "status": "search-empty",
          "noSubTitle": true
        }
      },
      {
        "description": {
          "title": "自定义插画",
          "message": "status属性值设置成customize时为自定义插画模式，背景插画可通过`name`和`category`更改为插画库的图片，通过imageStyle修改插画样式,此时icon属性不生效"
        },
        "brick": "presentational-bricks.brick-result",
        "properties": {
          "noSubTitle": true,
          "status": "illustrations",
          "illustrationsConfig": {
            "name": "search-empty",
            "category": "default",
            "imageStyle": {
              "width": "250px"
            }
          }
        },
        "slots": {
          "content": {
            "bricks": [
              {
                "brick": "div",
                "properties": {
                  "style": {
                    "textAlign": "center"
                  },
                  "textContent": "搜索为空"
                }
              }
            ],
            "type": "bricks"
          }
        }
      }
    ],
    "previewColumns": 2,
    "doc": {
      "id": "presentational-bricks.brick-result",
      "name": "presentational-bricks.brick-result",
      "dockind": "brick",
      "description": "结果页面，支持三种状态类型：基础结果状态（success/error/info/warning/404/403/500）、空结果状态（empty/no-data/search-empty 等）和自定义插画状态（illustrations），可配置主标题、次标题、自定义图标及插画",
      "author": "ice",
      "slots": [
        {
          "name": "content",
          "description": " 提供 content 插槽，用于在结果页面下方放置自定义内容（如操作按钮、链接等）"
        }
      ],
      "history": [
        {
          "version": "1.54.0",
          "change": "新增状态，`EmptyResultStatus`, 与规范对齐"
        }
      ],
      "memo": "",
      "properties": [
        {
          "name": "status",
          "type": "BrickResultStatus | EmptyResultStatus | IllustrationsStatus",
          "required": "true",
          "default": "-",
          "description": "结果的状态，决定图标和颜色。支持三类值：BrickResultStatus（success/error/info/warning/404/403/500）显示 Ant Design 内置结果图标；EmptyResultStatus（empty/no-data/search-empty 等）显示空状态插画；设为 \"illustrations\" 时使用 illustrationsConfig 配置自定义插画。设置的值不符合任何类型时返回空元素",
          "group": "basic"
        },
        {
          "name": "customTitle",
          "type": "string",
          "required": "false",
          "description": "主标题文字",
          "group": "basic"
        },
        {
          "name": "subTitle",
          "type": "string",
          "required": "false",
          "description": "次标题文字",
          "group": "basic"
        },
        {
          "name": "icon",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "[自定义图标](https://ant.design/components/icon-cn/), 仅当 status 为 `BrickResultStatus` 时有效",
          "group": "ui"
        },
        {
          "name": "illustrationsConfig",
          "type": "IllustrationsConfig",
          "required": "false",
          "default": "{}",
          "description": "自定义插画配置，仅当 status 为 \"illustrations\" 时生效。可通过 name 和 category 指定插画库图片，size 控制尺寸（默认 middle），imageStyle 覆盖样式（不推荐）",
          "group": "other"
        },
        {
          "name": "useNewIllustration",
          "type": "boolean",
          "required": "false",
          "default": "true",
          "description": "是否使用新版插画替换插画库 default 分类下的图标，需配合特性开关 support-new-illustrations 及应用配置 supportNewIllustrations 启用",
          "group": "other"
        },
        {
          "name": "emptyResultSize",
          "type": "IconSize",
          "required": "false",
          "description": "空结果插画的尺寸，仅当 status 为 EmptyResultStatus 类型时生效，可选值：small/middle/large/xlarge/unset，默认 middle",
          "group": "other"
        }
      ],
      "interface": [
        {
          "name": "IllustrationsConfig",
          "typeParameter": null,
          "kind": "interface",
          "children": [
            {
              "name": "category",
              "type": "string",
              "required": false,
              "description": ""
            },
            {
              "name": "imageStyle",
              "type": "CSSProperties",
              "required": false,
              "description": ""
            },
            {
              "name": "name",
              "type": "string",
              "required": false,
              "description": ""
            },
            {
              "name": "size",
              "type": "IconSize",
              "required": false,
              "description": ""
            }
          ],
          "indexSignature": []
        },
        {
          "name": "BrickResultStatus",
          "typeParameter": null,
          "kind": "enum",
          "children": [
            {
              "name": "E403",
              "value": "\"403\"",
              "description": ""
            },
            {
              "name": "E404",
              "value": "\"404\"",
              "description": ""
            },
            {
              "name": "E500",
              "value": "\"500\"",
              "description": ""
            },
            {
              "name": "Error",
              "value": "\"error\"",
              "description": ""
            },
            {
              "name": "Info",
              "value": "\"info\"",
              "description": ""
            },
            {
              "name": "Success",
              "value": "\"success\"",
              "description": ""
            },
            {
              "name": "Warning",
              "value": "\"warning\"",
              "description": ""
            }
          ]
        },
        {
          "name": "EmptyResultStatus",
          "typeParameter": null,
          "kind": "enum",
          "children": [
            {
              "name": "BrowserTooOld",
              "value": "\"browser-too-old\"",
              "description": ""
            },
            {
              "name": "Empty",
              "value": "\"empty\"",
              "description": ""
            },
            {
              "name": "NoData",
              "value": "\"no-data\"",
              "description": ""
            },
            {
              "name": "NoHistoryVersion",
              "value": "\"no-history-version\"",
              "description": ""
            },
            {
              "name": "NoVisitRecord",
              "value": "\"no-visit-record\"",
              "description": ""
            },
            {
              "name": "SearchEmpty",
              "value": "\"search-empty\"",
              "description": ""
            },
            {
              "name": "WelcomeToCreate",
              "value": "\"welcome-to-create\"",
              "description": ""
            }
          ]
        },
        {
          "name": "IllustrationsStatus",
          "typeParameter": null,
          "kind": "type",
          "description": "",
          "type": "\"illustrations\""
        }
      ]
    }
  },
  {
    "storyId": "presentational-bricks.brick-table",
    "category": "table",
    "type": "brick",
    "author": "lynette",
    "text": {
      "en": "table",
      "zh": "表格"
    },
    "description": {
      "en": "It provides a visual representation of the components and their relationships,support sorting, searching, paging, custom operations, and other behaviors on data",
      "zh": "它提供了组件及其关系的可视化表示，包括创建自定义组件展示, 同时支持对数据进行排序、搜索、分页、自定义操作等行为"
    },
    "icon": {
      "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-table.5b56d2e2f447d2bb.svg"
    },
    "conf": [
      {
        "snippetId": "presentational-bricks.brick-table[normal]",
        "title": {
          "zh": "基础表格",
          "en": ""
        },
        "message": {
          "zh": "注意对表格数据进行筛选时，需将页码恢复为第一页",
          "en": ""
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-table[normal].ddee5069fb41259f.svg",
        "bricks": [
          {
            "description": {
              "title": "基础用法",
              "message": "注意对表格数据进行筛选时，需将页码恢复为第一页"
            },
            "brick": "presentational-bricks.brick-table",
            "properties": {
              "rowKey": "id",
              "showCard": false,
              "rowSelection": true,
              "hiddenColumns": [
                "name"
              ],
              "columns": [
                {
                  "title": "Name",
                  "dataIndex": "name",
                  "key": "name"
                },
                {
                  "title": "Age",
                  "dataIndex": "age",
                  "key": "age"
                },
                {
                  "dataIndex": "address",
                  "key": "address",
                  "headerBrick": {
                    "useBrick": {
                      "brick": "presentational-bricks.general-tooltip",
                      "properties": {
                        "icon": {
                          "lib": "fa",
                          "icon": "info-circle",
                          "color": "var(--color-secondary-text)"
                        },
                        "content": "这是一个 tooltips",
                        "text": "Address"
                      }
                    }
                  }
                },
                {
                  "title": "Tags",
                  "key": "tags",
                  "dataIndex": "tags",
                  "useBrick": {
                    "brick": "presentational-bricks.brick-tag",
                    "properties": {
                      "showCard": false,
                      "tagList": "<% DATA.cellData %>",
                      "configProps": {
                        "color": "var(--color-brand)"
                      }
                    }
                  }
                }
              ],
              "dataSource": {
                "list": [
                  {
                    "id": "1",
                    "name": "John Brown",
                    "age": 32,
                    "address": "New York No. 1 Lake Park",
                    "tags": [
                      "nice",
                      "good"
                    ]
                  },
                  {
                    "id": "2",
                    "name": "Jim Green",
                    "age": 42,
                    "address": "London No. 1 Lake Park",
                    "tags": [
                      "loser",
                      "bad"
                    ]
                  }
                ],
                "page": 1,
                "pageSize": 10,
                "total": 2
              }
            },
            "events": {
              "select.update": {
                "action": "console.log"
              },
              "select.update.args": {
                "action": "console.log"
              },
              "filter.update": {
                "action": "console.log"
              },
              "page.update": {
                "action": "console.log"
              }
            }
          }
        ]
      },
      {
        "snippetId": "presentational-bricks.brick-table[expand-and-sort]",
        "title": {
          "zh": "展开和排序",
          "en": ""
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-table[expand-and-sort].6290af02737e70db.svg",
        "bricks": [
          {
            "description": {
              "title": "展开和排序"
            },
            "brick": "presentational-bricks.brick-table",
            "properties": {
              "dataset": {
                "testid": "expandable-and-sortable-demo"
              },
              "shouldUpdateUrlParams": false,
              "frontSearch": true,
              "rowKey": "id",
              "expandedRowBrick": {
                "useBrick": {
                  "brick": "presentational-bricks.brick-table",
                  "properties": {
                    "dataSource": {
                      "list": "<% DATA.rowData.containerList %>"
                    },
                    "style": {
                      "background": "#f5f5f5"
                    },
                    "showCard": false,
                    "pagination": false,
                    "configProps": {
                      "bordered": false
                    },
                    "columns": [
                      {
                        "title": "容器名称",
                        "dataIndex": "name"
                      },
                      {
                        "title": "重启次数",
                        "dataIndex": "number"
                      },
                      {
                        "title": "操作",
                        "key": "operate",
                        "dataIndex": "operate",
                        "useBrick": {
                          "brick": "presentational-bricks.brick-link",
                          "properties": {
                            "dataSource": "<% DATA.rowData %>",
                            "notToJumpWhenEmpty": true,
                            "icon": {
                              "lib": "fa",
                              "icon": "tools",
                              "prefix": "fas"
                            }
                          },
                          "events": {
                            "link.click": {
                              "action": "console.log"
                            }
                          }
                        }
                      }
                    ]
                  }
                }
              },
              "columns": [
                {
                  "title": "Pod 名称",
                  "dataIndex": "name",
                  "sorter": true
                },
                {
                  "title": "状态",
                  "dataIndex": "status"
                },
                {
                  "title": "实例 IP",
                  "dataIndex": "ip"
                }
              ],
              "dataSource": {
                "list": [
                  {
                    "id": "1",
                    "name": "RG-deployment-1",
                    "ip": "192.168.100.1",
                    "status": "运行中",
                    "containerList": [
                      {
                        "name": "container-1",
                        "number": 1
                      },
                      {
                        "name": "container-2",
                        "number": 2
                      }
                    ]
                  },
                  {
                    "id": "3",
                    "name": "RG-deployment-3",
                    "ip": "192.168.100.3",
                    "status": "推出成功",
                    "containerList": [
                      {
                        "name": "container-5",
                        "number": 5
                      }
                    ]
                  },
                  {
                    "id": "2",
                    "name": "RG-deployment-2",
                    "ip": "192.168.100.2",
                    "status": "准备中",
                    "containerList": [
                      {
                        "name": "container-3",
                        "number": 3
                      },
                      {
                        "name": "container-4",
                        "number": 4
                      }
                    ]
                  }
                ],
                "page": 1,
                "pageSize": 10,
                "total": 3
              }
            },
            "events": {
              "sort.update": [
                {
                  "target": "#expandable-and-sortable-demo",
                  "properties": {
                    "expandedRowKeys": []
                  }
                }
              ],
              "row.expand": {
                "action": "console.log"
              },
              "expand.rows.change": {
                "action": "console.log"
              }
            }
          }
        ]
      },
      {
        "snippetId": "presentational-bricks.brick-table[expand-icon-demo]",
        "title": {
          "zh": "自定义展开图标",
          "en": ""
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-table[expand-icon-demo].4c823420a2fe3ff6.svg",
        "bricks": [
          {
            "description": {
              "title": "自定义展开图标"
            },
            "brick": "presentational-bricks.brick-table",
            "properties": {
              "dataset": {
                "testid": "customized-expand-icon-demo"
              },
              "rowKey": "id",
              "expandIcon": {
                "collapsedIcon": {
                  "lib": "fa",
                  "icon": "angle-double-up",
                  "prefix": "fas"
                },
                "expandedIcon": {
                  "lib": "fa",
                  "icon": "angle-double-down",
                  "prefix": "fas"
                }
              },
              "expandedRowBrick": {
                "useBrick": [
                  {
                    "brick": "presentational-bricks.card-item",
                    "properties": {
                      "style": {
                        "width": "100%"
                      },
                      "bordered": false,
                      "hoverable": false,
                      "configProps": {
                        "style": {
                          "background": "#fafafa"
                        }
                      },
                      "descMaxLine": 2,
                      "cardTitle": "next.easyops.cn",
                      "descriptionList": [
                        "协议：HTTP",
                        "监听端口：80"
                      ],
                      "cardLayoutType": "icon-align-left",
                      "iconColor": "cyan",
                      "hideDescCircle": true,
                      "icon": {
                        "lib": "fa",
                        "icon": "check-circle"
                      }
                    }
                  }
                ]
              },
              "expandIconAsCell": false,
              "expandIconColumnIndex": 3,
              "columns": [
                {
                  "title": "名称",
                  "dataIndex": "name"
                },
                {
                  "title": "所属资源池",
                  "dataIndex": "resourcePool"
                },
                {
                  "title": "路由地址",
                  "dataIndex": "ip"
                },
                {
                  "title": "转发规则",
                  "dataIndex": "rulesDesc"
                }
              ],
              "dataSource": {
                "list": [
                  {
                    "id": "1",
                    "name": "构建任务1",
                    "resourcePool": "pool1",
                    "ip": "105.33.44.123",
                    "rulesDesc": "点击查看两条转发规则",
                    "rules": [
                      {
                        "path": "/cmdb",
                        "service": "cmdb-service",
                        "port": 80
                      },
                      {
                        "path": "/tool",
                        "service": "tool",
                        "port": 80
                      }
                    ]
                  },
                  {
                    "id": "2",
                    "name": "构建任务2",
                    "resourcePool": "pool2",
                    "ip": "105.33.44.122",
                    "rulesDesc": "点击查看一条转发规则",
                    "rules": [
                      {
                        "path": "/topboard",
                        "service": "topboard",
                        "port": 80
                      }
                    ]
                  }
                ],
                "page": 1,
                "pageSize": 10,
                "total": 2
              }
            },
            "events": {
              "row.expand": {
                "action": "console.log"
              },
              "expand.rows.change": {
                "action": "console.log"
              }
            }
          }
        ]
      },
      {
        "snippetId": "presentational-bricks.brick-table[status-and-filter]",
        "title": {
          "zh": "单元格状态和筛选展示",
          "en": ""
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-table[status-and-filter].c6727a9c442494c4.svg",
        "bricks": [
          {
            "description": {
              "title": "单元格状态和筛选展示"
            },
            "brick": "presentational-bricks.brick-table",
            "properties": {
              "dataset": {
                "testid": "cell-status-and-filter-demo"
              },
              "rowKey": "id",
              "shouldUpdateUrlParams": false,
              "frontSearch": true,
              "filters": {
                "status": [
                  "failed",
                  "warning"
                ]
              },
              "columns": [
                {
                  "title": "分支",
                  "dataIndex": "branch",
                  "useBrick": {
                    "brick": "presentational-bricks.brick-link",
                    "properties": {
                      "label": "<% DATA.cellData %>"
                    }
                  },
                  "cellStatus": {
                    "dataIndex": "status",
                    "mapping": [
                      {
                        "value": "success",
                        "leftBorderColor": "green"
                      },
                      {
                        "value": "failed",
                        "leftBorderColor": "red"
                      },
                      {
                        "value": "warning",
                        "leftBorderColor": "orange"
                      }
                    ]
                  }
                },
                {
                  "title": "编号",
                  "dataIndex": "id"
                },
                {
                  "title": "流水线",
                  "dataIndex": "pipeline"
                },
                {
                  "title": "状态",
                  "dataIndex": "status",
                  "useBrick": {
                    "brick": "presentational-bricks.brick-value-mapping",
                    "properties": {
                      "showTagCircle": true,
                      "value": "<% DATA.cellData %>",
                      "mapping": {
                        "success": {
                          "color": "green"
                        },
                        "failed": {
                          "color": "red"
                        },
                        "warning": {
                          "color": "orange"
                        }
                      }
                    }
                  },
                  "filters": [
                    {
                      "text": "成功",
                      "value": "success"
                    },
                    {
                      "text": "失败",
                      "value": "failed"
                    },
                    {
                      "text": "警告",
                      "value": "warning"
                    }
                  ]
                }
              ],
              "dataSource": {
                "list": [
                  {
                    "id": "#7220",
                    "pipeline": "contract-center / build_giraffe_sdk",
                    "branch": "develop",
                    "status": "success"
                  },
                  {
                    "id": "#7221",
                    "pipeline": "container / demo",
                    "branch": "master",
                    "status": "failed"
                  },
                  {
                    "id": "#7222",
                    "pipeline": "container / table",
                    "branch": "feature",
                    "status": "warning"
                  }
                ],
                "page": 1,
                "pageSize": 10,
                "total": 3
              }
            },
            "events": {
              "select.update": {
                "action": "console.log"
              },
              "select.update.args": {
                "action": "console.log"
              },
              "filter.update": {
                "action": "console.log"
              },
              "page.update": {
                "action": "console.log"
              }
            }
          }
        ]
      },
      {
        "snippetId": "presentational-bricks.brick-table[tree]",
        "title": {
          "zh": "树形数据展示",
          "en": ""
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-table[tree].0ae6b7bc97efb1ba.svg",
        "bricks": [
          {
            "description": {
              "title": "树形数据展示"
            },
            "brick": "presentational-bricks.brick-table",
            "properties": {
              "dataset": {
                "testid": "tree-data-demo"
              },
              "rowKey": "id",
              "showHeaderExpandAll": true,
              "rowSelection": true,
              "columns": [
                {
                  "title": "Name",
                  "dataIndex": "name",
                  "key": "name"
                },
                {
                  "title": "Age",
                  "dataIndex": "age",
                  "key": "age"
                },
                {
                  "title": "Address",
                  "dataIndex": "address",
                  "key": "address"
                },
                {
                  "title": "Tags",
                  "key": "tags",
                  "dataIndex": "tags",
                  "useBrick": {
                    "brick": "presentational-bricks.brick-tag",
                    "properties": {
                      "tagList": "<% DATA.cellData %>",
                      "showCard": false,
                      "configProps": {
                        "color": "var(--color-brand)"
                      }
                    }
                  }
                },
                {
                  "title": "操作",
                  "key": "operate",
                  "dataIndex": "operate",
                  "useBrick": [
                    {
                      "brick": "presentational-bricks.brick-link",
                      "properties": {
                        "dataSource": "<% DATA.rowData %>",
                        "notToJumpWhenEmpty": true,
                        "label": "查看"
                      },
                      "events": {
                        "link.click": {
                          "action": "console.log"
                        }
                      }
                    },
                    {
                      "brick": "presentational-bricks.brick-link",
                      "properties": {
                        "dataSource": "<% DATA.rowData %>",
                        "notToJumpWhenEmpty": true,
                        "label": "订阅警报",
                        "style": {
                          "marginLeft": "8px"
                        }
                      },
                      "events": {
                        "link.click": {
                          "action": "console.log"
                        }
                      }
                    },
                    {
                      "brick": "presentational-bricks.brick-link",
                      "properties": {
                        "dataSource": "<% DATA.rowData %>",
                        "notToJumpWhenEmpty": true,
                        "label": "删除",
                        "labelColor": "red",
                        "style": {
                          "marginLeft": "8px"
                        }
                      },
                      "events": {
                        "link.click": {
                          "action": "console.log"
                        }
                      }
                    }
                  ]
                }
              ],
              "defaultExpandAllRows": true,
              "dataSource": {
                "list": [
                  {
                    "id": "1",
                    "name": "John Brown sr.",
                    "age": 60,
                    "address": "New York No. 1 Lake Park",
                    "tags": [
                      "nice",
                      "good"
                    ],
                    "children": [
                      {
                        "id": "11",
                        "name": "John Brown",
                        "age": 50,
                        "address": "New York No. 2 Lake Park",
                        "tags": [
                          "nice",
                          "good"
                        ],
                        "children": [
                          {
                            "id": "111",
                            "name": "John Brown jr.",
                            "age": 25,
                            "address": "New York No. 3 Lake Park",
                            "tags": [
                              "nice",
                              "good"
                            ]
                          }
                        ]
                      },
                      {
                        "id": "22",
                        "name": "Jimmy Brown",
                        "age": 45,
                        "address": "New York No. 3 Lake Park",
                        "tags": [
                          "nice",
                          "good"
                        ]
                      }
                    ]
                  },
                  {
                    "id": "2",
                    "name": "Jim Green sr.",
                    "age": 72,
                    "address": "London No. 1 Lake Park",
                    "tags": [
                      "loser",
                      "bad"
                    ],
                    "children": [
                      {
                        "id": "dd",
                        "name": "Jim Green",
                        "age": 42,
                        "address": "London No. 1 Lake Park",
                        "tags": [
                          "nice",
                          "good"
                        ]
                      }
                    ]
                  },
                  {
                    "id": "3",
                    "name": "Joe Black",
                    "age": 32,
                    "address": "Sidney No. 1 Lake Park",
                    "tags": [
                      "teacher",
                      "lucky",
                      "lay"
                    ]
                  }
                ],
                "page": 1,
                "pageSize": 10,
                "total": 7
              }
            },
            "events": {
              "select.update": {
                "action": "console.log"
              }
            }
          }
        ]
      },
      {
        "snippetId": "presentational-bricks.brick-table[draggable-sort]",
        "title": {
          "zh": "拖动排序",
          "en": ""
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-table[draggable-sort].4bc713e982b36717.svg",
        "bricks": [
          {
            "description": {
              "title": "拖动排序"
            },
            "brick": "presentational-bricks.brick-table",
            "properties": {
              "dataset": {
                "testid": "draggable-sort-demo"
              },
              "rowKey": "id",
              "tableDraggable": true,
              "showCard": false,
              "rowSelection": true,
              "pagination": false,
              "columns": [
                {
                  "title": "包名称",
                  "dataIndex": "packageName"
                },
                {
                  "title": "部署路径",
                  "dataIndex": "installPath"
                },
                {
                  "title": "版本",
                  "dataIndex": "version"
                }
              ],
              "dataSource": {
                "list": [
                  {
                    "id": "1",
                    "packageName": "container",
                    "installPath": "/usr/local/easyops/container",
                    "version": "1.10.0"
                  },
                  {
                    "id": "2",
                    "packageName": "webshell",
                    "installPath": "/usr/local/easyops/webshell",
                    "version": "1.0.0"
                  },
                  {
                    "id": "3",
                    "packageName": "nginx",
                    "installPath": "/usr/local/easyops/nginx",
                    "version": "3.6.0"
                  }
                ]
              }
            },
            "events": {
              "select.update": {
                "action": "console.log"
              },
              "row.drag": {
                "action": "console.log"
              }
            }
          }
        ]
      },
      {
        "snippetId": "presentational-bricks.brick-table[front-end-search]",
        "title": {
          "zh": "前端搜索",
          "en": ""
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-table[front-end-search].85d75476c6aaac91.svg",
        "message": {
          "zh": "前端搜索需要搭配构件的 `filterSourceData` 方法使用"
        },
        "bricks": [
          {
            "description": {
              "title": "前端搜索",
              "message": "前端搜索需要搭配构件的 `filterSourceData` 方法使用"
            },
            "brick": "basic-bricks.general-card",
            "properties": {
              "dataset": {
                "testid": "front-end-search-demo"
              }
            },
            "slots": {
              "content": {
                "type": "bricks",
                "bricks": [
                  {
                    "brick": "container-brick.search-bar",
                    "slots": {
                      "start": {
                        "type": "bricks",
                        "bricks": [
                          {
                            "brick": "presentational-bricks.brick-general-search",
                            "events": {
                              "query.change.v2": [
                                {
                                  "action": "console.log"
                                },
                                {
                                  "target": "#front-search-table",
                                  "method": "filterSourceData"
                                }
                              ]
                            },
                            "properties": {
                              "debounceTime": 200,
                              "placeholder": "输入关键字搜索",
                              "shouldTrimQuery": true,
                              "shouldUpdateUrlParams": false
                            }
                          }
                        ]
                      }
                    }
                  },
                  {
                    "brick": "presentational-bricks.brick-table",
                    "properties": {
                      "id": "front-search-table",
                      "dataset": {
                        "testid": "front-search-table"
                      },
                      "rowKey": "id",
                      "frontSearch": true,
                      "shouldUpdateUrlParams": false,
                      "showCard": false,
                      "rowSelection": true,
                      "pagination": false,
                      "frontSearchFilterKeys": [
                        "packageName"
                      ],
                      "columns": [
                        {
                          "title": "包名称",
                          "dataIndex": "packageName"
                        },
                        {
                          "title": "部署路径",
                          "dataIndex": "installPath"
                        },
                        {
                          "title": "版本",
                          "dataIndex": "version"
                        }
                      ],
                      "dataSource": {
                        "list": [
                          {
                            "id": "1",
                            "packageName": "container",
                            "installPath": "/usr/local/easyops/container",
                            "version": "1.10.0"
                          },
                          {
                            "id": "2",
                            "packageName": "webshell",
                            "installPath": "/usr/local/easyops/webshell",
                            "version": "1.0.0"
                          },
                          {
                            "id": "3",
                            "packageName": "nginx",
                            "installPath": "/usr/local/easyops/nginx",
                            "version": "3.6.0"
                          }
                        ]
                      }
                    },
                    "events": {
                      "select.update": {
                        "action": "console.log"
                      }
                    }
                  }
                ]
              }
            }
          }
        ]
      },
      {
        "snippetId": "presentational-bricks.brick-table[content-scroll]",
        "title": {
          "zh": "内容滚动",
          "en": ""
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-table[content-scroll].aa5b66a321575664.svg",
        "message": {
          "zh": "当宽度过小时，内容滑动显示"
        },
        "bricks": [
          {
            "description": {
              "title": "内容滚动",
              "message": "当宽度过小时，内容滑动显示"
            },
            "brick": "presentational-bricks.brick-table",
            "properties": {
              "dataset": {
                "testid": "scroll-demo"
              },
              "rowKey": "id",
              "columns": [
                {
                  "title": "包名称",
                  "dataIndex": "packageName"
                },
                {
                  "title": "部署路径",
                  "dataIndex": "installPath"
                },
                {
                  "title": "版本",
                  "dataIndex": "version"
                },
                {
                  "title": "描述",
                  "dataIndex": "description"
                }
              ],
              "scrollConfigs": {
                "x": true
              },
              "dataSource": {
                "list": [
                  {
                    "id": "1",
                    "packageName": "container",
                    "installPath": "/usr/local/easyops/container",
                    "version": "1.10.0",
                    "description": "some lonnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnng content"
                  },
                  {
                    "id": "2",
                    "packageName": "webshell",
                    "installPath": "/usr/local/easyops/webshell",
                    "version": "1.0.0",
                    "description": "some content"
                  },
                  {
                    "id": "3",
                    "packageName": "nginx",
                    "installPath": "/usr/local/easyops/nginx",
                    "version": "3.6.0",
                    "description": "some content"
                  }
                ]
              }
            },
            "events": {
              "select.update": {
                "action": "console.log"
              }
            }
          }
        ]
      },
      {
        "snippetId": "presentational-bricks.brick-table[columns-align]",
        "title": {
          "zh": "设置单元格内容垂直对齐方式",
          "en": ""
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-table[columns-align].1db7d948131eebc0.svg",
        "bricks": [
          {
            "description": {
              "title": "设置单元格内容垂直对齐方式"
            },
            "brick": "presentational-bricks.brick-table",
            "properties": {
              "columns": [
                {
                  "dataIndex": "time",
                  "title": "事件发生时间"
                },
                {
                  "dataIndex": "resource",
                  "title": "告警资源"
                },
                {
                  "dataIndex": "information",
                  "title": "事件信息"
                },
                {
                  "dataIndex": "count",
                  "title": "告警次数"
                }
              ],
              "dataSource": {
                "list": [
                  {
                    "containerList": [
                      {
                        "content": "18:32发生通知告警\n告警资源：manny的测试应用\n告警信息：detect_code: 0等于0\n告警首次发生时间：2021-01-04 14:26\n事件详情：http://YOUR-EASYOPS-HOST/next/resource-events/6006b522d221f4dec3525fa2/detail\n策略详情：http://YOUR-EASYOPS-HOST/next/resource-events/alert-config/alert-rule/5b3f99ecbac4c?objectId=APP\n18:32发生通知告警\n告警资源：manny的测试应用\n告警信息：detect_code: 0等于0\n告警首次发生时间：2021-01-04 14:26\n事件详情：http://YOUR-EASYOPS-HOST/next/resource-events/6006b522d221f4dec3525fa2/detail\n策略详情：http://YOUR-EASYOPS-HOST/next/resource-events/alert-config/alert-rule/5b3f99ecbac4c?objectId=APP\n18:32发生通知告警\n告警资源：manny的测试应用\n告警信息：detect_code: 0等于0\n告警首次发生时间：2021-01-04 14:26\n事件详情：http://YOUR-EASYOPS-HOST/next/resource-events/6006b522d221f4dec3525fa2/detail\n策略详情：http://YOUR-EASYOPS-HOST/next/resource-events/alert-config/alert-rule/5b3f99ecbac4c?objectId=APP\n18:32发生通知告警\n告警资源：manny的测试应用\n告警信息：detect_code: 0等于0\n告警首次发生时间：2021-01-04 14:26\n事件详情：http://YOUR-EASYOPS-HOST/next/resource-events/6006b522d221f4dec3525fa2/detail\n策略详情：http://YOUR-EASYOPS-HOST/next/resource-events/alert-config/alert-rule/5b3f99ecbac4c?objectId=APP",
                        "alertDims": "_job: 5b430a4f7af06\ndetectAgentId: 5b342abdf0801\ndetectAgentName: manny专用拨测机\ninstanceId: 59c3de7e651b9\nobjectId: APP\norg: 8888\nstepName: login",
                        "alertReceivers": "easyops\nmannyzheng\nmannytest"
                      }
                    ],
                    "id": "1",
                    "time": "2020/12/01",
                    "resource": "应用 -wimihe_test1959118717",
                    "information": "detect_code: 0等于0",
                    "count": 14497
                  },
                  {
                    "containerList": [
                      {
                        "content": "18:32发生通知告警\n告警资源：manny的测试应用\n告警信息：detect_code: 0等于0\n告警首次发生时间：2021-01-04 14:26\n事件详情：http://YOUR-EASYOPS-HOST/next/resource-events/6006b522d221f4dec3525fa2/detail\n策略详情：http://YOUR-EASYOPS-HOST/next/resource-events/alert-config/alert-rule/5b3f99ecbac4c?objectId=APP\n18:32发生通知告警\n告警资源：manny的测试应用\n告警信息：detect_code: 0等于0\n告警首次发生时间：2021-01-04 14:26\n事件详情：http://YOUR-EASYOPS-HOST/next/resource-events/6006b522d221f4dec3525fa2/detail\n策略详情：http://YOUR-EASYOPS-HOST/next/resource-events/alert-config/alert-rule/5b3f99ecbac4c?objectId=APP\n18:32发生通知告警\n告警资源：manny的测试应用\n告警信息：detect_code: 0等于0\n告警首次发生时间：2021-01-04 14:26\n事件详情：http://YOUR-EASYOPS-HOST/next/resource-events/6006b522d221f4dec3525fa2/detail\n策略详情：http://YOUR-EASYOPS-HOST/next/resource-events/alert-config/alert-rule/5b3f99ecbac4c?objectId=APP",
                        "alertDims": "_job: 5b430a4f7af06\ndetectAgentId: 5b342abdf0801\ndetectAgentName: manny专用拨测机\ninstanceId: 59c3de7e651b9\nobjectId: APP\norg: 8888\nstepName: login",
                        "alertReceivers": "easyops\nmannyzheng\nmannytest"
                      }
                    ],
                    "id": "3",
                    "time": "2020/12/01",
                    "resource": "应用 -manny的测试应用",
                    "information": "detect_code: 0等于0",
                    "count": 14497
                  },
                  {
                    "containerList": [
                      {
                        "content": "18:32发生通知告警\n告警资源：manny的测试应用\n告警信息：detect_code: 0等于0\n告警首次发生时间：2021-01-04 14:26\n事件详情：http://YOUR-EASYOPS-HOST/next/resource-events/6006b522d221f4dec3525fa2/detail\n策略详情：http://YOUR-EASYOPS-HOST/next/resource-events/alert-config/alert-rule/5b3f99ecbac4c?objectId=APP\n18:32发生通知告警\n告警资源：manny的测试应用\n告警信息：detect_code: 0等于0\n告警首次发生时间：2021-01-04 14:26\n事件详情：http://YOUR-EASYOPS-HOST/next/resource-events/6006b522d221f4dec3525fa2/detail\n策略详情：http://YOUR-EASYOPS-HOST/next/resource-events/alert-config/alert-rule/5b3f99ecbac4c?objectId=APP\n18:32发生通知告警\n告警资源：manny的测试应用\n告警信息：detect_code: 0等于0\n告警首次发生时间：2021-01-04 14:26\n事件详情：http://YOUR-EASYOPS-HOST/next/resource-events/6006b522d221f4dec3525fa2/detail\n策略详情：http://YOUR-EASYOPS-HOST/next/resource-events/alert-config/alert-rule/5b3f99ecbac4c?objectId=APP",
                        "alertDims": "_job: 5b430a4f7af06\ndetectAgentId: 5b342abdf0801\ndetectAgentName: manny专用拨测机\ninstanceId: 59c3de7e651b9\nobjectId: APP\norg: 8888\nstepName: login",
                        "alertReceivers": "easyops\nmannyzheng\nmannytest"
                      }
                    ],
                    "id": "2",
                    "time": "2020/12/01",
                    "resource": "应用 -app1780131078",
                    "information": "detect_code: 0等于0",
                    "count": 14497
                  }
                ],
                "page": 1,
                "pageSize": 10,
                "total": 3
              },
              "expandedRowBrick": {
                "useBrick": {
                  "brick": "presentational-bricks.brick-table",
                  "properties": {
                    "columns": [
                      {
                        "dataIndex": "content",
                        "title": "通知内容",
                        "useBrick": {
                          "brick": "presentational-bricks.markdown-display",
                          "properties": {
                            "value": "<% DATA.cellData || \"暂无数据\"  %>"
                          }
                        }
                      },
                      {
                        "dataIndex": "alertDims",
                        "width": 400,
                        "verticalAlign": "top",
                        "title": "告警维度",
                        "useBrick": {
                          "brick": "presentational-bricks.markdown-display",
                          "properties": {
                            "value": "<% DATA.cellData || \"暂无数据\"  %>"
                          }
                        }
                      },
                      {
                        "dataIndex": "alertReceivers",
                        "width": 150,
                        "verticalAlign": "top",
                        "title": "通知人",
                        "useBrick": {
                          "brick": "presentational-bricks.markdown-display",
                          "properties": {
                            "value": "<% DATA.cellData || \"暂无数据\"  %>"
                          }
                        }
                      }
                    ],
                    "pagination": false,
                    "configProps": {
                      "bordered": false
                    },
                    "showCard": false,
                    "style": {
                      "background": "#f5f5f5"
                    }
                  },
                  "transform": {
                    "dataSource": {
                      "list": "<% DATA.rowData.containerList %>"
                    }
                  }
                }
              },
              "expandIconAsCell": false,
              "expandIconColumnIndex": 2,
              "rowKey": "id"
            }
          }
        ]
      },
      {
        "snippetId": "presentational-bricks.brick-table[page-change-and-check]",
        "title": {
          "zh": "跨页勾选",
          "en": ""
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-table[page-change-and-check].876125c086979bb0.svg",
        "message": {
          "zh": "实现跨页勾选需要在url更新时不触发页面重新渲染，并在页码和页数变化的事件中手动触发数据源更新。"
        },
        "bricks": [
          {
            "description": {
              "title": "跨页勾选",
              "message": "实现跨页勾选需要在url更新时不触发页面重新渲染，并在页码和页数变化的事件中手动触发数据源更新。"
            },
            "brick": "div",
            "slots": {
              "": {
                "bricks": [
                  {
                    "brick": "presentational-bricks.brick-table",
                    "properties": {
                      "id": "t1",
                      "dataset": {
                        "testid": "basic-page-demo"
                      },
                      "showSelectInfo": true,
                      "page": "${query.page=1|number}",
                      "pageSize": "${query.page_size=10|number}",
                      "shouldUpdateUrlParams": true,
                      "shouldRenderWhenUrlParamsUpdate": false,
                      "rowSelection": true,
                      "rowKey": "name",
                      "columns": [
                        {
                          "title": "规则名称",
                          "dataIndex": "name",
                          "key": "name"
                        }
                      ]
                    },
                    "events": {
                      "select.update": [
                        {
                          "action": "console.log",
                          "args": [
                            "${EVENT.detail}"
                          ]
                        }
                      ],
                      "filter.update": [
                        {
                          "target": "#p1",
                          "method": "setArgsAndExecute",
                          "args": [
                            {
                              "0.page_size": "<% EVENT.detail.pageSize %>",
                              "0.page": 1
                            }
                          ]
                        }
                      ],
                      "page.update": [
                        {
                          "target": "#p1",
                          "method": "setArgsAndExecute",
                          "args": [
                            {
                              "0.page": "<% EVENT.detail.page %>"
                            }
                          ]
                        }
                      ]
                    },
                    "lifeCycle": {
                      "onPageLoad": [
                        {
                          "target": "#p1",
                          "method": "execute"
                        }
                      ]
                    }
                  },
                  {
                    "brick": "providers-of-permission.inheritance-api-search-rule",
                    "properties": {
                      "id": "p1",
                      "args": [
                        {
                          "page": "${QUERY.page=1|number}",
                          "page_size": "${QUERY.page_size=10|number}",
                          "sort": [
                            {
                              "key": "ctime",
                              "order": -1
                            }
                          ],
                          "fields": [
                            "*"
                          ],
                          "query": {
                            "name": {
                              "$like": "%${query.q}%"
                            }
                          }
                        }
                      ]
                    },
                    "events": {
                      "response.success": [
                        {
                          "target": "#t1",
                          "properties": {
                            "dataSource": "<% EVENT.detail %>"
                          }
                        }
                      ]
                    }
                  }
                ],
                "type": "bricks"
              }
            }
          }
        ]
      },
      {
        "snippetId": "presentational-bricks.brick-table[row-col-span]",
        "title": {
          "zh": "行列合并",
          "en": ""
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-table[row-col-span].262120855d6b09b5.svg",
        "bricks": [
          {
            "description": {
              "title": "行列合并"
            },
            "brick": "presentational-bricks.brick-table",
            "properties": {
              "dataset": {
                "testid": "row-col-span-demo"
              },
              "rowKey": "id",
              "childrenColumnName": "packages",
              "defaultExpandAllRows": true,
              "columns": [
                {
                  "dataIndex": "ip",
                  "title": "IP",
                  "useBrick": {
                    "brick": "span",
                    "properties": {
                      "textContent": "<% DATA.cellData || DATA.rowData.clusterName %>"
                    }
                  },
                  "colSpanKey": "ipColSpan",
                  "rowSpanKey": "ipRowSpan"
                },
                {
                  "dataIndex": "packageName",
                  "title": "包名称",
                  "colSpanKey": "nameColSpan"
                },
                {
                  "dataIndex": "installPath",
                  "title": "部署路径",
                  "colSpanKey": "pathColSpan"
                },
                {
                  "dataIndex": "version",
                  "title": "版本",
                  "colSpanKey": "versionColSpan"
                }
              ],
              "dataSource": {
                "list": [
                  {
                    "clusterName": "Lonnnnnnnnnnnnnnnnnnnnnnnnnng Cluster Name",
                    "id": "1",
                    "ipColSpan": 4,
                    "nameColSpan": 0,
                    "pathColSpan": 0,
                    "versionColSpan": 0,
                    "packages": [
                      {
                        "ip": "192.168.100.162",
                        "id": "1-1",
                        "installPath": "/usr/local/easyops/container",
                        "packageName": "container",
                        "version": "1.10.0"
                      },
                      {
                        "ip": "192.168.100.163",
                        "id": "1-2",
                        "installPath": "/usr/local/easyops/webshell",
                        "packageName": "webshell",
                        "version": "1.0.0",
                        "ipRowSpan": 2
                      },
                      {
                        "ip": "192.168.100.163",
                        "id": "1-3",
                        "installPath": "/usr/local/easyops/nginx",
                        "packageName": "nginx",
                        "version": "3.6.0",
                        "ipRowSpan": 0
                      }
                    ]
                  }
                ]
              }
            }
          }
        ]
      },
      {
        "snippetId": "presentational-bricks.brick-table[processor]",
        "title": {
          "zh": "使用processor",
          "en": ""
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-table[processor].cbf69e4505f39226.svg",
        "message": {
          "zh": "使用 flattenTreeDataListAndCalcRowSpan custom processor 平铺树形结构列表，并计算行合并, 使用的 `PROCESSORS` 加工函数，具体可查看 [Custom Processors](/next-docs/docs/brick-next/custom-processors)",
          "en": ""
        },
        "bricks": [
          {
            "description": {
              "title": "使用 flattenTreeDataListAndCalcRowSpan custom processor 平铺树形结构列表，并计算行合并",
              "message": "以上示例使用了 `PROCESSORS` 加工函数，具体可查看 [Custom Processors](/next-docs/docs/brick-next/custom-processors)"
            },
            "brick": "presentational-bricks.brick-table",
            "properties": {
              "dataset": {
                "testid": "processor-row-span-demo"
              },
              "rowKey": "id",
              "columns": [
                {
                  "dataIndex": "parentInChildKey1.value",
                  "title": "depth 0 value",
                  "rowSpanKey": "parentInChildKey1RowSpan"
                },
                {
                  "dataIndex": "parentInChildKey2.value",
                  "title": "depth 1 value",
                  "rowSpanKey": "parentInChildKey2RowSpan"
                },
                {
                  "dataIndex": "value",
                  "title": "value"
                }
              ],
              "dataSource": {
                "list": "<% PROCESSORS.presentationalBricks.flattenTreeDataListAndCalcRowSpan(\n          [\n            {\n              id: \"1\",\n              value: \"value 1\",\n              childrenKey1: [\n                {\n                  id: \"1-1\",\n                  value: \"value 1-1\",\n                  childrenKey2: [\n                    { id: \"1-1-1\", value: \"value 1-1-1\" },\n                    { id: \"1-1-2\", value: \"value 1-1-2\" },\n                  ],\n                },\n                {\n                  id: \"1-2\",\n                  value: \"value 1-2\",\n                  childrenKey2: [\n                    { id: \"1-2-1\", value: \"value 1-2-1\" },\n                    { id: \"1-2-2\", value: \"value 1-2-2\" },\n                  ],\n                },\n              ],\n            },\n            {\n              id: \"2\",\n              value: \"value 2\",\n              childrenKey1: [\n                {\n                  id: \"2-1\",\n                  value: \"value 2-1\",\n                  childrenKey2: [\n                    { id: \"2-1-1\", value: \"value 2-1-1\" },\n                    { id: \"2-1-2\", value: \"value 2-1-2\" },\n                  ],\n                },\n                {\n                  id: \"2-2\",\n                  value: \"value 2-2\",\n                  childrenKey2: [\n                    { id: \"2-2-1\", value: \"value 2-2-1\" },\n                    { id: \"2-2-2\", value: \"value 2-2-2\" },\n                  ],\n                },\n              ],\n            },\n          ],\n          {\n            flattenConfigs: [\n              { childrenKey: \"childrenKey1\", parentInChildKey: \"parentInChildKey1\" },\n              { childrenKey: \"childrenKey2\", parentInChildKey: \"parentInChildKey2\" },\n              { childrenKey: \"childrenKey3\", parentInChildKey: \"parentInChildKey3\" },\n            ],\n            omitChildrenInParent: true,\n          }\n        ) %>"
              }
            }
          }
        ]
      }
    ],
    "doc": {
      "id": "presentational-bricks.brick-table",
      "name": "presentational-bricks.brick-table",
      "dockind": "brick",
      "description": "当需要对数据进行排序、搜索、分页、自定义操作等复杂行为时",
      "groupI18N": {
        "paginationAndFilter": {
          "en": "Pagination/Order/Filter",
          "zh": "分页/排序及搜索"
        },
        "expand": {
          "en": "Expand/Collapse",
          "zh": "展开/折叠"
        },
        "rowSelection": {
          "en": "RowSelection",
          "zh": "行选择配置(rowSelection)"
        }
      },
      "author": "lynette",
      "slots": null,
      "history": [
        {
          "version": "1.257.2",
          "change": "新增 `select.row.keys.update`  事件"
        },
        {
          "version": "1.230.0",
          "change": "新增属性 `exactSearch` 在开启前端搜索的情况下可以配置精确搜索"
        },
        {
          "version": "1.168.0",
          "change": "新增属性 `optimizedColumns`"
        },
        {
          "version": "1.153.0",
          "change": "`columns` 属性新增 `headerBrick`、废弃 `titleUseBrick`"
        },
        {
          "version": "1.145.0",
          "change": "新增`stripEmptyExpandableChildren`属性"
        },
        {
          "version": "1.143.0",
          "change": "新增属性 `selectedRowKeys`"
        },
        {
          "version": "1.111.0",
          "change": "新增属性 `sortable`"
        },
        {
          "version": "1.105.0",
          "change": "新增属性 `zebraPattern` ，`columns` 属性新增 `titleUseBrick`"
        },
        {
          "version": "1.102.0",
          "change": "新增属性`hiddenColumns`"
        },
        {
          "version": "1.94.0",
          "change": "新增属性`tableDraggable`，预废弃属性 `draggable`"
        },
        {
          "version": "1.92.0",
          "change": "新增属性 `filters`"
        },
        {
          "version": "1.72.0",
          "change": "新增属性 `draggable`，新增事件`row.drag`"
        },
        {
          "version": "1.70.0",
          "change": "新增 `qField` 属性"
        },
        {
          "version": "1.68.0",
          "change": "新增属性 `childrenColumnName`、`selectAllChildren`"
        },
        {
          "version": "1.67.0",
          "change": "新增 `rowKey` 属性"
        },
        {
          "version": "1.63.0",
          "change": "新增行展开功能，新增属性`expandedRowBrick`,`expandedRowBrick`,`expandIconAsCell`,`expandIconColumnIndex`,`expandRowByClick`,`defaultExpandAllRows`,`expandedRowKeys`，新增事件`row.expand`,`expand.rows.change`"
        },
        {
          "version": "1.60.0",
          "change": "新增 `cellStatus` 属性"
        },
        {
          "version": "1.59.0",
          "change": "新增 `rowDisabledConfig` 属性"
        },
        {
          "version": "1.57.1",
          "change": "新增 `shouldUpdateUrlParams` 属性和 `sort.update` 事件"
        }
      ],
      "memo": "> Tips: 在 react 中，boolean 类型的值是合法的子元素，但是不会被渲染出来。如果希望 boolean 值在表格单元格中展示成 `true`|`false`，可以使用平台管道进行转换，例如`@{someProperties|string}`。更多场景下可以结合 [基本数值映射构件](developers/brick-book/brick/presentational-bricks.brick-value-mapping) 把 boolean 类型的值转换成有意义的文本进行展示。\n\n`<presentational-bricks.brick-table>` 为某列自定义展示构件传递的数据源为：\n\n| field       | type   | description |\n| ----------- | ------ | ----------- |\n| cellData    | any    | 单元格数据  |\n| rowData     | any    | 整行数据    |\n| columnIndex | number | 列序号      |\n\n`<presentational-bricks.brick-table>` 为自定义行展开的构件传递的数据源为：\n\n| field    | type   | description |\n| -------- | ------ | ----------- |\n| rowData  | any    | 整行数据    |\n| rowIndex | number | 行序号      |\n\n### pagination 默认配置\n\n如果不希望分页，如下设置即可：\n\n```\n{\n   \"pagination\": false\n}\n```\n\n如果希望覆盖默认配置，覆盖对应项即可，相关配置项具体查阅：[pagination](https://ant.design/components/pagination-cn/#API)\n\n```\n{\n  \"pagination\": {\n     \"pageSizeOptions\": [\"10\",\"100\",\"1000\"]\n   }\n}\n```\n\n| property        | type     | required | default            | description                           |\n| --------------- | -------- | -------- | ------------------ | ------------------------------------- |\n| current         | string   | -        | -                  | 页码，从 page properties 获取         |\n| pageSize        | string   | -        | -                  | 每页条数，从 pageSize properties 获取 |\n| total           | object   | -        | -                  | 总数，从 dataSource.total 获取        |\n| showSizeChanger | boolean  | -        | true               | 展示页码变化器                        |\n| pageSizeOptions | array    | -        | [\"10\", \"20\", \"50\"] | 每页条数选项                          |\n| showTotal       | function | -        | -                  | 渲染成\"共 xx 条\"                      |\n\n\n### rowSelection 默认配置\n\n行选择默认为 false，不配置就不显示。如果要开启如下设置即可，这时 brick-table 会默认配置 onChange 事件：\n\n```\n{\n  \"rowSelection\": true\n}\n```\n\n如果希望覆盖或者扩展默认配置，覆盖对应项即可，相关配置项具体查阅：[rowSelection](https://ant.design/components/table-cn/#rowSelection)\n\n```\n{\n  \"rowSelection\": {\n      \"columnWidth\": \"88px\"\n   }\n}\n```\n\n| property | type     | required | default | description                       |\n| -------- | -------- | -------- | ------- | --------------------------------- |\n| onChange | function | -        | -       | 选择行，会抛出事件\"select.update\" |\n\n### 排序\n\n如果某一列希望排序，则可以设对应列 `sorter:true`，例如：\n\n```\n{\n  \"columns\": [\n    {\n      \"title\": \"主机\",\n      \"key\": \"hostname\",\n      \"dataIndex\": \"hostname\",\n      \"sorter\": true\n    }\n  ]\n}\n```\n\n## flattenTreeDataListAndCalcRowSpan 自定义加工函数\n\n将树形数据列表按照 `options.flattenConfigs` 进行展平，并生成相应的行合并数据\n\n### Params\n\n| param        | type                                       | required | default | description                                                              |\n| ------------ | ------------------------------------------ | -------- | ------- | ------------------------------------------------------------------------ |\n| treeDataList | Record<string, unknown>[]               | ✔️       | -       | 树形数据列表                                                             |\n| options      | FlattenTreeDataListAndCalcRowSpanOptions | ✔️       | -       | 函数选项                                                                 |\n| depth        | number                                | -        | 0       | 当前展平的深度，用于确定 `options.flattenConfigs` 中的当前层级的展平配置 |\n\n### Returns\n\n| type                        | description                                                                                                                                                |\n| --------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| Record<string, unknown>[] | 展平后的列表，除了按照 `options.flattenConfigs` 进行展平外，还会生成相应层级以 `options.flattenConfigs[].parentInChildKey + \"RowSpan\"` 为 key 的行合并数据 |\n\n### FlattenTreeDataListAndCalcRowSpanOptions\n\n| property             | type              | required | default | description                              |\n| -------------------- | ----------------- | -------- | ------- | ---------------------------------------- |\n| flattenConfigs       | FlattenConfig[] | ✔️       | -       | 展平配置列表，按照由父到子的顺序一一对应 |\n| omitChildrenInParent | boolean       | -        | -       | 展平后，是否省略父级里的子列表           |\n\n### FlattenConfig\n\n| property         | type     | required | default | description              |\n| ---------------- | -------- | -------- | ------- | ------------------------ |\n| childrenKey      | string | ✔️       | -       | 对应层级子列表的 key     |\n| parentInChildKey | string | ✔️       | -       | 展平后，父级在子级的 key |",
      "properties": [
        {
          "name": "columns",
          "type": "CustomColumn[]",
          "required": "false",
          "default": "-",
          "description": "扩展自 ant-design 的 Column 相关配置项,具体查阅：[Column](https://ant.design/components/table-cn/#Column)",
          "group": "basic"
        },
        {
          "name": "dataSource",
          "type": "any[]",
          "required": "false",
          "default": "-",
          "description": "数据源，通过 useResolves 从后台接口获取或者直接在 storyboard 中配置",
          "group": "basic"
        },
        {
          "name": "showCard",
          "type": "boolean",
          "required": "false",
          "default": "true",
          "description": "是否显示外层卡片",
          "group": "basic"
        },
        {
          "name": "rowSelection",
          "type": "false | TableRowSelection<any>",
          "required": "false",
          "default": "-",
          "description": "表格行是否可选择，具体查阅：[rowSelection](https://ant.design/components/table-cn/#rowSelection)",
          "group": "basic"
        },
        {
          "name": "rowKey",
          "type": "string",
          "required": "false",
          "default": "\"key\"",
          "description": "指定每一行的 key，不指定则默认为索引 index。强烈建议设置该属性，否则在某些情况下可能行为不如预期。",
          "group": "basic"
        },
        {
          "name": "hiddenColumns",
          "type": "Array<string | number>",
          "required": "false",
          "default": "-",
          "description": "隐藏相应列（输入对应的 dataIndex 或者 key 即可）",
          "group": "basic"
        },
        {
          "name": "showSelectInfo",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "是否显示已选择信息和清除按钮。仅在设置了`rowSelection`时有效。默认不显示",
          "group": "rowSelection"
        },
        {
          "name": "filters",
          "type": "Record<string, string[]>",
          "required": "false",
          "default": "-",
          "description": "表头过滤的过滤项，key 为 column 的 dataIndex，value 为过滤值集合。",
          "group": "paginationAndFilter"
        },
        {
          "name": "configProps",
          "type": "any",
          "required": "false",
          "default": "-",
          "description": "ant-design 的 Table 相关配置项,具体查阅：[Table](https://ant.design/components/table-cn/#Table)，其中分页配置和行选择配值在构件中设置了常用的默认配置，也可自行覆盖，具体描述见下表",
          "group": "other"
        },
        {
          "name": "sort",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "被排序列的 dataIndex。通常来自于 url 参数，可以设置成 ${QUERY.sort}。",
          "group": "paginationAndFilter"
        },
        {
          "name": "order",
          "type": "string | number",
          "required": "false",
          "default": "-",
          "description": "升序/降序，可以设置成 ${QUERY.order}。",
          "group": "paginationAndFilter"
        },
        {
          "name": "rowDisabledConfig",
          "type": "RowDisabledProps | RowDisabledProps[]",
          "required": "false",
          "default": "-",
          "description": "配置每一行是否禁用，其中 `field` 表示数据源中的字段路径， `value` 表示与其字段比较的值， `operator` 表示两者比较的方法，结果为 `true` 时会禁用当前行, 需要注意的是该配置需要在 `rowSelection: true` 的前提下使用，并且设置 `rowKey` 属性赋予每行唯一的 key，防止顺序变化时造成的错误勾选（如上 demo 所示）",
          "group": "rowSelection"
        },
        {
          "name": "expandable",
          "type": "ExpandableConfig<Record<string, unknown>> | false",
          "required": "false",
          "default": "-",
          "description": "展开配置，详见 [expandable](https://4x.ant.design/components/table-cn/#expandable)，为 false 时禁用展开",
          "group": "expand"
        },
        {
          "name": "expandedRowBrick",
          "type": "{useBrick:UseBrickConf}",
          "required": "false",
          "default": "-",
          "description": "自定义行展开的构件 [UseBrickConf](/next-docs/docs/api-reference/brick-types.usesinglebrickconf)",
          "group": "expand"
        },
        {
          "name": "emptyUseBrick",
          "type": "{useBrick:UseBrickConf}",
          "required": "false",
          "default": "-",
          "description": "自定义空状态的构件",
          "group": "expand"
        },
        {
          "name": "expandIcon",
          "type": "{ collapsedIcon: MenuIcon,expandedIcon: MenuIcon}",
          "required": "false",
          "default": "{collapsedIcon:{lib:'antd',icon:'down',theme:'outlined'},expandedIcon:{lib:'antd',icon:'right',theme:'outlined'}}",
          "description": "自定义展开图标。",
          "group": "expand"
        },
        {
          "name": "expandIconAsCell",
          "type": "boolean",
          "required": "false",
          "default": "true",
          "description": "展开的图标是否为一个单元格，默认显示在第一列；设置为 false 的时候，可以通过`expandIconColumnIndex`属性设置展开的图标在哪一列",
          "group": "expand"
        },
        {
          "name": "expandIconColumnIndex",
          "type": "number",
          "required": "false",
          "default": "-",
          "description": "展开的图标显示在哪一列，如果没有 rowSelection，默认显示在第一列，否则显示在选择框后面。当`expandIconAsCell`为 false 时，该属性生效。",
          "group": "expand"
        },
        {
          "name": "expandRowByClick",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "通过点击行来展开子行",
          "group": "expand"
        },
        {
          "name": "optimizedColumns",
          "type": "Array<string | number>",
          "required": "false",
          "default": "-",
          "description": "优化渲染的列（输入对应的 dataIndex），针对配置了 useBrick 的列。当前 antd 在更新 state 的时候，会全量渲染单元格，如果确定某一列在后续操作中不需要重新渲染，例如仅作为展示的单元格，可通过该属性设置以优化性能。注意，在树形表格中，当某一列内包含展开/收起按钮，则不应该设置该列。",
          "group": "advanced"
        },
        {
          "name": "wrapperConfig",
          "type": "BrickWrapperConfig",
          "required": "false",
          "default": "-",
          "description": "设置容器空状态时显示`empty`构件属性",
          "group": "ui"
        },
        {
          "name": "stripEmptyExpandableChildren",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "树形数据展示时是否需要去除空数组",
          "group": "expand"
        },
        {
          "name": "defaultExpandAllRows",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "初始时，是否展开所有行",
          "group": "expand"
        },
        {
          "name": "expandedRowKeys",
          "type": "string[]",
          "required": "false",
          "default": "-",
          "description": "展开的行的 rowKey",
          "group": "expand"
        },
        {
          "name": "selectAllChildren",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "表格树形数据展示的时候，行选择父节点的时候是否同步勾选/取消勾选所有子节点，并且被同步勾选的子节点不能单独取消。注意，该属性必须设置 `rowKey` 属性。",
          "group": "expand"
        },
        {
          "name": "defaultSelectAll",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "是否默认选择所有行。注意，该属性必须设置 `rowKey` 属性。",
          "group": "expand"
        },
        {
          "name": "ellipsisInfo",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "是否显示省略信息",
          "group": "basic"
        },
        {
          "name": "childrenColumnName",
          "type": "string",
          "required": "false",
          "default": "children",
          "description": "指定树形结构的列名",
          "group": "expand"
        },
        {
          "name": "sortable",
          "type": "boolean",
          "required": "false",
          "default": "true",
          "description": "是否支持排序。默认开启，当对应列的sorter设置成true时则可排序。sortable为false时则排序都不生效。",
          "group": "paginationAndFilter"
        },
        {
          "name": "fields",
          "type": "object",
          "required": "false",
          "default": "-",
          "description": "设置相关字段取自哪里，具体描述见下表",
          "group": "advanced"
        },
        {
          "name": "frontSearch",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "是否前端进行搜索，配合`presentational-bricks.brick-input`使用",
          "group": "paginationAndFilter"
        },
        {
          "name": "frontSearchQuery",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "前端搜索参数",
          "group": "paginationAndFilter"
        },
        {
          "name": "exactSearch",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "是否精确搜索",
          "group": "paginationAndFilter"
        },
        {
          "name": "frontSearchFilterKeys",
          "type": "string[]",
          "required": "false",
          "default": "-",
          "description": "进行前端搜索的字段，支持嵌套的写法如[\"name\",\"value.a\"]，不配置的时候默认为对所有 columns 的 dataIndex[]进行前端搜索",
          "group": "paginationAndFilter"
        },
        {
          "name": "page",
          "type": "number",
          "required": "false",
          "default": "-",
          "description": "页码。后台搜索的时候一般不需要配置，列表接口返回格式通常为{list:[],page:1,pageSize:10,total:20}，即默认取自 page；前台搜索的时候，一般配置成 \"${query.page=1|number}\"",
          "group": "paginationAndFilter"
        },
        {
          "name": "pageSize",
          "type": "number",
          "required": "false",
          "default": "-",
          "description": "页码条数。后台搜索的时候一般不需要配置，列表接口返回格式通常为{list:[],page:1,pageSize:10,total:20}，即默认取自 pageSize/page_size；前台搜索的时候，一般配置成 \"${query.pageSize=10|number}\"",
          "group": "paginationAndFilter"
        },
        {
          "name": "scrollConfigs",
          "type": "{\n  x?: string | number | true;\n  y?: number | string;\n} & {\n  scrollToFirstRowOnChange?: boolean;\n}",
          "required": "false",
          "default": "{ x: true }",
          "description": "表格是否可滚动，也可以指定滚动区域的宽、高，配置项。详见 [scroll](https://ant.design/components/table-cn/#scroll)",
          "group": "other"
        },
        {
          "name": "qField",
          "type": "string",
          "required": "false",
          "default": "\"q\"",
          "description": "把过滤条件更新到 url 时的字段名",
          "group": "paginationAndFilter"
        },
        {
          "name": "tableDraggable",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "表格行是否可拖拽，注意，如果是树形数据的表格，则各行需要设置__acceptType，并保证同层级的__acceptType值相同\n[ { id: \"parent1\", __acceptType: \"level-1\", children: [ { id: \"sub1\", __acceptType: \"parent1-sub\" }, { id: \"sub2\", __acceptType: \"parent1-sub\" } ] }, { id: \"parent2\", __acceptType: \"level-1\", children: [ { id: \"sub3\", __acceptType: \"parent2-sub\" } ] } ]",
          "group": "basic"
        },
        {
          "name": "acceptType",
          "type": "string",
          "required": "false",
          "default": "\"DraggableBodyRow\"",
          "description": "指定元素的类型，只有类型相同的元素才能进行drop操作",
          "group": "basic"
        },
        {
          "name": "zebraPattern",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "是否展示斑马纹",
          "group": "ui"
        },
        {
          "name": "storeCheckedByUrl",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "翻页时是否记住之前选中的项。注意，选中项的rowKey将保存在url中，如果不设置rowKey，该设置不生效。如果选择太多可能会造成url过长，请谨慎使用",
          "group": "other"
        },
        {
          "name": "extraRows",
          "type": "Record<string, unknown>[]",
          "required": "false",
          "default": "-",
          "description": "额外的行，通常为跨页勾选时，不在当前页的行",
          "group": "other"
        },
        {
          "name": "draggable",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "[已废弃]请用 tableDraggable 代替",
          "group": "other"
        },
        {
          "name": "autoSelectParentWhenAllChildrenSelected",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "当所有子节点选中时，自动选中父节点",
          "group": "expand"
        },
        {
          "name": "thTransparent",
          "type": "boolean",
          "required": "-",
          "default": "-",
          "description": "表格表头是否透明",
          "group": "ui"
        },
        {
          "name": "showHeader",
          "type": "boolean",
          "required": "false",
          "default": "true",
          "description": "是否显示表头",
          "group": "ui"
        },
        {
          "name": "pagination",
          "type": "false | TablePaginationConfig",
          "required": "false",
          "default": "-",
          "description": "是否显示分页",
          "group": "paginationAndFilter"
        },
        {
          "name": "size",
          "type": "SizeType | \"x-small\"",
          "required": "false",
          "default": "-",
          "description": "表格大小（antd原生size）",
          "group": "ui"
        },
        {
          "name": "type",
          "type": "RowSelectionType",
          "required": "false",
          "default": "-",
          "description": "选框类型（单选/多选）",
          "group": "rowSelection"
        },
        {
          "name": "shouldUpdateUrlParams",
          "type": "boolean",
          "required": "false",
          "default": "true",
          "description": "是否更新 url 参数。设置为否之后，如果是后台进行分页/排序等功能，则需要结合事件进行编排。如果是前台进行分页/排序，则不需要。",
          "group": "other"
        },
        {
          "name": "shouldRenderWhenUrlParamsUpdate",
          "type": "boolean",
          "required": "false",
          "default": "true",
          "description": "更新 url 参数时是否触发页面重新渲染。仅在`shouldUpdateUrlParams`为true时有效。",
          "group": "other"
        },
        {
          "name": "selectedRowKeys",
          "type": "React.Key[]",
          "required": "false",
          "default": "[]",
          "description": "指定选中项的 key 数组",
          "group": "rowSelection"
        },
        {
          "name": "showHeaderExpandAll",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "是否显示展开全部",
          "group": "other"
        },
        {
          "name": "columnKeyBrickMap",
          "type": "Record<string, { useBrick: UseBrickConf }>",
          "required": "false",
          "default": "-",
          "description": "列的 key 与对应构件配置的 map。一般在 columns 属性需要动态生成，且希望自定义列的构件（columns.useBrick）时使用。",
          "group": "advanced"
        }
      ],
      "events": [
        {
          "type": "column.filters.update",
          "detail": "Record<string, string[]>",
          "description": "表头过滤变化的事件"
        },
        {
          "type": "expand.rows.change",
          "detail": "{expandedRows:string[]| number[]}",
          "description": "展开的行变化时触发的事件，事件详情为当前展开的所有行的`rowKey`集合"
        },
        {
          "type": "filter.update",
          "detail": "{[pagePath]:1,[pageSizePath]:xxx}",
          "description": "每页条数变化 ,pagePath 可在 fields.page 中设置,pageSizePath 可在 fields.pageSize 中设置，默认为 pageSize"
        },
        {
          "type": "page.update",
          "detail": "{[pagePath]: xxx}",
          "description": "页码变化,pagePath 可在 fields.page 中设置，默认为 page"
        },
        {
          "type": "row.drag",
          "detail": "{data:Record<string,any>[]}",
          "description": "表格行拖拽结束发生的事件，事件详情为拖拽后重新排序的所有行数据"
        },
        {
          "type": "row.expand",
          "detail": "{expanded:boolean;record:Record<string,any>}",
          "description": "点击展开图标时触发的事件，事件详情中`expanded`为是否展开，`record`被点击的行信息"
        },
        {
          "type": "select.row.keys.update",
          "detail": "Record<string,any>[]",
          "description": "勾选框变化，detail 中为所选的行key集合"
        },
        {
          "type": "select.update",
          "detail": "Record<string,any>[]"
        },
        {
          "type": "sort.update",
          "detail": "{sort:string;order:string|number}",
          "description": "排序变化，detail 中的 sort 为对应排序列的 key/dataIndex，order 为升序/降序"
        }
      ],
      "methods": [
        {
          "name": "expandAll",
          "description": "展开所有行"
        },
        {
          "name": "filterSourceData",
          "params": "event: CustomEvent",
          "description": "搜索过滤"
        }
      ],
      "interface": [
        {
          "name": "RowDisabledProps",
          "typeParameter": null,
          "kind": "interface",
          "children": [
            {
              "name": "field",
              "type": "string",
              "required": true,
              "description": ""
            },
            {
              "name": "operator",
              "type": "\"$eq\" | \"$ne\" | \"$lt\" | \"$lte\" | \"$gt\" | \"$gte\" | \"$isEqual\" | \"$notEqual\" | \"$in\" | \"$nin\" | \"$exists\"",
              "required": true,
              "description": ""
            },
            {
              "name": "value",
              "type": "any",
              "required": true,
              "description": ""
            }
          ],
          "indexSignature": []
        },
        {
          "name": "BrickWrapperConfig",
          "typeParameter": null,
          "kind": "interface",
          "children": [
            {
              "name": "empty",
              "type": "EasyopsEmptyProps",
              "required": false,
              "description": ""
            }
          ],
          "indexSignature": []
        },
        {
          "name": "EasyopsEmptyProps",
          "typeParameter": null,
          "kind": "interface",
          "children": [
            {
              "name": "background",
              "type": "string",
              "required": false,
              "description": ""
            },
            {
              "name": "description",
              "type": "string",
              "required": false,
              "description": ""
            },
            {
              "name": "illustration",
              "type": "IllustrationProps",
              "required": false,
              "description": ""
            },
            {
              "name": "imageStyle",
              "type": "CSSProperties",
              "required": false,
              "description": ""
            },
            {
              "name": "noImage",
              "type": "boolean",
              "required": false,
              "description": ""
            }
          ],
          "indexSignature": []
        },
        {
          "name": "IllustrationProps",
          "typeParameter": null,
          "kind": "interface",
          "children": [
            {
              "name": "category",
              "type": "string",
              "required": false,
              "description": ""
            },
            {
              "name": "name",
              "type": "string",
              "required": true,
              "description": ""
            }
          ],
          "indexSignature": []
        },
        {
          "name": "CustomColumn",
          "typeParameter": null,
          "kind": "interface",
          "extendedTypes": [
            {
              "type": "reference",
              "typeArguments": [
                {
                  "type": "reference",
                  "typeArguments": [
                    {
                      "type": "intrinsic",
                      "name": "string"
                    },
                    {
                      "type": "intrinsic",
                      "name": "any"
                    }
                  ],
                  "name": "Record"
                }
              ],
              "name": "ColumnProps"
            }
          ],
          "children": [
            {
              "name": "cellStatus",
              "type": "CellStatusProps",
              "required": false,
              "description": "在渲染自定义构件的场景下额外设置单元格的状态样式， `dataIndex` 表示取哪一列的字段值作为判断数据，不填的话默认取当前列的字段，`mapping` 表示判断的条件，条件被成功匹配时用当前的样式。目前仅支持单元格 `leftBorderColor` 属性的设置"
            },
            {
              "name": "cellStyle",
              "type": "CSSProperties",
              "required": false,
              "description": "设置列的每个单元格样式"
            },
            {
              "name": "colSpanKey",
              "type": "string",
              "required": false,
              "description": "每条记录的控制列合并的值的 key"
            },
            {
              "name": "component",
              "type": "CustomColumnComponent",
              "required": false,
              "description": "[已废弃]支持为某列自定义展示构件"
            },
            {
              "name": "customFilterIcon",
              "type": "MenuIcon",
              "required": false,
              "description": "自定义筛选图标"
            },
            {
              "name": "filterDropdownBrick",
              "type": "{ useBrick: UseBrickConf }",
              "required": false,
              "description": "自定义筛选菜单"
            },
            {
              "name": "headerBrick",
              "type": "{ useBrick: UseBrickConf }",
              "required": false,
              "description": "支持为某列的表头自定义展示构件，可通过 DATA.title 获取标题文本"
            },
            {
              "name": "rowSpanKey",
              "type": "string",
              "required": false,
              "description": "每条记录的控制行合并的值的 key"
            },
            {
              "name": "titleUseBrick",
              "type": "UseBrickConf",
              "required": false,
              "description": "[已废弃]支持为某列的标题自定义展示构件，可通过 DATA.title 获取标题文本"
            },
            {
              "name": "useBrick",
              "type": "UseBrickConf",
              "required": false,
              "description": "支持为某列自定义展示构件"
            },
            {
              "name": "valueSuffix",
              "type": "string",
              "required": false,
              "description": "字段的值展示时的后缀"
            },
            {
              "name": "verticalAlign",
              "type": "\"top\" | \"bottom\"",
              "required": false,
              "description": "单元格内元素的垂直对齐方式"
            }
          ],
          "indexSignature": []
        },
        {
          "name": "CellStatusProps",
          "typeParameter": null,
          "kind": "interface",
          "children": [
            {
              "name": "dataIndex",
              "type": "string",
              "required": false,
              "description": ""
            },
            {
              "name": "mapping",
              "type": "Array<{ leftBorderColor: string; value: any }>",
              "required": true,
              "description": ""
            }
          ],
          "indexSignature": []
        },
        {
          "name": "CustomColumnComponent",
          "typeParameter": null,
          "kind": "interface",
          "children": [
            {
              "name": "brick",
              "type": "string | any",
              "required": true,
              "description": "构件名称"
            },
            {
              "name": "events",
              "type": "BrickEventsMap",
              "required": false,
              "description": "事件"
            },
            {
              "name": "fields",
              "type": "{ index?: string; item?: string; value?: string }",
              "required": false,
              "description": "字段值、列表项和 index 对应所用构件的属性的 key"
            },
            {
              "name": "properties",
              "type": "Record<string, any>",
              "required": false,
              "description": "构件属性"
            }
          ],
          "indexSignature": []
        }
      ]
    }
  },
  {
    "storyId": "presentational-bricks.brick-tag",
    "category": "display-component",
    "type": "brick",
    "author": "lynette",
    "text": {
      "en": "Tag Label",
      "zh": "Tag 标签"
    },
    "tags": [
      {
        "en": "show",
        "zh": "数据显示"
      }
    ],
    "description": {
      "en": "supports colorful tags, selectable tags, and deletable tags, while also offering flexible configuration options and event handling mechanisms,allowing developers to customize the appearance and behavior of tags based on their needs",
      "zh": "支持多彩标签、可选择标签和可删除标签，还提供了灵活的配置项和事件处理机制，让开发者可以根据需求自定义标签的外观和行为"
    },
    "icon": {
      "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-tag.e32a00dc70f720c9.svg"
    },
    "conf": [
      {
        "snippetId": "presentational-bricks.brick-tag[normal]",
        "title": {
          "zh": "基本",
          "en": ""
        },
        "message": {
          "zh": "标签支持多彩标签、可选择标签、可删除标签。",
          "en": ""
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-tag[normal].f9184ebf1e06be09.svg",
        "bricks": [
          {
            "brick": "presentational-bricks.brick-tag",
            "properties": {
              "color": "green",
              "showCard": true,
              "showTagCircle": true,
              "tagList": [
                "Active",
                "Normal"
              ]
            }
          }
        ]
      },
      {
        "snippetId": "presentational-bricks.brick-tag[disabled-with-close]",
        "title": {
          "zh": "禁用可删除标签",
          "en": ""
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-tag[disabled-with-close].d66d95306cb9389b.svg",
        "bricks": [
          {
            "brick": "presentational-bricks.brick-tag",
            "properties": {
              "showCard": false,
              "closable": true,
              "tagList": [
                {
                  "key": "p1",
                  "label": "紧急变更",
                  "disabled": true
                },
                {
                  "key": "p2",
                  "label": "计划变更",
                  "disabled": true
                },
                {
                  "key": "p3",
                  "label": "发布流程"
                },
                {
                  "key": "p4",
                  "label": "发布流程"
                },
                {
                  "key": "p5",
                  "label": "发布计划"
                },
                {
                  "key": "p6",
                  "label": "测试计划"
                }
              ]
            },
            "events": {
              "tag.close": {
                "action": "console.log",
                "args": [
                  "${EVENT.detail}"
                ]
              }
            }
          }
        ]
      },
      {
        "description": {
          "title": "多种颜色",
          "message": "标签支持多彩标签、可选择标签、可删除标签。"
        },
        "brick": "div",
        "slots": {
          "": {
            "type": "bricks",
            "bricks": [
              {
                "brick": "presentational-bricks.brick-tag",
                "properties": {
                  "color": "green",
                  "showCard": true,
                  "showTagCircle": true,
                  "tagList": [
                    "Active",
                    "Normal"
                  ]
                }
              },
              {
                "brick": "presentational-bricks.brick-tag",
                "properties": {
                  "color": "var(--color-warning)",
                  "showCard": true,
                  "showTagCircle": false,
                  "tagList": [
                    "Active",
                    "Normal"
                  ]
                }
              },
              {
                "brick": "presentational-bricks.brick-tag",
                "events": {
                  "checked.update": {
                    "action": "console.log"
                  },
                  "checked.update.v2": {
                    "action": "console.log"
                  }
                },
                "properties": {
                  "showCard": true,
                  "componentType": "CheckableTag",
                  "default": "testB",
                  "multipleCheck": false,
                  "tagList": [
                    {
                      "key": "testA",
                      "label": "testA"
                    },
                    {
                      "key": "testB",
                      "label": "testB",
                      "icon": {
                        "lib": "fa",
                        "icon": "adjust",
                        "prefix": "fas"
                      }
                    },
                    {
                      "key": "testC",
                      "label": "testC"
                    }
                  ]
                }
              },
              {
                "brick": "presentational-bricks.brick-tag",
                "properties": {
                  "showCard": true,
                  "closable": true,
                  "tagList": [
                    {
                      "key": "close1",
                      "label": "close1"
                    },
                    {
                      "key": "close2",
                      "label": "close2"
                    },
                    {
                      "key": "close3",
                      "label": "close3"
                    }
                  ]
                }
              }
            ]
          }
        }
      },
      {
        "description": {
          "title": "非填充色标签",
          "message": "设置color为内置主题色（颜色名称）时为非填充色标签。"
        },
        "brick": "presentational-bricks.card-item",
        "properties": {
          "cardLayoutType": "icon-as-background",
          "dataSource": {
            "descriptionList": [
              "Deployment 工作模式",
              "1 个负载均衡器",
              "啦啦"
            ],
            "id": "1",
            "name": "k8s运行状态"
          },
          "fields": {
            "cardTitle": "name",
            "descriptionList": "descriptionList"
          },
          "style": {
            "width": "250px"
          }
        },
        "slots": {
          "topRightOperate": {
            "bricks": [
              {
                "brick": "presentational-bricks.brick-tag",
                "properties": {
                  "color": "green",
                  "showCard": false,
                  "showTagCircle": true,
                  "tagList": [
                    "Active"
                  ]
                }
              }
            ],
            "type": "bricks"
          }
        }
      },
      {
        "description": {
          "title": "填充色标签",
          "message": "设置color为非内置主题色时为填充色标签。填充色标签的重要等级更高。"
        },
        "brick": "presentational-bricks.card-item",
        "properties": {
          "cardLayoutType": "icon-as-background",
          "dataSource": {
            "descriptionList": [
              "Deployment 工作模式",
              "1 个负载均衡器",
              "啦啦啦"
            ],
            "id": "1",
            "name": "k8s警告等级"
          },
          "fields": {
            "cardTitle": "name",
            "descriptionList": "descriptionList"
          },
          "style": {
            "width": "250px"
          }
        },
        "slots": {
          "topRightOperate": {
            "bricks": [
              {
                "brick": "presentational-bricks.brick-tag",
                "properties": {
                  "showCard": false,
                  "color": "var(--color-error)",
                  "tagList": [
                    "严重"
                  ]
                }
              }
            ],
            "type": "bricks"
          }
        }
      },
      {
        "description": {
          "title": "可选择标签"
        },
        "brick": "forms.general-form",
        "events": {
          "validate.error": {
            "action": "console.warn",
            "args": [
              "${EVENT.detail}"
            ]
          },
          "validate.success": {
            "action": "console.log",
            "args": [
              "${EVENT.detail}"
            ]
          }
        },
        "properties": {
          "valueTypes": {
            "time": "moment|YYYY-MM-DD"
          }
        },
        "slots": {
          "items": {
            "bricks": [
              {
                "brick": "presentational-bricks.brick-tag",
                "events": {
                  "checked.update": {
                    "action": "console.log"
                  },
                  "checked.update.v2": {
                    "action": "console.log"
                  }
                },
                "properties": {
                  "showCard": false,
                  "componentType": "CheckableTag",
                  "default": "tool",
                  "style": {
                    "marginBottom": "20px"
                  },
                  "tagList": [
                    {
                      "key": "tool",
                      "label": "工具"
                    },
                    {
                      "key": "step",
                      "label": "流程"
                    },
                    {
                      "key": "pipeline",
                      "label": "流水线"
                    },
                    {
                      "key": "automation",
                      "label": "自动化作业"
                    }
                  ]
                }
              },
              {
                "brick": "forms.general-input",
                "properties": {
                  "label": "任务对象",
                  "name": "target",
                  "required": true
                }
              },
              {
                "brick": "forms.general-input",
                "properties": {
                  "label": "名称",
                  "name": "name",
                  "required": true
                }
              },
              {
                "brick": "forms.general-select",
                "properties": {
                  "label": "执行策略",
                  "name": "nickname",
                  "options": [
                    {
                      "label": "一次性",
                      "value": "once"
                    },
                    {
                      "label": "周期性",
                      "value": "circle"
                    }
                  ],
                  "inputBoxStyle": {
                    "width": 120
                  }
                }
              },
              {
                "brick": "forms.general-date-picker",
                "properties": {
                  "label": "时间",
                  "name": "time",
                  "placeholder": "when"
                }
              },
              {
                "brick": "forms.general-buttons",
                "properties": {
                  "cancelText": "取消",
                  "showCancelButton": true,
                  "submitText": "提交"
                }
              }
            ],
            "type": "bricks"
          }
        }
      },
      {
        "description": {
          "title": "带图标的可选择标签"
        },
        "brick": "basic-bricks.general-card",
        "slots": {
          "content": {
            "bricks": [
              {
                "brick": "presentational-bricks.brick-tag",
                "properties": {
                  "componentType": "CheckableTag",
                  "showCard": false,
                  "tagList": [
                    {
                      "key": "p1",
                      "label": "任务视图1",
                      "icon": {
                        "lib": "fa",
                        "icon": "adjust",
                        "prefix": "fas"
                      }
                    },
                    {
                      "key": "p2",
                      "label": "任务视图2",
                      "icon": {
                        "lib": "fa",
                        "icon": "adjust",
                        "prefix": "fas"
                      }
                    },
                    {
                      "key": "p3",
                      "label": "任务视图3",
                      "icon": {
                        "lib": "fa",
                        "icon": "adjust",
                        "prefix": "fas"
                      }
                    },
                    {
                      "key": "p4",
                      "label": "任务视图4",
                      "icon": {
                        "lib": "fa",
                        "icon": "adjust",
                        "prefix": "fas"
                      }
                    },
                    {
                      "key": "p5",
                      "label": "任务视图5",
                      "icon": {
                        "lib": "fa",
                        "icon": "adjust",
                        "prefix": "fas"
                      }
                    },
                    {
                      "key": "p6",
                      "label": "任务视图6",
                      "icon": {
                        "lib": "fa",
                        "icon": "adjust",
                        "prefix": "fas"
                      }
                    },
                    {
                      "key": "p7",
                      "label": "任务视图7",
                      "icon": {
                        "lib": "fa",
                        "icon": "adjust",
                        "prefix": "fas"
                      }
                    },
                    {
                      "key": "p8",
                      "label": "任务视图8",
                      "icon": {
                        "lib": "fa",
                        "icon": "adjust",
                        "prefix": "fas"
                      }
                    }
                  ],
                  "multipleCheck": false,
                  "default": "p1"
                },
                "events": {
                  "checked.update": {
                    "action": "console.log"
                  },
                  "checked.update.v2": {
                    "action": "console.log"
                  }
                }
              },
              {
                "brick": "chart-v2.pie-chart",
                "events": {
                  "chart-v2.click": {
                    "action": "console.log"
                  }
                },
                "properties": {
                  "height": 300,
                  "data": [
                    {
                      "item": "事例一",
                      "count": 40,
                      "percent": 0.4
                    },
                    {
                      "item": "事例二",
                      "count": 21,
                      "percent": 0.21
                    },
                    {
                      "item": "事例三",
                      "count": 17,
                      "percent": 0.17
                    },
                    {
                      "item": "事例四",
                      "count": 13,
                      "percent": 0.13
                    },
                    {
                      "item": "事例五",
                      "count": 9,
                      "percent": 0.09
                    }
                  ],
                  "yField": "percent",
                  "groupField": "item",
                  "radius": 0.75,
                  "innerRadius": 0.5,
                  "axis": {
                    "yAxis": {
                      "unit": "percent(1)"
                    }
                  },
                  "innerTextCfg": {
                    "content": "some content",
                    "style": {
                      "fontSize": 16
                    }
                  }
                }
              }
            ],
            "type": "bricks"
          }
        }
      },
      {
        "description": {
          "title": "可删除标签"
        },
        "brick": "basic-bricks.general-card",
        "slots": {
          "content": {
            "bricks": [
              {
                "brick": "p",
                "properties": {
                  "textContent": "设置常用列表"
                }
              },
              {
                "brick": "presentational-bricks.brick-tag",
                "properties": {
                  "showCard": false,
                  "closable": true,
                  "tagList": [
                    {
                      "key": "p1",
                      "label": "紧急变更",
                      "disabled": true
                    },
                    {
                      "key": "p2",
                      "label": "计划变更",
                      "disabled": true
                    },
                    {
                      "key": "p3",
                      "label": "发布流程"
                    },
                    {
                      "key": "p4",
                      "label": "发布流程"
                    },
                    {
                      "key": "p5",
                      "label": "发布计划"
                    },
                    {
                      "key": "p6",
                      "label": "测试计划"
                    }
                  ]
                },
                "events": {
                  "tag.close": {
                    "action": "console.log",
                    "args": [
                      "${EVENT.detail}"
                    ]
                  }
                }
              }
            ],
            "type": "bricks"
          }
        }
      }
    ],
    "previewColumns": 2,
    "doc": {
      "id": "presentational-bricks.brick-tag",
      "name": "presentational-bricks.brick-tag",
      "editor": "shared-editors.general-tag--editor",
      "dockind": "brick",
      "description": "进行标记和分类的小标签，同时支持基本标签和可选中标签",
      "author": "lynette",
      "slots": null,
      "history": [
        {
          "version": "1.167.1",
          "change": "新增属性 `disabledTooltip`；在 TagListType 中新增 `color`,`disabled`,`disabledTooltip` 字段，支持对特定标签设置特殊颜色、禁用、禁用文案。"
        },
        {
          "version": "1.97.0",
          "change": "属性`default`支持数组，新增事件`checked.update.v2`"
        },
        {
          "version": "1.65.0",
          "change": "新增属性`shape`，支持大圆角"
        },
        {
          "version": "1.60.0",
          "change": "新增 `color` 属性代替 `configProps.color` 的使用方式"
        }
      ],
      "memo": "",
      "properties": [
        {
          "name": "label",
          "type": "string",
          "required": false,
          "description": "标签前的 label",
          "group": "basic"
        },
        {
          "name": "tagList",
          "type": "TagListType[] | string[]",
          "required": false,
          "description": "标签列表",
          "group": "basic"
        },
        {
          "name": "showTagCircle",
          "type": "boolean",
          "required": false,
          "default": "false",
          "description": "是否在标签内显示小圆点",
          "group": "basic"
        },
        {
          "name": "showCard",
          "type": "boolean",
          "required": false,
          "default": "true",
          "description": "是否显示卡片",
          "group": "basic"
        },
        {
          "name": "color",
          "type": "string | Color",
          "required": false,
          "description": "标签的颜色配置，当 `componentType=Tag` 且 `closable!=true` 时才有效，除了提供内置八种主题色，也支持直接赋色值（如 `#f5f5f5`）使用",
          "group": "basic"
        },
        {
          "name": "multipleCheck",
          "type": "boolean",
          "required": false,
          "default": "true",
          "description": "是否能多选，多选场景下右上角会有小圆点提示",
          "group": "basic"
        },
        {
          "name": "dataSource",
          "type": "Record<string, any>",
          "required": false,
          "description": "数据源，通过 useResolves 从后台接口获取",
          "deprecated": true,
          "group": "advanced"
        },
        {
          "name": "closable",
          "type": "boolean",
          "required": false,
          "default": "false",
          "description": "标签是否可以关闭",
          "group": "basic"
        },
        {
          "name": "componentType",
          "type": "TagTypeProps",
          "required": false,
          "default": "\"Tag\"",
          "description": "组件类型，对应 ant-design 中的基本标签和可选中标签",
          "group": "advanced"
        },
        {
          "name": "default",
          "type": "string | string[]",
          "required": false,
          "description": "componentType 为`CheckableTag`的时候默认选中的标签 key",
          "group": "advanced"
        },
        {
          "name": "cancelable",
          "type": "boolean",
          "required": false,
          "default": "true",
          "description": "标签是否可以取消单选，在 `componentType` 为 `CheckableTag` 且 `multipleCheck` 为 `false` 时生效。",
          "group": "advanced"
        },
        {
          "name": "configProps",
          "type": "Record<string, any>",
          "required": false,
          "description": "ant-design 相关配置项, [具体查阅](https://ant.design/components/tag-cn/#Tag) ，只有在 componentType=Tag 时才有效",
          "group": "advanced"
        },
        {
          "name": "disabledTooltip",
          "type": "string",
          "required": false,
          "description": "禁用标签的 tooltip",
          "group": "basic"
        },
        {
          "name": "tooltipProps",
          "type": "TooltipProps",
          "required": false,
          "description": "标签的 tooltip 相关配置项, [具体查阅](https://ant.design/components/tooltip-cn/#API)",
          "group": "advanced"
        },
        {
          "name": "fields",
          "type": "object",
          "required": false,
          "description": "这里可以规定从 dataSource 中的哪个字段取标签渲染的数据，例如 dataSource 返回的数据为 [{key:\"1\"},{key:\"2\"}]，则可写成 {label: \"key\", key: \"key\"}",
          "deprecated": true,
          "group": "advanced"
        },
        {
          "name": "textEllipsis",
          "type": "boolean",
          "required": false,
          "default": "false",
          "description": "文字是否超出省略",
          "group": "ui"
        },
        {
          "name": "tagStyle",
          "type": "CSSProperties",
          "required": false,
          "description": "标签的自定义样式",
          "group": "ui"
        },
        {
          "name": "tagCheckedStyle",
          "type": "CSSProperties",
          "required": false,
          "description": "标签选中的自定义样式",
          "group": "ui"
        },
        {
          "name": "tagHoverStyle",
          "type": "CSSProperties",
          "required": false,
          "description": "标签 Hover 的自定义样式",
          "group": "ui"
        },
        {
          "name": "afterBrick",
          "type": "{ data: unknown; useBrick: UseBrickConf }",
          "required": false,
          "description": "最后一个tag后面使用子构件，具体查看 [UseBrickConf](/next-docs/docs/api-reference/brick-types.usesinglebrickconf)",
          "group": "advanced"
        }
      ],
      "events": [
        {
          "type": "checked.update",
          "detail": "string[]",
          "description": "选中的 tag 的 key"
        },
        {
          "type": "checked.update.v2",
          "detail": "{ key: string; label: string }[]",
          "description": "选中的 tag"
        },
        {
          "type": "tag.click",
          "detail": "TagListType",
          "description": "当前点击的tag"
        },
        {
          "type": "tag.close",
          "detail": "{ current: Record<string, any>; tagList: Record<string, any>[] }",
          "description": "当前关闭的 tag 和剩余的tagList"
        }
      ],
      "interface": [
        {
          "name": "Color",
          "typeParameter": null,
          "kind": "enum",
          "children": [
            {
              "name": "blue",
              "value": "\"blue\"",
              "description": ""
            },
            {
              "name": "blue-inverse",
              "value": "\"blue-inverse\"",
              "description": ""
            },
            {
              "name": "cyan",
              "value": "\"cyan\"",
              "description": ""
            },
            {
              "name": "cyan-inverse",
              "value": "\"cyan-inverse\"",
              "description": ""
            },
            {
              "name": "geekblue",
              "value": "\"geekblue\"",
              "description": ""
            },
            {
              "name": "geekblue-inverse",
              "value": "\"geekblue-inverse\"",
              "description": ""
            },
            {
              "name": "gray",
              "value": "\"gray\"",
              "description": ""
            },
            {
              "name": "gray-inverse",
              "value": "\"gray-inverse\"",
              "description": ""
            },
            {
              "name": "green",
              "value": "\"green\"",
              "description": ""
            },
            {
              "name": "green-inverse",
              "value": "\"green-inverse\"",
              "description": ""
            },
            {
              "name": "orange",
              "value": "\"orange\"",
              "description": ""
            },
            {
              "name": "orange-inverse",
              "value": "\"orange-inverse\"",
              "description": ""
            },
            {
              "name": "purple",
              "value": "\"purple\"",
              "description": ""
            },
            {
              "name": "purple-inverse",
              "value": "\"purple-inverse\"",
              "description": ""
            },
            {
              "name": "red",
              "value": "\"red\"",
              "description": ""
            },
            {
              "name": "red-inverse",
              "value": "\"red-inverse\"",
              "description": ""
            },
            {
              "name": "yellow",
              "value": "\"yellow\"",
              "description": ""
            },
            {
              "name": "yellow-inverse",
              "value": "\"yellow-inverse\"",
              "description": ""
            }
          ]
        },
        {
          "name": "TagTypeProps",
          "typeParameter": null,
          "kind": "enum",
          "children": [
            {
              "name": "CheckableTag",
              "value": "\"CheckableTag\"",
              "description": ""
            },
            {
              "name": "Tag",
              "value": "\"Tag\"",
              "description": ""
            }
          ]
        },
        {
          "name": "TagListType",
          "typeParameter": null,
          "kind": "type",
          "description": "",
          "type": "{ checked?: boolean; color?: string | Color; disabled?: boolean; disabledTooltip?: string; icon?: string | MenuIcon; key: string; label: string; tooltip?: string }"
        }
      ]
    }
  },
  {
    "storyId": "presentational-bricks.brick-timeline",
    "category": "display-component",
    "type": "brick",
    "author": "jo",
    "text": {
      "en": "timeline",
      "zh": "时间轴"
    },
    "description": {
      "en": "primarily used to present data in the form of a timeline. It comes with a variety of configurable options such as data sources, custom bricks, and timeline types. The Timeline Brick supports responsive design, allowing for color mapping based on different data states to enhance the user's visual experience",
      "zh": "该构件主要用于以时间线的形式展示数据。其具备丰富的配置项，如数据源、自定义构件以及时间轴类型等。时间轴构件支持响应式布局，可以根据不同的数据状态映射显示相应颜色，增强用户视觉体验"
    },
    "icon": {
      "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-timeline.bef268f822052deb.svg"
    },
    "conf": [
      {
        "snippetId": "presentational-bricks.brick-timeline[base]",
        "title": {
          "zh": "基础时间轴",
          "en": ""
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-timeline[base].68485ebdb7abcd4d.svg",
        "bricks": [
          {
            "brick": "presentational-bricks.brick-timeline",
            "properties": {
              "itemList": [
                {
                  "title": "easyops",
                  "description": "编辑了\"publicDev_1\"属性：服务信息",
                  "time": 1554861661000,
                  "status": "success",
                  "link": "#abc"
                },
                {
                  "title": "default",
                  "description": "编辑了\"publicDev_1\"属性：服务信息、agent版本",
                  "status": "warn",
                  "time": 1554892201000,
                  "link": "#def"
                },
                {
                  "title": "jack",
                  "description": "编辑了\"publicDev_1\"属性：服务信息",
                  "status": "running",
                  "time": 1555032601000,
                  "link": "#ghi"
                },
                {
                  "title": "goodman",
                  "description": "编辑了\"publicDev_1\"属性：服务信息",
                  "status": "normal",
                  "time": 1555050451000,
                  "link": "#jkl"
                },
                {
                  "title": "easyops",
                  "description": "编辑了\"publicDev_1\"属性：服务信息",
                  "status": "warn",
                  "time": 1557666471000,
                  "link": "#mno"
                }
              ],
              "timeType": "millisecond",
              "statusMap": {
                "warn": "red",
                "running": "blue",
                "success": "green",
                "normal": "gray"
              },
              "type": "base"
            },
            "events": {
              "item.click": [
                {
                  "action": "console.log",
                  "args": [
                    "hello wolrd"
                  ]
                }
              ]
            }
          }
        ]
      },
      {
        "snippetId": "presentational-bricks.brick-timeline[extension]",
        "title": {
          "zh": "基础时间轴(带时间)",
          "en": ""
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-timeline[extension].ed45359c80c1c7ba.svg",
        "bricks": [
          {
            "brick": "presentational-bricks.brick-timeline",
            "properties": {
              "itemList": [
                {
                  "title": "easyops",
                  "description": "编辑了\"publicDev_1\"属性：服务信息",
                  "time": 1554861661000,
                  "status": "success",
                  "link": "#abc"
                },
                {
                  "title": "default",
                  "description": "编辑了\"publicDev_1\"属性：服务信息、agent版本",
                  "status": "warn",
                  "time": 1554892201000,
                  "link": "#def"
                },
                {
                  "title": "jack",
                  "description": "编辑了\"publicDev_1\"属性：服务信息",
                  "status": "running",
                  "time": 1555032601000,
                  "link": "#ghi"
                },
                {
                  "title": "goodman",
                  "description": "编辑了\"publicDev_1\"属性：服务信息",
                  "status": "normal",
                  "time": 1555050451000,
                  "link": "#jkl"
                },
                {
                  "title": "easyops",
                  "description": "编辑了\"publicDev_1\"属性：服务信息",
                  "status": "warn",
                  "time": 1557666471000,
                  "link": "#mno"
                },
                {
                  "title": "lock",
                  "description": "编辑了\"publicDev_1\"属性：服务信息",
                  "status": "normal",
                  "time": 1557666571000,
                  "link": "#mno"
                }
              ],
              "statusMap": {
                "warn": "red",
                "running": "blue",
                "success": "green",
                "normal": "gray"
              },
              "type": "extension"
            },
            "events": {
              "item.click": [
                {
                  "action": "console.log",
                  "args": [
                    "hello wolrd"
                  ]
                }
              ]
            }
          }
        ]
      },
      {
        "brick": "div",
        "slots": {
          "": {
            "type": "bricks",
            "bricks": [
              {
                "brick": "div",
                "properties": {
                  "style": {
                    "marginBottom": "20px"
                  },
                  "textContent": "点击标题弹出模态框显示详情信息"
                }
              },
              {
                "brick": "presentational-bricks.brick-timeline",
                "properties": {
                  "itemList": [
                    {
                      "title": "easyops",
                      "description": "编辑了\"publicDev_1\"属性：服务信息",
                      "time": 1554861661000,
                      "status": "success",
                      "instanceId": "586db1d355788"
                    },
                    {
                      "title": "default",
                      "description": "编辑了\"publicDev_1\"属性：服务信息、agent版本",
                      "status": "warn",
                      "time": 1554892201000,
                      "instanceId": "586db1d35574f"
                    },
                    {
                      "title": "jack",
                      "description": "编辑了\"publicDev_1\"属性：服务信息",
                      "status": "running",
                      "time": 1555032601000,
                      "instanceId": "586db1d355799"
                    },
                    {
                      "title": "goodman",
                      "description": "编辑了\"publicDev_1\"属性：服务信息",
                      "status": "normal",
                      "time": 1555050451000,
                      "instanceId": "586db1d35575d"
                    },
                    {
                      "title": "easyops",
                      "description": "编辑了\"publicDev_1\"属性：服务信息",
                      "status": "warn",
                      "time": 1557666471000,
                      "instanceId": "586db1d355790"
                    }
                  ],
                  "timeType": "millisecond",
                  "statusMap": {
                    "warn": "red",
                    "running": "blue",
                    "success": "green",
                    "normal": "gray"
                  },
                  "type": "base"
                },
                "events": {
                  "item.click": [
                    {
                      "target": "#detail-modal",
                      "properties": {
                        "modalTitle": "${EVENT.detail.title}"
                      }
                    },
                    {
                      "target": "#info-container",
                      "properties": {
                        "textContent": "${EVENT.detail.description}"
                      }
                    },
                    {
                      "target": "#detail-modal",
                      "method": "open"
                    }
                  ]
                }
              },
              {
                "brick": "basic-bricks.general-modal",
                "properties": {
                  "id": "detail-modal"
                },
                "slots": {
                  "content": {
                    "type": "bricks",
                    "bricks": [
                      {
                        "brick": "div",
                        "properties": {
                          "id": "info-container"
                        }
                      }
                    ]
                  }
                }
              }
            ]
          }
        }
      }
    ],
    "doc": {
      "id": "presentational-bricks.brick-timeline",
      "name": "presentational-bricks.brick-timeline",
      "dockind": "brick",
      "description": "垂直展示的时间流信息，常用于变更历史、工作动态等",
      "author": "jo",
      "slots": null,
      "history": null,
      "memo": "## useBrick\n\n自定义展示子构件时，子构件收到的数据格式为：\n\n```js\nexport interface Data {\n  item: object; // 单项数据\n  index: number; // 序号\n  list: object[]; // 所有数据\n}\n```\n\n## StatusColor\n```js\n// 根据时间轴UI规范不同颜色代表不同的状态，通常绿色表示已完成或者成功状态的，红色表示告警或者错误状态，蓝色表示正在进行的当前状态，灰色表示普通状态\nexport type StatusColor = \"green\" | \"red\" | \"gray\" | \"blue\";\n```\n\n## TimelineItem\n```js\nexport interface TimelineItem {\n  title: string;\n  description: string;\n  time: string | number;\n  status: string;\n  link?: string;\n  [key: string]: any\n}\n```",
      "events": [
        {
          "type": "item.click",
          "detail": "Record<string, any>",
          "description": "标题点击事件，事件详情为所对应的该项的数据(当配置该点击事件时，不要再配置 `TimelineItem` 中的跳转链接 `link` 属性，否则该点击事件无效会优先响应url跳转)"
        }
      ],
      "properties": [
        {
          "name": "itemList",
          "type": "TimelineItem[]|Record<string, any>[]",
          "required": "true",
          "default": "-",
          "description": "数据源"
        },
        {
          "name": "useBrick",
          "type": "[UseBrickConf](http://docs.developers.easyops.cn/docs/api-reference/brick-types.usebrickconf)",
          "required": "true",
          "default": "-",
          "description": "自定义构件"
        },
        {
          "name": "statusMap",
          "type": "Record<string, StatusColor>",
          "required": "false",
          "default": "-",
          "description": "根据数据源状态值映射到相应的颜色"
        },
        {
          "name": "type",
          "type": "base | extension",
          "required": "false",
          "default": "base",
          "description": "平台内置的标准时间轴类型，支持内置的基本类型和内置的扩展类型，不使用 `useBrick` 配置第三方构件时，该字段才有效"
        },
        {
          "name": "timeType",
          "type": "second | default",
          "required": "false",
          "default": "default",
          "description": "时间轴时间的具体配置，值为`default`时可以是格式化的字符串 `date` 对象或者毫秒级的时间戳等，除了时间是秒为单位的，其他单位都可不用设置该属性"
        },
        {
          "name": "showCard",
          "type": "boolean",
          "required": "false",
          "default": "true",
          "description": "是否显示 card 边框"
        },
        {
          "name": "mode",
          "type": "left | right | alternate",
          "required": "false",
          "default": "left",
          "description": "时间轴和内容的相对位置，注意内置的标准时间轴类型不支持该字段的配置，只有使用 `useBrick` 配置第三方构件时可用"
        }
      ],
      "interface": []
    }
  },
  {
    "storyId": "presentational-bricks.brick-tree",
    "type": "brick",
    "category": "display-component",
    "author": "jo",
    "text": {
      "en": "Tree",
      "zh": "树形构件"
    },
    "icon": {
      "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-tree.8c85962300b7c89b.svg"
    },
    "description": {
      "en": "allowing for an interactive and hierarchical display of data. It is designed to enhance user experience by providing a range of features including selection, checking, expansion, and search functionalities",
      "zh": "以树形视图的形式展现数据，支持交互式的层次结构展示。该构件通过提供选择、勾选、展开和搜索等丰富的功能"
    },
    "conf": [
      {
        "snippetId": "presentational-bricks.brick-tree[normal]",
        "title": {
          "zh": "基础用法",
          "en": ""
        },
        "message": {
          "zh": "checkedKeys和configProps.checkable实现多选，expandedKeys可以设置默认展开项，configProps.showIcon设置是否显示图标（图标需要在dataSource中维护）",
          "en": ""
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-tree[normal].a78690c9e40c0c44.svg",
        "bricks": [
          {
            "brick": "presentational-bricks.brick-tree",
            "properties": {
              "dataSource": [
                {
                  "title": "0",
                  "key": "0",
                  "icon": {
                    "lib": "fa",
                    "icon": "briefcase"
                  },
                  "children": [
                    {
                      "title": "0-0",
                      "key": "00",
                      "icon": {
                        "lib": "fa",
                        "icon": "cube"
                      }
                    },
                    {
                      "title": "0-1",
                      "key": "01",
                      "icon": {
                        "lib": "fa",
                        "icon": "briefcase"
                      },
                      "children": [
                        {
                          "title": "0-1-0",
                          "key": "010",
                          "icon": {
                            "lib": "fa",
                            "icon": "briefcase"
                          },
                          "children": [
                            {
                              "title": "0-1-0-1",
                              "key": "0101",
                              "icon": {
                                "lib": "fa",
                                "icon": "cube"
                              }
                            }
                          ]
                        }
                      ]
                    }
                  ]
                },
                {
                  "title": "1",
                  "key": "1",
                  "icon": {
                    "lib": "fa",
                    "icon": "briefcase"
                  },
                  "children": [
                    {
                      "title": "1-0",
                      "key": "10",
                      "icon": {
                        "lib": "fa",
                        "icon": "cube"
                      }
                    }
                  ]
                }
              ],
              "configProps": {
                "checkable": true,
                "showIcon": true
              },
              "searchable": true,
              "placeholder": "text here to search",
              "checkedKeys": [
                "00"
              ],
              "expandedKeys": [
                "0"
              ],
              "dataset": {
                "testid": "basic-usage-demo"
              }
            },
            "events": {
              "tree.select": {
                "action": "console.info"
              },
              "tree.check": {
                "action": "console.info"
              }
            }
          }
        ]
      },
      {
        "brick": "presentational-bricks.brick-tree",
        "properties": {
          "dataSource": [
            {
              "title": "0",
              "key": "0",
              "icon": {
                "lib": "fa",
                "icon": "briefcase"
              },
              "children": [
                {
                  "title": "0-0",
                  "key": "00",
                  "icon": {
                    "lib": "fa",
                    "icon": "cube"
                  }
                },
                {
                  "title": "0-1",
                  "key": "01",
                  "icon": {
                    "lib": "fa",
                    "icon": "briefcase"
                  },
                  "children": [
                    {
                      "title": "0-1-0",
                      "key": "010",
                      "icon": {
                        "lib": "fa",
                        "icon": "briefcase"
                      },
                      "children": [
                        {
                          "title": "0-1-0-1",
                          "key": "0101",
                          "icon": {
                            "lib": "fa",
                            "icon": "cube"
                          }
                        }
                      ]
                    }
                  ]
                }
              ]
            },
            {
              "title": "1",
              "key": "1",
              "icon": {
                "lib": "fa",
                "icon": "briefcase"
              },
              "children": [
                {
                  "title": "1-0",
                  "key": "10",
                  "icon": {
                    "lib": "fa",
                    "icon": "cube"
                  }
                }
              ]
            }
          ],
          "configProps": {
            "showIcon": true
          },
          "searchable": true,
          "placeholder": "text here to search",
          "checkedKeys": [
            "00"
          ],
          "expandedKeys": [
            "0"
          ],
          "suffixBrick": {
            "useBrick": {
              "brick": "span",
              "properties": {
                "style": {
                  "color": "#8c8c8c"
                },
                "textContent": "1"
              }
            }
          }
        },
        "events": {
          "tree.select": {
            "action": "console.info"
          },
          "tree.check": {
            "action": "console.info"
          }
        },
        "description": {
          "title": "树节点最右边使用构件"
        }
      },
      {
        "snippetId": "presentational-bricks.brick-tree[filter]",
        "title": {
          "zh": "树过滤",
          "en": ""
        },
        "message": {
          "zh": "在某些场景下我们只需要计数部分节点，如此处需要过滤掉属于分类的节点，可以设置checkedFilterConfig进行筛选",
          "en": ""
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-tree[filter].6f9f65520b3f4383.svg",
        "bricks": [
          {
            "brick": "presentational-bricks.brick-tree",
            "events": {
              "tree.check": {
                "action": "console.info",
                "args": [
                  "${EVENT.detail}"
                ]
              }
            },
            "properties": {
              "checkAllEnabled": true,
              "configProps": {
                "checkable": true
              },
              "checkedFilterConfig": {
                "field": "category",
                "value": "item",
                "operator": "$ne"
              },
              "dataSource": [
                {
                  "children": [
                    {
                      "key": "00",
                      "title": "二级分类1",
                      "category": "category",
                      "children": [
                        {
                          "key": "000",
                          "title": "A",
                          "category": "item"
                        },
                        {
                          "key": "001",
                          "title": "B",
                          "category": "item"
                        },
                        {
                          "key": "002",
                          "title": "C",
                          "category": "item"
                        }
                      ]
                    },
                    {
                      "children": [
                        {
                          "key": "010",
                          "title": "D",
                          "category": "item"
                        },
                        {
                          "key": "011",
                          "title": "E",
                          "category": "item"
                        }
                      ],
                      "key": "01",
                      "title": "二级分类2",
                      "category": "category"
                    }
                  ],
                  "key": "0",
                  "title": "一级分类1",
                  "category": "category"
                },
                {
                  "children": [
                    {
                      "key": "10",
                      "title": "二级分类1",
                      "category": "category",
                      "children": [
                        {
                          "key": "100",
                          "title": "Q",
                          "category": "item"
                        },
                        {
                          "key": "101",
                          "title": "W",
                          "category": "item"
                        },
                        {
                          "key": "102",
                          "title": "R",
                          "category": "item"
                        }
                      ]
                    },
                    {
                      "children": [
                        {
                          "key": "110",
                          "title": "T",
                          "category": "item"
                        },
                        {
                          "key": "111",
                          "title": "Y",
                          "category": "item"
                        }
                      ],
                      "key": "11",
                      "title": "二级分类2",
                      "category": "category"
                    }
                  ],
                  "key": "1",
                  "title": "一级分类2",
                  "category": "category"
                },
                {
                  "children": [
                    {
                      "key": "20",
                      "title": "Z",
                      "category": "item"
                    },
                    {
                      "key": "21",
                      "title": "X",
                      "category": "item"
                    },
                    {
                      "key": "22",
                      "title": "V",
                      "category": "item"
                    }
                  ],
                  "key": "2",
                  "title": "其他",
                  "category": "category"
                }
              ],
              "expandedKeys": [
                "0"
              ],
              "placeholder": "text here to search",
              "searchable": true
            }
          }
        ]
      }
    ],
    "doc": {
      "id": "presentational-bricks.brick-tree",
      "name": "presentational-bricks.brick-tree",
      "dockind": "brick",
      "description": "常用于展示应用业务树、模型树等，可以完整展现其中层级关系，并具有展开收起选择等交互功能",
      "author": "jo",
      "slots": null,
      "history": [
        {
          "version": "1.145.0",
          "change": "新增事件 `tree.selectV2`"
        }
      ],
      "memo": "",
      "properties": [
        {
          "name": "dataSource",
          "type": "BrickTreeNodeProps[]",
          "required": "true",
          "default": "-",
          "description": "树列表项，具体项见下表"
        },
        {
          "name": "selectedKeys",
          "type": "string[]",
          "required": "false",
          "default": "-",
          "description": "选择项"
        },
        {
          "name": "checkedKeys",
          "type": "string[]",
          "required": "false",
          "default": "-",
          "description": "选中项"
        },
        {
          "name": "expandedKeys",
          "type": "string[]",
          "required": "false",
          "default": "-",
          "description": "展开项"
        },
        {
          "name": "searchable",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "搜索功能"
        },
        {
          "name": "searchQ",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "搜索字符"
        },
        {
          "name": "isFilter",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "搜索的功能是否需要过滤"
        },
        {
          "name": "isDirectory",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "是否目录树"
        },
        {
          "name": "alsoSearchByKey",
          "type": "boolean",
          "required": "false",
          "default": "-",
          "description": "是否也根据key值搜索，启用后匹配项会整体高亮"
        },
        {
          "name": "showSpecificationTitleStyle",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "是否根据ui规范控制title中的样式,仅在树的title中含‘全部’和‘默认’时使用"
        },
        {
          "name": "placeholder",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "搜索框 placeholder"
        },
        {
          "name": "configProps",
          "type": "object",
          "required": "false",
          "default": "-",
          "description": "ant-design 的 tree 的相关配置项（除 selectedKeys、checkedKeys 和 expandedKeys）,具体查阅：[https://ant.design/components/tree-cn/#Tree-props](https://ant.design/components/tree-cn/#Tree-props)",
          "group": "advanced"
        },
        {
          "name": "searchParent",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "是否搜索父节点",
          "group": "advanced"
        },
        {
          "name": "checkAllEnabled",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "全选功能，只有当 `configProps.checkable` 为 `true` 时生效",
          "group": "advanced"
        },
        {
          "name": "checkedFilterConfig",
          "type": "checkedFilterProps",
          "required": "false",
          "default": "-",
          "description": "`tree.check`事件和全选计数中是否过滤掉某些节点，其中 `filed` 表示数据源中的字段路径， `value` 表示与其字段比较的值， `operator` 表示两者比较的方法。仅在设置 `configProps.checkable` 为 `true` 时生效"
        },
        {
          "name": "checkedNotRelevant",
          "type": "boolean",
          "required": "false",
          "default": "-",
          "description": "父子节点选中状态是否不关联"
        },
        {
          "name": "suffixBrick",
          "type": "{useBrick:[UseBrickConf](http://docs.developers.easyops.cn/docs/api-reference/brick-types.usebrickconf)}",
          "required": "false",
          "default": "-",
          "description": "树的最右边自定义项"
        },
        {
          "name": "suffixStopEvent",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "最右自定义项事件是否冒泡",
          "group": "advanced"
        },
        {
          "name": "afterSearchBrick",
          "type": "{useBrick:[UseBrickConf](http://docs.developers.easyops.cn/docs/api-reference/brick-types.usebrickconf)}",
          "required": "false",
          "default": "-",
          "description": "搜索框右边的自定义项，当`searchable`为true时生效"
        },
        {
          "name": "beforeTreeBrick",
          "type": "{ useBrick: [UseBrickConf](http://docs.developers.easyops.cn/docs/api-reference/brick-types.usebrickconf) }",
          "required": "false",
          "default": "-",
          "description": "树上方的构件"
        },
        {
          "name": "defaultExpandAll",
          "type": "boolean",
          "required": "false",
          "default": "`false`",
          "description": "默认展开所有树节点",
          "group": "advanced"
        },
        {
          "name": "deselectable",
          "type": "boolean",
          "required": "false",
          "default": "`true`",
          "description": "是否可取消选择",
          "group": "advanced"
        },
        {
          "name": "iconUseBrick",
          "type": "{useBrick:UseBrickConf}",
          "required": false,
          "default": "-",
          "description": "自定义节点icon",
          "group": "basic"
        },
        {
          "name": "hideSelectedNum",
          "type": "",
          "required": false,
          "default": "-",
          "description": "是否展示已选择数量",
          "group": "basic"
        },
        {
          "name": "hideBackground",
          "type": "",
          "required": false,
          "default": "-",
          "description": "隐藏背景颜色",
          "group": "basic"
        },
        {
          "name": "onlyHighlightBySearch",
          "type": "",
          "required": false,
          "default": "-",
          "description": "仅高亮搜索结果而不过滤其他节点",
          "group": "basic"
        },
        {
          "name": "virtualScrollHeight",
          "type": "number | \"auto\"",
          "required": false,
          "default": "-",
          "description": "虚拟滚动时的高度 当为 \"auto\" 时自动计算容器高度",
          "group": "advanced"
        }
      ],
      "events": [
        {
          "type": "tree.check",
          "detail": "string[]| {checked: string[]; halfChecked: string[]}",
          "description": "勾选事件"
        },
        {
          "type": "tree.checkV2",
          "detail": "{checkedKeys: string[]| {checked: string[]; halfChecked: string[]}; info: {event: string; checked: boolean; checkedNodes: DataNode[]; nativeEvent: MouseEvent;}}",
          "description": "勾选事件"
        },
        {
          "type": "tree.expand",
          "detail": "React.Key[]",
          "description": "展开事件"
        },
        {
          "type": "tree.search",
          "detail": "string[]| {checked: string[]; halfChecked: string[]}",
          "description": "搜索事件"
        },
        {
          "type": "tree.select",
          "detail": "string[]",
          "description": "选择事件"
        },
        {
          "type": "tree.selectV2",
          "detail": "{selectedKeys: string[]; info: {event: string; selected: boolean; node: EventDataNode[]; nativeEvent: MouseEvent;}}",
          "description": "选择事件，输出`selectedKeys`及`当前选中节点信息`"
        }
      ],
      "interface": [
        {
          "name": "checkedFilterProps",
          "typeParameter": null,
          "kind": "interface",
          "children": [
            {
              "name": "field",
              "type": "string",
              "required": true,
              "description": ""
            },
            {
              "name": "operator",
              "type": "\"$eq\" | \"$ne\" | \"$lt\" | \"$lte\" | \"$gt\" | \"$gte\"",
              "required": true,
              "description": ""
            },
            {
              "name": "value",
              "type": "any",
              "required": true,
              "description": ""
            }
          ],
          "indexSignature": []
        },
        {
          "name": "BrickTreeNodeProps",
          "typeParameter": null,
          "kind": "type",
          "description": "",
          "type": "Omit<AntTreeNodeProps, \"children\"> & { children?: BrickTreeNodeProps[]; icon?: TreeIcon; key?: React.Key; title?: string }"
        },
        {
          "name": "TreeIcon",
          "typeParameter": null,
          "kind": "type",
          "description": "",
          "type": "MenuIcon | React.ComponentType<SVGAttributes<SVGElement>>"
        }
      ]
    }
  },
  {
    "storyId": "presentational-bricks.brick-user",
    "category": "display-component",
    "type": "brick",
    "author": "ice",
    "text": {
      "en": "username element",
      "zh": "展示用户名"
    },
    "description": {
      "en": "providing an efficient way to present user information. It supports a variety of customizable properties to control the appearance of the user avatar, username, and other user-related elements",
      "zh": "展示用户头像信息，支持多种可定制属性，用于控制用户头像、用户名的显示以及其他相关元素的呈现"
    },
    "icon": {
      "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-user.b741417d24b97429.svg"
    },
    "conf": [
      {
        "brick": "presentational-bricks.brick-user",
        "properties": {
          "userNameOrId": "alrenhuang",
          "size": "large"
        }
      },
      {
        "brick": "presentational-bricks.brick-user",
        "properties": {
          "userNameOrId": "5c6bbc5010976"
        }
      },
      {
        "brick": "presentational-bricks.brick-user",
        "properties": {
          "userNameOrId": "easyops",
          "iconUrl": "assets/favicon.png",
          "hideUsername": true
        }
      }
    ],
    "previewColumns": 2,
    "doc": {
      "id": "presentational-bricks.brick-user",
      "name": "presentational-bricks.brick-user",
      "dockind": "brick",
      "description": "展示用户头像和用户名的构件，支持昵称显示、showKey 显示、自定义 Tooltip 及头像大小和形状配置",
      "author": "ice",
      "slots": null,
      "history": [
        {
          "version": "1.152.0",
          "change": "新属性 `showNickname`"
        },
        {
          "version": "1.62.0",
          "change": "新属性 `userNameOrId`"
        },
        {
          "version": "1.47.0",
          "change": "新属性 `size`, `shape`"
        }
      ],
      "memo": "",
      "properties": [
        {
          "name": "username",
          "type": "string",
          "required": "true",
          "default": "-",
          "deprecated": true,
          "description": "[已废弃]用户名 (废弃属性，请使用 `userNameOrId`)"
        },
        {
          "name": "userNameOrId",
          "type": "string",
          "required": "true",
          "default": "-",
          "description": "用户名或用户 instanceId",
          "group": "basic"
        },
        {
          "name": "iconUrl",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "用户头像 url",
          "group": "ui"
        },
        {
          "name": "hideAvatar",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "是否隐藏头像",
          "group": "basic"
        },
        {
          "name": "hideUsername",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "是否隐藏用户名",
          "group": "basic"
        },
        {
          "name": "size",
          "type": "\"large\" | \"small\" | \"default\"",
          "required": "false",
          "default": "\"default\"",
          "description": "设置头像的大小",
          "enums": "\"large\"|\"small\"|\"default\"",
          "group": "ui"
        },
        {
          "name": "shape",
          "type": "\"circle\" | \"square\"",
          "required": "false",
          "default": "\"circle\"",
          "description": "指定头像的形状",
          "enums": "\"circle\"|\"square\"",
          "group": "ui"
        },
        {
          "name": "showNickname",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "deprecated": true,
          "description": "[已废弃,最新用法以showNicknameOrUsername为准]是否展示昵称,当用户不含昵称昵称时不展示"
        },
        {
          "name": "showNicknameOrUsername",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "当有昵称时显示昵称，无昵称时显示用户名"
        },
        {
          "name": "displayShowKey",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "是否显示 showKey，启用后当用户拥有 showKey 时显示为 `name(showKey)` 格式（如 `alan(hero)`），否则仅显示用户名"
        },
        {
          "name": "iconMargin",
          "type": "number | string",
          "required": "false",
          "default": "0",
          "description": "头像与用户名之间的间距，支持数字（像素）或 CSS 字符串（如 `\"0 8px\"`）",
          "group": "ui"
        },
        {
          "name": "customTooltip",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "自定义 Tooltip 替换字符串，支持 `#{name}` 和 `#{showKey}` 占位符，例如 `\"发起人：#{name}\"`",
          "group": "basic"
        }
      ],
      "interface": []
    }
  },
  {
    "storyId": "presentational-bricks.brick-utils",
    "category": "other",
    "type": "brick",
    "author": "jo",
    "text": {
      "en": "Brick Of Provide Utils",
      "zh": "提供工具函数的构件"
    },
    "description": {
      "en": "Provide",
      "zh": "在构件提供一些常用的工具函数可以直接方便使用"
    },
    "icon": {
      "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-utils.7034f53a0b09f43c.svg"
    },
    "conf": [
      {
        "brick": "div",
        "slots": {
          "": {
            "type": "bricks",
            "bricks": [
              {
                "brick": "presentational-bricks.brick-utils",
                "bg": true
              },
              {
                "brick": "basic-bricks.general-button",
                "properties": {
                  "buttonName": "复制"
                },
                "events": {
                  "general.button.click": [
                    {
                      "target": "presentational-bricks\\.brick-utils",
                      "method": "copy",
                      "args": [
                        "text you want to copy"
                      ]
                    }
                  ]
                }
              },
              {
                "brick": "basic-bricks.general-button",
                "properties": {
                  "id": "gButton",
                  "title": "the hidden text",
                  "style": {
                    "marginTop": "10px"
                  },
                  "buttonName": "复制 DOM 属性"
                },
                "events": {
                  "general.button.click": [
                    {
                      "target": "presentational-bricks\\.brick-utils",
                      "method": "copyTargetProperty",
                      "args": [
                        "#gButton",
                        "title"
                      ]
                    }
                  ]
                }
              }
            ]
          }
        }
      }
    ],
    "previewColumns": 2,
    "doc": {
      "id": "presentational-bricks.brick-utils",
      "name": "presentational-bricks.brick-utils",
      "dockind": "brick",
      "description": "在构件提供一些常用的工具函数可以直接方便使用",
      "author": "jo",
      "slots": null,
      "history": [
        {
          "version": "1.74.0",
          "change": "新增方法 `copy`, `copyTargetProperty`"
        }
      ],
      "memo": "",
      "properties": [
        {
          "name": "messages",
          "type": "{ error: string; success: string }",
          "required": "false",
          "description": "复制成功/失败时的提示，默认为“复制成功/失败”",
          "group": "basic"
        }
      ],
      "methods": [
        {
          "name": "copy",
          "params": "string",
          "description": "复制到系统粘贴"
        },
        {
          "name": "copyTargetProperty",
          "params": "(target: string, property: string)",
          "description": "找到目标 DOM, 复制其属性"
        }
      ],
      "interface": []
    }
  },
  {
    "storyId": "presentational-bricks.brick-value-mapping",
    "category": "data-transform",
    "type": "brick",
    "author": "ice",
    "text": {
      "en": "Basic Value Translate",
      "zh": "基本数值映射"
    },
    "icon": {
      "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-value-mapping.f0d29d617c0dc83b.svg"
    },
    "description": {
      "en": "translate basic-type data to another text, according to what your mapping is",
      "zh": "适用于将基本类型的数值转换成有意义的文本进行展示"
    },
    "conf": [
      {
        "snippetId": "presentational-bricks.brick-value-mapping[normal]",
        "title": {
          "zh": "映射为多彩标签",
          "en": ""
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-value-mapping[normal].d6964febb8a15c6f.svg",
        "message": {
          "zh": "同时可以设置是否触发点击事件",
          "en": ""
        },
        "bricks": [
          {
            "brick": "div",
            "slots": {
              "content": {
                "type": "bricks",
                "bricks": [
                  {
                    "brick": "presentational-bricks.brick-value-mapping",
                    "properties": {
                      "showTagCircle": true,
                      "mapping": {
                        "failed": {
                          "color": "red",
                          "text": "失败"
                        },
                        "success": {
                          "color": "green",
                          "text": "正常"
                        },
                        "warning": {
                          "color": "orange",
                          "text": "异常"
                        }
                      },
                      "value": "success"
                    }
                  },
                  {
                    "brick": "presentational-bricks.brick-value-mapping",
                    "events": {
                      "brick-value-mapping.click": [
                        {
                          "action": "console.log",
                          "args": [
                            "<% EVENT.detail %>"
                          ]
                        }
                      ]
                    },
                    "properties": {
                      "style": {
                        "marginTop": "10px"
                      },
                      "triggerClickEvent": true,
                      "showTagCircle": false,
                      "mapping": {
                        "warning": {
                          "color": "red-inverse",
                          "text": "紧急"
                        },
                        "safe": {
                          "color": "green-inverse",
                          "text": "正常"
                        }
                      },
                      "value": "warning"
                    }
                  }
                ]
              }
            }
          }
        ]
      },
      {
        "description": {
          "title": "映射为多彩标签",
          "message": "通常使用圆点+非填充色标签表示不同的状态。不使用圆点的标签不代表状态，仅用于区分。填充色标签具有更高等级的信息。"
        },
        "brick": "presentational-bricks.brick-table",
        "properties": {
          "configProps": {
            "pagination": false
          },
          "columns": [
            {
              "dataIndex": "host",
              "title": "主机"
            },
            {
              "dataIndex": "id",
              "title": "编号"
            },
            {
              "dataIndex": "user",
              "title": "所属用户"
            },
            {
              "dataIndex": "status",
              "title": "状态",
              "useBrick": {
                "brick": "presentational-bricks.brick-value-mapping",
                "properties": {
                  "showTagCircle": true,
                  "mapping": {
                    "failed": {
                      "color": "red",
                      "text": "失败"
                    },
                    "success": {
                      "color": "green",
                      "text": "正常"
                    },
                    "warning": {
                      "color": "orange",
                      "text": "异常"
                    },
                    "other": {
                      "color": "gray",
                      "text": "暂无数据"
                    }
                  }
                },
                "transform": {
                  "value": "<% DATA.cellData %>"
                }
              }
            },
            {
              "dataIndex": "warning",
              "title": "警告等级",
              "useBrick": {
                "brick": "presentational-bricks.brick-value-mapping",
                "events": {
                  "brick-value-mapping.click": [
                    {
                      "action": "console.log",
                      "args": [
                        "<% EVENT.detail %>",
                        "<% DATA.rowData %>"
                      ]
                    }
                  ]
                },
                "properties": {
                  "triggerClickEvent": true,
                  "showTagCircle": false,
                  "mapping": {
                    "warning": {
                      "color": "red-inverse",
                      "text": "紧急"
                    },
                    "safe": {
                      "color": "green-inverse",
                      "text": "正常"
                    }
                  }
                },
                "transform": {
                  "value": "<% DATA.cellData %>"
                }
              }
            }
          ],
          "dataSource": {
            "list": [
              {
                "host": "主机1",
                "id": "#7220",
                "user": "easyops",
                "status": "success",
                "warning": "safe"
              },
              {
                "host": "主机2",
                "id": "#7221",
                "user": "easyops",
                "status": "failed",
                "warning": "warning"
              },
              {
                "host": "主机3",
                "id": "#7222",
                "user": "easyops",
                "status": "warning",
                "warning": "warning"
              },
              {
                "host": "主机4",
                "id": "#7223",
                "user": "easyops",
                "status": "other",
                "warning": "safe"
              }
            ]
          },
          "rowKey": "id"
        }
      },
      {
        "brick": "presentational-bricks.brick-value-mapping",
        "properties": {
          "value": "text",
          "mapping": {
            "text": {}
          }
        }
      },
      {
        "brick": "presentational-bricks.brick-value-mapping",
        "properties": {
          "value": 1,
          "mapping": {
            "0": {
              "text": "error"
            }
          }
        }
      },
      {
        "brick": "presentational-bricks.brick-value-mapping",
        "properties": {
          "value": 1,
          "mapping": {
            "1": {
              "text": "mapping-text",
              "color": "green",
              "icon": {
                "lib": "fa",
                "icon": "link"
              }
            }
          }
        }
      },
      {
        "brick": "presentational-bricks.brick-value-mapping",
        "properties": {
          "value": 2,
          "mapping": {
            "2": {
              "iconSize": 36,
              "color": "red",
              "icon": {
                "lib": "fa",
                "icon": "bell"
              }
            }
          }
        }
      },
      {
        "brick": "presentational-bricks.brick-value-mapping",
        "properties": {
          "value": "hello",
          "mapping": {
            "2": {
              "iconSize": 36,
              "color": "red",
              "icon": {
                "lib": "fa",
                "icon": "bell"
              }
            },
            ".*": {
              "color": "orange",
              "text": "remapping",
              "icon": {
                "lib": "fa",
                "icon": "star"
              }
            }
          }
        }
      },
      {
        "brick": "presentational-bricks.brick-value-mapping",
        "properties": {
          "style": {
            "display": "inline-block"
          },
          "value": "hello",
          "link": {
            "to": "/developers/brick-book"
          },
          "mapping": {
            "2": {
              "iconSize": 36,
              "color": "red",
              "icon": {
                "lib": "fa",
                "icon": "bell"
              }
            },
            ".*": {
              "color": "orange",
              "text": "remapping",
              "icon": {
                "lib": "fa",
                "icon": "star"
              }
            }
          }
        },
        "events": {
          "brick-value-mapping.click": {
            "action": "console.log"
          }
        }
      }
    ],
    "previewColumns": 1,
    "doc": {
      "id": "presentational-bricks.brick-value-mapping",
      "name": "presentational-bricks.brick-value-mapping",
      "editor": "shared-editors.general-tag--editor",
      "dockind": "brick",
      "description": "适用于将基本类型的数值转换成有意义的文本进行展示",
      "author": "ice",
      "slots": null,
      "history": [
        {
          "version": "1.89.11",
          "change": "使用 `dataSource` 代替之前 `data`"
        },
        {
          "version": "1.83.0",
          "change": "新增 `triggerClickEvent`, `link`, `data` 属性"
        },
        {
          "version": "1.65.0",
          "change": "新增属性`shape`，支持大圆角"
        },
        {
          "version": "1.52.0",
          "change": "新增特性，支持正则匹配"
        },
        {
          "version": "1.48.0",
          "change": "新增特性，映射成 icon"
        }
      ],
      "memo": "## 注意\n> 如果需要区间的条件规则映射，比如大于、小于等，请使用[条件展示](developers/brick-book/brick/presentational-bricks.brick-conditional-display)\n\n## LinkProps\n```typescript\ninterface LinkProps {\n  to?: string;\n  href?: string;\n  innerRef?: string;\n  replace?: boolean;\n  target?: string;\n}\n```\n## 映射规则说明\n\n映射支持正则匹配，匹配规则如下：\n\n1. 首先以 `value` 为 key 来获取映射，若成功匹配则使用该规则来展示；若不成功，则走下一步\n2. 将 `映射规则` 中的 key 作为正则，来匹配 `value`, 使用成功匹配的第一个规则\n\n例如\n\n```typescript\n// 以下将展示 `hi`\nconst mapping = { hello: { text: \"hi\" }, \".*\": { text: \"anything else\" } };\nconst value = \"hello\";\n\n// 以下将展示 `anything else`\nconst mapping = {\n  www: { text: \"world wide web\" },\n  \".*\": { text: \"anything else\" },\n};\nconst value = \"hello\";\n```",
      "properties": [
        {
          "name": "value",
          "type": "string | number",
          "required": false,
          "description": "原始值",
          "group": "basic"
        },
        {
          "name": "fields",
          "type": "{ value: string }",
          "required": false,
          "description": "[已废弃]字段映射, 跟 dataSource 一起使用来获得运行时 value",
          "deprecated": true,
          "group": "other"
        },
        {
          "name": "mapping",
          "type": "Record<string | number, MappingValue>",
          "required": true,
          "description": "映射规则",
          "group": "basic"
        },
        {
          "name": "showTagCircle",
          "type": "boolean",
          "required": false,
          "description": "显示文字旁边的小圈圈，按照平台规范通常表示状态的标签可设置为 true",
          "group": "basic"
        },
        {
          "name": "dataSource",
          "type": "Record<string, any>",
          "required": false,
          "description": "替代 `data` 属性，click 事件时传出的数据",
          "group": "basic"
        },
        {
          "name": "triggerClickEvent",
          "type": "boolean",
          "required": false,
          "default": "false",
          "description": "是否触发点击事件",
          "group": "other"
        },
        {
          "name": "isTextEllipsis",
          "type": "boolean",
          "required": false,
          "default": "false",
          "description": "文案超出时是否隐藏溢出文本并在鼠标悬停时显示 Tooltip",
          "group": "other"
        },
        {
          "name": "link",
          "type": "LinkProps",
          "required": false,
          "description": "配置跳转链接，在 `triggerClickEvent` 为 false 生效",
          "group": "other"
        },
        {
          "name": "data",
          "type": "any",
          "required": false,
          "description": "[已废弃]可用于接收 useBrick 传递过来的数据",
          "deprecated": true,
          "group": "other"
        }
      ],
      "events": [
        {
          "type": "brick-value-mapping.click",
          "detail": "{ data: 通过 dataSource 传入的附加数据, value: 当前映射的原始值 }",
          "description": "点击事件，需设置 `triggerClickEvent` 为 true 才会触发"
        }
      ],
      "interface": []
    }
  },
  {
    "storyId": "presentational-bricks.calendar",
    "category": "display-component",
    "type": "brick",
    "author": "Alex",
    "text": {
      "en": "Calendar",
      "zh": "日历"
    },
    "description": {
      "en": "The calendar container,The brick supports various event responses such as date changes, panel changes, and date selection, and offers a rich set of property configurations, including default date, initial mode, full-screen display, and custom rendering of date cells",
      "zh": "按照日历形式展示数据的容器，该构件支持多种事件响应，如日期变化、日期面板变化及点击选择日期等，并提供了丰富的属性配置，如默认日期、初始模式、是否全屏展示以及自定义渲染日期单元格等"
    },
    "icon": {
      "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.calendar.899aa167aa9686fa.svg"
    },
    "conf": [
      {
        "snippetId": "presentational-bricks.calendar[normal]",
        "title": {
          "zh": "基础日历",
          "en": ""
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.calendar[normal].8f2de6a29a1e8f63.svg",
        "bricks": [
          {
            "brick": "presentational-bricks.calendar",
            "properties": {
              "fullscreen": true,
              "value": "<% moment('2017-01-25') %>",
              "mode": "month"
            },
            "events": {
              "presentational.calendar.onChange": {
                "action": "console.log"
              },
              "presentational.calendar.onSelect": {
                "action": "console.log"
              },
              "presentational.calendar.onPanelChange": {
                "action": "console.log"
              }
            }
          }
        ]
      },
      {
        "brick": "presentational-bricks.calendar",
        "properties": {
          "fullscreen": true,
          "mode": "month",
          "dateCell": {
            "useBrick": {
              "brick": "div",
              "transform": {
                "style": {
                  "display": "flex",
                  "justify-content": "center",
                  "align-items": "center",
                  "height": "100%",
                  "color": "rgb(85, 151, 220)"
                },
                "textContent": "<%  DATA.date.format('ll') %>"
              }
            }
          },
          "monthCell": {
            "useBrick": {
              "brick": "presentational-bricks.brick-tag",
              "transform": {
                "style": {
                  "display": "flex",
                  "justify-content": "center",
                  "align-items": "center",
                  "height": "100%"
                },
                "color": "orange",
                "showCard": false,
                "showTagCircle": true,
                "tagList": "<% [DATA.date.format('LLL')] %>"
              }
            }
          }
        },
        "events": {
          "presentational.calendar.onChange": {
            "action": "console.log"
          },
          "presentational.calendar.onSelect": {
            "action": "console.log"
          },
          "presentational.calendar.onPanelChange": {
            "action": "console.log"
          }
        }
      },
      {
        "snippetId": "presentational-bricks.calendar[with-tag]",
        "title": {
          "zh": "基础日历(带tag标记)",
          "en": ""
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.calendar[with-tag].ba6e3be04f53ca17.svg",
        "bricks": [
          {
            "brick": "presentational-bricks.calendar",
            "events": {
              "presentational.calendar.onChange-v2": {
                "action": "console.log",
                "args": [
                  "${EVENT.detail}"
                ]
              },
              "presentational.calendar.onSelect-v2": {
                "action": "console.log",
                "args": [
                  "${EVENT.detail}"
                ]
              }
            },
            "properties": {
              "value": "<% moment('2021-07-25') %>",
              "monthCell": {
                "useBrick": {
                  "brick": "presentational-bricks.brick-tag",
                  "properties": {
                    "showCard": false
                  },
                  "transform": {
                    "color": "orange",
                    "showTagCircle": true,
                    "tagList": "<% DATA.data?.map(v=>v.data) %>"
                  }
                }
              },
              "dateCell": {
                "useBrick": {
                  "brick": "presentational-bricks.brick-tag",
                  "properties": {
                    "showCard": false
                  },
                  "transform": {
                    "color": "orange",
                    "showTagCircle": true,
                    "tagList": "<% DATA.data?.map(v=>v.data) %>"
                  }
                }
              },
              "data": [
                {
                  "date": "2021-07-02",
                  "data": "1"
                },
                {
                  "date": "2021-07-02",
                  "data": "2"
                },
                {
                  "date": "2021-07-09",
                  "data": "3"
                },
                {
                  "date": "2021-07-16",
                  "data": "4"
                }
              ]
            }
          }
        ]
      },
      {
        "brick": "presentational-bricks.calendar",
        "events": {
          "presentational.calendar.onChange-v2": {
            "action": "console.log",
            "args": [
              "${EVENT.detail}"
            ]
          },
          "presentational.calendar.onSelect-v2": {
            "action": "console.log",
            "args": [
              "${EVENT.detail}"
            ]
          }
        },
        "properties": {
          "value": "<% moment('2021-07-25') %>",
          "monthCell": {
            "useBrick": {
              "brick": "presentational-bricks.brick-tag",
              "properties": {
                "showCard": false
              },
              "transform": {
                "color": "orange",
                "showTagCircle": true,
                "tagList": "<% DATA.data?.map(v=>v.data) %>"
              }
            }
          },
          "dateCell": {
            "useBrick": {
              "brick": "presentational-bricks.brick-tag",
              "properties": {
                "showCard": false
              },
              "transform": {
                "color": "orange",
                "showTagCircle": true,
                "tagList": "<% DATA.data?.map(v=>v.data) %>"
              }
            }
          },
          "data": [
            {
              "date": "2021-07-02",
              "data": "1"
            },
            {
              "date": "2021-07-02",
              "data": "2"
            },
            {
              "date": "2021-07-09",
              "data": "3"
            },
            {
              "date": "2021-07-16",
              "data": "4"
            }
          ]
        }
      }
    ],
    "doc": {
      "id": "presentational-bricks.calendar",
      "name": "日历 calendar",
      "dockind": "brick",
      "description": "按照日历形式展示数据的容器",
      "author": "Alex",
      "history": [
        {
          "version": "1.101.0",
          "change": "新增构件 `presentational-bricks.brick-calendar`"
        }
      ],
      "memo": "### UseBrickConf\n\n| property      | type           | required | default | description                                        |\n| ------------- | -------------- | -------- | ------- | -------------------------------------------------- |\n| brick         | string         | ✔️       | -       | 构件名称                                           |\n| properties    | object         | -        | -       | 构件属性                                           |\n| events        | BrickEventsMap | -        | -       | 事件                                               |\n| transform     | string\\|object | -        | -       | 属性数据转换                                     ! |\n| transformFrom | string         | -        | -       | 属性数据转换来自数据源的哪个字段，不填则为整个数据 |",
      "properties": [
        {
          "name": "value",
          "type": "[moment](https://momentjs.com)",
          "required": "false",
          "default": "当前日期",
          "description": "value  日历默认值."
        },
        {
          "name": "mode",
          "type": "month/year",
          "required": "false",
          "default": "month",
          "description": "初始模式."
        },
        {
          "name": "fullscreen",
          "type": "Boolean",
          "required": "true",
          "default": "true",
          "description": "是否全屏展示"
        },
        {
          "name": "dateCell",
          "type": "[UseBrickConf](#UseBrickConf)",
          "required": "-",
          "default": "-",
          "description": "自定义 brick 渲染日期单元格，返回内容会被追加到单元格"
        },
        {
          "name": "monthCell",
          "type": "[UseBrickConf](#UseBrickConf)",
          "required": "true",
          "default": "-",
          "description": "自定义 brick 渲染日期单元格，返回内容会被追加到单元格"
        },
        {
          "name": "data",
          "type": "any[]",
          "required": "false",
          "default": "-",
          "description": "数据源"
        }
      ],
      "events": [
        {
          "type": "presentational.calendar.onChange",
          "detail": "[moment](https://momentjs.com)",
          "description": "日期变化事件"
        },
        {
          "type": "presentational.calendar.onChange-v2",
          "detail": "{ date: [moment](https://momentjs.com); data: any }",
          "description": "日期变化事件"
        },
        {
          "type": "presentational.calendar.onPanelChange",
          "detail": "PanelEvent",
          "description": "日期面板变化回调"
        },
        {
          "type": "presentational.calendar.onSelect",
          "detail": "[moment](https://momentjs.com)",
          "description": "点击选择日期事件"
        },
        {
          "type": "presentational.calendar.onSelect-v2",
          "detail": "{ date: [moment](https://momentjs.com); data: any }",
          "description": "点击选择日期事件-v2"
        }
      ],
      "interface": [
        {
          "name": "PanelEvent",
          "typeParameter": null,
          "kind": "interface",
          "description": "panelEvent",
          "children": [
            {
              "name": "date",
              "type": "Moment",
              "required": true,
              "description": "日期"
            },
            {
              "name": "mode",
              "type": "CalendarMode",
              "required": true,
              "description": "显示模式 month/year"
            }
          ],
          "indexSignature": []
        }
      ]
    }
  },
  {
    "storyId": "presentational-bricks.card-item",
    "category": "card-info",
    "type": "brick",
    "author": "lynette",
    "text": {
      "en": "Information Display Card,Rich configuration options and display effects. This component is mainly used to display card information with operational areas, such as resource monitoring, IT resource management, and other scenarios",
      "zh": "信息展示卡片，具有丰富的配置选项和展示效果。该构件主要用于展示具有操作区域的卡片信息，如资源监控、IT资源管理等场景"
    },
    "description": {
      "en": "General card item",
      "zh": "通用卡片项"
    },
    "icon": {
      "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.card-item.7ad5a5aa063cd195.svg"
    },
    "conf": [
      {
        "snippetId": "presentational-bricks.card-item[normal]",
        "title": {
          "zh": "通用卡片项",
          "en": ""
        },
        "message": {
          "zh": "可以配置 `operate`,`topRightOperate`,`bottomRightOperate` 等操作区的插槽。适用场景：用户可凭借图标颜色来区分不同卡片，图标具有分类意义（区分类型／状态）而存在。",
          "en": ""
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.card-item[normal].7199973d90780453.svg",
        "bricks": [
          {
            "brick": "presentational-bricks.card-item",
            "description": {
              "title": "卡片布局为 `icon-small-align-left` 类型，小尺寸 icon 位于左边。",
              "message": "可以配置 `operate`,`topRightOperate`,`bottomRightOperate` 等操作区的插槽。适用场景：用户可凭借图标颜色来区分不同卡片，图标具有分类意义（区分类型／状态）而存在。"
            },
            "properties": {
              "style": {
                "width": "308px"
              },
              "cardLayoutType": "icon-small-align-left",
              "urlTemplate": "/#{id}",
              "fields": {
                "cardTitle": "name",
                "newDescription": "newDescription",
                "descriptionList": "descriptionList",
                "topInformation": "topInformation"
              },
              "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.card-blue.bb2d085b17568d94.svg",
              "showImg": true,
              "shape": "square",
              "dataSource": {
                "id": "1",
                "name": "资源监控微应用",
                "newDescription": "资源监控微应用相关前后台",
                "topInformation": "初级应用"
              }
            },
            "slots": {
              "operate": {
                "type": "bricks",
                "bricks": [
                  {
                    "brick": "presentational-bricks.brick-tag",
                    "properties": {
                      "closable": false,
                      "tagStyle": {
                        "borderRadius": "3px"
                      },
                      "showCard": false,
                      "tagList": [
                        {
                          "key": "1",
                          "label": "IT资源管理"
                        },
                        {
                          "key": "2",
                          "label": "资源套餐"
                        },
                        {
                          "key": "3",
                          "label": "存储设备"
                        }
                      ]
                    }
                  }
                ]
              },
              "extraOperate": {
                "type": "bricks",
                "bricks": [
                  {
                    "brick": "presentational-bricks.general-tooltip",
                    "properties": {
                      "content": "实例",
                      "style": {
                        "marginRight": "8px"
                      },
                      "displayBrick": {
                        "useBrick": {
                          "brick": "presentational-bricks.basic-icon",
                          "properties": {
                            "size": "20px",
                            "icon": {
                              "lib": "easyops",
                              "category": "default",
                              "icon": "card-diff",
                              "color": "rgb(157, 168, 184)"
                            }
                          }
                        }
                      }
                    }
                  },
                  {
                    "brick": "presentational-bricks.general-tooltip",
                    "properties": {
                      "content": "实例",
                      "displayBrick": {
                        "useBrick": {
                          "brick": "presentational-bricks.basic-icon",
                          "properties": {
                            "size": "20px",
                            "icon": {
                              "lib": "easyops",
                              "category": "default",
                              "icon": "card-task-delivery",
                              "color": "rgb(157, 168, 184)"
                            }
                          }
                        }
                      }
                    }
                  }
                ]
              },
              "topRightOperate": {
                "type": "bricks",
                "bricks": [
                  {
                    "brick": "basic-bricks.general-custom-buttons",
                    "properties": {
                      "isMoreButton": true,
                      "moreButtonShape": "no",
                      "style": {
                        "marginTop": "-2px",
                        "marginRight": "-14px"
                      },
                      "customButtons": [
                        {
                          "isDropdown": true,
                          "text": "设为默认",
                          "icon": "setting",
                          "eventName": "instance.set.default"
                        },
                        {
                          "isDropdown": true,
                          "text": "删除",
                          "icon": "delete",
                          "color": "#E02020",
                          "eventName": "instance.delete"
                        }
                      ]
                    },
                    "events": {
                      "instance.set.default": {
                        "action": "console.log"
                      },
                      "instance.delete": {
                        "action": "console.log"
                      }
                    }
                  }
                ]
              }
            }
          }
        ]
      },
      {
        "brick": "presentational-bricks.card-item",
        "description": {
          "title": "禁用卡片",
          "message": "禁用的卡片不可点击跳转。操作区配置了 slot 的卡片，请按需配置子构件的属性，例如将按钮设置成 disabled 等。"
        },
        "properties": {
          "style": {
            "width": "308px"
          },
          "disabled": true,
          "cardLayoutType": "icon-small-align-left",
          "urlTemplate": "/#{id}",
          "fields": {
            "cardTitle": "name",
            "newDescription": "newDescription",
            "descriptionList": "descriptionList",
            "topInformation": "topInformation"
          },
          "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.card-blue.bb2d085b17568d94.svg",
          "showImg": true,
          "shape": "square",
          "dataSource": {
            "id": "1",
            "name": "资源监控微应用",
            "newDescription": "资源监控微应用相关前后台",
            "topInformation": "初级应用"
          }
        },
        "slots": {
          "operate": {
            "type": "bricks",
            "bricks": [
              {
                "brick": "presentational-bricks.brick-tag",
                "properties": {
                  "closable": false,
                  "tagStyle": {
                    "borderRadius": "3px"
                  },
                  "showCard": false,
                  "tagList": [
                    {
                      "key": "1",
                      "label": "IT资源管理"
                    },
                    {
                      "key": "2",
                      "label": "资源套餐"
                    },
                    {
                      "key": "3",
                      "label": "存储设备"
                    }
                  ]
                }
              }
            ]
          },
          "extraOperate": {
            "type": "bricks",
            "bricks": [
              {
                "brick": "presentational-bricks.general-tooltip",
                "properties": {
                  "content": "实例",
                  "style": {
                    "marginRight": "8px"
                  },
                  "displayBrick": {
                    "useBrick": {
                      "brick": "presentational-bricks.basic-icon",
                      "properties": {
                        "size": "20px",
                        "icon": {
                          "lib": "easyops",
                          "category": "default",
                          "icon": "card-diff",
                          "color": "rgb(157, 168, 184)"
                        }
                      }
                    }
                  }
                }
              },
              {
                "brick": "presentational-bricks.general-tooltip",
                "properties": {
                  "content": "实例",
                  "displayBrick": {
                    "useBrick": {
                      "brick": "presentational-bricks.basic-icon",
                      "properties": {
                        "size": "20px",
                        "icon": {
                          "lib": "easyops",
                          "category": "default",
                          "icon": "card-task-delivery",
                          "color": "rgb(157, 168, 184)"
                        }
                      }
                    }
                  }
                }
              }
            ]
          },
          "topRightOperate": {
            "type": "bricks",
            "bricks": [
              {
                "brick": "basic-bricks.general-custom-buttons",
                "properties": {
                  "isMoreButton": true,
                  "style": {
                    "marginTop": "-2px",
                    "marginRight": "-14px"
                  },
                  "moreButtonShape": "no",
                  "customButtons": [
                    {
                      "isDropdown": true,
                      "text": "设为默认",
                      "icon": "setting",
                      "eventName": "instance.set.default"
                    },
                    {
                      "isDropdown": true,
                      "text": "删除",
                      "icon": "delete",
                      "color": "#E02020",
                      "eventName": "instance.delete"
                    }
                  ]
                },
                "events": {
                  "instance.set.default": {
                    "action": "console.log"
                  },
                  "instance.delete": {
                    "action": "console.log"
                  }
                }
              }
            ]
          }
        }
      },
      {
        "brick": "presentational-bricks.card-item",
        "description": {
          "title": "单个扩展区样式展示",
          "message": "· 扩展区展示标签信息，这里标签用于承载分类/状态之类信息。不要超过2行展示，需特殊强调的场景，可使用彩色标签"
        },
        "properties": {
          "style": {
            "width": "308px"
          },
          "cardLayoutType": "icon-small-align-left",
          "urlTemplate": "/#{id}",
          "fields": {
            "cardTitle": "name",
            "newDescription": "newDescription",
            "descriptionList": "descriptionList"
          },
          "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.card-blue.bb2d085b17568d94.svg",
          "showImg": true,
          "shape": "square",
          "dataSource": {
            "id": "1",
            "name": "资源监控微应用",
            "newDescription": "资源监控微应用相关前后台"
          }
        },
        "slots": {
          "operate": {
            "type": "bricks",
            "bricks": [
              {
                "brick": "presentational-bricks.brick-tag",
                "properties": {
                  "closable": false,
                  "tagStyle": {
                    "borderRadius": "3px"
                  },
                  "showCard": false,
                  "tagList": [
                    {
                      "key": "1",
                      "label": "IT资源管理"
                    },
                    {
                      "key": "2",
                      "label": "资源套餐"
                    },
                    {
                      "key": "3",
                      "label": "存储设备"
                    }
                  ]
                }
              }
            ]
          }
        }
      },
      {
        "brick": "presentational-bricks.card-item",
        "description": {
          "title": "单个扩展区样式展示",
          "message": "展示统计数，如收藏/关注次数，下载次数。统计类信息置于扩展区左侧，其他附加信息如关注人头像等置于右侧"
        },
        "properties": {
          "style": {
            "width": "308px"
          },
          "cardLayoutType": "icon-small-align-left",
          "urlTemplate": "/#{id}",
          "fields": {
            "cardTitle": "name",
            "newDescription": "newDescription",
            "descriptionList": "descriptionList"
          },
          "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.card-blue.bb2d085b17568d94.svg",
          "showImg": true,
          "shape": "square",
          "dataSource": {
            "id": "1",
            "name": "资源监控微应用",
            "newDescription": "资源监控微应用相关前后台"
          }
        },
        "slots": {
          "operate": {
            "type": "bricks",
            "bricks": [
              {
                "brick": "presentational-bricks.general-tooltip",
                "properties": {
                  "content": "下载",
                  "style": {
                    "paddingTop": "4px"
                  },
                  "displayBrick": {
                    "useBrick": {
                      "brick": "presentational-bricks.basic-icon",
                      "properties": {
                        "icon": {
                          "icon": "download",
                          "lib": "antd",
                          "theme": "outlined",
                          "color": "rgb(157, 168, 184)"
                        },
                        "size": "16px"
                      }
                    }
                  }
                }
              },
              {
                "brick": "span",
                "properties": {
                  "textContent": "7",
                  "style": {
                    "paddingTop": "2px",
                    "marginRight": "8px"
                  }
                }
              },
              {
                "brick": "presentational-bricks.general-tooltip",
                "properties": {
                  "content": "收藏",
                  "style": {
                    "paddingTop": "5px"
                  },
                  "displayBrick": {
                    "useBrick": {
                      "brick": "presentational-bricks.basic-icon",
                      "properties": {
                        "icon": {
                          "icon": "star",
                          "lib": "antd",
                          "theme": "outlined",
                          "color": "rgb(157, 168, 184)"
                        },
                        "size": "16px"
                      }
                    }
                  }
                }
              },
              {
                "brick": "span",
                "properties": {
                  "textContent": "516",
                  "style": {
                    "paddingTop": "2px"
                  }
                }
              }
            ]
          },
          "bottomRightOperate": {
            "type": "bricks",
            "bricks": [
              {
                "brick": "presentational-bricks.brick-user",
                "properties": {
                  "size": "small",
                  "hideUsername": true,
                  "userNameOrId": "name",
                  "iconUrl": "https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
                }
              }
            ]
          }
        }
      },
      {
        "brick": "presentational-bricks.card-item",
        "description": {
          "title": "单个扩展区样式展示",
          "message": "辅助信息跟操作同时存在时，操作置于右"
        },
        "properties": {
          "style": {
            "width": "308px"
          },
          "cardLayoutType": "icon-small-align-left",
          "urlTemplate": "/#{id}",
          "fields": {
            "cardTitle": "name",
            "newDescription": "newDescription",
            "descriptionList": "descriptionList"
          },
          "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.card-blue.bb2d085b17568d94.svg",
          "showImg": true,
          "shape": "square",
          "dataSource": {
            "id": "1",
            "name": "资源监控微应用",
            "newDescription": "资源监控微应用相关前后台"
          }
        },
        "slots": {
          "operate": {
            "type": "bricks",
            "bricks": [
              {
                "brick": "presentational-bricks.brick-user",
                "properties": {
                  "size": "small",
                  "userNameOrId": "张元",
                  "hideUsername": true,
                  "iconUrl": "https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
                }
              },
              {
                "brick": "span",
                "properties": {
                  "style": {
                    "paddingTop": "1.5px"
                  },
                  "textContent": "张元 更新于2小时前"
                }
              }
            ]
          },
          "bottomRightOperate": {
            "type": "bricks",
            "bricks": [
              {
                "brick": "forms.general-switch",
                "properties": {
                  "size": "small"
                }
              }
            ]
          }
        }
      },
      {
        "brick": "presentational-bricks.card-item",
        "description": {
          "title": "单个扩展区样式展示",
          "message": "扩展区收纳操作场景，操作应是针对卡片详情内容的快捷功能性操作，对于卡片的操作我们是放置在卡片右上角 … 收纳。"
        },
        "properties": {
          "style": {
            "width": "308px"
          },
          "cardLayoutType": "icon-small-align-left",
          "urlTemplate": "/#{id}",
          "fields": {
            "cardTitle": "name",
            "newDescription": "newDescription",
            "descriptionList": "descriptionList"
          },
          "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.card-blue.bb2d085b17568d94.svg",
          "showImg": true,
          "shape": "square",
          "dataSource": {
            "id": "1",
            "name": "资源监控微应用",
            "newDescription": "资源监控微应用相关前后台"
          }
        },
        "slots": {
          "operate": {
            "type": "bricks",
            "bricks": [
              {
                "brick": "presentational-bricks.general-tooltip",
                "properties": {
                  "content": "实例",
                  "style": {
                    "marginRight": "8px"
                  },
                  "displayBrick": {
                    "useBrick": {
                      "brick": "presentational-bricks.basic-icon",
                      "properties": {
                        "size": "20px",
                        "icon": {
                          "lib": "easyops",
                          "category": "default",
                          "icon": "card-diff",
                          "color": "rgb(157, 168, 184)"
                        }
                      }
                    }
                  }
                }
              },
              {
                "brick": "presentational-bricks.general-tooltip",
                "properties": {
                  "content": "实例",
                  "displayBrick": {
                    "useBrick": {
                      "brick": "presentational-bricks.basic-icon",
                      "properties": {
                        "size": "20px",
                        "icon": {
                          "lib": "easyops",
                          "category": "default",
                          "icon": "card-task-delivery",
                          "color": "rgb(157, 168, 184)"
                        }
                      }
                    }
                  }
                }
              }
            ]
          }
        }
      },
      {
        "snippetId": "presentational-bricks.card-item[with-right-tag]",
        "title": {
          "zh": "可配置角标和图片图标",
          "en": ""
        },
        "message": {
          "zh": "角标可选颜色 `tagConfig.color` 以及文字 `tagConfig.text` 等信息。图片图标需要配置 `showImg` 和对应的图片资源地址 `imgSrc`",
          "en": ""
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.card-item[with-right-tag].85933479d7bd616a.svg",
        "bricks": [
          {
            "brick": "presentational-bricks.card-item",
            "properties": {
              "style": {
                "width": "308px"
              },
              "iconColor": "geekblue",
              "cardLayoutType": "icon-small-align-left",
              "urlTemplate": "/#{id}",
              "fields": {
                "cardTitle": "name",
                "newDescription": "newDescription",
                "topInformation": "topInformation"
              },
              "icon": {
                "lib": "fa",
                "icon": "chart-pie"
              },
              "showImg": true,
              "imgSrc": "https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png",
              "dataSource": {
                "id": "1",
                "name": "资源监控微应用",
                "newDescription": "资源监控微应用相关前后台",
                "topInformation": "初级应用"
              }
            },
            "slots": {
              "operate": {
                "type": "bricks",
                "bricks": [
                  {
                    "brick": "presentational-bricks.brick-tag",
                    "properties": {
                      "closable": false,
                      "tagStyle": {
                        "borderRadius": "3px"
                      },
                      "showCard": false,
                      "tagList": [
                        {
                          "key": "1",
                          "label": "IT资源管理"
                        },
                        {
                          "key": "2",
                          "label": "资源套餐"
                        },
                        {
                          "key": "3",
                          "label": "存储设备"
                        }
                      ]
                    }
                  }
                ]
              },
              "extraOperate": {
                "type": "bricks",
                "bricks": [
                  {
                    "brick": "presentational-bricks.general-tooltip",
                    "properties": {
                      "content": "实例",
                      "style": {
                        "marginRight": "8px"
                      },
                      "displayBrick": {
                        "useBrick": {
                          "brick": "presentational-bricks.basic-icon",
                          "properties": {
                            "size": "20px",
                            "icon": {
                              "lib": "easyops",
                              "category": "default",
                              "icon": "card-diff",
                              "color": "rgb(157, 168, 184)"
                            }
                          }
                        }
                      }
                    }
                  },
                  {
                    "brick": "presentational-bricks.general-tooltip",
                    "properties": {
                      "content": "实例",
                      "displayBrick": {
                        "useBrick": {
                          "brick": "presentational-bricks.basic-icon",
                          "properties": {
                            "size": "20px",
                            "icon": {
                              "lib": "easyops",
                              "category": "default",
                              "icon": "card-task-delivery",
                              "color": "rgb(157, 168, 184)"
                            }
                          }
                        }
                      }
                    }
                  }
                ]
              },
              "topRightOperate": {
                "type": "bricks",
                "bricks": [
                  {
                    "brick": "basic-bricks.general-custom-buttons",
                    "properties": {
                      "isMoreButton": true,
                      "moreButtonShape": "no",
                      "style": {
                        "marginTop": "-2px",
                        "marginRight": "-14px"
                      },
                      "customButtons": [
                        {
                          "isDropdown": true,
                          "text": "设为默认",
                          "icon": "setting",
                          "eventName": "instance.set.default"
                        },
                        {
                          "isDropdown": true,
                          "text": "删除",
                          "icon": "delete",
                          "color": "#E02020",
                          "eventName": "instance.delete"
                        }
                      ]
                    },
                    "events": {
                      "instance.set.default": {
                        "action": "console.log"
                      },
                      "instance.delete": {
                        "action": "console.log"
                      }
                    }
                  }
                ]
              }
            }
          }
        ]
      }
    ],
    "doc": {
      "id": "presentational-bricks.card-item",
      "name": "presentational-bricks.card-item",
      "dockind": "brick",
      "description": "通用卡片项",
      "author": "lynette",
      "slots": [
        {
          "name": "afterTitle",
          "description": " 标题后面的slot，通常搭配\"presentational-bricks.brick-value-mapping\"使用"
        },
        {
          "name": "afterSubtitle",
          "description": " 副标题后的slot,卡片类型 cardLayoutType 为 \"icon-small-align-left\" | \"icon-align-left\" \"时可用"
        },
        {
          "name": "operate",
          "description": "操作区 slot，通常搭配\"basic-bricks.general-button\"使用。"
        },
        {
          "name": "topRightOperate",
          "description": "右上角操作区 slot，通常搭配\"basic-bricks.general-custom-buttons\"使用。卡片类型 cardLayoutType 为 \"icon-as-background\" | \"icon-small-align-left\" | \"icon-align-left\" | \"icon-align-middle\" | \"block-icon-align-left\"时可用。"
        },
        {
          "name": "bottomRightOperate",
          "description": "右下角操作区 slot，通常搭配\"basic-bricks.general-custom-buttons\"使用。卡片类型 cardLayoutType 为 \"icon-as-background\"（icon不设置） | \"icon-small-align-left\" | \"icon-align-right\" | \"icon-align-left\" 时可用。"
        },
        {
          "name": "afterDescription",
          "description": "描述列表后的slot，通常搭配\"basic-bricks.brick-value-mapping\"使用。卡片类型 cardLayoutType 为 \"icon-as-background\"（useAfterDescriptionSlot设置）时可用。"
        }
      ],
      "history": [
        {
          "version": "1.171.0",
          "change": " `cardLayoutType` 增加 \"block-icon-align-left\" 类型，新增属性 `showImg`,`imgSrc`,`tagConfig.color`,`tagConfig.triangle`"
        },
        {
          "version": "1.160.0",
          "change": " `cardLayoutType` 增加 \"icon-align-middle\" 类型"
        },
        {
          "version": "1.160.0",
          "change": " 新增属性`disabled`,`fields.disabled`"
        },
        {
          "version": "1.150.0",
          "change": " 新增属性`alwaysShowDescription`"
        },
        {
          "version": "1.135.0",
          "change": " 新增属性`showOperationAreaWhenHovering`"
        },
        {
          "version": "1.94.0",
          "change": " 新增属性`href`"
        }
      ],
      "memo": "",
      "properties": [
        {
          "name": "cardLayoutType",
          "type": "CardLayoutType",
          "required": "false",
          "default": "\"icon-as-background\"",
          "description": "卡片布局类型，具体样式看 Demo",
          "group": "basic"
        },
        {
          "name": "fields",
          "type": "{ cardSubtitle?: string; cardTitle?: string; descriptionList?: string; disabled?: string; icon?: string; iconColor?: string; iconOffsetX?: string; iconOffsetY?: string; iconOpacity?: string; iconSize?: string; iconStyle?: string; newDescription?: string; topInformation?: string }",
          "required": "false",
          "description": "字段映射, 跟 dataSource 一起使用来获得运行时 cardTitle、cardSubtitle、newDescription、topInformation、descriptionList、icon、iconColor、iconStyle、iconSize、iconOffsetX、iconOffsetY、iconOpacity、disabled",
          "group": "other"
        },
        {
          "name": "dataSource",
          "type": "Record<string, any>",
          "required": "true",
          "description": "卡片信息数据源",
          "group": "basic"
        },
        {
          "name": "urlTemplate",
          "type": "string",
          "required": "false",
          "description": "卡片跳转 url，支持模版变量",
          "group": "basic"
        },
        {
          "name": "cardTitle",
          "type": "string",
          "required": "false",
          "description": "卡片 title",
          "group": "basic"
        },
        {
          "name": "cardSubtitle",
          "type": "string",
          "required": "false",
          "description": "卡片 副标题",
          "group": "basic"
        },
        {
          "name": "newDescription",
          "type": "string",
          "required": "false",
          "description": "卡片 新的描述信息、存在时cardSubtitle、descriptionList属性不生效",
          "group": "basic"
        },
        {
          "name": "topInformation",
          "type": "string",
          "required": "false",
          "description": "卡片 顶部辅助信息",
          "group": "basic"
        },
        {
          "name": "descriptionList",
          "type": "string[] | string | DescriptionItem[]",
          "required": "false",
          "description": "描述信息",
          "group": "basic"
        },
        {
          "name": "descMaxLine",
          "type": "number",
          "required": "false",
          "default": "3",
          "description": "描述信息的最大行数，默认为 3 行，当信息比较少的时候可以设成 3 行以下。UI 规范建议 3 或者 3 以下。",
          "group": "ui"
        },
        {
          "name": "hideDescCircle",
          "type": "boolean",
          "required": "false",
          "description": "描述信息为数组的时候，默认显示每个`<li>`前面的小圈圈，不需要的时候可以隐藏",
          "group": "ui"
        },
        {
          "name": "url",
          "type": "string",
          "required": "false",
          "description": "卡片跳转 url， url 优先于 urlTemplate 执行",
          "group": "basic"
        },
        {
          "name": "href",
          "type": "string",
          "required": "false",
          "description": "卡片跳转 href，优先于 url 执行",
          "group": "basic"
        },
        {
          "name": "target",
          "type": "string",
          "required": "false",
          "description": "卡片跳转 target，例如可以设置成 _blank",
          "group": "basic"
        },
        {
          "name": "icon",
          "type": "MenuIcon",
          "required": "false",
          "description": "卡片右下角的 icon, [详细配置](https://github.com/easyops-cn/next-core/blob/34a0808712ecaa925d0860d281ab23cf3bec7317/packages/brick-types/src/menu.ts#L104), 也可参照示例中的写法",
          "group": "basic"
        },
        {
          "name": "iconStyle",
          "type": "Record<string, any>",
          "required": "false",
          "description": "卡片右下角的 icon 的样式，例如需要调整 opacity、right、bottom 的时候可以使用",
          "group": "ui"
        },
        {
          "name": "iconColor",
          "type": "Color",
          "required": "false",
          "default": "\"gray\"",
          "description": "卡片类型为 \"icon-small-align-left\" | \"icon-align-right\" | \"icon-align-left\" 的时候可以设置 icon 的颜色",
          "group": "ui"
        },
        {
          "name": "iconSize",
          "type": "string | number",
          "required": "false",
          "default": "100px",
          "description": "卡片类型为 \"icon-as-background\" 的时候可以设置 icon 的大小",
          "group": "ui"
        },
        {
          "name": "iconOffsetX",
          "type": "string | number",
          "required": "false",
          "default": "0",
          "description": "卡片类型为 \"icon-as-background\" 的时候可以设置 icon 的 X 轴偏移量，向左为正数向右为负数",
          "group": "basic"
        },
        {
          "name": "iconOffsetY",
          "type": "string | number",
          "required": "false",
          "default": "0",
          "description": "卡片类型为 \"icon-as-background\" 的时候可以设置 icon 的 Y 轴偏移量，向上为正数向下为负数",
          "group": "basic"
        },
        {
          "name": "iconOpacity",
          "type": "number",
          "required": "false",
          "default": "0.45",
          "description": "卡片类型为 \"icon-as-background\" 的时候可以设置 icon 的透明度",
          "group": "ui"
        },
        {
          "name": "tagConfig",
          "type": "{ color?: Color; field?: string; hideOperate?: boolean; isNotEqual?: boolean; text: string; triangle?: boolean; value?: any }",
          "required": "false",
          "description": "右上角 tag 标签",
          "group": "other"
        },
        {
          "name": "configProps",
          "type": "CardProps",
          "required": "false",
          "description": "完全透传给 antd 的 Card 属性，详见：[antd卡片属性](https://ant.design/components/card-cn/#Card)",
          "group": "other"
        },
        {
          "name": "bordered",
          "type": "boolean",
          "required": "false",
          "default": "true",
          "description": "卡片项是否显示外边框",
          "group": "ui"
        },
        {
          "name": "showOperationAreaWhenHovering",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "是否鼠标悬浮显示操作区",
          "group": "basic"
        },
        {
          "name": "alwaysShowDescription",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "是否总是总是展示描述区域",
          "group": "basic"
        },
        {
          "name": "descriptionDataType",
          "type": "\"list\" | \"section\"",
          "required": "false",
          "default": "false",
          "description": "指定描述区的显示形式，若descriptionList为数组时，应当指定为 `list`,若descriptionList为字符串时，应当指定为 `section`,单独使用卡片时无需设置该属性",
          "group": "basic"
        },
        {
          "name": "hoverable",
          "type": "boolean",
          "required": "false",
          "default": "true",
          "description": "卡片项是否hover浮起",
          "group": "ui"
        },
        {
          "name": "disabled",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "禁用卡片，禁用的卡片不可点击跳转。操作区配置了 slot 的卡片，请按需配置子构件的属性，例如将按钮设置成 disabled 等。",
          "group": "basic"
        },
        {
          "name": "reverseBgColor",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "反转背景色，背景色为icon传入的颜色，icon为白色。",
          "group": "ui"
        },
        {
          "name": "imgSrc",
          "type": "string",
          "required": "false",
          "description": "图片图标的src",
          "group": "basic"
        },
        {
          "name": "showImg",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "是否显示图片，默认显示图标，设置显示图片后，可配置 `imgSrc` 属性",
          "group": "basic"
        },
        {
          "name": "imgSize",
          "type": "number",
          "required": "false",
          "description": "图标是img时，可以设置 img 的大小，不设置时会铺满",
          "group": "basic"
        },
        {
          "name": "shape",
          "type": "\"circle\" | \"square\" | \"round-square\"",
          "required": "false",
          "default": "\"circle\"",
          "description": "设置icon背景形状，仅在设置`bg`为true时有效",
          "group": "basic"
        },
        {
          "name": "useLinkBehavior",
          "type": "boolean",
          "required": "true",
          "default": "true",
          "description": "卡片是否使用a标签实现点击",
          "group": "basic"
        },
        {
          "name": "useAfterDescriptionSlot",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "卡片类型 cardLayoutType 为 \"icon-as-background\" 是否使用afterDescription插槽",
          "group": "basic"
        }
      ],
      "events": [
        {
          "type": "presentational-bricks.card-item.click",
          "detail": "",
          "description": "点击的 card-item 触发的事件，tips:点击卡片会先判断事件监听器能否传播到 class=\"listContainer cardListContainer\"元素，是则触发自身的\\_handleClick 方法触发事件，否则不会触发事件。"
        }
      ],
      "interface": [
        {
          "name": "CardLayoutType",
          "typeParameter": null,
          "kind": "enum",
          "children": [
            {
              "name": "BLOCK_ICON_ALIGN_LEFT",
              "value": "\"block-icon-align-left\"",
              "description": ""
            },
            {
              "name": "ICON_ALIGN_LEFT",
              "value": "\"icon-align-left\"",
              "description": ""
            },
            {
              "name": "ICON_ALIGN_MIDDLE",
              "value": "\"icon-align-middle\"",
              "description": ""
            },
            {
              "name": "ICON_ALIGN_RIGHT",
              "value": "\"icon-align-right\"",
              "description": ""
            },
            {
              "name": "ICON_AS_BACKGROUND",
              "value": "\"icon-as-background\"",
              "description": ""
            },
            {
              "name": "ICON_SMALL_ALIGN_LEFT",
              "value": "\"icon-small-align-left\"",
              "description": ""
            }
          ]
        },
        {
          "name": "DescriptionItem",
          "typeParameter": null,
          "kind": "interface",
          "children": [
            {
              "name": "field",
              "type": "string",
              "required": false,
              "description": ""
            },
            {
              "name": "label",
              "type": "string",
              "required": true,
              "description": ""
            },
            {
              "name": "value",
              "type": "string",
              "required": false,
              "description": ""
            }
          ],
          "indexSignature": []
        },
        {
          "name": "Color",
          "typeParameter": null,
          "kind": "type",
          "description": "",
          "type": "\"green\" | \"red\" | \"blue\" | \"orange\" | \"cyan\" | \"purple\" | \"geekblue\" | \"gray\""
        }
      ]
    }
  },
  {
    "storyId": "code-bricks.code-editor",
    "category": "form-input",
    "type": "brick",
    "author": "lynette",
    "text": {
      "en": "Code Editor",
      "zh": "代码编辑构件"
    },
    "description": {
      "en": "suport Shell、Python、CSS、HTML highlight",
      "zh": "支持Shell、Python、CSS、HTML等语法高亮"
    },
    "icon": {
      "lib": "antd",
      "type": "code"
    },
    "conf": [
      {
        "snippetId": "code-bricks.code-editor[yaml]",
        "title": {
          "zh": "代码编辑器(yaml模式)",
          "en": ""
        },
        "bricks": [
          {
            "brick": "code-bricks.code-editor",
            "properties": {
              "mode": "yaml",
              "theme": "monokai",
              "maxLines": "Infinity",
              "value": "- a: \"b\"\n- c: \"d\"",
              "exportFileName": "content.txt"
            },
            "events": {
              "code.change": {
                "action": "console.log"
              },
              "editor.blur": {
                "action": "console.log"
              },
              "error.change": {
                "action": "console.log"
              }
            }
          }
        ]
      },
      {
        "snippetId": "code-bricks.code-editor[json]",
        "title": {
          "zh": "代码编辑器(json模式)",
          "en": ""
        },
        "bricks": [
          {
            "brick": "code-bricks.code-editor",
            "properties": {
              "mode": "json",
              "theme": "tomorrow",
              "maxLines": 10,
              "value": "{\n  \"a\": \"b\"\n}"
            },
            "events": {
              "code.change": {
                "action": "console.log"
              },
              "editor.blur": {
                "action": "console.log"
              },
              "error.change": {
                "action": "console.log"
              }
            }
          }
        ]
      },
      {
        "brick": "forms.general-form",
        "properties": {
          "values": {
            "properties": "{\n  \"a\": \"b\"\n}"
          }
        },
        "events": {
          "validate.success": {
            "action": "console.log",
            "args": [
              "${EVENT.type}",
              "${EVENT.detail}"
            ]
          },
          "validate.error": {
            "action": "console.warn",
            "args": [
              "${EVENT.type}",
              "${EVENT.detail}"
            ]
          }
        },
        "slots": {
          "items": {
            "type": "bricks",
            "bricks": [
              {
                "brick": "code-bricks.code-editor",
                "properties": {
                  "mode": "json",
                  "theme": "monokai",
                  "maxLines": 10,
                  "name": "properties",
                  "label": "Properties",
                  "required": true,
                  "message": {
                    "required": "请输入 Properties"
                  }
                },
                "events": {
                  "code.change": {
                    "action": "console.log"
                  },
                  "editor.blur": {
                    "action": "console.log"
                  },
                  "error.change": {
                    "action": "console.log"
                  }
                }
              },
              {
                "brick": "forms.general-buttons",
                "properties": {
                  "showCancelButton": true,
                  "submitText": "提交",
                  "cancelText": "取消"
                },
                "events": {
                  "submit.button.click": {
                    "action": "console.log"
                  },
                  "cancel.button.click": {
                    "action": "console.log"
                  }
                }
              }
            ]
          }
        }
      },
      {
        "brick": "code-bricks.code-editor",
        "description": {
          "title": "自定义Json schema",
          "message": "当 `mode` 为 json,yaml,brick_next,brick_next_yaml 之一时会根据该 `jsonSchema` 进行校验"
        },
        "properties": {
          "mode": "json",
          "theme": "monokai",
          "maxLines": "Infinity",
          "value": "{\n  \"tags\": [\"tag1\",\"tag2\"]\n}",
          "jsonSchema": {
            "type": "object",
            "additionalProperties": false,
            "properties": {
              "tags": {
                "type": "array",
                "items": {
                  "type": "string"
                }
              }
            },
            "$schema": "http://json-schema.org/draft-07/schema#"
          }
        }
      },
      {
        "brick": "code-bricks.code-editor",
        "description": {
          "title": "Json schema + schemaRef",
          "message": "`schemaRef` 可以指向 `jsonSchema` 的部分片段。以 `#` 开头代表根节点，例如可以设置成 `#/properties/subKey`，则直接验证指向的 `subKey` 字段的类型，即 `string`。"
        },
        "properties": {
          "mode": "json",
          "theme": "monokai",
          "maxLines": "Infinity",
          "value": "\"I am a string value\"",
          "schemaRef": "#/properties/subKey",
          "jsonSchema": {
            "type": "object",
            "properties": {
              "subKey": {
                "type": "string"
              }
            },
            "$schema": "http://json-schema.org/draft-07/schema#"
          }
        }
      }
    ],
    "doc": null
  },
  {
    "storyId": "presentational-bricks.collapsible-card-item",
    "category": "card-info",
    "type": "brick",
    "author": "lynette",
    "text": {
      "en": "Collapsible Card Item",
      "zh": "可折叠卡片项"
    },
    "description": {
      "en": "This brick offers an interactive UI element that allows users to expand or collapse content areas by clicking on the card title. Its main features include customizable card titles, descriptions, icons, and styles, as well as support for hover effects and custom headers",
      "zh": "该构件提供了一种交互式的界面元素，允许用户通过点击卡片标题来展开或折叠内容区域。其主要特性包括自定义卡片标题、描述信息、图标以及样式设置，同时支持hover效果和自定义头部"
    },
    "icon": {
      "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.collapsible-card-item.94eb029a982e858f.svg"
    },
    "conf": [
      {
        "snippetId": "presentational-bricks.collapsible-card-item[normal]",
        "title": {
          "zh": "基础可折叠卡片项",
          "en": ""
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.collapsible-card-item[normal].6fcff2bd70c99701.svg",
        "bricks": [
          {
            "brick": "presentational-bricks.collapsible-card-item",
            "properties": {
              "contentStyle": {
                "paddingBottom": "16px"
              },
              "cardTitle": "gitlab",
              "icon": {
                "lib": "antd",
                "type": "gitlab"
              }
            },
            "slots": {
              "content": {
                "type": "bricks",
                "bricks": [
                  {
                    "brick": "presentational-bricks.brick-descriptions",
                    "properties": {
                      "showCard": false,
                      "itemList": [
                        {
                          "text": "https://git2.easyops.local",
                          "label": "GitLab URL"
                        },
                        {
                          "text": "zMKpMvRPhfWf2A-EX5oj",
                          "label": "Access Key"
                        }
                      ]
                    }
                  }
                ]
              },
              "operate": {
                "type": "bricks",
                "bricks": [
                  {
                    "brick": "basic-bricks.general-button",
                    "properties": {
                      "buttonName": "设置",
                      "buttonType": "primary"
                    },
                    "events": {
                      "general.button.click": [
                        {
                          "action": "console.log"
                        }
                      ]
                    }
                  }
                ]
              }
            }
          }
        ]
      }
    ],
    "doc": {
      "id": "presentational-bricks.collapsible-card-item",
      "name": "presentational-bricks.collapsible-card-item",
      "dockind": "brick",
      "description": "长条形可折叠卡片，里面可以放表单／description等构件",
      "author": "lynette",
      "slots": [
        {
          "name": "content",
          "description": "卡片展开的内容"
        },
        {
          "name": "header",
          "description": "header 自定义构件，需要同时把 customHeader 设置成 true"
        },
        {
          "name": "operate",
          "description": "操作区的构件"
        }
      ],
      "history": [
        {
          "version": "1.179.0",
          "change": " 新增`hoverable`,`cardStyle`属性"
        }
      ],
      "memo": "",
      "properties": [
        {
          "name": "cardTitle",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "卡片 title"
        },
        {
          "name": "cardDesc",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "卡片描述信息"
        },
        {
          "name": "hoverable",
          "type": "boolean",
          "required": "false",
          "default": "true",
          "description": "是否展示hover效果"
        },
        {
          "name": "cardStyle",
          "type": "CSSProperties",
          "required": "false",
          "default": "-",
          "description": "卡片样式"
        },
        {
          "name": "icon",
          "type": "MenuIcon",
          "required": "false",
          "default": "-",
          "description": "卡片 icon"
        },
        {
          "name": "iconStyle",
          "type": "Record<string, any>",
          "required": "false",
          "default": "-",
          "description": "卡片右下角的 icon 的样式，例如需要调整 opacity、right、bottom 的时候可以使用"
        },
        {
          "name": "dataSource",
          "type": "Record<string, any>",
          "required": "true",
          "default": "-",
          "description": "卡片信息数据源"
        },
        {
          "name": "fields",
          "type": "{ cardTitle?: string;icon?:string; }",
          "required": "true",
          "default": "-",
          "description": "字段映射, 跟 dataSource 一起使用来获得运行时 cardTitle、icon"
        },
        {
          "name": "isActive",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "卡片是否默认展开"
        },
        {
          "name": "disableClickHeaderToOpen",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "是否禁止点击卡片头部展开（有些场景不希望用户点击头部展开，而希望定制点击按钮展开时，可设置为 true）"
        },
        {
          "name": "customHeader",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "是否自定义头部"
        },
        {
          "name": "disableClickHeaderToClose",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "是否禁止点击卡片头部折叠（有些场景不希望用户点击头部折叠，而希望定制点击按钮折叠时，可设置为 true）"
        },
        {
          "name": "contentStyle",
          "type": "Record<string,any>",
          "required": "false",
          "default": "-",
          "description": "内容区样式，目前内容区有默认 padding:32px 72px。当里面的构件自己带有边距的时候需要自行调整到理想样式效果。"
        },
        {
          "name": "subscriptConfig",
          "type": "any",
          "required": true
        },
        {
          "name": "operatingAreaStyle",
          "type": "CSSProperties",
          "required": true
        }
      ],
      "events": [
        {
          "type": "collapse.change",
          "detail": "boolean",
          "description": "折叠状态改变"
        }
      ],
      "methods": [
        {
          "name": "close",
          "description": "折叠卡片"
        },
        {
          "name": "open",
          "description": "展开卡片"
        },
        {
          "name": "toggle",
          "description": "切换展开折叠卡片"
        }
      ],
      "interface": []
    }
  },
  {
    "storyId": "presentational-bricks.copyable-text",
    "category": "text",
    "type": "brick",
    "author": "ann",
    "text": {
      "en": "copyable-text",
      "zh": "可复制文本"
    },
    "description": {
      "en": "allows users to easily copy text with a simple click interaction,customizable tooltips, and options to hide the text or change the display style",
      "zh": "通过简单的点击交互轻松复制文本,可自定义的提示文案，以及隐藏文本或更改显示样式的选项"
    },
    "icon": {
      "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.copyable-text.2009d9183c80fdb4.svg"
    },
    "conf": [
      {
        "snippetId": "presentational-bricks.copyable-text[normal]",
        "title": {
          "zh": "基础可复制文本",
          "en": ""
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.copyable-text[normal].bfe526b5bf6131ab.svg",
        "bricks": [
          {
            "brick": "presentational-bricks.copyable-text",
            "properties": {
              "text": "This is a copyable text.",
              "hiddenText": true,
              "tooltips": "自定义提示文案"
            }
          }
        ]
      },
      {
        "brick": "presentational-bricks.copyable-text",
        "properties": {
          "text": "This is a copyable text.",
          "type": "input"
        }
      }
    ],
    "doc": {
      "id": "presentational-bricks.copyable-text",
      "name": "presentational-bricks.copyable-text",
      "dockind": "brick",
      "description": "可复制文本",
      "author": "ann",
      "slots": null,
      "history": [
        {
          "version": "1.99.0",
          "change": "新增构件 `presentational-bricks.copyable-text`"
        }
      ],
      "memo": "",
      "properties": [
        {
          "name": "text",
          "type": "string",
          "required": "true",
          "default": "-",
          "description": "要复制的文本"
        },
        {
          "name": "tooltips",
          "type": "string",
          "required": "false",
          "default": "复制(copy)",
          "description": "自定义提示文案"
        },
        {
          "name": "hiddenText",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "是否隐藏需要复制的文本，`input`样式下该设置无效"
        },
        {
          "name": "type",
          "type": "string",
          "required": "false",
          "default": "custom",
          "description": "构件样式，支持普通(`custom`)和输入框(`input`)和 中间省略(`text`) 样式（见示例）"
        },
        {
          "name": "dataSource",
          "type": "object",
          "required": "false",
          "default": "-",
          "description": "数据源"
        },
        {
          "name": "suffixCount",
          "type": "number",
          "required": "false",
          "default": "10",
          "description": "当`type: text`，中间省略时，保留文本末尾字段的的数量"
        }
      ],
      "events": [
        {
          "type": "text.click",
          "detail": "any",
          "description": "文本点击时触发的事件"
        }
      ],
      "interface": []
    }
  },
  {
    "storyId": "presentational-bricks.cost-time",
    "category": "data-transform",
    "type": "brick",
    "author": "lynette",
    "text": {
      "en": "Text Conversion - Automatic Conversion to UNIX Time Consuming",
      "zh": "文本转换-自动转换unix时间耗时"
    },
    "description": {
      "en": "primarily used for data transformation presentation. It can represent the time cost with millisecond-level accuracy and allows for custom start and end times",
      "zh": "主要用于数据转换展示，能够以毫秒级精度表现消耗时间，并允许自定义起始与结束时间,用户可通过属性配置单位样式，以适应不同的界面设计需求"
    },
    "icon": {
      "imgSrc": "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20width%3D%22105px%22%20height%3D%2255px%22%20viewBox%3D%220%200%20105%2055%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%20%20%20%20%3Ctitle%3Epresentational-bricks.cost-time%3C%2Ftitle%3E%20%20%20%20%3Cg%20id%3D%22nora%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22-%E6%9E%84%E4%BB%B6%E6%A6%82%E8%A7%88%E5%9B%BE%E4%B8%89%22%20transform%3D%22translate%28-1045.000000%2C%20-103.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22presentational-bricks.cost-time%22%20transform%3D%22translate%281045.000000%2C%20103.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22%E7%9F%A9%E5%BD%A2%E5%A4%87%E4%BB%BD-46%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22105%22%20height%3D%2255%22%20rx%3D%224%22%3E%3C%2Frect%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20id%3D%222%E5%B0%8F%E6%97%B63%E5%88%86%22%20fill-rule%3D%22nonzero%22%20font-family%3D%22PingFang-SC-Medium%2C%20PingFang%20SC%22%20font-size%3D%2216%22%20font-weight%3D%22400%22%20fill%3D%22%23262626%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ctspan%20x%3D%2218%22%20y%3D%2234%22%3E2%E5%B0%8F%E6%97%B63%E5%88%86%3C%2Ftspan%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Ftext%3E%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E"
    },
    "conf": [
      {
        "brick": "presentational-bricks.cost-time",
        "properties": {
          "cost": 123456
        }
      },
      {
        "brick": "presentational-bricks.cost-time",
        "properties": {
          "startTime": 1593603641000,
          "endTime": 1593603798000
        }
      }
    ],
    "previewColumns": 2,
    "doc": {
      "id": "presentational-bricks.cost-time",
      "name": "presentational-bricks.cost-time",
      "dockind": "brick",
      "description": "耗时展示构件，将毫秒级时间自动转换为人类可读的时间文本（如\"15秒\"、\"1天\"），支持直接传入耗时或通过起止时间自动计算",
      "author": "lynette",
      "slots": null,
      "history": null,
      "memo": "",
      "properties": [
        {
          "name": "cost",
          "type": "number",
          "required": "false",
          "description": "消耗时间（毫秒级）",
          "group": "basic"
        },
        {
          "name": "startTime",
          "type": "string | number",
          "required": "false",
          "description": "起始时间，与 endTime 配合使用，当未传入 cost 时自动计算耗时",
          "group": "basic"
        },
        {
          "name": "endTime",
          "type": "string | number",
          "required": "false",
          "description": "结束时间，与 startTime 配合使用，当未传入 cost 时自动计算耗时",
          "group": "basic"
        },
        {
          "name": "unitStyle",
          "type": "CSSProperties",
          "required": "false",
          "description": "时间单位文本的自定义样式，设置后将使用自定义渲染逻辑而非默认的 costTime 函数",
          "group": "ui"
        },
        {
          "name": "dataSource",
          "type": "any",
          "required": "false",
          "description": "[已废弃]数据源",
          "deprecated": true,
          "group": "other"
        },
        {
          "name": "fields",
          "type": "{ cost?: string; endTime?: string; startTime?: string }",
          "required": "false",
          "description": "[已废弃]字段映射, 跟 dataSource 一起使用来获得运行时对应字段",
          "deprecated": true,
          "group": "other"
        }
      ],
      "interface": []
    }
  },
  {
    "storyId": "presentational-bricks.crontab-display",
    "category": "data-transform",
    "type": "brick",
    "author": "jo",
    "text": {
      "en": "【Tool Flow】Crontab Display",
      "zh": "【工具流程】定时任务时间展示"
    },
    "icon": {
      "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.crontab-display.658cc8fde5592082.svg"
    },
    "description": {
      "en": "This brick s primarily used to convert Cron job expressions into a readable format for users. Its main function is to display the complex timing configurations in an intuitive way",
      "zh": "主要用于将定时任务表达式转化为用户易于阅读的格式。它的核心功能是将复杂的定时时间配置以直观的方式展示给用户"
    },
    "conf": [
      {
        "brick": "presentational-bricks.crontab-display",
        "properties": {
          "value": "5 9 3 * *"
        }
      },
      {
        "brick": "presentational-bricks.crontab-display",
        "properties": {
          "value": "7 3 2 1 2"
        }
      }
    ],
    "doc": {
      "id": "presentational-bricks.crontab-display",
      "name": "presentational-bricks.crontab-display",
      "dockind": "brick",
      "description": "把定时器的时间人性化展示",
      "author": "jo",
      "slots": null,
      "history": null,
      "memo": "",
      "properties": [
        {
          "name": "value",
          "type": "string",
          "required": "true",
          "default": "-",
          "description": "待转化成可阅读的定时时间， 格式为以空格为分隔的五位`* * * * * (每分钟)`, 按顺序分别代表分钟，小时，天，月，星期。"
        },
        {
          "name": "dataSource",
          "type": "Record<string, any>",
          "required": "false",
          "default": "-",
          "description": "[已废弃]数据源"
        },
        {
          "name": "fields",
          "type": "{ value: string }",
          "required": "false",
          "default": "-",
          "description": "[已废弃]字段映射, 跟 dataSource 一起使用来获得运行时对应字段"
        }
      ],
      "interface": []
    }
  },
  {
    "storyId": "presentational-bricks.datetime-selector",
    "category": "form-input-basic",
    "type": "brick",
    "author": "jo",
    "text": {
      "en": "Datetime Selector",
      "zh": "日期时间选择器"
    },
    "description": {
      "en": "designed for selecting date and time ranges. It offers a range of features that cater to various scenarios, including basic and custom time range options, event handling, and URL parameter updates",
      "zh": "适用于各种日期和时间范围的选择场景。它具备丰富的特性，包括基础的默认时间范围选项和自定义时间范围选项，以及事件处理和URL参数更新等功能"
    },
    "icon": {
      "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.datetime-selector.6f856dbdde392e94.svg"
    },
    "conf": [
      {
        "snippetId": "presentational-bricks.datetime-selector[normal]",
        "title": {
          "zh": "基础默认时间范围选项",
          "en": ""
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.datetime-selector[normal].420b44e6ef9782ed.svg",
        "bricks": [
          {
            "description": {
              "title": "默认时间范围选项"
            },
            "brick": "presentational-bricks.datetime-selector",
            "properties": {
              "from": "<% QUERY.from || 'now/d' %>",
              "to": "<% QUERY.to %>"
            },
            "events": {
              "datetime.selected.v2": {
                "action": "console.log"
              },
              "datetime.selected.v3": {
                "action": "console.log"
              }
            }
          }
        ]
      },
      {
        "snippetId": "presentational-bricks.datetime-selector[custom]",
        "title": {
          "zh": "自定义时间范围选项",
          "en": ""
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.datetime-selector[custom].2c7e0475206f962b.svg",
        "bricks": [
          {
            "description": {
              "title": "自定义时间范围选项"
            },
            "brick": "presentational-bricks.datetime-selector",
            "properties": {
              "shouldUpdateUrlParams": false,
              "from": "<% QUERY.from || 'now/d' %>",
              "to": "<% QUERY.to %>",
              "type": "custom",
              "customTimeRange": [
                {
                  "range": "now-1h",
                  "text": "近1小时"
                },
                {
                  "range": "now-1d",
                  "text": "近24小时"
                },
                {
                  "range": "now/d",
                  "text": "今天"
                },
                {
                  "range": "now-7d",
                  "text": "近7天"
                },
                {
                  "range": "now-30d",
                  "text": "近30天"
                },
                {
                  "range": "now-1y",
                  "text": "近一年"
                }
              ]
            }
          }
        ]
      }
    ],
    "doc": {
      "id": "presentational-bricks.datetime-selector",
      "name": "presentational-bricks.datetime-selector",
      "dockind": "brick",
      "description": "常用于时间的过滤，支持快速选择时间区间和自定义，例如图表或表格的时间过滤",
      "author": "jo",
      "slots": null,
      "history": [
        {
          "version": "1.63.0",
          "change": "新属性 `placement`"
        },
        {
          "version": "1.80.0",
          "change": "新增事件 `datetime.selected.v2, datetime.selected.v3`"
        },
        {
          "version": "1.105.0",
          "change": "新增属性 `resolution`"
        }
      ],
      "memo": "> Tips: 第一个示例 demo 由于 shouldUpdateUrlParams=true 会更新 url 中的参数，会导致第二个示例时间选择器也会跟着变化， 而第二个示例 shouldUpdateUrlParams=false, 不会改变 url 所以第一示例不受它的影响，特作此说明。\n\n```typescript\nfrom to 书写规范如下：\nnow-15m 近 15 分钟\nnow-30m 近 30 分钟\nnow-1h 近 1 小时\nnow-12h 近 12 小时\nnow-24h 近 24 小时\nnow/d 今天(今天0时到现在的时间)\nnow-7d 近 7 天\nnow-30d 近 30 天\nnow-6M 近 6 月\nnow/y 今年(今年第一天开始到今天的时间)\nnow-1y 近 1 年\n```\n\n> Tips: 对于时间段范围的时间，组件封装了 parseDatetimeRange 的解析函数，统一转化为时间戳处理，不必额外再写转换函数, [github链接](https://github.com/easyops-cn/next-libs/blob/207fe7ee3ac010ab860c23cd062216c8ca612f0c/libs/datetime-components/src/processor/parseDatetimeRange.ts#L3)",
      "properties": [
        {
          "name": "from",
          "type": "string",
          "required": "true",
          "default": "\"now-1d\"",
          "description": "默认起始时间，支持任意时间范围,相关规则请按下列规则书写（\"now-1h\", \"now-1d\", \"now/d\", \"now-7d\", \"now-30d\")  [正则表达式](https://github.com/easyops-cn/next-libs/blob/207fe7ee3ac010ab860c23cd062216c8ca612f0c/libs/datetime-components/src/processor/parseDatetimeRange.ts#L18)  注意当通过 \\${query.from=now/d} 赋默认值给 form 属性时，由于 [placeholder 占位符语法](https://admin.easyops.local/next-docs/docs/brick-next/evaluate-placeholders) 不支持 `/` 的特殊字符解析，所以该值需要用字符串的形式来书写（如 demo 所示）。",
          "group": "basic"
        },
        {
          "name": "to",
          "type": "string",
          "required": "false",
          "description": "默认结束时间, 相关规则请参照from属性",
          "group": "basic"
        },
        {
          "name": "shouldUpdateUrlParams",
          "type": "boolean",
          "required": "false",
          "default": "true",
          "description": "是否更新 url 参数并刷新页面",
          "group": "basic"
        },
        {
          "name": "type",
          "type": "\"default\" | \"custom\"",
          "required": "false",
          "default": "\"default\"",
          "description": "时间选择器支持两种类型，一种是默认的，固定显示常用的几种时间范围，一种是自定义的，可根据需求定制特定时间范围",
          "group": "basic"
        },
        {
          "name": "customTimeRange",
          "type": "{range: string, text: string}",
          "required": "false",
          "description": "当 type 为 custom 时，配置定制的时间范围，目前暂支持如下时间点，当 type 为 default 时，该配置项无效",
          "group": "basic"
        },
        {
          "name": "placement",
          "type": "TooltipPlacement",
          "required": "false",
          "default": "\"bottom\"",
          "description": "弹出位置",
          "group": "other"
        },
        {
          "name": "resolution",
          "type": "\"ms\" | \"s\"",
          "required": "false",
          "default": "\"ms\"",
          "description": "指定时间戳的单位，目前支持秒和毫秒，默认为毫秒，切换为秒时，url 和事件传出的时间戳都会调整成以秒为单位",
          "group": "other"
        },
        {
          "name": "size",
          "type": "\"default\" | \"large\" | \"small\"",
          "required": "false",
          "description": "打开选择器的按钮的大小",
          "group": "other"
        },
        {
          "name": "selectNearDays",
          "type": "number",
          "required": "false",
          "description": "限制选择近n天",
          "group": "other"
        },
        {
          "name": "format",
          "type": "string",
          "required": "false",
          "description": "自定义日期显示格式，例如 \"YYYY-MM-DD HH:mm:ss\"",
          "group": "other"
        },
        {
          "name": "rangeDays",
          "type": "number",
          "required": "false",
          "description": "限制选择范围天数",
          "group": "other"
        }
      ],
      "events": [
        {
          "type": "datetime.selected",
          "detail": "{ type: \"dateRange\"; value: \"now/d\" } | { type: \"specifiedDate\"; value: { from: number; to: number }}",
          "description": "[已废弃]选择时间"
        },
        {
          "type": "datetime.selected.v2",
          "detail": "{ from: number; to: number }",
          "description": "选择当前时间戳，与 `datetime.selected` 不同的是会把时间统一转换成时间戳的形式输出"
        },
        {
          "type": "datetime.selected.v3",
          "detail": "{ from: number; to: number } | { from: string }",
          "description": "选择当前时间，与 `datetime.selected` 不同的是虽然还是区分时间戳和时间段两种类型，但是调整了输出字段格式, 这样更利于某些监控场景的使用和编排"
        }
      ],
      "interface": [
        {
          "name": "TooltipPlacement",
          "typeParameter": null,
          "kind": "type",
          "description": "",
          "type": "\"top\" | \"left\" | \"right\" | \"bottom\" | \"topLeft\" | \"topRight\" | \"bottomLeft\" | \"bottomRight\" | \"leftTop\" | \"leftBottom\" | \"rightTop\" | \"rightBottom\""
        }
      ]
    }
  },
  {
    "storyId": "presentational-bricks.dropdown-select",
    "category": "navigation",
    "type": "brick",
    "author": "jo",
    "text": {
      "en": "Menu with Dropdown Select",
      "zh": "菜单切换-带下拉选择"
    },
    "description": {
      "en": "a feature-rich dropdown selector brick. it supports both single and multiple selection operations and can be tailored to meet various business needs through the configuration of various properties",
      "zh": "功能丰富的下拉选择器构件，它支持单选与多选操作，并且可以通过配置各种属性来满足不同的业务需求"
    },
    "icon": {
      "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.dropdown-select.880e5dcbbf1dd9d9.svg"
    },
    "conf": [
      {
        "snippetId": "presentational-bricks.dropdown-select[normal]",
        "title": {
          "zh": "基础单选示例",
          "en": ""
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.dropdown-select[normal].f79818115ca747cc.svg",
        "bricks": [
          {
            "brick": "presentational-bricks.dropdown-select",
            "properties": {
              "options": [
                {
                  "label": "应用1",
                  "value": "aaaa",
                  "content": "描述1"
                },
                {
                  "label": "应用2",
                  "value": "bbbb",
                  "content": "描述2"
                },
                {
                  "label": "应用3",
                  "value": "cccc",
                  "content": "描述3"
                }
              ],
              "placeholder": "请选择",
              "value": "aaaa",
              "labelFontSize": "16px"
            },
            "events": {
              "select.change": {
                "action": "console.info"
              }
            }
          }
        ]
      },
      {
        "description": {
          "title": "多选示例"
        },
        "brick": "presentational-bricks.dropdown-select",
        "properties": {
          "options": [
            {
              "label": "应用1",
              "value": "aaaa",
              "content": "描述1"
            },
            {
              "label": "应用2",
              "value": "bbbb",
              "content": "描述2"
            },
            {
              "label": "应用3",
              "value": "cccc",
              "content": "描述3"
            }
          ],
          "value": "bbbb",
          "placeholder": "请选择",
          "labelFontSize": "14px",
          "multipleSelect": true,
          "selectedKeys": [
            "aaaa",
            "bbbb"
          ]
        },
        "events": {
          "select.change": {
            "action": "console.info"
          }
        }
      }
    ],
    "doc": {
      "id": "presentational-bricks.dropdown-select",
      "name": "presentational-bricks.dropdown-select",
      "dockind": "brick",
      "description": "用于菜单项较多时收纳相关菜单项",
      "author": "jo",
      "slots": null,
      "history": [
        {
          "version": "1.122.0",
          "change": "新增 `labelFontSize` 属性"
        }
      ],
      "memo": "",
      "properties": [
        {
          "name": "options",
          "type": "Option[]",
          "required": "false",
          "description": "选项列表，不能与 dataSource + label + optionTitle + optionContent + valuePath 同时使用",
          "group": "basic"
        },
        {
          "name": "dataSource",
          "type": "any[]",
          "required": "false",
          "default": "[]",
          "description": "数据源",
          "group": "other",
          "deprecated": true
        },
        {
          "name": "value",
          "type": "any[]",
          "required": "false",
          "description": "选中项的值，跟 `valuePath` 搭配使用，根据指定的字段路径与 value 的值得出当前选中项",
          "group": "basic"
        },
        {
          "name": "label",
          "type": "string",
          "required": "false",
          "default": "使用 optionTitle 的值",
          "description": "选中项显示的 label，支持模板替换，替换上下文为当前项 `item` 使用时需要带上 item 前缀 `#{item.xxx}`",
          "group": "other",
          "deprecated": true
        },
        {
          "name": "disabled",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "是否禁用",
          "group": "basic"
        },
        {
          "name": "heightFix",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "单选时，下拉内容区高度是否固定",
          "group": "basic"
        },
        {
          "name": "buttonIcon",
          "type": "MenuIcon",
          "required": "false",
          "description": "按钮 icon，支持[icon 图标库](developers/icon)，可直接复制图标图标的配置（antd、fa 及 easyops 三种库都支持），也可只取 icon 字段的值（仅支持 antd 库）。配置{ \"lib\": \"antd\", \"icon\": \"edit\" }与 \"edit\"等价 [类型定义](https://github.com/easyops-cn/next-core/blob/34a0808712ecaa925d0860d281ab23cf3bec7317/packages/brick-types/src/menu.ts#L104)",
          "group": "basic"
        },
        {
          "name": "dropdownButtonType",
          "type": "\"default\" | \"shape\"",
          "required": "false",
          "default": "\"default\"",
          "description": "设置下拉选择器按钮样式",
          "group": "ui"
        },
        {
          "name": "labelFontSize",
          "type": "string",
          "required": "false",
          "description": "label 的 fontSize",
          "group": "ui"
        },
        {
          "name": "placeholder",
          "type": "string",
          "required": "false",
          "description": "placeholder, 当没有当前项选中时显示",
          "group": "basic"
        },
        {
          "name": "optionTitle",
          "type": "string",
          "required": "false",
          "default": "#{item}",
          "description": "选项的标题，支持模板替换，使用跟 label 字段一样",
          "group": "other",
          "deprecated": true
        },
        {
          "name": "optionContent",
          "type": "string",
          "required": "false",
          "description": "选项的内容，支持模板替换，使用跟 label 字段一样",
          "group": "other",
          "deprecated": true
        },
        {
          "name": "valuePath",
          "type": "string",
          "required": "false",
          "default": "item",
          "description": "依据当前项 `item`，指定选项值的 path",
          "group": "other",
          "deprecated": true
        },
        {
          "name": "multipleSelect",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "是否支持多选，支持多选时，单选的value属性失效",
          "group": "basic"
        },
        {
          "name": "selectedKeys",
          "type": "string[]",
          "required": "false",
          "default": "[]",
          "description": "多选的选中项",
          "group": "basic"
        },
        {
          "name": "selectTipText",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "下拉框提示信息"
        },
        {
          "name": "selectBoxStyle",
          "type": "CSSProperties",
          "required": "false",
          "description": "下拉框样式"
        },
        {
          "name": "defaultSelectedKeys",
          "type": "string[]",
          "required": "false",
          "default": "[]",
          "description": "多选的默认选中项",
          "group": "basic"
        },
        {
          "name": "minSelectedItemLength",
          "type": "number",
          "required": "false",
          "description": "最小选择数量（多选）",
          "group": "basic"
        },
        {
          "name": "multipleLabel",
          "type": "string",
          "required": "false",
          "description": "多选时，当前label仅支持显示从构件外部传入,multipleLabel属性仅在dropdownButtonType为multiple时生效",
          "group": "basic"
        },
        {
          "name": "tipBrick",
          "type": "{ useBrick: UseBrickConf }",
          "required": "false",
          "description": "提示构件",
          "group": "other"
        },
        {
          "name": "hideLabel",
          "type": "boolean",
          "required": "false",
          "description": "不展示label",
          "group": "other"
        },
        {
          "name": "dropdownTriggerStyle",
          "type": "CSSProperties",
          "required": "false",
          "description": "额外的下拉开关样式",
          "group": "other"
        },
        {
          "name": "labelBrick",
          "type": "{ useBrick: UseBrickConf }",
          "required": "false",
          "description": "label 的构件配置",
          "group": "ui"
        }
      ],
      "events": [
        {
          "type": "multiple.select.change",
          "detail": "{value: any}",
          "description": "多选选项选中事件"
        },
        {
          "type": "select.change",
          "detail": "{value: any; item: any}",
          "description": "选项改变事件"
        }
      ],
      "interface": [
        {
          "name": "Option",
          "typeParameter": null,
          "kind": "interface",
          "children": [
            {
              "name": "content",
              "type": "React.ReactText",
              "required": false,
              "description": ""
            },
            {
              "name": "label",
              "type": "React.ReactText",
              "required": true,
              "description": ""
            },
            {
              "name": "value",
              "type": "any",
              "required": true,
              "description": ""
            }
          ],
          "indexSignature": [
            {
              "name": "__index",
              "parameters": [
                {
                  "id": 16927,
                  "name": "propName",
                  "kind": 32768,
                  "kindString": "Parameter",
                  "flags": {
                    "isExported": true
                  },
                  "type": "string"
                }
              ],
              "type": "any",
              "required": true
            }
          ]
        }
      ]
    }
  },
  {
    "storyId": "presentational-bricks.dynamic-content",
    "category": "data-transform",
    "type": "brick",
    "author": "lynette",
    "text": {
      "en": "dynamic content",
      "zh": "模板动态内容"
    },
    "description": {
      "en": "",
      "zh": "支持解析模版的动态内容构件，例如：共 #{total} 条"
    },
    "icon": {
      "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.dynamic-content.e987a3a51e251a27.svg"
    },
    "conf": [
      {
        "snippetId": "presentational-bricks.dynamic-content[normal]",
        "title": {
          "zh": "基础模板动态内容",
          "en": ""
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.dynamic-content[normal].bc2197330012d9a3.svg",
        "bricks": [
          {
            "brick": "presentational-bricks.dynamic-content",
            "properties": {
              "dataSource": {
                "total": 100
              },
              "dynamicContent": "共 #{total} 条"
            }
          }
        ]
      },
      {
        "brick": "presentational-bricks.dynamic-content",
        "properties": {
          "dataSource": {
            "ctime": "2019-10-10"
          },
          "dynamicContent": "创建时间：#{ctime}"
        }
      }
    ],
    "previewColumns": 2,
    "doc": {
      "id": "presentational-bricks.dynamic-content",
      "name": "presentational-bricks.dynamic-content",
      "dockind": "brick",
      "description": "支持解析模版的动态内容构件，例如：共 #{total} 条",
      "author": "lynette",
      "slots": null,
      "history": null,
      "memo": "",
      "properties": [
        {
          "name": "dataSource",
          "type": "Record<string, any>",
          "required": "true",
          "default": "-",
          "description": "数据来源"
        },
        {
          "name": "dynamicContent",
          "type": "string",
          "required": "true",
          "default": "-",
          "description": "动态模板内容。例如：共 #{total} 条。用`#{}`表示变量。"
        }
      ],
      "interface": []
    }
  },
  {
    "storyId": "presentational-bricks.entry-card-item",
    "category": "card-info",
    "type": "brick",
    "author": "lynette",
    "text": {
      "en": "entry card item",
      "zh": "入口卡片项"
    },
    "description": {
      "en": "provide a user-friendly and customizable card information component for frontend development. It offers a variety of properties to fine-tune the card's appearance and behavior, including data sources, title, description, icons, colors, and URL redirection. The storyboard is particularly useful for creating clear and interactive card entries in applications",
      "zh": "它具备了丰富的属性配置，能够细致地调整卡片的展现形式和交互行为。它支持数据源绑定、标题、描述、图标、颜色以及URL跳转等功能，特别适用于在应用中创建清晰且具有交互性的卡片入口"
    },
    "icon": {
      "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.entry-card-item.38c8ad9a9f4d3bfe.svg"
    },
    "conf": [
      {
        "snippetId": "presentational-bricks.entry-card-item[normal]",
        "title": {
          "zh": "基础入口卡片项",
          "en": ""
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.entry-card-item[normal].5a285f35ba3314e7.svg",
        "bricks": [
          {
            "brick": "presentational-bricks.entry-card-item",
            "properties": {
              "dataSource": {
                "id": "1",
                "name": "卡片标题",
                "iconColor": "cyan",
                "icon": {
                  "lib": "easyops",
                  "category": "model",
                  "icon": "app"
                }
              },
              "fields": {
                "cardTitle": "name",
                "icon": "icon",
                "iconColor": "iconColor"
              },
              "urlTemplate": "/#{id}"
            }
          }
        ]
      },
      {
        "brick": "presentational-bricks.entry-card-item",
        "properties": {
          "cardTitle": "卡片标题",
          "iconColor": "brightOrange",
          "icon": {
            "lib": "easyops",
            "category": "model",
            "icon": "host"
          },
          "urlTemplate": "/123"
        }
      }
    ],
    "previewColumns": 2,
    "doc": {
      "id": "presentational-bricks.entry-card-item",
      "name": "presentational-bricks.entry-card-item",
      "dockind": "brick",
      "description": "可配置icon和title的卡片项",
      "author": "lynette",
      "slots": null,
      "history": null,
      "memo": "",
      "properties": [
        {
          "name": "dataSource",
          "type": "Record<string, any>",
          "required": "true",
          "default": "-",
          "description": "卡片信息数据源"
        },
        {
          "name": "cardTitle",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "卡片 title"
        },
        {
          "name": "description",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "卡片 description"
        },
        {
          "name": "fields",
          "type": "{ cardTitle?: string; icon?:string;iconColor?:string; }",
          "required": "true",
          "default": "-",
          "description": "字段映射, 跟 dataSource 一起使用来获得运行时 cardTitle、 icon、iconColor"
        },
        {
          "name": "icon",
          "type": "MenuIcon",
          "required": "false",
          "default": "-",
          "description": "卡片 icon"
        },
        {
          "name": "iconColor",
          "type": "'purple'/'red'/'softOrange'/'cyan'/'blue'/'darkPurple'/'lightCyan'/'brightOrange'/'white'",
          "required": "false",
          "default": "-",
          "description": "icon 颜色"
        },
        {
          "name": "iconSize",
          "type": "'small/default'",
          "required": "false",
          "default": "-",
          "description": "icon 大小"
        },
        {
          "name": "target",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "url target，如_blank"
        },
        {
          "name": "url",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "卡片跳转 url"
        },
        {
          "name": "urlTemplate",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "卡片跳转 url 模板，支持模版变量"
        },
        {
          "name": "hoverHighLight",
          "type": "boolean",
          "required": "false",
          "default": "true",
          "description": "hover文字效果，`true`为蓝字高亮，`false`为黑字加粗"
        },
        {
          "name": "showCard",
          "type": "boolean",
          "required": "false",
          "default": "true",
          "description": "是否用 Card 包裹"
        },
        {
          "name": "cardStyle",
          "type": "object",
          "required": "false",
          "default": "-",
          "description": "card样式"
        },
        {
          "name": "disabled",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "是否禁用"
        },
        {
          "name": "tip",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "鼠标悬浮的提示"
        }
      ],
      "interface": [
        {
          "name": "Color",
          "typeParameter": null,
          "kind": "enum",
          "children": [
            {
              "name": "blue",
              "value": "\"blue\"",
              "description": ""
            },
            {
              "name": "blue-inverse",
              "value": "\"blue-inverse\"",
              "description": ""
            },
            {
              "name": "cyan",
              "value": "\"cyan\"",
              "description": ""
            },
            {
              "name": "cyan-inverse",
              "value": "\"cyan-inverse\"",
              "description": ""
            },
            {
              "name": "geekblue",
              "value": "\"geekblue\"",
              "description": ""
            },
            {
              "name": "geekblue-inverse",
              "value": "\"geekblue-inverse\"",
              "description": ""
            },
            {
              "name": "gray",
              "value": "\"gray\"",
              "description": ""
            },
            {
              "name": "gray-inverse",
              "value": "\"gray-inverse\"",
              "description": ""
            },
            {
              "name": "green",
              "value": "\"green\"",
              "description": ""
            },
            {
              "name": "green-inverse",
              "value": "\"green-inverse\"",
              "description": ""
            },
            {
              "name": "orange",
              "value": "\"orange\"",
              "description": ""
            },
            {
              "name": "orange-inverse",
              "value": "\"orange-inverse\"",
              "description": ""
            },
            {
              "name": "purple",
              "value": "\"purple\"",
              "description": ""
            },
            {
              "name": "purple-inverse",
              "value": "\"purple-inverse\"",
              "description": ""
            },
            {
              "name": "red",
              "value": "\"red\"",
              "description": ""
            },
            {
              "name": "red-inverse",
              "value": "\"red-inverse\"",
              "description": ""
            },
            {
              "name": "yellow",
              "value": "\"yellow\"",
              "description": ""
            },
            {
              "name": "yellow-inverse",
              "value": "\"yellow-inverse\"",
              "description": ""
            }
          ]
        }
      ]
    }
  },
  {
    "storyId": "presentational-bricks.general-badge",
    "category": "display-component",
    "type": "brick",
    "author": "Jimmy",
    "text": {
      "en": "badge",
      "zh": "徽标数"
    },
    "description": {
      "en": "a versatile display component that serves as a notification badge, capable of presenting text, icons, and even other bricks within it. This component is ideal for scenarios where you need to draw attention to dynamic updates or counts, such as new messages or notifications. It offers a variety of customizable properties including content, color, count display, and data sources",
      "zh": "可用作通知徽标，能够展示文本、图标，甚至其他构件内部内容。该组件非常适合需要在动态更新或计数时吸引用户注意的场景，如新消息或通知。它提供了一系列可自定义的属性，包括内容、颜色、计数显示和数据源"
    },
    "icon": {
      "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.general-badge.73c9b7a07f9c949c.svg"
    },
    "conf": [
      {
        "brick": "presentational-bricks.general-badge",
        "properties": {
          "count": 15,
          "overflowCount": 99,
          "content": "我的通知"
        },
        "description": {
          "title": "基本",
          "message": "内容是普通的文字"
        }
      },
      {
        "brick": "presentational-bricks.general-badge",
        "properties": {
          "dataSource": {
            "username": "easyops"
          },
          "count": 0,
          "overflowCount": 99,
          "color": "green",
          "showZero": true,
          "content": {
            "useBrick": {
              "brick": "presentational-bricks.brick-user",
              "properties": {
                "userNameOrId": "alrenhuang",
                "hideUsername": true,
                "size": "large"
              }
            }
          }
        },
        "description": {
          "title": "内容中使用构件",
          "message": "内容使用了构件替代普通文字，例如：用户头像构件"
        }
      },
      {
        "brick": "presentational-bricks.general-badge",
        "properties": {
          "count": 100,
          "overflowCount": 99,
          "color": "red",
          "content": {
            "useBrick": {
              "brick": "div",
              "properties": {
                "textContent": "更大的字体",
                "style": {
                  "font-size": "16px"
                }
              }
            }
          }
        },
        "description": {
          "title": "更多选项",
          "message": "可以设置封顶的数字值、字体等"
        }
      },
      {
        "brick": "presentational-bricks.general-badge",
        "properties": {
          "count": 100,
          "overflowCount": 99,
          "color": "red",
          "dot": true,
          "contentIcon": {
            "lib": "antd",
            "icon": "notification",
            "theme": "outlined"
          }
        },
        "description": {
          "title": "内容使用Icon",
          "message": "可以使用Icon作为内容，配合小红点"
        }
      }
    ],
    "previewColumns": 2,
    "doc": {
      "id": "presentational-bricks.general-badge",
      "author": "Jimmy",
      "history": [
        {
          "version": "1.0.0",
          "change": " 新增构件 `presentational-bricks.general-badge`"
        }
      ],
      "dockind": "brick",
      "properties": [
        {
          "name": "content",
          "type": "string | { useBrick: UseBrickConf, dataSource?: any }",
          "required": "false",
          "default": "-",
          "description": "文字内容，可以使用自定义构件来做复杂的展示。不设置时单独使用徽标。"
        },
        {
          "name": "contentIcon",
          "type": "MenuIcon",
          "required": "false",
          "default": "-",
          "description": "在内容中使用Icon"
        },
        {
          "name": "dataSource",
          "type": "any",
          "required": "false",
          "default": "false",
          "description": "数据源，content 的数据默认来自都来自于此，也可以在content中单独设置数据源。"
        },
        {
          "name": "color",
          "type": "Color",
          "required": "false",
          "default": "red",
          "description": "徽标的颜色"
        },
        {
          "name": "count",
          "type": "number",
          "required": "false",
          "default": "-",
          "description": "展示的数字，大于 overflowCount 时显示为 ${overflowCount}+，为 0 时隐藏"
        },
        {
          "name": "overflowCount",
          "type": "number",
          "required": "false",
          "default": "99",
          "description": "展示封顶的数字值"
        },
        {
          "name": "dot",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "不展示数字，只有一个小圆点.",
          "group": "advanced"
        },
        {
          "name": "offset",
          "type": "[number, number]",
          "required": "false",
          "default": "-",
          "description": "设置状态点的位置偏移，格式为 [x, y]",
          "group": "advanced"
        },
        {
          "name": "showZero",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "当数值为 0 时，是否展示徽标"
        },
        {
          "name": "disablePointerEvents",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "是否禁用鼠标事件，通常配合按钮使用时设置"
        }
      ],
      "interface": []
    }
  },
  {
    "storyId": "presentational-bricks.general-carousel",
    "category": "container-display",
    "type": "brick",
    "author": "jo",
    "text": {
      "en": "General Carousel",
      "zh": "通用轮播构件"
    },
    "description": {
      "en": "defines a series of properties, such as autoplay, dots display, and the visibility of navigation arrows, making the carousel component flexible and adaptable to various scenarios. By uniformly defining the content displayed in the carousel (useBrick), combining with rich custom styles (carouselStyle) and responsive layout settings (responsive), developers can easily achieve complex carousel effects",
      "zh": "定义了一系列属性，如是否自动播放、指示点的显示、翻页按钮的可见性等，使得轮播图构件能够灵活适应各种场景需求。通过统一定义轮播图显示的内容（useBrick），结合丰富的自定义样式（carouselStyle）和响应式布局设置（responsive），开发者可以轻松实现复杂的轮播效果"
    },
    "icon": {
      "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.general-carousel.7b625fccfdba2456.svg"
    },
    "conf": [
      {
        "snippetId": "presentational-bricks.general-carousel[normal]",
        "title": {
          "en": "",
          "zh": "基础的轮播图"
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.general-carousel[normal].1d5b2390097ef15f.svg",
        "bricks": [
          {
            "brick": "basic-bricks.general-card",
            "slots": {
              "content": {
                "type": "bricks",
                "bricks": [
                  {
                    "brick": "presentational-bricks.general-carousel",
                    "properties": {
                      "carouselStyle": {
                        "width": "500px"
                      },
                      "autoplay": false,
                      "components": [
                        {
                          "brick": "presentational-bricks.markdown-display",
                          "properties": {
                            "dataSource": "![](http://placekitten.com/g/400/200)"
                          }
                        },
                        {
                          "brick": "presentational-bricks.markdown-display",
                          "properties": {
                            "dataSource": "文字内容1"
                          }
                        }
                      ]
                    }
                  }
                ]
              }
            }
          }
        ]
      },
      {
        "snippetId": "presentational-bricks.general-carousel[autoplay]",
        "title": {
          "zh": "定时轮播图",
          "en": ""
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.general-carousel[autoplay].9250002e66817c34.svg",
        "bricks": [
          {
            "brick": "basic-bricks.general-card",
            "slots": {
              "content": {
                "type": "bricks",
                "bricks": [
                  {
                    "brick": "presentational-bricks.general-carousel",
                    "properties": {
                      "autoplay": true,
                      "dots": false,
                      "slidesToShow": 2,
                      "slidesToScroll": 2,
                      "carouselStyle": {
                        "width": "500px"
                      },
                      "components": [
                        {
                          "brick": "div",
                          "properties": {
                            "textContent": "文字内容1"
                          }
                        },
                        {
                          "brick": "div",
                          "properties": {
                            "textContent": "文字内容2"
                          }
                        },
                        {
                          "brick": "div",
                          "properties": {
                            "textContent": "文字内容3"
                          }
                        },
                        {
                          "brick": "div",
                          "properties": {
                            "textContent": "文字内容4"
                          }
                        }
                      ]
                    }
                  }
                ]
              }
            }
          }
        ]
      },
      {
        "brick": "basic-bricks.general-card",
        "slots": {
          "content": {
            "type": "bricks",
            "bricks": [
              {
                "brick": "presentational-bricks.general-carousel",
                "properties": {
                  "autoplay": true,
                  "slidesToShow": 2,
                  "carouselStyle": {
                    "width": "500px"
                  },
                  "responsive": [
                    {
                      "breakpoint": 1800,
                      "settings": {
                        "slidesToShow": 2,
                        "slidesToScroll": 2
                      }
                    },
                    {
                      "breakpoint": 1000,
                      "settings": {
                        "slidesToShow": 1,
                        "slidesToScroll": 1
                      }
                    }
                  ],
                  "components": [
                    {
                      "brick": "div",
                      "properties": {
                        "textContent": "响应式布局示例"
                      }
                    },
                    {
                      "brick": "div",
                      "properties": {
                        "textContent": "宽度太小会变成一列"
                      }
                    }
                  ]
                }
              }
            ]
          }
        }
      },
      {
        "brick": "basic-bricks.general-card",
        "slots": {
          "content": {
            "type": "bricks",
            "bricks": [
              {
                "brick": "presentational-bricks.general-carousel",
                "properties": {
                  "carouselStyle": {
                    "width": "500px"
                  },
                  "autoplay": false,
                  "dataSource": [
                    {
                      "text": "文字内容1"
                    },
                    {
                      "text": "文字内容2"
                    },
                    {
                      "text": "文字内容3"
                    }
                  ],
                  "useBrick": [
                    {
                      "brick": "code-bricks.code-display",
                      "transform": {
                        "value": "@{text}"
                      }
                    }
                  ]
                }
              }
            ]
          }
        }
      }
    ],
    "previewColumns": 2,
    "doc": {
      "id": "presentational-bricks.general-carousel",
      "name": "presentational-bricks.general-carousel",
      "dockind": "brick",
      "description": "通用的轮播图",
      "author": "jo",
      "slots": null,
      "history": null,
      "memo": "### CustomCompProps\n```typescript\nexport interface CustomCompProps {\n  brick: string;\n  properties?: any;\n  events?: BrickEventsMap;\n}\n```",
      "properties": [
        {
          "name": "useBrick",
          "type": "UseBrickConf",
          "required": "false",
          "default": "-",
          "description": "统一定义轮播图显示的内容, 相当于自定义构件"
        },
        {
          "name": "autoplay",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "是否播放轮播图"
        },
        {
          "name": "dots",
          "type": "boolean",
          "required": "false",
          "default": "true",
          "description": "是否显示面板指示点"
        },
        {
          "name": "arrows",
          "type": "boolean",
          "required": "false",
          "default": "true",
          "description": "是否显示左右翻页按钮"
        },
        {
          "name": "dataSource",
          "type": "any[]",
          "required": "false",
          "default": "-",
          "description": "配合useBrick使用，轮播图根据dataSource数组数量来决定轮播数量"
        },
        {
          "name": "carouselStyle",
          "type": "any",
          "required": "false",
          "default": "-",
          "description": "轮播样式"
        },
        {
          "name": "slidesToShow",
          "type": "number",
          "required": "false",
          "default": "1",
          "description": "一次轮播同时显示多少组内容，跟 slidesToScroll 搭配使用表示轮播一次同时显示 N 组件内容，滑动也是 N 组内容"
        },
        {
          "name": "slidesToScroll",
          "type": "number",
          "required": "false",
          "default": "1",
          "description": "一次切换多少组内容"
        },
        {
          "name": "speed",
          "type": "number",
          "required": "false",
          "default": "500",
          "description": "动效播放速度",
          "group": "advanced"
        },
        {
          "name": "pauseOnDotsHover",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "鼠标移上去是否停止自动切换",
          "group": "advanced"
        },
        {
          "name": "adaptiveHeight",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "自适应轮播内容高度",
          "group": "advanced"
        },
        {
          "name": "infinite",
          "type": "boolean",
          "required": "false",
          "default": "true",
          "description": "内容是否循环轮播",
          "group": "advanced"
        },
        {
          "name": "autoplaySpeed",
          "type": "number",
          "required": "false",
          "default": "3000",
          "description": "自定义轮播项的停留时间",
          "group": "advanced"
        },
        {
          "name": "responsive",
          "type": "any[]",
          "required": "false",
          "default": "-",
          "description": "相应式布局设置",
          "group": "advanced"
        },
        {
          "name": "noDataDesc",
          "type": "string",
          "required": "false",
          "default": "暂无数据",
          "description": "没有轮播内容时显示的提示语",
          "group": "advanced"
        },
        {
          "name": "dotsTheme",
          "type": "light | dark",
          "required": "false",
          "default": "light",
          "description": "面板指示点的主题样式分为浅色和深色，浅色的图片对应深色的面板指示点样式",
          "group": "advanced"
        },
        {
          "name": "dotPosition",
          "type": "top | bottom | left | right",
          "required": "false",
          "default": "bottom",
          "description": "面板指示点的位置,走马灯的滑动方向，“top、bottom\"为从左至右，“left 、right”为从上至下",
          "group": "advanced"
        },
        {
          "name": "components",
          "type": "CustomCompProps|CustomCompProps[]",
          "required": "false",
          "default": "-",
          "deprecated": true,
          "description": "定义轮播图显示的内容, 相当于自定义构件, 请使用 useBrick",
          "group": "advanced"
        },
        {
          "name": "useLazyLoad",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "幻灯片懒加载（目前保持渲染首尾以及当前的幻灯片）",
          "group": "advanced"
        }
      ],
      "events": [
        {
          "type": "general.carousel.click",
          "detail": "number",
          "description": "传出当前所点击的轮播序列号"
        }
      ],
      "interface": []
    }
  },
  {
    "storyId": "presentational-bricks.general-iframe",
    "category": "other",
    "type": "brick",
    "author": "jo",
    "text": {
      "en": "General Iframe",
      "zh": "普通 iframe"
    },
    "description": {
      "en": "This brick allows the embedding of websites within an iframe and provides various options to interact with the iframe content",
      "zh": "该构件可以在iframe中嵌入网站，并提供多种与iframe内容交互的选项"
    },
    "icon": {
      "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.general-iframe.be986d1c0a585642.svg"
    },
    "conf": [
      {
        "brick": "presentational-bricks.general-iframe",
        "properties": {
          "src": "http://192.168.100.162/next"
        },
        "events": {
          "general-iframe.loaded": {
            "action": "console.log"
          }
        }
      },
      {
        "brick": "presentational-bricks.general-iframe",
        "properties": {
          "messageOrigin": "http://192.168.100.163",
          "enableMessageSubscribe": true,
          "src": "http://192.168.100.163/next"
        },
        "events": {
          "iframe.message": {
            "action": "console.log"
          }
        }
      }
    ],
    "doc": null
  },
  {
    "storyId": "presentational-bricks.general-image",
    "category": "display-component",
    "type": "brick",
    "author": "Lynette",
    "text": {
      "en": "General Image",
      "zh": "图片展示构件"
    },
    "tags": [],
    "description": {
      "en": "Image brick that supports preview",
      "zh": "支持预览的图片展示构件"
    },
    "icon": {
      "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.general-image.20974afa2318771c.svg"
    },
    "conf": [
      {
        "snippetId": "presentational-bricks.general-image[normal]",
        "title": {
          "en": "Basic picture display components",
          "zh": "基本图片展示构件"
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.general-image[normal].b3e4cc450a622a14.svg",
        "bricks": [
          {
            "description": {
              "title": "基本用法"
            },
            "brick": "presentational-bricks.general-image",
            "properties": {
              "imgSrc": "https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png",
              "imgWidth": 200
            }
          }
        ]
      },
      {
        "description": {
          "title": "调用 open() 打开预览"
        },
        "brick": "div",
        "slots": {
          "": {
            "type": "bricks",
            "bricks": [
              {
                "brick": "basic-bricks.general-button",
                "properties": {
                  "buttonName": "open()"
                },
                "events": {
                  "general.button.click": [
                    {
                      "target": "#image-to-preview",
                      "method": "open"
                    }
                  ]
                }
              },
              {
                "brick": "presentational-bricks.general-image",
                "properties": {
                  "id": "image-to-preview",
                  "hidden": true,
                  "imgSrc": "https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png",
                  "imgWidth": 200
                }
              }
            ]
          }
        }
      }
    ],
    "doc": {
      "id": "presentational-bricks.general-image",
      "author": "Lynette",
      "history": [
        {
          "version": "1.134.0",
          "change": " 新增构件 `presentational-bricks.general-image`"
        }
      ],
      "dockind": "brick",
      "properties": [
        {
          "name": "imgSrc",
          "type": "string",
          "required": "",
          "default": "-",
          "description": "图片地址"
        },
        {
          "name": "preview",
          "type": "boolean",
          "required": "",
          "default": "true",
          "description": "是否开启预览"
        },
        {
          "name": "imgHeight",
          "type": "string | number",
          "required": "",
          "default": "-",
          "description": "图像高度"
        },
        {
          "name": "imgStyle",
          "type": "CSSProperties",
          "required": "",
          "default": "-",
          "description": "图像样式"
        },
        {
          "name": "imgWidth",
          "type": "string | number",
          "required": "",
          "default": "-",
          "description": "图像宽度"
        },
        {
          "name": "dataSource",
          "type": "Record<string, any>",
          "required": "-",
          "default": "-",
          "description": "数据源，搭配 extra 使用时会把该数据传入到自定义构件中使用"
        },
        {
          "name": "placeholder",
          "type": "string",
          "required": "",
          "default": "-",
          "description": "加载占位, 为 true 时使用默认占位",
          "group": "advanced"
        },
        {
          "name": "imgAlt",
          "type": "string",
          "required": "",
          "default": "-",
          "description": "图像描述",
          "group": "advanced"
        },
        {
          "name": "fallback",
          "type": "string",
          "required": "",
          "default": "-",
          "description": "加载失败容错地址",
          "group": "advanced"
        },
        {
          "name": "extra",
          "type": "UseBrickConf",
          "required": "-",
          "default": "-",
          "description": "支持在图片下方增加自定义构件",
          "group": "advanced"
        },
        {
          "name": "extraContainerStyle",
          "type": "Record<string, any>",
          "required": "-",
          "default": "-",
          "description": "包裹自定义构件容器的样式",
          "group": "advanced"
        },
        {
          "name": "visible",
          "type": "boolean",
          "required": "",
          "default": "-",
          "description": "是否显示预览",
          "group": "advanced"
        }
      ],
      "events": [
        {
          "type": "general-image.visible-change",
          "detail": "boolean",
          "description": "是否显示预览改变事件"
        }
      ],
      "methods": [
        {
          "name": "close",
          "description": "关闭预览"
        },
        {
          "name": "open",
          "description": "打开预览"
        }
      ],
      "interface": []
    }
  },
  {
    "storyId": "presentational-bricks.general-label",
    "category": "text",
    "type": "brick",
    "author": "lynette",
    "text": {
      "en": "Text Information Display - Configurable Front and Rear Icons and Links",
      "zh": "文本信息展示-可配置前后图标与链接"
    },
    "description": {
      "en": "suitable for use cases that require displaying static text information on the interface. The component supports a variety of attribute configurations, such as text content, prefix and suffix icons, URL links, making the presentation of information more intuitive and visually appealing",
      "zh": "支持丰富的属性配置，如文字内容、前后缀图标、链接URL等，使得信息的呈现更加直观和美观"
    },
    "icon": {
      "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.general-label.d2b9abefb4e8bfff.svg"
    },
    "conf": [
      {
        "snippetId": "presentational-bricks.general-label[suffix-icon]",
        "title": {
          "zh": "文本信息展示(后置图标)",
          "en": ""
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.general-label[suffix-icon].859ca6ce5957c5d7.svg",
        "bricks": [
          {
            "brick": "presentational-bricks.general-label",
            "properties": {
              "suffixIcon": {
                "lib": "antd",
                "icon": "calendar",
                "theme": "outlined",
                "color": "#0071eb"
              },
              "text": "2020-03-14"
            },
            "events": {
              "label.click": {
                "action": "console.log"
              }
            }
          }
        ]
      },
      {
        "snippetId": "presentational-bricks.general-label[prefix-icon]",
        "title": {
          "zh": "文本信息展示(前置图标)",
          "en": ""
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.general-label[prefix-icon].142d6b916e7955b0.svg",
        "bricks": [
          {
            "brick": "presentational-bricks.general-label",
            "properties": {
              "prefixIcon": {
                "lib": "antd",
                "icon": "tag",
                "theme": "outlined"
              },
              "text": "1.0.0",
              "url": "/1"
            },
            "events": {
              "label.click": {
                "action": "console.log"
              }
            }
          }
        ]
      }
    ],
    "previewColumns": 2,
    "doc": {
      "id": "presentational-bricks.general-label",
      "name": "presentational-bricks.general-label",
      "dockind": "brick",
      "description": "可用来展示基本文案、前后缀图标，可配置点击事件和 url 的通用 label 构件",
      "author": "lynette",
      "slots": null,
      "history": [
        {
          "version": "1.81.0",
          "change": "新增构件 `presentational-bricks.general-label`"
        },
        {
          "version": "1.89.11",
          "change": "使用 `dataSource` 代替之前 `data`"
        }
      ],
      "memo": "",
      "properties": [
        {
          "name": "text",
          "type": "string",
          "required": "false",
          "description": "文字内容",
          "group": "basic"
        },
        {
          "name": "prefixIcon",
          "type": "MenuIcon",
          "required": "false",
          "description": "前缀图标",
          "group": "basic"
        },
        {
          "name": "suffixIcon",
          "type": "MenuIcon",
          "required": "false",
          "description": "后缀图标",
          "group": "basic"
        },
        {
          "name": "url",
          "type": "string",
          "required": "false",
          "description": "链接的 URL",
          "group": "basic"
        },
        {
          "name": "href",
          "type": "string",
          "required": "false",
          "description": "外链地址，使用原生 `<a>` 标签跳转，通常用于外部链接",
          "group": "advanced"
        },
        {
          "name": "dataSource",
          "type": "any",
          "required": "false",
          "description": "`label.click`事件的传出的数据",
          "group": "advanced"
        },
        {
          "name": "data",
          "type": "any",
          "required": "false",
          "description": "`label.click`事件的详情",
          "deprecated": true,
          "group": "advanced"
        }
      ],
      "events": [
        {
          "type": "label.click",
          "detail": "编排者通过 `dataSource` 属性传入的自定义数据（若未设置则回退到已废弃的 `data` 属性）",
          "description": "点击 label 时触发"
        }
      ],
      "interface": []
    }
  },
  {
    "storyId": "presentational-bricks.general-list",
    "category": "container-layout",
    "type": "brick",
    "author": "lynette",
    "text": {
      "en": "List Layout",
      "zh": "列表布局"
    },
    "description": {
      "en": "This container layout component provides an elegant and flexible way to present card lists of information",
      "zh": "该布局构件为容器类布局，提供了一种简洁、灵活的方式来展示信息卡片列表"
    },
    "icon": {
      "imgSrc": "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20width%3D%22105px%22%20height%3D%2255px%22%20viewBox%3D%220%200%20105%2055%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%20%20%20%20%3Ctitle%3Epresentational-bricks.general-list%3C%2Ftitle%3E%20%20%20%20%3Cg%20id%3D%22nora%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22-%E6%9E%84%E4%BB%B6%E6%A6%82%E8%A7%88%E5%9B%BE%E5%9B%9B%22%20transform%3D%22translate%28-1623.000000%2C%20-232.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22presentational-bricks.general-list%22%20transform%3D%22translate%281623.000000%2C%20232.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22%E7%9F%A9%E5%BD%A2%E5%A4%87%E4%BB%BD-46%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22105%22%20height%3D%2255%22%20rx%3D%224%22%3E%3C%2Frect%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22%E7%9F%A9%E5%BD%A2%E5%A4%87%E4%BB%BD-106%22%20fill%3D%22%23F4F5F9%22%20x%3D%228%22%20y%3D%2217%22%20width%3D%2227%22%20height%3D%2220%22%20rx%3D%221%22%3E%3C%2Frect%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22%E7%9F%A9%E5%BD%A2%E5%A4%87%E4%BB%BD-113%22%20fill%3D%22%23F4F5F9%22%20x%3D%2239%22%20y%3D%2217%22%20width%3D%2227%22%20height%3D%2220%22%20rx%3D%221%22%3E%3C%2Frect%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22%E7%9F%A9%E5%BD%A2%E5%A4%87%E4%BB%BD-114%22%20fill%3D%22%23D6DBEC%22%20x%3D%2270%22%20y%3D%2217%22%20width%3D%2227%22%20height%3D%2220%22%20rx%3D%221%22%3E%3C%2Frect%3E%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E"
    },
    "conf": [
      {
        "snippetId": "presentational-bricks.general-list[normal]",
        "title": {
          "zh": "基础列表布局",
          "en": ""
        },
        "thumbnail": "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20width%3D%22105px%22%20height%3D%2255px%22%20viewBox%3D%220%200%20105%2055%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%20%20%20%20%3Ctitle%3Epresentational-bricks.general-list%5Bnormal%5D%3C%2Ftitle%3E%20%20%20%20%3Cg%20id%3D%22snippet%E6%88%AA%E5%9B%BE%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22snippet%22%20transform%3D%22translate%28-8093.000000%2C%20-27.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22presentational-bricks.general-list%5Bnormal%5D%22%20transform%3D%22translate%288093.000000%2C%2027.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22%E7%9F%A9%E5%BD%A2%E5%A4%87%E4%BB%BD-46%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22105%22%20height%3D%2255%22%20rx%3D%224%22%3E%3C%2Frect%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22%E7%9F%A9%E5%BD%A2%E5%A4%87%E4%BB%BD-106%22%20fill%3D%22%23F4F5F9%22%20x%3D%228%22%20y%3D%2217%22%20width%3D%2227%22%20height%3D%2220%22%20rx%3D%221%22%3E%3C%2Frect%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22%E7%9F%A9%E5%BD%A2%E5%A4%87%E4%BB%BD-113%22%20fill%3D%22%23F4F5F9%22%20x%3D%2239%22%20y%3D%2217%22%20width%3D%2227%22%20height%3D%2220%22%20rx%3D%221%22%3E%3C%2Frect%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22%E7%9F%A9%E5%BD%A2%E5%A4%87%E4%BB%BD-114%22%20fill%3D%22%23D6DBEC%22%20x%3D%2270%22%20y%3D%2217%22%20width%3D%2227%22%20height%3D%2220%22%20rx%3D%221%22%3E%3C%2Frect%3E%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E",
        "bricks": [
          {
            "brick": "presentational-bricks.general-list",
            "properties": {
              "isCardList": true
            },
            "slots": {
              "items": {
                "type": "bricks",
                "bricks": [
                  {
                    "brick": "div",
                    "properties": {
                      "style": {
                        "background": "#ffffff",
                        "height": "200px",
                        "borderRadius": "5px",
                        "border": "1px solid #ccc",
                        "display": "grid",
                        "alignItems": "center",
                        "justifyItems": "center"
                      },
                      "textContent": "这是自定义的卡片"
                    }
                  },
                  {
                    "brick": "div",
                    "properties": {
                      "style": {
                        "background": "#ffffff",
                        "height": "200px",
                        "borderRadius": "5px",
                        "border": "1px solid #ccc",
                        "display": "grid",
                        "alignItems": "center",
                        "justifyItems": "center"
                      },
                      "textContent": "这是自定义的卡片"
                    }
                  },
                  {
                    "brick": "div",
                    "properties": {
                      "style": {
                        "background": "#ffffff",
                        "height": "200px",
                        "borderRadius": "5px",
                        "border": "1px solid #ccc",
                        "display": "grid",
                        "alignItems": "center",
                        "justifyItems": "center"
                      },
                      "textContent": "这是自定义的卡片"
                    }
                  }
                ]
              }
            }
          }
        ]
      }
    ],
    "doc": {
      "id": "presentational-bricks.general-list",
      "name": "presentational-bricks.general-list",
      "dockind": "brick",
      "description": "可配置具体每个item构件，常用于卡片列表",
      "author": "lynette",
      "slots": [
        {
          "name": "items",
          "description": "每个子项的 slot，例如可以搭配\"presentational-bricks.card-item\"使用。"
        }
      ],
      "history": [
        {
          "version": "1.19.0",
          "change": "新属性 `cardMinWidth`"
        }
      ],
      "memo": "## 描述\n\n通用列表，可以配置每个 item 构件。通常不会单独使用，而是搭配 dynamic template 使用，具体参考\"general-list.general-card-list\"中，具体事例看同[general-card-list](developers/brick-book/template/general-list.general-card-list)。",
      "properties": [
        {
          "name": "isCardList",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "是否卡片列表"
        },
        {
          "name": "showCard",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "是否在外层包一层卡片"
        },
        {
          "name": "cardWidth",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "卡片项的宽度，非响应式卡片可设置该属性"
        },
        {
          "name": "cardMinWidth",
          "type": "string",
          "required": "false",
          "default": "260px",
          "description": "卡片项的最小宽度，响应式卡片可设置该属性"
        }
      ],
      "interface": []
    }
  },
  {
    "storyId": "presentational-bricks.general-pagination",
    "category": "navigation",
    "type": "brick",
    "author": "lynette",
    "text": {
      "en": "General pagination",
      "zh": "分页"
    },
    "description": {
      "en": "This brick is primarily designed for implementing data pagination to allow users to navigate between different pages",
      "zh": "主要用于实现数据分页显示功能，让用户能够在不同的页面间进行导航"
    },
    "icon": {
      "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.general-pagination.9695b24ea2e72b4e.svg"
    },
    "conf": [
      {
        "snippetId": "presentational-bricks.general-pagination[normal]",
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.general-pagination[normal].b067a6b343e275ce.svg",
        "title": {
          "en": "",
          "zh": "基础分页"
        },
        "bricks": [
          {
            "brick": "presentational-bricks.general-pagination",
            "properties": {
              "page": "${query.page=1|number}",
              "pageSize": "${query.pageSize=10|number}",
              "total": 100,
              "dataset": {
                "testid": "basic-usage-pagination-demo"
              }
            }
          }
        ]
      }
    ],
    "doc": {
      "id": "presentational-bricks.general-pagination",
      "name": "presentational-bricks.general-pagination",
      "dockind": "brick",
      "description": "通用分页构件",
      "author": "lynette",
      "slots": null,
      "history": null,
      "memo": "",
      "properties": [
        {
          "name": "page",
          "type": "number",
          "required": "true",
          "default": "-",
          "description": "页码，一般配置成 \"${query.page=1|number}\""
        },
        {
          "name": "pageSize",
          "type": "number",
          "required": "true",
          "default": "-",
          "description": "页码条数，一般配置成 \"${query.pageSize=10|number}\""
        },
        {
          "name": "total",
          "type": "number",
          "required": "false",
          "default": "-",
          "description": "一般来自于 dataSource"
        },
        {
          "name": "onlyShowTotal",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "是否只显示 total"
        },
        {
          "name": "dataSource",
          "type": "Record<string,any>",
          "required": "false",
          "default": "-",
          "description": "[已废弃]数据源，通过 useResolves 从后台接口获取或者直接在 storyboard 中配置，这个分页器主要用来获取 total 数据"
        },
        {
          "name": "configProps",
          "type": "object",
          "required": "false",
          "default": "-",
          "description": "ant-design 的 Pagination 相关配置项,具体查阅：[https://ant.design/components/pagination-cn/#API](https://ant.design/components/pagination-cn/#API)",
          "group": "advanced"
        },
        {
          "name": "fields",
          "type": "Record<string,any>",
          "required": "false",
          "default": "{ total: \"total\" }",
          "description": "[已废弃]指定 total 从哪里来，默认为列表接口返回格式是{list:[],page:1,pageSize:10,total:20}，即默认取自 total",
          "deprecated": true,
          "group": "advanced"
        },
        {
          "name": "shouldUpdateUrlParams",
          "type": "boolean",
          "required": "false",
          "default": "true",
          "description": "是否更新 url 参数"
        },
        {
          "name": "shouldNotify",
          "type": "boolean",
          "required": "false",
          "default": "true",
          "description": "是否在更新 url 参数时刷新页面, 默认为true"
        }
      ],
      "events": [
        {
          "type": "filter.update",
          "detail": "{page:1,pageSize:number}",
          "description": "每页条数变化"
        },
        {
          "type": "page.update",
          "detail": "{page: number}",
          "description": "页码变化"
        }
      ],
      "interface": []
    }
  },
  {
    "storyId": "presentational-bricks.general-tooltip",
    "category": "feedback-and-tooltip",
    "type": "brick",
    "author": "jo",
    "text": {
      "en": "Tooltip Text Prompt",
      "zh": "Tooltip文字提示"
    },
    "description": {
      "en": "offers developers an efficient means to implement information and tooltip displays. It supports a variety of configurations, including tip content, icons, text, and styles, making it adaptable to different application scenarios",
      "zh": "提供了一种便捷的方式来实现信息和提示的展示。该构件支持多样化的配置，包括提示内容、图标、文本以及样式等，使其能够灵活适应不同的应用场景,用户可以通过简单的属性设置，实现基本的tooltips提示"
    },
    "icon": {
      "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.general-tooltip.36e938ee56b05a45.svg"
    },
    "conf": [
      {
        "snippetId": "presentational-bricks.general-tooltip[normal]",
        "title": {
          "en": "",
          "zh": "基础的tooltips"
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.general-tooltip[normal].b8e2b3b702015f4d.svg",
        "message": {
          "zh": "鼠标移入则显示提示，移出消失，气泡浮层不承载复杂文本和操作；建议短文本提示信息不超过10个字，文字过长时请用气泡卡片",
          "en": ""
        },
        "bricks": [
          {
            "brick": "presentational-bricks.general-tooltip",
            "properties": {
              "dataset": {
                "testid": "basic-usage-demo"
              },
              "icon": {
                "lib": "fa",
                "icon": "info-circle"
              },
              "content": "这是一个 tooltips",
              "text": "文案信息"
            }
          }
        ]
      },
      {
        "brick": "presentational-bricks.general-tooltip",
        "properties": {
          "type": "popover",
          "icon": {
            "lib": "fa",
            "icon": "info-circle"
          },
          "content": "this is popover"
        }
      },
      {
        "brick": "presentational-bricks.general-tooltip",
        "properties": {
          "type": "popover",
          "icon": {
            "lib": "fa",
            "icon": "atom"
          },
          "content": [
            "名称：APP",
            "创建时间：2019-12-21",
            "修改时间: 2020-02-21"
          ]
        }
      },
      {
        "snippetId": "presentational-bricks.general-tooltip[display-brick]",
        "title": {
          "en": "",
          "zh": "带自定义展示内容tooltips"
        },
        "message": {
          "zh": "使用displayBrick自定义展示内容",
          "en": ""
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.general-tooltip[display-brick].4b0cd76ab2834a93.svg",
        "bricks": [
          {
            "brick": "presentational-bricks.general-tooltip",
            "properties": {
              "displayBrick": {
                "useBrick": {
                  "brick": "presentational-bricks.brick-value-mapping",
                  "properties": {
                    "mapping": {
                      "0": {
                        "color": "red",
                        "text": "紧急"
                      }
                    },
                    "showTagCircle": true,
                    "value": 0
                  }
                }
              },
              "content": "这是一个 tooltips",
              "type": "tooltip"
            }
          }
        ]
      },
      {
        "description": {
          "title": "在整体内容上hover时显示tooltip"
        },
        "brick": "presentational-bricks.general-tooltip",
        "properties": {
          "content": "这是一个 tooltips",
          "text": "文案信息",
          "type": "tooltip",
          "triggerByIcon": false,
          "dataset": {
            "testid": "basic-usage-demo2"
          }
        }
      }
    ],
    "previewColumns": 2,
    "doc": {
      "id": "presentational-bricks.general-tooltip",
      "name": "presentational-bricks.general-tooltip",
      "dockind": "brick",
      "description": "普通的 tooltip",
      "author": "jo",
      "slots": null,
      "history": [
        {
          "version": "1.153.0",
          "change": "新增属性 `text`"
        },
        {
          "version": "1.59.2",
          "change": "新增构件 `presentational-bricks.general-tooltip`"
        }
      ],
      "memo": "",
      "properties": [
        {
          "name": "content",
          "type": "string | string[]",
          "required": "true",
          "description": "提示内容, 数组表示多行显示, 可根据平台提供的 transform 机制转换成所需的提示内容",
          "group": "basic"
        },
        {
          "name": "icon",
          "type": "MenuIcon",
          "required": "true",
          "description": "图标配置 [MenuIcon](http://docs.developers.easyops.cn/docs/brick-next/icon)",
          "group": "basic"
        },
        {
          "name": "text",
          "type": "string",
          "required": "false",
          "description": "文案",
          "group": "basic"
        },
        {
          "name": "iconContainerStyle",
          "type": "CSSProperties",
          "required": "false",
          "description": "图标容器相关样式",
          "group": "ui"
        },
        {
          "name": "type",
          "type": "tooltip | popover",
          "required": "false",
          "default": "tooltip",
          "description": "类型设置",
          "group": "basic"
        },
        {
          "name": "header",
          "type": "string",
          "required": "false",
          "description": "提示内容的标题， 当 type = popover 时才生效",
          "group": "basic"
        },
        {
          "name": "tooltipConfig",
          "type": "TooltipConfig",
          "required": "false",
          "description": "tooltip的配置,配置属性见TooltipConfig",
          "group": "other"
        },
        {
          "name": "triggerByIcon",
          "type": "boolean",
          "required": "false",
          "default": "true",
          "description": "是否只在icon上hover才显示tooltip，仅在不设置`displayBrick`时有效",
          "group": "other"
        },
        {
          "name": "displayBrick",
          "type": "DisplayBrick",
          "required": "false",
          "description": "自定义展示内容构件，设置后`icon`和`text`会无效",
          "group": "basic"
        },
        {
          "name": "textEllipsis",
          "type": "boolean",
          "required": "false",
          "description": "内容是否收起以省略号展示",
          "group": "other"
        }
      ],
      "interface": [
        {
          "name": "DisplayBrick",
          "typeParameter": null,
          "kind": "interface",
          "children": [
            {
              "name": "data",
              "type": "any",
              "required": false,
              "description": ""
            },
            {
              "name": "useBrick",
              "type": "UseBrickConf",
              "required": true,
              "description": ""
            }
          ],
          "indexSignature": []
        },
        {
          "name": "TooltipConfig",
          "typeParameter": null,
          "kind": "interface",
          "children": [
            {
              "name": "arrowPointAtCenter",
              "type": "boolean",
              "required": false,
              "description": "箭头是否指向目标元素中心"
            },
            {
              "name": "overlayStyle",
              "type": "CSSProperties",
              "required": false,
              "description": "卡片样式"
            },
            {
              "name": "placement",
              "type": "TooltipPlacement",
              "required": false,
              "description": "气泡框位置，可选 `top` `left` `right` `bottom` `topLeft` `topRight` `bottomLeft` `bottomRight` `leftTop` `leftBottom` `rightTop` `rightBottom`"
            }
          ],
          "indexSignature": []
        },
        {
          "name": "TooltipPlacement",
          "typeParameter": null,
          "kind": "type",
          "description": "",
          "type": "\"top\" | \"left\" | \"right\" | \"bottom\" | \"topLeft\" | \"topRight\" | \"bottomLeft\" | \"bottomRight\" | \"leftTop\" | \"leftBottom\" | \"rightTop\" | \"rightBottom\""
        }
      ]
    }
  },
  {
    "storyId": "presentational-bricks.general-transfer",
    "category": "container-display",
    "type": "brick",
    "author": "ice",
    "text": {
      "en": "General Transfer",
      "zh": "穿梭框"
    },
    "description": {
      "en": "suitable for scenarios that require transferring and selecting data items between two containers. This component offers a variety of configurable properties, such as data source, styles, selection items, disabled state, maximum selection count, and search box display, to cater to different needs",
      "zh": "适用于需要在两个容器之间转移和选择数据项的场景。该构件提供了丰富的配置属性，如数据源、样式、选择项、禁用状态、最大选择数、搜索框显示等，以满足不同需求"
    },
    "icon": {
      "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.general-transfer.0682c32f2cf25034.svg"
    },
    "conf": [
      {
        "snippetId": "presentational-bricks.general-transfer[normal]",
        "title": {
          "en": "",
          "zh": "基础双栏穿梭选择框"
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.general-transfer[normal].cc1a1d863e30949d.svg",
        "bricks": [
          {
            "brick": "presentational-bricks.general-transfer",
            "properties": {
              "maxSelected": 3,
              "showSearch": true,
              "listStyle": {
                "width": 300,
                "height": 300
              },
              "dataSource": [
                {
                  "key": "host.cpu_util.user",
                  "title": "cpu user",
                  "uselessKey1": "useless key 1",
                  "uselessKey2": "useless key 2"
                },
                {
                  "key": "host.cpu_util.system",
                  "title": "cpu system",
                  "uselessKey1": "useless key 1",
                  "uselessKey2": "useless key 2"
                },
                {
                  "key": "host.cpu_util.iowait",
                  "title": "io wait",
                  "uselessKey1": "useless key 1",
                  "uselessKey2": "useless key 2"
                },
                {
                  "key": "host.disk.total",
                  "title": "disk total",
                  "uselessKey1": "useless key 1",
                  "uselessKey2": "useless key 2"
                },
                {
                  "key": "host.network.bytes_in",
                  "title": "bytes in",
                  "uselessKey1": "useless key 1",
                  "uselessKey2": "useless key 2"
                },
                {
                  "key": "host.network.bytes_out",
                  "title": "bytes out",
                  "uselessKey1": "useless key 1",
                  "uselessKey2": "useless key 2"
                }
              ]
            },
            "events": {
              "general.transfer.change": {
                "action": "console.log"
              }
            }
          }
        ]
      }
    ],
    "doc": {
      "id": "presentational-bricks.general-transfer",
      "name": "presentational-bricks.general-transfer",
      "dockind": "brick",
      "description": "双栏穿梭选择框",
      "author": "ice",
      "slots": null,
      "history": [
        {
          "version": "1.77.0",
          "change": "新增构件 `presentational-bricks.general-transfer`"
        }
      ],
      "memo": "### DEFAULT_LOCALE\n\n```typescript\nconst DEFAULT_LOCALE = {\n  searchPlaceholder: \"请输入搜索内容\",\n  itemUnit: \"项\",\n  itemsUnit: \"项\",\n};\n```",
      "properties": [
        {
          "name": "dataSource",
          "type": "any[]",
          "required": "true",
          "default": "-",
          "description": "数据源，其中的数据将会被渲染到左边一栏中，targetKeys 中指定的除外"
        },
        {
          "name": "listStyle",
          "type": "CSSProperties",
          "required": "false",
          "default": "-",
          "description": "两个穿梭框的自定义样式，常用来设置宽高"
        },
        {
          "name": "selectedKeys",
          "type": "string[]",
          "required": "false",
          "default": "-",
          "description": "设置哪些项应该被选中"
        },
        {
          "name": "disabled",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "是否禁用"
        },
        {
          "name": "maxSelected",
          "type": "number",
          "required": "false",
          "default": "-",
          "description": "最多选择数，当 `dataSource` 个数大于该值时，不显示全勾选框"
        },
        {
          "name": "showSearch",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "是否显示搜索框"
        },
        {
          "name": "wrapperConfig",
          "type": "BrickWrapperConfig",
          "required": "false",
          "default": "-",
          "description": "设置容器空状态时显示`empty`构件属性",
          "group": "advanced"
        },
        {
          "name": "dataDescriptor",
          "type": "{ key: string, title: string }",
          "required": "false",
          "default": "-",
          "description": "当 `dataSource` 中的每一项没有 key 或 title 字段时，须设置该属性。`key` 和 `title` 均须设置",
          "group": "advanced"
        },
        {
          "name": "targetKeys",
          "type": "string[]",
          "required": "false",
          "default": "-",
          "description": "显示在右侧框数据的 key 集合",
          "group": "advanced"
        },
        {
          "name": "titles",
          "type": "[string, string]",
          "required": "false",
          "default": "-",
          "description": "标题集合，顺序从左至右",
          "group": "advanced"
        },
        {
          "name": "operations",
          "type": "[string, string]",
          "required": "false",
          "default": "-",
          "description": "操作文案集合，顺序从上至下",
          "group": "advanced"
        },
        {
          "name": "locale",
          "type": "{ itemUnit: string, itemsUnit: string, searchPlaceholder: string }",
          "required": "false",
          "default": "[DEFAULT_LOCALE](#default_locale)",
          "description": "文案",
          "group": "advanced"
        },
        {
          "name": "realTimeNotification",
          "type": "boolean",
          "required": "false",
          "default": "true",
          "description": "当选项发生转移时，是否需要实时发出 `general.transfer.change` 事件",
          "group": "advanced"
        }
      ],
      "events": [
        {
          "type": "general.transfer.change",
          "detail": "string[]",
          "description": "右侧框数据的 key 集合"
        }
      ],
      "methods": [
        {
          "name": "notifyChange",
          "description": "当 `realTimeNotification` 为 false 时，可以调用该方法来发出事件"
        }
      ],
      "interface": [
        {
          "name": "BrickWrapperConfig",
          "typeParameter": null,
          "kind": "interface",
          "children": [
            {
              "name": "empty",
              "type": "EasyopsEmptyProps",
              "required": false,
              "description": ""
            }
          ],
          "indexSignature": []
        },
        {
          "name": "EasyopsEmptyProps",
          "typeParameter": null,
          "kind": "interface",
          "children": [
            {
              "name": "background",
              "type": "string",
              "required": false,
              "description": ""
            },
            {
              "name": "description",
              "type": "string",
              "required": false,
              "description": ""
            },
            {
              "name": "illustration",
              "type": "IllustrationProps",
              "required": false,
              "description": ""
            },
            {
              "name": "imageStyle",
              "type": "CSSProperties",
              "required": false,
              "description": ""
            },
            {
              "name": "noImage",
              "type": "boolean",
              "required": false,
              "description": ""
            }
          ],
          "indexSignature": []
        },
        {
          "name": "IllustrationProps",
          "typeParameter": null,
          "kind": "interface",
          "children": [
            {
              "name": "category",
              "type": "string",
              "required": false,
              "description": ""
            },
            {
              "name": "name",
              "type": "string",
              "required": true,
              "description": ""
            }
          ],
          "indexSignature": []
        }
      ]
    }
  },
  {
    "storyId": "presentational-bricks.general-video",
    "category": "display-component",
    "type": "brick",
    "author": "alren",
    "text": {
      "en": "Video Player",
      "zh": "视频播放器"
    },
    "description": {
      "en": "This component facilitates the integration of video content with a simple setup, providing a seamless user experience. It offers a range of customizable properties such as the video source URL, preview/playback mode, video title display, and player height, making it adaptable to various project requirements",
      "zh": "专门用于视频展示和播放。该构件通过简单的设置即可集成视频内容，为用户提供流畅的体验。它拥有包括视频源URL、预览/播放模式、视频标题显示以及播放器高度等可自定义属性，能够适应各种项目需求"
    },
    "icon": {
      "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.general-video.09064b18d4acf726.svg"
    },
    "conf": [
      {
        "snippetId": "presentational-bricks.general-video[normal]",
        "title": {
          "en": "",
          "zh": "基础播放视频或预览视频"
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.general-video[normal].b03d6ed19bee87c5.svg",
        "bricks": [
          {
            "brick": "presentational-bricks.general-video",
            "properties": {
              "source": "http://cdn.uwintech.cn/data/brick_next/1.创建第1个Micro-App.mp4",
              "preview": true,
              "height": 150
            }
          }
        ]
      },
      {
        "brick": "presentational-bricks.general-video",
        "properties": {
          "source": "http://cdn.uwintech.cn/data/brick_next/1.创建第1个Micro-App.mp4",
          "preview": false
        }
      }
    ],
    "doc": {
      "id": "presentational-bricks.general-video",
      "name": "presentational-bricks.general-video",
      "dockind": "brick",
      "description": "播放视频或预览视频",
      "author": "alren",
      "slots": null,
      "history": null,
      "memo": "",
      "properties": [
        {
          "name": "source",
          "type": "string",
          "required": "true",
          "default": "-",
          "description": "视频的链接地址"
        },
        {
          "name": "preview",
          "type": "bool",
          "required": "true",
          "default": "-",
          "description": "预览模式还是播放模式"
        },
        {
          "name": "videoTitle",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "预览模式（preview=true）下的标题，如果不设置则从视频链接地址获取文件名字，如果设置为空字符串则表示不显示标题"
        },
        {
          "name": "height",
          "type": "number",
          "required": "true",
          "default": "-",
          "description": "播放器高度"
        }
      ],
      "interface": []
    }
  },
  {
    "storyId": "presentational-bricks.info-display-card-list",
    "category": "card-info",
    "type": "brick",
    "author": "dophi",
    "text": {
      "en": "Infomation disolay card list",
      "zh": "信息展示卡片列表"
    },
    "description": {
      "en": "Infomation disolay card list",
      "zh": "信息展示卡片列表"
    },
    "icon": {
      "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.info-display-card-list.a380de064185b5de.svg"
    },
    "conf": [
      {
        "snippetId": "presentational-bricks.info-display-card-list[normal]",
        "title": {
          "en": "",
          "zh": "基础信息展示卡片列表"
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.info-display-card-list[normal].27953b0900306448.svg",
        "bricks": [
          {
            "brick": "presentational-bricks.info-display-card-list",
            "properties": {
              "dataSource": [
                {
                  "title": "合规性检查",
                  "desc": "在数据消费的过程中，我们如何确保数据的合理性呢？比如应用负责人为空、资产编号不唯一或证书日期集时是正确的，但在业",
                  "icon": {
                    "lib": "fa",
                    "prefix": "fas",
                    "icon": "chart-pie",
                    "color": "blue"
                  },
                  "detail": [
                    {
                      "detailBrickConf": {
                        "useBrick": {
                          "brick": "presentational-bricks.brick-tag",
                          "properties": {
                            "closable": false,
                            "showCard": false,
                            "style": {
                              "marginRight": "4px"
                            },
                            "tagStyle": {
                              "borderRadius": "3px",
                              "lineHeight": "32px",
                              "height": "32px"
                            },
                            "tagList": [
                              {
                                "key": "1",
                                "label": "IT资源管理"
                              }
                            ]
                          }
                        }
                      }
                    },
                    {
                      "detailBrickConf": {
                        "useBrick": {
                          "brick": "presentational-bricks.brick-tag",
                          "properties": {
                            "closable": false,
                            "style": {
                              "marginRight": "4px"
                            },
                            "showCard": false,
                            "tagStyle": {
                              "borderRadius": "3px",
                              "lineHeight": "32px",
                              "height": "32px"
                            },
                            "tagList": [
                              {
                                "key": "1",
                                "label": "存储设备"
                              }
                            ]
                          }
                        }
                      }
                    },
                    {
                      "detailBrickConf": {
                        "useBrick": {
                          "brick": "presentational-bricks.brick-tag",
                          "properties": {
                            "closable": false,
                            "style": {
                              "marginRight": "4px"
                            },
                            "showCard": false,
                            "tagStyle": {
                              "borderRadius": "3px",
                              "lineHeight": "32px",
                              "height": "32px"
                            },
                            "tagList": [
                              {
                                "key": "1",
                                "label": "资源套餐"
                              }
                            ]
                          }
                        }
                      }
                    }
                  ]
                },
                {
                  "title": "F5管理",
                  "desc": "F5管理将企业F5BIG-IP设备统一管理，可在F5设备卡片页概览全部设备的状态，了解 VirtualServer、Pool、iRules资源信息",
                  "icon": {
                    "lib": "antd",
                    "theme": "filled",
                    "icon": "gitlab",
                    "color": "red"
                  },
                  "detail": [
                    {
                      "title": "是否启用",
                      "detailBrickConf": {
                        "useBrick": {
                          "brick": "forms.general-switch",
                          "properties": {
                            "style": {
                              "marginTop": "-2.5px"
                            },
                            "name": "enabled",
                            "size": "small",
                            "value": true
                          }
                        }
                      }
                    },
                    {
                      "title": "下载次数",
                      "desc": "7663"
                    },
                    {
                      "title": "下载率",
                      "desc": "90%"
                    },
                    {
                      "title": "失败率",
                      "desc": "3%"
                    }
                  ]
                },
                {
                  "title": "IDC管理",
                  "desc": "IDC管理使用机房/机柜视图的形式管理IDC基础数据。将机房视图打造成与实际机房布局一致的可视化信息视图，更贴合实际应",
                  "icon": {
                    "lib": "fa",
                    "prefix": "fas",
                    "icon": "apple-alt",
                    "color": "purple"
                  },
                  "detail": [
                    {
                      "title": "大小",
                      "desc": "17M"
                    },
                    {
                      "title": "下载次数",
                      "desc": "63"
                    },
                    {
                      "title": "下载率",
                      "desc": "60%"
                    },
                    {
                      "title": "失败率",
                      "desc": "8%"
                    }
                  ]
                },
                {
                  "title": "架构拓扑",
                  "desc": "架构拓扑完全根据CMDB数据自动生成的业务应用架构拓扑，展现业务间的访问关系及业务内部的运行关系。同时能下钻到具体",
                  "icon": {
                    "lib": "easyops",
                    "category": "app",
                    "icon": "brick-group",
                    "color": "geekblue"
                  },
                  "detail": [
                    {
                      "title": "大小",
                      "desc": "7M"
                    },
                    {
                      "title": "下载次数",
                      "desc": "863"
                    },
                    {
                      "title": "下载率",
                      "desc": "80%"
                    },
                    {
                      "title": "失败率",
                      "desc": "2%"
                    }
                  ]
                },
                {
                  "title": "模型视图",
                  "desc": "模型视图以可视化的方式，呈现当前资源对象定义及其相互关系。你只需简单拖动模型即可轻松打造不同场景的模型视图，现在",
                  "icon": {
                    "lib": "easyops",
                    "category": "app",
                    "icon": "monitor-dashboard",
                    "color": "cyan"
                  },
                  "detail": [
                    {
                      "title": "大小",
                      "desc": "7M"
                    },
                    {
                      "title": "下载次数",
                      "desc": "863"
                    },
                    {
                      "title": "下载率",
                      "desc": "80%"
                    },
                    {
                      "title": "失败率",
                      "desc": "2%"
                    }
                  ]
                },
                {
                  "title": "资产盘点",
                  "desc": "资产盘点为设备运维人员提供便捷的设备资产盘点能力，使用自动化的盘点方式替换原有人工盘点，解放设备运维人员的双手",
                  "icon": {
                    "lib": "easyops",
                    "category": "app",
                    "icon": "patch-management",
                    "color": "orange"
                  },
                  "detail": [
                    {
                      "title": "大小",
                      "desc": "7M"
                    },
                    {
                      "title": "下载次数",
                      "desc": "863"
                    },
                    {
                      "title": "下载率",
                      "desc": "80%"
                    },
                    {
                      "title": "失败率",
                      "desc": "2%"
                    }
                  ]
                },
                {
                  "title": "IT资源统计大屏",
                  "desc": "支持展示IT资源相关的统计信息，可轻松概览核心资源的实例数量、不同业务或应用的主机数量、资源分配统计、主机数量趋势",
                  "icon": {
                    "lib": "easyops",
                    "category": "app",
                    "icon": "object-topology",
                    "color": "green"
                  },
                  "detail": [
                    {
                      "title": "大小",
                      "desc": "7M",
                      "useBrick": true
                    },
                    {
                      "title": "下载次数",
                      "desc": "863"
                    },
                    {
                      "title": "下载率",
                      "desc": "80%"
                    },
                    {
                      "title": "失败率",
                      "desc": "2%"
                    }
                  ]
                },
                {
                  "title": "持续集成",
                  "desc": "支持展客户两会话健康和空间和健康和健康和健康几节课或军扩过过过过科技股科技股就开始刚开始搞是接口关键时刻哥萨克伽伽司空见惯撒十多个数据库高升控股撒奥会计噶会计师公开撒娇鬼萨科技馆萨科技会计师干撒冈萨加国盛金控hhhhhhhhhhhhh",
                  "detail": [
                    {
                      "title": "大小",
                      "desc": "7M"
                    },
                    {
                      "detailBrickConf": {
                        "useBrick": {
                          "brick": "chart-v2.tiny-line-chart",
                          "properties": {
                            "style": {
                              "marginLeft": "-25px"
                            },
                            "width": 300,
                            "height": 30,
                            "xField": "month",
                            "yField": "temperature",
                            "data": [
                              {
                                "month": "Jan",
                                "temperature": 3.9
                              },
                              {
                                "month": "Feb",
                                "temperature": 4.2
                              },
                              {
                                "month": "Mar",
                                "temperature": 5.7
                              },
                              {
                                "month": "Apr",
                                "temperature": 8.5
                              },
                              {
                                "month": "May",
                                "temperature": 11.9
                              },
                              {
                                "month": "Jun",
                                "temperature": 15.2
                              },
                              {
                                "month": "Jul",
                                "temperature": 17
                              },
                              {
                                "month": "Aug",
                                "temperature": 16.6
                              },
                              {
                                "month": "Sep",
                                "temperature": 10.2
                              },
                              {
                                "month": "Oct",
                                "temperature": 10.3
                              },
                              {
                                "month": "Nov",
                                "temperature": 6.6
                              },
                              {
                                "month": "Dec",
                                "temperature": 4.8
                              }
                            ]
                          }
                        }
                      }
                    },
                    {
                      "title": "下载次数",
                      "desc": "863"
                    },
                    {
                      "detailBrickConf": {
                        "useBrick": {
                          "brick": "chart-v2.tiny-line-chart",
                          "properties": {
                            "width": 300,
                            "style": {
                              "marginLeft": "-25px"
                            },
                            "height": 30,
                            "xField": "month",
                            "yField": "temperature",
                            "data": [
                              {
                                "month": "Jan",
                                "temperature": 3.9
                              },
                              {
                                "month": "Feb",
                                "temperature": 4.2
                              },
                              {
                                "month": "Mar",
                                "temperature": 5.7
                              },
                              {
                                "month": "Apr",
                                "temperature": 8.5
                              },
                              {
                                "month": "May",
                                "temperature": 11.9
                              },
                              {
                                "month": "Jun",
                                "temperature": 15.2
                              },
                              {
                                "month": "Jul",
                                "temperature": 17
                              },
                              {
                                "month": "Aug",
                                "temperature": 16.6
                              },
                              {
                                "month": "Sep",
                                "temperature": 10.2
                              },
                              {
                                "month": "Oct",
                                "temperature": 10.3
                              },
                              {
                                "month": "Nov",
                                "temperature": 6.6
                              },
                              {
                                "month": "Dec",
                                "temperature": 4.8
                              }
                            ]
                          }
                        }
                      }
                    }
                  ]
                }
              ],
              "detailDescFontSize": 16,
              "optionConf": {
                "useBrick": {
                  "brick": "basic-bricks.general-custom-buttons",
                  "properties": {
                    "isMoreButton": true,
                    "alignment": "end",
                    "moreButtonStyle": {
                      "marginRight": "-4px"
                    },
                    "moreButtonShape": "no",
                    "moreBtnIcon": {
                      "lib": "antd",
                      "icon": "more",
                      "theme": "outlined"
                    },
                    "customButtons": [
                      {
                        "isDropdown": true,
                        "text": "编辑",
                        "icon": "edit",
                        "color": "#8c8c8c",
                        "eventName": "instance.edit"
                      },
                      {
                        "isDropdown": true,
                        "text": "删除",
                        "icon": "delete",
                        "color": "#E02020",
                        "eventName": "instance.delete"
                      }
                    ]
                  },
                  "transform": {
                    "dataSource": "<% DATA %>"
                  },
                  "events": {
                    "instance.edit": {
                      "action": "console.log",
                      "args": [
                        "<% EVENT.detail %>"
                      ]
                    },
                    "instance.delete": {
                      "action": "console.log",
                      "args": [
                        "<% EVENT.detail %>"
                      ]
                    }
                  }
                }
              }
            }
          }
        ]
      },
      {
        "brick": "presentational-bricks.info-display-card-list",
        "properties": {
          "dataSource": [
            {
              "title": "合规性检查",
              "desc": "在数据消费的过程中，我们如何确保数据的合理性呢？比如应用负责人为空、资产编号不唯一或证书日期集时是正确的，但在业",
              "icon": {
                "lib": "fa",
                "prefix": "fas",
                "icon": "chart-pie",
                "color": "blue"
              },
              "detail": [
                {
                  "detailBrickConf": {
                    "useBrick": {
                      "brick": "presentational-bricks.brick-tag",
                      "properties": {
                        "closable": false,
                        "showCard": false,
                        "style": {
                          "marginRight": "4px"
                        },
                        "tagStyle": {
                          "borderRadius": "3px",
                          "lineHeight": "32px",
                          "height": "32px"
                        },
                        "tagList": [
                          {
                            "key": "1",
                            "label": "IT资源管理"
                          }
                        ]
                      }
                    }
                  }
                },
                {
                  "detailBrickConf": {
                    "useBrick": {
                      "brick": "presentational-bricks.brick-tag",
                      "properties": {
                        "closable": false,
                        "style": {
                          "marginRight": "4px"
                        },
                        "showCard": false,
                        "tagStyle": {
                          "borderRadius": "3px",
                          "lineHeight": "32px",
                          "height": "32px"
                        },
                        "tagList": [
                          {
                            "key": "1",
                            "label": "存储设备"
                          }
                        ]
                      }
                    }
                  }
                },
                {
                  "detailBrickConf": {
                    "useBrick": {
                      "brick": "presentational-bricks.brick-tag",
                      "properties": {
                        "closable": false,
                        "style": {
                          "marginRight": "4px"
                        },
                        "showCard": false,
                        "tagStyle": {
                          "borderRadius": "3px",
                          "lineHeight": "32px",
                          "height": "32px"
                        },
                        "tagList": [
                          {
                            "key": "1",
                            "label": "资源套餐"
                          }
                        ]
                      }
                    }
                  }
                }
              ]
            },
            {
              "title": "F5管理",
              "desc": "F5管理将企业F5BIG-IP设备统一管理，可在F5设备卡片页概览全部设备的状态，了解 VirtualServer、Pool、iRules资源信息",
              "icon": {
                "lib": "antd",
                "theme": "filled",
                "icon": "gitlab",
                "color": "red"
              },
              "detail": [
                {
                  "title": "是否启用",
                  "detailBrickConf": {
                    "useBrick": {
                      "brick": "forms.general-switch",
                      "properties": {
                        "style": {
                          "marginTop": "-2.5px"
                        },
                        "name": "enabled",
                        "size": "small",
                        "value": true
                      }
                    }
                  }
                },
                {
                  "title": "下载次数",
                  "desc": "7663"
                },
                {
                  "title": "下载率",
                  "desc": "90%"
                },
                {
                  "title": "失败率",
                  "desc": "3%"
                }
              ]
            },
            {
              "title": "IDC管理",
              "desc": "IDC管理使用机房/机柜视图的形式管理IDC基础数据。将机房视图打造成与实际机房布局一致的可视化信息视图，更贴合实际应",
              "icon": {
                "lib": "fa",
                "prefix": "fas",
                "icon": "apple-alt",
                "color": "purple"
              },
              "detail": [
                {
                  "title": "大小",
                  "desc": "17M"
                },
                {
                  "title": "下载次数",
                  "desc": "63"
                },
                {
                  "title": "下载率",
                  "desc": "60%"
                },
                {
                  "title": "失败率",
                  "desc": "8%"
                }
              ]
            },
            {
              "title": "架构拓扑",
              "desc": "架构拓扑完全根据CMDB数据自动生成的业务应用架构拓扑，展现业务间的访问关系及业务内部的运行关系。同时能下钻到具体",
              "icon": {
                "lib": "easyops",
                "category": "app",
                "icon": "brick-group",
                "color": "geekblue"
              },
              "detail": [
                {
                  "title": "大小",
                  "desc": "7M"
                },
                {
                  "title": "下载次数",
                  "desc": "863"
                },
                {
                  "title": "下载率",
                  "desc": "80%"
                },
                {
                  "title": "失败率",
                  "desc": "2%"
                }
              ]
            },
            {
              "title": "模型视图",
              "desc": "模型视图以可视化的方式，呈现当前资源对象定义及其相互关系。你只需简单拖动模型即可轻松打造不同场景的模型视图，现在",
              "icon": {
                "lib": "easyops",
                "category": "app",
                "icon": "monitor-dashboard",
                "color": "cyan"
              },
              "detail": [
                {
                  "title": "大小",
                  "desc": "7M"
                },
                {
                  "title": "下载次数",
                  "desc": "863"
                },
                {
                  "title": "下载率",
                  "desc": "80%"
                },
                {
                  "title": "失败率",
                  "desc": "2%"
                }
              ]
            },
            {
              "title": "资产盘点",
              "desc": "资产盘点为设备运维人员提供便捷的设备资产盘点能力，使用自动化的盘点方式替换原有人工盘点，解放设备运维人员的双手",
              "icon": {
                "lib": "easyops",
                "category": "app",
                "icon": "patch-management",
                "color": "orange"
              },
              "detail": [
                {
                  "title": "大小",
                  "desc": "7M"
                },
                {
                  "title": "下载次数",
                  "desc": "863"
                },
                {
                  "title": "下载率",
                  "desc": "80%"
                },
                {
                  "title": "失败率",
                  "desc": "2%"
                }
              ]
            },
            {
              "title": "IT资源统计大屏",
              "desc": "支持展示IT资源相关的统计信息，可轻松概览核心资源的实例数量、不同业务或应用的主机数量、资源分配统计、主机数量趋势",
              "icon": {
                "lib": "easyops",
                "category": "app",
                "icon": "object-topology",
                "color": "green"
              },
              "detail": [
                {
                  "title": "大小",
                  "desc": "7M",
                  "useBrick": true
                },
                {
                  "title": "下载次数",
                  "desc": "863"
                },
                {
                  "title": "下载率",
                  "desc": "80%"
                },
                {
                  "title": "失败率",
                  "desc": "2%"
                }
              ]
            },
            {
              "title": "持续集成",
              "desc": "支持展客户两会话健康和空间和健康和健康和健康几节课或军扩过过过过科技股科技股就开始刚开始搞是接口关键时刻哥萨克伽伽司空见惯撒十多个数据库高升控股撒奥会计噶会计师公开撒娇鬼萨科技馆萨科技会计师干撒冈萨加国盛金控hhhhhhhhhhhhh",
              "detail": [
                {
                  "title": "大小",
                  "desc": "7M"
                },
                {
                  "detailBrickConf": {
                    "useBrick": {
                      "brick": "chart-v2.tiny-line-chart",
                      "properties": {
                        "style": {
                          "marginLeft": "-25px"
                        },
                        "width": 300,
                        "height": 30,
                        "xField": "month",
                        "yField": "temperature",
                        "data": [
                          {
                            "month": "Jan",
                            "temperature": 3.9
                          },
                          {
                            "month": "Feb",
                            "temperature": 4.2
                          },
                          {
                            "month": "Mar",
                            "temperature": 5.7
                          },
                          {
                            "month": "Apr",
                            "temperature": 8.5
                          },
                          {
                            "month": "May",
                            "temperature": 11.9
                          },
                          {
                            "month": "Jun",
                            "temperature": 15.2
                          },
                          {
                            "month": "Jul",
                            "temperature": 17
                          },
                          {
                            "month": "Aug",
                            "temperature": 16.6
                          },
                          {
                            "month": "Sep",
                            "temperature": 10.2
                          },
                          {
                            "month": "Oct",
                            "temperature": 10.3
                          },
                          {
                            "month": "Nov",
                            "temperature": 6.6
                          },
                          {
                            "month": "Dec",
                            "temperature": 4.8
                          }
                        ]
                      }
                    }
                  }
                },
                {
                  "title": "下载次数",
                  "desc": "863"
                },
                {
                  "detailBrickConf": {
                    "useBrick": {
                      "brick": "chart-v2.tiny-line-chart",
                      "properties": {
                        "width": 300,
                        "style": {
                          "marginLeft": "-25px"
                        },
                        "height": 30,
                        "xField": "month",
                        "yField": "temperature",
                        "data": [
                          {
                            "month": "Jan",
                            "temperature": 3.9
                          },
                          {
                            "month": "Feb",
                            "temperature": 4.2
                          },
                          {
                            "month": "Mar",
                            "temperature": 5.7
                          },
                          {
                            "month": "Apr",
                            "temperature": 8.5
                          },
                          {
                            "month": "May",
                            "temperature": 11.9
                          },
                          {
                            "month": "Jun",
                            "temperature": 15.2
                          },
                          {
                            "month": "Jul",
                            "temperature": 17
                          },
                          {
                            "month": "Aug",
                            "temperature": 16.6
                          },
                          {
                            "month": "Sep",
                            "temperature": 10.2
                          },
                          {
                            "month": "Oct",
                            "temperature": 10.3
                          },
                          {
                            "month": "Nov",
                            "temperature": 6.6
                          },
                          {
                            "month": "Dec",
                            "temperature": 4.8
                          }
                        ]
                      }
                    }
                  }
                }
              ]
            }
          ],
          "titleFontSize": 16,
          "detailDescFontSize": 16,
          "iconBrickConf": {
            "useBrick": {
              "brick": "div",
              "properties": {
                "style": {
                  "width": "8px",
                  "minWidth": "8px",
                  "height": "60px",
                  "borderRadius": "10px",
                  "background": "linear-gradient(223deg, #5FD8E5 0%,#5BCCCF 100%)"
                }
              }
            }
          },
          "detailOfDescBrickConf": {
            "useBrick": {
              "brick": "presentational-bricks.brick-user",
              "properties": {
                "userNameOrId": "easyops",
                "style": {
                  "overflow": "hidden",
                  "textOverflow": "ellipsis",
                  "minHeight": "28px"
                }
              }
            }
          },
          "titleBrickConf": {
            "useBrick": {
              "brick": "presentational-bricks.brick-tag",
              "properties": {
                "showCard": false,
                "style": {
                  "marginLeft": "5px"
                },
                "color": "blue",
                "tagList": [
                  "开发版本"
                ]
              }
            }
          },
          "optionConf": {
            "useBrick": {
              "brick": "basic-bricks.general-custom-buttons",
              "properties": {
                "isMoreButton": true,
                "alignment": "end",
                "moreButtonStyle": {
                  "marginRight": "-4px"
                },
                "moreButtonShape": "no",
                "moreBtnIcon": {
                  "lib": "antd",
                  "icon": "more",
                  "theme": "outlined"
                },
                "customButtons": [
                  {
                    "isDropdown": true,
                    "text": "编辑",
                    "icon": "edit",
                    "color": "#8c8c8c",
                    "eventName": "instance.edit"
                  }
                ]
              },
              "transform": {
                "dataSource": "<% DATA %>"
              },
              "events": {
                "instance.edit": {
                  "action": "console.log",
                  "args": [
                    "<% EVENT.detail %>"
                  ]
                }
              }
            }
          }
        }
      }
    ],
    "doc": {
      "id": "presentational-bricks.info-display-card-list",
      "author": "dophijing",
      "history": [
        {
          "version": "1.x.0",
          "change": " 新增构件 `presentational-bricks.info-display-card-list`"
        }
      ],
      "dockind": "brick",
      "properties": [
        {
          "name": "dataSource",
          "type": "CardItem[]",
          "required": "true",
          "default": "-",
          "description": "列表数据"
        },
        {
          "name": "urlTemplate",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "卡片跳转 url，支持模版变量"
        },
        {
          "name": "url",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "卡片跳转 url， url 优先于 urlTemplate 执行"
        },
        {
          "name": "target",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "卡片跳转 target，例如可以设置成 _blank"
        },
        {
          "name": "showIcon",
          "type": "boolean",
          "required": "false",
          "default": "true",
          "description": "是否显示列表的左侧icon"
        },
        {
          "name": "optionConf",
          "type": "{ useBrick: UseBrickConf }",
          "required": "false",
          "default": "-",
          "description": "设置操作列，不设置就不显示"
        },
        {
          "name": "titleBrickConf",
          "type": "{ useBrick: UseBrickConf }",
          "required": "false",
          "default": "-",
          "description": "设置titleBrick，不设置就不显示"
        },
        {
          "name": "iconBrickConf",
          "type": "{ useBrick: UseBrickConf }",
          "required": "false",
          "default": "-",
          "description": "设置iconBrick，不设置就不显示"
        },
        {
          "name": "detailOfDescBrickConf",
          "type": "{ useBrick: UseBrickConf }",
          "required": "false",
          "default": "-",
          "description": "设置detailOfDescBrickConf，不设置显示为纯文本"
        },
        {
          "name": "titleFontSize",
          "type": "{ useBrick: UseBrickConf }",
          "required": "false",
          "default": "16px",
          "description": "设置卡片 title 的字体大小，默认为 16px"
        },
        {
          "name": "detailDescFontSize",
          "type": "{ useBrick: UseBrickConf }",
          "required": "false",
          "default": "18px",
          "description": "设置卡片右侧描述部分 desc 的字体大小，默认为18px"
        },
        {
          "name": "listStyle",
          "type": "React.CSSProperties",
          "required": "false",
          "default": "false",
          "description": "list样式"
        }
      ],
      "interface": [
        {
          "name": "CardItem",
          "typeParameter": null,
          "kind": "interface",
          "children": [
            {
              "name": "desc",
              "type": "string",
              "required": true,
              "description": ""
            },
            {
              "name": "detail",
              "type": "CardDetail[]",
              "required": false,
              "description": ""
            },
            {
              "name": "icon",
              "type": "MenuIcon",
              "required": false,
              "description": ""
            },
            {
              "name": "operateItemBrick",
              "type": "{ useBrick: UseBrickConf }",
              "required": false,
              "description": ""
            },
            {
              "name": "title",
              "type": "string",
              "required": true,
              "description": ""
            }
          ],
          "indexSignature": []
        },
        {
          "name": "CardDetail",
          "typeParameter": null,
          "kind": "interface",
          "children": [
            {
              "name": "desc",
              "type": "string",
              "required": true,
              "description": ""
            },
            {
              "name": "detailBrickConf",
              "type": "{ useBrick: UseBrickConf }",
              "required": false,
              "description": ""
            },
            {
              "name": "title",
              "type": "string",
              "required": true,
              "description": ""
            },
            {
              "name": "useBrick",
              "type": "boolean",
              "required": false,
              "description": ""
            },
            {
              "name": "width",
              "type": "string | number",
              "required": false,
              "description": ""
            }
          ],
          "indexSignature": []
        }
      ]
    }
  },
  {
    "storyId": "presentational-bricks.log-display",
    "category": "display-component",
    "type": "brick",
    "author": "jo",
    "text": {
      "en": "Log Display",
      "zh": "日志内容展示"
    },
    "description": {
      "en": "This brick is designed specifically for displaying text-based log information and supports a variety of configuration options to adapt to different usage scenarios",
      "zh": "该构件是为展示文本日志信息而设计的，支持多种配置选项以适应不同的使用场景"
    },
    "icon": {
      "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.log-display.efb3a8135d791982.svg"
    },
    "conf": [
      {
        "snippetId": "presentational-bricks.log-display[normal]",
        "title": {
          "en": "",
          "zh": "基础日志内容展示"
        },
        "thumbnail": "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20width%3D%22105px%22%20height%3D%2255px%22%20viewBox%3D%220%200%20105%2055%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%20%20%20%20%3Ctitle%3Epresentational-bricks.log-display%5Bnormal%5D%3C%2Ftitle%3E%20%20%20%20%3Cg%20id%3D%22snippet%E6%88%AA%E5%9B%BE%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22snippet%22%20transform%3D%22translate%28-8093.000000%2C%20-606.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22presentational-bricks.log-display%5Bnormal%5D%22%20transform%3D%22translate%288093.000000%2C%20606.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22%E7%9F%A9%E5%BD%A2%E5%A4%87%E4%BB%BD-46%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22105%22%20height%3D%2255%22%20rx%3D%224%22%3E%3C%2Frect%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22%E7%9F%A9%E5%BD%A2%22%20fill%3D%22%23778DC3%22%20x%3D%226%22%20y%3D%226%22%20width%3D%2293%22%20height%3D%2243%22%3E%3C%2Frect%3E%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E",
        "bricks": [
          {
            "brick": "presentational-bricks.log-display",
            "properties": {
              "value": "[2019.12.09]: easyops 执行了相关操作"
            }
          }
        ]
      },
      {
        "snippetId": "presentational-bricks.log-display[load]",
        "title": {
          "en": "",
          "zh": "日志内容展示加载"
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.log-display[load].565639eef7a0700c.svg",
        "bricks": [
          {
            "brick": "presentational-bricks.log-display",
            "properties": {
              "loadingIcon": true
            }
          }
        ]
      }
    ],
    "doc": {
      "id": "presentational-bricks.log-display",
      "name": "presentational-bricks.log-display",
      "editor": "shared-editors.general-code--editor",
      "dockind": "brick",
      "description": "显示日志相关信息",
      "author": "jo",
      "slots": null,
      "history": [
        {
          "version": "1.93.0",
          "change": "新增属性 `hasBackspace`"
        }
      ],
      "memo": "",
      "properties": [
        {
          "name": "value",
          "type": "string",
          "required": "true",
          "default": "-",
          "description": "日志的信息"
        },
        {
          "name": "loadingIcon",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "是否显示信息拉取中的状态图标"
        },
        {
          "name": "hasBackspace",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "信息是否可能包含退格键，为 `true` 时自动处理退格键，以符合控制台的实际输出"
        },
        {
          "name": "containerStyle",
          "type": "React.CSSProperties",
          "required": "false",
          "default": "-",
          "description": "容器的样式"
        }
      ],
      "interface": []
    }
  },
  {
    "storyId": "presentational-bricks.markdown-display",
    "category": "text",
    "type": "brick",
    "author": "lynette",
    "text": {
      "en": "Markdown Information Display",
      "zh": "Markdown信息展示"
    },
    "description": {
      "en": "Markdown display, supports image preview, as well as flexible image manipulation settings",
      "zh": "Markdown展示，支持图片预览，以及灵活的图片操作设置"
    },
    "icon": {
      "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.markdown-display.c1eaedbe92cbf11b.svg"
    },
    "conf": [
      {
        "snippetId": "presentational-bricks.markdown-display[normal]",
        "title": {
          "en": "",
          "zh": "基础Markdown信息展示"
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.markdown-display[normal].562515c855e011a3.svg",
        "bricks": [
          {
            "brick": "presentational-bricks.markdown-display",
            "properties": {
              "value": "### 三级标题\n- 列表1\n- 列表2\n- 列表3"
            }
          }
        ]
      }
    ],
    "previewColumns": 2,
    "doc": {
      "id": "presentational-bricks.markdown-display",
      "name": "presentational-bricks.markdown-display",
      "editor": "shared-editors.general-code--editor",
      "dockind": "brick",
      "description": "Markdown展示",
      "author": "lynette",
      "slots": null,
      "history": null,
      "memo": "",
      "properties": [
        {
          "name": "value",
          "type": "string",
          "required": "false",
          "description": "markdown 展示内容",
          "group": "basic"
        },
        {
          "name": "dataSource",
          "type": "Record<string, any>",
          "required": "false",
          "description": "[已废弃]数据来源",
          "deprecated": true,
          "group": "advanced"
        },
        {
          "name": "fields",
          "type": "{ value?: string }",
          "required": "false",
          "description": "[已废弃]字段映射, 跟 dataSource 一起使用来获得运行时 value",
          "deprecated": true,
          "group": "advanced"
        },
        {
          "name": "imagePreview",
          "type": "boolean",
          "required": "false",
          "default": "true",
          "description": "markdown 图片是否支持预览",
          "group": "basic"
        },
        {
          "name": "hideImgPreviewMask",
          "type": "boolean",
          "required": "false",
          "default": "true",
          "description": "是否隐藏图片预览遮罩",
          "group": "basic"
        },
        {
          "name": "imagePreviewOperationInBottom",
          "type": "boolean",
          "required": true,
          "default": "-",
          "description": "预览图片时，图片操作(放大、缩小等操作)是否在下方显示"
        },
        {
          "name": "linkTarget",
          "type": "boolean",
          "required": true,
          "default": "-",
          "description": "内容中链接打开位置，_blank为新窗口打开"
        },
        {
          "name": "enableCodeCopy",
          "type": "boolean",
          "required": true,
          "default": "true",
          "description": "是否启用代码块复制功能（语法高亮默认启用）",
          "group": "basic"
        },
        {
          "name": "__unstable_property_collectCheckboxInfo",
          "type": "boolean",
          "required": true,
          "default": "false"
        }
      ],
      "events": [
        {
          "type": "checkbox.change",
          "detail": "CheckboxInfo[]"
        }
      ],
      "interface": []
    }
  },
  {
    "storyId": "presentational-bricks.markdown-editor",
    "category": "form-input-advanced",
    "type": "brick",
    "author": "lynette",
    "text": {
      "en": "Markdown editor",
      "zh": "Markdown编辑"
    },
    "description": {
      "en": "The Markdown editing component provides a series of features that support editing and real-time preview. The Markdown editor can also be easily integrated into forms or used as a standalone component",
      "zh": "Markdown编辑构件，提供了一系列功能，支持编辑并实时预览。也可以将 Markdown 编辑器轻松地集成到表单中，或者作为一个独立的构件使用"
    },
    "icon": {
      "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.markdown-editor.f427cfd9d52f4646.svg"
    },
    "conf": [
      {
        "snippetId": "presentational-bricks.markdown-editor[normal]",
        "title": {
          "en": "",
          "zh": "基础Markdown编辑构件"
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.markdown-editor[normal].d16c894e3641f394.svg",
        "bricks": [
          {
            "brick": "presentational-bricks.markdown-editor",
            "description": {
              "title": "单独使用"
            },
            "properties": {
              "value": "### 三级标题\n- 列表1\n- 列表2\n- 列表3"
            },
            "events": {
              "markdown.value.change": {
                "action": "console.log"
              }
            }
          }
        ]
      },
      {
        "snippetId": "presentational-bricks.markdown-editor[upload-img]",
        "title": {
          "en": "",
          "zh": "Markdown编辑构件(支持上传图片)"
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.markdown-editor[upload-img].9971400c32ec2c88.svg",
        "bricks": [
          {
            "brick": "presentational-bricks.markdown-editor",
            "description": {
              "title": "支持粘贴上传图片",
              "message": "需要设置 `supportUploadImg` 和 `bucketName`，其中 `bucketName` 请与后台同学商量创建"
            },
            "properties": {
              "value": "### 可以粘贴上传图片\n",
              "supportUploadImg": true,
              "bucketName": "lytest"
            },
            "events": {
              "markdown.value.change": {
                "action": "console.log"
              },
              "image.upload": {
                "action": "console.log"
              }
            }
          }
        ]
      },
      {
        "brick": "forms.general-form",
        "description": {
          "title": "作为表单项，和 `forms.general-form` 构件搭配使用"
        },
        "properties": {
          "values": {
            "content": "### 三级标题\n- 列表1\n- 列表2\n- 列表3"
          }
        },
        "events": {
          "validate.success": {
            "action": "console.log",
            "args": [
              "${EVENT.type}",
              "${EVENT.detail}"
            ]
          },
          "validate.error": {
            "action": "console.warn",
            "args": [
              "${EVENT.type}",
              "${EVENT.detail}"
            ]
          }
        },
        "slots": {
          "items": {
            "type": "bricks",
            "bricks": [
              {
                "brick": "presentational-bricks.markdown-editor",
                "properties": {
                  "name": "content",
                  "label": "内容",
                  "required": true,
                  "message": {
                    "required": "请输入内容"
                  }
                }
              },
              {
                "brick": "forms.general-buttons",
                "properties": {
                  "showCancelButton": true,
                  "submitText": "提交",
                  "cancelText": "取消"
                },
                "events": {
                  "submit.button.click": {
                    "action": "console.log"
                  },
                  "cancel.button.click": {
                    "action": "console.log"
                  }
                }
              }
            ]
          }
        }
      }
    ],
    "doc": {
      "id": "presentational-bricks.markdown-editor",
      "name": "presentational-bricks.markdown-editor",
      "editor": "shared-editors.general-code--editor",
      "dockind": "brick",
      "description": "Markdown编辑构件",
      "author": "lynette",
      "slots": null,
      "history": [
        {
          "version": "1.146.1",
          "change": " 支持粘贴图片，新增属性 `supportUploadImg`,`bucketName`，新增事件 `image.upload`。"
        },
        {
          "version": "1.90.0",
          "change": " 新增属性 `previewContainerStyle`"
        }
      ],
      "memo": "",
      "events": [
        {
          "type": "image.upload",
          "detail": "ImageInfo",
          "description": "上传图片时触发的事件"
        },
        {
          "type": "markdown.value.change",
          "detail": "string",
          "description": "编辑 value 变化的值"
        }
      ],
      "properties": [
        {
          "name": "value",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "markdown 编辑器的值",
          "editor": "textarea",
          "group": "basic"
        },
        {
          "name": "supportUploadImg",
          "type": "boolean",
          "required": "-",
          "default": "false",
          "description": "支持上传图片，为 `true` 时需要设置 `bucketName`。对接平台统一资源存储。",
          "group": "advanced"
        },
        {
          "name": "imagePreview",
          "type": "boolean",
          "required": "false",
          "default": "true",
          "group": "advanced",
          "description": "markdown 图片是否支持预览"
        },
        {
          "name": "bucketName",
          "type": "string",
          "required": "-",
          "default": "-",
          "description": "对象存储桶名字，请在业务编排的时候与后台同学商量创建，一般一个业务需求对应一个存储桶名称，相当于 namespace。需要上传图片的功能（`supportUploadImg:true`)时可用。",
          "group": "advanced"
        },
        {
          "name": "imgCompressDisabled",
          "type": "boolean",
          "required": "-",
          "default": "false",
          "description": "为`true`时，上传图片不被压缩，调用oss接口传width=0和height=0，否则传width=1280和height=800",
          "group": "advanced"
        },
        {
          "name": "previewContainerStyle",
          "type": "Record<string,any>",
          "required": "false",
          "default": "-",
          "description": "预览容器的样式",
          "group": "style"
        },
        {
          "name": "markdownEditorContainerStyle",
          "type": "Record<string,any>",
          "required": "false",
          "default": "-",
          "description": "Editor容器的样式",
          "group": "style"
        },
        {
          "name": "textareaStyle",
          "type": "Record<string,any>",
          "required": "false",
          "default": "-",
          "description": "Textarea 的样式",
          "group": "style"
        },
        {
          "name": "dataSource",
          "type": "Record<string, any>",
          "required": "false",
          "default": "-",
          "description": "[已废弃]数据来源",
          "deprecated": true,
          "group": "other"
        },
        {
          "name": "fields",
          "type": "{ value?: string; }",
          "required": "false",
          "default": "-",
          "description": "[已废弃]字段映射, 跟 dataSource 一起使用来获得运行时 value",
          "deprecated": true,
          "group": "other"
        },
        {
          "name": "inputMinRows",
          "type": "number",
          "required": "-",
          "default": "-",
          "description": "输入框最小显示行数",
          "group": "advanced"
        },
        {
          "name": "inputMaxRows",
          "type": "number",
          "required": "-",
          "default": "-",
          "description": "输入框最大显示行数",
          "group": "advanced"
        },
        {
          "name": "name",
          "type": "string",
          "required": "true",
          "default": "-",
          "description": "表单项的 name 值, 即唯一 id",
          "group": "basic"
        },
        {
          "name": "placeholder",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "占位符",
          "group": "basic"
        },
        {
          "name": "label",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "标签文字",
          "group": "formLabel"
        },
        {
          "name": "labelAlign",
          "type": "left | right",
          "required": "false",
          "default": "-",
          "description": "标签对齐方式",
          "editor": "radio",
          "editorProps": {
            "optionType": "button",
            "options": [
              {
                "value": "left",
                "icon": {
                  "lib": "antd",
                  "icon": "align-left",
                  "theme": "outlined"
                }
              },
              {
                "value": "right",
                "icon": {
                  "lib": "antd",
                  "icon": "align-right",
                  "theme": "outlined"
                }
              }
            ]
          },
          "group": "formLabel"
        },
        {
          "name": "labelColor",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "标签颜色",
          "editor": "color",
          "group": "formLabel"
        },
        {
          "name": "labelBold",
          "type": "boolean",
          "required": "false",
          "default": "-",
          "description": "标签加粗",
          "group": "formLabel"
        },
        {
          "name": "labelTooltip",
          "type": "LabelTooltipProps | string | number",
          "required": "false",
          "description": "标签 tooltip",
          "group": "formLabel"
        },
        {
          "name": "labelCol",
          "type": "ColProps",
          "required": "false",
          "description": "标签布局，可设置 span offset 值",
          "group": "formLabel"
        },
        {
          "name": "wrapperCol",
          "type": "ColProps",
          "required": "false",
          "description": "控件布局，可设置 span offset 值",
          "group": "formLabel"
        },
        {
          "name": "labelBrick",
          "type": "LabelBrick",
          "required": "false",
          "description": "标签构件, 可以指定额外构件作为标签展示",
          "group": "formLabel"
        },
        {
          "name": "required",
          "type": "boolean",
          "required": "false",
          "default": "-",
          "description": "表单项是否必填",
          "group": "formValidation"
        },
        {
          "name": "pattern",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "数据校验格式(正则表达式)",
          "group": "formValidation"
        },
        {
          "name": "message",
          "type": "Record<string, string>",
          "required": "false",
          "default": "-",
          "editor": "message",
          "description": "数据校验错误提示",
          "group": "formValidation"
        },
        {
          "name": "validator",
          "type": "ValidationRule",
          "required": "false",
          "default": "-",
          "description": "自定义校验规则",
          "group": "formValidation"
        },
        {
          "name": "trim",
          "type": "boolean",
          "required": false,
          "default": "true",
          "description": "是否自动去除前后的空白字符",
          "group": "formValidation"
        },
        {
          "name": "notRender",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "控制该表单项是否隐藏",
          "group": "ui"
        },
        {
          "name": "helpBrick",
          "type": "HelpBrickProps | string | number",
          "required": "false",
          "description": "帮助构件, 通常用于在表单项右侧和下方，展示此表单项的帮助信息",
          "group": "ui"
        }
      ],
      "methods": [
        {
          "name": "setNotRender",
          "params": "notRender:boolean",
          "description": "参数为 true 时，不渲染该表单子项；反之，为 false 时，则渲染该表单子项。不渲染时，validate.success事件详情将不输出该表单子项的值。"
        }
      ],
      "interface": [
        {
          "name": "ImageInfo",
          "typeParameter": null,
          "kind": "interface",
          "children": [
            {
              "name": "name",
              "type": "string",
              "required": true,
              "description": ""
            },
            {
              "name": "url",
              "type": "string",
              "required": true,
              "description": ""
            }
          ],
          "indexSignature": []
        }
      ]
    }
  },
  {
    "storyId": "presentational-bricks.modal-confirm",
    "category": "feedback-and-tooltip",
    "type": "brick",
    "author": "jo",
    "text": {
      "en": "Modal confirm",
      "zh": "确认对话框"
    },
    "description": {
      "en": " a component in the feedback and tooltip category, primarily used for implementing various modal functions, including normal confirmation boxes, information alerts, delete confirmation boxes, etc. The component supports a rich set of property configurations, such as modal title, content, type, and more. It can achieve dynamic content rendering through the combination of data sources and template language. In addition, the component provides various event handling, such as clicking the confirm and cancel buttons",
      "zh": "反馈和提示类别的构件，主要用于实现各种模态框功能，包括普通确认框、信息提醒框、删除确认框等。该构件支持丰富的属性配置，如模态框标题、内容、类型等，并可通过数据源与模板语言配合实现内容的动态渲染"
    },
    "icon": {
      "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.modal-confirm.9182fce3c8798600.svg"
    },
    "conf": [
      {
        "snippetId": "presentational-bricks.modal-confirm[normal]",
        "title": {
          "en": "Confirm modal",
          "zh": "确认弹窗"
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.modal-confirm[normal].d2d3cdc7e8674e95.svg",
        "bricks": [
          {
            "brick": "presentational-bricks.modal-confirm",
            "properties": {
              "id": "confirmModal",
              "modalTitle": "普通确认框",
              "content": "是否执行此操作"
            },
            "events": {
              "confirm.ok": {
                "action": "console.info"
              },
              "confirm.cancel": {
                "action": "console.info"
              }
            }
          }
        ],
        "actions": [
          {
            "text": "Open Modal",
            "method": "open"
          }
        ]
      },
      {
        "snippetId": "presentational-bricks.modal-confirm[info]",
        "title": {
          "en": "Info modal",
          "zh": "提醒弹窗"
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.modal-confirm[info].26861ad7e65c44a7.svg",
        "bricks": [
          {
            "brick": "presentational-bricks.modal-confirm",
            "properties": {
              "id": "infoModal",
              "type": "info",
              "dataSource": {
                "name": "测试程序包",
                "version": "1.0.0"
              },
              "modalTitle": "info",
              "content": "#{name}更新中"
            },
            "events": {
              "confirm.ok": {
                "action": "console.info"
              },
              "confirm.cancel": {
                "action": "console.info"
              }
            }
          }
        ],
        "actions": [
          {
            "text": "Open Modal",
            "method": "open"
          }
        ]
      },
      {
        "snippetId": "presentational-bricks.modal-confirm[delete]",
        "title": {
          "en": "Delete modal",
          "zh": "删除弹窗"
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.modal-confirm[delete].77dd7e3234cc778a.svg",
        "bricks": [
          {
            "brick": "presentational-bricks.modal-confirm",
            "properties": {
              "id": "deleteModal",
              "dataSource": {
                "name": "测试程序包",
                "version": "1.0.0"
              },
              "modalTitle": "删除提示确认框",
              "content": "请确认后在下方输入<strong>pipeline</strong>来解锁确定按钮",
              "isDelete": true,
              "expect": "pipeline"
            },
            "events": {
              "confirm.ok": {
                "action": "console.info"
              },
              "confirm.cancel": {
                "action": "console.info"
              }
            }
          }
        ],
        "actions": [
          {
            "text": "Open Modal",
            "method": "open"
          }
        ]
      },
      {
        "snippetId": "presentational-bricks.modal-confirm[success]",
        "title": {
          "en": "Success modal",
          "zh": "成功弹窗"
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.modal-confirm[success].1bbb49195e047f48.svg",
        "bricks": [
          {
            "brick": "presentational-bricks.modal-confirm",
            "properties": {
              "id": "successModal",
              "type": "success",
              "dataSource": {
                "name": "测试程序包",
                "version": "1.0.0"
              },
              "modalTitle": "success",
              "content": "#{name}更新成功"
            },
            "events": {
              "confirm.ok": {
                "action": "console.info"
              },
              "confirm.cancel": {
                "action": "console.info"
              }
            }
          }
        ],
        "actions": [
          {
            "text": "Open Modal",
            "method": "open"
          }
        ]
      },
      {
        "snippetId": "presentational-bricks.modal-confirm[error]",
        "title": {
          "en": "Error modal",
          "zh": "异常弹窗"
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.modal-confirm[error].02040f8732a42e53.svg",
        "bricks": [
          {
            "brick": "presentational-bricks.modal-confirm",
            "properties": {
              "id": "errorModal",
              "type": "error",
              "dataSource": {
                "name": "测试程序包",
                "version": "1.0.0"
              },
              "modalTitle": "error",
              "content": "#{name}更新失败"
            },
            "events": {
              "confirm.ok": {
                "action": "console.info"
              },
              "confirm.cancel": {
                "action": "console.info"
              }
            }
          }
        ],
        "actions": [
          {
            "text": "Open Modal",
            "method": "open"
          }
        ]
      },
      {
        "snippetId": "presentational-bricks.modal-confirm[warn]",
        "title": {
          "en": "Error modal",
          "zh": "告警弹窗"
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.modal-confirm[warn].da5484274a347b01.svg",
        "bricks": [
          {
            "brick": "presentational-bricks.modal-confirm",
            "properties": {
              "id": "warningModal",
              "type": "warning",
              "modalTitle": "warning",
              "content": "补丁更新警告"
            },
            "events": {
              "confirm.ok": {
                "action": "console.info"
              },
              "confirm.cancel": {
                "action": "console.info"
              }
            }
          }
        ],
        "actions": [
          {
            "text": "Open Modal",
            "method": "open"
          }
        ]
      },
      {
        "brick": "div",
        "slots": {
          "": {
            "type": "bricks",
            "bricks": [
              {
                "brick": "basic-bricks.general-button",
                "properties": {
                  "buttonName": "Template Demo"
                },
                "events": {
                  "general.button.click": {
                    "target": "presentational-bricks\\.modal-confirm#warningModal",
                    "method": "open"
                  }
                }
              },
              {
                "brick": "presentational-bricks.modal-confirm",
                "properties": {
                  "id": "warningModal",
                  "type": "warning",
                  "dataSource": {
                    "name": "春节热更新",
                    "version": "1.0.0"
                  },
                  "modalTitle": "warning",
                  "content": "正在更新补丁 <strong>#{name}</strong>",
                  "extraContent": "版本号 <strong>#{version}</strong>"
                },
                "events": {
                  "confirm.ok": {
                    "action": "console.info"
                  },
                  "confirm.cancel": {
                    "action": "console.info"
                  }
                }
              }
            ]
          }
        },
        "description": {
          "title": "使用模板语言",
          "message": "通过dataSource配合模板语言，实现内容的动态渲染"
        }
      },
      {
        "brick": "div",
        "slots": {
          "": {
            "type": "bricks",
            "bricks": [
              {
                "brick": "basic-bricks.general-button",
                "properties": {
                  "buttonName": "confirmLoading Demo"
                },
                "events": {
                  "general.button.click": {
                    "target": "presentational-bricks\\.modal-confirm#confirmLoadingModal",
                    "method": "open"
                  }
                }
              },
              {
                "brick": "presentational-bricks.modal-confirm",
                "properties": {
                  "id": "confirmLoadingModal",
                  "dataSource": {
                    "name": "测试demo"
                  },
                  "modalTitle": "删除提示确认框",
                  "content": "确认删除 <strong>#{name}</strong> 吗？",
                  "isDelete": true,
                  "closeWhenOk": false
                },
                "events": {
                  "confirm.ok": [
                    {
                      "action": "message.info",
                      "args": [
                        "requesting some api..."
                      ]
                    },
                    {
                      "target": "presentational-bricks\\.modal-confirm#confirmLoadingModal",
                      "properties": {
                        "confirmLoading": true
                      }
                    }
                  ],
                  "confirm.cancel": [
                    {
                      "action": "message.warn",
                      "args": [
                        "cancel requesting api..."
                      ]
                    },
                    {
                      "target": "presentational-bricks\\.modal-confirm#confirmLoadingModal",
                      "properties": {
                        "confirmLoading": false
                      }
                    }
                  ]
                }
              }
            ]
          }
        },
        "description": {
          "title": "Loading状态",
          "message": "在发起后台请求并且请求较慢的情况下可以设置 loading 状态优化用户体验"
        }
      },
      {
        "brick": "div",
        "slots": {
          "": {
            "type": "bricks",
            "bricks": [
              {
                "brick": "presentational-bricks.modal-confirm",
                "properties": {
                  "id": "delete-confirm",
                  "modalTitle": "工作空间删除确认",
                  "extraContent": "Tips: 有关联的不能删除",
                  "okType": "danger"
                }
              },
              {
                "brick": "basic-bricks.general-custom-buttons",
                "properties": {
                  "dataSource": {
                    "title": "MyWorkspace",
                    "relatedCount": 1
                  },
                  "customButtons": [
                    {
                      "isDropdown": true,
                      "text": "删除工作区间",
                      "icon": "delete",
                      "color": "#E02020",
                      "eventName": "workload.delete"
                    }
                  ]
                },
                "events": {
                  "workload.delete": [
                    {
                      "action": "console.log"
                    },
                    {
                      "target": "#delete-confirm",
                      "method": "openWithArgs",
                      "args": [
                        {
                          "content": "<% `确认要删除工作空间<strong>${EVENT.detail.title}</strong>吗?` %>",
                          "okButtonProps": {
                            "disabled": "<% EVENT.detail.relatedCount %>"
                          }
                        }
                      ]
                    }
                  ]
                }
              }
            ]
          }
        },
        "description": {
          "title": "设置按钮的高级属性",
          "message": "通过设置okButtonProps和cancelButtonProps来改变按钮样式，例如设置禁用"
        }
      }
    ],
    "previewColumns": 2,
    "doc": {
      "id": "presentational-bricks.modal-confirm",
      "name": "presentational-bricks.modal-confirm",
      "dockind": "brick",
      "description": "用于提示和二次确认的场景",
      "groupI18N": {
        "buttonAndInteract": {
          "en": "Button/Interact",
          "zh": "按钮及交互"
        }
      },
      "editor": "shared-editors.general-confirm--editor",
      "author": "jo",
      "slots": null,
      "history": [
        {
          "version": "1.84.0",
          "change": "新增 `expect` 属性"
        },
        {
          "version": "1.90.0",
          "change": "新增 `openWithArgs` 方法"
        },
        {
          "version": "1.95.0",
          "change": "新增 `modalTitle` 属性代替原先的 title"
        }
      ],
      "memo": "",
      "properties": [
        {
          "name": "modalTitle",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "模态框标题，代替之前 title 属性, 支持模板(即通过 #{xxx} 方式获取数据源字段的上值，由于框架目前提供了 transform 机制也可以达到此需求，推荐使用框架提供的能力)",
          "group": "basic"
        },
        {
          "name": "content",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "模态框内容，支持模板和 HTML（自动消毒）",
          "group": "basic"
        },
        {
          "name": "type",
          "type": "\"info\" | \"success\" | \"error\" | \"warning\" | \"confirm\"",
          "required": "false",
          "default": "confirm",
          "description": "对话框类型",
          "enums": "\"info\"|\"success\"|\"error\"|\"warning\"|\"confirm\"",
          "group": "basic"
        },
        {
          "name": "dataSource",
          "type": "Record<string, any>",
          "required": "false",
          "default": "-",
          "description": "解析模板时的数据源，配合content、extraContent使用"
        },
        {
          "name": "contentBrick",
          "type": "{useBrick: UseBrickConf}",
          "required": "false",
          "default": "false",
          "description": "panelBrick"
        },
        {
          "name": "extraContentSuffixBrick",
          "type": "{ useBrick: UseBrickConf }",
          "required": true
        },
        {
          "name": "expect",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "支持模板，若设置，需输入该文本方可删除",
          "group": "ui"
        },
        {
          "name": "isDelete",
          "type": "boolean",
          "required": "false",
          "default": "-",
          "description": "`已废弃` (可以用`okType`属性代替) 删除模式的模态框：确定按钮的文本为删除，并红色高亮显示",
          "deprecated": true,
          "group": "ui"
        },
        {
          "name": "okText",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "确定按钮文字",
          "group": "buttonAndInteract"
        },
        {
          "name": "okType",
          "type": "ButtonType (\"link\" | \"default\" | \"primary\" | \"ghost\" | \"dashed\" | \"danger\")",
          "required": "false",
          "default": "-",
          "description": "确定按钮类型",
          "enums": "\"link\"|\"default\"|\"primary\"|\"ghost\"|\"dashed\"|\"danger\"",
          "group": "buttonAndInteract"
        },
        {
          "name": "okButtonProps",
          "type": "ButtonProps",
          "required": "false",
          "default": "-",
          "description": "确定按钮属性，同 ant design 的 Modal 的 [okButtonProps](https://ant.design/components/modal-cn#API)",
          "group": "buttonAndInteract"
        },
        {
          "name": "closeWhenOk",
          "type": "boolean",
          "required": "false",
          "default": "true",
          "description": "点击确定按钮是否关闭模态框",
          "group": "buttonAndInteract"
        },
        {
          "name": "confirmLoading",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "确定按钮是否为 loading 状态，在发起后台请求并且请求较慢的情况下可以设置 loading 状态优化用户体验",
          "group": "buttonAndInteract"
        },
        {
          "name": "cancelText",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "取消按钮文字",
          "group": "buttonAndInteract"
        },
        {
          "name": "cancelButtonProps",
          "type": "ButtonProps",
          "required": "false",
          "default": "-",
          "description": "取消按钮属性，同 ant design 的 Modal 的 [cancelButtonProps](https://ant.design/components/modal-cn#API)",
          "group": "buttonAndInteract"
        },
        {
          "name": "extraContent",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "模态框的额外内容，支持模板和 HTML（自动消毒）",
          "group": "other"
        },
        {
          "name": "visible",
          "type": "boolean",
          "required": "false",
          "default": "-",
          "description": "`已废弃` 模态框是否可见，请使用 `open` 和 `close` 方法打开和关闭模态框",
          "deprecated": true,
          "group": "other"
        },
        {
          "name": "width",
          "type": "string | number",
          "required": "false",
          "default": "-",
          "description": "模态框宽度",
          "group": "ui"
        },
        {
          "name": "title",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "`已废弃` 请使用 modalTitle 代替",
          "deprecated": true,
          "group": "other"
        }
      ],
      "events": [
        {
          "type": "confirm.cancel",
          "detail": "-",
          "description": "点击取消按钮的事件"
        },
        {
          "type": "confirm.ok",
          "detail": "`Record<string, any>`",
          "description": "点击确定按钮的事件，事件的 detail 为构件的 dataSource 属性的当前值"
        }
      ],
      "methods": [
        {
          "name": "close",
          "params": "-",
          "description": "关闭模态框"
        },
        {
          "name": "open",
          "params": "CustomEvent",
          "description": "打开模态框，如果需要同时更新参数，推荐使用 `openWithArgs` 方法"
        },
        {
          "name": "openWithArgs",
          "params": "Record<string, any>",
          "description": "打开模态框的同时更新模态框相关属性"
        }
      ],
      "interface": []
    }
  },
  {
    "storyId": "presentational-bricks.statistic-card",
    "category": "card-statistic",
    "type": "brick",
    "author": "william",
    "text": {
      "en": "Statistic Card",
      "zh": "统计卡片"
    },
    "description": {
      "en": "designed for displaying statistical information in a card format. It offers a variety of customizable properties to tailor the appearance and behavior to fit a range of needs",
      "zh": "以卡片形式展示统计信息。它具有多种可自定义的属性，可以调整外观和行为以适应各种需求"
    },
    "icon": {
      "lib": "fa",
      "icon": "info"
    },
    "conf": [
      {
        "snippetId": "presentational-bricks.statistic-card[normal]",
        "title": {
          "zh": "基础统计卡片",
          "en": ""
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.statistic-card[normal].e79a73211fb12ffb.svg",
        "bricks": [
          {
            "brick": "presentational-bricks.statistic-card",
            "properties": {
              "cardTitle": "今日构建",
              "value": 99,
              "icon": {
                "lib": "fa",
                "icon": "clock"
              },
              "url": "/list",
              "tip": "敬请期待",
              "disabled": true
            }
          }
        ]
      }
    ],
    "previewColumns": 2,
    "doc": {
      "id": "presentational-bricks.statistic-card",
      "name": "presentational-bricks.statistic-card",
      "dockind": "brick",
      "description": "展示统计数据的卡片，一般在首页使用",
      "author": "william",
      "slots": null,
      "history": null,
      "memo": "",
      "properties": [
        {
          "name": "cardTitle",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "标题"
        },
        {
          "name": "value",
          "type": "string | number",
          "required": "false",
          "default": "-",
          "description": "数值"
        },
        {
          "name": "icon",
          "type": "MenuIcon",
          "required": "false",
          "default": "-",
          "description": "图标配置 [MenuIcon](http://docs.developers.easyops.cn/docs/brick-next/icon)"
        },
        {
          "name": "url",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "点击跳转的 url"
        },
        {
          "name": "tip",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "鼠标悬浮的提示"
        },
        {
          "name": "disabled",
          "type": "boolean",
          "required": "false",
          "default": "-",
          "description": "禁用状态"
        },
        {
          "name": "showCard",
          "type": "boolean",
          "required": "false",
          "default": "true",
          "description": "是否用 Card 包裹"
        },
        {
          "name": "dataSource",
          "type": "Record<string, any>",
          "required": "false",
          "default": "-",
          "description": "[已废弃]数据来源",
          "deprecated": true,
          "group": "advanced"
        },
        {
          "name": "fields",
          "type": "{icon?: string; disabled?: string;tip?: string;url?: string;cardTitle?: string;value?: string;}",
          "required": "false",
          "default": "-",
          "description": "[已废弃]字段映射, 跟 dataSource 一起使用来获得运行时对应字段",
          "deprecated": true,
          "group": "advanced"
        },
        {
          "name": "urlTemplate",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "[已废弃]点击跳转 url，支持模版变量",
          "deprecated": true,
          "group": "advanced"
        },
        {
          "name": "iconType",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "[已废弃]请使用 icon 代替",
          "deprecated": true,
          "group": "advanced"
        }
      ],
      "interface": []
    }
  },
  {
    "storyId": "presentational-bricks.template-breadcrumb",
    "category": "navigation",
    "type": "brick",
    "author": "william",
    "text": {
      "en": "Custom Breadcrumb",
      "zh": "自定义面包屑"
    },
    "icon": {
      "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.template-breadcrumb.0aefde5b527f1e8b.svg"
    },
    "conf": [
      {
        "snippetId": "presentational-bricks.template-breadcrumb[normal]",
        "title": {
          "en": "",
          "zh": "基础自定义面包屑"
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.template-breadcrumb[normal].20af56ef2d677afa.svg",
        "bricks": [
          {
            "brick": "presentational-bricks.template-breadcrumb",
            "properties": {
              "dataSource": {
                "key1": "value1"
              }
            }
          }
        ]
      }
    ],
    "doc": {
      "id": "presentational-bricks.template-breadcrumb",
      "name": "presentational-bricks.template-breadcrumb",
      "dockind": "brick",
      "description": "",
      "author": "william",
      "slots": null,
      "history": null,
      "memo": "在 storyboard 中我们可以很方便的配置面包屑，而且面包屑会自动串联层级。有些时候我们需要在面包屑显示动态的名称，比如模型名称。这时候，我们可以配置面包屑为如下格式：\n\n```json\n{\n  \"path\": \"${APP.homepage}/:objectId\",\n  \"menu\": {\n    \"breadcrumb\": {\n      \"items\": [\n        {\n          \"text\": \"#{name}\",\n          \"to\": \"${APP.homepage}/${objectId}\"\n        }\n      ]\n    }\n  },\n  \"bricks\": [\n    {\n      \"brick\": \"presentational-bricks.template-breadcrumb\",\n      \"injectDeep\": true,\n      \"lifeCycle\": {\n        \"useResolves\": [\n          {\n            \"provider\": \"providers-of-cmdb\\\\.cmdb-object-api-get-detail\",\n            \"args\": [\"${objectId}\"],\n            \"transform\": {\n              \"dataSource\": {\n                \"name\": \"@{name}\"\n              }\n            }\n          }\n        ]\n      }\n    },\n    ...\n  ]\n}\n```\n\n注意上面示例，我们将`text`标记为`\"#{name}\"`，然后在该路由对应的`bricks[]`配置本构件，在`dataSource`赋值`name`字段即可动态渲染文本。\n\n综上，此构件让面包屑的配置支持`#{variableName}`格式的模板标记，使用`dataSource`上的`variableName`的实际值，并支持`a.b`的多层嵌套。",
      "properties": [
        {
          "name": "dataSource",
          "type": "Record<string, any>",
          "required": "false",
          "default": "-",
          "description": "解析模板时的数据源"
        }
      ],
      "interface": []
    }
  },
  {
    "storyId": "presentational-bricks.text-collapse",
    "category": "text",
    "type": "brick",
    "author": "julielai",
    "text": {
      "en": "text-collapse",
      "zh": "可折叠文本"
    },
    "description": {
      "en": "displaying collapsible text content. Its primary features include the ability to set the displayed text and specify the number of lines visible when collapsed",
      "zh": "主要用于展示可折叠的文本内容。它的主要特性包括可以设定展示的文本内容以及折叠后显示的行数"
    },
    "icon": {
      "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.text-collapse.64a58f1a4a970144.svg"
    },
    "conf": [
      {
        "snippetId": "presentational-bricks.text-collapse[normal]",
        "title": {
          "en": "",
          "zh": "基础可折叠文本"
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.text-collapse[normal].d2399a73b181f6ee.svg",
        "bricks": [
          {
            "brick": "presentational-bricks.text-collapse",
            "properties": {
              "text": "This is a text-collapse.",
              "line": 1
            }
          }
        ]
      }
    ],
    "doc": {
      "id": "presentational-bricks.text-collapse",
      "author": "julielai",
      "history": null,
      "description": "展示可折叠文本\n1.x.0: 新增构件 `presentational-bricks.text-collapse`",
      "dockind": "brick",
      "properties": [
        {
          "name": "text",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "文本"
        },
        {
          "name": "line",
          "type": "number",
          "required": "false",
          "default": "-",
          "description": "行数"
        }
      ],
      "interface": []
    }
  },
  {
    "storyId": "presentational-bricks.brick-illustration",
    "category": "feedback-and-tooltip",
    "type": "brick",
    "author": "Alex",
    "text": {
      "en": "illustration",
      "zh": "插画展示构件"
    },
    "tags": [],
    "description": {
      "en": "Simplified illustration display in front-end development,It defines a structure that includes properties, examples, and events, allowing developers to easily integrate and customize illustrative elements within their applications",
      "zh": "简化前端开发中的插画展示。它定义了一套包含属性、示例和事件的结构，使开发者能够轻松地将插画元素集成到应用程序中，并进行个性化定制"
    },
    "icon": {
      "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-illustration.60947d019bfe28ca.svg"
    },
    "conf": [
      {
        "snippetId": "presentational-bricks.brick-illustration[guide]",
        "title": {
          "zh": "引导类型插画",
          "en": ""
        },
        "message": {
          "zh": "此类型插画一般与`header`属性配合使用,`mode: guide`",
          "en": ""
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-illustration[guide].7572b23b44b1c922.svg",
        "bricks": [
          {
            "brick": "presentational-bricks.brick-illustration",
            "description": {
              "title": "引导类型插画",
              "message": "此类型插画一般与`header`属性配合使用,`mode: guide`"
            },
            "properties": {
              "mode": "guide",
              "category": "default",
              "name": "search-empty",
              "header": {
                "title": "欢迎使用请求追踪",
                "description": "请在左侧输入条件搜索"
              }
            }
          }
        ]
      },
      {
        "snippetId": "presentational-bricks.brick-illustration[feedback]",
        "title": {
          "zh": "反馈类型插画",
          "en": ""
        },
        "message": {
          "zh": "此类型插画一般与`footer`属性配合使用,`mode: feedback`",
          "en": ""
        },
        "bricks": [
          {
            "brick": "presentational-bricks.brick-illustration",
            "properties": {
              "mode": "feedback",
              "category": "exception",
              "name": "http-404",
              "footer": {
                "text": "暂时未找到您查询的页面，请",
                "url": "<% `${APP.homepage}` %>",
                "label": "返回首页"
              }
            }
          }
        ],
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-illustration[feedback].379c11058b3f7ae1.svg"
      }
    ],
    "doc": {
      "id": "presentational-bricks.brick-illustration",
      "author": "alexchen",
      "history": [
        {
          "version": "1.148.0",
          "change": " 新增构件 `presentational-bricks.brick-illustration`"
        }
      ],
      "memo": ">更多类型插画请移至[插画库](/next/developers/illustrations)",
      "dockind": "brick",
      "properties": [
        {
          "name": "name",
          "type": "string",
          "required": "true",
          "description": "插画名称"
        },
        {
          "name": "size",
          "type": "IconSize",
          "required": "false",
          "default": "\"middle\"",
          "description": "插画size,size默认为middle，推荐使用size控制插画尺寸，可通过imageStyle覆盖size实现自定义大小（不推荐）"
        },
        {
          "name": "category",
          "type": "string",
          "required": "true",
          "default": "\"default\"",
          "description": "插画类型",
          "group": "basic"
        },
        {
          "name": "header",
          "type": "IllustrationHeader",
          "required": "false",
          "description": "插画头部内容",
          "group": "other"
        },
        {
          "name": "footer",
          "type": "IllustrationFooter",
          "required": "false",
          "description": "插画底部内容",
          "group": "other"
        },
        {
          "name": "mode",
          "type": "IllustrationMode",
          "required": "false",
          "description": "插画模式",
          "group": "other",
          "deprecated": true
        },
        {
          "name": "imageStyle",
          "type": "CSSProperties",
          "required": "false",
          "description": "图片样式",
          "group": "ui"
        },
        {
          "name": "useNewIllustration",
          "type": "boolean",
          "required": "false",
          "default": "true",
          "description": "在插画库的default分类下，使用新版本的图标替换default分类下图标"
        }
      ],
      "interface": [
        {
          "name": "IllustrationFooter",
          "typeParameter": null,
          "kind": "interface",
          "children": [
            {
              "name": "label",
              "type": "string",
              "required": false,
              "description": ""
            },
            {
              "name": "target",
              "type": "string",
              "required": false,
              "description": ""
            },
            {
              "name": "text",
              "type": "string",
              "required": false,
              "description": ""
            },
            {
              "name": "url",
              "type": "string",
              "required": false,
              "description": ""
            }
          ],
          "indexSignature": []
        },
        {
          "name": "IllustrationHeader",
          "typeParameter": null,
          "kind": "interface",
          "children": [
            {
              "name": "description",
              "type": "string",
              "required": false,
              "description": ""
            },
            {
              "name": "title",
              "type": "string",
              "required": false,
              "description": ""
            }
          ],
          "indexSignature": []
        },
        {
          "name": "IllustrationMode",
          "typeParameter": null,
          "kind": "type",
          "description": "",
          "type": "\"feedback\" | \"guide\""
        }
      ]
    }
  },
  {
    "storyId": "presentational-bricks.dynamic-grid-container",
    "category": "container-layout",
    "type": "brick",
    "author": "astrid",
    "text": {
      "en": "dynamic grid container",
      "zh": "动态网格布局"
    },
    "description": {
      "en": "a versatile grid layout container. it supports custom styles. The core feature lies in its ability to dynamically render child bricks based on the provided `data` array. Each child brick can correspond to different data items",
      "zh": "一个功能强大的grid布局容器，该构件支持自定义样式，其核心特性在于能根据传入的`data`数组动态渲染子构件`useBrick`，每个子构件可对应不同的数据项"
    },
    "icon": {
      "imgSrc": "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20width%3D%22105px%22%20height%3D%2255px%22%20viewBox%3D%220%200%20105%2055%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%20%20%20%20%3Ctitle%3Epresentational-bricks.dynamic-grid-container%3C%2Ftitle%3E%20%20%20%20%3Cg%20id%3D%22nora%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22-%E6%9E%84%E4%BB%B6%E6%A6%82%E8%A7%88%E5%9B%BE%E5%9B%9B%22%20transform%3D%22translate%28-789.000000%2C%20-232.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22presentational-bricks.dynamic-grid-container%22%20transform%3D%22translate%28789.000000%2C%20232.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22%E7%9F%A9%E5%BD%A2%E5%A4%87%E4%BB%BD-46%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22105%22%20height%3D%2255%22%20rx%3D%224%22%3E%3C%2Frect%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22%E7%9F%A9%E5%BD%A2%E5%A4%87%E4%BB%BD-104%22%20fill%3D%22%23F4F5F9%22%20x%3D%226%22%20y%3D%226%22%20width%3D%2229%22%20height%3D%2243%22%20rx%3D%221%22%3E%3C%2Frect%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22%E7%9F%A9%E5%BD%A2%E5%A4%87%E4%BB%BD-4%22%20fill%3D%22%23D6DBEC%22%20x%3D%2239%22%20y%3D%226%22%20width%3D%2260%22%20height%3D%2243%22%20rx%3D%221%22%3E%3C%2Frect%3E%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E"
    },
    "conf": [
      {
        "snippetId": "presentational-bricks.dynamic-grid-container[normal]",
        "title": {
          "zh": "基础动态网格布局",
          "en": ""
        },
        "thumbnail": "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20width%3D%22105px%22%20height%3D%2255px%22%20viewBox%3D%220%200%20105%2055%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%20%20%20%20%3Ctitle%3Epresentational-bricks.dynamic-grid-container%5Bnormal%5D%3C%2Ftitle%3E%20%20%20%20%3Cg%20id%3D%22snippet%E6%88%AA%E5%9B%BE%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22snippet%22%20transform%3D%22translate%28-8484.000000%2C%20-780.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22presentational-bricks.dynamic-grid-container%5Bnormal%5D%22%20transform%3D%22translate%288484.000000%2C%20780.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22%E7%9F%A9%E5%BD%A2%E5%A4%87%E4%BB%BD-46%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22105%22%20height%3D%2255%22%20rx%3D%224%22%3E%3C%2Frect%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22%E7%9F%A9%E5%BD%A2%E5%A4%87%E4%BB%BD-104%22%20fill%3D%22%23F4F5F9%22%20x%3D%226%22%20y%3D%226%22%20width%3D%2229%22%20height%3D%2243%22%20rx%3D%221%22%3E%3C%2Frect%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22%E7%9F%A9%E5%BD%A2%E5%A4%87%E4%BB%BD-4%22%20fill%3D%22%23D6DBEC%22%20x%3D%2239%22%20y%3D%226%22%20width%3D%2260%22%20height%3D%2243%22%20rx%3D%221%22%3E%3C%2Frect%3E%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E",
        "bricks": [
          {
            "brick": "presentational-bricks.dynamic-grid-container",
            "properties": {
              "containerStyle": {
                "gridTemplateColumns": "repeat(14, 1fr)",
                "gridAutoRows": "100px"
              },
              "data": [
                "传递第一份的数据",
                "传递的第二份数据"
              ],
              "useBrick": [
                {
                  "brick": "div",
                  "properties": {
                    "style": {
                      "gridColumn": "span 4",
                      "gridRow": 1,
                      "background": "orange"
                    }
                  },
                  "transform": {
                    "textContent": "@{}"
                  }
                },
                {
                  "brick": "div",
                  "properties": {
                    "style": {
                      "gridColumn": "span 4",
                      "gridRow": 1,
                      "background": "red"
                    }
                  },
                  "transform": {
                    "textContent": "@{}"
                  }
                }
              ]
            },
            "description": {
              "title": "传入data",
              "message": "data与子构件一一对应"
            },
            "events": {
              "dynamic-grid-container.rendered": {
                "action": "console.log"
              }
            }
          }
        ]
      },
      {
        "snippetId": "presentational-bricks.dynamic-grid-container[with-info]",
        "title": {
          "zh": "动态网格布局(负责场景)",
          "en": ""
        },
        "thumbnail": "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20width%3D%22105px%22%20height%3D%2255px%22%20viewBox%3D%220%200%20105%2055%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%20%20%20%20%3Ctitle%3Epresentational-bricks.dynamic-grid-container%5Bnormal%5D%3C%2Ftitle%3E%20%20%20%20%3Cg%20id%3D%22snippet%E6%88%AA%E5%9B%BE%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22snippet%22%20transform%3D%22translate%28-8484.000000%2C%20-893.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22presentational-bricks.dynamic-grid-container%5Bnormal%5D%22%20transform%3D%22translate%288484.000000%2C%20893.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22%E7%9F%A9%E5%BD%A2%E5%A4%87%E4%BB%BD-46%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22105%22%20height%3D%2255%22%20rx%3D%224%22%3E%3C%2Frect%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22%E7%9F%A9%E5%BD%A2%E5%A4%87%E4%BB%BD-104%22%20fill%3D%22%23778DC3%22%20x%3D%226%22%20y%3D%226%22%20width%3D%2244%22%20height%3D%2243%22%20rx%3D%221%22%3E%3C%2Frect%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22%E7%9F%A9%E5%BD%A2%E5%A4%87%E4%BB%BD-4%22%20fill%3D%22%23D6DBEC%22%20x%3D%2254%22%20y%3D%226%22%20width%3D%2245%22%20height%3D%2243%22%20rx%3D%221%22%3E%3C%2Frect%3E%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E",
        "bricks": [
          {
            "brick": "presentational-bricks.dynamic-grid-container",
            "properties": {
              "containerStyle": {
                "gridTemplateColumns": "repeat(12, 1fr)"
              },
              "useBrick": [
                {
                  "brick": "basic-bricks.general-card",
                  "properties": {
                    "style": {
                      "gridColumn": "span 8",
                      "gridRow": 1
                    }
                  },
                  "slots": {
                    "content": {
                      "type": "bricks",
                      "bricks": [
                        {
                          "brick": "dashboard.panel-header",
                          "properties": {
                            "title": "xxx"
                          },
                          "events": {
                            "drag": [
                              {
                                "action": "console.log"
                              }
                            ]
                          }
                        },
                        {
                          "brick": "presentational-bricks.brick-table",
                          "properties": {
                            "showCard": false,
                            "style": {
                              "height": "300px",
                              "overflow": "auto"
                            },
                            "columns": [
                              {
                                "dataIndex": "hostname",
                                "key": "hostname",
                                "title": "hostname"
                              },
                              {
                                "dataIndex": "ip",
                                "key": "ip",
                                "title": "ip"
                              },
                              {
                                "dataIndex": "instanceId",
                                "key": "instanceId",
                                "title": "instanceId"
                              }
                            ],
                            "rowKey": "instanceId"
                          },
                          "lifeCycle": {
                            "useResolves": [
                              {
                                "useProvider": "providers-of-cmdb.instance-api-post-search",
                                "args": [
                                  "HOST",
                                  {
                                    "fields": {
                                      "hostname": 1,
                                      "ip": 1
                                    },
                                    "page_size": 10
                                  }
                                ],
                                "transform": {
                                  "dataSource": "@{}"
                                }
                              }
                            ]
                          }
                        }
                      ]
                    }
                  }
                },
                {
                  "brick": "basic-bricks.general-card",
                  "properties": {
                    "style": {
                      "gridColumn": "span 4",
                      "gridRow": 1
                    }
                  },
                  "slots": {
                    "content": {
                      "type": "bricks",
                      "bricks": [
                        {
                          "brick": "graph.header-with-dropdown",
                          "properties": {
                            "draggable": true,
                            "header": "Project Menuafaffafafafaaaaaaaaaaa",
                            "item": {
                              "name": "Project Menu"
                            },
                            "contentItemActions": {
                              "useBrick": [
                                {
                                  "brick": "presentational-bricks.general-label",
                                  "properties": {
                                    "text": "上移"
                                  }
                                },
                                {
                                  "brick": "presentational-bricks.general-label",
                                  "properties": {
                                    "text": "下移"
                                  }
                                }
                              ]
                            }
                          },
                          "events": {
                            "dragstart": [
                              {
                                "action": "console.log"
                              }
                            ]
                          }
                        },
                        {
                          "brick": "chart-v2.bar-chart",
                          "properties": {
                            "height": 300,
                            "xField": "月份",
                            "yField": "月均降雨量",
                            "groupField": "name",
                            "axis": {
                              "yAxis": {
                                "unit": "mm"
                              }
                            },
                            "data": [
                              {
                                "name": "London",
                                "月份": "Jan.",
                                "月均降雨量": 18.9
                              },
                              {
                                "name": "London",
                                "月份": "Feb.",
                                "月均降雨量": 28.8
                              },
                              {
                                "name": "London",
                                "月份": "Mar.",
                                "月均降雨量": 39.3
                              },
                              {
                                "name": "London",
                                "月份": "Apr.",
                                "月均降雨量": 81.4
                              },
                              {
                                "name": "London",
                                "月份": "May",
                                "月均降雨量": 47
                              },
                              {
                                "name": "London",
                                "月份": "Jun.",
                                "月均降雨量": 20.3
                              },
                              {
                                "name": "London",
                                "月份": "Jul.",
                                "月均降雨量": 24
                              },
                              {
                                "name": "London",
                                "月份": "Aug.",
                                "月均降雨量": 35.6
                              },
                              {
                                "name": "Berlin",
                                "月份": "Jan.",
                                "月均降雨量": 12.4
                              },
                              {
                                "name": "Berlin",
                                "月份": "Feb.",
                                "月均降雨量": 23.2
                              },
                              {
                                "name": "Berlin",
                                "月份": "Mar.",
                                "月均降雨量": 34.5
                              },
                              {
                                "name": "Berlin",
                                "月份": "Apr.",
                                "月均降雨量": 99.7
                              },
                              {
                                "name": "Berlin",
                                "月份": "May",
                                "月均降雨量": 52.6
                              },
                              {
                                "name": "Berlin",
                                "月份": "Jun.",
                                "月均降雨量": 35.5
                              },
                              {
                                "name": "Berlin",
                                "月份": "Jul.",
                                "月均降雨量": 37.4
                              },
                              {
                                "name": "Berlin",
                                "月份": "Aug.",
                                "月均降雨量": 42.4
                              }
                            ]
                          }
                        }
                      ]
                    }
                  }
                }
              ]
            },
            "description": {
              "title": "基本",
              "message": ""
            }
          }
        ]
      }
    ],
    "previewColumns": 1,
    "doc": {
      "id": "presentational-bricks.dynamic-grid-container",
      "author": "astrid",
      "history": [
        {
          "version": "1.149.0",
          "change": " 新增构件 `presentational-bricks.dynamic-grid-container`"
        }
      ],
      "dockind": "brick",
      "events": [
        {
          "type": "dynamic-grid-container.rendered",
          "detail": "`data`为输出的数据，",
          "description": "当`useBrick`渲染完后触发"
        }
      ],
      "properties": [
        {
          "name": "useBrick",
          "type": "[UseBrickConf](http://docs.developers.easyops.cn/docs/api-reference/brick-types.usebrickconf)",
          "required": "false",
          "default": "-",
          "description": "使用的子构件配置"
        },
        {
          "name": "data",
          "type": "any[]",
          "required": "false",
          "default": "-",
          "description": "传递给子构件的数据，应与 `useBrick` 一一对应,data数据中建议传入index作为唯一标识（eg: [{index: chart-01},{index:chart-02}]）"
        },
        {
          "name": "containerStyle",
          "type": "CSSProperties",
          "required": "false",
          "default": "-",
          "description": "容器的样式"
        }
      ],
      "interface": []
    }
  },
  {
    "storyId": "presentational-bricks.rank-table",
    "category": "table",
    "type": "brick",
    "author": "Alex",
    "text": {
      "en": "Rank Table",
      "zh": "表格-带排名"
    },
    "description": {
      "en": "rank table",
      "zh": "排名表格"
    },
    "icon": {
      "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.rank-table.7fbdf79a3439ffbe.svg"
    },
    "conf": [
      {
        "snippetId": "presentational-bricks.rank-table[normal]",
        "title": {
          "en": "",
          "zh": "基础排名表格"
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.rank-table[normal].4db32b490a924e33.svg",
        "bricks": [
          {
            "brick": "presentational-bricks.rank-table",
            "properties": {
              "rowKey": "id",
              "showCard": true,
              "header": {
                "title": "Top10"
              },
              "columns": [
                {
                  "title": "Name",
                  "dataIndex": "name",
                  "key": "name"
                },
                {
                  "title": "Age",
                  "dataIndex": "age",
                  "key": "age"
                },
                {
                  "dataIndex": "address",
                  "key": "address",
                  "headerBrick": {
                    "useBrick": {
                      "brick": "presentational-bricks.general-tooltip",
                      "properties": {
                        "icon": {
                          "lib": "fa",
                          "icon": "info-circle"
                        },
                        "content": "这是一个 tooltips",
                        "text": "Address"
                      }
                    }
                  }
                },
                {
                  "title": "Tags",
                  "key": "tags",
                  "dataIndex": "tags",
                  "useBrick": {
                    "brick": "presentational-bricks.brick-tag",
                    "transform": {
                      "tagList": "@{cellData}"
                    },
                    "properties": {
                      "showCard": false,
                      "configProps": {
                        "color": "var(--color-brand)"
                      }
                    }
                  }
                }
              ],
              "dataSource": {
                "list": [
                  {
                    "id": "1",
                    "name": "John Brown",
                    "age": 32,
                    "address": "New York No. 1 Lake Park",
                    "tags": [
                      "nice",
                      "good"
                    ]
                  },
                  {
                    "id": "2",
                    "name": "Jim Green",
                    "age": 42,
                    "address": "London No. 2 Lake Park",
                    "tags": [
                      "loser",
                      "bad"
                    ]
                  },
                  {
                    "id": "3",
                    "name": "Joe Black",
                    "age": 32,
                    "address": "Sidney No. 3 Lake Park",
                    "tags": [
                      "teacher",
                      "lucky",
                      "lay"
                    ]
                  },
                  {
                    "id": "4",
                    "name": "Jim Red",
                    "age": 34,
                    "address": "Sidney No. 4 Lake Park",
                    "tags": [
                      "teacher",
                      "lucky",
                      "lay"
                    ]
                  },
                  {
                    "id": "5",
                    "name": "Mathéo Girard",
                    "age": 35,
                    "address": "Sidney No. 5 Lake Park",
                    "tags": [
                      "teacher",
                      "lucky",
                      "lay"
                    ]
                  },
                  {
                    "id": "6",
                    "name": "Camille Roy",
                    "age": 36,
                    "address": "Sidney No. 6 Lake Park",
                    "tags": [
                      "teacher",
                      "lucky",
                      "lay"
                    ]
                  },
                  {
                    "id": "7",
                    "name": "Troy Owens",
                    "age": 37,
                    "address": "Sidney No. 7 Lake Park",
                    "tags": [
                      "teacher",
                      "lucky",
                      "lay"
                    ]
                  },
                  {
                    "id": "8",
                    "name": "Marie Cole",
                    "age": 38,
                    "address": "Sidney No. 8 Lake Park",
                    "tags": [
                      "teacher",
                      "lucky",
                      "lay"
                    ]
                  },
                  {
                    "id": "9",
                    "name": "Jennifer Young",
                    "age": 38,
                    "address": "Sidney No. 8 Lake Park",
                    "tags": [
                      "teacher",
                      "lucky",
                      "lay"
                    ]
                  },
                  {
                    "id": "10",
                    "name": "Clinton Cruz",
                    "age": 38,
                    "address": "Sidney No. 8 Lake Park",
                    "tags": [
                      "teacher",
                      "lucky",
                      "lay"
                    ]
                  }
                ]
              }
            }
          }
        ]
      },
      {
        "description": {
          "title": "不含头部的排名表格"
        },
        "brick": "presentational-bricks.rank-table",
        "properties": {
          "rowKey": "id",
          "columns": [
            {
              "title": "Name",
              "dataIndex": "name",
              "key": "name"
            },
            {
              "title": "Age",
              "dataIndex": "age",
              "key": "age"
            },
            {
              "dataIndex": "address",
              "key": "address",
              "headerBrick": {
                "useBrick": {
                  "brick": "presentational-bricks.general-tooltip",
                  "properties": {
                    "icon": {
                      "lib": "fa",
                      "icon": "info-circle"
                    },
                    "content": "这是一个 tooltips",
                    "text": "Address"
                  }
                }
              }
            },
            {
              "title": "Tags",
              "key": "tags",
              "dataIndex": "tags",
              "useBrick": {
                "brick": "presentational-bricks.brick-tag",
                "transform": {
                  "tagList": "@{cellData}"
                },
                "properties": {
                  "showCard": false,
                  "configProps": {
                    "color": "var(--color-brand)"
                  }
                }
              }
            }
          ],
          "dataSource": {
            "list": [
              {
                "id": "1",
                "name": "John Brown",
                "age": 32,
                "address": "New York No. 1 Lake Park",
                "tags": [
                  "nice",
                  "good"
                ]
              },
              {
                "id": "2",
                "name": "Jim Green",
                "age": 42,
                "address": "London No. 2 Lake Park",
                "tags": [
                  "loser",
                  "bad"
                ]
              },
              {
                "id": "3",
                "name": "Troy Owens",
                "age": 32,
                "address": "Sidney No. 3 Lake Park",
                "tags": [
                  "teacher",
                  "lucky",
                  "lay"
                ]
              },
              {
                "id": "4",
                "name": "Clinton Cruz",
                "age": 34,
                "address": "Sidney No. 4 Lake Park",
                "tags": [
                  "teacher",
                  "lucky",
                  "lay"
                ]
              }
            ],
            "page": 1,
            "pageSize": 10,
            "total": 2
          }
        }
      }
    ],
    "doc": {
      "id": "presentational-bricks.rank-table",
      "author": "alexchen",
      "history": [
        {
          "version": "1.x.0",
          "change": " 新增构件 `presentational-bricks.rank-table`"
        }
      ],
      "dockind": "brick",
      "memo": "## dataSource 表格数据源\n| property      | type           | required | default | description                                        |\n| ------------- | -------------- | -------- | ------- | -------------------------------------------------- |\n| dataSource            | any                                                                              | -        | -        | 数据源，通过 useResolves 从后台接口获取或者直接在 storyboard 中配置           |\n\n## columns 表格列配置\n| property      | type           | required | default | description                                        |\n| ------------- | -------------- | -------- | ------- | -------------------------------------------------- |\n| columns               | CustomColumn[]      | -        | -        | 扩展自 ant-design 的 Column 相关配置项,具体查阅：[https://ant.design/components/table-cn/#Column](https://ant.design/components/table-cn/#Column)                                                                                                                         |\n\n### CustomColumn\n| property             | type                  | required | default | description                                                    |\n| -------------------- | --------------------- | -------- | ------- | -------------------------------------------------------------- |\n| valueSuffix          | string                | -        | -       | 字段的值展示时的后缀                                           |\n| useBrick             | UseBrickConf          | -        | -       | 支持为某列自定义展示构件                                       |\n| titleUseBrick        | UseBrickConf          | -        | -       | 支持为某列的标题自定义展示构件，可通过 DATA.title 获取标题文本 |\n| verticalAlign | `top` &#124; `bottom` | - | - | 单元格内元素的垂直对齐方式 |\n\n### UseBrickConf\n\n| property      | type           | required | default | description                                        |\n| ------------- | -------------- | -------- | ------- | -------------------------------------------------- |\n| brick         | string         | ✔️       | -       | 构件名称                                           |\n| properties    | object         | -        | -       | 构件属性                                           |\n| events        | BrickEventsMap | -        | -       | 事件                                               |\n| transform     | string\\|object | -        | -       | 属性数据转换                                       |\n| transformFrom | string         | -        | -       | 属性数据转换来自数据源的哪个字段，不填则为整个数据 |",
      "properties": [
        {
          "name": "header",
          "type": "Header",
          "required": "false",
          "default": "-",
          "description": "表格表头，如不填将不会显示表头"
        },
        {
          "name": "columns",
          "type": "CustomColumn[]",
          "required": "false",
          "default": "-",
          "description": "扩展自 ant-design 的 Column 相关配置项,具体查阅：<a href=\"https://ant.design/components/table-cn/#Column\" target=\"_blank\">https://ant.design/components/table-cn/#Column</a>"
        },
        {
          "name": "dataSource",
          "type": "any",
          "required": "false",
          "default": "-",
          "description": "数据源，通过 useResolves 从后台接口获取或者直接在 storyboard 中配置"
        },
        {
          "name": "configProps",
          "type": "object",
          "required": "false",
          "default": "-",
          "description": "ant-design 的 Table 相关配置项,具体查阅：[https://ant.design/components/table-cn/#Table](https://ant.design/components/table-cn/#Table)，其中分页配置和行选择配值在构件中设置了常用的默认配置，也可自行覆盖，具体描述见下表",
          "group": "advanced"
        },
        {
          "name": "rowKey",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "指定每一行的 key，不指定则默认为索引 index。强烈建议设置该属性，否则在某些情况下可能行为不如预期。"
        },
        {
          "name": "scrollConfigs",
          "type": "{\n  x?: string | number | true;\n  y?: number | string;\n} & {\n  scrollToFirstRowOnChange?: boolean;\n}",
          "required": "false",
          "default": "{ x: true }",
          "description": "表格是否可滚动，也可以指定滚动区域的宽、高，配置项。详见 https://ant.design/components/table-cn/#scroll",
          "group": "advanced"
        },
        {
          "name": "headerTitle",
          "type": "Header",
          "required": "false",
          "default": "-",
          "description": "表格头部左边内容显示区域,如果设置了`header`，会覆盖设置其`title`参数"
        },
        {
          "name": "hiddenColumns",
          "type": "(string|number)[]",
          "required": "false",
          "default": "-",
          "description": "隐藏相应列（输入对应的 dataIndex 或者 key 即可）"
        },
        {
          "name": "showCard",
          "type": "boolean",
          "required": "false",
          "default": "true",
          "description": "是否显示外层卡片"
        },
        {
          "name": "showHeader",
          "type": "boolean",
          "required": "false",
          "default": "true",
          "description": "是否展示表头"
        },
        {
          "name": "size",
          "type": "\"default\"|\"small\"",
          "required": "false",
          "default": "default",
          "enums": "\"default\"|\"small\"",
          "description": "根据容器的不同调整样式"
        },
        {
          "name": "sortable",
          "type": "boolean",
          "required": "false",
          "default": "true",
          "description": "是否支持排序。默认开启，当对应列的sorter设置成true时则可排序。sortable为false时则排序都不生效。"
        },
        {
          "name": "sort",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "被排序列的 dataIndex。通常来自于 url 参数，可以设置成 ${QUERY.sort}。"
        },
        {
          "name": "order",
          "type": "descend' | 'ascend' | null",
          "required": "false",
          "default": "-",
          "description": "升序/降序，可以设置成 ${QUERY.order}。"
        }
      ],
      "events": [
        {
          "type": "sort.update",
          "detail": "{sort:string;order:string|number}",
          "description": "排序变化，detail 中的 sort 为对应排序列的 key/dataIndex，order 为升序/降序"
        }
      ],
      "interface": [
        {
          "name": "Header",
          "typeParameter": null,
          "kind": "interface",
          "children": [
            {
              "name": "extra",
              "type": "string | { useBrick?: UseBrickConf }",
              "required": false,
              "description": "表格头部右边内容显示区域"
            },
            {
              "name": "title",
              "type": "string | { useBrick?: UseBrickConf }",
              "required": true,
              "description": "表格头部左边内容显示区域"
            }
          ],
          "indexSignature": []
        },
        {
          "name": "CustomColumn",
          "typeParameter": null,
          "kind": "interface",
          "extendedTypes": [
            {
              "type": "reference",
              "typeArguments": [
                {
                  "type": "reference",
                  "typeArguments": [
                    {
                      "type": "intrinsic",
                      "name": "string"
                    },
                    {
                      "type": "intrinsic",
                      "name": "any"
                    }
                  ],
                  "name": "Record"
                }
              ],
              "name": "ColumnProps"
            }
          ],
          "children": [
            {
              "name": "headerBrick",
              "type": "{ useBrick: UseBrickConf }",
              "required": false,
              "description": "支持为某列的表头自定义展示构件，可通过 DATA.title 获取标题文本"
            },
            {
              "name": "useBrick",
              "type": "UseBrickConf",
              "required": false,
              "description": "支持为某列自定义展示构件"
            },
            {
              "name": "valueSuffix",
              "type": "string",
              "required": false,
              "description": "字段的值展示时的后缀"
            },
            {
              "name": "verticalAlign",
              "type": "\"top\" | \"bottom\"",
              "required": false,
              "description": "单元格内元素的垂直对齐方式"
            }
          ],
          "indexSignature": []
        }
      ]
    }
  },
  {
    "storyId": "presentational-bricks.dropdown-button",
    "category": "interact-basic",
    "type": "brick",
    "author": "astrid",
    "text": {
      "en": "Dropdown Button",
      "zh": "带下拉框的按钮"
    },
    "description": {
      "en": "It features a button with an attached dropdown menu, providing users a compact way to trigger actions or select options. This brick offers various properties to customize the appearance and behavior, making it an ideal choice for developers seeking a balance between functionality and simplicity",
      "zh": "集成了一个按钮和一个下拉菜单，为用户提供了一种紧凑的方式来触发动作或选择选项。该构件提供多种属性以定制外观和行为，对于寻求功能和简洁性平衡的开发者来说，这是一个理想的选择"
    },
    "icon": {
      "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.dropdown-button.3c51513bcf7e1e93.svg"
    },
    "conf": [
      {
        "snippetId": "presentational-bricks.dropdown-button[normal]",
        "title": {
          "zh": "基础带下拉框的按钮",
          "en": ""
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.dropdown-button[normal].ebea313579467e22.svg",
        "bricks": [
          {
            "brick": "presentational-bricks.dropdown-button",
            "properties": {
              "leftButtonIcon": "reload",
              "buttonName": "Dropdown",
              "options": [
                {
                  "label": "item1",
                  "value": "test"
                },
                {
                  "label": "item2",
                  "value": "test2"
                }
              ]
            },
            "events": {
              "select.change": {
                "action": "console.log"
              },
              "left.button.click": {
                "action": "console.log"
              }
            },
            "description": {
              "title": "基本",
              "message": ""
            }
          }
        ]
      },
      {
        "brick": "presentational-bricks.dropdown-button",
        "properties": {
          "leftButtonIcon": "reload",
          "buttonName": "Dropdown",
          "options": [
            {
              "label": "item1",
              "value": "test"
            },
            {
              "label": "item2",
              "value": "test2"
            }
          ],
          "textPlacement": "right"
        },
        "events": {
          "select.change": {
            "action": "console.log"
          },
          "left.button.click": {
            "action": "console.log"
          }
        }
      }
    ],
    "doc": {
      "id": "presentational-bricks.dropdown-button",
      "author": "astrid",
      "history": [
        {
          "version": "1.212.0",
          "change": " 新增构件 `presentational-bricks.dropdown-button`"
        }
      ],
      "dockind": "brick",
      "properties": [
        {
          "name": "options",
          "type": "Option[]",
          "required": "false",
          "default": "-",
          "description": "下拉菜单",
          "group": "basic"
        },
        {
          "name": "leftButtonIcon",
          "type": "MenuIcon|string",
          "required": "false",
          "default": "-",
          "description": "左边按钮 icon，支持[icon 图标库](developers/icon)，可直接复制图标图标的配置（antd、fa 及 easyops 三种库都支持），也可只取 icon 字段的值（仅支持 antd 库）。配置{ \"lib\": \"antd\", \"icon\": \"edit\" }与 \"edit\"等价",
          "group": "basic"
        },
        {
          "name": "rightButtonIcon",
          "type": "MenuIcon|string",
          "required": "false",
          "default": "-",
          "description": "右边边按钮 icon，支持[icon 图标库](developers/icon)，可直接复制图标图标的配置（antd、fa 及 easyops 三种库都支持），也可只取 icon 字段的值（仅支持 antd 库）。配置{ \"lib\": \"antd\", \"icon\": \"edit\" }与 \"edit\"等价",
          "group": "basic"
        },
        {
          "name": "buttonName",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "配置左边按钮名称",
          "group": "basic"
        },
        {
          "name": "disabled",
          "type": "boolean",
          "required": "false",
          "default": "`false`",
          "description": "是否禁用按钮",
          "group": "basic"
        },
        {
          "name": "textPlacement",
          "type": "\"right\"| \"left\"",
          "required": "false",
          "default": "`right`",
          "description": "选择下拉菜单的选项值出现在左边按钮还是右边按钮，为`left` buttonName不生效",
          "group": "basic"
        },
        {
          "name": "tooltip",
          "type": "string",
          "required": "false",
          "default": "-",
          "description": "按钮的 tooltip",
          "group": "basic"
        },
        {
          "name": "value",
          "type": "any",
          "required": "false",
          "default": "-",
          "description": "选中项的值"
        }
      ],
      "events": [
        {
          "type": "left.button.click",
          "detail": "{item: any}",
          "description": "点击左边按钮发出的事件"
        },
        {
          "type": "select.change",
          "detail": "{value: any; item: any}",
          "description": "选项改变事件"
        }
      ],
      "interface": [
        {
          "name": "Option",
          "typeParameter": null,
          "kind": "interface",
          "children": [
            {
              "name": "content",
              "type": "React.ReactText",
              "required": false,
              "description": ""
            },
            {
              "name": "label",
              "type": "React.ReactText",
              "required": true,
              "description": ""
            },
            {
              "name": "value",
              "type": "any",
              "required": true,
              "description": ""
            }
          ],
          "indexSignature": [
            {
              "name": "__index",
              "parameters": [
                {
                  "id": 16927,
                  "name": "propName",
                  "kind": 32768,
                  "kindString": "Parameter",
                  "flags": {
                    "isExported": true
                  },
                  "type": "string"
                }
              ],
              "type": "any",
              "required": true
            }
          ]
        }
      ]
    }
  },
  {
    "storyId": "presentational-bricks.basic-icon",
    "category": "display-component",
    "type": "brick",
    "author": "qimengwu",
    "text": {
      "en": "basic icon",
      "zh": "基础图标"
    },
    "description": {
      "en": "basic-icon allows developers to easily integrate various icon sets into their web applications. It supports icons from our platform and custom images, providing great flexibility in design implementation. Through a series of customizable attributes such as `size`, `renderBg`, and `bg`, precise control over the appearance of icons is achieved, ensuring seamless integration with the overall interface.",
      "zh": "图标展示，使开发人员能够轻松地将各种图标集成到他们的网页应用中。它支持我们平台的图标和自定义图片的图标，在设计实现上提供了极大的灵活性。通过一系列可自定义的属性，如 `size`、`renderBg` 和 `bg`，能够精确控制图标的外观，确保它们与整体界面无缝融合。"
    },
    "icon": {
      "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.basic-icon.ea75fea17bd93d55.svg"
    },
    "conf": [
      {
        "description": {
          "title": "设置size控制图标的大小"
        },
        "brick": "presentational-bricks.basic-icon",
        "properties": {
          "icon": {
            "lib": "antd",
            "icon": "smile",
            "theme": "outlined",
            "color": "#167be0"
          },
          "size": "48px"
        }
      },
      {
        "snippetId": "presentational-bricks.basic-icon[with-arguments]",
        "bricks": [
          {
            "brick": "presentational-bricks.basic-icon",
            "properties": {
              "icon": {
                "lib": "antd",
                "icon": "smile",
                "theme": "outlined",
                "color": "#167be0"
              },
              "size": "24px",
              "renderBg": true,
              "bg": "#ebf3fd",
              "bgSize": "48px",
              "bgBorderRadius": "3px"
            }
          }
        ],
        "title": {
          "en": "basic-icon(with base argumnts)",
          "zh": "基础图标(带基本参数)"
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.basic-icon[with-arguments].bdeeb84c9e85f4bd.svg"
      },
      {
        "bricks": [
          {
            "brick": "presentational-bricks.basic-icon",
            "properties": {
              "icon": {
                "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.basic-icon.ea75fea17bd93d55.svg",
                "imgStyle": {
                  "borderRadius": "10px"
                }
              },
              "size": "100px"
            }
          }
        ],
        "snippetId": "presentational-bricks.basic-icon[with-imgSrc]",
        "title": {
          "zh": "基础图标(带imgSrc)",
          "en": "basic-icon(with imgSrc)"
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.basic-icon[with-imgSrc].205b64f117547245.svg"
      }
    ],
    "doc": {
      "id": "presentational-bricks.basic-icon",
      "name": "presentational-bricks.basic-icon",
      "author": "qimengwu",
      "history": [
        {
          "version": "1.0.0",
          "change": " 新增构件 `presentational-bricks.basic-icon`"
        }
      ],
      "dockind": "brick",
      "description": "基础icon构件",
      "properties": [
        {
          "name": "icon",
          "type": "MenuIcon ｜ ImgIcon",
          "required": "true",
          "default": "-",
          "description": "图标",
          "group": "basic"
        },
        {
          "name": "size",
          "type": "string",
          "required": "false",
          "default": "24px",
          "description": "图标大小",
          "group": "basic"
        },
        {
          "name": "renderBg",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "是否渲染图标背景",
          "group": "basic"
        },
        {
          "name": "showWhenHover",
          "type": "boolean",
          "required": "false",
          "default": "false",
          "description": "是否hover的时候再展示",
          "group": "basic"
        },
        {
          "name": "bg",
          "type": "string",
          "required": "false",
          "default": "",
          "description": "图标背景",
          "group": "basic"
        },
        {
          "name": "bgSize",
          "type": "string",
          "required": "false",
          "default": "46px",
          "description": "图标背景大小",
          "group": "basic"
        },
        {
          "name": "bgBorderRadius",
          "type": "string",
          "required": "false",
          "default": "",
          "description": "图标背景圆角大小",
          "group": "basic"
        },
        {
          "name": "dataSource",
          "type": "unknown",
          "required": true,
          "description": "数据源",
          "group": "basic"
        }
      ],
      "events": [
        {
          "type": "icon.click",
          "detail": "`any`",
          "description": "按钮被点击时触发, detail 为 dataSource 数据"
        }
      ],
      "interface": []
    }
  },
  {
    "storyId": "presentational-bricks.table-transfer",
    "category": "container-display",
    "type": "brick",
    "author": "ann",
    "text": {
      "en": "Table Transfer",
      "zh": "表格穿梭框"
    },
    "description": {
      "en": "a versatile component designed for displaying and managing data with a dual-list selection interface, equipped with search functionality and drag-and-drop sorting capabilities. It serves as an efficient tool for users to transfer items between two columns, making it ideal for scenarios such as filter configurations or data mapping",
      "zh": "具备搜索功能和拖拽排序能力，它能够高效地帮助用户在两个列表之间转移项目，适用于如筛选配置或数据映射等多种场景"
    },
    "icon": {
      "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.table-transfer.4c1460c8d034f0fb.svg"
    },
    "conf": [
      {
        "snippetId": "presentational-bricks.table-transfer[normal]",
        "title": {
          "en": "",
          "zh": "基础表格穿梭选择框（支持拖拽排序)"
        },
        "thumbnail": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.table-transfer[normal].30a0b8a367249f37.svg",
        "bricks": [
          {
            "brick": "presentational-bricks.table-transfer",
            "properties": {
              "maxSelected": 3,
              "showSearch": true,
              "dragSortable": true,
              "dataSource": [
                {
                  "key": "host.cpu_util.user",
                  "title": "cpu user",
                  "uselessKey1": "useless key 1",
                  "uselessKey2": "useless key 2"
                },
                {
                  "key": "host.cpu_util.system",
                  "title": "cpu system",
                  "uselessKey1": "useless key 1",
                  "uselessKey2": "useless key 2"
                },
                {
                  "key": "host.cpu_util.iowait",
                  "title": "io wait",
                  "uselessKey1": "useless key 1",
                  "uselessKey2": "useless key 2"
                },
                {
                  "key": "host.disk.total",
                  "title": "disk total",
                  "uselessKey1": "useless key 1",
                  "uselessKey2": "useless key 2"
                },
                {
                  "key": "host.network.bytes_in",
                  "title": "bytes in",
                  "uselessKey1": "useless key 1",
                  "uselessKey2": "useless key 2"
                },
                {
                  "key": "host.network.bytes_out",
                  "title": "bytes out",
                  "uselessKey1": "useless key 1",
                  "uselessKey2": "useless key 2"
                }
              ],
              "columns": [
                {
                  "title": "title-left",
                  "key": "title",
                  "dataIndex": "title"
                },
                {
                  "title": "uselessKey1",
                  "key": "uselessKey1",
                  "dataIndex": "uselessKey1"
                }
              ],
              "targetKeys": [
                "host.network.bytes_out",
                "host.disk.total",
                "host.network.bytes_in"
              ]
            },
            "events": {
              "table.transfer.change": {
                "action": "console.log"
              },
              "sort.change": {
                "action": "console.log"
              }
            }
          }
        ]
      }
    ],
    "doc": {
      "id": "presentational-bricks.table-transfer",
      "author": "annzhang",
      "history": [
        {
          "version": "1.x.0",
          "change": " 新增构件 `presentational-bricks.table-transfer`"
        }
      ],
      "dockind": "brick",
      "properties": [
        {
          "name": "dataSource",
          "type": "any[]",
          "required": "true",
          "default": "",
          "description": "数据源，其中的数据将会被渲染到左边一栏中，targetKeys 中指定的除外，必须有key字段作为唯一标识"
        },
        {
          "name": "columns",
          "type": "ColumnsType<Record<string, any>>",
          "required": "true",
          "default": "",
          "description": "表格column配置"
        },
        {
          "name": "targetKeys",
          "type": "string[]",
          "required": "false",
          "default": "",
          "description": "显示在右栏数据的 key 集合"
        },
        {
          "name": "selectedKeys",
          "type": "string[]",
          "required": "false",
          "default": "",
          "description": "设置哪些项被选中"
        },
        {
          "name": "disabled",
          "type": "boolean",
          "required": "false",
          "default": "`false`",
          "description": "是否禁用"
        },
        {
          "name": "dragSortable",
          "type": "boolean",
          "required": true
        },
        {
          "name": "sortTitle",
          "type": "string",
          "required": "false",
          "default": "`sort`",
          "description": "支持右栏表格排序时，排序列的title"
        },
        {
          "name": "maxSelected",
          "type": "number",
          "required": "false",
          "default": "",
          "description": "最大可选数量，当 dataSource 个数大于该值时，不显示全勾选框"
        },
        {
          "name": "listStyle",
          "type": "CSSProperties",
          "required": "false",
          "default": "-",
          "description": "两个穿梭框的自定义样式，常用来设置宽高"
        },
        {
          "name": "titles",
          "type": "[string, string]",
          "required": "false",
          "default": "-",
          "description": "标题集合，顺序从左至右",
          "group": "advanced"
        },
        {
          "name": "searchPlaceholder",
          "type": "string",
          "required": "false",
          "default": "",
          "description": "搜索框placeholder"
        }
      ],
      "events": [
        {
          "type": "search.change",
          "detail": "{ direction: \"left\" | \"right\"; value: any }",
          "description": "搜索框发出的事件，event.detail是搜索框的值"
        },
        {
          "type": "sort.change",
          "detail": "string[]",
          "description": "右栏表格拖拽排序发出的事件，event.detail是右栏表格排序后的key数组"
        },
        {
          "type": "table.transfer.change",
          "detail": "string[]",
          "description": "当选项发生转移时发出的事件，event.detail是\t右侧框数据的 key 集合"
        }
      ],
      "interface": []
    }
  },
  {
    "storyId": "presentational-bricks.brick-user-group",
    "category": "display-component",
    "type": "brick",
    "author": "dophi",
    "text": {
      "en": "user group element",
      "zh": "展示一组用户"
    },
    "description": {
      "en": "effectively presents a collection of user avatars. Its primary function is to display a group of user identities in a user-friendly manner, with optional configurations to enhance the visual presentation",
      "zh": "展示一组用户头像,以友好的方式呈现用户身份的集合，并通过可选配置增强视觉效果"
    },
    "icon": {
      "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.brick-user.b741417d24b97429.svg"
    },
    "conf": [
      {
        "brick": "presentational-bricks.brick-user-group",
        "properties": {
          "userNameOrIds": [
            "alrenhuang",
            "5c6bbc5010976",
            "easyops",
            "youngxu"
          ],
          "displayShowKey": true,
          "configProps": {
            "maxCount": 2,
            "size": "small"
          }
        }
      }
    ],
    "previewColumns": 2,
    "doc": {
      "id": "presentational-bricks.brick-user-group",
      "author": "dophjing",
      "history": [
        {
          "version": "1.x.0",
          "change": " 新增构件 `presentational-bricks.brick-user-group`"
        }
      ],
      "dockind": "brick",
      "properties": [
        {
          "name": "type",
          "type": "\"string\"",
          "required": "false",
          "default": "\"group\"",
          "description": "用户组类型, 代表头像模式还是文本模式",
          "group": "basic"
        },
        {
          "name": "separator",
          "type": "string",
          "required": "false",
          "default": "\";\"",
          "description": "用户组分隔符，默认是分号；仅在 type 为 text 时有效",
          "group": "basic"
        },
        {
          "name": "userNameOrIds",
          "type": "string[]",
          "required": "true",
          "default": "-",
          "description": "用户名或用户 instanceId数组",
          "group": "basic"
        },
        {
          "name": "displayShowKey",
          "type": "\"boolean\"",
          "required": "false",
          "default": "false",
          "description": "是否显示 `showKey` ，如果有则显示`alan(hero)` or `alan`"
        },
        {
          "name": "configProps",
          "type": "GroupProps",
          "required": "false",
          "default": "-",
          "description": "https://ant.design/components/avatar-cn#avatargroup-450",
          "group": "basic"
        }
      ],
      "interface": []
    }
  }
]