tplus-components-touch 1.27.1 → 1.27.2

package/dist/components/keyboard/numberButton_input.js

@@ -0,0 +1,300 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = undefined;
+
+var _FormControl2 = require('tinper-bee/dist/FormControl');
+
+var _FormControl3 = _interopRequireDefault(_FormControl2);
+
+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 + 数字键盘
+                    * @props {boolean} type "positive" 只支持正数，不传正负都可以
+                    * @props {number} max  最大值
+                    * @props {number} min  最小值
+                    */
+
+require('tinper-bee/dist/FormControl/index.css');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _mutantsUtil = require('mutants-util');
+
+var _mutantsMicrofx = require('mutants-microfx');
+
+var _index = require('../../index');
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _tools = require('../../util/tools');
+
+var _tools2 = _interopRequireDefault(_tools);
+
+var _index2 = require('../message/index');
+
+var _index3 = _interopRequireDefault(_index2);
+
+var _hotKey = require('../hotKey');
+
+var _hotKey2 = _interopRequireDefault(_hotKey);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var KeyboardInput = (_temp = _class = function (_Component) {
+  (0, _inherits3.default)(KeyboardInput, _Component);
+
+  function KeyboardInput(props) {
+    (0, _classCallCheck3.default)(this, KeyboardInput);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (KeyboardInput.__proto__ || (0, _getPrototypeOf2.default)(KeyboardInput)).call(this, props));
+
+    _this.inputChange = function (v) {
+      //对移动端键盘处理。
+      _this.handleMobileKeyboard();
+      var newValue = void 0;
+      if (v === '') {
+        newValue = '';
+      } else {
+        //键盘大小控制
+        var _this$props = _this.props,
+            _this$props$max = _this$props.max,
+            max = _this$props$max === undefined ? {} : _this$props$max,
+            _this$props$min = _this$props.min,
+            min = _this$props$min === undefined ? {} : _this$props$min,
+            type = _this$props.type,
+            maxLength = _this$props.maxLength,
+            precisionLength = _this$props.precisionLength;
+
+        if (!_tools2.default.isNull(max.value)) {
+          if (v > max.value) {
+            if (!_tools2.default.isNull(max.tip)) _index3.default.info(max.tip);
+            return;
+          }
+        }
+        if (!_tools2.default.isNull(min.value)) {
+          if (v < min.value) {
+            if (!_tools2.default.isNull(min.tip)) _index3.default.info(min.tip);
+            return;
+          };
+        }
+
+        if (v.match(/\./g) && v.match(/\./g).length > 1) {
+          return;
+        }
+        if (type == "positive") {
+          // 只允许输入正数
+          newValue = (v + '').match(/\d+\.?\d*/);
+        } else {
+          newValue = (v + '').match(/^(\-)?[(\d*)|(\d+\.?\d*)]*$/);
+        }
+        var length1 = maxLength ? parseInt(maxLength) : -1;
+        var length2 = parseInt(precisionLength);
+        if (length1 >= 0 && length2 >= 0) {
+          var _v = 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 (v1 && v1.length > length1 - length2 || v2 && v2.length > length2 || v1 && v1.length > length1 - length2) {
+            return;
+          }
+          if (length2 == 0 && _v.indexOf('.') > 0) {
+            // 不允许小数的时候，也不允许小数点
+            return;
+          }
+        }
+      }
+      _this.setState({
+        value: newValue && newValue[0] || ''
+      }, function () {
+        _this.props.onChange && _this.props.onChange(_this.state.value);
+      });
+    };
+
+    _this.onChange = function (key) {
+      //对移动端键盘处理。
+      _this.handleMobileKeyboard();
+      var _this$props2 = _this.props,
+          _this$props2$max = _this$props2.max,
+          max = _this$props2$max === undefined ? {} : _this$props2$max,
+          _this$props2$min = _this$props2.min,
+          min = _this$props2$min === undefined ? {} : _this$props2$min,
+          handleOk = _this$props2.handleOk,
+          onChange = _this$props2.onChange,
+          maxLength = _this$props2.maxLength,
+          precisionLength = _this$props2.precisionLength;
+
+      if (key == 'sure') {
+        handleOk && handleOk(_this.state.value);
+        return;
+      }
+      var length1 = maxLength ? parseInt(maxLength) : -1;
+      var length2 = parseInt(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, value, key, true);
+      //键盘大小控制
+      if (!_tools2.default.isNull(max.value)) {
+        if (newValue > max.value) {
+          if (!_tools2.default.isNull(max.tip)) _index3.default.info(max.tip);
+          return;
+        }
+      }
+      if (!_tools2.default.isNull(min.value)) {
+        if (newValue < min.value) {
+          if (!_tools2.default.isNull(min.tip)) _index3.default.info(min.tip);
+          return;
+        };
+      }
+
+      if (length1 && length2) {
+        var v = newValue,
+            v1 = void 0,
+            v2 = void 0;
+        if (newValue.indexOf('-') != -1) {
+          v = newValue.slice(1, newValue.length);
+        }
+        v1 = v.split('.')[0];
+        v2 = v.split('.')[1];
+        if (v1 && v1.length > length1 - length2 || v2 && v2.length > length2 || v1 && v1.length > length1 - length2) {
+          return;
+        }
+      }
+      _this.setState({
+        value: newValue
+      }, function () {
+        onChange && onChange(_this.state.value);
+      });
+    };
+
+    _this.getValue = function () {
+      return _this.state.value;
+    };
+
+    _this.handleMobileKeyboard = function () {
+      var el = _this.input && _this.input.input;
+      if (el && _this.isMobileEnvironment && _mutantsMicrofx.env.os !== _mutantsMicrofx.env.constant.os.ios) {
+        console.log('执行方法handleMobileKeyboard', el);
+        if (!el.setAttribute || !el.removeAttribute) return;
+        el.setAttribute('readonly', 'readonly');
+        if (_this.setTimer) window.clearTimeout(_this.setTimer);
+        _this.setTimer = setTimeout(function () {
+          el.removeAttribute('readonly');
+        }, 200);
+      }
+    };
+
+    _this.onFocus = function (e) {
+      _this.handleMobileKeyboard();
+    };
+
+    _this.props.onRef && _this.props.onRef(_this);
+    _this.state = {
+      value: props.value || '',
+      visible: false
+    };
+
+    var _ref = _mutantsUtil.platform || {},
+        isHorizontalPad = _ref.isHorizontalPad;
+
+    _this.isMobileEnvironment = !!isHorizontalPad;
+    _this.setTimer = null;
+    return _this;
+  }
+
+  (0, _createClass3.default)(KeyboardInput, [{
+    key: 'componentDidMount',
+    value: function componentDidMount() {
+      this.setState({ value: this.props.value || '' });
+    }
+  }, {
+    key: 'componentDidUpdate',
+    value: function componentDidUpdate(props_old, b) {
+      if (props_old.visible != this.props.visible && this.props.visible == true) {
+        this.setState({ value: this.props.value || '' });
+      }
+    }
+
+    //针对在移动端环境下,不需要系统键盘时的处理。
+
+  }, {
+    key: 'render',
+    value: function render() {
+      var _this2 = this;
+
+      var _state = this.state,
+          visible = _state.visible,
+          value = _state.value;
+
+      return _react2.default.createElement(
+        'div',
+        { className: 'number-keyboard-input' },
+        _react2.default.createElement(_FormControl3.default, {
+          className: _hotKey2.default.hotKeyNotFilter('keyboard-input'),
+          style: { marginBottom: '24px' },
+          placeholder: this.props.placeholder || '',
+          value: value,
+          onChange: this.inputChange,
+          onFocus: this.onFocus,
+          onClick: this.handleMobileKeyboard,
+          onSelect: this.handleMobileKeyboard,
+          ref: function ref(input) {
+            return _this2.input = input;
+          } }),
+        _react2.default.createElement(_index.Keyboard, {
+          type: 'number2',
+          positive: this.props.type,
+          onChange: this.onChange })
+      );
+    }
+  }]);
+  return KeyboardInput;
+}(_react.Component), _class.propTypes = {
+  onChange: _propTypes2.default.func.isRequired,
+  placeholder: _propTypes2.default.string,
+  type: _propTypes2.default.string,
+  maxLength: _propTypes2.default.number, // 总长度
+  precisionLength: _propTypes2.default.number, // 小数总长
+  max: _propTypes2.default.number,
+  min: _propTypes2.default.number
+}, _temp);
+exports.default = KeyboardInput;
+//# sourceMappingURL=numberButton_input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/keyboard/numberButton_input.js"],"names":["KeyboardInput","props","inputChange","v","handleMobileKeyboard","newValue","max","min","type","maxLength","precisionLength","tools","isNull","value","tip","Message","info","match","length","length1","parseInt","length2","v1","v2","indexOf","slice","split","setState","onChange","state","key","handleOk","Keyboard","getNewValue","input","getValue","el","isMobileEnvironment","env","os","constant","ios","console","log","setAttribute","removeAttribute","setTimer","window","clearTimeout","setTimeout","onFocus","e","onRef","visible","platform","isHorizontalPad","props_old","b","hotKey","hotKeyNotFilter","marginBottom","placeholder","Component","propTypes","PropTypes","func","isRequired","string","number"],"mappings":"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","file":"numberButton_input.js","sourcesContent":["/**\n * input + 数字键盘\n * @props {boolean} type \"positive\" 只支持正数，不传正负都可以\n * @props {number} max  最大值\n * @props {number} min  最小值\n */\n\nimport React, { Component } from 'react';\nimport { FormControl, Tooltip } from 'tinper-bee';\nimport { platform } from 'mutants-util';\nimport { env } from 'mutants-microfx';\nimport { Keyboard } from '../../index';\nimport PropTypes from 'prop-types';\nimport tools from '../../util/tools'\nimport Message from '../message/index'\nimport hotKey from '../hotKey'\n\nexport default class KeyboardInput extends Component {\n\n  static propTypes = {\n    onChange: PropTypes.func.isRequired,\n    placeholder: PropTypes.string,\n    type: PropTypes.string,\n    maxLength: PropTypes.number, // 总长度\n    precisionLength: PropTypes.number, // 小数总长\n    max: PropTypes.number,\n    min: PropTypes.number,\n  }\n\n  constructor(props) {\n    super(props);\n    this.props.onRef && this.props.onRef(this);\n    this.state = {\n      value: props.value || '',\n      visible: false\n    }\n    const { isHorizontalPad } = platform || {};\n    this.isMobileEnvironment = !!isHorizontalPad;\n    this.setTimer = null;\n  }\n\n  componentDidMount() {\n    this.setState({ value: this.props.value || '' })\n  }\n\n  componentDidUpdate(props_old, b) {\n    if (props_old.visible != this.props.visible && this.props.visible == true) {\n      this.setState({ value: this.props.value || '' })\n    }\n  }\n\n  inputChange = (v) => {\n    //对移动端键盘处理。\n    this.handleMobileKeyboard();\n    let newValue;\n    if (v === '') {\n      newValue = '';\n    } else {\n      //键盘大小控制\n      const { max = {}, min = {}, type, maxLength, precisionLength } = this.props;\n      if (!tools.isNull(max.value)) {\n        if (v > max.value) {\n          if (!tools.isNull(max.tip)) Message.info(max.tip);\n          return;\n        }\n      }\n      if (!tools.isNull(min.value)) {\n        if (v < min.value) {\n          if (!tools.isNull(min.tip)) Message.info(min.tip);\n          return\n        };\n      }\n\n      if (v.match(/\\./g) && v.match(/\\./g).length > 1) {\n        return;\n      }\n      if (type == \"positive\") { // 只允许输入正数\n        newValue = (v + '').match(/\\d+\\.?\\d*/);\n      } else {\n        newValue = (v + '').match(/^(\\-)?[(\\d*)|(\\d+\\.?\\d*)]*$/);\n      }\n      let length1 = maxLength ? parseInt(maxLength) : -1;\n      let length2 = parseInt(precisionLength);\n      if (length1 >= 0 && length2 >= 0) {\n        let v = newValue[0] + '', v1, v2;\n        if (v.indexOf('-') != -1) {\n          v = v.slice(1, v.length);\n        }\n        v1 = v.split('.')[0];\n        v2 = v.split('.')[1];\n        if ((v1 && v1.length > (length1 - length2)) || (v2 && v2.length > length2) || (v1 && v1.length > (length1 - length2))) {\n          return;\n        }\n        if (length2 == 0 && v.indexOf('.') > 0) { // 不允许小数的时候，也不允许小数点\n          return;\n        }\n      }\n    }\n    this.setState({\n      value: newValue && newValue[0] || ''\n    }, () => {\n      this.props.onChange && this.props.onChange(this.state.value);\n    })\n  }\n\n  onChange = (key) => {\n    //对移动端键盘处理。\n    this.handleMobileKeyboard();\n    const { max = {}, min = {}, handleOk, onChange, maxLength, precisionLength } = this.props;\n    if (key == 'sure') {\n      handleOk && handleOk(this.state.value);\n      return;\n    }\n    let length1 = maxLength ? parseInt(maxLength) : -1;\n    let length2 = parseInt(precisionLength);\n    if (length2 == 0 && key == '.') {\n      return;\n    }\n    let value = this.state.value + '';\n    if (value == '' && key == '.') { // 不允许小数的时候，也不允许小数点\n      return;\n    }\n    if ((value + '').indexOf('.') > 0 && key == '.') {\n      return;\n    }\n    let newValue = Keyboard.getNewValue(this.input.input, value, key, true);\n    //键盘大小控制\n    if (!tools.isNull(max.value)) {\n      if (newValue > max.value) {\n        if (!tools.isNull(max.tip)) Message.info(max.tip);\n        return;\n      }\n    }\n    if (!tools.isNull(min.value)) {\n      if (newValue < min.value) {\n        if (!tools.isNull(min.tip)) Message.info(min.tip);\n        return\n      };\n    }\n\n    if (length1 && length2) {\n      let v = newValue, v1, v2;\n      if (newValue.indexOf('-') != -1) {\n        v = newValue.slice(1, newValue.length);\n      }\n      v1 = v.split('.')[0];\n      v2 = v.split('.')[1];\n      if ((v1 && v1.length > (length1 - length2)) || (v2 && v2.length > length2) || (v1 && v1.length > (length1 - length2))) {\n        return;\n      }\n    }\n    this.setState({\n      value: newValue\n    }, () => {\n      onChange && onChange(this.state.value);\n    })\n  }\n\n  getValue = () => {\n    return this.state.value;\n  }\n\n  //针对在移动端环境下,不需要系统键盘时的处理。\n  handleMobileKeyboard = () => {\n    let el = this.input && this.input.input;\n    if (el && this.isMobileEnvironment && env.os !== env.constant.os.ios) {\n      console.log('执行方法handleMobileKeyboard', el);\n      if (!el.setAttribute || !el.removeAttribute) return;\n      el.setAttribute('readonly', 'readonly');\n      if (this.setTimer) window.clearTimeout(this.setTimer);\n      this.setTimer = setTimeout(() => { el.removeAttribute('readonly') }, 200);\n    }\n  }\n\n  onFocus = (e) => {\n    this.handleMobileKeyboard()\n  }\n\n  render() {\n    let { visible, value } = this.state;\n    return (\n      <div className='number-keyboard-input'>\n        <FormControl\n          className={hotKey.hotKeyNotFilter('keyboard-input')}\n          style={{ marginBottom: '24px' }}\n          placeholder={this.props.placeholder || ''}\n          value={value}\n          onChange={this.inputChange}\n          onFocus={this.onFocus}\n          onClick={this.handleMobileKeyboard}\n          onSelect={this.handleMobileKeyboard}\n          ref={input => this.input = input} />\n\n        <Keyboard\n          type='number2'\n          positive={this.props.type}\n          onChange={this.onChange} />\n      </div>\n    )\n  }\n}"]}

