easy3wui 1.5.48 → 1.5.49-beta2

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.
@@ -0,0 +1,2187 @@
1
+ 'use strict';
2
+
3
+ exports.__esModule = true;
4
+
5
+ var _message2 = require('antd/lib/message');
6
+
7
+ var _message3 = _interopRequireDefault(_message2);
8
+
9
+ var _modal = require('antd/lib/modal');
10
+
11
+ var _modal2 = _interopRequireDefault(_modal);
12
+
13
+ var _extends2 = require('babel-runtime/helpers/extends');
14
+
15
+ var _extends3 = _interopRequireDefault(_extends2);
16
+
17
+ var _notification2 = require('antd/lib/notification');
18
+
19
+ var _notification3 = _interopRequireDefault(_notification2);
20
+
21
+ var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
22
+
23
+ var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
24
+
25
+ var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
26
+
27
+ var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
28
+
29
+ var _inherits2 = require('babel-runtime/helpers/inherits');
30
+
31
+ var _inherits3 = _interopRequireDefault(_inherits2);
32
+
33
+ require('antd/lib/message/style');
34
+
35
+ require('antd/lib/modal/style');
36
+
37
+ require('antd/lib/notification/style');
38
+
39
+ var _react = require('react');
40
+
41
+ var _react2 = _interopRequireDefault(_react);
42
+
43
+ var _form = require('antd/lib/form');
44
+
45
+ var _form2 = _interopRequireDefault(_form);
46
+
47
+ require('antd/lib/form/style');
48
+
49
+ var _popconfirm = require('antd/lib/popconfirm');
50
+
51
+ var _popconfirm2 = _interopRequireDefault(_popconfirm);
52
+
53
+ require('antd/lib/popconfirm/style');
54
+
55
+ var _input = require('antd/lib/input');
56
+
57
+ var _input2 = _interopRequireDefault(_input);
58
+
59
+ require('antd/lib/input/style');
60
+
61
+ var _datePicker = require('antd/lib/date-picker');
62
+
63
+ var _datePicker2 = _interopRequireDefault(_datePicker);
64
+
65
+ require('antd/lib/date-picker/style');
66
+
67
+ var _col = require('antd/lib/col');
68
+
69
+ var _col2 = _interopRequireDefault(_col);
70
+
71
+ require('antd/lib/col/style');
72
+
73
+ var _row = require('antd/lib/row');
74
+
75
+ var _row2 = _interopRequireDefault(_row);
76
+
77
+ require('antd/lib/row/style');
78
+
79
+ var _select = require('antd/lib/select');
80
+
81
+ var _select2 = _interopRequireDefault(_select);
82
+
83
+ require('antd/lib/select/style');
84
+
85
+ var _treeSelect = require('antd/lib/tree-select');
86
+
87
+ var _treeSelect2 = _interopRequireDefault(_treeSelect);
88
+
89
+ require('antd/lib/tree-select/style');
90
+
91
+ var _radio = require('antd/lib/radio');
92
+
93
+ var _radio2 = _interopRequireDefault(_radio);
94
+
95
+ require('antd/lib/radio/style');
96
+
97
+ var _checkbox = require('antd/lib/checkbox');
98
+
99
+ var _checkbox2 = _interopRequireDefault(_checkbox);
100
+
101
+ require('antd/lib/checkbox/style');
102
+
103
+ var _popover = require('antd/lib/popover');
104
+
105
+ var _popover2 = _interopRequireDefault(_popover);
106
+
107
+ require('antd/lib/popover/style');
108
+
109
+ var _autoComplete = require('antd/lib/auto-complete');
110
+
111
+ var _autoComplete2 = _interopRequireDefault(_autoComplete);
112
+
113
+ require('antd/lib/auto-complete/style');
114
+
115
+ var _cascader = require('antd/lib/cascader');
116
+
117
+ var _cascader2 = _interopRequireDefault(_cascader);
118
+
119
+ require('antd/lib/cascader/style');
120
+
121
+ var _inputNumber = require('antd/lib/input-number');
122
+
123
+ var _inputNumber2 = _interopRequireDefault(_inputNumber);
124
+
125
+ require('antd/lib/input-number/style');
126
+
127
+ var _mention = require('antd/lib/mention');
128
+
129
+ var _mention2 = _interopRequireDefault(_mention);
130
+
131
+ require('antd/lib/mention/style');
132
+
133
+ var _rate = require('antd/lib/rate');
134
+
135
+ var _rate2 = _interopRequireDefault(_rate);
136
+
137
+ require('antd/lib/rate/style');
138
+
139
+ var _slider = require('antd/lib/slider');
140
+
141
+ var _slider2 = _interopRequireDefault(_slider);
142
+
143
+ require('antd/lib/slider/style');
144
+
145
+ var _switch = require('antd/lib/switch');
146
+
147
+ var _switch2 = _interopRequireDefault(_switch);
148
+
149
+ require('antd/lib/switch/style');
150
+
151
+ var _timePicker = require('antd/lib/time-picker');
152
+
153
+ var _timePicker2 = _interopRequireDefault(_timePicker);
154
+
155
+ require('antd/lib/time-picker/style');
156
+
157
+ var _transfer = require('antd/lib/transfer');
158
+
159
+ var _transfer2 = _interopRequireDefault(_transfer);
160
+
161
+ require('antd/lib/transfer/style');
162
+
163
+ var _icon = require('antd/lib/icon');
164
+
165
+ var _icon2 = _interopRequireDefault(_icon);
166
+
167
+ require('antd/lib/icon/style');
168
+
169
+ var _button = require('antd/lib/button');
170
+
171
+ var _button2 = _interopRequireDefault(_button);
172
+
173
+ require('antd/lib/button/style');
174
+
175
+ var _antd = require('antd');
176
+
177
+ var _numeral = require('numeral');
178
+
179
+ var _numeral2 = _interopRequireDefault(_numeral);
180
+
181
+ var _classnames = require('classnames');
182
+
183
+ var _classnames2 = _interopRequireDefault(_classnames);
184
+
185
+ var _moment = require('moment');
186
+
187
+ var _moment2 = _interopRequireDefault(_moment);
188
+
189
+ var _zh_CN = require('antd/lib/date-picker/locale/zh_CN');
190
+
191
+ var _zh_CN2 = _interopRequireDefault(_zh_CN);
192
+
193
+ require('moment/locale/zh-cn');
194
+
195
+ var _braftEditor = require('braft-editor');
196
+
197
+ var _braftEditor2 = _interopRequireDefault(_braftEditor);
198
+
199
+ require('braft-editor/dist/index.css');
200
+
201
+ var _table = require('braft-extensions/dist/table');
202
+
203
+ var _table2 = _interopRequireDefault(_table);
204
+
205
+ require('braft-extensions/dist/table.css');
206
+
207
+ require('braft-editor/dist/output.css');
208
+
209
+ var _dva = require('dva');
210
+
211
+ var _easy3wui = require('easy3wui');
212
+
213
+ var _comonConfig = require('comonConfigPath/comonConfig');
214
+
215
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
216
+
217
+ var options = {
218
+ defaultRows: 3, // 默认行数
219
+ defaultColumns: 3, // 默认列数
220
+ withDropdown: false, // 插入表格前是否弹出下拉菜单
221
+ columnResizable: false, // 是否允许拖动调整列宽, 默认false
222
+ exportAttrString: 'style="border: 1"' // 指定输出HTML时附加到table标签上的属性字符串
223
+ };
224
+ // import TagSelect from '../Easy3wTagSelect/index.js';
225
+ // import Easy3wUpload from '../../Easy3wUpload';
226
+ // import Easy3wUploadB from '../../Easy3wUploadB';
227
+ // import Easy3wUploadM from '../../Easy3wUploadM';
228
+ // 引入富文本表格功能
229
+
230
+ _braftEditor2['default'].use((0, _table2['default'])(options)); // 表格
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 mixSingleWithBtn = {
252
+ labelCol: { span: 4 },
253
+ wrapperCol: { span: 6 }
254
+ };
255
+ var doubleItemLeft = {
256
+ labelCol: { span: 8 },
257
+ wrapperCol: { span: 12 }
258
+ };
259
+ var doubleItemLeftWithBtn = {
260
+ labelCol: { span: 8 },
261
+ wrapperCol: { span: 12 }
262
+ };
263
+ var formItemRight = {
264
+ labelCol: { span: 8 },
265
+ wrapperCol: { span: 12 }
266
+ };
267
+ var threeItem = {
268
+ labelCol: { span: 9 },
269
+ wrapperCol: { span: 15 }
270
+ };
271
+ var threeCol1Item = {
272
+ labelCol: { span: 3 },
273
+ wrapperCol: { span: 21 }
274
+ };
275
+ var threeCol2Item = {
276
+ labelCol: { span: 4 },
277
+ wrapperCol: { span: 20 }
278
+ };
279
+ var formItemRightWithBtn = {
280
+ labelCol: { span: 8 },
281
+ wrapperCol: { span: 12 }
282
+ };
283
+ var formItemStyle = {
284
+ marginBottom: 6
285
+ };
286
+ // 手机号区号及正则表 当有国家区号相同时后加区号在原本的区号基础上加 '+序号'
287
+ 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+$/ },
288
+ // { label: '香港', value: '+852', pattern: /^([5|6|9])\d{7}$/ },
289
+ // { label: '台湾', value: '+886', pattern: /^[0][9]\d{8}$/ },
290
+ // { label: '澳门', value: '+853', pattern: /^6\d{7}$/ },
291
+ { 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+$/ }];
292
+ // 号码正则
293
+ var objMobileRegularDefault = {
294
+ '+86': /^1[34578]\d{9}$/,
295
+ '+852': /^\d+$/,
296
+ '+886': /^\d+$/,
297
+ '+853': /^\d+$/,
298
+ // '+852': /^([5|6|9])\d{7}$/,
299
+ // '+886': /^[0][9]\d{8}$/,
300
+ // '+853': /^6\d{7}$/,
301
+ '+1': /^\d+$/,
302
+ '+49': /^\d+$/,
303
+ '+33': /^\d+$/,
304
+ '+34': /^\d+$/,
305
+ '+81': /^\d+$/,
306
+ '+82': /^\d+$/,
307
+ '+61': /^\d+$/,
308
+ '+1+0': /^\d+$/,
309
+ '+91': /^\d+$/,
310
+ '+7': /^\d+$/
311
+ };
312
+
313
+ var Easy3wFormPage = function (_Component) {
314
+ (0, _inherits3['default'])(Easy3wFormPage, _Component);
315
+
316
+ function Easy3wFormPage(props) {
317
+ (0, _classCallCheck3['default'])(this, Easy3wFormPage);
318
+
319
+ // dataDesensitizationEyeFlag: false, // 当前字段--数据脱敏标识--脱敏成功--是否显示脱敏数据
320
+ // dataDesensitizationEyeFlagTrue: false, // 当前字段--数据脱敏标识--脱敏成功
321
+ var _this = (0, _possibleConstructorReturn3['default'])(this, _Component.call(this, props));
322
+
323
+ _this.onClickFunc = function (e, func) {
324
+ var globalLoading = _this.props.loadingFlag.global;
325
+ if (globalLoading) {
326
+ _notification3['default'].warning({
327
+ message: '温馨提示',
328
+ description: '正在后台处理,请稍后!',
329
+ duration: 3
330
+ });
331
+ } else {
332
+ func(e);
333
+ }
334
+ };
335
+
336
+ _this.getItemArea = function (item) {
337
+ var allReadFlag = _this.props.allReadFlag;
338
+ var fieldType = item.fieldType,
339
+ cmptPros = item.cmptPros,
340
+ disableFlag = item.disableFlag,
341
+ readFlag = item.readFlag,
342
+ dataDesensitizationFlagTrue = item.dataDesensitizationFlagTrue,
343
+ fieldId = item.fieldId;
344
+
345
+ var itemNew = item;
346
+ var newCmptPros = {};
347
+ if (disableFlag) {
348
+ if (cmptPros) {
349
+ newCmptPros = (0, _extends3['default'])({}, cmptPros, { disabled: true });
350
+ } else {
351
+ newCmptPros = { disabled: true };
352
+ }
353
+ itemNew = (0, _extends3['default'])({}, item, { cmptPros: newCmptPros });
354
+ }
355
+ if ((readFlag || allReadFlag) && (fieldType === 'checkBox' || fieldType === 'radio')) {
356
+ if (cmptPros) {
357
+ newCmptPros = (0, _extends3['default'])({}, cmptPros, { disabled: true });
358
+ } else {
359
+ newCmptPros = { disabled: true };
360
+ }
361
+ itemNew = (0, _extends3['default'])({}, item, { cmptPros: newCmptPros });
362
+ }
363
+ switch (fieldType) {
364
+ case 'autoComplete':
365
+ return _this.autoCompleteHandler(itemNew);
366
+ case 'braftEditor':
367
+ return _this.braftEditorHandler(itemNew);
368
+ case 'cascader':
369
+ return _this.cascaderHandler(itemNew);
370
+ case 'checkBox':
371
+ return _this.checkBoxHandler(itemNew);
372
+ case 'monthPicker':
373
+ return _this.monthPickerHandler(itemNew);
374
+ case 'rangePicker':
375
+ return _this.rangePickerHandler(itemNew);
376
+ case 'datePicker':
377
+ return _this.datePickerHandler(itemNew);
378
+ case 'dateTimePicker':
379
+ return _this.dateTimePickerHandler(itemNew);
380
+ case 'timePicker':
381
+ return _this.timePickerHandler(itemNew);
382
+ case 'input':
383
+ return _this.inputHandler(itemNew);
384
+ case 'mobile':
385
+ return _this.mobileHandler(itemNew);
386
+ case 'textarea':
387
+ return _this.textareaHandler(itemNew);
388
+ // case 'inputNumber':
389
+ // return this.inputNumberHandler(itemNew);
390
+ // case 'inputNumberFormat':
391
+ // return this.inputNumberFormatHandler(itemNew);
392
+ case 'numberInput':
393
+ return _this.numberInputHandler(itemNew);
394
+ case 'mention':
395
+ return _this.mentionHandler(itemNew);
396
+ case 'rate':
397
+ return _this.rateHandler(itemNew);
398
+ case 'radio':
399
+ return _this.radioHandler(itemNew);
400
+ case 'select':
401
+ return _this.selectHandler(itemNew);
402
+ case 'tagSelect':
403
+ return _this.tagSelectHandler(itemNew);
404
+ case 'slider':
405
+ return _this.sliderHandler(itemNew);
406
+ case 'switch':
407
+ return _this.switchHandler(itemNew);
408
+ case 'treeSelect':
409
+ return _this.treeSelectHandler(itemNew);
410
+ case 'transfer':
411
+ return _this.transferHandler(itemNew);
412
+ case 'icon':
413
+ return _this.iconHandler(itemNew);
414
+ case 'strTemplate':
415
+ return _this.strTemplateHandler(itemNew);
416
+ case 'desc':
417
+ return _this.descHandler(itemNew);
418
+ case 'btn':
419
+ return _this.btnHandler(itemNew);
420
+ case 'a':
421
+ return _this.aHandler(itemNew);
422
+ case 'string':
423
+ return _this.strHandler(itemNew);
424
+ default:
425
+ break;
426
+ }
427
+ };
428
+
429
+ _this.getItemValue = function (item) {
430
+ var allReadFlag = _this.props.allReadFlag;
431
+ var fieldType = item.fieldType,
432
+ readFlag = item.readFlag,
433
+ cmptPros = item.cmptPros,
434
+ disableFlag = item.disableFlag,
435
+ numberFormat = item.numberFormat;
436
+ var value = item.value;
437
+
438
+ if (numberFormat) {
439
+ return (0, _numeral2['default'])(value).format('0,0.00');
440
+ }
441
+ if (fieldType === 'numberInput' && value) {
442
+ return (0, _numeral2['default'])(value).format('0,0.00');
443
+ }
444
+ if (fieldType === 'braftEditor') {
445
+ return _braftEditor2['default'].createEditorState(value);
446
+ }
447
+ if (allReadFlag || readFlag) {
448
+ if (fieldType === 'rangePicker' && value instanceof Array) {
449
+ value = value.length ? value.join(' 至 ') : '';
450
+ }
451
+ if (_comonConfig.dataDesensitizationFlag) {
452
+ // 只读字段会进行数据校验及脱敏
453
+ value = _this.getcheckDesensitizeData(value, item);
454
+ }
455
+ return value;
456
+ // } else if (disableFlag && dataDesensitizationFlag) { // 只读字段会进行数据校验及脱敏
457
+ // value = this.getcheckDesensitizeData(value, item);
458
+ // return value;
459
+ }
460
+ if (fieldType === 'datePicker') {
461
+ /** 格式化日期型数据 */
462
+ value = value ? (0, _moment2['default'])(value, 'YYYY-MM-DD') : undefined;
463
+ }
464
+ if (fieldType === 'dateTimePicker') {
465
+ /** 格式化日期时间型数据 */
466
+ value = value ? (0, _moment2['default'])(value, 'YYYY-MM-DD HH:mm:ss') : undefined;
467
+ }
468
+ if (fieldType === 'monthPicker') {
469
+ /** 格式化年月型数据 */
470
+ value = value ? (0, _moment2['default'])(value, 'YYYY-MM') : undefined;
471
+ }
472
+ if (fieldType === 'rangePicker') {
473
+ /** 格式化年月型数据 */
474
+ value = value[1] ? [(0, _moment2['default'])(value[0], 'YYYY-MM-DD'), (0, _moment2['default'])(value[1], 'YYYY-MM-DD')] : undefined;
475
+ }
476
+ if (fieldType === 'timePicker') {
477
+ /** 格式化时间型数据 */
478
+ value = value ? (0, _moment2['default'])(value, 'HH:mm:ss') : undefined;
479
+ }
480
+ if (fieldType === 'select') {
481
+ /** select */
482
+ if (!disableFlag) {
483
+ var labelInValue = cmptPros.labelInValue,
484
+ mode = cmptPros.mode;
485
+
486
+ if (labelInValue && labelInValue === true && mode !== 'multiple') {
487
+ if (value === undefined || value === '') {
488
+ value = undefined;
489
+ } else if (!value.key && !value.value) {
490
+ value = undefined;
491
+ }
492
+ }
493
+ }
494
+ }
495
+ return value;
496
+ };
497
+
498
+ _this.getcheckDesensitizeData = function (str, item) {
499
+ var phoneRegex = /^1[3-9]\d{9}$/; // 手机号
500
+ var emailRegex = /^[a-zA-Z0-9_+&*-]+(?:\.[a-zA-Z0-9_+&*-]+)*@(?:[a-zA-Z0-9-]+\.)+[a-zA-Z]{2,7}$/; // 邮箱
501
+ var idRegex = /(^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$)|(^[1-9]\d{5}\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{2}[0-9Xx]$)/; // 身份证
502
+ item.dataDesensitizationFlagTrue = false; // 当前字段--数据脱敏标识--脱敏成功
503
+ if (phoneRegex.test(str)) {
504
+ // 手机号
505
+ item.dataDesensitizationFlagTrue = true; // 当前字段--数据脱敏标识--脱敏成功
506
+ return str.slice(0, 3) + '****' + str.slice(-4); // 脱敏手机号
507
+ } else if (emailRegex.test(str)) {
508
+ // 邮箱
509
+ item.dataDesensitizationFlagTrue = true; // 当前字段--数据脱敏标识--脱敏成功
510
+
511
+ var _str$split = str.split('@'),
512
+ username = _str$split[0],
513
+ domain = _str$split[1];
514
+
515
+ var desensitizedUsername = username.slice(0, 1) + '****';
516
+ return desensitizedUsername + '@' + domain; // 脱敏邮箱
517
+ } else if (idRegex.test(str)) {
518
+ // 身份证
519
+ item.dataDesensitizationFlagTrue = true; // 当前字段--数据脱敏标识--脱敏成功
520
+ return str.slice(0, 3) + '********' + str.slice(-4); // 脱敏身份证
521
+ } else {
522
+ return str;
523
+ }
524
+ };
525
+
526
+ _this.getImplicit = function (fieldId) {
527
+ if (_comonConfig.dataDesensitizationUrl) {
528
+ var xhr = new XMLHttpRequest();
529
+ xhr.onreadystatechange = function () {
530
+ if (xhr.readyState === 4 && xhr.status === 200) {
531
+ // 请求成功,处理响应数据
532
+ var _JSON$parse = JSON.parse(xhr.responseText),
533
+ _data = _JSON$parse.data;
534
+
535
+ var _ref = _data || {},
536
+ passFlag = _ref.passFlag,
537
+ passMsg = _ref.passMsg;
538
+
539
+ if (passFlag) {
540
+ var _this$setState;
541
+
542
+ _this.setState((_this$setState = {}, _this$setState[fieldId + 'dataDesensitizationEyeFlag'] = !_this.state[fieldId + 'dataDesensitizationEyeFlag'], _this$setState));
543
+ } else {
544
+ _modal2['default'].error({
545
+ content: passMsg || '用户无权限,请联系管理员',
546
+ okText: '确定'
547
+ });
548
+ }
549
+ }
550
+ };
551
+ var data = JSON.stringify({});
552
+ xhr.open('POST', _comonConfig.dataDesensitizationUrl, true); // 异步请求
553
+ xhr.setRequestHeader('Content-Type', 'application/json'); // 设置请求头
554
+ xhr.send(data); // 发送请求
555
+ } else {
556
+ var _this$setState2;
557
+
558
+ _this.setState((_this$setState2 = {}, _this$setState2[fieldId + 'dataDesensitizationEyeFlag'] = !_this.state[fieldId + 'dataDesensitizationEyeFlag'], _this$setState2));
559
+ }
560
+ };
561
+
562
+ _this.getAfterBtn = function (item) {
563
+ var afterBtn = item.afterBtn;
564
+
565
+ if (afterBtn) {
566
+ var allBtn = afterBtn.map(function (btn) {
567
+ if (btn.objType === 'btn') {
568
+ return _this.btnHandler(btn);
569
+ }
570
+ if (btn.objType === 'a') {
571
+ return _this.aHandler(btn);
572
+ }
573
+ if (btn.objType === 'string') {
574
+ return _this.strHandler(btn);
575
+ }
576
+ return {};
577
+ });
578
+ return allBtn;
579
+ } else {
580
+ var noneBtn = [];
581
+ return noneBtn;
582
+ }
583
+ };
584
+
585
+ _this.getAnalysisType = function (item) {
586
+ var fieldType = item.fieldType;
587
+
588
+ var strRMsg = '填写'; // 必填提示文字
589
+ switch (fieldType) {
590
+ case 'autoComplete':
591
+ strRMsg = '填写或选择';
592
+ break;
593
+ case 'braftEditor':
594
+ strRMsg = '填写';
595
+ break;
596
+ case 'cascader':
597
+ strRMsg = '选择';
598
+ break;
599
+ case 'checkBox':
600
+ strRMsg = '选择';
601
+ break;
602
+ case 'monthPicker':
603
+ strRMsg = '选择';
604
+ break;
605
+ case 'rangePicker':
606
+ strRMsg = '选择';
607
+ break;
608
+ case 'datePicker':
609
+ strRMsg = '选择';
610
+ break;
611
+ case 'dateTimePicker':
612
+ strRMsg = '选择';
613
+ break;
614
+ case 'timePicker':
615
+ strRMsg = '选择';
616
+ break;
617
+ case 'input':
618
+ strRMsg = '填写';
619
+ break;
620
+ case 'mobile':
621
+ strRMsg = '填写';
622
+ break;
623
+ case 'textarea':
624
+ strRMsg = '填写';
625
+ break;
626
+ case 'numberInput':
627
+ strRMsg = '填写';
628
+ break;
629
+ case 'mention':
630
+ strRMsg = '填写或选择';
631
+ break;
632
+ case 'rate':
633
+ strRMsg = '选择';
634
+ break;
635
+ case 'radio':
636
+ strRMsg = '选择';
637
+ break;
638
+ case 'select':
639
+ strRMsg = '选择';
640
+ break;
641
+ case 'tagSelect':
642
+ strRMsg = '选择';
643
+ break;
644
+ case 'slider':
645
+ strRMsg = '录入';
646
+ break;
647
+ case 'switch':
648
+ strRMsg = '选择';
649
+ break;
650
+ case 'treeSelect':
651
+ strRMsg = '选择';
652
+ break;
653
+ case 'transfer':
654
+ strRMsg = '选择';
655
+ break;
656
+ case 'icon':
657
+ break;
658
+ case 'strTemplate':
659
+ strRMsg = '填写';
660
+ break;
661
+ case 'desc':
662
+ break;
663
+ case 'btn':
664
+ break;
665
+ case 'a':
666
+ break;
667
+ case 'string':
668
+ break;
669
+ default:
670
+ break;
671
+ }
672
+ return strRMsg;
673
+ };
674
+
675
+ _this.getFormItem = function (item, itemValue, afterBtns, itemArea, formItemLayout) {
676
+ var _this$props = _this.props,
677
+ form = _this$props.form,
678
+ allReadFlag = _this$props.allReadFlag,
679
+ loadFinishFlag = _this$props.loadFinishFlag,
680
+ bigFormFlag = _this$props.bigFormFlag;
681
+ var getFieldDecorator = form.getFieldDecorator;
682
+ var formItemChild = item.formItemChild,
683
+ popoverFlag = item.popoverFlag,
684
+ readFlag = item.readFlag,
685
+ popProps = item.popProps,
686
+ fieldType = item.fieldType,
687
+ disableFlag = item.disableFlag,
688
+ titleType = item.titleType,
689
+ dataDesensitizationFlagTrue = item.dataDesensitizationFlagTrue,
690
+ value = item.value,
691
+ formItemProps = item.formItemProps,
692
+ novalueFlag = item.novalueFlag,
693
+ label = item.label,
694
+ required = item.required,
695
+ requiredMessage = item.requiredMessage,
696
+ cmptPros = item.cmptPros;
697
+ var fieldId = item.fieldId;
698
+
699
+ var strRMsg = _this.getAnalysisType(item);
700
+ var addRules = [];
701
+ var hadOnBlurFlag = false;
702
+ var notProxyOnblurFlag = false;
703
+ var disableFlagReal = disableFlag;
704
+ if (cmptPros) {
705
+ if (cmptPros.rules) {
706
+ var rules = cmptPros.rules;
707
+
708
+ addRules = rules;
709
+ }
710
+ }
711
+ if (fieldType === 'input' || fieldType === 'textarea') {
712
+ var maxLength = fieldType === 'textarea' ? 2000 : titleType ? 400 : 100;
713
+ if (cmptPros) {
714
+ if (cmptPros.maxLength) {
715
+ maxLength = cmptPros.maxLength;
716
+ }
717
+ }
718
+ if (disableFlag) {
719
+ //
720
+ } else {
721
+ addRules = [{ max: maxLength, message: '\u5F55\u5165\u6587\u5B57\u957F\u5EA6\u4E0D\u80FD\u8D85\u8FC7' + maxLength, transform: _this.touchTransform }].concat(addRules);
722
+ }
723
+ } else if (fieldType === 'mobile') {
724
+ var e3wMobileNation = form.getFieldValue(fieldId + 'AddonBefore');
725
+ addRules = [{ pattern: _comonConfig.objMobileRegular ? _comonConfig.objMobileRegular[e3wMobileNation] : objMobileRegularDefault[e3wMobileNation], message: '手机格式错误!' }].concat(addRules);
726
+ }
727
+ var decoratorObj = {
728
+ rules: [{ required: required, message: requiredMessage || '\u8BF7' + strRMsg + label }].concat(addRules)
729
+ };
730
+ if (fieldType === 'braftEditor') {
731
+ var objValidator = {};
732
+ if (required) {
733
+ objValidator = {
734
+ validator: _this.validateContent
735
+ };
736
+ }
737
+ decoratorObj = (0, _extends3['default'])({}, decoratorObj, {
738
+ trigger: 'onBlur',
739
+ validateTrigger: 'onBlur',
740
+ rules: [(0, _extends3['default'])({ required: required, message: requiredMessage || '\u8BF7' + strRMsg + label }, objValidator)].concat(addRules)
741
+ });
742
+ }
743
+ if (itemValue || itemValue === 0) {
744
+ decoratorObj = (0, _extends3['default'])({}, decoratorObj, {
745
+ initialValue: itemValue
746
+ });
747
+ }
748
+ if (readFlag || allReadFlag) {
749
+ fieldId = fieldId + 'Easy3wView';
750
+ if (fieldType === 'braftEditor' && itemValue.isEmpty()) {
751
+ // 只读时,符合必填校验
752
+ decoratorObj = (0, _extends3['default'])({}, decoratorObj, {
753
+ initialValue: _braftEditor2['default'].createEditorState('<p> </p>')
754
+ });
755
+ } else if (fieldType === 'textarea' && !(itemValue || itemValue === 0)) {
756
+ decoratorObj = (0, _extends3['default'])({}, decoratorObj, {
757
+ initialValue: ' '
758
+ });
759
+ }
760
+ }
761
+
762
+ if (cmptPros) {
763
+ if (cmptPros.getValueFromEvent) {
764
+ var getValueFromEvent = cmptPros.getValueFromEvent;
765
+
766
+ decoratorObj = (0, _extends3['default'])({}, decoratorObj, { getValueFromEvent: getValueFromEvent });
767
+ }
768
+ if (cmptPros.onBlur) {
769
+ hadOnBlurFlag = true;
770
+ }
771
+ if (cmptPros.notProxyOnblurFlag) {
772
+ notProxyOnblurFlag = true;
773
+ }
774
+ if (cmptPros.disabled) {
775
+ disableFlagReal = true;
776
+ }
777
+ }
778
+ if (loadFinishFlag === true && bigFormFlag === true) {
779
+ if ((fieldType === 'input' || fieldType === 'textarea') && !hadOnBlurFlag && !disableFlagReal && !notProxyOnblurFlag) {
780
+ decoratorObj = (0, _extends3['default'])({}, decoratorObj, {
781
+ trigger: 'onBlur',
782
+ valuePropName: 'defaultValue'
783
+ });
784
+ }
785
+ }
786
+ if ((readFlag || allReadFlag) && fieldType !== 'textarea' && fieldType !== 'braftEditor') {
787
+ // if (fieldType === 'braftEditor') {
788
+ // return (
789
+ // <FormItem
790
+ // label={label}
791
+ // {...formItemLayout}
792
+ // {...formItemProps}
793
+ // style={formItemStyle}
794
+ // >
795
+ // {getFieldDecorator(`${fieldId}Easy3wView`,
796
+ // {
797
+ // initialValue: 'easy3wView',
798
+ // rules: [{ required, message: requiredMessage || `请填写${label}` }],
799
+ // })(<Input type="hidden" />)
800
+ // }
801
+ // <div dangerouslySetInnerHTML={{ __html: itemValue.toHTML() }} />{afterBtns}
802
+ // </FormItem>
803
+ // );
804
+ // } else if (fieldType === 'checkBox' || fieldType === 'radio') {
805
+ if ((fieldType === 'checkBox' || fieldType === 'radio') && label) {
806
+ return _react2['default'].createElement(
807
+ FormItem,
808
+ (0, _extends3['default'])({
809
+ label: label
810
+ }, formItemLayout, formItemProps, {
811
+ style: formItemStyle
812
+ }),
813
+ itemValue && itemValue.$$typeof ? _react2['default'].createElement(
814
+ 'div',
815
+ null,
816
+ getFieldDecorator(fieldId, {
817
+ initialValue: 'easy3wView',
818
+ rules: [{ required: required, message: requiredMessage || '\u8BF7' + strRMsg + label }]
819
+ })(_react2['default'].createElement(_input2['default'], { type: 'hidden' })),
820
+ itemValue
821
+ ) : getFieldDecorator(fieldId, {
822
+ initialValue: itemValue,
823
+ rules: [{ required: required, message: requiredMessage || '\u8BF7' + strRMsg + label }]
824
+ })(itemArea)
825
+ );
826
+ } else {
827
+ return _react2['default'].createElement(
828
+ FormItem,
829
+ (0, _extends3['default'])({
830
+ label: label
831
+ }, formItemLayout, formItemProps, {
832
+ style: formItemStyle
833
+ }),
834
+ getFieldDecorator(fieldId, {
835
+ initialValue: 'easy3wView',
836
+ rules: [{ required: required, message: requiredMessage || '\u8BF7' + strRMsg + label }]
837
+ })(_react2['default'].createElement(_input2['default'], { type: 'hidden' })),
838
+ dataDesensitizationFlagTrue ? _react2['default'].createElement(
839
+ 'span',
840
+ null,
841
+ _this.state[fieldId + 'dataDesensitizationEyeFlag'] ? value : itemValue,
842
+ ' ',
843
+ _react2['default'].createElement(
844
+ 'a',
845
+ { onClick: function onClick() {
846
+ return _this.getImplicit(fieldId);
847
+ } },
848
+ _react2['default'].createElement(_icon2['default'], { type: _this.state[fieldId + 'dataDesensitizationEyeFlag'] ? 'eye' : 'eye-invisible' })
849
+ )
850
+ ) : itemValue,
851
+ afterBtns
852
+ );
853
+ }
854
+ }
855
+ if (popoverFlag) {
856
+ var title = popProps.title,
857
+ content = popProps.content,
858
+ placement = popProps.placement;
859
+
860
+ return _react2['default'].createElement(
861
+ 'div',
862
+ { style: { position: 'relative' } },
863
+ _react2['default'].createElement(
864
+ FormItem,
865
+ (0, _extends3['default'])({
866
+ label: label
867
+ }, formItemLayout, formItemProps, {
868
+ style: formItemStyle
869
+ }),
870
+ formItemChild,
871
+ _react2['default'].createElement(
872
+ _popover2['default'],
873
+ {
874
+ title: title,
875
+ content: _react2['default'].createElement(
876
+ 'div',
877
+ { style: { padding: '4px 0' } },
878
+ _react2['default'].createElement(
879
+ 'span',
880
+ { style: { color: '#5468b2', width: 200, height: 300 } },
881
+ content
882
+ )
883
+ ),
884
+ placement: placement
885
+ },
886
+ getFieldDecorator(fieldId, (0, _extends3['default'])({}, decoratorObj))(itemArea)
887
+ ),
888
+ _react2['default'].createElement(
889
+ 'div',
890
+ { style: { position: 'absolute', left: '100%', top: '0px', zIndex: 2 } },
891
+ afterBtns
892
+ )
893
+ )
894
+ );
895
+ } else if (novalueFlag) {
896
+ return _react2['default'].createElement(
897
+ FormItem,
898
+ (0, _extends3['default'])({
899
+ label: label
900
+ }, formItemLayout, formItemProps, {
901
+ style: formItemStyle
902
+ }),
903
+ itemArea
904
+ );
905
+ } else {
906
+ return _react2['default'].createElement(
907
+ FormItem,
908
+ (0, _extends3['default'])({
909
+ label: label
910
+ }, formItemLayout, formItemProps, {
911
+ style: formItemStyle
912
+ }),
913
+ _react2['default'].createElement(
914
+ 'div',
915
+ { style: { position: 'relative' } },
916
+ formItemChild,
917
+ getFieldDecorator(fieldId, (0, _extends3['default'])({}, decoratorObj))(itemArea),
918
+ _react2['default'].createElement(
919
+ 'div',
920
+ { style: { position: 'absolute', left: '100%', top: '0px', zIndex: 2 } },
921
+ afterBtns
922
+ )
923
+ )
924
+ );
925
+ }
926
+ };
927
+
928
+ _this.touchTransform = function (value) {
929
+ var strValue = value;
930
+ if (typeof value === 'number') {
931
+ strValue = String(value);
932
+ }
933
+ return strValue;
934
+ };
935
+
936
+ _this.getStrTemplateItem = function (item, itemArea) {
937
+ var _this$props2 = _this.props,
938
+ form = _this$props2.form,
939
+ allReadFlag = _this$props2.allReadFlag;
940
+ var getFieldDecorator = form.getFieldDecorator;
941
+ var popoverFlag = item.popoverFlag,
942
+ readFlag = item.readFlag,
943
+ popProps = item.popProps,
944
+ novalueFlag = item.novalueFlag,
945
+ label = item.label,
946
+ fieldId = item.fieldId,
947
+ required = item.required,
948
+ requiredMessage = item.requiredMessage,
949
+ cmptPros = item.cmptPros,
950
+ fieldType = item.fieldType;
951
+
952
+ var itemValue = _this.getItemValue(item);
953
+ var dataDesensitizationFlagTrue = item.dataDesensitizationFlagTrue,
954
+ value = item.value;
955
+ var colSpan = cmptPros.colSpan;
956
+
957
+ var addRules = [];
958
+ if (cmptPros && cmptPros.rules) {
959
+ var rules = cmptPros.rules;
960
+
961
+ addRules = rules;
962
+ }
963
+ var decoratorObj = {
964
+ initialValue: itemValue,
965
+ rules: [{ required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label }].concat(addRules)
966
+ };
967
+ if (cmptPros && cmptPros.getValueFromEvent) {
968
+ var getValueFromEvent = cmptPros.getValueFromEvent;
969
+
970
+ decoratorObj = (0, _extends3['default'])({}, decoratorObj, { getValueFromEvent: getValueFromEvent });
971
+ }
972
+ if (readFlag || allReadFlag) {
973
+ return _react2['default'].createElement(
974
+ _col2['default'],
975
+ { span: colSpan },
976
+ _react2['default'].createElement(
977
+ FormItem,
978
+ {
979
+ labelCol: { span: 48 },
980
+ wrapperCol: { span: 48 },
981
+ style: formItemStyle
982
+ },
983
+ getFieldDecorator(fieldId + 'Easy3wView', {
984
+ initialValue: 'easy3wView',
985
+ rules: [{ required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label }]
986
+ })(_react2['default'].createElement(_input2['default'], { type: 'hidden' })),
987
+ dataDesensitizationFlagTrue ? _react2['default'].createElement(
988
+ 'span',
989
+ null,
990
+ _this.state[fieldId + 'dataDesensitizationEyeFlag'] ? value : itemValue,
991
+ ' ',
992
+ _react2['default'].createElement(
993
+ 'a',
994
+ { onClick: function onClick() {
995
+ return _this.getImplicit(fieldId);
996
+ } },
997
+ _react2['default'].createElement(_icon2['default'], { type: _this.state[fieldId + 'dataDesensitizationEyeFlag'] ? 'eye' : 'eye-invisible' })
998
+ )
999
+ ) : itemValue
1000
+ )
1001
+ );
1002
+ }
1003
+ if (popoverFlag) {
1004
+ var title = popProps.title,
1005
+ content = popProps.content,
1006
+ placement = popProps.placement;
1007
+
1008
+ return _react2['default'].createElement(
1009
+ _col2['default'],
1010
+ { span: colSpan },
1011
+ _react2['default'].createElement(
1012
+ 'span',
1013
+ { style: { position: 'relative' } },
1014
+ _react2['default'].createElement(
1015
+ FormItem,
1016
+ {
1017
+ labelCol: { span: 48 },
1018
+ wrapperCol: { span: 48 },
1019
+ style: formItemStyle
1020
+ },
1021
+ _react2['default'].createElement(
1022
+ _popover2['default'],
1023
+ {
1024
+ title: title,
1025
+ content: _react2['default'].createElement(
1026
+ 'div',
1027
+ { style: { padding: '4px 0' } },
1028
+ _react2['default'].createElement(
1029
+ 'span',
1030
+ { style: { color: '#5468b2', width: 200, height: 300 } },
1031
+ content
1032
+ )
1033
+ ),
1034
+ placement: placement
1035
+ },
1036
+ getFieldDecorator(fieldId, (0, _extends3['default'])({}, decoratorObj))(itemArea)
1037
+ )
1038
+ )
1039
+ )
1040
+ );
1041
+ } else if (novalueFlag || fieldType === 'desc') {
1042
+ return _react2['default'].createElement(
1043
+ _col2['default'],
1044
+ { span: colSpan },
1045
+ _react2['default'].createElement(
1046
+ 'span',
1047
+ null,
1048
+ itemArea
1049
+ )
1050
+ );
1051
+ } else {
1052
+ return _react2['default'].createElement(
1053
+ _col2['default'],
1054
+ { span: colSpan },
1055
+ _react2['default'].createElement(
1056
+ 'span',
1057
+ { style: { position: 'relative' } },
1058
+ _react2['default'].createElement(
1059
+ FormItem,
1060
+ {
1061
+ labelCol: { span: 48 },
1062
+ wrapperCol: { span: 48 },
1063
+ style: formItemStyle
1064
+ },
1065
+ getFieldDecorator(fieldId, (0, _extends3['default'])({}, decoratorObj))(itemArea)
1066
+ )
1067
+ )
1068
+ );
1069
+ }
1070
+ };
1071
+
1072
+ _this.getSingleRow = function (rowItem) {
1073
+ var cols = rowItem.cols,
1074
+ rowReadFlag = rowItem.rowReadFlag,
1075
+ rowAftBtnFlag = rowItem.rowAftBtnFlag;
1076
+ var _this$props3 = _this.props,
1077
+ rowItems = _this$props3.rowItems,
1078
+ singleColFlag = _this$props3.singleColFlag,
1079
+ doubleColFlag = _this$props3.doubleColFlag,
1080
+ mixColFlag = _this$props3.mixColFlag,
1081
+ allReadFlag = _this$props3.allReadFlag;
1082
+
1083
+ var threeRowItemFlag = false;
1084
+ for (var _iterator = rowItems, _isArray = Array.isArray(_iterator), _i = 0, _iterator = _isArray ? _iterator : _iterator[Symbol.iterator]();;) {
1085
+ var _ref2;
1086
+
1087
+ if (_isArray) {
1088
+ if (_i >= _iterator.length) break;
1089
+ _ref2 = _iterator[_i++];
1090
+ } else {
1091
+ _i = _iterator.next();
1092
+ if (_i.done) break;
1093
+ _ref2 = _i.value;
1094
+ }
1095
+
1096
+ var rItem = _ref2;
1097
+
1098
+ if (rItem.cols.length === 3) {
1099
+ threeRowItemFlag = true;
1100
+ break;
1101
+ }
1102
+ }
1103
+ var colsLength = cols.length;
1104
+ var col1Layout = '';
1105
+ var col2Layout = '';
1106
+ var col3Layout = '';
1107
+ if (singleColFlag) {
1108
+ col1Layout = singleItem;
1109
+ }
1110
+ if (doubleColFlag) {
1111
+ col1Layout = doubleItemLeft;
1112
+ col2Layout = formItemRight;
1113
+ if (rowAftBtnFlag) {
1114
+ col2Layout = formItemRightWithBtn;
1115
+ }
1116
+ }
1117
+ if (mixColFlag) {
1118
+ if (colsLength === 1) {
1119
+ col1Layout = mixSingle;
1120
+ if (rowAftBtnFlag) {
1121
+ col1Layout = mixSingleWithBtn;
1122
+ }
1123
+ }
1124
+ if (colsLength === 2) {
1125
+ col1Layout = doubleItemLeft;
1126
+ col2Layout = formItemRight;
1127
+ if (rowAftBtnFlag) {
1128
+ col1Layout = doubleItemLeftWithBtn;
1129
+ col2Layout = formItemRightWithBtn;
1130
+ }
1131
+ }
1132
+ }
1133
+ // 包含3列的行 重置布局
1134
+ if (threeRowItemFlag === true) {
1135
+ if (colsLength === 1) {
1136
+ col1Layout = threeCol1Item;
1137
+ }
1138
+ if (colsLength === 2) {
1139
+ col1Layout = threeItem;
1140
+ col2Layout = threeCol2Item;
1141
+ }
1142
+ if (colsLength === 3) {
1143
+ col1Layout = threeItem;
1144
+ col2Layout = threeItem;
1145
+ col3Layout = threeItem;
1146
+ }
1147
+ }
1148
+ var leftItem = _this.getColItem(cols[0], col1Layout);
1149
+ /** 获取所有列 */
1150
+ var allCols = '';
1151
+ if (colsLength === 1) {
1152
+ allCols = _this.getOneColObj(leftItem, mixColFlag, allReadFlag, rowReadFlag);
1153
+ }
1154
+ if (colsLength === 2) {
1155
+ var rightItem = _this.getColItem(cols[1], col2Layout);
1156
+ allCols = _this.getTwoColObj(leftItem, rightItem, allReadFlag, rowReadFlag);
1157
+ }
1158
+ if (colsLength === 3) {
1159
+ var right2Item = _this.getColItem(cols[1], col2Layout);
1160
+ var right3Item = _this.getColItem(cols[2], col3Layout);
1161
+ allCols = _this.getThreeColObj(leftItem, right2Item, right3Item, allReadFlag, rowReadFlag);
1162
+ }
1163
+ return allCols;
1164
+ };
1165
+
1166
+ _this.getOneColObj = function (colObj, mixColFlag, allReadFlag, rowReadFlag) {
1167
+ var colSpan = 24;
1168
+ var children1 = colObj.props.children || '';
1169
+ var props1 = children1 ? children1.props : '';
1170
+ var gutter1 = props1 ? props1.gutter : '';
1171
+ colSpan = mixColFlag ? 24 : colSpan;
1172
+ return _react2['default'].createElement(
1173
+ _row2['default'],
1174
+ { className: allReadFlag || rowReadFlag ? (0, _classnames2['default'])(['e3wFormItem']) : '' },
1175
+ _react2['default'].createElement(
1176
+ _col2['default'],
1177
+ { style: { marginBottom: gutter1 === 0 ? -24 : 0 }, span: colSpan },
1178
+ colObj
1179
+ )
1180
+ );
1181
+ };
1182
+
1183
+ _this.getTwoColObj = function (colObj, rightColObj, allReadFlag, rowReadFlag) {
1184
+ var children1 = colObj.props.children || '';
1185
+ var children2 = rightColObj.props.children || '';
1186
+ var props1 = children1 ? children1.props : '';
1187
+ var props2 = children2 ? children2.props : '';
1188
+ var gutter1 = props1 ? props1.gutter : '';
1189
+ var gutter2 = props2 ? props2.gutter : '';
1190
+ return _react2['default'].createElement(
1191
+ _row2['default'],
1192
+ { className: allReadFlag || rowReadFlag ? (0, _classnames2['default'])(['e3wFormItem']) : '' },
1193
+ _react2['default'].createElement(
1194
+ _col2['default'],
1195
+ { style: { marginBottom: gutter1 === 0 ? -24 : 0 }, span: 12 },
1196
+ colObj
1197
+ ),
1198
+ _react2['default'].createElement(
1199
+ _col2['default'],
1200
+ { style: { marginBottom: gutter2 === 0 ? -24 : 0 }, span: 12 },
1201
+ rightColObj
1202
+ )
1203
+ );
1204
+ };
1205
+
1206
+ _this.getThreeColObj = function (colObj, col2Obj, col3Obj, allReadFlag, rowReadFlag) {
1207
+ var children1 = colObj.props.children || '';
1208
+ var children2 = col2Obj.props.children || '';
1209
+ var children3 = col3Obj.props.children || '';
1210
+ var props1 = children1 ? children1.props : '';
1211
+ var props2 = children2 ? children2.props : '';
1212
+ var props3 = children3 ? children3.props : '';
1213
+ var gutter1 = props1 ? props1.gutter : '';
1214
+ var gutter2 = props2 ? props2.gutter : '';
1215
+ var gutter3 = props3 ? props3.gutter : '';
1216
+ return _react2['default'].createElement(
1217
+ _row2['default'],
1218
+ { className: allReadFlag || rowReadFlag ? (0, _classnames2['default'])(['e3wFormItem']) : '' },
1219
+ _react2['default'].createElement(
1220
+ _col2['default'],
1221
+ { style: { marginBottom: gutter1 === 0 ? -24 : 0 }, span: 8 },
1222
+ colObj
1223
+ ),
1224
+ _react2['default'].createElement(
1225
+ _col2['default'],
1226
+ { style: { marginBottom: gutter2 === 0 ? -24 : 0 }, span: 8 },
1227
+ col2Obj
1228
+ ),
1229
+ _react2['default'].createElement(
1230
+ _col2['default'],
1231
+ { style: { marginBottom: gutter3 === 0 ? -24 : 0 }, span: 8 },
1232
+ col3Obj
1233
+ )
1234
+ );
1235
+ };
1236
+
1237
+ _this.getColItem = function (colObj, formItemLayout) {
1238
+ var fieldType = colObj.fieldType;
1239
+
1240
+ var itemValue = _this.getItemValue(colObj);
1241
+ var itemArea = _this.getItemArea(colObj);
1242
+ var afterBtns = _this.getAfterBtn(colObj);
1243
+ if (fieldType === 'upload') {
1244
+ var up = _this.getUploadColItem(colObj, formItemLayout);
1245
+ return up;
1246
+ }
1247
+ if (fieldType === 'uploadB') {
1248
+ var _up = _this.getUploadBColItem(colObj, formItemLayout);
1249
+ return _up;
1250
+ }
1251
+ if (fieldType === 'uploadM') {
1252
+ var _up2 = _this.getUploadMColItem(colObj, formItemLayout);
1253
+ return _up2;
1254
+ }
1255
+ if (fieldType === 'inputNumberFormat') {
1256
+ var _up3 = _this.inputNumberFormatHandler(colObj, formItemLayout);
1257
+ return _up3;
1258
+ }
1259
+ if (fieldType === 'inputNumber') {
1260
+ var _up4 = _this.inputNumberHandler(colObj, formItemLayout);
1261
+ return _up4;
1262
+ }
1263
+ var formItem = _this.getFormItem(colObj, itemValue, afterBtns, itemArea, formItemLayout);
1264
+ return formItem;
1265
+ };
1266
+
1267
+ _this.getAllForms = function () {
1268
+ var _this$props4 = _this.props,
1269
+ rowItems = _this$props4.rowItems,
1270
+ hiddenItems = _this$props4.hiddenItems,
1271
+ loadFinishFlag = _this$props4.loadFinishFlag,
1272
+ bigFormFlag = _this$props4.bigFormFlag;
1273
+
1274
+ if (bigFormFlag === true) {
1275
+ if (loadFinishFlag === false) {
1276
+ return '';
1277
+ }
1278
+ }
1279
+ // const hadLoadIngProps = Object.prototype.hasOwnProperty.call(this.props, 'loading');
1280
+ // if (!hadLoadIngProps || loading === true) {
1281
+ // return '';
1282
+ // }
1283
+ var uiForms = [];
1284
+ var hiddenForms = [];
1285
+ if (rowItems) {
1286
+ uiForms = rowItems.map(function (rowItem) {
1287
+ var singleRow = _this.getSingleRow(rowItem);
1288
+ return singleRow;
1289
+ });
1290
+ }
1291
+ if (hiddenItems) {
1292
+ hiddenForms = hiddenItems.map(function (hiddenItem) {
1293
+ var obj = _this.getHiddenItem(hiddenItem);
1294
+ return obj;
1295
+ });
1296
+ }
1297
+ var allForms = [];
1298
+ allForms.push.apply(allForms, uiForms);
1299
+ allForms.push.apply(allForms, hiddenForms);
1300
+ return allForms;
1301
+ };
1302
+
1303
+ _this.getHiddenItem = function (hiddenItem) {
1304
+ var form = _this.props.form;
1305
+ var getFieldDecorator = form.getFieldDecorator;
1306
+ var fieldId = hiddenItem.fieldId,
1307
+ value = hiddenItem.value;
1308
+
1309
+ return _react2['default'].createElement(
1310
+ 'span',
1311
+ null,
1312
+ getFieldDecorator(fieldId, { initialValue: value })(_react2['default'].createElement(_input2['default'], { type: 'hidden' }))
1313
+ );
1314
+ };
1315
+
1316
+ _this.getUploadColItem = function (colObj, formItemLayout) {
1317
+ var label = colObj.label,
1318
+ fieldId = colObj.fieldId,
1319
+ required = colObj.required,
1320
+ cmptPros = colObj.cmptPros,
1321
+ help = colObj.help;
1322
+ var allReadFlag = _this.props.allReadFlag;
1323
+ var form = cmptPros.form;
1324
+
1325
+ var isReadVal = false;
1326
+ if (cmptPros.isRead) {
1327
+ isReadVal = cmptPros.isRead;
1328
+ }
1329
+ if (allReadFlag) {
1330
+ isReadVal = true;
1331
+ }
1332
+ var cmptProsNew = (0, _extends3['default'])({}, cmptPros, { isRead: isReadVal });
1333
+ return _react2['default'].createElement(_easy3wui.Easy3wUpload, (0, _extends3['default'])({
1334
+ uploadName: fieldId,
1335
+ help: help || '请上传附件',
1336
+ sendData: '',
1337
+ form: form,
1338
+ required: required,
1339
+ label: label
1340
+ }, formItemLayout, cmptProsNew));
1341
+ };
1342
+
1343
+ _this.getUploadBColItem = function (colObj, formItemLayout) {
1344
+ var label = colObj.label,
1345
+ fieldId = colObj.fieldId,
1346
+ required = colObj.required,
1347
+ cmptPros = colObj.cmptPros;
1348
+ var form = cmptPros.form;
1349
+ var allReadFlag = _this.props.allReadFlag;
1350
+
1351
+ var isReadVal = false;
1352
+ if (cmptPros.isRead) {
1353
+ isReadVal = cmptPros.isRead;
1354
+ }
1355
+ if (allReadFlag) {
1356
+ isReadVal = true;
1357
+ }
1358
+ var cmptProsNew = (0, _extends3['default'])({}, cmptPros, { isRead: isReadVal });
1359
+ return _react2['default'].createElement(_easy3wui.Easy3wUploadB, (0, _extends3['default'])({
1360
+ uploadName: fieldId,
1361
+ name: fieldId,
1362
+ sendData: '',
1363
+ form: form,
1364
+ required: required,
1365
+ label: label
1366
+ }, formItemLayout, cmptProsNew));
1367
+ };
1368
+
1369
+ _this.getUploadMColItem = function (colObj, formItemLayout) {
1370
+ var label = colObj.label,
1371
+ fieldId = colObj.fieldId,
1372
+ required = colObj.required,
1373
+ cmptPros = colObj.cmptPros;
1374
+ var form = cmptPros.form;
1375
+ var allReadFlag = _this.props.allReadFlag;
1376
+
1377
+ var isReadVal = false;
1378
+ if (cmptPros.isRead) {
1379
+ isReadVal = cmptPros.isRead;
1380
+ }
1381
+ if (allReadFlag) {
1382
+ isReadVal = true;
1383
+ }
1384
+ var cmptProsNew = (0, _extends3['default'])({}, cmptPros, { isRead: isReadVal });
1385
+ return _react2['default'].createElement(_easy3wui.Easy3wUploadM, (0, _extends3['default'])({
1386
+ uploadName: fieldId,
1387
+ sendData: '',
1388
+ form: form,
1389
+ required: required,
1390
+ label: label
1391
+ }, formItemLayout, cmptProsNew));
1392
+ };
1393
+
1394
+ _this.inputHandler = function (item) {
1395
+ var _item$cmptPros = item.cmptPros,
1396
+ cmptPros = _item$cmptPros === undefined ? {} : _item$cmptPros;
1397
+
1398
+ return _react2['default'].createElement(_input2['default'], cmptPros);
1399
+ };
1400
+
1401
+ _this.mobileHandler = function (item) {
1402
+ var fieldId = item.fieldId,
1403
+ required = item.required,
1404
+ _item$cmptPros2 = item.cmptPros,
1405
+ cmptPros = _item$cmptPros2 === undefined ? {} : _item$cmptPros2;
1406
+
1407
+ var addonBeforeCmptPros = item.addonBeforeCmptPros || {};
1408
+ addonBeforeCmptPros = (0, _extends3['default'])({ allowClear: false, style: { minWidth: '90px' } }, addonBeforeCmptPros);
1409
+ var itemArea = _this.selectHandler({
1410
+ cmptPros: (0, _extends3['default'])({
1411
+ onChange: function onChange(value) {
1412
+ return _this.onBlurMobileNation(value, fieldId);
1413
+ },
1414
+ optionLst: _comonConfig.arrMobileAssociation || arrMobileAssociationDefault
1415
+ }, addonBeforeCmptPros)
1416
+ });
1417
+
1418
+ var decoratorObj = {
1419
+ rules: [{ required: required, message: '请选择区号' }],
1420
+ initialValue: '+86'
1421
+ };
1422
+ return _react2['default'].createElement(_input2['default'], (0, _extends3['default'])({
1423
+ addonBefore: _this.props.form.getFieldDecorator(fieldId + 'AddonBefore', (0, _extends3['default'])({}, decoratorObj))(itemArea),
1424
+ onBlur: function onBlur(e) {
1425
+ return _this.onBlurMobile(e, fieldId);
1426
+ }
1427
+ }, cmptPros));
1428
+ };
1429
+
1430
+ _this.onBlurMobile = function (e, fieldId) {
1431
+ var e3wMobileNation = _this.props.form.getFieldValue(fieldId + 'AddonBefore');
1432
+ var pattern = _comonConfig.objMobileRegular ? _comonConfig.objMobileRegular[e3wMobileNation] : objMobileRegularDefault[e3wMobileNation];
1433
+ if (e && e.target && e.target.value && e3wMobileNation && pattern.test(e.target.value)) {
1434
+ _this.updateMobileInfo(e.target.value, e3wMobileNation);
1435
+ }
1436
+ };
1437
+
1438
+ _this.onBlurMobileNation = function (value, fieldId) {
1439
+ var e3wMobile = _this.props.form.getFieldValue(fieldId);
1440
+ var pattern = _comonConfig.objMobileRegular ? _comonConfig.objMobileRegular[value] : objMobileRegularDefault[value];
1441
+ if (e3wMobile && value && pattern.test(e3wMobile)) {
1442
+ _this.updateMobileInfo(e3wMobile, value);
1443
+ }
1444
+ };
1445
+
1446
+ _this.updateMobileInfo = function (e3wMobile, e3wMobileNation) {
1447
+ var xhr = new XMLHttpRequest();
1448
+ xhr.onreadystatechange = function () {
1449
+ if (xhr.readyState === 4 && xhr.status === 200) {
1450
+ // 请求成功,处理响应数据
1451
+ }
1452
+ };
1453
+ var data = JSON.stringify({ e3wMobile: e3wMobile, e3wMobileNation: e3wMobileNation });
1454
+ xhr.open('POST', _comonConfig.easy3w4fMobileLibUpdateUrl, true); // 异步请求
1455
+ xhr.setRequestHeader('Content-Type', 'application/json'); // 设置请求头
1456
+ xhr.send(data); // 发送请求
1457
+ };
1458
+
1459
+ _this.selectHandler = function (item) {
1460
+ var cmptPros = item.cmptPros;
1461
+ var optionLst = cmptPros.optionLst;
1462
+
1463
+ var selectOpts = optionLst.map(function (opt) {
1464
+ return opt.key || opt.value ? _react2['default'].createElement(
1465
+ Option,
1466
+ { key: opt.key || opt.value, disabled: opt.disabled },
1467
+ opt.label
1468
+ ) : '';
1469
+ });
1470
+ return _react2['default'].createElement(
1471
+ _select2['default'],
1472
+ (0, _extends3['default'])({
1473
+ style: { width: '100%' },
1474
+ allowClear: true,
1475
+ showSearch: true // 是否开启搜索
1476
+ , optionFilterProp: 'children' // 搜索时过滤对应的 option 属性,如设置为 children 表示对内嵌内容进行搜索
1477
+ }, cmptPros),
1478
+ selectOpts
1479
+ );
1480
+ };
1481
+
1482
+ _this.tagSelectHandler = function (item) {
1483
+ var cmptPros = item.cmptPros;
1484
+ var optionLst = cmptPros.optionLst;
1485
+
1486
+ return _react2['default'].createElement(
1487
+ _easy3wui.Easy3wTagSelect,
1488
+ (0, _extends3['default'])({ last: true, lessNum: 2 }, cmptPros),
1489
+ optionLst.map(function (option) {
1490
+ return _react2['default'].createElement(
1491
+ _easy3wui.Easy3wTagSelect.Option,
1492
+ { value: option.value },
1493
+ option.label
1494
+ );
1495
+ })
1496
+ );
1497
+ };
1498
+
1499
+ _this.sliderHandler = function (item) {
1500
+ var cmptPros = item.cmptPros;
1501
+
1502
+ return _react2['default'].createElement(_slider2['default'], cmptPros);
1503
+ };
1504
+
1505
+ _this.switchHandler = function (item) {
1506
+ var cmptPros = item.cmptPros;
1507
+
1508
+ return _react2['default'].createElement(_switch2['default'], cmptPros);
1509
+ };
1510
+
1511
+ _this.datePickerHandler = function (item) {
1512
+ var cmptPros = item.cmptPros;
1513
+
1514
+ return _react2['default'].createElement(_datePicker2['default'], (0, _extends3['default'])({
1515
+ locale: _zh_CN2['default'],
1516
+ style: { width: '100%', marginRight: 0 },
1517
+ format: 'YYYY-MM-DD'
1518
+ }, cmptPros));
1519
+ };
1520
+
1521
+ _this.rangeMinutes = function (start, mid, end) {
1522
+ var result = [];
1523
+ for (var i = start; i < mid; i += 1) {
1524
+ result.push(i);
1525
+ }
1526
+ for (var _i2 = mid + 1; _i2 < end; _i2 += 1) {
1527
+ result.push(_i2);
1528
+ }
1529
+ return result;
1530
+ };
1531
+
1532
+ _this.rangeSeconds = function (start, end) {
1533
+ var result = [];
1534
+ for (var i = start; i < end; i += 1) {
1535
+ result.push(i);
1536
+ }
1537
+ return result;
1538
+ };
1539
+
1540
+ _this.disabledDateTime = function () {
1541
+ return {
1542
+ disabledMinutes: function disabledMinutes() {
1543
+ return _this.rangeMinutes(1, 30, 60);
1544
+ },
1545
+ disabledSeconds: function disabledSeconds() {
1546
+ return _this.rangeSeconds(1, 60);
1547
+ }
1548
+ };
1549
+ };
1550
+
1551
+ _this.dateTimePickerHandler = function (item) {
1552
+ var cmptPros = item.cmptPros;
1553
+
1554
+ if (cmptPros && cmptPros.setWholeTime) {
1555
+ return _react2['default'].createElement(_datePicker2['default'], (0, _extends3['default'])({
1556
+ style: { width: '100%', marginRight: 0 },
1557
+ format: 'YYYY-MM-DD HH:mm:ss',
1558
+ showTime: true,
1559
+ locale: _zh_CN2['default']
1560
+ }, cmptPros));
1561
+ } else {
1562
+ return _react2['default'].createElement(_datePicker2['default'], (0, _extends3['default'])({
1563
+ style: { width: '100%', marginRight: 0 },
1564
+ disabledTime: _this.disabledDateTime,
1565
+ showTime: { hideDisabledOptions: true, defaultValue: (0, _moment2['default'])('09:00:00', 'HH:mm:ss') },
1566
+ format: 'YYYY-MM-DD HH:mm',
1567
+ locale: _zh_CN2['default']
1568
+ }, cmptPros));
1569
+ }
1570
+ };
1571
+
1572
+ _this.timePickerHandler = function (item) {
1573
+ var cmptPros = item.cmptPros;
1574
+
1575
+ return _react2['default'].createElement(_timePicker2['default'], (0, _extends3['default'])({
1576
+ format: 'HH:mm:ss'
1577
+ }, cmptPros));
1578
+ };
1579
+
1580
+ _this.monthPickerHandler = function (item) {
1581
+ var cmptPros = item.cmptPros;
1582
+
1583
+ return _react2['default'].createElement(MonthPicker, (0, _extends3['default'])({
1584
+ format: 'YYYY-MM'
1585
+ }, cmptPros));
1586
+ };
1587
+
1588
+ _this.rangePickerHandler = function (item) {
1589
+ var cmptPros = item.cmptPros;
1590
+
1591
+ return _react2['default'].createElement(RangePicker, (0, _extends3['default'])({
1592
+ locale: _zh_CN2['default'],
1593
+ style: { width: '100%' },
1594
+ format: 'YYYY-MM-DD'
1595
+ }, cmptPros));
1596
+ };
1597
+
1598
+ _this.transferHandler = function (item) {
1599
+ var cmptPros = item.cmptPros;
1600
+
1601
+ return _react2['default'].createElement(_transfer2['default'], cmptPros);
1602
+ };
1603
+
1604
+ _this.treeSelectHandler = function (item) {
1605
+ var cmptPros = item.cmptPros;
1606
+
1607
+ var treeSelectProps = {
1608
+ allowClear: true,
1609
+ showLine: true,
1610
+ showSearch: true,
1611
+ dropdownStyle: { maxHeight: 300, overflow: 'auto' },
1612
+ treeDefaultExpandAll: false,
1613
+ showCheckedStrategy: _treeSelect2['default'].SHOW_CHILD,
1614
+ searchPlaceholder: '请输入关键字或点击三角箭头展开后选择',
1615
+ treeNodeFilterProp: 'title',
1616
+ style: {
1617
+ width: '100%'
1618
+ }
1619
+ };
1620
+ return _react2['default'].createElement(_treeSelect2['default'], (0, _extends3['default'])({}, treeSelectProps, cmptPros));
1621
+ };
1622
+
1623
+ _this.radioHandler = function (item) {
1624
+ var cmptPros = item.cmptPros;
1625
+
1626
+ return _react2['default'].createElement(RadioGroup, cmptPros);
1627
+ };
1628
+
1629
+ _this.checkBoxHandler = function (item) {
1630
+ var cmptPros = item.cmptPros;
1631
+
1632
+ return _react2['default'].createElement(CheckboxGroup, cmptPros);
1633
+ };
1634
+
1635
+ _this.textAreaOnchange = function (e, maxLength) {
1636
+ if (e && e.target.value.length > maxLength) {
1637
+ _message3['default'].info('\u8F93\u5165\u5B57\u6570\u4E0D\u80FD\u8D85\u8FC7' + maxLength);
1638
+ }
1639
+ };
1640
+
1641
+ _this.textareaHandler = function (item) {
1642
+ var _item$cmptPros3 = item.cmptPros,
1643
+ cmptPros = _item$cmptPros3 === undefined ? {} : _item$cmptPros3;
1644
+
1645
+ var maxlength = void 0;
1646
+ if (cmptPros.maxLength || cmptPros.maxlength) {
1647
+ maxlength = cmptPros.maxLength || cmptPros.maxlength;
1648
+ }
1649
+ if (!cmptPros.rows) {
1650
+ cmptPros = (0, _extends3['default'])({ autosize: { minRows: 2, maxRows: 9999 } }, cmptPros);
1651
+ }
1652
+ return _react2['default'].createElement(TextArea, (0, _extends3['default'])({ onChange: function onChange(e) {
1653
+ return _this.textAreaOnchange(e, maxlength);
1654
+ } }, cmptPros));
1655
+ };
1656
+
1657
+ _this.inputNumberHandler = function (item, formItemLayout) {
1658
+ var allReadFlag = _this.props.allReadFlag;
1659
+ var getFieldDecorator = _this.props.form.getFieldDecorator;
1660
+ var cmptPros = item.cmptPros,
1661
+ label = item.label,
1662
+ fieldId = item.fieldId,
1663
+ requiredMessage = item.requiredMessage,
1664
+ required = item.required,
1665
+ value = item.value,
1666
+ disableFlag = item.disableFlag,
1667
+ formItemProps = item.formItemProps,
1668
+ readFlag = item.readFlag,
1669
+ hideLabel = item.hideLabel;
1670
+
1671
+ var addrules = [{ required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label }];
1672
+ if (cmptPros && cmptPros.rules) {
1673
+ var rules = cmptPros.rules;
1674
+
1675
+ addrules.push.apply(addrules, rules);
1676
+ }
1677
+ var afterBtns = _this.getAfterBtn(item);
1678
+ if (readFlag || allReadFlag) {
1679
+ return _react2['default'].createElement(
1680
+ FormItem,
1681
+ (0, _extends3['default'])({
1682
+ label: hideLabel ? null : label
1683
+ }, formItemLayout, formItemProps, {
1684
+ style: formItemStyle
1685
+ }),
1686
+ getFieldDecorator(fieldId + 'Easy3wView', {
1687
+ initialValue: 'easy3wView',
1688
+ rules: [{ required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label }]
1689
+ })(_react2['default'].createElement(_input2['default'], { type: 'hidden' })),
1690
+ value,
1691
+ ' ',
1692
+ afterBtns
1693
+ );
1694
+ }
1695
+ return _react2['default'].createElement(
1696
+ FormItem,
1697
+ (0, _extends3['default'])({
1698
+ label: hideLabel ? null : label
1699
+ }, formItemLayout, formItemProps, {
1700
+ style: formItemStyle
1701
+ }),
1702
+ _react2['default'].createElement(
1703
+ 'div',
1704
+ { className: (0, _classnames2['default'])(['inputNumberFormat']) },
1705
+ getFieldDecorator(fieldId, { rules: addrules, initialValue: value })(_react2['default'].createElement(_inputNumber2['default'], (0, _extends3['default'])({
1706
+ precision: 2 // 数值精度 2 保留两位小数 0 整数 可以通过cmptPros修改
1707
+ , style: { flex: 1 },
1708
+ disabled: disableFlag
1709
+ }, cmptPros))),
1710
+ cmptPros ? cmptPros.addonAfter ? _react2['default'].createElement(
1711
+ 'div',
1712
+ { className: (0, _classnames2['default'])(['ant-input-group-addon', 'addonBtns']), style: { borderRadius: '0px 4px 4px 0px' } },
1713
+ cmptPros.addonAfter
1714
+ ) : null : null,
1715
+ _react2['default'].createElement(
1716
+ 'div',
1717
+ { className: (0, _classnames2['default'])(['inputNumberBtns']) },
1718
+ afterBtns
1719
+ )
1720
+ )
1721
+ );
1722
+ };
1723
+
1724
+ _this.inputNumberFormatHandler = function (item, formItemLayout) {
1725
+ var allReadFlag = _this.props.allReadFlag;
1726
+ var getFieldDecorator = _this.props.form.getFieldDecorator;
1727
+ var cmptPros = item.cmptPros,
1728
+ label = item.label,
1729
+ fieldId = item.fieldId,
1730
+ requiredMessage = item.requiredMessage,
1731
+ required = item.required,
1732
+ value = item.value,
1733
+ disableFlag = item.disableFlag,
1734
+ formItemProps = item.formItemProps,
1735
+ readFlag = item.readFlag,
1736
+ hideLabel = item.hideLabel;
1737
+
1738
+ var addrules = [{ required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label }];
1739
+ if (cmptPros && cmptPros.rules) {
1740
+ var rules = cmptPros.rules;
1741
+
1742
+ addrules.push.apply(addrules, rules);
1743
+ }
1744
+ var afterBtns = _this.getAfterBtn(item);
1745
+ if (readFlag || allReadFlag) {
1746
+ return _react2['default'].createElement(
1747
+ FormItem,
1748
+ (0, _extends3['default'])({
1749
+ label: hideLabel ? null : label
1750
+ }, formItemLayout, formItemProps, {
1751
+ style: formItemStyle
1752
+ }),
1753
+ getFieldDecorator(fieldId + 'Easy3wView', {
1754
+ initialValue: 'easy3wView',
1755
+ rules: [{ required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label }]
1756
+ })(_react2['default'].createElement(_input2['default'], { type: 'hidden' })),
1757
+ value,
1758
+ ' ',
1759
+ afterBtns
1760
+ );
1761
+ }
1762
+ return _react2['default'].createElement(
1763
+ FormItem,
1764
+ (0, _extends3['default'])({
1765
+ label: hideLabel ? null : label
1766
+ }, formItemLayout, formItemProps, {
1767
+ style: formItemStyle
1768
+ }),
1769
+ _react2['default'].createElement(
1770
+ 'div',
1771
+ { className: (0, _classnames2['default'])(['inputNumberFormat']) },
1772
+ getFieldDecorator(fieldId, { rules: addrules, initialValue: value })(_react2['default'].createElement(_inputNumber2['default'], (0, _extends3['default'])({
1773
+ formatter: function formatter(val) {
1774
+ return ('' + val).replace(/\B(?=(\d{3})+(?!\d))/g, ',');
1775
+ },
1776
+ parser: function parser(val) {
1777
+ return val.replace(/\$\s?|(,*)/g, '');
1778
+ },
1779
+ precision: 2,
1780
+ disabled: disableFlag,
1781
+ onChange: function onChange(onChangeValue) {
1782
+ var _this$props$form$setF;
1783
+
1784
+ return _this.props.form.setFieldsValue((_this$props$form$setF = {}, _this$props$form$setF[item.fieldId] = onChangeValue, _this$props$form$setF));
1785
+ }
1786
+ }, cmptPros, {
1787
+ style: { flex: 1 }
1788
+ }))),
1789
+ cmptPros ? cmptPros.addonAfter ? _react2['default'].createElement(
1790
+ 'div',
1791
+ { className: (0, _classnames2['default'])(['ant-input-group-addon', 'addonBtns']), style: { borderRadius: '0px 4px 4px 0px' } },
1792
+ cmptPros.addonAfter
1793
+ ) : null : null,
1794
+ _react2['default'].createElement(
1795
+ 'div',
1796
+ { className: (0, _classnames2['default'])(['inputNumberBtns']) },
1797
+ afterBtns
1798
+ )
1799
+ )
1800
+ );
1801
+ };
1802
+
1803
+ _this.numberInputHandler = function (item) {
1804
+ var cmptPros = item.cmptPros;
1805
+
1806
+ return _react2['default'].createElement(_input2['default'], (0, _extends3['default'])({
1807
+ onBlur: function onBlur(e) {
1808
+ return _this.numberInputonBlur(e, item);
1809
+ },
1810
+ onChange: _this.numberInputonChange,
1811
+ onPressEnter: function onPressEnter(e) {
1812
+ return _this.numberInputonBlur(e, item);
1813
+ },
1814
+ rules: [{ pattern: /^\d+(\.\d+)?$/, message: '数字' }],
1815
+ className: (0, _classnames2['default'])(['rightText'])
1816
+ }, cmptPros));
1817
+ };
1818
+
1819
+ _this.numberInputonChange = function (e) {
1820
+ var value = e.target.value;
1821
+
1822
+ var val = _this.replaceAllNumberInput(value);
1823
+ var reg = /^-?(0|[1-9][0-9]*)(\.[0-9]*)?$/;
1824
+ if (!isNaN(val) && reg.test(val) || val === '' || val === '-') {
1825
+ // this.props.onChange(value);
1826
+ }
1827
+ };
1828
+
1829
+ _this.numberInputonBlur = function (e, item) {
1830
+ var _this$props$form$setF2;
1831
+
1832
+ var value = e.target.value;
1833
+
1834
+ if (value === '' || value === null || value === undefined) {
1835
+ return null;
1836
+ }
1837
+ _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));
1838
+ };
1839
+
1840
+ _this.replaceAllNumberInput = function (value) {
1841
+ if (typeof value !== 'string') {
1842
+ return value;
1843
+ } else {
1844
+ return Number(value.replace(/,/g, ''));
1845
+ }
1846
+ };
1847
+
1848
+ _this.mentionHandler = function (item) {
1849
+ var cmptPros = item.cmptPros;
1850
+
1851
+ return _react2['default'].createElement(_mention2['default'], cmptPros);
1852
+ };
1853
+
1854
+ _this.rateHandler = function (item) {
1855
+ var cmptPros = item.cmptPros;
1856
+
1857
+ return _react2['default'].createElement(_rate2['default'], cmptPros);
1858
+ };
1859
+
1860
+ _this.autoCompleteHandler = function (item) {
1861
+ var cmptPros = item.cmptPros;
1862
+
1863
+ return _react2['default'].createElement(_autoComplete2['default'], cmptPros);
1864
+ };
1865
+
1866
+ _this.braftEditorHandler = function (item) {
1867
+ var allReadFlag = _this.props.allReadFlag;
1868
+ var readFlag = item.readFlag,
1869
+ fieldId = item.fieldId;
1870
+ var cmptPros = item.cmptPros;
1871
+
1872
+ cmptPros = (0, _extends3['default'])({}, cmptPros);
1873
+ // const { cmptPros } = item;
1874
+ // controls={[]}
1875
+ if (readFlag || allReadFlag || cmptPros && cmptPros.readOnly) {
1876
+ cmptPros.controls = [];
1877
+ }
1878
+ return _react2['default'].createElement(_braftEditor2['default'], (0, _extends3['default'])({ readOnly: readFlag || allReadFlag, onChange: readFlag || allReadFlag ? function () {} : function (value) {
1879
+ return _this.onChangeBraftEditor(fieldId, value);
1880
+ } }, cmptPros, { style: { border: '1px solid #eee' } }));
1881
+ };
1882
+
1883
+ _this.onChangeBraftEditor = function (fieldId, value) {
1884
+ if (value && value.toHTML() !== '<p></p>') {
1885
+ var _this$props$form$setF3;
1886
+
1887
+ _this.props.form.setFieldsValue((_this$props$form$setF3 = {}, _this$props$form$setF3[fieldId] = value, _this$props$form$setF3));
1888
+ }
1889
+ };
1890
+
1891
+ _this.validateContent = function (rule, value, callback) {
1892
+ if (value.isEmpty()) {
1893
+ callback(rule.message);
1894
+ } else {
1895
+ callback();
1896
+ }
1897
+ };
1898
+
1899
+ _this.cascaderHandler = function (item) {
1900
+ var cmptPros = item.cmptPros;
1901
+
1902
+ return _react2['default'].createElement(_cascader2['default'], cmptPros);
1903
+ };
1904
+
1905
+ _this.iconHandler = function (item) {
1906
+ var cmptPros = item.cmptPros;
1907
+
1908
+ return _react2['default'].createElement(_icon2['default'], cmptPros);
1909
+ };
1910
+
1911
+ _this.strTemplateHandler = function (item) {
1912
+ var cmptPros = item.cmptPros;
1913
+ var templateArray = cmptPros.templateArray;
1914
+
1915
+ var templateArr = templateArray.map(function (obj) {
1916
+ var objArea = _this.getItemArea(obj);
1917
+ if (obj.fieldType === 'inputNumber') {
1918
+ objArea = _this.inputNumberHandler((0, _extends3['default'])({ hideLabel: true }, obj));
1919
+ // return up;
1920
+ }
1921
+ if (obj.fieldType === 'inputNumberFormat') {
1922
+ objArea = _this.inputNumberFormatHandler((0, _extends3['default'])({ hideLabel: true }, obj));
1923
+ // return up;
1924
+ }
1925
+ var itemArea = _this.getStrTemplateItem(obj, objArea);
1926
+ return itemArea;
1927
+ });
1928
+ var retObj = _react2['default'].createElement(
1929
+ _row2['default'],
1930
+ null,
1931
+ templateArr
1932
+ );
1933
+ return retObj;
1934
+ };
1935
+
1936
+ _this.descHandler = function (item) {
1937
+ var value = item.value;
1938
+
1939
+ return value;
1940
+ };
1941
+
1942
+ _this.btnHandler = function (obj) {
1943
+ var func = obj.func,
1944
+ cName = obj.cName,
1945
+ confirmContent = obj.confirmContent;
1946
+
1947
+ if (confirmContent) {
1948
+ return _react2['default'].createElement(
1949
+ _popconfirm2['default'],
1950
+ { title: confirmContent, onConfirm: function onConfirm(e) {
1951
+ return _this.onClickFunc(e, func);
1952
+ } },
1953
+ _react2['default'].createElement(
1954
+ _button2['default'],
1955
+ { className: (0, _classnames2['default'])(['e3wFootBtn']) },
1956
+ cName
1957
+ )
1958
+ );
1959
+ }
1960
+ return _react2['default'].createElement(
1961
+ _button2['default'],
1962
+ {
1963
+ onClick: function onClick(e) {
1964
+ return _this.onClickFunc(e, func);
1965
+ },
1966
+ className: (0, _classnames2['default'])(['e3wFootBtn'])
1967
+ },
1968
+ cName
1969
+ );
1970
+ };
1971
+
1972
+ _this.aHandler = function (obj) {
1973
+ var func = obj.func,
1974
+ cName = obj.cName;
1975
+
1976
+ return _react2['default'].createElement(
1977
+ 'a',
1978
+ {
1979
+ onClick: function onClick(e) {
1980
+ return _this.onClickFunc(e, func);
1981
+ },
1982
+ className: (0, _classnames2['default'])(['e3wFootBtn'])
1983
+ },
1984
+ cName
1985
+ );
1986
+ };
1987
+
1988
+ _this.strHandler = function (obj) {
1989
+ var cName = obj.cName,
1990
+ color = obj.color;
1991
+
1992
+ return _react2['default'].createElement(
1993
+ 'span',
1994
+ {
1995
+ className: (0, _classnames2['default'])(['e3wFootBtn']),
1996
+ style: { color: color || '' }
1997
+ },
1998
+ cName
1999
+ );
2000
+ };
2001
+
2002
+ _this.state = {};
2003
+ return _this;
2004
+ }
2005
+ /** 使用何种表单域 */
2006
+
2007
+ /** 获取value */
2008
+
2009
+ /** 数据脱敏 start */
2010
+ // 数据校验与脱敏
2011
+
2012
+ // 数据脱敏--显隐
2013
+
2014
+ /** 数据脱敏 end */
2015
+
2016
+ // 判断fieldType -- 解析字段类型
2017
+
2018
+ /** 获取FormItem */
2019
+
2020
+ // 检验长度前转换字段值为字符串
2021
+
2022
+ /** 获取单行 */
2023
+
2024
+ /** 单列 */
2025
+
2026
+ /** 双列 */
2027
+
2028
+ /** 三列 */
2029
+
2030
+ /** upload start */
2031
+
2032
+ /** upload end */
2033
+ /** upload start */
2034
+
2035
+ /** upload end */
2036
+ /** upload start */
2037
+
2038
+ /** upload end */
2039
+ /** input start */
2040
+
2041
+ /** input end */
2042
+ /** mobile start */
2043
+
2044
+ // 手机号录入框失去焦点
2045
+
2046
+ // 手机归属值变更
2047
+
2048
+ // 更新手机信息
2049
+
2050
+ /** mobile end */
2051
+
2052
+ /** select start */
2053
+
2054
+ /** select end */
2055
+
2056
+ /** tagSelectHandler start */
2057
+
2058
+ /** tagSelectHandler end */
2059
+
2060
+ /** slider start */
2061
+
2062
+ /** slider end */
2063
+ /** switch start */
2064
+
2065
+ /** switch end */
2066
+ /** datePicker start */
2067
+
2068
+ /** datePicker end */
2069
+ /** dateTimePicker start */
2070
+
2071
+ /** dateTimePicker end */
2072
+
2073
+ /** timePickerHandler start */
2074
+
2075
+ /** timePickerHandler end */
2076
+
2077
+ /** monthPickerHandler start */
2078
+
2079
+ /** monthPickerHandler end */
2080
+
2081
+ /** rangePickerHandler start */
2082
+
2083
+ /** rangePickerHandler end */
2084
+
2085
+ /** transferHandler start */
2086
+
2087
+ /** transferHandler end */
2088
+ /** treeSelect start */
2089
+
2090
+ /** treeSelect end */
2091
+
2092
+ /** radio start */
2093
+
2094
+ /** radio end */
2095
+
2096
+ /** checkBox start */
2097
+
2098
+ /** checkBox end */
2099
+
2100
+ /** textarea start */
2101
+
2102
+ /** textarea end */
2103
+
2104
+ /** inputNumber start */
2105
+
2106
+ /** inputNumber end */
2107
+
2108
+ /** inputNumber start */
2109
+
2110
+ /** inputNumber end */
2111
+
2112
+ /** numberInput start */
2113
+ // numberInputHandler = (item) => {
2114
+ // return (
2115
+ // <NumberFormat
2116
+ // thousandSeparator
2117
+ // allowNegative={false}
2118
+ // decimalScale={2}
2119
+ // customInput={Input}
2120
+ // style={{ textAlign: 'right' }}
2121
+ // {...item}
2122
+ // {...item.cmptPros}
2123
+ // />
2124
+ // );
2125
+ // }
2126
+
2127
+ /** numberInput end */
2128
+
2129
+ /** mention start */
2130
+
2131
+ /** mention end */
2132
+
2133
+ /** rate start */
2134
+
2135
+ /** rate end */
2136
+
2137
+ /** autoComplete start */
2138
+
2139
+ /** autoComplete end */
2140
+
2141
+ /** braftEditor start */
2142
+
2143
+ // BraftEditor数据变更
2144
+
2145
+ // 文章内容校验
2146
+
2147
+ /** braftEditor end */
2148
+
2149
+ /** cascader start */
2150
+
2151
+ /** cascader end */
2152
+ /** iconHandler start */
2153
+
2154
+ /** iconHandler end */
2155
+ /** strTemplate start */
2156
+
2157
+ /** strTemplate end */
2158
+ /** descHandler start */
2159
+
2160
+ /** descHandler end */
2161
+
2162
+ /** btnHandler start */
2163
+
2164
+ /** btnHandler end */
2165
+
2166
+ /** aHandler start */
2167
+
2168
+ /** aHandler end */
2169
+
2170
+ /** strHandler start */
2171
+
2172
+
2173
+ /** strHandler end */
2174
+
2175
+ Easy3wFormPage.prototype.render = function render() {
2176
+ return this.getAllForms();
2177
+ };
2178
+
2179
+ return Easy3wFormPage;
2180
+ }(_react.Component);
2181
+
2182
+ exports['default'] = (0, _dva.connect)(function (state) {
2183
+ return {
2184
+ loadingFlag: state.loading
2185
+ };
2186
+ })(Easy3wFormPage);
2187
+ module.exports = exports['default'];