@kdcloudjs/kdesign 1.1.2 → 1.2.1

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 (160) hide show
  1. package/CHANGELOG.md +61 -0
  2. package/dist/kdesign-complete.less +1125 -926
  3. package/dist/kdesign.css +485 -432
  4. package/dist/kdesign.css.map +1 -1
  5. package/dist/kdesign.js +516 -251
  6. package/dist/kdesign.js.map +1 -1
  7. package/dist/kdesign.min.css +4 -4
  8. package/dist/kdesign.min.js +8 -8
  9. package/dist/kdesign.min.js.map +1 -1
  10. package/es/_utils/usePopper.js +37 -16
  11. package/es/anchor/anchor.js +0 -6
  12. package/es/anchor/style/index.css +5 -2
  13. package/es/anchor/style/index.less +6 -2
  14. package/es/anchor/style/token.less +2 -1
  15. package/es/button/button.d.ts +1 -1
  16. package/es/button/button.js +2 -2
  17. package/es/button/group.d.ts +21 -0
  18. package/es/button/group.js +130 -0
  19. package/es/button/index.d.ts +5 -1
  20. package/es/button/index.js +4 -1
  21. package/es/button/style/index.css +117 -21
  22. package/es/button/style/index.less +332 -192
  23. package/es/button/style/token.less +41 -25
  24. package/es/carousel/carousel.js +4 -0
  25. package/es/checkbox/checkbox.js +3 -4
  26. package/es/checkbox/style/index.css +36 -33
  27. package/es/checkbox/style/index.less +25 -18
  28. package/es/checkbox/style/token.less +34 -35
  29. package/es/collapse/panel.d.ts +1 -0
  30. package/es/collapse/panel.js +17 -5
  31. package/es/collapse/style/index.css +32 -6
  32. package/es/collapse/style/index.less +24 -1
  33. package/es/collapse/style/token.less +12 -10
  34. package/es/config-provider/compDefaultProps.d.ts +4 -0
  35. package/es/config-provider/compDefaultProps.js +4 -0
  36. package/es/drawer/drawer.d.ts +1 -0
  37. package/es/drawer/drawer.js +56 -21
  38. package/es/empty/defaultEmptyImg.js +5 -3
  39. package/es/empty/illustrationEmptyImg.js +6 -4
  40. package/es/icon/interface.js +1 -1
  41. package/es/image/preview.js +1 -1
  42. package/es/image/style/index.css +8 -8
  43. package/es/image/style/index.less +5 -5
  44. package/es/image/style/token.less +12 -25
  45. package/es/input/style/index.css +53 -50
  46. package/es/input/style/index.less +5 -4
  47. package/es/input/style/mixin.less +1 -0
  48. package/es/input/style/token.less +23 -20
  49. package/es/layout/style/index.css +1 -1
  50. package/es/layout/style/index.less +1 -1
  51. package/es/layout/style/token.less +5 -5
  52. package/es/menu/menu.js +1 -1
  53. package/es/menu/style/index.css +37 -31
  54. package/es/menu/style/index.less +14 -0
  55. package/es/menu/style/mixin.less +1 -1
  56. package/es/menu/style/token.less +13 -16
  57. package/es/pagination/pagination.js +4 -4
  58. package/es/pagination/style/index.css +70 -55
  59. package/es/pagination/style/index.less +61 -43
  60. package/es/pagination/style/token.less +4 -4
  61. package/es/radio/radio.js +23 -8
  62. package/es/radio/style/index.css +46 -18
  63. package/es/radio/style/index.less +27 -1
  64. package/es/radio/style/token.less +4 -4
  65. package/es/rate/style/index.css +9 -9
  66. package/es/rate/style/token.less +6 -6
  67. package/es/select/option.js +1 -1
  68. package/es/select/style/index.css +14 -5
  69. package/es/select/style/index.less +374 -368
  70. package/es/select/style/token.less +2 -2
  71. package/es/stepper/style/index.css +1 -1
  72. package/es/stepper/style/token.less +1 -1
  73. package/es/steps/style/index.css +40 -32
  74. package/es/steps/style/index.less +23 -33
  75. package/es/steps/style/token.less +6 -9
  76. package/es/style/icon/kdicon.css +225 -0
  77. package/es/style/icon/kdicon.woff +0 -0
  78. package/es/switch/style/index.css +11 -11
  79. package/es/switch/style/index.less +2 -2
  80. package/es/switch/style/token.less +7 -10
  81. package/es/tag/style/index.css +2 -147
  82. package/es/tag/style/index.less +4 -24
  83. package/es/tag/style/mixin.less +0 -13
  84. package/es/tag/style/token.less +1 -1
  85. package/lib/_utils/usePopper.js +38 -16
  86. package/lib/anchor/anchor.js +0 -6
  87. package/lib/anchor/style/index.css +5 -2
  88. package/lib/anchor/style/index.less +6 -2
  89. package/lib/anchor/style/token.less +2 -1
  90. package/lib/button/button.d.ts +1 -1
  91. package/lib/button/button.js +2 -2
  92. package/lib/button/group.d.ts +21 -0
  93. package/lib/button/group.js +166 -0
  94. package/lib/button/index.d.ts +5 -1
  95. package/lib/button/index.js +5 -1
  96. package/lib/button/style/index.css +117 -21
  97. package/lib/button/style/index.less +332 -192
  98. package/lib/button/style/token.less +41 -25
  99. package/lib/carousel/carousel.js +4 -0
  100. package/lib/checkbox/checkbox.js +3 -4
  101. package/lib/checkbox/style/index.css +36 -33
  102. package/lib/checkbox/style/index.less +25 -18
  103. package/lib/checkbox/style/token.less +34 -35
  104. package/lib/collapse/panel.d.ts +1 -0
  105. package/lib/collapse/panel.js +17 -5
  106. package/lib/collapse/style/index.css +32 -6
  107. package/lib/collapse/style/index.less +24 -1
  108. package/lib/collapse/style/token.less +12 -10
  109. package/lib/config-provider/compDefaultProps.d.ts +4 -0
  110. package/lib/config-provider/compDefaultProps.js +4 -0
  111. package/lib/drawer/drawer.d.ts +1 -0
  112. package/lib/drawer/drawer.js +61 -27
  113. package/lib/empty/defaultEmptyImg.js +6 -3
  114. package/lib/empty/illustrationEmptyImg.js +7 -4
  115. package/lib/icon/interface.js +1 -1
  116. package/lib/image/preview.js +1 -1
  117. package/lib/image/style/index.css +8 -8
  118. package/lib/image/style/index.less +5 -5
  119. package/lib/image/style/token.less +12 -25
  120. package/lib/input/style/index.css +53 -50
  121. package/lib/input/style/index.less +5 -4
  122. package/lib/input/style/mixin.less +1 -0
  123. package/lib/input/style/token.less +23 -20
  124. package/lib/layout/style/index.css +1 -1
  125. package/lib/layout/style/index.less +1 -1
  126. package/lib/layout/style/token.less +5 -5
  127. package/lib/menu/menu.js +1 -1
  128. package/lib/menu/style/index.css +37 -31
  129. package/lib/menu/style/index.less +14 -0
  130. package/lib/menu/style/mixin.less +1 -1
  131. package/lib/menu/style/token.less +13 -16
  132. package/lib/pagination/pagination.js +4 -3
  133. package/lib/pagination/style/index.css +70 -55
  134. package/lib/pagination/style/index.less +61 -43
  135. package/lib/pagination/style/token.less +4 -4
  136. package/lib/radio/radio.js +23 -8
  137. package/lib/radio/style/index.css +46 -18
  138. package/lib/radio/style/index.less +27 -1
  139. package/lib/radio/style/token.less +4 -4
  140. package/lib/rate/style/index.css +9 -9
  141. package/lib/rate/style/token.less +6 -6
  142. package/lib/select/option.js +1 -1
  143. package/lib/select/style/index.css +14 -5
  144. package/lib/select/style/index.less +374 -368
  145. package/lib/select/style/token.less +2 -2
  146. package/lib/stepper/style/index.css +1 -1
  147. package/lib/stepper/style/token.less +1 -1
  148. package/lib/steps/style/index.css +40 -32
  149. package/lib/steps/style/index.less +23 -33
  150. package/lib/steps/style/token.less +6 -9
  151. package/lib/style/icon/kdicon.css +225 -0
  152. package/lib/style/icon/kdicon.woff +0 -0
  153. package/lib/switch/style/index.css +11 -11
  154. package/lib/switch/style/index.less +2 -2
  155. package/lib/switch/style/token.less +7 -10
  156. package/lib/tag/style/index.css +2 -147
  157. package/lib/tag/style/index.less +4 -24
  158. package/lib/tag/style/mixin.less +0 -13
  159. package/lib/tag/style/token.less +1 -1
  160. package/package.json +1 -1
