@next-bricks/presentational-bricks 1.252.2 → 1.254.0

package/dist/stories.json

@@ -1881,7 +1881,7 @@
     },
     "description": {
       "en": "",
-      "zh": "按不同条件渲染，比如告警数为0是绿色，大于1时显示黄色"
+      "zh": "按不同条件渲染，比如告警数为0是绿色，大于1时显示黄色, 更灵活的方式请通过表达式、函数来做数据处理"
     },
     "icon": {
       "lib": "fa",
@@ -1894,9 +1894,6 @@
           "fullScore": 150,
           "score": 130
         },
-        "fields": {
-          "value": "score"
-        },
         "rules": [
           {
             "condition": {
@@ -2011,29 +2008,32 @@
           "name": "rules",
           "type": "RuleProps[]",
           "required": "false",
-          "default": "-",
-          "description": "展示规则"
+          "default": "[]",
+          "description": "展示规则, 具体请查看[Mongodb条件操作符](https://www.mongodb.com/docs/manual/reference/operator/query/)",
+          "group": "basic"
         },
         {
           "name": "fields",
-          "type": "{ value: string }",
+          "type": "{ value: string; }",
           "required": "false",
-          "default": "-",
-          "description": "[已废弃]显示的字段值，支持通过 path 指定"
+          "description": "[已废弃]显示的字段值，支持通过 path 指定",
+          "deprecated": true,
+          "group": "other"
         },
         {
           "name": "dataSource",
           "type": "DataType",
           "required": "true",
-          "default": "-",
-          "description": "数据"
+          "description": "数据",
+          "group": "basic"
         },
         {
           "name": "type",
-          "type": "default | label",
+          "type": "\"default\" | \"label\"",
           "required": "false",
-          "default": "label",
-          "description": "展示类型，label 表示通过标签的风格展示相关内容，default 表示默认的风格展示(display: block)"
+          "default": "\"label\"",
+          "description": "展示类型，label 表示通过标签的风格展示相关内容，default 表示默认的风格展示(display: block)",
+          "group": "basic"
         }
       ],
       "interface": [
@@ -2063,7 +2063,7 @@
             },
             {
               "name": "style",
-              "type": "object",
+              "type": "{ backgroundColor?: string; borderColor?: string; color?: string; }",
               "required": false,
               "description": ""
             }
@@ -2367,7 +2367,7 @@
           "children": [
             {
               "name": "component",
-              "type": "object",
+              "type": "{ brick?: string; properties?: any; }",
               "required": false,
               "description": "[已废弃]自定义该 item 的展示构件"
             },
@@ -2689,50 +2689,54 @@
           "name": "dividerTitle",
           "type": "string",
           "required": "false",
-          "default": "-",
-          "description": "标题"
+          "description": "标题",
+          "group": "basic"
         },
         {
           "name": "type",
           "type": "\"horizontal\" | \"vertical\" | \"radiation\"",
           "required": "false",
-          "default": "horizontal",
-          "description": "水平|垂直|放射类型,注意`radiation`是个特殊的类型，该样式是特定的"
+          "default": "\"horizontal\"",
+          "description": "水平|垂直|放射类型,注意`radiation`是个特殊的类型，该样式是特定的",
+          "group": "basic"
         },
         {
           "name": "dashed",
           "type": "boolean",
           "required": "false",
           "default": "false",
-          "description": "是否虚线"
+          "description": "是否虚线",
+          "group": "basic"
         },
         {
           "name": "dividerStyle",
-          "type": "Record<string,any>",
+          "type": "CSSProperties",
           "required": "false",
-          "default": "-",
-          "description": "分割线自定义样式"
+          "description": "分割线自定义样式",
+          "group": "basic"
         },
         {
           "name": "orientation",
-          "type": "\"center\" 或 \"left\" 或 \"right\"",
+          "type": "\"center\" | \"left\" | \"right\"",
           "required": "false",
-          "default": "center",
-          "description": "标题位置"
+          "default": "\"center\"",
+          "description": "标题位置",
+          "group": "basic"
         },
         {
           "name": "plain",
-          "type": "`boolean`",
+          "type": "boolean",
           "required": "false",
           "default": "false",
-          "description": "文字是否显示为普通正文样式"
+          "description": "文字是否显示为普通正文样式",
+          "group": "ui"
         },
         {
           "name": "proportion",
-          "type": "`number[]`",
+          "type": "number[]",
           "required": "false",
-          "default": "false",
-          "description": "当用于数值显示的情况，eg: 如果要展示\"1/3\"，那么传入就是[1,3], 该字段只适配于 type 为 `radiation`"
+          "description": "当用于数值显示的情况，eg: 如果要展示\"1/3\"，那么传入就是[1,3], 该字段只适配于 type 为 `radiation`",
+          "group": "basic"
         }
       ],
       "interface": []
@@ -3222,64 +3226,68 @@
           "name": "inputFormat",
           "type": "string",
           "required": "false",
-          "default": "-",
-          "description": "字符串的时间格式，如 \"YYYY-MM-DD\""
+          "description": "字符串的时间格式，如 \"YYYY-MM-DD\", [时间格式参照表](https://dayjs.gitee.io/docs/zh-CN/parse/string-format)",
+          "group": "basic"
         },
         {
           "name": "outputFormat",
           "type": "string",
           "required": "false",
-          "default": "-",
-          "description": "展示时间格式，如 \"YYYY-MM-DD\"，当设置该属性时，属性 `formatter` 无效"
+          "description": "展示时间格式，如 \"YYYY-MM-DD\"，当设置该属性时，属性 `formatter` 无效 [时间格式参照表](https://dayjs.gitee.io/docs/zh-CN/parse/string-format)",
+          "group": "basic"
         },
         {
           "name": "dataSource",
           "type": "Record<string, any>",
           "required": "false",
-          "default": "-",
-          "description": "[已废弃]数据来源"
+          "description": "[已废弃]数据来源",
+          "deprecated": true,
+          "group": "other"
         },
         {
           "name": "fields",
-          "type": "{ value: string }",
+          "type": "{ value: string; }",
           "required": "false",
-          "default": "-",
-          "description": "[已废弃]字段映射, 跟 dataSource 一起使用来获得运行时对应字段的值"
+          "description": "[已废弃]字段映射, 跟 dataSource 一起使用来获得运行时对应字段的值",
+          "deprecated": true,
+          "group": "other"
         },
         {
           "name": "value",
           "type": "number | string",
           "required": "false",
-          "default": "-",
-          "description": "时间截，或字符串，当为字符串时，应提供时间格式 `inputFormat`"
+          "description": "时间截，或字符串，当为字符串时，应提供时间格式 `inputFormat`",
+          "group": "basic"
         },
         {
           "name": "formatter",
-          "type": "full|default|relative|future|accurate|auto",
+          "type": "\"full\" | \"default\" | \"relative\" | \"future\" | \"accurate\" | \"auto\"",
           "required": "false",
-          "default": "-",
-          "description": "枚举值：full, default, relative, future, accurate, auto"
+          "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": "isMicrosecond",
           "type": "boolean",
           "required": "false",
           "default": "false",
-          "description": "value 值的单位是否为毫秒"
+          "description": "value 值的单位是否为毫秒",
+          "group": "basic"
         },
         {
           "name": "isCostTime",
           "type": "boolean",
           "required": "false",
           "default": "false",
-          "description": "是否展示为耗费时间，例如：'1 个月 20 天'"
+          "description": "是否展示为耗费时间，例如：'1 个月 20 天'",
+          "group": "basic"
         },
         {
           "name": "link",
           "type": "LinkInfo",
           "required": "false",
-          "default": "-",
-          "description": "跳转链接，默认为空"
+          "description": "跳转链接，默认为空",
+          "group": "basic"
         }
       ],
       "interface": [
@@ -3601,16 +3609,16 @@
         {
           "name": "type",
           "type": "\"link\" | \"text\"",
-          "default": "link",
           "required": "false",
+          "default": "link",
           "description": "链接类型：默认链接 - link 和 文本链接 - text",
           "group": "ui"
         },
         {
           "name": "iconAlign",
           "type": "\"left\" | \"right\"",
-          "default": "left",
           "required": "false",
+          "default": "left",
           "description": "链接图标位置：左边 - left 右边 - right",
           "group": "ui"
         },
@@ -4544,7 +4552,8 @@
       ],
       "events": [
         {
-          "type": "rate.change"
+          "type": "rate.change",
+          "detail": "Record<number, any>"
         }
       ],
       "interface": []
@@ -4740,45 +4749,166 @@
           "change": "新增状态，`EmptyResultStatus`, 与规范对齐"
         }
       ],
