@oceanbase/design 0.2.25 → 0.2.27

package/lib/theme/style/default.less

@@ -1,26 +1,27 @@
 @blue: #006aff;
-@purple: #722ed1;
-@cyan: #13c2c2;
+@purple: #722ED1;
+@cyan: #13C2C2;
 @green: #0ac185;
-@magenta: #eb2f96;
+@magenta: #EB2F96;
 @pink: #eb2f96;
 @red: #ff4b4b;
-@orange: #fa8c16;
+@orange: #FA8C16;
 @yellow: #ffac33;
-@volcano: #fa541c;
-@geekblue: #2f54eb;
-@gold: #faad14;
-@lime: #a0d911;
-@colorPrimary: #006aff;
+@volcano: #FA541C;
+@geekblue: #2F54EB;
+@gold: #FAAD14;
+@lime: #A0D911;
+@colorPrimary: #006AFF;
 @colorSuccess: #0ac185;
 @colorWarning: #ffac33;
 @colorError: #ff4b4b;
 @colorInfo: #006aff;
+@colorLink: #006aff;
 @colorTextBase: #132039;
 @colorBgBase: #ffffff;
 @fontFamily: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
-  'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
-  'Noto Color Emoji';
+'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
+'Noto Color Emoji';
 @fontFamilyCode: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
 @fontSize: 14;
 @lineWidth: 1;
@@ -45,26 +46,26 @@
 @opacityImage: 1;
 @wireframe: false;
 @motion: true;
-@blue-1: #e6fff2;
-@blue1: #e6fff2;
-@blue-2: #a9f5d1;
-@blue2: #a9f5d1;
-@blue-3: #7be8b9;
-@blue3: #7be8b9;
-@blue-4: #51dba4;
-@blue4: #51dba4;
-@blue-5: #2bcf93;
-@blue5: #2bcf93;
-@blue-6: #0ac185;
-@blue6: #0ac185;
-@blue-7: #009c6d;
-@blue7: #009c6d;
-@blue-8: #007556;
-@blue8: #007556;
-@blue-9: #004f3d;
-@blue9: #004f3d;
-@blue-10: #002921;
-@blue10: #002921;
+@blue-1: #e6f4ff;
+@blue1: #e6f4ff;
+@blue-2: #bae0ff;
+@blue2: #bae0ff;
+@blue-3: #91caff;
+@blue3: #91caff;
+@blue-4: #69b1ff;
+@blue4: #69b1ff;
+@blue-5: #4096ff;
+@blue5: #4096ff;
+@blue-6: #1677ff;
+@blue6: #1677ff;
+@blue-7: #0958d9;
+@blue7: #0958d9;
+@blue-8: #003eb3;
+@blue8: #003eb3;
+@blue-9: #002c8c;
+@blue9: #002c8c;
+@blue-10: #001d66;
+@blue10: #001d66;
 @purple-1: #f9f0ff;
 @purple1: #f9f0ff;
 @purple-2: #efdbff;
@@ -105,26 +106,26 @@
 @cyan9: #00474f;
 @cyan-10: #002329;
 @cyan10: #002329;
-@green-1: #fffbf0;
-@green1: #fffbf0;
-@green-2: #fff4d6;
-@green2: #fff4d6;
-@green-3: #ffe7ad;
-@green3: #ffe7ad;
-@green-4: #ffd685;
-@green4: #ffd685;
-@green-5: #ffc35c;
-@green5: #ffc35c;
-@green-6: #ffac33;
-@green6: #ffac33;
-@green-7: #d98921;
-@green7: #d98921;
-@green-8: #b36812;
-@green8: #b36812;
-@green-9: #8c4a07;
-@green9: #8c4a07;
-@green-10: #663204;
-@green10: #663204;
+@green-1: #f6ffed;
+@green1: #f6ffed;
+@green-2: #d9f7be;
+@green2: #d9f7be;
+@green-3: #b7eb8f;
+@green3: #b7eb8f;
+@green-4: #95de64;
+@green4: #95de64;
+@green-5: #73d13d;
+@green5: #73d13d;
+@green-6: #52c41a;
+@green6: #52c41a;
+@green-7: #389e0d;
+@green7: #389e0d;
+@green-8: #237804;
+@green8: #237804;
+@green-9: #135200;
+@green9: #135200;
+@green-10: #092b00;
+@green10: #092b00;
 @magenta-1: #fff0f6;
 @magenta1: #fff0f6;
 @magenta-2: #ffd6e7;
