easy3wui 1.5.10 → 1.5.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +5 -1
- package/assets/formPage.css +5 -4
- package/assets/index.css +5 -4
- package/lib/Easy3wDownLoad/index.js +72 -8
- package/lib/Easy3wUpload/index.js +29 -9
- package/lib/Easy3wUploadB/index copy 2.js +1011 -0
- package/lib/Easy3wUploadB/index.js +72 -74
- package/lib/Easy3wUploadM/index.js +25 -7
- package/package.json +1 -1
|
@@ -78,23 +78,24 @@ require('antd/lib/modal/style');
|
|
|
78
78
|
|
|
79
79
|
var _comonConfig = require('comonConfigPath/comonConfig');
|
|
80
80
|
|
|
81
|
-
var
|
|
82
|
-
|
|
83
|
-
var _Easy3wGetCookie2 = _interopRequireDefault(_Easy3wGetCookie);
|
|
84
|
-
|
|
85
|
-
var _Easy3wDownLoad = require('./../Easy3wDownLoad');
|
|
81
|
+
var _Easy3wDownLoad = require('../Easy3wDownLoad');
|
|
86
82
|
|
|
87
83
|
var _Easy3wDownLoad2 = _interopRequireDefault(_Easy3wDownLoad);
|
|
88
84
|
|
|
89
|
-
var _Easy3wAESEncrypt = require('./../Easy3wAESEncrypt');
|
|
90
|
-
|
|
91
|
-
var _Easy3wAESEncrypt2 = _interopRequireDefault(_Easy3wAESEncrypt);
|
|
92
|
-
|
|
93
85
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
|
|
94
86
|
|
|
95
87
|
var formItemStyle = {
|
|
96
88
|
marginBottom: 6
|
|
97
89
|
};
|
|
90
|
+
function Easy3wGetCookie(name) {
|
|
91
|
+
var arr = void 0;
|
|
92
|
+
var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)');
|
|
93
|
+
if (arr = document.cookie.match(reg)) {
|
|
94
|
+
return unescape(arr[2]);
|
|
95
|
+
} else {
|
|
96
|
+
return null;
|
|
97
|
+
}
|
|
98
|
+
}
|
|
98
99
|
|
|
99
100
|
var BigFileUpload = function (_Component) {
|
|
100
101
|
(0, _inherits3['default'])(BigFileUpload, _Component);
|
|
@@ -146,6 +147,8 @@ var BigFileUpload = function (_Component) {
|
|
|
146
147
|
}
|
|
147
148
|
}
|
|
148
149
|
};
|
|
150
|
+
// 预览
|
|
151
|
+
|
|
149
152
|
|
|
150
153
|
BigFileUpload.prototype.render = function render() {
|
|
151
154
|
var _this2 = this;
|
|
@@ -240,20 +243,10 @@ var BigFileUpload = function (_Component) {
|
|
|
240
243
|
var fileTypePass = true;
|
|
241
244
|
var fileNameArr = file.name.toLowerCase().split('.');
|
|
242
245
|
var fileType = fileNameArr[fileNameArr.length - 1];
|
|
243
|
-
if (file.name.length > 100) {
|
|
244
|
-
_modal2['default'].info({
|
|
245
|
-
style: { top: '38%' },
|
|
246
|
-
content: '文件名称至多100个字符',
|
|
247
|
-
okText: '知道了'
|
|
248
|
-
});
|
|
249
|
-
return false;
|
|
250
|
-
}
|
|
251
|
-
var acceptDefault = '.rplib,.xls,.doc,.jpg,.pdf,.png,.zip,.bmp,.rar,.txt,.docx,.ico,.bid,.xlsx,.jpeg,.json,.xml,.ebid,.dwg,.pptx,.xmind,.xps,.crx,.7z,.ppt,.svg,.pdm,.xlsm,.vsd,.gif,.tif,.docm,.csv,.ttf,.wps,.psd,.mp4,.tiff,.rtf,.tlb,.xlsb';
|
|
252
246
|
if (accept && accept.length > 0) {
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
fileTypePass = false;
|
|
247
|
+
if (accept.indexOf(fileType) < 0) {
|
|
248
|
+
fileTypePass = false;
|
|
249
|
+
}
|
|
257
250
|
}
|
|
258
251
|
if (!fileTypePass) {
|
|
259
252
|
_modal2['default'].error({
|
|
@@ -274,6 +267,9 @@ var BigFileUpload = function (_Component) {
|
|
|
274
267
|
fileList = _state3.fileList,
|
|
275
268
|
iniSetedFlag = _state3.iniSetedFlag;
|
|
276
269
|
|
|
270
|
+
if (!iniSetedFlag) {
|
|
271
|
+
iniSetedFlag = true;
|
|
272
|
+
}
|
|
277
273
|
if (!multiple) {
|
|
278
274
|
fileList = [file];
|
|
279
275
|
} else {
|
|
@@ -303,8 +299,11 @@ var BigFileUpload = function (_Component) {
|
|
|
303
299
|
},
|
|
304
300
|
fileList: this.state.fileList
|
|
305
301
|
};
|
|
302
|
+
if (_comonConfig.previewFileFlag) {
|
|
303
|
+
uploadProp.onPreview = this.onPreview;
|
|
304
|
+
}
|
|
306
305
|
if (isRead) {
|
|
307
|
-
uploadProp =
|
|
306
|
+
uploadProp.children = true;
|
|
308
307
|
}
|
|
309
308
|
return isRead ? _react2['default'].createElement(
|
|
310
309
|
_form2['default'].Item,
|
|
@@ -341,7 +340,7 @@ var BigFileUpload = function (_Component) {
|
|
|
341
340
|
(0, _extends3['default'])({}, uploadProp, {
|
|
342
341
|
disabled: this.state.loading
|
|
343
342
|
}),
|
|
344
|
-
|
|
343
|
+
_react2['default'].createElement(
|
|
345
344
|
_popover2['default'],
|
|
346
345
|
{
|
|
347
346
|
placement: 'right',
|
|
@@ -465,19 +464,6 @@ var _initialiseProps = function _initialiseProps() {
|
|
|
465
464
|
setFieldsValue((_setFieldsValue = {}, _setFieldsValue[name] = v, _setFieldsValue));
|
|
466
465
|
};
|
|
467
466
|
|
|
468
|
-
this.urlDeal = function (urlDownloadFile, uid) {
|
|
469
|
-
var retUrl = '';
|
|
470
|
-
if (uid !== '' && _comonConfig.aFlag && (_comonConfig.aFlag === '1' || _comonConfig.aFlag === '2')) {
|
|
471
|
-
var authToken = (0, _Easy3wGetCookie2['default'])('userToken') || 'E3WSAFEAPPQWEFGHYI7I483S';
|
|
472
|
-
var nowStr = _.now();
|
|
473
|
-
var encUrl = (0, _Easy3wAESEncrypt2['default'])(uid + '@#' + nowStr + '@#' + authToken, _comonConfig.a, _comonConfig.b);
|
|
474
|
-
return '' + urlDownloadFile + encUrl;
|
|
475
|
-
} else {
|
|
476
|
-
retUrl = '' + urlDownloadFile + uid;
|
|
477
|
-
return retUrl;
|
|
478
|
-
}
|
|
479
|
-
};
|
|
480
|
-
|
|
481
467
|
this.iniValDeal = function (initialValue) {
|
|
482
468
|
var urlDownloadFile = _this3.props.urlDownloadFile;
|
|
483
469
|
|
|
@@ -485,7 +471,7 @@ var _initialiseProps = function _initialiseProps() {
|
|
|
485
471
|
var uid = obj.uid,
|
|
486
472
|
name = obj.name;
|
|
487
473
|
|
|
488
|
-
var url =
|
|
474
|
+
var url = '' + urlDownloadFile + uid;
|
|
489
475
|
var status = 'done';
|
|
490
476
|
return { uid: uid, name: name, url: url, status: status };
|
|
491
477
|
});
|
|
@@ -495,11 +481,7 @@ var _initialiseProps = function _initialiseProps() {
|
|
|
495
481
|
this.checkFile = function (uploadParams) {
|
|
496
482
|
_this3.setState({ uploadRequest: true });
|
|
497
483
|
var formData = new FormData();
|
|
498
|
-
var authToken = (
|
|
499
|
-
// const timeStr = new Date().getTime();
|
|
500
|
-
// if (AESFlag && AESFlag === '1') {
|
|
501
|
-
// authToken = Easy3wAESEncrypt(`${authToken}@#${timeStr}`, AESKey, AESIV);
|
|
502
|
-
// }
|
|
484
|
+
var authToken = Easy3wGetCookie('userToken') || '40572da23bee5fd59cc5b6c8d8bfb36d';
|
|
503
485
|
var _props3 = _this3.props,
|
|
504
486
|
name = _props3.name,
|
|
505
487
|
urlCheckProgress = _props3.urlCheckProgress,
|
|
@@ -608,7 +590,7 @@ var _initialiseProps = function _initialiseProps() {
|
|
|
608
590
|
var _index2 = _fileList2.indexOf(_currentFile);
|
|
609
591
|
if (_index2 >= 0) {
|
|
610
592
|
_fileList2.splice(_index2, 1);
|
|
611
|
-
_this3.setState((0, _extends3['default'])({}, _this3.state, {
|
|
593
|
+
_this3.setState((0, _extends3['default'])({}, _this3.state, { fileList: _fileList2, loading: false }), function () {
|
|
612
594
|
_this3.setUploadValue(_fileList2);
|
|
613
595
|
});
|
|
614
596
|
}
|
|
@@ -616,7 +598,7 @@ var _initialiseProps = function _initialiseProps() {
|
|
|
616
598
|
});
|
|
617
599
|
};
|
|
618
600
|
|
|
619
|
-
this.handlePartUpload = function () {
|
|
601
|
+
this.handlePartUpload = function (sIndex, eIndex) {
|
|
620
602
|
try {
|
|
621
603
|
var _state6 = _this3.state,
|
|
622
604
|
currentFile = _state6.currentFile,
|
|
@@ -678,21 +660,25 @@ var _initialiseProps = function _initialiseProps() {
|
|
|
678
660
|
} else {
|
|
679
661
|
end = fileSize;
|
|
680
662
|
}
|
|
663
|
+
var start = CUSize;
|
|
664
|
+
if (sIndex && sIndex > 0 && eIndex && eIndex > 0) {
|
|
665
|
+
end = eIndex;
|
|
666
|
+
start = sIndex;
|
|
667
|
+
}
|
|
681
668
|
uploadFileReader.onload = function (e) {
|
|
682
669
|
if (chunkCheckErr) {
|
|
683
670
|
return;
|
|
684
671
|
}
|
|
672
|
+
var mainFileSpark = new _sparkMd2['default'].ArrayBuffer(); // 对arrayBuffer数据进行md5加密,产生一个md5字符串 主文件
|
|
673
|
+
mainFileSpark.append(e.target.result);
|
|
674
|
+
var chunkMD5 = mainFileSpark.end();
|
|
685
675
|
// 上传附件
|
|
686
676
|
var file = uploadData.file;
|
|
687
677
|
|
|
688
678
|
var formData = new FormData();
|
|
689
|
-
var authToken = (
|
|
690
|
-
// const timeStr = new Date().getTime();
|
|
691
|
-
// if (AESFlag && AESFlag === '1') {
|
|
692
|
-
// authToken = Easy3wAESEncrypt(`${authToken}@#${timeStr}`, AESKey, AESIV);
|
|
693
|
-
// }
|
|
679
|
+
var authToken = Easy3wGetCookie('userToken') || '40572da23bee5fd59cc5b6c8d8bfb36d';
|
|
694
680
|
var blob = new Blob([e.target.result], { type: 'application/octet-stream' });
|
|
695
|
-
var postParam = (0, _extends3['default'])({ fileInfo: file }, sendData, { currentSize: end });
|
|
681
|
+
var postParam = (0, _extends3['default'])({ fileInfo: file }, sendData, { currentSize: end, startSize: start, chunkMD5: chunkMD5 });
|
|
696
682
|
formData.append('chunk', blob);
|
|
697
683
|
formData.append('sendTime', new Date().getTime());
|
|
698
684
|
formData.append('appType', '01');
|
|
@@ -732,16 +718,26 @@ var _initialiseProps = function _initialiseProps() {
|
|
|
732
718
|
blob = null;
|
|
733
719
|
formData = null;
|
|
734
720
|
if (res && res.body.rspCode === '0000') {
|
|
735
|
-
var useTime = (new Date().getTime() - startTime) / 1000; // 用时秒
|
|
736
|
-
// 1秒传输速率
|
|
737
|
-
var curSpeed = Math.floor(1 / useTime * size);
|
|
738
721
|
var _res$body$data2 = res.body.data,
|
|
739
722
|
uploadStatus = _res$body$data2.uploadStatus,
|
|
740
723
|
fileId = _res$body$data2.fileId,
|
|
741
724
|
checkStatus = _res$body$data2.checkStatus,
|
|
742
|
-
uploadedSize = _res$body$data2.uploadedSize
|
|
725
|
+
uploadedSize = _res$body$data2.uploadedSize,
|
|
726
|
+
startIndex = _res$body$data2.startIndex,
|
|
727
|
+
endIndex = _res$body$data2.endIndex;
|
|
743
728
|
|
|
729
|
+
var useTime = (new Date().getTime() - startTime) / 1000; // 用时秒
|
|
744
730
|
var upSize = Number(uploadedSize);
|
|
731
|
+
// 1秒传输速率
|
|
732
|
+
var curSpeed = Math.floor(1 / useTime * size);
|
|
733
|
+
if (checkStatus && checkStatus === 'RETRY') {
|
|
734
|
+
_this3.setState((0, _extends3['default'])({}, _this3.state, {
|
|
735
|
+
speed: curSpeed
|
|
736
|
+
}), function () {
|
|
737
|
+
setImmediate(_this3.handlePartUpload, startIndex, endIndex);
|
|
738
|
+
});
|
|
739
|
+
return;
|
|
740
|
+
}
|
|
745
741
|
// 计算上传进度
|
|
746
742
|
uploadPercent = Math.floor(upSize / fileSize * 100 * 10) / 10;
|
|
747
743
|
if (checkStatus === '0') {
|
|
@@ -827,10 +823,10 @@ var _initialiseProps = function _initialiseProps() {
|
|
|
827
823
|
setImmediate(_this3.handlePartUpload);
|
|
828
824
|
});
|
|
829
825
|
}
|
|
830
|
-
} else
|
|
826
|
+
} else {
|
|
831
827
|
_modal2['default'].error({
|
|
832
828
|
style: { top: '38%' },
|
|
833
|
-
content: res.body.rspMsg
|
|
829
|
+
content: res && res.body.rspMsg ? res.body.rspMsg : '上传失败'
|
|
834
830
|
});
|
|
835
831
|
var _fileList4 = _this3.state.fileList;
|
|
836
832
|
|
|
@@ -841,25 +837,11 @@ var _initialiseProps = function _initialiseProps() {
|
|
|
841
837
|
_this3.setUploadValue(_fileList4);
|
|
842
838
|
});
|
|
843
839
|
}
|
|
844
|
-
} else {
|
|
845
|
-
_modal2['default'].error({
|
|
846
|
-
style: { top: '38%' },
|
|
847
|
-
content: '上传失败'
|
|
848
|
-
});
|
|
849
|
-
var _fileList5 = _this3.state.fileList;
|
|
850
|
-
|
|
851
|
-
var _index5 = _fileList5.indexOf(currentFile);
|
|
852
|
-
if (_index5 >= 0) {
|
|
853
|
-
_fileList5.splice(_index5, 1);
|
|
854
|
-
_this3.setState((0, _extends3['default'])({}, _this3.state, { loading: false, fileList: _fileList5 }), function () {
|
|
855
|
-
_this3.setUploadValue(_fileList5);
|
|
856
|
-
});
|
|
857
|
-
}
|
|
858
840
|
}
|
|
859
841
|
});
|
|
860
842
|
};
|
|
861
|
-
// console.log('读取文件', `文件大小:${currentFile.size}`, `已上传大小${
|
|
862
|
-
uploadFileReader.readAsArrayBuffer(blobSlice.call(currentFile,
|
|
843
|
+
// console.log('读取文件', `文件大小:${currentFile.size}`, `已上传大小${start}`, `结束值${end}`, `切片大小${speed}`);
|
|
844
|
+
uploadFileReader.readAsArrayBuffer(blobSlice.call(currentFile, start, end));
|
|
863
845
|
} catch (error) {
|
|
864
846
|
_modal2['default'].error({
|
|
865
847
|
style: { top: '38%' },
|
|
@@ -939,7 +921,8 @@ var _initialiseProps = function _initialiseProps() {
|
|
|
939
921
|
if (sliceIndex < sliceCount) {
|
|
940
922
|
_this3.setState((0, _extends3['default'])({}, _this3.state, {
|
|
941
923
|
preUploading: true,
|
|
942
|
-
preUploadPercent: Number((sliceIndex / sliceCount * 100).toFixed(1))
|
|
924
|
+
preUploadPercent: Number((sliceIndex / sliceCount * 100).toFixed(1))
|
|
925
|
+
}));
|
|
943
926
|
setImmediate(_loadNext, sliceIndex, tempreadFileSize);
|
|
944
927
|
} else {
|
|
945
928
|
var mainFileMD5 = mainFileSpark.end();
|
|
@@ -1005,6 +988,21 @@ var _initialiseProps = function _initialiseProps() {
|
|
|
1005
988
|
}
|
|
1006
989
|
callback();
|
|
1007
990
|
};
|
|
991
|
+
|
|
992
|
+
this.onPreview = function (file) {
|
|
993
|
+
var uid = file.uid,
|
|
994
|
+
url = file.url,
|
|
995
|
+
name = file.name;
|
|
996
|
+
|
|
997
|
+
var fileNameArr = name.toLowerCase().split('.');
|
|
998
|
+
var fileType = fileNameArr[fileNameArr.length - 1];
|
|
999
|
+
if (_comonConfig.previewFileType.indexOf(fileType) >= 0) {
|
|
1000
|
+
var src = _comonConfig.previewFileUrl + uid;
|
|
1001
|
+
window.open(src, '_blank');
|
|
1002
|
+
} else {
|
|
1003
|
+
window.open(url);
|
|
1004
|
+
}
|
|
1005
|
+
};
|
|
1008
1006
|
};
|
|
1009
1007
|
|
|
1010
1008
|
exports['default'] = BigFileUpload;
|
|
@@ -64,15 +64,15 @@ require('antd/lib/modal/style');
|
|
|
64
64
|
|
|
65
65
|
var _comonConfig = require('comonConfigPath/comonConfig');
|
|
66
66
|
|
|
67
|
-
var _Easy3wGetCookie = require('
|
|
67
|
+
var _Easy3wGetCookie = require('../Easy3wGetCookie');
|
|
68
68
|
|
|
69
69
|
var _Easy3wGetCookie2 = _interopRequireDefault(_Easy3wGetCookie);
|
|
70
70
|
|
|
71
|
-
var _Easy3wDownLoad = require('
|
|
71
|
+
var _Easy3wDownLoad = require('../Easy3wDownLoad');
|
|
72
72
|
|
|
73
73
|
var _Easy3wDownLoad2 = _interopRequireDefault(_Easy3wDownLoad);
|
|
74
74
|
|
|
75
|
-
var _Easy3wAESEncrypt = require('
|
|
75
|
+
var _Easy3wAESEncrypt = require('../Easy3wAESEncrypt');
|
|
76
76
|
|
|
77
77
|
var _Easy3wAESEncrypt2 = _interopRequireDefault(_Easy3wAESEncrypt);
|
|
78
78
|
|
|
@@ -96,6 +96,20 @@ var Easy3wUploadM = function (_Component) {
|
|
|
96
96
|
|
|
97
97
|
return _ret = (_temp = (_this = (0, _possibleConstructorReturn3['default'])(this, _Component.call.apply(_Component, [this].concat(args))), _this), _this.state = {
|
|
98
98
|
fileList: [{}]
|
|
99
|
+
// 预览
|
|
100
|
+
}, _this.onPreview = function (file) {
|
|
101
|
+
var uid = file.uid,
|
|
102
|
+
url = file.url,
|
|
103
|
+
name = file.name;
|
|
104
|
+
|
|
105
|
+
var fileNameArr = name.toLowerCase().split('.');
|
|
106
|
+
var fileType = fileNameArr[fileNameArr.length - 1];
|
|
107
|
+
if (_comonConfig.previewFileType.indexOf(fileType) >= 0) {
|
|
108
|
+
var src = _this.urlDeal(_comonConfig.previewFileUrl, uid);
|
|
109
|
+
window.open(src, '_blank');
|
|
110
|
+
} else {
|
|
111
|
+
window.open(url);
|
|
112
|
+
}
|
|
99
113
|
}, _this.urlDeal = function (urlDownloadFile, uid) {
|
|
100
114
|
var retUrl = '';
|
|
101
115
|
if (uid !== '' && _comonConfig.aFlag && (_comonConfig.aFlag === '1' || _comonConfig.aFlag === '2')) {
|
|
@@ -143,7 +157,8 @@ var Easy3wUploadM = function (_Component) {
|
|
|
143
157
|
if (initialValue) {
|
|
144
158
|
iniVal = initialValue.map(function (obj) {
|
|
145
159
|
var uid = obj.uid,
|
|
146
|
-
name = obj.name
|
|
160
|
+
name = obj.name,
|
|
161
|
+
status = obj.status;
|
|
147
162
|
|
|
148
163
|
if (allivaule === '') {
|
|
149
164
|
allivaule = uid;
|
|
@@ -151,7 +166,7 @@ var Easy3wUploadM = function (_Component) {
|
|
|
151
166
|
allivaule = allivaule + ',' + uid;
|
|
152
167
|
}
|
|
153
168
|
var url = _this2.urlDeal(urlDownloadFile, uid);
|
|
154
|
-
return { uid: uid, name: name, url: url };
|
|
169
|
+
return { uid: uid, name: name, url: url, status: status || 'done' };
|
|
155
170
|
});
|
|
156
171
|
}
|
|
157
172
|
if (!warnMessage) {
|
|
@@ -188,7 +203,10 @@ var Easy3wUploadM = function (_Component) {
|
|
|
188
203
|
}
|
|
189
204
|
};
|
|
190
205
|
if (isRead) {
|
|
191
|
-
upProps = (0, _extends3['default'])({}, upProps, { showUploadList: { showPreviewIcon:
|
|
206
|
+
upProps = (0, _extends3['default'])({}, upProps, { children: true, showUploadList: { showPreviewIcon: false, showRemoveIcon: false } });
|
|
207
|
+
}
|
|
208
|
+
if (_comonConfig.previewFileFlag) {
|
|
209
|
+
upProps.onPreview = this.onPreview;
|
|
192
210
|
}
|
|
193
211
|
var beforeUpload = function beforeUpload(file) {
|
|
194
212
|
// 限制上传大小
|
|
@@ -402,7 +420,7 @@ var Easy3wUploadM = function (_Component) {
|
|
|
402
420
|
onRemove: handleRemove,
|
|
403
421
|
multiple: true
|
|
404
422
|
}),
|
|
405
|
-
_react2['default'].createElement(
|
|
423
|
+
isRead ? '' : _react2['default'].createElement(
|
|
406
424
|
_popover2['default'],
|
|
407
425
|
{
|
|
408
426
|
placement: 'top',
|