@kdcloudjs/kdesign 1.7.4 → 1.7.6

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 (50) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/kdesign-complete.less +268 -212
  3. package/dist/kdesign.css +34 -10
  4. package/dist/kdesign.css.map +1 -1
  5. package/dist/kdesign.js +64 -34
  6. package/dist/kdesign.js.map +1 -1
  7. package/dist/kdesign.min.css +3 -3
  8. package/dist/kdesign.min.js +3 -3
  9. package/dist/kdesign.min.js.map +1 -1
  10. package/es/color-picker/color-picker-panel.js +3 -6
  11. package/es/color-picker/interface.d.ts +10 -2
  12. package/es/color-picker/style/index.css +21 -0
  13. package/es/color-picker/style/index.less +260 -213
  14. package/es/config-provider/compDefaultProps.d.ts +5 -0
  15. package/es/config-provider/compDefaultProps.js +6 -1
  16. package/es/dropdown/dropdown.js +3 -1
  17. package/es/form/Field.js +1 -0
  18. package/es/input/ClearableLabeledInput.d.ts +1 -0
  19. package/es/input/ClearableLabeledInput.js +4 -3
  20. package/es/input/TextArea.d.ts +1 -0
  21. package/es/input/TextArea.js +3 -2
  22. package/es/input/input.d.ts +1 -0
  23. package/es/input/input.js +3 -2
  24. package/es/input/style/index.css +12 -9
  25. package/es/input/style/index.less +5 -1
  26. package/es/input/style/mixin.less +5 -2
  27. package/es/input/style/token.less +1 -0
  28. package/es/tree/tree.d.ts +1 -0
  29. package/es/tree/treeHooks.js +1 -1
  30. package/lib/color-picker/color-picker-panel.js +3 -6
  31. package/lib/color-picker/interface.d.ts +10 -2
  32. package/lib/color-picker/style/index.css +21 -0
  33. package/lib/color-picker/style/index.less +260 -213
  34. package/lib/config-provider/compDefaultProps.d.ts +5 -0
  35. package/lib/config-provider/compDefaultProps.js +6 -1
  36. package/lib/dropdown/dropdown.js +3 -1
  37. package/lib/form/Field.js +1 -0
  38. package/lib/input/ClearableLabeledInput.d.ts +1 -0
  39. package/lib/input/ClearableLabeledInput.js +4 -3
  40. package/lib/input/TextArea.d.ts +1 -0
  41. package/lib/input/TextArea.js +3 -2
  42. package/lib/input/input.d.ts +1 -0
  43. package/lib/input/input.js +3 -2
  44. package/lib/input/style/index.css +12 -9
  45. package/lib/input/style/index.less +5 -1
  46. package/lib/input/style/mixin.less +5 -2
  47. package/lib/input/style/token.less +1 -0
  48. package/lib/tree/tree.d.ts +1 -0
  49. package/lib/tree/treeHooks.js +1 -1
  50. package/package.json +3 -1
package/lib/input/style/index.css CHANGED
@@ -146,10 +146,10 @@ textarea {
146
146
  box-shadow: none;
147
147
  outline: none;
148
148
  }
