@oceanbase/ui 1.0.0-alpha.8 → 1.0.0

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.js

@@ -1,30 +1,11 @@
-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/style/index.ts
-var style_exports = {};
-__export(style_exports, {
-  default: () => style_default,
-  genLoginStyle: () => genLoginStyle
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(style_exports);
-var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
-var genLoginStyle = (token) => {
+exports.genLoginStyle = exports.default = void 0;
+var _genComponentStyleHook = require("../../_util/genComponentStyleHook");
+const genLoginStyle = token => {
   const {
     componentCls,
     antCls,
@@ -36,27 +17,27 @@ var genLoginStyle = (token) => {
   } = token;
   return {
     [`${componentCls}-container`]: {
-      display: "flex",
-      justifyContent: "space-between",
+      display: 'flex',
+      justifyContent: 'space-between',
       minWidth: 960,
-      height: "100vh",
+      height: '100vh',
       minHeight: 600,
-      overflow: "auto",
+      overflow: 'auto',
       [`${componentCls}-bg`]: {
-        width: "40%",
-        height: "100%",
-        backgroundRepeat: "no-repeat",
-        backgroundSize: "cover",
-        backgroundPosition: "center",
+        width: '40%',
+        height: '100%',
+        backgroundRepeat: 'no-repeat',
+        backgroundSize: 'cover',
+        backgroundPosition: 'center',
         [`${componentCls}-info`]: {
-          margin: "185px 48px 0 48px",
-          color: "#fff",
+          margin: '185px 48px 0 48px',
+          color: '#fff',
           fontWeight: token.fontWeightStrong,
           fontSize: 56,
-          fontFamily: "PingFangSC",
+          fontFamily: 'PingFangSC',
           [`${componentCls}-start`]: {
             marginTop: 22,
-            color: "#f4f4f4",
+            color: '#f4f4f4',
             fontWeight: token.fontWeightStrong,
             fontSize: 32,
             letterSpacing: 0
@@ -64,38 +45,38 @@ var genLoginStyle = (token) => {
         }
       },
       [`${componentCls}-card`]: {
-        display: "flex",
+        display: 'flex',
         flex: 1,
-        alignItems: "center",
-        justifyContent: "center",
-        height: "100%",
+        alignItems: 'center',
+        justifyContent: 'center',
+        height: '100%',
         minHeight: 600,
-        backgroundColor: "#fff",
+        backgroundColor: '#fff',
         [`${componentCls}-locale`]: {
-          position: "absolute",
+          position: 'absolute',
           top: 24,
           right: 24,
           color: colorTextTertiary,
-          fontFamily: "PingFangSC-Regular",
-          cursor: "pointer"
+          fontFamily: 'PingFangSC-Regular',
+          cursor: 'pointer'
         },
         [`${componentCls}-board`]: {
-          position: "absolute",
+          position: 'absolute',
           top: 48
         },
         [`${componentCls}-content`]: {
           marginTop: -60,
           width: 404,
           [`${componentCls}-logo`]: {
-            display: "block",
+            display: 'block',
             height: 68,
-            margin: "0 auto",
+            margin: '0 auto',
             marginBottom: 40
           },
           [`${componentCls}-activate-logo, ${componentCls}-reigster-logo`]: {
-            display: "block",
+            display: 'block',
             height: 68,
-            margin: "0 auto"
+            margin: '0 auto'
           },
           [`${componentCls}-register, ${componentCls}-activate`]: {
             [`${antCls}-form-item-with-help`]: {
@@ -103,9 +84,9 @@ var genLoginStyle = (token) => {
             }
           },
           [`${componentCls}-form`]: {
-            width: "100%",
-            "input::placeholder": {
-              fontSize: 14
+            width: '100%',
+            'input::placeholder': {
+              fontSize: token.fontSize
             },
             [`${antCls}-form-item`]: {
               marginBottom: 24,
@@ -113,13 +94,13 @@ var genLoginStyle = (token) => {
             },
             [`${antCls}-input-affix-wrapper`]: {
               [`${antCls}-input:not(${antCls}-input-disabled)`]: {
-                boxShadow: "inset 0 0 0 1000px white !important"
+                boxShadow: 'inset 0 0 0 1000px white !important'
               },
               [`${antCls}-input:-internal-autofill-selected`]: {
-                boxShadow: "inset 0 0 0 1000px white !important"
+                boxShadow: 'inset 0 0 0 1000px white !important'
               },
               [`${antCls}-input:focus:-internal-autofill-selected`]: {
-                boxShadow: "inset 0 0 0 1000px white !important"
+                boxShadow: 'inset 0 0 0 1000px white !important'
               }
             },
             [`${antCls}-input-affix-wrapper ${antCls}-input:not(:first-child)`]: {
@@ -137,9 +118,9 @@ var genLoginStyle = (token) => {
             }
           },
           [`${componentCls}-auth-code`]: {
-            display: "flex",
-            alignItems: "start",
-            width: "100%",
+            display: 'flex',
+            alignItems: 'start',
+            width: '100%',
             marginBottom: 24,
             paddingBottom: 0,
             [`> ${antCls}-space-item:first-child`]: {
@@ -149,27 +130,27 @@ var genLoginStyle = (token) => {
               marginBottom: 0
             },
             [`${componentCls}-code-btn`]: {
-              position: "relative",
+              position: 'relative',
               height: 38,
               border: `1px solid ${colorBorder}`,
-              borderRadius,
-              cursor: "pointer",
+              borderRadius: borderRadius,
+              cursor: 'pointer',
               img: {
                 height: 38,
-                borderRadius
+                borderRadius: borderRadius
               },
               [`${componentCls}-code-mask`]: {
-                position: "absolute",
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center",
+                position: 'absolute',
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
                 height: 38,
-                color: "#fff",
-                background: "rgba(0, 0, 0, 0.5)",
-                borderRadius,
-                cursor: "pointer",
+                color: '#fff',
+                background: 'rgba(0, 0, 0, 0.5)',
+                borderRadius: borderRadius,
+                cursor: 'pointer',
                 opacity: 0,
-                transition: "opacity 0.3s",
+                transition: 'opacity 0.3s',
                 inset: 0
               },
               [`&.${componentCls}-error, &:hover`]: {
@@ -182,27 +163,27 @@ var genLoginStyle = (token) => {
           [`${componentCls}-submit-btn`]: {},
           [`${componentCls}-switch-btn`]: {
             marginTop: 24,
-            textAlign: "center",
-            cursor: "pointer"
+            textAlign: 'center',
+            cursor: 'pointer'
           },
           [`${componentCls}-watermark-wrapper`]: {
-            position: "absolute",
+            position: 'absolute',
             bottom: 40,
             width: 404,
-            textAlign: "center",
+            textAlign: 'center',
             [`${componentCls}-watermark`]: {
               height: 16
             }
           },
           [`${componentCls}-alert`]: {
             marginBottom: 24,
-            borderRadius
+            borderRadius: borderRadius
           }
         }
       },
-      "@media (max-height: 650px)": {
+      '@media (max-height: 650px)': {
         [`${componentCls}-watermark-wrapper`]: {
-          position: "absolute",
+          position: 'absolute',
           top: 600
         }
       }
@@ -215,22 +196,22 @@ var genLoginStyle = (token) => {
       }
     },
     [`${componentCls}-container-mobile`]: {
-      flexDirection: "column",
-      minWidth: "auto",
+      flexDirection: 'column',
+      minWidth: 'auto',
       [`${componentCls}-banner`]: {
-        height: "25%"
+        height: '25%'
       },
       [`${componentCls}-bg`]: {
-        width: "100%"
+        width: '100%'
       },
       [`${componentCls}-card`]: {
-        alignItems: "start",
-        width: "100%",
-        height: "75%",
+        alignItems: 'start',
+        width: '100%',
+        height: '75%',
         marginTop: -48,
-        padding: "0 32px",
-        borderRadius: "16px 16px 0 0",
-        position: "relative",
+        padding: '0 32px',
+        borderRadius: '16px 16px 0 0',
+        position: 'relative',
         [`${componentCls}-board`]: {
           top: 8,
           left: 24
@@ -239,15 +220,15 @@ var genLoginStyle = (token) => {
           top: 8
         },
         [`${componentCls}-content`]: {
-          width: "100%",
+          width: '100%',
           marginTop: 40,
           [`${componentCls}-logo`]: {
             height: 48,
             marginBottom: 24
           },
           [`${componentCls}-watermark-wrapper`]: {
-            width: "100%",
-            position: "static",
+            width: '100%',
+            position: 'static',
             marginTop: 96
           }
         }
@@ -255,13 +236,11 @@ var genLoginStyle = (token) => {
     }
   };
 };
-var style_default = (prefixCls) => {
-  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("Login", (token) => {
+exports.genLoginStyle = genLoginStyle;
+var _default = prefixCls => {
+  const useStyle = (0, _genComponentStyleHook.genComponentStyleHook)('Login', token => {
     return [genLoginStyle(token)];
   });
   return useStyle(prefixCls);
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  genLoginStyle
-});
+exports.default = _default;

package/lib/Lottie/index.js

@@ -1,26 +1,8 @@
-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);
-
-// src/Lottie/index.ts
-var Lottie_exports = {};
-__export(Lottie_exports, {
-  default: () => Lottie_default
+"use strict";
+"use client";
+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");
+var _default = exports.default = _design.Lottie;

package/lib/NavMenu/index.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import type { LocaleWrapperProps } from '../locale/LocaleWrapper';
 export interface NavMenuItem {
     key: string;
     title: string;
@@ -9,10 +10,12 @@ export interface NavMenuItem {
     id?: string;
     children?: NavMenuItem[];
 }
-export interface NavMenuProps {
+export interface NavMenuProps extends LocaleWrapperProps {
     menuList: NavMenuItem[];
     className?: string;
     style?: React.CSSProperties;
+    /** 覆盖 locale 中的导航 landmark 可访问名称 */
+    navigationAriaLabel?: string;
 }
-declare const _default: (props: NavMenuProps) => React.JSX.Element;
+declare const _default: any;
 export default _default;