@kdcloudjs/kdesign 1.7.28 → 1.7.29
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/kdesign-complete.less +22 -5
- package/dist/kdesign.css +40 -4
- package/dist/kdesign.css.map +1 -1
- package/dist/kdesign.js +108 -89
- package/dist/kdesign.js.map +1 -1
- package/dist/kdesign.min.css +2 -2
- package/dist/kdesign.min.js +6 -6
- package/dist/kdesign.min.js.map +1 -1
- package/es/grid/col.d.ts +1 -1
- package/es/grid/col.js +46 -31
- package/es/grid/row.d.ts +9 -1
- package/es/grid/row.js +20 -15
- package/es/select/style/index.css +39 -3
- package/es/select/style/index.less +15 -3
- package/es/select/style/mixin.less +6 -2
- package/lib/grid/col.d.ts +1 -1
- package/lib/grid/col.js +48 -33
- package/lib/grid/row.d.ts +9 -1
- package/lib/grid/row.js +24 -18
- package/lib/select/style/index.css +39 -3
- package/lib/select/style/index.less +15 -3
- package/lib/select/style/mixin.less +6 -2
- package/package.json +1 -1
|
@@ -280,6 +280,14 @@
|
|
|
280
280
|
.kd-select-icon-clear {
|
|
281
281
|
opacity: 0;
|
|
282
282
|
z-index: 1;
|
|
283
|
+
top: 0;
|
|
284
|
+
bottom: 0;
|
|
285
|
+
display: -webkit-box;
|
|
286
|
+
display: -ms-flexbox;
|
|
287
|
+
display: flex;
|
|
288
|
+
-webkit-box-align: center;
|
|
289
|
+
-ms-flex-align: center;
|
|
290
|
+
align-items: center;
|
|
283
291
|
position: absolute;
|
|
284
292
|
background: #fff;
|
|
285
293
|
-webkit-transition: opacity 0.15s ease;
|
|
@@ -299,6 +307,15 @@
|
|
|
299
307
|
text-overflow: ellipsis;
|
|
300
308
|
right: 28px;
|
|
301
309
|
left: 0;
|
|
310
|
+
top: 0;
|
|
311
|
+
bottom: 0;
|
|
312
|
+
z-index: -1;
|
|
313
|
+
display: -webkit-box;
|
|
314
|
+
display: -ms-flexbox;
|
|
315
|
+
display: flex;
|
|
316
|
+
-webkit-box-align: center;
|
|
317
|
+
-ms-flex-align: center;
|
|
318
|
+
align-items: center;
|
|
302
319
|
}
|
|
303
320
|
.kd-select-borderless {
|
|
304
321
|
border: none;
|
|
@@ -433,18 +450,32 @@
|
|
|
433
450
|
max-height: calc(var(--kd-c-select-sizing-height-small, 24px) * 3 - 10px);
|
|
434
451
|
font-size: var(--kd-c-select-font-size-small, 12px);
|
|
435
452
|
}
|
|
453
|
+
.kd-select-size-small .kd-select-selection-item {
|
|
454
|
+
min-height: calc(var(--kd-c-select-sizing-height-small, 24px) - 4px);
|
|
455
|
+
line-height: calc(var(--kd-c-select-sizing-height-small, 24px) - 4px);
|
|
456
|
+
}
|
|
436
457
|
.kd-select-size-middle {
|
|
437
458
|
min-height: var(--kd-c-select-sizing-height-middle, 30px);
|
|
438
459
|
max-height: calc(var(--kd-c-select-sizing-height-middle, 30px) * 3 - 10px);
|
|
439
460
|
font-size: var(--kd-c-select-font-size-middle, 14px);
|
|
440
461
|
}
|
|
462
|
+
.kd-select-size-middle .kd-select-selection-item {
|
|
463
|
+
min-height: calc(var(--kd-c-select-sizing-height-middle, 30px) - 4px);
|
|
464
|
+
line-height: calc(var(--kd-c-select-sizing-height-middle, 30px) - 4px);
|
|
465
|
+
}
|
|
441
466
|
.kd-select-size-large {
|
|
442
467
|
min-height: var(--kd-c-select-sizing-height-large, 36px);
|
|
443
468
|
max-height: calc(var(--kd-c-select-sizing-height-large, 36px) * 3 - 10px);
|
|
444
469
|
font-size: var(--kd-c-select-font-size-large, 16px);
|
|
445
470
|
}
|
|
471
|
+
.kd-select-size-large .kd-select-selection-item {
|
|
472
|
+
min-height: calc(var(--kd-c-select-sizing-height-large, 36px) - 4px);
|
|
473
|
+
line-height: calc(var(--kd-c-select-sizing-height-large, 36px) - 4px);
|
|
474
|
+
}
|
|
446
475
|
.kd-select-suffix {
|
|
447
476
|
right: 0;
|
|
477
|
+
top: 0;
|
|
478
|
+
bottom: 0;
|
|
448
479
|
position: absolute;
|
|
449
480
|
display: -webkit-box;
|
|
450
481
|
display: -ms-flexbox;
|
|
@@ -467,6 +498,14 @@
|
|
|
467
498
|
right: 28px;
|
|
468
499
|
left: 0;
|
|
469
500
|
height: 100%;
|
|
501
|
+
top: 0;
|
|
502
|
+
bottom: 0;
|
|
503
|
+
display: -webkit-box;
|
|
504
|
+
display: -ms-flexbox;
|
|
505
|
+
display: flex;
|
|
506
|
+
-webkit-box-align: center;
|
|
507
|
+
-ms-flex-align: center;
|
|
508
|
+
align-items: center;
|
|
470
509
|
}
|
|
471
510
|
.kd-select .kd-select-single .kd-select-selection-search-input {
|
|
472
511
|
outline: 0;
|
|
@@ -525,9 +564,6 @@
|
|
|
525
564
|
align-items: center;
|
|
526
565
|
vertical-align: middle;
|
|
527
566
|
max-width: 100%;
|
|
528
|
-
height: 20px;
|
|
529
|
-
line-height: 20px;
|
|
530
|
-
margin: 2px 8px 2px 0;
|
|
531
567
|
cursor: default;
|
|
532
568
|
-webkit-user-select: none;
|
|
533
569
|
-moz-user-select: none;
|
|
@@ -46,6 +46,10 @@
|
|
|
46
46
|
&-clear {
|
|
47
47
|
opacity: 0;
|
|
48
48
|
z-index: 1;
|
|
49
|
+
top: 0;
|
|
50
|
+
bottom: 0;
|
|
51
|
+
display: flex;
|
|
52
|
+
align-items: center;
|
|
49
53
|
position: absolute;
|
|
50
54
|
background: #fff;
|
|
51
55
|
transition: opacity 0.15s ease;
|
|
@@ -66,6 +70,11 @@
|
|
|
66
70
|
text-overflow: ellipsis;
|
|
67
71
|
right: 28px;
|
|
68
72
|
left: 0;
|
|
73
|
+
top: 0;
|
|
74
|
+
bottom: 0;
|
|
75
|
+
z-index: -1;
|
|
76
|
+
display: flex;
|
|
77
|
+
align-items: center;
|
|
69
78
|
}
|
|
70
79
|
|
|
71
80
|
&-borderless {
|
|
@@ -220,6 +229,8 @@
|
|
|
220
229
|
|
|
221
230
|
&-suffix {
|
|
222
231
|
right: 0;
|
|
232
|
+
top: 0;
|
|
233
|
+
bottom: 0;
|
|
223
234
|
position: absolute;
|
|
224
235
|
display: flex;
|
|
225
236
|
flex: 0;
|
|
@@ -235,6 +246,10 @@
|
|
|
235
246
|
right: 28px;
|
|
236
247
|
left: 0;
|
|
237
248
|
height: 100%;
|
|
249
|
+
top: 0;
|
|
250
|
+
bottom: 0;
|
|
251
|
+
display: flex;
|
|
252
|
+
align-items: center;
|
|
238
253
|
&-input {
|
|
239
254
|
outline: 0;
|
|
240
255
|
border-radius: 0;
|
|
@@ -289,9 +304,6 @@
|
|
|
289
304
|
align-items: center;
|
|
290
305
|
vertical-align: middle;
|
|
291
306
|
max-width: 100%;
|
|
292
|
-
height: 20px;
|
|
293
|
-
line-height: 20px;
|
|
294
|
-
margin: 2px 8px 2px 0;
|
|
295
307
|
cursor: default;
|
|
296
308
|
user-select: none;
|
|
297
309
|
&-small {
|
|
@@ -19,6 +19,11 @@
|
|
|
19
19
|
min-height: @height;
|
|
20
20
|
max-height: calc(@maxHeight * 3 - 10px);
|
|
21
21
|
font-size: @fontSize;
|
|
22
|
+
|
|
23
|
+
.@{select-prefix-cls}-selection-item {
|
|
24
|
+
min-height: calc(@height - 4px);
|
|
25
|
+
line-height: calc(@height - 4px);
|
|
26
|
+
}
|
|
22
27
|
}
|
|
23
28
|
|
|
24
29
|
.over() {
|
|
@@ -52,7 +57,6 @@
|
|
|
52
57
|
}
|
|
53
58
|
}
|
|
54
59
|
|
|
55
|
-
|
|
56
60
|
@keyframes SlideUpIn {
|
|
57
61
|
0% {
|
|
58
62
|
transform: scaleY(0.8);
|
|
@@ -77,4 +81,4 @@
|
|
|
77
81
|
transform-origin: 100% 100%;
|
|
78
82
|
opacity: 0;
|
|
79
83
|
}
|
|
80
|
-
}
|
|
84
|
+
}
|