bk-magic-vue 2.4.0-beta.4 → 2.4.1-beta.2

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 (90) hide show
  1. package/dist/bk-magic-vue.css +97 -15
  2. package/dist/bk-magic-vue.js +1010 -846
  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/alert.js +472 -472
  10. package/lib/back-top.js +1 -1
  11. package/lib/big-tree.js +4 -4
  12. package/lib/breadcrumb-item.js +426 -426
  13. package/lib/breadcrumb.js +440 -413
  14. package/lib/button.js +509 -509
  15. package/lib/cascade.js +15 -5
  16. package/lib/container.js +454 -454
  17. package/lib/date-picker.js +16 -14
  18. package/lib/dialog.js +9 -10
  19. package/lib/directives/clickoutside.js +61 -61
  20. package/lib/directives/copy.js +51 -51
  21. package/lib/directives/overflow-tips.js +1 -1
  22. package/lib/directives/tooltips.js +1 -1
  23. package/lib/divider.js +446 -446
  24. package/lib/dropdown-menu.js +1747 -1747
  25. package/lib/form-item.js +2 -2
  26. package/lib/image-viewer.js +1 -1
  27. package/lib/image.js +1 -1
  28. package/lib/info-box.js +9 -10
  29. package/lib/link.js +430 -430
  30. package/lib/locale/lang/en-US.js +143 -143
  31. package/lib/locale/lang/zh-CN.js +143 -143
  32. package/lib/message.js +1 -1
  33. package/lib/mixins/emitter.js +18 -18
  34. package/lib/navigation-menu-group.js +412 -412
  35. package/lib/navigation-menu-item.js +722 -722
  36. package/lib/navigation.js +668 -668
  37. package/lib/notify.js +1 -1
  38. package/lib/option.js +1 -1
  39. package/lib/pagination.js +14 -14
  40. package/lib/process.js +233 -51
  41. package/lib/progress.js +499 -499
  42. package/lib/radio-button.js +541 -541
  43. package/lib/radio.js +555 -555
  44. package/lib/rate.js +607 -607
  45. package/lib/round-progress.js +502 -502
  46. package/lib/row.js +1 -1
  47. package/lib/search-select.js +6 -6
  48. package/lib/select.js +7 -7
  49. package/lib/sideslider.js +1 -1
  50. package/lib/slider.js +6 -6
  51. package/lib/spin.js +500 -500
  52. package/lib/star.js +496 -496
  53. package/lib/steps.js +3 -3
  54. package/lib/switcher.js +538 -538
  55. package/lib/tab-panel.js +456 -456
  56. package/lib/table-column.js +4 -2
  57. package/lib/table-setting-content.js +10 -10
  58. package/lib/table.js +745 -574
  59. package/lib/tag-input.js +1 -1
  60. package/lib/tag.js +459 -459
  61. package/lib/time-picker.js +9 -4
  62. package/lib/transfer.js +7 -7
  63. package/lib/ui/bk-magic-vue.css +97 -15
  64. package/lib/ui/bk-magic-vue.min.css +1 -1
  65. package/lib/ui/bk-magic-vue.min.css.gz +0 -0
  66. package/lib/ui/bk-magic-vue.min.css.map +1 -1
  67. package/lib/ui/breadcrumb.css +10 -0
  68. package/lib/ui/breadcrumb.min.css +1 -1
  69. package/lib/ui/breadcrumb.min.css.map +1 -1
  70. package/lib/ui/cascade.css +2 -2
  71. package/lib/ui/cascade.min.css +1 -1
  72. package/lib/ui/cascade.min.css.map +1 -1
  73. package/lib/ui/process.css +76 -0
  74. package/lib/ui/process.min.css +1 -1
  75. package/lib/ui/process.min.css.map +1 -1
  76. package/lib/ui/slider.css +4 -2
  77. package/lib/ui/slider.min.css +1 -1
  78. package/lib/ui/slider.min.css.map +1 -1
  79. package/lib/ui/spin.css +5 -1
  80. package/lib/ui/spin.min.css +1 -1
  81. package/lib/ui/spin.min.css.map +1 -1
  82. package/lib/ui/table.css +24 -10
  83. package/lib/ui/table.min.css +1 -1
  84. package/lib/ui/table.min.css.map +1 -1
  85. package/lib/upload.js +3 -3
  86. package/lib/version-detail.js +10 -11
  87. package/lib/virtual-render.js +1 -1
  88. package/lib/virtual-scroll.js +805 -805
  89. package/lib/zoom-image.js +502 -502
  90. package/package.json +1 -1
