tplus-components-touch 1.27.1 → 1.27.2

package/dist/components/keyboard/letterKeyboard.js

@@ -0,0 +1,222 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = undefined;
+
+var _InputGroup4 = require('tinper-bee/dist/InputGroup');
+
+var _InputGroup5 = _interopRequireDefault(_InputGroup4);
+
+var _FormControl2 = require('tinper-bee/dist/FormControl');
+
+var _FormControl3 = _interopRequireDefault(_FormControl2);
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
+
+var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
+
+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 _class, _temp; /**
+                    * input + letterKeyboard
+                    */
+
+require('tinper-bee/dist/InputGroup/index.css');
+
+require('tinper-bee/dist/FormControl/index.css');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _mutantsUtil = require('mutants-util');
+
+var _index = require('./index');
+
+var _index2 = _interopRequireDefault(_index);
+
+var _index3 = require('../../index');
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var LetterKeyboard = (_temp = _class = function (_Component) {
+  (0, _inherits3.default)(LetterKeyboard, _Component);
+
+  function LetterKeyboard(props) {
+    (0, _classCallCheck3.default)(this, LetterKeyboard);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (LetterKeyboard.__proto__ || (0, _getPrototypeOf2.default)(LetterKeyboard)).call(this, props));
+
+    _this.inputChange = function (e) {
+      _this.setState({
+        value: e
+      });
+      _this.props.onChange && _this.props.onChange(e);
+    };
+
+    _this.showModal = function () {
+      _this.setState({
+        visible: !_this.state.visible
+      });
+      _this.input.input.focus();
+    };
+
+    _this.handleOk = function (e) {
+      _this.props.handleOk && _this.props.handleOk(_this.getShowValue());
+      _this.showModal();
+    };
+
+    _this.handleCancel = function (e) {
+      _this.props.handleCancel && _this.props.handleCancel(_this.getShowValue());
+      _this.showModal();
+    };
+
+    _this.setStateValue = function (key) {
+      var newValue = _index2.default.getNewValue(_this.input.input, _this.getShowValue(), key);
+      _this.setState({
+        value: newValue
+      }, function () {
+        _this.props.onChange && _this.props.onChange(newValue);
+      });
+    };
+
+    _this.getKeyboardIcon = function () {
+      return _this.state.visible ? _react2.default.createElement(_index3.Ticon, { type: 'jianpan1', style: { color: '#999' } }) : _react2.default.createElement(_index3.Ticon, { type: 'jianpan2', style: { color: '#999' } });
+    };
+
+    _this.iconShowModal = function () {
+      if (_this.props.disabled) {
+        return;
+      }
+      _this.showModal();
+    };
+
+    _this.getShowValue = function () {
+      return _this.props.value == undefined ? _this.state.value : _this.props.value;
+    };
+
+    _this.inputBlur = function () {
+      _this.setState({
+        visible: false
+      });
+    };
+
+    _this.inputFocus = function () {
+      _this.props.onFocus && _this.props.onFocus(_this.input);
+      if (_this.props.which == 'icon') {
+        return;
+      }
+      _this.showModal();
+    };
+
+    _this.inputKeyDown = function (e) {
+      if (e.keyCode == 13) {
+        // 按下回车按钮
+        _this.props.handleEnter && _this.props.handleEnter(_this.getShowValue());
+      }
+    };
+
+    _this.state = {
+      visible: false,
+      value: props.value || ''
+    };
+
+    var _ref = _mutantsUtil.platform || {},
+        isHorizontalPad = _ref.isHorizontalPad;
+
+    _this.isMobileEnvironment = !!isHorizontalPad;
+    return _this;
+  }
+
+  (0, _createClass3.default)(LetterKeyboard, [{
+    key: 'componentDidMount',
+    value: function componentDidMount() {
+      this.props.onRef && this.props.onRef(this);
+    }
+  }, {
+    key: 'render',
+    value: function render() {
+      var _this2 = this;
+
+      var _props = (0, _extends3.default)({}, this.props),
+          prefix = _props.prefix,
+          which = _props.which,
+          onRef = _props.onRef,
+          props = (0, _objectWithoutProperties3.default)(_props, ['prefix', 'which', 'onRef']);
+
+      var style = { paddingLeft: '30px' };
+      var value = this.getShowValue();
+      return _react2.default.createElement(
+        'div',
+        { className: 'keyboard' },
+        _react2.default.createElement(
+          _InputGroup5.default,
+          { simple: true, className: 'keyboard-input' },
+          prefix ? _react2.default.createElement(
+            _InputGroup5.default.Button,
+            { shape: 'border', style: { zIndex: 1, left: '6px' } },
+            _react2.default.createElement(_index3.Ticon, { type: prefix, className: 'search-icon' })
+          ) : null,
+          _react2.default.createElement(_FormControl3.default, (0, _extends3.default)({ type: 'text'
+          }, props, {
+            style: prefix ? style : {},
+            onChange: this.inputChange,
+            onFocus: this.inputFocus,
+            onBlur: this.inputBlur,
+            onKeyDown: this.inputKeyDown,
+            value: this.props.value,
+            ref: function ref(input) {
+              return _this2.input = input;
+            },
+            showClose: this.isMobileEnvironment
+          })),
+          which == 'icon' && !this.isMobileEnvironment ? _react2.default.createElement(
+            _InputGroup5.default.Button,
+            { shape: 'border', className: 'keyboard-icon', onMouseDown: function onMouseDown(e) {
+                return e.preventDefault();
+              }, onClick: this.iconShowModal },
+            this.getKeyboardIcon()
+          ) : null
+        ),
+        !this.isMobileEnvironment && _react2.default.createElement(_index2.default, { type: 'letter+modal', value: value, visible: this.state.visible, onChange: this.setStateValue, handleOk: this.handleOk, handleCancel: this.handleCancel })
+      );
+    }
+  }]);
+  return LetterKeyboard;
+}(_react.Component), _class.propTypes = {
+  onChange: _propTypes2.default.func.isRequired,
+  handleOk: _propTypes2.default.func,
+  handleCancel: _propTypes2.default.func,
+  placeholder: _propTypes2.default.string,
+  which: _propTypes2.default.string // 是否要 通过 icon 来触发键盘弹出
+}, _temp);
+exports.default = LetterKeyboard;
+//# sourceMappingURL=letterKeyboard.js.map

