tplus-member 3.35.1 → 3.36.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (59) hide show
  1. package/dist/index.js +1 -6
  2. package/dist/index.js.map +1 -1
  3. package/dist/member/MemberShow.js +1 -3
  4. package/dist/member/MemberShow.js.map +1 -1
  5. package/dist/member/ShopMember.js +268 -274
  6. package/dist/member/ShopMember.js.map +1 -1
  7. package/dist/member/ShopMember.less +10 -115
  8. package/dist/member/api.js +42 -277
  9. package/dist/member/api.js.map +1 -1
  10. package/dist/member/index.js +115 -131
  11. package/dist/member/index.js.map +1 -1
  12. package/dist/member/memberMenu/index.js +352 -503
  13. package/dist/member/memberMenu/index.js.map +1 -1
  14. package/dist/member/memberMenu/modifyPass/index.js +2 -0
  15. package/dist/member/memberMenu/modifyPass/index.js.map +1 -1
  16. package/dist/member/memberMenu/style.less +1 -44
  17. package/dist/member/memberTab.js +11 -58
  18. package/dist/member/memberTab.js.map +1 -1
  19. package/dist/stores/MemberStore.js +21 -26
  20. package/dist/stores/MemberStore.js.map +1 -1
  21. package/dist/utils.js +1 -15
  22. package/dist/utils.js.map +1 -1
  23. package/dist/viewDoMain/StorageAmountChangedProcessorBlock.js +0 -1
  24. package/dist/viewDoMain/StorageAmountChangedProcessorBlock.js.map +1 -1
  25. package/dist/views/MemberOrderView.js +1 -1
  26. package/dist/views/MemberOrderView.js.map +1 -1
  27. package/dist/views/MemberStoreNew.less +3 -1
  28. package/dist/views/MemberStoreNewView.js +26 -14
  29. package/dist/views/MemberStoreNewView.js.map +1 -1
  30. package/package.json +6 -5
  31. package/dist/member/MemberCardList.js +0 -393
  32. package/dist/member/MemberCardList.js.map +0 -1
  33. package/dist/member/ShopMemberStorage.js +0 -451
  34. package/dist/member/ShopMemberStorage.js.map +0 -1
  35. package/dist/member/memberMenu/bindCard/index.js +0 -295
  36. package/dist/member/memberMenu/bindCard/index.js.map +0 -1
  37. package/dist/member/memberMenu/bindCard/style.less +0 -8
  38. package/dist/member/memberMenuStorage/bindCard/index.js +0 -172
  39. package/dist/member/memberMenuStorage/bindCard/index.js.map +0 -1
  40. package/dist/member/memberMenuStorage/bindCard/style.less +0 -8
  41. package/dist/member/memberMenuStorage/changeMemberCard/index.js +0 -260
  42. package/dist/member/memberMenuStorage/changeMemberCard/index.js.map +0 -1
  43. package/dist/member/memberMenuStorage/changeMemberCard/style.less +0 -43
  44. package/dist/member/memberMenuStorage/index.js +0 -1680
  45. package/dist/member/memberMenuStorage/index.js.map +0 -1
  46. package/dist/member/memberMenuStorage/modifyPass/index.js +0 -420
  47. package/dist/member/memberMenuStorage/modifyPass/index.js.map +0 -1
  48. package/dist/member/memberMenuStorage/modifyPass/store.js +0 -426
  49. package/dist/member/memberMenuStorage/modifyPass/store.js.map +0 -1
  50. package/dist/member/memberMenuStorage/modifyPass/style.less +0 -96
  51. package/dist/member/memberMenuStorage/style.less +0 -130
  52. package/dist/member/memberTab/MemberCardInfo.js +0 -89
  53. package/dist/member/memberTab/MemberCardInfo.js.map +0 -1
  54. package/dist/member/memberTab/MemberManager.js +0 -640
  55. package/dist/member/memberTab/MemberManager.js.map +0 -1
  56. package/dist/member/memberTab/MemberStorage.js +0 -176
  57. package/dist/member/memberTab/MemberStorage.js.map +0 -1
  58. package/dist/member/memberTab/index.js +0 -133
  59. package/dist/member/memberTab/index.js.map +0 -1
