feat: trigger hover after scroll

packages/s2-core/__tests__/spreadsheet/scroll-spec.ts

@@ -390,6 +390,56 @@ describe('Scroll Tests', () => {
     },
   );
 
+  // https://github.com/antvis/S2/issues/2222
+  test.each([
+    {
+      type: 'horizontal',
+      offset: {
+        scrollX: 20,
+        scrollY: 0,
+      },
+    },
+    {
+      type: 'vertical',
+      offset: {
+        scrollX: 0,
+        scrollY: 20,
+      },
+    },
+  ])(
+    'should trigger hover cells when hover cells after scroll by %o',
+    async ({ offset }) => {
+      s2.facet.cornerBBox.maxY = -9999;
+      s2.facet.panelBBox.minX = -9999;
+      s2.facet.panelBBox.minY = -9999;
+
+      const bbox = s2.getCanvasElement().getBoundingClientRect();
+      const mousemoveEvent = new MouseEvent('mousemove', {
+        clientX: bbox.left + 100,
+        clientY: bbox.top + 100,
+      });
+
+      canvas.dispatchEvent(mousemoveEvent);
+
+      s2.container.emit = jest.fn();
+
+      const wheelEvent = new WheelEvent('wheel', {
+        deltaX: offset.scrollX,
+        deltaY: offset.scrollY,
+      });
+
+      canvas.dispatchEvent(wheelEvent);
+
+      // wait requestAnimationFrame and debounce
+      await sleep(1000);
+
+      expect(s2.container.emit).toHaveBeenCalledWith(
+        OriginEventType.MOUSE_MOVE,
+        expect.any(Object),
+      );
+    },
+  );
+
   test('should not trigger scroll event on passive renders', () => {
     const sheet = new PivotSheet(getContainer(), mockDataConfig, {
       ...s2Options,

packages/s2-core/src/facet/base-facet.ts

@@ -23,6 +23,7 @@ import {
   KEY_GROUP_CORNER_RESIZE_AREA,
   KEY_GROUP_ROW_INDEX_RESIZE_AREA,
   KEY_GROUP_ROW_RESIZE_AREA,
+  OriginEventType,
   S2Event,
   ScrollbarPositionType,
 } from '../common/constant';
@@ -1346,10 +1347,26 @@ export abstract class BaseFacet {
   }
 
   protected onAfterScroll = debounce(() => {
-    const { interaction } = this.spreadsheet;
+    const { interaction, container } = this.spreadsheet;
     // 如果是选中单元格状态, 则继续保留 hover 拦截, 避免滚动后 hover 清空已选单元格
     if (!interaction.isSelectedState()) {
-      this.spreadsheet.interaction.removeIntercepts([InterceptType.HOVER]);
+      interaction.removeIntercepts([InterceptType.HOVER]);
+
+      // https://github.com/antvis/S2/issues/2222
+      const canvasMousemoveEvent =
+        interaction.eventController.canvasMousemoveEvent;
+      if (canvasMousemoveEvent) {
+        const { x, y } = canvasMousemoveEvent;
+        const shape = container.getShape(x, y);
+        if (shape) {
+          container.emit(OriginEventType.MOUSE_MOVE, {
+            ...canvasMousemoveEvent,
+            shape,
+            target: shape,
+            timestamp: performance.now(),
+          });
+        }
+      }
     }
   }, 300);
 

packages/s2-core/src/interaction/event-controller.ts

@@ -18,7 +18,7 @@ import {
 import type { EmitterType, ResizeInfo } from '../common/interface';
 import type { SpreadSheet } from '../sheet-type';
 import { getSelectedData, keyEqualTo } from '../utils/export/copy';
-import { getTooltipOptions, verifyTheElementInTooltip } from '../utils/tooltip';
+import { verifyTheElementInTooltip } from '../utils/tooltip';
 
 interface EventListener {
   target: EventTarget;
@@ -51,6 +51,8 @@ export class EventController {
 
   public isCanvasEffect = false;
 
+  public canvasMousemoveEvent: CanvasEvent;
+
   constructor(spreadsheet: SpreadSheet) {
     this.spreadsheet = spreadsheet;
     this.bindEvents();
@@ -333,6 +335,8 @@ export class EventController {
   };
 
   private onCanvasMousemove = (event: CanvasEvent) => {
+    this.canvasMousemoveEvent = event;
+
     if (this.isResizeArea(event)) {
       this.activeResizeArea(event);
       this.spreadsheet.emit(S2Event.LAYOUT_RESIZE_MOUSE_MOVE, event);