-      "memo": "```typescript\nexport enum BrickResultStatus {\n  Success = \"success\",\n  Error = \"error\",\n  Info = \"info\",\n  Warning = \"warning\",\n  E404 = \"404\",\n  E403 = \"403\",\n  E500 = \"500\",\n}\n\nexport enum EmptyResultStatus {\n  BrowserTooOld = \"browser-too-old\",\n  Empty = \"empty\",\n  NoData = \"no-data\",\n  NoHistoryVersion = \"no-history-version\",\n  NoVisitRecord = \"no-visit-record\",\n  SearchEmpty = \"search-empty\",\n  WelcomeToCreate = \"welcome-to-create\",\n}\n\nexport type IllustrationsStatus = \"illustrations\";\n\nexport interface IllustrationsConfig {\n  imageStyle?: CSSProperties;\n  name?: string;\n  category?: string;\n}\n\n```",
+      "memo": "",
       "properties": [
         {
           "name": "customTitle",
           "type": "string",
           "required": "false",
-          "default": "-",
-          "description": "主标题文字"
+          "description": "主标题文字",
+          "group": "basic"
         },
         {
           "name": "status",
-          "type": "`BrickResultStatus` | `EmptyResultStatus` | `IllustrationsStatus`",
+          "type": "BrickResultStatus | EmptyResultStatus | IllustrationsStatus",
           "required": "true",
           "default": "-",
-          "description": "结果的状态, 决定图标和颜色"
+          "description": "结果的状态, 决定图标和颜色",
+          "group": "basic"
         },
         {
           "name": "subTitle",
           "type": "string",
           "required": "false",
-          "default": "-",
-          "description": "次标题文字"
+          "description": "次标题文字",
+          "group": "basic"
         },
         {
           "name": "icon",
           "type": "string",
           "required": "false",
           "default": "-",
-          "description": "[自定义图标](https://ant.design/components/icon-cn/), 仅当 status 为 `BrickResultStatus` 时有效"
+          "description": "[自定义图标](https://ant.design/components/icon-cn/), 仅当 status 为 `BrickResultStatus` 时有效",
+          "group": "ui"
         },
         {
           "name": "illustrationsConfig",
           "type": "IllustrationsConfig",
           "required": "false",
           "default": "{}",
-          "description": "自定义插画配置"
+          "description": "自定义插画配置",
+          "group": "other"
         }
       ],
-      "interface": []
+      "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": ""
+            }
+          ],
+          "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\""
+        }
+      ]
     }
   },
   {
@@ -6285,7 +6415,7 @@
           "change": "新增 `shouldUpdateUrlParams` 属性和 `sort.update` 事件"
         }
       ],
-      "memo": "> Tips: 在 react 中，boolean 类型的值是合法的子元素，但是不会被渲染出来。如果希望 boolean 值在表格单元格中展示成 `true`|`false`，可以使用平台管道进行转换，例如`@{someProperties|string}`。更多场景下可以结合 [基本数值映射构件](developers/brick-book/brick/presentational-bricks.brick-value-mapping) 把 boolean 类型的值转换成有意义的文本进行展示。\n### CustomColumn\n| property             | type                  | required | default | description                                                    |\n| -------------------- | --------------------- | -------- | ------- | -------------------------------------------------------------- |\n| valueSuffix          | string                | -        | -       | 字段的值展示时的后缀                                          |\n| useBrick             | UseBrickConf          | -        | -       | 支持为某列自定义展示构件, 具体查看 [UseBrickConf](/next-docs/docs/api-reference/brick-types.usesinglebrickconf)                                  |\n| titleUseBrick        | UseBrickConf          | -        | -       | 支持为某列的标题自定义展示构件，可通过 DATA.title 获取标题文本,具体查看 [UseBrickConf](/next-docs/docs/api-reference/brick-types.usesinglebrickconf) |\n| filters | {text:string,value:any}[] | - | - | 表头的筛选菜单项 |\n| verticalAlign | top \\| bottom | - | - | 单元格内元素的垂直对齐方式 |\n| colSpanKey | string | - | - | 每条记录的控制列合并的值的 key |\n| rowSpanKey | string | - | - | 每条记录的控制行合并的值的 key。如果希望将树形列表展平，并计算行合并的值，可以使用 flattenTreeDataListAndCalcRowSpan 自定义加工函数 |、* | ~~component~~ | ~~CustomColumnComponent~~ | -        | -       | ~~Deprecated。支持为某列自定义展示构件~~                          |\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         | -        | -       | 属性数据转换来自数据源的哪个字段，不填则为整个数据 |\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### <del>CustomColumnComponent</del>\n\n<details>\n<summary>展开</summary>\n\n| property   | type                                         | required | default | description                                     |\n| ---------- | -------------------------------------------- | -------- | ------- | ----------------------------------------------- |\n| brick      | string                                       | ✔️       | -       | 构件名称                                        |\n| fields     | {value: string; item: string; index: string} | ✔️       | -       | 字段值、列表项和 index 对应所用构件的属性的 key |\n| properties | object                                       | -        | -       | 构件属性                                        |\n| events     | BrickEventsMap                               | -        | -       | 事件                                            |\n\n</details>\n\n### fields\n| property   | type   | required | default  | description                                                                                              |\n| ---------- | ------ | -------- | -------- | -------------------------------------------------------------------------------------------------------- |\n| fields                | fieldsType                                                                           | -        | -        | 设置相关字段取自哪里，具体描述见下表      |\n\n### fieldsType\n| property   | type   | required | default  | description                                                                                              |\n| ---------- | ------ | -------- | -------- | -------------------------------------------------------------------------------------------------------- |\n| dataSource | string | -        | list     | 指定 dataSource 从哪里来，默认为列表接口返回格式是{list:[],page:1,pageSize:10,total:20}，即默认取自 list |\n| total      | string | -        | total    | 指定 total 从哪里来，默认为列表接口返回格式是{list:[],page:1,pageSize:10,total:20}，即默认取自 total     |\n| page       | string | -        | page     | 指定下表中 \"page.update\" 事件 detail 的 pagePath                                                         |\n| pageSize   | string | -        | pageSize | 指定下表 \"filter.update\" 事件 detail 的 pageSizePath                                                     |\n| ascend     | string | -        | ascend   | 指定 ascend 升序排序对应字段，例如有些后台对应为 1 ，有些对应为 \"asc\"。这里默认为 \"ascend\"               |\n| descend    | string | -        | descend  | 指定 descend 降序排序对应字段，例如有些后台对应为 0 ，有些对应为 \"desc\"。这里默认为 \"descend\"            |\n\n### pagination 默认配置\n\n如果不希望分页，只需在 storyboard 中如下设置即可：\n\n```\n{\n  \"configProps\": {\n    \"pagination\": false\n  }\n}\n```\n\n如果希望覆盖默认配置，只需在 storyboard 中覆盖对应项即可，相关配置项具体查阅：[pagination](https://ant.design/components/pagination-cn/#API)\n\n```\n{\n  \"configProps\": {\n    \"pagination\": {\n      \"pageSizeOptions\": [\"10\",\"100\",\"1000\"]\n    }\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，即如果不在 storyboard 中配置就不显示。如果要开启只需在 storyboard 中如下设置即可，这时 brick-table 会默认配置 onChange 事件：\n\n```\n{\n  \"configProps\": {\n    \"rowSelection\": true\n  }\n}\n```\n\n如果希望覆盖或者扩展默认配置，只需在 storyboard 中覆盖对应项即可，相关配置项具体查阅：[rowSelection](https://ant.design/components/table-cn/#rowSelection)\n\n```\n{\n  \"configProps\": {\n    \"rowSelection\": {\n      \"columnWidth\": \"88px\"\n    }\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 |",
+      "memo": "> Tips: 在 react 中，boolean 类型的值是合法的子元素，但是不会被渲染出来。如果希望 boolean 值在表格单元格中展示成 `true`|`false`，可以使用平台管道进行转换，例如`@{someProperties|string}`。更多场景下可以结合 [基本数值映射构件](developers/brick-book/brick/presentational-bricks.brick-value-mapping) 把 boolean 类型的值转换成有意义的文本进行展示。\n### CustomColumn\n| property             | type                  | required | default | description                                                    |\n| -------------------- | --------------------- | -------- | ------- | -------------------------------------------------------------- |\n| valueSuffix          | string                | -        | -       | 字段的值展示时的后缀                                          |\n| useBrick             | UseBrickConf          | -        | -       | 支持为某列自定义展示构件, 具体查看 [UseBrickConf](/next-docs/docs/api-reference/brick-types.usesinglebrickconf)                                  |\n| titleUseBrick        | UseBrickConf          | -        | -       | 支持为某列的标题自定义展示构件，可通过 DATA.title 获取标题文本,具体查看 [UseBrickConf](/next-docs/docs/api-reference/brick-types.usesinglebrickconf) |\n| filters | {text:string,value:any}[] | - | - | 表头的筛选菜单项 |\n| verticalAlign | top \\| bottom | - | - | 单元格内元素的垂直对齐方式 |\n| colSpanKey | string | - | - | 每条记录的控制列合并的值的 key |\n| rowSpanKey | string | - | - | 每条记录的控制行合并的值的 key。如果希望将树形列表展平，并计算行合并的值，可以使用 flattenTreeDataListAndCalcRowSpan 自定义加工函数 |\n| ~~component~~ | ~~CustomColumnComponent~~ | -        | -       | ~~Deprecated。支持为某列自定义展示构件~~                          |\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         | -        | -       | 属性数据转换来自数据源的哪个字段，不填则为整个数据 |\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### <del>CustomColumnComponent</del>\n\n<details>\n<summary>展开</summary>\n\n| property   | type                                         | required | default | description                                     |\n| ---------- | -------------------------------------------- | -------- | ------- | ----------------------------------------------- |\n| brick      | string                                       | ✔️       | -       | 构件名称                                        |\n| fields     | {value: string; item: string; index: string} | ✔️       | -       | 字段值、列表项和 index 对应所用构件的属性的 key |\n| properties | object                                       | -        | -       | 构件属性                                        |\n| events     | BrickEventsMap                               | -        | -       | 事件                                            |\n\n</details>\n\n### fields\n| property   | type   | required | default  | description                                                                                              |\n| ---------- | ------ | -------- | -------- | -------------------------------------------------------------------------------------------------------- |\n| fields                | fieldsType                                                                           | -        | -        | 设置相关字段取自哪里，具体描述见下表      |\n\n### fieldsType\n| property   | type   | required | default  | description                                                                                              |\n| ---------- | ------ | -------- | -------- | -------------------------------------------------------------------------------------------------------- |\n| dataSource | string | -        | list     | 指定 dataSource 从哪里来，默认为列表接口返回格式是{list:[],page:1,pageSize:10,total:20}，即默认取自 list |\n| total      | string | -        | total    | 指定 total 从哪里来，默认为列表接口返回格式是{list:[],page:1,pageSize:10,total:20}，即默认取自 total     |\n| page       | string | -        | page     | 指定下表中 \"page.update\" 事件 detail 的 pagePath                                                         |\n| pageSize   | string | -        | pageSize | 指定下表 \"filter.update\" 事件 detail 的 pageSizePath                                                     |\n| ascend     | string | -        | ascend   | 指定 ascend 升序排序对应字段，例如有些后台对应为 1 ，有些对应为 \"asc\"。这里默认为 \"ascend\"               |\n| descend    | string | -        | descend  | 指定 descend 降序排序对应字段，例如有些后台对应为 0 ，有些对应为 \"desc\"。这里默认为 \"descend\"            |\n\n### pagination 默认配置\n\n如果不希望分页，如下设置即可：\n\n```\n{\n  \"configProps\": {\n    \"pagination\": false\n  }\n}\n```\n\n如果希望覆盖默认配置，覆盖对应项即可，相关配置项具体查阅：[pagination](https://ant.design/components/pagination-cn/#API)\n\n```\n{\n  \"configProps\": {\n    \"pagination\": {\n      \"pageSizeOptions\": [\"10\",\"100\",\"1000\"]\n    }\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  \"configProps\": {\n    \"rowSelection\": true\n  }\n}\n```\n\n如果希望覆盖或者扩展默认配置，覆盖对应项即可，相关配置项具体查阅：[rowSelection](https://ant.design/components/table-cn/#rowSelection)\n\n```\n{\n  \"configProps\": {\n    \"rowSelection\": {\n      \"columnWidth\": \"88px\"\n    }\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",
@@ -6297,7 +6427,7 @@
         },
         {
           "name": "dataSource",
-          "type": "any",
+          "type": "any[]",
           "required": "false",
           "default": "-",
           "description": "数据源，通过 useResolves 从后台接口获取或者直接在 storyboard 中配置",
@@ -6313,7 +6443,7 @@
         },
         {
           "name": "hiddenColumns",
-          "type": "(string|number)[]",
+          "type": "Array<string | number>",
           "required": "false",
           "default": "-",
           "description": "隐藏相应列（输入对应的 dataIndex 或者 key 即可）",
@@ -6329,7 +6459,7 @@
         },
         {
           "name": "filters",
-          "type": "Record<string,string[]>",
+          "type": "Record<string, string[]>",
           "required": "false",
           "default": "-",
           "description": "表头过滤的过滤项，key 为 column 的 dataIndex，value 为过滤值集合。",
@@ -6345,7 +6475,7 @@
         },
         {
           "name": "configProps",
-          "type": "object",
+          "type": "any",
           "required": "false",
           "default": "-",
           "description": "ant-design 的 Table 相关配置项,具体查阅：[Table](https://ant.design/components/table-cn/#Table)，其中分页配置和行选择配值在构件中设置了常用的默认配置，也可自行覆盖，具体描述见下表",
@@ -6417,7 +6547,7 @@
         },
         {
           "name": "optimizedColumns",
-          "type": "(string|number)[]",
+          "type": "Array<string | number>",
           "required": "false",
           "default": "-",
           "description": "优化渲染的列（输入对应的 dataIndex），针对配置了 useBrick 的列。当前 antd 在更新 state 的时候，会全量渲染单元格，如果确定某一列在后续操作中不需要重新渲染，例如仅作为展示的单元格，可通过该属性设置以优化性能。注意，在树形表格中，当某一列内包含展开/收起按钮，则不应该设置该列。",
@@ -6426,8 +6556,8 @@
         {
           "name": "wrapperConfig",
           "type": "BrickWrapperConfig",
-          "default": "-",
           "required": "false",
+          "default": "-",
           "description": "设置容器空状态时显示`empty`构件属性",
           "group": "ui"
         },
@@ -6641,7 +6771,7 @@
         },
         {
           "name": "rowSelection",
-          "type": "false | TableRowSelection",
+          "type": "false | TableRowSelection<any>",
           "required": "false",
           "default": "-",
           "description": "表格行是否可选择，具体查阅：[rowSelection](https://ant.design/components/table-cn/#rowSelection)"
@@ -6681,8 +6811,8 @@
         {
           "name": "selectedRowKeys",
           "type": "React.Key[]",
-          "default": "[]",
           "required": "false",
+          "default": "[]",
           "description": "指定选中项的 key 数组",
           "group": "rowSelection"
         }
@@ -6731,6 +6861,7 @@
         },
         {
           "name": "filterSourceData",
+          "params": "event: CustomEvent",
           "description": "搜索过滤"
         }
       ],
