@zat-design/sisyphus-react 3.13.6 → 3.13.7-beta.2

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.
Files changed (35) hide show
  1. package/es/ProAction/components/CheckModalContent/index.css +22 -0
  2. package/es/ProAction/components/CheckModalContent/index.d.ts +8 -0
  3. package/es/ProAction/components/CheckModalContent/index.js +44 -0
  4. package/es/ProAction/components/CheckModalContent/index.less +28 -0
  5. package/es/ProAction/index.js +35 -38
  6. package/es/ProAction/propsType.d.ts +8 -6
  7. package/es/ProTable/components/FormatColumn/index.js +4 -4
  8. package/es/ProTable/hooks/useAntdTable.js +28 -19
  9. package/es/ProTable/propsType.d.ts +2 -2
  10. package/es/ProTable/utils/index.js +2 -2
  11. package/es/ProTree/components/AdaptiveTooltip.js +4 -30
  12. package/es/ProTree/components/ProTree.js +0 -1
  13. package/es/ProTree/components/ProTreeSelect/index.js +52 -12
  14. package/es/locale/en_US.d.ts +1 -0
  15. package/es/locale/en_US.js +1 -0
  16. package/es/locale/zh_CN.d.ts +1 -0
  17. package/es/locale/zh_CN.js +1 -0
  18. package/lib/ProAction/components/CheckModalContent/index.css +22 -0
  19. package/lib/ProAction/components/CheckModalContent/index.d.ts +8 -0
  20. package/lib/ProAction/components/CheckModalContent/index.js +49 -0
  21. package/lib/ProAction/components/CheckModalContent/index.less +28 -0
  22. package/lib/ProAction/index.js +35 -38
  23. package/lib/ProAction/propsType.d.ts +8 -6
  24. package/lib/ProTable/components/FormatColumn/index.js +4 -4
  25. package/lib/ProTable/hooks/useAntdTable.js +25 -18
  26. package/lib/ProTable/propsType.d.ts +2 -2
  27. package/lib/ProTable/utils/index.js +2 -2
  28. package/lib/ProTree/components/AdaptiveTooltip.js +3 -30
  29. package/lib/ProTree/components/ProTree.js +0 -1
  30. package/lib/ProTree/components/ProTreeSelect/index.js +51 -11
  31. package/lib/locale/en_US.d.ts +1 -0
  32. package/lib/locale/en_US.js +1 -0
  33. package/lib/locale/zh_CN.d.ts +1 -0
  34. package/lib/locale/zh_CN.js +1 -0
  35. package/package.json +1 -1
