Ir al contenido

pivotick v3.0.0


pivotic / GraphUI / ExtraPanel

Interfaz: ExtraPanel ​

Definido en: interfaces/GraphUI.ts:993

Panel adicional en la barra lateral de la interfaz de usuario del gráfico.

Tanto title como render pueden ser:

  • Una cadena o HTMLElement para contenido estático, o
  • Una función de la selección actual (un Node, un Edge, una matriz de cualquiera de los dos para una selección múltiple, o null cuando no hay nada seleccionado) - se vuelve a invocar en cada selección cambia a menos que ExtraPanel.reactive sea false.

Declare paneles por adelantado a través de UI.extraPanels, o regístrelos en cualquier momento en la vida del gráfico con graph.UIManager.addPanel() (que devuelve un triturador).

Ejemplo ​

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
    },
}

Extendido por ​

Propiedades ​

alwaysVisible? ​

optional alwaysVisible: boolean

Definido en: interfaces/GraphUI.ts:1011

¿El panel debe estar siempre visible?

Predeterminado ​

ts
false

id? ​

optional id: string

Definido en: interfaces/GraphUI.ts:998

Identificador estable, utilizado para direccionar el panel en removePanel / refreshPanel. Generado automáticamente cuando se omite.


order? ​

optional order: number

Definido en: interfaces/GraphUI.ts:1018

Orden de visualización en la barra lateral, ascendente. Paneles que comparten un order mantener su orden de registro, por lo que UI.extraPanels se lee de arriba a abajo y Los paneles de tiempo de ejecución se agregan después de ellos.

Predeterminado ​

ts
0

reactive? ​

optional reactive: boolean

Definido en: interfaces/GraphUI.ts:1026

Vuelva a resolver title y render cada vez que cambie la selección. conjunto false para un panel que es costoso de construir y no describe el selección: luego se representa una vez, y solo un refreshPanel() explícito lo reconstruye.

Predeterminado ​

ts
true

render ​

render: ExtraPanelContent

Definido en: interfaces/GraphUI.ts:1006

A string se muestra como texto sin formato; pase un HTMLElement para renderizar HTML.


title? ​

optional title: ExtraPanelContent

Definido en: interfaces/GraphUI.ts:1004

La fila del encabezado del panel. A string se muestra como texto sin formato; pasar un HTMLElement para renderizar HTML. Omítalo (o resuelva dejarlo en blanco) para un panel sin ningún encabezado.