@next-bricks/basic-bricks 1.179.4 → 1.179.7

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 +27 -0
  2. package/deploy/contract.yaml +81 -81
  3. package/dist/bricks.json +20 -20
  4. package/dist/{index.f2616aa2.js → index.6bc54a37.js} +2 -2
  5. package/dist/index.6bc54a37.js.map +1 -0
  6. package/dist/stories.json +254 -196
  7. package/package.json +2 -2
  8. package/dist/index.f2616aa2.js.map +0 -1
package/dist/stories.json CHANGED
@@ -451,7 +451,7 @@
451
451
  }
452
452
  ],
453
453
  "dockind": "brick",
454
- "groupI18n": {
454
+ "groupI18N": {
455
455
  "basic": {
456
456
  "en": "Basic",
457
457
  "zh": "常用"
@@ -3644,7 +3644,7 @@
3644
3644
  {
3645
3645
  "brick": "basic-bricks.general-button",
3646
3646
  "properties": {
3647
- "buttonName": "点击弹出模态框 with slot"
3647
+ "buttonName": "点击弹出模态框，带 footer slot"
3648
3648
  },
3649
3649
  "events": {
3650
3650
  "general.button.click": {
@@ -3752,8 +3752,8 @@
3752
3752
  },
3753
3753
  {
3754
3754
  "description": {
3755
- "title": "模态框标题对齐方式和图标",
3756
- "message": "图标来源可以为src（httpSrc/DataSrc）或平台的图标库"
3755
+ "title": "标题相关：对齐方式、图标、标题后自定义构件",
3756
+ "message": "图标来源可以为src(httpSrc/DataSrc)或平台的图标库"
3757
3757
  },
3758
3758
  "brick": "div",
3759
3759
  "slots": {
@@ -3775,6 +3775,24 @@
3775
3775
  {
3776
3776
  "brick": "basic-bricks.general-modal",
3777
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
+ },
3778
3796
  "content": {
3779
3797
  "type": "bricks",
3780
3798
  "bricks": [
@@ -3794,7 +3812,9 @@
3794
3812
  "titleAlign": "center",
3795
3813
  "titleIcon": {
3796
3814
  "lib": "antd",
3797
- "icon": "plus"
3815
+ "icon": "warning",
3816
+ "theme": "outlined",
3817
+ "color": "var(--color-warning)"
3798
3818
  }
3799
3819
  },
3800
3820
  "events": {
@@ -3894,71 +3914,6 @@
3894
3914
  ]
3895
3915
  }
3896
3916
  }
3897
- },
3898
- {
3899
- "description": {
3900
- "title": "标题后自定义构件"
3901
- },
3902
- "brick": "div",
3903
- "slots": {
3904
- "content": {
3905
- "bricks": [
3906
- {
3907
- "brick": "basic-bricks.general-button",
3908
- "events": {
3909
- "general.button.click": {
3910
- "method": "open",
3911
- "target": "#title-extra"
3912
- }
3913
- },
3914
- "properties": {
3915
- "buttonName": "点击弹出模态框"
3916
- }
3917
- },
3918
- {
3919
- "brick": "basic-bricks.general-modal",
3920
- "properties": {
3921
- "id": "title-extra",
3922
- "modalTitle": "执行结果",
3923
- "okText": "ok",
3924
- "titleAlign": "left"
3925
- },
3926
- "slots": {
3927
- "content": {
3928
- "bricks": [
3929
- {
3930
- "brick": "h3",
3931
- "properties": {
3932
- "textContent": "modal content"
3933
- }
3934
- }
3935
- ],
3936
- "type": "bricks"
3937
- },
3938
- "headerExtra": {
3939
- "bricks": [
3940
- {
3941
- "brick": "presentational-bricks.brick-tag",
3942
- "properties": {
3943
- "color": "var(--color-warning)",
3944
- "showCard": false,
3945
- "tagList": [
3946
- "警告"
3947
- ],
3948
- "tagStyle": {
3949
- "marginLeft": "-4px"
3950
- }
3951
- }
3952
- }
3953
- ],
3954
- "type": "bricks"
3955
- }
3956
- }
3957
- }
3958
- ],
3959
- "type": "bricks"
3960
- }
3961
- }
3962
3917
  }
3963
3918
  ],
3964
3919
  "doc": {
@@ -3966,6 +3921,24 @@
3966
3921
  "name": "basic-bricks.general-modal",
3967
3922
  "dockind": "brick",
3968
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
+ },
3969
3942
  "author": "ice",
3970
3943
  "slots": [
3971
3944
  {
@@ -4021,13 +3994,13 @@
4021
3994
  },
4022
3995
  {
4023
3996
  "type": "basic-bricks.general-modal.cancel",
4024
- "detail": "`dataSource`",
4025
- "description": "当点击 modal 自带的取消按钮时发出该事件"
3997
+ "detail": "`Record<string, any>`",
3998
+ "description": "当点击 modal 自带的取消按钮时发出该事件，detail来源为当前的dataSource属性值"
4026
3999
  },
4027
4000
  {
4028
4001
  "type": "basic-bricks.general-modal.confirm",
4029
- "detail": "`dataSource`",
4030
- "description": "当点击 modal 自带的确认按钮时发出该事件"
4002
+ "detail": "`Record<string, any>`",
4003
+ "description": "当点击 modal 自带的确认按钮时发出该事件，detail来源为当前的dataSource属性值"
4031
4004
  },
4032
4005
  {
4033
4006
  "type": "modal.open",
@@ -4060,155 +4033,156 @@
4060
4033
  "group": "basic"
4061
4034
  },
4062
4035
  {
4063
- "name": "width",
4064
- "type": "string | number",
4036
+ "name": "dataSource",
4037
+ "type": "Record<string, any>",
4065
4038
  "required": "false",
4066
4039
  "default": "-",
4067
- "description": "模态框宽度",
4040
+ "description": "数据来源",
4068
4041
  "group": "basic"
4069
4042
  },
4070
4043
  {
4071
- "name": "dataSource",
4072
- "type": "Record<string, any>",
4044
+ "name": "width",
4045
+ "type": "string | number",
4073
4046
  "required": "false",
4074
4047
  "default": "-",
4075
- "description": "数据来源",
4076
- "group": "basic"
4048
+ "description": "模态框宽度",
4049
+ "group": "ui"
4077
4050
  },
4078
4051
  {
4079
- "name": "okText",
4080
- "type": "string",
4052
+ "name": "enableFooterSlot",
4053
+ "type": "boolean",
4081
4054
  "required": "false",
4082
- "default": "`\"确认\"`",
4083
- "description": "确认按钮文字",
4084
- "group": "basic"
4055
+ "default": "false",
4056
+ "description": "是否启用 footer 插槽",
4057
+ "group": "ui"
4085
4058
  },
4086
4059
  {
4087
- "name": "okType",
4088
- "type": "ButtonType",
4060
+ "name": "footerPosition",
4061
+ "type": "string",
4089
4062
  "required": "false",
4090
- "default": "`\"primary\"`",
4091
- "description": "模态框确认按钮类型 ButtonType(\"link\" | \"default\" | \"primary\" | \"ghost\" | \"dashed\" | \"danger\")",
4092
- "group": "basic"
4063
+ "default": "right",
4064
+ "description": "按钮的位置 left | center | right",
4065
+ "group": "ui"
4093
4066
  },
4094
4067
  {
4095
- "name": "okDisabled",
4068
+ "name": "isHiddenBodyPadding",
4096
4069
  "type": "boolean",
4097
4070
  "required": "false",
4098
- "default": "`false`",
4099
- "description": "是否禁用确认按钮",
4100
- "group": "basic"
4071
+ "default": "true",
4072
+ "description": "是否需要隐藏弹窗内容的padding",
4073
+ "group": "ui"
4101
4074
  },
4102
4075
  {
4103
- "name": "confirmLoading",
4076
+ "name": "isHiddenHeaderBorder",
4104
4077
  "type": "boolean",
4105
4078
  "required": "false",
4106
- "default": "`false`",
4107
- "description": "确定按钮 loading",
4108
- "group": "basic"
4079
+ "default": "true",
4080
+ "description": "是否需要隐藏弹窗头部的分割线",
4081
+ "group": "ui"
4109
4082
  },
4110
4083
  {
4111
- "name": "cancelText",
4112
- "type": "string",
4084
+ "name": "isHiddenFooterColor",
4085
+ "type": "boolean",
4113
4086
  "required": "false",
4114
- "default": "`\"取消\"`",
4115
- "description": "取消按钮文字",
4116
- "group": "basic"
4087
+ "default": "true",
4088
+ "description": "是否需要隐藏底部特殊的颜色",
4089
+ "group": "ui"
4117
4090
  },
4118
4091
  {
4119
- "name": "hideCancelButton",
4092
+ "name": "fullscreen",
4120
4093
  "type": "boolean",
4121
- "required": "false",
4122
- "default": "`false`",
4123
- "description": "是否隐藏取消按钮",
4124
- "group": "basic"
4094
+ "default": "false",
4095
+ "description": "全屏模式",
4096
+ "group": "ui"
4125
4097
  },
4126
4098
  {
4127
- "name": "footerPosition",
4099
+ "name": "okText",
4128
4100
  "type": "string",
4129
4101
  "required": "false",
4130
- "default": "`right`",
4131
- "description": "按钮的位置 left | center | right",
4132
- "group": "basic"
4102
+ "default": "确认",
4103
+ "description": "确认按钮文字",
4104
+ "group": "buttonAndInteract"
4133
4105
  },
4134
4106
  {
4135
- "name": "closeWhenOk",
4136
- "type": "boolean",
4107
+ "name": "okType",
4108
+ "type": "ButtonType",
4137
4109
  "required": "false",
4138
- "default": "`true`",
4139
- "description": "点击确定时，是否立即关闭模态框，如果设为`false`，则需要自行关闭。",
4140
- "group": "basic"
4110
+ "default": "primary",
4111
+ "description": "模态框确认按钮类型 ButtonType(\"link\" | \"default\" | \"primary\" | \"ghost\" | \"dashed\" | \"danger\")",
4112
+ "group": "buttonAndInteract"
4141
4113
  },
4142
4114
  {
4143
- "name": "closeWhenCancel",
4115
+ "name": "okDisabled",
4144
4116
  "type": "boolean",
4145
4117
  "required": "false",
4146
- "default": "`true`",
4147
- "description": "点击取消时，是否立即关闭模态框，如果设为`false`，则需要自行关闭。",
4148
- "group": "basic"
4118
+ "default": "false",
4119
+ "description": "是否禁用确认按钮",
4120
+ "group": "buttonAndInteract"
4149
4121
  },
4150
4122
  {
4151
- "name": "isHiddenBodyPadding",
4123
+ "name": "closeWhenOk",
4152
4124
  "type": "boolean",
4153
4125
  "required": "false",
4154
- "default": "`true`",
4155
- "description": "是否需要隐藏弹窗内容的padding",
4126
+ "default": "true",
4127
+ "description": "点击确定时，是否立即关闭模态框，如果设为`false`，则需要自行关闭。",
4156
4128
  "group": "basic"
4157
4129
  },
4158
4130
  {
4159
- "name": "isHiddenHeaderBorder",
4131
+ "name": "confirmLoading",
4160
4132
  "type": "boolean",
4161
4133
  "required": "false",
4162
- "default": "`true`",
4163
- "description": "是否需要隐藏弹窗头部的分割线",
4164
- "group": "basic"
4134
+ "default": "false",
4135
+ "description": "确定按钮 loading",
4136
+ "group": "buttonAndInteract"
4165
4137
  },
4166
4138
  {
4167
- "name": "isHiddenFooterColor",
4168
- "type": "boolean",
4139
+ "name": "cancelText",
4140
+ "type": "string",
4169
4141
  "required": "false",
4170
- "default": "`true`",
4171
- "description": "是否需要隐藏底部特殊的颜色",
4172
- "group": "basic"
4142
+ "default": "取消",
4143
+ "description": "取消按钮文字",
4144
+ "group": "buttonAndInteract"
4173
4145
  },
4174
4146
  {
4175
- "name": "enableFooterSlot",
4147
+ "name": "hideCancelButton",
4176
4148
  "type": "boolean",
4177
4149
  "required": "false",
4178
- "default": "`false`",
4179
- "description": "是否启用 footer 插槽",
4180
- "group": "basic"
4150
+ "default": "false",
4151
+ "description": "是否隐藏取消按钮",
4152
+ "group": "buttonAndInteract"
4181
4153
  },
4182
4154
  {
4183
- "name": "fullscreen",
4155
+ "name": "closeWhenCancel",
4184
4156
  "type": "boolean",
4185
- "default": "`false`",
4186
- "description": "全屏模式",
4187
- "group": "advanced"
4157
+ "required": "false",
4158
+ "default": "true",
4159
+ "description": "点击取消时，是否立即关闭模态框，如果设为`false`，则需要自行关闭。",
4160
+ "group": "buttonAndInteract"
4188
4161
  },
4189
4162
  {
4190
4163
  "name": "maskClosable",
4191
4164
  "type": "boolean",
4192
4165
  "required": "false",
4193
- "default": "`true`",
4166
+ "default": "true",
4194
4167
  "description": "是否点击背景关闭模态框",
4195
- "group": "advanced"
4168
+ "group": "buttonAndInteract"
4196
4169
  },
4197
4170
  {
4198
4171
  "name": "configProps",
4199
4172
  "type": "object",
4200
4173
  "required": "false",
4201
4174
  "default": "-",
4202
- "description": "完全透传给 antd 的 Modal 属性，详见：[https://ant.design/components/modal-cn/#API](https://ant.design/components/modal-cn/#API)",
4203
- "group": "advanced"
4175
+ "description": "完全透传给 antd 的 Modal 属性，详见 [文档](https://ant.design/components/modal-cn#API)",
4176
+ "group": "other"
4204
4177
  },
4205
4178
  {
4206
4179
  "name": "fields",
4207
4180
  "type": "{modalTitle: string}",
4181
+ "deprecated": true,
4208
4182
  "required": "false",
4209
4183
  "default": "-",
4210
- "description": "[已废弃]字段映射, 跟 dataSource 一起使用来获得运行时 modalTitle",
4211
- "group": "advanced"
4184
+ "description": "`已废弃` 字段映射, 跟 dataSource 一起使用来获得运行时 modalTitle",
4185
+ "group": "other"
4212
4186
  }
4213
4187
  ],
4214
4188
  "methods": [
@@ -4581,7 +4555,7 @@
4581
4555
  "author": "steve",
4582
4556
  "slots": null,
4583
4557
  "history": null,
4584
- "memo": "### interface\n```typescript\n interface ResponsiveSettings {\n large?: GridSettings;\n medium?: GridSettings;\n small?: GridSettings;\n xSmall?: GridSettings;\n }\n\n interface GridSettings {\n columns?: number;\n rows?: number;\n columnSpan?: number;\n rowSpan?: number;\n }\n```\n### 响应式布局说明\n\nBootstrap 等 UI 框架是移动优先的设计，它们的响应式为默认匹配小屏幕，并由小到大适配。而 EasyOps 平台以 PC 优先，并由大到小适配。这里我们针对常见桌面显示器大小，分为以下五档（屏幕宽度）：\n\n- `xSmall`：<= 1024px （老式投影仪）\n- `small`：<= 1280px （13 寸笔记本）\n- `medium`：<= 1600px （中等显示器）\n- `large`：<= 1920px （大号显示器）\n- 其它：超大显示器\n\n例如以下设置：\n\n```json\n{\n \"columns\": 3,\n \"responsive\": {\n \"medium\": {\n \"columns\": 2\n },\n \"small\": {\n \"columns\": 1\n }\n }\n}\n```\n\n在 `> 1600px` 的屏幕上时将显示为三列，`<= 1600px && > 1280px` 时显示两列，更小的屏幕显示为一列。",
4558
+ "memo": "### 响应式布局说明\n\nBootstrap 等 UI 框架是移动优先的设计，它们的响应式为默认匹配小屏幕，并由小到大适配。而 EasyOps 平台以 PC 优先，并由大到小适配。这里我们针对常见桌面显示器大小，分为以下五档（屏幕宽度）：\n\n- `xSmall`：<= 1024px （老式投影仪）\n- `small`：<= 1280px （13 寸笔记本）\n- `medium`：<= 1600px （中等显示器）\n- `large`：<= 1920px （大号显示器）\n- 其它：超大显示器\n\n例如以下设置：\n\n```json\n{\n \"columns\": 3,\n \"responsive\": {\n \"medium\": {\n \"columns\": 2\n },\n \"small\": {\n \"columns\": 1\n }\n }\n}\n```\n\n在 `> 1600px` 的屏幕上时将显示为三列，`<= 1600px && > 1280px` 时显示两列，更小的屏幕显示为一列。",
4585
4559
  "properties": [
4586
4560
  {
4587
4561
  "name": "columns",
@@ -4620,7 +4594,76 @@
4620
4594
  "description": "响应式布局设置"
4621
4595
  }
4622
4596
  ],
4623
- "interface": []
4597
+ "interface": [
4598
+ {
4599
+ "name": "ResponsiveSettings",
4600
+ "typeParameter": null,
4601
+ "kind": "interface",
4602
+ "children": [
4603
+ {
4604
+ "name": "large",
4605
+ "type": "GridSettings",
4606
+ "required": false,
4607
+ "description": ""
4608
+ },
4609
+ {
4610
+ "name": "medium",
4611
+ "type": "GridSettings",
4612
+ "required": false,
4613
+ "description": ""
4614
+ },
4615
+ {
4616
+ "name": "small",
4617
+ "type": "GridSettings",
4618
+ "required": false,
4619
+ "description": ""
4620
+ },
4621
+ {
4622
+ "name": "xSmall",
4623
+ "type": "GridSettings",
4624
+ "required": false,
4625
+ "description": ""
4626
+ }
4627
+ ]
4628
+ },
4629
+ {
4630
+ "name": "GridSettings",
4631
+ "typeParameter": null,
4632
+ "kind": "interface",
4633
+ "children": [
4634
+ {
4635
+ "name": "columnSpan",
4636
+ "type": "number",
4637
+ "required": false,
4638
+ "description": ""
4639
+ },
4640
+ {
4641
+ "name": "columns",
4642
+ "type": "number",
4643
+ "required": false,
4644
+ "description": ""
4645
+ },
4646
+ {
4647
+ "name": "rowSpan",
4648
+ "type": "number",
4649
+ "required": false,
4650
+ "description": ""
4651
+ },
4652
+ {
4653
+ "name": "rows",
4654
+ "type": "number",
4655
+ "required": false,
4656
+ "description": ""
4657
+ },
4658
+ {
4659
+ "name": "templateColumns",
4660
+ "type": "string",
4661
+ "required": false,
4662
+ "description": ""
4663
+ }
4664
+ ]
4665
+ }
4666
+ ]
4624
4667
  }
4625
4668
  },
4626
4669
  {
@@ -4832,7 +4875,7 @@
4832
4875
  "change": "新增构件"
4833
4876
  }
4834
4877
  ],
4835
- "groupI18n": {
4878
+ "groupI18N": {
4836
4879
  "basic": {
4837
4880
  "en": "Basic",
4838
4881
  "zh": "常用"
@@ -5800,15 +5843,14 @@
5800
5843
  "brick": "basic-bricks.popover-container",
5801
5844
  "properties": {
5802
5845
  "showPopoverBg": false,
5846
+ "data": "<% DATA %>",
5803
5847
  "id": "story-point-edit",
5804
5848
  "displayBrick": {
5805
5849
  "useBrick": {
5806
5850
  "brick": "div",
5807
5851
  "properties": {
5808
- "id": "story-point-display"
5809
- },
5810
- "transform": {
5811
- "textContent": "@{storyPoint}"
5852
+ "id": "story-point-display",
5853
+ "textContent": "<% DATA.storyPoint %>"
5812
5854
  }
5813
5855
  }
5814
5856
  },
@@ -5822,6 +5864,7 @@
5822
5864
  "inputBoxStyle": {
5823
5865
  "width": 60
5824
5866
  },
5867
+ "value": "<% DATA.storyPoint %>",
5825
5868
  "allowClear": false,
5826
5869
  "options": [
5827
5870
  {
@@ -5850,9 +5893,6 @@
5850
5893
  }
5851
5894
  ]
5852
5895
  },
5853
- "transform": {
5854
- "value": "@{storyPoint}"
5855
- },
5856
5896
  "events": {
5857
5897
  "general.select.change": [
5858
5898
  {
@@ -5882,9 +5922,6 @@
5882
5922
  "visible.change": {
5883
5923
  "action": "console.log"
5884
5924
  }
5885
- },
5886
- "transform": {
5887
- "data": "@{}"
5888
5925
  }
5889
5926
  }
5890
5927
  },
@@ -5896,6 +5933,7 @@
5896
5933
  "dataset": {
5897
5934
  "testid": "basic-usage-click-demo"
5898
5935
  },
5936
+ "data": "<% DATA %>",
5899
5937
  "showPopoverBg": false,
5900
5938
  "id": "user-quick-edit",
5901
5939
  "displayBrick": {
@@ -5903,10 +5941,8 @@
5903
5941
  "brick": "presentational-bricks.brick-user",
5904
5942
  "properties": {
5905
5943
  "id": "show-user",
5906
- "size": "large"
5907
- },
5908
- "transform": {
5909
- "userNameOrId": "@{assignee[0].name}"
5944
+ "size": "large",
5945
+ "userNameOrId": "<% DATA.assignee[0].name %>"
5910
5946
  }
5911
5947
  }
5912
5948
  },
@@ -5942,9 +5978,6 @@
5942
5978
  "visible.change": {
5943
5979
  "action": "console.log"
5944
5980
  }
5945
- },
5946
- "transform": {
5947
- "data": "@{}"
5948
5981
  }
5949
5982
  }
5950
5983
  }
@@ -5980,6 +6013,7 @@
5980
6013
  },
