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

pos module

'use strict';

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

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

var _Button4 = _interopRequireDefault(_Button3);

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;
// import DatePicker from 'tinper-bee/lib/Datepicker';
// import "bee-datepicker/build/DatePicker.css";


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');

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

require('./style.less');

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

var _Form2 = _interopRequireDefault(_Form);

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

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

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

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

    _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)(FeedBackModal, [{
    key: 'render',
    value: function render() {
      var _props$viewModel = this.props.viewModel,
          visible = _props$viewModel.visible,
          formData = _props$viewModel.formData,
          title = _props$viewModel.title,
          content = _props$viewModel.content,
          tableWidth = _props$viewModel.tableWidth,
          dataSource = _props$viewModel.dataSource,
          columns = _props$viewModel.columns,
          cancelable = _props$viewModel.cancelable,
          changeValue = _props$viewModel.changeValue,
          modalType = _props$viewModel.modalType,
          okButtonTitle = _props$viewModel.okButtonTitle;

      var footer = _react2.default.createElement(
        'div',
        null,
        cancelable && _react2.default.createElement(
          _Button4.default,
          { type: 'cancel', style: { marginRight: 8 }, onClick: this.cancel },
          '\u53D6\u6D88'
        ),
        _react2.default.createElement(
          _Button4.default,
          { type: 'success', onClick: this.ok },
          okButtonTitle
        )
      );
      //form 弹框大小
      if (formData) {
        var lmitFieldCount = void 0;
        var bodyData = formData.Data;
        this.isNumberBoard = bodyData.length === 1 && bodyData[0].ControlType === 'NumTextBox'; //单textbox的number输入（keyboard嵌套）
        lmitFieldCount = !!content ? 1 : 2;
        modalType = bodyData && bodyData.length <= lmitFieldCount && !this.isNumberBoard ? 'small' : 'mid';
      }

      var _ref = _mutantsUtil.platform || {},
          isVerticalTouch = _ref.isVerticalTouch;

      return _react2.default.createElement(
        _tplusComponentsTouch.ModalWraper,
        {
          show: visible,
          animation: true,
          className: 'modal-form',
          modalType: modalType,
          title: title,
          onHide: this.cancel,
          footer: footer,
          vertical: isVerticalTouch
        },
        _react2.default.createElement(
          'div',
          { className: 'form-wrapper ' + (isVerticalTouch ? 'form-vertical' : ''), style: { height: '100%' } },
          !!content && _react2.default.createElement(
            'div',
            { className: 'form-warning-msg' },
            _react2.default.createElement(_tplusComponentsTouch.Ticon, { className: 'icon', type: 'jingshida' }),
            content
          ),
          _react2.default.createElement(
            'div',
            { className: 'form-table' },
            !!dataSource && dataSource.length > 0 && _react2.default.createElement(_tplusComponentsTouch.TouchTable, { tableHeight: 375, width: tableWidth, delRow: false, dataSource: dataSource, columns: columns }),
            !!formData && !!formData.Data && _react2.default.createElement(_Form2.default, { modalType: modalType, changeValue: changeValue, data: formData.Data })
          )
        )
      );
    }
  }]);
  return FeedBackModal;
}(_react.Component)) || _class) || _class);
exports.default = FeedBackModal;
//# sourceMappingURL=index.js.map