@authing/react-ui-components 4.0.4-alpha.0 → 4.0.4-rc.0

package/types/IdentityBinding/api/request.d.ts

@@ -0,0 +1 @@
+export { authFlowByAxios } from 'service/api';

package/types/IdentityBinding/businessRequest.d.ts

@@ -0,0 +1,33 @@
+export declare enum IdentityBindingBusinessAction {
+    PhoneCode = "phone-code",
+    EmailCode = "emial-code",
+    Password = "password"
+}
+export interface PhoneCodeParams {
+    phone: string;
+    code: string;
+    phoneCountryCode?: string;
+}
+export interface EmailCodeParams {
+    email: string;
+    code: string;
+}
+export interface PasswordParams {
+    account: string;
+    password: string;
+    captchaCode: string;
+}
+export declare enum IdentityBindingAction {
+    CreateUser = "create-federation-account",
+    BindByPassword = "bind-identity-by-password",
+    BindByPhoneCode = "bind-identity-by-phone-code",
+    BindByEmailCode = "bind-identity-by-email-code"
+}
+export declare const PhoneCode: (params: PhoneCodeParams) => Promise<import("../_utils/http").AuthingGuardResponse<any>>;
+export declare const EmailCode: (params: EmailCodeParams) => Promise<import("../_utils/http").AuthingGuardResponse<any>>;
+export declare const Password: (params: PasswordParams) => Promise<import("../_utils/http").AuthingGuardResponse<any>>;
+export declare const useIdentityBindingBusinessRequest: () => {
+    "phone-code": (params: PhoneCodeParams) => Promise<import("../_utils/http").AuthingGuardResponse<any>>;
+    "emial-code": (params: EmailCodeParams) => Promise<import("../_utils/http").AuthingGuardResponse<any>>;
+    password: (params: PasswordParams) => Promise<import("../_utils/http").AuthingGuardResponse<any>>;
+};

package/types/IdentityBinding/index.d.ts

@@ -0,0 +1,2 @@
+export * from './IdentityBinding';
+export * from './interface';

package/types/IdentityBinding/interface.d.ts

@@ -0,0 +1,27 @@
+import { IG2Config, IG2Events, IG2FCProps, IG2FCViewProps } from '..';
+import { AuthenticationClient, User } from 'authing-js-sdk';
+import { GuardModuleType } from '../Guard';
+import { Agreement } from '../Type/application';
+export interface IdentityBindingConfig extends IG2Config {
+    autoRegister?: boolean;
+    publicKey?: string;
+    agreementEnabled?: boolean;
+    agreements?: Agreement[];
+}
+export interface IdentityBindingEvents extends IG2Events {
+    onBinding?: (user: User, authClient: AuthenticationClient) => void;
+    onBindingError?: (errorMessages: any) => void;
+    onLogin?: (user: User, authClient: AuthenticationClient) => void;
+    onLoginError?: (errorMessages: any) => void;
+}
+export interface GuardIdentityBindingProps extends IG2FCProps, IdentityBindingEvents {
+    config?: Partial<IdentityBindingConfig>;
+}
+export interface GuardIdentityBindingInitData {
+    methods: Array<'email' | 'username' | 'phone' | 'phone-code' | 'email-code'>;
+    source?: GuardModuleType;
+}
+export interface GuardIdentityBindingViewProps extends GuardIdentityBindingProps, IG2FCViewProps {
+    config: IdentityBindingConfig;
+    initData: GuardIdentityBindingInitData;
+}

package/types/IdentityBindingAsk/IdentityBindingAsk.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import './styles.less';
+export declare const GuardIdentityBindingAskView: React.FC;

package/types/IdentityBindingAsk/api/index.d.ts

@@ -0,0 +1,9 @@
+import { AxiosRequestConfig } from 'axios';
+/**
+ * 状态机
+ * @param action
+ * @param config
+ * @returns
+ */
+declare const authFlow: (action: string, config?: AxiosRequestConfig<any> | undefined) => Promise<import("../../_utils/http").AuthingGuardResponse<any>>;
+export { authFlow };

package/types/IdentityBindingAsk/index.d.ts

@@ -0,0 +1,2 @@
+export * from './IdentityBindingAsk';
+export * from './interface';

