tplus-components-touch 3.33.17 → 3.34.4

package/dist/components/keyboard/index.less

@@ -35,8 +35,8 @@
 }
 .num-keyboard-popover {
   // numberKeyboard
-  width: 320px;
-  height: 226px;
+  width: 400px;
+  height: 270px;
   background: none!important;
   .ant-popover-arrow {
     display: none!important;
@@ -51,24 +51,24 @@
     border:none!important;
     .ant-popover-inner-content {
       height: 100%;
-      padding: 18px 14px 10px!important;
+      padding: 30px 15px 20px 24px !important;
 
       .key {
         box-sizing: border-box;
         text-align: center;
         line-height: 60px;
-        width: 54px;
-        height: 35px;
+        width: 70px;
+        height: 46px;
         display: flex;
         flex-direction: column;
         justify-content: center;
         border-radius: 6px;
-        font-size: 14px;
+        font-size: 24px;
         cursor: pointer;
       }
 
       .nums {
-        width: 208px;
+        width: 270px;
         float: left;
         margin-left: 5px;
 
@@ -80,19 +80,19 @@
 
       .dels {
         float: left;
-        width: 60px;
+        width: 70px;
 
         .del {
           margin-bottom: 10px;
         }
 
         .sure {
-          height: 80px;
+          height: 102px;
           line-height: 22px;
           padding-top: 5px;
         }
         .clear{
-          height: 80px;
+          height: 102px;
           line-height: 22px;
           padding-top: 5px;
         }
@@ -214,13 +214,13 @@
     box-sizing: border-box;
     text-align: center;
     line-height: 60px;
-    width: 54px;
-    height: 35px;
+    width: 70px;
+    height: 46px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     border-radius: 6px;
-    font-size: 14px;
+    font-size: 24px;
     cursor: pointer;
 
     &:active {
@@ -232,30 +232,30 @@
   }
   .number-point {
     display: inline-block;
-    line-height: 25px;
+    line-height: 33px;
   }
 
   .nums {
-    width: 192px;
+    width: 241px;
     float: left;
 
     .num {
       float: left;
-      margin: 0 8px 8px 0px;
+      margin: 0 10px 10px 0px;
     }
   }
 
   .dels {
     float: right;
-    width: 54px;
+    width: 70px;
 
     .del {
-      margin-bottom: 8px;
-      font-size: 16px;
+      margin-bottom: 10px;
+      font-size: 22px;
     }
 
     .sure {
-      height: 78px;
+      height: 102px;
       border-radius: 5px;
     }
     .positive {
@@ -264,8 +264,8 @@
     }
     .sure-no-positive {
       line-height: 33px;
-      width: 54px;
-      height: 35px;
+      width: 70px;
+      height: 46px;
     }
   }
 
@@ -307,10 +307,16 @@
 }
 
 .number-keyboard-input {
-  width: 256px;
+  width: 332px;
   margin: 0 auto;
   .keyboard-input {
+    height: 40px;
+    font-size: 24px;
     border: none!important;
+    border-radius: 4px;
+  }
+  input::-webkit-input-placeholder{
+    font-size: 22px;
   }
 }
 
@@ -467,4 +473,14 @@
       top: -50px!important;
       color: #CCC!important;
   }
+}
+.keybord-icon-focus {
+  position: relative;
+  .keyboard-icon {
+    position: absolute;
+    right: 0;
+    top: 50% !important;
+    z-index: 999;
+    transform: translateY(-50%);
+  }
 }

package/dist/components/keyboard/letterKeyboard.js

@@ -80,7 +80,6 @@ var LetterKeyboard = (_temp = _class = function (_Component) {
       _this.setState({
         visible: !_this.state.visible
       });
-      _this.input.input.focus();
     };
 
     _this.handleOk = function (e) {
@@ -106,11 +105,18 @@ var LetterKeyboard = (_temp = _class = function (_Component) {
       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 () {
+    _this.iconShowModal = function (e) {
+      e.preventDefault();
       if (_this.props.disabled) {
         return;
       }
-      _this.showModal();
+      // this.showModal();
+
+      if (_this.isFocus) {
+        _this.input.input.blur();
+      } else {
+        _this.input.input.focus();
+      }
     };
 
     _this.getShowValue = function () {
@@ -118,6 +124,7 @@ var LetterKeyboard = (_temp = _class = function (_Component) {
     };
 
     _this.inputBlur = function () {
+      _this.isFocus = false;
       _this.setState({
         visible: false
       });
@@ -125,10 +132,12 @@ var LetterKeyboard = (_temp = _class = function (_Component) {
 
     _this.inputFocus = function () {
       _this.props.onFocus && _this.props.onFocus(_this.input);
-      if (_this.props.which == 'icon') {
-        return;
-      }
+
+      // if (this.props.which == 'icon') {
+      //   return;
+      // }
       _this.showModal();
+      _this.isFocus = true;
     };
 
     _this.inputKeyDown = function (e) {
@@ -172,7 +181,7 @@ var LetterKeyboard = (_temp = _class = function (_Component) {
         { className: 'keyboard' },
         _react2.default.createElement(
           _input2.default.Group,
-          { className: 'keyboard-input' },
+          { 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,
@@ -184,15 +193,23 @@ var LetterKeyboard = (_temp = _class = function (_Component) {
             ref: function ref(input) {
               return _this2.input = input;
             },
-            allowClear: this.isMobileEnvironment,
-            suffix: which == 'icon' && !this.isMobileEnvironment ? _react2.default.createElement(
-              'span',
-              { className: 'keyboard-icon', onMouseDown: function onMouseDown(e) {
-                  return e.preventDefault();
-                }, onClick: this.iconShowModal },
-              this.getKeyboardIcon()
-            ) : null
-          }))
+            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 })
       );

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

@@ -1 +1 @@
-{"version":3,"sources":["tplus-components-touch/components/keyboard/letterKeyboard.js"],"names":["LetterKeyboard","props","inputChange","e","setState","value","target","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","preventDefault","Component","propTypes","PropTypes","func","isRequired","placeholder","string"],"mappings":"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","file":"letterKeyboard.js","sourcesContent":["/**\r\n * input + letterKeyboard\r\n */\r\n\r\nimport React, { Component } from 'react';\r\nimport { Input } from 'antd';\r\nimport { platform } from 'mutants-util';\r\nimport Keyboard from './index';\r\nimport { Ticon } from '../../index';\r\nimport PropTypes from 'prop-types';\r\n\r\nexport default class LetterKeyboard extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      visible: false,\r\n      value: props.value || ''\r\n    }\r\n    const { isHorizontalPad } = platform || {};\r\n    this.isMobileEnvironment = !!isHorizontalPad;\r\n  }\r\n\r\n  static propTypes = {\r\n    onChange: PropTypes.func.isRequired,\r\n    handleOk: PropTypes.func,\r\n    handleCancel: PropTypes.func,\r\n    placeholder: PropTypes.string,\r\n    which: PropTypes.string // 是否要 通过 icon 来触发键盘弹出\r\n  }\r\n\r\n  inputChange = (e) => {\r\n    this.setState({\r\n      value: e.target.value\r\n    })\r\n    this.props.onChange && this.props.onChange(e.target.value);\r\n  }\r\n\r\n  showModal = () => {\r\n    this.setState({\r\n      visible: !this.state.visible\r\n    });\r\n    this.input.input.focus();\r\n  }\r\n\r\n  handleOk = (e) => {\r\n    this.props.handleOk && this.props.handleOk(this.getShowValue());\r\n    this.showModal();\r\n  }\r\n\r\n  handleCancel = (e) => {\r\n    this.props.handleCancel && this.props.handleCancel(this.getShowValue());\r\n    this.showModal()\r\n  }\r\n\r\n  setStateValue = (key) => {\r\n    let newValue = Keyboard.getNewValue(this.input.input, this.getShowValue(), key);\r\n    this.setState({\r\n      value: newValue\r\n    }, () => {\r\n      this.props.onChange && this.props.onChange(newValue);\r\n    })\r\n  }\r\n\r\n  getKeyboardIcon = () => {\r\n    return (\r\n      this.state.visible ?\r\n        <Ticon type='jianpan1' style={{ color: '#999' }} />\r\n        :\r\n        <Ticon type='jianpan2' style={{ color: '#999' }} />\r\n    )\r\n  }\r\n\r\n  iconShowModal = () => {\r\n    if (this.props.disabled) {\r\n      return;\r\n    }\r\n    this.showModal();\r\n  }\r\n\r\n  getShowValue = () => {\r\n    return this.props.value == undefined ? this.state.value : this.props.value;\r\n  }\r\n\r\n  inputBlur = () => {\r\n    this.setState({\r\n      visible: false\r\n    })\r\n  }\r\n\r\n  inputFocus = () => {\r\n    this.props.onFocus && this.props.onFocus(this.input)\r\n    if (this.props.which == 'icon') {\r\n      return;\r\n    }\r\n    this.showModal();\r\n  }\r\n\r\n  inputKeyDown = (e) => {\r\n    if (e.keyCode == 13) { // 按下回车按钮\r\n      this.props.handleEnter && this.props.handleEnter(this.getShowValue());\r\n    }\r\n  }\r\n\r\n  componentDidMount() {\r\n    this.props.onRef && this.props.onRef(this);\r\n  }\r\n\r\n  render() {\r\n    let { prefix, which, onRef, ...props } = { ...this.props };\r\n    let value = this.getShowValue();\r\n    return (\r\n      <div className='keyboard'>\r\n        {\r\n          <Input.Group className='keyboard-input'>\r\n              <Input type=\"text\"\r\n                 {...props}\r\n                 prefix={prefix ? <Ticon type={prefix} className='search-icon' /> : null}\r\n                 onChange={this.inputChange}\r\n                 onFocus={this.inputFocus}\r\n                 onBlur={this.inputBlur}\r\n                 onKeyDown={this.inputKeyDown}\r\n                 value={this.props.value}\r\n                 ref={input => this.input = input}\r\n                 allowClear={this.isMobileEnvironment}\r\n                 suffix={which == 'icon' && !this.isMobileEnvironment ?\r\n                     <span className='keyboard-icon' onMouseDown={e => e.preventDefault()} onClick={this.iconShowModal}>\r\n                       {\r\n                         this.getKeyboardIcon()\r\n                       }\r\n                     </span>\r\n                     :\r\n                     null}\r\n              />\r\n          </Input.Group>\r\n        }\r\n        {\r\n          !this.isMobileEnvironment &&\r\n          <Keyboard type='letter+modal' value={value} visible={this.state.visible} onChange={this.setStateValue} handleOk={this.handleOk} handleCancel={this.handleCancel} />\r\n        }\r\n      </div>\r\n    )\r\n  }\r\n}"]}
+{"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":["/**\r\n * input + letterKeyboard\r\n */\r\n\r\nimport React, { Component } from 'react';\r\nimport { Input } from 'antd';\r\nimport { platform } from 'mutants-util';\r\nimport Keyboard from './index';\r\nimport { Ticon } from '../../index';\r\nimport PropTypes from 'prop-types';\r\n\r\nexport default class LetterKeyboard extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      visible: false,\r\n      value: props.value || ''\r\n    }\r\n    const { isHorizontalPad } = platform || {};\r\n    this.isMobileEnvironment = !!isHorizontalPad;\r\n  }\r\n\r\n  static propTypes = {\r\n    onChange: PropTypes.func.isRequired,\r\n    handleOk: PropTypes.func,\r\n    handleCancel: PropTypes.func,\r\n    placeholder: PropTypes.string,\r\n    which: PropTypes.string // 是否要 通过 icon 来触发键盘弹出\r\n  }\r\n\r\n  inputChange = (e) => {\r\n    this.setState({\r\n      value: e.target.value\r\n    })\r\n    this.props.onChange && this.props.onChange(e.target.value);\r\n  }\r\n\r\n  showModal = () => {\r\n    this.setState({\r\n      visible: !this.state.visible\r\n    });\r\n  }\r\n\r\n  handleOk = (e) => {\r\n    this.props.handleOk && this.props.handleOk(this.getShowValue());\r\n    this.showModal();\r\n  }\r\n\r\n  handleCancel = (e) => {\r\n    this.props.handleCancel && this.props.handleCancel(this.getShowValue());\r\n    this.showModal()\r\n  }\r\n\r\n  setStateValue = (key) => {\r\n    let newValue = Keyboard.getNewValue(this.input.input, this.getShowValue(), key);\r\n    this.setState({\r\n      value: newValue\r\n    }, () => {\r\n      this.props.onChange && this.props.onChange(newValue);\r\n    })\r\n  }\r\n\r\n  getKeyboardIcon = () => {\r\n    return (\r\n      this.state.visible ?\r\n        <Ticon type='jianpan1' style={{ color: '#999' }} />\r\n        :\r\n        <Ticon type='jianpan2' style={{ color: '#999' }} />\r\n    )\r\n  }\r\n\r\n  iconShowModal = (e) => {\r\n    e.preventDefault()\r\n    if (this.props.disabled) {\r\n      return;\r\n    }\r\n    // this.showModal();\r\n    \r\n    if (this.isFocus) {\r\n      this.input.input.blur()\r\n    } else {\r\n      this.input.input.focus()\r\n    } \r\n  }\r\n\r\n  getShowValue = () => {\r\n    return this.props.value == undefined ? this.state.value : this.props.value;\r\n  }\r\n\r\n  inputBlur = () => {\r\n    this.isFocus = false\r\n    this.setState({\r\n      visible: false\r\n    })\r\n  }\r\n\r\n  inputFocus = () => {\r\n    this.props.onFocus && this.props.onFocus(this.input)\r\n    \r\n    // if (this.props.which == 'icon') {\r\n    //   return;\r\n    // }\r\n    this.showModal();\r\n    this.isFocus = true\r\n  }\r\n\r\n  inputKeyDown = (e) => {\r\n    if (e.keyCode == 13) { // 按下回车按钮\r\n      this.props.handleEnter && this.props.handleEnter(this.getShowValue());\r\n    }\r\n  }\r\n\r\n  componentDidMount() {\r\n    this.props.onRef && this.props.onRef(this);\r\n  }\r\n\r\n  render() {\r\n    let { prefix, which, onRef, ...props } = { ...this.props };\r\n    let value = this.getShowValue();\r\n    return (\r\n      <div className='keyboard'>\r\n        {\r\n          <Input.Group className='keyboard-input keybord-icon-focus'>\r\n              <Input type=\"text\"\r\n                 {...props}\r\n                 prefix={prefix ? <Ticon type={prefix} className='search-icon' /> : null}\r\n                 onChange={this.inputChange}\r\n                 onFocus={this.inputFocus}\r\n                 onBlur={this.inputBlur}\r\n                 onKeyDown={this.inputKeyDown}\r\n                 value={this.props.value}\r\n                 ref={input => this.input = input}\r\n                 allowClear={this.isMobileEnvironment}\r\n                //  suffix={which == 'icon' && !this.isMobileEnvironment ?\r\n                //      <span className='keyboard-icon' onMouseDown={e => e.preventDefault()} onClick={this.iconShowModal}>\r\n                //        {\r\n                //          this.getKeyboardIcon()\r\n                //        }\r\n                //      </span>\r\n                //      :\r\n                //      null}\r\n              />\r\n              {/* 优化2期修改键盘输入框交互。由小键盘图标点击之后打开的键盘，点击小键盘可以关闭。由于antd的Input组件对suffix做点击事件的冲突，所以将图标移到了Input外面 */}\r\n              {\r\n                which == 'icon' && !this.isMobileEnvironment ?\r\n                    <span className='keyboard-icon' onMouseDown={e => e.preventDefault()} onClick={this.iconShowModal}>\r\n                      {\r\n                        this.getKeyboardIcon()\r\n                      }\r\n                    </span>\r\n                    :\r\n                    null\r\n              }\r\n          </Input.Group>\r\n\r\n        }\r\n        {\r\n          !this.isMobileEnvironment &&\r\n          <Keyboard type='letter+modal' value={value} visible={this.state.visible} onChange={this.setStateValue} handleOk={this.handleOk} handleCancel={this.handleCancel} />\r\n        }\r\n      </div>\r\n    )\r\n  }\r\n}"]}

package/dist/components/keyboard/numKeyboard.js

@@ -160,6 +160,7 @@ var NumKeyboard = (_temp = _class = function (_Component) {
               { className: 'del key clear positive', onClick: _this.numClick.bind(_this, 'clear') },
               '\u6E05',
               _react2.default.createElement('br', null),
+              _react2.default.createElement('br', null),
               '\u7A7A'
             )
           ) : null,
@@ -176,6 +177,7 @@ var NumKeyboard = (_temp = _class = function (_Component) {
               { className: 'del key sure real-sure', onClick: _this.numClick.bind(_this, 'sure') },
               '\u786E',
               _react2.default.createElement('br', null),
+              _react2.default.createElement('br', null),
               '\u5B9A'
             )
           ) : null,
@@ -192,6 +194,7 @@ var NumKeyboard = (_temp = _class = function (_Component) {
               { className: 'del key clear', onClick: _this.numClick.bind(_this, 'clear') },
               '\u6E05',
               _react2.default.createElement('br', null),
+              _react2.default.createElement('br', null),
               '\u7A7A'
             )
           ) : null
@@ -279,6 +282,7 @@ var NumKeyboard = (_temp = _class = function (_Component) {
     _this.onFocus = function () {
       _this.props.onFocus && _this.props.onFocus();
       _this.input.input.select();
+      _this.onVisibleChange(true);
     };
 
     _this.onShowPopover = function () {

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

@@ -1 +1 @@
-{"version":3,"sources":["tplus-components-touch/components/keyboard/numKeyboard.js"],"names":["NumKeyboard","props","numClick","key","handleOk","result","state","value","setState","visible","length1","maxLength","length2","precisionLength","indexOf","newValue","Keyboard","getNewValue","input","getShowValue","v","v1","v2","slice","length","split","setStateValue","getKeyboard","nums","numsKey","map","item","Math","random","bind","type","e","preventDefault","undefined","fn","onChange","name","inputChange","target","isReturn","tools","isSubFloat","isfloat","match","max","min","isNull","onFocus","select","onShowPopover","focus","getValue","setValue","onVisibleChange","console","log","onHidePopover","getKeyboardIcon","propsVisible","show","isPropsVisible","icon","popClassName","disabled","color","platform","isHorizontalPad","isMobileEnvironment","defaultValue","bordered","trigger","onIconClick","className","inputClassName","_props","Component","propTypes","PropTypes","func","string","bool","defaultProps"],"mappings":"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","file":"numKeyboard.js","sourcesContent":["import React, { Component } from 'react';\r\nimport { platform } from 'mutants-util';\r\nimport { Ticon, Keyboard } from '../../index';\r\n\r\nimport PropTypes from 'prop-types';\r\nimport { Popover, Input } from 'antd';\r\nimport tools from '../../util/tools';\r\n\r\nexport default class NumKeyboard extends Component {\r\n\r\n  static propTypes = {\r\n    onChange: PropTypes.func,\r\n    icon: PropTypes.string,\r\n    bordered: PropTypes.bool, // 是否要 通过 icon 来触发键盘弹出\r\n    popClassName: PropTypes.string, // 键盘弹出框的 className\r\n    onIconClick: PropTypes.func\r\n  }\r\n\r\n  static defaultProps = {\r\n    trigger: 'click',\r\n    bordered: false,\r\n    icon: 'jianpan'\r\n  }\r\n\r\n  constructor(props) {\r\n    super();\r\n    this.state = {\r\n      visible: false,\r\n      value: props.value || ''\r\n    }\r\n    const { isHorizontalPad } = platform || {};\r\n    this.isMobileEnvironment = !!isHorizontalPad;\r\n  }\r\n\r\n  componentDidMount() {\r\n    this.setState({\r\n      value: this.props.defaultValue || ''\r\n    })\r\n  }\r\n\r\n  numClick = (key) => {\r\n    // let newValue = Keyboard.getNewValue(this.input.input, this.getShowValue(), key, true);\r\n    // this.setStateValue(newValue);\r\n\r\n    if (key == 'sure') {\r\n      if (this.props.handleOk) {\r\n        let result = this.props.handleOk(this.state.value);\r\n        if (result) {\r\n          this.setState({\r\n            visible: false\r\n          })\r\n        }\r\n      }\r\n      return;\r\n    }\r\n    let length1 = this.props.maxLength;\r\n    let length2 = this.props.precisionLength;\r\n    if (length2 == 0 && key == '.') {\r\n      return;\r\n    }\r\n    let value = this.state.value + '';\r\n    if (value == '' && key == '.') { // 不允许小数的时候，也不允许小数点\r\n      return;\r\n    }\r\n    if ((value + '').indexOf('.') > 0 && key == '.') {\r\n      return;\r\n    }\r\n\r\n    let newValue = Keyboard.getNewValue(this.input.input, this.getShowValue(), key, true);\r\n\r\n    if (length1 && length2) {\r\n      let v = newValue, v1, v2;\r\n      if (value.indexOf('-') != -1) {\r\n        v = value.slice(1, value.length);\r\n      }\r\n      v1 = v.split('.')[0];\r\n      v2 = v.split('.')[1];\r\n      if (v.length > length1 || (v2 && v2.length > length2) || (v1 && v1.length > (length1-length2-1))) {\r\n        return;\r\n      }\r\n    }\r\n\r\n    this.setStateValue(newValue);\r\n\r\n    // this.setState({\r\n    //   value: newValue\r\n    // }, () => {\r\n    //   this.props.onChange && this.props.onChange(this.state.value);\r\n    // })\r\n  }\r\n\r\n  getKeyboard = () => {\r\n    let nums = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '0', '00', '.'];\r\n    let numsKey = nums.map((item) => <div className='num key' key={item + Math.random()} onClick={this.numClick.bind(this, item)}>{item}</div>)\r\n    let {type} = this.props;\r\n    return (\r\n      <div className='clearfix' onMouseDown={e => e.preventDefault()}>\r\n\r\n        <div className=\"nums clearfix\">\r\n          {numsKey}\r\n        </div>\r\n        <div className=\"dels clearfix\">\r\n          <div className=\"del key\" onClick={this.numClick.bind(this, 'delete')}>\r\n            <Ticon type='tuige' />\r\n          </div>\r\n          {\r\n            type == 'positive' ?\r\n            <React.Fragment>\r\n              <div className={`del key clear positive`} onClick={this.numClick.bind(this, 'clear')}>清<br />空</div>\r\n            </React.Fragment>\r\n            :\r\n            null\r\n          }\r\n          {\r\n            type == 'sure' ?\r\n            <React.Fragment>\r\n              <div className=\"del key\" onClick={this.numClick.bind(this, 'clear')}>清空</div>\r\n              <div className={`del key sure real-sure`} onClick={this.numClick.bind(this, 'sure')}>确<br />定</div>\r\n            </React.Fragment>\r\n            :\r\n            null\r\n          }\r\n          {\r\n            type == undefined || type == 'text' ?\r\n            <React.Fragment>\r\n              <div className=\"del key\" onClick={this.numClick.bind(this, '-')}>—</div>\r\n              <div className={`del key clear`} onClick={this.numClick.bind(this, 'clear')}>清<br />空</div>\r\n            </React.Fragment>\r\n            :\r\n            null\r\n          }\r\n        </div>\r\n      </div>\r\n    )\r\n  }\r\n\r\n  setStateValue = (value, fn) => {\r\n    this.setState({\r\n      value: value\r\n    }, () => {\r\n      if (this.props.onChange) {\r\n        this.props.onChange(this.getShowValue(), this.props.name);\r\n      }\r\n      if (fn && typeof fn == 'function') fn();\r\n    })\r\n  }\r\n\r\n  inputChange = (e) => {\r\n    const v =  e && e.target.value;\r\n    if(v === '') {\r\n      this.setStateValue('');\r\n      return;\r\n    }\r\n    let newValue;\r\n    const { isReturn  } = this.props;\r\n    if (isReturn) {\r\n      if (! tools.isSubFloat(v)) {\r\n        return;\r\n      }\r\n    } else {\r\n      if (! tools.isfloat(v)) {\r\n        return;\r\n      }\r\n    }\r\n    if (v.match(/\\./g) && v.match(/\\./g).length > 1) {\r\n      return;\r\n    }\r\n    if (this.props.type == \"positive\") { // 只允许输入正数\r\n      newValue = (v + '').match(/\\d+\\.?\\d*/);\r\n    } else {\r\n      newValue = (v + '').match(/^(\\-)?[(\\d*)|(\\d+\\.?\\d*)]*$/);\r\n    }\r\n    let length1 = this.props.maxLength;\r\n    let length2 = this.props.precisionLength;\r\n    if (length1 >=0 && length2 >=0) {\r\n      let v = (newValue ? newValue[0] : '') + '', v1, v2;\r\n      if (v.indexOf('-') != -1) {\r\n        v = v.slice(1, v.length);\r\n      }\r\n      v1 = v.split('.')[0];\r\n      v2 = v.split('.')[1];\r\n      if (v.length > length1 || (v2 && v2.length > length2) || (v1 && v1.length > (length1-length2-1))) {\r\n        return;\r\n      }\r\n      if (length2 == 0 && v.indexOf('.') > 0) { // 不允许小数的时候，也不允许小数点\r\n        return;\r\n      }\r\n    }\r\n    if (newValue && newValue[0]) {\r\n      newValue = newValue[0];\r\n      if( newValue!=='-' ){\r\n        const {max={}} = this.props;\r\n        const {min={}} = this.props;\r\n        if(!tools.isNull(max.value) && newValue>max.value)return\r\n        if(!tools.isNull(min.value)&& newValue<min.value)return\r\n      }\r\n      this.setStateValue( newValue  || '');\r\n    }\r\n    // this.setState({\r\n    //   value: newValue && newValue[0] || ''\r\n    // }, () => {\r\n    //   this.props.onChange && this.props.onChange(this.state.value);\r\n    // })\r\n  }\r\n\r\n  onFocus = () => {\r\n    this.props.onFocus&&this.props.onFocus();\r\n    this.input.input.select()\r\n  }\r\n\r\n  onShowPopover = () => {\r\n    this.setState({\r\n      visible: true\r\n    }, () => {\r\n      this.input.input.focus();\r\n      this.input.input.select()\r\n    })\r\n  }\r\n\r\n  /**\r\n   * 对外提供的 get 方法\r\n   */\r\n  getValue = () => {\r\n    return this.getShowValue();\r\n  }\r\n\r\n  /**\r\n   * 对外提供的 set 方法\r\n   */\r\n  setValue = (value) => {\r\n    this.setState({\r\n      value: value\r\n    })\r\n  }\r\n\r\n  onVisibleChange = (visible) => {\r\n    console.log('onVisibleChange', visible);\r\n    this.setState({\r\n      visible\r\n    })\r\n    this.props.onVisibleChange && this.props.onVisibleChange(visible);\r\n  }\r\n\r\n  onHidePopover = () => {\r\n    this.setState({\r\n      visible: false\r\n    })\r\n  }\r\n\r\n  getShowValue = () => {\r\n    return this.props.value === undefined ? this.state.value : this.props.value;\r\n  }\r\n\r\n  getKeyboardIcon = () => {\r\n    let propsVisible = this.props.show;\r\n    let isPropsVisible = propsVisible !== undefined;\r\n    let icon = isPropsVisible ? (propsVisible ? 'jianpan1' : 'jianpan2') : (this.state.visible ? 'jianpan1' : 'jianpan2');\r\n    let { popClassName = '' } = this.props;\r\n    return (\r\n      this.props.disabled ?\r\n        <Ticon className='keyboard-icon' type={icon} style={{ color: '#999' }} />\r\n        :\r\n        <Popover\r\n          placement='bottomRight'\r\n          onVisibleChange={this.onVisibleChange}\r\n          onHide={this.onHidePopover}\r\n          title={null}\r\n          // arrowOffsetTop={-200}\r\n          // arrowOffsetLeft={400}\r\n          visible={isPropsVisible ? propsVisible : this.state.visible}\r\n          content={this.getKeyboard()}\r\n          trigger='click'\r\n          overlayClassName={`num-keyboard-popover num-keyboard-popover-click ${popClassName} `} >\r\n          <Ticon className='keyboard-icon' type={icon} style={{ color: '#999'}} onClick={this.onShowPopover} />\r\n        </Popover>\r\n    )\r\n  }\r\n\r\n  render() {\r\n    let { bordered, trigger, onIconClick = () => { }, icon, className = '', popClassName = '',inputClassName='' } = this.props;\r\n    let _props = {...this.props};\r\n    delete _props.bordered;\r\n    delete _props.trigger;\r\n    delete _props.className;\r\n    delete _props.popClassName;\r\n    delete _props.icon;\r\n    delete _props.onIconClick;\r\n    delete _props.inputClassName;\r\n    delete _props.precisionLength;\r\n    delete _props.maxLength;\r\n    let value = this.getShowValue();\r\n    return (\r\n      <div className={`keyboard number-keyboard ${!bordered ? 'no-bordered' : ''} ${className}`}>\r\n        {\r\n          trigger == 'click' ?\r\n            <Input.Group>\r\n              <Input type=\"text\"\r\n                {..._props}\r\n                className={`${inputClassName} keyboard-input`}\r\n                onFocus={this.onFocus}\r\n                onChange={this.inputChange}\r\n                value={value}\r\n                ref={input => this.input = input}\r\n                allowClear={this.isMobileEnvironment}\r\n                suffix={!this.isMobileEnvironment &&  this.getKeyboardIcon() }\r\n              />\r\n            </Input.Group>\r\n            :\r\n            <Input.Group>\r\n              <Popover\r\n                placement='bottomRight'\r\n                onVisibleChange={this.onVisibleChange}\r\n                onHide={this.onHidePopover}\r\n                rootClose={false}\r\n                title={null}\r\n                visible={this.state.visible}\r\n                content={this.getKeyboard()}\r\n                trigger='focus'\r\n                overlayClassName={`num-keyboard-popover num-keyboard-popover-focus ${popClassName} `}\r\n              >\r\n                <Input type=\"text\" className='keyboard-input' {..._props} onBlur={this.onHidePopover} onFocus={this.onShowPopover} onChange={this.inputChange} value={value} ref={input => this.input = input}\r\n                  suffix={<Ticon className='keyboard-icon' type={icon} style={{ color: '#999' }} onClick={onIconClick} />}/>\r\n              </Popover>\r\n            </Input.Group>\r\n        }\r\n      </div>\r\n    )\r\n  }\r\n}\r\n"]}
+{"version":3,"sources":["tplus-components-touch/components/keyboard/numKeyboard.js"],"names":["NumKeyboard","props","numClick","key","handleOk","result","state","value","setState","visible","length1","maxLength","length2","precisionLength","indexOf","newValue","Keyboard","getNewValue","input","getShowValue","v","v1","v2","slice","length","split","setStateValue","getKeyboard","nums","numsKey","map","item","Math","random","bind","type","e","preventDefault","undefined","fn","onChange","name","inputChange","target","isReturn","tools","isSubFloat","isfloat","match","max","min","isNull","onFocus","select","onVisibleChange","onShowPopover","focus","getValue","setValue","console","log","onHidePopover","getKeyboardIcon","propsVisible","show","isPropsVisible","icon","popClassName","disabled","color","platform","isHorizontalPad","isMobileEnvironment","defaultValue","bordered","trigger","onIconClick","className","inputClassName","_props","Component","propTypes","PropTypes","func","string","bool","defaultProps"],"mappings":"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","file":"numKeyboard.js","sourcesContent":["import React, { Component } from 'react';\r\nimport { platform } from 'mutants-util';\r\nimport { Ticon, Keyboard } from '../../index';\r\n\r\nimport PropTypes from 'prop-types';\r\nimport { Popover, Input } from 'antd';\r\nimport tools from '../../util/tools';\r\n\r\nexport default class NumKeyboard extends Component {\r\n\r\n  static propTypes = {\r\n    onChange: PropTypes.func,\r\n    icon: PropTypes.string,\r\n    bordered: PropTypes.bool, // 是否要 通过 icon 来触发键盘弹出\r\n    popClassName: PropTypes.string, // 键盘弹出框的 className\r\n    onIconClick: PropTypes.func\r\n  }\r\n\r\n  static defaultProps = {\r\n    trigger: 'click',\r\n    bordered: false,\r\n    icon: 'jianpan'\r\n  }\r\n\r\n  constructor(props) {\r\n    super();\r\n    this.state = {\r\n      visible: false,\r\n      value: props.value || ''\r\n    }\r\n    const { isHorizontalPad } = platform || {};\r\n    this.isMobileEnvironment = !!isHorizontalPad;\r\n  }\r\n\r\n  componentDidMount() {\r\n    this.setState({\r\n      value: this.props.defaultValue || ''\r\n    })\r\n  }\r\n\r\n  numClick = (key) => {\r\n    // let newValue = Keyboard.getNewValue(this.input.input, this.getShowValue(), key, true);\r\n    // this.setStateValue(newValue);\r\n\r\n    if (key == 'sure') {\r\n      if (this.props.handleOk) {\r\n        let result = this.props.handleOk(this.state.value);\r\n        if (result) {\r\n          this.setState({\r\n            visible: false\r\n          })\r\n        }\r\n      }\r\n      return;\r\n    }\r\n    let length1 = this.props.maxLength;\r\n    let length2 = this.props.precisionLength;\r\n    if (length2 == 0 && key == '.') {\r\n      return;\r\n    }\r\n    let value = this.state.value + '';\r\n    if (value == '' && key == '.') { // 不允许小数的时候，也不允许小数点\r\n      return;\r\n    }\r\n    if ((value + '').indexOf('.') > 0 && key == '.') {\r\n      return;\r\n    }\r\n\r\n    let newValue = Keyboard.getNewValue(this.input.input, this.getShowValue(), key, true);\r\n\r\n    if (length1 && length2) {\r\n      let v = newValue, v1, v2;\r\n      if (value.indexOf('-') != -1) {\r\n        v = value.slice(1, value.length);\r\n      }\r\n      v1 = v.split('.')[0];\r\n      v2 = v.split('.')[1];\r\n      if (v.length > length1 || (v2 && v2.length > length2) || (v1 && v1.length > (length1-length2-1))) {\r\n        return;\r\n      }\r\n    }\r\n\r\n    this.setStateValue(newValue);\r\n\r\n    // this.setState({\r\n    //   value: newValue\r\n    // }, () => {\r\n    //   this.props.onChange && this.props.onChange(this.state.value);\r\n    // })\r\n  }\r\n\r\n  getKeyboard = () => {\r\n    let nums = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '0', '00', '.'];\r\n    let numsKey = nums.map((item) => <div className='num key' key={item + Math.random()} onClick={this.numClick.bind(this, item)}>{item}</div>)\r\n    let {type} = this.props;\r\n    return (\r\n      <div className='clearfix' onMouseDown={e => e.preventDefault()}>\r\n\r\n        <div className=\"nums clearfix\">\r\n          {numsKey}\r\n        </div>\r\n        <div className=\"dels clearfix\">\r\n          <div className=\"del key\" onClick={this.numClick.bind(this, 'delete')}>\r\n            <Ticon type='tuige' />\r\n          </div>\r\n          {\r\n            type == 'positive' ?\r\n            <React.Fragment>\r\n              <div className={`del key clear positive`} onClick={this.numClick.bind(this, 'clear')}>清<br /><br />空</div>\r\n            </React.Fragment>\r\n            :\r\n            null\r\n          }\r\n          {\r\n            type == 'sure' ?\r\n            <React.Fragment>\r\n              <div className=\"del key\" onClick={this.numClick.bind(this, 'clear')}>清空</div>\r\n              <div className={`del key sure real-sure`} onClick={this.numClick.bind(this, 'sure')}>确<br /><br />定</div>\r\n            </React.Fragment>\r\n            :\r\n            null\r\n          }\r\n          {\r\n            type == undefined || type == 'text' ?\r\n            <React.Fragment>\r\n              <div className=\"del key\" onClick={this.numClick.bind(this, '-')}>—</div>\r\n              <div className={`del key clear`} onClick={this.numClick.bind(this, 'clear')}>清<br /><br />空</div>\r\n            </React.Fragment>\r\n            :\r\n            null\r\n          }\r\n        </div>\r\n      </div>\r\n    )\r\n  }\r\n\r\n  setStateValue = (value, fn) => {\r\n    this.setState({\r\n      value: value\r\n    }, () => {\r\n      if (this.props.onChange) {\r\n        this.props.onChange(this.getShowValue(), this.props.name);\r\n      }\r\n      if (fn && typeof fn == 'function') fn();\r\n    })\r\n  }\r\n\r\n  inputChange = (e) => {\r\n    const v =  e && e.target.value;\r\n    if(v === '') {\r\n      this.setStateValue('');\r\n      return;\r\n    }\r\n    let newValue;\r\n    const { isReturn  } = this.props;\r\n    if (isReturn) {\r\n      if (! tools.isSubFloat(v)) {\r\n        return;\r\n      }\r\n    } else {\r\n      if (! tools.isfloat(v)) {\r\n        return;\r\n      }\r\n    }\r\n    if (v.match(/\\./g) && v.match(/\\./g).length > 1) {\r\n      return;\r\n    }\r\n    if (this.props.type == \"positive\") { // 只允许输入正数\r\n      newValue = (v + '').match(/\\d+\\.?\\d*/);\r\n    } else {\r\n      newValue = (v + '').match(/^(\\-)?[(\\d*)|(\\d+\\.?\\d*)]*$/);\r\n    }\r\n    let length1 = this.props.maxLength;\r\n    let length2 = this.props.precisionLength;\r\n    if (length1 >=0 && length2 >=0) {\r\n      let v = (newValue ? newValue[0] : '') + '', v1, v2;\r\n      if (v.indexOf('-') != -1) {\r\n        v = v.slice(1, v.length);\r\n      }\r\n      v1 = v.split('.')[0];\r\n      v2 = v.split('.')[1];\r\n      if (v.length > length1 || (v2 && v2.length > length2) || (v1 && v1.length > (length1-length2-1))) {\r\n        return;\r\n      }\r\n      if (length2 == 0 && v.indexOf('.') > 0) { // 不允许小数的时候，也不允许小数点\r\n        return;\r\n      }\r\n    }\r\n    if (newValue && newValue[0]) {\r\n      newValue = newValue[0];\r\n      if( newValue!=='-' ){\r\n        const {max={}} = this.props;\r\n        const {min={}} = this.props;\r\n        if(!tools.isNull(max.value) && newValue>max.value)return\r\n        if(!tools.isNull(min.value)&& newValue<min.value)return\r\n      }\r\n      this.setStateValue( newValue  || '');\r\n    }\r\n    // this.setState({\r\n    //   value: newValue && newValue[0] || ''\r\n    // }, () => {\r\n    //   this.props.onChange && this.props.onChange(this.state.value);\r\n    // })\r\n  }\r\n\r\n  onFocus = () => {\r\n    this.props.onFocus&&this.props.onFocus();\r\n    this.input.input.select()\r\n    this.onVisibleChange(true)\r\n  }\r\n\r\n  onShowPopover = () => {\r\n    this.setState({\r\n      visible: true\r\n    }, () => {\r\n      this.input.input.focus();\r\n      this.input.input.select()\r\n    })\r\n  }\r\n\r\n  /**\r\n   * 对外提供的 get 方法\r\n   */\r\n  getValue = () => {\r\n    return this.getShowValue();\r\n  }\r\n\r\n  /**\r\n   * 对外提供的 set 方法\r\n   */\r\n  setValue = (value) => {\r\n    this.setState({\r\n      value: value\r\n    })\r\n  }\r\n\r\n  onVisibleChange = (visible) => {\r\n    console.log('onVisibleChange', visible);\r\n    this.setState({\r\n      visible\r\n    })\r\n    this.props.onVisibleChange && this.props.onVisibleChange(visible);\r\n  }\r\n\r\n  onHidePopover = () => {\r\n    this.setState({\r\n      visible: false\r\n    })\r\n  }\r\n\r\n  getShowValue = () => {\r\n    return this.props.value === undefined ? this.state.value : this.props.value;\r\n  }\r\n\r\n  getKeyboardIcon = () => {\r\n    let propsVisible = this.props.show;\r\n    let isPropsVisible = propsVisible !== undefined;\r\n    let icon = isPropsVisible ? (propsVisible ? 'jianpan1' : 'jianpan2') : (this.state.visible ? 'jianpan1' : 'jianpan2');\r\n    let { popClassName = '' } = this.props;\r\n    return (\r\n      this.props.disabled ?\r\n        <Ticon className='keyboard-icon' type={icon} style={{ color: '#999' }} />\r\n        :\r\n        <Popover\r\n          placement='bottomRight'\r\n          onVisibleChange={this.onVisibleChange}\r\n          onHide={this.onHidePopover}\r\n          title={null}\r\n          // arrowOffsetTop={-200}\r\n          // arrowOffsetLeft={400}\r\n          visible={isPropsVisible ? propsVisible : this.state.visible}\r\n          content={this.getKeyboard()}\r\n          trigger='click'\r\n          overlayClassName={`num-keyboard-popover num-keyboard-popover-click ${popClassName} `} >\r\n          <Ticon className='keyboard-icon' type={icon} style={{ color: '#999'}} onClick={this.onShowPopover} />\r\n        </Popover>\r\n    )\r\n  }\r\n\r\n  render() {\r\n    let { bordered, trigger, onIconClick = () => { }, icon, className = '', popClassName = '',inputClassName='' } = this.props;\r\n    let _props = {...this.props};\r\n    delete _props.bordered;\r\n    delete _props.trigger;\r\n    delete _props.className;\r\n    delete _props.popClassName;\r\n    delete _props.icon;\r\n    delete _props.onIconClick;\r\n    delete _props.inputClassName;\r\n    delete _props.precisionLength;\r\n    delete _props.maxLength;\r\n    let value = this.getShowValue();\r\n    return (\r\n      <div className={`keyboard number-keyboard ${!bordered ? 'no-bordered' : ''} ${className}`}>\r\n        {\r\n          trigger == 'click' ?\r\n            <Input.Group>\r\n              <Input type=\"text\"\r\n                {..._props}\r\n                className={`${inputClassName} keyboard-input`}\r\n                onFocus={this.onFocus}\r\n                onChange={this.inputChange}\r\n                value={value}\r\n                ref={input => this.input = input}\r\n                allowClear={this.isMobileEnvironment}\r\n                suffix={!this.isMobileEnvironment &&  this.getKeyboardIcon() }\r\n              />\r\n            </Input.Group>\r\n            :\r\n            <Input.Group>\r\n              <Popover\r\n                placement='bottomRight'\r\n                onVisibleChange={this.onVisibleChange}\r\n                onHide={this.onHidePopover}\r\n                rootClose={false}\r\n                title={null}\r\n                visible={this.state.visible}\r\n                content={this.getKeyboard()}\r\n                trigger='focus'\r\n                overlayClassName={`num-keyboard-popover num-keyboard-popover-focus ${popClassName} `}\r\n              >\r\n                <Input type=\"text\" className='keyboard-input' {..._props} onBlur={this.onHidePopover} onFocus={this.onShowPopover} onChange={this.inputChange} value={value} ref={input => this.input = input}\r\n                  suffix={<Ticon className='keyboard-icon' type={icon} style={{ color: '#999' }} onClick={onIconClick} />}/>\r\n              </Popover>\r\n            </Input.Group>\r\n        }\r\n      </div>\r\n    )\r\n  }\r\n}\r\n"]}

package/dist/components/keyboard/numkeyboardPassword.js

@@ -171,6 +171,7 @@ var numkeyboardPassword = (_temp = _class = function (_Component) {
               { className: 'del key sure positive', onClick: _this.numClick.bind(_this, 'clear') },
               '\u6E05',
               _react2.default.createElement('br', null),
+              _react2.default.createElement('br', null),
               '\u7A7A'
             )
           ) : null,
@@ -187,6 +188,7 @@ var numkeyboardPassword = (_temp = _class = function (_Component) {
               { className: 'del key sure real-sure', onClick: _this.numClick.bind(_this, 'sure') },
               '\u786E',
               _react2.default.createElement('br', null),
+              _react2.default.createElement('br', null),
               '\u5B9A'
             )
           )
@@ -275,17 +277,24 @@ var numkeyboardPassword = (_temp = _class = function (_Component) {
       _this.props.onFocus && _this.props.onFocus();
       _this.input.input.select();
       _this.setState({
-        count: true
+        count: true,
+        visible: true
       });
     };
 
     _this.onShowPopover = function () {
-      _this.setState({
-        visible: true
-      }, function () {
+      if (_this.state.visible) {
+        _this.input.input.blur();
+      } else {
         _this.input.input.focus();
         _this.input.input.select();
-      });
+      }
+      // this.setState({
+      //   visible: true
+      // }, () => {
+      //   this.input.input.focus();
+      //   this.input.input.select()
+      // })
     };
 
     _this.getValue = function () {
@@ -404,7 +413,7 @@ var numkeyboardPassword = (_temp = _class = function (_Component) {
         { className: 'keyboard number-keyboard ' + (!bordered ? 'no-bordered' : '') + ' ' + className },
         trigger == 'click' ? _react2.default.createElement(
           _input2.default.Group,
-          null,
+          { className: 'keybord-icon-focus' },
           _react2.default.createElement(_input2.default, { maxLength: '6',
             type: 'password',
             className: inputClassName + ' keyboard-input',
@@ -416,9 +425,10 @@ var numkeyboardPassword = (_temp = _class = function (_Component) {
               return _this2.input = input;
             },
             allowClear: this.isMobileEnvironment,
-            onBlur: this.props.onBlur,
-            suffix: !this.isMobileEnvironment && this.getKeyboardIcon()
-          })
+            onBlur: this.props.onBlur
+            // suffix={!this.isMobileEnvironment &&  this.getKeyboardIcon() }
+          }),
+          !this.isMobileEnvironment && this.getKeyboardIcon()
         ) : _react2.default.createElement(
           _input2.default.Group,
           null,

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

@@ -1 +1 @@
-{"version":3,"sources":["tplus-components-touch/components/keyboard/numkeyboardPassword.js"],"names":["numkeyboardPassword","props","numClick","key","setState","visible","length1","maxLength","length2","precisionLength","value","state","indexOf","newValue","Keyboard","getNewValue","input","getShowValue","v","v1","v2","slice","length","split","setStateValue","count","getKeyboard","nums","numsKey","map","item","Math","random","bind","type","e","preventDefault","fn","onChange","name","inputChange","target","isReturn","tools","isSubFloat","isfloat","match","max","min","isNull","onFocus","select","onShowPopover","focus","getValue","setValue","onVisibleChange","console","log","onHidePopover","undefined","getKeyboardIcon","propsVisible","show","isPropsVisible","icon","popClassName","disabled","color","platform","isHorizontalPad","isMobileEnvironment","defaultValue","bordered","trigger","onIconClick","className","inputClassName","_props","placeholder","onBlur","Component","propTypes","PropTypes","func","string","bool","defaultProps"],"mappings":"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","file":"numkeyboardPassword.js","sourcesContent":["import React, { Component } from 'react';\r\nimport { platform } from 'mutants-util';\r\nimport { Ticon, Keyboard } from '../../index';\r\n\r\nimport PropTypes from 'prop-types';\r\nimport { Popover, Input } from 'antd';\r\nimport tools from '../../util/tools';\r\n\r\nexport default class numkeyboardPassword extends Component {\r\n\r\n  static propTypes = {\r\n    onChange: PropTypes.func,\r\n    icon: PropTypes.string,\r\n    bordered: PropTypes.bool, // 是否要 通过 icon 来触发键盘弹出\r\n    popClassName: PropTypes.string, // 键盘弹出框的 className\r\n    onIconClick: PropTypes.func\r\n  }\r\n\r\n  static defaultProps = {\r\n    trigger: 'click',\r\n    bordered: false,\r\n    icon: 'jianpan'\r\n  }\r\n\r\n  constructor(props) {\r\n    super();\r\n    this.state = {\r\n      visible: false,\r\n      value: props.value || '',\r\n      count: false\r\n    }\r\n    const { isHorizontalPad } = platform || {};\r\n    this.isMobileEnvironment = !!isHorizontalPad;\r\n  }\r\n\r\n  componentDidMount() {\r\n    this.setState({\r\n      value: this.props.defaultValue || ''\r\n    })\r\n  }\r\n\r\n  numClick = (key) => {\r\n    // let newValue = Keyboard.getNewValue(this.input.input, this.getShowValue(), key, true);\r\n    // this.setStateValue(newValue);\r\n\r\n    if (key == 'sure') {\r\n    //   if (this.props.handleOk) {\r\n        // let result = this.props.handleOk(this.state.value);\r\n        // if (result) {\r\n          this.setState({\r\n            visible: false\r\n          })\r\n        // }\r\n    //   }\r\n      return;\r\n    }\r\n    let length1 = this.props.maxLength;\r\n    let length2 = this.props.precisionLength;\r\n    if (length2 == 0 && key == '.') {\r\n      return;\r\n    }\r\n    let value = this.state.value + '';\r\n    if (value == '' && key == '.') { // 不允许小数的时候，也不允许小数点\r\n      return;\r\n    }\r\n    if ((value + '').indexOf('.') > 0 && key == '.') {\r\n      return;\r\n    }\r\n\r\n    let newValue = Keyboard.getNewValue(this.input.input, this.getShowValue(), key, true);\r\n\r\n    if (length1 && length2) {\r\n      let v = newValue, v1, v2;\r\n      if (value.indexOf('-') != -1) {\r\n        v = value.slice(1, value.length);\r\n      }\r\n      v1 = v.split('.')[0];\r\n      v2 = v.split('.')[1];\r\n      if (v.length > length1 || (v2 && v2.length > length2) || (v1 && v1.length > (length1-length2-1))) {\r\n        return;\r\n      }\r\n    }\r\n\r\n    if (this.state.value.length === 6) {\r\n        if (key === \"clear\") {\r\n            this.setStateValue(newValue);\r\n        } else if (this.state.count) {\r\n            this.setStateValue(newValue);\r\n            this.setState({\r\n                count: false\r\n            })\r\n        }\r\n    } else {\r\n        this.setStateValue(newValue);\r\n    }\r\n\r\n\r\n    // this.setState({\r\n    //   value: newValue\r\n    // }, () => {\r\n    //   this.props.onChange && this.props.onChange(this.state.value);\r\n    // })\r\n  }\r\n\r\n  getKeyboard = () => {\r\n    let nums = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '0', '00', '.'];\r\n    let numsKey = nums.map((item) => <div className='num key' key={item + Math.random()} onClick={this.numClick.bind(this, item)}>{item}</div>)\r\n    let {type} = this.props;\r\n    return (\r\n      <div className='clearfix' onMouseDown={e => e.preventDefault()}>\r\n\r\n        <div className=\"nums clearfix\">\r\n          {numsKey}\r\n        </div>\r\n        <div className=\"dels clearfix\">\r\n          <div className=\"del key\" onClick={this.numClick.bind(this, 'delete')}>\r\n            <Ticon type='tuige' />\r\n          </div>\r\n          {\r\n            type == 'password' ?\r\n            <React.Fragment>\r\n              <div className={`del key sure positive`} onClick={this.numClick.bind(this, 'clear')}>清<br />空</div>\r\n            </React.Fragment>\r\n            :\r\n            null\r\n          }\r\n          {\r\n            <React.Fragment>\r\n              <div className=\"del key\" onClick={this.numClick.bind(this, 'clear')}>清空</div>\r\n              <div className={`del key sure real-sure`} onClick={this.numClick.bind(this, 'sure')}>确<br />定</div>\r\n            </React.Fragment>\r\n          }\r\n          {\r\n            // <React.Fragment>\r\n            //   <div className=\"del key\" onClick={this.numClick.bind(this, '-')}>—</div>\r\n            //   <div className={`del key sure`} onClick={this.numClick.bind(this, 'clear')}>清<br />空</div>\r\n            // </React.Fragment>\r\n          }\r\n        </div>\r\n      </div>\r\n    )\r\n  }\r\n\r\n  setStateValue = (value, fn) => {\r\n    this.setState({\r\n      value: value\r\n    }, () => {\r\n      if (this.props.onChange) {\r\n        this.props.onChange(this.getShowValue(), this.props.name);\r\n      }\r\n      if (fn && typeof fn == 'function') fn();\r\n    })\r\n  }\r\n\r\n  inputChange = (e) => {\r\n    const v = e.target.value;\r\n    if(v === '') {\r\n      this.setStateValue('');\r\n      return;\r\n    }\r\n    let newValue;\r\n    const { isReturn  } = this.props;\r\n    if (isReturn) {\r\n      if (! tools.isSubFloat(v)) {\r\n        return;\r\n      }\r\n    } else {\r\n      if (! tools.isfloat(v)) {\r\n        return;\r\n      }\r\n    }\r\n    if (v.match(/\\./g) && v.match(/\\./g).length > 1) {\r\n      return;\r\n    }\r\n    if (\"positive\") { // 只允许输入正数\r\n      newValue = (v + '').match(/\\d+\\.?\\d*/);\r\n    } else {\r\n      newValue = (v + '').match(/^(\\-)?[(\\d*)|(\\d+\\.?\\d*)]*$/);\r\n    }\r\n    let length1 = this.props.maxLength;\r\n    let length2 = this.props.precisionLength;\r\n    if (length1 >=0 && length2 >=0) {\r\n      let v = (newValue ? newValue[0] : '') + '', v1, v2;\r\n      if (v.indexOf('-') != -1) {\r\n        v = v.slice(1, v.length);\r\n      }\r\n      v1 = v.split('.')[0];\r\n      v2 = v.split('.')[1];\r\n      if (v.length > length1 || (v2 && v2.length > length2) || (v1 && v1.length > (length1-length2-1))) {\r\n        return;\r\n      }\r\n      if (length2 == 0 && v.indexOf('.') > 0) { // 不允许小数的时候，也不允许小数点\r\n        return;\r\n      }\r\n    }\r\n    if (newValue && newValue[0]) {\r\n      newValue = newValue[0];\r\n      if( newValue!=='-' ){\r\n        const {max={}} = this.props;\r\n        const {min={}} = this.props;\r\n        if(!tools.isNull(max.value) && newValue>max.value)return\r\n        if(!tools.isNull(min.value)&& newValue<min.value)return\r\n      }\r\n      this.setStateValue( newValue  || '');\r\n    }\r\n    // this.setState({\r\n    //   value: newValue && newValue[0] || ''\r\n    // }, () => {\r\n    //   this.props.onChange && this.props.onChange(this.state.value);\r\n    // })\r\n  }\r\n\r\n  onFocus = () => {\r\n    this.props.onFocus&&this.props.onFocus();\r\n    this.input.input.select()\r\n    this.setState({\r\n        count:true\r\n    })\r\n  }\r\n\r\n  onShowPopover = () => {\r\n    this.setState({\r\n      visible: true\r\n    }, () => {\r\n      this.input.input.focus();\r\n      this.input.input.select()\r\n    })\r\n  }\r\n\r\n  /**\r\n   * 对外提供的 get 方法\r\n   */\r\n  getValue = () => {\r\n    return this.getShowValue();\r\n  }\r\n\r\n  /**\r\n   * 对外提供的 set 方法\r\n   */\r\n  setValue = (value) => {\r\n    this.setState({\r\n      value: value\r\n    })\r\n  }\r\n\r\n  onVisibleChange = (visible) => {\r\n    console.log('onVisibleChange', visible);\r\n    this.setState({\r\n      visible\r\n    })\r\n    this.props.onVisibleChange && this.props.onVisibleChange(visible);\r\n  }\r\n\r\n  onHidePopover = () => {\r\n    this.setState({\r\n      visible: false\r\n    })\r\n  }\r\n\r\n  getShowValue = () => {\r\n    return this.props.value === undefined ? this.state.value : this.props.value;\r\n  }\r\n\r\n  getKeyboardIcon = () => {\r\n    let propsVisible = this.props.show;\r\n    let isPropsVisible = propsVisible !== undefined;\r\n    let icon = isPropsVisible ? (propsVisible ? 'jianpan1' : 'jianpan2') : (this.state.visible ? 'jianpan1' : 'jianpan2');\r\n    let { popClassName = '' } = this.props;\r\n    return (\r\n      this.props.disabled ?\r\n        <Ticon className='keyboard-icon' type={icon} style={{ color: '#999' }} />\r\n        :\r\n        <Popover\r\n          placement='bottomRight'\r\n          onVisibleChange={this.onVisibleChange}\r\n          onHide={this.onHidePopover}\r\n          title={null}\r\n          // arrowOffsetTop={-200}\r\n          // arrowOffsetLeft={400}\r\n          visible={isPropsVisible ? propsVisible : this.state.visible}\r\n          content={this.getKeyboard()}\r\n          trigger='click'\r\n          overlayClassName={`num-keyboard-popover num-keyboard-popover-click ${popClassName} `} >\r\n          <Ticon className='keyboard-icon' type={icon} style={{ color: '#999'}} onClick={this.onShowPopover} />\r\n        </Popover>\r\n    )\r\n  }\r\n\r\n  render() {\r\n    let { bordered, trigger, onIconClick = () => { }, icon, className = '', popClassName = '',inputClassName='' } = this.props;\r\n    let _props = {...this.props};\r\n    delete _props.bordered;\r\n    delete _props.trigger;\r\n    delete _props.className;\r\n    delete _props.popClassName;\r\n    delete _props.icon;\r\n    delete _props.onIconClick;\r\n    delete _props.inputClassName;\r\n    delete _props.precisionLength;\r\n    delete _props.maxLength;\r\n    let value = this.getShowValue();\r\n    return (\r\n      <div className={`keyboard number-keyboard ${!bordered ? 'no-bordered' : ''} ${className}`}>\r\n        {\r\n          trigger == 'click' ?\r\n            <Input.Group>\r\n              <Input  maxLength='6'\r\n                type='password'\r\n                className={`${inputClassName} keyboard-input`}\r\n                onFocus={this.onFocus}\r\n                onChange={this.inputChange}\r\n                value={value}\r\n                placeholder={this.props && this.props.placeholder}\r\n                ref={input => this.input = input}\r\n                allowClear={this.isMobileEnvironment}\r\n                onBlur={this.props.onBlur}\r\n                suffix={!this.isMobileEnvironment &&  this.getKeyboardIcon() }\r\n              />\r\n            </Input.Group>\r\n            :\r\n            <Input.Group>\r\n              <Popover\r\n                placement='bottomRight'\r\n                onVisibleChange={this.onVisibleChange}\r\n                onHide={this.onHidePopover}\r\n                rootClose={false}\r\n                title={null}\r\n                visible={this.state.visible}\r\n                content={this.getKeyboard()}\r\n                trigger='focus'\r\n                overlayClassName={`num-keyboard-popover num-keyboard-popover-focus ${popClassName} `}\r\n              >\r\n                <Input  maxLength='6' type=\"password\" className='keyboard-input' {..._props} onBlur={this.onHidePopover} onFocus={this.onShowPopover} onChange={this.inputChange} value={value} ref={input => this.input = input}\r\n                  suffix={<Ticon className='keyboard-icon' type={icon} style={{ color: '#999' }} onClick={onIconClick} />}/>\r\n              </Popover>\r\n            </Input.Group>\r\n        }\r\n      </div>\r\n    )\r\n  }\r\n}\r\n"]}
+{"version":3,"sources":["tplus-components-touch/components/keyboard/numkeyboardPassword.js"],"names":["numkeyboardPassword","props","numClick","key","setState","visible","length1","maxLength","length2","precisionLength","value","state","indexOf","newValue","Keyboard","getNewValue","input","getShowValue","v","v1","v2","slice","length","split","setStateValue","count","getKeyboard","nums","numsKey","map","item","Math","random","bind","type","e","preventDefault","fn","onChange","name","inputChange","target","isReturn","tools","isSubFloat","isfloat","match","max","min","isNull","onFocus","select","onShowPopover","blur","focus","getValue","setValue","onVisibleChange","console","log","onHidePopover","undefined","getKeyboardIcon","propsVisible","show","isPropsVisible","icon","popClassName","disabled","color","platform","isHorizontalPad","isMobileEnvironment","defaultValue","bordered","trigger","onIconClick","className","inputClassName","_props","placeholder","onBlur","Component","propTypes","PropTypes","func","string","bool","defaultProps"],"mappings":"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","file":"numkeyboardPassword.js","sourcesContent":["import React, { Component } from 'react';\r\nimport { platform } from 'mutants-util';\r\nimport { Ticon, Keyboard } from '../../index';\r\n\r\nimport PropTypes from 'prop-types';\r\nimport { Popover, Input } from 'antd';\r\nimport tools from '../../util/tools';\r\n\r\nexport default class numkeyboardPassword extends Component {\r\n\r\n  static propTypes = {\r\n    onChange: PropTypes.func,\r\n    icon: PropTypes.string,\r\n    bordered: PropTypes.bool, // 是否要 通过 icon 来触发键盘弹出\r\n    popClassName: PropTypes.string, // 键盘弹出框的 className\r\n    onIconClick: PropTypes.func\r\n  }\r\n\r\n  static defaultProps = {\r\n    trigger: 'click',\r\n    bordered: false,\r\n    icon: 'jianpan'\r\n  }\r\n\r\n  constructor(props) {\r\n    super();\r\n    this.state = {\r\n      visible: false,\r\n      value: props.value || '',\r\n      count: false\r\n    }\r\n    const { isHorizontalPad } = platform || {};\r\n    this.isMobileEnvironment = !!isHorizontalPad;\r\n  }\r\n\r\n  componentDidMount() {\r\n    this.setState({\r\n      value: this.props.defaultValue || ''\r\n    })\r\n  }\r\n\r\n  numClick = (key) => {\r\n    // let newValue = Keyboard.getNewValue(this.input.input, this.getShowValue(), key, true);\r\n    // this.setStateValue(newValue);\r\n\r\n    if (key == 'sure') {\r\n    //   if (this.props.handleOk) {\r\n        // let result = this.props.handleOk(this.state.value);\r\n        // if (result) {\r\n          this.setState({\r\n            visible: false\r\n          })\r\n        // }\r\n    //   }\r\n      return;\r\n    }\r\n    let length1 = this.props.maxLength;\r\n    let length2 = this.props.precisionLength;\r\n    if (length2 == 0 && key == '.') {\r\n      return;\r\n    }\r\n    let value = this.state.value + '';\r\n    if (value == '' && key == '.') { // 不允许小数的时候，也不允许小数点\r\n      return;\r\n    }\r\n    if ((value + '').indexOf('.') > 0 && key == '.') {\r\n      return;\r\n    }\r\n\r\n    let newValue = Keyboard.getNewValue(this.input.input, this.getShowValue(), key, true);\r\n\r\n    if (length1 && length2) {\r\n      let v = newValue, v1, v2;\r\n      if (value.indexOf('-') != -1) {\r\n        v = value.slice(1, value.length);\r\n      }\r\n      v1 = v.split('.')[0];\r\n      v2 = v.split('.')[1];\r\n      if (v.length > length1 || (v2 && v2.length > length2) || (v1 && v1.length > (length1-length2-1))) {\r\n        return;\r\n      }\r\n    }\r\n\r\n    if (this.state.value.length === 6) {\r\n        if (key === \"clear\") {\r\n            this.setStateValue(newValue);\r\n        } else if (this.state.count) {\r\n            this.setStateValue(newValue);\r\n            this.setState({\r\n                count: false\r\n            })\r\n        }\r\n    } else {\r\n        this.setStateValue(newValue);\r\n    }\r\n\r\n\r\n    // this.setState({\r\n    //   value: newValue\r\n    // }, () => {\r\n    //   this.props.onChange && this.props.onChange(this.state.value);\r\n    // })\r\n  }\r\n\r\n  getKeyboard = () => {\r\n    let nums = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '0', '00', '.'];\r\n    let numsKey = nums.map((item) => <div className='num key' key={item + Math.random()} onClick={this.numClick.bind(this, item)}>{item}</div>)\r\n    let {type} = this.props;\r\n    return (\r\n      <div className='clearfix' onMouseDown={e => e.preventDefault()}>\r\n\r\n        <div className=\"nums clearfix\">\r\n          {numsKey}\r\n        </div>\r\n        <div className=\"dels clearfix\">\r\n          <div className=\"del key\" onClick={this.numClick.bind(this, 'delete')}>\r\n            <Ticon type='tuige' />\r\n          </div>\r\n          {\r\n            type == 'password' ?\r\n            <React.Fragment>\r\n              <div className={`del key sure positive`} onClick={this.numClick.bind(this, 'clear')}>清<br /><br />空</div>\r\n            </React.Fragment>\r\n            :\r\n            null\r\n          }\r\n          {\r\n            <React.Fragment>\r\n              <div className=\"del key\" onClick={this.numClick.bind(this, 'clear')}>清空</div>\r\n              <div className={`del key sure real-sure`} onClick={this.numClick.bind(this, 'sure')}>确<br /><br />定</div>\r\n            </React.Fragment>\r\n          }\r\n          {\r\n            // <React.Fragment>\r\n            //   <div className=\"del key\" onClick={this.numClick.bind(this, '-')}>—</div>\r\n            //   <div className={`del key sure`} onClick={this.numClick.bind(this, 'clear')}>清<br />空</div>\r\n            // </React.Fragment>\r\n          }\r\n        </div>\r\n      </div>\r\n    )\r\n  }\r\n\r\n  setStateValue = (value, fn) => {\r\n    this.setState({\r\n      value: value\r\n    }, () => {\r\n      if (this.props.onChange) {\r\n        this.props.onChange(this.getShowValue(), this.props.name);\r\n      }\r\n      if (fn && typeof fn == 'function') fn();\r\n    })\r\n  }\r\n\r\n  inputChange = (e) => {\r\n    const v = e.target.value;\r\n    if(v === '') {\r\n      this.setStateValue('');\r\n      return;\r\n    }\r\n    let newValue;\r\n    const { isReturn  } = this.props;\r\n    if (isReturn) {\r\n      if (! tools.isSubFloat(v)) {\r\n        return;\r\n      }\r\n    } else {\r\n      if (! tools.isfloat(v)) {\r\n        return;\r\n      }\r\n    }\r\n    if (v.match(/\\./g) && v.match(/\\./g).length > 1) {\r\n      return;\r\n    }\r\n    if (\"positive\") { // 只允许输入正数\r\n      newValue = (v + '').match(/\\d+\\.?\\d*/);\r\n    } else {\r\n      newValue = (v + '').match(/^(\\-)?[(\\d*)|(\\d+\\.?\\d*)]*$/);\r\n    }\r\n    let length1 = this.props.maxLength;\r\n    let length2 = this.props.precisionLength;\r\n    if (length1 >=0 && length2 >=0) {\r\n      let v = (newValue ? newValue[0] : '') + '', v1, v2;\r\n      if (v.indexOf('-') != -1) {\r\n        v = v.slice(1, v.length);\r\n      }\r\n      v1 = v.split('.')[0];\r\n      v2 = v.split('.')[1];\r\n      if (v.length > length1 || (v2 && v2.length > length2) || (v1 && v1.length > (length1-length2-1))) {\r\n        return;\r\n      }\r\n      if (length2 == 0 && v.indexOf('.') > 0) { // 不允许小数的时候，也不允许小数点\r\n        return;\r\n      }\r\n    }\r\n    if (newValue && newValue[0]) {\r\n      newValue = newValue[0];\r\n      if( newValue!=='-' ){\r\n        const {max={}} = this.props;\r\n        const {min={}} = this.props;\r\n        if(!tools.isNull(max.value) && newValue>max.value)return\r\n        if(!tools.isNull(min.value)&& newValue<min.value)return\r\n      }\r\n      this.setStateValue( newValue  || '');\r\n    }\r\n    // this.setState({\r\n    //   value: newValue && newValue[0] || ''\r\n    // }, () => {\r\n    //   this.props.onChange && this.props.onChange(this.state.value);\r\n    // })\r\n  }\r\n\r\n  onFocus = () => {\r\n    this.props.onFocus&&this.props.onFocus();\r\n    this.input.input.select()\r\n    this.setState({\r\n        count:true,\r\n        visible: true\r\n    })\r\n  }\r\n\r\n  onShowPopover = () => {\r\n    if (this.state.visible) {\r\n      this.input.input.blur()\r\n    } else {\r\n      this.input.input.focus();\r\n      this.input.input.select()\r\n    }\r\n    // this.setState({\r\n    //   visible: true\r\n    // }, () => {\r\n    //   this.input.input.focus();\r\n    //   this.input.input.select()\r\n    // })\r\n  }\r\n\r\n  /**\r\n   * 对外提供的 get 方法\r\n   */\r\n  getValue = () => {\r\n    return this.getShowValue();\r\n  }\r\n\r\n  /**\r\n   * 对外提供的 set 方法\r\n   */\r\n  setValue = (value) => {\r\n    this.setState({\r\n      value: value\r\n    })\r\n  }\r\n\r\n  onVisibleChange = (visible) => {\r\n    console.log('onVisibleChange', visible);\r\n    this.setState({\r\n      visible\r\n    })\r\n    this.props.onVisibleChange && this.props.onVisibleChange(visible);\r\n  }\r\n\r\n  onHidePopover = () => {\r\n    this.setState({\r\n      visible: false\r\n    })\r\n  }\r\n\r\n  getShowValue = () => {\r\n    return this.props.value === undefined ? this.state.value : this.props.value;\r\n  }\r\n\r\n  getKeyboardIcon = () => {\r\n    let propsVisible = this.props.show;\r\n    let isPropsVisible = propsVisible !== undefined;\r\n    let icon = isPropsVisible ? (propsVisible ? 'jianpan1' : 'jianpan2') : (this.state.visible ? 'jianpan1' : 'jianpan2');\r\n    let { popClassName = '' } = this.props;\r\n    return (\r\n      this.props.disabled ?\r\n        <Ticon className='keyboard-icon' type={icon} style={{ color: '#999' }} />\r\n        :\r\n        <Popover\r\n          placement='bottomRight'\r\n          onVisibleChange={this.onVisibleChange}\r\n          onHide={this.onHidePopover}\r\n          title={null}\r\n          // arrowOffsetTop={-200}\r\n          // arrowOffsetLeft={400}\r\n          visible={isPropsVisible ? propsVisible : this.state.visible}\r\n          content={this.getKeyboard()}\r\n          trigger='click'\r\n          overlayClassName={`num-keyboard-popover num-keyboard-popover-click ${popClassName} `} >\r\n          <Ticon className='keyboard-icon' type={icon} style={{ color: '#999'}} onClick={this.onShowPopover} />\r\n        </Popover>\r\n    )\r\n  }\r\n\r\n  render() {\r\n    let { bordered, trigger, onIconClick = () => { }, icon, className = '', popClassName = '',inputClassName='' } = this.props;\r\n    let _props = {...this.props};\r\n    delete _props.bordered;\r\n    delete _props.trigger;\r\n    delete _props.className;\r\n    delete _props.popClassName;\r\n    delete _props.icon;\r\n    delete _props.onIconClick;\r\n    delete _props.inputClassName;\r\n    delete _props.precisionLength;\r\n    delete _props.maxLength;\r\n    let value = this.getShowValue();\r\n    return (\r\n      <div className={`keyboard number-keyboard ${!bordered ? 'no-bordered' : ''} ${className}`}>\r\n        {\r\n          trigger == 'click' ?\r\n            <Input.Group className='keybord-icon-focus'>\r\n              <Input  maxLength='6'\r\n                type='password'\r\n                className={`${inputClassName} keyboard-input`}\r\n                onFocus={this.onFocus}\r\n                onChange={this.inputChange}\r\n                value={value}\r\n                placeholder={this.props && this.props.placeholder}\r\n                ref={input => this.input = input}\r\n                allowClear={this.isMobileEnvironment}\r\n                onBlur={this.props.onBlur}\r\n                // suffix={!this.isMobileEnvironment &&  this.getKeyboardIcon() }\r\n              />\r\n              {!this.isMobileEnvironment &&  this.getKeyboardIcon() }\r\n            </Input.Group>\r\n            :\r\n            <Input.Group>\r\n              <Popover\r\n                placement='bottomRight'\r\n                onVisibleChange={this.onVisibleChange}\r\n                onHide={this.onHidePopover}\r\n                rootClose={false}\r\n                title={null}\r\n                visible={this.state.visible}\r\n                content={this.getKeyboard()}\r\n                trigger='focus'\r\n                overlayClassName={`num-keyboard-popover num-keyboard-popover-focus ${popClassName} `}\r\n              >\r\n                <Input  maxLength='6' type=\"password\" className='keyboard-input' {..._props} onBlur={this.onHidePopover} onFocus={this.onShowPopover} onChange={this.inputChange} value={value} ref={input => this.input = input}\r\n                  suffix={<Ticon className='keyboard-icon' type={icon} style={{ color: '#999' }} onClick={onIconClick} />}/>\r\n              </Popover>\r\n            </Input.Group>\r\n        }\r\n      </div>\r\n    )\r\n  }\r\n}\r\n"]}