@oceanbase/ui 0.2.13 → 0.2.14

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"));
@@ -74,7 +74,7 @@ var BasicLayout = ({
   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 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,5 @@
-import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
-export declare type BasicLayoutToken = FullToken<any>;
+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;
 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/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];
-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 ThemeType = (typeof ThemeTypes)[number];
+declare const supportedLanguages: ("ruby" | "javascript" | "typescript" | "css" | "groovy" | "java" | "python" | "bash" | "json" | "cpp" | "http" | "markdown" | "nginx" | "sql" | "xml" | "dockerfile" | "go" | "yaml" | "solidity" | "tsx" | "jsx")[];
+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/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

package/lib/PageContainer/index.d.ts

@@ -1,11 +1,11 @@
 import type { IconComponentProps } from '@oceanbase/icons/es/components/Icon';
 import type { PageContainerProps as AntPageContainerProps, PageHeaderProps as AntPageHeaderProps } from '@ant-design/pro-components';
 import React from 'react';
-export declare type ReloadType = boolean | IconComponentProps | React.ReactNode;
+export type ReloadType = boolean | IconComponentProps | React.ReactNode;
 export interface PageContainerLocale {
     reload?: string;
 }
-export declare type PageHeaderProps = AntPageHeaderProps & {
+export type PageHeaderProps = AntPageHeaderProps & {
     reload?: ReloadType;
 };
 export interface PageContainerProps extends AntPageContainerProps {

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

@@ -1,5 +1,5 @@
 import type { PageContainerToken } from '@ant-design/pro-layout/es/components/PageContainer/style';
-import type { GenerateStyle } from 'antd/es/theme/internal';
+import type { GenerateStyle } from '@oceanbase/design/es/theme';
 export declare const genPageContainerStyle: GenerateStyle<PageContainerToken>;
 declare const _default: (prefixCls: string) => any;
 export default _default;

package/lib/Password/index.d.ts

@@ -1,4 +1,4 @@
-import type { PasswordProps as AntdPasswordProps } from 'antd/es/input';
+import type { PasswordProps as InputPasswordProps } from '@oceanbase/design/es/input';
 import type { LocaleWrapperProps } from '../locale/LocaleWrapper';
 import type { Validator } from './Content';
 export interface PasswordLocale {
@@ -13,7 +13,7 @@ export interface PasswordLocale {
     copyPassword: string;
     andKeepItProperly: string;
 }
-export interface PasswordProps extends LocaleWrapperProps, Omit<AntdPasswordProps, 'onChange'> {
+export interface PasswordProps extends LocaleWrapperProps, Omit<InputPasswordProps, 'onChange'> {
     value?: string;
     onChange?: (value?: string) => void;
     rules?: Validator[];

package/lib/Ranger/QuickPicker.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import type { LocaleWrapperProps } from '../locale/LocaleWrapper';
 import type { RangeValue } from './Ranger';
 import type { RangeOption } from './typing';
-export declare type QuickType = 'select' | 'dropdown';
+export type QuickType = 'select' | 'dropdown';
 interface IProps extends LocaleWrapperProps {
     selects: RangeOption[];
     type?: QuickType;
@@ -12,6 +12,7 @@ interface IProps extends LocaleWrapperProps {
     name?: string;
     defaultName?: string;
     isMoment?: boolean;
+    size?: 'small' | 'large' | 'middle';
 }
 declare const _default: (props: IProps) => React.JSX.Element;
 export default _default;

package/lib/Ranger/Ranger.d.ts

@@ -1,9 +1,9 @@
 import type { Dayjs } from 'dayjs';
 import type { Moment } from 'moment';
 import './index.less';
-export declare type RangeName = 'customize' | string;
-export declare type RangeValue = [Moment, Moment] | [Dayjs, Dayjs];
-export declare type RangeDateValue = {
+export type RangeName = 'customize' | string;
+export type RangeValue = [Moment, Moment] | [Dayjs, Dayjs];
+export type RangeDateValue = {
     name: RangeName;
     range: RangeValue;
 };

package/lib/Ranger/index.d.ts

@@ -1,33 +1,2 @@
-import QuickPicker from './QuickPicker';
-import InternalRanger from './Ranger';
-import type { RangeOption } from './typing';
-declare type InternalRangerType = typeof InternalRanger;
-interface RangerType extends InternalRangerType {
-    NEAR_1_MINUTES: RangeOption;
-    NEAR_5_MINUTES: RangeOption;
-    NEAR_10_MINUTES: RangeOption;
-    NEAR_20_MINUTES: RangeOption;
-    NEAR_30_MINUTES: RangeOption;
-    NEAR_1_HOURS: RangeOption;
-    NEAR_2_HOURS: RangeOption;
-    NEAR_3_HOURS: RangeOption;
-    NEAR_6_HOURS: RangeOption;
-    TODAY: RangeOption;
-    YESTERDAY: RangeOption;
-    TOMORROW: RangeOption;
-    THIS_WEEK: RangeOption;
-    LAST_WEEK: RangeOption;
-    NEXT_WEEK: RangeOption;
-    THIS_MONTH: RangeOption;
-    LAST_MONTH: RangeOption;
-    NEXT_MONTH: RangeOption;
-    THIS_QUARTER: RangeOption;
-    LAST_QUARTER: RangeOption;
-    NEXT_QUARTER: RangeOption;
-    THIS_YEAR: RangeOption;
-    LAST_YEAR: RangeOption;
-    NEXT_YEAR: RangeOption;
-    QuickPicker: typeof QuickPicker;
-}
-declare const Ranger: RangerType;
+declare const Ranger: any;
 export default Ranger;

package/lib/SideTip/index.d.ts

@@ -1,10 +1,10 @@
-import type { BadgeProps } from 'antd/es/badge/index';
-import type { TooltipPropsWithTitle } from 'antd/es/tooltip/index';
+import type { BadgeProps } from '@oceanbase/design/es/badge/index';
+import type { TooltipPropsWithTitle } from '@oceanbase/design/es/tooltip/index';
 import React from 'react';
 import type { LocaleWrapperProps } from '../locale/LocaleWrapper';
 import './index.less';
-export declare type SideTipType = 'primary' | 'default';
-export declare type SideTipSize = 'small' | 'default';
+export type SideTipType = 'primary' | 'default';
+export type SideTipSize = 'small' | 'default';
 export interface Position {
     /**
      * @title 距离右侧

package/lib/TreeSearch/index.d.ts

@@ -1,4 +1,4 @@
-import type { DataNode } from 'antd/es/tree';
+import type { DataNode } from '@oceanbase/design/es/tree';
 import React from 'react';
 export interface Node {
     originTitle?: string;

package/lib/Welcome/index.d.ts

@@ -1,4 +1,4 @@
-import type { ButtonProps } from 'antd/es/button';
+import type { ButtonProps } from '@oceanbase/design/es/button';
 import React from 'react';
 import './index.less';
 export interface IntroduceItem {
@@ -19,7 +19,7 @@ export interface WelcomeLocale {
     helpTitle: string;
     defaultOperation: string;
 }
-export declare type StepType = 'default' | 'card';
+export type StepType = 'default' | 'card';
 export interface WelcomeProps {
     title: string;
     description: string;

package/lib/_util/genComponentStyleHook.d.ts

@@ -1,5 +1,5 @@
 import type { ProAliasToken } from '@ant-design/pro-components';
-import type { GenerateStyle } from 'antd/es/theme/internal';
+import type { GenerateStyle } from '@oceanbase/design/es/theme';
 export interface OBToken extends ProAliasToken {
     /** Wrap component class with `.` prefix */
     componentCls: string;

package/lib/_util/genComponentStyleHook.js

@@ -37,10 +37,10 @@ var import_react = __toESM(require("react"));
 var import_design = require("@oceanbase/design");
 function genComponentStyleHook(componentName, styleFn) {
   return (prefixCls) => {
+    const { getPrefixCls, iconPrefixCls } = import_react.default.useContext(import_design.ConfigProvider.ConfigContext);
+    const rootPrefixCls = getPrefixCls();
+    const componentCls = `.${prefixCls}`;
     return (0, import_pro_components.useStyle)(componentName, (token) => {
-      const { getPrefixCls, iconPrefixCls } = import_react.default.useContext(import_design.ConfigProvider.ConfigContext);
-      const rootPrefixCls = getPrefixCls();
-      const componentCls = `.${prefixCls}`;
       const mergedToken = {
         ...token,
         componentCls,

package/lib/_util/useNavigate.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => import("@oceanbase/design/es/config-provider").NavigateFunction;
+export default _default;