package/types/IdentityBindingAsk/interface.d.ts

@@ -0,0 +1,21 @@
+import { AuthenticationClient, User } from 'authing-js-sdk';
+import { IG2Config, IG2Events, IG2FCProps, IG2FCViewProps } from '..';
+export interface IdentityBindingAskConfig extends IG2Config {
+}
+export interface IdentityBindingAskEvents extends IG2Events {
+    onLogin?: (user: User, authClient: AuthenticationClient) => void;
+    onLoginError?: (errorMessages: any) => void;
+    onCreate?: (user: User, authClient: AuthenticationClient) => void;
+    onCreateError?: (errorMessages: any) => void;
+}
+export interface GuardIdentityBindingAskProps extends IG2FCProps, IdentityBindingAskEvents {
+    config?: Partial<IdentityBindingAskConfig>;
+    initData?: any;
+}
+export interface GuardIdentityBindingAskInitData {
+    methods: 'email' | 'username' | 'phone' | 'phone-code' | 'email-code';
+}
+export interface GuardIdentityBindingAskViewProps extends GuardIdentityBindingAskProps, IG2FCViewProps {
+    config: IdentityBindingAskConfig;
+    initData: GuardIdentityBindingAskInitData;
+}

package/types/ImagePro/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import './styles.less';
+export interface ImageProProps extends React.ImgHTMLAttributes<HTMLImageElement> {
+    src: string;
+    className?: string;
+    alt?: string;
+    imgClassName?: string;
+    size?: number | string;
+    width?: number | string;
+    height?: number | string;
+    borderRadius?: number | string;
+    noSpin?: boolean;
+}
+export declare const ImagePro: (props: ImageProProps) => JSX.Element;

package/types/InputNumber/index.d.ts

@@ -0,0 +1,5 @@
+import { InputProps } from 'antd/lib/input';
+import React from 'react';
+export interface InputNumberProps extends InputProps {
+}
+export declare const InputNumber: React.ForwardRefExoticComponent<InputNumberProps & React.RefAttributes<any>>;

package/types/InputPassword/index.d.ts

@@ -0,0 +1,4 @@
+import { Input } from 'antd';
+import { PasswordProps } from 'antd/lib/input';
+import React from 'react';
+export declare const InputPassword: React.ForwardRefExoticComponent<PasswordProps & React.RefAttributes<React.RefObject<Input>>>;

package/types/Login/api/constant.d.ts

@@ -0,0 +1,6 @@
+export declare const loginUrlByPassword: (isAdWay: boolean) => "/api/v2/login/ad-all-in-one" | "/api/v2/login/account";
+export declare const loginUrlByPhoneCode: () => string;
+export declare const loginUrlByEmailCode: () => string;
+export declare const loginUrlByAD: () => string;
+export declare const loginUrlByLDAP: () => string;
+export declare const preLoginUrlByOIDC: () => string;

package/types/Login/api/index.d.ts

@@ -0,0 +1 @@
+export * from './request';

package/types/Login/api/request.d.ts

