@oceanbase/ui 1.0.0-alpha.1 → 1.0.0-alpha.11

package/lib/Login/locale/en-US.js

@@ -1,51 +1,33 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/Login/locale/en-US.ts
-var en_US_exports = {};
-__export(en_US_exports, {
-  default: () => en_US_default
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(en_US_exports);
-var en_US_default = {
-  usernamePlaceholder: "Please input username",
-  usernameMessage: "Username is required",
-  passwordPlaceholder: "Please input password",
-  passwordMessage: "Password is required",
-  loginText: "Login",
-  otherLoginText: "Third-party Login",
-  isLoadingWarn: "In progress",
-  usernameLabel: "Username",
-  switchLoginLabel: "Already have an account",
-  switchRegisterLabel: "Register",
-  userExistMessage: "Username already exists",
-  usernameFormatMessage: "Incorrect username format",
-  samePasswordMessage: "The two passwords are inconsistent",
-  usernameHelp: "Support English, numbers, underscores and special characters (._+@#$%), length 4~48 characters",
-  usernameLengthMessage: "User name supports 4~48 characters in length",
-  passwordLabel: "Password",
-  passwordHelp: "Contain at least 2 digits, 2 uppercase letters, 2 lowercase letters and 2 special characters (._+@#$%), with a length of 8~32 characters",
-  confirmPwdLabel: "Confirm password",
-  confirmPwdMessage: "Please enter the password again",
-  registerBtn: "Sign up",
-  registerTitle: "Sign up",
-  activeTitle: "Set password to activate account",
-  activeTitleDescrition: "For account security, you need to set a password to activate the account",
-  activeSubmitBtn: "Activation",
-  activeBackBtn: "Go back to the previous step"
-};
+exports.default = void 0;
+var _default = exports.default = {
+  usernamePlaceholder: 'Please input username',
+  usernameMessage: 'Username is required',
+  passwordPlaceholder: 'Please input password',
+  passwordMessage: 'Password is required',
+  loginText: 'Login',
+  otherLoginText: 'Third-party Login',
+  isLoadingWarn: 'In progress',
+  usernameLabel: 'Username',
+  switchLoginLabel: 'Already have an account',
+  switchRegisterLabel: 'Register',
+  userExistMessage: 'Username already exists',
+  usernameFormatMessage: 'Incorrect username format',
+  samePasswordMessage: 'The two passwords are inconsistent',
+  usernameHelp: 'Support English, numbers, underscores and special characters (._+@#$%), length 4~48 characters',
+  usernameLengthMessage: 'User name supports 4~48 characters in length',
+  passwordLabel: 'Password',
+  passwordHelp: 'Contain at least 2 digits, 2 uppercase letters, 2 lowercase letters and 2 special characters (._+@#$%), with a length of 8~32 characters',
+  confirmPwdLabel: 'Confirm password',
+  confirmPwdMessage: 'Please enter the password again',
+  registerBtn: 'Sign up',
+  registerTitle: 'Sign up',
+  activeTitle: 'Set password to activate account',
+  activeTitleDescrition: 'For account security, you need to set a password to activate the account',
+  activeSubmitBtn: 'Activation',
+  activeBackBtn: 'Go back to the previous step'
+};

package/lib/Login/locale/ja-JP.d.ts

@@ -0,0 +1,28 @@
+declare const _default: {
+    usernamePlaceholder: string;
+    usernameMessage: string;
+    passwordPlaceholder: string;
+    passwordMessage: string;
+    loginText: string;
+    otherLoginText: string;
+    isLoadingWarn: string;
+    usernameLabel: string;
+    switchLoginLabel: string;
+    switchRegisterLabel: string;
+    userExistMessage: string;
+    usernameFormatMessage: string;
+    samePasswordMessage: string;
+    usernameHelp: string;
+    usernameLengthMessage: string;
+    passwordLabel: string;
+    passwordHelp: string;
+    confirmPwdLabel: string;
+    confirmPwdMessage: string;
+    registerBtn: string;
+    registerTitle: string;
+    activeTitle: string;
+    activeTitleDescrition: string;
+    activeSubmitBtn: string;
+    activeBackBtn: string;
+};
+export default _default;

package/lib/Login/locale/ja-JP.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = exports.default = {
+  usernamePlaceholder: 'ユーザー名を入力してください',
+  usernameMessage: 'ユーザー名を入力してください',
+  passwordPlaceholder: 'パスワードを入力してください',
+  passwordMessage: 'パスワードを入力してください',
+  loginText: 'ログイン',
+  otherLoginText: '外部アカウントでログイン',
+  isLoadingWarn: '処理中',
+  usernameLabel: 'ユーザー名',
+  switchLoginLabel: '既存アカウントにログイン',
+  switchRegisterLabel: 'アカウントを作成',
+  userExistMessage: 'ユーザー名は既に存在します',
+  usernameFormatMessage: 'ユーザー名の形式が要件を満たしていません',
+  samePasswordMessage: '確認パスワードが一致しません',
+  usernameHelp: '半角英数字、アンダースコア、特殊文字 (._+@#$%) が使用可能です（4〜48文字）',
+  usernameLengthMessage: 'ユーザー名の長さは 4~48 文字',
+  passwordLabel: 'パスワード',
+  passwordHelp: '数字、大文字、小文字、特殊文字 (._+@#$%) をそれぞれ2文字以上含み、8〜32文字で入力してください',
+  confirmPwdLabel: 'パスワード確認',
+  confirmPwdMessage: 'パスワードを再度入力してください',
+  registerBtn: '今すぐ登録',
+  registerTitle: 'アカウント登録',
+  activeTitle: 'パスワードを設定してアカウントを有効化',
+  activeTitleDescrition: 'セキュリティ保護のため、パスワードを設定してアカウントを有効化してください',
+  activeSubmitBtn: '有効化する',
+  activeBackBtn: '戻る'
+};

package/lib/Login/locale/zh-CN.js

@@ -1,51 +1,33 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/Login/locale/zh-CN.ts
-var zh_CN_exports = {};
-__export(zh_CN_exports, {
-  default: () => zh_CN_default
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(zh_CN_exports);
-var zh_CN_default = {
-  usernamePlaceholder: "请输入账号",
-  usernameMessage: "请输入账号",
-  passwordPlaceholder: "请输入密码",
-  passwordMessage: "请输入密码",
-  loginText: "登录",
-  otherLoginText: "第三方登录",
-  isLoadingWarn: "正在执行中",
-  usernameLabel: "用户名",
-  switchLoginLabel: "登录已有账号",
-  switchRegisterLabel: "注册账号",
-  userExistMessage: "用户名已存在",
-  usernameFormatMessage: "用户名格式不符合要求",
-  samePasswordMessage: "确认密码不一致",
-  usernameHelp: "支持英文、数字、下划线和特殊字符 (._+@#$%)，长度 4~48 位字符",
-  usernameLengthMessage: "用户名长度 4~48 位字符",
-  passwordLabel: "密码",
-  passwordHelp: "至少包含 2 位数字、2 位大写字母、2 位小写字母和 2 位特殊字符 (._+@#$%)，长度 8~32 位字符",
-  confirmPwdLabel: "确认密码",
-  confirmPwdMessage: "请再次输入密码",
-  registerBtn: "立即注册",
-  registerTitle: "注册账号",
-  activeTitle: "设置密码激活账号",
-  activeTitleDescrition: "为了账号安全，需要设置密码激活账号",
-  activeSubmitBtn: "激活",
-  activeBackBtn: "返回上一步"
-};
+exports.default = void 0;
+var _default = exports.default = {
+  usernamePlaceholder: '请输入用户名',
+  usernameMessage: '请输入用户名',
+  passwordPlaceholder: '请输入密码',
+  passwordMessage: '请输入密码',
+  loginText: '登录',
+  otherLoginText: '第三方登录',
+  isLoadingWarn: '正在执行中',
+  usernameLabel: '用户名',
+  switchLoginLabel: '登录已有账号',
+  switchRegisterLabel: '注册账号',
+  userExistMessage: '用户名已存在',
+  usernameFormatMessage: '用户名格式不符合要求',
+  samePasswordMessage: '确认密码不一致',
+  usernameHelp: '支持英文、数字、下划线和特殊字符 (._+@#$%)，长度 4~48 位字符',
+  usernameLengthMessage: '用户名长度 4~48 位字符',
+  passwordLabel: '密码',
+  passwordHelp: '至少包含 2 位数字、2 位大写字母、2 位小写字母和 2 位特殊字符 (._+@#$%)，长度 8~32 位字符',
+  confirmPwdLabel: '确认密码',
+  confirmPwdMessage: '请再次输入密码',
+  registerBtn: '立即注册',
+  registerTitle: '注册账号',
+  activeTitle: '设置密码激活账号',
+  activeTitleDescrition: '为了账号安全，需要设置密码激活账号',
+  activeSubmitBtn: '激活',
+  activeBackBtn: '返回上一步'
+};

package/lib/Login/locale/zh-TW.js

@@ -1,50 +1,32 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/Login/locale/zh-TW.ts
-var zh_TW_exports = {};
-__export(zh_TW_exports, {
-  default: () => zh_TW_default
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(zh_TW_exports);
-var zh_TW_default = {
-  usernamePlaceholder: "請輸入用戶名",
-  usernameMessage: "用戶名不能為空",
-  passwordPlaceholder: "請輸入密碼",
-  passwordMessage: "密碼不能為空",
-  loginText: "登錄",
-  isLoadingWarn: "正在執行中",
-  usernameLabel: "用戶名",
-  switchLoginLabel: "登錄已有帳號",
-  switchRegisterLabel: "註冊帳號",
-  userExistMessage: "用戶名已存在",
-  usernameFormatMessage: "用戶名格式不符合要求",
-  samePasswordMessage: "確認密碼不一致",
-  usernameHelp: "支持英文、數字、下劃線和特殊字符（._+@#$%），長度 4~48 位字符",
-  usernameLengthMessage: "用戶名長度 4~48 位字符",
-  passwordLabel: "密碼",
-  passwordHelp: "至少包含 2 位字符、2 位大寫字母、2 位小寫字母和 2 位特殊字符（._+@#$%），長度 8~32 位字符",
-  confirmPwdLabel: "確認密碼",
-  confirmPwdMessage: "請再次輸入密碼",
-  registerBtn: "立即注册",
-  registerTitle: "註冊帳號",
-  activeTitle: "設置密碼激活帳號",
-  activeTitleDescrition: "為了帳號安全，需要設置密碼激活帳號",
-  activeSubmitBtn: "激活",
-  activeBackBtn: "返回上一步"
-};
+exports.default = void 0;
+var _default = exports.default = {
+  usernamePlaceholder: '請輸入用戶名',
+  usernameMessage: '用戶名不能為空',
+  passwordPlaceholder: '請輸入密碼',
+  passwordMessage: '密碼不能為空',
+  loginText: '登錄',
+  isLoadingWarn: '正在執行中',
+  usernameLabel: '用戶名',
+  switchLoginLabel: '登錄已有帳號',
+  switchRegisterLabel: '註冊帳號',
+  userExistMessage: '用戶名已存在',
+  usernameFormatMessage: '用戶名格式不符合要求',
+  samePasswordMessage: '確認密碼不一致',
+  usernameHelp: '支持英文、數字、下劃線和特殊字符（._+@#$%），長度 4~48 位字符',
+  usernameLengthMessage: '用戶名長度 4~48 位字符',
+  passwordLabel: '密碼',
+  passwordHelp: '至少包含 2 位字符、2 位大寫字母、2 位小寫字母和 2 位特殊字符（._+@#$%），長度 8~32 位字符',
+  confirmPwdLabel: '確認密碼',
+  confirmPwdMessage: '請再次輸入密碼',
+  registerBtn: '立即注册',
+  registerTitle: '註冊帳號',
+  activeTitle: '設置密碼激活帳號',
+  activeTitleDescrition: '為了帳號安全，需要設置密碼激活帳號',
+  activeSubmitBtn: '激活',
+  activeBackBtn: '返回上一步'
+};

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;

package/lib/Login/style/index.js

@@ -0,0 +1,246 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.genLoginStyle = exports.default = void 0;
+var _genComponentStyleHook = require("../../_util/genComponentStyleHook");
+const genLoginStyle = token => {
+  const {
+    componentCls,
+    antCls,
+    iconCls,
+    colorTextTertiary,
+    colorPrimary,
+    colorBorder,
+    borderRadius
+  } = token;
+  return {
+    [`${componentCls}-container`]: {
+      display: 'flex',
+      justifyContent: 'space-between',
+      minWidth: 960,
+      height: '100vh',
+      minHeight: 600,
+      overflow: 'auto',
+      [`${componentCls}-bg`]: {
+        width: '40%',
+        height: '100%',
+        backgroundRepeat: 'no-repeat',
+        backgroundSize: 'cover',
+        backgroundPosition: 'center',
+        [`${componentCls}-info`]: {
+          margin: '185px 48px 0 48px',
+          color: '#fff',
+          fontWeight: token.fontWeightStrong,
+          fontSize: 56,
+          fontFamily: 'PingFangSC',
+          [`${componentCls}-start`]: {
+            marginTop: 22,
+            color: '#f4f4f4',
+            fontWeight: token.fontWeightStrong,
+            fontSize: 32,
+            letterSpacing: 0
+          }
+        }
+      },
+      [`${componentCls}-card`]: {
+        display: 'flex',
+        flex: 1,
+        alignItems: 'center',
+        justifyContent: 'center',
+        height: '100%',
+        minHeight: 600,
+        backgroundColor: '#fff',
+        [`${componentCls}-locale`]: {
+          position: 'absolute',
+          top: 24,
+          right: 24,
+          color: colorTextTertiary,
+          fontFamily: 'PingFangSC-Regular',
+          cursor: 'pointer'
+        },
+        [`${componentCls}-board`]: {
+          position: 'absolute',
+          top: 48
+        },
+        [`${componentCls}-content`]: {
+          marginTop: -60,
+          width: 404,
+          [`${componentCls}-logo`]: {
+            display: 'block',
+            height: 68,
+            margin: '0 auto',
+            marginBottom: 40
+          },
+          [`${componentCls}-activate-logo, ${componentCls}-reigster-logo`]: {
+            display: 'block',
+            height: 68,
+            margin: '0 auto'
+          },
+          [`${componentCls}-register, ${componentCls}-activate`]: {
+            [`${antCls}-form-item-with-help`]: {
+              marginBottom: 24
+            }
+          },
+          [`${componentCls}-form`]: {
+            width: '100%',
+            'input::placeholder': {
+              fontSize: 14
+            },
+            [`${antCls}-form-item`]: {
+              marginBottom: 24,
+              paddingBottom: 0
+            },
+            [`${antCls}-input-affix-wrapper`]: {
+              [`${antCls}-input:not(${antCls}-input-disabled)`]: {
+                boxShadow: 'inset 0 0 0 1000px white !important'
+              },
+              [`${antCls}-input:-internal-autofill-selected`]: {
+                boxShadow: 'inset 0 0 0 1000px white !important'
+              },
+              [`${antCls}-input:focus:-internal-autofill-selected`]: {
+                boxShadow: 'inset 0 0 0 1000px white !important'
+              }
+            },
+            [`${antCls}-input-affix-wrapper ${antCls}-input:not(:first-child)`]: {
+              paddingLeft: 8
+            },
+            [`${antCls}-input-affix-wrapper-focused`]: {
+              borderColor: colorPrimary
+            },
+            [`${componentCls}-form-focus-input`]: {
+              [`${antCls}-input-prefix`]: {
+                [`${iconCls}`]: {
+                  color: colorPrimary
+                }
+              }
+            }
+          },
+          [`${componentCls}-auth-code`]: {
+            display: 'flex',
+            alignItems: 'start',
+            width: '100%',
+            marginBottom: 24,
+            paddingBottom: 0,
+            [`> ${antCls}-space-item:first-child`]: {
+              flex: 1
+            },
+            [`${antCls}-form-item`]: {
+              marginBottom: 0
+            },
+            [`${componentCls}-code-btn`]: {
+              position: 'relative',
+              height: 38,
+              border: `1px solid ${colorBorder}`,
+              borderRadius: borderRadius,
+              cursor: 'pointer',
+              img: {
+                height: 38,
+                borderRadius: borderRadius
+              },
+              [`${componentCls}-code-mask`]: {
+                position: 'absolute',
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                height: 38,
+                color: '#fff',
+                background: 'rgba(0, 0, 0, 0.5)',
+                borderRadius: borderRadius,
+                cursor: 'pointer',
+                opacity: 0,
+                transition: 'opacity 0.3s',
+                inset: 0
+              },
+              [`&.${componentCls}-error, &:hover`]: {
+                [`${componentCls}-code-mask`]: {
+                  opacity: 1
+                }
+              }
+            }
+          },
+          [`${componentCls}-submit-btn`]: {},
+          [`${componentCls}-switch-btn`]: {
+            marginTop: 24,
+            textAlign: 'center',
+            cursor: 'pointer'
+          },
+          [`${componentCls}-watermark-wrapper`]: {
+            position: 'absolute',
+            bottom: 40,
+            width: 404,
+            textAlign: 'center',
+            [`${componentCls}-watermark`]: {
+              height: 16
+            }
+          },
+          [`${componentCls}-alert`]: {
+            marginBottom: 24,
+            borderRadius: borderRadius
+          }
+        }
+      },
+      '@media (max-height: 650px)': {
+        [`${componentCls}-watermark-wrapper`]: {
+          position: 'absolute',
+          top: 600
+        }
+      }
+    },
+    [`${componentCls}-container-with-board`]: {
+      [`${componentCls}-card`]: {
+        [`${componentCls}-content`]: {
+          marginTop: 0
+        }
+      }
+    },
+    [`${componentCls}-container-mobile`]: {
+      flexDirection: 'column',
+      minWidth: 'auto',
+      [`${componentCls}-banner`]: {
+        height: '25%'
+      },
+      [`${componentCls}-bg`]: {
+        width: '100%'
+      },
+      [`${componentCls}-card`]: {
+        alignItems: 'start',
+        width: '100%',
+        height: '75%',
+        marginTop: -48,
+        padding: '0 32px',
+        borderRadius: '16px 16px 0 0',
+        position: 'relative',
+        [`${componentCls}-board`]: {
+          top: 8,
+          left: 24
+        },
+        [`${componentCls}-locale`]: {
+          top: 8
+        },
+        [`${componentCls}-content`]: {
+          width: '100%',
+          marginTop: 40,
+          [`${componentCls}-logo`]: {
+            height: 48,
+            marginBottom: 24
+          },
+          [`${componentCls}-watermark-wrapper`]: {
+            width: '100%',
+            position: 'static',
+            marginTop: 96
+          }
+        }
+      }
+    }
+  };
+};
+exports.genLoginStyle = genLoginStyle;
+var _default = prefixCls => {
+  const useStyle = (0, _genComponentStyleHook.genComponentStyleHook)('Login', token => {
+    return [genLoginStyle(token)];
+  });
+  return useStyle(prefixCls);
+};
+exports.default = _default;

package/lib/Lottie/index.js

@@ -1,26 +1,9 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/Lottie/index.ts
-var Lottie_exports = {};
-__export(Lottie_exports, {
-  default: () => Lottie_default
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(Lottie_exports);
-var import_design = require("@oceanbase/design");
-var Lottie_default = import_design.Lottie;
+exports.default = void 0;
+var _design = require("@oceanbase/design");
+"use client";
+var _default = exports.default = _design.Lottie;

package/lib/NavMenu/index.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import './index.less';
 export interface NavMenuItem {
     key: string;
     title: string;
@@ -15,5 +14,5 @@ export interface NavMenuProps {
     className?: string;
     style?: React.CSSProperties;
 }
-declare const _default: (props: NavMenuProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const _default: (props: NavMenuProps) => React.JSX.Element;
 export default _default;