package/dist/components/keyboard/letterKeyboard.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/keyboard/letterKeyboard.js"],"names":["LetterKeyboard","props","inputChange","e","setState","value","onChange","showModal","visible","state","input","focus","handleOk","getShowValue","handleCancel","setStateValue","key","newValue","Keyboard","getNewValue","getKeyboardIcon","color","iconShowModal","disabled","undefined","inputBlur","inputFocus","onFocus","which","inputKeyDown","keyCode","handleEnter","platform","isHorizontalPad","isMobileEnvironment","onRef","prefix","style","paddingLeft","zIndex","left","preventDefault","Component","propTypes","PropTypes","func","isRequired","placeholder","string"],"mappings":"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","file":"letterKeyboard.js","sourcesContent":["/**\n * input + letterKeyboard\n */\n\nimport React, { Component } from 'react';\nimport { InputGroup, FormControl, Icon } from 'tinper-bee';\nimport { platform } from 'mutants-util';\nimport Keyboard from './index';\nimport { Ticon } from '../../index';\nimport PropTypes from 'prop-types';\n\nexport default class LetterKeyboard extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      visible: false,\n      value: props.value || ''\n    }\n    const { isHorizontalPad } = platform || {};\n    this.isMobileEnvironment = !!isHorizontalPad;\n  }\n\n  static propTypes = {\n    onChange: PropTypes.func.isRequired,\n    handleOk: PropTypes.func,\n    handleCancel: PropTypes.func,\n    placeholder: PropTypes.string,\n    which: PropTypes.string // 是否要 通过 icon 来触发键盘弹出\n  }\n\n  inputChange = (e) => {\n    this.setState({\n      value: e\n    })\n    this.props.onChange && this.props.onChange(e);\n  }\n\n  showModal = () => {\n    this.setState({\n      visible: !this.state.visible\n    });\n    this.input.input.focus();\n  }\n\n  handleOk = (e) => {\n    this.props.handleOk && this.props.handleOk(this.getShowValue());\n    this.showModal();\n  }\n\n  handleCancel = (e) => {\n    this.props.handleCancel && this.props.handleCancel(this.getShowValue());\n    this.showModal()\n  }\n\n  setStateValue = (key) => {\n    let newValue = Keyboard.getNewValue(this.input.input, this.getShowValue(), key);\n    this.setState({\n      value: newValue\n    }, () => {\n      this.props.onChange && this.props.onChange(newValue);\n    })\n  }\n\n  getKeyboardIcon = () => {\n    return (\n      this.state.visible ?\n        <Ticon type='jianpan1' style={{ color: '#999' }} />\n        :\n        <Ticon type='jianpan2' style={{ color: '#999' }} />\n    )\n  }\n\n  iconShowModal = () => {\n    if (this.props.disabled) {\n      return;\n    }\n    this.showModal();\n  }\n\n  getShowValue = () => {\n    return this.props.value == undefined ? this.state.value : this.props.value;\n  }\n\n  inputBlur = () => {\n    this.setState({\n      visible: false\n    })\n  }\n\n  inputFocus = () => {\n    this.props.onFocus && this.props.onFocus(this.input)\n    if (this.props.which == 'icon') {\n      return;\n    }\n    this.showModal();\n  }\n\n  inputKeyDown = (e) => {\n    if (e.keyCode == 13) { // 按下回车按钮\n      this.props.handleEnter && this.props.handleEnter(this.getShowValue());\n    }\n  }\n\n  componentDidMount() {\n    this.props.onRef && this.props.onRef(this);\n  }\n\n  render() {\n    let { prefix, which, onRef, ...props } = { ...this.props };\n    let style = { paddingLeft: '30px' };\n    let value = this.getShowValue();\n    return (\n      <div className='keyboard'>\n        {\n          <InputGroup simple className='keyboard-input'>\n            {\n              prefix ?\n                <InputGroup.Button shape=\"border\" style={{ zIndex: 1, left: '6px' }}>\n                  <Ticon type={prefix} className='search-icon' />\n                </InputGroup.Button>\n                :\n                null\n            }\n            <FormControl type=\"text\" \n              {...props}\n              style={prefix ? style : {}}\n              onChange={this.inputChange}\n              onFocus={this.inputFocus}\n              onBlur={this.inputBlur}\n              onKeyDown={this.inputKeyDown}\n              value={this.props.value}\n              ref={input => this.input = input}\n              showClose={this.isMobileEnvironment}\n            />\n            {\n              which == 'icon' && !this.isMobileEnvironment ?\n                <InputGroup.Button shape=\"border\" className='keyboard-icon' onMouseDown={e => e.preventDefault()} onClick={this.iconShowModal}>\n                  {\n                    this.getKeyboardIcon()\n                  }\n                </InputGroup.Button>\n                :\n                null\n            }\n          </InputGroup>\n        }\n        {\n          !this.isMobileEnvironment &&\n          <Keyboard type='letter+modal' value={value} visible={this.state.visible} onChange={this.setStateValue} handleOk={this.handleOk} handleCancel={this.handleCancel} />\n        }  \n      </div>\n    )\n  }\n}"]}

package/dist/components/keyboard/numKeyboard.js

@@ -0,0 +1,458 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = undefined;
+
+var _InputGroup5 = require('tinper-bee/dist/InputGroup');
+
+var _InputGroup6 = _interopRequireDefault(_InputGroup5);
+
+var _FormControl3 = require('tinper-bee/dist/FormControl');
+
+var _FormControl4 = _interopRequireDefault(_FormControl3);
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+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 _class, _temp;
+// import { Input, InputNumber, Icon, Popover } from 'antd';
+
+require('tinper-bee/dist/InputGroup/index.css');
+
+require('tinper-bee/dist/FormControl/index.css');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _mutantsUtil = require('mutants-util');
+
+var _index = require('../../index');
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+require('bee-popover/build/Popover.css');
+
+var _beePopover = require('bee-popover');
+
+var _beePopover2 = _interopRequireDefault(_beePopover);
+
+var _tools = require('../../util/tools');
+
+var _tools2 = _interopRequireDefault(_tools);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var NumKeyboard = (_temp = _class = function (_Component) {
+  (0, _inherits3.default)(NumKeyboard, _Component);
+
+  function NumKeyboard(props) {
+    (0, _classCallCheck3.default)(this, NumKeyboard);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (NumKeyboard.__proto__ || (0, _getPrototypeOf2.default)(NumKeyboard)).call(this));
+
+    _this.numClick = function (key) {
+      if (key == 'sure') {
+        if (_this.props.handleOk) {
+          var result = _this.props.handleOk(_this.state.value);
+          if (result) {
+            _this.setState({
+              visible: false
+            });
+          }
+        }
+        return;
+      }
+      var length1 = _this.props.maxLength;
+      var length2 = _this.props.precisionLength;
+      if (length2 == 0 && key == '.') {
+        return;
+      }
+      var value = _this.state.value + '';
+      if (value == '' && key == '.') {
+        // 不允许小数的时候，也不允许小数点
+        return;
+      }
+      if ((value + '').indexOf('.') > 0 && key == '.') {
+        return;
+      }
+
+      var newValue = _index.Keyboard.getNewValue(_this.input.input, _this.getShowValue(), key, true);
+
+      if (length1 && length2) {
+        var v = newValue,
+            v1 = void 0,
+            v2 = void 0;
+        if (value.indexOf('-') != -1) {
+          v = value.slice(1, value.length);
+        }
+        v1 = v.split('.')[0];
+        v2 = v.split('.')[1];
+        if (v.length > length1 || v2 && v2.length > length2 || v1 && v1.length > length1 - length2 - 1) {
+          return;
+        }
+      }
+
+      _this.setStateValue(newValue);
+    };
+
+    _this.getKeyboard = function () {
+      var nums = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '0', '00', '.'];
+      var numsKey = nums.map(function (item) {
+        return _react2.default.createElement(
+          'div',
+          { className: 'num key', key: item + Math.random(), onClick: _this.numClick.bind(_this, item) },
+          item
+        );
+      });
+      var type = _this.props.type;
+
+      return _react2.default.createElement(
+        'div',
+        { className: 'clearfix', onMouseDown: function onMouseDown(e) {
+            return e.preventDefault();
+          } },
+        _react2.default.createElement(
+          'div',
+          { className: 'nums clearfix' },
+          numsKey
+        ),
+        _react2.default.createElement(
+          'div',
+          { className: 'dels clearfix' },
+          _react2.default.createElement(
+            'div',
+            { className: 'del key', onClick: _this.numClick.bind(_this, 'delete') },
+            _react2.default.createElement(_index.Ticon, { type: 'tuige' })
+          ),
+          type == 'positive' ? _react2.default.createElement(
+            _react2.default.Fragment,
+            null,
+            _react2.default.createElement(
+              'div',
+              { className: 'del key sure positive', onClick: _this.numClick.bind(_this, 'clear') },
+              '\u6E05',
+              _react2.default.createElement('br', null),
+              '\u7A7A'
+            )
+          ) : null,
+          type == 'sure' ? _react2.default.createElement(
+            _react2.default.Fragment,
+            null,
+            _react2.default.createElement(
+              'div',
+              { className: 'del key', onClick: _this.numClick.bind(_this, 'clear') },
+              '\u6E05\u7A7A'
+            ),
+            _react2.default.createElement(
+              'div',
+              { className: 'del key sure real-sure', onClick: _this.numClick.bind(_this, 'sure') },
+              '\u786E',
+              _react2.default.createElement('br', null),
+              '\u5B9A'
+            )
+          ) : null,
+          type == undefined || type == 'text' ? _react2.default.createElement(
+            _react2.default.Fragment,
+            null,
+            _react2.default.createElement(
+              'div',
+              { className: 'del key', onClick: _this.numClick.bind(_this, '-') },
+              '\u2014'
+            ),
+            _react2.default.createElement(
+              'div',
+              { className: 'del key sure', onClick: _this.numClick.bind(_this, 'clear') },
+              '\u6E05',
+              _react2.default.createElement('br', null),
+              '\u7A7A'
+            )
+          ) : null
+        )
+      );
+    };
+
+    _this.setStateValue = function (value, fn) {
+      _this.setState({
+        value: value
+      }, function () {
+        if (_this.props.onChange) {
+          _this.props.onChange(_this.getShowValue(), _this.props.name);
+        }
+        if (fn && typeof fn == 'function') fn();
+      });
+    };
+
+    _this.inputChange = function (v) {
+      if (v === '') {
+        _this.setStateValue('');
+        return;
+      }
+      var newValue = void 0;
+      var IsReturn = _this.props.IsReturn;
+
+      if (IsReturn) {
+        //退货状态,允许录入负值。
+        if (!_tools2.default.isSubFloat(v)) {
+          return;
+        }
+      } else {
+        //正常开单
+        if (!_tools2.default.isSubFloat(v)) {
+          return;
+        }
+      }
+      if (v.match(/\./g) && v.match(/\./g).length > 1) {
+        return;
+      }
+      if (_this.props.type == "positive") {
+        // 只允许输入正数
+        newValue = (v + '').match(/\d+\.?\d*/);
+      } else {
+        newValue = (v + '').match(/^(\-)?[(\d*)|(\d+\.?\d*)]*$/);
+      }
+      var length1 = _this.props.maxLength;
+      var length2 = _this.props.precisionLength;
+      if (length1 >= 0 && length2 >= 0) {
+        var _v = (newValue ? newValue[0] : '') + '',
+            v1 = void 0,
+            v2 = void 0;
+        if (_v.indexOf('-') != -1) {
+          _v = _v.slice(1, _v.length);
+        }
+        v1 = _v.split('.')[0];
+        v2 = _v.split('.')[1];
+        if (_v.length > length1 || v2 && v2.length > length2 || v1 && v1.length > length1 - length2 - 1) {
+          return;
+        }
+        if (length2 == 0 && _v.indexOf('.') > 0) {
+          // 不允许小数的时候，也不允许小数点
+          return;
+        }
+      }
+      if (newValue && newValue[0]) {
+        newValue = newValue[0];
+        if (newValue !== '-') {
+          var _this$props$max = _this.props.max,
+              max = _this$props$max === undefined ? {} : _this$props$max;
+          var _this$props$min = _this.props.min,
+              min = _this$props$min === undefined ? {} : _this$props$min;
+
+          if (!_tools2.default.isNull(max.value) && newValue > max.value) return;
+          if (!_tools2.default.isNull(min.value) && newValue < min.value) return;
+        }
+        _this.setStateValue(newValue || '');
+      }
+    };
+
+    _this.onFocus = function () {
+      _this.props.onFocus && _this.props.onFocus();
+      _this.input.input.select();
+    };
+
+    _this.onShowPopover = function () {
+      _this.setState({
+        visible: true
+      }, function () {
+        _this.input.input.focus();
+        _this.input.input.select();
+      });
+    };
+
+    _this.getValue = function () {
+      return _this.getShowValue();
+    };
+
+    _this.setValue = function (value) {
+      _this.setState({
+        value: value
+      });
+    };
+
+    _this.onVisibleChange = function (visible) {
+      console.log('onVisibleChange', visible);
+      _this.props.onVisibleChange && _this.props.onVisibleChange(visible);
+    };
+
+    _this.onHidePopover = function () {
+      _this.setState({
+        visible: false
+      });
+    };
+
+    _this.getShowValue = function () {
+      return _this.props.value === undefined ? _this.state.value : _this.props.value;
+    };
+
+    _this.getKeyboardIcon = function () {
+      var propsVisible = _this.props.show;
+      var isPropsVisible = propsVisible !== undefined;
+      var icon = isPropsVisible ? propsVisible ? 'jianpan1' : 'jianpan2' : _this.state.visible ? 'jianpan1' : 'jianpan2';
+      var _this$props$popClassN = _this.props.popClassName,
+          popClassName = _this$props$popClassN === undefined ? '' : _this$props$popClassN;
+
+      return _this.props.disabled ? _react2.default.createElement(_index.Ticon, { className: 'keyboard-icon', type: icon, style: { color: '#999' } }) : _react2.default.createElement(
+        _beePopover2.default,
+        {
+          placement: 'bottomRight',
+          onVisibleChange: _this.onVisibleChange,
+          onHide: _this.onHidePopover,
+          title: null,
+          arrowOffsetTop: -200,
+          arrowOffsetLeft: 400,
+          show: isPropsVisible ? propsVisible : _this.state.visible,
+          content: _this.getKeyboard(),
+          trigger: 'click',
+          className: 'num-keyboard-popover num-keyboard-popover-click ' + popClassName + ' ' },
+        _react2.default.createElement(_index.Ticon, { className: 'keyboard-icon', type: icon, style: { color: '#999', 'fontSize': '20px' }, onClick: _this.onShowPopover })
+      );
+    };
+
+    _this.state = {
+      visible: false,
+      value: props.value || ''
+    };
+
+    var _ref = _mutantsUtil.platform || {},
+        isHorizontalPad = _ref.isHorizontalPad;
+
+    _this.isMobileEnvironment = !!isHorizontalPad;
+    return _this;
+  }
+
+  (0, _createClass3.default)(NumKeyboard, [{
+    key: 'componentDidMount',
+    value: function componentDidMount() {
+      this.setState({
+        value: this.props.defaultValue || ''
+      });
+    }
+
+    /**
+     * 对外提供的 get 方法
+     */
+
+
+    /**
+     * 对外提供的 set 方法
+     */
+
+  }, {
+    key: 'render',
+    value: function render() {
+      var _this2 = this;
+
+      var _props2 = this.props,
+          bordered = _props2.bordered,
+          trigger = _props2.trigger,
+          _props2$onIconClick = _props2.onIconClick,
+          onIconClick = _props2$onIconClick === undefined ? function () {} : _props2$onIconClick,
+          icon = _props2.icon,
+          _props2$className = _props2.className,
+          className = _props2$className === undefined ? '' : _props2$className,
+          _props2$popClassName = _props2.popClassName,
+          popClassName = _props2$popClassName === undefined ? '' : _props2$popClassName,
+          _props2$inputClassNam = _props2.inputClassName,
+          inputClassName = _props2$inputClassNam === undefined ? '' : _props2$inputClassNam;
+
+      var _props = (0, _extends3.default)({}, this.props);
+      delete _props.bordered;
+      delete _props.trigger;
+      delete _props.className;
+      delete _props.popClassName;
+      delete _props.icon;
+      delete _props.onIconClick;
+      delete _props.inputClassName;
+      delete _props.precisionLength;
+      delete _props.maxLength;
+      var value = this.getShowValue();
+      return _react2.default.createElement(
+        'div',
+        { className: 'keyboard number-keyboard ' + (!bordered ? 'no-bordered' : '') + ' ' + className },
+        trigger == 'click' ? _react2.default.createElement(
+          _InputGroup6.default,
+          { simple: true },
+          _react2.default.createElement(_FormControl4.default, (0, _extends3.default)({ type: 'text'
+          }, _props, {
+            className: inputClassName + ' keyboard-input',
+            onFocus: this.onFocus,
+            onChange: this.inputChange,
+            value: value,
+            ref: function ref(input) {
+              return _this2.input = input;
+            },
+            showClose: this.isMobileEnvironment
+          })),
+          !this.isMobileEnvironment && _react2.default.createElement(
+            _InputGroup6.default.Button,
+            { shape: 'border' },
+            this.getKeyboardIcon()
+          )
+        ) : _react2.default.createElement(
+          _InputGroup6.default,
+          { simple: true },
+          _react2.default.createElement(
+            _beePopover2.default,
+            {
+              placement: 'bottomRight',
+              onVisibleChange: this.onVisibleChange,
+              onHide: this.onHidePopover,
+              rootClose: false,
+              title: null,
+              show: this.state.visible,
+              content: this.getKeyboard(),
+              trigger: 'focus',
+              className: 'num-keyboard-popover num-keyboard-popover-focus ' + popClassName + ' '
+            },
+            _react2.default.createElement(_FormControl4.default, (0, _extends3.default)({ type: 'text', className: 'keyboard-input' }, _props, { onBlur: this.onHidePopover, onFocus: this.onShowPopover, onChange: this.inputChange, value: value, ref: function ref(input) {
+                return _this2.input = input;
+              } }))
+          ),
+          _react2.default.createElement(
+            _InputGroup6.default.Button,
+            { shape: 'border' },
+            _react2.default.createElement(_index.Ticon, { className: 'keyboard-icon', type: icon, style: { color: '#999' }, onClick: onIconClick })
+          )
+        )
+      );
+    }
+  }]);
+  return NumKeyboard;
+}(_react.Component), _class.propTypes = {
+  onChange: _propTypes2.default.func,
+  icon: _propTypes2.default.string,
+  bordered: _propTypes2.default.bool, // 是否要 通过 icon 来触发键盘弹出
+  popClassName: _propTypes2.default.string, // 键盘弹出框的 className
+  onIconClick: _propTypes2.default.func
+}, _class.defaultProps = {
+  trigger: 'click',
+  bordered: false,
+  icon: 'jianpan'
+}, _temp);
+exports.default = NumKeyboard;
+//# sourceMappingURL=numKeyboard.js.map