"use strict";
Object.defineProperty(exports, "__esModule", {
  value: !0
}), exports.default = void 0;
var _react = _interopRequireWildcard(require("react")),
  _propTypes = _interopRequireDefault(require("prop-types")),
  _amosAntd = require("amos-antd"),
  _urlConsts = require("../../../consts/urlConsts");

function _interopRequireDefault(e) {
  return e && e.__esModule ? e : {
    default: e
  }
}

function _getRequireWildcardCache() {
  if ("function" != typeof WeakMap) return null;
  var e = new WeakMap;
  return _getRequireWildcardCache = function() {
    return e
  }, e
}

function _interopRequireWildcard(e) {
  if (e && e.__esModule) return e;
  if (null === e || "object" !== _typeof(e) && "function" != typeof e) return {
    default: e
  };
  var t = _getRequireWildcardCache();
  if (t && t.has(e)) return t.get(e);
  var r, n, o = {},
    i = Object.defineProperty && Object.getOwnPropertyDescriptor;
  for (r in e) Object.prototype.hasOwnProperty.call(e, r) && ((n = i ? Object.getOwnPropertyDescriptor(e, r) : null) && (n.get || n.set) ? Object.defineProperty(o, r, n) : o[r] = e[r]);
  return o.default = e, t && t.set(e, o), o
}

function _typeof(e) {
  return (_typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
    return typeof e
  } : function(e) {
    return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e
  })(e)
}

function _classCallCheck(e, t) {
  if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function")
}

function _defineProperties(e, t) {
  for (var r = 0; r < t.length; r++) {
    var n = t[r];
    n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), Object.defineProperty(e, n.key, n)
  }
}

function _createClass(e, t, r) {
  return t && _defineProperties(e.prototype, t), r && _defineProperties(e, r), e
}

function _inherits(e, t) {
  if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
  e.prototype = Object.create(t && t.prototype, {
    constructor: {
      value: e,
      writable: !0,
      configurable: !0
    }
  }), t && _setPrototypeOf(e, t)
}

function _setPrototypeOf(e, t) {
  return (_setPrototypeOf = Object.setPrototypeOf || function(e, t) {
    return e.__proto__ = t, e
  })(e, t)
}

function _createSuper(r) {
  var n = _isNativeReflectConstruct();
  return function() {
    var e, t = _getPrototypeOf(r);
    return _possibleConstructorReturn(this, n ? (e = _getPrototypeOf(this).constructor, Reflect.construct(t, arguments, e)) : t.apply(this, arguments))
  }
}

function _possibleConstructorReturn(e, t) {
  return !t || "object" !== _typeof(t) && "function" != typeof t ? _assertThisInitialized(e) : t
}

function _assertThisInitialized(e) {
  if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
  return e
}

function _isNativeReflectConstruct() {
  if ("undefined" == typeof Reflect || !Reflect.construct) return !1;
  if (Reflect.construct.sham) return !1;
  if ("function" == typeof Proxy) return !0;
  try {
    return Date.prototype.toString.call(Reflect.construct(Date, [], function() {})), !0
  } catch (e) {
    return !1
  }
}

function _getPrototypeOf(e) {
  return (_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function(e) {
    return e.__proto__ || Object.getPrototypeOf(e)
  })(e)
}

function _defineProperty(e, t, r) {
  return t in e ? Object.defineProperty(e, t, {
    value: r,
    enumerable: !0,
    configurable: !0,
    writable: !0
  }) : e[t] = r, e
}
require("./common.scss");
var HEXSIZE = 1024,
  UpLoadImg = function() {
    _inherits(n, _react.Component);
    var r = _createSuper(n);

    function n(e) {
      var t;
      return _classCallCheck(this, n), _defineProperty(_assertThisInitialized(t = r.call(this, e)), "getBase64", function(e, t) {
        var r = new FileReader;
        r.addEventListener("load", function() {
          return t(r.result)
        }), r.readAsDataURL(e)
      }), _defineProperty(_assertThisInitialized(t), "handleChange", function(e) {
        t.setState({
          file: e.file
        }), "uploading" !== e.file.status ? "done" === e.file.status && (t.getBase64(e.file.originFileObj, function(e) {
          return t.setState({
            imageUrl: e,
            loading: !1
          })
        }), t.props.setImgFile(e.file.originFileObj)) : t.setState({
          loading: !0
        })
      }), _defineProperty(_assertThisInitialized(t), "beforeUpload", function(e) {
        var t = /image\/(gif|jpeg|png|jpg|bmp)$/.test(e.type);
        t || _amosAntd.Message.error("请选择符合格式的图片！（gif|jpeg|png|jpg|bmp）");
        e = e.size / HEXSIZE / HEXSIZE < 2;
        return e || _amosAntd.Message.error("图片最大为2MB"), t && e
      }), t.state = {
        loading: !1,
        file: void 0,
        imageUrl: ""
      }, t
    }
    return _createClass(n, [{
      key: "render",
      value: function() {
        var e = this.props,
          t = e.style,
          r = e.defaultImg,
          n = _react.default.createElement("div", null, this.state.loading ? _react.default.createElement(_amosAntd.Icon, {
            type: "loading"
          }) : _react.default.createElement("img", {
            src: r,
            alt: "",
            style: t
          }), _react.default.createElement("div", {
            style: {
              "padding-top": "10px"
            }
          }, "上传图片（小于2MB）")),
          e = this.state.imageUrl,
          r = _urlConsts.OltSerUrl.addDevice;
        return _react.default.createElement(_amosAntd.Upload, {
          name: "avatar",
          listType: "picture-card",
          showUploadList: !1,
          action: r,
          beforeUpload: this.beforeUpload,
          onChange: this.handleChange
        }, e ? _react.default.createElement("img", {
          src: e,
          alt: "",
          style: t
        }) : n)
      }
    }]), n
  }();
UpLoadImg.displayName = "UpLoadImg", UpLoadImg.propTypes = {
  setImgFile: _propTypes.default.func,
  style: _propTypes.default.object,
  defaultImg: _propTypes.default.string
}, UpLoadImg.defaultProps = {
  style: {
    "max-width": "300px",
    "max-height": "158px"
  },
  defaultImg: "".concat(_urlConsts.OltSerUrl.fetchDeviceImg, "/default.png")
};
var _default = UpLoadImg;
exports.default = UpLoadImg, module.exports = exports.default;
