@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.
- package/CHANGELOG.md +11 -0
- package/dist/kdesign-complete.less +28 -12
- package/dist/kdesign.css +93 -11
- package/dist/kdesign.css.map +1 -1
- package/dist/kdesign.js +451 -424
- package/dist/kdesign.js.map +1 -1
- package/dist/kdesign.min.css +3 -3
- package/dist/kdesign.min.js +8 -8
- package/dist/kdesign.min.js.map +1 -1
- package/es/alert/alert.d.ts +1 -0
- package/es/alert/alert.js +15 -3
- package/es/cascader/cascader.d.ts +2 -0
- package/es/cascader/cascader.js +16 -4
- package/es/checkbox/checkbox.js +11 -10
- package/es/checkbox/group.d.ts +2 -1
- package/es/checkbox/group.js +16 -4
- package/es/city-picker/city-picker.js +1 -0
- package/es/city-picker/style/index.css +6 -0
- package/es/city-picker/style/index.less +8 -0
- package/es/color-picker/color-picker-panel.js +2 -2
- package/es/dropdown/dropdown.d.ts +2 -0
- package/es/form/Field.d.ts +4 -0
- package/es/form/Field.js +2 -5
- package/es/form/index.js +1 -0
- package/es/input/input.d.ts +1 -0
- package/es/input/style/index.css +86 -10
- package/es/input/style/index.less +1 -11
- package/es/input/style/mixin.less +18 -0
- package/es/input/style/token.less +1 -1
- package/es/modal/modal.js +0 -1
- package/es/search/quick-search.js +13 -3
- package/es/search/search.js +3 -3
- package/es/transfer/list.js +1 -1
- package/es/tree/tree.d.ts +2 -0
- package/es/tree/tree.js +15 -4
- package/es/tree-select/interface.d.ts +5 -1
- package/es/tree-select/tree-select.js +1 -1
- package/lib/alert/alert.d.ts +1 -0
- package/lib/alert/alert.js +15 -3
- package/lib/cascader/cascader.d.ts +2 -0
- package/lib/cascader/cascader.js +20 -8
- package/lib/checkbox/checkbox.js +11 -10
- package/lib/checkbox/group.d.ts +2 -1
- package/lib/checkbox/group.js +17 -7
- package/lib/city-picker/city-picker.js +1 -0
- package/lib/city-picker/style/index.css +6 -0
- package/lib/city-picker/style/index.less +8 -0
- package/lib/color-picker/color-picker-panel.js +2 -2
- package/lib/dropdown/dropdown.d.ts +2 -0
- package/lib/form/Field.d.ts +4 -0
- package/lib/form/Field.js +3 -5
- package/lib/form/index.js +1 -0
- package/lib/input/input.d.ts +1 -0
- package/lib/input/style/index.css +86 -10
- package/lib/input/style/index.less +1 -11
- package/lib/input/style/mixin.less +18 -0
- package/lib/input/style/token.less +1 -1
- package/lib/modal/modal.js +0 -1
- package/lib/search/quick-search.js +17 -7
- package/lib/search/search.js +3 -3
- package/lib/transfer/list.js +1 -1
- package/lib/tree/tree.d.ts +2 -0
- package/lib/tree/tree.js +19 -8
- package/lib/tree-select/interface.d.ts +5 -1
- package/lib/tree-select/tree-select.js +1 -1
- 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)
|
|
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,
|
|
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
|
|
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',
|
|
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);
|
package/lib/modal/modal.js
CHANGED
|
@@ -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"
|
package/lib/search/search.js
CHANGED
|
@@ -95,13 +95,13 @@ var InternalSearch = function InternalSearch(props, ref) {
|
|
|
95
95
|
if (!suffix) {
|
|
96
96
|
return null;
|
|
97
97
|
}
|
|
98
|
-
return
|
|
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,
|
|
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,
|
package/lib/transfer/list.js
CHANGED
|
@@ -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;
|
package/lib/tree/tree.d.ts
CHANGED
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 {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kdcloudjs/kdesign",
|
|
3
|
-
"version": "1.7.
|
|
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",
|