@hi-ui/check-select 4.0.0-beta.40 → 4.0.0-beta.41
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/lib/cjs/CheckSelect.js +15 -8
- package/lib/esm/CheckSelect.js +15 -8
- package/package.json +4 -4
package/lib/cjs/CheckSelect.js
CHANGED
@@ -37,7 +37,7 @@ var tagInput = require('@hi-ui/tag-input');
|
|
37
37
|
|
38
38
|
var typeAssertion = require('@hi-ui/type-assertion');
|
39
39
|
|
40
|
-
var VirtualList = require('
|
40
|
+
var VirtualList = require('@hi-ui/virtual-list');
|
41
41
|
|
42
42
|
var picker = require('@hi-ui/picker');
|
43
43
|
|
@@ -297,6 +297,16 @@ var CheckSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
297
297
|
};
|
298
298
|
|
299
299
|
var expandedViewRef = React.useRef('normal');
|
300
|
+
var virtualListProps = {
|
301
|
+
height: height,
|
302
|
+
itemHeight: itemHeight,
|
303
|
+
virtual: virtual,
|
304
|
+
data: dropdownItems
|
305
|
+
};
|
306
|
+
|
307
|
+
var _useCheckInVirtual = VirtualList.useCheckInVirtual(virtualListProps),
|
308
|
+
inVirtual = _useCheckInVirtual.inVirtual;
|
309
|
+
|
300
310
|
var cls = classname.cx(prefixCls, className, prefixCls + "--" + (menuVisible ? 'open' : 'closed'));
|
301
311
|
return /*#__PURE__*/React__default["default"].createElement(context.CheckSelectProvider, {
|
302
312
|
value: context$1
|
@@ -309,6 +319,7 @@ var CheckSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
309
319
|
onOpen: menuVisibleAction.on,
|
310
320
|
onClose: menuVisibleAction.off,
|
311
321
|
searchable: searchable,
|
322
|
+
scrollable: inVirtual,
|
312
323
|
onSearch: funcUtils.callAllFuncs(onSearchProp, onSearch),
|
313
324
|
loading: loading,
|
314
325
|
footer: renderDefaultFooter(),
|
@@ -370,14 +381,10 @@ var CheckSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
370
381
|
expandedViewRef.current = 'onlyChecked';
|
371
382
|
}
|
372
383
|
})
|
373
|
-
}), typeAssertion.isArrayNonEmpty(dropdownItems) ? /*#__PURE__*/React__default["default"].createElement(VirtualList__default["default"], {
|
384
|
+
}), typeAssertion.isArrayNonEmpty(dropdownItems) ? /*#__PURE__*/React__default["default"].createElement(VirtualList__default["default"], Object.assign({
|
374
385
|
itemKey: "id",
|
375
|
-
fullHeight: false
|
376
|
-
|
377
|
-
itemHeight: itemHeight,
|
378
|
-
virtual: virtual,
|
379
|
-
data: dropdownItems
|
380
|
-
}, function (node) {
|
386
|
+
fullHeight: false
|
387
|
+
}, virtualListProps), function (node) {
|
381
388
|
/* 反向 map,搜索删选数据时会对数据进行处理 */
|
382
389
|
return 'groupTitle' in node ? /*#__PURE__*/React__default["default"].createElement(CheckSelectOptionGroup, {
|
383
390
|
label: node.groupTitle
|
package/lib/esm/CheckSelect.js
CHANGED
@@ -18,7 +18,7 @@ import { useLatestRef } from '@hi-ui/use-latest';
|
|
18
18
|
import Checkbox from '@hi-ui/checkbox';
|
19
19
|
import { TagInputMock } from '@hi-ui/tag-input';
|
20
20
|
import { isUndef, isFunction, isArrayNonEmpty } from '@hi-ui/type-assertion';
|
21
|
-
import VirtualList from '
|
21
|
+
import VirtualList, { useCheckInVirtual } from '@hi-ui/virtual-list';
|
22
22
|
import { Picker } from '@hi-ui/picker';
|
23
23
|
import { uniqBy } from '@hi-ui/array-utils';
|
24
24
|
import { Highlighter } from '@hi-ui/highlighter';
|
@@ -255,6 +255,16 @@ var CheckSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
255
255
|
};
|
256
256
|
|
257
257
|
var expandedViewRef = useRef('normal');
|
258
|
+
var virtualListProps = {
|
259
|
+
height: height,
|
260
|
+
itemHeight: itemHeight,
|
261
|
+
virtual: virtual,
|
262
|
+
data: dropdownItems
|
263
|
+
};
|
264
|
+
|
265
|
+
var _useCheckInVirtual = useCheckInVirtual(virtualListProps),
|
266
|
+
inVirtual = _useCheckInVirtual.inVirtual;
|
267
|
+
|
258
268
|
var cls = cx(prefixCls, className, prefixCls + "--" + (menuVisible ? 'open' : 'closed'));
|
259
269
|
return /*#__PURE__*/React.createElement(CheckSelectProvider, {
|
260
270
|
value: context
|
@@ -267,6 +277,7 @@ var CheckSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
267
277
|
onOpen: menuVisibleAction.on,
|
268
278
|
onClose: menuVisibleAction.off,
|
269
279
|
searchable: searchable,
|
280
|
+
scrollable: inVirtual,
|
270
281
|
onSearch: callAllFuncs(onSearchProp, onSearch),
|
271
282
|
loading: loading,
|
272
283
|
footer: renderDefaultFooter(),
|
@@ -328,14 +339,10 @@ var CheckSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
328
339
|
expandedViewRef.current = 'onlyChecked';
|
329
340
|
}
|
330
341
|
})
|
331
|
-
}), isArrayNonEmpty(dropdownItems) ? /*#__PURE__*/React.createElement(VirtualList, {
|
342
|
+
}), isArrayNonEmpty(dropdownItems) ? /*#__PURE__*/React.createElement(VirtualList, Object.assign({
|
332
343
|
itemKey: "id",
|
333
|
-
fullHeight: false
|
334
|
-
|
335
|
-
itemHeight: itemHeight,
|
336
|
-
virtual: virtual,
|
337
|
-
data: dropdownItems
|
338
|
-
}, function (node) {
|
344
|
+
fullHeight: false
|
345
|
+
}, virtualListProps), function (node) {
|
339
346
|
/* 反向 map,搜索删选数据时会对数据进行处理 */
|
340
347
|
return 'groupTitle' in node ? /*#__PURE__*/React.createElement(CheckSelectOptionGroup, {
|
341
348
|
label: node.groupTitle
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@hi-ui/check-select",
|
3
|
-
"version": "4.0.0-beta.
|
3
|
+
"version": "4.0.0-beta.41",
|
4
4
|
"description": "A sub-package for @hi-ui/hiui.",
|
5
5
|
"keywords": [],
|
6
6
|
"author": "HIUI <mi-hiui@xiaomi.com>",
|
@@ -54,7 +54,7 @@
|
|
54
54
|
"@hi-ui/icons": "^4.0.0-beta.11",
|
55
55
|
"@hi-ui/input": "^4.0.0-beta.18",
|
56
56
|
"@hi-ui/locale-context": "^4.0.0-beta.19",
|
57
|
-
"@hi-ui/picker": "^4.0.0-beta.
|
57
|
+
"@hi-ui/picker": "^4.0.0-beta.32",
|
58
58
|
"@hi-ui/popper": "^4.0.0-beta.19",
|
59
59
|
"@hi-ui/tag-input": "^4.0.0-beta.20",
|
60
60
|
"@hi-ui/times": "^4.0.0-beta.6",
|
@@ -67,7 +67,7 @@
|
|
67
67
|
"@hi-ui/use-search-mode": "^4.0.0-beta.25",
|
68
68
|
"@hi-ui/use-toggle": "^4.0.0-beta.5",
|
69
69
|
"@hi-ui/use-uncontrolled-state": "^4.0.0-beta.5",
|
70
|
-
"
|
70
|
+
"@hi-ui/virtual-list": "^4.0.0-beta.1"
|
71
71
|
},
|
72
72
|
"peerDependencies": {
|
73
73
|
"react": ">=16.8.6",
|
@@ -78,5 +78,5 @@
|
|
78
78
|
"react": "^17.0.1",
|
79
79
|
"react-dom": "^17.0.1"
|
80
80
|
},
|
81
|
-
"gitHead": "
|
81
|
+
"gitHead": "a1e8367a78c1f3fcea6a95ffc44bbf59beb58798"
|
82
82
|
}
|