Wijmo 는 2021년의 세 번째 주요 릴리스를 출시했습니다. 이 릴리스에는 PDF 및 FlexGrid PDF 모듈에 대한 접근성 지원, OLAP 개선 사항 등이 포함됩니다. 출시 소식을 자세히 살펴보겠습니다!

JavaScript, Angular, React 및 Vue에서
접근 가능한 PDF 만들기

Wijmo에는 JavaScript에서 런타임에 사용자 정의 PDF 파일을 생성하는 데 사용할 수 있는 PDF 모듈이 있습니다. 우리는 이 모듈을 지속적으로 개선해 왔으며 이제 누락된 가장 중요한 기능인 완전한 접근성 지원을 추가했습니다.

개발자가 JavaScript를 사용하여 접근 가능한 PDF를 만들 수 있도록 API를 추가했습니다.

다음은 몇 가지 접근성 요구 사항 과 이를 해결하기 위한 새로운 API입니다.

• 태그: PdfDocument 클래스 에 tag 및 addTag 메서드 추가
• 아티팩트(장식 콘텐츠): PdfPageArea 클래스에 artifact 메서드 추가
• 문서 언어: PdfDocument 클래스에 lang 속성을 추가했습니다.
• 문서 제목: PdfDocument 클래스 에 displayTitle 속성 추가

이러한 새 API를 활용한 후 Acrobat Pro에서 접근성 검사를 실행하여 생성된 PDF가 모든 테스트를 통과하는지 확인할 수 있습니다. 다음은 데모 중 하나에서 생성된 PDF 문서에 대한 결과입니다. 액세스 가능한 PDF를 만드는 데 중요한 태그 트리에 유의하십시오.

접근성 검사 도구를 실행하면 테스트를 통과합니다!

FlexGrid에서 접근 가능한 PDF 내보내기

또한 접근성 지원을 제공하기 위해 FlexGrid 에서 PDF 내보내기를 개선했습니다 . 이제 FlexGrid를 내보내는 동안 태그가 있는 PDF를 생성할 수 있습니다. 이를 활성화하기 위해 내보내기 설정에 documentOptions.tagged 속성을 추가했습니다.

액세스 가능한 PDF 내보내기 데모를 직접 사용해 보십시오 !

• JavaScript에서 액세스 가능한 PDF 내보내기
• Angular에서 액세스 가능한 PDF 내보내기
• React에서 접근 가능한 PDF 내보내기
• Vue에서 액세스 가능한 PDF 내보내기

JavaScript의 파일에 Blob 저장

JavaScript의 파일에 blob을 더 쉽게 저장할 수 있도록 saveFile 메서드 를 개선 했습니다. 이제 blob을 saveFile 메서드에 직접 전달할 수 있습니다.

예를 들어 다음 코드는 캔버스 요소의 내용을 JPG 파일로 저장합니다.

import { saveFile } from '@grapecity/wijmo';

canvas.toBlob(blob => {
   saveFile(blob, 'image.jpg');
}, 'image/jpeg');

향상된 PivotEngine 데이터 유형 구문 분석

PivotEngine은 이제 각 필드의 모든 레코드를 스캔하여 dataType을 결정합니다. 이전에는 처음 1000개의 레코드를 스캔했습니다. 각 필드의 dataType을 결정하기 위해 null이 아닌 첫 번째 값에 도달할 때까지 모든 레코드를 스캔합니다.

드문 경우지만 성능에 영향을 줄 수 있습니다. 데이터 세트에 null이 아닌 레코드보다 먼저 수천 개의 null 레코드가 있는 경우 성능이 약간 느려집니다. 이 경우 PivotEngine이 dataType을 감지할 필요가 없도록 각 필드에 dataType을 설정해야 합니다.

피벗 그리드 성능 향상

PivotGrid는 이제 PivotEngine에서 필드의 dataType을 활용하며 더 이상 유형 감지 자체를 수행하지 않습니다.

이렇게 하면 특히 더 큰 데이터 세트에서 성능이 크게 향상됩니다. 위에서 언급했듯이 PivotEngine은 이제 유형 감지 기능이 향상되었습니다.

더 나은 성능을 위해 dataType을 명시적으로 설정할 수도 있습니다.

모든 컨트롤에서 동적 탭 순서 지정

최신 응용 프로그램에는 사용자 상호 작용에 따라 지속적으로 변경되는 동적 페이지/보기가 있습니다.

