@next-bricks/basic-bricks 1.212.1 → 1.214.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.
Files changed (18) hide show
  1. package/deploy/contract.yaml +77 -77
  2. package/dist/bricks.json +19 -19
  3. package/dist/{index.6c9af8a1.js → index.b58479ee.js} +2 -2
  4. package/dist/{index.6c9af8a1.js.map → index.b58479ee.js.map} +1 -1
  5. package/dist/stories-asserts/basic-bricks.easy-view[grid-template-areas].8b33235222d905dd.svg +15 -0
  6. package/dist/stories-asserts/basic-bricks.fold-brick-v2[basic].0d82a09a64f88a49.svg +17 -0
  7. package/dist/stories-asserts/basic-bricks.fold-brick-v2[divider].315c5ee3c742e196.svg +21 -0
  8. package/dist/stories-asserts/basic-bricks.fold-brick-v2[primary].3aa42e68e1adb3d8.svg +17 -0
  9. package/dist/stories-asserts/basic-bricks.general-button[basic].ed9f301ae9cd9c7b.svg +24 -0
  10. package/dist/stories-asserts/basic-bricks.general-button[danger].43758edd9ba58734.svg +23 -0
  11. package/dist/stories-asserts/basic-bricks.general-button[icon].e179be13a83bd0cb.svg +18 -0
  12. package/dist/stories-asserts/basic-bricks.general-button[primary].ce0f12aedc6a8670.svg +30 -0
  13. package/dist/stories-asserts/basic-bricks.general-custom-buttons[dropdown-btn].3da76d160f67d7b4.svg +35 -0
  14. package/dist/stories-asserts/basic-bricks.general-custom-buttons[more-btn].e2a85242cea4134e.svg +35 -0
  15. package/dist/stories-asserts/basic-bricks.general-custom-buttons[stretch].a0ecbdc7233e34e9.svg +22 -0
  16. package/dist/stories-asserts/basic-bricks.general-drawer[basic].0d1a0a62a78311fb.svg +39 -0
  17. package/dist/stories.json +2746 -1657
  18. package/package.json +2 -2
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,345 @@
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
+ "thumbnail": "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%3Ebasic-bricks-widgets.easy-view-grid-areas%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%B8%83%22%20transform%3D%22translate%28-48.000000%2C%20-103.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22basic-bricks-widgets.easy-view-grid-areas%22%20transform%3D%22translate%2848.000000%2C%20103.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%E5%A4%87%E4%BB%BD-46%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%3Crect%20id%3D%22%E7%9F%A9%E5%BD%A2%E5%A4%87%E4%BB%BD-59%22%20fill%3D%22%231A7AFF%22%20x%3D%226%22%20y%3D%226%22%20width%3D%2293%22%20height%3D%228%22%20rx%3D%221%22%3E%3C%2Frect%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%E5%A4%87%E4%BB%BD-142%22%20fill%3D%22%23D6DBEC%22%20x%3D%2238%22%20y%3D%2218%22%20width%3D%2261%22%20height%3D%2231%22%20rx%3D%221%22%3E%3C%2Frect%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%E5%A4%87%E4%BB%BD-61%22%20fill%3D%22%23F4F5F9%22%20x%3D%226%22%20y%3D%2218%22%20width%3D%2228%22%20height%3D%2231%22%20rx%3D%221%22%3E%3C%2Frect%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"
550
+ },
551
+ {
552
+ "bricks": [
553
+ {
554
+ "brick": "basic-bricks.easy-view",
555
+ "properties": {
556
+ "containerStyle": {
557
+ "gap": "var(--page-card-gap)"
558
+ },
559
+ "gridTemplateAreas": [
560
+ [
561
+ "header",
562
+ "header"
563
+ ],
564
+ [
565
+ "sidebar",
566
+ "content"
567
+ ],
568
+ [
569
+ "footer",
570
+ "footer"
571
+ ]
572
+ ],
573
+ "gridTemplateColumns": "200px 1fr"
574
+ },
575
+ "slots": {
576
+ "content": {
577
+ "bricks": [
578
+ {
579
+ "brick": "div",
580
+ "properties": {
581
+ "style": {
582
+ "background": "aquamarine"
583
+ },
584
+ "textContent": "Content"
585
+ }
586
+ }
587
+ ],
588
+ "type": "bricks"
589
+ },
590
+ "footer": {
591
+ "bricks": [
592
+ {
593
+ "brick": "div",
594
+ "properties": {
595
+ "style": {
596
+ "background": "gray"
597
+ },
598
+ "textContent": "Footer"
599
+ }
600
+ }
601
+ ],
602
+ "type": "bricks"
603
+ },
604
+ "header": {
605
+ "bricks": [
606
+ {
607
+ "brick": "div",
608
+ "properties": {
609
+ "style": {
610
+ "background": "green"
611
+ },
612
+ "textContent": "Header"
613
+ }
614
+ }
615
+ ],
616
+ "type": "bricks"
617
+ },
618
+ "sidebar": {
619
+ "bricks": [
620
+ {
621
+ "brick": "div",
622
+ "properties": {
623
+ "style": {
624
+ "background": "orange"
625
+ },
626
+ "textContent": "Sidebar"
627
+ }
628
+ }
629
+ ],
630
+ "type": "bricks"
631
+ }
632
+ }
633
+ }
634
+ ],
635
+ "snippetId": "basic-bricks.easy-view[grid-template-areas]",
636
+ "title": {
637
+ "en": "Easy View Dividing By Grid Template Areas",
638
+ "zh": "由grid-template-areas划分区域的easy-view"
639
+ },
640
+ "thumbnail": "bricks/basic-bricks/dist/stories-asserts/basic-bricks.easy-view[grid-template-areas].8b33235222d905dd.svg"
641
+ }
642
+ ],
643
+ "doc": {
644
+ "id": "basic-bricks.easy-view",
645
+ "author": "steve",
646
+ "description": "基于网格的简易布局容器，可以根据 grid-area 名称自动生成对应的插槽",
647
+ "history": [
648
+ {
649
+ "version": "1.127.0",
650
+ "change": " 新增构件 `basic-bricks.easy-view`"
651
+ }
652
+ ],
653
+ "dockind": "brick",
654
+ "properties": [
655
+ {
656
+ "name": "gridAreas",
657
+ "type": "Record<string, (string | number)[]>",
658
+ "required": true,
659
+ "description": "以键值对形式定义多个 [grid-area](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)",
660
+ "group": "basic"
476
661
  },
477
662
  {
478
663
  "name": "gridTemplateAreas",
@@ -531,49 +716,36 @@
531
716
  },
532
717
  "conf": [
533
718
  {
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
- }
719
+ "bricks": [
720
+ {
721
+ "brick": "basic-bricks.export-json-file",
722
+ "bg": true,
723
+ "events": {
724
+ "json-file.export.failed": {
725
+ "action": "console.log"
554
726
  },
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
- }
727
+ "json-file.export.success": {
728
+ "action": "console.log"
572
729
  }
573
- ],
574
- "type": "bricks"
730
+ },
731
+ "properties": {
732
+ "data": "export content",
733
+ "fileName": "test.json",
734
+ "id": "export-dashboard"
735
+ }
575
736
  }
576
- }
737
+ ],
738
+ "snippetId": "basic-bricks.export-json-file[basic]",
739
+ "title": {
740
+ "en": "Export JSON File",
741
+ "zh": "导出JSON文件"
742
+ },
743
+ "actions": [
744
+ {
745
+ "text": "export()",
746
+ "method": "export"
747
+ }
748
+ ]
577
749
  }
578
750
  ],
579
751
  "doc": {
@@ -712,76 +884,137 @@
712
884
  },
713
885
  "conf": [
714
886
  {
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
- }
887
+ "bricks": [
888
+ {
889
+ "description": {
890
+ "title": "基本",
891
+ "message": ""
892
+ },
893
+ "brick": "basic-bricks.fold-brick-v2",
894
+ "properties": {
895
+ "foldName": "查看"
896
+ },
897
+ "slots": {
898
+ "content": {
899
+ "type": "bricks",
900
+ "bricks": [
901
+ {
902
+ "brick": "div",
903
+ "properties": {
904
+ "textContent": "123"
905
+ }
906
+ }
907
+ ]
732
908
  }
733
- ]
909
+ }
734
910
  }
735
- }
911
+ ],
912
+ "snippetId": "basic-bricks.fold-brick-v2[basic]",
913
+ "title": {
914
+ "en": "Basic Fold Brick V2",
915
+ "zh": "基础折叠容器"
916
+ },
917
+ "thumbnail": "bricks/basic-bricks/dist/stories-asserts/basic-bricks.fold-brick-v2[basic].0d82a09a64f88a49.svg"
736
918
  },
737
919
  {
738
- "description": {
739
- "title": "type为primary",
740
- "message": ""
741
- },
742
- "brick": "basic-bricks.fold-brick-v2",
743
- "properties": {
744
- "foldName": "查看",
745
- "type": "primary"
920
+ "bricks": [
921
+ {
922
+ "description": {
923
+ "title": "type为primary",
924
+ "message": ""
925
+ },
926
+ "brick": "basic-bricks.fold-brick-v2",
927
+ "properties": {
928
+ "foldName": "查看",
929
+ "type": "primary"
930
+ },
931
+ "slots": {
932
+ "content": {
933
+ "type": "bricks",
934
+ "bricks": [
935
+ {
936
+ "brick": "div",
937
+ "properties": {
938
+ "textContent": "123"
939
+ }
940
+ }
941
+ ]
942
+ }
943
+ }
944
+ }
945
+ ],
946
+ "snippetId": "basic-bricks.fold-brick-v2[primary]",
947
+ "title": {
948
+ "en": "Primary Fold Brick V2",
949
+ "zh": "Primary折叠容器"
746
950
  },
747
- "slots": {
748
- "content": {
749
- "type": "bricks",
750
- "bricks": [
751
- {
752
- "brick": "div",
753
- "properties": {
754
- "textContent": "123"
755
- }
951
+ "thumbnail": "bricks/basic-bricks/dist/stories-asserts/basic-bricks.fold-brick-v2[primary].3aa42e68e1adb3d8.svg"
952
+ },
953
+ {
954
+ "bricks": [
955
+ {
956
+ "description": {
957
+ "title": "isShowFoldIcon为false",
958
+ "message": ""
959
+ },
960
+ "brick": "basic-bricks.fold-brick-v2",
961
+ "properties": {
962
+ "foldName": "查看",
963
+ "isShowFoldIcon": false,
964
+ "type": "primary"
965
+ },
966
+ "slots": {
967
+ "content": {
968
+ "type": "bricks",
969
+ "bricks": [
970
+ {
971
+ "brick": "div",
972
+ "properties": {
973
+ "textContent": "123"
974
+ }
975
+ }
976
+ ]
756
977
  }
757
- ]
978
+ }
758
979
  }
980
+ ],
981
+ "snippetId": "basic-bricks.fold-brick-v2[no-icon]",
982
+ "title": {
983
+ "en": "Fold Brick V2 without icon",
984
+ "zh": "无展开图标的折叠容器"
759
985
  }
760
986
  },
761
987
  {
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
- }
988
+ "bricks": [
989
+ {
990
+ "brick": "basic-bricks.fold-brick-v2",
991
+ "properties": {
992
+ "foldName": "查看",
993
+ "showDivider": true,
994
+ "dividerOrientation": "center",
995
+ "dividerDashed": false
996
+ },
997
+ "slots": {
998
+ "content": {
999
+ "bricks": [
1000
+ {
1001
+ "brick": "div",
1002
+ "properties": {
1003
+ "textContent": "123"
1004
+ }
1005
+ }
1006
+ ],
1007
+ "type": "bricks"
781
1008
  }
782
- ]
1009
+ }
783
1010
  }
784
- }
1011
+ ],
1012
+ "snippetId": "basic-bricks.fold-brick-v2[divider]",
1013
+ "title": {
1014
+ "en": "Fold Brick V2 with Divider",
1015
+ "zh": "带分割线的折叠容器"
1016
+ },
1017
+ "thumbnail": "bricks/basic-bricks/dist/stories-asserts/basic-bricks.fold-brick-v2[divider].315c5ee3c742e196.svg"
785
1018
  }
786
1019
  ],
787
1020
  "previewColumns": 2,
@@ -905,118 +1138,248 @@
905
1138
  },
