component-shipinlv 0.1.25 → 1.0.2

Sign up to get free protection for your applications and to get access to all the features.
@@ -6,6 +6,7 @@ interface Props {
6
6
  productKind: 'vip' | 'vip-card';
7
7
  showPrice?: number;
8
8
  disabled?: boolean;
9
+ payMethod?: Global.PayMethod;
9
10
  onBuySuccess?: () => void;
10
11
  children: React.ReactNode;
11
12
  }
package/dist/Buy/index.js CHANGED
@@ -16,6 +16,7 @@ var Buy = function Buy(_ref) {
16
16
  vipId = _ref$vipId === void 0 ? 0 : _ref$vipId,
17
17
  _ref$productCount = _ref.productCount,
18
18
  productCount = _ref$productCount === void 0 ? 1 : _ref$productCount,
19
+ payMethod = _ref.payMethod,
19
20
  _ref$disabled = _ref.disabled,
20
21
  disabled = _ref$disabled === void 0 ? false : _ref$disabled,
21
22
  showPrice = _ref.showPrice,
@@ -29,22 +30,23 @@ var Buy = function Buy(_ref) {
29
30
  while (1) switch (_context.prev = _context.next) {
30
31
  case 0:
31
32
  if (!disabled) {
32
- _context.next = 2;
33
+ _context.next = 3;
33
34
  break;
34
35
  }
36
+ console.log('buy disabled.');
35
37
  return _context.abrupt("return");
36
- case 2:
38
+ case 3:
37
39
  // 先要登录;
38
40
  userInfo = Tool.getLocalUserInfo();
39
41
  if (userInfo.isLogin) {
40
- _context.next = 6;
42
+ _context.next = 7;
41
43
  break;
42
44
  }
43
45
  console.log("not login");
44
46
  return _context.abrupt("return", Tool.onLogin());
45
- case 6:
47
+ case 7:
46
48
  if (!(showPrice === 0)) {
47
- _context.next = 9;
49
+ _context.next = 10;
48
50
  break;
49
51
  }
50
52
  // 直接开通
@@ -62,9 +64,9 @@ var Buy = function Buy(_ref) {
62
64
  width: Math.min(520, ((_ref3 = global || window) === null || _ref3 === void 0 ? void 0 : _ref3.innerWidth) * 0.95)
63
65
  });
64
66
  return _context.abrupt("return");
65
- case 9:
66
- onOpenVipQr();
67
67
  case 10:
68
+ onOpenVipQr();
69
+ case 11:
68
70
  case "end":
69
71
  return _context.stop();
70
72
  }
@@ -77,6 +79,7 @@ var Buy = function Buy(_ref) {
77
79
  var onOpenVipQr = function onOpenVipQr() {
78
80
  var _ref4;
79
81
  var userId = Tool.getLocalUserInfo().id;
82
+ console.log('onOpenVipQr.');
80
83
  if (Platform.isWechat || Platform.isH5) {
81
84
  Tool.h5Pay({
82
85
  productKind: productKind,
@@ -95,6 +98,7 @@ var Buy = function Buy(_ref) {
95
98
  productKind: productKind,
96
99
  vipId: vipId,
97
100
  productCount: productCount,
101
+ payMethod: payMethod,
98
102
  onHandlePaySuccess: function onHandlePaySuccess() {
99
103
  onBuySuccess();
100
104
  dialog.destroy();
package/dist/Buy/qr.d.ts CHANGED
@@ -4,6 +4,7 @@ interface Props {
4
4
  productKind: string;
5
5
  vipId: number;
6
6
  productCount: number;
7
+ payMethod?: Global.PayMethod;
7
8
  onHandlePaySuccess: () => void;
8
9
  }
9
10
  declare const VipQr: React.FC<Props>;
package/dist/Buy/qr.js CHANGED
@@ -1,6 +1,7 @@
1
+ import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
1
2
  import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
2
3
  import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
3
- import React, { useState } from 'react';
4
+ import React, { useEffect, useState } from 'react';
4
5
  import { Result, Button, Space, Divider, Tabs } from 'antd';
5
6
  import { AlipayCircleOutlined, CloseOutlined, LoadingOutlined, PauseOutlined, WechatOutlined } from '@ant-design/icons';
6
7
  import { useRequest } from '@umijs/hooks';
@@ -24,6 +25,8 @@ var VipQr = function VipQr(_ref) {
24
25
  productCount = _ref$productCount === void 0 ? 1 : _ref$productCount,
25
26
  _ref$vipId = _ref.vipId,
26
27
  vipId = _ref$vipId === void 0 ? 0 : _ref$vipId,
28
+ _ref$payMethod = _ref.payMethod,
29
+ payMethod = _ref$payMethod === void 0 ? ['wepay', 'alipay'] : _ref$payMethod,
27
30
  _ref$onHandlePaySucce = _ref.onHandlePaySuccess,
28
31
  onHandlePaySuccess = _ref$onHandlePaySucce === void 0 ? function () {} : _ref$onHandlePaySucce;
29
32
  var _useState = useState(Tool.getLocalUserInfo()),
@@ -138,93 +141,117 @@ var VipQr = function VipQr(_ref) {
138
141
  loading = _useRequest2.loading,
139
142
  run = _useRequest2.run,
140
143
  error = _useRequest2.error;
141
- var itemsTabs = [{
142
- key: 'wepay',
143
- label: '微信支付',
144
- icon: /*#__PURE__*/_jsx(WechatOutlined, {
145
- className: "tabIcon"
146
- }),
147
- disabled: loadingPay,
148
- children: payOrderInfo.wepay.message ? /*#__PURE__*/_jsx(Result, {
149
- status: "error",
150
- title: "\u4E0B\u5355\u53D1\u751F\u4E00\u4E9B\u95EE\u9898",
151
- subTitle: payOrderInfo.wepay.message,
152
- children: /*#__PURE__*/_jsx(Button, {
153
- type: "primary",
154
- children: "\u91CD\u8BD5"
155
- })
156
- }) : /*#__PURE__*/_jsxs(_Fragment, {
157
- children: [/*#__PURE__*/_jsx("div", {
158
- className: "qrImage",
159
- children: payOrderInfo.wepay.qrUrl ? /*#__PURE__*/_jsx(QRCode, {
160
- value: payOrderInfo.wepay.qrUrl,
161
- fgColor: "#0bc160",
162
- size: 180
163
- }) : /*#__PURE__*/_jsx(LoadingOutlined, {
164
- className: "loadingIcon"
165
- })
166
- }), /*#__PURE__*/_jsx("div", {
167
- className: "qrAlt",
168
- children: Platform.isH5 ? /*#__PURE__*/_jsxs("div", {
169
- className: "altInH5",
170
- children: ["\u957F\u6309\u4E8C\u7EF4\u7801\uFF0C\u53EF\u8BC6\u522B\u4E8C\u7EF4\u7801\u652F\u4ED8", /*#__PURE__*/_jsx("p", {
171
- className: "toFriend",
172
- children: "\u6216\u8005\u4FDD\u5B58\u56FE\u7247\u8BA9\u670B\u53CB\u626B\u7801\u4EE3\u4ED8"
173
- })]
174
- }) : /*#__PURE__*/_jsxs("div", {
175
- className: "alt",
176
- children: ["\u8BF7\u7528 ", /*#__PURE__*/_jsx(WechatOutlined, {
177
- className: "wechatIcon"
178
- }), " \u5FAE\u4FE1 \u626B\u7801\u652F\u4ED8 ", /*#__PURE__*/_jsx(Divider, {
179
- type: "vertical"
180
- }), " \u4E5F\u53EF\u4EE5\u8BA9\u670B\u53CB\u626B\u7801\u4EE3\u4ED8"]
144
+ var _useState13 = useState([]),
145
+ _useState14 = _slicedToArray(_useState13, 2),
146
+ itemsTabs = _useState14[0],
147
+ setItemsTabs = _useState14[1];
148
+ var PayMethodList = {
149
+ wepay: [{
150
+ key: 'wepay',
151
+ label: '微信支付',
152
+ icon: /*#__PURE__*/_jsx(WechatOutlined, {
153
+ className: "tabIcon"
154
+ }),
155
+ disabled: loadingPay,
156
+ children: payOrderInfo.wepay.message ? /*#__PURE__*/_jsx(Result, {
157
+ status: "error",
158
+ title: "\u4E0B\u5355\u53D1\u751F\u4E00\u4E9B\u95EE\u9898",
159
+ subTitle: payOrderInfo.wepay.message,
160
+ children: /*#__PURE__*/_jsx(Button, {
161
+ type: "primary",
162
+ children: "\u91CD\u8BD5"
181
163
  })
182
- })]
183
- })
184
- }, {
185
- key: 'alipay',
186
- label: '支付宝',
187
- disabled: loadingPay,
188
- icon: /*#__PURE__*/_jsx(AlipayCircleOutlined, {
189
- className: "tabIcon"
190
- }),
191
- children: payOrderInfo.alipay.message ? /*#__PURE__*/_jsx(Result, {
192
- status: "error",
193
- title: "\u4E0B\u5355\u53D1\u751F\u4E00\u4E9B\u95EE\u9898",
194
- subTitle: payOrderInfo.alipay.message,
195
- children: /*#__PURE__*/_jsx(Button, {
196
- type: "primary",
197
- children: "\u91CD\u8BD5"
164
+ }) : /*#__PURE__*/_jsxs(_Fragment, {
165
+ children: [/*#__PURE__*/_jsx("div", {
166
+ className: "qrImage",
167
+ children: payOrderInfo.wepay.qrUrl ? /*#__PURE__*/_jsx(QRCode, {
168
+ value: payOrderInfo.wepay.qrUrl,
169
+ fgColor: "#0bc160",
170
+ size: 180
171
+ }) : /*#__PURE__*/_jsx(LoadingOutlined, {
172
+ className: "loadingIcon"
173
+ })
174
+ }), /*#__PURE__*/_jsx("div", {
175
+ className: "qrAlt",
176
+ children: Platform.isH5 ? /*#__PURE__*/_jsxs("div", {
177
+ className: "altInH5",
178
+ children: ["\u957F\u6309\u4E8C\u7EF4\u7801\uFF0C\u53EF\u8BC6\u522B\u4E8C\u7EF4\u7801\u652F\u4ED8", /*#__PURE__*/_jsx("p", {
179
+ className: "toFriend",
180
+ children: "\u6216\u8005\u4FDD\u5B58\u56FE\u7247\u8BA9\u670B\u53CB\u626B\u7801\u4EE3\u4ED8"
181
+ })]
182
+ }) : /*#__PURE__*/_jsxs("div", {
183
+ className: "alt",
184
+ children: ["\u8BF7\u7528 ", /*#__PURE__*/_jsx(WechatOutlined, {
185
+ className: "wechatIcon"
186
+ }), " \u5FAE\u4FE1 \u626B\u7801\u652F\u4ED8 ", /*#__PURE__*/_jsx(Divider, {
187
+ type: "vertical"
188
+ }), " \u4E5F\u53EF\u4EE5\u8BA9\u670B\u53CB\u626B\u7801\u4EE3\u4ED8"]
189
+ })
190
+ })]
198
191
  })
199
- }) : /*#__PURE__*/_jsxs(_Fragment, {
200
- children: [/*#__PURE__*/_jsx("div", {
201
- className: "qrImage",
202
- children: payOrderInfo.alipay.qrUrl ? /*#__PURE__*/_jsx(QRCode, {
203
- value: payOrderInfo.alipay.qrUrl,
204
- fgColor: "#1677ff",
205
- size: 180
206
- }) : /*#__PURE__*/_jsx(LoadingOutlined, {
207
- className: "loadingIcon"
192
+ }],
193
+ alipay: [{
194
+ key: 'alipay',
195
+ label: '支付宝',
196
+ disabled: loadingPay,
197
+ icon: /*#__PURE__*/_jsx(AlipayCircleOutlined, {
198
+ className: "tabIcon"
199
+ }),
200
+ children: payOrderInfo.alipay.message ? /*#__PURE__*/_jsx(Result, {
201
+ status: "error",
202
+ title: "\u4E0B\u5355\u53D1\u751F\u4E00\u4E9B\u95EE\u9898",
203
+ subTitle: payOrderInfo.alipay.message,
204
+ children: /*#__PURE__*/_jsx(Button, {
205
+ type: "primary",
206
+ children: "\u91CD\u8BD5"
208
207
  })
209
- }), /*#__PURE__*/_jsx("div", {
210
- className: "qrAlt",
211
- children: Platform.isH5 ? /*#__PURE__*/_jsxs("div", {
212
- className: "altInH5",
213
- children: ["\u957F\u6309\u4E8C\u7EF4\u7801\uFF0C\u53EF\u8BC6\u522B\u4E8C\u7EF4\u7801\u652F\u4ED8", /*#__PURE__*/_jsx("p", {
214
- className: "toFriend",
215
- children: "\u6216\u8005\u4FDD\u5B58\u56FE\u7247\u8BA9\u670B\u53CB\u626B\u7801\u4EE3\u4ED8"
216
- })]
217
- }) : /*#__PURE__*/_jsxs("div", {
218
- className: "alt",
219
- children: ["\u8BF7\u7528 ", /*#__PURE__*/_jsx(AlipayCircleOutlined, {
220
- className: "alipayIcon"
221
- }), " \u652F\u4ED8\u5B9D \u626B\u7801\u652F\u4ED8 ", /*#__PURE__*/_jsx(Divider, {
222
- type: "vertical"
223
- }), " \u4E5F\u53EF\u4EE5\u8BA9\u670B\u53CB\u626B\u7801\u4EE3\u4ED8"]
224
- })
225
- })]
226
- })
227
- }];
208
+ }) : /*#__PURE__*/_jsxs(_Fragment, {
209
+ children: [/*#__PURE__*/_jsx("div", {
210
+ className: "qrImage",
211
+ children: payOrderInfo.alipay.qrUrl ? /*#__PURE__*/_jsx(QRCode, {
212
+ value: payOrderInfo.alipay.qrUrl,
213
+ fgColor: "#1677ff",
214
+ size: 180
215
+ }) : /*#__PURE__*/_jsx(LoadingOutlined, {
216
+ className: "loadingIcon"
217
+ })
218
+ }), /*#__PURE__*/_jsx("div", {
219
+ className: "qrAlt",
220
+ children: Platform.isH5 ? /*#__PURE__*/_jsxs("div", {
221
+ className: "altInH5",
222
+ children: ["\u957F\u6309\u4E8C\u7EF4\u7801\uFF0C\u53EF\u8BC6\u522B\u4E8C\u7EF4\u7801\u652F\u4ED8", /*#__PURE__*/_jsx("p", {
223
+ className: "toFriend",
224
+ children: "\u6216\u8005\u4FDD\u5B58\u56FE\u7247\u8BA9\u670B\u53CB\u626B\u7801\u4EE3\u4ED8"
225
+ })]
226
+ }) : /*#__PURE__*/_jsxs("div", {
227
+ className: "alt",
228
+ children: ["\u8BF7\u7528 ", /*#__PURE__*/_jsx(AlipayCircleOutlined, {
229
+ className: "alipayIcon"
230
+ }), " \u652F\u4ED8\u5B9D \u626B\u7801\u652F\u4ED8 ", /*#__PURE__*/_jsx(Divider, {
231
+ type: "vertical"
232
+ }), " \u4E5F\u53EF\u4EE5\u8BA9\u670B\u53CB\u626B\u7801\u4EE3\u4ED8"]
233
+ })
234
+ })]
235
+ })
236
+ }]
237
+ };
238
+ var onInit = function onInit() {
239
+ payMethod === null || payMethod === void 0 || payMethod.forEach(function (payMethod) {
240
+ var itemData = PayMethodList[payMethod];
241
+ if (!itemData) {
242
+ return;
243
+ }
244
+ if (itemsTabs) {
245
+ itemsTabs.push(itemData[0]);
246
+ }
247
+ });
248
+ if (itemsTabs) {
249
+ setItemsTabs(_toConsumableArray(itemsTabs));
250
+ }
251
+ };
252
+ useEffect(function () {
253
+ onInit();
254
+ }, []);
228
255
  return /*#__PURE__*/_jsx(PageContentWarp, {
229
256
  loading: loading,
230
257
  error: error
@@ -26,7 +26,7 @@ var Money = function Money(_ref) {
26
26
  children: pre
27
27
  }), /*#__PURE__*/_jsx("span", {
28
28
  className: "value ".concat(value === 0 ? 'zero' : '', " "),
29
- children: typeof value === 'number' ? disabledMoneySimple ? value.toFixed(precision) : moneySimple(value, false, precision) : ''
29
+ children: typeof value === 'number' ? disabledMoneySimple ? parseFloat(value.toFixed(precision)) : moneySimple(value, false, precision) : ''
30
30
  }), /*#__PURE__*/_jsx("span", {
31
31
  className: "yen",
32
32
  children: end
@@ -7,6 +7,7 @@ interface Props {
7
7
  applyDemoTitle?: string;
8
8
  tableOffsetHeader?: number;
9
9
  env?: Global.Env;
10
+ payMethod?: Global.PayMethod;
10
11
  tableScrollY?: number | string;
11
12
  onBuySuccess?: () => void;
12
13
  }
@@ -46,6 +46,7 @@ var VipList = function VipList(_ref) {
46
46
  _ref$tableScrollY = _ref.tableScrollY,
47
47
  tableScrollY = _ref$tableScrollY === void 0 ? '65vh' : _ref$tableScrollY,
48
48
  env = _ref.env,
49
+ payMethod = _ref.payMethod,
49
50
  _ref$tableOffsetHeade = _ref.tableOffsetHeader,
50
51
  tableOffsetHeader = _ref$tableOffsetHeade === void 0 ? 56 : _ref$tableOffsetHeade,
51
52
  _ref$onBuySuccess = _ref.onBuySuccess,
@@ -278,7 +279,8 @@ var VipList = function VipList(_ref) {
278
279
  var price = getPrice(result.vipList, item.id);
279
280
  value = /*#__PURE__*/_jsx(Money, {
280
281
  value: price,
281
- precision: 0
282
+ precision: 2,
283
+ disabledMoneySimple: true
282
284
  });
283
285
  }
284
286
  itemData["vipLevel".concat(item.vipLevel)] = value;
@@ -367,10 +369,11 @@ var VipList = function VipList(_ref) {
367
369
  },
368
370
  children: /*#__PURE__*/_jsx(Buy, {
369
371
  env: env,
370
- disabled: userVip,
372
+ disabled: userVip && item.price === 0,
371
373
  productKind: "vip",
372
374
  vipId: (item === null || item === void 0 ? void 0 : item.id) || 0,
373
375
  productCount: 1,
376
+ payMethod: payMethod,
374
377
  showPrice: item === null || item === void 0 ? void 0 : item.price,
375
378
  onBuySuccess: onBuySuccess,
376
379
  children: /*#__PURE__*/_jsx(Button, {
@@ -158,7 +158,7 @@ declare const Tool: {
158
158
  setTimeOffset(serverTime: number): void;
159
159
  getTime(): number;
160
160
  h5Pay(query: Pay.H5PayQuery): void;
161
- notification(type: "info" | "error" | "success" | "warning", message: string, description?: import("react").ReactNode, options?: NotificationOptions): void;
161
+ notification(type: "success" | "info" | "warning" | "error", message: string, description?: import("react").ReactNode, options?: NotificationOptions): void;
162
162
  notificationSuccess(message: string, description?: import("react").ReactNode, options?: NotificationOptions): void;
163
163
  notificationError(message: string, description?: import("react").ReactNode, options?: NotificationOptions): void;
164
164
  notificationWarning(message: string, description?: import("react").ReactNode, options?: NotificationOptions): void;
package/dist/lib/Tool.js CHANGED
@@ -7,6 +7,9 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
7
7
  import { Modal, message, Tooltip } from 'antd';
8
8
  // const JrQrcode = require('jr-qrcode');
9
9
  import QRCode from 'qrcode.react';
10
+ if (!window.__events) {
11
+ window.__events = [];
12
+ }
10
13
 
11
14
  // import { history } from 'umi';
12
15
 
package/dist/typings.d.ts CHANGED
@@ -65,6 +65,8 @@ declare namespace Global {
65
65
  ws: string;
66
66
  authApi: string;
67
67
  }
68
+
69
+ type PayMethod = ( 'wepay' | 'alipay' )[];
68
70
  }
69
71
 
70
72
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "component-shipinlv",
3
- "version": "0.1.25",
3
+ "version": "1.0.2",
4
4
  "description": "",
5
5
  "module": "dist/index.js",
6
6
  "types": "dist/index.d.ts",