Interface: InterractionCallbacks<TElement>

Retouren

boolean

onBadgeClick()?

optional onBadgeClick: (event, node, badge, element) => void

Gedefinieerd in: interfaces/InterractionCallbacks.ts:69

Wordt aangeroepen wanneer op een van de randbadges van een knooppunt wordt geklikt, na die van die badge onClick. Gebruik het voor gedrag dat elke badge deelt; gebruik NodeBadge.onClick voor de eigen actie van één badge.

Als u dit aangeeft, neemt elke badge de muisaanwijzer en verbruikt hij de klik, dus het onderliggende knooppunt is niet ook geselecteerd.

Parameters

event

PointerEvent

node

badge

NodeBadge

element

TElement

Retouren

void

onBeforeDelete()?

optional onBeforeDelete: (context) => DeleteDecision | Promise<DeleteDecision>

Gedefinieerd in: interfaces/InterractionCallbacks.ts:277

Wordt aangeroepen wanneer de gebruiker vraagt om grafiekelementen te verwijderen, before alles is verwijderd. De bibliotheek lost eerst de hele doelset op, inclusief de randen dat het verwijderen van een knooppunt met zich mee zou brengen (DeleteContext.cascadingEdges) — zodat een consument de volledige tijd kan volhouden consequentie van het gebaar zonder de cascade opnieuw af te leiden.

Zet false / { accept: false } terug naar veto: er wordt niets verwijderd, nee nodeRemove/edgeRemove/noteRemove wordt geactiveerd en de selectie blijft intact.
Retourneer true om precies te verwijderen wat er is gevraagd.
Zet { accept: true, nodes?, edges?, notes? } terug naar narrow de verwijdering naar een subset - b.v. bewaar alleen wat de backend daadwerkelijk heeft verwijderd. Een weggelaten sleutel betekent "zoals gevraagd", dus { accept: true } is gelijk aan true; passeren een lege array om dat soort volledig te sparen. Elementen die geen deel uitmaakten van de verzoek worden genegeerd.

Kan asynchroon zijn (de verwijdering voortzetten en vervolgens beslissen) - een tweede verwijderingsgebaar is dat wel genegeerd terwijl een beslissing in behandeling is. DeleteContext.confirm opent een bevestigingsmodaliteit, zodat consumenten er geen opnieuw kunnen opbouwen.

Alleen door de gebruiker geïnitieerde verwijderingen zijn beveiligd: programmatisch graph.removeNode() / graph.removeEdge() / noteManager.removeNote() roep deze hook nooit aan, dus De consumentencode die het model aanstuurt, wordt niet geblokkeerd door de eigen poort van de consument.

Parameters

context

DeleteContext

Retouren

DeleteDecision | Promise<DeleteDecision>

onBeforeEdgeCreate()?

optional onBeforeEdgeCreate: (context) => EdgeCreateDecision | Promise<EdgeCreateDecision>

Gedefinieerd in: interfaces/InterractionCallbacks.ts:241

Wordt aangeroepen tijdens een verbindingsgebaar, nadat het doelknooppunt is opgelost maar voor wordt de rand (of notitielink) gemaakt. Fungeert als het randequivalent van onBeforeNodeEditCommit: een validatie-/verrijkings-/vetohaak.

Zet false / { accept: false } terug naar veto: het voorbeeld wordt verwijderd, er wordt niets toegevoegd en de verbindingsmodus blijft ingeschakeld, zodat de gebruiker het opnieuw kan proberen.
Retourneer true om te accepteren met standaardwaarden.
Retourneer { accept: true, data?, style?, id?, directed? } om en te accepteren geef de payload/style/id/direction van de nieuwe rand op.

Kan asynchroon zijn (bijv. doorgaan naar een backend alvorens een beslissing te nemen); de schaduwrand preview blijft bestaan totdat de belofte wordt waargemaakt, en er is geen nieuw connect-gebaar aanvaard zolang deze in behandeling is. Brandt voor zowel klikken als slepen om verbinding te maken. Wordt ook geactiveerd voor notitie → knooppuntkoppelingen (EdgeCreateContext.kind 'note-link'), waarbij de randspecifieke velden van de beslissing worden genegeerd.

Parameters

context

EdgeCreateContext

Retouren

EdgeCreateDecision | Promise<EdgeCreateDecision>

