@authing/react-ui-components 3.0.1-alpha.3 → 3.0.1-beta.3

package/lib/Login/core/withPassword/index.js

@@ -0,0 +1,243 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LoginWithPassword = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _antd = require("antd");
+
+var _reactI18next = require("react-i18next");
+
+var _guradHttp = require("../../../_utils/guradHttp");
+
+var _authClient = require("../../../Guard/authClient");
+
+var _utils = require("../../../_utils");
+
+var _GuardErrorCode = require("../../../_utils/GuardErrorCode");
+
+var _SubmitButton = _interopRequireDefault(require("../../../SubmitButton"));
+
+var _ = require("../../..");
+
+var _FormItemAccount = require("./FormItemAccount");
+
+var _InputAccount = require("./InputAccount");
+
+var _GraphicVerifyCode = require("./GraphicVerifyCode");
+
+var _IconFont = require("../../../IconFont");
+
+var _InputPassword = require("../../../InputPassword");
+
+var LoginWithPassword = function LoginWithPassword(props) {
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation.t;
+
+  var _useGuardHttp = (0, _guradHttp.useGuardHttp)(),
+      post = _useGuardHttp.post;
+
+  var client = (0, _authClient.useGuardAuthClient)();
+  var submitButtonRef = (0, _react.useRef)(null);
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      showCaptcha = _useState2[0],
+      setShowCaptcha = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(''),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      verifyCodeUrl = _useState4[0],
+      setVerifyCodeUrl = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(0),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      remainCount = _useState6[0],
+      setRemainCount = _useState6[1];
+
+  var getCaptchaUrl = function getCaptchaUrl() {
+    var url = new URL(props.host);
+    url.pathname = '/api/v2/security/captcha';
+    url.search = "?r=".concat(+new Date());
+    return url.href;
+  };
+
+  var encrypt = client.options.encryptFunction;
+
+  var onFinish = /*#__PURE__*/function () {
+    var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(values) {
+      var loginInfo, context, url, account, password, captchaCode, body, _yield$post, code, message, data, _remainCount;
+
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              setRemainCount(0); // onBeforeLogin
+
+              submitButtonRef === null || submitButtonRef === void 0 ? void 0 : submitButtonRef.current.onSpin(true);
+              loginInfo = {
+                type: _.LoginMethods.Password,
+                data: {
+                  identity: values.account,
+                  password: values.password,
+                  captchaCode: values.captchaCode
+                }
+              };
+              _context.next = 5;
+              return props.onBeforeLogin(loginInfo);
+
+            case 5:
+              context = _context.sent;
+
+              if (context) {
+                _context.next = 9;
+                break;
+              }
+
+              submitButtonRef === null || submitButtonRef === void 0 ? void 0 : submitButtonRef.current.onSpin(false);
+              return _context.abrupt("return");
+
+            case 9:
+              // onLogin
+              url = '/api/v2/login/account';
+              account = values.account && values.account.trim();
+              password = values.password && values.password.trim();
+              captchaCode = values.captchaCode && values.captchaCode.trim();
+              _context.t0 = account;
+              _context.next = 16;
+              return encrypt(password, props.publicKey);
+
+            case 16:
+              _context.t1 = _context.sent;
+              _context.t2 = captchaCode;
+              _context.t3 = (0, _utils.getUserRegisterParams)();
+              _context.t4 = props.autoRegister;
+              body = {
+                account: _context.t0,
+                password: _context.t1,
+                captchaCode: _context.t2,
+                customData: _context.t3,
+                autoRegister: _context.t4
+              };
+              _context.next = 23;
+              return post(url, body);
+
+            case 23:
+              _yield$post = _context.sent;
+              code = _yield$post.code;
+              message = _yield$post.message;
+              data = _yield$post.data;
+
+              if (code !== 200) {
+                submitButtonRef.current.onError();
+              }
+
+              if (code === _GuardErrorCode.ErrorCode.INPUT_CAPTCHACODE) {
+                setVerifyCodeUrl(getCaptchaUrl());
+                setShowCaptcha(true);
+              }
+
+              if (code === _GuardErrorCode.ErrorCode.PASSWORD_ERROR) {
+                if (data !== null && data !== void 0 && data.remainCount) {
+                  setRemainCount((_remainCount = data === null || data === void 0 ? void 0 : data.remainCount) !== null && _remainCount !== void 0 ? _remainCount : 0);
+                }
+              }
+
+              submitButtonRef === null || submitButtonRef === void 0 ? void 0 : submitButtonRef.current.onSpin(false);
+              props.onLogin(code, data, message);
+
+            case 32:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function onFinish(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "authing-g2-login-password"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Form, {
+    name: "passworLogin",
+    onFinish: onFinish,
+    onFinishFailed: function onFinishFailed() {
+      return submitButtonRef.current.onError();
+    },
+    autoComplete: "off"
+  }, /*#__PURE__*/_react.default.createElement(_FormItemAccount.FormItemAccount, {
+    name: "account",
+    className: "authing-g2-input-form",
+    passwordLoginMethods: props.passwordLoginMethods
+  }, /*#__PURE__*/_react.default.createElement(_InputAccount.InputAccount, {
+    className: "authing-g2-input",
+    autoComplete: "email,username,tel",
+    size: "large",
+    prefix: /*#__PURE__*/_react.default.createElement(_IconFont.IconFont, {
+      type: "authing-a-user-line1",
+      style: {
+        color: '#878A95'
+      }
+    }),
+    passwordLoginMethods: props.passwordLoginMethods
+  })), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    name: "password",
+    validateTrigger: ['onBlur', 'onChange'],
+    className: "authing-g2-input-form",
+    rules: (0, _utils.fieldRequiredRule)(t('common.password'))
+  }, /*#__PURE__*/_react.default.createElement(_InputPassword.InputPassword, {
+    className: "authing-g2-input",
+    size: "large",
+    placeholder: t('login.inputLoginPwd'),
+    prefix: /*#__PURE__*/_react.default.createElement(_IconFont.IconFont, {
+      type: "authing-a-lock-line1",
+      style: {
+        color: '#878A95'
+      }
+    })
+  })), showCaptcha && /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    className: "authing-g2-input-form",
+    validateTrigger: ['onBlur', 'onChange'],
+    name: "captchaCode",
+    rules: (0, _utils.fieldRequiredRule)(t('common.captchaCode'))
+  }, /*#__PURE__*/_react.default.createElement(_GraphicVerifyCode.GraphicVerifyCode, {
+    className: "authing-g2-input",
+    size: "large",
+    placeholder: t('login.inputCaptchaCode'),
+    verifyCodeUrl: verifyCodeUrl,
+    changeCode: function changeCode() {
+      return setVerifyCodeUrl(getCaptchaUrl());
+    }
+  })), remainCount !== 0 && /*#__PURE__*/_react.default.createElement("span", {
+    style: {
+      marginBottom: 23,
+      fontSize: 12,
+      color: '#E63333',
+      display: 'block'
+    }
+  }, t('common.loginFailCheck', {
+    number: remainCount
+  })), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, null, /*#__PURE__*/_react.default.createElement(_SubmitButton.default, {
+    text: props.autoRegister ? "".concat(t('common.login'), " / ").concat(t('common.register')) : t('common.login'),
+    className: "password",
+    ref: submitButtonRef
+  }))));
+};
+
+exports.LoginWithPassword = LoginWithPassword;

