import { a as _inherits, b as _classCallCheck, c as _possibleConstructorReturn, d as _getPrototypeOf, e as _createClass } from '../inherits-6cb67931.js';
import React from 'react';
import 'react-dom';
import { ModalCMD } from '../Modal/index.js';
import { s as styleInject } from '../style-inject.es-1f59c1d0.js';
import { _ as _defineProperty } from '../defineProperty-18999f8e.js';
import { c as classnames } from '../index-e3cf212a.js';
import { Divider, Input, Button } from 'antd';

var img = "data:image/png;base64,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";

var img$1 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAABXFBMVEUAAAD/////1Sr/vyD/sxr/uRf/vxX/sSf/tiT/ryD/tB7/uBz/rhv/sxr/sRb/sR3/rxj/tBf/sRX/rhT/sRr/rhn6rxT6sRn6rRf7rhb7rhX7sBX7sRX7rhf7sBf7rhb7rxb7rhX8sBX8rhT8rRf8rhf8rxb8rxX8sBX8rxb8rhX8rhX8rxX6rhb6rRb6rxX6rRX6rhX6rRT6rhT7rhT7rxb7rhb7rxb7rhX7rxX7rRT7rRX7rhX7rhX7rRT7rhX7rhX8rxX8rhX8rRT6rRT6rhb6rhX6rRT6rhT6rRT6rhb6rRX7rhX7rRX7rhX7rRT7rhT7rRT7rhX7rhT7rhT7rRT7rhT7rhX7rhX7rhX7rhX7rhT6rRT6rhT6rhX6rRX6rRX7rRT7rRX7rhX7rhX7rhX7rhT7rhT7rRT7rhT7rRX7rRX7rhX7rRX7rRT7rRT7rRT7rRT7rhT6rRTUe0hUAAAAc3RSTlMAAQYICgsMDQ4QERITFBcaICIkJicpMzQ4OTw9PkJERUZISkxOT1BWV11hYmNoamxtbnBxcnN1dnd5fYOEhYmQkZKUlpmaoKKjpaaoq6ytr7Gyuby9vr/AwsPGytTV2d3e5Ofo6evu7/Dy8/T19vn6/P3+5CYzAwAAAlJJREFUOMuVletXUkEUxQ+FmZWWaAZB2EOI3laUCZU9xCIJMewaPW6FBkJRxO//X6sPF2buXOa6VufTzJ69Zs05Z88+ImZE4sWy43Y7rlMuxiNyWKTXm/iiuZ4OpSYajEUjbqXOVgHo1fK5VCyWyuVrPQCqs+PcxRYwqGSjGopmKgOgNfaW5T5QXwjCC3Wgv2yCz4D2ku11S21gzbgXcOfsac+5gO/uxT7sToUVaWoX+urdsy1wNXdm1fn29f2j05rtQmtUkyq09Rvu/fQq/GtVNXCuDdVhLwCd23PdkNeKvQQkRESkAXXFvQ78KFy8VNgDVhS8Aw0RkUUYqPpO7MHHGRGR6XfQnVb1HkBaREpQUTdchc4Zb3lyH26pgwqsi0SakFHYS3g1Wq/BhjrIQjMiCehpPWzB3dH6DmxpnfQgLkWo6QYU+HN2tH4KJX2yDUV5A3lfuy6ogp/ah5v6IA9lcSBna3JkCw4m9T4HjriQtJHXgBu+fQpc6ULMwn0CbPqBGHSlYyWvAPUjAXJHXEiNcS//hU+TBpQC15pg9Dt8PmFiOXCkbJZORERuQzf4p/NQDjRFCfxxEKtBUeJGu73YoB9M2mt3pAnZwMnxB+eDF3tCMiUaGp5EJe0Xf1iMxG9+KxERueK8OGoidfhg+bDDZO6btgTEbVYgMvEbHvq589oKgiYjcu3L5jG/JflN5r/s63BjnA8Yoyd1u+VmDoKWG2rm53YsZq7GRMY/JrJv7WPCGEDJWCyZy2+HD6Cw0ZYIH5olc2iW0ocqZjiOu9Zx/A8JqORwPqNn9gAAAABJRU5ErkJggg==";