906
1139
  "conf": [
907
1140
  {
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"
1141
+ "bricks": [
1142
+ {
1143
+ "brick": "basic-bricks.general-button",
1144
+ "properties": {
1145
+ "buttonName": "新建",
1146
+ "tooltip": "新建实例",
1147
+ "buttonIcon": {
1148
+ "lib": "fa",
1149
+ "icon": "edit",
1150
+ "prefix": "fas"
1151
+ },
1152
+ "dataset": {
1153
+ "testid": "basic-usage-demo"
1154
+ }
1155
+ },
1156
+ "events": {
1157
+ "general.button.click": [
1158
+ {
1159
+ "action": "message.info",
1160
+ "args": [
1161
+ "click button"
1162
+ ]
1163
+ }
1164
+ ]
1165
+ }
919
1166
  }
1167
+ ],
1168
+ "snippetId": "basic-bricks.general-button[basic]",
1169
+ "title": {
1170
+ "en": "Baisc General Button",
1171
+ "zh": "基础按钮"
920
1172
  },
921
- "events": {
922
- "general.button.click": [
923
- {
924
- "action": "console.log"
925
- }
926
- ]
927
- }
1173
+ "thumbnail": "bricks/basic-bricks/dist/stories-asserts/basic-bricks.general-button[basic].ed9f301ae9cd9c7b.svg"
928
1174
  },
929
1175
  {
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"
1176
+ "bricks": [
1177
+ {
1178
+ "brick": "basic-bricks.general-button",
1179
+ "properties": {
1180
+ "buttonName": "新建",
1181
+ "disabled": true,
1182
+ "disabledTooltip": "无权限",
1183
+ "tooltip": "新建实例"
1184
+ },
1185
+ "events": {
1186
+ "general.button.click": [
1187
+ {
1188
+ "action": "message.info",
1189
+ "args": [
1190
+ "click button"
1191
+ ]
1192
+ }
1193
+ ]
941
1194
  }
942
- ]
1195
+ }
1196
+ ],
1197
+ "snippetId": "basic-bricks.general-button[disabled]",
1198
+ "title": {
1199
+ "en": "disabled General Button",
1200
+ "zh": "禁用按钮"
943
1201
  }
944
1202
  },
945
1203
  {
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"
1204
+ "bricks": [
1205
+ {
1206
+ "brick": "basic-bricks.general-button",
1207
+ "properties": {
1208
+ "buttonShape": "round",
1209
+ "buttonName": "搜索",
1210
+ "buttonType": "primary",
1211
+ "buttonIcon": "search",
1212
+ "buttonUrl": "/",
1213
+ "target": "_blank"
1214
+ },
1215
+ "events": {
1216
+ "general.button.click": [
1217
+ {
1218
+ "action": "message.info",
1219
+ "args": [
1220
+ "click button"
1221
+ ]
1222
+ }
1223
+ ]
959
1224
  }
960
- ]
961
- }
962
- },
963
- {
964
- "brick": "basic-bricks.general-button",
965
- "properties": {
966
- "buttonShape": "circle",
967
- "buttonType": "icon",
968
- "buttonIcon": "search",
969
- "buttonUrl": "/",
970
- "target": "_blank"
1225
+ }
1226
+ ],
1227
+ "snippetId": "basic-bricks.general-button[primary]",
1228
+ "title": {
1229
+ "en": "Primary General Button",
1230
+ "zh": "primary样式按钮"
971
1231
  },
972
- "events": {
973
- "general.button.click": [
974
- {
975
- "action": "console.log"
976
- }
977
- ]
978
- }
1232
+ "thumbnail": "bricks/basic-bricks/dist/stories-asserts/basic-bricks.general-button[primary].ce0f12aedc6a8670.svg"
979
1233
  },
980
1234
  {
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"
1235
+ "bricks": [
1236
+ {
1237
+ "brick": "basic-bricks.general-button",
1238
+ "properties": {
1239
+ "buttonShape": "circle",
1240
+ "buttonType": "icon",
1241
+ "buttonIcon": "search",
1242
+ "buttonUrl": "/",
1243
+ "target": "_blank"
1244
+ },
1245
+ "events": {
1246
+ "general.button.click": [
1247
+ {
1248
+ "action": "message.info",
1249
+ "args": [
1250
+ "click button"
1251
+ ]
1252
+ }
1253
+ ]
1254
+ }
1255
+ }
1256
+ ],
1257
+ "snippetId": "basic-bricks.general-button[icon]",
1258
+ "title": {
1259
+ "en": "Icon General Button",
1260
+ "zh": "图标按钮"
991
1261
  },
992
- "events": {
993
- "general.button.click": [
994
- {
995
- "action": "console.log"
1262
+ "thumbnail": "bricks/basic-bricks/dist/stories-asserts/basic-bricks.general-button[icon].e179be13a83bd0cb.svg"
1263
+ },
1264
+ {
1265
+ "bricks": [
1266
+ {
1267
+ "brick": "basic-bricks.general-button",
1268
+ "description": {
1269
+ "title": "文字按钮",
1270
+ "message": "默认和平台文字颜色一致"
1271
+ },
1272
+ "properties": {
1273
+ "buttonType": "text",
1274
+ "buttonName": "更多",
1275
+ "buttonUrl": "/",
1276
+ "target": "_blank"
1277
+ },
1278
+ "events": {
1279
+ "general.button.click": [
1280
+ {
1281
+ "action": "message.info",
1282
+ "args": [
1283
+ "click button"
1284
+ ]
1285
+ }
1286
+ ]
996
1287
  }
997
- ]
1288
+ }
1289
+ ],
1290
+ "snippetId": "basic-bricks.general-button[text]",
1291
+ "title": {
1292
+ "en": "Text General Button",
1293
+ "zh": "文字按钮"
998
1294
  }
999
1295
  },
1000
1296
  {
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"
1297
+ "bricks": [
1298
+ {
1299
+ "brick": "basic-bricks.general-button",
1300
+ "description": {
1301
+ "title": "淡化文字按钮",
1302
+ "message": "可以设置 `fadedText` 为 `true` 以淡化文字颜色。适用场景：用于卡片中或和其他按钮搭配使用。"
1303
+ },
1304
+ "properties": {
1305
+ "buttonType": "text",
1306
+ "buttonName": "了解更多",
1307
+ "fadedText": true,
1308
+ "buttonUrl": "/",
1309
+ "target": "_blank"
1310
+ },
1311
+ "events": {
1312
+ "general.button.click": [
1313
+ {
1314
+ "action": "message.info",
1315
+ "args": [
1316
+ "click button"
1317
+ ]
1318
+ }
1319
+ ]
1017
1320
  }
1018
- ]
1321
+ }
1322
+ ],
1323
+ "snippetId": "basic-bricks.general-button[fadedText]",
1324
+ "title": {
1325
+ "en": "Faded Text General Button",
1326
+ "zh": "淡化文字按钮"
1019
1327
  }
1328
+ },
1329
+ {
1330
+ "bricks": [
1331
+ {
1332
+ "brick": "basic-bricks.general-button",
1333
+ "events": {
1334
+ "general.button.click": [
1335
+ {
1336
+ "action": "message.info",
1337
+ "args": [
1338
+ "click button"
1339
+ ]
1340
+ }
1341
+ ]
1342
+ },
1343
+ "properties": {
1344
+ "buttonType": "link",
1345
+ "buttonUrl": "/demo",
1346
+ "buttonName": "this is link"
1347
+ }
1348
+ }
1349
+ ],
1350
+ "snippetId": "basic-bricks.general-button[link]",
1351
+ "title": {
1352
+ "en": "Link General Button",
1353
+ "zh": "link按钮"
1354
+ },
1355
+ "thumbnail": "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%3Ebasic-bricks-widgets.general-button-link%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%B8%83%22%20transform%3D%22translate%28-48.000000%2C%20-995.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22basic-bricks-widgets.general-button-link%22%20transform%3D%22translate%2848.000000%2C%20995.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%E5%A4%87%E4%BB%BD-46%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%3Ctext%20id%3D%22this-is-link%22%20fill-rule%3D%22nonzero%22%20font-family%3D%22PingFangSC-Regular%2C%20PingFang%20SC%22%20font-size%3D%2218%22%20font-weight%3D%22normal%22%20fill%3D%22%231A7AFF%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ctspan%20x%3D%2210%22%20y%3D%2234%22%3Ethis%20is%20link%3C%2Ftspan%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Ftext%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"
1356
+ },
1357
+ {
1358
+ "bricks": [
1359
+ {
1360
+ "brick": "basic-bricks.general-button",
1361
+ "events": {
1362
+ "general.button.click": [
1363
+ {
1364
+ "action": "message.info",
1365
+ "args": [
1366
+ "click button"
1367
+ ]
1368
+ }
1369
+ ]
1370
+ },
1371
+ "properties": {
1372
+ "buttonType": "danger",
1373
+ "buttonName": "danger button"
1374
+ }
1375
+ }
1376
+ ],
1377
+ "snippetId": "basic-bricks.general-button[danger]",
1378
+ "title": {
1379
+ "en": "danger General Button",
1380
+ "zh": "danger类型按钮"
1381
+ },
1382
+ "thumbnail": "bricks/basic-bricks/dist/stories-asserts/basic-bricks.general-button[danger].43758edd9ba58734.svg"
1020
1383
  }
1021
1384
  ],
1022
1385
  "previewColumns": 2,
@@ -1266,83 +1629,101 @@
1266
1629
  },
1267
1630
  "conf": [
1268
1631
  {
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"
1632
+ "bricks": [
1633
+ {
1634
+ "brick": "basic-bricks.general-card",
1635
+ "properties": {
1636
+ "configProps": {
1637
+ "title": "卡片标题"
1638
+ },
1639
+ "hasExtraSlot": true
1640
+ },
1641
+ "slots": {
1642
+ "content": {
1643
+ "bricks": [
1644
+ {
1645
+ "brick": "div",
1646
+ "properties": {
1647
+ "textContent": "内容"
1648
+ }
1295
1649
  }
1296
- },
1297
- "properties": {
1298
- "buttonIcon": "plus",
1299
- "buttonShape": "circle",
1300
- "buttonType": "icon"
1301
- }
1650
+ ],
1651
+ "type": "bricks"
1652
+ },
1653
+ "extra": {
1654
+ "bricks": [
1655
+ {
1656
+ "brick": "basic-bricks.general-button",
1657
+ "events": {
1658
+ "general.button.click": {
1659
+ "action": "console.log"
1660
+ }
1661
+ },
1662
+ "properties": {
1663
+ "buttonIcon": "plus",
1664
+ "buttonShape": "circle",
1665
+ "buttonType": "icon"
1666
+ }
1667
+ }
1668
+ ],
1669
+ "type": "bricks"
1302
1670
  }
1303
- ],
1304
- "type": "bricks"
1671
+ }
1305
1672
  }
1673
+ ],
1674
+ "snippetId": "basic-bricks.general-card[extra]",
1675
+ "title": {
1676
+ "en": "General Card with Extra Slot",
1677
+ "zh": "带extra插槽的通用卡片"
1306
1678
  }
1307
1679
  },
1308
1680
  {
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"
1681
+ "bricks": [
1682
+ {
1683
+ "brick": "basic-bricks.general-card",
1684
+ "properties": {
1685
+ "cardTitle": "标题"
1686
+ },
1687
+ "slots": {
1688
+ "content": {
1689
+ "type": "bricks",
1690
+ "bricks": [
1691
+ {
1692
+ "brick": "div",
1693
+ "properties": {
1694
+ "textContent": "内容"
1695
+ }
1341
1696
  }
1342
- }
1697
+ ]
1698
+ },
1699
+ "titleSuffix": {
1700
+ "type": "bricks",
1701
+ "bricks": [
1702
+ {
1703
+ "brick": "presentational-bricks.general-tooltip",
1704
+ "properties": {
1705
+ "type": "popover",
1706
+ "content": [
1707
+ "名称：APP",
1708
+ "创建时间：2020-01-02",
1709
+ "修改时间：2020-01-22",
1710
+ "描述：测试应用"
1711
+ ],
1712
+ "icon": {
1713
+ "lib": "fa",
1714
+ "icon": "info-circle"
1715
+ }
1716
+ }
1717
+ }
1718
+ ]
1343
1719
  }
1344
- ]
1720
+ }
1345
1721
  }
1722
+ ],
1723
+ "snippetId": "basic-bricks.general-card[title-suffix]",
1724
+ "title": {
1725
+ "en": "General Card with Title Suffix Slot",
1726
+ "zh": "带titleSuffix插槽的通用卡片"
1346
1727
  }
1347
1728
  },
1348
1729
  {
@@ -1826,59 +2207,144 @@
1826
2207
  },
