@tarojs/components-advanced 4.1.12-beta.4 → 4.1.12-beta.40

package/dist/components/list/hooks/useRefresher.js

@@ -1,39 +1,65 @@
 import { jsx } from 'react/jsx-runtime';
 import { Slot, View } from '@tarojs/components';
-import React, { useState, useRef, useCallback } from 'react';
+import React, { useState, useRef, useCallback, useMemo, useLayoutEffect } from 'react';
 import { supportsNativeRefresher } from '../utils.js';
 
 /**
- * useRefresher - 平台适配的下拉刷新
+ * 下拉刷新（List 内部）
  *
- * - 小程序：weapp / jd / tt 使用 ScrollView 原生 refresher-*
- * - H5：对齐 taro-components-react pull-down-refresh（2.x 同源）逻辑：触顶 + 增量拖拽 + 阻尼 + 释放保持高度再回弹
+ * - 小程序：ScrollView 原生 refresher-*；业务 Promise reject 时补发 Failed(4)（原生不派发）
+ * - H5：触顶 + touch 拖拽；最大行程 / 阻尼停拉线为视口高的 0.9 / 0.8（innerHeight）；收尾仅依赖 onRefresherRefresh 的 Promise
+ * - 动画时间戳用 nowMs()：小程序部分环境无 performance，避免抛错中断回弹
+ * - rafRef 与受控 refresherTriggered→false 的 effect 共用：effect 内 cancel 可能打断 H5 成功回弹，须在 effect 动画结束处释放 refreshingLockRef
+ * - H5 reject：onRefresherStatusChange 顺序 Failed(4) → Completed(3) → Idle(0)
+ * - emitStatusChange：仅 status 变化时回调（同 status 不重复）
  */
 const BOUNCE_MS = 300;
 const AT_TOP_THRESHOLD = 3;
-/** 最大下拉距离（px） */
-const DISTANCE_Y_MAX_LIMIT = 150;
-/** 阻尼系数：超过此值不再累加位移，与 2.x default damping 一致 */
-const DAMPING = 100;
-/** 角度上限（度），小于此值才视为下拉意图 */
+const H5_PULL_DISTANCE_MAX_VH = 0.9;
+const H5_DAMPING_LIMIT_VH = 0.8;
+const VIEWPORT_HEIGHT_FALLBACK = 800;
 const DEG_LIMIT = 40;
-/** 默认刷新层高度（对齐 Dynamic），无自定义 children 时使用 */
 const DEFAULT_REFRESHER_HEIGHT = 50;
