@kdcloudjs/kdesign 1.0.4 → 1.1.2

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 (144) hide show
  1. package/CHANGELOG.md +62 -0
  2. package/dist/kdesign-complete.less +230 -224
  3. package/dist/kdesign.css +127 -96
  4. package/dist/kdesign.css.map +1 -1
  5. package/dist/kdesign.js +46 -52
  6. package/dist/kdesign.js.map +1 -1
  7. package/dist/kdesign.min.css +4 -4
  8. package/dist/kdesign.min.js +6 -6
  9. package/dist/kdesign.min.js.map +1 -1
  10. package/es/anchor/style/index.css +5 -0
  11. package/es/anchor/style/index.less +5 -0
  12. package/es/avatar/style/token.less +13 -8
  13. package/es/base-data/base-data.js +5 -1
  14. package/es/base-data/style/index.css +8 -3
  15. package/es/base-data/style/index.less +8 -3
  16. package/es/base-data/style/token.less +7 -0
  17. package/es/button/style/index.css +4 -4
  18. package/es/button/style/index.less +1 -1
  19. package/es/button/style/token.less +16 -14
  20. package/es/card/card.d.ts +1 -0
  21. package/es/card/card.js +4 -1
  22. package/es/card/style/index.css +16 -0
  23. package/es/card/style/index.less +19 -0
  24. package/es/card/style/token.less +8 -8
  25. package/es/carousel/style/index.css +4 -4
  26. package/es/carousel/style/token.less +10 -9
  27. package/es/city-picker/style/token.less +7 -7
  28. package/es/config-provider/compDefaultProps.d.ts +0 -1
  29. package/es/config-provider/compDefaultProps.js +1 -2
  30. package/es/date-picker/style/index.css +8 -8
  31. package/es/date-picker/style/index.less +8 -8
  32. package/es/date-picker/style/token.less +3 -21
  33. package/es/drawer/drawer.d.ts +0 -1
  34. package/es/drawer/drawer.js +6 -26
  35. package/es/drawer/style/index.css +8 -11
  36. package/es/drawer/style/index.less +7 -9
  37. package/es/drawer/style/token.less +3 -1
  38. package/es/dropdown/dropdown.d.ts +1 -0
  39. package/es/dropdown/dropdown.js +9 -6
  40. package/es/dropdown/menu.d.ts +1 -1
  41. package/es/dropdown/menu.js +3 -3
  42. package/es/form/Field.js +4 -2
  43. package/es/form/style/index.css +1 -2
  44. package/es/form/style/index.less +1 -2
  45. package/es/form/style/token.less +7 -12
  46. package/es/icon/interface.js +1 -1
  47. package/es/image/style/token.less +0 -13
  48. package/es/menu/menuItem.js +1 -2
  49. package/es/message/content.js +7 -3
  50. package/es/message/style/index.css +30 -13
  51. package/es/message/style/index.less +22 -9
  52. package/es/message/style/token.less +29 -5
  53. package/es/notification/content.js +1 -1
  54. package/es/notification/style/index.css +1 -1
  55. package/es/notification/style/index.less +1 -1
  56. package/es/pagination/pagination.js +2 -2
  57. package/es/pagination/style/token.less +5 -3
  58. package/es/progress/style/token.less +0 -8
  59. package/es/radio/style/token.less +0 -16
  60. package/es/select/style/index.css +2 -2
  61. package/es/select/style/token.less +2 -2
  62. package/es/split-panel/style/index.css +24 -42
  63. package/es/split-panel/style/index.less +14 -33
  64. package/es/split-panel/style/token.less +15 -4
  65. package/es/stepper/style/index.css +1 -0
  66. package/es/stepper/style/index.less +1 -0
  67. package/es/stepper/style/token.less +8 -10
  68. package/es/switch/style/token.less +0 -6
  69. package/es/timeline/style/token.less +0 -8
  70. package/es/transfer/operation.js +2 -2
  71. package/es/transfer/style/index.css +5 -1
  72. package/es/transfer/style/index.less +4 -0
  73. package/es/transfer/style/token.less +1 -1
  74. package/es/tree/style/index.css +6 -3
  75. package/es/tree/style/index.less +4 -0
  76. package/es/tree/style/token.less +2 -2
  77. package/lib/anchor/style/index.css +5 -0
  78. package/lib/anchor/style/index.less +5 -0
  79. package/lib/avatar/style/token.less +13 -8
  80. package/lib/base-data/base-data.js +5 -1
  81. package/lib/base-data/style/index.css +8 -3
  82. package/lib/base-data/style/index.less +8 -3
  83. package/lib/base-data/style/token.less +7 -0
  84. package/lib/button/style/index.css +4 -4
  85. package/lib/button/style/index.less +1 -1
  86. package/lib/button/style/token.less +16 -14
  87. package/lib/card/card.d.ts +1 -0
  88. package/lib/card/card.js +4 -1
  89. package/lib/card/style/index.css +16 -0
  90. package/lib/card/style/index.less +19 -0
  91. package/lib/card/style/token.less +8 -8
  92. package/lib/carousel/style/index.css +4 -4
  93. package/lib/carousel/style/token.less +10 -9
  94. package/lib/city-picker/style/token.less +7 -7
  95. package/lib/config-provider/compDefaultProps.d.ts +0 -1
  96. package/lib/config-provider/compDefaultProps.js +1 -2
  97. package/lib/date-picker/style/index.css +8 -8
  98. package/lib/date-picker/style/index.less +8 -8
  99. package/lib/date-picker/style/token.less +3 -21
  100. package/lib/drawer/drawer.d.ts +0 -1
  101. package/lib/drawer/drawer.js +6 -26
  102. package/lib/drawer/style/index.css +8 -11
  103. package/lib/drawer/style/index.less +7 -9
  104. package/lib/drawer/style/token.less +3 -1
  105. package/lib/dropdown/dropdown.d.ts +1 -0
  106. package/lib/dropdown/dropdown.js +9 -6
  107. package/lib/dropdown/menu.d.ts +1 -1
  108. package/lib/dropdown/menu.js +3 -3
  109. package/lib/form/Field.js +4 -2
  110. package/lib/form/style/index.css +1 -2
  111. package/lib/form/style/index.less +1 -2
  112. package/lib/form/style/token.less +7 -12
  113. package/lib/icon/interface.js +1 -1
  114. package/lib/image/style/token.less +0 -13
  115. package/lib/menu/menuItem.js +1 -2
  116. package/lib/message/content.js +7 -3
  117. package/lib/message/style/index.css +30 -13
  118. package/lib/message/style/index.less +22 -9
  119. package/lib/message/style/token.less +29 -5
  120. package/lib/notification/content.js +1 -1
  121. package/lib/notification/style/index.css +1 -1
  122. package/lib/notification/style/index.less +1 -1
  123. package/lib/pagination/pagination.js +2 -2
  124. package/lib/pagination/style/token.less +5 -3
  125. package/lib/progress/style/token.less +0 -8
  126. package/lib/radio/style/token.less +0 -16
  127. package/lib/select/style/index.css +2 -2
  128. package/lib/select/style/token.less +2 -2
  129. package/lib/split-panel/style/index.css +24 -42
  130. package/lib/split-panel/style/index.less +14 -33
  131. package/lib/split-panel/style/token.less +15 -4
  132. package/lib/stepper/style/index.css +1 -0
  133. package/lib/stepper/style/index.less +1 -0
  134. package/lib/stepper/style/token.less +8 -10
  135. package/lib/switch/style/token.less +0 -6
  136. package/lib/timeline/style/token.less +0 -8
  137. package/lib/transfer/operation.js +2 -2
  138. package/lib/transfer/style/index.css +5 -1
  139. package/lib/transfer/style/index.less +4 -0
  140. package/lib/transfer/style/token.less +1 -1
  141. package/lib/tree/style/index.css +6 -3
  142. package/lib/tree/style/index.less +4 -0
  143. package/lib/tree/style/token.less +2 -2
  144. package/package.json +1 -1
