bkui-vue 0.0.1-beta.366 → 0.0.1-beta.368

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 (52) hide show
  1. package/dist/index.cjs.js +51 -51
  2. package/dist/index.esm.js +136 -153
  3. package/dist/index.umd.js +50 -50
  4. package/lib/breadcrumb/breadcrumb.css +1 -1
  5. package/lib/breadcrumb/breadcrumb.variable.css +6 -6
  6. package/lib/card/card.css +1 -1
  7. package/lib/card/card.variable.css +5 -5
  8. package/lib/color-picker/index.js +1 -1
  9. package/lib/container/container.css +1 -1
  10. package/lib/container/container.variable.css +1 -1
  11. package/lib/date-picker/base/date-table.d.ts +1 -7
  12. package/lib/date-picker/base/time-spinner.d.ts +1 -3
  13. package/lib/date-picker/date-picker.less +75 -75
  14. package/lib/date-picker/index.js +1 -1
  15. package/lib/dialog/dialog.less +19 -20
  16. package/lib/dialog/dialog.variable.css +120 -0
  17. package/lib/dialog/index.js +1 -1
  18. package/lib/directives/index.js +1 -1
  19. package/lib/info-box/index.js +1 -1
  20. package/lib/info-box/info-box.less +10 -9
  21. package/lib/info-box/info-box.variable.css +120 -0
  22. package/lib/input/index.js +1 -1
  23. package/lib/input/input.css +1 -1
  24. package/lib/input/input.variable.css +60 -61
  25. package/lib/loading/loading.css +1 -1
  26. package/lib/loading/loading.variable.css +17 -17
  27. package/lib/menu/menu.css +1 -1
  28. package/lib/menu/menu.variable.css +19 -19
  29. package/lib/modal/index.js +1 -1
  30. package/lib/modal/modal.less +4 -3
  31. package/lib/modal/modal.variable.css +120 -0
  32. package/lib/progress/progress.css +1 -1
  33. package/lib/progress/progress.variable.css +5 -5
  34. package/lib/search-select/search-select.css +1 -1
  35. package/lib/search-select/search-select.variable.css +35 -35
  36. package/lib/select/index.js +1 -1
  37. package/lib/select/select.css +1 -2
  38. package/lib/select/select.less +34 -35
  39. package/lib/select/select.variable.css +1 -2
  40. package/lib/shared/helper.d.ts +9 -0
  41. package/lib/shared/index.js +1 -1
  42. package/lib/styles/mixins/mixins.css +1 -1
  43. package/lib/styles/mixins/mixins.variable.css +1 -1
  44. package/lib/styles/mixins/popper.css +1 -1
  45. package/lib/styles/mixins/popper.less +12 -11
  46. package/lib/styles/mixins/popper.variable.css +121 -1
  47. package/lib/switcher/switcher.css +1 -1
  48. package/lib/switcher/switcher.variable.css +18 -18
  49. package/lib/table/index.js +1 -1
  50. package/lib/upload/upload.css +1 -1
  51. package/lib/upload/upload.variable.css +28 -28
  52. package/package.json +1 -2
package/lib/date-picker/date-picker.less CHANGED
@@ -1,6 +1,6 @@
1
1
  @import '../styles/themes/themes.less';
2
2
 
3
- .bk-date-picker {
3
+ .@{bk-prefix}-date-picker {
4
4
  display: inline-block;
5
5
  width: 261px;
6
6
  line-height: normal;
@@ -18,10 +18,10 @@
18
18
  }
19
19
  }
20
20
 