@@ -1,295 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = undefined;
7
-
8
- var _input = require('antd/es/input');
9
-
10
- var _input2 = _interopRequireDefault(_input);
11
-
12
- var _regenerator = require('babel-runtime/regenerator');
13
-
14
- var _regenerator2 = _interopRequireDefault(_regenerator);
15
-
16
- var _asyncToGenerator2 = require('babel-runtime/helpers/asyncToGenerator');
17
-
18
- var _asyncToGenerator3 = _interopRequireDefault(_asyncToGenerator2);
19
-
20
- var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
21
-
22
- var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
23
-
24
- var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
25
-
26
- var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
27
-
28
- var _createClass2 = require('babel-runtime/helpers/createClass');
29
-
30
- var _createClass3 = _interopRequireDefault(_createClass2);
31
-
32
- var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
33
-
34
- var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
35
-
36
- var _inherits2 = require('babel-runtime/helpers/inherits');
37
-
38
- var _inherits3 = _interopRequireDefault(_inherits2);
39
-
40
- require('antd/es/input/style');
41
-
42
- var _react = require('react');
43
-
44
- var _react2 = _interopRequireDefault(_react);
45
-
46
- var _tplusComponentsTouch = require('tplus-components-touch');
47
-
48
- require('./style.less');
49
-
50
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
51
-
52
- var keyList = ['Shift', 'Backspace', 'Enter', 'Tab', 'CapsLock', 'Meta', 'Alt', 'Control', 'Delete'];
53
-
54
- var BindCard = function (_Component) {
55
- (0, _inherits3.default)(BindCard, _Component);
56
-
57
- function BindCard(props) {
58
- var _this2 = this;
59
-
60
- (0, _classCallCheck3.default)(this, BindCard);
61
-
62
- var _this = (0, _possibleConstructorReturn3.default)(this, (BindCard.__proto__ || (0, _getPrototypeOf2.default)(BindCard)).call(this, props));
63
-
64
- _this.keyPressStamp = null;
65
- _this.scanValue = '';
66
-
67
- _this.onChange = function () {
68
- var _ref = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee(value) {
69
- var newValue;
70
- return _regenerator2.default.wrap(function _callee$(_context) {
71
- while (1) {
72
- switch (_context.prev = _context.next) {
73
- case 0:
74
- newValue = value;
75
- // console.log(Date.now())
76
-
77
- newValue = value.replace(/[^a-zA-Z0-9]/g, '');
78
- // newValue = newValue.length > 16 ? newValue.substring(0, 16) : newValue
79
- _context.next = 4;
80
- return _this.setState({ value: newValue });
81
-
82
- case 4:
83
- _this.changeDisabled();
84
-
85
- case 5:
86
- case 'end':
87
- return _context.stop();
88
- }
89
- }
90
- }, _callee, _this2);
91
- }));
92
-
93
- return function (_x) {
94
- return _ref.apply(this, arguments);
95
- };
96
- }();
97
-
98
- _this.onPasswordChange = function () {
99
- var _ref2 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee2(password) {
100
- return _regenerator2.default.wrap(function _callee2$(_context2) {
101
- while (1) {
102
- switch (_context2.prev = _context2.next) {
103
- case 0:
104
- _context2.next = 2;
105
- return _this.setState({ password: password });
106
-
107
- case 2:
108
- _this.changeDisabled();
109
-
110
- case 3:
111
- case 'end':
112
- return _context2.stop();
113
- }
114
- }
115
- }, _callee2, _this2);
116
- }));
117
-
118
- return function (_x2) {
119
- return _ref2.apply(this, arguments);
120
- };
121
- }();
122
-
123
- _this.KeyboardShow = function (inputType) {
124
- var bindCardClick = _this.props.bindCardClick;
125
-
126
- var ref = inputType === 'value' ? _this.inputRef.input : _this.passwordRef.input;
127
- _tplusComponentsTouch.Keyboard.open(function (v) {
128
- var value = _tplusComponentsTouch.Keyboard.getNewValue(ref, _this.state.value, v);
129
- inputType === 'value' && _this.onChange(value);
130
- inputType === 'password' && _this.setState({ password: value });
131
- }, function () {
132
- // 点击键盘的确定按钮,设置disabled
133
- _this.changeDisabled();
134
- _tplusComponentsTouch.Keyboard.close();
135
- bindCardClick && bindCardClick();
136
- }, _this.keyboardClose)();
137
- };
138
-
139
- _this.keyboardClose = function () {
140
- _this.changeDisabled();
141
- _this.inputRef.blur();
142
- };
143
-
144
- _this.inputBlur = function () {
145
- _tplusComponentsTouch.Keyboard.close();
146
- _this.changeDisabled();
147
- };
148
-
149
- _this.handleKeyPress = function () {
150
- var _ref3 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee3(ev, value) {
151
- var keyCode, key, currentStamp, newValue, password, bindCardClick;
152
- return _regenerator2.default.wrap(function _callee3$(_context3) {
153
- while (1) {
154
- switch (_context3.prev = _context3.next) {
155
- case 0:
156
- keyCode = ev.keyCode, key = ev.key;
157
-
158
- if (key && key.length && !keyList.includes(key)) _this.scanValue += key;
159
- // 扫描录入会自动触发enter
160
-
161
- if (!(keyCode === 13)) {
162
- _context3.next = 14;
163
- break;
164
- }
165
-
166
- currentStamp = Date.now();
167
- // 触发enter事件的时候,如果当前触发事件-上次keyDown事件大于300毫秒,说明是手动录入,否则是扫描录入
168
-
169
- if (!(currentStamp - _this.keyPressStamp <= 300)) {
170
- _context3.next = 11;
171
- break;
172
- }
173
-
174
- newValue = _this.scanValue.substring(0, 16);
175
- password = _this.scanValue.substring(16);
176
- bindCardClick = _this.props.bindCardClick;
177
- _context3.next = 10;
178
- return _this.setState({
179
- value: newValue,
180
- password: password
181
- });
182
-
183
- case 10:
184
- bindCardClick();
185
-
186
- case 11:
187
- _this.scanValue = '';
188
- _context3.next = 15;
189
- break;
190
-
191
- case 14:
192
- // keydown的时候保存当前时间戳,用来做是手动录入的还是扫描录入的判断
193
- _this.keyPressStamp = Date.now();
194
-
195
- case 15:
196
- _this.changeDisabled();
197
-
198
- case 16:
199
- case 'end':
200
- return _context3.stop();
201
- }
202
- }
203
- }, _callee3, _this2);
204
- }));
205
-
206
- return function (_x3, _x4) {
207
- return _ref3.apply(this, arguments);
208
- };
209
- }();
210
-
211
- _this.state = {
212
- value: '',
213
- password: ''
214
- };
215
- return _this;
216
- }
217
-
218
- (0, _createClass3.default)(BindCard, [{
219
- key: 'componentDidMount',
220
- value: function componentDidMount() {
221
- // 设置输入框focus
222
- this.inputRef.focus();
223
- }
224
-
225
- // 密码框
226
-
227
- }, {
228
- key: 'changeDisabled',
229
- value: function changeDisabled() {
230
- var _state = this.state,
231
- value = _state.value,
232
- password = _state.password;
233
-
234
- this.props.changeBindCardBtnDisabled(!value.length || !password.length);
235
- }
236
- // 显示键盘
237
-
238
- // 点击键盘的关闭按钮,设置disabled
239
-
240
- // 输入框失去焦点,关闭键盘,设置disabled
241
-
242
- }, {
243
- key: 'render',
244
- value: function render() {
245
- var _this3 = this;
246
-
247
- var _state2 = this.state,
248
- value = _state2.value,
249
- password = _state2.password;
250
-
251
- return _react2.default.createElement(
252
- 'div',
253
- { className: 'bind-card-container', style: { marginTop: ' 14px' } },
254
- _react2.default.createElement(_input2.default, {
255
- className: _tplusComponentsTouch.hotKey.hotKeyNotFilter('storageNo-input'),
256
- ref: function ref(input) {
257
- return _this3.inputRef = input;
258
- },
259
- placeholder: '\u8BF7\u8F93\u5165\u50A8\u503C\u5361\u53F7',
260
- value: value,
261
- onChange: function onChange(_ref4) {
262
- var value = _ref4.target.value;
263
- return _this3.onChange(value);
264
- },
265
- onFocus: function onFocus() {
266
- return _this3.KeyboardShow('value');
267
- },
268
- onBlur: this.inputBlur,
269
- onKeyDown: this.handleKeyPress
270
- }),
271
- _react2.default.createElement('div', { className: 'line' }),
272
- _react2.default.createElement(_input2.default, {
273
- ref: function ref(input) {
274
- return _this3.passwordRef = input;
275
- },
276
- type: 'password',
277
- placeholder: '\u8BF7\u8F93\u5165\u5151\u6362\u7801',
278
- value: password,
279
- onChange: function onChange(_ref5) {
280
- var value = _ref5.target.value;
281
- return _this3.onPasswordChange(value);
282
- },
283
- onFocus: function onFocus() {
284
- return _this3.KeyboardShow('password');
285
- },
286
- onBlur: this.inputBlur
287
- })
288
- );
289
- }
290
- }]);
291
- return BindCard;
292
- }(_react.Component);
293
-
294
- exports.default = BindCard;
295
- //# sourceMappingURL=index.js.map
@@ -1 +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","bindCardClick","ref","inputRef","input","passwordRef","Keyboard","open","getNewValue","state","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, password } = this.state\r\n this.props.changeBindCardBtnDisabled((!value.length || !password.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 value = Keyboard.getNewValue(ref, 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 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} "]}
@@ -1,8 +0,0 @@
1
- .bind-card-container {
2
- width: 250px;
3
- margin: 0 auto;
4
- margin-top: 37px;
5
- .line {
6
- height: 12px;
7
- }
8
- }
@@ -1,172 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = undefined;
7
-
8
- var _input = require('antd/es/input');
9
-
10
- var _input2 = _interopRequireDefault(_input);
11
-
12
- var _regenerator = require('babel-runtime/regenerator');
13
-
14
- var _regenerator2 = _interopRequireDefault(_regenerator);
15
-
16
- var _asyncToGenerator2 = require('babel-runtime/helpers/asyncToGenerator');
17
-
18
- var _asyncToGenerator3 = _interopRequireDefault(_asyncToGenerator2);
19
-
20
- var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
21
-
22
- var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
23
-
24
- var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
25
-
26
- var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
27
-
28
- var _createClass2 = require('babel-runtime/helpers/createClass');
29
-
30
- var _createClass3 = _interopRequireDefault(_createClass2);
31
-
32
- var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
33
-
34
- var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
35
-
36
- var _inherits2 = require('babel-runtime/helpers/inherits');
37
-
38
- var _inherits3 = _interopRequireDefault(_inherits2);
39
-
40
- require('antd/es/input/style');
41
-
42
- var _react = require('react');
43
-
44
- var _react2 = _interopRequireDefault(_react);
45
-
46
- var _tplusComponentsTouch = require('tplus-components-touch');
47
-
48
- require('./style.less');
49
-
50
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
51
-
52
- var BindCard = function (_Component) {
53
- (0, _inherits3.default)(BindCard, _Component);
54
-
55
- function BindCard(props) {
56
- var _this2 = this;
57
-
58
- (0, _classCallCheck3.default)(this, BindCard);
59
-
60
- var _this = (0, _possibleConstructorReturn3.default)(this, (BindCard.__proto__ || (0, _getPrototypeOf2.default)(BindCard)).call(this, props));
61
-
62
- _this.onChange = function () {
63
- var _ref = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee(value) {
64
- return _regenerator2.default.wrap(function _callee$(_context) {
65
- while (1) {
66
- switch (_context.prev = _context.next) {
67
- case 0:
68
- _context.next = 2;
69
- return _this.setState({ value: value });
70
-
71
- case 2:
72
- _this.changeDisabled();
73
-
74
- case 3:
75
- case 'end':
76
- return _context.stop();
77
- }
78
- }
79
- }, _callee, _this2);
80
- }));
81
-
82
- return function (_x) {
83
- return _ref.apply(this, arguments);
84
- };
85
- }();
86
-
87
- _this.KeyboardShow = function () {
88
- var bindCardClick = _this.props.bindCardClick;
89
-
90
- _tplusComponentsTouch.Keyboard.open(function (v) {
91
- var value = _tplusComponentsTouch.Keyboard.getNewValue(_this.inputRef.input, _this.state.value, v);
92
- _this.onChange(value);
93
- }, function () {
94
- // 点击键盘的确定按钮,设置disabled
95
- _this.changeDisabled();
96
- _tplusComponentsTouch.Keyboard.close();
97
- bindCardClick && bindCardClick();
98
- }, _this.keyboardClose)();
99
- };
100
-
101
- _this.keyboardClose = function () {
102
- _this.changeDisabled();
103
- _this.inputRef.blur();
104
- };
105
-
106
- _this.inputBlur = function () {
107
- _tplusComponentsTouch.Keyboard.close();
108
- _this.changeDisabled();
109
- };
110
-
111
- _this.state = {
112
- value: '',
113
- scanValue: ''
114
- };
115
- return _this;
116
- }
117
-
118
- (0, _createClass3.default)(BindCard, [{
119
- key: 'componentDidMount',
120
- value: function componentDidMount() {
121
- // 设置输入框focus
122
- this.inputRef.focus();
123
- }
124
- }, {
125
- key: 'changeDisabled',
126
- value: function changeDisabled() {
127
- var type = this.props.type;
128
- var _state = this.state,
129
- value = _state.value,
130
- password = _state.password;
131
-
132
- this.props.changeBindCardBtnDisabled(type === 'bindCard' ? !value.length || !password.length : !value.length);
133
- }
134
- // 显示键盘
135
-
136
- // 点击键盘的关闭按钮,设置disabled
137
-
138
- // 输入框失去焦点,关闭键盘,设置disabled
139
-
140
- }, {
141
- key: 'render',
142
- value: function render() {
143
- var _this3 = this;
144
-
145
- var value = this.state.value;
146
-
147
- return _react2.default.createElement(
148
- 'div',
149
- { className: 'bind-card-container', style: { marginTop: '37px' } },
150
- _react2.default.createElement(_input2.default, {
151
- ref: function ref(input) {
152
- return _this3.inputRef = input;
153
- },
154
- placeholder: '\u8BF7\u8F93\u5165\u4F1A\u5458\u5361\u53F7/\u624B\u673A\u53F7',
155
- value: value,
156
- onChange: function onChange(_ref2) {
157
- var value = _ref2.target.value;
158
- return _this3.onChange(value);
159
- },
160
- onFocus: function onFocus() {
161
- return _this3.KeyboardShow();
162
- },
163
- onBlur: this.inputBlur
164
- })
165
- );
166
- }
167
- }]);
168
- return BindCard;
169
- }(_react.Component);
170
-
171
- exports.default = BindCard;
172
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["tplus-member/member/memberMenuStorage/bindCard/index.js"],"names":["BindCard","props","onChange","value","setState","changeDisabled","KeyboardShow","bindCardClick","Keyboard","open","getNewValue","inputRef","input","state","v","close","keyboardClose","blur","inputBlur","scanValue","focus","type","password","changeBindCardBtnDisabled","length","marginTop","target","Component"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;AAEA;;AACA;;;;IAEqBA,Q;;;AACjB,sBAAaC,KAAb,EAAoB;AAAA;;AAAA;;AAAA,8IACVA,KADU;;AAAA,cAWpBC,QAXoB;AAAA,gGAWT,iBAAOC,KAAP;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uCACD,MAAKC,QAAL,CAAc,EAACD,YAAD,EAAd,CADC;;AAAA;AAEP,sCAAKE,cAAL;;AAFO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAXS;;AAAA;AAAA;AAAA;AAAA;;AAAA,cAqBpBC,YArBoB,GAqBL,YAAM;AAAA,gBACTC,aADS,GACS,MAAKN,KADd,CACTM,aADS;;AAEjBC,2CAASC,IAAT,CAAc,aAAK;AACf,oBAAMN,QAAQK,+BAASE,WAAT,CAAqB,MAAKC,QAAL,CAAcC,KAAnC,EAA0C,MAAKC,KAAL,CAAWV,KAArD,EAA4DW,CAA5D,CAAd;AACA,sBAAKZ,QAAL,CAAcC,KAAd;AACH,aAHD,EAGG,YAAM;AACL;AACA,sBAAKE,cAAL;AACAG,+CAASO,KAAT;AACAR,iCAAiBA,eAAjB;AACH,aARD,EAQG,MAAKS,aARR;AASH,SAhCmB;;AAAA,cAkCpBA,aAlCoB,GAkCJ,YAAM;AAClB,kBAAKX,cAAL;AACA,kBAAKM,QAAL,CAAcM,IAAd;AACH,SArCmB;;AAAA,cAuCpBC,SAvCoB,GAuCR,YAAM;AACdV,2CAASO,KAAT;AACA,kBAAKV,cAAL;AACH,SA1CmB;;AAEhB,cAAKQ,KAAL,GAAa;AACTV,mBAAO,EADE;AAETgB,uBAAW;AAFF,SAAb;AAFgB;AAMnB;;;;4CACoB;AACjB;AACA,iBAAKR,QAAL,CAAcS,KAAd;AACH;;;yCAKiB;AAAA,gBACNC,IADM,GACG,KAAKpB,KADR,CACNoB,IADM;AAAA,yBAEc,KAAKR,KAFnB;AAAA,gBAENV,KAFM,UAENA,KAFM;AAAA,gBAECmB,QAFD,UAECA,QAFD;;AAGd,iBAAKrB,KAAL,CAAWsB,yBAAX,CAAqCF,SAAS,UAAT,GAAuB,CAAClB,MAAMqB,MAAP,IAAiB,CAACF,SAASE,MAAlD,GAA4D,CAACrB,MAAMqB,MAAxG;AACH;AACD;;AAaA;;AAKA;;;;iCAMU;AAAA;;AAAA,gBACErB,KADF,GACY,KAAKU,KADjB,CACEV,KADF;;AAEN,mBACI;AAAA;AAAA,kBAAK,WAAU,qBAAf,EAAqC,OAAO,EAACsB,WAAW,MAAZ,EAA5C;AACI;AACI,yBAAK;AAAA,+BAAS,OAAKd,QAAL,GAAgBC,KAAzB;AAAA,qBADT;AAEI,iCAAY,+DAFhB;AAGI,2BAAOT,KAHX;AAII,8BAAU;AAAA,4BAAaA,KAAb,SAAGuB,MAAH,CAAavB,KAAb;AAAA,+BAA2B,OAAKD,QAAL,CAAcC,KAAd,CAA3B;AAAA,qBAJd;AAKI,6BAAS;AAAA,+BAAM,OAAKG,YAAL,EAAN;AAAA,qBALb;AAMI,4BAAQ,KAAKY;AANjB;AADJ,aADJ;AAYH;;;EA3DiCS,gB;;kBAAjB3B,Q","file":"index.js","sourcesContent":["import React, { Component } from 'react'\r\nimport { Input } from 'antd'\r\nimport { Keyboard } from 'tplus-components-touch'\r\nimport './style.less';\r\n\r\nexport default class BindCard extends Component {\r\n constructor (props) {\r\n super(props)\r\n this.state = {\r\n value: '',\r\n scanValue: ''\r\n }\r\n }\r\n componentDidMount () {\r\n // 设置输入框focus\r\n this.inputRef.focus()\r\n }\r\n onChange = async (value) => {\r\n await this.setState({value})\r\n this.changeDisabled()\r\n }\r\n changeDisabled () {\r\n const { type } = this.props\r\n const { value, password } = this.state\r\n this.props.changeBindCardBtnDisabled(type === 'bindCard' ? (!value.length || !password.length) : !value.length)\r\n }\r\n // 显示键盘\r\n KeyboardShow = () => {\r\n const { bindCardClick } = this.props\r\n Keyboard.open(v => {\r\n const value = Keyboard.getNewValue(this.inputRef.input, this.state.value, v);\r\n this.onChange(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\r\n render () {\r\n const { value } = this.state\r\n return (\r\n <div className=\"bind-card-container\" style={{marginTop: '37px'}}>\r\n <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()}\r\n onBlur={this.inputBlur}\r\n />\r\n </div>\r\n )\r\n }\r\n} "]}
@@ -1,8 +0,0 @@
1
- .bind-card-container {
2
- width: 250px;
3
- margin: 0 auto;
4
- margin-top: 37px;
5
- .line {
6
- height: 12px;
7
- }
8
- }