bk-magic-vue 2.4.13 → 2.4.14

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 (45) hide show
  1. package/dist/bk-magic-vue.css +68 -20
  2. package/dist/bk-magic-vue.js +76 -18
  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/card.js +215 -16
  10. package/lib/date-picker.js +37 -7
  11. package/lib/directives/tooltips.js +1 -0
  12. package/lib/form-item.js +1 -0
  13. package/lib/locale/lang/en-US.js +2 -1
  14. package/lib/locale/lang/zh-CN.js +2 -1
  15. package/lib/popconfirm.js +0 -4
  16. package/lib/slider.js +1 -0
  17. package/lib/table.js +26 -2
  18. package/lib/tag-input.js +1 -0
  19. package/lib/time-picker.js +37 -7
  20. package/lib/ui/bk-magic-vue.css +68 -20
  21. package/lib/ui/bk-magic-vue.min.css +1 -1
  22. package/lib/ui/bk-magic-vue.min.css.gz +0 -0
  23. package/lib/ui/bk-magic-vue.min.css.map +1 -1
  24. package/lib/ui/dialog.css +2 -2
  25. package/lib/ui/dialog.min.css +1 -1
  26. package/lib/ui/dialog.min.css.map +1 -1
  27. package/lib/ui/dropdown-menu.css +15 -12
  28. package/lib/ui/dropdown-menu.min.css +1 -1
  29. package/lib/ui/dropdown-menu.min.css.map +1 -1
  30. package/lib/ui/info-box.css +2 -2
  31. package/lib/ui/info-box.min.css +1 -1
  32. package/lib/ui/info-box.min.css.map +1 -1
  33. package/lib/ui/popconfirm.css +4 -4
  34. package/lib/ui/popconfirm.min.css +1 -1
  35. package/lib/ui/popconfirm.min.css.map +1 -1
  36. package/lib/ui/sideslider.css +1 -2
  37. package/lib/ui/sideslider.min.css +1 -1
  38. package/lib/ui/sideslider.min.css.map +1 -1
  39. package/lib/ui/table.css +29 -1
  40. package/lib/ui/table.min.css +1 -1
  41. package/lib/ui/table.min.css.map +1 -1
  42. package/lib/ui/time-picker.css +29 -2
  43. package/lib/ui/time-picker.min.css +1 -1
  44. package/lib/ui/time-picker.min.css.map +1 -1
  45. package/package.json +1 -1
@@ -4377,7 +4377,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
4377
4377
  .bk-dialog-wrapper .bk-dialog-tool{
4378
4378
  min-height:30px;
4379
4379
  position:relative;
4380
-
4380
+
4381
4381
  }
