@oceanbase/design 1.0.0-alpha.1 → 1.0.0-alpha.10

package/lib/theme/style/default.less

@@ -1,10 +1,10 @@
 @blue: #0d6cf2;
 @purple: #722ED1;
 @cyan: #13C2C2;
-@green: #14b781;
+@green: #16b882;
 @magenta: #EB2F96;
 @pink: #EB2F96;
-@red: #ef4343;
+@red: #eb4242;
 @orange: #FA8C16;
 @yellow: #f49f25;
 @volcano: #FA541C;
@@ -12,9 +12,9 @@
 @gold: #FAAD14;
 @lime: #A0D911;
 @colorPrimary: #0d6cf2;
-@colorSuccess: #14b781;
+@colorSuccess: #16b882;
 @colorWarning: #f49f25;
-@colorError: #ef4343;
+@colorError: #eb4242;
 @colorInfo: #0d6cf2;
 @colorLink: #0d6cf2;
 @colorTextBase: #000000;
@@ -38,24 +38,24 @@
 @sizeUnit: 4px;
 @sizeStep: 4px;
 @sizePopupArrow: 16px;
-@controlHeight: 32px;
+@controlHeight: 28px;
 @zIndexBase: 0;
 @zIndexPopupBase: 1000;
 @opacityImage: 1;
 @wireframe: false;
 @motion: true;
-@blue-1: #e6f4ff;
-@blue1: #e6f4ff;
-@blue-2: #b0dbff;
-@blue2: #b0dbff;
-@blue-3: #87c5ff;
-@blue3: #87c5ff;
-@blue-4: #5eacff;
-@blue4: #5eacff;
-@blue-5: #3690ff;
-@blue5: #3690ff;
-@blue-6: #0d6cf2;
-@blue6: #0d6cf2;
+@blue-1: #f3f8fe;
+@blue1: #f3f8fe;
+@blue-2: #b3d3ff;
+@blue2: #b3d3ff;
+@blue-3: #619ef3;
+@blue3: #619ef3;
+@blue-4: #0d6cf2;
+@blue4: #0d6cf2;
+@blue-5: #0852bb;
+@blue5: #0852bb;
+@blue-6: #0d3c80;
+@blue6: #0d3c80;
 @blue-7: #004ecc;
 @blue7: #004ecc;
 @blue-8: #003aa6;
@@ -104,22 +104,22 @@
 @cyan9: #00474f;
 @cyan-10: #002329;
 @cyan10: #002329;
-@green-1: #e1f7ec;
-@green1: #e1f7ec;
-@green-2: #b0ebcf;
-@green2: #b0ebcf;
-@green-3: #83deb6;
-@green3: #83deb6;
-@green-4: #5ad1a1;
-@green4: #5ad1a1;
-@green-5: #35c490;
-@green5: #35c490;
-@green-6: #14b781;
-@green6: #14b781;
-@green-7: #099168;
-@green7: #099168;
-@green-8: #016b4f;
-@green8: #016b4f;
+@green-1: #f5faf8;
+@green1: #f5faf8;
+@green-2: #b3e6d5;
+@green2: #b3e6d5;
+@green-3: #79d1b4;
+@green3: #79d1b4;
+@green-4: #16b882;
+@green4: #16b882;
+@green-5: #0a8c61;
+@green5: #0a8c61;
+@green-6: #09593f;
+@green6: #09593f;
+@green-7: #0a9169;
+@green7: #0a9169;
+@green-8: #026b4f;
+@green8: #026b4f;
 @green-9: #004535;
 @green9: #004535;
 @green-10: #001f18;
@@ -164,38 +164,38 @@
 @pink9: #780650;
 @pink-10: #520339;
 @pink10: #520339;