@@ -0,0 +1,114 @@
+import { AxiosRequestConfig } from 'axios';
+export interface LoginParams<T = any> {
+    /**
+     * 登陆自定义参数
+     */
+    customData: T;
+    /**
+     * 是否自动注册
+     */
+    autoRegister?: boolean;
+    /**
+     * 是否携带自定义数据
+     */
+    withCustomData?: boolean;
+}
+/**
+ * 密码登陆请求参数
+ */
+export interface LoginParamsWithPassword<T = any> extends LoginParams<T> {
+    /**
+     * 账号
+     */
+    account: string;
+    /**
+     * 密码
+     */
+    password: string;
+    /**
+     * 验证码
+     */
+    captchaCode: string;
+}
+/**
+ * 密码登陆
+ */
+export declare const loginRequestByAxios: <T>(data: LoginParams, way?: boolean, config?: AxiosRequestConfig<any> | undefined) => Promise<import("../../_utils/http").AuthingGuardResponse<T>>;
+/**
+ * 手机登陆请求参数
+ */
+export interface LoginParamsWithPhone<T = any> extends LoginParams<T> {
+    /**
+     * 手机号
+     */
+    phone: string;
+    /**
+     * 验证码
+     */
+    code: string;
+    /**
+     * 手机前位数
+     */
+    phoneCountryCode?: number;
+}
+/**
+ * 手机验证码登陆
+ * @param data
+ * @returns
+ */
+export declare const mobileLoginByAxios: (data: LoginParamsWithPhone, config?: AxiosRequestConfig<any> | undefined) => Promise<import("../../_utils/http").AuthingGuardResponse<any>>;
+/**
+ * 手机登陆请求参数
+ */
+export interface LoginParamsWithEmail<T = any> extends LoginParams<T> {
+    /**
+     * 邮箱号
+     */
+    email: string;
+    /**
+     * 验证码
+     */
+    code: string;
+}
+/**
+ * 邮箱登陆
+ * @param data
+ * @param config
+ * @returns
+ */
+export declare const emailLoginByAxios: (data: LoginParamsWithEmail, config?: AxiosRequestConfig<any> | undefined) => Promise<import("../../_utils/http").AuthingGuardResponse<any>>;
+/**
+ * AD 登陆
+ * @param data
+ * @returns
+ */
+export declare const adLoginByAxios: (data: {
+    username: string;
+    password: string;
+}, config?: AxiosRequestConfig<any> | undefined) => Promise<import("../../_utils/http").AuthingGuardResponse<any>>;
+/**
+ * LDAP 登陆
+ * @param data
+ * @returns
+ */
+export declare const ldapLoginByAxios: (data: {
+    username: string;
+    password: string;
+}, config?: AxiosRequestConfig<any> | undefined) => Promise<import("../../_utils/http").AuthingGuardResponse<any>>;
+interface PreOIDCParams {
+    state: string;
+    protocol: string;
+    userPoolId: string;
+    appId: string;
+    referer: string;
+    connection: {
+        providerIentifier: any;
+    };
+}
+/**
+ * IDO -> OIDC 登陆前校验
+ * @param data
+ * @returns
+ */
+export declare const preLoginOIDCByAxios: (data: PreOIDCParams, config?: AxiosRequestConfig<any> | undefined) => Promise<import("../../_utils/http").AuthingGuardResponse<any>>;
+export {};

package/types/Login/codemap.d.ts

@@ -0,0 +1,2 @@
+import { GuardModuleAction } from '../Guard/module';
+export declare const codeMap: Record<number, GuardModuleAction>;

package/types/Login/core/withAD.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { BackFillMultipleState, StoreInstance } from '../../Guard/core/hooks/useMultipleAccounts';
+import { Agreement } from '../../Type/application';
+interface LoginWithADProps {
+    publicKey: string;
+    autoRegister?: boolean;
+    onLoginSuccess: any;
+    onLoginFailed: any;
+    onBeforeLogin: any;
+    agreements: Agreement[];
+    /**
+     * 回填的数据
+     */
+    backfillData?: BackFillMultipleState;
+    /**
+     * 根据输入的账号 & 返回获得对应的登录方法
+     */
+    multipleInstance?: StoreInstance;
+}
+export declare const LoginWithAD: (props: LoginWithADProps) => JSX.Element;
+export {};

package/types/Login/core/withAppQrcode.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { StoreInstance } from '../../Guard/core/hooks/useMultipleAccounts';
+interface LoginWithAppQrcodeProps {
+    onLoginSuccess: any;
+    canLoop: boolean;
+    multipleInstance?: StoreInstance;
+}
+export declare const LoginWithAppQrcode: (props: LoginWithAppQrcodeProps) => JSX.Element | null;
+export {};

package/types/Login/core/withLDAP.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { Agreement } from '../../Type/application';
+import { BackFillMultipleState, StoreInstance } from '../../Guard/core/hooks/useMultipleAccounts';
+interface LoginWithLDAPProps {
+    publicKey: string;
+    autoRegister?: boolean;
+    host?: string;
+    onLoginSuccess: any;
+    onLoginFailed: any;
+    onBeforeLogin: any;
+    agreements: Agreement[];
+    /**
+     * 根据输入的账号 & 返回获得对应的登录方法
+     */
+    multipleInstance?: StoreInstance;
+    /**
+     * 多账号回填的数据
+     */
+    backfillData?: BackFillMultipleState;
+}
+export declare const LoginWithLDAP: (props: LoginWithLDAPProps) => JSX.Element;
+export {};