@@ -165,26 +166,26 @@
 @pink9: #780650;
 @pink-10: #520339;
 @pink10: #520339;
-@red-1: #e6f4ff;
-@red1: #e6f4ff;
-@red-2: #a3d6ff;
-@red2: #a3d6ff;
-@red-3: #7abfff;
-@red3: #7abfff;
-@red-4: #52a5ff;
-@red4: #52a5ff;
-@red-5: #2989ff;
-@red5: #2989ff;
-@red-6: #006aff;
-@red6: #006aff;
-@red-7: #0053d9;
-@red7: #0053d9;
-@red-8: #003eb3;
-@red8: #003eb3;
-@red-9: #002c8c;
-@red9: #002c8c;
-@red-10: #001d66;
-@red10: #001d66;
+@red-1: #fff1f0;
+@red1: #fff1f0;
+@red-2: #ffccc7;
+@red2: #ffccc7;
+@red-3: #ffa39e;
+@red3: #ffa39e;
+@red-4: #ff7875;
+@red4: #ff7875;
+@red-5: #ff4d4f;
+@red5: #ff4d4f;
+@red-6: #f5222d;
+@red6: #f5222d;
+@red-7: #cf1322;
+@red7: #cf1322;
+@red-8: #a8071a;
+@red8: #a8071a;
+@red-9: #820014;
+@red9: #820014;
+@red-10: #5c0011;
+@red10: #5c0011;
 @orange-1: #fff7e6;
 @orange1: #fff7e6;
 @orange-2: #ffe7ba;
@@ -205,26 +206,26 @@
 @orange9: #873800;
 @orange-10: #612500;
 @orange10: #612500;
-@yellow-1: #fff2f0;
-@yellow1: #fff2f0;
-@yellow-2: #fff0ed;
-@yellow2: #fff0ed;
-@yellow-3: #ffcac4;
-@yellow3: #ffcac4;
-@yellow-4: #ffa29c;
-@yellow4: #ffa29c;
-@yellow-5: #ff7773;
-@yellow5: #ff7773;
-@yellow-6: #ff4b4b;
-@yellow6: #ff4b4b;
-@yellow-7: #d9343a;
-@yellow7: #d9343a;
-@yellow-8: #b3222c;
-@yellow8: #b3222c;
-@yellow-9: #8c1420;
-@yellow9: #8c1420;
-@yellow-10: #660d19;
-@yellow10: #660d19;
+@yellow-1: #feffe6;
+@yellow1: #feffe6;
+@yellow-2: #ffffb8;
+@yellow2: #ffffb8;
+@yellow-3: #fffb8f;
+@yellow3: #fffb8f;
+@yellow-4: #fff566;
+@yellow4: #fff566;
+@yellow-5: #ffec3d;
+@yellow5: #ffec3d;
+@yellow-6: #fadb14;
+@yellow6: #fadb14;
+@yellow-7: #d4b106;
+@yellow7: #d4b106;
+@yellow-8: #ad8b00;
+@yellow8: #ad8b00;
+@yellow-9: #876800;
+@yellow9: #876800;
+@yellow-10: #614700;
+@yellow10: #614700;
 @volcano-1: #fff2e8;
 @volcano1: #fff2e8;
 @volcano-2: #ffd8bf;
@@ -306,65 +307,68 @@
 @lime-10: #254000;
 @lime10: #254000;
 @colorText: #132039;
