@kdcloudjs/kdesign 1.6.29 → 1.6.31

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 (60) hide show
  1. package/CHANGELOG.md +27 -0
  2. package/dist/kdesign-complete.less +19 -3
  3. package/dist/kdesign.css +17 -4
  4. package/dist/kdesign.css.map +1 -1
  5. package/dist/kdesign.js +186 -110
  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/_utils/testBrowserType.d.ts +1 -0
  11. package/es/_utils/testBrowserType.js +11 -0
  12. package/es/_utils/usePopper.js +16 -7
  13. package/es/cascader/style/index.css +1 -1
  14. package/es/cascader/style/index.less +1 -1
  15. package/es/date-picker/hooks/use-picker-input.js +0 -4
  16. package/es/date-picker/style/index.css +3 -2
  17. package/es/date-picker/style/index.less +2 -2
  18. package/es/form/style/index.css +4 -0
  19. package/es/form/style/index.less +6 -0
  20. package/es/grid/col.js +7 -2
  21. package/es/grid/row.js +6 -1
  22. package/es/grid/style/index.css +6 -0
  23. package/es/grid/style/index.less +8 -0
  24. package/es/input/ClearableLabeledInput.d.ts +1 -0
  25. package/es/input/ClearableLabeledInput.js +4 -3
  26. package/es/input/input.js +6 -1
  27. package/es/input-number/inputNumber.js +24 -11
  28. package/es/select/select.js +30 -19
  29. package/es/select/style/index.css +2 -0
  30. package/es/select/style/index.less +2 -0
  31. package/es/tree/tree.js +6 -3
  32. package/es/tree/treeHooks.js +5 -9
  33. package/es/tree/utils/treeUtils.d.ts +1 -1
  34. package/es/tree/utils/treeUtils.js +17 -14
  35. package/lib/_utils/testBrowserType.d.ts +1 -0
  36. package/lib/_utils/testBrowserType.js +18 -0
  37. package/lib/_utils/usePopper.js +16 -7
  38. package/lib/cascader/style/index.css +1 -1
  39. package/lib/cascader/style/index.less +1 -1
  40. package/lib/date-picker/hooks/use-picker-input.js +0 -4
  41. package/lib/date-picker/style/index.css +3 -2
  42. package/lib/date-picker/style/index.less +2 -2
  43. package/lib/form/style/index.css +4 -0
  44. package/lib/form/style/index.less +6 -0
  45. package/lib/grid/col.js +8 -2
  46. package/lib/grid/row.js +7 -1
  47. package/lib/grid/style/index.css +6 -0
  48. package/lib/grid/style/index.less +8 -0
  49. package/lib/input/ClearableLabeledInput.d.ts +1 -0
  50. package/lib/input/ClearableLabeledInput.js +4 -3
  51. package/lib/input/input.js +6 -1
  52. package/lib/input-number/inputNumber.js +24 -11
  53. package/lib/select/select.js +29 -19
  54. package/lib/select/style/index.css +2 -0
  55. package/lib/select/style/index.less +2 -0
  56. package/lib/tree/tree.js +6 -3
  57. package/lib/tree/treeHooks.js +4 -9
  58. package/lib/tree/utils/treeUtils.d.ts +1 -1
  59. package/lib/tree/utils/treeUtils.js +17 -14
  60. package/package.json +1 -1