package/types/Login/core/withPassword/FormItemAccount.d.ts

@@ -0,0 +1,7 @@
+import { FormItemProps } from 'antd/lib/form';
+import React from 'react';
+import { PasswordLoginMethods } from '../../../Type/application';
+export interface FormItemAccountProps extends FormItemProps {
+    passwordLoginMethods: PasswordLoginMethods[];
+}
+export declare const FormItemAccount: React.FC<FormItemAccountProps>;

package/types/Login/core/withPassword/GraphicVerifyCode.d.ts

@@ -0,0 +1,7 @@
+import { InputProps } from 'antd/lib/input';
+import React from 'react';
+export interface GraphicVerifyCodeProps extends InputProps {
+    verifyCodeUrl: string;
+    changeCode: () => void;
+}
+export declare const GraphicVerifyCode: React.FC<GraphicVerifyCodeProps>;

package/types/Login/core/withPassword/InputAccount.d.ts

@@ -0,0 +1,7 @@
+import { InputProps } from 'antd/lib/input';
+import React from 'react';
+import { PasswordLoginMethods } from '../../../Type/application';
+export interface InputAccountProps extends InputProps {
+    passwordLoginMethods: PasswordLoginMethods[];
+}
+export declare const InputAccount: React.FC<InputAccountProps>;

package/types/Login/core/withPassword/index.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import { AuthingResponse } from '../../../_utils/http';
+import { Agreement, LoginMethods, PasswordLoginMethods } from '../../../Type/application';
+import { BackFillMultipleState, StoreInstance } from '../../../Guard/core/hooks/useMultipleAccounts';
+interface LoginWithPasswordProps {
+    publicKey: string;
+    autoRegister?: boolean;
+    host?: string;
+    onBeforeLogin?: any;
+    onLoginSuccess?: any;
+    onLoginFailed?: any;
+    onLoginRequest?: (loginInfo: any) => Promise<AuthingResponse>;
+    passwordLoginMethods: PasswordLoginMethods[];
+    agreements: Agreement[];
+    loginWay?: LoginMethods;
+    submitButText?: string;
+    saveIdentify?: (type: LoginMethods, identity: string) => void;
+    /**
+     * 根据输入的账号 & 返回获得对应的登录方法
+     */
+    multipleInstance?: StoreInstance;
+    /**
+     * 多账号回填的数据
+     */
+    backfillData?: BackFillMultipleState;
+}
+export declare const LoginWithPassword: (props: LoginWithPasswordProps) => JSX.Element;
+export {};

package/types/Login/core/withVerifyCode/FormItemIdentify.d.ts

@@ -0,0 +1,11 @@
+import { FormItemProps } from 'antd/lib/form';
+import React from 'react';
+import { VerifyLoginMethods } from '../../../Type/application';
+export interface FormItemIdentifyProps extends FormItemProps {
+    checkRepeat?: boolean;
+    checkExist?: boolean;
+    methods: VerifyLoginMethods[];
+    currentMethod: 'phone-code' | 'email-code';
+    areaCode?: string;
+}
+export declare const FormItemIdentify: React.FC<FormItemIdentifyProps>;

package/types/Login/core/withVerifyCode/InputInternationPhone.d.ts

@@ -0,0 +1,7 @@
+import { InputProps } from 'antd/lib/input';
+import React from 'react';
+export interface InputInternationPhoneProps extends InputProps {
+    areaCode: string;
+    onAreaCodeChange: (areaCode: string) => void;
+}
+export declare const InputInternationPhone: React.FC<InputInternationPhoneProps>;

package/types/Login/core/withVerifyCode/VirtualDropdown.d.ts

@@ -0,0 +1,12 @@
+import React, { FC } from 'react';
+import './styles.less';
+export interface VirtualDropdownProps {
+    /**
+     * 回填的国际化区号
+     */
+    regionCode?: string;
+    value?: string;
+    onChange?: (value: string) => void;
+    style?: React.CSSProperties;
+}
+export declare const VirtualDropdown: FC<VirtualDropdownProps>;

package/types/Login/core/withVerifyCode/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import './styles.less';
+declare const LoginWithVerifyCode: (props: any) => JSX.Element;
+export { LoginWithVerifyCode };