1827
2208
  "conf": [
1828
2209
  {
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"
1847
- },
1848
- "eventName": "button-create"
2210
+ "bricks": [
2211
+ {
2212
+ "description": {
2213
+ "title": "基本用法",
2214
+ "message": "将多个button组合在一起。"
1849
2215
  },
1850
- {
1851
- "text": "导入",
1852
- "icon": "import",
1853
- "eventName": "button-import"
2216
+ "brick": "basic-bricks.general-custom-buttons",
2217
+ "properties": {
2218
+ "dataset": {
2219
+ "testid": "basic-usage-demo"
2220
+ },
2221
+ "alignment": "end",
2222
+ "customButtons": [
2223
+ {
2224
+ "text": "新建",
2225
+ "buttonType": "primary",
2226
+ "icon": {
2227
+ "lib": "antd",
2228
+ "icon": "plus-circle",
2229
+ "theme": "outlined"
2230
+ },
2231
+ "eventName": "button-create"
2232
+ },
2233
+ {
2234
+ "text": "导入",
2235
+ "icon": "import",
2236
+ "eventName": "button-import"
2237
+ },
2238
+ {
2239
+ "text": "导出",
2240
+ "icon": "export",
2241
+ "eventName": "button-export"
2242
+ }
2243
+ ]
1854
2244
  },
1855
- {
1856
- "text": "导出",
1857
- "icon": "export",
1858
- "eventName": "button-export"
2245
+ "events": {
2246
+ "button-create": {
2247
+ "action": "message.success",
2248
+ "args": [
2249
+ "点击了新建按钮"
2250
+ ]
2251
+ },
2252
+ "button-import": {
2253
+ "action": "message.success",
2254
+ "args": [
2255
+ "点击了导入按钮"
2256
+ ]
2257
+ },
2258
+ "button-export": {
2259
+ "action": "message.success",
2260
+ "args": [
2261
+ "点击了导出按钮"
2262
+ ]
2263
+ }
1859
2264
  }
1860
- ]
2265
+ }
2266
+ ],
2267
+ "snippetId": "basic-bricks.general-custom-buttons[basic]",
2268
+ "title": {
2269
+ "en": "Basic General Custom Buttons",
2270
+ "zh": "基础自定义按钮组"
1861
2271
  },
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
- ]
2272
+ "thumbnail": "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%3Ebasic-bricks-widgets.general-custom-buttons-normal%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%B8%83%22%20transform%3D%22translate%28-48.000000%2C%20-1292.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22basic-bricks-widgets.general-custom-buttons-normal%22%20transform%3D%22translate%2848.000000%2C%201292.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%E5%A4%87%E4%BB%BD-46%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%3Crect%20id%3D%22%E7%9F%A9%E5%BD%A2%22%20fill%3D%22%231A7AFF%22%20x%3D%226%22%20y%3D%2220%22%20width%3D%2228%22%20height%3D%2212%22%20rx%3D%221%22%3E%3C%2Frect%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%E5%A4%87%E4%BB%BD%22%20stroke%3D%22%23D6DBEC%22%20x%3D%2238%22%20y%3D%2220%22%20width%3D%2228%22%20height%3D%2212%22%20rx%3D%221%22%3E%3C%2Frect%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%E5%A4%87%E4%BB%BD-2%22%20stroke%3D%22%23D6DBEC%22%20x%3D%2270%22%20y%3D%2220%22%20width%3D%2228%22%20height%3D%2212%22%20rx%3D%221%22%3E%3C%2Frect%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"
2273
+ },
2274
+ {
2275
+ "bricks": [
2276
+ {
2277
+ "brick": "basic-bricks.general-custom-buttons",
2278
+ "events": {
2279
+ "instance.topology.other": {
2280
+ "action": "message.info",
2281
+ "args": [
2282
+ "click other button"
2283
+ ]
2284
+ },
2285
+ "instance.topology.saveAs": {
2286
+ "action": "message.info",
2287
+ "args": [
2288
+ "click save button"
2289
+ ]
2290
+ },
2291
+ "instance.topology.update": {
2292
+ "action": "message.info",
2293
+ "args": [
2294
+ "click update button"
2295
+ ]
2296
+ }
2297
+ },
2298
+ "properties": {
2299
+ "alignment": "end",
2300
+ "customButtons": [
2301
+ {
2302
+ "buttonShape": "circle",
2303
+ "buttonType": "icon",
2304
+ "eventName": "instance.topology.update",
2305
+ "icon": "plus",
2306
+ "isDropdown": false,
2307
+ "tooltip": "Add",
2308
+ "tooltipPlacement": "left"
2309
+ },
2310
+ {
2311
+ "buttonShape": "circle",
2312
+ "buttonType": "icon",
2313
+ "eventName": "instance.topology.update",
2314
+ "icon": "save",
2315
+ "isDropdown": false,
2316
+ "tooltip": "Save",
2317
+ "tooltipPlacement": "left"
2318
+ },
2319
+ {
2320
+ "eventName": "instance.topology.other",
2321
+ "icon": "search",
2322
+ "isDropdown": true,
2323
+ "text": "Detail",
2324
+ "tooltip": "Open Detail in New Window",
2325
+ "tooltipPlacement": "left"
2326
+ },
2327
+ {
2328
+ "color": "var(--theme-red-color)",
2329
+ "eventName": "instance.topology.other",
2330
+ "icon": "delete",
2331
+ "isDropdown": true,
2332
+ "text": "Delete",
2333
+ "tooltip": "删除",
2334
+ "tooltipPlacement": "right"
2335
+ }
2336
+ ],
2337
+ "isMoreButton": true,
2338
+ "moreButtonShape": "icon"
2339
+ }
1880
2340
  }
1881
- }
2341
+ ],
2342
+ "snippetId": "basic-bricks.general-custom-buttons[more-btn]",
2343
+ "title": {
2344
+ "en": "General Custom Buttons with More Button",
2345
+ "zh": "带moreButton的自定义按钮组"
2346
+ },
2347
+ "thumbnail": "bricks/basic-bricks/dist/stories-asserts/basic-bricks.general-custom-buttons[more-btn].e2a85242cea4134e.svg"
1882
2348
  },
1883
2349
  {
1884
2350
  "description": {
@@ -1951,68 +2417,90 @@
1951
2417
  }
1952
2418
  },
1953
2419
  {
1954
- "description": {
1955
- "title": "组合按钮1",
1956
- "message": "位置为页面的右上角区域。使用形态为图标+文字按钮，默认放置三个，其中一个为主按钮，放于所有按钮的最左侧；≥3 的情况下，默认展示出两个，其他按钮用下拉按钮收起，收纳在\"···\"的更多按钮中。"
1957
- },
1958
- "brick": "basic-bricks.general-custom-buttons",
1959
- "properties": {
1960
- "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"
2420
+ "bricks": [
2421
+ {
2422
+ "description": {
2423
+ "title": "组合按钮1",
2424
+ "message": "位置为页面的右上角区域。使用形态为图标+文字按钮，默认放置三个，其中一个为主按钮，放于所有按钮的最左侧；≥3 的情况下，默认展示出两个，其他按钮用下拉按钮收起，收纳在\"···\"的更多按钮中。"
1981
2425
  },
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"
2426
+ "brick": "basic-bricks.general-custom-buttons",
2427
+ "properties": {
2428
+ "dataset": {
2429
+ "testid": "default-dropdown-demo"
1996
2430
  },
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"
2431
+ "alignment": "end",
2432
+ "customButtons": [
2433
+ {
2434
+ "text": "新建",
2435
+ "buttonType": "primary",
2436
+ "icon": {
2437
+ "lib": "antd",
2438
+ "icon": "plus-circle",
2439
+ "theme": "outlined"
2440
+ },
2441
+ "eventName": "button-create",
2442
+ "testId": "create"
2443
+ },
2444
+ {
2445
+ "text": "搜索",
2446
+ "icon": "search",
2447
+ "eventName": "button-search",
2448
+ "testId": "search"
2449
+ },
2450
+ {
2451
+ "isDropdown": true,
2452
+ "text": "权限管理",
2453
+ "icon": "user",
2454
+ "eventName": "button-permission",
2455
+ "testId": "permission"
2456
+ },
2457
+ {
2458
+ "isDropdown": true,
2459
+ "text": "环境设置",
2460
+ "icon": {
2461
+ "lib": "antd",
2462
+ "icon": "global",
2463
+ "theme": "outlined"
2464
+ },
2465
+ "eventName": "button-setting",
2466
+ "testId": "setting"
2467
+ }
2468
+ ]
2469
+ },
2470
+ "events": {
2471
+ "button-create": {
2472
+ "action": "message.info",
2473
+ "args": [
2474
+ "click create button"
2475
+ ]
2476
+ },
2477
+ "button-search": {
2478
+ "action": "message.info",
2479
+ "args": [
2480
+ "click search button"
2481
+ ]
2482
+ },
2483
+ "button-permission": {
2484
+ "action": "message.info",
2485
+ "args": [
2486
+ "click permission button"
2487
+ ]
2488
+ },
2489
+ "button-setting": {
2490
+ "action": "message.info",
2491
+ "args": [
2492
+ "click setting button"
2493
+ ]
2494
+ }
2495
+ }
2014
2496
  }
2015
- }
2497
+ ],
2498
+ "snippetId": "basic-bricks.general-custom-buttons[dropdown-btn]",
2499
+ "title": {
2500
+ "en": "General Custom Buttons with Dropdown Button",
2501
+ "zh": "带下拉按钮的自定义按钮组"
2502
+ },
2503
+ "thumbnail": "bricks/basic-bricks/dist/stories-asserts/basic-bricks.general-custom-buttons[dropdown-btn].3da76d160f67d7b4.svg"
2016
2504
  },
2017
2505
  {
2018
2506
  "description": {
@@ -2567,41 +3055,57 @@
2567
3055
  }
2568
3056
  },
2569
3057
  {
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"
3058
+ "bricks": [
3059
+ {
3060
+ "description": {
3061
+ "title": "特殊样式：拉伸按钮",
3062
+ "message": "alignment为stretch时，拉伸按钮"
2588
3063
  },
2589
- {
2590
- "isDropdown": true,
2591
- "text": "删除",
2592
- "icon": "delete",
2593
- "eventName": "instance.delete"
3064
+ "brick": "basic-bricks.general-custom-buttons",
3065
+ "properties": {
3066
+ "isMoreButton": false,
3067
+ "alignment": "stretch",
3068
+ "customButtons": [
3069
+ {
3070
+ "isDropdown": true,
3071
+ "text": "编辑",
3072
+ "icon": {
3073
+ "lib": "fa",
3074
+ "icon": "edit",
3075
+ "prefix": "fas"
3076
+ },
3077
+ "eventName": "instance.edit"
3078
+ },
3079
+ {
3080
+ "isDropdown": true,
3081
+ "text": "删除",
3082
+ "icon": "delete",
3083
+ "eventName": "instance.delete"
3084
+ }
3085
+ ]
3086
+ },
3087
+ "events": {
3088
+ "instance.edit": {
3089
+ "action": "message.info",
3090
+ "args": [
3091
+ "click edit button"
3092
+ ]
3093
+ },
3094
+ "instance.delete": {
3095
+ "action": "message.info",
3096
+ "args": [
3097
+ "click delete button"
3098
+ ]
3099
+ }
2594
3100
  }
2595
- ]
2596
- },
2597
- "events": {
2598
- "instance.edit": {
2599
- "action": "console.log"
2600
- },
2601
- "instance.delete": {
2602
- "action": "console.log"
2603
3101
  }
2604
- }
3102
+ ],
3103
+ "snippetId": "basic-bricks.general-custom-buttons[stretch]",
3104
+ "title": {
3105
+ "en": "Stretch General Custom Buttons",
3106
+ "zh": "stretch样式自定义按钮组"
3107
+ },
3108
+ "thumbnail": "bricks/basic-bricks/dist/stories-asserts/basic-bricks.general-custom-buttons[stretch].a0ecbdc7233e34e9.svg"
2605
3109
  },
