@next-bricks/basic-bricks 1.179.3 → 1.179.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/deploy/contract.yaml +75 -75
  3. package/dist/bricks.json +24 -24
  4. package/dist/{index.319bab95.js → index.1faeae2d.js} +2 -2
  5. package/dist/index.1faeae2d.js.map +1 -0
  6. package/dist/stories.json +249 -230
  7. package/package.json +2 -2
  8. package/dist/index.319bab95.js.map +0 -1
package/dist/stories.json CHANGED
@@ -451,36 +451,52 @@
451
451
  }
452
452
  ],
453
453
  "dockind": "brick",
454
+ "groupI18N": {
455
+ "basic": {
456
+ "en": "Basic",
457
+ "zh": "常用"
458
+ },
459
+ "ui": {
460
+ "en": "UI",
461
+ "zh": "外观"
462
+ }
463
+ },
454
464
  "properties": [
455
465
  {
456
466
  "name": "gridAreas",
457
467
  "type": "Record<string, (string | number)[]>",
458
- "description": "以键值对形式定义多个 [grid-area](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)"
468
+ "description": "以键值对形式定义多个 [grid-area](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)",
469
+ "group": "basic"
459
470
  },
460
471
  {
461
472
  "name": "gridTemplateAreas",
462
473
  "type": "string[][]",
463
- "description": "定义 [grid-template-areas](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas)"
474
+ "description": "定义 [grid-template-areas](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas)",
475
+ "group": "basic"
464
476
  },
465
477
  {
466
478
  "name": "gridTemplateColumns",
467
479
  "type": "string | string[]",
468
- "description": "定义 [grid-template-columns](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns)"
480
+ "description": "定义 [grid-template-columns](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns)",
481
+ "group": "basic"
469
482
  },
470
483
  {
471
484
  "name": "gridTemplateRows",
472
485
  "type": "string | string[]",
473
- "description": "定义 [grid-template-rows](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows)"
486
+ "description": "定义 [grid-template-rows](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows)",
487
+ "group": "basic"
474
488
  },
475
489
  {
476
490
  "name": "containerStyle",
477
491
  "type": "CSSProperties",
478
- "description": "定义网格容器的样式"
492
+ "description": "定义网格容器的样式",
493
+ "group": "ui"
479
494
  },
480
495
  {
481
496
  "name": "styleByAreas",
482
497
  "type": "Record<string, CSSProperties>",
483
- "description": "定义网格内各区域的样式"
498
+ "description": "定义网格内各区域的样式",
499
+ "group": "ui"
484
500
  }
485
501
  ],
486
502
  "interface": []
