Componentes do Lightning novos e alterados

Crie interfaces do usuário rapidamente com uma variedade de novos componentes.

Novos componentes

Esses componentes são novos e exigem a API versão 44.0 e posterior.

lightning:empApi
Integre o componente lightning:empApi em seu componente do Lightning personalizado para assinar um canal de evento de streaming e receber notificações de evento. Você pode assinar qualquer tipo de canal de evento na Plataforma do Lightning, incluindo canais para eventos de plataforma, eventos de PushTopic e genéricos e eventos de Alterar captura de dados (visualização para o desenvolvedor). O componente lightning:empApi usa uma conexão de API de streaming baseada em CometD compartilhada, possibilitando que você execute vários aplicativos de streaming no navegador.
lightning:map
O componente lightning:map exibe com segurança um mapa de um ou mais locais usando o Google Maps. Você pode passar marcadores para o componente para definir os locais a serem mapeados. Um marcador pode ser um par de coordenadas de latitude e longitude, ou um conjunto de elementos de endereço: Cidade, País, CEP, Estado e Rua.

Aqui está um componente de mapa com um endereço.

Captura de tela do componente lightning:map

Quando você especifica vários locais, o componente de mapa cria blocos clicáveis para cada local. Você pode especificar um título para exibir acima da lista de endereços. Você também pode mostrar um rodapé com um link "Abrir no Google Maps" e especificar um nível de zoom inicial para o mapa.

Veja https://lightningdesignsystem.com/components/map/ para obter mais imagens do mapa.

lightning:menuDivider

Esse componente é usado como um componente filho de lightning:buttonMenu. Use lightning:menuDivider para criar uma linha divisória após um item de menu. Por padrão, é adicionado o espaço acima e abaixo da divisória. Use variant="compact" com lightning:menuDivider para reduzir o espaço.

Captura de tela de um menu de botão com uma divisória
lightning:menuSubheader

Esse componente é usado como um componente filho de lightning:buttonMenu. Use lightning:menuSubheader para criar subtítulos na lista de itens de menu. Especifique o texto do título usando o atributo label.

Captura de tela do menu com subtítulos

Componentes alterados

Esses componentes foram alterados.

lightning:accordion
Esses atributos são novos.
  • allowMultipleSectionsOpen – Indica que um usuário pode abrir várias seções no acordeão ao mesmo tempo. Por padrão, somente uma seção de acordeão é expandida por vez.
  • onsectiontoggle – Especifica um manipulador para o evento acionado quando as seções abertas mudam. O evento passa uma matriz de todas as seções abertas no acordeão.
lightning:buttonMenu
Esses atributos são novos.
  • isLoading – Possibilita que você mostre um indicador de atividade giratório enquanto o menu está sendo carregado.
  • loadingStateAlternativeText – Especifica o texto explicativo necessário, como "Carregando menu…", a ser exibido quando isLoading é verdadeiro.
  • isDraft – Especifica que um menu de botão está em um estado não salvo e exibe um asterisco como indicador ao lado do botão. Você pode usar o estado de rascunho do menu do botão para mostrar que há uma alteração não salva que pode ser perdida, como uma alteração do usuário em um menu personalizável.
  • draftAlternativeText – Especifica texto descrevendo por que o menu é considerado como estando no estado de rascunho, e é necessário quando isDraft é verdadeiro.
O componente lightning:buttonMenu tem suporte para dois novos componentes filho.
  • lightning:menuDivider
  • lightning:menuSubheader
lightning:datatable
Esse valor para a propriedade de coluna type é novo.
  • button-icon – Exibe um elemento de botão somente de ícone que executa uma ação.
Esse atributo para a propriedade de coluna do tipo url é novo.
  • tooltip – Exibe uma dica de ferramenta para um URL na coluna datatable. Use a propriedade typeAttributes para passar a dica de ferramentas para o URL.
Esse atributo para a propriedade de coluna da tabela cellAttributes é novo.
  • iconAlternativeText – Texto descritivo para um ícone exibido em uma coluna de dados.