2606
3110
  {
2607
3111
  "description": {
@@ -3046,6 +3550,116 @@
3046
3550
  "imgSrc": "bricks/basic-bricks/dist/stories-asserts/basic-bricks.general-drawer.78ff64a02f145893.svg"
3047
3551
  },
3048
3552
  "conf": [
3553
+ {
3554
+ "bricks": [
3555
+ {
3556
+ "brick": "basic-bricks.general-drawer",
3557
+ "properties": {
3558
+ "customTitle": "预览",
3559
+ "id": "title-demo2",
3560
+ "maskClosable": true,
3561
+ "width": 750
3562
+ },
3563
+ "slots": {
3564
+ "content": {
3565
+ "bricks": [
3566
+ {
3567
+ "brick": "presentational-bricks.brick-descriptions",
3568
+ "properties": {
3569
+ "column": 2,
3570
+ "descriptionTitle": "基本信息",
3571
+ "itemList": [
3572
+ {
3573
+ "label": "名称",
3574
+ "text": "easyops"
3575
+ },
3576
+ {
3577
+ "label": "环境类型",
3578
+ "text": "无"
3579
+ },
3580
+ {
3581
+ "label": "授权模式",
3582
+ "text": "clientCert"
3583
+ },
3584
+ {
3585
+ "label": "服务供应商"
3586
+ }
3587
+ ],
3588
+ "showCard": false
3589
+ }
3590
+ },
3591
+ {
3592
+ "brick": "presentational-bricks.brick-descriptions",
3593
+ "properties": {
3594
+ "column": 2,
3595
+ "descriptionTitle": "集群规格",
3596
+ "itemList": [
3597
+ {
3598
+ "label": "集群来源",
3599
+ "text": "导入"
3600
+ },
3601
+ {
3602
+ "label": "Manter节点数量",
3603
+ "text": "3个"
3604
+ },
3605
+ {
3606
+ "label": "可分配CPU",
3607
+ "text": "12 Cores"
3608
+ },
3609
+ {
3610
+ "label": "可分配内存",
3611
+ "text": "44.8GIB"
3612
+ }
3613
+ ],
3614
+ "showCard": false,
3615
+ "style": {
3616
+ "marginTop": "20px"
3617
+ }
3618
+ }
3619
+ }
3620
+ ],
3621
+ "type": "bricks"
3622
+ },
3623
+ "headerRight": {
3624
+ "bricks": [
3625
+ {
3626
+ "brick": "basic-bricks.general-custom-buttons",
3627
+ "properties": {
3628
+ "customButtons": [
3629
+ {
3630
+ "buttonType": "link",
3631
+ "icon": {
3632
+ "color": "#167be0",
3633
+ "icon": "share-alt",
3634
+ "lib": "fa",
3635
+ "prefix": "fas"
3636
+ },
3637
+ "isDropdown": false,
3638
+ "tooltip": "分享",
3639
+ "tooltipPlacement": "bottom"
3640
+ }
3641
+ ]
3642
+ }
3643
+ }
3644
+ ],
3645
+ "type": "bricks"
3646
+ }
3647
+ }
3648
+ }
3649
+ ],
3650
+ "snippetId": "basic-bricks.general-drawer[basic]",
3651
+ "title": {
3652
+ "en": "Basic General Drawer",
3653
+ "zh": "基础抽屉"
3654
+ },
3655
+ "thumbnail": "bricks/basic-bricks/dist/stories-asserts/basic-bricks.general-drawer[basic].0d1a0a62a78311fb.svg",
3656
+ "actions": [
3657
+ {
3658
+ "text": "open()",
3659
+ "method": "open"
3660
+ }
3661
+ ]
3662
+ },
3049
3663
  {
3050
3664
  "description": {
3051
3665
  "title": "承载表单等操作场景",
@@ -3516,30 +4130,45 @@
3516
4130
  },
3517
4131
  "conf": [
3518
4132
  {
3519
- "brick": "basic-bricks.general-hotkeys",
3520
- "properties": {
3521
- "hotkeysConfig": [
3522
- {
3523
- "key": "command+s",
3524
- "eventName": "hotkey.save"
4133
+ "bricks": [
4134
+ {
4135
+ "brick": "basic-bricks.general-hotkeys",
4136
+ "properties": {
4137
+ "hotkeysConfig": [
4138
+ {
4139
+ "key": "command+s",
4140
+ "eventName": "hotkey.save"
4141
+ },
4142
+ {
4143
+ "key": "command+b",
4144
+ "eventName": "hotkey.build"
4145
+ }
4146
+ ]
3525
4147
  },
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"
4148
+ "events": {
4149
+ "hotkey.save": [
4150
+ {
4151
+ "action": "message.info",
4152
+ "args": [
4153
+ "save"
4154
+ ]
4155
+ }
4156
+ ],
4157
+ "hotkey.build": [
4158
+ {
4159
+ "action": "message.info",
4160
+ "args": [
4161
+ "build"
4162
+ ]
4163
+ }
4164
+ ]
3541
4165
  }
3542
- ]
4166
+ }
4167
+ ],
4168
+ "snippetId": "basic-bricks.general-hotkeys[basic]",
4169
+ "title": {
4170
+ "en": "Basic General Hotkeys",
4171
+ "zh": "基础通用快捷键"
3543
4172
  }
3544
4173
  }
3545
4174
  ],
@@ -3597,180 +4226,59 @@
3597
4226
  "conf": [
3598
4227
  {
3599
4228
  "description": {
3600
- "title": "",
3601
- "message": "全局完成类操作置于弹窗底部，使用文字按钮，一个主按钮，放于所有按钮的最右侧。"
4229
+ "title": "基本使用"
3602
4230
  },
3603
4231
  "brick": "div",
3604
4232
  "slots": {
3605
4233
  "content": {
3606
- "type": "bricks",
3607
4234
  "bricks": [
3608
4235
  {
3609
4236
  "brick": "basic-bricks.general-button",
3610
- "properties": {
3611
- "buttonName": "点击弹出模态框"
3612
- },
3613
4237
  "events": {
3614
4238
  "general.button.click": {
3615
- "target": "#origin",
3616
- "method": "open"
4239
+ "method": "open",
4240
+ "target": "#origin"
3617
4241
  }
3618
- }
3619
- },
3620
- {
3621
- "brick": "basic-bricks.general-button",
3622
- "properties": {
3623
- "buttonName": "点击弹出模态框，带 footer slot"
3624
4242
  },
3625
- "events": {
3626
- "general.button.click": {
3627
- "target": "#withSlot",
3628
- "method": "open"
3629
- }
4243
+ "properties": {
4244
+ "buttonName": "点击弹出模态框"
3630
4245
  }
3631
4246
  },
3632
4247
  {
3633
4248
  "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
4249
  "events": {
3653
4250
  "basic-bricks.general-modal.cancel": {
3654
- "action": "console.log"
4251
+ "action": "message.info",
4252
+ "args": [
4253
+ "cancel modal"
4254
+ ]
3655
4255
  },
3656
4256
  "basic-bricks.general-modal.confirm": {
3657
- "action": "console.log"
3658
- },
3659
- "modal.open": {
3660
- "action": "console.log"
4257
+ "action": "message.info",
4258
+ "args": [
4259
+ "confirm modal"
4260
+ ]
3661
4261
  },
3662
4262
  "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
- }
4263
+ "action": "message.info",
4264
+ "args": [
4265
+ "close modal"
3679
4266
  ]
3680
4267
  },
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
- }
4268
+ "modal.open": {
4269
+ "action": "message.info",
4270
+ "args": [
4271
+ "open modal"
3702
4272
  ]
3703
4273
  }
3704
4274
  },
3705
4275
  "properties": {
3706
- "id": "withSlot",
4276
+ "id": "origin",
3707
4277
  "modalTitle": "Modal Title",
3708
- "enableFooterSlot": true
4278
+ "okText": "Save"
3709
4279
  },
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": "点击弹出模态框"
3743
- },
3744
- "events": {
3745
- "general.button.click": {
3746
- "target": "#title-customized",
3747
- "method": "open"
3748
- }
3749
- }
3750
- },
3751
- {
3752
- "brick": "basic-bricks.general-modal",
3753
4280
  "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
4281
  "content": {
3773
- "type": "bricks",
3774
4282
  "bricks": [
3775
4283
  {
3776
4284
  "brick": "h3",
@@ -3778,118 +4286,279 @@
3778
4286
  "textContent": "modal content"
3779
4287
  }
3780
4288
  }
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"
4289
+ ],
4290
+ "type": "bricks"
3808
4291
  }
3809
4292
  }
3810
4293
  }
3811
- ]
4294
+ ],
4295
+ "type": "bricks"
3812
4296
  }
3813
4297
  }
3814
4298
  },
3815
4299
  {
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"
4300
+ "bricks": [
4301
+ {
4302
+ "description": {
4303
+ "title": "",
4304
+ "message": "全局完成类操作置于弹窗底部，使用文字按钮，一个主按钮，放于所有按钮的最右侧。"
4305
+ },
4306
+ "brick": "basic-bricks.general-modal",
4307
+ "events": {
4308
+ "basic-bricks.general-modal.cancel": {
4309
+ "action": "message.info",
4310
+ "args": [
4311
+ "modal cancel"
4312
+ ]
4313
+ },
4314
+ "basic-bricks.general-modal.confirm": {
4315
+ "action": "message.info",
4316
+ "args": [
4317
+ "modal confirm"
4318
+ ]
4319
+ },
4320
+ "modal.close": {
4321
+ "action": "message.info",
4322
+ "args": [
4323
+ "modal close"
4324
+ ]
4325
+ },
4326
+ "modal.open": {
4327
+ "action": "message.info",
4328
+ "args": [
4329
+ "modal open"
4330
+ ]
4331
+ }
4332
+ },
4333
+ "properties": {
4334
+ "enableFooterSlot": true,
4335
+ "id": "withSlot",
4336
+ "modalTitle": "Modal Title"
4337
+ },
4338
+ "slots": {
4339
+ "content": {
4340
+ "bricks": [
4341
+ {
4342
+ "brick": "h3",
4343
+ "properties": {
4344
+ "textContent": "modal content"
4345
+ }
3833
4346
  }
3834
- }
4347
+ ],
4348
+ "type": "bricks"
3835
4349
  },
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..."
4350
+ "footer": {
4351
+ "bricks": [
4352
+ {
4353
+ "brick": "basic-bricks.general-button",
4354
+ "events": {
4355
+ "general.button.click": [
4356
+ {
4357
+ "action": "console.log"
4358
+ },
4359
+ {
4360
+ "method": "close",
4361
+ "target": "#withSlot"
3864
4362
  }
3865
- }
3866
- ]
4363
+ ]
4364
+ },
4365
+ "properties": {
4366
+ "buttonName": "Delete",
4367
+ "buttonType": "danger"
4368
+ }
3867
4369
  }
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"
4370
+ ],
4371
+ "type": "bricks"
4372
+ }
4373
+ }
4374
+ }
4375
+ ],
4376
+ "snippetId": "basic-bricks.general-modal[footer]",
4377
+ "title": {
4378
+ "en": "General Modal with Footer Slot",
4379
+ "zh": "带footer的模态框"
4380
+ },
4381
+ "actions": [
4382
+ {
4383
+ "text": "open()",
4384
+ "method": "open"
4385
+ }
4386
+ ]
4387
+ },
4388
+ {
4389
+ "bricks": [
4390
+ {
4391
+ "description": {
4392
+ "title": "标题相关：对齐方式、图标、标题后自定义构件",
4393
+ "message": "图标来源可以为src(httpSrc/DataSrc)或平台的图标库"
4394
+ },
4395
+ "brick": "basic-bricks.general-modal",
4396
+ "events": {
4397
+ "basic-bricks.general-modal.cancel": {
4398
+ "action": "message.info",
4399
+ "args": [
4400
+ "modal cancel"
4401
+ ]
4402
+ },
4403
+ "basic-bricks.general-modal.confirm": {
4404
+ "action": "message.info",
4405
+ "args": [
4406
+ "modal confirm"
4407
+ ]
4408
+ },
4409
+ "modal.close": {
4410
+ "action": "message.info",
4411
+ "args": [
4412
+ "modal close"
4413
+ ]
4414
+ },
4415
+ "modal.open": {
4416
+ "action": "message.info",
4417
+ "args": [
4418
+ "modal open"
4419
+ ]
4420
+ }
4421
+ },
4422
+ "properties": {
4423
+ "id": "title-customized",
4424
+ "modalTitle": "Modal Title",
4425
+ "okText": "Save",
4426
+ "titleAlign": "center",
4427
+ "titleIcon": {
4428
+ "color": "var(--color-warning)",
4429
+ "icon": "warning",
4430
+ "lib": "antd",
4431
+ "theme": "outlined"
4432
+ }
4433
+ },
4434
+ "slots": {
4435
+ "content": {
4436
+ "bricks": [
4437
+ {
4438
+ "brick": "h3",
4439
+ "properties": {
4440
+ "textContent": "modal content"
4441
+ }
4442
+ }
4443
+ ],
4444
+ "type": "bricks"
4445
+ },
4446
+ "headerExtra": {
4447
+ "bricks": [
4448
+ {
4449
+ "brick": "presentational-bricks.brick-tag",
4450
+ "properties": {
4451
+ "color": "var(--color-warning)",
4452
+ "showCard": false,
4453
+ "tagList": [
4454
+ "警告"
4455
+ ],
4456
+ "tagStyle": {
4457
+ "marginLeft": "-4px"
4458
+ }
4459
+ }
4460
+ }
4461
+ ],
4462
+ "type": "bricks"
4463
+ }
4464
+ }
4465
+ }
4466
+ ],
4467
+ "snippetId": "basic-bricks.general-modal[custom-title]",
4468
+ "title": {
4469
+ "en": "General Modal with Custom Title",
4470
+ "zh": "带自定义标题的模态框"
4471
+ },
4472
+ "actions": [
4473
+ {
4474
+ "text": "open()",
4475
+ "method": "open"
4476
+ }
4477
+ ]
4478
+ },
4479
+ {
4480
+ "bricks": [
4481
+ {
4482
+ "description": {
4483
+ "title": "全屏模式"
4484
+ },
4485
+ "brick": "basic-bricks.general-modal",
4486
+ "events": {
4487
+ "basic-bricks.general-modal.cancel": {
4488
+ "action": "message.info",
4489
+ "args": [
4490
+ "modal cancel"
4491
+ ]
4492
+ },
4493
+ "basic-bricks.general-modal.confirm": {
4494
+ "action": "message.info",
4495
+ "args": [
4496
+ "modal confirm"
4497
+ ]
4498
+ },
4499
+ "modal.close": {
4500
+ "action": "message.info",
4501
+ "args": [
4502
+ "modal close"
4503
+ ]
4504
+ },
4505
+ "modal.open": {
4506
+ "action": "message.info",
4507
+ "args": [
4508
+ "modal open"
4509
+ ]
4510
+ }
4511
+ },
4512
+ "properties": {
4513
+ "fullscreen": true,
4514
+ "id": "fullscreen-mode",
4515
+ "modalTitle": "Modal Title",
4516
+ "okText": "Save"
4517
+ },
4518
+ "slots": {
4519
+ "content": {
4520
+ "bricks": [
4521
+ {
4522
+ "brick": "h3",
4523
+ "properties": {
4524
+ "textContent": "modal content"
4525
+ }
3878
4526
  },
3879
- "basic-bricks.general-modal.confirm": {
3880
- "action": "console.log"
4527
+ {
4528
+ "brick": "p",
4529
+ "properties": {
4530
+ "textContent": "some content..."
4531
+ }
3881
4532
  },
3882
- "modal.open": {
3883
- "action": "console.log"
4533
+ {
4534
+ "brick": "p",
4535
+ "properties": {
4536
+ "textContent": "some content..."
4537
+ }
3884
4538
  },
3885
- "modal.close": {
3886
- "action": "console.log"
4539
+ {
4540
+ "brick": "p",
4541
+ "properties": {
4542
+ "textContent": "some content..."
4543
+ }
3887
4544
  }
3888
- }
4545
+ ],
4546
+ "type": "bricks"
3889
4547
  }
3890
- ]
4548
+ }
3891
4549
  }
3892
- }
4550
+ ],
4551
+ "snippetId": "basic-bricks.general-modal[full-screen]",
4552
+ "title": {
4553
+ "en": "Full Screen General Modal",
4554
+ "zh": "全屏模态框"
4555
+ },
4556
+ "actions": [
4557
+ {
4558
+ "text": "open()",
4559
+ "method": "open"
4560
+ }
4561
+ ]
3893
4562
  }