package/lib/Login/core/withPhonecode.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const LoginWithPhoneCode: (props: any) => JSX.Element;

package/lib/Login/core/withPhonecode.js

@@ -0,0 +1,189 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LoginWithPhoneCode = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _antd = require("antd");
+
+var _reactI18next = require("react-i18next");
+
+var _authClient = require("../../Guard/authClient");
+
+var _ = require("../../");
+
+var _SendCode = require("../../SendCode");
+
+var _utils = require("../../_utils");
+
+var _SubmitButton = _interopRequireDefault(require("../../SubmitButton"));
+
+var _InputNumber = require("../../InputNumber");
+
+var _ValidatorRules = _interopRequireDefault(require("../../ValidatorRules"));
+
+var _IconFont = require("../../IconFont");
+
+// const formatPhone = (value: any) => {
+//   if (!value) {
+//     return ''
+//   }
+//   let a = value.slice(0, 3)
+//   let b = value.slice(3, 7)
+//   let c = value.slice(7, 11)
+//   if (value.length < 4) {
+//     return a
+//   } else if (value.length < 8) {
+//     return `${a}-${b}`
+//   } else {
+//     return `${a}-${b}-${c}`
+//   }
+// }
+var LoginWithPhoneCode = function LoginWithPhoneCode(props) {
+  var _props$verifyCodeLeng;
+
+  var _Form$useForm = _antd.Form.useForm(),
+      _Form$useForm2 = (0, _slicedToArray2.default)(_Form$useForm, 1),
+      form = _Form$useForm2[0];
+
+  var submitButtonRef = (0, _react.useRef)(null);
+
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation.t;
+
+  var client = (0, _authClient.useGuardAuthClient)();
+  var verifyCodeLength = (_props$verifyCodeLeng = props.verifyCodeLength) !== null && _props$verifyCodeLeng !== void 0 ? _props$verifyCodeLeng : 4;
+
+  var onFinish = /*#__PURE__*/function () {
+    var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(values) {
+      var loginInfo, context, loginContext;
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              submitButtonRef.current.onSpin(true); // onBeforeLogin
+
+              loginInfo = {
+                type: _.LoginMethods.Password,
+                data: {
+                  phone: values.phone,
+                  code: values.code
+                }
+              };
+              _context.next = 4;
+              return props.onBeforeLogin(loginInfo);
+
+            case 4:
+              context = _context.sent;
+
+              if (context) {
+                _context.next = 8;
+                break;
+              }
+
+              submitButtonRef.current.onSpin(false);
+              return _context.abrupt("return");
+
+            case 8:
+              loginContext = client.loginByPhoneCode(values.phone, values.code);
+              loginContext.then(function (u) {
+                submitButtonRef.current.onSpin(false);
+                props.onLogin(200, u);
+              }).catch(function (e) {
+                submitButtonRef.current.onError();
+                props.onLogin(e.code, e.data, e.message);
+              }).finally(function () {
+                submitButtonRef.current.onSpin(false);
+              });
+
+            case 10:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function onFinish(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "authing-g2-login-phone-code"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Form, {
+    name: "phoneCode",
+    form: form,
+    onFinish: onFinish,
+    onFinishFailed: function onFinishFailed() {
+      return submitButtonRef.current.onError();
+    },
+    autoComplete: "off"
+  }, /*#__PURE__*/_react.default.createElement(_ValidatorRules.default.Phone, {
+    className: "authing-g2-input-form",
+    name: "phone",
+    required: true
+  }, /*#__PURE__*/_react.default.createElement(_InputNumber.InputNumber, {
+    className: "authing-g2-input",
+    autoComplete: "tel",
+    type: "tel",
+    size: "large" // 只有 InputNumber formatter、controls API
+    ,
+    maxLength: 11 // formatter={formatPhone}
+    // parser={(value) => (value ? value.replaceAll('-', '') : '')}
+    ,
+    placeholder: t('login.inputPhone'),
+    prefix: /*#__PURE__*/_react.default.createElement(_IconFont.IconFont, {
+      type: "authing-a-user-line1",
+      style: {
+        color: '#878A95'
+      }
+    })
+  })), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    validateTrigger: ['onBlur', 'onChange'],
+    className: "authing-g2-input-form",
+    name: "code",
+    rules: (0, _utils.fieldRequiredRule)(t('common.captchaCode'))
+  }, /*#__PURE__*/_react.default.createElement(_SendCode.SendCode, {
+    className: "authing-g2-input",
+    autoComplete: "one-time-code",
+    size: "large",
+    placeholder: t('common.inputFourVerifyCode', {
+      length: verifyCodeLength
+    }),
+    maxLength: verifyCodeLength,
+    autoSubmit: true // prefix={<SafetyOutlined style={{ color: '#878A95' }} />}
+    ,
+    prefix: /*#__PURE__*/_react.default.createElement(_IconFont.IconFont, {
+      type: "authing-a-shield-check-line1",
+      style: {
+        color: '#878A95'
+      }
+    }),
+    method: "phone",
+    data: '',
+    form: form,
+    onSendCodeBefore: function onSendCodeBefore() {
+      return form.validateFields(['phone']);
+    }
+  })), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, null, /*#__PURE__*/_react.default.createElement(_SubmitButton.default, {
+    text: props.autoRegister ? "".concat(t('common.login'), " / ").concat(t('common.register')) : t('common.login'),
+    className: "password",
+    ref: submitButtonRef
+  }))));
+};
+
+exports.LoginWithPhoneCode = LoginWithPhoneCode;