4382
4382
  .bk-dialog-wrapper .bk-dialog-header{
4383
4383
  padding:3px 24px 24px 24px;
@@ -4389,7 +4389,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
4389
4389
  display:inline-block;
4390
4390
  width:100%;
4391
4391
  font-size:20px;
4392
- color:#63656e;
4392
+ color:#313238;
4393
4393
  overflow:hidden;
4394
4394
  text-overflow:ellipsis;
4395
4395
  white-space:nowrap;
@@ -5220,16 +5220,21 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
5220
5220
  .bk-diff.format-side-by-side tbody.d2h-diff-tbody tr:last-child{
5221
5221
  display:none;
5222
5222
  }
5223
- :root{
5224
- --font-size:12px;
5223
+ .bk-dropdown-menu{
5224
+ --font-size:12px
5225
5225
  }
5226
- :root .medium-font{
5226
+ .bk-dropdown-menu.medium-font{
5227
5227
  --font-size:14px;
5228
5228
  }
5229
- :root .large-font{
5229
+ .bk-dropdown-menu.large-font{
5230
5230
  --font-size:16px;
5231
5231
  }
5232
+ .bk-dropdown-menu.medium-font .bk-dropdown-list > li > a, .bk-dropdown-menu.large-font .bk-dropdown-list > li > a{
5233
+ height:36px;
5234
+ line-height:37px;
5235
+ }
5232
5236
  .bk-dropdown-menu{
5237
+
5233
5238
  display:inline-block;
5234
5239
  position:relative
5235
5240
  }
@@ -5259,7 +5264,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
5259
5264
  }
5260
5265
  .bk-dropdown-menu .bk-dropdown-content{
5261
5266
  background:#fff;
5262
- padding:5px 0;
5267
+ padding:4px 0;
5263
5268
  margin:0;
5264
5269
  z-index:2500;
5265
5270
  border-radius:2px;
@@ -5269,20 +5274,20 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
5269
5274
  -webkit-transition:visibility 0s, max-height 200ms linear;
5270
5275
  transition:visibility 0s, max-height 200ms linear;
5271
5276
  visibility:hidden;
5272
- -webkit-box-shadow:0 2px 6px rgba(51,60,72,0.1);
5273
- box-shadow:0 2px 6px rgba(51,60,72,0.1);
5277
+ -webkit-box-shadow:0 2px 6px rgba(51, 60, 72, 0.1);
5278
+ box-shadow:0 2px 6px rgba(51, 60, 72, 0.1);
5274
5279
  text-align:left;
5275
5280
  display:inline-block;
5276
5281
  overflow-x:hidden
5277
5282
  }
5278
5283
  .bk-dropdown-menu .bk-dropdown-content::-webkit-scrollbar{
5279
5284
  width:4px;
5280
- background-color:rgb(199, 206, 209);
5285
+ background-color:#e6e9ea;
5281
5286
  }
5282
5287
  .bk-dropdown-menu .bk-dropdown-content::-webkit-scrollbar-thumb{
5283
5288
  height:5px;
5284
5289
  border-radius:2px;
5285
- background-color:#e6e9ea;
5290
+ background-color:rgb(199, 206, 209);
5286
5291
  }
5287
5292
  .bk-dropdown-menu .bk-dropdown-content.is-show{
5288
5293
  visibility:visible;
@@ -9065,8 +9070,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
9065
9070
  line-height:60px;
9066
9071
  border-bottom:1px solid #DCDEE5;
9067
9072
  font-size:16px;
9068
- font-weight:bold;
9069
- color:#666;
9073
+ color:#313238;
9070
9074
  }
9071
9075
  .bk-sideslider-content{
9072
9076
  overflow:auto;
@@ -10335,9 +10339,27 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
10335
10339
  width:100%;
10336
10340
  height:1px;
10337
10341
  content:'';
10338
- background-color:#dfe0e5;
10342
+ background-color:transparent;
10339
10343
  z-index:1;
10340
10344
  }
10345
+ .bk-table.bk-table-dark-header th{
10346
+ background-color:#f0f1f5;
10347
+ }
10348
+ .bk-table.bk-table-dark-header th :hover{
10349
+ background-color:#eaebf0
10350
+ }
10351
+ .bk-table.bk-table-custom-header{
10352
+ --customHeaderColor:#000;
10353
+ }
10354
+ .bk-table.bk-table-custom-header th{
10355
+ background-color:var(--customHeaderColor);
10356
+ }
10357
+ .bk-table.bk-table-custom-header-hover{
10358
+ --customHeaderColorHover:#fff;
10359
+ }
10360
+ .bk-table.bk-table-custom-header-hover th .cell:hover{
10361
+ background-color:var(--customHeaderColorHover)
10362
+ }
10341
10363
  .bk-table thead{
10342
10364
  color:#63656e;
10343
10365
  font-weight:bold
@@ -10558,6 +10580,9 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
10558
10580
  border:1px solid #dfe0e5;
10559
10581
  border-radius:2px
10560
10582
  }
10583
+ .bk-table-group:before, .bk-table-border:before, .bk-table-outer-border:before{
10584
+ background-color:#dfe0e5;
10585
+ }
10561
10586
  .bk-table-group:after, .bk-table-border:after, .bk-table-outer-border:after{
10562
10587
  position:absolute;
10563
10588
  top:0;
@@ -11382,6 +11407,21 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
11382
11407
  .bk-selector-list .bk-selector-list-item .bk-selector-tools .bk-selector-list-icon{
11383
11408
  margin-right:14px;
11384
11409
  }
11410
+ .bk-time-picker-now{
11411
+ border-top:1px solid #dcdee5;
11412
+ text-align:right;
11413
+ clear:both;
11414
+ background-color:#fafbfd;
11415
+ height:42px;
11416
+ line-height:41px;
11417
+ font-size:13px;
11418
+ padding:0 20px;
11419
+ text-align:center;
11420
+ }
11421
+ .bk-time-picker-now a{
11422
+ color:#3a84ff;
11423
+ text-decoration:none;
11424
+ }
11385
11425
  .bk-time-picker-cells{
11386
11426
  }
11387
11427
  .bk-time-picker-cells:after{
@@ -11396,7 +11436,7 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
11396
11436
  box-sizing:border-box;
11397
11437
  padding-top:6px;
11398
11438
  text-align:left;
11399
- background-color:rgba(58,132,255,.16);
11439
+ background-color:#e1ecff;
11400
11440
  mix-blend-mode:multiply;
11401
11441
  color:#3a84ff;
11402
11442
  pointer-events:none;
@@ -11517,7 +11557,7 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
11517
11557
  position:relative
11518
11558
  }
11519
11559
  .bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell:hover{
11520
- color:#3a84ff;
11560
+ background-color:#f0f1f5;
11521
11561
  }
11522
11562
  .bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell-disabled{
11523
11563
  color:#c4c6cc;
@@ -11532,6 +11572,9 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
11532
11572
  .bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell-selected:hover{
11533
11573
  color:#3a84ff;
11534
11574
  }
11575
+ .bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell-selected{
11576
+ font-weight:700;
11577
+ }
11535
11578
  .bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell-focused{
11536
11579
  }
11537
11580
  .bk-time-picker-header{
@@ -11543,6 +11586,11 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
11543
11586
  font-weight:700;
11544
11587
  color:#63656e;
11545
11588
  }
11589
+ .bk-time-picker-header .now-time{
11590
+ font-weight:400;
11591
+ cursor:pointer;
11592
+ margin-left:3px;
11593
+ }
11546
11594
  .bk-time-picker-with-range .bk-picker-panel-body{
11547
11595
  }
11548
11596
  .bk-time-picker-with-range .bk-picker-panel-content{
@@ -14303,7 +14351,7 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
14303
14351
  .bk-popconfirm-content .popconfirm-split{
14304
14352
  display:inline-block;
14305
14353
  position:absolute;
14306
- top:13px;
14354
+ top:9px;
14307
14355
  background-color:#dcdee5;
14308
14356
  width:1px;
14309
14357
  height:12px;
@@ -14313,7 +14361,7 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
14313
14361
  padding:10px;
14314
14362
  }
14315
14363
  .bk-popconfirm-content.popconfirm-more .popconfirm-content .title{
14316
- font-size:16px;
14364
+ font-size:14px;
14317
14365
  color:#313238;
14318
14366
  padding-bottom:10px;
14319
14367
  }
@@ -14325,7 +14373,7 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
14325
14373
  }
14326
14374
  .bk-popconfirm-content.popconfirm-more .popconfirm-content .is-simple.content{
14327
14375
  font-size:14px;
14328
- line-height:24px;
14376
+ line-height:22px;
14329
14377
  }
14330
14378
  .bk-popconfirm-content.popconfirm-more .popconfirm-operate{
14331
14379
  text-align:right;
@@ -14357,7 +14405,7 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
14357
14405
  background-color:#699df4;
14358
14406
  border-color:#699df4;
14359
14407
  }
14360
- .bk-popconfirm-content .popconfirm-operate .default-operate-button{
14408
+ .bk-popconfirm-content .popconfirm-operate .default-operate-button[type="button"]{
14361
14409
  height:26px;
14362
14410
  padding:0 16px;
14363
14411
  }