easy3wui 1.4.40 → 1.4.91

package/lib/Easy3wNewUpload/index.js

@@ -1,419 +0,0 @@
-'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);
-
-var _form = require('antd/lib/form');
-
-var _form2 = _interopRequireDefault(_form);
-
-require('antd/lib/upload/style');
-
-require('antd/lib/popover/style');
-
-require('antd/lib/button/style');
-
-require('antd/lib/modal/style');
-
-require('antd/lib/form/style');
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _antd = require('antd');
-
-var _icons = require('@ant-design/icons');
-
-var _easy3wui = require('easy3wui');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
-
-var FormItem = _form2['default'].Item;
-var formItemStyle = {
-  marginBottom: 6
-};
-
-var Easy3wNewUpload = function (_Component) {
-  (0, _inherits3['default'])(Easy3wNewUpload, _Component);
-
-  function Easy3wNewUpload() {
-    (0, _classCallCheck3['default'])(this, Easy3wNewUpload);
-    return (0, _possibleConstructorReturn3['default'])(this, _Component.apply(this, arguments));
-  }
-
-  Easy3wNewUpload.prototype.render = function render() {
-    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,
-        help = _props.help,
-        buttonName = _props.buttonName,
-        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;
-    var warnMessage = this.props.warnMessage;
-
-    if (!warnMessage) {
-      warnMessage = help;
-    }
-    var extendShowFlag = false;
-    var extendBackShowFlag = false;
-    if (extend) {
-      extendShowFlag = true;
-    }
-    if (extendBack) {
-      extendBackShowFlag = true;
-    }
-    var authToken = (0, _easy3wui.Easy3wGetCookie)('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,
-        sign: '2959f1aea8db0f7fbba61f0f8474d0ef',
-        data: sendData
-      }
-    };
-    if (isRead) {
-      upProps = (0, _extends3['default'])({}, upProps, { showUploadList: { showPreviewIcon: true, showRemoveIcon: false } });
-    }
-    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 (accept && accept.length > 0) {
-        acceptDefault = accept;
-      }
-      if (acceptDefault.indexOf(fileType) < 0) {
-        fileTypePass = false;
-      }
-      // const notAccept = ".sh,.csh,.bat,.cmd,.exe,.php,.asp,.aspx,.jsp,.sys,.dll";
-      // if (notAccept.indexOf(fileType) >= 0) {
-      //   fileTypePass = false;
-      // }
-      if (name.length > 100) {
-        _modal2['default'].info({
-          style: { top: '38%' },
-          okText: '确定',
-          content: '文件名至多100个字符'
-        });
-        return 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;
-      var file = e.file;
-      // 移除大小不符、类型不符的文件
-
-      fileList = fileList.filter(function (f1) {
-        var size = f1.size,
-            name = f1.name;
-
-        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 (accept && accept.length > 0) {
-          acceptDefault = accept;
-        }
-        if (name.length > 100) {
-          return false;
-        }
-        if (acceptDefault.indexOf(fileType) < 0) {
-          correctTypeFlag = false;
-        }
-        if (!correctSizeFlag || !correctTypeFlag) {
-          return false;
-        } else {
-          return true;
-        }
-      });
-      if (file.status !== 'uploading') {
-        // 1. Limit the number of uploaded files
-        //    Only to show two recent uploaded files, and old ones will be replaced by the new
-        //    上传1个文件
-        fileList = fileList.slice(-1);
-        // 2. read from response and show file link
-        fileList = fileList.map(function (f1) {
-          var filex = f1;
-          if (filex.response) {
-            // Component will show file.url as link
-            var id = filex.response.data.fileId;
-            filex.url = '' + urlDownloadFile + id;
-          }
-          return filex;
-        });
-        // 3. filter successfully uploaded files according to response from server
-        fileList = fileList.filter(function (filex) {
-          var status = filex.status,
-              name = filex.name;
-
-          if (status === 'error') {
-            _modal2['default'].error({
-              style: { top: '38%' },
-              content: '\u9644\u4EF6' + name + '\u4E0A\u4F20\u5931\u8D25!'
-            });
-            return false; // 上传失败
-          }
-          if (filex.response) {
-            if (filex.response.rspCode === '0000') {
-              return true;
-            }
-            if (filex.response.rspMsg) {
-              _modal2['default'].error({
-                style: { top: '38%' },
-                content: filex.response.rspMsg
-              });
-            } else {
-              _modal2['default'].error({
-                style: { top: '38%' },
-                content: '\u9644\u4EF6' + name + '\u4E0A\u4F20\u5931\u8D25!'
-              });
-            }
-            return false;
-          }
-          return true;
-        });
-      }
-      if (file.status === 'done') {
-        // 处理fileList的结构
-        var fileListnew = [{
-          uid: file.response.data.fileId,
-          name: fileList[0].name,
-          status: 'done',
-          url: fileList[0].url
-        }];
-        fileList = fileListnew;
-        if (uploadDoneCallback) {
-          uploadDoneCallback(uploadName, file);
-        }
-      } else if (file.status === 'error' || file.status === undefined) {
-        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();
-    };
-    return _react2['default'].createElement(
-      FormItem,
-      {
-        label: label,
-        className: className,
-        labelCol: labelCol,
-        wrapperCol: wrapperCol,
-        style: formItemStyle,
-        required: required
-      },
-      _react2['default'].createElement(
-        FormItem,
-        { noStyle: true },
-        extendShowFlag ? extend : ''
-      ),
-      _react2['default'].createElement(
-        FormItem,
-        {
-          name: uploadName,
-          rules: [{ validator: checkFile }, { required: required, message: warnMessage }],
-          getValueFromEvent: handleFileChange,
-          valuePropName: 'fileList',
-          noStyle: true
-        },
-        _react2['default'].createElement(
-          _upload2['default'],
-          (0, _extends3['default'])({
-            beforeUpload: beforeUpload
-          }, upProps, {
-            onRemove: handleRemove
-          }),
-          isRead ? null : _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
-            )
-          )
-        )
-      ),
-      _react2['default'].createElement(
-        FormItem,
-        { noStyle: true },
-        extendBackShowFlag ? extendBack : ''
-      )
-    );
-  };
-
-  return Easy3wNewUpload;
-}(_react.Component);
-
-Easy3wNewUpload.propTypes = {
-  uploadName: _propTypes2['default'].string.isRequired, // 上传名称
-  sendData: _propTypes2['default'].string.isRequired, // 传送数据接口
-  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, // 是否只读
-  label: _propTypes2['default'].string, // lable名称
-  className: _propTypes2['default'].string, // CSS类名
-  labelCol: _propTypes2['default'].object, // CSS类名
-  wrapperCol: _propTypes2['default'].object, // CSS类名
-  warnMessage: _propTypes2['default'].string, // 提示
-  extend: _propTypes2['default'].object, // 上传按钮之前的扩展
-  extendBack: _propTypes2['default'].object // 上传按钮之后的扩展
-};
-Easy3wNewUpload.defaultProps = {
-  listType: 'file',
-  accept: '',
-  limitSize: 200,
-  urlUpFileService: '',
-  urlDownloadFile: '',
-  buttonName: '上传',
-  help: '请上传附件',
-  required: true,
-  isRead: false,
-  label: '',
-  className: '',
-  labelCol: {},
-  wrapperCol: {},
-  warnMessage: '',
-  extend: undefined,
-  extendBack: undefined
-};
-exports['default'] = Easy3wNewUpload;
-module.exports = exports['default'];