tplus-components-touch 3.27.40 → 3.27.44

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

@@ -1 +1 @@
-{"version":3,"sources":["tplus-components-touch/components/input/index.js"],"names":["Option","map","defaultClass","Input","props","context","state","onFocus","e","setState","inputFocus","onBlur","changeScanProduct","scanObj","startScan","onScanResult","val","handleChange","handleOk","platform","isHorizontalPad","isMobileEnvironment","className","State","Label","Title","IsScan","Value","SingleShow","Style","InputStyle","tplusInput","ControlType","type","type1","precisionLength","maxLength","inputClassName","autocomplete","isShowScan","scan","value","Component","propTypes","PropTypes","string","bool","object","defaultProps"],"mappings":"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","file":"index.js","sourcesContent":["/*\n field{\n    Title:'' title\n    State:'' input状态\n    SingleShow：boolean  input如何显示 （带框还是只是展示）\n }\n*/\n\nimport React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { Select } from 'antd';\nimport { platform } from 'mutants-util';\nimport TplusInput from './tplusInput';\nimport Ticon from '../ticon';\nimport Scan from '../scan';\nimport NumKeyboard from '../keyboard/numKeyboard';\nimport './style.less';\n\nconst {Option} = Select;\n\nconst map = {\n    'error': 'inputerror ',\n    'tip': 'inputtip ',\n}\nconst defaultClass = 'input-wrapper-2 '\n\nexport default class Input extends Component {\n    constructor(props, context) {\n        super(props, context)\n        const { isHorizontalPad } = platform || {};\n        this.isMobileEnvironment = !!isHorizontalPad;\n    }\n\n    static propTypes={\n        className:PropTypes.string,//外层元素类名\n        State:PropTypes.string,//input 状态  （错误error /提示tip）\n        Label:PropTypes.string,//提示信息：label\n        Title:PropTypes.string,//左侧title\n        Value:PropTypes.string,//值\n        SingleShow:PropTypes.bool,//input 或者 展示文字\n        Style:PropTypes.object,//展示文字的 style\n        InputStyle:PropTypes.object,//input的style\n        ControlType:PropTypes.string,//空间类型：字符型\n        type1:PropTypes.string//：数字取值范围 （正负）\n    }\n\n    static defaultProps={\n        className:'',\n        State:'',\n        Label:'',\n        Title:'',\n        Value:'',\n        SingleShow:false,\n        Style:{},\n        InputStyle:{},\n        onFocus: () => {},\n        onBlur: () => {},\n    }\n\n    state = {};\n\n    onFocus = (e) => {\n      const {onFocus} = this.props;\n      onFocus(e);\n      this.setState({inputFocus: true});\n    }\n\n    onBlur = (e) => {\n      const {onBlur} = this.props;\n      onBlur(e);\n      this.setState({inputFocus: false});\n    }\n\n    //移动端：扫描商品\n    changeScanProduct = () => {\n        if (this.scanObj) this.scanObj.startScan()\n    }\n    onScanResult = (val) => {\n        const { handleChange, handleOk } = this.props;\n        handleChange && handleChange(val);\n        handleOk && handleOk();\n    }\n\n    render(){\n        let { className, State, Label, Title,IsScan, Value, SingleShow, Style, InputStyle, tplusInput, onFocus, onBlur, ControlType, type, type1, precisionLength, maxLength, inputClassName = '', ...props } = this.props;\n        const { inputFocus } = this.state;\n        //解决浏览器自动填充密码的问题\n        if ('password' === type) {\n            props.autocomplete = \"new-password\";\n            props.type = 'password';\n        }\n        if (tplusInput) {\n            return <TplusInput\n                className={className}\n                onFocus={onFocus}\n                onBlur={onBlur}\n                type={type}\n                {...props}\n            />\n        }\n        className = defaultClass + (map[State] || '') + className;\n        let isShowScan = (this.isMobileEnvironment && IsScan == true) ? true : false;\n        return (\n            <div className={className}>\n                {/*{*/}\n                {/*    !!Title.length &&*/}\n                {/*    <label>{Title}:</label>*/}\n                {/*}*/}\n                <div>\n                    {\n                        SingleShow ? <span className='value value-singleshow' style={Style} {...props}>{Value}</span> :\n                            ControlType !== 'NumTextBox' ?\n                                <div className={isShowScan ? 'curInput pad' : 'curInput'}>\n                                    <input\n                                        className={`value ${inputClassName} ${inputFocus ? 'b-theme' : 'inputBlurColor'}`}\n                                        style={InputStyle}\n                                        value={Value}\n                                        maxLength={maxLength ? maxLength : \"\"}\n                                        onFocus={this.onFocus}\n                                        onBlur={this.onBlur}\n                                        {...props}\n                                    />\n                                    {\n                                        isShowScan &&\n                                        <div className='curScan'>\n                                            <Ticon type='saomiao1' className='icon' onClick={this.changeScanProduct} />\n                                            <Scan ref={scan => this.scanObj = scan} onChange={value => this.onScanResult(value)} />\n                                        </div>\n                                    }\n                                </div>\n\n                                :\n                                <NumKeyboard\n                                    inputClassName={`value ${inputClassName} ${inputFocus ? 'b-theme' : ''}`}\n                                    type={type1}\n                                    defaultValue={Value}\n                                    onFocus={this.onFocus}\n                                    onBlur={this.onBlur}\n                                    precisionLength={precisionLength}\n                                    maxLength={maxLength}\n                                    {...props}\n                                />\n                    }\n                </div>\n            </div>\n\n        )\n    }\n}\n\nInput.Option = Option; //Select.Option\n"]}
+{"version":3,"sources":["tplus-components-touch/components/input/index.js"],"names":["Option","map","defaultClass","Input","props","context","state","onFocus","e","setState","inputFocus","onBlur","changeScanProduct","scanObj","startScan","onScanResult","val","handleChange","handleOk","platform","isHorizontalPad","isMobileEnvironment","className","State","Label","Title","IsScan","Value","SingleShow","Style","InputStyle","tplusInput","ControlType","type","type1","precisionLength","maxLength","inputClassName","placement","autocomplete","isShowScan","scan","value","Component","propTypes","PropTypes","string","bool","object","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAAA;;;;;;;;;;AAQA;;;;AACA;;;;AAEA;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;IAEOA,M,oBAAAA,M;;;AAEP,IAAMC,MAAM;AACR,aAAS,aADD;AAER,WAAO;AAFC,CAAZ;AAIA,IAAMC,eAAe,kBAArB;;IAEqBC,K;;;AACjB,mBAAYC,KAAZ,EAAmBC,OAAnB,EAA4B;AAAA;;AAAA,wIAClBD,KADkB,EACXC,OADW;;AAAA,cAgC5BC,KAhC4B,GAgCpB,EAhCoB;;AAAA,cAkC5BC,OAlC4B,GAkClB,UAACC,CAAD,EAAO;AAAA,gBACRD,OADQ,GACG,MAAKH,KADR,CACRG,OADQ;;AAEfA,oBAAQC,CAAR;AACA,kBAAKC,QAAL,CAAc,EAACC,YAAY,IAAb,EAAd;AACD,SAtC2B;;AAAA,cAwC5BC,MAxC4B,GAwCnB,UAACH,CAAD,EAAO;AAAA,gBACPG,MADO,GACG,MAAKP,KADR,CACPO,MADO;;AAEdA,mBAAOH,CAAP;AACA,kBAAKC,QAAL,CAAc,EAACC,YAAY,KAAb,EAAd;AACD,SA5C2B;;AAAA,cA+C5BE,iBA/C4B,GA+CR,YAAM;AACtB,gBAAI,MAAKC,OAAT,EAAkB,MAAKA,OAAL,CAAaC,SAAb;AACrB,SAjD2B;;AAAA,cAkD5BC,YAlD4B,GAkDb,UAACC,GAAD,EAAS;AAAA,8BACe,MAAKZ,KADpB;AAAA,gBACZa,YADY,eACZA,YADY;AAAA,gBACEC,QADF,eACEA,QADF;;AAEpBD,4BAAgBA,aAAaD,GAAb,CAAhB;AACAE,wBAAYA,UAAZ;AACH,SAtD2B;;AAAA,mBAEIC,yBAAY,EAFhB;AAAA,YAEhBC,eAFgB,QAEhBA,eAFgB;;AAGxB,cAAKC,mBAAL,GAA2B,CAAC,CAACD,eAA7B;AAHwB;AAI3B;;AA0CD;;;;;iCAUQ;AAAA;;AAAA,yBAC+N,KAAKhB,KADpO;AAAA,gBACEkB,SADF,UACEA,SADF;AAAA,gBACaC,KADb,UACaA,KADb;AAAA,gBACoBC,KADpB,UACoBA,KADpB;AAAA,gBAC2BC,KAD3B,UAC2BA,KAD3B;AAAA,gBACiCC,MADjC,UACiCA,MADjC;AAAA,gBACyCC,KADzC,UACyCA,KADzC;AAAA,gBACgDC,UADhD,UACgDA,UADhD;AAAA,gBAC4DC,KAD5D,UAC4DA,KAD5D;AAAA,gBACmEC,UADnE,UACmEA,UADnE;AAAA,gBAC+EC,UAD/E,UAC+EA,UAD/E;AAAA,gBAC2FxB,OAD3F,UAC2FA,OAD3F;AAAA,gBACoGI,MADpG,UACoGA,MADpG;AAAA,gBAC4GqB,WAD5G,UAC4GA,WAD5G;AAAA,gBACyHC,IADzH,UACyHA,IADzH;AAAA,gBAC+HC,KAD/H,UAC+HA,KAD/H;AAAA,gBACsIC,eADtI,UACsIA,eADtI;AAAA,gBACuJC,SADvJ,UACuJA,SADvJ;AAAA,+CACkKC,cADlK;AAAA,gBACkKA,cADlK,yCACmL,EADnL;AAAA,0CACuLC,SADvL;AAAA,gBACuLA,SADvL,oCACmM,aADnM;AAAA,gBACqNlC,KADrN;AAAA,gBAEIM,UAFJ,GAEmB,KAAKJ,KAFxB,CAEII,UAFJ;AAGJ;;AACA,gBAAI,eAAeuB,IAAnB,EAAyB;AACrB7B,sBAAMmC,YAAN,GAAqB,cAArB;AACAnC,sBAAM6B,IAAN,GAAa,UAAb;AACH;AACD,gBAAIF,UAAJ,EAAgB;AACZ,uBAAO,8BAAC,oBAAD;AACH,+BAAWT,SADR;AAEH,6BAASf,OAFN;AAGH,4BAAQI,MAHL;AAIH,0BAAMsB;AAJH,mBAKC7B,KALD,EAAP;AAOH;AACDkB,wBAAYpB,gBAAgBD,IAAIsB,KAAJ,KAAc,EAA9B,IAAoCD,SAAhD;AACA,gBAAIkB,aAAc,KAAKnB,mBAAL,IAA4BK,UAAU,IAAvC,GAA+C,IAA/C,GAAsD,KAAvE;AACA,mBACI;AAAA;AAAA,kBAAK,WAAWJ,SAAhB;AAKI;AAAA;AAAA;AAEQM,iCAAa;AAAA;AAAA,iDAAM,WAAU,wBAAhB,EAAyC,OAAOC,KAAhD,IAA2DzB,KAA3D;AAAmEuB;AAAnE,qBAAb,GACIK,gBAAgB,YAAhB,GACI;AAAA;AAAA,0BAAK,WAAWQ,aAAa,cAAb,GAA8B,UAA9C;AACI;AACI,kDAAoBH,cAApB,UAAsC3B,aAAa,SAAb,GAAyB,gBAA/D,CADJ;AAEI,mCAAOoB,UAFX;AAGI,mCAAOH,KAHX;AAII,uCAAWS,YAAYA,SAAZ,GAAwB,EAJvC;AAKI,qCAAS,KAAK7B,OALlB;AAMI,oCAAQ,KAAKI;AANjB,2BAOQP,KAPR,EADJ;AAWQoC,sCACA;AAAA;AAAA,8BAAK,WAAU,SAAf;AACI,0DAAC,eAAD,IAAO,MAAK,UAAZ,EAAuB,WAAU,MAAjC,EAAwC,SAAS,KAAK5B,iBAAtD,GADJ;AAEI,0DAAC,cAAD,IAAM,KAAK;AAAA,2CAAQ,OAAKC,OAAL,GAAe4B,IAAvB;AAAA,iCAAX,EAAwC,UAAU;AAAA,2CAAS,OAAK1B,YAAL,CAAkB2B,KAAlB,CAAT;AAAA,iCAAlD;AAFJ;AAZR,qBADJ,GAqBI,8BAAC,qBAAD;AACI,mDAAyBL,cAAzB,UAA2C3B,aAAa,SAAb,GAAyB,EAApE,CADJ;AAEI,mCAAW4B,SAFf;AAGI,8BAAMJ,KAHV;AAII,sCAAcP,KAJlB;AAKI,iCAAS,KAAKpB,OALlB;AAMI,gCAAQ,KAAKI,MANjB;AAOI,yCAAiBwB,eAPrB;AAQI,mCAAWC;AARf,uBASQhC,KATR;AAxBhB;AALJ,aADJ;AA8CH;;;EA1H8BuC,gB,UAOxBC,S,GAAU;AACbtB,eAAUuB,oBAAUC,MADP,EACc;AAC3BvB,WAAMsB,oBAAUC,MAFH,EAEU;AACvBtB,WAAMqB,oBAAUC,MAHH,EAGU;AACvBrB,WAAMoB,oBAAUC,MAJH,EAIU;AACvBnB,WAAMkB,oBAAUC,MALH,EAKU;AACvBlB,gBAAWiB,oBAAUE,IANR,EAMa;AAC1BlB,WAAMgB,oBAAUG,MAPH,EAOU;AACvBlB,gBAAWe,oBAAUG,MARR,EAQe;AAC5BhB,iBAAYa,oBAAUC,MATT,EASgB;AAC7BZ,WAAMW,oBAAUC,MAVH,CAUS;AAVT,C,SAaVG,Y,GAAa;AAChB3B,eAAU,EADM;AAEhBC,WAAM,EAFU;AAGhBC,WAAM,EAHU;AAIhBC,WAAM,EAJU;AAKhBE,WAAM,EALU;AAMhBC,gBAAW,KANK;AAOhBC,WAAM,EAPU;AAQhBC,gBAAW,EARK;AAShBvB,aAAS,mBAAM,CAAE,CATD;AAUhBI,YAAQ,kBAAM,CAAE;AAVA,C;kBApBHR,K;;;AA6HrBA,MAAMH,MAAN,GAAeA,MAAf,C,CAAuB","file":"index.js","sourcesContent":["/*\n field{\n    Title:'' title\n    State:'' input状态\n    SingleShow：boolean  input如何显示 （带框还是只是展示）\n }\n*/\n\nimport React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { Select } from 'antd';\nimport { platform } from 'mutants-util';\nimport TplusInput from './tplusInput';\nimport Ticon from '../ticon';\nimport Scan from '../scan';\nimport NumKeyboard from '../keyboard/numKeyboard';\nimport './style.less';\n\nconst {Option} = Select;\n\nconst map = {\n    'error': 'inputerror ',\n    'tip': 'inputtip ',\n}\nconst defaultClass = 'input-wrapper-2 '\n\nexport default class Input extends Component {\n    constructor(props, context) {\n        super(props, context)\n        const { isHorizontalPad } = platform || {};\n        this.isMobileEnvironment = !!isHorizontalPad;\n    }\n\n    static propTypes={\n        className:PropTypes.string,//外层元素类名\n        State:PropTypes.string,//input 状态  （错误error /提示tip）\n        Label:PropTypes.string,//提示信息：label\n        Title:PropTypes.string,//左侧title\n        Value:PropTypes.string,//值\n        SingleShow:PropTypes.bool,//input 或者 展示文字\n        Style:PropTypes.object,//展示文字的 style\n        InputStyle:PropTypes.object,//input的style\n        ControlType:PropTypes.string,//空间类型：字符型\n        type1:PropTypes.string//：数字取值范围 （正负）\n    }\n\n    static defaultProps={\n        className:'',\n        State:'',\n        Label:'',\n        Title:'',\n        Value:'',\n        SingleShow:false,\n        Style:{},\n        InputStyle:{},\n        onFocus: () => {},\n        onBlur: () => {},\n    }\n\n    state = {};\n\n    onFocus = (e) => {\n      const {onFocus} = this.props;\n      onFocus(e);\n      this.setState({inputFocus: true});\n    }\n\n    onBlur = (e) => {\n      const {onBlur} = this.props;\n      onBlur(e);\n      this.setState({inputFocus: false});\n    }\n\n    //移动端：扫描商品\n    changeScanProduct = () => {\n        if (this.scanObj) this.scanObj.startScan()\n    }\n    onScanResult = (val) => {\n        const { handleChange, handleOk } = this.props;\n        handleChange && handleChange(val);\n        handleOk && handleOk();\n    }\n\n    render(){\n        let { className, State, Label, Title,IsScan, Value, SingleShow, Style, InputStyle, tplusInput, onFocus, onBlur, ControlType, type, type1, precisionLength, maxLength, inputClassName = '', placement = 'bottomRight', ...props } = this.props;\n        const { inputFocus } = this.state;\n        //解决浏览器自动填充密码的问题\n        if ('password' === type) {\n            props.autocomplete = \"new-password\";\n            props.type = 'password';\n        }\n        if (tplusInput) {\n            return <TplusInput\n                className={className}\n                onFocus={onFocus}\n                onBlur={onBlur}\n                type={type}\n                {...props}\n            />\n        }\n        className = defaultClass + (map[State] || '') + className;\n        let isShowScan = (this.isMobileEnvironment && IsScan == true) ? true : false;\n        return (\n            <div className={className}>\n                {/*{*/}\n                {/*    !!Title.length &&*/}\n                {/*    <label>{Title}:</label>*/}\n                {/*}*/}\n                <div>\n                    {\n                        SingleShow ? <span className='value value-singleshow' style={Style} {...props}>{Value}</span> :\n                            ControlType !== 'NumTextBox' ?\n                                <div className={isShowScan ? 'curInput pad' : 'curInput'}>\n                                    <input\n                                        className={`value ${inputClassName} ${inputFocus ? 'b-theme' : 'inputBlurColor'}`}\n                                        style={InputStyle}\n                                        value={Value}\n                                        maxLength={maxLength ? maxLength : \"\"}\n                                        onFocus={this.onFocus}\n                                        onBlur={this.onBlur}\n                                        {...props}\n                                    />\n                                    {\n                                        isShowScan &&\n                                        <div className='curScan'>\n                                            <Ticon type='saomiao1' className='icon' onClick={this.changeScanProduct} />\n                                            <Scan ref={scan => this.scanObj = scan} onChange={value => this.onScanResult(value)} />\n                                        </div>\n                                    }\n                                </div>\n\n                                :\n                                <NumKeyboard\n                                    inputClassName={`value ${inputClassName} ${inputFocus ? 'b-theme' : ''}`}\n                                    placement={placement}\n                                    type={type1}\n                                    defaultValue={Value}\n                                    onFocus={this.onFocus}\n                                    onBlur={this.onBlur}\n                                    precisionLength={precisionLength}\n                                    maxLength={maxLength}\n                                    {...props}\n                                />\n                    }\n                </div>\n            </div>\n\n        )\n    }\n}\n\nInput.Option = Option; //Select.Option\n"]}

package/dist/components/input/scanInput.less

@@ -20,9 +20,12 @@
     .icon{
         width: 10%;
         text-align: right;
-        padding-right: 5px;
         i{
+            padding: 10px 10px;
             font-size: 20px;
         }
     }
+    .ant-input {
+        border: none;
+    }
 }