-@red-1: #fff2f0;
-@red1: #fff2f0;
-@red-2: #ffedeb;
-@red2: #ffedeb;
-@red-3: #ffc8c2;
-@red3: #ffc8c2;
-@red-4: #ffa099;
-@red4: #ffa099;
-@red-5: #fc746f;
-@red5: #fc746f;
-@red-6: #ef4343;
-@red6: #ef4343;
-@red-7: #c92e34;
-@red7: #c92e34;
-@red-8: #a31d26;
-@red8: #a31d26;
-@red-9: #7d101b;
-@red9: #7d101b;
-@red-10: #570a15;
-@red10: #570a15;
-@orange-1: #fff7e6;
-@orange1: #fff7e6;
-@orange-2: #ffe7ba;
-@orange2: #ffe7ba;
-@orange-3: #ffd591;
-@orange3: #ffd591;
-@orange-4: #ffc069;
-@orange4: #ffc069;
-@orange-5: #ffa940;
-@orange5: #ffa940;
-@orange-6: #fa8c16;
-@orange6: #fa8c16;
+@red-1: #fff2f2;
+@red1: #fff2f2;
+@red-2: #ffd6d6;
+@red2: #ffd6d6;
+@red-3: #f69898;
+@red3: #f69898;
+@red-4: #eb4242;
+@red4: #eb4242;
+@red-5: #b52727;
+@red5: #b52727;
+@red-6: #8a1b1b;
+@red6: #8a1b1b;
+@red-7: #c42d32;
+@red7: #c42d32;
+@red-8: #9e1c25;
+@red8: #9e1c25;
+@red-9: #78101a;
+@red9: #78101a;
+@red-10: #520a13;
+@red10: #520a13;
+@orange-1: #fff9ee;
+@orange1: #fff9ee;
+@orange-2: #ffe7c2;
+@orange2: #ffe7c2;
+@orange-3: #fac373;
+@orange3: #fac373;
+@orange-4: #f49f25;
+@orange4: #f49f25;
+@orange-5: #ac690b;
+@orange5: #ac690b;
+@orange-6: #6c4408;
+@orange6: #6c4408;
 @orange-7: #d46b08;
 @orange7: #d46b08;
 @orange-8: #ad4e00;
@@ -307,91 +307,91 @@
 @colorText: #132039;
 @colorTextSecondary: #5c6b8a;
 @colorTextTertiary: #8592ad;
-@colorTextQuaternary: #c1cbe0;
+@colorTextQuaternary: #b6c0d4;
 @colorFill: #cdd5e4;
 @colorFillSecondary: #e2e8f3;
-@colorFillTertiary: #f3f6fc;
-@colorFillQuaternary: #f8fafe;
+@colorFillTertiary: #ebeff7;
+@colorFillQuaternary: #f5f7fc;
 @colorBgSolid: rgb(0,0,0);
 @colorBgSolidHover: rgba(0,0,0,0.75);
 @colorBgSolidActive: rgba(0,0,0,0.95);
-@colorBgLayout: #f8fafe;
+@colorBgLayout: #fbfcfe;
 @colorBgContainer: #ffffff;
 @colorBgElevated: #ffffff;
 @colorBgSpotlight: #ffffff;
 @colorBgBlur: transparent;
 @colorBorder: #cdd5e4;
 @colorBorderSecondary: #e2e8f3;
-@colorPrimaryBg: #e6f4ff;
-@colorPrimaryBgHover: #b0dbff;
-@colorPrimaryBorder: #87c5ff;
+@colorPrimaryBg: #f3f8fe;
+@colorPrimaryBgHover: #b3d3ff;
+@colorPrimaryBorder: #619ef3;
 @colorPrimaryBorderHover: #5eacff;
-@colorPrimaryHover: #3690ff;
-@colorPrimaryActive: #004ecc;
+@colorPrimaryHover: #0852bb;
+@colorPrimaryActive: #0852bb;
 @colorPrimaryTextHover: #3690ff;
-@colorPrimaryText: #0d6cf2;
+@colorPrimaryText: #0d3c80;
 @colorPrimaryTextActive: #004ecc;
-@colorSuccessBg: #e8f8f3;
-@colorSuccessBgHover: #b0ebcf;
-@colorSuccessBorder: #7ed7ba;
-@colorSuccessBorderHover: #5ad1a1;
-@colorSuccessHover: #5ad1a1;
-@colorSuccessActive: #099168;
-@colorSuccessTextHover: #35c490;
-@colorSuccessText: #096547;
-@colorSuccessTextActive: #099168;
-@colorErrorBg: #fdecec;
-@colorErrorBgHover: #ffedeb;
+@colorSuccessBg: #f5faf8;
+@colorSuccessBgHover: #b3e6d5;
+@colorSuccessBorder: #79d1b4;
+@colorSuccessBorderHover: #5cd1a2;
+@colorSuccessHover: #0a8c61;
+@colorSuccessActive: #0a8c61;
+@colorSuccessTextHover: #37c491;
+@colorSuccessText: #09593f;
+@colorSuccessTextActive: #0a9169;
+@colorErrorBg: #fff2f2;
+@colorErrorBgHover: #ffd6d6;
 @colorErrorBgFilledHover: #ffddd9;
 @colorErrorBgActive: #ffc8c2;
 @colorErrorBorder: #f69898;
 @colorErrorBorderHover: #ffa099;
