component-shipinlv 1.0.6 → 1.0.7

package/dist/Auth/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface Props {
+    loginTypeList: Global.AuthClientLoginType[];
+    domain?: string;
+    onLoginSuccess: () => void;
+}
+declare const Auth: React.FC<Props>;
+export default Auth;

package/dist/Auth/index.js

@@ -0,0 +1,334 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useState, useEffect, useRef } from 'react';
+import { WechatOutlined, RedoOutlined, UserOutlined } from '@ant-design/icons';
+import { Tabs } from 'antd';
+import { useRequest } from '@umijs/hooks';
+import * as AuthController from "../service/api/AuthController";
+import PageContentWarp from "../UI/PageContentWarp";
+import AuthLoginReg from "../AuthClient/login-reg";
+import Platform from "../lib/platform";
+import QrWs from "../AuthClient/qr/ws";
+import { getApiEnv } from "../lib/getApiUrl";
+import styles from "../AuthClient/qr/index.css";
+import QRCode from 'qrcode.react';
+import h5WePublicLogin from "../AuthClient/qr/h5-we-public-login";
+import Tool from "../lib/Tool";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var reTryMaxCount = 120;
+var reTryTimeLoop = 1000; // ms
+var FromWhere = 'web';
+
+// 逐渐弃用 AuthClient ，使用 本函数
+var Auth = function Auth(_ref) {
+  var loginTypeList = _ref.loginTypeList,
+    _ref$domain = _ref.domain,
+    domain = _ref$domain === void 0 ? document.location.hostname : _ref$domain,
+    _ref$onLoginSuccess = _ref.onLoginSuccess,
+    onLoginSuccess = _ref$onLoginSuccess === void 0 ? function () {} : _ref$onLoginSuccess;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    loading = _useState2[0],
+    setLoading = _useState2[1];
+  var qrWsRef = useRef();
+  var _useState3 = useState((loginTypeList === null || loginTypeList === void 0 ? void 0 : loginTypeList[0]) || 'wechat'),
+    _useState4 = _slicedToArray(_useState3, 2),
+    activeKey = _useState4[0],
+    setActiveKey = _useState4[1];
+  var _useState5 = useState("".concat(Tool.math.randWord(20))),
+    _useState6 = _slicedToArray(_useState5, 1),
+    loginId = _useState6[0];
+  var _useState7 = useState(''),
+    _useState8 = _slicedToArray(_useState7, 2),
+    weQrUrl = _useState8[0],
+    setWeQrUrl = _useState8[1];
+  var isNextTryRef = useRef(activeKey === 'wechat');
+
+  // 要不要继续 try
+  var _useState9 = useState(isNextTryRef.current),
+    _useState10 = _slicedToArray(_useState9, 2),
+    isNextTry = _useState10[0],
+    setNextTry = _useState10[1];
+  var reTryCountRef = useRef(0);
+  var _useState11 = useState(0),
+    _useState12 = _slicedToArray(_useState11, 2),
+    reTryCount = _useState12[0],
+    setReTryCount = _useState12[1];
+  var timer = useRef(setTimeout(function () {}, 1));
+  var eventSourceRef = useRef(null);
+  var onLoginCancel = function onLoginCancel() {
+    var _eventSourceRef$curre, _qrWsRef$current;
+    (_eventSourceRef$curre = eventSourceRef.current) === null || _eventSourceRef$curre === void 0 || _eventSourceRef$curre.close();
+    clearInterval(timer.current);
+    reTryCountRef.current = 0;
+    setReTryCount(0);
+    (_qrWsRef$current = qrWsRef.current) === null || _qrWsRef$current === void 0 || _qrWsRef$current.destroy();
+  };
+  var onCheckLogin = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var init, post;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            qrWsRef.current = new QrWs();
+
+            // 先初始化
+            _context.next = 3;
+            return qrWsRef.current.init().catch(function (err) {
+              Tool.toastError(err.message);
+            });
+          case 3:
+            init = _context.sent;
+            if (init) {
+              _context.next = 7;
+              break;
+            }
+            onLoginError();
+            return _context.abrupt("return");
+          case 7:
+            _context.next = 9;
+            return qrWsRef.current.post({
+              fromWhere: FromWhere,
+              loginId: loginId
+            }, {
+              onData: function onData(text) {}
+            }).catch(function (err) {
+              Tool.toastError(err.message);
+              onLoginError();
+            });
+          case 9:
+            post = _context.sent;
+            // 登录成功
+            if (post) {
+              // 登陆成功；
+              // let info = {};
+              // try {
+              //   info = JSON.parse( post.data );
+              // }catch (e) {
+              //   console.log("result:", post, e )
+              // }
+              onCheckSuccess(post.data);
+            }
+          case 11:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function onCheckLogin() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var onCheckSuccess = function onCheckSuccess(userInfo) {
+    Tool.setLocalUserInfo(_objectSpread(_objectSpread({}, userInfo), {}, {
+      isLogin: true
+    }));
+    onLoginSuccess();
+    Tool.event.run('login-success');
+    Tool.toast('登录成功');
+  };
+  var _useRequest = useRequest(function () {
+      return AuthController.weMiniLoginQr({
+        loginId: loginId,
+        //string 32
+        loginType: 'client',
+        from: "web",
+        // 没有推荐者，会根据域名判断 经销商
+        inviteUserId: Tool.getInviteUserId(),
+        domain: domain || document.location.hostname,
+        env: getApiEnv()
+      });
+    }, {
+      manual: true,
+      //,
+      onSuccess: function onSuccess(result) {
+        setWeQrUrl(result.url);
+        onRunCheck();
+      }
+    }),
+    runWeLoginQr = _useRequest.run,
+    loadingWeLoginQr = _useRequest.loading,
+    errorWeLoginQr = _useRequest.error;
+  var onRunCheck = function onRunCheck() {
+    clearInterval(timer.current);
+    onCheckLogin();
+    reTryCountRef.current = 0;
+    setReTryCount(0);
+    timer.current = setInterval(function () {
+      reTryCountRef.current++;
+      setReTryCount(reTryCountRef.current);
+      console.log("reTryCount:", reTryCountRef.current);
+      if (reTryCountRef.current >= reTryMaxCount) {
+        onLoginError();
+        return;
+      }
+    }, reTryTimeLoop);
+  };
+  var onRetryWeQr = function onRetryWeQr() {
+    isNextTryRef.current = true;
+    setNextTry(true);
+    setReTryCount(0);
+    reTryCountRef.current = 0;
+
+    // 重新
+    setWeQrUrl('');
+    runWeLoginQr();
+  };
+  var onTabChange = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(keyName) {
+      var _qrWsRef$current2;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            // @ts-ignore
+            setActiveKey(keyName);
+            if (keyName === 'wechat') {
+              // await runWeLoginQr();
+              onRetryWeQr();
+            } else {
+              // 停止 weixin
+              (_qrWsRef$current2 = qrWsRef.current) === null || _qrWsRef$current2 === void 0 || _qrWsRef$current2.destroy();
+            }
+          case 2:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function onTabChange(_x) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  var onLoginError = function onLoginError() {
+    clearInterval(timer.current);
+    isNextTryRef.current = false;
+    setNextTry(false);
+    reTryCountRef.current = 0;
+    setReTryCount(0);
+    onLoginCancel();
+  };
+  var onInit = /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            if (!Platform.isWechat) {
+              _context3.next = 7;
+              break;
+            }
+            setLoading(true);
+            // jump
+            _context3.next = 4;
+            return h5WePublicLogin();
+          case 4:
+            setLoading(false);
+            _context3.next = 9;
+            break;
+          case 7:
+            _context3.next = 9;
+            return runWeLoginQr();
+          case 9:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3);
+    }));
+    return function onInit() {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+  useEffect(function () {
+    onInit();
+    return function () {
+      clearTimeout(timer.current);
+    };
+  }, []);
+  return /*#__PURE__*/_jsx(styles.AuthQrLogin, {
+    children: /*#__PURE__*/_jsxs(styles.LoginForm, {
+      children: [/*#__PURE__*/_jsx(styles.WebTitle, {
+        children: /*#__PURE__*/_jsx("span", {
+          children: "\u767B\u5F55/\u6CE8\u518C"
+        })
+      }), /*#__PURE__*/_jsxs(Tabs, {
+        activeKey: activeKey,
+        onChange: function onChange(keyName) {
+          onTabChange(keyName);
+        },
+        children: [/*#__PURE__*/_jsx(Tabs.TabPane, {
+          tab: /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsx(WechatOutlined, {}), " \u5FAE\u4FE1"]
+          }),
+          disabled: (loginTypeList === null || loginTypeList === void 0 ? void 0 : loginTypeList.length) > 0 && !loginTypeList.includes('wechat'),
+          children: /*#__PURE__*/_jsx(PageContentWarp, {
+            loading: loadingWeLoginQr || loading,
+            error: errorWeLoginQr,
+            onReload: function onReload() {
+              return onRetryWeQr();
+            },
+            children: /*#__PURE__*/_jsxs(styles.WeQrUrlBox, {
+              children: [/*#__PURE__*/_jsxs("div", {
+                style: {
+                  // backgroundImage: `url('${ weQrUrl }')`,
+                },
+                className: "qr wechat ".concat(isNextTry ? '' : 'noTry'),
+                children: [!isNextTry && /*#__PURE__*/_jsx("div", {
+                  className: "reTry",
+                  onClick: onRetryWeQr,
+                  children: /*#__PURE__*/_jsx("a", {
+                    children: /*#__PURE__*/_jsx(RedoOutlined, {})
+                  })
+                }), /*#__PURE__*/_jsx("div", {
+                  className: "weQrUrl",
+                  children: /*#__PURE__*/_jsx(QRCode, {
+                    value: weQrUrl,
+                    fgColor: "#0bc160",
+                    size: 230
+                  })
+                })]
+              }), Platform.isH5 ? /*#__PURE__*/_jsxs("div", {
+                className: "altWeb",
+                children: [/*#__PURE__*/_jsx("div", {
+                  className: "titles",
+                  children: "\u4E0B\u9762\u4EFB\u9009\u4E00\u4E2A\u65B9\u6CD5\u90FD\u53EF\u4EE5\u767B\u5F55\uFF1A"
+                }), /*#__PURE__*/_jsxs("ul", {
+                  children: [/*#__PURE__*/_jsx("li", {
+                    children: "1\u3001\u628A\u672C\u9875\u7F51\u5740\u590D\u5236\u5230\u5FAE\u4FE1\u91CC\u9762\u6253\u5F00"
+                  }), /*#__PURE__*/_jsx("li", {
+                    children: "2\u3001\u8BF7\u7528\u5FAE\u4FE1\u626B\u7801\u767B\u5F55"
+                  })]
+                })]
+              }) : /*#__PURE__*/_jsx("div", {
+                className: "alt"
+              })]
+            })
+          })
+        }, "wechat"), /*#__PURE__*/_jsx(Tabs.TabPane, {
+          tab: /*#__PURE__*/_jsxs("span", {
+            className: "tab-icon",
+            children: [/*#__PURE__*/_jsx(UserOutlined, {}), "\u8D26\u6237"]
+          }),
+          disabled: loginTypeList.includes('account-login'),
+          children: /*#__PURE__*/_jsx(AuthLoginReg, {
+            accountRegDisabled: loginTypeList.includes('account-reg'),
+            onSuccess: function onSuccess() {
+              return onLoginSuccess();
+            }
+          })
+        }, "account")]
+      }), activeKey === 'wechat' && /*#__PURE__*/_jsx("div", {
+        className: "percent",
+        children: /*#__PURE__*/_jsx("div", {
+          className: "warp",
+          style: {
+            width: "".concat(reTryCount / reTryMaxCount * 100, "%")
+          }
+        })
+      })]
+    })
+  });
+};
+export default Auth;

