docs: getRootElement

Author: phphe

README.md

@@ -109,13 +109,15 @@ interface VirtualListHandle {
     index: number,
     block?: "start" | "end" | "center" | "nearest"
   ): void;
+  getRootElement(): HTMLElement;
   forceUpdate(): void;
 }
 ```
 
 Then use the `ref` object to access the exposed methods.
 
 - `scrollToIndex`: `(index:number, block = 'start'):void`. Scroll to the specified index position. `block` is equal to the `block` option of the HTML native method `scrollIntoView`.
+- `getRootElement`: Get list HTML element。
 - `forceUpdate`: Forcefully re-render the list. This can be called after the visible area of the list changes.
 
 ## Note

README_CN.md

@@ -109,13 +109,15 @@ interface VirtualListHandle {
     index: number,
     block?: "start" | "end" | "center" | "nearest"
   ): void;
+  getRootElement(): HTMLElement;
   forceUpdate(): void;
 }
 ```
 
 然后使用获取到的`ref`对象操作暴露的方法。
 
 - `scrollToIndex`: `(index:number, block = 'start'):void`. 滚动到指定索引位置。`block`等于 HTML 原生方法`scrollIntoView`的`block`选项。
+- `getRootElement`: 获取列表 HTML 元素。
 - `forceUpdate`: 强制重新渲染列表。可以再列表可见区域变换后调用此方法。
 
 ## 注意

lib/VirtualList.tsx

@@ -63,8 +63,8 @@ export const defaultProps = {
 
 export interface VirtualListHandle {
   scrollToIndex(index: number, block?: 'start' | 'end' | 'center' | 'nearest'): void
-  forceUpdate(): void
   getRootElement(): HTMLElement
+  forceUpdate(): void
 }
 
 export const VirtualList = forwardRef(function <ITEM>(
@@ -188,12 +188,12 @@ export const VirtualList = forwardRef(function <ITEM>(
       prevScrollTop.current = scrollTop
       setShouldScrollToIndex([]) // ensure re-render but exclude itemSize. setForceRerender will re calculate avg itemSize, so don't use it here.
     },
-    forceUpdate() {
-      setForceRerender([])
-    },
     getRootElement() {
       return list.current!
     },
+    forceUpdate() {
+      setForceRerender([])
+    },
   }), [itemSize]);
   // scrollToIndex
   useLayoutEffect(() => {