@oceanbase/ui 1.0.0-alpha.4 → 1.0.0-alpha.5

package/lib/Login/LoginForm.js

@@ -37,10 +37,7 @@ var import_design = require("@oceanbase/design");
 var import_classnames = __toESM(require("classnames"));
 var import_react = require("react");
 var import_design2 = require("@oceanbase/design");
-var import_util = require("../_util");
-var import_index = require("./index.less");
 var import_jsx_runtime = require("react/jsx-runtime");
-var prefix = (0, import_util.getPrefix)("login");
 var Login = ({
   loading,
   locale,
@@ -54,6 +51,8 @@ var Login = ({
   passwordOptional = false,
   ...restProps
 }) => {
+  const { getPrefixCls } = (0, import_react.useContext)(import_design2.ConfigProvider.ConfigContext);
+  const prefixCls = getPrefixCls("login");
   const { token } = import_design2.theme.useToken();
   const [focusInput, setFocusInput] = (0, import_react.useState)("");
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
@@ -61,12 +60,20 @@ var Login = ({
     {
       layout: "vertical",
       hideRequiredMark: true,
-      className: `${prefix}-form`,
+      className: `${prefixCls}-form`,
       style: { paddingLeft: showAuthCode ? 96 : 0 },
       ...restProps,
       "data-testid": "login.form",
       children: [
-        errorMessage && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Alert, { type: "error", showIcon: true, className: `${prefix}-alert`, message: errorMessage }),
+        errorMessage && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_design.Alert,
+          {
+            type: "error",
+            showIcon: true,
+            className: `${prefixCls}-alert`,
+            message: errorMessage
+          }
+        ),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           import_design.Form.Item,
           {
@@ -80,6 +87,7 @@ var Login = ({
             children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
               import_design.Input,
               {
+                size: "large",
                 prefix: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.UserOutlined, { style: { color: token.colorIcon } }),
                 placeholder: locale.usernamePlaceholder,
                 onFocus: () => {
@@ -89,7 +97,7 @@ var Login = ({
                   setFocusInput("");
                 },
                 className: (0, import_classnames.default)({
-                  [`${prefix}-focus-input`]: focusInput === "username"
+                  [`${prefixCls}-form-focus-input`]: focusInput === "username"
                 }),
                 ...(componentProps == null ? void 0 : componentProps.username) || {}
               }
@@ -109,6 +117,7 @@ var Login = ({
             children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
               import_design.Input.Password,
               {
+                size: "large",
                 visibilityToggle: true,
                 autoComplete: "current-password",
                 prefix: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.LockOutlined, { style: { color: token.colorIcon } }),
@@ -119,13 +128,13 @@ var Login = ({
                 onBlur: () => {
                   setFocusInput("");
                 },
-                className: focusInput === "password" ? `${prefix}-focus-input` : "",
+                className: focusInput === "password" ? `${prefixCls}-form-focus-input` : "",
                 ...(componentProps == null ? void 0 : componentProps.password) || {}
               }
             )
           }
         ),
-        showAuthCode && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_design.Space, { className: `${prefix}-auth-code`, children: [
+        showAuthCode && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_design.Space, { className: `${prefixCls}-auth-code`, children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             import_design.Form.Item,
             {
@@ -139,6 +148,7 @@ var Login = ({
               children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                 import_design.Input,
                 {
+                  size: "large",
                   prefix: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.SafetyCertificateOutlined, { style: { color: token.colorIcon } }),
                   placeholder: "请输入验证码",
                   onFocus: () => {
@@ -148,26 +158,27 @@ var Login = ({
                     setFocusInput("");
                   },
                   className: (0, import_classnames.default)({
-                    [`${prefix}-focus-input`]: focusInput === "authCode"
+                    [`${prefixCls}-form-focus-input`]: focusInput === "authCode"
                   }),
                   ...(componentProps == null ? void 0 : componentProps.authCode) || {}
                 }
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_classnames.default)(`${prefix}-code-btn`), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_classnames.default)(`${prefixCls}-code-btn`), children: [
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: authCodeImg, alt: "", width: "96", height: "38" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefix}-code-mask`, onClick: onAuthCodeImgChange, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.SyncOutlined, {}) })
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-code-mask`, onClick: onAuthCodeImgChange, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.SyncOutlined, {}) })
           ] })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Form.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           import_design.Button,
           {
             htmlType: "submit",
+            size: "large",
             loading,
             type: "primary",
             block: true,
-            className: `${prefix}-submit-btn`,
+            className: `${prefixCls}-submit-btn`,
             children: locale.loginText
           }
         ) }),
@@ -175,11 +186,12 @@ var Login = ({
           import_design.Button,
           {
             htmlType: "button",
+            size: "large",
             loading: otherLoginProps.loading,
             type: "primary",
             block: true,
             onClick: otherLoginProps.onFinish,
-            className: `${prefix}-submit-btn`,
+            className: `${prefixCls}-submit-btn`,
             children: locale.otherLoginText
           }
         ) })

package/lib/Login/RegisterForm.d.ts

@@ -1,7 +1,6 @@
 import type { FormProps } from '@oceanbase/design/es/form';
 import React from 'react';
 import type { LoginLocale } from './index';
-import './index.less';
 /**
  * 冗余的转义符可以增强正则的可读性
  */

package/lib/Login/RegisterForm.js

@@ -26,11 +26,8 @@ module.exports = __toCommonJS(RegisterForm_exports);
 var import_design = require("@oceanbase/design");
 var import_lodash = require("lodash");
 var import_react = require("react");
-var import_util = require("../_util");
-var import_index = require("./index.less");
 var import_jsx_runtime = require("react/jsx-runtime");
 var PASSWORD_REGEX = /^(?=(.*[a-z]){2,})(?=(.*[A-Z]){2,})(?=(.*\d){2,})(?=(.*[ !"#\$%&'\(\)\*\+,-\./:;<=>\?@\[\\\]\^_`\{\|\}~]){2,})[A-Za-z\d !"#\$%&'\(\)\*\+,-\./:;<=>\?@\[\\\]\^_`\{\|\}~]{8,32}$/;
-var prefix = (0, import_util.getPrefix)("login");
 var Register = ({
   isUserExists,
   locale,
@@ -39,6 +36,8 @@ var Register = ({
   errorMessage,
   ...restProps
 }) => {
+  const { getPrefixCls } = (0, import_react.useContext)(import_design.ConfigProvider.ConfigContext);
+  const prefixCls = getPrefixCls("login");
   const [form] = import_design.Form.useForm();
   const handleValidateAccount = (0, import_react.useCallback)(
     async (rule, value) => {
@@ -76,12 +75,20 @@ var Register = ({
     {
       layout: "vertical",
       requiredMark: false,
-      className: `${prefix}-form`,
+      className: `${prefixCls}-form`,
       form,
       ...restProps,
       "data-testid": "login.register",
       children: [
-        errorMessage && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Alert, { type: "error", showIcon: true, className: `${prefix}-alert`, message: errorMessage }),
+        errorMessage && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_design.Alert,
+          {
+            type: "error",
+            showIcon: true,
+            className: `${prefixCls}-alert`,
+            message: errorMessage
+          }
+        ),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           import_design.Form.Item,
           {
@@ -108,7 +115,7 @@ var Register = ({
                 validator: handleValidateAccount
               }
             ],
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Input, { autoComplete: "new-account", autoFocus: true })
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Input, { size: "large", autoComplete: "new-account", autoFocus: true })
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -126,7 +133,7 @@ var Register = ({
               },
               passwordRegexpRule
             ],
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Input.Password, { visibilityToggle: true, autoComplete: "new-password" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Input.Password, { size: "large", visibilityToggle: true, autoComplete: "new-password" })
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -145,17 +152,18 @@ var Register = ({
                 validator: handleValidateConfirmPassword
               }
             ],
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Input.Password, { visibilityToggle: true, autoComplete: "new-password" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Input.Password, { size: "large", visibilityToggle: true, autoComplete: "new-password" })
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           import_design.Button,
           {
             htmlType: "submit",
+            size: "large",
             loading,
             type: "primary",
             block: true,
-            className: `${prefix}-submit-btn`,
+            className: `${prefixCls}-submit-btn`,
             children: locale.registerBtn
           }
         )

package/lib/Login/index.d.ts

@@ -5,7 +5,6 @@ import type { IActivateFormProps } from './ActivateForm';
 import type { ILoginFormProps } from './LoginForm';
 import type { IRegisterFormProps } from './RegisterForm';
 import type { Locale } from '../interface';
-import './index.less';
 export interface Values {
     username: string;
     password: string;

package/lib/Login/index.js

@@ -38,7 +38,6 @@ var import_design2 = require("@oceanbase/design");
 var import_classnames = __toESM(require("classnames"));
 var import_react = require("react");
 var import_LocaleWrapper = __toESM(require("../locale/LocaleWrapper"));
-var import_util = require("../_util");
 var import_ActivateForm = __toESM(require("./ActivateForm"));
 var import_zh_CN = __toESM(require("./locale/zh-CN"));
 var import_LoginForm = __toESM(require("./LoginForm"));
@@ -46,9 +45,8 @@ var import_RegisterForm = __toESM(require("./RegisterForm"));
 var import_oceanbase_logo = __toESM(require("../assets/logo/oceanbase_logo.svg"));
 var import_oceanbase_logo_dark = __toESM(require("../assets/logo/oceanbase_logo_dark.svg"));
 var import_LocaleDropdown = __toESM(require("../LocaleDropdown"));
-var import_index = require("./index.less");
+var import_style = __toESM(require("./style"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var prefix = (0, import_util.getPrefix)("login");
 var Login = (props) => {
   const {
     logo,
@@ -72,6 +70,9 @@ var Login = (props) => {
     isMobile,
     style = {}
   } = props;
+  const { getPrefixCls, theme } = (0, import_react.useContext)(import_design.ConfigProvider.ConfigContext);
+  const prefixCls = getPrefixCls("login");
+  const { wrapSSR } = (0, import_style.default)(prefixCls);
   const [showRegister, setShowRegister] = (0, import_ahooks.useControllableValue)(props, {
     defaultValue: false,
     valuePropName: "showRegister",
@@ -83,7 +84,6 @@ var Login = (props) => {
     trigger: "onShowActivateChange"
   });
   const isLoading = (loginProps == null ? void 0 : loginProps.loading) || (registerProps == null ? void 0 : registerProps.loading) || (otherLoginProps == null ? void 0 : otherLoginProps.loading);
-  const { theme } = (0, import_react.useContext)(import_design.ConfigProvider.ConfigContext);
   const switchForm = (0, import_react.useCallback)(() => {
     if (isLoading) {
       import_design2.message.warning(locale.isLoadingWarn);
@@ -97,102 +97,104 @@ var Login = (props) => {
     setShowActivate(!showActivate);
   }, [showActivate, isLoading]);
   const showWaterMark = !showRegister;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.App, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    "div",
-    {
-      className: (0, import_classnames.default)(`${prefix}-container`, {
-        [`${prefix}-container-with-board`]: board,
-        [`${prefix}-container-mobile`]: isMobile
-      }),
-      style,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefix}-bg`, style: { backgroundImage: `url(${bgImage})` }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `${prefix}-info`, children: [
-          title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefix}-welcome`, children: title }),
-          description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefix}-start`, children: description })
-        ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `${prefix}-card`, children: [
-          showLocale && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_LocaleDropdown.default, { locales, className: `${prefix}-locale` }),
-          board && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefix}-board`, children: board }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `${prefix}-content`, children: [
-            showActivate ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: logo, alt: "", className: `${prefix}-activate-logo` }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                import_design.Divider,
-                {
-                  style: {
-                    marginTop: 14,
-                    marginBottom: 20
+  return wrapSSR(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.App, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "div",
+      {
+        className: (0, import_classnames.default)(`${prefixCls}-container`, {
+          [`${prefixCls}-container-with-board`]: board,
+          [`${prefixCls}-container-mobile`]: isMobile
+        }),
+        style,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-bg`, style: { backgroundImage: `url(${bgImage})` }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `${prefixCls}-info`, children: [
+            title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-welcome`, children: title }),
+            description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-start`, children: description })
+          ] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `${prefixCls}-card`, children: [
+            showLocale && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_LocaleDropdown.default, { locales, className: `${prefixCls}-locale` }),
+            board && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-board`, children: board }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `${prefixCls}-content`, children: [
+              showActivate ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: logo, alt: "", className: `${prefixCls}-activate-logo` }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_design.Divider,
+                  {
+                    style: {
+                      marginTop: 14,
+                      marginBottom: 20
+                    }
                   }
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Typography.Title, { level: 3, children: locale.activeTitle }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Typography.Paragraph, { children: locale.activeTitleDescrition }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                import_ActivateForm.default,
-                {
-                  ...activateFormProps,
-                  locale,
-                  errorMessage: alertProps == null ? void 0 : alertProps.message,
-                  goBack
-                }
-              )
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: showRegister ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: logo, alt: "", className: `${prefix}-reigster-logo` }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                import_design.Divider,
-                {
-                  style: {
-                    marginTop: 14,
-                    marginBottom: 20
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Typography.Title, { level: 3, children: locale.activeTitle }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Typography.Paragraph, { children: locale.activeTitleDescrition }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_ActivateForm.default,
+                  {
+                    ...activateFormProps,
+                    locale,
+                    errorMessage: alertProps == null ? void 0 : alertProps.message,
+                    goBack
                   }
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Typography.Title, { level: 3, children: locale.registerTitle }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                import_RegisterForm.default,
-                {
-                  ...registerProps,
-                  locale,
-                  errorMessage: alertProps == null ? void 0 : alertProps.message
-                }
-              )
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: logo, alt: "", className: `${prefix}-logo` }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                import_LoginForm.default,
-                {
-                  ...loginProps,
-                  otherLoginProps,
-                  locale,
-                  errorMessage: alertProps == null ? void 0 : alertProps.message,
-                  showAuthCode,
-                  showOtherLoginButton,
-                  authCodeImg,
-                  onAuthCodeImgChange
-                }
-              )
-            ] }) }),
-            !!enableRegister && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefix}-switch-btn`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Button, { type: "link", onClick: switchForm, "data-testid": "login.register.btn", children: showRegister ? locale.switchLoginLabel : locale.switchRegisterLabel }) }),
-            showWaterMark ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              "div",
-              {
-                className: `${prefix}-watermark-wrapper`,
-                style: { paddingLeft: showAuthCode ? 96 : 0 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  "img",
+                )
+              ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: showRegister ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: logo, alt: "", className: `${prefixCls}-reigster-logo` }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_design.Divider,
+                  {
+                    style: {
+                      marginTop: 14,
+                      marginBottom: 20
+                    }
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Typography.Title, { level: 3, children: locale.registerTitle }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_RegisterForm.default,
+                  {
+                    ...registerProps,
+                    locale,
+                    errorMessage: alertProps == null ? void 0 : alertProps.message
+                  }
+                )
+              ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: logo, alt: "", className: `${prefixCls}-logo` }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_LoginForm.default,
                   {
-                    src: (theme == null ? void 0 : theme.isDark) ? import_oceanbase_logo_dark.default : import_oceanbase_logo.default,
-                    alt: "",
-                    className: `${prefix}-watermark`
+                    ...loginProps,
+                    otherLoginProps,
+                    locale,
+                    errorMessage: alertProps == null ? void 0 : alertProps.message,
+                    showAuthCode,
+                    showOtherLoginButton,
+                    authCodeImg,
+                    onAuthCodeImgChange
                   }
                 )
-              }
-            ) : null
+              ] }) }),
+              !!enableRegister && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-switch-btn`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Button, { type: "link", onClick: switchForm, "data-testid": "login.register.btn", children: showRegister ? locale.switchLoginLabel : locale.switchRegisterLabel }) }),
+              showWaterMark ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "div",
+                {
+                  className: `${prefixCls}-watermark-wrapper`,
+                  style: { paddingLeft: showAuthCode ? 96 : 0 },
+                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    "img",
+                    {
+                      src: (theme == null ? void 0 : theme.isDark) ? import_oceanbase_logo_dark.default : import_oceanbase_logo.default,
+                      alt: "",
+                      className: `${prefixCls}-watermark`
+                    }
+                  )
+                }
+              ) : null
+            ] })
           ] })
-        ] })
-      ]
-    }
-  ) });
+        ]
+      }
+    ) })
+  );
 };
 var Login_default = (0, import_LocaleWrapper.default)({
   componentName: "Login",

package/lib/Login/style/index.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { GenerateStyle } from '@oceanbase/design/es/theme';
+import type { OBToken } from '../../_util/genComponentStyleHook';
+export type LoginToken = OBToken;
+export declare const genLoginStyle: GenerateStyle<LoginToken>;
+declare const _default: (prefixCls: string) => {
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    hashId: string;
+};
+export default _default;