@oceanbase/ui 0.2.31 → 0.2.32

package/lib/FooterToolbar/index.js

@@ -34,11 +34,19 @@ __export(FooterToolbar_exports, {
 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
 }) => {
-  return /* @__PURE__ */ import_react.default.createElement(import_pro_components.FooterToolbar, { portalDom, ...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" | "json" | "sql" | "tsx" | "javascript" | "typescript" | "groovy" | "java" | "python" | "bash" | "cpp" | "http" | "markdown" | "nginx" | "xml" | "dockerfile" | "go" | "yaml" | "solidity" | "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/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/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/index.d.ts

@@ -1,33 +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

@@ -62,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"));
@@ -76,7 +76,6 @@ 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"));
@@ -89,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,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oceanbase/ui",
-  "version": "0.2.31",
+  "version": "0.2.32",
   "description": "The UI library based on OceanBase Design",
   "keywords": [
     "oceanbase",
@@ -37,9 +37,9 @@
     "@ant-design/cssinjs": "^1.17.2",
     "@ant-design/pro-components": "^2.6.34",
     "@ant-design/pro-layout": "^7.17.15",
-    "@oceanbase/design": "^0.2.30",
+    "@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": "bfb6a2e9c093adf8ce5c0c39fb4582a3effd2e75"
+  "gitHead": "532d9294abcd03743224d6a9d59d4f1c9ab71375"
 }