Ignite UI for Web Components 변경 내역

각 버전의 Ignite UI for Web Components에 대한 모든 주목할 만한 변경 사항은 이 페이지에 설명되어 있습니다.

6.0.0(2025년 6월)

igniteui-웹 구성요소-차트(차트)

• 새 차트 데이터 주석

  • 데이터 주석 밴드 레이어(베타)
  • 데이터 주석 라인 레이어(베타)
  • 데이터 주석 사각형 계층(베타)
  • 데이터 주석 슬라이스 레이어(베타)
  • 데이터 주석 스트립 레이어(베타)

• ​데이터 도구 설명 및 데이터 범례는 도구 설명 또는 범례의 내용을 테이블 또는 세로 레이아웃 구조로 레이아웃하는 데 사용할 수 있는 새 LayoutMode 속성을 노출합니다.

• ​defaultInteraction 차트의 속성이 새로운 열거형을 포함하도록 업데이트되었으며, DragSelect 여기서 드래그된 미리보기 Rect는 그 안에 포함된 점을 선택합니다. (베타)

• 위에 나열된 새로운 차트 데이터 주석 외에도 ValueOverlay 및 ValueLayer는 이제 그림 영역에서 추가 주석 텍스트를 오버레이하는 데 사용할 수 있는 속성을 노출 OverlayText 합니다. 이러한 주석의 모양은 많은 OverlayText 접두사 속성을 사용하여 구성할 수 있습니다. 예를 들어, 속성은 OverlayTextBrush 오버레이 텍스트의 색상을 구성합니다. (베타)

• 새로운 추세선 레이어 계열 유형: 추세선 레이어당 단일 추세선을 특정 계열에 적용할 수 있습니다. 이렇게 하면 차트에 여러 TrendlineLayer 계열 유형이 있을 수 있으므로 단일 계열에서 여러 추세선을 사용할 수 있습니다.

igniteui-webcomponents-dashboards(대시보드)

• ​DashboardTile 이제 DataGrid 보기에서 정렬, 그룹화, 필터링 및 선택과 같은 차트 시각화로 집계를 전파할 수 있습니다. 이것은 현재 of DataSource the DashboardTile를 instance of LocalDataSource에 바인딩하여 지원됩니다 .

igniteui-웹 구성 요소-그리드

주요 변경 내용

• 이 DataGrid & IgcMultiColumnComboBoxComponent 이제 igniteui-webcomponents-data-grids 패키지의 일부입니다.

향상

툴바

• 이제 도구 모음에서 추가된 값 레이어가 범례에 나타납니다.
• 확대/축소 재설정 도구가 확대/축소 드롭다운으로 이동되었습니다.

데이터 파이 차트

• 이제 차트에서 메서드를 노출합니다 GetOthersContext(). 그러면 "others" 슬라이스의 내용이 반환됩니다.

버그 수정

버그 번호	제어	설명
25997	IGCC데이터 그리드	요약은 첫 번째 그룹화된 자식 행에 대해서만 표시됩니다.
37023	IgcData차트	툴팁은 overflow hidden이 설정된 경우 잘리거나 화면에서 벗겨집니다.
37244	뛰어나다	사용자 지정 데이터 유효성 검사가 작동하지 않습니다.
37685	IGC스프레드시트	Arial 글꼴로 서식이 지정된 숫자의 렌더링 불량.

5.4.0(2025년 4월)

igniteui-웹 구성 요소-그리드

• 모든 그리드
  • 속성을 통해 filteringExpressionsTree 초기 필터링 적용 허용

버그 수정

버그 번호	제어	설명
25602	IGCC데이터 그리드	날짜별 필터 연산자 중 하나를 사용하여 레이아웃을 로드하면 TypeError 콘솔 오류가 발생합니다.
28480	IGC 콤보	데이터 소스가 교체될 때 정의되지 않은 참조 오류가 발생합니다.
30319	IGCC데이터 그리드	값이 변경되지 않았음에도 불구하고 레코드가 정렬됩니다.
32598	IGCC데이터 그리드	다중 선택이 제대로 작동하지 않습니다.
36374	Igc입력	이전 값은 모든 터치 장치에서 양식을 제출할 때 바인딩되었습니다.

5.3.0(2025년 2월)

향상

툴바

• 새로 추가됨 GroupHeaderTextStyle 속성을 toolbar 그리고 IgcToolPanelComponent. 설정하면 모든 항목에 적용됩니다. IgcToolActionGroupHeaderComponent 작업.
• 제목 텍스트의 수평 정렬을 제어하는 called titleHorizontalAlignment에 IgcToolActionComponent 새로운 속성을 추가했습니다.
• 에 새 속성을 추가했습니다. IgcToolActionSubPanelComponent 호출 ItemSpacing 패널 내부의 항목 사이의 간격을 제어합니다.

버그 수정

다음 표에는 이 릴리스의 Ignite UI for Web Components 도구 집합에 대한 버그 수정이 나열되어 있습니다.

버그 번호	제어	설명
26218	엑셀 라이브러리	차트의 플롯 영역 오른쪽 여백이 좁아지고 채우기 패턴과 채우기 전경이 Excel 파일을로드하는 것만으로 사라집니다.
30286	IgcData차트	거품 시리즈 도구 설명 내용이 거품을 클릭하면 근처의 거품 데이터 내용으로 전환됩니다.
32906	IgcData차트	IgcDataChart는 상단에 두 개의 xAxis를 표시합니다.
33605	IgcData차트	ScatterLineSeries가 범례에서 선의 색을 올바르게 표시하지 않습니다.
34053	IgcRadial게이지	축척 레이블의 위치가 이동됩니다.
34083	엑셀 라이브러리	TextOperatorConditionalFormat's가 제대로 로드/저장되지 않음: 텍스트에 템플릿에 =가 포함되어 있으면
34776	IgcData차트	IgcDataChart를 반복적으로 표시하거나 숨기면 JS 힙에서 메모리 누수가 발생합니다.
35495	엑셀 라이브러리	템플릿 파일이 로드될 때 셀의 그림이 손실됩니다.
35496	IGC스프레드시트	Excel에서 이미지를 사용하여 스타일을 설정할 때 오류 발생
35498	IgcData차트	IncludedSeries에 지정된 계열에 대한 도구 설명이 표시되지 않습니다.
36176	엑셀 라이브러리	LET 함수가 있는 Excel 통합 문서를 로드할 때 예외가 발생합니다.
36379	엑셀 라이브러리	Excel 통합 문서에서 알파 채널이 있는 색상이 로드되지 않음

5.2.0(2025년 1월)

• 버그 수정

igniteui-웹 구성 요소-그리드

• 모든 그리드
  • 구성 요소가 여러 중복 브라우저 탭에서 열릴 때 발생하는 심각한 메모리 누수가 수정되었습니다.

5.1.1(2024년 12월)

igniteui-webcomponents-charts (Charts)

DashboardTile(베타)

• 새 대시보드 타일 구성 요소는 바인딩된 ItemsSource 컬렉션 또는 단일 요소를 분석 및 시각화하고 데이터의 스키마 및 개수에 따라 적절한 데이터 시각화를 반환하는 컨테이너 컨트롤입니다. 이 컨트롤은 기본 제공 Toolbar 구성 요소를 활용하여 런타임에 시각화를 변경할 수 있도록 하므로 최소한의 코드로 데이터의 다양한 시각화를 볼 수 있습니다.

igniteui-webcomponents-charts (입력)

• 새로운 ColorEditor (베타) & 툴바 툴액션 (베타)

이 새로운 색상 편집기는 독립형 색상 선택기로 사용할 수 있으며 이제 런타임 시 시각화를 업데이트하기 위해 도구 모음 구성 요소에 통합되었습니다.

5.0.0(2024년 9월)

igniteui-webcomponents-charts (Charts)

• 새 데이터 파이 차트-IgcDataPieChartComponent 원형 차트를 렌더링하는 새로운 구성 요소입니다. 이 구성 요소는 기본 데이터 모델의 속성을 자동으로 감지하는 동시에 ItemLegend 구성 요소를 통해 선택, 강조 표시, 애니메이션 및 범례 지원을 허용한다는 점에서 유사 IgcCategoryChartComponent 하게 작동합니다.

• New Proportional Category Angle Axis- 원형 차트와 유사한 슬라이스를 그리기 위한 방사형 파이 시리즈의 IgcDataChartComponent 새로운 축으로, 데이터 포인트가 원형 그래프 내에서 세그먼트로 표시되는 데이터 시각화 유형입니다.

• toolbar

  • New ToolActionCheckboxList 선택할 수 있는 확인란이 있는 항목 컬렉션을 표시하는 새로운 CheckboxList ToolAction입니다. ToolAction CheckboxList 내의 그리드는 높이가 최대 5개 항목까지 증가한 다음 스크롤 막대가 표시됩니다. IgcCheckboxListModule을 등록해야 합니다.

  • 새로운 필터링 지원

  • 축 필드 변경 사항: CategoryChart를 대상으로 할 때 도구 모음의 새로운 기본 IconMenu. 레이블 필드는 X축에 매핑되고 값 필드는 Y축에 매핑됩니다. 대상 차트는 변경 사항에 실시간으로 반응합니다. 차트에 ItemsSource가 설정되어 있지 않으면 IconMenu가 숨겨집니다.

igniteui-webcomponents-grids

• 모든 그리드
  • 새로운 RowClick 이벤트가 추가되었습니다.
• IgcPivotGridComponent
  • 추가 sortable에 대한 속성 IgcPivotDimension.
  • 가로 레이아웃이 추가되었습니다. 새 pivotUI 속성 내에서 다음과 같이 활성화할 수 있습니다 rowLayout ​ ​horizontal.
  • 수평 레이아웃에 대해서만 행 차원 요약을 추가했습니다. 각각에 대해 활성화할 수 있습니다. IgcPivotDimension 설정하여 horizontalSummary 받는 사람 참.
  • 에 속성을 pivotUI 추가하여 horizontalSummariesPosition 수평 요약 위치를 구성합니다.
  • 행 차원에 대한 행 머리글을 추가했습니다. 새로운 내부에서 활성화할 수 있습니다. pivotUI 속성을 showHeaders ​ ​참.
  • 이제 키보드 탐색을 통해 행 차원 머리글 또는 열 머리글에서 앞뒤로 행 머리글로 이동할 수 있습니다.
  • + ←​ ​↓ ​ ​→ ​ ​↑ 화살표를 사용하여 행 차원 축소 및 + ↑​ ​↓ 화살표를 사용한 Alt ​ ​Ctrl 행 머리글 정렬에 대한 키보드 상호 작용이 추가되었습니다.

주요 변경 사항:

• 모든 그리드
  • IgcRowIsland
  • 더 이상 사용되지 않는 속성을 제거했습니다 displayDensity.
  • 이름이 바뀌고 actualColumns​ ​contentColumns 속성이 and contentColumnList로 변경되었습니다 actualColumnList. 또는 columnList 속성을 사용하여 column 이제 모든 열을 가져옵니다.
  • 이름이 rowDelete 바뀌고 rowAdd 이벤트 인수 형식이 변경되었습니다 IgcRowDataCancelableEventArgs.
  • 이름을 바꿀 contextMenu event 인수 유형을 IgcGridContextMenuEventArgs.
  • 제거된 IgcGridEditEventArgs, IgcGridEditDoneEventArgs, IgcPinRowEventArgs events rowID 및 primaryKey 속성. 대신 사용하십시오 rowKey.
