Sidepanel

Sidepanel — componente de UI para abertura de um painel lateral na interface da plataforma Flowlu

import { Sidepanel } from '@flowlu/miniapp-jssdk'

Construtor

Cria uma instância de Sidepanel com os parâmetros fornecidos

constructor(params: SidepanelParams)

Parâmetro	Tipo	Descrição
params	SidepanelParams	Parâmetros de criação do painel lateral

Propriedades

events

Objeto do tipo EventCallbacks<SidepanelEventName> com os manipuladores de eventos

get events(): EventCallbacks
set events(value: EventCallbacks)

options

Opções de exibição do painel lateral, do tipo SidepanelOptions

options: SidepanelOptions

title

Título do painel lateral

title: string

url

URL da página a ser aberta

url: string

Métodos

destroy

Remove inscrições e libera recursos

destroy(): void

hide

Fecha o painel lateral programaticamente

async hide(): Promise<any>

show

Abre o painel lateral

async show(): Promise<any>

Eventos do método show():

Evento	Parâmetro	Tipo	Descrição
'onShow'			Painel lateral foi exibido
'onHide'			Painel lateral foi ocultado
'onClose'			Painel lateral foi fechado pelo usuário

Exemplo

ESM

import { App, Sidepanel } from '@flowlu/miniapp-jssdk'

await App.initializeFrame()

const panel = new Sidepanel({
  title: 'Perfil do usuário',
  url: '/_module/company/view/member/433772?tab=contacts',
  options: {
    width: 'md'
  },
  events: {
    onShow: () => console.log('Painel lateral exibido'),
    onHide: () => console.log('Painel lateral ocultado'),
    onClose: () => console.log('Painel lateral fechado pelo usuário')
  }
})

await panel.show()

UMD

const App = window.FlowluMiniApp;

await App.initializeFrame();

const panel = new App.Frame.Sidepanel({
  title: 'Perfil do usuário',
  url: '/_module/company/view/member/433772?tab=contacts',
  options: {
    width: 'md'
  },
  events: {
    onShow: () => console.log('Painel lateral exibido'),
    onHide: () => console.log('Painel lateral ocultado'),
    onClose: () => console.log('Painel lateral fechado pelo usuário')
  }
});

await panel.show();