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

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, o, n = {},
    a = Object.defineProperty && Object.getOwnPropertyDescriptor;
  for (r in e) Object.prototype.hasOwnProperty.call(e, r) && ((o = a ? Object.getOwnPropertyDescriptor(e, r) : null) && (o.get || o.set) ? Object.defineProperty(n, r, o) : n[r] = e[r]);
  return n.default = e, t && t.set(e, n), n
}

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 o = t[r];
    o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, o.key, o)
  }
}

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 o = _isNativeReflectConstruct();
  return function() {
    var e, t = _getPrototypeOf(r);
    return _possibleConstructorReturn(this, o ? (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)
}
var footerSpans = [{
    key: "f1",
    style: {
      backgroundColor: "#00bbd3"
    }
  }, {
    key: "f2",
    style: {
      backgroundColor: "#8ac249"
    }
  }, {
    key: "f3",
    style: {
      backgroundColor: "#fc0"
    }
  }, {
    key: "f4",
    style: {
      backgroundColor: "#e6564a"
    }
  }],
  BackgroundItem = function() {
    _inherits(t, _react.Component);
    var e = _createSuper(t);

    function t() {
      return _classCallCheck(this, t), e.apply(this, arguments)
    }
    return _createClass(t, [{
      key: "render",
      value: function() {
        var e = this.props,
          t = e.bkImg,
          r = e.name,
          o = e.bgColor,
          n = void 0 === o ? "transparent" : o,
          o = e.skinUse,
          a = e.onThemeChange,
          u = e.imgName,
          e = (0, _classnames.default)("bk-item", {
            normal: !o,
            used: o
          });
        return _react.default.createElement("div", {
          className: e,
          onClick: function(e) {
            return a(e, t, u)
          }
        }, _react.default.createElement("img", {
          src: t,
          alt: ""
        }), _react.default.createElement("div", {
          className: "bk-name",
          style: {
            backgroundColor: n
          }
        }, _react.default.createElement(_amosAntd.Popover, {
          placement: "top",
          content: r
        }, _react.default.createElement("label", null, r))), _react.default.createElement("div", {
          className: "bk-footer"
        }, footerSpans.map(function(e) {
          return _react.default.createElement("span", {
            key: e.key,
            style: e.style
          })
        })), _react.default.createElement("div", {
          className: "bk-check",
          style: {
            backgroundColor: n
          }
        }, "选用皮肤"), _react.default.createElement("div", {
          className: "bk-use",
          style: {
            display: o ? "block" : "none"
          }
        }, _react.default.createElement(_amosIcon.default, {
          icon: "xuanzhong"
        }), "使用中"))
      }
    }]), t
  }();
BackgroundItem.displayName = "BackgroundItem", BackgroundItem.propTypes = {
  bkImg: _propTypes.default.string,
  name: _propTypes.default.string,
  bgColor: _propTypes.default.string,
  skinUse: _propTypes.default.bool,
  onThemeChange: _propTypes.default.func,
  imgName: _propTypes.default.string
}, BackgroundItem.defaultProps = {
  skinUse: !1
};
var _default = BackgroundItem;
exports.default = BackgroundItem, module.exports = exports.default;
