fix(core): can reset tooltip.renderTooltip in setOptions

packages/s2-core/__tests__/unit/sheet-type/pivot-sheet-spec.ts

@@ -455,6 +455,18 @@ describe('PivotSheet Tests', () => {
     expect(s2.options.showSeriesNumber).toBeTruthy();
   });
 
+  test('should init new tooltip', () => {
+    class CustomTooltip extends BaseTooltip {}
+
+    s2.setOptions({
+      tooltip: {
+        renderTooltip: (spreadsheet) => new CustomTooltip(spreadsheet),
+      },
+    });
+
+    expect(s2.tooltip).toBeInstanceOf(CustomTooltip);
+  });
+
   test('should render sheet', () => {
     const facetRenderSpy = jest
       .spyOn(s2, 'buildFacet' as any)
@@ -963,7 +975,10 @@ describe('PivotSheet Tests', () => {
     s2.store.set('test', 111);
 
     // restore mock...
-    (s2.tooltip.show as jest.Mock).mockRestore();
+    const tooltipShow = jest
+      .spyOn(s2.tooltip, 'show')
+      .mockImplementationOnce(() => {});
+    tooltipShow.mockRestore();
     s2.showTooltip({
       position: {
         x: 10,

packages/s2-core/src/sheet-type/spread-sheet.ts

@@ -381,6 +381,11 @@ export abstract class SpreadSheet extends EE {
     } else {
       this.options = customMerge(this.options, options);
     }
+
+    if (reset || options.tooltip?.renderTooltip) {
+      this.initTooltip();
+    }
+
     this.registerIcons();
   }
 

packages/s2-react/playground/index.tsx

@@ -17,6 +17,7 @@ import {
   type InteractionOptions,
   DEFAULT_STYLE,
   type InteractionCellSelectedHighlightType,
+  BaseTooltip,
 } from '@antv/s2';
 import type { Adaptive, SheetType } from '@antv/s2-shared';
 import corePkg from '@antv/s2/package.json';
@@ -69,6 +70,12 @@ import {
 import './index.less';
 import { ResizeConfig } from './resize';
 
+class ResetTooltip extends BaseTooltip {
+  renderContent() {
+    ReactDOM.render(<>Reset Tooltip</>, this.container);
+  }
+}
+
 const { TabPane } = Tabs;
 
 const fieldMap = {
@@ -449,6 +456,21 @@ function MainLayout() {
                 </Tooltip>
               </Space>
               <Space>
+                <Button
+                  size="small"
+                  onClick={() => {
+                    s2Ref.current?.setOptions({
+                      tooltip: {
+                        renderTooltip: (spreadsheet) =>
+                          new ResetTooltip(spreadsheet),
+                      },
+                    });
+                    s2Ref.current?.render();
+                  }}
+                  style={{ marginLeft: 20 }}
+                >
+                  自定义 Tooltip (s2.setOptions)
+                </Button>
                 <Popover
                   placement="bottomRight"
                   content={
@@ -471,9 +493,7 @@ function MainLayout() {
                     </>
                   }
                 >
-                  <Button size="small" style={{ marginLeft: 20 }}>
-                    主题色调整
-                  </Button>
+                  <Button size="small">主题色调整</Button>
                 </Popover>
                 <Button
                   danger