easy3wui 1.5.77 → 1.5.78

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.
@@ -2,4024 +2,42 @@
2
2
 
3
3
  exports.__esModule = true;
4
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 _table = require('braft-extensions/dist/table');
196
-
197
- var _table2 = _interopRequireDefault(_table);
198
-
199
- require('braft-extensions/dist/table.css');
200
-
201
- require('braft-editor/dist/output.css');
202
-
203
5
  var _dva = require('dva');
204
6
 
205
- var _easy3wui = require('easy3wui');
206
-
207
7
  var _comonConfig = require('comonConfigPath/comonConfig');
208
8
 
209
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
210
-
9
+ // Easy3wFormPage.js
211
10
  var _ref = _comonConfig.objEasy3wUIConfig || {},
212
11
  objEasy3wFormPage = _ref.objEasy3wFormPage;
213
- // import TagSelect from '../Easy3wTagSelect/index.js';
214
- // import Easy3wUpload from '../../Easy3wUpload';
215
- // import Easy3wUploadB from '../../Easy3wUploadB';
216
- // import Easy3wUploadM from '../../Easy3wUploadM';
217
- // 引入富文本表格功能
218
-
219
12
 
220
13
  var _ref2 = objEasy3wFormPage || {},
221
14
  projectType = _ref2.projectType;
222
15
 