package/dist/index.d.ts

@@ -3,6 +3,7 @@ export { default as VipCompare } from './VipCompare';
 export { default as Buy } from './Buy';
 export { default as Login } from './Login';
 export { default as AuthClient } from './AuthClient';
+export { default as Auth } from './Auth';
 export { default as Product } from './Product';
 export { default as JoinClient } from './join-client';
 export { default as VipList } from './VipList';

package/dist/index.js

@@ -5,6 +5,7 @@ export { default as VipCompare } from "./VipCompare";
 export { default as Buy } from "./Buy";
 export { default as Login } from "./Login";
 export { default as AuthClient } from "./AuthClient";
+export { default as Auth } from "./Auth";
 export { default as Product } from "./Product";
 export { default as JoinClient } from "./join-client";
 export { default as VipList } from "./VipList";

package/dist/typings.d.ts

@@ -1,6 +1,6 @@
 declare namespace Global {
   export type Env = 'local' | 'pre' | 'prod';
-  type AuthClientLoginType = 'wechat' | 'account' | 'alipay';
+  type AuthClientLoginType = 'wechat' | 'account-login' | 'account-reg' | 'alipay';
   export type ProductKind = 'vip' | 'vip-card' | string;
   interface RequestResult{
     code: string;

package/package.json

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