tplus-pos/dist/selfsettle/pwd.js

pos module

'use strict';

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

var _FormControl2 = require('tinper-bee/dist/FormControl');

var _FormControl3 = _interopRequireDefault(_FormControl2);

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;

require('tinper-bee/dist/FormControl/index.css');

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

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

var _mutantsUtil = require('mutants-util');

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

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

var _propTypes2 = _interopRequireDefault(_propTypes);

var _utils = require('./utils');

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

/**
 * @props {boolean} visible
 * @props {fun} cancel 
 * @props {fun} ok
 * @props {string} title
 * @props {string} placeholder
 */
var PwdModal = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (_Component) {
  (0, _inherits3.default)(PwdModal, _Component);

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

    var _this = (0, _possibleConstructorReturn3.default)(this, (PwdModal.__proto__ || (0, _getPrototypeOf2.default)(PwdModal)).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 ok = _this.props.ok;

      var input = _this.pwdinput.input;
      if (ok) {
        ok(input.value).then(function (result) {
          if (!result) return;
        });
      }
    };

    _this.cancel = function () {
      _this.props.cancel && _this.props.cancel();
    };

    _this.fKeyboardOnOk = function () {
      var input = _this.pwdinput.input;
      return function (e) {
        input.blur();
        _tplusComponentsTouch.Keyboard.close();
        _this.ok();
      };
    };

    _this.fKeyboardOnClose = function () {
      var input = _this.pwdinput.input;
      return function (e) {
        input.blur();
        _tplusComponentsTouch.Keyboard.close();
      };
    };

    var _ref = _mutantsUtil.platform || {},
        isHorizontalPad = _ref.isHorizontalPad,
        isHorizontalSunMi = _ref.isHorizontalSunMi;

    _this.isHorizontalPad = !!isHorizontalPad;
    return _this;
  }

  (0, _createClass3.default)(PwdModal, [{
    key: 'componentDidMount',
    value: function componentDidMount() {
      if (this.isHorizontalPad) return;
      if (this.pwdinput) {
        var input = this.pwdinput.input;
        setTimeout(function () {
          input.focus();
        }, 200);
      }
    }
  }, {
    key: 'render',
    value: function render() {
      var _this2 = this;

      var _props = this.props,
          visible = _props.visible,
          title = _props.title,
          placeholder = _props.placeholder,
          cardno = _props.cardno,
          balance = _props.balance;

      var footer = _react2.default.createElement('span', { onClick: this.ok });
      return _react2.default.createElement(
        _tplusComponentsTouch.ModalVertical,
        {
          show: visible,
          animation: true,
          className: 'pwd-modal'
          // modalType={'small'}
          , title: title,
          footer: footer,
          backdrop: true,
          closeButton: true,
          cancel: this.cancel
        },
        _react2.default.createElement(
          'div',
          { className: 'pwd-container' },
          _react2.default.createElement(
            'div',
            { className: 'row' },
            _react2.default.createElement(
              'span',
              { className: 'label' },
              '\u5361\u53F7\uFF1A'
            ),
            _react2.default.createElement(
              'span',
              { className: 'cardno' },
              cardno
            )
          ),
          _react2.default.createElement(
            'div',
            { className: 'row' },
            _react2.default.createElement(
              'span',
              { className: 'label' },
              '\u4F59\u989D\uFF1A'
            ),
            _react2.default.createElement(
              'span',
              { className: 'balance' },
              (0, _utils.getFixedNumber)(balance)
            )
          ),
          _react2.default.createElement(
            'div',
            { className: 'row' },
            _react2.default.createElement(
              'span',
              { className: 'label' },
              '\u5BC6\u7801\uFF1A'
            ),
            _react2.default.createElement(
              'span',
              null,
              _react2.default.createElement(_FormControl3.default, {
                type: 'password',
                className: 'pwd',
                style: { marginLeft: '-20px' },
                placeholder: '\u8BF7\u8F93\u5165\u50A8\u503C\u5361\u5BC6\u7801',
                ref: function ref(input) {
                  return _this2.pwdinput = input;
                },
                onFocus: function onFocus(e) {
                  var inputTarget = _this2.pwdinput.input;
                  _tplusComponentsTouch.Keyboard.open(function (v) {
                    var value = _tplusComponentsTouch.Keyboard.getNewValue(inputTarget, inputTarget.value, v);
                    inputTarget.value = value;
                  }, _this2.fKeyboardOnOk(), _this2.fKeyboardOnClose())();
                },
                onBlur: function onBlur(e) {
                  _tplusComponentsTouch.Keyboard.close();
                }
              })
            )
          ),
          _react2.default.createElement(
            'div',
            { className: 'btn' },
            _react2.default.createElement(
              'div',
              { className: 'fr' },
              _react2.default.createElement(
                'button',
                {
                  type: 'button',
                  onClick: this.cancel },
                '\u53D6\u6D88'
              ),
              _react2.default.createElement(
                'button',
                {
                  type: 'button',
                  onClick: this.ok },
                '\u786E\u5B9A'
              )
            )
          )
        )
      );
    }
  }]);
  return PwdModal;
}(_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 = PwdModal;
//# sourceMappingURL=pwd.js.map