:keyContainer="document" 를 추가하면 에러가 나서 키이벤트를 사용할 수 없습니다

[Chloe-Bang]

Environments

• Framework name: vue3
• Framework version: ^3.2.38
• Component name: vue3-selecto
• Component version: ^1.8.7

Description

SPA방식으로 typescript를 사용해서 개발하고 있습니다. vue3-selecto에 Key 이벤트를 사용하고 싶은데, 예제에 있는 :keyContainer="document"를 추가하면 "[vue-tsc] Property 'document' does not exist on type 'ProductItems'." 에러 메세지가 나오고 이벤트 바인딩도 안되는데 어떻게 해결해야할까요?

원하는 동작은 다음과 같습니다. vue3-selecto를 통해 드래그 또는 클릭해서 선택한 영역들을 esc키를 누르면 모두 선택 해지하고 싶습니다.

감사합니다.

Sample Source

<vue-selecto 
     ref="dragSelecto"
     dragContainer=".drag-table"
     :keyContainer="document"
     :selectableTargets='[".draggable-area .uid-td"]'
     :hitRate='10'
     :selectByClick='true'
     :selectFromInside='true'
     :toggleContinueSelect='["shift"]'
     @select="selectUids"
     @keyup="test"
/>
<table class='drag-container draggable-area'>
...//
  <tbody>
     <tr @click="testClick">
         <td class='test-id'></td>
      </tr>
   </tbody>
</table>