npm - tplus-components-touch - Versions diffs - 3.36.3 → 3.36.6 - Mend

tplus-components-touch 3.36.3 → 3.36.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (38) hide show

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

	@@ -1 +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":["/\r\n field{\r\n Title:'' title\r\n State:'' input状态\r\n SingleShow：boolean input如何显示（带框还是只是展示）\r\n }\r\n/\r\n\r\nimport React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Select } from 'antd';\r\nimport { platform } from 'mutants-util';\r\nimport TplusInput from './tplusInput';\r\nimport Ticon from '../ticon';\r\nimport Scan from '../scan';\r\nimport NumKeyboard from '../keyboard/numKeyboard';\r\nimport './style.less';\r\n\r\nconst {Option} = Select;\r\n\r\nconst map = {\r\n 'error': 'inputerror ',\r\n 'tip': 'inputtip ',\r\n}\r\nconst defaultClass = 'input-wrapper-2 '\r\n\r\nexport default class Input extends Component {\r\n constructor(props, context) {\r\n super(props, context)\r\n const { isHorizontalPad } = platform \|\| {};\r\n this.isMobileEnvironment = !!isHorizontalPad;\r\n }\r\n\r\n static propTypes={\r\n className:PropTypes.string,//外层元素类名\r\n State:PropTypes.string,//input 状态（错误error /提示tip）\r\n Label:PropTypes.string,//提示信息：label\r\n Title:PropTypes.string,//左侧title\r\n Value:PropTypes.string,//值\r\n SingleShow:PropTypes.bool,//input 或者展示文字\r\n Style:PropTypes.object,//展示文字的 style\r\n InputStyle:PropTypes.object,//input的style\r\n ControlType:PropTypes.string,//空间类型：字符型\r\n type1:PropTypes.string//：数字取值范围（正负）\r\n }\r\n\r\n static defaultProps={\r\n className:'',\r\n State:'',\r\n Label:'',\r\n Title:'',\r\n Value:'',\r\n SingleShow:false,\r\n Style:{},\r\n InputStyle:{},\r\n onFocus: () => {},\r\n onBlur: () => {},\r\n }\r\n\r\n state = {};\r\n\r\n onFocus = (e) => {\r\n const {onFocus} = this.props;\r\n onFocus(e);\r\n this.setState({inputFocus: true});\r\n }\r\n\r\n onBlur = (e) => {\r\n const {onBlur} = this.props;\r\n onBlur(e);\r\n this.setState({inputFocus: false});\r\n }\r\n\r\n //移动端：扫描商品\r\n changeScanProduct = () => {\r\n if (this.scanObj) this.scanObj.startScan()\r\n }\r\n onScanResult = (val) => {\r\n const { handleChange, handleOk } = this.props;\r\n handleChange && handleChange(val);\r\n handleOk && handleOk();\r\n }\r\n\r\n render(){\r\n let { className, State, Label, Title,IsScan, Value, SingleShow, Style, InputStyle, tplusInput, onFocus, onBlur, ControlType, type, type1, precisionLength, maxLength, inputClassName = '', ...props } = this.props;\r\n const { inputFocus } = this.state;\r\n //解决浏览器自动填充密码的问题\r\n if ('password' === type) {\r\n props.autocomplete = \"new-password\";\r\n props.type = 'password';\r\n }\r\n if (tplusInput) {\r\n return <TplusInput\r\n className={className}\r\n onFocus={onFocus}\r\n onBlur={onBlur}\r\n type={type}\r\n {...props}\r\n />\r\n }\r\n className = defaultClass + (map[State] \|\| '') + className;\r\n let isShowScan = (this.isMobileEnvironment && IsScan == true) ? true : false;\r\n return (\r\n <div className={className}>\r\n {/{/}\r\n {/* !!Title.length &&/}\r\n {/ <label>{Title}:</label>/}\r\n {/}*/}\r\n <div>\r\n {\r\n SingleShow ? <span className='value value-singleshow' style={Style} {...props}>{Value}</span> :\r\n ControlType !== 'NumTextBox' ?\r\n <div className={isShowScan ? 'curInput pad' : 'curInput'}>\r\n <input\r\n className={`value ${inputClassName} ${inputFocus ? 'b-theme' : 'inputBlurColor'}`}\r\n style={InputStyle}\r\n value={Value}\r\n maxLength={maxLength ? maxLength : \"\"}\r\n onFocus={this.onFocus}\r\n onBlur={this.onBlur}\r\n {...props}\r\n />\r\n {\r\n isShowScan &&\r\n <div className='curScan'>\r\n <Ticon type='saomiao1' className='icon' onClick={this.changeScanProduct} />\r\n <Scan ref={scan => this.scanObj = scan} onChange={value => this.onScanResult(value)} />\r\n </div>\r\n }\r\n </div>\r\n\r\n :\r\n <NumKeyboard\r\n inputClassName={`value ${inputClassName} ${inputFocus ? 'b-theme' : ''}`}\r\n type={type1}\r\n defaultValue={Value}\r\n onFocus={this.onFocus}\r\n onBlur={this.onBlur}\r\n precisionLength={precisionLength}\r\n maxLength={maxLength}\r\n {...props}\r\n />\r\n }\r\n </div>\r\n </div>\r\n\r\n )\r\n }\r\n}\r\n\r\nInput.Option = Option; //Select.Option\r\n"]}
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","placement","autocomplete","isShowScan","scan","value","Component","propTypes","PropTypes","string","bool","object","defaultProps"],"mappings":"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","file":"index.js","sourcesContent":["/\r\n field{\r\n Title:'' title\r\n State:'' input状态\r\n SingleShow：boolean input如何显示（带框还是只是展示）\r\n }\r\n/\r\n\r\nimport React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Select } from 'antd';\r\nimport { platform } from 'mutants-util';\r\nimport TplusInput from './tplusInput';\r\nimport Ticon from '../ticon';\r\nimport Scan from '../scan';\r\nimport NumKeyboard from '../keyboard/numKeyboard';\r\nimport './style.less';\r\n\r\nconst {Option} = Select;\r\n\r\nconst map = {\r\n 'error': 'inputerror ',\r\n 'tip': 'inputtip ',\r\n}\r\nconst defaultClass = 'input-wrapper-2 '\r\n\r\nexport default class Input extends Component {\r\n constructor(props, context) {\r\n super(props, context)\r\n const { isHorizontalPad } = platform \|\| {};\r\n this.isMobileEnvironment = !!isHorizontalPad;\r\n }\r\n\r\n static propTypes={\r\n className:PropTypes.string,//外层元素类名\r\n State:PropTypes.string,//input 状态（错误error /提示tip）\r\n Label:PropTypes.string,//提示信息：label\r\n Title:PropTypes.string,//左侧title\r\n Value:PropTypes.string,//值\r\n SingleShow:PropTypes.bool,//input 或者展示文字\r\n Style:PropTypes.object,//展示文字的 style\r\n InputStyle:PropTypes.object,//input的style\r\n ControlType:PropTypes.string,//空间类型：字符型\r\n type1:PropTypes.string//：数字取值范围（正负）\r\n }\r\n\r\n static defaultProps={\r\n className:'',\r\n State:'',\r\n Label:'',\r\n Title:'',\r\n Value:'',\r\n SingleShow:false,\r\n Style:{},\r\n InputStyle:{},\r\n onFocus: () => {},\r\n onBlur: () => {},\r\n }\r\n\r\n state = {};\r\n\r\n onFocus = (e) => {\r\n const {onFocus} = this.props;\r\n onFocus(e);\r\n this.setState({inputFocus: true});\r\n }\r\n\r\n onBlur = (e) => {\r\n const {onBlur} = this.props;\r\n onBlur(e);\r\n this.setState({inputFocus: false});\r\n }\r\n\r\n //移动端：扫描商品\r\n changeScanProduct = () => {\r\n if (this.scanObj) this.scanObj.startScan()\r\n }\r\n onScanResult = (val) => {\r\n const { handleChange, handleOk } = this.props;\r\n handleChange && handleChange(val);\r\n handleOk && handleOk();\r\n }\r\n\r\n render(){\r\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;\r\n const { inputFocus } = this.state;\r\n //解决浏览器自动填充密码的问题\r\n if ('password' === type) {\r\n props.autocomplete = \"new-password\";\r\n props.type = 'password';\r\n }\r\n if (tplusInput) {\r\n return <TplusInput\r\n className={className}\r\n onFocus={onFocus}\r\n onBlur={onBlur}\r\n type={type}\r\n {...props}\r\n />\r\n }\r\n className = defaultClass + (map[State] \|\| '') + className;\r\n let isShowScan = (this.isMobileEnvironment && IsScan == true) ? true : false;\r\n return (\r\n <div className={className}>\r\n {/{/}\r\n {/* !!Title.length &&/}\r\n {/ <label>{Title}:</label>/}\r\n {/}*/}\r\n <div>\r\n {\r\n SingleShow ? <span className='value value-singleshow' style={Style} {...props}>{Value}</span> :\r\n ControlType !== 'NumTextBox' ?\r\n <div className={isShowScan ? 'curInput pad' : 'curInput'}>\r\n <input\r\n className={`value ${inputClassName} ${inputFocus ? 'b-theme' : 'inputBlurColor'}`}\r\n style={InputStyle}\r\n value={Value}\r\n maxLength={maxLength ? maxLength : \"\"}\r\n onFocus={this.onFocus}\r\n onBlur={this.onBlur}\r\n {...props}\r\n />\r\n {\r\n isShowScan &&\r\n <div className='curScan'>\r\n <Ticon type='saomiao1' className='icon' onClick={this.changeScanProduct} />\r\n <Scan ref={scan => this.scanObj = scan} onChange={value => this.onScanResult(value)} />\r\n </div>\r\n }\r\n </div>\r\n\r\n :\r\n <NumKeyboard\r\n inputClassName={`value ${inputClassName} ${inputFocus ? 'b-theme' : ''}`}\r\n placement={placement}\r\n type={type1}\r\n defaultValue={Value}\r\n onFocus={this.onFocus}\r\n onBlur={this.onBlur}\r\n precisionLength={precisionLength}\r\n maxLength={maxLength}\r\n {...props}\r\n />\r\n }\r\n </div>\r\n </div>\r\n\r\n )\r\n }\r\n}\r\n\r\nInput.Option = Option; //Select.Option\r\n"]}

package/dist/components/input/scanInput.less CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

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

package/dist/components/keyboard/index.less CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAAA;;;;;;AAIA;;;;AAEA;;AACA;;;;AACA;;AACA;;;;;;IAEqBA,c;;;AACnB,0BAAYC,KAAZ,EAAmB;AAAA;;AAAA,sJACXA,KADW;;AAAA,UAkBnBC,WAlBmB,GAkBL,UAACC,CAAD,EAAO;AACnB,YAAKC,QAAL,CAAc;AACZC,eAAOF,EAAEG,MAAF,CAASD;AADJ,OAAd;AAGA,YAAKJ,KAAL,CAAWM,QAAX,IAAuB,MAAKN,KAAL,CAAWM,QAAX,CAAoBJ,EAAEG,MAAF,CAASD,KAA7B,CAAvB;AACD,KAvBkB;;AAAA,UAyBnBG,SAzBmB,GAyBP,YAAM;AAChB,YAAKJ,QAAL,CAAc;AACZK,iBAAS,CAAC,MAAKC,KAAL,CAAWD;AADT,OAAd;~~AAGA~~,~~YAAKE,KAAL,CAAWA,KAAX,CAAiBC,KAAjB;AACD,KA9BkB~~;;AAAA,~~UAgCnBC~~,~~QAhCmB~~,~~GAgCR~~,~~UAACV~~,CAAD,EAAO;AAChB,YAAKF,KAAL,~~CAAWY~~,QAAX,IAAuB,~~MAAKZ~~,KAAL,~~CAAWY~~,QAAX,CAAoB,MAAKC,YAAL,EAApB,CAAvB;AACA,~~YAAKN~~,SAAL;AACD,~~KAnCkB~~;;AAAA,~~UAqCnBO~~,~~YArCmB~~,~~GAqCJ~~,~~UAACZ~~,CAAD,EAAO;AACpB,YAAKF,KAAL,~~CAAWc~~,YAAX,IAA2B,~~MAAKd~~,KAAL,~~CAAWc~~,YAAX,CAAwB,MAAKD,YAAL,EAAxB,CAA3B;AACA,~~YAAKN~~,SAAL;AACD,~~KAxCkB~~;;AAAA,~~UA0CnBQ~~,~~aA1CmB~~,~~GA0CH~~,UAACC,GAAD,EAAS;AACvB,UAAIC,WAAWC,gBAASC,WAAT,CAAqB,~~MAAKT~~,KAAL,CAAWA,KAAhC,EAAuC,~~MAAKG~~,YAAL,EAAvC,EAA4DG,GAA5D,CAAf;AACA,~~YAAKb~~,QAAL,CAAc;AACZC,~~eAAOa~~;AADK,OAAd,EAEG,YAAM;AACP,~~cAAKjB~~,KAAL,CAAWM,QAAX,IAAuB,MAAKN,KAAL,CAAWM,QAAX,~~CAAoBW~~,QAApB,CAAvB;AACD,OAJD;AAKD,~~KAjDkB~~;;AAAA,~~UAmDnBG~~,~~eAnDmB~~,~~GAmDD~~,YAAM;AACtB,aACE,~~MAAKX~~,KAAL,CAAWD,OAAX,GACE,8BAAC,aAAD,IAAO,MAAK,UAAZ,EAAuB,OAAO,~~EAAEa~~,OAAO,MAAT,EAA9B,GADF,GAGE,8BAAC,aAAD,IAAO,MAAK,UAAZ,EAAuB,OAAO,EAAEA,OAAO,MAAT,EAA9B,GAJJ;AAMD,~~KA1DkB~~;;AAAA,~~UA4DnBC~~,~~aA5DmB~~,~~GA4DH~~,~~YAAM~~;~~AACpB~~,UAAI,MAAKtB,KAAL,CAAWuB,QAAf,EAAyB;AACvB;AACD;AACD,~~YAAKhB~~,~~SAAL~~;AACD,~~KAjEkB~~;;AAAA,~~UAmEnBM~~,~~YAnEmB~~,~~GAmEJ~~,YAAM;AACnB,aAAO,~~MAAKb~~,KAAL,CAAWI,KAAX,~~IAAoBoB~~,SAApB,GAAgC,~~MAAKf~~,KAAL,CAAWL,KAA3C,GAAmD,MAAKJ,KAAL,CAAWI,KAArE;AACD,~~KArEkB~~;;AAAA,~~UAuEnBqB~~,~~SAvEmB~~,~~GAuEP~~,YAAM;AAChB,~~YAAKtB~~,QAAL,CAAc;AACZK,iBAAS;AADG,OAAd;AAGD,~~KA3EkB~~;;AAAA,~~UA6EnBkB~~,~~UA7EmB~~,~~GA6EN~~,YAAM;AACjB,~~YAAK1B~~,KAAL,~~CAAW2B~~,OAAX,IAAsB,~~MAAK3B~~,KAAL,~~CAAW2B~~,OAAX,CAAmB,~~MAAKjB~~,KAAxB,CAAtB;AACA,~~UAAI~~,~~MAAKV~~,~~KAAL~~,~~CAAW4B~~,~~KAAX~~,~~IAAoB,MAAxB,EAAgC~~;~~AAC9B;~~AACD~~;AACD~~,~~YAAKrB,SAAL;AACD,KAnFkB~~;;AAAA,~~UAqFnBsB~~,~~YArFmB~~,~~GAqFJ~~,~~UAAC3B~~,CAAD,EAAO;AACpB,UAAIA,~~EAAE4B~~,OAAF,IAAa,EAAjB,EAAqB;AAAE;AACrB,~~cAAK9B~~,KAAL,~~CAAW+B~~,WAAX,IAA0B,~~MAAK/B~~,KAAL,~~CAAW+B~~,WAAX,CAAuB,~~MAAKlB~~,YAAL,EAAvB,CAA1B;AACD;AACF,~~KAzFkB~~;;AAEjB,~~UAAKJ~~,KAAL,GAAa;AACXD,eAAS,KADE;AAEXJ,aAAOJ,MAAMI,KAAN,IAAe;AAFX,KAAb;;AAFiB,~~eAMW4B~~,yBAAY,EANvB;AAAA,QAMTC,eANS,QAMTA,eANS;;AAOjB,UAAKC,mBAAL,GAA2B,CAAC,CAACD,eAA7B;AAPiB;AAQlB;;;;~~wCAmFmB~~;AAClB,~~WAAKjC~~,KAAL,~~CAAWmC~~,KAAX,IAAoB,~~KAAKnC~~,KAAL,~~CAAWmC~~,KAAX,CAAiB,IAAjB,CAApB;AACD;;;6BAEQ;AAAA;;AAAA,8CACuC,~~KAAKnC~~,KAD5C;AAAA,~~UACDoC~~,MADC,UACDA,MADC;AAAA,~~UACOR~~,KADP,UACOA,KADP;AAAA,~~UACcO~~,KADd,UACcA,KADd;AAAA,~~UACwBnC~~,KADxB;;AAEP,UAAII,QAAQ,~~KAAKS~~,YAAL,EAAZ;AACA,aACE;AAAA;AAAA,UAAK,WAAU,UAAf;AAEI;AAAA,0BAAO,KAAP;AAAA,YAAa,WAAU,~~gBAAvB~~;AACI,kFAAO,MAAK;AAAZ,~~aACOb~~,KADP;AAEG,~~oBAAQoC~~,SAAS,8BAAC,aAAD,IAAO,MAAMA,MAAb,EAAqB,WAAU,aAA/B,GAAT,GAA2D,IAFtE;AAGG,sBAAU,~~KAAKnC~~,WAHlB;AAIG,qBAAS,~~KAAKyB~~,UAJjB;AAKG,oBAAQ,KAAKD,SALhB;AAMG,uBAAW,~~KAAKI~~,YANnB;AAOG,mBAAO,~~KAAK7B~~,KAAL,CAAWI,KAPrB;AAQG,iBAAK;AAAA,qBAAS,~~OAAKM~~,KAAL,GAAaA,KAAtB;AAAA,aARR;AASG,wBAAY,~~KAAKwB~~,~~mBATpB~~;~~AAUG~~,~~oBAAQN~~,~~SAAS,~~MAAT,IAAmB,CAAC,~~KAAKM~~,mBAAzB,~~GACJ~~;AAAA;AAAA,~~gBAAM~~,WAAU,eAAhB,EAAgC,aAAa;AAAA,~~yBAAKhC~~,~~EAAEmC~~,cAAF,EAAL;AAAA,~~iBAA7C~~,EAAsE,SAAS,~~KAAKf~~,aAApF;AAEI,~~mBAAKF~~,eAAL;AAFJ,~~aADI~~,~~GAOJ~~;~~AAjBP;AADJ~~,SAFJ;~~AAyBI~~,SAAC,~~KAAKc~~,mBAAN,IACA,8BAAC,eAAD,IAAU,MAAK,cAAf,EAA8B,~~OAAO9B~~,KAArC,EAA4C,SAAS,KAAKK,KAAL,CAAWD,OAAhE,EAAyE,UAAU,~~KAAKO~~,aAAxF,EAAuG,UAAU,KAAKH,QAAtH,EAAgI,cAAc,KAAKE,YAAnJ;~~AA1BJ~~,OADF;~~AA+BD~~;;;~~EAlIyCwB~~,gB,UAWnCC,S,GAAY;~~AACjBjC~~,~~YAAUkC~~,oBAAUC,IAAV,CAAeC,UADR;~~AAEjB9B~~,~~YAAU4B~~,oBAAUC,IAFH;~~AAGjB3B~~,~~gBAAc0B~~,oBAAUC,IAHP;AAIjBE,eAAaH,oBAAUI,MAJN;~~AAKjBhB~~,~~SAAOY~~,oBAAUI,MALA,CAKO;AALP,C;~~kBAXA7C~~,c","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}"]}
1	+ {"version":3,"sources":["tplus-components-touch/components/keyboard/letterKeyboard.js"],"names":["LetterKeyboard","props","inputChange","e","setState","value","target","onChange","showModal","visible","state","handleOk","getShowValue","handleCancel","setStateValue","key","newValue","Keyboard","getNewValue","input","getKeyboardIcon","color","iconShowModal","preventDefault","disabled","isFocus","blur","focus","undefined","inputBlur","inputFocus","onFocus","inputKeyDown","keyCode","handleEnter","platform","isHorizontalPad","isMobileEnvironment","onRef","prefix","which","Component","propTypes","PropTypes","func","isRequired","placeholder","string"],"mappings":"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","file":"letterKeyboard.js","sourcesContent":["/*\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 CHANGED Viewed

@@ -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,