@authing/react-ui-components 3.0.0-rc.0 → 3.0.0-rc.12

package/es/AuthingGuard/types/GuardConfig.d.ts

@@ -0,0 +1,241 @@
+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 declare enum GuardMode {
+    Modal = "modal",
+    Normal = "normal"
+}
+export declare enum LoginMethods {
+    LDAP = "ldap",
+    AppQr = "app-qrcode",
+    Password = "password",
+    PhoneCode = "phone-code",
+    WxMinQr = "wechat-miniprogram-qrcode",
+    AD = "ad",
+    WechatMpQrcode = "wechatmp-qrcode"
+}
+export declare enum RegisterMethods {
+    Email = "email",
+    Phone = "phone"
+}
+export declare enum GuardScenes {
+    Login = "login",
+    Register = "register",
+    MfaVerify = "mfaVerify",
+    AppMfaVerify = "appMfaVerify",
+    RestPassword = "restPassword",
+    CompleteUserInfo = "completeUserInfo"
+}
+export declare enum ResetPwdMethods {
+    Email = "email",
+    Phone = "phone"
+}
+export declare 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 declare enum Protocol {
+    AD = "ad",
+    CAS = "cas",
+    LDAP = "ldap",
+    OIDC = "oidc",
+    SAML = "saml",
+    OAUTH = "oauth",
+    AZURE_AD = "azure-ad"
+}
+export declare const GuardEventsCamelToKebabMap: {
+    readonly onLoad: "load";
+    readonly onLoadError: "load-error";
+    readonly onLogin: "login";
+    readonly onBeforeLogin: "before-login";
+    readonly onLoginError: "login-error";
+    readonly onRegister: "register";
+    readonly onBeforeRegister: "before-register";
+    readonly onRegisterError: "register-error";
+    readonly onPwdEmailSend: "pwd-email-send";
+    readonly onPwdEmailSendError: "pwd-email-send-error";
+    readonly onPwdPhoneSend: "pwd-phone-send";
+    readonly onPwdPhoneSendError: "pwd-phone-send-error";
+    readonly onPwdReset: "pwd-reset";
+    readonly onPwdResetError: "pwd-reset-error";
+    readonly onClose: "close";
+    readonly onLoginTabChange: "login-tab-change";
+    readonly onRegisterTabChange: "register-tab-change";
+    readonly onRegisterInfoCompleted: "register-info-completed";
+    readonly onRegisterInfoCompletedError: "register-info-completed-error";
+};
+export interface GuardEventsHandlerKebab {
+    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'];
+    'login-tab-change': GuardEventsHandler['onLoginTabChange'];
+    '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;
+        };
+        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/es/AuthingGuard/types/GuardConfig.js

@@ -0,0 +1,179 @@
+export var GuardMode;
+
+(function (GuardMode) {
+  GuardMode["Modal"] = "modal";
+  GuardMode["Normal"] = "normal";
+})(GuardMode || (GuardMode = {}));
+
+export var LoginMethods;
+
+(function (LoginMethods) {
+  LoginMethods["LDAP"] = "ldap";
+  LoginMethods["AppQr"] = "app-qrcode";
+  LoginMethods["Password"] = "password";
+  LoginMethods["PhoneCode"] = "phone-code";
+  LoginMethods["WxMinQr"] = "wechat-miniprogram-qrcode";
+  LoginMethods["AD"] = "ad";
+  LoginMethods["WechatMpQrcode"] = "wechatmp-qrcode";
+})(LoginMethods || (LoginMethods = {}));
+
+export var RegisterMethods;
+
+(function (RegisterMethods) {
+  RegisterMethods["Email"] = "email";
+  RegisterMethods["Phone"] = "phone";
+})(RegisterMethods || (RegisterMethods = {}));
+
+export var GuardScenes;
+
+(function (GuardScenes) {
+  GuardScenes["Login"] = "login";
+  GuardScenes["Register"] = "register";
+  GuardScenes["MfaVerify"] = "mfaVerify";
+  GuardScenes["AppMfaVerify"] = "appMfaVerify";
+  GuardScenes["RestPassword"] = "restPassword";
+  GuardScenes["CompleteUserInfo"] = "completeUserInfo";
+})(GuardScenes || (GuardScenes = {}));
+
+export var ResetPwdMethods;
+
+(function (ResetPwdMethods) {
+  ResetPwdMethods["Email"] = "email";
+  ResetPwdMethods["Phone"] = "phone";
+})(ResetPwdMethods || (ResetPwdMethods = {}));
+
+export var SocialConnections;
+
+(function (SocialConnections) {
+  SocialConnections["Qq"] = "qq";
+  SocialConnections["Weibo"] = "weibo";
+  SocialConnections["Github"] = "github";
+  SocialConnections["Google"] = "google";
+  SocialConnections["WxPc"] = "wechat:pc";
+  SocialConnections["Dingtalk"] = "dingtalk";
+  SocialConnections["WxWCorpQr"] = "wechatwork:corp:qrconnect";
+  SocialConnections["WxWSPQr"] = "wechatwork:service-provider:qrconnect";
+  SocialConnections["WxWSPAuth"] = "wechatwork:service-provider:authorization";
+  SocialConnections["AlipayWeb"] = "alipay:web";
+  SocialConnections["AppleWeb"] = "apple:web";
+  SocialConnections["Baidu"] = "baidu";
+  SocialConnections["LarkInternalApp"] = "lark-internal";
+  SocialConnections["LarkMarketPlaceApp"] = "lark-public";
+})(SocialConnections || (SocialConnections = {}));
+
+export var Protocol; // 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',
+// }
+
+(function (Protocol) {
+  Protocol["AD"] = "ad";
+  Protocol["CAS"] = "cas";
+  Protocol["LDAP"] = "ldap";
+  Protocol["OIDC"] = "oidc";
+  Protocol["SAML"] = "saml";
+  Protocol["OAUTH"] = "oauth";
+  Protocol["AZURE_AD"] = "azure-ad";
+})(Protocol || (Protocol = {}));
+
+export var 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'
+};