5981
6014
  "placement": "top",
5982
6015
  "trigger": "hover",
6016
+ "data": "<% DATA %>",
5983
6017
  "popoverIcon": {
5984
6018
  "lib": "easyops",
5985
6019
  "category": "app",
@@ -5988,8 +6022,8 @@
5988
6022
  "displayBrick": {
5989
6023
  "useBrick": {
5990
6024
  "brick": "div",
5991
- "transform": {
5992
- "textContent": "@{name}"
6025
+ "properties": {
6026
+ "textContent": "<% DATA.name %>"
5993
6027
  }
5994
6028
  }
5995
6029
  },
@@ -6010,11 +6044,9 @@
6010
6044
  ],
6011
6045
  "configProps": {
6012
6046
  "pagination": false
6013
- }
6014
- },
6015
- "transform": {
6047
+ },
6016
6048
  "dataSource": {
6017
- "list": "@{data}"
6049
+ "list": "<% DATA.data %>"
6018
6050
  }
6019
6051
  }
6020
6052
  }
@@ -6024,9 +6056,6 @@
6024
6056
  "visible.change": {
6025
6057
  "action": "console.log"
6026
6058
  }
6027
- },
6028
- "transform": {
6029
- "data": "@{}"
6030
6059
  }
6031
6060
  }
