@hi-ui/check-select 4.3.3 → 4.3.4
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 +31 -0
- package/lib/cjs/CheckSelect.js +34 -22
- package/lib/cjs/context.js +3 -0
- package/lib/cjs/hooks/use-cache/lib/esm/index.js +3 -0
- package/lib/cjs/hooks/use-data.js +3 -0
- package/lib/cjs/hooks/use-flatten-data.js +3 -0
- package/lib/cjs/use-check-select.js +3 -0
- package/lib/cjs/utils/index.js +4 -0
- package/lib/esm/CheckSelect.js +11 -11
- package/package.json +27 -27
package/CHANGELOG.md
CHANGED
@@ -1,5 +1,36 @@
|
|
1
1
|
# @hi-ui/check-select
|
2
2
|
|
3
|
+
## 4.3.4
|
4
|
+
|
5
|
+
### Patch Changes
|
6
|
+
|
7
|
+
- fix: 修复 rollup3 打包 cjs 模块问题
|
8
|
+
- Updated dependencies
|
9
|
+
- @hi-ui/env@4.0.3
|
10
|
+
- @hi-ui/core@4.0.7
|
11
|
+
- @hi-ui/use-check@4.0.4
|
12
|
+
- @hi-ui/use-children@4.0.3
|
13
|
+
- @hi-ui/use-data-source@4.0.3
|
14
|
+
- @hi-ui/use-latest@4.0.3
|
15
|
+
- @hi-ui/use-search-mode@4.1.3
|
16
|
+
- @hi-ui/use-toggle@4.0.3
|
17
|
+
- @hi-ui/use-uncontrolled-state@4.0.3
|
18
|
+
- @hi-ui/icons@4.0.17
|
19
|
+
- @hi-ui/checkbox@4.0.7
|
20
|
+
- @hi-ui/highlighter@4.0.7
|
21
|
+
- @hi-ui/input@4.0.12
|
22
|
+
- @hi-ui/picker@4.1.3
|
23
|
+
- @hi-ui/popper@4.1.2
|
24
|
+
- @hi-ui/tag-input@4.0.9
|
25
|
+
- @hi-ui/virtual-list@4.0.6
|
26
|
+
- @hi-ui/array-utils@4.0.3
|
27
|
+
- @hi-ui/classname@4.0.3
|
28
|
+
- @hi-ui/dom-utils@4.0.6
|
29
|
+
- @hi-ui/func-utils@4.0.3
|
30
|
+
- @hi-ui/times@4.0.3
|
31
|
+
- @hi-ui/tree-utils@4.1.3
|
32
|
+
- @hi-ui/type-assertion@4.0.3
|
33
|
+
|
3
34
|
## 4.3.3
|
4
35
|
|
5
36
|
### Patch Changes
|
package/lib/cjs/CheckSelect.js
CHANGED
@@ -9,6 +9,10 @@
|
|
9
9
|
*/
|
10
10
|
'use strict';
|
11
11
|
|
12
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
13
|
+
Object.defineProperty(exports, '__esModule', {
|
14
|
+
value: true
|
15
|
+
});
|
12
16
|
var tslib = require('tslib');
|
13
17
|
var React = require('react');
|
14
18
|
var classname = require('@hi-ui/classname');
|
@@ -32,6 +36,14 @@ var useSearchMode = require('@hi-ui/use-search-mode');
|
|
32
36
|
require('@hi-ui/use-children');
|
33
37
|
var useFlattenData = require('./hooks/use-flatten-data.js');
|
34
38
|
var index = require('./utils/index.js');
|
39
|
+
function _interopDefaultCompat(e) {
|
40
|
+
return e && _typeof(e) === 'object' && 'default' in e ? e : {
|
41
|
+
'default': e
|
42
|
+
};
|
43
|
+
}
|
44
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
45
|
+
var Checkbox__default = /*#__PURE__*/_interopDefaultCompat(Checkbox);
|
46
|
+
var VirtualList__default = /*#__PURE__*/_interopDefaultCompat(VirtualList);
|
35
47
|
var _role = 'check-select';
|
36
48
|
var _prefix = classname.getPrefixCls(_role);
|
37
49
|
var DEFAULT_FIELD_NAMES = {};
|
@@ -148,12 +160,12 @@ var CheckSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
148
160
|
}
|
149
161
|
// 本地搜索执行默认高亮规则
|
150
162
|
var highlight = !!searchValue && searchMode === 'filter';
|
151
|
-
var ret = highlight ? /*#__PURE__*/
|
163
|
+
var ret = highlight ? ( /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
|
152
164
|
checked: node.checked,
|
153
165
|
disabled: node.disabled
|
154
|
-
}, /*#__PURE__*/
|
166
|
+
}, /*#__PURE__*/React__default["default"].createElement(highlighter.Highlighter, {
|
155
167
|
keyword: searchValue
|
156
|
-
}, node.title)) : true;
|
168
|
+
}, node.title))) : true;
|
157
169
|
return ret;
|
158
170
|
}, [titleRender, searchValue, searchMode]);
|
159
171
|
var shouldUseSearch = !!searchValue && !hasError;
|
@@ -235,7 +247,7 @@ var CheckSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
235
247
|
var renderDefaultFooter = function renderDefaultFooter() {
|
236
248
|
var extra = renderExtraFooter ? renderExtraFooter() : null;
|
237
249
|
if (showCheckAll) {
|
238
|
-
return /*#__PURE__*/
|
250
|
+
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
|
239
251
|
indeterminate: showIndeterminate,
|
240
252
|
checked: showAllChecked,
|
241
253
|
onChange: toggleCheckAll
|
@@ -261,9 +273,9 @@ var CheckSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
261
273
|
(_a = listRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo(undefined);
|
262
274
|
}
|
263
275
|
}, [menuVisible, showData]);
|
264
|
-
return /*#__PURE__*/
|
276
|
+
return /*#__PURE__*/React__default["default"].createElement(context.CheckSelectProvider, {
|
265
277
|
value: context$1
|
266
|
-
}, /*#__PURE__*/
|
278
|
+
}, /*#__PURE__*/React__default["default"].createElement(picker.Picker, Object.assign({
|
267
279
|
ref: ref,
|
268
280
|
className: cls
|
269
281
|
}, rootProps, {
|
@@ -277,13 +289,13 @@ var CheckSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
277
289
|
onSearch: funcUtils.callAllFuncs(onSearchProp, onSearch),
|
278
290
|
loading: rest.loading !== undefined ? rest.loading : loading,
|
279
291
|
footer: renderDefaultFooter(),
|
280
|
-
trigger: customRender ? typeof customRender === 'function' ? customRender(checkedItems) : customRender : /*#__PURE__*/
|
292
|
+
trigger: customRender ? typeof customRender === 'function' ? customRender(checkedItems) : customRender : ( /*#__PURE__*/React__default["default"].createElement(tagInput.TagInputMock, Object.assign({}, tagInputProps, {
|
281
293
|
size: size,
|
282
294
|
clearable: clearable,
|
283
295
|
placeholder: placeholder,
|
284
296
|
// @ts-ignore
|
285
297
|
displayRender: displayRender,
|
286
|
-
suffix: menuVisible ? /*#__PURE__*/
|
298
|
+
suffix: menuVisible ? /*#__PURE__*/React__default["default"].createElement(icons.UpOutlined, null) : /*#__PURE__*/React__default["default"].createElement(icons.DownOutlined, null),
|
287
299
|
focused: menuVisible,
|
288
300
|
appearance: appearance,
|
289
301
|
value: value,
|
@@ -330,16 +342,16 @@ var CheckSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
330
342
|
}
|
331
343
|
expandedViewRef.current = 'onlyChecked';
|
332
344
|
}
|
333
|
-
}))
|
334
|
-
}), typeAssertion.isArrayNonEmpty(dropdownItems) ? /*#__PURE__*/
|
345
|
+
})))
|
346
|
+
}), typeAssertion.isArrayNonEmpty(dropdownItems) ? ( /*#__PURE__*/React__default["default"].createElement(VirtualList__default["default"], Object.assign({
|
335
347
|
ref: listRef,
|
336
348
|
itemKey: "id",
|
337
349
|
fullHeight: false
|
338
350
|
}, virtualListProps), function (node, index) {
|
339
351
|
/* 反向 map,搜索删选数据时会对数据进行处理 */
|
340
|
-
return 'groupTitle' in node ? /*#__PURE__*/
|
352
|
+
return 'groupTitle' in node ? ( /*#__PURE__*/React__default["default"].createElement(CheckSelectOptionGroup, {
|
341
353
|
label: node.groupTitle
|
342
|
-
}) : /*#__PURE__*/
|
354
|
+
})) : ( /*#__PURE__*/React__default["default"].createElement(CheckSelectOption, {
|
343
355
|
option: node,
|
344
356
|
depth: node.depth,
|
345
357
|
titleRender: proxyTitleRender,
|
@@ -347,8 +359,8 @@ var CheckSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
347
359
|
!node.disabled && setFocusedIndex(index);
|
348
360
|
},
|
349
361
|
focused: focusedIndex === index
|
350
|
-
});
|
351
|
-
}) : null));
|
362
|
+
}));
|
363
|
+
})) : null));
|
352
364
|
});
|
353
365
|
// @ts-ignore
|
354
366
|
CheckSelect.HiName = 'CheckSelect';
|
@@ -386,14 +398,14 @@ var CheckSelectOption = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
386
398
|
var renderTitle = React.useCallback(function (node, titleRender) {
|
387
399
|
// 如果 titleRender 返回 `true`,则使用默认 title
|
388
400
|
var title = titleRender ? titleRender(node) : true;
|
389
|
-
return /*#__PURE__*/
|
401
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
390
402
|
className: prefixCls + "__title"
|
391
|
-
}, title === true ? /*#__PURE__*/
|
403
|
+
}, title === true ? ( /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
|
392
404
|
checked: node.checked,
|
393
405
|
disabled: node.disabled
|
394
|
-
}, node.title) : title);
|
406
|
+
}, node.title)) : title);
|
395
407
|
}, [prefixCls]);
|
396
|
-
return /*#__PURE__*/
|
408
|
+
return /*#__PURE__*/React__default["default"].createElement("div", Object.assign({
|
397
409
|
ref: ref,
|
398
410
|
className: cls
|
399
411
|
}, rest, {
|
@@ -413,10 +425,10 @@ var CheckSelectOptionGroup = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
413
425
|
label = _a.label,
|
414
426
|
rest = tslib.__rest(_a, ["prefixCls", "className", "label"]);
|
415
427
|
var cls = classname.cx(prefixCls, className);
|
416
|
-
return /*#__PURE__*/
|
428
|
+
return /*#__PURE__*/React__default["default"].createElement("div", Object.assign({
|
417
429
|
ref: ref,
|
418
430
|
className: cls
|
419
|
-
}, rest), /*#__PURE__*/
|
431
|
+
}, rest), /*#__PURE__*/React__default["default"].createElement("span", null, label));
|
420
432
|
});
|
421
433
|
// @ts-ignore
|
422
434
|
CheckSelectOptionGroup.HiName = 'CheckSelectOptionGroup';
|
@@ -428,12 +440,12 @@ if (env.__DEV__) {
|
|
428
440
|
*/
|
429
441
|
var renderIndent = function renderIndent(prefixCls, depth) {
|
430
442
|
return arrayUtils.times(depth, function (index) {
|
431
|
-
return /*#__PURE__*/
|
443
|
+
return /*#__PURE__*/React__default["default"].createElement("span", {
|
432
444
|
key: index,
|
433
445
|
style: {
|
434
446
|
alignSelf: 'stretch'
|
435
447
|
}
|
436
|
-
}, /*#__PURE__*/
|
448
|
+
}, /*#__PURE__*/React__default["default"].createElement("span", {
|
437
449
|
className: classname.cx(prefixCls + "__indent")
|
438
450
|
}));
|
439
451
|
});
|
package/lib/cjs/context.js
CHANGED
package/lib/cjs/utils/index.js
CHANGED
package/lib/esm/CheckSelect.js
CHANGED
@@ -146,12 +146,12 @@ var CheckSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
146
146
|
}
|
147
147
|
// 本地搜索执行默认高亮规则
|
148
148
|
var highlight = !!searchValue && searchMode === 'filter';
|
149
|
-
var ret = highlight ? /*#__PURE__*/React.createElement(Checkbox, {
|
149
|
+
var ret = highlight ? ( /*#__PURE__*/React.createElement(Checkbox, {
|
150
150
|
checked: node.checked,
|
151
151
|
disabled: node.disabled
|
152
152
|
}, /*#__PURE__*/React.createElement(Highlighter, {
|
153
153
|
keyword: searchValue
|
154
|
-
}, node.title)) : true;
|
154
|
+
}, node.title))) : true;
|
155
155
|
return ret;
|
156
156
|
}, [titleRender, searchValue, searchMode]);
|
157
157
|
var shouldUseSearch = !!searchValue && !hasError;
|
@@ -275,7 +275,7 @@ var CheckSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
275
275
|
onSearch: callAllFuncs(onSearchProp, onSearch),
|
276
276
|
loading: rest.loading !== undefined ? rest.loading : loading,
|
277
277
|
footer: renderDefaultFooter(),
|
278
|
-
trigger: customRender ? typeof customRender === 'function' ? customRender(checkedItems) : customRender : /*#__PURE__*/React.createElement(TagInputMock, Object.assign({}, tagInputProps, {
|
278
|
+
trigger: customRender ? typeof customRender === 'function' ? customRender(checkedItems) : customRender : ( /*#__PURE__*/React.createElement(TagInputMock, Object.assign({}, tagInputProps, {
|
279
279
|
size: size,
|
280
280
|
clearable: clearable,
|
281
281
|
placeholder: placeholder,
|
@@ -328,16 +328,16 @@ var CheckSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
328
328
|
}
|
329
329
|
expandedViewRef.current = 'onlyChecked';
|
330
330
|
}
|
331
|
-
}))
|
332
|
-
}), isArrayNonEmpty(dropdownItems) ? /*#__PURE__*/React.createElement(VirtualList, Object.assign({
|
331
|
+
})))
|
332
|
+
}), isArrayNonEmpty(dropdownItems) ? ( /*#__PURE__*/React.createElement(VirtualList, Object.assign({
|
333
333
|
ref: listRef,
|
334
334
|
itemKey: "id",
|
335
335
|
fullHeight: false
|
336
336
|
}, virtualListProps), function (node, index) {
|
337
337
|
/* 反向 map,搜索删选数据时会对数据进行处理 */
|
338
|
-
return 'groupTitle' in node ? /*#__PURE__*/React.createElement(CheckSelectOptionGroup, {
|
338
|
+
return 'groupTitle' in node ? ( /*#__PURE__*/React.createElement(CheckSelectOptionGroup, {
|
339
339
|
label: node.groupTitle
|
340
|
-
}) : /*#__PURE__*/React.createElement(CheckSelectOption, {
|
340
|
+
})) : ( /*#__PURE__*/React.createElement(CheckSelectOption, {
|
341
341
|
option: node,
|
342
342
|
depth: node.depth,
|
343
343
|
titleRender: proxyTitleRender,
|
@@ -345,8 +345,8 @@ var CheckSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
345
345
|
!node.disabled && setFocusedIndex(index);
|
346
346
|
},
|
347
347
|
focused: focusedIndex === index
|
348
|
-
});
|
349
|
-
}) : null));
|
348
|
+
}));
|
349
|
+
})) : null));
|
350
350
|
});
|
351
351
|
// @ts-ignore
|
352
352
|
CheckSelect.HiName = 'CheckSelect';
|
@@ -386,10 +386,10 @@ var CheckSelectOption = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
386
386
|
var title = titleRender ? titleRender(node) : true;
|
387
387
|
return /*#__PURE__*/React.createElement("div", {
|
388
388
|
className: prefixCls + "__title"
|
389
|
-
}, title === true ? /*#__PURE__*/React.createElement(Checkbox, {
|
389
|
+
}, title === true ? ( /*#__PURE__*/React.createElement(Checkbox, {
|
390
390
|
checked: node.checked,
|
391
391
|
disabled: node.disabled
|
392
|
-
}, node.title) : title);
|
392
|
+
}, node.title)) : title);
|
393
393
|
}, [prefixCls]);
|
394
394
|
return /*#__PURE__*/React.createElement("div", Object.assign({
|
395
395
|
ref: ref,
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@hi-ui/check-select",
|
3
|
-
"version": "4.3.
|
3
|
+
"version": "4.3.4",
|
4
4
|
"description": "A sub-package for @hi-ui/hiui.",
|
5
5
|
"keywords": [],
|
6
6
|
"author": "HiUI <mi-hiui@xiaomi.com>",
|
@@ -43,38 +43,38 @@
|
|
43
43
|
"url": "https://github.com/XiaoMi/hiui/issues"
|
44
44
|
},
|
45
45
|
"dependencies": {
|
46
|
-
"@hi-ui/array-utils": "^4.0.
|
47
|
-
"@hi-ui/checkbox": "^4.0.
|
48
|
-
"@hi-ui/classname": "^4.0.
|
49
|
-
"@hi-ui/dom-utils": "^4.0.
|
50
|
-
"@hi-ui/env": "^4.0.
|
51
|
-
"@hi-ui/func-utils": "^4.0.
|
52
|
-
"@hi-ui/highlighter": "^4.0.
|
53
|
-
"@hi-ui/icons": "^4.0.
|
54
|
-
"@hi-ui/input": "^4.0.
|
55
|
-
"@hi-ui/picker": "^4.1.
|
56
|
-
"@hi-ui/popper": "^4.1.
|
57
|
-
"@hi-ui/tag-input": "^4.0.
|
58
|
-
"@hi-ui/times": "^4.0.
|
59
|
-
"@hi-ui/tree-utils": "^4.1.
|
60
|
-
"@hi-ui/type-assertion": "^4.0.
|
61
|
-
"@hi-ui/use-check": "^4.0.
|
62
|
-
"@hi-ui/use-children": "^4.0.
|
63
|
-
"@hi-ui/use-data-source": "^4.0.
|
64
|
-
"@hi-ui/use-latest": "^4.0.
|
65
|
-
"@hi-ui/use-search-mode": "^4.1.
|
66
|
-
"@hi-ui/use-toggle": "^4.0.
|
67
|
-
"@hi-ui/use-uncontrolled-state": "^4.0.
|
68
|
-
"@hi-ui/virtual-list": "^4.0.
|
46
|
+
"@hi-ui/array-utils": "^4.0.3",
|
47
|
+
"@hi-ui/checkbox": "^4.0.7",
|
48
|
+
"@hi-ui/classname": "^4.0.3",
|
49
|
+
"@hi-ui/dom-utils": "^4.0.6",
|
50
|
+
"@hi-ui/env": "^4.0.3",
|
51
|
+
"@hi-ui/func-utils": "^4.0.3",
|
52
|
+
"@hi-ui/highlighter": "^4.0.7",
|
53
|
+
"@hi-ui/icons": "^4.0.17",
|
54
|
+
"@hi-ui/input": "^4.0.12",
|
55
|
+
"@hi-ui/picker": "^4.1.3",
|
56
|
+
"@hi-ui/popper": "^4.1.2",
|
57
|
+
"@hi-ui/tag-input": "^4.0.9",
|
58
|
+
"@hi-ui/times": "^4.0.3",
|
59
|
+
"@hi-ui/tree-utils": "^4.1.3",
|
60
|
+
"@hi-ui/type-assertion": "^4.0.3",
|
61
|
+
"@hi-ui/use-check": "^4.0.4",
|
62
|
+
"@hi-ui/use-children": "^4.0.3",
|
63
|
+
"@hi-ui/use-data-source": "^4.0.3",
|
64
|
+
"@hi-ui/use-latest": "^4.0.3",
|
65
|
+
"@hi-ui/use-search-mode": "^4.1.3",
|
66
|
+
"@hi-ui/use-toggle": "^4.0.3",
|
67
|
+
"@hi-ui/use-uncontrolled-state": "^4.0.3",
|
68
|
+
"@hi-ui/virtual-list": "^4.0.6"
|
69
69
|
},
|
70
70
|
"peerDependencies": {
|
71
|
-
"@hi-ui/core": ">=4.0.
|
71
|
+
"@hi-ui/core": ">=4.0.7",
|
72
72
|
"react": ">=16.8.6",
|
73
73
|
"react-dom": ">=16.8.6"
|
74
74
|
},
|
75
75
|
"devDependencies": {
|
76
|
-
"@hi-ui/core": "^4.0.
|
77
|
-
"@hi-ui/core-css": "^4.1.
|
76
|
+
"@hi-ui/core": "^4.0.7",
|
77
|
+
"@hi-ui/core-css": "^4.1.4",
|
78
78
|
"react": "^17.0.1",
|
79
79
|
"react-dom": "^17.0.1"
|
80
80
|
}
|