@kdcloudjs/kdesign 1.6.27 → 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 (59) hide show
  1. package/dist/kdesign-complete.less +47 -0
  2. package/dist/kdesign.css +4 -1
  3. package/dist/kdesign.css.map +1 -1
  4. package/dist/kdesign.js +1630 -126
  5. package/dist/kdesign.js.map +1 -1
  6. package/dist/kdesign.min.css +2 -2
  7. package/dist/kdesign.min.js +8 -8
  8. package/dist/kdesign.min.js.map +1 -1
  9. package/es/_utils/numberUtil.js +1 -3
  10. package/es/config-provider/compDefaultProps.d.ts +1 -0
  11. package/es/config-provider/compDefaultProps.js +2 -1
  12. package/es/date-picker/date-picker.js +23 -22
  13. package/es/date-picker/range/input-range.js +2 -4
  14. package/es/date-picker/range-picker.d.ts +1 -0
  15. package/es/date-picker/range-picker.js +2 -0
  16. package/es/date-picker/single/input-date.js +2 -4
  17. package/es/dropdown/dropdown.js +8 -3
  18. package/es/form/Field.js +21 -25
  19. package/es/image/preview-group.js +6 -4
  20. package/es/image/preview.js +2 -1
  21. package/es/input/ClearableLabeledInput.d.ts +1 -0
  22. package/es/input/ClearableLabeledInput.js +9 -4
  23. package/es/input/TextArea.js +18 -4
  24. package/es/input/input.d.ts +1 -0
  25. package/es/input/input.js +47 -10
  26. package/es/input/style/index.css +3 -0
  27. package/es/input/style/index.less +47 -0
  28. package/es/input-number/inputNumber.d.ts +1 -0
  29. package/es/input-number/inputNumber.js +4 -3
  30. package/es/radio/index.js +1 -0
  31. package/es/select/select.js +23 -20
  32. package/es/upload/interface.d.ts +1 -0
  33. package/es/upload/upload.js +11 -6
  34. package/lib/_utils/numberUtil.js +1 -3
  35. package/lib/config-provider/compDefaultProps.d.ts +1 -0
  36. package/lib/config-provider/compDefaultProps.js +2 -1
  37. package/lib/date-picker/date-picker.js +23 -22
  38. package/lib/date-picker/range/input-range.js +2 -4
  39. package/lib/date-picker/range-picker.d.ts +1 -0
  40. package/lib/date-picker/range-picker.js +2 -0
  41. package/lib/date-picker/single/input-date.js +2 -4
  42. package/lib/dropdown/dropdown.js +8 -3
  43. package/lib/form/Field.js +22 -27
  44. package/lib/image/preview-group.js +6 -4
  45. package/lib/image/preview.js +3 -1
  46. package/lib/input/ClearableLabeledInput.d.ts +1 -0
  47. package/lib/input/ClearableLabeledInput.js +9 -4
  48. package/lib/input/TextArea.js +18 -4
  49. package/lib/input/input.d.ts +1 -0
  50. package/lib/input/input.js +46 -9
  51. package/lib/input/style/index.css +3 -0
  52. package/lib/input/style/index.less +47 -0
  53. package/lib/input-number/inputNumber.d.ts +1 -0
  54. package/lib/input-number/inputNumber.js +4 -3
  55. package/lib/radio/index.js +1 -0
  56. package/lib/select/select.js +23 -20
  57. package/lib/upload/interface.d.ts +1 -0
  58. package/lib/upload/upload.js +11 -6
  59. package/package.json +1 -1
@@ -5208,20 +5208,25 @@ textarea {
5208
5208
  overflow: auto;
5209
5209
  resize: vertical;
5210
5210
  }
