easy3wui 1.5.21 → 1.5.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (70) hide show
  1. package/package.json +1 -1
  2. package/assets/btn.css +0 -17
  3. package/assets/captcha.css +0 -5
  4. package/assets/card.css +0 -34
  5. package/assets/exception.css +0 -76
  6. package/assets/flow.css +0 -860
  7. package/assets/formPage.css +0 -15
  8. package/assets/globalFooter.css +0 -26
  9. package/assets/globalHeader.css +0 -69
  10. package/assets/gridPage.css +0 -93
  11. package/assets/index.css +0 -1454
  12. package/assets/login.css +0 -61
  13. package/assets/loginLayout.css +0 -115
  14. package/assets/modal.css +0 -0
  15. package/assets/result.css +0 -45
  16. package/assets/userLayout.css +0 -70
  17. package/lib/Easy3wA/index.js +0 -100
  18. package/lib/Easy3wAESDecrypt/index.js +0 -21
  19. package/lib/Easy3wAESEncrypt/index.js +0 -20
  20. package/lib/Easy3wBlankLayout/index.js +0 -114
  21. package/lib/Easy3wButton/index.js +0 -265
  22. package/lib/Easy3wButtonOne/index.js +0 -148
  23. package/lib/Easy3wCaHandler/index.js +0 -206
  24. package/lib/Easy3wCaptcha/index.js +0 -145
  25. package/lib/Easy3wCard/index.js +0 -66
  26. package/lib/Easy3wDictCode/index.js +0 -50
  27. package/lib/Easy3wDownLoad/Easy3wFileView.js +0 -82
  28. package/lib/Easy3wDownLoad/Easy3wImgView.js +0 -73
  29. package/lib/Easy3wDownLoad/Easy3wPDFView.js +0 -139
  30. package/lib/Easy3wDownLoad/Easy3wRCView.js +0 -65
  31. package/lib/Easy3wDownLoad/index.js +0 -315
  32. package/lib/Easy3wException/403.js +0 -21
  33. package/lib/Easy3wException/404.js +0 -21
  34. package/lib/Easy3wException/500.js +0 -21
  35. package/lib/Easy3wException/index.js +0 -94
  36. package/lib/Easy3wException/typeConfig.js +0 -23
  37. package/lib/Easy3wFlow/index.js +0 -546
  38. package/lib/Easy3wFormPage/index.js +0 -1591
  39. package/lib/Easy3wGetCookie/index.js +0 -14
  40. package/lib/Easy3wGlobalFooter/index.js +0 -73
  41. package/lib/Easy3wGlobalHeader/index.js +0 -148
  42. package/lib/Easy3wGridCheckBox/index.js +0 -69
  43. package/lib/Easy3wGridDatePicker/index.js +0 -90
  44. package/lib/Easy3wGridDateTimePicker/index.js +0 -122
  45. package/lib/Easy3wGridInput/index.js +0 -85
  46. package/lib/Easy3wGridInputNumber/index.js +0 -83
  47. package/lib/Easy3wGridInputNumberFormat/index.js +0 -93
  48. package/lib/Easy3wGridPage/index.js +0 -593
  49. package/lib/Easy3wGridRadio/index.js +0 -70
  50. package/lib/Easy3wGridSelect/index.js +0 -93
  51. package/lib/Easy3wGridTextArea/index.js +0 -84
  52. package/lib/Easy3wInput/index.js +0 -48
  53. package/lib/Easy3wLogin/index.js +0 -386
  54. package/lib/Easy3wLoginLayout/index.js +0 -628
  55. package/lib/Easy3wModal/index.js +0 -143
  56. package/lib/Easy3wPositionButton/index.js +0 -99
  57. package/lib/Easy3wQryGrid/index.js +0 -670
  58. package/lib/Easy3wResult/index.js +0 -77
  59. package/lib/Easy3wSetCookie/index.js +0 -13
  60. package/lib/Easy3wSpin/index.js +0 -69
  61. package/lib/Easy3wTabs/index.js +0 -89
  62. package/lib/Easy3wTagSelect/index.js +0 -238
  63. package/lib/Easy3wTagSelect/index.less +0 -120
  64. package/lib/Easy3wUpload/index.js +0 -507
  65. package/lib/Easy3wUploadB/index copy 2.js +0 -1011
  66. package/lib/Easy3wUploadB/index copy.js +0 -1020
  67. package/lib/Easy3wUploadB/index.js +0 -1039
  68. package/lib/Easy3wUploadM/index.js +0 -506
  69. package/lib/Easy3wUserLayout/index.js +0 -138
  70. package/lib/index.js +0 -383