@@ -3628,7 +3644,7 @@
3628
3644
  {
3629
3645
  "brick": "basic-bricks.general-button",
3630
3646
  "properties": {
3631
- "buttonName": "点击弹出模态框 with slot"
3647
+ "buttonName": "点击弹出模态框，带 footer slot"
3632
3648
  },
3633
3649
  "events": {
3634
3650
  "general.button.click": {
@@ -3736,8 +3752,8 @@
3736
3752
  },
3737
3753
  {
3738
3754
  "description": {
3739
- "title": "模态框标题对齐方式和图标",
3740
- "message": "图标来源可以为src（httpSrc/DataSrc）或平台的图标库"
3755
+ "title": "标题相关：对齐方式、图标、标题后自定义构件",
3756
+ "message": "图标来源可以为src(httpSrc/DataSrc)或平台的图标库"
3741
3757
  },
3742
3758
  "brick": "div",
3743
3759
  "slots": {
@@ -3759,6 +3775,24 @@
3759
3775
  {
3760
3776
  "brick": "basic-bricks.general-modal",
3761
3777
  "slots": {
3778
+ "headerExtra": {
3779
+ "bricks": [
3780
+ {
3781
+ "brick": "presentational-bricks.brick-tag",
3782
+ "properties": {
3783
+ "color": "var(--color-warning)",
3784
+ "showCard": false,
3785
+ "tagList": [
3786
+ "警告"
3787
+ ],
3788
+ "tagStyle": {
3789
+ "marginLeft": "-4px"
3790
+ }
3791
+ }
3792
+ }
3793
+ ],
3794
+ "type": "bricks"
3795
+ },
3762
3796
  "content": {
3763
3797
  "type": "bricks",
3764
3798
  "bricks": [
@@ -3778,7 +3812,9 @@
3778
3812
  "titleAlign": "center",
3779
3813
  "titleIcon": {
3780
3814
  "lib": "antd",
3781
- "icon": "plus"
3815
+ "icon": "warning",
3816
+ "theme": "outlined",
3817
+ "color": "var(--color-warning)"
3782
3818
  }
3783
3819
  },
3784
3820
  "events": {
@@ -3878,71 +3914,6 @@
3878
3914
  ]
3879
3915
  }
3880
3916
  }
3881
- },
3882
- {
3883
- "description": {
3884
- "title": "标题后自定义构件"
3885
- },
3886
- "brick": "div",
3887
- "slots": {
3888
- "content": {
3889
- "bricks": [
3890
- {
3891
- "brick": "basic-bricks.general-button",
3892
- "events": {
3893
- "general.button.click": {
3894
- "method": "open",
3895
- "target": "#title-extra"
3896
- }
3897
- },
3898
- "properties": {
3899
- "buttonName": "点击弹出模态框"
3900
- }
3901
- },
3902
- {
3903
- "brick": "basic-bricks.general-modal",
3904
- "properties": {
3905
- "id": "title-extra",
3906
- "modalTitle": "执行结果",
3907
- "okText": "ok",
3908
- "titleAlign": "left"
3909
- },
3910
- "slots": {
3911
- "content": {
3912
- "bricks": [
3913
- {
3914
- "brick": "h3",
3915
- "properties": {
3916
- "textContent": "modal content"
3917
- }
3918
- }
3919
- ],
3920
- "type": "bricks"
3921
- },
3922
- "headerExtra": {
3923
- "bricks": [
3924
- {
3925
- "brick": "presentational-bricks.brick-tag",
3926
- "properties": {
3927
- "color": "var(--color-warning)",
3928
- "showCard": false,
3929
- "tagList": [
3930
- "警告"
3931
- ],
3932
- "tagStyle": {
3933
- "marginLeft": "-4px"
3934
- }
3935
- }
3936
- }
3937
- ],
3938
- "type": "bricks"
3939
- }
3940
- }
3941
- }
3942
- ],
3943
- "type": "bricks"
3944
- }
3945
- }
3946
3917
  }
3947
3918
  ],
3948
3919
  "doc": {
@@ -3950,6 +3921,24 @@
3950
3921
  "name": "basic-bricks.general-modal",
3951
3922
  "dockind": "brick",
3952
3923
  "description": "提供插槽以展示其他构件，注意与表单通用模态框 (forms.general-modal) 的不同",
3924
+ "groupI18N": {
3925
+ "basic": {
3926
+ "en": "Basic",
3927
+ "zh": "常用"
3928
+ },
3929
+ "buttonAndInteract": {
3930
+ "en": "Button/Interact",
3931
+ "zh": "按钮及交互"
3932
+ },
3933
+ "ui": {
3934
+ "en": "UI",
3935
+ "zh": "外观"
3936
+ },
3937
+ "other": {
3938
+ "en": "其他",
3939
+ "zh": "other"
3940
+ }
3941
+ },
3953
3942
  "author": "ice",
3954
3943
  "slots": [
3955
3944
  {
@@ -4005,13 +3994,13 @@
4005
3994
  },
4006
3995
  {
4007
3996
  "type": "basic-bricks.general-modal.cancel",
4008
- "detail": "`dataSource`",
4009
- "description": "当点击 modal 自带的取消按钮时发出该事件"
3997
+ "detail": "`Record<string, any>`",
3998
+ "description": "当点击 modal 自带的取消按钮时发出该事件，detail来源为当前的dataSource属性值"
4010
3999
  },
4011
4000
  {
4012
4001
  "type": "basic-bricks.general-modal.confirm",
4013
- "detail": "`dataSource`",
4014
- "description": "当点击 modal 自带的确认按钮时发出该事件"
4002
+ "detail": "`Record<string, any>`",
4003
+ "description": "当点击 modal 自带的确认按钮时发出该事件，detail来源为当前的dataSource属性值"
4015
4004
  },
4016
4005
  {
4017
4006
  "type": "modal.open",
@@ -4044,155 +4033,156 @@
4044
4033
  "group": "basic"
4045
4034
  },
4046
4035
  {
4047
- "name": "width",
4048
- "type": "string | number",
4036
+ "name": "dataSource",
4037
+ "type": "Record<string, any>",
4049
4038
  "required": "false",
4050
4039
  "default": "-",
4051
- "description": "模态框宽度",
4040
+ "description": "数据来源",
4052
4041
  "group": "basic"
4053
4042
  },
4054
4043
  {
4055
- "name": "dataSource",
4056
- "type": "Record<string, any>",
4044
+ "name": "width",
4045
+ "type": "string | number",
4057
4046
  "required": "false",
4058
4047
  "default": "-",
4059
- "description": "数据来源",
4060
- "group": "basic"
4048
+ "description": "模态框宽度",
4049
+ "group": "ui"
4061
4050
  },
4062
4051
  {
4063
- "name": "okText",
4064
- "type": "string",
4052
+ "name": "enableFooterSlot",
4053
+ "type": "boolean",
4065
4054
  "required": "false",
4066
- "default": "`\"确认\"`",
4067
- "description": "确认按钮文字",
4068
- "group": "basic"
4055
+ "default": "false",
4056
+ "description": "是否启用 footer 插槽",
4057
+ "group": "ui"
4069
4058
  },
4070
4059
  {
4071
- "name": "okType",
4072
- "type": "ButtonType",
4060
+ "name": "footerPosition",
4061
+ "type": "string",
4073
4062
  "required": "false",
4074
- "default": "`\"primary\"`",
4075
- "description": "模态框确认按钮类型 ButtonType(\"link\" | \"default\" | \"primary\" | \"ghost\" | \"dashed\" | \"danger\")",
4076
- "group": "basic"
4063
+ "default": "right",
4064
+ "description": "按钮的位置 left | center | right",
4065
+ "group": "ui"
4077
4066
  },
4078
4067
  {
4079
- "name": "okDisabled",
4068
+ "name": "isHiddenBodyPadding",
4080
4069
  "type": "boolean",
4081
4070
  "required": "false",
4082
- "default": "`false`",
4083
- "description": "是否禁用确认按钮",
4084
- "group": "basic"
4071
+ "default": "true",
4072
+ "description": "是否需要隐藏弹窗内容的padding",
4073
+ "group": "ui"
4085
4074
  },
4086
4075
  {
4087
- "name": "confirmLoading",
4076
+ "name": "isHiddenHeaderBorder",
4088
4077
  "type": "boolean",
4089
4078
  "required": "false",
4090
- "default": "`false`",
4091
- "description": "确定按钮 loading",
4092
- "group": "basic"
4079
+ "default": "true",
4080
+ "description": "是否需要隐藏弹窗头部的分割线",
4081
+ "group": "ui"
4093
4082
  },
4094
4083
  {
4095
- "name": "cancelText",
4096
- "type": "string",
4084
+ "name": "isHiddenFooterColor",
4085
+ "type": "boolean",
4097
4086
  "required": "false",
4098
- "default": "`\"取消\"`",
4099
- "description": "取消按钮文字",
4100
- "group": "basic"
4087
+ "default": "true",
4088
+ "description": "是否需要隐藏底部特殊的颜色",
4089
+ "group": "ui"
4101
4090
  },
4102
4091
  {
4103
- "name": "hideCancelButton",
4092
+ "name": "fullscreen",
4104
4093
  "type": "boolean",
4105
- "required": "false",
4106
- "default": "`false`",
4107
- "description": "是否隐藏取消按钮",
4108
- "group": "basic"
4094
+ "default": "false",
4095
+ "description": "全屏模式",
4096
+ "group": "ui"
4109
4097
  },
4110
4098
  {
4111
- "name": "footerPosition",
4099
+ "name": "okText",
4112
4100
  "type": "string",
4113
4101
  "required": "false",
4114
- "default": "`right`",
4115
- "description": "按钮的位置 left | center | right",
4116
- "group": "basic"
4102
+ "default": "确认",
4103
+ "description": "确认按钮文字",
4104
+ "group": "buttonAndInteract"
4117
4105
  },
4118
4106
  {
4119
- "name": "closeWhenOk",
4120
- "type": "boolean",
4107
+ "name": "okType",
4108
+ "type": "ButtonType",
4121
4109
  "required": "false",
4122
- "default": "`true`",
4123
- "description": "点击确定时，是否立即关闭模态框，如果设为`false`，则需要自行关闭。",
4124
- "group": "basic"
4110
+ "default": "primary",
4111
+ "description": "模态框确认按钮类型 ButtonType(\"link\" | \"default\" | \"primary\" | \"ghost\" | \"dashed\" | \"danger\")",
4112
+ "group": "buttonAndInteract"
4125
4113
  },
4126
4114
  {
4127
- "name": "closeWhenCancel",
4115
+ "name": "okDisabled",
4128
4116
  "type": "boolean",
4129
4117
  "required": "false",
4130
- "default": "`true`",
4131
- "description": "点击取消时，是否立即关闭模态框，如果设为`false`，则需要自行关闭。",
4132
- "group": "basic"
4118
+ "default": "false",
4119
+ "description": "是否禁用确认按钮",
4120
+ "group": "buttonAndInteract"
4133
4121
  },
4134
4122
  {
4135
- "name": "isHiddenBodyPadding",
4123
+ "name": "closeWhenOk",
4136
4124
  "type": "boolean",
4137
4125
  "required": "false",
4138
- "default": "`true`",
4139
- "description": "是否需要隐藏弹窗内容的padding",
4126
+ "default": "true",
4127
+ "description": "点击确定时，是否立即关闭模态框，如果设为`false`，则需要自行关闭。",
4140
4128
  "group": "basic"
4141
4129
  },
4142
4130
  {
4143
- "name": "isHiddenHeaderBorder",
4131
+ "name": "confirmLoading",
4144
4132
  "type": "boolean",
4145
4133
  "required": "false",
4146
- "default": "`true`",
4147
- "description": "是否需要隐藏弹窗头部的分割线",
4148
- "group": "basic"
4134
+ "default": "false",
4135
+ "description": "确定按钮 loading",
4136
+ "group": "buttonAndInteract"
4149
4137
  },
4150
4138
  {
4151
- "name": "isHiddenFooterColor",
4152
- "type": "boolean",
4139
+ "name": "cancelText",
4140
+ "type": "string",
4153
4141
  "required": "false",
4154
- "default": "`true`",
4155
- "description": "是否需要隐藏底部特殊的颜色",
4156
- "group": "basic"
4142
+ "default": "取消",
4143
+ "description": "取消按钮文字",
4144
+ "group": "buttonAndInteract"
4157
4145
  },
4158
4146
  {
4159
- "name": "enableFooterSlot",
4147
+ "name": "hideCancelButton",
4160
4148
  "type": "boolean",
4161
4149
  "required": "false",
4162
- "default": "`false`",
4163
- "description": "是否启用 footer 插槽",
4164
- "group": "basic"
4150
+ "default": "false",
4151
+ "description": "是否隐藏取消按钮",
4152
+ "group": "buttonAndInteract"
4165
4153
  },
4166
4154
  {
4167
- "name": "fullscreen",
4155
+ "name": "closeWhenCancel",
4168
4156
  "type": "boolean",
4169
- "default": "`false`",
4170
- "description": "全屏模式",
4171
- "group": "advanced"
4157
+ "required": "false",
4158
+ "default": "true",
4159
+ "description": "点击取消时，是否立即关闭模态框，如果设为`false`，则需要自行关闭。",
4160
+ "group": "buttonAndInteract"
4172
4161
  },
4173
4162
  {
4174
4163
  "name": "maskClosable",
4175
4164
  "type": "boolean",
4176
4165
  "required": "false",
4177
- "default": "`true`",
4166
+ "default": "true",
4178
4167
  "description": "是否点击背景关闭模态框",
4179
- "group": "advanced"
4168
+ "group": "buttonAndInteract"
4180
4169
  },
4181
4170
  {
4182
4171
  "name": "configProps",
4183
4172
  "type": "object",
4184
4173
  "required": "false",
4185
4174
  "default": "-",
4186
- "description": "完全透传给 antd 的 Modal 属性，详见：[https://ant.design/components/modal-cn/#API](https://ant.design/components/modal-cn/#API)",
4187
- "group": "advanced"
4175
+ "description": "完全透传给 antd 的 Modal 属性，详见 [文档](https://ant.design/components/modal-cn#API)",
4176
+ "group": "other"
4188
4177
  },
4189
4178
  {
4190
4179
  "name": "fields",
4191
4180
  "type": "{modalTitle: string}",
4181
+ "deprecated": true,
4192
4182
  "required": "false",
4193
4183
  "default": "-",
4194
- "description": "[已废弃]字段映射, 跟 dataSource 一起使用来获得运行时 modalTitle",
4195
- "group": "advanced"
4184
+ "description": "`已废弃` 字段映射, 跟 dataSource 一起使用来获得运行时 modalTitle",
4185
+ "group": "other"
4196
4186
  }
4197
4187
  ],
4198
4188
  "methods": [
@@ -4765,38 +4755,37 @@
4765
4755
  {
4766
4756
  "brick": "basic-bricks.list-container",
4767
4757
  "properties": {
4768
- "useBrick": {
4769
- "brick": "presentational-bricks.agent-status",
4770
- "transform": {
4771
- "value": "@{}"
4772
- }
4773
- },
4774
4758
  "data": [
4775
4759
  "正常",
4776
4760
  "异常",
4777
4761
  "未安装"
4778
- ]
4762
+ ],
4763
+ "useBrick": {
4764
+ "brick": "presentational-bricks.agent-status",
4765
+ "properties": {
4766
+ "value": "<% DATA %>"
4767
+ }
4768
+ }
4779
4769
  }
4780
4770
  },
4781
4771
  {
4782
4772
  "brick": "basic-bricks.list-container",
4783
4773
  "properties": {
4784
- "containerStyle": {
4785
- "display": "grid",
4786
- "gap": "20px",
4774
+ "gap": "20px",
4775
+ "extraContainerStyle": {
4787
4776
  "gridTemplateColumns": "repeat(auto-fill, minmax(260px, 1fr))"
4788
4777
  },
4789
- "useBrick": {
4790
- "brick": "presentational-bricks.agent-status",
4791
- "transform": {
4792
- "value": "@{}"
4793
- }
4794
- },
4795
4778
  "data": [
4796
4779
  "正常",
4797
4780
  "异常",
4798
4781
  "未安装"
4799
- ]
4782
+ ],
4783
+ "useBrick": {
4784
+ "brick": "presentational-bricks.agent-status",
4785
+ "properties": {
4786
+ "value": "<% DATA %>"
4787
+ }
4788
+ }
4800
4789
  }
4801
4790
  }
4802
4791
  ],
@@ -4808,48 +4797,63 @@
4808
4797
  "author": "steve",
4809
4798
  "slots": null,
4810
4799
  "history": [
4811
- {
4812
- "version": "1.20.0",
4813
- "change": "新增构件"
4814
- },
4815
4800
  {
4816
4801
  "version": "1.41.0",
4817
4802
  "change": "支持 `containerStyle` 配置"
4803
+ },
4804
+ {
4805
+ "version": "1.20.0",
4806
+ "change": "新增构件"
4818
4807
  }
4819
4808
  ],
4809
+ "groupI18N": {
4810
+ "basic": {
4811
+ "en": "Basic",
4812
+ "zh": "常用"
4813
+ },
4814
+ "ui": {
4815
+ "en": "UI",
4816
+ "zh": "外观"
4817
+ }
4818
+ },
4820
4819
  "memo": "",
4821
4820
  "properties": [
4822
4821
  {
4823
4822
  "name": "useBrick",
4824
- "type": "[UseBrickConf](http://docs.developers.easyops.cn/docs/api-reference/brick-types.usebrickconf)",
4823
+ "type": "UseBrickConf",
4825
4824
  "required": "true",
4826
- "default": "`[]`",
4827
- "description": "使用的子构件配置"
4825
+ "default": "[]",
4826
+ "description": "使用的子构件配置,具体查阅[UseBrickConf](/next-docs/docs/micro-app/brick-use-brick)",
4827
+ "group": "basic"
4828
4828
  },
4829
4829
  {
4830
4830
  "name": "data",
4831
4831
  "type": "`any[]`",
4832
4832
  "required": "true",
4833
- "default": "`[]`",
4834
- "description": "数据列表"
4833
+ "default": "[]",
4834
+ "description": "数据列表",
4835
+ "group": "basic"
4835
4836
  },
4836
4837
  {
4837
4838
  "name": "gap",
4838
4839
  "type": "string | number",
4839
- "default": "`\"var(--card-content-gap)\"`",
4840
- "description": "间距"
4840
+ "default": "\"var(--card-content-gap)\"",
4841
+ "description": "间距(配合extraContainerStyle使用)",
4842
+ "group": "ui"
4841
4843
  },
4842
4844
  {
4843
- "name": "containerStyle",
4845
+ "name": "extraContainerStyle",
4844
4846
  "type": "Record<string, any>",
4845
4847
  "default": "-",
4846
- "description": "自定义容器的样式，容器本身默认是 grid 布局，如果`containerStyle`不为空则覆盖掉容器本身的样式配置"
4848
+ "description": "容器本身默认是 grid 布局，可以设置额外的样式。",
4849
+ "group": "ui"
4847
4850
  },
4848
4851
  {
4849
- "name": "extraContainerStyle",
4852
+ "name": "containerStyle",
4850
4853
  "type": "Record<string, any>",
4851
4854
  "default": "-",
4852
- "description": "容器本身默认是 grid 布局，可以设置额外的样式。"
4855
+ "description": "自定义容器的样式，容器本身默认是 grid 布局，如果`containerStyle`不为空则覆盖掉容器本身的样式配置",
4856
+ "group": "ui"
4853
4857
  }
4854
4858
  ],
4855
4859
  "interface": []
@@ -5770,15 +5774,14 @@
5770
5774
  "brick": "basic-bricks.popover-container",
5771
5775
  "properties": {
5772
5776
  "showPopoverBg": false,
5777
+ "data": "<% DATA %>",
5773
5778
  "id": "story-point-edit",
5774
5779
  "displayBrick": {
5775
5780
  "useBrick": {
5776
5781
  "brick": "div",
5777
5782
  "properties": {
5778
- "id": "story-point-display"
5779
- },
5780
- "transform": {
5781
- "textContent": "@{storyPoint}"
5783
+ "id": "story-point-display",
5784
+ "textContent": "<% DATA.storyPoint %>"
5782
5785
  }
5783
5786
  }
5784
5787
  },
@@ -5792,6 +5795,7 @@
5792
5795
  "inputBoxStyle": {
5793
5796
  "width": 60
5794
5797
  },
5798
+ "value": "<% DATA.storyPoint %>",
5795
5799
  "allowClear": false,
5796
5800
  "options": [
5797
5801
  {
@@ -5820,9 +5824,6 @@
5820
5824
  }
5821
5825
  ]
5822
5826
  },
5823
- "transform": {
5824
- "value": "@{storyPoint}"
5825
- },
5826
5827
  "events": {
5827
5828
  "general.select.change": [
5828
5829
  {
@@ -5852,9 +5853,6 @@
5852
5853
  "visible.change": {
5853
5854
  "action": "console.log"
5854
5855
  }
5855
- },
5856
- "transform": {
5857
- "data": "@{}"
5858
5856
  }
5859
5857
  }
5860
5858
  },
@@ -5866,6 +5864,7 @@
5866
5864
  "dataset": {
5867
5865
  "testid": "basic-usage-click-demo"
5868
5866
  },
5867
+ "data": "<% DATA %>",
5869
5868
  "showPopoverBg": false,
5870
5869
  "id": "user-quick-edit",
5871
5870
  "displayBrick": {
@@ -5873,10 +5872,8 @@
5873
5872
  "brick": "presentational-bricks.brick-user",
5874
5873
  "properties": {
5875
5874
  "id": "show-user",
5876
- "size": "large"
5877
- },
5878
- "transform": {
5879
- "userNameOrId": "@{assignee[0].name}"
5875
+ "size": "large",
5876
+ "userNameOrId": "<% DATA.assignee[0].name %>"
5880
5877
  }
5881
5878
  }
5882
5879
  },
@@ -5912,9 +5909,6 @@
5912
5909
  "visible.change": {
5913
5910
  "action": "console.log"
5914
5911
  }
5915
- },
5916
- "transform": {
5917
- "data": "@{}"
5918
5912
  }
5919
5913
  }