package/es/AuthingGuard/types/GuardState.d.ts

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

package/es/AuthingGuard/types/GuardState.js

@@ -0,0 +1 @@
+import { GuardScenes } from './GuardConfig';

package/es/AuthingGuard/types/Locales.d.ts

@@ -0,0 +1,5 @@
+export declare type Lang = 'zh-CN' | 'en-US';
+export declare const LANG_MAP: {
+    label: string;
+    value: string;
+}[];

package/es/AuthingGuard/types/Locales.js

@@ -0,0 +1,7 @@
+export var LANG_MAP = [{
+  label: '中文',
+  value: 'zh-CN'
+}, {
+  label: 'English',
+  value: 'en-US'
+}];

package/es/AuthingGuard/types/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Forms';
+export * from './GuardState';
+export * from './GuardConfig';
+export * from './Locales';

package/es/AuthingGuard/types/index.js

@@ -0,0 +1,4 @@
+export * from './Forms';
+export * from './GuardState';
+export * from './GuardConfig';
+export * from './Locales';

package/es/AuthingTabs/index.d.ts

@@ -0,0 +1,12 @@
+import React, { FC } from 'react';
+export interface AuthingTabsProps extends React.HTMLAttributes<HTMLDivElement> {
+    activeKey?: string;
+    onTabClick: (key: string) => void;
+    showLen?: number;
+    tabs: {
+        key: string;
+        label: string;
+        component: JSX.Element;
+    }[];
+}
+export declare const AuthingTabs: FC<AuthingTabsProps>;

package/es/AuthingTabs/index.js

