@next-bricks/basic-bricks 1.179.2 → 1.179.5

package/dist/stories.json

@@ -451,36 +451,52 @@
         }
       ],
       "dockind": "brick",
+      "groupI18n": {
+        "basic": {
+          "en": "Basic",
+          "zh": "常用"
+        },
+        "ui": {
+          "en": "UI",
+          "zh": "外观"
+        }
+      },
       "properties": [
         {
           "name": "gridAreas",
           "type": "Record<string, (string | number)[]>",
-          "description": "以键值对形式定义多个 [grid-area](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)"
+          "description": "以键值对形式定义多个 [grid-area](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)",
+          "group": "basic"
         },
         {
           "name": "gridTemplateAreas",
           "type": "string[][]",
-          "description": "定义 [grid-template-areas](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas)"
+          "description": "定义 [grid-template-areas](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas)",
+          "group": "basic"
         },
         {
           "name": "gridTemplateColumns",
           "type": "string | string[]",
-          "description": "定义 [grid-template-columns](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns)"
+          "description": "定义 [grid-template-columns](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns)",
+          "group": "basic"
         },
         {
           "name": "gridTemplateRows",
           "type": "string | string[]",
-          "description": "定义 [grid-template-rows](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows)"
+          "description": "定义 [grid-template-rows](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows)",
+          "group": "basic"
         },
         {
           "name": "containerStyle",
           "type": "CSSProperties",
-          "description": "定义网格容器的样式"
+          "description": "定义网格容器的样式",
+          "group": "ui"
         },
         {
           "name": "styleByAreas",
           "type": "Record<string, CSSProperties>",
-          "description": "定义网格内各区域的样式"
+          "description": "定义网格内各区域的样式",
+          "group": "ui"
         }
       ],
       "interface": []
@@ -4765,38 +4781,37 @@
       {
         "brick": "basic-bricks.list-container",
         "properties": {
-          "useBrick": {
-            "brick": "presentational-bricks.agent-status",
-            "transform": {
-              "value": "@{}"
-            }
-          },
           "data": [
             "正常",
             "异常",
             "未安装"
-          ]
+          ],
+          "useBrick": {
+            "brick": "presentational-bricks.agent-status",
+            "properties": {
+              "value": "<% DATA %>"
+            }
+          }
         }
       },
       {
         "brick": "basic-bricks.list-container",
         "properties": {
-          "containerStyle": {
-            "display": "grid",
-            "gap": "20px",
+          "gap": "20px",
+          "extraContainerStyle": {
             "gridTemplateColumns": "repeat(auto-fill, minmax(260px, 1fr))"
           },
-          "useBrick": {
-            "brick": "presentational-bricks.agent-status",
-            "transform": {
-              "value": "@{}"
-            }
-          },
           "data": [
             "正常",
             "异常",
             "未安装"
-          ]
+          ],
+          "useBrick": {
+            "brick": "presentational-bricks.agent-status",
+            "properties": {
+              "value": "<% DATA %>"
+            }
+          }
         }
       }
     ],
@@ -4808,48 +4823,63 @@
       "author": "steve",
       "slots": null,
       "history": [
-        {
-          "version": "1.20.0",
-          "change": "新增构件"
-        },
         {
           "version": "1.41.0",
           "change": "支持 `containerStyle` 配置"
+        },
+        {
+          "version": "1.20.0",
+          "change": "新增构件"
         }
       ],
