@tarojs/components-advanced 4.1.12-beta.6 → 4.1.12-beta.7

package/dist/components/list/index.js

@@ -1,8 +1,9 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { View, ScrollView } from '@tarojs/components';
 import Taro from '@tarojs/taro';
-import React from 'react';
+import React, { useContext } from 'react';
 import { useItemSizeCache } from './hooks/useItemSizeCache.js';
+import { useMeasureStartOffset } from './hooks/useMeasureStartOffset.js';
 import { useRefresher, DEFAULT_REFRESHER_HEIGHT } from './hooks/useRefresher.js';
 import { useResizeObserver } from './hooks/useResizeObserver.js';
 import { useScrollCorrection } from './hooks/useScrollCorrection.js';
@@ -10,7 +11,7 @@ import { ListItem } from './ListItem.js';
 import { NoMore } from './NoMore.js';
 import { StickyHeader } from './StickyHeader.js';
 import { StickySection } from './StickySection.js';
-import { isWeapp, isH5, supportsNativeRefresher } from './utils.js';
+import { isH5, isWeapp, supportsNativeRefresher } from './utils.js';
 
 // 工具：累加数组
 function accumulate(arr) {
@@ -42,10 +43,35 @@ function shouldMeasureWeappItem(index, measuredSet) {
 }
 // 小程序端暂不外抛 onItemSizeChange，避免父层重渲染导致 List remount 引发回顶或空白
 function weappDeferItemSizeChange(_index, _size, _onItemSizeChange) { }
+const EMPTY_SCROLL_REF = { current: null };
+/** 任务 4.1/4.2：List 内嵌 WaterFlow/List 时，向子组件提供 scrollRef、containerHeight、startOffset、reportNestedHeightChange */
+const ListScrollElementContext = React.createContext(null);
+/** 抽离 scrollElement 模式逻辑，降低 InnerList 圈复杂度 */
+function useListScrollElement(listType, scrollElement, 
+/** 无 Context 时自动测量的 startOffset（上方内容高度），与下方 DOM stacking 对称 */
+measuredStartOffset) {
+    var _a, _b;
+    const listScrollCtx = useContext(ListScrollElementContext);
+    const effectiveScrollElement = scrollElement !== null && scrollElement !== void 0 ? scrollElement : listScrollCtx === null || listScrollCtx === void 0 ? void 0 : listScrollCtx.scrollRef;
+    const effectiveStartOffset = (_b = (_a = listScrollCtx === null || listScrollCtx === void 0 ? void 0 : listScrollCtx.startOffset) !== null && _a !== void 0 ? _a : measuredStartOffset) !== null && _b !== void 0 ? _b : 0;
+    const useScrollElementMode = listType === 'nested' && !!(effectiveScrollElement && isH5);
+    if (listType === 'nested' && !effectiveScrollElement && isH5) {
+        // eslint-disable-next-line no-console
+        console.warn('[List] type=nested 但无 scrollElement（props 或 Context），回退为 default');
+    }
+    return { effectiveScrollElement, effectiveStartOffset, useScrollElementMode, hasListScrollCtx: !!listScrollCtx };
+}
 const InnerList = (props, ref) => {
-    var _a;
-    const { stickyHeader = false, space = 0, height = 400, width = '100%', showScrollbar = true, scrollTop: controlledScrollTop, scrollX = false, scrollY = true, onScroll, onScrollToUpper, onScrollToLower, onScrollStart, onScrollEnd, upperThreshold = 50, lowerThreshold = 50, cacheCount = 2, cacheExtent, enableBackToTop, className, style, children, } = props;
+    var _a, _b, _c, _d;
+    const { stickyHeader = false, space = 0, height = 400, width = '100%', showScrollbar = true, scrollTop: controlledScrollTop, scrollX = false, scrollY = true, onScroll, onScrollToUpper, onScrollToLower, onScrollStart, onScrollEnd, upperThreshold = 50, lowerThreshold = 50, cacheCount = 2, cacheExtent, enableBackToTop, className, style, children, type: listType = 'default', scrollElement, scrollRef: scrollRefProp, } = props;
     const isHorizontal = scrollX === true;
+    const contentWrapperRef = React.useRef(null);
+    const result1 = useListScrollElement(listType, scrollElement, 0);
+    const measuredStartOffset = useMeasureStartOffset((_a = result1.effectiveScrollElement) !== null && _a !== void 0 ? _a : EMPTY_SCROLL_REF, contentWrapperRef, {
+        enabled: result1.useScrollElementMode && !result1.hasListScrollCtx && !!result1.effectiveScrollElement && isH5,
+        isHorizontal,
+    });
+    const { effectiveScrollElement, effectiveStartOffset, useScrollElementMode } = useListScrollElement(listType, scrollElement, measuredStartOffset);
     const DEFAULT_ITEM_WIDTH = 120;
     const DEFAULT_ITEM_HEIGHT = 40;
     // 滚动状态管理
@@ -170,9 +196,23 @@ const InnerList = (props, ref) => {
             if (!Number.isFinite(targetOffset)) {
                 targetOffset = 0;
             }
-            updateRenderOffset(targetOffset, true, 'imperative');
+            // 任务 2.2：scrollElement 模式下直接操作外部容器（内嵌时需加上 startOffset）
+            const el = effectiveScrollElement === null || effectiveScrollElement === void 0 ? void 0 : effectiveScrollElement.current;
+            if (el && isH5) {
+                const scrollTarget = targetOffset + effectiveStartOffset;
+                if (isHorizontal) {
+                    el.scrollTo({ left: scrollTarget });
+                }
+                else {
+                    el.scrollTo({ top: scrollTarget });
+                }
+                updateRenderOffset(targetOffset, false, 'scrollElement');
+            }
+            else {
+                updateRenderOffset(targetOffset, true, 'imperative');
+            }
         },
-    }), [scrollX, updateRenderOffset]);
+    }), [scrollX, effectiveScrollElement, effectiveStartOffset, isH5, isHorizontal, updateRenderOffset]);
     // 提取 Refresher 配置（List 属性为 base，Refresher 子组件覆盖）
     const refresherConfig = React.useMemo(() => {
         const listRefresherEnabled = props.refresherEnabled !== false && (props.refresherEnabled === true || props.onRefresherRefresh != null);
@@ -254,7 +294,9 @@ const InnerList = (props, ref) => {
         return config;
     }, [children, props.showNoMore, props.noMoreText, props.noMoreStyle, props.renderNoMore]);
     // Refresher 平台适配：H5 用 addImperativeTouchListeners
-    const { scrollViewRefresherProps, scrollViewRefresherHandlers, h5RefresherProps, addImperativeTouchListeners, renderRefresherContent, } = useRefresher(refresherConfig, isH5 && refresherConfig && !supportsNativeRefresher ? 0 : renderOffset);
+    const { scrollViewRefresherProps, scrollViewRefresherHandlers, h5RefresherProps, addImperativeTouchListeners, renderRefresherContent, } = useRefresher(refresherConfig, isH5 && refresherConfig && !supportsNativeRefresher ? 0 : renderOffset, useScrollElementMode
+        ? (ev) => { var _a, _b; return (_b = (ev.target != null && ((_a = contentWrapperRef.current) === null || _a === void 0 ? void 0 : _a.contains(ev.target)))) !== null && _b !== void 0 ? _b : false; }
+        : undefined);
     const refresherTeardownRef = React.useRef(null);
     const addImperativeTouchListenersRef = React.useRef(addImperativeTouchListeners);
     addImperativeTouchListenersRef.current = addImperativeTouchListeners;
@@ -296,7 +338,7 @@ const InnerList = (props, ref) => {
     }, [children]);
     // 动态尺寸管理
     const defaultEstimatedSize = isHorizontal ? DEFAULT_ITEM_WIDTH : DEFAULT_ITEM_HEIGHT;
