tplus-member 3.25.4 → 3.26.1

package/dist/member/memberMenu/bindCard/index.js

@@ -0,0 +1,291 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = undefined;
+
+var _input = require('antd/es/input');
+
+var _input2 = _interopRequireDefault(_input);
+
+var _regenerator = require('babel-runtime/regenerator');
+
+var _regenerator2 = _interopRequireDefault(_regenerator);
+
+var _asyncToGenerator2 = require('babel-runtime/helpers/asyncToGenerator');
+
+var _asyncToGenerator3 = _interopRequireDefault(_asyncToGenerator2);
+
+var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
+
+var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _createClass2 = require('babel-runtime/helpers/createClass');
+
+var _createClass3 = _interopRequireDefault(_createClass2);
+
+var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require('babel-runtime/helpers/inherits');
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+require('antd/es/input/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _tplusComponentsTouch = require('tplus-components-touch');
+
+require('./style.less');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var keyList = ['Shift', 'Backspace', 'Enter', 'Tab', 'CapsLock', 'Meta', 'Alt', 'Control', 'Delete'];
+
+var BindCard = function (_Component) {
+    (0, _inherits3.default)(BindCard, _Component);
+
+    function BindCard(props) {
+        var _this2 = this;
+
+        (0, _classCallCheck3.default)(this, BindCard);
+
+        var _this = (0, _possibleConstructorReturn3.default)(this, (BindCard.__proto__ || (0, _getPrototypeOf2.default)(BindCard)).call(this, props));
+
+        _this.keyPressStamp = null;
+        _this.scanValue = '';
+
+        _this.onChange = function () {
+            var _ref = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee(value) {
+                var newValue;
+                return _regenerator2.default.wrap(function _callee$(_context) {
+                    while (1) {
+                        switch (_context.prev = _context.next) {
+                            case 0:
+                                newValue = value;
+                                // console.log(Date.now())
+
+                                newValue = value.replace(/[^a-zA-Z0-9]/g, '');
+                                // newValue = newValue.length > 16 ? newValue.substring(0, 16)  : newValue
+                                _context.next = 4;
+                                return _this.setState({ value: newValue });
+
+                            case 4:
+                                _this.changeDisabled();
+
+                            case 5:
+                            case 'end':
+                                return _context.stop();
+                        }
+                    }
+                }, _callee, _this2);
+            }));
+
+            return function (_x) {
+                return _ref.apply(this, arguments);
+            };
+        }();
+
+        _this.onPasswordChange = function () {
+            var _ref2 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee2(password) {
+                return _regenerator2.default.wrap(function _callee2$(_context2) {
+                    while (1) {
+                        switch (_context2.prev = _context2.next) {
+                            case 0:
+                                _context2.next = 2;
+                                return _this.setState({ password: password });
+
+                            case 2:
+                                _this.changeDisabled();
+
+                            case 3:
+                            case 'end':
+                                return _context2.stop();
+                        }
+                    }
+                }, _callee2, _this2);
+            }));
+
+            return function (_x2) {
+                return _ref2.apply(this, arguments);
+            };
+        }();
+
+        _this.KeyboardShow = function (inputType) {
+            _tplusComponentsTouch.Keyboard.open(function (v) {
+                var value = _tplusComponentsTouch.Keyboard.getNewValue(_this.inputRef.input, _this.state.value, v);
+                inputType === 'value' && _this.onChange(value);
+                inputType === 'password' && _this.setState({ password: value });
+            }, function () {
+                // 点击键盘的确定按钮，设置disabled
+                _this.changeDisabled();
+                keyboard.close();
+            }, _this.keyboardClose)();
+        };
+
+        _this.keyboardClose = function () {
+            _this.changeDisabled();
+            _this.inputRef.blur();
+        };
+
+        _this.inputBlur = function () {
+            _tplusComponentsTouch.Keyboard.close();
+            _this.changeDisabled();
+        };
+
+        _this.handleKeyPress = function () {
+            var _ref3 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee3(ev, value) {
+                var keyCode, key, currentStamp, newValue, password, bindCardClick;
+                return _regenerator2.default.wrap(function _callee3$(_context3) {
+                    while (1) {
+                        switch (_context3.prev = _context3.next) {
+                            case 0:
+                                keyCode = ev.keyCode, key = ev.key;
+
+                                if (key && key.length && !keyList.includes(key)) _this.scanValue += key;
+                                // 扫描录入会自动触发enter
+
+                                if (!(keyCode === 13)) {
+                                    _context3.next = 14;
+                                    break;
+                                }
+
+                                currentStamp = Date.now();
+                                // 触发enter事件的时候，如果当前触发事件-上次keyDown事件大于300毫秒，说明是手动录入，否则是扫描录入
+
+                                if (!(currentStamp - _this.keyPressStamp <= 300)) {
+                                    _context3.next = 11;
+                                    break;
+                                }
+
+                                newValue = _this.scanValue.substring(0, 16);
+                                password = _this.scanValue.substring(16);
+                                bindCardClick = _this.props.bindCardClick;
+                                _context3.next = 10;
+                                return _this.setState({
+                                    value: newValue,
+                                    password: password
+                                });
+
+                            case 10:
+                                bindCardClick();
+
+                            case 11:
+                                _this.scanValue = '';
+                                _context3.next = 15;
+                                break;
+
+                            case 14:
+                                // keydown的时候保存当前时间戳，用来做是手动录入的还是扫描录入的判断
+                                _this.keyPressStamp = Date.now();
+
+                            case 15:
+                                _this.changeDisabled();
+
+                            case 16:
+                            case 'end':
+                                return _context3.stop();
+                        }
+                    }
+                }, _callee3, _this2);
+            }));
+
+            return function (_x3, _x4) {
+                return _ref3.apply(this, arguments);
+            };
+        }();
+
+        _this.state = {
+            value: '',
+            password: ''
+        };
+        return _this;
+    }
+
+    (0, _createClass3.default)(BindCard, [{
+        key: 'componentDidMount',
+        value: function componentDidMount() {
+            // 设置输入框focus
+            this.inputRef.focus();
+        }
+
+        // 密码框
+
+    }, {
+        key: 'changeDisabled',
+        value: function changeDisabled() {
+            var _state = this.state,
+                value = _state.value,
+                password = _state.password;
+
+            this.props.changeBindCardBtnDisabled(!value.length || !password.length);
+        }
+        // 显示键盘
+
+        // 点击键盘的关闭按钮，设置disabled
+
+        // 输入框失去焦点，关闭键盘，设置disabled
+
+    }, {
+        key: 'render',
+        value: function render() {
+            var _this3 = this;
+
+            var _state2 = this.state,
+                value = _state2.value,
+                password = _state2.password;
+
+            return _react2.default.createElement(
+                'div',
+                { className: 'bind-card-container', style: { marginTop: ' 14px' } },
+                _react2.default.createElement(_input2.default, {
+                    className: _tplusComponentsTouch.hotKey.hotKeyNotFilter('storageNo-input'),
+                    ref: function ref(input) {
+                        return _this3.inputRef = input;
+                    },
+                    placeholder: '\u8BF7\u8F93\u5165\u50A8\u503C\u5361\u53F7',
+                    value: value,
+                    onChange: function onChange(_ref4) {
+                        var value = _ref4.target.value;
+                        return _this3.onChange(value);
+                    },
+                    onFocus: function onFocus() {
+                        return _this3.KeyboardShow('value');
+                    },
+                    onBlur: this.inputBlur,
+                    onKeyDown: this.handleKeyPress
+                }),
+                _react2.default.createElement('div', { className: 'line' }),
+                _react2.default.createElement(_input2.default, {
+                    ref: function ref(input) {
+                        return _this3.passwordRef = input;
+                    },
+                    type: 'password',
+                    placeholder: '\u8BF7\u8F93\u5165\u5BC6\u7801',
+                    value: password,
+                    onChange: function onChange(_ref5) {
+                        var value = _ref5.target.value;
+                        return _this3.onPasswordChange(value);
+                    },
+                    onFocus: function onFocus() {
+                        return _this3.KeyboardShow('password');
+                    },
+                    onBlur: this.inputBlur
+                })
+            );
+        }
+    }]);
+    return BindCard;
+}(_react.Component);
+
+exports.default = BindCard;
+//# sourceMappingURL=index.js.map

package/dist/member/memberMenu/bindCard/index.js.map

@@ -0,0 +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","Keyboard","open","getNewValue","inputRef","input","state","v","keyboard","close","keyboardClose","blur","inputBlur","handleKeyPress","ev","keyCode","key","length","includes","currentStamp","Date","now","substring","bindCardClick","focus","changeBindCardBtnDisabled","marginTop","hotKey","hotKeyNotFilter","target","passwordRef","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, password } = this.state\r\n        this.props.changeBindCardBtnDisabled((!value.length || !password.length))\r\n    }\r\n    // 显示键盘\r\n    KeyboardShow = (inputType) => {\r\n        Keyboard.open(v => {\r\n            const value = Keyboard.getNewValue(this.inputRef.input, this.state.value, 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        }, 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} "]}

package/dist/member/memberMenu/bindCard/style.less

@@ -0,0 +1,8 @@
+.bind-card-container {
+    width:  250px;
+    margin: 0 auto;
+    margin-top: 37px;
+    .line {
+        height: 12px;
+    }
+}