@kdcloudjs/kdesign 1.6.12 → 1.6.14

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 (44) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/dist/kdesign-complete.less +21 -10
  3. package/dist/kdesign.css +16 -13
  4. package/dist/kdesign.css.map +1 -1
  5. package/dist/kdesign.js +209 -179
  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/button/group.d.ts +9 -7
  11. package/es/button/group.js +6 -1
  12. package/es/config-provider/compDefaultProps.d.ts +2 -0
  13. package/es/config-provider/compDefaultProps.js +4 -2
  14. package/es/date-picker/range-picker.js +6 -17
  15. package/es/date-picker/style/index.css +9 -9
  16. package/es/date-picker/style/index.less +1 -1
  17. package/es/date-picker/style/token.less +1 -1
  18. package/es/form/Field.js +61 -33
  19. package/es/form/FieldContext.js +0 -1
  20. package/es/form/hooks/useForm.js +17 -24
  21. package/es/form/interface.d.ts +6 -3
  22. package/es/icon/icon.js +23 -4
  23. package/es/select/style/index.css +6 -3
  24. package/es/select/style/index.less +9 -3
  25. package/es/select/style/token.less +10 -5
  26. package/es/tooltip/tooltip.js +1 -2
  27. package/lib/button/group.d.ts +9 -7
  28. package/lib/button/group.js +6 -1
  29. package/lib/config-provider/compDefaultProps.d.ts +2 -0
  30. package/lib/config-provider/compDefaultProps.js +4 -2
  31. package/lib/date-picker/range-picker.js +6 -17
  32. package/lib/date-picker/style/index.css +9 -9
  33. package/lib/date-picker/style/index.less +1 -1
  34. package/lib/date-picker/style/token.less +1 -1
  35. package/lib/form/Field.js +62 -33
  36. package/lib/form/FieldContext.js +0 -1
  37. package/lib/form/hooks/useForm.js +17 -24
  38. package/lib/form/interface.d.ts +6 -3
  39. package/lib/icon/icon.js +22 -4
  40. package/lib/select/style/index.css +6 -3
  41. package/lib/select/style/index.less +9 -3
  42. package/lib/select/style/token.less +10 -5
  43. package/lib/tooltip/tooltip.js +1 -2
  44. package/package.json +3 -2
@@ -311,8 +311,8 @@
311
311
  }
