@para-ui/core 3.0.27 → 3.0.29
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/AutoBox/index.js +48 -88
- package/AutoTips/index.js +25 -32
- package/Breadcrumbs/index.js +43 -63
- package/Button/SplitButton.d.ts +1 -1
- package/Button/index.d.ts +1 -1
- package/Button/index.js +88 -118
- package/ButtonGroup/index.js +27 -36
- package/Carousel/index.d.ts +2 -2
- package/Carousel/index.js +27 -28
- package/Cascader/index.js +52 -64
- package/Checkbox/index.js +23 -39
- package/CheckboxGroup/index.js +31 -48
- package/Collapse/collapsePanel.d.ts +1 -1
- package/Collapse/index.d.ts +1 -1
- package/Collapse/index.js +9 -29
- package/Collapse/util.d.ts +2 -2
- package/CollapseBox/index.js +45 -56
- package/CollapseLayout/index.js +35 -54
- package/ComboSelect/index.js +231 -358
- package/ComboSelect/interface.d.ts +3 -3
- package/Container/index.js +17 -20
- package/DatePicker/generatePicker/index.d.ts +17 -17
- package/DatePicker/index.d.ts +4 -4
- package/DatePicker/index.js +111 -167
- package/Desktop/index.js +62 -173
- package/Drawer/index.js +65 -58
- package/Drawer/interface.d.ts +7 -3
- package/Dropdown/index.d.ts +1 -1
- package/Dropdown/index.js +3 -3
- package/Empty/index.js +17 -22
- package/Form/index.d.ts +1 -1
- package/Form/index.js +40 -82
- package/FormItem/index.d.ts +1 -1
- package/FormItem/index.js +13 -13
- package/FormItem/validateFunction.d.ts +1 -1
- package/FunctionModal/index.js +11 -11
- package/GlobalContext/index.js +3 -3
- package/GlobalContext/usePopupContainer.d.ts +1 -1
- package/Help/index.js +11 -11
- package/HelperText/index.js +11 -12
- package/InputLang/index.js +47 -80
- package/InputNumber/index.js +65 -100
- package/Label/index.js +15 -16
- package/Loading/index.js +6 -7
- package/Menu/index.js +148 -328
- package/Menu/interface.d.ts +2 -2
- package/Menu/verticalMenuList.d.ts +1 -1
- package/Message/index.d.ts +1 -1
- package/Message/index.js +45 -64
- package/Modal/Confirm/index.d.ts +2 -2
- package/Modal/index.d.ts +1 -1
- package/Modal/index.js +119 -152
- package/MultiBox/index.js +43 -75
- package/Notification/index.d.ts +2 -2
- package/Notification/index.js +51 -72
- package/OperateBtn/index.js +42 -70
- package/PageHeader/index.js +120 -286
- package/PageHeader/interface.d.ts +1 -1
- package/Pagination/index.d.ts +16 -5
- package/Pagination/index.js +169 -188
- package/ParauiProvider/index.js +2 -3
- package/PasswordRules/index.js +12 -30
- package/PopConfirm/index.d.ts +1 -1
- package/PopConfirm/index.js +52 -59
- package/Popover/index.js +8 -9
- package/Progress/index.d.ts +6 -6
- package/Progress/index.js +50 -89
- package/Querying/index.js +14 -17
- package/README.md +16 -0
- package/Radio/index.js +21 -33
- package/RadioGroup/index.js +32 -47
- package/Search/index.js +44 -66
- package/Select/index.js +176 -343
- package/SelectInput/index.js +8 -9
- package/Selector/index.js +298 -686
- package/SelectorPicker/index.d.ts +2 -0
- package/SelectorPicker/index.js +64 -97
- package/SingleBox/index.js +29 -54
- package/Slider/index.d.ts +1 -1
- package/Slider/index.js +29 -41
- package/Slider/interface.d.ts +2 -2
- package/Split/index.js +10 -23
- package/Status/index.js +8 -7
- package/Stepper/index.d.ts +1 -1
- package/Stepper/index.js +20 -25
- package/Switch/index.d.ts +2 -2
- package/Switch/index.js +19 -20
- package/Table/index.js +590 -1028
- package/Table/interface.d.ts +15 -6
- package/Table/tableBodyInterface.d.ts +4 -0
- package/Table/tablePagination.d.ts +1 -1
- package/Table/{tablePaginationInterFace.d.ts → tablePaginationInterface.d.ts} +4 -1
- package/Tabs/index.d.ts +3 -3
- package/Tabs/index.js +47 -65
- package/Tag/TagGroup.d.ts +1 -1
- package/Tag/index.d.ts +2 -2
- package/Tag/index.js +72 -107
- package/TextEditor/index.d.ts +2 -2
- package/TextEditor/index.js +81 -105
- package/TextField/index.js +141 -220
- package/TimePicker/index.d.ts +1 -1
- package/TimePicker/index.js +12 -15
- package/Timeline/index.js +42 -52
- package/Title/index.js +10 -9
- package/ToggleButton/ToggleButtonGroup.d.ts +1 -1
- package/ToggleButton/index.js +50 -70
- package/Tooltip/index.js +64 -98
- package/Tooltip/interface.d.ts +1 -1
- package/Transfer/index.d.ts +1 -1
- package/Transfer/index.js +89 -116
- package/Transfer/useClick.d.ts +1 -1
- package/Tree/index.js +10 -10
- package/Tree/interface.d.ts +6 -6
- package/Upload/Dragger/index.d.ts +1 -1
- package/Upload/ImageUpload/index.d.ts +1 -1
- package/Upload/ImgCrop/EasyCrop.d.ts +1 -1
- package/Upload/index.d.ts +1 -1
- package/Upload/index.js +283 -475
- package/Upload/interface.d.ts +2 -2
- package/_verture/{constant-bf34e6fa.js → constant-66aa48a1.js} +0 -1
- package/_verture/defineProperty-62acccfc.js +34 -0
- package/_verture/{index-342379c6.js → index-06fea29b.js} +79 -124
- package/_verture/{index-c40bd040.js → index-131f8fe5.js} +80 -181
- package/_verture/{index-31ce5a11.js → index-92144ad3.js} +238 -445
- package/_verture/{index-bbed73a3.js → index-be4faaee.js} +19 -61
- package/_verture/{intl-336570e4.js → intl-5cbb940c.js} +4 -12
- package/_verture/{modalContext-d646d9db.js → modalContext-c749e1c6.js} +18 -43
- package/_verture/{slicedToArray-d7722f4b.js → slicedToArray-77980792.js} +23 -25
- package/_verture/{toConsumableArray-f8047a75.js → toConsumableArray-87c7d895.js} +1 -1
- package/_verture/{useFormatMessage-f4452258.js → useFormatMessage-703f8b20.js} +1 -3
- package/_verture/{useGlobalProps-af9a2af6.js → useGlobalProps-1b846a65.js} +1 -2
- package/_verture/{usePopupContainer-b8ab7cab.js → usePopupContainer-87febeb9.js} +10 -25
- package/_verture/{util-a77b261e.js → util-7e1fb1e2.js} +2 -3
- package/index.js +15 -15
- package/package.json +4 -5
- package/_verture/defineProperty-0590dc61.js +0 -16
package/Selector/index.js
CHANGED
|
@@ -1,16 +1,17 @@
|
|
|
1
|
-
import { _ as _toConsumableArray } from '../_verture/toConsumableArray-
|
|
2
|
-
import { _ as _slicedToArray } from '../_verture/slicedToArray-
|
|
3
|
-
import { r as regenerator } from '../_verture/index-
|
|
1
|
+
import { _ as _toConsumableArray } from '../_verture/toConsumableArray-87c7d895.js';
|
|
2
|
+
import { _ as _slicedToArray } from '../_verture/slicedToArray-77980792.js';
|
|
3
|
+
import { r as regenerator } from '../_verture/index-06fea29b.js';
|
|
4
4
|
import { a as __awaiter, _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
|
|
5
5
|
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
6
6
|
import { useState, useRef, useEffect, Fragment as Fragment$1 } from 'react';
|
|
7
7
|
import { Radio } from '../Radio/index.js';
|
|
8
8
|
import { Checkbox } from '../Checkbox/index.js';
|
|
9
9
|
import { Popover } from '../Popover/index.js';
|
|
10
|
+
import AutoTips from '../AutoTips/index.js';
|
|
10
11
|
import { Loading } from '../Loading/index.js';
|
|
11
12
|
import CloseIcon from '@para-ui/icons/Close';
|
|
12
|
-
import { $ as $prefixCls } from '../_verture/constant-
|
|
13
|
-
import { u as useFormatMessage } from '../_verture/useFormatMessage-
|
|
13
|
+
import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
|
|
14
|
+
import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
|
|
14
15
|
import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
|
|
15
16
|
import { Search } from '../Search/index.js';
|
|
16
17
|
import { Breadcrumbs } from '../Breadcrumbs/index.js';
|
|
@@ -18,8 +19,7 @@ import Empty from '../Empty/index.js';
|
|
|
18
19
|
import SearchIcon from '@para-ui/icons/Search';
|
|
19
20
|
import Refresh from '@para-ui/icons/Refresh';
|
|
20
21
|
import { ArrayToObject, Get, Post, Cancel } from '@paraview/lib';
|
|
21
|
-
import
|
|
22
|
-
import { u as useGlobalProps } from '../_verture/useGlobalProps-af9a2af6.js';
|
|
22
|
+
import { u as useGlobalProps } from '../_verture/useGlobalProps-1b846a65.js';
|
|
23
23
|
import '../Label/index.js';
|
|
24
24
|
import '../Help/index.js';
|
|
25
25
|
import '../Tooltip/index.js';
|
|
@@ -27,7 +27,7 @@ import 'rc-tooltip';
|
|
|
27
27
|
import 'rc-tooltip/lib/placements';
|
|
28
28
|
import 'clsx';
|
|
29
29
|
import '@para-ui/icons/Help';
|
|
30
|
-
import '../_verture/usePopupContainer-
|
|
30
|
+
import '../_verture/usePopupContainer-87febeb9.js';
|
|
31
31
|
import '@para-ui/icons/LoadingF';
|
|
32
32
|
import '@para-ui/core/GlobalContext';
|
|
33
33
|
import '../TextField/index.js';
|
|
@@ -36,7 +36,7 @@ import '@para-ui/icons/PreviewClose';
|
|
|
36
36
|
import '@para-ui/icons/PreviewOpen';
|
|
37
37
|
import '@para-ui/icons/CloseCircle';
|
|
38
38
|
import '../HelperText/index.js';
|
|
39
|
-
import '../_verture/index-
|
|
39
|
+
import '../_verture/index-be4faaee.js';
|
|
40
40
|
import 'rc-dropdown';
|
|
41
41
|
import 'dayjs';
|
|
42
42
|
import '../Button/index.js';
|
|
@@ -77,73 +77,59 @@ styleInject(css_248z$3);
|
|
|
77
77
|
|
|
78
78
|
var SelectorNode = function SelectorNode(props) {
|
|
79
79
|
var className = props.className,
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
80
|
+
style = props.style,
|
|
81
|
+
_props$nodeMode = props.nodeMode,
|
|
82
|
+
nodeMode = _props$nodeMode === void 0 ? 'branch' : _props$nodeMode,
|
|
83
|
+
_props$useCase = props.useCase,
|
|
84
|
+
useCase = _props$useCase === void 0 ? 'view' : _props$useCase,
|
|
85
|
+
img = props.img,
|
|
86
|
+
selectMode = props.selectMode,
|
|
87
|
+
mainTitle = props.mainTitle,
|
|
88
|
+
subTitle = props.subTitle,
|
|
89
|
+
tag = props.tag,
|
|
90
|
+
detail = props.detail,
|
|
91
|
+
detailRender = props.detailRender,
|
|
92
|
+
leftRender = props.leftRender,
|
|
93
|
+
child = props.child,
|
|
94
|
+
close = props.close,
|
|
95
|
+
checked = props.checked,
|
|
96
|
+
indeterminate = props.indeterminate,
|
|
97
|
+
disabled = props.disabled,
|
|
98
|
+
disabledChild = props.disabledChild,
|
|
99
|
+
onLevel = props.onLevel,
|
|
100
|
+
onSelect = props.onSelect,
|
|
101
|
+
onClose = props.onClose;
|
|
102
102
|
var intl = useFormatMessage('Selector', localeJson);
|
|
103
|
-
|
|
104
103
|
var _useState = useState(),
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
104
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
105
|
+
detailDom = _useState2[0],
|
|
106
|
+
setDetailDom = _useState2[1]; // 详情内容
|
|
110
107
|
var _useState3 = useState(false),
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
108
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
109
|
+
detailDomLoading = _useState4[0],
|
|
110
|
+
setDetailDomLoading = _useState4[1]; // 详情loading
|
|
116
111
|
var detailRef = useRef();
|
|
117
112
|
/** 点击节点 */
|
|
118
|
-
|
|
119
113
|
var onClickNode = function onClickNode() {
|
|
120
114
|
if (disabled) return;
|
|
121
115
|
onSelect && onSelect();
|
|
122
116
|
};
|
|
123
117
|
/** 点击下级 */
|
|
124
|
-
|
|
125
|
-
|
|
126
118
|
var onLevelBtn = function onLevelBtn(e) {
|
|
127
119
|
e.stopPropagation();
|
|
128
120
|
if (disabled || disabledChild) return;
|
|
129
121
|
onLevel && onLevel();
|
|
130
122
|
};
|
|
131
123
|
/** 点击详情 */
|
|
132
|
-
|
|
133
|
-
|
|
134
124
|
var onClickDetail = function onClickDetail(e) {
|
|
135
125
|
e.stopPropagation();
|
|
136
126
|
};
|
|
137
127
|
/** 点击× */
|
|
138
|
-
|
|
139
|
-
|
|
140
128
|
var onCloseCom = function onCloseCom(e) {
|
|
141
129
|
e.stopPropagation();
|
|
142
130
|
onClose && onClose();
|
|
143
131
|
};
|
|
144
132
|
/** 详情显示隐藏 */
|
|
145
|
-
|
|
146
|
-
|
|
147
133
|
var onVisibleChange = function onVisibleChange(bol) {
|
|
148
134
|
return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee() {
|
|
149
135
|
var Dom;
|
|
@@ -155,31 +141,24 @@ var SelectorNode = function SelectorNode(props) {
|
|
|
155
141
|
_context.next = 2;
|
|
156
142
|
break;
|
|
157
143
|
}
|
|
158
|
-
|
|
159
144
|
return _context.abrupt("return");
|
|
160
|
-
|
|
161
145
|
case 2:
|
|
162
146
|
setDetailDomLoading(false);
|
|
163
|
-
|
|
164
147
|
if (bol) {
|
|
165
148
|
_context.next = 5;
|
|
166
149
|
break;
|
|
167
150
|
}
|
|
168
|
-
|
|
169
151
|
return _context.abrupt("return", setDetailDom(null));
|
|
170
|
-
|
|
171
152
|
case 5:
|
|
172
153
|
setDetailDomLoading(true);
|
|
173
154
|
detailRef.current && detailRef.current.classList.add('selector-detail-popover-content-loading');
|
|
174
155
|
_context.next = 9;
|
|
175
156
|
return detailRender();
|
|
176
|
-
|
|
177
157
|
case 9:
|
|
178
158
|
Dom = _context.sent;
|
|
179
159
|
detailRef.current && detailRef.current.classList.remove('selector-detail-popover-content-loading');
|
|
180
160
|
setDetailDomLoading(false);
|
|
181
161
|
setDetailDom(Dom);
|
|
182
|
-
|
|
183
162
|
case 13:
|
|
184
163
|
case "end":
|
|
185
164
|
return _context.stop();
|
|
@@ -189,8 +168,6 @@ var SelectorNode = function SelectorNode(props) {
|
|
|
189
168
|
}));
|
|
190
169
|
};
|
|
191
170
|
/** 处理头像 */
|
|
192
|
-
|
|
193
|
-
|
|
194
171
|
var handImg = function handImg() {
|
|
195
172
|
if (!img) return null;
|
|
196
173
|
var imgDom = img;
|
|
@@ -204,8 +181,6 @@ var SelectorNode = function SelectorNode(props) {
|
|
|
204
181
|
}));
|
|
205
182
|
};
|
|
206
183
|
/** 处理选择框 */
|
|
207
|
-
|
|
208
|
-
|
|
209
184
|
var handSelectDom = function handSelectDom() {
|
|
210
185
|
if (selectMode === 'radio') return jsx(Radio, {
|
|
211
186
|
size: "small",
|
|
@@ -223,8 +198,6 @@ var SelectorNode = function SelectorNode(props) {
|
|
|
223
198
|
return null;
|
|
224
199
|
};
|
|
225
200
|
/** 处理详情弹窗 */
|
|
226
|
-
|
|
227
|
-
|
|
228
201
|
var handDetailDom = function handDetailDom() {
|
|
229
202
|
return jsxs("div", Object.assign({
|
|
230
203
|
className: "selector-detail-popover-content",
|
|
@@ -234,8 +207,6 @@ var SelectorNode = function SelectorNode(props) {
|
|
|
234
207
|
}));
|
|
235
208
|
};
|
|
236
209
|
/** 处理详情 */
|
|
237
|
-
|
|
238
|
-
|
|
239
210
|
var handDetail = function handDetail() {
|
|
240
211
|
if (!detail) return null;
|
|
241
212
|
return jsx(Popover, Object.assign({
|
|
@@ -256,19 +227,21 @@ var SelectorNode = function SelectorNode(props) {
|
|
|
256
227
|
}));
|
|
257
228
|
};
|
|
258
229
|
/** 处理标签内容 */
|
|
259
|
-
|
|
260
|
-
|
|
261
230
|
var handNodeLeft = function handNodeLeft() {
|
|
262
231
|
if (nodeMode === 'branch') {
|
|
263
232
|
return jsxs(Fragment, {
|
|
264
233
|
children: [mainTitle && jsx("span", Object.assign({
|
|
265
234
|
className: "main-title"
|
|
266
235
|
}, {
|
|
267
|
-
children:
|
|
236
|
+
children: jsx(AutoTips, {
|
|
237
|
+
children: mainTitle
|
|
238
|
+
})
|
|
268
239
|
})), subTitle && jsx("span", Object.assign({
|
|
269
240
|
className: "sub-title"
|
|
270
241
|
}, {
|
|
271
|
-
children:
|
|
242
|
+
children: jsx(AutoTips, {
|
|
243
|
+
children: subTitle
|
|
244
|
+
})
|
|
272
245
|
})), tag && jsx("span", Object.assign({
|
|
273
246
|
className: "tag"
|
|
274
247
|
}, {
|
|
@@ -276,7 +249,6 @@ var SelectorNode = function SelectorNode(props) {
|
|
|
276
249
|
}))]
|
|
277
250
|
});
|
|
278
251
|
}
|
|
279
|
-
|
|
280
252
|
if (nodeMode === 'leaf') {
|
|
281
253
|
return jsxs("div", Object.assign({
|
|
282
254
|
className: "title-box"
|
|
@@ -287,7 +259,9 @@ var SelectorNode = function SelectorNode(props) {
|
|
|
287
259
|
children: [mainTitle && jsx("span", Object.assign({
|
|
288
260
|
className: "main-title"
|
|
289
261
|
}, {
|
|
290
|
-
children:
|
|
262
|
+
children: jsx(AutoTips, {
|
|
263
|
+
children: mainTitle
|
|
264
|
+
})
|
|
291
265
|
})), tag && jsx("span", Object.assign({
|
|
292
266
|
className: "tag"
|
|
293
267
|
}, {
|
|
@@ -296,14 +270,14 @@ var SelectorNode = function SelectorNode(props) {
|
|
|
296
270
|
})), subTitle && jsx("div", Object.assign({
|
|
297
271
|
className: "sub-title"
|
|
298
272
|
}, {
|
|
299
|
-
children:
|
|
273
|
+
children: jsx(AutoTips, {
|
|
274
|
+
children: subTitle
|
|
275
|
+
})
|
|
300
276
|
}))]
|
|
301
277
|
}));
|
|
302
278
|
}
|
|
303
279
|
};
|
|
304
280
|
/** 处理左侧内容 */
|
|
305
|
-
|
|
306
|
-
|
|
307
281
|
var handLeftContent = function handLeftContent() {
|
|
308
282
|
if (leftRender) return leftRender();
|
|
309
283
|
return jsxs(Fragment, {
|
|
@@ -311,8 +285,6 @@ var SelectorNode = function SelectorNode(props) {
|
|
|
311
285
|
});
|
|
312
286
|
};
|
|
313
287
|
/** 处理className */
|
|
314
|
-
|
|
315
|
-
|
|
316
288
|
var handClass = function handClass() {
|
|
317
289
|
var str = $prefixCls + '-selector-node';
|
|
318
290
|
str += " ".concat($prefixCls, "-selector-node-").concat(useCase);
|
|
@@ -322,7 +294,6 @@ var SelectorNode = function SelectorNode(props) {
|
|
|
322
294
|
if (className) str += ' ' + className;
|
|
323
295
|
return str;
|
|
324
296
|
};
|
|
325
|
-
|
|
326
297
|
return jsxs("div", Object.assign({
|
|
327
298
|
className: handClass(),
|
|
328
299
|
style: style,
|
|
@@ -361,42 +332,40 @@ styleInject(css_248z$2);
|
|
|
361
332
|
|
|
362
333
|
var SelectorMainContent = function SelectorMainContent(props) {
|
|
363
334
|
var className = props.className,
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
335
|
+
value = props.value;
|
|
336
|
+
props.rowKey;
|
|
337
|
+
var _props$nodeMode = props.nodeMode,
|
|
338
|
+
nodeMode = _props$nodeMode === void 0 ? 'branch' : _props$nodeMode,
|
|
339
|
+
selectMode = props.selectMode,
|
|
340
|
+
_props$loadMore = props.loadMore,
|
|
341
|
+
loadMore = _props$loadMore === void 0 ? false : _props$loadMore,
|
|
342
|
+
_props$isAllCheck = props.isAllCheck,
|
|
343
|
+
isAllCheck = _props$isAllCheck === void 0 ? false : _props$isAllCheck,
|
|
344
|
+
detail = props.detail,
|
|
345
|
+
detailRender = props.detailRender,
|
|
346
|
+
isLazy = props.isLazy,
|
|
347
|
+
list = props.list,
|
|
348
|
+
groupType = props.groupType,
|
|
349
|
+
breadcrumbs = props.breadcrumbs,
|
|
350
|
+
_props$breadcrumbsSep = props.breadcrumbsSeparator,
|
|
351
|
+
breadcrumbsSeparator = _props$breadcrumbsSep === void 0 ? '-' : _props$breadcrumbsSep,
|
|
352
|
+
_props$breadcrumbsLis = props.breadcrumbsList,
|
|
353
|
+
breadcrumbsList = _props$breadcrumbsLis === void 0 ? [] : _props$breadcrumbsLis,
|
|
354
|
+
fieldConfig = props.fieldConfig,
|
|
355
|
+
disabled = props.disabled,
|
|
356
|
+
disabledChild = props.disabledChild,
|
|
357
|
+
emptyProps = props.emptyProps,
|
|
358
|
+
loading = props.loading,
|
|
359
|
+
onClickBreadcrumbs = props.onClickBreadcrumbs,
|
|
360
|
+
_onLevel = props.onLevel,
|
|
361
|
+
_onSelect = props.onSelect,
|
|
362
|
+
onLoad = props.onLoad,
|
|
363
|
+
onAllCheck = props.onAllCheck;
|
|
393
364
|
var intl = useFormatMessage('Selector', localeJson);
|
|
394
|
-
|
|
395
365
|
var _useState = useState({}),
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
366
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
367
|
+
listCom = _useState2[0],
|
|
368
|
+
setListCom = _useState2[1];
|
|
400
369
|
var constData = useRef({
|
|
401
370
|
listTypeJson: {},
|
|
402
371
|
fieldConfig: {},
|
|
@@ -415,19 +384,16 @@ var SelectorMainContent = function SelectorMainContent(props) {
|
|
|
415
384
|
useEffect(function () {
|
|
416
385
|
if (list && groupType && groupType.length > 0) {
|
|
417
386
|
var json = {};
|
|
418
|
-
|
|
419
387
|
for (var i = 0, l = list.length; i < l; i++) {
|
|
420
388
|
var item = list[i];
|
|
421
389
|
var type = item[constData.current.fieldConfig.type || ''];
|
|
422
390
|
if (!json[type]) json[type] = [];
|
|
423
391
|
json[type].push(item);
|
|
424
392
|
}
|
|
425
|
-
|
|
426
393
|
setListCom(json);
|
|
427
394
|
}
|
|
428
395
|
}, [list]);
|
|
429
396
|
/** 屏幕发生改变 */
|
|
430
|
-
|
|
431
397
|
var changeResize = function changeResize() {
|
|
432
398
|
clearTimeout(constData.current.resizeTimer);
|
|
433
399
|
constData.current.resizeTimer = setTimeout(function () {
|
|
@@ -435,119 +401,95 @@ var SelectorMainContent = function SelectorMainContent(props) {
|
|
|
435
401
|
}, 100);
|
|
436
402
|
};
|
|
437
403
|
/** 滚动 */
|
|
438
|
-
|
|
439
|
-
|
|
440
404
|
var onScroll = function onScroll() {
|
|
441
405
|
if (!contentRef.current || !scrolltRef.current) return;
|
|
442
406
|
var scrollBox = scrolltRef.current;
|
|
443
407
|
var contentBox = contentRef.current;
|
|
444
408
|
contentBox.classList.remove('selector-main-list-scroll-top', 'selector-main-list-scroll-bottom', 'selector-main-list-scroll-middle');
|
|
445
|
-
if (scrollBox.scrollHeight <= scrollBox.clientHeight) return;
|
|
446
|
-
|
|
409
|
+
if (scrollBox.scrollHeight <= scrollBox.clientHeight) return;
|
|
410
|
+
// 滚动条初始化
|
|
447
411
|
if (scrollBox.scrollTop === 0) {
|
|
448
412
|
contentBox.classList.add('selector-main-list-scroll-top');
|
|
449
413
|
return;
|
|
450
|
-
}
|
|
451
|
-
|
|
452
|
-
|
|
414
|
+
}
|
|
415
|
+
// 滚动到底部
|
|
453
416
|
if (scrollBox.clientHeight + scrollBox.scrollTop === scrollBox.scrollHeight) {
|
|
454
417
|
contentBox.classList.add('selector-main-list-scroll-bottom');
|
|
455
418
|
return;
|
|
456
|
-
}
|
|
457
|
-
|
|
458
|
-
|
|
419
|
+
}
|
|
420
|
+
// 滚动条在中间
|
|
459
421
|
contentBox.classList.add('selector-main-list-scroll-middle');
|
|
460
422
|
};
|
|
461
423
|
/** 判断是否全选,半选 */
|
|
462
|
-
|
|
463
|
-
|
|
464
424
|
var handAllCheckFunc = function handAllCheckFunc() {
|
|
465
425
|
var json = {
|
|
466
426
|
checked: false,
|
|
467
427
|
indeterminate: false
|
|
468
|
-
};
|
|
469
|
-
|
|
428
|
+
};
|
|
429
|
+
// 不存在value, 没有数据, 全选没转态
|
|
470
430
|
if (!value || !list || list.length === 0) return json;
|
|
471
|
-
|
|
472
431
|
for (var i = 0, l = list.length; i < l; i++) {
|
|
473
432
|
var item = list[i];
|
|
474
433
|
var key = item.key;
|
|
475
434
|
var disabledItem = handDisabled(item);
|
|
476
|
-
|
|
477
435
|
if (disabledItem) {
|
|
478
436
|
if (value[key]) json.checked = true;
|
|
479
437
|
continue;
|
|
480
438
|
}
|
|
481
|
-
|
|
482
439
|
if (value[key]) {
|
|
483
440
|
json.checked = true;
|
|
484
441
|
} else {
|
|
485
442
|
json.indeterminate = true;
|
|
486
443
|
}
|
|
487
|
-
}
|
|
488
|
-
|
|
489
|
-
|
|
444
|
+
}
|
|
445
|
+
// 半选
|
|
490
446
|
if (json.checked && json.indeterminate) {
|
|
491
447
|
json.checked = false;
|
|
492
448
|
return json;
|
|
493
|
-
}
|
|
494
|
-
|
|
495
|
-
|
|
449
|
+
}
|
|
450
|
+
// 全不选
|
|
496
451
|
if (!json.checked && json.indeterminate) {
|
|
497
452
|
json.indeterminate = false;
|
|
498
453
|
return json;
|
|
499
454
|
}
|
|
500
|
-
|
|
501
455
|
return json;
|
|
502
456
|
};
|
|
503
457
|
/** 处理禁用状态 */
|
|
504
|
-
|
|
505
|
-
|
|
506
458
|
var handDisabled = function handDisabled(item) {
|
|
507
459
|
if (disabled) {
|
|
508
460
|
if (disabled === true) return true;
|
|
509
|
-
|
|
510
461
|
if (disabled instanceof Array) {
|
|
511
462
|
if (item.key && disabled.indexOf(item.key) !== -1) {
|
|
512
463
|
return true;
|
|
513
464
|
}
|
|
514
465
|
}
|
|
515
466
|
}
|
|
516
|
-
|
|
517
467
|
if (item.disabled) return true;
|
|
518
468
|
return false;
|
|
519
469
|
};
|
|
520
470
|
/** 处理禁用下级状态 */
|
|
521
|
-
|
|
522
|
-
|
|
523
471
|
var handDisabledChild = function handDisabledChild(item) {
|
|
524
472
|
if (disabledChild) {
|
|
525
473
|
if (disabledChild === true) return true;
|
|
526
|
-
|
|
527
474
|
if (disabledChild instanceof Array) {
|
|
528
475
|
if (item.key && disabledChild.indexOf(item.key) !== -1) {
|
|
529
476
|
return true;
|
|
530
477
|
}
|
|
531
478
|
}
|
|
532
479
|
}
|
|
533
|
-
|
|
534
480
|
if (item.disabledChild) return true;
|
|
535
481
|
return false;
|
|
536
482
|
};
|
|
537
483
|
/** 全选 */
|
|
538
|
-
|
|
539
|
-
|
|
540
484
|
var handAllCheck = function handAllCheck() {
|
|
541
485
|
// 只存在复选框模式
|
|
542
486
|
if (!isAllCheck || selectMode !== "check") return null;
|
|
543
487
|
var checkJson = handAllCheckFunc();
|
|
544
|
-
|
|
545
488
|
var onAllCheckCom = function onAllCheckCom() {
|
|
546
489
|
var bol = true;
|
|
547
490
|
if (checkJson.checked) bol = false;
|
|
548
491
|
onAllCheck && onAllCheck(bol);
|
|
549
492
|
};
|
|
550
|
-
|
|
551
493
|
return jsx(SelectorNode, Object.assign({
|
|
552
494
|
disabled: disabled === true,
|
|
553
495
|
nodeMode: 'branch',
|
|
@@ -561,14 +503,10 @@ var SelectorMainContent = function SelectorMainContent(props) {
|
|
|
561
503
|
}));
|
|
562
504
|
};
|
|
563
505
|
/** 点击查看更多 */
|
|
564
|
-
|
|
565
|
-
|
|
566
506
|
var clickLoad = function clickLoad() {
|
|
567
507
|
onLoad && onLoad();
|
|
568
508
|
};
|
|
569
509
|
/** 查看更多 */
|
|
570
|
-
|
|
571
|
-
|
|
572
510
|
var handLoadMore = function handLoadMore() {
|
|
573
511
|
if (!loadMore) return null;
|
|
574
512
|
return jsx("div", Object.assign({
|
|
@@ -585,16 +523,12 @@ var SelectorMainContent = function SelectorMainContent(props) {
|
|
|
585
523
|
}));
|
|
586
524
|
};
|
|
587
525
|
/** 判断是否选中 */
|
|
588
|
-
|
|
589
|
-
|
|
590
526
|
var handCheck = function handCheck(item) {
|
|
591
527
|
var bol = false;
|
|
592
528
|
if (value && value[item.key]) bol = true;
|
|
593
529
|
return bol;
|
|
594
530
|
};
|
|
595
531
|
/** 处理每个节点的配置 */
|
|
596
|
-
|
|
597
|
-
|
|
598
532
|
var handNodeConfig = function handNodeConfig(item) {
|
|
599
533
|
var json = {
|
|
600
534
|
useCase: 'view',
|
|
@@ -611,43 +545,32 @@ var SelectorMainContent = function SelectorMainContent(props) {
|
|
|
611
545
|
checked: handCheck(item)
|
|
612
546
|
};
|
|
613
547
|
/** 节点类型 */
|
|
614
|
-
|
|
615
548
|
if (item.leaf !== undefined) json.nodeMode = item.leaf ? 'leaf' : 'branch';
|
|
616
549
|
/** 渲染字段 */
|
|
617
|
-
|
|
618
550
|
var arr = ['img', 'mainTitle', 'subTitle', 'tag'];
|
|
619
|
-
|
|
620
551
|
for (var i = 0, l = arr.length; i < l; i++) {
|
|
621
552
|
var key = arr[i];
|
|
622
553
|
json[key] = item[key];
|
|
623
554
|
}
|
|
624
555
|
/** 判断是否具有选择 */
|
|
625
|
-
|
|
626
|
-
|
|
627
556
|
if (item.choice !== false) {
|
|
628
557
|
// 当前节点可选择
|
|
629
558
|
if (selectMode) json.selectMode = selectMode;
|
|
630
559
|
}
|
|
631
560
|
/** 判断是否具有下级 */
|
|
632
|
-
|
|
633
|
-
|
|
634
561
|
if (isLazy) {
|
|
635
562
|
// 懒加载
|
|
636
563
|
json.child = item.child;
|
|
637
564
|
} else {
|
|
638
565
|
// 全量数据
|
|
639
566
|
var children = item.children || [];
|
|
640
|
-
|
|
641
567
|
if (children && children.length > 0) {
|
|
642
568
|
json.child = true;
|
|
643
|
-
}
|
|
644
|
-
|
|
645
|
-
|
|
569
|
+
}
|
|
570
|
+
// 强制设置下级
|
|
646
571
|
if (item.child !== undefined) json.child = item.child;
|
|
647
572
|
}
|
|
648
573
|
/** 详情render */
|
|
649
|
-
|
|
650
|
-
|
|
651
574
|
if (detailRender) {
|
|
652
575
|
json.detailRender = function () {
|
|
653
576
|
return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee() {
|
|
@@ -658,11 +581,9 @@ var SelectorMainContent = function SelectorMainContent(props) {
|
|
|
658
581
|
case 0:
|
|
659
582
|
_context.next = 2;
|
|
660
583
|
return detailRender(item, true);
|
|
661
|
-
|
|
662
584
|
case 2:
|
|
663
585
|
Dom = _context.sent;
|
|
664
586
|
return _context.abrupt("return", Dom);
|
|
665
|
-
|
|
666
587
|
case 4:
|
|
667
588
|
case "end":
|
|
668
589
|
return _context.stop();
|
|
@@ -672,20 +593,15 @@ var SelectorMainContent = function SelectorMainContent(props) {
|
|
|
672
593
|
}));
|
|
673
594
|
};
|
|
674
595
|
}
|
|
675
|
-
|
|
676
596
|
return json;
|
|
677
597
|
};
|
|
678
598
|
/** 渲染list节点 */
|
|
679
|
-
|
|
680
|
-
|
|
681
599
|
var handListNode = function handListNode(arr) {
|
|
682
600
|
return arr === null || arr === void 0 ? void 0 : arr.map(function (item, index) {
|
|
683
601
|
return jsx(SelectorNode, Object.assign({}, handNodeConfig(item)), index);
|
|
684
602
|
});
|
|
685
603
|
};
|
|
686
604
|
/** 处理节点dom */
|
|
687
|
-
|
|
688
|
-
|
|
689
605
|
var handNode = function handNode() {
|
|
690
606
|
// 分组渲染
|
|
691
607
|
if (groupType && groupType.length > 0) {
|
|
@@ -705,18 +621,13 @@ var SelectorMainContent = function SelectorMainContent(props) {
|
|
|
705
621
|
})
|
|
706
622
|
});
|
|
707
623
|
}
|
|
708
|
-
|
|
709
624
|
return handListNode(list || []);
|
|
710
625
|
};
|
|
711
626
|
/** 点击面包屑 */
|
|
712
|
-
|
|
713
|
-
|
|
714
627
|
var onClickBreadcrums = function onClickBreadcrums(item) {
|
|
715
628
|
onClickBreadcrumbs && onClickBreadcrumbs(item);
|
|
716
629
|
};
|
|
717
630
|
/** 面包屑dom */
|
|
718
|
-
|
|
719
|
-
|
|
720
631
|
var handBreadcrumbs = function handBreadcrumbs() {
|
|
721
632
|
if (!breadcrumbs || breadcrumbsList.length === 0) return null;
|
|
722
633
|
return jsx("div", Object.assign({
|
|
@@ -730,8 +641,6 @@ var SelectorMainContent = function SelectorMainContent(props) {
|
|
|
730
641
|
}));
|
|
731
642
|
};
|
|
732
643
|
/** 处理内容 */
|
|
733
|
-
|
|
734
|
-
|
|
735
644
|
var handContent = function handContent() {
|
|
736
645
|
if ((list === null || list === void 0 ? void 0 : list.length) === 0 && !loading) {
|
|
737
646
|
// 空状态
|
|
@@ -743,7 +652,6 @@ var SelectorMainContent = function SelectorMainContent(props) {
|
|
|
743
652
|
}))
|
|
744
653
|
}));
|
|
745
654
|
}
|
|
746
|
-
|
|
747
655
|
return jsxs("div", Object.assign({
|
|
748
656
|
className: "selector-main-list"
|
|
749
657
|
}, {
|
|
@@ -761,7 +669,6 @@ var SelectorMainContent = function SelectorMainContent(props) {
|
|
|
761
669
|
})), handLoadMore()]
|
|
762
670
|
}));
|
|
763
671
|
};
|
|
764
|
-
|
|
765
672
|
var handClass = function handClass() {
|
|
766
673
|
var str = 'selector-main-content';
|
|
767
674
|
if (className) str += ' ' + className;
|
|
@@ -770,7 +677,6 @@ var SelectorMainContent = function SelectorMainContent(props) {
|
|
|
770
677
|
if (loadMore) str += ' selector-main-content-load-more';
|
|
771
678
|
return str;
|
|
772
679
|
};
|
|
773
|
-
|
|
774
680
|
changeResize();
|
|
775
681
|
return jsxs("div", Object.assign({
|
|
776
682
|
className: handClass()
|
|
@@ -778,65 +684,60 @@ var SelectorMainContent = function SelectorMainContent(props) {
|
|
|
778
684
|
children: [handBreadcrumbs(), handContent()]
|
|
779
685
|
}));
|
|
780
686
|
};
|
|
781
|
-
|
|
782
687
|
var SelectorMain = function SelectorMain(props) {
|
|
783
688
|
var className = props.className,
|
|
784
|
-
|
|
785
|
-
|
|
786
|
-
|
|
787
|
-
|
|
788
|
-
|
|
789
|
-
|
|
790
|
-
|
|
791
|
-
|
|
792
|
-
|
|
793
|
-
|
|
794
|
-
|
|
795
|
-
|
|
796
|
-
|
|
797
|
-
|
|
798
|
-
|
|
799
|
-
|
|
800
|
-
|
|
801
|
-
|
|
802
|
-
|
|
803
|
-
|
|
804
|
-
|
|
805
|
-
|
|
806
|
-
|
|
807
|
-
|
|
808
|
-
|
|
809
|
-
|
|
810
|
-
|
|
811
|
-
|
|
812
|
-
|
|
813
|
-
|
|
814
|
-
|
|
815
|
-
|
|
816
|
-
|
|
817
|
-
|
|
818
|
-
|
|
819
|
-
|
|
820
|
-
|
|
821
|
-
|
|
822
|
-
|
|
823
|
-
|
|
824
|
-
|
|
825
|
-
|
|
826
|
-
|
|
689
|
+
style = props.style,
|
|
690
|
+
url = props.url,
|
|
691
|
+
value = props.value,
|
|
692
|
+
_props$rowKey2 = props.rowKey,
|
|
693
|
+
rowKey = _props$rowKey2 === void 0 ? 'key' : _props$rowKey2,
|
|
694
|
+
_props$nodeMode2 = props.nodeMode,
|
|
695
|
+
nodeMode = _props$nodeMode2 === void 0 ? 'branch' : _props$nodeMode2,
|
|
696
|
+
selectMode = props.selectMode,
|
|
697
|
+
_props$loadMore2 = props.loadMore,
|
|
698
|
+
loadMore = _props$loadMore2 === void 0 ? false : _props$loadMore2,
|
|
699
|
+
_props$searchLoadMore = props.searchLoadMore,
|
|
700
|
+
searchLoadMore = _props$searchLoadMore === void 0 ? false : _props$searchLoadMore,
|
|
701
|
+
_props$isAllCheck2 = props.isAllCheck,
|
|
702
|
+
isAllCheck = _props$isAllCheck2 === void 0 ? false : _props$isAllCheck2,
|
|
703
|
+
disabled = props.disabled,
|
|
704
|
+
disabledChild = props.disabledChild,
|
|
705
|
+
detail = props.detail,
|
|
706
|
+
detailRender = props.detailRender,
|
|
707
|
+
isLazy = props.isLazy,
|
|
708
|
+
list = props.list,
|
|
709
|
+
groupType = props.groupType,
|
|
710
|
+
groupRange = props.groupRange,
|
|
711
|
+
search = props.search,
|
|
712
|
+
_props$searchVal = props.searchVal,
|
|
713
|
+
searchVal = _props$searchVal === void 0 ? '' : _props$searchVal,
|
|
714
|
+
searchPlaceholder = props.searchPlaceholder,
|
|
715
|
+
searchTrigger = props.searchTrigger,
|
|
716
|
+
searchLoading = props.searchLoading,
|
|
717
|
+
searchList = props.searchList,
|
|
718
|
+
loading = props.loading,
|
|
719
|
+
breadcrumbs = props.breadcrumbs,
|
|
720
|
+
_props$breadcrumbsSep2 = props.breadcrumbsSeparator,
|
|
721
|
+
breadcrumbsSeparator = _props$breadcrumbsSep2 === void 0 ? '-' : _props$breadcrumbsSep2,
|
|
722
|
+
_props$breadcrumbsLis2 = props.breadcrumbsList,
|
|
723
|
+
breadcrumbsList = _props$breadcrumbsLis2 === void 0 ? [] : _props$breadcrumbsLis2,
|
|
724
|
+
fieldConfig = props.fieldConfig,
|
|
725
|
+
onClickBreadcrumbs = props.onClickBreadcrumbs,
|
|
726
|
+
onLevel = props.onLevel,
|
|
727
|
+
onSelect = props.onSelect,
|
|
728
|
+
onLoad = props.onLoad,
|
|
729
|
+
onAllCheck = props.onAllCheck,
|
|
730
|
+
onSearch = props.onSearch,
|
|
731
|
+
onRefresh = props.onRefresh;
|
|
827
732
|
var intl = useFormatMessage('Selector', localeJson);
|
|
828
|
-
|
|
829
733
|
var _useState3 = useState(false),
|
|
830
|
-
|
|
831
|
-
|
|
832
|
-
|
|
833
|
-
|
|
834
|
-
|
|
734
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
735
|
+
showSearch = _useState4[0],
|
|
736
|
+
setShowSearch = _useState4[1]; // 显示搜索/
|
|
835
737
|
var _useState5 = useState(''),
|
|
836
|
-
|
|
837
|
-
|
|
838
|
-
|
|
839
|
-
|
|
738
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
739
|
+
searchStr = _useState6[0],
|
|
740
|
+
setSearchStr = _useState6[1];
|
|
840
741
|
var constData = useRef({
|
|
841
742
|
searchTimer: null,
|
|
842
743
|
searchStr: ''
|
|
@@ -848,33 +749,24 @@ var SelectorMain = function SelectorMain(props) {
|
|
|
848
749
|
if (searchVal.val !== '') setShowSearch(true);
|
|
849
750
|
}, [searchVal]);
|
|
850
751
|
/** 改变搜索框 */
|
|
851
|
-
|
|
852
752
|
var changeSearch = function changeSearch(val) {
|
|
853
753
|
setSearchStr(val);
|
|
854
754
|
constData.current.searchStr = val;
|
|
855
755
|
if (searchTrigger !== 'onEnter') onSearchCom();
|
|
856
756
|
};
|
|
857
757
|
/** 搜索框回车事件 */
|
|
858
|
-
|
|
859
|
-
|
|
860
758
|
var onEnterSearch = function onEnterSearch() {
|
|
861
759
|
onSearchCom(true);
|
|
862
760
|
};
|
|
863
761
|
/** 点击搜索按钮 */
|
|
864
|
-
|
|
865
|
-
|
|
866
762
|
var onClickRightIcon = function onClickRightIcon() {
|
|
867
763
|
onSearchCom(true);
|
|
868
764
|
};
|
|
869
765
|
/** 点击清除按钮 */
|
|
870
|
-
|
|
871
|
-
|
|
872
766
|
var onClear = function onClear() {
|
|
873
767
|
onSearchCom();
|
|
874
768
|
};
|
|
875
769
|
/** 向外抛出搜索事件 */
|
|
876
|
-
|
|
877
|
-
|
|
878
770
|
var onSearchCom = function onSearchCom(bol) {
|
|
879
771
|
clearTimeout(constData.current.searchTimer);
|
|
880
772
|
constData.current.searchTimer = setTimeout(function () {
|
|
@@ -883,8 +775,6 @@ var SelectorMain = function SelectorMain(props) {
|
|
|
883
775
|
}, 300);
|
|
884
776
|
};
|
|
885
777
|
/** 搜索dom */
|
|
886
|
-
|
|
887
|
-
|
|
888
778
|
var handSearchDom = function handSearchDom() {
|
|
889
779
|
var handSearchIcon = function handSearchIcon() {
|
|
890
780
|
if (!searchStr) {
|
|
@@ -892,13 +782,10 @@ var SelectorMain = function SelectorMain(props) {
|
|
|
892
782
|
if (!url && !onRefresh) {
|
|
893
783
|
return null;
|
|
894
784
|
}
|
|
895
|
-
|
|
896
785
|
return jsx(Refresh, {});
|
|
897
786
|
}
|
|
898
|
-
|
|
899
787
|
return jsx(SearchIcon, {});
|
|
900
788
|
};
|
|
901
|
-
|
|
902
789
|
return jsx(Fragment, {
|
|
903
790
|
children: search && jsx(Search, {
|
|
904
791
|
className: 'selectot-main-search',
|
|
@@ -920,8 +807,6 @@ var SelectorMain = function SelectorMain(props) {
|
|
|
920
807
|
/** 点击下级
|
|
921
808
|
* @param isSearch {boolean}
|
|
922
809
|
* */
|
|
923
|
-
|
|
924
|
-
|
|
925
810
|
var onLevelCom = function onLevelCom(isSearch) {
|
|
926
811
|
return function (item) {
|
|
927
812
|
if (isSearch) {
|
|
@@ -929,7 +814,6 @@ var SelectorMain = function SelectorMain(props) {
|
|
|
929
814
|
setSearchStr('');
|
|
930
815
|
setShowSearch(false);
|
|
931
816
|
}
|
|
932
|
-
|
|
933
817
|
onLevel && onLevel(item, isSearch);
|
|
934
818
|
};
|
|
935
819
|
};
|
|
@@ -937,16 +821,12 @@ var SelectorMain = function SelectorMain(props) {
|
|
|
937
821
|
* 加载更多
|
|
938
822
|
* @param isSearch {boolean} 是否搜索
|
|
939
823
|
* */
|
|
940
|
-
|
|
941
|
-
|
|
942
824
|
var onLoadCom = function onLoadCom(isSearch) {
|
|
943
825
|
return function () {
|
|
944
826
|
onLoad && onLoad(isSearch);
|
|
945
827
|
};
|
|
946
828
|
};
|
|
947
829
|
/** 渲染列表 */
|
|
948
|
-
|
|
949
|
-
|
|
950
830
|
var handListDom = function handListDom() {
|
|
951
831
|
return jsx(SelectorMainContent, {
|
|
952
832
|
className: "selector-main-list-box",
|
|
@@ -976,8 +856,6 @@ var SelectorMain = function SelectorMain(props) {
|
|
|
976
856
|
}, "list");
|
|
977
857
|
};
|
|
978
858
|
/** 渲染搜索列表 */
|
|
979
|
-
|
|
980
|
-
|
|
981
859
|
var handSearchList = function handSearchList() {
|
|
982
860
|
if (!showSearch) return;
|
|
983
861
|
return jsx(SelectorMainContent, {
|
|
@@ -1003,15 +881,12 @@ var SelectorMain = function SelectorMain(props) {
|
|
|
1003
881
|
}, "search");
|
|
1004
882
|
};
|
|
1005
883
|
/** 处理loading */
|
|
1006
|
-
|
|
1007
|
-
|
|
1008
884
|
var handLoading = function handLoading() {
|
|
1009
885
|
if (searchLoading || loading) {
|
|
1010
886
|
return jsx(Loading, {});
|
|
1011
887
|
}
|
|
1012
|
-
};
|
|
1013
|
-
|
|
1014
|
-
|
|
888
|
+
};
|
|
889
|
+
// 处理class
|
|
1015
890
|
var handClass = function handClass() {
|
|
1016
891
|
var str = $prefixCls + '-selector-main';
|
|
1017
892
|
if (className) str += ' ' + className;
|
|
@@ -1021,7 +896,6 @@ var SelectorMain = function SelectorMain(props) {
|
|
|
1021
896
|
if (disabled === true) str += " ".concat($prefixCls, "-selector-main-disabled");
|
|
1022
897
|
return str;
|
|
1023
898
|
};
|
|
1024
|
-
|
|
1025
899
|
return jsxs("div", Object.assign({
|
|
1026
900
|
className: handClass(),
|
|
1027
901
|
style: style
|
|
@@ -1039,28 +913,26 @@ styleInject(css_248z$1);
|
|
|
1039
913
|
|
|
1040
914
|
var SelectorData = function SelectorData(props) {
|
|
1041
915
|
var className = props.className,
|
|
1042
|
-
|
|
1043
|
-
|
|
1044
|
-
|
|
1045
|
-
|
|
1046
|
-
|
|
1047
|
-
|
|
1048
|
-
|
|
1049
|
-
|
|
1050
|
-
|
|
1051
|
-
|
|
1052
|
-
|
|
1053
|
-
|
|
1054
|
-
|
|
1055
|
-
|
|
1056
|
-
|
|
916
|
+
_props$layout = props.layout,
|
|
917
|
+
layout = _props$layout === void 0 ? 'node' : _props$layout,
|
|
918
|
+
style = props.style,
|
|
919
|
+
list = props.list,
|
|
920
|
+
groupType = props.groupType,
|
|
921
|
+
nodeMode = props.nodeMode,
|
|
922
|
+
backDataFieldConfig = props.backDataFieldConfig,
|
|
923
|
+
detail = props.detail,
|
|
924
|
+
detailRender = props.detailRender,
|
|
925
|
+
disabled = props.disabled,
|
|
926
|
+
handSelectorNodeInfo = props.handSelectorNodeInfo,
|
|
927
|
+
selectDataTitleRender = props.selectDataTitleRender,
|
|
928
|
+
selectRenderItem = props.selectRenderItem,
|
|
929
|
+
selectRender = props.selectRender,
|
|
930
|
+
_onClose = props.onClose;
|
|
1057
931
|
var intl = useFormatMessage('Selector', localeJson);
|
|
1058
|
-
|
|
1059
932
|
var _useState = useState({}),
|
|
1060
|
-
|
|
1061
|
-
|
|
1062
|
-
|
|
1063
|
-
|
|
933
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
934
|
+
listCom = _useState2[0],
|
|
935
|
+
setListCom = _useState2[1];
|
|
1064
936
|
var constData = useRef({
|
|
1065
937
|
listTypeJson: {},
|
|
1066
938
|
backDataFieldConfig: {}
|
|
@@ -1070,38 +942,30 @@ var SelectorData = function SelectorData(props) {
|
|
|
1070
942
|
useEffect(function () {
|
|
1071
943
|
if (list && groupType && groupType.length > 0) {
|
|
1072
944
|
var json = {};
|
|
1073
|
-
|
|
1074
945
|
for (var i = 0, l = list.length; i < l; i++) {
|
|
1075
946
|
var item = list[i];
|
|
1076
947
|
var type = item[constData.current.backDataFieldConfig.type || ''];
|
|
1077
948
|
if (!json[type]) json[type] = [];
|
|
1078
949
|
json[type].push(item);
|
|
1079
950
|
}
|
|
1080
|
-
|
|
1081
951
|
setListCom(json);
|
|
1082
952
|
}
|
|
1083
953
|
}, [list]);
|
|
1084
954
|
/** 处理禁用 */
|
|
1085
|
-
|
|
1086
955
|
var handDisabled = function handDisabled(itemConfig) {
|
|
1087
956
|
if (disabled) {
|
|
1088
957
|
if (disabled === true) return true;
|
|
1089
|
-
|
|
1090
958
|
if (disabled instanceof Array) {
|
|
1091
959
|
var keyStr = (backDataFieldConfig === null || backDataFieldConfig === void 0 ? void 0 : backDataFieldConfig.key) || '';
|
|
1092
960
|
var val = itemConfig[keyStr];
|
|
1093
|
-
|
|
1094
961
|
if (disabled.indexOf(val) !== -1) {
|
|
1095
962
|
return true;
|
|
1096
963
|
}
|
|
1097
964
|
}
|
|
1098
965
|
}
|
|
1099
|
-
|
|
1100
966
|
return false;
|
|
1101
967
|
};
|
|
1102
968
|
/** 处理每个节点的配置 */
|
|
1103
|
-
|
|
1104
|
-
|
|
1105
969
|
var handNodeConfig = function handNodeConfig(itemConfig, index) {
|
|
1106
970
|
var item = itemConfig;
|
|
1107
971
|
if (handSelectorNodeInfo) item = handSelectorNodeInfo(itemConfig);
|
|
@@ -1117,28 +981,21 @@ var SelectorData = function SelectorData(props) {
|
|
|
1117
981
|
},
|
|
1118
982
|
disabled: handDisabled(itemConfig)
|
|
1119
983
|
};
|
|
1120
|
-
|
|
1121
984
|
if (selectRenderItem) {
|
|
1122
985
|
json.leftRender = function () {
|
|
1123
986
|
return selectRenderItem(itemConfig);
|
|
1124
987
|
};
|
|
1125
988
|
}
|
|
1126
989
|
/** 节点类型 */
|
|
1127
|
-
|
|
1128
|
-
|
|
1129
990
|
if (item.leaf !== undefined) json.nodeMode = item.leaf ? 'leaf' : 'branch';
|
|
1130
991
|
/** 渲染字段 */
|
|
1131
|
-
|
|
1132
992
|
var arr = ['img', 'mainTitle', 'subTitle', 'tag'];
|
|
1133
|
-
|
|
1134
993
|
for (var i = 0, l = arr.length; i < l; i++) {
|
|
1135
994
|
var key = arr[i] || '';
|
|
1136
995
|
var backName = backDataFieldConfig && backDataFieldConfig[key] || '';
|
|
1137
996
|
json[key] = item[backName];
|
|
1138
997
|
}
|
|
1139
998
|
/** 详情render */
|
|
1140
|
-
|
|
1141
|
-
|
|
1142
999
|
if (detailRender) {
|
|
1143
1000
|
json.detailRender = function () {
|
|
1144
1001
|
return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee() {
|
|
@@ -1149,11 +1006,9 @@ var SelectorData = function SelectorData(props) {
|
|
|
1149
1006
|
case 0:
|
|
1150
1007
|
_context.next = 2;
|
|
1151
1008
|
return detailRender(item, false);
|
|
1152
|
-
|
|
1153
1009
|
case 2:
|
|
1154
1010
|
Dom = _context.sent;
|
|
1155
1011
|
return _context.abrupt("return", Dom);
|
|
1156
|
-
|
|
1157
1012
|
case 4:
|
|
1158
1013
|
case "end":
|
|
1159
1014
|
return _context.stop();
|
|
@@ -1164,30 +1019,22 @@ var SelectorData = function SelectorData(props) {
|
|
|
1164
1019
|
};
|
|
1165
1020
|
}
|
|
1166
1021
|
/** 是否具有删除 */
|
|
1167
|
-
|
|
1168
|
-
|
|
1169
1022
|
if (item.close !== undefined) json.close = item.close;
|
|
1170
1023
|
return json;
|
|
1171
1024
|
};
|
|
1172
1025
|
/** 处理节点 */
|
|
1173
|
-
|
|
1174
|
-
|
|
1175
1026
|
var handNode = function handNode() {
|
|
1176
1027
|
if (selectRender) {
|
|
1177
1028
|
return selectRender(list || []);
|
|
1178
1029
|
}
|
|
1179
|
-
|
|
1180
1030
|
return list === null || list === void 0 ? void 0 : list.map(function (item, index) {
|
|
1181
1031
|
return jsx(SelectorNode, Object.assign({}, handNodeConfig(item, index)), index);
|
|
1182
1032
|
});
|
|
1183
1033
|
};
|
|
1184
1034
|
/** 处理标题 */
|
|
1185
|
-
|
|
1186
|
-
|
|
1187
1035
|
var handTitle = function handTitle() {
|
|
1188
1036
|
var handTitleTag = function handTitleTag() {
|
|
1189
1037
|
if (selectDataTitleRender) return selectDataTitleRender(list);
|
|
1190
|
-
|
|
1191
1038
|
if (groupType) {
|
|
1192
1039
|
return jsx(Fragment, {
|
|
1193
1040
|
children: groupType.map(function (item, index) {
|
|
@@ -1204,7 +1051,6 @@ var SelectorData = function SelectorData(props) {
|
|
|
1204
1051
|
});
|
|
1205
1052
|
}
|
|
1206
1053
|
};
|
|
1207
|
-
|
|
1208
1054
|
return jsxs("div", Object.assign({
|
|
1209
1055
|
className: "title"
|
|
1210
1056
|
}, {
|
|
@@ -1216,9 +1062,8 @@ var SelectorData = function SelectorData(props) {
|
|
|
1216
1062
|
}), ":"]
|
|
1217
1063
|
})), handTitleTag()]
|
|
1218
1064
|
}));
|
|
1219
|
-
};
|
|
1220
|
-
|
|
1221
|
-
|
|
1065
|
+
};
|
|
1066
|
+
// 处理节点内容
|
|
1222
1067
|
var handContentNode = function handContentNode() {
|
|
1223
1068
|
return jsxs("div", Object.assign({
|
|
1224
1069
|
className: "selector-data-node-box"
|
|
@@ -1229,14 +1074,12 @@ var SelectorData = function SelectorData(props) {
|
|
|
1229
1074
|
children: handNode()
|
|
1230
1075
|
}))]
|
|
1231
1076
|
}));
|
|
1232
|
-
};
|
|
1233
|
-
|
|
1234
|
-
|
|
1077
|
+
};
|
|
1078
|
+
// 处理内容
|
|
1235
1079
|
var handDetailTagContent = function handDetailTagContent() {
|
|
1236
1080
|
if (selectRender) {
|
|
1237
1081
|
return selectRender(list || []);
|
|
1238
1082
|
}
|
|
1239
|
-
|
|
1240
1083
|
return jsx(Fragment, {
|
|
1241
1084
|
children: list === null || list === void 0 ? void 0 : list.map(function (item, index) {
|
|
1242
1085
|
var disabledItem = handDisabled(item);
|
|
@@ -1255,9 +1098,8 @@ var SelectorData = function SelectorData(props) {
|
|
|
1255
1098
|
}), index);
|
|
1256
1099
|
})
|
|
1257
1100
|
});
|
|
1258
|
-
};
|
|
1259
|
-
|
|
1260
|
-
|
|
1101
|
+
};
|
|
1102
|
+
// 处理tag内容
|
|
1261
1103
|
var handContentTag = function handContentTag() {
|
|
1262
1104
|
return jsxs("div", Object.assign({
|
|
1263
1105
|
className: "selector-data-tag-box"
|
|
@@ -1269,7 +1111,6 @@ var SelectorData = function SelectorData(props) {
|
|
|
1269
1111
|
}))]
|
|
1270
1112
|
}));
|
|
1271
1113
|
};
|
|
1272
|
-
|
|
1273
1114
|
var handClass = function handClass() {
|
|
1274
1115
|
var str = $prefixCls + '-selector-data';
|
|
1275
1116
|
if (layout) str += " ".concat($prefixCls, "-selector-data-").concat(layout);
|
|
@@ -1277,7 +1118,6 @@ var SelectorData = function SelectorData(props) {
|
|
|
1277
1118
|
if (className) str += ' ' + className;
|
|
1278
1119
|
return str;
|
|
1279
1120
|
};
|
|
1280
|
-
|
|
1281
1121
|
return jsx("div", Object.assign({
|
|
1282
1122
|
className: handClass(),
|
|
1283
1123
|
style: style
|
|
@@ -1290,18 +1130,15 @@ var SelectorData = function SelectorData(props) {
|
|
|
1290
1130
|
* 发送请求
|
|
1291
1131
|
* @param obj {ReqFuncProps} 请求信息
|
|
1292
1132
|
*/
|
|
1293
|
-
|
|
1294
1133
|
var reqFunc = function reqFunc(obj) {
|
|
1295
1134
|
var method = obj.method,
|
|
1296
|
-
|
|
1297
|
-
|
|
1298
|
-
|
|
1135
|
+
data = obj.data,
|
|
1136
|
+
otherProps = __rest(obj, ["method", "data"]);
|
|
1299
1137
|
if (method === 'Get') {
|
|
1300
1138
|
return Get(Object.assign({
|
|
1301
1139
|
params: data
|
|
1302
1140
|
}, otherProps));
|
|
1303
1141
|
}
|
|
1304
|
-
|
|
1305
1142
|
if (method === 'Post') {
|
|
1306
1143
|
return Post(Object.assign({
|
|
1307
1144
|
data: data
|
|
@@ -1322,190 +1159,151 @@ var handFieldConfig = function handFieldConfig(fieldConfig, rowKey) {
|
|
|
1322
1159
|
}, fieldConfig);
|
|
1323
1160
|
return json;
|
|
1324
1161
|
};
|
|
1325
|
-
|
|
1326
1162
|
var Selector = function Selector(props) {
|
|
1327
1163
|
var _useGlobalProps = useGlobalProps(props, 'Selector'),
|
|
1328
|
-
|
|
1329
|
-
|
|
1330
|
-
|
|
1331
|
-
|
|
1332
|
-
|
|
1333
|
-
|
|
1334
|
-
|
|
1335
|
-
|
|
1336
|
-
|
|
1337
|
-
|
|
1338
|
-
|
|
1339
|
-
|
|
1340
|
-
|
|
1341
|
-
|
|
1342
|
-
|
|
1343
|
-
|
|
1344
|
-
|
|
1345
|
-
|
|
1346
|
-
|
|
1347
|
-
|
|
1348
|
-
|
|
1349
|
-
|
|
1350
|
-
|
|
1351
|
-
|
|
1352
|
-
|
|
1353
|
-
|
|
1354
|
-
|
|
1355
|
-
|
|
1356
|
-
|
|
1357
|
-
|
|
1358
|
-
|
|
1359
|
-
|
|
1360
|
-
|
|
1361
|
-
|
|
1362
|
-
|
|
1363
|
-
|
|
1364
|
-
|
|
1365
|
-
|
|
1366
|
-
|
|
1367
|
-
|
|
1368
|
-
|
|
1369
|
-
|
|
1370
|
-
|
|
1371
|
-
|
|
1372
|
-
|
|
1373
|
-
|
|
1374
|
-
|
|
1375
|
-
|
|
1376
|
-
|
|
1377
|
-
|
|
1378
|
-
|
|
1164
|
+
className = _useGlobalProps.className,
|
|
1165
|
+
style = _useGlobalProps.style,
|
|
1166
|
+
_useGlobalProps$rowKe = _useGlobalProps.rowKey,
|
|
1167
|
+
rowKey = _useGlobalProps$rowKe === void 0 ? 'key' : _useGlobalProps$rowKe,
|
|
1168
|
+
_useGlobalProps$layou = _useGlobalProps.layout,
|
|
1169
|
+
layout = _useGlobalProps$layou === void 0 ? 'lr' : _useGlobalProps$layou,
|
|
1170
|
+
_useGlobalProps$nodeM = _useGlobalProps.nodeMode,
|
|
1171
|
+
nodeMode = _useGlobalProps$nodeM === void 0 ? 'branch' : _useGlobalProps$nodeM,
|
|
1172
|
+
selectMode = _useGlobalProps.selectMode,
|
|
1173
|
+
refresh = _useGlobalProps.refresh,
|
|
1174
|
+
ctx = _useGlobalProps.ctx,
|
|
1175
|
+
url = _useGlobalProps.url,
|
|
1176
|
+
_useGlobalProps$metho = _useGlobalProps.method,
|
|
1177
|
+
method = _useGlobalProps$metho === void 0 ? 'Get' : _useGlobalProps$metho,
|
|
1178
|
+
value = _useGlobalProps.value,
|
|
1179
|
+
defaultValue = _useGlobalProps.defaultValue,
|
|
1180
|
+
data = _useGlobalProps.data,
|
|
1181
|
+
_useGlobalProps$pagin = _useGlobalProps.pagination,
|
|
1182
|
+
pagination = _useGlobalProps$pagin === void 0 ? false : _useGlobalProps$pagin,
|
|
1183
|
+
_useGlobalProps$size = _useGlobalProps.size,
|
|
1184
|
+
size = _useGlobalProps$size === void 0 ? 10 : _useGlobalProps$size,
|
|
1185
|
+
_useGlobalProps$isLaz = _useGlobalProps.isLazy,
|
|
1186
|
+
isLazy = _useGlobalProps$isLaz === void 0 ? false : _useGlobalProps$isLaz,
|
|
1187
|
+
_useGlobalProps$isAll = _useGlobalProps.isAllCheck,
|
|
1188
|
+
isAllCheck = _useGlobalProps$isAll === void 0 ? true : _useGlobalProps$isAll,
|
|
1189
|
+
disabled = _useGlobalProps.disabled,
|
|
1190
|
+
disabledChild = _useGlobalProps.disabledChild,
|
|
1191
|
+
detail = _useGlobalProps.detail,
|
|
1192
|
+
detailRender = _useGlobalProps.detailRender,
|
|
1193
|
+
backDataFieldConfig = _useGlobalProps.backDataFieldConfig,
|
|
1194
|
+
search = _useGlobalProps.search,
|
|
1195
|
+
searchPlaceholder = _useGlobalProps.searchPlaceholder,
|
|
1196
|
+
_useGlobalProps$searc = _useGlobalProps.searchTrigger,
|
|
1197
|
+
searchTrigger = _useGlobalProps$searc === void 0 ? 'onChange' : _useGlobalProps$searc,
|
|
1198
|
+
_useGlobalProps$bread = _useGlobalProps.breadcrumbs,
|
|
1199
|
+
breadcrumbs = _useGlobalProps$bread === void 0 ? true : _useGlobalProps$bread,
|
|
1200
|
+
breadcrumbsSeparator = _useGlobalProps.breadcrumbsSeparator,
|
|
1201
|
+
breadcrumbsHead = _useGlobalProps.breadcrumbsHead,
|
|
1202
|
+
_useGlobalProps$showb = _useGlobalProps.showbreadcrumbsHead,
|
|
1203
|
+
showbreadcrumbsHead = _useGlobalProps$showb === void 0 ? true : _useGlobalProps$showb,
|
|
1204
|
+
groupType = _useGlobalProps.groupType,
|
|
1205
|
+
_useGlobalProps$group = _useGlobalProps.groupRange,
|
|
1206
|
+
groupRange = _useGlobalProps$group === void 0 ? 'search' : _useGlobalProps$group,
|
|
1207
|
+
emptyProps = _useGlobalProps.emptyProps,
|
|
1208
|
+
selectRenderItem = _useGlobalProps.selectRenderItem,
|
|
1209
|
+
selectRender = _useGlobalProps.selectRender,
|
|
1210
|
+
onChange = _useGlobalProps.onChange,
|
|
1211
|
+
onSelect = _useGlobalProps.onSelect,
|
|
1212
|
+
onSearch = _useGlobalProps.onSearch,
|
|
1213
|
+
onRefresh = _useGlobalProps.onRefresh;
|
|
1379
1214
|
var intl = useFormatMessage('Selector', localeJson);
|
|
1380
1215
|
var fieldConfigHand = handFieldConfig(props.fieldConfig, rowKey); // 字段配置,对应数据字段
|
|
1381
|
-
|
|
1382
1216
|
var selectorFieldConfigHand = Object.assign(Object.assign({}, fieldConfigHand), backDataFieldConfig); // 选中值字段配置,对应数据字段
|
|
1383
|
-
|
|
1384
1217
|
var _useState = useState([]),
|
|
1385
|
-
|
|
1386
|
-
|
|
1387
|
-
|
|
1388
|
-
|
|
1389
|
-
|
|
1218
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
1219
|
+
currentData = _useState2[0],
|
|
1220
|
+
setCurrentData = _useState2[1]; // 当前展示的数据
|
|
1390
1221
|
var _useState3 = useState(false),
|
|
1391
|
-
|
|
1392
|
-
|
|
1393
|
-
|
|
1394
|
-
|
|
1395
|
-
|
|
1222
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
1223
|
+
loadMore = _useState4[0],
|
|
1224
|
+
setLoadMore = _useState4[1]; // 加载更多
|
|
1396
1225
|
var _useState5 = useState([]),
|
|
1397
|
-
|
|
1398
|
-
|
|
1399
|
-
|
|
1400
|
-
|
|
1401
|
-
|
|
1226
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
1227
|
+
valueCom = _useState6[0],
|
|
1228
|
+
setValueCom = _useState6[1]; // 绑定的值
|
|
1402
1229
|
var _useState7 = useState({}),
|
|
1403
|
-
|
|
1404
|
-
|
|
1405
|
-
|
|
1406
|
-
|
|
1407
|
-
|
|
1230
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
1231
|
+
valueJsonCom = _useState8[0],
|
|
1232
|
+
setValueJsonCom = _useState8[1]; // 绑定的值,json
|
|
1408
1233
|
var _useState9 = useState([]),
|
|
1409
|
-
|
|
1410
|
-
|
|
1411
|
-
|
|
1412
|
-
|
|
1413
|
-
|
|
1234
|
+
_useState10 = _slicedToArray(_useState9, 2),
|
|
1235
|
+
breadcrumbsList = _useState10[0],
|
|
1236
|
+
setBreadcrumbsList = _useState10[1]; // 面包屑
|
|
1414
1237
|
var _useState11 = useState(false),
|
|
1415
|
-
|
|
1416
|
-
|
|
1417
|
-
|
|
1418
|
-
|
|
1419
|
-
|
|
1238
|
+
_useState12 = _slicedToArray(_useState11, 2),
|
|
1239
|
+
searchLoading = _useState12[0],
|
|
1240
|
+
setSearchLoading = _useState12[1]; // 搜索loading
|
|
1420
1241
|
var _useState13 = useState({
|
|
1421
|
-
|
|
1422
|
-
|
|
1423
|
-
|
|
1424
|
-
|
|
1425
|
-
|
|
1426
|
-
|
|
1427
|
-
|
|
1242
|
+
val: ''
|
|
1243
|
+
}),
|
|
1244
|
+
_useState14 = _slicedToArray(_useState13, 2),
|
|
1245
|
+
searchVal = _useState14[0],
|
|
1246
|
+
setSearchVal = _useState14[1]; // 搜索值
|
|
1428
1247
|
var _useState15 = useState([]),
|
|
1429
|
-
|
|
1430
|
-
|
|
1431
|
-
|
|
1432
|
-
|
|
1433
|
-
|
|
1248
|
+
_useState16 = _slicedToArray(_useState15, 2),
|
|
1249
|
+
searchList = _useState16[0],
|
|
1250
|
+
setSearchList = _useState16[1]; // 搜索数据
|
|
1434
1251
|
var _useState17 = useState(false),
|
|
1435
|
-
|
|
1436
|
-
|
|
1437
|
-
|
|
1438
|
-
|
|
1439
|
-
|
|
1252
|
+
_useState18 = _slicedToArray(_useState17, 2),
|
|
1253
|
+
searchLoadMore = _useState18[0],
|
|
1254
|
+
setSearchLoadMore = _useState18[1]; // 是否显示搜索的加载更多按钮
|
|
1440
1255
|
var _useState19 = useState(true),
|
|
1441
|
-
|
|
1442
|
-
|
|
1443
|
-
|
|
1444
|
-
|
|
1256
|
+
_useState20 = _slicedToArray(_useState19, 2),
|
|
1257
|
+
loadingCom = _useState20[0],
|
|
1258
|
+
setLoadingCom = _useState20[1];
|
|
1445
1259
|
var _useState21 = useState(),
|
|
1446
|
-
|
|
1447
|
-
|
|
1448
|
-
|
|
1449
|
-
|
|
1260
|
+
_useState22 = _slicedToArray(_useState21, 2),
|
|
1261
|
+
refreshCom = _useState22[0],
|
|
1262
|
+
setRefreshCom = _useState22[1];
|
|
1450
1263
|
var constData = useRef({
|
|
1451
1264
|
/** 对象集合 所有的 */
|
|
1452
1265
|
jsonData: {},
|
|
1453
|
-
|
|
1454
1266
|
/** 浅拷贝对象 所有的 */
|
|
1455
1267
|
jsonDataCopy: {},
|
|
1456
|
-
|
|
1457
1268
|
/** 第一层数据 */
|
|
1458
1269
|
oneDataList: [],
|
|
1459
|
-
|
|
1460
1270
|
/** 当前页数据源 本地数据为当前页所有的数据,请求数据为当前展示的数据 */
|
|
1461
1271
|
currentSourceData: [],
|
|
1462
|
-
|
|
1463
1272
|
/** 当前选中值的mapping */
|
|
1464
1273
|
selectValueJson: {},
|
|
1465
|
-
|
|
1466
1274
|
/** 面包屑数据 带根/搜索 */
|
|
1467
1275
|
breadcrumbsList: [],
|
|
1468
|
-
|
|
1469
1276
|
/** 接口id */
|
|
1470
1277
|
reqId: Math.random().toString(),
|
|
1471
|
-
|
|
1472
1278
|
/** 请求数据 */
|
|
1473
1279
|
reqParams: {
|
|
1474
1280
|
size: 10,
|
|
1475
1281
|
pagination: false,
|
|
1476
1282
|
isLazy: false
|
|
1477
1283
|
},
|
|
1478
|
-
|
|
1479
1284
|
/** 不是懒加载, 是否请求过 */
|
|
1480
1285
|
noLazyReq: false,
|
|
1481
|
-
|
|
1482
1286
|
/** 更改数据定时器 */
|
|
1483
1287
|
reqTimer: null,
|
|
1484
|
-
|
|
1485
1288
|
/** 页数 */
|
|
1486
1289
|
page: 1,
|
|
1487
|
-
|
|
1488
1290
|
/** 搜索值 */
|
|
1489
1291
|
searchVal: '',
|
|
1490
|
-
|
|
1491
1292
|
/** 搜索点了下级,记录搜索前的面包屑,null说明没有储存过 */
|
|
1492
1293
|
beforeSearchBreadcrumbs: null,
|
|
1493
|
-
|
|
1494
1294
|
/** 搜索配置 */
|
|
1495
1295
|
searchConfig: {
|
|
1496
1296
|
page: 1,
|
|
1497
1297
|
size: 10,
|
|
1498
1298
|
reqId: Math.random().toString(),
|
|
1499
|
-
|
|
1500
1299
|
/** 当前页数据源 本地数据为当前页所有的数据,请求数据为当前展示的数据 */
|
|
1501
1300
|
currentSourceData: []
|
|
1502
1301
|
}
|
|
1503
1302
|
}); // 常量
|
|
1504
|
-
|
|
1505
1303
|
constData.current.reqParams.size = size;
|
|
1506
1304
|
constData.current.reqParams.pagination = pagination;
|
|
1507
|
-
constData.current.reqParams.isLazy = isLazy;
|
|
1508
|
-
|
|
1305
|
+
constData.current.reqParams.isLazy = isLazy;
|
|
1306
|
+
// 本地数据 有接口的全量数据 -> 走本地数据逻辑
|
|
1509
1307
|
var isReqLocalData = props.data || !constData.current.reqParams.isLazy && constData.current.noLazyReq;
|
|
1510
1308
|
useEffect(function () {
|
|
1511
1309
|
if (defaultValue !== undefined) handValue(defaultValue);
|
|
@@ -1515,8 +1313,8 @@ var Selector = function Selector(props) {
|
|
|
1515
1313
|
}, []);
|
|
1516
1314
|
useEffect(function () {
|
|
1517
1315
|
if (value !== undefined) handValue(value);
|
|
1518
|
-
}, [value]);
|
|
1519
|
-
|
|
1316
|
+
}, [value]);
|
|
1317
|
+
// 处理源数据
|
|
1520
1318
|
useEffect(function () {
|
|
1521
1319
|
if (data) {
|
|
1522
1320
|
var treeData = convertTree(data, false);
|
|
@@ -1531,8 +1329,8 @@ var Selector = function Selector(props) {
|
|
|
1531
1329
|
setBreadcrumbsList([]);
|
|
1532
1330
|
handInitCurrent();
|
|
1533
1331
|
}
|
|
1534
|
-
}, [url]);
|
|
1535
|
-
|
|
1332
|
+
}, [url]);
|
|
1333
|
+
// 请求数据
|
|
1536
1334
|
useEffect(function () {
|
|
1537
1335
|
clearTimeout(constData.current.reqTimer);
|
|
1538
1336
|
if (props.url) Cancel(constData.current.reqId);
|
|
@@ -1540,12 +1338,11 @@ var Selector = function Selector(props) {
|
|
|
1540
1338
|
// 本地数据 不是懒加载的全量接口数据
|
|
1541
1339
|
if (isReqLocalData) {
|
|
1542
1340
|
var currentSourceData = constData.current.currentSourceData;
|
|
1543
|
-
|
|
1544
1341
|
if (constData.current.reqParams.pagination) {
|
|
1545
1342
|
// 分页
|
|
1546
1343
|
var sliceData = currentSourceData.slice(0, constData.current.page * constData.current.reqParams.size);
|
|
1547
|
-
setCurrentData(sliceData);
|
|
1548
|
-
|
|
1344
|
+
setCurrentData(sliceData);
|
|
1345
|
+
// 没有加载更多
|
|
1549
1346
|
if (constData.current.page * constData.current.reqParams.size >= currentSourceData.length) {
|
|
1550
1347
|
setLoadMore(false);
|
|
1551
1348
|
} else {
|
|
@@ -1555,11 +1352,9 @@ var Selector = function Selector(props) {
|
|
|
1555
1352
|
// 不分页
|
|
1556
1353
|
setCurrentData(currentSourceData);
|
|
1557
1354
|
}
|
|
1558
|
-
|
|
1559
1355
|
setLoadingCom(false);
|
|
1560
|
-
}
|
|
1561
|
-
|
|
1562
|
-
|
|
1356
|
+
}
|
|
1357
|
+
// 远程数据
|
|
1563
1358
|
if (props.url) {
|
|
1564
1359
|
var obj = {
|
|
1565
1360
|
method: method,
|
|
@@ -1569,15 +1364,14 @@ var Selector = function Selector(props) {
|
|
|
1569
1364
|
data: Object.assign({
|
|
1570
1365
|
parentId: handParentId()
|
|
1571
1366
|
}, props.params)
|
|
1572
|
-
};
|
|
1573
|
-
|
|
1367
|
+
};
|
|
1368
|
+
// 懒加载
|
|
1574
1369
|
if (constData.current.reqParams.isLazy) {
|
|
1575
1370
|
// 分页
|
|
1576
1371
|
if (constData.current.reqParams.pagination) {
|
|
1577
1372
|
obj.data.size = constData.current.reqParams.size;
|
|
1578
1373
|
obj.data.page = constData.current.page;
|
|
1579
1374
|
}
|
|
1580
|
-
|
|
1581
1375
|
handReq(props.paramsCallback ? props.paramsCallback(obj) : obj);
|
|
1582
1376
|
} else {
|
|
1583
1377
|
// 不是懒加载 全量数据 只请求一次
|
|
@@ -1590,12 +1384,10 @@ var Selector = function Selector(props) {
|
|
|
1590
1384
|
if (refresh) refreshFunc();
|
|
1591
1385
|
}, [refresh]);
|
|
1592
1386
|
/** 刷新 */
|
|
1593
|
-
|
|
1594
1387
|
var refreshFunc = function refreshFunc() {
|
|
1595
1388
|
if (!isReqLocalData) {
|
|
1596
1389
|
constData.current.currentSourceData = [];
|
|
1597
1390
|
}
|
|
1598
|
-
|
|
1599
1391
|
handInitCurrent();
|
|
1600
1392
|
};
|
|
1601
1393
|
/**
|
|
@@ -1603,8 +1395,6 @@ var Selector = function Selector(props) {
|
|
|
1603
1395
|
* @param item 节点数据
|
|
1604
1396
|
* @param bol 是否是搜索
|
|
1605
1397
|
* */
|
|
1606
|
-
|
|
1607
|
-
|
|
1608
1398
|
var handNodeData = function handNodeData(item, bol) {
|
|
1609
1399
|
var itemData = {
|
|
1610
1400
|
key: item[rowKey],
|
|
@@ -1622,8 +1412,8 @@ var Selector = function Selector(props) {
|
|
|
1622
1412
|
leaf: nodeMode === 'leaf',
|
|
1623
1413
|
//child: false,
|
|
1624
1414
|
data: item
|
|
1625
|
-
};
|
|
1626
|
-
|
|
1415
|
+
};
|
|
1416
|
+
// 如果外部存在节点回调
|
|
1627
1417
|
if (props.handNodeInfo) itemData = props.handNodeInfo(itemData, bol);
|
|
1628
1418
|
return itemData;
|
|
1629
1419
|
};
|
|
@@ -1633,12 +1423,10 @@ var Selector = function Selector(props) {
|
|
|
1633
1423
|
* @param notTree true不生成树
|
|
1634
1424
|
* @param isSearch 是否搜索
|
|
1635
1425
|
* */
|
|
1636
|
-
|
|
1637
|
-
|
|
1638
1426
|
var convertTree = function convertTree(arr, notTree, isSearch) {
|
|
1639
1427
|
var handArr = [];
|
|
1640
|
-
var json = {};
|
|
1641
|
-
|
|
1428
|
+
var json = {};
|
|
1429
|
+
// 生成mappingd对象
|
|
1642
1430
|
var recurrence = function recurrence(list) {
|
|
1643
1431
|
for (var i = 0, l = list.length; i < l; i++) {
|
|
1644
1432
|
var item = list[i];
|
|
@@ -1647,29 +1435,23 @@ var Selector = function Selector(props) {
|
|
|
1647
1435
|
json[keyStr] = itemData;
|
|
1648
1436
|
var childrenName = fieldConfigHand.children;
|
|
1649
1437
|
constData.current.jsonDataCopy[keyStr] = item; // 原始数据
|
|
1650
|
-
|
|
1651
1438
|
constData.current.jsonData[keyStr] = itemData; // 处理过的数据
|
|
1652
|
-
|
|
1653
1439
|
if (item[childrenName]) {
|
|
1654
1440
|
recurrence(item[childrenName]);
|
|
1655
1441
|
}
|
|
1656
1442
|
}
|
|
1657
1443
|
};
|
|
1658
|
-
|
|
1659
|
-
|
|
1660
|
-
|
|
1444
|
+
recurrence(arr);
|
|
1445
|
+
// 生成tree数据
|
|
1661
1446
|
var arrKey = Object.keys(json);
|
|
1662
|
-
|
|
1663
1447
|
for (var i = 0, l = arrKey.length; i < l; i++) {
|
|
1664
1448
|
var keyStr = arrKey[i];
|
|
1665
1449
|
var item = json[keyStr];
|
|
1666
1450
|
var parentId = item.parentId || '';
|
|
1667
|
-
|
|
1668
1451
|
if (notTree) {
|
|
1669
1452
|
handArr.push(item);
|
|
1670
1453
|
continue;
|
|
1671
1454
|
}
|
|
1672
|
-
|
|
1673
1455
|
if (parentId && json[parentId]) {
|
|
1674
1456
|
if (!json[parentId].children) json[parentId].children = [];
|
|
1675
1457
|
json[parentId].children.push(item);
|
|
@@ -1677,24 +1459,20 @@ var Selector = function Selector(props) {
|
|
|
1677
1459
|
handArr.push(item);
|
|
1678
1460
|
}
|
|
1679
1461
|
}
|
|
1680
|
-
|
|
1681
1462
|
return handArr;
|
|
1682
1463
|
};
|
|
1683
1464
|
/** 处理parentId */
|
|
1684
|
-
|
|
1685
|
-
|
|
1686
1465
|
var handParentId = function handParentId() {
|
|
1687
|
-
var parentId;
|
|
1688
|
-
|
|
1466
|
+
var parentId;
|
|
1467
|
+
// 面包屑最后一项做parent
|
|
1689
1468
|
if (constData.current.breadcrumbsList.length > 0) {
|
|
1690
1469
|
// 包含了根,所以要多加1
|
|
1691
1470
|
var item = constData.current.breadcrumbsList[constData.current.breadcrumbsList.length - 1];
|
|
1692
1471
|
parentId = item.value;
|
|
1693
1472
|
} else {
|
|
1694
1473
|
if (props.breadcrumbsHead) parentId = props.breadcrumbsHead.value; // 根
|
|
1695
|
-
}
|
|
1696
|
-
|
|
1697
|
-
|
|
1474
|
+
}
|
|
1475
|
+
// 显示首级, 面包屑只有一层, 拿首级
|
|
1698
1476
|
if (showbreadcrumbsHead && constData.current.breadcrumbsList.length === 1) {
|
|
1699
1477
|
parentId = undefined;
|
|
1700
1478
|
if (props.breadcrumbsHead) parentId = props.breadcrumbsHead.value; // 根
|
|
@@ -1703,12 +1481,9 @@ var Selector = function Selector(props) {
|
|
|
1703
1481
|
return parentId;
|
|
1704
1482
|
};
|
|
1705
1483
|
/** 请求 */
|
|
1706
|
-
|
|
1707
|
-
|
|
1708
1484
|
var handReq = function handReq(obj) {
|
|
1709
1485
|
return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee() {
|
|
1710
1486
|
var _yield$reqFunc, data, err;
|
|
1711
|
-
|
|
1712
1487
|
return regenerator.wrap(function _callee$(_context) {
|
|
1713
1488
|
while (1) {
|
|
1714
1489
|
switch (_context.prev = _context.next) {
|
|
@@ -1716,19 +1491,15 @@ var Selector = function Selector(props) {
|
|
|
1716
1491
|
setLoadingCom(true);
|
|
1717
1492
|
_context.next = 3;
|
|
1718
1493
|
return reqFunc(obj);
|
|
1719
|
-
|
|
1720
1494
|
case 3:
|
|
1721
1495
|
_yield$reqFunc = _context.sent;
|
|
1722
1496
|
data = _yield$reqFunc.data;
|
|
1723
1497
|
err = _yield$reqFunc.err;
|
|
1724
|
-
|
|
1725
1498
|
if (!err) {
|
|
1726
1499
|
_context.next = 10;
|
|
1727
1500
|
break;
|
|
1728
1501
|
}
|
|
1729
|
-
|
|
1730
1502
|
setLoadingCom(false);
|
|
1731
|
-
|
|
1732
1503
|
if (constData.current.reqParams.isLazy) {
|
|
1733
1504
|
// 懒加载
|
|
1734
1505
|
if (constData.current.reqParams.pagination) {
|
|
@@ -1736,25 +1507,20 @@ var Selector = function Selector(props) {
|
|
|
1736
1507
|
if (constData.current.page !== 1) constData.current.page = constData.current.page - 1;
|
|
1737
1508
|
}
|
|
1738
1509
|
}
|
|
1739
|
-
|
|
1740
1510
|
return _context.abrupt("return");
|
|
1741
|
-
|
|
1742
1511
|
case 10:
|
|
1743
1512
|
if (!props.requestCallback) {
|
|
1744
1513
|
_context.next = 13;
|
|
1745
1514
|
break;
|
|
1746
1515
|
}
|
|
1747
|
-
|
|
1748
1516
|
props.requestCallback(data, function (handData) {
|
|
1749
1517
|
setLoadingCom(false);
|
|
1750
1518
|
handReqData(handData);
|
|
1751
1519
|
});
|
|
1752
1520
|
return _context.abrupt("return");
|
|
1753
|
-
|
|
1754
1521
|
case 13:
|
|
1755
1522
|
setLoadingCom(false);
|
|
1756
1523
|
handReqData(data);
|
|
1757
|
-
|
|
1758
1524
|
case 15:
|
|
1759
1525
|
case "end":
|
|
1760
1526
|
return _context.stop();
|
|
@@ -1764,8 +1530,6 @@ var Selector = function Selector(props) {
|
|
|
1764
1530
|
}));
|
|
1765
1531
|
};
|
|
1766
1532
|
/** 接口回来处理数据 */
|
|
1767
|
-
|
|
1768
|
-
|
|
1769
1533
|
var handReqData = function handReqData(resultData) {
|
|
1770
1534
|
if (constData.current.reqParams.isLazy) {
|
|
1771
1535
|
// 懒加载
|
|
@@ -1778,7 +1542,6 @@ var Selector = function Selector(props) {
|
|
|
1778
1542
|
var currentD = [].concat(_toConsumableArray(constData.current.currentSourceData), _toConsumableArray(arrHand));
|
|
1779
1543
|
constData.current.currentSourceData = currentD;
|
|
1780
1544
|
setCurrentData(currentD);
|
|
1781
|
-
|
|
1782
1545
|
if (constData.current.page * constData.current.reqParams.size >= total) {
|
|
1783
1546
|
setLoadMore(false);
|
|
1784
1547
|
} else {
|
|
@@ -1787,7 +1550,6 @@ var Selector = function Selector(props) {
|
|
|
1787
1550
|
} else {
|
|
1788
1551
|
// 不分页 必须返回平铺的数组
|
|
1789
1552
|
var _arr = resultData.data || [];
|
|
1790
|
-
|
|
1791
1553
|
var treeData = convertTree(_arr, true);
|
|
1792
1554
|
constData.current.currentSourceData = treeData;
|
|
1793
1555
|
setCurrentData(treeData);
|
|
@@ -1795,54 +1557,39 @@ var Selector = function Selector(props) {
|
|
|
1795
1557
|
} else {
|
|
1796
1558
|
// 不是懒加载 只请求一次
|
|
1797
1559
|
constData.current.noLazyReq = true;
|
|
1798
|
-
|
|
1799
1560
|
var _arr2 = resultData.data || [];
|
|
1800
|
-
|
|
1801
1561
|
var _treeData = convertTree(_arr2, false);
|
|
1802
|
-
|
|
1803
1562
|
constData.current.oneDataList = _treeData; // 第一层数据
|
|
1804
|
-
|
|
1805
1563
|
constData.current.currentSourceData = _treeData;
|
|
1806
1564
|
handInitCurrent();
|
|
1807
1565
|
}
|
|
1808
1566
|
};
|
|
1809
1567
|
/** 当前页初始更新 */
|
|
1810
|
-
|
|
1811
|
-
|
|
1812
1568
|
var handInitCurrent = function handInitCurrent() {
|
|
1813
1569
|
constData.current.page = 1;
|
|
1814
1570
|
setRefreshCom(Math.random());
|
|
1815
1571
|
};
|
|
1816
1572
|
/** 处理value */
|
|
1817
|
-
|
|
1818
|
-
|
|
1819
1573
|
var handValue = function handValue(val) {
|
|
1820
1574
|
var handVal = !val ? [] : [val];
|
|
1821
|
-
|
|
1822
1575
|
if (val instanceof Array) {
|
|
1823
1576
|
handVal = _toConsumableArray(val);
|
|
1824
1577
|
}
|
|
1825
|
-
|
|
1826
1578
|
var json = ArrayToObject(selectorFieldConfigHand.key, handVal);
|
|
1827
1579
|
constData.current.selectValueJson = json;
|
|
1828
1580
|
setValueJsonCom(json);
|
|
1829
1581
|
setValueCom(_toConsumableArray(handVal));
|
|
1830
1582
|
};
|
|
1831
1583
|
/** 点击下级,添加面包屑 */
|
|
1832
|
-
|
|
1833
|
-
|
|
1834
1584
|
var onLevelAddBreadcrumbs = function onLevelAddBreadcrumbs(item, isSearch) {
|
|
1835
1585
|
var arr = _toConsumableArray(breadcrumbsList);
|
|
1836
|
-
|
|
1837
1586
|
if (isSearch) {
|
|
1838
1587
|
arr = [];
|
|
1839
|
-
|
|
1840
1588
|
if (constData.current.beforeSearchBreadcrumbs === null) {
|
|
1841
1589
|
// 记录搜索之前的面包屑
|
|
1842
1590
|
constData.current.beforeSearchBreadcrumbs = _toConsumableArray(breadcrumbsList);
|
|
1843
1591
|
}
|
|
1844
1592
|
}
|
|
1845
|
-
|
|
1846
1593
|
arr.push({
|
|
1847
1594
|
label: item.mainTitle,
|
|
1848
1595
|
value: item.key || ''
|
|
@@ -1850,11 +1597,8 @@ var Selector = function Selector(props) {
|
|
|
1850
1597
|
setBreadcrumbsList(arr);
|
|
1851
1598
|
};
|
|
1852
1599
|
/** 点击下级 */
|
|
1853
|
-
|
|
1854
|
-
|
|
1855
1600
|
var onLevelCom = function onLevelCom(item, isSearch) {
|
|
1856
1601
|
onLevelAddBreadcrumbs(item, isSearch);
|
|
1857
|
-
|
|
1858
1602
|
if (isReqLocalData) {
|
|
1859
1603
|
// 本地数据
|
|
1860
1604
|
constData.current.currentSourceData = item.children || [];
|
|
@@ -1867,29 +1611,22 @@ var Selector = function Selector(props) {
|
|
|
1867
1611
|
// 分页
|
|
1868
1612
|
constData.current.currentSourceData = [];
|
|
1869
1613
|
}
|
|
1870
|
-
|
|
1871
1614
|
handInitCurrent();
|
|
1872
1615
|
}
|
|
1873
1616
|
}
|
|
1874
1617
|
};
|
|
1875
1618
|
/** 处理抛出去的数据 */
|
|
1876
|
-
|
|
1877
|
-
|
|
1878
1619
|
var handEmitValue = function handEmitValue(item) {
|
|
1879
1620
|
var arr = ['key', 'img', 'mainTitle', 'subTitle', 'tag'];
|
|
1880
|
-
|
|
1881
1621
|
if (props.groupType && props.groupType.length > 0) {
|
|
1882
1622
|
arr.push('type');
|
|
1883
1623
|
}
|
|
1884
|
-
|
|
1885
1624
|
var json = {};
|
|
1886
|
-
|
|
1887
1625
|
for (var i = 0, l = arr.length; i < l; i++) {
|
|
1888
1626
|
var arrItem = arr[i];
|
|
1889
1627
|
var name = selectorFieldConfigHand[arrItem];
|
|
1890
1628
|
if (name) json[name] = item[arrItem];
|
|
1891
1629
|
}
|
|
1892
|
-
|
|
1893
1630
|
return json;
|
|
1894
1631
|
};
|
|
1895
1632
|
/**
|
|
@@ -1899,95 +1636,73 @@ var Selector = function Selector(props) {
|
|
|
1899
1636
|
* @param node 处理过的节点数据
|
|
1900
1637
|
* @param rowData 原始数据节点
|
|
1901
1638
|
* */
|
|
1902
|
-
|
|
1903
|
-
|
|
1904
1639
|
var onChangeEmit = function onChangeEmit(val, valCom, node, rowData) {
|
|
1905
1640
|
onChange && onChange(val, node, rowData);
|
|
1906
|
-
|
|
1907
1641
|
if (value == undefined) {
|
|
1908
1642
|
handValue(!val ? [] : val);
|
|
1909
1643
|
}
|
|
1910
1644
|
};
|
|
1911
1645
|
/** 选择数据 */
|
|
1912
|
-
|
|
1913
|
-
|
|
1914
1646
|
var onSelectCom = function onSelectCom(item) {
|
|
1915
1647
|
return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee2() {
|
|
1916
1648
|
var keyStr, selectVal, bol, json, arr, node, rowData, i, l, valueComItem, valueComItemId, _json;
|
|
1917
|
-
|
|
1918
1649
|
return regenerator.wrap(function _callee2$(_context2) {
|
|
1919
1650
|
while (1) {
|
|
1920
1651
|
switch (_context2.prev = _context2.next) {
|
|
1921
1652
|
case 0:
|
|
1922
1653
|
keyStr = item.key || ''; // key
|
|
1923
1654
|
// 单选且选中,点击不触发
|
|
1924
|
-
|
|
1925
1655
|
if (!(selectMode === 'radio' && valueJsonCom[keyStr])) {
|
|
1926
1656
|
_context2.next = 3;
|
|
1927
1657
|
break;
|
|
1928
1658
|
}
|
|
1929
|
-
|
|
1930
1659
|
return _context2.abrupt("return");
|
|
1931
|
-
|
|
1932
1660
|
case 3:
|
|
1933
1661
|
selectVal = constData.current.selectValueJson[keyStr]; // 存在选中值当中 -> 选中变不选中
|
|
1934
|
-
|
|
1935
1662
|
if (!onSelect) {
|
|
1936
1663
|
_context2.next = 10;
|
|
1937
1664
|
break;
|
|
1938
1665
|
}
|
|
1939
|
-
|
|
1940
1666
|
_context2.next = 7;
|
|
1941
1667
|
return onSelect(item, selectMode === 'radio' ? true : !selectVal, false);
|
|
1942
|
-
|
|
1943
1668
|
case 7:
|
|
1944
1669
|
bol = _context2.sent;
|
|
1945
|
-
|
|
1946
1670
|
if (!bol) {
|
|
1947
1671
|
_context2.next = 10;
|
|
1948
1672
|
break;
|
|
1949
1673
|
}
|
|
1950
|
-
|
|
1951
1674
|
return _context2.abrupt("return");
|
|
1952
|
-
|
|
1953
1675
|
case 10:
|
|
1954
1676
|
// 单选
|
|
1955
1677
|
if (selectMode === 'radio') {
|
|
1956
1678
|
json = handEmitValue(item);
|
|
1957
1679
|
onChangeEmit(json, [json], constData.current.jsonData[keyStr], constData.current.jsonDataCopy[keyStr]);
|
|
1958
|
-
}
|
|
1959
|
-
|
|
1960
|
-
|
|
1680
|
+
}
|
|
1681
|
+
// 多选
|
|
1961
1682
|
if (selectMode === 'check') {
|
|
1962
1683
|
arr = [];
|
|
1963
1684
|
node = {}; // 处理过得数据
|
|
1964
|
-
|
|
1965
1685
|
rowData = {}; // 原始数据
|
|
1966
1686
|
// 把即将不选中的值,从valueCom里面拿掉
|
|
1967
|
-
|
|
1968
1687
|
for (i = 0, l = valueCom.length; i < l; i++) {
|
|
1969
1688
|
valueComItem = valueCom[i]; // 选中valueCom都保留
|
|
1970
1689
|
// 不选中 保留valueCom里面的key不等于当前的key
|
|
1971
|
-
|
|
1972
1690
|
if (!selectVal || item.key !== valueComItem[selectorFieldConfigHand.key]) {
|
|
1973
1691
|
valueComItemId = valueComItem[selectorFieldConfigHand.key];
|
|
1974
1692
|
node[valueComItemId] = constData.current.jsonData[valueComItemId];
|
|
1975
1693
|
rowData[valueComItemId] = constData.current.jsonDataCopy[valueComItemId];
|
|
1976
1694
|
arr.push(valueComItem);
|
|
1977
1695
|
}
|
|
1978
|
-
}
|
|
1979
|
-
|
|
1980
|
-
|
|
1696
|
+
}
|
|
1697
|
+
// 不选中 -> 选中
|
|
1981
1698
|
if (!selectVal) {
|
|
1982
1699
|
_json = handEmitValue(item);
|
|
1983
1700
|
node[keyStr] = constData.current.jsonData[keyStr];
|
|
1984
1701
|
rowData[keyStr] = constData.current.jsonDataCopy[keyStr];
|
|
1985
1702
|
arr.push(_json);
|
|
1986
1703
|
}
|
|
1987
|
-
|
|
1988
1704
|
onChangeEmit(arr, arr, node, rowData);
|
|
1989
1705
|
}
|
|
1990
|
-
|
|
1991
1706
|
case 12:
|
|
1992
1707
|
case "end":
|
|
1993
1708
|
return _context2.stop();
|
|
@@ -1997,19 +1712,15 @@ var Selector = function Selector(props) {
|
|
|
1997
1712
|
}));
|
|
1998
1713
|
};
|
|
1999
1714
|
/** 处理禁用状态 */
|
|
2000
|
-
|
|
2001
|
-
|
|
2002
1715
|
var handDisabled = function handDisabled(item) {
|
|
2003
1716
|
if (disabled) {
|
|
2004
1717
|
if (disabled === true) return true;
|
|
2005
|
-
|
|
2006
1718
|
if (disabled instanceof Array) {
|
|
2007
1719
|
if (item.key && disabled.indexOf(item.key) !== -1) {
|
|
2008
1720
|
return true;
|
|
2009
1721
|
}
|
|
2010
1722
|
}
|
|
2011
1723
|
}
|
|
2012
|
-
|
|
2013
1724
|
if (item.disabled) return true;
|
|
2014
1725
|
return false;
|
|
2015
1726
|
};
|
|
@@ -2017,50 +1728,35 @@ var Selector = function Selector(props) {
|
|
|
2017
1728
|
* 点击全选
|
|
2018
1729
|
* @param bol true全选
|
|
2019
1730
|
* */
|
|
2020
|
-
|
|
2021
|
-
|
|
2022
1731
|
var onAllCheckCom = function onAllCheckCom(bol) {
|
|
2023
1732
|
return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee3() {
|
|
2024
1733
|
var arrList, arrVal, arrval1, node, rowData, selectArr, selectEmitData, i, l, item, keyStr, disabledItem, _i, _l, _item, _keyStr, emitArr, flag;
|
|
2025
|
-
|
|
2026
1734
|
return regenerator.wrap(function _callee3$(_context3) {
|
|
2027
1735
|
while (1) {
|
|
2028
1736
|
switch (_context3.prev = _context3.next) {
|
|
2029
1737
|
case 0:
|
|
2030
1738
|
arrList = _toConsumableArray(currentData); // 当前列的数据
|
|
2031
|
-
|
|
2032
1739
|
arrVal = _toConsumableArray(valueCom); // 全选 绑定的值
|
|
2033
|
-
|
|
2034
1740
|
arrval1 = []; // 全不选 绑定的值
|
|
2035
|
-
|
|
2036
1741
|
node = {}; // 处理过得数据
|
|
2037
|
-
|
|
2038
1742
|
rowData = {}; // 原始数据
|
|
2039
|
-
|
|
2040
1743
|
selectArr = []; // 全不选 - 当前列选中值
|
|
2041
|
-
|
|
2042
1744
|
selectEmitData = []; // 选择事件抛出去的值
|
|
2043
1745
|
// 循环当前列数据
|
|
2044
|
-
|
|
2045
1746
|
i = 0, l = arrList.length;
|
|
2046
|
-
|
|
2047
1747
|
case 8:
|
|
2048
1748
|
if (!(i < l)) {
|
|
2049
1749
|
_context3.next = 18;
|
|
2050
1750
|
break;
|
|
2051
1751
|
}
|
|
2052
|
-
|
|
2053
1752
|
item = arrList[i];
|
|
2054
1753
|
keyStr = item.key || '';
|
|
2055
1754
|
disabledItem = handDisabled(item);
|
|
2056
|
-
|
|
2057
1755
|
if (!disabledItem) {
|
|
2058
1756
|
_context3.next = 14;
|
|
2059
1757
|
break;
|
|
2060
1758
|
}
|
|
2061
|
-
|
|
2062
1759
|
return _context3.abrupt("continue", 15);
|
|
2063
|
-
|
|
2064
1760
|
case 14:
|
|
2065
1761
|
if (bol) {
|
|
2066
1762
|
// 全选
|
|
@@ -2077,17 +1773,14 @@ var Selector = function Selector(props) {
|
|
|
2077
1773
|
selectEmitData.push(item);
|
|
2078
1774
|
}
|
|
2079
1775
|
}
|
|
2080
|
-
|
|
2081
1776
|
case 15:
|
|
2082
1777
|
i++;
|
|
2083
1778
|
_context3.next = 8;
|
|
2084
1779
|
break;
|
|
2085
|
-
|
|
2086
1780
|
case 18:
|
|
2087
1781
|
for (_i = 0, _l = arrVal.length; _i < _l; _i++) {
|
|
2088
1782
|
_item = arrVal[_i];
|
|
2089
1783
|
_keyStr = _item[selectorFieldConfigHand.key];
|
|
2090
|
-
|
|
2091
1784
|
if (bol) {
|
|
2092
1785
|
// 全选
|
|
2093
1786
|
node[_keyStr] = constData.current.jsonData[_keyStr];
|
|
@@ -2102,30 +1795,22 @@ var Selector = function Selector(props) {
|
|
|
2102
1795
|
}
|
|
2103
1796
|
}
|
|
2104
1797
|
}
|
|
2105
|
-
|
|
2106
1798
|
emitArr = bol ? arrVal : arrval1;
|
|
2107
|
-
|
|
2108
1799
|
if (!onSelect) {
|
|
2109
1800
|
_context3.next = 26;
|
|
2110
1801
|
break;
|
|
2111
1802
|
}
|
|
2112
|
-
|
|
2113
1803
|
_context3.next = 23;
|
|
2114
1804
|
return onSelect(selectEmitData, !!bol, false);
|
|
2115
|
-
|
|
2116
1805
|
case 23:
|
|
2117
1806
|
flag = _context3.sent;
|
|
2118
|
-
|
|
2119
1807
|
if (!flag) {
|
|
2120
1808
|
_context3.next = 26;
|
|
2121
1809
|
break;
|
|
2122
1810
|
}
|
|
2123
|
-
|
|
2124
1811
|
return _context3.abrupt("return");
|
|
2125
|
-
|
|
2126
1812
|
case 26:
|
|
2127
1813
|
onChangeEmit(emitArr, emitArr, node, rowData);
|
|
2128
|
-
|
|
2129
1814
|
case 27:
|
|
2130
1815
|
case "end":
|
|
2131
1816
|
return _context3.stop();
|
|
@@ -2135,8 +1820,6 @@ var Selector = function Selector(props) {
|
|
|
2135
1820
|
}));
|
|
2136
1821
|
};
|
|
2137
1822
|
/** 点击查看更多 */
|
|
2138
|
-
|
|
2139
|
-
|
|
2140
1823
|
var onLoadCom = function onLoadCom(isSearch) {
|
|
2141
1824
|
if (isSearch) {
|
|
2142
1825
|
// 搜索
|
|
@@ -2144,24 +1827,20 @@ var Selector = function Selector(props) {
|
|
|
2144
1827
|
reqSearch();
|
|
2145
1828
|
return;
|
|
2146
1829
|
}
|
|
2147
|
-
|
|
2148
1830
|
constData.current.page = constData.current.page + 1;
|
|
2149
1831
|
setRefreshCom(Math.random());
|
|
2150
1832
|
};
|
|
2151
1833
|
/** 处理面包屑数组 */
|
|
2152
|
-
|
|
2153
|
-
|
|
2154
1834
|
var handBreadcrumbsList = function handBreadcrumbsList() {
|
|
2155
|
-
var arr = _toConsumableArray(breadcrumbsList);
|
|
2156
|
-
|
|
2157
|
-
|
|
1835
|
+
var arr = _toConsumableArray(breadcrumbsList);
|
|
1836
|
+
// 根路径
|
|
2158
1837
|
var oneItem = breadcrumbsHead || {
|
|
2159
1838
|
label: intl({
|
|
2160
1839
|
id: 'root'
|
|
2161
1840
|
}),
|
|
2162
1841
|
value: '_paraui_first_floor'
|
|
2163
|
-
};
|
|
2164
|
-
|
|
1842
|
+
};
|
|
1843
|
+
// 具有搜索结果的上下级
|
|
2165
1844
|
if (constData.current.searchVal) {
|
|
2166
1845
|
arr.unshift({
|
|
2167
1846
|
label: props.searchBreadcrumbs ? props.searchBreadcrumbs : intl({
|
|
@@ -2170,50 +1849,40 @@ var Selector = function Selector(props) {
|
|
|
2170
1849
|
value: '_paraui_search'
|
|
2171
1850
|
});
|
|
2172
1851
|
}
|
|
2173
|
-
|
|
2174
1852
|
if (showbreadcrumbsHead) arr.unshift(oneItem);
|
|
2175
1853
|
constData.current.breadcrumbsList = arr;
|
|
2176
1854
|
return arr;
|
|
2177
1855
|
};
|
|
2178
1856
|
/** 截取面包屑数据 */
|
|
2179
|
-
|
|
2180
|
-
|
|
2181
1857
|
var spliceBreadcrumbs = function spliceBreadcrumbs(item) {
|
|
2182
1858
|
var arr = [];
|
|
2183
|
-
|
|
2184
1859
|
for (var i = 0, l = breadcrumbsList.length; i < l; i++) {
|
|
2185
1860
|
var itemB = breadcrumbsList[i];
|
|
2186
1861
|
arr.push(itemB);
|
|
2187
|
-
|
|
2188
1862
|
if (itemB.value === item.value) {
|
|
2189
1863
|
break;
|
|
2190
1864
|
}
|
|
2191
1865
|
}
|
|
2192
|
-
|
|
2193
1866
|
return arr;
|
|
2194
1867
|
};
|
|
2195
1868
|
/** 点击面包屑 */
|
|
2196
|
-
|
|
2197
|
-
|
|
2198
1869
|
var onClickBreadcrumbsCom = function onClickBreadcrumbsCom(item) {
|
|
2199
|
-
var list = constData.current.breadcrumbsList;
|
|
2200
|
-
|
|
1870
|
+
var list = constData.current.breadcrumbsList;
|
|
1871
|
+
// 点击最后一层,不触发数据变更
|
|
2201
1872
|
if (list.length === 0 || item.value === list[list.length - 1].value) {
|
|
2202
1873
|
return;
|
|
2203
1874
|
}
|
|
2204
|
-
|
|
2205
1875
|
var keyStr = item.value || '';
|
|
2206
|
-
var oneValue = breadcrumbsHead ? breadcrumbsHead.value : '_paraui_first_floor';
|
|
2207
|
-
|
|
1876
|
+
var oneValue = breadcrumbsHead ? breadcrumbsHead.value : '_paraui_first_floor';
|
|
1877
|
+
// 点击搜索结果,显示上一次的搜索
|
|
2208
1878
|
if (item.value === '_paraui_search') {
|
|
2209
1879
|
setSearchVal({
|
|
2210
1880
|
val: constData.current.searchVal
|
|
2211
1881
|
});
|
|
2212
1882
|
setBreadcrumbsList(_toConsumableArray(constData.current.beforeSearchBreadcrumbs || []));
|
|
2213
1883
|
return;
|
|
2214
|
-
}
|
|
2215
|
-
|
|
2216
|
-
|
|
1884
|
+
}
|
|
1885
|
+
// 点击根路径且具有搜索面包屑
|
|
2217
1886
|
if (constData.current.beforeSearchBreadcrumbs && item.value === oneValue) {
|
|
2218
1887
|
// 清空搜索态
|
|
2219
1888
|
constData.current.searchVal = '';
|
|
@@ -2222,9 +1891,8 @@ var Selector = function Selector(props) {
|
|
|
2222
1891
|
val: ''
|
|
2223
1892
|
});
|
|
2224
1893
|
handBreadcrumbsList();
|
|
2225
|
-
}
|
|
2226
|
-
|
|
2227
|
-
|
|
1894
|
+
}
|
|
1895
|
+
// 设置面包屑
|
|
2228
1896
|
if (keyStr === oneValue) {
|
|
2229
1897
|
// 第一层
|
|
2230
1898
|
setBreadcrumbsList([]);
|
|
@@ -2232,7 +1900,6 @@ var Selector = function Selector(props) {
|
|
|
2232
1900
|
// 除了第一级,最后一级
|
|
2233
1901
|
setBreadcrumbsList(spliceBreadcrumbs(item));
|
|
2234
1902
|
}
|
|
2235
|
-
|
|
2236
1903
|
if (isReqLocalData) {
|
|
2237
1904
|
if (keyStr === oneValue) {
|
|
2238
1905
|
// 第一层
|
|
@@ -2252,26 +1919,20 @@ var Selector = function Selector(props) {
|
|
|
2252
1919
|
}
|
|
2253
1920
|
}
|
|
2254
1921
|
}
|
|
2255
|
-
|
|
2256
1922
|
handInitCurrent();
|
|
2257
1923
|
};
|
|
2258
1924
|
/** 处理搜索的请求 */
|
|
2259
|
-
|
|
2260
|
-
|
|
2261
1925
|
var handSearchData = function handSearchData(resultData) {
|
|
2262
1926
|
var isTree = resultData.isTree;
|
|
2263
|
-
|
|
2264
1927
|
if (constData.current.reqParams.pagination) {
|
|
2265
1928
|
// 分页
|
|
2266
1929
|
var result = resultData.data || {};
|
|
2267
1930
|
var arr = result.list || [];
|
|
2268
1931
|
var total = result.total;
|
|
2269
1932
|
var arrHand = convertTree(arr, !isTree, true); // 搜索默认不生成树
|
|
2270
|
-
|
|
2271
1933
|
var currentD = [].concat(_toConsumableArray(constData.current.searchConfig.currentSourceData), _toConsumableArray(arrHand));
|
|
2272
1934
|
constData.current.searchConfig.currentSourceData = currentD;
|
|
2273
1935
|
setSearchList(currentD);
|
|
2274
|
-
|
|
2275
1936
|
if (constData.current.searchConfig.page * constData.current.searchConfig.size >= total) {
|
|
2276
1937
|
setSearchLoadMore(false);
|
|
2277
1938
|
} else {
|
|
@@ -2280,31 +1941,23 @@ var Selector = function Selector(props) {
|
|
|
2280
1941
|
} else {
|
|
2281
1942
|
// 不分页 必须返回平铺的数组
|
|
2282
1943
|
var _arr3 = resultData.data || [];
|
|
2283
|
-
|
|
2284
1944
|
var treeData = convertTree(_arr3, !isTree, true); // 搜索默认不生成树
|
|
2285
|
-
|
|
2286
1945
|
constData.current.searchConfig.currentSourceData = treeData;
|
|
2287
1946
|
setSearchList(treeData);
|
|
2288
1947
|
}
|
|
2289
1948
|
};
|
|
2290
1949
|
/** 处理搜索接口 */
|
|
2291
|
-
|
|
2292
|
-
|
|
2293
1950
|
var handReqSearchResult = function handReqSearchResult(result) {
|
|
2294
1951
|
var data = result.data,
|
|
2295
|
-
|
|
2296
|
-
|
|
1952
|
+
err = result.err;
|
|
2297
1953
|
if (err) {
|
|
2298
1954
|
setSearchLoading(false);
|
|
2299
|
-
|
|
2300
1955
|
if (constData.current.reqParams.pagination) {
|
|
2301
1956
|
// 分页 第一页不处理
|
|
2302
1957
|
if (constData.current.searchConfig.page !== 1) constData.current.searchConfig.page = constData.current.searchConfig.page - 1;
|
|
2303
1958
|
}
|
|
2304
|
-
|
|
2305
1959
|
return;
|
|
2306
1960
|
}
|
|
2307
|
-
|
|
2308
1961
|
if (props.requestCallback) {
|
|
2309
1962
|
props.requestCallback(data, function (handData) {
|
|
2310
1963
|
setSearchLoading(false);
|
|
@@ -2312,17 +1965,13 @@ var Selector = function Selector(props) {
|
|
|
2312
1965
|
}, true);
|
|
2313
1966
|
return;
|
|
2314
1967
|
}
|
|
2315
|
-
|
|
2316
1968
|
setSearchLoading(false);
|
|
2317
1969
|
handSearchData(data);
|
|
2318
1970
|
};
|
|
2319
1971
|
/** 搜索请求 */
|
|
2320
|
-
|
|
2321
|
-
|
|
2322
1972
|
var reqSearch = function reqSearch() {
|
|
2323
1973
|
return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee4() {
|
|
2324
1974
|
var reqParams, _result, obj, result;
|
|
2325
|
-
|
|
2326
1975
|
return regenerator.wrap(function _callee4$(_context4) {
|
|
2327
1976
|
while (1) {
|
|
2328
1977
|
switch (_context4.prev = _context4.next) {
|
|
@@ -2331,22 +1980,17 @@ var Selector = function Selector(props) {
|
|
|
2331
1980
|
_context4.next = 8;
|
|
2332
1981
|
break;
|
|
2333
1982
|
}
|
|
2334
|
-
|
|
2335
1983
|
reqParams = {};
|
|
2336
|
-
|
|
2337
1984
|
if (constData.current.reqParams.pagination) {
|
|
2338
1985
|
reqParams.size = constData.current.searchConfig.size;
|
|
2339
1986
|
reqParams.page = constData.current.searchConfig.page;
|
|
2340
1987
|
}
|
|
2341
|
-
|
|
2342
1988
|
_context4.next = 5;
|
|
2343
1989
|
return onSearch(constData.current.searchVal, reqParams);
|
|
2344
|
-
|
|
2345
1990
|
case 5:
|
|
2346
1991
|
_result = _context4.sent;
|
|
2347
1992
|
handReqSearchResult(_result);
|
|
2348
1993
|
return _context4.abrupt("return");
|
|
2349
|
-
|
|
2350
1994
|
case 8:
|
|
2351
1995
|
obj = {
|
|
2352
1996
|
method: method,
|
|
@@ -2357,20 +2001,16 @@ var Selector = function Selector(props) {
|
|
|
2357
2001
|
searchKey: constData.current.searchVal
|
|
2358
2002
|
}, props.params)
|
|
2359
2003
|
};
|
|
2360
|
-
|
|
2361
2004
|
if (constData.current.reqParams.pagination) {
|
|
2362
2005
|
obj.data.size = constData.current.searchConfig.size;
|
|
2363
2006
|
obj.data.page = constData.current.searchConfig.page;
|
|
2364
2007
|
}
|
|
2365
|
-
|
|
2366
2008
|
obj = props.paramsCallback ? props.paramsCallback(obj, true) : obj;
|
|
2367
2009
|
_context4.next = 13;
|
|
2368
2010
|
return reqFunc(obj);
|
|
2369
|
-
|
|
2370
2011
|
case 13:
|
|
2371
2012
|
result = _context4.sent;
|
|
2372
2013
|
handReqSearchResult(result);
|
|
2373
|
-
|
|
2374
2014
|
case 15:
|
|
2375
2015
|
case "end":
|
|
2376
2016
|
return _context4.stop();
|
|
@@ -2382,34 +2022,26 @@ var Selector = function Selector(props) {
|
|
|
2382
2022
|
/**
|
|
2383
2023
|
* 递归寻找子级
|
|
2384
2024
|
* */
|
|
2385
|
-
|
|
2386
|
-
|
|
2387
2025
|
var convertChild = function convertChild(id, arr) {
|
|
2388
2026
|
var arrHnad = arr;
|
|
2389
|
-
|
|
2390
2027
|
var recurrence = function recurrence(arrItem) {
|
|
2391
2028
|
for (var i = 0, l = arrItem.length; i < l; i++) {
|
|
2392
2029
|
var item = arrItem[i];
|
|
2393
2030
|
var rowId = item[rowKey];
|
|
2394
2031
|
var arrChild = item.children || [];
|
|
2395
|
-
|
|
2396
2032
|
if (rowId === id) {
|
|
2397
2033
|
arrHnad = arrChild;
|
|
2398
2034
|
return;
|
|
2399
2035
|
}
|
|
2400
|
-
|
|
2401
2036
|
recurrence(arrChild);
|
|
2402
2037
|
}
|
|
2403
2038
|
};
|
|
2404
|
-
|
|
2405
2039
|
recurrence(arr);
|
|
2406
2040
|
return arrHnad;
|
|
2407
2041
|
};
|
|
2408
2042
|
/** 搜索回调
|
|
2409
2043
|
* @param bol 搜索框为空的情况下,触发搜索
|
|
2410
2044
|
* */
|
|
2411
|
-
|
|
2412
|
-
|
|
2413
2045
|
var onSearchCom = function onSearchCom(val, bol) {
|
|
2414
2046
|
return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee5() {
|
|
2415
2047
|
var parentId, arr;
|
|
@@ -2419,21 +2051,17 @@ var Selector = function Selector(props) {
|
|
|
2419
2051
|
case 0:
|
|
2420
2052
|
setSearchLoading(true);
|
|
2421
2053
|
constData.current.searchVal = val;
|
|
2422
|
-
|
|
2423
2054
|
if (!(val === '')) {
|
|
2424
2055
|
_context5.next = 8;
|
|
2425
2056
|
break;
|
|
2426
2057
|
}
|
|
2427
|
-
|
|
2428
2058
|
setSearchList([]);
|
|
2429
2059
|
setSearchLoading(false);
|
|
2430
|
-
|
|
2431
2060
|
if (constData.current.beforeSearchBreadcrumbs) {
|
|
2432
2061
|
// 从搜索恢复到正常列表
|
|
2433
2062
|
constData.current.breadcrumbsList = _toConsumableArray(constData.current.beforeSearchBreadcrumbs);
|
|
2434
2063
|
setBreadcrumbsList(_toConsumableArray(constData.current.beforeSearchBreadcrumbs));
|
|
2435
2064
|
constData.current.beforeSearchBreadcrumbs = null;
|
|
2436
|
-
|
|
2437
2065
|
if (isReqLocalData) {
|
|
2438
2066
|
// 本地全量数据
|
|
2439
2067
|
// 搜索点过下级,修改了当前显示的数据
|
|
@@ -2442,23 +2070,18 @@ var Selector = function Selector(props) {
|
|
|
2442
2070
|
arr = convertChild(parentId, constData.current.oneDataList);
|
|
2443
2071
|
constData.current.currentSourceData = arr;
|
|
2444
2072
|
}
|
|
2445
|
-
|
|
2446
2073
|
refreshFunc();
|
|
2447
2074
|
}
|
|
2448
|
-
|
|
2449
2075
|
if (bol) {
|
|
2450
2076
|
// 当前页刷新
|
|
2451
2077
|
refreshFunc();
|
|
2452
2078
|
onRefresh && onRefresh();
|
|
2453
2079
|
}
|
|
2454
|
-
|
|
2455
2080
|
return _context5.abrupt("return");
|
|
2456
|
-
|
|
2457
2081
|
case 8:
|
|
2458
2082
|
constData.current.searchConfig.page = 1;
|
|
2459
2083
|
constData.current.searchConfig.currentSourceData = [];
|
|
2460
2084
|
reqSearch();
|
|
2461
|
-
|
|
2462
2085
|
case 11:
|
|
2463
2086
|
case "end":
|
|
2464
2087
|
return _context5.stop();
|
|
@@ -2468,34 +2091,25 @@ var Selector = function Selector(props) {
|
|
|
2468
2091
|
}));
|
|
2469
2092
|
};
|
|
2470
2093
|
/** 删除数据 */
|
|
2471
|
-
|
|
2472
|
-
|
|
2473
2094
|
var onCloseCom = function onCloseCom(item, index) {
|
|
2474
2095
|
if (selectMode === 'radio') {
|
|
2475
2096
|
onChangeEmit(null, [], {}, {});
|
|
2476
2097
|
}
|
|
2477
|
-
|
|
2478
2098
|
if (selectMode === 'check') {
|
|
2479
2099
|
var arr = _toConsumableArray(valueCom);
|
|
2480
|
-
|
|
2481
2100
|
arr.splice(index, 1);
|
|
2482
2101
|
var node = {}; // 处理过得数据
|
|
2483
|
-
|
|
2484
2102
|
var rowData = {}; // 原始数据
|
|
2485
|
-
|
|
2486
2103
|
for (var i = 0, l = arr.length; i < l; i++) {
|
|
2487
2104
|
var _item2 = arr[i];
|
|
2488
2105
|
var keyStr = _item2[selectorFieldConfigHand.key];
|
|
2489
2106
|
node[keyStr] = constData.current.jsonData[keyStr];
|
|
2490
2107
|
rowData[keyStr] = constData.current.jsonDataCopy[keyStr];
|
|
2491
2108
|
}
|
|
2492
|
-
|
|
2493
2109
|
onChangeEmit(arr, arr, node, rowData);
|
|
2494
2110
|
}
|
|
2495
2111
|
};
|
|
2496
2112
|
/** 处理返回数据dom配置 */
|
|
2497
|
-
|
|
2498
|
-
|
|
2499
2113
|
var handSelectorData = function handSelectorData() {
|
|
2500
2114
|
return jsx(SelectorData, {
|
|
2501
2115
|
layout: layout === 'tb' ? 'tag' : 'node',
|
|
@@ -2513,9 +2127,8 @@ var Selector = function Selector(props) {
|
|
|
2513
2127
|
selectRender: selectRender,
|
|
2514
2128
|
disabled: disabled
|
|
2515
2129
|
});
|
|
2516
|
-
};
|
|
2517
|
-
|
|
2518
|
-
|
|
2130
|
+
};
|
|
2131
|
+
// 处理className
|
|
2519
2132
|
var handClass = function handClass() {
|
|
2520
2133
|
var str = "".concat($prefixCls, "-selector");
|
|
2521
2134
|
if (className) str += ' ' + className;
|
|
@@ -2524,7 +2137,6 @@ var Selector = function Selector(props) {
|
|
|
2524
2137
|
if (disabled === true) str += " ".concat($prefixCls, "-selector-disabled");
|
|
2525
2138
|
return str;
|
|
2526
2139
|
};
|
|
2527
|
-
|
|
2528
2140
|
return jsxs("div", Object.assign({
|
|
2529
2141
|
className: handClass(),
|
|
2530
2142
|
style: style
|