@oceanbase/design 0.2.14 → 0.2.16

package/es/config-provider/index.js

@@ -30,6 +30,8 @@ var ConfigProvider = function ConfigProvider(_ref) {
     navigate = _ref.navigate,
     spin = _ref.spin,
     restProps = _objectWithoutProperties(_ref, _excluded);
+  // inherit from parent ConfigProvider
+  var parentContext = React.useContext(ExtendedConfigContext);
   return /*#__PURE__*/React.createElement(AntConfigProvider, _extends({
     spin: spin,
     theme: _objectSpread(_objectSpread({}, theme), {}, {
@@ -42,7 +44,7 @@ var ConfigProvider = function ConfigProvider(_ref) {
     })
   }, restProps), /*#__PURE__*/React.createElement(ExtendedConfigContext.Provider, {
     value: {
-      navigate: navigate
+      navigate: navigate === undefined ? parentContext.navigate : navigate
     }
   }, /*#__PURE__*/React.createElement(App, null, children, /*#__PURE__*/React.createElement(StaticFunction, null))));
 };

package/es/modal/Modal.d.ts

@@ -0,0 +1,30 @@
+import type { ModalProps } from 'antd/es/modal';
+import React from 'react';
+declare const Modal: {
+    ({ prefixCls: customizePrefixCls, className, ...restProps }: ModalProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    info(props: any): {
+        destroy: () => void;
+        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+    };
+    success(props: any): {
+        destroy: () => void;
+        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+    };
+    error(props: any): {
+        destroy: () => void;
+        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+    };
+    warning(props: any): {
+        destroy: () => void;
+        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+    };
+    confirm(props: any): {
+        destroy: () => void;
+        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+    };
+    useModal: typeof import("antd/es/modal/useModal").default;
+    destroyAll: () => void;
+    config: typeof import("antd/es/modal/confirm").modalGlobalConfig;
+    displayName: string;
+};
+export default Modal;

package/es/modal/Modal.js

@@ -0,0 +1,50 @@
+var _excluded = ["prefixCls", "className"];
+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 { Modal as AntModal } from 'antd';
+import classNames from 'classnames';
+import React, { useContext } from 'react';
+import ConfigProvider from "../config-provider";
+import { modal } from "../static-function";
+import useStyle from "./style";
+var Modal = function Modal(_ref) {
+  var customizePrefixCls = _ref.prefixCls,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  var _useContext = useContext(ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var prefixCls = getPrefixCls('modal', customizePrefixCls);
+  var _useStyle = useStyle(prefixCls),
+    wrapSSR = _useStyle.wrapSSR;
+  var modalCls = classNames(className);
+  return wrapSSR( /*#__PURE__*/React.createElement(AntModal, _extends({
+    prefixCls: customizePrefixCls,
+    className: modalCls
+  }, restProps)));
+};
+
+// 替换 Modal 上的静态方法，支持消费 ConfigProvider 配置
+// 注意: 不能使用 Modal.info = modal.info 进行属性赋值，需要新建函数赋值，否则仍然无法消费 ConfigProvider 配置
+Modal.info = function (props) {
+  return modal.info(props);
+};
+Modal.success = function (props) {
+  return modal.success(props);
+};
+Modal.error = function (props) {
+  return modal.error(props);
+};
+Modal.warning = function (props) {
+  return modal.warning(props);
+};
+Modal.confirm = function (props) {
+  return modal.confirm(props);
+};
+Modal.useModal = AntModal.useModal;
+Modal.destroyAll = AntModal.destroyAll;
+Modal.config = AntModal.config;
+if (process.env.NODE_ENV !== 'production') {
+  Modal.displayName = AntModal.displayName;
+}
+export default Modal;

package/es/modal/Progress.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { ModalProps } from 'antd/es/modal';
+import type { ProgressProps } from 'antd/es/progress';
+export interface ModalProgressProps extends ModalProps {
+    loading?: boolean;
+    progress?: ProgressProps;
+    description?: React.ReactNode;
+}
+declare const Progress: ({ prefixCls: customizePrefixCls, className, width, maskClosable, loading, progress, description, footer, ...restProps }: ModalProgressProps) => React.JSX.Element;
+export default Progress;

package/es/modal/Progress.js

@@ -0,0 +1,46 @@
+var _excluded = ["prefixCls", "className", "width", "maskClosable", "loading", "progress", "description", "footer"];
+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, { useContext } from 'react';
+import { Progress as AntProgress } from 'antd';
+import classNames from 'classnames';
+import ConfigProvider from "../config-provider";
+import Modal from "./Modal";
+import { LoadingOutlined } from '@oceanbase/icons';
+var Progress = function Progress(_ref) {
+  var customizePrefixCls = _ref.prefixCls,
+    className = _ref.className,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 567 : _ref$width,
+    _ref$maskClosable = _ref.maskClosable,
+    maskClosable = _ref$maskClosable === void 0 ? false : _ref$maskClosable,
+    loading = _ref.loading,
+    progress = _ref.progress,
+    description = _ref.description,
+    _ref$footer = _ref.footer,
+    footer = _ref$footer === void 0 ? null : _ref$footer,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  var _useContext = useContext(ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var prefixCls = getPrefixCls('modal', customizePrefixCls);
+  var progressModalCls = classNames("".concat(prefixCls, "-progress"), className);
+  return /*#__PURE__*/React.createElement(Modal, _extends({
+    prefixCls: customizePrefixCls,
+    className: progressModalCls,
+    width: width,
+    maskClosable: maskClosable,
+    footer: footer
+  }, restProps), /*#__PURE__*/React.createElement(React.Fragment, null, loading ? /*#__PURE__*/React.createElement(LoadingOutlined, {
+    className: "".concat(prefixCls, "-progress-loading")
+  }) : /*#__PURE__*/React.createElement(AntProgress, _extends({
+    type: "circle",
+    size: 200
+  }, progress)), description && /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-progress-description")
+  }, description)));
+};
+if (process.env.NODE_ENV !== 'production') {
+  Modal.displayName = 'Modal.Progress';
+}
+export default Progress;

package/es/modal/index.d.ts

@@ -1,32 +1,9 @@
-import type { ModalProps as AntModalProps } from 'antd/es/modal';
-import React from 'react';
+import Progress from './Progress';
+import OriginModal from './Modal';
 export * from 'antd/es/modal';
-export type ModalProps = AntModalProps;
-declare const Modal: {
-    ({ prefixCls: customizePrefixCls, className, rootClassName, title, footer, ...restProps }: ModalProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    info(props: any): {
-        destroy: () => void;
-        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
-    };
-    success(props: any): {
-        destroy: () => void;
-        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
-    };
-    error(props: any): {
-        destroy: () => void;
-        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
-    };
-    warning(props: any): {
-        destroy: () => void;
-        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
-    };
-    confirm(props: any): {
-        destroy: () => void;
-        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
-    };
-    useModal: typeof import("antd/es/modal/useModal").default;
-    destroyAll: () => void;
-    config: typeof import("antd/es/modal/confirm").modalGlobalConfig;
-    displayName: string;
+export type { ModalProgressProps } from './Progress';
+export type ModalType = typeof OriginModal & {
+    Progress: typeof Progress;
 };
-export default Modal;
+declare const _default: ModalType;
+export default _default;

package/es/modal/index.js

@@ -1,57 +1,6 @@
-var _excluded = ["prefixCls", "className", "rootClassName", "title", "footer"];
-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 { Modal as AntModal } from 'antd';
-import classNames from 'classnames';
-import React, { useContext } from 'react';
-import ConfigProvider from "../config-provider";
-import { modal } from "../static-function";
-import useStyle from "./style";
+import Progress from "./Progress";
+import OriginModal from "./Modal";
 export * from 'antd/es/modal';
-var Modal = function Modal(_ref) {
-  var customizePrefixCls = _ref.prefixCls,
-    className = _ref.className,
-    rootClassName = _ref.rootClassName,
-    title = _ref.title,
-    footer = _ref.footer,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var _useContext = useContext(ConfigProvider.ConfigContext),
-    getPrefixCls = _useContext.getPrefixCls;
-  var prefixCls = getPrefixCls('modal', customizePrefixCls);
-  var _useStyle = useStyle(prefixCls),
-    wrapSSR = _useStyle.wrapSSR;
-  var modalCls = classNames(className);
-  return wrapSSR( /*#__PURE__*/React.createElement(AntModal, _extends({
-    prefixCls: customizePrefixCls,
-    className: modalCls,
-    rootClassName: classNames(rootClassName),
-    title: title,
-    footer: footer
-  }, restProps)));
-};
-
-// 替换 Modal 上的静态方法，支持消费 ConfigProvider 配置
-// 注意: 不能使用 Modal.info = modal.info 进行属性赋值，需要新建函数赋值，否则仍然无法消费 ConfigProvider 配置
-Modal.info = function (props) {
-  return modal.info(props);
-};
-Modal.success = function (props) {
-  return modal.success(props);
-};
-Modal.error = function (props) {
-  return modal.error(props);
-};
-Modal.warning = function (props) {
-  return modal.warning(props);
-};
-Modal.confirm = function (props) {
-  return modal.confirm(props);
-};
-Modal.useModal = AntModal.useModal;
-Modal.destroyAll = AntModal.destroyAll;
-Modal.config = AntModal.config;
-if (process.env.NODE_ENV !== 'production') {
-  Modal.displayName = AntModal.displayName;
-}
+var Modal = OriginModal;
+Modal.Progress = Progress;
 export default Modal;

package/es/modal/style/index.js

@@ -4,8 +4,9 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _ty
 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 genModalStyle = function genModalStyle(token) {
-  var _$concat$concat, _$concat, _ref;
-  var componentCls = token.componentCls,
+  var _$concat$concat, _$concat2, _$concat3, _$concat4, _ref;
+  var antCls = token.antCls,
+    componentCls = token.componentCls,
     marginSM = token.marginSM,
     marginLG = token.marginLG,
     paddingMD = token.paddingMD,
@@ -24,11 +25,30 @@ export var genModalStyle = function genModalStyle(token) {
     borderRadius: borderRadius
   }), _defineProperty(_$concat$concat, "".concat(componentCls, "-footer"), {
     marginTop: marginLG
-  }), _$concat$concat)), _defineProperty(_ref, "".concat(componentCls, "-confirm"), (_$concat = {}, _defineProperty(_$concat, "".concat(componentCls, "-body ").concat(componentCls, "-confirm-title +").concat(componentCls, "-confirm-content"), {
+  }), _$concat$concat)), _defineProperty(_ref, "".concat(componentCls).concat(componentCls, "-progress"), _defineProperty({}, "".concat(componentCls, "-content"), (_$concat3 = {
+    padding: "".concat(token.paddingXL + token.padding, "px ").concat(token.paddingLG + token.padding, "px")
+  }, _defineProperty(_$concat3, "".concat(componentCls, "-header"), _defineProperty({
+    textAlign: 'center',
+    marginBottom: token.marginXXL
+  }, "".concat(componentCls, "-title"), {
+    fontSize: token.fontSizeHeading4
+  })), _defineProperty(_$concat3, "".concat(componentCls, "-body"), (_$concat2 = {
+    textAlign: 'center'
+  }, _defineProperty(_$concat2, "".concat(componentCls, "-progress-loading"), {
+    fontSize: 200,
+    color: token.colorInfo
+  }), _defineProperty(_$concat2, "".concat(componentCls, "-progress-description"), {
+    marginTop: token.marginXXL,
+    color: token.colorTextTertiary
+  }), _defineProperty(_$concat2, "".concat(antCls, "-alert"), {
+    textAlign: 'left'
+  }), _$concat2)), _defineProperty(_$concat3, "".concat(componentCls, "-footer"), {
+    textAlign: 'center'
+  }), _$concat3))), _defineProperty(_ref, "".concat(componentCls, "-confirm"), (_$concat4 = {}, _defineProperty(_$concat4, "".concat(componentCls, "-body ").concat(componentCls, "-confirm-title +").concat(componentCls, "-confirm-content"), {
     marginBlockStart: marginSM
-  }), _defineProperty(_$concat, "".concat(componentCls, "-confirm-btns"), {
+  }), _defineProperty(_$concat4, "".concat(componentCls, "-confirm-btns"), {
     marginTop: marginLG
-  }), _$concat)), _ref;
+  }), _$concat4)), _ref;
 };
 export default (function (prefixCls) {
   var useStyle = genComponentStyleHook('Modal', function (token) {

package/es/spin/style/index.js

@@ -6,21 +6,21 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _ty
 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";
 var genSizeStyle = function genSizeStyle(spinDotSize, token) {
-  var _ref;
+  var _$concat;
   var componentCls = token.componentCls,
     colorText = token.colorText;
   var spinDotWidth = spinDotSize;
   var spinDotHight = spinDotWidth * (295 / 397);
-  return _ref = {}, _defineProperty(_ref, "".concat(componentCls, "-dot"), {
+  return _defineProperty({}, "&".concat(componentCls, "-oceanbase"), (_$concat = {}, _defineProperty(_$concat, "".concat(componentCls, "-dot"), {
     width: spinDotWidth,
     height: spinDotHight
-  }), _defineProperty(_ref, "".concat(componentCls, "-text"), {
+  }), _defineProperty(_$concat, "".concat(componentCls, "-text"), {
     width: spinDotWidth,
     color: colorText
-  }), _ref;
+  }), _$concat));
 };
 var genNestedSizeStyle = function genNestedSizeStyle(spinDotSize, token) {
-  var _$concat;
+  var _$concat2;
   var componentCls = token.componentCls,
     fontSize = token.fontSize;
   var spinDotWidth = spinDotSize;
@@ -31,22 +31,22 @@ var genNestedSizeStyle = function genNestedSizeStyle(spinDotSize, token) {
   var dotMarginLeft = -spinDotWidth / 2;
   var dotMarginTop = -spinDotHight / 2;
   var textPaddingTop = (spinDotHight - fontSize) / 2 + 2;
-  return _defineProperty({}, "&".concat(componentCls, "-oceanbase"), (_$concat = {}, _defineProperty(_$concat, "".concat(componentCls, "-dot"), {
+  return _defineProperty({}, "&".concat(componentCls, "-oceanbase"), (_$concat2 = {}, _defineProperty(_$concat2, "".concat(componentCls, "-dot"), {
     marginLeft: dotMarginLeft,
     marginTop: dotMarginTop
-  }), _defineProperty(_$concat, "".concat(componentCls, "-text"), {
+  }), _defineProperty(_$concat2, "".concat(componentCls, "-text"), {
     paddingTop: textPaddingTop
-  }), _defineProperty(_$concat, "&".concat(componentCls, "-show-text ").concat(componentCls, "-dot"), {
+  }), _defineProperty(_$concat2, "&".concat(componentCls, "-show-text ").concat(componentCls, "-dot"), {
     marginTop: dotMarginTop - 10
-  }), _$concat));
+  }), _$concat2));
 };
 export var genSpinStyle = function genSpinStyle(token) {
-  var _$concat2, _div$concat, _ref3;
+  var _$concat3, _div$concat, _ref3;
   var componentCls = token.componentCls,
     spinDotSize = token.spinDotSize,
     spinDotSizeSM = token.spinDotSizeSM,
     spinDotSizeLG = token.spinDotSizeLG;
-  return _ref3 = {}, _defineProperty(_ref3, "".concat(componentCls), (_$concat2 = {}, _defineProperty(_$concat2, "&-oceanbase", genSizeStyle(spinDotSize, token)), _defineProperty(_$concat2, "&-sm&-oceanbase", genSizeStyle(spinDotSizeSM, token)), _defineProperty(_$concat2, "&-lg&-oceanbase", genSizeStyle(spinDotSizeLG, token)), _$concat2)), _defineProperty(_ref3, "".concat(componentCls, "-nested-loading"), _defineProperty({}, "> div > ".concat(componentCls), (_div$concat = {}, _defineProperty(_div$concat, "&", genNestedSizeStyle(spinDotSize, token)), _defineProperty(_div$concat, "&-sm", genNestedSizeStyle(spinDotSizeSM, token)), _defineProperty(_div$concat, "&-lg", genNestedSizeStyle(spinDotSizeLG, token)), _div$concat))), _ref3;
+  return _ref3 = {}, _defineProperty(_ref3, "".concat(componentCls), (_$concat3 = {}, _defineProperty(_$concat3, "&", genSizeStyle(spinDotSize, token)), _defineProperty(_$concat3, "&-sm", genSizeStyle(spinDotSizeSM, token)), _defineProperty(_$concat3, "&-lg", genSizeStyle(spinDotSizeLG, token)), _$concat3)), _defineProperty(_ref3, "".concat(componentCls, "-nested-loading"), _defineProperty({}, "> div > ".concat(componentCls), (_div$concat = {}, _defineProperty(_div$concat, "&", genNestedSizeStyle(spinDotSize, token)), _defineProperty(_div$concat, "&-sm", genNestedSizeStyle(spinDotSizeSM, token)), _defineProperty(_div$concat, "&-lg", genNestedSizeStyle(spinDotSizeLG, token)), _div$concat))), _ref3;
 };
 export default (function (prefixCls) {
   var useStyle = genComponentStyleHook('Spin', function (token) {

package/es/tooltip/index.d.ts

@@ -5,6 +5,8 @@ export type TooltipType = 'default' | 'light' | 'success' | 'info' | 'warning' |
 export interface TooltipProps extends AntTooltipPropsWithTitle {
     type?: TooltipType;
     mouseFollow?: boolean;
+    closeIcon?: boolean | React.ReactNode;
+    onClose?: (e: React.MouseEvent<HTMLElement>) => void;
 }
 export declare const getTooltipTypeList: () => {
     type: string;

package/es/tooltip/index.js

@@ -1,17 +1,28 @@
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-var _excluded = ["children", "type", "color", "overlayInnerStyle", "mouseFollow"];
+var _excluded = ["children", "type", "color", "overlayInnerStyle", "mouseFollow", "closeIcon", "onClose", "title", "className", "open"];
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 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(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; }
 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 { Tooltip as AntTooltip } from 'antd';
-import React from 'react';
+import { Tooltip as AntTooltip, Space } from 'antd';
+import React, { useContext, useMemo, useState } from 'react';
+import { CloseOutlined } from '@oceanbase/icons';
+import { isNil } from 'lodash';
 import { token } from "../static-function";
 import MouseTooltip from "./MouseTooltip";
+import ConfigProvider from "../config-provider";
+import useStyle from "./style";
+import classNames from 'classnames';
 export * from 'antd/es/tooltip';
 export var getTooltipTypeList = function getTooltipTypeList() {
   return [{
@@ -43,22 +54,74 @@ var Tooltip = function Tooltip(_ref) {
     color = _ref.color,
     overlayInnerStyle = _ref.overlayInnerStyle,
     mouseFollow = _ref.mouseFollow,
+    _ref$closeIcon = _ref.closeIcon,
+    closeIcon = _ref$closeIcon === void 0 ? false : _ref$closeIcon,
+    onClose = _ref.onClose,
+    title = _ref.title,
+    className = _ref.className,
+    propOpen = _ref.open,
     restProps = _objectWithoutProperties(_ref, _excluded);
+  var _useContext = useContext(ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var customizePrefixCls = restProps.prefixCls;
+  var prefixCls = getPrefixCls('tooltip', customizePrefixCls);
+  var _useStyle = useStyle(prefixCls),
+    wrapSSR = _useStyle.wrapSSR,
+    hashId = _useStyle.hashId;
+  var tooltipCls = classNames(className, hashId);
+  var _useState = useState(undefined),
+    _useState2 = _slicedToArray(_useState, 2),
+    innerOpen = _useState2[0],
+    setInnerOpen = _useState2[1];
+  var open = isNil(propOpen) ? innerOpen : propOpen;
+  var handleCloseClick = function handleCloseClick(e) {
+    e.stopPropagation();
+    onClose === null || onClose === void 0 ? void 0 : onClose(e);
+    if (e.defaultPrevented) {
+      return;
+    }
+    setInnerOpen(false);
+  };
+  var hasCloseIcon = !!closeIcon;
+  var CloseIconNode = useMemo(function () {
+    if (!hasCloseIcon) {
+      return null;
+    }
+    return closeIcon === true ? /*#__PURE__*/React.createElement(CloseOutlined, {
+      className: "".concat(prefixCls, "-close-icon"),
+      onClick: handleCloseClick
+    }) : /*#__PURE__*/React.createElement("span", {
+      className: "".concat(prefixCls, "-close-icon"),
+      onClick: handleCloseClick
+    }, closeIcon);
+  }, [closeIcon]);
+  var titleNode = typeof title === 'function' ? title() : title;
+  var titleWithCloseIcon = /*#__PURE__*/React.createElement(Space, {
+    className: "".concat(prefixCls, "-close-icon-wrap")
+  }, titleNode, CloseIconNode);
   var typeList = getTooltipTypeList();
   var typeItem = typeList.find(function (item) {
     return item.type === type;
   });
-  return mouseFollow ? /*#__PURE__*/React.createElement(MouseTooltip, _extends({
+  return wrapSSR(mouseFollow ? /*#__PURE__*/React.createElement(MouseTooltip, _extends({
+    title: title,
     color: color || (typeItem === null || typeItem === void 0 ? void 0 : typeItem.backgroundColor),
     overlayInnerStyle: _objectSpread({
       color: typeItem === null || typeItem === void 0 ? void 0 : typeItem.color
-    }, overlayInnerStyle)
+    }, overlayInnerStyle),
+    className: tooltipCls
   }, restProps), children) : /*#__PURE__*/React.createElement(AntTooltip, _extends({
+    title: hasCloseIcon ? titleWithCloseIcon : title,
     color: color || (typeItem === null || typeItem === void 0 ? void 0 : typeItem.backgroundColor),
+    open: open,
+    onOpenChange: function onOpenChange(open) {
+      setInnerOpen(open);
+    },
     overlayInnerStyle: _objectSpread({
       color: typeItem === null || typeItem === void 0 ? void 0 : typeItem.color
-    }, overlayInnerStyle)
-  }, restProps), children);
+    }, overlayInnerStyle),
+    className: tooltipCls
+  }, restProps), children));
 };
 if (process.env.NODE_ENV !== 'production') {
   Tooltip.displayName = AntTooltip.displayName;

package/es/tooltip/style/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+export type TooltipToken = FullToken<'Tooltip'>;
+export declare const genTooltipStyle: GenerateStyle<TooltipToken>;
+declare const _default: (prefixCls: string) => {
+    wrapSSR: (node: import("react").ReactNode) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    hashId: string;
+};
+export default _default;

package/es/tooltip/style/index.js

@@ -0,0 +1,29 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+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 genTooltipStyle = function genTooltipStyle(token) {
+  var componentCls = token.componentCls;
+  return _defineProperty({}, componentCls, _defineProperty({}, "".concat(componentCls, "-close-icon-wrap"), _defineProperty({
+    display: 'flex',
+    justifyContent: 'space-between',
+    alignItems: 'flex-start',
+    wordBreak: 'break-all'
+  }, "".concat(componentCls, "-close-icon"), {
+    cursor: 'pointer'
+  })));
+};
+export default (function (prefixCls) {
+  var useStyle = genComponentStyleHook('Tooltip', function (token) {
+    return [genTooltipStyle(token)];
+  }, function (_ref2) {
+    var zIndexPopupBase = _ref2.zIndexPopupBase,
+      colorBgSpotlight = _ref2.colorBgSpotlight;
+    return {
+      zIndexPopup: zIndexPopupBase + 70,
+      colorBgDefault: colorBgSpotlight
+    };
+  });
+  return useStyle(prefixCls);
+});

package/lib/config-provider/index.js

@@ -46,6 +46,7 @@ var ExtendedConfigContext = import_react.default.createContext({
 var { defaultSeed, components } = import_theme.default;
 var ConfigProvider = ({ children, theme, navigate, spin, ...restProps }) => {
   var _a;
+  const parentContext = import_react.default.useContext(ExtendedConfigContext);
   return /* @__PURE__ */ import_react.default.createElement(
     import_antd.ConfigProvider,
     {
@@ -77,7 +78,7 @@ var ConfigProvider = ({ children, theme, navigate, spin, ...restProps }) => {
       ExtendedConfigContext.Provider,
       {
         value: {
-          navigate
+          navigate: navigate === void 0 ? parentContext.navigate : navigate
         }
       },
       /* @__PURE__ */ import_react.default.createElement(import_antd.App, null, children, /* @__PURE__ */ import_react.default.createElement(import_static_function.default, null))

package/lib/modal/Modal.d.ts

@@ -0,0 +1,30 @@
+import type { ModalProps } from 'antd/es/modal';
+import React from 'react';
+declare const Modal: {
+    ({ prefixCls: customizePrefixCls, className, ...restProps }: ModalProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    info(props: any): {
+        destroy: () => void;
+        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+    };
+    success(props: any): {
+        destroy: () => void;
+        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+    };
+    error(props: any): {
+        destroy: () => void;
+        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+    };
+    warning(props: any): {
+        destroy: () => void;
+        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+    };
+    confirm(props: any): {
+        destroy: () => void;
+        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+    };
+    useModal: typeof import("antd/es/modal/useModal").default;
+    destroyAll: () => void;
+    config: typeof import("antd/es/modal/confirm").modalGlobalConfig;
+    displayName: string;
+};
+export default Modal;