Skip to content

Expression input

Lucas Souza edited this page Aug 18, 2020 · 7 revisions

Introdução

Este é um dos componente avançados do editor. Permite a edição de expressões.

Seu uso

Será usado principalmente para casos onde é necessário edições complexas, servirá principalmente para digitação de valores que são dinâmicos que podem ter cálculos ou concatenações.

Seu funcionamento

O componente tem um funcionamento simples, assim como os outros campos edição de texto, número ou seleção. Para configurá-lo corretamente basta na definição da propriedade informar no atributo value o valor que será exibido na input. Confira as demais propriedades que podem ser passadas ao componente aqui. Em alguns casos pode haver sugestões, então pode ser usado, assim como o campo de selection, o atributo suggestion para informar uma lista de valores, para que seja possível a seleção dentro do componente.

Exemplo

Expression with suggestions

Especificações técnicas

  • Este componente deve utilizar por padrão o fieldWrapper para dar alguns comportamentos extras
  • Deve permitir somente a edição de expressões
  • Deve permitir a indicação de erro
  • Deve permitir a indicação de warning
  • Deve permitir auto focus se necessário
  • Deve permitir que seja desabilitado
  • Deve ter um picker do lado direito da input para acionar se necessário um editor externo
  • Se o campo estiver desabilitado o picker não deve aparecer na tela
  • Se o campo estiver desabilitado o ícone de expandir a selection não deve aparecer na tela
  • Deve permitir a seleção de uma sugestões
    • O dropdown do campo deve ter busca
    • Deve ser possível desabilitar a seleção de alguma sugestão
    • Com as setas do teclado deve ser possível navegar entre as opções do dropdown
    • Se o campo estiver desabilitado o dropdown não deve aparecer na tela