fix: retrieve element type directly from pointerleave event (#6383)

* fix: retrieve element type directly from pointerleave event * fix: update
antvis · Oct 9, 2024 · e020c32 · e020c32
1 parent f35530d
commit e020c32
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 6 deletions.
diff --git a/packages/g6-extension-react/__tests__/demos/performance-diagnosis.tsx b/packages/g6-extension-react/__tests__/demos/performance-diagnosis.tsx
@@ -19,7 +19,7 @@ class HoverElement extends HoverActivate {
  protected getActiveIds(event: IPointerEvent<Element>) {
  const { model, graph } = this.context;
  const elementId = event.target.id;
- const elementType = graph.getElementType(elementId);
+ const { targetType: elementType } = event;
 
  const ids = [elementId];
  if (elementType === 'edge') {

diff --git a/packages/g6/src/behaviors/hover-activate.ts b/packages/g6/src/behaviors/hover-activate.ts
@@ -2,7 +2,7 @@ import { isFunction } from '@antv/util';
 import { CommonEvent } from '../constants';
 import { ELEMENT_TYPES } from '../constants/element';
 import type { RuntimeContext } from '../runtime/types';
-import type { EdgeDirection, Element, ID, IDragEvent, IPointerEvent, State } from '../types';
+import type { EdgeDirection, Element, ElementType, ID, IDragEvent, IPointerEvent, State } from '../types';
 import { isToBeDestroyed } from '../utils/element';
 import { idsOf } from '../utils/id';
 import { getElementNthDegreeIds } from '../utils/relation';
@@ -138,12 +138,11 @@ export class HoverActivate extends BaseBehavior<HoverActivateOptions> {
  const { graph } = this.context;
  const { degree, direction } = this.options;
  const elementId = event.target.id;
- const elementType = graph.getElementType(elementId);
 
  return degree
  ? getElementNthDegreeIds(
  graph,
- elementType,
+ event.targetType as ElementType,
  elementId,
  typeof degree === 'function' ? degree(event) : degree,
  direction,

diff --git a/packages/site/examples/scene-case/default/demo/performance-diagnosis-flowchart.js b/packages/site/examples/scene-case/default/demo/performance-diagnosis-flowchart.js
@@ -18,8 +18,8 @@ const COLOR_MAP = {
 class HoverElement extends HoverActivate {
  getActiveIds(event) {
  const { model, graph } = this.context;
- const targetId = event.target.id;
- const targetType = graph.getElementType(targetId);
+ const { targetType, target } = event;
+ const targetId = target.id;
 
  const ids = [targetId];
  if (targetType === 'edge') {