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