• IgcPivotGridComponent
  • removed showPivotConfigurationUI 속성을 클릭합니다. 새 showConfiguration 옵션을 사용하고 pivotUI 그 안에 설정하십시오.
• IgcColumnComponent
  • 속성이 제거되었습니다 movable. 지금 Grid의 moving 속성을 사용합니다.
  • 속성이 제거되었습니다 columnChildren. 대신 사용하십시오 childColumns.
• columnGroup
  • 속성이 제거되었습니다 children. 대신 사용하십시오 childColumns.
• IgcPaginator
  • 제거된 isFirstPageDisabled 속성. isLastPageDisabled 대신 and를 isLastPage 사용합니다 isFirstPage.

4.8.1(2024년 6월)

igniteui-webcomponents

• IgcInputComponent, IgcTextareaComponent- 사용자 입력을 제한하지 않고 유효성 검사 규칙을 적용할 수 있도록 노출 validateOnly 됩니다.
• IgcDropdownComponent-IgcPositionStrategy property는 더 이상 사용되지 않습니다. 이제 드롭다운은 API를 Popover 사용하여 브라우저 뷰포트의 최상위 계층에서 컨테이너를 렌더링하므로 속성이 더 이상 사용되지 않습니다.
• IgcDockManagerComponent-IgcSplitPane ​ ​isMaximized은(는) 더 이상 사용되지 않습니다. 분할 창 수준에서 isMaximized를 true로 설정하면 분할 창은 컨테이너로만 사용되므로 최대화된 상태로 표시할 실제 콘텐츠가 없으므로 실제 효과가 없습니다. isMaximized 대신 and/or IgcContentPane 속성을 IgcTabGroupPane 사용합니다.

igniteui-webcomponents-grids

• DisplayDensity CSS 사용자 정의 속성을 위해--ig-size 더 이상 사용되지 않습니다. 그리드에 대한 자세한 내용은 그리드 크기 항목을 확인하세요.

igniteui-webcomponents-charts (Charts)

• 데이터 범례 그룹화 및 데이터 툴팁 그룹화- 새로운 그룹화 기능이 추가되었습니다. 이 속성은 GroupRowVisible 각 시리즈로 그룹화를 전환하고 옵트인하면 속성을 통해 그룹 텍스트를 할당할 수 있습니다 dataLegendGroup. 동일한 값이 둘 이상의 시리즈에 적용되면 그룹화되어 표시됩니다. 모든 사용자에 대해 분류하고 구성해야 하는 대규모 데이터 세트에 유용합니다.

• 차트 선택- 새로운 시리즈 선택 스타일링. 이것은 모든 범주, 금융 및 방사형 시리즈에 걸쳐 IgcCategoryChartComponent 광범위하게 채택됩니다 IgcDataChartComponent. 시리즈를 클릭하면 다른 색상, 밝아지거나 흐려지게 표시, 윤곽선에 초점을 맞출 수 있습니다. 개별 계열 또는 전체 데이터 항목을 통해 영향을 받는 항목을 관리합니다. 여러 시리즈 및 마커가 지원됩니다. partcular dataitem의 값 간의 다양한 차이점 또는 유사점을 설명하는 데 유용합니다. 또한 SelectedSeriesItemsChanged 이벤트 및 selectedSeriesItems 선택 항목에 따른 데이터 분석을 통해 팝업 또는 기타 화면과 같이 응용 프로그램 내에서 발생할 수 있는 다른 작업을 포함하는 강력한 비즈니스 요구 사항을 구축하는 데 추가 도움을 받을 수 있습니다.

• Treemap Highlighting- 이제 트리 맵에 highlightingMode 있는 항목의 마우스 오버 강조 표시를 구성할 수 있는 속성을 노출합니다. 이 속성은 두 가지 옵션을 사용합니다 : Brighten 강조 표시는 마우스를 올려 놓은 항목에만 적용되고 FadeOthers, 호버 된 항목의 강조 표시는 동일하게 유지되지만 다른 모든 항목은 페이드 아웃됩니다. 이 강조 표시는 애니메이션되며 속성을 사용하여 highlightingTransitionDuration 제어할 수 있습니다.

• 트리맵 퍼센트 기반 강조 표시 - 새로운 퍼센트 기반 하이라이트를 통해 노드가 컬렉션의 진행 상황 또는 하위 집합을 나타낼 수 있습니다. 모양은 데이터 항목의 멤버에 의해 또는 새 highlightedDataSource 멤버를 제공하여 특정 값까지 배경색의 채우기로 표시됩니다. 비아를 통해 highlightedValuesDisplayMode 전환하고 스타일을 지정할 FillBrushes 수 있습니다.

• toolbar- 선택한 특정 도구 주위의 테두리를 윤곽선으로 표시하기 위한 ToolAction에 대한 새로운 IsHighlighted 옵션.

igniteui-webcomponents-gauges (Gauges)

• IgcRadialGaugeComponent
  • 강조 표시 바늘의 새 레이블입니다. highlightLabelText 그리고 highlightLabelSnapsToNeedlePivot HighlightLabel에 대한 다른 많은 스타일 관련 속성이 추가되었습니다.

4.8.0(2024년 3월)

• 새로운 [IgcHierarchicalGridComponent](grids/hierarchical-grid/overview.md) 구성 요소.

4.6.0(2023년 12월)

• 새로운 기능(그리드) -상태 지속성이 추가되었습니다.

4.2.5(2023년 4월)

• 새로운 주장 primaryKey에 소개되었습니다 IgcRowDataEventArgs, 그리고에 의해 방출되는 이벤트 인수의 일부 RowAdded 그리고 RowDeleted 이벤트. 그리드에 추가된 기본 키 속성이 있는 경우 생성된 기본 키 이벤트 인수는 행 ID를 나타내며, 그렇지 않은 경우 기본값은 정의되지 않음입니다.

• RowSelectionChanging 이벤트 인수가 변경되었습니다. 이제 OldSelection, NewSelection, Added 및 Removed 컬렉션은 그리드가 기본 키를 설정할 때 더 이상 선택한 요소의 행 키로 구성되지 않지만 이제 어떤 경우에도 행 데이터가 내보내집니다.

• 그리드가 원격 데이터로 작업 중이고 기본 키가 설정된 경우 현재 그리드 보기의 일부가 아닌 선택한 행이 부분 행 데이터 개체에 대해 내보내집니다.

• 선택한 행이 그리드 구성 요소에서 삭제되면 RowSelectionChanging 이벤트가 더 이상 발생하지 않습니다.

• ​OnGroupingDone 이벤트는 접두사가 붙지 않은 출력 규칙을 위반하지 않도록 GroupingDone으로 이름이 변경되었습니다.

• ​OnDensityChanged 이벤트는 접두사가 없는 출력 규칙을 위반하지 않도록 DensityChanged로 이름이 변경되었습니다. 이 이벤트를 노출하는 모든 구성요소가 영향을 받습니다.

• IgcPivotGridComponent: 그만큼 IgcPivotDateDimension 속성 InBaseDimension 그리고 InOption 더 이상 사용되지 않으며 이름이 다음으로 변경되었습니다. baseDimension 그리고 options 각각.

4.0.4(2022년 12월)

• 새로운 피벗 그리드 구성 요소.

4.0.0(2022년 11월)

• 새 그리드 구성 요소.
• 새로운 트리 그리드(Tree Grid) 구성 요소.
• DataGrid:
  • ​IgcColumn을 다음으로 변경했습니다. IgcDataGridColumnComponent
  • ​GridCellEventArgs를​ ​IgcDataGridCellEventArgs
  • ​GridSelectionMode를 DataGridSelectionMode
  • ​SummaryOperand를 DataSourceSummaryOperand

3.2.1(2022년 6월)

• DataGrid:
  • 큰 데이터 집합을 유사한 콘텐츠가 있는 페이지 시퀀스로 분할하는 데 사용되는 새 기능 -행 페이징이 추가되었습니다. 페이지 매김을 사용하면 데이터를 설정된 행 수로 표시할 수 있으므로 사용자가 스크롤 막대 없이 데이터를 "스크롤"할 수 있습니다. 테이블 페이지 매김을 위한 UI에는 일반적으로 현재 페이지, 총 페이지, 사용자가 데이터 페이지를 넘길 수 있는 클릭 가능한 이전 및 다음 화살표/단추 등이 포함됩니다.

1.4.2(2021년 12월)

• DataGrid:
  • 추가됨 ValueMultiField, string[] 유형의 IgcComboBoxColumnComponent 드롭다운 항목에 여러 필드로 구성된 키가 포함된 경우에 사용됩니다.

다음과 같은 주요 변경 사항이 도입되었습니다. valueField 속성이 string[] 형식에서 문자열로 변경되었습니다.

1.4.1(2021년 11월)

• DataGrid:
  • 새로운 기능이 추가되었습니다:
    • Filter Row
    • Load/Save Layout Customizations
    • 열 그룹화를 위한 GroupBy 영역
    • 셀 병합
  • New API:
    • ​SelectionChanged 이벤트가 추가되었습니다. 다중 행 선택과 같은 선택 상호 작용의 변경 사항을 감지하는 데 사용됩니다.
  • 주요 변경 사항:
    • Changed grid's SummaryScope property's type to SummaryScope from DataSourceSummaryScope
    • Changed GroupHeaderDisplayMode property's type to GroupHeaderDisplayMode from DataSourceSectionHeaderDisplayMode

1.3.0(2021년 4월)

• DataGrid:
  • Added EditOnKeyPress aka Excel-style Editing, instantly begin editing when typing.
  • ​EditModeClickAction 속성이 추가되었습니다. - 기본적으로 편집 모드로 들어가려면 두 번 클릭해야 합니다. 새 셀을 선택할 때 편집 모드가 발생하도록 하려면 SingleClick으로 설정할 수 있습니다.
  • ​EnterKeyBehaviors 속성 추가(일명 Excel 스타일 탐색(Enter 동작)) – Enter 키의 동작을 제어합니다. 예를 들어 옵션은 (없음, 편집, 위, 아래, 왼쪽, 오른쪽으로 이동)입니다.
  • ​EnterKeyBehaviorAfterEdit 속성이 추가되었습니다. - 편집 모드에 있는 동안 이 속성은 Enter 키를 눌렀을 때를 제어합니다. 예를 들어 옵션은 다음과 같습니다(아래, 위, 오른쪽, 왼쪽 셀로 이동).
  • Added selectAllRows - method.
  • 행 범위 선택 추가 -GridSelectionMode 속성이 MultipleRow로 설정된 경우 이제 다음과 같은 새로운 기능이 포함됩니다.
    • 행을 선택하려면 클릭하고 드래그하세요.
    • 여러 행을 선택하려면 Shift 키를 누른 채 클릭하세요.
    • 여러 행을 선택하려면 Shift 키를 누른 채 위쪽/아래쪽 화살표 키를 누르세요.
  • 스페이스바를 누르면 MultipleRow 또는 SingleRow로 설정된 GridSelectionMode 속성을 통해 활성 행 선택이 전환됩니다.
  • Added Column Summaries to Column Options Dialog.

