Pular para o conteúdo

pivotick v3.0.0


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 HTMLElement para conteúdo estático, ou
  • Uma função da seleção atual (um Node, um Edge, uma matriz para uma seleção múltipla ou null quando nada está selecionado) — invocada novamente em cada mudança de seleção, a menos que ExtraPanel.reactive seja false.

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 ​

ts
{
    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? ​

optional alwaysVisible: boolean

Definido em: interfaces/GraphUI.ts:1011

o painel deve estar sempre visível

Padrão ​

ts
false

id? ​

optional id: string

Definido em: interfaces/GraphUI.ts:998

Identificador estável, usado para endereçar o painel em removePanel / refreshPanel. Gerado automaticamente quando omitido.


order? ​

optional order: 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 ​

ts
0

reactive? ​

optional reactive: 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 ​

ts
true

render ​

render: ExtraPanelContent

Definido em: interfaces/GraphUI.ts:1006

Um string é renderizado como texto simples; passe um HTMLElement para renderizar HTML.


title? ​

optional title: 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.