tplus-components-touch 3.54.1 → 3.55.1

package/dist/components/keyboard/index.js

@@ -0,0 +1,259 @@
+'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, _temp2;
+
+// import NumKeyboard from './numKeyboard';
+
+// import TextKeyboard from './textKeyboard';
+
+// product 中的键盘
+
+// import OnlyTextKeyboard from './onlyTextKeyboard';
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _reactDom = require('react-dom');
+
+var _reactDom2 = _interopRequireDefault(_reactDom);
+
+var _mutantsUtil = require('mutants-util');
+
+var _letterKeyboard = require('./letterKeyboard');
+
+var _letterKeyboard2 = _interopRequireDefault(_letterKeyboard);
+
+var _onlyKeyboard = require('./onlyKeyboard');
+
+var _onlyKeyboard2 = _interopRequireDefault(_onlyKeyboard);
+
+var _onlyLetterButton = require('./onlyLetterButton');
+
+var _onlyLetterButton2 = _interopRequireDefault(_onlyLetterButton);
+
+var _onlyLetterButton3 = require('./onlyLetterButton2');
+
+var _onlyLetterButton4 = _interopRequireDefault(_onlyLetterButton3);
+
+var _onlyNumberButton = require('./onlyNumberButton');
+
+var _onlyNumberButton2 = _interopRequireDefault(_onlyNumberButton);
+
+var _onlyNumberButton3 = require('./onlyNumberButton2');
+
+var _onlyNumberButton4 = _interopRequireDefault(_onlyNumberButton3);
+
+var _numberButton_input = require('./numberButton_input');
+
+var _numberButton_input2 = _interopRequireDefault(_numberButton_input);
+
+require('./index.less');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var Keyboard = (_temp2 = _class = function (_Component) {
+  (0, _inherits3.default)(Keyboard, _Component);
+
+  function Keyboard() {
+    var _ref;
+
+    var _temp, _this, _ret;
+
+    (0, _classCallCheck3.default)(this, Keyboard);
+
+    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    return _ret = (_temp = (_this = (0, _possibleConstructorReturn3.default)(this, (_ref = Keyboard.__proto__ || (0, _getPrototypeOf2.default)(Keyboard)).call.apply(_ref, [this].concat(args))), _this), _this.getModule = function () {
+      var components = {
+        'number': _onlyNumberButton2.default,
+        'number2': _onlyNumberButton4.default,
+        'number+input': _numberButton_input2.default,
+        // 'number+modal': OnlyTextKeyboard,
+        // 'number+modal+input': NumKeyboard,
+        // 'number+modal+div': TextKeyboard,
+        // 'OnlyLetterButton2': OnlyLetterButton2,
+        'letter+modal': _onlyKeyboard2.default,
+        'letter+modal+input': _letterKeyboard2.default
+      };
+      return components[_this.props.type] || null;
+    }, _temp), (0, _possibleConstructorReturn3.default)(_this, _ret);
+  }
+
+  // 专门为pos开单页 写的关闭键盘的方法  
+
+
+  // 专门为pos开单页 写的调用键盘的方法
+  // /letterOrNumber 1letter 2number
+
+
+  (0, _createClass3.default)(Keyboard, [{
+    key: 'render',
+    value: function render() {
+      var Module = this.getModule();
+      return _react2.default.createElement(Module, this.props);
+    }
+  }]);
+  return Keyboard;
+}(_react.Component), _class.getNewValue = function (input, value_old, key, isNumber) {
+  // 数字键盘的处理，需要传第四个参数
+  value_old = value_old + '';
+  var cursorIndex = Keyboard.getCursortPosition(input, value_old);
+
+  if (isNumber && key == '-' && (cursorIndex != 0 || value_old.indexOf('-') != -1)) {
+    // 数字键盘，对负号做处理
+    return value_old;
+  }
+  if (isNumber && key == '.' && (cursorIndex == 0 || value_old.indexOf('.') != -1)) {
+    // 数字键盘，对小数点做处理
+    return value_old;
+  }
+
+  var value_new = void 0,
+      value1 = void 0,
+      value2 = void 0;
+
+  var selectedTxt = '' + window.getSelection();
+
+  // 如果此input被选中了 替换到这些
+  if (selectedTxt) {
+    var selectedTxtLength = selectedTxt.length;
+    value1 = value_old.slice(0, cursorIndex);
+    value2 = value_old.slice(cursorIndex + selectedTxtLength, value_old.length);
+  } else {
+    value1 = value_old.slice(0, cursorIndex);
+    value2 = value_old.slice(cursorIndex, value_old.length);
+  }
+
+  if (key == 'delete') {
+    value_new = value1.slice(0, value1.length - 1) + value2;
+    cursorIndex = cursorIndex == 0 ? 0 : cursorIndex - 1;
+  } else if (key == 'clear') {
+    value_new = '';
+  } else {
+    value_new = value1 + key + value2;
+    cursorIndex += key.length;
+  }
+  setTimeout(function () {
+    Keyboard.setCaretPosition(input, cursorIndex); // 此处手动设置光标，不然每次自动跑到最后面去
+  });
+  return value_new;
+}, _class.getCursortPosition = function (ctrl, value) {
+  //获取光标位置函数
+  var CaretPos = value.length; // IE Support
+  if (document.selection) {
+    ctrl.focus();
+    var Sel = document.selection.createRange();
+    Sel.moveStart('character', -ctrl.value.length);
+    CaretPos = Sel.text.length;
+  }
+  // Firefox support
+  else if (ctrl.selectionStart || ctrl.selectionStart == '0') CaretPos = ctrl.selectionStart;
+  return CaretPos;
+}, _class.setCaretPosition = function (ctrl, index) {
+  //设置光标位置函数
+  if (ctrl.setSelectionRange) {
+    ctrl.focus();
+    ctrl.setSelectionRange(index, index);
+  } else if (ctrl.createTextRange) {
+    var range = ctrl.createTextRange();
+    range.collapse(true);
+    range.moveEnd('character', index);
+    range.moveStart('character', index);
+    range.select();
+  }
+}, _class.close = function () {
+  if (document.getElementById('keyboard')) {
+    document.body.removeChild(document.getElementById('keyboard'));
+  }
+}, _class.open = function () {
+  var onChange = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : function () {};
+  var handleOk = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Keyboard.close;
+  var handleCancel = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : Keyboard.close;
+  var option = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+
+  //在移动端的情况下，不允许打开自定义键盘。
+  var isMobileEnvironment = _mutantsUtil.platform && _mutantsUtil.platform.isHorizontalPad === true || window.android_setKeyBoard && window.android_setKeyBoard.isShowAndroidKeyBoard;
+  var _option$bottom = option.bottom,
+      bottom = _option$bottom === undefined ? 0 : _option$bottom;
+
+  return function () {
+    var el = document.getElementById('keyboard');
+    if (!el) {
+      var ref = function ref(m) {};
+
+      var _el = document.createElement('div');
+      _el.id = 'keyboard';
+      document.body.appendChild(_el);
+
+      var html = !isMobileEnvironment ? _react2.default.createElement(
+        'div',
+        { className: 'modal-container z-letter-keyboard-modal', style: { bottom: bottom } },
+        _react2.default.createElement(
+          'div',
+          { className: 'z-letter-keyboard-modal-body modal-body' },
+          _react2.default.createElement(_onlyLetterButton2.default, { onChange: onChange, handleOk: handleOk, ref: ref, handleCancel: handleCancel })
+        )
+      ) : null;
+      _reactDom2.default.render(html, _el);
+    }
+  };
+}, _class.close2 = function () {
+  var el = document.getElementById('product-keyboard');
+  if (el) {
+    _reactDom2.default.unmountComponentAtNode(el);
+    // el.innerHTML = '';
+    el.classList.add("product-keyboard-hide");
+    el.classList.remove("product-keyboard-show");
+  }
+}, _class.open2 = function () {
+  var onChange = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : function () {};
+  var handleOk = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Keyboard.close2;
+  var handleCancel = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : Keyboard.close2;
+  var id = arguments[3];
+  var letterOrNumber = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;
+
+  //在移动端的情况下，不允许打开自定义键盘。
+  var isMobileEnvironment = _mutantsUtil.platform && _mutantsUtil.platform.isHorizontalPad === true;
+  var el = document.getElementById('product-keyboard');
+  if (el) {
+    var ref = function ref(m) {};
+
+    _reactDom2.default.unmountComponentAtNode(el);
+    // el.innerHTML = '';
+    el.classList.add("product-keyboard-show");
+    el.classList.remove("product-keyboard-hide");
+
+    var html = !isMobileEnvironment ? _react2.default.createElement(_onlyLetterButton4.default, { id: id, letterOrNumber: letterOrNumber, onChange: onChange, handleOk: handleOk, handleCancel: handleCancel }) : null;
+    _reactDom2.default.render(html, el);
+  }
+}, _temp2);
+exports.default = Keyboard;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/keyboard/index.js"],"names":["Keyboard","getModule","components","OnlyNumberButton","OnlyNumberButton2","KeyboardInput","OnlyKeyboard","LetterKeyboard","props","type","Module","Component","getNewValue","input","value_old","key","isNumber","cursorIndex","getCursortPosition","indexOf","value_new","value1","value2","selectedTxt","window","getSelection","selectedTxtLength","length","slice","setTimeout","setCaretPosition","ctrl","value","CaretPos","document","selection","focus","Sel","createRange","moveStart","text","selectionStart","index","setSelectionRange","createTextRange","range","collapse","moveEnd","select","close","getElementById","body","removeChild","open","onChange","handleOk","handleCancel","option","isMobileEnvironment","platform","isHorizontalPad","android_setKeyBoard","isShowAndroidKeyBoard","bottom","el","ref","m","createElement","id","appendChild","html","ReactDOM","render","close2","unmountComponentAtNode","classList","add","remove","open2","letterOrNumber"],"mappings":"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","file":"index.js","sourcesContent":["import React, { Component } from 'react';\nimport ReactDOM from 'react-dom';\nimport { platform } from 'mutants-util';\n\n// import NumKeyboard from './numKeyboard';\n\nimport LetterKeyboard from './letterKeyboard';\n\n// import TextKeyboard from './textKeyboard';\n\nimport OnlyKeyboard from './onlyKeyboard';\nimport OnlyLetterButton from './onlyLetterButton';\nimport OnlyLetterButton2 from './onlyLetterButton2'; // product 中的键盘\n\n// import OnlyTextKeyboard from './onlyTextKeyboard';\n\nimport OnlyNumberButton from './onlyNumberButton';\nimport OnlyNumberButton2 from './onlyNumberButton2';\n\nimport KeyboardInput from './numberButton_input';\n\nimport './index.less';\n\nexport default class Keyboard extends Component {\n\n  getModule = () => {\n    let components = {\n      'number': OnlyNumberButton,\n      'number2': OnlyNumberButton2,\n      'number+input': KeyboardInput,\n      // 'number+modal': OnlyTextKeyboard,\n      // 'number+modal+input': NumKeyboard,\n      // 'number+modal+div': TextKeyboard,\n      // 'OnlyLetterButton2': OnlyLetterButton2,\n      'letter+modal': OnlyKeyboard,\n      'letter+modal+input': LetterKeyboard\n    }\n    return components[this.props.type] || null;\n\n  }\n  static getNewValue = (input, value_old, key, isNumber) => { // 数字键盘的处理，需要传第四个参数\n    value_old = value_old + '';\n    let cursorIndex = Keyboard.getCursortPosition(input, value_old);\n\n    if (isNumber && key == '-' && (cursorIndex != 0 || value_old.indexOf('-') != -1)) { // 数字键盘，对负号做处理\n      return value_old;\n    }\n    if (isNumber && key == '.' && (cursorIndex == 0 || value_old.indexOf('.') != -1)) { // 数字键盘，对小数点做处理\n      return value_old;\n    }\n\n    let value_new, value1, value2;\n\n    let selectedTxt = `${window.getSelection()}`;\n\n    // 如果此input被选中了 替换到这些\n    if (selectedTxt) {\n      let selectedTxtLength = selectedTxt.length;\n      value1 = value_old.slice(0, cursorIndex);\n      value2 = value_old.slice(cursorIndex + selectedTxtLength, value_old.length);\n    } else {\n      value1 = value_old.slice(0, cursorIndex);\n      value2 = value_old.slice(cursorIndex, value_old.length);\n    }\n\n\n    if (key == 'delete') {\n      value_new = value1.slice(0, value1.length - 1) + value2;\n      cursorIndex = cursorIndex == 0 ? 0 : cursorIndex - 1;\n    } else if (key == 'clear') {\n      value_new = '';\n    } else {\n      value_new = value1 + key + value2;\n      cursorIndex += key.length;\n    }\n    setTimeout(() => {\n      Keyboard.setCaretPosition(input, cursorIndex); // 此处手动设置光标，不然每次自动跑到最后面去\n    })\n    return value_new;\n  }\n\n  static getCursortPosition = (ctrl, value) => {//获取光标位置函数\n    var CaretPos = value.length;\t// IE Support\n    if (document.selection) {\n      ctrl.focus();\n      var Sel = document.selection.createRange();\n      Sel.moveStart('character', -ctrl.value.length);\n      CaretPos = Sel.text.length;\n    }\n    // Firefox support\n    else if (ctrl.selectionStart || ctrl.selectionStart == '0')\n      CaretPos = ctrl.selectionStart;\n    return (CaretPos);\n  }\n  static setCaretPosition = (ctrl, index) => {//设置光标位置函数\n    if (ctrl.setSelectionRange) {\n      ctrl.focus();\n      ctrl.setSelectionRange(index, index);\n    }\n    else if (ctrl.createTextRange) {\n      var range = ctrl.createTextRange();\n      range.collapse(true);\n      range.moveEnd('character', index);\n      range.moveStart('character', index);\n      range.select();\n    }\n  }\n\n  static close = () => {\n    if (document.getElementById('keyboard')) {\n      document.body.removeChild(document.getElementById('keyboard'));\n    }\n  }\n\n  static open = (onChange = () => { }, handleOk = Keyboard.close, handleCancel = Keyboard.close,option = {}) => {\n    //在移动端的情况下，不允许打开自定义键盘。\n    let isMobileEnvironment = platform && (platform.isHorizontalPad === true) || (window.android_setKeyBoard && window.android_setKeyBoard.isShowAndroidKeyBoard);\n    const { bottom = 0 } = option\n    return () => {\n      let el = document.getElementById('keyboard');\n      if (!el) {\n        let el = document.createElement('div');\n        el.id = 'keyboard';\n        document.body.appendChild(el);\n        function ref(m) { }\n        let html = !isMobileEnvironment ?\n          <div className='modal-container z-letter-keyboard-modal' style={{bottom}}>\n            <div className='z-letter-keyboard-modal-body modal-body'>\n              <OnlyLetterButton onChange={onChange} handleOk={handleOk} ref={ref} handleCancel={handleCancel} />\n            </div>\n          </div>\n          :\n          null;\n        ReactDOM.render(html, el)\n      }\n    }\n  }\n\n  // 专门为pos开单页 写的关闭键盘的方法  \n  static close2 = () => {\n    let el = document.getElementById('product-keyboard');\n    if (el) {\n      ReactDOM.unmountComponentAtNode(el)\n      // el.innerHTML = '';\n      el.classList.add(\"product-keyboard-hide\");\n      el.classList.remove(\"product-keyboard-show\");\n    }\n  }\n\n  // 专门为pos开单页 写的调用键盘的方法\n  // /letterOrNumber 1letter 2number\n  static open2 = (onChange = () => { }, handleOk = Keyboard.close2, handleCancel = Keyboard.close2, id, letterOrNumber = 1) => {\n    //在移动端的情况下，不允许打开自定义键盘。\n    let isMobileEnvironment = platform && (platform.isHorizontalPad === true);\n    let el = document.getElementById('product-keyboard');\n    if (el) {\n      ReactDOM.unmountComponentAtNode(el)\n      // el.innerHTML = '';\n      el.classList.add(\"product-keyboard-show\");\n      el.classList.remove(\"product-keyboard-hide\");\n      function ref(m) { }\n      let html = !isMobileEnvironment ? <OnlyLetterButton2 id={id} letterOrNumber={letterOrNumber} onChange={onChange} handleOk={handleOk} handleCancel={handleCancel} /> : null\n      ReactDOM.render(html, el)\n    }\n  }\n\n  render() {\n    let Module = this.getModule();\n    return (\n      <Module {...this.props} />\n    )\n  }\n}"]}

