@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.
@@ -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: undefined,
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({}, useRequestOptions), {}, {
110
- debounceWait: 50,
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, run, getTransformParams]);
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
- onPageChange(newPage);
224
- setState({
225
- searchValues: _values,
226
- allSelected: false,
227
- selectedRecords: [],
228
- selectedRowKeys: []
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, run, getTransformParams]);
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 || selectedRowKeys.length ? formatMessage(locale === null || locale === void 0 ? void 0 : (_locale$ProTable5 = locale.ProTable) === null || _locale$ProTable5 === void 0 ? void 0 : _locale$ProTable5.selectAll, {
453
- selectedNum: allSelected ? total : selectedRowKeys === null || selectedRowKeys === void 0 ? void 0 : selectedRowKeys.length
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);
@@ -39,3 +39,5 @@ export declare const getPadding: (el: HTMLElement) => {
39
39
  pTop: number;
40
40
  pBottom: number;
41
41
  };
42
+ /** 判断是有值的对象 */
43
+ export declare const isNonEmptyObject: (obj: any) => obj is Record<string, any>;
@@ -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', 'cache', 'key', 'width', 'hiddenNames', 'name', 'onCell', _fieldProps.shouldUpdate ? 'shouldUpdate' : null])), {}, {
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', 'cache', 'key', 'width', 'hiddenNames', 'name'])), {}, {
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' ? nextData.unshift(addData) : nextData.push(addData);
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 _callee(value) {
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
- _args = arguments;
38
- return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
39
- while (1) switch (_context.prev = _context.next) {
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 = _args.length, other = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
42
- other[_key - 1] = _args[_key];
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
- _context.next = 8;
46
+ _context2.next = 8;
47
47
  break;
48
48
  }
49
- _context.next = 5;
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
- _context.t0 = _context.sent;
60
- _context.next = 9;
59
+ _context2.t0 = _context2.sent;
60
+ _context2.next = 9;
61
61
  break;
62
62
  case 8:
63
- _context.t0 = confirm;
63
+ _context2.t0 = confirm;
64
64
  case 9:
65
- confirmProps = _context.t0;
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 onOk() {
80
- var _confirmProps$onOk;
81
- for (var _len2 = arguments.length, arg = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
82
- arg[_key2] = arguments[_key2];
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
- (_confirmProps$onOk = confirmProps.onOk) === null || _confirmProps$onOk === void 0 ? void 0 : _confirmProps$onOk.call.apply(_confirmProps$onOk, [confirmProps].concat(arg));
85
- onChange === null || onChange === void 0 ? void 0 : onChange.apply(void 0, [_value].concat(other));
86
- }
105
+ return onOk;
106
+ }()
87
107
  }));
88
108
  }
89
109
  case 13:
90
110
  case "end":
91
- return _context.stop();
111
+ return _context2.stop();
92
112
  }
93
- }, _callee);
113
+ }, _callee2);
94
114
  }));
95
115
  return function handleChange(_x) {
96
116
  return _ref.apply(this, arguments);