tplus-pos/dist/components/tipNumKbModalVertical/index.js

pos module

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');

var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);

var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');

var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);

var _createClass2 = require('babel-runtime/helpers/createClass');

var _createClass3 = _interopRequireDefault(_createClass2);

var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');

var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);

var _inherits2 = require('babel-runtime/helpers/inherits');

var _inherits3 = _interopRequireDefault(_inherits2);

var _class, _class2, _temp;

var _tplusComponentsTouch = require('tplus-components-touch');

var _numKeyboard = require('./numKeyboard.js');

var _numKeyboard2 = _interopRequireDefault(_numKeyboard);

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

require('./style.less');

var _mobxReact = require('mobx-react');

var _mobx = require('mobx');

var _propTypes = require('prop-types');

var _propTypes2 = _interopRequireDefault(_propTypes);

var _mutantsAppfx = require('mutants-appfx');

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

/**
 * @props {boolean} visible 是否显示
 * @props {string} placeholder input元素的属性
 * @props {fun} ok 确定按钮的回调
 * @props {fun} cancel 取消的回调
 */
var BarcodeModal = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (_Component) {
  (0, _inherits3.default)(BarcodeModal, _Component);

  function BarcodeModal(props, context) {
    (0, _classCallCheck3.default)(this, BarcodeModal);

    var _this = (0, _possibleConstructorReturn3.default)(this, (BarcodeModal.__proto__ || (0, _getPrototypeOf2.default)(BarcodeModal)).call(this, props, context));

    _this.controllerEvent = function (methodName, methodArgs) {
      _this.context.onEvent({ 'controllerEvent': _mutantsAppfx.Action.fromJS(_this.context.viewModel, methodName) }, 'controllerEvent', methodArgs);
    };

    _this.ok = function () {
      var input = _this.state.input;
      var ok = _this.props.ok;
      if (!input) {
        _tplusComponentsTouch.Message.info('您还没有输入!');
        return;
      }
      _this.setState({
        input: ''
      });
      ok && ok(input);
    };

    _this.cancel = function () {
      _this.setState({
        input: ''
      });
      _this.props.cancel && _this.props.cancel();
    };

    _this.state = {
      input: ''
    };
    return _this;
  }

  (0, _createClass3.default)(BarcodeModal, [{
    key: 'componentWillReceiveProps',
    value: function componentWillReceiveProps(nextProps) {
      if (nextProps.value) {
        this.setState({ input: nextProps.value });
      }
    }
  }, {
    key: 'render',
    value: function render() {
      var _this2 = this;

      var _props = this.props,
          visible = _props.visible,
          placeholder = _props.placeholder,
          title = _props.title,
          leftView = _props.leftView,
          _props$className = _props.className,
          className = _props$className === undefined ? '' : _props$className;

      return _react2.default.createElement(
        _tplusComponentsTouch.ModalVertical,
        {
          show: visible,
          animation: true,
          className: 'tip-modal ' + className,
          title: title,
          backdrop: true,
          ok: this.ok,
          closeButton: true,
          cancel: this.cancel
        },
        _react2.default.createElement(
          'div',
          { className: 'tip-container' },
          _react2.default.createElement(
            'div',
            { className: 'tip-img' },
            leftView && leftView()
          ),
          _react2.default.createElement(_numKeyboard2.default, {
            className: 'simple-keyboard',
            input: this.state.input,
            changeVal: function changeVal(val) {
              _this2.setState({ input: val });
            },
            placeholder: placeholder
          })
        )
      );
    }
  }]);
  return BarcodeModal;
}(_react.Component), _class2.contextTypes = {
  onEvent: _propTypes2.default.func,
  viewModel: _propTypes2.default.object,
  stores: _propTypes2.default.object,
  storeInfo: _propTypes2.default.object,
  isReturn: _propTypes2.default.bool,
  Idmember: _propTypes2.default.number
}, _temp)) || _class;

exports.default = BarcodeModal;
//# sourceMappingURL=index.js.map