@hi-ui/check-cascader 4.2.1 → 4.2.3
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/CHANGELOG.md +41 -0
- package/lib/cjs/CheckCascader.js +73 -123
- package/lib/cjs/CheckCascaderMenu.js +33 -69
- package/lib/cjs/CheckCascaderMenuList.js +43 -78
- package/lib/cjs/context.js +0 -9
- package/lib/cjs/hooks/use-async-switch.js +10 -50
- package/lib/cjs/hooks/use-cache/lib/esm/index.js +3 -10
- package/lib/cjs/hooks/use-check.js +9 -22
- package/lib/cjs/hooks/use-select.js +3 -10
- package/lib/cjs/icons/index.js +3 -20
- package/lib/cjs/index.js +0 -3
- package/lib/cjs/styles/index.scss.js +1 -4
- package/lib/cjs/utils/index.js +8 -49
- package/lib/esm/CheckCascader.js +65 -84
- package/lib/esm/CheckCascaderMenu.js +23 -36
- package/lib/esm/CheckCascaderMenuList.js +40 -49
- package/lib/esm/context.js +0 -4
- package/lib/esm/hooks/use-async-switch.js +6 -28
- package/lib/esm/hooks/use-cache/lib/esm/index.js +3 -5
- package/lib/esm/hooks/use-check.js +10 -16
- package/lib/esm/hooks/use-select.js +3 -5
- package/lib/esm/styles/index.scss.js +1 -3
- package/lib/esm/utils/index.js +8 -43
- package/package.json +26 -26
package/CHANGELOG.md
CHANGED
@@ -1,5 +1,46 @@
|
|
1
1
|
# @hi-ui/check-cascader
|
2
2
|
|
3
|
+
## 4.2.3
|
4
|
+
|
5
|
+
### Patch Changes
|
6
|
+
|
7
|
+
- [#2672](https://github.com/XiaoMi/hiui/pull/2672) [`1ebe27830`](https://github.com/XiaoMi/hiui/commit/1ebe2783098b3a8cd980bd10076d67635463800e) Thanks [@zyprepare](https://github.com/zyprepare)! - build: 升级到 rollup3,重新构建发布组件
|
8
|
+
|
9
|
+
- Updated dependencies [[`1ebe27830`](https://github.com/XiaoMi/hiui/commit/1ebe2783098b3a8cd980bd10076d67635463800e)]:
|
10
|
+
- @hi-ui/core@4.0.6
|
11
|
+
- @hi-ui/use-check@4.0.3
|
12
|
+
- @hi-ui/use-data-source@4.0.2
|
13
|
+
- @hi-ui/use-latest@4.0.2
|
14
|
+
- @hi-ui/use-merge-refs@4.0.2
|
15
|
+
- @hi-ui/use-outside-click@4.0.2
|
16
|
+
- @hi-ui/use-search-mode@4.1.2
|
17
|
+
- @hi-ui/use-toggle@4.0.2
|
18
|
+
- @hi-ui/use-uncontrolled-state@4.0.2
|
19
|
+
- @hi-ui/icons@4.0.16
|
20
|
+
- @hi-ui/checkbox@4.0.6
|
21
|
+
- @hi-ui/input@4.0.11
|
22
|
+
- @hi-ui/picker@4.1.2
|
23
|
+
- @hi-ui/popper@4.1.1
|
24
|
+
- @hi-ui/spinner@4.0.6
|
25
|
+
- @hi-ui/tag-input@4.0.8
|
26
|
+
- @hi-ui/array-utils@4.0.2
|
27
|
+
- @hi-ui/classname@4.0.2
|
28
|
+
- @hi-ui/env@4.0.2
|
29
|
+
- @hi-ui/func-utils@4.0.2
|
30
|
+
- @hi-ui/times@4.0.2
|
31
|
+
- @hi-ui/tree-utils@4.1.2
|
32
|
+
- @hi-ui/type-assertion@4.0.2
|
33
|
+
|
34
|
+
## 4.2.2
|
35
|
+
|
36
|
+
### Patch Changes
|
37
|
+
|
38
|
+
- [#2653](https://github.com/XiaoMi/hiui/pull/2653) [`b477d91db`](https://github.com/XiaoMi/hiui/commit/b477d91db15bbc92c8712a9a771af5b332779315) Thanks [@zyprepare](https://github.com/zyprepare)! - chore: 更新使用到的 G40 颜色值
|
39
|
+
|
40
|
+
- Updated dependencies [[`b477d91db`](https://github.com/XiaoMi/hiui/commit/b477d91db15bbc92c8712a9a771af5b332779315)]:
|
41
|
+
- @hi-ui/input@4.0.10
|
42
|
+
- @hi-ui/tag-input@4.0.7
|
43
|
+
|
3
44
|
## 4.2.1
|
4
45
|
|
5
46
|
### Patch Changes
|
package/lib/cjs/CheckCascader.js
CHANGED
@@ -9,158 +9,114 @@
|
|
9
9
|
*/
|
10
10
|
'use strict';
|
11
11
|
|
12
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
13
|
-
|
14
|
-
Object.defineProperty(exports, '__esModule', {
|
15
|
-
value: true
|
16
|
-
});
|
17
|
-
|
18
12
|
var tslib = require('tslib');
|
19
|
-
|
20
13
|
var React = require('react');
|
21
|
-
|
22
14
|
var classname = require('@hi-ui/classname');
|
23
|
-
|
24
15
|
var env = require('@hi-ui/env');
|
25
|
-
|
26
16
|
var useToggle = require('@hi-ui/use-toggle');
|
27
|
-
|
28
17
|
var useUncontrolledState = require('@hi-ui/use-uncontrolled-state');
|
29
|
-
|
30
18
|
var icons = require('@hi-ui/icons');
|
31
|
-
|
32
19
|
var index = require('./hooks/use-cache/lib/esm/index.js');
|
33
|
-
|
34
20
|
var picker = require('@hi-ui/picker');
|
35
|
-
|
36
21
|
var tagInput = require('@hi-ui/tag-input');
|
37
|
-
|
38
22
|
var CheckCascaderMenuList = require('./CheckCascaderMenuList.js');
|
39
|
-
|
40
23
|
var useSearchMode = require('@hi-ui/use-search-mode');
|
41
|
-
|
42
24
|
var index$1 = require('./utils/index.js');
|
43
|
-
|
44
25
|
var treeUtils = require('@hi-ui/tree-utils');
|
45
|
-
|
46
26
|
var useLatest = require('@hi-ui/use-latest');
|
47
|
-
|
48
27
|
var typeAssertion = require('@hi-ui/type-assertion');
|
49
|
-
|
50
28
|
var core = require('@hi-ui/core');
|
51
|
-
|
52
29
|
var funcUtils = require('@hi-ui/func-utils');
|
53
|
-
|
54
|
-
function _interopDefaultLegacy(e) {
|
55
|
-
return e && _typeof(e) === 'object' && 'default' in e ? e : {
|
56
|
-
'default': e
|
57
|
-
};
|
58
|
-
}
|
59
|
-
|
60
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
61
|
-
|
62
30
|
var _prefix = classname.getPrefixCls('check-cascader');
|
63
|
-
|
64
31
|
var NOOP_ARRAY = [];
|
65
32
|
/**
|
66
33
|
* 多项级联选择器
|
67
34
|
*/
|
68
|
-
|
69
35
|
var CheckCascader = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
70
36
|
var _a$prefixCls = _a.prefixCls,
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
|
108
|
-
|
37
|
+
prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
|
38
|
+
className = _a.className,
|
39
|
+
_a$defaultValue = _a.defaultValue,
|
40
|
+
defaultValue = _a$defaultValue === void 0 ? NOOP_ARRAY : _a$defaultValue,
|
41
|
+
valueProp = _a.value,
|
42
|
+
onChange = _a.onChange,
|
43
|
+
_a$data = _a.data,
|
44
|
+
data = _a$data === void 0 ? NOOP_ARRAY : _a$data,
|
45
|
+
placeholderProp = _a.placeholder,
|
46
|
+
clearable = _a.clearable,
|
47
|
+
onSelect = _a.onSelect,
|
48
|
+
expandTrigger = _a.expandTrigger,
|
49
|
+
_a$disabled = _a.disabled,
|
50
|
+
disabled = _a$disabled === void 0 ? false : _a$disabled,
|
51
|
+
changeOnSelect = _a.changeOnSelect,
|
52
|
+
titleRender = _a.render,
|
53
|
+
displayRender = _a.displayRender,
|
54
|
+
checkCascaded = _a.checkCascaded,
|
55
|
+
onLoadChildren = _a.onLoadChildren,
|
56
|
+
appearance = _a.appearance,
|
57
|
+
invalid = _a.invalid,
|
58
|
+
filterOption = _a.filterOption,
|
59
|
+
searchableProp = _a.searchable,
|
60
|
+
onSearchProp = _a.onSearch,
|
61
|
+
overlayClassName = _a.overlayClassName,
|
62
|
+
_a$type = _a.type,
|
63
|
+
type = _a$type === void 0 ? 'tree' : _a$type,
|
64
|
+
checkedMode = _a.checkedMode,
|
65
|
+
visible = _a.visible,
|
66
|
+
onOpen = _a.onOpen,
|
67
|
+
onClose = _a.onClose,
|
68
|
+
tagInputProps = _a.tagInputProps,
|
69
|
+
_a$size = _a.size,
|
70
|
+
size = _a$size === void 0 ? 'md' : _a$size,
|
71
|
+
renderExtraFooter = _a.renderExtraFooter,
|
72
|
+
dropdownColumnRender = _a.dropdownColumnRender,
|
73
|
+
rest = tslib.__rest(_a, ["prefixCls", "className", "defaultValue", "value", "onChange", "data", "placeholder", "clearable", "onSelect", "expandTrigger", "disabled", "emptyContent", "changeOnSelect", "render", "displayRender", "checkCascaded", "searchPlaceholder", "onLoadChildren", "appearance", "invalid", "filterOption", "searchable", "onSearch", "overlayClassName", "type", "checkedMode", "visible", "onOpen", "onClose", "tagInputProps", "size", "renderExtraFooter", "dropdownColumnRender"]);
|
109
74
|
var i18n = core.useLocaleContext();
|
110
75
|
var placeholder = typeAssertion.isUndef(placeholderProp) ? i18n.get('checkCascader.placeholder') : placeholderProp;
|
111
76
|
var flatted = type === 'flatted';
|
112
|
-
|
113
77
|
var _useUncontrolledToggl = useToggle.useUncontrolledToggle({
|
114
|
-
|
115
|
-
|
116
|
-
|
117
|
-
|
118
|
-
|
119
|
-
|
120
|
-
|
121
|
-
|
78
|
+
visible: visible,
|
79
|
+
disabled: disabled,
|
80
|
+
onOpen: onOpen,
|
81
|
+
onClose: onClose
|
82
|
+
}),
|
83
|
+
menuVisible = _useUncontrolledToggl[0],
|
84
|
+
menuVisibleAction = _useUncontrolledToggl[1];
|
122
85
|
var _useCache = index.useCache(data),
|
123
|
-
|
124
|
-
|
125
|
-
|
86
|
+
cascaderData = _useCache[0],
|
87
|
+
setCascaderData = _useCache[1];
|
126
88
|
var flattedData = React.useMemo(function () {
|
127
89
|
return index$1.flattenTreeData(cascaderData);
|
128
90
|
}, [cascaderData]);
|
129
|
-
|
130
91
|
var _useUncontrolledState = useUncontrolledState.useUncontrolledState(defaultValue, valueProp, onChange),
|
131
|
-
|
132
|
-
|
133
|
-
|
134
|
-
|
92
|
+
_value = _useUncontrolledState[0],
|
93
|
+
tryChangeValue = _useUncontrolledState[1];
|
94
|
+
// 内部实现使用尾部 id
|
135
95
|
var value = _value.map(function (path) {
|
136
96
|
return path[path.length - 1];
|
137
97
|
});
|
138
|
-
|
139
98
|
var proxyOnChange = useLatest.useLatestCallback(function (value, item, shouldChecked) {
|
140
99
|
var flattedItems = flattedData;
|
141
100
|
var itemsPaths = value.map(function (lastId) {
|
142
101
|
var item = flattedItems.find(function (item) {
|
143
102
|
return item.id === lastId;
|
144
103
|
});
|
145
|
-
|
146
104
|
if (item) {
|
147
105
|
return treeUtils.getTopDownAncestors(item).map(function (_ref) {
|
148
106
|
var id = _ref.id;
|
149
107
|
return id;
|
150
108
|
});
|
151
|
-
}
|
152
|
-
|
153
|
-
|
109
|
+
}
|
110
|
+
// 对于传入的数据未匹配到,保持不变吐出去
|
154
111
|
var idPaths = _value.find(function (item) {
|
155
112
|
return item[item.length - 1] === lastId;
|
156
113
|
});
|
157
|
-
|
158
114
|
return idPaths || [lastId];
|
159
115
|
});
|
160
116
|
tryChangeValue(itemsPaths);
|
161
|
-
});
|
117
|
+
});
|
118
|
+
// ************************** 搜索 ************************* //
|
162
119
|
// 无法做异步搜索,因为下拉菜单不能合并(因为树形数据,不知道是第几级)
|
163
|
-
|
164
120
|
var customSearchStrategy = useSearchMode.useTreeCustomSearch({
|
165
121
|
data: flattedData,
|
166
122
|
filterOption: filterOption
|
@@ -173,34 +129,30 @@ var CheckCascader = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
173
129
|
return !node.checkable;
|
174
130
|
}
|
175
131
|
});
|
176
|
-
|
177
132
|
var _useSearchMode = useSearchMode.useSearchMode({
|
178
|
-
|
179
|
-
|
180
|
-
|
181
|
-
|
182
|
-
|
183
|
-
|
184
|
-
|
185
|
-
|
186
|
-
|
187
|
-
|
133
|
+
searchable: searchableProp,
|
134
|
+
strategies: [customSearchStrategy, upMatchSearchStrategy]
|
135
|
+
}),
|
136
|
+
stateInSearch = _useSearchMode.state,
|
137
|
+
searchable = _useSearchMode.searchable,
|
138
|
+
searchMode = _useSearchMode.searchMode,
|
139
|
+
onSearch = _useSearchMode.onSearch,
|
140
|
+
searchValue = _useSearchMode.keyword;
|
141
|
+
// 拦截 titleRender,自定义高亮展示
|
188
142
|
var proxyTitleRender = React.useCallback(function (node) {
|
189
143
|
if (titleRender) {
|
190
144
|
var _ret = titleRender(node);
|
191
|
-
|
192
145
|
if (_ret && _ret !== true) return _ret;
|
193
|
-
}
|
194
|
-
|
195
|
-
|
146
|
+
}
|
147
|
+
// 本地搜索执行默认高亮规则
|
196
148
|
var highlight = !!searchValue && searchMode === 'upMatch';
|
197
149
|
var found = false;
|
198
|
-
var ret = highlight ? /*#__PURE__*/
|
150
|
+
var ret = highlight ? /*#__PURE__*/React.createElement("span", {
|
199
151
|
className: classname.cx("title__text", "title__text--cols")
|
200
152
|
}, treeUtils.getNodeAncestorsWithMe(node).map(function (item) {
|
201
153
|
var title = item.title,
|
202
|
-
|
203
|
-
var raw = /*#__PURE__*/
|
154
|
+
id = item.id;
|
155
|
+
var raw = /*#__PURE__*/React.createElement("span", {
|
204
156
|
className: "title__text--col",
|
205
157
|
key: id
|
206
158
|
}, title);
|
@@ -213,10 +165,10 @@ var CheckCascader = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
213
165
|
var beforeStr = title.substr(0, index);
|
214
166
|
var resultStr = title.substr(index, searchValue.length);
|
215
167
|
var afterStr = title.substr(index + resultLength);
|
216
|
-
return /*#__PURE__*/
|
168
|
+
return /*#__PURE__*/React.createElement("span", {
|
217
169
|
className: "title__text--col",
|
218
170
|
key: id
|
219
|
-
}, beforeStr, /*#__PURE__*/
|
171
|
+
}, beforeStr, /*#__PURE__*/React.createElement("span", {
|
220
172
|
className: "title__text--matched"
|
221
173
|
}, resultStr), afterStr);
|
222
174
|
}).reverse()) : true;
|
@@ -228,7 +180,7 @@ var CheckCascader = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
228
180
|
titleRender: proxyTitleRender
|
229
181
|
};
|
230
182
|
var cls = classname.cx(prefixCls, className, prefixCls + "--" + (menuVisible ? 'open' : 'closed'));
|
231
|
-
return /*#__PURE__*/
|
183
|
+
return /*#__PURE__*/React.createElement(picker.Picker, Object.assign({
|
232
184
|
ref: ref,
|
233
185
|
className: cls,
|
234
186
|
overlayClassName: classname.cx(prefixCls + "__popper", overlayClassName)
|
@@ -248,13 +200,13 @@ var CheckCascader = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
248
200
|
scrollable: false,
|
249
201
|
footer: typeAssertion.isFunction(renderExtraFooter) && renderExtraFooter(),
|
250
202
|
onSearch: funcUtils.callAllFuncs(onSearchProp, onSearch),
|
251
|
-
trigger: /*#__PURE__*/
|
203
|
+
trigger: /*#__PURE__*/React.createElement(tagInput.TagInputMock, Object.assign({}, tagInputProps, {
|
252
204
|
size: size,
|
253
205
|
clearable: clearable,
|
254
206
|
placeholder: placeholder,
|
255
207
|
// @ts-ignore
|
256
208
|
displayRender: displayRender,
|
257
|
-
suffix: menuVisible ? /*#__PURE__*/
|
209
|
+
suffix: menuVisible ? /*#__PURE__*/React.createElement(icons.UpOutlined, null) : /*#__PURE__*/React.createElement(icons.DownOutlined, null),
|
258
210
|
focused: menuVisible,
|
259
211
|
appearance: appearance,
|
260
212
|
value: value,
|
@@ -263,7 +215,7 @@ var CheckCascader = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
263
215
|
data: flattedData,
|
264
216
|
invalid: invalid
|
265
217
|
}))
|
266
|
-
}), typeAssertion.isArrayNonEmpty(selectProps.data) ? /*#__PURE__*/
|
218
|
+
}), typeAssertion.isArrayNonEmpty(selectProps.data) ? /*#__PURE__*/React.createElement(CheckCascaderMenuList.CheckCascaderMenuList, {
|
267
219
|
disabled: disabled,
|
268
220
|
value: value,
|
269
221
|
// @ts-ignore
|
@@ -283,9 +235,7 @@ var CheckCascader = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
283
235
|
dropdownColumnRender: dropdownColumnRender
|
284
236
|
}) : null);
|
285
237
|
});
|
286
|
-
|
287
238
|
if (env.__DEV__) {
|
288
239
|
CheckCascader.displayName = 'CheckCascader';
|
289
240
|
}
|
290
|
-
|
291
241
|
exports.CheckCascader = CheckCascader;
|
@@ -9,79 +9,50 @@
|
|
9
9
|
*/
|
10
10
|
'use strict';
|
11
11
|
|
12
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
13
|
-
|
14
|
-
Object.defineProperty(exports, '__esModule', {
|
15
|
-
value: true
|
16
|
-
});
|
17
|
-
|
18
12
|
var React = require('react');
|
19
|
-
|
20
13
|
var classname = require('@hi-ui/classname');
|
21
|
-
|
22
14
|
var index$1 = require('./icons/index.js');
|
23
|
-
|
24
15
|
var Checkbox = require('@hi-ui/checkbox');
|
25
|
-
|
26
16
|
var context = require('./context.js');
|
27
|
-
|
28
17
|
var index = require('./utils/index.js');
|
29
|
-
|
30
18
|
var treeUtils = require('@hi-ui/tree-utils');
|
31
|
-
|
32
|
-
function _interopDefaultLegacy(e) {
|
33
|
-
return e && _typeof(e) === 'object' && 'default' in e ? e : {
|
34
|
-
'default': e
|
35
|
-
};
|
36
|
-
}
|
37
|
-
|
38
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
39
|
-
|
40
|
-
var Checkbox__default = /*#__PURE__*/_interopDefaultLegacy(Checkbox);
|
41
|
-
|
42
19
|
var _role = 'check-cascader-menu';
|
43
|
-
|
44
20
|
var _prefix = classname.getPrefixCls(_role);
|
45
|
-
|
46
21
|
var CheckCascaderMenu = function CheckCascaderMenu(_ref) {
|
47
22
|
var _ref$prefixCls = _ref.prefixCls,
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
23
|
+
prefixCls = _ref$prefixCls === void 0 ? _prefix : _ref$prefixCls,
|
24
|
+
_ref$role = _ref.role,
|
25
|
+
role = _ref$role === void 0 ? _role : _ref$role,
|
26
|
+
className = _ref.className,
|
27
|
+
style = _ref.style,
|
28
|
+
menu = _ref.data,
|
29
|
+
getCascaderItemRequiredProps = _ref.getCascaderItemRequiredProps;
|
56
30
|
var _useCheckCascaderCont = context.useCheckCascaderContext(),
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
31
|
+
_useCheckCascaderCont2 = _useCheckCascaderCont.flatted,
|
32
|
+
flatted = _useCheckCascaderCont2 === void 0 ? false : _useCheckCascaderCont2,
|
33
|
+
_useCheckCascaderCont3 = _useCheckCascaderCont.changeOnSelect,
|
34
|
+
changeOnSelect = _useCheckCascaderCont3 === void 0 ? false : _useCheckCascaderCont3,
|
35
|
+
_useCheckCascaderCont4 = _useCheckCascaderCont.disabled,
|
36
|
+
disabledContext = _useCheckCascaderCont4 === void 0 ? false : _useCheckCascaderCont4,
|
37
|
+
onLoadChildren = _useCheckCascaderCont.onLoadChildren,
|
38
|
+
expandTrigger = _useCheckCascaderCont.expandTrigger,
|
39
|
+
onCheck = _useCheckCascaderCont.onCheck,
|
40
|
+
onSelect = _useCheckCascaderCont.onSelect,
|
41
|
+
titleRender = _useCheckCascaderCont.titleRender;
|
69
42
|
var renderTitle = React.useCallback(function (option) {
|
70
43
|
// 如果 titleRender 返回 `true`,则使用默认 title
|
71
44
|
var title = titleRender ? titleRender(option) : true;
|
72
|
-
|
73
45
|
if (title !== true) {
|
74
46
|
return title;
|
75
47
|
}
|
76
|
-
|
77
|
-
return flatted ? /*#__PURE__*/React__default["default"].createElement("span", {
|
48
|
+
return flatted ? /*#__PURE__*/React.createElement("span", {
|
78
49
|
className: classname.cx("title__text", "title__text--cols")
|
79
50
|
}, treeUtils.getNodeAncestorsWithMe(option).reverse().map(function (item, index) {
|
80
|
-
return /*#__PURE__*/
|
51
|
+
return /*#__PURE__*/React.createElement("span", {
|
81
52
|
className: "title__text--col",
|
82
53
|
key: item.id
|
83
54
|
}, item.title);
|
84
|
-
})) : /*#__PURE__*/
|
55
|
+
})) : /*#__PURE__*/React.createElement("span", {
|
85
56
|
className: "title__text"
|
86
57
|
}, option.title);
|
87
58
|
}, [titleRender, flatted]);
|
@@ -90,33 +61,32 @@ var CheckCascaderMenu = function CheckCascaderMenu(_ref) {
|
|
90
61
|
return checkable;
|
91
62
|
});
|
92
63
|
var cls = classname.cx(prefixCls, className, isCheckableMenu && prefixCls + "--checkable");
|
93
|
-
return /*#__PURE__*/
|
64
|
+
return /*#__PURE__*/React.createElement("ul", {
|
94
65
|
className: cls,
|
95
66
|
style: style,
|
96
67
|
role: role
|
97
68
|
}, menu.map(function (option) {
|
98
69
|
var _a;
|
99
|
-
|
100
70
|
var eventOption = index.getCascaderItemEventData(option, getCascaderItemRequiredProps(option));
|
101
71
|
var selected = eventOption.selected,
|
102
|
-
|
103
|
-
|
104
|
-
|
72
|
+
checked = eventOption.checked,
|
73
|
+
loading = eventOption.loading,
|
74
|
+
semiChecked = eventOption.semiChecked;
|
105
75
|
var disabled = disabledContext || option.disabled;
|
106
|
-
var optionCls = classname.cx(prefixCls + "-option", option.checkable && checked && prefixCls + "-option--checked",
|
76
|
+
var optionCls = classname.cx(prefixCls + "-option", option.checkable && checked && prefixCls + "-option--checked",
|
77
|
+
// 此处 option.children?.length || !option.checkable 的含义是
|
107
78
|
// 如果存在子节点,则可以展现选择态
|
108
79
|
// 不存在子节点,如不是可勾选item,则可以展现勾选态
|
109
80
|
selected && (((_a = option.children) === null || _a === void 0 ? void 0 : _a.length) || !option.checkable) && prefixCls + "-option--selected", loading && prefixCls + "-option--loading", disabled && prefixCls + "-option--disabled");
|
110
|
-
return /*#__PURE__*/
|
81
|
+
return /*#__PURE__*/React.createElement("li", {
|
111
82
|
role: "menu-item",
|
112
83
|
className: prefixCls + "-item",
|
113
84
|
key: option.id
|
114
|
-
}, /*#__PURE__*/
|
85
|
+
}, /*#__PURE__*/React.createElement("div", {
|
115
86
|
className: optionCls,
|
116
87
|
onClick: function onClick(evt) {
|
117
88
|
if (disabled) return;
|
118
89
|
onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventOption);
|
119
|
-
|
120
90
|
if (changeOnSelect) {
|
121
91
|
onCheck === null || onCheck === void 0 ? void 0 : onCheck(eventOption, !checked);
|
122
92
|
}
|
@@ -126,7 +96,7 @@ var CheckCascaderMenu = function CheckCascaderMenu(_ref) {
|
|
126
96
|
onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventOption);
|
127
97
|
}
|
128
98
|
}
|
129
|
-
}, option.checkable ? /*#__PURE__*/
|
99
|
+
}, option.checkable ? /*#__PURE__*/React.createElement(Checkbox, {
|
130
100
|
className: prefixCls + "-checkbox",
|
131
101
|
indeterminate: semiChecked,
|
132
102
|
checked: checked,
|
@@ -146,30 +116,24 @@ var CheckCascaderMenu = function CheckCascaderMenu(_ref) {
|
|
146
116
|
/**
|
147
117
|
* 渲染菜单子项的展开提示图标
|
148
118
|
*/
|
149
|
-
|
150
|
-
|
151
119
|
var renderSuffix = function renderSuffix(prefixCls, node, loading, onLoadChildren) {
|
152
120
|
if (loading) {
|
153
|
-
return /*#__PURE__*/
|
121
|
+
return /*#__PURE__*/React.createElement("span", {
|
154
122
|
className: classname.cx(prefixCls + "-switcher", prefixCls + "-switcher--loading")
|
155
123
|
}, index$1.defaultLoadingIcon);
|
156
124
|
}
|
157
|
-
|
158
125
|
var hasChildren = node.children && node.children.length > 0;
|
159
126
|
var canLoadChildren = onLoadChildren && !node.children && !node.isLeaf;
|
160
|
-
|
161
127
|
if (hasChildren || canLoadChildren) {
|
162
|
-
return /*#__PURE__*/
|
128
|
+
return /*#__PURE__*/React.createElement("span", {
|
163
129
|
className: classname.cx(prefixCls + "-switcher"),
|
164
130
|
style: {
|
165
131
|
transform: "rotate(-90deg)"
|
166
132
|
}
|
167
133
|
}, index$1.defaultSuffixIcon);
|
168
134
|
}
|
169
|
-
|
170
|
-
return /*#__PURE__*/React__default["default"].createElement("span", {
|
135
|
+
return /*#__PURE__*/React.createElement("span", {
|
171
136
|
className: classname.cx(prefixCls + "-switcher", prefixCls + "-switcher--noop")
|
172
137
|
}, index$1.defaultLeafIcon);
|
173
138
|
};
|
174
|
-
|
175
139
|
exports.CheckCascaderMenu = CheckCascaderMenu;
|