@kdcloudjs/kdesign 1.6.26 → 1.6.28

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 (76) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/kdesign-complete.less +70 -7
  3. package/dist/kdesign.css +11 -7
  4. package/dist/kdesign.css.map +1 -1
  5. package/dist/kdesign.js +1701 -187
  6. package/dist/kdesign.js.map +1 -1
  7. package/dist/kdesign.min.css +3 -3
  8. package/dist/kdesign.min.js +8 -8
  9. package/dist/kdesign.min.js.map +1 -1
  10. package/es/_utils/numberUtil.js +1 -3
  11. package/es/config-provider/compDefaultProps.d.ts +1 -0
  12. package/es/config-provider/compDefaultProps.js +2 -1
  13. package/es/date-picker/date-panel.js +5 -2
  14. package/es/date-picker/date-picker.js +29 -26
  15. package/es/date-picker/range/input-range.js +2 -4
  16. package/es/date-picker/range-picker.d.ts +1 -0
  17. package/es/date-picker/range-picker.js +2 -0
  18. package/es/date-picker/single/input-date.js +2 -4
  19. package/es/date-picker/style/index.css +4 -3
  20. package/es/date-picker/style/index.less +6 -2
  21. package/es/dropdown/dropdown.js +8 -3
  22. package/es/form/Field.js +21 -25
  23. package/es/image/preview-group.js +6 -4
  24. package/es/image/preview.js +2 -1
  25. package/es/input/ClearableLabeledInput.d.ts +1 -0
  26. package/es/input/ClearableLabeledInput.js +9 -4
  27. package/es/input/TextArea.js +18 -4
  28. package/es/input/input.d.ts +1 -0
  29. package/es/input/input.js +47 -10
  30. package/es/input/style/index.css +3 -0
  31. package/es/input/style/index.less +47 -0
  32. package/es/input-number/inputNumber.d.ts +1 -0
  33. package/es/input-number/inputNumber.js +4 -3
  34. package/es/pagination/pagination.d.ts +10 -0
  35. package/es/pagination/pagination.js +44 -45
  36. package/es/pagination/style/index.css +3 -3
  37. package/es/pagination/style/index.less +17 -5
  38. package/es/radio/index.js +1 -0
  39. package/es/select/interface.d.ts +8 -0
  40. package/es/select/select.js +32 -22
  41. package/es/upload/interface.d.ts +1 -0
  42. package/es/upload/upload.js +11 -6
  43. package/lib/_utils/numberUtil.js +1 -3
  44. package/lib/config-provider/compDefaultProps.d.ts +1 -0
  45. package/lib/config-provider/compDefaultProps.js +2 -1
  46. package/lib/date-picker/date-panel.js +11 -7
  47. package/lib/date-picker/date-picker.js +31 -26
  48. package/lib/date-picker/range/input-range.js +2 -4
  49. package/lib/date-picker/range-picker.d.ts +1 -0
  50. package/lib/date-picker/range-picker.js +2 -0
  51. package/lib/date-picker/single/input-date.js +2 -4
  52. package/lib/date-picker/style/index.css +4 -3
  53. package/lib/date-picker/style/index.less +6 -2
  54. package/lib/dropdown/dropdown.js +8 -3
  55. package/lib/form/Field.js +22 -27
  56. package/lib/image/preview-group.js +6 -4
  57. package/lib/image/preview.js +3 -1
  58. package/lib/input/ClearableLabeledInput.d.ts +1 -0
  59. package/lib/input/ClearableLabeledInput.js +9 -4
  60. package/lib/input/TextArea.js +18 -4
  61. package/lib/input/input.d.ts +1 -0
  62. package/lib/input/input.js +46 -9
  63. package/lib/input/style/index.css +3 -0
  64. package/lib/input/style/index.less +47 -0
  65. package/lib/input-number/inputNumber.d.ts +1 -0
  66. package/lib/input-number/inputNumber.js +4 -3
  67. package/lib/pagination/pagination.d.ts +10 -0
  68. package/lib/pagination/pagination.js +44 -46
  69. package/lib/pagination/style/index.css +3 -3
  70. package/lib/pagination/style/index.less +17 -5
  71. package/lib/radio/index.js +1 -0
  72. package/lib/select/interface.d.ts +8 -0
  73. package/lib/select/select.js +32 -22
  74. package/lib/upload/interface.d.ts +1 -0
  75. package/lib/upload/upload.js +11 -6
  76. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,27 @@