of de verbinding tot stand moet worden gebracht, eventueel met de bijbehorende gegevens.

onBeforeEdgeEditCommit()?

optional onBeforeEdgeEditCommit: (context) => boolean | Promise<boolean>

Gedefinieerd in: interfaces/InterractionCallbacks.ts:320

Wordt aangeroepen wanneer een edge-bewerkingssessie op het punt staat te worden vastgelegd. Fungeert als een validatie / volharding / vetohaak, spiegelen onBeforeNodeEditCommit: return false (of een belofte ervan) om te weigeren, waarbij de gegevens van de rand achterblijven onaangeroerd en het modale open. Bij succes worden de gegevens van de rand vervangen en edgeChange wordt geactiveerd op de databus.

Parameters

context

EdgeEditCommitContext

Retouren

boolean | Promise<boolean>

of de verbintenis moet doorgaan

onBeforeIngest()?

optional onBeforeIngest: (context) => IngestDecision | Promise<IngestDecision>

Gedefinieerd in: interfaces/InterractionCallbacks.ts:300

Eén keer gebeld, met de hele kandidaat ingesteld, net voordat een draaipunt het opneemt - de enige poort op de innamepijpleiding.

Keer false / { accept: false } terug naar veto: er landt niets en de run rapporteert 'vetoed'.
Geef true terug om precies op te nemen wat er is gekozen.
Retourneer { accept: true, nodes?, edges? } naar narrow de opname naar een subset - bijv. alleen wat de backend bevestigde. Een weggelaten sleutel betekent 'als' aangevraagd", dus { accept: true } is gelijk aan true; passeer een lege klaar om niets van dat soort te landen.

Eén keer per ingest gebeld met de gehele batch, nooit per kandidaat: een pivot die 1.800 correlaties vond, mag niet veranderen in 1.800 hook-calls, en de schrijfpadhaken per gebaar (onBeforeEdgeCreate, onBeforeDelete) gaan bewust over gebruikersgebaren in plaats van over een programmatische samenvoeging. Het poorten autoIngest draait ook, wat hen onder controle houdt.

Kan asynchroon zijn (aanhouden en dan beslissen). IngestContext.confirm opent het gedeeld bevestigingsmodaal.

Parameters

context

IngestContext

Retouren

IngestDecision | Promise<IngestDecision>

onBeforeNodeCreate()?

optional onBeforeNodeCreate: (context) => NodeCreateDecision | Promise<NodeCreateDecision>

Gedefinieerd in: interfaces/InterractionCallbacks.ts:342