package/lib/rate/style/token.less CHANGED
@@ -3,16 +3,16 @@
3
3
  @rate-prefix: '--@{kd-prefix}-c-rate';
4
4
 
5
5
  // color
6
- @rate-selected-color: var(~'@{rate-prefix}-color-text-selected', #fdc200);
7
- @rate-not-selected-color: var(~'@{rate-prefix}-color-text-not-selected', #d9d9d9);
6
+ @rate-selected-color: var(~'@{rate-prefix}-color-text-selected', #FEC104);
7
+ @rate-not-selected-color: var(~'@{rate-prefix}-color-text-not-selected', #E5E5E5);
8
8
 
9
9
  // font
10
- @rate-small-font-size: var(~'@{rate-prefix}-font-size-small', @font-size-small);
11
- @rate-middle-font-size: var(~'@{rate-prefix}-font-size-middle', @font-size-middle);
12
- @rate-large-font-size: var(~'@{rate-prefix}-font-size-large', @font-size-large);
10
+ @rate-small-font-size: var(~'@{rate-prefix}-font-size-small', 12px);
11
+ @rate-middle-font-size: var(~'@{rate-prefix}-font-size-middle', 16px);
12
+ @rate-large-font-size: var(~'@{rate-prefix}-font-size-large', 20px);
13
13
 
14
14
  // motion
15
15
  @rate-transition-duration: var(~'@{rate-prefix}-motion-duration', @duration-promptly);
16
16
 
17
17
  // spacing
18
- @rate-icon-margin: var(~'@{rate-prefix}-spacing-margin-right', 10px);
18
+ @rate-icon-margin: var(~'@{rate-prefix}-spacing-margin-right', 8px);
package/lib/select/option.js CHANGED
@@ -83,7 +83,7 @@ var InternalOption = function InternalOption(props, ref) {
83
83
 
84
84
  var titleText = (0, _typeof2.default)(children) !== 'object' ? children : null;
85
85
  var checkStyle = {
86
- height: '30px',
86
+ height: '22px',
87
87
  background: 'none'
88
88
  };
89
89
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
package/lib/select/style/index.css CHANGED
@@ -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,7 +465,7 @@
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;
@@ -594,7 +603,7 @@
594
603
  padding-left: 12px;
595
604
  }
596
605
  .kd-select-multiple-footer-hadSelected > span {
597
- color: var(--kd-c-select-footer-color-text-selected, var(--kd-g-color-text-link, #0e5fd8));
606
+ color: var(--kd-c-select-footer-color-text-selected, #0e5fd8);
598
607
  padding: 0 2px;
599
608
  }
600
609
  .kd-select.topLeft.hidden,