@zat-design/sisyphus-react 3.13.6-beta.6 → 3.13.6
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/es/ProTable/hooks/useAntdTable.js +19 -28
- package/es/ProTable/propsType.d.ts +1 -1
- package/es/ProTree/components/AdaptiveTooltip.js +30 -4
- package/es/ProTree/components/ProTree.js +1 -0
- package/es/ProTree/components/ProTreeSelect/index.js +12 -52
- package/es/locale/en_US.d.ts +0 -1
- package/es/locale/en_US.js +0 -1
- package/es/locale/zh_CN.d.ts +0 -1
- package/es/locale/zh_CN.js +0 -1
- package/lib/ProTable/hooks/useAntdTable.js +18 -25
- package/lib/ProTable/propsType.d.ts +1 -1
- package/lib/ProTree/components/AdaptiveTooltip.js +30 -3
- package/lib/ProTree/components/ProTree.js +1 -0
- package/lib/ProTree/components/ProTreeSelect/index.js +11 -51
- package/lib/locale/en_US.d.ts +0 -1
- package/lib/locale/en_US.js +0 -1
- package/lib/locale/zh_CN.d.ts +0 -1
- package/lib/locale/zh_CN.js +0 -1
- package/package.json +1 -1
@@ -4,12 +4,10 @@ import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
|
|
4
4
|
import "antd/es/message/style";
|
5
5
|
import _message from "antd/es/message";
|
6
6
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
7
|
-
import "antd/es/form/style";
|
8
|
-
import _Form from "antd/es/form";
|
9
7
|
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
10
8
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
11
9
|
var _excluded = ["page", "filters", "sorter"];
|
12
|
-
import { useEffect, useMemo, useState } from 'react';
|
10
|
+
import { useCallback, useEffect, useMemo, useState } from 'react';
|
13
11
|
import { useRequest, useSetState, useDeepCompareEffect, usePrevious } from 'ahooks';
|
14
12
|
import { pickBy, isObject, merge, set, isEqual, omit } from 'lodash';
|
15
13
|
import { defaultPage } from '../index';
|
@@ -38,8 +36,7 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
38
36
|
filters: undefined,
|
39
37
|
sorter: undefined
|
40
38
|
},
|
41
|
-
allSelected: false
|
42
|
-
searchValues: {}
|
39
|
+
allSelected: false
|
43
40
|
}),
|
44
41
|
_useSetState2 = _slicedToArray(_useSetState, 2),
|
45
42
|
_useSetState2$ = _useSetState2[0],
|
@@ -49,10 +46,9 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
49
46
|
selectedRowKeys = _useSetState2$.selectedRowKeys,
|
50
47
|
extraFilter = _useSetState2$.extraFilter,
|
51
48
|
allSelected = _useSetState2$.allSelected,
|
52
|
-
searchValues = _useSetState2$.searchValues,
|
53
49
|
setState = _useSetState2[1];
|
54
50
|
var _useDefaultOptions = useDefaultOptions(options),
|
55
|
-
|
51
|
+
form = _useDefaultOptions.form,
|
56
52
|
page = _useDefaultOptions.page,
|
57
53
|
extraParams = _useDefaultOptions.extraParams,
|
58
54
|
rowKey = _useDefaultOptions.rowKey,
|
@@ -68,15 +64,12 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
68
64
|
transformParams = _useDefaultOptions.transformParams,
|
69
65
|
transformResponse = _useDefaultOptions.transformResponse,
|
70
66
|
disabled = _useDefaultOptions.disabled;
|
71
|
-
var _Form$useForm = _Form.useForm(_form),
|
72
|
-
_Form$useForm2 = _slicedToArray(_Form$useForm, 1),
|
73
|
-
form = _Form$useForm2[0];
|
74
67
|
var _ref = useRequestOptions || {},
|
75
68
|
defaultParams = _ref.defaultParams;
|
76
69
|
var defaultParam = Array.isArray(defaultParams) ? defaultParams === null || defaultParams === void 0 ? void 0 : defaultParams[0] : defaultParams || {};
|
77
70
|
var initPage = (options === null || options === void 0 ? void 0 : options.page) || defaultPage;
|
78
71
|
var previousPage = usePrevious(page || defaultPage);
|
79
|
-
var getTransformParams = function
|
72
|
+
var getTransformParams = useCallback(function (params) {
|
80
73
|
var _pickBy;
|
81
74
|
var realParams = _objectSpread(_objectSpread(_objectSpread({}, defaultParam), extraParams), params);
|
82
75
|
var _realParams$page = realParams.page,
|
@@ -97,7 +90,7 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
97
90
|
return transformParams(realParams, requestParams);
|
98
91
|
}
|
99
92
|
return requestParams;
|
100
|
-
};
|
93
|
+
}, [defaultParam, extraParams]);
|
101
94
|
// 仅清数据源相关,查询相关
|
102
95
|
var handleSetStateCallback = function handleSetStateCallback(values) {
|
103
96
|
setState(_objectSpread({
|
@@ -142,13 +135,13 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
142
135
|
var run = result.run,
|
143
136
|
refreshAsync = result.refreshAsync;
|
144
137
|
// service变化时触发 (禁止掉防止service变更时导致的死循环)
|
145
|
-
var clearSelected = function
|
138
|
+
var clearSelected = useCallback(function () {
|
146
139
|
setState({
|
147
140
|
allSelected: false,
|
148
141
|
selectedRecords: [],
|
149
142
|
selectedRowKeys: []
|
150
143
|
});
|
151
|
-
};
|
144
|
+
}, []);
|
152
145
|
/**
|
153
146
|
* 手动触发时,手动调用run
|
154
147
|
*/
|
@@ -194,7 +187,7 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
194
187
|
};
|
195
188
|
}, []);
|
196
189
|
// 分页变更
|
197
|
-
var handlePageChange = function
|
190
|
+
var handlePageChange = useCallback(function (current, pageSize) {
|
198
191
|
var _form$getFieldsValue;
|
199
192
|
var page = {
|
200
193
|
pageNum: current,
|
@@ -212,8 +205,8 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
212
205
|
run(getTransformParams(_objectSpread(_objectSpread({
|
213
206
|
page: page
|
214
207
|
}, nextValues), extraFilter)));
|
215
|
-
};
|
216
|
-
var handleTableChange = function
|
208
|
+
}, [allSelected, extraFilter, data, getTransformParams]);
|
209
|
+
var handleTableChange = useCallback(function (pagination, filters, sorter, extra) {
|
217
210
|
var _form$getFieldsValue2;
|
218
211
|
// 跳过分页改变,使用pagination的onChange
|
219
212
|
if (extra.action === 'paginate') {
|
@@ -232,15 +225,15 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
232
225
|
sorter: sorter
|
233
226
|
}
|
234
227
|
});
|
235
|
-
var _values = (_form$getFieldsValue2 = form
|
228
|
+
var _values = (_form$getFieldsValue2 = form.getFieldsValue()) !== null && _form$getFieldsValue2 !== void 0 ? _form$getFieldsValue2 : {};
|
236
229
|
run(getTransformParams(_objectSpread(_objectSpread({
|
237
230
|
page: page
|
238
231
|
}, _values), {}, {
|
239
232
|
filters: filters,
|
240
233
|
sorter: sorter
|
241
234
|
})));
|
242
|
-
};
|
243
|
-
var onSearch = function
|
235
|
+
}, [allSelected, getTransformParams]);
|
236
|
+
var onSearch = useCallback(function (values) {
|
244
237
|
var newPage = {
|
245
238
|
pageNum: 1,
|
246
239
|
pageSize: page.pageSize
|
@@ -254,7 +247,6 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
254
247
|
if ((selectedRecords === null || selectedRecords === void 0 ? void 0 : selectedRecords.length) || isNonEmptyObject(_values) || !isEqual(previousSearchValues, _values)) {
|
255
248
|
previousSearchValues = _values;
|
256
249
|
setState({
|
257
|
-
searchValues: _values,
|
258
250
|
allSelected: false,
|
259
251
|
selectedRecords: [],
|
260
252
|
selectedRowKeys: []
|
@@ -263,10 +255,9 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
263
255
|
run(getTransformParams(_objectSpread(_objectSpread({
|
264
256
|
page: newPage
|
265
257
|
}, extraFilter), _values)));
|
266
|
-
};
|
267
|
-
var resetParams = function
|
258
|
+
}, [extraFilter, page.pageSize, previousPage, getTransformParams]);
|
259
|
+
var resetParams = useCallback(function (page) {
|
268
260
|
setState({
|
269
|
-
searchValues: {},
|
270
261
|
allSelected: false,
|
271
262
|
selectedRecords: [],
|
272
263
|
selectedRowKeys: [],
|
@@ -275,9 +266,9 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
275
266
|
sorter: undefined
|
276
267
|
}
|
277
268
|
});
|
278
|
-
};
|
269
|
+
}, []);
|
279
270
|
// 重置查询条件: 页码还原、勾选清空
|
280
|
-
var onReset = function
|
271
|
+
var onReset = useCallback(function () {
|
281
272
|
form === null || form === void 0 ? void 0 : form.resetFields();
|
282
273
|
var newPage = {
|
283
274
|
pageNum: 1,
|
@@ -290,7 +281,7 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
290
281
|
page: newPage
|
291
282
|
}));
|
292
283
|
}
|
293
|
-
};
|
284
|
+
}, [page.pageSize, run, resetParams, getTransformParams]);
|
294
285
|
var refreshPage = function refreshPage(res) {
|
295
286
|
var transformResult = transformResponse ? transformResponse(res) : res || {};
|
296
287
|
var _ref3 = isListResult(transformResult) ? transformResult : (transformResult === null || transformResult === void 0 ? void 0 : transformResult.data) || {},
|
@@ -484,7 +475,7 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
484
475
|
data: data,
|
485
476
|
params: (result === null || result === void 0 ? void 0 : (_result$params = result.params) === null || _result$params === void 0 ? void 0 : _result$params[0]) || {},
|
486
477
|
rowSelection: rowSelection,
|
487
|
-
searchValues: (_form$getFieldsValue3 = form
|
478
|
+
searchValues: (_form$getFieldsValue3 = form.getFieldsValue()) !== null && _form$getFieldsValue3 !== void 0 ? _form$getFieldsValue3 : {},
|
488
479
|
allSelected: allSelected,
|
489
480
|
selectedTip: selectedTip,
|
490
481
|
selectedRowKeys: selectedRowKeys,
|
@@ -1,19 +1,45 @@
|
|
1
1
|
import "antd/es/tooltip/style";
|
2
2
|
import _Tooltip from "antd/es/tooltip";
|
3
|
-
import
|
3
|
+
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
4
|
+
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
5
|
+
import { useEffect, useState } from 'react';
|
4
6
|
var AdaptiveTooltip = function AdaptiveTooltip(_ref) {
|
5
7
|
var children = _ref.children;
|
8
|
+
var _useState = useState('right'),
|
9
|
+
_useState2 = _slicedToArray(_useState, 2),
|
10
|
+
placement = _useState2[0],
|
11
|
+
setPlacement = _useState2[1];
|
12
|
+
useEffect(function () {
|
13
|
+
var handleResize = function handleResize() {
|
14
|
+
var tooltipElement = document.getElementById('adaptive-tooltip');
|
15
|
+
if (tooltipElement) {
|
16
|
+
var boundingRect = tooltipElement.getBoundingClientRect();
|
17
|
+
var windowWidth = window.innerWidth;
|
18
|
+
if (windowWidth - boundingRect.right < 150) {
|
19
|
+
setPlacement('left');
|
20
|
+
} else {
|
21
|
+
setPlacement('right');
|
22
|
+
}
|
23
|
+
}
|
24
|
+
};
|
25
|
+
window.addEventListener('resize', handleResize);
|
26
|
+
handleResize();
|
27
|
+
return function () {
|
28
|
+
window.removeEventListener('resize', handleResize);
|
29
|
+
};
|
30
|
+
}, [children]);
|
6
31
|
return _jsx(_Tooltip, {
|
7
|
-
placement:
|
32
|
+
placement: placement,
|
8
33
|
title: _jsx("div", {
|
9
34
|
onMouseDown: function onMouseDown(e) {
|
10
35
|
return e.stopPropagation();
|
11
36
|
},
|
12
37
|
children: children
|
13
38
|
}),
|
14
|
-
|
39
|
+
id: "adaptive-tooltip",
|
40
|
+
children: _jsxs("span", {
|
15
41
|
className: "pro-tree-wrap-ellipse",
|
16
|
-
children: children
|
42
|
+
children: [" ", children]
|
17
43
|
})
|
18
44
|
});
|
19
45
|
};
|
@@ -75,6 +75,7 @@ var ProTree = function ProTree(props) {
|
|
75
75
|
showExpand = _props$showExpand === void 0 ? false : _props$showExpand,
|
76
76
|
defaultExpandAll = props.defaultExpandAll,
|
77
77
|
other = _objectWithoutProperties(props, _excluded);
|
78
|
+
var fieldNameLabel = fieldNames.label;
|
78
79
|
var fieldNameValue = fieldNames.value;
|
79
80
|
var _useSetState = useSetState({
|
80
81
|
open: false,
|
@@ -12,22 +12,20 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
12
12
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
13
13
|
import "antd/es/tree-select/style";
|
14
14
|
import _TreeSelect from "antd/es/tree-select";
|
15
|
-
var _excluded = ["disabled", "code", "dataSource", "defaultDisableValue", "onChange", "useRequest", "transformResponse", "fieldNames", "
|
15
|
+
var _excluded = ["disabled", "code", "dataSource", "defaultDisableValue", "onChange", "useRequest", "transformResponse", "fieldNames", "tooltip", "showSearch", "filterTreeNode", "treeNodeFilterProp", "defaultExpandAll", "expandedKeys", "treeCheckable", "onSearch", "otherProps", "width", "dropdownStyle", "popupClassName", "style", "allowClear", "listHeight", "showCodeName", "className", "checkStrictly", "checkable"],
|
16
16
|
_excluded2 = ["children"];
|
17
17
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
18
18
|
/* eslint-disable react/no-danger */
|
19
19
|
/* eslint-disable react/jsx-closing-tag-location */
|
20
20
|
import { useDeepCompareEffect, useRequest as useRequestFunc, useSetState } from 'ahooks';
|
21
21
|
import classnames from 'classnames';
|
22
|
-
import { useImperativeHandle, forwardRef
|
22
|
+
import { useImperativeHandle, forwardRef } from 'react';
|
23
23
|
import { cloneDeep, debounce } from 'lodash';
|
24
|
-
import locale from '../../../locale';
|
25
24
|
import { useProConfig } from '../../../ProConfigProvider';
|
26
25
|
import Container from '../../../ProForm/components/Container';
|
27
26
|
import AdaptiveTooltip from '../AdaptiveTooltip';
|
28
27
|
var SHOW_PARENT = _TreeSelect.SHOW_PARENT;
|
29
28
|
export var ProTreeSelect = function ProTreeSelect(props, ref) {
|
30
|
-
var _useRequest$options;
|
31
29
|
// 全局属性配置在ConfigProvider
|
32
30
|
var _ref = useProConfig('ProTreeSelect') || {},
|
33
31
|
_ref$fieldNames = _ref.fieldNames,
|
@@ -52,7 +50,6 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
|
|
52
50
|
useRequest = props.useRequest,
|
53
51
|
transformResponse = props.transformResponse,
|
54
52
|
fieldNames = props.fieldNames,
|
55
|
-
placeholder = props.placeholder,
|
56
53
|
_props$tooltip = props.tooltip,
|
57
54
|
tooltip = _props$tooltip === void 0 ? false : _props$tooltip,
|
58
55
|
_props$showSearch = props.showSearch,
|
@@ -171,26 +168,11 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
|
|
171
168
|
origDataSource: resultData || []
|
172
169
|
});
|
173
170
|
};
|
174
|
-
var successTransformDataHandle = useCallback(function (res) {
|
175
|
-
if (transformResponse && typeof transformResponse === 'function') {
|
176
|
-
return transformResponse(res);
|
177
|
-
}
|
178
|
-
var _ref4 = res || {},
|
179
|
-
_ref4$status = _ref4.status,
|
180
|
-
status = _ref4$status === void 0 ? 200 : _ref4$status,
|
181
|
-
msg = _ref4.message,
|
182
|
-
data = _ref4.data;
|
183
|
-
if (status !== 200) {
|
184
|
-
_message.error(msg);
|
185
|
-
return;
|
186
|
-
}
|
187
|
-
return data;
|
188
|
-
}, []);
|
189
171
|
// 配置了异步数据源,拉取枚举数据逻辑 如果有code不掉接口从local里根据code取值
|
190
172
|
var fetchFunction = useRequestFunc(useRequest === null || useRequest === void 0 ? void 0 : useRequest.service, _objectSpread({
|
191
173
|
manual: true,
|
192
|
-
debounceWait: 300,
|
193
174
|
onSuccess: function onSuccess(data) {
|
175
|
+
// 用户配置了处理枚举函数
|
194
176
|
if (transformResponse && typeof transformResponse === 'function') {
|
195
177
|
var responseData = transformResponse(data);
|
196
178
|
var resultData = transferDataSource(responseData, showCodeName);
|
@@ -199,33 +181,16 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
|
|
199
181
|
origDataSource: resultData
|
200
182
|
});
|
201
183
|
} else {
|
202
|
-
defaultOnSuccessFun(
|
184
|
+
defaultOnSuccessFun(data);
|
203
185
|
}
|
204
|
-
}
|
186
|
+
},
|
187
|
+
debounceWait: 300
|
205
188
|
}, useRequest === null || useRequest === void 0 ? void 0 : useRequest.options));
|
206
|
-
var cacheList = (useRequest === null || useRequest === void 0 ? void 0 : (_useRequest$options = useRequest.options) === null || _useRequest$options === void 0 ? void 0 : _useRequest$options.cacheKey) ? successTransformDataHandle(fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.data) : [];
|
207
189
|
useImperativeHandle(ref, function () {
|
208
190
|
return {
|
209
191
|
useRequestRef: fetchFunction
|
210
192
|
};
|
211
193
|
});
|
212
|
-
// 设置cacheKey后使用缓存的数据
|
213
|
-
useDeepCompareEffect(function () {
|
214
|
-
var _useRequest$options2;
|
215
|
-
if (fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.data, useRequest === null || useRequest === void 0 ? void 0 : (_useRequest$options2 = useRequest.options) === null || _useRequest$options2 === void 0 ? void 0 : _useRequest$options2.cacheKey) {
|
216
|
-
if (transformResponse && typeof transformResponse === 'function') {
|
217
|
-
var responseData = transformResponse(fetchFunction.data);
|
218
|
-
// debugger;
|
219
|
-
var resultData = transferDataSource(responseData, showCodeName);
|
220
|
-
setState({
|
221
|
-
selectList: countChild(resultData),
|
222
|
-
origDataSource: resultData
|
223
|
-
});
|
224
|
-
} else {
|
225
|
-
defaultOnSuccessFun(fetchFunction.data);
|
226
|
-
}
|
227
|
-
}
|
228
|
-
}, [fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.data]);
|
229
194
|
useDeepCompareEffect(function () {
|
230
195
|
if (enumCode) {
|
231
196
|
var dictEnum = dics[enumCode] || [];
|
@@ -247,21 +212,17 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
|
|
247
212
|
if (enumCode || dataSource) {
|
248
213
|
return undefined;
|
249
214
|
}
|
250
|
-
// 如果配置手动加载,不执行请求
|
251
|
-
var _ref5 = (useRequest === null || useRequest === void 0 ? void 0 : useRequest.options) || {},
|
252
|
-
defaultParams = _ref5.defaultParams,
|
253
|
-
manual = _ref5.manual;
|
254
215
|
// disabled 状态时,不查询接口
|
255
216
|
if (defaultDisableValue || !useRequest) {
|
256
217
|
return undefined;
|
257
218
|
}
|
258
|
-
|
259
|
-
|
260
|
-
|
219
|
+
// 如果配置手动加载,不执行请求
|
220
|
+
var _ref4 = (useRequest === null || useRequest === void 0 ? void 0 : useRequest.options) || {},
|
221
|
+
defaultParams = _ref4.defaultParams;
|
261
222
|
var params = Array.isArray(defaultParams) ? defaultParams === null || defaultParams === void 0 ? void 0 : defaultParams[0] : defaultParams || {};
|
262
223
|
// 执行用户配置的枚举服务,拉取枚举数据进行更新
|
263
224
|
fetchFunction.run(params);
|
264
|
-
}, [useRequest === null || useRequest === void 0 ? void 0 : useRequest.
|
225
|
+
}, [useRequest === null || useRequest === void 0 ? void 0 : useRequest.service, defaultDisableValue]);
|
265
226
|
// disable默认值
|
266
227
|
if (defaultDisableValue) {
|
267
228
|
return _jsx("span", {
|
@@ -438,7 +399,7 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
|
|
438
399
|
return sourceList;
|
439
400
|
}
|
440
401
|
var searchTreeEvent = debounce(/*#__PURE__*/function () {
|
441
|
-
var
|
402
|
+
var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(searchVal) {
|
442
403
|
var result;
|
443
404
|
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
444
405
|
while (1) switch (_context.prev = _context.next) {
|
@@ -463,7 +424,7 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
|
|
463
424
|
}, _callee);
|
464
425
|
}));
|
465
426
|
return function (_x) {
|
466
|
-
return
|
427
|
+
return _ref5.apply(this, arguments);
|
467
428
|
};
|
468
429
|
}(), 500);
|
469
430
|
function findTreeNode(treeList, nodeValue) {
|
@@ -604,7 +565,6 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
|
|
604
565
|
onClick: nodeChangeEvent,
|
605
566
|
className: cls,
|
606
567
|
children: _jsx(_TreeSelect, _objectSpread(_objectSpread({
|
607
|
-
placeholder: placeholder || locale.ProForm.treeSelectPlaceholder,
|
608
568
|
maxTagPlaceholder: function maxTagPlaceholder(rest) {
|
609
569
|
var _rest = rest.map(function (tag) {
|
610
570
|
var _tag$label, _tag$label$props, _tag$label2, _tag$label2$props, _tag$label2$props$chi, _tag$label2$props$chi2, _tag$label2$props$chi3, _tag$label3, _tag$label3$props, _tag$label3$props$dan;
|
package/es/locale/en_US.d.ts
CHANGED
package/es/locale/en_US.js
CHANGED
package/es/locale/zh_CN.d.ts
CHANGED
package/es/locale/zh_CN.js
CHANGED
@@ -43,8 +43,7 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
43
43
|
filters: undefined,
|
44
44
|
sorter: undefined
|
45
45
|
},
|
46
|
-
allSelected: false
|
47
|
-
searchValues: {}
|
46
|
+
allSelected: false
|
48
47
|
}),
|
49
48
|
_useSetState2 = (0, _slicedToArray2.default)(_useSetState, 2),
|
50
49
|
_useSetState2$ = _useSetState2[0],
|
@@ -54,10 +53,9 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
54
53
|
selectedRowKeys = _useSetState2$.selectedRowKeys,
|
55
54
|
extraFilter = _useSetState2$.extraFilter,
|
56
55
|
allSelected = _useSetState2$.allSelected,
|
57
|
-
searchValues = _useSetState2$.searchValues,
|
58
56
|
setState = _useSetState2[1];
|
59
57
|
var _useDefaultOptions = useDefaultOptions(options),
|
60
|
-
|
58
|
+
form = _useDefaultOptions.form,
|
61
59
|
page = _useDefaultOptions.page,
|
62
60
|
extraParams = _useDefaultOptions.extraParams,
|
63
61
|
rowKey = _useDefaultOptions.rowKey,
|
@@ -73,15 +71,12 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
73
71
|
transformParams = _useDefaultOptions.transformParams,
|
74
72
|
transformResponse = _useDefaultOptions.transformResponse,
|
75
73
|
disabled = _useDefaultOptions.disabled;
|
76
|
-
var _Form$useForm = _antd.Form.useForm(_form),
|
77
|
-
_Form$useForm2 = (0, _slicedToArray2.default)(_Form$useForm, 1),
|
78
|
-
form = _Form$useForm2[0];
|
79
74
|
var _ref = useRequestOptions || {},
|
80
75
|
defaultParams = _ref.defaultParams;
|
81
76
|
var defaultParam = Array.isArray(defaultParams) ? defaultParams === null || defaultParams === void 0 ? void 0 : defaultParams[0] : defaultParams || {};
|
82
77
|
var initPage = (options === null || options === void 0 ? void 0 : options.page) || _index.defaultPage;
|
83
78
|
var previousPage = (0, _ahooks.usePrevious)(page || _index.defaultPage);
|
84
|
-
var getTransformParams = function
|
79
|
+
var getTransformParams = (0, _react.useCallback)(function (params) {
|
85
80
|
var _pickBy;
|
86
81
|
var realParams = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, defaultParam), extraParams), params);
|
87
82
|
var _realParams$page = realParams.page,
|
@@ -102,7 +97,7 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
102
97
|
return transformParams(realParams, requestParams);
|
103
98
|
}
|
104
99
|
return requestParams;
|
105
|
-
};
|
100
|
+
}, [defaultParam, extraParams]);
|
106
101
|
// 仅清数据源相关,查询相关
|
107
102
|
var handleSetStateCallback = function handleSetStateCallback(values) {
|
108
103
|
setState((0, _objectSpread2.default)({
|
@@ -147,13 +142,13 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
147
142
|
var run = result.run,
|
148
143
|
refreshAsync = result.refreshAsync;
|
149
144
|
// service变化时触发 (禁止掉防止service变更时导致的死循环)
|
150
|
-
var clearSelected = function
|
145
|
+
var clearSelected = (0, _react.useCallback)(function () {
|
151
146
|
setState({
|
152
147
|
allSelected: false,
|
153
148
|
selectedRecords: [],
|
154
149
|
selectedRowKeys: []
|
155
150
|
});
|
156
|
-
};
|
151
|
+
}, []);
|
157
152
|
/**
|
158
153
|
* 手动触发时,手动调用run
|
159
154
|
*/
|
@@ -199,7 +194,7 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
199
194
|
};
|
200
195
|
}, []);
|
201
196
|
// 分页变更
|
202
|
-
var handlePageChange = function
|
197
|
+
var handlePageChange = (0, _react.useCallback)(function (current, pageSize) {
|
203
198
|
var _form$getFieldsValue;
|
204
199
|
var page = {
|
205
200
|
pageNum: current,
|
@@ -217,8 +212,8 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
217
212
|
run(getTransformParams((0, _objectSpread2.default)((0, _objectSpread2.default)({
|
218
213
|
page: page
|
219
214
|
}, nextValues), extraFilter)));
|
220
|
-
};
|
221
|
-
var handleTableChange = function
|
215
|
+
}, [allSelected, extraFilter, data, getTransformParams]);
|
216
|
+
var handleTableChange = (0, _react.useCallback)(function (pagination, filters, sorter, extra) {
|
222
217
|
var _form$getFieldsValue2;
|
223
218
|
// 跳过分页改变,使用pagination的onChange
|
224
219
|
if (extra.action === 'paginate') {
|
@@ -237,15 +232,15 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
237
232
|
sorter: sorter
|
238
233
|
}
|
239
234
|
});
|
240
|
-
var _values = (_form$getFieldsValue2 = form
|
235
|
+
var _values = (_form$getFieldsValue2 = form.getFieldsValue()) !== null && _form$getFieldsValue2 !== void 0 ? _form$getFieldsValue2 : {};
|
241
236
|
run(getTransformParams((0, _objectSpread2.default)((0, _objectSpread2.default)({
|
242
237
|
page: page
|
243
238
|
}, _values), {}, {
|
244
239
|
filters: filters,
|
245
240
|
sorter: sorter
|
246
241
|
})));
|
247
|
-
};
|
248
|
-
var onSearch = function
|
242
|
+
}, [allSelected, getTransformParams]);
|
243
|
+
var onSearch = (0, _react.useCallback)(function (values) {
|
249
244
|
var newPage = {
|
250
245
|
pageNum: 1,
|
251
246
|
pageSize: page.pageSize
|
@@ -259,7 +254,6 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
259
254
|
if ((selectedRecords === null || selectedRecords === void 0 ? void 0 : selectedRecords.length) || (0, _utils.isNonEmptyObject)(_values) || !(0, _lodash.isEqual)(previousSearchValues, _values)) {
|
260
255
|
previousSearchValues = _values;
|
261
256
|
setState({
|
262
|
-
searchValues: _values,
|
263
257
|
allSelected: false,
|
264
258
|
selectedRecords: [],
|
265
259
|
selectedRowKeys: []
|
@@ -268,10 +262,9 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
268
262
|
run(getTransformParams((0, _objectSpread2.default)((0, _objectSpread2.default)({
|
269
263
|
page: newPage
|
270
264
|
}, extraFilter), _values)));
|
271
|
-
};
|
272
|
-
var resetParams = function
|
265
|
+
}, [extraFilter, page.pageSize, previousPage, getTransformParams]);
|
266
|
+
var resetParams = (0, _react.useCallback)(function (page) {
|
273
267
|
setState({
|
274
|
-
searchValues: {},
|
275
268
|
allSelected: false,
|
276
269
|
selectedRecords: [],
|
277
270
|
selectedRowKeys: [],
|
@@ -280,9 +273,9 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
280
273
|
sorter: undefined
|
281
274
|
}
|
282
275
|
});
|
283
|
-
};
|
276
|
+
}, []);
|
284
277
|
// 重置查询条件: 页码还原、勾选清空
|
285
|
-
var onReset = function
|
278
|
+
var onReset = (0, _react.useCallback)(function () {
|
286
279
|
form === null || form === void 0 ? void 0 : form.resetFields();
|
287
280
|
var newPage = {
|
288
281
|
pageNum: 1,
|
@@ -295,7 +288,7 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
295
288
|
page: newPage
|
296
289
|
}));
|
297
290
|
}
|
298
|
-
};
|
291
|
+
}, [page.pageSize, run, resetParams, getTransformParams]);
|
299
292
|
var refreshPage = function refreshPage(res) {
|
300
293
|
var transformResult = transformResponse ? transformResponse(res) : res || {};
|
301
294
|
var _ref3 = (0, _utils.isListResult)(transformResult) ? transformResult : (transformResult === null || transformResult === void 0 ? void 0 : transformResult.data) || {},
|
@@ -489,7 +482,7 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
489
482
|
data: data,
|
490
483
|
params: (result === null || result === void 0 ? void 0 : (_result$params = result.params) === null || _result$params === void 0 ? void 0 : _result$params[0]) || {},
|
491
484
|
rowSelection: rowSelection,
|
492
|
-
searchValues: (_form$getFieldsValue3 = form
|
485
|
+
searchValues: (_form$getFieldsValue3 = form.getFieldsValue()) !== null && _form$getFieldsValue3 !== void 0 ? _form$getFieldsValue3 : {},
|
493
486
|
allSelected: allSelected,
|
494
487
|
selectedTip: selectedTip,
|
495
488
|
selectedRowKeys: selectedRowKeys,
|
@@ -1,24 +1,51 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
4
5
|
value: true
|
5
6
|
});
|
6
7
|
exports.default = void 0;
|
8
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
7
9
|
var _jsxRuntime = require("react/jsx-runtime");
|
8
10
|
var _antd = require("antd");
|
11
|
+
var _react = require("react");
|
9
12
|
var AdaptiveTooltip = function AdaptiveTooltip(_ref) {
|
10
13
|
var children = _ref.children;
|
14
|
+
var _useState = (0, _react.useState)('right'),
|
15
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
16
|
+
placement = _useState2[0],
|
17
|
+
setPlacement = _useState2[1];
|
18
|
+
(0, _react.useEffect)(function () {
|
19
|
+
var handleResize = function handleResize() {
|
20
|
+
var tooltipElement = document.getElementById('adaptive-tooltip');
|
21
|
+
if (tooltipElement) {
|
22
|
+
var boundingRect = tooltipElement.getBoundingClientRect();
|
23
|
+
var windowWidth = window.innerWidth;
|
24
|
+
if (windowWidth - boundingRect.right < 150) {
|
25
|
+
setPlacement('left');
|
26
|
+
} else {
|
27
|
+
setPlacement('right');
|
28
|
+
}
|
29
|
+
}
|
30
|
+
};
|
31
|
+
window.addEventListener('resize', handleResize);
|
32
|
+
handleResize();
|
33
|
+
return function () {
|
34
|
+
window.removeEventListener('resize', handleResize);
|
35
|
+
};
|
36
|
+
}, [children]);
|
11
37
|
return (0, _jsxRuntime.jsx)(_antd.Tooltip, {
|
12
|
-
placement:
|
38
|
+
placement: placement,
|
13
39
|
title: (0, _jsxRuntime.jsx)("div", {
|
14
40
|
onMouseDown: function onMouseDown(e) {
|
15
41
|
return e.stopPropagation();
|
16
42
|
},
|
17
43
|
children: children
|
18
44
|
}),
|
19
|
-
|
45
|
+
id: "adaptive-tooltip",
|
46
|
+
children: (0, _jsxRuntime.jsxs)("span", {
|
20
47
|
className: "pro-tree-wrap-ellipse",
|
21
|
-
children: children
|
48
|
+
children: [" ", children]
|
22
49
|
})
|
23
50
|
});
|
24
51
|
};
|
@@ -75,6 +75,7 @@ var ProTree = function ProTree(props) {
|
|
75
75
|
showExpand = _props$showExpand === void 0 ? false : _props$showExpand,
|
76
76
|
defaultExpandAll = props.defaultExpandAll,
|
77
77
|
other = (0, _objectWithoutProperties2.default)(props, _excluded);
|
78
|
+
var fieldNameLabel = fieldNames.label;
|
78
79
|
var fieldNameValue = fieldNames.value;
|
79
80
|
var _useSetState = (0, _ahooks.useSetState)({
|
80
81
|
open: false,
|
@@ -17,17 +17,15 @@ var _antd = require("antd");
|
|
17
17
|
var _classnames3 = _interopRequireDefault(require("classnames"));
|
18
18
|
var _react = require("react");
|
19
19
|
var _lodash = require("lodash");
|
20
|
-
var _locale = _interopRequireDefault(require("../../../locale"));
|
21
20
|
var _ProConfigProvider = require("../../../ProConfigProvider");
|
22
21
|
var _Container = _interopRequireDefault(require("../../../ProForm/components/Container"));
|
23
22
|
var _AdaptiveTooltip = _interopRequireDefault(require("../AdaptiveTooltip"));
|
24
|
-
var _excluded = ["disabled", "code", "dataSource", "defaultDisableValue", "onChange", "useRequest", "transformResponse", "fieldNames", "
|
23
|
+
var _excluded = ["disabled", "code", "dataSource", "defaultDisableValue", "onChange", "useRequest", "transformResponse", "fieldNames", "tooltip", "showSearch", "filterTreeNode", "treeNodeFilterProp", "defaultExpandAll", "expandedKeys", "treeCheckable", "onSearch", "otherProps", "width", "dropdownStyle", "popupClassName", "style", "allowClear", "listHeight", "showCodeName", "className", "checkStrictly", "checkable"],
|
25
24
|
_excluded2 = ["children"];
|
26
25
|
/* eslint-disable react/no-danger */
|
27
26
|
/* eslint-disable react/jsx-closing-tag-location */
|
28
27
|
var SHOW_PARENT = _antd.TreeSelect.SHOW_PARENT;
|
29
28
|
var ProTreeSelect = exports.ProTreeSelect = function ProTreeSelect(props, ref) {
|
30
|
-
var _useRequest$options;
|
31
29
|
// 全局属性配置在ConfigProvider
|
32
30
|
var _ref = (0, _ProConfigProvider.useProConfig)('ProTreeSelect') || {},
|
33
31
|
_ref$fieldNames = _ref.fieldNames,
|
@@ -52,7 +50,6 @@ var ProTreeSelect = exports.ProTreeSelect = function ProTreeSelect(props, ref) {
|
|
52
50
|
useRequest = props.useRequest,
|
53
51
|
transformResponse = props.transformResponse,
|
54
52
|
fieldNames = props.fieldNames,
|
55
|
-
placeholder = props.placeholder,
|
56
53
|
_props$tooltip = props.tooltip,
|
57
54
|
tooltip = _props$tooltip === void 0 ? false : _props$tooltip,
|
58
55
|
_props$showSearch = props.showSearch,
|
@@ -171,26 +168,11 @@ var ProTreeSelect = exports.ProTreeSelect = function ProTreeSelect(props, ref) {
|
|
171
168
|
origDataSource: resultData || []
|
172
169
|
});
|
173
170
|
};
|
174
|
-
var successTransformDataHandle = (0, _react.useCallback)(function (res) {
|
175
|
-
if (transformResponse && typeof transformResponse === 'function') {
|
176
|
-
return transformResponse(res);
|
177
|
-
}
|
178
|
-
var _ref4 = res || {},
|
179
|
-
_ref4$status = _ref4.status,
|
180
|
-
status = _ref4$status === void 0 ? 200 : _ref4$status,
|
181
|
-
msg = _ref4.message,
|
182
|
-
data = _ref4.data;
|
183
|
-
if (status !== 200) {
|
184
|
-
_antd.message.error(msg);
|
185
|
-
return;
|
186
|
-
}
|
187
|
-
return data;
|
188
|
-
}, []);
|
189
171
|
// 配置了异步数据源,拉取枚举数据逻辑 如果有code不掉接口从local里根据code取值
|
190
172
|
var fetchFunction = (0, _ahooks.useRequest)(useRequest === null || useRequest === void 0 ? void 0 : useRequest.service, (0, _objectSpread2.default)({
|
191
173
|
manual: true,
|
192
|
-
debounceWait: 300,
|
193
174
|
onSuccess: function onSuccess(data) {
|
175
|
+
// 用户配置了处理枚举函数
|
194
176
|
if (transformResponse && typeof transformResponse === 'function') {
|
195
177
|
var responseData = transformResponse(data);
|
196
178
|
var resultData = transferDataSource(responseData, showCodeName);
|
@@ -199,33 +181,16 @@ var ProTreeSelect = exports.ProTreeSelect = function ProTreeSelect(props, ref) {
|
|
199
181
|
origDataSource: resultData
|
200
182
|
});
|
201
183
|
} else {
|
202
|
-
defaultOnSuccessFun(
|
184
|
+
defaultOnSuccessFun(data);
|
203
185
|
}
|
204
|
-
}
|
186
|
+
},
|
187
|
+
debounceWait: 300
|
205
188
|
}, useRequest === null || useRequest === void 0 ? void 0 : useRequest.options));
|
206
|
-
var cacheList = (useRequest === null || useRequest === void 0 ? void 0 : (_useRequest$options = useRequest.options) === null || _useRequest$options === void 0 ? void 0 : _useRequest$options.cacheKey) ? successTransformDataHandle(fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.data) : [];
|
207
189
|
(0, _react.useImperativeHandle)(ref, function () {
|
208
190
|
return {
|
209
191
|
useRequestRef: fetchFunction
|
210
192
|
};
|
211
193
|
});
|
212
|
-
// 设置cacheKey后使用缓存的数据
|
213
|
-
(0, _ahooks.useDeepCompareEffect)(function () {
|
214
|
-
var _useRequest$options2;
|
215
|
-
if (fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.data, useRequest === null || useRequest === void 0 ? void 0 : (_useRequest$options2 = useRequest.options) === null || _useRequest$options2 === void 0 ? void 0 : _useRequest$options2.cacheKey) {
|
216
|
-
if (transformResponse && typeof transformResponse === 'function') {
|
217
|
-
var responseData = transformResponse(fetchFunction.data);
|
218
|
-
// debugger;
|
219
|
-
var resultData = transferDataSource(responseData, showCodeName);
|
220
|
-
setState({
|
221
|
-
selectList: countChild(resultData),
|
222
|
-
origDataSource: resultData
|
223
|
-
});
|
224
|
-
} else {
|
225
|
-
defaultOnSuccessFun(fetchFunction.data);
|
226
|
-
}
|
227
|
-
}
|
228
|
-
}, [fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.data]);
|
229
194
|
(0, _ahooks.useDeepCompareEffect)(function () {
|
230
195
|
if (enumCode) {
|
231
196
|
var dictEnum = dics[enumCode] || [];
|
@@ -247,21 +212,17 @@ var ProTreeSelect = exports.ProTreeSelect = function ProTreeSelect(props, ref) {
|
|
247
212
|
if (enumCode || dataSource) {
|
248
213
|
return undefined;
|
249
214
|
}
|
250
|
-
// 如果配置手动加载,不执行请求
|
251
|
-
var _ref5 = (useRequest === null || useRequest === void 0 ? void 0 : useRequest.options) || {},
|
252
|
-
defaultParams = _ref5.defaultParams,
|
253
|
-
manual = _ref5.manual;
|
254
215
|
// disabled 状态时,不查询接口
|
255
216
|
if (defaultDisableValue || !useRequest) {
|
256
217
|
return undefined;
|
257
218
|
}
|
258
|
-
|
259
|
-
|
260
|
-
|
219
|
+
// 如果配置手动加载,不执行请求
|
220
|
+
var _ref4 = (useRequest === null || useRequest === void 0 ? void 0 : useRequest.options) || {},
|
221
|
+
defaultParams = _ref4.defaultParams;
|
261
222
|
var params = Array.isArray(defaultParams) ? defaultParams === null || defaultParams === void 0 ? void 0 : defaultParams[0] : defaultParams || {};
|
262
223
|
// 执行用户配置的枚举服务,拉取枚举数据进行更新
|
263
224
|
fetchFunction.run(params);
|
264
|
-
}, [useRequest === null || useRequest === void 0 ? void 0 : useRequest.
|
225
|
+
}, [useRequest === null || useRequest === void 0 ? void 0 : useRequest.service, defaultDisableValue]);
|
265
226
|
// disable默认值
|
266
227
|
if (defaultDisableValue) {
|
267
228
|
return (0, _jsxRuntime.jsx)("span", {
|
@@ -438,7 +399,7 @@ var ProTreeSelect = exports.ProTreeSelect = function ProTreeSelect(props, ref) {
|
|
438
399
|
return sourceList;
|
439
400
|
}
|
440
401
|
var searchTreeEvent = (0, _lodash.debounce)(/*#__PURE__*/function () {
|
441
|
-
var
|
402
|
+
var _ref5 = (0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(searchVal) {
|
442
403
|
var result;
|
443
404
|
return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
|
444
405
|
while (1) switch (_context.prev = _context.next) {
|
@@ -463,7 +424,7 @@ var ProTreeSelect = exports.ProTreeSelect = function ProTreeSelect(props, ref) {
|
|
463
424
|
}, _callee);
|
464
425
|
}));
|
465
426
|
return function (_x) {
|
466
|
-
return
|
427
|
+
return _ref5.apply(this, arguments);
|
467
428
|
};
|
468
429
|
}(), 500);
|
469
430
|
function findTreeNode(treeList, nodeValue) {
|
@@ -604,7 +565,6 @@ var ProTreeSelect = exports.ProTreeSelect = function ProTreeSelect(props, ref) {
|
|
604
565
|
onClick: nodeChangeEvent,
|
605
566
|
className: cls,
|
606
567
|
children: (0, _jsxRuntime.jsx)(_antd.TreeSelect, (0, _objectSpread2.default)((0, _objectSpread2.default)({
|
607
|
-
placeholder: placeholder || _locale.default.ProForm.treeSelectPlaceholder,
|
608
568
|
maxTagPlaceholder: function maxTagPlaceholder(rest) {
|
609
569
|
var _rest = rest.map(function (tag) {
|
610
570
|
var _tag$label, _tag$label$props, _tag$label2, _tag$label2$props, _tag$label2$props$chi, _tag$label2$props$chi2, _tag$label2$props$chi3, _tag$label3, _tag$label3$props, _tag$label3$props$dan;
|
package/lib/locale/en_US.d.ts
CHANGED
package/lib/locale/en_US.js
CHANGED
@@ -31,7 +31,6 @@ var _default = exports.default = {
|
|
31
31
|
unfold: 'Unfold',
|
32
32
|
packUp: 'PackUp',
|
33
33
|
inputPlaceholder: 'Please enter',
|
34
|
-
treeSelectPlaceholder: 'Please select',
|
35
34
|
selectPlaceHolder: 'Please select',
|
36
35
|
switchText: ['Yes', 'No'],
|
37
36
|
ruleStartEndText: ['start value', 'end value'],
|
package/lib/locale/zh_CN.d.ts
CHANGED
package/lib/locale/zh_CN.js
CHANGED