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

package/{lib/_utils → src/components/AuthingGuard}/locales/zh/login.json

@@ -25,9 +25,9 @@
   "loginBy": "使用 {{name}} 登录",
   "thridAccLogin": "第三方账号登录",
   "inputRecoverCode": "请输入恢复代码",
-  "confirmSavedCode": "请确保你已保存密钥",
+  "confirmSavedCode": "请确保您已保存密钥",
   "rememberedSecret": "已经安全地记录了这段密钥",
-  "newGenered": "已为你生成新的恢复代码",
+  "newGenered": "已为您生成新的恢复代码",
   "mfaAfterReset": "成功登录后，我们将生成一个新的恢复代码",
   "findedSafetyCode": "找到安全码直接验证",
   "getBackPwd": "\b找回密码",
@@ -35,11 +35,11 @@
   "inputCorrectPhone": "请输入正确的手机号或邮箱",
   "inputPhoneOrEmail": "请输入手机号或邮箱",
   "resetPwd": "重置密码",
-  "otherAccLogin": "返回登录",
+  "otherAccLogin": "其他账号登录",
   "fourVerifyCode": "{{length}} 位验证码",
   "pwdLimie": "密码长度在 6-20 位",
   "newPwdLimit": "6-20 位新密码",
-  "twoPwdNeedSame": "输入的密码不匹配",
+  "twoPwdNeedSame": "两次输入的密码需要一致",
   "resetEmailSent": "重置密码邮件已发送至邮箱 {{email}}",
   "emailSent": "邮件发送成功",
   "resetPwdEmail": "重发密码重置邮件",
@@ -48,7 +48,7 @@
   "accBind": "账号绑定",
   "releaseBind": "解除绑定",
   "pwdLogin": "密码登录",
-  "verifyCodeLogin": "手机号登录",
+  "verifyCodeLogin": "验证码登录",
   "appScanLogin": "APP 扫码登录",
   "scanLogin": "扫码登录",
   "ldapLogin": "LDAP 登录",
@@ -60,26 +60,25 @@
   "inputEmailCode": "请输入邮箱验证码",
   "inputSmsCode": "请输入短信验证码",
   "otherVerifyWay": "其他验证方式",
-  "otherLoginWay": "其他登录方式",
   "fillPhoneEmail": "请联系管理员完善手机或邮箱信息",
   "clickSent": "点击发送验证码",
-  "bindPhoneInfo": "请输入手机号进行绑定",
+  "bindPhoneInfo": "您暂未绑定手机号，请输入绑定",
   "phoneError": "手机号格式错误",
-  "bindEmailInfo": "你暂未绑定邮箱，请输入绑定",
+  "bindEmailInfo": "您暂未绑定邮箱，请输入绑定",
   "emailError": "邮箱格式错误",
   "mailBinded": "该邮箱已被绑定",
   "phoneBinded": "该手机号已被绑定",
-  "dontBindPhone": "你未绑定手机号，请输入手机号绑定",
+  "dontBindPhone": "您未绑定手机号，请输入手机号绑定",
   "inputPhoneCode": "请输入手机验证码",
-  "dontbindEmail": "你未绑定邮箱，请输入邮箱绑定",
+  "dontbindEmail": "您未绑定邮箱，请输入邮箱绑定",
   "feedback": "遇到问题",
   "forgetPwd": "忘记密码",
   "subAccLogin": "子账号登录",
   "inputContactWayPlease": "请填写联系方式",
   "submitFailRetry": "提交失败，请重试",