@@ -0,0 +1,81 @@
+import "antd/lib/button/style";
+import _Button from "antd/lib/button";
+import _toConsumableArray from "@babel/runtime-corejs3/helpers/esm/toConsumableArray";
+import _findIndexInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find-index";
+import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _findInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find";
+import React, { useMemo } from 'react';
+import { EllipsisOutlined } from '@ant-design/icons';
+import { getClassnames } from '../_utils';
+export var AuthingTabs = function AuthingTabs(_ref) {
+  var _tabs$find;
+
+  var tabs = _ref.tabs,
+      _ref$showLen = _ref.showLen,
+      showLen = _ref$showLen === void 0 ? 3 : _ref$showLen,
+      className = _ref.className,
+      activeKey = _ref.activeKey,
+      onTabClick = _ref.onTabClick;
+  var activeIndex = useMemo(function () {
+    return _findIndexInstanceProperty(tabs).call(tabs, function (item) {
+      return item.key === activeKey;
+    });
+  }, [tabs, activeKey]);
+  var showTabs = useMemo(function () {
+    if (tabs.length <= showLen) {
+      return _toConsumableArray(tabs);
+    }
+
+    var startIndex = Math.max(activeIndex - 1, 0);
+
+    if (startIndex + showLen > tabs.length - 1) {
+      startIndex = tabs.length - showLen;
+    }
+
+    return _sliceInstanceProperty(tabs).call(tabs, startIndex, startIndex + showLen);
+  }, [showLen, activeIndex, tabs]);
+  var hideTabs = useMemo(function () {
+    var showKeys = _mapInstanceProperty(showTabs).call(showTabs, function (item) {
+      return item.key;
+    });
+
+    return _filterInstanceProperty(tabs).call(tabs, function (item) {
+      return !_findInstanceProperty(showKeys).call(showKeys, function (key) {
+        return item.key === key;
+      });
+    });
+  }, [tabs, showTabs]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: getClassnames(['authing-tabs', className])
+  }, /*#__PURE__*/React.createElement("div", {
+    className: getClassnames(['authing-tabs-inner', Boolean(hideTabs.length) && 'authing-tabs-inner--more'])
+  }, _mapInstanceProperty(showTabs).call(showTabs, function (item, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      onClick: function onClick() {
+        return onTabClick(item.key);
+      },
+      className: getClassnames(['authing-tab-item', activeKey === item.key && 'authing-tab-item__active']),
+      key: item.key
+    }, item.label);
+  })), Boolean(hideTabs.length) && /*#__PURE__*/React.createElement(_Button, {
+    className: "authing-tabs-show-more",
+    type: "text",
+    icon: /*#__PURE__*/React.createElement(EllipsisOutlined, null)
+  }, /*#__PURE__*/React.createElement("ul", {
+    className: "authing-tabs-more-panel"
+  }, _mapInstanceProperty(hideTabs).call(hideTabs, function (item) {
+    return /*#__PURE__*/React.createElement("li", {
+      key: item.key,
+      onClick: function onClick() {
+        return onTabClick(item.key);
+      },
+      className: "authing-tabs-more-panel-item"
+    }, item.label);
+  })))), /*#__PURE__*/React.createElement("div", {
+    className: "authing-tab-pane"
+  }, (_tabs$find = _findInstanceProperty(tabs).call(tabs, function (item) {
+    return item.key === activeKey;
+  })) === null || _tabs$find === void 0 ? void 0 : _tabs$find.component));
+};

package/es/AuthingTabs/style/css.js

@@ -0,0 +1 @@
+import './index.css';

package/es/AuthingTabs/style/index.css

@@ -0,0 +1 @@
+.authing-tabs{display:flex;margin-bottom:36px;align-items:center}.authing-tabs-inner{display:flex;justify-content:space-around;align-items:center;flex:1}.authing-tabs-inner--more{box-shadow:inset -10px 0 8px -8px rgba(0,0,0,.08)}.authing-tab-item{color:#aeb9d4;font-size:16px;transition:all .3s ease-out;white-space:nowrap;cursor:pointer;position:relative;height:28px;margin-right:32px}.authing-tab-item:last-child{margin-right:12px}.authing-tab-item:only-child{margin-right:0}.authing-tab-item:after{content:"";width:0;height:2px;display:block;position:absolute;left:50%;bottom:-4px;transform:translateX(-50%);background-color:transparent;transition:all .3s ease-out}.authing-tab-item__active{color:#396aff;font-size:18px}.authing-tab-item__active:after{width:26px;background-color:#396aff}.authing-tabs-show-more{position:relative;z-index:2}.authing-tabs-show-more.ant-btn{padding:0 12px}.authing-tabs-show-more:active,.authing-tabs-show-more:focus,.authing-tabs-show-more:hover{background-color:#fff}.authing-tabs-show-more:hover .authing-tabs-more-panel{height:auto;opacity:1;padding:4px 0}.authing-tabs-show-more:after{content:"";display:block;width:100%;height:6px;top:100%;left:0;position:absolute}.authing-tabs-more-panel{position:absolute;box-sizing:border-box;transition:all .3s;height:0;opacity:0;right:0;top:100%;transform:translateY(6px);background-color:#fff;max-height:200px;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;text-align:left;list-style-type:none;background-clip:padding-box;border-radius:2px;outline:none;box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05)}.authing-tabs-more-panel-item{min-width:120px;margin:0;padding:5px 12px;overflow:hidden;color:rgba(0,0,0,.85);font-weight:400;font-size:14px;line-height:22px;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;transition:all .3s}.authing-tabs-more-panel-item:hover{background-color:#f5f5f5}@media only screen and (max-width:719px){.authing-tabs-inner{justify-content:flex-start}.authing-tab-item{margin-right:40px;font-size:14px}.authing-tab-item__active{font-size:16px}.authing-tab-pane{padding-bottom:70px}}

package/es/AuthingTabs/style/index.d.ts

@@ -0,0 +1 @@
+import './index.less';

package/es/AuthingTabs/style/index.js

@@ -0,0 +1 @@
+import './index.less';