+      "groupI18n": {
+        "basic": {
+          "en": "Basic",
+          "zh": "常用"
+        },
+        "ui": {
+          "en": "UI",
+          "zh": "外观"
+        }
+      },
       "memo": "",
       "properties": [
         {
           "name": "useBrick",
-          "type": "[UseBrickConf](http://docs.developers.easyops.cn/docs/api-reference/brick-types.usebrickconf)",
+          "type": "UseBrickConf",
           "required": "true",
-          "default": "`[]`",
-          "description": "使用的子构件配置"
+          "default": "[]",
+          "description": "使用的子构件配置,具体查阅[UseBrickConf](/next-docs/docs/micro-app/brick-use-brick)",
+          "group": "basic"
         },
         {
           "name": "data",
           "type": "`any[]`",
           "required": "true",
-          "default": "`[]`",
-          "description": "数据列表"
+          "default": "[]",
+          "description": "数据列表",
+          "group": "basic"
         },
         {
           "name": "gap",
           "type": "string | number",
-          "default": "`\"var(--card-content-gap)\"`",
-          "description": "间距"
+          "default": "\"var(--card-content-gap)\"",
+          "description": "间距(配合extraContainerStyle使用)",
+          "group": "ui"
         },
         {
-          "name": "containerStyle",
+          "name": "extraContainerStyle",
           "type": "Record<string, any>",
           "default": "-",
-          "description": "自定义容器的样式，容器本身默认是 grid 布局，如果`containerStyle`不为空则覆盖掉容器本身的样式配置"
+          "description": "容器本身默认是 grid 布局，可以设置额外的样式。",
+          "group": "ui"
         },
         {
-          "name": "extraContainerStyle",
+          "name": "containerStyle",
           "type": "Record<string, any>",
           "default": "-",
-          "description": "容器本身默认是 grid 布局，可以设置额外的样式。"
+          "description": "自定义容器的样式，容器本身默认是 grid 布局，如果`containerStyle`不为空则覆盖掉容器本身的样式配置",
+          "group": "ui"
         }
       ],
       "interface": []
@@ -5770,15 +5800,14 @@
                 "brick": "basic-bricks.popover-container",
                 "properties": {
                   "showPopoverBg": false,
+                  "data": "<% DATA %>",
                   "id": "story-point-edit",
                   "displayBrick": {
                     "useBrick": {
                       "brick": "div",
                       "properties": {
-                        "id": "story-point-display"
-                      },
-                      "transform": {
-                        "textContent": "@{storyPoint}"
+                        "id": "story-point-display",
+                        "textContent": "<% DATA.storyPoint %>"
                       }
                     }
                   },
@@ -5792,6 +5821,7 @@
                         "inputBoxStyle": {
                           "width": 60
                         },
+                        "value": "<% DATA.storyPoint %>",
                         "allowClear": false,
                         "options": [
                           {
@@ -5820,9 +5850,6 @@
                           }
                         ]
                       },
-                      "transform": {
-                        "value": "@{storyPoint}"
-                      },
                       "events": {
                         "general.select.change": [
                           {
@@ -5852,9 +5879,6 @@
                   "visible.change": {
                     "action": "console.log"
                   }
-                },
-                "transform": {
-                  "data": "@{}"
                 }
               }
             },
@@ -5866,6 +5890,7 @@
                   "dataset": {
                     "testid": "basic-usage-click-demo"
                   },
+                  "data": "<% DATA %>",
                   "showPopoverBg": false,
                   "id": "user-quick-edit",
                   "displayBrick": {
@@ -5873,10 +5898,8 @@
                       "brick": "presentational-bricks.brick-user",
                       "properties": {
                         "id": "show-user",
-                        "size": "large"
-                      },
-                      "transform": {
-                        "userNameOrId": "@{assignee[0].name}"
+                        "size": "large",
+                        "userNameOrId": "<% DATA.assignee[0].name %>"
                       }
                     }
                   },
@@ -5912,9 +5935,6 @@
                   "visible.change": {
                     "action": "console.log"
                   }
-                },
-                "transform": {
-                  "data": "@{}"
                 }
               }
             }
@@ -5950,6 +5970,7 @@
                   },
                   "placement": "top",
                   "trigger": "hover",
+                  "data": "<% DATA %>",
                   "popoverIcon": {
                     "lib": "easyops",
                     "category": "app",
@@ -5958,8 +5979,8 @@
                   "displayBrick": {
                     "useBrick": {
                       "brick": "div",
-                      "transform": {
-                        "textContent": "@{name}"
+                      "properties": {
+                        "textContent": "<% DATA.name %>"
                       }
                     }
                   },
@@ -5980,11 +6001,9 @@
                         ],
                         "configProps": {
                           "pagination": false
-                        }
-                      },
-                      "transform": {
+                        },
                         "dataSource": {
-                          "list": "@{data}"
+                          "list": "<% DATA.data %>"
                         }
                       }
                     }
@@ -5994,9 +6013,6 @@
                   "visible.change": {
                     "action": "console.log"
                   }
-                },
-                "transform": {
-                  "data": "@{}"
                 }
               }
             }
@@ -6010,6 +6026,9 @@
           "triggerByIcon": false,
           "placement": "top",
           "trigger": "hover",
