OPEN_GRID 1.6.1 발행 완료. 코어 오류 7건 수정. 공개 API·타입 보강. 데모·가이드 수정.
요약
| 항목 |
내용 |
| 버전 |
1.6.1 (직전 1.6.0) |
| 수정사항 |
코어 오류 7건 · 데모 · 가이드 |
| 개선사항 |
공개 API 10건 · 타입 내보내기 · 접근성 진입점 open-grid/a11y |
| 지원 프레임워크 |
6개 — Vanilla JS · jQuery · React · Vue 3 · Angular 17+ · AngularJS 1.x |
| 적용 시 |
기존 호출 그대로 사용 가능. TypeScript strict 는 아래 1번 표의 SortEvent 참고. |
1. 오류 수정
| 수정사항 |
1.6.0 까지 |
1.6.1 부터 |
옵션 콜백 23종 (onCellClick · onRowClick · onEditEnd · onSortChange 등) |
한 번 동작에 두 번 호출. React · Vue · Angular 출력도 두 번. |
한 번 호출 |
onScroll |
호출되지 않음 |
스크롤 시 화면 갱신당 최대 1회 |
| 셀 클릭 후 키보드 이동 |
클릭한 셀이 포커스 칸이 되지 않음 |
클릭한 셀에서 방향키 이동 |
밀도 (setDensity) |
보통 모드 행 높이 변화 없음 |
행 높이 적용. 'default' 로 돌리면 rowHeight 옵션값으로 복귀 |
질감 (setTexture) |
칠해지지 않음 |
머리글 · 바닥글 · 페이지 바에 적용. 데이터 칸 · 테마 색은 그대로 |
sortChange 인자 |
머리글 클릭 · orderBy() 마다 모양이 다름. resetOrder() 는 이벤트 없음 |
모두 { field, dir, sortList }. resetOrder() 도 이벤트 발생
⚠ TypeScript: SortEvent.field · dir 선택 항목으로 변경 (정렬 해제 시 없음) |
| 타입 정의 |
OpenGridInstance 에 기존 메서드 12개 누락 · PrintOptions.footerText 누락 · 등록한 렌더러 이름 오류 · 묶음 컬럼 field 필수 |
실제 동작과 일치 |
2. 개선사항
| 항목 |
내용 |
setPageSize(n) |
페이지당 행 수 변경 |
openFindBar() · closeFindBar() |
찾기 막대 열기 · 닫기 |
setRowHeight(px) |
행 높이 변경 |
getFlatRow(index) |
스크롤과 무관한 전체 목록 기준 행 조회 |
OpenGrid.instancesIn(el) · destroyAllIn(el) |
요소 안의 그리드 조회 · 한 번에 정리 |
addDefaultOverride() · addDefaultStrategy() |
전역 기본 등록 후 해제 함수 반환. 기존 defaultOverride() 는 그대로 |
OrgChart.destroy() |
조직도 정리 |
open-grid/a11y |
키보드 조작 · 낭독 · 시각 대체 도구 공개. import 하지 않으면 번들에 포함 안 됨 |
컬럼 ariaLabel · 머리글 og-sortable |
셀 낭독 문구 지정 · 정렬 가능 머리글 표시 |
| 타입 내보내기 |
GridEventMap(이벤트 이름별 인자 타입) · SortEvent · SelectionEvent · FilterEvent · CFRule · SummaryOp · OverrideLayerFn |
3. 데모 · 가이드 수정
| 수정사항 |
내용 |
| 예제 전환 시 빈 화면 |
AngularJS 60건 · Vue 102건 수정. React 중복 경고 수정 |
| 코드 복사 후 동작 |
[Import] 탭에 필요한 요소 · 도우미 파일(.js · .d.ts · CSS) 표시. 코드 탭 그대로 붙여 사용 가능 |
| Angular 17+ 예제 |
154건 TypeScript strict 빌드 가능 |
| 느린 망 |
앞 예제 차트 · 그리드가 다음 예제 화면에 남던 문제 수정 |
| 프레임워크 간 예제 내용 |
통합차트 · 조건부서식 예제를 6개 프레임워크 동일 내용으로 |
| 데모 화면 |
프레임워크 전환 시 보던 예제 유지 · 복사 단추가 보고 있는 탭 복사 · 뒤로가기 · 복사 단추 가림 수정 |
| 프레임워크 표기 |
Angular 17+ · AngularJS 1.x |
4. 테스트 결과
| 항목 |
건 수 |
결과 |
| 단위 테스트 |
1,877 |
통과 |
| 데모 예제 순회 (6개 프레임워크) |
154 × 6 |
오류 0 |
| Angular 17+ CLI 빌드 · 실행 ([Import] 탭 그대로) |
153 |
통과 |
| 느린 망 전환 |
36 |
통과 |
5. 다운로드 링크
MIT 라이선스. 상용도 무료.