Pular para o conteúdo

pivotick v3.0.0


pivotick / GraphUI / PropertiesPanel

Interface: PropertiesPanel ​

Definido em: interfaces/GraphUI.ts:843

Representa a configuração do painel de propriedades na barra lateral da IU do gráfico

Define como calcular e exibir propriedades para nós e arestas.

Padrão ​

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

Propriedades ​

edgePropertiesMap() ​

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

Definido em: interfaces/GraphUI.ts:867

Uma função que calcula a lista de propriedades de borda a serem exibidas.

Pode ser async — retorna uma promessa das entradas e o painel mostra um espaço reservado até ser resolvido.

Parâmetros ​

edge ​

Edge

ctx ​

RenderContext

Retorno ​

PropertyEntry[] | Promise<PropertyEntry[]>

Padrão ​

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

enabled? ​

optional enabled: boolean

Definido em: interfaces/GraphUI.ts:849

Se a barra lateral mostra um painel de propriedades. false remove ele e seu separador, deixando o cabeçalho, o painel vizinho e quaisquer painéis extras.

Padrão ​

ts
true

nodePropertiesMap() ​

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

Definido em: interfaces/GraphUI.ts:858

Uma função que calcula a lista de propriedades do nó a serem exibidas.

Pode ser async — retorna uma promessa das entradas e o painel mostra um espaço reservado até ser resolvido.

Parâmetros ​

node ​

Node

ctx ​

RenderContext

Retorno ​

PropertyEntry[] | Promise<PropertyEntry[]>

Padrão ​

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

render? ​

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

Definido em: interfaces/GraphUI.ts:884

Renderizador personalizado para o painel de propriedades. Este conteúdo substituirá o painel de propriedades padrão da barra lateral.

Padrão ​

ts
undefined

Exemplos ​

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

Observações ​

Um string retornado é renderizado como texto simples; retorne um HTMLElement para renderizar HTML. Pode ser async: o slot mostra um espaço reservado até ser resolvido e um resultado que chega após a seleção ser movida é descartado.

Retorne (ou resolva para) undefined para devolver a seleção ao painel padrão: as linhas nodePropertiesMap / edgePropertiesMap para um elemento, a tabela agregada para vários. Retorne null para não desenhar nada.