이를 통해, 런타임 시 모든 Wijmo 컨트롤 에서 tabIndex(탭 순서)를 변경하는 기능을 도입하고 있습니다 .

개발자가 애플리케이션의 탭 순서를 완전히 제어할 수 있도록 모든 Wijmo 컨트롤에 tabOrder 속성을 추가했습니다.

이것은 초기에 설정하거나 JavaScript에서 동적으로 업데이트할 수 있습니다.

주요 변경 사항

• [httpRequest] JSON 데이터를 보낼 때 사용자가 options.requestHeaders를 통해 제공한 경우 Content-Type 요청 헤더가 더 이상 "application/json"으로 설정되지 않습니다.
• [FlexGrid] 이제 사용자가 클립보드의 행을 맨 아래 새 행에 붙여넣을 때:
• 첫 번째 행을 추가할 때 'rowAdded' 이벤트는 현재 추가된 행에 대한 '붙여넣기' 이벤트 이후와 'rowEditStarting' 이벤트 이전에 발생합니다.
• 첫 번째 행 다음에 다음 행을 추가할 때 'rowAdded' 이벤트는 이전에 추가된 행에 대한 'rowEditEnded' 이벤트 이후, 현재 추가된 행에 대한 'rowEditStarting' 이벤트 전에 발생합니다. NS. 'rowAdded' 이벤트는 'rowEditStarted' 이벤트 이후와 'pastingCell' 이벤트 이전에 이전 빌드에서 발생했습니다. 새로운 동작의 결과로 'rowAdded' 이벤트가 취소되면 'rowEditStarting', 'rowEditStarted', 'rowEditEnding' 및 'rowEditEnded' 이벤트가 발생하지 않습니다.

• [FlexGrid] 이제 사용자가 클립보드의 여러 행을 맨 위의 새 행에 붙여넣을 때:
• 첫 번째 행을 추가할 때 'rowAdded' 이벤트는 현재 추가된 행에 대한 '붙여넣기' 이벤트 이후와 'rowEditStarting' 이벤트 이전에 발생합니다.
• 첫 번째 행 다음에 다음 행을 추가할 때 'rowAdded' 이벤트는 이전에 추가된 행에 대한 'rowEditEnded' 이벤트 이후, 현재 추가된 행에 대한 'rowEditStarting' 이벤트 이전에 발생합니다. 이전 빌드에서는 이러한 시나리오에서 'rowAdded' 이벤트가 발생하지 않았습니다. 새로운 동작의 결과로 'rowAdded' 이벤트가 취소되면 'rowEditStarting', 'rowEditStarted', 'rowEditEnding' 및 'rowEditEnded' 이벤트가 발생하지 않습니다.

• [FlexGrid] 이제 사용자가 상단 새 행의 클립보드에서 단일 행을 편집하거나 붙여넣을 때 'rowEditEnded' 이벤트 이후에 'rowAdded' 이벤트가 발생합니다. 'rowAdded' 이벤트는 'rowEditEnding' 이벤트 이후와 'rowEditEnded' 이벤트 이전에 이전 빌드에서 발생했습니다.
• [InputNumber] 이제부터는 키보드로 숫자를 입력할 때 소수점 이하 자릿수가 반올림되지 않고 잘립니다. (WJM-20917)
• [PivotEngine] 각 PivotField의 dataType을 결정하기 위해 PivotEngine은 이제 이전과 같이 처음 1000개 행 대신 모든 행을 스캔할 수 있습니다. 이로 인해 null이 아닌 값이 배열 끝에 더 가깝게 나타나는 희소 데이터가 있는 빅 데이터 배열의 경우 성능이 저하될 수 있습니다. 이 동작으로 인해 원치 않는 성능 저하가 발생하는 경우 각 PivotField에 대해 dataType을 명시적으로 지정하여 제거할 수 있습니다.
• [InputMask] 내부 입력 요소의 너비가 이제 컨트롤의 너비와 함께 변경됩니다. 이전에는 컨트롤 너비가 약 150px 미만일 때 내부 입력 요소가 IE에서 축소되지 않았으므로 입력 요소에 대해 내부적으로 정의된 패딩이 보이지 않았습니다. 이제 이 패딩은 항상 표시되고 입력 요소의 작업 공간을 줄입니다. (WJM-20593)

지금 바로 Wijmo 최신 버전을 다운로드하여 직접 새로운 기능을 테스트해보세요!

• Wijmo 공식 홈페이지
• Wijmo 튜토리얼 및 샘플
• Wijmo Q&A
• Wijmo FAQ