@oceanbase/ui 0.2.30 → 0.2.32

package/es/Action/Group.js

@@ -88,6 +88,7 @@ export default (function (_ref2) {
     size: 8,
     children: [mainActions.map(function (action) {
       return /*#__PURE__*/React.cloneElement(action, _objectSpread(_objectSpread({}, action.props), {}, {
+        key: action.key,
         enableLoading: enableLoading,
         disabled: isBoolean(action.props.disabled) ? action.props.disabled : getDefaultDisabled(action.key)
       }));

package/es/Action/index.d.ts

@@ -1,4 +1,5 @@
 import { ActionButton, ActionLink } from './Item';
+export type { GroupProps as ActionGroupProps } from './Group';
 declare const _default: {
     Group: ({ size, children, dropDownPlacement, shouldVisible, shouldDisabled, enableLoading, moreText, }: import("./Group").GroupProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
     Button: typeof ActionButton;

package/es/BasicLayout/Header.js

@@ -257,7 +257,7 @@ var Header = function Header(_ref) {
                 className: "".concat(prefixCls, "-copyright"),
                 children: [locale.right, " ", /*#__PURE__*/_jsx(CopyrightOutlined, {}), " ", moment().year(), " ", locale.company]
               }), /*#__PURE__*/_jsx("img", {
-                src: theme.isDark ? logoImgDark : logoImg,
+                src: theme !== null && theme !== void 0 && theme.isDark ? logoImgDark : logoImg,
                 alt: "",
                 style: {
                   height: 12

package/es/BasicLayout/style/index.js

@@ -8,6 +8,7 @@ import { genComponentStyleHook } from "../../_util/genComponentStyleHook";
 export var genBasicLayoutStyle = function genBasicLayoutStyle(token) {
   var _objectSpread2, _$concat2, _$concat5, _$concat8, _$concat$concat$conca2, _$concat9, _$concat12, _$concat13, _$concat14, _$concat16, _$concat17, _$concat18, _$concat19, _mediaMinWidth$, _$concat22, _objectSpread3;
   var antCls = token.antCls,
+    iconCls = token.iconCls,
     componentCls = token.componentCls,
     proComponentsCls = token.proComponentsCls,
     colorBgLayout = token.colorBgLayout,
@@ -87,7 +88,7 @@ export var genBasicLayoutStyle = function genBasicLayoutStyle(token) {
     borderRadius: '10px',
     cursor: 'pointer',
     opacity: 0
-  }, '.anticon', {
+  }, iconCls, {
     fontSize: 'px',
     display: 'block',
     lineHeight: '42px'
@@ -104,7 +105,7 @@ export var genBasicLayoutStyle = function genBasicLayoutStyle(token) {
     marginLeft: 'auto',
     color: colorText,
     backgroundColor: 'transparent'
-  }, ".anticon", {
+  }, iconCls, {
     // 图标尺寸设为 18px，因为设计侧给到的图标内侧有间距，需要适当加大尺寸
     width: '18px',
     height: '18px',
@@ -116,7 +117,7 @@ export var genBasicLayoutStyle = function genBasicLayoutStyle(token) {
     marginLeft: 'auto',
     color: colorText,
     backgroundColor: 'transparent'
-  }, ".anticon", {
+  }, iconCls, {
     // 图标尺寸设为 18px，因为设计侧给到的图标内侧有间距，需要适当加大尺寸
     width: '18px',
     height: '18px',

package/es/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/es/ContentWithQuestion/index.js

@@ -39,8 +39,6 @@ var ContentWithQuestion = function ContentWithQuestion(_ref) {
     })) : null;
   };
   return wrapSSR( /*#__PURE__*/_jsx("span", _objectSpread(_objectSpread({
-    // eslint-disable-next-line react/no-unknown-property
-    prefixCls: customizePrefixCls,
     className: classNames((_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-item"), true), _defineProperty(_classNames, className, !!className), _classNames))
   }, restProps), {}, {
     children: /*#__PURE__*/_jsxs(Space, {

package/es/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/es/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/es/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/es/FooterToolbar/index.js

@@ -0,0 +1,30 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["portalDom", "prefixCls"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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); }
+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, { useContext } from 'react';
+import { FooterToolbar as AntFooterToolbar } from '@ant-design/pro-components';
+import { ConfigProvider } from '@oceanbase/design';
+import useStyle from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+var FooterToolbar = function FooterToolbar(_ref) {
+  var _ref$portalDom = _ref.portalDom,
+    portalDom = _ref$portalDom === void 0 ? false : _ref$portalDom,
+    customizePrefixCls = _ref.prefixCls,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  var _useContext = useContext(ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var prefixCls = getPrefixCls('pro-footer-bar', customizePrefixCls);
+  var _useStyle = useStyle(prefixCls),
+    wrapSSR = _useStyle.wrapSSR;
+  return wrapSSR( /*#__PURE__*/_jsx(AntFooterToolbar, _objectSpread({
+    portalDom: portalDom,
+    prefixCls: customizePrefixCls
+  }, restProps)));
+};
+export default FooterToolbar;

package/es/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/es/FooterToolbar/style/index.js

@@ -0,0 +1,35 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+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 { genComponentStyleHook } from "../../_util/genComponentStyleHook";
+export var genFooterToolbarStyle = function genFooterToolbarStyle(token) {
+  var _$concat;
+  var antCls = token.antCls,
+    componentCls = token.componentCls,
+    colorBgBase = token.colorBgBase,
+    borderRadius = token.borderRadius,
+    boxShadowSecondary = token.boxShadowSecondary,
+    controlHeightLG = token.controlHeightLG;
+  var height = controlHeightLG;
+  var lineHeight = "".concat(controlHeightLG, "px");
+  return _defineProperty({}, "".concat(componentCls), (_$concat = {
+    width: '100%',
+    backgroundColor: colorBgBase,
+    borderRadius: borderRadius,
+    boxShadow: boxShadowSecondary,
+    borderBlockStart: 'none'
+  }, _defineProperty(_$concat, "".concat(antCls, "-btn:not(").concat(antCls, "-input-search-button)"), {
+    minWidth: 68,
+    height: height
+  }), _defineProperty(_$concat, "".concat(antCls, "-radio-button-wrapper"), {
+    height: height,
+    lineHeight: lineHeight
+  }), _$concat));
+};
+export default (function (prefixCls) {
+  var useStyle = genComponentStyleHook('FooterToolbar', function (token) {
+    return [genFooterToolbarStyle(token)];
+  });
+  return useStyle(prefixCls);
+});

package/es/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/es/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/es/Login/index.js

@@ -182,7 +182,7 @@ var Login = function Login(props) {
               paddingLeft: showAuthCode ? 96 : 0
             },
             children: /*#__PURE__*/_jsx("img", {
-              src: theme.isDark ? logoImgDark : logoImg,
+              src: theme !== null && theme !== void 0 && theme.isDark ? logoImgDark : logoImg,
               alt: "",
               className: "".concat(prefix, "-watermark")
             })

package/es/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/es/Lottie/index.js

@@ -1,66 +1,2 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["mode", "loop", "speed", "className", "style"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-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 lottie from 'lottie-web';
-import React, { useState, useEffect, useRef, useImperativeHandle } from 'react';
-import { useUpdateEffect } from 'ahooks';
-import classNames from 'classnames';
-import { jsx as _jsx } from "react/jsx-runtime";
-var Lottie = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var _ref$mode = _ref.mode,
-    mode = _ref$mode === void 0 ? 'default' : _ref$mode,
-    _ref$loop = _ref.loop,
-    loop = _ref$loop === void 0 ? true : _ref$loop,
-    _ref$speed = _ref.speed,
-    speed = _ref$speed === void 0 ? 1 : _ref$speed,
-    className = _ref.className,
-    style = _ref.style,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var _useState = useState(),
-    _useState2 = _slicedToArray(_useState, 2),
-    animation = _useState2[0],
-    setAnimation = _useState2[1];
-  var containerRef = useRef();
-  useEffect(function () {
-    if (!animation) {
-      // ref: https://github.com/airbnb/lottie-web/blob/master/index.d.ts#L129
-      var newAnimation = lottie.loadAnimation(_objectSpread({
-        container: containerRef.current,
-        renderer: 'svg',
-        loop: loop
-      }, restProps));
-      setAnimation(newAnimation);
-    }
-  }, []);
-  useUpdateEffect(function () {
-    if (animation) {
-      animation.setLoop(loop);
-      animation.setSpeed(speed);
-    }
-  }, [loop, speed]);
-  useImperativeHandle(ref, function () {
-    return {
-      animation: animation
-    };
-  });
-  return /*#__PURE__*/_jsx("div", {
-    ref: containerRef,
-    className: classNames(className, _defineProperty({}, 'anticon', mode === 'icon')),
-    style: _objectSpread({
-      display: 'inline-block'
-    }, style)
-  });
-});
+import { Lottie } from '@oceanbase/design';
 export default Lottie;

package/es/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/es/PageContainer/index.js

@@ -76,10 +76,10 @@ var PageContainer = function PageContainer(_ref) {
     extraContent: extraContent,
     tabList: tabList,
     tabBarExtraContent: tabBarExtraContent,
-    footerToolBarProps: _objectSpread(_objectSpread({}, footerToolBarProps), {}, {
-      // render footer as same level with PageContainer instead of under body
+    footerToolBarProps: _objectSpread({
+      // render footer under parent instead of body by default
       portalDom: false
-    })
+    }, footerToolBarProps)
   }, restProps)));
 };
 export default LocaleWrapper({

package/es/PageContainer/style/index.js

@@ -1,10 +1,13 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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 { genComponentStyleHook } from "../../_util/genComponentStyleHook";
+import { genFooterToolbarStyle } from "../../FooterToolbar/style";
 export var genPageContainerStyle = function genPageContainerStyle(token) {
-  var _$concat, _$concat$concat, _$concat2, _$concat4, _ref;
+  var _$concat, _$concat$concat, _$concat2, _objectSpread2;
   var antCls = token.antCls,
     proComponentsCls = token.proComponentsCls,
     componentCls = token.componentCls,
@@ -18,7 +21,7 @@ export var genPageContainerStyle = function genPageContainerStyle(token) {
     paddingLG = token.paddingLG;
   var height = controlHeightLG;
   var lineHeight = "".concat(controlHeightLG, "px");
-  return _ref = {}, _defineProperty(_ref, "".concat(componentCls), (_$concat2 = {
+  return _objectSpread((_objectSpread2 = {}, _defineProperty(_objectSpread2, "".concat(componentCls), (_$concat2 = {
     minHeight: '100vh',
     backgroundColor: colorBgLayout
   }, _defineProperty(_$concat2, "".concat(proComponentsCls, "-grid-content"), {
@@ -56,23 +59,13 @@ export var genPageContainerStyle = function genPageContainerStyle(token) {
     paddingBlockEnd: paddingLG
   }), _defineProperty(_$concat2, "".concat(antCls, "-page-header:not(").concat(antCls, "-page-header-has-breadcrumb)"), _defineProperty({}, "".concat(antCls, "-page-header-heading"), {
     paddingBlockStart: 0
-  })), _$concat2)), _defineProperty(_ref, "".concat(componentCls, "-no-page-header"), _defineProperty({}, "".concat(componentCls, "-children-container"), {
+  })), _$concat2)), _defineProperty(_objectSpread2, "".concat(componentCls, "-no-page-header"), _defineProperty({}, "".concat(componentCls, "-children-container"), {
     paddingBlockStart: paddingLG
-  })), _defineProperty(_ref, "".concat(componentCls, "-with-footer "), {
+  })), _defineProperty(_objectSpread2, "".concat(componentCls, "-with-footer "), {
     paddingBottom: 64
-  }), _defineProperty(_ref, "".concat(proComponentsCls, "-footer-bar"), (_$concat4 = {
-    width: '100%',
-    backgroundColor: colorBgBase,
-    borderRadius: borderRadius,
-    boxShadow: boxShadowSecondary,
-    borderBlockStart: 'none'
-  }, _defineProperty(_$concat4, "".concat(antCls, "-btn:not(").concat(antCls, "-input-search-button)"), {
-    minWidth: 68,
-    height: height
-  }), _defineProperty(_$concat4, "".concat(antCls, "-radio-button-wrapper"), {
-    height: height,
-    lineHeight: lineHeight
-  }), _$concat4)), _ref;
+  }), _objectSpread2), genFooterToolbarStyle(_objectSpread(_objectSpread({}, token), {}, {
+    componentCls: "".concat(proComponentsCls, "-footer-bar")
+  })));
 };
 export default (function (prefixCls) {
   var useStyle = genComponentStyleHook('PageContainer', function (token) {

package/es/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/es/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/es/Welcome/step.js

@@ -33,12 +33,12 @@ var WelcomeStep = function WelcomeStep(props) {
         children: description
       }), operations && /*#__PURE__*/_jsx("div", {
         className: "".concat(prefix, "-operations"),
-        children: operations && operations.map(function (operation) {
+        children: operations === null || operations === void 0 ? void 0 : operations.map(function (operation, index) {
           return /*#__PURE__*/_jsx("span", {
             onClick: operation.onClick,
             className: "".concat(prefix, "-operation"),
             children: operation.text || locale.defaultOperation
-          });
+          }, index);
         })
       })]
     })]

package/es/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/es/index.js

@@ -1,12 +1,12 @@
 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 { default as BasicLayout } from "./BasicLayout";
 export { default as BatchOperationBar } from "./BatchOperationBar";
 export { default as Boundary } from "./Boundary";
-export * from "./constant";
 export { default as ContentWithQuestion } from "./ContentWithQuestion";
 export { default as ContentWithIcon } from "./ContentWithIcon";
 export { default as Dialog } from "./Dialog";
@@ -15,15 +15,16 @@ export { default as FullscreenBox } from "./FullscreenBox";
 export { default as GraphToolbar } from "./GraphToolbar";
 export { default as Highlight } from "./Highlight";
 export { default as IconFont } from "./IconFont";
-export * from "./interface";
 export { default as Login } from "./Login";
 export { default as Lottie } from "./Lottie";
 export { default as NavMenu } from "./NavMenu";
 export { default as PageContainer } from "./PageContainer";
+export { default as FooterToolbar } from "./FooterToolbar";
 export { default as Password } from "./Password";
 export { default as Ranger } from "./Ranger";
 export { default as SideTip } from "./SideTip";
 export { default as TaskGraph } from "./TaskGraph";
 export { default as TreeSearch } from "./TreeSearch";
 export { default as Welcome } from "./Welcome";
-export { default as TagSelect } from "./TagSelect";
+export { default as TagSelect } from "./TagSelect";
+export { BackgroundTaskManagerConstants, default as BackgroundTaskManager } from "./BackgroundTaskManager";

package/lib/Action/Group.js

@@ -91,6 +91,7 @@ var Group_default = ({
   return /* @__PURE__ */ import_react.default.createElement(import_design.Space, { size: 8 }, mainActions.map((action) => {
     return import_react.default.cloneElement(action, {
       ...action.props,
+      key: action.key,
       enableLoading,
       disabled: (0, import_lodash.isBoolean)(action.props.disabled) ? action.props.disabled : getDefaultDisabled(action.key)
     });

package/lib/Action/index.d.ts

@@ -1,4 +1,5 @@
 import { ActionButton, ActionLink } from './Item';
+export type { GroupProps as ActionGroupProps } from './Group';
 declare const _default: {
     Group: ({ size, children, dropDownPlacement, shouldVisible, shouldDisabled, enableLoading, moreText, }: import("./Group").GroupProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
     Button: typeof ActionButton;

package/lib/BasicLayout/Header.js

@@ -156,7 +156,7 @@ var Header = ({
             style: { display: "flex", justifyContent: "space-between", alignItems: "center" }
           },
           /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-copyright` }, locale.right, " ", /* @__PURE__ */ import_react.default.createElement(import_icons.CopyrightOutlined, null), " ", (0, import_moment.default)().year(), " ", locale.company),
-          /* @__PURE__ */ import_react.default.createElement("img", { src: theme.isDark ? import_oceanbase_logo_dark.default : import_oceanbase_logo.default, alt: "", style: { height: 12 } })
+          /* @__PURE__ */ import_react.default.createElement("img", { src: (theme == null ? void 0 : theme.isDark) ? import_oceanbase_logo_dark.default : import_oceanbase_logo.default, alt: "", style: { height: 12 } })
         ))))
       )
     )