@oceanbase/design 0.1.0 → 0.1.2

package/es/BasicLayout/Header.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import type { LocaleWrapperProps } from '../locale/LocaleWrapper';
 import type { Locale } from '../interface';
+import type { LocaleWrapperProps } from '../locale/LocaleWrapper';
 import './Header.less';
 export declare type OverlayFunc = () => React.ReactElement;
 export interface HeaderLocale {
@@ -41,5 +41,5 @@ export interface HeaderProps extends LocaleWrapperProps {
     locales?: Locale[];
     langs?: Locale[];
 }
-declare const _default: any;
+declare const _default: React.ForwardRefExoticComponent<HeaderProps & React.RefAttributes<React.ComponentType<HeaderProps>>> & import("hoist-non-react-statics").NonReactStatics<React.ComponentType<HeaderProps>, {}>;
 export default _default;

package/es/BasicLayout/Header.js

@@ -12,17 +12,16 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React, { useState } from 'react';
-import { Dropdown, Menu, Modal, Tooltip, Space, Button } from 'antd';
+import { BulbFilled, BulbOutlined, CopyrightOutlined, ReadFilled, UserOutlined } from '@ant-design/icons';
+import { Button, Dropdown, Menu, Modal, Space, Tooltip } from 'antd';
 import classNames from 'classnames';
 import moment from 'moment';
-import { CopyrightOutlined, BulbFilled, ReadFilled } from '@ant-design/icons';
-import { BulbOutlined, UserOutlined } from '@ant-design/icons';
-import { useHistory } from 'react-router-dom';
-import LocaleWrapper from "../locale/LocaleWrapper";
-import zhCN from "./locale/zh-CN";
+import React, { useState } from 'react';
 import { OB_SITE_LINK } from "../constant";
+import LocaleWrapper from "../locale/LocaleWrapper";
 import { directTo, getPrefix } from "../_util";
+import useHistory from "../_util/useHistory";
+import zhCN from "./locale/zh-CN";
 // @ts-ignore
 import logoImg from "../assets/logo/oceanbase_logo.svg";
 // @ts-ignore
@@ -57,11 +56,11 @@ var Header = function Header(_ref) {
     locales = _ref.locales,
     langs = _ref.langs,
     restProps = _objectWithoutProperties(_ref, _excluded);
+  var history = useHistory();
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     visible = _useState2[0],
     setVisible = _useState2[1];
-  var history = useHistory();
   // 是否为欢迎页
   // 主要是为了处理与欢迎页搭配使用的场景
   var isWelcome = pathname === welcomePath;

package/es/BasicLayout/index.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
 import type { BadgeProps } from 'antd/es/badge';
 import type { MenuProps } from 'antd/es/menu';
+import React from 'react';
 import type { LocaleWrapperProps } from '../locale/LocaleWrapper';
 import type { HeaderProps } from './Header';
 import './index.less';
@@ -41,5 +41,5 @@ export interface BasicLayoutProps extends LocaleWrapperProps {
     subSideMenuProps?: MenuProps;
     style?: React.CSSProperties;
 }
-declare const _default: any;
+declare const _default: React.ForwardRefExoticComponent<BasicLayoutProps & React.RefAttributes<React.ComponentType<BasicLayoutProps>>> & import("hoist-non-react-statics").NonReactStatics<React.ComponentType<BasicLayoutProps>, {}>;
 export default _default;

package/es/BasicLayout/index.js

@@ -12,21 +12,21 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React, { useState, useEffect } from 'react';
-import { Divider, Layout, Menu, Tooltip } from 'antd';
-import { useHistory } from 'react-router-dom';
-import { isNullValue } from '@oceanbase/util';
 import { CaretRightFilled, LeftOutlined, RightOutlined } from '@ant-design/icons';
 import { setAlpha } from '@ant-design/pro-components';
+import { isNullValue } from '@oceanbase/util';
+import { Divider, Layout, Menu, Tooltip } from 'antd';
+import classnames from 'classnames';
 import { some } from 'lodash';
 import { pathToRegexp } from 'path-to-regexp';
+import React, { useEffect, useState } from 'react';
 import LocaleWrapper from "../locale/LocaleWrapper";
-import zhCN from "./locale/zh-CN";
-import { urlToList, isEnglish, getPrefix } from "../_util";
+import { token } from "../StaticFunction";
+import { getPrefix, isEnglish, urlToList } from "../_util";
+import useHistory from "../_util/useHistory";
 import Header from "./Header";
-import classnames from 'classnames';
 import "./index.less";
-import { token } from "../StaticFunction";
+import zhCN from "./locale/zh-CN";
 var Content = Layout.Content,
   Sider = Layout.Sider;
 var SubMenu = Menu.SubMenu,
@@ -56,6 +56,7 @@ var BasicLayout = function BasicLayout(_ref) {
     subSideMenus = _ref.subSideMenus,
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded);
+  var history = useHistory();
   // 侧边栏导航是否收起
   var _useState = useState(defaultCollapsed),
     _useState2 = _slicedToArray(_useState, 2),
@@ -69,7 +70,6 @@ var BasicLayout = function BasicLayout(_ref) {
     _useState6 = _slicedToArray(_useState5, 2),
     openKeys = _useState6[0],
     setOpenKeys = _useState6[1];
-  var history = useHistory();
   useEffect(function () {
     // 获取当前选中的菜单
     var selectedMenuKeys = urlToList(pathname).map(function (itemPath) {

package/es/BatchOperationBar/index.d.ts

@@ -29,5 +29,5 @@ export interface Props extends LocaleWrapperProps {
     position?: [Vertical, Horizontal];
     barStyle?: React.CSSProperties;
 }
-declare const _default: any;
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<React.ComponentType<Props>>> & import("hoist-non-react-statics").NonReactStatics<React.ComponentType<Props>, {}>;
 export default _default;

package/es/Boundary/Components/Code.d.ts

@@ -11,4 +11,4 @@ export interface IBoundaryCode extends LocaleWrapperProps {
     buttonText?: string;
     locale?: BoundaryLocale;
 }
-export declare const Code: any;
+export declare const Code: React.ForwardRefExoticComponent<IBoundaryCode & React.RefAttributes<React.ComponentType<IBoundaryCode>>> & import("hoist-non-react-statics").NonReactStatics<React.ComponentType<IBoundaryCode>, {}>;

package/es/Boundary/Components/Exception.d.ts

@@ -14,4 +14,4 @@ export interface ExceptionProps extends LocaleWrapperProps {
     hasButton?: boolean;
     locale?: BoundaryLocale;
 }
-export declare const Exception: any;
+export declare const Exception: React.ForwardRefExoticComponent<ExceptionProps & React.RefAttributes<React.ComponentType<ExceptionProps>>> & import("hoist-non-react-statics").NonReactStatics<React.ComponentType<ExceptionProps>, {}>;

package/es/Boundary/index.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import './index.less';
 declare const _default: {
-    Code: any;
+    Code: import("react").ForwardRefExoticComponent<import("./Components").IBoundaryCode & import("react").RefAttributes<import("react").ComponentType<import("./Components").IBoundaryCode>>> & import("hoist-non-react-statics").NonReactStatics<import("react").ComponentType<import("./Components").IBoundaryCode>, {}>;
     Function: import("react").FC<import("./Components").IBoundaryFunction>;
-    Exception: any;
+    Exception: import("react").ForwardRefExoticComponent<import("./Components").ExceptionProps & import("react").RefAttributes<import("react").ComponentType<import("./Components").ExceptionProps>>> & import("hoist-non-react-statics").NonReactStatics<import("react").ComponentType<import("./Components").ExceptionProps>, {}>;
 };
 export default _default;

package/es/Dialog/index.d.ts

@@ -31,5 +31,5 @@ export interface IDialogProps extends LocaleWrapperProps {
     setRootWidth?: (newWidth: string) => void;
     isEmbed?: boolean;
 }
-declare const _default: any;
+declare const _default: React.ForwardRefExoticComponent<IDialogProps & React.RefAttributes<React.ComponentType<IDialogProps>>> & import("hoist-non-react-statics").NonReactStatics<React.ComponentType<IDialogProps>, {}>;
 export default _default;

package/es/DocDialog/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { LocaleWrapperProps } from '../locale/LocaleWrapper';
 interface IDialogConfig {
     height?: number;
@@ -20,5 +21,5 @@ export interface IDocDialogProps extends LocaleWrapperProps {
     setRootWidth: (newWidth: string) => void;
     setVisible: (payload: boolean) => void;
 }
-declare const _default: any;
+declare const _default: import("react").ForwardRefExoticComponent<IDocDialogProps & import("react").RefAttributes<import("react").ComponentType<IDocDialogProps>>> & import("hoist-non-react-statics").NonReactStatics<import("react").ComponentType<IDocDialogProps>, {}>;
 export default _default;

package/es/DocDialog/index.js

@@ -10,10 +10,10 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { useEffect, useState, useMemo } from 'react';
-import Dialog from "../Dialog";
 import { debounce } from 'lodash';
+import { useEffect, useMemo, useState } from 'react';
 import { useLocation } from 'react-router-dom';
+import Dialog from "../Dialog";
 import LocaleWrapper from "../locale/LocaleWrapper";
 import zhCN from "./locale/zh-CN";
 var DEFAULT_EMBDED_WIDTH = 0.4;

package/es/FullscreenBox/index.d.ts

@@ -38,5 +38,5 @@ export interface FullscreenBoxProps extends LocaleWrapperProps {
      */
     children?: any;
 }
-declare const _default: any;
+declare const _default: React.ForwardRefExoticComponent<FullscreenBoxProps & React.RefAttributes<React.ComponentType<FullscreenBoxProps>>> & import("hoist-non-react-statics").NonReactStatics<React.ComponentType<FullscreenBoxProps>, {}>;
 export default _default;

package/es/GraphToolbar/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { Graph } from '@antv/g6';
 import type { LocaleWrapperProps } from '../locale/LocaleWrapper';
 import './index.less';
@@ -22,5 +23,5 @@ export interface GraphToolbarProps extends LocaleWrapperProps {
     locale?: GraphToolbarLocale;
     className?: string;
 }
-declare const _default: any;
+declare const _default: React.ForwardRefExoticComponent<GraphToolbarProps & React.RefAttributes<React.ComponentType<GraphToolbarProps>>> & import("hoist-non-react-statics").NonReactStatics<React.ComponentType<GraphToolbarProps>, {}>;
 export default _default;

package/es/Highlight/index.d.ts

@@ -99,5 +99,5 @@ export interface HighlightProps extends LocaleWrapperProps {
     onCopyChange?: (value: string | Object) => void | Function;
 }
 export declare const renderHightlight: (language: any, content: any) => import("highlight.js").HighlightResult;
-declare const _default: any;
+declare const _default: React.ForwardRefExoticComponent<HighlightProps & React.RefAttributes<React.ComponentType<HighlightProps>>> & import("hoist-non-react-statics").NonReactStatics<React.ComponentType<HighlightProps>, {}>;
 export default _default;

package/es/Login/index.d.ts

@@ -62,5 +62,5 @@ export interface LoginProps extends FormProps {
     onShowActivateChange?: (isShow: boolean) => void;
     onAuthCodeImgChange?: () => void;
 }
-declare const _default: any;
+declare const _default: React.ForwardRefExoticComponent<LoginProps & React.RefAttributes<React.ComponentType<LoginProps>>> & import("hoist-non-react-statics").NonReactStatics<React.ComponentType<LoginProps>, {}>;
 export default _default;

package/es/NavMenu/index.js

@@ -5,11 +5,12 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { Menu } from 'antd';
-import React, { useCallback, useEffect, useState } from 'react';
-import { useHistory, useLocation } from 'react-router-dom';
-import { pathToRegexp } from 'path-to-regexp';
 import { isArray } from 'lodash';
+import { pathToRegexp } from 'path-to-regexp';
+import React, { useCallback, useEffect, useState } from 'react';
+import { useLocation } from 'react-router-dom';
 import { getPrefix } from "../_util";
+import useHistory from "../_util/useHistory";
 import "./index.less";
 var prefix = getPrefix('menu');
 export default (function (props) {

package/es/PageContainer/ItemRender.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const _default: ({ route, params, routes, paths }: {
+    route: any;
+    params: any;
+    routes: any;
+    paths: any;
+}) => import("react").JSX.Element;
+export default _default;

package/es/PageContainer/ItemRender.js

@@ -0,0 +1,21 @@
+import useHistory from "../_util/useHistory";
+export default (function (_ref) {
+  var route = _ref.route,
+    params = _ref.params,
+    routes = _ref.routes,
+    paths = _ref.paths;
+  var routeIndex = routes.indexOf(route);
+  var last = routeIndex === routes.length - 1;
+  // title > breadcrumbName
+  var title = route.title || route.breadcrumbName;
+  // href (目的路径) > path (拼接路径)
+  var path = route.href || routes.slice(0, routeIndex + 1).map(function (item) {
+    return item.path;
+  }).join('/');
+  var history = useHistory();
+  return last ? /*#__PURE__*/React.createElement("span", null, title) : /*#__PURE__*/React.createElement("a", {
+    onClick: function onClick() {
+      history.push(path);
+    }
+  }, title);
+});

package/es/PageContainer/index.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
 import type { IconComponentProps } from '@ant-design/icons/es/components/Icon';
 import type { PageContainerProps as AntPageContainerProps, PageHeaderProps as AntPageHeaderProps } from '@ant-design/pro-components';
+import React from 'react';
 import './index.less';
 export declare type ReloadType = boolean | IconComponentProps | React.ReactNode;
 export interface PageContainerLocale {
@@ -13,5 +13,5 @@ export interface PageContainerProps extends AntPageContainerProps {
     header?: PageHeaderProps;
     locale?: PageContainerLocale;
 }
-declare const _default: any;
+declare const _default: React.ForwardRefExoticComponent<PageContainerProps & React.RefAttributes<React.ComponentType<PageContainerProps>>> & import("hoist-non-react-statics").NonReactStatics<React.ComponentType<PageContainerProps>, {}>;
 export default _default;

package/es/PageContainer/index.js

@@ -8,18 +8,18 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React from 'react';
-import { Space } from 'antd';
 import { SyncOutlined } from '@ant-design/icons';
 import { PageContainer as AntPageContainer } from '@ant-design/pro-components';
-import { isObject } from 'lodash';
+import { Space } from 'antd';
 import classNames from 'classnames';
-import itemRender from "../_util/itemRender";
+import { isObject } from 'lodash';
+import React from 'react';
 import { globalConfig } from "../ConfigProvider";
-import Tooltip from "../Tooltip";
 import LocaleWrapper from "../locale/LocaleWrapper";
-import zhCN from "./locale/zh-CN";
+import Tooltip from "../Tooltip";
 import "./index.less";
+import ItemRender from "./ItemRender";
+import zhCN from "./locale/zh-CN";
 var PageContainer = function PageContainer(_ref) {
   var header = _ref.header,
     locale = _ref.locale,
@@ -42,7 +42,14 @@ var PageContainer = function PageContainer(_ref) {
   var newHeader = header && _objectSpread(_objectSpread({}, header), {}, {
     subTitle: newSubTitle,
     breadcrumb: _objectSpread({
-      itemRender: itemRender
+      itemRender: function itemRender(route, params, routes, paths) {
+        return /*#__PURE__*/React.createElement(ItemRender, {
+          route: route,
+          params: params,
+          routes: routes,
+          paths: paths
+        });
+      }
     }, breadcrumb)
   });
   return /*#__PURE__*/React.createElement(AntPageContainer, _extends({

package/es/PageContainer/index.less

@@ -44,10 +44,10 @@
     padding-inline: 24px;
     padding-block: 16px;
   }
-  .@{prefixCls}-pro-page-container-children-content {
-    padding-inline: 24px !important;
-    padding-block-start: 0 !important;
-    padding-block-end: 24px !important;
+  .@{prefixCls}-pro-page-container-children-container {
+    padding-inline: 24px;
+    padding-block-start: 0;
+    padding-block-end: 24px;
   }
 }
 

package/es/Password/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { PasswordProps as AntdPasswordProps } from 'antd/es/input';
 import type { LocaleWrapperProps } from '../locale/LocaleWrapper';
 import type { Validator } from './Content';
@@ -21,5 +22,5 @@ export interface PasswordProps extends LocaleWrapperProps, Omit<AntdPasswordProp
     generatePasswordRegex?: RegExp;
     locale?: PasswordLocale;
 }
-declare const _default: any;
+declare const _default: React.ForwardRefExoticComponent<PasswordProps & React.RefAttributes<React.ComponentType<PasswordProps>>> & import("hoist-non-react-statics").NonReactStatics<React.ComponentType<PasswordProps>, {}>;
 export default _default;

package/es/Ranger/Ranger.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { Moment } from 'moment';
 import type { Dayjs } from 'dayjs';
 import './index.less';
@@ -7,5 +8,5 @@ export declare type RangeDateValue = {
     name: RangeName;
     range: RangeValue;
 };
-declare const _default: any;
+declare const _default: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<React.ComponentType<any>>> & import("hoist-non-react-statics").NonReactStatics<React.ComponentType<any>, {}>;
 export default _default;

package/es/SideTip/index.d.ts

@@ -152,5 +152,5 @@ export interface SideTipState {
     hide?: boolean;
     hovered?: boolean;
 }
-declare const _default: any;
+declare const _default: React.ForwardRefExoticComponent<SideTipProps & React.RefAttributes<React.ComponentType<SideTipProps>>> & import("hoist-non-react-statics").NonReactStatics<React.ComponentType<SideTipProps>, {}>;
 export default _default;

package/es/Table/index.d.ts

@@ -1,4 +1,5 @@
 import type { ReactNode } from 'react';
+import React from 'react';
 import type { TableProps as AntTableProps } from 'antd';
 import type { ColumnsType } from 'antd/es/table';
 export interface TableProps<T> extends AntTableProps<T> {
@@ -12,5 +13,5 @@ export interface TableProps<T> extends AntTableProps<T> {
     toolAlertRender?: false | ((selectedRowKeys: any, selectedRows: any) => ReactNode);
     toolSelectedContent?: (selectedRowKeys: any, selectedRows: any) => ReactNode;
 }
-declare const _default: any;
+declare const _default: React.ForwardRefExoticComponent<TableProps<unknown> & React.RefAttributes<React.ComponentType<TableProps<unknown>>>> & import("hoist-non-react-statics").NonReactStatics<React.ComponentType<TableProps<unknown>>, {}>;
 export default _default;

package/es/Table/style/index.js

@@ -77,7 +77,7 @@ export var genTableStyle = function genTableStyle(token) {
     padding: largeCellPadding
   })), _$concat7)), _defineProperty(_ref, "".concat(componentCls, "-wrapper:not(").concat(componentCls, "-expandable)"), _defineProperty({}, "".concat(componentCls, ":not(").concat(componentCls, "-bordered)"), _defineProperty({}, "".concat(componentCls, "-tbody"), _defineProperty({}, "tr:not(".concat(componentCls, "-measure-row) > td"), {
     border: 'none'
-  })))), _defineProperty(_ref, "".concat(componentCls, "-wrapper").concat(componentCls, "-expandable"), (_$concat$concat4 = {}, _defineProperty(_$concat$concat4, "".concat(componentCls), _defineProperty({}, "".concat(componentCls, "-tbody"), _defineProperty({}, "tr:nth-child(2n):not(".concat(componentCls, "-placeholder):not(").concat(componentCls, "-expanded-row)"), _defineProperty({
+  })))), _defineProperty(_ref, "".concat(componentCls, "-wrapper").concat(componentCls, "-expandable"), (_$concat$concat4 = {}, _defineProperty(_$concat$concat4, "".concat(componentCls), _defineProperty({}, "".concat(componentCls, "-tbody"), _defineProperty({}, "tr:nth-child(2n):not(".concat(componentCls, "-placeholder):not(").concat(componentCls, "-row-selected):not(").concat(componentCls, "-expanded-row)"), _defineProperty({
     td: {
       backgroundColor: colorBgBase
     }

package/es/TaskGraph/Graph.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { GraphData } from '@antv/g6/lib/types';
 import type { LocaleWrapperProps } from '../locale/LocaleWrapper';
 import './graph.less';
@@ -20,5 +21,5 @@ export interface TaskGraphProps extends LocaleWrapperProps {
     assetsPath?: string;
     locale?: TaskGraphLocale;
 }
-declare const _default: any;
+declare const _default: React.ForwardRefExoticComponent<TaskGraphProps & React.RefAttributes<React.ComponentType<TaskGraphProps>>> & import("hoist-non-react-statics").NonReactStatics<React.ComponentType<TaskGraphProps>, {}>;
 export default _default;

package/es/TaskGraph/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { GraphData } from '@antv/g6/lib/types';
 import type { LocaleWrapperProps } from '../locale/LocaleWrapper';
 import type { TaskGraphLocale } from './Graph';
@@ -12,5 +13,5 @@ export interface TaskGraphProps extends LocaleWrapperProps {
     assetsPath?: string;
     locale?: TaskGraphLocale;
 }
-declare const _default: any;
+declare const _default: React.ForwardRefExoticComponent<TaskGraphProps & React.RefAttributes<React.ComponentType<TaskGraphProps>>> & import("hoist-non-react-statics").NonReactStatics<React.ComponentType<TaskGraphProps>, {}>;
 export default _default;

package/es/Welcome/index.d.ts

@@ -34,5 +34,5 @@ export interface WelcomeProps {
     className?: string;
     style?: React.CSSProperties;
 }
-declare const _default: any;
+declare const _default: React.ForwardRefExoticComponent<WelcomeProps & React.RefAttributes<React.ComponentType<WelcomeProps>>> & import("hoist-non-react-statics").NonReactStatics<React.ComponentType<WelcomeProps>, {}>;
 export default _default;

package/es/Welcome/step.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
 export interface OperationProps {
     text: string;
@@ -14,5 +15,5 @@ export interface WelcomeStepProps {
     operations?: OperationProps[];
     locale?: WelcomeStepLocale;
 }
-declare const _default: any;
+declare const _default: React.ForwardRefExoticComponent<WelcomeStepProps & React.RefAttributes<React.ComponentType<WelcomeStepProps>>> & import("hoist-non-react-statics").NonReactStatics<React.ComponentType<WelcomeStepProps>, {}>;
 export default _default;

package/es/_util/useHistory.d.ts

@@ -0,0 +1,4 @@
+declare const _default: () => {
+    push: any;
+};
+export default _default;

package/es/_util/useHistory.js

@@ -0,0 +1,9 @@
+import { useHistory,
+// react-router-dom v6
+// @ts-ignore
+useNavigate } from 'react-router-dom';
+export default (function () {
+  return {
+    push: useHistory ? useHistory().push : useNavigate ? useNavigate() : null
+  };
+});

package/es/locale/LocaleWrapper.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import hoistNonReactStatic from 'hoist-non-react-statics';
 export interface LocaleWrapperProps {
     locale?: any;
 }
@@ -6,5 +7,5 @@ export interface LocaleWrapperInput {
     componentName: string;
     defaultLocale: any;
 }
-declare const _default: ({ componentName, defaultLocale }: LocaleWrapperInput) => <BaseProps extends LocaleWrapperProps>(BaseComponent: React.ComponentType<BaseProps>) => any;
+declare const _default: ({ componentName, defaultLocale }: LocaleWrapperInput) => <BaseProps extends LocaleWrapperProps>(BaseComponent: React.ComponentType<BaseProps>) => React.ForwardRefExoticComponent<React.PropsWithoutRef<BaseProps> & React.RefAttributes<React.ComponentType<BaseProps>>> & hoistNonReactStatic.NonReactStatics<React.ComponentType<BaseProps>, {}>;
 export default _default;

package/lib/Action/Group.js

@@ -122,5 +122,3 @@ var Group_default = ({
     moreDom
   ));
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});

package/lib/Action/index.js

@@ -35,5 +35,3 @@ module.exports = __toCommonJS(Action_exports);
 var import_Group = __toESM(require("./Group"));
 var import_Item = require("./Item");
 var Action_default = { Group: import_Group.default, Button: import_Item.ActionButton, Link: import_Item.ActionLink };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});

package/lib/Alert/index.js

@@ -61,5 +61,3 @@ if (process.env.NODE_ENV !== "production") {
   Alert.displayName = import_antd.Alert.displayName;
 }
 var Alert_default = Alert;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});

package/lib/BasicLayout/Header.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import type { LocaleWrapperProps } from '../locale/LocaleWrapper';
 import type { Locale } from '../interface';
+import type { LocaleWrapperProps } from '../locale/LocaleWrapper';
 import './Header.less';
 export declare type OverlayFunc = () => React.ReactElement;
 export interface HeaderLocale {
@@ -41,5 +41,5 @@ export interface HeaderProps extends LocaleWrapperProps {
     locales?: Locale[];
     langs?: Locale[];
 }
-declare const _default: any;
+declare const _default: React.ForwardRefExoticComponent<HeaderProps & React.RefAttributes<React.ComponentType<HeaderProps>>> & import("hoist-non-react-statics").NonReactStatics<React.ComponentType<HeaderProps>, {}>;
 export default _default;

package/lib/BasicLayout/Header.js

@@ -32,17 +32,16 @@ __export(Header_exports, {
   default: () => Header_default
 });
 module.exports = __toCommonJS(Header_exports);
-var import_react = __toESM(require("react"));
+var import_icons = require("@ant-design/icons");
 var import_antd = require("antd");
 var import_classnames = __toESM(require("classnames"));
 var import_moment = __toESM(require("moment"));
-var import_icons = require("@ant-design/icons");
-var import_icons2 = require("@ant-design/icons");
-var import_react_router_dom = require("react-router-dom");
-var import_LocaleWrapper = __toESM(require("../locale/LocaleWrapper"));
-var import_zh_CN = __toESM(require("./locale/zh-CN"));
+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_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"));
 var import_LocaleDropdown = __toESM(require("../LocaleDropdown"));
@@ -70,8 +69,8 @@ var Header = ({
   langs,
   ...restProps
 }) => {
+  const history = (0, import_useHistory.default)();
   const [visible, setVisible] = (0, import_react.useState)(false);
-  const history = (0, import_react_router_dom.useHistory)();
   const isWelcome = pathname === welcomePath;
   const helpMenu = /* @__PURE__ */ import_react.default.createElement(
     import_antd.Menu,
@@ -115,9 +114,9 @@ var Header = ({
         },
         className: `${prefix}-logo`
       }
-    ), title && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}-title` }, title), showLabel ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}-extra ${prefix}-extra-with-label` }, extra, showHelp && /* @__PURE__ */ import_react.default.createElement(import_antd.Dropdown, { overlay: helpMenu }, /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { className: `${prefix}-extra-item` }, /* @__PURE__ */ import_react.default.createElement(import_icons2.BulbOutlined, null), /* @__PURE__ */ import_react.default.createElement("span", { "data-testid": "help" }, locale.help))), showLocale && /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefix}-extra-item` }, /* @__PURE__ */ import_react.default.createElement(import_LocaleDropdown.default, { locales: locales || langs })), userMenu ? /* @__PURE__ */ import_react.default.createElement(import_antd.Dropdown, { overlay: userMenu }, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { shape: "round", size: "small" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { className: `${prefix}-extra-item` }, /* @__PURE__ */ import_react.default.createElement(import_icons2.UserOutlined, null), /* @__PURE__ */ import_react.default.createElement("span", null, username)))) : (
+    ), title && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}-title` }, title), showLabel ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}-extra ${prefix}-extra-with-label` }, extra, showHelp && /* @__PURE__ */ import_react.default.createElement(import_antd.Dropdown, { overlay: helpMenu }, /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { className: `${prefix}-extra-item` }, /* @__PURE__ */ import_react.default.createElement(import_icons.BulbOutlined, null), /* @__PURE__ */ import_react.default.createElement("span", { "data-testid": "help" }, locale.help))), showLocale && /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefix}-extra-item` }, /* @__PURE__ */ import_react.default.createElement(import_LocaleDropdown.default, { locales: locales || langs })), userMenu ? /* @__PURE__ */ import_react.default.createElement(import_antd.Dropdown, { overlay: userMenu }, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { shape: "round", size: "small" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { className: `${prefix}-extra-item` }, /* @__PURE__ */ import_react.default.createElement(import_icons.UserOutlined, null), /* @__PURE__ */ import_react.default.createElement("span", null, username)))) : (
       // userMenu username 都不存在时，不展示该项
-      /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, username ? /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { shape: "round", size: "small" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { className: `${prefix}-extra-item` }, /* @__PURE__ */ import_react.default.createElement(import_icons2.UserOutlined, null), /* @__PURE__ */ import_react.default.createElement("span", null, username))) : null)
+      /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, username ? /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { shape: "round", size: "small" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { className: `${prefix}-extra-item` }, /* @__PURE__ */ import_react.default.createElement(import_icons.UserOutlined, null), /* @__PURE__ */ import_react.default.createElement("span", null, username))) : null)
     )) : /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}-extra` }, /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefix}-extra-item` }, /* @__PURE__ */ import_react.default.createElement(import_antd.Dropdown, { overlay: helpMenu }, /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefix}-extra-icon-wrapper` }, /* @__PURE__ */ import_react.default.createElement(import_icons.BulbFilled, null)))), docsPath && /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { title: locale.viewDocs }, /* @__PURE__ */ import_react.default.createElement(
       "span",
       {
@@ -176,5 +175,3 @@ var Header_default = (0, import_LocaleWrapper.default)({
   componentName: "BasicLayout",
   defaultLocale: import_zh_CN.default
 })(Header);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});

package/lib/BasicLayout/index.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
 import type { BadgeProps } from 'antd/es/badge';
 import type { MenuProps } from 'antd/es/menu';
+import React from 'react';
 import type { LocaleWrapperProps } from '../locale/LocaleWrapper';
 import type { HeaderProps } from './Header';
 import './index.less';
@@ -41,5 +41,5 @@ export interface BasicLayoutProps extends LocaleWrapperProps {
     subSideMenuProps?: MenuProps;
     style?: React.CSSProperties;
 }
-declare const _default: any;
+declare const _default: React.ForwardRefExoticComponent<BasicLayoutProps & React.RefAttributes<React.ComponentType<BasicLayoutProps>>> & import("hoist-non-react-statics").NonReactStatics<React.ComponentType<BasicLayoutProps>, {}>;
 export default _default;