1.1.3(2020년 11월)

• DataGrid:

이러한 주요 변경 사항은 그리드 패키지에 도입되었습니다.

• PropertyPath의 이름이 변경되었습니다.

데이터 그리드 구성 요소 속성 propertyPath 이름이 field로 변경되었습니다. 이는 모든 열 유형, GroupDescription, SortDescription 및 SummaryDescription에 적용됩니다.

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

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";
ts

1.1.2(2020년 4월)

• DataGrid:

• Live Grid의 이름 변경 - 데이터 그리드 구성 요소와 해당 모듈의 이름이 "LiveGrid"에서 "DataGrid"로 변경되었습니다.

이러한 주요 변경 사항은 다음 패키지 및 구성 요소에만 도입되었습니다.

그리드와 해당 모듈을 가져오기 위한 새 코드는 다음과 같습니다.

import { IgcDataGrid } from "igniteui-webcomponents-data-grids";
import { IgcDataGridModule } from 'igniteui-webcomponents-data-grids';
ts

• 에 대한 필수 피어 종속성 DataGrid

데이터 그리드 구성 요소에는 "inputs" 패키지가 필요합니다.

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

igniteui-웹 구성 요소

5.1.0(2024년 10월)

Added

• 새로운 캐러셀 구성 요소.

5.0.0(2024년 8월)

• IgcIconComponent
  • 메소드가 추가되었습니다 setIconRef. 이를 통해 SVG 파일로 아이콘을 등록하고 바꿀 수 있습니다.
  • 이제 모든 구성 요소는 내부적으로 참조로 아이콘을 사용하므로 사용자 지정 템플릿을 명시적으로 제공하지 않고도 쉽게 바꿀 수 있습니다.
• IgcRadioGroupComponent
  • 및 value 속성이 추가되었습니다 name.

주요 변경 사항:

• 구성 요소를 제거했습니다 Form. 대신 네이티브 형식을 사용합니다.
• 다음 구성 요소에 대한 CSS 사용자 지정 속성을 위해--ig-size 속성을 제거 size 했습니다.
  • IgcAvatarComponent, IgcButtonComponent, IgcIconButtonComponent​ ​IgcCalendarComponent​ ​IgcChipComponent​ ​IgcDropdownComponent​ ​IgcIconComponent​ ​IgcInputComponent​ ​IgcListComponent​ ​IgcRatingComponent​ ​IgcSnackbarComponent​ ​IgcTabsComponent​ ​IgcTreeComponent
• 사용자 지정 igcFocus 및 igcBlur 이벤트를 제거했습니다. 다음 구성 요소에 대해 native focus 및 blur events를 대신 사용하십시오.
  • IgcButtonComponent, IgcIconButtonComponent,, IgcSwitchComponent​ ​IgcCheckboxComponent, IgcComboComponent, IgcDateTimeInputComponent​ ​IgcRadioComponent​ ​IgcInputComponent​ ​IgcMaskInputComponent​ ​IgcSelectComponent, IgcTextareaComponent
• IgcCheckboxComponent,, IgcSwitchComponent​ ​IgcRadioComponent
  • 이벤트 인수가 다음에서 CustomEvent<boolean> 다음으로 변경되었습니다 igcChange. CustomEvent<{ checked: boolean; value: string | undefined }>
• IgcComboComponent, IgcSelectComponent
  • , flip, sameWidth properties가 제거되었습니다 positionStrategy.
• IgcDialogComponent
  • 속성의 closeOnEscape 이름이 다음과 같이 변경되었습니다 keepOpenOnEscape.
• IgcDropdownComponent
  • 속성이 제거되었습니다 positionStrategy.
• IgcInputComponent
  • 제거된 maxlength 속성. minlength 네이티브 maxLength 및 속성 또는 max 및 대신 사용합니다 min​ ​minLength.
  • 이름이 readonly 바뀌고 inputmode 속성이 and inputMode로 변경되었습니다 readOnly.
• IgcRangeSliderComponent
  • 이름이 변경됨 ariaThumbLower / ariaThumbUpper 속성/ thumbLabelUpper. thumbLabelLower​
• IgcRatingComponent
  • 속성의 이름이 readonly 다음과 같이 바뀝니다 readOnly.

4.11.1(2024년 7월)

변경

• IgcStepperComponent- 수직 모드의 디자인 변경.

4.11.0(2024년 7월)

변경

• IgcToastComponent, IgcRatingComponent,-IgcStepperComponent 인디고 테마의 스타일이 변경되었습니다.

4.10.0(2024년 7월)

Added

• 새로운 배너 구성 요소
• 새로운 Divider 구성 요소
• 새 DatePicker 구성 요소
• IgcRadioGroupComponent- 라디오 그룹을 통해 기본 라디오 구성 요소 이름 및 확인된 상태를 바인딩합니다.

Deprecated

• IgcInputComponent ​ ​Inputmode 재산. 대신 네이티브 inputMode DOM 속성과 일치합니다.

부정하게 결정된

• IgcInputComponent, IgcTextareaComponent- value에 전달 undefined 하면 기본 입력 값이 undefined로 설정됩니다.
• IgcMaskInputComponent- 양식 reset 호출 후 기본 입력 값과 자리 표시자 상태를 올바르게 업데이트합니다.
• IgcTreeComponent- CSS 파트 항목을 indicator 설정하면--ig-size 아이콘의 크기가 변경됩니다.
• IgcDateTimeInputComponent- 특정 시나리오에서 이중 igcChange 방출.
• IgcNavDrawerComponent- 미니 변형은 열린 상태가 아닐 때 처음에 렌더링되지 않습니다.
• IgcComboComponent:
  • 이제 키를 사용하여 Enter 항목을 선택하면 단일 선택 모드에서 올바르게 작동합니다.
  • 이제 옵션을 켜 disableFiltering 면 이전에 입력한 검색어가 모두 지워집니다.
  • 선택한 항목과 이미 일치하는 단일 선택 모드에서 검색어를 입력하면 이제 올바르게 작동합니다.

4.9.0(2024년 4월)

Added

• IgcButtonGroupComponent- 이제 속성을 통해 선택 상태를 재설정할 수 있습니다 selectedItems.
• IgcInputComponent, IgcTextareaComponent- 사용자 입력을 제한하지 않고 유효성 검사 규칙을 적용할 수 있도록 노출 validateOnly 됩니다.

변경

• IgcComboComponent,이제 select​ ​IgcDropdownComponent 네이티브 Popover API를 사용합니다.

Deprecated

• IgcDropdownComponent-IgcPositionStrategy property는 더 이상 사용되지 않습니다. 이제 드롭다운은 API를 Popover 사용하여 브라우저 뷰포트의 최상위 계층에서 컨테이너를 렌더링하므로 속성이 더 이상 사용되지 않습니다.

부정하게 결정된

• IgcDateTimeInputComponent- 구성 요소가 읽기 전용 모드일 때 Material 테마의 레이블이 손상됩니다.

4.8.2(2024년 4월)

부정하게 결정된

• IgcTextareaComponent- 접미사가 붙지 않은 텍스트 영역의 핸들 위치 크기를 조정합니다.
• IgcTabsComponent- 단일 호출 스택에서 탭 그룹과 탭을 동적으로 만들고 추가할 때 오류가 발생했습니다.
• IgcCheckboxComponent / IgcSwitchComponent- 처음에 선택한 경우 양식 제출에 참여합니다.
• IgcDialogComponent-igcClosed 구성 요소가 실제로 닫히거나 숨겨지기 전에 발생합니다.

4.8.1(2024년 4월)

부정하게 결정된

• IgcDateTimeInputComponent-inputFormat는 이미 설정된 값에는 적용되지 않습니다.
• IgcCheckboxComponent, IgcRadioComponent, IgcSwitchComponent- Form 유효성 검사를 동기적으로 적용합니다.
• select, IgcDropdownComponent- 드롭다운/아이템 선택 슬롯 내부의 래핑 요소를 클릭할 때 아이템을 선택할 수 없습니다.
• IgcTreeComponent- 활성 상태가 클릭 시 올바른 트리 노드에 올바르게 적용됩니다.

4.8.0(2024년 3월)

Added

• IgcComboComponent 이제 제공된 데이터의 순서대로 그룹을 표시하는 none으로 설정할 groupSorting 수 있습니다.
• IgcButtonComponent / IgcIconButtonComponent- 테마 전반에 걸쳐 업데이트된 시각적 모양, 새로운 상태.
• NavBar- Bootstrap 테마에 테두리를 추가했습니다.

변경

• 그룹화 위치 IgcComboComponent는 더 이상 데이터를 정렬하지 않습니다. groupSorting 이제 속성이 그룹의 정렬 방향에만 영향을 줍니다. 동작 변경: 이전 릴리스에서는 그룹의 정렬 방향도 항목을 정렬했습니다. 이 동작을 수행하려면 이미 정렬 된 데이터를 전달할 수 있습니다 IgcComboComponent.

Deprecated

• IgcSliderComponent-aria-label-upper 더 aria-label-lower 이상 사용되지 않으며 다음 주요 릴리스에서 제거될 예정입니다. 대신 and를 thumb-label-lower 사용합니다 thumb-label-upper.

부정하게 결정된

• IgcButtonComponent- 슬롯 아이콘 크기.
• IgcButtonGroupComponent
  • Fluent 테마 모양이 업데이트되었습니다.
  • Safari에서 비활성화 상태.
• IgcComboComponent / select- 스타일 문제.
• IgcSliderComponent
  • 이제 슬라이더 트랙을 클릭하면 트랙 요소 너비가 계산의 기준으로 사용됩니다.
  • 슬라이더 엄지 손가락을 계속 드래그하고 상한/하한을 초과하는 동안 입력 이벤트가 더 이상 발생하지 않습니다.
  • /before/를 설정할 upper-bound 때 슬라이더는 더 이상 바인딩된 속성을 / max의 이전 값으로 min 덮어쓰지 않습니다. max​ ​min​ ​lower-bound​
  • ​aria-label 슬라이더 현위치 표시기에 대한 바인딩이 더 이상 결과 렌더링에서 재설정되지 않습니다.
• IgcInputComponent
  • 기본 유효성 검사기는 동기적으로 실행됩니다.
  • 스타일 문제.
• IgcDateTimeInputComponent-setRangeText() 기본 값을 업데이트합니다.

4.7.0(2024년 1월)

Added

• IgcTreeComponent- 노드를 클릭하면 확장된 상태가 변경되는지 여부를 결정하는 속성이 추가되었습니다 toggleNodeOnClick. 기본값은 다음과 같습니다 false.

• IgcRatingComponent-allowReset 추가. 활성화된 경우 동일한 값을 선택하면 구성 요소가 재설정됩니다. 동작 변경: 이전 릴리스에서는 등급 구성 요소의 기본 동작이었습니다. 응용 프로그램에서 이 동작을 유지해야 하는 경우 설정해야 allowReset 합니다.

