ls-pro-common 3.0.88 → 3.0.90
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.js +1 -1
- package/dist/common.min.js +1 -1
- package/es/components/InputMultiLine.js +15 -25
- package/es/components/InputTable.d.ts +7 -1
- package/es/components/InputTable.js +117 -163
- package/es/hooks/useDict.d.ts +26 -0
- package/es/hooks/useDict.js +60 -0
- package/es/http/index.js +13 -8
- package/es/index.d.ts +4 -2
- package/es/index.js +2 -1
- package/lib/components/InputMultiLine.js +15 -25
- package/lib/components/InputTable.d.ts +7 -1
- package/lib/components/InputTable.js +117 -163
- package/lib/hooks/useDict.d.ts +26 -0
- package/lib/hooks/useDict.js +60 -0
- package/lib/http/index.js +13 -8
- package/lib/index.d.ts +4 -2
- package/lib/index.js +2 -1
- package/package.json +1 -1
|
@@ -7,7 +7,7 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
|
7
7
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
8
8
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
9
9
|
var _excluded = ["name", "rows", "maxRows", "placement", "popWidth", "fieldProps", "defaultValue", "allowClear", "getPopupContainer", "textAreaProps", "value", "label", "textareaPlaceholder", "onChange"];
|
|
10
|
-
import React, { useRef, useState, useEffect, useContext,
|
|
10
|
+
import React, { useRef, useState, useEffect, useContext, useImperativeHandle } from 'react';
|
|
11
11
|
import { ProFormText, ProFormContext } from 'ls-pro-form';
|
|
12
12
|
import { UnorderedListOutlined } from '@ant-design/icons';
|
|
13
13
|
var InputMultiLine = /*#__PURE__*/React.forwardRef(function (prop, ref) {
|
|
@@ -76,13 +76,13 @@ var InputMultiLine = /*#__PURE__*/React.forwardRef(function (prop, ref) {
|
|
|
76
76
|
_onChange === null || _onChange === void 0 ? void 0 : _onChange(val);
|
|
77
77
|
setValue(val);
|
|
78
78
|
};
|
|
79
|
-
var
|
|
80
|
-
|
|
79
|
+
var InputDom = /*#__PURE__*/React.createElement(_Input, _extends({
|
|
80
|
+
suffix: /*#__PURE__*/React.createElement(_Popover, {
|
|
81
81
|
getPopupContainer: getPopupContainer,
|
|
82
82
|
trigger: "click",
|
|
83
83
|
placement: placement,
|
|
84
|
-
|
|
85
|
-
|
|
84
|
+
open: rest.disabled || (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.disabled) ? false : visible,
|
|
85
|
+
onOpenChange: function onOpenChange(flag) {
|
|
86
86
|
setVisible(flag);
|
|
87
87
|
if (flag) {
|
|
88
88
|
var _textareaRef$current;
|
|
@@ -128,32 +128,22 @@ var InputMultiLine = /*#__PURE__*/React.forwardRef(function (prop, ref) {
|
|
|
128
128
|
if (rest.readonly || rest.disabled) return;
|
|
129
129
|
setVisible(true);
|
|
130
130
|
}
|
|
131
|
-
}))
|
|
132
|
-
}, [visible, popWidth, lineText, value, name, label, rest]);
|
|
133
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, label && name ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ProFormText, _extends({
|
|
134
|
-
name: name,
|
|
135
|
-
label: label
|
|
136
|
-
}, rest), /*#__PURE__*/React.createElement(_Input, _extends({
|
|
137
|
-
suffix: PopoverDom,
|
|
131
|
+
})),
|
|
138
132
|
placeholder: (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.placeholder) || '请输入',
|
|
139
133
|
allowClear: allowClear
|
|
140
134
|
}, fieldProps, {
|
|
141
135
|
ref: inputRef,
|
|
142
|
-
value: innerValue,
|
|
136
|
+
value: label && name ? innerValue : value,
|
|
143
137
|
onChange: function onChange(e) {
|
|
144
138
|
_onChange === null || _onChange === void 0 ? void 0 : _onChange(e.target.value);
|
|
145
|
-
|
|
139
|
+
if (label && name) {
|
|
140
|
+
setValue(e.target.value);
|
|
141
|
+
}
|
|
146
142
|
}
|
|
147
|
-
}))
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
},
|
|
152
|
-
onChange: function onChange(e) {
|
|
153
|
-
_onChange === null || _onChange === void 0 ? void 0 : _onChange(e.target.value);
|
|
154
|
-
},
|
|
155
|
-
ref: inputRef,
|
|
156
|
-
value: value
|
|
157
|
-
})));
|
|
143
|
+
}));
|
|
144
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, label && name ? /*#__PURE__*/React.createElement(ProFormText, _extends({
|
|
145
|
+
name: name,
|
|
146
|
+
label: label
|
|
147
|
+
}, rest), InputDom) : InputDom);
|
|
158
148
|
});
|
|
159
149
|
export default InputMultiLine;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { InputProps } from 'antd';
|
|
3
3
|
import type { ProFormItemProps } from 'ls-pro-form';
|
|
4
|
-
import { TooltipPlacement } from 'antd/
|
|
4
|
+
import type { TooltipPlacement } from 'antd/es/tooltip';
|
|
5
5
|
export declare type InputTableProps = ProFormItemProps<InputProps> & {
|
|
6
6
|
/** @name 弹框选择表格列配置 */
|
|
7
7
|
columns: any[];
|
|
@@ -41,7 +41,10 @@ export declare type InputTableProps = ProFormItemProps<InputProps> & {
|
|
|
41
41
|
arrowPointAtCenter?: boolean;
|
|
42
42
|
method?: 'GET' | 'POST';
|
|
43
43
|
rowKey?: any;
|
|
44
|
+
record?: any;
|
|
44
45
|
changeOnSelect?: boolean;
|
|
46
|
+
value?: string;
|
|
47
|
+
onChange?: (value?: string) => void;
|
|
45
48
|
/** @name 选择行事件 */
|
|
46
49
|
onSelectChange?: (item: any, formRef?: any) => void;
|
|
47
50
|
/** @name 加载之前事件,param为查询条件对象,可以通过此方法调整 */
|
|
@@ -98,7 +101,10 @@ declare const InputTable: React.ForwardRefExoticComponent<{
|
|
|
98
101
|
arrowPointAtCenter?: boolean | undefined;
|
|
99
102
|
method?: "POST" | "GET" | undefined;
|
|
100
103
|
rowKey?: any;
|
|
104
|
+
record?: any;
|
|
101
105
|
changeOnSelect?: boolean | undefined;
|
|
106
|
+
value?: string | undefined;
|
|
107
|
+
onChange?: ((value?: string | undefined) => void) | undefined;
|
|
102
108
|
/** @name 选择行事件 */
|
|
103
109
|
onSelectChange?: ((item: any, formRef?: any) => void) | undefined;
|
|
104
110
|
/** @name 加载之前事件,param为查询条件对象,可以通过此方法调整 */
|
|
@@ -7,11 +7,11 @@ import "antd/es/button/style";
|
|
|
7
7
|
import _Button from "antd/es/button";
|
|
8
8
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
9
9
|
import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
|
|
10
|
-
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
11
10
|
import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
|
|
12
11
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
12
|
+
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
13
13
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
14
|
-
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", "rowKey", "method", "changeOnSelect"],
|
|
14
|
+
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", "rowKey", "method", "changeOnSelect", "record"],
|
|
15
15
|
_excluded2 = ["current", "pageSize"];
|
|
16
16
|
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
17
17
|
import React, { useRef, useState, useEffect, useContext, useMemo, useImperativeHandle } from 'react';
|
|
@@ -34,13 +34,15 @@ var InputTable = /*#__PURE__*/React.forwardRef(function (prop, ref) {
|
|
|
34
34
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
35
35
|
visible = _useState4[0],
|
|
36
36
|
setVisible = _useState4[1];
|
|
37
|
-
var _useState5 = useState(''),
|
|
37
|
+
var _useState5 = useState(prop.value || ''),
|
|
38
38
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
39
39
|
text = _useState6[0],
|
|
40
40
|
setText = _useState6[1];
|
|
41
41
|
var inputRef = useRef();
|
|
42
42
|
useImperativeHandle(ref, function () {
|
|
43
|
-
return inputRef.current
|
|
43
|
+
return _objectSpread(_objectSpread({}, inputRef.current), {}, {
|
|
44
|
+
clear: handleClear
|
|
45
|
+
});
|
|
44
46
|
});
|
|
45
47
|
var columns = prop.columns,
|
|
46
48
|
url = prop.url,
|
|
@@ -87,6 +89,7 @@ var InputTable = /*#__PURE__*/React.forwardRef(function (prop, ref) {
|
|
|
87
89
|
method = _prop$method === void 0 ? 'GET' : _prop$method,
|
|
88
90
|
_prop$changeOnSelect = prop.changeOnSelect,
|
|
89
91
|
changeOnSelect = _prop$changeOnSelect === void 0 ? true : _prop$changeOnSelect,
|
|
92
|
+
record = prop.record,
|
|
90
93
|
rest = _objectWithoutProperties(prop, _excluded);
|
|
91
94
|
if (!valueField && isDev) {
|
|
92
95
|
console.error('valueField 属性必须设置');
|
|
@@ -100,7 +103,7 @@ var InputTable = /*#__PURE__*/React.forwardRef(function (prop, ref) {
|
|
|
100
103
|
var tableKey = (tableConfig === null || tableConfig === void 0 ? void 0 : tableConfig.rowKey) || valueField || 'id';
|
|
101
104
|
//显示输入框绑定的name,如果不设置textName,设置为$name__text
|
|
102
105
|
var textNameProp = useMemo(function () {
|
|
103
|
-
return textName
|
|
106
|
+
return textName ? textName : name + '__text';
|
|
104
107
|
}, [textName, name]);
|
|
105
108
|
// 输入框回车时,调用查询参数字段
|
|
106
109
|
var searchKey = useMemo(function () {
|
|
@@ -123,11 +126,11 @@ var InputTable = /*#__PURE__*/React.forwardRef(function (prop, ref) {
|
|
|
123
126
|
}, [columns, searchField, valueField, textField]);
|
|
124
127
|
var loadData = /*#__PURE__*/function () {
|
|
125
128
|
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(param) {
|
|
126
|
-
var current, pageSize,
|
|
129
|
+
var current, pageSize, restParams, data, _tableRef$current, _tableRef$current$cle, result, rows, formValue, val, _selectRowRef$current, arr, pageSelectedRows;
|
|
127
130
|
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
|
128
131
|
while (1) switch (_context.prev = _context.next) {
|
|
129
132
|
case 0:
|
|
130
|
-
current = param.current, pageSize = param.pageSize,
|
|
133
|
+
current = param.current, pageSize = param.pageSize, restParams = _objectWithoutProperties(param, _excluded2);
|
|
131
134
|
data = {};
|
|
132
135
|
if (isV2) {
|
|
133
136
|
data['page.pn'] = current;
|
|
@@ -136,10 +139,10 @@ var InputTable = /*#__PURE__*/React.forwardRef(function (prop, ref) {
|
|
|
136
139
|
data.page = current;
|
|
137
140
|
data.pageSize = pageSize;
|
|
138
141
|
}
|
|
139
|
-
if (Object.keys(
|
|
140
|
-
data.where =
|
|
142
|
+
if (Object.keys(restParams).length && !isV2) {
|
|
143
|
+
data.where = restParams;
|
|
141
144
|
} else {
|
|
142
|
-
data = _objectSpread(_objectSpread({}, data),
|
|
145
|
+
data = _objectSpread(_objectSpread({}, data), restParams);
|
|
143
146
|
}
|
|
144
147
|
if (!keepSelect) {
|
|
145
148
|
selectRowRef.current = [];
|
|
@@ -170,7 +173,8 @@ var InputTable = /*#__PURE__*/React.forwardRef(function (prop, ref) {
|
|
|
170
173
|
}
|
|
171
174
|
// 多选时,找出当前页的默认选中项
|
|
172
175
|
if (multiple) {
|
|
173
|
-
|
|
176
|
+
formValue = getFormValue();
|
|
177
|
+
val = formValue[name] || (record === null || record === void 0 ? void 0 : record[name]);
|
|
174
178
|
if (val) {
|
|
175
179
|
arr = val.split(',');
|
|
176
180
|
pageSelectedRows = rows.filter(function (row) {
|
|
@@ -203,46 +207,69 @@ var InputTable = /*#__PURE__*/React.forwardRef(function (prop, ref) {
|
|
|
203
207
|
return _ref.apply(this, arguments);
|
|
204
208
|
};
|
|
205
209
|
}();
|
|
206
|
-
|
|
210
|
+
var getFormValue = function getFormValue() {
|
|
211
|
+
var _formRef$current2, _formRef$current2$get;
|
|
212
|
+
if (rowKey) {
|
|
213
|
+
var _formRef$current, _formRef$current$getF, _formRef$current$getF2;
|
|
214
|
+
return formRef === null || formRef === void 0 ? void 0 : (_formRef$current = formRef.current) === null || _formRef$current === void 0 ? void 0 : (_formRef$current$getF = _formRef$current.getFieldsValue) === null || _formRef$current$getF === void 0 ? void 0 : (_formRef$current$getF2 = _formRef$current$getF.call(_formRef$current)) === null || _formRef$current$getF2 === void 0 ? void 0 : _formRef$current$getF2[rowKey];
|
|
215
|
+
}
|
|
216
|
+
return formRef === null || formRef === void 0 ? void 0 : (_formRef$current2 = formRef.current) === null || _formRef$current2 === void 0 ? void 0 : (_formRef$current2$get = _formRef$current2.getFieldsValue) === null || _formRef$current2$get === void 0 ? void 0 : _formRef$current2$get.call(_formRef$current2);
|
|
217
|
+
};
|
|
218
|
+
var setFormValue = function setFormValue(formValue) {
|
|
219
|
+
if (rowKey) {
|
|
220
|
+
var _formRef$current3, _formRef$current3$set;
|
|
221
|
+
formRef === null || formRef === void 0 ? void 0 : (_formRef$current3 = formRef.current) === null || _formRef$current3 === void 0 ? void 0 : (_formRef$current3$set = _formRef$current3.setFieldsValue) === null || _formRef$current3$set === void 0 ? void 0 : _formRef$current3$set.call(_formRef$current3, _defineProperty({}, rowKey, formValue));
|
|
222
|
+
} else {
|
|
223
|
+
var _formRef$current4, _formRef$current4$set;
|
|
224
|
+
formRef === null || formRef === void 0 ? void 0 : (_formRef$current4 = formRef.current) === null || _formRef$current4 === void 0 ? void 0 : (_formRef$current4$set = _formRef$current4.setFieldsValue) === null || _formRef$current4$set === void 0 ? void 0 : _formRef$current4$set.call(_formRef$current4, formValue);
|
|
225
|
+
}
|
|
226
|
+
};
|
|
227
|
+
// 初始化数据,主要设置名称
|
|
207
228
|
useEffect(function () {
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
var _formRef$current3, _formRef$current3$get, _formRef$current4, _formRef$current4$get;
|
|
221
|
-
txt = formRef === null || formRef === void 0 ? void 0 : (_formRef$current3 = formRef.current) === null || _formRef$current3 === void 0 ? void 0 : (_formRef$current3$get = _formRef$current3.getFieldValue) === null || _formRef$current3$get === void 0 ? void 0 : _formRef$current3$get.call(_formRef$current3, textNameProp);
|
|
222
|
-
val = formRef === null || formRef === void 0 ? void 0 : (_formRef$current4 = formRef.current) === null || _formRef$current4 === void 0 ? void 0 : (_formRef$current4$get = _formRef$current4.getFieldValue) === null || _formRef$current4$get === void 0 ? void 0 : _formRef$current4$get.call(_formRef$current4, name);
|
|
223
|
-
}
|
|
224
|
-
if (txt) {
|
|
225
|
-
setText(txt);
|
|
226
|
-
} else if (val) {
|
|
227
|
-
setText(val);
|
|
228
|
-
if (rowKey) {
|
|
229
|
-
var _formRef$current5, _formRef$current5$set;
|
|
230
|
-
formRef === null || formRef === void 0 ? void 0 : (_formRef$current5 = formRef.current) === null || _formRef$current5 === void 0 ? void 0 : (_formRef$current5$set = _formRef$current5.setFieldsValue) === null || _formRef$current5$set === void 0 ? void 0 : _formRef$current5$set.call(_formRef$current5, _defineProperty({}, rowKey, _objectSpread(_objectSpread({}, row), {}, _defineProperty({}, textNameProp, val))));
|
|
231
|
-
} else {
|
|
232
|
-
var _formRef$current6, _formRef$current6$set;
|
|
233
|
-
formRef === null || formRef === void 0 ? void 0 : (_formRef$current6 = formRef.current) === null || _formRef$current6 === void 0 ? void 0 : (_formRef$current6$set = _formRef$current6.setFieldsValue) === null || _formRef$current6$set === void 0 ? void 0 : _formRef$current6$set.call(_formRef$current6, _defineProperty({}, textNameProp, val));
|
|
234
|
-
}
|
|
235
|
-
}
|
|
236
|
-
}, 0);
|
|
229
|
+
var _formValue$textNamePr, _formValue$name;
|
|
230
|
+
var formValue = getFormValue();
|
|
231
|
+
var txt = (_formValue$textNamePr = formValue === null || formValue === void 0 ? void 0 : formValue[textNameProp]) !== null && _formValue$textNamePr !== void 0 ? _formValue$textNamePr : record === null || record === void 0 ? void 0 : record[textNameProp];
|
|
232
|
+
var val = (_formValue$name = formValue === null || formValue === void 0 ? void 0 : formValue[name]) !== null && _formValue$name !== void 0 ? _formValue$name : record === null || record === void 0 ? void 0 : record[name];
|
|
233
|
+
setText(txt !== null && txt !== void 0 ? txt : val);
|
|
234
|
+
if (val && !txt) {
|
|
235
|
+
formValue[textNameProp] = val;
|
|
236
|
+
setFormValue(formValue);
|
|
237
|
+
// if (textField !== valueField) {
|
|
238
|
+
// initName(val);
|
|
239
|
+
//}
|
|
240
|
+
}
|
|
237
241
|
}, [rowKey]);
|
|
242
|
+
// 跨页显示有问题
|
|
243
|
+
var initName = function initName(val) {
|
|
244
|
+
var _columns$find;
|
|
245
|
+
if (!val) return;
|
|
246
|
+
var fieldName = ((_columns$find = columns.find(function (o) {
|
|
247
|
+
return o.dataIndex === valueField;
|
|
248
|
+
})) === null || _columns$find === void 0 ? void 0 : _columns$find.searchField) || valueField;
|
|
249
|
+
var param = {
|
|
250
|
+
current: 1,
|
|
251
|
+
pageSize: 10
|
|
252
|
+
};
|
|
253
|
+
if (Array.isArray(val)) val = val.join(',');
|
|
254
|
+
if (val.toString().includes(',')) {
|
|
255
|
+
fieldName += '_in';
|
|
256
|
+
}
|
|
257
|
+
param[fieldName] = val;
|
|
258
|
+
loadData(param).then(function (result) {
|
|
259
|
+
var rows = result.data || [];
|
|
260
|
+
var txt = rows.map(function (o) {
|
|
261
|
+
return o[textField];
|
|
262
|
+
}).join(',') || val;
|
|
263
|
+
var formValue = getFormValue(); //重新取一次
|
|
264
|
+
formValue[textNameProp] = txt;
|
|
265
|
+
setText(txt);
|
|
266
|
+
setFormValue(formValue);
|
|
267
|
+
});
|
|
268
|
+
};
|
|
238
269
|
// 处理返回数据
|
|
239
270
|
var handleValue = function handleValue(row) {
|
|
240
|
-
var _formRef$current7, _formRef$current7$get;
|
|
241
271
|
var close = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
|
242
|
-
var formValue = (
|
|
243
|
-
if (rowKey) {
|
|
244
|
-
formValue = formValue[rowKey] || {};
|
|
245
|
-
}
|
|
272
|
+
var formValue = getFormValue();
|
|
246
273
|
if (!formValue) return;
|
|
247
274
|
var txt;
|
|
248
275
|
//支持多选
|
|
@@ -277,22 +304,22 @@ var InputTable = /*#__PURE__*/React.forwardRef(function (prop, ref) {
|
|
|
277
304
|
}
|
|
278
305
|
formValue[textNameProp] = txt;
|
|
279
306
|
setText(txt);
|
|
307
|
+
setFormValue(formValue);
|
|
308
|
+
onSelectChange === null || onSelectChange === void 0 ? void 0 : onSelectChange(row, formRef);
|
|
280
309
|
if (close) {
|
|
281
310
|
setVisible(false);
|
|
282
311
|
}
|
|
283
|
-
if (rowKey) {
|
|
284
|
-
var _formRef$current8, _formRef$current8$set;
|
|
285
|
-
formRef === null || formRef === void 0 ? void 0 : (_formRef$current8 = formRef.current) === null || _formRef$current8 === void 0 ? void 0 : (_formRef$current8$set = _formRef$current8.setFieldsValue) === null || _formRef$current8$set === void 0 ? void 0 : _formRef$current8$set.call(_formRef$current8, _defineProperty({}, rowKey, formValue));
|
|
286
|
-
} else {
|
|
287
|
-
var _formRef$current9, _formRef$current9$set;
|
|
288
|
-
formRef === null || formRef === void 0 ? void 0 : (_formRef$current9 = formRef.current) === null || _formRef$current9 === void 0 ? void 0 : (_formRef$current9$set = _formRef$current9.setFieldsValue) === null || _formRef$current9$set === void 0 ? void 0 : _formRef$current9$set.call(_formRef$current9, _objectSpread({}, formValue));
|
|
289
|
-
}
|
|
290
|
-
onSelectChange === null || onSelectChange === void 0 ? void 0 : onSelectChange(row, formRef);
|
|
291
312
|
};
|
|
292
313
|
var handleClear = function handleClear() {
|
|
293
314
|
var _tableRef$current2, _tableRef$current2$cl;
|
|
294
315
|
selectRowRef.current = [];
|
|
316
|
+
setSelectedKeys([]);
|
|
295
317
|
(_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);
|
|
318
|
+
setText('');
|
|
319
|
+
var formValue = getFormValue();
|
|
320
|
+
formValue[name] = undefined;
|
|
321
|
+
formValue[textNameProp] = undefined;
|
|
322
|
+
setFormValue(formValue);
|
|
296
323
|
};
|
|
297
324
|
// 可输入时,回车或失去焦点调接口查询数据
|
|
298
325
|
var onQuery = function onQuery(e) {
|
|
@@ -321,45 +348,21 @@ var InputTable = /*#__PURE__*/React.forwardRef(function (prop, ref) {
|
|
|
321
348
|
};
|
|
322
349
|
//直接输入不回车,value 和 text 为同一个值
|
|
323
350
|
var onInput = function onInput(e) {
|
|
324
|
-
var
|
|
325
|
-
var formValue = (formRef === null || formRef === void 0 ? void 0 : (_formRef$current10 = formRef.current) === null || _formRef$current10 === void 0 ? void 0 : (_formRef$current10$ge = _formRef$current10.getFieldsValue) === null || _formRef$current10$ge === void 0 ? void 0 : _formRef$current10$ge.call(_formRef$current10)) || {};
|
|
326
|
-
if (rowKey) {
|
|
327
|
-
formValue = formValue[rowKey] || {};
|
|
328
|
-
}
|
|
351
|
+
var formValue = getFormValue();
|
|
329
352
|
var val = e.target.value;
|
|
330
353
|
formValue[name] = val;
|
|
331
354
|
formValue[textNameProp] = val;
|
|
332
355
|
setText(val);
|
|
333
|
-
|
|
334
|
-
var _formRef$current11, _formRef$current11$se;
|
|
335
|
-
formRef === null || formRef === void 0 ? void 0 : (_formRef$current11 = formRef.current) === null || _formRef$current11 === void 0 ? void 0 : (_formRef$current11$se = _formRef$current11.setFieldsValue) === null || _formRef$current11$se === void 0 ? void 0 : _formRef$current11$se.call(_formRef$current11, _defineProperty({}, rowKey, formValue));
|
|
336
|
-
} else {
|
|
337
|
-
var _formRef$current12, _formRef$current12$se;
|
|
338
|
-
formRef === null || formRef === void 0 ? void 0 : (_formRef$current12 = formRef.current) === null || _formRef$current12 === void 0 ? void 0 : (_formRef$current12$se = _formRef$current12.setFieldsValue) === null || _formRef$current12$se === void 0 ? void 0 : _formRef$current12$se.call(_formRef$current12, _objectSpread({}, formValue));
|
|
339
|
-
}
|
|
356
|
+
setFormValue(formValue);
|
|
340
357
|
};
|
|
341
358
|
// 当表单重置或点clear时,处理值
|
|
342
359
|
var clearValue = function clearValue(e) {
|
|
343
360
|
if (!e.target.value) {
|
|
344
|
-
|
|
345
|
-
setText('');
|
|
346
|
-
var formValue = (formRef === null || formRef === void 0 ? void 0 : (_formRef$current13 = formRef.current) === null || _formRef$current13 === void 0 ? void 0 : (_formRef$current13$ge = _formRef$current13.getFieldsValue) === null || _formRef$current13$ge === void 0 ? void 0 : _formRef$current13$ge.call(_formRef$current13)) || {};
|
|
347
|
-
if (rowKey) {
|
|
348
|
-
formValue = formValue[rowKey] || {};
|
|
349
|
-
}
|
|
350
|
-
formValue[name] = '';
|
|
351
|
-
formValue[textNameProp] = '';
|
|
352
|
-
if (rowKey) {
|
|
353
|
-
var _formRef$current14, _formRef$current14$se;
|
|
354
|
-
formRef === null || formRef === void 0 ? void 0 : (_formRef$current14 = formRef.current) === null || _formRef$current14 === void 0 ? void 0 : (_formRef$current14$se = _formRef$current14.setFieldsValue) === null || _formRef$current14$se === void 0 ? void 0 : _formRef$current14$se.call(_formRef$current14, _defineProperty({}, rowKey, formValue));
|
|
355
|
-
} else {
|
|
356
|
-
var _formRef$current15, _formRef$current15$se;
|
|
357
|
-
formRef === null || formRef === void 0 ? void 0 : (_formRef$current15 = formRef.current) === null || _formRef$current15 === void 0 ? void 0 : (_formRef$current15$se = _formRef$current15.setFieldsValue) === null || _formRef$current15$se === void 0 ? void 0 : _formRef$current15$se.call(_formRef$current15, _objectSpread({}, formValue));
|
|
358
|
-
}
|
|
361
|
+
handleClear();
|
|
359
362
|
if (onSelectChange) {
|
|
360
363
|
try {
|
|
361
364
|
onSelectChange(null, formRef);
|
|
362
|
-
} catch (
|
|
365
|
+
} catch (error) {}
|
|
363
366
|
}
|
|
364
367
|
}
|
|
365
368
|
};
|
|
@@ -376,12 +379,6 @@ var InputTable = /*#__PURE__*/React.forwardRef(function (prop, ref) {
|
|
|
376
379
|
(_tableRef$current4 = tableRef.current) === null || _tableRef$current4 === void 0 ? void 0 : (_tableRef$current4$re = _tableRef$current4.reload) === null || _tableRef$current4$re === void 0 ? void 0 : _tableRef$current4$re.call(_tableRef$current4);
|
|
377
380
|
}
|
|
378
381
|
}, [visible, loadOnShow]);
|
|
379
|
-
useEffect(function () {
|
|
380
|
-
// if (!visible || !multiple || !text) return;
|
|
381
|
-
// const list = tableRef.current?.getDatasource();
|
|
382
|
-
// if (list?.length > 0 && selectRowRef.current.length === 0) {
|
|
383
|
-
// }
|
|
384
|
-
}, [visible, text]);
|
|
385
382
|
var tableDom = /*#__PURE__*/React.createElement(ProTable, _extends({
|
|
386
383
|
className: "ls-input-table",
|
|
387
384
|
columns: columns,
|
|
@@ -403,11 +400,11 @@ var InputTable = /*#__PURE__*/React.forwardRef(function (prop, ref) {
|
|
|
403
400
|
},
|
|
404
401
|
height: 'full',
|
|
405
402
|
rowKey: tableKey,
|
|
406
|
-
onRow: function onRow(
|
|
403
|
+
onRow: function onRow(rowData) {
|
|
407
404
|
return {
|
|
408
405
|
onDoubleClick: function onDoubleClick() {
|
|
409
406
|
if (!multiple) {
|
|
410
|
-
handleValue(
|
|
407
|
+
handleValue(rowData);
|
|
411
408
|
}
|
|
412
409
|
}
|
|
413
410
|
};
|
|
@@ -443,28 +440,7 @@ var InputTable = /*#__PURE__*/React.forwardRef(function (prop, ref) {
|
|
|
443
440
|
showClear: true,
|
|
444
441
|
selectedTagField: textField || valueField
|
|
445
442
|
}));
|
|
446
|
-
|
|
447
|
-
useEffect(function () {
|
|
448
|
-
if (rest.disabled || (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.disabled)) return;
|
|
449
|
-
try {
|
|
450
|
-
var el = inputRef.current.input.parentNode;
|
|
451
|
-
if (!el) return;
|
|
452
|
-
if (text) {
|
|
453
|
-
el.classList.add('ant-input-has-value');
|
|
454
|
-
} else {
|
|
455
|
-
el.classList.remove('ant-input-has-value');
|
|
456
|
-
}
|
|
457
|
-
} catch (e) {}
|
|
458
|
-
}, [text, rest, fieldProps]);
|
|
459
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
460
|
-
style: {
|
|
461
|
-
display: 'none'
|
|
462
|
-
}
|
|
463
|
-
}, /*#__PURE__*/React.createElement(ProFormText, {
|
|
464
|
-
name: name
|
|
465
|
-
})), rest.label ? /*#__PURE__*/React.createElement(ProFormText, _extends({
|
|
466
|
-
name: textNameProp
|
|
467
|
-
}, rest), /*#__PURE__*/React.createElement(_Input, _extends({
|
|
443
|
+
var InputDom = /*#__PURE__*/React.createElement(_Input, _extends({
|
|
468
444
|
suffix: /*#__PURE__*/React.createElement(_Popover, {
|
|
469
445
|
content: /*#__PURE__*/React.createElement("div", {
|
|
470
446
|
style: {
|
|
@@ -481,13 +457,13 @@ var InputTable = /*#__PURE__*/React.forwardRef(function (prop, ref) {
|
|
|
481
457
|
overlayStyle: {
|
|
482
458
|
width: 'max-content'
|
|
483
459
|
},
|
|
484
|
-
|
|
485
|
-
|
|
460
|
+
open: rest.disabled || (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.disabled) ? false : visible,
|
|
461
|
+
onOpenChange: setVisible,
|
|
486
462
|
getPopupContainer: getPopupContainer,
|
|
487
463
|
placement: placement,
|
|
488
464
|
arrowPointAtCenter: arrowPointAtCenter
|
|
489
465
|
}, /*#__PURE__*/React.createElement(MoreOutlined, {
|
|
490
|
-
onClick: function onClick(
|
|
466
|
+
onClick: function onClick() {
|
|
491
467
|
if (rest.disabled || (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.disabled)) return;
|
|
492
468
|
setVisible(true);
|
|
493
469
|
}
|
|
@@ -512,54 +488,32 @@ var InputTable = /*#__PURE__*/React.forwardRef(function (prop, ref) {
|
|
|
512
488
|
readOnly: readonly,
|
|
513
489
|
allowClear: allowClear,
|
|
514
490
|
ref: inputRef
|
|
515
|
-
},
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
},
|
|
529
|
-
overlayStyle: {
|
|
530
|
-
width: 'max-content'
|
|
531
|
-
},
|
|
532
|
-
visible: rest.disabled || (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.disabled) ? false : visible,
|
|
533
|
-
onVisibleChange: setVisible,
|
|
534
|
-
getPopupContainer: getPopupContainer,
|
|
535
|
-
placement: placement,
|
|
536
|
-
arrowPointAtCenter: arrowPointAtCenter
|
|
537
|
-
}, /*#__PURE__*/React.createElement(MoreOutlined, {
|
|
538
|
-
onClick: function onClick(e) {
|
|
539
|
-
if (rest.disabled || (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.disabled)) return;
|
|
540
|
-
setVisible(true);
|
|
541
|
-
}
|
|
542
|
-
})),
|
|
543
|
-
onClick: function onClick() {
|
|
544
|
-
if (!readonly) return;
|
|
545
|
-
setVisible(true);
|
|
546
|
-
},
|
|
547
|
-
onInput: onInput,
|
|
548
|
-
onPressEnter: function onPressEnter(e) {
|
|
549
|
-
if (triggerCheck === 'entry') {
|
|
550
|
-
onQuery(e);
|
|
551
|
-
}
|
|
552
|
-
},
|
|
553
|
-
onBlur: function onBlur(e) {
|
|
554
|
-
if (triggerCheck === 'blur') {
|
|
555
|
-
onQuery(e);
|
|
491
|
+
}, rest.label ? {} : {
|
|
492
|
+
value: text
|
|
493
|
+
}, fieldProps));
|
|
494
|
+
// 处理有值时,可清空
|
|
495
|
+
useEffect(function () {
|
|
496
|
+
if (rest.disabled || (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.disabled)) return;
|
|
497
|
+
try {
|
|
498
|
+
var el = inputRef.current.input.parentNode;
|
|
499
|
+
if (!el) return;
|
|
500
|
+
if (text) {
|
|
501
|
+
el.classList.add('ant-input-has-value');
|
|
502
|
+
} else {
|
|
503
|
+
el.classList.remove('ant-input-has-value');
|
|
556
504
|
}
|
|
557
|
-
}
|
|
558
|
-
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
},
|
|
505
|
+
} catch (e) {}
|
|
506
|
+
}, [text, rest, fieldProps]);
|
|
507
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
508
|
+
style: {
|
|
509
|
+
display: 'none'
|
|
510
|
+
}
|
|
511
|
+
}, /*#__PURE__*/React.createElement(ProFormText, {
|
|
512
|
+
name: name
|
|
513
|
+
})), /*#__PURE__*/React.createElement(ProFormText, _extends({
|
|
514
|
+
name: textNameProp
|
|
515
|
+
}, rest, {
|
|
516
|
+
noStyle: !rest.label
|
|
517
|
+
}), InputDom));
|
|
564
518
|
});
|
|
565
519
|
export default InputTable;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
declare type TOption = {
|
|
2
|
+
label: string;
|
|
3
|
+
value: any;
|
|
4
|
+
text?: string;
|
|
5
|
+
status?: number;
|
|
6
|
+
};
|
|
7
|
+
declare type TDictItem = {
|
|
8
|
+
dict: string;
|
|
9
|
+
showValue?: boolean;
|
|
10
|
+
/** 是否转换数字 */
|
|
11
|
+
isValNum?: boolean;
|
|
12
|
+
transform?: (data: TOption[]) => TOption[];
|
|
13
|
+
};
|
|
14
|
+
declare type TDictParams = Record<string, string | (() => Promise<TOption[]>) | TDictItem>;
|
|
15
|
+
/** 字典类型 */
|
|
16
|
+
export declare type TDict<T extends TDictParams> = {
|
|
17
|
+
[key in keyof T]?: TOption[];
|
|
18
|
+
};
|
|
19
|
+
/**
|
|
20
|
+
* 获取字典
|
|
21
|
+
*
|
|
22
|
+
* @param dicts 字典列表
|
|
23
|
+
* @param type 字典类型 默认 tenant
|
|
24
|
+
*/
|
|
25
|
+
export declare function useDict<T extends TDictParams>(dicts: T): { [key in keyof T]?: TOption[] | undefined; };
|
|
26
|
+
export {};
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
2
|
+
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
3
|
+
import { getDict } from '../http';
|
|
4
|
+
import { useEffect, useState } from 'react';
|
|
5
|
+
/** Value转换数字 */
|
|
6
|
+
var transformNum = function transformNum(options) {
|
|
7
|
+
return options.map(function (v) {
|
|
8
|
+
return _objectSpread(_objectSpread({}, v), {}, {
|
|
9
|
+
value: Number(v.value)
|
|
10
|
+
});
|
|
11
|
+
});
|
|
12
|
+
};
|
|
13
|
+
/**
|
|
14
|
+
* 获取字典
|
|
15
|
+
*
|
|
16
|
+
* @param dicts 字典列表
|
|
17
|
+
* @param type 字典类型 默认 tenant
|
|
18
|
+
*/
|
|
19
|
+
export function useDict(dicts) {
|
|
20
|
+
var _useState = useState({}),
|
|
21
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
22
|
+
dictList = _useState2[0],
|
|
23
|
+
setDictList = _useState2[1];
|
|
24
|
+
useEffect(function () {
|
|
25
|
+
var keys = Object.keys(dicts);
|
|
26
|
+
var pList = [];
|
|
27
|
+
var result = {};
|
|
28
|
+
keys.forEach(function (k) {
|
|
29
|
+
if (typeof dicts[k] === 'string') {
|
|
30
|
+
pList.push(getDict(dicts[k]));
|
|
31
|
+
} else if (typeof dicts[k] === 'function') {
|
|
32
|
+
var fn = dicts[k];
|
|
33
|
+
pList.push(fn());
|
|
34
|
+
} else {
|
|
35
|
+
var _dicts$k = dicts[k],
|
|
36
|
+
dict = _dicts$k.dict,
|
|
37
|
+
showValue = _dicts$k.showValue,
|
|
38
|
+
isValNum = _dicts$k.isValNum,
|
|
39
|
+
_dicts$k$transform = _dicts$k.transform,
|
|
40
|
+
transform = _dicts$k$transform === void 0 ? function (d) {
|
|
41
|
+
return d;
|
|
42
|
+
} : _dicts$k$transform;
|
|
43
|
+
var _transform = transform;
|
|
44
|
+
if (isValNum) _transform = transformNum;
|
|
45
|
+
pList.push(getDict(dict, showValue).then(_transform));
|
|
46
|
+
}
|
|
47
|
+
});
|
|
48
|
+
Promise.allSettled(pList).then(function (res) {
|
|
49
|
+
res.forEach(function (v, i) {
|
|
50
|
+
if (v.status === 'fulfilled') {
|
|
51
|
+
result[keys[i]] = v.value;
|
|
52
|
+
} else {
|
|
53
|
+
result[keys[i]] = [];
|
|
54
|
+
}
|
|
55
|
+
});
|
|
56
|
+
setDictList(result);
|
|
57
|
+
});
|
|
58
|
+
}, []);
|
|
59
|
+
return dictList;
|
|
60
|
+
}
|