@zat-design/sisyphus-react 3.10.3 → 3.10.4
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/dist/index.esm.css +6 -0
- package/dist/less.esm.css +6 -0
- package/es/ProEditTable/components/RenderField/index.js +2 -2
- package/es/ProEditTable/index.js +44 -13
- package/es/ProEditTable/propsType.d.ts +0 -1
- package/es/ProEditTable/style/index.less +3 -1
- package/es/ProEditTable/utils/config.d.ts +1 -1
- package/es/ProEditTable/utils/config.js +11 -3
- package/es/ProEditTable/utils/index.js +0 -71
- package/es/ProForm/components/render/ConfirmWrapper.js +41 -21
- package/es/ProSelect/index.js +31 -6
- package/es/ProTable/hooks/useAntdTable.js +45 -46
- package/es/ProTable/style/index.less +3 -1
- package/es/ProTable/utils/index.d.ts +2 -0
- package/es/ProTable/utils/index.js +5 -0
- package/lib/ProEditTable/components/RenderField/index.js +2 -2
- package/lib/ProEditTable/index.js +43 -12
- package/lib/ProEditTable/propsType.d.ts +0 -1
- package/lib/ProEditTable/style/index.less +3 -1
- package/lib/ProEditTable/utils/config.d.ts +1 -1
- package/lib/ProEditTable/utils/config.js +11 -3
- package/lib/ProEditTable/utils/index.js +0 -71
- package/lib/ProForm/components/render/ConfirmWrapper.js +41 -21
- package/lib/ProSelect/index.js +30 -5
- package/lib/ProTable/hooks/useAntdTable.js +42 -43
- package/lib/ProTable/style/index.less +3 -1
- package/lib/ProTable/utils/index.d.ts +2 -0
- package/lib/ProTable/utils/index.js +6 -1
- package/package.json +1 -1
@@ -7,11 +7,11 @@ 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 { useCallback, useMemo, useState } from 'react';
|
11
|
-
import { useRequest, useSetState, useDeepCompareEffect } from 'ahooks';
|
10
|
+
import { useCallback, useEffect, useMemo, useState } from 'react';
|
11
|
+
import { useRequest, useSetState, useDeepCompareEffect, usePrevious } from 'ahooks';
|
12
12
|
import { pickBy, isObject, merge, set, isEqual } from 'lodash';
|
13
13
|
import { defaultPage } from '../index';
|
14
|
-
import { isListResult, removeEmptyKeys } from '../utils';
|
14
|
+
import { isListResult, removeEmptyKeys, isNonEmptyObject } from '../utils';
|
15
15
|
import locale, { formatMessage } from '../../locale';
|
16
16
|
var useDefaultOptions = function useDefaultOptions(options) {
|
17
17
|
var _useState = useState((options === null || options === void 0 ? void 0 : options.page) || defaultPage),
|
@@ -24,6 +24,7 @@ var useDefaultOptions = function useDefaultOptions(options) {
|
|
24
24
|
onPageChange: (options === null || options === void 0 ? void 0 : options.onPageChange) || onPageChange
|
25
25
|
});
|
26
26
|
};
|
27
|
+
var previousSearchValues = null;
|
27
28
|
function useAntdTable(service, options, useRequestOptions) {
|
28
29
|
var _locale$ProTable2, _locale$ProTable3, _locale$ProTable4, _locale$ProTable5;
|
29
30
|
var _useSetState = useSetState({
|
@@ -32,7 +33,10 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
32
33
|
selectedRecords: [],
|
33
34
|
selectedRowKeys: [],
|
34
35
|
searchValues: undefined,
|
35
|
-
extraFilter:
|
36
|
+
extraFilter: {
|
37
|
+
filters: undefined,
|
38
|
+
sorter: undefined
|
39
|
+
},
|
36
40
|
allSelected: false
|
37
41
|
}),
|
38
42
|
_useSetState2 = _slicedToArray(_useSetState, 2),
|
@@ -63,10 +67,10 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
63
67
|
transformResponse = _useDefaultOptions.transformResponse,
|
64
68
|
disabled = _useDefaultOptions.disabled;
|
65
69
|
var _ref = useRequestOptions || {},
|
66
|
-
defaultParams = _ref.defaultParams
|
67
|
-
manual = _ref.manual;
|
70
|
+
defaultParams = _ref.defaultParams;
|
68
71
|
var defaultParam = Array.isArray(defaultParams) ? defaultParams === null || defaultParams === void 0 ? void 0 : defaultParams[0] : defaultParams || {};
|
69
72
|
var initPage = (options === null || options === void 0 ? void 0 : options.page) || defaultPage;
|
73
|
+
var previousPage = usePrevious(page || defaultPage);
|
70
74
|
var getTransformParams = useCallback(function (params) {
|
71
75
|
var _pickBy;
|
72
76
|
var realParams = _objectSpread(_objectSpread(_objectSpread({}, defaultParam), extraParams), params);
|
@@ -105,9 +109,17 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
105
109
|
page: page
|
106
110
|
}, newQueryBean));
|
107
111
|
}, [page, searchValues, extraFilter]);
|
112
|
+
var curService = useMemo(function () {
|
113
|
+
return service.toString();
|
114
|
+
}, [service]);
|
115
|
+
var curExtraParams = useMemo(function () {
|
116
|
+
return extraParams ? JSON.stringify(extraParams) : extraParams;
|
117
|
+
}, [extraParams]);
|
108
118
|
// 调接口
|
109
|
-
var result = useRequest(service, _objectSpread(_objectSpread({
|
110
|
-
debounceWait:
|
119
|
+
var result = useRequest(service, _objectSpread(_objectSpread({
|
120
|
+
debounceWait: 300,
|
121
|
+
refreshDeps: [curService, curExtraParams]
|
122
|
+
}, useRequestOptions), {}, {
|
111
123
|
defaultParams: [getTransformParams()],
|
112
124
|
onSuccess: function onSuccess(res, params) {
|
113
125
|
var transformResult = transformResponse ? transformResponse(res) : res || {};
|
@@ -131,9 +143,6 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
131
143
|
}));
|
132
144
|
var run = result.run,
|
133
145
|
refreshAsync = result.refreshAsync;
|
134
|
-
var curService = useMemo(function () {
|
135
|
-
return service.toString();
|
136
|
-
}, [service]);
|
137
146
|
// service变化时触发 (禁止掉防止service变更时导致的死循环)
|
138
147
|
var clearSelected = useCallback(function () {
|
139
148
|
setState({
|
@@ -172,6 +181,12 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
172
181
|
setState(nextObject);
|
173
182
|
}
|
174
183
|
}, [allSelected, data]);
|
184
|
+
// 释放
|
185
|
+
useEffect(function () {
|
186
|
+
return function () {
|
187
|
+
previousSearchValues = null;
|
188
|
+
};
|
189
|
+
}, []);
|
175
190
|
// 分页变更
|
176
191
|
var handlePageChange = useCallback(function (current, pageSize) {
|
177
192
|
var page = {
|
@@ -213,26 +228,32 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
213
228
|
filters: filters,
|
214
229
|
sorter: sorter
|
215
230
|
})));
|
216
|
-
}, [allSelected, searchValues,
|
231
|
+
}, [allSelected, searchValues, getTransformParams]);
|
217
232
|
var onSearch = useCallback(function (values) {
|
218
233
|
var newPage = {
|
219
234
|
pageNum: 1,
|
220
235
|
pageSize: page.pageSize
|
221
236
|
};
|
222
237
|
var _values = removeEmptyKeys(values);
|
223
|
-
|
224
|
-
|
225
|
-
|
226
|
-
|
227
|
-
|
228
|
-
|
229
|
-
|
238
|
+
// 如果 previousPage 存在且与 page 不相等,则触发页面变化
|
239
|
+
if (previousPage && !isEqual(previousPage, page)) {
|
240
|
+
onPageChange(newPage);
|
241
|
+
}
|
242
|
+
// 减少查询按钮的渲染,只有需要重置值时才需要调用
|
243
|
+
if ((selectedRecords === null || selectedRecords === void 0 ? void 0 : selectedRecords.length) || isNonEmptyObject(_values) && !isEqual(previousSearchValues, _values)) {
|
244
|
+
previousSearchValues = _values;
|
245
|
+
setState({
|
246
|
+
searchValues: _values,
|
247
|
+
allSelected: false,
|
248
|
+
selectedRecords: [],
|
249
|
+
selectedRowKeys: []
|
250
|
+
});
|
251
|
+
}
|
230
252
|
run(getTransformParams(_objectSpread(_objectSpread({
|
231
253
|
page: newPage
|
232
254
|
}, extraFilter), _values)));
|
233
|
-
}, [extraFilter, page.pageSize,
|
234
|
-
var resetParams = useCallback(function () {
|
235
|
-
var page = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : initPage;
|
255
|
+
}, [extraFilter, page.pageSize, previousPage, getTransformParams]);
|
256
|
+
var resetParams = useCallback(function (page) {
|
236
257
|
setState({
|
237
258
|
searchValues: undefined,
|
238
259
|
allSelected: false,
|
@@ -302,28 +323,6 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
302
323
|
return _ref4.apply(this, arguments);
|
303
324
|
};
|
304
325
|
}();
|
305
|
-
useDeepCompareEffect(function () {
|
306
|
-
if (!manual && curService) {
|
307
|
-
// service改变时重新请求
|
308
|
-
resetParams();
|
309
|
-
onPageChange(initPage);
|
310
|
-
run(getTransformParams());
|
311
|
-
}
|
312
|
-
}, [curService]);
|
313
|
-
useDeepCompareEffect(function () {
|
314
|
-
// extraParams改变时重新请求
|
315
|
-
if (!manual && extraParams) {
|
316
|
-
var newPage = {
|
317
|
-
pageNum: 1,
|
318
|
-
pageSize: page.pageSize
|
319
|
-
};
|
320
|
-
onPageChange(newPage);
|
321
|
-
resetParams(newPage);
|
322
|
-
run(getTransformParams({
|
323
|
-
page: newPage
|
324
|
-
}));
|
325
|
-
}
|
326
|
-
}, [extraParams]);
|
327
326
|
var _rowSelection = {
|
328
327
|
fixed: true,
|
329
328
|
type: rowSelectType,
|
@@ -449,8 +448,8 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
449
448
|
});
|
450
449
|
}
|
451
450
|
}
|
452
|
-
var selectedTip = allSelected
|
453
|
-
|
451
|
+
var selectedTip = allSelected && selectedRowKeys.length ? formatMessage(locale === null || locale === void 0 ? void 0 : (_locale$ProTable5 = locale.ProTable) === null || _locale$ProTable5 === void 0 ? void 0 : _locale$ProTable5.selectAll, {
|
452
|
+
total: allSelected ? total : selectedRowKeys === null || selectedRowKeys === void 0 ? void 0 : selectedRowKeys.length
|
454
453
|
}) : null;
|
455
454
|
var pagination = {
|
456
455
|
current: page.pageNum,
|
@@ -585,7 +585,9 @@
|
|
585
585
|
|
586
586
|
.@{ant-prefix}-table-summary {
|
587
587
|
background-color: var(--zaui-table-header-bg, #f2f3f5);
|
588
|
-
|
588
|
+
td{
|
589
|
+
padding:calc(4px + var(--zaui-size)* 8px);
|
590
|
+
}
|
589
591
|
.@{ant-prefix}-table-cell {
|
590
592
|
font-weight: 500;
|
591
593
|
background-color: var(--zaui-table-header-bg, #f2f3f5);
|
@@ -1,3 +1,4 @@
|
|
1
|
+
import _typeof from "@babel/runtime/helpers/esm/typeof";
|
1
2
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
2
3
|
import { get, isEqual } from 'lodash';
|
3
4
|
import { validate } from '@zat-design/utils';
|
@@ -99,4 +100,8 @@ export var getPadding = function getPadding(el) {
|
|
99
100
|
pTop: paddingTop,
|
100
101
|
pBottom: paddingBottom
|
101
102
|
};
|
103
|
+
};
|
104
|
+
/** 判断是有值的对象 */
|
105
|
+
export var isNonEmptyObject = function isNonEmptyObject(obj) {
|
106
|
+
return obj !== null && _typeof(obj) === 'object' && !Array.isArray(obj) && Object.keys(obj).length > 0;
|
102
107
|
};
|
@@ -595,7 +595,7 @@ var RenderField = function RenderField(_ref) {
|
|
595
595
|
}
|
596
596
|
FormItem = TargetComponent ? (0, _jsxRuntime.jsx)(_antd.Form.Item, (0, _objectSpread2.default)((0, _objectSpread2.default)({
|
597
597
|
validateFirst: true
|
598
|
-
}, (0, _lodash.omit)(_formItemProps, ['render', '
|
598
|
+
}, (0, _lodash.omit)(_formItemProps, ['render', 'key', 'width', 'hiddenNames', 'name', 'onCell', _fieldProps.shouldUpdate ? 'shouldUpdate' : null])), {}, {
|
599
599
|
className: _className,
|
600
600
|
name: formNamePath ? cellName.slice((formNamePath === null || formNamePath === void 0 ? void 0 : formNamePath.length) - 1) : cellName,
|
601
601
|
children: FieldComponent
|
@@ -605,7 +605,7 @@ var RenderField = function RenderField(_ref) {
|
|
605
605
|
if (type === 'FormList') {
|
606
606
|
FormItem = (0, _jsxRuntime.jsx)(_antd.Form.List, (0, _objectSpread2.default)((0, _objectSpread2.default)({
|
607
607
|
name: formNamePath ? cellName.slice((formNamePath === null || formNamePath === void 0 ? void 0 : formNamePath.length) - 1) : cellName
|
608
|
-
}, (0, _lodash.omit)(_formItemProps, ['render', '
|
608
|
+
}, (0, _lodash.omit)(_formItemProps, ['render', 'key', 'width', 'hiddenNames', 'name'])), {}, {
|
609
609
|
children: function children(fields, operation, meta) {
|
610
610
|
return (0, _jsxRuntime.jsx)(TargetComponent, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, componentProps), {}, {
|
611
611
|
otherProps: otherProps,
|
@@ -8,6 +8,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
exports.default = void 0;
|
9
9
|
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
10
10
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
11
|
+
var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
|
12
|
+
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
11
13
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
12
14
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
13
15
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
@@ -113,7 +115,6 @@ var ProEditTable = function ProEditTable(_ref, ref) {
|
|
113
115
|
selectedRows = state.selectedRows,
|
114
116
|
page = state.page;
|
115
117
|
var virtualRowName = (0, _tools.getNamePath)((0, _lodash.isArray)(name) ? name : [name], virtualKey);
|
116
|
-
var cacheMap = (0, _react.useRef)({});
|
117
118
|
// 样式处理
|
118
119
|
var _className = (0, _classnames.default)({
|
119
120
|
'pro-edit-table': true,
|
@@ -163,13 +164,51 @@ var ProEditTable = function ProEditTable(_ref, ref) {
|
|
163
164
|
return getRowKey(item) === getRowKey(record);
|
164
165
|
}));
|
165
166
|
};
|
167
|
+
// 分页变更
|
168
|
+
var handlePageChange = (0, _react.useCallback)(/*#__PURE__*/function () {
|
169
|
+
var _ref4 = (0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(current, pageSize) {
|
170
|
+
return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
|
171
|
+
while (1) switch (_context.prev = _context.next) {
|
172
|
+
case 0:
|
173
|
+
_context.prev = 0;
|
174
|
+
if (!pagination) {
|
175
|
+
_context.next = 5;
|
176
|
+
break;
|
177
|
+
}
|
178
|
+
_context.next = 4;
|
179
|
+
return form.validateFields([name], {
|
180
|
+
recursive: true
|
181
|
+
});
|
182
|
+
case 4:
|
183
|
+
setState({
|
184
|
+
page: {
|
185
|
+
pageNum: current,
|
186
|
+
pageSize: pageSize !== null && pageSize !== void 0 ? pageSize : page.pageSize
|
187
|
+
}
|
188
|
+
});
|
189
|
+
case 5:
|
190
|
+
_context.next = 10;
|
191
|
+
break;
|
192
|
+
case 7:
|
193
|
+
_context.prev = 7;
|
194
|
+
_context.t0 = _context["catch"](0);
|
195
|
+
(0, _tools.handleScrollToError)();
|
196
|
+
case 10:
|
197
|
+
case "end":
|
198
|
+
return _context.stop();
|
199
|
+
}
|
200
|
+
}, _callee, null, [[0, 7]]);
|
201
|
+
}));
|
202
|
+
return function (_x, _x2) {
|
203
|
+
return _ref4.apply(this, arguments);
|
204
|
+
};
|
205
|
+
}(), []);
|
166
206
|
var config = (0, _objectSpread2.default)({
|
167
207
|
form: form,
|
168
208
|
mode: mode,
|
169
209
|
isView: isView,
|
170
210
|
viewEmpty: viewEmpty,
|
171
211
|
disabled: disabled,
|
172
|
-
cacheMap: cacheMap,
|
173
212
|
cellNamePath: cellNamePath,
|
174
213
|
forceUpdate: forceUpdate,
|
175
214
|
insertType: insertType,
|
@@ -197,7 +236,8 @@ var ProEditTable = function ProEditTable(_ref, ref) {
|
|
197
236
|
rowDisabled: rowDisabled,
|
198
237
|
actionDirection: actionDirection,
|
199
238
|
diffConfig: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, resetProps === null || resetProps === void 0 ? void 0 : (_resetProps$otherProp = resetProps.otherProps) === null || _resetProps$otherProp === void 0 ? void 0 : _resetProps$otherProp.diffConfig), diffConfig),
|
200
|
-
getIsNew: getIsNew
|
239
|
+
getIsNew: getIsNew,
|
240
|
+
handlePageChange: handlePageChange
|
201
241
|
}, resetProps);
|
202
242
|
// 编辑行设置下样式
|
203
243
|
var _rowClassName = function _rowClassName(record) {
|
@@ -248,15 +288,6 @@ var ProEditTable = function ProEditTable(_ref, ref) {
|
|
248
288
|
},
|
249
289
|
hideSelectAll: isHideCheckBox
|
250
290
|
}, rowSelection);
|
251
|
-
// 分页变更
|
252
|
-
var handlePageChange = (0, _react.useCallback)(function (current, pageSize) {
|
253
|
-
setState({
|
254
|
-
page: {
|
255
|
-
pageNum: current,
|
256
|
-
pageSize: pageSize
|
257
|
-
}
|
258
|
-
});
|
259
|
-
}, []);
|
260
291
|
// 空列表状态
|
261
292
|
var empty = function empty() {
|
262
293
|
var _toolbarProps$filter;
|
@@ -98,7 +98,6 @@ export interface ProColumnsProps<Values = any, T = any> extends Omit<FormItemPro
|
|
98
98
|
labelRequired?: boolean;
|
99
99
|
name?: NamePath;
|
100
100
|
names?: NamePath[];
|
101
|
-
cache?: boolean;
|
102
101
|
isEditable?: boolean | RequiredFn<T>;
|
103
102
|
valueType?: ProFormValueType | ((text?: any, record?: any, options?: OptionsProps) => ProFormValueType);
|
104
103
|
tooltip?: string | ({
|
@@ -151,7 +151,9 @@
|
|
151
151
|
background-color: var(--zaui-table-header-bg, #f2f3f5);
|
152
152
|
color : var(--zaui-text, #343434);
|
153
153
|
font-weight : 600;
|
154
|
-
|
154
|
+
td{
|
155
|
+
padding: 8px 16px;
|
156
|
+
}
|
155
157
|
.@{ant-prefix}-table-cell-fix-left,
|
156
158
|
.@{ant-prefix}-table-cell-fix-right {
|
157
159
|
background-color: var(--zaui-table-header-bg, #f2f3f5);
|
@@ -20,6 +20,6 @@ export declare const actions: {
|
|
20
20
|
save: ({ record, editingKeys, setState, form, rowName, virtualRowName, result }: any) => Promise<void>;
|
21
21
|
cancel: ({ name, record, editingKeys, setState, form, virtualRowName, virtualKey }: any) => void;
|
22
22
|
delete: ({ name, record, editingKeys, setState, form, virtualKey, onlyOneLineMsg }: any) => boolean;
|
23
|
-
add: ({ result, insertType, editingKeys, setState, form, name, virtualName, virtualKey, onlyOneLineMsg, tableRef, prefixCls, }: any) => Promise<boolean>;
|
23
|
+
add: ({ result, insertType, editingKeys, setState, form, name, virtualName, virtualKey, onlyOneLineMsg, tableRef, prefixCls, page, handlePageChange, }: any) => Promise<boolean>;
|
24
24
|
mulDelete: ({ form, name, virtualKey, setState, selectedRowKeys, editingKeys }: any) => void;
|
25
25
|
};
|
@@ -12,6 +12,7 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
|
|
12
12
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
13
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
14
14
|
var _icons = require("@ant-design/icons");
|
15
|
+
var _utils = require("@zat-design/utils");
|
15
16
|
var _antd = require("antd");
|
16
17
|
var _lodash = require("lodash");
|
17
18
|
var _tools = require("./tools");
|
@@ -174,11 +175,11 @@ var actions = exports.actions = {
|
|
174
175
|
add: function () {
|
175
176
|
var _add = (0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(_ref5) {
|
176
177
|
var _tableRef$current$que, _tableRef$current$que2;
|
177
|
-
var result, insertType, editingKeys, setState, form, name, virtualName, virtualKey, onlyOneLineMsg, tableRef, _ref5$prefixCls, prefixCls, nextData, rowKey, addData, nextEditingKeys;
|
178
|
+
var result, insertType, editingKeys, setState, form, name, virtualName, virtualKey, onlyOneLineMsg, tableRef, _ref5$prefixCls, prefixCls, page, handlePageChange, nextData, rowKey, addData, nextPageNum, nextEditingKeys;
|
178
179
|
return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
|
179
180
|
while (1) switch (_context2.prev = _context2.next) {
|
180
181
|
case 0:
|
181
|
-
result = _ref5.result, insertType = _ref5.insertType, editingKeys = _ref5.editingKeys, setState = _ref5.setState, form = _ref5.form, name = _ref5.name, virtualName = _ref5.virtualName, virtualKey = _ref5.virtualKey, onlyOneLineMsg = _ref5.onlyOneLineMsg, tableRef = _ref5.tableRef, _ref5$prefixCls = _ref5.prefixCls, prefixCls = _ref5$prefixCls === void 0 ? 'ant' : _ref5$prefixCls;
|
182
|
+
result = _ref5.result, insertType = _ref5.insertType, editingKeys = _ref5.editingKeys, setState = _ref5.setState, form = _ref5.form, name = _ref5.name, virtualName = _ref5.virtualName, virtualKey = _ref5.virtualKey, onlyOneLineMsg = _ref5.onlyOneLineMsg, tableRef = _ref5.tableRef, _ref5$prefixCls = _ref5.prefixCls, prefixCls = _ref5$prefixCls === void 0 ? 'ant' : _ref5$prefixCls, page = _ref5.page, handlePageChange = _ref5.handlePageChange;
|
182
183
|
nextData = (0, _toConsumableArray2.default)(form.getFieldValue(name) || []); // 单行编辑时,需要先保存,才能进行下面的编辑
|
183
184
|
if (!(virtualKey && editingKeys.length >= 1)) {
|
184
185
|
_context2.next = 5;
|
@@ -195,7 +196,14 @@ var actions = exports.actions = {
|
|
195
196
|
addData.addFlag = true;
|
196
197
|
addData.isEditing = true;
|
197
198
|
}
|
198
|
-
insertType === 'before'
|
199
|
+
if (insertType === 'before') {
|
200
|
+
nextData.unshift(addData);
|
201
|
+
handlePageChange(1);
|
202
|
+
} else {
|
203
|
+
nextData.push(addData);
|
204
|
+
nextPageNum = Math.ceil(_utils.tools.calc(nextData.length, '/', page.pageSize));
|
205
|
+
handlePageChange(nextPageNum);
|
206
|
+
}
|
199
207
|
// 当单选情况下,存储正在编辑值
|
200
208
|
if (virtualKey) {
|
201
209
|
nextEditingKeys = (0, _toConsumableArray2.default)(editingKeys); // 开启编辑状态
|
@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
6
6
|
});
|
7
7
|
exports.transformColumns = void 0;
|
8
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
9
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
10
9
|
var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
|
11
10
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
@@ -205,13 +204,10 @@ var transformColumns = exports.transformColumns = function transformColumns() {
|
|
205
204
|
virtualKey = config.virtualKey,
|
206
205
|
requiredAlign = config.requiredAlign,
|
207
206
|
isView = config.isView,
|
208
|
-
cacheMap = config.cacheMap,
|
209
207
|
setState = config.setState,
|
210
208
|
page = config.page;
|
211
209
|
var isCell = mode === 'cell';
|
212
210
|
var _columns = (0, _tools.cloneDeepFilterNode)(columns);
|
213
|
-
// 你的函数代码
|
214
|
-
var _cacheMap = (0, _objectSpread2.default)({}, cacheMap.current);
|
215
211
|
var pageNum = _utils.tools.calc(page.pageNum, '-', 1);
|
216
212
|
var firstIndex = _utils.tools.calc(pageNum, '*', page.pageSize);
|
217
213
|
_columns.forEach(function (item, index) {
|
@@ -284,26 +280,6 @@ var transformColumns = exports.transformColumns = function transformColumns() {
|
|
284
280
|
if (item.className) {
|
285
281
|
item.className = (0, _toConsumableArray2.default)(new Set(item.className.split(' '))).join(' ');
|
286
282
|
}
|
287
|
-
// 当列表配置cache,接口请求静态数据会做数据缓存
|
288
|
-
if (item.cache) {
|
289
|
-
var _item$fieldProps3;
|
290
|
-
// 初始化加载ProSelect,缓存当前useRequest
|
291
|
-
if (item.type === 'ProSelect') {
|
292
|
-
var _cacheMap$item$dataIn, _cacheMap$item$dataIn2;
|
293
|
-
if (!(_cacheMap === null || _cacheMap === void 0 ? void 0 : (_cacheMap$item$dataIn = _cacheMap[item.dataIndex]) === null || _cacheMap$item$dataIn === void 0 ? void 0 : (_cacheMap$item$dataIn2 = _cacheMap$item$dataIn.dataSource) === null || _cacheMap$item$dataIn2 === void 0 ? void 0 : _cacheMap$item$dataIn2.length)) {
|
294
|
-
var _item$fieldProps, _item$fieldProps2;
|
295
|
-
_cacheMap[item.dataIndex] = {
|
296
|
-
useRequest: (_item$fieldProps = item.fieldProps) === null || _item$fieldProps === void 0 ? void 0 : _item$fieldProps.useRequest,
|
297
|
-
dataSource: [],
|
298
|
-
transformResponse: (_item$fieldProps2 = item.fieldProps) === null || _item$fieldProps2 === void 0 ? void 0 : _item$fieldProps2.transformResponse
|
299
|
-
};
|
300
|
-
} else {
|
301
|
-
var _cacheMap$item$dataIn3;
|
302
|
-
item.fieldProps.dataSource = (_cacheMap$item$dataIn3 = _cacheMap[item.dataIndex]) === null || _cacheMap$item$dataIn3 === void 0 ? void 0 : _cacheMap$item$dataIn3.dataSource;
|
303
|
-
}
|
304
|
-
}
|
305
|
-
(_item$fieldProps3 = item.fieldProps) === null || _item$fieldProps3 === void 0 ? true : delete _item$fieldProps3.useRequest;
|
306
|
-
}
|
307
283
|
var _render = function _render(text, record, index) {
|
308
284
|
var isEditing = !virtualKey || editingKeys.includes(record.rowKey) || record.addFlag;
|
309
285
|
var namePath = (0, _lodash.isArray)(name) ? name : [name];
|
@@ -394,53 +370,6 @@ var transformColumns = exports.transformColumns = function transformColumns() {
|
|
394
370
|
}));
|
395
371
|
actionColumn && _columns.push(actionColumn);
|
396
372
|
}
|
397
|
-
// cacheMap 用来存储缓存值,若有值后不再请求
|
398
|
-
if (JSON.stringify(cacheMap.current) === '{}') {
|
399
|
-
Promise.all(Object.entries(_cacheMap).map(/*#__PURE__*/function () {
|
400
|
-
var _ref4 = (0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(item) {
|
401
|
-
var _item, key, value, _ref5, service, option;
|
402
|
-
return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
|
403
|
-
while (1) switch (_context2.prev = _context2.next) {
|
404
|
-
case 0:
|
405
|
-
_item = (0, _slicedToArray2.default)(item, 2), key = _item[0], value = _item[1];
|
406
|
-
_ref5 = (value === null || value === void 0 ? void 0 : value.useRequest) || {}, service = _ref5.service, option = _ref5.option;
|
407
|
-
if (!service) {
|
408
|
-
_context2.next = 8;
|
409
|
-
break;
|
410
|
-
}
|
411
|
-
_context2.t0 = key;
|
412
|
-
_context2.next = 6;
|
413
|
-
return service((0, _objectSpread2.default)({}, option === null || option === void 0 ? void 0 : option.defaultParams));
|
414
|
-
case 6:
|
415
|
-
_context2.t1 = _context2.sent;
|
416
|
-
return _context2.abrupt("return", [_context2.t0, _context2.t1]);
|
417
|
-
case 8:
|
418
|
-
return _context2.abrupt("return", [key, {}]);
|
419
|
-
case 9:
|
420
|
-
case "end":
|
421
|
-
return _context2.stop();
|
422
|
-
}
|
423
|
-
}, _callee2);
|
424
|
-
}));
|
425
|
-
return function (_x3) {
|
426
|
-
return _ref4.apply(this, arguments);
|
427
|
-
};
|
428
|
-
}())).then(function (res) {
|
429
|
-
res.forEach(function (item) {
|
430
|
-
var _item2 = (0, _slicedToArray2.default)(item, 2),
|
431
|
-
key = _item2[0],
|
432
|
-
value = _item2[1];
|
433
|
-
var transformResponse = _cacheMap[key].transformResponse;
|
434
|
-
_cacheMap[key].dataSource = (transformResponse ? transformResponse(value) : value === null || value === void 0 ? void 0 : value.data) || [];
|
435
|
-
});
|
436
|
-
cacheMap.current = _cacheMap;
|
437
|
-
if (JSON.stringify(cacheMap.current) !== '{}') {
|
438
|
-
setState({
|
439
|
-
forceUpdate: {}
|
440
|
-
});
|
441
|
-
}
|
442
|
-
});
|
443
|
-
}
|
444
373
|
// 渲染操作列
|
445
374
|
return _columns;
|
446
375
|
};
|
@@ -28,25 +28,25 @@ var ConfirmWrapper = function ConfirmWrapper(props) {
|
|
28
28
|
var _ProForm$useFieldProp = _index.default.useFieldProps(),
|
29
29
|
form = _ProForm$useFieldProp.form;
|
30
30
|
var handleChange = /*#__PURE__*/function () {
|
31
|
-
var _ref = (0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function
|
31
|
+
var _ref = (0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(value) {
|
32
32
|
var _len,
|
33
33
|
other,
|
34
34
|
_key,
|
35
35
|
_value,
|
36
36
|
confirmProps,
|
37
|
-
|
38
|
-
return (0, _regeneratorRuntime2.default)().wrap(function
|
39
|
-
while (1) switch (
|
37
|
+
_args2 = arguments;
|
38
|
+
return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
|
39
|
+
while (1) switch (_context2.prev = _context2.next) {
|
40
40
|
case 0:
|
41
|
-
for (_len =
|
42
|
-
other[_key - 1] =
|
41
|
+
for (_len = _args2.length, other = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
|
42
|
+
other[_key - 1] = _args2[_key];
|
43
43
|
}
|
44
44
|
_value = (value === null || value === void 0 ? void 0 : value.target) ? value.target.value : value;
|
45
45
|
if (!(0, _lodash.isFunction)(confirm)) {
|
46
|
-
|
46
|
+
_context2.next = 8;
|
47
47
|
break;
|
48
48
|
}
|
49
|
-
|
49
|
+
_context2.next = 5;
|
50
50
|
return confirm(value, form.getFieldsValue(), {
|
51
51
|
option: other[0],
|
52
52
|
form: form,
|
@@ -56,13 +56,13 @@ var ConfirmWrapper = function ConfirmWrapper(props) {
|
|
56
56
|
preValue: form.getFieldValue(otherProps.listName || otherProps.name)
|
57
57
|
});
|
58
58
|
case 5:
|
59
|
-
|
60
|
-
|
59
|
+
_context2.t0 = _context2.sent;
|
60
|
+
_context2.next = 9;
|
61
61
|
break;
|
62
62
|
case 8:
|
63
|
-
|
63
|
+
_context2.t0 = confirm;
|
64
64
|
case 9:
|
65
|
-
confirmProps =
|
65
|
+
confirmProps = _context2.t0;
|
66
66
|
// 只处理 false, true 和 对象的情况
|
67
67
|
if (confirmProps === false) {
|
68
68
|
onChange === null || onChange === void 0 ? void 0 : onChange.apply(void 0, [_value].concat(other));
|
@@ -76,21 +76,41 @@ var ConfirmWrapper = function ConfirmWrapper(props) {
|
|
76
76
|
}
|
77
77
|
if ((0, _lodash.isObject)(confirmProps)) {
|
78
78
|
_antd.Modal.confirm((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, 'title' in confirmProps || 'content' in confirmProps ? {} : defaultConfirmProps), confirmProps), {}, {
|
79
|
-
onOk: function
|
80
|
-
var
|
81
|
-
|
82
|
-
|
79
|
+
onOk: function () {
|
80
|
+
var _onOk = (0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
|
81
|
+
var _confirmProps$onOk;
|
82
|
+
var _len2,
|
83
|
+
arg,
|
84
|
+
_key2,
|
85
|
+
_args = arguments;
|
86
|
+
return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
|
87
|
+
while (1) switch (_context.prev = _context.next) {
|
88
|
+
case 0:
|
89
|
+
for (_len2 = _args.length, arg = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
90
|
+
arg[_key2] = _args[_key2];
|
91
|
+
}
|
92
|
+
_context.next = 3;
|
93
|
+
return (_confirmProps$onOk = confirmProps.onOk) === null || _confirmProps$onOk === void 0 ? void 0 : _confirmProps$onOk.call.apply(_confirmProps$onOk, [confirmProps].concat(arg));
|
94
|
+
case 3:
|
95
|
+
onChange === null || onChange === void 0 ? void 0 : onChange.apply(void 0, [_value].concat(other));
|
96
|
+
case 4:
|
97
|
+
case "end":
|
98
|
+
return _context.stop();
|
99
|
+
}
|
100
|
+
}, _callee);
|
101
|
+
}));
|
102
|
+
function onOk() {
|
103
|
+
return _onOk.apply(this, arguments);
|
83
104
|
}
|
84
|
-
|
85
|
-
|
86
|
-
}
|
105
|
+
return onOk;
|
106
|
+
}()
|
87
107
|
}));
|
88
108
|
}
|
89
109
|
case 13:
|
90
110
|
case "end":
|
91
|
-
return
|
111
|
+
return _context2.stop();
|
92
112
|
}
|
93
|
-
},
|
113
|
+
}, _callee2);
|
94
114
|
}));
|
95
115
|
return function handleChange(_x) {
|
96
116
|
return _ref.apply(this, arguments);
|