Skip to content

UI

O SDK exporta tipos para os componentes de UI:

ts
import type {
  ToastView,
  ToastOptions,
  ToastParams,
  SwalView,
  SwalPromptType,
  SwalParams,
  SwalPromptOption,
  SwalPromptParams,
  ModalSize,
  ModalOptions,
  ModalParams,
  SidepanelSize,
  SidepanelOptions,
  SidepanelParams
} from '@flowlu/miniapp-jssdk'

Tipos

ToastView

Visualização da notificação para a classe Toast

ValorDescrição
'success'Notificação de sucesso
'info'Notificação informativa
'warning'Notificação de aviso
'error'Notificação de erro

ToastOptions

Opções adicionais de exibição para o método Toast.show()

PropriedadeTipoDescrição
timeOutnumber | stringTempo para ocultar automaticamente, em ms. O padrão é 3000
closeButtonbooleanExibir botão de fechar. O padrão é true

ToastParams

Parâmetros do construtor de Toast

PropriedadeTipoDescrição
viewToastViewVisualização da notificação
titleanyTítulo da notificação
messageanyMensagem da notificação
optionsToastOptionsOpções adicionais de exibição para o método Toast.show()
eventsEventCallbacks<ToastEventName>Manipuladores de eventos

SwalView

Visualização da janela para a classe Swal

ValorDescrição
'success'Janela de sucesso
'info'Janela informativa
'warning'Janela de aviso
'error'Janela de erro

SwalPromptType

Tipo do campo de entrada para o método Swal.prompt()

ValorDescrição
'input'Campo de entrada de linha única
'textarea'Campo de entrada multilinha
'select'Lista suspensa

SwalParams

Parâmetros do construtor de Swal

PropriedadeTipoDescrição
viewSwalViewVisualização da janela
titlestringTítulo da janela
messagestringTexto da mensagem
eventsEventCallbacks<SwalEventName>Manipuladores de eventos

SwalPromptOption

Opção de item da lista para o tipo 'select' no método Swal.prompt()

PropriedadeTipoDescrição
valuestring | numberValor da opção
titlestringTexto exibido da opção

SwalPromptParams

Parâmetros do método Swal.prompt()

PropriedadeTipoDescrição
typeSwalPromptTypeTipo do campo de entrada. O padrão é 'input'
placeholderstringPlaceholder do campo de entrada
optionsSwalPromptOption[]Lista de opções para o tipo 'select'

ModalSize

Tamanho da janela modal para a classe Modal

ValorDescrição
'md'Tamanho médio
'lg'Tamanho grande

ModalOptions

Opções adicionais de exibição para o método Modal.show()

PropriedadeTipoDescrição
widthModalSizeTamanho da janela modal. O padrão é 'md'
postbooleanAbrir URL via POST. O padrão é true

ModalParams

Parâmetros do construtor de Modal

PropriedadeTipoDescrição
titlestringTítulo da janela modal
urlstringURL da página a ser aberta
optionsModalOptionsOpções adicionais de exibição
eventsEventCallbacks<ModalEventName>Manipuladores de eventos

SidepanelSize

Tamanho do painel lateral para a classe Sidepanel

ValorDescrição
'sm'Tamanho pequeno
'md'Tamanho médio
'lg'Tamanho grande

SidepanelOptions

Opções adicionais de exibição para o método Sidepanel.show()

PropriedadeTipoDescrição
widthSidepanelSizeTamanho do painel lateral. O padrão é 'md'
postbooleanAbrir URL via POST. O padrão é true

SidepanelParams

Parâmetros do construtor de Sidepanel

PropriedadeTipoDescrição
titlestringTítulo do painel lateral
urlstringURL da página a ser aberta
optionsSidepanelOptionsOpções adicionais de exibição
eventsEventCallbacks<SidepanelEventName>Manipuladores de eventos

Publicado sob a licença MIT.