Wordt aangeroepen wanneer de gebruiker interactief een knooppunt maakt (Maken ▸ Knooppunt toevoegen, of de canvascontextmenu's "Add Node Here"), zodra de positie van de grafiekruimte bekend is en voordat het knooppunt wordt toegevoegd. Spiegels onBeforeEdgeCreate:

Zet false / { accept: false } terug naar veto — er wordt niets toegevoegd.
Retourneer true om het standaardknooppunt van de bibliotheek te accepteren.
Retourneer { accept: true, id?, data?, style? } om het nieuwe te accepteren en te leveren node's id/payload/stijl.

Kan asynchroon zijn en NodeCreateContext.promptData opent hetzelfde declaratieve vorm of custom-HTML modaal die de edge hook gebruikt. Bij afwezigheid van deze haak de tool werkt nog steeds - het creëert gewoon een standaard, naamloos knooppunt. Programmatisch graph.addNode() is nooit afgesloten.

Parameters

context

NodeCreateContext

Retouren

NodeCreateDecision | Promise<NodeCreateDecision>

onBeforeNodeEditCommit()?

optional onBeforeNodeEditCommit: (context) => boolean | Promise<boolean>

Gedefinieerd in: interfaces/InterractionCallbacks.ts:216

Wordt aangeroepen wanneer een knooppuntbewerkingssessie op het punt staat te worden vastgelegd. Fungeert als een validatie / volharding / vetohaak: retourneer false (of een belofte ervan) naar weigeren, waardoor de gegevens van het knooppunt onaangeroerd blijven en het modale open blijft. Bij succes de de gegevens van het knooppunt worden vervangen en nodeChange wordt geactiveerd op de databus.

Parameters

context

NodeEditCommitContext

Retouren

boolean | Promise<boolean>

Booleaanse waarde die aangeeft of de commit moet doorgaan of niet

onCanvasBeforeZoom()?

optional onCanvasBeforeZoom: (event) => void

Gedefinieerd in: interfaces/InterractionCallbacks.ts:176

Wordt opgeroepen als het canvas op het punt staat te worden ingezoomd.

Parameters

event

unknown

Retouren

void

onCanvasClick()?

optional onCanvasClick: (event) => void

Gedefinieerd in: interfaces/InterractionCallbacks.ts:162

Wordt opgeroepen wanneer op het canvas wordt geklikt.

Parameters

event

PointerEvent

Retouren

void

onCanvasContextmenu()?

optional onCanvasContextmenu: (event) => void

Gedefinieerd in: interfaces/InterractionCallbacks.ts:186

Wordt opgeroepen wanneer er met de rechtermuisknop op het canvas wordt geklikt.

Parameters

event

PointerEvent

Retouren

void

onCanvasMousemove()?

optional onCanvasMousemove: (event) => void

Gedefinieerd in: interfaces/InterractionCallbacks.ts:191

Wordt opgeroepen wanneer de muis over het canvas beweegt.

Parameters

event

MouseEvent

Retouren

void

onCanvasPointerDown()?

optional onCanvasPointerDown: (event) => void

Gedefinieerd in: interfaces/InterractionCallbacks.ts:167

Wordt aangeroepen wanneer een gebruiker op het canvas naar beneden wijst.

Parameters

event

PointerEvent

Retouren

void

onCanvasPointerUp()?

optional onCanvasPointerUp: (event) => void

Gedefinieerd in: interfaces/InterractionCallbacks.ts:171

Wordt aangeroepen wanneer een gebruiker naar het canvas wijst.

Parameters

event

PointerEvent

Retouren

void

onCanvasZoom()?

optional onCanvasZoom: (event) => void

Gedefinieerd in: interfaces/InterractionCallbacks.ts:181

Wordt opgeroepen wanneer op het canvas wordt ingezoomd.

Parameters

event

unknown

Retouren

void

onEdgeBlur()?

optional onEdgeBlur: (edge, element) => void

Gedefinieerd in: interfaces/InterractionCallbacks.ts:102

Wordt aangeroepen wanneer een rand door de gebruiker wordt gedeselecteerd.

Parameters

edge

element

TElement

Retouren

void

onEdgeClick()?

optional onEdgeClick: (event, edge, element) => void

Gedefinieerd in: interfaces/InterractionCallbacks.ts:84

Wordt opgeroepen wanneer een rand door de gebruiker wordt geselecteerd.

Parameters

event

PointerEvent

edge

element

TElement

Retouren

void

onEdgeContextmenu()?

optional onEdgeContextmenu: (event, edge, element) => void

Gedefinieerd in: interfaces/InterractionCallbacks.ts:92

Wordt opgeroepen wanneer er met de rechtermuisknop op een rand wordt geklikt.

Parameters

event

PointerEvent

edge

element

TElement

Retouren

void

onEdgeDbclick()?

optional onEdgeDbclick: (event, edge, element) => void

Gedefinieerd in: interfaces/InterractionCallbacks.ts:88

Wordt opgeroepen wanneer een rand door de gebruiker wordt geselecteerd.

Parameters

event

PointerEvent

edge

element

TElement

Retouren

void

onEdgeEdit()?

optional onEdgeEdit: (session) => HTMLDivElement

Gedefinieerd in: interfaces/InterractionCallbacks.ts:310

Wordt aangeroepen wanneer een edge-bewerkingssessie start. Fungeert als een UI-haak, spiegeling onNodeEdit: retourneer de hoofdtekst om in het bewerkingsmodal te injecteren. Een gewoonte instantie is eigenaar van het concept — muteer session.draft (of noem session.setDraft) als de gebruiker typt, omdat de bibliotheek geen formulier heeft om te lezen bij het indienen.

Parameters

session

EdgeEditSession

De edge-bewerkingssessie

Retouren

HTMLDivElement

Een HTML Div die in het lichaam van de modaal wordt geïnjecteerd

onEdgeEditCancel()?

optional onEdgeEditCancel: (edge) => void

Gedefinieerd in: interfaces/InterractionCallbacks.ts:325

Wordt aangeroepen wanneer een edge-bewerkingssessie wordt geannuleerd.

Parameters

edge

Retouren

void

onEdgeHoverIn()?

optional onEdgeHoverIn: (event, edge, element) => void

Gedefinieerd in: interfaces/InterractionCallbacks.ts:107

Wordt opgeroepen wanneer een gebruiker over een rand zweeft.

Parameters

event

PointerEvent

edge

element

TElement

Retouren

void

onEdgeHoverOut()?

optional onEdgeHoverOut: (event, edge, element) => void

Gedefinieerd in: interfaces/InterractionCallbacks.ts:111

Wordt opgeroepen wanneer een gebruiker over een rand zweeft.

Parameters

event

PointerEvent

edge

element

TElement

Retouren

void

onEdgeSelect()?

optional onEdgeSelect: (edge, element) => void

Gedefinieerd in: interfaces/InterractionCallbacks.ts:97

Wordt opgeroepen wanneer een rand door de gebruiker wordt geselecteerd.

Parameters

edge

element

TElement

Retouren

void

onNodeBlur()?

optional onNodeBlur: (node, element) => void

Gedefinieerd in: interfaces/InterractionCallbacks.ts:59

Wordt aangeroepen wanneer een knooppunt door de gebruiker wordt gedeselecteerd.

Parameters

node

element

TElement

Retouren

void

onNodeClick()?

optional onNodeClick: (event, node, element) => void

Gedefinieerd in: interfaces/InterractionCallbacks.ts:16

Wordt aangeroepen wanneer op een knooppunt wordt geklikt.

Parameters

event

PointerEvent

node

element

TElement

Retouren

void

onNodeContextmenu()?

optional onNodeContextmenu: (event, node, element) => void

Gedefinieerd in: interfaces/InterractionCallbacks.ts:26

Wordt aangeroepen wanneer er met de rechtermuisknop op een knooppunt wordt geklikt.

Parameters

event

PointerEvent

node

element

TElement

Retouren

void

onNodeDbclick()?

optional onNodeDbclick: (event, node, element) => void

Gedefinieerd in: interfaces/InterractionCallbacks.ts:21

Wordt aangeroepen wanneer op een knooppunt wordt dubbelgeklikt.

Parameters

event

PointerEvent

node

element

TElement

Retouren

void

onNodeDragended()?

optional onNodeDragended: (event, node) => void

Gedefinieerd in: interfaces/InterractionCallbacks.ts:79

Wordt aangeroepen wanneer het slepen van een knooppunt eindigt.

Parameters

event

MouseEvent

node

Retouren

void

onNodeDragging()?

optional onNodeDragging: (event, node) => void

Gedefinieerd in: interfaces/InterractionCallbacks.ts:74

Wordt aangeroepen wanneer een knooppunt wordt gesleept.

Parameters

event

MouseEvent

node

Retouren

void

onNodeEdit()?

optional onNodeEdit: (session) => HTMLDivElement

Gedefinieerd in: interfaces/InterractionCallbacks.ts:208

Wordt aangeroepen wanneer een knooppuntbewerkingssessie start. Fungeren als een UI-hook.

Parameters

session

NodeEditSession

De knooppuntbewerkingssessie

Retouren

HTMLDivElement

Een HTML Div die in het lichaam van de modaal wordt geïnjecteerd

onNodeEditCancel()?

optional onNodeEditCancel: (node) => void

Gedefinieerd in: interfaces/InterractionCallbacks.ts:220

Wordt aangeroepen wanneer een knooppuntbewerkingssessie wordt geannuleerd

Parameters

node

Retouren

void

onNodeHoverIn()?

optional onNodeHoverIn: (event, node, element) => void

Gedefinieerd in: interfaces/InterractionCallbacks.ts:31

Wordt aangeroepen wanneer een gebruiker over een knooppunt zweeft.

Parameters

event

PointerEvent

node

element

TElement

Retouren

void

onNodeHoverOut()?

optional onNodeHoverOut: (event, node, element) => void

Gedefinieerd in: interfaces/InterractionCallbacks.ts:35

Wordt aangeroepen wanneer een gebruiker buiten een knooppunt zweeft.

Parameters

event

PointerEvent

node

element

TElement

Retouren

void

onNodePointerDown()?

optional onNodePointerDown: (event, node, element) => void

Gedefinieerd in: interfaces/InterractionCallbacks.ts:40

Wordt aangeroepen wanneer een gebruiker een knooppunt naar beneden wijst.

Parameters

event

PointerEvent

node

element

TElement

Retouren

void

onNodePointerUp()?

optional onNodePointerUp: (event, node, element) => void

Gedefinieerd in: interfaces/InterractionCallbacks.ts:44

Wordt aangeroepen wanneer een gebruiker een knooppunt naar boven wijst.

Parameters

event

PointerEvent

node

element

TElement

Retouren

void

onNodeSelect()?

optional onNodeSelect: (node, element) => void

Gedefinieerd in: interfaces/InterractionCallbacks.ts:49

Wordt aangeroepen wanneer een knooppunt door de gebruiker wordt geselecteerd.

Parameters

node

element

TElement

Retouren

void

onNodesSelect()?

optional onNodesSelect: (selection) => void

Gedefinieerd in: interfaces/InterractionCallbacks.ts:54

Wordt aangeroepen wanneer knooppunten door de gebruiker worden geselecteerd.

Parameters

selection

NodeSelection<TElement>[]

Retouren

void

onNoteClick()?

optional onNoteClick: (event, note, element) => void

Gedefinieerd in: interfaces/InterractionCallbacks.ts:116

Wordt gebeld wanneer op een notitie wordt geklikt.

Parameters

event

PointerEvent

note

element

TElement

Retouren

void

onNoteContextmenu()?

optional onNoteContextmenu: (event, note, element) => void

Gedefinieerd in: interfaces/InterractionCallbacks.ts:126

Wordt opgeroepen wanneer er met de rechtermuisknop op een notitie wordt geklikt.

Parameters

event

PointerEvent

note

element

TElement

Retouren

void

onNoteDbclick()?

optional onNoteDbclick: (event, note, element) => void

Gedefinieerd in: interfaces/InterractionCallbacks.ts:121

Wordt opgeroepen wanneer er op een notitie wordt dubbelgeklikt.

Parameters

event

PointerEvent

note

element

TElement

Retouren

void

onNoteDragging()?

optional onNoteDragging: (event, note) => void

Gedefinieerd in: interfaces/InterractionCallbacks.ts:157

Wordt aangeroepen wanneer een gebruiker een knooppunt naar boven wijst.

Parameters

event

PointerEvent

note

Retouren

void

onNoteHandleClick()?

optional onNoteHandleClick: (event, note, handle) => void

Gedefinieerd in: interfaces/InterractionCallbacks.ts:149

Wordt aangeroepen wanneer een gebruiker een knooppunt naar beneden wijst.

Parameters

event

PointerEvent

note

handle

HTMLElement

Retouren

void

onNoteHandlePointerDown()?

optional onNoteHandlePointerDown: (event, note, handle) => void

Gedefinieerd in: interfaces/InterractionCallbacks.ts:153

Wordt aangeroepen wanneer een gebruiker een knooppunt naar boven wijst.

Parameters

event

PointerEvent

note

handle

HTMLElement

Retouren

void

onNoteHoverIn()?

optional onNoteHoverIn: (event, note, element) => void

Gedefinieerd in: interfaces/InterractionCallbacks.ts:131

Wordt opgeroepen wanneer een gebruiker over een notitie beweegt.

Parameters

event

PointerEvent

note

element

TElement

Retouren

void

onNoteHoverOut()?

optional onNoteHoverOut: (event, note, element) => void

Gedefinieerd in: interfaces/InterractionCallbacks.ts:135

Wordt opgeroepen wanneer een gebruiker buiten een notitie zweeft.

Parameters

event

PointerEvent

note

element

TElement

Retouren

void

onNotePointerDown()?

optional onNotePointerDown: (event, note, element) => void

Gedefinieerd in: interfaces/InterractionCallbacks.ts:140

Wordt aangeroepen wanneer een gebruiker een knooppunt naar beneden wijst.

Parameters

event

PointerEvent

note

element

TElement

Retouren

void

onNotePointerUp()?

optional onNotePointerUp: (event, note, element) => void

Gedefinieerd in: interfaces/InterractionCallbacks.ts:144

Wordt aangeroepen wanneer een gebruiker een knooppunt naar boven wijst.

Parameters

event

PointerEvent

note