-    const estimatedSize = (_a = props.estimatedItemSize) !== null && _a !== void 0 ? _a : defaultEstimatedSize;
+    const estimatedSize = (_b = props.estimatedItemSize) !== null && _b !== void 0 ? _b : defaultEstimatedSize;
     // 计算总 item 数量（跨所有 section）
     const totalItemCount = React.useMemo(() => {
         return sections.reduce((sum, section) => sum + section.items.length, 0);
@@ -334,6 +376,16 @@ const InnerList = (props, ref) => {
             updateRenderOffset(newOffset, true, 'scrollCorrection'); // 程序性修正需同步到 ScrollView
         }
     });
+    const scrollCorrectionRef = React.useRef(scrollCorrection);
+    scrollCorrectionRef.current = scrollCorrection;
+    const onScrollRef = React.useRef(onScroll);
+    onScrollRef.current = onScroll;
+    const onScrollToUpperRef = React.useRef(onScrollToUpper);
+    onScrollToUpperRef.current = onScrollToUpper;
+    const onScrollToLowerRef = React.useRef(onScrollToLower);
+    onScrollToLowerRef.current = onScrollToLower;
+    const thresholdRef = React.useRef({ upper: upperThreshold, lower: lowerThreshold });
+    thresholdRef.current = { upper: upperThreshold, lower: lowerThreshold };
     // 小程序 + 动高（virtual-list 风格）：测量变化后同帧重排，不做程序性 scrollTop 回拉
     const scheduleWeappDynamicReflow = React.useCallback(() => {
         if (!isWeapp || props.useResizeObserver !== true)
@@ -564,6 +616,74 @@ const InnerList = (props, ref) => {
         }
         onScrollEnd === null || onScrollEnd === void 0 ? void 0 : onScrollEnd();
     }, [isWeapp, onScrollEnd]);