변경

• 에 대한 IgcAvatarComponent​ ​IgcBadgeComponent​ ​IgcComboComponent WAI-ARIA 규정 준수가 개선되었습니다.

부정하게 결정된

• 에 대한 IgcDropdownComponent 활성 항목 비주얼 스타일, select 및 IgcComboComponent.
• IgcNavDrawerComponent- 미니 변형: 깨진 비주얼 스타일.

4.6.0(2023년 12월)

Added

• action 슬롯이 IgcSnackbarComponent 추가되었습니다.
• indicator-expanded 슬롯이 IgcExpansionPanelComponent 추가되었습니다.
• toggle-icon-expanded 슬롯이 select 추가되었습니다.
• select, IgcDropdownComponent- 노출 selectedItem​ ​items 및 groups 게터.

변경

• 패키지를 Lit v3로 업데이트했습니다.
• 구성 요소 어두운 변형은 이제 그림자 루트에 바인딩됩니다.
• 구성 요소는 현재 테마에 따라 기본 크기를 구현합니다.
• IgcButtonGroupComponent- 이벤트를 취소 불가로 변경했습니다.
• 구성 요소, CSS 최적화 및 번들 크기 축소.
• WAI-ARIA의 IgcIconComponent 개선, select, IgcDropdownComponent 및 IgcListComponent.

부정하게 결정된

• IgcTextareaComponent 스타일링 부품이 누락되었습니다.
• IgcTreeItemComponent 비활성화된 스타일.
• IgcSnackbarComponent 불필요한 스타일을 제거했습니다.
• IgcTreeItemComponent 호버 상태 시각 디자인.
• IgcCalendarComponent 보기를 전환할 때 포커스 상태를 유지하지 않습니다.

4.5.0(2023년 10월)

Added

• 새 텍스트 영역 구성 요소.
• 새 버튼 그룹 구성 요소.
• 신규 IgcToggleButtonComponent.
• IgcNavDrawerComponent 이제 CSS 전환을 지원합니다.
• and IgcSnackbarComponent에 대한 IgcToastComponent 위치 속성입니다.

Deprecated

속성과 size 속성은 모든 구성 요소에서 더 이상 사용되지 않습니다.--ig-size 대신 CSS 사용자 정의 속성을 사용하십시오. 다음 예제에서는 구성 요소의 크기를 IgcAvatarComponent small로 설정합니다.

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

부정하게 결정된

• Safari에서 콤보 항목 위치.
• RTL 컨텍스트의 일정 탐색 단추입니다.
• 내보내기 IgcComboChangeEventArgs 유형.
• lazy data binding을 사용한 콤보 값 및 선택 상태Combo value and selection states with lazy data binding.
• 다양한 스타일 및 테마 수정 및 조정.

4.4.0(2023년 8월)

Added

• 다음 구성 요소는 이제 Form Associated Custom Elements입니다. 부모와 <form> 자동으로 연결되며 브라우저에서 제공하는 컨트롤처럼 동작합니다.
  • IgcButtonComponent & IgcIconButtonComponent
  • IgcCheckboxComponent
  • IgcComboComponent
  • IgcDateTimeInputComponent
  • IgcInputComponent
  • IgcMaskInputComponent
  • IgcRadioComponent
  • IgcRatingComponent
  • 싱글 IgcSliderComponent
  • select
  • IgcSwitchComponent
• IgcStepperComponent 이제 애니메이션을 지원합니다.

변경

• IgcRatingComponent 유창한 테마 색상.
• IgcStepperComponent 표시기 스타일 및 색상 스키마.

Deprecated

• Form component는 더 이상 사용되지 않습니다.
• IgcInputComponent:
  • minlength 속성은 더 이상 사용되지 않으며 다음 주 버전에서 제거됩니다. 대신 사용하십시오 minLength.
  • maxlength 속성은 더 이상 사용되지 않으며 다음 주 버전에서 제거됩니다. 대신 사용하십시오 maxLength.
  • readonly 속성은 더 이상 사용되지 않으며 다음 주 버전에서 제거됩니다. 대신 사용하십시오 readOnly.
• IgcMaskInputComponent:
  • readonly 속성은 더 이상 사용되지 않으며 다음 주 버전에서 제거됩니다. 대신 사용하십시오 readOnly.
• IgcDateTimeInputComponent:
  • readonly 속성은 더 이상 사용되지 않으며 다음 주 버전에서 제거됩니다. 대신 사용하십시오 readOnly.
  • minValue 속성은 더 이상 사용되지 않으며 다음 주 버전에서 제거됩니다. 대신 사용하십시오 min.
  • maxValue 속성은 더 이상 사용되지 않으며 다음 주 버전에서 제거됩니다. 대신 사용하십시오 max.
• IgcRatingComponent:
  • readonly 속성은 더 이상 사용되지 않으며 다음 주 버전에서 제거됩니다. 대신 사용하십시오 readOnly.

제거

• 기본 속성을 가리는 자체 dir 속성을 제거했습니다. 이는 호환성이 손상되지 않는 변경 입니다.
• IgcSliderComponent-ariaLabel 그림자 속성. 이는 호환성이 손상되지 않는 변경 입니다.
• IgcCheckboxComponent-ariaLabelledBy 그림자 속성. 이는 호환성이 손상되지 않는 변경 입니다.
• IgcSwitchComponent-ariaLabelledBy 그림자 속성. 이는 호환성이 손상되지 않는 변경 입니다.
• IgcRadioComponent-ariaLabelledBy 그림자 속성. 이는 호환성이 손상되지 않는 변경 입니다.

부정하게 결정된

• IgcInputComponent- 변형 스타일 문제와 인디고 테마 문제를 간략하게 설명했습니다.
• select- 변형 스타일 문제 설명
• IgcDateTimeInputComponent-spinUp/spinDown 입력에 초점이 맞춰져 있을 때 캐럿 이동을 호출합니다.

4.3.1(2023년 8월)

Added

• IgcTreeComponent- 구성 요소 애니메이션.
• 구성 요소 테두리 반경은 해당 스키마에서 사용됩니다.

변경

• IgcComboComponent, IgcInputComponent, select- 스키마 색상.
• IgcDropdownComponent- 스키마 색상.
• IgcIconComponent- 테마 스타일과 크기를 업데이트했습니다.

부정하게 결정된

• IgcComboComponent- 특정 시나리오에서 단일 선택이 작동하지 않습니다.
• IgcDropdownComponent- 다양한 스타일링 수정.
• IgcIconButtonComponent- 잔물결이 있는 테두리 반경.
• IgcIconButtonComponent- Fluent 테마에서 잘못된 색상을 수정했습니다.
• IgcInputComponent- 다양한 스타일링 수정.
• IgcTreeItemComponent- 가장 가까운 igc-tree-item 조상을 부모로 할당합니다.
• IgcTabsComponent- 내부 숨겨진 스타일 및 사용자 지정 표시 속성.

4.3.0(2023년 6월)

Added

• IgcComboComponent:
  • matchDiacritics을 필터링 옵션 속성으로 변경합니다. 기본값은 false 입니다. true로 설정하면 필터는 악센트 부호가 있는 문자와 기본 문자를 구분합니다. 그렇지 않으면 문자열이 정규화 된 다음 일치합니다.
  • selection 현재 선택 항목을 데이터 개체의 배열로 반환하는 속성입니다.
• IgcCardComponent: 명시적 높이 지원
• IgcDialogComponent: 애니메이션 추가
• IgcSnackbarComponent: 애니메이션 추가
• IgcToastComponent: 애니메이션 추가

변경

• IgcComboComponent:
  • value 더 이상 읽기 전용이 아니며 명시적으로 설정할 수 있습니다. value 속성은 유효한 JSON 문자열 배열을 허용하는 선언적 바인딩도 지원합니다.
  • value 유형이 에서 string[]​ ​ComboValue<T>[] 다음으로 변경됨

  ComboValue<T> = T | T[keyof T]
  ts

  • igcChange event 객체 속성도 새 value 유형을 반영하도록 변경됩니다.

  interface IgcComboChangeEventArgs<T> {
    newValue: ComboValue<T>[];
    items: T[];
    type: ComboChangeType;
  }
  typescript

Deprecated

• select: 더 이상 사용되지 않습니다 sameWidth​ ​positionStrategy​ ​flip. 다음 주요 릴리스에서 제거될 예정입니다.

부정하게 결정된

• select: prefix / suffix /슬롯 helper-text이 렌더링되지 않습니다.
• IgcTabsComponent: 중첩된 탭을 선택합니다.
• IgcDialogComponent: 배경은 요소를 오버레이하지 않습니다.
• IgcDropdownComponent: 처음 열린 상태의 목록 상자 위치입니다.
• IgcStepperComponent: 부모 컨테이너에서 세로로 늘립니다.
• IgcNavbarComponent: 유창한 테마의 색상이 잘못되었습니다.
• 애니메이션 플레이어는 높이가 지정되지 않은 경우 오류를 발생시킵니다.
• IgcDateTimeInputComponent: Chromium 기반 브라우저에서 Intl.DateTimeFormat 문제가 발생합니다.

4.2.3(2023년 4월)

Deprecated

• IgcDialogComponent- 속성은 closeOnEscape 더 이상 사용되지 않고 새 속성 keepOpenOnEscape으로 사용됩니다.

부정하게 결정된

• IgcRadioComponent- 선택한 초점 상태의 색상입니다.
• IgcIconButtonComponent- 다른 디자인 시스템 제품과 일치하도록 아이콘 크기를 설정합니다.
• IgcChipComponent- Fluent 및 Material 테마에 대한 윤곽선 스타일을 제거했습니다.
• IgcCalendarComponent- 설정 값에 대한 날짜로 이동합니다.
• IgcTabsComponent- 부모의 전체 키를 취하지 않습니다.

4.2.2(2023년 3월)

Deprecated

• IgcButtonComponent- / suffix 슬롯은 prefix 더 이상 필요하지 않으며 다음 주요 릴리스에서 제거될 예정입니다.

부정하게 결정된

• IgcButtonComponent- UI 불일치.
• IgcCalendarComponent- Fluent 테마 불일치.
• IgcComboComponent- 검색된 목록에서 API를 통한 선택이 작동하지 않습니다.
• IgcDialogComponent- Fluent 테마 불일치.
• IgcInputComponent- UI 불일치.
• IgcToastComponent- Fluent 테마 불일치.
• defineAllComponents에 구성 요소가 없습니다.
• ,,에 대한 IgcAvatarComponent 잘못된 호스트 크기입니다 IgcIconButtonComponent. IgcButtonComponent​ ​IgcBadgeComponent​

4.2.1(2023년 2월)

부정하게 결정된

• IgcComboComponent- 단일 선택 모드에서 필터링할 때 일치하는 항목이 활성화되지 않습니다.

4.2.0(2023년 1월)

Added

• IgcComboComponent- 속성을 통한 단일 선택 모드. single-select​

부정하게 결정된

