Naar inhoud

pivotick v3.0.0


draaipunt / GraphUI / ExtraPanel

Interface: ExtraPanel ​

Gedefinieerd in: interfaces/GraphUI.ts:993

Extra paneel in de zijbalk van de grafische gebruikersinterface.

Zowel title als render kunnen zijn:

  • Een tekenreeks of HTMLElement voor statische inhoud, of
  • Een functie van de huidige selectie (een Node, een Edge, een array van beide voor een meervoudige selectie, of null als er niets is geselecteerd) — opnieuw aangeroepen op elke selectiewijziging tenzij ExtraPanel.reactive false is.

Meld panelen vooraf aan via UI.extraPanels, of registreer ze op elk gewenst moment de levensduur van de grafiek met graph.UIManager.addPanel() (wat een ontdoener retourneert).

Voorbeeld ​

ts
{
    id: 'description',
    title: 'Description',
    render: (element): HTMLElement => {
        const node = element instanceof Node ? element : null
        const div = document.createElement('div')
        div.textContent = node?.getData().description ?? 'Empty node description'
        return div
    },
}

Verlengd door ​

Eigenschappen ​

alwaysVisible? ​

optional alwaysVisible: boolean

Gedefinieerd in: interfaces/GraphUI.ts:1011

moet het paneel altijd zichtbaar zijn

Standaard ​

ts
false

id? ​

optional id: string

Gedefinieerd in: interfaces/GraphUI.ts:998

Stabiele identificatie, gebruikt om het paneel aan te spreken in removePanel / refreshPanel. Automatisch gegenereerd wanneer weggelaten.


order? ​

optional order: number

Gedefinieerd in: interfaces/GraphUI.ts:1018

Weergavevolgorde in de zijbalk, oplopend. Panelen die een order delen, blijven behouden hun registratievolgorde, dus UI.extraPanels leest van boven naar beneden en runtime-panelen worden erna toegevoegd.

Standaard ​

ts
0

reactive? ​

optional reactive: boolean

Gedefinieerd in: interfaces/GraphUI.ts:1026

Los title en render opnieuw op wanneer de selectie verandert. Instellen false voor een paneel dat duur is om te bouwen en de selectie: het wordt dan één keer weergegeven, en alleen een expliciete refreshPanel() bouwt het opnieuw op.

Standaard ​

ts
true

render ​

render: ExtraPanelContent

Gedefinieerd in: interfaces/GraphUI.ts:1006

Een string wordt weergegeven als platte tekst; geef een HTMLElement door om HTML weer te geven.


title? ​

optional title: ExtraPanelContent

Gedefinieerd in: interfaces/GraphUI.ts:1004

De koprij van het paneel. Een string wordt weergegeven als platte tekst; passeren een HTMLElement om HTML weer te geven. Laat het weg (of kies voor blanco) voor een paneel zonder kop helemaal.