@kdcloudjs/kdesign 1.7.28 → 1.7.30

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/CHANGELOG.md CHANGED
@@ -1,3 +1,33 @@
1
+ ## [1.7.29](https://github.com/kdcloudone/kdesign/compare/v1.7.28...v1.7.29) (2023-09-25)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * [grid] 修复单测报错 ([e4f6322](https://github.com/kdcloudone/kdesign/commit/e4f6322371e95d68a090c2b3805255cdb05542b1))
7
+ * [grid] 修复ie11下间距失效的问题 fix [#604](https://github.com/kdcloudone/kdesign/issues/604) ([5cd3146](https://github.com/kdcloudone/kdesign/commit/5cd31468d48d9402c51535efb3e14506752733a8))
8
+ * [select] 修复在ie浏览器上出现多余滚动条问题 fix [#598](https://github.com/kdcloudone/kdesign/issues/598) ([16508b9](https://github.com/kdcloudone/kdesign/commit/16508b92a4678a209a9a3f7ca405e19aaf80edb1))
9
+
10
+
11
+
12
+ ## [1.7.28](https://github.com/kdcloudone/kdesign/compare/v1.7.27...v1.7.28) (2023-09-21)
13
+
14
+
15
+ ### Bug Fixes
16
+
17
+ * [city-picker] 修复在ie浏览器出现滚动条问题 fix [#593](https://github.com/kdcloudone/kdesign/issues/593) ([020d479](https://github.com/kdcloudone/kdesign/commit/020d4793a5586782b75cd68435d124f2ad3cf24d))
18
+ * [city-picker] 修复选中项后回填值显示异常问题 fix [#596](https://github.com/kdcloudone/kdesign/issues/596) ([fb93bd7](https://github.com/kdcloudone/kdesign/commit/fb93bd73d916c1a83a9f1024046554797a86bb45))
19
+ * [cli] 修复编译全局less变量后的显示问题 ([bc1a84e](https://github.com/kdcloudone/kdesign/commit/bc1a84ea3e30043e87ee2198970a6cecd63112ae))
20
+ * [create-component] 修复新建组件脚本生成 config-provider 默认参数的 BUG fix: [#586](https://github.com/kdcloudone/kdesign/issues/586) ([27be6ed](https://github.com/kdcloudone/kdesign/commit/27be6edfd05cea0285b54254382bf50dddc0aa74))
21
+ * [grid] 修复ie11竖向间距消失的问题 ([063d0f7](https://github.com/kdcloudone/kdesign/commit/063d0f7364009d935c33e1d29dd24d2f8a56fa54))
22
+ * [select] 修复在ie浏览器中使用选择器组件浏览器直接崩溃问题 fix [#579](https://github.com/kdcloudone/kdesign/issues/579) ([2787307](https://github.com/kdcloudone/kdesign/commit/278730767a2a1376404cfcc64c8023c210693329))
23
+
24
+
25
+ ### Features
26
+
27
+ * [city-picker] 新增支持受控时传入value为城市数据 fix [#594](https://github.com/kdcloudone/kdesign/issues/594) ([8731e30](https://github.com/kdcloudone/kdesign/commit/8731e3007cc29ee1c77b43b7a56ebba01c261a74))
28
+
29
+
30
+
1
31
  ## [1.7.27](https://github.com/kdcloudone/kdesign/compare/v1.7.26...v1.7.27) (2023-09-15)
2
32
 
3
33
 
@@ -2573,6 +2573,7 @@
2573
2573
  top: 0;
2574
2574
  background: #fff;
2575
2575
  transition: opacity 0.15s ease;
2576
+ font-size: @city-picker-clear-font-size;
2576
2577
  &:hover {
2577
2578
  color: @city-picker-g-color-border-hover;
2578
2579
  }
@@ -2809,7 +2810,7 @@
2809
2810
  &-focused {
2810
2811
  .focusColor();
2811
2812
 
2812
- .@{city-picker-prefix-cls}-content-item {
2813
+ .@{city-picker-prefix-cls}-content-item:not(.@{city-picker-prefix-cls}-content-item-seleted) {
2813
2814
  color: @city-picker-placeholder-color;
2814
2815
  }
2815
2816
  }
@@ -2915,8 +2916,8 @@
2915
2916
  @city-picker-color-background-disabled: var(~'@{city-picker-custom-prefix}-color-background-disabled', #fff);
2916
2917
  @city-picker-color-text-disabled: var(~'@{city-picker-custom-prefix}-color-text-disabled', @color-disabled);
2917
2918
  @city-picker-arrow-icon-color-text-disabled: var(~'@{city-picker-custom-prefix}-arrow-icon-color-text-disabled', #b2b2b2);
2918
- @city-picker-clear-color: var(~'@{city-picker-custom-prefix}-icon-clear-color-text', #d9d9d9);
2919
- @city-picker-clear-color-hover: var(~'@{city-picker-custom-prefix}-icon-clear-color-text-hover', #999);
2919
+ @city-picker-clear-color: var(~'@{city-picker-custom-prefix}-icon-clear-color-text', #666666);
2920
+ @city-picker-clear-color-hover: var(~'@{city-picker-custom-prefix}-icon-clear-color-text-hover', @color-theme);
2920
2921
  @city-picker-list-item-color-selected: var(~'@{city-picker-custom-prefix}-list-item-color-text-selected', @color-theme);
2921
2922
  @city-picker-highlight-color: var(~'@{city-picker-custom-prefix}-highlight-color-text', @color-theme);
2922
2923
 
@@ -2925,6 +2926,7 @@
2925
2926
  @city-picker-large-font-size: var(~'@{city-picker-custom-prefix}-font-size-large', 16px); // 大号字体
2926
2927
  @city-picker-middle-font-size: var(~'@{city-picker-custom-prefix}-font-size-middle', 14px); // 中号高度
2927
2928
  @city-picker-small-font-size: var(~'@{city-picker-custom-prefix}-font-size-small', 12px); // 小号高度
2929
+ @city-picker-clear-font-size: var(~'@{city-picker-custom-prefix}-icon-clear-font-size', 16px);
2928
2930
 
2929
2931
  // line-height
2930
2932
  @city-picker-dropdown-line-height: var(~'@{city-picker-custom-prefix}-dropdown-line-height', 22px);
@@ -9772,6 +9774,10 @@ textarea {
9772
9774
  &-clear {
9773
9775
  opacity: 0;
9774
9776
  z-index: 1;
9777
+ top: 0;
9778
+ bottom: 0;
9779
+ display: flex;
9780
+ align-items: center;
9775
9781
  position: absolute;
9776
9782
  background: #fff;
9777
9783
  transition: opacity 0.15s ease;
@@ -9792,6 +9798,11 @@ textarea {
9792
9798
  text-overflow: ellipsis;
9793
9799
  right: 28px;
9794
9800
  left: 0;
9801
+ top: 0;
9802
+ bottom: 0;
9803
+ z-index: -1;
9804
+ display: flex;
9805
+ align-items: center;
9795
9806
  }
9796
9807
 
9797
9808
  &-borderless {
@@ -9946,6 +9957,8 @@ textarea {
9946
9957
 
9947
9958
  &-suffix {
9948
9959
  right: 0;
9960
+ top: 0;
9961
+ bottom: 0;
9949
9962
  position: absolute;
9950
9963
  display: flex;
9951
9964
  flex: 0;
@@ -9961,6 +9974,10 @@ textarea {
9961
9974
  right: 28px;
9962
9975
  left: 0;
9963
9976
  height: 100%;
9977
+ top: 0;
9978
+ bottom: 0;
9979
+ display: flex;
9980
+ align-items: center;
9964
9981
  &-input {
9965
9982
  outline: 0;
9966
9983
  border-radius: 0;
@@ -10015,9 +10032,6 @@ textarea {
10015
10032
  align-items: center;
10016
10033
  vertical-align: middle;
10017
10034
  max-width: 100%;
10018
- height: 20px;
10019
- line-height: 20px;
10020
- margin: 2px 8px 2px 0;
10021
10035
  cursor: default;
10022
10036
  user-select: none;
10023
10037
  &-small {
@@ -10184,6 +10198,11 @@ textarea {
10184
10198
  min-height: @height;
10185
10199
  max-height: calc(@maxHeight * 3 - 10px);
10186
10200
  font-size: @fontSize;
10201
+
10202
+ .@{select-prefix-cls}-selection-item {
10203
+ min-height: calc(@height - 4px);
10204
+ line-height: calc(@height - 4px);
10205
+ }
10187
10206
  }
10188
10207
 
10189
10208
  .over() {
@@ -10217,7 +10236,6 @@ textarea {
10217
10236
  }
10218
10237
  }
10219
10238
 
10220
-
10221
10239
  @keyframes SlideUpIn {
10222
10240
  0% {
10223
10241
  transform: scaleY(0.8);
@@ -10242,7 +10260,8 @@ textarea {
10242
10260
  transform-origin: 100% 100%;
10243
10261
  opacity: 0;
10244
10262
  }
10245
- }
10263
+ }
10264
+
10246
10265
 
10247
10266
 
10248
10267
  @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.29
4
4
  *
5
5
  * Copyright 2020-present, Kingdee, Inc.
6
6
  * All rights reserved.
@@ -5449,6 +5449,7 @@ template {
5449
5449
  background: #fff;
5450
5450
  -webkit-transition: opacity 0.15s ease;
5451
5451
  transition: opacity 0.15s ease;
5452
+ font-size: var(--kd-c-city-picker-icon-clear-font-size, 16px);
5452
5453
  }
5453
5454
  .kd-city-picker-icon-clear:hover {
5454
5455
  color: var(--kd-c-city-picker-color-border-hover, var(--kd-g-color-theme, #5582f3));
@@ -5518,10 +5519,10 @@ template {
5518
5519
  opacity: 1;
5519
5520
  }
5520
5521
  .kd-city-picker-wrapper .kd-city-picker-icon-clear {
5521
- color: var(--kd-c-city-picker-icon-clear-color-text, #d9d9d9);
5522
+ color: var(--kd-c-city-picker-icon-clear-color-text, #666666);
5522
5523
  }
5523
5524
  .kd-city-picker-wrapper .kd-city-picker-icon-clear:hover {
5524
- color: var(--kd-c-city-picker-icon-clear-color-text-hover, #999);
5525
+ color: var(--kd-c-city-picker-icon-clear-color-text-hover, var(--kd-g-color-theme, #5582f3));
5525
5526
  }
5526
5527
  .kd-city-picker-show-search {
5527
5528
  cursor: text;
@@ -5698,7 +5699,7 @@ template {
5698
5699
  .kd-city-picker-focused {
5699
5700
  border-color: var(--kd-c-city-picker-color-border-foucs, var(--kd-g-color-theme, #5582f3)) !important;
5700
5701
  }
5701
- .kd-city-picker-focused .kd-city-picker-content-item {
5702
+ .kd-city-picker-focused .kd-city-picker-content-item:not(.kd-city-picker-content-item-seleted) {
5702
5703
  color: var(--kd-c-city-picker-placeholder-color-text, #b2b2b2);
5703
5704
  }
5704
5705
  .kd-city-picker-disabled {
@@ -15129,6 +15130,14 @@ textarea {
15129
15130
  .kd-select-icon-clear {
15130
15131
  opacity: 0;
15131
15132
  z-index: 1;
15133
+ top: 0;
15134
+ bottom: 0;
15135
+ display: -webkit-box;
15136
+ display: -ms-flexbox;
15137
+ display: flex;
15138
+ -webkit-box-align: center;
15139
+ -ms-flex-align: center;
15140
+ align-items: center;
15132
15141
  position: absolute;
15133
15142
  background: #fff;
15134
15143
  -webkit-transition: opacity 0.15s ease;
@@ -15148,6 +15157,15 @@ textarea {
15148
15157
  text-overflow: ellipsis;
15149
15158
  right: 28px;
15150
15159
  left: 0;
15160
+ top: 0;
15161
+ bottom: 0;
15162
+ z-index: -1;
15163
+ display: -webkit-box;
15164
+ display: -ms-flexbox;
15165
+ display: flex;
15166
+ -webkit-box-align: center;
15167
+ -ms-flex-align: center;
15168
+ align-items: center;
15151
15169
  }
15152
15170
  .kd-select-borderless {
15153
15171
  border: none;
@@ -15282,18 +15300,32 @@ textarea {
15282
15300
  max-height: calc(var(--kd-c-select-sizing-height-small, 24px) * 3 - 10px);
15283
15301
  font-size: var(--kd-c-select-font-size-small, 12px);
15284
15302
  }
15303
+ .kd-select-size-small .kd-select-selection-item {
15304
+ min-height: calc(var(--kd-c-select-sizing-height-small, 24px) - 4px);
15305
+ line-height: calc(var(--kd-c-select-sizing-height-small, 24px) - 4px);
15306
+ }
15285
15307
  .kd-select-size-middle {
15286
15308
  min-height: var(--kd-c-select-sizing-height-middle, 30px);
15287
15309
  max-height: calc(var(--kd-c-select-sizing-height-middle, 30px) * 3 - 10px);
15288
15310
  font-size: var(--kd-c-select-font-size-middle, 14px);
15289
15311
  }
15312
+ .kd-select-size-middle .kd-select-selection-item {
15313
+ min-height: calc(var(--kd-c-select-sizing-height-middle, 30px) - 4px);
15314
+ line-height: calc(var(--kd-c-select-sizing-height-middle, 30px) - 4px);
15315
+ }
15290
15316
  .kd-select-size-large {
15291
15317
  min-height: var(--kd-c-select-sizing-height-large, 36px);
15292
15318
  max-height: calc(var(--kd-c-select-sizing-height-large, 36px) * 3 - 10px);
15293
15319
  font-size: var(--kd-c-select-font-size-large, 16px);
15294
15320
  }
15321
+ .kd-select-size-large .kd-select-selection-item {
15322
+ min-height: calc(var(--kd-c-select-sizing-height-large, 36px) - 4px);
15323
+ line-height: calc(var(--kd-c-select-sizing-height-large, 36px) - 4px);
15324
+ }
15295
15325
  .kd-select-suffix {
15296
15326
  right: 0;
15327
+ top: 0;
15328
+ bottom: 0;
15297
15329
  position: absolute;
15298
15330
  display: -webkit-box;
15299
15331
  display: -ms-flexbox;
@@ -15316,6 +15348,14 @@ textarea {
15316
15348
  right: 28px;
15317
15349
  left: 0;
15318
15350
  height: 100%;
15351
+ top: 0;
15352
+ bottom: 0;
15353
+ display: -webkit-box;
15354
+ display: -ms-flexbox;
15355
+ display: flex;
15356
+ -webkit-box-align: center;
15357
+ -ms-flex-align: center;
15358
+ align-items: center;
15319
15359
  }
15320
15360
  .kd-select .kd-select-single .kd-select-selection-search-input {
15321
15361
  outline: 0;
@@ -15374,9 +15414,6 @@ textarea {
15374
15414
  align-items: center;
15375
15415
  vertical-align: middle;
15376
15416
  max-width: 100%;
15377
- height: 20px;
15378
- line-height: 20px;
15379
- margin: 2px 8px 2px 0;
15380
15417
  cursor: default;
15381
15418
  -webkit-user-select: none;
15382
15419
  -moz-user-select: none;