lightning:formattedRichText
Esse atributo é novo.
  • disableLinkify – Previne que o componente crie links automaticamente para texto vinculável na saída formatada.
lightning:fileCard
Esses atributos são novos.
  • hideDescription – Controla a exibição da legenda de descrição do arquivo no cartão do arquivo. Se verdadeiro, nada será exibido na legenda. Se falso, exibirá a descrição de arquivo na legenda.
  • Description – Descrição do arquivo. Exibe o nome do arquivo por padrão.
lightning:helptext
Esse atributo é novo.
  • iconVariant – Permite que você altere o estilo do ícone do texto de ajuda para um dos seguintes: inverso, advertência ou erro.

O comportamento de pop-over do texto de ajuda em dispositivos iOS mudou. Ele é aberto quando você toca no ícone e fecha com um segundo topo no popover ou ícone.

lightning:inputField

O componente lightning:inputField agora tem suporte para o tipo de campo de localização geográfica. Ele exibe os campos de entrada para inserir latitude e longitude em graus decimais.

lightning:isUrlAddressable
URLs para componentes usando lightning:isUrlAddressable agora diferenciam entre maiúsculas e minúsculas.
lightning:listView
Esse atributo é novo.
  • showSearchBar – Especifica se a barra de pesquisa é exibida. Esse valor é falso por padrão. O lado do servidor ainda poderá desabilitar a pesquisa se não tiver suporte para pesquisa.
lightning:menuItem
Esses atributos são novos.
  • prefixIconName – Adiciona o ícone de utilitário especificado antes do texto do item de menu.
  • href – Cria um link para o item de menu, que possibilita que você use o menu do botão para navegação. O link é aplicado ao conteúdo do item de menu, incluindo texto e ícones.
  • isDraft – Especifica que um item de menu está em um estado não salvo e exibe um asterisco como indicador ao lado do item. Você pode usar o estado de rascunho do item de menu para mostrar que há uma alteração não salva que pode ser perdida, como uma alteração do usuário em um menu personalizável.
  • draftAlternativeText – Especifica o texto descrevendo por que o item de menu é considerado como estando no estado de rascunho, o que é necessário quando isDraft é verdadeiro.
lightning:navigation
URLs para componentes usando lightning:navigation agora diferenciam maiúsculas de minúsculas.
lightning:quickActionAPI
Esses métodos são novos.
  • getAvailableActions – Obtenha uma lista de ações disponíveis em uma página de registro.
  • getAvailableActionFields – Obtenha uma lista de campos disponíveis para uma ação específica em uma página de registro.
lightning:nextBestActions (Piloto)
Esse componente executa uma estratégia de recomendação e exibe as propostas resultantes. Agora o atributo singleColumn é ignorado.
Nota

Nota

Fornecemos a Próxima melhor ação do Einstein a clientes selecionados por meio de um programa piloto que requer a concordância com termos e condições específicos. Para ser indicado para participar do programa, entre em contato com a Salesforce. Programas piloto estão sujeitos a alterações e não podemos garantir a aceitação. A Próxima melhor ação do Einstein não está disponível ao público em geral, a menos ou até que a Salesforce anuncie sua disponibilidade geral na documentação, em comunicados à imprensa ou em declarações públicas. Não podemos garantir a disponibilidade geral dentro de qualquer prazo específico, ou mesmo independentemente de qualquer condição. Tome suas decisões de compra com base apenas nos produtos e recursos disponíveis ao público em geral. Você pode fornecer feedback e sugestões para a Próxima melhor ação do Einstein no IdeaExchange.

lightning:tab

O atributo label agora tem suporte apenas para texto. Anteriormente, o rótulo tinha suporte para um tipo de componente, e você podia incluir, por exemplo, um ícone no rótulo da guia. Se você usar um componente em um rótulo lighting:tab agora, somente a parte de texto do valor do rótulo será exibida. Quaisquer classes CSS aplicadas são ignoradas.