easy3wui 4.0.36 → 4.0.37

package/lib/Easy3wUploadM/index copy.js

@@ -0,0 +1,504 @@
+'use strict';
+
+exports.__esModule = true;
+
+var _upload = require('antd/lib/upload');
+
+var _upload2 = _interopRequireDefault(_upload);
+
+var _popover = require('antd/lib/popover');
+
+var _popover2 = _interopRequireDefault(_popover);
+
+var _button = require('antd/lib/button');
+
+var _button2 = _interopRequireDefault(_button);
+
+var _modal = require('antd/lib/modal');
+
+var _modal2 = _interopRequireDefault(_modal);
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require('babel-runtime/helpers/inherits');
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+require('antd/lib/upload/style');
+
+require('antd/lib/popover/style');
+
+require('antd/lib/button/style');
+
+require('antd/lib/modal/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _icons = require('@ant-design/icons');
+
+var _compatible = require('@ant-design/compatible');
+
+require('@ant-design/compatible/assets/index.css');
+
+var _antd = require('antd');
+
+var _comonConfig = require('comonConfigPath/comonConfig');
+
+var _Easy3wGetCookie = require('./../Easy3wGetCookie');
+
+var _Easy3wGetCookie2 = _interopRequireDefault(_Easy3wGetCookie);
+
+var _Easy3wDownLoad = require('./../Easy3wDownLoad');
+
+var _Easy3wDownLoad2 = _interopRequireDefault(_Easy3wDownLoad);
+
+var _Easy3wAESEncrypt = require('./../Easy3wAESEncrypt');
+
+var _Easy3wAESEncrypt2 = _interopRequireDefault(_Easy3wAESEncrypt);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+var formItemStyle = {
+  marginBottom: 6
+};
+
+var Easy3wUploadM = function (_Component) {
+  (0, _inherits3['default'])(Easy3wUploadM, _Component);
+
+  function Easy3wUploadM() {
+    var _temp, _this, _ret;
+
+    (0, _classCallCheck3['default'])(this, Easy3wUploadM);
+
+    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    return _ret = (_temp = (_this = (0, _possibleConstructorReturn3['default'])(this, _Component.call.apply(_Component, [this].concat(args))), _this), _this.state = {
+      fileList: [{}]
+      // 预览
+    }, _this.onPreview = function (file) {
+      var objPreviewFileNew = (0, _extends3['default'])({}, _comonConfig.objPreviewFile, _this.props.objPreviewFile);
+      var previewFileUrl = objPreviewFileNew.previewFileUrl,
+          previewFileType = objPreviewFileNew.previewFileType;
+      var uid = file.uid,
+          url = file.url,
+          name = file.name;
+
+      var fileNameArr = name.toLowerCase().split('.');
+      var fileType = fileNameArr[fileNameArr.length - 1];
+      if (previewFileType.indexOf(fileType) >= 0) {
+        var src = _this.urlDeal(previewFileUrl, uid);
+        window.open(src, '_blank');
+      } else {
+        window.open(url);
+      }
+    }, _this.urlDeal = function (urlDownloadFile, uid) {
+      var retUrl = '';
+      if (uid !== '' && _comonConfig.aFlag && (_comonConfig.aFlag === '1' || _comonConfig.aFlag === '2')) {
+        var authToken = (0, _Easy3wGetCookie2['default'])('userToken') || 'E3WSAFEAPPQWEFGHYI7I483S';
+        var nowStr = _.now();
+        var encUrl = (0, _Easy3wAESEncrypt2['default'])(uid + '@#' + nowStr + '@#' + authToken, _comonConfig.a, _comonConfig.b);
+        return '' + urlDownloadFile + encUrl;
+      } else {
+        retUrl = '' + urlDownloadFile + uid;
+        return retUrl;
+      }
+    }, _temp), (0, _possibleConstructorReturn3['default'])(_this, _ret);
+  }
+  // url处理
+
+
+  Easy3wUploadM.prototype.render = function render() {
+    var _this2 = this;
+
+    var _props = this.props,
+        urlUpFileService = _props.urlUpFileService,
+        urlDownloadFile = _props.urlDownloadFile,
+        uploadName = _props.uploadName,
+        sendData = _props.sendData,
+        listType = _props.listType,
+        accept = _props.accept,
+        limitSize = _props.limitSize,
+        required = _props.required,
+        initialValue = _props.initialValue,
+        help = _props.help,
+        buttonName = _props.buttonName,
+        form = _props.form,
+        isRead = _props.isRead,
+        label = _props.label,
+        className = _props.className,
+        labelCol = _props.labelCol,
+        wrapperCol = _props.wrapperCol,
+        extend = _props.extend,
+        extendBack = _props.extendBack,
+        uploadDoneCallback = _props.uploadDoneCallback,
+        removeCallback = _props.removeCallback,
+        downloadAllFlag = _props.downloadAllFlag,
+        fileViewFlag = _props.fileViewFlag;
+    var warnMessage = this.props.warnMessage;
+
+    var iniVal = [];
+    var allivaule = '';
+    if (initialValue) {
+      iniVal = initialValue.map(function (obj, index) {
+        var uid = obj.uid,
+            name = obj.name;
+
+        if (allivaule === '') {
+          allivaule = uid;
+        } else {
+          allivaule = allivaule + ',' + uid;
+        }
+        var url = _this2.urlDeal(urlDownloadFile, uid);
+        return { uid: uid, name: name, url: url };
+      });
+    }
+    if (!warnMessage) {
+      warnMessage = help;
+    }
+    var getFieldDecorator = form.getFieldDecorator;
+
+    var extendShowFlag = false;
+    var extendBackShowFlag = false;
+    if (extend) {
+      extendShowFlag = true;
+    }
+    if (extendBack) {
+      extendBackShowFlag = true;
+    }
+    var ENCFlag = '0';
+    var authToken = (0, _Easy3wGetCookie2['default'])('userToken') || 'E3WSAFEAPPQWEFGHYI7I483S';
+    var upProps = {
+      name: uploadName,
+      action: urlUpFileService,
+      listType: listType,
+      showUploadList: true,
+      headers: {
+        authorization: 'authorization-text'
+      },
+      accept: accept,
+      data: {
+        sendTime: new Date().getTime(),
+        appType: '01',
+        authToken: authToken,
+        ENCFlag: ENCFlag,
+        sign: '2959f1aea8db0f7fbba61f0f8474d0ef',
+        data: sendData
+      }
+    };
+    if (isRead) {
+      upProps = (0, _extends3['default'])({}, upProps, { showUploadList: { showPreviewIcon: true, showRemoveIcon: false } });
+    }
+    var objPreviewFileNew = (0, _extends3['default'])({}, _comonConfig.objPreviewFile, this.props.objPreviewFile);
+    var previewFileFlag = objPreviewFileNew.previewFileFlag;
+
+    if (previewFileFlag && fileViewFlag !== false) {
+      upProps.onPreview = this.onPreview;
+    }
+    var beforeUpload = function beforeUpload(file) {
+      // 限制上传大小
+      var fileSize = file.size / 1024 / 1024;
+      var isLimitSize = fileSize < limitSize;
+      var fileTypePass = true;
+      var name = file.name;
+
+      var fileNameArr = name.toLowerCase().split('.');
+      var fileType = fileNameArr[fileNameArr.length - 1];
+      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';
+      if (name.length > 100) {
+        _modal2['default'].info({
+          style: { top: '38%' },
+          okText: '知道了',
+          content: '文件名称至多100个字符'
+        });
+        return false;
+      }
+      if (accept && accept.length > 0) {
+        acceptDefault = accept;
+      }
+      if (acceptDefault.indexOf(fileType) < 0) {
+        fileTypePass = false;
+      }
+      if (!fileTypePass) {
+        _modal2['default'].error({
+          style: { top: '38%' },
+          content: '\u4E0D\u652F\u6301' + fileType + '\u7C7B\u578B\u7684\u6587\u4EF6!'
+        });
+        return false;
+      }
+      if (!isLimitSize) {
+        _modal2['default'].error({
+          style: { top: '38%' },
+          content: '\u9644\u4EF6\u5FC5\u987B\u5C0F\u4E8E' + limitSize + 'MB!'
+        });
+        return false;
+      } else if (fileSize === 0) {
+        _modal2['default'].error({
+          style: { top: '38%' },
+          content: '附件必须大于0MB!'
+        });
+        return false;
+      } else {
+        return true;
+      }
+    };
+    var handleRemove = function handleRemove(file) {
+      if (removeCallback) {
+        removeCallback(uploadName, file);
+      }
+      return true;
+    };
+    var handleFileChange = function handleFileChange(e) {
+      var fileList = e.fileList;
+      // 移除大小不符、类型不符的文件
+
+      fileList = fileList.filter(function (f1) {
+        var size = f1.size,
+            name = f1.name;
+
+        if (size >= 0) {
+          var correctSizeFlag = size > 0 && size / 1024 / 1024 < limitSize;
+          var correctTypeFlag = true;
+          var fileNameArr = name.toLowerCase().split('.');
+          var fileType = fileNameArr[fileNameArr.length - 1];
+          var acceptDefault = '.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';
+          if (name.length > 100) {
+            return false;
+          }
+          if (accept && accept.length > 0) {
+            acceptDefault = accept;
+          }
+          if (acceptDefault.indexOf(fileType) < 0) {
+            correctTypeFlag = false;
+          }
+          if (!correctSizeFlag || !correctTypeFlag) {
+            return false;
+          } else {
+            return true;
+          }
+        } else {
+          return true;
+        }
+      });
+      // 2. read from response and show file link
+      fileList = fileList.map(function (f2) {
+        var nFile = f2;
+        if (nFile.response && nFile.response.data) {
+          var id = nFile.response.data.fileId;
+          var url = '' + urlDownloadFile + id;
+          url = _this2.urlDeal(urlDownloadFile, id);
+          nFile.uid = id;
+          nFile.url = url;
+        }
+        return nFile;
+      });
+      // 3. filter successfully uploaded files according to response from server
+      fileList = fileList.filter(function (file) {
+        var status = file.status,
+            name = file.name;
+
+        if (status === 'error') {
+          _modal2['default'].error({
+            style: { top: '38%' },
+            content: '\u9644\u4EF6' + name + '\u4E0A\u4F20\u5931\u8D25!'
+          });
+          return false; // 上传失败
+        }
+        if (file.response) {
+          if (file.response.rspCode === '0000') {
+            if (uploadDoneCallback) {
+              uploadDoneCallback(uploadName, fileList, file);
+            }
+            return true;
+          }
+          if (file.response.rspMsg) {
+            _modal2['default'].error({
+              style: { top: '38%' },
+              content: file.response.rspMsg
+            });
+          } else {
+            _modal2['default'].error({
+              style: { top: '38%' },
+              content: '\u9644\u4EF6' + name + '\u4E0A\u4F20\u5931\u8D25!'
+            });
+          }
+          return false;
+          // return file.response.rspCode === '0000';// 上传成功
+        }
+        return true;
+      });
+      allivaule = '';
+      iniVal = fileList.map(function (obj) {
+        var uid = obj.uid;
+
+        if (allivaule === '') {
+          allivaule = uid;
+        } else {
+          allivaule = allivaule + ',' + uid;
+        }
+      });
+      _this2.setState({ fileList: fileList });
+      return fileList;
+    };
+    var checkFile = function checkFile(rule, value, callback) {
+      if (required && (!value || value.length === 0)) {
+        callback();
+        return;
+      }
+      if (value) {
+        value = value.slice(-1);
+        value = value.filter(function (file) {
+          if (file.response && file.response.rspCode === '0000') {
+            callback();
+            return true;
+          }
+          if (file.status === 'uploading') {
+            callback('  ');
+            return false;
+          }
+          return true;
+        });
+
+        if (required && value.length > 0) {
+          callback();
+          return;
+        }
+      }
+      callback();
+    };
+    var showFlag = initialValue && initialValue.length > 1 || this.state.fileList.length > 1;
+    return isRead ? _react2['default'].createElement(
+      _compatible.Form.Item,
+      {
+        label: label,
+        className: className,
+        labelCol: labelCol,
+        wrapperCol: wrapperCol,
+        style: formItemStyle
+      },
+      extendShowFlag ? extend : '',
+      getFieldDecorator('' + uploadName, {})(_react2['default'].createElement(_Easy3wDownLoad2['default'], {
+        pdfViewFlag: true,
+        imgVisible: true,
+        urlDownloadFile: urlDownloadFile,
+        downloadArr: initialValue,
+        objPreviewFile: objPreviewFileNew
+      })),
+      extendBackShowFlag ? extendBack : ''
+    ) : _react2['default'].createElement(
+      _compatible.Form.Item,
+      {
+        label: label,
+        className: className,
+        labelCol: labelCol,
+        wrapperCol: wrapperCol,
+        style: formItemStyle
+      },
+      extendShowFlag ? extend : '',
+      getFieldDecorator('' + uploadName, {
+        initialValue: iniVal || undefined,
+        getValueFromEvent: handleFileChange,
+        valuePropName: 'fileList',
+        rules: [{ validator: checkFile }, { required: required, message: warnMessage }]
+      })(_react2['default'].createElement(
+        _upload2['default'],
+        (0, _extends3['default'])({
+          beforeUpload: beforeUpload
+        }, upProps, {
+          fileList: this.state.fileList,
+          onRemove: handleRemove,
+          multiple: true
+        }),
+        isRead ? '' : _react2['default'].createElement(
+          _popover2['default'],
+          {
+            placement: 'top',
+            content: _react2['default'].createElement(
+              'div',
+              { style: { padding: '4px 0' } },
+              _react2['default'].createElement(
+                'span',
+                { style: { color: '#5468b2', width: 200, height: 300 } },
+                help
+              )
+            ),
+            arrowPointAtCenter: true,
+            style: { width: 200, height: 'auto' }
+          },
+          _react2['default'].createElement(
+            _button2['default'],
+            null,
+            _react2['default'].createElement(_icons.UploadOutlined, null),
+            ' ',
+            buttonName
+          )
+        )
+      )),
+      extendBackShowFlag ? extendBack : '',
+      /* 附件多于1个有下载全部 */
+      showFlag ? downloadAllFlag && allivaule !== '' ? _react2['default'].createElement(
+        _button2['default'],
+        { icon: _react2['default'].createElement(_icons.DownloadOutlined, null), size: 'normal', target: '_blank', href: this.urlDeal(urlDownloadFile, allivaule) },
+        '\u4E0B\u8F7D\u5168\u90E8\u9644\u4EF6'
+      ) : '' : ''
+    );
+  };
+
+  return Easy3wUploadM;
+}(_react.Component);
+
+Easy3wUploadM.propTypes = {
+  uploadName: _propTypes2['default'].string.isRequired, // 上传名称
+  sendData: _propTypes2['default'].string.isRequired, // 传送数据接口
+  initialValue: _propTypes2['default'].array, // 初始值
+  urlUpFileService: _propTypes2['default'].string, // 后台附件服务地址
+  urlDownloadFile: _propTypes2['default'].string,
+  required: _propTypes2['default'].bool, // 是否必须
+  help: _propTypes2['default'].string, // 后台附件服务地址
+  limitSize: _propTypes2['default'].number, // 文件大小限制
+  listType: _propTypes2['default'].string, // 附件类型
+  accept: _propTypes2['default'].string, // 接受类型
+  buttonName: _propTypes2['default'].string, // 上传名称
+  isRead: _propTypes2['default'].bool, // 是否只读
+  downloadAllFlag: _propTypes2['default'].bool, // 是否可以全部下载
+  label: _propTypes2['default'].string, // lable名称
+  className: _propTypes2['default'].string, // CSS类名
+  labelCol: _propTypes2['default'].object, // CSS类名
+  wrapperCol: _propTypes2['default'].object // CSS类名
+};
+Easy3wUploadM.defaultProps = {
+  initialValue: [],
+  listType: 'file',
+  accept: '',
+  limitSize: 200,
+  urlUpFileService: '',
+  urlDownloadFile: '',
+  buttonName: '上传',
+  help: '请上传附件，可上传多个，按Ctrl键可选多个',
+  required: true,
+  isRead: false,
+  downloadAllFlag: false,
+  label: '',
+  className: '',
+  labelCol: {},
+  wrapperCol: {}
+};
+exports['default'] = Easy3wUploadM;
+module.exports = exports['default'];

package/lib/Easy3wUploadM/index.js

@@ -91,7 +91,10 @@ var Easy3wUploadM = function (_Component) {
     }
 
     return _ret = (_temp = (_this = (0, _possibleConstructorReturn3['default'])(this, _Component.call.apply(_Component, [this].concat(args))), _this), _this.state = {
-      fileList: [{}]
+      fileList: [],
+      beforeFileList: [], // 上传前获取上传文件
+      finishFileList: [] // 上传完成文件
+
       // 预览
     }, _this.onPreview = function (file) {
       var objPreviewFileNew = (0, _extends3['default'])({}, _comonConfig.objPreviewFile, _this.props.objPreviewFile);
@@ -256,6 +259,11 @@ var Easy3wUploadM = function (_Component) {
         });
         return false;
       } else {
+        _this2.setState(function (prev) {
+          return (0, _extends3['default'])({}, _this2.state, {
+            beforeFileList: [].concat(prev.beforeFileList, [file])
+          });
+        });
         return true;
       }
     };
