@kdcloudjs/kdesign 1.2.0 → 1.2.3

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 (106) hide show
  1. package/CHANGELOG.md +53 -0
  2. package/dist/kdesign-complete.less +566 -478
  3. package/dist/kdesign.css +240 -246
  4. package/dist/kdesign.css.map +1 -1
  5. package/dist/kdesign.js +350 -299
  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/usePopper.js +33 -11
  11. package/es/button/style/index.css +3 -3
  12. package/es/button/style/token.less +3 -3
  13. package/es/carousel/displayList.js +8 -4
  14. package/es/carousel/fadeList.js +9 -5
  15. package/es/carousel/slideList.js +6 -3
  16. package/es/carousel/style/index.css +66 -3
  17. package/es/carousel/style/index.less +67 -2
  18. package/es/collapse/panel.d.ts +1 -0
  19. package/es/collapse/panel.js +17 -5
  20. package/es/collapse/style/index.css +32 -6
  21. package/es/collapse/style/index.less +24 -1
  22. package/es/collapse/style/token.less +12 -10
  23. package/es/config-provider/compDefaultProps.d.ts +1 -0
  24. package/es/config-provider/compDefaultProps.js +2 -1
  25. package/es/drawer/drawer.d.ts +1 -0
  26. package/es/drawer/drawer.js +56 -21
  27. package/es/dropdown/style/index.css +5 -5
  28. package/es/form/Field.js +9 -4
  29. package/es/form/Form.js +7 -2
  30. package/es/form/hooks/useForm.js +1 -0
  31. package/es/form/interface.d.ts +5 -0
  32. package/es/input-number/inputNumber.d.ts +1 -0
  33. package/es/input-number/inputNumber.js +3 -2
  34. package/es/locale/locale.d.ts +1 -0
  35. package/es/locale/zh-CN.d.ts +1 -0
  36. package/es/locale/zh-CN.js +2 -1
  37. package/es/menu/subMenu.js +6 -2
  38. package/es/popconfirm/style/index.css +5 -5
  39. package/es/radio/radio.js +3 -1
  40. package/es/radio/style/index.css +51 -24
  41. package/es/radio/style/index.less +28 -2
  42. package/es/radio/style/token.less +4 -4
  43. package/es/select/option.js +1 -1
  44. package/es/select/style/index.css +27 -12
  45. package/es/select/style/index.less +382 -368
  46. package/es/select/style/token.less +6 -3
  47. package/es/steps/style/index.css +40 -32
  48. package/es/steps/style/index.less +23 -33
  49. package/es/steps/style/token.less +6 -9
  50. package/es/style/mixins/index.less +5 -5
  51. package/es/tabs/tabs.js +5 -1
  52. package/es/tag/style/index.css +2 -147
  53. package/es/tag/style/index.less +4 -24
  54. package/es/tag/style/mixin.less +0 -13
  55. package/es/tag/style/token.less +1 -1
  56. package/es/tooltip/style/index.css +8 -8
  57. package/es/tooltip/style/index.less +2 -2
  58. package/lib/_utils/usePopper.js +34 -11
  59. package/lib/button/style/index.css +3 -3
  60. package/lib/button/style/token.less +3 -3
  61. package/lib/carousel/displayList.js +9 -4
  62. package/lib/carousel/fadeList.js +10 -5
  63. package/lib/carousel/slideList.js +6 -3
  64. package/lib/carousel/style/index.css +66 -3
  65. package/lib/carousel/style/index.less +67 -2
  66. package/lib/collapse/panel.d.ts +1 -0
  67. package/lib/collapse/panel.js +17 -5
  68. package/lib/collapse/style/index.css +32 -6
  69. package/lib/collapse/style/index.less +24 -1
  70. package/lib/collapse/style/token.less +12 -10
  71. package/lib/config-provider/compDefaultProps.d.ts +1 -0
  72. package/lib/config-provider/compDefaultProps.js +2 -1
  73. package/lib/drawer/drawer.d.ts +1 -0
  74. package/lib/drawer/drawer.js +61 -27
  75. package/lib/dropdown/style/index.css +5 -5
  76. package/lib/form/Field.js +10 -4
  77. package/lib/form/Form.js +7 -2
  78. package/lib/form/hooks/useForm.js +1 -0
  79. package/lib/form/interface.d.ts +5 -0
  80. package/lib/input-number/inputNumber.d.ts +1 -0
  81. package/lib/input-number/inputNumber.js +3 -2
  82. package/lib/locale/locale.d.ts +1 -0
  83. package/lib/locale/zh-CN.d.ts +1 -0
  84. package/lib/locale/zh-CN.js +2 -1
  85. package/lib/menu/subMenu.js +6 -2
  86. package/lib/popconfirm/style/index.css +5 -5
  87. package/lib/radio/radio.js +3 -1
  88. package/lib/radio/style/index.css +51 -24
  89. package/lib/radio/style/index.less +28 -2
  90. package/lib/radio/style/token.less +4 -4
  91. package/lib/select/option.js +1 -1
  92. package/lib/select/style/index.css +27 -12
  93. package/lib/select/style/index.less +382 -368
  94. package/lib/select/style/token.less +6 -3
  95. package/lib/steps/style/index.css +40 -32
  96. package/lib/steps/style/index.less +23 -33
  97. package/lib/steps/style/token.less +6 -9
  98. package/lib/style/mixins/index.less +5 -5
  99. package/lib/tabs/tabs.js +6 -1
  100. package/lib/tag/style/index.css +2 -147
  101. package/lib/tag/style/index.less +4 -24
  102. package/lib/tag/style/mixin.less +0 -13
  103. package/lib/tag/style/token.less +1 -1
  104. package/lib/tooltip/style/index.css +8 -8
  105. package/lib/tooltip/style/index.less +2 -2
  106. package/package.json +1 -1
