bk-magic-vue 2.5.9-beta.4 → 2.5.9-beta.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (58) hide show
  1. package/dist/bk-magic-vue.css +63 -25
  2. package/dist/bk-magic-vue.js +565 -488
  3. package/dist/bk-magic-vue.min.css +1 -1
  4. package/dist/bk-magic-vue.min.css.gz +0 -0
  5. package/dist/bk-magic-vue.min.css.map +1 -1
  6. package/dist/bk-magic-vue.min.js +1 -1
  7. package/dist/bk-magic-vue.min.js.gz +0 -0
  8. package/dist/bk-magic-vue.min.js.map +1 -1
  9. package/lib/cascade.js +6 -2
  10. package/lib/date-picker.js +1 -1
  11. package/lib/dialog.js +481 -9
  12. package/lib/info-box.js +481 -9
  13. package/lib/resize-layout.js +53 -55
  14. package/lib/sideslider.js +787 -324
  15. package/lib/tag-input.js +115 -98
  16. package/lib/time-picker.js +1 -1
  17. package/lib/ui/bk-magic-vue.css +63 -25
  18. package/lib/ui/bk-magic-vue.min.css +1 -1
  19. package/lib/ui/bk-magic-vue.min.css.gz +0 -0
  20. package/lib/ui/bk-magic-vue.min.css.map +1 -1
  21. package/lib/ui/button.css +4 -4
  22. package/lib/ui/button.min.css +1 -1
  23. package/lib/ui/button.min.css.map +1 -1
  24. package/lib/ui/card.css +2 -2
  25. package/lib/ui/card.min.css +1 -1
  26. package/lib/ui/card.min.css.map +1 -1
  27. package/lib/ui/cascade.css +13 -2
  28. package/lib/ui/cascade.min.css +1 -1
  29. package/lib/ui/cascade.min.css.map +1 -1
  30. package/lib/ui/link.css +27 -3
  31. package/lib/ui/link.min.css +1 -1
  32. package/lib/ui/link.min.css.map +1 -1
  33. package/lib/ui/notify.css +1 -1
  34. package/lib/ui/notify.min.css +1 -1
  35. package/lib/ui/notify.min.css.map +1 -1
  36. package/lib/ui/overflow-tips.css +1 -1
  37. package/lib/ui/overflow-tips.min.css +1 -1
  38. package/lib/ui/overflow-tips.min.css.map +1 -1
  39. package/lib/ui/pagination.css +1 -1
  40. package/lib/ui/pagination.min.css +1 -1
  41. package/lib/ui/pagination.min.css.map +1 -1
  42. package/lib/ui/popover.css +1 -1
  43. package/lib/ui/popover.min.css +1 -1
  44. package/lib/ui/popover.min.css.map +1 -1
  45. package/lib/ui/process.css +9 -3
  46. package/lib/ui/process.min.css +1 -1
  47. package/lib/ui/process.min.css.map +1 -1
  48. package/lib/ui/resize-layout.css +5 -5
  49. package/lib/ui/resize-layout.min.css +1 -1
  50. package/lib/ui/resize-layout.min.css.map +1 -1
  51. package/lib/ui/tooltips.css +1 -1
  52. package/lib/ui/tooltips.min.css +1 -1
  53. package/lib/ui/tooltips.min.css.map +1 -1
  54. package/lib/ui/tree.css +3 -3
  55. package/lib/ui/tree.min.css +1 -1
  56. package/lib/ui/tree.min.css.map +1 -1
  57. package/lib/version-detail.js +443 -9
  58. package/package.json +3 -4
@@ -906,7 +906,7 @@
906
906
  }
907
907
  .bk-button.bk-default.is-disabled,
908
908
  .bk-button.bk-default[disabled]{
909
- background-color:#fff;
909
+ background-color:#faf9fd;
910
910
  border-color:#dcdee5;
911
911
  color:#c4c6cc;
912
912
  cursor:not-allowed;
@@ -1398,20 +1398,20 @@
1398
1398
  }
1399
1399
  .bk-button-text.is-disabled,
1400
1400
  .bk-button-text[disabled]{
1401
- color:#dcdee5;
1401
+ color:#c4c6cc;
1402
1402
  cursor:not-allowed
1403
1403
  }
1404
1404
  .bk-button-text.is-disabled:hover,
1405
1405
  .bk-button-text.is-disabled.hover,
1406
1406
  .bk-button-text[disabled]:hover,
1407
1407
  .bk-button-text[disabled].hover{
1408
- color:#dcdee5;
1408
+ color:#c4c6cc;
1409
1409
  }
1410
1410
  .bk-button-text.is-disabled:active,
1411
1411
  .bk-button-text.is-disabled.active,
1412
1412
  .bk-button-text[disabled]:active,
1413
1413
  .bk-button-text[disabled].active{
1414
- color:#dcdee5;
1414
+ color:#c4c6cc;
1415
1415
  }
1416
1416
  .bk-button-text.bk-button-small{
1417
1417
  height:26px;
@@ -7209,7 +7209,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
7209
7209
  }
