Ignite UI for Web Components Registro de alterações

    Todas as alterações notáveis para cada versão do Ignite UI for Web Components estão documentadas nesta página.

    6.2.1 (September 2025)

    igniteui-webcomponents-maps

    Suporte a imagens do Azure Map

    O GeographicMap agora dá suporte a imagens de mapa baseadas no Azure, permitindo que os desenvolvedores exibam mapas dinâmicos detalhados em vários tipos de aplicativos. Você pode combinar várias camadas de mapa, visualizar dados geográficos e criar experiências de mapeamento interativas com facilidade.

    Observação: O suporte para imagens do Bing Maps está sendo descontinuado. As chaves corporativas existentes ainda podem ser usadas para acessar o Bing Mapas, garantindo que seus aplicativos atuais continuem funcionando enquanto você faz a transição para os mapas do Azure.

    Explore alguns dos mapas do Azure disponíveis publicamente aqui.

    igniteui-webcomponents-charts

    Novos eventos do Axis Label

    Os seguintes eventos foram adicionados ao DataChart para permitir que você detecte diferentes operações nos rótulos do eixo:

    • LabelMouseDown
    • LabelMouseUp
    • LabelMouseEnter
    • LabelMouseLeave
    • LabelMouseMove
    • LabelMouseClick

    Eixo Complementar

    Adicionadas CompanionAxis propriedades aos eixos X e Y que permitem criar rapidamente um clone de um eixo existente. Quando habilitado usando a CompanionAxisEnabled propriedade, isso padronizará o eixo clonado para a posição oposta do gráfico e você poderá configurar as propriedades desse eixo.

    Contornos de inserção RadialPieSeries

    Há uma nova propriedade chamada UseInsetOutlines para controlar como os contornos no IgcRadialPieSeriesComponent são renderizados. Definir esse valor como true inserirá os contornos dentro da forma de fatia, enquanto um valor false (padrão) colocará os contornos meio dentro e meio fora ao longo da borda da forma de fatia.

    Alterações significativas

    igniteui-webcomponents-grids

    Conteúdo do sufixo da célula

    Adicionado suporte para conteúdo de sufixo dentro das células que permite adicionar texto ou ícones adicionais ao final do valor da célula e estilizá-lo. A lista completa de propriedades adicionadas para o conteúdo do sufixo da célula está listada abaixo e está disponível na IgcDataGridColumnComponent classe and CellInfo:

    Observe que o tamanho máximo disponível para os ícones é 24x24. Você pode fornecer um ícone maior ou menor do que isso, mas precisará definir as configurações da caixa de exibição para dimensioná-lo adequadamente para caber no espaço 24x24 para que fique totalmente visível.

    Correções

    Número do bug Controle Descrição
    27304 Gráfico de Dados Igc O retângulo de zoom não está posicionado da mesma forma que o retângulo de fundo
    30600 Gráfico de rosca Igc Nenhuma propriedade textStyle para o gráfico ou a série (o gráfico de pizza tem isso)
    31624 IgcCategoryChart Redimensionar a janela que contém o IgcCategoryChart faz com que o gráfico falhe ao renderizar a série
    33861 Biblioteca do Excel Adicionar gráfico de linhas corrompe o arquivo Excel para a cultura alemã
    37930 Gráfico de Dados Igc A cor do texto da sobreposição de anotação de dados não funciona
    38231 IgcGrid A coluna desafixada não retornará à posição original se houver colunas ocultas

    Aprimoramentos

    IgrBulletGraph

    • Adicionada nova LabelsVisible propriedade

    Gráficos

    • Novas propriedades adicionadas a DataToolTipLayer, ItemToolTipLayer e CategoryToolTipLayer para ajudar no estilo: ToolTipBackground, ToolTipBorderBrush, e ToolTipBorderThickness

    • Novas propriedades adicionadas ao DataLegend para ajudar no estilo: ContentBackground, ContentBorderBrush, e ContentBorderThickness. O ContentBorderBrush padrão e ContentBorderThickness é transparente e 0, respectivamente, portanto, para ver essas bordas, você precisará definir essas propriedades.

    • Adicionada uma nova propriedade a IgcChartMouseEventArgs called worldPosition que fornece a posição relativa mundial do mouse. Essa posição será um valor entre 0 e 1 para os eixos X e Y dentro do espaço do eixo.

    • Adicionado highlightingFadeOpacity a IgcSeriesViewerComponent e IgcDomainChartComponent. Isso permite que você configure a opacidade aplicada às séries destacadas.

    • Expor CalloutLabelUpdating evento para gráficos de domínio.

    IgcDataGrid

    • Adicionada nova propriedade chamada stopPropagation DataGrid que impede que eventos do mouse borbulhem para elementos pai

    IgcLinearGauge

    • Adicionada nova LabelsVisible propriedade

    6.2.0 (August 2025)

    Aprimoramentos

    • Os elementos personalizados associados ao formulário agora expõem o estado personalizado ig-invalid para estilização com o:state() seletor CSS. Veja aqui para obter informações adicionais
    • Comportamento de validade de elementos personalizados associados ao formulário. Agora, os elementos tentarão imitar:user-invalid e não aplicarão estilos inválidos, a menos que interajam por meio da interface do usuário ou de uma invocação de formulário requestSubmit()/reset().

    Correções

    Número do bug Controle Descrição
    1786 Entrada Estado inválido no modo somente leitura​
    1786 Entrada Não é possível estilizar o texto auxiliar
    1795 Cartão Slotted igc-avatar no tema Indigo
    1786 Combinação A borda se sobrepõe ao texto do rótulo em estado inválido
    1799 Seletor de data Estilos de elevação índigo
    1783 Seletor de intervalo de datas Retornar o foco para a entrada principal nas interações do teclado
    1792 Entrada Alinhamento de marcador de posição e rótulo no tema Material
    1806 Gaveta de navegação Atualizar estilos e animações de posições relativas​
    1786 Selecionar Problemas de temas de estado inválido
    1797 Área de texto Problemas de interação com o tema material
    1797 Área de texto Comportamento de redimensionamento com parte do sufixo
    1775 Calendário Preenchimentos de contêiner de modo vertical
    1731 Carrossel Pausar a rotação automática no foco iniciado pelo ponteiro
    1772 Carrossel Garantir queigcSlideChanged o evento seja emitido quando um slide for alterado
    1765 Seletor de data Problemas de estilo
    1764 Seletor de intervalo de datas Bordas e elevação do CSS
    1747 Entrada de arquivo Bootstrap estilos de sombra de caixa inválidos
    1672 Deslizante Erro ao definir a propriedade linear em cenários de renderização adiada
    1768 Área de texto Estilos de estado somente leitura
    1755 Lista suspensa Tamanho do ícone no tema Bootstrap
    1739 Entradas Posicionamento de rótulos e lógica de transição no tema Material

    6.1.0 (July 2025)

    • Componente - Seletor de intervalo de datas

    Breaking Changes

    Entrada de arquivo

    • igcChange & igcCancel events agora retorna a propriedade do componente files subjacente.

    Dica de ferramenta

    • Os eventos de dica de ferramenta não retornarão mais seu anchor destino em sua detail propriedade

    Behavioral Changes

    Dica de ferramenta

    • Mudança de comportamento: o padrão da placement dica de ferramenta é "bottom" agora.
    • Mudança de comportamento: a dica de ferramenta não renderizará um indicador de seta por padrão, a menos que with-arrow esteja definida.

    Aprimoramentos

    • Atualizados os estilos somente leitura da maioria dos componentes associados ao formulário em todos os temas para indicar melhor quando um componente está em um estado somente leitura.

    Correções

    Número do bug Controle Descrição
    1710 Seletor de calendário e data Substituição de data incorreta para em determinados cenários
    1728 Combinação Estilos de ícone que não diferenciam maiúsculas de minúsculas em temas
    1726 Entrada Substitua a borda no tema fluente por uma sombra de caixa
    1732 Entrada Cor de fundo do estado focado no tema Indigo
    1715 Área de texto Substituição da altura da etiqueta e da altura do componente

    6.0.1 (July 2025)

    Correções

    Número do bug Controle Descrição
    36448 IgcRadialGauge As propriedades de formato de rótulo radial não funcionam. (por exemplo. Título, Subtítulos)

    igniteui-webcomponents-charts

    • Adicionar MaximumExtent e MaximumExtentPercentage propriedades para uso com rótulos de eixo.

    6.0.0 (June 2025)

    igniteui-webcomponents-maps

    [!Note] As of June 30, 2025 all Microsoft Bing Maps for Enterprise Basic (Free) accounts will be retired. If you're still using an unpaid Basic Account and key, now is the time to act to avoid service disruptions. Bing Maps for Enterprise license holders can continue to use Bing Maps in their applications until June 30,2028. For more details please visit:

    Microsoft Bing Blogs

    igniteui-webcomponents-charts

    • Adicionado Camadas de anotações de dados do gráfico:

      • Camada de banda de anotação de dados
      • Camada de linha de anotação de dados
      • Camada de correção de anotação de dados
      • Camada de fatia de anotação de dados
      • Camada de faixa de anotação de dados

    • A dica de ferramenta de dados e a legenda de dados expõem LayoutMode que você pode usar para fazer o layout do conteúdo da dica de ferramenta ou legenda em uma estrutura de layout vertical ou de tabela.

    • A defaultInteraction propriedade dos gráficos foi atualizada para incluir uma nova enumeração -DragSelect na qual a visualização arrastada Rect selecionará os pontos contidos nele.

    • O ValueOverlay e o ValueLayer, além do As anotações de dados do gráfico listadas acima agora expõem uma OverlayText propriedade que pode ser usada para sobrepor texto de anotação adicional na área de plotagem. Essa aparência dessas anotações pode ser configurada usando as muitas propriedades prefixadas OverlayText. Por exemplo, a OverlayTextBrush propriedade configurará a cor do texto de sobreposição.

    • Camada de linha de tendência Tipo de série que permite a você aplicar uma única linha de tendência por camada de linha de tendência a uma série específica. Isso permite o uso de várias linhas de tendência em uma única série, pois você pode ter vários tipos de série TrendlineLayer no gráfico.

    igniteui-webcomponents-dashboards

    • O DashboardTile agora oferece suporte à propagação das agregações de sua exibição DataGrid para a visualização do gráfico, como classificação, agrupamento, filtragem e seleção. Atualmente, isso é suportado pela vinculação DataSource do of the DashboardTile a uma instância de LocalDataSource.

    igniteui-webcomponents-grids

    Alterações significativas

    Aprimoramentos

    Barra de ferramentas

    • As camadas de valor adicionadas a partir da barra de ferramentas agora aparecem na legenda.
    • A ferramenta de redefinição de zoom foi movida para o menu suspenso de zoom.

    Gráfico de pizza de dados

    • O gráfico agora expõe um GetOthersContext() método. Isso retornará o conteúdo da fatia "outros".

    Correções

    Número do bug Controle Descrição
    25997 IgcDataGrid Os resumos são exibidos apenas para a primeira linha filho agrupada
    37023 Gráfico de Dados Igc As dicas de ferramentas são cortadas/desativadas da tela se o estouro oculto estiver definido.
    37244 Distinguir-se A validação de dados personalizados não está funcionando.
    37685 Planilha Igc Má renderização de números formatados com fonte Arial.

    5.4.0 (April 2025)

    igniteui-webcomponents-grids

    Correções

    Número do bug Controle Descrição
    25602 IgcDataGrid Carregar um layout com um dos operadores de filtro específicos de data resulta em um erro de console TypeError
    28480 IgcCombo Erro de referência indefinido é gerado quando uma fonte de dados é substituída
    30319 IgcDataGrid Os registros são classificados apesar de nenhum valor ter sido alterado
    32598 IgcDataGrid A seleção múltipla não está funcionando corretamente
    36374 Entrada Igc Um valor anterior era associado quando um formulário era enviado em qualquer dispositivo de toque

    5.3.0 (February 2025)

    Aprimoramentos

    Barra de ferramentas

    Correções

    A tabela a seguir lista as correções de bugs feitas para o conjunto de ferramentas Ignite UI for Web Components para esta versão:

    Número do bug Controle Descrição
    26218 Biblioteca do Excel A margem direita da área de plotagem do gráfico torna-se mais estreita e o padrão de preenchimento e o primeiro plano de preenchimento desaparecem apenas carregando um arquivo do Excel
    30286 Gráfico de Dados Igc O conteúdo da dica de ferramenta da série de bolhas é alternado para os dados de bolhas próximas ao clicar em uma bolha
    32906 Gráfico de Dados Igc IgcDataChart está mostrando dois xAxis na parte superior
    33605 Gráfico de Dados Igc ScatterLineSeries não está mostrando a cor da linha corretamente na legenda
    34053 IgcRadialGauge A posição do rótulo da escala é deslocada
    34083 Biblioteca do Excel TextOperatorConditionalFormat's não é carregado/salvo corretamente se o texto contiver = em um arquivo de modelo do Excel
    34776 Gráfico de Dados Igc Mostrar e ocultar repetidamente o IgcDataChart causa vazamento de memória no JS Heap
    35495 Biblioteca do Excel As imagens nas células são perdidas quando um arquivo de modelo é carregado
    35496 Planilha Igc Erro ao definir estilos no Excel com imagens
    35498 Gráfico de Dados Igc As dicas de ferramentas para a série especificada em IncludedSeries não são exibidas
    36176 Biblioteca do Excel Ocorre uma exceção ao carregar uma pasta de trabalho do Excel que tem uma função LET
    36379 Biblioteca do Excel As cores com qualquer canal alfa em uma pasta de trabalho do Excel não são carregadas

    5.2.0 (January 2025)

    • Correções

    igniteui-webcomponents-grids

    • Todas as grades
      • Corrigido um vazamento de memória crítico quando os componentes são abertos em várias guias duplicadas do navegador.

    5.1.1 (December 2024)

    igniteui-webcomponents-charts

    • O componente Dashboard Tile é um controle de contêiner que analisa e visualiza uma coleção ItemsSource associada ou um ponto único e retorna uma visualização de dados apropriada com base no esquema e na contagem dos dados. Esse controle utiliza um componente interno da barra de ferramentas para permitir que você faça alterações na visualização em tempo de execução, permitindo que você veja muitas visualizações diferentes de seus dados com o mínimo de código.

    igniteui-webcomponents-charts

    • O Color Editor pode ser usado como um seletor de cores autônomo e agora está integrado ao ToolAction do componente Barra de ferramentas para atualizar visualizações em tempo de execução.

    5.0.0 (September 2024)

    igniteui-webcomponents-charts

    • Novo gráfico de pizza de dados- O IgcDataPieChartComponent é um novo componente que renderiza um gráfico de pizza. Esse componente funciona de forma semelhante ao IgcCategoryChartComponent, pois detectará automaticamente as propriedades em seu modelo de dados subjacente, permitindo suporte à seleção, realce, animação e legenda por meio do componente ItemLegend.

    • Novo eixo de ângulo de categoria proporcional- Novos eixos para a série de pizza radial no IgcDataChartComponent, para plotar fatias semelhantes a um gráfico de pizza, um tipo de visualização de dados em que os pontos de dados são representados como segmentos dentro de um gráfico circular.

    • toolbar

      • Nova ToolActionCheckboxList Uma nova CheckboxList ToolAction que exibe uma coleção de itens com caixas de seleção para seleção. Uma grade dentro de ToolAction CheckboxList cresce em altura até 5 itens e, em seguida, uma barra de rolagem é exibida. Requer que IgcCheckboxListModule seja registrado.

      • Novo suporte de filtragem

      • Alterações no campo do eixo Novo IconMenu padrão na barra de ferramentas ao direcionar CategoryChart. Os campos de rótulo são mapeados para o eixo X e os campos de valor são mapeados para o eixo Y. O gráfico de destino reage em tempo real às alterações feitas. IconMenu fica oculto quando o gráfico não tem ItemsSource definido.

    igniteui-webcomponents-grids

    • Todas as grades
      • Adicionado novo RowClick evento.
    • IgcPivotGridComponent
      • Adicionada sortable propriedade para um IgcPivotDimension.
      • Adicionado layout horizontal. Pode ser habilitado dentro da nova pivotUI propriedade como rowLayout horizontal.
      • Adicionados resumos de dimensão de linha somente para layout horizontal. Pode ser habilitado para cada um IgcPivotDimension definindo horizontalSummary como true.
      • Adicionada horizontalSummariesPosition propriedade à configuração da pivotUI posição de resumos horizontais.
      • Adicionados cabeçalhos de linha para as dimensões de linha. Pode ser habilitado dentro da nova pivotUI propriedade como showHeaders true.
      • A navegação pelo teclado agora pode se mover para cabeçalhos de linha para frente e para trás de qualquer cabeçalho de dimensão de linha ou cabeçalho de coluna.
      • Adicionadas interações de teclado para recolher dimensão de linha usando ALT + ← → ↓ ↑ setas e classificação de cabeçalhos de linha usando CTRL + ↑ ↓ setas.

    ALTERAÇÕES SIGNIFICATIVAS:​

    • Todas as grades
    • IgcPivotGridComponent
      • propriedade removida showPivotConfigurationUI. Use pivotUI e defina dentro dele a nova showConfiguration opção.
    • IgcColumnComponent
      • Propriedade removida movable. Use a propriedade do moving Grid agora.
      • Propriedade removida columnChildren. Use childColumns em vez disso.
    • columnGroup
      • Propriedade removida children. Use childColumns em vez disso.
    • IgcPaginatorComponent
      • Removido isFirstPageDisabled e isLastPageDisabled propriedades. Use isFirstPage e isLastPage em vez disso.

    4.8.1 (June 2024)

    igniteui-webcomponents

    igniteui-webcomponents-grids

    • DisplayDensity obsoleto em favor da--ig-size propriedade personalizada CSS. Confira o tópico Tamanho da grade para obter mais informações sobre a grade.

    igniteui-webcomponents-charts

    • Agrupamento de legenda de dados e agrupamento de dicas de ferramentas de dados- Novo recurso de agrupamento adicionado. A propriedade GroupRowVisible alterna o agrupamento com cada série que opta por poder atribuir texto de grupo por meio da dataLegendGroup propriedade. Se o mesmo valor for aplicado a mais de uma série, elas aparecerão agrupadas. Útil para grandes conjuntos de dados que precisam ser categorizados e organizados para todos os usuários.

    • Seleção de gráfico- Novo estilo de seleção de série. Isso é amplamente adotado em todas as séries de categorias, financeiras e radiais para IgcCategoryChartComponent e IgcDataChartComponent. As séries podem ser clicadas e mostradas em uma cor diferente, iluminadas ou desbotadas e contornos de foco. Gerencie quais itens são afetados por meio de séries individuais ou itens de dados inteiros. Várias séries e marcadores são suportados. Útil para ilustrar várias diferenças ou semelhanças entre valores de um determinado item de dados. Também SelectedSeriesItemsChanged estão selectedSeriesItems disponíveis para obter ajuda adicional para criar requisitos de negócios robustos em torno de outras ações que podem ocorrer em um aplicativo, como um pop-up ou outra tela com análise de dados com base na seleção.

    • Eixo de ângulo de categoria proporcional- Novos eixos para a série de pizza radial no IgcDataChartComponent, para permitir a criação de gráficos de pizza no permitindo visualizações robustas usando todo o poder adicional do gráfico de dados.

    • Realce do mapa de árvore- Agora expõe uma highlightingMode propriedade que permite configurar o realce do mouse sobre os itens no mapa de árvore. Essa propriedade usa duas opções: Brighten onde o realce será aplicado apenas ao item sobre o qual você passa o mouse e FadeOthers onde o realce do item pairado permanecerá o mesmo, mas todo o resto desaparecerá. Esse realce é animado e pode ser controlado usando a highlightingTransitionDuration propriedade.

    • Realce baseado em porcentagem do mapa de árvore- Novo realce baseado em porcentagem, permitindo que os nós representem o progresso ou o subconjunto de uma coleção. A aparência é mostrada como um preenchimento de sua cor de fundo até um valor específico por um membro em seu item de dados ou fornecendo um novo highlightedDataSource. Pode ser alternado via highlightedValuesDisplayMode e estilizado via FillBrushes.

    • toolbar- Nova IsHighlighted opção para ToolAction para delinear uma borda em torno de ferramentas específicas de sua escolha.

    igniteui-webcomponents-gauges

    4.8.0 (March 2024)

    igniteui-webcomponents-grids

    igniteui-webcomponents-charts

    • Nova filtragem de dados por meio da initialFilter propriedade. Aplique expressões de filtro para filtrar os dados do gráfico em um subconjunto de registros. Pode ser usado para detalhar dados grandes.

    • XamRadialChart

      • Novo modo de rótulo O IgcCategoryAngleAxisComponent para o agora expõe uma labelMode propriedade que permite configurar ainda mais o local dos rótulos. Isso permite que você alterne entre o modo padrão selecionando a Center enumeração ou use o novo modo, ClosestPoint que aproximará os rótulos da área de plotagem circular.

    igniteui-webcomponents-gauges

    • IgcRadialGaugeComponent
      • Novas propriedades de título/legenda. titleText, subtitleText aparecerá perto da parte inferior do medidor. Além disso, as várias propriedades de fonte de título/subtítulo foram adicionadas, como TitleFontSize, TitleFontFamily, TitleFontStyle, TitleFontWeight e titleExtent. Por fim, o novo titleDisplaysValue permitirá que o valor corresponda à posição da agulha.
      • Novo opticalScalingEnabled e opticalScalingSize propriedades para o IgcRadialGaugeComponent. Esse novo recurso gerenciará o tamanho no qual os rótulos, títulos e subtítulos do medidor têm 100% de escala óptica. Você pode ler mais sobre esse novo recurso aqui
      • Nova agulha de destaque foi adicionada. highlightValue e highlightValueDisplayMode quando ambos recebem um valor e uma configuração de 'Sobreposição', isso fará com que a agulha principal apareça desbotada e uma nova agulha aparecerá.
    • IgcLinearGaugeComponent
      • Nova agulha de destaque foi adicionada. highlightValue e highlightValueDisplayMode quando ambos recebem um valor e uma configuração de 'Sobreposição', isso fará com que a agulha principal apareça desbotada e uma nova agulha aparecerá.
    • IgcBulletGraphComponent
      • A barra de desempenho agora refletirá uma diferença entre o valor e o novo highlightValue quando o highlightValueDisplayMode for aplicado à configuração 'Sobreposição'. O valor de destaque mostrará uma porcentagem medida concluída filtrada/subconjunto como uma cor preenchida, enquanto a aparência da barra restante aparecerá desbotada para o valor atribuído, ilustrando o desempenho em tempo real.

    4.7.0 (January 2024)

    igniteui-webcomponents-charts

    • Filtro de realce de gráfico- O IgcCategoryChartComponent e IgcDataChartComponent agora expõe uma maneira de realçar e animar dentro e fora de um subconjunto de dados. A exibição desse destaque depende do tipo de série. Para séries de colunas e áreas, o subconjunto será mostrado sobre o conjunto total de dados em que o subconjunto será colorido pelo pincel real da série e o conjunto total terá uma opacidade reduzida. Para séries de linhas, o subconjunto será mostrado como uma linha pontilhada.

    4.6.0 (December 2023)

    igniteui-webcomponents-grids

    4.3.2 (October 2023)

    igniteui-webcomponents-layouts

    • Barra de ferramentas
      • A ação da ferramenta Salvar foi adicionada para salvar o gráfico em uma imagem por meio da área de transferência.
      • A orientação vertical foi adicionada por meio da propriedade da orientation barra de ferramentas. Por padrão, a barra de ferramentas é horizontal, agora a barra de ferramentas pode ser mostrada na orientação vertical, onde as ferramentas aparecerão à esquerda / direita respeitosamente.
      • O suporte a ícones SVG personalizados foi adicionado por meio do método da barra de ferramentas, aprimorando ainda mais a criação de renderImageFromText ferramentas personalizadas.

    4.3.0 (June 2023)

    igniteui-webcomponents-layouts

    • Barra de ferramentas: esse componente é um contêiner complementar para operações de interface do usuário a serem usadas principalmente com nossos componentes de gráficos. A barra de ferramentas será atualizada dinamicamente com uma predefinição de propriedades e itens de ferramenta quando vinculada aos nossos IgcDataChartComponent componentes ou IgcCategoryChartComponent componentes. Você poderá criar ferramentas personalizadas para o seu projeto, permitindo que os usuários finais forneçam alterações, oferecendo uma quantidade infinita de personalização.

    igniteui-webcomponents-charts

    4.2.5 (April 2023)

    igniteui-webcomponents-grids

    • Um novo argumento primaryKey foi introduzido IgcRowDataEventArgs e parte dos argumentos de evento que são emitidos pelos RowAdded eventos and RowDeleted. Quando a grade tem um atributo de chave primária adicionado, o argumento de evento primaryKey emitido representa a ID da linha, caso contrário, o padrão é undefined.

    • RowSelectionChanging Os argumentos do evento são alterados. Agora, as OldSelection coleções , NewSelection, Added and Removed não consistem mais nas chaves de linha dos elementos selecionados quando a grade definiu um primaryKey, mas agora, em qualquer caso, os dados da linha são emitidos.

    • Quando a grade estiver trabalhando com dados remotos e uma chave primária tiver sido definida, as linhas selecionadas que não fazem parte da exibição de grade serão emitidas para um objeto de dados de linha parcial.

    • Quando a linha selecionada for excluída do componente RowSelectionChanging de grade, o evento não será mais emitido.

    • O OnGroupingDone evento foi renomeado para GroupingDone não violar a convenção de saídas sem prefixo.

    • O OnDensityChanged evento foi renomeado para DensityChanged não violar a convenção de saídas sem prefixo. Todos os componentes que expõem esse evento são afetados.

    • IgcPivotGridComponent: As IgcPivotDateDimension propriedades InBaseDimension e InOption foram preteridas e renomeadas para baseDimension e options respectivamente.

    igniteui-webcomponents-inputs

    • IgcDateTimeInputComponent, the StepDownAsync(DateTimeInputDatePart.Date, SpinDelta.Date) is now trimmed down to DatePart instead of DateTimeInputDatePart
    • IgcRadioComponent e IgcRadioGroupComponent adicionada validação de componente junto com estilos para estado inválido
    • Mask, adicionada a capacidade de escapar de literais de padrão de máscara.
    • IgcBadgeComponent Adicionada uma shape propriedade que controla a forma do emblema e pode ser OU Square​ ​Rounded. A forma padrão do emblema é arredondada.
    • IgcAvatarComponent, a propriedade foi preterida RoundShape e será removida em uma versão futura. Os usuários podem controlar a forma do avatar pelo atributo recém-adicionado shape que pode ser,ou Rounded​ ​Square​ ​Circle. A forma padrão do avatar é Square.

    4.0.4 (December 2022)

    igniteui-webcomponents-grids

    4.0.0 (November 2022)

    igniteui-webcomponents-grids

    igniteui-webcomponents-charts

    • Adicionadas melhorias significativas aos comportamentos padrão e refinadas a API de Gráfico de Categorias para facilitar o uso. Essas novas melhorias no gráfico incluem:
    • Layouts responsivos para rotação horizontal de rótulos com base no tamanho do navegador/tela.
    • Renderização aprimorada para rótulos arredondados em todas as plataformas.
    • Adicionadas propriedades de marcador a StackedFragmentSeries.
    • Propriedade adicionada shouldPanOnMaximumZoom.
    • Novas propriedades do eixo de categoria:
      • ZoomMaximumCategoryRange
      • ZoomMaximumItemSpan
      • ZoomToCategoryRange
      • ZoomToItemSpan
    • Nova API de agregação de gráficos para agrupar, classificar e resumir valores numéricos e de cadeia de caracteres de categoria, eliminando a necessidade de pré-agregar ou calcular dados de gráficos:
      • Descrições iniciais
      • InicialClassificações
      • SortDescriptions
      • Grupos iniciais
      • Descrições iniciais do grupo
      • GroupDescriptions
      • Resumos iniciais
      • InitialSummaryDescriptions
      • ResumoDescrições
      • InitialGroupSortDescriptions
      • Classificações de grupo
      • GroupSortDescriptions

    [!Note] Chart Aggregation will not work when using includedProperties | excludedProperties. These properties on the chart are meant for non-aggregated data. Once you attempt to aggregate data these properties should no longer be used. The reason it does not work is because aggregation replaces the collection that is passed to the chart for render. The include/exclude properties are designed to filter in/out properties of that data and those properties no longer exist in the new aggregated collection.

    3.2.1 (June 2022)

    igniteui-webcomponents-grids

    • DataGrid:
      • Adicionado novo recurso -Paginação de linha, que é usado para dividir um grande conjunto de dados em uma sequência de páginas com conteúdo semelhante. Com a paginação, os dados podem ser exibidos em um determinado número de linhas, permitindo que os usuários "rolem" por seus dados, sem precisar de uma barra de rolagem. A interface do usuário para paginação de tabela geralmente inclui coisas como a página atual, o total de páginas e setas/botões clicáveis Anterior e Próximo que permitem que os usuários percorram as páginas de dados.

    igniteui-webcomponents-charts

    • Adicionado o componente DataLegend altamente configurável, que funciona de maneira muito parecida com o Legend, mas mostra valores de série e fornece muitas propriedades de configuração para filtrar linhas de série e colunas de valores, valores de estilo e formatação.
    • Adicionado o DataToolTip altamente configurável, que exibe valores e títulos de séries, bem como emblemas de legenda de séries em uma dica de ferramenta. Esta é agora a dica de ferramenta padrão para todos os tipos de gráfico.
    • Adicionado suporte a animação e transição para Stacked Series. As animações podem ser habilitadas definindo a isTransitionInEnabled propriedade como true. A partir daí, você pode definir a transitionInDuration propriedade para determinar quanto tempo sua animação deve levar para ser concluída e para transitionInMode determinar o tipo de animação que ocorre.
    • Adicionado AssigningCategoryStyle evento, agora está disponível para todas as séries em IgcDataChartComponent. Esse evento é manipulado quando você deseja configurar condicionalmente aspectos dos itens da série, como Fill background-color e realce.
    • Nova allowedPositions enumeração para CalloutLayer. Usado para limitar onde os textos explicativos devem ser colocados no gráfico. Por padrão, os textos explicativos são colocados de forma inteligente no melhor lugar, mas isso costumava forçar, por exemplo TopLeft, TopRight, BottomLeft ou BottomRight.
    • Novas propriedades de raio de canto adicionadas para Camadas de anotação; usado para arredondar os cantos de cada uma das chamadas. Observe que um raio de canto agora foi adicionado por padrão.
    • Nova horizontalViewScrollbarMode enumeração para verticalViewScrollbarMode habilitar barras de rolagem de várias maneiras. Quando emparelhado com isVerticalZoomEnabled or isHorizontalZoomEnabled, você poderá persistir ou aumentar e diminuir gradualmente as barras de rolagem ao longo dos eixos para navegar no gráfico.
    • Novo FavorLabellingScaleEnd, determina se o eixo deve favorecer a emissão de um rótulo no final da escala. Compatível apenas com eixos numéricos (por exemplo IgcNumericXAxisComponent, IgcNumericYAxisComponent, PercentChangeAxis).
    • Novo isSplineShapePartOfRange determina se a forma de spline deve ser incluída no intervalo de eixo solicitado do eixo.
    • Novo xAxisMaximumGap, determina o valor máximo permitido para a série plotada ao usar xAxisGap. A lacuna determina a quantidade de espaço entre colunas ou barras de séries plotadas.
    • Novo xAxisMinimumGapSize, determina o valor mínimo permitido com base em pixels para a série plotada ao usar xAxisGap para garantir que sempre haja algum espaçamento entre cada categoria.

    1.4.2 (December 2021)

    igniteui-webcomponents-grids

    • DataGrid:
      • Adicionado ValueMultiField, do tipo string[], no IgcComboBoxColumnComponent para ser usado quando seus itens no menu suspenso contiverem uma chave que consiste em vários campos.

    [!Note] The following breaking changes were introduced: Changed valueField property from type string[] to string.

    igniteui-webcomponents-inputs

    • Seletor de data:
      • Evento ValueChanged alterado para SelectedValueChanged.
    • Caixa de combinação de várias colunas:
      • Evento alterado TextChanged para TextValueChanged.
      • Changed ValueChanged event to SelectedValueChanged.

    1.4.1 (November 2021)

    igniteui-webcomponents-grids

    [!Note] Please ensure package "lit-html": "^2.0.0" or newer is added to your project for optimal compatibility.

    igniteui-webcomponents-charts

    Esta versão apresenta algumas melhorias e simplificações no design visual e nas opções de configuração para o mapa geográfico e todos os componentes do gráfico.

    Pincéis/contornos antigos Novo contorno/pincéis
    #8BDC5C
    #8B5BB1
    #6DB1FF
    #F8A15F
    #EE5879
    #735656
    #F7D262
    #8CE7D9
    #E051A9
    #A8A8B7    		 #8BDC5C
    #8961A9
    #6DB1FF
    #82E9D9
    #EA3C63
    #735656
    #F8CE4F
    #A8A8B7
    #E051A9
    #FF903B

    1.3.0 (April 2021)

    igniteui-webcomponents-grids

    • DataGrid:
      • Added EditOnKeyPress aka Excel-style Editing, instantly begin editing when typing.
      • Propriedade adicionada EditModeClickAction- Por padrão, é necessário clicar duas vezes para entrar no modo de edição. Isso pode ser definido como SingleClick para permitir que o modo de edição ocorra ao selecionar uma nova célula.
      • Adicionada EnterKeyBehaviors propriedade - também conhecida como Navegação no estilo Excel (Inserir comportamento) - controla o comportamento da tecla Enter, por exemplo, As opções são (nenhum, editar, mover para cima, para baixo, para a esquerda, para a direita)
      • Propriedade adicionada EnterKeyBehaviorAfterEdit- No modo de edição, esta propriedade controla quando enter é pressionado, por exemplo, Opções são (move para a célula abaixo, acima, direita, esquerda)
      • Added selectAllRows - method.
      • Adicionada seleção de intervalo de linhas - Com GridSelectionMode a propriedade definida como MultipleRow, a seguinte nova funcionalidade agora está incluída:
        • Clique e arraste para selecionar linhas
        • SHIFT e clique para selecionar várias linhas.
        • SHIFT e pressione as ↑ teclas + ↓ seta para selecionar várias linhas.
      • Pressionar a barra de espaço alterna a seleção da linha ativa por meio GridSelectionMode da propriedade definida como MultipleRow ou SingleRow
      • Added Column Summaries to Column Options Dialog.

    igniteui-webcomponents-charts

    • Seletor de data:
      • ShowTodayButton- Alterna a visibilidade do botão Hoje
      • label- Adiciona um rótulo acima do valor da data
      • placeholder propriedade - adiciona texto personalizado quando nenhum valor é selecionado
      • FormatString- Personalize a string de data de entrada, por exemplo, (yyyy-MM-dd)
      • DateFormat- Especifica se as datas selecionadas devem ser exibidas como LongDate ou ShortDate
      • FirstDayOfWeek- Especifica o primeiro dia da semana
      • FirstWeekOfYear- Especifica quando exibir a primeira semana do ano, por exemplo, (Primeira semana completa, Primeiros quatro dias da semana)
      • showWeekNumbers - Toggles Week number visibility
      • MinDate & MaxDate- Limites de data, especificando um intervalo de datas selecionáveis disponíveis.
      • Acessibilidade adicionada

    igniteui-webcomponents-maps

    [!Note] These features are CTP

    • Adicionado suporte para exibição envolvente do mapa (rolar infinitamente horizontalmente)
    • Adicionado suporte para deslocar a exibição de algumas séries de mapas ao envolver a origem da coordenada
    • Adicionado suporte para realce da série de formas
    • Adicionado suporte para algumas camadas de anotação para a série de formas

    igniteui-webcomponents-charts

    Esta versão apresenta várias opções novas e aprimoradas de design visual e configuração para todos os componentes do gráfico, por exemplo, e IgcFinancialChartComponent. IgcDataChartComponent​ ​IgcCategoryChartComponent​

    • Alterada a série de barras/colunas/cascatas para ter cantos quadrados em vez de cantos arredondados
    • Alteradas as cores da série Scatter High Density para a propriedade heat min de #8a5bb1 para #000000
    • Alteradas as cores da série Scatter High Density para a propriedade de calor máximo de #ee5879 para #ee5879
    • Alterado Financial/Waterfall series'e NegativeBrush​ ​NegativeOutline propriedades de #C62828 para #ee5879
    • Alterada a espessura do marcador de 1px para 2px
    • Alterado o preenchimento do marcador para corresponder ao contorno do marcador para IgcPointSeriesComponent, IgcBubbleSeriesComponent, IgcScatterSeriesComponent, IgcPolarScatterSeriesComponent. Você pode usar a propriedade set markerFillMode como Normal para desfazer essa alteração
    • Rotulagem compactada para o IgcTimeXAxisComponent e IgcOrdinalTimeXAxisComponent
    • Novas propriedades do marcador:
      • série. markerFillMode- Pode ser configurado para MatchMarkerOutline que o marcador dependa do contorno
      • série. markerFillOpacity- Pode ser definido como um valor de 0 a 1
      • série. markerOutlineMode- Pode ser definido para MatchMarkerBrush que o contorno do marcador dependa da cor do pincel de preenchimento
    • Propriedade da nova série:
      • série. outlineMode- Pode ser configurado para alternar a visibilidade do contorno da série. Observe que, para Gráfico de Dados, a propriedade está na série
    • Novas propriedades do gráfico que definem a área de sangria introduzidas na viewport quando o gráfico está no nível de zoom padrão. Um caso de uso comum é fornecer espaço entre os eixos e o primeiro/último ponto de dados. Observe que computedPlotAreaMarginMode, listados abaixo, definirão automaticamente a margem quando os marcadores estiverem ativados. Os outros são projetados para especificar a Double para representar a espessura, onde PlotAreaMarginLeft etc. ajusta o espaço para todos os quatro lados do gráfico:
    • Novas propriedades de realce
      • gráfico. highlightingMode- Define se a série pairada ou não pairada para esmaecer e clarear
      • gráfico. highlightingBehavior- Define se a série é realçada dependendo da posição do mouse, por exemplo, diretamente sobre ou mais próximo do item
      • Observe que, nas versões anteriores, o realce era limitado ao desvanecimento ao passar o mouse.
    • Adicionadas as séries Destaque Empilhado, Dispersão, Polar, Radial e Forma:
    • Adicionadas camadas de anotação às séries Empilhadas, Dispersão, Polares, Radiais e Formas:
    • Adição de suporte para substituir a fonte de dados de fragmentos de pilha individuais em uma série empilhada
    • Adicionados eventos de estilo personalizado às séries Empilhado, Dispersão, Intervalo, Polar, Radial e Forma
    • Adicionado suporte para sincronizar automaticamente o zoom vertical com o conteúdo da série
    • Adicionado suporte para expandir automaticamente as margens horizontais do gráfico com base nos rótulos iniciais exibidos
    • Paleta de cores redesenhada de séries e marcadores:
    Pincéis/contornos antigos Novo contorno/pincéis
    #7446B9
    #9FB328
    #F96232
    #2E9CA6
    #DC3F76
    #FF9800
    #3F51B5
    #439C47
    #795548
    #9A9A9A    		 #8bdc5c
    #8b5bb1
    #6db1ff
    #f8a15f
    #ee5879
    #735656
    #f7d262
    #8ce7d9
    #e051a9
    #a8a8b7

    por exemplo:

    Legenda do gráfico

    • Adicionada propriedade horizontal orientation a ItemLegend que pode ser usada com Bubble, Donut e Pie Chart
    • Propriedade adicionada legendHighlightingMode- Habilita o realce da série ao passar o mouse sobre os itens de legenda

    1.1.3 (November 2020)

    igniteui-webcomponents-grids

    • DataGrid:

    [!Note] These breaking changes were introduce in the grid package.

    • Nome alterado de PropertyPath

    A propriedade propertyPath do componente da grade de dados foi renomeada para field. Isso se aplica a todos os tipos de coluna, GroupDescription, SortDescription e SummaryDescription.

    <igc-text-column field="Name"></igc-text-column>

    import { IgcColumnSummaryDescription, IgcColumnSortDescription, IgcColumnGroupDescription} from 'igniteui-webcomponents-data-grids'
