pivotick / GraphUI / ExtraPanel
Interface: ExtraPanel
Definido em: interfaces/GraphUI.ts:993
Painel adicional na barra lateral da IU do gráfico.
Tanto title quanto render podem ser:
- Uma string ou
HTMLElementpara conteúdo estático, ou - Uma função da seleção atual (um
Node, umEdge, uma matriz para uma seleção múltipla ounullquando nada está selecionado) — invocada novamente em cada mudança de seleção, a menos que ExtraPanel.reactive sejafalse.
Declare os painéis antecipadamente via UI.extraPanels ou registre-os em qualquer ponto da vida do gráfico com graph.UIManager.addPanel() (que retorna um triturador).
Exemplo
{
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
},
}Estendido por
Propriedades
alwaysVisible?
optionalalwaysVisible:boolean
Definido em: interfaces/GraphUI.ts:1011
o painel deve estar sempre visível
Padrão
falseid?
optionalid:string
Definido em: interfaces/GraphUI.ts:998
Identificador estável, usado para endereçar o painel em removePanel / refreshPanel. Gerado automaticamente quando omitido.
order?
optionalorder:number
Definido em: interfaces/GraphUI.ts:1018
Ordem de exibição na barra lateral, crescente. Os painéis que compartilham um order mantêm sua ordem de registro, então UI.extraPanels lê de cima para baixo e os painéis de tempo de execução são anexados após eles.
Padrão
0reactive?
optionalreactive:boolean
Definido em: interfaces/GraphUI.ts:1026
Resolva title e render sempre que a seleção for alterada. Defina false para um painel cuja construção é cara e não descreve a seleção: ele então é renderizado uma vez e apenas um refreshPanel() explícito o reconstrói.
Padrão
truerender
render:
ExtraPanelContent
Definido em: interfaces/GraphUI.ts:1006
Um string é renderizado como texto simples; passe um HTMLElement para renderizar HTML.
title?
optionaltitle:ExtraPanelContent
Definido em: interfaces/GraphUI.ts:1004
A linha de cabeçalho do painel. Um string é renderizado como texto simples; passe um HTMLElement para renderizar HTML. Omita-o (ou deixe em branco) para um painel sem cabeçalho algum.