3894
4563
  ],
3895
4564
  "doc": {
@@ -4244,6 +4913,49 @@
4244
4913
  ]
4245
4914
  }
4246
4915
  }
4916
+ },
4917
+ {
4918
+ "bricks": [
4919
+ {
4920
+ "brick": "basic-bricks.general-notification",
4921
+ "events": {
4922
+ "general.notification.click": {
4923
+ "action": "message.info",
4924
+ "args": [
4925
+ "notification click"
4926
+ ]
4927
+ },
4928
+ "general.notification.close": {
4929
+ "action": "message.info",
4930
+ "args": [
4931
+ "notification close"
4932
+ ]
4933
+ }
4934
+ },
4935
+ "properties": {
4936
+ "description": "Notification Description.",
4937
+ "duration": 3,
4938
+ "icon": "smile",
4939
+ "iconStyle": {
4940
+ "color": "red",
4941
+ "textAlign": "center"
4942
+ },
4943
+ "message": "Notification Title",
4944
+ "placement": "topRight"
4945
+ }
4946
+ }
4947
+ ],
4948
+ "snippetId": "basic-bricks.general-notification[basic]",
4949
+ "title": {
4950
+ "en": "Basic General Notification",
4951
+ "zh": "基础通知提醒框"
4952
+ },
4953
+ "actions": [
4954
+ {
4955
+ "text": "open()",
4956
+ "method": "open"
4957
+ }
4958
+ ]
4247
4959
  }
4248
4960
  ],
4249
4961
  "previewColumns": 1,
@@ -4351,27 +5063,53 @@
4351
5063
  },
4352
5064
  "conf": [
4353
5065
  {
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"
5066
+ "bricks": [
5067
+ {
5068
+ "brick": "basic-bricks.general-timer",
5069
+ "properties": {
5070
+ "interval": 10000
5071
+ },
5072
+ "events": {
5073
+ "general-timer.timing-event": {
5074
+ "action": "console.log"
5075
+ }
5076
+ }
4363
5077
  }
5078
+ ],
5079
+ "snippetId": "basic-bricks.general-timer[basic]",
5080
+ "title": {
5081
+ "en": "Basic General Timer",
5082
+ "zh": "基础定时器"
5083
+ },
5084
+ "message": {
5085
+ "en": "Write a scheduled task in the general timer. timing event",
5086
+ "zh": "在general-timer.timing-event写定时任务"
4364
5087
  }
4365
5088
  },
4366
5089
  {
4367
- "brick": "basic-bricks.general-timer",
4368
- "properties": {
4369
- "interval": 10000
4370
- },
4371
- "events": {
4372
- "general-timer.timing-event": {
4373
- "action": "console.log"
5090
+ "bricks": [
5091
+ {
5092
+ "brick": "basic-bricks.general-timer",
5093
+ "properties": {
5094
+ "eventName": "specific-event",
5095
+ "interval": 10000,
5096
+ "dataSource": "some data"
5097
+ },
5098
+ "events": {
5099
+ "specific-event": {
5100
+ "action": "console.log"
5101
+ }
5102
+ }
4374
5103
  }
5104
+ ],
5105
+ "snippetId": "basic-bricks.general-timer[custom-event]",
5106
+ "title": {
5107
+ "en": "General Timer with Custom Event",
5108
+ "zh": "带自定义事件的定时器"
5109
+ },
5110
+ "message": {
5111
+ "en": "Define the event through the property eventName",
5112
+ "zh": "通过属性eventName定义事件"
4375
5113
  }
4376
5114
  }
4377
5115
  ],
@@ -4444,93 +5182,104 @@
4444
5182
  "icon": {
4445
5183
  "imgSrc": "bricks/basic-bricks/dist/stories-asserts/basic-bricks.grid-layout.f59275b02376fe7c.svg"
4446
5184
  },
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
- ]
5185
+ "conf": [
5186
+ {
5187
+ "bricks": [
5188
+ {
5189
+ "brick": "basic-bricks.grid-layout",
5190
+ "properties": {
5191
+ "columns": 2,
5192
+ "responsive": {
5193
+ "medium": {
5194
+ "columns": 1
4499
5195
  }
4500
5196
  }
4501
5197
  },
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
- }
5198
+ "slots": {
5199
+ "items": {
5200
+ "type": "bricks",
5201
+ "bricks": [
5202
+ {
5203
+ "brick": "basic-bricks.grid-layout",
5204
+ "properties": {
5205
+ "columns": 2
4516
5206
  },
4517
- {
4518
- "brick": "div",
4519
- "properties": {
4520
- "style": {
4521
- "height": "300px",
4522
- "backgroundColor": "green"
4523
- }
5207
+ "slots": {
5208
+ "items": {
5209
+ "type": "bricks",
5210
+ "bricks": [
5211
+ {
5212
+ "brick": "div",
5213
+ "properties": {
5214
+ "style": {
5215
+ "gridColumn": "span 2",
5216
+ "height": "200px",
5217
+ "backgroundColor": "orange"
5218
+ }
5219
+ }
5220
+ },
5221
+ {
5222
+ "brick": "div",
5223
+ "properties": {
5224
+ "style": {
5225
+ "height": "100px",
5226
+ "backgroundColor": "aquamarine "
5227
+ }
5228
+ }
5229
+ },
5230
+ {
5231
+ "brick": "div",
5232
+ "properties": {
5233
+ "style": {
5234
+ "height": "100px",
5235
+ "backgroundColor": "aquamarine "
5236
+ }
5237
+ }
5238
+ }
5239
+ ]
4524
5240
  }
4525
5241
  }
4526
- ]
4527
- }
5242
+ },
5243
+ {
5244
+ "brick": "basic-bricks.grid-layout",
5245
+ "slots": {
5246
+ "items": {
5247
+ "type": "bricks",
5248
+ "bricks": [
5249
+ {
5250
+ "brick": "div",
5251
+ "properties": {
5252
+ "style": {
5253
+ "height": "100px",
5254
+ "backgroundColor": "green"
5255
+ }
5256
+ }
5257
+ },
5258
+ {
5259
+ "brick": "div",
5260
+ "properties": {
5261
+ "style": {
5262
+ "height": "300px",
5263
+ "backgroundColor": "green"
5264
+ }
5265
+ }
5266
+ }
5267
+ ]
5268
+ }
5269
+ }
5270
+ }
5271
+ ]
4528
5272
  }
4529
5273
  }
4530
- ]
5274
+ }
5275
+ ],
5276
+ "snippetId": "basic-bricks.grid-layout[basic]",
5277
+ "title": {
5278
+ "en": "Basic Grid Layout",
5279
+ "zh": "基础网格布局"
4531
5280
  }
4532
5281
  }
4533
- },
5282
+ ],
4534
5283
  "doc": {
4535
5284
  "id": "basic-bricks.grid-layout",
4536
5285
  "name": "basic-bricks.grid-layout",
@@ -4715,58 +5464,69 @@
4715
5464
  "icon": {
4716
5465
  "imgSrc": "bricks/basic-bricks/dist/stories-asserts/basic-bricks.index-card.57a31184d6229832.svg"
4717
5466
  },
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
- }
5467
+ "conf": [
5468
+ {
5469
+ "bricks": [
5470
+ {
5471
+ "brick": "basic-bricks.index-card",
5472
+ "properties": {
5473
+ "title": "Hello World"
4754
5474
  },
4755
- {
4756
- "brick": "div",
4757
- "properties": {
4758
- "textContent": "world",
4759
- "style": {
4760
- "border": "3px solid orange",
4761
- "height": "100px",
4762
- "background": "#fff"
4763
- }
5475
+ "slots": {
5476
+ "toolbar": {
5477
+ "type": "bricks",
5478
+ "bricks": [
5479
+ {
5480
+ "brick": "basic-bricks.general-button",
5481
+ "properties": {
5482
+ "buttonName": "Create New One"
5483
+ }
5484
+ },
5485
+ {
5486
+ "brick": "basic-bricks.general-button",
5487
+ "properties": {
5488
+ "buttonName": "Edit Existed One"
5489
+ }
5490
+ }
5491
+ ]
5492
+ },
5493
+ "content": {
5494
+ "type": "bricks",
5495
+ "bricks": [
5496
+ {
5497
+ "brick": "div",
5498
+ "properties": {
5499
+ "textContent": "hello",
5500
+ "style": {
5501
+ "border": "3px solid orange",
5502
+ "height": "60px",
5503
+ "background": "#fff"
5504
+ }
5505
+ }
5506
+ },
5507
+ {
5508
+ "brick": "div",
5509
+ "properties": {
5510
+ "textContent": "world",
5511
+ "style": {
5512
+ "border": "3px solid orange",
5513
+ "height": "100px",
5514
+ "background": "#fff"
5515
+ }
5516
+ }
5517
+ }
5518
+ ]
4764
5519
  }
4765
5520
  }
4766
- ]
5521
+ }
5522
+ ],
5523
+ "snippetId": "basic-bricks.index-card[basic]",
5524
+ "title": {
5525
+ "en": "Basic Index Card",
5526
+ "zh": "基础页面容器"
4767
5527
  }
4768
5528
  }
4769
- },
5529
+ ],
4770
5530
  "doc": {
4771
5531
  "id": "basic-bricks.index-card",
4772
5532
  "name": "basic-bricks.index-card",
@@ -4813,39 +5573,61 @@
4813
5573
  },
