diff --git a/packages/g6-extension-react/__tests__/demos/performance-diagnosis.tsx b/packages/g6-extension-react/__tests__/demos/performance-diagnosis.tsx index 17286ea67be..ef32476cdb5 100644 --- 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) { 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 index 6daf23c292d..671f9e51732 100644 --- 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 { 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 index 4cf828bddf3..bf585908b70 100644 --- 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') {