var css = ".WantedPublishView_wrapper__3lkb6 .WantedPublishView_wanted_middle__1UdIU {\n  color: #e1ad28;\n  font-size: 17px;\n  margin-top: 21px;\n}\n.WantedPublishView_wrapper__3lkb6 .WantedPublishView_wanted_middle__1UdIU .WantedPublishView_wanted_cover__30Gn1 {\n  width: 95px;\n}\n.WantedPublishView_wrapper__3lkb6 .WantedPublishView_wanted_bottom__3EIE0 .WantedPublishView_wanted_bottom_title__2LAKy {\n  color: #565656;\n  font-size: 14px;\n}\n.WantedPublishView_wrapper__3lkb6 .WantedPublishView_wanted_bottom__3EIE0 .WantedPublishView_wanted_input_number__2Afkg {\n  margin: 11px auto;\n  width: 266px;\n  height: 36px;\n}\n.WantedPublishView_wrapper__3lkb6 .WantedPublishView_wanted_bottom__3EIE0 .WantedPublishView_wanted_input_number__2Afkg .ant-input {\n  color: #fb4b56;\n  font-size: 16px;\n  text-align: center;\n}\n.WantedPublishView_wrapper__3lkb6 .WantedPublishView_wanted_bottom__3EIE0 .WantedPublishView_wanted_input_number__2Afkg .ant-input:focus,\n.WantedPublishView_wrapper__3lkb6 .WantedPublishView_wanted_bottom__3EIE0 .WantedPublishView_wanted_input_number__2Afkg .ant-input:hover {\n  outline: none;\n  box-shadow: none;\n  border-color: #fb4b56;\n}\n.WantedPublishView_wrapper__3lkb6 .WantedPublishView_wanted_bottom__3EIE0 .WantedPublishView_wanted_bottom_tips__19Je0 {\n  color: #9b9b9b;\n  font-size: 12px;\n}\n.WantedPublishView_wrapper__3lkb6 footer {\n  margin-top: 40px;\n}\n.WantedPublishView_wrapper__3lkb6 footer .WantedPublishView_wanted_confirm_button__1JBhv {\n  font-size: 16px;\n  color: white;\n  background-color: #71c135;\n}\n.WantedPublishView_wrapper__3lkb6 footer .WantedPublishView_wanted_confirm_button__1JBhv:hover,\n.WantedPublishView_wrapper__3lkb6 footer .WantedPublishView_wanted_confirm_button__1JBhv:focus {\n  color: white;\n  outline: none;\n  box-shadow: none;\n  background-color: #8cd158;\n  border-color: #fafdf8;\n}\n.WantedPublishView_wrapper__3lkb6 footer .WantedPublishView_wanted_cancel_button__CosmE {\n  margin-top: 12px;\n  color: #787f8c;\n  font-size: 12px;\n  cursor: pointer;\n}\n.WantedPublishView_wrapper__3lkb6 footer .WantedPublishView_wanted_cancel_button__CosmE:hover,\n.WantedPublishView_wrapper__3lkb6 footer .WantedPublishView_wanted_cancel_button__CosmE:focus {\n  color: #787f8c;\n  text-shadow: #565656;\n}\n.WantedPublishView_wantedCancelModal__2ODM1 {\n  width: 320px;\n  padding: 32px 32px 24px 32px;\n  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.2);\n  background-color: white;\n  border-radius: 4px;\n}\n.WantedPublishView_wantedCancelModal__2ODM1 .WantedPublishView_top__2bV0z {\n  display: flex;\n}\n.WantedPublishView_wantedCancelModal__2ODM1 .WantedPublishView_top__2bV0z .WantedPublishView_questionIcon__13EXq {\n  width: 22px;\n  height: 22px;\n}\n.WantedPublishView_wantedCancelModal__2ODM1 .WantedPublishView_top__2bV0z .WantedPublishView_questionIcon__13EXq img {\n  width: 100%;\n  height: 100%;\n}\n.WantedPublishView_wantedCancelModal__2ODM1 .WantedPublishView_top__2bV0z .WantedPublishView_title__dsQ9f {\n  font-size: 16px;\n  color: rgba(0, 0, 0, 0.85);\n  font-weight: bold;\n  margin-left: 16px;\n}\n.WantedPublishView_wantedCancelModal__2ODM1 .WantedPublishView_content__b2kHo {\n  margin-left: 38px;\n  font-size: 14px;\n}\n.WantedPublishView_wantedCancelModal__2ODM1 footer {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  margin-top: 20px;\n}\n.WantedPublishView_wantedCancelModal__2ODM1 footer .WantedPublishView_modalOk__3d3JO {\n  margin-left: 8px;\n  background-color: #71c135;\n  color: white;\n}\n.WantedPublishView_wantedCancelModal__2ODM1 footer .WantedPublishView_modalOk__3d3JO:hover,\n.WantedPublishView_wantedCancelModal__2ODM1 footer .WantedPublishView_modalOk__3d3JO:focus {\n  color: white;\n  outline: none;\n  box-shadow: none;\n  background-color: #8cd158;\n  border-color: #fafdf8;\n}\n";
var styles = {
  "wrapper": "WantedPublishView_wrapper__3lkb6",
  "wanted_middle": "WantedPublishView_wanted_middle__1UdIU",
  "wanted_cover": "WantedPublishView_wanted_cover__30Gn1",
  "wanted_bottom": "WantedPublishView_wanted_bottom__3EIE0",
  "wanted_bottom_title": "WantedPublishView_wanted_bottom_title__2LAKy",
  "wanted_input_number": "WantedPublishView_wanted_input_number__2Afkg",
  "wanted_bottom_tips": "WantedPublishView_wanted_bottom_tips__19Je0",
  "wanted_confirm_button": "WantedPublishView_wanted_confirm_button__1JBhv",
  "wanted_cancel_button": "WantedPublishView_wanted_cancel_button__CosmE",
  "wantedCancelModal": "WantedPublishView_wantedCancelModal__2ODM1",
  "top": "WantedPublishView_top__2bV0z",
  "questionIcon": "WantedPublishView_questionIcon__13EXq",
  "title": "WantedPublishView_title__dsQ9f",
  "content": "WantedPublishView_content__b2kHo",
  "modalOk": "WantedPublishView_modalOk__3d3JO",
  "wantedMiddle": "WantedPublishView_wanted_middle__1UdIU",
  "wantedCover": "WantedPublishView_wanted_cover__30Gn1",
  "wantedBottom": "WantedPublishView_wanted_bottom__3EIE0",
  "wantedBottomTitle": "WantedPublishView_wanted_bottom_title__2LAKy",
  "wantedInputNumber": "WantedPublishView_wanted_input_number__2Afkg",
  "wantedBottomTips": "WantedPublishView_wanted_bottom_tips__19Je0",
  "wantedConfirmButton": "WantedPublishView_wanted_confirm_button__1JBhv",
  "wantedCancelButton": "WantedPublishView_wanted_cancel_button__CosmE"
};
styleInject(css);

