easy3wmui 0.0.2 → 0.0.4-3.beta1

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.
@@ -94,9 +94,13 @@ var Easy3wMInsideLayout = function (_Component) {
94
94
  'div',
95
95
  { id: 'Easy3wMInsideLayout' },
96
96
  hadHaederFlag ? _react2['default'].createElement(
97
- _Easy3wMGlobalHeader2['default'],
98
- { className: 'titleList' },
99
- this.getPageTitle()
97
+ 'div',
98
+ { className: 'titleListContent' },
99
+ _react2['default'].createElement(
100
+ _Easy3wMGlobalHeader2['default'],
101
+ { className: 'titleList' },
102
+ this.getPageTitle()
103
+ )
100
104
  ) : '',
101
105
  _react2['default'].createElement(
102
106
  'div',
@@ -1,8 +1,8 @@
1
1
  #Easy3wMInsideLayout {
2
2
  overflow: hidden;
3
- .content {
4
- margin-top: 42px;
5
- }
3
+ // .content {
4
+ // margin-top: 42px;
5
+ // }
6
6
  .titleList {
7
7
  background: var(--adm-color-primary);
8
8
  color: var(--adm-color-white);
@@ -38,12 +38,12 @@ var _antdMobile = require('antd-mobile');
38
38
 
39
39
  var _antdMobileIcons = require('antd-mobile-icons');
40
40
 
41
- var _Easy3wMCaptcha = require('../Easy3wMCaptcha');
42
-
43
- var _Easy3wMCaptcha2 = _interopRequireDefault(_Easy3wMCaptcha);
41
+ var _easy3wmui = require('easy3wmui');
44
42
 
45
43
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
46
44
 
45
+ // import styles from './index.less';
46
+
47
47
  var Tab = _tabs2['default'].Tab;
48
48
 
49
49
  var FormItem = _form2['default'].Item;
@@ -56,6 +56,12 @@ var Easy3wMLogin = function (_Component) {
56
56
 
57
57
  var _this = (0, _possibleConstructorReturn3['default'])(this, _Component.call(this, props));
58
58
 
59
+ _this.onChange = function (key) {
60
+ _this.setState({
61
+ activeKey: key // 标签页的key
62
+ });
63
+ };
64
+
59
65
  _this.checkCaptcha = function (rule, value, callback) {
60
66
  var captcharesult = _this.state.captcharesult;
61
67
 
@@ -75,26 +81,71 @@ var Easy3wMLogin = function (_Component) {
75
81
  });
76
82
  };
77
83
 
78
- _this.submitAccountLogin = function (e) {
79
- e.preventDefault();
80
- var handleOk = _this.props.handleOk;
84
+ _this.touchSetPassword = function () {
85
+ var visible = _this.state.visible;
81
86
 
82
- _this.props.form.validateFields().then(function (values) {
83
- if (handleOk && typeof handleOk === 'function') {
84
- handleOk(values);
85
- }
87
+ _this.setState({
88
+ visible: !visible // 密码显示隐藏
86
89
  });
87
90
  };
88
91
 
89
- _this.touchSetPassword = function (visible) {
90
- _this.setState({
91
- visible: visible // 密码显示隐藏
92
- });
92
+ _this.toPage = function (operationType) {
93
+ var toPage = _this.props.toPage;
94
+
95
+ if (toPage && typeof toPage === 'function') {
96
+ toPage(operationType);
97
+ }
98
+ };
99
+
100
+ _this.showModal = function (operationType) {
101
+ var showModal = _this.props.showModal;
102
+
103
+ if (showModal && typeof showModal === 'function') {
104
+ showModal(operationType);
105
+ }
106
+ };
107
+
108
+ _this.touchSendCode = function () {
109
+ var touchSendCode = _this.props.touchSendCode;
110
+
111
+ if (touchSendCode && typeof touchSendCode === 'function') {
112
+ touchSendCode(function (countProps) {
113
+ var count = countProps || 59;
114
+ _this.setState({
115
+ count: count // 验证码时间
116
+ });
117
+ _this.interval = setInterval(function () {
118
+ count -= 1;
119
+ _this.setState({
120
+ count: count // 验证码时间
121
+ });
122
+ if (count === 0) {
123
+ clearInterval(_this.interval);
124
+ }
125
+ }, 1000);
126
+ });
127
+ }
93
128
  };
94
129
 
130
+ _this.submitAccountLogin = function (values) {
131
+ var handleOk = _this.props.handleOk;
132
+ // this.props.form.validateFields().then((values) => {
133
+
134
+ if (handleOk && typeof handleOk === 'function') {
135
+ handleOk(values);
136
+ }
137
+ // });
138
+ };
139
+
140
+ var activeKey = _this.props.activeKey;
141
+
95
142
  _this.state = {
143
+ activeKey: activeKey || 'account', // 标签页的key
144
+ // 账号密码登录
96
145
  captcharesult: '', // 验证码--state
97
- visible: false // 密码显示隐藏
146
+ visible: false, // 密码显示隐藏
147
+ // 账号密码登录
148
+ count: 0 // 手机验证码登录
98
149
  };
99
150
  return _this;
100
151
  }
@@ -102,83 +153,187 @@ var Easy3wMLogin = function (_Component) {
102
153
  Easy3wMLogin.prototype.componentWillUnmount = function componentWillUnmount() {};
103
154
  // 生成form实例
104
155
  // formRef = React.createRef()
156
+ // 切换标签页
157
+
158
+ // --------------------------------------- 账号密码登录 start ---------------------------------------
105
159
  // 校验验证码
106
160
 
107
161
  // 生成校验码
108
162
 
109
- // 提交
110
-
111
163
  // 密码显示隐藏
112
164
 
165
+ // 跳转忘记密码
166
+
167
+ // 显示联系客服弹窗
168
+
169
+ // --------------------------------------- 账号密码登录 end -----------------------------------------
170
+ // --------------------------------------- 手机验证码登录 start ---------------------------------------
171
+ // 发送验证码
172
+
173
+ // --------------------------------------- 手机验证码登录 end -----------------------------------------
174
+ // 提交
175
+
113
176
 
114
177
  Easy3wMLogin.prototype.render = function render() {
115
178
  var _this2 = this;
116
179
 
180
+ var _state = this.state,
181
+ visible = _state.visible,
182
+ activeKey = _state.activeKey,
183
+ count = _state.count;
117
184
  var _props = this.props,
118
185
  form = _props.form,
119
186
  status = _props.status,
120
187
  submitting = _props.submitting,
121
- errorMsg = _props.errorMsg;
122
- var visible = this.state.visible;
188
+ errorMsg = _props.errorMsg,
189
+ objLoginMethod = _props.objLoginMethod;
190
+
191
+ var _ref = objLoginMethod || {},
192
+ account = _ref.account,
193
+ phone = _ref.phone;
123
194
 
124
195
  var errorMsgReal = errorMsg || '账户或密码错误';
125
196
  return _react2['default'].createElement(
126
- _tabs2['default'],
127
- { activeKey: 'account', onChange: this.onChange },
197
+ 'div',
198
+ { id: 'Easy3wMLogin' },
128
199
  _react2['default'].createElement(
129
- Tab,
130
- { title: '\u7528\u6237\u767B\u5F55', key: 'account' },
131
- status === 'error' && submitting === false && this.renderMessage(errorMsgReal),
132
- _react2['default'].createElement(
133
- _form2['default'],
134
- {
135
- // ref={this.formRef}
136
- form: form,
137
- layout: 'horizontal' // 字段与
138
- , name: 'login',
139
- footer: // 表单尾部的内容,常常用来放置提交按钮
140
- _react2['default'].createElement(
141
- 'div',
200
+ _tabs2['default'],
201
+ { activeKey: activeKey, onChange: this.onChange },
202
+ account ? _react2['default'].createElement(
203
+ Tab,
204
+ { title: '\u8D26\u53F7\u5BC6\u7801\u767B\u5F55', key: 'account', destroyOnClose: true },
205
+ _react2['default'].createElement(
206
+ _form2['default'],
207
+ {
208
+ onFinish: this.submitAccountLogin,
209
+ form: form,
210
+ layout: 'horizontal' // 字段与字段值排列方式
211
+ , name: 'account',
212
+ footer: // 表单尾部的内容,常常用来放置提交按钮
213
+ _react2['default'].createElement(
214
+ 'div',
215
+ null,
216
+ _react2['default'].createElement(
217
+ 'div',
218
+ { className: 'funArea' },
219
+ _react2['default'].createElement(
220
+ 'a',
221
+ { onClick: function onClick() {
222
+ return _this2.toPage('forgotPassword');
223
+ } },
224
+ '\u5FD8\u8BB0\u5BC6\u7801'
225
+ ),
226
+ _react2['default'].createElement(
227
+ 'a',
228
+ { onClick: function onClick() {
229
+ return _this2.showModal('customerService');
230
+ } },
231
+ '\u8054\u7CFB\u5BA2\u670D'
232
+ )
233
+ ),
234
+ _react2['default'].createElement(
235
+ _button2['default'],
236
+ { color: 'primary', fill: 'solid', block: true, type: 'primary', htmlType: 'submit' },
237
+ '\u767B\u5F55'
238
+ )
239
+ )
240
+ },
241
+ status === 'error' && submitting === false ? _react2['default'].createElement(
242
+ FormItem,
142
243
  null,
143
244
  _react2['default'].createElement(
144
- _button2['default'],
145
- { color: 'primary', fill: 'solid', block: true, onClick: this.submitAccountLogin },
146
- '\u767B\u5F55'
245
+ 'div',
246
+ { className: 'errorMsgReal' },
247
+ errorMsgReal
147
248
  )
249
+ ) : '',
250
+ _react2['default'].createElement(
251
+ FormItem,
252
+ { name: 'userName', required: true },
253
+ _react2['default'].createElement(_input2['default'], { onClick: this.changePsmode, placeholder: '\u8BF7\u8F93\u5165\u7528\u6237\u540D' })
254
+ ),
255
+ _react2['default'].createElement(
256
+ FormItem,
257
+ {
258
+ name: 'password',
259
+ required: true,
260
+ extra: _react2['default'].createElement(
261
+ _button2['default'],
262
+ {
263
+ size: 'small',
264
+ onClick: this.touchSetPassword,
265
+ htmlType: 'button'
266
+ },
267
+ visible ? _react2['default'].createElement(_antdMobileIcons.EyeOutline, null) : _react2['default'].createElement(_antdMobileIcons.EyeInvisibleOutline, null)
268
+ )
269
+ },
270
+ _react2['default'].createElement(_input2['default'], { placeholder: '\u8BF7\u8F93\u5165\u5BC6\u7801', type: visible ? 'text' : 'password' })
271
+ ),
272
+ _react2['default'].createElement(
273
+ FormItem,
274
+ {
275
+ name: 'piccaptcha',
276
+ rules: [{ required: true, message: '请输入验证码 不区分大小写' }, { validator: this.checkCaptcha }],
277
+ extra: _react2['default'].createElement(_easy3wmui.Easy3wMCaptcha, { touchCaptchaResult: this.touchCaptchaResult })
278
+ },
279
+ _react2['default'].createElement(_input2['default'], { placeholder: '\u8BF7\u8F93\u5165\u9A8C\u8BC1\u7801 \u4E0D\u533A\u5206\u5927\u5C0F\u5199' })
148
280
  )
149
- },
150
- _react2['default'].createElement(
151
- FormItem,
152
- { name: 'userName', required: true },
153
- _react2['default'].createElement(_input2['default'], { onClick: this.changePsmode, placeholder: '\u8BF7\u8F93\u5165\u7528\u6237\u540D' })
154
- ),
281
+ )
282
+ ) : '',
283
+ phone ? _react2['default'].createElement(
284
+ Tab,
285
+ { title: '\u624B\u673A\u9A8C\u8BC1\u7801\u767B\u5F55', key: 'phone', destroyOnClose: true },
155
286
  _react2['default'].createElement(
156
- FormItem,
287
+ _form2['default'],
157
288
  {
158
- name: 'password',
159
- required: true,
160
- extra: _react2['default'].createElement(
289
+ form: form,
290
+ layout: 'horizontal' // 字段与字段值排列方式
291
+ , name: 'phone',
292
+ onFinish: this.submitAccountLogin,
293
+ footer: // 表单尾部的内容,常常用来放置提交按钮
294
+ _react2['default'].createElement(
161
295
  'div',
162
296
  null,
163
- visible ? _react2['default'].createElement(_antdMobileIcons.EyeOutline, { onClick: function onClick() {
164
- return _this2.touchSetPassword(false);
165
- } }) : _react2['default'].createElement(_antdMobileIcons.EyeInvisibleOutline, { onClick: function onClick() {
166
- return _this2.touchSetPassword(true);
167
- } })
297
+ _react2['default'].createElement(
298
+ _button2['default'],
299
+ { type: 'submit', color: 'primary', fill: 'solid', block: true },
300
+ '\u767B\u5F55'
301
+ )
168
302
  )
169
303
  },
170
- _react2['default'].createElement(_input2['default'], { placeholder: '\u8BF7\u8F93\u5165\u5BC6\u7801', type: visible ? 'text' : 'password' })
171
- ),
172
- _react2['default'].createElement(
173
- FormItem,
174
- {
175
- name: 'piccaptcha',
176
- rules: [{ required: true, message: '请输入验证码 不区分大小写' }, { validator: this.checkCaptcha }],
177
- extra: _react2['default'].createElement(_Easy3wMCaptcha2['default'], { touchCaptchaResult: this.touchCaptchaResult })
178
- },
179
- _react2['default'].createElement(_input2['default'], { placeholder: '\u8BF7\u8F93\u5165\u9A8C\u8BC1\u7801 \u4E0D\u533A\u5206\u5927\u5C0F\u5199' })
304
+ status === 'error' && submitting === false ? _react2['default'].createElement(
305
+ FormItem,
306
+ null,
307
+ _react2['default'].createElement(
308
+ 'div',
309
+ { className: 'errorMsgReal' },
310
+ errorMsgReal
311
+ )
312
+ ) : '',
313
+ _react2['default'].createElement(
314
+ FormItem,
315
+ { name: 'phone', rules: [{ pattern: /^1\d{10}$/, required: true, message: '手机格式错误' }] },
316
+ _react2['default'].createElement(_input2['default'], { placeholder: '\u8BF7\u8F93\u5165\u624B\u673A\u53F7' })
317
+ ),
318
+ _react2['default'].createElement(
319
+ FormItem,
320
+ {
321
+ name: 'piccaptcha',
322
+ extra: count ? _react2['default'].createElement(
323
+ _button2['default'],
324
+ { size: 'small', type: 'button' },
325
+ count,
326
+ 's'
327
+ ) : _react2['default'].createElement(
328
+ _button2['default'],
329
+ { size: 'small', type: 'button', onClick: this.touchSendCode },
330
+ '\u53D1\u9001\u9A8C\u8BC1\u7801'
331
+ )
332
+ },
333
+ _react2['default'].createElement(_input2['default'], { placeholder: '\u8BF7\u8F93\u5165\u9A8C\u8BC1\u7801 \u4E0D\u533A\u5206\u5927\u5C0F\u5199' })
334
+ )
180
335
  )
181
- )
336
+ ) : ''
182
337
  )
183
338
  );
184
339
  };
@@ -0,0 +1,283 @@
1
+ 'use strict';
2
+
3
+ exports.__esModule = true;
4
+
5
+ var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
6
+
7
+ var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
8
+
9
+ var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
10
+
11
+ var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
12
+
13
+ var _inherits2 = require('babel-runtime/helpers/inherits');
14
+
15
+ var _inherits3 = _interopRequireDefault(_inherits2);
16
+
17
+ var _react = require('react');
18
+
19
+ var _react2 = _interopRequireDefault(_react);
20
+
21
+ var _dva = require('dva');
22
+
23
+ var _antdMobileIcons = require('antd-mobile-icons');
24
+
25
+ var _Easy3wMCard = require('../Easy3wMCard');
26
+
27
+ var _Easy3wMCard2 = _interopRequireDefault(_Easy3wMCard);
28
+
29
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
30
+
31
+ var Easy3wMPagination = function (_PureComponent) {
32
+ (0, _inherits3['default'])(Easy3wMPagination, _PureComponent);
33
+
34
+ function Easy3wMPagination(props) {
35
+ (0, _classCallCheck3['default'])(this, Easy3wMPagination);
36
+
37
+ var _this = (0, _possibleConstructorReturn3['default'])(this, _PureComponent.call(this, props));
38
+
39
+ _this.onChange = function (num, notFetchFlag) {
40
+ var _this$props = _this.props,
41
+ intData = _this$props.intData,
42
+ touchFetch = _this$props.touchFetch;
43
+
44
+ var intTotalPage = Math.ceil(intData / 10);
45
+ // const intTotalPage = 99999;
46
+ var offset = _this.state.offset;
47
+
48
+ if (typeof num === 'string') {
49
+ offset += Number(num);
50
+ } else {
51
+ offset = num;
52
+ }
53
+ if (offset < 1) {
54
+ offset = 1;
55
+ } else if (offset > intTotalPage) {
56
+ offset = intTotalPage;
57
+ }
58
+ _this.setState({
59
+ offset: offset // 当前页
60
+ }, function () {
61
+ if (notFetchFlag) {// true 不查询 false 查询
62
+ // 不查询
63
+ } else if (touchFetch && typeof touchFetch === 'function') {
64
+ touchFetch();
65
+ }
66
+ });
67
+ };
68
+
69
+ _this.touchCreatePageNum = function (intTotalPage, offset, index) {
70
+ var btnNum = intTotalPage > 999 ? 5 : 7;
71
+ /*
72
+ intTotalPage 总页数
73
+ offset 当前分页
74
+ btnNum 按钮数量
75
+ intTotalPage <= btnNum
76
+ <,1,2,3,4,5,6,7,> 删除6,7
77
+ intTotalPage > btnNum
78
+ offset - 3 <= 1
79
+ <,1,2,3,4,5,+5,intTotalPage,> 删除第三及倒数第三个按钮
80
+ intTotalPage > btnNum
81
+ offset - 3 > 1 && offset + 3 < intTotalPage
82
+ <,1,-5,6,7,8,+5,intTotalPage,> 删除第三及倒数第三个按钮
83
+ intTotalPage > btnNum
84
+ offset - 3 > 1 && offset + 3 >= intTotalPage
85
+ <,1,-5,6,7,8,9,intTotalPage,> 删除第三及倒数第三个按钮
86
+ */
87
+ if (intTotalPage <= btnNum) {
88
+ return index;
89
+ } else if (btnNum === 5 && intTotalPage > btnNum && offset - 2 < 1) {
90
+ if (index === 4) {
91
+ return '+5';
92
+ } else {
93
+ return index;
94
+ }
95
+ } else if (btnNum === 5 && intTotalPage > btnNum && offset - 2 >= 1 && offset + 2 <= intTotalPage) {
96
+ if (index === 4) {
97
+ return '+5';
98
+ } else if (index === 2) {
99
+ return '-5';
100
+ } else {
101
+ return offset;
102
+ }
103
+ } else if (btnNum === 5 && offset - 2 >= 1 && offset + 2 > intTotalPage) {
104
+ if (index === 2) {
105
+ // <1,-5,6,7,8>
106
+ return '-5';
107
+ } else if (index === 3) {
108
+ return intTotalPage - 2;
109
+ } else if (index === 4) {
110
+ return intTotalPage - 1;
111
+ }
112
+ } else if (btnNum === 7 && intTotalPage > btnNum && offset - 3 <= 1) {
113
+ if (index === 6) {
114
+ // 1,2,3,4,5,+5,intTotalPage
115
+ return '+5';
116
+ } else {
117
+ return index;
118
+ }
119
+ } else if (btnNum === 7 && intTotalPage > btnNum && offset - 3 > 1 && offset + 3 < intTotalPage) {
120
+ if (index === 2) {
121
+ return '-5';
122
+ } else if (index === 3) {
123
+ return offset - 1;
124
+ } else if (index === 4) {
125
+ return offset;
126
+ } else if (index === 5) {
127
+ return offset + 1;
128
+ } else if (index === 6) {
129
+ return '+5';
130
+ }
131
+ } else if (btnNum === 7 && intTotalPage > btnNum && offset - 3 > 1 && offset + 3 >= intTotalPage) {
132
+ if (index === 2) {
133
+ return '-5';
134
+ } else if (index === 3) {
135
+ return intTotalPage - 4;
136
+ } else if (index === 4) {
137
+ return intTotalPage - 3;
138
+ } else if (index === 5) {
139
+ return intTotalPage - 2;
140
+ } else if (index === 6) {
141
+ return intTotalPage - 1;
142
+ }
143
+ }
144
+ };
145
+
146
+ var bidPureComponent = _this.props.bidPureComponent;
147
+
148
+ if (bidPureComponent && typeof bidPureComponent === 'function') {
149
+ bidPureComponent(_this);
150
+ }
151
+ _this.state = {
152
+ offset: 1 // 当前页
153
+ };
154
+ return _this;
155
+ }
156
+
157
+ Easy3wMPagination.prototype.componentDidMount = function componentDidMount() {};
158
+
159
+ Easy3wMPagination.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
160
+ var offset = this.state.offset;
161
+ var intData = nextProps.intData;
162
+ // const { intData } = this.props;
163
+
164
+ var intTotalPage = Math.ceil(intData / 10);
165
+ // 查询之后发现,当前页数大于最大页数 (情况:1、录入查询条件,直接选择了最后一个分页,最终当前页数大于最大页数)
166
+ if (intData !== this.props.intData && offset > intTotalPage) {
167
+ this.setState({
168
+ offset: intTotalPage
169
+ });
170
+ }
171
+ };
172
+
173
+ Easy3wMPagination.prototype.componentWillUnmount = function componentWillUnmount() {};
174
+ // --------------------------------------------- 分页 start ---------------------------------------------
175
+ // 切换页数
176
+
177
+ // 生成分页数字
178
+
179
+
180
+ // --------------------------------------------- 分页 end -----------------------------------------------
181
+ Easy3wMPagination.prototype.render = function render() {
182
+ var _this2 = this;
183
+
184
+ var intData = this.props.intData;
185
+ var offset = this.state.offset;
186
+
187
+ var intTotalPage = Math.ceil(intData / 10);
188
+ var btn2 = this.touchCreatePageNum(intTotalPage, offset, 2);
189
+ var btnText2 = typeof btn2 === 'string' ? _react2['default'].createElement(_antdMobileIcons.MoreOutline, null) : btn2;
190
+ var btn3 = this.touchCreatePageNum(intTotalPage, offset, 3);
191
+ var btnText3 = typeof btn3 === 'string' ? _react2['default'].createElement(_antdMobileIcons.MoreOutline, null) : btn3;
192
+ var btn4 = this.touchCreatePageNum(intTotalPage, offset, 4);
193
+ var btnText4 = typeof btn4 === 'string' ? _react2['default'].createElement(_antdMobileIcons.MoreOutline, null) : btn4;
194
+ var btn5 = this.touchCreatePageNum(intTotalPage, offset, 5);
195
+ var btnText5 = typeof btn5 === 'string' ? _react2['default'].createElement(_antdMobileIcons.MoreOutline, null) : btn5;
196
+ var btn6 = this.touchCreatePageNum(intTotalPage, offset, 6);
197
+ var btnText6 = typeof btn6 === 'string' ? _react2['default'].createElement(_antdMobileIcons.MoreOutline, null) : btn6;
198
+ return _react2['default'].createElement(
199
+ 'div',
200
+ { id: 'Easy3wMPagination' },
201
+ _react2['default'].createElement(
202
+ _Easy3wMCard2['default'],
203
+ null,
204
+ _react2['default'].createElement(
205
+ 'div',
206
+ { className: 'easy3wMGridPageStepper' },
207
+ _react2['default'].createElement(
208
+ 'span',
209
+ { className: 'emgpsBtn ' + (offset === 1 ? 'emgpsBtnDisable' : ''), onClick: offset === 1 ? function () {} : function () {
210
+ return _this2.onChange(offset - 1);
211
+ } },
212
+ _react2['default'].createElement(_antdMobileIcons.LeftOutline, null)
213
+ ),
214
+ _react2['default'].createElement(
215
+ 'span',
216
+ { className: 'emgpsBtn ' + (offset === 1 ? 'emgpsBtnActive' : ''), onClick: offset === 1 ? function () {} : function () {
217
+ return _this2.onChange(1);
218
+ } },
219
+ '1'
220
+ ),
221
+ _react2['default'].createElement(
222
+ 'span',
223
+ { className: 'emgpsBtn ' + (offset === btn2 ? 'emgpsBtnActive' : '') + ' ' + (btn2 >= intTotalPage ? 'emgpsBtnNo' : ''), onClick: offset === btn2 ? function () {} : function () {
224
+ return _this2.onChange(btn2);
225
+ } },
226
+ btnText2
227
+ ),
228
+ _react2['default'].createElement(
229
+ 'span',
230
+ { className: 'emgpsBtn ' + (offset === btn3 ? 'emgpsBtnActive' : '') + ' ' + (btn3 >= intTotalPage ? 'emgpsBtnNo' : ''), onClick: offset === btn3 ? function () {} : function () {
231
+ return _this2.onChange(btn3);
232
+ } },
233
+ btnText3
234
+ ),
235
+ _react2['default'].createElement(
236
+ 'span',
237
+ { className: 'emgpsBtn ' + (offset === btn4 ? 'emgpsBtnActive' : '') + ' ' + (btn4 >= intTotalPage ? 'emgpsBtnNo' : ''), onClick: offset === btn4 ? function () {} : function () {
238
+ return _this2.onChange(btn4);
239
+ } },
240
+ btnText4
241
+ ),
242
+ _react2['default'].createElement(
243
+ 'span',
244
+ { className: 'emgpsBtn ' + (offset === btn5 ? 'emgpsBtnActive' : '') + ' ' + (btn5 >= intTotalPage || intTotalPage > 999 ? 'emgpsBtnNo' : ''), onClick: offset === btn5 ? function () {} : function () {
245
+ return _this2.onChange(btn5);
246
+ } },
247
+ btnText5
248
+ ),
249
+ _react2['default'].createElement(
250
+ 'span',
251
+ { className: 'emgpsBtn ' + (offset === btn6 ? 'emgpsBtnActive' : '') + ' ' + (btn6 >= intTotalPage || intTotalPage > 999 ? 'emgpsBtnNo' : ''), onClick: offset === btn6 ? function () {} : function () {
252
+ return _this2.onChange(btn6);
253
+ } },
254
+ btnText6
255
+ ),
256
+ _react2['default'].createElement(
257
+ 'span',
258
+ { className: 'emgpsBtn ' + (offset === intTotalPage ? 'emgpsBtnActive' : '') + ' ' + (intTotalPage > 1 ? '' : 'emgpsBtnNo'), onClick: offset === intTotalPage ? function () {} : function () {
259
+ return _this2.onChange(intTotalPage);
260
+ } },
261
+ intTotalPage
262
+ ),
263
+ _react2['default'].createElement(
264
+ 'span',
265
+ { className: 'emgpsBtn ' + (offset === intTotalPage ? 'emgpsBtnDisable' : ''), onClick: offset === intTotalPage ? function () {} : function () {
266
+ return _this2.onChange(offset + 1);
267
+ } },
268
+ _react2['default'].createElement(_antdMobileIcons.RightOutline, null)
269
+ )
270
+ )
271
+ )
272
+ );
273
+ };
274
+
275
+ return Easy3wMPagination;
276
+ }(_react.PureComponent);
277
+
278
+ exports['default'] = (0, _dva.connect)(function (state) {
279
+ return {
280
+ loading: state.loading
281
+ };
282
+ })(Easy3wMPagination);
283
+ module.exports = exports['default'];