-  "selectYourProblem": "请选择你遇到的问题",
-  "problemDetail": "请描述下你遇到的具体问题及相关图片",
-  "inputContactWayCheap": "方便解决你遇到问题，请提供你的联系方式（必填）",
+  "selectYourProblem": "请选择您遇到的问题",
+  "problemDetail": "请描述下您遇到的具体问题及相关图片",
+  "inputContactWayCheap": "方便解决您遇到问题，请提供您的联系方式（必填）",
   "inputPwd": "请输入密码",
   "setPwdLimit1": "设置至少 6 位字符密码",
   "login": {
@@ -91,13 +90,5 @@
   "setPwdLimitMsg3": "密码长度至少为 6 位，且要同时包含英文、数字与符号",
   "wechatmpQrcode": "公众号关注登录",
   "inputEmailUsername": "请输入邮箱或用户名",
-  "inputUsername": "请输入用户名",
-  "moreWays": "更多登录",
-  "inputCorrectPhoneOrEmail": "请输入有效的手机号或邮箱",
-  "sendCodeTimeout": "发送失败,请稍后尝试",
-  "mediaDevicesSupport": "当前设备暂不支持人脸识别",
-  "AuthorizationCamera": "请先开启授权",
-  "checkPreferences": "请检查偏好设置",
-  "requireError": "无法满足要求错误",
-  "hardwareSupport": "硬件不支持"
+  "inputUsername": "请输入用户名"
 }

package/{lib/_utils → src/components/AuthingGuard}/locales/zh/user.json

@@ -4,9 +4,9 @@
   "viewInputSixCode": "在手机查看并输入 6 位数字安全码，完成后进入下一步",
   "numberSafteyCode": "数字安全码",
   "saveSecret": "请妥善保存密钥",
-  "resetCodeDoWhat": "当你的 MFA 丢失时，你需要重置代码来恢复账号访问。",
+  "resetCodeDoWhat": "当您的 MFA 丢失时，您需要重置代码来恢复账号访问。",
   "bindSuccess": "绑定成功",
-  "bindedMfa": "你已成功绑定 MFA",
+  "bindedMfa": "您已成功绑定 MFA",
   "bindFail": "绑定失败",
   "unbindMfa": "解绑 MFA",
   "confirmUnbindMfa": "确定解绑 MFA 吗？",
@@ -27,7 +27,6 @@
   "needSameWithNewPwd": "需要与新密码一致",
   "confirmModify": "确认修改",
   "modifyPwd": "修改密码",
-  "modifyPwdText": "你的密码连续使用超过 {{number}} 个月，可能存在风险。请重新设置密码。",
   "personalInfo": "个人信息",
   "accPwd": "账号密码",
   "authenticationInfo": "认证信息",
@@ -59,10 +58,10 @@
   "inputEnterpriseName": "请输入企业名称",
   "authenticationSuccess": "认证成功",
   "securityRank": "安全等级",
-  "longTimeNoModifyPwd": "你的密码长时间未修改，存在安全隐患，建议你立刻修改",
-  "noPwdDanger": "你的帐户存在隐患，请立刻设置密码。",
-  "pwdSecurityInfo": "安全性高的密码可以使账户更安全。建议你定期更换密码。",
-  "currSecurityLevel": "你当前的帐号安全程度：",
+  "longTimeNoModifyPwd": "您的密码长时间未修改，存在安全隐患，建议您立刻修改",
+  "noPwdDanger": "您的帐户存在隐患，请立刻设置密码。",
+  "pwdSecurityInfo": "安全性高的密码可以使账户更安全。建议您定期更换密码。",
+  "currSecurityLevel": "您当前的帐号安全程度：",
   "securityLevel": "安全级别：",
   "setted": "已设置",
   "unSet": "未设置",
@@ -75,11 +74,8 @@
   "unBind": "未绑定",
   "bindImmediate": "立即绑定",
   "emailBind": "邮箱绑定",
-  "bindEmailTips": "为了你的账户安全，请绑定邮箱。",
+  "bindEmailTips": "为了您的账户安全，请绑定邮箱。",
   "personalMfa": "个人 MFA",
-  "error": "出错了～",
-  "contactAdministrator": "未知的错误～ 请你联系管理员进行处理",
-  "personalMfaTips": "绑定个人 MFA 后，你可以在登录时进行二次验证，更有效的保障你的账户安全。",
-  "resetpasswordText1": "输入你的注册电话/邮箱，输入收到的验证码，我们将为你进行密码重置。",
+  "personalMfaTips": "绑定个人 MFA 后，您可以在登录时进行二次验证，更有效的保障您的账户安全。",
   "pleaseDownloadAuthenticator": "请在手机打开 Google Authenticator / Microsoft Authenticator 扫码添加 MFA"
 }