+    // scrollElement 模式：containerLength 从 scrollElement 获取（任务 1.6）
+    React.useEffect(() => {
+        if (!effectiveScrollElement || !isH5)
+            return;
+        const el = effectiveScrollElement.current;
+        if (!el || typeof ResizeObserver === 'undefined')
+            return;
+        const update = () => {
+            const measured = isHorizontal ? el.clientWidth : el.clientHeight;
+            if (measured > 0) {
+                setContainerLength(measured);
+            }
+            // scrollElement 模式下 useLayoutEffect 可能早于 ref 挂载，ResizeObserver 作为兜底确保 scrollRef 正确
+            if (scrollRefProp)
+                scrollRefProp.current = el;
+        };
+        update();
+        const ro = new ResizeObserver(update);
+        ro.observe(el);
+        return () => ro.disconnect();
+    }, [effectiveScrollElement, isH5, isHorizontal]);
+    // scrollElement 模式：监听外部滚动，驱动 renderOffset
+    // 使用 ref 保存 scrollCorrection/onScroll，避免每次渲染 deps 变化导致 effect 反复执行形成循环
+    const effectiveStartOffsetRef = React.useRef(effectiveStartOffset);
+    effectiveStartOffsetRef.current = effectiveStartOffset;
+    React.useEffect(() => {
+        if (!effectiveScrollElement || !isH5)
+            return;
+        const el = effectiveScrollElement.current;
+        if (!el)
+            return;
+        const handler = () => {
+            var _a, _b, _c;
+            const scrollPos = isHorizontal ? el.scrollLeft : el.scrollTop;
+            const adjustedPos = scrollPos - effectiveStartOffsetRef.current;
+            const clientSize = isHorizontal ? el.clientWidth : el.clientHeight;
+            const scrollSize = isHorizontal ? el.scrollWidth : el.scrollHeight;
+            scrollCorrectionRef.current.markUserScrolling();
+            updateRenderOffset(adjustedPos, false, 'scrollElement');
+            (_a = onScrollRef.current) === null || _a === void 0 ? void 0 : _a.call(onScrollRef, {
+                scrollTop: isHorizontal ? 0 : scrollPos,
+                scrollLeft: isHorizontal ? scrollPos : 0
+            });
+            // 任务 2.1：onScrollToUpper / onScrollToLower（scrollElement 模式用 adjustedPos，使有上方混排时以 List 顶为基准）
+            const { upper, lower } = thresholdRef.current;
+            const effectiveAdjusted = Math.max(0, adjustedPos);
+            if (effectiveAdjusted <= upper) {
+                (_b = onScrollToUpperRef.current) === null || _b === void 0 ? void 0 : _b.call(onScrollToUpperRef);
+            }
+            if (scrollPos + clientSize >= scrollSize - lower) {
+                (_c = onScrollToLowerRef.current) === null || _c === void 0 ? void 0 : _c.call(onScrollToLowerRef);
+            }
+        };
+        // 同步初始 scroll 位置（内嵌时需减去 startOffset）
+        const initialScroll = isHorizontal ? el.scrollLeft : el.scrollTop;
+        updateRenderOffset(initialScroll - effectiveStartOffsetRef.current, false, 'scrollElement');
+        el.addEventListener('scroll', handler, { passive: true });
+        return () => el.removeEventListener('scroll', handler);
+    }, [effectiveScrollElement, isH5, isHorizontal, updateRenderOffset]);
+    // 任务 2.3：暴露 scrollRef 给父组件（供内层 List/WaterFlow 传入 scrollElement）
+    // 收敛到此处统一赋值，不再在 ResizeObserver 中重复
+    React.useLayoutEffect(() => {
+        if (!scrollRefProp)
+            return;
+        const el = useScrollElementMode ? effectiveScrollElement === null || effectiveScrollElement === void 0 ? void 0 : effectiveScrollElement.current : containerRef.current;
+        if (el)
+            scrollRefProp.current = el;
+    }, [scrollRefProp, useScrollElementMode, effectiveScrollElement]);
     // controlledScrollTop 变化时同步到 ScrollView
     React.useEffect(() => {
         if (typeof controlledScrollTop === 'number') {
@@ -641,19 +761,30 @@ const InnerList = (props, ref) => {
                 }
             }
             updateRenderOffset(targetOffset, true, 'scrollIntoView');
+            // scrollElement 模式下需显式滚动外部容器，否则仅 updateRenderOffset 不会滚动 div
+            if (useScrollElementMode && (effectiveScrollElement === null || effectiveScrollElement === void 0 ? void 0 : effectiveScrollElement.current) && isH5) {
+                const el = effectiveScrollElement.current;
+                const scrollTarget = targetOffset + effectiveStartOffset;
+                if (isHorizontal) {
+                    el.scrollTo({ left: scrollTarget });
+                }
+                else {
+                    el.scrollTo({ top: scrollTarget });
+                }
+            }
         }
-    }, [props.scrollIntoView, totalItemCount, sections, getHeaderSize, getItemSize, space, updateRenderOffset]);
+    }, [props.scrollIntoView, totalItemCount, sections, getHeaderSize, getItemSize, space, updateRenderOffset, useScrollElementMode, effectiveScrollElement, effectiveStartOffset, isH5, isHorizontal]);
     // 容器样式；H5 刷新中禁止滚动
     const containerStyle = Object.assign(Object.assign({ position: 'relative', boxSizing: 'border-box', height,
         width }, style), (isH5 && refresherConfig && !supportsNativeRefresher && h5RefresherProps.isRefreshing
         ? { overflow: 'hidden' }
         : {}));
     // ScrollView 属性