4814
5574
  "conf": [
4815
5575
  {
4816
- "brick": "basic-bricks.list-container",
4817
- "properties": {
4818
- "data": [
4819
- "正常",
4820
- "异常",
4821
- "未安装"
4822
- ],
4823
- "useBrick": {
4824
- "brick": "presentational-bricks.agent-status",
5576
+ "bricks": [
5577
+ {
5578
+ "brick": "basic-bricks.list-container",
4825
5579
  "properties": {
4826
- "value": "<% DATA %>"
5580
+ "data": [
5581
+ "正常",
5582
+ "异常",
5583
+ "未安装"
5584
+ ],
5585
+ "useBrick": {
5586
+ "brick": "presentational-bricks.agent-status",
5587
+ "properties": {
5588
+ "value": "<% DATA %>"
5589
+ }
5590
+ }
4827
5591
  }
4828
5592
  }
5593
+ ],
5594
+ "snippetId": "basic-bricks.list-container[basic]",
5595
+ "title": {
5596
+ "en": "Basic List Container",
5597
+ "zh": "基础动态构件列表容器"
4829
5598
  }
4830
5599
  },
4831
5600
  {
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",
5601
+ "bricks": [
5602
+ {
5603
+ "brick": "basic-bricks.list-container",
4845
5604
  "properties": {
4846
- "value": "<% DATA %>"
5605
+ "gap": "20px",
5606
+ "extraContainerStyle": {
5607
+ "gridTemplateColumns": "repeat(auto-fill, minmax(260px, 1fr))"
5608
+ },
5609
+ "data": [
5610
+ "正常",
5611
+ "异常",
5612
+ "未安装"
5613
+ ],
5614
+ "useBrick": {
5615
+ "brick": "presentational-bricks.agent-status",
5616
+ "properties": {
5617
+ "value": "<% DATA %>"
5618
+ }
5619
+ }
4847
5620
  }
4848
5621
  }
5622
+ ],
5623
+ "snippetId": "basic-bricks.list-container[extra-style]",
5624
+ "title": {
5625
+ "en": "List Container with Extra Container Style",
5626
+ "zh": "带额外样式的动态构件列表容器"
5627
+ },
5628
+ "message": {
5629
+ "en": "The container itself is a grid layout by default, and you can set additional styles",
5630
+ "zh": "容器本身默认是 grid 布局，可以设置额外的样式"
4849
5631
  }
4850
5632
  }
4851
5633
  ],
@@ -5005,50 +5787,51 @@
5005
5787
  "icon": {
5006
5788
  "imgSrc": "bricks/basic-bricks/dist/stories-asserts/basic-bricks.menu-bar .348656e981e2bbc3.svg"
5007
5789
  },
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
- }
5790
+ "conf": [
5791
+ {
5792
+ "bricks": [
5793
+ {
5794
+ "brick": "basic-bricks.menu-bar",
5795
+ "properties": {
5796
+ "collapsed": false,
5797
+ "dataset": {
5798
+ "testid": "basic-usage-demo-menu"
5799
+ },
5800
+ "menu": {
5801
+ "menuItems": [
5802
+ {
5803
+ "exact": true,
5804
+ "text": "基本信息",
5805
+ "to": "/developers/brick-book/menu-bar",
5806
+ "type": "default"
5807
+ },
5808
+ {
5809
+ "items": [
5810
+ {
5811
+ "text": "所在机柜",
5812
+ "to": "/developers/brick-book/menu-bar/1"
5813
+ },
5814
+ {
5815
+ "text": "运维人员",
5816
+ "to": "/developers/brick-book/menu-bar/2"
5817
+ }
5818
+ ],
5819
+ "title": "资源关系",
5820
+ "type": "group"
5821
+ }
5822
+ ],
5823
+ "title": "IP网段管理"
5046
5824
  }
5047
5825
  }
5048
- ]
5826
+ }
5827
+ ],
5828
+ "snippetId": "basic-bricks.menu-bar[basic]",
5829
+ "title": {
5830
+ "en": "Basic Menu Bar",
5831
+ "zh": "基础一级左侧菜单"
5049
5832
  }
5050
5833
  }
5051
- },
5834
+ ],
5052
5835
  "doc": {
5053
5836
  "id": "basic-bricks.menu-bar",
5054
5837
  "name": "basic-bricks.menu-bar",
@@ -5183,161 +5966,179 @@
5183
5966
  },
5184
5967
  "conf": [
5185
5968
  {
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"
5969
+ "bricks": [
5970
+ {
5971
+ "brick": "basic-bricks.micro-view",
5972
+ "properties": {
5973
+ "pageTitle": "Hello World"
5974
+ },
5975
+ "slots": {
5976
+ "toolbar": {
5977
+ "type": "bricks",
5978
+ "bricks": [
5979
+ {
5980
+ "brick": "basic-bricks.general-button",
5981
+ "properties": {
5982
+ "buttonName": "Create New One"
5983
+ }
5984
+ },
5985
+ {
5986
+ "brick": "basic-bricks.general-button",
5987
+ "properties": {
5988
+ "buttonName": "Edit Existed One"
5989
+ }
5219
5990
  }
5220
- }
5991
+ ]
5221
5992
  },
5222
- {
5223
- "brick": "div",
5224
- "properties": {
5225
- "textContent": "world",
5226
- "style": {
5227
- "border": "3px solid orange",
5228
- "height": "100px",
5229
- "background": "#fff"
5993
+ "content": {
5994
+ "type": "bricks",
5995
+ "bricks": [
5996
+ {
5997
+ "brick": "div",
5998
+ "properties": {
5999
+ "textContent": "hello",
6000
+ "style": {
6001
+ "border": "3px solid orange",
6002
+ "height": "60px",
6003
+ "background": "#fff"
6004
+ }
6005
+ }
6006
+ },
6007
+ {
6008
+ "brick": "div",
6009
+ "properties": {
6010
+ "textContent": "world",
6011
+ "style": {
6012
+ "border": "3px solid orange",
6013
+ "height": "100px",
6014
+ "background": "#fff"
6015
+ }
6016
+ }
5230
6017
  }
5231
- }
6018
+ ]
5232
6019
  }
5233
- ]
6020
+ }
5234
6021
  }
6022
+ ],
6023
+ "snippetId": "basic-bricks.micro-view[basic]",
6024
+ "title": {
6025
+ "en": "Basic Micro View",
6026
+ "zh": "基础通用页面视图容器"
5235
6027
  }
5236
6028
  },
5237
6029
  {
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
- }
6030
+ "bricks": [
6031
+ {
6032
+ "description": {
6033
+ "title": "使用 banner"
6034
+ },
6035
+ "brick": "basic-bricks.micro-view",
6036
+ "properties": {
6037
+ "bannerPageTitle": "Hello World",
6038
+ "bannerStyle": {
6039
+ "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\")",
6040
+ "backgroundSize": "auto"
5264
6041
  }
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"
6042
+ },
6043
+ "slots": {
6044
+ "bannerToolbar": {
6045
+ "type": "bricks",
6046
+ "bricks": [
6047
+ {
6048
+ "brick": "basic-bricks.general-button",
6049
+ "properties": {
6050
+ "buttonName": "Create New One"
6051
+ }
6052
+ },
6053
+ {
6054
+ "brick": "basic-bricks.general-button",
6055
+ "properties": {
6056
+ "buttonName": "Edit Existed One"
6057
+ }
5289
6058
  }
5290
- }
6059
+ ]
5291
6060
  },
5292
- {
5293
- "brick": "presentational-bricks.brick-divider",
5294
- "properties": {
5295
- "dividerStyle": {
5296
- "margin": "12px 0"
6061
+ "banner": {
6062
+ "type": "bricks",
6063
+ "bricks": [
6064
+ {
6065
+ "brick": "div",
6066
+ "properties": {
6067
+ "textContent": "hello",
6068
+ "style": {
6069
+ "border": "3px solid orange",
6070
+ "height": "60px",
6071
+ "background": "#fff"
6072
+ }
6073
+ }
6074
+ },
6075
+ {
6076
+ "brick": "div",
6077
+ "properties": {
6078
+ "textContent": "world",
6079
+ "style": {
6080
+ "border": "3px solid orange",
6081
+ "height": "100px",
6082
+ "background": "#fff"
6083
+ }
6084
+ }
6085
+ },
6086
+ {
6087
+ "brick": "presentational-bricks.brick-divider",
6088
+ "properties": {
6089
+ "dividerStyle": {
6090
+ "margin": "12px 0"
6091
+ }
6092
+ }
6093
+ },
6094
+ {
6095
+ "brick": "container-brick.tabs-container",
6096
+ "properties": {
6097
+ "showCard": false,
6098
+ "tabList": [
6099
+ {
6100
+ "text": "Tab 1",
6101
+ "key": "tab1"
6102
+ },
6103
+ {
6104
+ "text": "Tab 2",
6105
+ "key": "tab2"
6106
+ },
6107
+ {
6108
+ "text": "Tab 3",
6109
+ "key": "tab3"
6110
+ }
6111
+ ],
6112
+ "style": {
6113
+ "marginBottom": "calc(var(--page-card-gap) * -1 - 1px)"
6114
+ }
6115
+ }
5297
6116
  }
5298
- }
6117
+ ]
5299
6118
  },
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"
6119
+ "content": {
6120
+ "type": "bricks",
6121
+ "bricks": [
6122
+ {
6123
+ "brick": "div",
6124
+ "properties": {
6125
+ "textContent": "content",
6126
+ "style": {
6127
+ "border": "3px solid orange",
6128
+ "height": "60px",
6129
+ "background": "#fff"
6130
+ }
5316
6131
  }
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
6132
  }
5337
- }
6133
+ ]
5338
6134
  }
5339
- ]
6135
+ }
5340
6136
  }
6137
+ ],
6138
+ "snippetId": "basic-bricks.micro-view[with-banner]",
6139
+ "title": {
6140
+ "en": "Micro View with Banner Slot",
6141
+ "zh": "带Banner插槽的通用页面视图容器"
5341
6142
  }
5342
6143
  }
5343
6144
  ],
@@ -5444,81 +6245,90 @@
5444
6245
  "description": "是否隐藏工具栏（常用语大屏模式）。",
5445
6246
  "group": "ui"
5446
6247
  },
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"
6248
+ {
6249
+ "name": "bannerStyle",
6250
+ "type": "CSSProperties",
6251
+ "required": false,
6252
+ "default": "-",
6253
+ "description": "banner 的样式",
6254
+ "group": "ui"
6255
+ }
6256
+ ],
6257
+ "interface": []
6258
+ }
6259
+ },
6260
+ {
6261
+ "storyId": "basic-bricks.multiple-columns-card",
6262
+ "category": "container-layout",
6263
+ "type": "brick",
6264
+ "author": "jo",
6265
+ "deprecated": true,
6266
+ "text": {
6267
+ "en": "Multi Column Layout Container with Border",
6268
+ "zh": "带边框多列布局容器"
6269
+ },
6270
+ "description": {
6271
+ "en": "support multiple columns card",
6272
+ "zh": "支持多列布局的容器,推荐使用 `basic-bricks.easy-view`"
6273
+ },
6274
+ "icon": {
6275
+ "imgSrc": "bricks/basic-bricks/dist/stories-asserts/basic-bricks.multiple-columns-card.763cbfc27981ca6c.svg"
6276
+ },
6277
+ "conf": [
6278
+ {
6279
+ "bricks": [
6280
+ {
6281
+ "brick": "basic-bricks.multiple-columns-card",
6282
+ "properties": {
6283
+ "gridColumns": [
6284
+ "200px",
6285
+ 1,
6286
+ 2
6287
+ ]
6288
+ },
6289
+ "slots": {
6290
+ "content": {
6291
+ "type": "bricks",
6292
+ "bricks": [
6293
+ {
6294
+ "brick": "div",
6295
+ "properties": {
6296
+ "textContent": "主机",
6297
+ "style": {
6298
+ "line-height": "200px",
6299
+ "text-align": "center"
6300
+ }
6301
+ }
6302
+ },
6303
+ {
6304
+ "brick": "div",
6305
+ "properties": {
6306
+ "textContent": "应用",
6307
+ "style": {
6308
+ "line-height": "200px",
6309
+ "text-align": "center"
6310
+ }
6311
+ }
6312
+ },
6313
+ {
6314
+ "brick": "div",
6315
+ "properties": {
6316
+ "textContent": "集群",
6317
+ "style": {
6318
+ "line-height": "200px",
6319
+ "text-align": "center"
6320
+ }
6321
+ }
5517
6322
  }
5518
- }
6323
+ ]
5519
6324
  }
5520
- ]
6325
+ }
5521
6326
  }
6327
+ ],
6328
+ "snippetId": "basic-bricks.multiple-columns-card[basic]",
6329
+ "title": {
6330
+ "en": "Basic Multiple Columns Card",
6331
+ "zh": "基础带边框多列布局容器"
5522
6332
  }
5523
6333
  },
5524
6334
  {
@@ -5724,22 +6534,39 @@
5724
6534
  "icon": {
5725
6535
  "imgSrc": "bricks/basic-bricks/dist/stories-asserts/basic-bricks.page-title.d3c16d2b20e77d86.svg"
5726
6536
  },
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"
6537
+ "conf": [
6538
+ {
6539
+ "brick": "basic-bricks.micro-view",
6540
+ "slots": {
6541
+ "titleBar": {
6542
+ "type": "bricks",
6543
+ "bricks": [
6544
+ {
6545
+ "brick": "basic-bricks.page-title",
6546
+ "properties": {
6547
+ "pageTitle": "Hello World"
6548
+ }
5737
6549
  }
6550
+ ]
6551
+ }
6552
+ }
6553
+ },
6554
+ {
6555
+ "bricks": [
6556
+ {
6557
+ "brick": "basic-bricks.page-title",
6558
+ "properties": {
6559
+ "pageTitle": "Hello World"
5738
6560
  }
5739
- ]
6561
+ }
6562
+ ],
6563
+ "snippetId": "basic-bricks.page-title[basic]",
6564
+ "title": {
6565
+ "en": "Basic Page Title",
6566
+ "zh": "基础页面标题"
5740
6567
  }
5741
6568
  }
5742
- },
6569
+ ],
5743
6570
  "doc": {
5744
6571
  "id": "basic-bricks.page-title",
5745
6572
  "name": "basic-bricks.page-title",
@@ -6027,42 +6854,51 @@
6027
6854
  }