1
+ ## [1.6.26](https://github.com/kdcloudone/kdesign/compare/v1.6.25...v1.6.26) (2023-01-05)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * [checkbox] checkboxgroup onchangeAPI 破坏性修改,参数checkedValue与 e:Event互换位置 ([227271e](https://github.com/kdcloudone/kdesign/commit/227271e402790f8b5e3a10ff9d298547123ac527))
7
+ * [filter] 修复单测问题点 ([3ddd367](https://github.com/kdcloudone/kdesign/commit/3ddd367b0a8f1ac065688cefbc8ce65e41ca4862))
8
+ * [select] 修复单选模式下选中后title显示问题 ([1a45d7c](https://github.com/kdcloudone/kdesign/commit/1a45d7c37398249105b2254c07d34d218eff65a5))
9
+ * [select] 修复多选时删除所选项问题 ([b707a3a](https://github.com/kdcloudone/kdesign/commit/b707a3aa18d04f12c88e083d26e1bb73690ce39f))
10
+ * [stepper] 修复嵌入式步进器递增按钮点击区域不灵敏问题 ([bacde1a](https://github.com/kdcloudone/kdesign/commit/bacde1a4269262d138328826d16d8c169d3e1509))
11
+ * [tree] 修复可勾选受控状态时半选按钮显示问题 ([079dd75](https://github.com/kdcloudone/kdesign/commit/079dd755973f4ffc5f74006659152e984939cf68))
12
+
13
+
14
+
15
+ ## [1.6.25](https://github.com/kdcloudone/kdesign/compare/v1.6.24...v1.6.25) (2023-01-03)
16
+
17
+
18
+ ### Bug Fixes
19
+
20
+ * [datePicker]修复快速选择时间 ([3866458](https://github.com/kdcloudone/kdesign/commit/38664581e2102c6a82659a7e3bd0cdf2ed2b5ae7))
21
+ * [datePicker]修复面板ref赋值 ([6b51b24](https://github.com/kdcloudone/kdesign/commit/6b51b24ddccf3d6c96a52b1a8321b1a93de29286))
22
+
23
+
24
+
1
25
  ## [1.6.24](https://github.com/kdcloudone/kdesign/compare/v1.6.23...v1.6.24) (2022-12-29)
2
26
 
3
27
 
@@ -3517,11 +3517,15 @@
3517
3517
  flex: 1;
3518
3518
 
3519
3519
  &-inner {
3520
- cursor: pointer;
3520
+ &-active {
3521
+ color: @date-color-background-checked;
3522
+ }
3521
3523
 
3522
- &:hover {
3524
+ &-hover:hover {
3523
3525
  color: @date-color-background-checked;
3526
+ cursor: pointer;
3524
3527
  }
3528
+
3525
3529
  &:nth-child(2) {
3526
3530
  margin-left: 13px;
3527
3531
  }
@@ -5204,20 +5208,25 @@ textarea {
5204
5208
  overflow: auto;
5205
5209
  resize: vertical;
5206
5210
  }
5211
+
5207
5212
  .@{input-prefix-cls} {
5208
5213
  .input(@input-prefix-cls);
5214
+
5209
5215
  transition: border-color @transition-duration-inner;
5216
+
5210
5217
  &-countWrapper {
5211
5218
  position: relative;
5212
5219
  display: inline-block;
5213
5220
  width: 100%;
5214
5221
  }
5222
+
5215
5223
  &-textarea {
5216
5224
  .input(@input-prefix-cls);
5217
5225
  transition: border-color @transition-duration-inner;
5218
5226
  max-width: 100%;
5219
5227
  height: auto;
5220
5228
  vertical-align: bottom;
5229
+
5221
5230
  &-mark {
5222
5231
  position: absolute;
5223
5232
  right: 0;
@@ -5228,48 +5237,59 @@ textarea {
5228
5237
  line-height: 18px;
5229
5238
  background-color: #fff;
5230
5239
  }
5240
+
5231
5241
  &-mark-inner {
5232
5242
  top: auto;
5233
5243
  bottom: 5px;
5234
5244
  right: 8px;
5235
5245
  }
5236
5246
  }
5247
+
5237
5248
  &-no-resize {
5238
5249
  resize: none;
5239
5250
  }
5251
+
5240
5252
  &-borderless {
5241
5253
  border: 0;
5242
5254
  padding-left: 0 !important;
5255
+
5243
5256
  &:focus {
5244
5257
  border: 0;
5245
5258
  }
5246
5259
  }
5260
+
5247
5261
  &-underline {
5248
5262
  border: none;
5249
5263
  border-bottom: 1px solid @input-color-border;
5250
5264
  border-radius: 0;
5251
5265
  padding-left: 0 !important;
5252
5266
  }
5267
+
5253
5268
  &-disabled {
5254
5269
  background-color: @input-background-color-disabled-inner;
5255
5270
  border-color: @input-border-color-disabled-inner;
5256
5271
  color: @input-affix-color;
5257
5272
  cursor: not-allowed;
5258
5273
  }
5274
+
5259
5275
  &-underline&-disabled {
5260
5276
  color: @input-color-disabled-inner;
5261
5277
  background-color: @input-background-color-inner;
5262
5278
  border-color: @input-underline-border-color-disabled-inner;
5263
5279
  }
5280
+
5264
5281
  &-size-small {
5265
5282
  .input-size(@input-small-height-inner, @input-small-font-size-inner, @input-small-padding-vertical-inner, @input-small-padding-horizontal-inner);
5266
5283
  }
5284
+
5267
5285
  &-size-middle {
5268
5286
  .input-size(@input-middle-height-inner, @input-middle-font-size-inner, @input-small-padding-vertical-inner, @input-small-padding-horizontal-inner);
5269
5287
  }
5288
+
5270
5289
  &-size-large {
5271
5290
  .input-size(@input-large-height-inner, @input-large-font-size-inner, @input-small-padding-vertical-inner, @input-small-padding-horizontal-inner);
5272
5291
  }
5292
+
5273
5293
  &-wrapper {
5274
5294
  padding-left: @input-wrapper-padding-left !important;
5275
5295
  .input(@wrapper-prefix-cls);
@@ -5279,11 +5299,13 @@ textarea {
5279
5299
  padding-top: 0 !important;
5280
5300
  padding-bottom: 0 !important;
5281
5301
  overflow: hidden;
5302
+
5282
5303
  .@{input-prefix-cls} {
5283
5304
  border: none;
5284
5305
  padding-left: @input-padding-left;
5285
5306
  padding-right: 0;
5286
5307
  height: 100%;
5308
+
5287
5309
  &-suffix,
5288
5310
  &-prefix {
5289
5311
  display: flex;
@@ -5293,25 +5315,32 @@ textarea {
5293
5315
  word-break: keep-all;
5294
5316
  color: @input-affix-color;
5295
5317
  }
5318
+
5296
5319
  &-suffix {
5297
5320
  margin-left: 4px;
5298
5321
  }
5322
+
5299
5323
  &-prefix {
5300
5324
  margin-right: 4px;
5301
5325
  }
5302
5326
  }
5327
+
5303
5328
  &-size-small {
5304
5329
  .input-size(@input-small-height-inner, @input-small-font-size-inner, @input-small-padding-vertical-inner, @input-small-padding-horizontal-inner);
5305
5330
  }
5331
+
5306
5332
  &-size-middle {
5307
5333
  .input-size(@input-middle-height-inner, @input-middle-font-size-inner, @input-small-padding-vertical-inner, @input-middle-padding-horizontal-inner);
5308
5334
  }
5335
+
5309
5336
  &-size-large {
5310
5337
  .input-size(@input-large-height-inner, @input-large-font-size-inner, @input-small-padding-vertical-inner, @input-large-padding-horizontal-inner);
5311
5338
  }
5339
+
5312
5340
  &-borderless {
5313
5341
  .border-less;
5314
5342
  }
5343
+
5315
5344
  &-underline {
5316
5345
  .underline;
5317
5346
  }
@@ -5331,12 +5360,14 @@ textarea {
5331
5360
  }
5332
5361
  }
5333
5362
  }
5363
+
5334
5364
  &-wrapper-textarea {
5335
5365
  .input(@input-prefix-cls);
5336
5366
  border: none !important;
5337
5367
  padding: 0 !important;
5338
5368
  position: relative;
5339
5369
  display: inline-block;
5370
+
5340
5371
  .@{input-prefix-cls} {
5341
5372
  &-textarea-clear-icon {
5342
5373
  position: absolute;
@@ -5346,13 +5377,16 @@ textarea {
5346
5377
  }
5347
5378
  }
5348
5379
  }
5380
+
5349
5381
  &-clear-icon,
5350
5382
  &-textarea-clear-icon {
5351
5383
  .input-clear-icon;
5352
5384
  }
5385
+
5353
5386
  &-clear-icon-hidden {
5354
5387
  visibility: hidden;
5355
5388
  }
5389
+
5356
5390
  &-clear-icon-rightSpace {
5357
5391
  margin-right: 4px;
5358
5392
  }
@@ -5362,6 +5396,7 @@ textarea {
5362
5396
  width: 100%;
5363
5397
  text-align: start;
5364
5398
  vertical-align: top;
5399
+
5365
5400
  .@{input-prefix-cls} {
5366
5401
  &-group {
5367
5402
  box-sizing: border-box;
@@ -5378,19 +5413,23 @@ textarea {
5378
5413
  width: 100%;
5379
5414
  border-collapse: separate;
5380
5415
  border-spacing: 0;
5416
+
5381
5417
  & > .@{input-prefix-cls}-wrapper {
5382
5418
  &:not(:first-child):not(:last-child) {
5383
5419
  border-radius: 0;
5384
5420
  }
5421
+
5385
5422
  &:first-child:not(:last-child) {
5386
5423
  border-top-right-radius: 0;
5387
5424
  border-bottom-right-radius: 0;
5388
5425
  }
5426
+
5389
5427
  &:not(:first-child):last-child {
5390
5428
  border-top-left-radius: 0;
5391
5429
  border-bottom-left-radius: 0;
5392
5430
  }
5393
5431
  }
5432
+
5394
5433
  .@{input-prefix-cls}-group-addon {
5395
5434
  position: relative;
5396
5435
  color: @input-affix-color;
@@ -5405,11 +5444,13 @@ textarea {
5405
5444
  display: flex;
5406
5445
  align-items: center;
5407
5446
  height: @input-middle-height-inner;
5447
+
5408
5448
  &:first-child {
5409
5449
  border-top-right-radius: 0;
5410
5450
  border-bottom-right-radius: 0;
5411
5451
  border-right: none;
5412
5452
  }
5453
+
5413
5454
  &:last-child {
5414
5455
  border-top-left-radius: 0;
5415
5456
  border-bottom-left-radius: 0;
@@ -5419,9 +5460,11 @@ textarea {
5419
5460
  &-borderless {
5420
5461
  .border-less;
5421
5462
  }
5463
+
5422
5464
  &-underline {
5423
5465
  .underline;
5424
5466
  }
5467
+
5425
5468
  &-disabled {
5426
5469
  background-color: @input-background-color-disabled-inner;
5427
5470
  border-color: @input-border-color-disabled-inner;
@@ -5430,16 +5473,19 @@ textarea {
5430
5473
  }
5431
5474
  }
5432
5475
  }
5476
+
5433
5477
  &-group-size-small {
5434
5478
  .@{input-prefix-cls}-group-addon {
5435
5479
  height: @input-small-height-inner;
5436
5480
  }
5437
5481
  }
5482
+
5438
5483
  &-group-middle-small {
5439
5484
  .@{input-prefix-cls}-group-addon {
5440
5485
  height: @input-middle-height-inner;
5441
5486
  }
5442
5487
  }
5488
+
5443
5489
  &-group-large-small {
5444
5490
  .@{input-prefix-cls}-group-addon {
5445
5491
  height: @input-large-height-inner;
@@ -5447,9 +5493,14 @@ textarea {
5447
5493
  }
5448
5494
  }
5449
5495
  }
5496
+
5450
5497
  &-allowClear-spacing {
5451
5498
  padding-right: 20px;
5452
5499
  }
5500
+
5501
+ &-input-mark-inner {
5502
+ color: @input-placeholder-color-inner;
5503
+ }
5453
5504
  }
5454
5505
 
5455
5506
 
@@ -6945,6 +6996,7 @@ textarea {
6945
6996
  display: inline-block;
6946
6997
  margin-right: 12px;
6947
6998
  vertical-align: middle;
6999
+
6948
7000
  .@{pagination-prefix-cls}-current-input {
6949
7001
  box-sizing: border-box;
6950
7002
  width: 44px;
@@ -7223,6 +7275,7 @@ textarea {
7223
7275
  .@{pagination-pages-prefix-cls} {
7224
7276
  .reset-component;
7225
7277
  display: inline-block;
7278
+
7226
7279
  &-item {
7227
7280
  .reset-component;
7228
7281
  position: relative;
@@ -7292,6 +7345,7 @@ textarea {
7292
7345
  .@{pagination-pages-prefix-cls} {
7293
7346
  .reset-component;
7294
7347
  display: inline-block;
7348
+
7295
7349
  &-item {
7296
7350
  .reset-component;
7297
7351
  position: relative;
@@ -7308,6 +7362,7 @@ textarea {
7308
7362
  &.active {
7309
7363
  button {
7310
7364
  border-color: @pagination-border-hover-color;
7365
+
7311
7366
  &:disabled {
7312
7367
  border-color: @pagination-border-disabled-color;
7313
7368
  }
@@ -7497,16 +7552,24 @@ textarea {
7497
7552
  transform: translateY(-50%);
7498
7553
  }
7499
7554
 
7500
- .@{pagination-prefix-cls}-dropdown-icon-open {
7501
- transform: rotate(180deg) translateY(50%);
7555
+ &.@{pagination-prefix-cls}-options-dropdown-open {
7556
+ i {
7557
+ transform: rotate(180deg) translateY(50%);
7558
+ }
7502
7559
  }
7503
7560
  }
7504
7561
  }
7505
7562
  }
7506
- &-dropdown-icon {
7507
- transition: transform @duration-promptly;
7563
+
7564
+ &-options-dropdown {
7565
+ i {
7566
+ transition: transform @duration-promptly;
7567
+ }
7568
+
7508
7569
  &-open {
7509
- transform: rotate(180deg);
7570
+ i {
7571
+ transform: rotate(180deg);
7572
+ }
7510
7573
  }
7511
7574
  }
7512
7575
  }
package/dist/kdesign.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  *
3
- * @kdcloudjs/kdesign v1.6.25
3
+ * @kdcloudjs/kdesign v1.6.27
4
4
  *
5
5
  * Copyright 2020-present, Kingdee, Inc.
6
6
  * All rights reserved.
@@ -6604,11 +6604,12 @@ template {
6604
6604
  -ms-flex: 1;
6605
6605
  flex: 1;
6606
6606
  }
6607
- .kd-date-picker-panel .kd-date-picker-header-text-inner {
6608
- cursor: pointer;
6607
+ .kd-date-picker-panel .kd-date-picker-header-text-inner-active {
6608
+ color: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3));
6609
6609
  }
6610
- .kd-date-picker-panel .kd-date-picker-header-text-inner:hover {
6610
+ .kd-date-picker-panel .kd-date-picker-header-text-inner-hover:hover {
6611
6611
  color: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3));
6612
+ cursor: pointer;
6612
6613
  }
6613
6614
  .kd-date-picker-panel .kd-date-picker-header-text-inner:nth-child(2) {
6614
6615
  margin-left: 13px;
@@ -9683,6 +9684,9 @@ textarea {
9683
9684
  .kd-input-allowClear-spacing {
9684
9685
  padding-right: 20px;
9685
9686
  }
9687
+ .kd-input-input-mark-inner {
9688
+ color: var(--kd-c-input-placeholder-color-text, var(--kd-g-color-text-placeholder, #ccc));
9689
+ }
9686
9690
 
9687
9691
  /* ----------- color ——————---- start */
9688
9692
  /* ----------- color ——————---- end */
@@ -12142,17 +12146,17 @@ textarea {
12142
12146
  -webkit-transform: translateY(-50%);
12143
12147
  transform: translateY(-50%);
12144
12148
  }
12145
- .kd-pagination.nicety .kd-pagination-options .kd-pagination-options-size .kd-pagination-dropdown-icon-open {
12149
+ .kd-pagination.nicety .kd-pagination-options .kd-pagination-options-size.kd-pagination-options-dropdown-open i {
12146
12150
  -webkit-transform: rotate(180deg) translateY(50%);
12147
12151
  transform: rotate(180deg) translateY(50%);
12148
12152
  }
12149
- .kd-pagination-dropdown-icon {
12153
+ .kd-pagination-options-dropdown i {
12150
12154
  -webkit-transition: -webkit-transform var(--kd-g-duration, 0.3s);
12151
12155
  transition: -webkit-transform var(--kd-g-duration, 0.3s);
12152
12156
  transition: transform var(--kd-g-duration, 0.3s);
12153
12157
  transition: transform var(--kd-g-duration, 0.3s), -webkit-transform var(--kd-g-duration, 0.3s);
12154
12158
  }
12155
- .kd-pagination-dropdown-icon-open {
12159
+ .kd-pagination-options-dropdown-open i {
12156
12160
  -webkit-transform: rotate(180deg);
12157
12161
  transform: rotate(180deg);
12158
12162
  }