5211
+
5211
5212
  .@{input-prefix-cls} {
5212
5213
  .input(@input-prefix-cls);
5214
+
5213
5215
  transition: border-color @transition-duration-inner;
5216
+
5214
5217
  &-countWrapper {
5215
5218
  position: relative;
5216
5219
  display: inline-block;
5217
5220
  width: 100%;
5218
5221
  }
5222
+
5219
5223
  &-textarea {
5220
5224
  .input(@input-prefix-cls);
5221
5225
  transition: border-color @transition-duration-inner;
5222
5226
  max-width: 100%;
5223
5227
  height: auto;
5224
5228
  vertical-align: bottom;
5229
+
5225
5230
  &-mark {
5226
5231
  position: absolute;
5227
5232
  right: 0;
@@ -5232,48 +5237,59 @@ textarea {
5232
5237
  line-height: 18px;
5233
5238
  background-color: #fff;
5234
5239
  }
5240
+
5235
5241
  &-mark-inner {
5236
5242
  top: auto;
5237
5243
  bottom: 5px;
5238
5244
  right: 8px;
5239
5245
  }
5240
5246
  }
5247
+
5241
5248
  &-no-resize {
5242
5249
  resize: none;
5243
5250
  }
5251
+
5244
5252
  &-borderless {
5245
5253
  border: 0;
5246
5254
  padding-left: 0 !important;
5255
+
5247
5256
  &:focus {
5248
5257
  border: 0;
5249
5258
  }
5250
5259
  }
5260
+
5251
5261
  &-underline {
5252
5262
  border: none;
5253
5263
  border-bottom: 1px solid @input-color-border;
5254
5264
  border-radius: 0;
5255
5265
  padding-left: 0 !important;
5256
5266
  }
5267
+
5257
5268
  &-disabled {
5258
5269
  background-color: @input-background-color-disabled-inner;
5259
5270
  border-color: @input-border-color-disabled-inner;
5260
5271
  color: @input-affix-color;
5261
5272
  cursor: not-allowed;
5262
5273
  }
5274
+
5263
5275
  &-underline&-disabled {
5264
5276
  color: @input-color-disabled-inner;
5265
5277
  background-color: @input-background-color-inner;
5266
5278
  border-color: @input-underline-border-color-disabled-inner;
5267
5279
  }
5280
+
5268
5281
  &-size-small {
5269
5282
  .input-size(@input-small-height-inner, @input-small-font-size-inner, @input-small-padding-vertical-inner, @input-small-padding-horizontal-inner);
5270
5283
  }
5284
+
5271
5285
  &-size-middle {
5272
5286
  .input-size(@input-middle-height-inner, @input-middle-font-size-inner, @input-small-padding-vertical-inner, @input-small-padding-horizontal-inner);
5273
5287
  }
5288
+
5274
5289
  &-size-large {
5275
5290
  .input-size(@input-large-height-inner, @input-large-font-size-inner, @input-small-padding-vertical-inner, @input-small-padding-horizontal-inner);
5276
5291
  }
5292
+
5277
5293
  &-wrapper {
5278
5294
  padding-left: @input-wrapper-padding-left !important;
5279
5295
  .input(@wrapper-prefix-cls);
@@ -5283,11 +5299,13 @@ textarea {
5283
5299
  padding-top: 0 !important;
5284
5300
  padding-bottom: 0 !important;
5285
5301
  overflow: hidden;
5302
+
5286
5303
  .@{input-prefix-cls} {
5287
5304
  border: none;
5288
5305
  padding-left: @input-padding-left;
5289
5306
  padding-right: 0;
5290
5307
  height: 100%;
5308
+
5291
5309
  &-suffix,
5292
5310
  &-prefix {
5293
5311
  display: flex;
@@ -5297,25 +5315,32 @@ textarea {
5297
5315
  word-break: keep-all;
5298
5316
  color: @input-affix-color;
5299
5317
  }
5318
+
5300
5319
  &-suffix {
5301
5320
  margin-left: 4px;
5302
5321
  }
5322
+
5303
5323
  &-prefix {
5304
5324
  margin-right: 4px;
5305
5325
  }
5306
5326
  }
5327
+
5307
5328
  &-size-small {
5308
5329
  .input-size(@input-small-height-inner, @input-small-font-size-inner, @input-small-padding-vertical-inner, @input-small-padding-horizontal-inner);
5309
5330
  }
5331
+
5310
5332
  &-size-middle {
5311
5333
  .input-size(@input-middle-height-inner, @input-middle-font-size-inner, @input-small-padding-vertical-inner, @input-middle-padding-horizontal-inner);
5312
5334
  }
5335
+
5313
5336
  &-size-large {
5314
5337
  .input-size(@input-large-height-inner, @input-large-font-size-inner, @input-small-padding-vertical-inner, @input-large-padding-horizontal-inner);
5315
5338
  }
5339
+
5316
5340
  &-borderless {
5317
5341
  .border-less;
5318
5342
  }
5343
+
5319
5344
  &-underline {
5320
5345
  .underline;
5321
5346
  }
@@ -5335,12 +5360,14 @@ textarea {
5335
5360
  }
5336
5361
  }
5337
5362
  }
5363
+
5338
5364
  &-wrapper-textarea {
5339
5365
  .input(@input-prefix-cls);
5340
5366
  border: none !important;
5341
5367
  padding: 0 !important;
5342
5368
  position: relative;
5343
5369
  display: inline-block;
5370
+
5344
5371
  .@{input-prefix-cls} {
5345
5372
  &-textarea-clear-icon {
5346
5373
  position: absolute;
@@ -5350,13 +5377,16 @@ textarea {
5350
5377
  }
5351
5378
  }
5352
5379
  }
5380
+
5353
5381
  &-clear-icon,
5354
5382
  &-textarea-clear-icon {
5355
5383
  .input-clear-icon;
5356
5384
  }
5385
+
5357
5386
  &-clear-icon-hidden {
5358
5387
  visibility: hidden;
5359
5388
  }
5389
+
5360
5390
  &-clear-icon-rightSpace {
5361
5391
  margin-right: 4px;
5362
5392
  }
@@ -5366,6 +5396,7 @@ textarea {
5366
5396
  width: 100%;
5367
5397
  text-align: start;
5368
5398
  vertical-align: top;
5399
+
5369
5400
  .@{input-prefix-cls} {
5370
5401
  &-group {
5371
5402
  box-sizing: border-box;
@@ -5382,19 +5413,23 @@ textarea {
5382
5413
  width: 100%;
5383
5414
  border-collapse: separate;
5384
5415
  border-spacing: 0;
5416
+
5385
5417
  & > .@{input-prefix-cls}-wrapper {
5386
5418
  &:not(:first-child):not(:last-child) {
5387
5419
  border-radius: 0;
5388
5420
  }
5421
+
5389
5422
  &:first-child:not(:last-child) {
5390
5423
  border-top-right-radius: 0;
5391
5424
  border-bottom-right-radius: 0;
5392
5425
  }
5426
+
5393
5427
  &:not(:first-child):last-child {
5394
5428
  border-top-left-radius: 0;
5395
5429
  border-bottom-left-radius: 0;
5396
5430
  }
5397
5431
  }
5432
+
5398
5433
  .@{input-prefix-cls}-group-addon {
5399
5434
  position: relative;
5400
5435
  color: @input-affix-color;
@@ -5409,11 +5444,13 @@ textarea {
5409
5444
  display: flex;
5410
5445
  align-items: center;
5411
5446
  height: @input-middle-height-inner;
5447
+
5412
5448
  &:first-child {
5413
5449
  border-top-right-radius: 0;
5414
5450
  border-bottom-right-radius: 0;
5415
5451
  border-right: none;
5416
5452
  }
5453
+
5417
5454
  &:last-child {
5418
5455
  border-top-left-radius: 0;
5419
5456
  border-bottom-left-radius: 0;
@@ -5423,9 +5460,11 @@ textarea {
5423
5460
  &-borderless {
5424
5461
  .border-less;
5425
5462
  }
5463
+
5426
5464
  &-underline {
5427
5465
  .underline;
5428
5466
  }
5467
+
5429
5468
  &-disabled {
5430
5469
  background-color: @input-background-color-disabled-inner;
5431
5470
  border-color: @input-border-color-disabled-inner;
@@ -5434,16 +5473,19 @@ textarea {
5434
5473
  }
5435
5474
  }
5436
5475
  }
5476
+
5437
5477
  &-group-size-small {
5438
5478
  .@{input-prefix-cls}-group-addon {
5439
5479
  height: @input-small-height-inner;
5440
5480
  }
5441
5481
  }
5482
+
5442
5483
  &-group-middle-small {
5443
5484
  .@{input-prefix-cls}-group-addon {
5444
5485
  height: @input-middle-height-inner;
5445
5486
  }
5446
5487
  }
5488
+
5447
5489
  &-group-large-small {
5448
5490
  .@{input-prefix-cls}-group-addon {
5449
5491
  height: @input-large-height-inner;
@@ -5451,9 +5493,14 @@ textarea {
5451
5493
  }
5452
5494
  }
5453
5495
  }
5496
+
5454
5497
  &-allowClear-spacing {
5455
5498
  padding-right: 20px;
5456
5499
  }
5500
+
5501
+ &-input-mark-inner {
5502
+ color: @input-placeholder-color-inner;
5503
+ }
5457
5504
  }
5458
5505
 
5459
5506
 
package/dist/kdesign.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  *
3
- * @kdcloudjs/kdesign v1.6.26
3
+ * @kdcloudjs/kdesign v1.6.27
4
4
  *
5
5
  * Copyright 2020-present, Kingdee, Inc.
6
6
  * All rights reserved.
@@ -9684,6 +9684,9 @@ textarea {
9684
9684
  .kd-input-allowClear-spacing {
9685
9685
  padding-right: 20px;
9686
9686
  }
9687
+ .kd-input-input-mark-inner {
9688
+ color: var(--kd-c-input-placeholder-color-text, var(--kd-g-color-text-placeholder, #ccc));
9689
+ }
9687
9690
 
9688
9691
  /* ----------- color ——————---- start */
9689
9692
  /* ----------- color ——————---- end */