Componentes nuevos y modificados de Lightning

Cree interfaces de usuario rápidamente con un grupo de nuevos componentes.

Nuevos componentes

Estos componentes son nuevos y requieren la versión de API 44.0 y posterior.

lightning:empApi
Incruste el componente lightning:empApi en su componente Lightning personalizado para suscribirse a un canal de eventos de transmisión y recibir notificaciones de eventos. Puede suscribirse a cualquier tipo de canal de eventos en la Plataforma Lightning, incluyendo canales para eventos de plataforma, de PushTopic y eventos genéricos y eventos Captura de datos de cambio (Vista previa del desarrollador). El componente lightning:empApi utiliza una conexión de la API de transmisión basada en CometD, que le permite ejecutar múltiples aplicaciones de transmisión en el navegador.
lightning:map
El componente lightning:map muestra de forma segura un mapa de una o más ubicaciones utilizando Google Maps. Puede pasar marcadores al componente para definir las ubicaciones para asignar. Un marcador puede ser un par de coordenadas de latitud y longitud, o un conjunto de elementos de dirección: Ciudad, País, Código postal, Estado y Calle

Éste es el componente de mapa con una sola dirección.

Captura de pantalla del componente lightning:map

Cuando especifica múltiples ubicaciones, el componente de mapa crea mosaicos en los que se puede hacer clic para cada ubicación. Puede especificar un título para mostrar sobre la lista de direcciones. También puede mostrar un pie de página con un vínculo “Abrir en Google Maps” y especificar un nivel de zoom inicial para el mapa.

Consulte https://lightningdesignsystem.com/components/map/ para más imágenes de mapa.

lightning:menuDivider

Este componente se utiliza como un componente secundario de lightning:buttonMenu. Utilice lightning:menuDivider para crear una línea de división tras un elemento de menú. De forma predeterminada, se agrega el espacio por encima y por debajo del divisor. Utilice variant="compact" con lightning:menuDivider para reducir el espacio.

Captura de pantalla de un menú de botón con un divisor.
lightning:menuSubheader

Este componente se utiliza como un componente secundario de lightning:buttonMenu. Utilice lightning:menuSubheader para crear subtítulos en la lista de elementos de menú. Especifique el texto del subtítulo utilizando el atributo label.

Captura de pantalla de menú con subtítulos

Componentes modificados

Estos componentes se han modificado.

lightning:accordion
Estos atributos son nuevos.
  • allowMultipleSectionsOpen: Indica que el usuario puede abrir múltiples secciones del acordeón al mismo tiempo. De forma predeterminada, solo se amplía una sección de acordeón a la vez.
  • onsectiontoggle: Especifica un gestor para el evento que se inició cuando cambian las secciones abiertas. El evento pasa una matriz de todas las secciones abiertas en el acordeón.
lightning:buttonMenu
Estos atributos son nuevos.
  • isLoading: Le permite mostrar un indicador de actividad de control de giro mientras se está cargando el menú.
  • loadingStateAlternativeText: Especifica texto explicatorio obligatorio, como "Cargando menú...", para mostrar cuando isLoading es verdadero.
  • isDraft: Especifica que el menú de botón está en un estado sin guardar y muestra un asterisco como un indicador junto al botón. Puede utilizar el estado de borrador del menú de botón para mostrar que existe un cambio no guardado que se podría perder, como un cambio de usuario en un menú personalizable.
  • draftAlternativeText: Especifica un texto describiendo el motivo por el cual se considera el menú en estado de borrador y se requiere cuando isDraft es verdadero.
El componente lightning:buttonMenu admite dos nuevos componentes secundarios.
  • lightning:menuDivider
  • lightning:menuSubheader
lightning:datatable
Este valor para la propiedad de columna type es nuevo.
  • button-icon: Muestra un elemento de botón solo de icono que ejecuta una acción.
Este atributo para la propiedad de columna de tipo urles nuevo.
  • tooltip: Muestra una sugerencia para una dirección URL en la columna datatable. Utilice la propiedad typeAttributes para pasar la sugerencia para la dirección URL.
