Lit Virtual

@tanstack/lit-virtual 어댑터는 핵심 가상화 로직을 감싸는 래퍼입니다.

createVirtualizer

private virtualizerController = new VirtualizerController<TScrollElement, TItemElement = unknown>(
    options: PartialKeys< VirtualizerOptions<TScrollElement, TItemElement>,
    'observeElementRect' | 'observeElementOffset' | 'scrollToFn'
)

이 클래스는 HTML 요소를 scrollElement로 사용하도록 구성된 표준 Virtualizer 인스턴스를 나타냅니다. 이 클래스는 요소의 render 메서드에서 접근할 수 있는 Lit Controller를 생성합니다.

render() {
    const virtualizer = this.virtualizerController.getVirtualizer();
    const virtualItems = virtualizer.getVirtualItems();
} 
)

createWindowVirtualizer

private windowVirtualizerController = new WindowVirtualizerController<TItemElement = unknown>(
    options: PartialKeys< VirtualizerOptions<TItemElement>,
    'getScrollElement' | 'observeElementRect' | 'observeElementOffset' | 'scrollToFn'

이 클래스는 HTML 요소를 scrollElement로 사용하도록 구성된 window 기반 Virtualizer 인스턴스를 나타냅니다.