@hi-ui/check-select 4.0.0-alpha.2 → 4.0.0-alpha.23
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/README.md +117 -7
- package/lib/cjs/CheckSelect.js +263 -112
- package/lib/cjs/CheckSelect.js.map +1 -1
- package/lib/cjs/context.js +7 -7
- package/lib/cjs/context.js.map +1 -1
- package/lib/cjs/index.js +1 -1
- package/lib/cjs/styles/index.scss.js +1 -1
- package/lib/cjs/use-check-select.js +93 -49
- package/lib/cjs/use-check-select.js.map +1 -1
- package/lib/esm/CheckSelect.js +256 -108
- package/lib/esm/CheckSelect.js.map +1 -1
- package/lib/esm/context.js +6 -6
- package/lib/esm/context.js.map +1 -1
- package/lib/esm/index.js +1 -1
- package/lib/esm/styles/index.scss.js +1 -1
- package/lib/esm/use-check-select.js +92 -48
- package/lib/esm/use-check-select.js.map +1 -1
- package/lib/types/CheckSelect.d.ts +62 -27
- package/lib/types/context.d.ts +10 -546
- package/lib/types/hooks/index.d.ts +0 -1
- package/lib/types/hooks/use-search.d.ts +1 -1
- package/lib/types/types.d.ts +40 -5
- package/lib/types/use-check-select.d.ts +65 -276
- package/package.json +26 -17
- package/lib/cjs/hooks/use-search.js +0 -81
- package/lib/cjs/hooks/use-search.js.map +0 -1
- package/lib/esm/hooks/use-search.js +0 -72
- package/lib/esm/hooks/use-search.js.map +0 -1
- package/lib/types/hooks/use-cache.d.ts +0 -8
package/lib/esm/CheckSelect.js
CHANGED
@@ -8,18 +8,23 @@
|
|
8
8
|
* LICENSE file in the root directory of this source tree.
|
9
9
|
*/
|
10
10
|
import { __rest } from 'tslib';
|
11
|
-
import React, { forwardRef, useState,
|
11
|
+
import React, { forwardRef, useCallback, useState, useMemo } from 'react';
|
12
12
|
import { getPrefixCls, cx } from '@hi-ui/classname';
|
13
13
|
import { __DEV__ } from '@hi-ui/env';
|
14
|
-
import Input from '@hi-ui/input';
|
15
|
-
import { useToggle } from '@hi-ui/use-toggle';
|
16
14
|
import { useCheckSelect } from './use-check-select.js';
|
17
|
-
import
|
18
|
-
import {
|
19
|
-
import {
|
20
|
-
import { useLatestCallback } from '@hi-ui/use-latest';
|
15
|
+
import { UpOutlined, DownOutlined } from '@hi-ui/icons';
|
16
|
+
import { CheckSelectProvider, useCheckSelectContext } from './context.js';
|
17
|
+
import { useLatestCallback, useLatestRef } from '@hi-ui/use-latest';
|
21
18
|
import Checkbox from '@hi-ui/checkbox';
|
22
|
-
import {
|
19
|
+
import { TagInputMock } from '@hi-ui/tag-input';
|
20
|
+
import { isFunction, isArrayNonEmpty } from '@hi-ui/type-assertion';
|
21
|
+
import VirtualList from 'rc-virtual-list';
|
22
|
+
import { Picker } from '@hi-ui/picker';
|
23
|
+
import { uniqBy } from 'lodash';
|
24
|
+
import { Highlighter } from '@hi-ui/highlighter';
|
25
|
+
import { useToggle } from '@hi-ui/use-toggle';
|
26
|
+
import { times } from '@hi-ui/times';
|
27
|
+
import { useAsyncSearch, useTreeCustomSearch, useFilterSearch, useSearchMode } from '@hi-ui/use-search-mode';
|
23
28
|
var _role = 'check-select';
|
24
29
|
|
25
30
|
var _prefix = getPrefixCls(_role);
|
@@ -31,83 +36,200 @@ var _prefix = getPrefixCls(_role);
|
|
31
36
|
var CheckSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
|
32
37
|
var _a$prefixCls = _a.prefixCls,
|
33
38
|
prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
|
34
|
-
_a$role = _a.role,
|
35
|
-
role = _a$role === void 0 ? _role : _a$role,
|
36
39
|
className = _a.className,
|
37
40
|
children = _a.children,
|
38
41
|
_a$disabled = _a.disabled,
|
39
42
|
disabled = _a$disabled === void 0 ? false : _a$disabled,
|
40
43
|
_a$clearable = _a.clearable,
|
41
|
-
clearable = _a$clearable === void 0 ?
|
42
|
-
_a$
|
43
|
-
|
44
|
-
placeholder = _a.placeholder,
|
44
|
+
clearable = _a$clearable === void 0 ? true : _a$clearable,
|
45
|
+
_a$placeholder = _a.placeholder,
|
46
|
+
placeholder = _a$placeholder === void 0 ? '请选择' : _a$placeholder,
|
45
47
|
displayRenderProp = _a.displayRender,
|
46
48
|
onSelectProp = _a.onSelect,
|
47
|
-
|
48
|
-
|
49
|
+
height = _a.height,
|
50
|
+
_a$itemHeight = _a.itemHeight,
|
51
|
+
itemHeight = _a$itemHeight === void 0 ? 40 : _a$itemHeight,
|
52
|
+
_a$virtual = _a.virtual,
|
53
|
+
virtual = _a$virtual === void 0 ? true : _a$virtual,
|
54
|
+
appearance = _a.appearance,
|
55
|
+
invalid = _a.invalid,
|
56
|
+
dataSource = _a.dataSource,
|
57
|
+
filterOption = _a.filterOption,
|
58
|
+
searchableProp = _a.searchable,
|
59
|
+
titleRender = _a.titleRender,
|
60
|
+
renderExtraFooter = _a.renderExtraFooter,
|
61
|
+
rest = __rest(_a, ["prefixCls", "role", "className", "children", "disabled", "clearable", "wrap", "placeholder", "displayRender", "onSelect", "popper", "height", "itemHeight", "virtual", "onOpen", "onClose", "appearance", "invalid", "dataSource", "filterOption", "searchable", "titleRender", "renderExtraFooter"]);
|
49
62
|
|
50
63
|
var _useToggle = useToggle(),
|
51
64
|
menuVisible = _useToggle[0],
|
52
65
|
menuVisibleAction = _useToggle[1];
|
53
66
|
|
54
|
-
var _useState = useState(null),
|
55
|
-
targetElRef = _useState[0],
|
56
|
-
setTargetElRef = _useState[1];
|
57
|
-
|
58
|
-
var openMenu = useCallback(function () {
|
59
|
-
if (disabled) return;
|
60
|
-
menuVisibleAction.on();
|
61
|
-
}, [disabled, menuVisibleAction]);
|
62
|
-
var onSelectLatest = useLatestCallback(onSelectProp);
|
63
67
|
var displayRender = useCallback(function (item) {
|
64
|
-
if (displayRenderProp) {
|
68
|
+
if (isFunction(displayRenderProp)) {
|
65
69
|
return displayRenderProp(item);
|
66
70
|
}
|
67
71
|
|
68
72
|
return item.title;
|
69
|
-
}, [displayRenderProp]);
|
73
|
+
}, [displayRenderProp]);
|
74
|
+
var onSelect = useLatestCallback(function (value, item, shouldChecked) {
|
75
|
+
onSelectProp === null || onSelectProp === void 0 ? void 0 : onSelectProp(value, item, shouldChecked);
|
76
|
+
|
77
|
+
if (shouldChecked) {
|
78
|
+
// TODO:as useCheckList
|
79
|
+
setSelectedItems(function (prev) {
|
80
|
+
return [].concat(prev, [item]);
|
81
|
+
});
|
82
|
+
}
|
83
|
+
});
|
70
84
|
|
71
85
|
var _b = useCheckSelect(Object.assign(Object.assign({}, rest), {
|
72
|
-
|
73
|
-
|
86
|
+
children: children,
|
87
|
+
onSelect: onSelect
|
74
88
|
})),
|
75
|
-
rootProps = _b.rootProps,
|
76
89
|
context = __rest(_b, ["rootProps"]);
|
77
90
|
|
78
91
|
var value = context.value,
|
79
92
|
tryChangeValue = context.tryChangeValue,
|
80
|
-
|
81
|
-
|
82
|
-
|
93
|
+
flattedData = context.flattedData; // ************************** 异步搜索 ************************* //
|
94
|
+
// TODO: 支持对 Item 传入 状态
|
95
|
+
|
96
|
+
var _c = useAsyncSearch({
|
97
|
+
dataSource: dataSource
|
98
|
+
}),
|
99
|
+
loading = _c.loading,
|
100
|
+
hasError = _c.hasError,
|
101
|
+
dataSourceStrategy = __rest(_c, ["loading", "hasError"]);
|
102
|
+
|
103
|
+
var customSearchStrategy = useTreeCustomSearch({
|
104
|
+
data: flattedData,
|
105
|
+
filterOption: filterOption
|
106
|
+
});
|
107
|
+
var filterSearchStrategy = useFilterSearch({
|
108
|
+
data: flattedData,
|
109
|
+
flattedData: flattedData,
|
110
|
+
searchMode: searchableProp ? 'filter' : undefined
|
111
|
+
});
|
112
|
+
|
113
|
+
var _useSearchMode = useSearchMode({
|
114
|
+
searchable: searchableProp,
|
115
|
+
strategies: [dataSourceStrategy, customSearchStrategy, filterSearchStrategy]
|
116
|
+
}),
|
117
|
+
stateInSearch = _useSearchMode.state,
|
118
|
+
searchable = _useSearchMode.searchable,
|
119
|
+
searchMode = _useSearchMode.searchMode,
|
120
|
+
onSearch = _useSearchMode.onSearch,
|
121
|
+
searchValue = _useSearchMode.keyword; // 拦截 titleRender,自定义高亮展示
|
122
|
+
|
123
|
+
|
124
|
+
var proxyTitleRender = useCallback(function (node) {
|
125
|
+
if (titleRender) {
|
126
|
+
var _ret = titleRender(node);
|
127
|
+
|
128
|
+
if (_ret && _ret !== true) return _ret;
|
129
|
+
} // 本地搜索执行默认高亮规则
|
130
|
+
|
131
|
+
|
132
|
+
var highlight = !!searchValue && (searchMode === 'highlight' || searchMode === 'filter');
|
133
|
+
var ret = highlight ? /*#__PURE__*/React.createElement(Checkbox, {
|
134
|
+
checked: node.checked,
|
135
|
+
disabled: node.disabled
|
136
|
+
}, /*#__PURE__*/React.createElement(Highlighter, {
|
137
|
+
keyword: searchValue
|
138
|
+
}, node.title)) : true;
|
139
|
+
return ret;
|
140
|
+
}, [titleRender, searchValue, searchMode]);
|
141
|
+
var shouldUseSearch = !!searchValue && !hasError;
|
142
|
+
var selectProps = {
|
143
|
+
data: shouldUseSearch ? stateInSearch.data : flattedData,
|
144
|
+
titleRender: proxyTitleRender
|
145
|
+
}; // 搜索时临时选中缓存数据
|
146
|
+
|
147
|
+
var _useState = useState([]),
|
148
|
+
selectedItems = _useState[0],
|
149
|
+
setSelectedItems = _useState[1]; // 下拉菜单不能合并(因为树形数据,不知道是第几级)
|
150
|
+
|
151
|
+
|
152
|
+
var mergedData = useMemo(function () {
|
153
|
+
var nextData = selectedItems.concat(flattedData);
|
154
|
+
return uniqBy(nextData, 'id');
|
155
|
+
}, [selectedItems, flattedData]);
|
156
|
+
var virtualData = useMemo(function () {
|
157
|
+
return selectProps.data.reduce(function (acc, cur, index) {
|
158
|
+
if ('groupTitle' in cur) {
|
159
|
+
acc.push({
|
160
|
+
id: "group-" + index,
|
161
|
+
groupTitle: cur.groupTitle,
|
162
|
+
rootProps: cur.rootProps
|
163
|
+
});
|
164
|
+
return acc.concat(cur.children);
|
165
|
+
}
|
166
|
+
|
167
|
+
acc.push(cur);
|
168
|
+
return acc;
|
169
|
+
}, []);
|
170
|
+
}, [selectProps.data]);
|
171
|
+
var cls = cx(prefixCls, className, prefixCls + "--" + (menuVisible ? 'open' : 'closed'));
|
172
|
+
return /*#__PURE__*/React.createElement(CheckSelectProvider, {
|
83
173
|
value: context
|
84
|
-
}, /*#__PURE__*/React.createElement(
|
174
|
+
}, /*#__PURE__*/React.createElement(Picker, Object.assign({
|
85
175
|
ref: ref,
|
86
|
-
role: role,
|
87
176
|
className: cls
|
88
|
-
},
|
89
|
-
ref: setTargetElRef,
|
90
|
-
onClick: openMenu,
|
91
|
-
disabled: disabled,
|
92
|
-
clearable: clearable,
|
93
|
-
placeholder: placeholder,
|
94
|
-
data: selectData,
|
95
|
-
value: value,
|
96
|
-
onChange: tryChangeValue,
|
97
|
-
displayRender: displayRender,
|
98
|
-
suffix: /*#__PURE__*/React.createElement(DownOutlined, null)
|
99
|
-
}), /*#__PURE__*/React.createElement(Popper, Object.assign({}, popper, {
|
100
|
-
attachEl: targetElRef,
|
177
|
+
}, rest, {
|
101
178
|
visible: menuVisible,
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
|
108
|
-
|
179
|
+
onOpen: function onOpen() {
|
180
|
+
// setViewSelected(false)
|
181
|
+
menuVisibleAction.on();
|
182
|
+
},
|
183
|
+
disabled: disabled,
|
184
|
+
onClose: menuVisibleAction.off,
|
185
|
+
// value={value}
|
186
|
+
// onChange={tryChangeValue}
|
187
|
+
// data={mergedData}
|
188
|
+
searchable: searchable,
|
189
|
+
onSearch: onSearch,
|
190
|
+
loading: loading,
|
191
|
+
footer: renderExtraFooter ? renderExtraFooter() : null,
|
192
|
+
trigger: /*#__PURE__*/React.createElement(TagInputMock // ref={targetElementRef}
|
193
|
+
// onClick={openMenu}
|
194
|
+
// disabled={disabled}
|
195
|
+
, {
|
196
|
+
// ref={targetElementRef}
|
197
|
+
// onClick={openMenu}
|
198
|
+
// disabled={disabled}
|
199
|
+
clearable: clearable,
|
200
|
+
placeholder: placeholder,
|
201
|
+
// @ts-ignore
|
202
|
+
displayRender: displayRender,
|
203
|
+
suffix: menuVisible ? /*#__PURE__*/React.createElement(UpOutlined, null) : /*#__PURE__*/React.createElement(DownOutlined, null),
|
204
|
+
focused: menuVisible,
|
205
|
+
appearance: appearance,
|
206
|
+
value: value,
|
207
|
+
onChange: tryChangeValue,
|
208
|
+
data: mergedData,
|
209
|
+
// @ts-ignore
|
210
|
+
invalid: invalid,
|
211
|
+
onExpand: function onExpand() {
|
212
|
+
// setViewSelected(true)
|
213
|
+
menuVisibleAction.on();
|
214
|
+
}
|
215
|
+
})
|
216
|
+
}), isArrayNonEmpty(virtualData) ? /*#__PURE__*/React.createElement(VirtualList, {
|
217
|
+
itemKey: "id",
|
218
|
+
fullHeight: false,
|
219
|
+
height: height,
|
220
|
+
itemHeight: itemHeight,
|
221
|
+
virtual: virtual,
|
222
|
+
data: virtualData
|
223
|
+
}, function (node) {
|
224
|
+
/* 反向 map,搜索删选数据时会对数据进行处理 */
|
225
|
+
return 'groupTitle' in node ? /*#__PURE__*/React.createElement(CheckSelectOptionGroup, {
|
226
|
+
label: node.groupTitle
|
227
|
+
}) : /*#__PURE__*/React.createElement(CheckSelectOption, {
|
228
|
+
option: node,
|
229
|
+
depth: node.depth,
|
230
|
+
titleRender: proxyTitleRender
|
109
231
|
});
|
110
|
-
})))
|
232
|
+
}) : null));
|
111
233
|
}); // @ts-ignore
|
112
234
|
|
113
235
|
CheckSelect.HiName = 'CheckSelect';
|
@@ -116,78 +238,104 @@ if (__DEV__) {
|
|
116
238
|
CheckSelect.displayName = 'CheckSelect';
|
117
239
|
}
|
118
240
|
|
119
|
-
var
|
120
|
-
|
241
|
+
var optionPrefix = getPrefixCls('check-select-option');
|
242
|
+
/**
|
243
|
+
* TODO: What is CheckSelectOption
|
244
|
+
*/
|
245
|
+
|
246
|
+
var CheckSelectOption = /*#__PURE__*/forwardRef(function (_a, ref) {
|
121
247
|
var _a$prefixCls2 = _a.prefixCls,
|
122
|
-
prefixCls = _a$prefixCls2 === void 0 ?
|
248
|
+
prefixCls = _a$prefixCls2 === void 0 ? optionPrefix : _a$prefixCls2,
|
123
249
|
className = _a.className,
|
124
|
-
|
250
|
+
_a$option = _a.option,
|
251
|
+
option = _a$option === void 0 ? {} : _a$option,
|
252
|
+
onClick = _a.onClick,
|
253
|
+
titleRender = _a.titleRender,
|
254
|
+
depth = _a.depth,
|
255
|
+
rest = __rest(_a, ["prefixCls", "className", "children", "option", "onClick", "titleRender", "depth"]);
|
125
256
|
|
126
|
-
var
|
127
|
-
|
128
|
-
|
129
|
-
getSearchInputProps = _useSelectContext.getSearchInputProps;
|
257
|
+
var _useCheckSelectContex = useCheckSelectContext(),
|
258
|
+
isSelectedId = _useCheckSelectContex.isSelectedId,
|
259
|
+
onSelect = _useCheckSelectContex.onSelect;
|
130
260
|
|
261
|
+
var id = option.id,
|
262
|
+
_option$disabled = option.disabled,
|
263
|
+
disabled = _option$disabled === void 0 ? false : _option$disabled;
|
264
|
+
var selected = isSelectedId(id);
|
265
|
+
var eventNodeRef = useLatestRef(Object.assign({}, option, {
|
266
|
+
disabled: disabled,
|
267
|
+
checked: selected
|
268
|
+
}));
|
269
|
+
var cls = cx(prefixCls, className, selected && prefixCls + "--selected", disabled && prefixCls + "--disabled");
|
270
|
+
var handleOptionCheck = useCallback(function (evt) {
|
271
|
+
onSelect(option, !selected);
|
272
|
+
onClick === null || onClick === void 0 ? void 0 : onClick(evt);
|
273
|
+
}, [onSelect, option, selected, onClick]);
|
274
|
+
var renderTitle = useCallback(function (node, titleRender) {
|
275
|
+
// 如果 titleRender 返回 `true`,则使用默认 title
|
276
|
+
var title = titleRender ? titleRender(node) : true;
|
277
|
+
return /*#__PURE__*/React.createElement("div", {
|
278
|
+
className: prefixCls + "__title"
|
279
|
+
}, title === true ? /*#__PURE__*/React.createElement(Checkbox, {
|
280
|
+
checked: node.checked,
|
281
|
+
disabled: node.disabled
|
282
|
+
}, node.title) : title);
|
283
|
+
}, [prefixCls]);
|
131
284
|
return /*#__PURE__*/React.createElement("div", Object.assign({
|
132
285
|
ref: ref,
|
133
|
-
className:
|
134
|
-
}, rest
|
135
|
-
|
136
|
-
|
137
|
-
|
138
|
-
|
139
|
-
|
140
|
-
});
|
286
|
+
className: cls
|
287
|
+
}, rest, {
|
288
|
+
onClick: handleOptionCheck
|
289
|
+
}), renderIndent(prefixCls, depth), renderTitle(eventNodeRef.current, titleRender));
|
290
|
+
}); // @ts-ignore
|
291
|
+
|
292
|
+
CheckSelectOption.HiName = 'CheckSelectOption';
|
141
293
|
|
142
294
|
if (__DEV__) {
|
143
|
-
|
295
|
+
CheckSelectOption.displayName = 'CheckSelectOption';
|
144
296
|
}
|
145
297
|
|
146
|
-
var
|
147
|
-
|
298
|
+
var optionGroupPrefix = getPrefixCls('select-option-group');
|
299
|
+
/**
|
300
|
+
* TODO: What is CheckSelectOptionGroup
|
301
|
+
*/
|
302
|
+
|
303
|
+
var CheckSelectOptionGroup = /*#__PURE__*/forwardRef(function (_a, ref) {
|
148
304
|
var _a$prefixCls3 = _a.prefixCls,
|
149
|
-
prefixCls = _a$prefixCls3 === void 0 ?
|
305
|
+
prefixCls = _a$prefixCls3 === void 0 ? optionGroupPrefix : _a$prefixCls3,
|
150
306
|
className = _a.className,
|
151
|
-
|
152
|
-
|
153
|
-
rest = __rest(_a, ["prefixCls", "className", "children", "option"]);
|
154
|
-
|
155
|
-
var _useSelectContext2 = useSelectContext(),
|
156
|
-
isSelectedId = _useSelectContext2.isSelectedId,
|
157
|
-
onSelect = _useSelectContext2.onSelect,
|
158
|
-
titleRender = _useSelectContext2.titleRender;
|
159
|
-
|
160
|
-
var checked = !!isSelectedId(option.id);
|
161
|
-
var cls = cx(prefixCls, className, checked && prefixCls + "--selected");
|
162
|
-
var handleOptionCheck = useCallback(function (evt) {
|
163
|
-
onSelect(option, !checked);
|
164
|
-
}, [onSelect, option, checked]); // 如果 titleRender 返回 `true`,则使用默认 title
|
165
|
-
|
166
|
-
var title = titleRender ? titleRender(Object.assign(Object.assign({}, option), {
|
167
|
-
checked: checked
|
168
|
-
})) : true;
|
169
|
-
|
170
|
-
if (title !== true) {
|
171
|
-
return /*#__PURE__*/React.createElement("div", Object.assign({
|
172
|
-
ref: ref,
|
173
|
-
className: cls
|
174
|
-
}, rest), title);
|
175
|
-
}
|
307
|
+
label = _a.label,
|
308
|
+
rest = __rest(_a, ["prefixCls", "className", "children", "label", "onClick"]);
|
176
309
|
|
310
|
+
var cls = cx(prefixCls, className);
|
177
311
|
return /*#__PURE__*/React.createElement("div", Object.assign({
|
178
312
|
ref: ref,
|
179
313
|
className: cls
|
180
|
-
}, rest), /*#__PURE__*/React.createElement(
|
181
|
-
checked: checked,
|
182
|
-
onChange: handleOptionCheck
|
183
|
-
}, option.title));
|
314
|
+
}, rest), /*#__PURE__*/React.createElement("span", null, label));
|
184
315
|
}); // @ts-ignore
|
185
316
|
|
186
|
-
|
317
|
+
CheckSelectOptionGroup.HiName = 'CheckSelectOptionGroup';
|
187
318
|
|
188
319
|
if (__DEV__) {
|
189
|
-
|
320
|
+
CheckSelectOptionGroup.displayName = 'CheckSelectOptionGroup';
|
190
321
|
}
|
322
|
+
/**
|
323
|
+
* 渲染空白占位
|
324
|
+
*/
|
325
|
+
|
326
|
+
|
327
|
+
var renderIndent = function renderIndent(prefixCls, depth) {
|
328
|
+
return times(depth, function (index) {
|
329
|
+
return /*#__PURE__*/React.createElement("span", {
|
330
|
+
key: index,
|
331
|
+
style: {
|
332
|
+
alignSelf: 'stretch'
|
333
|
+
}
|
334
|
+
}, /*#__PURE__*/React.createElement("span", {
|
335
|
+
className: cx(prefixCls + "__indent")
|
336
|
+
}));
|
337
|
+
});
|
338
|
+
};
|
191
339
|
|
192
|
-
export { CheckSelect, CheckSelectOption,
|
340
|
+
export { CheckSelect, CheckSelectOption, CheckSelectOptionGroup };
|
193
341
|
//# sourceMappingURL=CheckSelect.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CheckSelect.js","sources":["../../src/CheckSelect.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","CheckSelect","forwardRef","_a","ref","prefixCls","
|
1
|
+
{"version":3,"file":"CheckSelect.js","sources":["../../src/CheckSelect.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","CheckSelect","forwardRef","_a","ref","prefixCls","className","children","disabled","clearable","placeholder","displayRenderProp","displayRender","onSelectProp","onSelect","height","itemHeight","virtual","appearance","invalid","dataSource","filterOption","searchableProp","searchable","titleRender","renderExtraFooter","rest","useToggle","menuVisible","menuVisibleAction","useCallback","item","isFunction","title","useLatestCallback","value","shouldChecked","setSelectedItems","prev","_b","useCheckSelect","context","tryChangeValue","flattedData","_c","useAsyncSearch","loading","hasError","dataSourceStrategy","customSearchStrategy","useTreeCustomSearch","data","filterSearchStrategy","useFilterSearch","searchMode","undefined","useSearchMode","strategies","stateInSearch","state","onSearch","searchValue","keyword","proxyTitleRender","node","ret","highlight","React","Checkbox","checked","Highlighter","shouldUseSearch","selectProps","useState","selectedItems","mergedData","useMemo","nextData","concat","uniqBy","virtualData","reduce","acc","cur","index","push","id","groupTitle","rootProps","cls","cx","CheckSelectProvider","Picker","visible","onOpen","on","onClose","off","footer","trigger","TagInputMock","suffix","UpOutlined","DownOutlined","focused","onChange","onExpand","isArrayNonEmpty","VirtualList","itemKey","fullHeight","CheckSelectOptionGroup","label","CheckSelectOption","option","depth","HiName","__DEV__","displayName","optionPrefix","onClick","useCheckSelectContext","isSelectedId","selected","eventNodeRef","useLatestRef","Object","assign","handleOptionCheck","evt","renderTitle","renderIndent","current","optionGroupPrefix","times","key","style","alignSelf"],"mappings":"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"}
|
package/lib/esm/context.js
CHANGED
@@ -8,18 +8,18 @@
|
|
8
8
|
* LICENSE file in the root directory of this source tree.
|
9
9
|
*/
|
10
10
|
import { useContext, createContext } from 'react';
|
11
|
-
var
|
12
|
-
var
|
11
|
+
var checkSelectContext = /*#__PURE__*/createContext(null);
|
12
|
+
var CheckSelectProvider = checkSelectContext.Provider;
|
13
13
|
|
14
|
-
var
|
15
|
-
var context = useContext(
|
14
|
+
var useCheckSelectContext = function useCheckSelectContext() {
|
15
|
+
var context = useContext(checkSelectContext);
|
16
16
|
|
17
17
|
if (!context) {
|
18
|
-
throw new Error('The
|
18
|
+
throw new Error('The checkSelectContext context should using in CheckSelect.');
|
19
19
|
}
|
20
20
|
|
21
21
|
return context;
|
22
22
|
};
|
23
23
|
|
24
|
-
export {
|
24
|
+
export { CheckSelectProvider, useCheckSelectContext };
|
25
25
|
//# sourceMappingURL=context.js.map
|
package/lib/esm/context.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"context.js","sources":["../../src/context.ts"],"sourcesContent":[null],"names":["
|
1
|
+
{"version":3,"file":"context.js","sources":["../../src/context.ts"],"sourcesContent":[null],"names":["checkSelectContext","createContext","CheckSelectProvider","Provider","useCheckSelectContext","context","useContext","Error"],"mappings":";;;;;;;;;;AAIA,IAAMA,kBAAkB,gBAAGC,aAAa,CAA4C,IAA5C,CAAxC;IAEaC,mBAAmB,GAAGF,kBAAkB,CAACG;;IAEzCC,qBAAqB,GAAG,SAAxBA,qBAAwB;MAC7BC,OAAO,GAAGC,UAAU,CAACN,kBAAD;;MAEtB,CAACK,SAAS;UACN,IAAIE,KAAJ,CAAU,6DAAV;;;SAGDF;;;"}
|
package/lib/esm/index.js
CHANGED
@@ -8,5 +8,5 @@
|
|
8
8
|
* LICENSE file in the root directory of this source tree.
|
9
9
|
*/
|
10
10
|
import './styles/index.scss.js';
|
11
|
-
export { CheckSelect, CheckSelectOption,
|
11
|
+
export { CheckSelect, CheckSelectOption, CheckSelectOptionGroup, CheckSelect as default } from './CheckSelect.js';
|
12
12
|
//# sourceMappingURL=index.js.map
|
@@ -7,7 +7,7 @@
|
|
7
7
|
* This source code is licensed under the MIT license found in the
|
8
8
|
* LICENSE file in the root directory of this source tree.
|
9
9
|
*/
|
10
|
-
var css_248z = "
|
10
|
+
var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-check-select-option {\n margin-top: 4px;\n margin-top: var(--hi-v4-spacing-2, 4px);\n margin-bottom: 4px;\n margin-bottom: var(--hi-v4-spacing-2, 4px);\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 100%;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n position: relative;\n border-radius: 4px;\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n cursor: pointer;\n font-size: 0.875rem;\n font-size: var(--hi-v4-text-size-normal, 0.875rem);\n font-weight: 400;\n font-weight: var(--hi-v4-text-weight-normal, 400);\n color: #1f2733;\n color: var(--hi-v4-color-gray-700, #1f2733);\n line-height: 1.25rem;\n line-height: var(--hi-v4-text-lineheight-sm, 1.25rem); }\n.hi-v4-check-select-option__indent {\n display: inline-block;\n width: 16px;\n height: 100%; }\n.hi-v4-check-select-option__title {\n display: inline-block;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 100%;\n padding: 6px;\n padding: var(--hi-v4-spacing-3, 6px);\n font-size: inherit;\n font-weight: inherit;\n color: inherit;\n line-height: inherit; }\n.hi-v4-check-select-option:hover {\n background-color: #f2f4f7;\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-check-select-option--focused {\n background-color: #f2f4f7;\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-check-select-option--disabled {\n cursor: not-allowed;\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-check-select-option-group {\n display: inline-block;\n margin-top: 12px;\n margin-top: var(--hi-v4-spacing-6, 12px);\n margin-bottom: 4px;\n margin-bottom: var(--hi-v4-spacing-2, 4px);\n padding: 6px 0 6px 6px;\n padding: var(--hi-v4-spacing-3, 6px) 0 var(--hi-v4-spacing-3, 6px) var(--hi-v4-spacing-3, 6px);\n font-size: 0.875rem;\n font-size: var(--hi-v4-text-size-normal, 0.875rem);\n font-weight: 400;\n font-weight: var(--hi-v4-text-weight-normal, 400);\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6);\n line-height: 1.25rem;\n line-height: var(--hi-v4-text-lineheight-sm, 1.25rem); }\n.hi-v4-check-select-option-group:first-child {\n margin-top: 4px;\n margin-top: var(--hi-v4-spacing-2, 4px); }\n";
|
11
11
|
|
12
12
|
var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
|
13
13
|
|