Este atributo para la propiedad de columna de tabla cellAttributeses nuevo.
  • iconAlternativeText: Texto descriptivo para un icono que se muestra en una columna de datos.
lightning:formattedRichText
Este atributo es nuevo.
  • disableLinkify: Evita que el componente cree vínculos automáticamente para texto vinculable en el resultado con formato.
lightning:fileCard
Estos atributos son nuevos.
  • hideDescription: Controla la visualización del título de descripción del archivo en la tarjeta de archivos. Si es verdadero, nos e muestra nada en el título. Si es falso, muestra la descripción del archivo en el título.
  • Description: Descripción del archivo. Muestra el nombre del archivo de forma predeterminada.
lightning:helptext
Este atributo es nuevo.
  • iconVariant: Le permite cambiar el estilo del icono de texto de ayuda a uno de los siguientes: inverso, advertencia o error.

El comportamiento del cuadro emergente de texto de ayuda en dispositivos iOS cambió. Se abre cuando toca el icono y se cierra con un segundo toque en el cuadro emergente o icono.

lightning:inputField

El componente lightning:inputField ahora admite el tipo de campo de geolocalización. Muestra campos de entrada para ingresar latitud y longitud en grados decimales.

lightning:isUrlAddressable
Las direcciones URL para componentes utilizando lightning:isUrlAddressable distinguen ahora entre minúsculas y mayúsculas.
lightning:listView
Este atributo es nuevo.
  • showSearchBar: Especifica su se muestra la barra de búsqueda. El valor predeterminado de este valor es falso. El lado del servidor aún puede desactivar la búsqueda si no es compatible con la búsqueda.
lightning:menuItem
Estos atributos son nuevos.
  • prefixIconName: Agrega el icono de utilidad especificado antes del texto del elemento de menú.
  • href: Crea un vínculo para el elemento de menú, que le permite utilizar el menú de botón para la navegación. El vínculo se aplica al contenido del elemento de menú, incluyendo texto e iconos.
  • isDraft: Especifica que el elemento de menú está en un estado sin guardar y muestra un asterisco como un indicador junto al elemento. Puede utilizar el estado de borrador del elemento de menú para mostrar que existe un cambio no guardado que se podría perder, como un cambio de usuario en un menú personalizable.
  • draftAlternativeText: Especifica un texto describiendo el motivo por el cual se considera el elemento de menú en estado de borrador que se requiere cuando isDraft es verdadero.
lightning:navigation
Las direcciones URL para componentes utilizando lightning:navigation distinguen ahora entre minúsculas y mayúsculas.
lightning:quickActionAPI
Estos métodos son nuevos.
  • getAvailableActions: Obtenga una lista de todas las acciones disponibles en una página de registro.
  • getAvailableActionFields: Obtenga una lista de todos los campos disponibles para una acción específica en una página de registro.
lightning:nextBestActions (Piloto)
Este componente ejecuta una estrategia y muestra las propuestas resultantes. El atributo singleColumn se ignora ahora.
Nota

Nota

Ofrecemos Einstein Next Best Action a clientes seleccionados a través de un programa piloto que requiere aceptar unas condiciones específicas. Para estar nominado para participar en el programa, haga contacto con Salesforce. Los programas piloto están sujetos a cambios, no podemos garantizar la aceptación. Einstein Next Best Action no está disponible de forma general a menos o hasta que Salesforce anuncie su disponibilidad general en la documentación, en comunicados de prensa o declaraciones públicas. No podemos garantizar la disponibilidad general dentro de ningún plazo de tiempo. Tome sus decisiones de compra solo en base a funciones y productos disponibles de forma general. Puede incluir comentarios y sugerencias relacionados con Einstein Next Best Action en IdeaExchange.

lightning:tab

El atributo label admite ahora únicamente texto. Anteriormente, la etiqueta admitía un tipo de componente y podía incluir, por ejemplo, un icono en la etiqueta de la ficha. Si utiliza un componente en una etiqueta lighting:tab ahora, solo se muestra la parte de texto del valor de etiqueta. Cualquier clase de CSS aplicada se ignora.