ls-pro-common 1.0.31 → 1.0.34
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 +3 -0
- package/dist/common.js +1 -1
- package/dist/common.min.css +3 -0
- package/dist/common.min.js +1 -1
- package/es/components/IconSelector.js +56 -15
- package/es/components/InputTable.d.ts +73 -3
- package/es/components/InputTable.js +175 -75
- package/es/hooks/useDtl/index.js +17 -8
- package/es/hooks/useSingle/index.js +17 -8
- package/es/http/index.js +2 -5
- package/lib/components/IconSelector.js +55 -14
- package/lib/components/InputTable.d.ts +73 -3
- package/lib/components/InputTable.js +173 -71
- package/lib/hooks/useDtl/index.js +17 -8
- package/lib/hooks/useSingle/index.js +17 -8
- package/lib/http/index.js +2 -5
- package/package.json +3 -3
|
@@ -607,35 +607,44 @@ function useSingle(inParam) {
|
|
|
607
607
|
case 9:
|
|
608
608
|
result = _context7.sent;
|
|
609
609
|
|
|
610
|
+
if (!(result.data && typeof result.data === 'string')) {
|
|
611
|
+
_context7.next = 13;
|
|
612
|
+
break;
|
|
613
|
+
}
|
|
614
|
+
|
|
615
|
+
window.open(result.data);
|
|
616
|
+
return _context7.abrupt("return", true);
|
|
617
|
+
|
|
618
|
+
case 13:
|
|
610
619
|
if (!(((_result$flag4 = result.flag) === null || _result$flag4 === void 0 ? void 0 : _result$flag4.retCode) === '0')) {
|
|
611
|
-
_context7.next =
|
|
620
|
+
_context7.next = 18;
|
|
612
621
|
break;
|
|
613
622
|
}
|
|
614
623
|
|
|
615
624
|
showSuccess(((_result$flag5 = result.flag) === null || _result$flag5 === void 0 ? void 0 : _result$flag5.retMsg) || '导出成功');
|
|
616
625
|
return _context7.abrupt("return", true);
|
|
617
626
|
|
|
618
|
-
case
|
|
627
|
+
case 18:
|
|
619
628
|
showError(((_result$flag6 = result.flag) === null || _result$flag6 === void 0 ? void 0 : _result$flag6.retMsg) || '导出失败,请联系系统管理员');
|
|
620
629
|
return _context7.abrupt("return", false);
|
|
621
630
|
|
|
622
|
-
case
|
|
623
|
-
_context7.next =
|
|
631
|
+
case 20:
|
|
632
|
+
_context7.next = 27;
|
|
624
633
|
break;
|
|
625
634
|
|
|
626
|
-
case
|
|
627
|
-
_context7.prev =
|
|
635
|
+
case 22:
|
|
636
|
+
_context7.prev = 22;
|
|
628
637
|
_context7.t0 = _context7["catch"](6);
|
|
629
638
|
console.log(_context7.t0);
|
|
630
639
|
showError(_context7.t0.message);
|
|
631
640
|
return _context7.abrupt("return", false);
|
|
632
641
|
|
|
633
|
-
case
|
|
642
|
+
case 27:
|
|
634
643
|
case "end":
|
|
635
644
|
return _context7.stop();
|
|
636
645
|
}
|
|
637
646
|
}
|
|
638
|
-
}, _callee7, null, [[6,
|
|
647
|
+
}, _callee7, null, [[6, 22]]);
|
|
639
648
|
}));
|
|
640
649
|
|
|
641
650
|
return function onExport(_x8, _x9) {
|
package/es/http/index.js
CHANGED
|
@@ -283,12 +283,9 @@ function _getDict() {
|
|
|
283
283
|
case 0:
|
|
284
284
|
showValue = _args6.length > 1 && _args6[1] !== undefined ? _args6[1] : true;
|
|
285
285
|
needGateWay = _args6.length > 2 && _args6[2] !== undefined ? _args6[2] : true;
|
|
286
|
-
api = '/lesoon-integration/sysDictDtl';
|
|
286
|
+
api = '/lesoon-integration/sysDictDtl/listByProperties';
|
|
287
287
|
param = {
|
|
288
|
-
|
|
289
|
-
dictCode: dictCode
|
|
290
|
-
},
|
|
291
|
-
ifPage: 0
|
|
288
|
+
dictCode: dictCode
|
|
292
289
|
};
|
|
293
290
|
return _context6.abrupt("return", fetchOptions(api, param, 'dictValue', 'displayName', showValue, needGateWay));
|
|
294
291
|
|
|
@@ -85,6 +85,11 @@ function IconSelector(prop) {
|
|
|
85
85
|
list = _useState10[0],
|
|
86
86
|
setList = _useState10[1];
|
|
87
87
|
|
|
88
|
+
var _useState11 = (0, _react.useState)(''),
|
|
89
|
+
_useState12 = (0, _slicedToArray2.default)(_useState11, 2),
|
|
90
|
+
searchKey = _useState12[0],
|
|
91
|
+
setSearchKey = _useState12[1];
|
|
92
|
+
|
|
88
93
|
var type = prop.type,
|
|
89
94
|
_prop$uploadable = prop.uploadable,
|
|
90
95
|
uploadable = _prop$uploadable === void 0 ? true : _prop$uploadable,
|
|
@@ -107,7 +112,7 @@ function IconSelector(prop) {
|
|
|
107
112
|
}, [type]);
|
|
108
113
|
|
|
109
114
|
var loadData = /*#__PURE__*/function () {
|
|
110
|
-
var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(pageIndex) {
|
|
115
|
+
var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(pageIndex, keys) {
|
|
111
116
|
var url, param, result, rows;
|
|
112
117
|
return _regenerator.default.wrap(function _callee$(_context) {
|
|
113
118
|
while (1) {
|
|
@@ -120,16 +125,21 @@ function IconSelector(prop) {
|
|
|
120
125
|
"page.pn": pageIndex,
|
|
121
126
|
"page.size": pageSize
|
|
122
127
|
};
|
|
123
|
-
|
|
128
|
+
|
|
129
|
+
if (keys) {
|
|
130
|
+
param['search.mongoName_like'] = keys;
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
_context.next = 5;
|
|
124
134
|
return (0, _http.httpGet)(url, param);
|
|
125
135
|
|
|
126
|
-
case
|
|
136
|
+
case 5:
|
|
127
137
|
result = _context.sent;
|
|
128
138
|
rows = result.rows || [];
|
|
129
139
|
setList(rows);
|
|
130
140
|
setTotal(result.total || 0);
|
|
131
141
|
|
|
132
|
-
case
|
|
142
|
+
case 9:
|
|
133
143
|
case "end":
|
|
134
144
|
return _context.stop();
|
|
135
145
|
}
|
|
@@ -137,19 +147,26 @@ function IconSelector(prop) {
|
|
|
137
147
|
}, _callee);
|
|
138
148
|
}));
|
|
139
149
|
|
|
140
|
-
return function loadData(_x) {
|
|
150
|
+
return function loadData(_x, _x2) {
|
|
141
151
|
return _ref.apply(this, arguments);
|
|
142
152
|
};
|
|
143
153
|
}();
|
|
144
154
|
|
|
145
155
|
(0, _react.useEffect)(function () {
|
|
146
156
|
if (!visible) return;
|
|
147
|
-
loadData(page);
|
|
148
|
-
}, [visible, page]);
|
|
157
|
+
loadData(page, searchKey);
|
|
158
|
+
}, [visible, page, searchKey]);
|
|
149
159
|
var totalPage = (0, _react.useMemo)(function () {
|
|
150
160
|
if (total === 0) return 1;
|
|
151
161
|
return Math.ceil(total / pageSize);
|
|
152
|
-
}, [total]);
|
|
162
|
+
}, [total]);
|
|
163
|
+
(0, _react.useEffect)(function () {
|
|
164
|
+
var val = formRef.current.getFieldsValue();
|
|
165
|
+
|
|
166
|
+
if (val && val[name]) {
|
|
167
|
+
setImgUrl((0, _utils.toGatewayUrl)(val[name]));
|
|
168
|
+
}
|
|
169
|
+
}, []); // 验证上传文件大小
|
|
153
170
|
|
|
154
171
|
var beforeUpload = function beforeUpload(file) {
|
|
155
172
|
var sizeLimit = file.size / 1024 / 1024 >= maxSize;
|
|
@@ -185,7 +202,7 @@ function IconSelector(prop) {
|
|
|
185
202
|
if (page !== totalPage) {
|
|
186
203
|
setPage(totalPage);
|
|
187
204
|
} else {
|
|
188
|
-
loadData(totalPage);
|
|
205
|
+
loadData(totalPage, searchKey);
|
|
189
206
|
}
|
|
190
207
|
} else {
|
|
191
208
|
(0, _utils.showSuccess)(result.flag.retMsg);
|
|
@@ -215,14 +232,33 @@ function IconSelector(prop) {
|
|
|
215
232
|
}
|
|
216
233
|
}) : /*#__PURE__*/_react.default.createElement(_icons.PlusOutlined, {
|
|
217
234
|
onClick: function onClick() {
|
|
218
|
-
|
|
235
|
+
var _rest$fieldProps;
|
|
236
|
+
|
|
237
|
+
if ((rest === null || rest === void 0 ? void 0 : rest.disabled) || (rest === null || rest === void 0 ? void 0 : (_rest$fieldProps = rest.fieldProps) === null || _rest$fieldProps === void 0 ? void 0 : _rest$fieldProps.disabled)) {
|
|
238
|
+
return;
|
|
239
|
+
}
|
|
240
|
+
|
|
241
|
+
setVisible(true);
|
|
219
242
|
}
|
|
220
243
|
})
|
|
221
244
|
}, rest.fieldProps, {
|
|
222
245
|
readOnly: readonly,
|
|
223
246
|
allowClear: allowClear
|
|
224
247
|
}))), /*#__PURE__*/_react.default.createElement(_modal.default, {
|
|
225
|
-
title: title,
|
|
248
|
+
title: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("span", null, title), /*#__PURE__*/_react.default.createElement("span", {
|
|
249
|
+
style: {
|
|
250
|
+
display: 'inline-block',
|
|
251
|
+
width: 230,
|
|
252
|
+
marginLeft: 30
|
|
253
|
+
}
|
|
254
|
+
}, /*#__PURE__*/_react.default.createElement(_input.default, {
|
|
255
|
+
suffix: /*#__PURE__*/_react.default.createElement(_icons.SearchOutlined, null),
|
|
256
|
+
placeholder: "\u8F93\u5165\u56FE\u7247\u540D\u67E5\u8BE2",
|
|
257
|
+
onPressEnter: function onPressEnter(e) {
|
|
258
|
+
setPage(1);
|
|
259
|
+
setSearchKey(e.target.value || '');
|
|
260
|
+
}
|
|
261
|
+
}))),
|
|
226
262
|
visible: visible,
|
|
227
263
|
width: modalWidth,
|
|
228
264
|
destroyOnClose: true,
|
|
@@ -266,9 +302,13 @@ function IconSelector(prop) {
|
|
|
266
302
|
}
|
|
267
303
|
}, "\u4E0B\u4E00\u9875"), /*#__PURE__*/_react.default.createElement(_button.default, {
|
|
268
304
|
onClick: function onClick() {
|
|
269
|
-
return loadData(page);
|
|
305
|
+
return loadData(page, searchKey);
|
|
270
306
|
}
|
|
271
307
|
}, "\u5237\u65B0"))
|
|
308
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
309
|
+
style: {
|
|
310
|
+
minHeight: '120px'
|
|
311
|
+
}
|
|
272
312
|
}, list.map(function (o) {
|
|
273
313
|
return /*#__PURE__*/_react.default.createElement(_card.default, {
|
|
274
314
|
hoverable: true,
|
|
@@ -296,7 +336,8 @@ function IconSelector(prop) {
|
|
|
296
336
|
formRef.current.setFieldsValue(val);
|
|
297
337
|
setImgUrl((0, _utils.toGatewayUrl)(o.mongoUrl));
|
|
298
338
|
setVisible(false);
|
|
299
|
-
}
|
|
339
|
+
},
|
|
340
|
+
key: o.id
|
|
300
341
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
301
342
|
style: {
|
|
302
343
|
height: 80
|
|
@@ -315,7 +356,7 @@ function IconSelector(prop) {
|
|
|
315
356
|
overflow: 'hidden'
|
|
316
357
|
}
|
|
317
358
|
}, o.mongoName));
|
|
318
|
-
})));
|
|
359
|
+
}))));
|
|
319
360
|
}
|
|
320
361
|
|
|
321
362
|
var _default = IconSelector;
|
|
@@ -1,23 +1,93 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import type { InputProps } from 'antd';
|
|
3
3
|
import type { ProFormItemProps } from 'ls-pro-form';
|
|
4
4
|
export declare type InputTableProps = ProFormItemProps<InputProps> & {
|
|
5
|
+
/**@name 弹框选择表格列配置 */
|
|
5
6
|
columns: any[];
|
|
7
|
+
/**@name 调用后端API地址 */
|
|
6
8
|
url: string;
|
|
9
|
+
/**@name 弹框表格高度,默认400 */
|
|
7
10
|
tableHeight?: number;
|
|
11
|
+
/**@name 弹框表格宽度,默认650*/
|
|
8
12
|
tableWidth?: number;
|
|
13
|
+
/**@name 是否支持多选 */
|
|
9
14
|
multiple?: boolean;
|
|
15
|
+
/**@name 表单项name, 跟 form.item 的 name一致 */
|
|
10
16
|
name: string;
|
|
17
|
+
/**@name 返回的值字段,表格中valueField配置的字段时返回给name */
|
|
11
18
|
valueField: string;
|
|
19
|
+
/**@name 返回输入框显示的字段,textField字段值返回给textName */
|
|
12
20
|
textField?: string;
|
|
21
|
+
/**@name 用于接收textField返回的值 */
|
|
13
22
|
textName?: string;
|
|
23
|
+
/** @name 表格的其它配置 */
|
|
14
24
|
tableConfig?: any;
|
|
25
|
+
/**@name 表单label宽度,默认70 */
|
|
15
26
|
labelWidth?: number;
|
|
27
|
+
/**@name 是否2.0接口 */
|
|
16
28
|
isV2?: boolean;
|
|
29
|
+
/**@name 是否支持跨页选择 */
|
|
17
30
|
keepSelect?: boolean;
|
|
18
|
-
|
|
31
|
+
/**@name 回车事件查询关键字 */
|
|
32
|
+
searchField?: string;
|
|
33
|
+
/**@name 填充其它表单项目配置 */
|
|
34
|
+
fillMap?: Record<string, string>;
|
|
35
|
+
/**@name 输入后检查数据的触发方式,默认为entry回车触发 */
|
|
36
|
+
triggerCheck?: 'entry' | 'blur';
|
|
37
|
+
/**@name 选择行事件 */
|
|
38
|
+
onSelectChange?: (item: any, formRef?: any) => void;
|
|
39
|
+
/**@name 加载之前事件,param为查询条件对象,可以通过此方法调整 */
|
|
19
40
|
beforeLoad?: (param: any) => void;
|
|
41
|
+
/**@name 加载之后事件,row为接口返回数据,可以通过此方法调整 */
|
|
20
42
|
afterLoad?: (rows: any[]) => void;
|
|
21
43
|
};
|
|
22
|
-
declare
|
|
44
|
+
declare const InputTable: React.ForwardRefExoticComponent<{
|
|
45
|
+
fieldProps?: (import("../../../form/lib/interface").FieldProps & InputProps) | undefined;
|
|
46
|
+
placeholder?: string | string[] | undefined;
|
|
47
|
+
secondary?: boolean | undefined;
|
|
48
|
+
allowClear?: boolean | undefined;
|
|
49
|
+
disabled?: boolean | undefined;
|
|
50
|
+
width?: number | "sm" | "md" | "xl" | "xs" | "lg" | undefined;
|
|
51
|
+
proFieldProps?: import("../../../utils/lib").ProFieldProps | undefined;
|
|
52
|
+
footerRender?: import("../../../form/lib").LightFilterFooterRender | undefined;
|
|
53
|
+
} & Omit<import("../../../form/lib/components/FormItem").ProFormItemProps, "valueType"> & import("../../../form/lib/interface").ExtendsProps & {
|
|
54
|
+
/**@name 弹框选择表格列配置 */
|
|
55
|
+
columns: any[];
|
|
56
|
+
/**@name 调用后端API地址 */
|
|
57
|
+
url: string;
|
|
58
|
+
/**@name 弹框表格高度,默认400 */
|
|
59
|
+
tableHeight?: number | undefined;
|
|
60
|
+
/**@name 弹框表格宽度,默认650*/
|
|
61
|
+
tableWidth?: number | undefined;
|
|
62
|
+
/**@name 是否支持多选 */
|
|
63
|
+
multiple?: boolean | undefined;
|
|
64
|
+
/**@name 表单项name, 跟 form.item 的 name一致 */
|
|
65
|
+
name: string;
|
|
66
|
+
/**@name 返回的值字段,表格中valueField配置的字段时返回给name */
|
|
67
|
+
valueField: string;
|
|
68
|
+
/**@name 返回输入框显示的字段,textField字段值返回给textName */
|
|
69
|
+
textField?: string | undefined;
|
|
70
|
+
/**@name 用于接收textField返回的值 */
|
|
71
|
+
textName?: string | undefined;
|
|
72
|
+
/** @name 表格的其它配置 */
|
|
73
|
+
tableConfig?: any;
|
|
74
|
+
/**@name 表单label宽度,默认70 */
|
|
75
|
+
labelWidth?: number | undefined;
|
|
76
|
+
/**@name 是否2.0接口 */
|
|
77
|
+
isV2?: boolean | undefined;
|
|
78
|
+
/**@name 是否支持跨页选择 */
|
|
79
|
+
keepSelect?: boolean | undefined;
|
|
80
|
+
/**@name 回车事件查询关键字 */
|
|
81
|
+
searchField?: string | undefined;
|
|
82
|
+
/**@name 填充其它表单项目配置 */
|
|
83
|
+
fillMap?: Record<string, string> | undefined;
|
|
84
|
+
/**@name 输入后检查数据的触发方式,默认为entry回车触发 */
|
|
85
|
+
triggerCheck?: "entry" | "blur" | undefined;
|
|
86
|
+
/**@name 选择行事件 */
|
|
87
|
+
onSelectChange?: ((item: any, formRef?: any) => void) | undefined;
|
|
88
|
+
/**@name 加载之前事件,param为查询条件对象,可以通过此方法调整 */
|
|
89
|
+
beforeLoad?: ((param: any) => void) | undefined;
|
|
90
|
+
/**@name 加载之后事件,row为接口返回数据,可以通过此方法调整 */
|
|
91
|
+
afterLoad?: ((rows: any[]) => void) | undefined;
|
|
92
|
+
} & React.RefAttributes<unknown>>;
|
|
23
93
|
export default InputTable;
|
|
@@ -43,10 +43,12 @@ var _icons = require("@ant-design/icons");
|
|
|
43
43
|
|
|
44
44
|
var _http = require("../http");
|
|
45
45
|
|
|
46
|
-
var
|
|
46
|
+
var _utils = require("../utils");
|
|
47
|
+
|
|
48
|
+
var _excluded = ["columns", "url", "textName", "name", "tableConfig", "tableHeight", "tableWidth", "readonly", "multiple", "valueField", "labelWidth", "textField", "onSelectChange", "beforeLoad", "afterLoad", "isV2", "allowClear", "keepSelect", "fieldProps", "searchField", "fillMap", "triggerCheck"],
|
|
47
49
|
_excluded2 = ["current", "pageSize"];
|
|
48
50
|
|
|
49
|
-
|
|
51
|
+
var InputTable = /*#__PURE__*/_react.default.forwardRef(function (prop, ref) {
|
|
50
52
|
//@ts-ignore
|
|
51
53
|
var _useContext = (0, _react.useContext)(_lsProForm.ProFormContext),
|
|
52
54
|
formRef = _useContext.formRef;
|
|
@@ -68,6 +70,10 @@ function InputTable(prop) {
|
|
|
68
70
|
text = _useState6[0],
|
|
69
71
|
setText = _useState6[1];
|
|
70
72
|
|
|
73
|
+
var inputRef = (0, _react.useRef)();
|
|
74
|
+
(0, _react.useImperativeHandle)(ref, function () {
|
|
75
|
+
return inputRef.current;
|
|
76
|
+
});
|
|
71
77
|
var columns = prop.columns,
|
|
72
78
|
url = prop.url,
|
|
73
79
|
textName = prop.textName,
|
|
@@ -94,8 +100,36 @@ function InputTable(prop) {
|
|
|
94
100
|
_prop$keepSelect = prop.keepSelect,
|
|
95
101
|
keepSelect = _prop$keepSelect === void 0 ? false : _prop$keepSelect,
|
|
96
102
|
fieldProps = prop.fieldProps,
|
|
97
|
-
|
|
98
|
-
|
|
103
|
+
searchField = prop.searchField,
|
|
104
|
+
fillMap = prop.fillMap,
|
|
105
|
+
_prop$triggerCheck = prop.triggerCheck,
|
|
106
|
+
triggerCheck = _prop$triggerCheck === void 0 ? 'entry' : _prop$triggerCheck,
|
|
107
|
+
rest = (0, _objectWithoutProperties2.default)(prop, _excluded); //显示输入框绑定的name,如果不设置textName,设置为$name__text
|
|
108
|
+
|
|
109
|
+
var textNameProp = (0, _react.useMemo)(function () {
|
|
110
|
+
return textName || name + '__text';
|
|
111
|
+
}, [textName, name]); // 输入框回车时,调用查询参数字段
|
|
112
|
+
|
|
113
|
+
var searchKey = (0, _react.useMemo)(function () {
|
|
114
|
+
if (searchField) return searchField;
|
|
115
|
+
var col; //先取显示字段
|
|
116
|
+
|
|
117
|
+
if (textField) {
|
|
118
|
+
col = columns.find(function (o) {
|
|
119
|
+
return o.dataIndex === textField || o.key === textField;
|
|
120
|
+
});
|
|
121
|
+
} //取不到时取值字段
|
|
122
|
+
|
|
123
|
+
|
|
124
|
+
if (!col) {
|
|
125
|
+
col = columns.find(function (o) {
|
|
126
|
+
return o.dataIndex === valueField || o.key === valueField;
|
|
127
|
+
});
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
if (col) return col.searchField || col.dataIndex;
|
|
131
|
+
return textField || valueField;
|
|
132
|
+
}, [columns, searchField, valueField, textField]);
|
|
99
133
|
|
|
100
134
|
var loadData = /*#__PURE__*/function () {
|
|
101
135
|
var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(param) {
|
|
@@ -145,7 +179,7 @@ function InputTable(prop) {
|
|
|
145
179
|
|
|
146
180
|
return _context.abrupt("return", {
|
|
147
181
|
data: rows,
|
|
148
|
-
total: result.total || 0,
|
|
182
|
+
total: Number(result.total || 0),
|
|
149
183
|
success: true
|
|
150
184
|
});
|
|
151
185
|
|
|
@@ -171,7 +205,111 @@ function InputTable(prop) {
|
|
|
171
205
|
formValue[textNameProp] = formValue[name];
|
|
172
206
|
formRef === null || formRef === void 0 ? void 0 : formRef.current.setFieldsValue((0, _objectSpread2.default)({}, formValue));
|
|
173
207
|
}
|
|
174
|
-
}, []);
|
|
208
|
+
}, []); // 处理返回数据
|
|
209
|
+
|
|
210
|
+
var handleValue = function handleValue(row) {
|
|
211
|
+
var _formRef$current2, _formRef$current3;
|
|
212
|
+
|
|
213
|
+
var formValue = formRef === null || formRef === void 0 ? void 0 : (_formRef$current2 = formRef.current) === null || _formRef$current2 === void 0 ? void 0 : _formRef$current2.getFieldsValue();
|
|
214
|
+
var txt; //支持多选
|
|
215
|
+
|
|
216
|
+
if (Array.isArray(row)) {
|
|
217
|
+
//返回值
|
|
218
|
+
formValue[name] = row.map(function (o) {
|
|
219
|
+
return o[valueField];
|
|
220
|
+
}).join(','); //显示值
|
|
221
|
+
|
|
222
|
+
txt = row.map(function (o) {
|
|
223
|
+
return o[textField || valueField];
|
|
224
|
+
}).join(','); //处理填充其它字段
|
|
225
|
+
|
|
226
|
+
if (fillMap) {
|
|
227
|
+
var _loop = function _loop(key) {
|
|
228
|
+
formValue[key] = row.map(function (o) {
|
|
229
|
+
return o[fillMap[key]];
|
|
230
|
+
}).join(',');
|
|
231
|
+
};
|
|
232
|
+
|
|
233
|
+
for (var key in fillMap) {
|
|
234
|
+
_loop(key);
|
|
235
|
+
}
|
|
236
|
+
}
|
|
237
|
+
} else {
|
|
238
|
+
formValue[name] = row[valueField] || '';
|
|
239
|
+
txt = row[textField || valueField] || '';
|
|
240
|
+
|
|
241
|
+
if (fillMap) {
|
|
242
|
+
for (var _key in fillMap) {
|
|
243
|
+
formValue[_key] = row[fillMap[_key]] || '';
|
|
244
|
+
}
|
|
245
|
+
}
|
|
246
|
+
}
|
|
247
|
+
|
|
248
|
+
formValue[textNameProp] = txt;
|
|
249
|
+
setText(txt);
|
|
250
|
+
setVisible(false);
|
|
251
|
+
(_formRef$current3 = formRef.current) === null || _formRef$current3 === void 0 ? void 0 : _formRef$current3.setFieldsValue((0, _objectSpread2.default)({}, formValue));
|
|
252
|
+
onSelectChange === null || onSelectChange === void 0 ? void 0 : onSelectChange(row, formRef);
|
|
253
|
+
}; // 可输入时,回车或失去焦点调接口查询数据
|
|
254
|
+
|
|
255
|
+
|
|
256
|
+
var onQuery = function onQuery(e) {
|
|
257
|
+
if (rest.disabled || (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.disabled) || readonly) return;
|
|
258
|
+
var val = e.target.value;
|
|
259
|
+
|
|
260
|
+
if (val) {
|
|
261
|
+
var param = {
|
|
262
|
+
current: 1,
|
|
263
|
+
pageSize: 10
|
|
264
|
+
};
|
|
265
|
+
param[searchKey] = val;
|
|
266
|
+
loadData(param).then(function (result) {
|
|
267
|
+
var rows = result.data || [];
|
|
268
|
+
|
|
269
|
+
if (!rows.length) {
|
|
270
|
+
handleValue({});
|
|
271
|
+
(0, _utils.showWarn)("".concat(val, "\u67E5\u627E\u4E0D\u5230\u5BF9\u5E94\u7684\u8BB0\u5F55\uFF01"));
|
|
272
|
+
} else if (multiple) {
|
|
273
|
+
handleValue(rows);
|
|
274
|
+
} else {
|
|
275
|
+
handleValue(rows[0]);
|
|
276
|
+
}
|
|
277
|
+
});
|
|
278
|
+
e.stopPropagation();
|
|
279
|
+
e.preventDefault();
|
|
280
|
+
}
|
|
281
|
+
}; //直接输入不回车,value 和 text 为同一个值
|
|
282
|
+
|
|
283
|
+
|
|
284
|
+
var onInput = function onInput(e) {
|
|
285
|
+
var _formRef$current4;
|
|
286
|
+
|
|
287
|
+
var formValue = formRef === null || formRef === void 0 ? void 0 : (_formRef$current4 = formRef.current) === null || _formRef$current4 === void 0 ? void 0 : _formRef$current4.getFieldsValue();
|
|
288
|
+
var val = e.target.value;
|
|
289
|
+
formValue[name] = val;
|
|
290
|
+
formValue[textNameProp] = val;
|
|
291
|
+
setText(val);
|
|
292
|
+
formRef.current.setFieldsValue((0, _objectSpread2.default)({}, formValue));
|
|
293
|
+
}; // 当表单重置或点clear时,处理值
|
|
294
|
+
|
|
295
|
+
|
|
296
|
+
var clearValue = function clearValue(e) {
|
|
297
|
+
if (!e.target.value) {
|
|
298
|
+
var _formRef$current5;
|
|
299
|
+
|
|
300
|
+
setText('');
|
|
301
|
+
var formValue = formRef === null || formRef === void 0 ? void 0 : (_formRef$current5 = formRef.current) === null || _formRef$current5 === void 0 ? void 0 : _formRef$current5.getFieldsValue();
|
|
302
|
+
formValue[name] = '';
|
|
303
|
+
formValue[textNameProp] = ''; // 不处理,其它表单自己清空
|
|
304
|
+
// if (fillMap) {
|
|
305
|
+
// for (let key in fillMap) {
|
|
306
|
+
// formValue[key] = '';
|
|
307
|
+
// }
|
|
308
|
+
// }
|
|
309
|
+
|
|
310
|
+
formRef.current.setFieldsValue((0, _objectSpread2.default)({}, formValue));
|
|
311
|
+
}
|
|
312
|
+
};
|
|
175
313
|
|
|
176
314
|
var tableDom = /*#__PURE__*/_react.default.createElement(_lsProTable.default, (0, _extends2.default)({
|
|
177
315
|
columns: columns,
|
|
@@ -203,36 +341,14 @@ function InputTable(prop) {
|
|
|
203
341
|
onRow: function onRow(record) {
|
|
204
342
|
return {
|
|
205
343
|
onDoubleClick: function onDoubleClick() {
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
var formValue = formRef === null || formRef === void 0 ? void 0 : (_formRef$current2 = formRef.current) === null || _formRef$current2 === void 0 ? void 0 : _formRef$current2.getFieldsValue();
|
|
209
|
-
formValue[name] = record[valueField];
|
|
210
|
-
var txt = record[textField || valueField];
|
|
211
|
-
formValue[textNameProp] = txt;
|
|
212
|
-
setText(txt);
|
|
213
|
-
(_formRef$current3 = formRef.current) === null || _formRef$current3 === void 0 ? void 0 : _formRef$current3.setFieldsValue((0, _objectSpread2.default)({}, formValue));
|
|
214
|
-
setVisible(false);
|
|
215
|
-
onSelectChange === null || onSelectChange === void 0 ? void 0 : onSelectChange(record);
|
|
344
|
+
handleValue(record);
|
|
216
345
|
}
|
|
217
346
|
};
|
|
218
347
|
},
|
|
219
348
|
toolBarRender: function toolBarRender() {
|
|
220
349
|
return [/*#__PURE__*/_react.default.createElement(_button.default, {
|
|
221
350
|
onClick: function onClick() {
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
var formValue = formRef === null || formRef === void 0 ? void 0 : (_formRef$current4 = formRef.current) === null || _formRef$current4 === void 0 ? void 0 : _formRef$current4.getFieldsValue();
|
|
225
|
-
formValue[name] = selectedRows.map(function (o) {
|
|
226
|
-
return o[valueField];
|
|
227
|
-
}).join(',');
|
|
228
|
-
var txt = selectedRows.map(function (o) {
|
|
229
|
-
return o[textField || valueField];
|
|
230
|
-
}).join(',');
|
|
231
|
-
formValue[textNameProp] = txt;
|
|
232
|
-
setText(txt);
|
|
233
|
-
(_formRef$current5 = formRef.current) === null || _formRef$current5 === void 0 ? void 0 : _formRef$current5.setFieldsValue((0, _objectSpread2.default)({}, formValue));
|
|
234
|
-
onSelectChange === null || onSelectChange === void 0 ? void 0 : onSelectChange(selectedRows);
|
|
235
|
-
setVisible(false);
|
|
351
|
+
handleValue(selectedRows);
|
|
236
352
|
}
|
|
237
353
|
}, "\u786E\u8BA4")];
|
|
238
354
|
},
|
|
@@ -262,35 +378,30 @@ function InputTable(prop) {
|
|
|
262
378
|
onVisibleChange: setVisible
|
|
263
379
|
}, /*#__PURE__*/_react.default.createElement(_icons.MoreOutlined, {
|
|
264
380
|
onClick: function onClick(e) {
|
|
381
|
+
if (rest.disabled || (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.disabled)) return;
|
|
265
382
|
setVisible(true);
|
|
266
383
|
e.stopPropagation && e.stopPropagation();
|
|
267
384
|
}
|
|
268
385
|
})),
|
|
269
386
|
onClick: function onClick() {
|
|
270
|
-
if (readonly) return;
|
|
387
|
+
if (!readonly) return;
|
|
271
388
|
setVisible(true);
|
|
272
389
|
},
|
|
273
|
-
onInput:
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
formValue[textNameProp] = val;
|
|
280
|
-
formRef.current.setFieldsValue((0, _objectSpread2.default)({}, formValue));
|
|
390
|
+
onInput: onInput,
|
|
391
|
+
onChange: clearValue,
|
|
392
|
+
onPressEnter: function onPressEnter(e) {
|
|
393
|
+
if (triggerCheck === 'entry') {
|
|
394
|
+
onQuery(e);
|
|
395
|
+
}
|
|
281
396
|
},
|
|
282
|
-
|
|
283
|
-
if (
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
var formValue = formRef === null || formRef === void 0 ? void 0 : (_formRef$current7 = formRef.current) === null || _formRef$current7 === void 0 ? void 0 : _formRef$current7.getFieldsValue();
|
|
287
|
-
formValue[name] = '';
|
|
288
|
-
formValue[textNameProp] = '';
|
|
289
|
-
formRef.current.setFieldsValue((0, _objectSpread2.default)({}, formValue));
|
|
397
|
+
onBlur: function onBlur(e) {
|
|
398
|
+
if (triggerCheck === 'blur') {
|
|
399
|
+
onQuery(e);
|
|
290
400
|
}
|
|
291
401
|
},
|
|
292
402
|
readOnly: readonly,
|
|
293
|
-
allowClear: allowClear
|
|
403
|
+
allowClear: allowClear,
|
|
404
|
+
ref: inputRef
|
|
294
405
|
}, fieldProps))) : /*#__PURE__*/_react.default.createElement(_input.default, (0, _extends2.default)({
|
|
295
406
|
suffix: /*#__PURE__*/_react.default.createElement(_popover.default, {
|
|
296
407
|
content: /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -306,41 +417,32 @@ function InputTable(prop) {
|
|
|
306
417
|
onVisibleChange: setVisible
|
|
307
418
|
}, /*#__PURE__*/_react.default.createElement(_icons.MoreOutlined, {
|
|
308
419
|
onClick: function onClick(e) {
|
|
420
|
+
if (rest.disabled || (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.disabled)) return;
|
|
309
421
|
setVisible(true);
|
|
310
|
-
e.stopPropagation && e.stopPropagation();
|
|
311
422
|
}
|
|
312
423
|
})),
|
|
313
424
|
onClick: function onClick() {
|
|
314
|
-
if (readonly) return;
|
|
425
|
+
if (!readonly) return;
|
|
315
426
|
setVisible(true);
|
|
316
427
|
},
|
|
317
|
-
onInput:
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
formValue[name] = val;
|
|
323
|
-
formValue[textNameProp] = val;
|
|
324
|
-
setText(val);
|
|
325
|
-
formRef.current.setFieldsValue((0, _objectSpread2.default)({}, formValue));
|
|
428
|
+
onInput: onInput,
|
|
429
|
+
onPressEnter: function onPressEnter(e) {
|
|
430
|
+
if (triggerCheck === 'entry') {
|
|
431
|
+
onQuery(e);
|
|
432
|
+
}
|
|
326
433
|
},
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
var _formRef$current9;
|
|
331
|
-
|
|
332
|
-
setText('');
|
|
333
|
-
var formValue = formRef === null || formRef === void 0 ? void 0 : (_formRef$current9 = formRef.current) === null || _formRef$current9 === void 0 ? void 0 : _formRef$current9.getFieldsValue();
|
|
334
|
-
formValue[name] = '';
|
|
335
|
-
formValue[textNameProp] = '';
|
|
336
|
-
formRef.current.setFieldsValue((0, _objectSpread2.default)({}, formValue));
|
|
434
|
+
onBlur: function onBlur(e) {
|
|
435
|
+
if (triggerCheck === 'blur') {
|
|
436
|
+
onQuery(e);
|
|
337
437
|
}
|
|
338
438
|
},
|
|
439
|
+
onChange: clearValue,
|
|
339
440
|
readOnly: readonly,
|
|
340
441
|
value: text,
|
|
341
|
-
allowClear: allowClear
|
|
442
|
+
allowClear: allowClear,
|
|
443
|
+
ref: inputRef
|
|
342
444
|
}, fieldProps)));
|
|
343
|
-
}
|
|
445
|
+
});
|
|
344
446
|
|
|
345
447
|
var _default = InputTable;
|
|
346
448
|
exports.default = _default;
|