@@ -6826,102 +6957,430 @@
             }
           ],
           "indexSignature": []
-        }
-      ]
-    }
-  },
-  {
-    "storyId": "presentational-bricks.brick-tag",
-    "category": "data-view",
-    "type": "brick",
-    "author": "lynette",
-    "text": {
-      "en": "Tag Label",
-      "zh": "Tag 标签"
-    },
-    "tags": [
-      {
-        "en": "show",
-        "zh": "数据显示"
-      }
-    ],
-    "description": {
-      "en": "tag label, support Tag and CheckableTag",
-      "zh": "进行标记和分类的小标签，同时支持基本标签和可选中标签"
-    },
-    "icon": {
-      "lib": "fa",
-      "icon": "tags"
-    },
-    "conf": [
-      {
-        "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"
-                    },
+        {
+          "name": "CustomColumn",
+          "typeParameter": null,
+          "kind": "interface",
+          "extendedTypes": [
+            {
+              "type": "reference",
+              "typeArguments": [
+                {
+                  "type": "reference",
+                  "typeArguments": [
                     {
-                      "key": "testB",
-                      "label": "testB",
-                      "icon": {
-                        "lib": "fa",
-                        "icon": "adjust",
-                        "prefix": "fas"
-                      }
+                      "type": "intrinsic",
+                      "name": "string"
                     },
                     {
-                      "key": "testC",
-                      "label": "testC"
+                      "type": "intrinsic",
+                      "name": "any"
                     }
-                  ]
+                  ],
+                  "name": "Record"
+                }
+              ],
+              "name": "ColumnProps"
+            }
+          ],
+          "children": [
+            {
+              "name": "align",
+              "type": "AlignType",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "cellStatus",
+              "type": "CellStatusProps",
+              "required": false,
+              "description": "在渲染自定义构件的场景下额外设置单元格的状态样式， `dataIndex` 表示取哪一列的字段值作为判断数据，不填的话默认取当前列的字段，`mapping` 表示判断的条件，条件被成功匹配时用当前的样式。目前仅支持单元格 `leftBorderColor` 属性的设置"
+            },
+            {
+              "name": "children",
+              "type": "null",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "className",
+              "type": "string",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "colSpan",
+              "type": "number",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "colSpanKey",
+              "type": "string",
+              "required": false,
+              "description": "每条记录的控制列合并的值的 key"
+            },
+            {
+              "name": "component",
+              "type": "CustomColumnComponent",
+              "required": false,
+              "description": "[已废弃]支持为某列自定义展示构件"
+            },
+            {
+              "name": "dataIndex",
+              "type": "DataIndex",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "defaultFilteredValue",
+              "type": "Key[] | null",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "defaultSortOrder",
+              "type": "SortOrder",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "ellipsis",
+              "type": "CellEllipsisType",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "filterDropdown",
+              "type": "React.ReactNode | {  }",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "filterDropdownVisible",
+              "type": "boolean",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "filterIcon",
+              "type": "React.ReactNode | {  }",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "filterMultiple",
+              "type": "boolean",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "filtered",
+              "type": "boolean",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "filteredValue",
+              "type": "Key[] | null",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "filters",
+              "type": "ColumnFilterItem[]",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "fixed",
+              "type": "FixedType",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "headerBrick",
+              "type": "{ useBrick: UseBrickConf; }",
+              "required": false,
+              "description": "支持为某列的表头自定义展示构件，可通过 DATA.title 获取标题文本"
+            },
+            {
+              "name": "key",
+              "type": "Key",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "onCell",
+              "type": "GetComponentProps<Record<string, any>>",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "onCellClick",
+              "type": "{  }",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "onFilter",
+              "type": "{  }",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "onFilterDropdownVisibleChange",
+              "type": "{  }",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "onHeaderCell",
+              "type": "GetComponentProps<>",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "render",
+              "type": "{  }",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "responsive",
+              "type": "Breakpoint[]",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "rowSpan",
+              "type": "number",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "rowSpanKey",
+              "type": "string",
+              "required": false,
+              "description": "每条记录的控制行合并的值的 key"
+            },
+            {
+              "name": "shouldCellUpdate",
+              "type": "{  }",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "showSorterTooltip",
+              "type": "boolean | TooltipProps",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "sortDirections",
+              "type": "SortOrder[]",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "sortOrder",
+              "type": "SortOrder",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "sorter",
+              "type": "boolean | CompareFn<Record<string, any>> | { compare?: CompareFn<Record<string, any>>; multiple?: number; }",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "title",
+              "type": "ColumnTitle<Record<string, any>>",
+              "required": false,
+              "description": ""
+            },
+            {
+              "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": "单元格内元素的垂直对齐方式"
+            },
+            {
+              "name": "width",
+              "type": "number | string",
+              "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": ""
+            },
+            {
+              "name": "properties",
+              "type": "Record<string, any>",
+              "required": false,
+              "description": ""
+            }
+          ],
+          "indexSignature": []
+        }
+      ]
+    }
+  },
+  {
+    "storyId": "presentational-bricks.brick-tag",
+    "category": "data-view",
+    "type": "brick",
+    "author": "lynette",
+    "text": {
+      "en": "Tag Label",
+      "zh": "Tag 标签"
+    },
+    "tags": [
+      {
+        "en": "show",
+        "zh": "数据显示"
+      }
+    ],
+    "description": {
+      "en": "tag label, support Tag and CheckableTag",
+      "zh": "进行标记和分类的小标签，同时支持基本标签和可选中标签"
+    },
+    "icon": {
+      "lib": "fa",
+      "icon": "tags"
+    },
+    "conf": [
+      {
+        "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"
+                    }
+                  ]
                 }
               },
               {
@@ -7551,7 +8010,7 @@
         },
         {
           "name": "afterBrick",
-          "type": "object",
+          "type": "{ data: unknown; useBrick: UseBrickConf; }",
           "required": "false",
           "description": "最后一个tag后面使用子构件，具体查看 [UseBrickConf](/next-docs/docs/api-reference/brick-types.usesinglebrickconf)",
           "group": "advanced"
@@ -8543,7 +9002,7 @@
           "typeParameter": null,
           "kind": "type",
           "description": "",
-          "type": "Omit<AntTreeNodeProps, \"children\"> & object"
+          "type": "Omit<AntTreeNodeProps, \"children\"> & { children?: BrickTreeNodeProps[]; icon?: TreeIcon; key?: React.Key; title?: string; }"
         }
       ]
     }
