bkui-vue 0.0.1-beta.20 → 0.0.1-beta.23

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 (126) hide show
  1. package/README.md +7 -3
  2. package/README_EN.md +7 -3
  3. package/dist/bkui-vue.cjs.js +8514 -3025
  4. package/dist/bkui-vue.esm.js +8515 -3026
  5. package/dist/bkui-vue.umd.js +8516 -3027
  6. package/dist/style.css +153 -86
  7. package/lib/alert/index.js +1 -1
  8. package/lib/animate-number/index.js +1 -1
  9. package/lib/backtop/index.js +10 -1
  10. package/lib/badge/index.js +1 -1
  11. package/lib/breadcrumb/index.js +1 -1
  12. package/lib/button/button.css +9 -0
  13. package/lib/button/button.d.ts +25 -1
  14. package/lib/button/button.less +18 -10
  15. package/lib/button/button.variable.css +9 -0
  16. package/lib/button/index.d.ts +42 -4
  17. package/lib/button/index.js +1 -1
  18. package/lib/card/index.js +1 -1
  19. package/lib/checkbox/common.d.ts +1 -1
  20. package/lib/checkbox/index.js +1 -1
  21. package/lib/checkbox/type.d.ts +1 -1
  22. package/lib/code-diff/code-diff.css +115 -0
  23. package/lib/code-diff/code-diff.d.ts +71 -0
  24. package/lib/code-diff/code-diff.less +145 -0
  25. package/lib/code-diff/code-diff.variable.css +208 -0
  26. package/lib/code-diff/index.d.ts +6 -0
  27. package/lib/collapse/index.js +1 -1
  28. package/lib/date-picker/date-picker.d.ts +21 -131
  29. package/lib/date-picker/index.d.ts +7 -7
  30. package/lib/date-picker/index.js +1 -1
  31. package/lib/date-picker/interface.d.ts +1 -1
  32. package/lib/date-picker/props.d.ts +111 -0
  33. package/lib/date-picker/utils.d.ts +1 -1
  34. package/lib/dialog/dialog.d.ts +2 -2
  35. package/lib/dialog/index.d.ts +7 -7
  36. package/lib/dialog/index.js +1 -1
  37. package/lib/directives/clickoutside.d.ts +3 -23
  38. package/lib/directives/index.js +2 -2
  39. package/lib/divider/index.js +1 -1
  40. package/lib/dropdown/index.d.ts +1 -1
  41. package/lib/dropdown/index.js +1 -1
  42. package/lib/exception/index.js +1 -1
  43. package/lib/fixed-navbar/index.js +1 -1
  44. package/lib/form/form-item.d.ts +7 -21
  45. package/lib/form/form.css +9 -0
  46. package/lib/form/form.d.ts +9 -29
  47. package/lib/form/form.less +14 -1
  48. package/lib/form/form.variable.css +9 -0
  49. package/lib/form/index.d.ts +18 -58
  50. package/lib/form/index.js +1 -1
  51. package/lib/input/index.d.ts +61 -7
  52. package/lib/input/index.js +2 -2
  53. package/lib/input/input.css +19 -2
  54. package/lib/input/input.d.ts +32 -2
  55. package/lib/input/input.less +25 -3
  56. package/lib/input/input.variable.css +19 -2
  57. package/lib/link/index.js +1 -1
  58. package/lib/loading/index.d.ts +32 -10
  59. package/lib/loading/index.js +1 -1
  60. package/lib/loading/loading.css +98 -71
  61. package/lib/loading/loading.d.ts +23 -8
  62. package/lib/loading/loading.less +62 -49
  63. package/lib/loading/loading.variable.css +98 -71
  64. package/lib/menu/index.js +1 -1
  65. package/lib/menu/utils.d.ts +1 -1
  66. package/lib/message/index.js +1 -1
  67. package/lib/message/messageConstructor.d.ts +1 -1
  68. package/lib/modal/index.d.ts +4 -4
  69. package/lib/modal/index.js +1 -1
  70. package/lib/modal/modal.d.ts +1 -1
  71. package/lib/notify/index.js +1 -1
  72. package/lib/notify/notifyConstructor.d.ts +1 -1
  73. package/lib/pagination/index.d.ts +4 -4
  74. package/lib/pagination/index.js +1 -1
  75. package/lib/pagination/pagination.d.ts +1 -1
  76. package/lib/popover/index.d.ts +7 -7
  77. package/lib/popover/index.js +1 -1
  78. package/lib/popover/popover.d.ts +2 -2
  79. package/lib/process/index.js +2 -2
  80. package/lib/progress/index.d.ts +4 -4
  81. package/lib/progress/index.js +1 -1
  82. package/lib/progress/progress.d.ts +1 -1
  83. package/lib/radio/common.d.ts +1 -1
  84. package/lib/radio/index.d.ts +1 -1
  85. package/lib/radio/index.js +1 -1
  86. package/lib/radio/type.d.ts +1 -1
  87. package/lib/rate/index.js +1 -1
  88. package/lib/select/index.js +12 -12
  89. package/lib/shared/bk-helper-core.d.ts +0 -1
  90. package/lib/shared/bk-popover.d.ts +1 -1
  91. package/lib/shared/index.d.ts +0 -10
  92. package/lib/shared/index.js +1 -1
  93. package/lib/shared/vue-types.d.ts +5 -1
  94. package/lib/sideslider/index.d.ts +4 -4
  95. package/lib/sideslider/index.js +1 -1
  96. package/lib/sideslider/sideslider.d.ts +1 -1
  97. package/lib/slider/index.js +2 -2
  98. package/lib/steps/index.js +2 -2
  99. package/lib/switcher/index.js +1 -1
  100. package/lib/tab/index.js +1 -1
  101. package/lib/tab/tab-nav.d.ts +1 -1
  102. package/lib/table/index.d.ts +36 -13
  103. package/lib/table/index.js +10 -1
  104. package/lib/table/props.d.ts +8 -0
  105. package/lib/table/render.d.ts +3 -1
  106. package/lib/table/table.css +8 -1
  107. package/lib/table/table.d.ts +15 -4
  108. package/lib/table/table.less +10 -1
  109. package/lib/table/table.variable.css +8 -1
  110. package/lib/tag/index.d.ts +3 -3
  111. package/lib/tag/index.js +1 -1
  112. package/lib/tag/tag.d.ts +1 -1
  113. package/lib/timeline/index.js +1 -1
  114. package/lib/transfer/index.js +1 -1
  115. package/lib/tree/index.d.ts +50 -28
  116. package/lib/tree/index.js +1 -1
  117. package/lib/tree/props.d.ts +15 -6
  118. package/lib/tree/tree.css +10 -12
  119. package/lib/tree/tree.d.ts +27 -13
  120. package/lib/tree/tree.less +21 -24
  121. package/lib/tree/tree.variable.css +10 -12
  122. package/lib/tree/util.d.ts +20 -7
  123. package/lib/virtual-render/index.d.ts +4 -4
  124. package/lib/virtual-render/index.js +10 -1
  125. package/lib/virtual-render/virtual-render.d.ts +1 -1
  126. package/package.json +14 -12
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
- font-size: 14px;
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: 0;
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-loading-success .oval,
1467
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot,
1468
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot1,
1469
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot2,
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-warning .oval,
1483
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot,
1484
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot1,
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-primary .oval,
1491
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot,
1492
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot1,
1493
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot2,
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-white .oval,
1499
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot,
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-default .oval,
1507
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot,
1508
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot1,
1509
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot2,
1510
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot3,
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-spin-indicator {
1515
- height: 40px;
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%;
@@ -2484,10 +2537,14 @@ optgroup {
2484
2537
  }
2485
2538
  }
