easy3wui 1.5.21 → 1.5.22
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/package.json +1 -1
- package/assets/btn.css +0 -17
- package/assets/captcha.css +0 -5
- package/assets/card.css +0 -34
- package/assets/exception.css +0 -76
- package/assets/flow.css +0 -860
- package/assets/formPage.css +0 -15
- package/assets/globalFooter.css +0 -26
- package/assets/globalHeader.css +0 -69
- package/assets/gridPage.css +0 -93
- package/assets/index.css +0 -1454
- package/assets/login.css +0 -61
- package/assets/loginLayout.css +0 -115
- package/assets/modal.css +0 -0
- package/assets/result.css +0 -45
- package/assets/userLayout.css +0 -70
- package/lib/Easy3wA/index.js +0 -100
- package/lib/Easy3wAESDecrypt/index.js +0 -21
- package/lib/Easy3wAESEncrypt/index.js +0 -20
- package/lib/Easy3wBlankLayout/index.js +0 -114
- package/lib/Easy3wButton/index.js +0 -265
- package/lib/Easy3wButtonOne/index.js +0 -148
- package/lib/Easy3wCaHandler/index.js +0 -206
- package/lib/Easy3wCaptcha/index.js +0 -145
- package/lib/Easy3wCard/index.js +0 -66
- package/lib/Easy3wDictCode/index.js +0 -50
- package/lib/Easy3wDownLoad/Easy3wFileView.js +0 -82
- package/lib/Easy3wDownLoad/Easy3wImgView.js +0 -73
- package/lib/Easy3wDownLoad/Easy3wPDFView.js +0 -139
- package/lib/Easy3wDownLoad/Easy3wRCView.js +0 -65
- package/lib/Easy3wDownLoad/index.js +0 -315
- package/lib/Easy3wException/403.js +0 -21
- package/lib/Easy3wException/404.js +0 -21
- package/lib/Easy3wException/500.js +0 -21
- package/lib/Easy3wException/index.js +0 -94
- package/lib/Easy3wException/typeConfig.js +0 -23
- package/lib/Easy3wFlow/index.js +0 -546
- package/lib/Easy3wFormPage/index.js +0 -1591
- package/lib/Easy3wGetCookie/index.js +0 -14
- package/lib/Easy3wGlobalFooter/index.js +0 -73
- package/lib/Easy3wGlobalHeader/index.js +0 -148
- package/lib/Easy3wGridCheckBox/index.js +0 -69
- package/lib/Easy3wGridDatePicker/index.js +0 -90
- package/lib/Easy3wGridDateTimePicker/index.js +0 -122
- package/lib/Easy3wGridInput/index.js +0 -85
- package/lib/Easy3wGridInputNumber/index.js +0 -83
- package/lib/Easy3wGridInputNumberFormat/index.js +0 -93
- package/lib/Easy3wGridPage/index.js +0 -593
- package/lib/Easy3wGridRadio/index.js +0 -70
- package/lib/Easy3wGridSelect/index.js +0 -93
- package/lib/Easy3wGridTextArea/index.js +0 -84
- package/lib/Easy3wInput/index.js +0 -48
- package/lib/Easy3wLogin/index.js +0 -386
- package/lib/Easy3wLoginLayout/index.js +0 -628
- package/lib/Easy3wModal/index.js +0 -143
- package/lib/Easy3wPositionButton/index.js +0 -99
- package/lib/Easy3wQryGrid/index.js +0 -670
- package/lib/Easy3wResult/index.js +0 -77
- package/lib/Easy3wSetCookie/index.js +0 -13
- package/lib/Easy3wSpin/index.js +0 -69
- package/lib/Easy3wTabs/index.js +0 -89
- package/lib/Easy3wTagSelect/index.js +0 -238
- package/lib/Easy3wTagSelect/index.less +0 -120
- package/lib/Easy3wUpload/index.js +0 -507
- package/lib/Easy3wUploadB/index copy 2.js +0 -1011
- package/lib/Easy3wUploadB/index copy.js +0 -1020
- package/lib/Easy3wUploadB/index.js +0 -1039
- package/lib/Easy3wUploadM/index.js +0 -506
- package/lib/Easy3wUserLayout/index.js +0 -138
- package/lib/index.js +0 -383
|
@@ -1,1591 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
exports.__esModule = true;
|
|
4
|
-
|
|
5
|
-
var _message2 = require('antd/lib/message');
|
|
6
|
-
|
|
7
|
-
var _message3 = _interopRequireDefault(_message2);
|
|
8
|
-
|
|
9
|
-
var _extends2 = require('babel-runtime/helpers/extends');
|
|
10
|
-
|
|
11
|
-
var _extends3 = _interopRequireDefault(_extends2);
|
|
12
|
-
|
|
13
|
-
var _notification2 = require('antd/lib/notification');
|
|
14
|
-
|
|
15
|
-
var _notification3 = _interopRequireDefault(_notification2);
|
|
16
|
-
|
|
17
|
-
var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
|
|
18
|
-
|
|
19
|
-
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
|
|
20
|
-
|
|
21
|
-
var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
|
|
22
|
-
|
|
23
|
-
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
|
|
24
|
-
|
|
25
|
-
var _inherits2 = require('babel-runtime/helpers/inherits');
|
|
26
|
-
|
|
27
|
-
var _inherits3 = _interopRequireDefault(_inherits2);
|
|
28
|
-
|
|
29
|
-
require('antd/lib/message/style');
|
|
30
|
-
|
|
31
|
-
require('antd/lib/notification/style');
|
|
32
|
-
|
|
33
|
-
var _react = require('react');
|
|
34
|
-
|
|
35
|
-
var _react2 = _interopRequireDefault(_react);
|
|
36
|
-
|
|
37
|
-
var _form = require('antd/lib/form');
|
|
38
|
-
|
|
39
|
-
var _form2 = _interopRequireDefault(_form);
|
|
40
|
-
|
|
41
|
-
require('antd/lib/form/style');
|
|
42
|
-
|
|
43
|
-
var _popconfirm = require('antd/lib/popconfirm');
|
|
44
|
-
|
|
45
|
-
var _popconfirm2 = _interopRequireDefault(_popconfirm);
|
|
46
|
-
|
|
47
|
-
require('antd/lib/popconfirm/style');
|
|
48
|
-
|
|
49
|
-
var _input = require('antd/lib/input');
|
|
50
|
-
|
|
51
|
-
var _input2 = _interopRequireDefault(_input);
|
|
52
|
-
|
|
53
|
-
require('antd/lib/input/style');
|
|
54
|
-
|
|
55
|
-
var _datePicker = require('antd/lib/date-picker');
|
|
56
|
-
|
|
57
|
-
var _datePicker2 = _interopRequireDefault(_datePicker);
|
|
58
|
-
|
|
59
|
-
require('antd/lib/date-picker/style');
|
|
60
|
-
|
|
61
|
-
var _col = require('antd/lib/col');
|
|
62
|
-
|
|
63
|
-
var _col2 = _interopRequireDefault(_col);
|
|
64
|
-
|
|
65
|
-
require('antd/lib/col/style');
|
|
66
|
-
|
|
67
|
-
var _row = require('antd/lib/row');
|
|
68
|
-
|
|
69
|
-
var _row2 = _interopRequireDefault(_row);
|
|
70
|
-
|
|
71
|
-
require('antd/lib/row/style');
|
|
72
|
-
|
|
73
|
-
var _select = require('antd/lib/select');
|
|
74
|
-
|
|
75
|
-
var _select2 = _interopRequireDefault(_select);
|
|
76
|
-
|
|
77
|
-
require('antd/lib/select/style');
|
|
78
|
-
|
|
79
|
-
var _treeSelect = require('antd/lib/tree-select');
|
|
80
|
-
|
|
81
|
-
var _treeSelect2 = _interopRequireDefault(_treeSelect);
|
|
82
|
-
|
|
83
|
-
require('antd/lib/tree-select/style');
|
|
84
|
-
|
|
85
|
-
var _radio = require('antd/lib/radio');
|
|
86
|
-
|
|
87
|
-
var _radio2 = _interopRequireDefault(_radio);
|
|
88
|
-
|
|
89
|
-
require('antd/lib/radio/style');
|
|
90
|
-
|
|
91
|
-
var _checkbox = require('antd/lib/checkbox');
|
|
92
|
-
|
|
93
|
-
var _checkbox2 = _interopRequireDefault(_checkbox);
|
|
94
|
-
|
|
95
|
-
require('antd/lib/checkbox/style');
|
|
96
|
-
|
|
97
|
-
var _popover = require('antd/lib/popover');
|
|
98
|
-
|
|
99
|
-
var _popover2 = _interopRequireDefault(_popover);
|
|
100
|
-
|
|
101
|
-
require('antd/lib/popover/style');
|
|
102
|
-
|
|
103
|
-
var _autoComplete = require('antd/lib/auto-complete');
|
|
104
|
-
|
|
105
|
-
var _autoComplete2 = _interopRequireDefault(_autoComplete);
|
|
106
|
-
|
|
107
|
-
require('antd/lib/auto-complete/style');
|
|
108
|
-
|
|
109
|
-
var _cascader = require('antd/lib/cascader');
|
|
110
|
-
|
|
111
|
-
var _cascader2 = _interopRequireDefault(_cascader);
|
|
112
|
-
|
|
113
|
-
require('antd/lib/cascader/style');
|
|
114
|
-
|
|
115
|
-
var _inputNumber = require('antd/lib/input-number');
|
|
116
|
-
|
|
117
|
-
var _inputNumber2 = _interopRequireDefault(_inputNumber);
|
|
118
|
-
|
|
119
|
-
require('antd/lib/input-number/style');
|
|
120
|
-
|
|
121
|
-
var _mention = require('antd/lib/mention');
|
|
122
|
-
|
|
123
|
-
var _mention2 = _interopRequireDefault(_mention);
|
|
124
|
-
|
|
125
|
-
require('antd/lib/mention/style');
|
|
126
|
-
|
|
127
|
-
var _rate = require('antd/lib/rate');
|
|
128
|
-
|
|
129
|
-
var _rate2 = _interopRequireDefault(_rate);
|
|
130
|
-
|
|
131
|
-
require('antd/lib/rate/style');
|
|
132
|
-
|
|
133
|
-
var _slider = require('antd/lib/slider');
|
|
134
|
-
|
|
135
|
-
var _slider2 = _interopRequireDefault(_slider);
|
|
136
|
-
|
|
137
|
-
require('antd/lib/slider/style');
|
|
138
|
-
|
|
139
|
-
var _switch = require('antd/lib/switch');
|
|
140
|
-
|
|
141
|
-
var _switch2 = _interopRequireDefault(_switch);
|
|
142
|
-
|
|
143
|
-
require('antd/lib/switch/style');
|
|
144
|
-
|
|
145
|
-
var _timePicker = require('antd/lib/time-picker');
|
|
146
|
-
|
|
147
|
-
var _timePicker2 = _interopRequireDefault(_timePicker);
|
|
148
|
-
|
|
149
|
-
require('antd/lib/time-picker/style');
|
|
150
|
-
|
|
151
|
-
var _transfer = require('antd/lib/transfer');
|
|
152
|
-
|
|
153
|
-
var _transfer2 = _interopRequireDefault(_transfer);
|
|
154
|
-
|
|
155
|
-
require('antd/lib/transfer/style');
|
|
156
|
-
|
|
157
|
-
var _icon = require('antd/lib/icon');
|
|
158
|
-
|
|
159
|
-
var _icon2 = _interopRequireDefault(_icon);
|
|
160
|
-
|
|
161
|
-
require('antd/lib/icon/style');
|
|
162
|
-
|
|
163
|
-
var _button = require('antd/lib/button');
|
|
164
|
-
|
|
165
|
-
var _button2 = _interopRequireDefault(_button);
|
|
166
|
-
|
|
167
|
-
require('antd/lib/button/style');
|
|
168
|
-
|
|
169
|
-
var _antd = require('antd');
|
|
170
|
-
|
|
171
|
-
var _numeral = require('numeral');
|
|
172
|
-
|
|
173
|
-
var _numeral2 = _interopRequireDefault(_numeral);
|
|
174
|
-
|
|
175
|
-
var _classnames = require('classnames');
|
|
176
|
-
|
|
177
|
-
var _classnames2 = _interopRequireDefault(_classnames);
|
|
178
|
-
|
|
179
|
-
var _moment = require('moment');
|
|
180
|
-
|
|
181
|
-
var _moment2 = _interopRequireDefault(_moment);
|
|
182
|
-
|
|
183
|
-
var _zh_CN = require('antd/lib/date-picker/locale/zh_CN');
|
|
184
|
-
|
|
185
|
-
var _zh_CN2 = _interopRequireDefault(_zh_CN);
|
|
186
|
-
|
|
187
|
-
require('moment/locale/zh-cn');
|
|
188
|
-
|
|
189
|
-
var _braftEditor = require('braft-editor');
|
|
190
|
-
|
|
191
|
-
var _braftEditor2 = _interopRequireDefault(_braftEditor);
|
|
192
|
-
|
|
193
|
-
require('braft-editor/dist/index.css');
|
|
194
|
-
|
|
195
|
-
var _dva = require('dva');
|
|
196
|
-
|
|
197
|
-
var _easy3wui = require('easy3wui');
|
|
198
|
-
|
|
199
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
|
|
200
|
-
|
|
201
|
-
// import TagSelect from '../Easy3wTagSelect/index.js';
|
|
202
|
-
// import Easy3wUpload from '../../Easy3wUpload';
|
|
203
|
-
// import Easy3wUploadB from '../../Easy3wUploadB';
|
|
204
|
-
// import Easy3wUploadM from '../../Easy3wUploadM';
|
|
205
|
-
|
|
206
|
-
_moment2['default'].locale('zh-cn');
|
|
207
|
-
|
|
208
|
-
var Option = _select2['default'].Option;
|
|
209
|
-
var MonthPicker = _datePicker2['default'].MonthPicker,
|
|
210
|
-
RangePicker = _datePicker2['default'].RangePicker;
|
|
211
|
-
|
|
212
|
-
var FormItem = _form2['default'].Item;
|
|
213
|
-
var RadioGroup = _radio2['default'].Group;
|
|
214
|
-
var CheckboxGroup = _checkbox2['default'].Group;
|
|
215
|
-
var TextArea = _input2['default'].TextArea;
|
|
216
|
-
|
|
217
|
-
var singleItem = {
|
|
218
|
-
labelCol: { span: 8 },
|
|
219
|
-
wrapperCol: { span: 16 }
|
|
220
|
-
};
|
|
221
|
-
var mixSingle = {
|
|
222
|
-
labelCol: { span: 4 },
|
|
223
|
-
wrapperCol: { span: 18 }
|
|
224
|
-
};
|
|
225
|
-
var mixSingleWithBtn = {
|
|
226
|
-
labelCol: { span: 4 },
|
|
227
|
-
wrapperCol: { span: 6 }
|
|
228
|
-
};
|
|
229
|
-
var doubleItemLeft = {
|
|
230
|
-
labelCol: { span: 8 },
|
|
231
|
-
wrapperCol: { span: 12 }
|
|
232
|
-
};
|
|
233
|
-
var doubleItemLeftWithBtn = {
|
|
234
|
-
labelCol: { span: 8 },
|
|
235
|
-
wrapperCol: { span: 12 }
|
|
236
|
-
};
|
|
237
|
-
var formItemRight = {
|
|
238
|
-
labelCol: { span: 8 },
|
|
239
|
-
wrapperCol: { span: 12 }
|
|
240
|
-
};
|
|
241
|
-
var threeItem = {
|
|
242
|
-
labelCol: { span: 9 },
|
|
243
|
-
wrapperCol: { span: 15 }
|
|
244
|
-
};
|
|
245
|
-
var threeCol1Item = {
|
|
246
|
-
labelCol: { span: 3 },
|
|
247
|
-
wrapperCol: { span: 21 }
|
|
248
|
-
};
|
|
249
|
-
var threeCol2Item = {
|
|
250
|
-
labelCol: { span: 4 },
|
|
251
|
-
wrapperCol: { span: 20 }
|
|
252
|
-
};
|
|
253
|
-
var formItemRightWithBtn = {
|
|
254
|
-
labelCol: { span: 8 },
|
|
255
|
-
wrapperCol: { span: 12 }
|
|
256
|
-
};
|
|
257
|
-
var formItemStyle = {
|
|
258
|
-
marginBottom: 6
|
|
259
|
-
};
|
|
260
|
-
|
|
261
|
-
var Easy3wFormPage = function (_Component) {
|
|
262
|
-
(0, _inherits3['default'])(Easy3wFormPage, _Component);
|
|
263
|
-
|
|
264
|
-
function Easy3wFormPage() {
|
|
265
|
-
var _temp, _this, _ret;
|
|
266
|
-
|
|
267
|
-
(0, _classCallCheck3['default'])(this, Easy3wFormPage);
|
|
268
|
-
|
|
269
|
-
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
|
270
|
-
args[_key] = arguments[_key];
|
|
271
|
-
}
|
|
272
|
-
|
|
273
|
-
return _ret = (_temp = (_this = (0, _possibleConstructorReturn3['default'])(this, _Component.call.apply(_Component, [this].concat(args))), _this), _this.onClickFunc = function (e, func) {
|
|
274
|
-
var globalLoading = _this.props.loadingFlag.global;
|
|
275
|
-
if (globalLoading) {
|
|
276
|
-
_notification3['default'].warning({
|
|
277
|
-
message: '温馨提示',
|
|
278
|
-
description: '正在后台处理,请稍后!',
|
|
279
|
-
duration: 3
|
|
280
|
-
});
|
|
281
|
-
} else {
|
|
282
|
-
func(e);
|
|
283
|
-
}
|
|
284
|
-
}, _this.getItemArea = function (item) {
|
|
285
|
-
var fieldType = item.fieldType,
|
|
286
|
-
cmptPros = item.cmptPros,
|
|
287
|
-
disableFlag = item.disableFlag;
|
|
288
|
-
|
|
289
|
-
var itemNew = item;
|
|
290
|
-
var newCmptPros = {};
|
|
291
|
-
if (disableFlag) {
|
|
292
|
-
if (cmptPros) {
|
|
293
|
-
newCmptPros = (0, _extends3['default'])({}, cmptPros, { disabled: true });
|
|
294
|
-
} else {
|
|
295
|
-
newCmptPros = { disabled: true };
|
|
296
|
-
}
|
|
297
|
-
itemNew = (0, _extends3['default'])({}, item, { cmptPros: newCmptPros });
|
|
298
|
-
}
|
|
299
|
-
switch (fieldType) {
|
|
300
|
-
case 'autoComplete':
|
|
301
|
-
return _this.autoCompleteHandler(itemNew);
|
|
302
|
-
case 'braftEditor':
|
|
303
|
-
return _this.braftEditorHandler(itemNew);
|
|
304
|
-
case 'cascader':
|
|
305
|
-
return _this.cascaderHandler(itemNew);
|
|
306
|
-
case 'checkBox':
|
|
307
|
-
return _this.checkBoxHandler(itemNew);
|
|
308
|
-
case 'monthPicker':
|
|
309
|
-
return _this.monthPickerHandler(itemNew);
|
|
310
|
-
case 'rangePicker':
|
|
311
|
-
return _this.rangePickerHandler(itemNew);
|
|
312
|
-
case 'datePicker':
|
|
313
|
-
return _this.datePickerHandler(itemNew);
|
|
314
|
-
case 'dateTimePicker':
|
|
315
|
-
return _this.dateTimePickerHandler(itemNew);
|
|
316
|
-
case 'timePicker':
|
|
317
|
-
return _this.timePickerHandler(itemNew);
|
|
318
|
-
case 'input':
|
|
319
|
-
return _this.inputHandler(itemNew);
|
|
320
|
-
case 'textarea':
|
|
321
|
-
return _this.textareaHandler(itemNew);
|
|
322
|
-
case 'inputNumber':
|
|
323
|
-
return _this.inputNumberHandler(itemNew);
|
|
324
|
-
// case 'inputNumberFormat':
|
|
325
|
-
// return this.inputNumberFormatHandler(itemNew);
|
|
326
|
-
case 'numberInput':
|
|
327
|
-
return _this.numberInputHandler(itemNew);
|
|
328
|
-
case 'mention':
|
|
329
|
-
return _this.mentionHandler(itemNew);
|
|
330
|
-
case 'rate':
|
|
331
|
-
return _this.rateHandler(itemNew);
|
|
332
|
-
case 'radio':
|
|
333
|
-
return _this.radioHandler(itemNew);
|
|
334
|
-
case 'select':
|
|
335
|
-
return _this.selectHandler(itemNew);
|
|
336
|
-
case 'tagSelect':
|
|
337
|
-
return _this.tagSelectHandler(itemNew);
|
|
338
|
-
case 'slider':
|
|
339
|
-
return _this.sliderHandler(itemNew);
|
|
340
|
-
case 'switch':
|
|
341
|
-
return _this.switchHandler(itemNew);
|
|
342
|
-
case 'treeSelect':
|
|
343
|
-
return _this.treeSelectHandler(itemNew);
|
|
344
|
-
case 'transfer':
|
|
345
|
-
return _this.transferHandler(itemNew);
|
|
346
|
-
case 'icon':
|
|
347
|
-
return _this.iconHandler(itemNew);
|
|
348
|
-
case 'strTemplate':
|
|
349
|
-
return _this.strTemplateHandler(itemNew);
|
|
350
|
-
case 'desc':
|
|
351
|
-
return _this.descHandler(itemNew);
|
|
352
|
-
case 'btn':
|
|
353
|
-
return _this.btnHandler(itemNew);
|
|
354
|
-
case 'a':
|
|
355
|
-
return _this.aHandler(itemNew);
|
|
356
|
-
case 'string':
|
|
357
|
-
return _this.strHandler(itemNew);
|
|
358
|
-
default:
|
|
359
|
-
break;
|
|
360
|
-
}
|
|
361
|
-
}, _this.getItemValue = function (item) {
|
|
362
|
-
var allReadFlag = _this.props.allReadFlag;
|
|
363
|
-
var fieldType = item.fieldType,
|
|
364
|
-
readFlag = item.readFlag,
|
|
365
|
-
cmptPros = item.cmptPros,
|
|
366
|
-
disableFlag = item.disableFlag,
|
|
367
|
-
numberFormat = item.numberFormat;
|
|
368
|
-
var value = item.value;
|
|
369
|
-
|
|
370
|
-
if (numberFormat) {
|
|
371
|
-
return (0, _numeral2['default'])(value).format('0,0.00');
|
|
372
|
-
}
|
|
373
|
-
if (fieldType === 'numberInput' && value) {
|
|
374
|
-
return (0, _numeral2['default'])(value).format('0,0.00');
|
|
375
|
-
}
|
|
376
|
-
if (fieldType === 'braftEditor') {
|
|
377
|
-
return _braftEditor2['default'].createEditorState(value);
|
|
378
|
-
}
|
|
379
|
-
if (allReadFlag || readFlag) {
|
|
380
|
-
return value;
|
|
381
|
-
}
|
|
382
|
-
if (fieldType === 'datePicker') {
|
|
383
|
-
/** 格式化日期型数据 */
|
|
384
|
-
value = value ? (0, _moment2['default'])(value, 'YYYY-MM-DD') : undefined;
|
|
385
|
-
}
|
|
386
|
-
if (fieldType === 'dateTimePicker') {
|
|
387
|
-
/** 格式化日期时间型数据 */
|
|
388
|
-
value = value ? (0, _moment2['default'])(value, 'YYYY-MM-DD HH:mm:ss') : undefined;
|
|
389
|
-
}
|
|
390
|
-
if (fieldType === 'monthPicker') {
|
|
391
|
-
/** 格式化年月型数据 */
|
|
392
|
-
value = value ? (0, _moment2['default'])(value, 'YYYY-MM') : undefined;
|
|
393
|
-
}
|
|
394
|
-
if (fieldType === 'rangePicker') {
|
|
395
|
-
/** 格式化年月型数据 */
|
|
396
|
-
value = value[1] ? [(0, _moment2['default'])(value[0], 'YYYY-MM-DD'), (0, _moment2['default'])(value[1], 'YYYY-MM-DD')] : undefined;
|
|
397
|
-
}
|
|
398
|
-
if (fieldType === 'timePicker') {
|
|
399
|
-
/** 格式化时间型数据 */
|
|
400
|
-
value = value ? (0, _moment2['default'])(value, 'HH:mm:ss') : undefined;
|
|
401
|
-
}
|
|
402
|
-
if (fieldType === 'select') {
|
|
403
|
-
/** select */
|
|
404
|
-
if (!disableFlag) {
|
|
405
|
-
var labelInValue = cmptPros.labelInValue,
|
|
406
|
-
mode = cmptPros.mode;
|
|
407
|
-
|
|
408
|
-
if (labelInValue && labelInValue === true && mode !== 'multiple') {
|
|
409
|
-
if (value === undefined || value === '') {
|
|
410
|
-
value = undefined;
|
|
411
|
-
} else if (!value.key && !value.value) {
|
|
412
|
-
value = undefined;
|
|
413
|
-
}
|
|
414
|
-
}
|
|
415
|
-
}
|
|
416
|
-
}
|
|
417
|
-
return value;
|
|
418
|
-
}, _this.getAfterBtn = function (item) {
|
|
419
|
-
var afterBtn = item.afterBtn;
|
|
420
|
-
|
|
421
|
-
if (afterBtn) {
|
|
422
|
-
var allBtn = afterBtn.map(function (btn) {
|
|
423
|
-
if (btn.objType === 'btn') {
|
|
424
|
-
return _this.btnHandler(btn);
|
|
425
|
-
}
|
|
426
|
-
if (btn.objType === 'a') {
|
|
427
|
-
return _this.aHandler(btn);
|
|
428
|
-
}
|
|
429
|
-
if (btn.objType === 'string') {
|
|
430
|
-
return _this.strHandler(btn);
|
|
431
|
-
}
|
|
432
|
-
return {};
|
|
433
|
-
});
|
|
434
|
-
return allBtn;
|
|
435
|
-
} else {
|
|
436
|
-
var noneBtn = [];
|
|
437
|
-
return noneBtn;
|
|
438
|
-
}
|
|
439
|
-
}, _this.getFormItem = function (item, itemValue, afterBtns, itemArea, formItemLayout) {
|
|
440
|
-
var _this$props = _this.props,
|
|
441
|
-
form = _this$props.form,
|
|
442
|
-
allReadFlag = _this$props.allReadFlag,
|
|
443
|
-
loadFinishFlag = _this$props.loadFinishFlag,
|
|
444
|
-
bigFormFlag = _this$props.bigFormFlag;
|
|
445
|
-
var getFieldDecorator = form.getFieldDecorator;
|
|
446
|
-
var formItemChild = item.formItemChild,
|
|
447
|
-
popoverFlag = item.popoverFlag,
|
|
448
|
-
readFlag = item.readFlag,
|
|
449
|
-
popProps = item.popProps,
|
|
450
|
-
fieldType = item.fieldType,
|
|
451
|
-
disableFlag = item.disableFlag,
|
|
452
|
-
formItemProps = item.formItemProps,
|
|
453
|
-
novalueFlag = item.novalueFlag,
|
|
454
|
-
label = item.label,
|
|
455
|
-
fieldId = item.fieldId,
|
|
456
|
-
required = item.required,
|
|
457
|
-
requiredMessage = item.requiredMessage,
|
|
458
|
-
cmptPros = item.cmptPros;
|
|
459
|
-
|
|
460
|
-
var addRules = [];
|
|
461
|
-
var hadOnBlurFlag = false;
|
|
462
|
-
var notProxyOnblurFlag = false;
|
|
463
|
-
var disableFlagReal = disableFlag;
|
|
464
|
-
if (cmptPros) {
|
|
465
|
-
if (cmptPros.rules) {
|
|
466
|
-
var rules = cmptPros.rules;
|
|
467
|
-
|
|
468
|
-
addRules = rules;
|
|
469
|
-
}
|
|
470
|
-
}
|
|
471
|
-
if (fieldType === 'input' || fieldType === 'textarea') {
|
|
472
|
-
var maxLength = fieldType === 'textarea' ? 1000 : 50;
|
|
473
|
-
if (cmptPros) {
|
|
474
|
-
if (cmptPros.maxLength) {
|
|
475
|
-
maxLength = cmptPros.maxLength;
|
|
476
|
-
}
|
|
477
|
-
}
|
|
478
|
-
if (disableFlag) {
|
|
479
|
-
//
|
|
480
|
-
} else {
|
|
481
|
-
addRules = [{ max: maxLength, message: '\u5F55\u5165\u6587\u5B57\u957F\u5EA6\u4E0D\u80FD\u8D85\u8FC7' + maxLength }].concat(addRules);
|
|
482
|
-
}
|
|
483
|
-
}
|
|
484
|
-
var decoratorObj = {
|
|
485
|
-
rules: [{ required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label }].concat(addRules)
|
|
486
|
-
};
|
|
487
|
-
if (itemValue || itemValue === 0) {
|
|
488
|
-
decoratorObj = (0, _extends3['default'])({}, decoratorObj, {
|
|
489
|
-
initialValue: itemValue
|
|
490
|
-
});
|
|
491
|
-
}
|
|
492
|
-
if (cmptPros) {
|
|
493
|
-
if (cmptPros.getValueFromEvent) {
|
|
494
|
-
var getValueFromEvent = cmptPros.getValueFromEvent;
|
|
495
|
-
|
|
496
|
-
decoratorObj = (0, _extends3['default'])({}, decoratorObj, { getValueFromEvent: getValueFromEvent });
|
|
497
|
-
}
|
|
498
|
-
if (cmptPros.onBlur) {
|
|
499
|
-
hadOnBlurFlag = true;
|
|
500
|
-
}
|
|
501
|
-
if (cmptPros.notProxyOnblurFlag) {
|
|
502
|
-
notProxyOnblurFlag = true;
|
|
503
|
-
}
|
|
504
|
-
if (cmptPros.disabled) {
|
|
505
|
-
disableFlagReal = true;
|
|
506
|
-
}
|
|
507
|
-
}
|
|
508
|
-
if (loadFinishFlag === true && bigFormFlag === true) {
|
|
509
|
-
if ((fieldType === 'input' || fieldType === 'textarea') && !hadOnBlurFlag && !disableFlagReal && !notProxyOnblurFlag) {
|
|
510
|
-
decoratorObj = (0, _extends3['default'])({}, decoratorObj, {
|
|
511
|
-
trigger: 'onBlur',
|
|
512
|
-
valuePropName: 'defaultValue'
|
|
513
|
-
});
|
|
514
|
-
}
|
|
515
|
-
}
|
|
516
|
-
if (readFlag || allReadFlag) {
|
|
517
|
-
if (fieldType === 'braftEditor') {
|
|
518
|
-
return _react2['default'].createElement(
|
|
519
|
-
FormItem,
|
|
520
|
-
(0, _extends3['default'])({
|
|
521
|
-
label: label
|
|
522
|
-
}, formItemLayout, formItemProps, {
|
|
523
|
-
style: formItemStyle
|
|
524
|
-
}),
|
|
525
|
-
getFieldDecorator(fieldId + 'Easy3wView', {
|
|
526
|
-
initialValue: 'easy3wView',
|
|
527
|
-
rules: [{ required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label }]
|
|
528
|
-
})(_react2['default'].createElement(_input2['default'], { type: 'hidden' })),
|
|
529
|
-
_react2['default'].createElement('div', { dangerouslySetInnerHTML: { __html: itemValue.toHTML() } }),
|
|
530
|
-
afterBtns
|
|
531
|
-
);
|
|
532
|
-
}
|
|
533
|
-
return _react2['default'].createElement(
|
|
534
|
-
FormItem,
|
|
535
|
-
(0, _extends3['default'])({
|
|
536
|
-
label: label
|
|
537
|
-
}, formItemLayout, formItemProps, {
|
|
538
|
-
style: formItemStyle
|
|
539
|
-
}),
|
|
540
|
-
getFieldDecorator(fieldId + 'Easy3wView', {
|
|
541
|
-
initialValue: 'easy3wView',
|
|
542
|
-
rules: [{ required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label }]
|
|
543
|
-
})(_react2['default'].createElement(_input2['default'], { type: 'hidden' })),
|
|
544
|
-
itemValue,
|
|
545
|
-
' ',
|
|
546
|
-
afterBtns
|
|
547
|
-
);
|
|
548
|
-
}
|
|
549
|
-
if (popoverFlag) {
|
|
550
|
-
var title = popProps.title,
|
|
551
|
-
content = popProps.content,
|
|
552
|
-
placement = popProps.placement;
|
|
553
|
-
|
|
554
|
-
return _react2['default'].createElement(
|
|
555
|
-
'div',
|
|
556
|
-
{ style: { position: 'relative' } },
|
|
557
|
-
_react2['default'].createElement(
|
|
558
|
-
FormItem,
|
|
559
|
-
(0, _extends3['default'])({
|
|
560
|
-
label: label
|
|
561
|
-
}, formItemLayout, formItemProps, {
|
|
562
|
-
style: formItemStyle
|
|
563
|
-
}),
|
|
564
|
-
formItemChild,
|
|
565
|
-
_react2['default'].createElement(
|
|
566
|
-
_popover2['default'],
|
|
567
|
-
{
|
|
568
|
-
title: title,
|
|
569
|
-
content: _react2['default'].createElement(
|
|
570
|
-
'div',
|
|
571
|
-
{ style: { padding: '4px 0' } },
|
|
572
|
-
_react2['default'].createElement(
|
|
573
|
-
'span',
|
|
574
|
-
{ style: { color: '#5468b2', width: 200, height: 300 } },
|
|
575
|
-
content
|
|
576
|
-
)
|
|
577
|
-
),
|
|
578
|
-
placement: placement
|
|
579
|
-
},
|
|
580
|
-
getFieldDecorator(fieldId, (0, _extends3['default'])({}, decoratorObj))(itemArea)
|
|
581
|
-
),
|
|
582
|
-
_react2['default'].createElement(
|
|
583
|
-
'div',
|
|
584
|
-
{ style: { position: 'absolute', left: '100%', top: '0px', zIndex: 2 } },
|
|
585
|
-
afterBtns
|
|
586
|
-
)
|
|
587
|
-
)
|
|
588
|
-
);
|
|
589
|
-
} else if (novalueFlag) {
|
|
590
|
-
return _react2['default'].createElement(
|
|
591
|
-
FormItem,
|
|
592
|
-
(0, _extends3['default'])({
|
|
593
|
-
label: label
|
|
594
|
-
}, formItemLayout, formItemProps, {
|
|
595
|
-
style: formItemStyle
|
|
596
|
-
}),
|
|
597
|
-
itemArea
|
|
598
|
-
);
|
|
599
|
-
} else {
|
|
600
|
-
return _react2['default'].createElement(
|
|
601
|
-
FormItem,
|
|
602
|
-
(0, _extends3['default'])({
|
|
603
|
-
label: label
|
|
604
|
-
}, formItemLayout, formItemProps, {
|
|
605
|
-
style: formItemStyle
|
|
606
|
-
}),
|
|
607
|
-
_react2['default'].createElement(
|
|
608
|
-
'div',
|
|
609
|
-
{ style: { position: 'relative' } },
|
|
610
|
-
formItemChild,
|
|
611
|
-
getFieldDecorator(fieldId, (0, _extends3['default'])({}, decoratorObj))(itemArea),
|
|
612
|
-
_react2['default'].createElement(
|
|
613
|
-
'div',
|
|
614
|
-
{ style: { position: 'absolute', left: '100%', top: '0px', zIndex: 2 } },
|
|
615
|
-
afterBtns
|
|
616
|
-
)
|
|
617
|
-
)
|
|
618
|
-
);
|
|
619
|
-
}
|
|
620
|
-
}, _this.getStrTemplateItem = function (item, itemArea) {
|
|
621
|
-
var _this$props2 = _this.props,
|
|
622
|
-
form = _this$props2.form,
|
|
623
|
-
allReadFlag = _this$props2.allReadFlag;
|
|
624
|
-
var getFieldDecorator = form.getFieldDecorator;
|
|
625
|
-
var popoverFlag = item.popoverFlag,
|
|
626
|
-
readFlag = item.readFlag,
|
|
627
|
-
popProps = item.popProps,
|
|
628
|
-
novalueFlag = item.novalueFlag,
|
|
629
|
-
label = item.label,
|
|
630
|
-
fieldId = item.fieldId,
|
|
631
|
-
required = item.required,
|
|
632
|
-
requiredMessage = item.requiredMessage,
|
|
633
|
-
cmptPros = item.cmptPros,
|
|
634
|
-
fieldType = item.fieldType;
|
|
635
|
-
|
|
636
|
-
var itemValue = _this.getItemValue(item);
|
|
637
|
-
var colSpan = cmptPros.colSpan;
|
|
638
|
-
|
|
639
|
-
var addRules = [];
|
|
640
|
-
if (cmptPros && cmptPros.rules) {
|
|
641
|
-
var rules = cmptPros.rules;
|
|
642
|
-
|
|
643
|
-
addRules = rules;
|
|
644
|
-
}
|
|
645
|
-
var decoratorObj = {
|
|
646
|
-
initialValue: itemValue,
|
|
647
|
-
rules: [{ required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label }].concat(addRules)
|
|
648
|
-
};
|
|
649
|
-
if (cmptPros && cmptPros.getValueFromEvent) {
|
|
650
|
-
var getValueFromEvent = cmptPros.getValueFromEvent;
|
|
651
|
-
|
|
652
|
-
decoratorObj = (0, _extends3['default'])({}, decoratorObj, { getValueFromEvent: getValueFromEvent });
|
|
653
|
-
}
|
|
654
|
-
if (readFlag || allReadFlag) {
|
|
655
|
-
return _react2['default'].createElement(
|
|
656
|
-
_col2['default'],
|
|
657
|
-
{ span: colSpan },
|
|
658
|
-
_react2['default'].createElement(
|
|
659
|
-
FormItem,
|
|
660
|
-
{
|
|
661
|
-
labelCol: { span: 48 },
|
|
662
|
-
wrapperCol: { span: 48 },
|
|
663
|
-
style: formItemStyle
|
|
664
|
-
},
|
|
665
|
-
getFieldDecorator(fieldId + 'Easy3wView', {
|
|
666
|
-
initialValue: 'easy3wView',
|
|
667
|
-
rules: [{ required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label }]
|
|
668
|
-
})(_react2['default'].createElement(_input2['default'], { type: 'hidden' })),
|
|
669
|
-
itemValue
|
|
670
|
-
)
|
|
671
|
-
);
|
|
672
|
-
}
|
|
673
|
-
if (popoverFlag) {
|
|
674
|
-
var title = popProps.title,
|
|
675
|
-
content = popProps.content,
|
|
676
|
-
placement = popProps.placement;
|
|
677
|
-
|
|
678
|
-
return _react2['default'].createElement(
|
|
679
|
-
_col2['default'],
|
|
680
|
-
{ span: colSpan },
|
|
681
|
-
_react2['default'].createElement(
|
|
682
|
-
'span',
|
|
683
|
-
{ style: { position: 'relative' } },
|
|
684
|
-
_react2['default'].createElement(
|
|
685
|
-
FormItem,
|
|
686
|
-
{
|
|
687
|
-
labelCol: { span: 48 },
|
|
688
|
-
wrapperCol: { span: 48 },
|
|
689
|
-
style: formItemStyle
|
|
690
|
-
},
|
|
691
|
-
_react2['default'].createElement(
|
|
692
|
-
_popover2['default'],
|
|
693
|
-
{
|
|
694
|
-
title: title,
|
|
695
|
-
content: _react2['default'].createElement(
|
|
696
|
-
'div',
|
|
697
|
-
{ style: { padding: '4px 0' } },
|
|
698
|
-
_react2['default'].createElement(
|
|
699
|
-
'span',
|
|
700
|
-
{ style: { color: '#5468b2', width: 200, height: 300 } },
|
|
701
|
-
content
|
|
702
|
-
)
|
|
703
|
-
),
|
|
704
|
-
placement: placement
|
|
705
|
-
},
|
|
706
|
-
getFieldDecorator(fieldId, (0, _extends3['default'])({}, decoratorObj))(itemArea)
|
|
707
|
-
)
|
|
708
|
-
)
|
|
709
|
-
)
|
|
710
|
-
);
|
|
711
|
-
} else if (novalueFlag || fieldType === 'desc') {
|
|
712
|
-
return _react2['default'].createElement(
|
|
713
|
-
_col2['default'],
|
|
714
|
-
{ span: colSpan },
|
|
715
|
-
_react2['default'].createElement(
|
|
716
|
-
'span',
|
|
717
|
-
null,
|
|
718
|
-
itemArea
|
|
719
|
-
)
|
|
720
|
-
);
|
|
721
|
-
} else {
|
|
722
|
-
return _react2['default'].createElement(
|
|
723
|
-
_col2['default'],
|
|
724
|
-
{ span: colSpan },
|
|
725
|
-
_react2['default'].createElement(
|
|
726
|
-
'span',
|
|
727
|
-
{ style: { position: 'relative' } },
|
|
728
|
-
_react2['default'].createElement(
|
|
729
|
-
FormItem,
|
|
730
|
-
{
|
|
731
|
-
labelCol: { span: 48 },
|
|
732
|
-
wrapperCol: { span: 48 },
|
|
733
|
-
style: formItemStyle
|
|
734
|
-
},
|
|
735
|
-
getFieldDecorator(fieldId, (0, _extends3['default'])({}, decoratorObj))(itemArea)
|
|
736
|
-
)
|
|
737
|
-
)
|
|
738
|
-
);
|
|
739
|
-
}
|
|
740
|
-
}, _this.getSingleRow = function (rowItem) {
|
|
741
|
-
var cols = rowItem.cols,
|
|
742
|
-
rowReadFlag = rowItem.rowReadFlag,
|
|
743
|
-
rowAftBtnFlag = rowItem.rowAftBtnFlag;
|
|
744
|
-
var _this$props3 = _this.props,
|
|
745
|
-
rowItems = _this$props3.rowItems,
|
|
746
|
-
singleColFlag = _this$props3.singleColFlag,
|
|
747
|
-
doubleColFlag = _this$props3.doubleColFlag,
|
|
748
|
-
mixColFlag = _this$props3.mixColFlag,
|
|
749
|
-
allReadFlag = _this$props3.allReadFlag;
|
|
750
|
-
|
|
751
|
-
var threeRowItemFlag = false;
|
|
752
|
-
for (var _iterator = rowItems, _isArray = Array.isArray(_iterator), _i = 0, _iterator = _isArray ? _iterator : _iterator[Symbol.iterator]();;) {
|
|
753
|
-
var _ref;
|
|
754
|
-
|
|
755
|
-
if (_isArray) {
|
|
756
|
-
if (_i >= _iterator.length) break;
|
|
757
|
-
_ref = _iterator[_i++];
|
|
758
|
-
} else {
|
|
759
|
-
_i = _iterator.next();
|
|
760
|
-
if (_i.done) break;
|
|
761
|
-
_ref = _i.value;
|
|
762
|
-
}
|
|
763
|
-
|
|
764
|
-
var rItem = _ref;
|
|
765
|
-
|
|
766
|
-
if (rItem.cols.length === 3) {
|
|
767
|
-
threeRowItemFlag = true;
|
|
768
|
-
break;
|
|
769
|
-
}
|
|
770
|
-
}
|
|
771
|
-
var colsLength = cols.length;
|
|
772
|
-
var col1Layout = '';
|
|
773
|
-
var col2Layout = '';
|
|
774
|
-
var col3Layout = '';
|
|
775
|
-
if (singleColFlag) {
|
|
776
|
-
col1Layout = singleItem;
|
|
777
|
-
}
|
|
778
|
-
if (doubleColFlag) {
|
|
779
|
-
col1Layout = doubleItemLeft;
|
|
780
|
-
col2Layout = formItemRight;
|
|
781
|
-
if (rowAftBtnFlag) {
|
|
782
|
-
col2Layout = formItemRightWithBtn;
|
|
783
|
-
}
|
|
784
|
-
}
|
|
785
|
-
if (mixColFlag) {
|
|
786
|
-
if (colsLength === 1) {
|
|
787
|
-
col1Layout = mixSingle;
|
|
788
|
-
if (rowAftBtnFlag) {
|
|
789
|
-
col1Layout = mixSingleWithBtn;
|
|
790
|
-
}
|
|
791
|
-
}
|
|
792
|
-
if (colsLength === 2) {
|
|
793
|
-
col1Layout = doubleItemLeft;
|
|
794
|
-
col2Layout = formItemRight;
|
|
795
|
-
if (rowAftBtnFlag) {
|
|
796
|
-
col1Layout = doubleItemLeftWithBtn;
|
|
797
|
-
col2Layout = formItemRightWithBtn;
|
|
798
|
-
}
|
|
799
|
-
}
|
|
800
|
-
}
|
|
801
|
-
// 包含3列的行 重置布局
|
|
802
|
-
if (threeRowItemFlag === true) {
|
|
803
|
-
if (colsLength === 1) {
|
|
804
|
-
col1Layout = threeCol1Item;
|
|
805
|
-
}
|
|
806
|
-
if (colsLength === 2) {
|
|
807
|
-
col1Layout = threeItem;
|
|
808
|
-
col2Layout = threeCol2Item;
|
|
809
|
-
}
|
|
810
|
-
if (colsLength === 3) {
|
|
811
|
-
col1Layout = threeItem;
|
|
812
|
-
col2Layout = threeItem;
|
|
813
|
-
col3Layout = threeItem;
|
|
814
|
-
}
|
|
815
|
-
}
|
|
816
|
-
var leftItem = _this.getColItem(cols[0], col1Layout);
|
|
817
|
-
/** 获取所有列 */
|
|
818
|
-
var allCols = '';
|
|
819
|
-
if (colsLength === 1) {
|
|
820
|
-
allCols = _this.getOneColObj(leftItem, mixColFlag, allReadFlag, rowReadFlag);
|
|
821
|
-
}
|
|
822
|
-
if (colsLength === 2) {
|
|
823
|
-
var rightItem = _this.getColItem(cols[1], col2Layout);
|
|
824
|
-
allCols = _this.getTwoColObj(leftItem, rightItem, allReadFlag, rowReadFlag);
|
|
825
|
-
}
|
|
826
|
-
if (colsLength === 3) {
|
|
827
|
-
var right2Item = _this.getColItem(cols[1], col2Layout);
|
|
828
|
-
var right3Item = _this.getColItem(cols[2], col3Layout);
|
|
829
|
-
allCols = _this.getThreeColObj(leftItem, right2Item, right3Item, allReadFlag, rowReadFlag);
|
|
830
|
-
}
|
|
831
|
-
return allCols;
|
|
832
|
-
}, _this.getOneColObj = function (colObj, mixColFlag, allReadFlag, rowReadFlag) {
|
|
833
|
-
var colSpan = 24;
|
|
834
|
-
var children1 = colObj.props.children || '';
|
|
835
|
-
var props1 = children1 ? children1.props : '';
|
|
836
|
-
var gutter1 = props1 ? props1.gutter : '';
|
|
837
|
-
colSpan = mixColFlag ? 24 : colSpan;
|
|
838
|
-
return _react2['default'].createElement(
|
|
839
|
-
_row2['default'],
|
|
840
|
-
{ className: allReadFlag || rowReadFlag ? (0, _classnames2['default'])(['e3wFormItem']) : '' },
|
|
841
|
-
_react2['default'].createElement(
|
|
842
|
-
_col2['default'],
|
|
843
|
-
{ style: { marginBottom: gutter1 === 0 ? -24 : 0 }, span: colSpan },
|
|
844
|
-
colObj
|
|
845
|
-
)
|
|
846
|
-
);
|
|
847
|
-
}, _this.getTwoColObj = function (colObj, rightColObj, allReadFlag, rowReadFlag) {
|
|
848
|
-
var children1 = colObj.props.children || '';
|
|
849
|
-
var children2 = rightColObj.props.children || '';
|
|
850
|
-
var props1 = children1 ? children1.props : '';
|
|
851
|
-
var props2 = children2 ? children2.props : '';
|
|
852
|
-
var gutter1 = props1 ? props1.gutter : '';
|
|
853
|
-
var gutter2 = props2 ? props2.gutter : '';
|
|
854
|
-
return _react2['default'].createElement(
|
|
855
|
-
_row2['default'],
|
|
856
|
-
{ className: allReadFlag || rowReadFlag ? (0, _classnames2['default'])(['e3wFormItem']) : '' },
|
|
857
|
-
_react2['default'].createElement(
|
|
858
|
-
_col2['default'],
|
|
859
|
-
{ style: { marginBottom: gutter1 === 0 ? -24 : 0 }, span: 12 },
|
|
860
|
-
colObj
|
|
861
|
-
),
|
|
862
|
-
_react2['default'].createElement(
|
|
863
|
-
_col2['default'],
|
|
864
|
-
{ style: { marginBottom: gutter2 === 0 ? -24 : 0 }, span: 12 },
|
|
865
|
-
rightColObj
|
|
866
|
-
)
|
|
867
|
-
);
|
|
868
|
-
}, _this.getThreeColObj = function (colObj, col2Obj, col3Obj, allReadFlag, rowReadFlag) {
|
|
869
|
-
var children1 = colObj.props.children || '';
|
|
870
|
-
var children2 = col2Obj.props.children || '';
|
|
871
|
-
var children3 = col3Obj.props.children || '';
|
|
872
|
-
var props1 = children1 ? children1.props : '';
|
|
873
|
-
var props2 = children2 ? children2.props : '';
|
|
874
|
-
var props3 = children3 ? children3.props : '';
|
|
875
|
-
var gutter1 = props1 ? props1.gutter : '';
|
|
876
|
-
var gutter2 = props2 ? props2.gutter : '';
|
|
877
|
-
var gutter3 = props3 ? props3.gutter : '';
|
|
878
|
-
return _react2['default'].createElement(
|
|
879
|
-
_row2['default'],
|
|
880
|
-
{ className: allReadFlag || rowReadFlag ? (0, _classnames2['default'])(['e3wFormItem']) : '' },
|
|
881
|
-
_react2['default'].createElement(
|
|
882
|
-
_col2['default'],
|
|
883
|
-
{ style: { marginBottom: gutter1 === 0 ? -24 : 0 }, span: 8 },
|
|
884
|
-
colObj
|
|
885
|
-
),
|
|
886
|
-
_react2['default'].createElement(
|
|
887
|
-
_col2['default'],
|
|
888
|
-
{ style: { marginBottom: gutter2 === 0 ? -24 : 0 }, span: 8 },
|
|
889
|
-
col2Obj
|
|
890
|
-
),
|
|
891
|
-
_react2['default'].createElement(
|
|
892
|
-
_col2['default'],
|
|
893
|
-
{ style: { marginBottom: gutter3 === 0 ? -24 : 0 }, span: 8 },
|
|
894
|
-
col3Obj
|
|
895
|
-
)
|
|
896
|
-
);
|
|
897
|
-
}, _this.getColItem = function (colObj, formItemLayout) {
|
|
898
|
-
var fieldType = colObj.fieldType;
|
|
899
|
-
|
|
900
|
-
var itemArea = _this.getItemArea(colObj);
|
|
901
|
-
var itemValue = _this.getItemValue(colObj);
|
|
902
|
-
var afterBtns = _this.getAfterBtn(colObj);
|
|
903
|
-
if (fieldType === 'upload') {
|
|
904
|
-
var up = _this.getUploadColItem(colObj, formItemLayout);
|
|
905
|
-
return up;
|
|
906
|
-
}
|
|
907
|
-
if (fieldType === 'uploadB') {
|
|
908
|
-
var _up = _this.getUploadBColItem(colObj, formItemLayout);
|
|
909
|
-
return _up;
|
|
910
|
-
}
|
|
911
|
-
if (fieldType === 'uploadM') {
|
|
912
|
-
var _up2 = _this.getUploadMColItem(colObj, formItemLayout);
|
|
913
|
-
return _up2;
|
|
914
|
-
}
|
|
915
|
-
if (fieldType === 'inputNumberFormat') {
|
|
916
|
-
var _up3 = _this.inputNumberFormatHandler(colObj, formItemLayout);
|
|
917
|
-
return _up3;
|
|
918
|
-
}
|
|
919
|
-
var formItem = _this.getFormItem(colObj, itemValue, afterBtns, itemArea, formItemLayout);
|
|
920
|
-
return formItem;
|
|
921
|
-
}, _this.getAllForms = function () {
|
|
922
|
-
var _this$props4 = _this.props,
|
|
923
|
-
rowItems = _this$props4.rowItems,
|
|
924
|
-
hiddenItems = _this$props4.hiddenItems,
|
|
925
|
-
loadFinishFlag = _this$props4.loadFinishFlag,
|
|
926
|
-
bigFormFlag = _this$props4.bigFormFlag;
|
|
927
|
-
|
|
928
|
-
if (bigFormFlag === true) {
|
|
929
|
-
if (loadFinishFlag === false) {
|
|
930
|
-
return '';
|
|
931
|
-
}
|
|
932
|
-
}
|
|
933
|
-
// const hadLoadIngProps = Object.prototype.hasOwnProperty.call(this.props, 'loading');
|
|
934
|
-
// if (!hadLoadIngProps || loading === true) {
|
|
935
|
-
// return '';
|
|
936
|
-
// }
|
|
937
|
-
var uiForms = [];
|
|
938
|
-
var hiddenForms = [];
|
|
939
|
-
if (rowItems) {
|
|
940
|
-
uiForms = rowItems.map(function (rowItem) {
|
|
941
|
-
var singleRow = _this.getSingleRow(rowItem);
|
|
942
|
-
return singleRow;
|
|
943
|
-
});
|
|
944
|
-
}
|
|
945
|
-
if (hiddenItems) {
|
|
946
|
-
hiddenForms = hiddenItems.map(function (hiddenItem) {
|
|
947
|
-
var obj = _this.getHiddenItem(hiddenItem);
|
|
948
|
-
return obj;
|
|
949
|
-
});
|
|
950
|
-
}
|
|
951
|
-
var allForms = [];
|
|
952
|
-
allForms.push.apply(allForms, uiForms);
|
|
953
|
-
allForms.push.apply(allForms, hiddenForms);
|
|
954
|
-
return allForms;
|
|
955
|
-
}, _this.getHiddenItem = function (hiddenItem) {
|
|
956
|
-
var form = _this.props.form;
|
|
957
|
-
var getFieldDecorator = form.getFieldDecorator;
|
|
958
|
-
var fieldId = hiddenItem.fieldId,
|
|
959
|
-
value = hiddenItem.value;
|
|
960
|
-
|
|
961
|
-
return _react2['default'].createElement(
|
|
962
|
-
'span',
|
|
963
|
-
null,
|
|
964
|
-
getFieldDecorator(fieldId, { initialValue: value })(_react2['default'].createElement(_input2['default'], { type: 'hidden' }))
|
|
965
|
-
);
|
|
966
|
-
}, _this.getUploadColItem = function (colObj, formItemLayout) {
|
|
967
|
-
var label = colObj.label,
|
|
968
|
-
fieldId = colObj.fieldId,
|
|
969
|
-
required = colObj.required,
|
|
970
|
-
cmptPros = colObj.cmptPros,
|
|
971
|
-
help = colObj.help;
|
|
972
|
-
var allReadFlag = _this.props.allReadFlag;
|
|
973
|
-
var form = cmptPros.form;
|
|
974
|
-
|
|
975
|
-
var isReadVal = false;
|
|
976
|
-
if (cmptPros.isRead) {
|
|
977
|
-
isReadVal = cmptPros.isRead;
|
|
978
|
-
}
|
|
979
|
-
if (allReadFlag) {
|
|
980
|
-
isReadVal = true;
|
|
981
|
-
}
|
|
982
|
-
var cmptProsNew = (0, _extends3['default'])({}, cmptPros, { isRead: isReadVal });
|
|
983
|
-
return _react2['default'].createElement(_easy3wui.Easy3wUpload, (0, _extends3['default'])({
|
|
984
|
-
uploadName: fieldId,
|
|
985
|
-
help: help || '请上传附件',
|
|
986
|
-
sendData: '',
|
|
987
|
-
form: form,
|
|
988
|
-
required: required,
|
|
989
|
-
label: label
|
|
990
|
-
}, formItemLayout, cmptProsNew));
|
|
991
|
-
}, _this.getUploadBColItem = function (colObj, formItemLayout) {
|
|
992
|
-
var label = colObj.label,
|
|
993
|
-
fieldId = colObj.fieldId,
|
|
994
|
-
required = colObj.required,
|
|
995
|
-
cmptPros = colObj.cmptPros;
|
|
996
|
-
var form = cmptPros.form;
|
|
997
|
-
var allReadFlag = _this.props.allReadFlag;
|
|
998
|
-
|
|
999
|
-
var isReadVal = false;
|
|
1000
|
-
if (cmptPros.isRead) {
|
|
1001
|
-
isReadVal = cmptPros.isRead;
|
|
1002
|
-
}
|
|
1003
|
-
if (allReadFlag) {
|
|
1004
|
-
isReadVal = true;
|
|
1005
|
-
}
|
|
1006
|
-
var cmptProsNew = (0, _extends3['default'])({}, cmptPros, { isRead: isReadVal });
|
|
1007
|
-
return _react2['default'].createElement(_easy3wui.Easy3wUploadB, (0, _extends3['default'])({
|
|
1008
|
-
uploadName: fieldId,
|
|
1009
|
-
name: fieldId,
|
|
1010
|
-
sendData: '',
|
|
1011
|
-
form: form,
|
|
1012
|
-
required: required,
|
|
1013
|
-
label: label
|
|
1014
|
-
}, formItemLayout, cmptProsNew));
|
|
1015
|
-
}, _this.getUploadMColItem = function (colObj, formItemLayout) {
|
|
1016
|
-
var label = colObj.label,
|
|
1017
|
-
fieldId = colObj.fieldId,
|
|
1018
|
-
required = colObj.required,
|
|
1019
|
-
cmptPros = colObj.cmptPros;
|
|
1020
|
-
var form = cmptPros.form;
|
|
1021
|
-
var allReadFlag = _this.props.allReadFlag;
|
|
1022
|
-
|
|
1023
|
-
var isReadVal = false;
|
|
1024
|
-
if (cmptPros.isRead) {
|
|
1025
|
-
isReadVal = cmptPros.isRead;
|
|
1026
|
-
}
|
|
1027
|
-
if (allReadFlag) {
|
|
1028
|
-
isReadVal = true;
|
|
1029
|
-
}
|
|
1030
|
-
var cmptProsNew = (0, _extends3['default'])({}, cmptPros, { isRead: isReadVal });
|
|
1031
|
-
return _react2['default'].createElement(_easy3wui.Easy3wUploadM, (0, _extends3['default'])({
|
|
1032
|
-
uploadName: fieldId,
|
|
1033
|
-
sendData: '',
|
|
1034
|
-
form: form,
|
|
1035
|
-
required: required,
|
|
1036
|
-
label: label
|
|
1037
|
-
}, formItemLayout, cmptProsNew));
|
|
1038
|
-
}, _this.inputHandler = function (item) {
|
|
1039
|
-
var _item$cmptPros = item.cmptPros,
|
|
1040
|
-
cmptPros = _item$cmptPros === undefined ? {} : _item$cmptPros;
|
|
1041
|
-
|
|
1042
|
-
return _react2['default'].createElement(_input2['default'], cmptPros);
|
|
1043
|
-
}, _this.selectHandler = function (item) {
|
|
1044
|
-
var cmptPros = item.cmptPros;
|
|
1045
|
-
var optionLst = cmptPros.optionLst;
|
|
1046
|
-
|
|
1047
|
-
var selectOpts = optionLst.map(function (opt) {
|
|
1048
|
-
return opt.key || opt.value ? _react2['default'].createElement(
|
|
1049
|
-
Option,
|
|
1050
|
-
{ key: opt.key || opt.value, disabled: opt.disabled },
|
|
1051
|
-
opt.label
|
|
1052
|
-
) : '';
|
|
1053
|
-
});
|
|
1054
|
-
return _react2['default'].createElement(
|
|
1055
|
-
_select2['default'],
|
|
1056
|
-
(0, _extends3['default'])({
|
|
1057
|
-
style: { width: '100%' }
|
|
1058
|
-
}, cmptPros, {
|
|
1059
|
-
allowClear: true
|
|
1060
|
-
}),
|
|
1061
|
-
selectOpts
|
|
1062
|
-
);
|
|
1063
|
-
}, _this.tagSelectHandler = function (item) {
|
|
1064
|
-
var cmptPros = item.cmptPros;
|
|
1065
|
-
var optionLst = cmptPros.optionLst;
|
|
1066
|
-
|
|
1067
|
-
return _react2['default'].createElement(
|
|
1068
|
-
_easy3wui.Easy3wTagSelect,
|
|
1069
|
-
(0, _extends3['default'])({ last: true, lessNum: 2 }, cmptPros),
|
|
1070
|
-
optionLst.map(function (option) {
|
|
1071
|
-
return _react2['default'].createElement(
|
|
1072
|
-
_easy3wui.Easy3wTagSelect.Option,
|
|
1073
|
-
{ value: option.value },
|
|
1074
|
-
option.label
|
|
1075
|
-
);
|
|
1076
|
-
})
|
|
1077
|
-
);
|
|
1078
|
-
}, _this.sliderHandler = function (item) {
|
|
1079
|
-
var cmptPros = item.cmptPros;
|
|
1080
|
-
|
|
1081
|
-
return _react2['default'].createElement(_slider2['default'], cmptPros);
|
|
1082
|
-
}, _this.switchHandler = function (item) {
|
|
1083
|
-
var cmptPros = item.cmptPros;
|
|
1084
|
-
|
|
1085
|
-
return _react2['default'].createElement(_switch2['default'], cmptPros);
|
|
1086
|
-
}, _this.datePickerHandler = function (item) {
|
|
1087
|
-
var cmptPros = item.cmptPros;
|
|
1088
|
-
|
|
1089
|
-
return _react2['default'].createElement(_datePicker2['default'], (0, _extends3['default'])({
|
|
1090
|
-
locale: _zh_CN2['default'],
|
|
1091
|
-
style: { width: '100%', marginRight: 0 },
|
|
1092
|
-
format: 'YYYY-MM-DD'
|
|
1093
|
-
}, cmptPros));
|
|
1094
|
-
}, _this.rangeMinutes = function (start, mid, end) {
|
|
1095
|
-
var result = [];
|
|
1096
|
-
for (var i = start; i < mid; i += 1) {
|
|
1097
|
-
result.push(i);
|
|
1098
|
-
}
|
|
1099
|
-
for (var _i2 = mid + 1; _i2 < end; _i2 += 1) {
|
|
1100
|
-
result.push(_i2);
|
|
1101
|
-
}
|
|
1102
|
-
return result;
|
|
1103
|
-
}, _this.rangeSeconds = function (start, end) {
|
|
1104
|
-
var result = [];
|
|
1105
|
-
for (var i = start; i < end; i += 1) {
|
|
1106
|
-
result.push(i);
|
|
1107
|
-
}
|
|
1108
|
-
return result;
|
|
1109
|
-
}, _this.disabledDateTime = function () {
|
|
1110
|
-
return {
|
|
1111
|
-
disabledMinutes: function disabledMinutes() {
|
|
1112
|
-
return _this.rangeMinutes(1, 30, 60);
|
|
1113
|
-
},
|
|
1114
|
-
disabledSeconds: function disabledSeconds() {
|
|
1115
|
-
return _this.rangeSeconds(1, 60);
|
|
1116
|
-
}
|
|
1117
|
-
};
|
|
1118
|
-
}, _this.dateTimePickerHandler = function (item) {
|
|
1119
|
-
var cmptPros = item.cmptPros;
|
|
1120
|
-
|
|
1121
|
-
if (cmptPros && cmptPros.setWholeTime) {
|
|
1122
|
-
return _react2['default'].createElement(_datePicker2['default'], (0, _extends3['default'])({
|
|
1123
|
-
style: { width: '100%', marginRight: 0 },
|
|
1124
|
-
format: 'YYYY-MM-DD HH:mm:ss',
|
|
1125
|
-
showTime: true,
|
|
1126
|
-
locale: _zh_CN2['default']
|
|
1127
|
-
}, cmptPros));
|
|
1128
|
-
} else {
|
|
1129
|
-
return _react2['default'].createElement(_datePicker2['default'], (0, _extends3['default'])({
|
|
1130
|
-
style: { width: '100%', marginRight: 0 },
|
|
1131
|
-
disabledTime: _this.disabledDateTime,
|
|
1132
|
-
showTime: { hideDisabledOptions: true, defaultValue: (0, _moment2['default'])('09:00:00', 'HH:mm:ss') },
|
|
1133
|
-
format: 'YYYY-MM-DD HH:mm',
|
|
1134
|
-
locale: _zh_CN2['default']
|
|
1135
|
-
}, cmptPros));
|
|
1136
|
-
}
|
|
1137
|
-
}, _this.timePickerHandler = function (item) {
|
|
1138
|
-
var cmptPros = item.cmptPros;
|
|
1139
|
-
|
|
1140
|
-
return _react2['default'].createElement(_timePicker2['default'], (0, _extends3['default'])({
|
|
1141
|
-
format: 'HH:mm:ss'
|
|
1142
|
-
}, cmptPros));
|
|
1143
|
-
}, _this.monthPickerHandler = function (item) {
|
|
1144
|
-
var cmptPros = item.cmptPros;
|
|
1145
|
-
|
|
1146
|
-
return _react2['default'].createElement(MonthPicker, (0, _extends3['default'])({
|
|
1147
|
-
format: 'YYYY-MM'
|
|
1148
|
-
}, cmptPros));
|
|
1149
|
-
}, _this.rangePickerHandler = function (item) {
|
|
1150
|
-
var cmptPros = item.cmptPros;
|
|
1151
|
-
|
|
1152
|
-
return _react2['default'].createElement(RangePicker, (0, _extends3['default'])({
|
|
1153
|
-
locale: _zh_CN2['default'],
|
|
1154
|
-
style: { width: '100%' },
|
|
1155
|
-
format: 'YYYY-MM-DD'
|
|
1156
|
-
}, cmptPros));
|
|
1157
|
-
}, _this.transferHandler = function (item) {
|
|
1158
|
-
var cmptPros = item.cmptPros;
|
|
1159
|
-
|
|
1160
|
-
return _react2['default'].createElement(_transfer2['default'], cmptPros);
|
|
1161
|
-
}, _this.treeSelectHandler = function (item) {
|
|
1162
|
-
var cmptPros = item.cmptPros;
|
|
1163
|
-
|
|
1164
|
-
var treeSelectProps = {
|
|
1165
|
-
allowClear: true,
|
|
1166
|
-
showLine: true,
|
|
1167
|
-
showSearch: true,
|
|
1168
|
-
dropdownStyle: { maxHeight: 300, overflow: 'auto' },
|
|
1169
|
-
treeDefaultExpandAll: false,
|
|
1170
|
-
showCheckedStrategy: _treeSelect2['default'].SHOW_CHILD,
|
|
1171
|
-
searchPlaceholder: '请输入关键字或点击三角箭头展开后选择',
|
|
1172
|
-
treeNodeFilterProp: 'title',
|
|
1173
|
-
style: {
|
|
1174
|
-
width: '100%'
|
|
1175
|
-
}
|
|
1176
|
-
};
|
|
1177
|
-
return _react2['default'].createElement(_treeSelect2['default'], (0, _extends3['default'])({}, treeSelectProps, cmptPros));
|
|
1178
|
-
}, _this.radioHandler = function (item) {
|
|
1179
|
-
var cmptPros = item.cmptPros;
|
|
1180
|
-
|
|
1181
|
-
return _react2['default'].createElement(RadioGroup, cmptPros);
|
|
1182
|
-
}, _this.checkBoxHandler = function (item) {
|
|
1183
|
-
var cmptPros = item.cmptPros;
|
|
1184
|
-
|
|
1185
|
-
return _react2['default'].createElement(CheckboxGroup, cmptPros);
|
|
1186
|
-
}, _this.textAreaOnchange = function (e, maxLength) {
|
|
1187
|
-
if (e && e.target.value.length > maxLength) {
|
|
1188
|
-
_message3['default'].info('\u8F93\u5165\u5B57\u6570\u4E0D\u80FD\u8D85\u8FC7' + maxLength);
|
|
1189
|
-
}
|
|
1190
|
-
}, _this.textareaHandler = function (item) {
|
|
1191
|
-
var cmptPros = item.cmptPros;
|
|
1192
|
-
|
|
1193
|
-
var maxlength = void 0;
|
|
1194
|
-
if (!cmptPros || cmptPros && !cmptPros.rows) {
|
|
1195
|
-
cmptPros = (0, _extends3['default'])({}, cmptPros, { autosize: true });
|
|
1196
|
-
}
|
|
1197
|
-
if (cmptPros && (cmptPros.maxLength || cmptPros.maxlength)) {
|
|
1198
|
-
maxlength = cmptPros.maxLength || cmptPros.maxlength;
|
|
1199
|
-
}
|
|
1200
|
-
return _react2['default'].createElement(TextArea, (0, _extends3['default'])({ onChange: function onChange(e) {
|
|
1201
|
-
return _this.textAreaOnchange(e, maxlength);
|
|
1202
|
-
} }, cmptPros));
|
|
1203
|
-
}, _this.inputNumberHandler = function (item) {
|
|
1204
|
-
var cmptPros = item.cmptPros;
|
|
1205
|
-
|
|
1206
|
-
return _react2['default'].createElement(_inputNumber2['default'], cmptPros);
|
|
1207
|
-
}, _this.inputNumberFormatHandler = function (item, formItemLayout) {
|
|
1208
|
-
var allReadFlag = _this.props.allReadFlag;
|
|
1209
|
-
var getFieldDecorator = _this.props.form.getFieldDecorator;
|
|
1210
|
-
var cmptPros = item.cmptPros,
|
|
1211
|
-
label = item.label,
|
|
1212
|
-
fieldId = item.fieldId,
|
|
1213
|
-
requiredMessage = item.requiredMessage,
|
|
1214
|
-
required = item.required,
|
|
1215
|
-
value = item.value,
|
|
1216
|
-
disableFlag = item.disableFlag,
|
|
1217
|
-
formItemProps = item.formItemProps,
|
|
1218
|
-
readFlag = item.readFlag;
|
|
1219
|
-
|
|
1220
|
-
var addrules = [{ required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label }];
|
|
1221
|
-
if (cmptPros && cmptPros.rules) {
|
|
1222
|
-
var rules = cmptPros.rules;
|
|
1223
|
-
|
|
1224
|
-
addrules.push.apply(addrules, rules);
|
|
1225
|
-
}
|
|
1226
|
-
var afterBtns = _this.getAfterBtn(item);
|
|
1227
|
-
if (readFlag || allReadFlag) {
|
|
1228
|
-
return _react2['default'].createElement(
|
|
1229
|
-
FormItem,
|
|
1230
|
-
(0, _extends3['default'])({
|
|
1231
|
-
label: label
|
|
1232
|
-
}, formItemLayout, formItemProps, {
|
|
1233
|
-
style: formItemStyle
|
|
1234
|
-
}),
|
|
1235
|
-
getFieldDecorator(fieldId + 'Easy3wView', {
|
|
1236
|
-
initialValue: 'easy3wView',
|
|
1237
|
-
rules: [{ required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label }]
|
|
1238
|
-
})(_react2['default'].createElement(_input2['default'], { type: 'hidden' })),
|
|
1239
|
-
value,
|
|
1240
|
-
' ',
|
|
1241
|
-
afterBtns
|
|
1242
|
-
);
|
|
1243
|
-
}
|
|
1244
|
-
return _react2['default'].createElement(
|
|
1245
|
-
FormItem,
|
|
1246
|
-
(0, _extends3['default'])({
|
|
1247
|
-
label: label
|
|
1248
|
-
}, formItemLayout, formItemProps, {
|
|
1249
|
-
style: formItemStyle
|
|
1250
|
-
}),
|
|
1251
|
-
_react2['default'].createElement(
|
|
1252
|
-
'div',
|
|
1253
|
-
{ style: { position: 'relative' } },
|
|
1254
|
-
_react2['default'].createElement(
|
|
1255
|
-
_row2['default'],
|
|
1256
|
-
null,
|
|
1257
|
-
_react2['default'].createElement(
|
|
1258
|
-
_col2['default'],
|
|
1259
|
-
{ span: cmptPros && cmptPros.addonAfter ? 21 : 24 },
|
|
1260
|
-
getFieldDecorator(fieldId, { rules: addrules, initialValue: value })(_react2['default'].createElement(_inputNumber2['default'], (0, _extends3['default'])({
|
|
1261
|
-
formatter: function formatter(val) {
|
|
1262
|
-
return ('' + val).replace(/\B(?=(\d{3})+(?!\d))/g, ',');
|
|
1263
|
-
},
|
|
1264
|
-
parser: function parser(val) {
|
|
1265
|
-
return val.replace(/\$\s?|(,*)/g, '');
|
|
1266
|
-
},
|
|
1267
|
-
precision: 2,
|
|
1268
|
-
disabled: disableFlag,
|
|
1269
|
-
onChange: function onChange(onChangeValue) {
|
|
1270
|
-
var _this$props$form$setF;
|
|
1271
|
-
|
|
1272
|
-
return _this.props.form.setFieldsValue((_this$props$form$setF = {}, _this$props$form$setF[item.fieldId] = onChangeValue, _this$props$form$setF));
|
|
1273
|
-
},
|
|
1274
|
-
style: { width: '100%', bottom: '4px' }
|
|
1275
|
-
}, cmptPros)))
|
|
1276
|
-
),
|
|
1277
|
-
_react2['default'].createElement(
|
|
1278
|
-
_col2['default'],
|
|
1279
|
-
{ span: cmptPros && cmptPros.addonAfter ? 3 : 0 },
|
|
1280
|
-
cmptPros ? cmptPros.addonAfter ? _react2['default'].createElement(
|
|
1281
|
-
'span',
|
|
1282
|
-
{ className: 'ant-input-group-addon', style: { lineHeight: '30px', borderRadius: '0px 5px 5px 0px' } },
|
|
1283
|
-
cmptPros.addonAfter
|
|
1284
|
-
) : null : null
|
|
1285
|
-
)
|
|
1286
|
-
),
|
|
1287
|
-
_react2['default'].createElement(
|
|
1288
|
-
'div',
|
|
1289
|
-
{ style: { position: 'absolute', left: '100%', zIndex: 2, top: '0px' } },
|
|
1290
|
-
afterBtns
|
|
1291
|
-
)
|
|
1292
|
-
)
|
|
1293
|
-
);
|
|
1294
|
-
}, _this.numberInputHandler = function (item) {
|
|
1295
|
-
var cmptPros = item.cmptPros;
|
|
1296
|
-
|
|
1297
|
-
return _react2['default'].createElement(_input2['default'], (0, _extends3['default'])({
|
|
1298
|
-
onBlur: function onBlur(e) {
|
|
1299
|
-
return _this.numberInputonBlur(e, item);
|
|
1300
|
-
},
|
|
1301
|
-
onChange: _this.numberInputonChange,
|
|
1302
|
-
onPressEnter: function onPressEnter(e) {
|
|
1303
|
-
return _this.numberInputonBlur(e, item);
|
|
1304
|
-
},
|
|
1305
|
-
rules: [{ pattern: /^\d+(\.\d+)?$/, message: '数字' }]
|
|
1306
|
-
}, cmptPros));
|
|
1307
|
-
}, _this.numberInputonChange = function (e) {
|
|
1308
|
-
var value = e.target.value;
|
|
1309
|
-
|
|
1310
|
-
var val = _this.replaceAllNumberInput(value);
|
|
1311
|
-
var reg = /^-?(0|[1-9][0-9]*)(\.[0-9]*)?$/;
|
|
1312
|
-
if (!isNaN(val) && reg.test(val) || val === '' || val === '-') {
|
|
1313
|
-
// this.props.onChange(value);
|
|
1314
|
-
}
|
|
1315
|
-
}, _this.numberInputonBlur = function (e, item) {
|
|
1316
|
-
var _this$props$form$setF2;
|
|
1317
|
-
|
|
1318
|
-
var value = e.target.value;
|
|
1319
|
-
|
|
1320
|
-
if (value === '' || value === null || value === undefined) {
|
|
1321
|
-
return null;
|
|
1322
|
-
}
|
|
1323
|
-
_this.props.form.setFieldsValue((_this$props$form$setF2 = {}, _this$props$form$setF2[item.fieldId] = (0, _numeral2['default'])(e.target.value).format('0,0.00'), _this$props$form$setF2));
|
|
1324
|
-
}, _this.replaceAllNumberInput = function (value) {
|
|
1325
|
-
if (typeof value !== 'string') {
|
|
1326
|
-
return value;
|
|
1327
|
-
} else {
|
|
1328
|
-
return Number(value.replace(/,/g, ''));
|
|
1329
|
-
}
|
|
1330
|
-
}, _this.mentionHandler = function (item) {
|
|
1331
|
-
var cmptPros = item.cmptPros;
|
|
1332
|
-
|
|
1333
|
-
return _react2['default'].createElement(_mention2['default'], cmptPros);
|
|
1334
|
-
}, _this.rateHandler = function (item) {
|
|
1335
|
-
var cmptPros = item.cmptPros;
|
|
1336
|
-
|
|
1337
|
-
return _react2['default'].createElement(_rate2['default'], cmptPros);
|
|
1338
|
-
}, _this.autoCompleteHandler = function (item) {
|
|
1339
|
-
var cmptPros = item.cmptPros;
|
|
1340
|
-
|
|
1341
|
-
return _react2['default'].createElement(_autoComplete2['default'], cmptPros);
|
|
1342
|
-
}, _this.braftEditorHandler = function (item) {
|
|
1343
|
-
var cmptPros = item.cmptPros;
|
|
1344
|
-
|
|
1345
|
-
return _react2['default'].createElement(_braftEditor2['default'], cmptPros);
|
|
1346
|
-
}, _this.cascaderHandler = function (item) {
|
|
1347
|
-
var cmptPros = item.cmptPros;
|
|
1348
|
-
|
|
1349
|
-
return _react2['default'].createElement(_cascader2['default'], cmptPros);
|
|
1350
|
-
}, _this.iconHandler = function (item) {
|
|
1351
|
-
var cmptPros = item.cmptPros;
|
|
1352
|
-
|
|
1353
|
-
return _react2['default'].createElement(_icon2['default'], cmptPros);
|
|
1354
|
-
}, _this.strTemplateHandler = function (item) {
|
|
1355
|
-
var cmptPros = item.cmptPros;
|
|
1356
|
-
var templateArray = cmptPros.templateArray;
|
|
1357
|
-
|
|
1358
|
-
var templateArr = templateArray.map(function (obj) {
|
|
1359
|
-
if (obj.fieldType === 'inputNumberFormat') {
|
|
1360
|
-
var up = _this.inputNumberFormatHandler(obj);
|
|
1361
|
-
return up;
|
|
1362
|
-
}
|
|
1363
|
-
var objArea = _this.getItemArea(obj);
|
|
1364
|
-
var itemArea = _this.getStrTemplateItem(obj, objArea);
|
|
1365
|
-
return itemArea;
|
|
1366
|
-
});
|
|
1367
|
-
var retObj = _react2['default'].createElement(
|
|
1368
|
-
_row2['default'],
|
|
1369
|
-
null,
|
|
1370
|
-
templateArr
|
|
1371
|
-
);
|
|
1372
|
-
return retObj;
|
|
1373
|
-
}, _this.descHandler = function (item) {
|
|
1374
|
-
var value = item.value;
|
|
1375
|
-
|
|
1376
|
-
return value;
|
|
1377
|
-
}, _this.btnHandler = function (obj) {
|
|
1378
|
-
var func = obj.func,
|
|
1379
|
-
cName = obj.cName,
|
|
1380
|
-
confirmContent = obj.confirmContent;
|
|
1381
|
-
|
|
1382
|
-
if (confirmContent) {
|
|
1383
|
-
return _react2['default'].createElement(
|
|
1384
|
-
_popconfirm2['default'],
|
|
1385
|
-
{ title: confirmContent, onConfirm: function onConfirm(e) {
|
|
1386
|
-
return _this.onClickFunc(e, func);
|
|
1387
|
-
} },
|
|
1388
|
-
_react2['default'].createElement(
|
|
1389
|
-
_button2['default'],
|
|
1390
|
-
{ className: (0, _classnames2['default'])(['e3wFootBtn']) },
|
|
1391
|
-
cName
|
|
1392
|
-
)
|
|
1393
|
-
);
|
|
1394
|
-
}
|
|
1395
|
-
return _react2['default'].createElement(
|
|
1396
|
-
_button2['default'],
|
|
1397
|
-
{
|
|
1398
|
-
onClick: function onClick(e) {
|
|
1399
|
-
return _this.onClickFunc(e, func);
|
|
1400
|
-
},
|
|
1401
|
-
className: (0, _classnames2['default'])(['e3wFootBtn'])
|
|
1402
|
-
},
|
|
1403
|
-
cName
|
|
1404
|
-
);
|
|
1405
|
-
}, _this.aHandler = function (obj) {
|
|
1406
|
-
var func = obj.func,
|
|
1407
|
-
cName = obj.cName;
|
|
1408
|
-
|
|
1409
|
-
return _react2['default'].createElement(
|
|
1410
|
-
'a',
|
|
1411
|
-
{
|
|
1412
|
-
onClick: function onClick(e) {
|
|
1413
|
-
return _this.onClickFunc(e, func);
|
|
1414
|
-
},
|
|
1415
|
-
className: (0, _classnames2['default'])(['e3wFootBtn'])
|
|
1416
|
-
},
|
|
1417
|
-
cName
|
|
1418
|
-
);
|
|
1419
|
-
}, _this.strHandler = function (obj) {
|
|
1420
|
-
var cName = obj.cName,
|
|
1421
|
-
color = obj.color;
|
|
1422
|
-
|
|
1423
|
-
return _react2['default'].createElement(
|
|
1424
|
-
'span',
|
|
1425
|
-
{
|
|
1426
|
-
className: (0, _classnames2['default'])(['e3wFootBtn']),
|
|
1427
|
-
style: { color: color || '' }
|
|
1428
|
-
},
|
|
1429
|
-
cName
|
|
1430
|
-
);
|
|
1431
|
-
}, _temp), (0, _possibleConstructorReturn3['default'])(_this, _ret);
|
|
1432
|
-
}
|
|
1433
|
-
/** 使用何种表单域 */
|
|
1434
|
-
|
|
1435
|
-
/** 获取value */
|
|
1436
|
-
|
|
1437
|
-
/** 获取FormItem */
|
|
1438
|
-
|
|
1439
|
-
/** 获取单行 */
|
|
1440
|
-
|
|
1441
|
-
/** 单列 */
|
|
1442
|
-
|
|
1443
|
-
/** 双列 */
|
|
1444
|
-
|
|
1445
|
-
/** 三列 */
|
|
1446
|
-
|
|
1447
|
-
/** upload start */
|
|
1448
|
-
|
|
1449
|
-
/** upload end */
|
|
1450
|
-
/** upload start */
|
|
1451
|
-
|
|
1452
|
-
/** upload end */
|
|
1453
|
-
/** upload start */
|
|
1454
|
-
|
|
1455
|
-
/** upload end */
|
|
1456
|
-
/** input start */
|
|
1457
|
-
|
|
1458
|
-
/** input end */
|
|
1459
|
-
|
|
1460
|
-
/** select start */
|
|
1461
|
-
|
|
1462
|
-
/** select end */
|
|
1463
|
-
|
|
1464
|
-
/** tagSelectHandler start */
|
|
1465
|
-
|
|
1466
|
-
/** tagSelectHandler end */
|
|
1467
|
-
|
|
1468
|
-
/** slider start */
|
|
1469
|
-
|
|
1470
|
-
/** slider end */
|
|
1471
|
-
/** switch start */
|
|
1472
|
-
|
|
1473
|
-
/** switch end */
|
|
1474
|
-
/** datePicker start */
|
|
1475
|
-
|
|
1476
|
-
/** datePicker end */
|
|
1477
|
-
/** dateTimePicker start */
|
|
1478
|
-
|
|
1479
|
-
/** dateTimePicker end */
|
|
1480
|
-
|
|
1481
|
-
/** timePickerHandler start */
|
|
1482
|
-
|
|
1483
|
-
/** timePickerHandler end */
|
|
1484
|
-
|
|
1485
|
-
/** monthPickerHandler start */
|
|
1486
|
-
|
|
1487
|
-
/** monthPickerHandler end */
|
|
1488
|
-
|
|
1489
|
-
/** rangePickerHandler start */
|
|
1490
|
-
|
|
1491
|
-
/** rangePickerHandler end */
|
|
1492
|
-
|
|
1493
|
-
/** transferHandler start */
|
|
1494
|
-
|
|
1495
|
-
/** transferHandler end */
|
|
1496
|
-
/** treeSelect start */
|
|
1497
|
-
|
|
1498
|
-
/** treeSelect end */
|
|
1499
|
-
|
|
1500
|
-
/** radio start */
|
|
1501
|
-
|
|
1502
|
-
/** radio end */
|
|
1503
|
-
|
|
1504
|
-
/** checkBox start */
|
|
1505
|
-
|
|
1506
|
-
/** checkBox end */
|
|
1507
|
-
|
|
1508
|
-
/** textarea start */
|
|
1509
|
-
|
|
1510
|
-
/** textarea end */
|
|
1511
|
-
|
|
1512
|
-
/** inputNumber start */
|
|
1513
|
-
|
|
1514
|
-
/** inputNumber end */
|
|
1515
|
-
|
|
1516
|
-
/** inputNumber start */
|
|
1517
|
-
|
|
1518
|
-
/** inputNumber end */
|
|
1519
|
-
|
|
1520
|
-
/** numberInput start */
|
|
1521
|
-
// numberInputHandler = (item) => {
|
|
1522
|
-
// return (
|
|
1523
|
-
// <NumberFormat
|
|
1524
|
-
// thousandSeparator
|
|
1525
|
-
// allowNegative={false}
|
|
1526
|
-
// decimalScale={2}
|
|
1527
|
-
// customInput={Input}
|
|
1528
|
-
// style={{ textAlign: 'right' }}
|
|
1529
|
-
// {...item}
|
|
1530
|
-
// {...item.cmptPros}
|
|
1531
|
-
// />
|
|
1532
|
-
// );
|
|
1533
|
-
// }
|
|
1534
|
-
|
|
1535
|
-
/** numberInput end */
|
|
1536
|
-
|
|
1537
|
-
/** mention start */
|
|
1538
|
-
|
|
1539
|
-
/** mention end */
|
|
1540
|
-
|
|
1541
|
-
/** rate start */
|
|
1542
|
-
|
|
1543
|
-
/** rate end */
|
|
1544
|
-
|
|
1545
|
-
/** autoComplete start */
|
|
1546
|
-
|
|
1547
|
-
/** autoComplete end */
|
|
1548
|
-
|
|
1549
|
-
/** braftEditor start */
|
|
1550
|
-
|
|
1551
|
-
/** braftEditor end */
|
|
1552
|
-
|
|
1553
|
-
/** cascader start */
|
|
1554
|
-
|
|
1555
|
-
/** cascader end */
|
|
1556
|
-
/** iconHandler start */
|
|
1557
|
-
|
|
1558
|
-
/** iconHandler end */
|
|
1559
|
-
/** strTemplate start */
|
|
1560
|
-
|
|
1561
|
-
/** strTemplate end */
|
|
1562
|
-
/** descHandler start */
|
|
1563
|
-
|
|
1564
|
-
/** descHandler end */
|
|
1565
|
-
|
|
1566
|
-
/** btnHandler start */
|
|
1567
|
-
|
|
1568
|
-
/** btnHandler end */
|
|
1569
|
-
|
|
1570
|
-
/** aHandler start */
|
|
1571
|
-
|
|
1572
|
-
/** aHandler end */
|
|
1573
|
-
|
|
1574
|
-
/** strHandler start */
|
|
1575
|
-
|
|
1576
|
-
|
|
1577
|
-
/** strHandler end */
|
|
1578
|
-
|
|
1579
|
-
Easy3wFormPage.prototype.render = function render() {
|
|
1580
|
-
return this.getAllForms();
|
|
1581
|
-
};
|
|
1582
|
-
|
|
1583
|
-
return Easy3wFormPage;
|
|
1584
|
-
}(_react.Component);
|
|
1585
|
-
|
|
1586
|
-
exports['default'] = (0, _dva.connect)(function (state) {
|
|
1587
|
-
return {
|
|
1588
|
-
loadingFlag: state.loading
|
|
1589
|
-
};
|
|
1590
|
-
})(Easy3wFormPage);
|
|
1591
|
-
module.exports = exports['default'];
|