149
- .kd-input:not(.kd-input-disabled):hover {
149
+ .kd-input:not(.kd-input-disabled):not(.kd-input-error):hover {
150
150
  border-color: var(--kd-c-input-color-border-focused, var(--kd-g-color-theme, #5582f3));
151
151
  }
152
- .kd-input:not(.kd-input-disabled):focus {
152
+ .kd-input:not(.kd-input-disabled):not(.kd-input-error):focus {
153
153
  color: #212121;
154
154
  border-color: var(--kd-c-input-color-border-focused, var(--kd-g-color-theme, #5582f3));
155
155
  }
@@ -193,10 +193,10 @@ textarea {
193
193
  box-shadow: none;
194
194
  outline: none;
195
195
  }
196
- .kd-input-textarea:not(.kd-input-disabled):hover {
196
+ .kd-input-textarea:not(.kd-input-disabled):not(.kd-input-error):hover {
197
197
  border-color: var(--kd-c-input-color-border-focused, var(--kd-g-color-theme, #5582f3));
198
198
  }
199
- .kd-input-textarea:not(.kd-input-disabled):focus {
199
+ .kd-input-textarea:not(.kd-input-disabled):not(.kd-input-error):focus {
200
200
  color: #212121;
201
201
  border-color: var(--kd-c-input-color-border-focused, var(--kd-g-color-theme, #5582f3));
202
202
  }
@@ -300,10 +300,10 @@ textarea {
300
300
  box-shadow: none;
301
301
  outline: none;
302
302
  }
303
- .kd-input-wrapper:not(.kd-input-wrapper-disabled):hover {
303
+ .kd-input-wrapper:not(.kd-input-wrapper-disabled):not(.kd-input-error):hover {
304
304
  border-color: var(--kd-c-input-color-border-focused, var(--kd-g-color-theme, #5582f3));
305
305
  }
306
- .kd-input-wrapper:not(.kd-input-wrapper-disabled):focus {
306
+ .kd-input-wrapper:not(.kd-input-wrapper-disabled):not(.kd-input-error):focus {
307
307
  color: #212121;
308
308
  border-color: var(--kd-c-input-color-border-focused, var(--kd-g-color-theme, #5582f3));
309
309
  }
@@ -363,7 +363,7 @@ textarea {
363
363
  border-radius: 0 !important;
364
364
  padding-left: 0;
365
365
  }
366
- .kd-input-wrapper-focused {
366
+ .kd-input-wrapper-focused:not(.kd-input-error) {
367
367
  border-color: var(--kd-c-input-color-border-focused, var(--kd-g-color-theme, #5582f3));
368
368
  }
369
369
  .kd-input-wrapper-disabled {
@@ -408,10 +408,10 @@ textarea {
408
408
  box-shadow: none;
409
409
  outline: none;
410
410
  }
411
- .kd-input-wrapper-textarea:not(.kd-input-disabled):hover {
411
+ .kd-input-wrapper-textarea:not(.kd-input-disabled):not(.kd-input-error):hover {
412
412
  border-color: var(--kd-c-input-color-border-focused, var(--kd-g-color-theme, #5582f3));
413
413
  }
414
- .kd-input-wrapper-textarea:not(.kd-input-disabled):focus {
414
+ .kd-input-wrapper-textarea:not(.kd-input-disabled):not(.kd-input-error):focus {
415
415
  color: #212121;
416
416
  border-color: var(--kd-c-input-color-border-focused, var(--kd-g-color-theme, #5582f3));
417
417
  }
@@ -537,3 +537,6 @@ textarea {
537
537
  .kd-input-input-mark-inner {
538
538
  color: var(--kd-c-input-placeholder-color-text, var(--kd-g-color-text-placeholder, #ccc));
539
539
  }
540
+ .kd-input-error:not(.kd-input-disabled):not(.kd-input-wrapper-disabled):not(.kd-input-group-addon-disabled) {
541
+ border-color: var(--kd-c-input-color-error, var(--kd-g-color-error, #fb2323));
542
+ }
package/lib/input/style/index.less CHANGED
@@ -152,7 +152,7 @@ textarea {
152
152
  .underline;
153
153
  }
154
154
 
155
- &-focused {
155
+ &-focused:not(.@{input-prefix-cls}-error) {
156
156
  border-color: @input-border-color-focused;
157
157
  }
158
158
 
@@ -308,4 +308,8 @@ textarea {
308
308
  &-input-mark-inner {
309
309
  color: @input-placeholder-color-inner;
310
310
  }
311
+
312
+ &-error:not(.@{input-prefix-cls}-disabled):not(.@{input-prefix-cls}-wrapper-disabled):not(.@{input-prefix-cls}-group-addon-disabled) {
313
+ border-color: @input-error-color;
314
+ }
311
315
  }
package/lib/input/style/mixin.less CHANGED
@@ -1,8 +1,11 @@
1
+ @import '../../style/themes/index';
1
2
  @import './token.less';
3
+ @input-prefix-cls: ~'@{kd-prefix}-input';
2
4
 
3
5
  // 输入框默认样式Mixins
4
6
  .input(@prefix) {
5
7
  @disabled-prefix-cls: ~'@{prefix}-disabled';
8
+ @error-prefix-cls: ~'@{input-prefix-cls}-error';
6
9
  width: 100%;
7
10
  min-width: 0;
8
11
  border: @input-border-width-inner solid @input-border-color-disabled-inner;
@@ -29,10 +32,10 @@
29
32
  box-shadow: none;
30
33
  outline: none;
31
34
  }
32
- &:not(.@{disabled-prefix-cls}):hover {
35
+ &:not(.@{disabled-prefix-cls}):not(.@{error-prefix-cls}):hover {
33
36
  border-color: @input-border-color-focused;
34
37
  }
35
- &:not(.@{disabled-prefix-cls}):focus {
38
+ &:not(.@{disabled-prefix-cls}):not(.@{error-prefix-cls}):focus {
36
39
  color: @input-focus-color;
37
40
  border-color: @input-border-color-focused;
38
41
  }
package/lib/input/style/token.less CHANGED
@@ -21,6 +21,7 @@
21
21
  );
22
22
  @input-color-disabled-inner: var(~'@{input-prefix}-color-disabled', @color-disabled);
23
23
  @input-affix-color: var(~'@{input-prefix}-affix-color-text', #666);
24
+ @input-error-color: var(~'@{input-prefix}-color-error', @color-error);
24
25
 
25
26
  // font
26
27
  @input-small-font-size-inner: var(~'@{input-prefix}-font-size-small', @font-size-small);
package/lib/tree/tree.d.ts CHANGED
@@ -40,6 +40,7 @@ export interface TreeProps {
40
40
  estimatedItemSize?: number;
41
41
  expandOnClickNode?: boolean;
42
42
  onlyExpandOnClickIcon?: boolean;
43
+ showIcon?: boolean;
43
44
  }
44
45
  export declare type TreeNodeData = {
45
46
  checkable?: boolean;
package/lib/tree/treeHooks.js CHANGED
@@ -90,7 +90,7 @@ var useExpand = function useExpand(flattenAllData, expandedKeysProps, defaultExp
90
90
  setExpandedKeys = _React$useState8[1];
91
91
  _react.default.useEffect(function () {
92
92
  setExpandedKeys(initialExpandedKeys);
93
- }, [flattenAllData, expandedKeysProps, searchExpandedKeys, defaultExpandAll, defaultExpandedKeys, defaultExpandRoot, defaultExpandParent]);
93
+ }, [flattenAllData, expandedKeysProps, searchExpandedKeys, defaultExpandAll, defaultExpandedKeys, defaultExpandRoot, defaultExpandParent, scrollKey]);
94
94
  return [expandedKeys, setExpandedKeys];
95
95
  };
96
96
  exports.useExpand = useExpand;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kdcloudjs/kdesign",
3
- "version": "1.7.4",
3
+ "version": "1.7.6",
4
4
  "description": "KDesign 金蝶前端react 组件库",
5
5
  "title": "kdesign",
6
6
  "keywords": [
@@ -79,6 +79,7 @@
79
79
  "@babel/standalone": "^7.14.3",
80
80
  "@kdcloudjs/table": "1.1.5-canary.8",
81
81
  "@popperjs/core": "^2.5.4",
82
+ "@types/js-cookie": "^3.0.3",
82
83
  "async-validator": "^3.5.1",
83
84
  "axios": "^0.21.1",
84
85
  "big.js": "^6.0.2",
@@ -87,6 +88,7 @@
87
88
  "copy-to-clipboard": "^3.3.1",
88
89
  "cropperjs": "^1.5.12",
89
90
  "date-fns": "2.28.0",
91
+ "js-cookie": "^3.0.1",
90
92
  "lodash": "^4.17.20",
91
93
  "react-color": "^2.19.3",
92
94
  "react-draggable": "^4.4.3",