package/lib/select/style/index.css CHANGED
@@ -274,7 +274,7 @@
274
274
  transition: transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
275
275
  }
276
276
  .kd-select-icon-arrow-focus {
277
- color: #3761ca;
277
+ color: var(--kd-c-select-color-border-foucs, var(--kd-g-color-theme, #5582f3));
278
278
  }
279
279
  .kd-select-icon-clear {
280
280
  opacity: 0;
@@ -308,7 +308,7 @@
308
308
  border-color: var(--kd-c-select-color-border-foucs, var(--kd-g-color-theme, #5582f3)) !important;
309
309
  }
310
310
  .kd-select-placeholder {
311
- color: var(--kd-c-select-placeholder-color-text, var(--kd-g-color-text-third, #999));
311
+ color: var(--kd-c-select-placeholder-color-text, #b2b2b2);
312
312
  overflow: hidden;
313
313
  white-space: nowrap;
314
314
  text-overflow: ellipsis;
@@ -330,6 +330,9 @@
330
330
  .kd-select-bordered:hover:not(.kd-select-multiple-disabled):not(.kd-select-single-disabled) {
331
331
  border: 1px solid var(--kd-c-select-color-border-hover, var(--kd-g-color-theme, #5582f3));
332
332
  }
333
+ .kd-select-bordered .kd-select-suffix {
334
+ right: 10px;
335
+ }
333
336
  .kd-select-wrapper {
334
337
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
335
338
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
@@ -399,6 +402,12 @@
399
402
  min-width: 75px;
400
403
  }
401
404
  .kd-select-item-option-content {
405
+ display: -webkit-box;
406
+ display: -ms-flexbox;
407
+ display: flex;
408
+ -webkit-box-align: center;
409
+ -ms-flex-align: center;
410
+ align-items: center;
402
411
  -webkit-box-flex: 1;
403
412
  -ms-flex: auto;
404
413
  flex: auto;
@@ -407,10 +416,10 @@
407
416
  text-overflow: ellipsis;
408
417
  }
409
418
  .kd-select-item-option:hover:not(.kd-select-item-option-selected):not(.kd-select-item-option-disabled) {
410
- background-color: var(--kd-c-select-color-background, var(--kd-g-color-hover, #f5f5f5));
419
+ background-color: var(--kd-c-select-color-background, #f5f5f5);
411
420
  }
412
421
  .kd-select-item-option-active:not(.kd-select-item-option-disabled) {
413
- background-color: var(--kd-c-select-color-background, var(--kd-g-color-hover, #f5f5f5));
422
+ background-color: var(--kd-c-select-color-background, #f5f5f5);
414
423
  }
415
424
  .kd-select-item-option-selected:not(.kd-select-item-option-disabled) {
416
425
  color: var(--kd-c-select-item-color-text-selected, var(--kd-g-color-theme, #5582f3));
@@ -440,7 +449,7 @@
440
449
  font-size: var(--kd-c-select-font-size-large, 16px);
441
450
  }
442
451
  .kd-select-suffix {
443
- right: 10px;
452
+ right: 0;
444
453
  position: absolute;
445
454
  display: -webkit-box;
446
455
  display: -ms-flexbox;
@@ -456,18 +465,21 @@
456
465
  -webkit-box-pack: center;
457
466
  -ms-flex-pack: center;
458
467
  justify-content: center;
459
- margin-left: 4px;
468
+ margin-left: 8px;
460
469
  }
461
470
  .kd-select-single-focused {
462
471
  border-color: var(--kd-c-select-color-border-foucs, var(--kd-g-color-theme, #5582f3)) !important;
463
472
  }
464
473
  .kd-select-single-disabled {
465
- background-color: #f5f5f5;
466
- color: #b2b2b2;
474
+ background-color: var(--kd-c-select-color-background-disabled, #f5f5f5);
475
+ color: var(--kd-c-select-color-text-disabled, #212121);
467
476
  }
468
477
  .kd-select-single-disabled:hover {
469
478
  cursor: not-allowed;
470
479
  }
480
+ .kd-select-single-disabled .kd-select-suffix {
481
+ color: var(--kd-c-select-arrow-icon-color-text-disabled, #b2b2b2);
482
+ }
471
483
  .kd-select-single:hover .kd-select-icon-clear {
472
484
  opacity: 1;
473
485
  }
@@ -478,7 +490,7 @@
478
490
  text-overflow: ellipsis;
479
491
  }
480
492
  .kd-select-single-disabled-text {
481
- color: #b2b2b2;
493
+ color: var(--kd-c-select-color-text-disabled, #212121);
482
494
  }
483
495
  .kd-select .kd-select-selection-item {
484
496
  display: -webkit-inline-box;
@@ -551,8 +563,11 @@
551
563
  }
552
564
  .kd-select-multiple-disabled {
553
565
  cursor: not-allowed;
554
- background-color: #f5f5f5;
555
- color: #b2b2b2;
566
+ background-color: var(--kd-c-select-color-background-disabled, #f5f5f5);
567
+ color: var(--kd-c-select-color-text-disabled, #212121);
568
+ }
569
+ .kd-select-multiple-disabled .kd-select-suffix {
570
+ color: var(--kd-c-select-arrow-icon-color-text-disabled, #b2b2b2);
556
571
  }
557
572
  .kd-select-multiple:hover .kd-select-icon-clear {
558
573
  opacity: 1;
@@ -594,7 +609,7 @@
594
609
  padding-left: 12px;
595
610
  }
596
611
  .kd-select-multiple-footer-hadSelected > span {
597
- color: var(--kd-c-select-footer-color-text-selected, var(--kd-g-color-text-link, #0e5fd8));
612
+ color: var(--kd-c-select-footer-color-text-selected, #0e5fd8);
598
613
  padding: 0 2px;
599
614
  }
600
615
  .kd-select.topLeft.hidden,