@next-bricks/basic-bricks 1.194.4 → 1.194.7

package/dist/stories.json

@@ -108,20 +108,19 @@
   },
   {
     "storyId": "basic-bricks.advanced-list-container",
-    "category": "layout",
+    "category": "container-layout",
     "type": "brick",
     "author": "momo",
     "text": {
-      "en": "Dynamic List Container v2",
-      "zh": "动态构件列表容器v2"
+      "en": "Dynamic Vertical List Container",
+      "zh": "动态纵向列表容器"
     },
     "description": {
       "en": "A list container support specified `useBrick`",
       "zh": "可以指定子项使用特定构件的列表容器，相当于是动态的构件列表"
     },
     "icon": {
-      "lib": "fa",
-      "icon": "th"
+      "imgSrc": "bricks/basic-bricks/dist/stories-asserts/basic-bricks.advanced-list-container.1d63de3b92845ce1.svg"
     },
     "conf": [
       {
@@ -148,7 +147,7 @@
             "useBrick": {
               "brick": "presentational-bricks.brick-conditional-display",
               "transform": {
-                "dataSource": "@{value}",
+                "dataSource": "<% DATA.value %>",
                 "rules": [
                   {
                     "condition": {
@@ -159,7 +158,7 @@
                       "color": "rgba(255, 255, 255, 1)",
                       "borderRadius": "var(--larger-border-radius)"
                     },
-                    "label": "@{value}"
+                    "label": "<% DATA.value %>"
                   },
                   {
                     "condition": {
@@ -175,7 +174,7 @@
                       "color": "rgba(255, 255, 255, 1)",
                       "borderRadius": "var(--larger-border-radius)"
                     },
-                    "label": "@{value}"
+                    "label": "<% DATA.value %>"
                   },
                   {
                     "condition": {
@@ -191,7 +190,7 @@
                       "color": "rgba(255, 255, 255, 1)",
                       "borderRadius": "var(--larger-border-radius)"
                     },
-                    "label": "@{value}"
+                    "label": "<% DATA.value %>"
                   }
                 ]
               }
@@ -201,7 +200,7 @@
             "useBrick": {
               "brick": "div",
               "transform": {
-                "textContent": "@{a}"
+                "textContent": "<% DATA.a %>"
               }
             }
           }
@@ -240,48 +239,56 @@
           "type": "ItemData",
           "required": "true",
           "default": "-",
-          "description": "列表数据"
+          "description": "列表数据",
+          "group": "basic"
         },
         {
           "name": "titleBrick",
-          "type": "{useBrick:[UseBrickConf](http://docs.developers.easyops.cn/docs/api-reference/brick-types.usebrickconf)}",
+          "type": "{useBrick:UseBrickConf}",
           "required": "true",
           "default": "-",
-          "description": "列表项标题位置"
+          "description": "列表项标题位置，相关类型[UseBrickConf](/next-docs/docs/api-reference/brick-types.usebrickconf)",
+          "group": "basic"
         },
         {
           "name": "suffixBrick",
-          "type": "{useBrick:[UseBrickConf](http://docs.developers.easyops.cn/docs/api-reference/brick-types.usebrickconf)}",
+          "type": "{useBrick:UseBrickConf}",
           "required": "false",
           "default": "-",
-          "description": "列表项 extra 位置（右边）"
+          "description": "列表项 extra 位置（右边），相关类型[UseBrickConf](/next-docs/docs/api-reference/brick-types.usebrickconf)",
+          "group": "basic"
         },
         {
           "name": "showCard",
           "type": "boolean",
           "required": "false",
           "default": "false",
-          "description": "是否展示 card"
+          "description": "是否展示 card",
+          "group": "ui"
         },
         {
           "name": "defaultActiveIndex",
           "type": "number",
           "required": "false",
           "default": "-",
-          "description": "默认选中项"
+          "description": "默认选中项",
+          "group": "basic"
         },
         {
-          "name": "selectable",
+          "name": "notTriggerClickEventWhenInit",
           "type": "boolean",
-          "required": true,
-          "default": "true"
+          "required": "false",
+          "default": "false",
+          "description": "设置`defaultActiveIndex`时，构件初始化时会默认触发item.click事件，如果item.click后需要刷新页面,则会造成构件不断render,页面不断重刷，为避免此情况，可将此项设为true",
+          "group": "basic"
         },
         {
-          "name": "notTriggerClickEventWhenInit",
+          "name": "selectable",
           "type": "boolean",
           "required": "false",
-          "default": "false",
-          "description": "设置`defaultActiveIndex`时，构件初始化时会默认触发item.click事件，如果item.click后需要刷新页面,则会造成构件不断render,页面不断重刷，为避免此情况，可将此项设为true"
+          "default": "true",
+          "description": "选项是否可选",
+          "group": "basic"
         }
       ],
       "interface": []
@@ -289,12 +296,12 @@
   },
   {
     "storyId": "basic-bricks.easy-view",
-    "category": "layout",
+    "category": "container-layout",
     "type": "brick",
     "author": "steve",
     "text": {
-      "en": "Easy View",
-      "zh": "简易网格布局"
+      "en": "Grid Layout Container - Supports Grid Area",
+      "zh": "网格布局容器-支持grid-area"
     },
     "description": {
       "en": "A grid layout container, which can generate slots by grid-area automatically",
@@ -493,14 +500,14 @@
           "type": "CSSProperties",
           "required": true,
           "description": "定义网格容器的样式",
-          "group": "ui"
+          "group": "basic"
         },
         {
           "name": "styleByAreas",
           "type": "Record<string, CSSProperties>",
           "required": true,
           "description": "定义网格内各区域的样式",
-          "group": "ui"
+          "group": "basic"
         }
       ],
       "interface": []
