@oceanbase/ui 0.2.13 → 0.2.15

package/es/locale/zh-CN.js

@@ -4,7 +4,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-import antdZhCN from 'antd/es/locale/zh_CN';
+import zhCN from '@oceanbase/design/es/locale/zh-CN';
 import BasicLayout from "../BasicLayout/locale/zh-CN";
 import BatchOperationBar from "../BatchOperationBar/locale/zh-CN";
 import Dialog from "../Dialog/locale/zh-CN";
@@ -19,7 +19,7 @@ import Ranger from "../Ranger/locale/zh-CN";
 import SideTip from "../SideTip/locale/zh-CN";
 import TaskGraph from "../TaskGraph/locale/zh-CN";
 import Welcome from "../Welcome/locale/zh-CN";
-export default _objectSpread(_objectSpread({}, antdZhCN), {}, {
+export default _objectSpread(_objectSpread({}, zhCN), {}, {
   // 业务组件
   BasicLayout: BasicLayout,
   PageContainer: PageContainer,

package/es/locale/zh-TW.js

@@ -4,7 +4,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-import antdZhTW from 'antd/es/locale/zh_TW';
+import zhTW from '@oceanbase/design/es/locale/zh-TW';
 import BasicLayout from "../BasicLayout/locale/zh-TW";
 import BatchOperationBar from "../BatchOperationBar/locale/zh-TW";
 import Dialog from "../Dialog/locale/zh-TW";
@@ -16,7 +16,7 @@ import { default as Boundary, default as Password } from "../Password/locale/zh-
 import Ranger from "../Ranger/locale/zh-TW";
 import TaskGraph from "../TaskGraph/locale/zh-TW";
 import Welcome from "../Welcome/locale/zh-TW";
-export default _objectSpread(_objectSpread({}, antdZhTW), {}, {
+export default _objectSpread(_objectSpread({}, zhTW), {}, {
   // 业务组件
   BasicLayout: BasicLayout,
   PageContainer: PageContainer,

package/lib/Action/Item.js

@@ -64,14 +64,12 @@ var ActionButton = class extends import_react.default.PureComponent {
         danger,
         disabled,
         onClick: (_) => {
-          if (enableLoading) {
+          const handle = onClick == null ? void 0 : onClick();
+          if (enableLoading && (handle == null ? void 0 : handle.then)) {
             this.setState({ loading: true });
-            const handle = onClick == null ? void 0 : onClick();
-            if (handle.then) {
-              handle.then(() => {
-                this.setState({ loading: false });
-              });
-            }
+            handle.then(() => {
+              this.setState({ loading: false });
+            });
           }
         }
       },

package/lib/BackgroundTaskManager/index.d.ts

@@ -1,5 +1,5 @@
-import type { GlobalConfigProps, NotificationInstance } from 'antd/es/notification/interface';
 import React from 'react';
+import type { GlobalConfigProps, NotificationInstance } from '@oceanbase/design/es/notification/interface';
 export declare enum NotificationApi {
     success = "success",
     error = "error",
@@ -16,9 +16,9 @@ export declare const BackgroundTaskManagerConstants: {
     };
     NotificationApi: typeof NotificationApi;
 };
-declare type Namespace = string;
-export declare type TaskMgrID = string | number;
-export declare type ITaskMgrQueue = Record<TaskMgrID, Namespace>;
+type Namespace = string;
+export type TaskMgrID = string | number;
+export type ITaskMgrQueue = Record<TaskMgrID, Namespace>;
 interface NotificationAction {
     api: (params: any) => Promise<any>;
     successCb: (response: any, id: TaskMgrID) => {
@@ -30,7 +30,7 @@ interface NotificationAction {
         config: GlobalConfigProps;
     } | null;
 }
-export declare type ITaskMgrPreset = Record<Namespace, NotificationAction>;
+export type ITaskMgrPreset = Record<Namespace, NotificationAction>;
 export interface BackgroundTaskManagerRef {
     pushQueue: (queue: ITaskMgrQueue) => void;
     popQueue: (id: TaskMgrID) => void;

package/lib/BackgroundTaskManager/index.js

@@ -34,8 +34,8 @@ __export(BackgroundTaskManager_exports, {
   default: () => BackgroundTaskManager_default
 });
 module.exports = __toCommonJS(BackgroundTaskManager_exports);
-var import_design = require("@oceanbase/design");
 var import_react = __toESM(require("react"));
+var import_design = require("@oceanbase/design");
 var import_constants = require("./constants");
 var import_RefreshMan = require("./RefreshMan");
 var NotificationApi = /* @__PURE__ */ ((NotificationApi2) => {

package/lib/BasicLayout/Header.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import type { Locale } from '../interface';
 import type { LocaleWrapperProps } from '../locale/LocaleWrapper';
 import './Header.less';
-export declare type OverlayFunc = () => React.ReactElement;
+export type OverlayFunc = () => React.ReactElement;
 export interface HeaderLocale {
     help: string;
     welcome: string;

package/lib/BasicLayout/Header.js

@@ -40,7 +40,7 @@ var import_react = __toESM(require("react"));
 var import_constant = require("../constant");
 var import_LocaleWrapper = __toESM(require("../locale/LocaleWrapper"));
 var import_util = require("../_util");
-var import_useHistory = __toESM(require("../_util/useHistory"));
+var import_useNavigate = __toESM(require("../_util/useNavigate"));
 var import_zh_CN = __toESM(require("./locale/zh-CN"));
 var import_oceanbase_logo = __toESM(require("../assets/logo/oceanbase_logo.svg"));
 var import_user = __toESM(require("../assets/user.svg"));
@@ -69,7 +69,7 @@ var Header = ({
   langs,
   ...restProps
 }) => {
-  const history = (0, import_useHistory.default)();
+  const navigate = (0, import_useNavigate.default)();
   const [visible, setVisible] = (0, import_react.useState)(false);
   const isWelcome = pathname === welcomePath;
   const helpMenu = /* @__PURE__ */ import_react.default.createElement(
@@ -78,7 +78,7 @@ var Header = ({
       onClick: ({ key }) => {
         var _a;
         if (key === "welcome") {
-          history.push(welcomePath);
+          navigate == null ? void 0 : navigate(welcomePath);
         } else if (key === "viewDocs") {
           (0, import_util.directTo)(docsPath);
         } else if (key === "downloadDocs") {
@@ -110,7 +110,7 @@ var Header = ({
         src: simpleLogoUrl,
         alt: "",
         onClick: () => {
-          history.push("/");
+          navigate == null ? void 0 : navigate("/");
         },
         className: `${prefix}-logo`
       }

package/lib/BasicLayout/index.d.ts

@@ -1,5 +1,5 @@
-import type { BadgeProps } from 'antd/es/badge';
-import type { MenuProps } from 'antd/es/menu';
+import type { BadgeProps } from '@oceanbase/design/es/badge';
+import type { MenuProps } from '@oceanbase/design/es/menu';
 import React from 'react';
 import type { LocaleWrapperProps } from '../locale/LocaleWrapper';
 import type { HeaderProps } from './Header';
@@ -39,6 +39,7 @@ export interface BasicLayoutProps extends LocaleWrapperProps {
     sideHeader?: React.ReactNode;
     subSideMenus?: MenuItem[];
     subSideMenuProps?: MenuProps;
+    prefixCls?: string;
     style?: React.CSSProperties;
 }
 declare const _default: any;

package/lib/BasicLayout/index.js

@@ -43,7 +43,7 @@ var import_path_to_regexp = require("path-to-regexp");
 var import_react = __toESM(require("react"));
 var import_LocaleWrapper = __toESM(require("../locale/LocaleWrapper"));
 var import_util2 = require("../_util");
-var import_useHistory = __toESM(require("../_util/useHistory"));
+var import_useNavigate = __toESM(require("../_util/useNavigate"));
 var import_Header = __toESM(require("./Header"));
 var import_zh_CN = __toESM(require("./locale/zh-CN"));
 var import_style = __toESM(require("./style"));
@@ -72,9 +72,9 @@ var BasicLayout = ({
 }) => {
   const { getPrefixCls } = (0, import_react.useContext)(import_design2.ConfigProvider.ConfigContext);
   const prefixCls = getPrefixCls("basic-layout", customizePrefixCls);
-  const { wrapSSR, hashId } = (0, import_style.default)(prefixCls);
-  const basicLayoutCls = (0, import_classnames.default)(className, hashId);
-  const history = (0, import_useHistory.default)();
+  const { wrapSSR } = (0, import_style.default)(prefixCls);
+  const basicLayoutCls = (0, import_classnames.default)(className);
+  const navigate = (0, import_useNavigate.default)();
   const [collapsed, setCollapsed] = (0, import_react.useState)(defaultCollapsed);
   const [selectedKeys, setSelectedKeys] = (0, import_react.useState)(defaultSelectedKeys);
   const [openKeys, setOpenKeys] = (0, import_react.useState)(defaultOpenKeys);
@@ -157,7 +157,7 @@ var BasicLayout = ({
               key: item.link,
               onClick: () => {
                 if (pathname !== item.link) {
-                  history.push(item.link);
+                  navigate == null ? void 0 : navigate(item.link);
                 }
               }
             },
@@ -217,7 +217,7 @@ var BasicLayout = ({
               key: item.link,
               onClick: () => {
                 if (pathname !== item.link) {
-                  history.push(item.link);
+                  navigate == null ? void 0 : navigate(item.link);
                 }
               }
             },

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

@@ -1,5 +1,9 @@
-import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
-export declare type BasicLayoutToken = FullToken<any>;
+/// <reference types="react" />
+import type { FullToken, GenerateStyle } from '@oceanbase/design/es/theme';
+export type BasicLayoutToken = FullToken<any>;
 export declare const genBasicLayoutStyle: GenerateStyle<BasicLayoutToken>;
-declare const _default: (prefixCls: string) => any;
+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/BatchOperationBar/index.d.ts

@@ -7,9 +7,9 @@ export interface AlertRenderParams {
     setSelectedRows: (selectedRows: any[]) => void;
     cleanSelectedRows: (cleanSelectdRows?: any[]) => void;
 }
-export declare type RenderFun = ((props: AlertRenderParams) => ReactNode) | false;
-export declare type Vertical = 'top' | 'bottom';
-export declare type Horizontal = 'left' | 'right';
+export type RenderFun = ((props: AlertRenderParams) => ReactNode) | false;
+export type Vertical = 'top' | 'bottom';
+export type Horizontal = 'left' | 'right';
 export interface Props extends LocaleWrapperProps {
     width?: number | string;
     title?: ReactNode;

package/lib/Boundary/constant.d.ts

@@ -4,10 +4,10 @@ export interface ConfigType {
     buttonText?: string;
     onClick?: () => void;
 }
-export declare type FunctionConfigType = Record<string, ConfigType>;
-export declare type FunctionStateType = keyof FunctionConfigType;
-export declare type CodeType = 404 | 403;
-export declare type CodePresetType = Record<CodeType, ConfigType>;
+export type FunctionConfigType = Record<string, ConfigType>;
+export type FunctionStateType = keyof FunctionConfigType;
+export type CodeType = 404 | 403;
+export type CodePresetType = Record<CodeType, ConfigType>;
 export declare const CODE_PRESET: (locale: any) => CodePresetType;
 export declare const EXCEPTION_PRESET: (locale: any) => {
     ERROR_BOUNDARY: {

package/lib/ContentWithIcon/index.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import './index.less';
+export interface ContentWithIconProps {
+    content?: React.ReactNode;
+    tooltip?: any;
+    prefixIcon?: React.ReactNode | boolean;
+    suffixIcon?: React.ReactNode;
+    className?: string;
+    iconType?: 'question' | 'info' | 'exclamation';
+    color?: string;
+    style?: React.CSSProperties;
+    onClick?: (e: React.SyntheticEvent) => void;
+    tooltipWithLink?: boolean;
+    textHidden?: boolean;
+    popOver?: any;
+    size?: number;
+    infoColor?: string;
+    exclamationColor?: string;
+}
+declare const ContentWithIcon: React.FC<ContentWithIconProps>;
+export default ContentWithIcon;

package/lib/ContentWithIcon/index.js

@@ -0,0 +1,130 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/ContentWithIcon/index.tsx
+var ContentWithIcon_exports = {};
+__export(ContentWithIcon_exports, {
+  default: () => ContentWithIcon_default
+});
+module.exports = __toCommonJS(ContentWithIcon_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_icons = require("@ant-design/icons");
+var import_classnames = __toESM(require("classnames"));
+var import_util = require("../_util");
+var import_index = require("./index.less");
+var prefix = (0, import_util.getPrefix)("content-with-question");
+var ContentWithIcon = ({
+  content,
+  tooltip,
+  prefixIcon = null,
+  suffixIcon,
+  className,
+  children,
+  iconType,
+  color,
+  tooltipWithLink = false,
+  popOver,
+  textHidden = true,
+  size = 14,
+  infoColor,
+  exclamationColor = "#FAAD14",
+  ...restProps
+}) => {
+  const defaultIconType = () => {
+    if (iconType === "question") {
+      return /* @__PURE__ */ import_react.default.createElement(
+        import_icons.QuestionCircleOutlined,
+        {
+          style: { color: color === "default" ? "#132039" : color, fontSize: size },
+          className: `${prefix}-help`
+        }
+      );
+    }
+    if (iconType === "info") {
+      if (infoColor) {
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_icons.InfoCircleFilled,
+          {
+            style: { color: infoColor, fontSize: size },
+            className: `${prefix}-help`
+          }
+        );
+      } else {
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_icons.InfoCircleOutlined,
+          {
+            style: { color: "3333333", fontSize: size },
+            className: `${prefix}-help`
+          }
+        );
+      }
+    }
+    if (iconType === "exclamation") {
+      return /* @__PURE__ */ import_react.default.createElement(
+        import_icons.ExclamationCircleFilled,
+        {
+          style: { color: exclamationColor, fontSize: size },
+          className: `${prefix}-help`
+        }
+      );
+    }
+  };
+  suffixIcon = suffixIcon !== null && iconType ? defaultIconType() : suffixIcon;
+  const getIcon = (iconConfig) => {
+    return iconConfig ? !textHidden && iconType === "info" ? (
+      // 文本描述直接展示且只在 info 类型下生效
+      /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { size: 4 }, iconConfig, /* @__PURE__ */ import_react.default.createElement("span", { style: { color: "#5C6B8A" } }, "文本示意不超过二十字文本示意不超过二十字"))
+    ) : (
+      // 提示文案描述带有链接
+      tooltipWithLink ? /* @__PURE__ */ import_react.default.createElement(import_antd.Popover, { ...popOver }, (0, import_react.isValidElement)(iconConfig) ? iconConfig : defaultIconType()) : /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { ...tooltip }, (0, import_react.isValidElement)(iconConfig) ? iconConfig : defaultIconType())
+    ) : null;
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    "span",
+    {
+      className: (0, import_classnames.default)({
+        [`${prefix}-item`]: true,
+        [className]: !!className
+      }),
+      ...restProps
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { size: 4 }, getIcon(
+      //  图标在文字前
+      prefixIcon === true ? defaultIconType() : prefixIcon
+    ), /* @__PURE__ */ import_react.default.createElement(
+      "span",
+      {
+        "data-testid": "content",
+        style: { color: color === "default" ? "#5C6B8A" : color, fontSize: size }
+      },
+      content ?? children
+    ), getIcon(suffixIcon))
+  ));
+};
+var ContentWithIcon_default = ContentWithIcon;

package/{es/ContentWithQuestion → lib/ContentWithIcon}/index.less

@@ -1,4 +1,4 @@
-@prefix: ob-content-with-question;
+@prefix: ob-content-with-icon;
 
 .@{prefix}-item {
   display: inline-flex;
@@ -15,4 +15,8 @@
   .@{prefix}-help {
     cursor: help;
   }
+  .@{prefix}-color {
+    color: red;
+    
+  }
 }

package/lib/DocDialog/index.js

@@ -34,7 +34,6 @@ __export(DocDialog_exports, {
 module.exports = __toCommonJS(DocDialog_exports);
 var import_lodash = require("lodash");
 var import_react = __toESM(require("react"));
-var import_react_router_dom = require("react-router-dom");
 var import_Dialog = __toESM(require("../Dialog"));
 var import_LocaleWrapper = __toESM(require("../locale/LocaleWrapper"));
 var import_zh_CN = __toESM(require("./locale/zh-CN"));
@@ -59,7 +58,7 @@ var DocDialogComp = (props) => {
   } = props;
   const [clientHeight, setClientHeight] = (0, import_react.useState)(document.body.clientHeight);
   const [clientWidth, setClientWidth] = (0, import_react.useState)(document.body.clientWidth);
-  const location = (0, import_react_router_dom.useLocation)();
+  const location = window.location;
   const currentLink = (0, import_react.useMemo)(() => {
     const { pathname } = location;
     const link = Object.entries(docUrls).find((set) => pathname.indexOf(set[0]) > -1);

package/lib/FullscreenBox/index.d.ts

@@ -2,7 +2,7 @@ import type { ReactNode } from 'react';
 import React from 'react';
 import type { LocaleWrapperProps } from '../locale/LocaleWrapper';
 import './index.less';
-export declare type FullscreenModeType = 'viewport' | 'browser';
+export type FullscreenModeType = 'viewport' | 'browser';
 export interface FullscreenBoxRef {
     changeFullscreen: () => void;
 }

package/lib/Highlight/index.d.ts

@@ -28,9 +28,9 @@ export declare const languageMap: {
 export declare const THEME_DARK = "dark";
 export declare const THEME_LIGHT = "light";
 declare const ThemeTypes: ["dark", "light"];
-export declare type ThemeType = (typeof ThemeTypes)[number];
+export type ThemeType = (typeof ThemeTypes)[number];
 declare const supportedLanguages: ("ruby" | "json" | "javascript" | "typescript" | "css" | "groovy" | "java" | "python" | "bash" | "cpp" | "http" | "markdown" | "nginx" | "sql" | "xml" | "dockerfile" | "go" | "yaml" | "solidity" | "tsx" | "jsx")[];
-export declare type LanguageType = (typeof supportedLanguages)[number] | 'html';
+export type LanguageType = (typeof supportedLanguages)[number] | 'html';
 export interface HighlightProps extends LocaleWrapperProps {
     /**
      * @description 样式

package/lib/LocaleDropdown/index.d.ts

@@ -1,4 +1,4 @@
-import type { DropdownProps } from 'antd/es/dropdown';
+import type { DropdownProps } from '@oceanbase/design/es/dropdown';
 import React from 'react';
 import type { Locale } from '../interface';
 export interface LocaleDropdownProps extends DropdownProps {

package/lib/Login/ActivateForm.d.ts

@@ -1,4 +1,4 @@
-import type { FormProps } from 'antd/es/form';
+import type { FormProps } from '@oceanbase/design/es/form';
 import React from 'react';
 import type { LoginLocale } from './index';
 import './index.less';

package/lib/Login/ActivateForm.js

@@ -47,21 +47,21 @@ var Activate = ({
   goBack,
   ...restProps
 }) => {
-  const [formRef] = import_design.Form.useForm();
+  const [form] = import_design.Form.useForm();
   const handleValidateConfirmPassword = (0, import_react.useCallback)(
     (rule, value, callback) => {
-      if (!formRef) {
+      if (!form) {
         callback();
         return;
       }
-      const pwd = formRef.getFieldValue("password");
+      const pwd = form.getFieldValue("password");
       if ((0, import_lodash.toString)(value) !== (0, import_lodash.toString)(pwd)) {
         callback(locale.samePasswordMessage);
         return;
       }
       callback();
     },
-    [formRef]
+    [form]
   );
   const passwordRegexpRule = passwordRule || {
     pattern: import_RegisterForm.PASSWORD_REGEX,
@@ -73,7 +73,7 @@ var Activate = ({
       layout: "vertical",
       requiredMark: false,
       className: `${prefix}-form`,
-      form: formRef,
+      form,
       ...restProps,
       "data-testid": "login.register"
     },

package/lib/Login/LoginForm.d.ts

@@ -1,4 +1,4 @@
-import type { FormProps } from 'antd/es/form';
+import type { FormProps } from '@oceanbase/design/es/form';
 import React from 'react';
 import type { LoginLocale } from '.';
 import './index.less';

package/lib/Login/RegisterForm.d.ts

@@ -1,4 +1,4 @@
-import type { FormProps } from 'antd/es/form';
+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

@@ -48,7 +48,7 @@ var Register = ({
   errorMessage,
   ...restProps
 }) => {
-  const [formRef] = import_design.Form.useForm();
+  const [form] = import_design.Form.useForm();
   const handleValidateAccount = (0, import_react.useCallback)(
     async (rule, value) => {
       if (!value || !(0, import_lodash.isFunction)(isUserExists)) {
@@ -63,18 +63,18 @@ var Register = ({
   );
   const handleValidateConfirmPassword = (0, import_react.useCallback)(
     (rule, value, callback) => {
-      if (!formRef) {
+      if (!form) {
         callback();
         return;
       }
-      const pwd = formRef.getFieldValue("password");
+      const pwd = form.getFieldValue("password");
       if ((0, import_lodash.toString)(value) !== (0, import_lodash.toString)(pwd)) {
         callback(locale.samePasswordMessage);
         return;
       }
       callback();
     },
-    [formRef]
+    [form]
   );
   const passwordRegexpRule = passwordRule || {
     pattern: PASSWORD_REGEX,
@@ -86,7 +86,7 @@ var Register = ({
       layout: "vertical",
       requiredMark: false,
       className: `${prefix}-form`,
-      form: formRef,
+      form,
       ...restProps,
       "data-testid": "login.register"
     },

package/lib/Login/index.d.ts

@@ -1,5 +1,5 @@
-import type { AlertProps } from 'antd/es/alert';
-import type { FormProps } from 'antd/es/form';
+import type { AlertProps } from '@oceanbase/design/es/alert';
+import type { FormProps } from '@oceanbase/design/es/form';
 import React from 'react';
 import type { IActivateFormProps } from './ActivateForm';
 import type { ILoginFormProps } from './LoginForm';

package/lib/Lottie/index.d.ts

@@ -1,7 +1,8 @@
 import type { AnimationConfig, AnimationItem } from 'lottie-web';
 import React from 'react';
 export interface LottieProps extends Omit<AnimationConfig, 'container'> {
-    path: string;
+    path?: string;
+    animationData?: any;
     mode?: 'default' | 'icon';
     loop?: boolean;
     speed?: number;

package/lib/NavMenu/index.js

@@ -36,17 +36,16 @@ var import_design = require("@oceanbase/design");
 var import_lodash = require("lodash");
 var import_path_to_regexp = require("path-to-regexp");
 var import_react = __toESM(require("react"));
-var import_react_router_dom = require("react-router-dom");
 var import_util = require("../_util");
-var import_useHistory = __toESM(require("../_util/useHistory"));
+var import_useNavigate = __toESM(require("../_util/useNavigate"));
 var import_index = require("./index.less");
 var prefix = (0, import_util.getPrefix)("menu");
 var NavMenu_default = (props) => {
   const { menuList, className, style } = props;
   const [selectedKeys, setSelectedKeys] = (0, import_react.useState)(["0"]);
   const [menus, setMenus] = (0, import_react.useState)([]);
-  const location = (0, import_react_router_dom.useLocation)();
-  const history = (0, import_useHistory.default)();
+  const location = window.location;
+  const navigate = (0, import_useNavigate.default)();
   const preProcess = (0, import_react.useCallback)(
     (list) => {
       const { pathname } = location;
@@ -92,9 +91,9 @@ var NavMenu_default = (props) => {
   const onMenuClick = (0, import_react.useCallback)(
     (link) => {
       const linkList = (0, import_lodash.isArray)(link) ? link : [link];
-      history.push(linkList[0]);
+      navigate == null ? void 0 : navigate(linkList[0]);
     },
-    [history]
+    [navigate]
   );
   return /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}-container ${className}`, style }, /* @__PURE__ */ import_react.default.createElement(
     import_design.Menu,

package/lib/PageContainer/ItemRender.js

@@ -33,18 +33,18 @@ __export(ItemRender_exports, {
 });
 module.exports = __toCommonJS(ItemRender_exports);
 var import_react = __toESM(require("react"));
-var import_useHistory = __toESM(require("../_util/useHistory"));
+var import_useNavigate = __toESM(require("../_util/useNavigate"));
 var ItemRender_default = ({ route, params, routes, paths }) => {
   const routeIndex = routes.indexOf(route);
   const last = routeIndex === routes.length - 1;
   const title = route.title || route.breadcrumbName;
   const path = route.href || routes.slice(0, routeIndex + 1).map((item) => item.path).join("/");
-  const history = (0, import_useHistory.default)();
+  const navigate = (0, import_useNavigate.default)();
   return last ? /* @__PURE__ */ import_react.default.createElement("span", null, title) : /* @__PURE__ */ import_react.default.createElement(
     "a",
     {
       onClick: () => {
-        history.push(path);
+        navigate == null ? void 0 : navigate(path);
       }
     },
     title