const productCount = new IgcColumnSummaryDescription();
productCount.field = "ProductName";
const colSortDesc = new IgcColumnSortDescription();
colSortDesc.field = "UnitsInStock";
const income = new IgcColumnGroupDescription();
income.field = "Income";

    1.1.2 (April 2020)

    igniteui-webcomponents-grids

    • DataGrid:

    • Nome alterado do Live Grid - o componente de grade de dados e os nomes do módulo correspondente foram alterados de "LiveGrid" para "DataGrid".

    [!Note] These breaking changes were introduce in these packages and components only:

    O novo código para importar a grade e seu módulo correspondente é:

    import { IgcDataGrid } from "igniteui-webcomponents-data-grids";
import { IgcDataGridModule } from 'igniteui-webcomponents-data-grids';
    • Dependência de peer necessária para DataGrid

    O componente de grade de dados requer o pacote "inputs".

    **npm install --save igniteui-webcomponents-inputs**

    1.0.6

    All Packages

    • Instruções de importação alteradas

    As instruções de importação foram simplificadas para usar apenas nomes de pacotes em vez de caminhos completos para classes e enumerações de API.

    [!Note] These breaking changes were introduce in these packages and components only:

    Pacotes afetados Componentes afetados
    igniteui-webcomponents-excel Biblioteca do Excel
    igniteui-webcomponents-spreadsheet Planilha
    igniteui-webcomponents-maps Mapa geográfico, mapa de árvore
    igniteui-webcomponents-gauges Gráfico de bala, medidor linear, medidor radial
    igniteui-webcomponents-charts Gráfico de Categoria, Gráfico de Dados, Gráfico de Rosca, Gráfico Financeiro], Gráfico de Pizza, Controle Deslizante de Zoom
    igniteui-webcomponents-core Todas as classes e enumerações
    igniteui-webcomponents-grids Grade de dados
    • Código após alterações

    Agora, você precisa usar apenas nomes de pacotes em vez de caminhos completos para classes e enumerações de API.

    Observe também que o nome do componente Data Grid e seus módulos correspondentes também foram alterados.

    // gauges:
import { IgcLinearGaugeComponent } from "igniteui-webcomponents-gauges";
import { IgcLinearGaugeModule } from "igniteui-webcomponents-gauges";
import { IgcLinearGraphRange } from "igniteui-webcomponents-gauges";
import { IgcRadialGaugeComponent } from 'igniteui-webcomponents-gauges';
import { IgcRadialGaugeModule } from 'igniteui-webcomponents-gauges';
import { IgcRadialGaugeRange } from 'igniteui-webcomponents-gauges';
import { SweepDirection } from 'igniteui-webcomponents-core';
// charts:
import { IgcFinancialChartComponent } from "igniteui-webcomponents-charts";
import { IgcFinancialChartModule } from "igniteui-webcomponents-charts";
import { IgcDataChartComponent } from "igniteui-webcomponents-charts";
import { IgcDataChartCoreModule } from "igniteui-webcomponents-charts";
// maps:
import { IgcGeographicMapComponent } from "igniteui-webcomponents-maps";
import { IgcGeographicMapModule } from "igniteui-webcomponents-maps";
// grids:
import { IgcDataGridComponent } from "igniteui-webcomponents-data-grids";
import { IgcDataGridModule } from "igniteui-webcomponents-data-grids";
    • Código antes das alterações

    Antes, você tinha que importar usando caminhos completos para classes e enumerações da API:

    // gauges:
import { IgcLinearGaugeComponent } from 'igniteui-webcomponents-gauges/ES5/igc-linear-gauge-component';
import { IgcLinearGaugeModule } from 'igniteui-webcomponents-gauges/ES5/igc-linear-gauge-module';
import { IgcLinearGraphRange } from 'igniteui-webcomponents-gauges/ES5/igc-linear-graph-range';

import { IgcRadialGaugeComponent } from "igniteui-webcomponents-gauges/ES5/igc-radial-gauge-component";
import { IgcRadialGaugeModule } from "igniteui-webcomponents-gauges/ES5/igc-radial-gauge-module";
import { IgcRadialGaugeRange } from "igniteui-webcomponents-gauges/ES5/igc-radial-gauge-range";
import { SweepDirection } from "igniteui-webcomponents-core/ES5/SweepDirection";

// charts:
import { IgcFinancialChartComponent } from "igniteui-webcomponents-charts/ES5/igc-financial-chart-component";
import { IgcFinancialChartModule } from "igniteui-webcomponents-charts/ES5/igc-financial-chart-module";
import { IgcDataChartComponent } from "igniteui-webcomponents-charts/ES5/igc-data-chart-component";
import { IgcDataChartCoreModule } from "igniteui-webcomponents-charts/ES5/igc-data-chart-core-module";

