@hi-ui/check-select 4.0.0-alpha.14 → 4.0.0-alpha.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/lib/cjs/CheckSelect.js +204 -132
- package/lib/cjs/CheckSelect.js.map +1 -1
- package/lib/cjs/index.js +0 -1
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/styles/index.scss.js +1 -1
- package/lib/cjs/use-check-select.js +59 -33
- package/lib/cjs/use-check-select.js.map +1 -1
- package/lib/esm/CheckSelect.js +202 -129
- package/lib/esm/CheckSelect.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 +58 -32
- package/lib/esm/use-check-select.js.map +1 -1
- package/lib/types/CheckSelect.d.ts +44 -13
- package/lib/types/context.d.ts +6 -20
- package/lib/types/hooks/use-search.d.ts +2 -2
- package/lib/types/types.d.ts +28 -4
- package/lib/types/use-check-select.d.ts +15 -22
- package/package.json +14 -6
- package/lib/cjs/hooks/use-search.js +0 -154
- package/lib/cjs/hooks/use-search.js.map +0 -1
- package/lib/cjs/utils/type-assertion/lib/esm/index.js +0 -42
- package/lib/cjs/utils/type-assertion/lib/esm/index.js.map +0 -1
- package/lib/esm/hooks/use-search.js +0 -144
- package/lib/esm/hooks/use-search.js.map +0 -1
- package/lib/esm/utils/type-assertion/lib/esm/index.js +0 -33
- package/lib/esm/utils/type-assertion/lib/esm/index.js.map +0 -1
package/lib/cjs/CheckSelect.js
CHANGED
@@ -23,12 +23,8 @@ var classname = require('@hi-ui/classname');
|
|
23
23
|
|
24
24
|
var env = require('@hi-ui/env');
|
25
25
|
|
26
|
-
var Input = require('@hi-ui/input');
|
27
|
-
|
28
26
|
var useCheckSelect = require('./use-check-select.js');
|
29
27
|
|
30
|
-
var Popper = require('@hi-ui/popper');
|
31
|
-
|
32
28
|
var icons = require('@hi-ui/icons');
|
33
29
|
|
34
30
|
var context = require('./context.js');
|
@@ -39,10 +35,22 @@ var Checkbox = require('@hi-ui/checkbox');
|
|
39
35
|
|
40
36
|
var tagInput = require('@hi-ui/tag-input');
|
41
37
|
|
42
|
-
var
|
38
|
+
var typeAssertion = require('@hi-ui/type-assertion');
|
43
39
|
|
44
40
|
var VirtualList = require('rc-virtual-list');
|
45
41
|
|
42
|
+
var picker = require('@hi-ui/picker');
|
43
|
+
|
44
|
+
var lodash = require('lodash');
|
45
|
+
|
46
|
+
var highlighter = require('@hi-ui/highlighter');
|
47
|
+
|
48
|
+
var useToggle = require('@hi-ui/use-toggle');
|
49
|
+
|
50
|
+
var times = require('@hi-ui/times');
|
51
|
+
|
52
|
+
var useSearchMode = require('@hi-ui/use-search-mode');
|
53
|
+
|
46
54
|
function _interopDefaultLegacy(e) {
|
47
55
|
return e && _typeof(e) === 'object' && 'default' in e ? e : {
|
48
56
|
'default': e
|
@@ -51,10 +59,6 @@ function _interopDefaultLegacy(e) {
|
|
51
59
|
|
52
60
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
53
61
|
|
54
|
-
var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
|
55
|
-
|
56
|
-
var Popper__default = /*#__PURE__*/_interopDefaultLegacy(Popper);
|
57
|
-
|
58
62
|
var Checkbox__default = /*#__PURE__*/_interopDefaultLegacy(Checkbox);
|
59
63
|
|
60
64
|
var VirtualList__default = /*#__PURE__*/_interopDefaultLegacy(VirtualList);
|
@@ -70,19 +74,14 @@ var _prefix = classname.getPrefixCls(_role);
|
|
70
74
|
var CheckSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
71
75
|
var _a$prefixCls = _a.prefixCls,
|
72
76
|
prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
|
73
|
-
_a$role = _a.role,
|
74
|
-
role = _a$role === void 0 ? _role : _a$role,
|
75
77
|
className = _a.className,
|
76
78
|
children = _a.children,
|
77
79
|
_a$disabled = _a.disabled,
|
78
80
|
disabled = _a$disabled === void 0 ? false : _a$disabled,
|
79
81
|
_a$clearable = _a.clearable,
|
80
|
-
clearable = _a$clearable === void 0 ?
|
81
|
-
_a$
|
82
|
-
|
83
|
-
_a$wrap = _a.wrap,
|
84
|
-
wrap = _a$wrap === void 0 ? true : _a$wrap,
|
85
|
-
placeholder = _a.placeholder,
|
82
|
+
clearable = _a$clearable === void 0 ? true : _a$clearable,
|
83
|
+
_a$placeholder = _a.placeholder,
|
84
|
+
placeholder = _a$placeholder === void 0 ? '请选择' : _a$placeholder,
|
86
85
|
displayRenderProp = _a.displayRender,
|
87
86
|
onSelectProp = _a.onSelect,
|
88
87
|
height = _a.height,
|
@@ -90,52 +89,110 @@ var CheckSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
90
89
|
itemHeight = _a$itemHeight === void 0 ? 40 : _a$itemHeight,
|
91
90
|
_a$virtual = _a.virtual,
|
92
91
|
virtual = _a$virtual === void 0 ? true : _a$virtual,
|
93
|
-
|
94
|
-
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
var
|
103
|
-
menuVisible =
|
104
|
-
|
105
|
-
|
106
|
-
var onOpenLatest = useLatest.useLatestCallback(onOpen);
|
107
|
-
var onCloseLatest = useLatest.useLatestCallback(onClose);
|
108
|
-
var closeMenu = React.useCallback(function () {
|
109
|
-
if (disabled) return;
|
110
|
-
setMenuVisible(false);
|
111
|
-
onOpenLatest();
|
112
|
-
}, [disabled, onOpenLatest]);
|
113
|
-
var openMenu = React.useCallback(function () {
|
114
|
-
if (disabled) return;
|
115
|
-
setMenuVisible(true);
|
116
|
-
onCloseLatest();
|
117
|
-
}, [disabled, onCloseLatest]);
|
92
|
+
appearance = _a.appearance,
|
93
|
+
invalid = _a.invalid,
|
94
|
+
dataSource = _a.dataSource,
|
95
|
+
filterOption = _a.filterOption,
|
96
|
+
searchableProp = _a.searchable,
|
97
|
+
titleRender = _a.titleRender,
|
98
|
+
renderExtraFooter = _a.renderExtraFooter,
|
99
|
+
rest = tslib.__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"]);
|
100
|
+
|
101
|
+
var _useToggle = useToggle.useToggle(),
|
102
|
+
menuVisible = _useToggle[0],
|
103
|
+
menuVisibleAction = _useToggle[1];
|
104
|
+
|
118
105
|
var displayRender = React.useCallback(function (item) {
|
119
|
-
if (
|
106
|
+
if (typeAssertion.isFunction(displayRenderProp)) {
|
120
107
|
return displayRenderProp(item);
|
121
108
|
}
|
122
109
|
|
123
110
|
return item.title;
|
124
111
|
}, [displayRenderProp]);
|
125
|
-
var
|
112
|
+
var onSelect = useLatest.useLatestCallback(function (value, item, shouldChecked) {
|
113
|
+
onSelectProp === null || onSelectProp === void 0 ? void 0 : onSelectProp(value, item, shouldChecked);
|
114
|
+
|
115
|
+
if (shouldChecked) {
|
116
|
+
// TODO:as useCheckList
|
117
|
+
setSelectedItems(function (prev) {
|
118
|
+
return [].concat(prev, [item]);
|
119
|
+
});
|
120
|
+
}
|
121
|
+
});
|
126
122
|
|
127
123
|
var _b = useCheckSelect.useCheckSelect(Object.assign(Object.assign({}, rest), {
|
128
124
|
children: children,
|
129
|
-
onSelect:
|
125
|
+
onSelect: onSelect
|
130
126
|
})),
|
131
|
-
rootProps = _b.rootProps,
|
132
127
|
context$1 = tslib.__rest(_b, ["rootProps"]);
|
133
128
|
|
134
129
|
var value = context$1.value,
|
135
130
|
tryChangeValue = context$1.tryChangeValue,
|
136
|
-
|
131
|
+
flattedData = context$1.flattedData; // ************************** 异步搜索 ************************* //
|
132
|
+
// TODO: 支持对 Item 传入 状态
|
133
|
+
|
134
|
+
var _c = useSearchMode.useAsyncSearch({
|
135
|
+
dataSource: dataSource
|
136
|
+
}),
|
137
|
+
loading = _c.loading,
|
138
|
+
hasError = _c.hasError,
|
139
|
+
dataSourceStrategy = tslib.__rest(_c, ["loading", "hasError"]);
|
140
|
+
|
141
|
+
var customSearchStrategy = useSearchMode.useTreeCustomSearch({
|
142
|
+
data: flattedData,
|
143
|
+
filterOption: filterOption
|
144
|
+
});
|
145
|
+
var filterSearchStrategy = useSearchMode.useFilterSearch({
|
146
|
+
data: flattedData,
|
147
|
+
flattedData: flattedData,
|
148
|
+
searchMode: searchableProp ? 'filter' : undefined
|
149
|
+
});
|
150
|
+
|
151
|
+
var _useSearchMode = useSearchMode.useSearchMode({
|
152
|
+
searchable: searchableProp,
|
153
|
+
strategies: [dataSourceStrategy, customSearchStrategy, filterSearchStrategy]
|
154
|
+
}),
|
155
|
+
stateInSearch = _useSearchMode.state,
|
156
|
+
searchable = _useSearchMode.searchable,
|
157
|
+
searchMode = _useSearchMode.searchMode,
|
158
|
+
onSearch = _useSearchMode.onSearch,
|
159
|
+
searchValue = _useSearchMode.keyword; // 拦截 titleRender,自定义高亮展示
|
160
|
+
|
161
|
+
|
162
|
+
var proxyTitleRender = React.useCallback(function (node) {
|
163
|
+
if (titleRender) {
|
164
|
+
var _ret = titleRender(node);
|
165
|
+
|
166
|
+
if (_ret && _ret !== true) return _ret;
|
167
|
+
} // 本地搜索执行默认高亮规则
|
168
|
+
|
169
|
+
|
170
|
+
var highlight = !!searchValue && (searchMode === 'highlight' || searchMode === 'filter');
|
171
|
+
var ret = highlight ? /*#__PURE__*/React__default['default'].createElement(Checkbox__default['default'], {
|
172
|
+
checked: node.checked,
|
173
|
+
disabled: node.disabled
|
174
|
+
}, /*#__PURE__*/React__default['default'].createElement(highlighter.Highlighter, {
|
175
|
+
keyword: searchValue
|
176
|
+
}, node.title)) : true;
|
177
|
+
return ret;
|
178
|
+
}, [titleRender, searchValue, searchMode]);
|
179
|
+
var shouldUseSearch = !!searchValue && !hasError;
|
180
|
+
var selectProps = {
|
181
|
+
data: shouldUseSearch ? stateInSearch.data : flattedData,
|
182
|
+
titleRender: proxyTitleRender
|
183
|
+
}; // 搜索时临时选中缓存数据
|
184
|
+
|
185
|
+
var _useState = React.useState([]),
|
186
|
+
selectedItems = _useState[0],
|
187
|
+
setSelectedItems = _useState[1]; // 下拉菜单不能合并(因为树形数据,不知道是第几级)
|
188
|
+
|
189
|
+
|
190
|
+
var mergedData = React.useMemo(function () {
|
191
|
+
var nextData = selectedItems.concat(flattedData);
|
192
|
+
return lodash.uniqBy(nextData, 'id');
|
193
|
+
}, [selectedItems, flattedData]);
|
137
194
|
var virtualData = React.useMemo(function () {
|
138
|
-
return
|
195
|
+
return selectProps.data.reduce(function (acc, cur, index) {
|
139
196
|
if ('groupTitle' in cur) {
|
140
197
|
acc.push({
|
141
198
|
id: "group-" + index,
|
@@ -148,35 +205,53 @@ var CheckSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
148
205
|
acc.push(cur);
|
149
206
|
return acc;
|
150
207
|
}, []);
|
151
|
-
}, [
|
152
|
-
var cls = classname.cx(prefixCls, className, prefixCls + "--" + (menuVisible ? 'open' : 'closed'));
|
153
|
-
|
154
|
-
var TagInput = wrap ? tagInput.TagInput : tagInput.TagInputMock;
|
208
|
+
}, [selectProps.data]);
|
209
|
+
var cls = classname.cx(prefixCls, className, prefixCls + "--" + (menuVisible ? 'open' : 'closed'));
|
155
210
|
return /*#__PURE__*/React__default['default'].createElement(context.CheckSelectProvider, {
|
156
211
|
value: context$1
|
157
|
-
}, /*#__PURE__*/React__default['default'].createElement(
|
212
|
+
}, /*#__PURE__*/React__default['default'].createElement(picker.Picker, Object.assign({
|
158
213
|
ref: ref,
|
159
|
-
role: role,
|
160
214
|
className: cls
|
161
|
-
},
|
162
|
-
ref: setTargetElRef,
|
163
|
-
onClick: openMenu,
|
164
|
-
disabled: disabled,
|
165
|
-
clearable: clearable,
|
166
|
-
placeholder: placeholder,
|
167
|
-
data: selectData,
|
168
|
-
value: value,
|
169
|
-
wrap: wrap,
|
170
|
-
onChange: tryChangeValue,
|
171
|
-
displayRender: displayRender,
|
172
|
-
suffix: /*#__PURE__*/React__default['default'].createElement(icons.DownOutlined, null)
|
173
|
-
}), /*#__PURE__*/React__default['default'].createElement(Popper__default['default'], Object.assign({}, popper, {
|
174
|
-
attachEl: targetElRef,
|
215
|
+
}, rest, {
|
175
216
|
visible: menuVisible,
|
176
|
-
|
177
|
-
|
178
|
-
|
179
|
-
|
217
|
+
onOpen: function onOpen() {
|
218
|
+
// setViewSelected(false)
|
219
|
+
menuVisibleAction.on();
|
220
|
+
},
|
221
|
+
disabled: disabled,
|
222
|
+
onClose: menuVisibleAction.off,
|
223
|
+
// value={value}
|
224
|
+
// onChange={tryChangeValue}
|
225
|
+
// data={mergedData}
|
226
|
+
searchable: searchable,
|
227
|
+
onSearch: onSearch,
|
228
|
+
loading: loading,
|
229
|
+
footer: renderExtraFooter ? renderExtraFooter() : null,
|
230
|
+
trigger: /*#__PURE__*/React__default['default'].createElement(tagInput.TagInputMock // ref={targetElementRef}
|
231
|
+
// onClick={openMenu}
|
232
|
+
// disabled={disabled}
|
233
|
+
, {
|
234
|
+
// ref={targetElementRef}
|
235
|
+
// onClick={openMenu}
|
236
|
+
// disabled={disabled}
|
237
|
+
clearable: clearable,
|
238
|
+
placeholder: placeholder,
|
239
|
+
// @ts-ignore
|
240
|
+
displayRender: displayRender,
|
241
|
+
suffix: menuVisible ? /*#__PURE__*/React__default['default'].createElement(icons.UpOutlined, null) : /*#__PURE__*/React__default['default'].createElement(icons.DownOutlined, null),
|
242
|
+
focused: menuVisible,
|
243
|
+
appearance: appearance,
|
244
|
+
value: value,
|
245
|
+
onChange: tryChangeValue,
|
246
|
+
data: mergedData,
|
247
|
+
// @ts-ignore
|
248
|
+
invalid: invalid,
|
249
|
+
onExpand: function onExpand() {
|
250
|
+
// setViewSelected(true)
|
251
|
+
menuVisibleAction.on();
|
252
|
+
}
|
253
|
+
})
|
254
|
+
}), typeAssertion.isArrayNonEmpty(virtualData) ? /*#__PURE__*/React__default['default'].createElement(VirtualList__default['default'], {
|
180
255
|
itemKey: "id",
|
181
256
|
fullHeight: false,
|
182
257
|
height: height,
|
@@ -185,12 +260,14 @@ var CheckSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
185
260
|
data: virtualData
|
186
261
|
}, function (node) {
|
187
262
|
/* 反向 map,搜索删选数据时会对数据进行处理 */
|
188
|
-
return 'groupTitle' in node ? /*#__PURE__*/React__default['default'].createElement(CheckSelectOptionGroup,
|
263
|
+
return 'groupTitle' in node ? /*#__PURE__*/React__default['default'].createElement(CheckSelectOptionGroup, {
|
189
264
|
label: node.groupTitle
|
190
|
-
}
|
191
|
-
option: node
|
192
|
-
|
193
|
-
|
265
|
+
}) : /*#__PURE__*/React__default['default'].createElement(CheckSelectOption, {
|
266
|
+
option: node,
|
267
|
+
depth: node.depth,
|
268
|
+
titleRender: proxyTitleRender
|
269
|
+
});
|
270
|
+
}) : null));
|
194
271
|
}); // @ts-ignore
|
195
272
|
|
196
273
|
CheckSelect.HiName = 'CheckSelect';
|
@@ -199,77 +276,55 @@ if (env.__DEV__) {
|
|
199
276
|
CheckSelect.displayName = 'CheckSelect';
|
200
277
|
}
|
201
278
|
|
202
|
-
var searchPrefix = classname.getPrefixCls('check-select-search');
|
203
|
-
/**
|
204
|
-
* TODO: What is CheckSelectSearch
|
205
|
-
*/
|
206
|
-
|
207
|
-
var CheckSelectSearch = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
208
|
-
var _a$prefixCls2 = _a.prefixCls,
|
209
|
-
prefixCls = _a$prefixCls2 === void 0 ? searchPrefix : _a$prefixCls2,
|
210
|
-
className = _a.className,
|
211
|
-
rest = tslib.__rest(_a, ["prefixCls", "className"]);
|
212
|
-
|
213
|
-
var _useCheckSelectContex = context.useCheckSelectContext(),
|
214
|
-
isEmpty = _useCheckSelectContex.isEmpty,
|
215
|
-
emptyContent = _useCheckSelectContex.emptyContent,
|
216
|
-
getSearchInputProps = _useCheckSelectContex.getSearchInputProps;
|
217
|
-
|
218
|
-
return /*#__PURE__*/React__default['default'].createElement("div", Object.assign({
|
219
|
-
ref: ref,
|
220
|
-
className: classname.cx(prefixCls, className)
|
221
|
-
}, rest), /*#__PURE__*/React__default['default'].createElement(Input__default['default'], Object.assign({}, getSearchInputProps(), {
|
222
|
-
appearance: "underline",
|
223
|
-
prefix: /*#__PURE__*/React__default['default'].createElement(icons.SearchOutlined, null)
|
224
|
-
})), isEmpty ? /*#__PURE__*/React__default['default'].createElement("span", {
|
225
|
-
className: prefixCls + "__empty"
|
226
|
-
}, emptyContent) : null);
|
227
|
-
});
|
228
|
-
|
229
|
-
if (env.__DEV__) {
|
230
|
-
CheckSelectSearch.displayName = 'CheckSelectSearch';
|
231
|
-
}
|
232
|
-
|
233
279
|
var optionPrefix = classname.getPrefixCls('check-select-option');
|
234
280
|
/**
|
235
281
|
* TODO: What is CheckSelectOption
|
236
282
|
*/
|
237
283
|
|
238
284
|
var CheckSelectOption = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
239
|
-
var _a$
|
240
|
-
prefixCls = _a$
|
285
|
+
var _a$prefixCls2 = _a.prefixCls,
|
286
|
+
prefixCls = _a$prefixCls2 === void 0 ? optionPrefix : _a$prefixCls2,
|
241
287
|
className = _a.className,
|
242
288
|
_a$option = _a.option,
|
243
289
|
option = _a$option === void 0 ? {} : _a$option,
|
244
290
|
onClick = _a.onClick,
|
245
|
-
|
291
|
+
titleRender = _a.titleRender,
|
292
|
+
depth = _a.depth,
|
293
|
+
rest = tslib.__rest(_a, ["prefixCls", "className", "children", "option", "onClick", "titleRender", "depth"]);
|
246
294
|
|
247
|
-
var
|
248
|
-
isSelectedId =
|
249
|
-
onSelect =
|
250
|
-
titleRender = _useCheckSelectContex2.titleRender;
|
295
|
+
var _useCheckSelectContex = context.useCheckSelectContext(),
|
296
|
+
isSelectedId = _useCheckSelectContex.isSelectedId,
|
297
|
+
onSelect = _useCheckSelectContex.onSelect;
|
251
298
|
|
252
|
-
var
|
253
|
-
|
299
|
+
var id = option.id,
|
300
|
+
_option$disabled = option.disabled,
|
254
301
|
disabled = _option$disabled === void 0 ? false : _option$disabled;
|
255
|
-
var
|
302
|
+
var selected = isSelectedId(id);
|
303
|
+
var eventNodeRef = useLatest.useLatestRef(Object.assign({}, option, {
|
304
|
+
disabled: disabled,
|
305
|
+
checked: selected
|
306
|
+
}));
|
307
|
+
var cls = classname.cx(prefixCls, className, selected && prefixCls + "--selected", disabled && prefixCls + "--disabled");
|
256
308
|
var handleOptionCheck = React.useCallback(function (evt) {
|
257
|
-
onSelect(option, !
|
309
|
+
onSelect(option, !selected);
|
258
310
|
onClick === null || onClick === void 0 ? void 0 : onClick(evt);
|
259
|
-
}, [onSelect, option,
|
260
|
-
|
261
|
-
|
262
|
-
|
263
|
-
|
311
|
+
}, [onSelect, option, selected, onClick]);
|
312
|
+
var renderTitle = React.useCallback(function (node, titleRender) {
|
313
|
+
// 如果 titleRender 返回 `true`,则使用默认 title
|
314
|
+
var title = titleRender ? titleRender(node) : true;
|
315
|
+
return /*#__PURE__*/React__default['default'].createElement("div", {
|
316
|
+
className: prefixCls + "__title"
|
317
|
+
}, title === true ? /*#__PURE__*/React__default['default'].createElement(Checkbox__default['default'], {
|
318
|
+
checked: node.checked,
|
319
|
+
disabled: node.disabled
|
320
|
+
}, node.title) : title);
|
321
|
+
}, [prefixCls]);
|
264
322
|
return /*#__PURE__*/React__default['default'].createElement("div", Object.assign({
|
265
323
|
ref: ref,
|
266
324
|
className: cls
|
267
325
|
}, rest, {
|
268
326
|
onClick: handleOptionCheck
|
269
|
-
}),
|
270
|
-
checked: checked,
|
271
|
-
disabled: option.disabled
|
272
|
-
}, option.title) : title);
|
327
|
+
}), renderIndent(prefixCls, depth), renderTitle(eventNodeRef.current, titleRender));
|
273
328
|
}); // @ts-ignore
|
274
329
|
|
275
330
|
CheckSelectOption.HiName = 'CheckSelectOption';
|
@@ -277,14 +332,15 @@ CheckSelectOption.HiName = 'CheckSelectOption';
|
|
277
332
|
if (env.__DEV__) {
|
278
333
|
CheckSelectOption.displayName = 'CheckSelectOption';
|
279
334
|
}
|
335
|
+
|
336
|
+
var optionGroupPrefix = classname.getPrefixCls('select-option-group');
|
280
337
|
/**
|
281
338
|
* TODO: What is CheckSelectOptionGroup
|
282
339
|
*/
|
283
340
|
|
284
|
-
|
285
341
|
var CheckSelectOptionGroup = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
286
|
-
var _a$
|
287
|
-
prefixCls = _a$
|
342
|
+
var _a$prefixCls3 = _a.prefixCls,
|
343
|
+
prefixCls = _a$prefixCls3 === void 0 ? optionGroupPrefix : _a$prefixCls3,
|
288
344
|
className = _a.className,
|
289
345
|
label = _a.label,
|
290
346
|
rest = tslib.__rest(_a, ["prefixCls", "className", "children", "label", "onClick"]);
|
@@ -301,9 +357,25 @@ CheckSelectOptionGroup.HiName = 'CheckSelectOptionGroup';
|
|
301
357
|
if (env.__DEV__) {
|
302
358
|
CheckSelectOptionGroup.displayName = 'CheckSelectOptionGroup';
|
303
359
|
}
|
360
|
+
/**
|
361
|
+
* 渲染空白占位
|
362
|
+
*/
|
363
|
+
|
364
|
+
|
365
|
+
var renderIndent = function renderIndent(prefixCls, depth) {
|
366
|
+
return times.times(depth, function (index) {
|
367
|
+
return /*#__PURE__*/React__default['default'].createElement("span", {
|
368
|
+
key: index,
|
369
|
+
style: {
|
370
|
+
alignSelf: 'stretch'
|
371
|
+
}
|
372
|
+
}, /*#__PURE__*/React__default['default'].createElement("span", {
|
373
|
+
className: classname.cx(prefixCls + "__indent")
|
374
|
+
}));
|
375
|
+
});
|
376
|
+
};
|
304
377
|
|
305
378
|
exports.CheckSelect = CheckSelect;
|
306
379
|
exports.CheckSelectOption = CheckSelectOption;
|
307
380
|
exports.CheckSelectOptionGroup = CheckSelectOptionGroup;
|
308
|
-
exports.CheckSelectSearch = CheckSelectSearch;
|
309
381
|
//# 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/cjs/index.js
CHANGED
@@ -20,6 +20,5 @@ var CheckSelect = require('./CheckSelect.js');
|
|
20
20
|
exports.CheckSelect = CheckSelect.CheckSelect;
|
21
21
|
exports.CheckSelectOption = CheckSelect.CheckSelectOption;
|
22
22
|
exports.CheckSelectOptionGroup = CheckSelect.CheckSelectOptionGroup;
|
23
|
-
exports.CheckSelectSearch = CheckSelect.CheckSelectSearch;
|
24
23
|
exports["default"] = CheckSelect.CheckSelect;
|
25
24
|
//# sourceMappingURL=index.js.map
|
package/lib/cjs/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}
|
@@ -12,7 +12,7 @@
|
|
12
12
|
Object.defineProperty(exports, '__esModule', {
|
13
13
|
value: true
|
14
14
|
});
|
15
|
-
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 {\n -
|
15
|
+
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";
|
16
16
|
|
17
17
|
var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
|
18
18
|
|