5920
5914
  }
@@ -5950,6 +5944,7 @@
5950
5944
  },
5951
5945
  "placement": "top",
5952
5946
  "trigger": "hover",
5947
+ "data": "<% DATA %>",
5953
5948
  "popoverIcon": {
5954
5949
  "lib": "easyops",
5955
5950
  "category": "app",
@@ -5958,8 +5953,8 @@
5958
5953
  "displayBrick": {
5959
5954
  "useBrick": {
5960
5955
  "brick": "div",
5961
- "transform": {
5962
- "textContent": "@{name}"
5956
+ "properties": {
5957
+ "textContent": "<% DATA.name %>"
5963
5958
  }
5964
5959
  }
5965
5960
  },
@@ -5980,11 +5975,9 @@
5980
5975
  ],
5981
5976
  "configProps": {
5982
5977
  "pagination": false
5983
- }
5984
- },
5985
- "transform": {
5978
+ },
5986
5979
  "dataSource": {
5987
- "list": "@{data}"
5980
+ "list": "<% DATA.data %>"
5988
5981
  }
5989
5982
  }
5990
5983
  }
@@ -5994,9 +5987,6 @@
5994
5987
  "visible.change": {
5995
5988
  "action": "console.log"
5996
5989
  }
5997
- },
5998
- "transform": {
5999
- "data": "@{}"
6000
5990
  }
