@kdcloudjs/kdesign 1.7.25 → 1.7.27

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 (70) hide show
  1. package/CHANGELOG.md +47 -0
  2. package/dist/kdesign-complete.less +109 -45
  3. package/dist/kdesign.css +85 -40
  4. package/dist/kdesign.css.map +1 -1
  5. package/dist/kdesign.js +266 -106
  6. package/dist/kdesign.js.map +1 -1
  7. package/dist/kdesign.min.css +3 -3
  8. package/dist/kdesign.min.js +6 -6
  9. package/dist/kdesign.min.js.map +1 -1
  10. package/es/anchor/style/index.css +1 -1
  11. package/es/anchor/style/index.less +1 -1
  12. package/es/anchor/style/token.less +1 -0
  13. package/es/cascader/cascader.js +64 -32
  14. package/es/cascader/style/index.css +42 -26
  15. package/es/cascader/style/index.less +51 -29
  16. package/es/cascader/style/token.less +5 -3
  17. package/es/city-picker/city-picker.js +104 -13
  18. package/es/city-picker/interface.d.ts +3 -0
  19. package/es/city-picker/option.js +15 -3
  20. package/es/city-picker/style/index.css +22 -10
  21. package/es/city-picker/style/index.less +24 -10
  22. package/es/collapse/panel.js +31 -18
  23. package/es/collapse/style/index.css +4 -1
  24. package/es/collapse/style/index.less +4 -1
  25. package/es/form/Field.d.ts +1 -0
  26. package/es/form/Field.js +5 -3
  27. package/es/form/FieldWrapper.d.ts +1 -0
  28. package/es/form/FieldWrapper.js +13 -5
  29. package/es/form/style/index.css +11 -1
  30. package/es/form/style/index.less +16 -1
  31. package/es/form/style/token.less +1 -0
  32. package/es/select/style/index.css +1 -0
  33. package/es/select/style/index.less +1 -0
  34. package/es/select/style/token.less +1 -0
  35. package/es/tabs/style/index.css +3 -0
  36. package/es/tabs/style/index.less +3 -0
  37. package/es/tabs/style/token.less +1 -0
  38. package/es/tag/tag.d.ts +1 -0
  39. package/es/tree-select/tree-select.js +2 -1
  40. package/lib/anchor/style/index.css +1 -1
  41. package/lib/anchor/style/index.less +1 -1
  42. package/lib/anchor/style/token.less +1 -0
  43. package/lib/cascader/cascader.js +63 -31
  44. package/lib/cascader/style/index.css +42 -26
  45. package/lib/cascader/style/index.less +51 -29
  46. package/lib/cascader/style/token.less +5 -3
  47. package/lib/city-picker/city-picker.js +103 -12
  48. package/lib/city-picker/interface.d.ts +3 -0
  49. package/lib/city-picker/option.js +15 -3
  50. package/lib/city-picker/style/index.css +22 -10
  51. package/lib/city-picker/style/index.less +24 -10
  52. package/lib/collapse/panel.js +32 -19
  53. package/lib/collapse/style/index.css +4 -1
  54. package/lib/collapse/style/index.less +4 -1
  55. package/lib/form/Field.d.ts +1 -0
  56. package/lib/form/Field.js +5 -3
  57. package/lib/form/FieldWrapper.d.ts +1 -0
  58. package/lib/form/FieldWrapper.js +13 -5
  59. package/lib/form/style/index.css +11 -1
  60. package/lib/form/style/index.less +16 -1
  61. package/lib/form/style/token.less +1 -0
  62. package/lib/select/style/index.css +1 -0
  63. package/lib/select/style/index.less +1 -0
  64. package/lib/select/style/token.less +1 -0
  65. package/lib/tabs/style/index.css +3 -0
  66. package/lib/tabs/style/index.less +3 -0
  67. package/lib/tabs/style/token.less +1 -0
  68. package/lib/tag/tag.d.ts +1 -0
  69. package/lib/tree-select/tree-select.js +2 -1
  70. package/package.json +1 -1
