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

pos module

'use strict';

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

var _Button3 = require('tinper-bee/dist/Button');

var _Button4 = _interopRequireDefault(_Button3);

var _defineProperty2 = require('babel-runtime/helpers/defineProperty');

var _defineProperty3 = _interopRequireDefault(_defineProperty2);

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 _dec, _class;

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

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

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _mutantsMicrofx = require('mutants-microfx');

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

require('./style.less');

var _Form = require('./Form.js');

var _Form2 = _interopRequireDefault(_Form);

var _NumberInput = require('./NumberInput.js');

var _NumberInput2 = _interopRequireDefault(_NumberInput);

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

var _tools2 = _interopRequireDefault(_tools);

var _Format = require('../../../commom/Format');

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

var TextBoxModal = (_dec = (0, _mutantsAppfx.injectViewModel)('TextBoxModal'), _dec(_class = (0, _mutantsMicrofx.observer)(_class = function (_Component) {
  (0, _inherits3.default)(TextBoxModal, _Component);

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

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

    _this.renderChangeWeightSubDom = function (visible, formData, closeButton, footer, bodyData) {
      var _React$createElement;

      var _ref = bodyData || { Value: 0, TaxPrice: 0 },
          Value = _ref.Value,
          TaxPrice = _ref.TaxPrice;

      Value = new _Format.Format().FormatQuantity(Number.isNumber(Value) ? Value : 0);
      var Price = new _Format.Format().FormatPrice(TaxPrice * Value);
      return _react2.default.createElement(
        _tplusComponentsTouch.ModalWraper,
        (_React$createElement = {
          show: visible,
          animation: true,
          className: 'modal-form modal-form-weight',
          title: formData.Title,
          closeButton: closeButton,
          backdrop: true,
          footer: footer,
          backdropStyle: {
            opacity: '0'
          },
          onHide: _this.cancel,
          exclueBoard: !!_this.exclueBoard,
          ok: _this.ok
        }, (0, _defineProperty3.default)(_React$createElement, 'closeButton', closeButton), (0, _defineProperty3.default)(_React$createElement, 'cancel', _this.cancel), _React$createElement),
        _react2.default.createElement(
          'div',
          { className: 'modal-form-content' },
          _react2.default.createElement(
            'div',
            { className: 'weight-content' },
            _react2.default.createElement(
              'label',
              null,
              '\u91CD\u91CF\uFF1A'
            ),
            _react2.default.createElement(
              'span',
              null,
              Value
            )
          ),
          _react2.default.createElement(
            'div',
            { className: 'weight-content' },
            _react2.default.createElement(
              'label',
              null,
              '\u5E94\u6536\u91D1\u989D\uFF1A'
            ),
            _react2.default.createElement(
              'div',
              { className: 'prices' },
              Price
            )
          )
        )
      );
    };

    _this.closeKeyboard = function () {
      _tplusComponentsTouch.Keyboard.close();
    };

    _this.closeKeyboardFlow = function () {
      var isNumberBoard = _this.isNumberBoard;
      if (!isNumberBoard) _this.closeKeyboard();
    };

    _this.ok = function () {
      var ok = _this.props.viewModel.ok;

      _this.closeKeyboardFlow();
      ok();
    };

    _this.cancel = function () {
      var cancel = _this.props.viewModel.cancel;

      _this.closeKeyboardFlow();
      cancel();
    };

    return _this;
  }

  (0, _createClass3.default)(TextBoxModal, [{
    key: 'renderHead',
    value: function renderHead() {
      var formData = this.props.viewModel.formData;

      console.log('formData=============', formData);
      if (!formData.Head) return null;
      return _react2.default.createElement(
        'div',
        { className: 'modal-head-left' },
        formData.Head.map(function (el, index) {
          return _react2.default.createElement(
            'span',
            { key: index },
            _react2.default.createElement(
              'span',
              { className: 'modal-head-title' },
              el.Title
            ),
            ':\xA0',
            _react2.default.createElement(
              'span',
              { className: 'modal-head-value' },
              el.Value
            )
          );
        })
      );
    }
  }, {
    key: 'render',
    value: function render() {
      var _this2 = this;

      var _props$viewModel = this.props.viewModel,
          visible = _props$viewModel.visible,
          formData = _props$viewModel.formData,
          cancelable = _props$viewModel.cancelable,
          changeValue = _props$viewModel.changeValue,
          okable = _props$viewModel.okable,
          closeButton = _props$viewModel.closeButton,
          update = _props$viewModel.update;

      var _ref2 = formData || {},
          BalanceAutoConfirm = _ref2.BalanceAutoConfirm,
          bodyData = _ref2.Data;

      if (!formData) {
        return null;
      }
      this.isNumberBoard = bodyData.length === 1 && bodyData[0].ControlType === 'NumTextBox'; //单textbox的number输入（keyboard嵌套）
      //键盘位置
      if (!this.isNumberBoard && bodyData.some(function (el) {
        return el.ControlType === 'TextBox' && !el.SingleShow || el.ControlType === 'PwdTextBox';
      })) {
        this.exclueBoard = true;
      }

      var lmitFieldCount = void 0;
      lmitFieldCount = formData.Head ? 1 : 2;
      var modalType = bodyData.length <= lmitFieldCount && !this.isNumberBoard ? 'small' : 'mid';

      var footer = _react2.default.createElement(
        'div',
        null,
        cancelable && _react2.default.createElement(
          _Button4.default,
          { type: 'cancel', onClick: this.cancel },
          '\u53D6\u6D88'
        ),
        okable && _react2.default.createElement(
          _Button4.default,
          { type: 'success', onClick: this.ok },
          '\u786E\u5B9A'
        )
      );
      closeButton = _tools2.default.isNull(closeButton) ? true : closeButton;
      //  如果是连续称重读取数值
      if (BalanceAutoConfirm) {
        return this.renderChangeWeightSubDom(visible, formData, closeButton, footer, bodyData[0]);
      } else {
        return _react2.default.createElement(
          'div',
          null,
          _react2.default.createElement(
            _tplusComponentsTouch.ModalWraper,
            {
              show: visible && this.isNumberBoard,
              animation: true,
              className: 'numberboard-modal black-modal',
              title: formData.Title,
              closeButton: closeButton,
              backdrop: true,
              reqfooter: false,
              backdropStyle: {
                opacity: '0'
              },
              onHide: this.cancel,
              exclueBoard: !!this.exclueBoard
            },
            _react2.default.createElement(
              'div',
              { className: 'modal-form-content' },
              this.renderHead(),
              _react2.default.createElement(
                'div',
                { style: { marginTop: '16px' } },
                _react2.default.createElement(_NumberInput2.default, { ok: this.ok, changeValue: changeValue, data: bodyData[0], ref: function ref(dom) {
                    _this2.numberBoard = dom;
                  } })
              )
            )
          ),
          _react2.default.createElement(
            _tplusComponentsTouch.ModalWraper,
            {
              show: visible && !this.isNumberBoard,
              animation: true,
              className: 'modal-form',
              modalType: modalType,
              title: formData.Title,
              footer: footer,
              backdrop: true,
              ok: this.ok,
              closeButton: closeButton,
              cancel: this.cancel,
              exclueBoard: !!this.exclueBoard
            },
            _react2.default.createElement(
              'div',
              { className: 'modal-form-content' },
              this.renderHead(),
              _react2.default.createElement(_Form2.default, { ok: this.ok, update: update, changeValue: changeValue, modalType: modalType, data: bodyData })
            )
          )
        );
      }
    }
  }]);
  return TextBoxModal;
}(_react.Component)) || _class) || _class);
exports.default = TextBoxModal;
//# sourceMappingURL=index.js.map