@hi-ui/check-tree-select 4.0.0-beta.7 → 4.0.0
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/CheckTreeSelect.js +83 -57
- package/lib/cjs/hooks/use-check.js +92 -0
- package/lib/cjs/index.js +1 -2
- package/lib/cjs/styles/index.scss.js +3 -4
- package/lib/cjs/utils/index.js +162 -0
- package/lib/esm/CheckTreeSelect.js +79 -55
- package/lib/esm/hooks/use-check.js +82 -0
- package/lib/esm/index.js +1 -2
- package/lib/esm/styles/index.scss.js +4 -6
- package/lib/esm/utils/index.js +153 -0
- package/lib/types/CheckTreeSelect.d.ts +29 -24
- package/lib/types/hooks/use-check.d.ts +11 -0
- package/lib/types/index.d.ts +1 -0
- package/lib/types/types.d.ts +36 -13
- package/lib/types/utils/index.d.ts +13 -0
- package/package.json +24 -21
- package/lib/cjs/CheckTreeSelect.js.map +0 -1
- package/lib/cjs/index.js.map +0 -1
- package/lib/cjs/styles/index.scss.js.map +0 -1
- package/lib/esm/CheckTreeSelect.js.map +0 -1
- package/lib/esm/index.js.map +0 -1
- package/lib/esm/styles/index.scss.js.map +0 -1
@@ -2,7 +2,7 @@
|
|
2
2
|
* @hi-ui/check-tree-select
|
3
3
|
* https://github.com/XiaoMi/hiui/tree/master/packages/ui/check-tree-select#readme
|
4
4
|
*
|
5
|
-
* Copyright (c)
|
5
|
+
* Copyright (c) HiUI <mi-hiui@xiaomi.com>.
|
6
6
|
*
|
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.
|
@@ -43,10 +43,14 @@ var tagInput = require('@hi-ui/tag-input');
|
|
43
43
|
|
44
44
|
var icons = require('@hi-ui/icons');
|
45
45
|
|
46
|
-
var
|
46
|
+
var core = require('@hi-ui/core');
|
47
|
+
|
48
|
+
var funcUtils = require('@hi-ui/func-utils');
|
47
49
|
|
48
50
|
var useSearchMode = require('@hi-ui/use-search-mode');
|
49
51
|
|
52
|
+
var useCheck = require('./hooks/use-check.js');
|
53
|
+
|
50
54
|
function _interopDefaultLegacy(e) {
|
51
55
|
return e && _typeof(e) === 'object' && 'default' in e ? e : {
|
52
56
|
'default': e
|
@@ -73,9 +77,13 @@ var CheckTreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
73
77
|
dataSource = _a.dataSource,
|
74
78
|
_a$disabled = _a.disabled,
|
75
79
|
disabled = _a$disabled === void 0 ? false : _a$disabled,
|
80
|
+
visible = _a.visible,
|
81
|
+
onOpen = _a.onOpen,
|
82
|
+
onClose = _a.onClose,
|
76
83
|
_a$fieldNames = _a.fieldNames,
|
77
84
|
fieldNames = _a$fieldNames === void 0 ? DEFAULT_FIELD_NAMES : _a$fieldNames,
|
78
|
-
checkedMode = _a.checkedMode,
|
85
|
+
_a$checkedMode = _a.checkedMode,
|
86
|
+
checkedMode = _a$checkedMode === void 0 ? 'ALL' : _a$checkedMode,
|
79
87
|
_a$defaultExpandAll = _a.defaultExpandAll,
|
80
88
|
defaultExpandAll = _a$defaultExpandAll === void 0 ? false : _a$defaultExpandAll,
|
81
89
|
expandedIdsProp = _a.expandedIds,
|
@@ -91,20 +99,28 @@ var CheckTreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
91
99
|
onLoadChildren = _a.onLoadChildren,
|
92
100
|
titleRender = _a.render,
|
93
101
|
filterOption = _a.filterOption,
|
102
|
+
onSearchProp = _a.onSearch,
|
94
103
|
clearable = _a.clearable,
|
95
104
|
invalid = _a.invalid,
|
96
105
|
displayRender = _a.displayRender,
|
97
106
|
placeholderProp = _a.placeholder,
|
98
107
|
appearance = _a.appearance,
|
99
|
-
|
108
|
+
virtual = _a.virtual,
|
109
|
+
itemHeight = _a.itemHeight,
|
110
|
+
height = _a.height,
|
111
|
+
rest = tslib.__rest(_a, ["prefixCls", "role", "className", "data", "dataSource", "disabled", "visible", "onOpen", "onClose", "fieldNames", "checkedMode", "defaultExpandAll", "expandedIds", "defaultExpandedIds", "onExpand", "defaultValue", "value", "onChange", "searchable", "searchMode", "onLoadChildren", "render", "filterOption", "onSearch", "clearable", "invalid", "displayRender", "placeholder", "appearance", "virtual", "itemHeight", "height"]);
|
100
112
|
|
101
|
-
var i18n =
|
113
|
+
var i18n = core.useLocaleContext();
|
102
114
|
var placeholder = typeAssertion.isUndef(placeholderProp) ? i18n.get('checkTreeSelect.placeholder') : placeholderProp;
|
103
115
|
|
104
|
-
var
|
105
|
-
|
106
|
-
|
107
|
-
|
116
|
+
var _useUncontrolledToggl = useToggle.useUncontrolledToggle({
|
117
|
+
visible: visible,
|
118
|
+
disabled: disabled,
|
119
|
+
onOpen: onOpen,
|
120
|
+
onClose: onClose
|
121
|
+
}),
|
122
|
+
menuVisible = _useUncontrolledToggl[0],
|
123
|
+
menuVisibleAction = _useUncontrolledToggl[1];
|
108
124
|
/**
|
109
125
|
* 转换对象
|
110
126
|
*/
|
@@ -114,11 +130,22 @@ var CheckTreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
114
130
|
return node[fieldNames[key] || key];
|
115
131
|
}, [fieldNames]);
|
116
132
|
var flattedData = React.useMemo(function () {
|
117
|
-
return treeUtils.
|
118
|
-
|
119
|
-
|
120
|
-
|
121
|
-
|
133
|
+
return treeUtils.baseFlattenTree({
|
134
|
+
tree: data,
|
135
|
+
childrenFieldName: function childrenFieldName(node) {
|
136
|
+
return getKeyFields(node, 'children');
|
137
|
+
},
|
138
|
+
transform: function transform(node) {
|
139
|
+
var _a, _b;
|
140
|
+
|
141
|
+
var flattedNode = node;
|
142
|
+
var raw = node.raw;
|
143
|
+
flattedNode.id = getKeyFields(raw, 'id');
|
144
|
+
flattedNode.title = getKeyFields(raw, 'title');
|
145
|
+
flattedNode.disabled = (_a = getKeyFields(raw, 'disabled')) !== null && _a !== void 0 ? _a : false;
|
146
|
+
flattedNode.isLeaf = (_b = getKeyFields(raw, 'isLeaf')) !== null && _b !== void 0 ? _b : false;
|
147
|
+
return flattedNode;
|
148
|
+
}
|
122
149
|
});
|
123
150
|
}, [data, getKeyFields]); // TODO: 抽离展开hook
|
124
151
|
// TODO: onLoadChildren 和 defaultExpandAll 共存时
|
@@ -136,34 +163,27 @@ var CheckTreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
136
163
|
expandedIds = _useUncontrolledState[0],
|
137
164
|
tryChangeExpandedIds = _useUncontrolledState[1];
|
138
165
|
|
139
|
-
var
|
140
|
-
value =
|
141
|
-
tryChangeValue =
|
142
|
-
|
143
|
-
|
144
|
-
|
145
|
-
|
146
|
-
|
147
|
-
|
148
|
-
|
149
|
-
|
150
|
-
|
151
|
-
|
152
|
-
|
153
|
-
|
154
|
-
|
155
|
-
|
156
|
-
|
157
|
-
|
158
|
-
|
159
|
-
|
160
|
-
return item.id !== targetNode.id;
|
161
|
-
});
|
162
|
-
}
|
163
|
-
|
164
|
-
return next;
|
165
|
-
});
|
166
|
-
}, [tryChangeValue]); // ************************** 异步搜索 ************************* //
|
166
|
+
var _useCheck = useCheck.useCheck(checkedMode, disabled, flattedData, defaultValue, valueProp, onChange),
|
167
|
+
value = _useCheck[0],
|
168
|
+
tryChangeValue = _useCheck[1],
|
169
|
+
onNodeCheck = _useCheck[2],
|
170
|
+
checkedNodes = _useCheck[3],
|
171
|
+
parsedCheckedIds = _useCheck[4];
|
172
|
+
|
173
|
+
var onCheck = React.useCallback(function (checkedIds, option) {
|
174
|
+
var targetNode = option.targetNode,
|
175
|
+
checked = option.checked;
|
176
|
+
onNodeCheck(targetNode, checked);
|
177
|
+
}, [onNodeCheck]);
|
178
|
+
var onValueChange = React.useCallback(function (values, targetItem, shouldChecked) {
|
179
|
+
// 清空
|
180
|
+
if (values.length === 0) {
|
181
|
+
tryChangeValue([], null, shouldChecked, []);
|
182
|
+
} else {
|
183
|
+
// 操作单个
|
184
|
+
onNodeCheck(targetItem[0], shouldChecked);
|
185
|
+
}
|
186
|
+
}, [tryChangeValue, onNodeCheck]); // ************************** 异步搜索 ************************* //
|
167
187
|
// const { loading, hasError, loadRemoteData } = useDataSource({ dataSource, validate: isArray })
|
168
188
|
|
169
189
|
var _b = useSearchMode.useAsyncSearch({
|
@@ -209,7 +229,7 @@ var CheckTreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
209
229
|
|
210
230
|
|
211
231
|
var highlight = !!searchValue && (searchMode === 'highlight' || searchMode === 'filter');
|
212
|
-
var ret = highlight ? /*#__PURE__*/React__default[
|
232
|
+
var ret = highlight ? /*#__PURE__*/React__default["default"].createElement(highlighter.Highlighter, {
|
213
233
|
keyword: searchValue
|
214
234
|
}, node.title) : true;
|
215
235
|
return ret;
|
@@ -229,9 +249,9 @@ var CheckTreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
229
249
|
}; // 下拉菜单不能合并(因为树形数据,不知道是第几级)
|
230
250
|
|
231
251
|
var mergedData = React.useMemo(function () {
|
232
|
-
var nextData =
|
252
|
+
var nextData = checkedNodes.concat(flattedData);
|
233
253
|
return arrayUtils.uniqBy(nextData, 'id');
|
234
|
-
}, [
|
254
|
+
}, [checkedNodes, flattedData]);
|
235
255
|
var cls = classname.cx(prefixCls, className); // 过滤掉未选中的数据
|
236
256
|
// const tagList = useMemo(() => {
|
237
257
|
// // @ts-ignore
|
@@ -240,7 +260,7 @@ var CheckTreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
240
260
|
// return flattedData.filter((item) => ids.includes(item.id))
|
241
261
|
// }, [value, flattedData])
|
242
262
|
|
243
|
-
return /*#__PURE__*/React__default[
|
263
|
+
return /*#__PURE__*/React__default["default"].createElement(picker.Picker, Object.assign({
|
244
264
|
ref: ref,
|
245
265
|
className: cls
|
246
266
|
}, rest, {
|
@@ -255,9 +275,9 @@ var CheckTreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
255
275
|
// onChange={tryChangeValue}
|
256
276
|
// data={mergedData}
|
257
277
|
searchable: searchable,
|
258
|
-
onSearch: onSearch,
|
278
|
+
onSearch: funcUtils.callAllFuncs(onSearchProp, onSearch),
|
259
279
|
loading: loading,
|
260
|
-
trigger: /*#__PURE__*/React__default[
|
280
|
+
trigger: /*#__PURE__*/React__default["default"].createElement(tagInput.TagInputMock // ref={targetElementRef}
|
261
281
|
// onClick={openMenu}
|
262
282
|
// disabled={disabled}
|
263
283
|
, {
|
@@ -268,26 +288,33 @@ var CheckTreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
268
288
|
placeholder: placeholder,
|
269
289
|
// @ts-ignore
|
270
290
|
displayRender: displayRender,
|
271
|
-
suffix: menuVisible ? /*#__PURE__*/React__default[
|
291
|
+
suffix: menuVisible ? /*#__PURE__*/React__default["default"].createElement(icons.UpOutlined, null) : /*#__PURE__*/React__default["default"].createElement(icons.DownOutlined, null),
|
272
292
|
focused: menuVisible,
|
273
293
|
appearance: appearance,
|
274
294
|
value: value,
|
275
|
-
onChange:
|
295
|
+
onChange: onValueChange,
|
276
296
|
data: mergedData,
|
277
297
|
// @ts-ignore
|
278
298
|
invalid: invalid
|
279
299
|
})
|
280
|
-
}), typeAssertion.isArrayNonEmpty(treeProps.data) ?
|
300
|
+
}), typeAssertion.isArrayNonEmpty(treeProps.data) ?
|
301
|
+
/*#__PURE__*/
|
302
|
+
// 只做渲染,不做逻辑处理(比如搜索过滤后,check操作的是对过滤后的data操作,这是不符合预期的)
|
303
|
+
React__default["default"].createElement(tree.Tree, Object.assign({
|
281
304
|
className: prefixCls + "__tree",
|
282
305
|
selectable: false,
|
283
306
|
checkable: true,
|
284
307
|
checkOnSelect: true,
|
285
|
-
checkedMode: checkedMode,
|
286
|
-
checkedIds:
|
287
|
-
onCheck:
|
308
|
+
checkedMode: checkedMode === 'SEPARATE' ? 'SEPARATE' : 'ALL',
|
309
|
+
checkedIds: parsedCheckedIds,
|
310
|
+
onCheck: onCheck,
|
288
311
|
// TODO: 支持 fieldNames
|
289
|
-
//
|
290
|
-
onLoadChildren: onLoadChildren
|
312
|
+
// @ts-ignore
|
313
|
+
onLoadChildren: onLoadChildren,
|
314
|
+
fieldNames: fieldNames,
|
315
|
+
virtual: virtual,
|
316
|
+
itemHeight: itemHeight,
|
317
|
+
height: height
|
291
318
|
}, treeProps)) : null);
|
292
319
|
});
|
293
320
|
|
@@ -349,4 +376,3 @@ var getSemiCheckedIdsWithSet = function getSemiCheckedIdsWithSet(flattedData, is
|
|
349
376
|
|
350
377
|
exports.CheckTreeSelect = CheckTreeSelect;
|
351
378
|
exports.getSemiCheckedIdsWithSet = getSemiCheckedIdsWithSet;
|
352
|
-
//# sourceMappingURL=CheckTreeSelect.js.map
|
@@ -0,0 +1,92 @@
|
|
1
|
+
/** @LICENSE
|
2
|
+
* @hi-ui/check-tree-select
|
3
|
+
* https://github.com/XiaoMi/hiui/tree/master/packages/ui/check-tree-select#readme
|
4
|
+
*
|
5
|
+
* Copyright (c) HiUI <mi-hiui@xiaomi.com>.
|
6
|
+
*
|
7
|
+
* This source code is licensed under the MIT license found in the
|
8
|
+
* LICENSE file in the root directory of this source tree.
|
9
|
+
*/
|
10
|
+
'use strict';
|
11
|
+
|
12
|
+
Object.defineProperty(exports, '__esModule', {
|
13
|
+
value: true
|
14
|
+
});
|
15
|
+
|
16
|
+
var React = require('react');
|
17
|
+
|
18
|
+
var useUncontrolledState = require('@hi-ui/use-uncontrolled-state');
|
19
|
+
|
20
|
+
var useCheck$1 = require('@hi-ui/use-check');
|
21
|
+
|
22
|
+
var index = require('../utils/index.js');
|
23
|
+
/**
|
24
|
+
* 用于 tree 组件复选的 hook
|
25
|
+
*/
|
26
|
+
|
27
|
+
|
28
|
+
var useCheck = function useCheck(checkedMode, disabled, flattedData, defaultCheckedIds, checkedIdsProp, onCheck) {
|
29
|
+
// 搜索时临时选中缓存数据
|
30
|
+
var _useState = React.useState([]),
|
31
|
+
checkedNodes = _useState[0],
|
32
|
+
setCheckedNodes = _useState[1];
|
33
|
+
|
34
|
+
var _useUncontrolledState = useUncontrolledState.useUncontrolledState(defaultCheckedIds, checkedIdsProp, function (checkedIds, checkedNode, checked, semiCheckedIds) {
|
35
|
+
var nextCheckedNodes = flattedData.filter(function (item) {
|
36
|
+
return checkedIds.includes(item.id);
|
37
|
+
});
|
38
|
+
setCheckedNodes(nextCheckedNodes);
|
39
|
+
onCheck === null || onCheck === void 0 ? void 0 : onCheck(checkedIds, {
|
40
|
+
checkedNodes: nextCheckedNodes.map(function (item) {
|
41
|
+
return item.raw;
|
42
|
+
}),
|
43
|
+
targetNode: checkedNode,
|
44
|
+
semiCheckedIds: semiCheckedIds,
|
45
|
+
checked: checked
|
46
|
+
});
|
47
|
+
}),
|
48
|
+
checkedIds = _useUncontrolledState[0],
|
49
|
+
trySetCheckedIds = _useUncontrolledState[1]; // 入口数据处理
|
50
|
+
|
51
|
+
|
52
|
+
var parsedCheckedIds = React.useMemo(function () {
|
53
|
+
return index.parseCheckDataDirty(checkedMode, checkedIds, flattedData, allowCheck);
|
54
|
+
}, [checkedMode, checkedIds, flattedData]);
|
55
|
+
var cascaded = checkedMode !== 'SEPARATE';
|
56
|
+
|
57
|
+
var _useCascadeCheck = useCheck$1.useCascadeCheck({
|
58
|
+
cascaded: cascaded,
|
59
|
+
disabled: disabled,
|
60
|
+
flattedData: flattedData,
|
61
|
+
checkedIds: parsedCheckedIds,
|
62
|
+
onCheck: function onCheck(checkedIds, checkedNode, checked, semiCheckedIds) {
|
63
|
+
// 出口数据处理
|
64
|
+
var processedIds = index.processCheckedIds(checkedMode, checkedIds, flattedData, allowCheck);
|
65
|
+
trySetCheckedIds(processedIds, checkedNode, checked, semiCheckedIds);
|
66
|
+
},
|
67
|
+
allowCheck: allowCheck
|
68
|
+
}),
|
69
|
+
onNodeCheck = _useCascadeCheck[0];
|
70
|
+
|
71
|
+
var proxyOnNodeCheck = React.useCallback(function (target, shouldChecked) {
|
72
|
+
// 保证 target 来源于原数据自身,而不是tree内部
|
73
|
+
var targetNode = flattedData.find(function (item) {
|
74
|
+
return item.id === target.id;
|
75
|
+
});
|
76
|
+
|
77
|
+
if (targetNode) {
|
78
|
+
onNodeCheck(targetNode, shouldChecked);
|
79
|
+
}
|
80
|
+
}, [onNodeCheck, flattedData]);
|
81
|
+
return [checkedIds, trySetCheckedIds, proxyOnNodeCheck, checkedNodes, parsedCheckedIds];
|
82
|
+
};
|
83
|
+
|
84
|
+
var allowCheck = function allowCheck(targetItem) {
|
85
|
+
if (targetItem.disabled) {
|
86
|
+
return false;
|
87
|
+
}
|
88
|
+
|
89
|
+
return true;
|
90
|
+
};
|
91
|
+
|
92
|
+
exports.useCheck = useCheck;
|
package/lib/cjs/index.js
CHANGED
@@ -2,7 +2,7 @@
|
|
2
2
|
* @hi-ui/check-tree-select
|
3
3
|
* https://github.com/XiaoMi/hiui/tree/master/packages/ui/check-tree-select#readme
|
4
4
|
*
|
5
|
-
* Copyright (c)
|
5
|
+
* Copyright (c) HiUI <mi-hiui@xiaomi.com>.
|
6
6
|
*
|
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.
|
@@ -20,4 +20,3 @@ var CheckTreeSelect = require('./CheckTreeSelect.js');
|
|
20
20
|
exports.CheckTreeSelect = CheckTreeSelect.CheckTreeSelect;
|
21
21
|
exports["default"] = CheckTreeSelect.CheckTreeSelect;
|
22
22
|
exports.getSemiCheckedIdsWithSet = CheckTreeSelect.getSemiCheckedIdsWithSet;
|
23
|
-
//# sourceMappingURL=index.js.map
|
@@ -2,7 +2,7 @@
|
|
2
2
|
* @hi-ui/check-tree-select
|
3
3
|
* https://github.com/XiaoMi/hiui/tree/master/packages/ui/check-tree-select#readme
|
4
4
|
*
|
5
|
-
* Copyright (c)
|
5
|
+
* Copyright (c) HiUI <mi-hiui@xiaomi.com>.
|
6
6
|
*
|
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.
|
@@ -12,11 +12,10 @@
|
|
12
12
|
Object.defineProperty(exports, '__esModule', {
|
13
13
|
value: true
|
14
14
|
});
|
15
|
-
var css_248z = "
|
15
|
+
var css_248z = "";
|
16
16
|
|
17
|
-
var __styleInject__ = require('
|
17
|
+
var __styleInject__ = require('inject-head-style')["default"];
|
18
18
|
|
19
19
|
__styleInject__(css_248z);
|
20
20
|
|
21
21
|
exports["default"] = css_248z;
|
22
|
-
//# sourceMappingURL=index.scss.js.map
|
@@ -0,0 +1,162 @@
|
|
1
|
+
/** @LICENSE
|
2
|
+
* @hi-ui/check-tree-select
|
3
|
+
* https://github.com/XiaoMi/hiui/tree/master/packages/ui/check-tree-select#readme
|
4
|
+
*
|
5
|
+
* Copyright (c) HiUI <mi-hiui@xiaomi.com>.
|
6
|
+
*
|
7
|
+
* This source code is licensed under the MIT license found in the
|
8
|
+
* LICENSE file in the root directory of this source tree.
|
9
|
+
*/
|
10
|
+
'use strict';
|
11
|
+
|
12
|
+
Object.defineProperty(exports, '__esModule', {
|
13
|
+
value: true
|
14
|
+
});
|
15
|
+
|
16
|
+
var treeUtils = require('@hi-ui/tree-utils');
|
17
|
+
|
18
|
+
var typeAssertion = require('@hi-ui/type-assertion');
|
19
|
+
/**
|
20
|
+
* 处理选中的回显数据
|
21
|
+
*
|
22
|
+
* @param checkedIds 当前所有被选中的节点 ID 集合
|
23
|
+
* @param nodeEntries 所有数据的Map 集合
|
24
|
+
* @param type 数据回显方式
|
25
|
+
*/
|
26
|
+
|
27
|
+
|
28
|
+
var processCheckedIds = function processCheckedIds(type, checkedIds, flattenData, allowCheck) {
|
29
|
+
var keySet = new Set(checkedIds);
|
30
|
+
|
31
|
+
switch (type) {
|
32
|
+
case 'CHILD':
|
33
|
+
return checkedIds.filter(function (id) {
|
34
|
+
var node = treeUtils.fFindNodeById(flattenData, id);
|
35
|
+
|
36
|
+
if (node) {
|
37
|
+
var children = node.children;
|
38
|
+
|
39
|
+
if (typeAssertion.isArrayNonEmpty(children)) {
|
40
|
+
if (children.filter(allowCheck).every(function (node) {
|
41
|
+
return keySet.has(node.id);
|
42
|
+
})) {
|
43
|
+
return false;
|
44
|
+
}
|
45
|
+
}
|
46
|
+
} // 没有孩子节点,保留
|
47
|
+
|
48
|
+
|
49
|
+
return true;
|
50
|
+
});
|
51
|
+
|
52
|
+
case 'PARENT':
|
53
|
+
return checkedIds.filter(function (id) {
|
54
|
+
var node = treeUtils.fFindNodeById(flattenData, id);
|
55
|
+
|
56
|
+
if (node) {
|
57
|
+
// 向上递归遍历是否被勾选
|
58
|
+
var ancestors = treeUtils.getNodeAncestors(node);
|
59
|
+
|
60
|
+
if (ancestors.some(function (parent) {
|
61
|
+
return keySet.has(parent.id);
|
62
|
+
})) {
|
63
|
+
return false;
|
64
|
+
}
|
65
|
+
}
|
66
|
+
|
67
|
+
return true;
|
68
|
+
});
|
69
|
+
}
|
70
|
+
|
71
|
+
return checkedIds;
|
72
|
+
};
|
73
|
+
/**
|
74
|
+
* 根据传入的 checkedIds 解析全选/半选数据
|
75
|
+
*/
|
76
|
+
|
77
|
+
|
78
|
+
var parseCheckDataDirty = function parseCheckDataDirty(type, checkedIds, flattenData, allowCheck) {
|
79
|
+
switch (type) {
|
80
|
+
case 'CHILD':
|
81
|
+
case 'PARENT':
|
82
|
+
return dirtyCheck(checkedIds, flattenData, allowCheck);
|
83
|
+
}
|
84
|
+
|
85
|
+
return checkedIds;
|
86
|
+
};
|
87
|
+
|
88
|
+
function dirtyCheck(checkedIds, flattenData, allowCheck) {
|
89
|
+
var nodeEntities = flattenData.reduce(function (prev, cur) {
|
90
|
+
prev[cur.id] = cur;
|
91
|
+
return prev;
|
92
|
+
}, {});
|
93
|
+
var checkedIdsSet = new Set(checkedIds.filter(function (id) {
|
94
|
+
return !!nodeEntities[id];
|
95
|
+
}));
|
96
|
+
var depthEntities = new Map();
|
97
|
+
var maxDepth = 0; // Convert entities by depth for calculation
|
98
|
+
|
99
|
+
Object.keys(nodeEntities).forEach(function (id) {
|
100
|
+
var entity = nodeEntities[id];
|
101
|
+
var depth = entity.depth;
|
102
|
+
var depthSet = depthEntities.get(depth);
|
103
|
+
|
104
|
+
if (!depthSet) {
|
105
|
+
depthSet = new Set();
|
106
|
+
depthEntities.set(depth, depthSet);
|
107
|
+
}
|
108
|
+
|
109
|
+
depthSet.add(entity);
|
110
|
+
maxDepth = Math.max(maxDepth, depth);
|
111
|
+
});
|
112
|
+
return fillCheck(checkedIdsSet, depthEntities, nodeEntities, maxDepth, allowCheck);
|
113
|
+
}
|
114
|
+
/**
|
115
|
+
* 对 checkedIds 级联遗漏选项 id 填充
|
116
|
+
*
|
117
|
+
* 1. 把所有嵌套孩子节点 allowCheck 的都标记为 checked
|
118
|
+
* 2. 祖先节点从下至上维护 checked 状态
|
119
|
+
*/
|
120
|
+
|
121
|
+
|
122
|
+
function fillCheck(checkedIds, depthEntities, nodeEntities, maxDepth, allowCheck) {
|
123
|
+
var checkedIdsSet = new Set(checkedIds);
|
124
|
+
checkedIdsSet.forEach(function (id) {
|
125
|
+
var checkedNode = nodeEntities[id];
|
126
|
+
var nestedChildren = treeUtils.findNestedChildren(checkedNode, allowCheck);
|
127
|
+
nestedChildren.forEach(function (child) {
|
128
|
+
checkedIdsSet.add(child.id);
|
129
|
+
});
|
130
|
+
}); // 缓存中间结果,优化查询
|
131
|
+
|
132
|
+
var visitedIds = new Map();
|
133
|
+
|
134
|
+
for (var depth = maxDepth - 1; depth >= 0; --depth) {
|
135
|
+
var entities = depthEntities.get(depth);
|
136
|
+
entities === null || entities === void 0 ? void 0 : entities.forEach(function (entity) {
|
137
|
+
var id = entity.id,
|
138
|
+
children = entity.children;
|
139
|
+
if (visitedIds.has(id)) return;
|
140
|
+
|
141
|
+
if (typeAssertion.isArrayNonEmpty(children)) {
|
142
|
+
var shouldChecked = !children.some(function (child) {
|
143
|
+
if (visitedIds.has(child.id)) {
|
144
|
+
return !visitedIds.get(child.id);
|
145
|
+
}
|
146
|
+
|
147
|
+
return !checkedIdsSet.has(child.id);
|
148
|
+
});
|
149
|
+
visitedIds.set(id, shouldChecked);
|
150
|
+
|
151
|
+
if (shouldChecked && allowCheck(entity)) {
|
152
|
+
checkedIdsSet.add(id);
|
153
|
+
}
|
154
|
+
}
|
155
|
+
});
|
156
|
+
}
|
157
|
+
|
158
|
+
return Array.from(checkedIdsSet);
|
159
|
+
}
|
160
|
+
|
161
|
+
exports.parseCheckDataDirty = parseCheckDataDirty;
|
162
|
+
exports.processCheckedIds = processCheckedIds;
|