easy3wui 1.5.7 → 1.5.8-2.beta

package/lib/Easy3wUploadM/index copy.js

@@ -0,0 +1,523 @@
+'use strict';
+
+exports.__esModule = true;
+
+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);
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _form = require('antd/lib/form');
+
+var _form2 = _interopRequireDefault(_form);
+
+require('antd/lib/form/style');
+
+var _upload = require('antd/lib/upload');
+
+var _upload2 = _interopRequireDefault(_upload);
+
+require('antd/lib/upload/style');
+
+var _icon = require('antd/lib/icon');
+
+var _icon2 = _interopRequireDefault(_icon);
+
+require('antd/lib/icon/style');
+
+var _button = require('antd/lib/button');
+
+var _button2 = _interopRequireDefault(_button);
+
+require('antd/lib/button/style');
+
+var _popover = require('antd/lib/popover');
+
+var _popover2 = _interopRequireDefault(_popover);
+
+require('antd/lib/popover/style');
+
+var _modal = require('antd/lib/modal');
+
+var _modal2 = _interopRequireDefault(_modal);
+
+require('antd/lib/modal/style');
+
+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);
+
+var _Easy3wUIConfig = require('../Easy3wUIConfig');
+
+var _Easy3wUIConfig2 = _interopRequireDefault(_Easy3wUIConfig);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+var objPreviewFileDefault = _Easy3wUIConfig2['default'].objPreviewFileDefault;
+
+// const { previewFileUrl, previewFileFlag, previewFileType } = objPreviewFile || {};
+// 文件上传配置
+
+var _ref = _comonConfig.objE3wUIFileConfig || {},
+    maxSize = _ref.maxSize;
+// maxSizeB 大附件-文件大小限制 单位：MB
+// maxSize 附件-文件大小限制 单位：MB
+
+
+var _ref2 = _comonConfig.objEasy3wUIConfig || {},
+    objEasy3wUploadM = _ref2.objEasy3wUploadM;
+
+var _ref3 = objEasy3wUploadM || {},
+    projectType = _ref3.projectType;
+
+var formItemStyle = {
+  marginBottom: projectType === '1' ? 3 : 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'])({}, objPreviewFileDefault, _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 propsAFlag = _this.props.propsAFlag; // propsAFlag 加密标识 从引用组件处传入 '1':加密 '0':不加密
+
+      var retUrl = '';
+      if (uid !== '' && propsAFlag === '1' || uid !== '' && propsAFlag !== '0' && (_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);
+  }
+
+  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,
+        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,
+        propsAFlag = _props.propsAFlag,
+        fileViewFlag = _props.fileViewFlag;
+    var limitSize = this.props.limitSize;
+
+    limitSize = limitSize || maxSize || 200;
+    var warnMessage = this.props.warnMessage;
+
+    var iniVal = [];
+    var allivaule = '';
+    if (initialValue) {
+      iniVal = initialValue.map(function (obj) {
+        var uid = obj.uid,
+            name = obj.name,
+            status = obj.status;
+
+        if (allivaule === '') {
+          allivaule = uid;
+        } else {
+          allivaule = allivaule + ',' + uid;
+        }
+        var url = _this2.urlDeal(urlDownloadFile, uid);
+        return { uid: uid, name: name, url: url, status: status || 'done' };
+      });
+    }
+    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: JSON.stringify(sendData || {}),
+        easy3wRootOrg: _comonConfig.easy3wRootOrg || ''
+      }
+    };
+    if (isRead) {
+      upProps = (0, _extends3['default'])({}, upProps, { children: true, showUploadList: { showPreviewIcon: false, showRemoveIcon: false } });
+    }
+    var objPreviewFileNew = (0, _extends3['default'])({}, objPreviewFileDefault, _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 = '.msg,.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 = '.msg,.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) {
+            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;
+          nFile.uid = id;
+          var url = _this2.urlDeal(urlDownloadFile, 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) {
+      var str = void 0;
+      if (value && value instanceof Array) {
+        for (var i = 0; i < value.length; i += 1) {
+          var status = value[i].status;
+
+          if (status === 'uploading') {
+            str = ' ';
+            break;
+          }
+        }
+      } else {
+        str = ' ';
+      }
+      callback(str);
+    };
+    var showFlag = initialValue && initialValue.length > 1 || this.state.fileList.length > 1;
+    return isRead ? _react2['default'].createElement(
+      _form2['default'].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,
+        propsAFlag: propsAFlag,
+        fileViewFlag: fileViewFlag
+      })),
+      extendBackShowFlag ? extendBack : ''
+    ) : _react2['default'].createElement(
+      _form2['default'].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(_icon2['default'], { type: 'upload' }),
+            ' ',
+            buttonName
+          )
+        )
+      )),
+      extendBackShowFlag ? extendBack : '',
+      showFlag ? downloadAllFlag && allivaule !== '' ? _react2['default'].createElement(
+        _button2['default'],
+        { icon: 'download', 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'].object.isRequired, // 传送数据接口
+  initialValue: _propTypes2['default'].array, // 初始值
+  urlUpFileService: _propTypes2['default'].string, // 后台附件服务地址
+  urlDownloadFile: _propTypes2['default'].string,
+  required: _propTypes2['default'].bool, // 是否必须
+  help: _propTypes2['default'].string, // 后台附件服务地址
+  // limitSize: PropTypes.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'];