@@ -109,6 +109,7 @@
109
109
  text-align: center;
110
110
  color: var(--kd-c-stepper-input-color, var(--kd-g-color-text-primary, #212121));
111
111
  margin: 0 4px;
112
+ font-size: var(--kd-c-stepper-input-font-size, 12px);
112
113
  }
113
114
  .kd-inputNumber-icon {
114
115
  font-size: 14px;
@@ -10,6 +10,7 @@
10
10
  text-align: center;
11
11
  color: @stepper-input-color;
12
12
  margin: 0 4px;
13
+ font-size: @stepper-input-font-size;
13
14
  }
14
15
 
15
16
  &-icon {
@@ -1,8 +1,6 @@
1
1
  @import "../../style/themes/token.less";
2
-
3
2
  @stepper-prefix: '--@{kd-prefix}-c-stepper';
4
3
 
5
- // shadow
6
4
  // color
7
5
  @stepper-input-color: var(~'@{stepper-prefix}-input-color', @color-text-primary);
8
6
  @stepper-icon-color: var(~'@{stepper-prefix}-icon-color', @color-text-secondary);
@@ -10,6 +8,14 @@
10
8
  @stepper-color-border-strong: var(~'@{stepper-prefix}-color-border-strong', @color-border-strong);
11
9
  @stepper-embed-icon-color-background: var(~'@{stepper-prefix}-embed-icon-color-background', #f6f7f9);
12
10
 
11
+ // font
12
+ @stepper-input-font-size: var(~'@{stepper-prefix}-input-font-size', 12px);
13
+
14
+
15
+ // motion
16
+ @stepper-motion-duration: var(~'@{stepper-prefix}-motion-duration', @duration-promptly);
17
+
18
+
13
19
  // sizing
14
20
  @stepper-input-small-sizing-height: var(~'@{stepper-prefix}-input-small-sizing-height', 20px);
15
21
  @stepper-input-middle-sizing-height: var(~'@{stepper-prefix}-input-middle-sizing-height', 28px);
@@ -18,11 +24,3 @@
18
24
  // spacing
19
25
  @stepper-input-spacing-padding-horizontal: var(~'@{stepper-prefix}-input-spacing-padding-horizontal', 9px);
20
26
 
21
- // motion
22
- @stepper-motion-duration: var(~'@{stepper-prefix}-motion-duration', @duration-promptly);
23
-
24
- // font
25
- // radius
26
- // line-height
27
- // z-index
28
-
@@ -3,12 +3,6 @@
3
3
  @switch-prefix: '--@{kd-prefix}-c-switch';
4
4
 
5
5
 
6
-
7
-
8
-
9
-
10
-
11
-
12
6
  // color
13
7
  @switch-on-color: var(~'@{switch-prefix}-color-on', @color-theme);
14
8
  @switch-off-color: var(~'@{switch-prefix}-color-off', #999);
@@ -1,10 +1,6 @@
1
1
  @import '../../style/themes/token.less';
2
2
 
3
-
4
-
5
3
  @timeline-prefix: '--@{kd-prefix}-c-timeline';
6
-
7
-
8
4
  @timeline-gap: 8px;
9
5
 
10
6
  // @timeline-dot-size: var(~'@{timeline-prefix}-dot-sizing',9px);
@@ -12,10 +8,6 @@
12
8
 
13
9
 
14
10
 
15
-
16
-
17
-
18
-
19
11
  // color
20
12
  @timeline-finished-color: var(~'@{timeline-prefix}-finished-color',@color-theme);
21
13
  @timeline-error-color: var(~'@{timeline-prefix}-error-color',@color-error);
@@ -31,7 +31,7 @@ var Operation = function Operation(_ref) {
31
31
  className: className,
32
32
  style: style
33
33
  }, /*#__PURE__*/_react.default.createElement(_button.default, {
34
- type: "primary",
34
+ type: disabled || !rightActive ? 'ghost' : 'primary',
35
35
  size: "small",
36
36
  disabled: disabled || !rightActive,
37
37
  onClick: moveToRight,
@@ -41,7 +41,7 @@ var Operation = function Operation(_ref) {
41
41
  type: "arrow-left"
42
42
  })
43
43
  }, rightArrowText), !oneWay && /*#__PURE__*/_react.default.createElement(_button.default, {
44
- type: "primary",
44
+ type: disabled || !leftActive ? 'ghost' : 'primary',
45
45
  size: "small",
46
46
  disabled: disabled || !leftActive,
47
47
  onClick: moveToLeft,
@@ -195,7 +195,7 @@
195
195
  position: relative;
196
196
  }
197
197
  .kd-transfer-list-search-prefix i {
198
- color: var(--kd-c-transfer-search-icon-color-text-prefix, var(--kd-g-color-theme, #5582f3));
198
+ color: var(--kd-c-transfer-search-icon-color-text-prefix, #999);
199
199
  }
200
200
  .kd-transfer-list-search-suffix {
201
201
  cursor: pointer;
@@ -347,7 +347,11 @@
347
347
  padding: 0 10px;
348
348
  -webkit-box-sizing: border-box;
349
349
  box-sizing: border-box;
350
+ min-width: 40px;
350
351
  }
351
352
  .kd-transfer-operation .kd-btn + .kd-btn {
352
353
  margin-top: 20px;
353
354
  }
355
+ .kd-transfer-operation .kd-btn .kd-btn-iconWrapper-left {
356
+ float: none;
357
+ }
@@ -178,9 +178,13 @@
178
178
  height: 28px;
179
179
  padding: 0 10px;
180
180
  box-sizing: border-box;
181
+ min-width:40px;
181
182
  & + .@{kd-prefix}-btn {
182
183
  margin-top: 20px;
183
184
  }
185
+ .@{kd-prefix}-btn-iconWrapper-left {
186
+ float: none;
187
+ }
184
188
  }
185
189
  }
186
190
  }
@@ -24,6 +24,6 @@
24
24
  // text
25
25
  @transfer-list-item-checked: var(~'@{transfer-custom-prefix}-list-item-color-text-checked', @color-theme);
26
26
  @transfer-list-item-disabled: var(~'@{transfer-custom-prefix}-list-item-color-text-disabled', @color-disabled);
27
- @transfer-search-prefix-icon-color: var(~'@{transfer-custom-prefix}-search-icon-color-text-prefix', @color-theme);
27
+ @transfer-search-prefix-icon-color: var(~'@{transfer-custom-prefix}-search-icon-color-text-prefix', #999);
28
28
  @transfer-search-suffix-icon-color: var(~'@{transfer-custom-prefix}-search-icon-color-text-suffix', #bbb);
29
29
  @transfer-search-suffix-icon-color-hover: var(~'@{transfer-custom-prefix}-search-icon-color-text-suffix-hover', #999);
@@ -227,11 +227,14 @@
227
227
  margin-left: 6px;
228
228
  }
229
229
  .kd-tree-node-selected {
230
- background-color: var(--kd-c-tree-node-color-backgroung-checked, #E3EBFF) !important;
231
- color: var(--kd-c-tree-node-color-text-checked, var(--kd-g-color-theme-6, #5582f3));
230
+ background-color: var(--kd-c-tree-node-color-backgroung-checked, var(--kd-g-color-theme-3, #e3eeff)) !important;
231
+ color: var(--kd-c-tree-node-color-text-checked, var(--kd-g-color-theme, #5582f3));
232
232
  }
233
233
  .kd-tree-node-selected .kd-tree-node-title {
234
- color: var(--kd-c-tree-node-color-text-checked, var(--kd-g-color-theme-6, #5582f3));
234
+ color: var(--kd-c-tree-node-color-text-checked, var(--kd-g-color-theme, #5582f3));
235
+ }
236
+ .kd-tree-node-selected .kd-tree-node-icon {
237
+ color: var(--kd-c-tree-node-color-text-checked, var(--kd-g-color-theme, #5582f3));
235
238
  }
236
239
  .kd-tree-node-draggabled {
237
240
  display: -webkit-box;
@@ -105,6 +105,10 @@
105
105
  .@{tree-node-prefix-cls}-title {
106
106
  color: @tree-node-checked-text-color;
107
107
  }
108
+
109
+ .@{tree-node-prefix-cls}-icon {
110
+ color: @tree-node-checked-text-color;
111
+ }
108
112
  }
109
113
 
110
114
  &-draggabled {
@@ -7,8 +7,8 @@
7
7
  @tree-node-disabled-color: var(~'@{tree-prefix}-node-color-disabled', @color-disabled);
8
8
  @tree-node-disabled-border-color: var(~'@{tree-prefix}-node-color-border-disabled', @color-border-disabled);
9
9
  @tree-color-theme: var(~'@{tree-prefix}-color-theme', @color-theme);
10
- @tree-node-checked-bg-color: var(~'@{tree-prefix}-node-color-backgroung-checked', #E3EBFF);
11
- @tree-node-checked-text-color: var(~'@{tree-prefix}-node-color-text-checked', @color-theme-6);
10
+ @tree-node-checked-bg-color: var(~'@{tree-prefix}-node-color-backgroung-checked', @color-theme-3);
11
+ @tree-node-checked-text-color: var(~'@{tree-prefix}-node-color-text-checked', @color-theme);
12
12
  @tree-node-hover-bg-color: var(~'@{tree-prefix}-node-color-backgroung-hover', @color-hover);
13
13
  @tree-node-icon-color-text: var(~'@{tree-prefix}-node-icon-color-text', #666666);
14
14
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kdcloudjs/kdesign",
3
- "version": "1.0.4",
3
+ "version": "1.1.2",
4
4
  "description": "KDesign 金蝶前端react 组件库",
5
5
  "title": "kdesign",
6
6
  "keywords": [