@tarojs/components-advanced 4.1.12-beta.8 → 4.2.0-beta.0

package/dist/components/list/index.js

@@ -1,17 +1,9 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { View, ScrollView } from '@tarojs/components';
-import Taro from '@tarojs/taro';
-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';
+import React from 'react';
 import { ListItem } from './ListItem.js';
-import { NoMore } from './NoMore.js';
 import { StickyHeader } from './StickyHeader.js';
 import { StickySection } from './StickySection.js';
-import { isH5, isWeapp, supportsNativeRefresher } from './utils.js';
 
 // 工具：累加数组
 function accumulate(arr) {
@@ -36,278 +28,25 @@ function isShaking(diffList) {
     // 如果交替次数过多，认为是抖动
     return alternations >= 2;
 }
-// 小程序端：判断 item 是否应该执行 SelectorQuery 测量（仅检查是否已测量过）
-// SelectorQuery 是只读查询，不会触发 setData，滚动期间执行是安全的
-function shouldMeasureWeappItem(index, measuredSet) {
-    return !measuredSet.has(index);
-}
-// 小程序端暂不外抛 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, _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 List = (props) => {
+    const isH5 = process.env.TARO_ENV === 'h5';
+    const { stickyHeader = false, space = 0, height = 400, width = '100%', showScrollbar = true, scrollTop: controlledScrollTop, scrollX = false, scrollY = true, onScroll, onScrollToUpper, onScrollToLower, upperThreshold = 0, lowerThreshold = 0, cacheCount = 2, style, children, } = 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;
     // 滚动状态管理
     const containerRef = React.useRef(null);
-    // 生成唯一 List ID（用于小程序 ResizeObserver）
-    const listId = React.useMemo(() => `list-${Math.random().toString(36).slice(2, 11)}`, []);
     // 渲染偏移量 - 用于计算应该渲染哪些元素
     const [renderOffset, setRenderOffset] = React.useState(controlledScrollTop !== null && controlledScrollTop !== void 0 ? controlledScrollTop : 0);
-    // 程序性滚动用的目标偏移；用户滑动期间不更新，避免与原生滚动冲突
+    // 滚动视图偏移量 - 只在滚动结束或明确请求时更新到ScrollView
     const [scrollViewOffset, setScrollViewOffset] = React.useState(controlledScrollTop !== null && controlledScrollTop !== void 0 ? controlledScrollTop : 0);
-    // 用户正在滑动时不再向 ScrollView 传 scrollTop，让滚动完全由原生接管
-    const [isUserScrolling, setIsUserScrolling] = React.useState(false);
-    // isUserScrolling 的 ref 镜像，供异步上下文读取最新值
-    const isUserScrollingRef = React.useRef(false);
-    const initialContainerLength = typeof (isHorizontal ? width : height) === 'number' ? (isHorizontal ? width : height) : 400;
-    const [containerLength, setContainerLength] = React.useState(initialContainerLength);
-    // 用容器实际尺寸更新视口长度，避免 props 与 CSS 不一致导致底部空白
-    React.useEffect(() => {
-        const el = containerRef.current;
-        if (!el || typeof ResizeObserver === 'undefined')
-            return;
-        const ro = new ResizeObserver((entries) => {
-            for (const entry of entries) {
-                const { contentRect } = entry;
-                const measured = isHorizontal ? contentRect.width : contentRect.height;
-                if (measured > 0)
-                    setContainerLength(measured);
-            }
-        });
-        ro.observe(el);
-        return () => ro.disconnect();
-    }, [isHorizontal]);
+    const [containerLength] = React.useState(typeof (isHorizontal ? width : height) === 'number' ? (isHorizontal ? width : height) : 400);
     // 滚动追踪相关refs
     const isScrollingRef = React.useRef(false);
     const lastScrollTopRef = React.useRef(controlledScrollTop !== null && controlledScrollTop !== void 0 ? controlledScrollTop : 0);
     const scrollDiffListRef = React.useRef([0, 0, 0]);
     const scrollTimeoutRef = React.useRef(null);
-    // H5：仅程序性滚动时写回 DOM scrollTop，用户滑动结束后不写回避免卡顿
-    const programmaticScrollRef = React.useRef(false);
-    // 小程序端程序性滚动冷却期：handleScroll 只更新 renderOffset，避免 scrollIntoView 后被原生回调拉回
-    const programmaticCooldownRef = React.useRef(false);
-    const programmaticCooldownTimerRef = React.useRef(null);
-    const scrollViewOffsetRef = React.useRef(0);
-    // 处理渲染偏移量更新。
-    // syncToScrollView=true：程序性滚动，立即同步 scrollViewOffset。
-    // syncToScrollView=false：用户滑动，仅更新 renderOffset。weapp 采用 recycle-view 策略：不把用户滑动位置同步到 scrollViewOffset，避免「传滞后值拉回」和「从有到无归顶」。
-    const updateRenderOffset = React.useCallback((newOffset, syncToScrollView, source) => {
-        lastScrollTopRef.current = newOffset;
-        isScrollingRef.current = true;
-        if (scrollTimeoutRef.current) {
-            clearTimeout(scrollTimeoutRef.current);
-        }
-        setRenderOffset(newOffset); // 始终更新虚拟列表用到的偏移
-        if (syncToScrollView) {
-            isUserScrollingRef.current = false;
-            setIsUserScrolling(false);
-            // 小程序：target===sv 时 ScrollView 认为无变化不滚动→白屏；imperative/scrollIntoView 时先传中间值再 RAF 传 target 强制触发
-            // target=0 用 +0.01；target>0 用 -0.01（统一 +0.01 到底部会被 clamp 成同值无效）
-            const same = isWeapp && Math.abs(scrollViewOffsetRef.current - newOffset) < 1;
-            const needForce = same && (source === 'imperative' || source === 'scrollIntoView');
-            if (needForce) {
-                const intermediate = newOffset > 0 ? newOffset - 0.01 : 0.01;
-                setScrollViewOffset(intermediate);
-                requestAnimationFrame(() => {
-                    setScrollViewOffset(newOffset);
-                });
-            }
-            else {
-                setScrollViewOffset(newOffset);
-            }
-            programmaticScrollRef.current = true;
-            if (isWeapp) {
-                programmaticCooldownRef.current = true;
-                if (programmaticCooldownTimerRef.current) {
-                    clearTimeout(programmaticCooldownTimerRef.current);
-                }
-                programmaticCooldownTimerRef.current = setTimeout(() => {
-                    programmaticCooldownRef.current = false;
-                }, 500);
-            }
-        }
-        else {
-            isUserScrollingRef.current = true;
-            setIsUserScrolling(true);
-        }
-        scrollTimeoutRef.current = setTimeout(() => {
-            isScrollingRef.current = false;
-            if (!syncToScrollView) {
-                isUserScrollingRef.current = false;
-                setIsUserScrolling(false);
-                // weapp recycle-view 策略：用户滑动结束后不同步 scrollViewOffset，保持 pass 的值不变，避免 从有到无 归顶
-                if (!isWeapp) {
-                    setScrollViewOffset(lastScrollTopRef.current);
-                }
-            }
-        }, isWeapp ? 200 : 150);
-    }, []);
-    // 暴露给外部的实例方法：通过 ref.scroll({ top / left }) 进行程序性滚动
-    React.useImperativeHandle(ref, () => ({
-        scroll(options) {
-            const opts = options !== null && options !== void 0 ? options : {};
-            const isHorizontal = scrollX === true;
-            const top = typeof opts.top === 'number' ? opts.top : undefined;
-            const left = typeof opts.left === 'number' ? opts.left : undefined;
-            let targetOffset = 0;
-            if (isHorizontal) {
-                if (typeof left === 'number') {
-                    targetOffset = left;
-                }
-                else if (typeof top === 'number') {
-                    targetOffset = top;
-                }
-            }
-            else {
-                if (typeof top === 'number') {
-                    targetOffset = top;
-                }
-                else if (typeof left === 'number') {
-                    targetOffset = left;
-                }
-            }
-            if (!Number.isFinite(targetOffset)) {
-                targetOffset = 0;
-            }
-            // 任务 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, effectiveScrollElement, effectiveStartOffset, isH5, isHorizontal, updateRenderOffset]);
-    // 提取 Refresher 配置（List 属性为 base，Refresher 子组件覆盖）
-    const refresherConfig = React.useMemo(() => {
-        const listRefresherEnabled = props.refresherEnabled !== false && (props.refresherEnabled === true || props.onRefresherRefresh != null);
-        const baseFromList = listRefresherEnabled
-            ? {
-                refresherEnabled: props.refresherEnabled,
-                refresherThreshold: props.refresherThreshold,
-                refresherDefaultStyle: props.refresherDefaultStyle,
-                refresherBackground: props.refresherBackground,
-                refresherTriggered: props.refresherTriggered,
-                onRefresherPulling: props.onRefresherPulling,
-                onRefresherRefresh: props.onRefresherRefresh,
-                onRefresherRestore: props.onRefresherRestore,
-                onRefresherAbort: props.onRefresherAbort,
-                onRefresherWillRefresh: props.onRefresherWillRefresh,
-                onRefresherStatusChange: props.onRefresherStatusChange,
-            }
-            : null;
-        const isRefresherComponent = (child) => {
-            const type = child.type;
-            return (type === null || type === void 0 ? void 0 : type.displayName) === 'Refresher' || (type === null || type === void 0 ? void 0 : type.name) === 'Refresher';
-        };
-        let refresherChildProps = null;
-        let refresherCount = 0;
-        React.Children.forEach(children, (child) => {
-            if (React.isValidElement(child) && isRefresherComponent(child)) {
-                refresherCount++;
-                if (refresherCount > 1) {
-                    return;
-                }
-                refresherChildProps = child.props;
-            }
-        });
-        if (refresherChildProps != null) {
-            const base = baseFromList !== null && baseFromList !== void 0 ? baseFromList : {};
-            // Refresher 子组件的配置覆盖 List 的配置
-            return Object.assign(Object.assign({}, base), refresherChildProps);
-        }
-        return baseFromList;
-    }, [
-        children,
-        props.refresherEnabled,
-        props.refresherThreshold,
-        props.refresherDefaultStyle,
-        props.refresherBackground,
-        props.refresherTriggered,
-        props.onRefresherPulling,
-        props.onRefresherRefresh,
-        props.onRefresherRestore,
-        props.onRefresherAbort,
-        props.onRefresherWillRefresh,
-        props.onRefresherStatusChange,
-    ]);
-    // 提取 NoMore 配置
-    const noMoreConfig = React.useMemo(() => {
-        var _a;
-        let config = null;
-        let noMoreCount = 0;
-        // 从子组件中提取 NoMore
-        React.Children.forEach(children, (child) => {
-            if (React.isValidElement(child) && child.type === NoMore) {
-                noMoreCount++;
-                if (noMoreCount > 1) {
-                    return;
-                }
-                const childProps = child.props;
-                config = Object.assign(Object.assign({}, childProps), { visible: childProps.visible !== false });
-            }
-        });
-        // Props 方式转换为配置（优先级低于子组件）
-        if (props.showNoMore && !config) {
-            config = {
-                visible: true,
-                text: props.noMoreText,
-                style: props.noMoreStyle,
-                children: (_a = props.renderNoMore) === null || _a === void 0 ? void 0 : _a.call(props)
-            };
-        }
-        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, 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;
-    React.useEffect(() => () => {
-        if (refresherTeardownRef.current)
-            refresherTeardownRef.current();
-    }, []);
-    // H5 下拉刷新顶栏高度（默认 50px，来自 useRefresher）
-    const refresherHeightForH5 = (isH5 && refresherConfig && !supportsNativeRefresher && refresherConfig.refresherEnabled !== false) ? DEFAULT_REFRESHER_HEIGHT : 0;
     // 解析分组结构，只支持 StickySection 和 ListItem 作为直接子组件
-    // 过滤掉 Refresher 和 NoMore 组件
     const sections = React.useMemo(() => {
         const result = [];
         const defaultItems = [];
@@ -329,109 +68,14 @@ const InnerList = (props, ref) => {
                 // 普通 ListItem
                 defaultItems.push(child);
             }
-            // 忽略 Refresher 和 NoMore 组件（已在上面提取配置）
         });
         if (defaultItems.length > 0) {
             result.push({ header: null, items: defaultItems, key: 'default' });
         }
         return result;
     }, [children]);
-    // 动态尺寸管理
-    const defaultEstimatedSize = isHorizontal ? DEFAULT_ITEM_WIDTH : DEFAULT_ITEM_HEIGHT;
-    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);
-    }, [sections]);
-    // 存储元素引用（用于 ResizeObserver）
-    const itemRefsRef = React.useRef(new Map());
-    // 存储 header 元素引用（用于 ResizeObserver）
-    const headerRefsRef = React.useRef(new Map());
-    // 小程序端：已完成 SelectorQuery 测量的 item 索引集，避免 refCallback 重复触发测量导致无限循环
-    const weappMeasuredItemsRef = React.useRef(new Set());
-    // 动态尺寸缓存更新版本：setItemSize 后递增，用于驱动 sectionOffsets/totalLength 与 item 定位重算
-    const [sizeCacheVersion, setSizeCacheVersion] = React.useState(0);
-    const sizeCacheRafRef = React.useRef(null);
-    // 小程序端：测量触发 re-render 时，reflow 帧传 eff 并同步 scrollViewOffset，避免下一帧传 0 导致跳变
-    const measureScrollProtectRef = React.useRef(false);
-    // 动态尺寸缓存
-    const sizeCache = useItemSizeCache({
-        isHorizontal,
-        estimatedItemSize: estimatedSize,
-        itemCount: totalItemCount
-    });
-    // header 动态尺寸缓存（sectionIndex -> size）
-    const headerSizeCacheRef = React.useRef(new Map());
-    // 滚动修正的可见起始索引（后续更新）
-    const visibleStartIndexRef = React.useRef(0);
-    // ScrollTop 修正（仅 H5）：动高时尺寸变化自动修正 scrollTop
-    const scrollCorrectionEnabled = !isWeapp && props.useResizeObserver === true;
-    const scrollCorrection = useScrollCorrection({
-        enabled: scrollCorrectionEnabled,
-        visibleStartIndexRef,
-        setScrollOffset: (offsetOrUpdater) => {
-            const newOffset = typeof offsetOrUpdater === 'function'
-                ? offsetOrUpdater(renderOffset)
-                : offsetOrUpdater;
-            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)
-            return;
-        if (sizeCacheRafRef.current != null)
-            return;
-        sizeCacheRafRef.current = requestAnimationFrame(() => {
-            sizeCacheRafRef.current = null;
-            measureScrollProtectRef.current = true;
-            setSizeCacheVersion((v) => v + 1);
-        });
-    }, [isWeapp, props.useResizeObserver]);
-    // ResizeObserver（当启用动态测量时）
-    const resizeObserver = useResizeObserver({
-        enabled: props.useResizeObserver === true,
-        isHorizontal,
-        listId,
-        onResize: (index, size) => {
-            var _a;
-            const oldSize = sizeCache.getItemSize(index);
-            sizeCache.setItemSize(index, size);
-            if (Math.abs(oldSize - size) >= 1) {
-                if (isWeapp && props.useResizeObserver === true) {
-                    scheduleWeappDynamicReflow();
-                }
-                else if (sizeCacheRafRef.current == null) {
-                    sizeCacheRafRef.current = requestAnimationFrame(() => {
-                        sizeCacheRafRef.current = null;
-                        setSizeCacheVersion((v) => v + 1);
-                    });
-                }
-            }
-            // 触发 ScrollTop 修正
-            scrollCorrection.recordSizeChange(index, oldSize, size);
-            // 小程序：延迟 onItemSizeChange，避免父组件重渲染导致 List remount
-            // H5：直接回调
-            if (isWeapp) {
-                weappDeferItemSizeChange(index, size, props.onItemSizeChange);
-            }
-            else {
-                (_a = props.onItemSizeChange) === null || _a === void 0 ? void 0 : _a.call(props, index, size);
-            }
-        }
-    });
-    // 工具：获取 header 默认/估算尺寸
-    const getDefaultHeaderSize = () => {
+    // 工具：获取 header 尺寸，确保所有 header 相关逻辑一致
+    const getHeaderSize = () => {
         if (isHorizontal) {
             if (typeof props.headerWidth === 'number')
                 return props.headerWidth;
@@ -455,24 +99,8 @@ const InnerList = (props, ref) => {
             return DEFAULT_ITEM_HEIGHT;
         }
     };
-    // 工具：获取 header 尺寸（支持动态测量）
-    const getHeaderSize = React.useCallback((sectionIndex) => {
-        // 如果启用动态测量，优先从缓存读取
-        if (props.useResizeObserver === true) {
-            const cached = headerSizeCacheRef.current.get(sectionIndex);
-            if (cached != null && cached > 0)
-                return cached;
-        }
-        // 否则返回默认尺寸
-        return getDefaultHeaderSize();
-    }, [props.useResizeObserver, props.headerHeight, props.headerWidth, props.itemHeight, props.itemWidth, props.itemSize, props.itemData, isHorizontal]);
-    // 工具：获取 item 尺寸，支持函数/props/默认值/动态测量
-    const getItemSize = React.useCallback((index) => {
-        // 优先级1：如果启用动态测量，从缓存读取
-        if (props.useResizeObserver === true) {
-            return sizeCache.getItemSize(index);
-        }
-        // 优先级2：固定尺寸或函数计算
+    // 工具：获取 item 尺寸，支持函数/props/默认值
+    const getItemSize = (index) => {
         if (isHorizontal) {
             if (typeof props.itemWidth === 'number')
                 return props.itemWidth;
@@ -491,24 +119,20 @@ const InnerList = (props, ref) => {
                 return props.itemSize(index, props.itemData) || DEFAULT_ITEM_HEIGHT;
             return DEFAULT_ITEM_HEIGHT;
         }
-    }, [props.useResizeObserver, props.itemWidth, props.itemHeight, props.itemSize, props.itemData, isHorizontal, sizeCache]);
-    // 分组累积高度/宽度，sizeCacheVersion 变化时重算
+    };
+    // 计算分组累积高度/宽度
     const sectionOffsets = React.useMemo(() => {
         const offsets = [0];
-        let globalItemIndex = 0; // 累加全局索引
-        sections.forEach((section, sectionIdx) => {
-            const headerSize = getHeaderSize(sectionIdx);
-            // 使用全局索引计算每个 item 的尺寸
-            const itemSizes = section.items.map((_, localIdx) => getItemSize(globalItemIndex + localIdx));
+        sections.forEach((section) => {
+            const headerSize = getHeaderSize();
+            const itemSizes = section.items.map((_, i) => getItemSize(i));
             const groupSize = (section.header ? headerSize : 0) +
                 itemSizes.reduce((a, b) => a + b, 0) +
                 Math.max(0, section.items.length) * space;
             offsets.push(offsets[offsets.length - 1] + groupSize);
-            // 累加当前 section 的 item 数量
-            globalItemIndex += section.items.length;
         });
         return offsets;
-    }, [sections, space, isHorizontal, props.headerHeight, props.headerWidth, props.itemHeight, props.itemWidth, props.itemSize, props.itemData, getItemSize, getHeaderSize, sizeCacheVersion]);
+    }, [sections, space, isHorizontal, props.headerHeight, props.headerWidth, props.itemHeight, props.itemWidth, props.itemSize, props.itemData]);
     // 外层虚拟滚动：可见分组
     const [startSection, endSection] = React.useMemo(() => {
         let start = 0;
@@ -527,351 +151,119 @@ const InnerList = (props, ref) => {
         }
         return [start, end];
     }, [renderOffset, containerLength, sectionOffsets, sections.length, cacheCount]);
-    // 视口内可见 item 的全局索引范围（供 onScrollIndex）
-    const [visibleStartItem, visibleEndItem] = React.useMemo(() => {
-        const viewportTop = renderOffset;
-        const viewportBottom = renderOffset + containerLength;
-        let firstVisible = -1;
-        let lastVisible = -1;
-        let globalIndex = 0;
-        for (let s = 0; s < sections.length; s++) {
-            const section = sections[s];
-            const headerSize = getHeaderSize(s);
-            const sectionStart = sectionOffsets[s] + (section.header ? headerSize : 0);
-            let itemTop = sectionStart;
-            for (let i = 0; i < section.items.length; i++) {
-                const itemSize = getItemSize(globalIndex);
-                const itemBottom = itemTop + itemSize;
-                // 判断 item 本身（不含 space）是否与视口相交
-                if (itemBottom > viewportTop && itemTop < viewportBottom) {
-                    if (firstVisible < 0)
-                        firstVisible = globalIndex;
-                    lastVisible = globalIndex;
-                }
-                // 下一个 item 的起始位置 = 当前 item 结束 + space
-                itemTop = itemBottom + space;
-                globalIndex++;
-            }
-        }
-        if (firstVisible < 0 || lastVisible < 0)
-            return [0, 0];
-        return [firstVisible, lastVisible];
-    }, [renderOffset, containerLength, sections, sectionOffsets, getHeaderSize, getItemSize, space]);
-    // 触发 onScrollIndex 回调（带防重复）
-    const lastVisibleRangeRef = React.useRef({ start: -1, end: -1 });
+    // 触顶/触底事件
     React.useEffect(() => {
-        if (props.onScrollIndex) {
-            // 避免重复触发
-            if (lastVisibleRangeRef.current.start !== visibleStartItem ||
-                lastVisibleRangeRef.current.end !== visibleEndItem) {
-                lastVisibleRangeRef.current = { start: visibleStartItem, end: visibleEndItem };
-                props.onScrollIndex(visibleStartItem, visibleEndItem);
-            }
+        if (onScrollToUpper && renderOffset <= (upperThreshold > 0 ? sectionOffsets[upperThreshold] : 0)) {
+            onScrollToUpper();
         }
-    }, [visibleStartItem, visibleEndItem, props.onScrollIndex]);
+        if (onScrollToLower && renderOffset + containerLength >= sectionOffsets[sectionOffsets.length - 1] - (lowerThreshold > 0 ? sectionOffsets[sectionOffsets.length - 1] - sectionOffsets[sections.length - lowerThreshold] : 0)) {
+            onScrollToLower();
+        }
+    }, [renderOffset, containerLength, sectionOffsets, sections.length, upperThreshold, lowerThreshold, onScrollToUpper, onScrollToLower]);
+    // 处理渲染偏移量更新
+    const updateRenderOffset = React.useCallback((newOffset) => {
+        lastScrollTopRef.current = newOffset;
+        isScrollingRef.current = true;
+        if (scrollTimeoutRef.current) {
+            clearTimeout(scrollTimeoutRef.current);
+        }
+        setRenderOffset(newOffset); // 立即更新渲染偏移量
+        // 平台适配：微信小程序使用延时，其他平台立即更新
+        const isWeapp = process.env.TARO_ENV === 'weapp';
+        if (isWeapp) {
+            // 微信小程序：使用延时避免抖动
+            scrollTimeoutRef.current = setTimeout(() => {
+                isScrollingRef.current = false;
+                setScrollViewOffset(newOffset); // 滚动结束后，同步滚动视图偏移量
+            }, 200);
+        }
+        else {
+            // 其他平台：立即更新以获得更好的响应性
+            setScrollViewOffset(newOffset); // 立即更新滚动视图偏移量
+            scrollTimeoutRef.current = setTimeout(() => {
+                isScrollingRef.current = false;
+            }, 200);
+        }
+    }, []);
+    // 智能滚动处理函数
     const handleScroll = React.useCallback((e) => {
+        // 兼容Stencil版本和React版本的事件结构
         let newOffset;
         if (e.detail) {
+            // React版本的事件结构
             newOffset = isHorizontal ? e.detail.scrollLeft : e.detail.scrollTop;
         }
         else {
+            // Stencil版本的事件结构
             newOffset = isHorizontal ? e.scrollLeft : e.scrollTop;
         }
-        const effectiveOffset = newOffset;
-        const diff = effectiveOffset - lastScrollTopRef.current;
+        const diff = newOffset - lastScrollTopRef.current;
         scrollDiffListRef.current.shift();
         scrollDiffListRef.current.push(diff);
-        const shaking = isScrollingRef.current && isShaking(scrollDiffListRef.current);
-        if (shaking)
-            return;
-        if (programmaticCooldownRef.current) {
-            lastScrollTopRef.current = effectiveOffset;
-            setRenderOffset(effectiveOffset);
-            onScroll === null || onScroll === void 0 ? void 0 : onScroll({
-                scrollTop: isHorizontal ? 0 : newOffset,
-                scrollLeft: isHorizontal ? newOffset : 0
-            });
+        // 只保留抖动检测，移除方向检测
+        if (isScrollingRef.current && isShaking(scrollDiffListRef.current)) {
             return;
         }
-        scrollCorrection.markUserScrolling();
-        updateRenderOffset(effectiveOffset, false, 'onScroll');
+        updateRenderOffset(newOffset); // 直接更新渲染偏移量
         onScroll === null || onScroll === void 0 ? void 0 : onScroll({
             scrollTop: isHorizontal ? 0 : newOffset,
             scrollLeft: isHorizontal ? newOffset : 0
         });
-    }, [isHorizontal, onScroll, updateRenderOffset, scrollCorrection, props.useResizeObserver]);
-    // 小程序：onScrollEnd 优先结束 isUserScrolling，timeout 兜底
-    const handleNativeScrollEnd = React.useCallback(() => {
-        if (isWeapp) {
-            if (scrollTimeoutRef.current) {
-                clearTimeout(scrollTimeoutRef.current);
-                scrollTimeoutRef.current = null;
-            }
-            if (isUserScrollingRef.current) {
-                isScrollingRef.current = false;
-                isUserScrollingRef.current = false;
-                setIsUserScrolling(false);
-                // recycle-view 策略：不把用户滑动位置同步到 scrollViewOffset
-            }
-        }
-        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
+    }, [isHorizontal, onScroll, updateRenderOffset, containerLength]);
+    // 初始化后的延迟同步 - 确保ScrollView正确设置初始位置
     React.useEffect(() => {
         if (typeof controlledScrollTop === 'number') {
-            const sv = scrollViewOffsetRef.current;
-            const same = isWeapp && Math.abs(sv - controlledScrollTop) < 1;
-            if (same) {
-                const intermediate = controlledScrollTop > 0 ? controlledScrollTop - 0.01 : 0.01;
-                setRenderOffset(intermediate);
-                setScrollViewOffset(intermediate);
-                requestAnimationFrame(() => {
-                    setRenderOffset(controlledScrollTop);
-                    setScrollViewOffset(controlledScrollTop);
-                });
-            }
-            else {
-                setRenderOffset(controlledScrollTop);
-                setScrollViewOffset(controlledScrollTop);
-            }
+            setScrollViewOffset(controlledScrollTop);
             lastScrollTopRef.current = controlledScrollTop;
-            programmaticScrollRef.current = true;
         }
     }, [controlledScrollTop]);
-    // 清理定时器、ResizeObserver 与尺寸缓存 RAF（仅在卸载时执行）
+    // 清理定时器
     React.useEffect(() => {
         return () => {
             if (scrollTimeoutRef.current) {
                 clearTimeout(scrollTimeoutRef.current);
             }
-            // 小程序端冷却期定时器清理
-            if (isWeapp && programmaticCooldownTimerRef.current) {
-                clearTimeout(programmaticCooldownTimerRef.current);
-            }
-            if (sizeCacheRafRef.current != null) {
-                cancelAnimationFrame(sizeCacheRafRef.current);
-                sizeCacheRafRef.current = null;
-            }
-            resizeObserver.disconnect();
-            scrollCorrection.clearQueue();
         };
     }, []);
-    // scrollIntoView：仅当 scrollIntoView 变化时执行一次跳动，统一转换为 scrollTop 路径（updateRenderOffset）。
-    const lastScrollIntoViewRef = React.useRef(null);
-    React.useEffect(() => {
-        const targetId = props.scrollIntoView;
-        if (!targetId) {
-            lastScrollIntoViewRef.current = null;
-            return;
-        }
-        if (lastScrollIntoViewRef.current === targetId)
-            return;
-        lastScrollIntoViewRef.current = targetId;
-        let targetIndex = -1;
-        if (targetId.startsWith('list-item-')) {
-            targetIndex = parseInt(targetId.replace('list-item-', ''), 10);
-        }
-        if (targetIndex >= 0 && targetIndex < totalItemCount) {
-            let targetOffset = 0;
-            let currentGlobalIndex = 0;
-            for (let s = 0; s < sections.length; s++) {
-                const section = sections[s];
-                const headerSize = section.header ? getHeaderSize(s) : 0;
-                if (currentGlobalIndex + section.items.length > targetIndex) {
-                    targetOffset += headerSize;
-                    for (let i = 0; i < targetIndex - currentGlobalIndex; i++) {
-                        targetOffset += getItemSize(currentGlobalIndex + i) + space;
-                    }
-                    break;
-                }
-                else {
-                    targetOffset += headerSize;
-                    for (let i = 0; i < section.items.length; i++) {
-                        targetOffset += getItemSize(currentGlobalIndex + i) + space;
-                    }
-                    currentGlobalIndex += section.items.length;
-                }
-            }
-            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, 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' }
-        : {}));
+    // 容器样式
+    const containerStyle = Object.assign({ position: 'relative', boxSizing: 'border-box', height: isHorizontal ? width : height, width: isHorizontal ? height : width }, style);
+    // 修改ScrollView组件的props，添加data-testid属性
     // ScrollView 属性
-    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,
+    const scrollViewProps = {
+        scrollY: !scrollX && scrollY,
+        scrollX: scrollX,
+        style: containerStyle,
+        enhanced: true,
+        showScrollbar: showScrollbar,
+        onScroll: handleScroll,
+        onScrollToUpper,
         onScrollToLower,
-        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)
-            return;
-        updateRenderOffset(0, true, 'refresher');
-    }, [h5RefresherProps.isRefreshing, isH5, refresherConfig, supportsNativeRefresher, updateRenderOffset]);
-    // H5 下拉刷新：ref 存 addImperativeTouchListeners，避免 config 变化导致 effect 循环
-    React.useLayoutEffect(() => {
-        const attach = addImperativeTouchListenersRef.current;
-        if (!attach)
-            return;
-        let teardown = null;
-        const tryAttach = () => {
-            const el = useScrollElementMode ? effectiveScrollElement === null || effectiveScrollElement === void 0 ? void 0 : effectiveScrollElement.current : containerRef.current;
-            if (el && !refresherTeardownRef.current) {
-                teardown = attach(el);
-                refresherTeardownRef.current = teardown;
-            }
-        };
-        tryAttach();
-        const rafId = requestAnimationFrame(tryAttach);
-        return () => {
-            cancelAnimationFrame(rafId);
-            if (teardown) {
-                teardown();
-            }
-            refresherTeardownRef.current = null;
-        };
-    }, [useScrollElementMode, effectiveScrollElement]);
-    scrollViewOffsetRef.current = scrollViewOffset;
-    // scrollTop：weapp 传 scrollViewOffset（reflow 帧传 eff 防跳变）；H5 仅非用户滑动时传
-    if (isWeapp) {
-        if (measureScrollProtectRef.current) {
-            measureScrollProtectRef.current = false;
-            const eff = lastScrollTopRef.current;
-            setScrollViewOffset(eff);
-            if (isHorizontal) {
-                scrollViewProps.scrollLeft = eff;
-            }
-            else {
-                scrollViewProps.scrollTop = eff;
-            }
-            programmaticScrollRef.current = false;
-        }
-        else {
-            const sv = scrollViewOffset;
-            if (isHorizontal) {
-                scrollViewProps.scrollLeft = sv;
-            }
-            else {
-                scrollViewProps.scrollTop = sv;
-            }
-            programmaticScrollRef.current = false;
-        }
+        'data-testid': 'taro-list-container'
+    };
+    // 设置ScrollView的滚动位置 - 同时兼容React版本和Stencil版本
+    if (isHorizontal) {
+        scrollViewProps.scrollLeft = scrollViewOffset; // React版本
+        scrollViewProps.mpScrollLeft = scrollViewOffset; // Stencil版本
     }
     else {
-        // H5：非用户滑动时传
-        if (!isUserScrolling) {
-            if (isHorizontal) {
-                scrollViewProps.scrollLeft = scrollViewOffset;
-            }
-            else {
-                scrollViewProps.scrollTop = scrollViewOffset;
+        scrollViewProps.scrollTop = scrollViewOffset; // React版本
+        scrollViewProps.mpScrollTop = scrollViewOffset; // Stencil版本
+    }
+    // H5上额外使用DOM直接操作确保滚动位置正确
+    if (isH5) {
+        React.useEffect(() => {
+            if (containerRef.current && typeof scrollViewOffset === 'number') {
+                if (isHorizontal) {
+                    containerRef.current.scrollLeft = scrollViewOffset;
+                }
+                else {
+                    containerRef.current.scrollTop = scrollViewOffset;
+                }
             }
-        }
+        }, [scrollViewOffset, isHorizontal]);
     }
-    // H5：程序性滚动时写回 DOM scrollTop
-    React.useEffect(() => {
-        if (!isH5)
-            return;
-        if (isUserScrolling || !containerRef.current || typeof scrollViewOffset !== 'number')
-            return;
-        if (!programmaticScrollRef.current)
-            return;
-        const scrollValue = scrollViewOffset;
-        if (isHorizontal) {
-            containerRef.current.scrollLeft = scrollValue;
-        }
-        else {
-            containerRef.current.scrollTop = scrollValue;
-        }
-        programmaticScrollRef.current = false;
-    }, [isH5, scrollViewOffset, isHorizontal, isUserScrolling]);
-    // 总高度/宽度（含 NoMore）
-    const noMoreHeight = (noMoreConfig === null || noMoreConfig === void 0 ? void 0 : noMoreConfig.visible) ? (noMoreConfig.height || 60) : 0;
-    const listContentLength = sectionOffsets[sectionOffsets.length - 1] + noMoreHeight;
-    const totalLength = listContentLength;
+    // 总高度/宽度
+    const totalLength = sectionOffsets[sectionOffsets.length - 1];
     // 吸顶/吸左 header
     const stickyHeaderNode = React.useMemo(() => {
         if (!stickyHeader)
@@ -880,18 +272,9 @@ const InnerList = (props, ref) => {
             if (sectionOffsets[i] <= renderOffset && renderOffset < sectionOffsets[i + 1]) {
                 const section = sections[i];
                 if (section.header) {
-                    // 吸顶 header 不设固定 height/width，由内容撑开，避免「外部 60px 容器 + 实际内容 40+px」导致 header 内空白
-                    const stickyHeaderStyle = {
-                        position: 'sticky',
-                        top: 0,
-                        left: 0,
-                        zIndex: 100,
-                        background: '#fff',
-                        boxSizing: 'border-box',
-                        minHeight: 20,
-                        overflow: 'hidden',
-                        lineHeight: 1
-                    };
+                    const headerSize = getHeaderSize();
+                    // 内联样式替代className
+                    const stickyHeaderStyle = Object.assign({ position: 'sticky', top: 0, left: 0, zIndex: 100, background: '#fff', boxSizing: 'border-box', minHeight: '20px', overflow: 'hidden', lineHeight: 1 }, (isHorizontal ? { width: headerSize } : { height: headerSize }));
                     return (jsx(View, { style: stickyHeaderStyle, children: section.header }));
                 }
             }
@@ -902,105 +285,20 @@ const InnerList = (props, ref) => {
     const renderSections = () => {
         const nodes = [];
         let offset = sectionOffsets[startSection];
-        let globalItemIndex = 0; // 全局 item 索引（跨 section）
-        // 计算起始 section 之前的所有 item 数量
-        for (let s = 0; s < startSection; s++) {
-            globalItemIndex += sections[s].items.length;
-        }
         for (let s = startSection; s <= endSection; s++) {
             const section = sections[s];
-            const headerSize = getHeaderSize(s);
-            const itemSizes = section.items.map((_, i) => getItemSize(globalItemIndex + i));
+            const headerSize = getHeaderSize();
+            const itemSizes = section.items.map((_, i) => getItemSize(i));
             // header
             if (section.header) {
-                const sectionIndex = s;
-                // 动态测量时外层定位容器不设固定高度，由内层撑开
+                // 内联样式替代className
                 const sectionHeaderStyle = Object.assign({ position: 'absolute', zIndex: 2, boxSizing: 'border-box', width: '100%', minHeight: '20px', overflow: 'hidden', lineHeight: 1 }, (isHorizontal
-                    ? { top: 0, height: '100%', left: offset, width: props.useResizeObserver ? undefined : headerSize }
-                    : { top: offset, height: props.useResizeObserver ? undefined : headerSize }));
-                // header ref 回调（用于 ResizeObserver 测量）
-                const headerRefCallback = props.useResizeObserver ? (el) => {
-                    if (el) {
-                        headerRefsRef.current.set(sectionIndex, el);
-                        resizeObserver.observe(el, -sectionIndex - 1); // 用负数索引区分 header 和 item
-                        const measureAndUpdateHeader = (measured) => {
-                            var _a;
-                            if (measured > 0) {
-                                const oldSize = (_a = headerSizeCacheRef.current.get(sectionIndex)) !== null && _a !== void 0 ? _a : getDefaultHeaderSize();
-                                if (Math.abs(oldSize - measured) >= 1) {
-                                    headerSizeCacheRef.current.set(sectionIndex, measured);
-                                    if (isWeapp && props.useResizeObserver === true) {
-                                        scheduleWeappDynamicReflow();
-                                    }
-                                    else if (sizeCacheRafRef.current == null) {
-                                        sizeCacheRafRef.current = requestAnimationFrame(() => {
-                                            sizeCacheRafRef.current = null;
-                                            setSizeCacheVersion((v) => v + 1);
-                                        });
-                                    }
-                                }
-                            }
-                        };
-                        if (isH5) {
-                            requestAnimationFrame(() => {
-                                if (!headerRefsRef.current.has(sectionIndex))
-                                    return;
-                                const rect = el.getBoundingClientRect();
-                                measureAndUpdateHeader(isHorizontal ? rect.width : rect.height);
-                            });
-                        }
-                        else if (isWeapp) {
-                            Taro.nextTick(() => {
-                                if (!headerRefsRef.current.has(sectionIndex))
-                                    return;
-                                Taro.createSelectorQuery()
-                                    .select(`#${listId}-list-header-inner-${sectionIndex}`)
-                                    .boundingClientRect((rect) => {
-                                    if (rect) {
-                                        measureAndUpdateHeader(isHorizontal ? rect.width : rect.height);
-                                    }
-                                })
-                                    .exec();
-                            });
-                        }
-                    }
-                    else {
-                        const oldEl = headerRefsRef.current.get(sectionIndex);
-                        if (oldEl) {
-                            resizeObserver.unobserve(oldEl);
-                            headerRefsRef.current.delete(sectionIndex);
-                        }
-                    }
-                } : undefined;
-                // 动态尺寸时：外层定位，内层撑开以便测量
-                const headerContentStyle = props.useResizeObserver
-                    ? (isHorizontal
-                        // weapp 下 max-content 兼容性不稳定，改用 inline-flex 收缩包裹以测得真实宽度
-                        ? (isWeapp
-                            ? { boxSizing: 'border-box', display: 'inline-flex', height: '100%' }
-                            : { boxSizing: 'border-box', width: 'max-content', height: '100%' })
-                        : { boxSizing: 'border-box', width: '100%' })
-                    : {};
-                if (props.useResizeObserver) {
-                    const headerInnerProps = {
-                        ref: headerRefCallback,
-                        style: headerContentStyle,
-                        'data-index': String(-sectionIndex - 1), // 用于 unobserve 获取 index；与 observe(el, -sectionIndex-1) 对应
-                    };
-                    if (isWeapp) {
-                        headerInnerProps.id = `${listId}-list-header-inner-${sectionIndex}`;
-                    }
-                    nodes.push(React.createElement(View, {
-                        key: section.key + '-header',
-                        style: sectionHeaderStyle,
-                    }, React.createElement(View, headerInnerProps, section.header)));
-                }
-                else {
-                    nodes.push(React.createElement(View, {
-                        key: section.key + '-header',
-                        style: sectionHeaderStyle,
-                    }, section.header));
-                }
+                    ? { top: 0, height: '100%', left: offset, width: headerSize }
+                    : { top: offset, height: headerSize }));
+                nodes.push(React.createElement(View, {
+                    key: section.key + '-header',
+                    style: sectionHeaderStyle,
+                }, section.header));
                 offset += headerSize;
             }
             // item offsets
@@ -1020,17 +318,9 @@ const InnerList = (props, ref) => {
                     break;
                 }
             }
-            // 更新可见起始索引（用于 ScrollCorrection）
-            if (s === startSection && startItem === 0) {
-                visibleStartIndexRef.current = globalItemIndex;
-            }
-            else if (s === startSection) {
-                visibleStartIndexRef.current = globalItemIndex + startItem;
-            }
             // 渲染可见item
             for (let i = startItem; i <= endItem; i++) {
-                const currentGlobalIndex = globalItemIndex + i;
-                const itemId = `list-item-${currentGlobalIndex}`;
+                // 内联样式替代className
                 const sectionItemStyle = Object.assign({ position: 'absolute', zIndex: 1, boxSizing: 'border-box', width: '100%', minHeight: '20px', overflow: 'hidden', lineHeight: 1 }, (isHorizontal
                     ? {
                         top: 0,
@@ -1044,246 +334,17 @@ const InnerList = (props, ref) => {
                         height: itemSizes[i],
                         marginBottom: space
                     }));
-                // ResizeObserver：绑定内层内容容器测量真实尺寸，尺寸变化时才 bump 版本
-                const refCallback = (el) => {
-                    if (el) {
-                        const capturedIndex = currentGlobalIndex;
-                        itemRefsRef.current.set(capturedIndex, el);
-                        resizeObserver.observe(el, capturedIndex);
-                        // H5：使用 getBoundingClientRect 进行 fallback 测量
-                        // 小程序：使用 SelectorQuery 进行 fallback 测量（小程序没有 getBoundingClientRect）
-                        const measureAndUpdate = (measured) => {
-                            var _a;
-                            if (measured > 0) {
-                                const oldSize = sizeCache.getItemSize(capturedIndex);
-                                if (Math.abs(oldSize - measured) < 1)
-                                    return;
-                                sizeCache.setItemSize(capturedIndex, measured);
-                                scrollCorrection.recordSizeChange(capturedIndex, oldSize, measured);
-                                if (isWeapp && props.useResizeObserver === true) {
-                                    scheduleWeappDynamicReflow();
-                                }
-                                else if (sizeCacheRafRef.current == null) {
-                                    sizeCacheRafRef.current = requestAnimationFrame(() => {
-                                        sizeCacheRafRef.current = null;
-                                        setSizeCacheVersion((v) => v + 1);
-                                    });
-                                }
-                                // 小程序：延迟 onItemSizeChange，避免父组件重渲染导致 List remount
-                                if (isWeapp) {
-                                    weappDeferItemSizeChange(capturedIndex, measured, props.onItemSizeChange);
-                                }
-                                else {
-                                    (_a = props.onItemSizeChange) === null || _a === void 0 ? void 0 : _a.call(props, capturedIndex, measured);
-                                }
-                            }
-                        };
-                        if (isH5) {
-                            requestAnimationFrame(() => {
-                                if (!itemRefsRef.current.has(capturedIndex))
-                                    return;
-                                const rect = el.getBoundingClientRect();
-                                measureAndUpdate(isHorizontal ? rect.width : rect.height);
-                            });
-                        }
-                        else if (isWeapp) {
-                            // 小程序端：使用 SelectorQuery 测量内层内容容器的实际尺寸
-                            // 注意：必须选 inner 容器（无固定高度，由内容撑开），不能选 outer（有虚拟列表设置的固定高度）
-                            // 已测量过的 item 跳过，避免 refCallback 重复触发导致无限循环
-                            // 滚动期间跳过 SelectorQuery（不加入 weappMeasuredItemsRef），避免异步查询干扰 scroll-view
-                            // SelectorQuery 是只读查询，滚动期间执行安全
-                            if (shouldMeasureWeappItem(capturedIndex, weappMeasuredItemsRef.current)) {
-                                weappMeasuredItemsRef.current.add(capturedIndex);
-                                // 使用 Taro.nextTick 代替 setTimeout(50)：等待下一帧渲染完成后再测量
-                                // 比固定延时更快（减少"预估→实测"闪烁）且更可靠（保证 DOM 已更新）
-                                Taro.nextTick(() => {
-                                    if (!itemRefsRef.current.has(capturedIndex))
-                                        return;
-                                    Taro.createSelectorQuery()
-                                        // 页面上可能同时存在多个 List，inner id 必须带 listId 前缀避免跨列表误命中
-                                        .select(`#${listId}-list-item-inner-${capturedIndex}`)
-                                        .boundingClientRect((rect) => {
-                                        if (rect) {
-                                            measureAndUpdate(isHorizontal ? rect.width : rect.height);
-                                        }
-                                    })
-                                        .exec();
-                                });
-                            }
-                        }
-                    }
-                    else {
-                        const oldEl = itemRefsRef.current.get(currentGlobalIndex);
-                        if (oldEl) {
-                            resizeObserver.unobserve(oldEl);
-                            itemRefsRef.current.delete(currentGlobalIndex);
-                        }
-                    }
-                };
-                // 动态尺寸时：外层负责定位，内层由内容撑开以便测量真实尺寸。
-                // 纵向：内层 width:100% 无 height，由内容撑开，测到的是内容高度。
-                // 横向：width:max-content + height:100%：
-                //   - width:max-content 便于测量真实宽度；
-                //   - height:100% 让测量层与外层 slot 条带高度一致，避免「外层条带 180px、内层 wrapper 只有内容高度」导致的内外高度差。
-                const contentWrapperStyle = props.useResizeObserver
-                    ? (isHorizontal
-                        // weapp 下 max-content 兼容性不稳定，改用 inline-flex 收缩包裹以测得真实宽度
-                        ? (isWeapp
-                            ? { boxSizing: 'border-box', display: 'inline-flex', height: '100%' }
-                            : { boxSizing: 'border-box', width: 'max-content', height: '100%' })
-                        : { boxSizing: 'border-box', width: '100%' })
-                    : {};
-                const outerItemProps = {
+                nodes.push(React.createElement(View, {
                     key: section.key + '-item-' + i,
-                    id: itemId,
                     style: sectionItemStyle,
-                };
-                if (props.useResizeObserver) {
-                    const innerProps = {
-                        ref: refCallback,
-                        style: contentWrapperStyle,
-                    };
-                    // 小程序端需要 id 用于 SelectorQuery 测量内容真实尺寸；H5 端不需要（用 getBoundingClientRect）
-                    if (isWeapp) {
-                        // 页面内多 List 并存时避免 id 冲突（例如 demo 同页含多个 List）
-                        innerProps.id = `${listId}-list-item-inner-${currentGlobalIndex}`;
-                    }
-                    innerProps['data-index'] = String(currentGlobalIndex);
-                    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 {
-                    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);
-                }
+                }, section.items[i]));
             }
-            globalItemIndex += section.items.length;
             offset += itemOffsets[itemOffsets.length - 1];
         }
         return nodes;
     };
-    // 渲染 NoMore 内容
-    const renderNoMoreContent = () => {
-        if (!noMoreConfig || !noMoreConfig.visible)
-            return null;
-        const noMoreHeightValue = noMoreConfig.height || 60;
-        const listContentEnd = sectionOffsets[sectionOffsets.length - 1];
-        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, 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
-        ? 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%' };
-    const pullTranslate = refresherHeightForH5 > 0 && h5RefresherProps.pullDistance !== 0
-        ? { transform: `translateY(${h5RefresherProps.pullDistance}px)` }
-        : {};
-    const h5RefresherTranslateY = -refresherHeightForH5 + h5RefresherProps.pullDistance;
-    // 内容区域渲染
-    const renderContentArea = () => {
-        var _a, _b;
-        return (jsx(View, { 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: (_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()] })));
+    return (jsx(ScrollView, Object.assign({ ref: containerRef }, scrollViewProps, { children: jsxs(View, { style: isHorizontal ? { width: totalLength, position: 'relative', height: '100%' } : { height: totalLength, position: 'relative', width: '100%' }, children: [stickyHeaderNode, renderSections()] }) })));
 };
-const List = React.forwardRef(InnerList);
 
-export { List, ListItem, ListScrollElementContext, NoMore, StickyHeader, StickySection, accumulate, List as default, isShaking };
+export { List, ListItem, StickyHeader, StickySection, accumulate, List as default, isShaking };
 //# sourceMappingURL=index.js.map