• IgcInputComponent- UI 불일치.
• IgcBadgeComponent- 아이콘을 올바르게 렌더링 igc-icon 하고 글꼴을 지정하지 않습니다.
• IgcRadioComponent- UI 불일치.
• IgcNavDrawerComponent- 항목 여백을 재정의할 수 없습니다.

4.1.1(2023년 1월)

부정하게 결정된

• IgcInputComponent
  • 구성요소 크기에 따라 레이블을 배치합니다.
  • 재질 테마가 디자인과 일치하지 않습니다.
  • 기본 입력을 캐시하지 마십시오.
• 카드 - WC와 Angular의 색상 차이가 있습니다.
• 테마 - 오래된--igc-* 변수를 업데이트합니다--ig-*.
• 요소 연결 해제 후 매달려 있는 참조를 제거했습니다.

4.1.0(2022년 12월)

Added

• 새로운 스테퍼 구성 요소.
• 새로운 콤보 구성 요소.
• IgcMaskInputComponent- 구성 요소에서 심볼을 삭제할 때 리터럴 위치를 건너뜁니다.

부정하게 결정된

• IgcMaskInputComponent- 사용자 입력에 대한 유효성 검사 상태입니다.

4.0.0(2022년 11월)

변경

• 테마
  • 빌드 - 테마를 빌드할 때 Ignite UI 테마 패키지를 활용하세요.
  • 크기 조정 - 모든 구성 요소 또는 개별 구성 요소에 대한 크기의 런타임 CSS 구성을 허용하는 CSS 변수를 도입했습니다.
  • 간격 - 구성 요소의 내부 간격(패딩/여백)에 대한 런타임 CSS 구성을 허용하는 CSS 변수를 도입했습니다.
  • 스크롤 막대 - 모든 요소에서 CSS 클래스를 설정하여 응용 프로그램 수준 스크롤 막대의 ig-scrollbar 스타일을 지정하는 기능이 추가되었습니다.

3.4.2(2022년 11월)

부정하게 결정된

• 에 대한 가져오기 오류가 해결되었습니다 DateRangeType.

3.4.1(2022년 9월)

변경

• IgcSliderComponent- 최신 Fluent 사양으로 테마를 업데이트했습니다.
• IgcCalendarComponent- 주말 요일 색상을 업데이트했습니다.

부정하게 결정된

• IgcTabsComponent ​ ​selected 속성은 init에서 컨텐츠 가시성을 중단합니다.

3.4.0(2022년 9월)

Added

• 새 대화 상자 구성 요소.
• 새로운 구성 요소 선택.

부정하게 결정된

• IgcCalendarComponent- 범위 선택 A11Y 개선.
• IgcRangeSliderComponent- A11Y 범위 값 선택이 개선되었습니다.
• IgcRatingComponent- A11Y가 개선되어 이제 보조 소프트웨어가 총 항목 수를 읽습니다.
• IgcToastComponent- 보조 소프트웨어가 집중하지 않고도 읽을 수 있도록 메시지 컨테이너에 추가되었습니다 role="alert".
• IgcChipComponent- 키보드로 제거 버튼에 액세스할 수 있습니다.
• IgcButtonComponent ​ ​prefix / suffix는 아이콘을 단추 텍스트에 정렬하지 않습니다.

3.3.1(2022년 8월)

변경

• IgcTreeComponent- 테마에서 지정한 높이를 제거했습니다.

부정하게 결정된

• IgcDropdownComponent- 최상위 이벤트 리스너를 삭제합니다.
• IgcLinearProgressComponent- Safari에서 확정되지 않은 애니메이션.
• IgcRadioGroupComponent- 하위 라디오 구성 요소 자동 등록.

3.3.0(2022년 7월)

Added

• 새로운 DateTimeInput 구성 요소.
• 새 탭 구성 요소.
• 새로운 아코디언 구성 요소.
• 테마의 타이포그래피 스타일.

변경

• IgcRatingComponent- 단일 선택 및 빈 심볼에 대한 지원이 추가되었습니다.
• IgcSliderComponent- 슬라이더 단계 렌더링이 개선되었습니다.
• 구성 요소는 이제 에 등록될 때 종속성을 자동으로 등록합니다. defineComponents

import { IgcDropdownComponent, defineComponents } from 'igniteui-webcomponents';
// will automatically register the dropdown item & group elements
// as well as their dependencies if any
defineComponents(IgcDropdownComponent);
typescript

자세한 내용은 공식 문서를 확인하세요.

부정하게 결정된

• 입력 도우미 텍스트 컨테이너가 비어 있을 때 제거합니다.
• IgcIconComponent Safari에 표시되지 않습니다.
• IgcCheckboxComponent Safari에 표시되지 않습니다.
• IgcButtonComponent 플렉스 컨테이너에서 올바르게 늘어납니다.
• 다양한 테마 문제.
• IgcDropdownComponent- 버그 수정 및 개선.

3.2.0(2022년 5월)

Added

• 새로운 MaskInput 구성 요소.
• 새로운 ExpansionPanel 구성 요소.
• 새 트리 구성 요소.
• IgcRatingComponent- 심볼 크기를 제어하기 위해 CSS 부분을 추가하고 CSS 변수를 노출 selected 했습니다.
• IgcIconButtonComponent- 슬롯된 콘텐츠를 허용합니다.

부정하게 결정된

• IgcNavDrawerComponent- 다양한 스타일이 수정되었습니다.
• 버튼 - 수직 정렬 및 초점 관리.
• IgcInputComponent- 오버플로 for suffix / prefix.
• IgcSwitchComponent- 작은 크기로 접습니다.
• IgcListComponent- 오버플로 동작.

3.1.0(2022년 4월)

Added

• IgcChipComponent: 및 suffix 슬롯이 추가되었습니다 prefix.
• IgcSnackbarComponent: 메소드가 추가되었습니다 toggle.

Deprecated

• IgcChipComponent: 기존에 노출 start 된 end 슬롯이 and suffix로 prefix 대체됩니다. 활성 상태로 유지되지만 이제 더 이상 사용되지 않으며 향후 버전에서 제거될 예정입니다.

부정하게 결정된

• IgcChipComponent:
  • 내부 아이콘을 자동으로 로드합니다.
  • 선택한 칩이 잘못 정렬되었습니다.
• 패키지: ESM 내부 가져오기 경로.

3.0.0(2022년 4월)

변경

• 호환성이 손상되는 변경: 모든 드롭다운 관련 클래스의 이름이 에서 DropDown* 다음으로 변경되었습니다. Dropdown*

2.2.0(2022년 4월)

Added

• 새로운 DropDown 구성 요소.
• IgcCalendarComponent: 활성 날짜는 속성을 통해 설정할 수 있습니다.

2.1.1(2022년 3월)

Added

• 다음에서 경계 반경과 고도를 제어합니다--igc-elevation-factor.--igc-radius-factor​

본보기:

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

2.1.0(2022년 3월)

Added

• 새로운 LinearProgress 구성 요소.
• 새로운 CircularProgress 구성 요소.
• 새로운 칩 구성 요소.
• 새로운 스낵바 구성 요소.
• 새로운 토스트 구성 요소.
• 새 등급 구성 요소.
• 구성 요소 테마는 함수를 호출하여 런타임에 configureTheme(theme: Theme) 변경할 수 있습니다.

2.0.0(2022년 2월)

Added

• 어두운 테마
• 새 슬라이더 구성 요소.
• 새 RangeSlider 구성 요소.
• 구성 요소의 Support required 속성입니다 IgcRadioComponent.

변경

• 확인란/스위치 유효성 상태 수정
• 쪼개다 IgcCalendarComponent의 value: Date | Date[] 속성을 두 가지 속성으로 -value: Date 그리고 values: Date[]
• Replaced IgcCalendarComponent의 속성 & has-header attribute를 & hide-header로 바꿉 hideHeader 니다 hasHeader.
• 의 속성을 다음으로 대체했습니다 IgcCardComponent​ ​outlined​ ​elevated.

제거

• 구성 요소에서 ,,이벤트를 igcClosing​ ​igcClosed 제거했습니다 igcOpening. igcOpened​ ​IgcNavDrawerComponent​

1.0.0(2021년 11월)

Ignite UI Web Components의 최초 릴리스

Added

• 아바타 구성 요소
• 배지 구성 요소
• Button 구성 요소
• Calendar 구성 요소
• 카드 구성 요소
• Checkbox 구성 요소
• 양식 구성 요소
• 아이콘 구성 요소
• IconButton 구성 요소
• 입력 구성 요소
• List 구성 요소
• 탐색 모음 구성 요소
• 탐색 창 구성 요소
• 라디오 그룹 구성 요소
• 라디오 구성 요소
• Ripple 구성 요소
• 스위치 구성 요소

igniteui-웹 구성 요소-차트

4.8.1(2024년 6월)

• 데이터 범례 그룹화 및 데이터 툴팁 그룹화- 새로운 그룹화 기능이 추가되었습니다. 이 속성은 GroupRowVisible 각 시리즈로 그룹화를 전환하고 옵트인하면 속성을 통해 그룹 텍스트를 할당할 수 있습니다 dataLegendGroup. 동일한 값이 둘 이상의 시리즈에 적용되면 그룹화되어 표시됩니다. 모든 사용자에 대해 분류하고 구성해야 하는 대규모 데이터 세트에 유용합니다.

• 차트 선택- 새로운 시리즈 선택 스타일링. 이것은 모든 범주, 금융 및 방사형 시리즈에 걸쳐 IgcCategoryChartComponent 광범위하게 채택됩니다 IgcDataChartComponent. 시리즈를 클릭하면 다른 색상, 밝아지거나 흐려지게 표시, 윤곽선에 초점을 맞출 수 있습니다. 개별 계열 또는 전체 데이터 항목을 통해 영향을 받는 항목을 관리합니다. 여러 시리즈 및 마커가 지원됩니다. 특정 데이터 항목의 값 간의 다양한 차이점 또는 유사점을 설명하는 데 유용합니다. 또한 SelectedSeriesItemsChanged 이벤트를 진행하고 selectedSeriesItems 팝업 또는 선택 항목에 따른 데이터 분석을 통해 다른 화면과 같이 응용 프로그램 내에서 발생할 수 있는 다른 작업과 관련된 강력한 비즈니스 요구 사항을 구축하는 데 추가 도움을 받을 수 있습니다.

• Proportional Category Angle Axis- Radial Pie Series의 새로운 축으로 IgcDataChartComponent, 파이 차트를 만들 수 있도록 하여 데이터 차트의 추가 기능을 모두 사용하여 강력한 시각화를 허용합니다.

• Treemap Highlighting- 이제 트리 맵에 highlightingMode 있는 항목의 마우스 오버 강조 표시를 구성할 수 있는 속성을 노출합니다. 이 속성은 두 가지 옵션을 사용합니다 : Brighten 강조 표시는 마우스를 올려 놓은 항목에만 적용되고 FadeOthers, 호버 된 항목의 강조 표시는 동일하게 유지되지만 다른 모든 항목은 페이드 아웃됩니다. 이 강조 표시는 애니메이션되며 속성을 사용하여 highlightingTransitionDuration 제어할 수 있습니다.

