pivotick v3.0.0

---

pivotick / GraphUI / ExtraPanel

Interface: ExtraPanel

Défini dans : interfaces/GraphUI.ts:993

Panneau supplémentaire dans la barre latérale de l'interface utilisateur graphique.

title et render peuvent être :

• Une chaîne ou HTMLElement pour le contenu statique, ou
• Une fonction de la sélection actuelle (un Node, un Edge, un tableau de l'un ou l'autre pour une sélection multiple, ou null lorsque rien n'est sélectionné) — réinvoquée à chaque changement de sélection sauf si ExtraPanel.reactive est false.

Déclarez les panneaux à l'avance via UI.extraPanels, ou enregistrez-les à tout moment dans la vie du graphique avec graph.UIManager.addPanel() (qui renvoie un broyeur).

Exemple

{
    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
    },
}

Étendu par

• RegisteredExtraPanel

Propriétés

alwaysVisible?

optional alwaysVisible: boolean

Défini dans : interfaces/GraphUI.ts:1011

le panneau doit-il être toujours visible

Valeur par défaut

false

---

id?

optional id: string

Défini dans : interfaces/GraphUI.ts:998

Identifiant stable, utilisé pour adresser le panneau en removePanel / refreshPanel. Généré automatiquement en cas d'omission.

---

order?

optional order: number

Défini dans : interfaces/GraphUI.ts:1018

Ordre d'affichage dans la barre latérale, croissant. Les panneaux partageant un order conservent leur ordre d'enregistrement, donc UI.extraPanels se lit de haut en bas et les panneaux d'exécution s'ajoutent après eux.

Valeur par défaut

0

---

reactive?

optional reactive: boolean

Défini dans : interfaces/GraphUI.ts:1026

Résolvez à nouveau title et render chaque fois que la sélection change. Définissez false pour un panneau coûteux à construire et ne décrivant pas la sélection : il est ensuite rendu une fois, et seul un refreshPanel() explicite le reconstruit.

Valeur par défaut

true

---

render

render: ExtraPanelContent

Défini dans : interfaces/GraphUI.ts:1006

Un string s'affiche sous forme de texte brut ; passez un HTMLElement pour rendre HTML.

---

title?

optional title: ExtraPanelContent

Défini dans : interfaces/GraphUI.ts:1004

La ligne d'en-tête du panneau. Un string s'affiche sous forme de texte brut ; passez un HTMLElement pour rendre HTML. Omettez-le (ou décidez de le vider) pour un panneau sans en-tête du tout.