Ir al contenido

pivotick v3.0.0


pivotic / GraphUI / PropertiesPanel

Interfaz: PropertiesPanel ​

Definido en: interfaces/GraphUI.ts:843

Representa la configuración del panel de propiedades en la barra lateral de la interfaz de usuario del gráfico.

Define cómo calcular y mostrar propiedades para nodos y bordes.

Predeterminado ​

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

Propiedades ​

edgePropertiesMap() ​

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

Definido en: interfaces/GraphUI.ts:867

Una función que calcula la lista de propiedades de borde que se mostrarán.

Puede ser async: devuelve una promesa de las entradas y el panel muestra un marcador de posición hasta que se resuelva.

Parámetros ​

edge ​

Edge

ctx ​

RenderContext

Devoluciones ​

PropertyEntry[] | Promise<PropertyEntry[]>

Predeterminado ​

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

enabled? ​

optional enabled: boolean

Definido en: interfaces/GraphUI.ts:849

Si la barra lateral muestra un panel de propiedades. false lo elimina y su separador, dejando el encabezado, el panel de vecinos y cualquier panel adicional.

Predeterminado ​

ts
true

nodePropertiesMap() ​

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

Definido en: interfaces/GraphUI.ts:858

Una función que calcula la lista de propiedades de nodo que se mostrarán.

Puede ser async: devuelve una promesa de las entradas y el panel muestra un marcador de posición hasta que se resuelva.

Parámetros ​

node ​

Node

ctx ​

RenderContext

Devoluciones ​

PropertyEntry[] | Promise<PropertyEntry[]>

Predeterminado ​

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

render? ​

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

Definido en: interfaces/GraphUI.ts:884

Representador personalizado para el panel de propiedades. Este contenido anulará el panel de propiedades predeterminado de la barra lateral.

Predeterminado ​

ts
undefined

Ejemplos ​

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

Observaciones ​

Un string devuelto se muestra como texto sin formato; devuelve un HTMLElement para renderizar HTML. Puede ser async: la ranura muestra un marcador de posición hasta que se resuelve y un resultado que llega después de que la selección avanzó se elimina.

Regrese (o resuelva) undefined para devolver la selección al valor predeterminado panel: las nodePropertiesMap / edgePropertiesMap filas para uno elemento, la tabla agregada para varios. Regresa null para no dibujar nada.