-    const scrollViewProps = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ scrollY: !scrollX && scrollY, scrollX, style: containerStyle, className, enhanced: true, showScrollbar,
+    const scrollViewProps = Object.assign(Object.assign(Object.assign(Object.assign({ scrollY: !scrollX && scrollY, scrollX, style: containerStyle, className, enhanced: true, showScrollbar,
         upperThreshold,
         lowerThreshold, scrollWithAnimation: false, onScroll: handleScroll, onScrollToUpper,
         onScrollToLower,
-        onScrollStart, onScrollEnd: handleNativeScrollEnd, enableBackToTop }, (isWeapp ? { scrollAnchoring: true } : {})), (typeof cacheExtent === 'number' ? { cacheExtent } : {})), { 'data-testid': 'taro-list-container' }), scrollViewRefresherProps), scrollViewRefresherHandlers);
+        onScrollStart, onScrollEnd: handleNativeScrollEnd, enableBackToTop }, (isWeapp ? { scrollAnchoring: true } : {})), (typeof cacheExtent === 'number' ? { cacheExtent } : {})), scrollViewRefresherProps), scrollViewRefresherHandlers);
     // H5 对齐小程序：refresherTriggered=true 时顶部立即显示加载指示器，滚到顶部并锁定滚动直至设为 false
     React.useEffect(() => {
         if (!isH5 || !refresherConfig || supportsNativeRefresher || !h5RefresherProps.isRefreshing)
@@ -667,7 +798,7 @@ const InnerList = (props, ref) => {
             return;
         let teardown = null;
         const tryAttach = () => {
-            const el = containerRef.current;
+            const el = useScrollElementMode ? effectiveScrollElement === null || effectiveScrollElement === void 0 ? void 0 : effectiveScrollElement.current : containerRef.current;
             if (el && !refresherTeardownRef.current) {
                 teardown = attach(el);
                 refresherTeardownRef.current = teardown;
@@ -682,7 +813,7 @@ const InnerList = (props, ref) => {
             }
             refresherTeardownRef.current = null;
         };
-    }, []);
+    }, [useScrollElementMode, effectiveScrollElement]);
     scrollViewOffsetRef.current = scrollViewOffset;
     // scrollTop：weapp 传 scrollViewOffset（reflow 帧传 eff 防跳变）；H5 仅非用户滑动时传
     if (isWeapp) {
@@ -1018,10 +1149,79 @@ const InnerList = (props, ref) => {
                         innerProps.id = `${listId}-list-item-inner-${currentGlobalIndex}`;
                     }
                     innerProps['data-index'] = String(currentGlobalIndex);
-                    nodes.push(React.createElement(View, outerItemProps, React.createElement(View, innerProps, section.items[i])));
+                    const itemNode = React.createElement(View, outerItemProps, React.createElement(View, innerProps, section.items[i]));
+                    // 任务 4.1：当 List 暴露 scrollRef 时，为每个 item 提供 Context，供内层 WaterFlow 使用
+                    const itemWithContext = scrollRefProp && !useScrollElementMode
+                        ? React.createElement(ListScrollElementContext.Provider, {
+                            key: outerItemProps.key,
+                            value: {
+                                scrollRef: scrollRefProp,
+                                containerHeight: containerLength,
+                                startOffset: offset + itemOffsets[i],
+                                reportNestedHeightChange: props.useResizeObserver
+                                    ? (height) => {
+                                        if (height <= 0)
+                                            return;
+                                        const idx = currentGlobalIndex;
+                                        const estimatedHeader = estimatedSize * 0.5;
+                                        const fullHeight = height + estimatedHeader;
+                                        const oldSize = sizeCache.getItemSize(idx);
+                                        if (Math.abs(oldSize - fullHeight) < 1)
+                                            return;
+                                        sizeCache.setItemSize(idx, fullHeight);
+                                        scrollCorrection.recordSizeChange(idx, oldSize, fullHeight);
+                                        if (isWeapp && props.useResizeObserver === true) {
+                                            scheduleWeappDynamicReflow();
+                                        }
+                                        else if (sizeCacheRafRef.current == null) {
+                                            sizeCacheRafRef.current = requestAnimationFrame(() => {
+                                                sizeCacheRafRef.current = null;
+                                                setSizeCacheVersion((v) => v + 1);
+                                            });
+                                        }
+                                    }
+                                    : undefined,
+                            },
+                        }, itemNode)
+                        : itemNode;
+                    nodes.push(itemWithContext);
                 }
                 else {
-                    nodes.push(React.createElement(View, outerItemProps, section.items[i]));
+                    const itemNode = React.createElement(View, outerItemProps, section.items[i]);
+                    const itemWithContext = scrollRefProp && !useScrollElementMode
+                        ? React.createElement(ListScrollElementContext.Provider, {
+                            key: outerItemProps.key,
+                            value: {
+                                scrollRef: scrollRefProp,
+                                containerHeight: containerLength,
+                                startOffset: offset + itemOffsets[i],
+                                reportNestedHeightChange: props.useResizeObserver
+                                    ? (height) => {
+                                        if (height <= 0)
+                                            return;
+                                        const idx = currentGlobalIndex;
+                                        const estimatedHeader = estimatedSize * 0.5;
+                                        const fullHeight = height + estimatedHeader;
+                                        const oldSize = sizeCache.getItemSize(idx);
+                                        if (Math.abs(oldSize - fullHeight) < 1)
+                                            return;
+                                        sizeCache.setItemSize(idx, fullHeight);
+                                        scrollCorrection.recordSizeChange(idx, oldSize, fullHeight);
+                                        if (isWeapp && props.useResizeObserver === true) {
+                                            scheduleWeappDynamicReflow();
+                                        }
+                                        else if (sizeCacheRafRef.current == null) {
+                                            sizeCacheRafRef.current = requestAnimationFrame(() => {
+                                                sizeCacheRafRef.current = null;
+                                                setSizeCacheVersion((v) => v + 1);
+                                            });
+                                        }
+                                    }
+                                    : undefined,
+                            },
+                        }, itemNode)
+                        : itemNode;
+                    nodes.push(itemWithContext);
                 }
             }
             globalItemIndex += section.items.length;
