dlt-for-react 1.1.3 → 1.1.4

package/lib/layouts/KyUpload/index.js

@@ -1,1155 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _getLoginUser2 = require('xgui-for-react/lib/utils/getLoginUser');
-
-var _getLoginUser3 = _interopRequireDefault(_getLoginUser2);
-
-var _getIterator2 = require('babel-runtime/core-js/get-iterator');
-
-var _getIterator3 = _interopRequireDefault(_getIterator2);
-
-var _spin = require('antd/lib/spin');
-
-var _spin2 = _interopRequireDefault(_spin);
-
-var _upload = require('antd/lib/upload');
-
-var _upload2 = _interopRequireDefault(_upload);
-
-var _button = require('antd/lib/button');
-
-var _button2 = _interopRequireDefault(_button);
-
-var _icon = require('antd/lib/icon');
-
-var _icon2 = _interopRequireDefault(_icon);
-
-var _regenerator = require('babel-runtime/regenerator');
-
-var _regenerator2 = _interopRequireDefault(_regenerator);
-
-var _asyncToGenerator2 = require('babel-runtime/helpers/asyncToGenerator');
-
-var _asyncToGenerator3 = _interopRequireDefault(_asyncToGenerator2);
-
-var _message2 = require('antd/lib/message');
-
-var _message3 = _interopRequireDefault(_message2);
-
-var _NHFetch2 = require('xgui-for-react/lib/utils/NHFetch');
-
-var _NHFetch3 = _interopRequireDefault(_NHFetch2);
-
-var _stringify = require('babel-runtime/core-js/json/stringify');
-
-var _stringify2 = _interopRequireDefault(_stringify);
-
-var _createUuid2 = require('xgui-for-react/lib/utils/createUuid');
-
-var _createUuid3 = _interopRequireDefault(_createUuid2);
-
-var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
-
-var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
-
-var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
-
-var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
-
-var _createClass2 = require('babel-runtime/helpers/createClass');
-
-var _createClass3 = _interopRequireDefault(_createClass2);
-
-var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
-
-var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
-
-var _inherits2 = require('babel-runtime/helpers/inherits');
-
-var _inherits3 = _interopRequireDefault(_inherits2);
-
-var _promise = require('babel-runtime/core-js/promise');
-
-var _promise2 = _interopRequireDefault(_promise);
-
-require('antd/lib/spin/style');
-
-require('antd/lib/upload/style');
-
-require('antd/lib/button/style');
-
-require('antd/lib/icon/style');
-
-require('antd/lib/message/style');
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _classnames = require('classnames');
-
-var _classnames2 = _interopRequireDefault(_classnames);
-
-var _KyModal = require('../KyModal');
-
-var _KyModal2 = _interopRequireDefault(_KyModal);
-
-var _KyPreview = require('../KyPreview');
-
-var _KyPreview2 = _interopRequireDefault(_KyPreview);
-
-require('../../../assets/components/KyUpload/index.less');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var downloadPrefix = 'zuul/docrepo/download/file';
-
-
-/**
- * 文件上传路径：
- * file模式：zuul/docrepo/upload
- * redis模式：${baseUrl}/proData/uploadRedis
- * 文件下载路径：
- * file模式：zuul/docrepo/download/file?attachmentId={uuid}
- * redis模式：${baseUrl}/proData/downloadRedis
- * 文件删除路径：
- * ${baseUrl}/dynamic/updateDel
- */
-
-function getBase64(file) {
-  return new _promise2.default(function (resolve, reject) {
-    var reader = new FileReader();
-    reader.readAsDataURL(file);
-    reader.onload = function () {
-      return resolve(reader.result);
-    };
-    reader.onerror = function (error) {
-      return reject(error);
-    };
-  });
-}
-
-var xtglUrl = undefined.props.baseUrl ? undefined.props.baseUrl : 'api/ky-core';
-
-//pageOffice附件(Office文档)预览接口url(参数：attachmentId(必填),openType(非必填))
-var previewOfficeUrl = xtglUrl + '/pageoffice/docShow';
-
-//pdf预览url(参数：attachmentId(必填))
-var previewPdfUrl = xtglUrl + '/pageoffice/preview/pdf';
-
-//pageOffice正文新增与编辑接口url(参数：docId(必填),openType(非必填),templateId(非必填))
-var docUrl = 'api/pageoffice/docPageOffice/docAddOrShow';
-
-var KyUpload = function (_React$Component) {
-  (0, _inherits3.default)(KyUpload, _React$Component);
-
-  function KyUpload(props) {
-    (0, _classCallCheck3.default)(this, KyUpload);
-
-    var _this = (0, _possibleConstructorReturn3.default)(this, (KyUpload.__proto__ || (0, _getPrototypeOf2.default)(KyUpload)).call(this, props));
-
-    _initialiseProps.call(_this);
-
-    var value = props.value || props.defaultValue;
-    _this.state = {
-      fileList: [], //上传的文件
-      value: value !== undefined && value !== null && value.trim() !== '' ? value : (0, _createUuid3.default)(), //传了附件主表id，查询附件明细
-      imageVisible: false,
-      previewFile: '',
-      fileName: '',
-      spinLoading: false, //加载中标识
-      rotateDeg: 0, //旋转角度
-      KY_FJFWBZ: 'http://192.168.35.210:1101', //附件服务地址
-      KY_FJYLBZ: 'http://192.168.35.131:8012' //附件预览服务地址
-    };
-    return _this;
-  }
-  //设置可以传递参数的默认值
-
-
-  (0, _createClass3.default)(KyUpload, [{
-    key: 'componentWillReceiveProps',
-    value: function componentWillReceiveProps(nextProps) {
-      var _this2 = this;
-
-      if (this.props.uploadType === 'file') {
-        var _props = this.props,
-            serviceMark = _props.serviceMark,
-            moduleName = _props.moduleName;
-
-        if (serviceMark && moduleName) {
-          if ('value' in nextProps) {
-            var value = nextProps.value;
-            if ((0, _stringify2.default)(value) === '[]' || typeof value === 'undefined' || typeof value === 'string' && value.trim() === '' || value === null) {
-              this.setState({ fileList: [] });
-            } else {
-              if (value !== this.state.value) {
-                this.setState({ value: value, fileList: [] });
-                var t = new Date().getTime();
-                // 获取动态文件
-                (0, _NHFetch3.default)(xtglUrl + '/dynamic/' + value + '/getDetailed', 'GET', t).then(function (res) {
-                  if (res && res.data && res.data.length > 0) {
-                    _this2.handleFileList(res.data);
-                  }
-                });
-              }
-            }
-          }
-        } else {
-          _message3.default.error('服务标志和模块名称不能为空');
-        }
-      }
-    }
-
-    //在组件挂载之前调用一次。如果在这个函数里面调用setState，本次的render函数可以看到更新后的state，并且只渲染一次。
-
-  }, {
-    key: 'UNSAFE_componentWillMount',
-    value: function UNSAFE_componentWillMount() {
-      var _this3 = this;
-
-      this.setState({ fileList: [] });
-      if (this.props.uploadType === 'file') {
-        var _props2 = this.props,
-            serviceMark = _props2.serviceMark,
-            moduleName = _props2.moduleName,
-            newValue = _props2.value;
-
-        if (serviceMark && moduleName) {
-          var value = this.state.value;
-          if (newValue !== value) return;
-          var t = new Date().getTime();
-          (0, _NHFetch3.default)(xtglUrl + '/dynamic/' + value + '/getDetailed', 'GET', t).then(function (res) {
-            if (res && res.data && res.data.length > 0) {
-              _this3.handleFileList(res.data);
-            }
-          });
-        } else {
-          _message3.default.error('服务标志和模块名称不能为空');
-        }
-      }
-      if (!window.POBrowser) {
-        // 检测是否有引入pageoffice相关的js
-        // 引入pageoffice相关的js
-        // dynamicLoadJs(xtglUrl + '/jquery.min.js');
-        // dynamicLoadJs(xtglUrl + '/pageoffice.js');
-      }
-    }
-
-    //在组件挂载之后调用一次。
-
-  }, {
-    key: 'componentDidMount',
-    value: function () {
-      var _ref = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee() {
-        var params, res, _ref2, KY_FJFWBZ, KY_FJYLBZ;
-
-        return _regenerator2.default.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                params = ['KY_FJFWBZ', 'KY_FJYLBZ'];
-                _context.next = 3;
-                return (0, _NHFetch3.default)(xtglUrl + '/common/parameters/get', 'POST', params);
-
-              case 3:
-                res = _context.sent;
-
-                if (!(res && res.code !== 200)) {
-                  _context.next = 6;
-                  break;
-                }
-
-                return _context.abrupt('return');
-
-              case 6:
-                _ref2 = res.data || {}, KY_FJFWBZ = _ref2.KY_FJFWBZ, KY_FJYLBZ = _ref2.KY_FJYLBZ;
-
-                this.setState({ KY_FJFWBZ: KY_FJFWBZ, KY_FJYLBZ: KY_FJYLBZ });
-
-              case 8:
-              case 'end':
-                return _context.stop();
-            }
-          }
-        }, _callee, this);
-      }));
-
-      function componentDidMount() {
-        return _ref.apply(this, arguments);
-      }
-
-      return componentDidMount;
-    }()
-
-    //处理fileList
-
-
-    //判断文件是否满足要求文件格式的要求
-
-
-    //判断文件是否是可执行文件
-
-
-    //文件上传之前执行的方法
-
-
-    //在上传之前转换文件
-
-
-    //检查是否为图片类型
-
-
-    //新增附件主表和明细
-
-    //文件上传改变事件
-
-
-    //发送请求的时候的数据
-
-
-    //打开正文
-
-
-    // 图片旋转90度
-
-  }, {
-    key: 'render',
-    value: function render() {
-      var _this4 = this;
-
-      var baseUrl = this.props.baseUrl || window.baseUrl;
-      var action = this.props.uploadType === 'file' ? 'zuul/docrepo/upload' : baseUrl + '/proData/uploadRedis?fileName=' + this.state.fileName;
-      var _state = this.state,
-          imageVisible = _state.imageVisible,
-          previewFile = _state.previewFile,
-          fileList = _state.fileList,
-          rotateDeg = _state.rotateDeg,
-          fileType = _state.fileType;
-
-      var showUploadList = {
-        showDownloadIcon: this.props.uploadType === 'file' ? true : false
-      };
-      var _props3 = this.props,
-          _props3$templateList = _props3.templateList,
-          templateList = _props3$templateList === undefined ? [] : _props3$templateList,
-          _props3$accept = _props3.accept,
-          accept = _props3$accept === undefined ? '*/*' : _props3$accept,
-          image = _props3.image,
-          fileCountLimit = _props3.fileCountLimit,
-          _props3$disableDelete = _props3.disableDelete,
-          disableDelete = _props3$disableDelete === undefined ? false : _props3$disableDelete,
-          fileView = _props3.fileView;
-
-      var uploadButton = image ? _react2.default.createElement(
-        'div',
-        null,
-        _react2.default.createElement(_icon2.default, { type: 'plus' })
-      ) : _react2.default.createElement(
-        _button2.default,
-        { disabled: this.props.disabled },
-        _react2.default.createElement(_icon2.default, { type: 'upload' }),
-        ' \u70B9\u51FB\u4E0A\u4F20'
-      );
-      if (fileList.length >= fileCountLimit) {
-        uploadButton = null;
-      }
-      var maxHeight = window.screen.height * 2 / 3;
-      return _react2.default.createElement(
-        'div',
-        { className: (0, _classnames2.default)('ky-upload', disableDelete ? 'nhUpload-removeDelete' : '') },
-        this.props.isEdit === true ? _react2.default.createElement(
-          'div',
-          null,
-          _react2.default.createElement(
-            _upload2.default,
-            {
-              className: fileView ? 'file-view' : '',
-              name: 'file',
-              accept: accept,
-              action: action,
-              beforeUpload: this.beforeUpload,
-              transformFile: this.transformFile,
-              listType: this.props.listType,
-              onChange: this.handleChange,
-              disabled: this.props.disabled,
-              data: this.requestData(),
-              fileList: fileList,
-              onPreview: this.handlePreview,
-              onDownload: this.handleDownload,
-              showUploadList: showUploadList,
-              multiple: this.props.multiple
-            },
-            uploadButton,
-            _react2.default.createElement(
-              'p',
-              {
-                className: 'kyUpload-hint',
-                style: { display: this.props.hideTips ? 'none' : 'block' }
-              },
-              this.props.tips
-            )
-          ),
-          templateList.map(function (item) {
-            return _react2.default.createElement(
-              'a',
-              { key: item.uuid, href: downloadPrefix + '?attachmentId=' + item.uuid },
-              item.name
-            );
-          }),
-          this.state.spinLoading && _react2.default.createElement(_spin2.default, null)
-        ) : _react2.default.createElement(_upload2.default, {
-          className: fileView ? 'file-view' : '',
-          name: 'file',
-          accept: accept,
-          action: action,
-          beforeUpload: this.beforeUpload,
-          transformFile: this.transformFile,
-          listType: this.props.listType,
-          disabled: true,
-          data: this.requestData(),
-          fileList: fileList,
-          onPreview: this.handlePreview,
-          onDownload: this.handleDownload,
-          showUploadList: showUploadList,
-          multiple: this.props.multiple
-        }),
-        imageVisible && _react2.default.createElement(_KyPreview2.default, {
-          fileType: fileType,
-          previewFile: previewFile,
-          visible: imageVisible,
-          height: maxHeight * 0.8,
-          onCancel: this.handleCancel
-        }),
-        _react2.default.createElement(
-          _KyModal2.default,
-          {
-            ref: 'kyModal',
-            title: '\u9644\u4EF6\u9884\u89C8',
-            maxSize: true,
-            footer: [{
-              text: '关闭',
-              type: 'default',
-              onClick: function onClick() {
-                _this4.refs.kyModal.close();
-              }
-            }]
-          },
-          _react2.default.createElement(_KyPreview2.default, {
-            fileType: fileType,
-            previewFile: previewFile,
-            visible: true,
-            height: maxHeight * 0.8,
-            onCancel: this.handleCancel
-          })
-        ),
-        _react2.default.createElement(
-          'style',
-          { jsx: 'true', global: 'true' },
-          '\n            .ant-upload-list-picture .ant-upload-list-item-name,\n            .ant-upload-list-picture-card .ant-upload-list-item-name {\n              color: #40a9ff;\n              cursor: pointer;\n            }\n            // .ant-upload-list-item-info svg {\n            //   display: none;\n            // }\n          '
-        )
-      );
-    }
-  }]);
-  return KyUpload;
-}(_react2.default.Component);
-
-KyUpload.defaultProps = {
-  multiple: false, //是否支持上传多个文件，默认false
-  // fileList:[],//设置默认上传的内容，格式:[{uuid:'附件文档库的标志',name:'文件名称'}],只有uploadType为file(文档库)模式的时候才能使用此功能
-  uploadType: 'file', //文件上传方式，file:文档库，redis:Redis缓存，如果是需要永久上传请使用文档库，如果只是暂存，建议使用redis缓存
-  redisData: 30, //缓存时间,单位：分钟，设置缓存时间，意思是超过这个时间就会删除这个缓存信息
-  fileCountLimit: 10, //上传文件个数限制
-  fileTypeLimit: undefined, //上传文件格式限制
-  disabled: false, //是否禁用
-  onChange: undefined, //值改变事件,参数：resultStr,resultList
-  maxFileSize: 20, //默认上传最大大小限制20MB,
-  sizeWord: 'M', //大小单位，默认为M
-  serviceMark: 'ly-ky', //服务标志，说明是属于哪个服务
-  moduleName: '科研系统', //模块名称，说明是属于哪个服务的哪个模块
-  value: '', //附件主表id
-  describe: '', //描述，对上传的附件的一个描述信息
-  fileMainName: '', //附件主表名，存储该附件对应的主表的名称，主要是为了以后进行追溯
-  isEdit: true, //是否可以编辑，默认为true，查看模式必须传value
-  listType: 'text', //上传列表的内建样式，基本样式 text, picture,picture-card
-  compressThreshold: 5, //压缩的阈值,图片大小超过5M,则需要进行压缩
-  isPictureCompress: false, //是否开启图片压缩
-  pictureQuality: 0.92, //指定压缩的图片质量,取值范围为0~1,quality值越小,图像越模糊,默认图片质量为0.92
-  defaultEffective: false, //指定上传的附件是否默认在附件主表有效
-  templateList: [], // 附件模板
-  image: false, //listType为picture-card才能使用true
-  disableDelete: false, // 是否隐藏删除按钮，默认为false
-  hideTips: true, //默认隐藏附件上传提示语
-  tips: '附件上传提示语',
-  kkFileView: true, //默认使用新版预览方式
-  fileView: true //组件为不可编辑模式下，listType为picture-card,非图片文件默认支持预览
-};
-
-var _initialiseProps = function _initialiseProps() {
-  var _this5 = this;
-
-  this.handleFileList = function (propsfileList) {
-    var initFielList = propsfileList;
-    if (typeof propsfileList === 'string') {
-      initFielList = [];
-      propsfileList.split(',').map(function (item) {
-        initFielList.push({
-          uuid: item.split(';')[0],
-          name: item.split(';')[1]
-        });
-        return item;
-      });
-    }
-    var fileList = _this5.state.fileList;
-    var uuidList = [];
-    if (fileList.length > 0) {
-      fileList.map(function (item) {
-        uuidList.push(item.uuid);
-      });
-    }
-    var img = ['png', 'jpeg', 'jpg', 'gif', 'bmp'];
-    initFielList.map(function (item, index) {
-      if (uuidList.indexOf(item.uuid) === -1) {
-        if (!_this5.checkIsImage(item.name)) {
-          fileList.push({
-            uuid: item.uuid,
-            uid: item.uuid,
-            name: item.name,
-            status: 'done',
-            reponse: 'Server Error 500' // custom error message to show
-            // url: 'api/docrepo/download/file?attachmentId='+item.uuid,
-          });
-          return item;
-        }
-        fileList.push({
-          uuid: item.uuid,
-          uid: item.uuid,
-          name: item.name,
-          status: 'done',
-          reponse: 'Server Error 500', // custom error message to show
-          url: 'zuul/docrepo/download/file?attachmentId=' + item.uuid
-        });
-        return item;
-      }
-    });
-    _this5.setState({
-      fileList: fileList
-    });
-  };
-
-  this.checkTypeLimit = function (filename, fileTypeLimit) {
-    for (var i = 0; i < fileTypeLimit.length; i++) {
-      if (filename.toUpperCase().indexOf(fileTypeLimit[i].toUpperCase()) > -1) {
-        return true;
-      }
-    }
-    return false;
-  };
-
-  this.checkIsRun = function (filename, executable) {
-    for (var i = 0; i < executable.length; i++) {
-      if (filename.toUpperCase().indexOf(executable[i].toUpperCase()) > -1) {
-        return true;
-      }
-    }
-    return false;
-  };
-
-  this.beforeUpload = function (file, fileList) {
-    var suffixMap = {
-      word: ['.doc', '.docx'],
-      exce: ['.xls', '.xlsx'],
-      img: ['.png', '.jpeg', '.jpg', '.gif', '.bmp']
-    };
-    var executable = ['.exe', '.sys', '.com', '.bat', '.jsp', '.asp', '.php', '.aspx', '.asa', '.asax', '.asmx', '.ashx', '.ascx', '.pif', '.acf', '.arj', '.swg', '.swf', '.svx', '.dos'];
-    //文件格式的限制
-    if (_this5.checkIsRun(file.name, executable)) {
-      _message3.default.info('不允许上传可执行的文件！');
-      return false;
-    } else {
-      if (_this5.props.fileTypeLimit && _this5.props.fileTypeLimit.length > 0) {
-        var fileTypeLimit = _this5.props.fileTypeLimit;
-        for (var i = fileTypeLimit.length - 1; i >= 0; i--) {
-          var list = suffixMap[fileTypeLimit[i]];
-          if (list) {
-            fileTypeLimit.splice(i, 1);
-            for (var j = 0; j < list.length; j++) {
-              fileTypeLimit.push(list[j]);
-            }
-          }
-        }
-        if (!_this5.checkTypeLimit(file.name, fileTypeLimit)) {
-          _message3.default.info('只能上传后缀为[' + fileTypeLimit.join(',') + ']格式的文件！');
-          return false;
-        }
-      }
-    }
-    if (_this5.props.image && !_this5.checkIsImage(file.name)) {
-      _message3.default.info('只能上传图片类型');
-      return false;
-    }
-    //文件上传数量限制
-    var fileCountLimit = !_this5.props.multiple ? 1 : _this5.props.fileCountLimit;
-    if (fileCountLimit && fileCountLimit <= _this5.state.fileList.length) {
-      _message3.default.info('最多只能上传' + fileCountLimit + '个文件！');
-      return false;
-    }
-
-    //限制上传文件大小(默认上传大小限制20MB)
-    var _props4 = _this5.props,
-        _props4$maxFileSize = _props4.maxFileSize,
-        maxFileSize = _props4$maxFileSize === undefined ? 20 : _props4$maxFileSize,
-        _props4$sizeWord = _props4.sizeWord,
-        sizeWord = _props4$sizeWord === undefined ? 'M' : _props4$sizeWord;
-
-    var isOverSize = false;
-    if (sizeWord.toLocaleLowerCase() === 'kb') {
-      // 若单位为kb则按kb的比较
-      var fileSize = file.size / 1024;
-      isOverSize = fileSize > maxFileSize;
-    } else {
-      var _fileSize = file.size / 1024 / 1024;
-      isOverSize = _fileSize > maxFileSize;
-    }
-
-    if (isOverSize) {
-      var msg = '抱歉，上传文件大小最大不能超过' + maxFileSize + sizeWord + '！';
-      _message3.default.error(msg);
-      return !isOverSize;
-    }
-    _this5.setState({ fileName: file.name });
-    return true;
-  };
-
-  this.transformFile = function (file) {
-    /**
-     * 针对图片进行压缩,如果图片大小超过压缩阈值,则执行压缩,否则不压缩
-     */
-    //判断是否是图片类型
-    if (_this5.checkIsImage(file.name)) {
-      var _props5 = _this5.props,
-          _props5$compressThres = _props5.compressThreshold,
-          compressThreshold = _props5$compressThres === undefined ? 5 : _props5$compressThres,
-          _props5$isPictureComp = _props5.isPictureCompress,
-          isPictureCompress = _props5$isPictureComp === undefined ? false : _props5$isPictureComp,
-          _props5$pictureQualit = _props5.pictureQuality,
-          pictureQuality = _props5$pictureQualit === undefined ? 0.92 : _props5$pictureQualit;
-
-      var fileSize = file.size / 1024 / 1024;
-      // console.log('before compress, the file size is : ', fileSize + "M");
-      //当开启图片压缩且图片大小大于等于压缩阈值,进行压缩
-      if (fileSize >= compressThreshold && isPictureCompress) {
-        //判断浏览器内核是否支持base64图片压缩
-        if (typeof FileReader === 'undefined') {
-          return file;
-        } else {
-          try {
-            _this5.setState({
-              spinLoading: true
-            });
-            return new _promise2.default(function (resolve) {
-              //声明FileReader文件读取对象
-              var reader = new FileReader();
-              reader.readAsDataURL(file);
-              reader.onload = function () {
-                // 生成canvas画布
-                var canvas = document.createElement('canvas');
-                // 生成img
-                var img = document.createElement('img');
-                img.src = reader.result;
-                img.onload = function () {
-                  var ctx = canvas.getContext('2d');
-                  //原始图片宽度、高度
-                  var originImageWidth = img.width,
-                      originImageHeight = img.height;
-                  //默认最大尺度的尺寸限制在（1920 * 1080）
-                  var maxWidth = 1920,
-                      maxHeight = 1080,
-                      ratio = maxWidth / maxHeight;
-                  //目标尺寸
-                  var targetWidth = originImageWidth,
-                      targetHeight = originImageHeight;
-                  //当图片的宽度或者高度大于指定的最大宽度或者最大高度时,进行缩放图片
-                  if (originImageWidth > maxWidth || originImageHeight > maxHeight) {
-                    //超过最大宽高比例
-                    if (originImageWidth / originImageHeight > ratio) {
-                      //宽度取最大宽度值maxWidth,缩放高度
-                      targetWidth = maxWidth;
-                      targetHeight = Math.round(maxWidth * (originImageHeight / originImageWidth));
-                    } else {
-                      //高度取最大高度值maxHeight,缩放宽度
-                      targetHeight = maxHeight;
-                      targetWidth = Math.round(maxHeight * (originImageWidth / originImageHeight));
-                    }
-                  }
-                  // canvas对图片进行缩放
-                  canvas.width = targetWidth;
-                  canvas.height = targetHeight;
-                  // 清除画布
-                  ctx.clearRect(0, 0, targetWidth, targetHeight);
-                  // 绘制图片
-                  ctx.drawImage(img, 0, 0, targetWidth, targetHeight);
-                  // quality值越小,图像越模糊,默认图片质量为0.92
-                  var imageDataURL = canvas.toDataURL(file.type || 'image/jpeg', pictureQuality);
-                  // 去掉URL的头,并转换为byte
-                  var imageBytes = window.atob(imageDataURL.split(',')[1]);
-                  // 处理异常,将ascii码小于0的转换为大于0
-                  var arrayBuffer = new ArrayBuffer(imageBytes.length);
-                  var uint8Array = new Uint8Array(arrayBuffer);
-                  for (var i = 0; i < imageBytes.length; i++) {
-                    uint8Array[i] = imageBytes.charCodeAt(i);
-                  }
-                  var mimeType = imageDataURL.split(',')[0].match(/:(.*?);/)[1];
-                  var newFile = new File([uint8Array], file.name, {
-                    type: mimeType || 'image/jpeg'
-                  });
-                  // console.log('after compress, the file size is : ', (newFile.size / 1024 / 1024) + "M");
-                  resolve(newFile);
-                };
-              };
-              reader.onerror = function () {
-                _this5.setState({
-                  spinLoading: false
-                });
-                return file;
-              };
-            }).then(function (res) {
-              _this5.setState({
-                spinLoading: false
-              });
-              return res;
-            }).catch(function () {
-              _this5.setState({
-                spinLoading: false
-              });
-              return file;
-            });
-          } catch (e) {
-            _this5.setState({
-              spinLoading: false
-            });
-            //压缩出错,直接返回原file对象
-            return file;
-          }
-        }
-      } else {
-        //不需要压缩，直接返回原file对象
-        return file;
-      }
-    } else {
-      //非图片文件,不进行压缩,直接返回原file对象
-      return file;
-    }
-  };
-
-  this.checkIsImage = function (fileName) {
-    var flag = void 0;
-    var imageTypeList = ['.jpg', '.png', '.jpeg', '.gif', '.GIF', '.JPG', '.PNG', '.JPEG'];
-    var _iteratorNormalCompletion = true;
-    var _didIteratorError = false;
-    var _iteratorError = undefined;
-
-    try {
-      for (var _iterator = (0, _getIterator3.default)(imageTypeList), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-        var item = _step.value;
-
-        flag = fileName.endsWith(item);
-        if (flag) {
-          return true;
-        }
-      }
-    } catch (err) {
-      _didIteratorError = true;
-      _iteratorError = err;
-    } finally {
-      try {
-        if (!_iteratorNormalCompletion && _iterator.return) {
-          _iterator.return();
-        }
-      } finally {
-        if (_didIteratorError) {
-          throw _iteratorError;
-        }
-      }
-    }
-
-    return flag;
-  };
-
-  this.handleMasterTable = function (e, fileList) {
-    var value = _this5.state.value;
-    var _props6 = _this5.props,
-        serviceMark = _props6.serviceMark,
-        moduleName = _props6.moduleName,
-        describe = _props6.describe,
-        fileMainName = _props6.fileMainName,
-        defaultEffective = _props6.defaultEffective;
-
-    var param = {
-      fjzbid: value,
-      fwbz: serviceMark,
-      mkmc: moduleName,
-      ms: describe,
-      fjzbm: fileMainName,
-
-      fjid: e.file.response.data.ssbh,
-      fjmc: e.file.name,
-      cjsid: (0, _getLoginUser3.default)().userId
-    };
-    if (defaultEffective) {
-      param.ztm = '1';
-    }
-    (0, _NHFetch3.default)(xtglUrl + '/dynamic/insert', 'POST', param).then(function (res) {
-      if (res && res.code === 200) {
-        // 插入主表成功后 去掉将size设置为false，size存在应该为上传阶段的，若存在则未成功保存到接口，getResult时将去掉当前数据
-        fileList.map(function (item) {
-          if (e.file.uid = item.uid) {
-            item.size = false;
-          }
-        });
-        _this5.getResult(fileList);
-      } else {
-        fileList.map(function (item, key) {
-          if (e.file.uid = item.uid) {
-            fileList.splice(key, 1);
-          }
-        });
-        _this5.setState({ fileList: fileList });
-        _message3.default.error('附件上传失败！');
-      }
-    }).catch(function () {
-      fileList.map(function (item, key) {
-        if (e.file.uid = item.uid) {
-          fileList.splice(key, 1);
-        }
-      });
-      _this5.setState({ fileList: fileList });
-    });
-  };
-
-  this.handleChange = function (e) {
-    var fileList = e.fileList;
-    if (e.file.status === 'done') {
-      //上传链接调用成功
-      var response = e.file.response;
-      if (_this5.props.uploadType === 'file') {
-        //上传到文档库中
-        if (response.meta && response.meta.statusCode === 200) {
-          //导出成功
-          fileList = fileList.map(function (file) {
-            if (file.uid === e.file.uid) {
-              file.uuid = response.data.ssbh;
-            }
-            return file;
-          });
-          _this5.handleMasterTable(e, fileList);
-        } else {
-          _message3.default.error('文件上传失败，请重新上传！');
-          fileList = _this5.filterCurrentFile(e.fileList, e.file);
-        }
-      } else {
-        //上传到redis中缓存
-        if (response.code === 200) {
-          fileList = fileList.map(function (file) {
-            if (file.uid === e.file.uid) {
-              file.uuid = e.file.response.data;
-            }
-            return file;
-          });
-          _this5.getResult(fileList);
-        } else {
-          _message3.default.error('文件上传失败，请重新上传！');
-          fileList = _this5.filterCurrentFile(e.fileList, e.file);
-        }
-      }
-    } else if (e.file.status === 'uploading') {
-      //上传中，此时不需要做处理
-      _this5.setState({
-        // loading: true,
-        fileList: fileList
-      });
-    } else if (e.file.status === 'error') {
-      //上传错误
-      _message3.default.error('文件由于未知原因失败，请重新上传！');
-      fileList = _this5.filterCurrentFile(e.fileList, e.file);
-    } else if (e.file.status === 'removed') {
-      //删除
-      (0, _NHFetch3.default)(xtglUrl + '/dynamic/updateDel', 'POST', e.file.uid).then(function (res) {
-        if (res && res.code === 200) {
-          _this5.getResult(fileList);
-        } else {
-          _message3.default.error('附件上传失败！');
-          fileList = _this5.filterCurrentFile(e.fileList, e.file);
-        }
-      });
-    }
-  };
-
-  this.filterCurrentFile = function (list, currFile) {
-    var fileList = [];
-    list.map(function (file) {
-      if (file.uid !== currFile.uid) {
-        fileList.push(file);
-      }
-      return file;
-    });
-    return fileList;
-  };
-
-  this.requestData = function () {
-    if (_this5.props.uploadType === 'file') {
-      return { uuid: (0, _createUuid3.default)(), type: '1' };
-    } else {
-      return { redisData: _this5.props.redisData };
-    }
-  };
-
-  this.handelFileUrl = function (fileList) {
-    // 上传完后修改图片链接
-    if (fileList.length > 0) {
-      fileList.map(function (item) {
-        if (item.response && item.response.meta && item.response.meta.statusCode === 200) {
-          var img = ['png', 'jpeg', 'jpg', 'gif', 'bmp'];
-          var fileNameSplitArry = item.name.split('.');
-          if (img.indexOf(img.indexOf(fileNameSplitArry[fileNameSplitArry.length - 1]) === -1)) {
-            item.uuid = item.response.data.ssbh;
-            item.uid = item.response.data.ssbh;
-            // item.name = item.name;
-            item.reponse = 'Server Error 500'; // custom error message to show
-            // item.url = 'api/docrepo/download/file?attachmentId='+item.response.data.ssbh;
-          } else {
-            item.uuid = item.response.data.ssbh;
-            item.uid = item.response.data.ssbh;
-            // item.name = item.name;
-            item.reponse = 'Server Error 500'; // custom error message to show
-            item.url = 'api/docrepo/download/file?attachmentId=' + item.response.data.ssbh;
-          }
-        }
-      });
-    }
-    return fileList;
-  };
-
-  this.getResult = function (fileList) {
-    if (_this5.props.uploadType === 'file') {
-      var list = [];
-      var listMap = [];
-      fileList.map(function (item, index) {
-        if (item.name) {
-          list.push(item.name);
-        }
-        if (item.size || item.size === 0) {
-          fileList.splice(index, 1);
-        }
-        if (item.uuid) {
-          var param = {};
-          param.uuid = item.uuid;
-          param.name = item.name;
-          listMap.push(param);
-        }
-      });
-      fileList = _this5.handelFileUrl(fileList);
-      _this5.setState({ fileList: fileList });
-      var value = _this5.state.value;
-      if (_this5.props.onChange) {
-        if (fileList.length > 0) {
-          _this5.props.onChange(value, list, listMap);
-        } else {
-          _this5.props.onChange(undefined);
-        }
-      }
-    } else {
-      var resultStr = '';
-      var resultList = [];
-      fileList.map(function (file) {
-        resultList.push({
-          uuid: file.uuid,
-          name: file.name
-        });
-        resultStr += ',' + file.uuid + ';' + file.name;
-        return file;
-      });
-      _this5.setState({ fileList: fileList });
-      if (resultStr) {
-        resultStr = resultStr.substring(1);
-      }
-      if (_this5.props.onChange) {
-        _this5.props.onChange(resultStr, resultList);
-      }
-    }
-  };
-
-  this.handleDownload = function () {
-    var _ref3 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee2(file) {
-      return _regenerator2.default.wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              window.open('zuul/docrepo/download/file?attachmentId=' + file.uid);
-
-            case 1:
-            case 'end':
-              return _context2.stop();
-          }
-        }
-      }, _callee2, _this5);
-    }));
-
-    return function (_x) {
-      return _ref3.apply(this, arguments);
-    };
-  }();
-
-  this.handlePreview = function () {
-    var _ref4 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee3(file) {
-      var name, previewFile, imageListType, fileListType, imageVisible;
-      return _regenerator2.default.wrap(function _callee3$(_context3) {
-        while (1) {
-          switch (_context3.prev = _context3.next) {
-            case 0:
-              if (!(!file.url && !file.preview)) {
-                _context3.next = 14;
-                break;
-              }
-
-              _context3.prev = 1;
-
-              if (!file.originFileObj) {
-                _context3.next = 8;
-                break;
-              }
-
-              _context3.next = 5;
-              return getBase64(file.originFileObj);
-
-            case 5:
-              file.preview = _context3.sent;
-              _context3.next = 9;
-              break;
-
-            case 8:
-              file.preUrl = 'zuul/docrepo/download/file?attachmentId=' + file.uid;
-
-            case 9:
-              _context3.next = 14;
-              break;
-
-            case 11:
-              _context3.prev = 11;
-              _context3.t0 = _context3['catch'](1);
-
-              console.log(_context3.t0);
-
-            case 14:
-              name = file.name.split('.')[1];
-              previewFile = file.url || file.preview || file.preUrl;
-              imageListType = ['png', 'jpeg', 'jpg', 'gif', 'bmp']; //图片格式
-
-              fileListType = ['doc', 'xls', 'ppt', 'pptx', 'vsd', 'mpp']; //file文档
-
-              imageVisible = imageListType.includes(name); //判断是否预览图片文件
-
-              _this5.setState({ previewFile: previewFile, fileType: name, imageVisible: imageVisible }, function () {
-                if (!imageVisible) {
-                  if (_this5.props.kkFileView) {
-                    var _state2 = _this5.state,
-                        KY_FJFWBZ = _state2.KY_FJFWBZ,
-                        KY_FJYLBZ = _state2.KY_FJYLBZ;
-                    // 使用新版附件预览服务
-
-                    var originUrl = KY_FJFWBZ + '/zuul/docrepo/download/file?attachmentId=' + file.uid; //要预览文件的访问地址
-                    var index = file.name.lastIndexOf('.');
-                    var _name = file.name;
-                    if (index > -1) {
-                      var firstName = file.name.substring(0, index);
-                      var lastName = file.name.substring(index);
-                      var size = file.uid.length;
-                      _name = firstName + '_' + file.uid.substring(size - 4) + lastName;
-                    }
-
-                    var previewUrl = originUrl + '&fullfilename=/' + _name;
-                    window.open(KY_FJYLBZ + '/onlinePreview?url=' + encodeURIComponent(Base64.encode(previewUrl)));
-                  } else {
-                    //旧版-预览非图片格式
-                    if (fileListType.includes(name)) {
-                      // 使用pageOffice预览附件
-                      _this5.previewAttachment(file.uid, name);
-                    } else {
-                      // 使用KyPreview封装组件预览附件
-                      _this5.refs.kyModal.show();
-                    }
-                  }
-                }
-              });
-
-            case 20:
-            case 'end':
-              return _context3.stop();
-          }
-        }
-      }, _callee3, _this5, [[1, 11]]);
-    }));
-
-    return function (_x2) {
-      return _ref4.apply(this, arguments);
-    };
-  }();
-
-  this.previewAttachment = function (uid, name) {
-    var previewUrl = name === 'pdf' ? previewPdfUrl : previewOfficeUrl;
-    var _window$location = window.location,
-        origin = _window$location.origin,
-        pathname = _window$location.pathname;
-
-    var url = origin + pathname + previewUrl + ('?attachmentId=' + uid);
-    if (window.POBrowser) {
-      window.POBrowser.openWindowModeless(url, 'width=1200px;height=850px;');
-    } else {
-      _message3.default.error('pageoffice错误，请检查服务是否正常启动！');
-    }
-  };
-
-  this.openDoc = function (docId, openType, templateId) {
-    //新增或者编辑正文（附件）必需参数：docId,openType
-    //若docId存在，则是编辑附件，不存在则是新增附件，新增时可传递模板Id，即原有附件的Id,在其基础上修改
-
-    //docId（对应附件表的所属编号ssbh）: 添加附件记录时，标明该附件是属于哪个发文
-    // docId: this.state.documentData.id,
-
-    //打开模式：docNormalEdit（word普通编辑模式），docReadOnly(word只读模式)
-    // openType: "docNormalEdit",
-
-    //templateId: 附件表原有的附件Id，即新增附件记录时，在原有的附件基础上进行修改、添加，可不用该字段
-    //templateId: "3ab374b70f88704ef209b9e02eb6ecc4130d"
-    if (window.POBrowser) {
-      var url = window.location.origin + window.location.pathname + docUrl + '?docId=' + docId + '&openType=' + openType;
-      window.POBrowser.openWindowModeless(url, 'width=1200px;height=850px;');
-    } else {
-      _message3.default.error('pageoffice错误，请检查服务是否正常启动！');
-    }
-  };
-
-  this.handleCancel = function () {
-    return _this5.setState({ imageVisible: false });
-  };
-
-  this.imgTrunDeg = function (direction) {
-    var rotateDeg = _this5.state.rotateDeg;
-
-    if (direction == 'left') {
-      rotateDeg -= 90;
-    }
-    if (direction == 'right') {
-      rotateDeg += 90;
-    }
-    _this5.setState({
-      rotateDeg: rotateDeg
-    });
-  };
-};
-
-exports.default = KyUpload;