@hi-ui/check-tree-select 4.0.0-alpha.9 → 4.0.0-beta.10
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 +87 -7
- package/lib/cjs/CheckTreeSelect.js +27 -21
- package/lib/cjs/CheckTreeSelect.js.map +1 -1
- package/lib/esm/CheckTreeSelect.js +25 -21
- package/lib/esm/CheckTreeSelect.js.map +1 -1
- package/lib/types/CheckTreeSelect.d.ts +15 -13
- package/package.json +23 -21
package/README.md
CHANGED
|
@@ -1,11 +1,91 @@
|
|
|
1
|
-
#
|
|
1
|
+
# CheckTreeSelect 树形多项选择器
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
一种接收树形数据结构的选择器，为用户提供复杂数据展示的能力
|
|
4
4
|
|
|
5
|
-
##
|
|
5
|
+
## 何时使用
|
|
6
6
|
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
- 选择部门的组织结构、部门等
|
|
8
|
+
- 选择商品目录等
|
|
9
9
|
|
|
10
|
-
|
|
11
|
-
|
|
10
|
+
## 使用示例
|
|
11
|
+
|
|
12
|
+
<!-- Inject Stories -->
|
|
13
|
+
|
|
14
|
+
## Props
|
|
15
|
+
|
|
16
|
+
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|
|
17
|
+
| ------------------ | ---------------------------------------------------------------- | ---------------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------- |
|
|
18
|
+
| data | 展示数据 | DataItem [] | - | - |
|
|
19
|
+
| fieldNames | 设置 data 中 id, title, disabled, children 对应的 key (3.0 新增) | object | - | { title: 'title', id: 'id',disabled:'disabled', children: 'children'} |
|
|
20
|
+
| checkedMode | 数据回显模式 | string | ALL: 所有被选中节点，不区分父子节点 <br/>PARENT: 当所有子节点被选中时将只保留父节点<br/>CHILD:仅显示子节点 | ALL |
|
|
21
|
+
| disabled | 是否禁用 | boolean | true \| false | false |
|
|
22
|
+
| defaultExpandAll | 是否默认展开所有树节点 | boolean | true \| false | false |
|
|
23
|
+
| expandedIds | 展开的节点（受控） | ReactText[] | - | - |
|
|
24
|
+
| defaultExpandedIds | 默认展开的节点（非受控） | ReactText[] | - | - |
|
|
25
|
+
| defaultValue | 默认选中项 （非受控） | ReactText[] | - | - |
|
|
26
|
+
| value | 默认选中项 （受控） | ReactText[] | - | - |
|
|
27
|
+
| displayRender | 自定义渲染 Input 中展示内容 | (valueItem: checkedNode) => ReactNode | - | - |
|
|
28
|
+
| placeholder | 输入框占位 | string | - | 请选择 |
|
|
29
|
+
| searchPlaceholder | 搜索输入框占位 | string | - | 搜索 |
|
|
30
|
+
| loadingContent | 加载中文字提示 | string | - | 数据加载中... |
|
|
31
|
+
| searchMode | 节点搜索模式 | string | 'highlight' \| 'filter' | - |
|
|
32
|
+
| dataSource | 异步加载数据 | (key: string) => DataSource \| DataSource \| Promise | - | - |
|
|
33
|
+
| emptyContent | 没有选项时的提示 | string \| ReactNode | - | 无内容 |
|
|
34
|
+
| optionWidth | 自定义下拉选项宽度 | number | - | |
|
|
35
|
+
| overlayClassName | 下拉根元素的类名称 | string | - | - |
|
|
36
|
+
| popper | 自定义控制弹出层 popper 行为 | Omit<PopperProps, 'visible' \| 'attachEl'> | - | - |
|
|
37
|
+
|
|
38
|
+
## Events
|
|
39
|
+
|
|
40
|
+
| 名称 | 说明 | 类型 | 参数 | 返回值 |
|
|
41
|
+
| -------- | ---------- | --------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------- | ------ |
|
|
42
|
+
| onChange | 选中时触发 | (checkedIds: ReactText[], checkedNodes: DataItem[], targetNode: DataItem, shouldChecked: boolean) => void | checkedIds: 选中项 ID 集合 <br/> checkedNodes: 选中项数据项集合 <br/> targetNode: 当前操作节点 <br/> shouldChecked: 是否要被选中 | - |
|
|
43
|
+
|
|
44
|
+
### DataItem
|
|
45
|
+
|
|
46
|
+
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|
|
47
|
+
| -------- | --------------- | ---------------- | ------ | ------ |
|
|
48
|
+
| title | 下拉选项标题 | string | - | - |
|
|
49
|
+
| id | 下拉选项唯一 id | string \| number | - | - |
|
|
50
|
+
| disabled | 是否禁用 | boolean | - | false |
|
|
51
|
+
| children | 子级数据 | DataItem[] | - | - |
|
|
52
|
+
|
|
53
|
+
### DataSource
|
|
54
|
+
|
|
55
|
+
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|
|
56
|
+
| ----------------- | ---------------------------------- | -------------------------------- | -------------------------------------------------- | ------------- |
|
|
57
|
+
| url | 请求的 url | string | - | - |
|
|
58
|
+
| type | 请求方法 | string | get \| post | get |
|
|
59
|
+
| data | post 请求时请求体参数 | object | - | - |
|
|
60
|
+
| params | url 查询参数 | object | - | - |
|
|
61
|
+
| headers | 请求头 | object | - | - |
|
|
62
|
+
| mode | 请求模式 | string | 'same-origin' \| 'cors' \| 'no-cors' \| 'navigate' | 'same-origin' |
|
|
63
|
+
| transformResponse | 成功时的回调，用于对数据进行预处理 | (response: object) => DataItem[] | - | - |
|
|
64
|
+
|
|
65
|
+
## CHANGELOG
|
|
66
|
+
|
|
67
|
+
> 从 TreeSelect 组件抽离多选模式出来，作为为单独 CheckTreeSelect 组件。
|
|
68
|
+
|
|
69
|
+
| 参数 | 变更类型 | 变更内容 | 解决的问题 |
|
|
70
|
+
| ------------------ | ------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------- |
|
|
71
|
+
| propName | feature \| deprecated \| update | 变更了什么 | 之前是什么样子，解决什么问题 |
|
|
72
|
+
| ---- | ---- | ---- | ---- |
|
|
73
|
+
| value | update | 类型 DataItem[] \| string[] \| string -> <string \| number>[] | 对于表单控件 id 值的控制，均使用 React.ReactText（即 string 和 number 都支持） |
|
|
74
|
+
| defaultValue | update | 类型 DataItem[] \| string[] \| string -> <string \| number>[] | 对于表单控件 id 值的控制，均使用 React.ReactText（即 string 和 number 都支持） |
|
|
75
|
+
| id | update | 类型 string -> string \| number | 对于表单控件 id 值的控制，均使用 React.ReactText（即 string 和 number 都支持） |
|
|
76
|
+
| bordered | deprecated | 字段 `bordered` -> `appearance` | 对于 Picker 类型的组件，统一使用 appearance 设置外形（线\面\无边框）值 |
|
|
77
|
+
| searchPlaceholder | feature | - | Picker 类型组件统一支持 |
|
|
78
|
+
| loadingContent | feature | - | Picker 类型组件统一支持，适配新 UI |
|
|
79
|
+
| popper | feature | - | Picker 类型组件统一支持，聚合管理。比如： placement，之前有的加了有的没加 |
|
|
80
|
+
| titleRender | feature | - | 统一支持自定义渲染每一项 |
|
|
81
|
+
| virtual | feature | - | 支持虚拟列表 |
|
|
82
|
+
| height | feature | - | 支持虚拟列表 |
|
|
83
|
+
| itemHeight | feature | - | 支持虚拟列表 |
|
|
84
|
+
| type | deprecated | - | 拆分单选多选组件单独维护 |
|
|
85
|
+
| autoload | deprecated | - | 页面级首次渲染执行数据加载操作，取消内置 |
|
|
86
|
+
| mode | deprecated | - | 面包屑模式可以使用 checkCascade 组件替代，交互形式更为优雅。 |
|
|
87
|
+
| appearance | feature | - | 统一支持：线性\面性\无边框 |
|
|
88
|
+
| valueRender | update | valueRender(items: DataItem[]) -> displayRender(item: DataItem) | 统一字段命名及其含义 |
|
|
89
|
+
| expandedIds | update | 字段：expandIds -> expandedIds | 统一字段命名及其含义 |
|
|
90
|
+
| defaultExpandedIds | update | defaultExpandIds -> defaultExpandedIds | 统一字段命名及其含义 |
|
|
91
|
+
| onChange | update | 类型：`(checkedIds \| checkedId, checkedNodes \| checkedNode, currentNode) => void` -> `(checkedIds: ReactText[], checkedNodes: DataItem[], targetNode: DataItem, shouldChecked: boolean) => void` | 1. 移除数组结构，方便用户获取；2. 暴露 shouldSelected 执行相应拦截之类的操作; 3. 点击清空时触发 onChange |
|
|
@@ -35,7 +35,7 @@ var treeUtils = require('@hi-ui/tree-utils');
|
|
|
35
35
|
|
|
36
36
|
var typeAssertion = require('@hi-ui/type-assertion');
|
|
37
37
|
|
|
38
|
-
var
|
|
38
|
+
var arrayUtils = require('@hi-ui/array-utils');
|
|
39
39
|
|
|
40
40
|
var highlighter = require('@hi-ui/highlighter');
|
|
41
41
|
|
|
@@ -43,6 +43,10 @@ var tagInput = require('@hi-ui/tag-input');
|
|
|
43
43
|
|
|
44
44
|
var icons = require('@hi-ui/icons');
|
|
45
45
|
|
|
46
|
+
var localeContext = require('@hi-ui/locale-context');
|
|
47
|
+
|
|
48
|
+
var funcUtils = require('@hi-ui/func-utils');
|
|
49
|
+
|
|
46
50
|
var useSearchMode = require('@hi-ui/use-search-mode');
|
|
47
51
|
|
|
48
52
|
function _interopDefaultLegacy(e) {
|
|
@@ -73,6 +77,7 @@ var CheckTreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
73
77
|
disabled = _a$disabled === void 0 ? false : _a$disabled,
|
|
74
78
|
_a$fieldNames = _a.fieldNames,
|
|
75
79
|
fieldNames = _a$fieldNames === void 0 ? DEFAULT_FIELD_NAMES : _a$fieldNames,
|
|
80
|
+
checkedMode = _a.checkedMode,
|
|
76
81
|
_a$defaultExpandAll = _a.defaultExpandAll,
|
|
77
82
|
defaultExpandAll = _a$defaultExpandAll === void 0 ? false : _a$defaultExpandAll,
|
|
78
83
|
expandedIdsProp = _a.expandedIds,
|
|
@@ -86,15 +91,18 @@ var CheckTreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
86
91
|
searchableProp = _a.searchable,
|
|
87
92
|
searchModeProp = _a.searchMode,
|
|
88
93
|
onLoadChildren = _a.onLoadChildren,
|
|
89
|
-
titleRender = _a.
|
|
94
|
+
titleRender = _a.render,
|
|
90
95
|
filterOption = _a.filterOption,
|
|
96
|
+
onSearchProp = _a.onSearch,
|
|
91
97
|
clearable = _a.clearable,
|
|
92
98
|
invalid = _a.invalid,
|
|
93
99
|
displayRender = _a.displayRender,
|
|
94
|
-
|
|
95
|
-
placeholder = _a$placeholder === void 0 ? '请选择' : _a$placeholder,
|
|
100
|
+
placeholderProp = _a.placeholder,
|
|
96
101
|
appearance = _a.appearance,
|
|
97
|
-
rest = tslib.__rest(_a, ["prefixCls", "role", "className", "data", "dataSource", "disabled", "fieldNames", "
|
|
102
|
+
rest = tslib.__rest(_a, ["prefixCls", "role", "className", "data", "dataSource", "disabled", "fieldNames", "checkedMode", "defaultExpandAll", "expandedIds", "defaultExpandedIds", "onExpand", "defaultValue", "value", "onChange", "searchable", "searchMode", "onLoadChildren", "render", "filterOption", "onSearch", "clearable", "invalid", "displayRender", "placeholder", "appearance"]);
|
|
103
|
+
|
|
104
|
+
var i18n = localeContext.useLocaleContext();
|
|
105
|
+
var placeholder = typeAssertion.isUndef(placeholderProp) ? i18n.get('checkTreeSelect.placeholder') : placeholderProp;
|
|
98
106
|
|
|
99
107
|
var _useToggle = useToggle.useToggle(),
|
|
100
108
|
menuVisible = _useToggle[0],
|
|
@@ -140,18 +148,19 @@ var CheckTreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
140
148
|
selectedItems = _useState[0],
|
|
141
149
|
setSelectedItems = _useState[1];
|
|
142
150
|
|
|
143
|
-
var onSelect = React.useCallback(function (
|
|
144
|
-
|
|
145
|
-
tryChangeValue(checkedIds, node); // 存取异步选中数据
|
|
151
|
+
var onSelect = React.useCallback(function (checkedIds, option) {
|
|
152
|
+
tryChangeValue(checkedIds, option); // 存取异步选中数据
|
|
146
153
|
|
|
147
154
|
setSelectedItems(function (prev) {
|
|
148
155
|
var next = [].concat(prev);
|
|
156
|
+
var targetNode = option.targetNode,
|
|
157
|
+
checked = option.checked;
|
|
149
158
|
|
|
150
159
|
if (checked) {
|
|
151
|
-
next.push(
|
|
160
|
+
next.push(targetNode);
|
|
152
161
|
} else {
|
|
153
162
|
next.filter(function (item) {
|
|
154
|
-
return item.id !==
|
|
163
|
+
return item.id !== targetNode.id;
|
|
155
164
|
});
|
|
156
165
|
}
|
|
157
166
|
|
|
@@ -172,9 +181,9 @@ var CheckTreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
172
181
|
filterOption: filterOption
|
|
173
182
|
});
|
|
174
183
|
var filterSearchStrategy = useSearchMode.useFilterSearch({
|
|
184
|
+
enabled: searchModeProp === 'filter',
|
|
175
185
|
data: data,
|
|
176
|
-
flattedData: flattedData
|
|
177
|
-
searchMode: searchModeProp
|
|
186
|
+
flattedData: flattedData
|
|
178
187
|
});
|
|
179
188
|
var highlightSearchStrategy = useSearchMode.useHighlightSearch({
|
|
180
189
|
data: data,
|
|
@@ -219,12 +228,12 @@ var CheckTreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
219
228
|
});
|
|
220
229
|
});
|
|
221
230
|
} : tryChangeExpandedIds,
|
|
222
|
-
|
|
231
|
+
render: proxyTitleRender
|
|
223
232
|
}; // 下拉菜单不能合并（因为树形数据，不知道是第几级）
|
|
224
233
|
|
|
225
234
|
var mergedData = React.useMemo(function () {
|
|
226
235
|
var nextData = selectedItems.concat(flattedData);
|
|
227
|
-
return
|
|
236
|
+
return arrayUtils.uniqBy(nextData, 'id');
|
|
228
237
|
}, [selectedItems, flattedData]);
|
|
229
238
|
var cls = classname.cx(prefixCls, className); // 过滤掉未选中的数据
|
|
230
239
|
// const tagList = useMemo(() => {
|
|
@@ -249,7 +258,7 @@ var CheckTreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
249
258
|
// onChange={tryChangeValue}
|
|
250
259
|
// data={mergedData}
|
|
251
260
|
searchable: searchable,
|
|
252
|
-
onSearch: onSearch,
|
|
261
|
+
onSearch: funcUtils.callAllFuncs(onSearchProp, onSearch),
|
|
253
262
|
loading: loading,
|
|
254
263
|
trigger: /*#__PURE__*/React__default['default'].createElement(tagInput.TagInputMock // ref={targetElementRef}
|
|
255
264
|
// onClick={openMenu}
|
|
@@ -269,17 +278,14 @@ var CheckTreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
269
278
|
onChange: tryChangeValue,
|
|
270
279
|
data: mergedData,
|
|
271
280
|
// @ts-ignore
|
|
272
|
-
invalid: invalid
|
|
273
|
-
onExpand: function onExpand() {
|
|
274
|
-
// setViewSelected(true)
|
|
275
|
-
menuVisibleAction.on();
|
|
276
|
-
}
|
|
281
|
+
invalid: invalid
|
|
277
282
|
})
|
|
278
283
|
}), typeAssertion.isArrayNonEmpty(treeProps.data) ? /*#__PURE__*/React__default['default'].createElement(tree.Tree, Object.assign({
|
|
279
284
|
className: prefixCls + "__tree",
|
|
280
285
|
selectable: false,
|
|
281
286
|
checkable: true,
|
|
282
|
-
|
|
287
|
+
checkOnSelect: true,
|
|
288
|
+
checkedMode: checkedMode,
|
|
283
289
|
checkedIds: value,
|
|
284
290
|
onCheck: onSelect,
|
|
285
291
|
// TODO: 支持 fieldNames
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckTreeSelect.js","sources":["../../src/CheckTreeSelect.tsx"],"sourcesContent":[null],"names":["TREE_SELECT_PREFIX","getPrefixCls","DEFAULT_DATA","DEFAULT_VALUE","DEFAULT_FIELD_NAMES","DEFAULT_EXPANDED_IDS","CheckTreeSelect","forwardRef","_a","ref","prefixCls","className","data","dataSource","disabled","fieldNames","defaultExpandAll","expandedIdsProp","expandedIds","defaultExpandedIds","onExpand","defaultValue","valueProp","value","onChange","searchableProp","searchable","searchModeProp","searchMode","onLoadChildren","titleRender","filterOption","clearable","invalid","displayRender","placeholder","appearance","rest","useToggle","menuVisible","menuVisibleAction","getKeyFields","useCallback","node","key","flattedData","useMemo","flattenTree","id","raw","title","useUncontrolledState","getDefaultExpandedIds","map","tryChangeExpandedIds","tryChangeValue","useState","selectedItems","setSelectedItems","onSelect","
|
|
1
|
+
{"version":3,"file":"CheckTreeSelect.js","sources":["../../src/CheckTreeSelect.tsx"],"sourcesContent":[null],"names":["TREE_SELECT_PREFIX","getPrefixCls","DEFAULT_DATA","DEFAULT_VALUE","DEFAULT_FIELD_NAMES","DEFAULT_EXPANDED_IDS","CheckTreeSelect","forwardRef","_a","ref","prefixCls","className","data","dataSource","disabled","fieldNames","checkedMode","defaultExpandAll","expandedIdsProp","expandedIds","defaultExpandedIds","onExpand","defaultValue","valueProp","value","onChange","searchableProp","searchable","searchModeProp","searchMode","onLoadChildren","titleRender","render","filterOption","onSearchProp","onSearch","clearable","invalid","displayRender","placeholderProp","placeholder","appearance","rest","i18n","useLocaleContext","isUndef","get","useToggle","menuVisible","menuVisibleAction","getKeyFields","useCallback","node","key","flattedData","useMemo","flattenTree","id","raw","title","useUncontrolledState","getDefaultExpandedIds","map","tryChangeExpandedIds","tryChangeValue","useState","selectedItems","setSelectedItems","onSelect","checkedIds","option","prev","next","targetNode","checked","push","filter","item","_b","useAsyncSearch","loading","hasError","dataSourceStrategy","customSearchStrategy","useTreeCustomSearch","filterSearchStrategy","useFilterSearch","enabled","highlightSearchStrategy","useHighlightSearch","useSearchMode","strategies","stateInSearch","state","setStateInSearch","searchValue","keyword","proxyTitleRender","ret","highlight","React","Highlighter","shouldUseSearch","treeProps","ids","mergedData","nextData","concat","uniqBy","cls","cx","Picker","visible","onOpen","on","onClose","off","callAllFuncs","trigger","TagInputMock","suffix","UpOutlined","DownOutlined","focused","isArrayNonEmpty","Tree","selectable","checkable","checkOnSelect","onCheck","__DEV__","displayName","ALWAYS_ALLOW","getSemiCheckedIdsWithSet","isChecked","allowCheck","semiCheckedNodes","semiCheckedIdsSet","Set","parentId","parent","forEach","undefined","has","add","semiCheckedIds","Array","from"],"mappings":"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"}
|
|
@@ -16,11 +16,13 @@ import { Tree } from '@hi-ui/tree';
|
|
|
16
16
|
import { useUncontrolledState } from '@hi-ui/use-uncontrolled-state';
|
|
17
17
|
import { Picker } from '@hi-ui/picker';
|
|
18
18
|
import { flattenTree } from '@hi-ui/tree-utils';
|
|
19
|
-
import { isArrayNonEmpty } from '@hi-ui/type-assertion';
|
|
20
|
-
import { uniqBy } from '
|
|
19
|
+
import { isUndef, isArrayNonEmpty } from '@hi-ui/type-assertion';
|
|
20
|
+
import { uniqBy } from '@hi-ui/array-utils';
|
|
21
21
|
import { Highlighter } from '@hi-ui/highlighter';
|
|
22
22
|
import { TagInputMock } from '@hi-ui/tag-input';
|
|
23
23
|
import { UpOutlined, DownOutlined } from '@hi-ui/icons';
|
|
24
|
+
import { useLocaleContext } from '@hi-ui/locale-context';
|
|
25
|
+
import { callAllFuncs } from '@hi-ui/func-utils';
|
|
24
26
|
import { useAsyncSearch, useTreeCustomSearch, useFilterSearch, useHighlightSearch, useSearchMode } from '@hi-ui/use-search-mode';
|
|
25
27
|
var TREE_SELECT_PREFIX = getPrefixCls('check-tree-select');
|
|
26
28
|
var DEFAULT_DATA = [];
|
|
@@ -42,6 +44,7 @@ var CheckTreeSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
42
44
|
disabled = _a$disabled === void 0 ? false : _a$disabled,
|
|
43
45
|
_a$fieldNames = _a.fieldNames,
|
|
44
46
|
fieldNames = _a$fieldNames === void 0 ? DEFAULT_FIELD_NAMES : _a$fieldNames,
|
|
47
|
+
checkedMode = _a.checkedMode,
|
|
45
48
|
_a$defaultExpandAll = _a.defaultExpandAll,
|
|
46
49
|
defaultExpandAll = _a$defaultExpandAll === void 0 ? false : _a$defaultExpandAll,
|
|
47
50
|
expandedIdsProp = _a.expandedIds,
|
|
@@ -55,15 +58,18 @@ var CheckTreeSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
55
58
|
searchableProp = _a.searchable,
|
|
56
59
|
searchModeProp = _a.searchMode,
|
|
57
60
|
onLoadChildren = _a.onLoadChildren,
|
|
58
|
-
titleRender = _a.
|
|
61
|
+
titleRender = _a.render,
|
|
59
62
|
filterOption = _a.filterOption,
|
|
63
|
+
onSearchProp = _a.onSearch,
|
|
60
64
|
clearable = _a.clearable,
|
|
61
65
|
invalid = _a.invalid,
|
|
62
66
|
displayRender = _a.displayRender,
|
|
63
|
-
|
|
64
|
-
placeholder = _a$placeholder === void 0 ? '请选择' : _a$placeholder,
|
|
67
|
+
placeholderProp = _a.placeholder,
|
|
65
68
|
appearance = _a.appearance,
|
|
66
|
-
rest = __rest(_a, ["prefixCls", "role", "className", "data", "dataSource", "disabled", "fieldNames", "
|
|
69
|
+
rest = __rest(_a, ["prefixCls", "role", "className", "data", "dataSource", "disabled", "fieldNames", "checkedMode", "defaultExpandAll", "expandedIds", "defaultExpandedIds", "onExpand", "defaultValue", "value", "onChange", "searchable", "searchMode", "onLoadChildren", "render", "filterOption", "onSearch", "clearable", "invalid", "displayRender", "placeholder", "appearance"]);
|
|
70
|
+
|
|
71
|
+
var i18n = useLocaleContext();
|
|
72
|
+
var placeholder = isUndef(placeholderProp) ? i18n.get('checkTreeSelect.placeholder') : placeholderProp;
|
|
67
73
|
|
|
68
74
|
var _useToggle = useToggle(),
|
|
69
75
|
menuVisible = _useToggle[0],
|
|
@@ -109,18 +115,19 @@ var CheckTreeSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
109
115
|
selectedItems = _useState[0],
|
|
110
116
|
setSelectedItems = _useState[1];
|
|
111
117
|
|
|
112
|
-
var onSelect = useCallback(function (
|
|
113
|
-
|
|
114
|
-
tryChangeValue(checkedIds, node); // 存取异步选中数据
|
|
118
|
+
var onSelect = useCallback(function (checkedIds, option) {
|
|
119
|
+
tryChangeValue(checkedIds, option); // 存取异步选中数据
|
|
115
120
|
|
|
116
121
|
setSelectedItems(function (prev) {
|
|
117
122
|
var next = [].concat(prev);
|
|
123
|
+
var targetNode = option.targetNode,
|
|
124
|
+
checked = option.checked;
|
|
118
125
|
|
|
119
126
|
if (checked) {
|
|
120
|
-
next.push(
|
|
127
|
+
next.push(targetNode);
|
|
121
128
|
} else {
|
|
122
129
|
next.filter(function (item) {
|
|
123
|
-
return item.id !==
|
|
130
|
+
return item.id !== targetNode.id;
|
|
124
131
|
});
|
|
125
132
|
}
|
|
126
133
|
|
|
@@ -141,9 +148,9 @@ var CheckTreeSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
141
148
|
filterOption: filterOption
|
|
142
149
|
});
|
|
143
150
|
var filterSearchStrategy = useFilterSearch({
|
|
151
|
+
enabled: searchModeProp === 'filter',
|
|
144
152
|
data: data,
|
|
145
|
-
flattedData: flattedData
|
|
146
|
-
searchMode: searchModeProp
|
|
153
|
+
flattedData: flattedData
|
|
147
154
|
});
|
|
148
155
|
var highlightSearchStrategy = useHighlightSearch({
|
|
149
156
|
data: data,
|
|
@@ -188,7 +195,7 @@ var CheckTreeSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
188
195
|
});
|
|
189
196
|
});
|
|
190
197
|
} : tryChangeExpandedIds,
|
|
191
|
-
|
|
198
|
+
render: proxyTitleRender
|
|
192
199
|
}; // 下拉菜单不能合并（因为树形数据，不知道是第几级）
|
|
193
200
|
|
|
194
201
|
var mergedData = useMemo(function () {
|
|
@@ -218,7 +225,7 @@ var CheckTreeSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
218
225
|
// onChange={tryChangeValue}
|
|
219
226
|
// data={mergedData}
|
|
220
227
|
searchable: searchable,
|
|
221
|
-
onSearch: onSearch,
|
|
228
|
+
onSearch: callAllFuncs(onSearchProp, onSearch),
|
|
222
229
|
loading: loading,
|
|
223
230
|
trigger: /*#__PURE__*/React.createElement(TagInputMock // ref={targetElementRef}
|
|
224
231
|
// onClick={openMenu}
|
|
@@ -238,17 +245,14 @@ var CheckTreeSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
238
245
|
onChange: tryChangeValue,
|
|
239
246
|
data: mergedData,
|
|
240
247
|
// @ts-ignore
|
|
241
|
-
invalid: invalid
|
|
242
|
-
onExpand: function onExpand() {
|
|
243
|
-
// setViewSelected(true)
|
|
244
|
-
menuVisibleAction.on();
|
|
245
|
-
}
|
|
248
|
+
invalid: invalid
|
|
246
249
|
})
|
|
247
250
|
}), isArrayNonEmpty(treeProps.data) ? /*#__PURE__*/React.createElement(Tree, Object.assign({
|
|
248
251
|
className: prefixCls + "__tree",
|
|
249
252
|
selectable: false,
|
|
250
253
|
checkable: true,
|
|
251
|
-
|
|
254
|
+
checkOnSelect: true,
|
|
255
|
+
checkedMode: checkedMode,
|
|
252
256
|
checkedIds: value,
|
|
253
257
|
onCheck: onSelect,
|
|
254
258
|
// TODO: 支持 fieldNames
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckTreeSelect.js","sources":["../../src/CheckTreeSelect.tsx"],"sourcesContent":[null],"names":["TREE_SELECT_PREFIX","getPrefixCls","DEFAULT_DATA","DEFAULT_VALUE","DEFAULT_FIELD_NAMES","DEFAULT_EXPANDED_IDS","CheckTreeSelect","forwardRef","_a","ref","prefixCls","className","data","dataSource","disabled","fieldNames","defaultExpandAll","expandedIdsProp","expandedIds","defaultExpandedIds","onExpand","defaultValue","valueProp","value","onChange","searchableProp","searchable","searchModeProp","searchMode","onLoadChildren","titleRender","filterOption","clearable","invalid","displayRender","placeholder","appearance","rest","useToggle","menuVisible","menuVisibleAction","getKeyFields","useCallback","node","key","flattedData","useMemo","flattenTree","id","raw","title","useUncontrolledState","getDefaultExpandedIds","map","tryChangeExpandedIds","tryChangeValue","useState","selectedItems","setSelectedItems","onSelect","
|
|
1
|
+
{"version":3,"file":"CheckTreeSelect.js","sources":["../../src/CheckTreeSelect.tsx"],"sourcesContent":[null],"names":["TREE_SELECT_PREFIX","getPrefixCls","DEFAULT_DATA","DEFAULT_VALUE","DEFAULT_FIELD_NAMES","DEFAULT_EXPANDED_IDS","CheckTreeSelect","forwardRef","_a","ref","prefixCls","className","data","dataSource","disabled","fieldNames","checkedMode","defaultExpandAll","expandedIdsProp","expandedIds","defaultExpandedIds","onExpand","defaultValue","valueProp","value","onChange","searchableProp","searchable","searchModeProp","searchMode","onLoadChildren","titleRender","render","filterOption","onSearchProp","onSearch","clearable","invalid","displayRender","placeholderProp","placeholder","appearance","rest","i18n","useLocaleContext","isUndef","get","useToggle","menuVisible","menuVisibleAction","getKeyFields","useCallback","node","key","flattedData","useMemo","flattenTree","id","raw","title","useUncontrolledState","getDefaultExpandedIds","map","tryChangeExpandedIds","tryChangeValue","useState","selectedItems","setSelectedItems","onSelect","checkedIds","option","prev","next","targetNode","checked","push","filter","item","_b","useAsyncSearch","loading","hasError","dataSourceStrategy","customSearchStrategy","useTreeCustomSearch","filterSearchStrategy","useFilterSearch","enabled","highlightSearchStrategy","useHighlightSearch","useSearchMode","strategies","stateInSearch","state","setStateInSearch","searchValue","keyword","proxyTitleRender","ret","highlight","React","Highlighter","shouldUseSearch","treeProps","ids","mergedData","nextData","concat","uniqBy","cls","cx","Picker","visible","onOpen","on","onClose","off","callAllFuncs","trigger","TagInputMock","suffix","UpOutlined","DownOutlined","focused","isArrayNonEmpty","Tree","selectable","checkable","checkOnSelect","onCheck","__DEV__","displayName","ALWAYS_ALLOW","getSemiCheckedIdsWithSet","isChecked","allowCheck","semiCheckedNodes","semiCheckedIdsSet","Set","parentId","parent","forEach","undefined","has","add","semiCheckedIds","Array","from"],"mappings":"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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { DataSourceFunc, FieldNames, CheckTreeSelectDataItem, CheckTreeSelectDataSource } from './types';
|
|
3
|
-
import { PopperProps } from '@hi-ui/popper';
|
|
4
3
|
import { FlattedTreeNodeData, TreeNodeEventData } from '@hi-ui/tree';
|
|
5
4
|
import { PickerProps } from '@hi-ui/picker';
|
|
5
|
+
import { HiBaseAppearanceEnum } from '@hi-ui/core';
|
|
6
6
|
/**
|
|
7
7
|
* TODO: What is CheckTreeSelect
|
|
8
8
|
*/
|
|
@@ -22,7 +22,7 @@ export interface CheckTreeSelectProps extends Omit<PickerProps, 'data' | 'onChan
|
|
|
22
22
|
* PARENT: 当所有子节点被选中时将只保留父节点
|
|
23
23
|
* CHILD: 仅显示子节点
|
|
24
24
|
*/
|
|
25
|
-
|
|
25
|
+
checkedMode?: 'ALL' | 'PARENT' | 'CHILD';
|
|
26
26
|
/**
|
|
27
27
|
* 数据选择类型
|
|
28
28
|
*/
|
|
@@ -80,7 +80,7 @@ export interface CheckTreeSelectProps extends Omit<PickerProps, 'data' | 'onChan
|
|
|
80
80
|
/**
|
|
81
81
|
* 自定义渲染节点的 title 内容
|
|
82
82
|
*/
|
|
83
|
-
|
|
83
|
+
render?: (node: TreeNodeEventData) => React.ReactNode;
|
|
84
84
|
/**
|
|
85
85
|
* 点击异步加载子项
|
|
86
86
|
*/
|
|
@@ -107,23 +107,25 @@ export interface CheckTreeSelectProps extends Omit<PickerProps, 'data' | 'onChan
|
|
|
107
107
|
overlayClassName?: string;
|
|
108
108
|
/**
|
|
109
109
|
* 选中时触发
|
|
110
|
-
* checkedIds
|
|
111
|
-
* checkedNodes
|
|
112
|
-
*
|
|
113
|
-
|
|
114
|
-
|
|
110
|
+
* checkedIds: 选中项 ID 集合
|
|
111
|
+
* checkedNodes: 选中项数据项集合
|
|
112
|
+
* targetNode: 当前操作节点
|
|
113
|
+
* checked: 当前操作是否为选中操作
|
|
114
|
+
*/
|
|
115
|
+
onChange?: (checkedIds: React.ReactText[], options: {
|
|
116
|
+
checkedNodes: CheckTreeSelectDataItem[];
|
|
117
|
+
semiCheckedIds: React.ReactText[];
|
|
118
|
+
targetNode: TreeNodeEventData;
|
|
119
|
+
checked: boolean;
|
|
120
|
+
}) => void;
|
|
115
121
|
/**
|
|
116
122
|
* 是否可清空
|
|
117
123
|
*/
|
|
118
124
|
clearable?: boolean;
|
|
119
|
-
/**
|
|
120
|
-
* 自定义控制 popper 行为
|
|
121
|
-
*/
|
|
122
|
-
popper?: PopperProps;
|
|
123
125
|
/**
|
|
124
126
|
* 设置展现形式
|
|
125
127
|
*/
|
|
126
|
-
appearance?:
|
|
128
|
+
appearance?: HiBaseAppearanceEnum;
|
|
127
129
|
}
|
|
128
130
|
/**
|
|
129
131
|
* 在 checkedIdsSet 为数据合法的情况下，查找所有的半选中态的节点 ids
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hi-ui/check-tree-select",
|
|
3
|
-
"version": "4.0.0-
|
|
3
|
+
"version": "4.0.0-beta.10",
|
|
4
4
|
"description": "A sub-package for @hi-ui/hiui.",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"author": "HIUI <mi-hiui@xiaomi.com>",
|
|
@@ -43,31 +43,33 @@
|
|
|
43
43
|
"url": "https://github.com/XiaoMi/hiui/issues"
|
|
44
44
|
},
|
|
45
45
|
"dependencies": {
|
|
46
|
-
"@hi-ui/
|
|
47
|
-
"@hi-ui/
|
|
48
|
-
"@hi-ui/core
|
|
49
|
-
"@hi-ui/
|
|
50
|
-
"@hi-ui/
|
|
51
|
-
"@hi-ui/
|
|
52
|
-
"@hi-ui/
|
|
53
|
-
"@hi-ui/
|
|
54
|
-
"@hi-ui/
|
|
55
|
-
"@hi-ui/
|
|
56
|
-
"@hi-ui/
|
|
57
|
-
"@hi-ui/
|
|
58
|
-
"@hi-ui/
|
|
59
|
-
"@hi-ui/
|
|
60
|
-
"@hi-ui/
|
|
61
|
-
"
|
|
46
|
+
"@hi-ui/array-utils": "^4.0.0-beta.3",
|
|
47
|
+
"@hi-ui/classname": "^4.0.0-beta.0",
|
|
48
|
+
"@hi-ui/core": "^4.0.0-beta.2",
|
|
49
|
+
"@hi-ui/core-css": "^4.0.0-beta.2",
|
|
50
|
+
"@hi-ui/env": "^4.0.0-beta.0",
|
|
51
|
+
"@hi-ui/func-utils": "^4.0.0-beta.3",
|
|
52
|
+
"@hi-ui/highlighter": "^4.0.0-beta.2",
|
|
53
|
+
"@hi-ui/icons": "^4.0.0-beta.2",
|
|
54
|
+
"@hi-ui/locale-context": "^4.0.0-beta.6",
|
|
55
|
+
"@hi-ui/picker": "^4.0.0-beta.9",
|
|
56
|
+
"@hi-ui/popper": "^4.0.0-beta.4",
|
|
57
|
+
"@hi-ui/tag-input": "^4.0.0-beta.5",
|
|
58
|
+
"@hi-ui/tree": "^4.0.0-beta.10",
|
|
59
|
+
"@hi-ui/tree-utils": "^4.0.0-beta.1",
|
|
60
|
+
"@hi-ui/type-assertion": "^4.0.0-beta.1",
|
|
61
|
+
"@hi-ui/use-search-mode": "^4.0.0-beta.6",
|
|
62
|
+
"@hi-ui/use-toggle": "^4.0.0-beta.1",
|
|
63
|
+
"@hi-ui/use-uncontrolled-state": "^4.0.0-beta.1"
|
|
62
64
|
},
|
|
63
65
|
"peerDependencies": {
|
|
64
|
-
"react": "
|
|
65
|
-
"react-dom": "
|
|
66
|
+
"react": ">=16.8.6",
|
|
67
|
+
"react-dom": ">=16.8.6"
|
|
66
68
|
},
|
|
67
69
|
"devDependencies": {
|
|
68
|
-
"@hi-ui/hi-build": "^4.0.0-
|
|
70
|
+
"@hi-ui/hi-build": "^4.0.0-beta.1",
|
|
69
71
|
"react": "^17.0.1",
|
|
70
72
|
"react-dom": "^17.0.1"
|
|
71
73
|
},
|
|
72
|
-
"gitHead": "
|
|
74
|
+
"gitHead": "df97df9e824f6d59c1b8a86f61582f0cbc005c28"
|
|
73
75
|
}
|