package/types/Login/core/withVerifyCode/inputIdentify.d.ts

@@ -0,0 +1,7 @@
+import { InputProps } from 'antd/lib/input';
+import React from 'react';
+import { VerifyLoginMethods } from '../../../Type/application';
+export interface InputIdentifyProps extends InputProps {
+    methods: VerifyLoginMethods[];
+}
+export declare const InputIdentify: React.FC<InputIdentifyProps>;

package/types/Login/core/withWeComQrcode.d.ts

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

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { StoreInstance } from '../../Guard/core/hooks/useMultipleAccounts';
+interface LoginWithWechatMiniQrcodeProps {
+    onLoginSuccess: any;
+    canLoop: boolean;
+    qrCodeScanOptions: any;
+    id: string;
+    multipleInstance?: StoreInstance;
+}
+export declare const LoginWithWechatMiniQrcode: (props: LoginWithWechatMiniQrcodeProps) => JSX.Element | null;
+export {};

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { StoreInstance } from '../../Guard/core/hooks/useMultipleAccounts';
+interface LoginWithWechatmpQrcodeProps {
+    onLoginSuccess: any;
+    canLoop: boolean;
+    qrCodeScanOptions: any;
+    id: string;
+    /**
+     * 多账号存储实例
+     */
+    multipleInstance?: StoreInstance;
+}
+export declare const LoginWithWechatmpQrcode: (props: LoginWithWechatmpQrcodeProps) => JSX.Element | null;
+export {};

package/types/Login/hooks/useLoginMultiple.d.ts

@@ -0,0 +1,62 @@
+/// <reference types="react" />
+import { FormInstance } from 'antd/lib/form';
+import { BackFillMultipleState, LoginWay } from '../../Guard/core/hooks/useMultipleAccounts';
+/**
+ * 多账号登录下 账户 & 登录方式自动回填
+ * TODO: HOOK 参数有时间整理成为对象，开始没有想到有这么多
+ * 调用地方 core 中需要回填的两个登录方式
+ */
+declare function useLoginMultipleBackFill(options: {
+    form: FormInstance<any>;
+    way: LoginWay;
+    formKey: string;
+    backfillData?: BackFillMultipleState;
+    isOnlyInternationSms?: boolean;
+    setAreaCode?: React.Dispatch<React.SetStateAction<string>>;
+    cancelBackfill?: boolean;
+}): void;
+/**
+ * 多账号统一状态管理
+ * @param setLoginWay
+ * @returns
+ */
+declare function useLoginMultiple(setLoginWay: React.Dispatch<any>): {
+    isMultipleAccount: boolean;
+    multipleInstance: {
+        initStore: (appId: string, options: {
+            serverSideLoginMethods: LoginWay[];
+            isInternationSms: boolean;
+        }) => void;
+        setLoginWay: (tab: "input" | "qrcode", way: LoginWay, id?: string | undefined, internation?: {
+            phoneCountryCode: string;
+            areaCode: string;
+        } | undefined) => void;
+        setUserInfo: (user: Pick<import("../../Guard/core/hooks/useMultipleAccounts").User & {
+            id: string;
+        }, "email" | "username" | "phone" | "photo" | "id" | "name" | "nickname" | "_updateTime" | "qrCodeId" | "areaCode">) => void;
+        setLoginWayByHttpData: (account: string, data: {
+            username?: string | undefined;
+            phone?: string | undefined;
+            email?: string | undefined;
+        }) => void;
+        setLoginWayByLDAPData: (account: string, data: {
+            name?: string | undefined;
+            phone?: string | undefined;
+            email?: string | undefined;
+        }) => void;
+        getMemoUser: (excludeWays?: LoginWay[]) => import("../multipleAccounts/panel").SelectOptions[];
+        getMemoSingleUser: (id: string) => {
+            way: LoginWay;
+            account: string;
+        } | undefined;
+        delUserById: (id: string) => string;
+        getMemberState: () => boolean;
+        getFirstBackFillData: () => BackFillMultipleState | undefined;
+        getOriginAccount: () => string;
+        getOriginWay: () => string;
+    } | undefined;
+    referMultipleState: ((type: "login" | "multiple") => void) | undefined;
+    backfillData: BackFillMultipleState | undefined;
+    defaultQrWay: string | undefined;
+};
+export { useLoginMultipleBackFill, useLoginMultiple };