package/dist/components/keyboard/onlyKeyboard.js

@@ -0,0 +1,90 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = undefined;
+
+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; /**
+                    * 键盘 + 弹框 
+                    * @param visible
+                    * @param handleCancel
+                    * @param handleOk
+                    * @param from
+                    * @param onChange
+                    */
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _onlyLetterButton = require('./onlyLetterButton');
+
+var _onlyLetterButton2 = _interopRequireDefault(_onlyLetterButton);
+
+var _index = require('../../index');
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var OnlyKeyboard = (_temp = _class = function (_Component) {
+  (0, _inherits3.default)(OnlyKeyboard, _Component);
+
+  function OnlyKeyboard(props) {
+    (0, _classCallCheck3.default)(this, OnlyKeyboard);
+    return (0, _possibleConstructorReturn3.default)(this, (OnlyKeyboard.__proto__ || (0, _getPrototypeOf2.default)(OnlyKeyboard)).call(this));
+  }
+
+  (0, _createClass3.default)(OnlyKeyboard, [{
+    key: 'render',
+    value: function render() {
+      var _props = this.props,
+          from = _props.from,
+          visible = _props.visible,
+          onChange = _props.onChange,
+          handleCancel = _props.handleCancel,
+          handleOk = _props.handleOk;
+
+      var containClass = from == 'letter' ? 'big' : '';
+      return _react2.default.createElement(
+        _index.Modal,
+        { show: visible, handleCancel: handleCancel, onMouseDown: function onMouseDown(e) {
+            return e.preventDefault();
+          }, className: 'z-letter-keyboard-modal ' + containClass, bodyClassName: 'z-letter-keyboard-modal-body' },
+        _react2.default.createElement(_onlyLetterButton2.default, { onChange: onChange, handleCancel: handleCancel, handleOk: handleOk })
+      );
+    }
+  }]);
+  return OnlyKeyboard;
+}(_react.Component), _class.propTypes = {
+  onChange: _propTypes2.default.func.isRequired,
+  handleOk: _propTypes2.default.func.isRequired,
+  handleCancel: _propTypes2.default.func.isRequired,
+  visible: _propTypes2.default.bool.isRequired,
+  from: _propTypes2.default.string
+}, _temp);
+exports.default = OnlyKeyboard;
+//# sourceMappingURL=onlyKeyboard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/keyboard/onlyKeyboard.js"],"names":["OnlyKeyboard","props","from","visible","onChange","handleCancel","handleOk","containClass","e","preventDefault","Component","propTypes","PropTypes","func","isRequired","bool","string"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;mBAAA;;;;;;;;;AASA;;;;AAEA;;;;AACA;;AACA;;;;;;IAEqBA,Y;;;AAUnB,wBAAYC,KAAZ,EAAmB;AAAA;AAAA;AAElB;;;;6BAEQ;AAAA,mBACmD,KAAKA,KADxD;AAAA,UACAC,IADA,UACAA,IADA;AAAA,UACMC,OADN,UACMA,OADN;AAAA,UACcC,QADd,UACcA,QADd;AAAA,UACwBC,YADxB,UACwBA,YADxB;AAAA,UACsCC,QADtC,UACsCA,QADtC;;AAEP,UAAIC,eAAeL,QAAQ,QAAR,GAAmB,KAAnB,GAA2B,EAA9C;AACA,aACE;AAAC,oBAAD;AAAA,UAAO,MAAMC,OAAb,EAAsB,cAAcE,YAApC,EAAkD,aAAa;AAAA,mBAAKG,EAAEC,cAAF,EAAL;AAAA,WAA/D,EAAwF,WAAW,6BAA6BF,YAAhI,EAA8I,eAAc,8BAA5J;AACE,sCAAC,0BAAD,IAAkB,UAAUH,QAA5B,EAAsC,cAAcC,YAApD,EAAkE,UAAUC,QAA5E;AADF,OADF;AAKD;;;EAtBuCI,gB,UAEjCC,S,GAAY;AACjBP,YAAUQ,oBAAUC,IAAV,CAAeC,UADR;AAEjBR,YAAUM,oBAAUC,IAAV,CAAeC,UAFR;AAGjBT,gBAAcO,oBAAUC,IAAV,CAAeC,UAHZ;AAIjBX,WAASS,oBAAUG,IAAV,CAAeD,UAJP;AAKjBZ,QAAMU,oBAAUI;AALC,C;kBAFAhB,Y","file":"onlyKeyboard.js","sourcesContent":["/**\n * 键盘 + 弹框 \n * @param visible\n * @param handleCancel\n * @param handleOk\n * @param from\n * @param onChange\n */\n\nimport React, { Component } from 'react';\nimport { Icon } from 'tinper-bee';\nimport OnlyLetterButton from './onlyLetterButton';\nimport { Ticon, Modal } from '../../index';\nimport PropTypes from 'prop-types';\n\nexport default class OnlyKeyboard extends Component {\n\n  static propTypes = {\n    onChange: PropTypes.func.isRequired,\n    handleOk: PropTypes.func.isRequired,\n    handleCancel: PropTypes.func.isRequired,\n    visible: PropTypes.bool.isRequired,\n    from: PropTypes.string\n  }\n\n  constructor(props) {\n    super();\n  }\n\n  render() {\n    const {from, visible,onChange, handleCancel, handleOk } = this.props;\n    let containClass = from == 'letter' ? 'big' : '';\n    return (\n      <Modal show={visible} handleCancel={handleCancel} onMouseDown={e => e.preventDefault()} className={'z-letter-keyboard-modal ' + containClass} bodyClassName='z-letter-keyboard-modal-body'>\n        <OnlyLetterButton onChange={onChange} handleCancel={handleCancel} handleOk={handleOk} />\n      </Modal>\n    )\n  }\n}"]}

