bkui-vue 0.0.1-beta.19 → 0.0.1-beta.21
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/README.md +7 -3
- package/README_EN.md +7 -3
- package/dist/bkui-vue.cjs.js +1429 -365
- package/dist/bkui-vue.esm.js +1427 -364
- package/dist/bkui-vue.umd.js +1429 -365
- package/dist/style.css +376 -85
- package/lib/button/button.css +9 -0
- package/lib/button/button.d.ts +25 -1
- package/lib/button/button.less +18 -10
- package/lib/button/button.variable.css +9 -0
- package/lib/button/index.d.ts +42 -4
- package/lib/button/index.js +1 -1
- package/lib/code-diff/code-diff.css +114 -0
- package/lib/code-diff/code-diff.d.ts +71 -0
- package/lib/code-diff/code-diff.less +144 -0
- package/lib/code-diff/code-diff.variable.css +207 -0
- package/lib/code-diff/index.d.ts +6 -0
- package/lib/components.d.ts +1 -0
- package/lib/date-picker/date-picker.d.ts +20 -130
- package/lib/date-picker/index.js +1 -1
- package/lib/date-picker/interface.d.ts +1 -1
- package/lib/date-picker/props.d.ts +111 -0
- package/lib/directives/clickoutside.d.ts +3 -23
- package/lib/directives/index.js +2 -2
- package/lib/icon/arrows-right.d.ts +4 -0
- package/lib/icon/arrows-right.js +15 -0
- package/lib/icon/bk.d.ts +4 -0
- package/lib/icon/bk.js +15 -0
- package/lib/icon/index.d.ts +4 -0
- package/lib/icon/index.js +1 -1
- package/lib/icon/qq.d.ts +4 -0
- package/lib/icon/qq.js +15 -0
- package/lib/icon/weixin.d.ts +4 -0
- package/lib/icon/weixin.js +15 -0
- package/lib/input/index.d.ts +58 -4
- package/lib/input/index.js +2 -2
- package/lib/input/input.css +19 -2
- package/lib/input/input.d.ts +31 -1
- package/lib/input/input.less +25 -3
- package/lib/input/input.variable.css +19 -2
- package/lib/loading/index.d.ts +31 -9
- package/lib/loading/index.js +1 -1
- package/lib/loading/loading.css +98 -71
- package/lib/loading/loading.d.ts +23 -8
- package/lib/loading/loading.less +62 -49
- package/lib/loading/loading.variable.css +98 -71
- package/lib/shared/index.js +1 -1
- package/lib/shared/vue-types.d.ts +4 -0
- package/lib/styles/index.d.ts +1 -0
- package/lib/styles/index.js +1 -1
- package/lib/table/index.d.ts +42 -1
- package/lib/table/index.js +1 -1
- package/lib/table/props.d.ts +13 -0
- package/lib/table/render.d.ts +9 -0
- package/lib/table/table.d.ts +19 -0
- package/lib/table/utils.d.ts +8 -0
- package/lib/tag/index.d.ts +189 -22
- package/lib/tag/index.js +1 -1
- package/lib/tag/tag.css +91 -0
- package/lib/tag/tag.d.ts +83 -7
- package/lib/tag/tag.less +103 -2
- package/lib/tag/tag.variable.css +91 -0
- package/lib/transfer/index.d.ts +27 -0
- package/lib/transfer/index.js +1 -0
- package/lib/transfer/transfer.css +158 -0
- package/lib/transfer/transfer.d.ts +185 -0
- package/lib/transfer/transfer.less +171 -0
- package/lib/transfer/transfer.variable.css +251 -0
- package/lib/tree/index.d.ts +22 -3
- package/lib/tree/index.js +1 -1
- package/lib/tree/props.d.ts +11 -0
- package/lib/tree/tree.css +1 -12
- package/lib/tree/tree.d.ts +10 -1
- package/lib/tree/tree.less +10 -24
- package/lib/tree/tree.variable.css +1 -12
- package/lib/tree/util.d.ts +20 -3
- package/package.json +8 -4
package/dist/style.css
CHANGED
|
@@ -609,6 +609,7 @@ optgroup {
|
|
|
609
609
|
.bk-button.bk-button-primary:active {
|
|
610
610
|
background-color: #2c77f4;
|
|
611
611
|
border-color: #2c77f4;
|
|
612
|
+
color: white;
|
|
612
613
|
}
|
|
613
614
|
.bk-button.bk-button-primary.is-disabled {
|
|
614
615
|
background-color: #dcdee5;
|
|
@@ -649,6 +650,7 @@ optgroup {
|
|
|
649
650
|
.bk-button.bk-button-warning:active {
|
|
650
651
|
background-color: #eb9000;
|
|
651
652
|
border-color: #eb9000;
|
|
653
|
+
color: white;
|
|
652
654
|
}
|
|
653
655
|
.bk-button.bk-button-warning.is-disabled {
|
|
654
656
|
background-color: #dcdee5;
|
|
@@ -689,6 +691,7 @@ optgroup {
|
|
|
689
691
|
.bk-button.bk-button-success:active {
|
|
690
692
|
background-color: #1ab943;
|
|
691
693
|
border-color: #1ab943;
|
|
694
|
+
color: white;
|
|
692
695
|
}
|
|
693
696
|
.bk-button.bk-button-success.is-disabled {
|
|
694
697
|
background-color: #dcdee5;
|
|
@@ -729,6 +732,7 @@ optgroup {
|
|
|
729
732
|
.bk-button.bk-button-danger:active {
|
|
730
733
|
background-color: #db2626;
|
|
731
734
|
border-color: #db2626;
|
|
735
|
+
color: white;
|
|
732
736
|
}
|
|
733
737
|
.bk-button.bk-button-danger.is-disabled {
|
|
734
738
|
background-color: #dcdee5;
|
|
@@ -760,13 +764,18 @@ optgroup {
|
|
|
760
764
|
.bk-button.bk-button-small {
|
|
761
765
|
min-width: 48px;
|
|
762
766
|
height: 26px;
|
|
767
|
+
line-height: 26px;
|
|
763
768
|
padding: 0 12px;
|
|
764
769
|
}
|
|
765
770
|
.bk-button.bk-button-large {
|
|
766
771
|
min-width: 74px;
|
|
767
772
|
height: 38px;
|
|
773
|
+
line-height: 38px;
|
|
768
774
|
padding: 0 20px;
|
|
769
775
|
}
|
|
776
|
+
.bk-button .bk-button-loading:not(:last-child) {
|
|
777
|
+
margin-right: 12px;
|
|
778
|
+
}
|
|
770
779
|
.bk-button:hover {
|
|
771
780
|
border-color: #979ba5;
|
|
772
781
|
}
|
|
@@ -1159,6 +1168,14 @@ optgroup {
|
|
|
1159
1168
|
border-radius: 2px;
|
|
1160
1169
|
transition: all 0.3s;
|
|
1161
1170
|
}
|
|
1171
|
+
.bk-input:hover .show-clear-only-hover {
|
|
1172
|
+
display: block;
|
|
1173
|
+
}
|
|
1174
|
+
.bk-input.is-simplicity {
|
|
1175
|
+
background-color: transparent;
|
|
1176
|
+
border-color: transparent;
|
|
1177
|
+
border-bottom-color: #c4c6cc;
|
|
1178
|
+
}
|
|
1162
1179
|
.bk-input--suffix-icon {
|
|
1163
1180
|
padding-right: 10px;
|
|
1164
1181
|
font-size: 16px;
|
|
@@ -1166,6 +1183,9 @@ optgroup {
|
|
|
1166
1183
|
color: #c4c6cc;
|
|
1167
1184
|
align-self: center;
|
|
1168
1185
|
}
|
|
1186
|
+
.bk-input--suffix-icon.show-clear-only-hover {
|
|
1187
|
+
display: none;
|
|
1188
|
+
}
|
|
1169
1189
|
.bk-input--large {
|
|
1170
1190
|
height: 38px;
|
|
1171
1191
|
font-size: 16px;
|
|
@@ -1179,6 +1199,11 @@ optgroup {
|
|
|
1179
1199
|
outline: 0;
|
|
1180
1200
|
box-shadow: 0px 0px 3px 0px #a3c5fd;
|
|
1181
1201
|
}
|
|
1202
|
+
.bk-input.is-focused:not(.is-readonly).is-simplicity {
|
|
1203
|
+
border-color: transparent;
|
|
1204
|
+
border-bottom-color: #3a84ff;
|
|
1205
|
+
box-shadow: none;
|
|
1206
|
+
}
|
|
1182
1207
|
.bk-input.is-disabled {
|
|
1183
1208
|
cursor: not-allowed;
|
|
1184
1209
|
background-color: #fafbfd;
|
|
@@ -1223,12 +1248,12 @@ optgroup {
|
|
|
1223
1248
|
.bk-input--text[type='search']::-webkit-search-results-decoration {
|
|
1224
1249
|
appearance: none;
|
|
1225
1250
|
}
|
|
1226
|
-
.bk-input--text [type=search]::-ms-clear {
|
|
1251
|
+
.bk-input--text [type='search']::-ms-clear {
|
|
1227
1252
|
display: none;
|
|
1228
1253
|
width: 0;
|
|
1229
1254
|
height: 0;
|
|
1230
1255
|
}
|
|
1231
|
-
.bk-input--text [type=search]::-ms-reveal {
|
|
1256
|
+
.bk-input--text [type='search']::-ms-reveal {
|
|
1232
1257
|
display: none;
|
|
1233
1258
|
width: 0;
|
|
1234
1259
|
height: 0;
|
|
@@ -1252,6 +1277,7 @@ optgroup {
|
|
|
1252
1277
|
height: 50%;
|
|
1253
1278
|
overflow: hidden;
|
|
1254
1279
|
color: #c4c6cc;
|
|
1280
|
+
text-align: center;
|
|
1255
1281
|
}
|
|
1256
1282
|
.bk-input--number-control svg {
|
|
1257
1283
|
font-size: 16px;
|
|
@@ -1385,6 +1411,7 @@ optgroup {
|
|
|
1385
1411
|
position: static;
|
|
1386
1412
|
display: inline-block;
|
|
1387
1413
|
font-size: 0;
|
|
1414
|
+
vertical-align: middle;
|
|
1388
1415
|
}
|
|
1389
1416
|
.bk-loading-wrapper.bk-nested-loading {
|
|
1390
1417
|
position: relative;
|
|
@@ -1394,8 +1421,33 @@ optgroup {
|
|
|
1394
1421
|
top: 50%;
|
|
1395
1422
|
left: 50%;
|
|
1396
1423
|
z-index: 4;
|
|
1424
|
+
text-align: center;
|
|
1397
1425
|
transform: translate(-50%, -50%);
|
|
1398
1426
|
}
|
|
1427
|
+
.bk-loading-wrapper .dot {
|
|
1428
|
+
display: inline-block;
|
|
1429
|
+
width: 14px;
|
|
1430
|
+
height: 14px;
|
|
1431
|
+
margin-right: 10px;
|
|
1432
|
+
border-radius: 50%;
|
|
1433
|
+
transform: scale(0.6);
|
|
1434
|
+
animation-duration: 0.8s;
|
|
1435
|
+
animation-iteration-count: infinite;
|
|
1436
|
+
animation-name: loading-scale-animate;
|
|
1437
|
+
animation-direction: normal;
|
|
1438
|
+
}
|
|
1439
|
+
.bk-loading-wrapper .oval {
|
|
1440
|
+
position: absolute;
|
|
1441
|
+
width: 6px;
|
|
1442
|
+
height: 8px;
|
|
1443
|
+
background-color: #63656e;
|
|
1444
|
+
border-radius: 8px;
|
|
1445
|
+
animation-duration: 1.2s;
|
|
1446
|
+
animation-iteration-count: infinite;
|
|
1447
|
+
animation-name: fade;
|
|
1448
|
+
transform-origin: center 20px;
|
|
1449
|
+
animation-direction: normal;
|
|
1450
|
+
}
|
|
1399
1451
|
.bk-loading-wrapper .bk-loading-mask {
|
|
1400
1452
|
opacity: 0.5;
|
|
1401
1453
|
}
|
|
@@ -1412,7 +1464,55 @@ optgroup {
|
|
|
1412
1464
|
content: '';
|
|
1413
1465
|
}
|
|
1414
1466
|
.bk-loading-wrapper .bk-loading-indicator {
|
|
1415
|
-
|
|
1467
|
+
text-align: center;
|
|
1468
|
+
}
|
|
1469
|
+
.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .oval,
|
|
1470
|
+
.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot,
|
|
1471
|
+
.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-1,
|
|
1472
|
+
.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-2,
|
|
1473
|
+
.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-3,
|
|
1474
|
+
.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-4 {
|
|
1475
|
+
background-color: #2dcb56;
|
|
1476
|
+
}
|
|
1477
|
+
.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .oval,
|
|
1478
|
+
.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot,
|
|
1479
|
+
.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-1,
|
|
1480
|
+
.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-2,
|
|
1481
|
+
.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-3,
|
|
1482
|
+
.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-4 {
|
|
1483
|
+
background-color: #ea3636;
|
|
1484
|
+
}
|
|
1485
|
+
.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .oval,
|
|
1486
|
+
.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot,
|
|
1487
|
+
.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-1,
|
|
1488
|
+
.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-2,
|
|
1489
|
+
.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-3,
|
|
1490
|
+
.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-4 {
|
|
1491
|
+
background-color: #ff9c01;
|
|
1492
|
+
}
|
|
1493
|
+
.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .oval,
|
|
1494
|
+
.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot,
|
|
1495
|
+
.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-1,
|
|
1496
|
+
.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-2,
|
|
1497
|
+
.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-3,
|
|
1498
|
+
.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-4 {
|
|
1499
|
+
background-color: #3a84ff;
|
|
1500
|
+
}
|
|
1501
|
+
.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .oval,
|
|
1502
|
+
.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot,
|
|
1503
|
+
.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-1,
|
|
1504
|
+
.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-2,
|
|
1505
|
+
.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-3,
|
|
1506
|
+
.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-4 {
|
|
1507
|
+
background-color: white;
|
|
1508
|
+
}
|
|
1509
|
+
.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .oval,
|
|
1510
|
+
.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot,
|
|
1511
|
+
.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-1,
|
|
1512
|
+
.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-2,
|
|
1513
|
+
.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-3,
|
|
1514
|
+
.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-4 {
|
|
1515
|
+
background-color: #c4c6cc;
|
|
1416
1516
|
}
|
|
1417
1517
|
.bk-loading-wrapper .bk-loading-indicator .dot-1 {
|
|
1418
1518
|
background-color: #ea3636;
|
|
@@ -1429,7 +1529,7 @@ optgroup {
|
|
|
1429
1529
|
.bk-loading-wrapper .bk-loading-indicator .dot-4 {
|
|
1430
1530
|
background-color: #3a84ff;
|
|
1431
1531
|
animation-delay: 0.55s;
|
|
1432
|
-
margin-right:
|
|
1532
|
+
margin-right: 0px;
|
|
1433
1533
|
}
|
|
1434
1534
|
.bk-loading-wrapper .bk-loading-indicator .oval-1 {
|
|
1435
1535
|
transform: rotate(-135deg);
|
|
@@ -1463,59 +1563,35 @@ optgroup {
|
|
|
1463
1563
|
transform: rotate(180deg);
|
|
1464
1564
|
animation-delay: 1.65s;
|
|
1465
1565
|
}
|
|
1466
|
-
.bk-loading-wrapper .bk-loading-indicator.bk-
|
|
1467
|
-
|
|
1468
|
-
|
|
1469
|
-
|
|
1470
|
-
.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot3,
|
|
1471
|
-
.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot4 {
|
|
1472
|
-
background-color: #2dcb56;
|
|
1473
|
-
}
|
|
1474
|
-
.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .oval,
|
|
1475
|
-
.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot,
|
|
1476
|
-
.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot1,
|
|
1477
|
-
.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot2,
|
|
1478
|
-
.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot3,
|
|
1479
|
-
.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot4 {
|
|
1480
|
-
background-color: #ea3636;
|
|
1566
|
+
.bk-loading-wrapper .bk-loading-indicator .bk-spin-indicator {
|
|
1567
|
+
display: inline-block;
|
|
1568
|
+
width: 40px;
|
|
1569
|
+
height: 40px;
|
|
1481
1570
|
}
|
|
1482
|
-
.bk-loading-wrapper .bk-loading-indicator.bk-loading-
|
|
1483
|
-
|
|
1484
|
-
|
|
1485
|
-
.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot2,
|
|
1486
|
-
.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot3,
|
|
1487
|
-
.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot4 {
|
|
1488
|
-
background-color: #ff9c01;
|
|
1571
|
+
.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .bk-spin-indicator {
|
|
1572
|
+
height: 16px;
|
|
1573
|
+
width: 16px;
|
|
1489
1574
|
}
|
|
1490
|
-
.bk-loading-wrapper .bk-loading-indicator.bk-loading-
|
|
1491
|
-
|
|
1492
|
-
|
|
1493
|
-
|
|
1494
|
-
.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot3,
|
|
1495
|
-
.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot4 {
|
|
1496
|
-
background-color: #3a84ff;
|
|
1575
|
+
.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .dot {
|
|
1576
|
+
width: 3px;
|
|
1577
|
+
height: 3px;
|
|
1578
|
+
margin-right: 3px;
|
|
1497
1579
|
}
|
|
1498
|
-
.bk-loading-wrapper .bk-loading-indicator.bk-loading-
|
|
1499
|
-
|
|
1500
|
-
.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot1,
|
|
1501
|
-
.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot2,
|
|
1502
|
-
.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot3,
|
|
1503
|
-
.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot4 {
|
|
1504
|
-
background-color: white;
|
|
1580
|
+
.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .dot.dot-4 {
|
|
1581
|
+
margin-right: 0;
|
|
1505
1582
|
}
|
|
1506
|
-
.bk-loading-wrapper .bk-loading-indicator.bk-loading-
|
|
1507
|
-
|
|
1508
|
-
|
|
1509
|
-
|
|
1510
|
-
|
|
1511
|
-
.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot4 {
|
|
1512
|
-
background-color: #c4c6cc;
|
|
1583
|
+
.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .oval {
|
|
1584
|
+
width: 2px;
|
|
1585
|
+
height: 3px;
|
|
1586
|
+
border-radius: 3px;
|
|
1587
|
+
transform-origin: center 8px;
|
|
1513
1588
|
}
|
|
1514
|
-
.bk-loading-wrapper .bk-loading-indicator .bk-
|
|
1515
|
-
|
|
1589
|
+
.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .bk-loading-title {
|
|
1590
|
+
font-size: 14px;
|
|
1516
1591
|
}
|
|
1517
1592
|
.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .bk-spin-indicator {
|
|
1518
1593
|
height: 22px;
|
|
1594
|
+
width: 22px;
|
|
1519
1595
|
}
|
|
1520
1596
|
.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .dot {
|
|
1521
1597
|
width: 6px;
|
|
@@ -1536,6 +1612,7 @@ optgroup {
|
|
|
1536
1612
|
}
|
|
1537
1613
|
.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .bk-spin-indicator {
|
|
1538
1614
|
height: 52px;
|
|
1615
|
+
width: 52px;
|
|
1539
1616
|
}
|
|
1540
1617
|
.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .dot {
|
|
1541
1618
|
width: 20px;
|
|
@@ -1561,30 +1638,6 @@ optgroup {
|
|
|
1561
1638
|
color: #63656e;
|
|
1562
1639
|
text-align: center;
|
|
1563
1640
|
}
|
|
1564
|
-
.bk-loading-wrapper .bk-loading-indicator .dot {
|
|
1565
|
-
display: inline-block;
|
|
1566
|
-
width: 14px;
|
|
1567
|
-
height: 14px;
|
|
1568
|
-
margin-right: 10px;
|
|
1569
|
-
border-radius: 50%;
|
|
1570
|
-
transform: scale(0.6);
|
|
1571
|
-
animation-duration: 0.8s;
|
|
1572
|
-
animation-iteration-count: infinite;
|
|
1573
|
-
animation-name: loading-scale-animate;
|
|
1574
|
-
animation-direction: normal;
|
|
1575
|
-
}
|
|
1576
|
-
.bk-loading-wrapper .bk-loading-indicator .oval {
|
|
1577
|
-
position: absolute;
|
|
1578
|
-
width: 6px;
|
|
1579
|
-
height: 8px;
|
|
1580
|
-
background-color: #63656e;
|
|
1581
|
-
border-radius: 8px;
|
|
1582
|
-
animation-duration: 1.2s;
|
|
1583
|
-
animation-iteration-count: infinite;
|
|
1584
|
-
animation-name: fade;
|
|
1585
|
-
transform-origin: center 20px;
|
|
1586
|
-
animation-direction: normal;
|
|
1587
|
-
}
|
|
1588
1641
|
.bk-modal-wrapper {
|
|
1589
1642
|
position: absolute;
|
|
1590
1643
|
top: 50%;
|
|
@@ -2566,6 +2619,97 @@ optgroup {
|
|
|
2566
2619
|
position: relative;
|
|
2567
2620
|
background: #f0f1f5;
|
|
2568
2621
|
}
|
|
2622
|
+
.bk-tag {
|
|
2623
|
+
display: inline-block;
|
|
2624
|
+
height: 22px;
|
|
2625
|
+
padding: 0 10px;
|
|
2626
|
+
margin: 2px 0 2px 6px;
|
|
2627
|
+
font-size: 12px;
|
|
2628
|
+
line-height: 22px;
|
|
2629
|
+
color: #63656e;
|
|
2630
|
+
cursor: default;
|
|
2631
|
+
background-color: rgba(151, 155, 165, 0.1);
|
|
2632
|
+
border-color: rgba(217, 220, 230, 0.6);
|
|
2633
|
+
box-sizing: border-box;
|
|
2634
|
+
}
|
|
2635
|
+
.bk-tag.bk-tag-success {
|
|
2636
|
+
color: #14a568;
|
|
2637
|
+
border-color: rgba(20, 165, 104, 0.3);
|
|
2638
|
+
background-color: rgba(20, 165, 104, 0.1);
|
|
2639
|
+
}
|
|
2640
|
+
.bk-tag.bk-tag-success.bk-tag-filled {
|
|
2641
|
+
background-color: #14a568;
|
|
2642
|
+
}
|
|
2643
|
+
.bk-tag.bk-tag-info {
|
|
2644
|
+
color: #3a84ff;
|
|
2645
|
+
border-color: rgba(58, 132, 255, 0.3);
|
|
2646
|
+
background-color: rgba(58, 132, 255, 0.1);
|
|
2647
|
+
}
|
|
2648
|
+
.bk-tag.bk-tag-info.bk-tag-filled {
|
|
2649
|
+
background-color: #3a84ff;
|
|
2650
|
+
}
|
|
2651
|
+
.bk-tag.bk-tag-warning {
|
|
2652
|
+
color: #fe9c00;
|
|
2653
|
+
border-color: rgba(254, 165, 0, 0.3);
|
|
2654
|
+
background-color: rgba(254, 156, 0, 0.1);
|
|
2655
|
+
}
|
|
2656
|
+
.bk-tag.bk-tag-warning.bk-tag-filled {
|
|
2657
|
+
background-color: #fe9c00;
|
|
2658
|
+
}
|
|
2659
|
+
.bk-tag.bk-tag-danger {
|
|
2660
|
+
color: #ea3636;
|
|
2661
|
+
border-color: rgba(234, 53, 54, 0.3);
|
|
2662
|
+
background-color: rgba(234, 53, 54, 0.1);
|
|
2663
|
+
}
|
|
2664
|
+
.bk-tag.bk-tag-danger.bk-tag-filled {
|
|
2665
|
+
background-color: #ea3636;
|
|
2666
|
+
}
|
|
2667
|
+
.bk-tag:hover {
|
|
2668
|
+
opacity: 0.8;
|
|
2669
|
+
}
|
|
2670
|
+
.bk-tag.bk-tag-filled {
|
|
2671
|
+
color: #fff;
|
|
2672
|
+
background-color: #979ba5;
|
|
2673
|
+
}
|
|
2674
|
+
.bk-tag.bk-tag-stroke {
|
|
2675
|
+
padding: 0 9px;
|
|
2676
|
+
line-height: 20px;
|
|
2677
|
+
border-style: solid;
|
|
2678
|
+
border-width: 1px;
|
|
2679
|
+
}
|
|
2680
|
+
.bk-tag.bk-tag-closable {
|
|
2681
|
+
padding: 0 4px 0 10px;
|
|
2682
|
+
}
|
|
2683
|
+
.bk-tag.bk-tag-checkable {
|
|
2684
|
+
cursor: pointer;
|
|
2685
|
+
background: none;
|
|
2686
|
+
}
|
|
2687
|
+
.bk-tag.bk-tag-checkable:hover {
|
|
2688
|
+
background: rgba(151, 155, 165, 0.15);
|
|
2689
|
+
}
|
|
2690
|
+
.bk-tag.bk-tag-check {
|
|
2691
|
+
color: #fff;
|
|
2692
|
+
background: #3a84ff;
|
|
2693
|
+
}
|
|
2694
|
+
.bk-tag.bk-tag-check:hover {
|
|
2695
|
+
color: #fff;
|
|
2696
|
+
background: #3a84ff;
|
|
2697
|
+
opacity: 1;
|
|
2698
|
+
}
|
|
2699
|
+
.bk-tag .bk-tag-icon {
|
|
2700
|
+
display: inline-block;
|
|
2701
|
+
margin-right: 4px;
|
|
2702
|
+
font-size: 14px;
|
|
2703
|
+
line-height: 0;
|
|
2704
|
+
}
|
|
2705
|
+
.bk-tag .bk-tag-close {
|
|
2706
|
+
display: inline-block;
|
|
2707
|
+
margin-left: 4px;
|
|
2708
|
+
font-size: 12px;
|
|
2709
|
+
line-height: 0;
|
|
2710
|
+
vertical-align: 1px;
|
|
2711
|
+
cursor: pointer;
|
|
2712
|
+
}
|
|
2569
2713
|
.bk-form {
|
|
2570
2714
|
text-align: left;
|
|
2571
2715
|
}
|
|
@@ -3002,21 +3146,10 @@ optgroup {
|
|
|
3002
3146
|
line-height: var(--lineHeight);
|
|
3003
3147
|
cursor: pointer;
|
|
3004
3148
|
}
|
|
3005
|
-
.bk-tree .bk-tree-node.is-open:not(.is-virtual-render)::after {
|
|
3006
|
-
position: absolute;
|
|
3007
|
-
top: calc(var(--lineHeight) / 2 + 6px);
|
|
3008
|
-
left: 6px;
|
|
3009
|
-
z-index: 1;
|
|
3010
|
-
width: 0;
|
|
3011
|
-
height: calc(var(--lines) * var(--lineHeight) - 6px);
|
|
3012
|
-
pointer-events: none;
|
|
3013
|
-
border-left: var(--level-line);
|
|
3014
|
-
content: '';
|
|
3015
|
-
}
|
|
3016
3149
|
.bk-tree .bk-tree-node:not(.is-root) {
|
|
3017
3150
|
margin-left: calc(var(--depth)*var(--indent));
|
|
3018
3151
|
}
|
|
3019
|
-
.bk-tree .bk-tree-node:not(.is-root)::before {
|
|
3152
|
+
.bk-tree .bk-tree-node:not(.is-root).level-line::before {
|
|
3020
3153
|
position: absolute;
|
|
3021
3154
|
top: calc(50% + 1px);
|
|
3022
3155
|
left: calc(0px - var(--indent) + 6px);
|
|
@@ -4324,6 +4457,164 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em {
|
|
|
4324
4457
|
background-color: #dcdee5;
|
|
4325
4458
|
border-radius: 6px;
|
|
4326
4459
|
}
|
|
4460
|
+
/* 边框色 */
|
|
4461
|
+
/* 按钮、表单边框颜色、禁用时文本颜色 */
|
|
4462
|
+
/* 表格头部背景色、禁用底色 */
|
|
4463
|
+
/* 大面积背景色 */
|
|
4464
|
+
/* 重点表示、强调、链接以及带有明确指示性 */
|
|
4465
|
+
/* 正常尺寸图标 */
|
|
4466
|
+
.bk-transfer {
|
|
4467
|
+
position: relative;
|
|
4468
|
+
display: flex;
|
|
4469
|
+
font-size: 14px;
|
|
4470
|
+
flex-direction: row;
|
|
4471
|
+
justify-content: center;
|
|
4472
|
+
}
|
|
4473
|
+
.bk-transfer .transfer {
|
|
4474
|
+
position: absolute;
|
|
4475
|
+
top: 50%;
|
|
4476
|
+
left: 50%;
|
|
4477
|
+
width: 30px;
|
|
4478
|
+
height: 30px;
|
|
4479
|
+
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAKCAYAAABv7tTEAAAAV0lEQVQokZXQQQrAIAxE0W/JvU3O1nXXHqdd1EBbqYwDIgGfMCn70RBSgchhUwTgHQJgwLkAAcJE8IIGlEUodxqQc/eST6IYvpskF+H9rggdn9vzv0ffXGG8Ffrmgf5jAAAAAElFTkSuQmCC') no-repeat center center;
|
|
4480
|
+
transform: translate(-50%, -50%);
|
|
4481
|
+
}
|
|
4482
|
+
.bk-transfer .source-list,
|
|
4483
|
+
.bk-transfer .target-list {
|
|
4484
|
+
height: 400px;
|
|
4485
|
+
min-width: 200px;
|
|
4486
|
+
overflow: hidden;
|
|
4487
|
+
background-color: #fff;
|
|
4488
|
+
border: 1px solid #dde4eb;
|
|
4489
|
+
border-radius: 2px;
|
|
4490
|
+
flex: 1;
|
|
4491
|
+
}
|
|
4492
|
+
.bk-transfer .source-list .slot-header,
|
|
4493
|
+
.bk-transfer .target-list .slot-header {
|
|
4494
|
+
position: relative;
|
|
4495
|
+
height: 43px;
|
|
4496
|
+
padding: 0 20px;
|
|
4497
|
+
line-height: 43px;
|
|
4498
|
+
background-color: #fafbfd;
|
|
4499
|
+
border-bottom: 1px solid #dde4eb;
|
|
4500
|
+
}
|
|
4501
|
+
.bk-transfer .source-list .slot-header .slot-content,
|
|
4502
|
+
.bk-transfer .target-list .slot-header .slot-content {
|
|
4503
|
+
position: relative;
|
|
4504
|
+
}
|
|
4505
|
+
.bk-transfer .source-list .header,
|
|
4506
|
+
.bk-transfer .target-list .header {
|
|
4507
|
+
position: relative;
|
|
4508
|
+
height: 43px;
|
|
4509
|
+
padding: 0 20px;
|
|
4510
|
+
line-height: 43px;
|
|
4511
|
+
background-color: #fafbfd;
|
|
4512
|
+
border-bottom: 1px solid #dde4eb;
|
|
4513
|
+
}
|
|
4514
|
+
.bk-transfer .source-list .header span,
|
|
4515
|
+
.bk-transfer .target-list .header span {
|
|
4516
|
+
position: absolute;
|
|
4517
|
+
right: 10px;
|
|
4518
|
+
font-size: 12px;
|
|
4519
|
+
color: #3a84ff;
|
|
4520
|
+
cursor: pointer;
|
|
4521
|
+
}
|
|
4522
|
+
.bk-transfer .source-list .header span.disabled,
|
|
4523
|
+
.bk-transfer .target-list .header span.disabled {
|
|
4524
|
+
color: #c4c6cc;
|
|
4525
|
+
cursor: not-allowed;
|
|
4526
|
+
}
|
|
4527
|
+
.bk-transfer .source-list .empty,
|
|
4528
|
+
.bk-transfer .target-list .empty {
|
|
4529
|
+
position: relative;
|
|
4530
|
+
top: 40%;
|
|
4531
|
+
width: 100%;
|
|
4532
|
+
color: #c4c6cc;
|
|
4533
|
+
text-align: center;
|
|
4534
|
+
cursor: default;
|
|
4535
|
+
}
|
|
4536
|
+
.bk-transfer .source-list .content,
|
|
4537
|
+
.bk-transfer .target-list .content {
|
|
4538
|
+
position: relative;
|
|
4539
|
+
max-height: calc(100% - 50px);
|
|
4540
|
+
padding: 0;
|
|
4541
|
+
margin: 6px 0;
|
|
4542
|
+
overflow-y: auto;
|
|
4543
|
+
}
|
|
4544
|
+
.bk-transfer .source-list .content.is-search,
|
|
4545
|
+
.bk-transfer .target-list .content.is-search {
|
|
4546
|
+
max-height: calc(100% - 86px);
|
|
4547
|
+
}
|
|
4548
|
+
.bk-transfer .source-list .content li.custom-item,
|
|
4549
|
+
.bk-transfer .target-list .content li.custom-item,
|
|
4550
|
+
.bk-transfer .source-list .content li .item-content,
|
|
4551
|
+
.bk-transfer .target-list .content li .item-content {
|
|
4552
|
+
position: relative;
|
|
4553
|
+
display: flex;
|
|
4554
|
+
height: 40px;
|
|
4555
|
+
padding: 0 20px;
|
|
4556
|
+
line-height: 40px;
|
|
4557
|
+
list-style: none;
|
|
4558
|
+
cursor: pointer;
|
|
4559
|
+
align-items: center;
|
|
4560
|
+
}
|
|
4561
|
+
.bk-transfer .source-list .content li.custom-item:hover,
|
|
4562
|
+
.bk-transfer .target-list .content li.custom-item:hover,
|
|
4563
|
+
.bk-transfer .source-list .content li .item-content:hover,
|
|
4564
|
+
.bk-transfer .target-list .content li .item-content:hover {
|
|
4565
|
+
color: #3a84ff;
|
|
4566
|
+
background-color: #eef6fe;
|
|
4567
|
+
}
|
|
4568
|
+
.bk-transfer .source-list .content li.custom-item .content-text,
|
|
4569
|
+
.bk-transfer .target-list .content li.custom-item .content-text,
|
|
4570
|
+
.bk-transfer .source-list .content li .item-content .content-text,
|
|
4571
|
+
.bk-transfer .target-list .content li .item-content .content-text {
|
|
4572
|
+
overflow: hidden;
|
|
4573
|
+
text-overflow: ellipsis;
|
|
4574
|
+
white-space: nowrap;
|
|
4575
|
+
flex: 1;
|
|
4576
|
+
}
|
|
4577
|
+
.bk-transfer .source-list .content li.custom-item .icon-wrapper,
|
|
4578
|
+
.bk-transfer .target-list .content li.custom-item .icon-wrapper,
|
|
4579
|
+
.bk-transfer .source-list .content li .item-content .icon-wrapper,
|
|
4580
|
+
.bk-transfer .target-list .content li .item-content .icon-wrapper {
|
|
4581
|
+
display: none;
|
|
4582
|
+
flex: 22px 0 0;
|
|
4583
|
+
}
|
|
4584
|
+
.bk-transfer .source-list .content li.custom-item .icon-wrapper.hover,
|
|
4585
|
+
.bk-transfer .target-list .content li.custom-item .icon-wrapper.hover,
|
|
4586
|
+
.bk-transfer .source-list .content li .item-content .icon-wrapper.hover,
|
|
4587
|
+
.bk-transfer .target-list .content li .item-content .icon-wrapper.hover {
|
|
4588
|
+
display: inline-block;
|
|
4589
|
+
}
|
|
4590
|
+
.bk-transfer .source-list .content::-webkit-scrollbar,
|
|
4591
|
+
.bk-transfer .target-list .content::-webkit-scrollbar {
|
|
4592
|
+
width: 4px;
|
|
4593
|
+
}
|
|
4594
|
+
.bk-transfer .source-list .content::-webkit-scrollbar-thumb,
|
|
4595
|
+
.bk-transfer .target-list .content::-webkit-scrollbar-thumb {
|
|
4596
|
+
height: 5px;
|
|
4597
|
+
background-color: #e6e9ea;
|
|
4598
|
+
border-radius: 2px;
|
|
4599
|
+
}
|
|
4600
|
+
.bk-transfer .source-list .content .bk-icon,
|
|
4601
|
+
.bk-transfer .target-list .content .bk-icon {
|
|
4602
|
+
font-size: 22px;
|
|
4603
|
+
}
|
|
4604
|
+
.bk-transfer .target-list {
|
|
4605
|
+
margin-left: 33px;
|
|
4606
|
+
}
|
|
4607
|
+
.bk-transfer .transfer-search-input {
|
|
4608
|
+
height: 36px;
|
|
4609
|
+
line-height: 34px;
|
|
4610
|
+
border: none;
|
|
4611
|
+
border-bottom: 1px solid #f0f1f5;
|
|
4612
|
+
outline: none;
|
|
4613
|
+
}
|
|
4614
|
+
.bk-transfer .transfer-search-input.is-focused {
|
|
4615
|
+
border-color: #f0f1f5;
|
|
4616
|
+
box-shadow: 0px 0px 3px 0px transparent;
|
|
4617
|
+
}
|
|
4327
4618
|
.bk-pagination {
|
|
4328
4619
|
display: flex;
|
|
4329
4620
|
align-items: center;
|
package/lib/button/button.css
CHANGED
|
@@ -30,6 +30,7 @@
|
|
|
30
30
|
.bk-button.bk-button-primary:active {
|
|
31
31
|
background-color: #2c77f4;
|
|
32
32
|
border-color: #2c77f4;
|
|
33
|
+
color: white;
|
|
33
34
|
}
|
|
34
35
|
.bk-button.bk-button-primary.is-disabled {
|
|
35
36
|
background-color: #dcdee5;
|
|
@@ -70,6 +71,7 @@
|
|
|
70
71
|
.bk-button.bk-button-warning:active {
|
|
71
72
|
background-color: #eb9000;
|
|
72
73
|
border-color: #eb9000;
|
|
74
|
+
color: white;
|
|
73
75
|
}
|
|
74
76
|
.bk-button.bk-button-warning.is-disabled {
|
|
75
77
|
background-color: #dcdee5;
|
|
@@ -110,6 +112,7 @@
|
|
|
110
112
|
.bk-button.bk-button-success:active {
|
|
111
113
|
background-color: #1ab943;
|
|
112
114
|
border-color: #1ab943;
|
|
115
|
+
color: white;
|
|
113
116
|
}
|
|
114
117
|
.bk-button.bk-button-success.is-disabled {
|
|
115
118
|
background-color: #dcdee5;
|
|
@@ -150,6 +153,7 @@
|
|
|
150
153
|
.bk-button.bk-button-danger:active {
|
|
151
154
|
background-color: #db2626;
|
|
152
155
|
border-color: #db2626;
|
|
156
|
+
color: white;
|
|
153
157
|
}
|
|
154
158
|
.bk-button.bk-button-danger.is-disabled {
|
|
155
159
|
background-color: #dcdee5;
|
|
@@ -181,13 +185,18 @@
|
|
|
181
185
|
.bk-button.bk-button-small {
|
|
182
186
|
min-width: 48px;
|
|
183
187
|
height: 26px;
|
|
188
|
+
line-height: 26px;
|
|
184
189
|
padding: 0 12px;
|
|
185
190
|
}
|
|
186
191
|
.bk-button.bk-button-large {
|
|
187
192
|
min-width: 74px;
|
|
188
193
|
height: 38px;
|
|
194
|
+
line-height: 38px;
|
|
189
195
|
padding: 0 20px;
|
|
190
196
|
}
|
|
197
|
+
.bk-button .bk-button-loading:not(:last-child) {
|
|
198
|
+
margin-right: 12px;
|
|
199
|
+
}
|
|
191
200
|
.bk-button:hover {
|
|
192
201
|
border-color: #979ba5;
|
|
193
202
|
}
|