@@ -267,6 +275,7 @@ var Easy3wUploadM = function (_Component) {
     };
     var handleFileChange = function handleFileChange(e) {
       var fileList = e.fileList;
+      var file = e.file;
       // 移除大小不符、类型不符的文件
 
       fileList = fileList.filter(function (f1) {
@@ -310,9 +319,9 @@ var Easy3wUploadM = function (_Component) {
         return nFile;
       });
       // 3. filter successfully uploaded files according to response from server
-      fileList = fileList.filter(function (file) {
-        var status = file.status,
-            name = file.name;
+      fileList = fileList.filter(function (f3) {
+        var status = f3.status,
+            name = f3.name;
 
         if (status === 'error') {
           _modal2['default'].error({
@@ -321,17 +330,17 @@ var Easy3wUploadM = function (_Component) {
           });
           return false; // 上传失败
         }
-        if (file.response) {
-          if (file.response.rspCode === '0000') {
-            if (uploadDoneCallback) {
-              uploadDoneCallback(uploadName, fileList, file);
-            }
+        if (f3.response) {
+          if (f3.response.rspCode === '0000') {
+            // if (uploadDoneCallback) {
+            //   uploadDoneCallback(uploadName, fileList, f3);
+            // }
             return true;
           }
-          if (file.response.rspMsg) {
+          if (f3.response.rspMsg) {
             _modal2['default'].error({
               style: { top: '38%' },
-              content: file.response.rspMsg
+              content: f3.response.rspMsg
             });
           } else {
             _modal2['default'].error({
@@ -355,6 +364,24 @@ var Easy3wUploadM = function (_Component) {
         }
       });
       _this2.setState({ fileList: fileList });
+      var status = file.status;
+
+      if (status === 'done') {
+        _this2.setState(function (prev) {
+          return { finishFileList: [].concat(prev.finishFileList, [file]) };
+        }, function () {
+          var _state = _this2.state,
+              beforeFileList = _state.beforeFileList,
+              finishFileList = _state.finishFileList;
+
+          if (beforeFileList.length > 0 && finishFileList.length > 0 && beforeFileList.length === finishFileList.length) {
+            if (uploadDoneCallback) {
+              uploadDoneCallback(uploadName, fileList, file);
+              _this2.setState({ finishFileList: [], beforeFileList: [] });
+            }
+          }
+        });
+      }
       return fileList;
     };
     var checkFile = function checkFile(rule, value, callback) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "easy3wui",
-  "version": "4.0.36",
+  "version": "4.0.37",
   "description": "easy3wui components for react",
   "keywords": [
     "react",