@@ -8779,10 +9238,10 @@
       "properties": [
         {
           "name": "messages",
-          "type": "object",
-          "default": "",
+          "type": "{ error: string; success: string; }",
           "required": "false",
-          "description": "复制成功/失败时的提示，默认为“复制成功/失败”"
+          "description": "复制成功/失败时的提示，默认为“复制成功/失败”",
+          "group": "basic"
         }
       ],
       "methods": [
@@ -9156,59 +9615,62 @@
       "properties": [
         {
           "name": "value",
-          "type": "string|number",
+          "type": "string | number",
           "required": "false",
-          "default": "-",
-          "description": "原始值"
+          "description": "原始值",
+          "group": "basic"
         },
         {
           "name": "dataSource",
           "type": "Record<string, any>",
           "required": "false",
-          "default": "-",
-          "description": "替代 `data` 属性，click 事件时传出的数据"
+          "description": "替代 `data` 属性，click 事件时传出的数据",
+          "group": "basic"
         },
         {
           "name": "fields",
-          "type": "{ value: string }",
+          "type": "{ value: string; }",
           "required": "false",
-          "default": "-",
-          "description": "[已废弃]字段映射, 跟 dataSource 一起使用来获得运行时 value"
+          "description": "[已废弃]字段映射, 跟 dataSource 一起使用来获得运行时 value",
+          "deprecated": true,
+          "group": "other"
         },
         {
           "name": "mapping",
-          "type": "{ [value: string/number ]: MappingValue }",
+          "type": "Record<string | number, MappingValue>",
           "required": "true",
-          "default": "-",
-          "description": "映射规则"
+          "description": "映射规则",
+          "group": "basic"
         },
         {
           "name": "showTagCircle",
           "type": "boolean",
           "required": "false",
-          "default": "-",
-          "description": "显示文字旁边的小圈圈，按照平台规范通常表示状态的标签可设置为 true"
+          "description": "显示文字旁边的小圈圈，按照平台规范通常表示状态的标签可设置为 true",
+          "group": "ui"
         },
         {
           "name": "triggerClickEvent",
           "type": "boolean",
           "required": "false",
           "default": "false",
-          "description": "是否触发点击事件"
+          "description": "是否触发点击事件",
+          "group": "basic"
         },
         {
           "name": "link",
           "type": "LinkProps",
           "required": "false",
-          "default": "-",
-          "description": "若设置且 `triggerClickEvent` 为 false，则点击可跳转"
+          "description": "若设置且 `triggerClickEvent` 为 false，则点击可跳转",
+          "group": "basic"
         },
         {
           "name": "data",
           "type": "any",
           "required": "false",
-          "default": "-",
-          "description": "[已废弃]可用于接收 useBrick 传递过来的数据"
+          "description": "[已废弃]可用于接收 useBrick 传递过来的数据",
+          "deprecated": true,
+          "group": "other"
         }
       ],
       "events": [
@@ -9592,6 +10054,7 @@
           "name": "PanelEvent",
           "typeParameter": null,
           "kind": "interface",
+          "description": "panelEvent",
           "children": [
             {
               "name": "date",
@@ -10186,224 +10649,240 @@
           "type": "CardLayoutType",
           "required": "false",
           "default": "\"icon-as-background\"",
-          "description": "卡片布局类型，具体样式看 Demo"
+          "description": "卡片布局类型，具体样式看 Demo",
+          "group": "basic"
         },
         {
           "name": "cardTitle",
           "type": "string",
           "required": "false",
-          "default": "-",
-          "description": "卡片 title"
+          "description": "卡片 title",
+          "group": "basic"
         },
         {
           "name": "cardSubtitle",
           "type": "string",
           "required": "false",
-          "default": "-",
-          "description": "卡片 副标题"
+          "description": "卡片 副标题",
+          "group": "basic"
         },
         {
           "name": "descriptionList",
-          "type": "string[] | string |{ label: string; field?: string; value?: string }[]",
+          "type": "string[] | string | DescriptionItem[]",
           "required": "false",
-          "default": "-",
-          "description": "描述信息"
+          "description": "描述信息",
+          "group": "basic"
         },
         {
           "name": "descMaxLine",
           "type": "number",
           "required": "false",
           "default": "3",
-          "description": "描述信息的最大行数，默认为 3 行，当信息比较少的时候可以设成 3 行以下。UI 规范建议 3 或者 3 以下。"
+          "description": "描述信息的最大行数，默认为 3 行，当信息比较少的时候可以设成 3 行以下。UI 规范建议 3 或者 3 以下。",
+          "group": "ui"
         },
         {
           "name": "hideDescCircle",
           "type": "boolean",
           "required": "false",
-          "default": "-",
-          "description": "描述信息为数组的时候，默认显示每个`<li>`前面的小圈圈，不需要的时候可以隐藏"
+          "description": "描述信息为数组的时候，默认显示每个`<li>`前面的小圈圈，不需要的时候可以隐藏",
+          "group": "ui"
         },
         {
           "name": "urlTemplate",
           "type": "string",
           "required": "false",
-          "default": "-",
-          "description": "卡片跳转 url，支持模版变量"
+          "description": "卡片跳转 url，支持模版变量",
+          "group": "basic"
         },
         {
           "name": "url",
           "type": "string",
           "required": "false",
-          "default": "-",
-          "description": "卡片跳转 url， url 优先于 urlTemplate 执行"
+          "description": "卡片跳转 url， url 优先于 urlTemplate 执行",
+          "group": "basic"
         },
         {
           "name": "href",
           "type": "string",
           "required": "false",
-          "default": "-",
-          "description": "卡片跳转 href，优先于 url 执行"
+          "description": "卡片跳转 href，优先于 url 执行",
+          "group": "basic"
         },
         {
           "name": "target",
           "type": "string",
           "required": "false",
-          "default": "-",
-          "description": "卡片跳转 target，例如可以设置成 _blank"
+          "description": "卡片跳转 target，例如可以设置成 _blank",
+          "group": "basic"
         },
         {
           "name": "dataSource",
           "type": "Record<string, any>",
           "required": "true",
-          "default": "-",
-          "description": "卡片信息数据源"
+          "description": "卡片信息数据源",
+          "group": "basic"
         },
         {
           "name": "fields",
-          "type": "{ cardTitle?: string;cardSubtitle?:string;descriptionList?: string;icon?:string;iconColor?:string;\niconStyle?: string;\niconSize?: string;\niconOffsetX?: string;\niconOffsetY?: string;\niconOpacity?: string;disabled?:string; }",
-          "required": "-",
-          "default": "-",
-          "description": "字段映射, 跟 dataSource 一起使用来获得运行时 cardTitle、cardSubtitle、descriptionList、icon、iconColor、iconStyle、iconSize、iconOffsetX、iconOffsetY、iconOpacity、disabled"
+          "type": "{ cardSubtitle?: string; cardTitle?: string; descriptionList?: string; disabled?: string; icon?: string; iconColor?: string; iconOffsetX?: string; iconOffsetY?: string; iconOpacity?: string; iconSize?: string; iconStyle?: string; }",
+          "required": "false",
+          "description": "字段映射, 跟 dataSource 一起使用来获得运行时 cardTitle、cardSubtitle、descriptionList、icon、iconColor、iconStyle、iconSize、iconOffsetX、iconOffsetY、iconOpacity、disabled",
+          "group": "other"
         },
         {
           "name": "icon",
           "type": "MenuIcon",
           "required": "false",
-          "default": "-",
-          "description": "卡片右下角的 icon"
+          "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",
-          "default": "-",
-          "description": "卡片右下角的 icon 的样式，例如需要调整 opacity、right、bottom 的时候可以使用"
+          "description": "卡片右下角的 icon 的样式，例如需要调整 opacity、right、bottom 的时候可以使用",
+          "group": "ui"
         },
         {
           "name": "iconColor",
           "type": "Color",
           "required": "false",
-          "default": "-",
-          "description": "卡片类型为 \"icon-small-align-left\" \\| \"icon-align-right\" \\| \"icon-align-left\" 的时候可以设置 icon 的颜色"
+          "default": "\"gray\"",
+          "description": "卡片类型为 \"icon-small-align-left\" | \"icon-align-right\" | \"icon-align-left\" 的时候可以设置 icon 的颜色",
+          "group": "ui"
         },
         {
           "name": "iconSize",
-          "type": "string|number",
+          "type": "string | number",
           "required": "false",
           "default": "100px",
-          "description": "卡片类型为 \"icon-as-background\" 的时候可以设置 icon 的大小"
+          "description": "卡片类型为 \"icon-as-background\" 的时候可以设置 icon 的大小",
+          "group": "ui"
         },
         {
           "name": "iconOffsetX",
-          "type": "string|number",
+          "type": "string | number",
           "required": "false",
           "default": "0",
-          "description": "卡片类型为 \"icon-as-background\" 的时候可以设置 icon 的 X 轴偏移量，向左为正数向右为负数"
+          "description": "卡片类型为 \"icon-as-background\" 的时候可以设置 icon 的 X 轴偏移量，向左为正数向右为负数",
+          "group": "basic"
         },
         {
           "name": "iconOffsetY",
-          "type": "string|number",
+          "type": "string | number",
           "required": "false",
           "default": "0",
-          "description": "卡片类型为 \"icon-as-background\" 的时候可以设置 icon 的 Y 轴偏移量，向上为正数向下为负数"
+          "description": "卡片类型为 \"icon-as-background\" 的时候可以设置 icon 的 Y 轴偏移量，向上为正数向下为负数",
+          "group": "basic"
         },
         {
           "name": "iconOpacity",
           "type": "number",
           "required": "false",
           "default": "0.45",
-          "description": "卡片类型为 \"icon-as-background\" 的时候可以设置 icon 的透明度"
+          "description": "卡片类型为 \"icon-as-background\" 的时候可以设置 icon 的透明度",
+          "group": "ui"
         },
         {
           "name": "tagConfig",
-          "type": "{text: string; color?: Color; triangle?: boolean; field?: string; value?: any; isNotEqual?: boolean; hideOperate?: boolean;}",
+          "type": "{ color?: Color; field?: string; hideOperate?: boolean; isNotEqual?: boolean; text: string; triangle?: boolean; value?: any; }",
           "required": "false",
-          "default": "-",
-          "description": "右上角 tag 标签"
+          "description": "右上角 tag 标签",
+          "group": "other"
         },
         {
           "name": "configProps",
-          "type": "map",
+          "type": "CardProps",
           "required": "false",
-          "default": "-",
-          "description": "完全透传给 antd 的 Card 属性，详见：[https://ant.design/components/card-cn/#Card](https://ant.design/components/card-cn/#Card)"
+          "description": "完全透传给 antd 的 Card 属性，详见：[antd卡片属性](https://ant.design/components/card-cn/#Card)",
+          "group": "other"
         },
         {
           "name": "bordered",
           "type": "boolean",
           "required": "false",
           "default": "true",
-          "description": "卡片项是否显示外边框"
+          "description": "卡片项是否显示外边框",
+          "group": "ui"
         },
         {
           "name": "showOperationAreaWhenHovering",
           "type": "boolean",
           "required": "false",
           "default": "false",
-          "description": "是否鼠标悬浮显示操作区"
+          "description": "是否鼠标悬浮显示操作区",
+          "group": "basic"
         },
         {
           "name": "alwaysShowDescription",
           "type": "boolean",
           "required": "false",
           "default": "false",
-          "description": "是否总是总是展示描述区域"
+          "description": "是否总是总是展示描述区域",
+          "group": "basic"
         },
         {
           "name": "descriptionDataType",
-          "type": "'list'|\"section\"",
+          "type": "\"list\" | \"section\"",
           "required": "false",
           "default": "false",
-          "description": "指定描述区的显示形式，若descriptionList为数组时，应当指定为 `list`,若descriptionList为字符串时，应当指定为 `section`,单独使用卡片时无需设置该属性"
+          "description": "指定描述区的显示形式，若descriptionList为数组时，应当指定为 `list`,若descriptionList为字符串时，应当指定为 `section`,单独使用卡片时无需设置该属性",
+          "group": "basic"
         },
         {
           "name": "hoverable",
           "type": "boolean",
           "required": "false",
           "default": "true",
-          "description": "卡片项是否hover浮起"
+          "description": "卡片项是否hover浮起",
+          "group": "ui"
         },
         {
           "name": "disabled",
           "type": "boolean",
           "required": "false",
           "default": "false",
-          "description": "禁用卡片，禁用的卡片不可点击跳转。操作区配置了 slot 的卡片，请按需配置子构件的属性，例如将按钮设置成 disabled 等。"
+          "description": "禁用卡片，禁用的卡片不可点击跳转。操作区配置了 slot 的卡片，请按需配置子构件的属性，例如将按钮设置成 disabled 等。",
+          "group": "basic"
         },
         {
           "name": "reverseBgColor",
           "type": "boolean",
           "required": "false",
           "default": "false",
-          "description": "反转背景色，背景色为icon传入的颜色，icon为白色。"
+          "description": "反转背景色，背景色为icon传入的颜色，icon为白色。",
+          "group": "ui"
         },
         {
           "name": "imgSrc",
           "type": "string",
           "required": "false",
-          "default": "-",
-          "description": "图片图标的src"
+          "description": "图片图标的src",
+          "group": "basic"
         },
         {
           "name": "showImg",
           "type": "boolean",
           "required": "false",
           "default": "false",
-          "description": "是否显示图片，默认显示图标，设置显示图片后，可配置 `imgSrc` 属性"
+          "description": "是否显示图片，默认显示图标，设置显示图片后，可配置 `imgSrc` 属性",
+          "group": "basic"
         },
         {
           "name": "imgSize",
           "type": "number",
           "required": "false",
-          "default": "-",
-          "description": "图标是img时，可以设置 img 的大小，不设置时会铺满"
+          "description": "图标是img时，可以设置 img 的大小，不设置时会铺满",
+          "group": "basic"
         },
         {
           "name": "shape",
           "type": "\"circle\" | \"square\" | \"round-square\"",
-          "default": "\"circle\"",
           "required": "false",
-          "description": "设置icon背景形状，仅在设置`bg`为true时有效"
+          "default": "\"circle\"",
+          "description": "设置icon背景形状，仅在设置`bg`为true时有效",
+          "group": "basic"
         }
       ],
       "events": [
@@ -10863,7 +11342,8 @@
         },
         {
           "name": "subscriptConfig",
-          "type": "any"
+          "type": "any",
+          "required": true
         }
       ],
       "methods": [
@@ -10956,8 +11436,8 @@
         {
           "name": "type",
           "type": "string",
-          "default": "custom",
           "required": "false",
+          "default": "custom",
           "description": "构件样式，支持普通(`custom`)和输入框(`input`)和 中间省略(`text`) 样式（见示例）"
         },
         {
@@ -11025,43 +11505,45 @@
           "name": "cost",
           "type": "number",
           "required": "false",
-          "default": "-",
-          "description": "消耗时间（毫秒级）"
+          "description": "消耗时间（毫秒级）",
+          "group": "basic"
         },
         {
           "name": "startTime",
-          "type": "string|number",
+          "type": "string | number",
           "required": "false",
-          "default": "-",
-          "description": "起始时间"
+          "description": "起始时间",
+          "group": "basic"
         },
         {
           "name": "endTime",
-          "type": "string|number",
+          "type": "string | number",
           "required": "false",
-          "default": "-",
-          "description": "结束时间"
+          "description": "结束时间",
+          "group": "basic"
         },
         {
           "name": "unitStyle",
-          "type": "React.CSSProperties",
+          "type": "CSSProperties",
           "required": "false",
-          "default": "-",
-          "description": "单位样式"
+          "description": "单位样式",
+          "group": "ui"
         },
         {
           "name": "dataSource",
           "type": "any",
           "required": "false",
-          "default": "-",
-          "description": "[已废弃]数据源"
+          "description": "[已废弃]数据源",
+          "deprecated": true,
+          "group": "other"
         },
         {
           "name": "fields",
-          "type": "{ cost?: string; startTime?: string; endTime?: string; }",
+          "type": "{ cost?: string; endTime?: string; startTime?: string; }",
           "required": "false",
-          "default": "-",
-          "description": "[已废弃]字段映射, 跟 dataSource 一起使用来获得运行时对应字段"
+          "description": "[已废弃]字段映射, 跟 dataSource 一起使用来获得运行时对应字段",
+          "deprecated": true,
+          "group": "other"
         }
       ],
       "interface": []
@@ -11223,42 +11705,45 @@
           "change": "新增属性 `resolution`"
         }
       ],
