"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports["default"] = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
var _react = _interopRequireWildcard(require("react"));
require("./index.scss");
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
var Shake = /*#__PURE__*/function (_Component) {
  (0, _inheritsLoose2["default"])(Shake, _Component);
  function Shake() {
    return _Component.apply(this, arguments) || this;
  }
  var _proto = Shake.prototype;
  _proto.render = function render() {
    var _this = this,
      _this$state,
      _this$state2;
    var _this$props = this.props,
      style = _this$props.style,
      btnText = _this$props.btnText,
      btnFn = _this$props.btnFn;
    var btnClick = function btnClick() {
      _this.setState({
        isShake: true
      });
      setTimeout(function () {
        btnFn();
        _this.setState({
          isShake: false
        });
      }, 6000 * Math.random());
    };
    return /*#__PURE__*/_react["default"].createElement("div", {
      className: "shake"
    }, /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
      className: "shake-component"
    }, style), /*#__PURE__*/_react["default"].createElement("div", {
      className: "shake-img-warp " + ((_this$state = this.state) !== null && _this$state !== void 0 && _this$state.isShake ? 'shake-ing' : '')
    }, /*#__PURE__*/_react["default"].createElement("img", {
      src: "https://img.maimairen.com/low-code/components/shake/shake-it.png",
      className: "shake-icon " + ((_this$state2 = this.state) !== null && _this$state2 !== void 0 && _this$state2.isShake ? 'shake-ing' : ''),
      alt: "\u6447\u4E00\u6447"
    }))), /*#__PURE__*/_react["default"].createElement("div", {
      className: "shake-button",
      onClick: btnClick
    }, btnText));
  };
  return Shake;
}(_react.Component);
exports["default"] = Shake;