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 { s as styleInject } from '../style-inject.es-1f59c1d0.js';
import { _ as _defineProperty } from '../defineProperty-18999f8e.js';
import '../_commonjsHelpers-97e6d7b1.js';
import { c as classnames } from '../index-c9837619.js';
import { Divider, Input, Button } from 'antd';

var img = "data:image/png;base64,[encoded data, 5884 characters]";

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";
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",
  "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.state = {};
    return _this;
  }

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

      var _this$props = this.props,
          current_wanted = _this$props.current_wanted,
          wrapperClass = _this$props.wrapperClass;
      return React.createElement("div", {
        className: classnames(styles.wrapper, _defineProperty({}, wrapperClass ? wrapperClass : '', true))
      }, React.createElement("header", null, "\u8BBE\u7F6E\u60AC\u8D4F\u91D1\u989D"), React.createElement("section", {
        className: styles.wanted_middle
      }, React.createElement("img", {
        className: styles.wanted_cover,
        src: img,
        alt: "wanted_image"
      }), React.createElement("div", null, "\u60AC\u8D4F\u63D0\u95EE")), 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
      }, "\u8BBE\u7F6E\u60AC\u8D4F\u91D1\u989D\u8303\u56F4\xA55.00\uFF5E\xA510000"), React.createElement(Input, {
        className: styles.wanted_input_number,
        suffix: "\u5143",
        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
      }, "\u82E55\u5929\u5185\u6CA1\u4EBA\u56DE\u7B54\u8BE5\u95EE\u9898, \u6240\u652F\u4ED8\u7684\u91D1\u989D\u5C06\u9000\u8FD8\u81F3\u60A8\u7684\u94B1\u5305")), React.createElement("footer", null, React.createElement(Button, {
        className: styles.wanted_confirm_button,
        onClick: function onClick() {
          return _this2.props.CloseFunction();
        }
      }, "\u786E\u5B9A"), React.createElement("div", {
        role: "button",
        tabIndex: -1,
        onClick: function onClick() {
          return _this2.props.InputWantedClear();
        },
        className: styles.wanted_cancel_button
      }, "\u53D6\u6D88\u60AC\u8D4F")));
    }
  }]);

  return WantedPublishView;
}(React.Component);

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