@next-bricks/presentational-bricks 1.286.5 → 1.287.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/stories.json CHANGED
@@ -1156,11 +1156,40 @@
1156
1156
  "description": "指定警告提示的样式,有四种选择 success、info、warning、error",
1157
1157
  "editor": "radio",
1158
1158
  "editorProps": {
1159
+ "optionType": "button",
1159
1160
  "options": [
1160
- "success",
1161
- "error",
1162
- "info",
1163
- "warning"
1161
+ {
1162
+ "value": "success",
1163
+ "icon": {
1164
+ "lib": "antd",
1165
+ "icon": "check-circle",
1166
+ "theme": "outlined"
1167
+ }
1168
+ },
1169
+ {
1170
+ "value": "error",
1171
+ "icon": {
1172
+ "lib": "antd",
1173
+ "icon": "close-circle",
1174
+ "theme": "outlined"
1175
+ }
1176
+ },
1177
+ {
1178
+ "value": "info",
1179
+ "icon": {
1180
+ "lib": "antd",
1181
+ "icon": "exclamation-circle",
1182
+ "theme": "outlined"
1183
+ }
1184
+ },
1185
+ {
1186
+ "value": "warning",
1187
+ "icon": {
1188
+ "lib": "antd",
1189
+ "icon": "warning",
1190
+ "theme": "outlined"
1191
+ }
1192
+ }
1164
1193
  ]
1165
1194
  },
1166
1195
  "group": "basic"
@@ -10423,25 +10452,24 @@
10423
10452
  },
10424
10453
  "properties": {
10425
10454
  "style": {
10426
- "width": "300px"
10455
+ "width": "308px"
10427
10456
  },
10428
- "iconColor": "geekblue",
10429
10457
  "cardLayoutType": "icon-small-align-left",
10430
10458
  "urlTemplate": "/#{id}",
10431
10459
  "fields": {
10432
10460
  "cardTitle": "name",
10433
10461
  "cardSubtitle": "cardSubtitle",
10434
- "descriptionList": "descriptionList"
10435
- },
10436
- "icon": {
10437
- "lib": "fa",
10438
- "icon": "chart-pie"
10462
+ "descriptionList": "descriptionList",
10463
+ "topInformation": "topInformation"
10439
10464
  },
10465
+ "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.card-blue.bb2d085b17568d94.svg",
10466
+ "showImg": true,
10467
+ "shape": "square",
10440
10468
  "dataSource": {
10441
10469
  "id": "1",
10442
- "name": "标题在这里",
10443
- "cardSubtitle": "副标题文字",
10444
- "descriptionList": "这里是一段很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长的辅助说明文字。"
10470
+ "name": "资源监控微应用",
10471
+ "cardSubtitle": "资源监控微应用相关前后台",
10472
+ "topInformation": "初级应用"
10445
10473
  }
10446
10474
  },
