ls-pro-common 1.1.0 → 1.1.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/dist/common.css +138 -1
- package/dist/common.js +1 -1
- package/dist/common.js.LICENSE.txt +5 -3
- package/dist/common.min.css +138 -1
- package/dist/common.min.js +1 -1
- package/dist/common.min.js.LICENSE.txt +5 -3
- package/es/components/AreaCascader.js +35 -48
- package/es/components/AreaCascaderPanel.d.ts +5 -0
- package/es/components/AreaCascaderPanel.js +230 -0
- package/es/components/DescritionCard.js +14 -19
- package/es/components/DtlLayout.js +25 -38
- package/es/components/IconSelector.js +27 -50
- package/es/components/ImageSelector.js +89 -139
- package/es/components/InputMultiLine.js +33 -45
- package/es/components/InputTable.d.ts +2 -0
- package/es/components/InputTable.js +118 -160
- package/es/components/Loading.js +3 -6
- package/es/components/common.less +158 -1
- package/es/hooks/useDtl/index.d.ts +2 -0
- package/es/hooks/useDtl/index.js +676 -941
- package/es/hooks/usePermission/index.js +0 -9
- package/es/hooks/useSingle/index.d.ts +2 -0
- package/es/hooks/useSingle/index.js +440 -599
- package/es/http/index.js +113 -149
- package/es/index.d.ts +2 -1
- package/es/index.js +2 -2
- package/es/service/BaseService.js +121 -195
- package/es/utils/index.js +12 -111
- package/lib/components/404.js +1 -6
- package/lib/components/AreaCascader.js +37 -63
- package/lib/components/AreaCascaderPanel.d.ts +5 -0
- package/lib/components/AreaCascaderPanel.js +239 -0
- package/lib/components/DescritionCard.js +16 -33
- package/lib/components/DtlLayout.js +27 -49
- package/lib/components/IconSelector.js +29 -64
- package/lib/components/ImageSelector.js +91 -162
- package/lib/components/InputMultiLine.js +35 -61
- package/lib/components/InputTable.d.ts +2 -0
- package/lib/components/InputTable.js +120 -185
- package/lib/components/Loading.js +4 -16
- package/lib/components/common.less +158 -1
- package/lib/hooks/useDtl/index.d.ts +2 -0
- package/lib/hooks/useDtl/index.js +677 -957
- package/lib/hooks/usePermission/index.js +0 -12
- package/lib/hooks/useSingle/index.d.ts +2 -0
- package/lib/hooks/useSingle/index.js +441 -614
- package/lib/http/index.js +111 -158
- package/lib/index.d.ts +2 -1
- package/lib/index.js +9 -20
- package/lib/service/BaseService.js +121 -201
- package/lib/utils/index.js +13 -209
- package/package.json +2 -2
|
@@ -1,107 +1,85 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
6
|
-
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports.default = void 0;
|
|
11
|
-
|
|
12
9
|
require("antd/es/popover/style");
|
|
13
|
-
|
|
14
10
|
var _popover = _interopRequireDefault(require("antd/es/popover"));
|
|
15
|
-
|
|
16
11
|
require("antd/es/input/style");
|
|
17
|
-
|
|
18
12
|
var _input = _interopRequireDefault(require("antd/es/input"));
|
|
19
|
-
|
|
20
13
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
21
|
-
|
|
22
14
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
23
|
-
|
|
24
15
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
25
|
-
|
|
26
16
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
27
|
-
|
|
28
17
|
var _react = _interopRequireWildcard(require("react"));
|
|
29
|
-
|
|
30
18
|
var _lsProForm = require("ls-pro-form");
|
|
31
|
-
|
|
32
19
|
var _icons = require("@ant-design/icons");
|
|
33
|
-
|
|
34
20
|
var _excluded = ["name", "rows", "maxRows", "placement", "popWidth", "fieldProps", "defaultValue", "allowClear", "getPopupContainer", "textAreaProps"];
|
|
35
|
-
|
|
36
21
|
var InputMultiLine = /*#__PURE__*/_react.default.forwardRef(function (prop, ref) {
|
|
37
22
|
//@ts-ignore
|
|
38
23
|
var _useContext = (0, _react.useContext)(_lsProForm.ProFormContext),
|
|
39
|
-
|
|
40
|
-
|
|
24
|
+
formRef = _useContext.formRef;
|
|
41
25
|
var _useState = (0, _react.useState)(''),
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
26
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
27
|
+
text = _useState2[0],
|
|
28
|
+
setText = _useState2[1];
|
|
46
29
|
var _useState3 = (0, _react.useState)(''),
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
30
|
+
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
31
|
+
lineText = _useState4[0],
|
|
32
|
+
setLineText = _useState4[1];
|
|
51
33
|
var _useState5 = (0, _react.useState)(false),
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
34
|
+
_useState6 = (0, _slicedToArray2.default)(_useState5, 2),
|
|
35
|
+
visible = _useState6[0],
|
|
36
|
+
setVisible = _useState6[1];
|
|
56
37
|
var inputRef = (0, _react.useRef)();
|
|
57
38
|
(0, _react.useImperativeHandle)(ref, function () {
|
|
58
39
|
return inputRef.current;
|
|
59
40
|
});
|
|
60
41
|
var name = prop.name,
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
42
|
+
_prop$rows = prop.rows,
|
|
43
|
+
rows = _prop$rows === void 0 ? 12 : _prop$rows,
|
|
44
|
+
_prop$maxRows = prop.maxRows,
|
|
45
|
+
maxRows = _prop$maxRows === void 0 ? 20 : _prop$maxRows,
|
|
46
|
+
_prop$placement = prop.placement,
|
|
47
|
+
placement = _prop$placement === void 0 ? 'bottom' : _prop$placement,
|
|
48
|
+
_prop$popWidth = prop.popWidth,
|
|
49
|
+
popWidth = _prop$popWidth === void 0 ? '400px' : _prop$popWidth,
|
|
50
|
+
fieldProps = prop.fieldProps,
|
|
51
|
+
defaultValue = prop.defaultValue,
|
|
52
|
+
_prop$allowClear = prop.allowClear,
|
|
53
|
+
allowClear = _prop$allowClear === void 0 ? true : _prop$allowClear,
|
|
54
|
+
_prop$getPopupContain = prop.getPopupContainer,
|
|
55
|
+
getPopupContainer = _prop$getPopupContain === void 0 ? function (triggerNode) {
|
|
56
|
+
return triggerNode.parentNode.parentNode.parentNode.parentNode;
|
|
57
|
+
} : _prop$getPopupContain,
|
|
58
|
+
textAreaProps = prop.textAreaProps,
|
|
59
|
+
rest = (0, _objectWithoutProperties2.default)(prop, _excluded);
|
|
60
|
+
// 设置初始值
|
|
80
61
|
(0, _react.useEffect)(function () {
|
|
81
62
|
if (defaultValue) {
|
|
82
63
|
setText(defaultValue);
|
|
83
64
|
} else if (name) {
|
|
84
65
|
var _formRef$current;
|
|
85
|
-
|
|
86
66
|
var formValue = formRef === null || formRef === void 0 ? void 0 : (_formRef$current = formRef.current) === null || _formRef$current === void 0 ? void 0 : _formRef$current.getFieldsValue();
|
|
87
67
|
setText(formValue[name]);
|
|
88
68
|
}
|
|
89
|
-
}, []);
|
|
90
|
-
|
|
69
|
+
}, []);
|
|
70
|
+
// 显示多行输入时,赋值给多行文本框
|
|
91
71
|
(0, _react.useEffect)(function () {
|
|
92
72
|
if (!visible) return;
|
|
93
73
|
var line = (text || '').split(',').join('\n');
|
|
94
74
|
setLineText(line);
|
|
95
|
-
}, [visible, text]);
|
|
96
|
-
|
|
75
|
+
}, [visible, text]);
|
|
76
|
+
// 输入框值变化时,赋值给表单项
|
|
97
77
|
(0, _react.useEffect)(function () {
|
|
98
78
|
var _formRef$current2, _formRef$current3;
|
|
99
|
-
|
|
100
79
|
var formValue = formRef === null || formRef === void 0 ? void 0 : (_formRef$current2 = formRef.current) === null || _formRef$current2 === void 0 ? void 0 : _formRef$current2.getFieldsValue();
|
|
101
80
|
formValue[name] = text;
|
|
102
81
|
(_formRef$current3 = formRef.current) === null || _formRef$current3 === void 0 ? void 0 : _formRef$current3.setFieldsValue((0, _objectSpread2.default)({}, formValue));
|
|
103
82
|
}, [text]);
|
|
104
|
-
|
|
105
83
|
var lineInput = function lineInput(e) {
|
|
106
84
|
var line = (e.target.value || '').split('\n').filter(function (o, i) {
|
|
107
85
|
return i <= (maxRows < 1 ? 1000 : maxRows);
|
|
@@ -110,18 +88,15 @@ var InputMultiLine = /*#__PURE__*/_react.default.forwardRef(function (prop, ref)
|
|
|
110
88
|
setLineText(line);
|
|
111
89
|
setText(txt);
|
|
112
90
|
};
|
|
113
|
-
|
|
114
91
|
var textInput = function textInput(e) {
|
|
115
92
|
setText(e.target.value);
|
|
116
93
|
};
|
|
117
|
-
|
|
118
94
|
var clearValue = function clearValue(e) {
|
|
119
95
|
if (!e.target.value) {
|
|
120
96
|
setText('');
|
|
121
97
|
setLineText('');
|
|
122
98
|
}
|
|
123
99
|
};
|
|
124
|
-
|
|
125
100
|
var PopoverDom = (0, _react.useMemo)(function () {
|
|
126
101
|
return /*#__PURE__*/_react.default.createElement(_popover.default, {
|
|
127
102
|
content: /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -169,6 +144,5 @@ var InputMultiLine = /*#__PURE__*/_react.default.forwardRef(function (prop, ref)
|
|
|
169
144
|
ref: inputRef
|
|
170
145
|
})));
|
|
171
146
|
});
|
|
172
|
-
|
|
173
147
|
var _default = InputMultiLine;
|
|
174
148
|
exports.default = _default;
|
|
@@ -35,6 +35,7 @@ export declare type InputTableProps = ProFormItemProps<InputProps> & {
|
|
|
35
35
|
fillMap?: Record<string, string>;
|
|
36
36
|
/**@name 输入后检查数据的触发方式,默认为entry回车触发 */
|
|
37
37
|
triggerCheck?: 'entry' | 'blur';
|
|
38
|
+
/**@name 每次展示面板时都加载数据,接合 tableConfig里的 manualRequest 一起使用 */
|
|
38
39
|
loadOnShow?: boolean;
|
|
39
40
|
placement?: TooltipPlacement;
|
|
40
41
|
arrowPointAtCenter?: boolean;
|
|
@@ -88,6 +89,7 @@ declare const InputTable: React.ForwardRefExoticComponent<{
|
|
|
88
89
|
fillMap?: Record<string, string> | undefined;
|
|
89
90
|
/**@name 输入后检查数据的触发方式,默认为entry回车触发 */
|
|
90
91
|
triggerCheck?: "entry" | "blur" | undefined;
|
|
92
|
+
/**@name 每次展示面板时都加载数据,接合 tableConfig里的 manualRequest 一起使用 */
|
|
91
93
|
loadOnShow?: boolean | undefined;
|
|
92
94
|
placement?: TooltipPlacement | undefined;
|
|
93
95
|
arrowPointAtCenter?: boolean | undefined;
|
|
@@ -1,250 +1,201 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
6
|
-
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports.default = void 0;
|
|
11
|
-
|
|
9
|
+
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
12
10
|
require("antd/es/input/style");
|
|
13
|
-
|
|
14
11
|
var _input = _interopRequireDefault(require("antd/es/input"));
|
|
15
|
-
|
|
16
12
|
require("antd/es/popover/style");
|
|
17
|
-
|
|
18
13
|
var _popover = _interopRequireDefault(require("antd/es/popover"));
|
|
19
|
-
|
|
20
14
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
21
|
-
|
|
22
15
|
require("antd/es/button/style");
|
|
23
|
-
|
|
24
16
|
var _button = _interopRequireDefault(require("antd/es/button"));
|
|
25
|
-
|
|
26
17
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
27
|
-
|
|
28
|
-
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
29
|
-
|
|
30
18
|
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
31
|
-
|
|
32
19
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
33
|
-
|
|
34
20
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
35
|
-
|
|
36
21
|
var _react = _interopRequireWildcard(require("react"));
|
|
37
|
-
|
|
38
22
|
var _lsProTable = _interopRequireDefault(require("ls-pro-table"));
|
|
39
|
-
|
|
40
23
|
var _lsProForm = require("ls-pro-form");
|
|
41
|
-
|
|
42
24
|
var _icons = require("@ant-design/icons");
|
|
43
|
-
|
|
44
25
|
var _http = require("../http");
|
|
45
|
-
|
|
46
26
|
var _utils = require("../utils");
|
|
47
|
-
|
|
48
27
|
var _excluded = ["columns", "url", "textName", "name", "tableConfig", "tableHeight", "tableWidth", "readonly", "multiple", "valueField", "labelWidth", "textField", "onSelectChange", "beforeLoad", "afterLoad", "isV2", "allowClear", "keepSelect", "fieldProps", "searchField", "fillMap", "loadOnShow", "triggerCheck", "getPopupContainer", "placement", "arrowPointAtCenter"],
|
|
49
|
-
|
|
50
|
-
|
|
28
|
+
_excluded2 = ["current", "pageSize"];
|
|
51
29
|
var InputTable = /*#__PURE__*/_react.default.forwardRef(function (prop, ref) {
|
|
52
30
|
//@ts-ignore
|
|
53
31
|
var _useContext = (0, _react.useContext)(_lsProForm.ProFormContext),
|
|
54
|
-
|
|
55
|
-
|
|
32
|
+
formRef = _useContext.formRef;
|
|
56
33
|
var tableRef = (0, _react.useRef)();
|
|
57
|
-
|
|
58
34
|
var _useState = (0, _react.useState)(false),
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
35
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
36
|
+
visible = _useState2[0],
|
|
37
|
+
setVisible = _useState2[1];
|
|
63
38
|
var _useState3 = (0, _react.useState)([]),
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
39
|
+
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
40
|
+
selectedRows = _useState4[0],
|
|
41
|
+
setSelectedRows = _useState4[1];
|
|
68
42
|
var _useState5 = (0, _react.useState)(''),
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
43
|
+
_useState6 = (0, _slicedToArray2.default)(_useState5, 2),
|
|
44
|
+
text = _useState6[0],
|
|
45
|
+
setText = _useState6[1];
|
|
73
46
|
var inputRef = (0, _react.useRef)();
|
|
74
47
|
(0, _react.useImperativeHandle)(ref, function () {
|
|
75
48
|
return inputRef.current;
|
|
76
49
|
});
|
|
77
50
|
var columns = prop.columns,
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
51
|
+
url = prop.url,
|
|
52
|
+
textName = prop.textName,
|
|
53
|
+
name = prop.name,
|
|
54
|
+
tableConfig = prop.tableConfig,
|
|
55
|
+
_prop$tableHeight = prop.tableHeight,
|
|
56
|
+
tableHeight = _prop$tableHeight === void 0 ? 400 : _prop$tableHeight,
|
|
57
|
+
_prop$tableWidth = prop.tableWidth,
|
|
58
|
+
tableWidth = _prop$tableWidth === void 0 ? 650 : _prop$tableWidth,
|
|
59
|
+
_prop$readonly = prop.readonly,
|
|
60
|
+
readonly = _prop$readonly === void 0 ? true : _prop$readonly,
|
|
61
|
+
multiple = prop.multiple,
|
|
62
|
+
valueField = prop.valueField,
|
|
63
|
+
_prop$labelWidth = prop.labelWidth,
|
|
64
|
+
labelWidth = _prop$labelWidth === void 0 ? 70 : _prop$labelWidth,
|
|
65
|
+
textField = prop.textField,
|
|
66
|
+
onSelectChange = prop.onSelectChange,
|
|
67
|
+
beforeLoad = prop.beforeLoad,
|
|
68
|
+
afterLoad = prop.afterLoad,
|
|
69
|
+
_prop$isV = prop.isV2,
|
|
70
|
+
isV2 = _prop$isV === void 0 ? false : _prop$isV,
|
|
71
|
+
_prop$allowClear = prop.allowClear,
|
|
72
|
+
allowClear = _prop$allowClear === void 0 ? true : _prop$allowClear,
|
|
73
|
+
_prop$keepSelect = prop.keepSelect,
|
|
74
|
+
keepSelect = _prop$keepSelect === void 0 ? false : _prop$keepSelect,
|
|
75
|
+
fieldProps = prop.fieldProps,
|
|
76
|
+
searchField = prop.searchField,
|
|
77
|
+
fillMap = prop.fillMap,
|
|
78
|
+
_prop$loadOnShow = prop.loadOnShow,
|
|
79
|
+
loadOnShow = _prop$loadOnShow === void 0 ? false : _prop$loadOnShow,
|
|
80
|
+
_prop$triggerCheck = prop.triggerCheck,
|
|
81
|
+
triggerCheck = _prop$triggerCheck === void 0 ? 'entry' : _prop$triggerCheck,
|
|
82
|
+
_prop$getPopupContain = prop.getPopupContainer,
|
|
83
|
+
getPopupContainer = _prop$getPopupContain === void 0 ? function (triggerNode) {
|
|
84
|
+
return triggerNode.parentNode.parentNode.parentNode.parentNode;
|
|
85
|
+
} : _prop$getPopupContain,
|
|
86
|
+
_prop$placement = prop.placement,
|
|
87
|
+
placement = _prop$placement === void 0 ? 'bottom' : _prop$placement,
|
|
88
|
+
_prop$arrowPointAtCen = prop.arrowPointAtCenter,
|
|
89
|
+
arrowPointAtCenter = _prop$arrowPointAtCen === void 0 ? true : _prop$arrowPointAtCen,
|
|
90
|
+
rest = (0, _objectWithoutProperties2.default)(prop, _excluded);
|
|
91
|
+
//显示输入框绑定的name,如果不设置textName,设置为$name__text
|
|
119
92
|
var textNameProp = (0, _react.useMemo)(function () {
|
|
120
93
|
return textName || name + '__text';
|
|
121
|
-
}, [textName, name]);
|
|
122
|
-
|
|
94
|
+
}, [textName, name]);
|
|
95
|
+
// 输入框回车时,调用查询参数字段
|
|
123
96
|
var searchKey = (0, _react.useMemo)(function () {
|
|
124
97
|
if (searchField) return searchField;
|
|
125
|
-
var col;
|
|
126
|
-
|
|
98
|
+
var col;
|
|
99
|
+
//先取显示字段
|
|
127
100
|
if (textField) {
|
|
128
101
|
col = columns.find(function (o) {
|
|
129
102
|
return o.dataIndex === textField || o.key === textField;
|
|
130
103
|
});
|
|
131
|
-
}
|
|
132
|
-
|
|
133
|
-
|
|
104
|
+
}
|
|
105
|
+
//取不到时取值字段
|
|
134
106
|
if (!col) {
|
|
135
107
|
col = columns.find(function (o) {
|
|
136
108
|
return o.dataIndex === valueField || o.key === valueField;
|
|
137
109
|
});
|
|
138
110
|
}
|
|
139
|
-
|
|
140
111
|
if (col) return col.searchField || col.dataIndex;
|
|
141
112
|
return textField || valueField;
|
|
142
113
|
}, [columns, searchField, valueField, textField]);
|
|
143
|
-
|
|
144
114
|
var loadData = /*#__PURE__*/function () {
|
|
145
115
|
var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(param) {
|
|
146
116
|
var current, pageSize, rest, data, _tableRef$current, _tableRef$current$cle, result, rows;
|
|
147
|
-
|
|
148
117
|
return _regenerator.default.wrap(function _callee$(_context) {
|
|
149
|
-
while (1) {
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
;
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
}
|
|
189
|
-
|
|
190
|
-
return _context.abrupt("return", {
|
|
191
|
-
data: rows,
|
|
192
|
-
total: Number(result.total || 0),
|
|
193
|
-
success: true
|
|
194
|
-
});
|
|
195
|
-
|
|
196
|
-
case 14:
|
|
197
|
-
case "end":
|
|
198
|
-
return _context.stop();
|
|
199
|
-
}
|
|
118
|
+
while (1) switch (_context.prev = _context.next) {
|
|
119
|
+
case 0:
|
|
120
|
+
current = param.current, pageSize = param.pageSize, rest = (0, _objectWithoutProperties2.default)(param, _excluded2);
|
|
121
|
+
data = {};
|
|
122
|
+
if (isV2) {
|
|
123
|
+
data['page.pn'] = current;
|
|
124
|
+
data['page.size'] = pageSize;
|
|
125
|
+
} else {
|
|
126
|
+
data.page = current;
|
|
127
|
+
data.pageSize = pageSize;
|
|
128
|
+
}
|
|
129
|
+
;
|
|
130
|
+
if (Object.keys(rest).length && !isV2) {
|
|
131
|
+
data.where = rest;
|
|
132
|
+
}
|
|
133
|
+
if (!keepSelect) {
|
|
134
|
+
setSelectedRows([]);
|
|
135
|
+
(_tableRef$current = tableRef.current) === null || _tableRef$current === void 0 ? void 0 : (_tableRef$current$cle = _tableRef$current.clearSelected) === null || _tableRef$current$cle === void 0 ? void 0 : _tableRef$current$cle.call(_tableRef$current);
|
|
136
|
+
}
|
|
137
|
+
if (beforeLoad) {
|
|
138
|
+
beforeLoad(data);
|
|
139
|
+
}
|
|
140
|
+
;
|
|
141
|
+
_context.next = 10;
|
|
142
|
+
return (0, _http.httpGet)(url, data);
|
|
143
|
+
case 10:
|
|
144
|
+
result = _context.sent;
|
|
145
|
+
rows = result.rows || [];
|
|
146
|
+
if (afterLoad) {
|
|
147
|
+
afterLoad(rows);
|
|
148
|
+
}
|
|
149
|
+
return _context.abrupt("return", {
|
|
150
|
+
data: rows,
|
|
151
|
+
total: Number(result.total || 0),
|
|
152
|
+
success: true
|
|
153
|
+
});
|
|
154
|
+
case 14:
|
|
155
|
+
case "end":
|
|
156
|
+
return _context.stop();
|
|
200
157
|
}
|
|
201
158
|
}, _callee);
|
|
202
159
|
}));
|
|
203
|
-
|
|
204
160
|
return function loadData(_x) {
|
|
205
161
|
return _ref.apply(this, arguments);
|
|
206
162
|
};
|
|
207
|
-
}();
|
|
208
|
-
|
|
209
|
-
|
|
163
|
+
}();
|
|
164
|
+
// 初始化数据
|
|
210
165
|
(0, _react.useEffect)(function () {
|
|
211
166
|
setTimeout(function () {
|
|
212
167
|
var _formRef$current, _formRef$current2;
|
|
213
|
-
|
|
214
168
|
var txt = formRef === null || formRef === void 0 ? void 0 : (_formRef$current = formRef.current) === null || _formRef$current === void 0 ? void 0 : _formRef$current.getFieldValue(textNameProp);
|
|
215
169
|
var val = formRef === null || formRef === void 0 ? void 0 : (_formRef$current2 = formRef.current) === null || _formRef$current2 === void 0 ? void 0 : _formRef$current2.getFieldValue(name);
|
|
216
|
-
|
|
217
170
|
if (txt) {
|
|
218
171
|
setText(txt);
|
|
219
172
|
} else if (val) {
|
|
220
173
|
setText(val);
|
|
221
174
|
}
|
|
222
175
|
}, 0);
|
|
223
|
-
}, []);
|
|
224
|
-
|
|
176
|
+
}, []);
|
|
177
|
+
// 处理返回数据
|
|
225
178
|
var handleValue = function handleValue(row) {
|
|
226
179
|
var _formRef$current3, _formRef$current4;
|
|
227
|
-
|
|
228
180
|
var formValue = formRef === null || formRef === void 0 ? void 0 : (_formRef$current3 = formRef.current) === null || _formRef$current3 === void 0 ? void 0 : _formRef$current3.getFieldsValue();
|
|
229
|
-
var txt;
|
|
230
|
-
|
|
181
|
+
var txt;
|
|
182
|
+
//支持多选
|
|
231
183
|
if (Array.isArray(row)) {
|
|
232
184
|
//返回值
|
|
233
185
|
formValue[name] = row.map(function (o) {
|
|
234
186
|
return o[valueField];
|
|
235
|
-
}).join(',');
|
|
236
|
-
|
|
187
|
+
}).join(',');
|
|
188
|
+
//显示值
|
|
237
189
|
txt = row.map(function (o) {
|
|
238
190
|
return o[textField || valueField];
|
|
239
|
-
}).join(',');
|
|
240
|
-
|
|
191
|
+
}).join(',');
|
|
192
|
+
//处理填充其它字段
|
|
241
193
|
if (fillMap) {
|
|
242
194
|
var _loop = function _loop(key) {
|
|
243
195
|
formValue[key] = row.map(function (o) {
|
|
244
196
|
return o[fillMap[key]];
|
|
245
197
|
}).join(',');
|
|
246
198
|
};
|
|
247
|
-
|
|
248
199
|
for (var key in fillMap) {
|
|
249
200
|
_loop(key);
|
|
250
201
|
}
|
|
@@ -252,26 +203,22 @@ var InputTable = /*#__PURE__*/_react.default.forwardRef(function (prop, ref) {
|
|
|
252
203
|
} else {
|
|
253
204
|
formValue[name] = row[valueField] || '';
|
|
254
205
|
txt = row[textField || valueField] || '';
|
|
255
|
-
|
|
256
206
|
if (fillMap) {
|
|
257
207
|
for (var _key in fillMap) {
|
|
258
208
|
formValue[_key] = row[fillMap[_key]] || '';
|
|
259
209
|
}
|
|
260
210
|
}
|
|
261
211
|
}
|
|
262
|
-
|
|
263
212
|
formValue[textNameProp] = txt;
|
|
264
213
|
setText(txt);
|
|
265
214
|
setVisible(false);
|
|
266
215
|
(_formRef$current4 = formRef.current) === null || _formRef$current4 === void 0 ? void 0 : _formRef$current4.setFieldsValue((0, _objectSpread2.default)({}, formValue));
|
|
267
216
|
onSelectChange === null || onSelectChange === void 0 ? void 0 : onSelectChange(row, formRef);
|
|
268
|
-
};
|
|
269
|
-
|
|
270
|
-
|
|
217
|
+
};
|
|
218
|
+
// 可输入时,回车或失去焦点调接口查询数据
|
|
271
219
|
var onQuery = function onQuery(e) {
|
|
272
220
|
if (rest.disabled || (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.disabled) || readonly) return;
|
|
273
221
|
var val = e.target.value;
|
|
274
|
-
|
|
275
222
|
if (val) {
|
|
276
223
|
var param = {
|
|
277
224
|
current: 1,
|
|
@@ -280,7 +227,6 @@ var InputTable = /*#__PURE__*/_react.default.forwardRef(function (prop, ref) {
|
|
|
280
227
|
param[searchKey] = val;
|
|
281
228
|
loadData(param).then(function (result) {
|
|
282
229
|
var rows = result.data || [];
|
|
283
|
-
|
|
284
230
|
if (!rows.length) {
|
|
285
231
|
handleValue({});
|
|
286
232
|
(0, _utils.showWarn)("".concat(val, "\u67E5\u627E\u4E0D\u5230\u5BF9\u5E94\u7684\u8BB0\u5F55\uFF01"));
|
|
@@ -293,48 +239,41 @@ var InputTable = /*#__PURE__*/_react.default.forwardRef(function (prop, ref) {
|
|
|
293
239
|
e.stopPropagation();
|
|
294
240
|
e.preventDefault();
|
|
295
241
|
}
|
|
296
|
-
};
|
|
297
|
-
|
|
298
|
-
|
|
242
|
+
};
|
|
243
|
+
//直接输入不回车,value 和 text 为同一个值
|
|
299
244
|
var onInput = function onInput(e) {
|
|
300
245
|
var _formRef$current5;
|
|
301
|
-
|
|
302
246
|
var formValue = formRef === null || formRef === void 0 ? void 0 : (_formRef$current5 = formRef.current) === null || _formRef$current5 === void 0 ? void 0 : _formRef$current5.getFieldsValue();
|
|
303
247
|
var val = e.target.value;
|
|
304
248
|
formValue[name] = val;
|
|
305
249
|
formValue[textNameProp] = val;
|
|
306
250
|
setText(val);
|
|
307
251
|
formRef.current.setFieldsValue((0, _objectSpread2.default)({}, formValue));
|
|
308
|
-
};
|
|
309
|
-
|
|
310
|
-
|
|
252
|
+
};
|
|
253
|
+
// 当表单重置或点clear时,处理值
|
|
311
254
|
var clearValue = function clearValue(e) {
|
|
312
255
|
if (!e.target.value) {
|
|
313
256
|
var _formRef$current6;
|
|
314
|
-
|
|
315
257
|
setText('');
|
|
316
258
|
var formValue = formRef === null || formRef === void 0 ? void 0 : (_formRef$current6 = formRef.current) === null || _formRef$current6 === void 0 ? void 0 : _formRef$current6.getFieldsValue();
|
|
317
259
|
formValue[name] = '';
|
|
318
|
-
formValue[textNameProp] = '';
|
|
260
|
+
formValue[textNameProp] = '';
|
|
261
|
+
// 不处理,其它表单自己清空
|
|
319
262
|
// if (fillMap) {
|
|
320
263
|
// for (let key in fillMap) {
|
|
321
264
|
// formValue[key] = '';
|
|
322
265
|
// }
|
|
323
266
|
// }
|
|
324
|
-
|
|
325
267
|
formRef.current.setFieldsValue((0, _objectSpread2.default)({}, formValue));
|
|
326
268
|
}
|
|
327
269
|
};
|
|
328
|
-
|
|
329
270
|
(0, _react.useEffect)(function () {
|
|
330
271
|
if (!text) {
|
|
331
272
|
var _tableRef$current2, _tableRef$current2$cl;
|
|
332
|
-
|
|
333
273
|
setSelectedRows([]);
|
|
334
274
|
(_tableRef$current2 = tableRef.current) === null || _tableRef$current2 === void 0 ? void 0 : (_tableRef$current2$cl = _tableRef$current2.clearSelected) === null || _tableRef$current2$cl === void 0 ? void 0 : _tableRef$current2$cl.call(_tableRef$current2);
|
|
335
275
|
}
|
|
336
276
|
}, [text]);
|
|
337
|
-
|
|
338
277
|
var tableDom = /*#__PURE__*/_react.default.createElement(_lsProTable.default, (0, _extends2.default)({
|
|
339
278
|
columns: columns,
|
|
340
279
|
request: loadData,
|
|
@@ -377,16 +316,13 @@ var InputTable = /*#__PURE__*/_react.default.forwardRef(function (prop, ref) {
|
|
|
377
316
|
}, "\u786E\u8BA4")];
|
|
378
317
|
},
|
|
379
318
|
headerTitle: "\u53CC\u51FB\u9009\u4E2D\u5F53\u524D\u884C\u6570\u636E"
|
|
380
|
-
}, tableConfig));
|
|
381
|
-
|
|
382
|
-
|
|
319
|
+
}, tableConfig));
|
|
320
|
+
// 处理有值时,可清空
|
|
383
321
|
(0, _react.useEffect)(function () {
|
|
384
322
|
if (rest.disabled || (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.disabled)) return;
|
|
385
|
-
|
|
386
323
|
try {
|
|
387
324
|
var el = inputRef.current.input.parentNode;
|
|
388
325
|
if (!el) return;
|
|
389
|
-
|
|
390
326
|
if (text) {
|
|
391
327
|
el.classList.add('ant-input-has-value');
|
|
392
328
|
} else {
|
|
@@ -487,6 +423,5 @@ var InputTable = /*#__PURE__*/_react.default.forwardRef(function (prop, ref) {
|
|
|
487
423
|
ref: inputRef
|
|
488
424
|
}, fieldProps)));
|
|
489
425
|
});
|
|
490
|
-
|
|
491
426
|
var _default = InputTable;
|
|
492
427
|
exports.default = _default;
|