6028
6855
  },
6029
6856
  {
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"
6857
+ "bricks": [
6858
+ {
6859
+ "brick": "basic-bricks.popover-container",
6860
+ "properties": {
6861
+ "showIcon": "never",
6862
+ "triggerByIcon": false,
6863
+ "placement": "top",
6864
+ "trigger": "hover",
6865
+ "style": {
6866
+ "display": "inline-block"
6867
+ },
6868
+ "displayBrick": {
6869
+ "useBrick": {
6870
+ "brick": "presentational-bricks.brick-value-mapping",
6871
+ "properties": {
6872
+ "showTagCircle": true,
6873
+ "value": 0,
6874
+ "mapping": {
6875
+ "0": {
6876
+ "text": "紧急",
6877
+ "color": "red"
6878
+ }
6879
+ }
6880
+ }
6881
+ }
6882
+ },
6883
+ "popoverContentStyle": {
6884
+ "width": 160,
6885
+ "height": 20
6886
+ },
6887
+ "popoverBrick": {
6888
+ "useBrick": {
6889
+ "brick": "div",
6890
+ "properties": {
6891
+ "textContent": "紧急：cpu.util大于 70%"
6049
6892
  }
6050
6893
  }
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
6894
  }
6064
6895
  }
6065
6896
  }
6897
+ ],
6898
+ "snippetId": "basic-bricks.popover-container[basic]",
6899
+ "title": {
6900
+ "en": "Basic Popover Container",
6901
+ "zh": "基础气泡卡片容器"
6066
6902
  }
6067
6903
  }
6068
6904
  ],
@@ -6250,17 +7086,28 @@
6250
7086
  "icon": {
6251
7087
  "imgSrc": "bricks/basic-bricks/dist/stories-asserts/basic-bricks.print-button.f211dea5d406c89c.svg"
6252
7088
  },
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"
7089
+ "conf": [
7090
+ {
7091
+ "bricks": [
7092
+ {
7093
+ "brick": "basic-bricks.print-button",
7094
+ "properties": {
7095
+ "prefixTitle": "IT资源统计大屏",
7096
+ "backgroundColor": "rgb(0, 249, 253)",
7097
+ "color": "white",
7098
+ "border": "none",
7099
+ "bottom": "15px",
7100
+ "right": "10px"
7101
+ }
7102
+ }
7103
+ ],
7104
+ "snippetId": "basic-bricks.print-button[basic]",
7105
+ "title": {
7106
+ "en": "Basic Print Button",
7107
+ "zh": "基础打印按钮"
7108
+ }
6262
7109
  }
6263
- },
7110
+ ],
6264
7111
  "doc": {
6265
7112
  "id": "basic-bricks.print-button",
6266
7113
  "name": "basic-bricks.print-button",
@@ -6392,6 +7239,32 @@
6392
7239
  "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
7240
  },
6394
7241
  "conf": [
7242
+ {
7243
+ "bricks": [
7244
+ {
7245
+ "brick": "basic-bricks.script-brick",
7246
+ "events": {
7247
+ "script.execute": {
7248
+ "action": "message.info",
7249
+ "args": [
7250
+ "excute script"
7251
+ ]
7252
+ }
7253
+ }
7254
+ }
7255
+ ],
7256
+ "snippetId": "basic-bricks.script-brick[basic]",
7257
+ "title": {
7258
+ "en": "Basic Script Brick",
7259
+ "zh": "基础自定义函数转换"
7260
+ },
7261
+ "actions": [
7262
+ {
7263
+ "text": "execute()",
7264
+ "method": "execute"
7265
+ }
7266
+ ]
7267
+ },
6395
7268
  {
6396
7269
  "brick": "div",
6397
7270
  "slots": {
@@ -6647,6 +7520,137 @@
6647
7520
  "imgSrc": "bricks/basic-bricks/dist/stories-asserts/basic-bricks.sub-menu.912160d1231cf2b8.svg"
6648
7521
  },
6649
7522
  "conf": [
7523
+ {
7524
+ "bricks": [
7525
+ {
7526
+ "brick": "basic-bricks.sub-menu",
7527
+ "properties": {
7528
+ "dataSource": {
7529
+ "menuItems": [
7530
+ {
7531
+ "exact": true,
7532
+ "icon": {
7533
+ "icon": "cube",
7534
+ "lib": "fa"
7535
+ },
7536
+ "text": "工具库",
7537
+ "to": "/developers/brick-book/atom/sub-menu",
7538
+ "type": "default"
7539
+ },
7540
+ {
7541
+ "items": [
7542
+ {
7543
+ "icon": {
7544
+ "category": "model",
7545
+ "icon": "host",
7546
+ "lib": "easyops"
7547
+ },
7548
+ "text": "主机",
7549
+ "to": "/developers/brick-book/atom/sub-menu/1"
7550
+ },
7551
+ {
7552
+ "icon": {
7553
+ "category": "model",
7554
+ "icon": "docker-image",
7555
+ "lib": "easyops"
7556
+ },
7557
+ "text": "Docker",
7558
+ "to": "/developers/brick-book/atom/sub-menu/2"
7559
+ }
7560
+ ],
7561
+ "title": "平台资源",
7562
+ "type": "group"
7563
+ },
7564
+ {
7565
+ "items": [
7566
+ {
7567
+ "icon": {
7568
+ "category": "model",
7569
+ "icon": "admin",
7570
+ "lib": "easyops"
7571
+ },
7572
+ "text": "开发负责人",
7573
+ "to": "/developers/brick-book/atom/sub-menu/3"
7574
+ },
7575
+ {
7576
+ "icon": {
7577
+ "category": "model",
7578
+ "icon": "admin",
7579
+ "lib": "easyops"
7580
+ },
7581
+ "text": "运维负责人",
7582
+ "to": "/developers/brick-book/atom/sub-menu/4"
7583
+ },
7584
+ {
7585
+ "icon": {
7586
+ "category": "model",
7587
+ "icon": "admin",
7588
+ "lib": "easyops"
7589
+ },
7590
+ "text": "测试负责人",
7591
+ "to": "/developers/brick-book/atom/sub-menu/5"
7592
+ }
7593
+ ],
7594
+ "title": "负责人",
7595
+ "type": "group"
7596
+ },
7597
+ {
7598
+ "items": [
7599
+ {
7600
+ "icon": {
7601
+ "category": "model",
7602
+ "icon": "app",
7603
+ "lib": "easyops"
7604
+ },
7605
+ "items": [
7606
+ {
7607
+ "items": [
7608
+ {
7609
+ "text": "被调方",
7610
+ "to": "/developers/brick-book/atom/sub-menu/6"
7611
+ }
7612
+ ],
7613
+ "title": "被调方",
7614
+ "type": "subMenu"
7615
+ },
7616
+ {
7617
+ "text": "被调方",
7618
+ "to": "/developers/brick-book/atom/sub-menu/7"
7619
+ }
7620
+ ],
7621
+ "title": "被调方",
7622
+ "type": "subMenu"
7623
+ },
7624
+ {
7625
+ "icon": {
7626
+ "category": "model",
7627
+ "icon": "app",
7628
+ "lib": "easyops"
7629
+ },
7630
+ "items": [
7631
+ {
7632
+ "text": "被调方",
7633
+ "to": "/developers/brick-book/atom/sub-menu/8"
7634
+ }
7635
+ ],
7636
+ "title": "被调方",
7637
+ "type": "subMenu"
7638
+ }
7639
+ ],
7640
+ "title": "调用关系",
7641
+ "type": "group"
7642
+ }
7643
+ ]
7644
+ }
7645
+ }
7646
+ }
7647
+ ],
7648
+ "snippetId": "basic-bricks.sub-menu[basic]",
7649
+ "title": {
7650
+ "en": "Basic Sub Menu",
7651
+ "zh": "基础二级子菜单"
7652
+ }
7653
+ },
6650
7654
  {
6651
7655
  "brick": "basic-bricks.micro-app",
6652
7656
  "slots": {
@@ -6882,175 +7886,190 @@
6882
7886
  },
6883
7887
  "conf": [
6884
7888
  {
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"
7889
+ "bricks": [
7890
+ {
7891
+ "brick": "basic-bricks.sub-menu-filter",
7892
+ "events": {
7893
+ "menu.search": {
7894
+ "action": "message.info",
7895
+ "args": [
7896
+ "menu search"
7897
+ ]
6907
7898
  },
6908
- "key": "All",
6909
- "title": "全部",
6910
- "type": "item"
7899
+ "menu.select": {
7900
+ "action": "message.info",
7901
+ "args": [
7902
+ "menu select"
7903
+ ]
7904
+ }
6911
7905
  },
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
- },
7906
+ "properties": {
7907
+ "defaultOpenKeys": [
7908
+ "diy"
7909
+ ],
7910
+ "defaultSelectedKeys": [
7911
+ "C++"
7912
+ ],
7913
+ "menuItems": [
6932
7914
  {
6933
- "count": 10,
7915
+ "count": 100,
6934
7916
  "icon": {
6935
7917
  "icon": "cube",
6936
7918
  "lib": "fa"
6937
7919
  },
6938
- "key": "cc",
6939
- "title": "Cc"
7920
+ "key": "All",
7921
+ "title": "全部",
7922
+ "type": "item"
6940
7923
  },
6941
7924
  {
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
7925
  "items": [
6964
7926
  {
6965
- "count": 5,
6966
- "key": "C++",
6967
- "title": "C++"
7927
+ "count": 60,
7928
+ "icon": {
7929
+ "icon": "cube",
7930
+ "lib": "fa"
7931
+ },
7932
+ "key": "Java",
7933
+ "title": "Java"
7934
+ },
7935
+ {
7936
+ "count": 10,
7937
+ "icon": {
7938
+ "icon": "cube",
7939
+ "lib": "fa"
7940
+ },
7941
+ "key": "Go",
7942
+ "title": "Go"
7943
+ },
7944
+ {
7945
+ "count": 10,
7946
+ "icon": {
7947
+ "icon": "cube",
7948
+ "lib": "fa"
7949
+ },
7950
+ "key": "cc",
7951
+ "title": "Cc"
6968
7952
  },
6969
7953
  {
6970
- "count": 5,
6971
- "key": "C",
6972
- "title": "C"
7954
+ "count": 10,
7955
+ "icon": {
7956
+ "icon": "cube",
7957
+ "lib": "fa"
7958
+ },
7959
+ "key": "Python",
7960
+ "title": "Python"
6973
7961
  }
6974
7962
  ],
6975
- "key": "standard",
6976
- "title": "标准模板",
6977
- "type": "subMenu"
7963
+ "key": "built-in-template",
7964
+ "title": "内置模板",
7965
+ "type": "group"
6978
7966
  },
6979
7967
  {
6980
- "icon": {
6981
- "icon": "cube",
6982
- "lib": "fa"
6983
- },
6984
7968
  "items": [
6985
7969
  {
6986
- "count": 10,
7970
+ "icon": {
7971
+ "category": "model",
7972
+ "icon": "app",
7973
+ "lib": "easyops"
7974
+ },
7975
+ "items": [
7976
+ {
7977
+ "count": 5,
7978
+ "key": "C++",
7979
+ "title": "C++"
7980
+ },
7981
+ {
7982
+ "count": 5,
7983
+ "key": "C",
7984
+ "title": "C"
7985
+ }
7986
+ ],
7987
+ "key": "standard",
7988
+ "title": "标准模板",
7989
+ "type": "subMenu"
7990
+ },
7991
+ {
6987
7992
  "icon": {
6988
7993
  "icon": "cube",
6989
7994
  "lib": "fa"
6990
7995
  },
6991
- "key": "iyuyan",
6992
- "title": "易语言"
7996
+ "items": [
7997
+ {
7998
+ "count": 10,
7999
+ "icon": {
8000
+ "icon": "cube",
8001
+ "lib": "fa"
8002
+ },
8003
+ "key": "iyuyan",
8004
+ "title": "易语言"
8005
+ }
8006
+ ],
8007
+ "key": "diy",
8008
+ "title": "个性化模板c",
8009
+ "type": "subMenu"
6993
8010
  }
6994
8011
  ],
6995
- "key": "diy",
6996
- "title": "个性化模板c",
6997
- "type": "subMenu"
8012
+ "key": "customTemplate",
8013
+ "title": "自定义模板",
8014
+ "type": "group"
6998
8015
  }
6999
8016
  ],
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
8017
+ "multiple": false,
8018
+ "selectable": true,
8019
+ "suffixBrick": {
8020
+ "useBrick": {
8021
+ "brick": "presentational-bricks.brick-conditional-display",
8022
+ "properties": {
8023
+ "dataSource": "<% DATA.count %>",
8024
+ "rules": [
8025
+ {
8026
+ "condition": {
8027
+ "$lte": 60
8028
+ },
8029
+ "style": {
8030
+ "backgroundColor": "var(--theme-red-color)",
8031
+ "color": "rgba(255, 255, 255, 1)"
7028
8032
  }
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
8033
+ },
8034
+ {
8035
+ "condition": {
8036
+ "$and": [
8037
+ {
8038
+ "$gt": 60,
8039
+ "$lte": 85
8040
+ }
8041
+ ]
8042
+ },
8043
+ "style": {
8044
+ "backgroundColor": "var(--theme-orange-color)",
8045
+ "color": "rgba(255, 255, 255, 1)"
7042
8046
  }
7043
- ]
7044
- },
7045
- "style": {
7046
- "backgroundColor": "var(--theme-green-color)",
7047
- "color": "rgba(255, 255, 255, 1)"
7048
- }
8047
+ },
8048
+ {
8049
+ "condition": {
8050
+ "$and": [
8051
+ {
8052
+ "$gt": 85,
8053
+ "$lte": 100
8054
+ }
8055
+ ]
8056
+ },
8057
+ "style": {
8058
+ "backgroundColor": "var(--theme-green-color)",
8059
+ "color": "rgba(255, 255, 255, 1)"
8060
+ }
8061
+ }
8062
+ ]
7049
8063
  }
7050
- ]
8064
+ }
7051
8065
  }
7052
8066
  }
7053
8067
  }
8068
+ ],
8069
+ "snippetId": "basic-bricks.sub-menu-filter[basic]",
8070
+ "title": {
8071
+ "en": "Basic Sub Menu Filter",
8072
+ "zh": "基础搜索能力二级菜单"
7054
8073
  }
7055
8074
  }
7056
8075
  ],