• 트리맵 퍼센트 기반 강조 표시 - 새로운 퍼센트 기반 하이라이트를 통해 노드가 컬렉션의 진행 상황 또는 하위 집합을 나타낼 수 있습니다. 모양은 데이터 항목의 멤버에 의해 또는 새 highlightedDataSource 멤버를 제공하여 특정 값까지 배경색의 채우기로 표시됩니다. 비아를 통해 highlightedValuesDisplayMode 전환하고 스타일을 지정할 FillBrushes 수 있습니다.

• toolbar- 선택한 특정 도구 주위의 테두리를 윤곽선으로 표시하기 위한 ToolAction에 대한 새로운 IsHighlighted 옵션.

4.8.0(2024년 3월)

• 속성을 통한 새 데이터 필터링. initialFilter 필터 표현식을 적용하여 차트 데이터를 레코드의 하위 집합으로 필터링합니다. 대용량 데이터를 드릴다운하는 데 사용할 수 있습니다.

• XamRadialChart

  • 새 레이블 모드 IgcCategoryAngleAxisComponent for the now는 labelMode 레이블의 위치를 추가로 구성할 수 있는 속성을 노출합니다. 이렇게 하면 열거형을 선택하여 Center 기본 모드 사이를 전환하거나 새 모드를 ClosestPoint 사용하여 레이블을 원형 플롯 영역에 더 가깝게 가져올 수 있습니다.

4.7.0(2024년 1월)

• 차트 강조 표시 필터-IgcCategoryChartComponent 이제 데이터 IgcDataChartComponent 하위 집합 안팎으로 강조 표시하고 애니메이션하는 방법을 노출합니다. 이 강조 표시는 시리즈 유형에 따라 다릅니다. 열 및 영역 계열의 경우 하위 집합은 전체 데이터 집합 위에 표시되며 하위 집합은 계열의 실제 브러시로 색상이 지정되고 전체 집합의 불투명도가 감소합니다. 라인 시리즈의 경우 하위 집합이 점선으로 표시됩니다.

4.3.2(2023년 10월)

• 도구 모음- 베타:
  • 클립보드를 통해 차트를 이미지로 저장하는 저장 도구 작업이 추가되었습니다.
  • 수직 방향은 도구 모음의 orientation 속성을 통해 추가되었습니다. 기본적으로 도구 모음은 수평이며, 이제 도구 모음을 수직 방향으로 표시할 수 있으며 여기서 도구는 왼쪽/오른쪽으로 정중하게 팝업됩니다.
  • 도구 모음의 방법을 통해 사용자 지정 SVG 아이콘 지원이 추가되어 사용자 지정 도구 생성이 더욱 향상되었습니다 renderImageFromText.

4.3.0(2023년 6월)

• 새로운 툴바- 베타 구성 요소. 이 구성 요소는 주로 차트 구성 요소와 함께 사용되는 UI 작업을 위한 컴패니언 컨테이너입니다. 도구 모음은 or IgcCategoryChartComponent components에 IgcDataChartComponent 연결될 때 사전 설정된 properties 및 tool 항목으로 동적으로 업데이트됩니다. 최종 사용자가 변경 사항을 제공할 수 있도록 프로젝트에 대한 사용자 지정 도구를 만들 수 있으므로 끝없는 사용자 지정을 제공할 수 있습니다.

• ValueLayer- 이제 IgcValueLayerComponent 라는 새로운 계열 유형이 노출되어 최대, 최소 및 평균과 같이 플롯된 데이터의 다양한 초점에 대한 오버레이를 렌더링할 수 있습니다. 이는 새 valueLines 컬렉션에 추가하여 IgcCategoryChartComponent 및 IgcFinancialChartComponent에 적용됩니다.

• 이제 대시 배열 시리즈의 다양한 부분에 IgcDataChartComponent. 이것을 다음에 적용할 수 있습니다. 시리즈 차트에 그려진, 눈금선 차트의 추세선 차트에 표시된 시리즈 중 하나입니다.

4.0.0(2022년 11월)

기본 동작에 대한 상당한 개선 사항이 추가되었으며 카테고리 차트 API를 더 쉽게 사용할 수 있도록 개선되었습니다. 이러한 새로운 차트 개선 사항은 다음과 같습니다.

• 브라우저/화면 크기에 따라 수평 라벨 회전을 위한 반응형 레이아웃.
• 모든 플랫폼에서 둥근 레이블에 대한 향상된 렌더링.
• StackedFragmentSeries에 마커 속성을 추가했습니다.
• ​shouldPanOnMaximumZoom 속성을 추가했습니다.
• 새 범주 축 속성:
  • ZoomMaximumCategoryRange
  • ZoomMaximumItemSpan
  • ZoomToCategoryRange
  • ZoomToItemSpan
• 범주 문자열 및 숫자 값을 그룹화, 정렬 및 요약하기 위한 새로운 차트 집계 API로 차트 데이터를 미리 집계하거나 계산할 필요가 없습니다.
  • 초기 정렬 설명
  • 초기 정렬
  • 정렬 설명
  • 초기 그룹
  • 초기 그룹 설명
  • 그룹 설명
  • 초기 요약
  • 초기 요약 설명
  • 요약설명
  • 초기 그룹 정렬 설명
  • 그룹 정렬
  • 그룹 정렬 설명

includeProperties를 사용할 때 차트 집계가 작동하지 않습니다 | 제외된 속성. 차트의 이러한 속성은 집계되지 않은 데이터를 위한 것입니다. 데이터를 집계하려고 하면 이러한 속성을 더 이상 사용해서는 안 됩니다. 작동하지 않는 이유는 집계가 렌더링을 위해 차트에 전달되는 컬렉션을 대체하기 때문입니다. 포함/제외 속성은 해당 데이터의 속성을 필터링하거나 필터링하도록 설계되었으며 해당 속성은 더 이상 새 집계 컬렉션에 존재하지 않습니다.

3.2.1(2022년 6월)

• 고도로 구성 가능한 추가 데이터레전드 구성 요소와 매우 유사하게 작동합니다. Legend 그러나 계열의 값을 표시하고 계열 행 및 값 열을 필터링하고 값의 스타일을 지정하고 서식을 지정하기 위한 많은 구성 속성을 제공합니다.
• 도구 설명에 시리즈의 범례 배지뿐만 아니라 시리즈의 값과 제목을 표시하는 고도로 구성 가능한 DataToolTip을 추가했습니다. 이것은 이제 모든 차트 유형에 대한 기본 도구 설명입니다.
• Stacked Series에 대한 애니메이션 및 전환 지원이 추가되었습니다. 애니메이션은 isTransitionInEnabled 속성을 true로 설정하여 활성화할 수 있습니다. 여기에서 transitionInDuration 속성을 설정하여 애니메이션을 완료하는 데 걸리는 시간을 결정하고 transitionInMode 하여 발생하는 애니메이션 유형을 결정할 수 있습니다.
• 추가된 AssigningCategoryStyle 이벤트는 이제 모든 시리즈에서 사용할 수 있습니다 IgcDataChartComponent. 이 이벤트는 background-color 및 highlighting과 같은 Fill 계열 항목의 측면을 조건부로 구성하려는 경우에 처리됩니다.
• CalloutLayer에 대한 새로운 allowedPositions 열거형입니다. 설명선이 차트 내에서 배치되는 위치를 제한하는 데 사용됩니다. 기본적으로 콜아웃은 지능적으로 최상의 위치에 배치되지만 예를 들어 TopLeft, TopRight, BottomLeft 또는 BottomRight 강제하는 데 사용됩니다.
• 주석 레이어에 대한 새로운 모서리 반경 속성이 추가되었습니다. 각 콜아웃의 모서리를 둥글게 만드는 데 사용됩니다. 이제 코너 반경이 기본적으로 추가되었습니다.
  • CalloutLayer의 calloutCornerRadius​
  • FinalValueLayer의 axisAnnotationBackgroundCornerRadius​
  • xAxisAnnotationBackgroundCornerRadius 및 yAxisAnnotationBackgroundCornerRadius for CrosshairLayer
• 다양한 방식으로 스크롤 막대를 활성화하는 새로운 horizontalViewScrollbarMode 및 verticalViewScrollbarMode 열거형. isVerticalZoomEnabled 또는 isHorizontalZoomEnabled와 함께 사용하면 차트를 탐색하기 위해 축을 따라 스크롤 막대를 지속하거나 페이드 인 및 아웃할 수 있습니다.
• 새로운 FavorLabellingScaleEnd는 축이 스케일 끝에서 레이블 방출을 선호해야 하는지 여부를 결정합니다. 숫자 축(예: IgcNumericXAxisComponent, IgcNumericYAxisComponent, PercentChangeAxis)과만 호환됩니다.
• 새로운 isSplineShapePartOfRange 축의 요청된 축 범위에 스플라인 모양을 포함할지 여부를 결정합니다.
• 새로운 xAxisMaximumGap​ ​xAxisGap 사용할 때 플롯된 시리즈에 허용되는 최대값을 결정합니다. 간격은 플롯된 계열의 열 또는 막대 사이의 간격을 결정합니다.
• 새 xAxisMinimumGapSize​ ​xAxisGap 사용할 때 플롯된 계열에 대해 허용되는 최소 픽셀 기반 값을 결정하여 각 범주 사이에 항상 약간의 간격이 있도록 합니다.

1.4.1(2021년 11월)

최적의 호환성을 위해 패키지 "lit-html": "^2.0.0" 이상이 프로젝트에 추가되었는지 확인하십시오.

이 릴리스에서는 지리적 맵 및 모든 차트 구성 요소에 대한 시각적 디자인 및 구성 옵션에 대한 몇 가지 개선 사항 및 단순화를 소개합니다.

• 변경됨 yAxisLabelLocation 속성 유형 YAxisLabelLocation ~에서 AxisLabelLocation ~에 IgcFinancialChartComponent 그리고 IgcCategoryChartComponent
• 변경xAxisLabelLocation property's type to XAxisLabelLocation from AxisLabelLocation in IgcFinancialChartComponent
• ​IgcCategoryChartComponent에 xAxisLabelLocation 속성을 추가했습니다.
• 범례에 IgcGeographicMapComponent의 지리적 계열을 표현하기 위한 지원이 추가되었습니다.
• Added crosshair lines by default in IgcFinancialChartComponent and IgcCategoryChartComponent
• ​IgcFinancialChartComponent 및 IgcCategoryChartComponent에 기본적으로 십자선 주석이 추가되었습니다.
• ​IgcFinancialChartComponent에 기본적으로 최종 값 주석이 추가되었습니다.
• 카테고리 차트 및 금융 차트에 새 속성이 추가되었습니다.
  • crosshairsLineThickness 및 십자선 사용자 지정을 위한 기타 속성
  • crosshairsAnnotationXAxisBackground 및 십자선 주석을 사용자 지정하기 위한 기타 속성
  • 최종 값 주석을 사용자 지정하기 위한 finalValueAnnotationsBackground 및 기타 속성
  • 시리즈 채우기의 불투명도를 변경할 수 있는 areaFillOpacity (예: 영역 차트)
  • 마커 두께 변경을 허용하는 markerThickness​