// maps:
import { IgcGeographicMapComponent } from "igniteui-webcomponents-maps/ES5/igc-geographic-map-component";
import { IgcGeographicMapModule } from "igniteui-webcomponents-maps/ES5/igc-geographic-map-module";

// grids:
import { IgcLiveGridModule } from 'igniteui-webcomponents-data-grids/ES5/igc-live-grid-module';
import { IgcLiveGridComponent } from 'igniteui-webcomponents-data-grids/ES5/igc-live-grid-component';

    igniteui-webcomponents

    5.1.0 (October 2024)

    Added

    5.0.0 (August 2024)

    • IgcIconComponent
      • Método adicionado setIconRef. Isso permite registrar e substituir ícones por arquivos SVG.
      • Todos os componentes agora usam ícones por referência internamente para que seja fácil substituí-los sem fornecer explicitamente modelos personalizados.
    • IgcRadioGroupComponent
      • Adicionado name e value propriedades.

    ALTERAÇÕES SIGNIFICATIVAS:​

    4.11.1 (July 2024)

    Mudou

    4.11.0 (July 2024)

    Mudou

    4.10.0 (July 2024)

    Added

    Deprecated

    • IgcInputComponent Inputmode propriedade. Em vez disso, alinhado com a propriedade DOM nativa inputMode.

    Fixo

    • IgcInputComponent, IgcTextareaComponent- passar undefined para value define o valor de entrada subjacente como indefinido.
    • IgcMaskInputComponent- Após uma chamada de formulário reset, atualize corretamente o valor de entrada subjacente e o estado do espaço reservado.
    • IgcTreeComponent- configuração--ig-size no item indicator CSS Part agora mudará o tamanho do ícone.
    • IgcDateTimeInputComponent- emissão dupla de igcChange em certos cenários.
    • IgcNavDrawerComponent- A mini variante não é renderizada inicialmente quando não está em um estado aberto.
    • IgcComboComponent:
      • Selecionar uma entrada usando a ENTER tecla agora funciona corretamente no modo de seleção única.
      • Ativar a opção agora limpa qualquer termo de pesquisa inserido disableFiltering anteriormente.
      • Inserir um termo de pesquisa no modo de seleção única que já corresponde ao item selecionado agora funciona corretamente.

    4.9.0 (April 2024)

    Added

    Mudou

    Deprecated

    • IgcDropdownComponent-IgcPositionStrategy está obsoleta. A lista suspensa agora usa a Popover API para renderizar seu contêiner na camada superior da janela de visualização do navegador, tornando a propriedade obsoleta.

    Fixo

    4.8.2 (April 2024)

    Fixo

    4.8.1 (April 2024)

    Fixo

    4.8.0 (March 2024)

    Added

    Mudou

    • O IgcComboComponent agrupamento não classifica mais os dados. groupSorting agora afeta a direção de classificação apenas dos grupos. Mudança comportamental: na versão anterior, as direções de classificação dos grupos também classificavam os itens. Se você quiser alcançar esse comportamento, você pode passar dados já classificados para o IgcComboComponent.

    Deprecated

    • IgcSliderComponent-aria-label-upper e aria-label-lower estão obsoletos e serão removidos na próxima versão principal. Use thumb-label-upper e thumb-label-lower em vez disso.

    Fixo

    • IgcButtonComponent- Tamanho do ícone com fenda.
    • IgcButtonGroupComponent
      • Aparência do tema Fluent atualizada.
      • Estado desativado no Safari.
    • IgcComboComponent / select- Problemas de estilo.
    • IgcSliderComponent
      • Os cliques na trilha deslizante agora usam a largura do elemento da trilha como base para o cálculo.
      • Os eventos de entrada não são mais emitidos ao arrastar continuamente o polegar do controle deslizante e exceder os limites superior/inferior.
      • Ao definir/antes/, o controle deslizante não substituirá mais as propriedades vinculadas pelos valores anteriores de min / max. max​ ​min​ ​lower-bound​ ​upper-bound​
      • O aria-label limite para o polegar do controle deslizante não é mais redefinido nas renderizações consequentes.
    • IgcInputComponent
      • Os validadores padrão são executados de forma síncrona.
      • Problemas de estilo.
    • IgcDateTimeInputComponent-setRangeText() atualiza o valor subjacente.

    4.7.0 (January 2024)

    Added

    • IgcTreeComponent- Adicionada toggleNodeOnClick propriedade que determina se clicar sobre um nó alterará seu estado expandido ou não. O padrão é false.

    • IgcRatingComponent-allowReset adicionado. Quando ativado, selecionar o mesmo valor redefinirá o componente. Mudança comportamental: nas versões anteriores, esse era o comportamento padrão do componente de classificação. Certifique-se de definir allowReset se você precisa manter esse comportamento em seu aplicativo.

    Mudou

    Fixo

    4.6.0 (December 2023)

    Added

    Mudou

    Fixo

    4.5.0 (October 2023)

    Added

    Deprecated

    A propriedade e o size atributo foram preteridos para todos os componentes. Em vez disso, use a--ig-size propriedade personalizada CSS. O exemplo a seguir define o IgcAvatarComponent tamanho do componente como pequeno:

    igc-avatar {
  --ig-size: var(--ig-size-small);
}

    Fixo

    • Posição de itens combinados no Safari.
    • Botões de navegação do calendário no contexto RTL.
    • Tipo de exportação IgcComboChangeEventArgs.
    • Valor de combinação e estados de seleção com vinculação de dados lenta.
    • Várias correções e ajustes de estilo e temas.

    4.4.0 (August 2023)

    Added

    Mudou

    Deprecated

    • Form está obsoleto.
    • IgcInputComponent:
      • minlength foi preterida e será removida na próxima versão principal. Use minLength em vez disso.
      • maxlength foi preterida e será removida na próxima versão principal. Use maxLength em vez disso.
      • readonly foi preterida e será removida na próxima versão principal. Use readOnly em vez disso.
    • IgcMaskInputComponent:
      • readonly foi preterida e será removida na próxima versão principal. Use readOnly em vez disso.
    • IgcDateTimeInputComponent:
      • readonly foi preterida e será removida na próxima versão principal. Use readOnly em vez disso.
      • minValue foi preterida e será removida na próxima versão principal. Use min em vez disso.
      • maxValue foi preterida e será removida na próxima versão principal. Use max em vez disso.
    • IgcRatingComponent:
      • readonly foi preterida e será removida na próxima versão principal. Use readOnly em vez disso.

    Removido

    • Removemos nosso próprio dir atributo que sombreava o padrão. Esta é uma alteração ininterrupta.
    • IgcSliderComponent propriedade -ariaLabel sombreada. Esta é uma alteração ininterrupta.
    • IgcCheckboxComponent-ariaLabelledBy sombreado. Esta é uma alteração ininterrupta.
    • IgcSwitchComponent-ariaLabelledBy sombreado. Esta é uma alteração ininterrupta.
    • IgcRadioComponent-ariaLabelledBy sombreado. Esta é uma alteração ininterrupta.

    Fixo

    4.3.1 (August 2023)

    Added

    • IgcTreeComponent- animações de componentes.
    • O raio da borda dos componentes é consumido de seus esquemas.

    Mudou

    Fixo

    4.3.0 (June 2023)

    Added

    • IgcComboComponent:
      • matchDiacritics para a propriedade de opções de filtragem. O padrão é false. Se definido como true, o filtro distingue entre letras acentuadas e suas letras base. Caso contrário, as cadeias de caracteres são normalizadas e, em seguida, correspondidas.
      • selection que retorna a seleção atual como uma matriz de objetos de dados.
    • IgcCardComponent: Suporte a altura explícita
    • IgcDialogComponent: Adicionadas animações
    • IgcSnackbarComponent: Adicionadas animações
    • IgcToastComponent: Adicionadas animações

    Mudou

    • IgcComboComponent:
      • value não é mais somente leitura e pode ser definido explicitamente. O atributo value também dá suporte à associação declarativa, aceitando uma matriz de cadeia de caracteres JSON válida.
      • value tipo alterado de string[] para ComboValue<T>[] onde
      ComboValue<T> = T | T[keyof T]
      • igcChange As propriedades do objeto de evento também são alteradas para refletir o novo value tipo:
      interface IgcComboChangeEventArgs<T> {
  newValue: ComboValue<T>[];
  items: T[];
  type: ComboChangeType;
}

    Deprecated

    • select: Obsoleto sameWidth​ ​positionStrategy e flip. Eles serão removidos na próxima versão principal.

    Fixo

    4.2.3 (April 2023)

    Deprecated

    • IgcDialogComponent- A propriedade closeOnEscape foi descontinuada em favor da nova propriedade keepOpenOnEscape.

    Fixo

    4.2.2 (March 2023)

    Deprecated

    • IgcButtonComponent- Os prefix slots / suffix não são mais necessários e serão removidos na próxima versão principal.

    Fixo

    4.2.1 (February 2023)

    Fixo

    • IgcComboComponent- Item correspondente não ativado na filtragem no modo de seleção única.

    4.2.0 (January 2023)

    Added

    Fixo

    4.1.1 (January 2023)

    Fixo

    • IgcInputComponent
      • Posicione o rótulo com base no tamanho do componente.
      • Os temas materiais não correspondem ao design.
      • Não armazene em cache a entrada subjacente.
    • Cartão - discrepância de cores entre WC e Angular.
    • Tema - atualiza variáveis obsoletas--igc-* para--ig-*.
    • Removidas as referências pendentes após a desconexão do elemento.

    4.1.0 (December 2022)

    Added

    Fixo

    4.0.0 (November 2022)

    Mudou

    • Temas
      • Build - Utilize Ignite UI pacote de temas ao criar temas.
      • Dimensionamento - Introduzidas variáveis CSS que permitem a configuração CSS de tempo de execução do tamanho para todos os componentes ou componentes individuais.
      • Espaçamento - Introduzidas variáveis CSS que permitem a configuração CSS em tempo de execução do espaçamento interno (preenchimento/margem) dos componentes.
      • Barras de rolagem - Adicionada a capacidade de estilizar barras de rolagem no nível do aplicativo definindo a ig-scrollbar classe CSS em qualquer elemento.

    3.4.2 (November 2022)

    Fixo

    • Resolvido o erro de importação para DateRangeType.

    3.4.1 (September 2022)

    Mudou

    Fixo

    3.4.0 (September 2022)

    Added

    Fixo

    3.3.1 (August 2022)

    Mudou

    Fixo

    3.3.0 (July 2022)

    Added

    Mudou

    • IgcRatingComponent- Adicionado suporte para seleção única e símbolos vazios.
    • IgcSliderComponent- Renderização aprimorada de etapas do controle deslizante.
    • Os componentes agora registrarão automaticamente suas dependências quando forem registrados em defineComponents
    import { IgcDropdownComponent, defineComponents } from 'igniteui-webcomponents';