-@colorTextSecondary: #364563;
-@colorTextTertiary: #8592ad;
-@colorTextQuaternary: #cdd5e4;
-@colorFill: #f5f8fe;
-@colorFillSecondary: #f5f8fe;
-@colorFillTertiary: #f5f8fe;
-@colorFillQuaternary: #f8fafe;
-@colorBgLayout: #f5f8fe;
+@colorTextSecondary: #5C6B8A;
+@colorTextTertiary: #8592AD;
+@colorTextQuaternary: #ABB7CF;
+@colorFill: #E2E8F3;
+@colorFillSecondary: #F3F6FC;
+@colorFillTertiary: #F8FAFE;
+@colorFillQuaternary: #F8FAFE;
+@colorBgLayout: #F8FAFE;
 @colorBgContainer: #ffffff;
 @colorBgElevated: #ffffff;
-@colorBgSpotlight: rgba(19, 32, 57, 0.85);
-@colorBorder: #cdd5e4;
-@colorBorderSecondary: #e2e8f3;
-@colorPrimaryBg: #eaf1ff;
-@colorPrimaryBgHover: #eaf1ff;
-@colorPrimaryBorder: #b3ccff;
-@colorPrimaryBorderHover: #5189fb;
-@colorPrimaryHover: #004ce6;
-@colorPrimaryActive: #004ce6;
-@colorPrimaryTextHover: #5189fb;
-@colorPrimaryText: #006aff;
-@colorPrimaryTextActive: #004ce6;
-@colorSuccessBg: #eef8f5;
-@colorSuccessBgHover: #b3e6d5;
-@colorSuccessBorder: #b3e6d5;
-@colorSuccessBorderHover: #4dcca2;
-@colorSuccessHover: #4dcca2;
-@colorSuccessActive: #00b378;
-@colorSuccessTextHover: #4dcca2;
-@colorSuccessText: #0ac185;
-@colorSuccessTextActive: #00b378;
-@colorErrorBg: #ffebeb;
-@colorErrorBgHover: #ffb3b3;
-@colorErrorBorder: #ffb3b3;
-@colorErrorBorderHover: #ff8080;
-@colorErrorHover: #ff8080;
-@colorErrorActive: #ec1313;
-@colorErrorTextHover: #ff8080;
-@colorErrorText: #ff4b4b;
-@colorErrorTextActive: #ec1313;
-@colorWarningBg: #fff5e5;
-@colorWarningBgHover: #ffd699;
-@colorWarningBorder: #ffd699;
-@colorWarningBorderHover: #ffc166;
-@colorWarningHover: #ffc166;
-@colorWarningActive: #ff9700;
-@colorWarningTextHover: #ffc166;
-@colorWarningText: #ffac33;
-@colorWarningTextActive: #ff9700;
-@colorInfoBg: #eaf1ff;
-@colorInfoBgHover: #eaf1ff;
-@colorInfoBorder: #b3ccff;
-@colorInfoBorderHover: #5189fb;
-@colorInfoHover: #5189fb;
-@colorInfoActive: #004ce6;
-@colorInfoTextHover: #5189fb;
-@colorInfoText: #006aff;
-@colorInfoTextActive: #004ce6;
-@colorBgMask: rgba(19, 32, 57, 0.65);
+@colorBgSpotlight: rgba(19, 32, 57, 0.8);
+@colorBgBlur: transparent;
+@colorBorder: #CDD5E4;
+@colorBorderSecondary: #E2E8F3;
+@colorPrimaryBg: #EAF1FF;
+@colorPrimaryBgHover: #EAF1FF;
+@colorPrimaryBorder: #B3CCFF;
+@colorPrimaryBorderHover: #5189FB;
+@colorPrimaryHover: #5189FB;
+@colorPrimaryActive: #004CE6;
+@colorPrimaryTextHover: #5189FB;
+@colorPrimaryText: #006AFF;
+@colorPrimaryTextActive: #004CE6;
+@colorSuccessBg: #EEF8F5;
+@colorSuccessBgHover: #B3E6D5;
+@colorSuccessBorder: #B3E6D5;
+@colorSuccessBorderHover: #4DCCA2;
+@colorSuccessHover: #4DCCA2;
+@colorSuccessActive: #00B378;
+@colorSuccessTextHover: #4DCCA2;
+@colorSuccessText: #0AC185;
+@colorSuccessTextActive: #00B378;
+@colorErrorBg: #FFEBEB;
+@colorErrorBgHover: #FFB3B3;
+@colorErrorBorder: #FFB3B3;
+@colorErrorBorderHover: #FF8080;
+@colorErrorHover: #FF8080;
+@colorErrorActive: #EC1313;
+@colorErrorTextHover: #FF8080;
+@colorErrorText: #FF4B4B;
+@colorErrorTextActive: #EC1313;
+@colorWarningBg: #FFF5E5;
+@colorWarningBgHover: #FFD699;
+@colorWarningBorder: #FFD699;
+@colorWarningBorderHover: #FFC166;
+@colorWarningHover: #FFC166;
+@colorWarningActive: #FF9700;
+@colorWarningTextHover: #FFC166;
+@colorWarningText: #FFAC33;
+@colorWarningTextActive: #FF9700;
+@colorInfoBg: #EAF1FF;
+@colorInfoBgHover: #EAF1FF;
+@colorInfoBorder: #B3CCFF;
+@colorInfoBorderHover: #5189FB;
+@colorInfoHover: #5189FB;
+@colorInfoActive: #004CE6;
+@colorInfoTextHover: #5189FB;
+@colorInfoText: #006AFF;
+@colorInfoTextActive: #004CE6;
+@colorLinkHover: #52a5ff;
+@colorLinkActive: #0053d9;
+@colorBgMask: rgba(19, 32, 57,  0.6);
 @colorWhite: #fff;
 @fontSizeSM: 12;
 @fontSizeLG: 16;