7210
7210
  .bk-notify-content .bk-notify-content-title{
7211
7211
  margin-top:0;
7212
- margin-bottom:6px;
7212
+ margin-bottom:8px;
7213
7213
  font-size:14px;
7214
7214
  font-weight:bold;
7215
7215
  }
@@ -7361,7 +7361,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
7361
7361
  font-weight:bold;
7362
7362
  }
7363
7363
  .bk-page .bk-page-jumper{
7364
- margin-left:18px;
7364
+ margin-left:10px;
7365
7365
  display:inline-block;
7366
7366
  }
7367
7367
  .bk-page .bk-page-jumper > span{
@@ -8014,7 +8014,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
8014
8014
  background-color:rgba(0, 0, 0, .8);
8015
8015
  }
8016
8016
  .tippy-tooltip[data-size=small]{
8017
- padding:12px;
8017
+ padding:7px 12px;
8018
8018
  font-size:12px;
8019
8019
  }
8020
8020
  .tippy-tooltip[data-size=large]{
@@ -8190,8 +8190,13 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
8190
8190
  font-size:22px;
8191
8191
  }
8192
8192
  .bk-process .bk-spin-loading.bk-spin-loading-mini{
8193
- width:14px;
8194
- height:14px;
8193
+ width:22px;
8194
+ height:22px;
8195
+ display:-webkit-inline-box;
8196
+ display:-ms-inline-flexbox;
8197
+ display:inline-flex;
8198
+ top:2px;
8199
+ left:3px;
8195
8200
  }
8196
8201
  .bk-process .bk-process-toggle{
8197
8202
  position:relative;
@@ -8297,7 +8302,8 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
8297
8302
  color:#2dcb56;
8298
8303
  }
8299
8304
  .bk-process li .bk-process-step .steps-loading{
8300
- top:-2px;
8305
+ top:1px;
8306
+ left:1px;
8301
8307
  }
8302
8308
  .bk-process li .bk-process-step .step-item.error{
8303
8309
  color:#ff5656;
@@ -12270,7 +12276,7 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
12270
12276
  box-sizing:border-box;
12271
12277
  list-style-type:none;
12272
12278
  text-align:left;
12273
- padding-left:18px;
12279
+ padding-left:16px;
12274
12280
  }
12275
12281
  .bk-tree li{
12276
12282
  position:relative;
@@ -12280,7 +12286,7 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
12280
12286
  text-align:left
12281
12287
  }
12282
12288
  .bk-tree li.leaf{
12283
- padding-left:18px;
12289
+ padding-left:16px;
12284
12290
  }
12285
12291
  .bk-tree .tree-drag-node{
12286
12292
  line-height:32px;
@@ -12392,7 +12398,7 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
12392
12398
  border-left:1px dashed #ded8d8;
12393
12399
  bottom:50px;
12394
12400
  height:100%;
12395
- left:-12px;
12401
+ left:-10px;
12396
12402
  top:-11px;
12397
12403
  width:1px;
12398
12404
  }
@@ -14574,6 +14580,12 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
14574
14580
  .bk-link.is-primary:hover{
14575
14581
  color:#699df4;
14576
14582
  }
14583
+ .bk-link.is-primary:active{
14584
+ color:#1768ef;
14585
+ }
14586
+ .bk-link.is-primary:visited{
14587
+ color:#699df4;
14588
+ }
14577
14589
  .bk-link.is-primary.is-disabled{
14578
14590
  color:#a3c5fd;
14579
14591
  }
@@ -14581,7 +14593,13 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
14581
14593
  color:#2dcb56
14582
14594
  }
14583
14595
  .bk-link.is-success:hover{
14584
- color:#45e35f;
14596
+ color:#44e360;
14597
+ }
14598
+ .bk-link.is-success:active{
14599
+ color:#1bb943;
14600
+ }
14601
+ .bk-link.is-success:visited{
14602
+ color:#44e360;
14585
14603
  }
14586
14604
  .bk-link.is-success.is-disabled{
14587
14605
  color:#94f5a4;
@@ -14590,7 +14608,13 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
14590
14608
  color:#ff9c01
14591
14609
  }
14592
14610
  .bk-link.is-warning:hover{
14593
- color:#ffb848;
14611
+ color:#ffb849;
14612
+ }
14613
+ .bk-link.is-warning:active{
14614
+ color:#eb9000;
14615
+ }
14616
+ .bk-link.is-warning:visited{
14617
+ color:#ffb849;
14594
14618
  }
14595
14619
  .bk-link.is-warning.is-disabled{
14596
14620
  color:#ffd695;
@@ -14599,7 +14623,13 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
14599
14623
  color:#ea3636
14600
14624
  }
14601
14625
  .bk-link.is-danger:hover{
14602
- color:#ff5656;
14626
+ color:#fe5657;
14627
+ }
14628
+ .bk-link.is-danger:active{
14629
+ color:#da2726;
14630
+ }
14631
+ .bk-link.is-danger:visited{
14632
+ color:#fe5657;
14603
14633
  }
14604
14634
  .bk-link.is-danger.is-disabled{
14605
14635
  color:#fd9c9c;
@@ -14779,7 +14809,6 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
14779
14809
  display:block;
14780
14810
  }