// will automatically register the dropdown item & group elements
// as well as their dependencies if any
defineComponents(IgcDropdownComponent);

    Verifique a documentação oficial para obter mais informações.

    Fixo

    3.2.0 (May 2022)

    Added

    Fixo

    3.1.0 (April 2022)

    Added

    Deprecated

    • IgcChipComponent: Anteriormente exposto start e end os slots são substituídos por prefix e suffix. Eles permanecem ativos, mas agora estão obsoletos e serão removidos em uma versão futura.

    Fixo

    • IgcChipComponent:
      • Carregar ícones internos automaticamente.
      • O chip selecionado está desalinhado.
    • Pacote: caminhos de importação interna do ESM.

    3.0.0 (April 2022)

    Mudou

    • Alteração significativa: Todas as classes relacionadas ao menu suspenso foram renomeadas de DropDown* para Dropdown*

    2.2.0 (April 2022)

    Added

    2.1.1 (March 2022)

    Added

    • Controle o raio e a elevação da borda de--igc-radius-factor e--igc-elevation-factor:

    Exemplo:

    /* Make all components square and remove all shadows */
:root {
  --igc-radius-factor: 0;
  --igc-elevation-factor: 0;
}

    2.1.0 (March 2022)

    Added

    2.0.0 (February 2022)

    Added

    Mudou

    • Corrigir status de validade da caixa de seleção/switch
    • Dividir IgcCalendarComponent a propriedade em value: Date | Date[] duas propriedades -value: Date e values: Date[]
    • Substituído IgcCalendarComponent 's hasHeader propriedade & has-header atributo com hideHeader & hide-header respectivamente.
    • Substituído IgcCardComponent 's outlined propriedade com elevated.

    Removido

    1.0.0 (November 2021)

    Lançamento inicial do Ignite UI Web Components

    Added

    igniteui-dockmanager

    1.14.4

    Deprecated

    • IgcSplitPane isMaximized está obsoleto. Ter isMaximized definido como true em um nível de painel dividido não tem efeito real, pois os painéis divididos servem apenas como contêineres, o que significa que eles não têm conteúdo real a ser mostrado maximizado. Use a isMaximized propriedade de IgcTabGroupPane e/ou IgcContentPane em vez disso.

    1.14.3

    Fixo

    • O gerenciador de dock gera erros com compilações baseadas em Vite.
    • Encaixar na borda em um painel de divisão raiz vazio gera erros.

    1.14.2

    Fixo

    • Restringir painéis dentro dos limites do gerenciador de docas com arrastamentos rápidos.

    1.14.1

    Fixo

    • Verificação rtl da doca de proximidade

    1.14.0

    Novos recursos

    • Adicionar showPaneHeaders propriedade.
    • Adicionar proximityDock propriedade.
    • Adicionar containedInBoundaries propriedade.

    Aprimoramentos

    • Adicionar contentId elementos como partes CSS.

    Fixo

    • Maximizar e desafixar painéis leva a painéis não clicáveis.
    • O encaixe central é possível em um painel definido acceptsInnerDock como true se o AllowInnerDock of IgcDockManagerComponent estiver definido como false.

    1.13.0

    Novos recursos

    Aprimoramentos

    • Salve o estado maximizado do painel no layout.

    Fixo

    • A ordem de seleção de tabulação não é preservada.

    1.12.5

    Novos recursos

    • Adicionar paneScroll evento.

    Fixo

    • ТabGroupPane: fixar um dos vários painéis desafixados resulta em todos os painéis sendo fixados.
    • O menu de contexto não está posicionado corretamente no modo RTL.
    • O painel ativo não é retido ao encaixar com o teclado.

    1.12.4

    Fixo

    • Painel ativo definido incorretamente quando mais de um Painel de Grupo de Abas está dentro de um Painel Flutuante.

    1.12.3

    Fixo

    • O erro é gerado ao soltar o painel em uma janela separada.

    1.12.2

    Aprimoramentos

    • Adicionar tabs-more-menu-content e tabs-more-menu-item partes CSS.

    Fixo

    • As posições das setas para a esquerda/direita do indicador de encaixe são invertidas no modo RTL.
    • O menu de contexto não está posicionado corretamente.
    • Sobrecargas ausentes para addEventListener e removeEventListener.

    1.12.1

    Aprimoramentos

    • Inclua informações do painel e splitterResizeStart​ ​splitterResizeEnd eventos.
    • IgcDockManagerComponent agora é exportado como classe.

    Fixo

    • O conteúdo dos slots não unpinnedHeaderId é atualizado corretamente.

    1.12.0

    Fixo

    • O encaixe não está funcionando allowFloating: false.
    • Painel de submenu fechando enquanto ativo.
    • Os elementos focalizáveis não recebem foco.
    • Navegar com o navegador do painel não traz a janela flutuante selecionada para cima.
    • O evento splitterResizeStart não pode ser cancelado.
    • O menu de contexto das guias não está posicionado corretamente.

    1.11.3

    Novos recursos

    • Adicionar contextMenuPosition propriedade
    • Adicionar selected opção para tab-header-close-button a parte CSS

    1.11.2

    Novos recursos

    • Adicionar hovered opção para tab-header-close-button a parte CSS

    1.11.1

    Fixo

    • Correções de parte CSS para tab-header

    1.11.0

    Novos recursos

    • Adicionar opções de showHeaderIconOnHover propriedade para botões diferentes
    • Adicionar horizontal e vertical opções para splitter-handle a parte CSS
    • Adicionar header-title parte CSS
    • Adicionar hover opção para tab-header-close-button parte CSS em estados ativos/inativos
    • Adicionar paneHeaderCloseButton e tabHeaderCloseButton slots

    1.10.0

    Novos recursos

    Fixo

    • O painel ativo não é retido no float/dock.
    • Os estilos de divisor não são aplicados.
    • click evento em botões de cabeçalho personalizados não está funcionando.
    • Removidos indicadores de encaixe errôneos ao arrastar sobre o divisor.

    1.9.0

    Fixo

    • Estilos não aplicados.
    • Redimensione no modo RTL.

    1.8.0

    Novos recursos

    • Personalize os botões do gerenciador de dock.
    • LayoutChange que é acionado quando o layout é atualizado.

    1.7.0

    Novos recursos

    • Cabeçalho de painel flutuante personalizável.
    • disabled por painel.
    • DocumentOnly que permite que o painel de conteúdo seja encaixado somente dentro de um host de documento.
    • AllowEmpty para painéis de divisão e grupo de guias que permite exibir áreas vazias.
    • disableKeyboardNavigation no gerenciador de docas.

    Fixo

    • Os indicadores de encaixe aparecem sobre o painel flutuante arrastado no momento.

    1.6.0

    Novos recursos

    • Personalize os painéis e guias do gerenciador de encaixe.

    Fixo

    • Um painel flutuante pode ser arrastado para fora da página.

    1.5.0

    Novos recursos

    Fixo

    • O painel desafixado fecha automaticamente ao clicar em seu conteúdo.
    • Os painéis selecionados no menu flutuante não serão ativados se houver um painel desafixado do mesmo grupo de guias.

    1.4.1

    Fixo

    • O painel com allowPinning: false o grupo de guias inserido dentro pode ser desafixado.
    • Normalize um painel maximizado ao navegar para fora dele por meio do teclado.

    1.4.0

    Novos recursos

    • Reordene as guias sem criar um painel flutuante.
    • Navegação por teclado.
    • Navegador do painel.
    • Ativar/desativar o redimensionamento do painel flutuante.
    • Eventos para redimensionamento de painel flutuante.

    Fixo

    • Selecione o painel quando ativado.
    • Painel desafixado do submenu quando ativado.
    • Erro gerado ao hospedar pop-up externo dentro do painel.
    • A seleção de guias é perdida com os componentes aninhados do Dock Manager.
    • O painel flutuante que contém painéis com flutuação e encaixe desativados não pode ser movido.
    • Exceção lançada ao encaixar o painel flutuante dentro do gerenciador de docas vazio.

    1.3.0

    Novos recursos

    • O menu Mais guias aparece quando não há espaço suficiente para exibir todos os cabeçalhos de guias.
    • Oculte o painel sem removê-lo do layout usando sua hidden propriedade.
    • Propriedades do slot de cabeçalho para guia e painel desafixado -tabHeaderId and unpinnedHeaderId.

    1.2.0

    Novos recursos

    • Painel ativo.
    • Suporte à localização.

    Fixo

    • Erros gerados ao arrastar a última guia do host do documento e há um painel desafixado.
    • O conteúdo das guias desaparece após encaixar um painel allowFloating: false.
    • Exceção lançada ao alternar rapidamente entre indicadores de encaixe.

    1.1.0

    Novos recursos

    • Painéis de maximização.
    • Sombra de visualização de encaixe.
    • Suporte ARIA.
    • API para suporte externo de arrastar/soltar.
    • Propriedades e eventos para interações do usuário, como fechar, fixar, arrastar.
    • Suporte para atualização ng para projetos Angular.

    1.0.3

    Aprimoramentos

    • Redimensione o divisor usando o teclado.

    1.0.2

    Fixo

    • O painel fica fora de exibição quando redimensionado para seu tamanho mínimo.

    1.0.1

    Aprimoramentos

    • Adicione a variável css de cor ativa.
    • Adicione suporte de teclado para o menu de contexto.

    Fixo

    • A seleção não está funcionando no primeiro clique quando o menu de contexto é aberto.
    • A guia única não é renderizada corretamente após fixar/desafixar seu irmão.

    1.0.0

    Versão inicial do Ignite UI Dock Manager.