tplus-pos/dist/components/modalWraperPosTouch/textBox/NumberInput.js

pos module

'use strict';

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

var _extends2 = require('babel-runtime/helpers/extends');

var _extends3 = _interopRequireDefault(_extends2);

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 _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

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

var _tools = require('../../../util/tools');

var _tools2 = _interopRequireDefault(_tools);

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

/*
 * @Descripttion: 
 * @version: 
 * @Author: chenlongad
 * @Date: 2020-11-09 10:05:07
 * @LastEditors: chenlongad
 * @LastEditTime: 2020-12-23 14:39:51
 */
var NumberBoard = function (_React$Component) {
  (0, _inherits3.default)(NumberBoard, _React$Component);

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

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

    _this.ok = function () {
      var ok = _this.props.ok;
      var value = _this.value;
      if (!value || !(value + "").trim().length) {
        _this.handleInputFocus();
        return;
      }
      ok();
    };

    _this.handleInputFocus = function () {
      if (_this.isHorizontalPad) return;
      setTimeout(function () {
        var modal = document.getElementsByClassName('modal-form-content')[0];
        if (!modal) return;
        var input = modal.getElementsByTagName('input')[0];
        if (_this.isHorizontalSunMi) {
          if (input) setTimeout(function () {
            input.focus();
          }, 250);
        } else {
          if (input) input.focus();
        }
      }, 0);
    };

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

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

  (0, _createClass3.default)(NumberBoard, [{
    key: 'componentDidMount',
    value: function componentDidMount() {
      this.handleInputFocus();
    }
  }, {
    key: 'render',
    value: function render() {
      var _this2 = this;

      var fileModel = this.props.data;
      var changeValue = this.props.changeValue;
      this.value = fileModel.Value;
      return _react2.default.createElement(_tplusComponentsTouch.KeyboardInput, (0, _extends3.default)({
        type: fileModel.abs ? "positive" : ''
      }, fileModel, {
        onChange: function onChange(val) {
          if (isNaN(val)) return;
          val = _tools2.default.handleNumberInput(val);
          changeValue(fileModel, val);
          _this2.value = val;
        },
        value: fileModel.Value,
        handleOk: function handleOk() {
          _this2.ok();
        }
      }));
    }
  }]);
  return NumberBoard;
}(_react2.default.Component);

exports.default = NumberBoard;
//# sourceMappingURL=NumberInput.js.map