package/lib/Login/core/withWechatMiniQrcode.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface LoginWithWechatMiniQrcodeProps {
+    onLogin: any;
+    canLoop: boolean;
+    qrCodeScanOptions: any;
+}
+export declare const LoginWithWechatMiniQrcode: (props: LoginWithWechatMiniQrcodeProps) => JSX.Element;
+export {};

package/lib/Login/core/withWechatMiniQrcode.js

@@ -0,0 +1,85 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LoginWithWechatMiniQrcode = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _antd = require("antd");
+
+var _ShieldSpin = require("../../ShieldSpin");
+
+var _authClient = require("../../Guard/authClient");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var LoginWithWechatMiniQrcode = function LoginWithWechatMiniQrcode(props) {
+  var timerRef = (0, _react.useRef)();
+  var client = (0, _authClient.useGuardAuthClient)();
+
+  var _useState = (0, _react.useState)(true),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      loading = _useState2[0],
+      setLoading = _useState2[1];
+
+  var appQrcodeClient = client.wxqrcode;
+  (0, _react.useEffect)(function () {
+    if (!props.canLoop) {
+      return;
+    }
+
+    appQrcodeClient.startScanning('authingGuardMiniQrcode', _objectSpread(_objectSpread({
+      autoExchangeUserInfo: true
+    }, props.qrCodeScanOptions), {}, {
+      onCodeLoaded: function onCodeLoaded() {
+        setLoading(false);
+      },
+      onStart: function onStart(timer) {
+        // console.log('开始扫码')
+        timerRef.current = timer;
+      },
+      onSuccess: function onSuccess(user) {
+        // console.log('扫码完成', user)
+        // onSuccess && onSuccess(user as User)
+        props.onLogin(200, user);
+      },
+      onError: function onError(ms) {
+        // config.qrCodeScanOptions?.onError?.(message)
+        // onFail && onFail(`${message}`)
+        _antd.message.error(ms);
+      },
+      onCodeLoadFailed: function onCodeLoadFailed(_ref) {
+        var mes = _ref.message;
+
+        _antd.message.error(JSON.parse(mes).message);
+
+        setLoading(false);
+      },
+      onRetry: function onRetry() {
+        setLoading(true);
+      }
+    }));
+    return function () {
+      return clearInterval(timerRef.current);
+    }; // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [appQrcodeClient, props.canLoop, props.qrCodeScanOptions]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "authing-g2-login-app-qrcode"
+  }, loading && /*#__PURE__*/_react.default.createElement(_ShieldSpin.ShieldSpin, null), /*#__PURE__*/_react.default.createElement("div", {
+    id: "authingGuardMiniQrcode"
+  }));
+};
+
+exports.LoginWithWechatMiniQrcode = LoginWithWechatMiniQrcode;