312
312
  .kd-select-bordered {
313
313
  border: 1px solid var(--kd-c-select-border-color-border, var(--kd-g-color-border-strong, #d9d9d9));
314
- padding-left: 8px !important;
315
- border-radius: 2px;
314
+ padding-left: var(--kd-c-select-bordered-spacing-padding-left, 8px) !important;
315
+ border-radius: var(--kd-c-select-bordered-radius-border, 2px);
316
316
  }
317
317
  .kd-select-bordered:hover:not(.kd-select-multiple-disabled):not(.kd-select-single-disabled) {
318
318
  border: 1px solid var(--kd-c-select-color-border-hover, var(--kd-g-color-theme, #5582f3));
@@ -320,10 +320,13 @@
320
320
  .kd-select-bordered .kd-select-suffix {
321
321
  padding-right: 8px;
322
322
  }
323
+ .kd-select-bordered.kd-select-single .kd-select-selection-search {
324
+ left: var(--kd-c-select-bordered-spacing-padding-left, 8px);
325
+ }
323
326
  .kd-select-wrapper {
324
327
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
325
328
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
326
- padding: 1px 28px 1px 0;
329
+ padding: var(--kd-c-select-wrapper-spacing-padding, 1px 28px 1px 0);
327
330
  max-width: 100%;
328
331
  color: #212121;
329
332
  display: -webkit-box;
@@ -83,8 +83,8 @@
83
83
 
84
84
  &-bordered {
85
85
  border: 1px solid @select-border-g-color-border;
86
- padding-left: 8px !important;
87
- border-radius: 2px;
86
+ padding-left: @select-bordered !important;
87
+ border-radius: @select-border-radius-border;
88
88
  &:hover:not(.@{select-prefix-cls}-multiple-disabled):not(.@{select-prefix-cls}-single-disabled) {
89
89
  border: 1px solid @select-g-color-border-hover;
90
90
  }
@@ -92,11 +92,17 @@
92
92
  .@{select-prefix-cls}-suffix {
93
93
  padding-right: 8px;
94
94
  }
95
+
96
+ &.@{select-prefix-cls}-single {
97
+ .@{select-prefix-cls}-selection-search {
98
+ left: @select-bordered;
99
+ }
100
+ }
95
101
  }
96
102
 
97
103
  &-wrapper {
98
104
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
99
- padding: 1px 28px 1px 0;
105
+ padding: @select-wrapper-padding;
100
106
  max-width: 100%;
101
107
  color: #212121;
102
108
  display: flex;
@@ -30,20 +30,25 @@
30
30
  @select-middle-font-size: var(~'@{select-custom-prefix}-font-size-middle', 14px); // 中号高度
31
31
  @select-small-font-size: var(~'@{select-custom-prefix}-font-size-small', 12px); // 小号高度
32
32
 
33
+ // line-height
34
+ @select-dropdown-line-height: var(~'@{select-custom-prefix}-dropdown-line-height', 22px);
35
+ @select-large-line-height: var(~'@{select-custom-prefix}-line-height-large', 28px);
36
+ @select-middle-line-height: var(~'@{select-custom-prefix}-line-height-middle', 22px);
37
+ @select-small-line-height: var(~'@{select-custom-prefix}-line-height-small', 14px);
38
+
33
39
  // sizing
34
40
  @select-dropdown-height: var(~'@{select-custom-prefix}-item-sizing-height', 22px);
35
41
  @select-large-height: var(~'@{select-custom-prefix}-sizing-height-large', 36px); // 大号高度 lh:28px
36
42
  @select-middle-height: var(~'@{select-custom-prefix}-sizing-height-middle', 30px); // 中号高度lh:22px
37
43
  @select-small-height: var(~'@{select-custom-prefix}-sizing-height-small', 24px); // 小号高度lh:12px
38
44
 
39
- // line-height
40
- @select-dropdown-line-height: var(~'@{select-custom-prefix}-dropdown-line-height', 22px);
41
- @select-large-line-height: var(~'@{select-custom-prefix}-line-height-large', 28px);
42
- @select-middle-line-height: var(~'@{select-custom-prefix}-line-height-middle', 22px);
43
- @select-small-line-height: var(~'@{select-custom-prefix}-line-height-small', 14px);
45
+ // spacing
46
+ @select-bordered: var(~'@{select-custom-prefix}-bordered-spacing-padding-left', 8px);
47
+ @select-wrapper-padding: var(~'@{select-custom-prefix}-wrapper-spacing-padding', 1px 28px 1px 0);
44
48
 
45
49
  // radius
46
50
  @select-g-radius-border: var(~'@{select-custom-prefix}-radius-border', @radius-border);
51
+ @select-border-radius-border: var(~'@{select-custom-prefix}-bordered-radius-border', 2px);
47
52
 
48
53
  // z-index
49
54
  @select-z-index: var(~'@{select-custom-prefix}-z-index', @z-index-popper);
@@ -44,8 +44,7 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function (props, ref) {
44
44
  ref: children.ref || ref
45
45
  });
46
46
  var popperProps = (0, _extends2.default)((0, _extends2.default)({}, allProps), {
47
- prefixCls: prefixCls,
48
- arrow: true
47
+ prefixCls: prefixCls
49
48
  });
50
49
  var tipPopper = typeof tip === 'function' ? tip() : tip;
51
50
  return (0, _usePopper.default)(tiplocator, tipPopper, popperProps);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kdcloudjs/kdesign",
3
- "version": "1.6.12",
3
+ "version": "1.6.14",
4
4
  "description": "KDesign 金蝶前端react 组件库",
5
5
  "title": "kdesign",
6
6
  "keywords": [
@@ -107,10 +107,11 @@
107
107
  "@types/enzyme": "^3.10.7",
108
108
  "@types/jest": "^26.0.14",
109
109
  "@types/jest-image-snapshot": "^4.1.0",
110
- "@types/lodash": "^4.14.159",
110
+ "@types/lodash": "ts3.9",
111
111
  "@types/puppeteer": "^3.0.2",
112
112
  "@types/react": "^16.9.21",
113
113
  "@types/react-dom": "^16.9.5",
114
+ "@types/responselike": "ts3.9",
114
115
  "@typescript-eslint/eslint-plugin": "^3.0.0",
115
116
  "@typescript-eslint/parser": "^3.0.0",
116
117
  "algoliasearch": "^4.5.1",