feat: 新增 containerProps 属性

.prettierrc.js

@@ -4,6 +4,6 @@ module.exports = {
   tabWidth: 2,
   printWidth: 100,
   singleQuote: true,
-  trailingComma: "all",
-  jsxSingleQuote: true
+  trailingComma: 'all',
+  jsxSingleQuote: true,
 };

package.json

@@ -27,7 +27,7 @@
   },
   "peerDependencies": {
     "react": "^16.13.1",
-    "remax": ">=2.4.1"
+    "remax": "^2.10.1"
   },
   "devDependencies": {
     "@commitlint/cli": "^8.1.0",

src/component.ts

@@ -1,14 +1,20 @@
 import React from 'react';
+import { ScrollViewProps as AliScrollViewProps } from 'remax/ali';
 import { View } from 'remax/one';
+import { ScrollViewProps as ToutiaoScrollViewProps } from 'remax/toutiao';
+import { ScrollViewProps as WechatScrollViewProps } from 'remax/wechat';
 
 export const isNativePlatform = ['ali', 'wechat', 'toutiao'].includes(
   process.env.REMAX_PLATFORM as string,
 );
 
+export type ScrollViewProps = AliScrollViewProps | WechatScrollViewProps | ToutiaoScrollViewProps;
+
 export { View };
 
-export const ScrollView: React.FC<any> = React.forwardRef((props, ref) => {
+export const ScrollView: React.ForwardRefExoticComponent<any> = React.forwardRef((props, ref) => {
   const { isGrid, layout, style, onScroll, ...rest } = props;
+
   function handleScroll(event: any) {
     if (typeof onScroll === 'function') {
       const isHorizontal = layout === 'horizontal';

src/createGridComponent.ts

@@ -1,8 +1,9 @@
 import memoizeOne from 'memoize-one';
 import { createElement, PureComponent } from 'react';
-import { ScrollView, View } from './component';
+
+import { ScrollView, ScrollViewProps, View } from './component';
+import { getRTLOffsetType, getScrollbarSize } from './utils/domHelpers';
 import { cancelTimeout, requestTimeout, TimeoutID } from './utils/timer';
-import { getScrollbarSize, getRTLOffsetType } from './utils/domHelpers';
 
 type Direction = 'ltr' | 'rtl';
 export type ScrollToAlign = 'auto' | 'smart' | 'center' | 'start' | 'end';
@@ -107,6 +108,7 @@ export type Props<T> = {
   style?: React.CSSProperties;
   useIsScrolling: boolean;
   width: number;
+  containerProps?: ScrollViewProps;
 };
 
 type State = {
@@ -361,6 +363,7 @@ export default function createGridComponent({
         style,
         useIsScrolling,
         width,
+        containerProps = {},
       } = this.props;
       const { isScrolling } = this.state;
       const [columnStartIndex, columnStopIndex] = this._getHorizontalRangeToRender();
@@ -389,6 +392,7 @@ export default function createGridComponent({
       return createElement(
         (outerElementType || outerTagName || ScrollView) as any,
         {
+          ...containerProps,
           className,
           onScroll: this._onScroll,
           ref: this._outerRefSetter,

src/createListComponent.ts

@@ -1,10 +1,9 @@
 import memoizeOne from 'memoize-one';
 import { createElement, PureComponent } from 'react';
-import { ScrollView, View } from './component';
-import { cancelTimeout, requestTimeout } from './utils/timer';
-import { getRTLOffsetType } from './utils/domHelpers';
 
-import { TimeoutID } from './utils/timer';
+import { ScrollView, ScrollViewProps, View } from './component';
+import { getRTLOffsetType } from './utils/domHelpers';
+import { cancelTimeout, requestTimeout, TimeoutID } from './utils/timer';
 
 export type ScrollToAlign = 'auto' | 'smart' | 'center' | 'start' | 'end';
 
@@ -91,6 +90,7 @@ export type Props<T> = {
   style?: React.CSSProperties;
   useIsScrolling: boolean;
   width: number | string;
+  containerProps?: ScrollViewProps;
 };
 
 type State = {
@@ -272,6 +272,7 @@ export default function createListComponent({
         style,
         useIsScrolling,
         width,
+        containerProps = {},
       } = this.props;
       const { isScrolling } = this.state;
       const isHorizontal = layout === 'horizontal';
@@ -298,6 +299,7 @@ export default function createListComponent({
       return createElement(
         (outerElementType || outerTagName || ScrollView) as any,
         {
+          ...containerProps,
           className,
           onScroll,
           ref: this._outerRefSetter,