2486
2539
  .bk-table {
2487
- overflow: auto;
2540
+ overflow: hidden;
2541
+ height: 100%;
2488
2542
  border-top: 1px solid #dcdee5;
2489
2543
  border-bottom: 1px solid #dcdee5;
2490
2544
  }
2545
+ .bk-table .bk-table-body {
2546
+ overflow: auto;
2547
+ }
2491
2548
  .bk-table .bk-table-head,
2492
2549
  .bk-table .bk-table-body {
2493
2550
  background: white;
@@ -2534,6 +2591,9 @@ optgroup {
2534
2591
  .bk-table .bk-table-body table tbody tr:hover td {
2535
2592
  background: #f5f7fa;
2536
2593
  }
2594
+ .bk-table .bk-table-footer {
2595
+ line-height: 40px;
2596
+ }
2537
2597
  .bk-table.bordered-row .cell {
2538
2598
  border-bottom: 1px solid #dcdee5;
2539
2599
  }
@@ -2664,6 +2724,14 @@ optgroup {
2664
2724
  display: flex;
2665
2725
  margin-bottom: 24px;
2666
2726
  }
2727
+ .bk-form .bk-form-item.is-required .bk-form-label:after {
2728
+ position: absolute;
2729
+ width: 14px;
2730
+ line-height: 32px;
2731
+ color: #ea3636;
2732
+ text-align: center;
2733
+ content: '*';
2734
+ }
2667
2735
  .bk-form .bk-form-label {
2668
2736
  width: 150px;
2669
2737
  padding-right: 24px;
@@ -2691,6 +2759,7 @@ optgroup {
2691
2759
  }
2692
2760
  .bk-form--vertical .bk-form-label {
2693
2761
  width: auto;
2762
+ padding-right: 0;
2694
2763
  text-align: left;
2695
2764
  }
2696
2765
  .bk-form--vertical .bk-form-content {
@@ -3086,6 +3155,12 @@ optgroup {
3086
3155
  display: inline-block;
3087
3156
  padding-left: 23px;
3088
3157
  }
3158
+ .bk-tree .bk-node-row {
3159
+ padding-left: calc(var(--offset-left));
3160
+ }
3161
+ .bk-tree .bk-node-row.is-checked {
3162
+ background-color: #EBF2FF;
3163
+ }
3089
3164
  .bk-tree .bk-tree-node {
3090
3165
  position: relative;
3091
3166
  height: var(--lineHeight);
@@ -3093,21 +3168,10 @@ optgroup {
3093
3168
  line-height: var(--lineHeight);
3094
3169
  cursor: pointer;
3095
3170
  }
3096
- .bk-tree .bk-tree-node.is-open:not(.is-virtual-render)::after {
3097
- position: absolute;
3098
- top: calc(var(--lineHeight) / 2 + 6px);
3099
- left: 6px;
3100
- z-index: 1;
3101
- width: 0;
3102
- height: calc(var(--lines) * var(--lineHeight) - 6px);
3103
- pointer-events: none;
3104
- border-left: var(--level-line);
3105
- content: '';
3106
- }
3107
3171
  .bk-tree .bk-tree-node:not(.is-root) {
3108
3172
  margin-left: calc(var(--depth)*var(--indent));
3109
3173
  }
3110
- .bk-tree .bk-tree-node:not(.is-root)::before {
3174
+ .bk-tree .bk-tree-node:not(.is-root).level-line::before {
3111
3175
  position: absolute;
3112
3176
  top: calc(50% + 1px);
3113
3177
  left: calc(0px - var(--indent) + 6px);
@@ -3130,6 +3194,9 @@ optgroup {
3130
3194
  .bk-tree .bk-tree-node .bk-tree-icon {
3131
3195
  margin: 0 6px 0 4px;
3132
3196
  }
3197
+ .bk-tree .bk-tree-node .node-content {
3198
+ display: inline-block;
3199
+ }
3133
3200
  .bk-slider {
3134
3201
  display: flex;
3135
3202
  flex-direction: row;
package/lib/alert/index.js CHANGED
@@ -1 +1 @@
1
- !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("../shared"),require("../icon")):"function"==typeof define&&define.amd?define(["exports","vue","../shared","../icon"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared,e["@bkui-vue/icon/icons"])}(this,(function(e,t,o,s){"use strict";function r(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var i={exports:{}};!function(e){e.exports=function(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e},e.exports.__esModule=!0,e.exports.default=e.exports}(i);var l=r(i.exports),n=t.defineComponent({name:"Alert",props:{theme:o.PropTypes.theme(["info","success","warning","error"]).def("info"),size:o.PropTypes.string,title:o.PropTypes.string,closable:o.PropTypes.bool.def(!1),closeText:o.PropTypes.string,showIcon:o.PropTypes.bool.def(!0)},emits:["close"],setup:function(e,o){var s=t.reactive({visible:!0});return{state:s,handleClose:function(){s.visible=!1,o.emit("close")}}},render:function(){if(!this.state.visible)return null;var e=Boolean(this.closeText),r=o.classes({"bk-alert-close":!0,"close-text":e,"icon-close":!e}),i=o.classes(l({"bk-alert":!0},"bk-alert-".concat(this.theme),!0));return t.createVNode("div",{class:i},[t.createVNode("div",{class:"bk-alert-wraper"},[this.showIcon&&t.createVNode(s.Help,{class:"bk-alert-icon-info"},null),t.createVNode("div",{class:"bk-alert-content"},[t.createVNode("div",{class:"bk-alert-title"},[this.title]),t.createVNode("div",{class:"bk-alert-description"},null)]),t.createVNode("span",{class:r,onClick:this.handleClose},[this.closeText])])])}}),a=o.withInstall(n);e.default=a,Object.defineProperty(e,"__esModule",{value:!0})}));
1
+ !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("../shared"),require("vue"),require("../icon")):"function"==typeof define&&define.amd?define(["exports","../shared","vue","../icon"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Shared,e.Vue,e["@bkui-vue/icon/icons"])}(this,(function(e,t,o,s){"use strict";function r(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var i={exports:{}};!function(e){e.exports=function(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e},e.exports.__esModule=!0,e.exports.default=e.exports}(i);var l=r(i.exports),n=o.defineComponent({name:"Alert",props:{theme:t.PropTypes.theme(["info","success","warning","error"]).def("info"),size:t.PropTypes.string,title:t.PropTypes.string,closable:t.PropTypes.bool.def(!1),closeText:t.PropTypes.string,showIcon:t.PropTypes.bool.def(!0)},emits:["close"],setup:function(e,t){var s=o.reactive({visible:!0});return{state:s,handleClose:function(){s.visible=!1,t.emit("close")}}},render:function(){if(!this.state.visible)return null;var e=Boolean(this.closeText),r=t.classes({"bk-alert-close":!0,"close-text":e,"icon-close":!e}),i=t.classes(l({"bk-alert":!0},"bk-alert-".concat(this.theme),!0));return o.createVNode("div",{class:i},[o.createVNode("div",{class:"bk-alert-wraper"},[this.showIcon&&o.createVNode(s.Help,{class:"bk-alert-icon-info"},null),o.createVNode("div",{class:"bk-alert-content"},[o.createVNode("div",{class:"bk-alert-title"},[this.title]),o.createVNode("div",{class:"bk-alert-description"},null)]),o.createVNode("span",{class:r,onClick:this.handleClose},[this.closeText])])])}}),a=t.withInstall(n);e.default=a,Object.defineProperty(e,"__esModule",{value:!0})}));
package/lib/animate-number/index.js CHANGED
@@ -1 +1 @@
1
- !function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("vue"),require("../shared")):"function"==typeof define&&define.amd?define(["exports","vue","../shared"],n):n((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared)}(this,(function(e,n,t){"use strict";var u=n.defineComponent({name:"AnimateNumber",props:{value:t.PropTypes.number.def(0),digits:t.PropTypes.number.def(0)},setup:function(e){var t=-1,u=n.ref(0),i=n.computed((function(){return Number(u.value).toFixed(e.digits)})),o=function(n,i){if(Number.isNaN(+i))return 0;var o=Math.abs(i-n),r=i-n>0?1:-1,a=Math.ceil(o/30*Math.pow(10,e.digits))/Math.pow(10,e.digits),f=25/Math.ceil(o/a),d=1;!function e(){if(d<f)return t=requestAnimationFrame(e),void(d+=1);u.value+=a*r,(1===r?u.value<i:u.value>i)?(t=requestAnimationFrame(e),d=1):u.value=i}()};return n.watch((function(){return e.value}),(function(e,n){o(n,e)})),n.onMounted((function(){o(0,e.value)})),n.onBeforeUnmount((function(){cancelAnimationFrame(t)})),function(){return n.createVNode("span",null,[i.value])}}}),i=t.withInstall(u);e.default=i,Object.defineProperty(e,"__esModule",{value:!0})}));
1
+ !function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("../shared"),require("vue")):"function"==typeof define&&define.amd?define(["exports","../shared","vue"],n):n((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Shared,e.Vue)}(this,(function(e,n,t){"use strict";var u=t.defineComponent({name:"AnimateNumber",props:{value:n.PropTypes.number.def(0),digits:n.PropTypes.number.def(0)},setup:function(e){var n=-1,u=t.ref(0),i=t.computed((function(){return Number(u.value).toFixed(e.digits)})),o=function(t,i){if(Number.isNaN(+i))return 0;var o=Math.abs(i-t),r=i-t>0?1:-1,a=Math.ceil(o/30*Math.pow(10,e.digits))/Math.pow(10,e.digits),f=25/Math.ceil(o/a),d=1;!function e(){if(d<f)return n=requestAnimationFrame(e),void(d+=1);u.value+=a*r,(1===r?u.value<i:u.value>i)?(n=requestAnimationFrame(e),d=1):u.value=i}()};return t.watch((function(){return e.value}),(function(e,n){o(n,e)})),t.onMounted((function(){o(0,e.value)})),t.onBeforeUnmount((function(){cancelAnimationFrame(n)})),function(){return t.createVNode("span",null,[i.value])}}}),i=n.withInstall(u);e.default=i,Object.defineProperty(e,"__esModule",{value:!0})}));