6032
6061
  }
@@ -6040,6 +6069,9 @@
6040
6069
  "triggerByIcon": false,
6041
6070
  "placement": "top",
6042
6071
  "trigger": "hover",
6072
+ "style": {
6073
+ "display": "inline-block"
6074
+ },
6043
6075
  "displayBrick": {
6044
6076
  "useBrick": {
6045
6077
  "brick": "presentational-bricks.brick-value-mapping",
@@ -6087,6 +6119,16 @@
6087
6119
  "change": "新增构件 `basic-bricks.popover-container`"
6088
6120
  }
6089
6121
  ],
6122
+ "groupI18N": {
6123
+ "basic": {
6124
+ "en": "Basic",
6125
+ "zh": "常用"
6126
+ },
6127
+ "ui": {
6128
+ "en": "UI",
6129
+ "zh": "外观"
6130
+ }
6131
+ },
6090
6132
  "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 | - | - | 属性数据转换来自数据源的哪个字段，不填则为整个数据 |",
6091
6133
  "properties": [
6092
6134
  {
@@ -6094,112 +6136,128 @@
6094
6136
  "type": "CustomBrick",
6095
6137
  "required": "true",
6096
6138
  "default": "-",
6097
- "description": "展示构件"
6139
+ "description": "展示构件",
6140
+ "group": "basic"
6098
6141
  },
6099
6142
  {
6100
6143
  "name": "popoverBrick",
6101
6144
  "type": "CustomBrick",
6102
6145
  "required": "true",
6103
6146
  "default": "-",
6104
- "description": "弹出框构件"
6147
+ "description": "弹出框构件",
6148
+ "group": "basic"
6105
6149
  },
6106
6150
  {
6107
6151
  "name": "popoverIcon",
6108
6152
  "type": "MenuIcon",
6109
6153
  "required": "false",
6110
6154
  "default": "{ lib: \"fa\", icon: \"pencil-alt\", prefix: \"fas\" }",
6111
- "description": "触发弹出框的 icon [MenuIcon]((http://docs.developers.easyops.cn/docs/brick-next/icon))"
6155
+ "description": "触发弹出框的 icon [MenuIcon](/next-docs/docs/api-reference/brick-types.menuicon#menuicon-interface)",
6156
+ "group": "ui"
6112
6157
  },
6113
6158
  {
6114
6159
  "name": "popoverContentStyle",
6115
6160
  "type": "Record<string,any>",
6116
6161
  "required": "false",
6117
6162
  "default": "{width:200px}",
6118
- "description": "popover 内容区域的样式，默认给了 200 的宽度。由于我们的弹出框拥有自定义构件的能力，在第一次点击之前，popover 是不知道所渲染构件的宽高，可能发生错位的问题。可以通过设置宽高来解决问题。注意，根据不同的`placement`需要按需调整宽度/高度。[详见](https://github.com/ant-design/ant-design/issues/3545)"
6163
+ "description": "popover 内容区域的样式，默认给了 200 的宽度。由于我们的弹出框拥有自定义构件的能力，在第一次点击之前，popover 是不知道所渲染构件的宽高，可能发生错位的问题。可以通过设置宽高来解决问题。注意，根据不同的`placement`需要按需调整宽度/高度。[详见](https://github.com/ant-design/ant-design/issues/3545)",
6164
+ "group": "ui"
6119
6165
  },
6120
6166
  {
6121
6167
  "name": "placement",
6122
- "type": "top\\|left\\|right\\|bottom\\|topLeft\\|topRight\\|bottomLeft\\|bottomRight\\|leftTop\\|leftBottom\\|rightTop\\|rightBottom",
6168
+ "type": "top|left|right|bottom|topLeft|topRight|bottomLeft|bottomRight|leftTop|leftBottom|rightTop|rightBottom",
6123
6169
  "required": "false",
6124
6170
  "default": "bottom",
6125
- "description": "气泡框位置。注意设置该属性的时候可能需要调整`popoverContentStyle`。"
6171
+ "description": "气泡框位置。注意设置该属性的时候可能需要调整`popoverContentStyle`。",
6172
+ "group": "ui"
6126
6173
  },
6127
6174
  {
6128
6175
  "name": "showIcon",
6129
- "type": "\"always\"\\|\"hover\"\\|\"never\"",
6176
+ "type": "\"always\"|\"hover\"|\"never\"",
6130
6177
  "required": "false",
6131
6178
  "default": "hover",
6132
- "description": "在什么时候显示 Icon"
6179
+ "description": "在什么时候显示 Icon",
6180
+ "group": "ui"
6133
6181
  },
6134
6182
  {
6135
6183
  "name": "zIndex",
6136
6184
  "type": "number",
6137
6185
  "required": "false",
6138
6186
  "default": "1030",
6139
- "description": "popover的z轴顺序"
6187
+ "description": "popover的z轴顺序",
6188
+ "group": "ui"
6140
6189
  },
6141
6190
  {
6142
6191
  "name": "trigger",
6143
6192
  "type": "ActionType | ActionType[]",
6144
6193
  "required": "false",
6145
6194
  "default": "-",
6146
- "description": "触发方式"
6195
+ "description": "触发方式",
6196
+ "group": "basic"
6147
6197
  },
6148
6198
  {
6149
6199
  "name": "data",
6150
6200
  "type": "any",
6151
6201
  "required": "false",
6152
6202
  "default": "false",
6153
- "description": "整体数据，如果展示构件和弹出框构件数据都来自于同一个 provider，可以直接配置 data，如果来源不一样，可以分别配置 CustomBrick.data"
6203
+ "description": "整体数据，如果展示构件和弹出框构件数据都来自于同一个 provider，可以直接配置 data，如果来源不一样，可以分别配置 CustomBrick.data",
6204
+ "group": "basic"
6154
6205
  },
6155
6206
  {
6156
6207
  "name": "triggerByIcon",
6157
- "type": "hover\\|click",
6208
+ "type": "hover|click",
6158
6209
  "required": "false",
6159
6210
  "default": "click",
6160
- "description": "触发行为"
6211
+ "description": "触发行为",
6212
+ "group": "basic"
6161
6213
  },
6162
6214
  {
6163
6215
  "name": "visible",
6164
6216
  "type": "{useBrick:UseBrickConf;data?:any}",
6165
6217
  "required": "false",
6166
6218
  "default": "false",
6167
- "description": "弹出框是否可见"
6219
+ "description": "弹出框是否可见",
6220
+ "group": "ui"
6168
6221
  },
6169
6222
  {
6170
6223
  "name": "showPopoverBg",
6171
6224
  "type": "boolean",
6172
6225
  "required": "false",
6173
6226
  "default": "true",
6174
- "description": "是否显示 popover 的默认背景"
6227
+ "description": "是否显示 popover 的默认背景",
6228
+ "group": "ui"
6175
6229
  },
6176
6230
  {
6177
6231
  "name": "highlighted",
6178
6232
  "type": "boolean",
6179
6233
  "required": "false",
6180
6234
  "default": "false",
6181
- "description": "是否高亮，由[general-graph](developers/brick-book/brick/graph.general-graph)构件设置。"
6235
+ "description": "是否高亮，由[general-graph](developers/brick-book/brick/graph.general-graph)构件设置。",
6236
+ "group": "ui"
6182
6237
  },
6183
6238
  {
6184
6239
  "name": "related",
6185
6240
  "type": "boolean",
6186
6241
  "required": "false",
6187
6242
  "default": "false",
6188
- "description": "是否被关联，由[general-graph](developers/brick-book/brick/graph.general-graph)构件设置。"
6243
+ "description": "是否被关联，由[general-graph](developers/brick-book/brick/graph.general-graph)构件设置。",
6244
+ "group": "ui"
6189
6245
  },
6190
6246
  {
6191
6247
  "name": "faded",
6192
6248
  "type": "boolean",
6193
6249
  "required": "false",
6194
6250
  "default": "false",
6195
- "description": "是否弱化，由[general-graph](developers/brick-book/brick/graph.general-graph)构件设置。"
6251
+ "description": "是否弱化，由[general-graph](developers/brick-book/brick/graph.general-graph)构件设置。",
6252
+ "group": "ui"
6196
6253
  },
6197
6254
  {
6198
6255
  "name": "transferGraphAttrs",
6199
6256
  "type": "boolean",
6200
6257
  "required": "false",
6201
6258
  "default": "false",
6202
- "description": "是否透传拓扑视图的高亮相关属性给子展示构件。由于该构件常用于[general-graph](developers/brick-book/brick/graph.general-graph)构件，故特别增设该属性。开启之后将会透传highlighted(高亮节点)/related(关联节点)/faded(淡化节点)三个属性给子展示构件，以实现高亮功能。"
6259
+ "description": "是否透传拓扑视图的高亮相关属性给子展示构件。由于该构件常用于[general-graph](developers/brick-book/brick/graph.general-graph)构件，故特别增设该属性。开启之后将会透传highlighted(高亮节点)/related(关联节点)/faded(淡化节点)三个属性给子展示构件，以实现高亮功能。",
6260
+ "group": "ui"
6203
6261
  }
6204
6262
  ],
6205
6263
  "events": [