Aller au contenu

pivotick v3.0.0


pivotick / GraphUI / PropertiesPanel

Interface: PropertiesPanel ​

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

Représente la configuration du panneau de propriétés dans la barre latérale de l'interface utilisateur du graphique.

Définit comment calculer et afficher les propriétés des nœuds et des arêtes.

Valeur par défaut ​

ts
All key/value pairs from node.getData() or edge.getData()

Propriétés ​

edgePropertiesMap() ​

edgePropertiesMap: (edge, ctx) => PropertyEntry[] | Promise<PropertyEntry[]>

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

Une fonction qui calcule la liste des propriétés de bord à afficher.

Peut-être async — renvoie une promesse des entrées et le panneau affiche un espace réservé jusqu'à ce qu'il soit résolu.

Paramètres ​

edge ​

Edge

ctx ​

RenderContext

Renvoie ​

PropertyEntry[] | Promise<PropertyEntry[]>

Valeur par défaut ​

ts
All key/value pairs from edge.getData()

enabled? ​

optional enabled: boolean

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

Si la barre latérale affiche un panneau de propriétés. false le supprime ainsi que son séparateur, laissant l'en-tête, le panneau des voisins et tous les panneaux supplémentaires.

Valeur par défaut ​

ts
true

nodePropertiesMap() ​

nodePropertiesMap: (node, ctx) => PropertyEntry[] | Promise<PropertyEntry[]>

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

Une fonction qui calcule la liste des propriétés de nœud à afficher.

Peut-être async — renvoie une promesse des entrées et le panneau affiche un espace réservé jusqu'à ce qu'il soit résolu.

Paramètres ​

node ​

Node

ctx ​

RenderContext

Renvoie ​

PropertyEntry[] | Promise<PropertyEntry[]>

Valeur par défaut ​

ts
All key/value pairs from node.getData()

render? ​

optional render: string | HTMLElement | (element, ctx) => FallbackRenderResult

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

Rendu personnalisé pour le panneau de propriétés. Ce contenu remplacera le panneau de propriétés par défaut de la barre latérale.

Valeur par défaut ​

ts
undefined

Exemples ​

ts
(element) => `element id: ${element.id}`
ts
// A custom view for a lone node, the aggregated table for everything else.
(element) => (element instanceof Node) ? viewFor(element) : undefined

Remarques ​

Un string renvoyé s'affiche sous forme de texte brut ; renvoie un HTMLElement pour restituer HTML. Peut-être async : l'emplacement affiche un espace réservé jusqu'à ce qu'il soit résolu, et un résultat arrivant après la sélection déplacée est supprimé.

Renvoyez (ou résolvez) undefined pour rendre la sélection au panneau par défaut : les lignes nodePropertiesMap / edgePropertiesMap pour un élément, le tableau agrégé pour plusieurs. Retournez null pour ne rien dessiner.