## 前言

提供虚拟化列表能力的 Hook，用于解决展示海量数据渲染时首屏渲染缓慢和滚动卡顿问题。

## 基础用法

<virtual-list />

<script setup>
  import VirtualList from './demos/virtual-list.vue'
</script>

#### Params

| 参数         | 说明                   | 类型 | 默认值 |
| ------------ | ---------------------- | ---- | ------ |
| originalList | 包含大量数据的列表     | T[]  | []     |
| options      | 可选配置项，见 Options | -    | -      |

#### Options

| 参数       | 说明                                                   | 类型                                  | 默认值 |
| ---------- | ------------------------------------------------------ | ------------------------------------- | ------ |
| itemHeight | 行高度，静态高度可以直接写入像素值，动态高度可传入函数 | number \| ((index: number) => number) | -      |
| overscan   | 视区上、下额外展示的 dom 节点数量                      | number                                | 5      |

#### Result

| 参数           | 说明                              | 类型                         |
| -------------- | --------------------------------- | ---------------------------- |
| list           | 当前需要展示的列表内容            | (( data: T, index: number) ) |
| containerProps | 视区上、下额外展示的 dom 节点数量 | number                       |