-@colorErrorHover: #fc746f;
-@colorErrorActive: #c92e34;
-@colorErrorTextHover: #fc746f;
+@colorErrorHover: #b52727;
+@colorErrorActive: #b52727;
+@colorErrorTextHover: #f7716d;
 @colorErrorText: #8a1b1b;
-@colorErrorTextActive: #c92e34;
-@colorWarningBg: #fef6e9;
-@colorWarningBgHover: #fff0c9;
-@colorWarningBorder: #f9cb87;
+@colorErrorTextActive: #c42d32;
+@colorWarningBg: #fff9ee;
+@colorWarningBgHover: #ffe7c2;
+@colorWarningBorder: #fac373;
 @colorWarningBorderHover: #ffd078;
-@colorWarningHover: #ffd078;
-@colorWarningActive: #cf7b15;
+@colorWarningHover: #ac690b;
+@colorWarningActive: #ac690b;
 @colorWarningTextHover: #ffbc4f;
-@colorWarningText: #5b3600;
+@colorWarningText: #6c4408;
 @colorWarningTextActive: #cf7b15;
-@colorInfoBg: #eaf1ff;
-@colorInfoBgHover: #b0dbff;
-@colorInfoBorder: #598cf3;
+@colorInfoBg: #f3f8fe;
+@colorInfoBgHover: #b3d3ff;
+@colorInfoBorder: #619ef3;
 @colorInfoBorderHover: #5eacff;
-@colorInfoHover: #5eacff;
-@colorInfoActive: #004ecc;
+@colorInfoHover: #0852bb;
+@colorInfoActive: #0852bb;
 @colorInfoTextHover: #3690ff;
-@colorInfoText: #083e8b;
+@colorInfoText: #0d3c80;
 @colorInfoTextActive: #004ecc;
-@colorLinkHover: #5eacff;
-@colorLinkActive: #004ecc;
-@colorBgMask: rgba(19, 32, 57, 0.45);
+@colorLinkHover: #0852bb;
+@colorLinkActive: #0852bb;
+@colorBgMask: rgba(19, 32, 57, 0.6);
 @colorWhite: #fff;
 @fontSizeSM: 12px;
-@fontSizeLG: 14px;
+@fontSizeLG: 16px;
 @fontSizeXL: 18px;
-@fontSizeHeading1: 34px;
-@fontSizeHeading2: 28px;
-@fontSizeHeading3: 22px;
-@fontSizeHeading4: 18px;
-@fontSizeHeading5: 14px;
-@lineHeight: 1.6153846153846154;
-@lineHeightLG: 1.5714285714285714;
-@lineHeightSM: 1.8;
-@fontHeight: 21px;
+@fontSizeHeading1: 24px;
+@fontSizeHeading2: 20px;
+@fontSizeHeading3: 18px;
+@fontSizeHeading4: 16px;
+@fontSizeHeading5: 13px;
+@lineHeight: 1.5384615384615385;
+@lineHeightLG: 1.5;
+@lineHeightSM: 1.6666666666666667;
+@fontHeight: 20px;
 @fontHeightLG: 22px;
 @fontHeightSM: 18px;
-@lineHeightHeading1: 1.2352941176470589;
-@lineHeightHeading2: 1.2857142857142858;
-@lineHeightHeading3: 1.3636363636363635;
-@lineHeightHeading4: 1.4444444444444444;
-@lineHeightHeading5: 1.5714285714285714;
+@lineHeightHeading1: 1.3333333333333333;
+@lineHeightHeading2: 1.4;
+@lineHeightHeading3: 1.4444444444444444;
+@lineHeightHeading4: 1.5;
+@lineHeightHeading5: 1.5384615384615385;
 @sizeXXL: 48px;
 @sizeXL: 32px;
 @sizeLG: 24px;
