@oceanbase/ui 0.2.30 → 0.2.32

package/lib/BasicLayout/style/index.js

@@ -27,6 +27,7 @@ var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
 var genBasicLayoutStyle = (token) => {
   const {
     antCls,
+    iconCls,
     componentCls,
     proComponentsCls,
     colorBgLayout,
@@ -122,7 +123,7 @@ var genBasicLayoutStyle = (token) => {
               cursor: "pointer",
               opacity: 0,
               // 设置展开/收起按钮中的图标大小
-              [".anticon"]: {
+              [iconCls]: {
                 fontSize: "px",
                 display: "block",
                 lineHeight: "42px"
@@ -143,7 +144,7 @@ var genBasicLayoutStyle = (token) => {
                 marginLeft: "auto",
                 color: colorText,
                 backgroundColor: "transparent",
-                [`.anticon`]: {
+                [iconCls]: {
                   // 图标尺寸设为 18px，因为设计侧给到的图标内侧有间距，需要适当加大尺寸
                   width: "18px",
                   height: "18px",
@@ -157,7 +158,7 @@ var genBasicLayoutStyle = (token) => {
                 marginLeft: "auto",
                 color: colorText,
                 backgroundColor: "transparent",
-                [`.anticon`]: {
+                [iconCls]: {
                   // 图标尺寸设为 18px，因为设计侧给到的图标内侧有间距，需要适当加大尺寸
                   width: "18px",
                   height: "18px",

package/lib/BatchOperationBar/index.d.ts

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

package/lib/ContentWithQuestion/index.js

@@ -57,7 +57,6 @@ var ContentWithQuestion = ({
     /* @__PURE__ */ import_react.default.createElement(
       "span",
       {
-        prefixCls: customizePrefixCls,
         className: (0, import_classnames.default)({
           [`${prefixCls}-item`]: true,
           [className]: !!className

package/lib/Dialog/index.d.ts

@@ -1,15 +1,15 @@
 import React from 'react';
 import type { LocaleWrapperProps } from '../locale/LocaleWrapper';
 import './index.less';
-export interface IDialogLocale {
+export interface DialogLocale {
     helpDocument: string;
     openHelpCenter: string;
 }
-export interface IDialogExtLink {
+export interface DialogExtLink {
     text?: string;
     link: string;
 }
-export interface IDialogProps extends LocaleWrapperProps {
+export interface DialogProps extends LocaleWrapperProps {
     className?: string;
     visible?: boolean;
     children?: React.ReactNode;
@@ -26,8 +26,8 @@ export interface IDialogProps extends LocaleWrapperProps {
     resizable?: boolean;
     draggable?: boolean;
     enableMaximization?: boolean;
-    locale?: IDialogLocale;
-    extLink?: IDialogExtLink;
+    locale?: DialogLocale;
+    extLink?: DialogExtLink;
     setRootWidth?: (newWidth: string) => void;
     isEmbed?: boolean;
 }

package/lib/DocDialog/index.d.ts

@@ -1,5 +1,5 @@
 import type { LocaleWrapperProps } from '../locale/LocaleWrapper';
-interface IDialogConfig {
+interface DialogConfig {
     height?: number;
     width?: number;
     top?: number;
@@ -7,13 +7,13 @@ interface IDialogConfig {
     min?: [number, number];
     max?: [number, number];
 }
-export interface IDocDialogProps extends LocaleWrapperProps {
+export interface DocDialogProps extends LocaleWrapperProps {
     className?: string;
     title?: string;
     fallbackUrl: string;
     docUrls?: Record<string, string>;
-    embedConfig?: IDialogConfig;
-    normalConfig?: IDialogConfig;
+    embedConfig?: DialogConfig;
+    normalConfig?: DialogConfig;
     normalModeWidth?: number;
     defautTop?: number;
     visible: boolean;

package/lib/FooterToolbar/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { FooterToolbarProps as AntFooterToolbarProps } from '@ant-design/pro-layout/es/components/FooterToolbar';
+export type FooterToolbarProps = AntFooterToolbarProps;
+declare const FooterToolbar: React.FC<FooterToolbarProps>;
+export default FooterToolbar;

package/lib/FooterToolbar/index.js

@@ -0,0 +1,52 @@
+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/FooterToolbar/index.tsx
+var FooterToolbar_exports = {};
+__export(FooterToolbar_exports, {
+  default: () => FooterToolbar_default
+});
+module.exports = __toCommonJS(FooterToolbar_exports);
+var import_react = __toESM(require("react"));
+var import_pro_components = require("@ant-design/pro-components");
+var import_design = require("@oceanbase/design");
+var import_style = __toESM(require("./style"));
+var FooterToolbar = ({
+  // render footer under parent instead of body by default
+  portalDom = false,
+  prefixCls: customizePrefixCls,
+  ...restProps
+}) => {
+  const { getPrefixCls } = (0, import_react.useContext)(import_design.ConfigProvider.ConfigContext);
+  const prefixCls = getPrefixCls("pro-footer-bar", customizePrefixCls);
+  const { wrapSSR } = (0, import_style.default)(prefixCls);
+  return wrapSSR(
+    /* @__PURE__ */ import_react.default.createElement(import_pro_components.FooterToolbar, { portalDom, prefixCls: customizePrefixCls, ...restProps })
+  );
+};
+var FooterToolbar_default = FooterToolbar;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { FooterToolBarToken } from '@ant-design/pro-layout/es/components/FooterToolbar/style';
+import type { GenerateStyle } from '@oceanbase/design/es/theme';
+export declare const genFooterToolbarStyle: GenerateStyle<FooterToolBarToken>;
+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/FooterToolbar/style/index.js

@@ -0,0 +1,59 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/FooterToolbar/style/index.ts
+var style_exports = {};
+__export(style_exports, {
+  default: () => style_default,
+  genFooterToolbarStyle: () => genFooterToolbarStyle
+});
+module.exports = __toCommonJS(style_exports);
+var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
+var genFooterToolbarStyle = (token) => {
+  const { antCls, componentCls, colorBgBase, borderRadius, boxShadowSecondary, controlHeightLG } = token;
+  const height = controlHeightLG;
+  const lineHeight = `${controlHeightLG}px`;
+  return {
+    [`${componentCls}`]: {
+      width: "100%",
+      backgroundColor: colorBgBase,
+      borderRadius,
+      boxShadow: boxShadowSecondary,
+      borderBlockStart: "none",
+      // 设置底部操作栏的组件高度
+      [`${antCls}-btn:not(${antCls}-input-search-button)`]: {
+        minWidth: 68,
+        height
+      },
+      [`${antCls}-radio-button-wrapper`]: {
+        height,
+        lineHeight
+      }
+    }
+  };
+};
+var style_default = (prefixCls) => {
+  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("FooterToolbar", (token) => {
+    return [genFooterToolbarStyle(token)];
+  });
+  return useStyle(prefixCls);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  genFooterToolbarStyle
+});

package/lib/Highlight/index.d.ts

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

package/lib/IconFont/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import './font/iconfont.css';
-interface IconFontProps {
+export interface IconFontProps {
     type: string;
     className?: string;
     style?: React.CSSProperties;

package/lib/Login/index.js

@@ -158,7 +158,7 @@ var Login = (props) => {
       /* @__PURE__ */ import_react.default.createElement(
         "img",
         {
-          src: theme.isDark ? import_oceanbase_logo_dark.default : import_oceanbase_logo.default,
+          src: (theme == null ? void 0 : theme.isDark) ? import_oceanbase_logo_dark.default : import_oceanbase_logo.default,
           alt: "",
           className: `${prefix}-watermark`
         }

package/lib/Lottie/index.d.ts

@@ -1,16 +1,3 @@
-import type { AnimationConfig, AnimationItem } from 'lottie-web';
-import React from 'react';
-export interface LottieProps extends Omit<AnimationConfig, 'container'> {
-    path?: string;
-    animationData?: any;
-    mode?: 'default' | 'icon';
-    loop?: boolean;
-    speed?: number;
-    className?: string;
-    style?: React.CSSProperties;
-}
-export interface LottieRef {
-    animation: AnimationItem;
-}
-declare const Lottie: React.ForwardRefExoticComponent<LottieProps & React.RefAttributes<LottieRef>>;
+import { Lottie } from '@oceanbase/design';
+export type { LottieProps, LottieRef } from '@oceanbase/design';
 export default Lottie;

package/lib/Lottie/index.js

@@ -1,8 +1,6 @@
-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)
@@ -16,64 +14,13 @@ var __copyProps = (to, from, except, desc) => {
   }
   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/Lottie/index.tsx
+// src/Lottie/index.ts
 var Lottie_exports = {};
 __export(Lottie_exports, {
   default: () => Lottie_default
 });
 module.exports = __toCommonJS(Lottie_exports);
-var import_lottie_web = __toESM(require("lottie-web"));
-var import_react = __toESM(require("react"));
-var import_ahooks = require("ahooks");
-var import_classnames = __toESM(require("classnames"));
-var Lottie = import_react.default.forwardRef(
-  ({ mode = "default", loop = true, speed = 1, className, style, ...restProps }, ref) => {
-    const [animation, setAnimation] = (0, import_react.useState)();
-    const containerRef = (0, import_react.useRef)();
-    (0, import_react.useEffect)(() => {
-      if (!animation) {
-        const newAnimation = import_lottie_web.default.loadAnimation({
-          container: containerRef.current,
-          renderer: "svg",
-          loop,
-          ...restProps
-        });
-        setAnimation(newAnimation);
-      }
-    }, []);
-    (0, import_ahooks.useUpdateEffect)(() => {
-      if (animation) {
-        animation.setLoop(loop);
-        animation.setSpeed(speed);
-      }
-    }, [loop, speed]);
-    (0, import_react.useImperativeHandle)(ref, () => ({
-      animation
-    }));
-    return /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        ref: containerRef,
-        className: (0, import_classnames.default)(className, {
-          // 图标展示模式，则追加 anticon 类名
-          ["anticon"]: mode === "icon"
-        }),
-        style: {
-          display: "inline-block",
-          ...style
-        }
-      }
-    );
-  }
-);
-var Lottie_default = Lottie;
+var import_design = require("@oceanbase/design");
+var Lottie_default = import_design.Lottie;

package/lib/NavMenu/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import './index.less';
-export interface IMenu {
+export interface NavMenuItem {
     key: string;
     title: string;
     link: string | string[];
@@ -8,12 +8,12 @@ export interface IMenu {
     openNewTab?: boolean;
     href?: boolean;
     id?: string;
-    children?: IMenu[];
+    children?: NavMenuItem[];
 }
-interface MenuProps {
-    menuList: IMenu[];
+export interface NavMenuProps {
+    menuList: NavMenuItem[];
     className?: string;
     style?: React.CSSProperties;
 }
-declare const _default: (props: MenuProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+declare const _default: (props: NavMenuProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default _default;

package/lib/PageContainer/index.js

@@ -94,9 +94,9 @@ var PageContainer = ({
         tabList,
         tabBarExtraContent,
         footerToolBarProps: {
-          ...footerToolBarProps,
-          // render footer as same level with PageContainer instead of under body
-          portalDom: false
+          // render footer under parent instead of body by default
+          portalDom: false,
+          ...footerToolBarProps
         },
         ...restProps
       }

package/lib/PageContainer/style/index.js

@@ -24,6 +24,7 @@ __export(style_exports, {
 });
 module.exports = __toCommonJS(style_exports);
 var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
+var import_style = require("../../FooterToolbar/style");
 var genPageContainerStyle = (token) => {
   const {
     antCls,
@@ -104,22 +105,10 @@ var genPageContainerStyle = (token) => {
     [`${componentCls}-with-footer `]: {
       paddingBottom: 64
     },
-    [`${proComponentsCls}-footer-bar`]: {
-      width: "100%",
-      backgroundColor: colorBgBase,
-      borderRadius,
-      boxShadow: boxShadowSecondary,
-      borderBlockStart: "none",
-      // 设置底部操作栏的组件高度
-      [`${antCls}-btn:not(${antCls}-input-search-button)`]: {
-        minWidth: 68,
-        height
-      },
-      [`${antCls}-radio-button-wrapper`]: {
-        height,
-        lineHeight
-      }
-    }
+    ...(0, import_style.genFooterToolbarStyle)({
+      ...token,
+      componentCls: `${proComponentsCls}-footer-bar`
+    })
   };
 };
 var style_default = (prefixCls) => {

package/lib/Ranger/Ranger.d.ts

@@ -1,11 +1,25 @@
+import type { RangePickerProps } from '@oceanbase/design/es/date-picker';
 import type { Dayjs } from 'dayjs';
 import type { Moment } from 'moment';
 import './index.less';
+import type { RangeOption } from './typing';
 export type RangeName = 'customize' | string;
 export type RangeValue = [Moment, Moment] | [Dayjs, Dayjs];
 export type RangeDateValue = {
     name: RangeName;
     range: RangeValue;
 };
+export interface RangerProps extends Omit<RangePickerProps, 'mode' | 'picker' | 'value' | 'defaultValue'> {
+    selects?: RangeOption[];
+    defaultQuickValue?: string;
+    mode?: 'default' | 'mini';
+    quickType?: 'select' | 'dropdown';
+    /** 是否只允许选择过去时间 */
+    pastOnly?: boolean;
+    stickRangeName?: boolean;
+    value?: RangeValue;
+    defaultValue?: RangeValue;
+    size?: 'small' | 'large' | 'middle';
+}
 declare const _default: any;
 export default _default;

package/lib/TreeSearch/index.d.ts

@@ -17,7 +17,7 @@ export interface TreeSearchRef {
     checkAll: () => void;
     invertSelect: () => void;
 }
-interface TreeSearchProps {
+export interface TreeSearchProps {
     treeData: Node[];
     titleRender?: (nodeData: DataNode) => React.ReactNode;
     checkable?: boolean;
@@ -32,7 +32,7 @@ interface TreeSearchProps {
     followLeaf?: boolean;
     /** 异步请求节点数据的回调函数 */
     loadData?: (data: unknown) => Promise<void>;
-    searchStyle?: {};
+    searchStyle?: React.CSSProperties;
 }
 declare const _default: React.ForwardRefExoticComponent<TreeSearchProps & React.RefAttributes<TreeSearchRef>>;
 export default _default;

package/lib/Welcome/step.js

@@ -41,8 +41,8 @@ var import_zh_CN = __toESM(require("./locale/zh-CN"));
 var prefix = (0, import_util.getPrefix)("welcome-step");
 var WelcomeStep = (props) => {
   const { title, description, operations, imgUrl, locale } = props;
-  return /* @__PURE__ */ import_react.default.createElement(import_design.Col, { span: 11, key: title, className: prefix }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}-left` }, /* @__PURE__ */ import_react.default.createElement("img", { src: imgUrl, alt: "", width: "60" })), /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}-right` }, /* @__PURE__ */ import_react.default.createElement("h3", { className: `${prefix}-title` }, title), /* @__PURE__ */ import_react.default.createElement("p", { className: `${prefix}-description` }, description), operations && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}-operations` }, operations && operations.map((operation) => {
-    return /* @__PURE__ */ import_react.default.createElement("span", { onClick: operation.onClick, className: `${prefix}-operation` }, operation.text || locale.defaultOperation);
+  return /* @__PURE__ */ import_react.default.createElement(import_design.Col, { span: 11, key: title, className: prefix }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}-left` }, /* @__PURE__ */ import_react.default.createElement("img", { src: imgUrl, alt: "", width: "60" })), /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}-right` }, /* @__PURE__ */ import_react.default.createElement("h3", { className: `${prefix}-title` }, title), /* @__PURE__ */ import_react.default.createElement("p", { className: `${prefix}-description` }, description), operations && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}-operations` }, operations == null ? void 0 : operations.map((operation, index) => {
+    return /* @__PURE__ */ import_react.default.createElement("span", { key: index, onClick: operation.onClick, className: `${prefix}-operation` }, operation.text || locale.defaultOperation);
   }))));
 };
 var step_default = (0, import_LocaleWrapper.default)({

package/lib/index.d.ts

@@ -1,31 +1,53 @@
 import './index.less';
 export * from '@ant-design/pro-components';
 export { version } from '../package.json';
+export * from './constant';
+export * from './interface';
 export { default as Action } from './Action';
-export { BackgroundTaskManagerConstants, default as BackgroundTaskManager, } from './BackgroundTaskManager';
-export type { BackgroundTaskManagerRef, ITaskMgrPreset, ITaskMgrQueue, TaskMgrID, } from './BackgroundTaskManager';
+export type { ActionGroupProps } from './Action';
 export { default as BasicLayout } from './BasicLayout';
+export type { BasicLayoutProps } from './BasicLayout';
 export { default as BatchOperationBar } from './BatchOperationBar';
+export type { BatchOperationBarProps } from './BatchOperationBar';
 export { default as Boundary } from './Boundary';
-export * from './constant';
 export { default as ContentWithQuestion } from './ContentWithQuestion';
+export type { ContentWithQuestionProps } from './ContentWithQuestion';
 export { default as ContentWithIcon } from './ContentWithIcon';
+export type { ContentWithIconProps } from './ContentWithIcon';
 export { default as Dialog } from './Dialog';
+export type { DialogProps } from './Dialog';
 export { default as DocDialog } from './DocDialog';
+export type { DocDialogProps } from './DocDialog';
 export { default as FullscreenBox } from './FullscreenBox';
+export type { FullscreenBoxProps } from './FullscreenBox';
 export { default as GraphToolbar } from './GraphToolbar';
+export type { GraphToolbarProps } from './GraphToolbar';
 export { default as Highlight } from './Highlight';
+export type { HighlightProps } from './Highlight';
 export { default as IconFont } from './IconFont';
-export * from './interface';
+export type { IconFontProps } from './IconFont';
 export { default as Login } from './Login';
+export type { LoginProps } from './Login';
 export { default as Lottie } from './Lottie';
+export type { LottieProps } from './Lottie';
 export { default as NavMenu } from './NavMenu';
+export type { NavMenuProps, NavMenuItem } from './NavMenu';
 export { default as PageContainer } from './PageContainer';
 export type { PageContainerProps } from './PageContainer';
+export { default as FooterToolbar } from './FooterToolbar';
+export type { FooterToolbarProps } from './FooterToolbar';
 export { default as Password } from './Password';
+export type { PasswordProps } from './Password';
 export { default as Ranger } from './Ranger';
+export type { RangerProps } from './Ranger';
 export { default as SideTip } from './SideTip';
+export type { SideTipProps } from './SideTip';
 export { default as TaskGraph } from './TaskGraph';
+export type { TaskGraphProps } from './TaskGraph';
 export { default as TreeSearch } from './TreeSearch';
+export type { TreeSearchProps, TreeSearchRef } from './TreeSearch';
 export { default as Welcome } from './Welcome';
+export type { WelcomeProps } from './Welcome';
 export { default as TagSelect } from './TagSelect';
+export { BackgroundTaskManagerConstants, default as BackgroundTaskManager, } from './BackgroundTaskManager';
+export type { BackgroundTaskManagerRef, ITaskMgrPreset, ITaskMgrQueue, TaskMgrID, } from './BackgroundTaskManager';

package/lib/index.js

@@ -40,6 +40,7 @@ __export(src_exports, {
   ContentWithQuestion: () => import_ContentWithQuestion.default,
   Dialog: () => import_Dialog.default,
   DocDialog: () => import_DocDialog.default,
+  FooterToolbar: () => import_FooterToolbar.default,
   FullscreenBox: () => import_FullscreenBox.default,
   GraphToolbar: () => import_GraphToolbar.default,
   Highlight: () => import_Highlight.default,
@@ -61,12 +62,12 @@ module.exports = __toCommonJS(src_exports);
 var import_index = require("./index.less");
 __reExport(src_exports, require("@ant-design/pro-components"), module.exports);
 var import_package = require("../package.json");
+__reExport(src_exports, require("./constant"), module.exports);
+__reExport(src_exports, require("./interface"), module.exports);
 var import_Action = __toESM(require("./Action"));
-var import_BackgroundTaskManager = __toESM(require("./BackgroundTaskManager"));
 var import_BasicLayout = __toESM(require("./BasicLayout"));
 var import_BatchOperationBar = __toESM(require("./BatchOperationBar"));
 var import_Boundary = __toESM(require("./Boundary"));
-__reExport(src_exports, require("./constant"), module.exports);
 var import_ContentWithQuestion = __toESM(require("./ContentWithQuestion"));
 var import_ContentWithIcon = __toESM(require("./ContentWithIcon"));
 var import_Dialog = __toESM(require("./Dialog"));
@@ -75,11 +76,11 @@ var import_FullscreenBox = __toESM(require("./FullscreenBox"));
 var import_GraphToolbar = __toESM(require("./GraphToolbar"));
 var import_Highlight = __toESM(require("./Highlight"));
 var import_IconFont = __toESM(require("./IconFont"));
-__reExport(src_exports, require("./interface"), module.exports);
 var import_Login = __toESM(require("./Login"));
 var import_Lottie = __toESM(require("./Lottie"));
 var import_NavMenu = __toESM(require("./NavMenu"));
 var import_PageContainer = __toESM(require("./PageContainer"));
+var import_FooterToolbar = __toESM(require("./FooterToolbar"));
 var import_Password = __toESM(require("./Password"));
 var import_Ranger = __toESM(require("./Ranger"));
 var import_SideTip = __toESM(require("./SideTip"));
@@ -87,6 +88,7 @@ var import_TaskGraph = __toESM(require("./TaskGraph"));
 var import_TreeSearch = __toESM(require("./TreeSearch"));
 var import_Welcome = __toESM(require("./Welcome"));
 var import_TagSelect = __toESM(require("./TagSelect"));
+var import_BackgroundTaskManager = __toESM(require("./BackgroundTaskManager"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Action,
@@ -99,6 +101,7 @@ var import_TagSelect = __toESM(require("./TagSelect"));
   ContentWithQuestion,
   Dialog,
   DocDialog,
+  FooterToolbar,
   FullscreenBox,
   GraphToolbar,
   Highlight,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oceanbase/ui",
-  "version": "0.2.30",
+  "version": "0.2.32",
   "description": "The UI library based on OceanBase Design",
   "keywords": [
     "oceanbase",
@@ -36,10 +36,10 @@
   "dependencies": {
     "@ant-design/cssinjs": "^1.17.2",
     "@ant-design/pro-components": "^2.6.34",
-    "@ant-design/pro-layout": "^7.17.8",
-    "@oceanbase/design": "^0.2.29",
+    "@ant-design/pro-layout": "^7.17.15",
+    "@oceanbase/design": "^0.2.31",
     "@oceanbase/icons": "^0.2.9",
-    "@oceanbase/util": "^0.2.11",
+    "@oceanbase/util": "^0.2.12",
     "ahooks": "^2.10.14",
     "classnames": "^2.3.2",
     "dayjs": "^1.11.10",
@@ -48,7 +48,6 @@
     "highlightjs-solidity": "^2.0.6",
     "hoist-non-react-statics": "^3.3.2",
     "lodash": "^4.17.21",
-    "lottie-web": "^5.12.2",
     "moment": "^2.29.4",
     "path-to-regexp": "^6.2.1",
     "randexp": "^0.5.3",
@@ -66,5 +65,5 @@
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0"
   },
-  "gitHead": "aeddc96820230db03221e2ee8f5691dcb9179bd2"
+  "gitHead": "532d9294abcd03743224d6a9d59d4f1c9ab71375"
 }