-      "memo": "> Tips: 第一个示例 demo 由于 shouldUpdateUrlParams=true 会更新 url 中的参数，会导致第二个示例时间选择器也会跟着变化， 而第二个示例 shouldUpdateUrlParams=false, 不会改变 url 所以第一示例不受它的影响，特作此说明。\n\n```typescript\nexport declare type TooltipPlacement =\n | \"top\"\n | \"left\"\n | \"right\"\n | \"bottom\"\n | \"topLeft\"\n | \"topRight\"\n | \"bottomLeft\"\n | \"bottomRight\"\n | \"leftTop\"\n | \"leftBottom\"\n | \"rightTop\"\n | \"rightBottom\";\n```\n```\n目前支持时间段范围如下：\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 的解析函数，统一转化为时间戳处理，不必额外再写转换函数。",
+      "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\"），注意当通过 \\${query.from=now/d} 赋默认值给 form 属性时，由于 [placeholder 占位符语法](http://docs.developers.easyops.cn/docs/brick-next/placeholders) 不支持 `/` 的特殊字符解析，所以该值需要用字符串的形式来书写（如 demo 所示）。"
+          "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 占位符语法](http://docs.developers.easyops.cn/docs/brick-next/placeholders) 不支持 `/` 的特殊字符解析，所以该值需要用字符串的形式来书写（如 demo 所示）。",
+          "group": "basic"
         },
         {
           "name": "to",
           "type": "string",
           "required": "false",
-          "default": "-",
-          "description": "默认结束时间"
+          "description": "默认结束时间, 相关规则请参照from属性",
+          "group": "basic"
         },
         {
           "name": "shouldUpdateUrlParams",
           "type": "boolean",
           "required": "false",
           "default": "true",
-          "description": "是否更新 url 参数并刷新页面"
+          "description": "是否更新 url 参数并刷新页面",
+          "group": "basic"
         },
         {
           "name": "type",
-          "type": "default | custom",
+          "type": "\"default\" | \"custom\"",
           "required": "false",
-          "default": "default",
-          "description": "时间选择器支持两种类型，一种是默认的，固定显示常用的几种时间范围，一种是自定义的，可根据需求定制特定时间范围"
+          "default": "\"default\"",
+          "description": "时间选择器支持两种类型，一种是默认的，固定显示常用的几种时间范围，一种是自定义的，可根据需求定制特定时间范围",
+          "group": "basic"
         },
         {
           "name": "customTimeRange",
           "type": "{range: string, text: string}",
           "required": "false",
-          "default": "-",
-          "description": "当 type 为 custom 时，配置定制的时间范围，目前暂支持如下时间点，当 type 为 default 时，该配置项无效"
+          "description": "当 type 为 custom 时，配置定制的时间范围，目前暂支持如下时间点，当 type 为 default 时，该配置项无效",
+          "group": "basic"
         },
         {
           "name": "placement",
@@ -11266,23 +11751,22 @@
           "required": "false",
           "default": "\"bottom\"",
           "description": "弹出位置",
-          "group": "advanced"
+          "group": "other"
         },
         {
           "name": "resolution",
-          "type": "ms | s",
+          "type": "\"ms\" | \"s\"",
           "required": "false",
-          "default": "`ms`",
+          "default": "\"ms\"",
           "description": "指定时间戳的单位，目前支持秒和毫秒，默认为毫秒，切换为秒时，url 和事件传出的时间戳都会调整成以秒为单位",
-          "group": "advanced"
+          "group": "other"
         },
         {
           "name": "size",
           "type": "\"default\" | \"large\" | \"small\"",
           "required": "false",
-          "default": "-",
           "description": "打开选择器的按钮的大小",
-          "group": "advanced"
+          "group": "other"
         }
       ],
       "events": [
@@ -11302,7 +11786,15 @@
           "description": "选择当前时间，与 `datetime.selected` 不同的是虽然还是区分时间戳和时间段两种类型，但是调整了输出字段格式, 这样更利于某些监控场景的使用和编排"
         }
       ],