package/dist/bk-magic-vue.css CHANGED
@@ -8055,6 +8055,10 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
8055
8055
  .bk-process .bk-icon{
8056
8056
  font-size:22px;
8057
8057
  }
8058
+ .bk-process .bk-spin-loading.bk-spin-loading-mini{
8059
+ width:14px;
8060
+ height:14px;
8061
+ }
8058
8062
  .bk-process .bk-process-toggle{
8059
8063
  position:relative;
8060
8064
  left:15px;
@@ -8103,6 +8107,12 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
8103
8107
  .bk-process li i{
8104
8108
  display:none;
8105
8109
  }
8110
+ .bk-process li .bk-process-item{
8111
+ display:inline-block;
8112
+ }
8113
+ .bk-process li .bk-process-item > .bk-icon{
8114
+ font-size:14px;
8115
+ }
8106
8116
  .bk-process li:first-of-type{
8107
8117
  border-radius:13px 0 0 13px;
8108
8118
  }
@@ -8155,6 +8165,16 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
8155
8165
  .bk-process li .bk-process-step .steps-loading{
8156
8166
  top:-2px;
8157
8167
  }
8168
+ .bk-process li .bk-process-step .step-item.error{
8169
+ color:#ff5656;
8170
+ }
8171
+ .bk-process li .bk-process-step .step-item.error .bk-icon{
8172
+ color:#ff5656;
8173
+ vertical-align:-2px;
8174
+ }
8175
+ .bk-process li .bk-process-step .step-item.done .bk-icon{
8176
+ color:#2dcb56;
8177
+ }
8158
8178
  .bk-process li.success{
8159
8179
  background:#2dcb56;
8160
8180
  color:#fff
@@ -8168,6 +8188,44 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
8168
8188
  .bk-process li.success i{
8169
8189
  display:inline-block;
8170
8190
  }
8191
+ .bk-process li.status-error{
8192
+ background:#ff5656;
8193
+ color:#fff
8194
+ }
8195
+ .bk-process li.status-error::after{
8196
+ border-color:transparent transparent transparent #ff5656;
8197
+ }
8198
+ .bk-process li.status-error .bk-process-item > .bk-icon{
8199
+ display:inline-block;
8200
+ }
8201
+ .bk-process li.status-error .bk-process-step .bk-icon{
8202
+ display:inline-block;
8203
+ }
8204
+ .bk-process li.status-done{
8205
+ background:#2dcb56;
8206
+ color:#fff
8207
+ }
8208
+ .bk-process li.status-done::after{
8209
+ border-color:transparent transparent transparent #2dcb56;
8210
+ }
8211
+ .bk-process li.status-done .bk-process-item > .bk-icon{
8212
+ display:inline-block;
8213
+ }
8214
+ .bk-process li.status-done .bk-process-step .bk-icon{
8215
+ display:inline-block;
8216
+ }
8217
+ .bk-process li.status-loading .bk-process-item > .bk-icon{
8218
+ display:inline-block;
8219
+ }
8220
+ .bk-process li.status-loading .bk-process-step .bk-icon{
8221
+ display:inline-block;
8222
+ }
8223
+ .bk-process li.status-default .bk-process-item > .bk-icon{
8224
+ display:inline-block;
8225
+ }
8226
+ .bk-process li.status-default .bk-process-step .bk-icon{
8227
+ display:inline-block;
8228
+ }
8171
8229
  .bk-process li.current{
8172
8230
  background:#3a84ff;
8173
8231
  color:#fff
@@ -9018,7 +9076,8 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
9018
9076
  background:#979ba5;
9019
9077
  }
9020
9078
  .bk-slider .bk-slider-runway .bk-slider-labels{
9021
- position:relative
9079
+ position:relative;
9080
+ font-size:12px
9022
9081
  }
9023
9082
  .bk-slider .bk-slider-runway .bk-slider-labels.vertical{
9024
9083
  left:18px;
@@ -9182,7 +9241,8 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
9182
9241
  align-items:center;
9183
9242
  -webkit-box-pack:center;
9184
9243
  -ms-flex-pack:center;
9185
- justify-content:center
9244
+ justify-content:center;
9245
+ font-size:12px
9186
9246
  }
9187
9247
  .bk-slider-button .slider-button-label.vertical{
9188
9248
  left:28px;
@@ -10344,9 +10404,11 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
10344
10404
  cursor:pointer;
10345
10405
  color:#C4C6CC
10346
10406
  }
10347
- .bk-table th .bk-table-column-filter-trigger.is-open,
10348
- .bk-table th .bk-table-column-filter-trigger.is-filtered{
10349
- color:#63656E;
10407
+ .bk-table th .bk-table-column-filter-trigger.is-open{
10408
+ color:#63656e;
10409
+ }
10410
+ .bk-table th .bk-table-column-filter-trigger.is-filtered{
10411
+ color:#3a84ff;
10350
10412
  }
10351
10413
  .bk-table th .bk-table-caret-wrapper{
10352
10414
  display:-webkit-inline-box;
@@ -10384,10 +10446,10 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
10384
10446
  bottom:-1px;
10385
10447
  }
10386
10448
  .bk-table th.ascending .bk-table-sort-caret.ascending{
10387
- border-bottom-color:#63656E;
10449
+ border-bottom-color:#3a84ff;
10388
10450
  }
10389
10451
  .bk-table th.descending .bk-table-sort-caret.descending{
10390
- border-top-color:#63656E;
10452
+ border-top-color:#3a84ff;
10391
10453
  }
10392
10454
  .bk-table td.gutter{
10393
10455
  width:0;
@@ -10717,12 +10779,21 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
10717
10779
  flex:12px 0 0;
10718
10780
  }
10719
10781
  .bk-table-bottom-loading{
10720
- position:absolute;
10721
- bottom:44px;
10722
- height:42px;
10723
- width:calc(100% - 1px);
10724
- z-index:100;
10782
+ position:relative;
10783
+ text-align:center;
10784
+ bottom:0;
10785
+ height:50px;
10786
+ line-height:45px;
10787
+ width:100%;
10788
+ z-index:777;
10725
10789
  }
10790
+ .bk-table-bottom-loading .bk-table-bottom-loading-spin .bk-icon{
10791
+ font-size:15px;
10792
+ }
10793
+ .bk-table-bottom-loading .bk-table-bottom-loading-spin .bk-spin-title{
10794
+ color:#979ba5;
10795
+ font-size:12px;
10796
+ }
10726
10797
  .bk-table-pagination-wrapper{
10727
10798
  padding:15px;
10728
10799
  margin-top:-1px;
@@ -13431,7 +13502,7 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
13431
13502
  background-color:#ffb848;
13432
13503
  }
13433
13504
  .bk-spin .bk-spin-rotation.bk-spin-rotation-info-wait .rotate{
13434
- background-color:#979ba5;
13505
+ background-color:#63656e;
13435
13506
  }
13436
13507
  .bk-spin .bk-spin-rotation .rotate1{
13437
13508
  -webkit-animation-delay:0.45s;
@@ -13556,6 +13627,9 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
13556
13627
  .bk-spin .bk-spin-icon-danger{
13557
13628
  color:#ff5656
13558
13629
  }
13630
+ .bk-spin .bk-spin-icon-info{
13631
+ color:#979ba5;
13632
+ }
13559
13633
  .bk-spin .bk-spin-icon-large i{
13560
13634
  font-size:69px;
13561
13635
  }
@@ -14507,14 +14581,14 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
14507
14581
  min-height:21px;
14508
14582
  line-height:19px;
14509
14583
  word-break:break-all;
14510
- max-width:200px;
14584
+ max-width:150px;
14511
14585
  overflow:hidden;
14512
14586
  display:inline-block;
14513
14587
  text-overflow:ellipsis;
14514
14588
  white-space:nowrap;
14515
14589
  }
14516
14590
  .bk-cascade-tag-list .remove-key{
14517
- position:relative;
14591
+ position:absolute;
14518
14592
  width:18px;
14519
14593
  height:16px;
14520
14594
  top:3px;
@@ -15148,6 +15222,14 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
15148
15222
  .bk-breadcrumb-item:last-child .bk-breadcrumb-separator{
15149
15223
  display:none;
15150
15224
  }
15225
+ .bk-breadcrumb-goback{
15226
+ color:#699df4;
15227
+ margin-right:12px;
15228
+ cursor:pointer
15229
+ }
15230
+ .bk-breadcrumb-goback .icon-default{
15231
+ font-size:26px;
15232
+ }
15151
15233
  .bk-divider{
15152
15234
  position:relative
15153
15235
  }