@@ -1,1039 +0,0 @@
1
- 'use strict';
2
-
3
- exports.__esModule = true;
4
-
5
- var _extends2 = require('babel-runtime/helpers/extends');
6
-
7
- var _extends3 = _interopRequireDefault(_extends2);
8
-
9
- var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
10
-
11
- var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
12
-
13
- var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
14
-
15
- var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
16
-
17
- var _inherits2 = require('babel-runtime/helpers/inherits');
18
-
19
- var _inherits3 = _interopRequireDefault(_inherits2);
20
-
21
- var _react = require('react');
22
-
23
- var _react2 = _interopRequireDefault(_react);
24
-
25
- var _propTypes = require('prop-types');
26
-
27
- var _propTypes2 = _interopRequireDefault(_propTypes);
28
-
29
- var _form = require('antd/lib/form');
30
-
31
- var _form2 = _interopRequireDefault(_form);
32
-
33
- require('antd/lib/form/style');
34
-
35
- var _upload = require('antd/lib/upload');
36
-
37
- var _upload2 = _interopRequireDefault(_upload);
38
-
39
- require('antd/lib/upload/style');
40
-
41
- var _icon = require('antd/lib/icon');
42
-
43
- var _icon2 = _interopRequireDefault(_icon);
44
-
45
- require('antd/lib/icon/style');
46
-
47
- var _button = require('antd/lib/button');
48
-
49
- var _button2 = _interopRequireDefault(_button);
50
-
51
- require('antd/lib/button/style');
52
-
53
- var _progress = require('antd/lib/progress');
54
-
55
- var _progress2 = _interopRequireDefault(_progress);
56
-
57
- require('antd/lib/progress/style');
58
-
59
- var _popover = require('antd/lib/popover');
60
-
61
- var _popover2 = _interopRequireDefault(_popover);
62
-
63
- require('antd/lib/popover/style');
64
-
65
- var _superagent = require('superagent');
66
-
67
- var _superagent2 = _interopRequireDefault(_superagent);
68
-
69
- var _sparkMd = require('spark-md5');
70
-
71
- var _sparkMd2 = _interopRequireDefault(_sparkMd);
72
-
73
- var _modal = require('antd/lib/modal');
74
-
75
- var _modal2 = _interopRequireDefault(_modal);
76
-
77
- require('antd/lib/modal/style');
78
-
79
- var _comonConfig = require('comonConfigPath/comonConfig');
80
-
81
- var _Easy3wDownLoad = require('../Easy3wDownLoad');
82
-
83
- var _Easy3wDownLoad2 = _interopRequireDefault(_Easy3wDownLoad);
84
-
85
- var _Easy3wAESEncrypt = require('../Easy3wAESEncrypt');
86
-
87
- var _Easy3wAESEncrypt2 = _interopRequireDefault(_Easy3wAESEncrypt);
88
-
89
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
90
-
91
- var _ref = _comonConfig.objPreviewFile || {},
92
- previewFileUrl = _ref.previewFileUrl,
93
- previewFileFlag = _ref.previewFileFlag,
94
- previewFileType = _ref.previewFileType;
95
-
96
- var formItemStyle = {
97
- marginBottom: 6
98
- };
99
- function Easy3wGetCookie(name) {
100
- var arr = void 0;
101
- var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)');
102
- if (arr = document.cookie.match(reg)) {
103
- return unescape(arr[2]);
104
- } else {
105
- return null;
106
- }
107
- }
108
-
109
- var BigFileUpload = function (_Component) {
110
- (0, _inherits3['default'])(BigFileUpload, _Component);
111
-
112
- function BigFileUpload(props) {
113
- (0, _classCallCheck3['default'])(this, BigFileUpload);
114
-
115
- var _this = (0, _possibleConstructorReturn3['default'])(this, _Component.call(this, props));
116
-
117
- _initialiseProps.call(_this);
118
-
119
- var initialValue = _this.props.initialValue;
120
-
121
- _this.state = {
122
- preUploading: false, // 文件预处理中
123
- uploadPercent: -1, // 上传率
124
- preUploadPercent: -1, // 预处理率
125
- uploadRequest: false, // 上传校验
126
- uploading: false, // 文件上传中状态
127
- cancelStatus: false, // 取消状态
128
- loading: false, // 上传是否可用
129
- fileList: initialValue && initialValue.length > 0 ? _this.iniValDeal(initialValue) : [], // 上传附件信息
130
- chunkProgressStatus: 'active',
131
- currentFile: null, // 当前附件
132
- uploadData: null, // 上传的数据
133
- iniSetedFlag: false, // 是否初始化
134
- CUSize: 0, // 当前上传附件大小
135
- speed: 0 // 上传速率
136
- };
137
- return _this;
138
- }
139
-
140
- BigFileUpload.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
141
- var iniSetedFlag = this.state.iniSetedFlag;
142
-
143
- if (!iniSetedFlag) {
144
- var initialValue = nextProps.initialValue;
145
- var fileList = this.state.fileList;
146
-
147
- if (fileList && fileList.length > 0) {
148
- return;
149
- }
150
- if (initialValue && initialValue.length > 0) {
151
- var iniVal = this.iniValDeal(initialValue);
152
- this.setState((0, _extends3['default'])({}, this.state, {
153
- iniSetedFlag: true,
154
- fileList: iniVal
155
- }));
156
- }
157
- }
158
- };
159
- // 预览
160
-
161
- // url处理
162
-
163
-
164
- BigFileUpload.prototype.render = function render() {
165
- var _this2 = this;
166
-
167
- var _props = this.props,
168
- name = _props.name,
169
- listType = _props.listType,
170
- accept = _props.accept,
171
- required = _props.required,
172
- help = _props.help,
173
- buttonName = _props.buttonName,
174
- form = _props.form,
175
- isRead = _props.isRead,
176
- label = _props.label,
177
- className = _props.className,
178
- labelCol = _props.labelCol,
179
- wrapperCol = _props.wrapperCol,
180
- showUploadList = _props.showUploadList,
181
- urlDownloadFile = _props.urlDownloadFile,
182
- initialValue = _props.initialValue,
183
- propsAFlag = _props.propsAFlag;
184
- var _state = this.state,
185
- preUploading = _state.preUploading,
186
- uploadPercent = _state.uploadPercent,
187
- preUploadPercent = _state.preUploadPercent,
188
- uploadRequest = _state.uploadRequest,
189
- uploading = _state.uploading;
190
- var getFieldDecorator = form.getFieldDecorator;
191
-
192
- var uploadProp = {
193
- // name,
194
- listType: listType,
195
- showUploadList: showUploadList,
196
- accept: accept,
197
- onRemove: function onRemove(file) {
198
- var _state2 = _this2.state,
199
- fileList = _state2.fileList,
200
- currentFile = _state2.currentFile;
201
- var iniSetedFlag = _this2.state.iniSetedFlag;
202
-
203
- if (!iniSetedFlag) {
204
- iniSetedFlag = true;
205
- }
206
- var index = fileList.indexOf(file);
207
- if (index >= 0) {
208
- fileList.splice(index, 1);
209
- }
210
- if (fileList.length === 0) {
211
- _this2.setState((0, _extends3['default'])({}, _this2.state, {
212
- cancelStatus: true,
213
- loading: false,
214
- fileList: fileList,
215
- iniSetedFlag: iniSetedFlag
216
- }), function () {
217
- _this2.setUploadValue(fileList);
218
- });
219
- return;
220
- }
221
- if (currentFile && currentFile.uid) {
222
- if (file.uid === currentFile.uid) {
223
- _this2.setState((0, _extends3['default'])({}, _this2.state, {
224
- cancelStatus: true,
225
- loading: false,
226
- fileList: fileList,
227
- currentFile: null,
228
- iniSetedFlag: iniSetedFlag
229
- }), function () {
230
- _this2.setUploadValue(fileList);
231
- });
232
- } else {
233
- _this2.setState((0, _extends3['default'])({}, _this2.state, {
234
- cancelStatus: false,
235
- loading: true,
236
- fileList: fileList,
237
- iniSetedFlag: iniSetedFlag
238
- }), function () {
239
- _this2.setUploadValue(fileList);
240
- });
241
- }
242
- } else {
243
- _this2.setState((0, _extends3['default'])({}, _this2.state, {
244
- cancelStatus: true,
245
- loading: false,
246
- fileList: fileList,
247
- iniSetedFlag: iniSetedFlag
248
- }), function () {
249
- _this2.setUploadValue(fileList);
250
- });
251
- }
252
- return true;
253
- },
254
- beforeUpload: function beforeUpload(file) {
255
- var fileTypePass = true;
256
- var fileNameArr = file.name.toLowerCase().split('.');
257
- var fileType = fileNameArr[fileNameArr.length - 1];
258
- if (accept && accept.length > 0) {
259
- if (accept.indexOf(fileType) < 0) {
260
- fileTypePass = false;
261
- }
262
- }
263
- if (!fileTypePass) {
264
- _modal2['default'].error({
265
- style: { top: '38%' },
266
- content: '\u4E0D\u652F\u6301' + fileType + '\u7C7B\u578B\u7684\u6587\u4EF6!'
267
- });
268
- return false;
269
- }
270
- if (file.size === 0) {
271
- _modal2['default'].error({
272
- style: { top: '38%' },
273
- content: '附件必须大于0MB!'
274
- });
275
- return false;
276
- }
277
- var multiple = _this2.props.multiple;
278
- var _state3 = _this2.state,
279
- fileList = _state3.fileList,
280
- iniSetedFlag = _state3.iniSetedFlag;
281
-
282
- if (!iniSetedFlag) {
283
- iniSetedFlag = true;
284
- }
285
- if (!multiple) {
286
- fileList = [file];
287
- } else {
288
- fileList.push(file);
289
- }
290
- if (!iniSetedFlag) {
291
- iniSetedFlag = true;
292
- }
293
- // 首先清除一下各种上传的状态
294
- _this2.setState((0, _extends3['default'])({}, _this2.state, {
295
- fileList: fileList,
296
- currentFile: file,
297
- preUploading: true, // 预处理中
298
- uploading: false, // 上传中
299
- uploadRequest: false, // 上传预处理
300
- uploadPercent: -1,
301
- preUploadPercent: -1,
302
- chunkProgressStatus: 'active',
303
- cancelStatus: false, // 取消状态
304
- CUSize: 0, // 当前附件上传大小
305
- loading: true, // 禁用上传
306
- iniSetedFlag: iniSetedFlag
307
- }), function () {
308
- setImmediate(_this2.readFile, file);
309
- });
310
- return false;
311
- },
312
- fileList: this.state.fileList
313
- };
314
- if (previewFileFlag) {
315
- uploadProp.onPreview = this.onPreview;
316
- }
317
- if (isRead) {
318
- uploadProp.children = true;
319
- }
320
- return isRead ? _react2['default'].createElement(
321
- _form2['default'].Item,
322
- {
323
- label: label,
324
- className: className,
325
- labelCol: labelCol,
326
- wrapperCol: wrapperCol,
327
- style: formItemStyle
328
- },
329
- getFieldDecorator('' + name, {})(_react2['default'].createElement(_Easy3wDownLoad2['default'], {
330
- pdfViewFlag: true,
331
- imgVisible: true,
332
- urlDownloadFile: urlDownloadFile,
333
- downloadArr: initialValue,
334
- propsAFlag: propsAFlag
335
- }))
336
- ) : _react2['default'].createElement(
337
- _form2['default'].Item,
338
- {
339
- label: label,
340
- className: className,
341
- labelCol: labelCol,
342
- wrapperCol: wrapperCol,
343
- style: formItemStyle
344
- },
345
- _react2['default'].createElement(
346
- 'div',
347
- null,
348
- getFieldDecorator('' + name, {
349
- initialValue: this.state.fileList,
350
- rules: [{ validator: this.requiredFile }, { required: required, message: help }]
351
- })(_react2['default'].createElement(
352
- _upload2['default'],
353
- (0, _extends3['default'])({}, uploadProp, {
354
- disabled: this.state.loading
355
- }),
356
- _react2['default'].createElement(
357
- _popover2['default'],
358
- {
359
- placement: 'right',
360
- content: _react2['default'].createElement(
361
- 'div',
362
- { style: { padding: '4px 0' } },
363
- _react2['default'].createElement(
364
- 'span',
365
- { style: { color: '#5468b2', width: 200, height: 300 } },
366
- help
367
- )
368
- ),
369
- arrowPointAtCenter: true,
370
- style: { width: 200, height: 'auto' }
371
- },
372
- _react2['default'].createElement(
373
- _button2['default'],
374
- null,
375
- _react2['default'].createElement(_icon2['default'], { type: 'upload' }),
376
- ' ',
377
- buttonName
378
- )
379
- )
380
- )),
381
- !this.state.cancelStatus && preUploading ? _react2['default'].createElement(
382
- 'div',
383
- null,
384
- _react2['default'].createElement(
385
- 'span',
386
- { style: { margin: '10px auto', color: '#1890ff' } },
387
- '\u6587\u4EF6\u8BFB\u53D6\u4E2D...'
388
- ),
389
- _react2['default'].createElement(
390
- 'div',
391
- { style: { width: '90%' } },
392
- _react2['default'].createElement(_progress2['default'], { width: 80, percent: preUploadPercent, status: 'active' })
393
- )
394
- ) : '',
395
- !this.state.cancelStatus && this.state.fileList.length > 0 && !!uploadRequest && _react2['default'].createElement(
396
- 'span',
397
- { style: { margin: '10px auto', color: '#1890ff' } },
398
- '\u6587\u4EF6\u6821\u9A8C\u4E2D...'
399
- ),
400
- !this.state.cancelStatus && this.state.fileList.length > 0 && uploadPercent >= 0 && uploadPercent < 100 && _react2['default'].createElement(
401
- 'div',
402
- null,
403
- !!uploading && _react2['default'].createElement(
404
- 'span',
405
- { style: { margin: '10px auto', color: '#1890ff' } },
406
- '\u6587\u4EF6\u4E0A\u4F20\u4E2D(',
407
- Math.floor(this.state.speed / 1024),
408
- 'KB/S)'
409
- ),
410
- this.state.chunkProgressStatus === 'exception' ? _react2['default'].createElement(
411
- 'div',
412
- { style: { width: '90%' } },
413
- _react2['default'].createElement(_progress2['default'], { percent: uploadPercent, size: 'small', status: this.state.chunkProgressStatus })
414
- ) : _react2['default'].createElement(
415
- 'div',
416
- { style: { width: '90%' } },
417
- _react2['default'].createElement(_progress2['default'], { percent: uploadPercent, size: 'small' })
418
- )
419
- )
420
- )
421
- );
422
- };
423
-
424
- return BigFileUpload;
425
- }(_react.Component);
426
-
427
- BigFileUpload.propTypes = {
428
- name: _propTypes2['default'].string.isRequired, // 上传名称
429
- sendData: _propTypes2['default'].object, // 传送数据接口
430
- initialValue: _propTypes2['default'].array, // 初始值
431
- urlUpBigFileGeneral: _propTypes2['default'].string.isRequired, // 上传附件服务地址
432
- urlCheckProgress: _propTypes2['default'].string.isRequired, // 检查附件地址
433
- urlDownloadFile: _propTypes2['default'].string.isRequired, // 下载附件地址
434
- required: _propTypes2['default'].bool, // 是否必须
435
- help: _propTypes2['default'].string, // 后台附件服务地址
436
- limitChunkSize: _propTypes2['default'].number, // 分片大小
437
- listType: _propTypes2['default'].string, // 附件类型
438
- accept: _propTypes2['default'].string, // 接受类型
439
- buttonName: _propTypes2['default'].string, // 上传名称
440
- isRead: _propTypes2['default'].bool, // 是否只读
441
- label: _propTypes2['default'].string, // lable名称
442
- className: _propTypes2['default'].string, // CSS类名
443
- labelCol: _propTypes2['default'].object, // CSS类名
444
- wrapperCol: _propTypes2['default'].object, // CSS类名
445
- multiple: _propTypes2['default'].bool, // 是否多附件
446
- readFileSize: _propTypes2['default'].number // 读取文件大小
447
- };
448
- BigFileUpload.defaultProps = {
449
- initialValue: [],
450
- listType: 'text',
451
- accept: '',
452
- limitChunkSize: 1024 * 1024, // 不限定单位 默认单位byte 1024KB
453
- buttonName: '选择附件',
454
- help: '请上传附件',
455
- required: true,
456
- isRead: false,
457
- label: '',
458
- multiple: false, // 默认单附件上传
459
- className: '',
460
- labelCol: {},
461
- wrapperCol: {},
462
- readFileSize: 10 * 1024 * 1024, // 默认最小10MB
463
- sendData: {}
464
- };
465
-
466
- var _initialiseProps = function _initialiseProps() {
467
- var _this3 = this;
468
-
469
- this.onPreview = function (file) {
470
- var uid = file.uid,
471
- url = file.url,
472
- name = file.name;
473
-
474
- var fileNameArr = name.toLowerCase().split('.');
475
- var fileType = fileNameArr[fileNameArr.length - 1];
476
- if (previewFileType.indexOf(fileType) >= 0) {
477
- // const src = previewFileUrl + uid;
478
- var src = _this3.urlDeal(previewFileUrl, uid);
479
- window.open(src, '_blank');
480
- } else {
481
- window.open(url);
482
- }
483
- };
484
-
485
- this.setUploadValue = function (v) {
486
- var _setFieldsValue;
487
-
488
- var _props2 = _this3.props,
489
- form = _props2.form,
490
- name = _props2.name;
491
- var setFieldsValue = form.setFieldsValue;
492
-
493
- setFieldsValue((_setFieldsValue = {}, _setFieldsValue[name] = v, _setFieldsValue));
494
- };
495
-
496
- this.iniValDeal = function (initialValue) {
497
- var urlDownloadFile = _this3.props.urlDownloadFile;
498
-
499
- var iniVal = initialValue.map(function (obj) {
500
- var uid = obj.uid,
501
- name = obj.name;
502
- // const url = `${urlDownloadFile}${uid}`;
503
-
504
- var url = _this3.urlDeal(urlDownloadFile, uid);
505
- var status = 'done';
506
- return { uid: uid, name: name, url: url, status: status };
507
- });
508
- return iniVal;
509
- };
510
-
511
- this.checkFile = function (uploadParams) {
512
- _this3.setState({ uploadRequest: true });
513
- var formData = new FormData();
514
- var authToken = Easy3wGetCookie('userToken') || '40572da23bee5fd59cc5b6c8d8bfb36d';
515
- var _props3 = _this3.props,
516
- name = _props3.name,
517
- urlCheckProgress = _props3.urlCheckProgress,
518
- urlDownloadFile = _props3.urlDownloadFile,
519
- uploadDoneCallback = _props3.uploadDoneCallback;
520
-
521
- formData.append('sendTime', new Date().getTime());
522
- formData.append('appType', '01');
523
- formData.append('authToken', authToken);
524
- formData.append('devId', '');
525
- formData.append('data', JSON.stringify({ uploadParams: uploadParams }));
526
- formData.append('sign', '2959f1aea8db0f7fbba61f0f8474d0ef');
527
- _superagent2['default'].post('' + urlCheckProgress).send(formData).withCredentials().end(function (err, res) {
528
- if (err) {
529
- var _state4 = _this3.state,
530
- fileList = _state4.fileList,
531
- currentFile = _state4.currentFile;
532
-
533
- var index = fileList.indexOf(currentFile);
534
- if (index >= 0) {
535
- fileList.splice(index, 1);
536
- _this3.setState((0, _extends3['default'])({}, _this3.state, {
537
- fileList: fileList,
538
- cancelStatus: true,
539
- loading: false
540
- }), function () {
541
- _this3.setUploadValue(fileList);
542
- });
543
- }
544
- if (err.timeout) {
545
- _modal2['default'].error({
546
- style: { top: '38%' },
547
- content: '网络超时,上传失败,请检查网络后,重新续传。'
548
- });
549
- } else {
550
- _modal2['default'].error({
551
- style: { top: '38%' },
552
- content: '服务请求异常,请重试'
553
- });
554
- }
555
- return;
556
- }
557
- _this3.setState({ uploadRequest: false });
558
- if (res.body.rspCode === '0000' && res.body.data) {
559
- var _res$body$data = res.body.data,
560
- uploadStatus = _res$body$data.uploadStatus,
561
- uploadedSize = _res$body$data.uploadedSize,
562
- fileId = _res$body$data.fileId,
563
- uid = _res$body$data.uid;
564
- var _fileList = _this3.state.fileList;
565
-
566
- var fileInfo = {};
567
- if (uploadStatus === '1') {
568
- // 上传完成
569
- var newList = _fileList.map(function (item) {
570
- var tempData = item;
571
- if (uid === item.uid) {
572
- tempData.uid = fileId;
573
- tempData.fileId = fileId;
574
- tempData.url = '' + urlDownloadFile + fileId;
575
- tempData.status = 'done';
576
- tempData.fileName = tempData.name;
577
- fileInfo = tempData;
578
- }
579
- return tempData;
580
- });
581
- _this3.setState((0, _extends3['default'])({}, _this3.state, {
582
- uploadPercent: 100, // 不显示进度条
583
- loading: false,
584
- fileList: newList,
585
- currentFile: null
586
- }), function () {
587
- _this3.setUploadValue(newList);
588
- if (uploadDoneCallback) {
589
- uploadDoneCallback(name, fileInfo, newList);
590
- }
591
- });
592
- } else {
593
- var uploadPercent = 0;
594
- for (var _index = 0; _index < _fileList.length; _index += 1) {
595
- var file = _fileList[_index];
596
- if (uid === file.uid) {
597
- var size = file.size;
598
-
599
- var tempSize = Number(uploadedSize);
600
- uploadPercent = Math.floor(tempSize / size * 100 * 10) / 10;
601
- _this3.setState({
602
- uploadPercent: uploadPercent,
603
- CUSize: tempSize
604
- }, function () {
605
- setImmediate(_this3.handlePartUpload);
606
- });
607
- break;
608
- }
609
- }
610
- }
611
- } else if (res.body.rspMsg) {
612
- _modal2['default'].error({
613
- style: { top: '38%' },
614
- content: res.body.rspMsg
615
- });
616
- var _state5 = _this3.state,
617
- _fileList2 = _state5.fileList,
618
- _currentFile = _state5.currentFile;
619
-
620
- var _index2 = _fileList2.indexOf(_currentFile);
621
- if (_index2 >= 0) {
622
- _fileList2.splice(_index2, 1);
623
- _this3.setState((0, _extends3['default'])({}, _this3.state, { fileList: _fileList2, loading: false }), function () {
624
- _this3.setUploadValue(_fileList2);
625
- });
626
- }
627
- }
628
- });
629
- };
630
-
631
- this.handlePartUpload = function (sIndex, eIndex) {
632
- try {
633
- var _state6 = _this3.state,
634
- currentFile = _state6.currentFile,
635
- CUSize = _state6.CUSize,
636
- cancelStatus = _state6.cancelStatus,
637
- uploadData = _state6.uploadData,
638
- loading = _state6.loading,
639
- speed = _state6.speed;
640
-
641
- if (cancelStatus) {
642
- if (loading) {
643
- _this3.setState((0, _extends3['default'])({}, _this3.state, { loading: false }));
644
- }
645
- return;
646
- }
647
- var uploadPercent = _this3.state.uploadPercent;
648
-
649
- if (uploadPercent === 100) {
650
- _this3.setState((0, _extends3['default'])({}, _this3.state, { loading: false }));
651
- return;
652
- }
653
- var uploadFileReader = new FileReader();
654
- var blobSlice = File.prototype.slice || File.prototype.mozSlice || File.prototype.webkitSlice;
655
- var chunkCheckErr = false;
656
- var _props4 = _this3.props,
657
- name = _props4.name,
658
- limitChunkSize = _props4.limitChunkSize,
659
- sendData = _props4.sendData,
660
- uploadCallback = _props4.uploadCallback,
661
- uploadDoneCallback = _props4.uploadDoneCallback,
662
- urlUpBigFileGeneral = _props4.urlUpBigFileGeneral,
663
- urlDownloadFile = _props4.urlDownloadFile;
664
-
665
- var chunkSize = 0;
666
- if (typeof limitChunkSize === 'string') {
667
- if (limitChunkSize.toLowerCase().indexOf('k') !== -1) {
668
- var temp = limitChunkSize.substring(0, limitChunkSize.toLowerCase().indexOf('k'));
669
- chunkSize = Number(temp) * 1024;
670
- } else if (limitChunkSize.toLowerCase().indexOf('m') !== -1) {
671
- var _temp = limitChunkSize.substring(0, limitChunkSize.toLowerCase().indexOf('m'));
672
- chunkSize = Number(_temp) * 1024 * 1024;
673
- } else {
674
- chunkSize = Number(limitChunkSize);
675
- }
676
- } else {
677
- chunkSize = limitChunkSize;
678
- }
679
- var fileSize = currentFile.size;
680
- var end = 0;
681
- // 如果速率大于0 使用当前速率上传
682
- if (speed > chunkSize) {
683
- if (fileSize - CUSize > speed) {
684
- end = CUSize + speed;
685
- } else {
686
- end = fileSize;
687
- }
688
- } else if (fileSize - CUSize > chunkSize) {
689
- end = CUSize + chunkSize;
690
- } else {
691
- end = fileSize;
692
- }
693
- var start = CUSize;
694
- if (sIndex && sIndex > 0 && eIndex && eIndex > 0) {
695
- end = eIndex;
696
- start = sIndex;
697
- }
698
- uploadFileReader.onload = function (e) {
699
- if (chunkCheckErr) {
700
- return;
701
- }
702
- var mainFileSpark = new _sparkMd2['default'].ArrayBuffer(); // 对arrayBuffer数据进行md5加密,产生一个md5字符串 主文件
703
- mainFileSpark.append(e.target.result);
704
- var chunkMD5 = mainFileSpark.end();
705
- // 上传附件
706
- var file = uploadData.file;
707
-
708
- var formData = new FormData();
709
- var authToken = Easy3wGetCookie('userToken') || '40572da23bee5fd59cc5b6c8d8bfb36d';
710
- var blob = new Blob([e.target.result], { type: 'application/octet-stream' });
711
- var postParam = (0, _extends3['default'])({ fileInfo: file }, sendData, { currentSize: end, startSize: start, chunkMD5: chunkMD5 });
712
- formData.append('chunk', blob);
713
- formData.append('sendTime', new Date().getTime());
714
- formData.append('appType', '01');
715
- formData.append('authToken', authToken);
716
- formData.append('data', JSON.stringify(postParam));
717
- formData.append('sign', '2959f1aea8db0f7fbba61f0f8474d0ef');
718
- var startTime = new Date().getTime();
719
- _superagent2['default'].post('' + urlUpBigFileGeneral).send(formData).withCredentials().end(function (err, res) {
720
- if (err) {
721
- var fileList = _this3.state.fileList;
722
-
723
- var index = fileList.indexOf(currentFile);
724
- if (index >= 0) {
725
- fileList.splice(index, 1);
726
- _this3.setState((0, _extends3['default'])({}, _this3.state, {
727
- fileList: fileList,
728
- cancelStatus: true,
729
- loading: false
730
- }), function () {
731
- _this3.setUploadValue(fileList);
732
- });
733
- }
734
- if (err.timeout) {
735
- _modal2['default'].error({
736
- style: { top: '38%' },
737
- content: '网络超时,上传失败,请检查网络后,重新续传。'
738
- });
739
- } else {
740
- _modal2['default'].error({
741
- style: { top: '38%' },
742
- content: '服务请求异常,请重试'
743
- });
744
- }
745
- return;
746
- }
747
- var size = e.target.result.byteLength;
748
- blob = null;
749
- formData = null;
750
- if (res && res.body.rspCode === '0000') {
751
- var _res$body$data2 = res.body.data,
752
- uploadStatus = _res$body$data2.uploadStatus,
753
- fileId = _res$body$data2.fileId,
754
- checkStatus = _res$body$data2.checkStatus,
755
- uploadedSize = _res$body$data2.uploadedSize,
756
- startIndex = _res$body$data2.startIndex,
757
- endIndex = _res$body$data2.endIndex;
758
-
759
- var useTime = (new Date().getTime() - startTime) / 1000; // 用时秒
760
- var upSize = Number(uploadedSize);
761
- // 1秒传输速率
762
- var curSpeed = Math.floor(1 / useTime * size);
763
- if (checkStatus && checkStatus === 'RETRY') {
764
- _this3.setState((0, _extends3['default'])({}, _this3.state, {
765
- speed: curSpeed
766
- }), function () {
767
- setImmediate(_this3.handlePartUpload, startIndex, endIndex);
768
- });
769
- return;
770
- }
771
- // 计算上传进度
772
- uploadPercent = Math.floor(upSize / fileSize * 100 * 10) / 10;
773
- if (checkStatus === '0') {
774
- chunkCheckErr = true;
775
- }
776
- var chunkProgressStatus = 'active';
777
- if (uploadPercent >= 100) {
778
- var _fileList3 = _this3.state.fileList;
779
-
780
- if (uploadStatus === '1' && checkStatus === '1') {
781
- // 上传并验证完毕
782
- var fileInfo = null;
783
- chunkProgressStatus = 'active';
784
- var newList = _fileList3.map(function (item) {
785
- var tempData = item;
786
- if (currentFile && currentFile.uid === item.uid) {
787
- tempData.uid = fileId;
788
- tempData.fileId = fileId;
789
- tempData.url = '' + urlDownloadFile + fileId;
790
- tempData.status = 'done';
791
- tempData.fileName = tempData.name;
792
- fileInfo = tempData;
793
- }
794
- return tempData;
795
- });
796
- _this3.setState((0, _extends3['default'])({}, _this3.state, {
797
- uploadPercent: uploadPercent,
798
- uploading: false,
799
- loading: false,
800
- chunkProgressStatus: chunkProgressStatus,
801
- CUSize: upSize,
802
- fileList: newList,
803
- currentFile: null,
804
- speed: curSpeed
805
- }), function () {
806
- _this3.setUploadValue(newList);
807
- });
808
- if (uploadCallback && typeof uploadCallback === 'function') {
809
- uploadCallback(newList);
810
- }
811
- if (uploadDoneCallback) {
812
- uploadDoneCallback(name, fileInfo, newList);
813
- }
814
- } else {
815
- chunkProgressStatus = 'exception';
816
- if (checkStatus !== '1') {
817
- _modal2['default'].error({
818
- style: { top: '38%' },
819
- content: '附件完整性验证失败:可能由于网络丢包原因,您上传的附件未通过完整性校验,需要您重新上传。'
820
- });
821
- } else {
822
- _modal2['default'].error({
823
- style: { top: '38%' },
824
- content: '上传失败'
825
- });
826
- }
827
- var _index3 = _fileList3.indexOf(currentFile);
828
- if (_index3 >= 0) {
829
- _fileList3.splice(_index3, 1);
830
- _this3.setState((0, _extends3['default'])({}, _this3.state, {
831
- uploadPercent: uploadPercent,
832
- uploading: false,
833
- loading: false,
834
- chunkProgressStatus: chunkProgressStatus,
835
- CUSize: upSize,
836
- fileList: _fileList3,
837
- currentFile: null,
838
- speed: curSpeed
839
- }), function () {
840
- _this3.setUploadValue(_fileList3);
841
- });
842
- }
843
- }
844
- } else {
845
- _this3.setState((0, _extends3['default'])({}, _this3.state, {
846
- uploadPercent: uploadPercent,
847
- uploading: true,
848
- loading: true,
849
- chunkProgressStatus: chunkProgressStatus,
850
- CUSize: upSize,
851
- speed: curSpeed
852
- }), function () {
853
- setImmediate(_this3.handlePartUpload);
854
- });
855
- }
856
- } else {
857
- _modal2['default'].error({
858
- style: { top: '38%' },
859
- content: res && res.body.rspMsg ? res.body.rspMsg : '上传失败'
860
- });
861
- var _fileList4 = _this3.state.fileList;
862
-
863
- var _index4 = _fileList4.indexOf(currentFile);
864
- if (_index4 >= 0) {
865
- _fileList4.splice(_index4, 1);
866
- _this3.setState((0, _extends3['default'])({}, _this3.state, { loading: false, fileList: _fileList4 }), function () {
867
- _this3.setUploadValue(_fileList4);
868
- });
869
- }
870
- }
871
- });
872
- };
873
- // console.log('读取文件', `文件大小:${currentFile.size}`, `已上传大小${start}`, `结束值${end}`, `切片大小${speed}`);
874
- uploadFileReader.readAsArrayBuffer(blobSlice.call(currentFile, start, end));
875
- } catch (error) {
876
- _modal2['default'].error({
877
- style: { top: '38%' },
878
- content: error
879
- });
880
- var _state7 = _this3.state,
881
- fileList = _state7.fileList,
882
- _currentFile2 = _state7.currentFile;
883
-
884
- var index = fileList.indexOf(_currentFile2);
885
- if (index >= 0) {
886
- fileList.splice(index, 1);
887
- _this3.setState((0, _extends3['default'])({}, _this3.state, { fileList: fileList }), function () {
888
- _this3.setUploadValue(fileList);
889
- });
890
- }
891
- }
892
- };
893
-
894
- this.urlDeal = function (urlDownloadFile, uid) {
895
- var propsAFlag = _this3.props.propsAFlag; // propsAFlag 加密标识 从引用组件处传入 '1':加密 '0':不加密
896
-
897
- var retUrl = '';
898
- if (uid !== '' && propsAFlag === '1' || uid !== '' && propsAFlag !== '0' && (_comonConfig.aFlag === '1' || _comonConfig.aFlag === '2')) {
899
- var authToken = Easy3wGetCookie('userToken') || 'E3WSAFEAPPQWEFGHYI7I483S';
900
- var nowStr = _.now();
901
- var encUrl = (0, _Easy3wAESEncrypt2['default'])(uid + '@#' + nowStr + '@#' + authToken, _comonConfig.a, _comonConfig.b);
902
- return '' + urlDownloadFile + encUrl;
903
- } else {
904
- retUrl = '' + urlDownloadFile + uid;
905
- return retUrl;
906
- }
907
- };
908
-
909
- this.readFile = function (file) {
910
- try {
911
- var chunkReader = new FileReader();
912
- var _props5 = _this3.props,
913
- limitChunkSize = _props5.limitChunkSize,
914
- readFileSize = _props5.readFileSize;
915
- // ...对文件的预处理
916
- // 兼容性的处理
917
-
918
- var blobSlice = File.prototype.slice || File.prototype.mozSlice || File.prototype.webkitSlice;
919
- var chunkSize = 0;
920
- if (typeof limitChunkSize === 'string') {
921
- if (limitChunkSize.toLowerCase().indexOf('k') !== -1) {
922
- var temp = limitChunkSize.substring(0, limitChunkSize.toLowerCase().indexOf('k'));
923
- chunkSize = Number(temp) * 1024;
924
- } else if (limitChunkSize.toLowerCase().indexOf('m') !== -1) {
925
- var _temp2 = limitChunkSize.substring(0, limitChunkSize.toLowerCase().indexOf('m'));
926
- chunkSize = Number(_temp2) * 1024 * 1024;
927
- } else {
928
- chunkSize = Number(limitChunkSize);
929
- }
930
- } else {
931
- chunkSize = limitChunkSize;
932
- }
933
- var tempreadFileSize = 0;
934
- if (typeof readFileSize === 'string') {
935
- if (readFileSize.toLowerCase().indexOf('k') !== -1) {
936
- var _temp3 = readFileSize.substring(0, readFileSize.toLowerCase().indexOf('k'));
937
- tempreadFileSize = Number(_temp3) * 1024;
938
- } else if (readFileSize.toLowerCase().indexOf('m') !== -1) {
939
- var _temp4 = readFileSize.substring(0, readFileSize.toLowerCase().indexOf('m'));
940
- tempreadFileSize = Number(_temp4) * 1024 * 1024;
941
- } else {
942
- tempreadFileSize = Number(readFileSize);
943
- }
944
- } else {
945
- tempreadFileSize = readFileSize;
946
- }
947
- if (tempreadFileSize < 5 * 1024 * 1024) {
948
- tempreadFileSize = 5 * 1024 * 1024;
949
- }
950
- var sliceCount = 0;
951
- if (chunkSize < tempreadFileSize) {
952
- // 切片小于分段大小
953
- sliceCount = Math.ceil(file.size / tempreadFileSize);
954
- } else {
955
- sliceCount = Math.ceil(file.size / chunkSize);
956
- }
957
- var mainFileSpark = new _sparkMd2['default'].ArrayBuffer(); // 对arrayBuffer数据进行md5加密,产生一个md5字符串 主文件
958
- var params = { file: {} }; // 用于上传所有分片的md5信息
959
- params.file.fileName = file.name;
960
- params.file.fileSize = file.size;
961
- params.file.uid = file.uid;
962
- var sliceIndex = 0;
963
- chunkReader.onload = function (e) {
964
- mainFileSpark.append(e.target.result);
965
- sliceIndex += 1;
966
- if (sliceIndex < sliceCount) {
967
- _this3.setState((0, _extends3['default'])({}, _this3.state, {
968
- preUploading: true,
969
- preUploadPercent: Number((sliceIndex / sliceCount * 100).toFixed(1))
970
- }));
971
- setImmediate(_loadNext, sliceIndex, tempreadFileSize);
972
- } else {
973
- var mainFileMD5 = mainFileSpark.end();
974
- params.file.fileMd5 = mainFileMD5;
975
- // 表示预处理结束,检验附件上传情况
976
- _this3.setState((0, _extends3['default'])({}, _this3.state, {
977
- preUploading: false,
978
- preUploadPercent: 100,
979
- uploadData: params
980
- // loading: false
981
- }), function () {
982
- setImmediate(_this3.checkFile, params);
983
- });
984
- }
985
- };
986
- var _loadNext = function _loadNext(count, size) {
987
- var cancelStatus = _this3.state.cancelStatus;
988
-
989
- if (cancelStatus) {
990
- return;
991
- }
992
- var start = count * size;
993
- var end = start + size >= file.size ? file.size : start + size;
994
- // console.log(`读取文件,文件大小${file.size},截取开始位置${start},结束位置${end}`);
995
- chunkReader.readAsArrayBuffer(blobSlice.call(file, start, end));
996
- };
997
- _loadNext(sliceIndex, tempreadFileSize);
998
- } catch (error) {
999
- _modal2['default'].error({
1000
- style: { top: '38%' },
1001
- content: error
1002
- });
1003
- var _state8 = _this3.state,
1004
- fileList = _state8.fileList,
1005
- currentFile = _state8.currentFile;
1006
-
1007
- var index = fileList.indexOf(currentFile);
1008
- if (index >= 0) {
1009
- fileList.splice(index, 1);
1010
- _this3.setState((0, _extends3['default'])({}, _this3.state, { fileList: fileList }), function () {
1011
- _this3.setUploadValue(fileList);
1012
- });
1013
- }
1014
- }
1015
- };
1016
-
1017
- this.requiredFile = function (rule, value, callback) {
1018
- var required = _this3.props.required;
1019
- var fileList = _this3.state.fileList;
1020
-
1021
- if (required && (!fileList || fileList.length === 0)) {
1022
- callback();
1023
- return;
1024
- }
1025
- if (required) {
1026
- for (var i = 0; i < fileList.length; i += 1) {
1027
- var file = fileList[i];
1028
- if (file.status !== 'done') {
1029
- callback(' ');
1030
- break;
1031
- }
1032
- }
1033
- }
1034
- callback();
1035
- };
1036
- };
1037
-
1038
- exports['default'] = BigFileUpload;
1039
- module.exports = exports['default'];