modo-mobile/es/number-keyboard/index.js

A mobile UI toolkit, based on React

import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
import _createClass from 'babel-runtime/helpers/createClass';
import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
import _inherits from 'babel-runtime/helpers/inherits';
import * as React from 'react';
import Keyboard from './keyboard';
import Popup from '../popup';

var NumberKeyboard = function (_React$PureComponent) {
    _inherits(NumberKeyboard, _React$PureComponent);

    function NumberKeyboard() {
        _classCallCheck(this, NumberKeyboard);

        return _possibleConstructorReturn(this, (NumberKeyboard.__proto__ || Object.getPrototypeOf(NumberKeyboard)).apply(this, arguments));
    }

    _createClass(NumberKeyboard, [{
        key: 'render',
        value: function render() {
            var _props = this.props,
                prefixCls = _props.prefixCls,
                type = _props.type,
                okText = _props.okText,
                visible = _props.visible,
                disorder = _props.disorder,
                hideDot = _props.hideDot,
                onConfirm = _props.onConfirm,
                onDelete = _props.onDelete,
                onEnter = _props.onEnter,
                onHide = _props.onHide;

            return React.createElement(
                'div',
                { className: prefixCls + '-wrapper' },
                React.createElement(
                    Popup,
                    { visible: visible, position: 'bottom', hasMask: false },
                    React.createElement(Keyboard, { disorder: disorder, hideDot: hideDot, prefixCls: prefixCls, type: type, okText: okText, onConfirm: onConfirm, onDelete: onDelete, onEnter: onEnter, onHide: onHide })
                )
            );
        }
    }]);

    return NumberKeyboard;
}(React.PureComponent);

export default NumberKeyboard;

NumberKeyboard.defaultProps = {
    prefixCls: 'm-number-keyboard',
    type: 'professional',
    okText: '确定',
    disorder: false,
    hideDot: false
};