@kdcloudjs/kdesign 1.7.14 → 1.7.15

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 (66) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/kdesign-complete.less +28 -12
  3. package/dist/kdesign.css +93 -11
  4. package/dist/kdesign.css.map +1 -1
  5. package/dist/kdesign.js +451 -424
  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/alert/alert.d.ts +1 -0
  11. package/es/alert/alert.js +15 -3
  12. package/es/cascader/cascader.d.ts +2 -0
  13. package/es/cascader/cascader.js +16 -4
  14. package/es/checkbox/checkbox.js +11 -10
  15. package/es/checkbox/group.d.ts +2 -1
  16. package/es/checkbox/group.js +16 -4
  17. package/es/city-picker/city-picker.js +1 -0
  18. package/es/city-picker/style/index.css +6 -0
  19. package/es/city-picker/style/index.less +8 -0
  20. package/es/color-picker/color-picker-panel.js +2 -2
  21. package/es/dropdown/dropdown.d.ts +2 -0
  22. package/es/form/Field.d.ts +4 -0
  23. package/es/form/Field.js +2 -5
  24. package/es/form/index.js +1 -0
  25. package/es/input/input.d.ts +1 -0
  26. package/es/input/style/index.css +86 -10
  27. package/es/input/style/index.less +1 -11
  28. package/es/input/style/mixin.less +18 -0
  29. package/es/input/style/token.less +1 -1
  30. package/es/modal/modal.js +0 -1
  31. package/es/search/quick-search.js +13 -3
  32. package/es/search/search.js +3 -3
  33. package/es/transfer/list.js +1 -1
  34. package/es/tree/tree.d.ts +2 -0
  35. package/es/tree/tree.js +15 -4
  36. package/es/tree-select/interface.d.ts +5 -1
  37. package/es/tree-select/tree-select.js +1 -1
  38. package/lib/alert/alert.d.ts +1 -0
  39. package/lib/alert/alert.js +15 -3
  40. package/lib/cascader/cascader.d.ts +2 -0
  41. package/lib/cascader/cascader.js +20 -8
  42. package/lib/checkbox/checkbox.js +11 -10
  43. package/lib/checkbox/group.d.ts +2 -1
  44. package/lib/checkbox/group.js +17 -7
  45. package/lib/city-picker/city-picker.js +1 -0
  46. package/lib/city-picker/style/index.css +6 -0
  47. package/lib/city-picker/style/index.less +8 -0
  48. package/lib/color-picker/color-picker-panel.js +2 -2
  49. package/lib/dropdown/dropdown.d.ts +2 -0
  50. package/lib/form/Field.d.ts +4 -0
  51. package/lib/form/Field.js +3 -5
  52. package/lib/form/index.js +1 -0
  53. package/lib/input/input.d.ts +1 -0
  54. package/lib/input/style/index.css +86 -10
  55. package/lib/input/style/index.less +1 -11
  56. package/lib/input/style/mixin.less +18 -0
  57. package/lib/input/style/token.less +1 -1
  58. package/lib/modal/modal.js +0 -1
  59. package/lib/search/quick-search.js +17 -7
  60. package/lib/search/search.js +3 -3
  61. package/lib/transfer/list.js +1 -1
  62. package/lib/tree/tree.d.ts +2 -0
  63. package/lib/tree/tree.js +19 -8
  64. package/lib/tree-select/interface.d.ts +5 -1
  65. package/lib/tree-select/tree-select.js +1 -1
  66. package/package.json +2 -1
@@ -220,7 +220,6 @@ textarea {
220
220
  }
221
221
  .kd-input-borderless {
222
222
  border: 0;
223
- padding-left: 0 !important;
224
223
  }
