@next-bricks/basic-bricks 1.194.5 → 1.194.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.
package/dist/stories.json CHANGED
@@ -108,12 +108,12 @@
108
108
  },
109
109
  {
110
110
  "storyId": "basic-bricks.advanced-list-container",
111
- "category": "layout",
111
+ "category": "container-layout",
112
112
  "type": "brick",
113
113
  "author": "momo",
114
114
  "text": {
115
- "en": "Dynamic List Container v2",
116
- "zh": "动态构件列表容器v2"
115
+ "en": "Dynamic Vertical List Container",
116
+ "zh": "动态纵向列表容器"
117
117
  },
118
118
  "description": {
119
119
  "en": "A list container support specified `useBrick`",
@@ -148,7 +148,7 @@
148
148
  "useBrick": {
149
149
  "brick": "presentational-bricks.brick-conditional-display",
150
150
  "transform": {
151
- "dataSource": "@{value}",
151
+ "dataSource": "<% DATA.value %>",
152
152
  "rules": [
153
153
  {
154
154
  "condition": {
@@ -159,7 +159,7 @@
159
159
  "color": "rgba(255, 255, 255, 1)",
160
160
  "borderRadius": "var(--larger-border-radius)"
161
161
  },
162
- "label": "@{value}"
162
+ "label": "<% DATA.value %>"
163
163
  },
164
164
  {
165
165
  "condition": {
@@ -175,7 +175,7 @@
175
175
  "color": "rgba(255, 255, 255, 1)",
176
176
  "borderRadius": "var(--larger-border-radius)"
177
177
  },
178
- "label": "@{value}"
178
+ "label": "<% DATA.value %>"
179
179
  },
180
180
  {
181
181
  "condition": {
@@ -191,7 +191,7 @@
191
191
  "color": "rgba(255, 255, 255, 1)",
192
192
  "borderRadius": "var(--larger-border-radius)"
193
193
  },
194
- "label": "@{value}"
194
+ "label": "<% DATA.value %>"
195
195
  }
196
196
  ]
197
197
  }
@@ -201,7 +201,7 @@
201
201
  "useBrick": {
202
202
  "brick": "div",
203
203
  "transform": {
204
- "textContent": "@{a}"
204
+ "textContent": "<% DATA.a %>"
205
205
  }
206
206
  }
207
207
  }
@@ -240,48 +240,56 @@
240
240
  "type": "ItemData",
241
241
  "required": "true",
242
242
  "default": "-",
243
- "description": "列表数据"
243
+ "description": "列表数据",
244
+ "group": "basic"
244
245
  },
245
246
  {
246
247
  "name": "titleBrick",
247
- "type": "{useBrick:[UseBrickConf](http://docs.developers.easyops.cn/docs/api-reference/brick-types.usebrickconf)}",
248
+ "type": "{useBrick:UseBrickConf}",
248
249
  "required": "true",
249
250
  "default": "-",
250
- "description": "列表项标题位置"
251
+ "description": "列表项标题位置,相关类型[UseBrickConf](/next-docs/docs/api-reference/brick-types.usebrickconf)",
252
+ "group": "basic"
251
253
  },
252
254
  {
253
255
  "name": "suffixBrick",
254
- "type": "{useBrick:[UseBrickConf](http://docs.developers.easyops.cn/docs/api-reference/brick-types.usebrickconf)}",
256
+ "type": "{useBrick:UseBrickConf}",
255
257
  "required": "false",
256
258
  "default": "-",
257
- "description": "列表项 extra 位置(右边)"
259
+ "description": "列表项 extra 位置(右边),相关类型[UseBrickConf](/next-docs/docs/api-reference/brick-types.usebrickconf)",
260
+ "group": "basic"
258
261
  },
259
262
  {
260
263
  "name": "showCard",
261
264
  "type": "boolean",
262
265
  "required": "false",
263
266
  "default": "false",
264
- "description": "是否展示 card"
267
+ "description": "是否展示 card",
268
+ "group": "ui"
265
269
  },
266
270
  {
267
271
  "name": "defaultActiveIndex",
268
272
  "type": "number",
269
273
  "required": "false",
270
274
  "default": "-",
271
- "description": "默认选中项"
275
+ "description": "默认选中项",
276
+ "group": "basic"
272
277
  },
273
278
  {
274
- "name": "selectable",
279
+ "name": "notTriggerClickEventWhenInit",
275
280
  "type": "boolean",
276
- "required": true,
277
- "default": "true"
281
+ "required": "false",
282
+ "default": "false",
283
+ "description": "设置`defaultActiveIndex`时,构件初始化时会默认触发item.click事件,如果item.click后需要刷新页面,则会造成构件不断render,页面不断重刷,为避免此情况,可将此项设为true",
284
+ "group": "basic"
278
285
  },
279
286
  {
280
- "name": "notTriggerClickEventWhenInit",
287
+ "name": "selectable",
281
288
  "type": "boolean",
282
289
  "required": "false",
283
- "default": "false",
284
- "description": "设置`defaultActiveIndex`时,构件初始化时会默认触发item.click事件,如果item.click后需要刷新页面,则会造成构件不断render,页面不断重刷,为避免此情况,可将此项设为true"
290
+ "default": "true",
291
+ "description": "选项是否可选",
292
+ "group": "basic"
285
293
  }
286
294
  ],
