component-shipinlv 0.0.1

package/dist/AuthClient/qr/index.js

@@ -0,0 +1,315 @@
+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 Tool from "../../lib/Tool";
+import { useRequest } from '@umijs/hooks';
+import "./index.less";
+import * as AuthController from "../../service/api/AuthController";
+import PageContentWarp from "../../UI/PageContentWarp";
+import AuthLoginReg from "../login-reg";
+import Platform from "../../lib/platform";
+import QrWs from "./ws";
+import { getApiEnv } from "../../lib/getApiUrl";
+// import LoginQrAlipay from "component-shipinlv/AuthClient/alipay";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var reTryMaxCount = 120;
+var reTryTimeLoop = 1000; // ms
+var FromWhere = 'web';
+var LoginQr = function LoginQr(_ref) {
+  var defaultLoginType = _ref.defaultLoginType,
+    wechatDisabled = _ref.wechatDisabled,
+    accountDisabled = _ref.accountDisabled,
+    accountRegDisabled = _ref.accountRegDisabled,
+    accountHidden = _ref.accountHidden,
+    alipayDisabled = _ref.alipayDisabled,
+    _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(defaultLoginType || 'wechat'),
+    _useState4 = _slicedToArray(_useState3, 2),
+    activeKey = _useState4[0],
+    setActiveKey = _useState4[1];
+  // 受限于 小程序 Scene 长度的限制
+  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',
+        // 没有推荐者，会根据域名判断 经销商
+        inviteUserId: Tool.getInviteUserId(),
+        env: getApiEnv()
+      });
+    }, {
+      manual: true,
+      onSuccess: function onSuccess(result) {
+        setWeQrUrl(Tool.makeQrUrl(result.url, '#0bc160'));
+        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:
+          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("section", {
+    className: "authQrLogin",
+    children: /*#__PURE__*/_jsxs("div", {
+      className: "loginForm",
+      children: [/*#__PURE__*/_jsx("div", {
+        className: "form-group",
+        children: /*#__PURE__*/_jsx("h1", {
+          className: "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("span", {
+            className: "tab-icon",
+            children: [/*#__PURE__*/_jsx(WechatOutlined, {}), "\u5FAE\u4FE1"]
+          }),
+          disabled: wechatDisabled,
+          children: /*#__PURE__*/_jsxs(PageContentWarp, {
+            loading: loadingWeLoginQr || loading,
+            error: errorWeLoginQr,
+            onReload: function onReload() {
+              return onRetryWeQr();
+            },
+            className: "weQrUrlBox",
+            children: [/*#__PURE__*/_jsx("div", {
+              style: {
+                backgroundImage: "url('".concat(weQrUrl, "')")
+              },
+              className: "qr wechat ".concat(isNextTry ? '' : 'noTry'),
+              children: !isNextTry && /*#__PURE__*/_jsx("div", {
+                className: "reTry",
+                onClick: onRetryWeQr,
+                children: /*#__PURE__*/_jsx("a", {
+                  children: /*#__PURE__*/_jsx(RedoOutlined, {})
+                })
+              })
+            }), 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",
+              children: "\u8BF7\u7528\u5FAE\u4FE1\u626B\u7801\u767B\u5F55"
+            })]
+          })
+        }, "wechat"), !accountHidden && /*#__PURE__*/_jsx(Tabs.TabPane, {
+          tab: /*#__PURE__*/_jsxs("span", {
+            className: "tab-icon",
+            children: [/*#__PURE__*/_jsx(UserOutlined, {}), "\u8D26\u6237"]
+          }),
+          disabled: accountDisabled,
+          children: /*#__PURE__*/_jsx(AuthLoginReg, {
+            accountRegDisabled: accountRegDisabled,
+            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 LoginQr;

package/dist/AuthClient/qr/index.less

@@ -0,0 +1,84 @@
+.authQrLogin{
+  .loginForm{
+    margin: 0 auto;
+    padding: 0 0 5px 0  ;
+    background-color: rgba(255, 255, 255, 0.75 );
+    border-radius: 6px;
+  }
+  .webTitle{
+    font-weight: normal;
+    font-size: 22px;
+    text-align: center;
+    padding: 0;
+    margin: 6px 0 0 0;
+    line-height: 1em;
+    span{
+      display: inline-block;
+      padding-left: 5px;
+      font-weight: lighter;
+      font-size: 16px;
+    };
+  }
+  .weQrUrlBox{
+    min-height: 240px !important;
+    .weQrUrl{
+      width: 240px;
+      display: block;
+      margin: 10px auto 0;
+    }
+  }
+
+  .qr{
+    display: block;
+    margin: 12px auto 0;
+    width: 230px;
+    height: 230px;
+    background-repeat: no-repeat;
+    background-size: cover;
+    background-position: center;
+    &.qrAlipay{
+      border: 3px solid #1677ff;
+    }
+    .reTry{
+      font-size: 80px;
+      background-color: rgba( 255, 255, 255, 0.95 );
+      text-align: center;
+      line-height: 210px;
+      height: 100%;
+      a{
+        display: block;
+      }
+    }
+  }
+  .alt{
+    padding: 10px 0 0;
+    color: #999;
+    text-align: center;
+  }
+  .altWeb{
+    padding: 16px 0 0;
+    max-width: 300px;
+    margin: 0 auto;
+    .titles{
+      text-align: center;
+      font-weight: bold;
+    }
+    ul{
+      margin: 0 10px;
+    }
+
+  }
+  .percent{
+    width: 100%;
+    position: absolute;
+    overflow: hidden;
+    left: 0;
+    bottom: 0;
+    .warp{
+      height: 4px;
+      background-color: #1677ff;
+      transition: all 1.6s ease-in-out;
+      -webkit-transition: all 1.6s ease-in-out;
+    }
+  }
+}

package/dist/AuthClient/qr/typings.d.ts

@@ -0,0 +1,22 @@
+declare namespace QrWebsocket{
+  interface Options{
+
+  }
+
+  interface PostData{
+    // question 为空时候，用最后一条问题；
+    fromWhere: string;
+    loginId: string;
+  }
+
+  interface PostQuery{
+    onData: ( text: string ) => void;
+  }
+
+  type PostResult = Promise<Global.RequestResult>;
+
+  interface HistoryList{
+    chatClassifyId: string;
+    title: string;
+  }
+}

package/dist/AuthClient/qr/ws.d.ts

@@ -0,0 +1,20 @@
+import WS from "../../component/websocket";
+import type { ConnectStatus } from '../../component/websocket';
+type EventName = 'connect-status' | 'message';
+declare class QrWs {
+    wsId: string;
+    connectStatus: ConnectStatus;
+    ws: WS | null;
+    private events;
+    constructor();
+    destroy(): void;
+    onCancel(): void;
+    on(name: EventName, fn?: (data?: any) => void): void;
+    run(name: EventName, data?: any): void;
+    off(name: EventName): void;
+    init(): Promise<unknown>;
+    post(postData: QrWebsocket.PostData, query: QrWebsocket.PostQuery): Promise<Global.RequestResult>;
+    onReConnect(): void;
+    onConnectSuccess(): void;
+}
+export default QrWs;

package/dist/AuthClient/qr/ws.js

@@ -0,0 +1,253 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import WS from "../../component/websocket";
+import Tool from "../../lib/Tool";
+import { getWsUrl } from "../../lib/getApiUrl";
+// 1、先 onInit
+// 2、再 post
+var QrWs = /*#__PURE__*/function () {
+  function QrWs() {
+    _classCallCheck(this, QrWs);
+    _defineProperty(this, "wsId", '');
+    _defineProperty(this, "connectStatus", 'processing');
+    _defineProperty(this, "ws", null);
+    _defineProperty(this, "events", []);
+    // this.onInit();
+    this.wsId = Tool.math.randWord(16);
+  }
+  _createClass(QrWs, [{
+    key: "destroy",
+    value: function destroy() {
+      this.onCancel();
+    }
+  }, {
+    key: "onCancel",
+    value: function onCancel() {
+      var _this$ws;
+      console.log("chat qr ask onCancel", this.ws);
+      (_this$ws = this.ws) === null || _this$ws === void 0 || _this$ws.destroy();
+      this.events = [];
+    }
+  }, {
+    key: "on",
+    value: function on(name) {
+      var fn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function (data) {};
+      this.events.push({
+        name: name,
+        fn: fn
+      });
+    }
+  }, {
+    key: "run",
+    value: function run(name, data) {
+      this.events.forEach(function (items) {
+        if (name === items.name) {
+          items.fn(data);
+        }
+      });
+    }
+  }, {
+    key: "off",
+    value: function off(name) {
+      var _this = this;
+      this.events.forEach(function (items, index) {
+        if (name === items.name) {
+          _this.events.splice(index, 1);
+        }
+      });
+    }
+  }, {
+    key: "init",
+    value: function () {
+      var _init = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+        var _this2 = this;
+        return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              return _context3.abrupt("return", new Promise( /*#__PURE__*/function () {
+                var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(resolve, reject) {
+                  var postParam, url;
+                  return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+                    while (1) switch (_context2.prev = _context2.next) {
+                      case 0:
+                        _this2.connectStatus = 'processing';
+                        postParam = Tool.param({
+                          wsId: _this2.wsId
+                        });
+                        url = getWsUrl() + "client/auth/checkLogin".toLocaleLowerCase() + "?".concat(postParam);
+                        _this2.ws = new WS(url);
+                        _this2.ws.on('message', /*#__PURE__*/function () {
+                          var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(result) {
+                            var resultData;
+                            return _regeneratorRuntime().wrap(function _callee$(_context) {
+                              while (1) switch (_context.prev = _context.next) {
+                                case 0:
+                                  // console.log(' socket message:', result.data );
+
+                                  try {
+                                    resultData = JSON.parse(result.data);
+                                  } catch (e) {
+                                    resultData = {
+                                      data: {
+                                        success: false,
+                                        data: [],
+                                        type: '',
+                                        message: '发生了一些问题'
+                                      }
+                                    };
+                                    console.warn('dataFlow message', result);
+                                  }
+                                  _this2.run('message', resultData);
+                                case 2:
+                                case "end":
+                                  return _context.stop();
+                              }
+                            }, _callee);
+                          }));
+                          return function (_x3) {
+                            return _ref2.apply(this, arguments);
+                          };
+                        }());
+                        _this2.ws.on('connect-status', function (status) {
+                          _this2.connectStatus = status;
+                          console.log('Client Server Status: connect:', status);
+                          switch (status) {
+                            // 初始化时候出发
+                            case 'success':
+                              _this2.onConnectSuccess();
+                              resolve(true);
+                              break;
+                            case 'error':
+                              // // 初始化时候， 连接后任意时间 出发
+                              reject(new Error("WS 连接错误，请重试"));
+                              break;
+                          }
+                        });
+                      case 6:
+                      case "end":
+                        return _context2.stop();
+                    }
+                  }, _callee2);
+                }));
+                return function (_x, _x2) {
+                  return _ref.apply(this, arguments);
+                };
+              }()));
+            case 1:
+            case "end":
+              return _context3.stop();
+          }
+        }, _callee3);
+      }));
+      function init() {
+        return _init.apply(this, arguments);
+      }
+      return init;
+    }() // 每个实例，同时 只能 有一个 post ，不然 message 会混淆
+  }, {
+    key: "post",
+    value: function () {
+      var _post = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(postData, query) {
+        var _this3 = this;
+        return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+          while (1) switch (_context5.prev = _context5.next) {
+            case 0:
+              console.log('client qr on Init:');
+              return _context5.abrupt("return", new Promise( /*#__PURE__*/function () {
+                var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(resolve, reject) {
+                  var _this3$ws, _this3$ws2;
+                  var sendData;
+                  return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+                    while (1) switch (_context4.prev = _context4.next) {
+                      case 0:
+                        if (!(_this3.connectStatus !== 'success')) {
+                          _context4.next = 2;
+                          break;
+                        }
+                        return _context4.abrupt("return", reject(new Error('ws未连接，请重试')));
+                      case 2:
+                        _this3.on('message', function (result) {
+                          // query.onData( result );
+                          console.log('message 1:', result);
+                          switch (result.code) {
+                            case 'success':
+                              _this3.onCancel();
+                              resolve(result);
+                              break;
+                            case 'fail':
+                              _this3.onCancel();
+                              reject(new Error(result.message || '发生了一些问题'));
+                              break;
+                            case 'message':
+                              var _data = result.message;
+                              query.onData(_data);
+                              break;
+                            default:
+                              // 到这里相当于失败了
+                              _this3.onCancel();
+                              reject(new Error(result.message || '发生了一些问题'));
+                          }
+                        });
+                        (_this3$ws = _this3.ws) === null || _this3$ws === void 0 || _this3$ws.on('connect-status', function (status) {
+                          switch (status) {
+                            case 'error':
+                              // // 初始化时候， 连接后任意时间 出发
+                              reject(new Error("WS 连接错误，请重试"));
+                              break;
+                            case 'close':
+                              //  连接后，任意时间 出发
+                              _this3.onCancel();
+                              reject(new Error("连接已关闭"));
+                              break;
+                          }
+                        });
+                        sendData = {
+                          messageType: 'auth',
+                          query: postData
+                        };
+                        (_this3$ws2 = _this3.ws) === null || _this3$ws2 === void 0 || _this3$ws2.send(sendData);
+                      case 6:
+                      case "end":
+                        return _context4.stop();
+                    }
+                  }, _callee4);
+                }));
+                return function (_x6, _x7) {
+                  return _ref3.apply(this, arguments);
+                };
+              }()));
+            case 2:
+            case "end":
+              return _context5.stop();
+          }
+        }, _callee5);
+      }));
+      function post(_x4, _x5) {
+        return _post.apply(this, arguments);
+      }
+      return post;
+    }()
+  }, {
+    key: "onReConnect",
+    value: function onReConnect() {}
+  }, {
+    key: "onConnectSuccess",
+    value: function onConnectSuccess() {}
+  }]);
+  return QrWs;
+}(); // useEffect(() => {
+//
+//   if( reTryTimer.current ){
+//     clearTimeout( reTryTimer.current );
+//   }
+//   reTryTimer.current = setTimeout(() => {
+//     if( ['error', 'close'].includes( connectStatus ) ){
+//       onInit();
+//     }
+//     reTryTimer.current = 0;
+//   }, 6000 );
+// }, [ connectStatus ]);
+export default QrWs;