@@ -402,49 +402,78 @@
 @sizeXS: 8px;
 @sizeXXS: 4px;
 @controlHeightSM: 24px;
-@controlHeightXS: 16px;
-@controlHeightLG: 40px;
+@controlHeightXS: 14px;
+@controlHeightLG: 35px;
 @motionDurationFast: 0.1s;
 @motionDurationMid: 0.2s;
 @motionDurationSlow: 0.3s;
 @lineWidthBold: 2px;
 @borderRadiusXS: 1px;
 @borderRadiusSM: 2px;
-@borderRadiusLG: 6px;
+@borderRadiusLG: 8px;
 @borderRadiusOuter: 4px;
-@colorIcon: #8592ad;
+@fontWeightWeak: 400;
+@fontWeight: 400;
+@fontWeightStrong: 600;
+@borderRadiusMD: 6px;
+@colorFuchsia: #b04ec4;
+@colorFuchsiaBorder: #d88ee7;
+@colorFuchsiaBg: #faf0fc;
+@colorFuchsiaBgHover: #e8caee;
+@colorFuchsiaHover: #802792;
+@colorFuchsiaActive: #802792;
+@colorFuchsiaText: #580e67;
+@colorIcon: #5c6b8a;
+@colorBgTextHover: #e2e8f3;
+@colorBgTextActive: #cdd5e4;
+@colorBgContainerDisabled: #ebeff7;
+@controlItemBgHover: #ebeff7;
+@controlItemBgActive: #f3f8fe;
+@colorNaviBg: #f1f6ff;
+@colorNaviBgHover: #e8effb;
 @boxShadow: 0 6px 16px 0 rgba(54, 69, 99, 0.08), 0 3px 6px -4px rgba(54, 69, 99, 0.12), 0 9px 28px 8px rgba(54, 69, 99, 0.05);
 @boxShadowSecondary: 0 6px 16px 0 rgba(54, 69, 99, 0.08), 0 3px 6px -4px rgba(54, 69, 99, 0.12), 0 9px 28px 8px rgba(54, 69, 99, 0.05);
 @boxShadowTertiary: 0 1px 2px 0 rgba(54, 69, 99, 0.03), 0 1px 6px -1px rgba(54, 69, 99, 0.02), 0 2px 4px 0 rgba(54, 69, 99, 0.02);
 @lineWidthFocus: 3px;
+@white: #ffffff;
+@black: #000000;
+@gray1: #fbfcfe;
+@gray2: #f5f7fc;
+@gray3: #ebeff7;
+@gray4: #e2e8f3;
+@gray5: #cdd5e4;
+@gray6: #b6c0d4;
+@gray7: #8592ad;
+@gray8: #5c6b8a;
+@gray9: #3b4a69;
+@fuchsia1: #faf0fc;
+@fuchsia2: #e8caee;
+@fuchsia3: #d88ee7;
+@fuchsia4: #b04ec4;
+@fuchsia5: #802792;
+@fuchsia6: #580e67;
 @colorFillContent: #e2e8f3;
 @colorFillContentHover: #cdd5e4;
-@colorFillAlter: #f8fafe;
-@colorBgContainerDisabled: #f3f6fc;
+@colorFillAlter: #f5f7fc;
 @colorBorderBg: #ffffff;
 @colorSplit: rgba(13,63,155,0.12);
-@colorTextPlaceholder: #c1cbe0;
-@colorTextDisabled: #c1cbe0;
+@colorTextPlaceholder: #b6c0d4;
+@colorTextDisabled: #b6c0d4;
 @colorTextHeading: #132039;
 @colorTextLabel: #5c6b8a;
 @colorTextDescription: #8592ad;
 @colorTextLightSolid: #fff;
-@colorHighlight: #ef4343;
-@colorBgTextHover: #e2e8f3;
-@colorBgTextActive: #cdd5e4;
+@colorHighlight: #eb4242;
 @colorIconHover: #132039;
-@colorErrorOutline: rgba(230,17,17,0.08);
-@colorWarningOutline: rgba(244,155,11,0.09);
+@colorErrorOutline: rgba(255,38,38,0.06);
+@colorWarningOutline: rgba(255,169,12,0.07);
 @fontSizeIcon: 12px;
 @controlOutlineWidth: 2px;