package/dist/components/keyboard/letterKeyboard.js

@@ -0,0 +1,227 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = undefined;
+
+var _input = require('antd/es/input');
+
+var _input2 = _interopRequireDefault(_input);
+
+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('antd/es/input/style');
+
+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.target.value
+      });
+      _this.props.onChange && _this.props.onChange(e.target.value);
+    };
+
+    _this.showModal = function () {
+      _this.setState({
+        visible: !_this.state.visible
+      });
+    };
+
+    _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 (e) {
+      e.preventDefault();
+      if (_this.props.disabled) {
+        return;
+      }
+      // this.showModal();
+
+      if (_this.isFocus) {
+        _this.input.input.blur();
+      } else {
+        _this.input.input.focus();
+      }
+    };
+
+    _this.getShowValue = function () {
+      return _this.props.value == undefined ? _this.state.value : _this.props.value;
+    };
+
+    _this.inputBlur = function () {
+      _this.isFocus = false;
+      _this.setState({
+        visible: false
+      });
+    };
+
+    _this.inputFocus = function () {
+      _this.props.onFocus && _this.props.onFocus(_this.input);
+
+      // if (this.props.which == 'icon') {
+      //   return;
+      // }
+      _this.showModal();
+      _this.isFocus = true;
+    };
+
+    _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 value = this.getShowValue();
+      return _react2.default.createElement(
+        'div',
+        { className: 'keyboard' },
+        _react2.default.createElement(
+          _input2.default.Group,
+          { className: 'keyboard-input keybord-icon-focus' },
+          _react2.default.createElement(_input2.default, (0, _extends3.default)({ type: 'text'
+          }, props, {
+            prefix: prefix ? _react2.default.createElement(_index3.Ticon, { type: prefix, className: 'search-icon' }) : null,
+            onChange: this.inputChange,
+            onFocus: this.inputFocus,
+            onBlur: this.inputBlur,
+            onKeyDown: this.inputKeyDown,
+            value: this.props.value,
+            ref: function ref(input) {
+              return _this2.input = input;
+            },
+            allowClear: this.isMobileEnvironment
+            //  suffix={which == 'icon' && !this.isMobileEnvironment ?
+            //      <span className='keyboard-icon' onMouseDown={e => e.preventDefault()} onClick={this.iconShowModal}>
+            //        {
+            //          this.getKeyboardIcon()
+            //        }
+            //      </span>
+            //      :
+            //      null}
+          })),
+          which == 'icon' && !this.isMobileEnvironment ? _react2.default.createElement(
+            'span',
+            { 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","target","onChange","showModal","visible","state","handleOk","getShowValue","handleCancel","setStateValue","key","newValue","Keyboard","getNewValue","input","getKeyboardIcon","color","iconShowModal","preventDefault","disabled","isFocus","blur","focus","undefined","inputBlur","inputFocus","onFocus","inputKeyDown","keyCode","handleEnter","platform","isHorizontalPad","isMobileEnvironment","onRef","prefix","which","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 { Input } from 'antd';\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.target.value\n    })\n    this.props.onChange && this.props.onChange(e.target.value);\n  }\n\n  showModal = () => {\n    this.setState({\n      visible: !this.state.visible\n    });\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 = (e) => {\n    e.preventDefault()\n    if (this.props.disabled) {\n      return;\n    }\n    // this.showModal();\n    \n    if (this.isFocus) {\n      this.input.input.blur()\n    } else {\n      this.input.input.focus()\n    } \n  }\n\n  getShowValue = () => {\n    return this.props.value == undefined ? this.state.value : this.props.value;\n  }\n\n  inputBlur = () => {\n    this.isFocus = false\n    this.setState({\n      visible: false\n    })\n  }\n\n  inputFocus = () => {\n    this.props.onFocus && this.props.onFocus(this.input)\n    \n    // if (this.props.which == 'icon') {\n    //   return;\n    // }\n    this.showModal();\n    this.isFocus = true\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 value = this.getShowValue();\n    return (\n      <div className='keyboard'>\n        {\n          <Input.Group className='keyboard-input keybord-icon-focus'>\n              <Input type=\"text\"\n                 {...props}\n                 prefix={prefix ? <Ticon type={prefix} className='search-icon' /> : null}\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                 allowClear={this.isMobileEnvironment}\n                //  suffix={which == 'icon' && !this.isMobileEnvironment ?\n                //      <span className='keyboard-icon' onMouseDown={e => e.preventDefault()} onClick={this.iconShowModal}>\n                //        {\n                //          this.getKeyboardIcon()\n                //        }\n                //      </span>\n                //      :\n                //      null}\n              />\n              {/* 优化2期修改键盘输入框交互。由小键盘图标点击之后打开的键盘，点击小键盘可以关闭。由于antd的Input组件对suffix做点击事件的冲突，所以将图标移到了Input外面 */}\n              {\n                which == 'icon' && !this.isMobileEnvironment ?\n                    <span className='keyboard-icon' onMouseDown={e => e.preventDefault()} onClick={this.iconShowModal}>\n                      {\n                        this.getKeyboardIcon()\n                      }\n                    </span>\n                    :\n                    null\n              }\n          </Input.Group>\n\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}"]}