-/**
- * 单次位移的阻尼（与 2.x PullDownRefresh.damping 一致）
- * ratio = 已拖拽总距离 / 屏幕高度，damped = diff * (1 - ratio) * 0.6；且当已超过 DAMPING 时不再加
- */
-function dampIncrement(diff, totalMove, currentPull, screenHeight) {
+function resolveTaroMeasureElement(ref) {
+    var _a;
+    const n = ref.current;
+    if (!n)
+        return null;
+    if (typeof Element !== 'undefined' && n instanceof Element)
+        return n;
+    const el = (_a = n.$el) !== null && _a !== void 0 ? _a : n;
+    if (el && typeof Element !== 'undefined' && el instanceof Element)
+        return el;
+    return null;
+}
+function nowMs() {
+    if (typeof performance !== 'undefined' && typeof performance.now === 'function') {
+        return performance.now();
+    }
+    return Date.now();
+}
+function getViewportHeightPx() {
+    if (typeof window === 'undefined' || !Number.isFinite(window.innerHeight) || window.innerHeight <= 0) {
+        return VIEWPORT_HEIGHT_FALLBACK;
+    }
+    return window.innerHeight;
+}
+/** 阻尼增量：ratio=总下拉位移/视口高；超过 dampingLimit 后不再累加 */
+function dampIncrement(diff, totalMove, currentPull, viewportHeight, dampingLimit) {
     if (diff <= 0)
         return 0;
-    if (currentPull >= DAMPING)
+    if (currentPull >= dampingLimit)
         return 0;
-    const ratio = Math.min(totalMove / screenHeight, 1);
+    const ratio = Math.min(totalMove / viewportHeight, 1);
     return diff * (1 - ratio) * 0.6;
 }
 function useRefresher(config, 
 /** 列表逻辑顶部对应的 scrollTop，用于触顶判断；H5「顶栏悬浮+只滚列表」时传 0，imperative 内以 DOM scrollTop 为准 */
-scrollTopAtLogicalTop) {
+scrollTopAtLogicalTop, 
+/** scrollElement 模式下可选：下拉起始点须在 List 内才触发刷新；未传时默认 true（沿用原逻辑） */
+getIsTouchInListArea, 
+/** H5 等：开启刷新区时是否测量自定义内容高度（与 List 侧 isH5 && refresher 一致） */
+enableH5SlotMeasure) {
     var _a, _b, _c, _d, _e, _f, _g;
     const [internalRefreshing, setInternalRefreshing] = useState(false);
     const [pullDistance, setPullDistance] = useState(0);
@@ -59,7 +85,6 @@ scrollTopAtLogicalTop) {
     thresholdRef.current = (_c = config === null || config === void 0 ? void 0 : config.refresherThreshold) !== null && _c !== void 0 ? _c : 45;
     const configRef = useRef(config);
     configRef.current = config;
-    /** H5：触发 onRefresherStatusChange 回调（仅状态变化时触发） */
     const emitStatusChangeRef = useRef((status, dy) => {
         var _a, _b;
         if (refreshStatusRef.current !== status) {
@@ -74,9 +99,52 @@ scrollTopAtLogicalTop) {
     const topThresholdPx = scrollTopWhenAtTop + AT_TOP_THRESHOLD;
     const topThresholdPxRef = useRef(topThresholdPx);
     topThresholdPxRef.current = topThresholdPx;
-    // ========================================
-    // 小程序：原生 refresher-* API
-    // ========================================
+    const getIsTouchInListAreaRef = useRef(getIsTouchInListArea);
+    getIsTouchInListAreaRef.current = getIsTouchInListArea;
+    const [measuredSlotHeight, setMeasuredSlotHeight] = useState(0);
+    const h5MeasureRef = useRef(null);
+    const setH5MeasureRef = useCallback((el) => {
+        h5MeasureRef.current = el;
+    }, []);
+    const hasCustomRefresherChildren = (config === null || config === void 0 ? void 0 : config.children) != null;
+    const slotHeight = useMemo(() => {
+        if (!config || config.refresherEnabled === false)
+            return DEFAULT_REFRESHER_HEIGHT;
+        if (!hasCustomRefresherChildren)
+            return DEFAULT_REFRESHER_HEIGHT;
+        if (supportsNativeRefresher)
+            return DEFAULT_REFRESHER_HEIGHT;
+        if (!enableH5SlotMeasure)
+            return DEFAULT_REFRESHER_HEIGHT;
+        return measuredSlotHeight > 0 ? measuredSlotHeight : DEFAULT_REFRESHER_HEIGHT;
+    }, [
+        config,
+        hasCustomRefresherChildren,
+        measuredSlotHeight,
+        enableH5SlotMeasure,
+    ]);
+    const slotHeightRef = useRef(slotHeight);
+    slotHeightRef.current = slotHeight;
+    useLayoutEffect(() => {
+        if (!enableH5SlotMeasure) {
+            setMeasuredSlotHeight(0);
+            return;
+        }
+        if (!hasCustomRefresherChildren)
+            return;
+        const node = resolveTaroMeasureElement(h5MeasureRef);
+        if (!node || typeof ResizeObserver === 'undefined')
+            return;
+        const ro = new ResizeObserver((entries) => {
+            const entry = entries[0];
+            if (!entry)
+                return;
+            const h = Math.max(1, Math.ceil(entry.contentRect.height));
+            setMeasuredSlotHeight(prev => (prev === h ? prev : h));
+        });
+        ro.observe(node);
+        return () => ro.disconnect();
+    }, [enableH5SlotMeasure, hasCustomRefresherChildren, config === null || config === void 0 ? void 0 : config.children]);
     const scrollViewRefresherProps = config && supportsNativeRefresher ? {
         refresherEnabled: (_d = config.refresherEnabled) !== null && _d !== void 0 ? _d : true,
         refresherThreshold: (_e = config.refresherThreshold) !== null && _e !== void 0 ? _e : 45,
@@ -90,12 +158,16 @@ scrollTopAtLogicalTop) {
             (_a = config.onRefresherPulling) === null || _a === void 0 ? void 0 : _a.call(config, { detail: { deltaY: (_c = (_b = e.detail) === null || _b === void 0 ? void 0 : _b.deltaY) !== null && _c !== void 0 ? _c : 0 } });
         },
         onRefresherRefresh: async () => {
-            var _a;
+            var _a, _b;
             if (!isControlled)
                 setInternalRefreshing(true);
             try {
                 await ((_a = config.onRefresherRefresh) === null || _a === void 0 ? void 0 : _a.call(config));
             }
+            catch (_c) {
+                // 原生不派发 Failed(4)，补发便于与 H5 一致
+                (_b = config.onRefresherStatusChange) === null || _b === void 0 ? void 0 : _b.call(config, { detail: { status: 4 /* RefreshStatus.Failed */, dy: 0 } });
+            }
             finally {
                 if (!isControlled)
                     setInternalRefreshing(false);
@@ -111,11 +183,7 @@ scrollTopAtLogicalTop) {
             (_a = config.onRefresherStatusChange) === null || _a === void 0 ? void 0 : _a.call(config, { detail: { status: (_b = e.detail) === null || _b === void 0 ? void 0 : _b.status, dy: (_c = e.detail) === null || _c === void 0 ? void 0 : _c.dy } });
         },
     } : {};
-    // ========================================
-    // H5：单一结构 + 原生 touch 监听（passive: false）；refresherEnabled=false 时不挂
-    // ========================================
     const addImperativeTouchListeners = React.useCallback((el) => {
-        var _a, _b;
         if (supportsNativeRefresher || !configRef.current || !h5RefresherEnabled)
             return () => { };
         const scrollEl = el;
@@ -123,12 +191,13 @@ scrollTopAtLogicalTop) {
         const startX = { current: 0 };
         const lastY = { current: 0 };
         let touchStartedAtTop = false;
+        /** 下拉起始点是否在 List 内（scrollElement 模式）；未传 getIsTouchInListArea 时恒为 true */
+        let touchStartedInListArea = true;
         let dragOnEdge = false;
         let lastPull = 0;
         /** 用于 onTouchEnd 判断是否触发刷新；刷新完成后必须置 0，否则下次点击（无 touchMove）会误用上次的 lastPull 再次触发 */
         const lastPullRef = { current: 0 };
         const pullAtReleaseRef = { current: 0 };
-        const screenHeight = typeof window !== 'undefined' ? (_b = (_a = window.screen) === null || _a === void 0 ? void 0 : _a.height) !== null && _b !== void 0 ? _b : 600 : 600;
         const setPull = (v) => {
             lastPull = v;
             lastPullRef.current = v;
@@ -137,9 +206,9 @@ scrollTopAtLogicalTop) {
         const runBounceBack = (fromValue, onComplete) => {
             if (rafRef.current != null)
                 cancelAnimationFrame(rafRef.current);
-            const startTime = performance.now();
+            const startTime = nowMs();
             const animate = () => {
-                const t = Math.min((performance.now() - startTime) / BOUNCE_MS, 1);
+                const t = Math.min((nowMs() - startTime) / BOUNCE_MS, 1);
                 const ease = 1 - Math.pow(1 - t, 3);
                 const v = fromValue * (1 - ease);
                 setPullDistanceRef.current(v);
@@ -150,7 +219,6 @@ scrollTopAtLogicalTop) {
                 }
                 else {
                     setPullDistanceRef.current(0);
-                    // 修复闭包问题：使用 ref 获取最新值
                     if (!isControlledRef.current)
                         setInternalRefreshingRef.current(false);
                     rafRef.current = null;
@@ -163,10 +231,10 @@ scrollTopAtLogicalTop) {
         const runBounceBackAbort = (fromValue) => {
             if (rafRef.current != null)
                 cancelAnimationFrame(rafRef.current);
-            const startTime = performance.now();
+            const startTime = nowMs();
             const animate = () => {
                 var _a, _b;
-                const t = Math.min((performance.now() - startTime) / BOUNCE_MS, 1);
+                const t = Math.min((nowMs() - startTime) / BOUNCE_MS, 1);
                 const ease = 1 - Math.pow(1 - t, 3);
                 const v = fromValue * (1 - ease);
                 setPullDistanceRef.current(v);
@@ -180,19 +248,18 @@ scrollTopAtLogicalTop) {
                     lastPullRef.current = 0;
                     lastPull = 0;
                     (_b = (_a = configRef.current) === null || _a === void 0 ? void 0 : _a.onRefresherAbort) === null || _b === void 0 ? void 0 : _b.call(_a);
-                    // 状态变化：回到 Idle
                     emitStatusChangeRef.current(0 /* RefreshStatus.Idle */, 0);
                 }
             };
             rafRef.current = requestAnimationFrame(animate);
         };
-        /** 先动画到 refresherHeight（加载中保持高度），再执行刷新，完成后回弹；与 2.x release 时 setContentStyle(distanceToRefresh+1) 一致 */
+        /** 收起到加载高度后再执行 onRefresherRefresh */
         const runBounceToLoading = (fromValue, toValue, onReach) => {
             if (rafRef.current != null)
                 cancelAnimationFrame(rafRef.current);
-            const startTime = performance.now();
+            const startTime = nowMs();
             const animate = () => {
-                const t = Math.min((performance.now() - startTime) / BOUNCE_MS, 1);
+                const t = Math.min((nowMs() - startTime) / BOUNCE_MS, 1);
                 const ease = 1 - Math.pow(1 - t, 3);
                 setPullDistanceRef.current(fromValue + (toValue - fromValue) * ease);
                 if (t < 1) {
@@ -208,6 +275,7 @@ scrollTopAtLogicalTop) {
         };
         const isEdge = () => { var _a; return ((_a = scrollEl.scrollTop) !== null && _a !== void 0 ? _a : 0) <= topThresholdPxRef.current; };
         const onTouchStart = (e) => {
+            var _a, _b;
             if (refreshingLockRef.current || isRefreshingRef.current)
                 return;
             if (rafRef.current != null) {
@@ -216,6 +284,7 @@ scrollTopAtLogicalTop) {
             }
             lastPull = lastPullRef.current;
             touchStartedAtTop = isEdge();
+            touchStartedInListArea = (_b = (_a = getIsTouchInListAreaRef.current) === null || _a === void 0 ? void 0 : _a.call(getIsTouchInListAreaRef, e)) !== null && _b !== void 0 ? _b : true;
             const t0 = e.touches[0];
             if (t0) {
                 startY.current = t0.clientY;
@@ -227,16 +296,29 @@ scrollTopAtLogicalTop) {
             var _a, _b, _c, _d;
             if (refreshingLockRef.current || isRefreshingRef.current)
                 return;
+            if (!touchStartedInListArea)
+                return;
             const touch = ev.touches[0];
             if (!touch)
                 return;
             const currentY = touch.clientY;
             const currentX = touch.clientX;
-            if (!touchStartedAtTop || !isEdge()) {
+            if (!isEdge()) {
                 setPull(0);
                 dragOnEdge = false;
                 return;
             }
+            // 到顶后：若 touch 开始时不在顶部，在首次下拉(dy>0)时「采纳」该手势，使同一手势内滚到顶后继续下拉可触发刷新
+            if (!touchStartedAtTop && !dragOnEdge) {
+                const dyCheck = currentY - lastY.current;
+                if (dyCheck <= 0)
+                    return;
+                touchStartedAtTop = true;
+                // 重置起点，避免采纳时 dy 过大导致刷新层瞬间拉满
+                startY.current = currentY;
+                startX.current = currentX;
+                lastY.current = currentY;
+            }
             const dy = currentY - lastY.current;
             // 还没进入下拉拖拽阶段（dragOnEdge=false）时，先看第一下是往上还是往下：
             // - 第一笔就是往上滑（dy<=0）：视为正常滚动，直接交给原生 Scroll，不拦截、不启动下拉逻辑
@@ -271,8 +353,11 @@ scrollTopAtLogicalTop) {
                 return;
             }
             lastY.current = currentY;
-            const damped = dampIncrement(dy, totalMove, lastPull, screenHeight);
-            const next = Math.min(lastPull + damped, DISTANCE_Y_MAX_LIMIT);
+            const vh = getViewportHeightPx();
+            const maxPull = vh * H5_PULL_DISTANCE_MAX_VH;
+            const dampingLimit = vh * H5_DAMPING_LIMIT_VH;
+            const damped = dampIncrement(dy, totalMove, lastPull, vh, dampingLimit);
+            const next = Math.min(lastPull + damped, maxPull);
             setPull(next);
             (_b = (_a = configRef.current) === null || _a === void 0 ? void 0 : _a.onRefresherPulling) === null || _b === void 0 ? void 0 : _b.call(_a, { detail: { deltaY: next } });
             if (next >= thresholdRef.current) {
@@ -289,11 +374,10 @@ scrollTopAtLogicalTop) {
                 return;
             refreshingLockRef.current = true;
             const pullValue = lastPull;
-            const height = DEFAULT_REFRESHER_HEIGHT;
+            const height = slotHeightRef.current;
             pullAtReleaseRef.current = pullValue;
             if (!isControlledRef.current)
                 setInternalRefreshingRef.current(true);
-            // 状态变化：Refreshing
             emitStatusChangeRef.current(2 /* RefreshStatus.Refreshing */, pullValue);
             runBounceToLoading(pullValue, height, () => {
                 var _a, _b;
@@ -307,30 +391,26 @@ scrollTopAtLogicalTop) {
                     lastPull = 0;
                     pullAtReleaseRef.current = 0;
                     (_b = (_a = configRef.current) === null || _a === void 0 ? void 0 : _a.onRefresherRestore) === null || _b === void 0 ? void 0 : _b.call(_a);
-                    // 状态变化：回到 Idle
                     emitStatusChangeRef.current(0 /* RefreshStatus.Idle */, 0);
                 };
-                const timeoutId = setTimeout(safeReset, BOUNCE_MS + 400);
                 Promise.resolve((_b = (_a = configRef.current) === null || _a === void 0 ? void 0 : _a.onRefresherRefresh) === null || _b === void 0 ? void 0 : _b.call(_a))
                     .then(() => {
-                    // 若已经通过 safeReset 提前结束刷新（例如超时），则不再执行回弹动画，避免二次「吐舌头」闪现
                     if (!refreshingLockRef.current)
                         return;
-                    // 状态变化：Completed
-                    emitStatusChangeRef.current(3 /* RefreshStatus.Completed */, DEFAULT_REFRESHER_HEIGHT);
-                    requestAnimationFrame(() => runBounceBack(DEFAULT_REFRESHER_HEIGHT, () => {
+                    const slotH = slotHeightRef.current;
+                    emitStatusChangeRef.current(3 /* RefreshStatus.Completed */, slotH);
+                    requestAnimationFrame(() => runBounceBack(slotH, () => {
                         var _a, _b;
-                        clearTimeout(timeoutId);
                         refreshingLockRef.current = false;
                         lastPullRef.current = 0;
                         lastPull = 0;
                         pullAtReleaseRef.current = 0;
                         (_b = (_a = configRef.current) === null || _a === void 0 ? void 0 : _a.onRefresherRestore) === null || _b === void 0 ? void 0 : _b.call(_a);
-                        // 状态变化：回到 Idle
                         emitStatusChangeRef.current(0 /* RefreshStatus.Idle */, 0);
                     }));
                 }, () => {
-                    clearTimeout(timeoutId);
+                    emitStatusChangeRef.current(4 /* RefreshStatus.Failed */, pullValue);
+                    emitStatusChangeRef.current(3 /* RefreshStatus.Completed */, slotHeightRef.current);
                     safeReset();
                 });
             });
@@ -338,6 +418,8 @@ scrollTopAtLogicalTop) {
         const onTouchEnd = () => {
             if (refreshingLockRef.current)
                 return;
+            if (!touchStartedInListArea)
+                return;
             dragOnEdge = false;
             const current = lastPullRef.current;
             if (current >= thresholdRef.current) {
@@ -400,7 +482,7 @@ scrollTopAtLogicalTop) {
         const defaultText = showDefaultText
             ? (isRefreshing ? '加载中...' : pullDistance >= threshold ? '释放刷新' : '下拉刷新')
             : null;
-        return (jsx(View, { style: {
+        return (jsx(View, { ref: !supportsNativeRefresher && hasCustomChildren ? setH5MeasureRef : undefined, style: {
                 width: '100%',
                 minHeight: hasCustomChildren ? undefined : DEFAULT_REFRESHER_HEIGHT,
                 height: hasCustomChildren ? 'auto' : DEFAULT_REFRESHER_HEIGHT,
@@ -409,20 +491,20 @@ scrollTopAtLogicalTop) {
                 justifyContent: 'center',
                 alignItems: 'center',
                 background,
-            }, "data-testid": "list-refresher", children: hasCustomChildren ? config.children : (defaultText ? jsx(View, { style: textColor ? { color: textColor } : undefined, children: defaultText }) : null) }));
-    }, [config, pullDistance, isRefreshing]);
-    // 受控 refresherTriggered：设为 true 时立即展示顶部加载指示器（对齐小程序：无需下拉即显示、固定在顶部）
+            }, children: hasCustomChildren ? config.children : (defaultText ? jsx(View, { style: textColor ? { color: textColor } : undefined, children: defaultText }) : null) }));
+    }, [config, pullDistance, isRefreshing, setH5MeasureRef]);
+    /** 受控 refresherTriggered=true：无下拉也显示加载条 */
     React.useEffect(() => {
         if (!isControlled || !config || config.refresherTriggered !== true)
             return;
-        if (pullDistanceRef.current >= DEFAULT_REFRESHER_HEIGHT)
+        const h = slotHeightRef.current;
+        if (pullDistanceRef.current >= h)
             return;
-        setPullDistanceRef.current(DEFAULT_REFRESHER_HEIGHT);
-        pullDistanceRef.current = DEFAULT_REFRESHER_HEIGHT;
-        // 触发 Refreshing 状态变化
-        emitStatusChangeRef.current(2 /* RefreshStatus.Refreshing */, DEFAULT_REFRESHER_HEIGHT);
-    }, [isControlled, config === null || config === void 0 ? void 0 : config.refresherTriggered]);
-    // 受控 refresherTriggered：父组件设为 false 时同步回弹并清零
+        setPullDistanceRef.current(h);
+        pullDistanceRef.current = h;
+        emitStatusChangeRef.current(2 /* RefreshStatus.Refreshing */, h);
+    }, [isControlled, config === null || config === void 0 ? void 0 : config.refresherTriggered, slotHeight]);
+    /** 受控 refresherTriggered=false：回弹清零；与 touch 共用 rafRef，cancel 时须在此释放 refreshingLockRef */
     const prevTriggeredRef = useRef(config === null || config === void 0 ? void 0 : config.refresherTriggered);
     React.useEffect(() => {
         if (!isControlled || !config || config.refresherTriggered !== false) {
@@ -434,13 +516,12 @@ scrollTopAtLogicalTop) {
         if (prev === true && (pullDistanceRef.current > 0 || isRefreshingRef.current)) {
             if (rafRef.current != null)
                 cancelAnimationFrame(rafRef.current);
-            const from = pullDistanceRef.current > 0 ? pullDistanceRef.current : DEFAULT_REFRESHER_HEIGHT;
-            // 触发 Completed 状态变化
+            const from = pullDistanceRef.current > 0 ? pullDistanceRef.current : slotHeightRef.current;
             emitStatusChangeRef.current(3 /* RefreshStatus.Completed */, from);
-            const startTime = performance.now();
+            const startTime = nowMs();
             const animate = () => {
                 var _a;
-                const t = Math.min((performance.now() - startTime) / BOUNCE_MS, 1);
+                const t = Math.min((nowMs() - startTime) / BOUNCE_MS, 1);
                 const ease = 1 - Math.pow(1 - t, 3);
                 const v = from * (1 - ease);
                 setPullDistanceRef.current(v);
@@ -450,18 +531,17 @@ scrollTopAtLogicalTop) {
                 else {
                     setPullDistanceRef.current(0);
                     pullDistanceRef.current = 0;
-                    // 修复闭包问题：使用 ref 获取最新值
                     if (!isControlledRef.current)
                         setInternalRefreshingRef.current(false);
                     rafRef.current = null;
+                    refreshingLockRef.current = false;
                     (_a = config.onRefresherRestore) === null || _a === void 0 ? void 0 : _a.call(config);
-                    // 触发 Idle 状态变化
                     emitStatusChangeRef.current(0 /* RefreshStatus.Idle */, 0);
                 }
             };
             rafRef.current = requestAnimationFrame(animate);
         }
-    }, [isControlled, config === null || config === void 0 ? void 0 : config.refresherTriggered]);
+    }, [isControlled, config === null || config === void 0 ? void 0 : config.refresherTriggered, slotHeight]);
     return {
         scrollViewRefresherProps,
         scrollViewRefresherHandlers,
@@ -473,6 +553,7 @@ scrollTopAtLogicalTop) {
         },
         addImperativeTouchListeners: !supportsNativeRefresher && config && h5RefresherEnabled ? addImperativeTouchListeners : undefined,
         renderRefresherContent,
+        slotHeight,
     };
 }