@@ -558,18 +558,18 @@ function usePopper(locatorElement, popperElement, props) {
558
558
  (0, _react.useEffect)(function () {
559
559
  if (exist && visible) {
560
560
  var mouseleaveTimer;
561
+ var triggerNode = getTriggerElement(locatorRef.current);
561
562
 
562
563
  var handleHidePopper = function handleHidePopper(e) {
563
- var triggerNode = getTriggerElement(locatorRef.current);
564
564
  var triggerRect = triggerNode.getBoundingClientRect();
565
565
  var popperRect = popperRef.current.getBoundingClientRect();
566
- var left = /left/.test(nextPlacement) ? popperRect.right : triggerRect.left;
567
- var right = /right/.test(nextPlacement) ? popperRect.left : triggerRect.right;
568
- var top = /top/.test(nextPlacement) ? popperRect.bottom : triggerRect.top;
569
- var bottom = /bottom/.test(nextPlacement) ? popperRect.top : triggerRect.bottom;
566
+ var left = triggerRect.left;
567
+ var right = triggerRect.right;
568
+ var top = triggerRect.top;
569
+ var bottom = triggerRect.bottom;
570
570
  var X = e.clientX,
571
571
  Y = e.clientY;
572
- var inTriggerRect = X > left - 2 && X < right + 2 && Y > top - 2 && Y < bottom + 2;
572
+ var inTriggerRect = X > left + 2 && X < right - 2 && Y > top + 2 && Y < bottom - 2;
573
573
  var inPopperRect = X > popperRect.left && X < popperRect.right && Y > popperRect.top && Y < popperRect.bottom;
574
574
  var ableArea = matchTrigger('contextMenu') ? inPopperRect : inTriggerRect || inPopperRect;
575
575
 
@@ -577,7 +577,12 @@ function usePopper(locatorElement, popperElement, props) {
577
577
  mouseleaveTimer && clearTimeout(mouseleaveTimer);
578
578
  matchTrigger('focus') && triggerNode.focus();
579
579
  } else {
580
- matchTrigger('hover') ? mouseleaveTimer = window.setTimeout(hidePopper, mouseLeaveDelay * 1000) : hidePopper();
580
+ if (matchTrigger('hover')) {
581
+ mouseleaveTimer && clearTimeout(mouseleaveTimer);
582
+ mouseleaveTimer = window.setTimeout(hidePopper, mouseLeaveDelay * 3000);
583
+ } else {
584
+ hidePopper();
585
+ }
581
586
  }
582
587
  };
583
588
 
@@ -592,6 +597,9 @@ function usePopper(locatorElement, popperElement, props) {
592
597
  };
593
598
 
594
599
  if (matchTrigger('hover')) {
600
+ triggerNode === null || triggerNode === void 0 ? void 0 : triggerNode.removeEventListener('mouseleave', debounceHidePopper);
601
+ popperNode === null || popperNode === void 0 ? void 0 : popperNode.removeEventListener('mouseleave', debounceHidePopper);
602
+ triggerNode === null || triggerNode === void 0 ? void 0 : triggerNode.addEventListener('mouseleave', debounceHidePopper);
595
603
  popperNode === null || popperNode === void 0 ? void 0 : popperNode.addEventListener('mouseleave', debounceHidePopper);
596
604
  }
597
605
 
@@ -599,6 +607,7 @@ function usePopper(locatorElement, popperElement, props) {
599
607
  return document.addEventListener(mapEvent[action], debounceHidePopper);
600
608
  }) : document.addEventListener(mapEvent[trigger], debounceHidePopper);
601
609
  return function () {
610
+ triggerNode === null || triggerNode === void 0 ? void 0 : triggerNode.removeEventListener('mouseleave', debounceHidePopper);
602
611
  popperNode === null || popperNode === void 0 ? void 0 : popperNode.removeEventListener('mouseleave', debounceHidePopper);
603
612
  Array.isArray(trigger) ? trigger.forEach(function (action) {
604
613
  return document.removeEventListener(mapEvent[action], debounceHidePopper);
@@ -224,7 +224,7 @@
224
224
  visibility: hidden;
225
225
  }
226
226
  .kd-cascader-menus .kd-cascader-menu {
227
- display: inline-table;
227
+ display: inline-block;
228
228
  height: var(--kd-c-cascader-sizing-height, 192px);
229
229
  min-width: var(--kd-c-cascader-menu-sizing-min-width, 116px);
230
230
  margin: 0;
@@ -128,7 +128,7 @@
128
128
  }
129
129
 
130
130
  .@{cascader-menu-prefix-cls} {
131
- display: inline-table;
131
+ display: inline-block;
132
132
  height: @cascader-height;
133
133
  min-width: @cascader-menu-min-width;
134
134
  margin: 0;
@@ -106,10 +106,6 @@ function usePickerInput(_ref) {
106
106
  }, 0);
107
107
  } else if (open) {
108
108
  triggerOpen(false);
109
-
110
- if (valueChangedRef.current) {
111
- onSubmit();
112
- }
113
109
  }
114
110
 
115
111
  setFocused(false);
@@ -557,6 +557,8 @@
557
557
  padding: 3px 0;
558
558
  cursor: pointer;
559
559
  overflow: hidden;
560
+ -webkit-box-sizing: border-box;
561
+ box-sizing: border-box;
560
562
  }
561
563
  .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-line .kd-date-picker-calendar-item:not(.kd-date-picker-calendar-item-disabled):hover .kd-date-picker-calendar-text {
562
564
  background: #f5f5f5;
@@ -794,8 +796,7 @@
794
796
  flex: 1 0 auto;
795
797
  width: 56px;
796
798
  margin: 0;
797
- padding: 0 0 206px 0;
798
- padding-top: 10px;
799
+ padding: 10px 0 214px 0;
799
800
  text-align: left;
800
801
  -webkit-transition: background 0.3s;
801
802
  transition: background 0.3s;
@@ -408,6 +408,7 @@
408
408
  padding: 3px 0;
409
409
  cursor: pointer;
410
410
  overflow: hidden;
411
+ box-sizing: border-box;
411
412
  }
412
413
 
413
414
  & .@{datePicker-prefix-cls}-calendar-item:not(.@{datePicker-prefix-cls}-calendar-item-disabled):hover {
@@ -676,8 +677,7 @@
676
677
  flex: 1 0 auto;
677
678
  width: 56px;
678
679
  margin: 0;
679
- padding: 0 0 206px 0;
680
- padding-top: 10px;
680
+ padding: 10px 0 214px 0;
681
681
  text-align: left;
682
682
  transition: background 0.3s;
683
683
  overflow: hidden;
@@ -120,6 +120,10 @@
120
120
  display: -ms-flexbox;
121
121
  display: flex;
122
122
  }
123
+ .kd-form-horizontal .kd-form-field-label {
124
+ -ms-flex-negative: 0;
125
+ flex-shrink: 0;
126
+ }
123
127
  .kd-form-inline .kd-form-field {
124
128
  display: -webkit-inline-box;
125
129
  display: -ms-inline-flexbox;
@@ -17,6 +17,12 @@
17
17
  }
18
18
  }
19
19
 
20
+ &-horizontal {
21
+ .@{field-label-cls} {
22
+ flex-shrink: 0;
23
+ }
24
+ }
25
+
20
26
  &-inline {
21
27
  .@{field-prefix-cls} {
22
28
  display: inline-flex;
package/lib/grid/col.js CHANGED
@@ -25,6 +25,8 @@ var _utils = require("../_utils");
25
25
 
26
26
  var _configProvider = require("../config-provider");
27
27
 
28
+ var _testBrowserType = require("../_utils/testBrowserType");
29
+
28
30
  function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
29
31
 
30
32
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -52,8 +54,10 @@ var Col = function Col(props) {
52
54
  winWidth = _getCompProps.winWidth,
53
55
  children = _getCompProps.children,
54
56
  className = _getCompProps.className,
55
- customPrefixcls = _getCompProps.prefixCls; // className前缀
57
+ customPrefixcls = _getCompProps.prefixCls; // 浏览器名称
58
+
56
59
 
60
+ var isSogou = (0, _testBrowserType.testBrowserType)(/^sogou/i, 0); // className前缀
57
61
 
58
62
  var prefixCls = getPrefixCls(pkgPrefixCls, 'col', customPrefixcls);
59
63
  var columns = 24;
@@ -120,7 +124,9 @@ var Col = function Col(props) {
120
124
  marginLeft: base.offset && base.offset / columns * 100 + '%'
121
125
  }, style);
122
126
  return /*#__PURE__*/React.createElement("div", {
123
- className: (0, _classnames.default)(prefixCls, className),
127
+ className: (0, _classnames.default)(prefixCls, className, {
128
+ 'sogou-col': isSogou
129
+ }),
124
130
  style: styleString
125
131
  }, children);
126
132
  };
package/lib/grid/row.js CHANGED
@@ -29,6 +29,8 @@ var _configProvider = require("../config-provider");
29
29
 
30
30
  var _throttle = _interopRequireDefault(require("lodash/throttle"));
31
31
 
32
+ var _testBrowserType = require("../_utils/testBrowserType");
33
+
32
34
  function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
33
35
 
34
36
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -65,8 +67,10 @@ var Row = function Row(props) {
65
67
  gutter = _getCompProps.gutter,
66
68
  align = _getCompProps.align,
67
69
  justify = _getCompProps.justify,
68
- customPrefixcls = _getCompProps.prefixCls; // className前缀
70
+ customPrefixcls = _getCompProps.prefixCls; // 浏览器名称
71
+
69
72
 
73
+ var isSogou = (0, _testBrowserType.testBrowserType)(/^sogou/i, 0); // className前缀
70
74
 
71
75
  var prefixCls = getPrefixCls(pkgPrefixCls, 'row', customPrefixcls);
72
76
 
@@ -123,6 +127,8 @@ var Row = function Row(props) {
123
127
  return /*#__PURE__*/React.createElement("div", {
124
128
  className: (0, _classnames.default)(prefixCls, className, {
125
129
  nowrap: !wrap
130
+ }, {
131
+ 'sogou-row': isSogou
126
132
  }),
127
133
  style: styleString
128
134
  }, (0, _map.default)(_context = React.Children).call(_context, children, function (child) {
@@ -119,9 +119,15 @@
119
119
  -ms-flex-wrap: nowrap;
120
120
  flex-wrap: nowrap;
121
121
  }
122
+ .kd-row.sogou-row {
123
+ margin-bottom: calc(-1 * var(--rgap));
124
+ }
122
125
  .kd-col {
123
126
  position: relative;
124
127
  -webkit-box-sizing: border-box;
125
128
  box-sizing: border-box;
126
129
  padding: 0 calc(var(--cgap) / 2);
127
130
  }
131
+ .kd-col.sogou-col {
132
+ margin-bottom: var(--rgap);
133
+ }
@@ -13,10 +13,18 @@
13
13
  &.nowrap {
14
14
  flex-wrap: nowrap;
15
15
  }
16
+
17
+ &.sogou-row {
18
+ margin-bottom: calc(-1 * var(--rgap));
19
+ }
16
20
  }
17
21
 
18
22
  .@{col-prefix-cls} {
19
23
  position: relative;
20
24
  box-sizing: border-box;
21
25
  padding: 0 calc(var(--cgap) / 2);
26
+
27
+ &.sogou-col {
28
+ margin-bottom: var(--rgap);
29
+ }
22
30
  }
@@ -13,6 +13,7 @@ interface ClearableInputProps {
13
13
  style?: CSSProperties;
14
14
  disabled?: boolean;
15
15
  focused?: boolean;
16
+ count?: boolean;
16
17
  borderType?: BorderType;
17
18
  size?: InputSiteType;
18
19
  suffix?: React.ReactNode;
@@ -56,7 +56,8 @@ var ClearableInput = function ClearableInput(props) {
56
56
  addonAfter = props.addonAfter,
57
57
  focused = props.focused,
58
58
  numberMark = props.numberMark,
59
- inputCount = props.inputCount;
59
+ inputCount = props.inputCount,
60
+ count = props.count;
60
61
 
61
62
  var _useState = (0, _react.useState)(false),
62
63
  _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -105,7 +106,7 @@ var ClearableInput = function ClearableInput(props) {
105
106
  var renderInputWithFixNode = function renderInputWithFixNode(originElement) {
106
107
  var _context, _classNames2;
107
108
 
108
- if (!hasPrefixSuffix(props)) {
109
+ if (!hasPrefixSuffix(props) && !count) {
109
110
  return originElement;
110
111
  }
111
112
 
@@ -127,7 +128,7 @@ var ClearableInput = function ClearableInput(props) {
127
128
  var renderInputWithLabel = function renderInputWithLabel(originElement) {
128
129
  var _classNames4, _context2, _classNames5;
129
130
 
130
- if (!addonBefore && !addonAfter) {
131
+ if (!addonBefore && !addonAfter && !count) {
131
132
  return originElement;
132
133
  }
133
134
 
@@ -183,7 +183,11 @@ var InternalInput = function InternalInput(props, ref) {
183
183
 
184
184
  if (count && showNumberMark && !disabled) {
185
185
  return /*#__PURE__*/_react.default.createElement("div", {
186
- className: (0, _classnames.default)("".concat(inputPrefixCls, "-input-mark-inner"))
186
+ className: (0, _classnames.default)("".concat(inputPrefixCls, "-input-mark-inner")),
187
+ onMouseDown: function onMouseDown(e) {
188
+ e.stopPropagation();
189
+ e.preventDefault();
190
+ }
187
191
  }, enteredLength, maxLength !== undefined ? "/".concat(maxLength) : null);
188
192
  }
189
193
 
@@ -222,6 +226,7 @@ var InternalInput = function InternalInput(props, ref) {
222
226
  prefixCls: inputPrefixCls,
223
227
  element: renderInput(),
224
228
  focused: focused,
229
+ count: count,
225
230
  inputCount: renderCount()
226
231
  }));
227
232
  };
@@ -192,29 +192,42 @@ var InternalInputNumber = function InternalInputNumber(props, ref) {
192
192
  _numerical$split2$ = _numerical$split2[1],
193
193
  decimalValue = _numerical$split2$ === void 0 ? '' : _numerical$split2$;
194
194
 
195
+ var sign = '';
196
+
197
+ if ((0, _includes.default)(integerValue).call(integerValue, '-')) {
198
+ integerValue = integerValue.replace('-', '');
199
+ sign = '-';
200
+ }
201
+
195
202
  var integerValueLength = integerValue.length;
196
203
  var decimalValueLength = decimalValue.length;
197
204
 
198
205
  if (typeof decimalLength === 'number' && typeof digitLength === 'number') {
199
- if (integerValueLength > digitLength - decimalLength) {
200
- resultNumerical = integerValue.substr(0, digitLength - decimalLength);
201
- } else if (decimalValueLength > decimalLength) {
206
+ if (decimalValueLength <= decimalLength && integerValueLength <= digitLength - decimalLength) {
207
+ resultNumerical = numerical;
208
+ } else if (integerValueLength > digitLength - decimalLength) {
202
209
  var _context;
203
210
 
204
- resultNumerical = (0, _concat.default)(_context = "".concat(integerValue, ".")).call(_context, decimalValue.substr(0, decimalLength));
211
+ resultNumerical = (0, _concat.default)(_context = "".concat(sign)).call(_context, integerValue.substr(0, digitLength - decimalLength));
212
+ } else if (decimalValueLength > decimalLength) {
213
+ var _context2, _context3;
214
+
215
+ resultNumerical = (0, _concat.default)(_context2 = (0, _concat.default)(_context3 = "".concat(sign)).call(_context3, integerValue, ".")).call(_context2, decimalValue.substr(0, decimalLength));
205
216
  }
206
217
  } else if (typeof decimalLength !== 'number' && typeof digitLength === 'number') {
207
218
  if (integerValueLength >= digitLength) {
208
- resultNumerical = integerValue.substr(0, digitLength);
219
+ var _context4;
220
+
221
+ resultNumerical = (0, _concat.default)(_context4 = "".concat(sign)).call(_context4, integerValue.substr(0, digitLength));
209
222
  } else {
210
- var _context2;
223
+ var _context5, _context6, _context7;
211
224
 
212
- resultNumerical = decimalValueLength ? (0, _concat.default)(_context2 = "".concat(integerValue, ".")).call(_context2, decimalValue.substr(0, digitLength - integerValueLength)) : integerValue;
225
+ resultNumerical = decimalValueLength ? (0, _concat.default)(_context5 = (0, _concat.default)(_context6 = "".concat(sign)).call(_context6, integerValue, ".")).call(_context5, decimalValue.substr(0, digitLength - integerValueLength)) : (0, _concat.default)(_context7 = "".concat(sign)).call(_context7, integerValue);
213
226
  }
214
227
  } else if (typeof decimalLength === 'number' && typeof digitLength !== 'number') {
215
- var _context3;
228
+ var _context8, _context9, _context10;
216
229
 
217
- resultNumerical = decimalValueLength ? (0, _concat.default)(_context3 = "".concat(integerValue, ".")).call(_context3, decimalValue.substr(0, decimalLength)) : integerValue;
230
+ resultNumerical = decimalValueLength ? (0, _concat.default)(_context8 = (0, _concat.default)(_context9 = "".concat(sign)).call(_context9, integerValue, ".")).call(_context8, decimalValue.substr(0, decimalLength)) : (0, _concat.default)(_context10 = "".concat(sign)).call(_context10, integerValue);
218
231
  } else {
219
232
  resultNumerical = numerical;
220
233
  }
@@ -251,7 +264,7 @@ var InternalInputNumber = function InternalInputNumber(props, ref) {
251
264
  };
252
265
 
253
266
  var handleKeyDown = function handleKeyDown(event) {
254
- var _context4;
267
+ var _context11;
255
268
 
256
269
  if (!stepOption || props.disabled || props.readOnly) {
257
270
  return;
@@ -259,7 +272,7 @@ var InternalInputNumber = function InternalInputNumber(props, ref) {
259
272
 
260
273
  var keyCode = event.keyCode;
261
274
 
262
- if ((0, _includes.default)(_context4 = [38, 40]).call(_context4, keyCode)) {
275
+ if ((0, _includes.default)(_context11 = [38, 40]).call(_context11, keyCode)) {
263
276
  event.preventDefault();
264
277
  handleStepChang(keyCode === 38 ? 'plus' : 'minus');
265
278
  }
@@ -440,31 +440,41 @@ var InternalSelect = function InternalSelect(props, ref) {
440
440
  var _multipleRef$current3 = multipleRef.current,
441
441
  selectedVal = _multipleRef$current3.selectedVal,
442
442
  selectMulOpts = _multipleRef$current3.selectMulOpts;
443
+ var newSelectedVal = (0, _toConsumableArray2.default)(selectedVal);
444
+ var newSelectMulOpts = (0, _toConsumableArray2.default)(selectMulOpts);
445
+
446
+ if ((filledOptions === null || filledOptions === void 0 ? void 0 : filledOptions.length) !== newSelectedVal.length) {
447
+ (0, _map.default)(filledOptions).call(filledOptions, function (child) {
448
+ var _ref = child.props || child,
449
+ value = _ref.value;
450
+
451
+ if (!(0, _includes.default)(newSelectedVal).call(newSelectedVal, value)) {
452
+ newSelectedVal.push(value);
453
+ newSelectMulOpts.push({
454
+ value: value,
455
+ label: getOptionLabel(child)
456
+ });
457
+ }
458
+ });
443
459
 
444
- if (!('value' in selectProps)) {
445
- if ((filledOptions === null || filledOptions === void 0 ? void 0 : filledOptions.length) !== selectedVal.length) {
446
- (0, _map.default)(filledOptions).call(filledOptions, function (child) {
447
- var _ref = child.props || child,
448
- value = _ref.value;
449
-
450
- if (!(0, _includes.default)(selectedVal).call(selectedVal, value)) {
451
- selectedVal.push(value);
452
- selectMulOpts.push({
453
- value: value,
454
- label: getOptionLabel(child)
455
- });
456
- }
457
- });
458
- setMulOptions((0, _toConsumableArray2.default)(selectMulOpts));
460
+ if (typeof value === 'undefined') {
461
+ multipleRef.current.selectedVal = newSelectedVal;
462
+ multipleRef.current.selectMulOpts = newSelectMulOpts;
463
+ setMulOptions((0, _toConsumableArray2.default)(newSelectMulOpts));
459
464
  setSearchValue('');
460
- } else {
461
- multipleRef.current.selectedVal = selectedVal = [];
462
- multipleRef.current.selectMulOpts = selectMulOpts = [];
465
+ }
466
+ } else {
467
+ newSelectedVal = [];
468
+ newSelectMulOpts = [];
469
+
470
+ if (typeof value === 'undefined') {
471
+ multipleRef.current.selectedVal = [];
472
+ multipleRef.current.selectMulOpts = [];
463
473
  setMulOptions([]);
464
474
  }
465
475
  }
466
476
 
467
- onChange && onChange(labelInValue ? selectMulOpts : selectedVal, selectMulOpts);
477
+ onChange && onChange(labelInValue ? newSelectMulOpts : newSelectedVal, newSelectMulOpts);
468
478
  }; // 输入框变化搜索内容
469
479
 
470
480
 
@@ -298,6 +298,8 @@
298
298
  overflow: hidden;
299
299
  white-space: nowrap;
300
300
  text-overflow: ellipsis;
301
+ right: 28px;
302
+ left: 0;
301
303
  }
302
304
  .kd-select-borderless {
303
305
  border: none;
@@ -67,6 +67,8 @@
67
67
  overflow: hidden;
68
68
  white-space: nowrap;
69
69
  text-overflow: ellipsis;
70
+ right: 28px;
71
+ left: 0;
70
72
  }
71
73
 
72
74
  &-borderless {
package/lib/tree/tree.js CHANGED
@@ -278,6 +278,11 @@ var InternalTree = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
278
278
 
279
279
  var handleExpand = _react.default.useCallback(function (key, expanded, node) {
280
280
  var newExpandedKeys = expanded ? (0, _treeUtils.addKeys)(expandedKeys, [key]) : (0, _treeUtils.delKey)(expandedKeys, [key]);
281
+
282
+ if (expandedKeysProps === undefined) {
283
+ setExpandedKeys(newExpandedKeys);
284
+ }
285
+
281
286
  onExpand && onExpand(newExpandedKeys, {
282
287
  node: node,
283
288
  expanded: expanded
@@ -458,8 +463,6 @@ var InternalTree = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
458
463
  if (scrollToKey) {
459
464
  setSelectedKeys([scrollToKey]);
460
465
  setScrollKey(scrollToKey);
461
- } else {
462
- setSelectedKeys([]);
463
466
  }
464
467
  }, [scrollToKey]);
465
468
  (0, _react.useEffect)(function () {
@@ -493,7 +496,7 @@ var InternalTree = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
493
496
  item.onDrop = handleDrop;
494
497
  item.onSelect = handleSelect;
495
498
  item.checked = checked;
496
- item.selected = (0, _treeUtils.getSelected)(selectedKeys, item.key);
499
+ item.selected = (0, _treeUtils.getSelected)(Array.isArray(selectedKeys) && selectedKeys[0] ? [selectedKeys[0]] : selectedKeys, item.key);
497
500
  item.indeterminate = indeterminate;
498
501
  item.disabled = getDisabled(disabled, item.disabled);
499
502
  item.showIcon = showIcon || false;
@@ -113,12 +113,8 @@ var useExpand = function useExpand(flattenAllData, expandedKeysProps, defaultExp
113
113
  }
114
114
 
115
115
  var initialExpandedKeys = _react.default.useMemo(function () {
116
- return (0, _treeUtils.getInitExpandedKeys)(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, expandScrollkeys, filterTreeNode, isSearching, keysData, searchExpandedKeys);
117
- }, [flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, filterTreeNode, isSearching, keysData, searchExpandedKeys]);
118
-
119
- var newExpandedKeys = _react.default.useMemo(function () {
120
- return (0, _treeUtils.getExpandedKeys)(expandedKeysProps, expandScrollkeys);
121
- }, [expandedKeysProps]);
116
+ return (0, _treeUtils.getInitExpandedKeys)(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, expandScrollkeys, filterTreeNode, isSearching, keysData, searchExpandedKeys, isInit);
117
+ }, [flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, filterTreeNode, isSearching, keysData, searchExpandedKeys, isInit]);
122
118
 
123
119
  var _React$useState7 = _react.default.useState(initialExpandedKeys),
124
120
  _React$useState8 = (0, _slicedToArray2.default)(_React$useState7, 2),
@@ -126,9 +122,8 @@ var useExpand = function useExpand(flattenAllData, expandedKeysProps, defaultExp
126
122
  setExpandedKeys = _React$useState8[1];
127
123
 
128
124
  _react.default.useEffect(function () {
129
- var keys = isInit || isSearching ? initialExpandedKeys : newExpandedKeys;
130
- setExpandedKeys(keys);
131
- }, [newExpandedKeys, initialExpandedKeys, isSearching, isInit]);
125
+ setExpandedKeys(initialExpandedKeys);
126
+ }, [flattenAllData, expandedKeysProps, searchExpandedKeys, defaultExpandAll, defaultExpandedKeys, defaultExpandRoot, defaultExpandParent]);
132
127
 
133
128
  return [expandedKeys, setExpandedKeys];
134
129
  };
@@ -60,6 +60,6 @@ export declare const getDataCheckededStateStrictly: (checkedKeys: string[]) => {
60
60
  };
61
61
  export declare const delKey: (prevKeys: string[], delKeys: string[]) => never[] & string[];
62
62
  export declare const getAllNodeKeys: (data: any[]) => string[];
63
- export declare const getInitExpandedKeys: (data: any[], expandedKeys: string[], defaultExpandedKeys: string[], defaultExpandAll: boolean, defaultExpandRoot: boolean, defaultExpandParent: boolean, expandScrollkeys: string[] | undefined, filterTreeNode: FunctionConstructor, isSearching: boolean, keysData: KeysDataType, searchExpandedKeys: string[]) => string[];
63
+ export declare const getInitExpandedKeys: (data: any[], expandedKeys: string[], defaultExpandedKeys: string[], defaultExpandAll: boolean, defaultExpandRoot: boolean, defaultExpandParent: boolean, expandScrollkeys: string[] | undefined, filterTreeNode: FunctionConstructor, isSearching: boolean, keysData: KeysDataType, searchExpandedKeys: string[], isInit: boolean) => string[];
64
64
  export declare const getExpandedKeys: (expandedKeys: string[], expandScrollkeys?: string[]) => string[];
65
65
  export declare const calcDropPosition: (event: React.MouseEvent, dropNode: HTMLElement) => 0 | 1 | -1;
@@ -776,25 +776,28 @@ var getInitExpandedKeys = function getInitExpandedKeys(data, expandedKeys, defau
776
776
  var isSearching = arguments.length > 8 ? arguments[8] : undefined;
777
777
  var keysData = arguments.length > 9 ? arguments[9] : undefined;
778
778
  var searchExpandedKeys = arguments.length > 10 ? arguments[10] : undefined;
779
+ var isInit = arguments.length > 11 ? arguments[11] : undefined;
779
780
  var keys = (expandedKeys === null || expandedKeys === void 0 ? void 0 : (0, _concat.default)(expandedKeys).call(expandedKeys, expandScrollkeys)) || (defaultExpandedKeys === null || defaultExpandedKeys === void 0 ? void 0 : (0, _concat.default)(defaultExpandedKeys).call(defaultExpandedKeys, expandScrollkeys)) || [];
780
781
 
781
- if (defaultExpandAll) {
782
- keys = getAllNodeKeys(data);
783
- } else {
784
- if (defaultExpandRoot) {
785
- var rootKey = getRootKeys(data);
782
+ if (isInit) {
783
+ if (defaultExpandAll) {
784
+ keys = getAllNodeKeys(data);
785
+ } else {
786
+ if (defaultExpandRoot) {
787
+ var rootKey = getRootKeys(data);
786
788
 
787
- if (rootKey) {
788
- keys = (0, _concat.default)(keys).call(keys, rootKey);
789
+ if (rootKey) {
790
+ keys = (0, _concat.default)(keys).call(keys, rootKey);
791
+ }
789
792
  }
790
- }
791
793
 
792
- if (defaultExpandParent) {
793
- var parentKeys = [];
794
- keys.forEach(function (key) {
795
- parentKeys.push.apply(parentKeys, (0, _toConsumableArray2.default)(getAllParentKeys(data, key)));
796
- });
797
- keys = (0, _concat.default)(keys).call(keys, parentKeys);
794
+ if (defaultExpandParent) {
795
+ var parentKeys = [];
796
+ keys.forEach(function (key) {
797
+ parentKeys.push.apply(parentKeys, (0, _toConsumableArray2.default)(getAllParentKeys(data, key)));
798
+ });
799
+ keys = (0, _concat.default)(keys).call(keys, parentKeys);
800
+ }
798
801
  }
799
802
  }
800
803
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kdcloudjs/kdesign",
3
- "version": "1.6.29",
3
+ "version": "1.6.31",
4
4
  "description": "KDesign 金蝶前端react 组件库",
5
5
  "title": "kdesign",
6
6
  "keywords": [