package/lib/Login/core/withWechatmpQrcode.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface LoginWithWechatmpQrcodeProps {
+    onLogin: any;
+    canLoop: boolean;
+    qrCodeScanOptions: any;
+}
+export declare const LoginWithWechatmpQrcode: (props: LoginWithWechatmpQrcodeProps) => JSX.Element;
+export {};

package/lib/Login/core/withWechatmpQrcode.js

@@ -0,0 +1,75 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LoginWithWechatmpQrcode = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _ShieldSpin = require("../../ShieldSpin");
+
+var _authClient = require("../../Guard/authClient");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var LoginWithWechatmpQrcode = function LoginWithWechatmpQrcode(props) {
+  var timerRef = (0, _react.useRef)();
+  var client = (0, _authClient.useGuardAuthClient)();
+
+  var _useState = (0, _react.useState)(true),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      loading = _useState2[0],
+      setLoading = _useState2[1];
+
+  var appQrcodeClient = client.wechatmpqrcode; // const config = props.config
+
+  (0, _react.useEffect)(function () {
+    if (!props.canLoop) {
+      return;
+    }
+
+    appQrcodeClient.startScanning('authingGuardMpQrcode', _objectSpread(_objectSpread({
+      autoExchangeUserInfo: true
+    }, props.qrCodeScanOptions), {}, {
+      onCodeLoaded: function onCodeLoaded() {
+        setLoading(false);
+      },
+      onStart: function onStart(timer) {
+        timerRef.current = timer;
+      },
+      onSuccess: function onSuccess(user) {
+        props.onLogin(200, user); // onSuccess && onSuccess(user as User)
+      },
+      onError: function onError(message) {// config.qrCodeScanOptions?.onError?.(message)
+        // onFail && onFail(`${message}`)
+      },
+      onCodeLoadFailed: function onCodeLoadFailed() {
+        setLoading(false);
+      },
+      onRetry: function onRetry() {
+        setLoading(true);
+      }
+    }));
+    return function () {
+      return clearInterval(timerRef.current);
+    }; // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [appQrcodeClient, props.canLoop, props.qrCodeScanOptions]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "authing-g2-login-app-qrcode"
+  }, loading && /*#__PURE__*/_react.default.createElement(_ShieldSpin.ShieldSpin, null), /*#__PURE__*/_react.default.createElement("div", {
+    id: "authingGuardMpQrcode"
+  }));
+};
+
+exports.LoginWithWechatmpQrcode = LoginWithWechatmpQrcode;

package/lib/Login/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { GuardLoginViewProps } from './interface';
+export declare const GuardLoginView: (props: GuardLoginViewProps) => JSX.Element;