21
- .bk-date-picker-rel {
21
+ .@{bk-prefix}-date-picker-rel {
22
22
  position: relative;
23
23
 
24
- .bk-date-picker-editor {
24
+ .@{bk-prefix}-date-picker-editor {
25
25
  display: block;
26
26
  width: 100%;
27
27
  height: 32px;
@@ -126,7 +126,7 @@
126
126
  }
127
127
  }
128
128
 
129
- .bk-date-picker-dropdown {
129
+ .@{bk-prefix}-date-picker-dropdown {
130
130
  position: absolute;
131
131
  z-index: 900;
132
132
  padding: 5px 0 0 0;
@@ -138,13 +138,13 @@
138
138
  box-sizing: border-box;
139
139
  }
140
140
 
141
- .bk-date-picker .bk-select-dropdown {
141
+ .@{bk-prefix}-date-picker .@{bk-prefix}-select-dropdown {
142
142
  max-height: none;
143
143
  padding: 0;
144
144
  overflow: visible;
145
145
  }
146
146
 
147
- .bk-date-picker-footer-wrapper {
147
+ .@{bk-prefix}-date-picker-footer-wrapper {
148
148
  clear: both;
149
149
  font-size: 14px;
150
150
  color: #979ba5;
@@ -152,20 +152,20 @@
152
152
  border-top: 1px solid #dcdee5;
153
153
  }
154
154
 
155
- .bk-date-picker-top-wrapper {
155
+ .@{bk-prefix}-date-picker-top-wrapper {
156
156
  margin-top: -5px;
157
157
  clear: both;
158
158
  font-size: 14px;
159
159
  color: #979ba5;
160
160
  }
161
161
 
162
- .bk-picker-panel-body-wrapper {
163
- &.bk-picker-panel-with-sidebar {
162
+ .@{bk-prefix}-picker-panel-body-wrapper {
163
+ &.@{bk-prefix}-picker-panel-with-sidebar {
164
164
  padding-right: 140px;
165
165
  }
166
166
  }
167
167
 
168
- .bk-picker-panel-sidebar {
168
+ .@{bk-prefix}-picker-panel-sidebar {
169
169
  position: absolute;
170
170
  top: 0;
171
171
  right: 0;
@@ -178,7 +178,7 @@
178
178
  background-color: #fafbfd;
179
179
  border-left: 1px solid #dcdee5;
180
180
 
181
- .bk-picker-panel-shortcut {
181
+ .@{bk-prefix}-picker-panel-shortcut {
182
182
  /* &:nth-of-type(1) {
183
183
  padding-top: 18px;
184
184
  }
@@ -196,7 +196,7 @@
196
196
  }
197
197
  }
198
198
 
199
- .bk-picker-panel-shortcuts {
199
+ .@{bk-prefix}-picker-panel-shortcuts {
200
200
  height: 100%;
201
201
  overflow: auto;
202
202
 
@@ -215,11 +215,11 @@
215
215
  }
216
216
  }
217
217
 
218
- .bk-picker-panel-body {
218
+ .@{bk-prefix}-picker-panel-body {
219
219
  float: left;
220
220
  }
221
221
 
222
- .bk-picker-confirm {
222
+ .@{bk-prefix}-picker-confirm {
223
223
  display: flex;
224
224
  height: 42px;
225
225
  padding: 0 20px;
@@ -245,7 +245,7 @@
245
245
  }
246
246
  }
247
247
 
248
- .bk-picker-confirm-time {
248
+ .@{bk-prefix}-picker-confirm-time {
249
249
  height: 100%;
250
250
  margin-right: auto;
251
251
  color: #979ba5;
@@ -255,12 +255,12 @@
255
255
  }
256
256
  }
257
257
 
258
- .bk-picker-confirm-action {
258
+ .@{bk-prefix}-picker-confirm-action {
259
259
  flex: 1;
260
260
  }
261
261
  }
262
262
 
263
- .bk-date-picker-header {
263
+ .@{bk-prefix}-date-picker-header {
264
264
  height: 46px;
265
265
  font-size: 14px;
266
266
  font-weight: 700;
@@ -269,7 +269,7 @@
269
269
  text-align: center;
270
270
  border-bottom: 1px solid #dcdee5;
271
271
 
272
- .bk-date-picker-header-label {
272
+ .@{bk-prefix}-date-picker-header-label {
273
273
  cursor: pointer;
274
274
 
275
275
  &:hover {
@@ -290,7 +290,7 @@
290
290
  }
291
291
 
292
292
 
293
- .bk-date-picker-cells {
293
+ .@{bk-prefix}-date-picker-cells {
294
294
  margin: 9px;
295
295
  font-size: 12px;
296
296
  color: #63656e;
@@ -315,7 +315,7 @@
315
315
  }
316
316
  }
317
317
 
318
- .bk-date-picker-cells-header {
318
+ .@{bk-prefix}-date-picker-cells-header {
319
319
  text-align: center;
320
320
 
321
321
  span {
@@ -330,55 +330,55 @@
330
330
  }
331
331
  }
332
332
 
333
- .bk-date-picker-cells-cell:hover em {
333
+ .@{bk-prefix}-date-picker-cells-cell:hover em {
334
334
  /* background-color: #e1ecff; */
335
335
  background-color: #f0f1f5;
336
336
  }
337
337
 
338
- .bk-date-picker-cells-focused em {
338
+ .@{bk-prefix}-date-picker-cells-focused em {
339
339
  color: #3a84ff;
340
340
  box-shadow: 0 0 0 1px #a3c5fd inset;
341
341
  }
342
342
 
343
- .bk-date-picker-cells-cell-prev-month em,
344
- .bk-date-picker-cells-cell-next-month em {
343
+ .@{bk-prefix}-date-picker-cells-cell-prev-month em,
344
+ .@{bk-prefix}-date-picker-cells-cell-next-month em {
345
345
  color: #c4c6cc;
346
346
  }
347
347
 
348
- .bk-date-picker-cells-cell-prev-month:hover em,
349
- .bk-date-picker-cells-cell-next-month:hover em {
348
+ .@{bk-prefix}-date-picker-cells-cell-prev-month:hover em,
349
+ .@{bk-prefix}-date-picker-cells-cell-next-month:hover em {
350
350
  background: transparent;
351
351
  }
352
352
 
353
- span.bk-date-picker-cells-cell-week-label,
354
- span.bk-date-picker-cells-cell-week-label:hover,
355
- span.bk-date-picker-cells-cell-disabled,
356
- span.bk-date-picker-cells-cell-disabled:hover {
353
+ span.@{bk-prefix}-date-picker-cells-cell-week-label,
354
+ span.@{bk-prefix}-date-picker-cells-cell-week-label:hover,
355
+ span.@{bk-prefix}-date-picker-cells-cell-disabled,
356
+ span.@{bk-prefix}-date-picker-cells-cell-disabled:hover {
357
357
  color: #c4c6cc;
358
358
  cursor: not-allowed;
359
359
  }
360
360
 
361
- span.bk-date-picker-cells-cell-week-label em,
362
- span.bk-date-picker-cells-cell-week-label:hover em,
363
- span.bk-date-picker-cells-cell-disabled em,
364
- span.bk-date-picker-cells-cell-disabled:hover em {
361
+ span.@{bk-prefix}-date-picker-cells-cell-week-label em,
362
+ span.@{bk-prefix}-date-picker-cells-cell-week-label:hover em,
363
+ span.@{bk-prefix}-date-picker-cells-cell-disabled em,
364
+ span.@{bk-prefix}-date-picker-cells-cell-disabled:hover em {
365
365
  color: inherit;
366
366
  cursor: not-allowed;
367
367
  background: inherit;
368
368
  }
369
369
 
370
- span.bk-date-picker-cells-cell-disabled,
371
- span.bk-date-picker-cells-cell-disabled:hover {
370
+ span.@{bk-prefix}-date-picker-cells-cell-disabled,
371
+ span.@{bk-prefix}-date-picker-cells-cell-disabled:hover {
372
372
  background-color: #f0f1f5;
373
373
  }
374
374
 
375
- .bk-date-picker-cells-cell-today em {
375
+ .@{bk-prefix}-date-picker-cells-cell-today em {
376
376
  position: relative;
377
377
  color: #3a84ff;
378
378
  box-shadow: 0 0 0 1px #a3c5fd inset;
379
379
  }
380
380
 
381
- .bk-date-picker-cells-cell-range {
381
+ .@{bk-prefix}-date-picker-cells-cell-range {
382
382
  position: relative;
383
383
 
384
384
  &:before {
@@ -400,29 +400,29 @@ span.bk-date-picker-cells-cell-disabled:hover {
400
400
  }
401
401
  }
402
402
 
403
- .bk-date-picker-cells-cell-selected em,
404
- .bk-date-picker-cells-cell-selected:hover em {
403
+ .@{bk-prefix}-date-picker-cells-cell-selected em,
404
+ .@{bk-prefix}-date-picker-cells-cell-selected:hover em {
405
405
  color: #fff;
406
406
  background-color: #3a84ff;
407
407
  box-shadow: 0 0 0 1px #3a84ff inset;
408
408
  }
409
409
 
410
- span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em {
410
+ span.@{bk-prefix}-date-picker-cells-cell-disabled.@{bk-prefix}-date-picker-cells-cell-selected em {
411
411
  color: #f7f7f7;
412
412
  background: #c4c6cc;
413
413
  }
414
414
 
415
- .bk-date-picker-cells-cell-today.bk-date-picker-cells-cell-selected em:after {
415
+ .@{bk-prefix}-date-picker-cells-cell-today.@{bk-prefix}-date-picker-cells-cell-selected em:after {
416
416
  background: #fff;
417
417
  }
418
418
 
419
- .bk-date-picker-cells-cell-today.bk-date-picker-cells-cell-selected em,
420
- .bk-date-picker-cells-cell-today.bk-date-picker-cells-cell-selected em:hover {
419
+ .@{bk-prefix}-date-picker-cells-cell-today.@{bk-prefix}-date-picker-cells-cell-selected em,
420
+ .@{bk-prefix}-date-picker-cells-cell-today.@{bk-prefix}-date-picker-cells-cell-selected em:hover {
421
421
  box-shadow: 0 0 0 1px #3a84ff inset;
422
422
  }
423
423
 
424
- .bk-date-picker-cells-year,
425
- .bk-date-picker-cells-month {
424
+ .@{bk-prefix}-date-picker-cells-year,
425
+ .@{bk-prefix}-date-picker-cells-month {
426
426
  margin-top: 7px;
427
427
 
428
428
  span {
@@ -442,7 +442,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em {
442
442
  }
443
443
  }
444
444
 
445
- .bk-picker-panel-icon-btn {
445
+ .@{bk-prefix}-picker-panel-icon-btn {
446
446
  display: inline-block;
447
447
  width: 20px;
448
448
  height: 46px;
@@ -453,106 +453,106 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em {
453
453
  transition: color .2s ease-in-out;
454
454
  }
455
455
 
456
- .bk-picker-panel-icon-btn:hover {
456
+ .@{bk-prefix}-picker-panel-icon-btn:hover {
457
457
  color: #2d8cf0;
458
458
  }
459
459
 
460
- .bk-picker-panel-icon-btn i {
460
+ .@{bk-prefix}-picker-panel-icon-btn i {
461
461
  font-size: 20px;
462
462
  }
463
463
 
464
- .bk-date-picker-prev-btn {
464
+ .@{bk-prefix}-date-picker-prev-btn {
465
465
  float: left;
466
466
  }
467
467
 
468
- .bk-date-picker-prev-btn-arrow-double {
468
+ .@{bk-prefix}-date-picker-prev-btn-arrow-double {
469
469
  margin-left: 10px;
470
470
  }
471
471
 
472
- .bk-date-picker-prev-btn-arrow-double i:after {
472
+ .@{bk-prefix}-date-picker-prev-btn-arrow-double i:after {
473
473
  margin-left: -8px;
474
474
  }
475
475
 
476
- .bk-date-picker-next-btn {
476
+ .@{bk-prefix}-date-picker-next-btn {
477
477
  float: right;
478
478
  }
479
479
 
480
- .bk-date-picker-next-btn-arrow-double {
480
+ .@{bk-prefix}-date-picker-next-btn-arrow-double {
481
481
  margin-right: 10px;
482
482
  }
483
483
 
484
- .bk-date-picker-next-btn-arrow-double i:after {
484
+ .@{bk-prefix}-date-picker-next-btn-arrow-double i:after {
485
485
  margin-left: -8px;
486
486
  }
487
487
 
488
- .bk-date-picker-with-range .bk-picker-panel-body {
488
+ .@{bk-prefix}-date-picker-with-range .@{bk-prefix}-picker-panel-body {
489
489
  min-width: 532px;
490
490
  }
491
491
 
492
- .bk-date-picker-with-range .bk-picker-panel-content {
492
+ .@{bk-prefix}-date-picker-with-range .@{bk-prefix}-picker-panel-content {
493
493
  float: left;
494
494
  }
495
495
 
496
- .bk-date-picker-with-range .bk-picker-cells-show-week-numbers {
496
+ .@{bk-prefix}-date-picker-with-range .@{bk-prefix}-picker-cells-show-week-numbers {
497
497
  min-width: 492px;
498
498
  }
499
499
 
500
- .bk-date-picker-transfer {
500
+ .@{bk-prefix}-date-picker-transfer {
501
501
  z-index: 1060;
502
502
  max-height: none;
503
503
  }
504
504
 
505
505
 
506
- .bk-fade-down-transition-enter-from,
507
- .bk-fade-down-transition-leave-to {
506
+ .@{bk-prefix}-fade-down-transition-enter-from,
507
+ .@{bk-prefix}-fade-down-transition-leave-to {
508
508
  opacity: 0;
509
509
  transform: translateY(-20px);
510
510
  }
511
511
 
512
- .bk-fade-down-transition-enter-to,
513
- .bk-fade-down-transition-leave-from {
512
+ .@{bk-prefix}-fade-down-transition-enter-to,
513
+ .@{bk-prefix}-fade-down-transition-leave-from {
514
514
  opacity: 1;
515
515
  transform: translateY(0);
516
516
  }
517
517
 
518
- .bk-fade-down-transition-enter-active {
518
+ .@{bk-prefix}-fade-down-transition-enter-active {
519
519
  transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
520
520
  }
521
521
 
522
- .bk-fade-down-transition-leave-active {
522
+ .@{bk-prefix}-fade-down-transition-leave-active {
523
523
  transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
524
524
  }
525
525
 
526
- // .bk-zoom-in-top-enter-active,
527
- // .bk-zoom-in-top-leave-active {
526
+ // .@{bk-prefix}-zoom-in-top-enter-active,
527
+ // .@{bk-prefix}-zoom-in-top-leave-active {
528
528
  // opacity: 1;
529
529
  // transform: scaleY(1);
530
530
  // transition: transform .3s cubic-bezier(.23, 1, .32, 1),opacity .3s cubic-bezier(.23, 1, .32, 1);
531
531
  // transform-origin: center top
532
532
  // }
533
533
 
534
- // .bk-zoom-in-top-enter-active[data-popper-placement^=top],
535
- // .bk-zoom-in-top-leave-active[data-popper-placement^=top] {
534
+ // .@{bk-prefix}-zoom-in-top-enter-active[data-popper-placement^=top],
535
+ // .@{bk-prefix}-zoom-in-top-leave-active[data-popper-placement^=top] {
536
536
  // transform-origin: center bottom
537
537
  // }
538
538
 
539
- // .bk-zoom-in-top-enter-from,
540
- // .bk-zoom-in-top-leave-active {
539
+ // .@{bk-prefix}-zoom-in-top-enter-from,
540
+ // .@{bk-prefix}-zoom-in-top-leave-active {
541
541
  // opacity: 0;
542
542
  // transform: scaleY(0)
543
543
  // }
544
544
 
545
545
 
546
- // .bk-zoom-in-bottom-enter-active,
547
- // .bk-zoom-in-bottom-leave-active {
546
+ // .@{bk-prefix}-zoom-in-bottom-enter-active,
547
+ // .@{bk-prefix}-zoom-in-bottom-leave-active {
548
548
  // opacity: 1;
549
549
  // transform: scaleY(1);
550
550
  // transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
551
551
  // transform-origin: center bottom;
552
552
  // }
553
553
 
554
- // .bk-zoom-in-bottom-enter-from,
555
- // .bk-zoom-in-bottom-leave-active {
554
+ // .@{bk-prefix}-zoom-in-bottom-enter-from,
555
+ // .@{bk-prefix}-zoom-in-bottom-leave-active {
556
556
  // opacity: 0;
557
557
  // transform: scaleY(0)
558
558
  // }