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.
- package/dist/bk-magic-vue.css +63 -25
- package/dist/bk-magic-vue.js +565 -488
- package/dist/bk-magic-vue.min.css +1 -1
- package/dist/bk-magic-vue.min.css.gz +0 -0
- package/dist/bk-magic-vue.min.css.map +1 -1
- package/dist/bk-magic-vue.min.js +1 -1
- package/dist/bk-magic-vue.min.js.gz +0 -0
- package/dist/bk-magic-vue.min.js.map +1 -1
- package/lib/cascade.js +6 -2
- package/lib/date-picker.js +1 -1
- package/lib/dialog.js +481 -9
- package/lib/info-box.js +481 -9
- package/lib/resize-layout.js +53 -55
- package/lib/sideslider.js +787 -324
- package/lib/tag-input.js +115 -98
- package/lib/time-picker.js +1 -1
- package/lib/ui/bk-magic-vue.css +63 -25
- package/lib/ui/bk-magic-vue.min.css +1 -1
- package/lib/ui/bk-magic-vue.min.css.gz +0 -0
- package/lib/ui/bk-magic-vue.min.css.map +1 -1
- package/lib/ui/button.css +4 -4
- package/lib/ui/button.min.css +1 -1
- package/lib/ui/button.min.css.map +1 -1
- package/lib/ui/card.css +2 -2
- package/lib/ui/card.min.css +1 -1
- package/lib/ui/card.min.css.map +1 -1
- package/lib/ui/cascade.css +13 -2
- package/lib/ui/cascade.min.css +1 -1
- package/lib/ui/cascade.min.css.map +1 -1
- package/lib/ui/link.css +27 -3
- package/lib/ui/link.min.css +1 -1
- package/lib/ui/link.min.css.map +1 -1
- package/lib/ui/notify.css +1 -1
- package/lib/ui/notify.min.css +1 -1
- package/lib/ui/notify.min.css.map +1 -1
- package/lib/ui/overflow-tips.css +1 -1
- package/lib/ui/overflow-tips.min.css +1 -1
- package/lib/ui/overflow-tips.min.css.map +1 -1
- package/lib/ui/pagination.css +1 -1
- package/lib/ui/pagination.min.css +1 -1
- package/lib/ui/pagination.min.css.map +1 -1
- package/lib/ui/popover.css +1 -1
- package/lib/ui/popover.min.css +1 -1
- package/lib/ui/popover.min.css.map +1 -1
- package/lib/ui/process.css +9 -3
- package/lib/ui/process.min.css +1 -1
- package/lib/ui/process.min.css.map +1 -1
- package/lib/ui/resize-layout.css +5 -5
- package/lib/ui/resize-layout.min.css +1 -1
- package/lib/ui/resize-layout.min.css.map +1 -1
- package/lib/ui/tooltips.css +1 -1
- package/lib/ui/tooltips.min.css +1 -1
- package/lib/ui/tooltips.min.css.map +1 -1
- package/lib/ui/tree.css +3 -3
- package/lib/ui/tree.min.css +1 -1
- package/lib/ui/tree.min.css.map +1 -1
- package/lib/version-detail.js +443 -9
- package/package.json +3 -4
package/dist/bk-magic-vue.css
CHANGED
|
@@ -906,7 +906,7 @@
|
|
|
906
906
|
}
|
|
907
907
|
.bk-button.bk-default.is-disabled,
|
|
908
908
|
.bk-button.bk-default[disabled]{
|
|
909
|
-
background-color:#
|
|
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:#
|
|
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:#
|
|
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:#
|
|
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:
|
|
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:
|
|
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:
|
|
8194
|
-
height:
|
|
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
|
|
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:
|
|
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:
|
|
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:-
|
|
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:#
|
|
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:#
|
|
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:#
|
|
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
|
|
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:
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
16240
|
+
border-radius:0px 6px 6px 0px;
|
|
16203
16241
|
background:#dcdee5;
|
|
16204
16242
|
text-align:center;
|
|
16205
16243
|
font-size:20px;
|