-@controlInteractiveSize: 16px;
-@controlItemBgHover: #f3f6fc;
-@controlItemBgActive: #e6f4ff;
-@controlItemBgActiveHover: #b0dbff;
+@controlInteractiveSize: 14px;
+@controlItemBgActiveHover: #b3d3ff;
 @controlItemBgActiveDisabled: #cdd5e4;
-@controlTmpOutline: #f8fafe;
-@controlOutline: rgba(5,145,255,0.1);
-@fontWeightStrong: 600;
+@controlTmpOutline: #f5f7fc;
+@controlOutline: rgba(15,115,235,0.05);
 @opacityLoading: 0.65;
 @linkDecoration: none;
 @linkHoverDecoration: none;

package/lib/tooltip/MouseTooltip.js

@@ -33,9 +33,10 @@ __export(MouseTooltip_exports, {
 });
 module.exports = __toCommonJS(MouseTooltip_exports);
 var import_ahooks = require("ahooks");
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_ReactStickyMouseTooltip = __toESM(require("./ReactStickyMouseTooltip"));
 var import_theme = __toESM(require("../theme"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var MouseTooltip = ({
   children,
   title,
@@ -70,47 +71,50 @@ var MouseTooltip = ({
   const isOverWidth = clientX + tooltipWidth + 8 > pageWidth;
   const isOverHeight = clientY + tooltipHeight + 8 > pageHeight;
   const offset = 8;
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
-    "span",
-    {
-      onMouseEnter: () => {
-        if (outerOpen || outerVisible) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "span",
+      {
+        onMouseEnter: () => {
+          if (outerOpen || outerVisible) {
+            setTimeout(() => {
+              handleVisibleChange(true);
+            }, mouseEnterDelay * 1e3);
+          }
+        },
+        onMouseLeave: () => {
           setTimeout(() => {
-            handleVisibleChange(true);
-          }, mouseEnterDelay * 1e3);
-        }
-      },
-      onMouseLeave: () => {
-        setTimeout(() => {
-          handleVisibleChange(false);
-        }, mouseLeaveDelay * 1e3);
+            handleVisibleChange(false);
+          }, mouseLeaveDelay * 1e3);
+        },
+        children
       }
-    },
-    children
-  ), title && /* @__PURE__ */ import_react.default.createElement(
-    import_ReactStickyMouseTooltip.default,
-    {
-      visible,
-      style: {
-        // 需要大于 Popover 的 1030 zIndex 值，否则会被遮挡
-        zIndex: 1100,
-        padding: "6px 8px",
-        boxShadow: token.boxShadowSecondary,
-        borderRadius: token.borderRadius,
-        // @ts-ignore
-        color: textColor || ((_a = token.Tooltip) == null ? void 0 : _a.colorTextLightSolid) || token.colorTextLightSolid,
-        backgroundColor: (
+    ),
+    title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_ReactStickyMouseTooltip.default,
+      {
+        visible,
+        style: {
+          // 需要大于 Popover 的 1030 zIndex 值，否则会被遮挡
+          zIndex: 1100,
+          padding: "6px 8px",
+          boxShadow: token.boxShadowSecondary,
+          borderRadius: token.borderRadius,
           // @ts-ignore
-          backgroundColor || ((_b = token.Tooltip) == null ? void 0 : _b.colorBgSpotlight) || token.colorBgSpotlight
-        ),
-        left: isOverWidth ? clientX - tooltipWidth - offset : clientX + offset,
-        top: isOverHeight ? clientY - tooltipHeight - offset : clientY + offset,
-        ...restOverlayInnerStyle
-      },
-      ...restProps
-    },
-    /* @__PURE__ */ import_react.default.createElement("div", { ref }, typeof title === "function" ? title() : title)
-  ));
+          color: textColor || ((_a = token.Tooltip) == null ? void 0 : _a.colorTextLightSolid) || token.colorTextLightSolid,
+          backgroundColor: (
+            // @ts-ignore
+            backgroundColor || ((_b = token.Tooltip) == null ? void 0 : _b.colorBgSpotlight) || token.colorBgSpotlight
+          ),
+          left: isOverWidth ? clientX - tooltipWidth - offset : clientX + offset,
+          top: isOverHeight ? clientY - tooltipHeight - offset : clientY + offset,
+          ...restOverlayInnerStyle
+        },
+        ...restProps,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, children: typeof title === "function" ? title() : title })
+      }
+    )
+  ] });
 };
 if (process.env.NODE_ENV !== "production") {
   MouseTooltip.displayName = "MouseTooltip";

package/lib/tooltip/ReactStickyMouseTooltip.js

@@ -33,6 +33,7 @@ __export(ReactStickyMouseTooltip_exports, {
 });
 module.exports = __toCommonJS(ReactStickyMouseTooltip_exports);
 var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var ReactStickyMouseTooltip = class extends import_react.default.PureComponent {
   constructor() {
     super(...arguments);
@@ -76,7 +77,7 @@ var ReactStickyMouseTooltip = class extends import_react.default.PureComponent {
     this.removeListener();
   }
   render() {
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "div",
       {
         className: this.props.className,
@@ -86,9 +87,9 @@ var ReactStickyMouseTooltip = class extends import_react.default.PureComponent {
           top: this.state.yPosition + this.props.offsetY,
           left: this.state.xPosition + this.props.offsetX,
           ...this.props.style
-        }
-      },
-      this.props.children
+        },
+        children: this.props.children
+      }
     );
   }
 };