@@ -1038,16 +1238,17 @@ const InnerList = (props, ref) => {
         const defaultStyle = Object.assign(Object.assign(Object.assign({ position: 'absolute' }, (isHorizontal
             ? { left: listContentEnd, top: 0, width: noMoreHeightValue, height: '100%' }
             : { top: listContentEnd, left: 0, width: '100%', height: noMoreHeightValue })), { display: 'flex', alignItems: 'center', justifyContent: 'center', textAlign: 'center', color: '#999', fontSize: '14px', boxSizing: 'border-box' }), noMoreConfig.style);
-        return (jsx(View, { style: defaultStyle, "data-testid": "list-nomore", children: noMoreConfig.children || noMoreConfig.text || '没有更多了' }));
+        return (jsx(View, { style: defaultStyle, children: noMoreConfig.children || noMoreConfig.text || '没有更多了' }));
     };
     // 空列表场景：仅显示 NoMore
     if (sections.length === 0 && (noMoreConfig === null || noMoreConfig === void 0 ? void 0 : noMoreConfig.visible)) {
         return (jsx(ScrollView, Object.assign({ ref: containerRef }, scrollViewProps, { children: jsx(View, { style: Object.assign({ minHeight: containerLength, display: 'flex', alignItems: 'center', justifyContent: 'center' }, containerStyle), children: renderNoMoreContent() }) })));
     }
     // 可滚区域总尺寸