+          "style": {
+            "display": "inline-block"
+          },
           "displayBrick": {
             "useBrick": {
               "brick": "presentational-bricks.brick-value-mapping",
@@ -6057,6 +6076,16 @@
           "change": "新增构件 `basic-bricks.popover-container`"
         }
       ],
+      "groupI18n": {
+        "basic": {
+          "en": "Basic",
+          "zh": "常用"
+        },
+        "ui": {
+          "en": "UI",
+          "zh": "外观"
+        }
+      },
       "memo": "### CustomBrick\n\n| property | type         | required | default | description              |\n| -------- | ------------ | -------- | ------- | ------------------------ |\n| useBrick | UseBrickConf | ✔️       | -       | 自定义构件               |\n| data     | any          | -        | -       | 数据，优先级高于整体数据 |\n\n### UseBrickConf\n\n| property      | type           | required | default | description                                        |\n| ------------- | -------------- | -------- | ------- | -------------------------------------------------- |\n| brick         | string         | ✔️       | -       | 构件名称                                           |\n| properties    | object         | -        | -       | 构件属性                                           |\n| events        | BrickEventsMap | -        | -       | 事件                                               |\n| transform     | string\\|object | -        | -       | 属性数据转换                                       |\n| transformFrom | string         | -        | -       | 属性数据转换来自数据源的哪个字段，不填则为整个数据 |",
       "properties": [
         {
@@ -6064,112 +6093,128 @@
           "type": "CustomBrick",
           "required": "true",
           "default": "-",
-          "description": "展示构件"
+          "description": "展示构件",
+          "group": "basic"
         },
         {
           "name": "popoverBrick",
           "type": "CustomBrick",
           "required": "true",
           "default": "-",
-          "description": "弹出框构件"
+          "description": "弹出框构件",
+          "group": "basic"
         },
         {
           "name": "popoverIcon",
           "type": "MenuIcon",
           "required": "false",
           "default": "{ lib: \"fa\", icon: \"pencil-alt\", prefix: \"fas\" }",
-          "description": "触发弹出框的 icon [MenuIcon]((http://docs.developers.easyops.cn/docs/brick-next/icon))"
+          "description": "触发弹出框的 icon [MenuIcon](/next-docs/docs/api-reference/brick-types.menuicon#menuicon-interface)",
+          "group": "ui"
         },
         {
           "name": "popoverContentStyle",
           "type": "Record<string,any>",
           "required": "false",
           "default": "{width:200px}",
-          "description": "popover 内容区域的样式，默认给了 200 的宽度。由于我们的弹出框拥有自定义构件的能力，在第一次点击之前，popover 是不知道所渲染构件的宽高，可能发生错位的问题。可以通过设置宽高来解决问题。注意，根据不同的`placement`需要按需调整宽度/高度。[详见](https://github.com/ant-design/ant-design/issues/3545)"
+          "description": "popover 内容区域的样式，默认给了 200 的宽度。由于我们的弹出框拥有自定义构件的能力，在第一次点击之前，popover 是不知道所渲染构件的宽高，可能发生错位的问题。可以通过设置宽高来解决问题。注意，根据不同的`placement`需要按需调整宽度/高度。[详见](https://github.com/ant-design/ant-design/issues/3545)",
+          "group": "ui"
         },
         {
           "name": "placement",
-          "type": "top\\|left\\|right\\|bottom\\|topLeft\\|topRight\\|bottomLeft\\|bottomRight\\|leftTop\\|leftBottom\\|rightTop\\|rightBottom",
+          "type": "top|left|right|bottom|topLeft|topRight|bottomLeft|bottomRight|leftTop|leftBottom|rightTop|rightBottom",
           "required": "false",
           "default": "bottom",
-          "description": "气泡框位置。注意设置该属性的时候可能需要调整`popoverContentStyle`。"
+          "description": "气泡框位置。注意设置该属性的时候可能需要调整`popoverContentStyle`。",
+          "group": "ui"
         },
         {
           "name": "showIcon",
-          "type": "\"always\"\\|\"hover\"\\|\"never\"",
+          "type": "\"always\"|\"hover\"|\"never\"",
           "required": "false",
           "default": "hover",
-          "description": "在什么时候显示 Icon"
+          "description": "在什么时候显示 Icon",
+          "group": "ui"
         },
         {
           "name": "zIndex",
           "type": "number",
           "required": "false",
           "default": "1030",
-          "description": "popover的z轴顺序"
+          "description": "popover的z轴顺序",
+          "group": "ui"
         },
         {
           "name": "trigger",
           "type": "ActionType | ActionType[]",
           "required": "false",
           "default": "-",
-          "description": "触发方式"
+          "description": "触发方式",
+          "group": "basic"
         },
         {
           "name": "data",
           "type": "any",
           "required": "false",
           "default": "false",
-          "description": "整体数据，如果展示构件和弹出框构件数据都来自于同一个 provider，可以直接配置 data，如果来源不一样，可以分别配置 CustomBrick.data"
+          "description": "整体数据，如果展示构件和弹出框构件数据都来自于同一个 provider，可以直接配置 data，如果来源不一样，可以分别配置 CustomBrick.data",
+          "group": "basic"
         },
         {
           "name": "triggerByIcon",
-          "type": "hover\\|click",
+          "type": "hover|click",
           "required": "false",
           "default": "click",
-          "description": "触发行为"
+          "description": "触发行为",
+          "group": "basic"
         },
         {
           "name": "visible",
           "type": "{useBrick:UseBrickConf;data?:any}",
           "required": "false",
           "default": "false",
-          "description": "弹出框是否可见"
+          "description": "弹出框是否可见",
+          "group": "ui"
         },
         {
           "name": "showPopoverBg",
           "type": "boolean",
           "required": "false",
           "default": "true",
-          "description": "是否显示 popover 的默认背景"
+          "description": "是否显示 popover 的默认背景",
+          "group": "ui"
         },
         {
           "name": "highlighted",
           "type": "boolean",
           "required": "false",
           "default": "false",
-          "description": "是否高亮，由[general-graph](developers/brick-book/brick/graph.general-graph)构件设置。"
+          "description": "是否高亮，由[general-graph](developers/brick-book/brick/graph.general-graph)构件设置。",
+          "group": "ui"
         },
         {
           "name": "related",
           "type": "boolean",
           "required": "false",
           "default": "false",
-          "description": "是否被关联，由[general-graph](developers/brick-book/brick/graph.general-graph)构件设置。"
+          "description": "是否被关联，由[general-graph](developers/brick-book/brick/graph.general-graph)构件设置。",
+          "group": "ui"
         },
         {
           "name": "faded",
           "type": "boolean",
           "required": "false",
           "default": "false",
-          "description": "是否弱化，由[general-graph](developers/brick-book/brick/graph.general-graph)构件设置。"
+          "description": "是否弱化，由[general-graph](developers/brick-book/brick/graph.general-graph)构件设置。",
+          "group": "ui"
         },
         {
           "name": "transferGraphAttrs",
           "type": "boolean",
           "required": "false",
           "default": "false",
-          "description": "是否透传拓扑视图的高亮相关属性给子展示构件。由于该构件常用于[general-graph](developers/brick-book/brick/graph.general-graph)构件，故特别增设该属性。开启之后将会透传highlighted(高亮节点)/related(关联节点)/faded(淡化节点)三个属性给子展示构件，以实现高亮功能。"
+          "description": "是否透传拓扑视图的高亮相关属性给子展示构件。由于该构件常用于[general-graph](developers/brick-book/brick/graph.general-graph)构件，故特别增设该属性。开启之后将会透传highlighted(高亮节点)/related(关联节点)/faded(淡化节点)三个属性给子展示构件，以实现高亮功能。",
+          "group": "ui"
         }
       ],
       "events": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next-bricks/basic-bricks",
-  "version": "1.179.2",
+  "version": "1.179.5",
   "description": "> TODO: description",
   "homepage": "https://github.com/easyops-cn/next-basics/tree/master/bricks/basic-bricks",
   "license": "GPL-3.0",
@@ -30,7 +30,7 @@
     "test:ci": "cross-env NODE_ENV='test' CI=true jest"
   },
   "devDependencies": {
-    "@next-core/custom-antd-styles": "^1.24.5",
+    "@next-core/custom-antd-styles": "^1.24.8",
     "@next-libs/basic-components": "^3.5.0",
     "@next-libs/storage": "^2.0.2",
     "@next-sdk/air-admin-service-sdk": "^2.1.12",
@@ -39,5 +39,5 @@
     "immutability-helper": "^3.1.1"
   },
   "sideEffects": true,
-  "gitHead": "5a43720d33df3c1a4f2f7d6e6df64e8f5c589db9"
+  "gitHead": "1ce9099eb52fafce30a72463d6185d40168a398d"
 }