package/{lib/AuthingGuard/style/index.less → src/components/AuthingGuard/style.less}

@@ -1,9 +1,7 @@
-// @import '~antd/lib/style/mixins/index.less';
-@import '../../node_modules/antd/lib/style/mixins/index.less';
+@import '~antd/lib/style/mixins/index.less';
 
 *[class*='authing-'] {
-  // @import '~antd/lib/style/core/global.less';
-  @import '../../node_modules/antd/lib/style/core/global.less';
+  @import '~antd/lib/style/core/global.less';
 }
 
 .authing-guard-text-btn {

package/src/components/AuthingGuard/types/Forms.ts

@@ -0,0 +1,95 @@
+import { User } from 'authing-js-sdk'
+import { LoginMethods } from './GuardConfig'
+import { ResetPwdMethods } from '../../../components/AuthingGuard/types/GuardConfig'
+
+export interface BaseFormProps extends React.HTMLAttributes<HTMLDivElement> {
+  onSuccess?: (user: User) => void
+  onFail?: (error: any) => void
+}
+
+export interface CompleteUserInfoFormProps extends BaseFormProps {}
+
+export interface PasswordLoginFormProps extends BaseFormProps {
+  onValidateFail?: (error: any) => void
+}
+
+export interface ADLoginFormProps extends BaseFormProps {
+  onValidateFail?: (error: any) => void
+}
+
+export interface PhoneCodeLoginFormProps extends BaseFormProps {
+  onValidateFail?: (error: any) => void
+}
+
+export interface LdapLoginFormProps extends BaseFormProps {
+  onValidateFail?: (error: any) => void
+}
+
+export interface QrLoginFormProps extends BaseFormProps {
+  type: LoginMethods.AppQr | LoginMethods.WxMinQr | LoginMethods.WechatMpQrcode
+  idpId?: string
+}
+
+export interface EmailRegisterFormProps extends BaseFormProps {
+  onValidateFail?: (error: any) => void
+}
+
+export interface PhoneRegisterFormProps extends BaseFormProps {
+  onValidateFail?: (error: any) => void
+}
+
+export interface ResetPasswordFormProps {
+  onSuccess?: () => void
+  onFail?: (error: any) => void
+}
+
+export interface ResetPasswordStep1Props {
+  onSuccess: (resetMethod: ResetPwdMethods, val: string) => void
+}
+
+export interface ResetPasswordStep2Props {
+  phone: string
+  onSuccess: () => void
+  onFail?: (error: any) => void
+}
+
+export interface ResetPasswordStep3Props {
+  email: string
+  onSuccess: () => void
+  onFail?: (error: any) => void
+}
+
+export interface SocialAndIdpLoginProps extends BaseFormProps {}
+
+export interface MfaVerifyForm extends BaseFormProps {
+  goReset: () => void
+}
+export interface SmsMFAVerifyFormProps extends BaseFormProps {
+  phone?: string
+  mfaToken: string
+  sendCodeRef: React.RefObject<HTMLButtonElement>
+}
+
+export interface SmsMFAFormProps extends BaseFormProps {}
+
+export interface MFACheckPhoneFormProps {
+  mfaToken: string
+  onSuccess: (phone: string) => void
+}
+
+export interface EmailMFAVerifyFormProps extends BaseFormProps {
+  email?: string
+  mfaToken: string
+  sendCodeRef: React.RefObject<HTMLButtonElement>
+}
+
+export interface EmailMFAFormProps extends BaseFormProps {}
+
+export interface MFACheckEmailFormProps {
+  mfaToken: string
+  onSuccess: (email: string) => void
+}
+
+export interface MfaResetForm extends BaseFormProps {
+  goVerify: () => void
+}

package/src/components/AuthingGuard/types/GuardConfig.ts

@@ -0,0 +1,424 @@
+import {
+  AuthenticationClient,
+  AuthenticationClientOptions,
+  CommonMessage,
+  SocialConnectionProvider,
+  User,
+} from 'authing-js-sdk'
+import { QrCodeAuthenticationClient } from 'authing-js-sdk/build/main/lib/authentication/QrCodeAuthenticationClient'
+
+import {
+  SocialConnectionItem,
+  EnterpriseConnectionItem,
+  ApplicationConfig,
+  PasswordLoginMethods,
+  Agreement,
+  QrcodeTabsSettings,
+} from '../../../components/AuthingGuard/api'
+import { Lang } from './Locales'
+
+export type { AuthenticationClient, CommonMessage, User } from 'authing-js-sdk'
+
+export enum GuardMode {
+  Modal = 'modal',
+  Normal = 'normal',
+}
+
+export enum LoginMethods {
+  LDAP = 'ldap',
+  AppQr = 'app-qrcode',
+  Password = 'password',
+  PhoneCode = 'phone-code',
+  WxMinQr = 'wechat-miniprogram-qrcode', // 对应社会化登录的 wechat:miniprogram:qrconnect(小程序扫码登录)
+  AD = 'ad', // 对应企业身份源的 Windows AD 登录
+  WechatMpQrcode = 'wechatmp-qrcode', // 微信扫码关注登录
+}
+
+export enum RegisterMethods {
+  Email = 'email',
+  Phone = 'phone',
+}
+
+export enum GuardScenes {
+  Login = 'login',
+  Register = 'register',
+  MfaVerify = 'mfaVerify',
+  AppMfaVerify = 'appMfaVerify',
+  RestPassword = 'restPassword',
+  CompleteUserInfo = 'completeUserInfo',
+}
+
+export enum ResetPwdMethods {
+  Email = 'email',
+  Phone = 'phone',
+}
+
+export enum SocialConnections {
+  Qq = 'qq',
+  Weibo = 'weibo',
+  Github = 'github',
+  Google = 'google',
+  WxPc = 'wechat:pc',
+  Dingtalk = 'dingtalk',
+  WxWCorpQr = 'wechatwork:corp:qrconnect',
+  WxWSPQr = 'wechatwork:service-provider:qrconnect',
+  WxWSPAuth = 'wechatwork:service-provider:authorization',
+  AlipayWeb = 'alipay:web',
+  AppleWeb = 'apple:web',
+  Baidu = 'baidu',
+  LarkInternalApp = 'lark-internal',
+  LarkMarketPlaceApp = 'lark-public',
+}
+
+export enum Protocol {
+  AD = 'ad',
+  CAS = 'cas',
+  LDAP = 'ldap',
+  OIDC = 'oidc',
+  SAML = 'saml',
+  OAUTH = 'oauth',
+  AZURE_AD = 'azure-ad',
+}
+
+// export enum GuardEventsKebab {
+//   // 加载完成，userPool 配置和应用配置（如果有 appId）加载完成
+//   Load = 'load',
+//   // 加载失败
+//   LoadError = 'load-error',
+//   // 用户登录成功
+//   Login = 'login',
+//   // 用户登录失败
+//   LoginError = 'login-error',
+//   // 注册成功
+//   Register = 'register',
+//   // 注册失败
+//   RegisterError = 'register-error',
+//   // 忘记密码邮件发送成功
+//   PwdEmailSend = 'pwd-email-send',
+//   // 忘记密码邮件发送失败
+//   PwdEmailSendError = 'pwd-email-send-error',
+//   // 忘记密码手机验证码发送成功
+//   PwdPhoneSend = 'pwd-phone-send',
+//   // 忘记密码手机验证码发送失败
+//   PwdPhoneSendError = 'pwd-phone-send-error',
+//   // 重置密码成功
+//   PwdReset = 'pwd-reset',
+//   // 重置密码失败
+//   PwdResetError = 'pwd-reset-error',
+//   // 表单关闭事件
+//   Close = 'close',
+// }
+
+// export interface GuardEventsCamelCase {
+//   // 加载完成，userPool 配置和应用配置（如果有 appId）加载完成
+//   [GuardEvents.Load]: 'onLoad'
+//   // 加载失败
+//   [GuardEvents.LoadError]: 'onLoadError'
+//   // 用户登录成功
+//   [GuardEvents.Login]: 'onLogin'
+//   // 用户登录失败
+//   [GuardEvents.LoginError]: 'onLoginError'
+//   // 注册成功
+//   [GuardEvents.Register]: 'onRegister'
+//   // 注册失败
+//   [GuardEvents.RegisterError]: 'onRegisterError'
+//   // 忘记密码邮件发送成功
+//   [GuardEvents.PwdEmailSend]: 'onPwdEmailSend'
+//   // 忘记密码邮件发送失败
+//   [GuardEvents.PwdEmailSendError]: 'onPwdEmailSendError'
+//   // 忘记密码手机验证码发送成功
+//   [GuardEvents.PwdPhoneSend]: 'onPwdPhoneSend'
+//   // 忘记密码手机验证码发送失败
+//   [GuardEvents.PwdPhoneSendError]: 'onPwdPhoneSendError'
+//   // 重置密码成功
+//   [GuardEvents.PwdReset]: 'onPwdReset'
+//   // 重置密码失败
+//   [GuardEvents.PwdResetError]: 'onPwdResetError'
+//   // 表单关闭事件
+//   [GuardEvents.Close]: 'onClose'
+// }
+
+// export enum GuardEvents {
+//   // 加载完成，userPool 配置和应用配置（如果有 appId）加载完成
+//   Load = 'onLoad',
+//   // 加载失败
+//   LoadError = 'onLoadError',
+//   // 用户登录成功
+//   Login = 'onLogin',
+//   // 用户登录失败
+//   LoginError = 'onLoginError',
+//   // 注册成功
+//   Register = 'onRegister',
+//   // 注册失败
+//   RegisterError = 'onRegisterError',
+//   // 忘记密码邮件发送成功
+//   PwdEmailSend = 'onPwdEmailSend',
+//   // 忘记密码邮件发送失败
+//   PwdEmailSendError = 'onPwdEmailSendError',
+//   // 忘记密码手机验证码发送成功
+//   PwdPhoneSend = 'onPwdPhoneSend',
+//   // 忘记密码手机验证码发送失败
+//   PwdPhoneSendError = 'onPwdPhoneSendError',
+//   // 重置密码成功
+//   PwdReset = 'onPwdReset',
+//   // 重置密码失败
+//   PwdResetError = 'onPwdResetError',
+//   // 表单关闭事件
+//   Close = 'onClose',
+// }
+
+export const GuardEventsCamelToKebabMap = {
+  onLoad: 'load',
+  onLoadError: 'load-error',
+  onLogin: 'login',
+  onBeforeLogin: 'before-login',
+  onLoginError: 'login-error',
+  onRegister: 'register',
+  onBeforeRegister: 'before-register',
+  onRegisterError: 'register-error',
+  onPwdEmailSend: 'pwd-email-send',
+  onPwdEmailSendError: 'pwd-email-send-error',
+  onPwdPhoneSend: 'pwd-phone-send',
+  onPwdPhoneSendError: 'pwd-phone-send-error',
+  onPwdReset: 'pwd-reset',
+  onPwdResetError: 'pwd-reset-error',
+  onClose: 'close',
+  onLoginTabChange: 'login-tab-change',
+  onRegisterTabChange: 'register-tab-change',
+  onRegisterInfoCompleted: 'register-info-completed',
+  onRegisterInfoCompletedError: 'register-info-completed-error',
+} as const
+
+export interface GuardEventsHandlerKebab {
+  // 加载完成，userPool 配置和应用配置（如果有 appId）加载完成
+  load: GuardEventsHandler['onLoad']
+  // 加载失败
+  'load-error': GuardEventsHandler['onLoadError']
+  // 登录前，即表单校验完成，请求接口前
+  'before-login': GuardEventsHandler['onBeforeLogin']
+  // 用户登录成功
+  login: GuardEventsHandler['onLogin']
+  // 用户登录失败
+  'login-error': GuardEventsHandler['onLoginError']
+  // 注册前，即表单校验完成，请求接口前
+  'before-register': GuardEventsHandler['onBeforeRegister']
+  // 注册成功
+  register: GuardEventsHandler['onRegister']
+  // 注册失败
+  'register-error': GuardEventsHandler['onRegisterError']
+  // 忘记密码邮件发送成功
+  'pwd-email-send': GuardEventsHandler['onPwdEmailSend']
+  // 忘记密码邮件发送失败
+  'pwd-email-send-error': GuardEventsHandler['onPwdEmailSendError']
+  // 忘记密码手机验证码发送成功
+  'pwd-phone-send': GuardEventsHandler['onPwdPhoneSend']
+  // 忘记密码手机验证码发送失败
+  'pwd-phone-send-error': GuardEventsHandler['onPwdPhoneSendError']
+  // 重置密码成功
+  'pwd-reset': GuardEventsHandler['onPwdReset']
+  // 重置密码失败
+  'pwd-reset-error': GuardEventsHandler['onPwdResetError']
+  // 表单关闭事件
+  close: GuardEventsHandler['onClose']
+  // 登录的 tab 切换
+  'login-tab-change': GuardEventsHandler['onLoginTabChange']
+  // 注册的 tab 切换
+  'register-tab-change': GuardEventsHandler['onRegisterTabChange']
+  // 注册信息补充完毕
+  'register-info-completed': GuardEventsHandler['onRegisterInfoCompleted']
+  // 注册信息补充失败
+  'register-info-completed-error': GuardEventsHandler['onRegisterInfoCompletedError']
+}
+
+export interface PasswordLoginParams {
+  type: LoginMethods.Password
+  data: {
+    // 标识，可能是用户名、邮箱、手机号
+    identity: string
+    // 密码
+    password: string
+    // 图形验证码
+    captchaCode?: string
+  }
+}
+
+export interface LDAPLoginParams {
+  type: LoginMethods.LDAP
+  data: {
+    // 标识，可能是用户名、邮箱、手机号
+    identity: string
+    // 密码
+    password: string
+    // 图形验证码
+    captchaCode?: string
+  }
+}
+
+export interface ADLoginParams {
+  type: LoginMethods.AD
+  data: {
+    // 标识，可能是用户名、邮箱、手机号
+    identity: string
+    // 密码
+    password: string
+  }
+}
+
+export interface PhoneCodeLoginParams {
+  type: LoginMethods.PhoneCode
+  data: {
+    // 手机号
+    phone: string
+    // 手机验证码
+    code: string
+  }
+}
+
+export interface EmailRegisterParams {
+  type: RegisterMethods.Email
+  data: {
+    // 邮箱
+    email: string
+    // 密码
+    password: string
+  }
+}
+
+export interface PhoneRegisterParams {
+  type: RegisterMethods.Phone
+  data: {
+    // 手机号
+    phone: string
+    // 密码
+    password: string
+    // 手机验证码
+    code: string
+  }
+}
+
+export interface GuardEventsHandler {
+  onLoad?: (authClient: AuthenticationClient) => void
+  onLoadError?: (error: CommonMessage) => void
+  onBeforeLogin?: (
+    loginInfo:
+      | PasswordLoginParams
+      | LDAPLoginParams
+      | ADLoginParams
+      | PhoneCodeLoginParams,
+    authClient: AuthenticationClient
+  ) => boolean | Promise<boolean>
+  onLogin?: (user: User, authClient: AuthenticationClient) => void
+  onLoginError?: (user: User, authClient: AuthenticationClient) => void
+  onBeforeRegister?: (
+    registerInfo: EmailRegisterParams | PhoneRegisterParams,
+    authClient: AuthenticationClient
+  ) => boolean | Promise<boolean>
+  onRegister?: (user: User, authClient: AuthenticationClient) => void
+  onRegisterError?: (user: User, authClient: AuthenticationClient) => void
+  onPwdEmailSend?: (authClient: AuthenticationClient) => void
+  onPwdEmailSendError?: (
+    error: CommonMessage,
+    authClient: AuthenticationClient
+  ) => void
+  onPwdPhoneSend?: (authClient: AuthenticationClient) => void
+  onPwdPhoneSendError?: (
+    error: CommonMessage,
+    authClient: AuthenticationClient
+  ) => void
+  onPwdReset?: (authClient: AuthenticationClient) => void
+  onPwdResetError?: (
+    error: CommonMessage,
+    authClient: AuthenticationClient
+  ) => void
+  onClose?: () => void
+  onLoginTabChange?: (activeTab: LoginMethods) => void
+  onRegisterTabChange?: (activeTab: RegisterMethods) => void
+  onRegisterInfoCompleted?: (
+    user: User,
+    udfs: {
+      definition: any
+      value: any
+    }[],
+    authClient: AuthenticationClient
+  ) => void
+  onRegisterInfoCompletedError?: (
+    error: CommonMessage,
+    udfs: {
+      definition: any
+      value: any
+    }[],
+    authClient: AuthenticationClient
+  ) => void
+}
+
+export interface UserConfig {
+  logo?: string
+  title?: string
+  description?: string
+  zIndex?: number
+  isSSO?: boolean
+  mode?: GuardMode
+  /**
+   * @deprecated 使用 appHost
+   */
+  apiHost?: string
+  /**
+   * @deprecated 使用 appHost
+   */
+  appDomain?: string
+  appHost?: string
+  contentCss?: string
+  text?: {
+    loginBtn?: {
+      normal?: string
+      loading?: string
+    }
+    registerBtn?: {
+      normal?: string
+      loading?: string
+    }
+    // 登录 tab
+    loginTabs?: Partial<Record<LoginMethods, string>>
+  }
+  escCloseable?: boolean
+  autoRegister?: boolean
+  clickCloseable?: boolean
+  disableResetPwd?: boolean
+  disableRegister?: boolean
+  defaultScenes?: GuardScenes
+  loginMethods?: LoginMethods[]
+  target?: string | HTMLElement
+  enterpriseConnections?: string[]
+  defaultLoginMethod?: LoginMethods
+  registerMethods?: RegisterMethods[]
+  socialConnections?: (SocialConnections | SocialConnectionProvider)[]
+  defaultRegisterMethod?: RegisterMethods
+  qrCodeScanOptions?: Parameters<QrCodeAuthenticationClient['startScanning']>[1]
+  /**
+   * 国际化处理
+   */
+  localesConfig?: LocalesConfig
+  lang?: Lang
+  /**
+   * 用于去品牌化
+   */
+  headers?: AuthenticationClientOptions['headers']
+  passwordLoginMethods?: PasswordLoginMethods[]
+}
+
+export interface GuardConfig extends UserConfig {
+  socialConnectionObjs: SocialConnectionItem[]
+  enterpriseConnectionObjs: EnterpriseConnectionItem[]
+  extendsFields: ApplicationConfig['extendsFields']
+  publicKey: ApplicationConfig['publicKey']
+  agreementEnabled: boolean
+  agreements: Agreement[]
+  loginMethodTitleMapping: Record<string, string>
+  qrcodeTabsSettings: QrcodeTabsSettings
+}
+
+export interface LocalesConfig {
+  defaultLang?: Lang
+  isShowChange?: boolean
+  onChange?: (lang: Lang) => void
+}

package/src/components/AuthingGuard/types/GuardState.ts

@@ -0,0 +1,7 @@
+import { LoginMethods, RegisterMethods } from './GuardConfig'
+import { GuardScenes } from '../../../components/AuthingGuard/types/GuardConfig'
+
+export interface ActiveTabs {
+  [GuardScenes.Login]: LoginMethods
+  [GuardScenes.Register]: RegisterMethods
+}

package/src/components/AuthingGuard/types/Locales.ts

@@ -0,0 +1,12 @@
+export type Lang = 'zh-CN' | 'en-US'
+
+export const LANG_MAP = [
+  {
+    label: '中文',
+    value: 'zh-CN',
+  },
+  {
+    label: 'English',
+    value: 'en-US',
+  },
+]