6001
5991
  }
6002
5992
  }
@@ -6010,6 +6000,9 @@
6010
6000
  "triggerByIcon": false,
6011
6001
  "placement": "top",
6012
6002
  "trigger": "hover",
6003
+ "style": {
6004
+ "display": "inline-block"
6005
+ },
6013
6006
  "displayBrick": {
6014
6007
  "useBrick": {
6015
6008
  "brick": "presentational-bricks.brick-value-mapping",
@@ -6057,6 +6050,16 @@
6057
6050
  "change": "新增构件 `basic-bricks.popover-container`"
6058
6051
  }
6059
6052
  ],
6053
+ "groupI18N": {
6054
+ "basic": {
6055
+ "en": "Basic",
6056
+ "zh": "常用"
6057
+ },
6058
+ "ui": {
6059
+ "en": "UI",
6060
+ "zh": "外观"
6061
+ }
6062
+ },
6060
6063
  "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 | - | - | 属性数据转换来自数据源的哪个字段，不填则为整个数据 |",
6061
6064
  "properties": [
6062
6065
  {
@@ -6064,112 +6067,128 @@
6064
6067
  "type": "CustomBrick",
6065
6068
  "required": "true",
6066
6069
  "default": "-",
6067
- "description": "展示构件"
6070
+ "description": "展示构件",
6071
+ "group": "basic"
6068
6072
  },
6069
6073
  {
6070
6074
  "name": "popoverBrick",
6071
6075
  "type": "CustomBrick",
6072
6076
  "required": "true",
6073
6077
  "default": "-",
6074
- "description": "弹出框构件"
6078
+ "description": "弹出框构件",
6079
+ "group": "basic"
6075
6080
  },
6076
6081
  {
6077
6082
  "name": "popoverIcon",
6078
6083
  "type": "MenuIcon",
6079
6084
  "required": "false",
6080
6085
  "default": "{ lib: \"fa\", icon: \"pencil-alt\", prefix: \"fas\" }",
6081
- "description": "触发弹出框的 icon [MenuIcon]((http://docs.developers.easyops.cn/docs/brick-next/icon))"
6086
+ "description": "触发弹出框的 icon [MenuIcon](/next-docs/docs/api-reference/brick-types.menuicon#menuicon-interface)",
6087
+ "group": "ui"
6082
6088
  },
6083
6089
  {
6084
6090
  "name": "popoverContentStyle",
6085
6091
  "type": "Record<string,any>",
6086
6092
  "required": "false",
6087
6093
  "default": "{width:200px}",
6088
- "description": "popover 内容区域的样式，默认给了 200 的宽度。由于我们的弹出框拥有自定义构件的能力，在第一次点击之前，popover 是不知道所渲染构件的宽高，可能发生错位的问题。可以通过设置宽高来解决问题。注意，根据不同的`placement`需要按需调整宽度/高度。[详见](https://github.com/ant-design/ant-design/issues/3545)"
6094
+ "description": "popover 内容区域的样式，默认给了 200 的宽度。由于我们的弹出框拥有自定义构件的能力，在第一次点击之前，popover 是不知道所渲染构件的宽高，可能发生错位的问题。可以通过设置宽高来解决问题。注意，根据不同的`placement`需要按需调整宽度/高度。[详见](https://github.com/ant-design/ant-design/issues/3545)",
6095
+ "group": "ui"
6089
6096
  },
6090
6097
  {
6091
6098
  "name": "placement",
6092
- "type": "top\\|left\\|right\\|bottom\\|topLeft\\|topRight\\|bottomLeft\\|bottomRight\\|leftTop\\|leftBottom\\|rightTop\\|rightBottom",
6099
+ "type": "top|left|right|bottom|topLeft|topRight|bottomLeft|bottomRight|leftTop|leftBottom|rightTop|rightBottom",
6093
6100
  "required": "false",
6094
6101
  "default": "bottom",
6095
- "description": "气泡框位置。注意设置该属性的时候可能需要调整`popoverContentStyle`。"
6102
+ "description": "气泡框位置。注意设置该属性的时候可能需要调整`popoverContentStyle`。",
6103
+ "group": "ui"
6096
6104
  },
6097
6105
  {
6098
6106
  "name": "showIcon",
6099
- "type": "\"always\"\\|\"hover\"\\|\"never\"",
6107
+ "type": "\"always\"|\"hover\"|\"never\"",
6100
6108
  "required": "false",
6101
6109
  "default": "hover",
6102
- "description": "在什么时候显示 Icon"
6110
+ "description": "在什么时候显示 Icon",
6111
+ "group": "ui"
6103
6112
  },
6104
6113
  {
6105
6114
  "name": "zIndex",
6106
6115
  "type": "number",
6107
6116
  "required": "false",
6108
6117
  "default": "1030",
6109
- "description": "popover的z轴顺序"
6118
+ "description": "popover的z轴顺序",
6119
+ "group": "ui"
6110
6120
  },
6111
6121
  {
6112
6122
  "name": "trigger",
6113
6123
  "type": "ActionType | ActionType[]",
6114
6124
  "required": "false",
6115
6125
  "default": "-",
6116
- "description": "触发方式"
6126
+ "description": "触发方式",
6127
+ "group": "basic"
6117
6128
  },
6118
6129
  {
6119
6130
  "name": "data",
6120
6131
  "type": "any",
6121
6132
  "required": "false",
6122
6133
  "default": "false",
6123
- "description": "整体数据，如果展示构件和弹出框构件数据都来自于同一个 provider，可以直接配置 data，如果来源不一样，可以分别配置 CustomBrick.data"
6134
+ "description": "整体数据，如果展示构件和弹出框构件数据都来自于同一个 provider，可以直接配置 data，如果来源不一样，可以分别配置 CustomBrick.data",
6135
+ "group": "basic"
6124
6136
  },
6125
6137
  {
6126
6138
  "name": "triggerByIcon",
6127
- "type": "hover\\|click",
6139
+ "type": "hover|click",
6128
6140
  "required": "false",
6129
6141
  "default": "click",
6130
- "description": "触发行为"
6142
+ "description": "触发行为",
6143
+ "group": "basic"
6131
6144
  },
6132
6145
  {
6133
6146
  "name": "visible",
6134
6147
  "type": "{useBrick:UseBrickConf;data?:any}",
6135
6148
  "required": "false",
6136
6149
  "default": "false",
6137
- "description": "弹出框是否可见"
6150
+ "description": "弹出框是否可见",
6151
+ "group": "ui"
6138
6152
  },
6139
6153
  {
6140
6154
  "name": "showPopoverBg",
6141
6155
  "type": "boolean",
6142
6156
  "required": "false",
6143
6157
  "default": "true",
6144
- "description": "是否显示 popover 的默认背景"
6158
+ "description": "是否显示 popover 的默认背景",
6159
+ "group": "ui"
6145
6160
  },
6146
6161
  {
6147
6162
  "name": "highlighted",
6148
6163
  "type": "boolean",
6149
6164
  "required": "false",
6150
6165
  "default": "false",
6151
- "description": "是否高亮，由[general-graph](developers/brick-book/brick/graph.general-graph)构件设置。"
6166
+ "description": "是否高亮，由[general-graph](developers/brick-book/brick/graph.general-graph)构件设置。",
6167
+ "group": "ui"
6152
6168
  },
6153
6169
  {
6154
6170
  "name": "related",
6155
6171
  "type": "boolean",
6156
6172
  "required": "false",
6157
6173
  "default": "false",
6158
- "description": "是否被关联，由[general-graph](developers/brick-book/brick/graph.general-graph)构件设置。"
6174
+ "description": "是否被关联，由[general-graph](developers/brick-book/brick/graph.general-graph)构件设置。",
6175
+ "group": "ui"
6159
6176
  },
6160
6177
  {
6161
6178
  "name": "faded",
6162
6179
  "type": "boolean",
6163
6180
  "required": "false",
6164
6181
  "default": "false",
6165
- "description": "是否弱化，由[general-graph](developers/brick-book/brick/graph.general-graph)构件设置。"
6182
+ "description": "是否弱化，由[general-graph](developers/brick-book/brick/graph.general-graph)构件设置。",
6183
+ "group": "ui"
6166
6184
  },
6167
6185
  {
6168
6186
  "name": "transferGraphAttrs",
6169
6187
  "type": "boolean",
6170
6188
  "required": "false",
6171
6189
  "default": "false",
6172
- "description": "是否透传拓扑视图的高亮相关属性给子展示构件。由于该构件常用于[general-graph](developers/brick-book/brick/graph.general-graph)构件，故特别增设该属性。开启之后将会透传highlighted(高亮节点)/related(关联节点)/faded(淡化节点)三个属性给子展示构件，以实现高亮功能。"
6190
+ "description": "是否透传拓扑视图的高亮相关属性给子展示构件。由于该构件常用于[general-graph](developers/brick-book/brick/graph.general-graph)构件，故特别增设该属性。开启之后将会透传highlighted(高亮节点)/related(关联节点)/faded(淡化节点)三个属性给子展示构件，以实现高亮功能。",
6191
+ "group": "ui"
6173
6192
  }
6174
6193
  ],
6175
6194
  "events": [