@@ -402,29 +406,32 @@
 @borderRadiusSM: 4;
 @borderRadiusLG: 8;
 @borderRadiusOuter: 4;
-@colorIcon: #8592ad;
-@boxShadowSecondary: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12),
-  0 9px 28px 8px rgba(0, 0, 0, 0.05);
-@boxShadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12),
-  0 9px 28px 8px rgba(0, 0, 0, 0.05);
-@colorLink: #006aff;
-@colorLinkHover: #5189fb;
-@colorLinkActive: #004ce6;
-@colorFillContent: #f5f8fe;
-@colorFillContentHover: #f5f8fe;
-@colorFillAlter: #f8fafe;
-@colorBgContainerDisabled: #f5f8fe;
+@boxShadowSecondary: 
+      0 6px 16px 0 rgba(0, 0, 0, 0.08),
+      0 3px 6px -4px rgba(0, 0, 0, 0.12),
+      0 9px 28px 8px rgba(0, 0, 0, 0.05)
+    ;
+@boxShadow: 
+      0 6px 16px 0 rgba(0, 0, 0, 0.08),
+      0 3px 6px -4px rgba(0, 0, 0, 0.12),
+      0 9px 28px 8px rgba(0, 0, 0, 0.05)
+    ;
+@colorFillContent: #F3F6FC;
+@colorFillContentHover: #E2E8F3;
+@colorFillAlter: #F8FAFE;
+@colorBgContainerDisabled: #F8FAFE;
 @colorBorderBg: #ffffff;
 @colorSplit: rgba(13, 63, 155, 0.12);
-@colorTextPlaceholder: #cdd5e4;
-@colorTextDisabled: #cdd5e4;
+@colorTextPlaceholder: #ABB7CF;
+@colorTextDisabled: #ABB7CF;
 @colorTextHeading: #132039;
-@colorTextLabel: #364563;
-@colorTextDescription: #8592ad;
+@colorTextLabel: #5C6B8A;
+@colorTextDescription: #8592AD;
 @colorTextLightSolid: #fff;
 @colorHighlight: #ff4b4b;
-@colorBgTextHover: #f5f8fe;
-@colorBgTextActive: #f5f8fe;
+@colorBgTextHover: #F3F6FC;
+@colorBgTextActive: #E2E8F3;
+@colorIcon: #8592AD;
 @colorIconHover: #132039;
 @colorErrorOutline: rgba(255, 5, 5, 0.08);
 @colorWarningOutline: rgba(255, 164, 19, 0.11);
