opt: opt overlay trigger event display

Author: liihuu

src/Event.ts

@@ -193,9 +193,11 @@ export default class Event implements EventHandler {
           const consumed = widget.dispatchEvent('mouseMoveEvent', event)
           const chartStore = this._chart.getChartStore()
           let crosshair: Crosshair | undefined = { x: event.x, y: event.y, paneId: pane?.getId() }
-          if (consumed && chartStore.getActiveTooltipIcon() !== null) {
+          if (consumed && !chartStore.isOverlayDrawing()) {
             crosshair = undefined
             widget.getContainer().style.cursor = 'pointer'
+          } else {
+            widget.getContainer().style.cursor = 'crosshair'
           }
           this._chart.getChartStore().setCrosshair(crosshair)
           return consumed
@@ -226,11 +228,14 @@ export default class Event implements EventHandler {
       const name = widget.getName()
       switch (name) {
         case WidgetNameConstants.MAIN: {
+          // eslint-disable-next-line @typescript-eslint/init-declarations -- ignore
+          let crosshair: Crosshair | undefined
           const consumed = widget.dispatchEvent('pressedMouseMoveEvent', event)
           if (!consumed) {
+            crosshair = { x: event.x, y: event.y, paneId: pane?.getId() }
             this._processMainScrollingEvent(widget as Widget<DrawPane<YAxis>>, event)
           }
-          this._chart.getChartStore().setCrosshair({ x: event.x, y: event.y, paneId: pane?.getId() })
+          this._chart.getChartStore().setCrosshair(crosshair, { forceInvalidate: true })
           return consumed
         }
         case WidgetNameConstants.X_AXIS: {

src/Store.ts

@@ -901,9 +901,9 @@ export default class StoreImp implements Store {
 
   setCrosshair (
     crosshair?: Crosshair,
-    options?: { notInvalidate?: boolean, notExecuteAction?: boolean }
+    options?: { notInvalidate?: boolean, notExecuteAction?: boolean, forceInvalidate?: boolean }
   ): void {
-    const { notInvalidate, notExecuteAction } = options ?? {}
+    const { notInvalidate, notExecuteAction, forceInvalidate } = options ?? {}
     const cr = crosshair ?? {}
     let realDataIndex = 0
     let dataIndex = 0
@@ -925,7 +925,10 @@ export default class StoreImp implements Store {
     const prevCrosshair = { x: this._crosshair.x, y: this._crosshair.y, paneId: this._crosshair.paneId }
     this._crosshair = { ...cr, realX, kLineData, realDataIndex, dataIndex, timestamp: this.dataIndexToTimestamp(realDataIndex) ?? undefined }
     if (
-      prevCrosshair.x !== cr.x || prevCrosshair.y !== cr.y || prevCrosshair.paneId !== cr.paneId
+      prevCrosshair.x !== cr.x ||
+      prevCrosshair.y !== cr.y ||
+      prevCrosshair.paneId !== cr.paneId ||
+      (forceInvalidate ?? false)
     ) {
       if (isValid(kLineData) && !(notExecuteAction ?? false)) {
         this._chart.crosshairChange(this._crosshair)

src/view/OverlayView.ts

@@ -215,7 +215,7 @@ export default class OverlayView<C extends Axis = YAxis> extends View<C> {
       pane.getChart().getChartStore().setHoverOverlayInfo(
         { paneId: pane.getId(), overlay, figureType, figure, figureIndex }, event
       )
-      return true
+      return checkOverlayFigureEvent('onMouseEnter', figure)
     }
   }
 
@@ -238,7 +238,7 @@ export default class OverlayView<C extends Axis = YAxis> extends View<C> {
       const pane = this.getWidget().getPane()
       const paneId = pane.getId()
       pane.getChart().getChartStore().setClickOverlayInfo({ paneId, overlay, figureType, figureIndex, figure }, event)
-      return true
+      return checkOverlayFigureEvent('onClick', figure)
     }
   }