@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.
@@ -9772,6 +9772,10 @@ textarea {
9772
9772
  &-clear {
9773
9773
  opacity: 0;
9774
9774
  z-index: 1;
9775
+ top: 0;
9776
+ bottom: 0;
9777
+ display: flex;
9778
+ align-items: center;
9775
9779
  position: absolute;
9776
9780
  background: #fff;
9777
9781
  transition: opacity 0.15s ease;
@@ -9792,6 +9796,11 @@ textarea {
9792
9796
  text-overflow: ellipsis;
9793
9797
  right: 28px;
9794
9798
  left: 0;
9799
+ top: 0;
9800
+ bottom: 0;
9801
+ z-index: -1;
9802
+ display: flex;
9803
+ align-items: center;
9795
9804
  }
9796
9805
 
9797
9806
  &-borderless {
@@ -9946,6 +9955,8 @@ textarea {
9946
9955
 
9947
9956
  &-suffix {
9948
9957
  right: 0;
9958
+ top: 0;
9959
+ bottom: 0;
9949
9960
  position: absolute;
9950
9961
  display: flex;
9951
9962
  flex: 0;
@@ -9961,6 +9972,10 @@ textarea {
9961
9972
  right: 28px;
9962
9973
  left: 0;
9963
9974
  height: 100%;
9975
+ top: 0;
9976
+ bottom: 0;
9977
+ display: flex;
9978
+ align-items: center;
9964
9979
  &-input {
9965
9980
  outline: 0;
9966
9981
  border-radius: 0;
@@ -10015,9 +10030,6 @@ textarea {
10015
10030
  align-items: center;
10016
10031
  vertical-align: middle;
10017
10032
  max-width: 100%;
10018
- height: 20px;
10019
- line-height: 20px;
10020
- margin: 2px 8px 2px 0;
10021
10033
  cursor: default;
10022
10034
  user-select: none;
10023
10035
  &-small {
@@ -10184,6 +10196,11 @@ textarea {
10184
10196
  min-height: @height;
10185
10197
  max-height: calc(@maxHeight * 3 - 10px);
10186
10198
  font-size: @fontSize;
10199
+
10200
+ .@{select-prefix-cls}-selection-item {
10201
+ min-height: calc(@height - 4px);
10202
+ line-height: calc(@height - 4px);
10203
+ }
10187
10204
  }
10188
10205
 
10189
10206
  .over() {
@@ -10217,7 +10234,6 @@ textarea {
10217
10234
  }
10218
10235
  }
10219
10236
 
10220
-
10221
10237
  @keyframes SlideUpIn {
10222
10238
  0% {
10223
10239
  transform: scaleY(0.8);
@@ -10242,7 +10258,8 @@ textarea {
10242
10258
  transform-origin: 100% 100%;
10243
10259
  opacity: 0;
10244
10260
  }
10245
- }
10261
+ }
10262
+
10246
10263
 
10247
10264
 
10248
10265
  @select-custom-prefix: ~'--@{kd-prefix}-c-select';
package/dist/kdesign.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  *
3
- * @kdcloudjs/kdesign v1.7.27
3
+ * @kdcloudjs/kdesign v1.7.28
4
4
  *
5
5
  * Copyright 2020-present, Kingdee, Inc.
6
6
  * All rights reserved.
@@ -15129,6 +15129,14 @@ textarea {
15129
15129
  .kd-select-icon-clear {
15130
15130
  opacity: 0;
15131
15131
  z-index: 1;
15132
+ top: 0;
15133
+ bottom: 0;
15134
+ display: -webkit-box;
15135
+ display: -ms-flexbox;
15136
+ display: flex;
15137
+ -webkit-box-align: center;
15138
+ -ms-flex-align: center;
15139
+ align-items: center;
15132
15140
  position: absolute;
15133
15141
  background: #fff;
15134
15142
  -webkit-transition: opacity 0.15s ease;
@@ -15148,6 +15156,15 @@ textarea {
15148
15156
  text-overflow: ellipsis;
15149
15157
  right: 28px;
15150
15158
  left: 0;
15159
+ top: 0;
15160
+ bottom: 0;
15161
+ z-index: -1;
15162
+ display: -webkit-box;
15163
+ display: -ms-flexbox;
15164
+ display: flex;
15165
+ -webkit-box-align: center;
15166
+ -ms-flex-align: center;
15167
+ align-items: center;
15151
15168
  }
15152
15169
  .kd-select-borderless {
15153
15170
  border: none;
@@ -15282,18 +15299,32 @@ textarea {
15282
15299
  max-height: calc(var(--kd-c-select-sizing-height-small, 24px) * 3 - 10px);
15283
15300
  font-size: var(--kd-c-select-font-size-small, 12px);
15284
15301
  }
15302
+ .kd-select-size-small .kd-select-selection-item {
15303
+ min-height: calc(var(--kd-c-select-sizing-height-small, 24px) - 4px);
15304
+ line-height: calc(var(--kd-c-select-sizing-height-small, 24px) - 4px);
15305
+ }
15285
15306
  .kd-select-size-middle {
15286
15307
  min-height: var(--kd-c-select-sizing-height-middle, 30px);
15287
15308
  max-height: calc(var(--kd-c-select-sizing-height-middle, 30px) * 3 - 10px);
15288
15309
  font-size: var(--kd-c-select-font-size-middle, 14px);
15289
15310
  }
15311
+ .kd-select-size-middle .kd-select-selection-item {
15312
+ min-height: calc(var(--kd-c-select-sizing-height-middle, 30px) - 4px);
15313
+ line-height: calc(var(--kd-c-select-sizing-height-middle, 30px) - 4px);
15314
+ }
15290
15315
  .kd-select-size-large {
15291
15316
  min-height: var(--kd-c-select-sizing-height-large, 36px);
15292
15317
  max-height: calc(var(--kd-c-select-sizing-height-large, 36px) * 3 - 10px);
15293
15318
  font-size: var(--kd-c-select-font-size-large, 16px);
15294
15319
  }
15320
+ .kd-select-size-large .kd-select-selection-item {
15321
+ min-height: calc(var(--kd-c-select-sizing-height-large, 36px) - 4px);
15322
+ line-height: calc(var(--kd-c-select-sizing-height-large, 36px) - 4px);
15323
+ }
15295
15324
  .kd-select-suffix {
15296
15325
  right: 0;
15326
+ top: 0;
15327
+ bottom: 0;
15297
15328
  position: absolute;
15298
15329
  display: -webkit-box;
15299
15330
  display: -ms-flexbox;
@@ -15316,6 +15347,14 @@ textarea {
15316
15347
  right: 28px;
15317
15348
  left: 0;
15318
15349
  height: 100%;
15350
+ top: 0;
15351
+ bottom: 0;
15352
+ display: -webkit-box;
15353
+ display: -ms-flexbox;
15354
+ display: flex;
15355
+ -webkit-box-align: center;
15356
+ -ms-flex-align: center;
15357
+ align-items: center;
15319
15358
  }
15320
15359
  .kd-select .kd-select-single .kd-select-selection-search-input {
15321
15360
  outline: 0;
@@ -15374,9 +15413,6 @@ textarea {
15374
15413
  align-items: center;
15375
15414
  vertical-align: middle;
15376
15415
  max-width: 100%;
15377
- height: 20px;
15378
- line-height: 20px;
15379
- margin: 2px 8px 2px 0;
15380
15416
  cursor: default;
15381
15417
  -webkit-user-select: none;
15382
15418
  -moz-user-select: none;