14781
14811
  .bk-cascade-dropdown-content{
14782
- padding:4px 0;
14783
14812
  border:1px solid #dcdee5;
14784
14813
  border-radius:2px;
14785
14814
  line-height:32px;
@@ -14888,8 +14917,11 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
14888
14917
  padding:0 16px;
14889
14918
  border-radius:0px 0px 1px 1px;
14890
14919
  border-top:1px solid #dcdee5;
14891
- background:#fafbfd
14920
+ background:#fafbfd;
14892
14921
  }
14922
+ .bk-cascade-extension i{
14923
+ font-size:12px;
14924
+ }
14893
14925
  .bk-cascade-extension:hover{
14894
14926
  background-color:#f0f1f5;
14895
14927
  }
@@ -14940,6 +14972,12 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
14940
14972
  font-size:20px;
14941
14973
  color:#979BA5;
14942
14974
  }
14975
+ .bk-cascade-panel .bk-option:first-of-type{
14976
+ margin-top:4px;
14977
+ }
14978
+ .bk-cascade-panel .bk-option:last-of-type{
14979
+ margin-bottom:4px;
14980
+ }
14943
14981
  .bk-cascade-panel .is-multiple{
14944
14982
  background-color:#fff!important;
14945
14983
  }
@@ -15486,7 +15524,7 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
15486
15524
  width:100%;
15487
15525
  height:50px;
15488
15526
  line-height:50px;
15489
- padding:0 20px;
15527
+ padding:0 24px;
15490
15528
  position:relative;
15491
15529
  }
15492
15530
  .bk-card-head .title{
@@ -15536,7 +15574,7 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
15536
15574
  }
15537
15575
  .bk-card-body{
15538
15576
  width:100%;
15539
- padding:20px 20px;
15577
+ padding:16px 24px 24px;
15540
15578
  }
15541
15579
  .bk-card-foot{
15542
15580
  width:100%;
@@ -16050,7 +16088,7 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
16050
16088
  cursor:col-resize
16051
16089
  }
16052
16090
  .bk-resize-layout-left > .bk-resize-layout-aside .bk-resize-trigger:hover{
16053
- background-image:linear-gradient(to left, transparent, transparent 2px, #3a84ff 2px, #3a84ff 3px, transparent 3px, transparent);
16091
+ background-image:linear-gradient(to left, transparent, transparent 2px, #3a84ff 1px, #3a84ff 4px, transparent 3px, transparent);
16054
16092
  }
16055
16093
  .bk-resize-layout-left > .bk-resize-layout-aside .bk-resize-collapse{
16056
16094
  left:100%;
@@ -16081,7 +16119,7 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
16081
16119
  cursor:col-resize
16082
16120
  }
16083
16121
  .bk-resize-layout-right > .bk-resize-layout-aside .bk-resize-trigger:hover{
16084
- background-image:linear-gradient(to right, transparent, transparent 2px, #3a84ff 2px, #3a84ff 3px, transparent 3px, transparent);
16122
+ background-image:linear-gradient(to right, transparent, transparent 2px, #3a84ff 1px, #3a84ff 4px, transparent 3px, transparent);
16085
16123
  }
16086
16124
  .bk-resize-layout-right > .bk-resize-layout-aside .bk-resize-collapse{
16087
16125
  right:100%;
@@ -16112,7 +16150,7 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
16112
16150
  cursor:row-resize
16113
16151
  }
16114
16152
  .bk-resize-layout-top > .bk-resize-layout-aside .bk-resize-trigger:hover{
16115
- background-image:linear-gradient(to top, transparent, transparent 2px, #3a84ff 2px, #3a84ff 3px, transparent 3px, transparent);
16153
+ background-image:linear-gradient(to top, transparent, transparent 2px, #3a84ff 1px, #3a84ff 4px, transparent 3px, transparent);
16116
16154
  }
16117
16155
  .bk-resize-layout-top > .bk-resize-layout-aside .bk-resize-collapse{
16118
16156
  top:100%;
@@ -16144,7 +16182,7 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
16144
16182
  cursor:row-resize
16145
16183
  }
16146
16184
  .bk-resize-layout-bottom > .bk-resize-layout-aside .bk-resize-trigger:hover{
16147
- background-image:linear-gradient(to bottom, transparent, transparent 2px, #3a84ff 2px, #3a84ff 3px, transparent 3px, transparent);
16185
+ background-image:linear-gradient(to bottom, transparent, transparent 2px, #3a84ff 1px, #3a84ff 4px, transparent 3px, transparent);
16148
16186
  }
16149
16187
  .bk-resize-layout-bottom > .bk-resize-layout-aside .bk-resize-collapse{
16150
16188
  bottom:100%;
@@ -16199,7 +16237,7 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
16199
16237
  width:16px;
16200
16238
  height:50px;
16201
16239
  line-height:50px;
16202
- border-radius:0px 12px 12px 0px;
16240
+ border-radius:0px 6px 6px 0px;
16203
16241
  background:#dcdee5;
16204
16242
  text-align:center;
16205
16243
  font-size:20px;