@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.
- package/es/ProAction/components/CheckModalContent/index.css +22 -0
- package/es/ProAction/components/CheckModalContent/index.d.ts +8 -0
- package/es/ProAction/components/CheckModalContent/index.js +44 -0
- package/es/ProAction/components/CheckModalContent/index.less +28 -0
- package/es/ProAction/index.js +35 -38
- package/es/ProAction/propsType.d.ts +8 -6
- package/es/ProTable/components/FormatColumn/index.js +4 -4
- package/es/ProTable/hooks/useAntdTable.js +28 -19
- package/es/ProTable/propsType.d.ts +2 -2
- package/es/ProTable/utils/index.js +2 -2
- package/es/ProTree/components/AdaptiveTooltip.js +4 -30
- package/es/ProTree/components/ProTree.js +0 -1
- package/es/ProTree/components/ProTreeSelect/index.js +52 -12
- package/es/locale/en_US.d.ts +1 -0
- package/es/locale/en_US.js +1 -0
- package/es/locale/zh_CN.d.ts +1 -0
- package/es/locale/zh_CN.js +1 -0
- package/lib/ProAction/components/CheckModalContent/index.css +22 -0
- package/lib/ProAction/components/CheckModalContent/index.d.ts +8 -0
- package/lib/ProAction/components/CheckModalContent/index.js +49 -0
- package/lib/ProAction/components/CheckModalContent/index.less +28 -0
- package/lib/ProAction/index.js +35 -38
- package/lib/ProAction/propsType.d.ts +8 -6
- package/lib/ProTable/components/FormatColumn/index.js +4 -4
- package/lib/ProTable/hooks/useAntdTable.js +25 -18
- package/lib/ProTable/propsType.d.ts +2 -2
- package/lib/ProTable/utils/index.js +2 -2
- package/lib/ProTree/components/AdaptiveTooltip.js +3 -30
- package/lib/ProTree/components/ProTree.js +0 -1
- package/lib/ProTree/components/ProTreeSelect/index.js +51 -11
- package/lib/locale/en_US.d.ts +1 -0
- package/lib/locale/en_US.js +1 -0
- package/lib/locale/zh_CN.d.ts +1 -0
- package/lib/locale/zh_CN.js +1 -0
- package/package.json +1 -1
@@ -12,20 +12,22 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
12
12
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
13
13
|
import "antd/es/tree-select/style";
|
14
14
|
import _TreeSelect from "antd/es/tree-select";
|
15
|
-
var _excluded = ["disabled", "code", "dataSource", "defaultDisableValue", "onChange", "useRequest", "transformResponse", "fieldNames", "tooltip", "showSearch", "filterTreeNode", "treeNodeFilterProp", "defaultExpandAll", "expandedKeys", "treeCheckable", "onSearch", "otherProps", "width", "dropdownStyle", "popupClassName", "style", "allowClear", "listHeight", "showCodeName", "className", "checkStrictly", "checkable"],
|
15
|
+
var _excluded = ["disabled", "code", "dataSource", "defaultDisableValue", "onChange", "useRequest", "transformResponse", "fieldNames", "placeholder", "tooltip", "showSearch", "filterTreeNode", "treeNodeFilterProp", "defaultExpandAll", "expandedKeys", "treeCheckable", "onSearch", "otherProps", "width", "dropdownStyle", "popupClassName", "style", "allowClear", "listHeight", "showCodeName", "className", "checkStrictly", "checkable"],
|
16
16
|
_excluded2 = ["children"];
|
17
17
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
18
18
|
/* eslint-disable react/no-danger */
|
19
19
|
/* eslint-disable react/jsx-closing-tag-location */
|
20
20
|
import { useDeepCompareEffect, useRequest as useRequestFunc, useSetState } from 'ahooks';
|
21
21
|
import classnames from 'classnames';
|
22
|
-
import { useImperativeHandle, forwardRef } from 'react';
|
22
|
+
import { useImperativeHandle, forwardRef, useCallback } from 'react';
|
23
23
|
import { cloneDeep, debounce } from 'lodash';
|
24
|
+
import locale from '../../../locale';
|
24
25
|
import { useProConfig } from '../../../ProConfigProvider';
|
25
26
|
import Container from '../../../ProForm/components/Container';
|
26
27
|
import AdaptiveTooltip from '../AdaptiveTooltip';
|
27
28
|
var SHOW_PARENT = _TreeSelect.SHOW_PARENT;
|
28
29
|
export var ProTreeSelect = function ProTreeSelect(props, ref) {
|
30
|
+
var _useRequest$options;
|
29
31
|
// 全局属性配置在ConfigProvider
|
30
32
|
var _ref = useProConfig('ProTreeSelect') || {},
|
31
33
|
_ref$fieldNames = _ref.fieldNames,
|
@@ -50,6 +52,7 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
|
|
50
52
|
useRequest = props.useRequest,
|
51
53
|
transformResponse = props.transformResponse,
|
52
54
|
fieldNames = props.fieldNames,
|
55
|
+
placeholder = props.placeholder,
|
53
56
|
_props$tooltip = props.tooltip,
|
54
57
|
tooltip = _props$tooltip === void 0 ? false : _props$tooltip,
|
55
58
|
_props$showSearch = props.showSearch,
|
@@ -168,11 +171,26 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
|
|
168
171
|
origDataSource: resultData || []
|
169
172
|
});
|
170
173
|
};
|
174
|
+
var successTransformDataHandle = useCallback(function (res) {
|
175
|
+
if (transformResponse && typeof transformResponse === 'function') {
|
176
|
+
return transformResponse(res);
|
177
|
+
}
|
178
|
+
var _ref4 = res || {},
|
179
|
+
_ref4$status = _ref4.status,
|
180
|
+
status = _ref4$status === void 0 ? 200 : _ref4$status,
|
181
|
+
msg = _ref4.message,
|
182
|
+
data = _ref4.data;
|
183
|
+
if (status !== 200) {
|
184
|
+
_message.error(msg);
|
185
|
+
return;
|
186
|
+
}
|
187
|
+
return data;
|
188
|
+
}, []);
|
171
189
|
// 配置了异步数据源,拉取枚举数据逻辑 如果有code不掉接口从local里根据code取值
|
172
190
|
var fetchFunction = useRequestFunc(useRequest === null || useRequest === void 0 ? void 0 : useRequest.service, _objectSpread({
|
173
191
|
manual: true,
|
192
|
+
debounceWait: 300,
|
174
193
|
onSuccess: function onSuccess(data) {
|
175
|
-
// 用户配置了处理枚举函数
|
176
194
|
if (transformResponse && typeof transformResponse === 'function') {
|
177
195
|
var responseData = transformResponse(data);
|
178
196
|
var resultData = transferDataSource(responseData, showCodeName);
|
@@ -181,16 +199,33 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
|
|
181
199
|
origDataSource: resultData
|
182
200
|
});
|
183
201
|
} else {
|
184
|
-
defaultOnSuccessFun(data);
|
202
|
+
defaultOnSuccessFun(fetchFunction.data);
|
185
203
|
}
|
186
|
-
}
|
187
|
-
debounceWait: 300
|
204
|
+
}
|
188
205
|
}, useRequest === null || useRequest === void 0 ? void 0 : useRequest.options));
|
206
|
+
var cacheList = (useRequest === null || useRequest === void 0 ? void 0 : (_useRequest$options = useRequest.options) === null || _useRequest$options === void 0 ? void 0 : _useRequest$options.cacheKey) ? successTransformDataHandle(fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.data) : [];
|
189
207
|
useImperativeHandle(ref, function () {
|
190
208
|
return {
|
191
209
|
useRequestRef: fetchFunction
|
192
210
|
};
|
193
211
|
});
|
212
|
+
// 设置cacheKey后使用缓存的数据
|
213
|
+
useDeepCompareEffect(function () {
|
214
|
+
var _useRequest$options2;
|
215
|
+
if (fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.data, useRequest === null || useRequest === void 0 ? void 0 : (_useRequest$options2 = useRequest.options) === null || _useRequest$options2 === void 0 ? void 0 : _useRequest$options2.cacheKey) {
|
216
|
+
if (transformResponse && typeof transformResponse === 'function') {
|
217
|
+
var responseData = transformResponse(fetchFunction.data);
|
218
|
+
// debugger;
|
219
|
+
var resultData = transferDataSource(responseData, showCodeName);
|
220
|
+
setState({
|
221
|
+
selectList: countChild(resultData),
|
222
|
+
origDataSource: resultData
|
223
|
+
});
|
224
|
+
} else {
|
225
|
+
defaultOnSuccessFun(fetchFunction.data);
|
226
|
+
}
|
227
|
+
}
|
228
|
+
}, [fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.data]);
|
194
229
|
useDeepCompareEffect(function () {
|
195
230
|
if (enumCode) {
|
196
231
|
var dictEnum = dics[enumCode] || [];
|
@@ -212,17 +247,21 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
|
|
212
247
|
if (enumCode || dataSource) {
|
213
248
|
return undefined;
|
214
249
|
}
|
250
|
+
// 如果配置手动加载,不执行请求
|
251
|
+
var _ref5 = (useRequest === null || useRequest === void 0 ? void 0 : useRequest.options) || {},
|
252
|
+
defaultParams = _ref5.defaultParams,
|
253
|
+
manual = _ref5.manual;
|
215
254
|
// disabled 状态时,不查询接口
|
216
255
|
if (defaultDisableValue || !useRequest) {
|
217
256
|
return undefined;
|
218
257
|
}
|
219
|
-
|
220
|
-
|
221
|
-
|
258
|
+
if (manual || (cacheList === null || cacheList === void 0 ? void 0 : cacheList.length)) {
|
259
|
+
return;
|
260
|
+
}
|
222
261
|
var params = Array.isArray(defaultParams) ? defaultParams === null || defaultParams === void 0 ? void 0 : defaultParams[0] : defaultParams || {};
|
223
262
|
// 执行用户配置的枚举服务,拉取枚举数据进行更新
|
224
263
|
fetchFunction.run(params);
|
225
|
-
}, [useRequest === null || useRequest === void 0 ? void 0 : useRequest.
|
264
|
+
}, [useRequest === null || useRequest === void 0 ? void 0 : useRequest.options, defaultDisableValue]);
|
226
265
|
// disable默认值
|
227
266
|
if (defaultDisableValue) {
|
228
267
|
return _jsx("span", {
|
@@ -399,7 +438,7 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
|
|
399
438
|
return sourceList;
|
400
439
|
}
|
401
440
|
var searchTreeEvent = debounce(/*#__PURE__*/function () {
|
402
|
-
var
|
441
|
+
var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(searchVal) {
|
403
442
|
var result;
|
404
443
|
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
405
444
|
while (1) switch (_context.prev = _context.next) {
|
@@ -424,7 +463,7 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
|
|
424
463
|
}, _callee);
|
425
464
|
}));
|
426
465
|
return function (_x) {
|
427
|
-
return
|
466
|
+
return _ref6.apply(this, arguments);
|
428
467
|
};
|
429
468
|
}(), 500);
|
430
469
|
function findTreeNode(treeList, nodeValue) {
|
@@ -565,6 +604,7 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
|
|
565
604
|
onClick: nodeChangeEvent,
|
566
605
|
className: cls,
|
567
606
|
children: _jsx(_TreeSelect, _objectSpread(_objectSpread({
|
607
|
+
placeholder: placeholder || locale.ProForm.treeSelectPlaceholder,
|
568
608
|
maxTagPlaceholder: function maxTagPlaceholder(rest) {
|
569
609
|
var _rest = rest.map(function (tag) {
|
570
610
|
var _tag$label, _tag$label$props, _tag$label2, _tag$label2$props, _tag$label2$props$chi, _tag$label2$props$chi2, _tag$label2$props$chi3, _tag$label3, _tag$label3$props, _tag$label3$props$dan;
|
package/es/locale/en_US.d.ts
CHANGED
package/es/locale/en_US.js
CHANGED
package/es/locale/zh_CN.d.ts
CHANGED
package/es/locale/zh_CN.js
CHANGED
@@ -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
|
+
}
|
package/lib/ProAction/index.js
CHANGED
@@ -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
|
-
|
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,
|
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 :
|
117
|
-
errorTitle = (_newServicesArray$
|
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
|
-
|
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
|
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?: (
|
22
|
+
onAction?: (previousData?: any, args?: any[], index?: number) => void | Promise<void>;
|
23
23
|
/**
|
24
24
|
* @description 自定义请求
|
25
|
-
* @param
|
25
|
+
* @param previousData 接上一个 useRequest 返回的值
|
26
26
|
* @param args 接所有链式 useRequest 返回的值
|
27
27
|
* @returns 包含service、options和transformResponse的对象
|
28
28
|
* @default -
|
29
29
|
*/
|
30
|
-
useRequest?: (
|
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
|
37
|
+
* @param previousData 上一个操作的返回数据
|
38
38
|
* @param args 所有链式的数据合集
|
39
39
|
* @returns 布尔值,返回true继续执行,返回false中断操作
|
40
40
|
* @default -
|
41
41
|
*/
|
42
|
-
continue?: (
|
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
|
-
|
140
|
-
|
139
|
+
originValue: originalValue,
|
140
|
+
originRecord: (_originalObj$record$r = originalObj === null || originalObj === void 0 ? void 0 : originalObj[record === null || record === void 0 ? void 0 : record[rowKey]]) !== null && _originalObj$record$r !== void 0 ? _originalObj$record$r : {},
|
141
141
|
value: value,
|
142
142
|
record: record,
|
143
143
|
index: index
|
@@ -173,8 +173,8 @@ var formatColumn = exports.formatColumn = function formatColumn(_ref2) {
|
|
173
173
|
if ((0, _lodash.isFunction)(onDiff)) {
|
174
174
|
var _originalObj$record$r2;
|
175
175
|
var _diffResult = onDiff({
|
176
|
-
|
177
|
-
|
176
|
+
originValue: originalValue,
|
177
|
+
originRecord: (_originalObj$record$r2 = originalObj === null || originalObj === void 0 ? void 0 : originalObj[record === null || record === void 0 ? void 0 : record[rowKey]]) !== null && _originalObj$record$r2 !== void 0 ? _originalObj$record$r2 : {},
|
178
178
|
value: value,
|
179
179
|
record: record,
|
180
180
|
index: index
|
@@ -43,7 +43,8 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
43
43
|
filters: undefined,
|
44
44
|
sorter: undefined
|
45
45
|
},
|
46
|
-
allSelected: false
|
46
|
+
allSelected: false,
|
47
|
+
searchValues: {}
|
47
48
|
}),
|
48
49
|
_useSetState2 = (0, _slicedToArray2.default)(_useSetState, 2),
|
49
50
|
_useSetState2$ = _useSetState2[0],
|
@@ -53,9 +54,10 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
53
54
|
selectedRowKeys = _useSetState2$.selectedRowKeys,
|
54
55
|
extraFilter = _useSetState2$.extraFilter,
|
55
56
|
allSelected = _useSetState2$.allSelected,
|
57
|
+
searchValues = _useSetState2$.searchValues,
|
56
58
|
setState = _useSetState2[1];
|
57
59
|
var _useDefaultOptions = useDefaultOptions(options),
|
58
|
-
|
60
|
+
_form = _useDefaultOptions.form,
|
59
61
|
page = _useDefaultOptions.page,
|
60
62
|
extraParams = _useDefaultOptions.extraParams,
|
61
63
|
rowKey = _useDefaultOptions.rowKey,
|
@@ -71,12 +73,15 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
71
73
|
transformParams = _useDefaultOptions.transformParams,
|
72
74
|
transformResponse = _useDefaultOptions.transformResponse,
|
73
75
|
disabled = _useDefaultOptions.disabled;
|
76
|
+
var _Form$useForm = _antd.Form.useForm(_form),
|
77
|
+
_Form$useForm2 = (0, _slicedToArray2.default)(_Form$useForm, 1),
|
78
|
+
form = _Form$useForm2[0];
|
74
79
|
var _ref = useRequestOptions || {},
|
75
80
|
defaultParams = _ref.defaultParams;
|
76
81
|
var defaultParam = Array.isArray(defaultParams) ? defaultParams === null || defaultParams === void 0 ? void 0 : defaultParams[0] : defaultParams || {};
|
77
82
|
var initPage = (options === null || options === void 0 ? void 0 : options.page) || _index.defaultPage;
|
78
83
|
var previousPage = (0, _ahooks.usePrevious)(page || _index.defaultPage);
|
79
|
-
var getTransformParams =
|
84
|
+
var getTransformParams = function getTransformParams(params) {
|
80
85
|
var _pickBy;
|
81
86
|
var realParams = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, defaultParam), extraParams), params);
|
82
87
|
var _realParams$page = realParams.page,
|
@@ -97,7 +102,7 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
97
102
|
return transformParams(realParams, requestParams);
|
98
103
|
}
|
99
104
|
return requestParams;
|
100
|
-
}
|
105
|
+
};
|
101
106
|
// 仅清数据源相关,查询相关
|
102
107
|
var handleSetStateCallback = function handleSetStateCallback(values) {
|
103
108
|
setState((0, _objectSpread2.default)({
|
@@ -142,13 +147,13 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
142
147
|
var run = result.run,
|
143
148
|
refreshAsync = result.refreshAsync;
|
144
149
|
// service变化时触发 (禁止掉防止service变更时导致的死循环)
|
145
|
-
var clearSelected =
|
150
|
+
var clearSelected = function clearSelected() {
|
146
151
|
setState({
|
147
152
|
allSelected: false,
|
148
153
|
selectedRecords: [],
|
149
154
|
selectedRowKeys: []
|
150
155
|
});
|
151
|
-
}
|
156
|
+
};
|
152
157
|
/**
|
153
158
|
* 手动触发时,手动调用run
|
154
159
|
*/
|
@@ -194,7 +199,7 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
194
199
|
};
|
195
200
|
}, []);
|
196
201
|
// 分页变更
|
197
|
-
var handlePageChange =
|
202
|
+
var handlePageChange = function handlePageChange(current, pageSize) {
|
198
203
|
var _form$getFieldsValue;
|
199
204
|
var page = {
|
200
205
|
pageNum: current,
|
@@ -212,8 +217,8 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
212
217
|
run(getTransformParams((0, _objectSpread2.default)((0, _objectSpread2.default)({
|
213
218
|
page: page
|
214
219
|
}, nextValues), extraFilter)));
|
215
|
-
}
|
216
|
-
var handleTableChange =
|
220
|
+
};
|
221
|
+
var handleTableChange = function handleTableChange(pagination, filters, sorter, extra) {
|
217
222
|
var _form$getFieldsValue2;
|
218
223
|
// 跳过分页改变,使用pagination的onChange
|
219
224
|
if (extra.action === 'paginate') {
|
@@ -232,15 +237,15 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
232
237
|
sorter: sorter
|
233
238
|
}
|
234
239
|
});
|
235
|
-
var _values = (_form$getFieldsValue2 = form.getFieldsValue()) !== null && _form$getFieldsValue2 !== void 0 ? _form$getFieldsValue2 : {};
|
240
|
+
var _values = (_form$getFieldsValue2 = form === null || form === void 0 ? void 0 : form.getFieldsValue()) !== null && _form$getFieldsValue2 !== void 0 ? _form$getFieldsValue2 : {};
|
236
241
|
run(getTransformParams((0, _objectSpread2.default)((0, _objectSpread2.default)({
|
237
242
|
page: page
|
238
243
|
}, _values), {}, {
|
239
244
|
filters: filters,
|
240
245
|
sorter: sorter
|
241
246
|
})));
|
242
|
-
}
|
243
|
-
var onSearch =
|
247
|
+
};
|
248
|
+
var onSearch = function onSearch(values) {
|
244
249
|
var newPage = {
|
245
250
|
pageNum: 1,
|
246
251
|
pageSize: page.pageSize
|
@@ -254,6 +259,7 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
254
259
|
if ((selectedRecords === null || selectedRecords === void 0 ? void 0 : selectedRecords.length) || (0, _utils.isNonEmptyObject)(_values) || !(0, _lodash.isEqual)(previousSearchValues, _values)) {
|
255
260
|
previousSearchValues = _values;
|
256
261
|
setState({
|
262
|
+
searchValues: _values,
|
257
263
|
allSelected: false,
|
258
264
|
selectedRecords: [],
|
259
265
|
selectedRowKeys: []
|
@@ -262,9 +268,10 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
262
268
|
run(getTransformParams((0, _objectSpread2.default)((0, _objectSpread2.default)({
|
263
269
|
page: newPage
|
264
270
|
}, extraFilter), _values)));
|
265
|
-
}
|
266
|
-
var resetParams =
|
271
|
+
};
|
272
|
+
var resetParams = function resetParams(page) {
|
267
273
|
setState({
|
274
|
+
searchValues: {},
|
268
275
|
allSelected: false,
|
269
276
|
selectedRecords: [],
|
270
277
|
selectedRowKeys: [],
|
@@ -273,9 +280,9 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
273
280
|
sorter: undefined
|
274
281
|
}
|
275
282
|
});
|
276
|
-
}
|
283
|
+
};
|
277
284
|
// 重置查询条件: 页码还原、勾选清空
|
278
|
-
var onReset =
|
285
|
+
var onReset = function onReset() {
|
279
286
|
form === null || form === void 0 ? void 0 : form.resetFields();
|
280
287
|
var newPage = {
|
281
288
|
pageNum: 1,
|
@@ -288,7 +295,7 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
288
295
|
page: newPage
|
289
296
|
}));
|
290
297
|
}
|
291
|
-
}
|
298
|
+
};
|
292
299
|
var refreshPage = function refreshPage(res) {
|
293
300
|
var transformResult = transformResponse ? transformResponse(res) : res || {};
|
294
301
|
var _ref3 = (0, _utils.isListResult)(transformResult) ? transformResult : (transformResult === null || transformResult === void 0 ? void 0 : transformResult.data) || {},
|
@@ -482,7 +489,7 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
482
489
|
data: data,
|
483
490
|
params: (result === null || result === void 0 ? void 0 : (_result$params = result.params) === null || _result$params === void 0 ? void 0 : _result$params[0]) || {},
|
484
491
|
rowSelection: rowSelection,
|
485
|
-
searchValues: (_form$getFieldsValue3 = form.getFieldsValue()) !== null && _form$getFieldsValue3 !== void 0 ? _form$getFieldsValue3 : {},
|
492
|
+
searchValues: (_form$getFieldsValue3 = form === null || form === void 0 ? void 0 : form.getFieldsValue()) !== null && _form$getFieldsValue3 !== void 0 ? _form$getFieldsValue3 : {},
|
486
493
|
allSelected: allSelected,
|
487
494
|
selectedTip: selectedTip,
|
488
495
|
selectedRowKeys: selectedRowKeys,
|