@@ -432,11 +439,11 @@
 @lineWidthFocus: 4;
 @controlOutlineWidth: 2;
 @controlInteractiveSize: 16;
-@controlItemBgHover: #f5f8fe;
-@controlItemBgActive: #eaf1ff;
-@controlItemBgActiveHover: #eaf1ff;
-@controlItemBgActiveDisabled: #f5f8fe;
-@controlTmpOutline: #f8fafe;
+@controlItemBgHover: #F8FAFE;
+@controlItemBgActive: #EAF1FF;
+@controlItemBgActiveHover: #EAF1FF;
+@controlItemBgActiveDisabled: #E2E8F3;
+@controlTmpOutline: #F8FAFE;
 @controlOutline: rgba(22, 99, 255, 0.09);
 @fontWeightStrong: 600;
 @opacityLoading: 0.65;
@@ -466,8 +473,11 @@
 @marginLG: 24;
 @marginXL: 32;
 @marginXXL: 48;
-@boxShadowTertiary: 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02),
-  0 2px 4px 0 rgba(0, 0, 0, 0.02);
+@boxShadowTertiary: 
+      0 1px 2px 0 rgba(0, 0, 0, 0.03),
+      0 1px 6px -1px rgba(0, 0, 0, 0.02),
+      0 2px 4px 0 rgba(0, 0, 0, 0.02)
+    ;
 @screenXS: 480;
 @screenXSMin: 480;
 @screenXSMax: 575;
@@ -486,16 +496,31 @@
 @screenXXL: 1600;
 @screenXXLMin: 1600;
 @boxShadowPopoverArrow: 2px 2px 5px rgba(0, 0, 0, 0.05);
-@boxShadowCard: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12),
-  0 5px 12px 4px rgba(0, 0, 0, 0.09);
-@boxShadowDrawerRight: -6px 0 16px 0 rgba(0, 0, 0, 0.08), -3px 0 6px -4px rgba(0, 0, 0, 0.12),
-  -9px 0 28px 8px rgba(0, 0, 0, 0.05);
-@boxShadowDrawerLeft: 6px 0 16px 0 rgba(0, 0, 0, 0.08), 3px 0 6px -4px rgba(0, 0, 0, 0.12),
-  9px 0 28px 8px rgba(0, 0, 0, 0.05);
-@boxShadowDrawerUp: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12),
-  0 9px 28px 8px rgba(0, 0, 0, 0.05);
-@boxShadowDrawerDown: 0 -6px 16px 0 rgba(0, 0, 0, 0.08), 0 -3px 6px -4px rgba(0, 0, 0, 0.12),
-  0 -9px 28px 8px rgba(0, 0, 0, 0.05);
+@boxShadowCard: 
+      0 1px 2px -2px rgba(0, 0, 0, 0.16),
+      0 3px 6px 0 rgba(0, 0, 0, 0.12),
+      0 5px 12px 4px rgba(0, 0, 0, 0.09)
+    ;
+@boxShadowDrawerRight: 
+      -6px 0 16px 0 rgba(0, 0, 0, 0.08),
+      -3px 0 6px -4px rgba(0, 0, 0, 0.12),
+      -9px 0 28px 8px rgba(0, 0, 0, 0.05)
+    ;
+@boxShadowDrawerLeft: 
+      6px 0 16px 0 rgba(0, 0, 0, 0.08),
+      3px 0 6px -4px rgba(0, 0, 0, 0.12),
+      9px 0 28px 8px rgba(0, 0, 0, 0.05)
+    ;
+@boxShadowDrawerUp: 
+      0 6px 16px 0 rgba(0, 0, 0, 0.08),
+      0 3px 6px -4px rgba(0, 0, 0, 0.12),
+      0 9px 28px 8px rgba(0, 0, 0, 0.05)
+    ;
+@boxShadowDrawerDown: 
+      0 -6px 16px 0 rgba(0, 0, 0, 0.08),
+      0 -3px 6px -4px rgba(0, 0, 0, 0.12),
+      0 -9px 28px 8px rgba(0, 0, 0, 0.05)
+    ;
 @boxShadowTabsOverflowLeft: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);
 @boxShadowTabsOverflowRight: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);
 @boxShadowTabsOverflowTop: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);

