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

pos module

'use strict';

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

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

var _FormControl4 = _interopRequireDefault(_FormControl3);

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;

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

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

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

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

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

require('../textBox/style.less');

require('./style.less');

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

var t = _mutantsMicrofx.i18n.getFixedT(null, 'newretail');

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

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

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

        _this.textBoxInput = function (index, value) {
            if (index == 1 && value.length > 50 || index == 1 && value.length > 500) return;
            var body = _this.props.viewModel.body;

            var field = body['field' + index];
            _this.props.viewModel.changeValue(field, value);
        };

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

            _tplusComponentsTouch.Keyboard.close();
            cancel();
        };

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

            _tplusComponentsTouch.Keyboard.close();
            ok();
        };

        _this.moveCaretToEnd = function (el) {
            if (typeof el.selectionStart == "number") {
                el.selectionStart = el.selectionEnd = el.value.length;
            } else if (typeof el.createTextRange != "undefined") {
                el.focus();
                var range = el.createTextRange();
                range.collapse(false);
                range.select();
            }
        };

        _this.onKeyDown = function (event) {
            var dom = event && event.target;
            var key = event && event.keyCode;
            switch (key) {
                case 13:
                    //回车
                    dom = dom && dom.nextElementSibling ? dom.nextElementSibling : null;
                    if (dom) {
                        dom.focus();
                    } else {
                        _this.ok();
                    }
                    break;
                case 38:
                    //上
                    dom = dom && dom.previousElementSibling ? dom.previousElementSibling : null;
                    if (dom) dom.focus();
                    break;
                case 40:
                    //下
                    dom = dom && dom.nextElementSibling ? dom.nextElementSibling : null;
                    if (dom) dom.focus();
                    break;
            }
        };

        return _this;
    }

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

            var _props$viewModel = this.props.viewModel,
                _props$viewModel$visi = _props$viewModel.visible,
                visible = _props$viewModel$visi === undefined ? false : _props$viewModel$visi,
                head = _props$viewModel.head,
                body = _props$viewModel.body;

            if (!visible) return null;

            var _ref = body || {},
                field1 = _ref.field1,
                field2 = _ref.field2;

            return _react2.default.createElement(
                _tplusComponentsTouch.ModalWraper,
                {
                    show: visible,
                    animation: true,
                    className: 'serialNumber-modal',
                    modalType: 'small',
                    title: '\u5E8F\u5217\u53F7',
                    onHide: this.cancel,
                    exclueBoard: true,
                    footer: _react2.default.createElement(
                        'div',
                        null,
                        _react2.default.createElement(
                            _Button4.default,
                            { type: 'cancel', onClick: this.cancel },
                            '\u53D6\u6D88'
                        ),
                        _react2.default.createElement(
                            _Button4.default,
                            { type: 'success', onClick: this.ok },
                            '\u786E\u5B9A'
                        )
                    )
                },
                _react2.default.createElement(
                    'div',
                    { className: 'serialNumber-container' },
                    !!head && _react2.default.createElement(
                        'div',
                        { className: 'head' },
                        _react2.default.createElement(
                            'span',
                            { className: 'head-name' },
                            head.name,
                            ':'
                        ),
                        _react2.default.createElement(
                            'span',
                            { className: 'head-value' },
                            head.value
                        )
                    ),
                    _react2.default.createElement(
                        'div',
                        { className: 'body' },
                        _react2.default.createElement(_FormControl4.default, {
                            className: 'mark-text ' + (focus ? 'input-focus' : ''),
                            placeholder: t('\u8BF7\u8F93\u5165\u5E8F\u5217\u53F7'),
                            value: field1.Value || '',
                            onChange: function onChange(val) {
                                _this2.textBoxInput(1, val);
                            },
                            onClick: function onClick(e) {
                                _this2.input = e.target;
                                _tplusComponentsTouch.Keyboard.open(function (v) {
                                    var value = _tplusComponentsTouch.Keyboard.getNewValue(_this2.input, _this2.input.value, v);
                                    _this2.textBoxInput(1, value);
                                })();
                            },
                            onKeyDown: this.onKeyDown
                        }),
                        _react2.default.createElement(_FormControl4.default, {
                            className: 'mark-text ' + (focus ? 'input-focus' : ''),
                            placeholder: t('\u8BF7\u8F93\u5165\u5E8F\u5217\u53F7\u5907\u6CE8'),
                            value: field2.Value || '',
                            onChange: function onChange(val) {
                                _this2.textBoxInput(2, val);
                            },
                            onClick: function onClick(e) {
                                _this2.inputMemo = e.target;
                                _tplusComponentsTouch.Keyboard.open(function (v) {
                                    var value = _tplusComponentsTouch.Keyboard.getNewValue(_this2.inputMemo, _this2.inputMemo.value, v);
                                    _this2.textBoxInput(2, value);
                                })();
                            },
                            onKeyDown: this.onKeyDown
                        })
                    )
                )
            );
        }
    }]);
    return SerialNumber;
}(_react.Component)) || _class) || _class);
exports.default = SerialNumber;
//# sourceMappingURL=index.js.map