component-shipinlv 1.0.2 → 1.0.3

package/dist/Buy/qr.js

@@ -1,4 +1,3 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useEffect, useState } from 'react';
@@ -32,7 +31,7 @@ var VipQr = function VipQr(_ref) {
   var _useState = useState(Tool.getLocalUserInfo()),
     _useState2 = _slicedToArray(_useState, 1),
     userInfo = _useState2[0];
-  var _useState3 = useState('wepay'),
+  var _useState3 = useState(payMethod === null || payMethod === void 0 ? void 0 : payMethod[0]),
     _useState4 = _slicedToArray(_useState3, 2),
     payChannel = _useState4[0],
     setPayChannel = _useState4[1];
@@ -106,6 +105,9 @@ var VipQr = function VipQr(_ref) {
         if (payOrderInfo[result.payChannel]) {
           payOrderInfo[result.payChannel].qrUrl = result.codeUrl || result.mWebUrl;
           setPayOrderInfo(_objectSpread({}, payOrderInfo));
+          console.log('payOrderInfo:', payOrderInfo);
+          setItemsTabs(getItemsTabs(payOrderInfo));
+
           // 五秒后自动弹出；
           setTimeout(function () {
             setPayResult(true);
@@ -141,22 +143,19 @@ var VipQr = function VipQr(_ref) {
     loading = _useRequest2.loading,
     run = _useRequest2.run,
     error = _useRequest2.error;
-  var _useState13 = useState([]),
-    _useState14 = _slicedToArray(_useState13, 2),
-    itemsTabs = _useState14[0],
-    setItemsTabs = _useState14[1];
-  var PayMethodList = {
-    wepay: [{
+  var getPayMethodList = function getPayMethodList() {
+    var payInfo = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : payOrderInfo;
+    var payMethodList = [{
       key: 'wepay',
       label: '微信支付',
       icon: /*#__PURE__*/_jsx(WechatOutlined, {
         className: "tabIcon"
       }),
       disabled: loadingPay,
-      children: payOrderInfo.wepay.message ? /*#__PURE__*/_jsx(Result, {
+      children: payInfo.wepay.message ? /*#__PURE__*/_jsx(Result, {
         status: "error",
         title: "\u4E0B\u5355\u53D1\u751F\u4E00\u4E9B\u95EE\u9898",
-        subTitle: payOrderInfo.wepay.message,
+        subTitle: payInfo.wepay.message,
         children: /*#__PURE__*/_jsx(Button, {
           type: "primary",
           children: "\u91CD\u8BD5"
@@ -164,8 +163,8 @@ var VipQr = function VipQr(_ref) {
       }) : /*#__PURE__*/_jsxs(_Fragment, {
         children: [/*#__PURE__*/_jsx("div", {
           className: "qrImage",
-          children: payOrderInfo.wepay.qrUrl ? /*#__PURE__*/_jsx(QRCode, {
-            value: payOrderInfo.wepay.qrUrl,
+          children: payInfo.wepay.qrUrl ? /*#__PURE__*/_jsx(QRCode, {
+            value: payInfo.wepay.qrUrl,
             fgColor: "#0bc160",
             size: 180
           }) : /*#__PURE__*/_jsx(LoadingOutlined, {
@@ -189,18 +188,17 @@ var VipQr = function VipQr(_ref) {
           })
         })]
       })
-    }],
-    alipay: [{
+    }, {
       key: 'alipay',
       label: '支付宝',
       disabled: loadingPay,
       icon: /*#__PURE__*/_jsx(AlipayCircleOutlined, {
         className: "tabIcon"
       }),
-      children: payOrderInfo.alipay.message ? /*#__PURE__*/_jsx(Result, {
+      children: payInfo.alipay.message ? /*#__PURE__*/_jsx(Result, {
         status: "error",
         title: "\u4E0B\u5355\u53D1\u751F\u4E00\u4E9B\u95EE\u9898",
-        subTitle: payOrderInfo.alipay.message,
+        subTitle: payInfo.alipay.message,
         children: /*#__PURE__*/_jsx(Button, {
           type: "primary",
           children: "\u91CD\u8BD5"
@@ -208,8 +206,8 @@ var VipQr = function VipQr(_ref) {
       }) : /*#__PURE__*/_jsxs(_Fragment, {
         children: [/*#__PURE__*/_jsx("div", {
           className: "qrImage",
-          children: payOrderInfo.alipay.qrUrl ? /*#__PURE__*/_jsx(QRCode, {
-            value: payOrderInfo.alipay.qrUrl,
+          children: payInfo.alipay.qrUrl ? /*#__PURE__*/_jsx(QRCode, {
+            value: payInfo.alipay.qrUrl,
             fgColor: "#1677ff",
             size: 180
           }) : /*#__PURE__*/_jsx(LoadingOutlined, {
@@ -233,25 +231,51 @@ var VipQr = function VipQr(_ref) {
           })
         })]
       })
-    }]
+    }];
+    return payMethodList;
   };
-  var onInit = function onInit() {
+  var getItemsTabs = function getItemsTabs() {
+    var payInfo = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : payOrderInfo;
+    var itemsTabs = [];
+    var payMethodList = getPayMethodList(payInfo);
     payMethod === null || payMethod === void 0 || payMethod.forEach(function (payMethod) {
-      var itemData = PayMethodList[payMethod];
-      if (!itemData) {
+      var index = -1;
+      if (!payMethodList) {
         return;
       }
-      if (itemsTabs) {
-        itemsTabs.push(itemData[0]);
+      payMethodList === null || payMethodList === void 0 || payMethodList.some(function (item, i) {
+        if (item.key === payMethod) {
+          index = i;
+        }
+      });
+      if (index < 0) {
+        return;
+      }
+      if (payMethodList) {
+        itemsTabs.push(payMethodList[index]);
       }
     });
-    if (itemsTabs) {
-      setItemsTabs(_toConsumableArray(itemsTabs));
-    }
+    return itemsTabs;
+  };
+  var _useState13 = useState(getItemsTabs()),
+    _useState14 = _slicedToArray(_useState13, 2),
+    itemsTabs = _useState14[0],
+    setItemsTabs = _useState14[1];
+  var onInit = function onInit() {
+    // payMethod?.forEach( payMethod => {
+    //   const itemData = PayMethodList[ payMethod ];
+    //   if( ! itemData){
+    //     return;
+    //   }
+    //   if( itemsTabs ){
+    //     itemsTabs.push( itemData[0] );
+    //   }
+    // });
+    // if( itemsTabs ){
+    //   setItemsTabs([...itemsTabs]);
+    // }
   };
-  useEffect(function () {
-    onInit();
-  }, []);
+  useEffect(function () {}, []);
   return /*#__PURE__*/_jsx(PageContentWarp, {
     loading: loading,
     error: error

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "component-shipinlv",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",