+    // H5 refresher 用负 translateY 隐藏，有上方混排时可能延伸到 sibling 区域；overflow:hidden 裁剪避免重叠
+    const needsRefresherClip = refresherHeightForH5 > 0;
     const contentWrapperStyle = isHorizontal
-        ? { width: totalLength, position: 'relative', height: '100%' }
-        : { height: totalLength, position: 'relative', width: '100%' };
+        ? Object.assign({ width: totalLength, position: 'relative', height: '100%' }, (needsRefresherClip && { overflow: 'hidden' })) : Object.assign({ height: totalLength, position: 'relative', width: '100%' }, (needsRefresherClip && { overflow: 'hidden' }));
     const listWrapperStyle = isHorizontal
         ? { width: listContentLength, position: 'relative', height: '100%' }
         : { height: listContentLength, position: 'relative', width: '100%' };
@@ -1068,9 +1269,21 @@ const InnerList = (props, ref) => {
                             transform: `translateY(${h5RefresherTranslateY}px)`,
                         }, children: renderRefresherContent() }), jsxs(View, { style: Object.assign(Object.assign(Object.assign({}, listWrapperStyle), pullTranslate), { zIndex: 1, background: (_b = (_a = style === null || style === void 0 ? void 0 : style.background) !== null && _a !== void 0 ? _a : style === null || style === void 0 ? void 0 : style.backgroundColor) !== null && _b !== void 0 ? _b : '#fff' }), children: [stickyHeaderNode, renderSections(), renderNoMoreContent()] })] })) : (jsxs(Fragment, { children: [!supportsNativeRefresher && renderRefresherContent(), stickyHeaderNode, renderSections(), renderNoMoreContent()] })) }));
     };
+    if (useScrollElementMode) {
+        // 任务 2.4：恢复 refresher DOM 结构（refresher 层 + listWrapperStyle）
+        return (jsx(View, { ref: contentWrapperRef, style: contentWrapperStyle, children: refresherHeightForH5 > 0 ? (jsxs(Fragment, { children: [jsx(View, { style: {
+                            position: 'absolute',
+                            top: 0,
+                            left: 0,
+                            right: 0,
+                            height: refresherHeightForH5,
+                            zIndex: 0,
+                            transform: `translateY(${h5RefresherTranslateY}px)`,
+                        }, children: renderRefresherContent() }), jsxs(View, { style: Object.assign(Object.assign(Object.assign({}, listWrapperStyle), pullTranslate), { zIndex: 1, background: (_d = (_c = style === null || style === void 0 ? void 0 : style.background) !== null && _c !== void 0 ? _c : style === null || style === void 0 ? void 0 : style.backgroundColor) !== null && _d !== void 0 ? _d : '#fff' }), children: [stickyHeaderNode, renderSections(), renderNoMoreContent()] })] })) : (jsxs(Fragment, { children: [stickyHeaderNode, renderSections(), renderNoMoreContent()] })) }));
+    }
     return (jsxs(ScrollView, Object.assign({ ref: containerRef }, scrollViewProps, { id: listId, children: [supportsNativeRefresher && renderRefresherContent(), renderContentArea()] })));
 };
 const List = React.forwardRef(InnerList);
 
-export { List, ListItem, NoMore, StickyHeader, StickySection, accumulate, List as default, isShaking };
+export { List, ListItem, ListScrollElementContext, NoMore, StickyHeader, StickySection, accumulate, List as default, isShaking };
 //# sourceMappingURL=index.js.map