• 카테고리 차트, 금융 차트, 데이터 차트 및 지리 지도에 새 속성을 추가했습니다.
  • 동일한 차트의 여러 계열에 어떤 표식 유형을 할당할 수 있는지를 허용하는 markerAutomaticBehavior​
  • legendItemBadgeShape 범례에 표시된 모든 계열의 배지 모양을 설정하기 위한 것입니다.
  • 범례의 모든 계열에 배지 복잡도를 설정하기 위한 legendItemBadgeMode​
• 데이터 차트 및 지리 지도의 계열에 새 속성이 추가되었습니다.
  • legendItemBadgeShape 범례에 표시된 특정 시리즈에 배지 모양을 설정하기 위한 것입니다.
  • 범례의 특정 시리즈에 배지 복잡도를 설정하기 위한 legendItemBadgeMode​
• 범주 차트 및 시리즈에서 기본 수직 십자선 선 획을 #000000에서 #BBBBBB로 변경했습니다.
• 동일한 차트에 그려진 모든 시리즈의 마커 모양이 원으로 변경되었습니다. 이것은 차트의 markerAutomaticBehavior 속성을 SmartIndexed enum 값으로 설정하여 되돌릴 수 있습니다.
• 원, 선 또는 사각형만 표시하도록 차트 범례의 계열 모양을 단순화했습니다. 이것은 차트의 legendItemBadgeMode 속성을 MatchSeries enum 값으로 설정하여 되돌릴 수 있습니다.
• 접근성을 개선하기 위해 모든 차트에 표시되는 시리즈 및 마커의 색상 팔레트 변경

오래된 브러시/윤곽선	새로운 아웃라인/브러시
#8BDC5C #8B5BB1 #6DB1FF #F8A15F #EE5879 #735656 #F7D262 #8CE7D9 #E051A9 #A8A8B7	#8BDC5C #8961A9 #6DB1FF #82E9D9 #EA3C63 #735656 #F8CE4F #A8A8B7 #E051A9 #FF903B

1.3.0(2021년 4월)

이 릴리스에서는 모든 차트 구성 요소에 대한 몇 가지 새롭고 향상된 시각적 디자인 및 구성 옵션(예: IgcDataChartComponent,, IgcCategoryChartComponent and IgcFinancialChartComponent)을 소개합니다.

• Bar/Column/Waterfall 시리즈가 둥근 모서리 대신 정사각형 모서리를 갖도록 변경됨
• Scatter High Density 시리즈의 heat min 속성 색상을 #8a5bb1에서 #000000으로 변경
• Scatter High Density 시리즈의 heat max 속성 색상이 #ee5879에서 #ee5879로 변경되었습니다.
• 금융/폭포 시리즈의 NegativeBrush 및 NegativeOutline 속성이 #C62828에서 #ee5879로 변경되었습니다.
• 마커의 두께를 1px에서 2px로 변경
• ​IgcPointSeriesComponent, IgcBubbleSeriesComponent, IgcScatterSeriesComponent, IgcPolarScatterSeriesComponent에 대한 마커 윤곽선과 일치하도록 마커 채우기를 변경했습니다. 이 변경 사항을 취소하려면 markerFillMode 속성을 Normal로 설정하면 됩니다.
• ​IgcTimeXAxisComponent 및 IgcOrdinalTimeXAxisComponent에 대한 압축 라벨링
• 새 마커 속성:
  • 시리즈. markerFillMode- 마커가 윤곽선에 따라 달라지도록 MatchMarkerOutline으로 설정할 수 있습니다.
  • 시리즈. markerFillOpacity- 0에서 1 사이의 값으로 설정할 수 있습니다.
  • 시리즈. markerOutlineMode-MatchMarkerBrush로 설정할 수 있으므로 마커의 윤곽선이 채우기 브러시 색상에 따라 달라집니다.
• 새 시리즈 속성:
  • 시리즈. outlineMode- 시리즈 개요 표시 여부를 전환하도록 설정할 수 있습니다. 데이터 차트의 경우 속성은 시리즈에 있습니다.
• 차트가 기본 확대/축소 수준일 때 뷰포트에 도입된 블리드 오버 영역을 정의하는 새로운 차트 속성입니다. 일반적인 사용 사례는 축과 첫 번째/마지막 데이터 포인트 사이에 공간을 제공하는 것입니다. 아래에 나열된 computedPlotAreaMarginMode는 마커가 활성화되면 자동으로 여백을 설정합니다. 다른 것들은 두께를 나타내기 위해 Double을 지정하도록 설계되었으며 PlotAreaMarginLeft 등은 차트의 네 면 모두에 대한 공간을 조정합니다.
  • 차트. plotAreaMarginLeft
  • 차트. plotAreaMarginTop
  • 차트. plotAreaMarginRight
  • 차트. plotAreaMarginBottom
  • 차트. computedPlotAreaMarginMode
• 새 하이라이트 속성
  • 차트. highlightingMode- 호버링 또는 호버링되지 않은 시리즈를 희미하게 하거나 밝게 할지 여부를 설정합니다.
  • 차트. highlightingBehavior- 마우스 위치(예: 바로 위 항목 또는 가장 가까운 항목)에 따라 계열이 강조 표시되는지 여부를 설정합니다.
  • 참고로 이전 릴리스에서는 강조 표시가 호버 시 페이드되는 것으로 제한되었습니다.
• 스택형, 분산형, 극좌표, 방사형 및 도형 시리즈 강조 표시 추가:
• Stacked, Scatter, Polar, Radial 및 Shape 시리즈에 주석 레이어를 추가했습니다.
• 누적 시리즈 내에서 개별 스택 조각의 데이터 소스를 재정의하기 위한 지원이 추가되었습니다.
• Stacked, Scatter, Range, Polar, Radial 및 Shape 시리즈에 사용자 정의 스타일 이벤트 추가
• 세로 확대/축소를 시리즈 콘텐츠에 자동으로 동기화하는 지원 추가
• 표시된 초기 레이블을 기반으로 차트의 가로 여백을 자동으로 확장하는 지원이 추가되었습니다.
• 계열 및 마커의 재설계된 색상 팔레트:

오래된 브러시/윤곽선	새로운 아웃라인/브러시
#7446B9 #9FB328 #F96232 #2E9CA6 #DC3F76 #FF9800 #3F51B5 #439C47 #795548 #9A9A9A	#8bdc5c #8b5bb1 #6db1ff #f8a15f #ee5879 #735656 #f7d262 #8ce7d9 #e051a9 #a8a8b7

예를 들어:

차트 범례

• ItemLegend에 Bubble, Donut, 파이 차트와 함께 사용할 수 있는 horizontal orientation 속성을 추가했습니다.
• 추가 legendHighlightingMode 속성 - 범례 항목 위로 마우스를 가져갈 때 계열 강조 표시를 활성화합니다.

igniteui-웹 구성 요소-입력

4.2.5(2023년 4월)

• IgcDateTimeInputComponent, the StepDownAsync(DateTimeInputDatePart.Date, SpinDelta.Date) is now trimmed down to DatePart instead of DateTimeInputDatePart
• IgcRadioComponent 및 IgcRadioGroupComponent, 잘못된 상태에 대한 스타일과 함께 구성 요소 유효성 검사가 추가됨
• Mask, 마스크 패턴 리터럴을 이스케이프하는 기능을 추가했습니다.
• IgcBadgeComponent 배지 모양을 제어하는 shape 속성을 추가했으며 Square 또는 Rounded 일 수 있습니다. 배지의 기본 모양은 둥근 모양입니다.
• IgcAvatarComponent, RoundShape 속성은 더 이상 사용되지 않으며 향후 버전에서 제거될 예정입니다. 사용자는 새로 추가된 아바타의 모양을 제어할 수 있습니다. shape 될 수 있는 속성 Square, Rounded 또는 Circle. 아바타의 기본 모양은 다음과 같습니다. Square.

1.4.2(2021년 12월)

• 날짜 선택기:
  • ValueChanged 이벤트를 SelectedValueChanged로 변경했습니다.
• 다중 열 ComboBox:
  • ​TextChanged 이벤트를 TextValueChanged로 변경했습니다.
  • 변경ValueChanged event to SelectedValueChanged.

1.3.0(2021년 4월)

• 날짜 선택기:
  • ShowTodayButton- 오늘 버튼 가시성 전환
  • label- 날짜 값 위에 라벨을 추가합니다.
  • placeholder 속성 - 선택된 값이 없을 때 사용자 정의 텍스트를 추가합니다.
  • FormatString- 입력 날짜 문자열 사용자 정의(예: (yyyy-MM-dd)
  • DateFormat- 선택한 날짜를 LongDate 또는 ShortDate로 표시할지 여부를 지정합니다.
  • FirstDayOfWeek- 주의 첫 번째 요일을 지정합니다.
  • FirstWeekOfYear- 한 해의 첫 번째 주를 표시할 시기를 지정합니다(예: 첫 번째 전체 주, 처음 4일 주).
  • showWeekNumbers - Toggles Week number visibility
  • MinDate & MaxDate- 날짜 제한, 사용 가능한 선택 가능한 날짜 범위 지정.
  • 추가된 접근성

igniteui-webcomponents-maps

1.3.0(2021년 4월)

이러한 기능은 CTP

• 지도의 랩 어라운드 표시에 대한 지원 추가(가로 무한 스크롤)
• 좌표 원점을 둘러싸는 동안 일부 지도 시리즈의 디스플레이 이동에 대한 지원이 추가되었습니다.
• 도형 계열 강조 표시 지원 추가
• 모양 시리즈의 일부 주석 레이어에 대한 지원 추가

igniteui-webcomponents-게이지

4.8.1(2024년 6월)

• IgcRadialGaugeComponent
  • 강조 표시 바늘의 새 레이블입니다. highlightLabelText 그리고 highlightLabelSnapsToNeedlePivot HighlightLabel에 대한 다른 많은 스타일 관련 속성이 추가되었습니다.

4.8.0(2024년 3월)

• IgcRadialGaugeComponent
  • 새로운 제목/자막 속성. titleText, subtitleText 게이지 아래쪽에 나타납니다. 또한 다음과 같은 다양한 제목/부제목 글꼴 속성이 추가되었습니다. TitleFontSize, TitleFontFamily, TitleFontStyle, TitleFontWeight 그리고 titleExtent. 마지막으로, 새로운 titleDisplaysValue 값이 바늘의 위치와 일치할 수 있습니다.
  • 에 대한 새로운 opticalScalingEnabled 및 opticalScalingSize 속성. IgcRadialGaugeComponent이 새로운 기능은 게이지의 레이블, 제목 및 자막에 100% 광학 배율이 적용되는 크기를 관리합니다. 이 새로운 기능에 대한 자세한 내용은 여기에서 확인할 수 있습니다.
  • 새로운 하이라이트 바늘이 추가되었습니다. highlightValue​ ​highlightValueDisplayMode 둘 다 값과 '오버레이' 설정이 제공되면 주 바늘이 흐리게 보이고 새 바늘이 나타납니다.
• IgcLinearGaugeComponent
  • 새로운 하이라이트 바늘이 추가되었습니다. highlightValue​ ​highlightValueDisplayMode 둘 다 값과 '오버레이' 설정이 제공되면 주 바늘이 흐리게 보이고 새 바늘이 나타납니다.
• IgcBulletGraphComponent
  • 이제 성능 표시줄에 '오버레이' 설정에 적용될 때 highlightValueDisplayMode 값과 새 highlightValue 값의 차이가 반영됩니다. 하이라이트 값에는 필터링된/하위 집합 완료된 측정 백분율이 채워진 색상으로 표시되고 나머지 막대의 모양은 할당된 값으로 흐리게 표시되어 실시간으로 성능을 보여줍니다.

게이지/차트/지도/그리드

1.0.6

• 변경된 수입 명세서

API 클래스 및 열거형에 대한 전체 경로 대신 패키지 이름만 사용하도록 가져오기 문이 간소화되었습니다.

이러한 주요 변경 사항은 다음 패키지 및 구성 요소에만 도입되었습니다.

영향을 받는 패키지	영향을 받는 구성 요소
igniteui-webcomponents-excel	엑셀 라이브러리
igniteui-webcomponents-spreadsheet	스프레드시트
igniteui-webcomponents-maps	지역 지도, 트리맵
igniteui-webcomponents-gauges	불릿 그래프, 선형 계기, 방사형 게이지
igniteui-webcomponents-charts	카테고리 차트, 데이터 차트, 도넛 차트, 금융 차트], 파이 차트, 확대/축소 슬라이더
igniteui-webcomponents-core	모든 클래스와 열거형
igniteui-webcomponents-grids	데이터 그리드

