tplus-member 3.41.2 → 3.41.3
Sign up to get free protection for your applications and to get access to all the features.
|
@@ -125,7 +125,8 @@ var BindCard = function (_Component) {
|
|
|
125
125
|
|
|
126
126
|
var ref = inputType === 'value' ? _this.inputRef.input : _this.passwordRef.input;
|
|
127
127
|
_tplusComponentsTouch.Keyboard.open(function (v) {
|
|
128
|
-
var
|
|
128
|
+
var code = inputType === 'value' ? _this.state.value : _this.state.password;
|
|
129
|
+
var value = _tplusComponentsTouch.Keyboard.getNewValue(ref, code, v);
|
|
129
130
|
inputType === 'value' && _this.onChange(value);
|
|
130
131
|
inputType === 'password' && _this.setState({ password: value });
|
|
131
132
|
}, function () {
|
|
@@ -227,11 +228,9 @@ var BindCard = function (_Component) {
|
|
|
227
228
|
}, {
|
|
228
229
|
key: 'changeDisabled',
|
|
229
230
|
value: function changeDisabled() {
|
|
230
|
-
var
|
|
231
|
-
value = _state.value,
|
|
232
|
-
password = _state.password;
|
|
231
|
+
var value = this.state.value;
|
|
233
232
|
|
|
234
|
-
this.props.changeBindCardBtnDisabled(!value.length
|
|
233
|
+
this.props.changeBindCardBtnDisabled(!value.length);
|
|
235
234
|
}
|
|
236
235
|
// 显示键盘
|
|
237
236
|
|
|
@@ -244,9 +243,9 @@ var BindCard = function (_Component) {
|
|
|
244
243
|
value: function render() {
|
|
245
244
|
var _this3 = this;
|
|
246
245
|
|
|
247
|
-
var
|
|
248
|
-
value =
|
|
249
|
-
password =
|
|
246
|
+
var _state = this.state,
|
|
247
|
+
value = _state.value,
|
|
248
|
+
password = _state.password;
|
|
250
249
|
|
|
251
250
|
return _react2.default.createElement(
|
|
252
251
|
'div',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["tplus-member/member/memberMenu/bindCard/index.js"],"names":["keyList","BindCard","props","keyPressStamp","scanValue","onChange","value","newValue","replace","setState","changeDisabled","onPasswordChange","password","KeyboardShow","inputType","bindCardClick","ref","inputRef","input","passwordRef","Keyboard","open","
|
|
1
|
+
{"version":3,"sources":["tplus-member/member/memberMenu/bindCard/index.js"],"names":["keyList","BindCard","props","keyPressStamp","scanValue","onChange","value","newValue","replace","setState","changeDisabled","onPasswordChange","password","KeyboardShow","inputType","bindCardClick","ref","inputRef","input","passwordRef","Keyboard","open","code","state","getNewValue","v","close","keyboardClose","blur","inputBlur","handleKeyPress","ev","keyCode","key","length","includes","currentStamp","Date","now","substring","focus","changeBindCardBtnDisabled","marginTop","hotKey","hotKeyNotFilter","target","Component"],"mappings":"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","file":"index.js","sourcesContent":["import React, { Component } from 'react'\r\nimport { Input } from 'antd'\r\nimport { Keyboard, hotKey } from 'tplus-components-touch'\r\nimport './style.less';\r\n\r\nconst keyList = ['Shift', 'Backspace', 'Enter', 'Tab', 'CapsLock', 'Meta', 'Alt', 'Control', 'Delete']\r\nexport default class BindCard extends Component {\r\n keyPressStamp = null\r\n scanValue = ''\r\n constructor (props) {\r\n super(props)\r\n this.state = {\r\n value: '',\r\n password: ''\r\n }\r\n }\r\n componentDidMount () {\r\n // 设置输入框focus\r\n this.inputRef.focus()\r\n }\r\n onChange = async (value) => {\r\n let newValue = value\r\n // console.log(Date.now())\r\n newValue = value.replace(/[^a-zA-Z0-9]/g,'')\r\n // newValue = newValue.length > 16 ? newValue.substring(0, 16) : newValue\r\n await this.setState({value: newValue})\r\n this.changeDisabled()\r\n }\r\n \r\n // 密码框\r\n onPasswordChange = async (password) => {\r\n await this.setState({password})\r\n this.changeDisabled()\r\n }\r\n changeDisabled () {\r\n const { value } = this.state\r\n this.props.changeBindCardBtnDisabled(!value.length)\r\n }\r\n // 显示键盘\r\n KeyboardShow = (inputType) => {\r\n const { bindCardClick } = this.props\r\n const ref = inputType === 'value' ? this.inputRef.input : this.passwordRef.input\r\n Keyboard.open(v => {\r\n const code = inputType === 'value' ? this.state.value : this.state.password\r\n const value = Keyboard.getNewValue(ref, code, v);\r\n inputType === 'value' && this.onChange(value)\r\n inputType === 'password' && this.setState({password: value})\r\n }, () => {\r\n // 点击键盘的确定按钮，设置disabled\r\n this.changeDisabled()\r\n Keyboard.close() \r\n bindCardClick && bindCardClick()\r\n }, this.keyboardClose)()\r\n }\r\n // 点击键盘的关闭按钮，设置disabled\r\n keyboardClose = () => {\r\n this.changeDisabled()\r\n this.inputRef.blur()\r\n }\r\n // 输入框失去焦点，关闭键盘，设置disabled\r\n inputBlur = () => {\r\n Keyboard.close()\r\n this.changeDisabled()\r\n }\r\n handleKeyPress = async (ev, value) => {\r\n const { keyCode, key } = ev\r\n if (key && key.length && !keyList.includes(key)) this.scanValue += key\r\n // 扫描录入会自动触发enter\r\n if (keyCode === 13) {\r\n const currentStamp = Date.now()\r\n // 触发enter事件的时候，如果当前触发事件-上次keyDown事件大于300毫秒，说明是手动录入，否则是扫描录入\r\n if (currentStamp - this.keyPressStamp <= 300) {\r\n const newValue = this.scanValue.substring(0, 16)\r\n const password = this.scanValue.substring(16)\r\n const { bindCardClick } = this.props\r\n await this.setState({\r\n value: newValue,\r\n password\r\n })\r\n bindCardClick()\r\n }\r\n this.scanValue = ''\r\n } else {\r\n // keydown的时候保存当前时间戳，用来做是手动录入的还是扫描录入的判断\r\n this.keyPressStamp = Date.now()\r\n }\r\n this.changeDisabled()\r\n }\r\n\r\n render () {\r\n const { value, password } = this.state\r\n return (\r\n <div className=\"bind-card-container\" style={{ marginTop:' 14px' }}>\r\n <Input \r\n className={hotKey.hotKeyNotFilter('storageNo-input')}\r\n ref={input => this.inputRef = input}\r\n placeholder='请输入储值卡号'\r\n value={value}\r\n onChange={({ target: { value } }) => this.onChange(value)}\r\n onFocus={() => this.KeyboardShow('value')}\r\n onBlur={this.inputBlur}\r\n onKeyDown={this.handleKeyPress}\r\n />\r\n <div className=\"line\"></div>\r\n <Input \r\n ref={input => this.passwordRef = input}\r\n type='password'\r\n placeholder='请输入兑换码'\r\n value={password}\r\n onChange={({ target: { value } }) => this.onPasswordChange(value)}\r\n onFocus={() => this.KeyboardShow('password')}\r\n onBlur={this.inputBlur}\r\n />\r\n </div>\r\n )\r\n }\r\n} "]}
|