@@ -7431,50 +8450,68 @@
7431
8450
  },
7432
8451
  "conf": [
7433
8452
  {
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"
8453
+ "bricks": [
8454
+ {
8455
+ "description": {
8456
+ "title": "基本",
8457
+ "message": ""
7448
8458
  },
7449
- {
7450
- "title": "基础设施",
7451
- "href": "http://192.168.100.162/next/resource-monitor#iaas-monitor"
8459
+ "brick": "basic-bricks.general-anchor",
8460
+ "properties": {
8461
+ "anchorList": [
8462
+ {
8463
+ "title": "应用资源",
8464
+ "href": "http://192.168.100.162/next/resource-monitor#saas-monitor"
8465
+ },
8466
+ {
8467
+ "title": "平台资源",
8468
+ "href": "http://192.168.100.162/next/resource-monitor#paas-monitor"
8469
+ },
8470
+ {
8471
+ "title": "基础设施",
8472
+ "href": "http://192.168.100.162/next/resource-monitor#iaas-monitor"
8473
+ }
8474
+ ]
7452
8475
  }
7453
- ]
8476
+ }
8477
+ ],
8478
+ "snippetId": "basic-bricks.general-anchor[basic]",
8479
+ "title": {
8480
+ "en": "Basic General Anchor",
8481
+ "zh": "基础锚点"
7454
8482
  }
7455
8483
  },
7456
8484
  {
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"
8485
+ "bricks": [
8486
+ {
8487
+ "description": {
8488
+ "title": "`type`为`radio`",
8489
+ "message": "用于某些特定场景，有固定的样式"
7468
8490
  },
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"
8491
+ "brick": "basic-bricks.general-anchor",
8492
+ "properties": {
8493
+ "type": "radio",
8494
+ "anchorList": [
8495
+ {
8496
+ "title": "应用资源",
8497
+ "href": "http://192.168.100.162/next/resource-monitor#saas-monitor"
8498
+ },
8499
+ {
8500
+ "title": "平台资源",
8501
+ "href": "http://192.168.100.162/next/resource-monitor#paas-monitor"
8502
+ },
8503
+ {
8504
+ "title": "基础设施",
8505
+ "href": "http://192.168.100.162/next/resource-monitor#iaas-monitor"
8506
+ }
8507
+ ]
7476
8508
  }
7477
- ]
8509
+ }
8510
+ ],
8511
+ "snippetId": "basic-bricks.general-anchor[radio]",
8512
+ "title": {
8513
+ "en": "Radio General Anchor",
8514
+ "zh": "radio样式锚点"
7478
8515
  }
7479
8516
  }
7480
8517
  ],
@@ -7611,25 +8648,34 @@
7611
8648
  },
7612
8649
  "conf": [
7613
8650
  {
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
- }
8651
+ "bricks": [
8652
+ {
8653
+ "brick": "basic-bricks.general-title",
8654
+ "properties": {
8655
+ "mainTitle": "2021.08.22 12:24:22",
8656
+ "description": "编辑了\"publicDev_1\"属性：服务信息",
8657
+ "titleSuffixBrick": {
8658
+ "useBrick": [
8659
+ {
8660
+ "brick": "presentational-bricks.brick-tag",
8661
+ "properties": {
8662
+ "color": "red",
8663
+ "showCard": false,
8664
+ "showTagCircle": true,
8665
+ "tagList": [
8666
+ "告警中"
8667
+ ]
8668
+ }
8669
+ }
8670
+ ]
7630
8671
  }
7631
- ]
8672
+ }
7632
8673
  }
8674
+ ],
8675
+ "snippetId": "basic-bricks.general-title[basic]",
8676
+ "title": {
8677
+ "en": "Basic General Title",
8678
+ "zh": "基础标题"
7633
8679
  }
7634
8680
  }
7635
8681
  ],
@@ -7747,122 +8793,144 @@
7747
8793
  },
7748
8794
  "conf": [
7749
8795
  {
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"
8796
+ "bricks": [
8797
+ {
8798
+ "brick": "basic-bricks.flex-layout",
8799
+ "description": {
8800
+ "title": "基本使用",
8801
+ "message": ""
8802
+ },
8803
+ "properties": {
8804
+ "justifyContent": "space-between",
8805
+ "alignItems": "center",
8806
+ "style": {
8807
+ "border": "1px solid black",
8808
+ "background": "pink",
8809
+ "height": "200px",
8810
+ "width": "200px"
8811
+ }
8812
+ },
8813
+ "slots": {
8814
+ "": {
8815
+ "type": "bricks",
8816
+ "bricks": [
8817
+ {
8818
+ "brick": "div",
8819
+ "properties": {
8820
+ "textContent": "『第一个div』",
8821
+ "style": {
8822
+ "background": "yellow"
8823
+ }
8824
+ }
8825
+ },
8826
+ {
8827
+ "brick": "div",
8828
+ "properties": {
8829
+ "textContent": "『第二个div』",
8830
+ "style": {
8831
+ "background": "orange"
8832
+ }
8833
+ }
7784
8834
  }
7785
- }
8835
+ ]
7786
8836
  }
7787
- ]
8837
+ }
7788
8838
  }
8839
+ ],
8840
+ "snippetId": "basic-bricks.flex-layout[basic]",
8841
+ "title": {
8842
+ "en": "Basic Flex Layout",
8843
+ "zh": "基础flex布局"
7789
8844
  }
7790
8845
  },
7791
8846
  {
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"
8847
+ "bricks": [
8848
+ {
8849
+ "brick": "basic-bricks.flex-layout",
8850
+ "description": {
8851
+ "title": "使用gap改变元素间隙",
8852
+ "message": ""
8853
+ },
8854
+ "properties": {
8855
+ "gap": "20px",
8856
+ "flexWrap": "wrap",
8857
+ "style": {
8858
+ "background": "AliceBlue",
8859
+ "border": "1px solid black",
8860
+ "width": "142px"
8861
+ }
8862
+ },
8863
+ "slots": {
8864
+ "": {
8865
+ "bricks": [
8866
+ {
8867
+ "brick": "div",
8868
+ "properties": {
8869
+ "style": {
8870
+ "background": "yellow"
8871
+ },
8872
+ "textContent": "NO.1"
8873
+ }
7823
8874
  },
7824
- "textContent": "NO.2"
7825
- }
7826
- },
7827
- {
7828
- "brick": "div",
7829
- "properties": {
7830
- "style": {
7831
- "background": "DeepSkyBlue"
8875
+ {
8876
+ "brick": "div",
8877
+ "properties": {
8878
+ "style": {
8879
+ "background": "orange"
8880
+ },
8881
+ "textContent": "NO.2"
8882
+ }
7832
8883
  },
7833
- "textContent": "NO.3"
7834
- }
7835
- },
7836
- {
7837
- "brick": "div",
7838
- "properties": {
7839
- "style": {
7840
- "background": "Aquamarine"
8884
+ {
8885
+ "brick": "div",
8886
+ "properties": {
8887
+ "style": {
8888
+ "background": "DeepSkyBlue"
8889
+ },
8890
+ "textContent": "NO.3"
8891
+ }
7841
8892
  },
7842
- "textContent": "NO.4"
7843
- }
7844
- },
7845
- {
7846
- "brick": "div",
7847
- "properties": {
7848
- "style": {
7849
- "background": "Chartreuse"
8893
+ {
8894
+ "brick": "div",
8895
+ "properties": {
8896
+ "style": {
8897
+ "background": "Aquamarine"
8898
+ },
8899
+ "textContent": "NO.4"
8900
+ }
7850
8901
  },
7851
- "textContent": "NO.5"
7852
- }
7853
- },
7854
- {
7855
- "brick": "div",
7856
- "properties": {
7857
- "style": {
7858
- "background": "YellowGreen"
8902
+ {
8903
+ "brick": "div",
8904
+ "properties": {
8905
+ "style": {
8906
+ "background": "Chartreuse"
8907
+ },
8908
+ "textContent": "NO.5"
8909
+ }
7859
8910
  },
7860
- "textContent": "NO.6"
7861
- }
8911
+ {
8912
+ "brick": "div",
8913
+ "properties": {
8914
+ "style": {
8915
+ "background": "YellowGreen"
8916
+ },
8917
+ "textContent": "NO.6"
8918
+ }
8919
+ }
8920
+ ],
8921
+ "type": "bricks"
7862
8922
  }
7863
- ],
7864
- "type": "bricks"
8923
+ }
7865
8924
  }
8925
+ ],
8926
+ "snippetId": "basic-bricks.flex-layout[gap]",
8927
+ "title": {
8928
+ "en": "Flex Layout with gap",
8929
+ "zh": "使用gap的flex布局"
8930
+ },
8931
+ "message": {
8932
+ "en": "Use attribute gap to change element gap",
8933
+ "zh": "使用gap改变元素间隙"
7866
8934
  }
7867
8935
  }
7868
8936
  ],
@@ -7938,28 +9006,49 @@
7938
9006
  },
7939
9007
  "conf": [
7940
9008
  {
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
- ]
9009
+ "bricks": [
9010
+ {
9011
+ "brick": "basic-bricks.event-agent",
9012
+ "properties": {
9013
+ "id": "my-event-agent"
7953
9014
  },
7954
- {
7955
- "if": "<% EVENT.detail.type === \"error\" %>",
7956
- "action": "message.error",
7957
- "args": [
7958
- "<% EVENT.detail.message %>"
9015
+ "events": {
9016
+ "event.trigger": [
9017
+ {
9018
+ "if": "<% EVENT.detail.type === \"success\" %>",
9019
+ "action": "message.success",
9020
+ "args": [
9021
+ "<% EVENT.detail.message %>"
9022
+ ]
9023
+ },
9024
+ {
9025
+ "if": "<% EVENT.detail.type === \"error\" %>",
9026
+ "action": "message.error",
9027
+ "args": [
9028
+ "<% EVENT.detail.message %>"
9029
+ ]
9030
+ }
7959
9031
  ]
7960
9032
  }
7961
- ]
7962
- }
9033
+ }
9034
+ ],
9035
+ "snippetId": "basic-bricks.event-agent[basic]",
9036
+ "title": {
9037
+ "en": "Basic Event Agent",
9038
+ "zh": "基础时间代理"
9039
+ },
9040
+ "actions": [
9041
+ {
9042
+ "text": "dispatch()",
9043
+ "method": "trigger",
9044
+ "args": [
9045
+ {
9046
+ "type": "success",
9047
+ "message": "Good"
9048
+ }
9049
+ ]
9050
+ }
9051
+ ]
7963
9052
  },
7964
9053
  {
7965
9054
  "brick": "basic-bricks.general-button",