From 649932111c76b2b469ab2a4a86b999ea1b16fd33 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9F=AF=E7=A6=BB?= <lejiaru.ljr@alibaba-inc.com>
Date: Mon, 8 Sep 2025 10:49:06 +0800
Subject: [PATCH 1/2] =?UTF-8?q?feat:=20=E6=94=AF=E6=8C=81=E4=BC=A0?=
 =?UTF-8?q?=E5=85=A5=E8=87=AA=E5=AE=9A=E4=B9=89=E7=9A=84loadMore?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 demo/src/demo/PullToRefresh.tsx        | 30 ++++++++++++++++++++++++++
 src/components/PullToRefresh/index.tsx | 18 ++++++++++------
 2 files changed, 41 insertions(+), 7 deletions(-)

diff --git a/demo/src/demo/PullToRefresh.tsx b/demo/src/demo/PullToRefresh.tsx
index a755608e..b37c43dd 100644
--- a/demo/src/demo/PullToRefresh.tsx
+++ b/demo/src/demo/PullToRefresh.tsx
@@ -11,5 +11,35 @@ export default () => (
         </PullToRefresh>
       </div>
     </DemoSection>
+    
+    <DemoSection title="自定义加载更多区域">
+      <div style={{ height: '300px', padding: '12px', border: '1px solid #ccc' }}>
+        <PullToRefresh 
+          onRefresh={() => Promise.resolve({})}
+          loadMoreText={(onLoadMore) => (
+            <div 
+              style={{ 
+                display: 'flex', 
+                alignItems: 'center', 
+                justifyContent: 'center',
+                gap: '8px',
+                padding: '12px',
+                background: '#f5f5f5',
+                borderRadius: '8px',
+                margin: '8px',
+                cursor: 'pointer',
+                border: '1px solid #ddd',
+                transition: 'all 0.2s ease'
+              }}
+              onClick={onLoadMore}
+            >
+              <span>自定义加载更多区域</span>
+            </div>
+          )}
+        >
+          <div>list</div>
+        </PullToRefresh>
+      </div>
+    </DemoSection>
   </DemoPage>
 );
diff --git a/src/components/PullToRefresh/index.tsx b/src/components/PullToRefresh/index.tsx
index 9722e59f..522a1fc7 100644
--- a/src/components/PullToRefresh/index.tsx
+++ b/src/components/PullToRefresh/index.tsx
@@ -18,7 +18,7 @@ export interface PullToRefreshProps {
   distance?: number;
   loadingDistance?: number;
   distanceRatio?: number;
-  loadMoreText?: string;
+  loadMoreText?: string | ((onLoadMore: () => void) => React.ReactNode);
   maxDistance?: number;
   onRefresh?: () => Promise<any>;
   onScroll?: (event: React.UIEvent<HTMLDivElement, UIEvent>) => void;
@@ -249,12 +249,16 @@ export const PullToRefresh = React.forwardRef<PullToRefreshHandle, PullToRefresh
           >
             <div className="PullToRefresh-indicator">{renderIndicator(status, distance)}</div>
             {!disabled && useFallback && (
-              <Flex className="PullToRefresh-fallback" center>
-                {renderIndicator(status, oDistance)}
-                <Button className="PullToRefresh-loadMore" variant="text" onClick={handleLoadMore}>
-                  {loadMoreText}
-                </Button>
-              </Flex>
+              typeof loadMoreText === 'function' ? (
+                loadMoreText(handleLoadMore)
+              ) : (
+                <Flex className="PullToRefresh-fallback" center>
+                  {renderIndicator(status, oDistance)}
+                  <Button className="PullToRefresh-loadMore" variant="text" onClick={handleLoadMore}>
+                    {loadMoreText}
+                  </Button>
+                </Flex>
+              )
             )}
             {React.Children.only(children)}
           </div>

From 3c5a8ab9ffd9f84c1d385a7fba520054c2066444 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9F=AF=E7=A6=BB?= <lejiaru.ljr@alibaba-inc.com>
Date: Mon, 8 Sep 2025 11:00:50 +0800
Subject: [PATCH 2/2] =?UTF-8?q?feat:=20=E6=94=AF=E6=8C=81=E4=BC=A0?=
 =?UTF-8?q?=E5=85=A5=E8=87=AA=E5=AE=9A=E4=B9=89=E7=9A=84loadMore?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 demo/src/demo/PullToRefresh.tsx        |  6 +-----
 src/components/PullToRefresh/index.tsx | 22 ++++++++++++----------
 2 files changed, 13 insertions(+), 15 deletions(-)

diff --git a/demo/src/demo/PullToRefresh.tsx b/demo/src/demo/PullToRefresh.tsx
index b37c43dd..090dc153 100644
--- a/demo/src/demo/PullToRefresh.tsx
+++ b/demo/src/demo/PullToRefresh.tsx
@@ -19,17 +19,13 @@ export default () => (
           loadMoreText={(onLoadMore) => (
             <div 
               style={{ 
-                display: 'flex', 
-                alignItems: 'center', 
-                justifyContent: 'center',
-                gap: '8px',
+                width: '100%',
                 padding: '12px',
                 background: '#f5f5f5',
                 borderRadius: '8px',
                 margin: '8px',
                 cursor: 'pointer',
                 border: '1px solid #ddd',
-                transition: 'all 0.2s ease'
               }}
               onClick={onLoadMore}
             >
diff --git a/src/components/PullToRefresh/index.tsx b/src/components/PullToRefresh/index.tsx
index 522a1fc7..e3e1e0d6 100644
--- a/src/components/PullToRefresh/index.tsx
+++ b/src/components/PullToRefresh/index.tsx
@@ -249,16 +249,18 @@ export const PullToRefresh = React.forwardRef<PullToRefreshHandle, PullToRefresh
           >
             <div className="PullToRefresh-indicator">{renderIndicator(status, distance)}</div>
             {!disabled && useFallback && (
-              typeof loadMoreText === 'function' ? (
-                loadMoreText(handleLoadMore)
-              ) : (
-                <Flex className="PullToRefresh-fallback" center>
-                  {renderIndicator(status, oDistance)}
-                  <Button className="PullToRefresh-loadMore" variant="text" onClick={handleLoadMore}>
-                    {loadMoreText}
-                  </Button>
-                </Flex>
-              )
+              <Flex className="PullToRefresh-fallback" center>
+                {typeof loadMoreText === 'function' ? (
+                  loadMoreText(handleLoadMore)
+                ) : (
+                  <>
+                    {renderIndicator(status, oDistance)}
+                    <Button className="PullToRefresh-loadMore" variant="text" onClick={handleLoadMore}>
+                      {loadMoreText}
+                    </Button>
+                  </>
+                )}
+              </Flex>
             )}
             {React.Children.only(children)}
           </div>