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.
- package/dist/index.cjs.js +51 -51
- package/dist/index.esm.js +136 -153
- package/dist/index.umd.js +50 -50
- package/lib/breadcrumb/breadcrumb.css +1 -1
- package/lib/breadcrumb/breadcrumb.variable.css +6 -6
- package/lib/card/card.css +1 -1
- package/lib/card/card.variable.css +5 -5
- package/lib/color-picker/index.js +1 -1
- package/lib/container/container.css +1 -1
- package/lib/container/container.variable.css +1 -1
- package/lib/date-picker/base/date-table.d.ts +1 -7
- package/lib/date-picker/base/time-spinner.d.ts +1 -3
- package/lib/date-picker/date-picker.less +75 -75
- package/lib/date-picker/index.js +1 -1
- package/lib/dialog/dialog.less +19 -20
- package/lib/dialog/dialog.variable.css +120 -0
- package/lib/dialog/index.js +1 -1
- package/lib/directives/index.js +1 -1
- package/lib/info-box/index.js +1 -1
- package/lib/info-box/info-box.less +10 -9
- package/lib/info-box/info-box.variable.css +120 -0
- package/lib/input/index.js +1 -1
- package/lib/input/input.css +1 -1
- package/lib/input/input.variable.css +60 -61
- package/lib/loading/loading.css +1 -1
- package/lib/loading/loading.variable.css +17 -17
- package/lib/menu/menu.css +1 -1
- package/lib/menu/menu.variable.css +19 -19
- package/lib/modal/index.js +1 -1
- package/lib/modal/modal.less +4 -3
- package/lib/modal/modal.variable.css +120 -0
- package/lib/progress/progress.css +1 -1
- package/lib/progress/progress.variable.css +5 -5
- package/lib/search-select/search-select.css +1 -1
- package/lib/search-select/search-select.variable.css +35 -35
- package/lib/select/index.js +1 -1
- package/lib/select/select.css +1 -2
- package/lib/select/select.less +34 -35
- package/lib/select/select.variable.css +1 -2
- package/lib/shared/helper.d.ts +9 -0
- package/lib/shared/index.js +1 -1
- package/lib/styles/mixins/mixins.css +1 -1
- package/lib/styles/mixins/mixins.variable.css +1 -1
- package/lib/styles/mixins/popper.css +1 -1
- package/lib/styles/mixins/popper.less +12 -11
- package/lib/styles/mixins/popper.variable.css +121 -1
- package/lib/switcher/switcher.css +1 -1
- package/lib/switcher/switcher.variable.css +18 -18
- package/lib/table/index.js +1 -1
- package/lib/upload/upload.css +1 -1
- package/lib/upload/upload.variable.css +28 -28
- package/package.json +1 -2
@@ -1,6 +1,6 @@
|
|
1
1
|
@import '../styles/themes/themes.less';
|
2
2
|
|
3
|
-
|
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
|
-
|
21
|
+
.@{bk-prefix}-date-picker-rel {
|
22
22
|
position: relative;
|
23
23
|
|
24
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
163
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
218
|
+
.@{bk-prefix}-picker-panel-body {
|
219
219
|
float: left;
|
220
220
|
}
|
221
221
|
|
222
|
-
|
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
|
-
|
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
|
-
|
258
|
+
.@{bk-prefix}-picker-confirm-action {
|
259
259
|
flex: 1;
|
260
260
|
}
|
261
261
|
}
|
262
262
|
|
263
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
333
|
+
.@{bk-prefix}-date-picker-cells-cell:hover em {
|
334
334
|
/* background-color: #e1ecff; */
|
335
335
|
background-color: #f0f1f5;
|
336
336
|
}
|
337
337
|
|
338
|
-
|
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
|
-
|
344
|
-
|
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
|
-
|
349
|
-
|
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
|
354
|
-
span
|
355
|
-
span
|
356
|
-
span
|
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
|
362
|
-
span
|
363
|
-
span
|
364
|
-
span
|
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
|
371
|
-
span
|
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
|
-
|
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
|
-
|
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
|
-
|
404
|
-
|
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
|
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
|
-
|
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
|
-
|
420
|
-
|
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
|
-
|
425
|
-
|
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
|
-
|
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
|
-
|
456
|
+
.@{bk-prefix}-picker-panel-icon-btn:hover {
|
457
457
|
color: #2d8cf0;
|
458
458
|
}
|
459
459
|
|
460
|
-
|
460
|
+
.@{bk-prefix}-picker-panel-icon-btn i {
|
461
461
|
font-size: 20px;
|
462
462
|
}
|
463
463
|
|
464
|
-
|
464
|
+
.@{bk-prefix}-date-picker-prev-btn {
|
465
465
|
float: left;
|
466
466
|
}
|
467
467
|
|
468
|
-
|
468
|
+
.@{bk-prefix}-date-picker-prev-btn-arrow-double {
|
469
469
|
margin-left: 10px;
|
470
470
|
}
|
471
471
|
|
472
|
-
|
472
|
+
.@{bk-prefix}-date-picker-prev-btn-arrow-double i:after {
|
473
473
|
margin-left: -8px;
|
474
474
|
}
|
475
475
|
|
476
|
-
|
476
|
+
.@{bk-prefix}-date-picker-next-btn {
|
477
477
|
float: right;
|
478
478
|
}
|
479
479
|
|
480
|
-
|
480
|
+
.@{bk-prefix}-date-picker-next-btn-arrow-double {
|
481
481
|
margin-right: 10px;
|
482
482
|
}
|
483
483
|
|
484
|
-
|
484
|
+
.@{bk-prefix}-date-picker-next-btn-arrow-double i:after {
|
485
485
|
margin-left: -8px;
|
486
486
|
}
|
487
487
|
|
488
|
-
|
488
|
+
.@{bk-prefix}-date-picker-with-range .@{bk-prefix}-picker-panel-body {
|
489
489
|
min-width: 532px;
|
490
490
|
}
|
491
491
|
|
492
|
-
|
492
|
+
.@{bk-prefix}-date-picker-with-range .@{bk-prefix}-picker-panel-content {
|
493
493
|
float: left;
|
494
494
|
}
|
495
495
|
|
496
|
-
|
496
|
+
.@{bk-prefix}-date-picker-with-range .@{bk-prefix}-picker-cells-show-week-numbers {
|
497
497
|
min-width: 492px;
|
498
498
|
}
|
499
499
|
|
500
|
-
|
500
|
+
.@{bk-prefix}-date-picker-transfer {
|
501
501
|
z-index: 1060;
|
502
502
|
max-height: none;
|
503
503
|
}
|
504
504
|
|
505
505
|
|
506
|
-
|
507
|
-
|
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
|
-
|
513
|
-
|
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
|
-
|
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
|
-
|
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
|
-
//
|
527
|
-
//
|
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
|
-
//
|
535
|
-
//
|
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
|
-
//
|
540
|
-
//
|
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
|
-
//
|
547
|
-
//
|
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
|
-
//
|
555
|
-
//
|
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
|
// }
|