package/types/Login/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import './styles.less';
+export declare const GuardLoginView: () => JSX.Element;

package/types/Login/interface.d.ts

@@ -0,0 +1,37 @@
+import { IG2Config, IG2Events, IG2FCProps, IG2FCViewProps } from '../Type';
+import { AuthenticationClient, SocialConnectionProvider, User } from 'authing-js-sdk';
+import { QrCodeAuthenticationClient } from 'authing-js-sdk/build/main/lib/authentication/QrCodeAuthenticationClient';
+import { Agreement, LoginMethods, PasswordLoginMethods } from '../Type/application';
+export interface LoginConfig extends IG2Config {
+    autoRegister?: boolean;
+    disableResetPwd?: boolean;
+    disableRegister?: boolean;
+    defaultLoginMethod?: LoginMethods;
+    loginMethods?: LoginMethods[];
+    passwordLoginMethods?: PasswordLoginMethods[];
+    socialConnections?: SocialConnectionProvider[];
+    socialConnectionsBtnShape?: 'default' | 'button' | 'icon';
+    enterpriseConnections?: string[];
+    qrCodeScanOptions?: Parameters<QrCodeAuthenticationClient['startScanning']>[1];
+    publicKey?: string;
+    agreementEnabled?: boolean;
+    agreements?: Agreement[];
+}
+export interface LoginEvents extends IG2Events {
+    onLogin?: (user: User, authClient: AuthenticationClient) => void;
+    onLoginError?: (errorMessages: any) => void;
+    onLoginTabChange?: (activeTab: LoginMethods) => void;
+    onBeforeLogin?: (loginInfo: any, authClient: AuthenticationClient) => boolean | Promise<boolean>;
+}
+export interface GuardLoginProps extends IG2FCProps, LoginEvents {
+    config?: Partial<LoginConfig>;
+}
+export interface GuardLoginViewProps extends GuardLoginProps, IG2FCViewProps {
+    config: LoginConfig;
+}
+export interface GuardLoginInitData {
+    specifyDefaultLoginMethod?: LoginMethods;
+    _firstItemInitialValue?: string;
+    _lockMethod?: string;
+}
+export declare const getDefaultLoginConfig: () => LoginConfig;

package/types/Login/multipleAccounts/index.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { LoginWay, StoreInstance } from '../../Guard/core/hooks/useMultipleAccounts';
+import { GuardModuleType } from '../../Guard';
+interface MultipleAccountsProps {
+    /**
+     * 多账号存储实例
+     */
+    multipleInstance?: StoreInstance;
+    /**
+     * 切换 Guard 方法
+     */
+    changeModule?: (moduleName: GuardModuleType, initData?: any) => Promise<void>;
+    /**
+     * 切换多账号状态
+     */
+    referMultipleState?: (type: 'login' | 'multiple', data?: {
+        account: string;
+        way: LoginWay;
+    }) => void;
+}
+declare const MultipleAccounts: React.NamedExoticComponent<MultipleAccountsProps>;
+export { MultipleAccounts };

package/types/Login/multipleAccounts/panel.d.ts

@@ -0,0 +1,45 @@
+import React from 'react';
+import './style.less';
+interface SelectPanelProps {
+    lists: SelectOptions[];
+    /**
+     * 点击删除
+     */
+    handleDel: (id: string) => void;
+    /**
+     * 点击 li
+     */
+    onClick: (id: string) => void;
+}
+export interface SelectOptions {
+    /**
+     * 头像
+     */
+    photo?: string;
+    /**
+     * 标题
+     */
+    title?: string;
+    /**
+     * 描述
+     */
+    description?: string;
+    /**
+     * 用户 ID 唯一标识符
+     */
+    id: string | 'other';
+    /**
+     * 显示操作栏 default: true
+     */
+    operation?: boolean;
+    /**
+     * 登录时间
+     */
+    _updateTime: number;
+    /**
+     * 替代图片元素
+     */
+    element?: React.ReactElement;
+}
+declare const SelectPanel: React.FC<SelectPanelProps>;
+export { SelectPanel };

package/types/Login/socialLogin/IdpButton/index.d.ts

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