@@ -520,145 +527,51 @@
       "zh": "把数据导出为 JSON 文件"
     },
     "icon": {
-      "lib": "antd",
-      "icon": "export"
+      "imgSrc": "bricks/basic-bricks/dist/stories-asserts/basic-bricks.export-json-file.c9957d2470454ddb.svg"
     },
     "conf": [
       {
         "brick": "div",
         "slots": {
           "": {
-            "type": "bricks",
             "bricks": [
               {
-                "brick": "providers-of-cmdb.instance-api-get-detail",
-                "bg": true
-              },
-              {
+                "bg": true,
                 "brick": "basic-bricks.export-json-file",
-                "properties": {
-                  "id": "export-dashboard"
-                },
-                "lifeCycle": {
-                  "useResolves": [
-                    {
-                      "provider": "providers-of-cmdb\\.instance-api-get-detail",
-                      "args": [
-                        "HOST",
-                        "5c6f6cf0d8079",
-                        {
-                          "fields": "hostname,ip"
-                        }
-                      ],
-                      "transform": {
-                        "data": "<% DATA %>",
-                        "fileName": "<% DATA.hostname + '.json' %>"
-                      }
-                    }
-                  ]
-                },
                 "events": {
-                  "json-file.export.success": {
+                  "json-file.export.failed": {
                     "action": "console.log"
                   },
-                  "json-file.export.failed": {
+                  "json-file.export.success": {
                     "action": "console.log"
                   }
                 },
-                "bg": true
-              },
-              {
-                "brick": "basic-bricks.general-button",
                 "properties": {
-                  "buttonName": "导出",
-                  "buttonIcon": {
-                    "lib": "antd",
-                    "icon": "export"
-                  }
-                },
-                "events": {
-                  "general.button.click": [
-                    {
-                      "target": "#export-dashboard",
-                      "method": "export"
-                    }
-                  ]
+                  "id": "export-dashboard",
+                  "data": "export content",
+                  "fileName": "test.json"
                 }
-              }
-            ]
-          }
-        }
-      },
-      {
-        "brick": "div",
-        "slots": {
-          "": {
-            "type": "bricks",
-            "bricks": [
-              {
-                "brick": "providers-of-cmdb.instance-api-get-detail",
-                "bg": true
-              },
-              {
-                "brick": "basic-bricks.export-json-file",
-                "properties": {
-                  "id": "export-dashboard"
-                },
-                "events": {
-                  "json-file.export.success": {
-                    "action": "console.log"
-                  },
-                  "json-file.export.failed": {
-                    "action": "console.log"
-                  }
-                },
-                "bg": true
               },
               {
                 "brick": "basic-bricks.general-button",
-                "properties": {
-                  "buttonName": "导出",
-                  "buttonIcon": {
-                    "lib": "antd",
-                    "icon": "export"
-                  }
-                },
                 "events": {
                   "general.button.click": [
                     {
-                      "target": "#export-dashboard",
                       "method": "export",
-                      "args": [
-                        {
-                          "detail": {
-                            "data": "<% EVENT.target.data %>",
-                            "fileName": "<% EVENT.target.data.hostname + '.json' %>"
-                          }
-                        }
-                      ]
+                      "target": "#export-dashboard"
                     }
                   ]
                 },
-                "lifeCycle": {
-                  "useResolves": [
-                    {
-                      "provider": "providers-of-cmdb\\.instance-api-get-detail",
-                      "args": [
-                        "HOST",
-                        "5c6f6cf0d8079",
-                        {
-                          "fields": "hostname,ip"
-                        }
-                      ],
-                      "transform": {
-                        "data": "<% DATA %>",
-                        "fileName": "<% DATA.hostname + '.json' %>"
-                      }
-                    }
-                  ]
+                "properties": {
+                  "buttonIcon": {
+                    "icon": "export",
+                    "lib": "antd"
+                  },
+                  "buttonName": "导出"
                 }
               }
-            ]
+            ],
+            "type": "bricks"
           }
         }
       }
@@ -683,14 +596,16 @@
           "type": "string",
           "required": "false",
           "default": "-",
-          "description": "导出的文件名"
+          "description": "导出的文件名",
+          "group": "basic"
         },
         {
           "name": "data",
           "type": "object | string",
           "required": "-",
           "default": "-",
-          "description": "导出的文件数据"
+          "description": "导出的文件数据",
+          "group": "basic"
         }
       ],
       "events": [
@@ -781,20 +696,19 @@
   },
   {
     "storyId": "basic-bricks.fold-brick-v2",
-    "category": "description",
+    "category": "container-display",
     "type": "brick",
     "author": "momo",
     "text": {
-      "en": "fold brick",
-      "zh": "折叠容器V2"
+      "en": "More Information Folding Containers",
+      "zh": "更多信息折叠容器"
     },
     "description": {
       "en": "",
       "zh": "折叠容器，只折叠单个内容，支持slot"
     },
     "icon": {
-      "lib": "fa",
-      "icon": "chevron-down"
+      "imgSrc": "bricks/basic-bricks/dist/stories-asserts/basic-bricks.fold-brick-v2.b9ab1cf01c2c7674.svg"
     },
     "conf": [
       {
@@ -975,7 +889,7 @@
   },
   {
     "storyId": "basic-bricks.general-button",
-    "category": "other",
+    "category": "interact-baisc",
     "type": "brick",
     "author": "jo",
     "text": {
@@ -1335,7 +1249,7 @@
   },
   {
     "storyId": "basic-bricks.general-card",
-    "category": "card",
+    "category": "container-display",
     "type": "brick",
     "author": "lynette",
     "text": {
@@ -1348,8 +1262,7 @@
       "zh": "常见于为多个构件提供统一的卡片容器，比如将搜索框与表格放在一起"
     },
     "icon": {
-      "lib": "fa",
-      "icon": "address-card"
+      "imgSrc": "bricks/basic-bricks/dist/stories-asserts/basic-bricks.general-card.c40269ce2a014a2b.svg"
     },
     "conf": [
       {
@@ -1897,7 +1810,7 @@
   },
   {
     "storyId": "basic-bricks.general-custom-buttons",
-    "category": "other",
+    "category": "interact-baisc",
     "type": "brick",
     "author": "ice",
     "text": {
@@ -1909,8 +1822,7 @@
       "zh": "可配置收纳起来的更多按钮，可配置不同事件，常用于页面右上角、卡片右上角等操作位。"
     },
     "icon": {
-      "lib": "fa",
-      "icon": "pencil-alt"
+      "imgSrc": "bricks/basic-bricks/dist/stories-asserts/basic-bricks.general-custom-buttons.826947326a6affa4.svg"
     },
     "conf": [
       {
@@ -3119,20 +3031,19 @@
   },
   {
     "storyId": "basic-bricks.general-drawer",
-    "category": "layout",
+    "category": "container-display",
     "type": "brick",
     "author": "ice",
     "text": {
       "en": "General Drawer",
-      "zh": "抽屉容器"
+      "zh": "Drawer抽屉"
     },
     "description": {
       "en": "provide slot to hold other custom elements",
       "zh": "提供插槽以展示其他构件"
     },
     "icon": {
-      "lib": "fa",
-      "icon": "draw-polygon"
+      "imgSrc": "bricks/basic-bricks/dist/stories-asserts/basic-bricks.general-drawer.78ff64a02f145893.svg"
     },
     "conf": [
       {
@@ -3589,7 +3500,7 @@
   },
   {
     "storyId": "basic-bricks.general-hotkeys",
-    "category": "other",
+    "category": "interact-baisc",
     "type": "brick",
     "author": "lynette",
     "text": {
@@ -3601,8 +3512,7 @@
       "zh": "可配置通用快捷键以及相关事件名"
     },
     "icon": {
-      "lib": "fa",
-      "icon": "pencil-alt"
+      "imgSrc": "bricks/basic-bricks/dist/stories-asserts/basic-bricks.general-hotkeys.78d83470cb19c39e.svg"
     },
     "conf": [
       {
@@ -3646,20 +3556,22 @@
           "change": "新增构件 `basic-bricks.general-hotkeys`"
         }
       ],
-      "memo": "### Supported Keys\n\n HotKeys 构件可以识别以下修饰符，方便配置：`⇧`, `shift`, `option`, `⌥`, `alt`, `ctrl`, `control`, `command`, and `⌘`.\n\n 以下特殊键可用于配置快捷键：`backspace`, `tab`, `clear`, `enter`, `return`, `esc`, `escape`, `space`, `up`, `down`, `left`, `right`, `home`, `end`, `pageup`, `pagedown`, `del`, `delete` , `f1` 到 `f19`.\n\n 其中：\n\n - `⌘` Command()\n - `⌃` Control\n - `⌥` Option(alt)\n - `⇧` Shift\n - `⇪` Caps Lock(Capital)\n - `↩︎` return/Enter space",
+      "memo": "### Supported Keys\n\n HotKeys 构件可以识别以下修饰符，方便配置：`⇧`, `shift`, `option`, `⌥`, `alt`, `ctrl`, `control`, `command`和 `⌘`.\n\n 以下特殊键可用于配置快捷键：`backspace`, `tab`, `clear`, `enter`, `return`, `esc`, `escape`, `space`, `up`, `down`, `left`, `right`, `home`, `end`, `pageup`, `pagedown`, `del`, `delete` , `f1` 到 `f19`.\n\n 其中：\n\n - `⌘` Command()\n - `⌃` Control\n - `⌥` Option(alt)\n - `⇧` Shift\n - `⇪` Caps Lock(Capital)\n - `↩︎` return/Enter space",
       "properties": [
         {
           "name": "hotkeysConfig",
           "type": "{key: string,eventName: string}[]",
           "required": "false",
           "default": "-",
-          "description": "快捷键配置，支持的 keys 列表如下"
+          "description": "快捷键配置，支持的 keys 列表如下",
+          "group": "basic"
         },
         {
           "name": "disabled",
           "type": "boolean",
           "required": "false",
           "default": "false",
+          "group": "basic",
           "description": "是否禁用"
         }
       ],
@@ -3668,7 +3580,7 @@
   },
   {
     "storyId": "basic-bricks.general-modal",
-    "category": "layout",
+    "category": "container-display",
     "type": "brick",
     "author": "ice",
     "text": {
@@ -3680,8 +3592,7 @@
       "zh": "提供插槽以展示其他构件，注意与表单通用模态框 (forms.general-modal) 的不同"
     },
     "icon": {
-      "lib": "fa",
-      "icon": "draw-polygon"
+      "imgSrc": "bricks/basic-bricks/dist/stories-asserts/basic-bricks.general-modal.63edc12759325f60.svg"
     },
     "conf": [
       {
@@ -4276,17 +4187,15 @@
     "type": "brick",
     "author": "Alex",
     "text": {
-      "en": "general notification",
-      "zh": "普通 notification"
+      "en": "Notification Reminder Box",
+      "zh": "Notification通知提醒框"
     },
     "description": {
       "en": "general notification",
       "zh": "普通的 notification"
     },
     "icon": {
-      "lib": "fa",
-      "icon": "discord",
-      "prefix": "fab"
+      "imgSrc": "bricks/basic-bricks/dist/stories-asserts/basic-bricks.general-notification.c528458ccd6aefb4.svg"
     },
     "conf": [
       {
@@ -4370,21 +4279,24 @@
           "type": "string",
           "required": "true",
           "default": "-",
-          "description": "通知提醒标题，必选"
+          "description": "通知提醒标题，必选",
+          "group": "basic"
         },
         {
           "name": "description",
           "type": "string",
           "required": "true",
           "default": "-",
-          "description": "通知提醒内容，必选"
+          "description": "通知提醒内容，必选",
+          "group": "basic"
         },
         {
           "name": "icon",
           "type": "string",
           "required": "false",
           "default": "-",
-          "description": "icon，具体查阅：[react icon](https://3x.ant.design/components/icon-cn/)"
+          "description": "icon，具体查阅：[react icon](https://3x.ant.design/components/icon-cn/)",
+          "group": "basic"
         },
         {
           "name": "placement",
@@ -4392,7 +4304,7 @@
           "required": "false",
           "default": "topRight",
           "description": "弹出位置，可选",
-          "group": "advanced"
+          "group": "ui"
         },
         {
           "name": "duration",
@@ -4400,7 +4312,7 @@
           "required": "false",
           "default": "4.5",
           "description": "默认 4.5 秒后自动关闭，配置为 null 则不自动关闭",
-          "group": "advanced"
+          "group": "basic"
         },
         {
           "name": "iconStyle",
@@ -4408,13 +4320,13 @@
           "required": "false",
           "default": "-",
           "description": "icon css 样式",
-          "group": "advanced"
+          "group": "ui"
         }
       ],
       "methods": [
         {
           "name": "open",
-          "params": "`success`| `error`| `info`| `warning`| `warn` |`open`",
+          "params": "`success` | `error` | `info` | `warning` | `warn` | `open`",
           "description": "显示通知栏，默认为`open`"
         }
       ],
@@ -4423,7 +4335,7 @@
   },
   {
     "storyId": "basic-bricks.general-timer",
-    "category": "other",
+    "category": "interact-baisc",
     "type": "brick",
     "author": "cyril",
     "text": {
@@ -4435,8 +4347,7 @@
       "zh": "启动一个定时发出指定事件的定时器"
     },
     "icon": {
-      "lib": "antd",
-      "icon": "clock-circle"
+      "imgSrc": "bricks/basic-bricks/dist/stories-asserts/basic-bricks.general-timer.b6537c7433c535f5.svg"
     },
     "conf": [
       {
@@ -4484,21 +4395,24 @@
           "type": "string",
           "required": "false",
           "default": "general-timer.timing-event",
-          "description": "定时抛出的事件"
+          "description": "定时抛出的事件",
+          "group": "basic"
         },
         {
           "name": "interval",
           "type": "number",
           "required": "false",
           "default": "60000",
-          "description": "定时间隔（单位：ms）"
+          "description": "定时间隔（单位：ms）",
+          "group": "basic"
         },
         {
           "name": "dataSource",
           "type": "any",
           "required": "false",
           "default": "-",
-          "description": "抛出事件的数据"
+          "description": "抛出事件的数据",
+          "group": "basic"
         }
       ],
       "methods": [
@@ -4516,7 +4430,7 @@
   },
   {
     "storyId": "basic-bricks.grid-layout",
-    "category": "layout",
+    "category": "container-layout",
     "type": "brick",
     "author": "steve",
     "text": {
@@ -4528,8 +4442,7 @@
       "zh": "提供多行多列的响应式网格布局"
     },
     "icon": {
-      "lib": "fa",
-      "icon": "th"
+      "imgSrc": "bricks/basic-bricks/dist/stories-asserts/basic-bricks.grid-layout.f59275b02376fe7c.svg"
     },
     "conf": {
       "brick": "basic-bricks.grid-layout",
@@ -4747,9 +4660,10 @@
   },
   {
     "storyId": "basic-bricks.home-redirect",
-    "category": "other",
+    "category": "interact-baisc",
     "type": "brick",
     "author": "steve",
+    "deprecated": true,
     "text": {
       "en": "redirection to app home",
       "zh": "重定向到指定应用的首页"
@@ -4884,7 +4798,7 @@
   },
   {
     "storyId": "basic-bricks.list-container",
-    "category": "layout",
+    "category": "container-layout",
     "type": "brick",
     "author": "steve",
     "text": {
@@ -4896,8 +4810,7 @@
       "zh": "可以指定子项使用特定构件的列表容器，相当于是动态的构件列表"
     },
     "icon": {
-      "lib": "fa",
-      "icon": "th"
+      "imgSrc": "bricks/basic-bricks/dist/stories-asserts/basic-bricks.list-container.5ab420e04901e865.svg"
     },
     "conf": [
       {
@@ -5005,6 +4918,7 @@
     "category": "other",
     "type": "brick",
     "author": "lynette",
+    "deprecated": true,
     "text": {
       "en": "Magic Brick",
       "zh": "魔法构件"
@@ -5539,16 +5453,17 @@
   },
   {
     "storyId": "basic-bricks.multiple-columns-card",
-    "category": "layout",
+    "category": "container-layout",
     "type": "brick",
     "author": "jo",
+    "deprecated": true,
     "text": {
-      "en": "Multiple Columns Card",
-      "zh": "多列布局卡片"
+      "en": "Multi Column Layout Container with Border",
+      "zh": "带边框多列布局容器"
     },
     "description": {
       "en": "support multiple columns card",
-      "zh": "支持多列布局的容器"
+      "zh": "支持多列布局的容器,推荐使用 `basic-bricks.easy-view`"
     },
     "icon": {
       "lib": "fa",
@@ -5791,7 +5706,7 @@
   },
   {
     "storyId": "basic-bricks.page-title",
-    "category": "navigation",
+    "category": "text",
     "type": "brick",
     "author": "steve",
     "text": {
@@ -5803,8 +5718,7 @@
       "zh": "页面标题，在`basic-bricks.micro-view`的titleBar插槽中使用，如果只是普通字符串的可用pageTitle属性代替，如果是动态的话则用这个构件"
     },
     "icon": {
-      "lib": "fa",
-      "icon": "cube"
+      "imgSrc": "bricks/basic-bricks/dist/stories-asserts/basic-bricks.page-title.d3c16d2b20e77d86.svg"
     },
     "conf": {
       "brick": "basic-bricks.micro-view",
@@ -5854,7 +5768,7 @@
   },
   {
     "storyId": "basic-bricks.popover-container",
-    "category": "layout",
+    "category": "container-display",
     "type": "brick",
     "author": "lynette",
     "text": {
@@ -5866,9 +5780,7 @@
       "zh": "可以配置显示构件和弹出框构件，常用于快速编辑和详情展示"
     },
     "icon": {
-      "lib": "fa",
-      "icon": "comment",
-      "prefix": "fas"
+      "imgSrc": "bricks/basic-bricks/dist/stories-asserts/basic-bricks.popover-container.617c3609f9acc715.svg"
     },
     "conf": [
       {
@@ -6721,6 +6633,7 @@
     "category": "navigation",
     "type": "brick",
     "author": "lynette",
+    "deprecated": true,
     "text": {
       "en": "sub-menu",
       "zh": "二级子菜单"
@@ -6958,8 +6871,7 @@
       "zh": "搜索能力二级菜单"
     },
     "icon": {
-      "lib": "fa",
-      "icon": "indent"
+      "imgSrc": "bricks/basic-bricks/dist/stories-asserts/basic-bricks.sub-menu-filter.ddd3fbbbdf01f1fe.svg"
     },
     "conf": [
       {
@@ -6976,120 +6888,120 @@
           "defaultOpenKeys": [
             "diy"
           ],
-          "selectable": true,
-          "multiple": false,
           "defaultSelectedKeys": [
             "C++"
           ],
           "menuItems": [
             {
-              "type": "item",
-              "title": "全部",
-              "key": "All",
               "count": 100,
               "icon": {
-                "lib": "fa",
-                "icon": "cube"
-              }
+                "icon": "cube",
+                "lib": "fa"
+              },
+              "key": "All",
+              "title": "全部",
+              "type": "item"
             },
             {
-              "type": "group",
-              "title": "内置模板",
-              "key": "built-in-template",
               "items": [
                 {
-                  "title": "Java",
-                  "key": "Java",
                   "count": 60,
                   "icon": {
-                    "lib": "fa",
-                    "icon": "cube"
-                  }
+                    "icon": "cube",
+                    "lib": "fa"
+                  },
+                  "key": "Java",
+                  "title": "Java"
                 },
                 {
-                  "title": "Go",
-                  "key": "Go",
                   "count": 10,
                   "icon": {
-                    "lib": "fa",
-                    "icon": "cube"
-                  }
+                    "icon": "cube",
+                    "lib": "fa"
+                  },
+                  "key": "Go",
+                  "title": "Go"
                 },
                 {
-                  "title": "Cc",
-                  "key": "cc",
                   "count": 10,
                   "icon": {
-                    "lib": "fa",
-                    "icon": "cube"
-                  }
+                    "icon": "cube",
+                    "lib": "fa"
+                  },
+                  "key": "cc",
+                  "title": "Cc"
                 },
                 {
-                  "title": "Python",
-                  "key": "Python",
                   "count": 10,
                   "icon": {
-                    "lib": "fa",
-                    "icon": "cube"
-                  }
+                    "icon": "cube",
+                    "lib": "fa"
+                  },
+                  "key": "Python",
+                  "title": "Python"
                 }
-              ]
+              ],
+              "key": "built-in-template",
+              "title": "内置模板",
+              "type": "group"
             },
             {
-              "type": "group",
-              "title": "自定义模板",
-              "key": "customTemplate",
               "items": [
                 {
-                  "type": "subMenu",
-                  "title": "标准模板",
-                  "key": "standard",
                   "icon": {
-                    "lib": "easyops",
                     "category": "model",
-                    "icon": "app"
+                    "icon": "app",
+                    "lib": "easyops"
                   },
                   "items": [
                     {
-                      "title": "C++",
+                      "count": 5,
                       "key": "C++",
-                      "count": 5
+                      "title": "C++"
                     },
                     {
-                      "title": "C",
+                      "count": 5,
                       "key": "C",
-                      "count": 5
+                      "title": "C"
                     }
-                  ]
+                  ],
+                  "key": "standard",
+                  "title": "标准模板",
+                  "type": "subMenu"
                 },
                 {
-                  "type": "subMenu",
-                  "title": "个性化模板c",
-                  "key": "diy",
                   "icon": {
-                    "lib": "fa",
-                    "icon": "cube"
+                    "icon": "cube",
+                    "lib": "fa"
                   },
                   "items": [
                     {
-                      "title": "易语言",
-                      "key": "iyuyan",
                       "count": 10,
                       "icon": {
-                        "lib": "fa",
-                        "icon": "cube"
-                      }
+                        "icon": "cube",
+                        "lib": "fa"
+                      },
+                      "key": "iyuyan",
+                      "title": "易语言"
                     }
-                  ]
+                  ],
+                  "key": "diy",
+                  "title": "个性化模板c",
+                  "type": "subMenu"
                 }
-              ]
+              ],
+              "key": "customTemplate",
+              "title": "自定义模板",
+              "type": "group"
             }
           ],
+          "multiple": false,
+          "selectable": true,
           "suffixBrick": {
             "useBrick": {
               "brick": "presentational-bricks.brick-conditional-display",
-              "transform": {
-                "dataSource": "@{count}",
+              "properties": {
+                "dataSource": "<% DATA.count %>",
                 "rules": [
                   {
                     "condition": {
@@ -7098,38 +7010,35 @@
                     "style": {
                       "backgroundColor": "var(--theme-red-color)",
                       "color": "rgba(255, 255, 255, 1)"
-                    },
-                    "label": "@{value}"
+                    }
                   },
                   {
                     "condition": {
                       "$and": [
                         {
-                          "$lte": 85,
-                          "$gt": 60
+                          "$gt": 60,
+                          "$lte": 85
                         }
                       ]
                     },
                     "style": {
                       "backgroundColor": "var(--theme-orange-color)",
                       "color": "rgba(255, 255, 255, 1)"
-                    },
-                    "label": "@{value}"
+                    }
                   },
                   {
                     "condition": {
                       "$and": [
                         {
-                          "$lte": 100,
-                          "$gt": 85
+                          "$gt": 85,
+                          "$lte": 100
                         }
                       ]
                     },
                     "style": {
                       "backgroundColor": "var(--theme-green-color)",
                       "color": "rgba(255, 255, 255, 1)"
-                    },
-                    "label": "@{value}"
+                    }
                   }
                 ]
               }
@@ -7155,63 +7064,71 @@
           "change": "新增构件 `basic-bricks.sub-menu-filter`"
         }
       ],
-      "memo": "### INTERFACE\n\n```typescript\nexport declare type MenuIcon = AntdIcon | FaIcon | EasyopsIcon;\n\nexport interface AntdIcon {\n lib: \"antd\";\n type: string;\n theme?: ThemeType;\n}\nexport interface FaIcon {\n lib: \"fa\";\n icon: IconName;\n prefix?: IconPrefix;\n}\nexport interface EasyopsIcon {\n lib: \"easyops\";\n icon: string;\n category?: string;\n}\n\nexport interface SubMenuFilterSimpleItem {\n title: string;\n key: string;\n type?: \"item\";\n icon: MenuIcon;\n}\n\nexport interface SubMenuFilterGroup {\n type: \"group\" | \"subMenu\";\n title: string;\n items: SubMenuFilterSimpleItem[];\n key?: string;\n}\n\nexport type SubMenuFilterItem = SubMenuFilterSimpleItem | SubMenuFilterGroup;\n\nexport interface SubMenuFilterProps {\n defaultSelectedKeys: string[];\n defaultOpenKeys: string[];\n selectable: boolean;\n multiple: boolean;\n suffixBrick?: { useBrick: UseBrickConf };\n menuItems: SubMenuFilterItem[];\n placeholder?: string;\n unsearchable: boolean;\n onSelect: (menuItem: SubMenuFilterItem[]) => void;\n onSearch: (query: string) => void;\n}\n```",
+      "memo": "### Interface\n\n```typescript\nexport declare type MenuIcon = AntdIcon | FaIcon | EasyopsIcon;\n\nexport interface AntdIcon {\n lib: \"antd\";\n type: string;\n theme?: ThemeType;\n}\nexport interface FaIcon {\n lib: \"fa\";\n icon: IconName;\n prefix?: IconPrefix;\n}\nexport interface EasyopsIcon {\n lib: \"easyops\";\n icon: string;\n category?: string;\n}\n\nexport interface SubMenuFilterSimpleItem {\n title: string;\n key: string;\n type?: \"item\";\n icon: MenuIcon;\n}\n\nexport interface SubMenuFilterGroup {\n type: \"group\" | \"subMenu\";\n title: string;\n items: SubMenuFilterSimpleItem[];\n key?: string;\n}\n\nexport type SubMenuFilterItem = SubMenuFilterSimpleItem | SubMenuFilterGroup;\n\nexport interface SubMenuFilterProps {\n defaultSelectedKeys: string[];\n defaultOpenKeys: string[];\n selectable: boolean;\n multiple: boolean;\n suffixBrick?: { useBrick: UseBrickConf };\n menuItems: SubMenuFilterItem[];\n placeholder?: string;\n unsearchable: boolean;\n onSelect: (menuItem: SubMenuFilterItem[]) => void;\n onSearch: (query: string) => void;\n}\n```",
       "properties": [
         {
           "name": "menuItems",
           "type": "SubMenuFilterItem[]",
           "required": "-",
           "default": "-",
-          "description": "菜单项"
+          "description": "菜单项",
+          "group": "basic"
         },
         {
           "name": "suffixBrick",
-          "type": "{useBrick:[UseBrickConf](http://docs.developers.easyops.cn/docs/api-reference/brick-types.usebrickconf)}",
+          "type": "{useBrick:UseBrickConf}",
           "required": "false",
           "default": "-",
-          "description": "列表项 extra 位置（右边）"
+          "description": "列表项 extra 位置（右边），相关文档[UseBrickConf](/next-docs/docs/api-reference/brick-types.usebrickconf)",
+          "group": "other"
         },
         {
           "name": "unsearchable",
           "type": "boolean",
           "required": "false",
           "default": "false",
-          "description": "是否展示搜索框"
+          "description": "是否展示搜索框",
+          "group": "basic"
         },
         {
           "name": "placeholder",
           "type": "string",
           "required": "false",
           "default": "-",
-          "description": "搜索框 placeholder"
+          "description": "搜索框 placeholder",
+          "group": "basic"
         },
         {
           "name": "defaultSelectedKeys",
           "type": "string[]",
           "required": "false",
           "default": "-",
-          "description": "初始选中的菜单项 key 数组"
+          "description": "初始选中的菜单项 key 数组",
+          "group": "basic"
         },
         {
           "name": "defaultOpenKeys",
           "type": "string[]",
           "required": "false",
           "default": "-",
-          "description": "初始展开的 SubMenu 菜单项 key 数组"
+          "description": "初始展开的 SubMenu 菜单项 key 数组",
+          "group": "basic"
         },
         {
           "name": "selectable",
           "type": "boolean",
           "required": "false",
           "default": "true",
-          "description": "是否允许选中"
+          "description": "是否允许选中",
+          "group": "basic"
         },
         {
           "name": "multiple",
           "type": "boolean",
           "required": "false",
           "default": "false",
-          "description": "是否多选"
+          "description": "是否多选",
+          "group": "basic"
         },
         {
           "name": "inlineIndent",
@@ -7219,21 +7136,23 @@
           "required": "false",
           "default": "24",
           "description": "菜单缩进宽度",
-          "group": "advanced"
+          "group": "ui"
         },
         {
           "name": "transparentBackground",
           "type": "boolean",
           "required": "false",
           "default": "false",
-          "description": "是否采用透明背景样式"
+          "description": "是否采用透明背景样式",
+          "group": "ui"
         },
         {
           "name": "accordion",
           "type": "boolean",
           "required": "false",
           "default": "false",
-          "description": "手风琴模式"
+          "description": "手风琴模式",
+          "group": "basic"
         }
       ],
       "events": [
@@ -7253,7 +7172,7 @@
   },
   {
     "storyId": "basic-bricks.transform-agent",
-    "category": "data-convert",
+    "category": "other",
     "type": "brick",
     "author": "steve",
     "text": {
@@ -7485,7 +7404,7 @@
   },
   {
     "storyId": "basic-bricks.general-anchor",
-    "category": "description",
+    "category": "interact-baisc",
     "type": "brick",
     "author": "astrid",
     "text": {
@@ -7497,9 +7416,7 @@
       "zh": "用于跳转到页面指定位置"
     },
     "icon": {
-      "lib": "fa",
-      "icon": "link",
-      "prefix": "fas"
+      "imgSrc": "bricks/basic-bricks/dist/stories-asserts/basic-bricks.general-anchor.e5abcdbf79476048.svg"
     },
     "conf": [
       {
@@ -7579,21 +7496,24 @@
           "type": "`AnchorListType[]`",
           "required": "true",
           "default": "-",
-          "description": "锚点链接的list,会根据list的结构渲染出对应的锚点排布,"
+          "description": "锚点链接的list,会根据list的结构渲染出对应的锚点排布",
+          "group": "basic"
         },
         {
           "name": "configProps",
           "type": "`AnchorProps`",
           "required": "false",
           "default": "-",
-          "description": "锚点的具体参数，这里offsetTop设置了默认为`56`，其他参数可参考antd https://ant.design/docs/react/use-in-typescript-cn#Anchor-Props"
+          "description": "锚点的具体参数，这里offsetTop设置了默认为`56`，其他参数可参考[antd](https://ant.design/docs/react/use-in-typescript-cn#Anchor-Props)",
+          "group": "basic"
         },
         {
           "name": "type",
           "type": "`\"default\" | \"radio\"`",
           "required": "false",
-          "default": "`default`",
-          "description": "锚点的类型 ， `radio` 的类型不支持 `anchorList`属性有`children`，否则会样式有问题"
+          "default": "default",
+          "description": "锚点的类型 ， `radio` 的类型不支持 `anchorList`属性有`children`，否则会样式有问题",
+          "group": "basic"
         },
         {
           "name": "extraBrick",
@@ -7608,14 +7528,16 @@
           "type": "boolean",
           "required": "false",
           "default": "false",
-          "description": "禁用默认跳转事件"
+          "description": "禁用默认跳转事件",
+          "group": "basic"
         },
         {
           "name": "initOffset",
           "type": "number",
           "required": "false",
           "default": "",
-          "description": "页面初始化时希望额外向上滚动的距离，例如在target有较大padding但是希望内容显示在上方时可设置。"
+          "description": "页面初始化时希望额外向上滚动的距离，例如在target有较大padding但是希望内容显示在上方时可设置。",
+          "group": "ui"
         }
       ],
       "interface": [
@@ -7662,7 +7584,7 @@
   },
   {
     "storyId": "basic-bricks.general-title",
-    "category": "other",
+    "category": "text",
     "type": "brick",
     "author": "astrid",
     "text": {
@@ -7674,9 +7596,7 @@
       "zh": "可以配置标题、副标题、描述"
     },
     "icon": {
-      "lib": "fa",
-      "icon": "angellist",
-      "prefix": "fab"
+      "imgSrc": "bricks/basic-bricks/dist/stories-asserts/basic-bricks.general-title.86281097750f8e66.svg"
     },
     "conf": [
       {
@@ -7760,7 +7680,7 @@
           "required": "false",
           "default": "",
           "description": "可以在描述前添加前缀",
-          "group": "advanced"
+          "group": "other"
         },
         {
           "name": "titleSuffixBrick",
@@ -7768,7 +7688,7 @@
           "required": "false",
           "default": "",
           "description": "可以在标题后添加后缀",
-          "group": "advanced"
+          "group": "other"
         },
         {
           "name": "descSuffixBrick",
@@ -7776,7 +7696,7 @@
           "required": "false",
           "default": "",
           "description": "可以在描述后面添加后缀",
-          "group": "advanced"
+          "group": "other"
         },
         {
           "name": "dataSource",
@@ -7784,7 +7704,7 @@
           "required": "false",
           "default": "",
           "description": "数据源",
-          "group": "advanced"
+          "group": "other"
         },
         {
           "name": "fields",
@@ -7792,7 +7712,7 @@
           "required": "false",
           "default": "",
           "description": "字段映射, 跟 dataSource 一起使用来获得运行时 mainTitle、 description",
-          "group": "advanced"
+          "group": "other"
         }
       ],
       "interface": []
@@ -7800,20 +7720,19 @@
   },
   {
     "storyId": "basic-bricks.flex-layout",
-    "category": "layout",
+    "category": "container-layout",
     "type": "brick",
     "author": "kehua",
     "text": {
-      "en": "Flex Layout",
-      "zh": "flex布局"
+      "en": "Flex Layout Container",
+      "zh": "Flex布局容器"
     },
     "description": {
       "en": "A Flex layout container",
       "zh": "基于Flex的布局容器"
     },
     "icon": {
-      "lib": "fa",
-      "icon": "th"
+      "imgSrc": "bricks/basic-bricks/dist/stories-asserts/basic-bricks.flex-layout.437e23a3219d798e.svg"
     },
     "conf": [
       {
@@ -7941,7 +7860,7 @@
       "author": "kehua",
       "history": [
         {
-          "version": "1.x.0",
+          "version": "1.0.0",
           "change": " 新增构件 `basic-bricks.flex-layout`"
         }
       ],
@@ -7951,37 +7870,43 @@
           "name": "flexDirection",
           "type": "string",
           "required": false,
-          "description": "定义[flex-direction]:设置主轴方向"
+          "description": "定义[flex-direction]:设置主轴方向",
+          "group": "basic"
         },
         {
           "name": "justifyContent",
           "type": "string",
           "required": false,
-          "description": "定义[justify-content]:设置主轴上子元素的排列方式"
+          "description": "定义[justify-content]:设置主轴上子元素的排列方式",
+          "group": "basic"
         },
         {
           "name": "alignItems",
           "type": "string",
           "required": false,
-          "description": "定义[align-items]:设置侧轴上的子元素排列方式（单行）"
+          "description": "定义[align-items]:设置侧轴上的子元素排列方式（单行）",
+          "group": "basic"
         },
         {
           "name": "alignContent",
           "type": "string",
           "required": false,
-          "description": "定义[align-content]:设置侧轴上的子元素排列方式（多行）"
+          "description": "定义[align-content]:设置侧轴上的子元素排列方式（多行）",
+          "group": "basic"
         },
         {
           "name": "flexWrap",
           "type": "string",
           "required": false,
-          "description": "定义[flex-wrap]:设置换行方式"
+          "description": "定义[flex-wrap]:设置换行方式",
+          "group": "basic"
         },
         {
           "name": "gap",
           "type": "string",
           "required": false,
-          "description": "定义[gap]:设置元素间隙"
+          "description": "定义[gap]:设置元素间隙",
+          "group": "basic"
         }
       ],
       "interface": []