223
- var objOptions = {
224
- defaultRows: 3, // 默认行数
225
- defaultColumns: 3, // 默认列数
226
- withDropdown: false, // 插入表格前是否弹出下拉菜单
227
- columnResizable: false, // 是否允许拖动调整列宽, 默认false
228
- exportAttrString: 'style="border: 1"' // 指定输出HTML时附加到table标签上的属性字符串
229
- };
230
- _braftEditor2['default'].use((0, _table2['default'])(objOptions)); // 表格
231
-
232
- _moment2['default'].locale('zh-cn');
233
-
234
- var Option = _select2['default'].Option;
235
- var MonthPicker = _datePicker2['default'].MonthPicker,
236
- RangePicker = _datePicker2['default'].RangePicker;
237
-
238
- var FormItem = _form2['default'].Item;
239
- var RadioGroup = _radio2['default'].Group;
240
- var CheckboxGroup = _checkbox2['default'].Group;
241
- var TextArea = _input2['default'].TextArea;
242
-
243
- var singleItem = {
244
- labelCol: { span: 8 },
245
- wrapperCol: { span: 16 }
246
- };
247
- var mixSingle = {
248
- labelCol: { span: 4 },
249
- wrapperCol: { span: 18 }
250
- };
251
- var mixSingleTight = {
252
- labelCol: { span: 4 },
253
- wrapperCol: { span: 20 }
254
- };
255
- var mixSingleWithBtn = {
256
- labelCol: { span: 4 },
257
- wrapperCol: { span: 6 }
258
- };
259
- var doubleItemLeft = {
260
- labelCol: { span: 8 },
261
- wrapperCol: { span: 12 }
262
- };
263
- var doubleItemLeftTight = {
264
- labelCol: { span: 8 },
265
- wrapperCol: { span: 16 }
266
- };
267
- var doubleItemLeftWithBtn = {
268
- labelCol: { span: 8 },
269
- wrapperCol: { span: 12 }
270
- };
271
- var formItemRight = {
272
- labelCol: { span: 8 },
273
- wrapperCol: { span: 12 }
274
- };
275
- var formItemRightTight = {
276
- labelCol: { span: 8 },
277
- wrapperCol: { span: 16 }
278
- };
279
- var threeItem = {
280
- labelCol: { span: 9 },
281
- wrapperCol: { span: 15 }
282
- };
283
- var threeCol1Item = {
284
- labelCol: { span: 3 },
285
- wrapperCol: { span: 21 }
286
- };
287
- var threeCol2Item = {
288
- labelCol: { span: 4 },
289
- wrapperCol: { span: 20 }
290
- };
291
- var formItemRightWithBtn = {
292
- labelCol: { span: 8 },
293
- wrapperCol: { span: 12 }
294
- };
295
- var formItemStyle = {
296
- marginBottom: 6
297
- };
298
- var formItemStyleTight = {
299
- margin: '0px'
300
- };
301
- // 手机号区号及正则表 当有国家区号相同时后加区号在原本的区号基础上加 '+序号'
302
- var arrMobileAssociationDefault = [{ label: '中国', value: '+86', pattern: /^1[34578]\d{9}$/ }, { label: '香港', value: '+852', pattern: /^\d+$/ }, { label: '台湾', value: '+886', pattern: /^\d+$/ }, { label: '澳门', value: '+853', pattern: /^\d+$/ },
303
- // { label: '香港', value: '+852', pattern: /^([5|6|9])\d{7}$/ },
304
- // { label: '台湾', value: '+886', pattern: /^[0][9]\d{8}$/ },
305
- // { label: '澳门', value: '+853', pattern: /^6\d{7}$/ },
306
- { label: '美国', value: '+1', pattern: /^\d+$/ }, { label: '德国', value: '+49', pattern: /^\d+$/ }, { label: '法国', value: '+33', pattern: /^\d+$/ }, { label: '英国', value: '+34', pattern: /^\d+$/ }, { label: '日本', value: '+81', pattern: /^\d+$/ }, { label: '韩国', value: '+82', pattern: /^\d+$/ }, { label: '澳大利亚', value: '+61', pattern: /^\d+$/ }, { label: '加拿大', value: '+1+0', pattern: /^\d+$/ }, { label: '印度', value: '+91', pattern: /^\d+$/ }, { label: '俄罗斯', value: '+7', pattern: /^\d+$/ }];
307
- // 号码正则
308
- var objMobileRegularDefault = {
309
- '+86': /^1[34578]\d{9}$/,
310
- '+852': /^\d+$/,
311
- '+886': /^\d+$/,
312
- '+853': /^\d+$/,
313
- // '+852': /^([5|6|9])\d{7}$/,
314
- // '+886': /^[0][9]\d{8}$/,
315
- // '+853': /^6\d{7}$/,
316
- '+1': /^\d+$/,
317
- '+49': /^\d+$/,
318
- '+33': /^\d+$/,
319
- '+34': /^\d+$/,
320
- '+81': /^\d+$/,
321
- '+82': /^\d+$/,
322
- '+61': /^\d+$/,
323
- '+1+0': /^\d+$/,
324
- '+91': /^\d+$/,
325
- '+7': /^\d+$/
326
- };
327
-
328
- var Easy3wFormPage = function (_Component) {
329
- (0, _inherits3['default'])(Easy3wFormPage, _Component);
330
-
331
- function Easy3wFormPage() {
332
- var _temp, _this, _ret;
333
-
334
- (0, _classCallCheck3['default'])(this, Easy3wFormPage);
335
-
336
- for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
337
- args[_key] = arguments[_key];
338
- }
339
-
340
- return _ret = (_temp = (_this = (0, _possibleConstructorReturn3['default'])(this, _Component.call.apply(_Component, [this].concat(args))), _this), _this.onClickFunc = function (e, func) {
341
- var globalLoading = _this.props.loadingFlag.global;
342
- if (globalLoading) {
343
- _notification3['default'].warning({
344
- message: '温馨提示',
345
- description: '正在后台处理,请稍后!',
346
- duration: 3
347
- });
348
- } else {
349
- func(e);
350
- }
351
- }, _this.getItemArea = function (item) {
352
- var allReadFlag = _this.props.allReadFlag;
353
- var fieldType = item.fieldType,
354
- cmptPros = item.cmptPros,
355
- disableFlag = item.disableFlag,
356
- readFlag = item.readFlag;
357
-
358
- var itemNew = item;
359
- var newCmptPros = {};
360
- if (disableFlag) {
361
- if (cmptPros) {
362
- newCmptPros = (0, _extends3['default'])({}, cmptPros, { disabled: true });
363
- } else {
364
- newCmptPros = { disabled: true };
365
- }
366
- itemNew = (0, _extends3['default'])({}, item, { cmptPros: newCmptPros });
367
- }
368
- if ((readFlag || allReadFlag) && (fieldType === 'checkBox' || fieldType === 'radio' || fieldType === 'textarea' || fieldType === 'braftEditor')) {
369
- if (cmptPros) {
370
- newCmptPros = (0, _extends3['default'])({}, cmptPros, { disabled: true });
371
- } else {
372
- newCmptPros = { disabled: true };
373
- }
374
- itemNew = (0, _extends3['default'])({}, item, { cmptPros: newCmptPros });
375
- }
376
- switch (fieldType) {
377
- case 'autoComplete':
378
- return _this.autoCompleteHandler(itemNew);
379
- case 'braftEditor':
380
- return _this.braftEditorHandler(itemNew);
381
- case 'cascader':
382
- return _this.cascaderHandler(itemNew);
383
- case 'checkBox':
384
- return _this.checkBoxHandler(itemNew);
385
- case 'monthPicker':
386
- return _this.monthPickerHandler(itemNew);
387
- case 'rangePicker':
388
- return _this.rangePickerHandler(itemNew);
389
- case 'datePicker':
390
- return _this.datePickerHandler(itemNew);
391
- case 'dateTimePicker':
392
- return _this.dateTimePickerHandler(itemNew);
393
- case 'timePicker':
394
- return _this.timePickerHandler(itemNew);
395
- case 'input':
396
- return _this.inputHandler(itemNew);
397
- case 'mobile':
398
- return _this.mobileHandler(itemNew);
399
- case 'textarea':
400
- return _this.textareaHandler(itemNew);
401
- // case 'inputNumber':
402
- // return this.inputNumberHandler(itemNew);
403
- // case 'inputNumberFormat':
404
- // return this.inputNumberFormatHandler(itemNew);
405
- case 'numberInput':
406
- return _this.numberInputHandler(itemNew);
407
- case 'email':
408
- return _this.inputEmailHandler(itemNew);
409
- case 'mention':
410
- return _this.mentionHandler(itemNew);
411
- case 'rate':
412
- return _this.rateHandler(itemNew);
413
- case 'radio':
414
- return _this.radioHandler(itemNew);
415
- case 'select':
416
- return _this.selectHandler(itemNew);
417
- case 'tagSelect':
418
- return _this.tagSelectHandler(itemNew);
419
- case 'slider':
420
- return _this.sliderHandler(itemNew);
421
- case 'switch':
422
- return _this.switchHandler(itemNew);
423
- case 'treeSelect':
424
- return _this.treeSelectHandler(itemNew);
425
- case 'transfer':
426
- return _this.transferHandler(itemNew);
427
- case 'icon':
428
- return _this.iconHandler(itemNew);
429
- case 'strTemplate':
430
- return _this.strTemplateHandler(itemNew);
431
- case 'desc':
432
- return _this.descHandler(itemNew);
433
- case 'btn':
434
- return _this.btnHandler(itemNew);
435
- case 'a':
436
- return _this.aHandler(itemNew);
437
- case 'string':
438
- return _this.strHandler(itemNew);
439
- default:
440
- break;
441
- }
442
- }, _this.getItemValue = function (item) {
443
- var _this$props = _this.props,
444
- allReadFlag = _this$props.allReadFlag,
445
- globalData = _this$props.globalData;
446
- var fieldType = item.fieldType,
447
- readFlag = item.readFlag,
448
- cmptPros = item.cmptPros,
449
- disableFlag = item.disableFlag,
450
- numberFormat = item.numberFormat;
451
-
452
- var _ref3 = globalData || {},
453
- dataDesensitizationEyeFlag = _ref3.dataDesensitizationEyeFlag;
454
-
455
- var value = item.value;
456
-
457
- var _ref4 = cmptPros || {},
458
- addonAfter = _ref4.addonAfter,
459
- numeralFormat = _ref4.numeralFormat;
460
- // numeralFormat 新组件(金额、数字)的格式化参数
461
-
462
-
463
- if (numberFormat) {
464
- return (0, _numeral2['default'])(value).format('0,0.00');
465
- }
466
- if (fieldType === 'numberInput' && value) {
467
- return (0, _numeral2['default'])(value).format('0,0.00');
468
- }
469
- // if (fieldType === 'inputAmount' && value) { // 金额
470
- // let strValue = numeral(value).format(numeralFormat || '0,0.00');
471
- // if (allReadFlag || readFlag) {
472
- // // strValue = `${strValue}${addonAfter}`;
473
- // strValue = <span>{strValue}{addonAfter || ''}</span>;
474
- // }
475
- // return strValue;
476
- // }
477
- // if (fieldType === 'inputDigit' && value) { // 数字
478
- // const { precision = 2 } = cmptPros || {};
479
- // let strValue = numeral(value).format(numeralFormat || `0.${'0'.repeat(precision)}`);
480
- // // let strValue = numeral(value).format('0.00');
481
- // if (allReadFlag || readFlag) {
482
- // strValue = <span>{strValue}{addonAfter || ''}</span>;
483
- // }
484
- // return strValue;
485
- // }
486
- if (fieldType === 'braftEditor') {
487
- return _braftEditor2['default'].createEditorState(value);
488
- }
489
- if (allReadFlag || readFlag) {
490
- if (fieldType === 'rangePicker' && value instanceof Array) {
491
- value = value.length ? value.join(' 至 ') : '';
492
- } else if (fieldType === 'input' || fieldType === 'mobile') {
493
- value = _comonConfig.dataDesensitizationFlag ? dataDesensitizationEyeFlag ? value : (0, _easy3wui.Easy3wGetDesensitization)(value) : value;
494
- }
495
- return value;
496
- }
497
- if (fieldType === 'datePicker') {
498
- /** 格式化日期型数据 */
499
- value = value ? (0, _moment2['default'])(value, 'YYYY-MM-DD') : undefined;
500
- }
501
- if (fieldType === 'dateTimePicker') {
502
- /** 格式化日期时间型数据 */
503
- value = value ? (0, _moment2['default'])(value, 'YYYY-MM-DD HH:mm:ss') : undefined;
504
- }
505
- if (fieldType === 'monthPicker') {
506
- /** 格式化年月型数据 */
507
- value = value ? (0, _moment2['default'])(value, 'YYYY-MM') : undefined;
508
- }
509
- if (fieldType === 'rangePicker') {
510
- /** 格式化年月型数据 */
511
- value = value[1] ? [(0, _moment2['default'])(value[0], 'YYYY-MM-DD'), (0, _moment2['default'])(value[1], 'YYYY-MM-DD')] : undefined;
512
- }
513
- if (fieldType === 'timePicker') {
514
- /** 格式化时间型数据 */
515
- value = value ? (0, _moment2['default'])(value, 'HH:mm:ss') : undefined;
516
- }
517
- if (fieldType === 'select') {
518
- /** select */
519
- if (!disableFlag) {
520
- var labelInValue = cmptPros.labelInValue,
521
- mode = cmptPros.mode;
522
-
523
- if (labelInValue && labelInValue === true && mode !== 'multiple') {
524
- if (value === undefined || value === '') {
525
- value = undefined;
526
- } else if (!value.key && !value.value) {
527
- value = undefined;
528
- }
529
- }
530
- }
531
- }
532
- return value;
533
- }, _this.getAfterBtn = function (item) {
534
- var afterBtn = item.afterBtn;
535
-
536
- if (afterBtn) {
537
- var allBtn = afterBtn.map(function (btn) {
538
- if (btn.objType === 'btn') {
539
- return _this.btnHandler(btn);
540
- }
541
- if (btn.objType === 'a') {
542
- return _this.aHandler(btn);
543
- }
544
- if (btn.objType === 'string') {
545
- return _this.strHandler(btn);
546
- }
547
- return {};
548
- });
549
- return allBtn;
550
- } else {
551
- var noneBtn = [];
552
- return noneBtn;
553
- }
554
- }, _this.getAnalysisType = function (item) {
555
- var fieldType = item.fieldType;
556
-
557
- var strRMsg = '填写'; // 必填提示文字
558
- switch (fieldType) {
559
- case 'autoComplete':
560
- strRMsg = '填写或选择';
561
- break;
562
- case 'braftEditor':
563
- strRMsg = '填写';
564
- break;
565
- case 'cascader':
566
- strRMsg = '选择';
567
- break;
568
- case 'checkBox':
569
- strRMsg = '选择';
570
- break;
571
- case 'monthPicker':
572
- strRMsg = '选择';
573
- break;
574
- case 'rangePicker':
575
- strRMsg = '选择';
576
- break;
577
- case 'datePicker':
578
- strRMsg = '选择';
579
- break;
580
- case 'dateTimePicker':
581
- strRMsg = '选择';
582
- break;
583
- case 'timePicker':
584
- strRMsg = '选择';
585
- break;
586
- case 'input':
587
- strRMsg = '填写';
588
- break;
589
- case 'mobile':
590
- strRMsg = '填写';
591
- break;
592
- case 'textarea':
593
- strRMsg = '填写';
594
- break;
595
- // case 'inputAmount': // 金额
596
- // strRMsg = '填写';
597
- // break;
598
- // case 'inputDigit': // 数字
599
- // strRMsg = '填写';
600
- // break;
601
- case 'numberInput':
602
- strRMsg = '填写';
603
- break;
604
- case 'mention':
605
- strRMsg = '填写或选择';
606
- break;
607
- case 'rate':
608
- strRMsg = '选择';
609
- break;
610
- case 'radio':
611
- strRMsg = '选择';
612
- break;
613
- case 'select':
614
- strRMsg = '选择';
615
- break;
616
- case 'tagSelect':
617
- strRMsg = '选择';
618
- break;
619
- case 'slider':
620
- strRMsg = '录入';
621
- break;
622
- case 'switch':
623
- strRMsg = '选择';
624
- break;
625
- case 'treeSelect':
626
- strRMsg = '选择';
627
- break;
628
- case 'transfer':
629
- strRMsg = '选择';
630
- break;
631
- case 'icon':
632
- break;
633
- case 'strTemplate':
634
- strRMsg = '填写';
635
- break;
636
- case 'desc':
637
- break;
638
- case 'btn':
639
- break;
640
- case 'a':
641
- break;
642
- case 'string':
643
- break;
644
- default:
645
- break;
646
- }
647
- return strRMsg;
648
- }, _this.getFormItem = function (item, itemValue, afterBtns, itemArea, formItemLayout, disableCheckFlag) {
649
- var _this$props2 = _this.props,
650
- form = _this$props2.form,
651
- allReadFlag = _this$props2.allReadFlag,
652
- loadFinishFlag = _this$props2.loadFinishFlag,
653
- bigFormFlag = _this$props2.bigFormFlag;
654
- var getFieldDecorator = form.getFieldDecorator;
655
- var formItemChild = item.formItemChild,
656
- popoverFlag = item.popoverFlag,
657
- readFlag = item.readFlag,
658
- popProps = item.popProps,
659
- fieldType = item.fieldType,
660
- disableFlag = item.disableFlag,
661
- titleType = item.titleType,
662
- formItemProps = item.formItemProps,
663
- novalueFlag = item.novalueFlag,
664
- label = item.label,
665
- required = item.required,
666
- requiredMessage = item.requiredMessage,
667
- cmptPros = item.cmptPros;
668
-
669
- var isApproval = document.body.innerHTML.includes('class="approval_flag_only"');
670
- var isDisableRuleFlag = required;
671
- if (readFlag === undefined) {
672
- if (disableFlag && isApproval && disableCheckFlag) {
673
- isDisableRuleFlag = required;
674
- } else if (disableFlag && isApproval) {
675
- isDisableRuleFlag = false;
676
- }
677
- }
678
- var fieldId = item.fieldId;
679
-
680
- var strRMsg = _this.getAnalysisType(item);
681
- var addRules = [];
682
- var hadOnBlurFlag = false;
683
- var notProxyOnblurFlag = false;
684
- var disableFlagReal = disableFlag;
685
- if (cmptPros) {
686
- if (cmptPros.rules) {
687
- var rules = cmptPros.rules;
688
-
689
- addRules = rules;
690
- }
691
- }
692
- if (fieldType === 'input' || fieldType === 'textarea') {
693
- var maxLength = fieldType === 'textarea' ? 2000 : titleType ? 400 : 100;
694
- if (cmptPros) {
695
- if (cmptPros.maxLength) {
696
- maxLength = cmptPros.maxLength;
697
- }
698
- }
699
- if (disableFlag) {
700
- //
701
- } else {
702
- addRules = [{ max: maxLength, message: '\u5F55\u5165\u6587\u5B57\u957F\u5EA6\u4E0D\u80FD\u8D85\u8FC7' + maxLength, transform: _this.touchTransform }].concat(addRules);
703
- }
704
- } else if (fieldType === 'mobile') {
705
- var e3wMobileNation = form.getFieldValue(fieldId + 'AddonBefore');
706
- addRules = [{ pattern: _comonConfig.objMobileRegular ? _comonConfig.objMobileRegular[e3wMobileNation] : objMobileRegularDefault[e3wMobileNation], message: '手机格式错误!' }].concat(addRules);
707
- } else if (fieldType === 'email') {
708
- addRules = [{ type: 'email', message: '邮箱地址格式错误!' }].concat(addRules);
709
- }
710
- var decoratorObj = {
711
- rules: [{ required: isDisableRuleFlag, message: requiredMessage || '\u8BF7' + strRMsg + label }].concat(addRules)
712
- };
713
- if (fieldType === 'braftEditor') {
714
- var objValidator = {};
715
- if (required) {
716
- objValidator = {
717
- validator: _this.validateContent
718
- };
719
- }
720
- decoratorObj = (0, _extends3['default'])({}, decoratorObj, {
721
- trigger: 'onBlur',
722
- validateTrigger: 'onBlur',
723
- rules: [(0, _extends3['default'])({ required: isDisableRuleFlag, message: requiredMessage || '\u8BF7' + strRMsg + label }, objValidator)].concat(addRules)
724
- });
725
- }
726
- if (itemValue || itemValue === 0) {
727
- decoratorObj = (0, _extends3['default'])({}, decoratorObj, {
728
- initialValue: itemValue
729
- });
730
- }
731
- if (readFlag || allReadFlag) {
732
- fieldId = fieldId + 'Easy3wView';
733
- if (fieldType === 'braftEditor' && itemValue.isEmpty()) {
734
- // 只读时,符合必填校验
735
- decoratorObj = (0, _extends3['default'])({}, decoratorObj, {
736
- initialValue: _braftEditor2['default'].createEditorState('<p> </p>')
737
- });
738
- } else if (fieldType === 'textarea' && !(itemValue || itemValue === 0)) {
739
- decoratorObj = (0, _extends3['default'])({}, decoratorObj, {
740
- initialValue: ' '
741
- });
742
- }
743
- }
744
-
745
- if (cmptPros) {
746
- if (cmptPros.getValueFromEvent) {
747
- var getValueFromEvent = cmptPros.getValueFromEvent;
748
-
749
- decoratorObj = (0, _extends3['default'])({}, decoratorObj, { getValueFromEvent: getValueFromEvent });
750
- }
751
- if (cmptPros.onBlur) {
752
- hadOnBlurFlag = true;
753
- }
754
- if (cmptPros.notProxyOnblurFlag) {
755
- notProxyOnblurFlag = true;
756
- }
757
- if (cmptPros.disabled) {
758
- disableFlagReal = true;
759
- }
760
- }
761
- if (loadFinishFlag === true && bigFormFlag === true) {
762
- if ((fieldType === 'input' || fieldType === 'textarea') && !hadOnBlurFlag && !disableFlagReal && !notProxyOnblurFlag) {
763
- decoratorObj = (0, _extends3['default'])({}, decoratorObj, {
764
- trigger: 'onBlur',
765
- valuePropName: 'defaultValue'
766
- });
767
- }
768
- }
769
- if ((readFlag || allReadFlag) && fieldType !== 'braftEditor') {
770
- if ((fieldType === 'checkBox' || fieldType === 'radio') && label) {
771
- var boolCrRequired = readFlag ? false : isDisableRuleFlag;
772
- return _react2['default'].createElement(
773
- FormItem,
774
- (0, _extends3['default'])({
775
- label: label,
776
- required: required
777
- }, formItemLayout, formItemProps, {
778
- style: formItemStyle
779
- }),
780
- itemValue && itemValue.$$typeof ? _react2['default'].createElement(
781
- 'div',
782
- null,
783
- getFieldDecorator(fieldId, {
784
- initialValue: 'easy3wView',
785
- rules: [{ required: boolCrRequired, message: requiredMessage || '\u8BF7' + strRMsg + label }]
786
- })(_react2['default'].createElement(_input2['default'], { type: 'hidden' })),
787
- itemValue
788
- ) : getFieldDecorator(fieldId, {
789
- initialValue: itemValue,
790
- rules: [{ required: boolCrRequired, message: requiredMessage || '\u8BF7' + strRMsg + label }]
791
- })(itemArea)
792
- );
793
- } else if (fieldType === 'textarea' && typeof str === 'string') {
794
- return _react2['default'].createElement(
795
- FormItem,
796
- (0, _extends3['default'])({
797
- label: label,
798
- required: required
799
- }, formItemLayout, formItemProps, {
800
- style: formItemStyle
801
- }),
802
- _react2['default'].createElement(
803
- 'div',
804
- { style: { position: 'relative' } },
805
- formItemChild,
806
- getFieldDecorator(fieldId, (0, _extends3['default'])({}, decoratorObj))(itemArea),
807
- _react2['default'].createElement(
808
- 'div',
809
- { style: { position: 'absolute', left: '100%', top: '0px', zIndex: 2 } },
810
- afterBtns
811
- )
812
- )
813
- );
814
- } else {
815
- return _react2['default'].createElement(
816
- FormItem,
817
- (0, _extends3['default'])({
818
- label: label,
819
- required: required
820
- }, formItemLayout, formItemProps, {
821
- style: formItemStyle
822
- }),
823
- getFieldDecorator(fieldId, {
824
- initialValue: 'easy3wView',
825
- rules: [{ required: isDisableRuleFlag, message: requiredMessage || '\u8BF7' + strRMsg + label }]
826
- })(_react2['default'].createElement(_input2['default'], { type: 'hidden' })),
827
- itemValue,
828
- ' ',
829
- afterBtns
830
- );
831
- }
832
- }
833
- if (popoverFlag) {
834
- var title = popProps.title,
835
- content = popProps.content,
836
- placement = popProps.placement;
837
-
838
- return _react2['default'].createElement(
839
- 'div',
840
- { style: { position: 'relative' } },
841
- _react2['default'].createElement(
842
- FormItem,
843
- (0, _extends3['default'])({
844
- label: label,
845
- required: required
846
- }, formItemLayout, formItemProps, {
847
- style: formItemStyle
848
- }),
849
- formItemChild,
850
- _react2['default'].createElement(
851
- _popover2['default'],
852
- {
853
- title: title,
854
- content: _react2['default'].createElement(
855
- 'div',
856
- { style: { padding: '4px 0' } },
857
- _react2['default'].createElement(
858
- 'span',
859
- { style: { color: '#5468b2', width: 200, height: 300 } },
860
- content
861
- )
862
- ),
863
- placement: placement
864
- },
865
- getFieldDecorator(fieldId, (0, _extends3['default'])({}, decoratorObj))(itemArea)
866
- ),
867
- _react2['default'].createElement(
868
- 'div',
869
- { style: { position: 'absolute', left: '100%', top: '0px', zIndex: 2 } },
870
- afterBtns
871
- )
872
- )
873
- );
874
- } else if (novalueFlag) {
875
- return _react2['default'].createElement(
876
- FormItem,
877
- (0, _extends3['default'])({
878
- label: label,
879
- required: required
880
- }, formItemLayout, formItemProps, {
881
- style: formItemStyle
882
- }),
883
- itemArea
884
- );
885
- } else {
886
- return _react2['default'].createElement(
887
- FormItem,
888
- (0, _extends3['default'])({
889
- label: label,
890
- required: required
891
- }, formItemLayout, formItemProps, {
892
- style: formItemStyle
893
- }),
894
- _react2['default'].createElement(
895
- 'div',
896
- { style: { position: 'relative' } },
897
- formItemChild,
898
- getFieldDecorator(fieldId, (0, _extends3['default'])({}, decoratorObj))(itemArea),
899
- _react2['default'].createElement(
900
- 'div',
901
- { style: { position: 'absolute', left: '100%', top: '0px', zIndex: 2 } },
902
- afterBtns
903
- )
904
- )
905
- );
906
- }
907
- }, _this.touchTransform = function (value) {
908
- var strValue = value;
909
- if (typeof value === 'number') {
910
- strValue = String(value);
911
- }
912
- return strValue;
913
- }, _this.getStrTemplateItem = function (item, itemArea) {
914
- var _this$props3 = _this.props,
915
- form = _this$props3.form,
916
- allReadFlag = _this$props3.allReadFlag;
917
- var getFieldDecorator = form.getFieldDecorator;
918
- var popoverFlag = item.popoverFlag,
919
- readFlag = item.readFlag,
920
- popProps = item.popProps,
921
- novalueFlag = item.novalueFlag,
922
- label = item.label,
923
- fieldId = item.fieldId,
924
- required = item.required,
925
- requiredMessage = item.requiredMessage,
926
- cmptPros = item.cmptPros,
927
- fieldType = item.fieldType;
928
-
929
- var itemValue = _this.getItemValue(item);
930
- var colSpan = cmptPros.colSpan;
931
-
932
- var addRules = [];
933
- if (cmptPros && cmptPros.rules) {
934
- var rules = cmptPros.rules;
935
-
936
- addRules = rules;
937
- }
938
- var decoratorObj = {
939
- initialValue: itemValue,
940
- rules: [{ required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label }].concat(addRules)
941
- };
942
- if (cmptPros && cmptPros.getValueFromEvent) {
943
- var getValueFromEvent = cmptPros.getValueFromEvent;
944
-
945
- decoratorObj = (0, _extends3['default'])({}, decoratorObj, { getValueFromEvent: getValueFromEvent });
946
- }
947
- if (readFlag || allReadFlag) {
948
- return _react2['default'].createElement(
949
- _col2['default'],
950
- { span: colSpan },
951
- _react2['default'].createElement(
952
- FormItem,
953
- {
954
- labelCol: { span: 48 },
955
- wrapperCol: { span: 48 },
956
- style: formItemStyle
957
- },
958
- getFieldDecorator(fieldId + 'Easy3wView', {
959
- initialValue: 'easy3wView',
960
- rules: [{ required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label }]
961
- })(_react2['default'].createElement(_input2['default'], { type: 'hidden' })),
962
- itemValue
963
- )
964
- );
965
- }
966
- if (popoverFlag) {
967
- var title = popProps.title,
968
- content = popProps.content,
969
- placement = popProps.placement;
970
-
971
- return _react2['default'].createElement(
972
- _col2['default'],
973
- { span: colSpan },
974
- _react2['default'].createElement(
975
- 'span',
976
- { style: { position: 'relative' } },
977
- _react2['default'].createElement(
978
- FormItem,
979
- {
980
- labelCol: { span: 48 },
981
- wrapperCol: { span: 48 },
982
- style: formItemStyle
983
- },
984
- _react2['default'].createElement(
985
- _popover2['default'],
986
- {
987
- title: title,
988
- content: _react2['default'].createElement(
989
- 'div',
990
- { style: { padding: '4px 0' } },
991
- _react2['default'].createElement(
992
- 'span',
993
- { style: { color: '#5468b2', width: 200, height: 300 } },
994
- content
995
- )
996
- ),
997
- placement: placement
998
- },
999
- getFieldDecorator(fieldId, (0, _extends3['default'])({}, decoratorObj))(itemArea)
1000
- )
1001
- )
1002
- )
1003
- );
1004
- } else if (novalueFlag || fieldType === 'desc') {
1005
- return _react2['default'].createElement(
1006
- _col2['default'],
1007
- { span: colSpan },
1008
- _react2['default'].createElement(
1009
- 'span',
1010
- null,
1011
- itemArea
1012
- )
1013
- );
1014
- } else {
1015
- return _react2['default'].createElement(
1016
- _col2['default'],
1017
- { span: colSpan },
1018
- _react2['default'].createElement(
1019
- 'span',
1020
- { style: { position: 'relative' } },
1021
- _react2['default'].createElement(
1022
- FormItem,
1023
- {
1024
- labelCol: { span: 48 },
1025
- wrapperCol: { span: 48 },
1026
- style: formItemStyle
1027
- },
1028
- getFieldDecorator(fieldId, (0, _extends3['default'])({}, decoratorObj))(itemArea)
1029
- )
1030
- )
1031
- );
1032
- }
1033
- }, _this.getSingleRow = function (rowItem, disableCheckFlag) {
1034
- var cols = rowItem.cols,
1035
- rowReadFlag = rowItem.rowReadFlag,
1036
- rowAftBtnFlag = rowItem.rowAftBtnFlag;
1037
- var _this$props4 = _this.props,
1038
- rowItems = _this$props4.rowItems,
1039
- singleColFlag = _this$props4.singleColFlag,
1040
- doubleColFlag = _this$props4.doubleColFlag,
1041
- mixColFlag = _this$props4.mixColFlag,
1042
- allReadFlag = _this$props4.allReadFlag;
1043
-
1044
- var threeRowItemFlag = false;
1045
- for (var _iterator = rowItems, _isArray = Array.isArray(_iterator), _i = 0, _iterator = _isArray ? _iterator : _iterator[Symbol.iterator]();;) {
1046
- var _ref5;
1047
-
1048
- if (_isArray) {
1049
- if (_i >= _iterator.length) break;
1050
- _ref5 = _iterator[_i++];
1051
- } else {
1052
- _i = _iterator.next();
1053
- if (_i.done) break;
1054
- _ref5 = _i.value;
1055
- }
1056
-
1057
- var rItem = _ref5;
1058
-
1059
- if (rItem.cols.length === 3) {
1060
- threeRowItemFlag = true;
1061
- break;
1062
- }
1063
- }
1064
- var colsLength = cols.length;
1065
- var col1Layout = '';
1066
- var col2Layout = '';
1067
- var col3Layout = '';
1068
- if (singleColFlag) {
1069
- col1Layout = singleItem;
1070
- }
1071
- if (doubleColFlag) {
1072
- col1Layout = doubleItemLeft;
1073
- col2Layout = formItemRight;
1074
- if (rowAftBtnFlag) {
1075
- col2Layout = formItemRightWithBtn;
1076
- }
1077
- }
1078
- if (mixColFlag) {
1079
- if (colsLength === 1) {
1080
- col1Layout = mixSingle;
1081
- if (rowAftBtnFlag) {
1082
- col1Layout = mixSingleWithBtn;
1083
- }
1084
- }
1085
- if (colsLength === 2) {
1086
- col1Layout = doubleItemLeft;
1087
- col2Layout = formItemRight;
1088
- if (rowAftBtnFlag) {
1089
- col1Layout = doubleItemLeftWithBtn;
1090
- col2Layout = formItemRightWithBtn;
1091
- }
1092
- }
1093
- }
1094
- // 包含3列的行 重置布局
1095
- if (threeRowItemFlag === true) {
1096
- if (colsLength === 1) {
1097
- col1Layout = threeCol1Item;
1098
- }
1099
- if (colsLength === 2) {
1100
- col1Layout = threeItem;
1101
- col2Layout = threeCol2Item;
1102
- }
1103
- if (colsLength === 3) {
1104
- col1Layout = threeItem;
1105
- col2Layout = threeItem;
1106
- col3Layout = threeItem;
1107
- }
1108
- }
1109
- var leftItem = _this.getColItem(cols[0], col1Layout, disableCheckFlag);
1110
- /** 获取所有列 */
1111
- var allCols = '';
1112
- if (colsLength === 1) {
1113
- allCols = _this.getOneColObj(leftItem, mixColFlag, allReadFlag, rowReadFlag);
1114
- }
1115
- if (colsLength === 2) {
1116
- var rightItem = _this.getColItem(cols[1], col2Layout, disableCheckFlag);
1117
- allCols = _this.getTwoColObj(leftItem, rightItem, allReadFlag, rowReadFlag);
1118
- }
1119
- if (colsLength === 3) {
1120
- var right2Item = _this.getColItem(cols[1], col2Layout, disableCheckFlag);
1121
- var right3Item = _this.getColItem(cols[2], col3Layout, disableCheckFlag);
1122
- allCols = _this.getThreeColObj(leftItem, right2Item, right3Item, allReadFlag, rowReadFlag);
1123
- }
1124
- return allCols;
1125
- }, _this.getOneColObj = function (colObj, mixColFlag, allReadFlag, rowReadFlag) {
1126
- var colSpan = 24;
1127
- var children1 = colObj.props.children || '';
1128
- var props1 = children1 ? children1.props : '';
1129
- var gutter1 = props1 ? props1.gutter : '';
1130
- colSpan = mixColFlag ? 24 : colSpan;
1131
- return _react2['default'].createElement(
1132
- _row2['default'],
1133
- { className: allReadFlag || rowReadFlag ? (0, _classnames2['default'])(['e3wFormItem']) : '' },
1134
- _react2['default'].createElement(
1135
- _col2['default'],
1136
- { style: { marginBottom: gutter1 === 0 ? -24 : 0 }, span: colSpan },
1137
- colObj
1138
- )
1139
- );
1140
- }, _this.getTwoColObj = function (colObj, rightColObj, allReadFlag, rowReadFlag) {
1141
- var children1 = colObj.props.children || '';
1142
- var children2 = rightColObj.props.children || '';
1143
- var props1 = children1 ? children1.props : '';
1144
- var props2 = children2 ? children2.props : '';
1145
- var gutter1 = props1 ? props1.gutter : '';
1146
- var gutter2 = props2 ? props2.gutter : '';
1147
- return _react2['default'].createElement(
1148
- _row2['default'],
1149
- { className: allReadFlag || rowReadFlag ? (0, _classnames2['default'])(['e3wFormItem']) : '' },
1150
- _react2['default'].createElement(
1151
- _col2['default'],
1152
- { style: { marginBottom: gutter1 === 0 ? -24 : 0 }, span: 12 },
1153
- colObj
1154
- ),
1155
- _react2['default'].createElement(
1156
- _col2['default'],
1157
- { style: { marginBottom: gutter2 === 0 ? -24 : 0 }, span: 12 },
1158
- rightColObj
1159
- )
1160
- );
1161
- }, _this.getThreeColObj = function (colObj, col2Obj, col3Obj, allReadFlag, rowReadFlag) {
1162
- var children1 = colObj.props.children || '';
1163
- var children2 = col2Obj.props.children || '';
1164
- var children3 = col3Obj.props.children || '';
1165
- var props1 = children1 ? children1.props : '';
1166
- var props2 = children2 ? children2.props : '';
1167
- var props3 = children3 ? children3.props : '';
1168
- var gutter1 = props1 ? props1.gutter : '';
1169
- var gutter2 = props2 ? props2.gutter : '';
1170
- var gutter3 = props3 ? props3.gutter : '';
1171
- return _react2['default'].createElement(
1172
- _row2['default'],
1173
- { className: allReadFlag || rowReadFlag ? (0, _classnames2['default'])(['e3wFormItem']) : '' },
1174
- _react2['default'].createElement(
1175
- _col2['default'],
1176
- { style: { marginBottom: gutter1 === 0 ? -24 : 0 }, span: 8 },
1177
- colObj
1178
- ),
1179
- _react2['default'].createElement(
1180
- _col2['default'],
1181
- { style: { marginBottom: gutter2 === 0 ? -24 : 0 }, span: 8 },
1182
- col2Obj
1183
- ),
1184
- _react2['default'].createElement(
1185
- _col2['default'],
1186
- { style: { marginBottom: gutter3 === 0 ? -24 : 0 }, span: 8 },
1187
- col3Obj
1188
- )
1189
- );
1190
- }, _this.getColItem = function (colObj, formItemLayout, disableCheckFlag) {
1191
- var fieldType = colObj.fieldType;
1192
-
1193
- var itemArea = _this.getItemArea(colObj);
1194
- var itemValue = _this.getItemValue(colObj);
1195
- var afterBtns = _this.getAfterBtn(colObj);
1196
- if (fieldType === 'upload') {
1197
- var up = _this.getUploadColItem(colObj, formItemLayout);
1198
- return up;
1199
- }
1200
- if (fieldType === 'uploadB') {
1201
- var _up = _this.getUploadBColItem(colObj, formItemLayout);
1202
- return _up;
1203
- }
1204
- if (fieldType === 'uploadM') {
1205
- var _up2 = _this.getUploadMColItem(colObj, formItemLayout);
1206
- return _up2;
1207
- }
1208
- if (fieldType === 'inputNumberFormat') {
1209
- var _up3 = _this.inputNumberFormatHandler(colObj, formItemLayout, disableCheckFlag);
1210
- return _up3;
1211
- }
1212
- if (fieldType === 'inputNumber') {
1213
- var _up4 = _this.inputNumberHandler(colObj, formItemLayout, disableCheckFlag);
1214
- return _up4;
1215
- }
1216
- if (fieldType === 'inputAmount') {
1217
- var _up5 = _this.inputAmountHandler(colObj, formItemLayout, disableCheckFlag);
1218
- return _up5;
1219
- }
1220
- if (fieldType === 'inputDigit') {
1221
- var _up6 = _this.inputDigitHandler(colObj, formItemLayout, disableCheckFlag);
1222
- return _up6;
1223
- }
1224
- var formItem = _this.getFormItem(colObj, itemValue, afterBtns, itemArea, formItemLayout, disableCheckFlag);
1225
- return formItem;
1226
- }, _this.getAllForms = function () {
1227
- var _this$props5 = _this.props,
1228
- rowItems = _this$props5.rowItems,
1229
- hiddenItems = _this$props5.hiddenItems,
1230
- loadFinishFlag = _this$props5.loadFinishFlag,
1231
- bigFormFlag = _this$props5.bigFormFlag,
1232
- disableCheckFlag = _this$props5.disableCheckFlag;
1233
-
1234
- if (bigFormFlag === true) {
1235
- if (loadFinishFlag === false) {
1236
- return '';
1237
- }
1238
- }
1239
- // const hadLoadIngProps = Object.prototype.hasOwnProperty.call(this.props, 'loading');
1240
- // if (!hadLoadIngProps || loading === true) {
1241
- // return '';
1242
- // }
1243
- var uiForms = [];
1244
- var hiddenForms = [];
1245
- if (rowItems) {
1246
- uiForms = rowItems.map(function (rowItem) {
1247
- var singleRow = _this.getSingleRow(rowItem, disableCheckFlag);
1248
- return singleRow;
1249
- });
1250
- }
1251
- if (hiddenItems) {
1252
- hiddenForms = hiddenItems.map(function (hiddenItem) {
1253
- var obj = _this.getHiddenItem(hiddenItem);
1254
- return obj;
1255
- });
1256
- }
1257
- var allForms = [];
1258
- allForms.push.apply(allForms, uiForms);
1259
- allForms.push.apply(allForms, hiddenForms);
1260
- return allForms;
1261
- }, _this.getHiddenItem = function (hiddenItem) {
1262
- var form = _this.props.form;
1263
- var getFieldDecorator = form.getFieldDecorator;
1264
- var fieldId = hiddenItem.fieldId,
1265
- value = hiddenItem.value;
1266
-
1267
- return _react2['default'].createElement(
1268
- 'span',
1269
- null,
1270
- getFieldDecorator(fieldId, { initialValue: value })(_react2['default'].createElement(_input2['default'], { type: 'hidden' }))
1271
- );
1272
- }, _this.getUploadColItem = function (colObj, formItemLayout) {
1273
- var label = colObj.label,
1274
- fieldId = colObj.fieldId,
1275
- required = colObj.required,
1276
- cmptPros = colObj.cmptPros,
1277
- help = colObj.help;
1278
- var allReadFlag = _this.props.allReadFlag;
1279
- var form = cmptPros.form;
1280
-
1281
- var isReadVal = false;
1282
- if (cmptPros.isRead) {
1283
- isReadVal = cmptPros.isRead;
1284
- }
1285
- if (allReadFlag) {
1286
- isReadVal = true;
1287
- }
1288
- var cmptProsNew = (0, _extends3['default'])({}, cmptPros, { isRead: isReadVal });
1289
- return _react2['default'].createElement(_easy3wui.Easy3wUpload, (0, _extends3['default'])({
1290
- uploadName: fieldId,
1291
- help: help || '请上传附件',
1292
- sendData: {},
1293
- form: form,
1294
- required: required,
1295
- label: label
1296
- }, formItemLayout, cmptProsNew));
1297
- }, _this.getUploadBColItem = function (colObj, formItemLayout) {
1298
- var label = colObj.label,
1299
- fieldId = colObj.fieldId,
1300
- required = colObj.required,
1301
- cmptPros = colObj.cmptPros;
1302
- var form = cmptPros.form;
1303
- var allReadFlag = _this.props.allReadFlag;
1304
-
1305
- var isReadVal = false;
1306
- if (cmptPros.isRead) {
1307
- isReadVal = cmptPros.isRead;
1308
- }
1309
- if (allReadFlag) {
1310
- isReadVal = true;
1311
- }
1312
- var cmptProsNew = (0, _extends3['default'])({}, cmptPros, { isRead: isReadVal });
1313
- return _react2['default'].createElement(_easy3wui.Easy3wUploadB, (0, _extends3['default'])({
1314
- uploadName: fieldId,
1315
- name: fieldId,
1316
- sendData: {},
1317
- form: form,
1318
- required: required,
1319
- label: label
1320
- }, formItemLayout, cmptProsNew));
1321
- }, _this.getUploadMColItem = function (colObj, formItemLayout) {
1322
- var label = colObj.label,
1323
- fieldId = colObj.fieldId,
1324
- required = colObj.required,
1325
- cmptPros = colObj.cmptPros;
1326
- var form = cmptPros.form;
1327
- var allReadFlag = _this.props.allReadFlag;
1328
-
1329
- var isReadVal = false;
1330
- if (cmptPros.isRead) {
1331
- isReadVal = cmptPros.isRead;
1332
- }
1333
- if (allReadFlag) {
1334
- isReadVal = true;
1335
- }
1336
- var cmptProsNew = (0, _extends3['default'])({}, cmptPros, { isRead: isReadVal });
1337
- return _react2['default'].createElement(_easy3wui.Easy3wUploadM, (0, _extends3['default'])({
1338
- uploadName: fieldId,
1339
- sendData: {},
1340
- form: form,
1341
- required: required,
1342
- label: label
1343
- }, formItemLayout, cmptProsNew));
1344
- }, _this.inputHandler = function (item) {
1345
- var _item$cmptPros = item.cmptPros,
1346
- cmptPros = _item$cmptPros === undefined ? {} : _item$cmptPros;
1347
-
1348
- return _react2['default'].createElement(_input2['default'], cmptPros);
1349
- }, _this.inputEmailHandler = function (item) {
1350
- var _item$cmptPros2 = item.cmptPros,
1351
- cmptPros = _item$cmptPros2 === undefined ? {} : _item$cmptPros2;
1352
-
1353
- return _react2['default'].createElement(_input2['default'], cmptPros);
1354
- }, _this.mobileHandler = function (item) {
1355
- var fieldId = item.fieldId,
1356
- required = item.required,
1357
- _item$cmptPros3 = item.cmptPros,
1358
- cmptPros = _item$cmptPros3 === undefined ? {} : _item$cmptPros3;
1359
-
1360
- var addonBeforeCmptPros = item.addonBeforeCmptPros || {};
1361
- addonBeforeCmptPros = (0, _extends3['default'])({ allowClear: false, style: { minWidth: '90px' } }, addonBeforeCmptPros);
1362
- var itemArea = _this.selectHandler({
1363
- cmptPros: (0, _extends3['default'])({
1364
- onChange: function onChange(value) {
1365
- return _this.onBlurMobileNation(value, fieldId);
1366
- },
1367
- optionLst: _comonConfig.arrMobileAssociation || arrMobileAssociationDefault
1368
- }, addonBeforeCmptPros)
1369
- });
1370
-
1371
- var decoratorObj = {
1372
- rules: [{ required: required, message: '请选择区号' }],
1373
- initialValue: '+86'
1374
- };
1375
- return _react2['default'].createElement(_input2['default'], (0, _extends3['default'])({
1376
- addonBefore: _this.props.form.getFieldDecorator(fieldId + 'AddonBefore', (0, _extends3['default'])({}, decoratorObj))(itemArea),
1377
- onBlur: function onBlur(e) {
1378
- return _this.onBlurMobile(e, fieldId);
1379
- }
1380
- }, cmptPros));
1381
- }, _this.onBlurMobile = function (e, fieldId) {
1382
- var e3wMobileNation = _this.props.form.getFieldValue(fieldId + 'AddonBefore');
1383
- var pattern = _comonConfig.objMobileRegular ? _comonConfig.objMobileRegular[e3wMobileNation] : objMobileRegularDefault[e3wMobileNation];
1384
- if (e && e.target && e.target.value && e3wMobileNation && pattern.test(e.target.value)) {
1385
- _this.updateMobileInfo(e.target.value, e3wMobileNation);
1386
- }
1387
- }, _this.onBlurMobileNation = function (value, fieldId) {
1388
- var e3wMobile = _this.props.form.getFieldValue(fieldId);
1389
- var pattern = _comonConfig.objMobileRegular ? _comonConfig.objMobileRegular[value] : objMobileRegularDefault[value];
1390
- if (e3wMobile && value && pattern.test(e3wMobile)) {
1391
- _this.updateMobileInfo(e3wMobile, value);
1392
- }
1393
- }, _this.updateMobileInfo = function (e3wMobile, e3wMobileNation) {
1394
- var xhr = new XMLHttpRequest();
1395
- xhr.onreadystatechange = function () {
1396
- if (xhr.readyState === 4 && xhr.status === 200) {
1397
- // 请求成功,处理响应数据
1398
- }
1399
- };
1400
- var data = JSON.stringify({ e3wMobile: e3wMobile, e3wMobileNation: e3wMobileNation });
1401
- xhr.open('POST', _comonConfig.easy3w4fMobileLibUpdateUrl, true); // 异步请求
1402
- xhr.setRequestHeader('Content-Type', 'application/json'); // 设置请求头
1403
- xhr.send(data); // 发送请求
1404
- }, _this.selectHandler = function (item) {
1405
- var cmptPros = item.cmptPros;
1406
- var optionLst = cmptPros.optionLst;
1407
-
1408
- var selectOpts = optionLst.map(function (opt) {
1409
- return opt.key || opt.value ? _react2['default'].createElement(
1410
- Option,
1411
- { key: opt.key || opt.value, disabled: opt.disabled },
1412
- opt.label
1413
- ) : '';
1414
- });
1415
- return _react2['default'].createElement(
1416
- _select2['default'],
1417
- (0, _extends3['default'])({
1418
- style: { width: '100%' },
1419
- allowClear: true,
1420
- showSearch: true // 是否开启搜索
1421
- , optionFilterProp: 'children' // 搜索时过滤对应的 option 属性,如设置为 children 表示对内嵌内容进行搜索
1422
- }, cmptPros),
1423
- selectOpts
1424
- );
1425
- }, _this.tagSelectHandler = function (item) {
1426
- var cmptPros = item.cmptPros;
1427
- var optionLst = cmptPros.optionLst;
1428
-
1429
- return _react2['default'].createElement(
1430
- _easy3wui.Easy3wTagSelect,
1431
- (0, _extends3['default'])({ last: true, lessNum: 2 }, cmptPros),
1432
- optionLst.map(function (option) {
1433
- return _react2['default'].createElement(
1434
- _easy3wui.Easy3wTagSelect.Option,
1435
- { value: option.value },
1436
- option.label
1437
- );
1438
- })
1439
- );
1440
- }, _this.sliderHandler = function (item) {
1441
- var cmptPros = item.cmptPros;
1442
-
1443
- return _react2['default'].createElement(_slider2['default'], cmptPros);
1444
- }, _this.switchHandler = function (item) {
1445
- var cmptPros = item.cmptPros;
1446
-
1447
- return _react2['default'].createElement(_switch2['default'], cmptPros);
1448
- }, _this.datePickerHandler = function (item) {
1449
- var cmptPros = item.cmptPros;
1450
-
1451
- return _react2['default'].createElement(_datePicker2['default'], (0, _extends3['default'])({
1452
- locale: _zh_CN2['default'],
1453
- style: { width: '100%', marginRight: 0 },
1454
- format: 'YYYY-MM-DD'
1455
- }, cmptPros));
1456
- }, _this.rangeMinutes = function (start, mid, end) {
1457
- var result = [];
1458
- for (var i = start; i < mid; i += 1) {
1459
- result.push(i);
1460
- }
1461
- for (var _i2 = mid + 1; _i2 < end; _i2 += 1) {
1462
- result.push(_i2);
1463
- }
1464
- return result;
1465
- }, _this.rangeSeconds = function (start, end) {
1466
- var result = [];
1467
- for (var i = start; i < end; i += 1) {
1468
- result.push(i);
1469
- }
1470
- return result;
1471
- }, _this.disabledDateTime = function () {
1472
- return {
1473
- disabledMinutes: function disabledMinutes() {
1474
- return _this.rangeMinutes(1, 30, 60);
1475
- },
1476
- disabledSeconds: function disabledSeconds() {
1477
- return _this.rangeSeconds(1, 60);
1478
- }
1479
- };
1480
- }, _this.dateTimePickerHandler = function (item) {
1481
- var cmptPros = item.cmptPros;
1482
-
1483
- if (cmptPros && cmptPros.setWholeTime) {
1484
- return _react2['default'].createElement(_datePicker2['default'], (0, _extends3['default'])({
1485
- style: { width: '100%', marginRight: 0 },
1486
- format: 'YYYY-MM-DD HH:mm:ss',
1487
- showTime: true,
1488
- locale: _zh_CN2['default']
1489
- }, cmptPros));
1490
- } else {
1491
- return _react2['default'].createElement(_datePicker2['default'], (0, _extends3['default'])({
1492
- style: { width: '100%', marginRight: 0 },
1493
- disabledTime: _this.disabledDateTime,
1494
- showTime: { hideDisabledOptions: true, defaultValue: (0, _moment2['default'])('09:00:00', 'HH:mm:ss') },
1495
- format: 'YYYY-MM-DD HH:mm',
1496
- locale: _zh_CN2['default']
1497
- }, cmptPros));
1498
- }
1499
- }, _this.timePickerHandler = function (item) {
1500
- var cmptPros = item.cmptPros;
1501
-
1502
- return _react2['default'].createElement(_timePicker2['default'], (0, _extends3['default'])({
1503
- format: 'HH:mm:ss'
1504
- }, cmptPros));
1505
- }, _this.monthPickerHandler = function (item) {
1506
- var cmptPros = item.cmptPros;
1507
-
1508
- return _react2['default'].createElement(MonthPicker, (0, _extends3['default'])({
1509
- format: 'YYYY-MM'
1510
- }, cmptPros));
1511
- }, _this.rangePickerHandler = function (item) {
1512
- var cmptPros = item.cmptPros;
1513
-
1514
- return _react2['default'].createElement(RangePicker, (0, _extends3['default'])({
1515
- locale: _zh_CN2['default'],
1516
- style: { width: '100%' },
1517
- format: 'YYYY-MM-DD'
1518
- }, cmptPros));
1519
- }, _this.transferHandler = function (item) {
1520
- var cmptPros = item.cmptPros;
1521
-
1522
- return _react2['default'].createElement(_transfer2['default'], cmptPros);
1523
- }, _this.treeSelectHandler = function (item) {
1524
- var cmptPros = item.cmptPros;
1525
-
1526
- var treeSelectProps = {
1527
- allowClear: true,
1528
- showLine: true,
1529
- showSearch: true,
1530
- dropdownStyle: { maxHeight: 300, overflow: 'auto' },
1531
- treeDefaultExpandAll: false,
1532
- showCheckedStrategy: _treeSelect2['default'].SHOW_CHILD,
1533
- searchPlaceholder: '请输入关键字或点击三角箭头展开后选择',
1534
- treeNodeFilterProp: 'title',
1535
- style: {
1536
- width: '100%'
1537
- }
1538
- };
1539
- return _react2['default'].createElement(_treeSelect2['default'], (0, _extends3['default'])({}, treeSelectProps, cmptPros));
1540
- }, _this.radioHandler = function (item) {
1541
- var cmptPros = item.cmptPros;
1542
-
1543
- return _react2['default'].createElement(RadioGroup, cmptPros);
1544
- }, _this.checkBoxHandler = function (item) {
1545
- var cmptPros = item.cmptPros;
1546
-
1547
- return _react2['default'].createElement(CheckboxGroup, cmptPros);
1548
- }, _this.textAreaOnchange = function (e, maxLength) {
1549
- if (e && e.target.value.length > maxLength) {
1550
- _message3['default'].info('\u8F93\u5165\u5B57\u6570\u4E0D\u80FD\u8D85\u8FC7' + maxLength);
1551
- }
1552
- }, _this.textareaHandler = function (item) {
1553
- var _item$cmptPros4 = item.cmptPros,
1554
- cmptPros = _item$cmptPros4 === undefined ? {} : _item$cmptPros4;
1555
-
1556
- var maxlength = void 0;
1557
- if (cmptPros.maxLength || cmptPros.maxlength) {
1558
- maxlength = cmptPros.maxLength || cmptPros.maxlength;
1559
- }
1560
- if (!cmptPros.rows) {
1561
- cmptPros = (0, _extends3['default'])({ autosize: { minRows: 2, maxRows: 9999 } }, cmptPros);
1562
- }
1563
- return _react2['default'].createElement(TextArea, (0, _extends3['default'])({ onChange: function onChange(e) {
1564
- return _this.textAreaOnchange(e, maxlength);
1565
- } }, cmptPros));
1566
- }, _this.inputNumberHandler = function (item, formItemLayout, disableCheckFlag) {
1567
- var allReadFlag = _this.props.allReadFlag;
1568
- var getFieldDecorator = _this.props.form.getFieldDecorator;
1569
- var cmptPros = item.cmptPros,
1570
- label = item.label,
1571
- fieldId = item.fieldId,
1572
- requiredMessage = item.requiredMessage,
1573
- required = item.required,
1574
- value = item.value,
1575
- disableFlag = item.disableFlag,
1576
- formItemProps = item.formItemProps,
1577
- readFlag = item.readFlag,
1578
- hideLabel = item.hideLabel;
1579
-
1580
- var isApproval = document.body.innerHTML.includes('class="approval_flag_only"');
1581
- var isDisableRuleFlag = required;
1582
- if (readFlag === undefined) {
1583
- if (disableFlag && isApproval && disableCheckFlag) {
1584
- isDisableRuleFlag = required;
1585
- } else if (disableFlag && isApproval) {
1586
- isDisableRuleFlag = false;
1587
- }
1588
- }
1589
- var addrules = [{ required: isDisableRuleFlag, message: requiredMessage || '\u8BF7\u586B\u5199' + label }];
1590
- if (cmptPros && cmptPros.rules) {
1591
- var rules = cmptPros.rules;
1592
-
1593
- addrules.push.apply(addrules, rules);
1594
- }
1595
- var afterBtns = _this.getAfterBtn(item);
1596
- if (readFlag || allReadFlag) {
1597
- return _react2['default'].createElement(
1598
- FormItem,
1599
- (0, _extends3['default'])({
1600
- label: hideLabel ? null : label,
1601
- required: required
1602
- }, formItemLayout, formItemProps, {
1603
- style: formItemStyle
1604
- }),
1605
- getFieldDecorator(fieldId + 'Easy3wView', {
1606
- initialValue: 'easy3wView',
1607
- rules: [{ required: isDisableRuleFlag, message: requiredMessage || '\u8BF7\u586B\u5199' + label }]
1608
- })(_react2['default'].createElement(_input2['default'], { type: 'hidden' })),
1609
- value,
1610
- ' ',
1611
- afterBtns
1612
- );
1613
- }
1614
- return _react2['default'].createElement(
1615
- FormItem,
1616
- (0, _extends3['default'])({
1617
- label: hideLabel ? null : label
1618
- }, formItemLayout, formItemProps, {
1619
- style: formItemStyle
1620
- }),
1621
- _react2['default'].createElement(
1622
- 'div',
1623
- { className: (0, _classnames2['default'])(['inputNumberFormat']) },
1624
- getFieldDecorator(fieldId, { rules: addrules, initialValue: value })(_react2['default'].createElement(_inputNumber2['default'], (0, _extends3['default'])({
1625
- precision: 2 // 数值精度 2 保留两位小数 0 整数 可以通过cmptPros修改
1626
- , style: { flex: 1 },
1627
- disabled: disableFlag
1628
- }, cmptPros))),
1629
- cmptPros ? cmptPros.addonAfter ? _react2['default'].createElement(
1630
- 'div',
1631
- { className: (0, _classnames2['default'])(['ant-input-group-addon', 'addonBtns']), style: { borderRadius: '0px 4px 4px 0px' } },
1632
- cmptPros.addonAfter
1633
- ) : null : null,
1634
- _react2['default'].createElement(
1635
- 'div',
1636
- { className: (0, _classnames2['default'])(['inputNumberBtns']) },
1637
- afterBtns
1638
- )
1639
- )
1640
- );
1641
- }, _this.inputNumberFormatHandler = function (item, formItemLayout, disableCheckFlag) {
1642
- var allReadFlag = _this.props.allReadFlag;
1643
- var getFieldDecorator = _this.props.form.getFieldDecorator;
1644
- var cmptPros = item.cmptPros,
1645
- label = item.label,
1646
- fieldId = item.fieldId,
1647
- requiredMessage = item.requiredMessage,
1648
- required = item.required,
1649
- value = item.value,
1650
- disableFlag = item.disableFlag,
1651
- formItemProps = item.formItemProps,
1652
- readFlag = item.readFlag,
1653
- hideLabel = item.hideLabel;
1654
-
1655
- var isApproval = document.body.innerHTML.includes('class="approval_flag_only"');
1656
- var isDisableRuleFlag = required;
1657
- if (readFlag === undefined) {
1658
- if (disableFlag && isApproval && disableCheckFlag) {
1659
- isDisableRuleFlag = required;
1660
- } else if (disableFlag && isApproval) {
1661
- isDisableRuleFlag = false;
1662
- }
1663
- }
1664
- var addrules = [{ required: isDisableRuleFlag, message: requiredMessage || '\u8BF7\u586B\u5199' + label }];
1665
- if (cmptPros && cmptPros.rules) {
1666
- var rules = cmptPros.rules;
1667
-
1668
- addrules.push.apply(addrules, rules);
1669
- }
1670
- var afterBtns = _this.getAfterBtn(item);
1671
- if (readFlag || allReadFlag) {
1672
- return _react2['default'].createElement(
1673
- FormItem,
1674
- (0, _extends3['default'])({
1675
- label: hideLabel ? null : label,
1676
- required: required
1677
- }, formItemLayout, formItemProps, {
1678
- style: formItemStyle
1679
- }),
1680
- getFieldDecorator(fieldId + 'Easy3wView', {
1681
- initialValue: 'easy3wView',
1682
- rules: [{ required: isDisableRuleFlag, message: requiredMessage || '\u8BF7\u586B\u5199' + label }]
1683
- })(_react2['default'].createElement(_input2['default'], { type: 'hidden' })),
1684
- value,
1685
- ' ',
1686
- afterBtns
1687
- );
1688
- }
1689
- return _react2['default'].createElement(
1690
- FormItem,
1691
- (0, _extends3['default'])({
1692
- label: hideLabel ? null : label
1693
- }, formItemLayout, formItemProps, {
1694
- style: formItemStyle
1695
- }),
1696
- _react2['default'].createElement(
1697
- 'div',
1698
- { className: (0, _classnames2['default'])(['inputNumberFormat']) },
1699
- getFieldDecorator(fieldId, { rules: addrules, initialValue: value })(_react2['default'].createElement(_inputNumber2['default'], (0, _extends3['default'])({
1700
- formatter: function formatter(val) {
1701
- return ('' + val).replace(/\B(?=(\d{3})+(?!\d))/g, ',');
1702
- },
1703
- parser: function parser(val) {
1704
- return val.replace(/\$\s?|(,*)/g, '');
1705
- },
1706
- precision: 2,
1707
- disabled: disableFlag,
1708
- onChange: function onChange(onChangeValue) {
1709
- var _this$props$form$setF;
1710
-
1711
- return _this.props.form.setFieldsValue((_this$props$form$setF = {}, _this$props$form$setF[item.fieldId] = onChangeValue, _this$props$form$setF));
1712
- }
1713
- }, cmptPros, {
1714
- style: { flex: 1 }
1715
- }))),
1716
- cmptPros ? cmptPros.addonAfter ? _react2['default'].createElement(
1717
- 'div',
1718
- { className: (0, _classnames2['default'])(['ant-input-group-addon', 'addonBtns']), style: { borderRadius: '0px 4px 4px 0px' } },
1719
- cmptPros.addonAfter
1720
- ) : null : null,
1721
- _react2['default'].createElement(
1722
- 'div',
1723
- { className: (0, _classnames2['default'])(['inputNumberBtns']) },
1724
- afterBtns
1725
- )
1726
- )
1727
- );
1728
- }, _this.inputAmountHandler = function (item, formItemLayout, disableCheckFlag) {
1729
- var allReadFlag = _this.props.allReadFlag;
1730
- var getFieldDecorator = _this.props.form.getFieldDecorator;
1731
- var cmptPros = item.cmptPros,
1732
- label = item.label,
1733
- fieldId = item.fieldId,
1734
- requiredMessage = item.requiredMessage,
1735
- required = item.required,
1736
- value = item.value,
1737
- disableFlag = item.disableFlag,
1738
- formItemProps = item.formItemProps,
1739
- readFlag = item.readFlag,
1740
- hideLabel = item.hideLabel;
1741
-
1742
- var isApproval = document.body.innerHTML.includes('class="approval_flag_only"');
1743
- var isDisableRuleFlag = required;
1744
- if (readFlag === undefined) {
1745
- if (disableFlag && isApproval && disableCheckFlag) {
1746
- isDisableRuleFlag = required;
1747
- } else if (disableFlag && isApproval) {
1748
- isDisableRuleFlag = false;
1749
- }
1750
- }
1751
- var addrules = [{ required: isDisableRuleFlag, message: requiredMessage || '\u8BF7\u586B\u5199' + label }];
1752
- var addonAfter = cmptPros.addonAfter,
1753
- rules = cmptPros.rules;
1754
-
1755
- if (rules) {
1756
- // const { rules } = cmptPros;
1757
- addrules.push.apply(addrules, rules);
1758
- }
1759
- var afterBtns = _this.getAfterBtn(item);
1760
- if (readFlag || allReadFlag) {
1761
- return _react2['default'].createElement(
1762
- FormItem,
1763
- (0, _extends3['default'])({
1764
- label: hideLabel ? null : label,
1765
- required: required
1766
- }, formItemLayout, formItemProps, {
1767
- style: formItemStyle
1768
- }),
1769
- getFieldDecorator(fieldId + 'Easy3wView', {
1770
- initialValue: 'easy3wView',
1771
- rules: [{ required: isDisableRuleFlag, message: requiredMessage || '\u8BF7\u586B\u5199' + label }]
1772
- })(_react2['default'].createElement(_input2['default'], { type: 'hidden' })),
1773
- ('' + value).replace(/\B(?=(\d{3})+(?!\d))/g, ','),
1774
- addonAfter,
1775
- ' ',
1776
- afterBtns
1777
- );
1778
- }
1779
- return _react2['default'].createElement(
1780
- FormItem,
1781
- (0, _extends3['default'])({
1782
- label: hideLabel ? null : label
1783
- }, formItemLayout, formItemProps, {
1784
- style: formItemStyle
1785
- }),
1786
- _react2['default'].createElement(
1787
- 'div',
1788
- { className: (0, _classnames2['default'])(['inputAmount']) },
1789
- getFieldDecorator(fieldId, { rules: addrules, initialValue: value })(_react2['default'].createElement(_inputNumber2['default'], (0, _extends3['default'])({
1790
- formatter: function formatter(val) {
1791
- return ('' + val).replace(/\B(?=(\d{3})+(?!\d))/g, ',');
1792
- },
1793
- parser: function parser(val) {
1794
- return val.replace(/\$\s?|(,*)/g, '');
1795
- },
1796
- precision: 2,
1797
- disabled: disableFlag
1798
- // onChange={onChangeValue => this.props.form.setFieldsValue({ [item.fieldId]: onChangeValue })}
1799
- }, cmptPros, {
1800
- style: { flex: 1 }
1801
- }))),
1802
- addonAfter ? _react2['default'].createElement(
1803
- 'div',
1804
- { className: (0, _classnames2['default'])(['ant-input-group-addon', 'addonBtns']), style: { borderRadius: '0px 4px 4px 0px' } },
1805
- addonAfter
1806
- ) : null,
1807
- _react2['default'].createElement(
1808
- 'div',
1809
- { className: (0, _classnames2['default'])(['inputNumberBtns']) },
1810
- afterBtns
1811
- )
1812
- )
1813
- );
1814
- }, _this.inputDigitHandler = function (item, formItemLayout, disableCheckFlag) {
1815
- var allReadFlag = _this.props.allReadFlag;
1816
- var getFieldDecorator = _this.props.form.getFieldDecorator;
1817
- var cmptPros = item.cmptPros,
1818
- label = item.label,
1819
- fieldId = item.fieldId,
1820
- requiredMessage = item.requiredMessage,
1821
- required = item.required,
1822
- value = item.value,
1823
- disableFlag = item.disableFlag,
1824
- formItemProps = item.formItemProps,
1825
- readFlag = item.readFlag,
1826
- hideLabel = item.hideLabel;
1827
-
1828
- var isApproval = document.body.innerHTML.includes('class="approval_flag_only"');
1829
- var isDisableRuleFlag = required;
1830
- if (readFlag === undefined) {
1831
- if (disableFlag && isApproval && disableCheckFlag) {
1832
- isDisableRuleFlag = required;
1833
- } else if (disableFlag && isApproval) {
1834
- isDisableRuleFlag = false;
1835
- }
1836
- }
1837
- var addrules = [{ required: isDisableRuleFlag, message: requiredMessage || '\u8BF7\u586B\u5199' + label }];
1838
- var addonAfter = cmptPros.addonAfter,
1839
- rules = cmptPros.rules;
1840
-
1841
- if (rules) {
1842
- // const { rules } = cmptPros;
1843
- addrules.push.apply(addrules, rules);
1844
- }
1845
- var afterBtns = _this.getAfterBtn(item);
1846
- if (readFlag || allReadFlag) {
1847
- return _react2['default'].createElement(
1848
- FormItem,
1849
- (0, _extends3['default'])({
1850
- label: hideLabel ? null : label,
1851
- required: required
1852
- }, formItemLayout, formItemProps, {
1853
- style: formItemStyle
1854
- }),
1855
- getFieldDecorator(fieldId + 'Easy3wView', {
1856
- initialValue: 'easy3wView',
1857
- rules: [{ required: isDisableRuleFlag, message: requiredMessage || '\u8BF7\u586B\u5199' + label }]
1858
- })(_react2['default'].createElement(_input2['default'], { type: 'hidden' })),
1859
- value,
1860
- addonAfter,
1861
- ' ',
1862
- afterBtns
1863
- );
1864
- }
1865
- return _react2['default'].createElement(
1866
- FormItem,
1867
- (0, _extends3['default'])({
1868
- label: hideLabel ? null : label
1869
- }, formItemLayout, formItemProps, {
1870
- style: formItemStyle
1871
- }),
1872
- _react2['default'].createElement(
1873
- 'div',
1874
- { className: (0, _classnames2['default'])(['inputDigit']) },
1875
- getFieldDecorator(fieldId, { rules: addrules, initialValue: value })(_react2['default'].createElement(_inputNumber2['default'], (0, _extends3['default'])({
1876
- precision: 2 // 数值精度 2 保留两位小数 0 整数 可以通过cmptPros修改
1877
- , style: { flex: 1 },
1878
- disabled: disableFlag
1879
- }, cmptPros))),
1880
- addonAfter ? _react2['default'].createElement(
1881
- 'div',
1882
- { className: (0, _classnames2['default'])(['ant-input-group-addon', 'addonBtns']), style: { borderRadius: '0px 4px 4px 0px' } },
1883
- addonAfter
1884
- ) : null,
1885
- _react2['default'].createElement(
1886
- 'div',
1887
- { className: (0, _classnames2['default'])(['inputNumberBtns']) },
1888
- afterBtns
1889
- )
1890
- )
1891
- );
1892
- }, _this.numberInputHandler = function (item) {
1893
- var cmptPros = item.cmptPros;
1894
-
1895
- return _react2['default'].createElement(_input2['default'], (0, _extends3['default'])({
1896
- onBlur: function onBlur(e) {
1897
- return _this.numberInputonBlur(e, item);
1898
- },
1899
- onChange: _this.numberInputonChange,
1900
- onPressEnter: function onPressEnter(e) {
1901
- return _this.numberInputonBlur(e, item);
1902
- },
1903
- rules: [{ pattern: /^\d+(\.\d+)?$/, message: '数字' }],
1904
- className: (0, _classnames2['default'])(['rightText'])
1905
- }, cmptPros));
1906
- }, _this.numberInputonChange = function (e) {
1907
- var value = e.target.value;
1908
-
1909
- var val = _this.replaceAllNumberInput(value);
1910
- var reg = /^-?(0|[1-9][0-9]*)(\.[0-9]*)?$/;
1911
- if (!isNaN(val) && reg.test(val) || val === '' || val === '-') {
1912
- // this.props.onChange(value);
1913
- }
1914
- }, _this.numberInputonBlur = function (e, item) {
1915
- var _this$props$form$setF2;
1916
-
1917
- var value = e.target.value;
1918
-
1919
- if (value === '' || value === null || value === undefined) {
1920
- return null;
1921
- }
1922
- _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));
1923
- }, _this.replaceAllNumberInput = function (value) {
1924
- if (typeof value !== 'string') {
1925
- return value;
1926
- } else {
1927
- return Number(value.replace(/,/g, ''));
1928
- }
1929
- }, _this.mentionHandler = function (item) {
1930
- var cmptPros = item.cmptPros;
1931
-
1932
- return _react2['default'].createElement(_mention2['default'], cmptPros);
1933
- }, _this.rateHandler = function (item) {
1934
- var cmptPros = item.cmptPros;
1935
-
1936
- return _react2['default'].createElement(_rate2['default'], cmptPros);
1937
- }, _this.autoCompleteHandler = function (item) {
1938
- var cmptPros = item.cmptPros;
1939
-
1940
- return _react2['default'].createElement(_autoComplete2['default'], cmptPros);
1941
- }, _this.braftEditorHandler = function (item) {
1942
- var allReadFlag = _this.props.allReadFlag;
1943
- var readFlag = item.readFlag,
1944
- fieldId = item.fieldId;
1945
- var cmptPros = item.cmptPros;
1946
-
1947
- cmptPros = (0, _extends3['default'])({}, cmptPros);
1948
- // const { cmptPros } = item;
1949
- // controls={[]}
1950
- if (readFlag || allReadFlag || cmptPros && cmptPros.readOnly) {
1951
- cmptPros.controls = [];
1952
- }
1953
- return _react2['default'].createElement(_braftEditor2['default'], (0, _extends3['default'])({ readOnly: readFlag || allReadFlag, onChange: readFlag || allReadFlag ? function () {} : function (value) {
1954
- return _this.onChangeBraftEditor(fieldId, value);
1955
- } }, cmptPros, { style: { border: '1px solid #eee' } }));
1956
- }, _this.onChangeBraftEditor = function (fieldId, value) {
1957
- if (value && value.toHTML() !== '<p></p>') {
1958
- var _this$props$form$setF3;
1959
-
1960
- _this.props.form.setFieldsValue((_this$props$form$setF3 = {}, _this$props$form$setF3[fieldId] = value, _this$props$form$setF3));
1961
- }
1962
- }, _this.validateContent = function (rule, value, callback) {
1963
- if (value.isEmpty()) {
1964
- callback(rule.message);
1965
- } else {
1966
- callback();
1967
- }
1968
- }, _this.cascaderHandler = function (item) {
1969
- var cmptPros = item.cmptPros;
1970
-
1971
- return _react2['default'].createElement(_cascader2['default'], cmptPros);
1972
- }, _this.iconHandler = function (item) {
1973
- var cmptPros = item.cmptPros;
1974
-
1975
- return _react2['default'].createElement(_icon2['default'], cmptPros);
1976
- }, _this.strTemplateHandler = function (item) {
1977
- var cmptPros = item.cmptPros;
1978
- var templateArray = cmptPros.templateArray;
1979
-
1980
- var templateArr = templateArray.map(function (obj) {
1981
- var objArea = _this.getItemArea(obj);
1982
- var fieldType = obj.fieldType;
1983
-
1984
- if (fieldType === 'inputNumber') {
1985
- objArea = _this.inputNumberHandler((0, _extends3['default'])({ hideLabel: true }, obj));
1986
- // return up;
1987
- }
1988
- if (fieldType === 'inputNumberFormat') {
1989
- objArea = _this.inputNumberFormatHandler((0, _extends3['default'])({ hideLabel: true }, obj));
1990
- // return up;
1991
- }
1992
- if (fieldType === 'inputAmount') {
1993
- var up = _this.inputAmountHandler((0, _extends3['default'])({ hideLabel: true }, obj));
1994
- return up;
1995
- }
1996
- if (fieldType === 'inputDigit') {
1997
- var _up7 = _this.inputDigitHandler((0, _extends3['default'])({ hideLabel: true }, obj));
1998
- return _up7;
1999
- }
2000
- var itemArea = _this.getStrTemplateItem(obj, objArea);
2001
- return itemArea;
2002
- });
2003
- var retObj = _react2['default'].createElement(
2004
- _row2['default'],
2005
- null,
2006
- templateArr
2007
- );
2008
- return retObj;
2009
- }, _this.descHandler = function (item) {
2010
- var value = item.value;
2011
-
2012
- return value;
2013
- }, _this.btnHandler = function (obj) {
2014
- var func = obj.func,
2015
- cName = obj.cName,
2016
- confirmContent = obj.confirmContent;
2017
-
2018
- if (confirmContent) {
2019
- return _react2['default'].createElement(
2020
- _popconfirm2['default'],
2021
- { title: confirmContent, onConfirm: function onConfirm(e) {
2022
- return _this.onClickFunc(e, func);
2023
- } },
2024
- _react2['default'].createElement(
2025
- _button2['default'],
2026
- { className: (0, _classnames2['default'])(['e3wFootBtn']) },
2027
- cName
2028
- )
2029
- );
2030
- }
2031
- return _react2['default'].createElement(
2032
- _button2['default'],
2033
- {
2034
- onClick: function onClick(e) {
2035
- return _this.onClickFunc(e, func);
2036
- },
2037
- className: (0, _classnames2['default'])(['e3wFootBtn'])
2038
- },
2039
- cName
2040
- );
2041
- }, _this.aHandler = function (obj) {
2042
- var func = obj.func,
2043
- cName = obj.cName;
2044
-
2045
- return _react2['default'].createElement(
2046
- 'a',
2047
- {
2048
- onClick: function onClick(e) {
2049
- return _this.onClickFunc(e, func);
2050
- },
2051
- className: (0, _classnames2['default'])(['e3wFootBtn'])
2052
- },
2053
- cName
2054
- );
2055
- }, _this.strHandler = function (obj) {
2056
- var cName = obj.cName,
2057
- color = obj.color;
2058
-
2059
- return _react2['default'].createElement(
2060
- 'span',
2061
- {
2062
- className: (0, _classnames2['default'])(['e3wFootBtn']),
2063
- style: { color: color || '' }
2064
- },
2065
- cName
2066
- );
2067
- }, _temp), (0, _possibleConstructorReturn3['default'])(_this, _ret);
2068
- }
2069
- /** 使用何种表单域 */
2070
-
2071
- /** 获取value */
2072
-
2073
- // 判断fieldType -- 解析字段类型
2074
-
2075
- /** 获取FormItem */
2076
-
2077
- // 检验长度前转换字段值为字符串
2078
-
2079
- /** 获取单行 */
2080
-
2081
- /** 单列 */
2082
-
2083
- /** 双列 */
2084
-
2085
- /** 三列 */
2086
-
2087
- /** upload start */
2088
-
2089
- /** upload end */
2090
- /** upload start */
2091
-
2092
- /** upload end */
2093
- /** upload start */
2094
-
2095
- /** upload end */
2096
- /** input start */
2097
-
2098
- /** input end */
2099
- // #region inputEmail
2100
-
2101
- /** input end */
2102
- /** mobile start */
2103
-
2104
- // 手机号录入框失去焦点
2105
-
2106
- // 手机归属值变更
2107
-
2108
- // 更新手机信息
2109
-
2110
- /** mobile end */
2111
-
2112
- /** select start */
2113
-
2114
- /** select end */
2115
-
2116
- /** tagSelectHandler start */
2117
-
2118
- /** tagSelectHandler end */
2119
-
2120
- /** slider start */
2121
-
2122
- /** slider end */
2123
- /** switch start */
2124
-
2125
- /** switch end */
2126
- /** datePicker start */
2127
-
2128
- /** datePicker end */
2129
- /** dateTimePicker start */
2130
-
2131
- /** dateTimePicker end */
2132
-
2133
- /** timePickerHandler start */
2134
-
2135
- /** timePickerHandler end */
2136
-
2137
- /** monthPickerHandler start */
2138
-
2139
- /** monthPickerHandler end */
2140
-
2141
- /** rangePickerHandler start */
2142
-
2143
- /** rangePickerHandler end */
2144
-
2145
- /** transferHandler start */
2146
-
2147
- /** transferHandler end */
2148
- /** treeSelect start */
2149
-
2150
- /** treeSelect end */
2151
-
2152
- /** radio start */
2153
-
2154
- /** radio end */
2155
-
2156
- /** checkBox start */
2157
-
2158
- /** checkBox end */
2159
-
2160
- /** textarea start */
2161
-
2162
- /** textarea end */
2163
-
2164
- /** inputNumber start */
2165
-
2166
- /** inputNumber end */
2167
-
2168
- /** inputNumber start */
2169
-
2170
- /** inputNumber end */
2171
- // #region 金额
2172
-
2173
- // #endregion
2174
- // #region 数字
2175
-
2176
- // #endregion
2177
- /** numberInput start */
2178
- // numberInputHandler = (item) => {
2179
- // return (
2180
- // <NumberFormat
2181
- // thousandSeparator
2182
- // allowNegative={false}
2183
- // decimalScale={2}
2184
- // customInput={Input}
2185
- // style={{ textAlign: 'right' }}
2186
- // {...item}
2187
- // {...item.cmptPros}
2188
- // />
2189
- // );
2190
- // }
2191
-
2192
- /** numberInput end */
2193
-
2194
- /** mention start */
2195
-
2196
- /** mention end */
2197
-
2198
- /** rate start */
2199
-
2200
- /** rate end */
2201
-
2202
- /** autoComplete start */
2203
-
2204
- /** autoComplete end */
2205
-
2206
- /** braftEditor start */
2207
-
2208
- // BraftEditor数据变更
2209
-
2210
- // 文章内容校验
2211
-
2212
- /** braftEditor end */
2213
-
2214
- /** cascader start */
2215
-
2216
- /** cascader end */
2217
- /** iconHandler start */
2218
-
2219
- /** iconHandler end */
2220
- /** strTemplate start */
2221
-
2222
- /** strTemplate end */
2223
- /** descHandler start */
2224
-
2225
- /** descHandler end */
2226
-
2227
- /** btnHandler start */
2228
-
2229
- /** btnHandler end */
2230
-
2231
- /** aHandler start */
2232
-
2233
- /** aHandler end */
2234
-
2235
- /** strHandler start */
2236
-
2237
-
2238
- /** strHandler end */
2239
-
2240
- Easy3wFormPage.prototype.render = function render() {
2241
- return _react2['default'].createElement(
2242
- 'div',
2243
- { className: (0, _classnames2['default'])(['e3wFormPageWrap']) },
2244
- this.getAllForms()
2245
- );
2246
- };
2247
-
2248
- return Easy3wFormPage;
2249
- }(_react.Component);
2250
-
2251
- var Easy3wFormPageTight = function (_Component2) {
2252
- (0, _inherits3['default'])(Easy3wFormPageTight, _Component2);
2253
-
2254
- function Easy3wFormPageTight() {
2255
- var _temp2, _this2, _ret2;
2256
-
2257
- (0, _classCallCheck3['default'])(this, Easy3wFormPageTight);
2258
-
2259
- for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
2260
- args[_key2] = arguments[_key2];
2261
- }
2262
-
2263
- return _ret2 = (_temp2 = (_this2 = (0, _possibleConstructorReturn3['default'])(this, _Component2.call.apply(_Component2, [this].concat(args))), _this2), _this2.state = {
2264
- leftCount: 0 // 字数输入个数
2265
- }, _this2.onClickFunc = function (e, func) {
2266
- var globalLoading = _this2.props.loadingFlag.global;
2267
- if (globalLoading) {
2268
- _notification3['default'].warning({
2269
- message: '温馨提示',
2270
- description: '正在后台处理,请稍后!',
2271
- duration: 3
2272
- });
2273
- } else {
2274
- func(e);
2275
- }
2276
- }, _this2.getItemArea = function (item) {
2277
- var fieldType = item.fieldType,
2278
- cmptPros = item.cmptPros,
2279
- disableFlag = item.disableFlag;
2280
-
2281
- var itemNew = item;
2282
- var newCmptPros = {};
2283
- if (disableFlag) {
2284
- if (cmptPros) {
2285
- newCmptPros = (0, _extends3['default'])({}, cmptPros, { disabled: true });
2286
- } else {
2287
- newCmptPros = { disabled: true };
2288
- }
2289
- itemNew = (0, _extends3['default'])({}, item, { cmptPros: newCmptPros });
2290
- }
2291
- switch (fieldType) {
2292
- case 'autoComplete':
2293
- return _this2.autoCompleteHandler(itemNew);
2294
- case 'braftEditor':
2295
- return _this2.braftEditorHandler(itemNew);
2296
- case 'cascader':
2297
- return _this2.cascaderHandler(itemNew);
2298
- case 'checkBox':
2299
- return _this2.checkBoxHandler(itemNew);
2300
- case 'monthPicker':
2301
- return _this2.monthPickerHandler(itemNew);
2302
- case 'rangePicker':
2303
- return _this2.rangePickerHandler(itemNew);
2304
- case 'datePicker':
2305
- return _this2.datePickerHandler(itemNew);
2306
- case 'dateTimePicker':
2307
- return _this2.dateTimePickerHandler(itemNew);
2308
- case 'timePicker':
2309
- return _this2.timePickerHandler(itemNew);
2310
- case 'input':
2311
- return _this2.inputHandler(itemNew);
2312
- case 'textarea':
2313
- return _this2.textareaHandler(itemNew);
2314
- case 'inputNumber':
2315
- return _this2.inputNumberHandler(itemNew);
2316
- // case 'inputNumberFormat':
2317
- // return this.inputNumberFormatHandler(itemNew);
2318
- case 'numberInput':
2319
- return _this2.numberInputHandler(itemNew);
2320
- case 'mention':
2321
- return _this2.mentionHandler(itemNew);
2322
- case 'rate':
2323
- return _this2.rateHandler(itemNew);
2324
- case 'radio':
2325
- return _this2.radioHandler(itemNew);
2326
- case 'select':
2327
- return _this2.selectHandler(itemNew);
2328
- case 'tagSelect':
2329
- return _this2.tagSelectHandler(itemNew);
2330
- case 'slider':
2331
- return _this2.sliderHandler(itemNew);
2332
- case 'switch':
2333
- return _this2.switchHandler(itemNew);
2334
- case 'treeSelect':
2335
- return _this2.treeSelectHandler(itemNew);
2336
- case 'transfer':
2337
- return _this2.transferHandler(itemNew);
2338
- case 'icon':
2339
- return _this2.iconHandler(itemNew);
2340
- case 'strTemplate':
2341
- return _this2.strTemplateHandler(itemNew);
2342
- case 'desc':
2343
- return _this2.descHandler(itemNew);
2344
- case 'btn':
2345
- return _this2.btnHandler(itemNew);
2346
- case 'a':
2347
- return _this2.aHandler(itemNew);
2348
- case 'string':
2349
- return _this2.strHandler(itemNew);
2350
- default:
2351
- break;
2352
- }
2353
- }, _this2.getItemValue = function (item) {
2354
- var allReadFlag = _this2.props.allReadFlag;
2355
- var fieldType = item.fieldType,
2356
- readFlag = item.readFlag,
2357
- cmptPros = item.cmptPros,
2358
- disableFlag = item.disableFlag,
2359
- numberFormat = item.numberFormat;
2360
- var value = item.value;
2361
-
2362
- if (numberFormat) {
2363
- return (0, _numeral2['default'])(value).format('0,0.00');
2364
- }
2365
- if (fieldType === 'numberInput' && value) {
2366
- return (0, _numeral2['default'])(value).format('0,0.00');
2367
- }
2368
- if (fieldType === 'braftEditor') {
2369
- return _braftEditor2['default'].createEditorState(value);
2370
- }
2371
- if (allReadFlag || readFlag) {
2372
- if (fieldType === 'treeSelect') {
2373
- /** select */
2374
- if (!value) {
2375
- value = undefined;
2376
- } else if (typeof value === 'object') {
2377
- if (!value && !value.key && !value.value) {
2378
- value = undefined;
2379
- } else if (value instanceof Array && value.length > 0) {
2380
- // 数组
2381
- var arrVal = value.map(function (itemVal) {
2382
- return itemVal.label;
2383
- });
2384
- value = arrVal.join();
2385
- } else {
2386
- // 对象
2387
- value = value.label;
2388
- }
2389
- }
2390
- }
2391
- } else {
2392
- if (fieldType === 'datePicker') {
2393
- /** 格式化日期型数据 */
2394
- value = value ? (0, _moment2['default'])(value, 'YYYY-MM-DD') : undefined;
2395
- }
2396
- if (fieldType === 'dateTimePicker') {
2397
- /** 格式化日期时间型数据 */
2398
- value = value ? (0, _moment2['default'])(value, 'YYYY-MM-DD HH:mm:ss') : undefined;
2399
- }
2400
- if (fieldType === 'monthPicker') {
2401
- /** 格式化年月型数据 */
2402
- value = value ? (0, _moment2['default'])(value, 'YYYY-MM') : undefined;
2403
- }
2404
- if (fieldType === 'rangePicker') {
2405
- /** 格式化年月型数据 */
2406
- value = value[1] ? [(0, _moment2['default'])(value[0], 'YYYY-MM-DD'), (0, _moment2['default'])(value[1], 'YYYY-MM-DD')] : undefined;
2407
- }
2408
- if (fieldType === 'timePicker') {
2409
- /** 格式化时间型数据 */
2410
- value = value ? (0, _moment2['default'])(value, 'HH:mm:ss') : undefined;
2411
- }
2412
- }
2413
- if (fieldType === 'select') {
2414
- /** select */
2415
- if (!disableFlag) {
2416
- var labelInValue = cmptPros.labelInValue,
2417
- mode = cmptPros.mode;
2418
-
2419
- if (labelInValue && labelInValue === true && mode !== 'multiple') {
2420
- if (value === undefined || value === '') {
2421
- value = undefined;
2422
- } else if (!value.key && !value.value) {
2423
- value = undefined;
2424
- }
2425
- }
2426
- }
2427
- }
2428
- return value;
2429
- }, _this2.getAfterBtn = function (item) {
2430
- var afterBtn = item.afterBtn;
2431
-
2432
- if (afterBtn) {
2433
- var allBtn = afterBtn.map(function (btn) {
2434
- if (btn.objType === 'btn') {
2435
- return _this2.btnHandler(btn, 'afterBtn');
2436
- }
2437
- if (btn.objType === 'a') {
2438
- return _this2.aHandler(btn, 'afterBtn');
2439
- }
2440
- if (btn.objType === 'string') {
2441
- return _this2.strHandler(btn, 'afterBtn');
2442
- }
2443
- return {};
2444
- });
2445
- return allBtn;
2446
- } else {
2447
- var noneBtn = [];
2448
- return noneBtn;
2449
- }
2450
- }, _this2.getFormItem = function (item, itemValue, afterBtns, itemArea, formItemLayout) {
2451
- var _this2$props = _this2.props,
2452
- form = _this2$props.form,
2453
- allReadFlag = _this2$props.allReadFlag,
2454
- loadFinishFlag = _this2$props.loadFinishFlag,
2455
- bigFormFlag = _this2$props.bigFormFlag;
2456
- var getFieldDecorator = form.getFieldDecorator;
2457
- var formItemChild = item.formItemChild,
2458
- popoverFlag = item.popoverFlag,
2459
- readFlag = item.readFlag,
2460
- popProps = item.popProps,
2461
- fieldType = item.fieldType,
2462
- disableFlag = item.disableFlag,
2463
- value = item.value,
2464
- formItemProps = item.formItemProps,
2465
- novalueFlag = item.novalueFlag,
2466
- label = item.label,
2467
- fieldId = item.fieldId,
2468
- required = item.required,
2469
- requiredMessage = item.requiredMessage,
2470
- cmptPros = item.cmptPros;
2471
-
2472
- var addRules = [];
2473
- var hadOnBlurFlag = false;
2474
- var notProxyOnblurFlag = false;
2475
- var disableFlagReal = disableFlag;
2476
- if (cmptPros) {
2477
- if (cmptPros.rules) {
2478
- var rules = cmptPros.rules;
2479
-
2480
- addRules = rules;
2481
- }
2482
- }
2483
- var decoratorObj = {
2484
- rules: [{ required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label }].concat(addRules)
2485
- };
2486
- if (itemValue || itemValue === 0) {
2487
- decoratorObj = (0, _extends3['default'])({}, decoratorObj, {
2488
- initialValue: itemValue
2489
- });
2490
- }
2491
- if (cmptPros) {
2492
- if (cmptPros.getValueFromEvent) {
2493
- var getValueFromEvent = cmptPros.getValueFromEvent;
2494
-
2495
- decoratorObj = (0, _extends3['default'])({}, decoratorObj, { getValueFromEvent: getValueFromEvent });
2496
- }
2497
- if (cmptPros.onBlur) {
2498
- hadOnBlurFlag = true;
2499
- }
2500
- if (cmptPros.notProxyOnblurFlag) {
2501
- notProxyOnblurFlag = true;
2502
- }
2503
- if (cmptPros.disabled) {
2504
- disableFlagReal = true;
2505
- }
2506
- }
2507
- if (loadFinishFlag === true && bigFormFlag === true) {
2508
- if ((fieldType === 'input' || fieldType === 'textarea') && !hadOnBlurFlag && !disableFlagReal && !notProxyOnblurFlag) {
2509
- decoratorObj = (0, _extends3['default'])({}, decoratorObj, {
2510
- trigger: 'onBlur',
2511
- valuePropName: 'defaultValue'
2512
- });
2513
- }
2514
- }
2515
- if (readFlag || allReadFlag) {
2516
- if (fieldType === 'braftEditor') {
2517
- return _react2['default'].createElement(
2518
- FormItem,
2519
- (0, _extends3['default'])({
2520
- label: label
2521
- }, formItemLayout, formItemProps, {
2522
- style: formItemStyleTight,
2523
- className: (0, _classnames2['default'])(['formContent'])
2524
- }),
2525
- getFieldDecorator(fieldId + 'Easy3wView', {
2526
- initialValue: 'easy3wView',
2527
- rules: [{ required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label }]
2528
- })(_react2['default'].createElement(_input2['default'], { type: 'hidden', size: 'small' })),
2529
- _react2['default'].createElement('div', { dangerouslySetInnerHTML: { __html: itemValue.toHTML() } }),
2530
- afterBtns
2531
- );
2532
- }
2533
- if (fieldType === 'textarea') {
2534
- return _react2['default'].createElement(
2535
- FormItem,
2536
- (0, _extends3['default'])({
2537
- label: label
2538
- }, formItemLayout, formItemProps, {
2539
- style: formItemStyleTight,
2540
- className: (0, _classnames2['default'])(['formContent'])
2541
- }),
2542
- getFieldDecorator(fieldId + 'Easy3wView', {
2543
- initialValue: 'easy3wView',
2544
- rules: [{ required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label }]
2545
- })(_react2['default'].createElement(_input2['default'], { type: 'hidden', size: 'small' })),
2546
- _react2['default'].createElement(
2547
- 'pre',
2548
- { style: { marginBottom: '0px', 'white-space': 'break-spaces', 'font-size': 'inherit', 'font-family': 'inherit' } },
2549
- itemValue
2550
- ),
2551
- afterBtns
2552
- );
2553
- }
2554
- return _react2['default'].createElement(
2555
- FormItem,
2556
- (0, _extends3['default'])({
2557
- label: label
2558
- }, formItemLayout, formItemProps, {
2559
- style: formItemStyleTight,
2560
- className: (0, _classnames2['default'])(['formContent'])
2561
- }),
2562
- getFieldDecorator(fieldId + 'Easy3wView', {
2563
- initialValue: 'easy3wView',
2564
- rules: [{ required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label }]
2565
- })(_react2['default'].createElement(_input2['default'], { type: 'hidden', size: 'small' })),
2566
- itemValue,
2567
- ' ',
2568
- afterBtns
2569
- );
2570
- }
2571
- if (popoverFlag) {
2572
- var title = popProps.title,
2573
- content = popProps.content,
2574
- placement = popProps.placement;
2575
-
2576
- return _react2['default'].createElement(
2577
- 'div',
2578
- null,
2579
- _react2['default'].createElement(
2580
- FormItem,
2581
- (0, _extends3['default'])({
2582
- label: label
2583
- }, formItemLayout, formItemProps, {
2584
- style: formItemStyleTight,
2585
- className: (0, _classnames2['default'])(['formContent'])
2586
- }),
2587
- _react2['default'].createElement(
2588
- 'div',
2589
- { className: (0, _classnames2['default'])(['hasAfterBtns']), style: { display: 'flex', flexDirection: 'row', flexWrap: 'wrap' } },
2590
- _react2['default'].createElement(
2591
- 'span',
2592
- { style: { wordBreak: 'break-all' } },
2593
- formItemChild
2594
- ),
2595
- _react2['default'].createElement(
2596
- 'span',
2597
- { style: { flexGrow: 1 } },
2598
- _react2['default'].createElement(
2599
- _popover2['default'],
2600
- {
2601
- title: title,
2602
- content: _react2['default'].createElement(
2603
- 'div',
2604
- { style: { padding: '4px 0' } },
2605
- _react2['default'].createElement(
2606
- 'span',
2607
- { style: { color: '#5468b2', width: 200, height: 300 } },
2608
- content
2609
- )
2610
- ),
2611
- placement: placement
2612
- },
2613
- getFieldDecorator(fieldId, (0, _extends3['default'])({}, decoratorObj))(itemArea)
2614
- )
2615
- ),
2616
- _react2['default'].createElement(
2617
- 'div',
2618
- null,
2619
- afterBtns
2620
- )
2621
- )
2622
- )
2623
- );
2624
- } else if (novalueFlag) {
2625
- return _react2['default'].createElement(
2626
- FormItem,
2627
- (0, _extends3['default'])({
2628
- label: label
2629
- }, formItemLayout, formItemProps, {
2630
- style: formItemStyleTight,
2631
- className: (0, _classnames2['default'])(['formContent'])
2632
- }),
2633
- itemArea
2634
- );
2635
- } else {
2636
- return _react2['default'].createElement(
2637
- FormItem,
2638
- (0, _extends3['default'])({
2639
- label: label
2640
- }, formItemLayout, formItemProps, {
2641
- style: formItemStyleTight,
2642
- className: (0, _classnames2['default'])(['formContent'])
2643
- }),
2644
- _react2['default'].createElement(
2645
- 'div',
2646
- { className: (0, _classnames2['default'])(['hasAfterBtns']), style: { display: 'flex', flexDirection: 'row', flexWrap: 'wrap' } },
2647
- _react2['default'].createElement(
2648
- 'span',
2649
- { style: { wordBreak: 'break-all' } },
2650
- formItemChild
2651
- ),
2652
- _react2['default'].createElement(
2653
- 'span',
2654
- { style: { flexGrow: 1 } },
2655
- getFieldDecorator(fieldId, (0, _extends3['default'])({}, decoratorObj))(itemArea)
2656
- ),
2657
- _react2['default'].createElement(
2658
- 'div',
2659
- null,
2660
- afterBtns
2661
- )
2662
- )
2663
- );
2664
- }
2665
- }, _this2.getStrTemplateItem = function (item, itemArea) {
2666
- var _this2$props2 = _this2.props,
2667
- form = _this2$props2.form,
2668
- allReadFlag = _this2$props2.allReadFlag;
2669
- var getFieldDecorator = form.getFieldDecorator;
2670
- var popoverFlag = item.popoverFlag,
2671
- readFlag = item.readFlag,
2672
- popProps = item.popProps,
2673
- novalueFlag = item.novalueFlag,
2674
- label = item.label,
2675
- fieldId = item.fieldId,
2676
- required = item.required,
2677
- requiredMessage = item.requiredMessage,
2678
- cmptPros = item.cmptPros,
2679
- fieldType = item.fieldType;
2680
-
2681
- var itemValue = _this2.getItemValue(item);
2682
- var colSpan = cmptPros.colSpan;
2683
-
2684
- var addRules = [];
2685
- if (cmptPros && cmptPros.rules) {
2686
- var rules = cmptPros.rules;
2687
-
2688
- addRules = rules;
2689
- }
2690
- var decoratorObj = {
2691
- initialValue: itemValue,
2692
- rules: [{ required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label }].concat(addRules)
2693
- };
2694
- if (cmptPros && cmptPros.getValueFromEvent) {
2695
- var getValueFromEvent = cmptPros.getValueFromEvent;
2696
-
2697
- decoratorObj = (0, _extends3['default'])({}, decoratorObj, { getValueFromEvent: getValueFromEvent });
2698
- }
2699
- if (readFlag || allReadFlag) {
2700
- return _react2['default'].createElement(
2701
- _col2['default'],
2702
- { span: colSpan },
2703
- _react2['default'].createElement(
2704
- FormItem,
2705
- {
2706
- labelCol: { span: 48 },
2707
- wrapperCol: { span: 48 },
2708
- style: formItemStyleTight,
2709
- className: (0, _classnames2['default'])(['formContent'])
2710
- },
2711
- getFieldDecorator(fieldId + 'Easy3wView', {
2712
- initialValue: 'easy3wView',
2713
- rules: [{ required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label }]
2714
- })(_react2['default'].createElement(_input2['default'], { type: 'hidden', size: 'small' })),
2715
- itemValue
2716
- )
2717
- );
2718
- }
2719
- if (popoverFlag) {
2720
- var title = popProps.title,
2721
- content = popProps.content,
2722
- placement = popProps.placement;
2723
-
2724
- return _react2['default'].createElement(
2725
- _col2['default'],
2726
- { span: colSpan },
2727
- _react2['default'].createElement(
2728
- 'span',
2729
- { style: { position: 'relative' } },
2730
- _react2['default'].createElement(
2731
- FormItem,
2732
- {
2733
- labelCol: { span: 48 },
2734
- wrapperCol: { span: 48 },
2735
- style: formItemStyleTight,
2736
- className: (0, _classnames2['default'])(['formContent'])
2737
- },
2738
- _react2['default'].createElement(
2739
- _popover2['default'],
2740
- {
2741
- title: title,
2742
- content: _react2['default'].createElement(
2743
- 'div',
2744
- { style: { padding: '4px 0' } },
2745
- _react2['default'].createElement(
2746
- 'span',
2747
- { style: { color: '#5468b2', width: 200, height: 300 } },
2748
- content
2749
- )
2750
- ),
2751
- placement: placement
2752
- },
2753
- getFieldDecorator(fieldId, (0, _extends3['default'])({}, decoratorObj))(itemArea)
2754
- )
2755
- )
2756
- )
2757
- );
2758
- } else if (novalueFlag || fieldType === 'desc') {
2759
- return _react2['default'].createElement(
2760
- _col2['default'],
2761
- { span: colSpan },
2762
- _react2['default'].createElement(
2763
- 'span',
2764
- null,
2765
- itemArea
2766
- )
2767
- );
2768
- } else {
2769
- return _react2['default'].createElement(
2770
- _col2['default'],
2771
- { span: colSpan },
2772
- _react2['default'].createElement(
2773
- 'span',
2774
- { style: { position: 'relative' } },
2775
- _react2['default'].createElement(
2776
- FormItem,
2777
- {
2778
- labelCol: { span: 48 },
2779
- wrapperCol: { span: 48 },
2780
- style: formItemStyleTight,
2781
- className: (0, _classnames2['default'])(['formContent'])
2782
- },
2783
- getFieldDecorator(fieldId, (0, _extends3['default'])({}, decoratorObj))(itemArea)
2784
- )
2785
- )
2786
- );
2787
- }
2788
- }, _this2.getSingleRow = function (rowItem) {
2789
- var cols = rowItem.cols,
2790
- rowReadFlag = rowItem.rowReadFlag,
2791
- rowAftBtnFlag = rowItem.rowAftBtnFlag;
2792
- var _this2$props3 = _this2.props,
2793
- rowItems = _this2$props3.rowItems,
2794
- singleColFlag = _this2$props3.singleColFlag,
2795
- doubleColFlag = _this2$props3.doubleColFlag,
2796
- mixColFlag = _this2$props3.mixColFlag,
2797
- allReadFlag = _this2$props3.allReadFlag;
2798
-
2799
- var threeRowItemFlag = false;
2800
- for (var _iterator2 = rowItems, _isArray2 = Array.isArray(_iterator2), _i3 = 0, _iterator2 = _isArray2 ? _iterator2 : _iterator2[Symbol.iterator]();;) {
2801
- var _ref6;
2802
-
2803
- if (_isArray2) {
2804
- if (_i3 >= _iterator2.length) break;
2805
- _ref6 = _iterator2[_i3++];
2806
- } else {
2807
- _i3 = _iterator2.next();
2808
- if (_i3.done) break;
2809
- _ref6 = _i3.value;
2810
- }
2811
-
2812
- var rItem = _ref6;
2813
-
2814
- if (rItem.cols.length === 3) {
2815
- threeRowItemFlag = true;
2816
- break;
2817
- }
2818
- }
2819
- var colsLength = cols.length;
2820
- var col1Layout = '';
2821
- var col2Layout = '';
2822
- var col3Layout = '';
2823
- if (singleColFlag) {
2824
- col1Layout = singleItem;
2825
- }
2826
- if (doubleColFlag) {
2827
- col1Layout = doubleItemLeftTight;
2828
- col2Layout = formItemRightTight;
2829
- if (rowAftBtnFlag) {
2830
- col2Layout = formItemRightWithBtn;
2831
- }
2832
- }
2833
- if (mixColFlag) {
2834
- if (colsLength === 1) {
2835
- col1Layout = mixSingleTight;
2836
- if (rowAftBtnFlag) {
2837
- col1Layout = mixSingleWithBtn;
2838
- }
2839
- }
2840
- if (colsLength === 2) {
2841
- col1Layout = doubleItemLeftTight;
2842
- col2Layout = formItemRightTight;
2843
- if (rowAftBtnFlag) {
2844
- col1Layout = doubleItemLeftWithBtn;
2845
- col2Layout = formItemRightWithBtn;
2846
- }
2847
- }
2848
- }
2849
- // 包含3列的行 重置布局
2850
- if (threeRowItemFlag === true) {
2851
- if (colsLength === 1) {
2852
- col1Layout = threeCol1Item;
2853
- }
2854
- if (colsLength === 2) {
2855
- col1Layout = threeItem;
2856
- col2Layout = threeCol2Item;
2857
- }
2858
- if (colsLength === 3) {
2859
- col1Layout = threeItem;
2860
- col2Layout = threeItem;
2861
- col3Layout = threeItem;
2862
- }
2863
- }
2864
- var leftItem = _this2.getColItem(cols[0], col1Layout);
2865
- /** 获取所有列 */
2866
- var allCols = '';
2867
- if (colsLength === 1) {
2868
- allCols = _this2.getOneColObj(leftItem, mixColFlag, allReadFlag, rowReadFlag);
2869
- }
2870
- if (colsLength === 2) {
2871
- var rightItem = _this2.getColItem(cols[1], col2Layout);
2872
- allCols = _this2.getTwoColObj(leftItem, rightItem, allReadFlag, rowReadFlag);
2873
- }
2874
- if (colsLength === 3) {
2875
- var right2Item = _this2.getColItem(cols[1], col2Layout);
2876
- var right3Item = _this2.getColItem(cols[2], col3Layout);
2877
- allCols = _this2.getThreeColObj(leftItem, right2Item, right3Item, allReadFlag, rowReadFlag);
2878
- }
2879
- return allCols;
2880
- }, _this2.getOneColObj = function (colObj, mixColFlag, allReadFlag, rowReadFlag) {
2881
- var colSpan = 24;
2882
- var children1 = colObj.props.children || '';
2883
- var props1 = children1 ? children1.props : '';
2884
- var gutter1 = props1 ? props1.gutter : '';
2885
- colSpan = mixColFlag ? 24 : colSpan;
2886
- return _react2['default'].createElement(
2887
- _row2['default'],
2888
- { className: allReadFlag || rowReadFlag ? (0, _classnames2['default'])(['e3wFormItem']) : '' },
2889
- _react2['default'].createElement(
2890
- _col2['default'],
2891
- { style: { marginBottom: gutter1 === 0 ? -24 : 0 }, span: colSpan },
2892
- colObj
2893
- )
2894
- );
2895
- }, _this2.getTwoColObj = function (colObj, rightColObj, allReadFlag, rowReadFlag) {
2896
- var children1 = colObj.props.children || '';
2897
- var children2 = rightColObj.props.children || '';
2898
- var props1 = children1 ? children1.props : '';
2899
- var props2 = children2 ? children2.props : '';
2900
- var gutter1 = props1 ? props1.gutter : '';
2901
- var gutter2 = props2 ? props2.gutter : '';
2902
- return _react2['default'].createElement(
2903
- _row2['default'],
2904
- { className: allReadFlag || rowReadFlag ? (0, _classnames2['default'])(['e3wFormItem']) : '' },
2905
- _react2['default'].createElement(
2906
- _col2['default'],
2907
- { style: { marginBottom: gutter1 === 0 ? -24 : 0 }, span: 12 },
2908
- colObj
2909
- ),
2910
- _react2['default'].createElement(
2911
- _col2['default'],
2912
- { style: { marginBottom: gutter2 === 0 ? -24 : 0 }, span: 12 },
2913
- rightColObj
2914
- )
2915
- );
2916
- }, _this2.getThreeColObj = function (colObj, col2Obj, col3Obj, allReadFlag, rowReadFlag) {
2917
- var children1 = colObj.props.children || '';
2918
- var children2 = col2Obj.props.children || '';
2919
- var children3 = col3Obj.props.children || '';
2920
- var props1 = children1 ? children1.props : '';
2921
- var props2 = children2 ? children2.props : '';
2922
- var props3 = children3 ? children3.props : '';
2923
- var gutter1 = props1 ? props1.gutter : '';
2924
- var gutter2 = props2 ? props2.gutter : '';
2925
- var gutter3 = props3 ? props3.gutter : '';
2926
- return _react2['default'].createElement(
2927
- _row2['default'],
2928
- { className: allReadFlag || rowReadFlag ? (0, _classnames2['default'])(['e3wFormItem']) : '' },
2929
- _react2['default'].createElement(
2930
- _col2['default'],
2931
- { style: { marginBottom: gutter1 === 0 ? -24 : 0 }, span: 8 },
2932
- colObj
2933
- ),
2934
- _react2['default'].createElement(
2935
- _col2['default'],
2936
- { style: { marginBottom: gutter2 === 0 ? -24 : 0 }, span: 8 },
2937
- col2Obj
2938
- ),
2939
- _react2['default'].createElement(
2940
- _col2['default'],
2941
- { style: { marginBottom: gutter3 === 0 ? -24 : 0 }, span: 8 },
2942
- col3Obj
2943
- )
2944
- );
2945
- }, _this2.getColItem = function (colObj, formItemLayout) {
2946
- var fieldType = colObj.fieldType;
2947
-
2948
- var itemArea = _this2.getItemArea(colObj);
2949
- var itemValue = _this2.getItemValue(colObj);
2950
- var afterBtns = _this2.getAfterBtn(colObj);
2951
- if (fieldType === 'upload') {
2952
- var up = _this2.getUploadColItem(colObj, formItemLayout);
2953
- return up;
2954
- }
2955
- if (fieldType === 'uploadB') {
2956
- var _up8 = _this2.getUploadBColItem(colObj, formItemLayout);
2957
- return _up8;
2958
- }
2959
- if (fieldType === 'uploadM') {
2960
- var _up9 = _this2.getUploadMColItem(colObj, formItemLayout);
2961
- return _up9;
2962
- }
2963
- if (fieldType === 'select') {
2964
- var _up10 = _this2.getSelectColItem(colObj, formItemLayout);
2965
- return _up10;
2966
- }
2967
- if (fieldType === 'radio') {
2968
- var _up11 = _this2.getRadioColItem(colObj, formItemLayout);
2969
- return _up11;
2970
- }
2971
- if (fieldType === 'checkBox') {
2972
- var _up12 = _this2.getCheckBoxColItem(colObj, formItemLayout);
2973
- return _up12;
2974
- }
2975
- if (fieldType === 'inputNumberFormat') {
2976
- var _up13 = _this2.inputNumberFormatHandler(colObj, formItemLayout);
2977
- return _up13;
2978
- }
2979
- var formItem = _this2.getFormItem(colObj, itemValue, afterBtns, itemArea, formItemLayout);
2980
- return formItem;
2981
- }, _this2.getAllForms = function () {
2982
- var _this2$props4 = _this2.props,
2983
- rowItems = _this2$props4.rowItems,
2984
- hiddenItems = _this2$props4.hiddenItems,
2985
- loadFinishFlag = _this2$props4.loadFinishFlag,
2986
- bigFormFlag = _this2$props4.bigFormFlag;
2987
-
2988
- if (bigFormFlag === true) {
2989
- if (loadFinishFlag === false) {
2990
- return '';
2991
- }
2992
- }
2993
- // const hadLoadIngProps = Object.prototype.hasOwnProperty.call(this.props, 'loading');
2994
- // if (!hadLoadIngProps || loading === true) {
2995
- // return '';
2996
- // }
2997
- var uiForms = [];
2998
- var hiddenForms = [];
2999
- if (rowItems) {
3000
- uiForms = rowItems.map(function (rowItem) {
3001
- var singleRow = _react2['default'].createElement(
3002
- 'div',
3003
- null,
3004
- _this2.getSingleRow(rowItem)
3005
- );
3006
- return singleRow;
3007
- });
3008
- }
3009
- if (hiddenItems) {
3010
- hiddenForms = hiddenItems.map(function (hiddenItem) {
3011
- var obj = _this2.getHiddenItem(hiddenItem);
3012
- return obj;
3013
- });
3014
- }
3015
- var allForms = [];
3016
- allForms.push.apply(allForms, uiForms);
3017
- allForms.push.apply(allForms, hiddenForms);
3018
- return allForms;
3019
- }, _this2.getHiddenItem = function (hiddenItem) {
3020
- var form = _this2.props.form;
3021
- var getFieldDecorator = form.getFieldDecorator;
3022
- var fieldId = hiddenItem.fieldId,
3023
- value = hiddenItem.value;
3024
-
3025
- return _react2['default'].createElement(
3026
- 'span',
3027
- null,
3028
- getFieldDecorator(fieldId, { initialValue: value })(_react2['default'].createElement(_input2['default'], { type: 'hidden', size: 'small' }))
3029
- );
3030
- }, _this2.getUploadColItem = function (colObj, formItemLayout) {
3031
- var label = colObj.label,
3032
- fieldId = colObj.fieldId,
3033
- required = colObj.required,
3034
- cmptPros = colObj.cmptPros,
3035
- help = colObj.help;
3036
- var allReadFlag = _this2.props.allReadFlag;
3037
- var form = cmptPros.form;
3038
-
3039
- var isReadVal = false;
3040
- if (cmptPros.isRead) {
3041
- isReadVal = cmptPros.isRead;
3042
- }
3043
- if (allReadFlag) {
3044
- isReadVal = true;
3045
- }
3046
- var cmptProsNew = (0, _extends3['default'])({}, cmptPros, { isRead: isReadVal });
3047
- return _react2['default'].createElement(_easy3wui.Easy3wUpload, (0, _extends3['default'])({
3048
- uploadName: fieldId,
3049
- help: help || '请上传附件',
3050
- sendData: '',
3051
- form: form,
3052
- required: required,
3053
- label: label,
3054
- style: formItemStyleTight,
3055
- className: (0, _classnames2['default'])(['formContent'])
3056
- }, formItemLayout, cmptProsNew));
3057
- }, _this2.getUploadBColItem = function (colObj, formItemLayout) {
3058
- var label = colObj.label,
3059
- fieldId = colObj.fieldId,
3060
- required = colObj.required,
3061
- cmptPros = colObj.cmptPros;
3062
- var form = cmptPros.form;
3063
- var allReadFlag = _this2.props.allReadFlag;
3064
-
3065
- var isReadVal = false;
3066
- if (cmptPros.isRead) {
3067
- isReadVal = cmptPros.isRead;
3068
- }
3069
- if (allReadFlag) {
3070
- isReadVal = true;
3071
- }
3072
- var cmptProsNew = (0, _extends3['default'])({}, cmptPros, { isRead: isReadVal });
3073
- return _react2['default'].createElement(_easy3wui.Easy3wUploadB, (0, _extends3['default'])({
3074
- uploadName: fieldId,
3075
- name: fieldId,
3076
- sendData: '',
3077
- form: form,
3078
- required: required,
3079
- label: label,
3080
- style: formItemStyleTight,
3081
- className: (0, _classnames2['default'])(['formContent'])
3082
- }, formItemLayout, cmptProsNew));
3083
- }, _this2.getUploadMColItem = function (colObj, formItemLayout) {
3084
- var label = colObj.label,
3085
- fieldId = colObj.fieldId,
3086
- required = colObj.required,
3087
- cmptPros = colObj.cmptPros;
3088
- var form = cmptPros.form;
3089
- var allReadFlag = _this2.props.allReadFlag;
3090
-
3091
- var isReadVal = false;
3092
- if (cmptPros.isRead) {
3093
- isReadVal = cmptPros.isRead;
3094
- }
3095
- if (allReadFlag) {
3096
- isReadVal = true;
3097
- }
3098
- var cmptProsNew = (0, _extends3['default'])({}, cmptPros, { isRead: isReadVal });
3099
- return _react2['default'].createElement(_easy3wui.Easy3wUploadM, (0, _extends3['default'])({
3100
- uploadName: fieldId,
3101
- sendData: '',
3102
- form: form,
3103
- required: required,
3104
- label: label,
3105
- style: formItemStyleTight,
3106
- className: (0, _classnames2['default'])(['formContent'])
3107
- }, formItemLayout, cmptProsNew));
3108
- }, _this2.inputHandler = function (item) {
3109
- var cmptPros = item.cmptPros;
3110
-
3111
- return _react2['default'].createElement(_input2['default'], (0, _extends3['default'])({}, cmptPros, { size: 'small' }));
3112
- }, _this2.selectHandler = function (item) {
3113
- var cmptPros = item.cmptPros;
3114
- var optionLst = cmptPros.optionLst;
3115
-
3116
- var selectOpts = optionLst.map(function (opt) {
3117
- return opt.key || opt.value ? _react2['default'].createElement(
3118
- Option,
3119
- { key: opt.key || opt.value, disabled: opt.disabled },
3120
- opt.label
3121
- ) : '';
3122
- });
3123
- return _react2['default'].createElement(
3124
- _select2['default'],
3125
- (0, _extends3['default'])({
3126
- style: { width: '100%' }
3127
- }, cmptPros, {
3128
- allowClear: true,
3129
- size: 'small'
3130
- }),
3131
- selectOpts
3132
- );
3133
- }, _this2.tagSelectHandler = function (item) {
3134
- var cmptPros = item.cmptPros;
3135
- var optionLst = cmptPros.optionLst;
3136
-
3137
- return _react2['default'].createElement(
3138
- _easy3wui.Easy3wTagSelect,
3139
- (0, _extends3['default'])({ last: true, lessNum: 2 }, cmptPros),
3140
- optionLst.map(function (option) {
3141
- return _react2['default'].createElement(
3142
- _easy3wui.Easy3wTagSelect.Option,
3143
- { value: option.value },
3144
- option.label
3145
- );
3146
- })
3147
- );
3148
- }, _this2.sliderHandler = function (item) {
3149
- var cmptPros = item.cmptPros;
3150
-
3151
- return _react2['default'].createElement(_slider2['default'], (0, _extends3['default'])({}, cmptPros, { size: 'small' }));
3152
- }, _this2.switchHandler = function (item) {
3153
- var cmptPros = item.cmptPros;
3154
-
3155
- return _react2['default'].createElement(_switch2['default'], (0, _extends3['default'])({}, cmptPros, { size: 'small' }));
3156
- }, _this2.datePickerHandler = function (item) {
3157
- var cmptPros = item.cmptPros;
3158
-
3159
- return _react2['default'].createElement(_datePicker2['default'], (0, _extends3['default'])({
3160
- locale: _zh_CN2['default'],
3161
- style: { width: '100%', marginRight: 0 },
3162
- format: 'YYYY-MM-DD'
3163
- }, cmptPros, {
3164
- size: 'small'
3165
- }));
3166
- }, _this2.rangeMinutes = function (start, mid, end) {
3167
- var result = [];
3168
- for (var i = start; i < mid; i += 1) {
3169
- result.push(i);
3170
- }
3171
- for (var _i4 = mid + 1; _i4 < end; _i4 += 1) {
3172
- result.push(_i4);
3173
- }
3174
- return result;
3175
- }, _this2.rangeSeconds = function (start, end) {
3176
- var result = [];
3177
- for (var i = start; i < end; i += 1) {
3178
- result.push(i);
3179
- }
3180
- return result;
3181
- }, _this2.disabledDateTime = function () {
3182
- return {
3183
- disabledMinutes: function disabledMinutes() {
3184
- return _this2.rangeMinutes(1, 30, 60);
3185
- },
3186
- disabledSeconds: function disabledSeconds() {
3187
- return _this2.rangeSeconds(1, 60);
3188
- }
3189
- };
3190
- }, _this2.dateTimePickerHandler = function (item) {
3191
- var cmptPros = item.cmptPros;
3192
-
3193
- if (cmptPros && cmptPros.setWholeTime) {
3194
- return _react2['default'].createElement(_datePicker2['default'], (0, _extends3['default'])({
3195
- style: { width: '100%', marginRight: 0 },
3196
- format: 'YYYY-MM-DD HH:mm:ss',
3197
- showTime: true,
3198
- locale: _zh_CN2['default']
3199
- }, cmptPros, {
3200
- size: 'small'
3201
- }));
3202
- } else {
3203
- return _react2['default'].createElement(_datePicker2['default'], (0, _extends3['default'])({
3204
- style: { width: '100%', marginRight: 0 },
3205
- disabledTime: _this2.disabledDateTime,
3206
- showTime: { hideDisabledOptions: true, defaultValue: (0, _moment2['default'])('09:00:00', 'HH:mm:ss') },
3207
- format: 'YYYY-MM-DD HH:mm',
3208
- locale: _zh_CN2['default']
3209
- }, cmptPros, {
3210
- size: 'small'
3211
- }));
3212
- }
3213
- }, _this2.timePickerHandler = function (item) {
3214
- var cmptPros = item.cmptPros;
3215
-
3216
- return _react2['default'].createElement(_timePicker2['default'], (0, _extends3['default'])({
3217
- format: 'HH:mm:ss'
3218
- }, cmptPros, {
3219
- size: 'small'
3220
- }));
3221
- }, _this2.monthPickerHandler = function (item) {
3222
- var cmptPros = item.cmptPros;
3223
-
3224
- return _react2['default'].createElement(MonthPicker, (0, _extends3['default'])({
3225
- format: 'YYYY-MM'
3226
- }, cmptPros, {
3227
- size: 'small'
3228
- }));
3229
- }, _this2.rangePickerHandler = function (item) {
3230
- var cmptPros = item.cmptPros;
3231
-
3232
- return _react2['default'].createElement(RangePicker, (0, _extends3['default'])({
3233
- locale: _zh_CN2['default'],
3234
- style: { width: '100%' },
3235
- format: 'YYYY-MM-DD'
3236
- }, cmptPros, {
3237
- size: 'small'
3238
- }));
3239
- }, _this2.transferHandler = function (item) {
3240
- var cmptPros = item.cmptPros;
3241
-
3242
- return _react2['default'].createElement(_transfer2['default'], (0, _extends3['default'])({}, cmptPros, {
3243
- size: 'small'
3244
- }));
3245
- }, _this2.treeSelectHandler = function (item) {
3246
- var cmptPros = item.cmptPros;
3247
-
3248
- var treeSelectProps = {
3249
- allowClear: true,
3250
- showLine: true,
3251
- showSearch: true,
3252
- dropdownStyle: { maxHeight: 300, overflow: 'auto' },
3253
- treeDefaultExpandAll: false,
3254
- showCheckedStrategy: _treeSelect2['default'].SHOW_CHILD,
3255
- searchPlaceholder: '请输入关键字或点击三角箭头展开后选择',
3256
- treeNodeFilterProp: 'title',
3257
- style: {
3258
- width: '100%'
3259
- }
3260
- };
3261
- return _react2['default'].createElement(_treeSelect2['default'], (0, _extends3['default'])({}, treeSelectProps, cmptPros, {
3262
- size: 'small'
3263
- }));
3264
- }, _this2.radioHandler = function (item) {
3265
- var cmptPros = item.cmptPros;
3266
-
3267
- return _react2['default'].createElement(RadioGroup, cmptPros);
3268
- }, _this2.checkBoxHandler = function (item) {
3269
- var cmptPros = item.cmptPros;
3270
-
3271
- return _react2['default'].createElement(CheckboxGroup, cmptPros);
3272
- }, _this2.textAreaOnchange = function (e, maxLength) {
3273
- if (e && e.target.value.length) {
3274
- _this2.setState({ leftCount: e.target.value.length });
3275
- }
3276
- if (e && e.target.value.length > maxLength) {
3277
- _message3['default'].info('\u8F93\u5165\u5B57\u6570\u4E0D\u80FD\u8D85\u8FC7' + maxLength);
3278
- }
3279
- }, _this2.textareaHandler = function (item) {
3280
- var readFlag = item.readFlag,
3281
- value = item.value;
3282
- var cmptPros = item.cmptPros;
3283
-
3284
- var cmptProsNew = cmptPros || {};
3285
- cmptPros = (0, _extends3['default'])({}, cmptPros, {
3286
- rows: cmptProsNew.rows || 2
3287
- });
3288
- var maxlength = void 0;
3289
- if (!cmptPros || cmptPros && !cmptPros.rows) {
3290
- cmptPros = (0, _extends3['default'])({}, cmptPros, { autosize: true });
3291
- }
3292
- if (cmptPros && (cmptPros.maxLength || cmptPros.maxlength)) {
3293
- maxlength = cmptPros.maxLength || cmptPros.maxlength;
3294
- }
3295
- if (cmptPros && cmptPros.showCountFlag) {
3296
- var maxCount = Number(cmptPros.maxLength || cmptPros.maxlength) || 200;
3297
- return _react2['default'].createElement(
3298
- 'div',
3299
- { className: (0, _classnames2['default'])(['countContent']), 'data-count': _this2.state.leftCount + '/' + maxCount },
3300
- _react2['default'].createElement(TextArea, (0, _extends3['default'])({ style: { padding: '0 11px', lineHeight: '24px' }, onChange: function onChange(e) {
3301
- return _this2.textAreaOnchange(e, maxlength);
3302
- } }, cmptPros))
3303
- );
3304
- } else {
3305
- return _react2['default'].createElement(TextArea, (0, _extends3['default'])({ style: { padding: '0 11px', lineHeight: '24px' }, onChange: function onChange(e) {
3306
- return _this2.textAreaOnchange(e, maxlength);
3307
- } }, cmptPros));
3308
- }
3309
- }, _this2.inputNumberHandler = function (item) {
3310
- var cmptPros = item.cmptPros;
3311
-
3312
- return _react2['default'].createElement(_inputNumber2['default'], (0, _extends3['default'])({}, cmptPros, { size: 'small' }));
3313
- }, _this2.inputNumberFormatHandler = function (item, formItemLayout) {
3314
- var allReadFlag = _this2.props.allReadFlag;
3315
- var getFieldDecorator = _this2.props.form.getFieldDecorator;
3316
- var cmptPros = item.cmptPros,
3317
- label = item.label,
3318
- fieldId = item.fieldId,
3319
- requiredMessage = item.requiredMessage,
3320
- required = item.required,
3321
- value = item.value,
3322
- disableFlag = item.disableFlag,
3323
- readFlag = item.readFlag,
3324
- formItemProps = item.formItemProps;
3325
-
3326
- var addrules = [{ required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label }];
3327
- if (cmptPros && cmptPros.rules) {
3328
- var rules = cmptPros.rules;
3329
-
3330
- addrules.push.apply(addrules, rules);
3331
- }
3332
- var afterBtns = _this2.getAfterBtn(item);
3333
- // 只读场景格式化数字金额
3334
- var valueFormat = '';
3335
- if (Number(value)) {
3336
- var numValue = Number(value).toFixed(2);
3337
- valueFormat = numValue.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
3338
- }
3339
- if (readFlag || allReadFlag) {
3340
- return _react2['default'].createElement(
3341
- FormItem,
3342
- (0, _extends3['default'])({
3343
- label: label
3344
- }, formItemLayout, formItemProps, {
3345
- style: formItemStyleTight,
3346
- className: (0, _classnames2['default'])(['formContent'])
3347
- }),
3348
- valueFormat + ' ' + (cmptPros && cmptPros.addonAfter ? cmptPros.addonAfter : '')
3349
- );
3350
- }
3351
- return _react2['default'].createElement(
3352
- FormItem,
3353
- (0, _extends3['default'])({
3354
- label: label
3355
- }, formItemLayout, formItemProps, {
3356
- style: formItemStyleTight,
3357
- className: cmptPros && cmptPros.addonAfter ? (0, _classnames2['default'])(['formContentAlone']) : (0, _classnames2['default'])(['formContent'])
3358
- }),
3359
- _react2['default'].createElement(
3360
- 'div',
3361
- { className: (0, _classnames2['default'])(['hasAfterBtns']), style: { display: 'flex', flexDirection: 'row', flexWrap: 'wrap' } },
3362
- _react2['default'].createElement(
3363
- _row2['default'],
3364
- { style: { flexGrow: 1 } },
3365
- _react2['default'].createElement(
3366
- _col2['default'],
3367
- { span: cmptPros && cmptPros.addonAfter ? 21 : 24 },
3368
- getFieldDecorator(fieldId, { rules: addrules, initialValue: value })(_react2['default'].createElement(_inputNumber2['default'], (0, _extends3['default'])({
3369
- formatter: function formatter(val) {
3370
- return ('' + val).replace(/\B(?=(\d{3})+(?!\d))/g, ',');
3371
- },
3372
- parser: function parser(val) {
3373
- return val.replace(/\$\s?|(,*)/g, '');
3374
- },
3375
- precision: 2,
3376
- disabled: disableFlag,
3377
- onChange: function onChange(onChangeValue) {
3378
- var _this2$props$form$set;
3379
-
3380
- return _this2.props.form.setFieldsValue((_this2$props$form$set = {}, _this2$props$form$set[item.fieldId] = onChangeValue, _this2$props$form$set));
3381
- }
3382
- // style={{ width: '100%', bottom: '4px' }}
3383
- , style: { width: '100%' }
3384
- }, cmptPros, {
3385
- size: 'small'
3386
- })))
3387
- ),
3388
- _react2['default'].createElement(
3389
- _col2['default'],
3390
- { span: cmptPros && cmptPros.addonAfter ? 3 : 0 },
3391
- cmptPros ? cmptPros.addonAfter ? _react2['default'].createElement(
3392
- 'span',
3393
- { className: 'ant-input-group-addon', style: { lineHeight: '23px', borderRight: '1px solid #e8e8e8', borderRadius: '0px 5px 5px 0px', width: 'inherit' } },
3394
- cmptPros.addonAfter
3395
- ) : null : null
3396
- )
3397
- ),
3398
- _react2['default'].createElement(
3399
- 'div',
3400
- null,
3401
- afterBtns
3402
- )
3403
- )
3404
- );
3405
- }, _this2.getSelectColItem = function (item, formItemLayout) {
3406
- var _this2$props5 = _this2.props,
3407
- form = _this2$props5.form,
3408
- allReadFlag = _this2$props5.allReadFlag;
3409
- var getFieldDecorator = form.getFieldDecorator;
3410
- var cmptPros = item.cmptPros,
3411
- label = item.label,
3412
- fieldId = item.fieldId,
3413
- required = item.required,
3414
- value = item.value,
3415
- formItemProps = item.formItemProps,
3416
- disableFlag = item.disableFlag,
3417
- readFlag = item.readFlag;
3418
- var optionLst = cmptPros.optionLst,
3419
- mode = cmptPros.mode,
3420
- labelInValue = cmptPros.labelInValue;
3421
-
3422
- var selectOpts = '';
3423
- var disabled = false;
3424
- var strValue = []; // 只读多选字符串
3425
- var findObj = ''; // 只读单选字符串
3426
- var afterBtns = _this2.getAfterBtn(item);
3427
- selectOpts = optionLst && optionLst.map(function (opt) {
3428
- return opt.key || opt.value ? _react2['default'].createElement(
3429
- Option,
3430
- { key: opt.value || opt.key, disabled: opt.disabled },
3431
- opt.label
3432
- ) : '';
3433
- });
3434
- var allContents = optionLst && optionLst.map(function (opt) {
3435
- if (value && value instanceof Array && value.length > 0) {
3436
- var valueContents = value && value.length > 0 && value.map(function (val) {
3437
- if ((opt.value === val || opt.value === val.value) && opt.label !== '请选择') {
3438
- strValue.push(opt.label);
3439
- }
3440
- return valueContents;
3441
- });
3442
- } else if (opt.label !== '请选择' && opt.value === value) {
3443
- findObj = opt.label;
3444
- } else if (labelInValue && typeof value === 'object') {
3445
- findObj = value.label;
3446
- }
3447
- return allContents;
3448
- });
3449
- if (disableFlag || cmptPros.disableFlag) {
3450
- disabled = true;
3451
- }
3452
- if (allReadFlag) {
3453
- disabled = true;
3454
- }
3455
- var cmptProsNew = (0, _extends3['default'])({}, cmptPros, { disabled: disabled });
3456
- if (allReadFlag || readFlag) {
3457
- return _react2['default'].createElement(
3458
- FormItem,
3459
- (0, _extends3['default'])({
3460
- label: label
3461
- }, formItemLayout, formItemProps, {
3462
- style: formItemStyleTight,
3463
- className: (0, _classnames2['default'])(['formContent'])
3464
- }),
3465
- getFieldDecorator(fieldId + 'Easy3wView', {
3466
- initialValue: 'easy3wView',
3467
- rules: [{ required: required, message: '\u8BF7\u586B\u5199' + label }]
3468
- })(_react2['default'].createElement(_input2['default'], { type: 'hidden', size: 'small' })),
3469
- mode === 'multiple' ? strValue.join() : findObj
3470
- );
3471
- } else {
3472
- return _react2['default'].createElement(
3473
- FormItem,
3474
- (0, _extends3['default'])({
3475
- label: label
3476
- }, formItemLayout, formItemProps, {
3477
- style: formItemStyleTight,
3478
- className: (0, _classnames2['default'])(['formContent'])
3479
- }),
3480
- _react2['default'].createElement(
3481
- 'div',
3482
- { className: (0, _classnames2['default'])(['hasAfterBtns']), style: { display: 'flex', flexDirection: 'row', flexWrap: 'wrap' } },
3483
- _react2['default'].createElement(
3484
- 'span',
3485
- { style: { flexGrow: 1 } },
3486
- getFieldDecorator(fieldId, {
3487
- initialValue: value,
3488
- rules: [{ required: required, message: '\u8BF7\u9009\u62E9' + label }]
3489
- })(_react2['default'].createElement(
3490
- _select2['default'],
3491
- (0, _extends3['default'])({
3492
- style: { width: '100%' }
3493
- }, cmptProsNew, {
3494
- size: 'small'
3495
- }),
3496
- selectOpts
3497
- ))
3498
- ),
3499
- _react2['default'].createElement(
3500
- 'div',
3501
- null,
3502
- afterBtns
3503
- )
3504
- )
3505
- );
3506
- }
3507
- }, _this2.getRadioColItem = function (item, formItemLayout) {
3508
- var _this2$props6 = _this2.props,
3509
- form = _this2$props6.form,
3510
- allReadFlag = _this2$props6.allReadFlag;
3511
- var cmptPros = item.cmptPros,
3512
- label = item.label,
3513
- fieldId = item.fieldId,
3514
- required = item.required,
3515
- requiredMessage = item.requiredMessage,
3516
- formItemProps = item.formItemProps,
3517
- disableFlag = item.disableFlag,
3518
- readFlag = item.readFlag;
3519
- var value = item.value;
3520
- var _cmptPros$options = cmptPros.options,
3521
- options = _cmptPros$options === undefined ? [] : _cmptPros$options;
3522
- var getFieldDecorator = form.getFieldDecorator;
3523
-
3524
- var disabled = false;
3525
- var addRules = [];
3526
- // 添加rule,getValueFromEvent属性
3527
- var decoratorObj = {
3528
- rules: [{ required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label }]
3529
- };
3530
- if (cmptPros) {
3531
- if (cmptPros.rules) {
3532
- var rules = cmptPros.rules;
3533
-
3534
- addRules = rules;
3535
- decoratorObj.rules.push(addRules);
3536
- }
3537
- if (cmptPros.getValueFromEvent) {
3538
- var getValueFromEvent = cmptPros.getValueFromEvent;
3539
-
3540
- decoratorObj = (0, _extends3['default'])({}, decoratorObj, { getValueFromEvent: getValueFromEvent });
3541
- }
3542
- }
3543
- if (disableFlag || cmptPros.disableFlag) {
3544
- disabled = true;
3545
- }
3546
- if (allReadFlag) {
3547
- disabled = true;
3548
- }
3549
-
3550
- var cmptProsNew = (0, _extends3['default'])({}, cmptPros, { disabled: disabled });
3551
- if (allReadFlag || readFlag) {
3552
- options.map(function (opt) {
3553
- if (value === opt.value) {
3554
- value = opt.label;
3555
- }
3556
- return '';
3557
- });
3558
- return _react2['default'].createElement(
3559
- FormItem,
3560
- (0, _extends3['default'])({
3561
- label: label
3562
- }, formItemLayout, formItemProps, {
3563
- style: formItemStyleTight,
3564
- className: (0, _classnames2['default'])(['formContent'])
3565
- }),
3566
- getFieldDecorator(fieldId + 'Easy3wView', {
3567
- initialValue: 'easy3wView',
3568
- rules: [{ required: required, message: '\u8BF7\u586B\u5199' + label }]
3569
- })(_react2['default'].createElement(_input2['default'], { type: 'hidden', size: 'small' })),
3570
- value
3571
- );
3572
- } else {
3573
- return _react2['default'].createElement(
3574
- FormItem,
3575
- (0, _extends3['default'])({
3576
- label: label
3577
- }, formItemLayout, formItemProps, {
3578
- style: formItemStyleTight,
3579
- className: (0, _classnames2['default'])(['formContent'])
3580
- }),
3581
- getFieldDecorator(fieldId, (0, _extends3['default'])({}, decoratorObj, {
3582
- initialValue: value
3583
- }))(_react2['default'].createElement(RadioGroup, cmptProsNew))
3584
- );
3585
- }
3586
- }, _this2.getCheckBoxColItem = function (item, formItemLayout) {
3587
- var _this2$props7 = _this2.props,
3588
- form = _this2$props7.form,
3589
- allReadFlag = _this2$props7.allReadFlag;
3590
- var getFieldDecorator = form.getFieldDecorator;
3591
- var _item$cmptPros5 = item.cmptPros,
3592
- cmptPros = _item$cmptPros5 === undefined ? {} : _item$cmptPros5,
3593
- label = item.label,
3594
- fieldId = item.fieldId,
3595
- required = item.required,
3596
- formItemProps = item.formItemProps,
3597
- disableFlag = item.disableFlag,
3598
- requiredMessage = item.requiredMessage,
3599
- readFlag = item.readFlag;
3600
- var value = item.value;
3601
- var _cmptPros$options2 = cmptPros.options,
3602
- options = _cmptPros$options2 === undefined ? [] : _cmptPros$options2;
3603
-
3604
- var disabled = false;
3605
- var addRules = [];
3606
- // 添加rule,getValueFromEvent属性
3607
- var decoratorObj = {
3608
- rules: [{ required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label }]
3609
- };
3610
- if (cmptPros) {
3611
- if (cmptPros.rules) {
3612
- var rules = cmptPros.rules;
3613
-
3614
- addRules = rules;
3615
- decoratorObj.rules.push(addRules);
3616
- }
3617
- if (cmptPros.getValueFromEvent) {
3618
- var getValueFromEvent = cmptPros.getValueFromEvent;
3619
-
3620
- decoratorObj = (0, _extends3['default'])({}, decoratorObj, { getValueFromEvent: getValueFromEvent });
3621
- }
3622
- }
3623
- if (disableFlag || cmptPros.disableFlag) {
3624
- disabled = true;
3625
- }
3626
- if (allReadFlag) {
3627
- disabled = true;
3628
- }
3629
- var cmptProsNew = (0, _extends3['default'])({}, cmptPros, { disabled: disabled });
3630
- if (allReadFlag || readFlag) {
3631
- var arrValue = [];
3632
- options.map(function (opt) {
3633
- value.map(function (val) {
3634
- if (val === opt.value) {
3635
- arrValue.push(opt.label);
3636
- }
3637
- return '';
3638
- });
3639
- return '';
3640
- });
3641
- value = arrValue.join(',');
3642
- return _react2['default'].createElement(
3643
- FormItem,
3644
- (0, _extends3['default'])({
3645
- label: label
3646
- }, formItemLayout, formItemProps, {
3647
- style: formItemStyleTight,
3648
- className: (0, _classnames2['default'])(['formContent'])
3649
- }),
3650
- getFieldDecorator(fieldId + 'Easy3wView', {
3651
- initialValue: 'easy3wView',
3652
- rules: [{ required: required, message: '\u8BF7\u586B\u5199' + label }]
3653
- })(_react2['default'].createElement(_input2['default'], { type: 'hidden', size: 'small' })),
3654
- value
3655
- );
3656
- } else {
3657
- return _react2['default'].createElement(
3658
- FormItem,
3659
- (0, _extends3['default'])({
3660
- label: label
3661
- }, formItemLayout, formItemProps, {
3662
- style: formItemStyleTight,
3663
- className: (0, _classnames2['default'])(['formContent'])
3664
- }),
3665
- getFieldDecorator(fieldId, (0, _extends3['default'])({}, decoratorObj, {
3666
- initialValue: value
3667
- }))(_react2['default'].createElement(CheckboxGroup, cmptProsNew))
3668
- );
3669
- }
3670
- }, _this2.numberInputHandler = function (item) {
3671
- var cmptPros = item.cmptPros;
3672
-
3673
- return _react2['default'].createElement(_input2['default'], (0, _extends3['default'])({
3674
- onBlur: function onBlur(e) {
3675
- return _this2.numberInputonBlur(e, item);
3676
- },
3677
- onChange: _this2.numberInputonChange,
3678
- onPressEnter: function onPressEnter(e) {
3679
- return _this2.numberInputonBlur(e, item);
3680
- },
3681
- rules: [{ pattern: /^\d+(\.\d+)?$/, message: '数字' }],
3682
- className: (0, _classnames2['default'])(['rightText'])
3683
- }, cmptPros, {
3684
- size: 'small'
3685
- }));
3686
- }, _this2.numberInputonChange = function (e) {
3687
- var value = e.target.value;
3688
-
3689
- var val = _this2.replaceAllNumberInput(value);
3690
- var reg = /^-?(0|[1-9][0-9]*)(\.[0-9]*)?$/;
3691
- if (!isNaN(val) && reg.test(val) || val === '' || val === '-') {
3692
- // this.props.onChange(value);
3693
- }
3694
- }, _this2.numberInputonBlur = function (e, item) {
3695
- var _this2$props$form$set2;
3696
-
3697
- var value = e.target.value;
3698
-
3699
- if (value === '' || value === null || value === undefined) {
3700
- return null;
3701
- }
3702
- _this2.props.form.setFieldsValue((_this2$props$form$set2 = {}, _this2$props$form$set2[item.fieldId] = (0, _numeral2['default'])(e.target.value).format('0,0.00'), _this2$props$form$set2));
3703
- }, _this2.replaceAllNumberInput = function (value) {
3704
- if (typeof value !== 'string') {
3705
- return value;
3706
- } else {
3707
- return Number(value.replace(/,/g, ''));
3708
- }
3709
- }, _this2.mentionHandler = function (item) {
3710
- var cmptPros = item.cmptPros;
3711
-
3712
- return _react2['default'].createElement(_mention2['default'], (0, _extends3['default'])({}, cmptPros, { size: 'small' }));
3713
- }, _this2.rateHandler = function (item) {
3714
- var cmptPros = item.cmptPros;
3715
-
3716
- return _react2['default'].createElement(_rate2['default'], (0, _extends3['default'])({}, cmptPros, { size: 'small' }));
3717
- }, _this2.autoCompleteHandler = function (item) {
3718
- var cmptPros = item.cmptPros;
3719
-
3720
- return _react2['default'].createElement(_autoComplete2['default'], (0, _extends3['default'])({}, cmptPros, { size: 'small' }));
3721
- }, _this2.braftEditorHandler = function (item) {
3722
- var cmptPros = item.cmptPros;
3723
-
3724
- return _react2['default'].createElement(_braftEditor2['default'], cmptPros);
3725
- }, _this2.cascaderHandler = function (item) {
3726
- var cmptPros = item.cmptPros;
3727
-
3728
- return _react2['default'].createElement(_cascader2['default'], (0, _extends3['default'])({}, cmptPros, { size: 'small' }));
3729
- }, _this2.iconHandler = function (item) {
3730
- var cmptPros = item.cmptPros;
3731
-
3732
- return _react2['default'].createElement(_icon2['default'], (0, _extends3['default'])({}, cmptPros, { size: 'small' }));
3733
- }, _this2.strTemplateHandler = function (item) {
3734
- var cmptPros = item.cmptPros;
3735
- var templateArray = cmptPros.templateArray;
3736
-
3737
- var templateArr = templateArray.map(function (obj) {
3738
- if (obj.fieldType === 'inputNumberFormat') {
3739
- var up = _this2.inputNumberFormatHandler(obj);
3740
- return up;
3741
- }
3742
- var objArea = _this2.getItemArea(obj);
3743
- var itemArea = _this2.getStrTemplateItem(obj, objArea);
3744
- return itemArea;
3745
- });
3746
- var retObj = _react2['default'].createElement(
3747
- _row2['default'],
3748
- null,
3749
- templateArr
3750
- );
3751
- return retObj;
3752
- }, _this2.descHandler = function (item) {
3753
- var value = item.value;
3754
-
3755
- return value;
3756
- }, _this2.btnHandler = function (obj, btnType) {
3757
- var func = obj.func,
3758
- cName = obj.cName,
3759
- confirmContent = obj.confirmContent;
3760
-
3761
- if (confirmContent) {
3762
- return _react2['default'].createElement(
3763
- _popconfirm2['default'],
3764
- { title: confirmContent, onConfirm: function onConfirm(e) {
3765
- return _this2.onClickFunc(e, func);
3766
- } },
3767
- _react2['default'].createElement(
3768
- _button2['default'],
3769
- { className: (0, _classnames2['default'])([btnType === 'afterBtn' ? '' : 'e3wFootBtn']), size: 'small' },
3770
- _react2['default'].createElement(
3771
- 'a',
3772
- null,
3773
- cName
3774
- )
3775
- )
3776
- );
3777
- }
3778
- return _react2['default'].createElement(
3779
- _button2['default'],
3780
- {
3781
- onClick: function onClick(e) {
3782
- return _this2.onClickFunc(e, func);
3783
- },
3784
- className: (0, _classnames2['default'])([btnType === 'afterBtn' ? '' : 'e3wFootBtn']),
3785
- size: 'small'
3786
- },
3787
- _react2['default'].createElement(
3788
- 'a',
3789
- null,
3790
- cName
3791
- )
3792
- );
3793
- }, _this2.aHandler = function (obj, btnType) {
3794
- var func = obj.func,
3795
- cName = obj.cName;
3796
-
3797
- return _react2['default'].createElement(
3798
- 'a',
3799
- {
3800
- onClick: function onClick(e) {
3801
- return _this2.onClickFunc(e, func);
3802
- },
3803
- className: (0, _classnames2['default'])([btnType === 'afterBtn' ? '' : 'e3wFootBtn'])
3804
- },
3805
- cName
3806
- );
3807
- }, _this2.strHandler = function (obj, btnType) {
3808
- var cName = obj.cName,
3809
- color = obj.color;
3810
-
3811
- return _react2['default'].createElement(
3812
- 'span',
3813
- {
3814
- className: (0, _classnames2['default'])([btnType === 'afterBtn' ? '' : 'e3wFootBtn']),
3815
- style: { color: color || '' }
3816
- },
3817
- cName
3818
- );
3819
- }, _temp2), (0, _possibleConstructorReturn3['default'])(_this2, _ret2);
3820
- }
3821
- /** 使用何种表单域 */
3822
-
3823
- /** 获取value */
3824
-
3825
- /** 获取FormItem */
3826
-
3827
- /** 获取单行 */
3828
-
3829
- /** 单列 */
3830
-
3831
- /** 双列 */
3832
-
3833
- /** 三列 */
3834
-
3835
- /** upload start */
3836
-
3837
- /** upload end */
3838
- /** upload start */
3839
-
3840
- /** upload end */
3841
- /** upload start */
3842
-
3843
- /** upload end */
3844
- /** input start */
3845
-
3846
- /** input end */
3847
-
3848
- /** select start */
3849
-
3850
- /** select end */
3851
-
3852
- /** tagSelectHandler start */
3853
-
3854
- /** tagSelectHandler end */
3855
-
3856
- /** slider start */
3857
-
3858
- /** slider end */
3859
- /** switch start */
3860
-
3861
- /** switch end */
3862
- /** datePicker start */
3863
-
3864
- /** datePicker end */
3865
- /** dateTimePicker start */
3866
-
3867
- /** dateTimePicker end */
3868
-
3869
- /** timePickerHandler start */
3870
-
3871
- /** timePickerHandler end */
3872
-
3873
- /** monthPickerHandler start */
3874
-
3875
- /** monthPickerHandler end */
3876
-
3877
- /** rangePickerHandler start */
3878
-
3879
- /** rangePickerHandler end */
3880
-
3881
- /** transferHandler start */
3882
-
3883
- /** transferHandler end */
3884
- /** treeSelect start */
3885
-
3886
- /** treeSelect end */
3887
-
3888
- /** radio start */
3889
-
3890
- /** radio end */
3891
-
3892
- /** checkBox start */
3893
-
3894
- /** checkBox end */
3895
-
3896
- /** textarea start */
3897
-
3898
- /** textarea end */
3899
-
3900
- /** inputNumber start */
3901
-
3902
- /** inputNumber end */
3903
-
3904
- /** inputNumber start inherit不兼容ie8以下 */
3905
-
3906
- /** inputNumber end */
3907
-
3908
- // #region Select
3909
-
3910
- // #endregion
3911
- // #region Radio
3912
-
3913
- // #endregion
3914
-
3915
- // #region
3916
-
3917
-
3918
- /** numberInput start */
3919
- // numberInputHandler = (item) => {
3920
- // return (
3921
- // <NumberFormat
3922
- // thousandSeparator
3923
- // allowNegative={false}
3924
- // decimalScale={2}
3925
- // customInput={Input}
3926
- // style={{ textAlign: 'right' }}
3927
- // {...item}
3928
- // {...item.cmptPros}
3929
- // />
3930
- // );
3931
- // }
3932
-
3933
- /** numberInput end */
3934
-
3935
- /** mention start */
3936
-
3937
- /** mention end */
3938
-
3939
- /** rate start */
3940
-
3941
- /** rate end */
3942
-
3943
- /** autoComplete start */
3944
-
3945
- /** autoComplete end */
3946
-
3947
- /** braftEditor start */
3948
-
3949
- /** braftEditor end */
3950
-
3951
- /** cascader start */
3952
-
3953
- /** cascader end */
3954
- /** iconHandler start */
3955
-
3956
- /** iconHandler end */
3957
- /** strTemplate start */
3958
-
3959
- /** strTemplate end */
3960
- /** descHandler start */
3961
-
3962
- /** descHandler end */
3963
-
3964
- /** btnHandler start */
3965
-
3966
- /** btnHandler end */
3967
-
3968
- /** aHandler start */
3969
-
3970
- /** aHandler end */
3971
-
3972
- /** strHandler start */
3973
-
3974
-
3975
- /** strHandler end */
3976
-
3977
- Easy3wFormPageTight.prototype.render = function render() {
3978
- var getAllForms = this.getAllForms();
3979
- var borderFlag = this.props.borderFlag;
3980
- // noLabelFlag 布尔值
3981
-
3982
- var noBorderFlag = false;
3983
- if (typeof this.props.noBorderFlag === 'boolean') {
3984
- noBorderFlag = this.props.noBorderFlag;
3985
- } else if (typeof _comonConfig.noBorderFlag === 'boolean') {
3986
- noBorderFlag = _comonConfig.noBorderFlag;
3987
- }
3988
- return _react2['default'].createElement(
3989
- 'div',
3990
- { className: (0, _classnames2['default'])(['e3wFormPageWrapTight']) },
3991
- _react2['default'].createElement(
3992
- 'div',
3993
- { className: (0, _classnames2['default'])(noBorderFlag ? ['e3wFormPageNoBorder'] : ['e3wFormPage']) },
3994
- getAllForms
3995
- )
3996
- );
3997
- // if (noBorderFlag) {
3998
- // return (
3999
- // <div className={classnames(['e3wFormPageNoBorder'])}>
4000
- // {getAllForms}
4001
- // </div>
4002
- // );
4003
- // } else {
4004
- // return (
4005
- // <div className={classnames(['e3wFormPage'])}>
4006
- // {getAllForms}
4007
- // </div>
4008
- // );
4009
- // }
4010
- };
4011
-
4012
- return Easy3wFormPageTight;
4013
- }(_react.Component);
4014
-
4015
- exports['default'] = projectType === '1' ? (0, _dva.connect)(function (state) {
4016
- return {
4017
- loadingFlag: state.loading
4018
- };
4019
- })(Easy3wFormPageTight) : (0, _dva.connect)(function (state) {
4020
- return {
4021
- loadingFlag: state.loading,
4022
- globalData: state.globalData
4023
- };
4024
- })(Easy3wFormPage);
16
+ var isMobile = window.matchMedia('(max-width: 768px)').matches;
17
+
18
+ var Easy3wFormPage = void 0;
19
+
20
+ if (isMobile) {
21
+ var _require = require('./indexM'),
22
+ Easy3wFormPageM = _require.Easy3wFormPageM,
23
+ Easy3wFormPageTightM = _require.Easy3wFormPageTightM;
24
+
25
+ Easy3wFormPage = projectType === '1' ? (0, _dva.connect)(function (state) {
26
+ return { loadingFlag: state.loading };
27
+ })(Easy3wFormPageTightM) : (0, _dva.connect)(function (state) {
28
+ return { loadingFlag: state.loading, globalData: state.globalData };
29
+ })(Easy3wFormPageM);
30
+ } else {
31
+ var _require2 = require('./indexPC'),
32
+ Easy3wFormPagePC = _require2.Easy3wFormPagePC,
33
+ Easy3wFormPageTightPC = _require2.Easy3wFormPageTightPC;
34
+
35
+ Easy3wFormPage = projectType === '1' ? (0, _dva.connect)(function (state) {
36
+ return { loadingFlag: state.loading };
37
+ })(Easy3wFormPageTightPC) : (0, _dva.connect)(function (state) {
38
+ return { loadingFlag: state.loading, globalData: state.globalData };
39
+ })(Easy3wFormPagePC);
40
+ }
41
+
42
+ exports['default'] = Easy3wFormPage;
4025
43
  module.exports = exports['default'];