225
224
  .kd-input-borderless:focus {
226
225
  border: 0;
@@ -248,20 +247,62 @@ textarea {
248
247
  font-size: var(--kd-c-input-font-size-small, var(--kd-g-font-size-small, 12px));
249
248
  padding: var(--kd-c-input-spacing-padding-vertical-small, 3px) var(--kd-c-input-spacing-padding-horizontal-small, 9px);
250
249
  }
250
+ .kd-input-size-small .kd-input-suffix {
251
+ margin-left: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
252
+ }
253
+ .kd-input-size-small .kd-input-prefix {
254
+ margin-right: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
255
+ }
256
+ .kd-input-size-small.kd-input-underline {
257
+ padding-right: 0;
258
+ padding-left: 0;
259
+ }
260
+ .kd-input-size-small.kd-input-wrapper-underline {
261
+ padding-right: 0;
262
+ padding-left: 0;
263
+ }
251
264
  .kd-input-size-middle {
252
265
  height: var(--kd-c-input-sizing-height-middle, 30px);
253
266
  line-height: calc(var(--kd-c-input-sizing-height-middle, 30px) - (var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2) - (1px * 2));
254
267
  font-size: var(--kd-c-input-font-size-middle, var(--kd-g-font-size-middle, 14px));
255
268
  padding: var(--kd-c-input-spacing-padding-vertical-small, 3px) var(--kd-c-input-spacing-padding-horizontal-small, 9px);
256
269
  }
270
+ .kd-input-size-middle .kd-input-suffix {
271
+ margin-left: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
272
+ }
273
+ .kd-input-size-middle .kd-input-prefix {
274
+ margin-right: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
275
+ }
276
+ .kd-input-size-middle.kd-input-underline {
277
+ padding-right: 0;
278
+ padding-left: 0;
279
+ }
280
+ .kd-input-size-middle.kd-input-wrapper-underline {
281
+ padding-right: 0;
282
+ padding-left: 0;
283
+ }
257
284
  .kd-input-size-large {
258
285
  height: var(--kd-c-input-sizing-height-large, 36px);
259
286
  line-height: calc(var(--kd-c-input-sizing-height-large, 36px) - (var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2) - (1px * 2));
260
287
  font-size: var(--kd-c-input-font-size-large, var(--kd-g-font-size-large, 16px));
261
288
  padding: var(--kd-c-input-spacing-padding-vertical-small, 3px) var(--kd-c-input-spacing-padding-horizontal-small, 9px);
262
289
  }
290
+ .kd-input-size-large .kd-input-suffix {
291
+ margin-left: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
292
+ }
293
+ .kd-input-size-large .kd-input-prefix {
294
+ margin-right: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
295
+ }
296
+ .kd-input-size-large.kd-input-underline {
297
+ padding-right: 0;
298
+ padding-left: 0;
299
+ }
300
+ .kd-input-size-large.kd-input-wrapper-underline {
301
+ padding-right: 0;
302
+ padding-left: 0;
303
+ }
263
304
  .kd-input-wrapper {
264
- padding-left: var(--kd-c-input-wrapper-padding-left, 0px) !important;
305
+ padding-left: var(--kd-c-input-wrapper-padding-left, 0px);
265
306
  width: 100%;
266
307
  min-width: 0;
267
308
  border: var(--kd-c-input-sizing-border, 1px) solid var(--kd-c-input-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9));
@@ -309,7 +350,7 @@ textarea {
309
350
  }
310
351
  .kd-input-wrapper .kd-input {
311
352
  border: none;
312
- padding-left: var(--kd-c-input-padding-left, 9px);
353
+ padding-left: var(--kd-c-input-padding-left, 0px);
313
354
  padding-right: 0;
314
355
  height: 100%;
315
356
  }
@@ -330,31 +371,66 @@ textarea {
330
371
  word-break: keep-all;
331
372
  color: var(--kd-c-input-affix-color-text, #666);
332
373
  }
333
- .kd-input-wrapper .kd-input-suffix {
334
- margin-left: 4px;
335
- }
336
- .kd-input-wrapper .kd-input-prefix {
337
- margin-right: 4px;
338
- margin-left: 8px;
339
- }
340
374
  .kd-input-wrapper-size-small {
341
375
  height: var(--kd-c-input-sizing-height-small, 20px);
342
376
  line-height: calc(var(--kd-c-input-sizing-height-small, 20px) - (var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2) - (1px * 2));
343
377
  font-size: var(--kd-c-input-font-size-small, var(--kd-g-font-size-small, 12px));
344
378
  padding: var(--kd-c-input-spacing-padding-vertical-small, 3px) var(--kd-c-input-spacing-padding-horizontal-small, 9px);
345
379
  }
380
+ .kd-input-wrapper-size-small .kd-input-suffix {
381
+ margin-left: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
382
+ }
383
+ .kd-input-wrapper-size-small .kd-input-prefix {
384
+ margin-right: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
385
+ }
386
+ .kd-input-wrapper-size-small.kd-input-underline {
387
+ padding-right: 0;
388
+ padding-left: 0;
389
+ }
390
+ .kd-input-wrapper-size-small.kd-input-wrapper-underline {
391
+ padding-right: 0;
392
+ padding-left: 0;
393
+ }
346
394
  .kd-input-wrapper-size-middle {
347
395
  height: var(--kd-c-input-sizing-height-middle, 30px);
348
396
  line-height: calc(var(--kd-c-input-sizing-height-middle, 30px) - (var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2) - (1px * 2));
349
397
  font-size: var(--kd-c-input-font-size-middle, var(--kd-g-font-size-middle, 14px));
350
398
  padding: var(--kd-c-input-spacing-padding-vertical-small, 3px) var(--kd-c-input-spacing-padding-horizontal-middle, 9px);
351
399
  }
400
+ .kd-input-wrapper-size-middle .kd-input-suffix {
401
+ margin-left: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
402
+ }
403
+ .kd-input-wrapper-size-middle .kd-input-prefix {
404
+ margin-right: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
405
+ }
406
+ .kd-input-wrapper-size-middle.kd-input-underline {
407
+ padding-right: 0;
408
+ padding-left: 0;
409
+ }
410
+ .kd-input-wrapper-size-middle.kd-input-wrapper-underline {
411
+ padding-right: 0;
412
+ padding-left: 0;
413
+ }
352
414
  .kd-input-wrapper-size-large {
353
415
  height: var(--kd-c-input-sizing-height-large, 36px);
354
416
  line-height: calc(var(--kd-c-input-sizing-height-large, 36px) - (var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2) - (1px * 2));
355
417
  font-size: var(--kd-c-input-font-size-large, var(--kd-g-font-size-large, 16px));
356
418
  padding: var(--kd-c-input-spacing-padding-vertical-small, 3px) var(--kd-c-input-spacing-padding-horizontal-large, 9px);
357
419
  }
420
+ .kd-input-wrapper-size-large .kd-input-suffix {
421
+ margin-left: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
422
+ }
423
+ .kd-input-wrapper-size-large .kd-input-prefix {
424
+ margin-right: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
425
+ }
426
+ .kd-input-wrapper-size-large.kd-input-underline {
427
+ padding-right: 0;
428
+ padding-left: 0;
429
+ }
430
+ .kd-input-wrapper-size-large.kd-input-wrapper-underline {
431
+ padding-right: 0;
432
+ padding-left: 0;
433
+ }
358
434
  .kd-input-wrapper-borderless {
359
435
  border: none !important;
360
436
  }
@@ -58,7 +58,6 @@ textarea {
58
58
 
59
59
  &-borderless {
60
60
  border: 0;
61
- padding-left: 0 !important;
62
61
 
63
62
  &:focus {
64
63
  border: 0;
@@ -98,7 +97,7 @@ textarea {
98
97
  }
99
98
 
100
99
  &-wrapper {
101
- padding-left: @input-wrapper-padding-left !important;
100
+ padding-left: @input-wrapper-padding-left;
102
101
  .input(@wrapper-prefix-cls);
103
102
  transition: border-color @transition-duration-inner;
104
103
  display: inline-flex;
@@ -122,15 +121,6 @@ textarea {
122
121
  word-break: keep-all;
123
122
  color: @input-affix-color;
124
123
  }
125
-
126
- &-suffix {
127
- margin-left: 4px;
128
- }
129
-
130
- &-prefix {
131
- margin-right: 4px;
132
- margin-left: 8px;
133
- }
134
124
  }
135
125
 
136
126
  &-size-small {
@@ -46,6 +46,24 @@
46
46
  line-height: calc(@height - (@padding-vertical * 2) - (@input-border-width * 2));
47
47
  font-size: @fonSize;
48
48
  padding: @padding-vertical @padding-horizontal;
49
+
50
+ .@{input-prefix-cls}-suffix {
51
+ margin-left: calc(@padding-vertical * 2);
52
+ }
53
+
54
+ .@{input-prefix-cls}-prefix {
55
+ margin-right: calc(@padding-vertical * 2);
56
+ }
57
+
58
+ &.@{input-prefix-cls}-underline {
59
+ padding-right: 0;
60
+ padding-left: 0;
61
+ }
62
+
63
+ &.@{input-prefix-cls}-wrapper-underline {
64
+ padding-right: 0;
65
+ padding-left: 0;
66
+ }
49
67
  }
50
68
 
51
69
  .input-clear-icon() {
@@ -40,7 +40,7 @@
40
40
  @input-large-height-inner: var(~'@{input-prefix}-sizing-height-large', 36px);
41
41
  @input-border-width-inner: var(~'@{input-prefix}-sizing-border', 1px);
42
42
  @input-wrapper-padding-left: var(~'@{input-prefix}-wrapper-padding-left', 0px);
43
- @input-padding-left: var(~'@{input-prefix}-padding-left', 9px);
43
+ @input-padding-left: var(~'@{input-prefix}-padding-left', 0px);
44
44
 
45
45
  // spacing
46
46
  @input-small-padding-vertical-inner: var(~'@{input-prefix}-spacing-padding-vertical-small', 3px);
@@ -238,7 +238,6 @@ var InternalModal = function InternalModal(props, ref) {
238
238
  // 没有容器应该是不用居中的
239
239
  // 但仍可拖拽
240
240
  var handleDragStart = function handleDragStart(e, data) {
241
- e === null || e === void 0 ? void 0 : e.stopPropagation();
242
241
  onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart(e, data);
243
242
  };
244
243
  var defaultPosition = modalContainer ? {
@@ -8,15 +8,16 @@ Object.defineProperty(exports, "__esModule", {
8
8
  value: true
9
9
  });
10
10
  exports.default = void 0;
11
- var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
12
- var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
13
- var _stringify = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/json/stringify"));
14
- var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
15
11
  var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/toConsumableArray"));
16
12
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
17
13
  var _typeof2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/typeof"));
18
14
  var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
19
15
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
16
+ var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
17
+ var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
18
+ var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
19
+ var _stringify = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/json/stringify"));
20
+ var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
20
21
  var _react = _interopRequireWildcard(require("react"));
21
22
  var _classnames = _interopRequireDefault(require("classnames"));
22
23
  var _debounce = _interopRequireDefault(require("lodash/debounce"));
@@ -28,6 +29,14 @@ var _index = require("../index");
28
29
  var _arrayUtil = require("../_utils/arrayUtil");
29
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); }
30
31
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(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; }
32
+ var __rest = void 0 && (void 0).__rest || function (s, e) {
33
+ var t = {};
34
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
35
+ if (s != null && typeof _getOwnPropertySymbols.default === "function") for (var i = 0, p = (0, _getOwnPropertySymbols.default)(s); i < p.length; i++) {
36
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
37
+ }
38
+ return t;
39
+ };
31
40
  var INPUT_MIN_WIDTH = 4; // 输入框最小宽度
32
41
  var InternalQuickSearch = function InternalQuickSearch(props, ref) {
33
42
  var _classNames, _classNames2;
@@ -51,7 +60,8 @@ var InternalQuickSearch = function InternalQuickSearch(props, ref) {
51
60
  onSelect = props.onSelect,
52
61
  onSearch = props.onSearch,
53
62
  disabled = props.disabled,
54
- borderType = props.borderType;
63
+ borderType = props.borderType,
64
+ others = __rest(props, ["prefixCls", "className", "placeholder", "style", "desc", "dropdownStyle", "tags", "children", "onBlur", "onFocus", "onChange", "onSelect", "onSearch", "disabled", "borderType"]);
55
65
  var realChildren = Array.isArray(tags) && tags.length ? tags : (0, _reactChildren.toArray)(children); // tags配置项和默认children
56
66
  var innerRef = (0, _react.useRef)();
57
67
  var quickSearchRef = ref || innerRef;
@@ -305,12 +315,12 @@ var InternalQuickSearch = function InternalQuickSearch(props, ref) {
305
315
  !disabled && setInputFocus();
306
316
  };
307
317
  var renderSelect = function renderSelect() {
308
- return /*#__PURE__*/_react.default.createElement("div", {
318
+ return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
309
319
  className: quickSearchCls,
310
320
  ref: quickSearchRef,
311
321
  style: style,
312
322
  onClick: handleClickInputFosus
313
- }, /*#__PURE__*/_react.default.createElement("span", {
323
+ }, others), /*#__PURE__*/_react.default.createElement("span", {
314
324
  className: (0, _classnames.default)((0, _defineProperty2.default)({}, "".concat(quickSearchPrefixCls, "-prefix"), true))
315
325
  }, /*#__PURE__*/_react.default.createElement(_index.Icon, {
316
326
  type: "search"
@@ -95,13 +95,13 @@ var InternalSearch = function InternalSearch(props, ref) {
95
95
  if (!suffix) {
96
96
  return null;
97
97
  }
98
- return !prefix && (typeof suffix === 'boolean' && suffix ? /*#__PURE__*/_react.default.createElement("span", {
98
+ return typeof suffix === 'boolean' && suffix ? /*#__PURE__*/_react.default.createElement("span", {
99
99
  className: "".concat(searchPrefixCls, "-suffix")
100
100
  }, /*#__PURE__*/_react.default.createElement(_index.Icon, {
101
101
  className: "kd-search-prefix",
102
102
  type: "search"
103
- })) : suffix);
104
- }, [suffix, prefix, searchPrefixCls]);
103
+ })) : suffix;
104
+ }, [suffix, searchPrefixCls]);
105
105
  if (type === 'quick-search') {
106
106
  return /*#__PURE__*/_react.default.createElement(_quickSearch.default, (0, _extends2.default)({}, restProps, {
107
107
  ref: ref,
@@ -101,7 +101,7 @@ var ITransferList = function ITransferList(props, ref) {
101
101
  if (filterOption) {
102
102
  return filterOption(filterValue, item);
103
103
  }
104
- return text.indexOf(filterValue) > -1;
104
+ return (text === null || text === void 0 ? void 0 : text.indexOf(filterValue)) > -1;
105
105
  };
106
106
  var renderListBody = function renderListBody(renderList, props) {
107
107
  var bodyContent = renderList ? renderList(props) : null;
@@ -41,6 +41,8 @@ export interface TreeProps {
41
41
  expandOnClickNode?: boolean;
42
42
  onlyExpandOnClickIcon?: boolean;
43
43
  showIcon?: boolean;
44
+ style?: React.CSSProperties;
45
+ className?: string;
44
46
  }
45
47
  export declare type TreeNodeData = {
46
48
  checkable?: boolean;
package/lib/tree/tree.js CHANGED
@@ -8,14 +8,15 @@ Object.defineProperty(exports, "__esModule", {
8
8
  value: true
9
9
  });
10
10
  exports.default = void 0;
11
- var _set = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set"));
12
- var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
13
- var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
14
- var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
15
11
  var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
16
12
  var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/toConsumableArray"));
17
13
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
18
14
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
15
+ var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
16
+ var _set = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set"));
17
+ var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
18
+ var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
19
+ var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
19
20
  var _react = _interopRequireWildcard(require("react"));
20
21
  var _classnames = _interopRequireDefault(require("classnames"));
21
22
  var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
@@ -27,6 +28,14 @@ var _treeHooks = require("./treeHooks");
27
28
  var _isBoolean = _interopRequireDefault(require("lodash/isBoolean"));
28
29
  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
30
  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; }
31
+ var __rest = void 0 && (void 0).__rest || function (s, e) {
32
+ var t = {};
33
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
34
+ if (s != null && typeof _getOwnPropertySymbols.default === "function") for (var i = 0, p = (0, _getOwnPropertySymbols.default)(s); i < p.length; i++) {
35
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
36
+ }
37
+ return t;
38
+ };
30
39
  var InternalTree = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
31
40
  var _useContext = (0, _react.useContext)(_ConfigContext.default),
32
41
  getPrefixCls = _useContext.getPrefixCls,
@@ -73,16 +82,18 @@ var InternalTree = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
73
82
  } : _TreeProps$setTreeNod2,
74
83
  innerEstimatedItemSize = TreeProps.estimatedItemSize,
75
84
  style = TreeProps.style,
85
+ className = TreeProps.className,
76
86
  filterTreeNode = TreeProps.filterTreeNode,
77
87
  filterValue = TreeProps.filterValue,
78
88
  expandOnClickNode = TreeProps.expandOnClickNode,
79
89
  _TreeProps$onlyExpand = TreeProps.onlyExpandOnClickIcon,
80
90
  onlyExpandOnClickIcon = _TreeProps$onlyExpand === void 0 ? false : _TreeProps$onlyExpand,
81
91
  loadData = TreeProps.loadData,
82
- notFoundContent = TreeProps.notFoundContent;
92
+ notFoundContent = TreeProps.notFoundContent,
93
+ others = __rest(TreeProps, ["prefixCls", "treeData", "virtual", "showIcon", "switcherIcon", "icon", "checkable", "checkStrictly", "disabled", "draggable", "scrollToKey", "expandedKeys", "checkedKeys", "defaultExpandRoot", "defaultExpandAll", "defaultExpandParent", "defaultExpandedKeys", "defaultCheckedKeys", "defaultSelectedKeys", "height", "onCheck", "onExpand", "onDragStart", "onDragOver", "onDragLeave", "onDragEnter", "onDragEnd", "onDrop", "onSelect", "selectedKeys", "setTreeNodeStyle", "setTreeNodeClassName", "estimatedItemSize", "style", "className", "filterTreeNode", "filterValue", "expandOnClickNode", "onlyExpandOnClickIcon", "loadData", "notFoundContent"]);
83
94
  var treePrefixCls = getPrefixCls(prefixCls, 'tree', customPrefixcls); // 树样式前缀
84
95
  var treeNodePrefixCls = getPrefixCls(prefixCls, 'tree-node', customPrefixcls); // 树节点样式前缀
85
- var treeNodeClassName = (0, _classnames.default)((0, _defineProperty2.default)({}, "".concat(treePrefixCls), true));
96
+ var treeNodeClassName = (0, _classnames.default)(className, (0, _defineProperty2.default)({}, "".concat(treePrefixCls), true));
86
97
  var treeRootClassName = "".concat(treePrefixCls, "-root");
87
98
  var estimatedItemSize = innerEstimatedItemSize; // 节点高度
88
99
  var _React$useMemo = _react.default.useMemo(function () {
@@ -375,12 +386,12 @@ var InternalTree = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
375
386
  (0, _react.useEffect)(function () {
376
387
  setCheckedKeys(checkedKeys);
377
388
  }, [checkedKeys, setCheckedKeys]);
378
- return /*#__PURE__*/_react.default.createElement("div", {
389
+ return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
379
390
  className: treeNodeClassName,
380
391
  style: style,
381
392
  ref: scrollRef,
382
393
  onScroll: handleScroll
383
- }, /*#__PURE__*/_react.default.createElement("div", {
394
+ }, others), /*#__PURE__*/_react.default.createElement("div", {
384
395
  ref: plantomRef,
385
396
  className: "".concat(treePrefixCls, "-plantom")
386
397
  }), /*#__PURE__*/_react.default.createElement("div", {
@@ -33,7 +33,7 @@ export interface AbstractSelectProps extends PopperProps {
33
33
  maxTagPlaceholder?: React.ReactNode | ((omittedValues: TreeNodeData[]) => React.ReactNode);
34
34
  }
35
35
  export declare type ITreeProps = {
36
- treeData?: TreeNodeData;
36
+ treeData?: TreeNodeData[];
37
37
  treeDefaultExpandAll?: boolean;
38
38
  treeDefaultExpandedKeys?: string[];
39
39
  treeExpandedKeys?: string[];
@@ -44,6 +44,10 @@ export declare type ITreeProps = {
44
44
  treeNodeFilterProp?: string;
45
45
  treeNodeLabelProp?: string;
46
46
  expandOnClickNode?: boolean;
47
+ treeCheckStrictly?: boolean;
48
+ treeExpandOnClickNode?: boolean;
49
+ showTreeIcon?: boolean;
50
+ treeLoadData?: () => void;
47
51
  };
48
52
  export declare type TreeSelectValue = string | string[] | number | number[] | undefined;
49
53
  export interface ITreeSelectProps<T extends TreeSelectValue> extends AbstractSelectProps, ITreeProps {
@@ -50,7 +50,7 @@ function flattenTreeData(treeData) {
50
50
  }
51
51
  return key;
52
52
  }
53
- treeData.forEach(function (node) {
53
+ treeData === null || treeData === void 0 ? void 0 : treeData.forEach(function (node) {
54
54
  flatten(node);
55
55
  });
56
56
  return map;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kdcloudjs/kdesign",
3
- "version": "1.7.14",
3
+ "version": "1.7.15",
4
4
  "description": "KDesign 金蝶前端react 组件库",
5
5
  "title": "kdesign",
6
6
  "keywords": [
@@ -77,6 +77,7 @@
77
77
  "@babel/runtime": "^7.10.4",
78
78
  "@babel/runtime-corejs3": "^7.11.2",
79
79
  "@babel/standalone": "^7.14.3",
80
+ "@kdcloudjs/kdesign-icons": "^1.0.0",
80
81
  "@kdcloudjs/table": "1.1.6-canary.2",
81
82
  "@popperjs/core": "^2.5.4",
82
83
  "@types/js-cookie": "^3.0.3",