287
295
  "interface": []
@@ -289,12 +297,12 @@
289
297
  },
290
298
  {
291
299
  "storyId": "basic-bricks.easy-view",
292
- "category": "layout",
300
+ "category": "container-layout",
293
301
  "type": "brick",
294
302
  "author": "steve",
295
303
  "text": {
296
- "en": "Easy View",
297
- "zh": "简易网格布局"
304
+ "en": "Grid Layout Container - Supports Grid Area",
305
+ "zh": "网格布局容器-支持grid-area"
298
306
  },
299
307
  "description": {
300
308
  "en": "A grid layout container, which can generate slots by grid-area automatically",
@@ -493,14 +501,14 @@
493
501
  "type": "CSSProperties",
494
502
  "required": true,
495
503
  "description": "定义网格容器的样式",
496
- "group": "ui"
504
+ "group": "basic"
497
505
  },
498
506
  {
499
507
  "name": "styleByAreas",
500
508
  "type": "Record<string, CSSProperties>",
501
509
  "required": true,
502
510
  "description": "定义网格内各区域的样式",
503
- "group": "ui"
511
+ "group": "basic"
504
512
  }
505
513
  ],
506
514
  "interface": []
@@ -528,137 +536,44 @@
528
536
  "brick": "div",
529
537
  "slots": {
530
538
  "": {
531
- "type": "bricks",
532
539
  "bricks": [
533
540
  {
534
- "brick": "providers-of-cmdb.instance-api-get-detail",
535
- "bg": true
536
- },
537
- {
541
+ "bg": true,
538
542
  "brick": "basic-bricks.export-json-file",
539
- "properties": {
540
- "id": "export-dashboard"
541
- },
542
- "lifeCycle": {
543
- "useResolves": [
544
- {
545
- "provider": "providers-of-cmdb\\.instance-api-get-detail",
546
- "args": [
547
- "HOST",
548
- "5c6f6cf0d8079",
549
- {
550
- "fields": "hostname,ip"
551
- }
552
- ],
553
- "transform": {
554
- "data": "<% DATA %>",
555
- "fileName": "<% DATA.hostname + '.json' %>"
556
- }
557
- }
558
- ]
559
- },
560
543
  "events": {
561
- "json-file.export.success": {
544
+ "json-file.export.failed": {
562
545
  "action": "console.log"
563
546
  },
564
- "json-file.export.failed": {
547
+ "json-file.export.success": {
565
548
  "action": "console.log"
566
549
  }
567
550
  },
568
- "bg": true
569
- },
570
- {
571
- "brick": "basic-bricks.general-button",
572
551
  "properties": {
573
- "buttonName": "导出",
574
- "buttonIcon": {
575
- "lib": "antd",
576
- "icon": "export"
577
- }
578
- },
579
- "events": {
580
- "general.button.click": [
581
- {
582
- "target": "#export-dashboard",
583
- "method": "export"
584
- }
585
- ]
552
+ "id": "export-dashboard",
553
+ "data": "export content",
554
+ "fileName": "test.json"
586
555
  }
587
- }
588
- ]
589
- }
590
- }
591
- },
592
- {
593
- "brick": "div",
594
- "slots": {
595
- "": {
596
- "type": "bricks",
597
- "bricks": [
598
- {
599
- "brick": "providers-of-cmdb.instance-api-get-detail",
600
- "bg": true
601
- },
602
- {
603
- "brick": "basic-bricks.export-json-file",
604
- "properties": {
605
- "id": "export-dashboard"
606
- },
607
- "events": {
608
- "json-file.export.success": {
609
- "action": "console.log"
610
- },
611
- "json-file.export.failed": {
612
- "action": "console.log"
613
- }
614
- },
615
- "bg": true
616
556
  },
617
557
  {
618
558
  "brick": "basic-bricks.general-button",
619
- "properties": {
620
- "buttonName": "导出",
621
- "buttonIcon": {
622
- "lib": "antd",
623
- "icon": "export"
624
- }
625
- },
626
559
  "events": {
627
560
  "general.button.click": [
628
561
  {
629
- "target": "#export-dashboard",
630
562
  "method": "export",
631
- "args": [
632
- {
633
- "detail": {
634
- "data": "<% EVENT.target.data %>",
635
- "fileName": "<% EVENT.target.data.hostname + '.json' %>"
636
- }
637
- }
638
- ]
563
+ "target": "#export-dashboard"
639
564
  }
640
565
  ]
641
566
  },
642
- "lifeCycle": {
643
- "useResolves": [
644
- {
645
- "provider": "providers-of-cmdb\\.instance-api-get-detail",
646
- "args": [
647
- "HOST",
648
- "5c6f6cf0d8079",
649
- {
650
- "fields": "hostname,ip"
651
- }
652
- ],
653
- "transform": {
654
- "data": "<% DATA %>",
655
- "fileName": "<% DATA.hostname + '.json' %>"
656
- }
657
- }
658
- ]
567
+ "properties": {
568
+ "buttonIcon": {
569
+ "icon": "export",
570
+ "lib": "antd"
571
+ },
572
+ "buttonName": "导出"
659
573
  }
660
574
  }
661
- ]
575
+ ],
576
+ "type": "bricks"
662
577
  }
663
578
  }
664
579
  }
@@ -683,14 +598,16 @@
683
598
  "type": "string",
684
599
  "required": "false",
685
600
  "default": "-",
686
- "description": "导出的文件名"
601
+ "description": "导出的文件名",
602
+ "group": "basic"
687
603
  },