package/lib/tooltip/index.d.ts

@@ -1,4 +1,4 @@
-import type { TooltipPropsWithTitle as AntTooltipPropsWithTitle } from 'antd/es/tooltip';
+import type { TooltipPropsWithTitle as AntTooltipPropsWithTitle, TooltipRef } from 'antd/es/tooltip';
 import React from 'react';
 export * from 'antd/es/tooltip';
 export type TooltipType = 'default' | 'light' | 'success' | 'info' | 'warning' | 'error';
@@ -8,7 +8,7 @@ export interface TooltipProps extends AntTooltipPropsWithTitle {
     closeIcon?: boolean | React.ReactNode;
     onClose?: (e: React.MouseEvent<HTMLElement>) => void;
 }
-type CompoundedComponent = React.FC<TooltipProps> & {
+type CompoundedComponent = React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<TooltipRef | undefined>> & {
     /** @internal */
     __ANT_TOOLTIP: boolean;
 };

package/lib/tooltip/index.js

@@ -43,88 +43,91 @@ var import_config_provider = __toESM(require("../config-provider"));
 var import_style = __toESM(require("./style"));
 var import_useTooltipTypeList = require("./hooks/useTooltipTypeList");
 __reExport(tooltip_exports, require("antd/es/tooltip"), module.exports);
-var Tooltip = ({
-  children,
-  title,
-  type = "default",
-  color,
-  mouseFollow,
-  closeIcon = false,
-  onClose,
-  open,
-  defaultOpen,
-  onOpenChange,
-  visible,
-  defaultVisible,
-  onVisibleChange,
-  overlayInnerStyle,
-  className,
-  ...restProps
-}) => {
-  const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
-  const { prefixCls: customizePrefixCls } = restProps;
-  const prefixCls = getPrefixCls("tooltip", customizePrefixCls);
-  const { wrapSSR, hashId } = (0, import_style.default)(prefixCls);
-  const tooltipCls = (0, import_classnames.default)(className, hashId);
-  const [innerOpen, setInnerOpen] = (0, import_react.useState)(open ?? visible ?? defaultOpen ?? defaultVisible);
-  const newOpen = open ?? visible ?? innerOpen;
-  (0, import_react.useEffect)(() => {
-    if (!(0, import_lodash.isNil)(open)) {
-      setInnerOpen(open);
-    } else if (!(0, import_lodash.isNil)(visible)) {
-      setInnerOpen(visible);
-    }
-  }, [open, visible]);
-  const handleCloseClick = (e) => {
-    e.stopPropagation();
-    onClose == null ? void 0 : onClose(e);
-    if (e.defaultPrevented) {
-      return;
-    }
-    setInnerOpen(false);
-  };
-  const closeIconNode = closeIcon ? closeIcon === true ? /* @__PURE__ */ import_react.default.createElement(import_icons.CloseOutlined, { className: `${prefixCls}-close-icon`, onClick: handleCloseClick }) : /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-close-icon`, onClick: handleCloseClick }, closeIcon) : null;
-  const titleNode = typeof title === "function" ? title() : title;
-  const newTitle = closeIcon ? /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { className: `${prefixCls}-close-icon-wrap` }, titleNode, closeIconNode) : titleNode;
-  const typeList = (0, import_useTooltipTypeList.useTooltipTypeList)();
-  const typeItem = typeList.find((item) => item.type === type);
-  return wrapSSR(
-    mouseFollow ? /* @__PURE__ */ import_react.default.createElement(
-      import_MouseTooltip.default,
-      {
-        title,
-        color: color || (typeItem == null ? void 0 : typeItem.backgroundColor),
-        overlayInnerStyle: {
-          color: typeItem == null ? void 0 : typeItem.color,
-          ...overlayInnerStyle
+var Tooltip = import_react.default.forwardRef(
+  ({
+    children,
+    title,
+    type = "default",
+    color,
+    mouseFollow,
+    closeIcon = false,
+    onClose,
+    open,
+    defaultOpen,
+    onOpenChange,
+    visible,
+    defaultVisible,
+    onVisibleChange,
+    overlayInnerStyle,
+    className,
+    ...restProps
+  }, ref) => {
+    const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
+    const { prefixCls: customizePrefixCls } = restProps;
+    const prefixCls = getPrefixCls("tooltip", customizePrefixCls);
+    const { wrapSSR, hashId } = (0, import_style.default)(prefixCls);
+    const tooltipCls = (0, import_classnames.default)(className, hashId);
+    const [innerOpen, setInnerOpen] = (0, import_react.useState)(open ?? visible ?? defaultOpen ?? defaultVisible);
+    const newOpen = open ?? visible ?? innerOpen;
+    (0, import_react.useEffect)(() => {
+      if (!(0, import_lodash.isNil)(open)) {
+        setInnerOpen(open);
+      } else if (!(0, import_lodash.isNil)(visible)) {
+        setInnerOpen(visible);
+      }
+    }, [open, visible]);
+    const handleCloseClick = (e) => {
+      e.stopPropagation();
+      onClose == null ? void 0 : onClose(e);
+      if (e.defaultPrevented) {
+        return;
+      }
+      setInnerOpen(false);
+    };
+    const closeIconNode = closeIcon ? closeIcon === true ? /* @__PURE__ */ import_react.default.createElement(import_icons.CloseOutlined, { className: `${prefixCls}-close-icon`, onClick: handleCloseClick }) : /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-close-icon`, onClick: handleCloseClick }, closeIcon) : null;
+    const titleNode = typeof title === "function" ? title() : title;
+    const newTitle = closeIcon ? /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { className: `${prefixCls}-close-icon-wrap` }, titleNode, closeIconNode) : titleNode;
+    const typeList = (0, import_useTooltipTypeList.useTooltipTypeList)();
+    const typeItem = typeList.find((item) => item.type === type);
+    return wrapSSR(
+      mouseFollow ? /* @__PURE__ */ import_react.default.createElement(
+        import_MouseTooltip.default,
+        {
+          title,
+          color: color || (typeItem == null ? void 0 : typeItem.backgroundColor),
+          overlayInnerStyle: {
+            color: typeItem == null ? void 0 : typeItem.color,
+            ...overlayInnerStyle
+          },
+          className: tooltipCls,
+          ...restProps
         },
-        className: tooltipCls,
-        ...restProps
-      },
-      children
-    ) : /* @__PURE__ */ import_react.default.createElement(
-      import_antd.Tooltip,
-      {
-        title: newTitle,
-        color: color || (typeItem == null ? void 0 : typeItem.backgroundColor),
-        open: newOpen,
-        defaultOpen,
-        onOpenChange: (value) => {
-          setInnerOpen(value);
-          onVisibleChange == null ? void 0 : onVisibleChange(value);
-          onOpenChange == null ? void 0 : onOpenChange(value);
+        children
+      ) : /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Tooltip,
+        {
+          ref,
+          title: newTitle,
+          color: color || (typeItem == null ? void 0 : typeItem.backgroundColor),
+          open: newOpen,
+          defaultOpen,
+          onOpenChange: (value) => {
+            setInnerOpen(value);
+            onVisibleChange == null ? void 0 : onVisibleChange(value);
+            onOpenChange == null ? void 0 : onOpenChange(value);
+          },
+          overlayInnerStyle: {
+            color: typeItem == null ? void 0 : typeItem.color,
+            ...overlayInnerStyle
+          },
+          className: tooltipCls,
+          ...restProps
         },
-        overlayInnerStyle: {
-          color: typeItem == null ? void 0 : typeItem.color,
-          ...overlayInnerStyle
-        },
-        className: tooltipCls,
-        ...restProps
-      },
-      children
-    )
-  );
-};
+        children
+      )
+    );
+  }
+);
 if (process.env.NODE_ENV !== "production") {
   Tooltip.displayName = import_antd.Tooltip.displayName;
 }