package/dist/components/keyboard/index.js

@@ -197,9 +197,13 @@ var Keyboard = (_temp2 = _class = function (_Component) {
   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) {
@@ -211,7 +215,7 @@ var Keyboard = (_temp2 = _class = function (_Component) {
 
       var html = !isMobileEnvironment ? _react2.default.createElement(
         'div',
-        { className: 'modal-container z-letter-keyboard-modal' },
+        { className: 'modal-container z-letter-keyboard-modal', style: { bottom: bottom } },
         _react2.default.createElement(
           'div',
           { className: 'z-letter-keyboard-modal-body modal-body' },

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

@@ -1 +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","isMobileEnvironment","platform","isHorizontalPad","android_setKeyBoard","isShowAndroidKeyBoard","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) => {\n    //在移动端的情况下，不允许打开自定义键盘。\n    let isMobileEnvironment = platform && (platform.isHorizontalPad === true) || (window.android_setKeyBoard && window.android_setKeyBoard.isShowAndroidKeyBoard);\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'>\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}"]}
+{"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/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":["/**\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    this.input.input.focus();\n  }\n\n  handleOk = (e) => {\n    this.props.handleOk && this.props.handleOk(this.getShowValue());\n    this.showModal();\n  }\n\n  handleCancel = (e) => {\n    this.props.handleCancel && this.props.handleCancel(this.getShowValue());\n    this.showModal()\n  }\n\n  setStateValue = (key) => {\n    let newValue = Keyboard.getNewValue(this.input.input, this.getShowValue(), key);\n    this.setState({\n      value: newValue\n    }, () => {\n      this.props.onChange && this.props.onChange(newValue);\n    })\n  }\n\n  getKeyboardIcon = () => {\n    return (\n      this.state.visible ?\n        <Ticon type='jianpan1' style={{ color: '#999' }} />\n        :\n        <Ticon type='jianpan2' style={{ color: '#999' }} />\n    )\n  }\n\n  iconShowModal = () => {\n    if (this.props.disabled) {\n      return;\n    }\n    this.showModal();\n  }\n\n  getShowValue = () => {\n    return this.props.value == undefined ? this.state.value : this.props.value;\n  }\n\n  inputBlur = () => {\n    this.setState({\n      visible: false\n    })\n  }\n\n  inputFocus = () => {\n    this.props.onFocus && this.props.onFocus(this.input)\n    if (this.props.which == 'icon') {\n      return;\n    }\n    this.showModal();\n  }\n\n  inputKeyDown = (e) => {\n    if (e.keyCode == 13) { // 按下回车按钮\n      this.props.handleEnter && this.props.handleEnter(this.getShowValue());\n    }\n  }\n\n  componentDidMount() {\n    this.props.onRef && this.props.onRef(this);\n  }\n\n  render() {\n    let { prefix, which, onRef, ...props } = { ...this.props };\n    let value = this.getShowValue();\n    return (\n      <div className='keyboard'>\n        {\n          <Input.Group className='keyboard-input'>\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          </Input.Group>\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}"]}
+{"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}"]}

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,15 +282,16 @@ 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 () {
-      _this.setState({
-        visible: true
-      }, function () {
+      if (_this.state.visible) {
+        _this.input.input.blur();
+      } else {
         _this.input.input.focus();
         _this.input.input.select();
-      });
+      }
     };
 
     _this.getValue = function () {
@@ -322,13 +326,16 @@ var NumKeyboard = (_temp = _class = function (_Component) {
       var propsVisible = _this.props.show;
       var isPropsVisible = propsVisible !== undefined;
       var icon = isPropsVisible ? propsVisible ? 'jianpan1' : 'jianpan2' : _this.state.visible ? 'jianpan1' : 'jianpan2';
-      var _this$props$popClassN = _this.props.popClassName,
-          popClassName = _this$props$popClassN === undefined ? '' : _this$props$popClassN;
+      var _this$props = _this.props,
+          _this$props$popClassN = _this$props.popClassName,
+          popClassName = _this$props$popClassN === undefined ? '' : _this$props$popClassN,
+          _this$props$placement = _this$props.placement,
+          placement = _this$props$placement === undefined ? 'bottomRight' : _this$props$placement;
 
       return _this.props.disabled ? _react2.default.createElement(_index.Ticon, { className: 'keyboard-icon', type: icon, style: { color: '#999' } }) : _react2.default.createElement(
         _popover2.default,
         {
-          placement: 'bottomRight',
+          placement: placement,
           onVisibleChange: _this.onVisibleChange,
           onHide: _this.onHidePopover,
           title: null
@@ -387,7 +394,9 @@ var NumKeyboard = (_temp = _class = function (_Component) {
           _props2$popClassName = _props2.popClassName,
           popClassName = _props2$popClassName === undefined ? '' : _props2$popClassName,
           _props2$inputClassNam = _props2.inputClassName,
-          inputClassName = _props2$inputClassNam === undefined ? '' : _props2$inputClassNam;
+          inputClassName = _props2$inputClassNam === undefined ? '' : _props2$inputClassNam,
+          _props2$placement = _props2.placement,
+          placement = _props2$placement === undefined ? 'right' : _props2$placement;
 
       var _props = (0, _extends3.default)({}, this.props);
       delete _props.bordered;
@@ -405,7 +414,7 @@ var NumKeyboard = (_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, (0, _extends3.default)({ type: 'text'
           }, _props, {
             className: inputClassName + ' keyboard-input',
@@ -415,16 +424,17 @@ var NumKeyboard = (_temp = _class = function (_Component) {
             ref: function ref(input) {
               return _this2.input = input;
             },
-            allowClear: this.isMobileEnvironment,
-            suffix: !this.isMobileEnvironment && this.getKeyboardIcon()
-          }))
+            allowClear: this.isMobileEnvironment
+            // suffix={!this.isMobileEnvironment &&  this.getKeyboardIcon() }
+          })),
+          !this.isMobileEnvironment && this.getKeyboardIcon()
         ) : _react2.default.createElement(
           _input2.default.Group,
           null,
           _react2.default.createElement(
             _popover2.default,
             {
-              placement: 'bottomRight',
+              placement: placement,
               onVisibleChange: this.onVisibleChange,
               onHide: this.onHidePopover,
               rootClose: false,