• 변경 후 코드

이제 API 클래스 및 열거형에 대한 전체 경로 대신 패키지 이름만 사용해야 합니다.

Data Grid 구성 요소 및 해당 모듈의 이름도 변경되었습니다.

// 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";
ts

• 변경 전 코드

이전에는 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';
ts

점화UI - 도크 매니저

1.14.4

Deprecated

• IgcSplitPane ​ ​isMaximized은(는) 더 이상 사용되지 않습니다. 분할 창 수준에서 isMaximized를 true로 설정하면 분할 창은 컨테이너 역할만 하므로 실제 효과가 없으므로 최대화된 상태로 표시할 실제 콘텐츠가 없습니다. isMaximized 대신 and/or IgcContentPane 속성을 IgcTabGroupPane 사용합니다.

1.14.3

부정하게 결정된

• Dock 관리자는 Vite 기반 빌드에서 오류를 발생시킵니다.
• 빈 루트 분할 창에서 가장자리에 도킹하면 오류가 발생합니다.

1.14.2

부정하게 결정된

• 빠른 드래그로 도크 관리자 경계 내부의 패널을 제한합니다.

1.14.1

부정하게 결정된

• 근접 도크 rtl 확인

1.14.0

새로운 기능

• 속성을 추가합니다 showPaneHeaders.
• 속성을 추가합니다 proximityDock.
• 속성을 추가합니다 containedInBoundaries.

향상

• 요소를 CSS 부분으로 추가합니다 contentId.

부정하게 결정된

• 창을 최대화하고 고정 해제하면 창을 클릭할 수 없게 됩니다.
• 중앙 도크는 다음과 같은 창에서 가능합니다. acceptsInnerDock로 설정 참 만약에 AllowInnerDock의 IgcDockManagerComponent로 설정됩니다. 거짓.

1.13.0

새로운 기능

• Add focusPane 메소드를 사용할 수 있습니다.
• 더하다 allowInnerDock 그리고 AcceptsInnerDock 속성.

향상

• 배치에서 최대화된 창 상태를 저장합니다.

부정하게 결정된

• 탭 선택 순서는 유지되지 않습니다.

1.12.5

새로운 기능

• 이벤트를 추가합니다 paneScroll.

부정하게 결정된

• ТabGroupPane: 고정되지 않은 여러 창 중 하나를 고정하면 모든 창이 고정됩니다.
• 상황에 맞는 메뉴가 RTL 모드에서 올바르게 배치되지 않습니다.
• 활성 창은 키보드와 도킹할 때 유지되지 않습니다.

1.12.4

부정하게 결정된

• 둘 이상의 탭 그룹 창이 부동 창 내에 있을 때 활성 창이 잘못 설정됩니다.

1.12.3

부정하게 결정된

• 창을 별도의 창에 놓을 때 오류가 발생합니다.

1.12.2

향상

• CSS 파트를 tabs-more-menu-item 추가합니다 tabs-more-menu-content.

부정하게 결정된

• 도킹 표시기 왼쪽/오른쪽 화살표 위치는 RTL 모드에서 반전됩니다.
• 상황에 맞는 메뉴의 위치가 잘못되었습니다.
• and removeEventListener에 대한 addEventListener 오버로드가 누락되었습니다.

1.12.1

향상

• 및 splitterResizeEnd 이벤트에 창 정보를 splitterResizeStart 포함합니다.
• IgcDockManagerComponent 이제 클래스로 내보내집니다.

부정하게 결정된

• 가 있는 unpinnedHeaderId 슬롯의 내용이 올바르게 업데이트되지 않았습니다.

1.12.0

부정하게 결정된

• 도킹이 allowFloating: false 작동하지 않습니다.
• 플라이아웃 창이 활성 상태에서 닫힙니다.
• 포커스를 받을 수 있는 요소는 포커스를 받지 않습니다.
• 창 탐색기를 사용하여 탐색하면 선택한 부동 창이 맨 위에 표시되지 않습니다.
• 이벤트 splitterResizeStart는 취소할 수 없습니다.
• 탭 상황에 맞는 메뉴가 올바르게 배치되지 않습니다.

1.11.3

새로운 기능

• 속성 추가 contextMenuPosition​
• CSS 부분에 대한 tab-header-close-button 옵션 추가 selected​

1.11.2

새로운 기능

• CSS 부분에 대한 tab-header-close-button 옵션 추가 hovered​

1.11.1

부정하게 결정된

• CSS 부분 수정 tab-header

1.11.0

새로운 기능

• 다른 단추에 대한 showHeaderIconOnHover 속성 옵션을 추가합니다
• CSS 부분에 대한 splitter-handle 추가 horizontal 및 vertical 옵션
• CSS 파트 추가 header-title​
• 활성/비활성 상태의 CSS 부분에 대한 tab-header-close-button 옵션 추가 hover​
• 슬롯 추가 paneHeaderCloseButton 및 tabHeaderCloseButton​

1.10.0

새로운 기능

• 속성을 추가합니다 showHeaderIconOnHover.

부정하게 결정된

• 활성 창은 부동/도크에 유지되지 않습니다.
• 분할자 스타일은 적용되지 않습니다.
• click 사용자 지정된 헤더 단추에 대한 이벤트가 작동하지 않습니다.
• 스플리터 위로 드래그하는 동안 잘못된 도크 표시기를 제거했습니다.

1.9.0

부정하게 결정된

• 스타일이 적용되지 않았습니다.
• RTL 모드에서 크기를 조정합니다.

1.8.0

새로운 기능

• 도크 관리자 버튼을 사용자 지정합니다.
• LayoutChange 레이아웃이 업데이트될 때 발생하는 이벤트입니다.

1.7.0

새로운 기능

• 사용자 지정 가능한 부동 창 헤더.
• disabled 속성입니다.
• DocumentOnly 콘텐츠 창을 문서 호스트 내에만 도킹할 수 있는 속성입니다.
• AllowEmpty Split 및 Tab Group Panes의 속성으로, 빈 영역을 표시할 수 있습니다.
• disableKeyboardNavigation 도크 관리자의 속성입니다.

부정하게 결정된

• 도킹 표시기는 현재 드래그된 부동 창 위에 나타납니다.

1.6.0

새로운 기능

• 도크 관리자 창과 탭을 사용자 지정합니다.

부정하게 결정된

• 부동 창은 페이지 외부로 드래그할 수 있습니다.

1.5.0

새로운 기능

• allowMaximize 속성입니다.

부정하게 결정된

• 고정되지 않은 창은 내용을 클릭하면 자동으로 닫힙니다.
• 오버플로 메뉴에서 선택한 창은 동일한 탭 그룹에서 고정되지 않은 창이 있는 경우 활성화되지 않습니다.

1.4.1

부정하게 결정된

• 탭 그룹 내부에 배치된 allowPinning: false 창은 고정을 해제할 수 있습니다.
• 키보드를 통해 최대화된 창에서 벗어날 때 정규화합니다.

1.4.0

새로운 기능

• 부동 창을 만들지 않고 탭을 재정렬합니다.
• 키보드 탐색.
• 창 탐색기.
• 부동 창 크기 조정을 활성화/비활성화합니다.
• 부동 창 크기 조정에 대한 이벤트입니다.

부정하게 결정된

• 활성화된 경우 창을 선택합니다.
• 활성화된 경우 플라이아웃이 고정되지 않은 창입니다.
• 창 내부에서 외부 팝업을 호스팅할 때 오류가 발생했습니다.
• 중첩된 Dock Manager 구성 요소에서 탭 선택이 손실됩니다.
• 비활성화된 부동 및 도킹이 있는 창을 포함하는 부동 창은 이동할 수 없습니다.
• 빈 도크 관리자 내부에 부동 창을 도킹할 때 예외가 발생합니다.

1.3.0

새로운 기능

• 추가 탭 메뉴는 모든 탭 헤더를 표시할 공간이 충분하지 않을 때 나타납니다.
• 해당 속성을 사용하여 hidden 레이아웃에서 창을 제거하지 않고 숨깁니다.
• 탭 및 고정되지 않은 창에 대한 헤더 슬롯 속성Header slot properties for tab and unpinned pane -tabHeaderId and unpinnedHeaderId.

1.2.0

새로운 기능

• 활성 창.
• 지역화 지원.

부정하게 결정된

• 마지막 문서 호스트 탭을 드래그할 때 오류가 발생하고 고정되지 않은 창이 있습니다.
• 탭 내용은 창을 allowFloating: false 도킹한 후 사라집니다.
• 도킹 표시기 사이를 빠르게 전환할 때 예외가 throw됩니다.

1.1.0

새로운 기능

• 창 최대화.
• 도킹 미리보기 그림자.
• ARIA 지원.
• 외부 드래그/드롭 지원을 위한 API입니다.
• 사용자 상호 작용에 대한 속성 및 이벤트(예: 닫기, 고정, 끌기)Properties and events for user interactions such as closing, pinning, dragging.
• Angular 프로젝트에 대한 ng update 지원.

1.0.3

향상

• 키보드를 사용하여 스플리터의 크기를 조정합니다.

1.0.2

부정하게 결정된

• 창의 크기를 최소 크기로 조정하면 보기에서 벗어납니다.

1.0.1

향상

• 활성 색상 CSS 변수를 추가합니다.
• 상황에 맞는 메뉴에 대한 키보드 지원을 추가합니다.

부정하게 결정된

• 상황에 맞는 메뉴가 열릴 때 첫 번째 클릭에서 선택이 작동하지 않습니다.
• 단일 탭은 형제를 고정/고정 해제한 후 올바르게 렌더링되지 않습니다.

1.0.0

Ignite UI Dock Manager의 최초 릴리스.