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

pos module

'use strict';

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

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

var _FormControl3 = _interopRequireDefault(_FormControl2);

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 Memo = (_dec = (0, _mutantsAppfx.injectViewModel)('Memo'), _dec(_class = (0, _mutantsMicrofx.observer)(_class = function (_Component) {
    (0, _inherits3.default)(Memo, _Component);

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

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

        _this.textBoxInput = function (value) {
            var wordCount = _this.state.wordCount;

            if (value.length > wordCount) return;
            var body = _this.props.viewModel.body;

            _this.props.viewModel.changeValue(body, 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.state = {
            wordCount: 1000
        };
        return _this;
    }

    (0, _createClass3.default)(Memo, [{
        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,
                _props$viewModel$titl = _props$viewModel.title,
                title = _props$viewModel$titl === undefined ? '' : _props$viewModel$titl,
                body = _props$viewModel.body;

            if (!visible) return null;

            var _ref = body || {},
                markText = _ref.Value,
                ControlType = _ref.ControlType;

            var wordCount = this.state.wordCount;

            return _react2.default.createElement(
                _tplusComponentsTouch.ModalWraper,
                {
                    show: visible,
                    animation: true,
                    className: 'memo-modal',
                    modalType: 'small',
                    title: title,
                    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: 'memo-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
                        )
                    ),
                    ControlType && ControlType == 'TextArea' ? _react2.default.createElement(
                        'div',
                        { className: 'body' },
                        _react2.default.createElement('textarea', {
                            ref: function ref(el) {
                                return _this2.mTextarea = el;
                            },
                            className: 'mark-textarea ' + (focus ? 'input-focus' : ''),
                            placeholder: t('请输入备注内容'),
                            value: markText || '',
                            onChange: function onChange(e) {
                                _this2.textBoxInput(e.target.value);
                            },
                            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(value);
                                })();
                            }
                        }),
                        _react2.default.createElement(
                            'span',
                            null,
                            t(markText ? '\u8FD8\u80FD\u8F93\u5165' + (wordCount - markText.length) + '/' + wordCount + '\u4E2A\u5B57\u7B26' : '\u6700\u591A' + wordCount + '\u4E2A\u5B57')
                        )
                    ) : _react2.default.createElement(
                        'div',
                        { className: 'body' },
                        _react2.default.createElement(_FormControl3.default, {
                            className: 'mark-text ' + (focus ? 'input-focus' : ''),
                            placeholder: t('\u8BF7\u8F93\u5165' + title),
                            value: markText || '',
                            onChange: function onChange(val) {
                                _this2.textBoxInput(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(value);
                                })();
                            }
                        })
                    )
                )
            );
        }
    }]);
    return Memo;
}(_react.Component)) || _class) || _class);
exports.default = Memo;
//# sourceMappingURL=index.js.map