@next-bricks/basic-bricks 1.212.0 → 1.213.0

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
@@ -124,91 +124,100 @@
124
124
  },
125
125
  "conf": [
126
126
  {
127
- "brick": "basic-bricks.advanced-list-container",
128
- "properties": {
129
- "showCard": true,
130
- "data": {
131
- "list": [
132
- {
133
- "a": "部署主机",
134
- "value": 2
135
- },
136
- {
137
- "a": "上游应用",
138
- "value": 80
139
- },
140
- {
141
- "a": "下游游应用",
142
- "value": 90
143
- }
144
- ]
145
- },
146
- "suffixBrick": {
147
- "useBrick": {
148
- "brick": "presentational-bricks.brick-conditional-display",
149
- "transform": {
150
- "dataSource": "<% DATA.value %>",
151
- "rules": [
127
+ "bricks": [
128
+ {
129
+ "brick": "basic-bricks.advanced-list-container",
130
+ "properties": {
131
+ "showCard": true,
132
+ "data": {
133
+ "list": [
152
134
  {
153
- "condition": {
154
- "$lte": 60
155
- },
156
- "style": {
157
- "backgroundColor": "var(--color-error)",
158
- "color": "rgba(255, 255, 255, 1)",
159
- "borderRadius": "var(--larger-border-radius)"
160
- },
161
- "label": "<% DATA.value %>"
135
+ "a": "部署主机",
136
+ "value": 2
162
137
  },
163
138
  {
164
- "condition": {
165
- "$and": [
166
- {
167
- "$lte": 85,
168
- "$gt": 60
169
- }
170
- ]
171
- },
172
- "style": {
173
- "backgroundColor": "var(--color-warning)",
174
- "color": "rgba(255, 255, 255, 1)",
175
- "borderRadius": "var(--larger-border-radius)"
176
- },
177
- "label": "<% DATA.value %>"
139
+ "a": "上游应用",
140
+ "value": 80
178
141
  },
179
142
  {
180
- "condition": {
181
- "$and": [
182
- {
183
- "$lte": 100,
184
- "$gt": 85
185
- }
186
- ]
187
- },
188
- "style": {
189
- "backgroundColor": "var(--color-success)",
190
- "color": "rgba(255, 255, 255, 1)",
191
- "borderRadius": "var(--larger-border-radius)"
192
- },
193
- "label": "<% DATA.value %>"
143
+ "a": "下游游应用",
144
+ "value": 90
194
145
  }
195
146
  ]
147
+ },
148
+ "suffixBrick": {
149
+ "useBrick": {
150
+ "brick": "presentational-bricks.brick-conditional-display",
151
+ "transform": {
152
+ "dataSource": "<% DATA.value %>",
153
+ "rules": [
154
+ {
155
+ "condition": {
156
+ "$lte": 60
157
+ },
158
+ "style": {
159
+ "backgroundColor": "var(--color-error)",
160
+ "color": "rgba(255, 255, 255, 1)",
161
+ "borderRadius": "var(--larger-border-radius)"
162
+ },
163
+ "label": "<% DATA.value %>"
164
+ },
165
+ {
166
+ "condition": {
167
+ "$and": [
168
+ {
169
+ "$lte": 85,
170
+ "$gt": 60
171
+ }
172
+ ]
173
+ },
174
+ "style": {
175
+ "backgroundColor": "var(--color-warning)",
176
+ "color": "rgba(255, 255, 255, 1)",
177
+ "borderRadius": "var(--larger-border-radius)"
178
+ },
179
+ "label": "<% DATA.value %>"
180
+ },
181
+ {
182
+ "condition": {
183
+ "$and": [
184
+ {
185
+ "$lte": 100,
186
+ "$gt": 85
187
+ }
188
+ ]
189
+ },
190
+ "style": {
191
+ "backgroundColor": "var(--color-success)",
192
+ "color": "rgba(255, 255, 255, 1)",
193
+ "borderRadius": "var(--larger-border-radius)"
194
+ },
195
+ "label": "<% DATA.value %>"
196
+ }
197
+ ]
198
+ }
199
+ }
200
+ },
201
+ "titleBrick": {
202
+ "useBrick": {
203
+ "brick": "div",
204
+ "transform": {
205
+ "textContent": "<% DATA.a %>"
206
+ }
207
+ }
196
208
  }
197
- }
198
- },
199
- "titleBrick": {
200
- "useBrick": {
201
- "brick": "div",
202
- "transform": {
203
- "textContent": "<% DATA.a %>"
209
+ },
210
+ "events": {
211
+ "item.click": {
212
+ "action": "console.log"
204
213
  }
205
214
  }
206
215
  }
207
- },
208
- "events": {
209
- "item.click": {
210
- "action": "console.log"
211
- }
216
+ ],
217
+ "snippetId": "basic-bricks.advanced-list-container[basic]",
218
+ "title": {
219
+ "en": "Basic Advanced List Container",
220
+ "zh": "基础动态纵向列表容器"
212
221
  }
213
222
  }
214
223
  ],
@@ -310,169 +319,343 @@
310
319
  "icon": {
311
320
  "imgSrc": "bricks/basic-bricks/dist/stories-asserts/basic-bricks.easy-view.15ba2e385acf5e9a.svg"
312
321
  },
313
- "conf": {
314
- "brick": "basic-bricks.easy-view",
315
- "properties": {
316
- "gridTemplateAreas": [
317
- [
318
- "header",
319
- "header"
320
- ],
321
- [
322
- "sidebar",
323
- "content"
322
+ "conf": [
323
+ {
324
+ "brick": "basic-bricks.easy-view",
325
+ "properties": {
326
+ "gridTemplateAreas": [
327
+ [
328
+ "header",
329
+ "header"
330
+ ],
331
+ [
332
+ "sidebar",
333
+ "content"
334
+ ],
335
+ [
336
+ "footer",
337
+ "footer"
338
+ ]
324
339
  ],
325
- [
326
- "footer",
327
- "footer"
328
- ]
329
- ],
330
- "gridTemplateColumns": "200px 1fr",
331
- "containerStyle": {
332
- "gap": "var(--page-card-gap)"
333
- }
334
- },
335
- "slots": {
336
- "header": {
337
- "type": "bricks",
338
- "bricks": [
339
- {
340
- "brick": "div",
341
- "properties": {
342
- "textContent": "Header",
343
- "style": {
344
- "background": "green"
340
+ "gridTemplateColumns": "200px 1fr",
341
+ "containerStyle": {
342
+ "gap": "var(--page-card-gap)"
343
+ }
344
+ },
345
+ "slots": {
346
+ "header": {
347
+ "type": "bricks",
348
+ "bricks": [
349
+ {
350
+ "brick": "div",
351
+ "properties": {
352
+ "textContent": "Header",
353
+ "style": {
354
+ "background": "green"
355
+ }
345
356
  }
346
357
  }
347
- }
348
- ]
349
- },
350
- "sidebar": {
351
- "type": "bricks",
352
- "bricks": [
353
- {
354
- "brick": "div",
355
- "properties": {
356
- "textContent": "Sidebar",
357
- "style": {
358
- "background": "orange"
358
+ ]
359
+ },
360
+ "sidebar": {
361
+ "type": "bricks",
362
+ "bricks": [
363
+ {
364
+ "brick": "div",
365
+ "properties": {
366
+ "textContent": "Sidebar",
367
+ "style": {
368
+ "background": "orange"
369
+ }
359
370
  }
360
371
  }
361
- }
362
- ]
363
- },
364
- "content": {
365
- "type": "bricks",
366
- "bricks": [
367
- {
368
- "brick": "basic-bricks.easy-view",
369
- "properties": {
370
- "gridAreas": {
371
- "a": [
372
- 1,
373
- 1,
374
- 2,
375
- 13
376
- ],
377
- "b": [
378
- 2,
379
- 1,
380
- 3,
381
- 5
382
- ],
383
- "c": [
384
- 2,
385
- 5,
386
- 3,
387
- 13
388
- ]
372
+ ]
373
+ },
374
+ "content": {
375
+ "type": "bricks",
376
+ "bricks": [
377
+ {
378
+ "brick": "basic-bricks.easy-view",
379
+ "properties": {
380
+ "gridAreas": {
381
+ "a": [
382
+ 1,
383
+ 1,
384
+ 2,
385
+ 13
386
+ ],
387
+ "b": [
388
+ 2,
389
+ 1,
390
+ 3,
391
+ 5
392
+ ],
393
+ "c": [
394
+ 2,
395
+ 5,
396
+ 3,
397
+ 13
398
+ ]
399
+ },
400
+ "gridTemplateColumns": "repeat(12, 1fr)",
401
+ "containerStyle": {
402
+ "gap": "var(--card-content-gap)"
403
+ }
389
404
  },
390
- "gridTemplateColumns": "repeat(12, 1fr)",
391
- "containerStyle": {
392
- "gap": "var(--card-content-gap)"
393
- }
394
- },
395
- "slots": {
396
- "a": {
397
- "type": "bricks",
398
- "bricks": [
399
- {
400
- "brick": "div",
401
- "properties": {
402
- "textContent": "A",
403
- "style": {
404
- "background": "aquamarine"
405
+ "slots": {
406
+ "a": {
407
+ "type": "bricks",
408
+ "bricks": [
409
+ {
410
+ "brick": "div",
411
+ "properties": {
412
+ "textContent": "A",
413
+ "style": {
414
+ "background": "aquamarine"
415
+ }
405
416
  }
406
417
  }
407
- }
408
- ]
409
- },
410
- "b": {
411
- "type": "bricks",
412
- "bricks": [
413
- {
414
- "brick": "div",
415
- "properties": {
416
- "textContent": "B",
417
- "style": {
418
- "background": "aquamarine"
418
+ ]
419
+ },
420
+ "b": {
421
+ "type": "bricks",
422
+ "bricks": [
423
+ {
424
+ "brick": "div",
425
+ "properties": {
426
+ "textContent": "B",
427
+ "style": {
428
+ "background": "aquamarine"
429
+ }
419
430
  }
420
431
  }
421
- }
422
- ]
423
- },
424
- "c": {
425
- "type": "bricks",
426
- "bricks": [
427
- {
428
- "brick": "div",
429
- "properties": {
430
- "textContent": "C",
431
- "style": {
432
- "background": "aquamarine"
432
+ ]
433
+ },
434
+ "c": {
435
+ "type": "bricks",
436
+ "bricks": [
437
+ {
438
+ "brick": "div",
439
+ "properties": {
440
+ "textContent": "C",
441
+ "style": {
442
+ "background": "aquamarine"
443
+ }
433
444
  }
434
445
  }
435
- }
436
- ]
446
+ ]
447
+ }
437
448
  }
438
449
  }
439
- }
440
- ]
441
- },
442
- "footer": {
443
- "type": "bricks",
444
- "bricks": [
445
- {
446
- "brick": "div",
447
- "properties": {
448
- "textContent": "Footer",
449
- "style": {
450
- "background": "gray"
450
+ ]
451
+ },
452
+ "footer": {
453
+ "type": "bricks",
454
+ "bricks": [
455
+ {
456
+ "brick": "div",
457
+ "properties": {
458
+ "textContent": "Footer",
459
+ "style": {
460
+ "background": "gray"
461
+ }
451
462
  }
452
463
  }
453
- }
454
- ]
455
- }
456
- }
457
- },
458
- "doc": {
459
- "id": "basic-bricks.easy-view",
460
- "author": "steve",
461
- "description": "基于网格的简易布局容器,可以根据 grid-area 名称自动生成对应的插槽",
462
- "history": [
463
- {
464
- "version": "1.127.0",
465
- "change": " 新增构件 `basic-bricks.easy-view`"
464
+ ]
465
+ }
466
466
  }
467
- ],
468
- "dockind": "brick",
469
- "properties": [
470
- {
471
- "name": "gridAreas",
472
- "type": "Record<string, (string | number)[]>",
473
- "required": true,
474
- "description": "以键值对形式定义多个 [grid-area](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)",
475
- "group": "basic"
467
+ },
468
+ {
469
+ "bricks": [
470
+ {
471
+ "brick": "basic-bricks.easy-view",
472
+ "properties": {
473
+ "containerStyle": {
474
+ "gap": "var(--card-content-gap)"
475
+ },
476
+ "gridAreas": {
477
+ "a": [
478
+ 1,
479
+ 1,
480
+ 2,
481
+ 13
482
+ ],
483
+ "b": [
484
+ 2,
485
+ 1,
486
+ 3,
487
+ 5
488
+ ],
489
+ "c": [
490
+ 2,
491
+ 5,
492
+ 3,
493
+ 13
494
+ ]
495
+ },
496
+ "gridTemplateColumns": "repeat(12, 1fr)"
497
+ },
498
+ "slots": {
499
+ "a": {
500
+ "bricks": [
501
+ {
502
+ "brick": "div",
503
+ "properties": {
504
+ "style": {
505
+ "background": "aquamarine"
506
+ },
507
+ "textContent": "A"
508
+ }
509
+ }
510
+ ],
511
+ "type": "bricks"
512
+ },
513
+ "b": {
514
+ "bricks": [
515
+ {
516
+ "brick": "div",
517
+ "properties": {
518
+ "style": {
519
+ "background": "aquamarine"
520
+ },
521
+ "textContent": "B"
522
+ }
523
+ }
524
+ ],
525
+ "type": "bricks"
526
+ },
527
+ "c": {
528
+ "bricks": [
529
+ {
530
+ "brick": "div",
531
+ "properties": {
532
+ "style": {
533
+ "background": "aquamarine"
534
+ },
535
+ "textContent": "C"
536
+ }
537
+ }
538
+ ],
539
+ "type": "bricks"
540
+ }
541
+ }
542
+ }
543
+ ],
544
+ "snippetId": "basic-bricks.easy-view[grid-areas]",
545
+ "title": {
546
+ "en": "Easy View Dividing By Grid Areas",
547
+ "zh": "由gridAreas划分区域的easy-view"
548
+ }
549
+ },
550
+ {
551
+ "bricks": [
552
+ {
553
+ "brick": "basic-bricks.easy-view",
554
+ "properties": {
555
+ "containerStyle": {
556
+ "gap": "var(--page-card-gap)"
557
+ },
558
+ "gridTemplateAreas": [
559
+ [
560
+ "header",
561
+ "header"
562
+ ],
563
+ [
564
+ "sidebar",
565
+ "content"
566
+ ],
567
+ [
568
+ "footer",
569
+ "footer"
570
+ ]
571
+ ],
572
+ "gridTemplateColumns": "200px 1fr"
573
+ },
574
+ "slots": {
575
+ "content": {
576
+ "bricks": [
577
+ {
578
+ "brick": "div",
579
+ "properties": {
580
+ "style": {
581
+ "background": "aquamarine"
582
+ },
583
+ "textContent": "Content"
584
+ }
585
+ }
586
+ ],
587
+ "type": "bricks"
588
+ },
589
+ "footer": {
590
+ "bricks": [
591
+ {
592
+ "brick": "div",
593
+ "properties": {
594
+ "style": {
595
+ "background": "gray"
596
+ },
597
+ "textContent": "Footer"
598
+ }
599
+ }
600
+ ],
601
+ "type": "bricks"
602
+ },
603
+ "header": {
604
+ "bricks": [
605
+ {
606
+ "brick": "div",
607
+ "properties": {
608
+ "style": {
609
+ "background": "green"
610
+ },
611
+ "textContent": "Header"
612
+ }
613
+ }
614
+ ],
615
+ "type": "bricks"
616
+ },
617
+ "sidebar": {
618
+ "bricks": [
619
+ {
620
+ "brick": "div",
621
+ "properties": {
622
+ "style": {
623
+ "background": "orange"
624
+ },
625
+ "textContent": "Sidebar"
626
+ }
627
+ }
628
+ ],
629
+ "type": "bricks"
630
+ }
631
+ }
632
+ }
633
+ ],
634
+ "snippetId": "basic-bricks.easy-view[grid-template-areas]",
635
+ "title": {
636
+ "en": "Easy View Dividing By Grid Template Areas",
637
+ "zh": "由grid-template-areas划分区域的easy-view"
638
+ }
639
+ }
640
+ ],
641
+ "doc": {
642
+ "id": "basic-bricks.easy-view",
643
+ "author": "steve",
644
+ "description": "基于网格的简易布局容器,可以根据 grid-area 名称自动生成对应的插槽",
645
+ "history": [
646
+ {
647
+ "version": "1.127.0",
648
+ "change": " 新增构件 `basic-bricks.easy-view`"
649
+ }
650
+ ],
651
+ "dockind": "brick",
652
+ "properties": [
653
+ {
654
+ "name": "gridAreas",
655
+ "type": "Record<string, (string | number)[]>",
656
+ "required": true,
657
+ "description": "以键值对形式定义多个 [grid-area](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)",
658
+ "group": "basic"
476
659
  },
477
660
  {
478
661
  "name": "gridTemplateAreas",
@@ -531,49 +714,36 @@
531
714
  },
532
715
  "conf": [
533
716
  {
534
- "brick": "div",
535
- "slots": {
536
- "": {
537
- "bricks": [
538
- {
539
- "bg": true,
540
- "brick": "basic-bricks.export-json-file",
541
- "events": {
542
- "json-file.export.failed": {
543
- "action": "console.log"
544
- },
545
- "json-file.export.success": {
546
- "action": "console.log"
547
- }
548
- },
549
- "properties": {
550
- "id": "export-dashboard",
551
- "data": "export content",
552
- "fileName": "test.json"
553
- }
717
+ "bricks": [
718
+ {
719
+ "brick": "basic-bricks.export-json-file",
720
+ "bg": true,
721
+ "events": {
722
+ "json-file.export.failed": {
723
+ "action": "console.log"
554
724
  },
555
- {
556
- "brick": "basic-bricks.general-button",
557
- "events": {
558
- "general.button.click": [
559
- {
560
- "method": "export",
561
- "target": "#export-dashboard"
562
- }
563
- ]
564
- },
565
- "properties": {
566
- "buttonIcon": {
567
- "icon": "export",
568
- "lib": "antd"
569
- },
570
- "buttonName": "导出"
571
- }
725
+ "json-file.export.success": {
726
+ "action": "console.log"
572
727
  }
573
- ],
574
- "type": "bricks"
728
+ },
729
+ "properties": {
730
+ "data": "export content",
731
+ "fileName": "test.json",
732
+ "id": "export-dashboard"
733
+ }
575
734
  }
576
- }
735
+ ],
736
+ "snippetId": "basic-bricks.export-json-file[basic]",
737
+ "title": {
738
+ "en": "Export JSON File",
739
+ "zh": "导出JSON文件"
740
+ },
741
+ "actions": [
742
+ {
743
+ "text": "export()",
744
+ "method": "export"
745
+ }
746
+ ]
577
747
  }
578
748
  ],
579
749
  "doc": {
@@ -712,75 +882,133 @@
712
882
  },
713
883
  "conf": [
714
884
  {
715
- "description": {
716
- "title": "基本",
717
- "message": ""
718
- },
719
- "brick": "basic-bricks.fold-brick-v2",
720
- "properties": {
721
- "foldName": "查看"
722
- },
723
- "slots": {
724
- "content": {
725
- "type": "bricks",
726
- "bricks": [
727
- {
728
- "brick": "div",
729
- "properties": {
730
- "textContent": "123"
731
- }
885
+ "bricks": [
886
+ {
887
+ "description": {
888
+ "title": "基本",
889
+ "message": ""
890
+ },
891
+ "brick": "basic-bricks.fold-brick-v2",
892
+ "properties": {
893
+ "foldName": "查看"
894
+ },
895
+ "slots": {
896
+ "content": {
897
+ "type": "bricks",
898
+ "bricks": [
899
+ {
900
+ "brick": "div",
901
+ "properties": {
902
+ "textContent": "123"
903
+ }
904
+ }
905
+ ]
732
906
  }
733
- ]
907
+ }
734
908
  }
909
+ ],
910
+ "snippetId": "basic-bricks.fold-brick-v2[basic]",
911
+ "title": {
912
+ "en": "Basic Fold Brick V2",
913
+ "zh": "基础折叠容器"
735
914
  }
736
915
  },
737
916
  {
738
- "description": {
739
- "title": "type为primary",
740
- "message": ""
741
- },
742
- "brick": "basic-bricks.fold-brick-v2",
743
- "properties": {
744
- "foldName": "查看",
745
- "type": "primary"
746
- },
747
- "slots": {
748
- "content": {
749
- "type": "bricks",
750
- "bricks": [
751
- {
752
- "brick": "div",
753
- "properties": {
754
- "textContent": "123"
755
- }
917
+ "bricks": [
918
+ {
919
+ "description": {
920
+ "title": "type为primary",
921
+ "message": ""
922
+ },
923
+ "brick": "basic-bricks.fold-brick-v2",
924
+ "properties": {
925
+ "foldName": "查看",
926
+ "type": "primary"
927
+ },
928
+ "slots": {
929
+ "content": {
930
+ "type": "bricks",
931
+ "bricks": [
932
+ {
933
+ "brick": "div",
934
+ "properties": {
935
+ "textContent": "123"
936
+ }
937
+ }
938
+ ]
756
939
  }
757
- ]
940
+ }
758
941
  }
942
+ ],
943
+ "snippetId": "basic-bricks.fold-brick-v2[primary]",
944
+ "title": {
945
+ "en": "Primary Fold Brick V2",
946
+ "zh": "Primary折叠容器"
759
947
  }
760
948
  },
761
949
  {
762
- "description": {
763
- "title": "isShowFoldIcon为false",
764
- "message": ""
765
- },
766
- "brick": "basic-bricks.fold-brick-v2",
767
- "properties": {
768
- "foldName": "查看",
769
- "isShowFoldIcon": false,
770
- "type": "primary"
771
- },
772
- "slots": {
773
- "content": {
774
- "type": "bricks",
775
- "bricks": [
776
- {
777
- "brick": "div",
778
- "properties": {
779
- "textContent": "123"
780
- }
950
+ "bricks": [
951
+ {
952
+ "description": {
953
+ "title": "isShowFoldIcon为false",
954
+ "message": ""
955
+ },
956
+ "brick": "basic-bricks.fold-brick-v2",
957
+ "properties": {
958
+ "foldName": "查看",
959
+ "isShowFoldIcon": false,
960
+ "type": "primary"
961
+ },
962
+ "slots": {
963
+ "content": {
964
+ "type": "bricks",
965
+ "bricks": [
966
+ {
967
+ "brick": "div",
968
+ "properties": {
969
+ "textContent": "123"
970
+ }
971
+ }
972
+ ]
781
973
  }
782
- ]
974
+ }
975
+ }
976
+ ],
977
+ "snippetId": "basic-bricks.fold-brick-v2[no-icon]",
978
+ "title": {
979
+ "en": "Fold Brick V2 without icon",
980
+ "zh": "无展开图标的折叠容器"
981
+ }
982
+ },
983
+ {
984
+ "bricks": [
985
+ {
986
+ "brick": "basic-bricks.fold-brick-v2",
987
+ "properties": {
988
+ "foldName": "查看",
989
+ "showDivider": true,
990
+ "dividerOrientation": "center",
991
+ "dividerDashed": false
992
+ },
993
+ "slots": {
994
+ "content": {
995
+ "bricks": [
996
+ {
997
+ "brick": "div",
998
+ "properties": {
999
+ "textContent": "123"
1000
+ }
1001
+ }
1002
+ ],
1003
+ "type": "bricks"
1004
+ }
1005
+ }
783
1006
  }
1007
+ ],
1008
+ "snippetId": "basic-bricks.fold-brick-v2[divider]",
1009
+ "title": {
1010
+ "en": "Fold Brick V2 with Divider",
1011
+ "zh": "带分割线的折叠容器"
784
1012
  }
785
1013
  }
786
1014
  ],
@@ -905,117 +1133,242 @@
905
1133
  },
906
1134
  "conf": [
907
1135
  {
908
- "brick": "basic-bricks.general-button",
909
- "properties": {
910
- "buttonName": "新建",
911
- "tooltip": "新建实例",
912
- "buttonIcon": {
913
- "lib": "fa",
914
- "icon": "edit",
915
- "prefix": "fas"
916
- },
917
- "dataset": {
918
- "testid": "basic-usage-demo"
919
- }
920
- },
921
- "events": {
922
- "general.button.click": [
923
- {
924
- "action": "console.log"
1136
+ "bricks": [
1137
+ {
1138
+ "brick": "basic-bricks.general-button",
1139
+ "properties": {
1140
+ "buttonName": "新建",
1141
+ "tooltip": "新建实例",
1142
+ "buttonIcon": {
1143
+ "lib": "fa",
1144
+ "icon": "edit",
1145
+ "prefix": "fas"
1146
+ },
1147
+ "dataset": {
1148
+ "testid": "basic-usage-demo"
1149
+ }
1150
+ },
1151
+ "events": {
1152
+ "general.button.click": [
1153
+ {
1154
+ "action": "message.info",
1155
+ "args": [
1156
+ "click button"
1157
+ ]
1158
+ }
1159
+ ]
925
1160
  }
926
- ]
1161
+ }
1162
+ ],
1163
+ "snippetId": "basic-bricks.general-button[basic]",
1164
+ "title": {
1165
+ "en": "Baisc General Button",
1166
+ "zh": "基础按钮"
927
1167
  }
928
1168
  },
929
1169
  {
930
- "brick": "basic-bricks.general-button",
931
- "properties": {
932
- "buttonName": "新建",
933
- "disabled": true,
934
- "disabledTooltip": "无权限",
935
- "tooltip": "新建实例"
936
- },
937
- "events": {
938
- "general.button.click": [
939
- {
940
- "action": "console.log"
1170
+ "bricks": [
1171
+ {
1172
+ "brick": "basic-bricks.general-button",
1173
+ "properties": {
1174
+ "buttonName": "新建",
1175
+ "disabled": true,
1176
+ "disabledTooltip": "无权限",
1177
+ "tooltip": "新建实例"
1178
+ },
1179
+ "events": {
1180
+ "general.button.click": [
1181
+ {
1182
+ "action": "message.info",
1183
+ "args": [
1184
+ "click button"
1185
+ ]
1186
+ }
1187
+ ]
941
1188
  }
942
- ]
1189
+ }
1190
+ ],
1191
+ "snippetId": "basic-bricks.general-button[disabled]",
1192
+ "title": {
1193
+ "en": "disabled General Button",
1194
+ "zh": "禁用按钮"
943
1195
  }
944
1196
  },
945
1197
  {
946
- "brick": "basic-bricks.general-button",
947
- "properties": {
948
- "buttonShape": "round",
949
- "buttonName": "搜索",
950
- "buttonType": "primary",
951
- "buttonIcon": "search",
952
- "buttonUrl": "/",
953
- "target": "_blank"
954
- },
955
- "events": {
956
- "general.button.click": [
957
- {
958
- "action": "console.log"
1198
+ "bricks": [
1199
+ {
1200
+ "brick": "basic-bricks.general-button",
1201
+ "properties": {
1202
+ "buttonShape": "round",
1203
+ "buttonName": "搜索",
1204
+ "buttonType": "primary",
1205
+ "buttonIcon": "search",
1206
+ "buttonUrl": "/",
1207
+ "target": "_blank"
1208
+ },
1209
+ "events": {
1210
+ "general.button.click": [
1211
+ {
1212
+ "action": "message.info",
1213
+ "args": [
1214
+ "click button"
1215
+ ]
1216
+ }
1217
+ ]
959
1218
  }
960
- ]
1219
+ }
1220
+ ],
1221
+ "snippetId": "basic-bricks.general-button[primary]",
1222
+ "title": {
1223
+ "en": "Primary General Button",
1224
+ "zh": "primary样式按钮"
961
1225
  }
962
1226
  },
963
1227
  {
964
- "brick": "basic-bricks.general-button",
965
- "properties": {
966
- "buttonShape": "circle",
967
- "buttonType": "icon",
968
- "buttonIcon": "search",
969
- "buttonUrl": "/",
970
- "target": "_blank"
971
- },
972
- "events": {
973
- "general.button.click": [
974
- {
975
- "action": "console.log"
1228
+ "bricks": [
1229
+ {
1230
+ "brick": "basic-bricks.general-button",
1231
+ "properties": {
1232
+ "buttonShape": "circle",
1233
+ "buttonType": "icon",
1234
+ "buttonIcon": "search",
1235
+ "buttonUrl": "/",
1236
+ "target": "_blank"
1237
+ },
1238
+ "events": {
1239
+ "general.button.click": [
1240
+ {
1241
+ "action": "message.info",
1242
+ "args": [
1243
+ "click button"
1244
+ ]
1245
+ }
1246
+ ]
976
1247
  }
977
- ]
1248
+ }
1249
+ ],
1250
+ "snippetId": "basic-bricks.general-button[icon]",
1251
+ "title": {
1252
+ "en": "Icon General Button",
1253
+ "zh": "图标按钮"
978
1254
  }
979
1255
  },
980
1256
  {
981
- "brick": "basic-bricks.general-button",
982
- "description": {
983
- "title": "文字按钮",
984
- "message": "默认和平台文字颜色一致"
985
- },
986
- "properties": {
987
- "buttonType": "text",
988
- "buttonName": "更多",
989
- "buttonUrl": "/",
990
- "target": "_blank"
991
- },
992
- "events": {
993
- "general.button.click": [
994
- {
995
- "action": "console.log"
1257
+ "bricks": [
1258
+ {
1259
+ "brick": "basic-bricks.general-button",
1260
+ "description": {
1261
+ "title": "文字按钮",
1262
+ "message": "默认和平台文字颜色一致"
1263
+ },
1264
+ "properties": {
1265
+ "buttonType": "text",
1266
+ "buttonName": "更多",
1267
+ "buttonUrl": "/",
1268
+ "target": "_blank"
1269
+ },
1270
+ "events": {
1271
+ "general.button.click": [
1272
+ {
1273
+ "action": "message.info",
1274
+ "args": [
1275
+ "click button"
1276
+ ]
1277
+ }
1278
+ ]
996
1279
  }
997
- ]
1280
+ }
1281
+ ],
1282
+ "snippetId": "basic-bricks.general-button[text]",
1283
+ "title": {
1284
+ "en": "Text General Button",
1285
+ "zh": "文字按钮"
998
1286
  }
999
1287
  },
1000
1288
  {
1001
- "brick": "basic-bricks.general-button",
1002
- "description": {
1003
- "title": "淡化文字按钮",
1004
- "message": "可以设置 `fadedText` 为 `true` 以淡化文字颜色。适用场景:用于卡片中或和其他按钮搭配使用。"
1005
- },
1006
- "properties": {
1007
- "buttonType": "text",
1008
- "buttonName": "了解更多",
1009
- "fadedText": true,
1010
- "buttonUrl": "/",
1011
- "target": "_blank"
1012
- },
1013
- "events": {
1014
- "general.button.click": [
1015
- {
1016
- "action": "console.log"
1289
+ "bricks": [
1290
+ {
1291
+ "brick": "basic-bricks.general-button",
1292
+ "description": {
1293
+ "title": "淡化文字按钮",
1294
+ "message": "可以设置 `fadedText` 为 `true` 以淡化文字颜色。适用场景:用于卡片中或和其他按钮搭配使用。"
1295
+ },
1296
+ "properties": {
1297
+ "buttonType": "text",
1298
+ "buttonName": "了解更多",
1299
+ "fadedText": true,
1300
+ "buttonUrl": "/",
1301
+ "target": "_blank"
1302
+ },
1303
+ "events": {
1304
+ "general.button.click": [
1305
+ {
1306
+ "action": "message.info",
1307
+ "args": [
1308
+ "click button"
1309
+ ]
1310
+ }
1311
+ ]
1017
1312
  }
1018
- ]
1313
+ }
1314
+ ],
1315
+ "snippetId": "basic-bricks.general-button[fadedText]",
1316
+ "title": {
1317
+ "en": "Faded Text General Button",
1318
+ "zh": "淡化文字按钮"
1319
+ }
1320
+ },
1321
+ {
1322
+ "bricks": [
1323
+ {
1324
+ "brick": "basic-bricks.general-button",
1325
+ "events": {
1326
+ "general.button.click": [
1327
+ {
1328
+ "action": "message.info",
1329
+ "args": [
1330
+ "click button"
1331
+ ]
1332
+ }
1333
+ ]
1334
+ },
1335
+ "properties": {
1336
+ "buttonType": "link",
1337
+ "buttonUrl": "/demo",
1338
+ "buttonName": "this is link"
1339
+ }
1340
+ }
1341
+ ],
1342
+ "snippetId": "basic-bricks.general-button[link]",
1343
+ "title": {
1344
+ "en": "Link General Button",
1345
+ "zh": "link按钮"
1346
+ }
1347
+ },
1348
+ {
1349
+ "bricks": [
1350
+ {
1351
+ "brick": "basic-bricks.general-button",
1352
+ "events": {
1353
+ "general.button.click": [
1354
+ {
1355
+ "action": "message.info",
1356
+ "args": [
1357
+ "click button"
1358
+ ]
1359
+ }
1360
+ ]
1361
+ },
1362
+ "properties": {
1363
+ "buttonType": "danger",
1364
+ "buttonName": "danger button"
1365
+ }
1366
+ }
1367
+ ],
1368
+ "snippetId": "basic-bricks.general-button[danger]",
1369
+ "title": {
1370
+ "en": "danger General Button",
1371
+ "zh": "danger类型按钮"
1019
1372
  }
1020
1373
  }
1021
1374
  ],
@@ -1266,83 +1619,101 @@
1266
1619
  },
1267
1620
  "conf": [
1268
1621
  {
1269
- "brick": "basic-bricks.general-card",
1270
- "properties": {
1271
- "configProps": {
1272
- "title": "卡片标题"
1273
- },
1274
- "hasExtraSlot": true
1275
- },
1276
- "slots": {
1277
- "content": {
1278
- "bricks": [
1279
- {
1280
- "brick": "div",
1281
- "properties": {
1282
- "textContent": "内容"
1283
- }
1284
- }
1285
- ],
1286
- "type": "bricks"
1287
- },
1288
- "extra": {
1289
- "bricks": [
1290
- {
1291
- "brick": "basic-bricks.general-button",
1292
- "events": {
1293
- "general.button.click": {
1294
- "action": "console.log"
1622
+ "bricks": [
1623
+ {
1624
+ "brick": "basic-bricks.general-card",
1625
+ "properties": {
1626
+ "configProps": {
1627
+ "title": "卡片标题"
1628
+ },
1629
+ "hasExtraSlot": true
1630
+ },
1631
+ "slots": {
1632
+ "content": {
1633
+ "bricks": [
1634
+ {
1635
+ "brick": "div",
1636
+ "properties": {
1637
+ "textContent": "内容"
1638
+ }
1295
1639
  }
1296
- },
1297
- "properties": {
1298
- "buttonIcon": "plus",
1299
- "buttonShape": "circle",
1300
- "buttonType": "icon"
1301
- }
1640
+ ],
1641
+ "type": "bricks"
1642
+ },
1643
+ "extra": {
1644
+ "bricks": [
1645
+ {
1646
+ "brick": "basic-bricks.general-button",
1647
+ "events": {
1648
+ "general.button.click": {
1649
+ "action": "console.log"
1650
+ }
1651
+ },
1652
+ "properties": {
1653
+ "buttonIcon": "plus",
1654
+ "buttonShape": "circle",
1655
+ "buttonType": "icon"
1656
+ }
1657
+ }
1658
+ ],
1659
+ "type": "bricks"
1302
1660
  }
1303
- ],
1304
- "type": "bricks"
1661
+ }
1305
1662
  }
1663
+ ],
1664
+ "snippetId": "basic-bricks.general-card[extra]",
1665
+ "title": {
1666
+ "en": "General Card with Extra Slot",
1667
+ "zh": "带extra插槽的通用卡片"
1306
1668
  }
1307
1669
  },
1308
1670
  {
1309
- "brick": "basic-bricks.general-card",
1310
- "properties": {
1311
- "cardTitle": "标题"
1312
- },
1313
- "slots": {
1314
- "content": {
1315
- "type": "bricks",
1316
- "bricks": [
1317
- {
1318
- "brick": "div",
1319
- "properties": {
1320
- "textContent": "内容"
1321
- }
1322
- }
1323
- ]
1324
- },
1325
- "titleSuffix": {
1326
- "type": "bricks",
1327
- "bricks": [
1328
- {
1329
- "brick": "presentational-bricks.general-tooltip",
1330
- "properties": {
1331
- "type": "popover",
1332
- "content": [
1333
- "名称:APP",
1334
- "创建时间:2020-01-02",
1335
- "修改时间:2020-01-22",
1336
- "描述:测试应用"
1337
- ],
1338
- "icon": {
1339
- "lib": "fa",
1340
- "icon": "info-circle"
1671
+ "bricks": [
1672
+ {
1673
+ "brick": "basic-bricks.general-card",
1674
+ "properties": {
1675
+ "cardTitle": "标题"
1676
+ },
1677
+ "slots": {
1678
+ "content": {
1679
+ "type": "bricks",
1680
+ "bricks": [
1681
+ {
1682
+ "brick": "div",
1683
+ "properties": {
1684
+ "textContent": "内容"
1685
+ }
1341
1686
  }
1342
- }
1687
+ ]
1688
+ },
1689
+ "titleSuffix": {
1690
+ "type": "bricks",
1691
+ "bricks": [
1692
+ {
1693
+ "brick": "presentational-bricks.general-tooltip",
1694
+ "properties": {
1695
+ "type": "popover",
1696
+ "content": [
1697
+ "名称:APP",
1698
+ "创建时间:2020-01-02",
1699
+ "修改时间:2020-01-22",
1700
+ "描述:测试应用"
1701
+ ],
1702
+ "icon": {
1703
+ "lib": "fa",
1704
+ "icon": "info-circle"
1705
+ }
1706
+ }
1707
+ }
1708
+ ]
1343
1709
  }
1344
- ]
1710
+ }
1345
1711
  }
1712
+ ],
1713
+ "snippetId": "basic-bricks.general-card[title-suffix]",
1714
+ "title": {
1715
+ "en": "General Card with Title Suffix Slot",
1716
+ "zh": "带titleSuffix插槽的通用卡片"
1346
1717
  }
1347
1718
  },
1348
1719
  {
@@ -1826,58 +2197,141 @@
1826
2197
  },
1827
2198
  "conf": [
1828
2199
  {
1829
- "description": {
1830
- "title": "基本用法",
1831
- "message": "将多个button组合在一起。"
1832
- },
1833
- "brick": "basic-bricks.general-custom-buttons",
1834
- "properties": {
1835
- "dataset": {
1836
- "testid": "basic-usage-demo"
1837
- },
1838
- "alignment": "end",
1839
- "customButtons": [
1840
- {
1841
- "text": "新建",
1842
- "buttonType": "primary",
1843
- "icon": {
1844
- "lib": "antd",
1845
- "icon": "plus-circle",
1846
- "theme": "outlined"
2200
+ "bricks": [
2201
+ {
2202
+ "description": {
2203
+ "title": "基本用法",
2204
+ "message": "将多个button组合在一起。"
2205
+ },
2206
+ "brick": "basic-bricks.general-custom-buttons",
2207
+ "properties": {
2208
+ "dataset": {
2209
+ "testid": "basic-usage-demo"
1847
2210
  },
1848
- "eventName": "button-create"
2211
+ "alignment": "end",
2212
+ "customButtons": [
2213
+ {
2214
+ "text": "新建",
2215
+ "buttonType": "primary",
2216
+ "icon": {
2217
+ "lib": "antd",
2218
+ "icon": "plus-circle",
2219
+ "theme": "outlined"
2220
+ },
2221
+ "eventName": "button-create"
2222
+ },
2223
+ {
2224
+ "text": "导入",
2225
+ "icon": "import",
2226
+ "eventName": "button-import"
2227
+ },
2228
+ {
2229
+ "text": "导出",
2230
+ "icon": "export",
2231
+ "eventName": "button-export"
2232
+ }
2233
+ ]
1849
2234
  },
1850
- {
1851
- "text": "导入",
1852
- "icon": "import",
1853
- "eventName": "button-import"
2235
+ "events": {
2236
+ "button-create": {
2237
+ "action": "message.success",
2238
+ "args": [
2239
+ "点击了新建按钮"
2240
+ ]
2241
+ },
2242
+ "button-import": {
2243
+ "action": "message.success",
2244
+ "args": [
2245
+ "点击了导入按钮"
2246
+ ]
2247
+ },
2248
+ "button-export": {
2249
+ "action": "message.success",
2250
+ "args": [
2251
+ "点击了导出按钮"
2252
+ ]
2253
+ }
2254
+ }
2255
+ }
2256
+ ],
2257
+ "snippetId": "basic-bricks.general-custom-buttons[basic]",
2258
+ "title": {
2259
+ "en": "Basic General Custom Buttons",
2260
+ "zh": "基础自定义按钮组"
2261
+ }
2262
+ },
2263
+ {
2264
+ "bricks": [
2265
+ {
2266
+ "brick": "basic-bricks.general-custom-buttons",
2267
+ "events": {
2268
+ "instance.topology.other": {
2269
+ "action": "message.info",
2270
+ "args": [
2271
+ "click other button"
2272
+ ]
2273
+ },
2274
+ "instance.topology.saveAs": {
2275
+ "action": "message.info",
2276
+ "args": [
2277
+ "click save button"
2278
+ ]
2279
+ },
2280
+ "instance.topology.update": {
2281
+ "action": "message.info",
2282
+ "args": [
2283
+ "click update button"
2284
+ ]
2285
+ }
1854
2286
  },
1855
- {
1856
- "text": "导出",
1857
- "icon": "export",
1858
- "eventName": "button-export"
2287
+ "properties": {
2288
+ "alignment": "end",
2289
+ "customButtons": [
2290
+ {
2291
+ "buttonShape": "circle",
2292
+ "buttonType": "icon",
2293
+ "eventName": "instance.topology.update",
2294
+ "icon": "plus",
2295
+ "isDropdown": false,
2296
+ "tooltip": "Add",
2297
+ "tooltipPlacement": "left"
2298
+ },
2299
+ {
2300
+ "buttonShape": "circle",
2301
+ "buttonType": "icon",
2302
+ "eventName": "instance.topology.update",
2303
+ "icon": "save",
2304
+ "isDropdown": false,
2305
+ "tooltip": "Save",
2306
+ "tooltipPlacement": "left"
2307
+ },
2308
+ {
2309
+ "eventName": "instance.topology.other",
2310
+ "icon": "search",
2311
+ "isDropdown": true,
2312
+ "text": "Detail",
2313
+ "tooltip": "Open Detail in New Window",
2314
+ "tooltipPlacement": "left"
2315
+ },
2316
+ {
2317
+ "color": "var(--theme-red-color)",
2318
+ "eventName": "instance.topology.other",
2319
+ "icon": "delete",
2320
+ "isDropdown": true,
2321
+ "text": "Delete",
2322
+ "tooltip": "删除",
2323
+ "tooltipPlacement": "right"
2324
+ }
2325
+ ],
2326
+ "isMoreButton": true,
2327
+ "moreButtonShape": "icon"
1859
2328
  }
1860
- ]
1861
- },
1862
- "events": {
1863
- "button-create": {
1864
- "action": "message.success",
1865
- "args": [
1866
- "点击了新建按钮"
1867
- ]
1868
- },
1869
- "button-import": {
1870
- "action": "message.success",
1871
- "args": [
1872
- "点击了导入按钮"
1873
- ]
1874
- },
1875
- "button-export": {
1876
- "action": "message.success",
1877
- "args": [
1878
- "点击了导出按钮"
1879
- ]
1880
2329
  }
2330
+ ],
2331
+ "snippetId": "basic-bricks.general-custom-buttons[more-btn]",
2332
+ "title": {
2333
+ "en": "General Custom Buttons with More Button",
2334
+ "zh": "带moreButton的自定义按钮组"
1881
2335
  }
1882
2336
  },
1883
2337
  {
@@ -1950,79 +2404,100 @@
1950
2404
  }
1951
2405
  }
1952
2406
  },
2407
+ {
2408
+ "bricks": [
2409
+ {
2410
+ "description": {
2411
+ "title": "组合按钮1",
2412
+ "message": "位置为页面的右上角区域。使用形态为图标+文字按钮,默认放置三个,其中一个为主按钮,放于所有按钮的最左侧;≥3 的情况下,默认展示出两个,其他按钮用下拉按钮收起,收纳在\"···\"的更多按钮中。"
2413
+ },
2414
+ "brick": "basic-bricks.general-custom-buttons",
2415
+ "properties": {
2416
+ "dataset": {
2417
+ "testid": "default-dropdown-demo"
2418
+ },
2419
+ "alignment": "end",
2420
+ "customButtons": [
2421
+ {
2422
+ "text": "新建",
2423
+ "buttonType": "primary",
2424
+ "icon": {
2425
+ "lib": "antd",
2426
+ "icon": "plus-circle",
2427
+ "theme": "outlined"
2428
+ },
2429
+ "eventName": "button-create",
2430
+ "testId": "create"
2431
+ },
2432
+ {
2433
+ "text": "搜索",
2434
+ "icon": "search",
2435
+ "eventName": "button-search",
2436
+ "testId": "search"
2437
+ },
2438
+ {
2439
+ "isDropdown": true,
2440
+ "text": "权限管理",
2441
+ "icon": "user",
2442
+ "eventName": "button-permission",
2443
+ "testId": "permission"
2444
+ },
2445
+ {
2446
+ "isDropdown": true,
2447
+ "text": "环境设置",
2448
+ "icon": {
2449
+ "lib": "antd",
2450
+ "icon": "global",
2451
+ "theme": "outlined"
2452
+ },
2453
+ "eventName": "button-setting",
2454
+ "testId": "setting"
2455
+ }
2456
+ ]
2457
+ },
2458
+ "events": {
2459
+ "button-create": {
2460
+ "action": "message.info",
2461
+ "args": [
2462
+ "click create button"
2463
+ ]
2464
+ },
2465
+ "button-search": {
2466
+ "action": "message.info",
2467
+ "args": [
2468
+ "click search button"
2469
+ ]
2470
+ },
2471
+ "button-permission": {
2472
+ "action": "message.info",
2473
+ "args": [
2474
+ "click permission button"
2475
+ ]
2476
+ },
2477
+ "button-setting": {
2478
+ "action": "message.info",
2479
+ "args": [
2480
+ "click setting button"
2481
+ ]
2482
+ }
2483
+ }
2484
+ }
2485
+ ],
2486
+ "snippetId": "basic-bricks.general-custom-buttons[dropdown-btn]",
2487
+ "title": {
2488
+ "en": "General Custom Buttons with Dropdown Button",
2489
+ "zh": "带下拉按钮的自定义按钮组"
2490
+ }
2491
+ },
1953
2492
  {
1954
2493
  "description": {
1955
- "title": "组合按钮1",
1956
- "message": "位置为页面的右上角区域。使用形态为图标+文字按钮,默认放置三个,其中一个为主按钮,放于所有按钮的最左侧;≥3 的情况下,默认展示出两个,其他按钮用下拉按钮收起,收纳在\"···\"的更多按钮中。"
2494
+ "title": "组合按钮2",
2495
+ "message": "组合按钮的样式也可以和普通按钮保持一致。同时,可以利用分隔符对收纳在里面的按钮进行分组。"
1957
2496
  },
1958
2497
  "brick": "basic-bricks.general-custom-buttons",
1959
2498
  "properties": {
1960
2499
  "dataset": {
1961
- "testid": "default-dropdown-demo"
1962
- },
1963
- "alignment": "end",
1964
- "customButtons": [
1965
- {
1966
- "text": "新建",
1967
- "buttonType": "primary",
1968
- "icon": {
1969
- "lib": "antd",
1970
- "icon": "plus-circle",
1971
- "theme": "outlined"
1972
- },
1973
- "eventName": "button-create",
1974
- "testId": "create"
1975
- },
1976
- {
1977
- "text": "搜索",
1978
- "icon": "search",
1979
- "eventName": "button-search",
1980
- "testId": "search"
1981
- },
1982
- {
1983
- "isDropdown": true,
1984
- "text": "权限管理",
1985
- "icon": "user",
1986
- "eventName": "button-permission",
1987
- "testId": "permission"
1988
- },
1989
- {
1990
- "isDropdown": true,
1991
- "text": "环境设置",
1992
- "icon": {
1993
- "lib": "antd",
1994
- "icon": "global",
1995
- "theme": "outlined"
1996
- },
1997
- "eventName": "button-setting",
1998
- "testId": "setting"
1999
- }
2000
- ]
2001
- },
2002
- "events": {
2003
- "button-create": {
2004
- "action": "console.log"
2005
- },
2006
- "button-search": {
2007
- "action": "console.log"
2008
- },
2009
- "button-permission": {
2010
- "action": "console.log"
2011
- },
2012
- "button-setting": {
2013
- "action": "console.log"
2014
- }
2015
- }
2016
- },
2017
- {
2018
- "description": {
2019
- "title": "组合按钮2",
2020
- "message": "组合按钮的样式也可以和普通按钮保持一致。同时,可以利用分隔符对收纳在里面的按钮进行分组。"
2021
- },
2022
- "brick": "basic-bricks.general-custom-buttons",
2023
- "properties": {
2024
- "dataset": {
2025
- "testid": "customized-dropdown-demo"
2500
+ "testid": "customized-dropdown-demo"
2026
2501
  },
2027
2502
  "alignment": "end",
2028
2503
  "dropdownPlacement": "topLeft",
@@ -2567,40 +3042,55 @@
2567
3042
  }
2568
3043
  },
2569
3044
  {
2570
- "description": {
2571
- "title": "特殊样式:拉伸按钮",
2572
- "message": "alignment为stretch时,拉伸按钮"
2573
- },
2574
- "brick": "basic-bricks.general-custom-buttons",
2575
- "properties": {
2576
- "isMoreButton": false,
2577
- "alignment": "stretch",
2578
- "customButtons": [
2579
- {
2580
- "isDropdown": true,
2581
- "text": "编辑",
2582
- "icon": {
2583
- "lib": "fa",
2584
- "icon": "edit",
2585
- "prefix": "fas"
2586
- },
2587
- "eventName": "instance.edit"
3045
+ "bricks": [
3046
+ {
3047
+ "description": {
3048
+ "title": "特殊样式:拉伸按钮",
3049
+ "message": "alignment为stretch时,拉伸按钮"
2588
3050
  },
2589
- {
2590
- "isDropdown": true,
2591
- "text": "删除",
2592
- "icon": "delete",
2593
- "eventName": "instance.delete"
3051
+ "brick": "basic-bricks.general-custom-buttons",
3052
+ "properties": {
3053
+ "isMoreButton": false,
3054
+ "alignment": "stretch",
3055
+ "customButtons": [
3056
+ {
3057
+ "isDropdown": true,
3058
+ "text": "编辑",
3059
+ "icon": {
3060
+ "lib": "fa",
3061
+ "icon": "edit",
3062
+ "prefix": "fas"
3063
+ },
3064
+ "eventName": "instance.edit"
3065
+ },
3066
+ {
3067
+ "isDropdown": true,
3068
+ "text": "删除",
3069
+ "icon": "delete",
3070
+ "eventName": "instance.delete"
3071
+ }
3072
+ ]
3073
+ },
3074
+ "events": {
3075
+ "instance.edit": {
3076
+ "action": "message.info",
3077
+ "args": [
3078
+ "click edit button"
3079
+ ]
3080
+ },
3081
+ "instance.delete": {
3082
+ "action": "message.info",
3083
+ "args": [
3084
+ "click delete button"
3085
+ ]
3086
+ }
2594
3087
  }
2595
- ]
2596
- },
2597
- "events": {
2598
- "instance.edit": {
2599
- "action": "console.log"
2600
- },
2601
- "instance.delete": {
2602
- "action": "console.log"
2603
3088
  }
3089
+ ],
3090
+ "snippetId": "basic-bricks.general-custom-buttons[stretch]",
3091
+ "title": {
3092
+ "en": "Stretch General Custom Buttons",
3093
+ "zh": "stretch样式自定义按钮组"
2604
3094
  }
2605
3095
  },
2606
3096
  {
@@ -3046,6 +3536,115 @@
3046
3536
  "imgSrc": "bricks/basic-bricks/dist/stories-asserts/basic-bricks.general-drawer.78ff64a02f145893.svg"
3047
3537
  },
3048
3538
  "conf": [
3539
+ {
3540
+ "bricks": [
3541
+ {
3542
+ "brick": "basic-bricks.general-drawer",
3543
+ "properties": {
3544
+ "customTitle": "预览",
3545
+ "id": "title-demo2",
3546
+ "maskClosable": true,
3547
+ "width": 750
3548
+ },
3549
+ "slots": {
3550
+ "content": {
3551
+ "bricks": [
3552
+ {
3553
+ "brick": "presentational-bricks.brick-descriptions",
3554
+ "properties": {
3555
+ "column": 2,
3556
+ "descriptionTitle": "基本信息",
3557
+ "itemList": [
3558
+ {
3559
+ "label": "名称",
3560
+ "text": "easyops"
3561
+ },
3562
+ {
3563
+ "label": "环境类型",
3564
+ "text": "无"
3565
+ },
3566
+ {
3567
+ "label": "授权模式",
3568
+ "text": "clientCert"
3569
+ },
3570
+ {
3571
+ "label": "服务供应商"
3572
+ }
3573
+ ],
3574
+ "showCard": false
3575
+ }
3576
+ },
3577
+ {
3578
+ "brick": "presentational-bricks.brick-descriptions",
3579
+ "properties": {
3580
+ "column": 2,
3581
+ "descriptionTitle": "集群规格",
3582
+ "itemList": [
3583
+ {
3584
+ "label": "集群来源",
3585
+ "text": "导入"
3586
+ },
3587
+ {
3588
+ "label": "Manter节点数量",
3589
+ "text": "3个"
3590
+ },
3591
+ {
3592
+ "label": "可分配CPU",
3593
+ "text": "12 Cores"
3594
+ },
3595
+ {
3596
+ "label": "可分配内存",
3597
+ "text": "44.8GIB"
3598
+ }
3599
+ ],
3600
+ "showCard": false,
3601
+ "style": {
3602
+ "marginTop": "20px"
3603
+ }
3604
+ }
3605
+ }
3606
+ ],
3607
+ "type": "bricks"
3608
+ },
3609
+ "headerRight": {
3610
+ "bricks": [
3611
+ {
3612
+ "brick": "basic-bricks.general-custom-buttons",
3613
+ "properties": {
3614
+ "customButtons": [
3615
+ {
3616
+ "buttonType": "link",
3617
+ "icon": {
3618
+ "color": "#167be0",
3619
+ "icon": "share-alt",
3620
+ "lib": "fa",
3621
+ "prefix": "fas"
3622
+ },
3623
+ "isDropdown": false,
3624
+ "tooltip": "分享",
3625
+ "tooltipPlacement": "bottom"
3626
+ }
3627
+ ]
3628
+ }
3629
+ }
3630
+ ],
3631
+ "type": "bricks"
3632
+ }
3633
+ }
3634
+ }
3635
+ ],
3636
+ "snippetId": "basic-bricks.general-drawer[basic]",
3637
+ "title": {
3638
+ "en": "Basic General Drawer",
3639
+ "zh": "基础抽屉"
3640
+ },
3641
+ "actions": [
3642
+ {
3643
+ "text": "open()",
3644
+ "method": "open"
3645
+ }
3646
+ ]
3647
+ },
3049
3648
  {
3050
3649
  "description": {
3051
3650
  "title": "承载表单等操作场景",
@@ -3516,30 +4115,45 @@
3516
4115
  },
3517
4116
  "conf": [
3518
4117
  {
3519
- "brick": "basic-bricks.general-hotkeys",
3520
- "properties": {
3521
- "hotkeysConfig": [
3522
- {
3523
- "key": "command+s",
3524
- "eventName": "hotkey.save"
4118
+ "bricks": [
4119
+ {
4120
+ "brick": "basic-bricks.general-hotkeys",
4121
+ "properties": {
4122
+ "hotkeysConfig": [
4123
+ {
4124
+ "key": "command+s",
4125
+ "eventName": "hotkey.save"
4126
+ },
4127
+ {
4128
+ "key": "command+b",
4129
+ "eventName": "hotkey.build"
4130
+ }
4131
+ ]
3525
4132
  },
3526
- {
3527
- "key": "command+b",
3528
- "eventName": "hotkey.build"
3529
- }
3530
- ]
3531
- },
3532
- "events": {
3533
- "hotkey.save": [
3534
- {
3535
- "action": "console.log"
3536
- }
3537
- ],
3538
- "hotkey.build": [
3539
- {
3540
- "action": "console.log"
4133
+ "events": {
4134
+ "hotkey.save": [
4135
+ {
4136
+ "action": "message.info",
4137
+ "args": [
4138
+ "save"
4139
+ ]
4140
+ }
4141
+ ],
4142
+ "hotkey.build": [
4143
+ {
4144
+ "action": "message.info",
4145
+ "args": [
4146
+ "build"
4147
+ ]
4148
+ }
4149
+ ]
3541
4150
  }
3542
- ]
4151
+ }
4152
+ ],
4153
+ "snippetId": "basic-bricks.general-hotkeys[basic]",
4154
+ "title": {
4155
+ "en": "Basic General Hotkeys",
4156
+ "zh": "基础通用快捷键"
3543
4157
  }
3544
4158
  }
3545
4159
  ],
@@ -3597,180 +4211,59 @@
3597
4211
  "conf": [
3598
4212
  {
3599
4213
  "description": {
3600
- "title": "",
3601
- "message": "全局完成类操作置于弹窗底部,使用文字按钮,一个主按钮,放于所有按钮的最右侧。"
4214
+ "title": "基本使用"
3602
4215
  },
3603
4216
  "brick": "div",
3604
4217
  "slots": {
3605
4218
  "content": {
3606
- "type": "bricks",
3607
4219
  "bricks": [
3608
4220
  {
3609
4221
  "brick": "basic-bricks.general-button",
3610
- "properties": {
3611
- "buttonName": "点击弹出模态框"
3612
- },
3613
4222
  "events": {
3614
4223
  "general.button.click": {
3615
- "target": "#origin",
3616
- "method": "open"
4224
+ "method": "open",
4225
+ "target": "#origin"
3617
4226
  }
3618
- }
3619
- },
3620
- {
3621
- "brick": "basic-bricks.general-button",
3622
- "properties": {
3623
- "buttonName": "点击弹出模态框,带 footer slot"
3624
4227
  },
3625
- "events": {
3626
- "general.button.click": {
3627
- "target": "#withSlot",
3628
- "method": "open"
3629
- }
4228
+ "properties": {
4229
+ "buttonName": "点击弹出模态框"
3630
4230
  }
3631
4231
  },
3632
4232
  {
3633
4233
  "brick": "basic-bricks.general-modal",
3634
- "slots": {
3635
- "content": {
3636
- "type": "bricks",
3637
- "bricks": [
3638
- {
3639
- "brick": "h3",
3640
- "properties": {
3641
- "textContent": "modal content"
3642
- }
3643
- }
3644
- ]
3645
- }
3646
- },
3647
- "properties": {
3648
- "id": "origin",
3649
- "okText": "Save",
3650
- "modalTitle": "Modal Title"
3651
- },
3652
4234
  "events": {
3653
4235
  "basic-bricks.general-modal.cancel": {
3654
- "action": "console.log"
4236
+ "action": "message.info",
4237
+ "args": [
4238
+ "cancel modal"
4239
+ ]
3655
4240
  },
3656
4241
  "basic-bricks.general-modal.confirm": {
3657
- "action": "console.log"
3658
- },
3659
- "modal.open": {
3660
- "action": "console.log"
4242
+ "action": "message.info",
4243
+ "args": [
4244
+ "confirm modal"
4245
+ ]
3661
4246
  },
3662
4247
  "modal.close": {
3663
- "action": "console.log"
3664
- }
3665
- }
3666
- },
3667
- {
3668
- "brick": "basic-bricks.general-modal",
3669
- "slots": {
3670
- "content": {
3671
- "type": "bricks",
3672
- "bricks": [
3673
- {
3674
- "brick": "h3",
3675
- "properties": {
3676
- "textContent": "modal content"
3677
- }
3678
- }
4248
+ "action": "message.info",
4249
+ "args": [
4250
+ "close modal"
3679
4251
  ]
3680
4252
  },
3681
- "footer": {
3682
- "type": "bricks",
3683
- "bricks": [
3684
- {
3685
- "brick": "basic-bricks.general-button",
3686
- "properties": {
3687
- "buttonType": "danger",
3688
- "buttonName": "Delete"
3689
- },
3690
- "events": {
3691
- "general.button.click": [
3692
- {
3693
- "action": "console.log"
3694
- },
3695
- {
3696
- "target": "#withSlot",
3697
- "method": "close"
3698
- }
3699
- ]
3700
- }
3701
- }
4253
+ "modal.open": {
4254
+ "action": "message.info",
4255
+ "args": [
4256
+ "open modal"
3702
4257
  ]
3703
4258
  }
3704
4259
  },
3705
4260
  "properties": {
3706
- "id": "withSlot",
4261
+ "id": "origin",
3707
4262
  "modalTitle": "Modal Title",
3708
- "enableFooterSlot": true
3709
- },
3710
- "events": {
3711
- "basic-bricks.general-modal.cancel": {
3712
- "action": "console.log"
3713
- },
3714
- "basic-bricks.general-modal.confirm": {
3715
- "action": "console.log"
3716
- },
3717
- "modal.open": {
3718
- "action": "console.log"
3719
- },
3720
- "modal.close": {
3721
- "action": "console.log"
3722
- }
3723
- }
3724
- }
3725
- ]
3726
- }
3727
- }
3728
- },
3729
- {
3730
- "description": {
3731
- "title": "标题相关:对齐方式、图标、标题后自定义构件",
3732
- "message": "图标来源可以为src(httpSrc/DataSrc)或平台的图标库"
3733
- },
3734
- "brick": "div",
3735
- "slots": {
3736
- "content": {
3737
- "type": "bricks",
3738
- "bricks": [
3739
- {
3740
- "brick": "basic-bricks.general-button",
3741
- "properties": {
3742
- "buttonName": "点击弹出模态框"
4263
+ "okText": "Save"
3743
4264
  },
3744
- "events": {
3745
- "general.button.click": {
3746
- "target": "#title-customized",
3747
- "method": "open"
3748
- }
3749
- }
3750
- },
3751
- {
3752
- "brick": "basic-bricks.general-modal",
3753
4265
  "slots": {
3754
- "headerExtra": {
3755
- "bricks": [
3756
- {
3757
- "brick": "presentational-bricks.brick-tag",
3758
- "properties": {
3759
- "color": "var(--color-warning)",
3760
- "showCard": false,
3761
- "tagList": [
3762
- "警告"
3763
- ],
3764
- "tagStyle": {
3765
- "marginLeft": "-4px"
3766
- }
3767
- }
3768
- }
3769
- ],
3770
- "type": "bricks"
3771
- },
3772
4266
  "content": {
3773
- "type": "bricks",
3774
4267
  "bricks": [
3775
4268
  {
3776
4269
  "brick": "h3",
@@ -3778,118 +4271,279 @@
3778
4271
  "textContent": "modal content"
3779
4272
  }
3780
4273
  }
3781
- ]
3782
- }
3783
- },
3784
- "properties": {
3785
- "id": "title-customized",
3786
- "okText": "Save",
3787
- "modalTitle": "Modal Title",
3788
- "titleAlign": "center",
3789
- "titleIcon": {
3790
- "lib": "antd",
3791
- "icon": "warning",
3792
- "theme": "outlined",
3793
- "color": "var(--color-warning)"
3794
- }
3795
- },
3796
- "events": {
3797
- "basic-bricks.general-modal.cancel": {
3798
- "action": "console.log"
3799
- },
3800
- "basic-bricks.general-modal.confirm": {
3801
- "action": "console.log"
3802
- },
3803
- "modal.open": {
3804
- "action": "console.log"
3805
- },
3806
- "modal.close": {
3807
- "action": "console.log"
4274
+ ],
4275
+ "type": "bricks"
3808
4276
  }
3809
4277
  }
3810
4278
  }
3811
- ]
4279
+ ],
4280
+ "type": "bricks"
3812
4281
  }
3813
4282
  }
3814
4283
  },
3815
4284
  {
3816
- "description": {
3817
- "title": "全屏模式"
3818
- },
3819
- "brick": "div",
3820
- "slots": {
3821
- "content": {
3822
- "type": "bricks",
3823
- "bricks": [
3824
- {
3825
- "brick": "basic-bricks.general-button",
3826
- "properties": {
3827
- "buttonName": "点击弹出模态框"
3828
- },
3829
- "events": {
3830
- "general.button.click": {
3831
- "target": "#fullscreen-mode",
3832
- "method": "open"
4285
+ "bricks": [
4286
+ {
4287
+ "description": {
4288
+ "title": "",
4289
+ "message": "全局完成类操作置于弹窗底部,使用文字按钮,一个主按钮,放于所有按钮的最右侧。"
4290
+ },
4291
+ "brick": "basic-bricks.general-modal",
4292
+ "events": {
4293
+ "basic-bricks.general-modal.cancel": {
4294
+ "action": "message.info",
4295
+ "args": [
4296
+ "modal cancel"
4297
+ ]
4298
+ },
4299
+ "basic-bricks.general-modal.confirm": {
4300
+ "action": "message.info",
4301
+ "args": [
4302
+ "modal confirm"
4303
+ ]
4304
+ },
4305
+ "modal.close": {
4306
+ "action": "message.info",
4307
+ "args": [
4308
+ "modal close"
4309
+ ]
4310
+ },
4311
+ "modal.open": {
4312
+ "action": "message.info",
4313
+ "args": [
4314
+ "modal open"
4315
+ ]
4316
+ }
4317
+ },
4318
+ "properties": {
4319
+ "enableFooterSlot": true,
4320
+ "id": "withSlot",
4321
+ "modalTitle": "Modal Title"
4322
+ },
4323
+ "slots": {
4324
+ "content": {
4325
+ "bricks": [
4326
+ {
4327
+ "brick": "h3",
4328
+ "properties": {
4329
+ "textContent": "modal content"
4330
+ }
3833
4331
  }
3834
- }
4332
+ ],
4333
+ "type": "bricks"
3835
4334
  },
3836
- {
3837
- "brick": "basic-bricks.general-modal",
3838
- "slots": {
3839
- "content": {
3840
- "type": "bricks",
3841
- "bricks": [
3842
- {
3843
- "brick": "h3",
3844
- "properties": {
3845
- "textContent": "modal content"
3846
- }
3847
- },
3848
- {
3849
- "brick": "p",
3850
- "properties": {
3851
- "textContent": "some content..."
3852
- }
3853
- },
3854
- {
3855
- "brick": "p",
3856
- "properties": {
3857
- "textContent": "some content..."
3858
- }
3859
- },
3860
- {
3861
- "brick": "p",
3862
- "properties": {
3863
- "textContent": "some content..."
4335
+ "footer": {
4336
+ "bricks": [
4337
+ {
4338
+ "brick": "basic-bricks.general-button",
4339
+ "events": {
4340
+ "general.button.click": [
4341
+ {
4342
+ "action": "console.log"
4343
+ },
4344
+ {
4345
+ "method": "close",
4346
+ "target": "#withSlot"
3864
4347
  }
3865
- }
3866
- ]
4348
+ ]
4349
+ },
4350
+ "properties": {
4351
+ "buttonName": "Delete",
4352
+ "buttonType": "danger"
4353
+ }
3867
4354
  }
3868
- },
3869
- "properties": {
3870
- "id": "fullscreen-mode",
3871
- "okText": "Save",
3872
- "modalTitle": "Modal Title",
3873
- "fullscreen": true
3874
- },
3875
- "events": {
3876
- "basic-bricks.general-modal.cancel": {
3877
- "action": "console.log"
4355
+ ],
4356
+ "type": "bricks"
4357
+ }
4358
+ }
4359
+ }
4360
+ ],
4361
+ "snippetId": "basic-bricks.general-modal[footer]",
4362
+ "title": {
4363
+ "en": "General Modal with Footer Slot",
4364
+ "zh": "带footer的模态框"
4365
+ },
4366
+ "actions": [
4367
+ {
4368
+ "text": "open()",
4369
+ "method": "open"
4370
+ }
4371
+ ]
4372
+ },
4373
+ {
4374
+ "bricks": [
4375
+ {
4376
+ "description": {
4377
+ "title": "标题相关:对齐方式、图标、标题后自定义构件",
4378
+ "message": "图标来源可以为src(httpSrc/DataSrc)或平台的图标库"
4379
+ },
4380
+ "brick": "basic-bricks.general-modal",
4381
+ "events": {
4382
+ "basic-bricks.general-modal.cancel": {
4383
+ "action": "message.info",
4384
+ "args": [
4385
+ "modal cancel"
4386
+ ]
4387
+ },
4388
+ "basic-bricks.general-modal.confirm": {
4389
+ "action": "message.info",
4390
+ "args": [
4391
+ "modal confirm"
4392
+ ]
4393
+ },
4394
+ "modal.close": {
4395
+ "action": "message.info",
4396
+ "args": [
4397
+ "modal close"
4398
+ ]
4399
+ },
4400
+ "modal.open": {
4401
+ "action": "message.info",
4402
+ "args": [
4403
+ "modal open"
4404
+ ]
4405
+ }
4406
+ },
4407
+ "properties": {
4408
+ "id": "title-customized",
4409
+ "modalTitle": "Modal Title",
4410
+ "okText": "Save",
4411
+ "titleAlign": "center",
4412
+ "titleIcon": {
4413
+ "color": "var(--color-warning)",
4414
+ "icon": "warning",
4415
+ "lib": "antd",
4416
+ "theme": "outlined"
4417
+ }
4418
+ },
4419
+ "slots": {
4420
+ "content": {
4421
+ "bricks": [
4422
+ {
4423
+ "brick": "h3",
4424
+ "properties": {
4425
+ "textContent": "modal content"
4426
+ }
4427
+ }
4428
+ ],
4429
+ "type": "bricks"
4430
+ },
4431
+ "headerExtra": {
4432
+ "bricks": [
4433
+ {
4434
+ "brick": "presentational-bricks.brick-tag",
4435
+ "properties": {
4436
+ "color": "var(--color-warning)",
4437
+ "showCard": false,
4438
+ "tagList": [
4439
+ "警告"
4440
+ ],
4441
+ "tagStyle": {
4442
+ "marginLeft": "-4px"
4443
+ }
4444
+ }
4445
+ }
4446
+ ],
4447
+ "type": "bricks"
4448
+ }
4449
+ }
4450
+ }
4451
+ ],
4452
+ "snippetId": "basic-bricks.general-modal[custom-title]",
4453
+ "title": {
4454
+ "en": "General Modal with Custom Title",
4455
+ "zh": "带自定义标题的模态框"
4456
+ },
4457
+ "actions": [
4458
+ {
4459
+ "text": "open()",
4460
+ "method": "open"
4461
+ }
4462
+ ]
4463
+ },
4464
+ {
4465
+ "bricks": [
4466
+ {
4467
+ "description": {
4468
+ "title": "全屏模式"
4469
+ },
4470
+ "brick": "basic-bricks.general-modal",
4471
+ "events": {
4472
+ "basic-bricks.general-modal.cancel": {
4473
+ "action": "message.info",
4474
+ "args": [
4475
+ "modal cancel"
4476
+ ]
4477
+ },
4478
+ "basic-bricks.general-modal.confirm": {
4479
+ "action": "message.info",
4480
+ "args": [
4481
+ "modal confirm"
4482
+ ]
4483
+ },
4484
+ "modal.close": {
4485
+ "action": "message.info",
4486
+ "args": [
4487
+ "modal close"
4488
+ ]
4489
+ },
4490
+ "modal.open": {
4491
+ "action": "message.info",
4492
+ "args": [
4493
+ "modal open"
4494
+ ]
4495
+ }
4496
+ },
4497
+ "properties": {
4498
+ "fullscreen": true,
4499
+ "id": "fullscreen-mode",
4500
+ "modalTitle": "Modal Title",
4501
+ "okText": "Save"
4502
+ },
4503
+ "slots": {
4504
+ "content": {
4505
+ "bricks": [
4506
+ {
4507
+ "brick": "h3",
4508
+ "properties": {
4509
+ "textContent": "modal content"
4510
+ }
3878
4511
  },
3879
- "basic-bricks.general-modal.confirm": {
3880
- "action": "console.log"
4512
+ {
4513
+ "brick": "p",
4514
+ "properties": {
4515
+ "textContent": "some content..."
4516
+ }
3881
4517
  },
3882
- "modal.open": {
3883
- "action": "console.log"
4518
+ {
4519
+ "brick": "p",
4520
+ "properties": {
4521
+ "textContent": "some content..."
4522
+ }
3884
4523
  },
3885
- "modal.close": {
3886
- "action": "console.log"
4524
+ {
4525
+ "brick": "p",
4526
+ "properties": {
4527
+ "textContent": "some content..."
4528
+ }
3887
4529
  }
3888
- }
4530
+ ],
4531
+ "type": "bricks"
3889
4532
  }
3890
- ]
4533
+ }
3891
4534
  }
3892
- }
4535
+ ],
4536
+ "snippetId": "basic-bricks.general-modal[full-screen]",
4537
+ "title": {
4538
+ "en": "Full Screen General Modal",
4539
+ "zh": "全屏模态框"
4540
+ },
4541
+ "actions": [
4542
+ {
4543
+ "text": "open()",
4544
+ "method": "open"
4545
+ }
4546
+ ]
3893
4547
  }
3894
4548
  ],
3895
4549
  "doc": {
@@ -4244,6 +4898,49 @@
4244
4898
  ]
4245
4899
  }
4246
4900
  }
4901
+ },
4902
+ {
4903
+ "bricks": [
4904
+ {
4905
+ "brick": "basic-bricks.general-notification",
4906
+ "events": {
4907
+ "general.notification.click": {
4908
+ "action": "message.info",
4909
+ "args": [
4910
+ "notification click"
4911
+ ]
4912
+ },
4913
+ "general.notification.close": {
4914
+ "action": "message.info",
4915
+ "args": [
4916
+ "notification close"
4917
+ ]
4918
+ }
4919
+ },
4920
+ "properties": {
4921
+ "description": "Notification Description.",
4922
+ "duration": 3,
4923
+ "icon": "smile",
4924
+ "iconStyle": {
4925
+ "color": "red",
4926
+ "textAlign": "center"
4927
+ },
4928
+ "message": "Notification Title",
4929
+ "placement": "topRight"
4930
+ }
4931
+ }
4932
+ ],
4933
+ "snippetId": "basic-bricks.general-notification[basic]",
4934
+ "title": {
4935
+ "en": "Basic General Notification",
4936
+ "zh": "基础通知提醒框"
4937
+ },
4938
+ "actions": [
4939
+ {
4940
+ "text": "open()",
4941
+ "method": "open"
4942
+ }
4943
+ ]
4247
4944
  }
4248
4945
  ],
4249
4946
  "previewColumns": 1,
@@ -4351,27 +5048,53 @@
4351
5048
  },
4352
5049
  "conf": [
4353
5050
  {
4354
- "brick": "basic-bricks.general-timer",
4355
- "properties": {
4356
- "eventName": "specific-event",
4357
- "interval": 10000,
4358
- "dataSource": "some data"
4359
- },
4360
- "events": {
4361
- "specific-event": {
4362
- "action": "console.log"
5051
+ "bricks": [
5052
+ {
5053
+ "brick": "basic-bricks.general-timer",
5054
+ "properties": {
5055
+ "interval": 10000
5056
+ },
5057
+ "events": {
5058
+ "general-timer.timing-event": {
5059
+ "action": "console.log"
5060
+ }
5061
+ }
4363
5062
  }
5063
+ ],
5064
+ "snippetId": "basic-bricks.general-timer[basic]",
5065
+ "title": {
5066
+ "en": "Basic General Timer",
5067
+ "zh": "基础定时器"
5068
+ },
5069
+ "message": {
5070
+ "en": "Write a scheduled task in the general timer. timing event",
5071
+ "zh": "在general-timer.timing-event写定时任务"
4364
5072
  }
4365
5073
  },
4366
5074
  {
4367
- "brick": "basic-bricks.general-timer",
4368
- "properties": {
4369
- "interval": 10000
4370
- },
4371
- "events": {
4372
- "general-timer.timing-event": {
4373
- "action": "console.log"
5075
+ "bricks": [
5076
+ {
5077
+ "brick": "basic-bricks.general-timer",
5078
+ "properties": {
5079
+ "eventName": "specific-event",
5080
+ "interval": 10000,
5081
+ "dataSource": "some data"
5082
+ },
5083
+ "events": {
5084
+ "specific-event": {
5085
+ "action": "console.log"
5086
+ }
5087
+ }
4374
5088
  }
5089
+ ],
5090
+ "snippetId": "basic-bricks.general-timer[custom-event]",
5091
+ "title": {
5092
+ "en": "General Timer with Custom Event",
5093
+ "zh": "带自定义事件的定时器"
5094
+ },
5095
+ "message": {
5096
+ "en": "Define the event through the property eventName",
5097
+ "zh": "通过属性eventName定义事件"
4375
5098
  }
4376
5099
  }
4377
5100
  ],
@@ -4444,93 +5167,104 @@
4444
5167
  "icon": {
4445
5168
  "imgSrc": "bricks/basic-bricks/dist/stories-asserts/basic-bricks.grid-layout.f59275b02376fe7c.svg"
4446
5169
  },
4447
- "conf": {
4448
- "brick": "basic-bricks.grid-layout",
4449
- "properties": {
4450
- "columns": 2,
4451
- "responsive": {
4452
- "medium": {
4453
- "columns": 1
4454
- }
4455
- }
4456
- },
4457
- "slots": {
4458
- "items": {
4459
- "type": "bricks",
4460
- "bricks": [
4461
- {
4462
- "brick": "basic-bricks.grid-layout",
4463
- "properties": {
4464
- "columns": 2
4465
- },
4466
- "slots": {
4467
- "items": {
4468
- "type": "bricks",
4469
- "bricks": [
4470
- {
4471
- "brick": "div",
4472
- "properties": {
4473
- "style": {
4474
- "gridColumn": "span 2",
4475
- "height": "200px",
4476
- "backgroundColor": "orange"
4477
- }
4478
- }
4479
- },
4480
- {
4481
- "brick": "div",
4482
- "properties": {
4483
- "style": {
4484
- "height": "100px",
4485
- "backgroundColor": "aquamarine "
4486
- }
4487
- }
4488
- },
4489
- {
4490
- "brick": "div",
4491
- "properties": {
4492
- "style": {
4493
- "height": "100px",
4494
- "backgroundColor": "aquamarine "
4495
- }
4496
- }
4497
- }
4498
- ]
5170
+ "conf": [
5171
+ {
5172
+ "bricks": [
5173
+ {
5174
+ "brick": "basic-bricks.grid-layout",
5175
+ "properties": {
5176
+ "columns": 2,
5177
+ "responsive": {
5178
+ "medium": {
5179
+ "columns": 1
4499
5180
  }
4500
5181
  }
4501
5182
  },
4502
- {
4503
- "brick": "basic-bricks.grid-layout",
4504
- "slots": {
4505
- "items": {
4506
- "type": "bricks",
4507
- "bricks": [
4508
- {
4509
- "brick": "div",
4510
- "properties": {
4511
- "style": {
4512
- "height": "100px",
4513
- "backgroundColor": "green"
4514
- }
4515
- }
5183
+ "slots": {
5184
+ "items": {
5185
+ "type": "bricks",
5186
+ "bricks": [
5187
+ {
5188
+ "brick": "basic-bricks.grid-layout",
5189
+ "properties": {
5190
+ "columns": 2
4516
5191
  },
4517
- {
4518
- "brick": "div",
4519
- "properties": {
4520
- "style": {
4521
- "height": "300px",
4522
- "backgroundColor": "green"
4523
- }
5192
+ "slots": {
5193
+ "items": {
5194
+ "type": "bricks",
5195
+ "bricks": [
5196
+ {
5197
+ "brick": "div",
5198
+ "properties": {
5199
+ "style": {
5200
+ "gridColumn": "span 2",
5201
+ "height": "200px",
5202
+ "backgroundColor": "orange"
5203
+ }
5204
+ }
5205
+ },
5206
+ {
5207
+ "brick": "div",
5208
+ "properties": {
5209
+ "style": {
5210
+ "height": "100px",
5211
+ "backgroundColor": "aquamarine "
5212
+ }
5213
+ }
5214
+ },
5215
+ {
5216
+ "brick": "div",
5217
+ "properties": {
5218
+ "style": {
5219
+ "height": "100px",
5220
+ "backgroundColor": "aquamarine "
5221
+ }
5222
+ }
5223
+ }
5224
+ ]
4524
5225
  }
4525
5226
  }
4526
- ]
4527
- }
5227
+ },
5228
+ {
5229
+ "brick": "basic-bricks.grid-layout",
5230
+ "slots": {
5231
+ "items": {
5232
+ "type": "bricks",
5233
+ "bricks": [
5234
+ {
5235
+ "brick": "div",
5236
+ "properties": {
5237
+ "style": {
5238
+ "height": "100px",
5239
+ "backgroundColor": "green"
5240
+ }
5241
+ }
5242
+ },
5243
+ {
5244
+ "brick": "div",
5245
+ "properties": {
5246
+ "style": {
5247
+ "height": "300px",
5248
+ "backgroundColor": "green"
5249
+ }
5250
+ }
5251
+ }
5252
+ ]
5253
+ }
5254
+ }
5255
+ }
5256
+ ]
4528
5257
  }
4529
5258
  }
4530
- ]
5259
+ }
5260
+ ],
5261
+ "snippetId": "basic-bricks.grid-layout[basic]",
5262
+ "title": {
5263
+ "en": "Basic Grid Layout",
5264
+ "zh": "基础网格布局"
4531
5265
  }
4532
5266
  }
4533
- },
5267
+ ],
4534
5268
  "doc": {
4535
5269
  "id": "basic-bricks.grid-layout",
4536
5270
  "name": "basic-bricks.grid-layout",
@@ -4715,58 +5449,69 @@
4715
5449
  "icon": {
4716
5450
  "imgSrc": "bricks/basic-bricks/dist/stories-asserts/basic-bricks.index-card.57a31184d6229832.svg"
4717
5451
  },
4718
- "conf": {
4719
- "brick": "basic-bricks.index-card",
4720
- "properties": {
4721
- "title": "Hello World"
4722
- },
4723
- "slots": {
4724
- "toolbar": {
4725
- "type": "bricks",
4726
- "bricks": [
4727
- {
4728
- "brick": "basic-bricks.general-button",
4729
- "properties": {
4730
- "buttonName": "Create New One"
4731
- }
4732
- },
4733
- {
4734
- "brick": "basic-bricks.general-button",
4735
- "properties": {
4736
- "buttonName": "Edit Existed One"
4737
- }
4738
- }
4739
- ]
4740
- },
4741
- "content": {
4742
- "type": "bricks",
4743
- "bricks": [
4744
- {
4745
- "brick": "div",
4746
- "properties": {
4747
- "textContent": "hello",
4748
- "style": {
4749
- "border": "3px solid orange",
4750
- "height": "60px",
4751
- "background": "#fff"
4752
- }
4753
- }
5452
+ "conf": [
5453
+ {
5454
+ "bricks": [
5455
+ {
5456
+ "brick": "basic-bricks.index-card",
5457
+ "properties": {
5458
+ "title": "Hello World"
4754
5459
  },
4755
- {
4756
- "brick": "div",
4757
- "properties": {
4758
- "textContent": "world",
4759
- "style": {
4760
- "border": "3px solid orange",
4761
- "height": "100px",
4762
- "background": "#fff"
4763
- }
5460
+ "slots": {
5461
+ "toolbar": {
5462
+ "type": "bricks",
5463
+ "bricks": [
5464
+ {
5465
+ "brick": "basic-bricks.general-button",
5466
+ "properties": {
5467
+ "buttonName": "Create New One"
5468
+ }
5469
+ },
5470
+ {
5471
+ "brick": "basic-bricks.general-button",
5472
+ "properties": {
5473
+ "buttonName": "Edit Existed One"
5474
+ }
5475
+ }
5476
+ ]
5477
+ },
5478
+ "content": {
5479
+ "type": "bricks",
5480
+ "bricks": [
5481
+ {
5482
+ "brick": "div",
5483
+ "properties": {
5484
+ "textContent": "hello",
5485
+ "style": {
5486
+ "border": "3px solid orange",
5487
+ "height": "60px",
5488
+ "background": "#fff"
5489
+ }
5490
+ }
5491
+ },
5492
+ {
5493
+ "brick": "div",
5494
+ "properties": {
5495
+ "textContent": "world",
5496
+ "style": {
5497
+ "border": "3px solid orange",
5498
+ "height": "100px",
5499
+ "background": "#fff"
5500
+ }
5501
+ }
5502
+ }
5503
+ ]
4764
5504
  }
4765
5505
  }
4766
- ]
5506
+ }
5507
+ ],
5508
+ "snippetId": "basic-bricks.index-card[basic]",
5509
+ "title": {
5510
+ "en": "Basic Index Card",
5511
+ "zh": "基础页面容器"
4767
5512
  }
4768
5513
  }
4769
- },
5514
+ ],
4770
5515
  "doc": {
4771
5516
  "id": "basic-bricks.index-card",
4772
5517
  "name": "basic-bricks.index-card",
@@ -4813,39 +5558,61 @@
4813
5558
  },
4814
5559
  "conf": [
4815
5560
  {
4816
- "brick": "basic-bricks.list-container",
4817
- "properties": {
4818
- "data": [
4819
- "正常",
4820
- "异常",
4821
- "未安装"
4822
- ],
4823
- "useBrick": {
4824
- "brick": "presentational-bricks.agent-status",
5561
+ "bricks": [
5562
+ {
5563
+ "brick": "basic-bricks.list-container",
4825
5564
  "properties": {
4826
- "value": "<% DATA %>"
5565
+ "data": [
5566
+ "正常",
5567
+ "异常",
5568
+ "未安装"
5569
+ ],
5570
+ "useBrick": {
5571
+ "brick": "presentational-bricks.agent-status",
5572
+ "properties": {
5573
+ "value": "<% DATA %>"
5574
+ }
5575
+ }
4827
5576
  }
4828
5577
  }
5578
+ ],
5579
+ "snippetId": "basic-bricks.list-container[basic]",
5580
+ "title": {
5581
+ "en": "Basic List Container",
5582
+ "zh": "基础动态构件列表容器"
4829
5583
  }
4830
5584
  },
4831
5585
  {
4832
- "brick": "basic-bricks.list-container",
4833
- "properties": {
4834
- "gap": "20px",
4835
- "extraContainerStyle": {
4836
- "gridTemplateColumns": "repeat(auto-fill, minmax(260px, 1fr))"
4837
- },
4838
- "data": [
4839
- "正常",
4840
- "异常",
4841
- "未安装"
4842
- ],
4843
- "useBrick": {
4844
- "brick": "presentational-bricks.agent-status",
5586
+ "bricks": [
5587
+ {
5588
+ "brick": "basic-bricks.list-container",
4845
5589
  "properties": {
4846
- "value": "<% DATA %>"
5590
+ "gap": "20px",
5591
+ "extraContainerStyle": {
5592
+ "gridTemplateColumns": "repeat(auto-fill, minmax(260px, 1fr))"
5593
+ },
5594
+ "data": [
5595
+ "正常",
5596
+ "异常",
5597
+ "未安装"
5598
+ ],
5599
+ "useBrick": {
5600
+ "brick": "presentational-bricks.agent-status",
5601
+ "properties": {
5602
+ "value": "<% DATA %>"
5603
+ }
5604
+ }
4847
5605
  }
4848
5606
  }
5607
+ ],
5608
+ "snippetId": "basic-bricks.list-container[extra-style]",
5609
+ "title": {
5610
+ "en": "List Container with Extra Container Style",
5611
+ "zh": "带额外样式的动态构件列表容器"
5612
+ },
5613
+ "message": {
5614
+ "en": "The container itself is a grid layout by default, and you can set additional styles",
5615
+ "zh": "容器本身默认是 grid 布局,可以设置额外的样式"
4849
5616
  }
4850
5617
  }
4851
5618
  ],
@@ -5005,50 +5772,51 @@
5005
5772
  "icon": {
5006
5773
  "imgSrc": "bricks/basic-bricks/dist/stories-asserts/basic-bricks.menu-bar .348656e981e2bbc3.svg"
5007
5774
  },
5008
- "conf": {
5009
- "brick": "basic-bricks.micro-app",
5010
- "slots": {
5011
- "subMenu": {
5012
- "type": "bricks",
5013
- "bricks": [
5014
- {
5015
- "brick": "basic-bricks.menu-bar",
5016
- "properties": {
5017
- "menu": {
5018
- "title": "IP网段管理",
5019
- "menuItems": [
5020
- {
5021
- "type": "default",
5022
- "text": "基本信息",
5023
- "to": "/developers/brick-book/menu-bar",
5024
- "exact": true
5025
- },
5026
- {
5027
- "type": "group",
5028
- "title": "资源关系",
5029
- "items": [
5030
- {
5031
- "text": "所在机柜",
5032
- "to": "/developers/brick-book/menu-bar/1"
5033
- },
5034
- {
5035
- "text": "运维人员",
5036
- "to": "/developers/brick-book/menu-bar/2"
5037
- }
5038
- ]
5039
- }
5040
- ]
5041
- },
5042
- "collapsed": false,
5043
- "dataset": {
5044
- "testid": "basic-usage-demo-menu"
5045
- }
5775
+ "conf": [
5776
+ {
5777
+ "bricks": [
5778
+ {
5779
+ "brick": "basic-bricks.menu-bar",
5780
+ "properties": {
5781
+ "collapsed": false,
5782
+ "dataset": {
5783
+ "testid": "basic-usage-demo-menu"
5784
+ },
5785
+ "menu": {
5786
+ "menuItems": [
5787
+ {
5788
+ "exact": true,
5789
+ "text": "基本信息",
5790
+ "to": "/developers/brick-book/menu-bar",
5791
+ "type": "default"
5792
+ },
5793
+ {
5794
+ "items": [
5795
+ {
5796
+ "text": "所在机柜",
5797
+ "to": "/developers/brick-book/menu-bar/1"
5798
+ },
5799
+ {
5800
+ "text": "运维人员",
5801
+ "to": "/developers/brick-book/menu-bar/2"
5802
+ }
5803
+ ],
5804
+ "title": "资源关系",
5805
+ "type": "group"
5806
+ }
5807
+ ],
5808
+ "title": "IP网段管理"
5046
5809
  }
5047
5810
  }
5048
- ]
5811
+ }
5812
+ ],
5813
+ "snippetId": "basic-bricks.menu-bar[basic]",
5814
+ "title": {
5815
+ "en": "Basic Menu Bar",
5816
+ "zh": "基础一级左侧菜单"
5049
5817
  }
5050
5818
  }
5051
- },
5819
+ ],
5052
5820
  "doc": {
5053
5821
  "id": "basic-bricks.menu-bar",
5054
5822
  "name": "basic-bricks.menu-bar",
@@ -5183,161 +5951,179 @@
5183
5951
  },
5184
5952
  "conf": [
5185
5953
  {
5186
- "brick": "basic-bricks.micro-view",
5187
- "properties": {
5188
- "pageTitle": "Hello World"
5189
- },
5190
- "slots": {
5191
- "toolbar": {
5192
- "type": "bricks",
5193
- "bricks": [
5194
- {
5195
- "brick": "basic-bricks.general-button",
5196
- "properties": {
5197
- "buttonName": "Create New One"
5198
- }
5199
- },
5200
- {
5201
- "brick": "basic-bricks.general-button",
5202
- "properties": {
5203
- "buttonName": "Edit Existed One"
5204
- }
5205
- }
5206
- ]
5207
- },
5208
- "content": {
5209
- "type": "bricks",
5210
- "bricks": [
5211
- {
5212
- "brick": "div",
5213
- "properties": {
5214
- "textContent": "hello",
5215
- "style": {
5216
- "border": "3px solid orange",
5217
- "height": "60px",
5218
- "background": "#fff"
5954
+ "bricks": [
5955
+ {
5956
+ "brick": "basic-bricks.micro-view",
5957
+ "properties": {
5958
+ "pageTitle": "Hello World"
5959
+ },
5960
+ "slots": {
5961
+ "toolbar": {
5962
+ "type": "bricks",
5963
+ "bricks": [
5964
+ {
5965
+ "brick": "basic-bricks.general-button",
5966
+ "properties": {
5967
+ "buttonName": "Create New One"
5968
+ }
5969
+ },
5970
+ {
5971
+ "brick": "basic-bricks.general-button",
5972
+ "properties": {
5973
+ "buttonName": "Edit Existed One"
5974
+ }
5219
5975
  }
5220
- }
5976
+ ]
5221
5977
  },
5222
- {
5223
- "brick": "div",
5224
- "properties": {
5225
- "textContent": "world",
5226
- "style": {
5227
- "border": "3px solid orange",
5228
- "height": "100px",
5229
- "background": "#fff"
5978
+ "content": {
5979
+ "type": "bricks",
5980
+ "bricks": [
5981
+ {
5982
+ "brick": "div",
5983
+ "properties": {
5984
+ "textContent": "hello",
5985
+ "style": {
5986
+ "border": "3px solid orange",
5987
+ "height": "60px",
5988
+ "background": "#fff"
5989
+ }
5990
+ }
5991
+ },
5992
+ {
5993
+ "brick": "div",
5994
+ "properties": {
5995
+ "textContent": "world",
5996
+ "style": {
5997
+ "border": "3px solid orange",
5998
+ "height": "100px",
5999
+ "background": "#fff"
6000
+ }
6001
+ }
5230
6002
  }
5231
- }
6003
+ ]
5232
6004
  }
5233
- ]
6005
+ }
5234
6006
  }
6007
+ ],
6008
+ "snippetId": "basic-bricks.micro-view[basic]",
6009
+ "title": {
6010
+ "en": "Basic Micro View",
6011
+ "zh": "基础通用页面视图容器"
5235
6012
  }
5236
6013
  },
5237
6014
  {
5238
- "description": {
5239
- "title": "使用 banner"
5240
- },
5241
- "brick": "basic-bricks.micro-view",
5242
- "properties": {
5243
- "bannerPageTitle": "Hello World",
5244
- "bannerStyle": {
5245
- "backgroundImage": "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 200 200'%3E%3Cpolygon fill='%23DCEFFA' points='100 0 0 100 100 100 100 200 200 100 200 0'/%3E%3C/svg%3E\")",
5246
- "backgroundSize": "auto"
5247
- }
5248
- },
5249
- "slots": {
5250
- "bannerToolbar": {
5251
- "type": "bricks",
5252
- "bricks": [
5253
- {
5254
- "brick": "basic-bricks.general-button",
5255
- "properties": {
5256
- "buttonName": "Create New One"
5257
- }
5258
- },
5259
- {
5260
- "brick": "basic-bricks.general-button",
5261
- "properties": {
5262
- "buttonName": "Edit Existed One"
5263
- }
6015
+ "bricks": [
6016
+ {
6017
+ "description": {
6018
+ "title": "使用 banner"
6019
+ },
6020
+ "brick": "basic-bricks.micro-view",
6021
+ "properties": {
6022
+ "bannerPageTitle": "Hello World",
6023
+ "bannerStyle": {
6024
+ "backgroundImage": "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 200 200'%3E%3Cpolygon fill='%23DCEFFA' points='100 0 0 100 100 100 100 200 200 100 200 0'/%3E%3C/svg%3E\")",
6025
+ "backgroundSize": "auto"
5264
6026
  }
5265
- ]
5266
- },
5267
- "banner": {
5268
- "type": "bricks",
5269
- "bricks": [
5270
- {
5271
- "brick": "div",
5272
- "properties": {
5273
- "textContent": "hello",
5274
- "style": {
5275
- "border": "3px solid orange",
5276
- "height": "60px",
5277
- "background": "#fff"
5278
- }
5279
- }
5280
- },
5281
- {
5282
- "brick": "div",
5283
- "properties": {
5284
- "textContent": "world",
5285
- "style": {
5286
- "border": "3px solid orange",
5287
- "height": "100px",
5288
- "background": "#fff"
6027
+ },
6028
+ "slots": {
6029
+ "bannerToolbar": {
6030
+ "type": "bricks",
6031
+ "bricks": [
6032
+ {
6033
+ "brick": "basic-bricks.general-button",
6034
+ "properties": {
6035
+ "buttonName": "Create New One"
6036
+ }
6037
+ },
6038
+ {
6039
+ "brick": "basic-bricks.general-button",
6040
+ "properties": {
6041
+ "buttonName": "Edit Existed One"
6042
+ }
5289
6043
  }
5290
- }
6044
+ ]
5291
6045
  },
5292
- {
5293
- "brick": "presentational-bricks.brick-divider",
5294
- "properties": {
5295
- "dividerStyle": {
5296
- "margin": "12px 0"
6046
+ "banner": {
6047
+ "type": "bricks",
6048
+ "bricks": [
6049
+ {
6050
+ "brick": "div",
6051
+ "properties": {
6052
+ "textContent": "hello",
6053
+ "style": {
6054
+ "border": "3px solid orange",
6055
+ "height": "60px",
6056
+ "background": "#fff"
6057
+ }
6058
+ }
6059
+ },
6060
+ {
6061
+ "brick": "div",
6062
+ "properties": {
6063
+ "textContent": "world",
6064
+ "style": {
6065
+ "border": "3px solid orange",
6066
+ "height": "100px",
6067
+ "background": "#fff"
6068
+ }
6069
+ }
6070
+ },
6071
+ {
6072
+ "brick": "presentational-bricks.brick-divider",
6073
+ "properties": {
6074
+ "dividerStyle": {
6075
+ "margin": "12px 0"
6076
+ }
6077
+ }
6078
+ },
6079
+ {
6080
+ "brick": "container-brick.tabs-container",
6081
+ "properties": {
6082
+ "showCard": false,
6083
+ "tabList": [
6084
+ {
6085
+ "text": "Tab 1",
6086
+ "key": "tab1"
6087
+ },
6088
+ {
6089
+ "text": "Tab 2",
6090
+ "key": "tab2"
6091
+ },
6092
+ {
6093
+ "text": "Tab 3",
6094
+ "key": "tab3"
6095
+ }
6096
+ ],
6097
+ "style": {
6098
+ "marginBottom": "calc(var(--page-card-gap) * -1 - 1px)"
6099
+ }
6100
+ }
5297
6101
  }
5298
- }
6102
+ ]
5299
6103
  },
5300
- {
5301
- "brick": "container-brick.tabs-container",
5302
- "properties": {
5303
- "showCard": false,
5304
- "tabList": [
5305
- {
5306
- "text": "Tab 1",
5307
- "key": "tab1"
5308
- },
5309
- {
5310
- "text": "Tab 2",
5311
- "key": "tab2"
5312
- },
5313
- {
5314
- "text": "Tab 3",
5315
- "key": "tab3"
6104
+ "content": {
6105
+ "type": "bricks",
6106
+ "bricks": [
6107
+ {
6108
+ "brick": "div",
6109
+ "properties": {
6110
+ "textContent": "content",
6111
+ "style": {
6112
+ "border": "3px solid orange",
6113
+ "height": "60px",
6114
+ "background": "#fff"
6115
+ }
5316
6116
  }
5317
- ],
5318
- "style": {
5319
- "marginBottom": "calc(var(--page-card-gap) * -1 - 1px)"
5320
- }
5321
- }
5322
- }
5323
- ]
5324
- },
5325
- "content": {
5326
- "type": "bricks",
5327
- "bricks": [
5328
- {
5329
- "brick": "div",
5330
- "properties": {
5331
- "textContent": "content",
5332
- "style": {
5333
- "border": "3px solid orange",
5334
- "height": "60px",
5335
- "background": "#fff"
5336
6117
  }
5337
- }
6118
+ ]
5338
6119
  }
5339
- ]
6120
+ }
5340
6121
  }
6122
+ ],
6123
+ "snippetId": "basic-bricks.micro-view[with-banner]",
6124
+ "title": {
6125
+ "en": "Micro View with Banner Slot",
6126
+ "zh": "带Banner插槽的通用页面视图容器"
5341
6127
  }
5342
6128
  }
5343
6129
  ],
@@ -5444,81 +6230,90 @@
5444
6230
  "description": "是否隐藏工具栏(常用语大屏模式)。",
5445
6231
  "group": "ui"
5446
6232
  },
5447
- {
5448
- "name": "bannerStyle",
5449
- "type": "CSSProperties",
5450
- "required": false,
5451
- "default": "-",
5452
- "description": "banner 的样式",
5453
- "group": "ui"
5454
- }
5455
- ],
5456
- "interface": []
5457
- }
5458
- },
5459
- {
5460
- "storyId": "basic-bricks.multiple-columns-card",
5461
- "category": "container-layout",
5462
- "type": "brick",
5463
- "author": "jo",
5464
- "deprecated": true,
5465
- "text": {
5466
- "en": "Multi Column Layout Container with Border",
5467
- "zh": "带边框多列布局容器"
5468
- },
5469
- "description": {
5470
- "en": "support multiple columns card",
5471
- "zh": "支持多列布局的容器,推荐使用 `basic-bricks.easy-view`"
5472
- },
5473
- "icon": {
5474
- "imgSrc": "bricks/basic-bricks/dist/stories-asserts/basic-bricks.multiple-columns-card.763cbfc27981ca6c.svg"
5475
- },
5476
- "conf": [
5477
- {
5478
- "brick": "basic-bricks.multiple-columns-card",
5479
- "properties": {
5480
- "gridColumns": [
5481
- "200px",
5482
- 1,
5483
- 2
5484
- ]
5485
- },
5486
- "slots": {
5487
- "content": {
5488
- "type": "bricks",
5489
- "bricks": [
5490
- {
5491
- "brick": "div",
5492
- "properties": {
5493
- "textContent": "主机",
5494
- "style": {
5495
- "line-height": "200px",
5496
- "text-align": "center"
5497
- }
5498
- }
5499
- },
5500
- {
5501
- "brick": "div",
5502
- "properties": {
5503
- "textContent": "应用",
5504
- "style": {
5505
- "line-height": "200px",
5506
- "text-align": "center"
5507
- }
5508
- }
5509
- },
5510
- {
5511
- "brick": "div",
5512
- "properties": {
5513
- "textContent": "集群",
5514
- "style": {
5515
- "line-height": "200px",
5516
- "text-align": "center"
6233
+ {
6234
+ "name": "bannerStyle",
6235
+ "type": "CSSProperties",
6236
+ "required": false,
6237
+ "default": "-",
6238
+ "description": "banner 的样式",
6239
+ "group": "ui"
6240
+ }
6241
+ ],
6242
+ "interface": []
6243
+ }
6244
+ },
6245
+ {
6246
+ "storyId": "basic-bricks.multiple-columns-card",
6247
+ "category": "container-layout",
6248
+ "type": "brick",
6249
+ "author": "jo",
6250
+ "deprecated": true,
6251
+ "text": {
6252
+ "en": "Multi Column Layout Container with Border",
6253
+ "zh": "带边框多列布局容器"
6254
+ },
6255
+ "description": {
6256
+ "en": "support multiple columns card",
6257
+ "zh": "支持多列布局的容器,推荐使用 `basic-bricks.easy-view`"
6258
+ },
6259
+ "icon": {
6260
+ "imgSrc": "bricks/basic-bricks/dist/stories-asserts/basic-bricks.multiple-columns-card.763cbfc27981ca6c.svg"
6261
+ },
6262
+ "conf": [
6263
+ {
6264
+ "bricks": [
6265
+ {
6266
+ "brick": "basic-bricks.multiple-columns-card",
6267
+ "properties": {
6268
+ "gridColumns": [
6269
+ "200px",
6270
+ 1,
6271
+ 2
6272
+ ]
6273
+ },
6274
+ "slots": {
6275
+ "content": {
6276
+ "type": "bricks",
6277
+ "bricks": [
6278
+ {
6279
+ "brick": "div",
6280
+ "properties": {
6281
+ "textContent": "主机",
6282
+ "style": {
6283
+ "line-height": "200px",
6284
+ "text-align": "center"
6285
+ }
6286
+ }
6287
+ },
6288
+ {
6289
+ "brick": "div",
6290
+ "properties": {
6291
+ "textContent": "应用",
6292
+ "style": {
6293
+ "line-height": "200px",
6294
+ "text-align": "center"
6295
+ }
6296
+ }
6297
+ },
6298
+ {
6299
+ "brick": "div",
6300
+ "properties": {
6301
+ "textContent": "集群",
6302
+ "style": {
6303
+ "line-height": "200px",
6304
+ "text-align": "center"
6305
+ }
6306
+ }
5517
6307
  }
5518
- }
6308
+ ]
5519
6309
  }
5520
- ]
6310
+ }
5521
6311
  }
6312
+ ],
6313
+ "snippetId": "basic-bricks.multiple-columns-card[basic]",
6314
+ "title": {
6315
+ "en": "Basic Multiple Columns Card",
6316
+ "zh": "基础带边框多列布局容器"
5522
6317
  }
5523
6318
  },
5524
6319
  {
@@ -5724,22 +6519,39 @@
5724
6519
  "icon": {
5725
6520
  "imgSrc": "bricks/basic-bricks/dist/stories-asserts/basic-bricks.page-title.d3c16d2b20e77d86.svg"
5726
6521
  },
5727
- "conf": {
5728
- "brick": "basic-bricks.micro-view",
5729
- "slots": {
5730
- "titleBar": {
5731
- "type": "bricks",
5732
- "bricks": [
5733
- {
5734
- "brick": "basic-bricks.page-title",
5735
- "properties": {
5736
- "pageTitle": "Hello World"
6522
+ "conf": [
6523
+ {
6524
+ "brick": "basic-bricks.micro-view",
6525
+ "slots": {
6526
+ "titleBar": {
6527
+ "type": "bricks",
6528
+ "bricks": [
6529
+ {
6530
+ "brick": "basic-bricks.page-title",
6531
+ "properties": {
6532
+ "pageTitle": "Hello World"
6533
+ }
5737
6534
  }
6535
+ ]
6536
+ }
6537
+ }
6538
+ },
6539
+ {
6540
+ "bricks": [
6541
+ {
6542
+ "brick": "basic-bricks.page-title",
6543
+ "properties": {
6544
+ "pageTitle": "Hello World"
5738
6545
  }
5739
- ]
6546
+ }
6547
+ ],
6548
+ "snippetId": "basic-bricks.page-title[basic]",
6549
+ "title": {
6550
+ "en": "Basic Page Title",
6551
+ "zh": "基础页面标题"
5740
6552
  }
5741
6553
  }
5742
- },
6554
+ ],
5743
6555
  "doc": {
5744
6556
  "id": "basic-bricks.page-title",
5745
6557
  "name": "basic-bricks.page-title",
@@ -6027,42 +6839,51 @@
6027
6839
  }
6028
6840
  },
6029
6841
  {
6030
- "brick": "basic-bricks.popover-container",
6031
- "properties": {
6032
- "showIcon": "never",
6033
- "triggerByIcon": false,
6034
- "placement": "top",
6035
- "trigger": "hover",
6036
- "style": {
6037
- "display": "inline-block"
6038
- },
6039
- "displayBrick": {
6040
- "useBrick": {
6041
- "brick": "presentational-bricks.brick-value-mapping",
6042
- "properties": {
6043
- "showTagCircle": true,
6044
- "value": 0,
6045
- "mapping": {
6046
- "0": {
6047
- "text": "紧急",
6048
- "color": "red"
6842
+ "bricks": [
6843
+ {
6844
+ "brick": "basic-bricks.popover-container",
6845
+ "properties": {
6846
+ "showIcon": "never",
6847
+ "triggerByIcon": false,
6848
+ "placement": "top",
6849
+ "trigger": "hover",
6850
+ "style": {
6851
+ "display": "inline-block"
6852
+ },
6853
+ "displayBrick": {
6854
+ "useBrick": {
6855
+ "brick": "presentational-bricks.brick-value-mapping",
6856
+ "properties": {
6857
+ "showTagCircle": true,
6858
+ "value": 0,
6859
+ "mapping": {
6860
+ "0": {
6861
+ "text": "紧急",
6862
+ "color": "red"
6863
+ }
6864
+ }
6865
+ }
6866
+ }
6867
+ },
6868
+ "popoverContentStyle": {
6869
+ "width": 160,
6870
+ "height": 20
6871
+ },
6872
+ "popoverBrick": {
6873
+ "useBrick": {
6874
+ "brick": "div",
6875
+ "properties": {
6876
+ "textContent": "紧急:cpu.util大于 70%"
6049
6877
  }
6050
6878
  }
6051
- }
6052
- }
6053
- },
6054
- "popoverContentStyle": {
6055
- "width": 160,
6056
- "height": 20
6057
- },
6058
- "popoverBrick": {
6059
- "useBrick": {
6060
- "brick": "div",
6061
- "properties": {
6062
- "textContent": "紧急:cpu.util大于 70%"
6063
6879
  }
6064
6880
  }
6065
6881
  }
6882
+ ],
6883
+ "snippetId": "basic-bricks.popover-container[basic]",
6884
+ "title": {
6885
+ "en": "Basic Popover Container",
6886
+ "zh": "基础气泡卡片容器"
6066
6887
  }
6067
6888
  }
6068
6889
  ],
@@ -6250,17 +7071,28 @@
6250
7071
  "icon": {
6251
7072
  "imgSrc": "bricks/basic-bricks/dist/stories-asserts/basic-bricks.print-button.f211dea5d406c89c.svg"
6252
7073
  },
6253
- "conf": {
6254
- "brick": "basic-bricks.print-button",
6255
- "properties": {
6256
- "prefixTitle": "IT资源统计大屏",
6257
- "backgroundColor": "rgb(0, 249, 253)",
6258
- "color": "white",
6259
- "border": "none",
6260
- "bottom": "15px",
6261
- "right": "10px"
7074
+ "conf": [
7075
+ {
7076
+ "bricks": [
7077
+ {
7078
+ "brick": "basic-bricks.print-button",
7079
+ "properties": {
7080
+ "prefixTitle": "IT资源统计大屏",
7081
+ "backgroundColor": "rgb(0, 249, 253)",
7082
+ "color": "white",
7083
+ "border": "none",
7084
+ "bottom": "15px",
7085
+ "right": "10px"
7086
+ }
7087
+ }
7088
+ ],
7089
+ "snippetId": "basic-bricks.print-button[basic]",
7090
+ "title": {
7091
+ "en": "Basic Print Button",
7092
+ "zh": "基础打印按钮"
7093
+ }
6262
7094
  }
6263
- },
7095
+ ],
6264
7096
  "doc": {
6265
7097
  "id": "basic-bricks.print-button",
6266
7098
  "name": "basic-bricks.print-button",
@@ -6392,6 +7224,32 @@
6392
7224
  "imgSrc": "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20width%3D%22105px%22%20height%3D%2255px%22%20viewBox%3D%220%200%20105%2055%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%20%20%20%20%3Ctitle%3Ebrick%3Abasic-bricks.script-brick%3C%2Ftitle%3E%20%20%20%20%3Cg%20id%3D%22nora%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22-%E6%9E%84%E4%BB%B6%E6%A6%82%E8%A7%88%E5%9B%BE%E4%B9%9D%22%20transform%3D%22translate%28-442.000000%2C%20-1042.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22brick%3Abasic-bricks.script-brick%22%20transform%3D%22translate%28442.000000%2C%201042.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22%E7%9F%A9%E5%BD%A2%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22105%22%20height%3D%2255%22%20rx%3D%224%22%3E%3C%2Frect%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22%E7%BC%96%E7%BB%84-23%22%20transform%3D%22translate%2833.000000%2C%209.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22%E7%9F%A9%E5%BD%A2%22%20fill%3D%22%231A7AFF%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%20rx%3D%222%22%3E%3C%2Frect%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ccircle%20id%3D%22%E6%A4%AD%E5%9C%86%E5%BD%A2%22%20fill%3D%22%2352C41A%22%20cx%3D%2227%22%20cy%3D%2224%22%20r%3D%2212%22%3E%3C%2Fcircle%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E"
6393
7225
  },
6394
7226
  "conf": [
7227
+ {
7228
+ "bricks": [
7229
+ {
7230
+ "brick": "basic-bricks.script-brick",
7231
+ "events": {
7232
+ "script.execute": {
7233
+ "action": "message.info",
7234
+ "args": [
7235
+ "excute script"
7236
+ ]
7237
+ }
7238
+ }
7239
+ }
7240
+ ],
7241
+ "snippetId": "basic-bricks.script-brick[basic]",
7242
+ "title": {
7243
+ "en": "Basic Script Brick",
7244
+ "zh": "基础自定义函数转换"
7245
+ },
7246
+ "actions": [
7247
+ {
7248
+ "text": "execute()",
7249
+ "method": "execute"
7250
+ }
7251
+ ]
7252
+ },
6395
7253
  {
6396
7254
  "brick": "div",
6397
7255
  "slots": {
@@ -6647,6 +7505,137 @@
6647
7505
  "imgSrc": "bricks/basic-bricks/dist/stories-asserts/basic-bricks.sub-menu.912160d1231cf2b8.svg"
6648
7506
  },
6649
7507
  "conf": [
7508
+ {
7509
+ "bricks": [
7510
+ {
7511
+ "brick": "basic-bricks.sub-menu",
7512
+ "properties": {
7513
+ "dataSource": {
7514
+ "menuItems": [
7515
+ {
7516
+ "exact": true,
7517
+ "icon": {
7518
+ "icon": "cube",
7519
+ "lib": "fa"
7520
+ },
7521
+ "text": "工具库",
7522
+ "to": "/developers/brick-book/atom/sub-menu",
7523
+ "type": "default"
7524
+ },
7525
+ {
7526
+ "items": [
7527
+ {
7528
+ "icon": {
7529
+ "category": "model",
7530
+ "icon": "host",
7531
+ "lib": "easyops"
7532
+ },
7533
+ "text": "主机",
7534
+ "to": "/developers/brick-book/atom/sub-menu/1"
7535
+ },
7536
+ {
7537
+ "icon": {
7538
+ "category": "model",
7539
+ "icon": "docker-image",
7540
+ "lib": "easyops"
7541
+ },
7542
+ "text": "Docker",
7543
+ "to": "/developers/brick-book/atom/sub-menu/2"
7544
+ }
7545
+ ],
7546
+ "title": "平台资源",
7547
+ "type": "group"
7548
+ },
7549
+ {
7550
+ "items": [
7551
+ {
7552
+ "icon": {
7553
+ "category": "model",
7554
+ "icon": "admin",
7555
+ "lib": "easyops"
7556
+ },
7557
+ "text": "开发负责人",
7558
+ "to": "/developers/brick-book/atom/sub-menu/3"
7559
+ },
7560
+ {
7561
+ "icon": {
7562
+ "category": "model",
7563
+ "icon": "admin",
7564
+ "lib": "easyops"
7565
+ },
7566
+ "text": "运维负责人",
7567
+ "to": "/developers/brick-book/atom/sub-menu/4"
7568
+ },
7569
+ {
7570
+ "icon": {
7571
+ "category": "model",
7572
+ "icon": "admin",
7573
+ "lib": "easyops"
7574
+ },
7575
+ "text": "测试负责人",
7576
+ "to": "/developers/brick-book/atom/sub-menu/5"
7577
+ }
7578
+ ],
7579
+ "title": "负责人",
7580
+ "type": "group"
7581
+ },
7582
+ {
7583
+ "items": [
7584
+ {
7585
+ "icon": {
7586
+ "category": "model",
7587
+ "icon": "app",
7588
+ "lib": "easyops"
7589
+ },
7590
+ "items": [
7591
+ {
7592
+ "items": [
7593
+ {
7594
+ "text": "被调方",
7595
+ "to": "/developers/brick-book/atom/sub-menu/6"
7596
+ }
7597
+ ],
7598
+ "title": "被调方",
7599
+ "type": "subMenu"
7600
+ },
7601
+ {
7602
+ "text": "被调方",
7603
+ "to": "/developers/brick-book/atom/sub-menu/7"
7604
+ }
7605
+ ],
7606
+ "title": "被调方",
7607
+ "type": "subMenu"
7608
+ },
7609
+ {
7610
+ "icon": {
7611
+ "category": "model",
7612
+ "icon": "app",
7613
+ "lib": "easyops"
7614
+ },
7615
+ "items": [
7616
+ {
7617
+ "text": "被调方",
7618
+ "to": "/developers/brick-book/atom/sub-menu/8"
7619
+ }
7620
+ ],
7621
+ "title": "被调方",
7622
+ "type": "subMenu"
7623
+ }
7624
+ ],
7625
+ "title": "调用关系",
7626
+ "type": "group"
7627
+ }
7628
+ ]
7629
+ }
7630
+ }
7631
+ }
7632
+ ],
7633
+ "snippetId": "basic-bricks.sub-menu[basic]",
7634
+ "title": {
7635
+ "en": "Basic Sub Menu",
7636
+ "zh": "基础二级子菜单"
7637
+ }
7638
+ },
6650
7639
  {
6651
7640
  "brick": "basic-bricks.micro-app",
6652
7641
  "slots": {
@@ -6882,175 +7871,190 @@
6882
7871
  },
6883
7872
  "conf": [
6884
7873
  {
6885
- "brick": "basic-bricks.sub-menu-filter",
6886
- "events": {
6887
- "menu.search": {
6888
- "action": "console.log"
6889
- },
6890
- "menu.select": {
6891
- "action": "console.log"
6892
- }
6893
- },
6894
- "properties": {
6895
- "defaultOpenKeys": [
6896
- "diy"
6897
- ],
6898
- "defaultSelectedKeys": [
6899
- "C++"
6900
- ],
6901
- "menuItems": [
6902
- {
6903
- "count": 100,
6904
- "icon": {
6905
- "icon": "cube",
6906
- "lib": "fa"
7874
+ "bricks": [
7875
+ {
7876
+ "brick": "basic-bricks.sub-menu-filter",
7877
+ "events": {
7878
+ "menu.search": {
7879
+ "action": "message.info",
7880
+ "args": [
7881
+ "menu search"
7882
+ ]
6907
7883
  },
6908
- "key": "All",
6909
- "title": "全部",
6910
- "type": "item"
7884
+ "menu.select": {
7885
+ "action": "message.info",
7886
+ "args": [
7887
+ "menu select"
7888
+ ]
7889
+ }
6911
7890
  },
6912
- {
6913
- "items": [
6914
- {
6915
- "count": 60,
6916
- "icon": {
6917
- "icon": "cube",
6918
- "lib": "fa"
6919
- },
6920
- "key": "Java",
6921
- "title": "Java"
6922
- },
6923
- {
6924
- "count": 10,
6925
- "icon": {
6926
- "icon": "cube",
6927
- "lib": "fa"
6928
- },
6929
- "key": "Go",
6930
- "title": "Go"
6931
- },
7891
+ "properties": {
7892
+ "defaultOpenKeys": [
7893
+ "diy"
7894
+ ],
7895
+ "defaultSelectedKeys": [
7896
+ "C++"
7897
+ ],
7898
+ "menuItems": [
6932
7899
  {
6933
- "count": 10,
7900
+ "count": 100,
6934
7901
  "icon": {
6935
7902
  "icon": "cube",
6936
7903
  "lib": "fa"
6937
7904
  },
6938
- "key": "cc",
6939
- "title": "Cc"
7905
+ "key": "All",
7906
+ "title": "全部",
7907
+ "type": "item"
6940
7908
  },
6941
7909
  {
6942
- "count": 10,
6943
- "icon": {
6944
- "icon": "cube",
6945
- "lib": "fa"
6946
- },
6947
- "key": "Python",
6948
- "title": "Python"
6949
- }
6950
- ],
6951
- "key": "built-in-template",
6952
- "title": "内置模板",
6953
- "type": "group"
6954
- },
6955
- {
6956
- "items": [
6957
- {
6958
- "icon": {
6959
- "category": "model",
6960
- "icon": "app",
6961
- "lib": "easyops"
6962
- },
6963
7910
  "items": [
6964
7911
  {
6965
- "count": 5,
6966
- "key": "C++",
6967
- "title": "C++"
7912
+ "count": 60,
7913
+ "icon": {
7914
+ "icon": "cube",
7915
+ "lib": "fa"
7916
+ },
7917
+ "key": "Java",
7918
+ "title": "Java"
7919
+ },
7920
+ {
7921
+ "count": 10,
7922
+ "icon": {
7923
+ "icon": "cube",
7924
+ "lib": "fa"
7925
+ },
7926
+ "key": "Go",
7927
+ "title": "Go"
7928
+ },
7929
+ {
7930
+ "count": 10,
7931
+ "icon": {
7932
+ "icon": "cube",
7933
+ "lib": "fa"
7934
+ },
7935
+ "key": "cc",
7936
+ "title": "Cc"
6968
7937
  },
6969
7938
  {
6970
- "count": 5,
6971
- "key": "C",
6972
- "title": "C"
7939
+ "count": 10,
7940
+ "icon": {
7941
+ "icon": "cube",
7942
+ "lib": "fa"
7943
+ },
7944
+ "key": "Python",
7945
+ "title": "Python"
6973
7946
  }
6974
7947
  ],
6975
- "key": "standard",
6976
- "title": "标准模板",
6977
- "type": "subMenu"
7948
+ "key": "built-in-template",
7949
+ "title": "内置模板",
7950
+ "type": "group"
6978
7951
  },
6979
7952
  {
6980
- "icon": {
6981
- "icon": "cube",
6982
- "lib": "fa"
6983
- },
6984
7953
  "items": [
6985
7954
  {
6986
- "count": 10,
7955
+ "icon": {
7956
+ "category": "model",
7957
+ "icon": "app",
7958
+ "lib": "easyops"
7959
+ },
7960
+ "items": [
7961
+ {
7962
+ "count": 5,
7963
+ "key": "C++",
7964
+ "title": "C++"
7965
+ },
7966
+ {
7967
+ "count": 5,
7968
+ "key": "C",
7969
+ "title": "C"
7970
+ }
7971
+ ],
7972
+ "key": "standard",
7973
+ "title": "标准模板",
7974
+ "type": "subMenu"
7975
+ },
7976
+ {
6987
7977
  "icon": {
6988
7978
  "icon": "cube",
6989
7979
  "lib": "fa"
6990
7980
  },
6991
- "key": "iyuyan",
6992
- "title": "易语言"
7981
+ "items": [
7982
+ {
7983
+ "count": 10,
7984
+ "icon": {
7985
+ "icon": "cube",
7986
+ "lib": "fa"
7987
+ },
7988
+ "key": "iyuyan",
7989
+ "title": "易语言"
7990
+ }
7991
+ ],
7992
+ "key": "diy",
7993
+ "title": "个性化模板c",
7994
+ "type": "subMenu"
6993
7995
  }
6994
7996
  ],
6995
- "key": "diy",
6996
- "title": "个性化模板c",
6997
- "type": "subMenu"
7997
+ "key": "customTemplate",
7998
+ "title": "自定义模板",
7999
+ "type": "group"
6998
8000
  }
6999
8001
  ],
7000
- "key": "customTemplate",
7001
- "title": "自定义模板",
7002
- "type": "group"
7003
- }
7004
- ],
7005
- "multiple": false,
7006
- "selectable": true,
7007
- "suffixBrick": {
7008
- "useBrick": {
7009
- "brick": "presentational-bricks.brick-conditional-display",
7010
- "properties": {
7011
- "dataSource": "<% DATA.count %>",
7012
- "rules": [
7013
- {
7014
- "condition": {
7015
- "$lte": 60
7016
- },
7017
- "style": {
7018
- "backgroundColor": "var(--theme-red-color)",
7019
- "color": "rgba(255, 255, 255, 1)"
7020
- }
7021
- },
7022
- {
7023
- "condition": {
7024
- "$and": [
7025
- {
7026
- "$gt": 60,
7027
- "$lte": 85
8002
+ "multiple": false,
8003
+ "selectable": true,
8004
+ "suffixBrick": {
8005
+ "useBrick": {
8006
+ "brick": "presentational-bricks.brick-conditional-display",
8007
+ "properties": {
8008
+ "dataSource": "<% DATA.count %>",
8009
+ "rules": [
8010
+ {
8011
+ "condition": {
8012
+ "$lte": 60
8013
+ },
8014
+ "style": {
8015
+ "backgroundColor": "var(--theme-red-color)",
8016
+ "color": "rgba(255, 255, 255, 1)"
7028
8017
  }
7029
- ]
7030
- },
7031
- "style": {
7032
- "backgroundColor": "var(--theme-orange-color)",
7033
- "color": "rgba(255, 255, 255, 1)"
7034
- }
7035
- },
7036
- {
7037
- "condition": {
7038
- "$and": [
7039
- {
7040
- "$gt": 85,
7041
- "$lte": 100
8018
+ },
8019
+ {
8020
+ "condition": {
8021
+ "$and": [
8022
+ {
8023
+ "$gt": 60,
8024
+ "$lte": 85
8025
+ }
8026
+ ]
8027
+ },
8028
+ "style": {
8029
+ "backgroundColor": "var(--theme-orange-color)",
8030
+ "color": "rgba(255, 255, 255, 1)"
7042
8031
  }
7043
- ]
7044
- },
7045
- "style": {
7046
- "backgroundColor": "var(--theme-green-color)",
7047
- "color": "rgba(255, 255, 255, 1)"
7048
- }
8032
+ },
8033
+ {
8034
+ "condition": {
8035
+ "$and": [
8036
+ {
8037
+ "$gt": 85,
8038
+ "$lte": 100
8039
+ }
8040
+ ]
8041
+ },
8042
+ "style": {
8043
+ "backgroundColor": "var(--theme-green-color)",
8044
+ "color": "rgba(255, 255, 255, 1)"
8045
+ }
8046
+ }
8047
+ ]
7049
8048
  }
7050
- ]
8049
+ }
7051
8050
  }
7052
8051
  }
7053
8052
  }
8053
+ ],
8054
+ "snippetId": "basic-bricks.sub-menu-filter[basic]",
8055
+ "title": {
8056
+ "en": "Basic Sub Menu Filter",
8057
+ "zh": "基础搜索能力二级菜单"
7054
8058
  }
7055
8059
  }
7056
8060
  ],
@@ -7431,50 +8435,68 @@
7431
8435
  },
7432
8436
  "conf": [
7433
8437
  {
7434
- "description": {
7435
- "title": "基本",
7436
- "message": ""
7437
- },
7438
- "brick": "basic-bricks.general-anchor",
7439
- "properties": {
7440
- "anchorList": [
7441
- {
7442
- "title": "应用资源",
7443
- "href": "http://192.168.100.162/next/resource-monitor#saas-monitor"
7444
- },
7445
- {
7446
- "title": "平台资源",
7447
- "href": "http://192.168.100.162/next/resource-monitor#paas-monitor"
8438
+ "bricks": [
8439
+ {
8440
+ "description": {
8441
+ "title": "基本",
8442
+ "message": ""
7448
8443
  },
7449
- {
7450
- "title": "基础设施",
7451
- "href": "http://192.168.100.162/next/resource-monitor#iaas-monitor"
8444
+ "brick": "basic-bricks.general-anchor",
8445
+ "properties": {
8446
+ "anchorList": [
8447
+ {
8448
+ "title": "应用资源",
8449
+ "href": "http://192.168.100.162/next/resource-monitor#saas-monitor"
8450
+ },
8451
+ {
8452
+ "title": "平台资源",
8453
+ "href": "http://192.168.100.162/next/resource-monitor#paas-monitor"
8454
+ },
8455
+ {
8456
+ "title": "基础设施",
8457
+ "href": "http://192.168.100.162/next/resource-monitor#iaas-monitor"
8458
+ }
8459
+ ]
7452
8460
  }
7453
- ]
8461
+ }
8462
+ ],
8463
+ "snippetId": "basic-bricks.general-anchor[basic]",
8464
+ "title": {
8465
+ "en": "Basic General Anchor",
8466
+ "zh": "基础锚点"
7454
8467
  }
7455
8468
  },
7456
8469
  {
7457
- "description": {
7458
- "title": "`type`为`radio`",
7459
- "message": "用于某些特定场景,有固定的样式"
7460
- },
7461
- "brick": "basic-bricks.general-anchor",
7462
- "properties": {
7463
- "type": "radio",
7464
- "anchorList": [
7465
- {
7466
- "title": "应用资源",
7467
- "href": "http://192.168.100.162/next/resource-monitor#saas-monitor"
8470
+ "bricks": [
8471
+ {
8472
+ "description": {
8473
+ "title": "`type`为`radio`",
8474
+ "message": "用于某些特定场景,有固定的样式"
7468
8475
  },
7469
- {
7470
- "title": "平台资源",
7471
- "href": "http://192.168.100.162/next/resource-monitor#paas-monitor"
7472
- },
7473
- {
7474
- "title": "基础设施",
7475
- "href": "http://192.168.100.162/next/resource-monitor#iaas-monitor"
8476
+ "brick": "basic-bricks.general-anchor",
8477
+ "properties": {
8478
+ "type": "radio",
8479
+ "anchorList": [
8480
+ {
8481
+ "title": "应用资源",
8482
+ "href": "http://192.168.100.162/next/resource-monitor#saas-monitor"
8483
+ },
8484
+ {
8485
+ "title": "平台资源",
8486
+ "href": "http://192.168.100.162/next/resource-monitor#paas-monitor"
8487
+ },
8488
+ {
8489
+ "title": "基础设施",
8490
+ "href": "http://192.168.100.162/next/resource-monitor#iaas-monitor"
8491
+ }
8492
+ ]
7476
8493
  }
7477
- ]
8494
+ }
8495
+ ],
8496
+ "snippetId": "basic-bricks.general-anchor[radio]",
8497
+ "title": {
8498
+ "en": "Radio General Anchor",
8499
+ "zh": "radio样式锚点"
7478
8500
  }
7479
8501
  }
7480
8502
  ],
@@ -7611,25 +8633,34 @@
7611
8633
  },
7612
8634
  "conf": [
7613
8635
  {
7614
- "brick": "basic-bricks.general-title",
7615
- "properties": {
7616
- "mainTitle": "2021.08.22 12:24:22",
7617
- "description": "编辑了\"publicDev_1\"属性:服务信息",
7618
- "titleSuffixBrick": {
7619
- "useBrick": [
7620
- {
7621
- "brick": "presentational-bricks.brick-tag",
7622
- "properties": {
7623
- "color": "red",
7624
- "showCard": false,
7625
- "showTagCircle": true,
7626
- "tagList": [
7627
- "告警中"
7628
- ]
7629
- }
8636
+ "bricks": [
8637
+ {
8638
+ "brick": "basic-bricks.general-title",
8639
+ "properties": {
8640
+ "mainTitle": "2021.08.22 12:24:22",
8641
+ "description": "编辑了\"publicDev_1\"属性:服务信息",
8642
+ "titleSuffixBrick": {
8643
+ "useBrick": [
8644
+ {
8645
+ "brick": "presentational-bricks.brick-tag",
8646
+ "properties": {
8647
+ "color": "red",
8648
+ "showCard": false,
8649
+ "showTagCircle": true,
8650
+ "tagList": [
8651
+ "告警中"
8652
+ ]
8653
+ }
8654
+ }
8655
+ ]
7630
8656
  }
7631
- ]
8657
+ }
7632
8658
  }
8659
+ ],
8660
+ "snippetId": "basic-bricks.general-title[basic]",
8661
+ "title": {
8662
+ "en": "Basic General Title",
8663
+ "zh": "基础标题"
7633
8664
  }
7634
8665
  }
7635
8666
  ],
@@ -7747,122 +8778,144 @@
7747
8778
  },
7748
8779
  "conf": [
7749
8780
  {
7750
- "brick": "basic-bricks.flex-layout",
7751
- "description": {
7752
- "title": "基本使用",
7753
- "message": ""
7754
- },
7755
- "properties": {
7756
- "justifyContent": "space-between",
7757
- "alignItems": "center",
7758
- "style": {
7759
- "border": "1px solid black",
7760
- "background": "pink",
7761
- "height": "200px",
7762
- "width": "200px"
7763
- }
7764
- },
7765
- "slots": {
7766
- "": {
7767
- "type": "bricks",
7768
- "bricks": [
7769
- {
7770
- "brick": "div",
7771
- "properties": {
7772
- "textContent": "『第一个div",
7773
- "style": {
7774
- "background": "yellow"
7775
- }
7776
- }
7777
- },
7778
- {
7779
- "brick": "div",
7780
- "properties": {
7781
- "textContent": "『第二个div",
7782
- "style": {
7783
- "background": "orange"
8781
+ "bricks": [
8782
+ {
8783
+ "brick": "basic-bricks.flex-layout",
8784
+ "description": {
8785
+ "title": "基本使用",
8786
+ "message": ""
8787
+ },
8788
+ "properties": {
8789
+ "justifyContent": "space-between",
8790
+ "alignItems": "center",
8791
+ "style": {
8792
+ "border": "1px solid black",
8793
+ "background": "pink",
8794
+ "height": "200px",
8795
+ "width": "200px"
8796
+ }
8797
+ },
8798
+ "slots": {
8799
+ "": {
8800
+ "type": "bricks",
8801
+ "bricks": [
8802
+ {
8803
+ "brick": "div",
8804
+ "properties": {
8805
+ "textContent": "『第一个div』",
8806
+ "style": {
8807
+ "background": "yellow"
8808
+ }
8809
+ }
8810
+ },
8811
+ {
8812
+ "brick": "div",
8813
+ "properties": {
8814
+ "textContent": "『第二个div』",
8815
+ "style": {
8816
+ "background": "orange"
8817
+ }
8818
+ }
7784
8819
  }
7785
- }
8820
+ ]
7786
8821
  }
7787
- ]
8822
+ }
7788
8823
  }
8824
+ ],
8825
+ "snippetId": "basic-bricks.flex-layout[basic]",
8826
+ "title": {
8827
+ "en": "Basic Flex Layout",
8828
+ "zh": "基础flex布局"
7789
8829
  }
7790
8830
  },
7791
8831
  {
7792
- "brick": "basic-bricks.flex-layout",
7793
- "description": {
7794
- "title": "使用gap改变元素间隙",
7795
- "message": ""
7796
- },
7797
- "properties": {
7798
- "gap": "20px",
7799
- "flexWrap": "wrap",
7800
- "style": {
7801
- "background": "AliceBlue",
7802
- "border": "1px solid black",
7803
- "width": "142px"
7804
- }
7805
- },
7806
- "slots": {
7807
- "": {
7808
- "bricks": [
7809
- {
7810
- "brick": "div",
7811
- "properties": {
7812
- "style": {
7813
- "background": "yellow"
7814
- },
7815
- "textContent": "NO.1"
7816
- }
7817
- },
7818
- {
7819
- "brick": "div",
7820
- "properties": {
7821
- "style": {
7822
- "background": "orange"
8832
+ "bricks": [
8833
+ {
8834
+ "brick": "basic-bricks.flex-layout",
8835
+ "description": {
8836
+ "title": "使用gap改变元素间隙",
8837
+ "message": ""
8838
+ },
8839
+ "properties": {
8840
+ "gap": "20px",
8841
+ "flexWrap": "wrap",
8842
+ "style": {
8843
+ "background": "AliceBlue",
8844
+ "border": "1px solid black",
8845
+ "width": "142px"
8846
+ }
8847
+ },
8848
+ "slots": {
8849
+ "": {
8850
+ "bricks": [
8851
+ {
8852
+ "brick": "div",
8853
+ "properties": {
8854
+ "style": {
8855
+ "background": "yellow"
8856
+ },
8857
+ "textContent": "NO.1"
8858
+ }
7823
8859
  },
7824
- "textContent": "NO.2"
7825
- }
7826
- },
7827
- {
7828
- "brick": "div",
7829
- "properties": {
7830
- "style": {
7831
- "background": "DeepSkyBlue"
8860
+ {
8861
+ "brick": "div",
8862
+ "properties": {
8863
+ "style": {
8864
+ "background": "orange"
8865
+ },
8866
+ "textContent": "NO.2"
8867
+ }
7832
8868
  },
7833
- "textContent": "NO.3"
7834
- }
7835
- },
7836
- {
7837
- "brick": "div",
7838
- "properties": {
7839
- "style": {
7840
- "background": "Aquamarine"
8869
+ {
8870
+ "brick": "div",
8871
+ "properties": {
8872
+ "style": {
8873
+ "background": "DeepSkyBlue"
8874
+ },
8875
+ "textContent": "NO.3"
8876
+ }
7841
8877
  },
7842
- "textContent": "NO.4"
7843
- }
7844
- },
7845
- {
7846
- "brick": "div",
7847
- "properties": {
7848
- "style": {
7849
- "background": "Chartreuse"
8878
+ {
8879
+ "brick": "div",
8880
+ "properties": {
8881
+ "style": {
8882
+ "background": "Aquamarine"
8883
+ },
8884
+ "textContent": "NO.4"
8885
+ }
7850
8886
  },
7851
- "textContent": "NO.5"
7852
- }
7853
- },
7854
- {
7855
- "brick": "div",
7856
- "properties": {
7857
- "style": {
7858
- "background": "YellowGreen"
8887
+ {
8888
+ "brick": "div",
8889
+ "properties": {
8890
+ "style": {
8891
+ "background": "Chartreuse"
8892
+ },
8893
+ "textContent": "NO.5"
8894
+ }
7859
8895
  },
7860
- "textContent": "NO.6"
7861
- }
8896
+ {
8897
+ "brick": "div",
8898
+ "properties": {
8899
+ "style": {
8900
+ "background": "YellowGreen"
8901
+ },
8902
+ "textContent": "NO.6"
8903
+ }
8904
+ }
8905
+ ],
8906
+ "type": "bricks"
7862
8907
  }
7863
- ],
7864
- "type": "bricks"
8908
+ }
7865
8909
  }
8910
+ ],
8911
+ "snippetId": "basic-bricks.flex-layout[gap]",
8912
+ "title": {
8913
+ "en": "Flex Layout with gap",
8914
+ "zh": "使用gap的flex布局"
8915
+ },
8916
+ "message": {
8917
+ "en": "Use attribute gap to change element gap",
8918
+ "zh": "使用gap改变元素间隙"
7866
8919
  }
7867
8920
  }
7868
8921
  ],
@@ -7938,28 +8991,49 @@
7938
8991
  },
7939
8992
  "conf": [
7940
8993
  {
7941
- "brick": "basic-bricks.event-agent",
7942
- "properties": {
7943
- "id": "my-event-agent"
7944
- },
7945
- "events": {
7946
- "event.trigger": [
7947
- {
7948
- "if": "<% EVENT.detail.type === \"success\" %>",
7949
- "action": "message.success",
7950
- "args": [
7951
- "<% EVENT.detail.message %>"
7952
- ]
8994
+ "bricks": [
8995
+ {
8996
+ "brick": "basic-bricks.event-agent",
8997
+ "properties": {
8998
+ "id": "my-event-agent"
7953
8999
  },
7954
- {
7955
- "if": "<% EVENT.detail.type === \"error\" %>",
7956
- "action": "message.error",
7957
- "args": [
7958
- "<% EVENT.detail.message %>"
9000
+ "events": {
9001
+ "event.trigger": [
9002
+ {
9003
+ "if": "<% EVENT.detail.type === \"success\" %>",
9004
+ "action": "message.success",
9005
+ "args": [
9006
+ "<% EVENT.detail.message %>"
9007
+ ]
9008
+ },
9009
+ {
9010
+ "if": "<% EVENT.detail.type === \"error\" %>",
9011
+ "action": "message.error",
9012
+ "args": [
9013
+ "<% EVENT.detail.message %>"
9014
+ ]
9015
+ }
7959
9016
  ]
7960
9017
  }
7961
- ]
7962
- }
9018
+ }
9019
+ ],
9020
+ "snippetId": "basic-bricks.event-agent[basic]",
9021
+ "title": {
9022
+ "en": "Basic Event Agent",
9023
+ "zh": "基础时间代理"
9024
+ },
9025
+ "actions": [
9026
+ {
9027
+ "text": "dispatch()",
9028
+ "method": "trigger",
9029
+ "args": [
9030
+ {
9031
+ "type": "success",
9032
+ "message": "Good"
9033
+ }
9034
+ ]
9035
+ }
9036
+ ]
7963
9037
  },
7964
9038
  {
7965
9039
  "brick": "basic-bricks.general-button",