package/lib/select/style/index.less CHANGED
@@ -176,6 +176,7 @@
176
176
  min-width: 75px;
177
177
 
178
178
  &-content {
179
+ max-width: @select-item-max-width;
179
180
  .over();
180
181
 
181
182
  .@{kd-prefix}-checkbox {
package/lib/select/style/token.less CHANGED
@@ -40,6 +40,7 @@
40
40
  @select-large-height: var(~'@{select-custom-prefix}-sizing-height-large', 36px); // 大号高度 lh:28px
41
41
  @select-middle-height: var(~'@{select-custom-prefix}-sizing-height-middle', 30px); // 中号高度lh:22px
42
42
  @select-small-height: var(~'@{select-custom-prefix}-sizing-height-small', 24px); // 小号高度lh:12px
43
+ @select-item-max-width: var(~'@{select-custom-prefix}-item-sizing-max-width');
43
44
 
44
45
  // spacing
45
46
  @select-bordered: var(~'@{select-custom-prefix}-bordered-spacing-padding-left', 8px);
package/lib/tabs/style/index.css CHANGED
@@ -380,6 +380,9 @@
380
380
  display: inline-block;
381
381
  -webkit-transition: color var(--kd-c-tabs-motion-duration, var(--kd-g-duration, 0.3s));
382
382
  transition: color var(--kd-c-tabs-motion-duration, var(--kd-g-duration, 0.3s));
383
+ overflow: hidden;
384
+ text-overflow: ellipsis;
385
+ max-width: var(--kd-c-tabs-pane-text-sizing-max-width);
383
386
  }
384
387
  .kd-tab-pane-text-active,
385
388
  .kd-tab-pane-text:hover {
package/lib/tabs/style/index.less CHANGED
@@ -216,6 +216,9 @@
216
216
  &-text {
217
217
  display: inline-block;
218
218
  transition: color @tab-g-motion-duration;
219
+ overflow: hidden;
220
+ text-overflow: ellipsis;
221
+ max-width: @tab-pane-text-max-width;
219
222
  &-active,
220
223
  &:hover {
221
224
  color: @tabPane-font-color-active;
package/lib/tabs/style/token.less CHANGED
@@ -29,6 +29,7 @@
29
29
  @tab-pane-type-line-height-small: var(~'@{tabs-custom-prefix}-pane-type-line-sizing-height-small', 32px);
30
30
  @tab-pane-type-line-height-middle: var(~'@{tabs-custom-prefix}-pane-type-line-sizing-height-middle', 32px);
31
31
  @tab-pane-type-dynamic-height: var(~'@{tabs-custom-prefix}-pane-type-dynamic-sizing-height', 32px);
32
+ @tab-pane-text-max-width: var(~'@{tabs-custom-prefix}-pane-text-sizing-max-width');
32
33
 
33
34
 
34
35
  // spacing
package/lib/tag/tag.d.ts CHANGED
@@ -19,6 +19,7 @@ export interface ITagProps {
19
19
  onClick?: React.MouseEventHandler<HTMLElement>;
20
20
  onClose?: React.MouseEventHandler<HTMLElement>;
21
21
  children?: React.ReactNode;
22
+ title?: string;
22
23
  }
23
24
  declare const Tag: React.ForwardRefExoticComponent<ITagProps & React.RefAttributes<unknown>>;
24
25
  export default Tag;
package/lib/tree-select/tree-select.js CHANGED
@@ -456,7 +456,8 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
456
456
  onClose: function onClose(e) {
457
457
  return handleRemove(e, key);
458
458
  },
459
- "data-tag": key
459
+ "data-tag": key,
460
+ title: label
460
461
  }, label));
461
462
  }), maxTagCount && selectTreeNodes.length > maxTagCount ? maxTagPlaceholder ? handleMaxTagHolder() : /*#__PURE__*/_react.default.createElement("span", {
462
463
  className: itemCls
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kdcloudjs/kdesign",
3
- "version": "1.7.25",
3
+ "version": "1.7.27",
4
4
  "description": "KDesign 金蝶前端react 组件库",
5
5
  "title": "kdesign",
6
6
  "keywords": [