var WantedPublishView =
/*#__PURE__*/
function (_React$Component) {
  _inherits(WantedPublishView, _React$Component);

  function WantedPublishView(props) {
    var _this;

    _classCallCheck(this, WantedPublishView);

    _this = _possibleConstructorReturn(this, _getPrototypeOf(WantedPublishView).call(this, props));
    _this.containerRef = React.createRef();
    _this.state = {};
    return _this;
  }

  _createClass(WantedPublishView, [{
    key: "componentWillUnmount",
    value: function componentWillUnmount() {}
  }, {
    key: "render",
    value: function render() {
      var _this2 = this;

      var _this$props = this.props,
          current_wanted = _this$props.current_wanted,
          wrapperClass = _this$props.wrapperClass,
          _this$props$viewTextO = _this$props.viewTextOptions,
          viewTextOptions = _this$props$viewTextO === void 0 ? {
        viewTitle: "设置悬赏金额",
        imgLabelBottom: "悬赏提问",
        inputTipTop: "设置悬赏金额范围¥5.00～¥10000",
        numberSuffix: "元",
        inputTipBottom: "若5天内没人回答该问题, 所支付的金额将退还至您的钱包"
      } : _this$props$viewTextO,
          _this$props$showInput = _this$props.showInputWantedClear,
          showInputWantedClear = _this$props$showInput === void 0 ? true : _this$props$showInput;
      return React.createElement("div", {
        className: classnames(styles.wrapper, _defineProperty({}, wrapperClass ? wrapperClass : "", true)),
        ref: this.containerRef
      }, React.createElement("header", null, viewTextOptions.viewTitle), React.createElement("section", {
        className: styles.wanted_middle
      }, React.createElement("img", {
        className: styles.wanted_cover,
        src: img,
        alt: "wanted_image"
      }), React.createElement("div", null, viewTextOptions.imgLabelBottom)), React.createElement(Divider, {
        style: {
          minWidth: "auto",
          marginLeft: "auto",
          marginRight: "auto",
          width: "266px"
        }
      }), React.createElement("section", {
        className: styles.wanted_bottom
      }, React.createElement("div", {
        className: styles.wanted_bottom_title
      }, viewTextOptions.inputTipTop), React.createElement(Input, {
        className: styles.wanted_input_number,
        suffix: viewTextOptions.numberSuffix,
        value: current_wanted || "",
        onChange: function onChange(v) {
          if (!/^[.0-9]*$/g.test(v.target.value)) return;

          _this2.props.InputWantedValueChange(v.target.value);
        },
        onPressEnter: function onPressEnter() {
          _this2.props.InputWantedPressEnter(current_wanted);
        },
        onBlur: function onBlur() {
          _this2.props.InputWantedOnBlur(current_wanted);
        },
        autoFocus: true
      }), React.createElement("div", {
        className: styles.wanted_bottom_tips
      }, viewTextOptions.inputTipBottom)), React.createElement("footer", null, React.createElement(Button, {
        className: styles.wanted_confirm_button,
        onClick: function onClick() {
          _this2.props.InputWantedConfirm(_this2.containerRef);
        }
      }, "\u786E\u5B9A"), showInputWantedClear && React.createElement("div", {
        role: "button",
        tabIndex: -1,
        onClick: function onClick() {
          _this2.props.InputWantedClear();
        },
        className: styles.wanted_cancel_button
      }, "\u53D6\u6D88\u60AC\u8D4F")));
    }
  }]);

  return WantedPublishView;
}(React.Component);