-      "interface": []
+      "interface": [
+        {
+          "name": "TooltipPlacement",
+          "typeParameter": null,
+          "kind": "type",
+          "description": "",
+          "type": "\"top\" | \"left\" | \"right\" | \"bottom\" | \"topLeft\" | \"topRight\" | \"bottomLeft\" | \"bottomRight\" | \"leftTop\" | \"leftBottom\" | \"rightTop\" | \"rightBottom\""
+        }
+      ]
     }
   },
   {
@@ -11324,26 +11816,31 @@
     },
     "conf": [
       {
+        "description": {
+          "title": "单选示例"
+        },
         "brick": "presentational-bricks.dropdown-select",
         "properties": {
-          "dataSource": [
+          "options": [
             {
               "label": "应用1",
-              "value": "132b4a",
-              "desc": "作为测试用"
+              "value": "aaaa",
+              "content": "描述1"
             },
             {
               "label": "应用2",
-              "value": "43bca6",
-              "desc": "记录相关修改信息"
+              "value": "bbbb",
+              "content": "描述2"
+            },
+            {
+              "label": "应用3",
+              "value": "cccc",
+              "content": "描述3"
             }
           ],
-          "value": "43bca6",
-          "label": "#{item.label}",
-          "placeholder": "placeholder",
-          "optionTitle": "#{item.label}",
-          "optionContent": "#{item.desc}",
-          "valuePath": "item.value"
+          "placeholder": "请选择",
+          "value": "aaaa",
+          "labelFontSize": "16px"
         },
         "events": {
           "select.change": {
@@ -11352,26 +11849,36 @@
         }
       },
       {
+        "description": {
+          "title": "多选示例"
+        },
         "brick": "presentational-bricks.dropdown-select",
         "properties": {
-          "dataSource": [
+          "options": [
             {
-              "label": "应用3",
-              "value": "132b4a",
-              "desc": "作为开发用"
+              "label": "应用1",
+              "value": "aaaa",
+              "content": "描述1"
             },
             {
-              "label": "应用4",
-              "value": "43bca6",
-              "desc": "记录相关创建信息"
+              "label": "应用2",
+              "value": "bbbb",
+              "content": "描述2"
+            },
+            {
+              "label": "应用3",
+              "value": "cccc",
+              "content": "描述3"
             }
           ],
-          "value": "应用4",
-          "label": "#{item.label}",
-          "placeholder": "placeholder",
-          "optionTitle": "#{item.label}",
-          "optionContent": "#{item.desc}",
-          "valuePath": "item.label"
+          "value": "bbbb",
+          "placeholder": "请选择",
+          "labelFontSize": "14px",
+          "multipleSelect": true,
+          "selectedKeys": [
+            "aaaa",
+            "bbbb"
+          ]
         },
         "events": {
           "select.change": {
@@ -11399,150 +11906,162 @@
           "name": "options",
           "type": "Option[]",
           "required": "false",
-          "default": "-",
-          "description": "选项列表，不能与 dataSource + label + optionTitle + optionContent + valuePath 同时使用"
+          "description": "选项列表，不能与 dataSource + label + optionTitle + optionContent + valuePath 同时使用",
+          "group": "basic"
         },
         {
           "name": "dataSource",
           "type": "any[]",
           "required": "false",
           "default": "[]",
-          "description": "数据源"
+          "description": "数据源",
+          "group": "other",
+          "deprecated": true
         },
         {
           "name": "value",
-          "type": "any",
+          "type": "any[]",
           "required": "false",
-          "default": "-",
-          "description": "选中项的值，跟 `valuePath` 搭配使用，根据指定的字段路径与 value 的值得出当前选中项"
+          "description": "选中项的值，跟 `valuePath` 搭配使用，根据指定的字段路径与 value 的值得出当前选中项",
+          "group": "basic"
         },
         {
           "name": "label",
           "type": "string",
           "required": "false",
           "default": "使用 optionTitle 的值",
-          "description": "选中项显示的 label，支持模板替换，替换上下文为当前项 `item` 使用时需要带上 item 前缀 `#{item.xxx}`"
+          "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",
-          "default": "-",
-          "description": "label 的 fontSize"
+          "description": "label 的 fontSize",
+          "group": "ui"
         },
         {
           "name": "placeholder",
           "type": "string",
           "required": "false",
-          "default": "-",
-          "description": "placeholder, 当没有当前项选中时显示"
+          "description": "placeholder, 当没有当前项选中时显示",
+          "group": "basic"
         },
         {
           "name": "optionTitle",
           "type": "string",
           "required": "false",
           "default": "#{item}",
-          "description": "选项的标题，支持模板替换，使用跟 label 字段一样"
+          "description": "选项的标题，支持模板替换，使用跟 label 字段一样",
+          "group": "other",
+          "deprecated": true
         },
         {
           "name": "optionContent",
           "type": "string",
           "required": "false",
-          "default": "-",
-          "description": "选项的内容，支持模板替换，使用跟 label 字段一样"
+          "description": "选项的内容，支持模板替换，使用跟 label 字段一样",
+          "group": "other",
+          "deprecated": true
         },
         {
           "name": "valuePath",
           "type": "string",
           "required": "false",
           "default": "item",
-          "description": "依据当前项 `item`，指定选项值的 path"
-        },
-        {
-          "name": "selectedKeys",
-          "type": "string[]",
-          "required": "false",
-          "default": "[]",
-          "description": "多选的选中项"
-        },
-        {
-          "name": "defaultSelectedKeys",
-          "type": "string[]",
-          "required": "false",
-          "default": "[]",
-          "description": "多选的默认选中项"
+          "description": "依据当前项 `item`，指定选项值的 path",
+          "group": "other",
+          "deprecated": true
         },
         {
           "name": "multipleSelect",
           "type": "boolean",
           "required": "false",
           "default": "false",
-          "description": "是否支持多选，支持多选时，单选的value属性失效"
+          "description": "是否支持多选，支持多选时，单选的value属性失效",
+          "group": "basic"
         },
         {
-          "name": "minSelectedItemLength",
-          "type": "boolean",
+          "name": "selectedKeys",
+          "type": "string[]",
           "required": "false",
-          "default": "false",
-          "description": "最小选择数量（多选）"
+          "default": "[]",
+          "description": "多选的选中项",
+          "group": "basic"
         },
         {
-          "name": "tipBrick",
-          "type": "{ useBrick: UseBrickConf }",
+          "name": "selectTipText",
+          "type": "string",
           "required": "false",
           "default": "-",
-          "description": "提示构件",
-          "group": "basic"
+          "description": "下拉框提示信息"
         },
         {
-          "name": "disabled",
-          "type": "boolean",
+          "name": "selectBoxStyle",
+          "type": "CSSProperties",
           "required": "false",
-          "default": "false",
-          "description": "是否禁用"
+          "description": "下拉框样式"
         },
         {
-          "name": "heightFix",
-          "type": "boolean",
+          "name": "defaultSelectedKeys",
+          "type": "string[]",
           "required": "false",
-          "default": "false",
-          "description": "单选时，下拉内容区高度是否固定"
+          "default": "[]",
+          "description": "多选的默认选中项",
+          "group": "basic"
         },
         {
-          "name": "buttonIcon",
-          "type": "MenuIcon",
+          "name": "minSelectedItemLength",
+          "type": "number",
           "required": "false",
-          "default": "-",
-          "description": "按钮 icon，支持[icon 图标库](developers/icon)，可直接复制图标图标的配置（antd、fa 及 easyops 三种库都支持），也可只取 icon 字段的值（仅支持 antd 库）。配置{ \"lib\": \"antd\", \"icon\": \"edit\" }与 \"edit\"等价",
+          "description": "最小选择数量（多选）",
           "group": "basic"
         },
         {
           "name": "multipleLabel",
           "type": "string",
           "required": "false",
-          "default": "-",
-          "description": "多选时，当前label仅支持显示从构件外部传入,multipleLabel属性仅在dropdownButtonType为multiple时生效"
-        },
-        {
-          "name": "selectTipText",
-          "type": "string",
-          "required": "false",
-          "default": "-",
-          "description": "下拉框提示信息"
-        },
-        {
-          "name": "selectBoxStyle",
-          "type": "string",
-          "required": "false",
-          "default": "-",
-          "description": "下拉框样式"
+          "description": "多选时，当前label仅支持显示从构件外部传入,multipleLabel属性仅在dropdownButtonType为multiple时生效",
+          "group": "basic"
         },
         {
-          "name": "dropdownButtonType",
-          "type": "\"default\" | \"shape\"",
+          "name": "tipBrick",
+          "type": "{ useBrick: UseBrickConf; }",
           "required": "false",
-          "default": "\"default\"",
-          "description": "设置下拉选择器按钮样式"
+          "description": "提示构件",
+          "group": "other"
         }
       ],
       "events": [
@@ -12633,83 +13152,83 @@
         {
           "name": "imgSrc",
           "type": "string",
-          "default": "-",
           "required": "",
+          "default": "-",
           "description": "图片地址"
         },
         {
           "name": "preview",
           "type": "boolean",
-          "default": "true",
           "required": "",
+          "default": "true",
           "description": "是否开启预览"
         },
         {
           "name": "imgHeight",
           "type": "string | number",
-          "default": "-",
           "required": "",
+          "default": "-",
           "description": "图像高度"
         },
         {
           "name": "imgWidth",
           "type": "string | number",
-          "default": "-",
           "required": "",
+          "default": "-",
           "description": "图像宽度"
         },
         {
           "name": "dataSource",
           "type": "Record<string, any>",
-          "default": "-",
           "required": "-",
+          "default": "-",
           "description": "数据源，搭配 extra 使用时会把该数据传入到自定义构件中使用"
         },
         {
           "name": "placeholder",
           "type": "string",
-          "default": "-",
           "required": "",
+          "default": "-",
           "description": "加载占位, 为 true 时使用默认占位",
           "group": "advanced"
         },
         {
           "name": "imgAlt",
           "type": "string",
-          "default": "-",
           "required": "",
+          "default": "-",
           "description": "图像描述",
           "group": "advanced"
         },
         {
           "name": "fallback",
           "type": "string",
-          "default": "-",
           "required": "",
+          "default": "-",
           "description": "加载失败容错地址",
           "group": "advanced"
         },
         {
           "name": "extra",
           "type": "UseBrickConf",
-          "default": "-",
           "required": "-",
+          "default": "-",
           "description": "支持在图片下方增加自定义构件",
           "group": "advanced"
         },
         {
           "name": "extraContainerStyle",
           "type": "Record<string, any>",
-          "default": "-",
           "required": "-",
+          "default": "-",
           "description": "包裹自定义构件容器的样式",
           "group": "advanced"
         },
         {
           "name": "visible",
           "type": "boolean",
-          "default": "-",
           "required": "",
+          "default": "-",
           "description": "是否显示预览",
           "group": "advanced"
         }
@@ -13241,67 +13760,89 @@
           "name": "content",
           "type": "string | string[]",
           "required": "true",
-          "default": "-",
-          "description": "提示内容, 数组表示多行显示, 可根据平台提供的 transform 机制转换成所需的提示内容"
+          "description": "提示内容, 数组表示多行显示, 可根据平台提供的 transform 机制转换成所需的提示内容",
+          "group": "basic"
         },
         {
           "name": "icon",
           "type": "MenuIcon",
           "required": "true",
-          "default": "-",
-          "description": "图标配置 [MenuIcon](http://docs.developers.easyops.cn/docs/brick-next/icon)"
+          "description": "图标配置 [MenuIcon](http://docs.developers.easyops.cn/docs/brick-next/icon)",
+          "group": "basic"
         },
         {
           "name": "text",
           "type": "string",
           "required": "false",
-          "default": "-",
-          "description": "文案"
+          "description": "文案",
+          "group": "basic"
         },
         {
           "name": "iconContainerStyle",
-          "type": "object",
+          "type": "CSSProperties",
           "required": "false",
-          "default": "-",
-          "description": "图标容器相关样式"
+          "description": "图标容器相关样式",
+          "group": "ui"
         },
         {
           "name": "type",
           "type": "tooltip | popover",
           "required": "false",
           "default": "tooltip",
-          "description": "类型设置"
+          "description": "类型设置",
+          "group": "basic"
         },
         {
           "name": "header",
           "type": "string",
           "required": "false",
-          "default": "-",
-          "description": "提示内容的标题， 当 type = popover 时才生效"
+          "description": "提示内容的标题， 当 type = popover 时才生效",
+          "group": "basic"
         },
         {
           "name": "tooltipConfig",
-          "type": "`TooltipConfig`",
+          "type": "TooltipConfig",
           "required": "false",
-          "default": "-",
-          "description": "tooltip的配置,配置属性见TooltipConfig"
+          "description": "tooltip的配置,配置属性见TooltipConfig",
+          "group": "other"
         },
         {
           "name": "triggerByIcon",
           "type": "boolean",
           "required": "false",
           "default": "true",
-          "description": "是否只在icon上hover才显示tooltip，仅在不设置`displayBrick`时有效"
+          "description": "是否只在icon上hover才显示tooltip，仅在不设置`displayBrick`时有效",
+          "group": "other"
         },
         {
           "name": "displayBrick",
-          "type": "CustomBrick",
+          "type": "DisplayBrick",
           "required": "false",
-          "default": "-",
-          "description": "自定义展示内容构件，设置后`icon`和`text`会无效"
+          "description": "自定义展示内容构件，设置后`icon`和`text`会无效",
+          "group": "basic"
         }
       ],
       "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,
@@ -13469,8 +14010,8 @@
         {
           "name": "wrapperConfig",
           "type": "BrickWrapperConfig",
-          "default": "-",
           "required": "false",
+          "default": "-",
           "description": "设置容器空状态时显示`empty`构件属性",
           "group": "advanced"
         },
@@ -14549,7 +15090,7 @@
         },
         {
           "name": "fields",
-          "type": "object",
+          "type": "{ value?: string; }",
           "required": "false",
           "description": "[已废弃]字段映射, 跟 dataSource 一起使用来获得运行时 value",
           "deprecated": true,
@@ -14755,7 +15296,8 @@
           "type": "{ value?: string; }",
           "required": "false",
           "default": "-",
-          "description": "",
+          "description": "[已废弃]字段映射, 跟 dataSource 一起使用来获得运行时 value",
+          "deprecated": true,
           "group": "advanced"
         },
         {
@@ -15890,50 +16432,51 @@
           "change": " 新增构件 `presentational-bricks.brick-illustration`"
         }
       ],
-      "memo": ">更多类型插画请移至[插画库](/developers/illustrations)",
+      "memo": ">更多类型插画请移至[插画库](/next/developers/illustrations)",
       "dockind": "brick",
       "properties": [
         {
           "name": "name",
           "type": "string",
-          "default": "-",
           "required": "true",
           "description": "插画名称"
         },
         {
           "name": "category",
           "type": "string",
-          "default": "`default`",
           "required": "true",
-          "description": "插画类型"
+          "default": "\"default\"",
+          "description": "插画类型",
+          "group": "basic"
         },
         {
           "name": "header",
           "type": "IllustrationHeader",
-          "default": "-",
-          "required": "-",
-          "description": "插画头部内容"
+          "required": "false",
+          "description": "插画头部内容",
+          "group": "other"
         },
         {
           "name": "footer",
           "type": "IllustrationFooter",
-          "default": "-",
           "required": "false",
-          "description": "插画底部内容"
+          "description": "插画底部内容",
+          "group": "other"
         },
         {
           "name": "mode",
           "type": "IllustrationMode",
-          "default": "-",
-          "required": "-",
-          "description": "插画模式"
+          "required": "false",
+          "description": "插画模式",
+          "group": "other",
+          "deprecated": true
         },
         {
           "name": "imageStyle",
           "type": "CSSProperties",
-          "default": "-",
-          "required": "-",
-          "description": "图片样式"
+          "required": "false",
+          "description": "图片样式",
+          "group": "ui"
         }
       ],
       "interface": [
@@ -16770,18 +17313,264 @@
           "children": [
             {
               "name": "extra",
-              "type": "string | object",
+              "type": "string | { useBrick?: UseBrickConf; }",
               "required": false,
               "description": "表格头部右边内容显示区域"
             },
             {
               "name": "title",
-              "type": "string | object",
+              "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": "align",
+              "type": "AlignType",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "children",
+              "type": "null",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "className",
+              "type": "string",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "colSpan",
+              "type": "number",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "dataIndex",
+              "type": "DataIndex",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "defaultFilteredValue",
+              "type": "Key[] | null",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "defaultSortOrder",
+              "type": "SortOrder",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "ellipsis",
+              "type": "CellEllipsisType",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "filterDropdown",
+              "type": "React.ReactNode | {  }",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "filterDropdownVisible",
+              "type": "boolean",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "filterIcon",
+              "type": "React.ReactNode | {  }",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "filterMultiple",
+              "type": "boolean",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "filtered",
+              "type": "boolean",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "filteredValue",
+              "type": "Key[] | null",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "filters",
+              "type": "ColumnFilterItem[]",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "fixed",
+              "type": "FixedType",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "headerBrick",
+              "type": "{ useBrick: UseBrickConf; }",
+              "required": false,
+              "description": "支持为某列的表头自定义展示构件，可通过 DATA.title 获取标题文本"
+            },
+            {
+              "name": "key",
+              "type": "Key",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "onCell",
+              "type": "GetComponentProps<Record<string, any>>",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "onCellClick",
+              "type": "{  }",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "onFilter",
+              "type": "{  }",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "onFilterDropdownVisibleChange",
+              "type": "{  }",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "onHeaderCell",
+              "type": "GetComponentProps<>",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "render",
+              "type": "{  }",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "responsive",
+              "type": "Breakpoint[]",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "rowSpan",
+              "type": "number",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "shouldCellUpdate",
+              "type": "{  }",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "showSorterTooltip",
+              "type": "boolean | TooltipProps",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "sortDirections",
+              "type": "SortOrder[]",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "sortOrder",
+              "type": "SortOrder",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "sorter",
+              "type": "boolean | CompareFn<Record<string, any>> | { compare?: CompareFn<Record<string, any>>; multiple?: number; }",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "title",
+              "type": "ColumnTitle<Record<string, any>>",
+              "required": false,
+              "description": ""
+            },
+            {
+              "name": "useBrick",
+              "type": "UseBrickConf",
+              "required": false,
+              "description": "支持为某列自定义展示构件"
+            },
+            {
+              "name": "valueSuffix",
+              "type": "string",
+              "required": false,
+              "description": "字段的值展示时的后缀"
+            },
+            {
+              "name": "verticalAlign",
+              "type": "\"top\" | \"bottom\"",
+              "required": false,
+              "description": "单元格内元素的垂直对齐方式"
+            },
+            {
+              "name": "width",
+              "type": "number | string",
+              "required": false,
+              "description": ""
+            }
+          ],
+          "indexSignature": []
         }
       ]
     }
