ming-demo3/lib/components/echart/eChartUpLoad.js

mdf metaui web

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));

var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));

var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));

var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));

var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));

var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));

var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));

var _react = _interopRequireWildcard(require("react"));

var _baseui = require("@mdf/baseui");

var eChartUpLoad = function (_Component) {
  (0, _inherits2["default"])(eChartUpLoad, _Component);

  function eChartUpLoad(props) {
    var _this;

    (0, _classCallCheck2["default"])(this, eChartUpLoad);
    _this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(eChartUpLoad).call(this, props));
    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "beforeUpload", function (file) {
      var isJPG = file.type === 'image/jpeg' || 'image/png';

      if (!isJPG) {
        _baseui.message.error('You can only upload JPG/PNG file!');
      }

      var isLt1M = file.size / 1024 / 1024 < 1;

      if (!isLt1M) {
        _baseui.message.error('Image must smaller than 1MB!');
      }

      return isJPG && isLt1M;
    });
    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleChange", function (info) {
      if (info.file.status === 'done') {
        if (info.file.response.code == 200) {
          if (_this.props.doUpload) {
            var tmp = _this.DocumentServerAddress + info.file.response.data;

            _this.props.doUpload(tmp);
          }
        } else {
          eChartCommon.LogChartInfo("上传图片：调用服务出错  info.file.response ", JSON.stringify(info.file.response), 999);
        }
      }
    });
    _this.DocumentServerAddress = 'https://oivs4lxfc.bkt.clouddn.com';
    var proxy = cb.rest.DynamicProxy.create({
      getFileServerUrl: {
        url: '/pub/fileupload/getFileServerUrl',
        method: 'GET',
        options: {
          token: true
        }
      }
    });
    proxy.getFileServerUrl({}, function (err, result) {
      if (!err) this.DocumentServerAddress = result;
    }, (0, _assertThisInitialized2["default"])(_this));
    return _this;
  }

  (0, _createClass2["default"])(eChartUpLoad, [{
    key: "render",
    value: function render() {
      var logoImg = this.props.logoImg;
      var context = cb.rest.AppContext;
      var action = '/upload?token=' + context.token;
      return _react["default"].createElement("div", {
        className: "logo-sc"
      }, _react["default"].createElement(_baseui.Upload, {
        showUploadList: false,
        action: action,
        beforeUpload: this.beforeUpload,
        onChange: this.handleChange,
        accept: "image/jpeg,image/png"
      }, _react["default"].createElement("div", {
        className: 'info-person dj-sc ' + (logoImg ? "eChartUpLoad_HasImg" : "eChartUpLoad_NoImg")
      }, logoImg ? _react["default"].createElement("img", {
        src: logoImg
      }) : "", _react["default"].createElement("div", {
        className: 'info-person-mask '
      }, _react["default"].createElement(_baseui.Icon, {
        type: "uploadimg"
      }), _react["default"].createElement("p", null, "\u70B9\u51FB\u4E0A\u4F20")))), _react["default"].createElement("div", {
        className: "tips"
      }, "\u4EC5\u652F\u6301JPG\u3001JPEG\u3001BMP\u3001PNG\u683C\u5F0F\uFF0C\u6587\u4EF6\u5C0F\u4E8E2M"));
    }
  }]);
  return eChartUpLoad;
}(_react.Component);

exports["default"] = eChartUpLoad;
//# sourceMappingURL=eChartUpLoad.js.map