function WantedViewWranModel(_ref) {
  var refMount = _ref.refMount,
      actionConfirm = _ref.actionConfirm,
      actionCancel = _ref.actionCancel,
      _ref$viewTextOptions = _ref.viewTextOptions,
      viewTextOptions = _ref$viewTextOptions === void 0 ? {
    warnModalTitle: "确认减少悬赏金额",
    warnModalTip: "若减少悬赏金额，您之前支付的金额中，已分配的赏金无法退回，剩余的￥2.00会退还至您的钱包。"
  } : _ref$viewTextOptions;
  ModalCMD.show({
    container: refMount.current || document.body,
    children: React.createElement("div", {
      className: styles.wantedCancelModal
    }, React.createElement("div", {
      className: styles.top
    }, React.createElement("div", {
      className: styles.questionIcon
    }, React.createElement("img", {
      src: img$1,
      alt: "question"
    })), React.createElement("div", {
      className: styles.title
    }, viewTextOptions.warnModalTitle)), React.createElement("div", {
      className: styles.content
    }, viewTextOptions.warnModalTip), React.createElement("footer", null, React.createElement(Button, {
      className: styles.modalCancel,
      onClick: function onClick() {
        actionCancel();
        ModalCMD.hide();
      }
    }, "\u53D6\u6D88"), React.createElement(Button, {
      className: styles.modalOk,
      onClick: function onClick() {
        actionConfirm();
        ModalCMD.hide();
      }
    }, "\u786E\u8BA4")))
  });
}

export default WantedPublishView;
export { WantedViewWranModel };
//# sourceMappingURL=index.js.map