package/dist/components/keyboard/onlyLetterButton.js

@@ -0,0 +1,187 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = undefined;
+
+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; /**
+                    * 只有字母键盘
+                    */
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _index = require('../../index');
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var OnlyLetterButton = (_temp = _class = function (_Component) {
+  (0, _inherits3.default)(OnlyLetterButton, _Component);
+
+  function OnlyLetterButton(props) {
+    (0, _classCallCheck3.default)(this, OnlyLetterButton);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (OnlyLetterButton.__proto__ || (0, _getPrototypeOf2.default)(OnlyLetterButton)).call(this));
+
+    _this.keyClick = function (key) {
+      if (key == 'Esc') {
+        _this.props.handleCancel && _this.props.handleCancel();
+        return;
+      }
+      _this.props.onChange && _this.props.onChange(key);
+    };
+
+    _this.onMouseDown = function (e) {
+      e.preventDefault();
+    };
+
+    _this.capslockClick = function () {
+      _this.setState({ capslockFlag: !_this.state.capslockFlag });
+    };
+
+    _this.state = {
+      letters1: ['Esc', 'q', 'w', 'e', 'r', 't', 'y', 'u', 'i', 'o', 'p'],
+      letters1_1: ['Esc', 'Q', 'W', 'E', 'R', 'T', 'Y', 'U', 'I', 'O', 'P'],
+      letters2: ['a', 's', 'd', 'f', 'g', 'h', 'j', 'k', 'l'],
+      letters2_1: ['A', 'S', 'D', 'F', 'G', 'H', 'J', 'K', 'L'],
+      letters3: ['@', '&', 'z', 'x', 'c', 'v', 'b', 'n', 'm', '-', '%'],
+      letters3_1: ['@', '&', 'Z', 'X', 'C', 'V', 'B', 'N', 'M', '-', '%'],
+      nums: ['7', '8', '9', '4', '5', '6', '1', '2', '3', '0', '00', '.'],
+      capslockFlag: false
+    };
+    return _this;
+  }
+
+  (0, _createClass3.default)(OnlyLetterButton, [{
+    key: 'render',
+    value: function render() {
+      var _this2 = this;
+
+      var _props = this.props,
+          handleOk = _props.handleOk,
+          handleCancel = _props.handleCancel;
+      var capslockFlag = this.state.capslockFlag;
+
+      var numsKey = this.state.nums.map(function (item) {
+        return _react2.default.createElement(
+          'div',
+          { className: 'num key', key: item, onClick: _this2.keyClick.bind(_this2, item) },
+          item
+        );
+      });
+      var letters1Key = (capslockFlag ? this.state.letters1_1 : this.state.letters1).map(function (item) {
+        return _react2.default.createElement(
+          'div',
+          { onClick: _this2.keyClick.bind(_this2, item), className: 'key letter ' + (item !== 'tab' && item !== "TAB" ? '' : 'disabled'), key: item },
+          item
+        );
+      });
+      var letters2Key = (capslockFlag ? this.state.letters2_1 : this.state.letters2).map(function (item) {
+        return _react2.default.createElement(
+          'div',
+          { onClick: _this2.keyClick.bind(_this2, item), className: 'key letter', key: item },
+          item
+        );
+      });
+      var letters3Key = (capslockFlag ? this.state.letters3_1 : this.state.letters3).map(function (item) {
+        return _react2.default.createElement(
+          'div',
+          { onClick: _this2.keyClick.bind(_this2, item), className: 'key letter', key: item },
+          item
+        );
+      });
+      return _react2.default.createElement(
+        'div',
+        { className: 'clearfix letters-box', onMouseDown: this.onMouseDown },
+        _react2.default.createElement(
+          'div',
+          { className: 'letters' },
+          _react2.default.createElement(
+            'div',
+            { className: 'letters-line' },
+            letters1Key
+          ),
+          _react2.default.createElement(
+            'div',
+            { className: 'letters-line' },
+            _react2.default.createElement(
+              'div',
+              { className: 'key letter capslock ' + (capslockFlag ? '' : 'capslock-small'), onClick: this.capslockClick },
+              capslockFlag ? 'caps lock' : 'CAPS LOCK'
+            ),
+            letters2Key
+          ),
+          _react2.default.createElement(
+            'div',
+            { className: 'letters-line' },
+            letters3Key
+          )
+        ),
+        _react2.default.createElement(
+          'div',
+          { className: 'nums' },
+          _react2.default.createElement(
+            'div',
+            { className: 'nums-left clearfix' },
+            numsKey
+          ),
+          _react2.default.createElement(
+            'div',
+            { className: 'nums-right clearfix' },
+            _react2.default.createElement(
+              'div',
+              { className: 'del key', onClick: this.keyClick.bind(this, 'delete') },
+              _react2.default.createElement(_index.Ticon, { type: 'tuige' })
+            ),
+            _react2.default.createElement(
+              'div',
+              { className: 'del key clear', onClick: this.keyClick.bind(this, 'clear') },
+              '\u6E05\u7A7A'
+            ),
+            _react2.default.createElement(
+              'div',
+              { className: 'del key sure', onClick: handleOk },
+              '\u786E',
+              _react2.default.createElement('br', null),
+              '\u5B9A'
+            )
+          )
+        ),
+        _react2.default.createElement(_index.Ticon, { type: 'guanbi-yuan', className: 'icon-close', onClick: handleCancel })
+      );
+    }
+  }]);
+  return OnlyLetterButton;
+}(_react.Component), _class.propTypes = {
+  onChange: _propTypes2.default.func.isRequired,
+  handleOk: _propTypes2.default.func.isRequired,
+  handleCancel: _propTypes2.default.func.isRequired
+}, _temp);
+exports.default = OnlyLetterButton;
+//# sourceMappingURL=onlyLetterButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/keyboard/onlyLetterButton.js"],"names":["OnlyLetterButton","props","keyClick","key","handleCancel","onChange","onMouseDown","e","preventDefault","capslockClick","setState","capslockFlag","state","letters1","letters1_1","letters2","letters2_1","letters3","letters3_1","nums","handleOk","numsKey","map","item","bind","letters1Key","letters2Key","letters3Key","Component","propTypes","PropTypes","func","isRequired"],"mappings":"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","file":"onlyLetterButton.js","sourcesContent":["/**\n * 只有字母键盘\n */\n\nimport React, { Component } from 'react';\nimport { Icon } from 'tinper-bee';\nimport { Ticon } from '../../index';\nimport PropTypes from 'prop-types'\n\nexport default class OnlyLetterButton extends Component {\n\n  static propTypes = {\n    onChange: PropTypes.func.isRequired,\n    handleOk: PropTypes.func.isRequired,\n    handleCancel: PropTypes.func.isRequired\n  }\n\n  constructor(props) {\n    super();\n    this.state = {\n      letters1: ['Esc', 'q', 'w', 'e', 'r', 't', 'y', 'u', 'i', 'o', 'p'],\n      letters1_1: ['Esc', 'Q', 'W', 'E', 'R', 'T', 'Y', 'U', 'I', 'O', 'P'],\n      letters2: ['a', 's', 'd', 'f', 'g', 'h', 'j', 'k', 'l'],\n      letters2_1: ['A', 'S', 'D', 'F', 'G', 'H', 'J', 'K', 'L'],\n      letters3: ['@', '&', 'z', 'x', 'c', 'v', 'b', 'n', 'm', '-', '%'],\n      letters3_1: ['@', '&', 'Z', 'X', 'C', 'V', 'B', 'N', 'M', '-', '%'],\n      nums: ['7', '8', '9', '4', '5', '6', '1', '2', '3', '0', '00', '.'],\n      capslockFlag: false,\n    }\n  }\n\n  keyClick = (key) => {\n    if (key == 'Esc') {\n      this.props.handleCancel && this.props.handleCancel();\n      return;\n    }\n    this.props.onChange && this.props.onChange(key);\n  }\n\n  onMouseDown = (e) => {\n    e.preventDefault();\n  }\n\n  capslockClick = () => {\n    this.setState({ capslockFlag: !this.state.capslockFlag })\n  }\n\n  render() {\n    const { handleOk, handleCancel } = this.props;\n    let { capslockFlag } = this.state;\n    let numsKey = this.state.nums.map((item) => <div className='num key' key={item} onClick={this.keyClick.bind(this, item)}>{item}</div>)\n    let letters1Key = (capslockFlag ? this.state.letters1_1 : this.state.letters1).map((item) => <div onClick={this.keyClick.bind(this, item)} className={`key letter ${item !== 'tab' && item!==\"TAB\" ? '' : 'disabled'}`} key={item}>{item}</div>)\n    let letters2Key = (capslockFlag ? this.state.letters2_1 : this.state.letters2).map((item) => <div onClick={this.keyClick.bind(this, item)} className='key letter' key={item}>{item}</div>)\n    let letters3Key = (capslockFlag ? this.state.letters3_1 : this.state.letters3).map((item) => <div onClick={this.keyClick.bind(this, item)} className='key letter' key={item}>{item}</div>)\n    return (\n        <div className='clearfix letters-box' onMouseDown={this.onMouseDown} >\n          <div className='letters'>\n            <div className='letters-line'>\n              {letters1Key}\n            </div>\n            <div className='letters-line'>\n              <div className={`key letter capslock ${capslockFlag ? '' :'capslock-small'}`} onClick={this.capslockClick}>{capslockFlag ? 'caps lock' : 'CAPS LOCK'}</div>\n              {letters2Key}\n            </div>\n            <div className='letters-line'>\n              {letters3Key}\n            </div>\n          </div>\n  \n          <div className='nums'>\n            <div className='nums-left clearfix'>\n              {numsKey}\n            </div>\n            <div className='nums-right clearfix'>\n              <div className='del key' onClick={this.keyClick.bind(this, 'delete')}>\n                <Ticon type='tuige' />\n              </div>\n              <div className='del key clear' onClick={this.keyClick.bind(this, 'clear')}>清空</div>\n              <div className='del key sure' onClick={handleOk}>确<br />定</div>\n            </div>\n          </div>\n          <Ticon type=\"guanbi-yuan\" className='icon-close' onClick={handleCancel} />\n  \n        </div>\n    )\n  }\n}"]}