package/lib/tooltip/index.js

@@ -42,6 +42,7 @@ 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 import_jsx_runtime = require("react/jsx-runtime");
 var Tooltip = import_react.default.forwardRef(
   ({
     children,
@@ -65,9 +66,9 @@ var Tooltip = import_react.default.forwardRef(
     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 [wrapCSSVar] = (0, import_style.default)(prefixCls);
     const tooltipCls = (0, import_classnames.default)(className);
-    const mouseTooltipCls = (0, import_classnames.default)(prefixCls, className, hashId);
+    const mouseTooltipCls = (0, import_classnames.default)(prefixCls, className);
     const [innerOpen, setInnerOpen] = (0, import_react.useState)(open ?? visible ?? defaultOpen ?? defaultVisible);
     const noTitle = !title && !overlay && title !== 0;
     const newOpen = open ?? visible ?? (noTitle ? false : innerOpen);
@@ -79,13 +80,16 @@ var Tooltip = import_react.default.forwardRef(
       }
       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 closeIconNode = closeIcon ? closeIcon === true ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CloseOutlined, { className: `${prefixCls}-close-icon`, onClick: handleCloseClick }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `${prefixCls}-close-icon`, onClick: handleCloseClick, children: 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 newTitle = closeIcon ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Space, { className: `${prefixCls}-close-icon-wrap`, children: [
+      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(
+    return wrapCSSVar(
+      mouseFollow ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_MouseTooltip.default,
         {
           title,
@@ -96,10 +100,10 @@ var Tooltip = import_react.default.forwardRef(
           },
           className: mouseTooltipCls,
           overlay,
-          ...restProps
-        },
-        children
-      ) : /* @__PURE__ */ import_react.default.createElement(
+          ...restProps,
+          children
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_antd.Tooltip,
         {
           ref,
@@ -118,9 +122,9 @@ var Tooltip = import_react.default.forwardRef(
           },
           className: tooltipCls,
           overlay,
-          ...restProps
-        },
-        children
+          ...restProps,
+          children
+        }
       )
     );
   }

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

@@ -1,9 +1,6 @@
 /// <reference types="react" />
-import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+import type { FullToken, GenerateStyle } from '../../theme/interface';
 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;
-};
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, string, string];
 export default _default;

package/lib/tooltip/style/index.js

@@ -49,19 +49,16 @@ var genTooltipStyle = (token) => {
     }
   };
 };
-var style_default = (prefixCls) => {
-  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)(
-    "Tooltip",
-    (token) => {
-      return [genTooltipStyle(token)];
-    },
-    ({ zIndexPopupBase, colorBgSpotlight }) => ({
-      zIndexPopup: zIndexPopupBase + 70,
-      colorBgDefault: colorBgSpotlight
-    })
-  );
-  return useStyle(prefixCls);
-};
+var style_default = (0, import_genComponentStyleHook.genStyleHooks)(
+  "Tooltip",
+  (token) => {
+    return [genTooltipStyle(token)];
+  },
+  ({ zIndexPopupBase, colorBgSpotlight }) => ({
+    zIndexPopup: zIndexPopupBase + 70,
+    colorBgDefault: colorBgSpotlight
+  })
+);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   genTooltipStyle