688
604
  {
689
605
  "name": "data",
690
606
  "type": "object | string",
691
607
  "required": "-",
692
608
  "default": "-",
693
- "description": "导出的文件数据"
609
+ "description": "导出的文件数据",
610
+ "group": "basic"
694
611
  }
695
612
  ],
696
613
  "events": [
@@ -781,12 +698,12 @@
781
698
  },
782
699
  {
783
700
  "storyId": "basic-bricks.fold-brick-v2",
784
- "category": "description",
701
+ "category": "container-display",
785
702
  "type": "brick",
786
703
  "author": "momo",
787
704
  "text": {
788
- "en": "fold brick",
789
- "zh": "折叠容器V2"
705
+ "en": "More Information Folding Containers",
706
+ "zh": "更多信息折叠容器"
790
707
  },
791
708
  "description": {
792
709
  "en": "",
@@ -975,7 +892,7 @@
975
892
  },
976
893
  {
977
894
  "storyId": "basic-bricks.general-button",
978
- "category": "other",
895
+ "category": "interact-baisc",
979
896
  "type": "brick",
980
897
  "author": "jo",
981
898
  "text": {
@@ -1335,7 +1252,7 @@
1335
1252
  },
1336
1253
  {
1337
1254
  "storyId": "basic-bricks.general-card",
1338
- "category": "card",
1255
+ "category": "container-display",
1339
1256
  "type": "brick",
1340
1257
  "author": "lynette",
1341
1258
  "text": {
@@ -1897,7 +1814,7 @@
1897
1814
  },
1898
1815
  {
1899
1816
  "storyId": "basic-bricks.general-custom-buttons",
1900
- "category": "other",
1817
+ "category": "interact-baisc",
1901
1818
  "type": "brick",
1902
1819
  "author": "ice",
1903
1820
  "text": {
@@ -3119,12 +3036,12 @@
3119
3036
  },
3120
3037
  {
3121
3038
  "storyId": "basic-bricks.general-drawer",
3122
- "category": "layout",
3039
+ "category": "container-display",
3123
3040
  "type": "brick",
3124
3041
  "author": "ice",
3125
3042
  "text": {
3126
3043
  "en": "General Drawer",
3127
- "zh": "抽屉容器"
3044
+ "zh": "Drawer抽屉"
3128
3045
  },
3129
3046
  "description": {
3130
3047
  "en": "provide slot to hold other custom elements",
@@ -3589,7 +3506,7 @@
3589
3506
  },
3590
3507
  {
3591
3508
  "storyId": "basic-bricks.general-hotkeys",
3592
- "category": "other",
3509
+ "category": "interact-baisc",
3593
3510
  "type": "brick",
3594
3511
  "author": "lynette",
3595
3512
  "text": {
@@ -3646,20 +3563,22 @@
3646
3563
  "change": "新增构件 `basic-bricks.general-hotkeys`"
3647
3564
  }
3648
3565
  ],
3649
- "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",
3566
+ "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",
3650
3567
  "properties": [
3651
3568
  {
3652
3569
  "name": "hotkeysConfig",
3653
3570
  "type": "{key: string,eventName: string}[]",
3654
3571
  "required": "false",
3655
3572
  "default": "-",
3656
- "description": "快捷键配置,支持的 keys 列表如下"
3573
+ "description": "快捷键配置,支持的 keys 列表如下",
3574
+ "group": "basic"
3657
3575
  },
3658
3576
  {
3659
3577
  "name": "disabled",
3660
3578
  "type": "boolean",
3661
3579
  "required": "false",
3662
3580
  "default": "false",
3581
+ "group": "basic",
3663
3582
  "description": "是否禁用"
3664
3583
  }
3665
3584
  ],
@@ -3668,7 +3587,7 @@
3668
3587
  },
3669
3588
  {
3670
3589
  "storyId": "basic-bricks.general-modal",
3671
- "category": "layout",
3590
+ "category": "container-display",
3672
3591
  "type": "brick",
3673
3592
  "author": "ice",
3674
3593
  "text": {
@@ -4276,8 +4195,8 @@
4276
4195
  "type": "brick",
4277
4196
  "author": "Alex",
4278
4197
  "text": {
4279
- "en": "general notification",
4280
- "zh": "普通 notification"
4198
+ "en": "Notification Reminder Box",
4199
+ "zh": "Notification通知提醒框"
4281
4200
  },
4282
4201
  "description": {
4283
4202
  "en": "general notification",
@@ -4370,21 +4289,24 @@
4370
4289
  "type": "string",
4371
4290
  "required": "true",
4372
4291
  "default": "-",
4373
- "description": "通知提醒标题,必选"
4292
+ "description": "通知提醒标题,必选",
4293
+ "group": "basic"
4374
4294
  },
4375
4295
  {
4376
4296
  "name": "description",
4377
4297
  "type": "string",
4378
4298
  "required": "true",
4379
4299
  "default": "-",
4380
- "description": "通知提醒内容,必选"
4300
+ "description": "通知提醒内容,必选",
4301
+ "group": "basic"
4381
4302
  },
4382
4303
  {
4383
4304
  "name": "icon",
4384
4305
  "type": "string",
4385
4306
  "required": "false",
4386
4307
  "default": "-",
4387
- "description": "icon,具体查阅:[react icon](https://3x.ant.design/components/icon-cn/)"
4308
+ "description": "icon,具体查阅:[react icon](https://3x.ant.design/components/icon-cn/)",
4309
+ "group": "basic"
4388
4310
  },
4389
4311
  {
4390
4312
  "name": "placement",
@@ -4392,7 +4314,7 @@
4392
4314
  "required": "false",
4393
4315
  "default": "topRight",
4394
4316
  "description": "弹出位置,可选",
4395
- "group": "advanced"
4317
+ "group": "ui"
4396
4318
  },
4397
4319
  {
4398
4320
  "name": "duration",
@@ -4400,7 +4322,7 @@
4400
4322
  "required": "false",
4401
4323
  "default": "4.5",
4402
4324
  "description": "默认 4.5 秒后自动关闭,配置为 null 则不自动关闭",
4403
- "group": "advanced"
4325
+ "group": "basic"
4404
4326
  },
4405
4327
  {
4406
4328
  "name": "iconStyle",
@@ -4408,13 +4330,13 @@
4408
4330
  "required": "false",
4409
4331
  "default": "-",
4410
4332
  "description": "icon css 样式",
4411
- "group": "advanced"
4333
+ "group": "ui"
4412
4334
  }
4413
4335
  ],
4414
4336
  "methods": [
4415
4337
  {
4416
4338
  "name": "open",
4417
- "params": "`success`| `error`| `info`| `warning`| `warn` |`open`",
4339
+ "params": "`success` | `error` | `info` | `warning` | `warn` | `open`",
4418
4340
  "description": "显示通知栏,默认为`open`"
4419
4341
  }
4420
4342
  ],
@@ -4423,7 +4345,7 @@
4423
4345
  },
4424
4346
  {
4425
4347
  "storyId": "basic-bricks.general-timer",
4426
- "category": "other",
4348
+ "category": "interact-baisc",
4427
4349
  "type": "brick",
4428
4350
  "author": "cyril",
4429
4351
  "text": {
@@ -4484,21 +4406,24 @@
4484
4406
  "type": "string",
4485
4407
  "required": "false",
4486
4408
  "default": "general-timer.timing-event",
4487
- "description": "定时抛出的事件"
4409
+ "description": "定时抛出的事件",
4410
+ "group": "basic"
4488
4411
  },
4489
4412
  {
4490
4413
  "name": "interval",
4491
4414
  "type": "number",
4492
4415
  "required": "false",
4493
4416
  "default": "60000",
4494
- "description": "定时间隔(单位:ms)"
4417
+ "description": "定时间隔(单位:ms)",
4418
+ "group": "basic"
4495
4419
  },
4496
4420
  {
4497
4421
  "name": "dataSource",
4498
4422
  "type": "any",
4499
4423
  "required": "false",
4500
4424
  "default": "-",
4501
- "description": "抛出事件的数据"
4425
+ "description": "抛出事件的数据",
4426
+ "group": "basic"
4502
4427
  }
4503
4428
  ],
4504
4429
  "methods": [
@@ -4516,7 +4441,7 @@
4516
4441
  },
4517
4442
  {
4518
4443
  "storyId": "basic-bricks.grid-layout",
4519
- "category": "layout",
4444
+ "category": "container-layout",
4520
4445
  "type": "brick",
4521
4446
  "author": "steve",
4522
4447
  "text": {
@@ -4747,9 +4672,10 @@
4747
4672
  },
4748
4673
  {
4749
4674
  "storyId": "basic-bricks.home-redirect",
4750
- "category": "other",
4675
+ "category": "interact-baisc",
4751
4676
  "type": "brick",
4752
4677
  "author": "steve",
4678
+ "deprecated": true,
4753
4679
  "text": {
4754
4680
  "en": "redirection to app home",
4755
4681
  "zh": "重定向到指定应用的首页"
@@ -4884,7 +4810,7 @@
4884
4810
  },
4885
4811
  {
4886
4812
  "storyId": "basic-bricks.list-container",
4887
- "category": "layout",
4813
+ "category": "container-layout",
4888
4814
  "type": "brick",
4889
4815
  "author": "steve",
4890
4816
  "text": {
@@ -5005,6 +4931,7 @@
5005
4931
  "category": "other",
5006
4932
  "type": "brick",
5007
4933
  "author": "lynette",
4934
+ "deprecated": true,
5008
4935
  "text": {
5009
4936
  "en": "Magic Brick",
5010
4937
  "zh": "魔法构件"
@@ -5539,16 +5466,17 @@
5539
5466
  },
5540
5467
  {
5541
5468
  "storyId": "basic-bricks.multiple-columns-card",
5542
- "category": "layout",
5469
+ "category": "container-layout",
5543
5470
  "type": "brick",
5544
5471
  "author": "jo",
5472
+ "deprecated": true,
5545
5473
  "text": {
5546
- "en": "Multiple Columns Card",
5547
- "zh": "多列布局卡片"
5474
+ "en": "Multi Column Layout Container with Border",
5475
+ "zh": "带边框多列布局容器"
5548
5476
  },
5549
5477
  "description": {
5550
5478
  "en": "support multiple columns card",
5551
- "zh": "支持多列布局的容器"
5479
+ "zh": "支持多列布局的容器,推荐使用 `basic-bricks.easy-view`"
5552
5480
  },
5553
5481
  "icon": {
5554
5482
  "lib": "fa",
@@ -5791,7 +5719,7 @@
5791
5719
  },
5792
5720
  {
5793
5721
  "storyId": "basic-bricks.page-title",
5794
- "category": "navigation",
5722
+ "category": "text",
5795
5723
  "type": "brick",
5796
5724
  "author": "steve",
5797
5725
  "text": {
@@ -5854,7 +5782,7 @@
5854
5782
  },
5855
5783
  {
5856
5784
  "storyId": "basic-bricks.popover-container",
5857
- "category": "layout",
5785
+ "category": "container-display",
5858
5786
  "type": "brick",
5859
5787
  "author": "lynette",
5860
5788
  "text": {
@@ -6721,6 +6649,7 @@
6721
6649
  "category": "navigation",
6722
6650
  "type": "brick",
6723
6651
  "author": "lynette",
6652
+ "deprecated": true,
6724
6653
  "text": {
6725
6654
  "en": "sub-menu",
6726
6655
  "zh": "二级子菜单"
@@ -6976,120 +6905,120 @@
6976
6905
  "defaultOpenKeys": [
6977
6906
  "diy"
6978
6907
  ],
6979
- "selectable": true,
6980
- "multiple": false,
6981
6908
  "defaultSelectedKeys": [
6982
6909
  "C++"
6983
6910
  ],
6984
6911
  "menuItems": [
6985
6912
  {
6986
- "type": "item",
6987
- "title": "全部",
6988
- "key": "All",
6989
6913
  "count": 100,
6990
6914
  "icon": {
6991
- "lib": "fa",
6992
- "icon": "cube"
6993
- }
6915
+ "icon": "cube",
6916
+ "lib": "fa"
6917
+ },
6918
+ "key": "All",
6919
+ "title": "全部",
6920
+ "type": "item"
6994
6921
  },
6995
6922
  {
6996
- "type": "group",
6997
- "title": "内置模板",
6998
- "key": "built-in-template",
6999
6923
  "items": [
7000
6924
  {
7001
- "title": "Java",
7002
- "key": "Java",
7003
6925
  "count": 60,
7004
6926
  "icon": {
7005
- "lib": "fa",
7006
- "icon": "cube"
7007
- }
6927
+ "icon": "cube",
6928
+ "lib": "fa"
6929
+ },
6930
+ "key": "Java",
6931
+ "title": "Java"
7008
6932
  },
7009
6933
  {
7010
- "title": "Go",
7011
- "key": "Go",
7012
6934
  "count": 10,
7013
6935
  "icon": {
7014
- "lib": "fa",
7015
- "icon": "cube"
7016
- }
6936
+ "icon": "cube",
6937
+ "lib": "fa"
6938
+ },
6939
+ "key": "Go",
6940
+ "title": "Go"
7017
6941
  },
7018
6942
  {
7019
- "title": "Cc",
7020
- "key": "cc",
7021
6943
  "count": 10,
7022
6944
  "icon": {
7023
- "lib": "fa",
7024
- "icon": "cube"
7025
- }
6945
+ "icon": "cube",
6946
+ "lib": "fa"
6947
+ },
6948
+ "key": "cc",
6949
+ "title": "Cc"
7026
6950
  },
7027
6951
  {
7028
- "title": "Python",
7029
- "key": "Python",
7030
6952
  "count": 10,
7031
6953
  "icon": {
7032
- "lib": "fa",
7033
- "icon": "cube"
7034
- }
6954
+ "icon": "cube",
6955
+ "lib": "fa"
6956
+ },
6957
+ "key": "Python",
6958
+ "title": "Python"
7035
6959
  }
7036
- ]
6960
+ ],
6961
+ "key": "built-in-template",
6962
+ "title": "内置模板",
6963
+ "type": "group"
7037
6964
  },
7038
6965
  {
7039
- "type": "group",
7040
- "title": "自定义模板",
7041
- "key": "customTemplate",
7042
6966
  "items": [
7043
6967
  {
7044
- "type": "subMenu",
7045
- "title": "标准模板",
7046
- "key": "standard",
7047
6968
  "icon": {
7048
- "lib": "easyops",
7049
6969
  "category": "model",
7050
- "icon": "app"
6970
+ "icon": "app",
6971
+ "lib": "easyops"
7051
6972
  },
7052
6973
  "items": [
7053
6974
  {
7054
- "title": "C++",
6975
+ "count": 5,
7055
6976
  "key": "C++",
7056
- "count": 5
6977
+ "title": "C++"
7057
6978
  },
7058
6979
  {
7059
- "title": "C",
6980
+ "count": 5,
7060
6981
  "key": "C",
7061
- "count": 5
6982
+ "title": "C"
7062
6983
  }
7063
- ]
6984
+ ],
6985
+ "key": "standard",
6986
+ "title": "标准模板",
6987
+ "type": "subMenu"
7064
6988
  },
7065
6989
  {
7066
- "type": "subMenu",
7067
- "title": "个性化模板c",
7068
- "key": "diy",
7069
6990
  "icon": {
7070
- "lib": "fa",
7071
- "icon": "cube"
6991
+ "icon": "cube",
6992
+ "lib": "fa"
7072
6993
  },
7073
6994
  "items": [
7074
6995
  {
7075
- "title": "易语言",
7076
- "key": "iyuyan",
7077
6996
  "count": 10,
7078
6997
  "icon": {
7079
- "lib": "fa",
7080
- "icon": "cube"
7081
- }
6998
+ "icon": "cube",
6999
+ "lib": "fa"
7000
+ },
7001
+ "key": "iyuyan",
7002
+ "title": "易语言"
7082
7003
  }
7083
- ]
7004
+ ],
7005
+ "key": "diy",
7006
+ "title": "个性化模板c",
7007
+ "type": "subMenu"
7084
7008
  }
7085
- ]
7009
+ ],
7010
+ "key": "customTemplate",
7011
+ "title": "自定义模板",
7012
+ "type": "group"
7086
7013
  }
7087
7014
  ],
7015
+ "multiple": false,
7016
+ "selectable": true,
7088
7017
  "suffixBrick": {
7089
7018
  "useBrick": {
7090
7019
  "brick": "presentational-bricks.brick-conditional-display",
7091
- "transform": {
7092
- "dataSource": "@{count}",
7020
+ "properties": {
7021
+ "dataSource": "<% DATA.count %>",
7093
7022
  "rules": [
7094
7023
  {
7095
7024
  "condition": {
@@ -7098,38 +7027,35 @@
7098
7027
  "style": {
7099
7028
  "backgroundColor": "var(--theme-red-color)",
7100
7029
  "color": "rgba(255, 255, 255, 1)"
7101
- },
7102
- "label": "@{value}"
7030
+ }
7103
7031
  },
7104
7032
  {
7105
7033
  "condition": {
7106
7034
  "$and": [
7107
7035
  {
7108
- "$lte": 85,
7109
- "$gt": 60
7036
+ "$gt": 60,
7037
+ "$lte": 85
7110
7038
  }
7111
7039
  ]
7112
7040
  },
7113
7041
  "style": {
7114
7042
  "backgroundColor": "var(--theme-orange-color)",
7115
7043
  "color": "rgba(255, 255, 255, 1)"
7116
- },
7117
- "label": "@{value}"
7044
+ }
7118
7045
  },
7119
7046
  {
7120
7047
  "condition": {
7121
7048
  "$and": [
7122
7049
  {
7123
- "$lte": 100,
7124
- "$gt": 85
7050
+ "$gt": 85,
7051
+ "$lte": 100
7125
7052
  }
7126
7053
  ]
7127
7054
  },
7128
7055
  "style": {
7129
7056
  "backgroundColor": "var(--theme-green-color)",
7130
7057
  "color": "rgba(255, 255, 255, 1)"
7131
- },
7132
- "label": "@{value}"
7058
+ }
7133
7059
  }
7134
7060
  ]
7135
7061
  }
@@ -7155,63 +7081,71 @@
7155
7081
  "change": "新增构件 `basic-bricks.sub-menu-filter`"
7156
7082
  }
7157
7083
  ],
7158
- "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```",
7084
+ "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```",
7159
7085
  "properties": [
7160
7086
  {
7161
7087
  "name": "menuItems",
7162
7088
  "type": "SubMenuFilterItem[]",
7163
7089
  "required": "-",
7164
7090
  "default": "-",
7165
- "description": "菜单项"
7091
+ "description": "菜单项",
7092
+ "group": "basic"
7166
7093
  },
7167
7094
  {
7168
7095
  "name": "suffixBrick",
7169
- "type": "{useBrick:[UseBrickConf](http://docs.developers.easyops.cn/docs/api-reference/brick-types.usebrickconf)}",
7096
+ "type": "{useBrick:UseBrickConf}",
7170
7097
  "required": "false",
7171
7098
  "default": "-",
7172
- "description": "列表项 extra 位置(右边)"
7099
+ "description": "列表项 extra 位置(右边),相关文档[UseBrickConf](/next-docs/docs/api-reference/brick-types.usebrickconf)",
7100
+ "group": "other"
7173
7101
  },
7174
7102
  {
7175
7103
  "name": "unsearchable",
7176
7104
  "type": "boolean",
7177
7105
  "required": "false",
7178
7106
  "default": "false",
7179
- "description": "是否展示搜索框"
7107
+ "description": "是否展示搜索框",
7108
+ "group": "basic"
7180
7109
  },
7181
7110
  {
7182
7111
  "name": "placeholder",
7183
7112
  "type": "string",
7184
7113
  "required": "false",
7185
7114
  "default": "-",
7186
- "description": "搜索框 placeholder"
7115
+ "description": "搜索框 placeholder",
7116
+ "group": "basic"
7187
7117
  },
7188
7118
  {
7189
7119
  "name": "defaultSelectedKeys",
7190
7120
  "type": "string[]",
7191
7121
  "required": "false",
7192
7122
  "default": "-",
7193
- "description": "初始选中的菜单项 key 数组"
7123
+ "description": "初始选中的菜单项 key 数组",
7124
+ "group": "basic"
7194
7125
  },
7195
7126
  {
7196
7127
  "name": "defaultOpenKeys",
7197
7128
  "type": "string[]",
7198
7129
  "required": "false",
7199
7130
  "default": "-",
7200
- "description": "初始展开的 SubMenu 菜单项 key 数组"
7131
+ "description": "初始展开的 SubMenu 菜单项 key 数组",
7132
+ "group": "basic"
7201
7133
  },
7202
7134
  {
7203
7135
  "name": "selectable",
7204
7136
  "type": "boolean",
7205
7137
  "required": "false",
7206
7138
  "default": "true",
7207
- "description": "是否允许选中"
7139
+ "description": "是否允许选中",
7140
+ "group": "basic"
7208
7141
  },
7209
7142
  {
7210
7143
  "name": "multiple",
7211
7144
  "type": "boolean",
7212
7145
  "required": "false",
7213
7146
  "default": "false",
7214
- "description": "是否多选"
7147
+ "description": "是否多选",
7148
+ "group": "basic"
7215
7149
  },
7216
7150
  {
7217
7151
  "name": "inlineIndent",
@@ -7219,21 +7153,23 @@
7219
7153
  "required": "false",
7220
7154
  "default": "24",
7221
7155
  "description": "菜单缩进宽度",
7222
- "group": "advanced"
7156
+ "group": "ui"
7223
7157
  },
7224
7158
  {
7225
7159
  "name": "transparentBackground",
7226
7160
  "type": "boolean",
7227
7161
  "required": "false",
7228
7162
  "default": "false",
7229
- "description": "是否采用透明背景样式"
7163
+ "description": "是否采用透明背景样式",
7164
+ "group": "ui"
7230
7165
  },
7231
7166
  {
7232
7167
  "name": "accordion",
7233
7168
  "type": "boolean",
7234
7169
  "required": "false",
7235
7170
  "default": "false",
7236
- "description": "手风琴模式"
7171
+ "description": "手风琴模式",
7172
+ "group": "basic"
7237
7173
  }
7238
7174
  ],
7239
7175
  "events": [
@@ -7253,7 +7189,7 @@
7253
7189
  },
7254
7190
  {
7255
7191
  "storyId": "basic-bricks.transform-agent",
7256
- "category": "data-convert",
7192
+ "category": "other",
7257
7193
  "type": "brick",
7258
7194
  "author": "steve",
7259
7195
  "text": {
@@ -7485,7 +7421,7 @@
7485
7421
  },
7486
7422
  {
7487
7423
  "storyId": "basic-bricks.general-anchor",
7488
- "category": "description",
7424
+ "category": "interact-baisc",
7489
7425
  "type": "brick",
7490
7426
  "author": "astrid",
7491
7427
  "text": {
@@ -7579,21 +7515,24 @@
7579
7515
  "type": "`AnchorListType[]`",
7580
7516
  "required": "true",
7581
7517
  "default": "-",
7582
- "description": "锚点链接的list,会根据list的结构渲染出对应的锚点排布,"
7518
+ "description": "锚点链接的list,会根据list的结构渲染出对应的锚点排布",
7519
+ "group": "basic"
7583
7520
  },
7584
7521
  {
7585
7522
  "name": "configProps",
7586
7523
  "type": "`AnchorProps`",
7587
7524
  "required": "false",
7588
7525
  "default": "-",
7589
- "description": "锚点的具体参数,这里offsetTop设置了默认为`56`,其他参数可参考antd https://ant.design/docs/react/use-in-typescript-cn#Anchor-Props"
7526
+ "description": "锚点的具体参数,这里offsetTop设置了默认为`56`,其他参数可参考[antd](https://ant.design/docs/react/use-in-typescript-cn#Anchor-Props)",
7527
+ "group": "basic"
7590
7528
  },
7591
7529
  {
7592
7530
  "name": "type",
7593
7531
  "type": "`\"default\" | \"radio\"`",
7594
7532
  "required": "false",
7595
- "default": "`default`",
7596
- "description": "锚点的类型 , `radio` 的类型不支持 `anchorList`属性有`children`,否则会样式有问题"
7533
+ "default": "default",
7534
+ "description": "锚点的类型 , `radio` 的类型不支持 `anchorList`属性有`children`,否则会样式有问题",
7535
+ "group": "basic"
7597
7536
  },
7598
7537
  {
7599
7538
  "name": "extraBrick",
@@ -7608,14 +7547,16 @@
7608
7547
  "type": "boolean",
7609
7548
  "required": "false",
7610
7549
  "default": "false",
7611
- "description": "禁用默认跳转事件"
7550
+ "description": "禁用默认跳转事件",
7551
+ "group": "basic"
7612
7552
  },
7613
7553
  {
7614
7554
  "name": "initOffset",
7615
7555
  "type": "number",
7616
7556
  "required": "false",
7617
7557
  "default": "",
7618
- "description": "页面初始化时希望额外向上滚动的距离,例如在target有较大padding但是希望内容显示在上方时可设置。"
7558
+ "description": "页面初始化时希望额外向上滚动的距离,例如在target有较大padding但是希望内容显示在上方时可设置。",
7559
+ "group": "ui"
7619
7560
  }
7620
7561
  ],
7621
7562
  "interface": [
@@ -7662,7 +7603,7 @@
7662
7603
  },
7663
7604
  {
7664
7605
  "storyId": "basic-bricks.general-title",
7665
- "category": "other",
7606
+ "category": "text",
7666
7607
  "type": "brick",
7667
7608
  "author": "astrid",
7668
7609
  "text": {
@@ -7760,7 +7701,7 @@
7760
7701
  "required": "false",
7761
7702
  "default": "",
7762
7703
  "description": "可以在描述前添加前缀",
7763
- "group": "advanced"
7704
+ "group": "other"
7764
7705
  },
7765
7706
  {
7766
7707
  "name": "titleSuffixBrick",
@@ -7768,7 +7709,7 @@
7768
7709
  "required": "false",
7769
7710
  "default": "",
7770
7711
  "description": "可以在标题后添加后缀",
7771
- "group": "advanced"
7712
+ "group": "other"
7772
7713
  },
7773
7714
  {
7774
7715
  "name": "descSuffixBrick",
@@ -7776,7 +7717,7 @@
7776
7717
  "required": "false",
7777
7718
  "default": "",
7778
7719
  "description": "可以在描述后面添加后缀",
7779
- "group": "advanced"
7720
+ "group": "other"
7780
7721
  },
7781
7722
  {
7782
7723
  "name": "dataSource",
@@ -7784,7 +7725,7 @@
7784
7725
  "required": "false",
7785
7726
  "default": "",
7786
7727
  "description": "数据源",
7787
- "group": "advanced"
7728
+ "group": "other"
7788
7729
  },
7789
7730
  {
7790
7731
  "name": "fields",
@@ -7792,7 +7733,7 @@
7792
7733
  "required": "false",
7793
7734
  "default": "",
7794
7735
  "description": "字段映射, 跟 dataSource 一起使用来获得运行时 mainTitle、 description",
7795
- "group": "advanced"
7736
+ "group": "other"
7796
7737
  }
7797
7738
  ],
7798
7739
  "interface": []
@@ -7800,12 +7741,12 @@
7800
7741
  },
7801
7742
  {
7802
7743
  "storyId": "basic-bricks.flex-layout",
7803
- "category": "layout",
7744
+ "category": "container-layout",
7804
7745
  "type": "brick",
7805
7746
  "author": "kehua",
7806
7747
  "text": {
7807
- "en": "Flex Layout",
7808
- "zh": "flex布局"
7748
+ "en": "Flex Layout Container",
7749
+ "zh": "Flex布局容器"
7809
7750
  },
7810
7751
  "description": {
7811
7752
  "en": "A Flex layout container",
@@ -7941,7 +7882,7 @@
7941
7882
  "author": "kehua",
7942
7883
  "history": [
7943
7884
  {
7944
- "version": "1.x.0",
7885
+ "version": "1.0.0",
7945
7886
  "change": " 新增构件 `basic-bricks.flex-layout`"
7946
7887
  }
7947
7888
  ],
@@ -7951,37 +7892,43 @@
7951
7892
  "name": "flexDirection",
7952
7893
  "type": "string",
7953
7894
  "required": false,
7954
- "description": "定义[flex-direction]:设置主轴方向"
7895
+ "description": "定义[flex-direction]:设置主轴方向",
7896
+ "group": "basic"
7955
7897
  },
7956
7898
  {
7957
7899
  "name": "justifyContent",
7958
7900
  "type": "string",
7959
7901
  "required": false,
7960
- "description": "定义[justify-content]:设置主轴上子元素的排列方式"
7902
+ "description": "定义[justify-content]:设置主轴上子元素的排列方式",
7903
+ "group": "basic"
7961
7904
  },
7962
7905
  {
7963
7906
  "name": "alignItems",
7964
7907
  "type": "string",
7965
7908
  "required": false,
7966
- "description": "定义[align-items]:设置侧轴上的子元素排列方式(单行)"
7909
+ "description": "定义[align-items]:设置侧轴上的子元素排列方式(单行)",
7910
+ "group": "basic"
7967
7911
  },
7968
7912
  {
7969
7913
  "name": "alignContent",
7970
7914
  "type": "string",
7971
7915
  "required": false,
7972
- "description": "定义[align-content]:设置侧轴上的子元素排列方式(多行)"
7916
+ "description": "定义[align-content]:设置侧轴上的子元素排列方式(多行)",
7917
+ "group": "basic"
7973
7918
  },
7974
7919
  {
7975
7920
  "name": "flexWrap",
7976
7921
  "type": "string",
7977
7922
  "required": false,
7978
- "description": "定义[flex-wrap]:设置换行方式"
7923
+ "description": "定义[flex-wrap]:设置换行方式",
7924
+ "group": "basic"
7979
7925
  },
7980
7926
  {
7981
7927
  "name": "gap",
7982
7928
  "type": "string",
7983
7929
  "required": false,
7984
- "description": "定义[gap]:设置元素间隙"
7930
+ "description": "定义[gap]:设置元素间隙",
7931
+ "group": "basic"
7985
7932
  }
7986
7933
  ],
7987
7934
  "interface": []