fan-standard-comp 3.1.6 → 3.1.8
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/fan-standard-comp.umd.js +2 -2
- package/es/FormComp/FieldComponent/ReUpload.js +7 -4
- package/es/FormComp/FieldComponent/index.js +2 -3
- package/es/FormComp/Uploader/index.js +2 -1
- package/es/StandardFilter/index.d.ts +1 -0
- package/es/StandardFilter/index.js +48 -51
- package/es/StandardFilter/style/index.less +3 -1
- package/lib/FormComp/FieldComponent/ReUpload.js +7 -4
- package/lib/FormComp/FieldComponent/index.js +2 -3
- package/lib/FormComp/Uploader/index.js +2 -1
- package/lib/StandardFilter/index.d.ts +1 -0
- package/lib/StandardFilter/index.js +47 -52
- package/lib/StandardFilter/style/index.less +3 -1
- package/package.json +1 -1
|
@@ -36,7 +36,9 @@ var ReUpload = /*#__PURE__*/React.forwardRef(function (deProps, ref) {
|
|
|
36
36
|
var viewOnly = deProps.viewOnly,
|
|
37
37
|
onChange = deProps.onChange,
|
|
38
38
|
value = deProps.value,
|
|
39
|
-
|
|
39
|
+
_deProps$modalConfig = deProps.modalConfig,
|
|
40
|
+
modalConfig = _deProps$modalConfig === void 0 ? {} : _deProps$modalConfig,
|
|
41
|
+
otherProps = __rest(deProps, ["viewOnly", "onChange", "value", "modalConfig"]);
|
|
40
42
|
|
|
41
43
|
var _useState = useState(),
|
|
42
44
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -106,7 +108,7 @@ var ReUpload = /*#__PURE__*/React.forwardRef(function (deProps, ref) {
|
|
|
106
108
|
onChange: uploadChange,
|
|
107
109
|
ref: ref,
|
|
108
110
|
className: viewOnly ? 'upload-viewonly' : ''
|
|
109
|
-
})), /*#__PURE__*/React.createElement(StandardModal, {
|
|
111
|
+
})), /*#__PURE__*/React.createElement(StandardModal, Object.assign({
|
|
110
112
|
visible: previewConfig.previewVisible,
|
|
111
113
|
hideFooter: true,
|
|
112
114
|
onCancel: function onCancel() {
|
|
@@ -115,8 +117,9 @@ var ReUpload = /*#__PURE__*/React.forwardRef(function (deProps, ref) {
|
|
|
115
117
|
previewImage: '',
|
|
116
118
|
previewTitle: ''
|
|
117
119
|
});
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
+
},
|
|
121
|
+
zIndex: 2000
|
|
122
|
+
}, modalConfig), /*#__PURE__*/React.createElement("div", {
|
|
120
123
|
style: {
|
|
121
124
|
textAlign: 'center'
|
|
122
125
|
}
|
|
@@ -53,7 +53,6 @@ var FieldComponent = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
53
53
|
disabled: 'disabled',
|
|
54
54
|
title: 'title'
|
|
55
55
|
} : _props$selectOptionNa,
|
|
56
|
-
fieldNames = props.fieldNames,
|
|
57
56
|
_props$treeOptionName = props.treeOptionName,
|
|
58
57
|
treeOptionName = _props$treeOptionName === void 0 ? {
|
|
59
58
|
title: 'title',
|
|
@@ -180,7 +179,7 @@ var FieldComponent = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
180
179
|
onChange: function onChange(value, Option) {
|
|
181
180
|
return _onChange(value, resetResultOption(Option));
|
|
182
181
|
}
|
|
183
|
-
}), fieldNames ? null : selectOptions.map(function (val, index) {
|
|
182
|
+
}), (defaultProps === null || defaultProps === void 0 ? void 0 : defaultProps.fieldNames) ? null : (selectOptions || []).map(function (val, index) {
|
|
184
183
|
return /*#__PURE__*/React.createElement(Option, {
|
|
185
184
|
value: val.value,
|
|
186
185
|
key: val.value || index,
|
|
@@ -360,7 +359,7 @@ var FieldComponent = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
360
359
|
}) : /*#__PURE__*/React.createElement(_Cascader, Object.assign({
|
|
361
360
|
options: selectOptions,
|
|
362
361
|
allowClear: true,
|
|
363
|
-
fieldNames: fieldNames || selectOptionName,
|
|
362
|
+
fieldNames: (defaultProps === null || defaultProps === void 0 ? void 0 : defaultProps.fieldNames) || selectOptionName,
|
|
364
363
|
placeholder: fieldStatus === 'disabled' || defaultProps.disabled ? '' : defaultProps.placeholder || placeholder || '请选择'
|
|
365
364
|
}, defaultProps));
|
|
366
365
|
break;
|
|
@@ -219,7 +219,8 @@ var Uploader = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
219
219
|
url: ''
|
|
220
220
|
});
|
|
221
221
|
},
|
|
222
|
-
size: modalSize
|
|
222
|
+
size: modalSize,
|
|
223
|
+
zIndex: 2000
|
|
223
224
|
}, modalConfig), /*#__PURE__*/React.createElement("div", {
|
|
224
225
|
style: {
|
|
225
226
|
textAlign: 'center'
|
|
@@ -26,6 +26,7 @@ declare class StandardFilter extends React.Component<StandardFilterProps, any> {
|
|
|
26
26
|
componentDidMount(): void;
|
|
27
27
|
componentDidUpdate(prevProps: StandardFilterProps): void;
|
|
28
28
|
updateFormFields: (newVal?: any, force?: boolean) => void;
|
|
29
|
+
forceUpdateForm: () => void;
|
|
29
30
|
handleSearch: (values: object) => void;
|
|
30
31
|
handleReset: () => void;
|
|
31
32
|
itemIsHide: (isHide: any) => any;
|
|
@@ -5,20 +5,6 @@ import _Button from "antd/es/button";
|
|
|
5
5
|
import "antd/es/form/style";
|
|
6
6
|
import _Form from "antd/es/form";
|
|
7
7
|
|
|
8
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
9
|
-
|
|
10
|
-
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
11
|
-
|
|
12
|
-
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
13
|
-
|
|
14
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
15
|
-
|
|
16
|
-
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
|
|
17
|
-
|
|
18
|
-
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
19
|
-
|
|
20
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
21
|
-
|
|
22
8
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
23
9
|
|
|
24
10
|
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
@@ -40,11 +26,11 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
|
|
|
40
26
|
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
41
27
|
|
|
42
28
|
import React from 'react';
|
|
43
|
-
import FieldComponent from '../FormComp/FieldComponent';
|
|
44
29
|
import UtilValueFormat from '../utils/ValueFormat.js';
|
|
45
|
-
import ButtonGroup from '../ButtonGroup/index';
|
|
46
|
-
|
|
30
|
+
import ButtonGroup from '../ButtonGroup/index'; // import { general } from '../data/index';
|
|
31
|
+
|
|
47
32
|
import './style/index.less';
|
|
33
|
+
import RenderItemGroup from '../FormComp/RenderItemGroup';
|
|
48
34
|
var FormItem = _Form.Item;
|
|
49
35
|
|
|
50
36
|
var StandardFilter = /*#__PURE__*/function (_React$Component) {
|
|
@@ -76,6 +62,12 @@ var StandardFilter = /*#__PURE__*/function (_React$Component) {
|
|
|
76
62
|
_this.filterFormRef.current.setFieldsValue(Object.assign(Object.assign({}, resetValues), newVal)); // 直接清空表单的赋值
|
|
77
63
|
|
|
78
64
|
|
|
65
|
+
if (getFormFields) getFormFields(_this.filterFormRef.current.getFieldsValue(), _this.filterFormRef);
|
|
66
|
+
}; // 强制更新表单值，用于赋初始化实例值
|
|
67
|
+
|
|
68
|
+
|
|
69
|
+
_this.forceUpdateForm = function () {
|
|
70
|
+
var getFormFields = _this.props.getFormFields;
|
|
79
71
|
if (getFormFields) getFormFields(_this.filterFormRef.current.getFieldsValue(), _this.filterFormRef);
|
|
80
72
|
};
|
|
81
73
|
|
|
@@ -129,40 +121,45 @@ var StandardFilter = /*#__PURE__*/function (_React$Component) {
|
|
|
129
121
|
var reFormItemGroup = _this.state.reFormItemGroup;
|
|
130
122
|
|
|
131
123
|
if (Array.isArray(reFormItemGroup)) {
|
|
132
|
-
return /*#__PURE__*/React.createElement(
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
124
|
+
return /*#__PURE__*/React.createElement(RenderItemGroup, {
|
|
125
|
+
itemGroup: reFormItemGroup,
|
|
126
|
+
layout: "inline",
|
|
127
|
+
form: _this.filterFormRef,
|
|
128
|
+
doUpdateFormFields: function doUpdateFormFields() {
|
|
129
|
+
return _this.forceUpdateForm();
|
|
130
|
+
}
|
|
131
|
+
});
|
|
132
|
+
/* return <>
|
|
133
|
+
{
|
|
134
|
+
reFormItemGroup.map((item, index) => {
|
|
135
|
+
const { componentStyle, isHide } = item
|
|
136
|
+
if (this.itemIsHide(isHide)) return null
|
|
137
|
+
return (
|
|
138
|
+
<FormItem key={item.filedName} label={item.label}
|
|
139
|
+
name={item.type !== 'custom' && item.filedName}
|
|
140
|
+
rules={item.rules || (item.fieldOptions ? item.fieldOptions.rules : [])}
|
|
141
|
+
{...item.protoFormItem}>
|
|
142
|
+
{
|
|
143
|
+
(item.type === 'custom' && item.customRender) ? item.customRender(this.filterFormRef, { ...item }) :
|
|
144
|
+
<FieldComponent {...item}
|
|
145
|
+
onChange={(val, ...otherParams) => {
|
|
146
|
+
let updateValue = val
|
|
147
|
+
if (item.type === 'input' || item.type === 'textarea' || item.type === 'radio') {
|
|
148
|
+
updateValue = val.target.value
|
|
149
|
+
}
|
|
150
|
+
if (Array.isArray(val)) {
|
|
151
|
+
updateValue = [...val]
|
|
152
|
+
}
|
|
153
|
+
this.updateFormFields({ [item.filedName]: updateValue })
|
|
154
|
+
if (item.onChange) item.onChange(val, this.filterFormRef, ...otherParams)
|
|
155
|
+
}}
|
|
156
|
+
style={{ width: item.type === 'checkbox' || item.type === 'radio' ? 'auto' : general.formItemStyle.xsm.width, ...componentStyle }}/>
|
|
157
|
+
}
|
|
158
|
+
</FormItem>
|
|
159
|
+
)
|
|
160
|
+
})
|
|
161
|
+
}
|
|
162
|
+
</>*/
|
|
166
163
|
}
|
|
167
164
|
|
|
168
165
|
return reFormItemGroup;
|
|
@@ -54,7 +54,9 @@ var ReUpload = /*#__PURE__*/_react.default.forwardRef(function (deProps, ref) {
|
|
|
54
54
|
var viewOnly = deProps.viewOnly,
|
|
55
55
|
onChange = deProps.onChange,
|
|
56
56
|
value = deProps.value,
|
|
57
|
-
|
|
57
|
+
_deProps$modalConfig = deProps.modalConfig,
|
|
58
|
+
modalConfig = _deProps$modalConfig === void 0 ? {} : _deProps$modalConfig,
|
|
59
|
+
otherProps = (0, _tslib.__rest)(deProps, ["viewOnly", "onChange", "value", "modalConfig"]);
|
|
58
60
|
|
|
59
61
|
var _useState = (0, _react.useState)(),
|
|
60
62
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -124,7 +126,7 @@ var ReUpload = /*#__PURE__*/_react.default.forwardRef(function (deProps, ref) {
|
|
|
124
126
|
onChange: uploadChange,
|
|
125
127
|
ref: ref,
|
|
126
128
|
className: viewOnly ? 'upload-viewonly' : ''
|
|
127
|
-
})), /*#__PURE__*/_react.default.createElement(_index.default, {
|
|
129
|
+
})), /*#__PURE__*/_react.default.createElement(_index.default, Object.assign({
|
|
128
130
|
visible: previewConfig.previewVisible,
|
|
129
131
|
hideFooter: true,
|
|
130
132
|
onCancel: function onCancel() {
|
|
@@ -133,8 +135,9 @@ var ReUpload = /*#__PURE__*/_react.default.forwardRef(function (deProps, ref) {
|
|
|
133
135
|
previewImage: '',
|
|
134
136
|
previewTitle: ''
|
|
135
137
|
});
|
|
136
|
-
}
|
|
137
|
-
|
|
138
|
+
},
|
|
139
|
+
zIndex: 2000
|
|
140
|
+
}, modalConfig), /*#__PURE__*/_react.default.createElement("div", {
|
|
138
141
|
style: {
|
|
139
142
|
textAlign: 'center'
|
|
140
143
|
}
|
|
@@ -95,7 +95,6 @@ var FieldComponent = /*#__PURE__*/_react.default.forwardRef(function (props, ref
|
|
|
95
95
|
disabled: 'disabled',
|
|
96
96
|
title: 'title'
|
|
97
97
|
} : _props$selectOptionNa,
|
|
98
|
-
fieldNames = props.fieldNames,
|
|
99
98
|
_props$treeOptionName = props.treeOptionName,
|
|
100
99
|
treeOptionName = _props$treeOptionName === void 0 ? {
|
|
101
100
|
title: 'title',
|
|
@@ -222,7 +221,7 @@ var FieldComponent = /*#__PURE__*/_react.default.forwardRef(function (props, ref
|
|
|
222
221
|
onChange: function onChange(value, Option) {
|
|
223
222
|
return _onChange(value, resetResultOption(Option));
|
|
224
223
|
}
|
|
225
|
-
}), fieldNames ? null : selectOptions.map(function (val, index) {
|
|
224
|
+
}), (defaultProps === null || defaultProps === void 0 ? void 0 : defaultProps.fieldNames) ? null : (selectOptions || []).map(function (val, index) {
|
|
226
225
|
return /*#__PURE__*/_react.default.createElement(Option, {
|
|
227
226
|
value: val.value,
|
|
228
227
|
key: val.value || index,
|
|
@@ -402,7 +401,7 @@ var FieldComponent = /*#__PURE__*/_react.default.forwardRef(function (props, ref
|
|
|
402
401
|
}) : /*#__PURE__*/_react.default.createElement(_cascader.default, Object.assign({
|
|
403
402
|
options: selectOptions,
|
|
404
403
|
allowClear: true,
|
|
405
|
-
fieldNames: fieldNames || selectOptionName,
|
|
404
|
+
fieldNames: (defaultProps === null || defaultProps === void 0 ? void 0 : defaultProps.fieldNames) || selectOptionName,
|
|
406
405
|
placeholder: fieldStatus === 'disabled' || defaultProps.disabled ? '' : defaultProps.placeholder || placeholder || '请选择'
|
|
407
406
|
}, defaultProps));
|
|
408
407
|
break;
|
|
@@ -243,7 +243,8 @@ var Uploader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
243
243
|
url: ''
|
|
244
244
|
});
|
|
245
245
|
},
|
|
246
|
-
size: modalSize
|
|
246
|
+
size: modalSize,
|
|
247
|
+
zIndex: 2000
|
|
247
248
|
}, modalConfig), /*#__PURE__*/_react.default.createElement("div", {
|
|
248
249
|
style: {
|
|
249
250
|
textAlign: 'center'
|
|
@@ -26,6 +26,7 @@ declare class StandardFilter extends React.Component<StandardFilterProps, any> {
|
|
|
26
26
|
componentDidMount(): void;
|
|
27
27
|
componentDidUpdate(prevProps: StandardFilterProps): void;
|
|
28
28
|
updateFormFields: (newVal?: any, force?: boolean) => void;
|
|
29
|
+
forceUpdateForm: () => void;
|
|
29
30
|
handleSearch: (values: object) => void;
|
|
30
31
|
handleReset: () => void;
|
|
31
32
|
itemIsHide: (isHide: any) => any;
|
|
@@ -17,31 +17,15 @@ var _form = _interopRequireDefault(require("antd/es/form"));
|
|
|
17
17
|
|
|
18
18
|
var _react = _interopRequireDefault(require("react"));
|
|
19
19
|
|
|
20
|
-
var _FieldComponent = _interopRequireDefault(require("../FormComp/FieldComponent"));
|
|
21
|
-
|
|
22
20
|
var _ValueFormat = _interopRequireDefault(require("../utils/ValueFormat.js"));
|
|
23
21
|
|
|
24
22
|
var _index = _interopRequireDefault(require("../ButtonGroup/index"));
|
|
25
23
|
|
|
26
|
-
var _index2 = require("../data/index");
|
|
27
|
-
|
|
28
24
|
require("./style/index.less");
|
|
29
25
|
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
33
|
-
|
|
34
|
-
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
35
|
-
|
|
36
|
-
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
37
|
-
|
|
38
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
39
|
-
|
|
40
|
-
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
|
|
26
|
+
var _RenderItemGroup = _interopRequireDefault(require("../FormComp/RenderItemGroup"));
|
|
41
27
|
|
|
42
|
-
function
|
|
43
|
-
|
|
44
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
28
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
45
29
|
|
|
46
30
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
47
31
|
|
|
@@ -94,6 +78,12 @@ var StandardFilter = /*#__PURE__*/function (_React$Component) {
|
|
|
94
78
|
_this.filterFormRef.current.setFieldsValue(Object.assign(Object.assign({}, resetValues), newVal)); // 直接清空表单的赋值
|
|
95
79
|
|
|
96
80
|
|
|
81
|
+
if (getFormFields) getFormFields(_this.filterFormRef.current.getFieldsValue(), _this.filterFormRef);
|
|
82
|
+
}; // 强制更新表单值，用于赋初始化实例值
|
|
83
|
+
|
|
84
|
+
|
|
85
|
+
_this.forceUpdateForm = function () {
|
|
86
|
+
var getFormFields = _this.props.getFormFields;
|
|
97
87
|
if (getFormFields) getFormFields(_this.filterFormRef.current.getFieldsValue(), _this.filterFormRef);
|
|
98
88
|
};
|
|
99
89
|
|
|
@@ -147,40 +137,45 @@ var StandardFilter = /*#__PURE__*/function (_React$Component) {
|
|
|
147
137
|
var reFormItemGroup = _this.state.reFormItemGroup;
|
|
148
138
|
|
|
149
139
|
if (Array.isArray(reFormItemGroup)) {
|
|
150
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
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
|
-
|
|
140
|
+
return /*#__PURE__*/_react.default.createElement(_RenderItemGroup.default, {
|
|
141
|
+
itemGroup: reFormItemGroup,
|
|
142
|
+
layout: "inline",
|
|
143
|
+
form: _this.filterFormRef,
|
|
144
|
+
doUpdateFormFields: function doUpdateFormFields() {
|
|
145
|
+
return _this.forceUpdateForm();
|
|
146
|
+
}
|
|
147
|
+
});
|
|
148
|
+
/* return <>
|
|
149
|
+
{
|
|
150
|
+
reFormItemGroup.map((item, index) => {
|
|
151
|
+
const { componentStyle, isHide } = item
|
|
152
|
+
if (this.itemIsHide(isHide)) return null
|
|
153
|
+
return (
|
|
154
|
+
<FormItem key={item.filedName} label={item.label}
|
|
155
|
+
name={item.type !== 'custom' && item.filedName}
|
|
156
|
+
rules={item.rules || (item.fieldOptions ? item.fieldOptions.rules : [])}
|
|
157
|
+
{...item.protoFormItem}>
|
|
158
|
+
{
|
|
159
|
+
(item.type === 'custom' && item.customRender) ? item.customRender(this.filterFormRef, { ...item }) :
|
|
160
|
+
<FieldComponent {...item}
|
|
161
|
+
onChange={(val, ...otherParams) => {
|
|
162
|
+
let updateValue = val
|
|
163
|
+
if (item.type === 'input' || item.type === 'textarea' || item.type === 'radio') {
|
|
164
|
+
updateValue = val.target.value
|
|
165
|
+
}
|
|
166
|
+
if (Array.isArray(val)) {
|
|
167
|
+
updateValue = [...val]
|
|
168
|
+
}
|
|
169
|
+
this.updateFormFields({ [item.filedName]: updateValue })
|
|
170
|
+
if (item.onChange) item.onChange(val, this.filterFormRef, ...otherParams)
|
|
171
|
+
}}
|
|
172
|
+
style={{ width: item.type === 'checkbox' || item.type === 'radio' ? 'auto' : general.formItemStyle.xsm.width, ...componentStyle }}/>
|
|
173
|
+
}
|
|
174
|
+
</FormItem>
|
|
175
|
+
)
|
|
176
|
+
})
|
|
177
|
+
}
|
|
178
|
+
</>*/
|
|
184
179
|
}
|
|
185
180
|
|
|
186
181
|
return reFormItemGroup;
|