@zat-design/sisyphus-react 3.13.6-beta.5 → 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/ProDownload/utils.js +1 -1
- package/es/ProTable/hooks/useAntdTable.js +18 -22
- 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/ProDownload/utils.js +1 -1
- package/lib/ProTable/hooks/useAntdTable.js +17 -21
- 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
package/es/ProDownload/utils.js
CHANGED
@@ -117,7 +117,7 @@ export var DownloadRequest = /*#__PURE__*/function () {
|
|
117
117
|
_message.error("".concat(locale.ProDownload.errorMessage));
|
118
118
|
return _context.abrupt("return", Promise.reject("".concat(locale.ProDownload.errorMessage)));
|
119
119
|
case 7:
|
120
|
-
if (!((_data === null || _data === void 0 ? void 0 : _data.status)
|
120
|
+
if (!((_data === null || _data === void 0 ? void 0 : _data.status) > 200 || (_data === null || _data === void 0 ? void 0 : _data.code) === 401)) {
|
121
121
|
_context.next = 12;
|
122
122
|
break;
|
123
123
|
}
|
@@ -7,7 +7,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
|
|
7
7
|
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
8
8
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
9
9
|
var _excluded = ["page", "filters", "sorter"];
|
10
|
-
import { useEffect, useMemo, useState } from 'react';
|
10
|
+
import { useCallback, useEffect, useMemo, useState } from 'react';
|
11
11
|
import { useRequest, useSetState, useDeepCompareEffect, usePrevious } from 'ahooks';
|
12
12
|
import { pickBy, isObject, merge, set, isEqual, omit } from 'lodash';
|
13
13
|
import { defaultPage } from '../index';
|
@@ -36,8 +36,7 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
36
36
|
filters: undefined,
|
37
37
|
sorter: undefined
|
38
38
|
},
|
39
|
-
allSelected: false
|
40
|
-
searchValues: {}
|
39
|
+
allSelected: false
|
41
40
|
}),
|
42
41
|
_useSetState2 = _slicedToArray(_useSetState, 2),
|
43
42
|
_useSetState2$ = _useSetState2[0],
|
@@ -47,7 +46,6 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
47
46
|
selectedRowKeys = _useSetState2$.selectedRowKeys,
|
48
47
|
extraFilter = _useSetState2$.extraFilter,
|
49
48
|
allSelected = _useSetState2$.allSelected,
|
50
|
-
searchValues = _useSetState2$.searchValues,
|
51
49
|
setState = _useSetState2[1];
|
52
50
|
var _useDefaultOptions = useDefaultOptions(options),
|
53
51
|
form = _useDefaultOptions.form,
|
@@ -71,7 +69,7 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
71
69
|
var defaultParam = Array.isArray(defaultParams) ? defaultParams === null || defaultParams === void 0 ? void 0 : defaultParams[0] : defaultParams || {};
|
72
70
|
var initPage = (options === null || options === void 0 ? void 0 : options.page) || defaultPage;
|
73
71
|
var previousPage = usePrevious(page || defaultPage);
|
74
|
-
var getTransformParams = function
|
72
|
+
var getTransformParams = useCallback(function (params) {
|
75
73
|
var _pickBy;
|
76
74
|
var realParams = _objectSpread(_objectSpread(_objectSpread({}, defaultParam), extraParams), params);
|
77
75
|
var _realParams$page = realParams.page,
|
@@ -92,7 +90,7 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
92
90
|
return transformParams(realParams, requestParams);
|
93
91
|
}
|
94
92
|
return requestParams;
|
95
|
-
};
|
93
|
+
}, [defaultParam, extraParams]);
|
96
94
|
// 仅清数据源相关,查询相关
|
97
95
|
var handleSetStateCallback = function handleSetStateCallback(values) {
|
98
96
|
setState(_objectSpread({
|
@@ -137,13 +135,13 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
137
135
|
var run = result.run,
|
138
136
|
refreshAsync = result.refreshAsync;
|
139
137
|
// service变化时触发 (禁止掉防止service变更时导致的死循环)
|
140
|
-
var clearSelected = function
|
138
|
+
var clearSelected = useCallback(function () {
|
141
139
|
setState({
|
142
140
|
allSelected: false,
|
143
141
|
selectedRecords: [],
|
144
142
|
selectedRowKeys: []
|
145
143
|
});
|
146
|
-
};
|
144
|
+
}, []);
|
147
145
|
/**
|
148
146
|
* 手动触发时,手动调用run
|
149
147
|
*/
|
@@ -189,7 +187,7 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
189
187
|
};
|
190
188
|
}, []);
|
191
189
|
// 分页变更
|
192
|
-
var handlePageChange = function
|
190
|
+
var handlePageChange = useCallback(function (current, pageSize) {
|
193
191
|
var _form$getFieldsValue;
|
194
192
|
var page = {
|
195
193
|
pageNum: current,
|
@@ -207,8 +205,8 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
207
205
|
run(getTransformParams(_objectSpread(_objectSpread({
|
208
206
|
page: page
|
209
207
|
}, nextValues), extraFilter)));
|
210
|
-
};
|
211
|
-
var handleTableChange = function
|
208
|
+
}, [allSelected, extraFilter, data, getTransformParams]);
|
209
|
+
var handleTableChange = useCallback(function (pagination, filters, sorter, extra) {
|
212
210
|
var _form$getFieldsValue2;
|
213
211
|
// 跳过分页改变,使用pagination的onChange
|
214
212
|
if (extra.action === 'paginate') {
|
@@ -227,15 +225,15 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
227
225
|
sorter: sorter
|
228
226
|
}
|
229
227
|
});
|
230
|
-
var _values = (_form$getFieldsValue2 = form
|
228
|
+
var _values = (_form$getFieldsValue2 = form.getFieldsValue()) !== null && _form$getFieldsValue2 !== void 0 ? _form$getFieldsValue2 : {};
|
231
229
|
run(getTransformParams(_objectSpread(_objectSpread({
|
232
230
|
page: page
|
233
231
|
}, _values), {}, {
|
234
232
|
filters: filters,
|
235
233
|
sorter: sorter
|
236
234
|
})));
|
237
|
-
};
|
238
|
-
var onSearch = function
|
235
|
+
}, [allSelected, getTransformParams]);
|
236
|
+
var onSearch = useCallback(function (values) {
|
239
237
|
var newPage = {
|
240
238
|
pageNum: 1,
|
241
239
|
pageSize: page.pageSize
|
@@ -249,7 +247,6 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
249
247
|
if ((selectedRecords === null || selectedRecords === void 0 ? void 0 : selectedRecords.length) || isNonEmptyObject(_values) || !isEqual(previousSearchValues, _values)) {
|
250
248
|
previousSearchValues = _values;
|
251
249
|
setState({
|
252
|
-
searchValues: _values,
|
253
250
|
allSelected: false,
|
254
251
|
selectedRecords: [],
|
255
252
|
selectedRowKeys: []
|
@@ -258,10 +255,9 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
258
255
|
run(getTransformParams(_objectSpread(_objectSpread({
|
259
256
|
page: newPage
|
260
257
|
}, extraFilter), _values)));
|
261
|
-
};
|
262
|
-
var resetParams = function
|
258
|
+
}, [extraFilter, page.pageSize, previousPage, getTransformParams]);
|
259
|
+
var resetParams = useCallback(function (page) {
|
263
260
|
setState({
|
264
|
-
searchValues: {},
|
265
261
|
allSelected: false,
|
266
262
|
selectedRecords: [],
|
267
263
|
selectedRowKeys: [],
|
@@ -270,9 +266,9 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
270
266
|
sorter: undefined
|
271
267
|
}
|
272
268
|
});
|
273
|
-
};
|
269
|
+
}, []);
|
274
270
|
// 重置查询条件: 页码还原、勾选清空
|
275
|
-
var onReset = function
|
271
|
+
var onReset = useCallback(function () {
|
276
272
|
form === null || form === void 0 ? void 0 : form.resetFields();
|
277
273
|
var newPage = {
|
278
274
|
pageNum: 1,
|
@@ -285,7 +281,7 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
285
281
|
page: newPage
|
286
282
|
}));
|
287
283
|
}
|
288
|
-
};
|
284
|
+
}, [page.pageSize, run, resetParams, getTransformParams]);
|
289
285
|
var refreshPage = function refreshPage(res) {
|
290
286
|
var transformResult = transformResponse ? transformResponse(res) : res || {};
|
291
287
|
var _ref3 = isListResult(transformResult) ? transformResult : (transformResult === null || transformResult === void 0 ? void 0 : transformResult.data) || {},
|
@@ -479,7 +475,7 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
479
475
|
data: data,
|
480
476
|
params: (result === null || result === void 0 ? void 0 : (_result$params = result.params) === null || _result$params === void 0 ? void 0 : _result$params[0]) || {},
|
481
477
|
rowSelection: rowSelection,
|
482
|
-
searchValues: (_form$getFieldsValue3 = form
|
478
|
+
searchValues: (_form$getFieldsValue3 = form.getFieldsValue()) !== null && _form$getFieldsValue3 !== void 0 ? _form$getFieldsValue3 : {},
|
483
479
|
allSelected: allSelected,
|
484
480
|
selectedTip: selectedTip,
|
485
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
package/lib/ProDownload/utils.js
CHANGED
@@ -126,7 +126,7 @@ var DownloadRequest = exports.DownloadRequest = /*#__PURE__*/function () {
|
|
126
126
|
_antd.message.error("".concat(_locale.default.ProDownload.errorMessage));
|
127
127
|
return _context.abrupt("return", Promise.reject("".concat(_locale.default.ProDownload.errorMessage)));
|
128
128
|
case 7:
|
129
|
-
if (!((_data === null || _data === void 0 ? void 0 : _data.status)
|
129
|
+
if (!((_data === null || _data === void 0 ? void 0 : _data.status) > 200 || (_data === null || _data === void 0 ? void 0 : _data.code) === 401)) {
|
130
130
|
_context.next = 12;
|
131
131
|
break;
|
132
132
|
}
|
@@ -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,7 +53,6 @@ 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,
|
@@ -78,7 +76,7 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
78
76
|
var defaultParam = Array.isArray(defaultParams) ? defaultParams === null || defaultParams === void 0 ? void 0 : defaultParams[0] : defaultParams || {};
|
79
77
|
var initPage = (options === null || options === void 0 ? void 0 : options.page) || _index.defaultPage;
|
80
78
|
var previousPage = (0, _ahooks.usePrevious)(page || _index.defaultPage);
|
81
|
-
var getTransformParams = function
|
79
|
+
var getTransformParams = (0, _react.useCallback)(function (params) {
|
82
80
|
var _pickBy;
|
83
81
|
var realParams = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, defaultParam), extraParams), params);
|
84
82
|
var _realParams$page = realParams.page,
|
@@ -99,7 +97,7 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
99
97
|
return transformParams(realParams, requestParams);
|
100
98
|
}
|
101
99
|
return requestParams;
|
102
|
-
};
|
100
|
+
}, [defaultParam, extraParams]);
|
103
101
|
// 仅清数据源相关,查询相关
|
104
102
|
var handleSetStateCallback = function handleSetStateCallback(values) {
|
105
103
|
setState((0, _objectSpread2.default)({
|
@@ -144,13 +142,13 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
144
142
|
var run = result.run,
|
145
143
|
refreshAsync = result.refreshAsync;
|
146
144
|
// service变化时触发 (禁止掉防止service变更时导致的死循环)
|
147
|
-
var clearSelected = function
|
145
|
+
var clearSelected = (0, _react.useCallback)(function () {
|
148
146
|
setState({
|
149
147
|
allSelected: false,
|
150
148
|
selectedRecords: [],
|
151
149
|
selectedRowKeys: []
|
152
150
|
});
|
153
|
-
};
|
151
|
+
}, []);
|
154
152
|
/**
|
155
153
|
* 手动触发时,手动调用run
|
156
154
|
*/
|
@@ -196,7 +194,7 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
196
194
|
};
|
197
195
|
}, []);
|
198
196
|
// 分页变更
|
199
|
-
var handlePageChange = function
|
197
|
+
var handlePageChange = (0, _react.useCallback)(function (current, pageSize) {
|
200
198
|
var _form$getFieldsValue;
|
201
199
|
var page = {
|
202
200
|
pageNum: current,
|
@@ -214,8 +212,8 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
214
212
|
run(getTransformParams((0, _objectSpread2.default)((0, _objectSpread2.default)({
|
215
213
|
page: page
|
216
214
|
}, nextValues), extraFilter)));
|
217
|
-
};
|
218
|
-
var handleTableChange = function
|
215
|
+
}, [allSelected, extraFilter, data, getTransformParams]);
|
216
|
+
var handleTableChange = (0, _react.useCallback)(function (pagination, filters, sorter, extra) {
|
219
217
|
var _form$getFieldsValue2;
|
220
218
|
// 跳过分页改变,使用pagination的onChange
|
221
219
|
if (extra.action === 'paginate') {
|
@@ -234,15 +232,15 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
234
232
|
sorter: sorter
|
235
233
|
}
|
236
234
|
});
|
237
|
-
var _values = (_form$getFieldsValue2 = form
|
235
|
+
var _values = (_form$getFieldsValue2 = form.getFieldsValue()) !== null && _form$getFieldsValue2 !== void 0 ? _form$getFieldsValue2 : {};
|
238
236
|
run(getTransformParams((0, _objectSpread2.default)((0, _objectSpread2.default)({
|
239
237
|
page: page
|
240
238
|
}, _values), {}, {
|
241
239
|
filters: filters,
|
242
240
|
sorter: sorter
|
243
241
|
})));
|
244
|
-
};
|
245
|
-
var onSearch = function
|
242
|
+
}, [allSelected, getTransformParams]);
|
243
|
+
var onSearch = (0, _react.useCallback)(function (values) {
|
246
244
|
var newPage = {
|
247
245
|
pageNum: 1,
|
248
246
|
pageSize: page.pageSize
|
@@ -256,7 +254,6 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
256
254
|
if ((selectedRecords === null || selectedRecords === void 0 ? void 0 : selectedRecords.length) || (0, _utils.isNonEmptyObject)(_values) || !(0, _lodash.isEqual)(previousSearchValues, _values)) {
|
257
255
|
previousSearchValues = _values;
|
258
256
|
setState({
|
259
|
-
searchValues: _values,
|
260
257
|
allSelected: false,
|
261
258
|
selectedRecords: [],
|
262
259
|
selectedRowKeys: []
|
@@ -265,10 +262,9 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
265
262
|
run(getTransformParams((0, _objectSpread2.default)((0, _objectSpread2.default)({
|
266
263
|
page: newPage
|
267
264
|
}, extraFilter), _values)));
|
268
|
-
};
|
269
|
-
var resetParams = function
|
265
|
+
}, [extraFilter, page.pageSize, previousPage, getTransformParams]);
|
266
|
+
var resetParams = (0, _react.useCallback)(function (page) {
|
270
267
|
setState({
|
271
|
-
searchValues: {},
|
272
268
|
allSelected: false,
|
273
269
|
selectedRecords: [],
|
274
270
|
selectedRowKeys: [],
|
@@ -277,9 +273,9 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
277
273
|
sorter: undefined
|
278
274
|
}
|
279
275
|
});
|
280
|
-
};
|
276
|
+
}, []);
|
281
277
|
// 重置查询条件: 页码还原、勾选清空
|
282
|
-
var onReset = function
|
278
|
+
var onReset = (0, _react.useCallback)(function () {
|
283
279
|
form === null || form === void 0 ? void 0 : form.resetFields();
|
284
280
|
var newPage = {
|
285
281
|
pageNum: 1,
|
@@ -292,7 +288,7 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
292
288
|
page: newPage
|
293
289
|
}));
|
294
290
|
}
|
295
|
-
};
|
291
|
+
}, [page.pageSize, run, resetParams, getTransformParams]);
|
296
292
|
var refreshPage = function refreshPage(res) {
|
297
293
|
var transformResult = transformResponse ? transformResponse(res) : res || {};
|
298
294
|
var _ref3 = (0, _utils.isListResult)(transformResult) ? transformResult : (transformResult === null || transformResult === void 0 ? void 0 : transformResult.data) || {},
|
@@ -486,7 +482,7 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
486
482
|
data: data,
|
487
483
|
params: (result === null || result === void 0 ? void 0 : (_result$params = result.params) === null || _result$params === void 0 ? void 0 : _result$params[0]) || {},
|
488
484
|
rowSelection: rowSelection,
|
489
|
-
searchValues: (_form$getFieldsValue3 = form
|
485
|
+
searchValues: (_form$getFieldsValue3 = form.getFieldsValue()) !== null && _form$getFieldsValue3 !== void 0 ? _form$getFieldsValue3 : {},
|
490
486
|
allSelected: allSelected,
|
491
487
|
selectedTip: selectedTip,
|
492
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