feat: add prop innerClass

Author: phphe

README.md

@@ -83,6 +83,7 @@ export default function BaseExample() {
 - `renderFoot`: `() => ReactNode`. Customize the persistent rendering content of the list footer. Suitable for absolutely positioned, fixed positioned elements, and elements that do not take up too much space.
 - `className`: `string`. Add a CSS class to the list root element.
 - `style`: `React.CSSProperties`. Add CSS styles to the list root element.
+- `innerClassName`: `string`. Add a CSS class to the list inner element.
 
 ## Exposed Methods
 

lib/VirtualList.tsx

@@ -48,6 +48,7 @@ export type VirtualListProps<ITEM> = {
   renderFoot?: () => ReactNode,
   className?: string,
   style?: React.CSSProperties,
+  innerClassName?: string,
 } & Partial<typeof defaultProps>
 
 export const defaultProps = {
@@ -234,7 +235,7 @@ export const VirtualList = forwardRef(function <ITEM>(
   // 
   return <div ref={list} onScroll={handleScroll} className={props.className} style={{ overflow: 'auto', ...props.style }}>
     {props.renderHead?.()}
-    <div ref={listInner} style={{ display: 'flex', flexDirection: 'column', ...(props.virtual && listInnerStyle) }}>
+    <div ref={listInner} className={props.innerClassName} style={{ display: 'flex', flexDirection: 'column', ...(props.virtual && listInnerStyle) }}>
       {visible.map((item, i) => props.renderItem(item, visibleIndices[i]))}
     </div>
     {props.renderFoot?.()}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-base-virtual-list",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "license": "MIT",
   "author": "phphe <phphe@outlook.com> (https://github.com/phphe)",
   "description": "React base virtual list component.",
@@ -55,4 +55,4 @@
     "vite": "^5.0.8",
     "vite-plugin-dts": "^3.7.2"
   }
-}
+}