@@ -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
- var _ref4 = (useRequest === null || useRequest === void 0 ? void 0 : useRequest.options) || {},
221
- defaultParams = _ref4.defaultParams;
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.service, defaultDisableValue]);
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 _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(searchVal) {
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 _ref5.apply(this, arguments);
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;
@@ -25,6 +25,7 @@ declare const _default: {
25
25
  unfold: string;
26
26
  packUp: string;
27
27
  inputPlaceholder: string;
28
+ treeSelectPlaceholder: string;
28
29
  selectPlaceHolder: string;
29
30
  switchText: string[];
30
31
  ruleStartEndText: string[];
@@ -25,6 +25,7 @@ export default {
25
25
  unfold: 'Unfold',
26
26
  packUp: 'PackUp',
27
27
  inputPlaceholder: 'Please enter',
28
+ treeSelectPlaceholder: 'Please select',
28
29
  selectPlaceHolder: 'Please select',
29
30
  switchText: ['Yes', 'No'],
30
31
  ruleStartEndText: ['start value', 'end value'],
@@ -25,6 +25,7 @@ declare const _default: {
25
25
  unfold: string;
26
26
  packUp: string;
27
27
  inputPlaceholder: string;
28
+ treeSelectPlaceholder: string;
28
29
  selectPlaceHolder: string;
29
30
  switchText: string[];
30
31
  ruleStartEndText: string[];
@@ -25,6 +25,7 @@ export default {
25
25
  unfold: '展开',
26
26
  packUp: '收起',
27
27
  inputPlaceholder: '请输入',
28
+ treeSelectPlaceholder: '请选择',
28
29
  selectPlaceHolder: '请选择',
29
30
  switchText: ['是', '否'],
30
31
  ruleStartEndText: ['起始值', '截止值'],
@@ -0,0 +1,22 @@
1
+ .pro-action-check-modal-box .res-err-list .err-tip {
2
+ color: #666;
3
+ }
4
+ .pro-action-check-modal-box .res-err-list .err-item {
5
+ box-sizing: border-box;
6
+ padding-left: 6px;
7
+ color: #333;
8
+ border-radius: 4px;
9
+ }
10
+ .pro-action-check-modal-box .res-err-list .err-item:hover {
11
+ background-color: #f0f0f0;
12
+ }
13
+ .pro-action-check-modal-box .res-err-list .list-wrap {
14
+ box-sizing: border-box;
15
+ height: 50vh;
16
+ margin: 12px 0;
17
+ padding: 4px;
18
+ overflow-y: auto;
19
+ line-height: 1.8;
20
+ border: 1px solid #ccc;
21
+ border-radius: 6px;
22
+ }
@@ -0,0 +1,8 @@
1
+ import './index.less';
2
+ interface propsWithCheckModal {
3
+ errorTitle?: string;
4
+ list?: string[];
5
+ [key: string]: any;
6
+ }
7
+ declare const CheckModalContent: (props: propsWithCheckModal) => import("react/jsx-runtime").JSX.Element;
8
+ export default CheckModalContent;
@@ -0,0 +1,49 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var _jsxRuntime = require("react/jsx-runtime");
8
+ var _antd = require("antd");
9
+ require("./index.less");
10
+ /*
11
+ * @Author: za-xuwenli xuwenli@zhongan.io
12
+ * @Date: 2025-02-17 11:49:02
13
+ * @LastEditors: za-xuwenli xuwenli@zhongan.io
14
+ * @LastEditTime: 2025-05-28 18:23:47
15
+ * @FilePath: /zat-wjs-pro-product-web/src/components/CheckModalContent/index.tsx
16
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
17
+ */
18
+
19
+ var CheckModalContent = function CheckModalContent(props) {
20
+ var _ref = props !== null && props !== void 0 ? props : {},
21
+ errorTitle = _ref.errorTitle,
22
+ _ref$list = _ref.list,
23
+ list = _ref$list === void 0 ? [] : _ref$list;
24
+ return (0, _jsxRuntime.jsx)("div", {
25
+ className: "pro-action-check-modal-box",
26
+ children: (0, _jsxRuntime.jsxs)("div", {
27
+ className: "res-err-list",
28
+ children: [(0, _jsxRuntime.jsx)("span", {
29
+ className: "err-tip",
30
+ children: errorTitle
31
+ }), (0, _jsxRuntime.jsxs)(_antd.Tooltip, {
32
+ title: list.join('\n') || [],
33
+ children: [Array.isArray(list) && list.length === 1 ? (0, _jsxRuntime.jsx)("span", {
34
+ className: "err-item",
35
+ children: list[0]
36
+ }) : null, Array.isArray(list) && list.length > 1 ? (0, _jsxRuntime.jsx)("div", {
37
+ className: "list-wrap",
38
+ children: list.map(function (item) {
39
+ return (0, _jsxRuntime.jsx)("div", {
40
+ className: "err-item",
41
+ children: item
42
+ });
43
+ })
44
+ }) : null]
45
+ })]
46
+ })
47
+ });
48
+ };
49
+ var _default = exports.default = CheckModalContent;
@@ -0,0 +1,28 @@
1
+ .pro-action-check-modal-box {
2
+ .res-err-list {
3
+ .err-tip {
4
+ color: #666;
5
+ }
6
+
7
+ .err-item {
8
+ box-sizing: border-box;
9
+ padding-left: 6px;
10
+ color: #333;
11
+ border-radius: 4px;
12
+ &:hover {
13
+ background-color: #f0f0f0;
14
+ }
15
+ }
16
+
17
+ .list-wrap {
18
+ box-sizing: border-box;
19
+ height: 50vh;
20
+ margin: 12px 0;
21
+ padding: 4px;
22
+ overflow-y: auto;
23
+ line-height: 1.8;
24
+ border: 1px solid #ccc;
25
+ border-radius: 6px;
26
+ }
27
+ }
28
+ }
@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.default = void 0;
8
+ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
8
9
  var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
9
10
  var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
10
11
  var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
@@ -14,6 +15,7 @@ var _react = _interopRequireDefault(require("react"));
14
15
  var _ahooks = require("ahooks");
15
16
  var _antd = require("antd");
16
17
  var _lodash = require("lodash");
18
+ var _CheckModalContent = _interopRequireDefault(require("./components/CheckModalContent"));
17
19
  var _index = require("../index");
18
20
  var _locale = _interopRequireDefault(require("../locale"));
19
21
  require("./index.less");
@@ -28,7 +30,8 @@ var ProAction = function ProAction(props) {
28
30
  index: 0,
29
31
  open: false,
30
32
  servicesArray: [],
31
- loading: false
33
+ loading: false,
34
+ errorModalData: null
32
35
  }),
33
36
  _useSetState2 = (0, _slicedToArray2.default)(_useSetState, 2),
34
37
  state = _useSetState2[0],
@@ -41,12 +44,12 @@ var ProAction = function ProAction(props) {
41
44
  });
42
45
  }
43
46
  var index = state.index,
44
- servicesArray = state.servicesArray;
47
+ errorModalData = state.errorModalData;
45
48
  var length = config.length;
46
49
  var _onActionRun = /*#__PURE__*/function () {
47
50
  var _ref = (0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(currentIndex, array) {
48
51
  var _actionProps$useReque, _options$defaultParam, _options$onSuccess, _newServicesArray$cur, _newServicesArray$cur2, _newServicesArray$cur3, _actionProps$onAction, _actionProps$continue;
49
- var actionProps, newServicesArray, _ref2, service, options, transformResponse, params, res, data, open, _newServicesArray$cur4, _newServicesArray$cur5, _newServicesArray$cur6, list, errorTitle, isContinue;
52
+ var actionProps, newServicesArray, _ref2, service, options, transformResponse, params, res, data, open, _newServicesArray$cur4, _newServicesArray$cur5, list, errorTitle, isContinue;
50
53
  return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
51
54
  while (1) switch (_context.prev = _context.next) {
52
55
  case 0:
@@ -113,14 +116,15 @@ var ProAction = function ProAction(props) {
113
116
  _context.next = 37;
114
117
  break;
115
118
  }
116
- list = ((_newServicesArray$cur4 = newServicesArray[currentIndex]) === null || _newServicesArray$cur4 === void 0 ? void 0 : (_newServicesArray$cur5 = _newServicesArray$cur4.list) === null || _newServicesArray$cur5 === void 0 ? void 0 : _newServicesArray$cur5.join('\n')) || [];
117
- errorTitle = (_newServicesArray$cur6 = newServicesArray[currentIndex]) === null || _newServicesArray$cur6 === void 0 ? void 0 : _newServicesArray$cur6.errorTitle;
119
+ list = ((_newServicesArray$cur4 = newServicesArray[currentIndex]) === null || _newServicesArray$cur4 === void 0 ? void 0 : _newServicesArray$cur4.list) || [];
120
+ errorTitle = (_newServicesArray$cur5 = newServicesArray[currentIndex]) === null || _newServicesArray$cur5 === void 0 ? void 0 : _newServicesArray$cur5.errorTitle;
118
121
  form.setFieldsValue({
119
122
  errorTitle: errorTitle,
120
123
  list: list
121
124
  });
122
125
  setState({
123
- loading: false
126
+ loading: false,
127
+ errorModalData: newServicesArray[currentIndex]
124
128
  });
125
129
  return _context.abrupt("return");
126
130
  case 37:
@@ -168,6 +172,27 @@ var ProAction = function ProAction(props) {
168
172
  open: false
169
173
  });
170
174
  };
175
+ var errorModalConfig = config === null || config === void 0 ? void 0 : config[index];
176
+ var _ref3 = errorModalConfig || {},
177
+ contextRender = _ref3.contextRender;
178
+ var renderContent = function renderContent() {
179
+ var TargetComponent = (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
180
+ if (typeof contextRender === 'function') {
181
+ var View = contextRender(errorModalData);
182
+ TargetComponent = (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
183
+ children: View
184
+ });
185
+ } else if (typeof contextRender === 'string' || typeof contextRender === 'number') {
186
+ TargetComponent = (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
187
+ children: contextRender
188
+ });
189
+ } else if (/*#__PURE__*/_react.default.isValidElement(contextRender)) {
190
+ TargetComponent = (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
191
+ children: contextRender
192
+ });
193
+ }
194
+ return TargetComponent;
195
+ };
171
196
  return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
172
197
  children: [((_config$ = config[0]) === null || _config$ === void 0 ? void 0 : _config$.mode) === 'confirm' ? (0, _jsxRuntime.jsx)(_antd.Popconfirm, {
173
198
  onConfirm: function onConfirm() {
@@ -180,8 +205,10 @@ var ProAction = function ProAction(props) {
180
205
  mode: "Modal",
181
206
  title: config === null || config === void 0 ? void 0 : (_config$index = config[index]) === null || _config$index === void 0 ? void 0 : _config$index.title,
182
207
  onCancel: function onCancel() {
208
+ form.resetFields();
183
209
  setState({
184
- open: false
210
+ open: false,
211
+ errorModalData: null
185
212
  });
186
213
  },
187
214
  modalProps: {
@@ -190,37 +217,7 @@ var ProAction = function ProAction(props) {
190
217
  size: "small",
191
218
  onOk: onOk,
192
219
  form: form,
193
- proFormProps: {
194
- span: 24,
195
- isView: true,
196
- columns: [{
197
- type: 'Input',
198
- name: 'errorTitle',
199
- viewRender: function viewRender(value) {
200
- var _servicesArray$index;
201
- var list = ((_servicesArray$index = servicesArray[index]) === null || _servicesArray$index === void 0 ? void 0 : _servicesArray$index.list) || [];
202
- return (0, _jsxRuntime.jsxs)("div", {
203
- className: "pro-action-view-tile",
204
- children: [value, list.length === 1 ? (0, _jsxRuntime.jsxs)("span", {
205
- children: [" ", list[0]]
206
- }) : '']
207
- });
208
- }
209
- }, {
210
- type: 'TextArea',
211
- name: 'list',
212
- fieldProps: {
213
- autoSize: {
214
- minRows: 4,
215
- maxRows: 7
216
- }
217
- },
218
- show: function show() {
219
- var _servicesArray$index2, _servicesArray$index3;
220
- return ((_servicesArray$index2 = servicesArray[index]) === null || _servicesArray$index2 === void 0 ? void 0 : (_servicesArray$index3 = _servicesArray$index2.list) === null || _servicesArray$index3 === void 0 ? void 0 : _servicesArray$index3.length) > 1;
221
- }
222
- }]
223
- }
220
+ children: !contextRender ? (0, _jsxRuntime.jsx)(_CheckModalContent.default, (0, _objectSpread2.default)({}, errorModalData !== null && errorModalData !== void 0 ? errorModalData : {})) : renderContent()
224
221
  }) : null]
225
222
  });
226
223
  };
@@ -13,32 +13,34 @@ export interface ProActionType {
13
13
  title?: string | ReactNode;
14
14
  /**
15
15
  * @description 操作回调函数
16
- * @param previouData 接上一个 useRequest 返回的值
16
+ * @param previousData 接上一个 useRequest 返回的值
17
17
  * @param args 接所有链式 useRequest 返回的值
18
18
  * @param index 当前操作的索引
19
19
  * @returns void或Promise<void>
20
20
  * @default -
21
21
  */
22
- onAction?: (previouData?: any, args?: any[], index?: number) => void | Promise<void>;
22
+ onAction?: (previousData?: any, args?: any[], index?: number) => void | Promise<void>;
23
23
  /**
24
24
  * @description 自定义请求
25
- * @param previouData 接上一个 useRequest 返回的值
25
+ * @param previousData 接上一个 useRequest 返回的值
26
26
  * @param args 接所有链式 useRequest 返回的值
27
27
  * @returns 包含service、options和transformResponse的对象
28
28
  * @default -
29
29
  */
30
- useRequest?: (previouData: any, args: any) => {
30
+ useRequest?: (previousData: any, args: any) => {
31
31
  service?: Service<any, any>;
32
32
  options?: Options<any, any>;
33
33
  transformResponse?: (data: any) => any;
34
34
  };
35
35
  /**
36
36
  * @description 是否中断链式操作
37
- * @param previouData 上一个操作的返回数据
37
+ * @param previousData 上一个操作的返回数据
38
38
  * @param args 所有链式的数据合集
39
39
  * @returns 布尔值,返回true继续执行,返回false中断操作
40
40
  * @default -
41
41
  */
42
- continue?: (previouData: any, args: any[]) => boolean;
42
+ continue?: (previousData: any, args: any[]) => boolean;
43
+ /** 自定义错误弹窗内容视图渲染 */
44
+ contextRender?: (data: any) => string | ReactNode;
43
45
  }
44
46
  export type ProActionProps = ProActionType;
@@ -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
- originalValue: originalValue,
140
- originalRecord: (_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 : {},
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
- originalValue: originalValue,
177
- originalRecord: (_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 : {},
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
- form = _useDefaultOptions.form,
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 = (0, _react.useCallback)(function (params) {
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
- }, [defaultParam, extraParams]);
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 = (0, _react.useCallback)(function () {
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 = (0, _react.useCallback)(function (current, pageSize) {
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
- }, [allSelected, extraFilter, data, getTransformParams]);
216
- var handleTableChange = (0, _react.useCallback)(function (pagination, filters, sorter, extra) {
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
- }, [allSelected, getTransformParams]);
243
- var onSearch = (0, _react.useCallback)(function (values) {
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
- }, [extraFilter, page.pageSize, previousPage, getTransformParams]);
266
- var resetParams = (0, _react.useCallback)(function (page) {
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 = (0, _react.useCallback)(function () {
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
- }, [page.pageSize, run, resetParams, getTransformParams]);
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,