10447
10475
  "slots": {
@@ -10449,36 +10477,58 @@
10449
10477
  "type": "bricks",
10450
10478
  "bricks": [
10451
10479
  {
10452
- "brick": "basic-bricks.general-button",
10480
+ "brick": "presentational-bricks.brick-tag",
10453
10481
  "properties": {
10454
- "buttonName": "主按钮",
10455
- "buttonShape": "round",
10456
- "buttonType": "primary",
10457
- "buttonSize": "small"
10458
- },
10459
- "events": {
10460
- "general.button.click": {
10461
- "action": "console.log"
10482
+ "closable": "false",
10483
+ "showCard": "false",
10484
+ "tagList": [
10485
+ {
10486
+ "key": "1",
10487
+ "label": "IT资源管理"
10488
+ },
10489
+ {
10490
+ "key": "2",
10491
+ "label": "资源套餐"
10492
+ },
10493
+ {
10494
+ "key": "3",
10495
+ "label": "存储设备"
10496
+ }
10497
+ ]
10498
+ }
10499
+ }
10500
+ ]
10501
+ },
10502
+ "extraOperate": {
10503
+ "type": "bricks",
10504
+ "bricks": [
10505
+ {
10506
+ "brick": "presentational-bricks.basic-icon",
10507
+ "properties": {
10508
+ "size": "20px",
10509
+ "icon": {
10510
+ "lib": "easyops",
10511
+ "category": "default",
10512
+ "icon": "card-diff",
10513
+ "color": "rgba(157, 168, 184, 1)"
10462
10514
  }
10463
10515
  }
10464
10516
  },
10465
10517
  {
10466
- "brick": "basic-bricks.general-button",
10518
+ "brick": "presentational-bricks.basic-icon",
10467
10519
  "properties": {
10468
- "buttonName": "次按钮",
10469
- "buttonType": "link",
10470
- "buttonShape": "round",
10471
- "buttonSize": "small"
10472
- },
10473
- "events": {
10474
- "general.button.click": {
10475
- "action": "console.log"
10520
+ "size": "20px",
10521
+ "icon": {
10522
+ "lib": "easyops",
10523
+ "category": "default",
10524
+ "icon": "card-task-delivery",
10525
+ "color": "rgba(157, 168, 184, 1)"
10476
10526
  }
10477
10527
  }
10478
10528
  }
10479
10529
  ]
10480
10530
  },
10481
- "bottomRightOperate": {
10531
+ "topRightOperate": {
10482
10532
  "type": "bricks",
10483
10533
  "bricks": [
10484
10534
  {
@@ -10520,28 +10570,30 @@
10520
10570
  {
10521
10571
  "brick": "presentational-bricks.card-item",
10522
10572
  "description": {
10523
- "title": "卡片布局为 `icon-align-right` 类型,icon 位于右边。",
10524
- "message": "可以配置 `operate`,`bottomRightOperate` 等操作区的插槽。"
10573
+ "title": "禁用卡片",
10574
+ "message": "禁用的卡片不可点击跳转。操作区配置了 slot 的卡片,请按需配置子构件的属性,例如将按钮设置成 disabled 等。"
10525
10575
  },
10526
10576
  "properties": {
10577
+ "disabled": true,
10527
10578
  "style": {
10528
- "width": "300px"
10579
+ "width": "308px"
10529
10580
  },
10530
- "cardLayoutType": "icon-align-right",
10581
+ "cardLayoutType": "icon-small-align-left",
10531
10582
  "urlTemplate": "/#{id}",
10532
10583
  "fields": {
10533
10584
  "cardTitle": "name",
10534
- "descriptionList": "descriptionList"
10535
- },
10536
- "icon": {
10537
- "lib": "easyops",
10538
- "category": "app",
10539
- "icon": "k8s"
10585
+ "cardSubtitle": "cardSubtitle",
10586
+ "descriptionList": "descriptionList",
10587
+ "topInformation": "topInformation"
10540
10588
  },
10589
+ "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.card-blue.bb2d085b17568d94.svg",
10590
+ "showImg": true,
10591
+ "shape": "square",
10541
10592
  "dataSource": {
10542
10593
  "id": "1",
10543
- "name": "k8s",
10544
- "descriptionList": "这里是一段很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长的辅助说明文字。"
10594
+ "name": "资源监控微应用",
10595
+ "cardSubtitle": "资源监控微应用相关前后台",
10596
+ "topInformation": "初级应用"
10545
10597
  }
10546
10598
  },
10547
10599
  "slots": {
@@ -10549,36 +10601,58 @@
10549
10601
  "type": "bricks",
10550
10602
  "bricks": [
10551
10603
  {
10552
- "brick": "basic-bricks.general-button",
10604
+ "brick": "presentational-bricks.brick-tag",
10553
10605
  "properties": {
10554
- "buttonName": "主按钮",
10555
- "buttonShape": "round",
10556
- "buttonType": "primary",
10557
- "buttonSize": "small"
10558
- },
10559
- "events": {
10560
- "general.button.click": {
10561
- "action": "console.log"
10606
+ "closable": "false",
10607
+ "showCard": "false",
10608
+ "tagList": [
10609
+ {
10610
+ "key": "1",
10611
+ "label": "IT资源管理"
10612
+ },
10613
+ {
10614
+ "key": "2",
10615
+ "label": "资源套餐"
10616
+ },
10617
+ {
10618
+ "key": "3",
10619
+ "label": "存储设备"
10620
+ }
10621
+ ]
10622
+ }
10623
+ }
10624
+ ]
10625
+ },
10626
+ "extraOperate": {
10627
+ "type": "bricks",
10628
+ "bricks": [
10629
+ {
10630
+ "brick": "presentational-bricks.basic-icon",
10631
+ "properties": {
10632
+ "size": "20px",
10633
+ "icon": {
10634
+ "lib": "easyops",
10635
+ "category": "default",
10636
+ "icon": "card-diff",
10637
+ "color": "rgba(157, 168, 184, 1)"
10562
10638
  }
10563
10639
  }
10564
10640
  },
10565
10641
  {
10566
- "brick": "basic-bricks.general-button",
10642
+ "brick": "presentational-bricks.basic-icon",
10567
10643
  "properties": {
10568
- "buttonName": "次按钮",
10569
- "buttonType": "link",
10570
- "buttonShape": "round",
10571
- "buttonSize": "small"
10572
- },
10573
- "events": {
10574
- "general.button.click": {
10575
- "action": "console.log"
10644
+ "size": "20px",
10645
+ "icon": {
10646
+ "lib": "easyops",
10647
+ "category": "default",
10648
+ "icon": "card-task-delivery",
10649
+ "color": "rgba(157, 168, 184, 1)"
10576
10650
  }
10577
10651
  }
10578
10652
  }
10579
10653
  ]
10580
10654
  },
10581
- "bottomRightOperate": {
10655
+ "topRightOperate": {
10582
10656
  "type": "bricks",
10583
10657
  "bricks": [
10584
10658
  {
@@ -10618,29 +10692,63 @@
10618
10692
  {
10619
10693
  "brick": "presentational-bricks.card-item",
10620
10694
  "description": {
10621
- "title": "卡片布局为 `icon-align-left` 类型,icon 位于左边。",
10622
- "message": "可以配置 `operate`,`topRightOperate`,`bottomRightOperate` 等操作区的插槽。适用场景:用户可凭借图标颜色和形状来区分不同卡片,图标具有分类意义(区分类型/状态)而存在。"
10695
+ "title": "单个扩展区样式展示",
10696
+ "message": "展示统计数,如收藏/关注次数,下载次数。统计类信息置于扩展区左侧,其他附加信息如关注人头像等置于右侧"
10623
10697
  },
10624
10698
  "properties": {
10625
- "cardLayoutType": "icon-align-left",
10626
- "iconColor": "cyan",
10627
- "hideDescCircle": true,
10699
+ "disabled": true,
10700
+ "style": {
10701
+ "width": "308px"
10702
+ },
10703
+ "cardLayoutType": "icon-small-align-left",
10628
10704
  "urlTemplate": "/#{id}",
10629
10705
  "fields": {
10630
10706
  "cardTitle": "name",
10707
+ "cardSubtitle": "cardSubtitle",
10631
10708
  "descriptionList": "descriptionList"
10632
10709
  },
10633
- "icon": {
10634
- "lib": "fa",
10635
- "icon": "check-circle"
10636
- },
10710
+ "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.card-blue.bb2d085b17568d94.svg",
10711
+ "showImg": true,
10712
+ "shape": "square",
10637
10713
  "dataSource": {
10638
10714
  "id": "1",
10639
- "name": "Test 采集",
10640
- "descriptionList": [
10641
- "采集插件:GAG 服务配置信息采集",
10642
- "执行目标:GAG 服务",
10643
- "采集频率:10分钟(00:00 到 23:59 时段执行)"
10715
+ "name": "资源监控微应用",
10716
+ "cardSubtitle": "资源监控微应用相关前后台"
10717
+ }
10718
+ },
10719
+ "slots": {
10720
+ "operate": {
10721
+ "type": "bricks",
10722
+ "bricks": [
10723
+ {
10724
+ "brick": "presentational-bricks.brick-tag",
10725
+ "properties": {
10726
+ "closable": "false",
10727
+ "showCard": "false",
10728
+ "tagList": [
10729
+ {
10730
+ "key": "1",
10731
+ "label": "IT资源管理"
10732
+ },
10733
+ {
10734
+ "key": "2",
10735
+ "label": "资源套餐"
10736
+ },
10737
+ {
10738
+ "key": "3",
10739
+ "label": "存储设备"
10740
+ }
10741
+ ]
10742
+ }
10743
+ }
10744
+ ]
10745
+ },
10746
+ "bottomRightOperate": {
10747
+ "type": "bricks",
10748
+ "bricks": [
10749
+ {
10750
+ "brick": "forms.general-switch"
10751
+ }
10644
10752
  ]
10645
10753
  }
10646
10754
  }
@@ -10648,15 +10756,14 @@
10648
10756
  {
10649
10757
  "brick": "presentational-bricks.card-item",
10650
10758
  "description": {
10651
- "title": "禁用卡片",
10652
- "message": "禁用的卡片不可点击跳转。操作区配置了 slot 的卡片,请按需配置子构件的属性,例如将按钮设置成 disabled 等。"
10759
+ "title": "单个扩展区样式展示",
10760
+ "message": "辅助信息跟操作同时存在时,操作置于右侧"
10653
10761
  },
10654
10762
  "properties": {
10655
10763
  "disabled": true,
10656
10764
  "style": {
10657
- "width": "300px"
10765
+ "width": "308px"
10658
10766
  },
10659
- "iconColor": "geekblue",
10660
10767
  "cardLayoutType": "icon-small-align-left",
10661
10768
  "urlTemplate": "/#{id}",
10662
10769
  "fields": {
@@ -10664,15 +10771,13 @@
10664
10771
  "cardSubtitle": "cardSubtitle",
10665
10772
  "descriptionList": "descriptionList"
10666
10773
  },
10667
- "icon": {
10668
- "lib": "fa",
10669
- "icon": "chart-pie"
10670
- },
10774
+ "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.card-blue.bb2d085b17568d94.svg",
10775
+ "showImg": true,
10776
+ "shape": "square",
10671
10777
  "dataSource": {
10672
10778
  "id": "1",
10673
- "name": "标题在这里",
10674
- "cardSubtitle": "副标题文字",
10675
- "descriptionList": "这里是一段很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长的辅助说明文字。"
10779
+ "name": "资源监控微应用",
10780
+ "cardSubtitle": "资源监控微应用相关前后台"
10676
10781
  }
10677
10782
  },
10678
10783
  "slots": {
@@ -10680,34 +10785,34 @@
10680
10785
  "type": "bricks",
10681
10786
  "bricks": [
10682
10787
  {
10683
- "brick": "basic-bricks.general-button",
10788
+ "brick": "presentational-bricks.basic-icon",
10684
10789
  "properties": {
10685
- "disabled": true,
10686
- "buttonName": "主按钮",
10687
- "buttonShape": "round",
10688
- "buttonType": "primary",
10689
- "buttonSize": "small"
10690
- },
10691
- "events": {
10692
- "general.button.click": {
10693
- "action": "console.log"
10790
+ "size": "20px",
10791
+ "icon": {
10792
+ "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.card-operate2.0f5d4693b2a2734e.svg"
10694
10793
  }
10695
10794
  }
10696
10795
  },
10697
10796
  {
10698
- "brick": "basic-bricks.general-button",
10797
+ "brick": "span",
10699
10798
  "properties": {
10700
- "disabled": true,
10701
- "buttonName": "次按钮",
10702
- "buttonType": "link",
10703
- "buttonShape": "round",
10704
- "buttonSize": "small"
10705
- },
10706
- "events": {
10707
- "general.button.click": {
10708
- "action": "console.log"
10799
+ "textContent": "7"
10800
+ }
10801
+ },
10802
+ {
10803
+ "brick": "presentational-bricks.basic-icon",
10804
+ "properties": {
10805
+ "size": "20px",
10806
+ "icon": {
10807
+ "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.card-operate1.8ff4e510a1655c73.svg"
10709
10808
  }
10710
10809
  }
10810
+ },
10811
+ {
10812
+ "brick": "span",
10813
+ "properties": {
10814
+ "textContent": "516"
10815
+ }
10711
10816
  }
10712
10817
  ]
10713
10818
  },
@@ -10715,34 +10820,10 @@
10715
10820
  "type": "bricks",
10716
10821
  "bricks": [
10717
10822
  {
10718
- "brick": "basic-bricks.general-custom-buttons",
10823
+ "brick": "presentational-bricks.brick-user",
10719
10824
  "properties": {
10720
- "isMoreButton": true,
10721
- "moreButtonShape": "no",
10722
- "customButtons": [
10723
- {
10724
- "isDropdown": true,
10725
- "text": "设为默认",
10726
- "icon": "setting",
10727
- "disabled": true,
10728
- "eventName": "instance.set.default"
10729
- },
10730
- {
10731
- "isDropdown": true,
10732
- "text": "删除",
10733
- "icon": "delete",
10734
- "color": "#E02020",
10735
- "eventName": "instance.delete"
10736
- }
10737
- ]
10738
- },
10739
- "events": {
10740
- "instance.set.default": {
10741
- "action": "console.log"
10742
- },
10743
- "instance.delete": {
10744
- "action": "console.log"
10745
- }
10825
+ "size": "small",
10826
+ "iconUrl": "https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
10746
10827
  }
10747
10828
  }
10748
10829
  ]
@@ -10752,29 +10833,28 @@
10752
10833
  {
10753
10834
  "brick": "presentational-bricks.card-item",
10754
10835
  "description": {
10755
- "title": "卡片布局为 `icon-align-middle` 类型,icon 居中。",
10756
- "message": "可以配置 `operate`,`topRightOperate` 等操作区的插槽。适用场景:不需要用户凭借右下角图标来区分不同类型卡片,图标常作为装饰来丰富卡片样式存在。"
10836
+ "title": "单个扩展区样式展示",
10837
+ "message": "扩展区收纳操作场景,操作应是针对卡片详情内容的快捷功能性操作,对于卡片的操作我们是放置在卡片右上角 收纳。"
10757
10838
  },
10758
10839
  "properties": {
10840
+ "disabled": true,
10759
10841
  "style": {
10760
- "width": "300px"
10842
+ "width": "308px"
10761
10843
  },
10762
- "iconColor": "geekblue",
10763
- "reverseBgColor": true,
10764
- "cardLayoutType": "icon-align-middle",
10844
+ "cardLayoutType": "icon-small-align-left",
10765
10845
  "urlTemplate": "/#{id}",
10766
10846
  "fields": {
10767
10847
  "cardTitle": "name",
10848
+ "cardSubtitle": "cardSubtitle",
10768
10849
  "descriptionList": "descriptionList"
10769
10850
  },
10770
- "icon": {
10771
- "lib": "fa",
10772
- "icon": "chart-pie"
10773
- },
10851
+ "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.card-blue.bb2d085b17568d94.svg",
10852
+ "showImg": true,
10853
+ "shape": "square",
10774
10854
  "dataSource": {
10775
10855
  "id": "1",
10776
- "name": "标题在这里",
10777
- "descriptionList": "http://chphl pgkk boli faa iihall/15 55 5onetab.html"
10856
+ "name": "资源监控微应用",
10857
+ "cardSubtitle": "资源监控微应用相关前后台"
10778
10858
  }
10779
10859
  },
10780
10860
  "slots": {
@@ -10782,70 +10862,80 @@
10782
10862
  "type": "bricks",
10783
10863
  "bricks": [
10784
10864
  {
10785
- "brick": "basic-bricks.general-button",
10786
- "properties": {
10787
- "buttonName": "编辑",
10788
- "buttonIcon": "edit",
10789
- "buttonSize": "small"
10790
- },
10791
- "events": {
10792
- "general.button.click": {
10793
- "action": "console.log"
10794
- }
10795
- }
10796
- },
10797
- {
10798
- "brick": "basic-bricks.general-button",
10865
+ "brick": "presentational-bricks.brick-tag",
10799
10866
  "properties": {
10800
- "buttonName": "了解详情",
10801
- "buttonType": "text",
10802
- "buttonSize": "small",
10803
- "fadedText": true
10804
- },
10805
- "events": {
10806
- "general.button.click": {
10807
- "action": "console.log"
10808
- }
10867
+ "closable": "false",
10868
+ "showCard": "false",
10869
+ "tagList": [
10870
+ {
10871
+ "key": "1",
10872
+ "label": "IT资源管理"
10873
+ },
10874
+ {
10875
+ "key": "2",
10876
+ "label": "资源套餐"
10877
+ },
10878
+ {
10879
+ "key": "3",
10880
+ "label": "存储设备"
10881
+ }
10882
+ ]
10809
10883
  }
10810
10884
  }
10811
10885
  ]
10886
+ }
10887
+ }
10888
+ },
10889
+ {
10890
+ "brick": "presentational-bricks.card-item",
10891
+ "description": {
10892
+ "title": "单个扩展区样式展示",
10893
+ "message": "扩展区收纳操作场景,操作应是针对卡片详情内容的快捷功能性操作,对于卡片的操作我们是放置在卡片右上角 … 收纳。"
10894
+ },
10895
+ "properties": {
10896
+ "disabled": true,
10897
+ "style": {
10898
+ "width": "308px"
10812
10899
  },
10813
- "topRightOperate": {
10900
+ "cardLayoutType": "icon-small-align-left",
10901
+ "urlTemplate": "/#{id}",
10902
+ "fields": {
10903
+ "cardTitle": "name",
10904
+ "cardSubtitle": "cardSubtitle",
10905
+ "descriptionList": "descriptionList"
10906
+ },
10907
+ "imgSrc": "bricks/presentational-bricks/dist/stories-asserts/presentational-bricks.card-blue.bb2d085b17568d94.svg",
10908
+ "showImg": true,
10909
+ "shape": "square",
10910
+ "dataSource": {
10911
+ "id": "1",
10912
+ "name": "资源监控微应用",
10913
+ "cardSubtitle": "资源监控微应用相关前后台"
10914
+ }
10915
+ },
10916
+ "slots": {
10917
+ "operate": {
10814
10918
  "type": "bricks",
10815
10919
  "bricks": [
10816
10920
  {
10817
- "brick": "basic-bricks.general-custom-buttons",
10921
+ "brick": "presentational-bricks.brick-tag",
10818
10922
  "properties": {
10819
- "moreBtnIcon": {
10820
- "lib": "antd",
10821
- "icon": "more",
10822
- "theme": "outlined"
10823
- },
10824
- "isMoreButton": true,
10825
- "moreButtonShape": "no",
10826
- "customButtons": [
10923
+ "closable": "false",
10924
+ "showCard": "false",
10925
+ "tagList": [
10827
10926
  {
10828
- "isDropdown": true,
10829
- "text": "设为默认",
10830
- "icon": "setting",
10831
- "eventName": "instance.set.default"
10927
+ "key": "1",
10928
+ "label": "IT资源管理"
10832
10929
  },
10833
10930
  {
10834
- "isDropdown": true,
10835
- "text": "删除",
10836
- "icon": "delete",
10837
- "color": "#E02020",
10838
- "eventName": "instance.delete"
10931
+ "key": "2",
10932
+ "label": "资源套餐"
10933
+ },
10934
+ {
10935
+ "key": "3",
10936
+ "label": "存储设备"
10839
10937
  }
10840
10938
  ]
10841
- },
10842
- "events": {
10843
- "instance.set.default": {
10844
- "action": "console.log"
10845
- },
10846
- "instance.delete": {
10847
- "action": "console.log"
10848
- }
10849
10939
  }
10850
10940
  }
10851
10941
  ]
@@ -10868,54 +10958,115 @@
10868
10958
  "brick": "presentational-bricks.card-item",
10869
10959
  "properties": {
10870
10960
  "style": {
10871
- "width": "300px"
10961
+ "width": "308px"
10872
10962
  },
10873
- "cardLayoutType": "block-icon-align-left",
10963
+ "iconColor": "geekblue",
10964
+ "cardLayoutType": "icon-small-align-left",
10874
10965
  "urlTemplate": "/#{id}",
10875
10966
  "fields": {
10876
10967
  "cardTitle": "name",
10877
- "descriptionList": "descriptionList"
10878
- },
10879
- "dataSource": {
10880
- "id": "1",
10881
- "name": "标题在这里",
10882
- "descriptionList": "http://chphl pgkk boli faa iihall/15 55 5onetab.html"
10968
+ "cardSubtitle": "cardSubtitle",
10969
+ "descriptionList": "descriptionList",
10970
+ "topInformation": "topInformation"
10883
10971
  },
10884
- "tagConfig": {
10885
- "text": "已审批",
10886
- "color": "blue",
10887
- "triangle": false
10972
+ "icon": {
10973
+ "lib": "fa",
10974
+ "icon": "chart-pie"
10888
10975
  },
10889
10976
  "showImg": true,
10890
- "imgSrc": "https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
10977
+ "imgSrc": "https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png",
10978
+ "dataSource": {
10979
+ "id": "1",
10980
+ "name": "资源监控微应用",
10981
+ "cardSubtitle": "资源监控微应用相关前后台",
10982
+ "topInformation": "初级应用"
10983
+ }
10891
10984
  },
10892
10985
  "slots": {
10893
10986
  "operate": {
10894
10987
  "type": "bricks",
10895
10988
  "bricks": [
10896
10989
  {
10897
- "brick": "basic-bricks.general-button",
10990
+ "brick": "presentational-bricks.brick-tag",
10898
10991
  "properties": {
10899
- "buttonName": "编辑",
10900
- "buttonIcon": "edit",
10901
- "buttonSize": "small"
10902
- },
10903
- "events": {
10904
- "general.button.click": {
10905
- "action": "console.log"
10992
+ "closable": "false",
10993
+ "showCard": "false",
10994
+ "tagList": [
10995
+ {
10996
+ "key": "1",
10997
+ "label": "IT资源管理"
10998
+ },
10999
+ {
11000
+ "key": "2",
11001
+ "label": "资源套餐"
11002
+ },
11003
+ {
11004
+ "key": "3",
11005
+ "label": "存储设备"
11006
+ }
11007
+ ]
11008
+ }
11009
+ }
11010
+ ]
11011
+ },
11012
+ "extraOperate": {
11013
+ "type": "bricks",
11014
+ "bricks": [
11015
+ {
11016
+ "brick": "presentational-bricks.basic-icon",
11017
+ "properties": {
11018
+ "size": "20px",
11019
+ "icon": {
11020
+ "lib": "easyops",
11021
+ "category": "default",
11022
+ "icon": "card-diff",
11023
+ "color": "rgba(157, 168, 184, 1)"
10906
11024
  }
10907
11025
  }
10908
11026
  },
10909
11027
  {
10910
- "brick": "basic-bricks.general-button",
11028
+ "brick": "presentational-bricks.basic-icon",
10911
11029
  "properties": {
10912
- "buttonName": "了解详情",
10913
- "buttonType": "text",
10914
- "buttonSize": "small",
10915
- "fadedText": true
11030
+ "size": "20px",
11031
+ "icon": {
11032
+ "lib": "easyops",
11033
+ "category": "default",
11034
+ "icon": "card-task-delivery",
11035
+ "color": "rgba(157, 168, 184, 1)"
11036
+ }
11037
+ }
11038
+ }
11039
+ ]
11040
+ },
11041
+ "topRightOperate": {
11042
+ "type": "bricks",
11043
+ "bricks": [
11044
+ {
11045
+ "brick": "basic-bricks.general-custom-buttons",
11046
+ "properties": {
11047
+ "isMoreButton": true,
11048
+ "moreButtonShape": "no",
11049
+ "customButtons": [
11050
+ {
11051
+ "isDropdown": true,
11052
+ "text": "设为默认",
11053
+ "icon": "setting",
11054
+ "eventName": "instance.set.default"
11055
+ },
11056
+ {
11057
+ "isDropdown": true,
11058
+ "text": "删除",
11059
+ "icon": "delete",
11060
+ "color": "#E02020",
11061
+ "eventName": "instance.delete"
11062
+ }
11063
+ ]
10916
11064
  },
10917
11065
  "events": {
10918
- "general.button.click": {
11066
+ "instance.set.default": {
11067
+ "action": "console.log"
11068
+ },
11069
+ "instance.delete": {
10919
11070
  "action": "console.log"
10920
11071
  }
10921
11072
  }
@@ -10993,9 +11144,9 @@
10993
11144
  },
10994
11145
  {
10995
11146
  "name": "fields",
10996
- "type": "{ cardSubtitle?: string; cardTitle?: string; descriptionList?: string; disabled?: string; icon?: string; iconColor?: string; iconOffsetX?: string; iconOffsetY?: string; iconOpacity?: string; iconSize?: string; iconStyle?: string }",
11147
+ "type": "{ cardSubtitle?: string; cardTitle?: string; descriptionList?: string; disabled?: string; icon?: string; iconColor?: string; iconOffsetX?: string; iconOffsetY?: string; iconOpacity?: string; iconSize?: string; iconStyle?: string; topInformation?: string }",
10997
11148
  "required": "false",
10998
- "description": "字段映射, 跟 dataSource 一起使用来获得运行时 cardTitle、cardSubtitle、descriptionList、icon、iconColor、iconStyle、iconSize、iconOffsetX、iconOffsetY、iconOpacity、disabled",
11149
+ "description": "字段映射, 跟 dataSource 一起使用来获得运行时 cardTitle、cardSubtitle、topInformation、descriptionList、icon、iconColor、iconStyle、iconSize、iconOffsetX、iconOffsetY、iconOpacity、disabled",
10999
11150
  "group": "other"
11000
11151
  },
11001
11152
  {
@@ -11026,6 +11177,13 @@
11026
11177
  "description": "卡片 副标题",
11027
11178
  "group": "basic"
11028
11179
  },
11180
+ {
11181
+ "name": "topInformation",
11182
+ "type": "string",
11183
+ "required": "false",
11184
+ "description": "卡片 顶部辅助信息",
11185
+ "group": "basic"
11186
+ },
11029
11187
  {
11030
11188
  "name": "descriptionList",
11031
11189
  "type": "string[] | string | DescriptionItem[]",