@@ -17123,6 +17912,7 @@
         {
           "name": "dataSource",
           "type": "unknown",
+          "required": true,
           "description": "数据源"
         }
       ],
@@ -17238,54 +18028,55 @@
         {
           "name": "dataSource",
           "type": "any[]",
-          "default": "",
           "required": "true",
+          "default": "",
           "description": "数据源，其中的数据将会被渲染到左边一栏中，targetKeys 中指定的除外，必须有key字段作为唯一标识"
         },
         {
           "name": "columns",
           "type": "ColumnsType<Record<string, any>>",
-          "default": "",
           "required": "true",
+          "default": "",
           "description": "表格column配置"
         },
         {
           "name": "targetKeys",
           "type": "string[]",
-          "default": "",
           "required": "false",
+          "default": "",
           "description": "显示在右栏数据的 key 集合"
         },
         {
           "name": "selectedKeys",
           "type": "string[]",
-          "default": "",
           "required": "false",
+          "default": "",
           "description": "设置哪些项被选中"
         },
         {
           "name": "disabled",
           "type": "boolean",
-          "default": "`false`",
           "required": "false",
+          "default": "`false`",
           "description": "是否禁用"
         },
         {
           "name": "dragSortable",
-          "type": "boolean"
+          "type": "boolean",
+          "required": true
         },
         {
           "name": "sortTitle",
           "type": "string",
-          "default": "`sort`",
           "required": "false",
+          "default": "`sort`",
           "description": "支持右栏表格排序时，排序列的title"
         },
         {
           "name": "maxSelected",
           "type": "number",
-          "default": "",
           "required": "false",
+          "default": "",
           "description": "最大可选数量，当 dataSource 个数大于该值时，不显示全勾选框"
         },
         {