joywok-material-components
Version:
<h1 align="center"> Joywok Material Components </h1>
230 lines (207 loc) • 9.95 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _dva = require('dva');
var _propTypes = require('prop-types');
var _antd = require('antd');
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /**
* 上传excel
*/
var UploadExcel = function (_React$Component) {
_inherits(UploadExcel, _React$Component);
function UploadExcel() {
var _ref;
var _temp, _this, _ret;
_classCallCheck(this, UploadExcel);
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = UploadExcel.__proto__ || Object.getPrototypeOf(UploadExcel)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
uploading: false,
action: '/file/upload'
}, _temp), _possibleConstructorReturn(_this, _ret);
}
_createClass(UploadExcel, [{
key: 'render',
value: function render() {
var self = this;
var upload = {
name: 'file',
headers: {
'Access-Token': window.AccessToken
},
withCredentials: true,
showUploadList: false,
accept: self.props.accept || '',
customRequest: function customRequest(option) {
function getError(option, xhr) {
var msg = 'cannot post ' + option.action + ' ' + xhr.status + '\'';
var err = new Error(msg);
err.status = xhr.status;
err.method = 'post';
err.url = option.action;
return err;
}
function getBody(xhr) {
var text = xhr.responseText || xhr.response;
if (!text) {
return text;
}
try {
return JSON.parse(text);
} catch (e) {
return text;
}
}
var xhr = new XMLHttpRequest();
if (option.onProgress && xhr.upload) {
xhr.upload.onprogress = function progress(e) {
if (e.total > 0) {
e.percent = e.loaded / e.total * 100;
}
option.onProgress(e);
};
}
var formData = new FormData();
if (option.data) {
Object.keys(option.data).map(function (key) {
formData.append(key, option.data[key]);
});
}
formData.append(option.filename, option.file);
xhr.onerror = function error(e) {
option.onError(e);
};
xhr.onload = function onload() {
if (xhr.status < 200 || xhr.status >= 300) {
return option.onError(getError(option, xhr), getBody(xhr));
}
option.onSuccess(getBody(xhr));
};
var actionUrl = self.props.baseUrl ? self.props.baseUrl + encodeURIComponent(option['file']['name']) : self.state.action + '/' + encodeURIComponent(option['file']['name']);
xhr.open('POST', actionUrl, true);
if (option.withCredentials && 'withCredentials' in xhr) {
xhr.withCredentials = true;
}
var headers = option.headers || {};
if (headers['X-Requested-With'] !== null) {
xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
}
for (var h in headers) {
if (headers.hasOwnProperty(h) && headers[h] !== null) {
xhr.setRequestHeader(h, headers[h]);
}
}
xhr.send(option.file);
return {
abort: function abort() {
xhr.abort();
}
};
},
beforeUpload: function beforeUpload(file) {
if (typeof self.props.beforeCheck != 'undefined') {
if (self.props.beforeCheck(file)) {
return false;
}
}
// return false
},
onStart: function onStart(info) {
if (self.props.isSection) {
self.props.onStart();
} else {
// message.loading(i18n('label.fileupload.uploading') + info['name']);
self.props.onStart && self.props.onStart();
}
self.setState({ uploading: true });
},
onChange: function onChange(info) {},
onProgress: function onProgress(step, file) {
self.props.onProgress && self.props.onProgress(step, file);
},
onError: function onError() {
_antd.message.destroy();
var tip = i18n('label.sys-error') + "，" + i18n("label.contact-admin");
_antd.message.error(tip, 2000);
},
onSuccess: function onSuccess(info) {
console.log(info, '返回的是什么啊');
if (info['JMStatus'] && info['JMStatus']['code'] == 20523) {
_antd.Modal.warning({
title: i18n('label.fileupload.img_format_error'),
content: _react2.default.createElement('div', null),
onOk: function onOk() {
self.setState({ uploading: false });
_antd.message.destroy();
}
});
} else if (info['JMStatus'] && info['JMStatus']['code'] == 20502) {
_antd.message.destroy();
_antd.Modal.warning({
title: info['JMStatus']['errmemo'],
content: _react2.default.createElement('div', null),
onOk: function onOk() {
self.setState({ uploading: false });
_antd.message.destroy();
}
});
} else if (info['JMFile'] && !info['JMFile']['id']) {
_antd.Modal.warning({
title: i18n('label.fileupload.uploaderror'),
content: _react2.default.createElement('div', null),
onOk: function onOk() {
self.setState({ uploading: false });
_antd.message.destroy();
}
});
} else {
self.setState({ uploading: false });
_antd.message.destroy();
self.props.change(info);
}
}
};
return _react2.default.createElement(
'div',
{ className: 'jw-upload-logo' },
_react2.default.createElement(
'div',
{ className: 'upload-w' },
_react2.default.createElement(
'div',
{ className: 'upload-action' },
_react2.default.createElement(
_antd.Upload,
_extends({}, upload, { className: 'upload', onChange: function onChange(e) {
return self.props.onChange && self.props.onChange(e);
} }),
this.props.children
)
)
)
);
}
}, {
key: 'componentDidMount',
value: function componentDidMount() {
if (this.props.clsName) {
this.setState({
uploading: true
});
}
}
}]);
return UploadExcel;
}(_react2.default.Component);
exports.default = (0, _dva.connect)(function (state) {
return state;
})(UploadExcel);