@tarojs/components-advanced 4.1.12-beta.2 → 4.1.12-beta.21

package/dist/components/water-flow/flow-section.js.map

@@ -1 +1 @@
-{"version":3,"file":"flow-section.js","sources":["../../../src/components/water-flow/flow-section.ts"],"sourcesContent":["import { View } from '@tarojs/components'\nimport {\n  type CSSProperties,\n  type PropsWithChildren,\n  Children,\n  createElement,\n  useMemo,\n} from 'react'\n\nimport { FlowItemContainer } from './flow-item'\nimport { Section } from './section'\nimport { useObservedAttr } from './use-observed-attr'\n\nimport type { FlowSectionProps } from './interface'\n\nexport interface _FlowSectionProps extends FlowSectionProps {\n  section: Section\n}\n\nexport function FlowSection({\n  children,\n  ...props\n}: PropsWithChildren<FlowSectionProps>) {\n  const {\n    id,\n    className,\n    style,\n    section,\n    rowGap = 0,\n    columnGap = 0,\n  } = props as _FlowSectionProps\n  const layouted$ = useObservedAttr(section, 'layouted')\n  const height$ = useObservedAttr(section, 'height')\n  const renderRange$ = useObservedAttr(section, 'renderRange')\n  const scrollTop$ = useObservedAttr(section, 'scrollTop')\n\n  const sectionStyle: CSSProperties = useMemo(() => {\n    const baseStyle: CSSProperties = {\n      display: 'flex',\n      flexDirection: 'row',\n      width: '100%',\n      height: height$,\n      gap: columnGap,\n      visibility: layouted$ ? 'visible' : 'hidden',\n      ...style,\n    }\n\n    if (!layouted$) {\n      return baseStyle\n    }\n\n    return {\n      ...baseStyle,\n      position: 'absolute',\n      top: 0,\n      transform: `translate3d(0px, ${scrollTop$}px, 0px)`,\n      left: 0,\n    }\n  }, [height$, style, layouted$, scrollTop$, columnGap])\n\n  const columns = useMemo(() => {\n    const childNodes = Children.toArray(children)\n    const columnStyle: CSSProperties = {\n      position: 'relative',\n      display: 'flex',\n      flexDirection: 'column',\n      gap: rowGap,\n      flex: 1,\n    }\n    /** 已经完成布局计算，使用虚拟滚动 */\n    if (layouted$) {\n      return renderRange$.map(([startIndex, endIndex], colIndex) => {\n        const columnId = `col-${colIndex}`\n        return createElement(\n          View,\n          {\n            style: columnStyle,\n            id: columnId,\n            key: columnId,\n          },\n          section.columnMap[colIndex]\n            .slice(startIndex, endIndex + 1)\n            .map((node) => {\n              const childNode = childNodes[node.childIndex]\n              const columnProps: any = {\n                node,\n                key: node.id,\n              }\n              return createElement(FlowItemContainer, columnProps, childNode)\n            })\n        )\n      })\n    }\n\n    return section.columnMap.map((column, colIndex) => {\n      const columnId = `col-${colIndex}`\n      return createElement(\n        View,\n        { style: columnStyle, id: columnId, key: columnId },\n        column.map((node) => {\n          const childNode = childNodes[node.childIndex]\n          const columnProps: any = {\n            node,\n            key: node.id,\n          }\n          return createElement(FlowItemContainer, columnProps, childNode)\n        })\n      )\n    })\n  }, [children, layouted$, section.columnMap, renderRange$, id])\n\n  return createElement(\n    View,\n    { style: sectionStyle, className, id: id ?? section.id },\n    columns\n  )\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"flow-section.js","sources":["../../../src/components/water-flow/flow-section.ts"],"sourcesContent":["import { View } from '@tarojs/components'\nimport {\n  type CSSProperties,\n  type PropsWithChildren,\n  Children,\n  createElement,\n  useMemo,\n} from 'react'\n\nimport { FlowItemContainer } from './flow-item'\nimport { Section } from './section'\nimport { useObservedAttr } from './use-observed-attr'\n\nimport type { FlowSectionProps } from './interface'\n\nexport interface _FlowSectionProps extends FlowSectionProps {\n  section: Section\n}\n\nexport function FlowSection({\n  children,\n  ...props\n}: PropsWithChildren<FlowSectionProps>) {\n  const {\n    id,\n    className,\n    style,\n    section,\n    rowGap = 0,\n    columnGap = 0,\n  } = props as _FlowSectionProps\n  const layouted$ = useObservedAttr(section, 'layouted')\n  const height$ = useObservedAttr(section, 'height')\n  const renderRange$ = useObservedAttr(section, 'renderRange')\n  const scrollTop$ = useObservedAttr(section, 'scrollTop')\n\n  const sectionStyle: CSSProperties = useMemo(() => {\n    const baseStyle: CSSProperties = {\n      display: 'flex',\n      flexDirection: 'row',\n      width: '100%',\n      height: height$,\n      gap: columnGap,\n      visibility: layouted$ ? 'visible' : 'hidden',\n      ...style,\n    }\n\n    if (!layouted$) {\n      return baseStyle\n    }\n\n    return {\n      ...baseStyle,\n      position: 'absolute',\n      top: 0,\n      transform: `translate3d(0px, ${scrollTop$}px, 0px)`,\n      left: 0,\n    }\n  }, [height$, style, layouted$, scrollTop$, columnGap])\n\n  const columns = useMemo(() => {\n    const childNodes = Children.toArray(children)\n    const columnStyle: CSSProperties = {\n      position: 'relative',\n      display: 'flex',\n      flexDirection: 'column',\n      gap: rowGap,\n      flex: 1,\n    }\n    /** 已经完成布局计算，使用虚拟滚动 */\n    if (layouted$) {\n      return renderRange$.map(([startIndex, endIndex], colIndex) => {\n        const columnId = `col-${colIndex}`\n        return createElement(\n          View,\n          {\n            style: columnStyle,\n            id: columnId,\n            key: columnId,\n          },\n          section.columnMap[colIndex]\n            .slice(startIndex, endIndex + 1)\n            .map((node) => {\n              const childNode = childNodes[node.childIndex]\n              const columnProps: any = {\n                node,\n                key: node.id,\n              }\n              return createElement(FlowItemContainer, columnProps, childNode)\n            })\n        )\n      })\n    }\n\n    return section.columnMap.map((column, colIndex) => {\n      const columnId = `col-${colIndex}`\n      return createElement(\n        View,\n        { style: columnStyle, id: columnId, key: columnId },\n        column.map((node) => {\n          const childNode = childNodes[node.childIndex]\n          const columnProps: any = {\n            node,\n            key: node.id,\n          }\n          return createElement(FlowItemContainer, columnProps, childNode)\n        })\n      )\n    })\n  }, [children, layouted$, section.columnMap, renderRange$])\n\n  return createElement(\n    View,\n    { style: sectionStyle, className, id: id ?? section.id },\n    columns\n  )\n}\n"],"names":[],"mappings":"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"}

package/dist/components/water-flow/index.d.ts

@@ -1,4 +1,4 @@
 export { FlowItem, useFlowItemPositioner } from './flow-item';
 export { FlowSection } from './flow-section';
-export type { FlowSectionProps, WaterFlowProps } from './interface';
+export type { FlowSectionProps, WaterFlowProps, WaterFlowRef } from './interface';
 export { WaterFlow } from './water-flow';

package/dist/components/water-flow/interface.d.ts

@@ -1,12 +1,12 @@
 import { ScrollViewProps } from '@tarojs/components';
 import { Node } from './node';
-import type { CSSProperties } from 'react';
+import type { CSSProperties, RefObject } from 'react';
 export interface BaseProps {
     id?: string;
     className?: string;
     style?: CSSProperties;
 }
-export interface WaterFlowProps extends Omit<ScrollViewProps, 'cacheExtent' | 'upperThreshold' | 'lowerThreshold' | 'style'>, Pick<BaseProps, 'style'> {
+export interface WaterFlowProps extends Omit<ScrollViewProps, 'cacheExtent' | 'upperThreshold' | 'lowerThreshold' | 'style' | 'type'>, Pick<BaseProps, 'style'> {
     /**
      * 距顶部多少个FlowItem时，触发 scrolltoupper 事件
      * @default 0
@@ -22,6 +22,22 @@ export interface WaterFlowProps extends Omit<ScrollViewProps, 'cacheExtent' | 'u
      * @default 50
      */
     cacheCount?: number;
+    /** 是否嵌套模式，与 plato 对齐；true=使用父级滚动，需配合 scrollElement 或 Context；不传或 false=default */
+    nestedScroll?: boolean;
+    /** 自定义滚动容器 ref，nestedScroll 模式下从 props 或 Context 获取 */
+    scrollElement?: RefObject<HTMLElement | null>;
+    /** WaterFlow 内容在滚动容器中的起始偏移（上方有其他内容时使用） */
+    startOffset?: number;
+    /** 可视区高度，scrollElement 模式下可选，不传则从 scrollElement.clientHeight 获取 */
+    containerHeight?: number;
+    /** 瀑布流内容高度变化时回调，便于 List 动高联动（避免底部空白） */
+    onScrollHeightChange?: (height: number) => void;
+    /** scrollIntoView 滚动完成后回调，便于父组件清空 scrollIntoView 以支持重复点击同一目标 */
+    onScrollIntoViewComplete?: () => void;
+}
+/** WaterFlow ref 类型，current 指向内容容器，用于 IntersectionObserver root、SelectorQuery.in 等 */
+export interface WaterFlowRef {
+    current: HTMLElement | null;
 }
 export interface FlowSectionProps extends BaseProps {
     /**

package/dist/components/water-flow/root.d.ts

@@ -2,7 +2,10 @@ import { Node } from './node';
 import { Section } from './section';
 import { StatefulEventBus } from './stateful-event-bus';
 import type { BaseProps, ScrollDirection, Size, WaterFlowProps } from './interface';
-export type RootProps = Pick<WaterFlowProps, 'cacheCount' | 'lowerThresholdCount' | 'upperThresholdCount'> & Required<Pick<BaseProps, 'id'>>;
+export type RootProps = Pick<WaterFlowProps, 'cacheCount' | 'lowerThresholdCount' | 'upperThresholdCount'> & Required<Pick<BaseProps, 'id'>> & {
+    /** scrollElement 模式下为 true，不测量自有容器；此时需布局全部 section 以展开完整高度 */
+    skipContainerMeasure?: boolean;
+};
 type RootState = {
     /** 是否在滚动中 */
     isScrolling: boolean;
@@ -52,9 +55,17 @@ export declare class Root extends StatefulEventBus<RootState, Events> {
      */
     sections: Section[];
     /**
-     * 设置预加载的 Item 条数。
+     * 设置预加载的 Item 条数（与 props.cacheCount 一致，收敛目标）。
      */
     cacheCount: number;
+    /**
+     * Node 层向上（列索引减小方向）预缓存条数，可与 cacheCount 不同（快速滑动单边放大）。
+     */
+    nodeCacheBackward: number;
+    /**
+     * Node 层向下（列索引增大方向）预缓存条数。
+     */
+    nodeCacheForward: number;
     upperThresholdCount: number;
     lowerThresholdCount: number;
     /**
@@ -65,6 +76,14 @@ export declare class Root extends StatefulEventBus<RootState, Events> {
      * 触发滚动阈值对应的 scrollTop 值
      */
     lowerThresholdScrollTop: number;
+    /** scrollElement 模式下为 true，需布局全部 section 以展开完整高度供父容器滚动 */
+    skipContainerMeasure: boolean;
+    /** 当前是否处于触顶区域；初始为 true（起始在顶部），只有从 false→true 时才触发事件 */
+    private _inUpperZone;
+    /** 当前是否处于触底区域；初始为 false */
+    private _inLowerZone;
+    /** scrollHeight 更新防抖（raf），减轻 pushNodes 后测量前后的高度跳变 */
+    private _scrollHeightRafId;
     constructor(props: RootProps);
     /**
      * 设置订阅事件
@@ -94,8 +113,15 @@ export declare class Root extends StatefulEventBus<RootState, Events> {
     /**
      * 处理滚动到阈值的情况
      * 检测当前滚动位置是否达到了上下阈值，并触发相应的事件
+     * scrollElement 模式：scrollOffset 为内容内偏移（scrollTop - startOffset），upper/lowerThresholdScrollTop 基于本组件内容计算，触顶/触底以本 WaterFlow 内容为基准
      */
     private handleReachThreshold;
+    /**
+     * 列表追加并完成 finalize 后调用：重置触底边沿状态（_inLowerZone），
+     * 使用户仍在底部时下一次滚动能再次触发 onScrollToLower，而不必先上滑再下滑。
+     * 不在此处同步调用 handleReachThreshold，避免仍在底部时立刻连发触底（与误触区分）。
+     */
+    resetLowerReachEdgeAfterContentChange(): void;
     /**
      * 容器的滚动上边界
      */
@@ -113,9 +139,10 @@ export declare class Root extends StatefulEventBus<RootState, Events> {
      */
     get sectionRange(): number[][];
     /**
-     * 计算滚动高度
+     * 更新总滚动高度（各 Section 累计）。
+     * @param immediate true 时跳过 raf 防抖（如 finalizePushNodesStateIfNeeded），避免高度滞后引起跳动
      */
-    updateScrollHeight(): void;
+    updateScrollHeight(immediate?: boolean): void;
     /**
      * 注册分组
      */
@@ -132,6 +159,10 @@ export declare class Root extends StatefulEventBus<RootState, Events> {
      * 查找节点
      */
     findNode(id: string): Node;
+    /**
+     * 设置 Node 层上下方向预缓存条数，并刷新可见分组内的列渲染区间。
+     */
+    setNodeCacheRange(backward: number, forward: number): void;
     /**
      * 获取分组渲染区间
      */

package/dist/components/water-flow/root.js

@@ -1,3 +1,4 @@
+import { cancelAnimationFrame, requestAnimationFrame } from '@tarojs/runtime';
 import { nextTick } from '@tarojs/taro';
 import '../../utils/index.js';
 import { StatefulEventBus } from './stateful-event-bus.js';
@@ -18,7 +19,7 @@ const RootEvents = {
  */
 class Root extends StatefulEventBus {
     constructor(props) {
-        const { id, cacheCount, lowerThresholdCount, upperThresholdCount } = props;
+        const { id, cacheCount, lowerThresholdCount, upperThresholdCount, skipContainerMeasure } = props;
         super({
             isScrolling: false,
             scrollOffset: 0,
@@ -43,9 +44,17 @@ class Root extends StatefulEventBus {
          */
         this.sections = [];
         /**
-         * 设置预加载的 Item 条数。
+         * 设置预加载的 Item 条数（与 props.cacheCount 一致，收敛目标）。
          */
         this.cacheCount = 1;
+        /**
+         * Node 层向上（列索引减小方向）预缓存条数，可与 cacheCount 不同（快速滑动单边放大）。
+         */
+        this.nodeCacheBackward = 1;
+        /**
+         * Node 层向下（列索引增大方向）预缓存条数。
+         */
+        this.nodeCacheForward = 1;
         this.upperThresholdCount = 0;
         this.lowerThresholdCount = 0;
         /**
@@ -56,48 +65,56 @@ class Root extends StatefulEventBus {
          * 触发滚动阈值对应的 scrollTop 值
          */
         this.lowerThresholdScrollTop = Infinity;
+        /** scrollElement 模式下为 true，需布局全部 section 以展开完整高度供父容器滚动 */
+        this.skipContainerMeasure = false;
+        /** 当前是否处于触顶区域；初始为 true（起始在顶部），只有从 false→true 时才触发事件 */
+        this._inUpperZone = true;
+        /** 当前是否处于触底区域；初始为 false */
+        this._inLowerZone = false;
+        /** scrollHeight 更新防抖（raf），减轻 pushNodes 后测量前后的高度跳变 */
+        this._scrollHeightRafId = null;
         Object.assign(this, {
             id,
             cacheCount,
             lowerThresholdCount,
             upperThresholdCount,
+            skipContainerMeasure: !!skipContainerMeasure,
         });
+        this.nodeCacheBackward = cacheCount;
+        this.nodeCacheForward = cacheCount;
         this.setupSubscriptions();
-        getRectSizeSync(`#${id}`, 100).then(({ width = windowWidth, height = windowHeight }) => {
-            this.setStateIn('containerSize', {
-                width,
-                height,
+        if (!skipContainerMeasure) {
+            getRectSizeSync(`#${id}`, 100).then(({ width = windowWidth, height = windowHeight }) => {
+                this.setStateIn('containerSize', {
+                    width,
+                    height,
+                });
             });
-        });
+        }
         this.renderInitialLayout();
     }
     /**
      * 设置订阅事件
      */
     setupSubscriptions() {
-        /**
-         * 滚动过程中计算渲染的分组区间
-         * 滚动过程中分组的最大高度会发生更新，可以在这时计算滚动高度
-         */
-        this.sub('scrollOffset', () => {
-            this.setStateIn('renderRange', this.getSectionRenderRange());
-            this.handleReachThreshold();
-            if (this.getState().scrollDirection === 'forward') {
-                this.updateScrollHeight();
-            }
-        });
+        /** 滚动：先更新触底阈值，再判触顶/触底并更新分组与总高度，避免同一帧内沿用无效阈值。 */
         this.sub('scrollOffset', () => {
             const sectionSize = this.sections.length;
             const lastSection = this.sections[sectionSize - 1];
-            // 最后一个分组的每一列最后一行都已经完成了布局计算，那么这个时候的总高度应该是准确的
-            if (lastSection.columnMap.every((column) => column[column.length - 1].getState().layouted)) {
+            if (lastSection === null || lastSection === void 0 ? void 0 : lastSection.columnMap.every((column) => { var _a; return (_a = column[column.length - 1]) === null || _a === void 0 ? void 0 : _a.getState().layouted; })) {
                 this.setLowerThresholdScrollTop();
             }
+            this.setStateIn('renderRange', this.getSectionRenderRange());
+            this.handleReachThreshold();
+            this.updateScrollHeight();
         });
         this.sub(RootEvents.AllSectionsLayouted, () => {
+            this.updateScrollHeight();
             this.setUpperThresholdScrollTop();
+            this.setLowerThresholdScrollTop();
         });
         this.sub(RootEvents.Resize, () => {
+            this.updateScrollHeight();
             this.setUpperThresholdScrollTop();
             this.setLowerThresholdScrollTop();
         });
@@ -122,8 +139,10 @@ class Root extends StatefulEventBus {
             const section = this.sections[i];
             section.layoutedSignal.promise.then(() => {
                 this.setStateIn('renderRange', [0, i + 1 > sectionSize ? sectionSize - 1 : i + 1]);
-                // 容器可视区域已经填满了，没必要再继续
-                if (section.getState().scrollTop > this.getState().containerSize.height) {
+                // skipContainerMeasure（nestedScroll 模式）：需布局全部 section，使 scrollHeight 展开供父容器滚动
+                // default 模式：容器可视区域已填满则提前终止，减少首屏渲染
+                if (!this.skipContainerMeasure &&
+                    section.getState().scrollTop > this.getState().containerSize.height) {
                     this.pub(RootEvents.InitialRenderCompleted, section);
                     return;
                 }
@@ -189,8 +208,14 @@ class Root extends StatefulEventBus {
      * 当距底部还有 lowerThresholdCount 个 FlowItem 时的 scrollTop 值
      */
     setLowerThresholdScrollTop() {
-        if (this.lowerThresholdCount === 0) {
-            this.lowerThresholdScrollTop = this.getState().scrollHeight - this.getState().containerSize.height;
+        // 与 setUpperThresholdScrollTop 一致：0 或 undefined 时用「内容底 - 容器高」作为触底阈值
+        if (!this.lowerThresholdCount) {
+            // 必须用 sectionRange 实时计算，避免依赖可能未更新的 scrollHeight 状态
+            const range = this.sectionRange;
+            const totalHeight = range.length > 0 ? range[range.length - 1][1] : 0;
+            // 触底判定：scrollOffset + containerSize.height >= lowerThresholdScrollTop
+            // 须存内容底边 totalHeight(H)。若误存 H-h，则顶部时 h 与 H-h 比较，当 2h>=H 会恒判为在触底区，误触 onScrollToLower。
+            this.lowerThresholdScrollTop = totalHeight;
             return 0;
         }
         const sectionSize = this.sections.length;
@@ -238,20 +263,26 @@ class Root extends StatefulEventBus {
     /**
      * 处理滚动到阈值的情况
      * 检测当前滚动位置是否达到了上下阈值，并触发相应的事件
+     * scrollElement 模式：scrollOffset 为内容内偏移（scrollTop - startOffset），upper/lowerThresholdScrollTop 基于本组件内容计算，触顶/触底以本 WaterFlow 内容为基准
      */
     handleReachThreshold() {
-        const { upperThresholdScrollTop } = this;
-        const { scrollOffset, scrollDirection, containerSize } = this.getState();
-        if (scrollDirection === 'backward' &&
-            this.upperThresholdScrollTop !== -Infinity &&
-            scrollOffset <= upperThresholdScrollTop) {
+        const { scrollOffset, containerSize } = this.getState();
+        const inUpper = this.upperThresholdScrollTop !== -Infinity && scrollOffset <= this.upperThresholdScrollTop;
+        const inLower = this.lowerThresholdScrollTop !== Infinity && scrollOffset + containerSize.height >= this.lowerThresholdScrollTop;
+        if (inUpper && !this._inUpperZone)
             this.pub(RootEvents.ReachUpperThreshold);
-        }
-        if (scrollDirection === 'forward' &&
-            this.lowerThresholdCount !== Infinity &&
-            scrollOffset + containerSize.height >= this.lowerThresholdScrollTop) {
+        if (inLower && !this._inLowerZone)
             this.pub(RootEvents.ReachLowerThreshold);
-        }
+        this._inUpperZone = inUpper;
+        this._inLowerZone = inLower;
+    }
+    /**
+     * 列表追加并完成 finalize 后调用：重置触底边沿状态（_inLowerZone），
+     * 使用户仍在底部时下一次滚动能再次触发 onScrollToLower，而不必先上滑再下滑。
+     * 不在此处同步调用 handleReachThreshold，避免仍在底部时立刻连发触底（与误触区分）。
+     */
+    resetLowerReachEdgeAfterContentChange() {
+        this._inLowerZone = false;
     }
     /**
      * 容器的滚动上边界
@@ -273,21 +304,44 @@ class Root extends StatefulEventBus {
      * @returns [number,number][]
      */
     get sectionRange() {
+        var _a;
         const length = this.sections.length;
         if (length === 0)
             return [];
         const range = Array.from({ length }, () => [0, this.sections[0].maxColumnHeight]);
         for (let i = 1; i < length; i++) {
             const previous = range[i - 1];
-            range[i] = [previous[1], previous[1] + this.sections[i].maxColumnHeight];
+            const prevSection = this.sections[i - 1];
+            const gap = (_a = prevSection.rowGap) !== null && _a !== void 0 ? _a : 0;
+            range[i] = [previous[1] + gap, previous[1] + gap + this.sections[i].maxColumnHeight];
         }
         return range;
     }
     /**
-     * 计算滚动高度
+     * 更新总滚动高度（各 Section 累计）。
+     * @param immediate true 时跳过 raf 防抖（如 finalizePushNodesStateIfNeeded），避免高度滞后引起跳动
      */
-    updateScrollHeight() {
-        this.setStateIn('scrollHeight', this.sectionRange[this.sectionRange.length - 1][1]);
+    updateScrollHeight(immediate = false) {
+        const flush = () => {
+            var _a, _b;
+            const next = (_b = (_a = this.sectionRange[this.sectionRange.length - 1]) === null || _a === void 0 ? void 0 : _a[1]) !== null && _b !== void 0 ? _b : 0;
+            this.setStateIn('scrollHeight', next);
+        };
+        if (immediate) {
+            if (this._scrollHeightRafId != null) {
+                cancelAnimationFrame(this._scrollHeightRafId);
+                this._scrollHeightRafId = null;
+            }
+            flush();
+            return;
+        }
+        if (this._scrollHeightRafId != null) {
+            cancelAnimationFrame(this._scrollHeightRafId);
+        }
+        this._scrollHeightRafId = requestAnimationFrame(() => {
+            this._scrollHeightRafId = null;
+            flush();
+        });
     }
     /**
      * 注册分组
@@ -315,6 +369,23 @@ class Root extends StatefulEventBus {
     findNode(id) {
         return this.nodeMap.get(id);
     }
+    /**
+     * 设置 Node 层上下方向预缓存条数，并刷新可见分组内的列渲染区间。
+     */
+    setNodeCacheRange(backward, forward) {
+        const b = Math.max(0, Math.floor(backward));
+        const f = Math.max(0, Math.floor(forward));
+        if (this.nodeCacheBackward === b && this.nodeCacheForward === f) {
+            return;
+        }
+        this.nodeCacheBackward = b;
+        this.nodeCacheForward = f;
+        for (const section of this.sections) {
+            if (section.isInRange) {
+                section.setStateIn('renderRange', section.getNodeRenderRange());
+            }
+        }
+    }
     /**
      * 获取分组渲染区间
      */
@@ -333,15 +404,16 @@ class Root extends StatefulEventBus {
         if (result[1] === -Infinity) {
             result[1] = this.sections.length - 1;
         }
-        const scrollDirection = this.getState().scrollDirection;
         const [backwardCache, forwardCache] = this.calcCacheSection(result);
-        const backwardDistance = scrollDirection === 'backward' ? backwardCache : 0;
-        const forwardDistance = scrollDirection === 'forward' ? forwardCache : 0;
+        // 双向预缓存，避免反向滚动时出现空白（原逻辑仅在滚动方向缓存，反向时未预渲染）
+        const backwardDistance = backwardCache;
+        const forwardDistance = forwardCache;
         const overscanBackward = result[0] - backwardDistance;
         const overscanForward = result[1] + forwardDistance;
         result[0] = overscanBackward < 0 ? 0 : overscanBackward;
         result[1] = overscanForward > this.sections.length ? this.sections.length - 1 : overscanForward;
-        return isSameRenderRange(result, this.getState().renderRange) ? this.getState().renderRange : result;
+        const prevRange = this.getState().renderRange;
+        return isSameRenderRange(result, prevRange) ? prevRange : result;
     }
     /**
      * 计算预渲染的分组个数

package/dist/components/water-flow/root.js.map

@@ -1 +1 @@
-{"version":3,"file":"root.js","sources":["../../../src/components/water-flow/root.ts"],"sourcesContent":["/* eslint-disable no-labels */\nimport { nextTick } from '@tarojs/taro'\n\nimport { getRectSizeSync } from '../../utils'\nimport { Node } from './node'\nimport { Section } from './section'\nimport { StatefulEventBus } from './stateful-event-bus'\nimport { getSysInfo, isSameRenderRange } from './utils'\n\nimport type { BaseProps, ScrollDirection, Size, WaterFlowProps } from './interface'\n\nexport type RootProps = Pick<WaterFlowProps, 'cacheCount' | 'lowerThresholdCount' | 'upperThresholdCount'> &\nRequired<Pick<BaseProps, 'id'>>\n\nconst { windowHeight, windowWidth } = getSysInfo()\n\ntype RootState = {\n  /** 是否在滚动中 */\n  isScrolling: boolean\n  /** 滚动偏移量 */\n  scrollOffset: number\n  /**\n   * 滚动方向\n   *\n   * - forward 向下滚动\n   *\n   * - backward 向上滚动\n   */\n  scrollDirection: ScrollDirection\n  /** 滚动高度 */\n  scrollHeight: number\n  /** 容器的尺寸信息 */\n  containerSize: Size\n  /** 渲染的分组区间范围 */\n  renderRange: [number, number]\n}\n\nexport const RootEvents = {\n  ReachUpperThreshold: Symbol.for('ReachUpperThreshold'),\n  ReachLowerThreshold: Symbol.for('ReachLowerThreshold'),\n  Resize: Symbol.for('Resize'),\n  AllSectionsLayouted: Symbol.for('AllSectionsLayouted'),\n  InitialRenderCompleted: Symbol.for('InitialRenderCompleted'),\n}\n\ntype Events = keyof typeof RootEvents\n\n/**\n * 数据模型继承自有状态的事件总线，便于在节点之间通信，以及通过 useSyncExternalStore 关联 React 视图\n */\nexport class Root extends StatefulEventBus<RootState, Events> {\n  /**\n   * 瀑布流根节点唯一标识\n   */\n  id: string\n  /**\n   * 分组映射表，便于查找分组\n   */\n  sectionMap: Map<string, Section> = new Map()\n  /**\n   * 节点映射表，便于查找节点\n   */\n  nodeMap: Map<string, Node> = new Map()\n  /**\n   * 分组列表，基于计算出的渲染的分组区间范围 sections.slice(start, end + 1) 进行渲染\n   */\n  sections: Section[] = []\n  /**\n   * 设置预加载的 Item 条数。\n   */\n  cacheCount = 1\n\n  upperThresholdCount = 0\n\n  lowerThresholdCount = 0\n\n  /**\n   * 触发滚动阈值对应的 scrollTop 值\n   */\n  upperThresholdScrollTop = -Infinity\n\n  /**\n   * 触发滚动阈值对应的 scrollTop 值\n   */\n  lowerThresholdScrollTop = Infinity\n\n  constructor(props: RootProps) {\n    const { id, cacheCount, lowerThresholdCount, upperThresholdCount } = props\n    super({\n      isScrolling: false,\n      scrollOffset: 0,\n      scrollDirection: 'forward',\n      scrollHeight: windowHeight,\n      renderRange: [0, 0],\n      containerSize: {\n        width: windowWidth,\n        height: windowHeight,\n      },\n    })\n    Object.assign(this, {\n      id,\n      cacheCount,\n      lowerThresholdCount,\n      upperThresholdCount,\n    })\n    this.setupSubscriptions()\n    getRectSizeSync(`#${id}`, 100).then(({ width = windowWidth, height = windowHeight }) => {\n      this.setStateIn('containerSize', {\n        width,\n        height,\n      })\n    })\n    this.renderInitialLayout()\n  }\n\n  /**\n   * 设置订阅事件\n   */\n  private setupSubscriptions() {\n    /**\n     * 滚动过程中计算渲染的分组区间\n     * 滚动过程中分组的最大高度会发生更新，可以在这时计算滚动高度\n     */\n    this.sub('scrollOffset', () => {\n      this.setStateIn('renderRange', this.getSectionRenderRange())\n      this.handleReachThreshold()\n      if (this.getState().scrollDirection === 'forward') {\n        this.updateScrollHeight()\n      }\n    })\n\n    this.sub('scrollOffset', () => {\n      const sectionSize = this.sections.length\n      const lastSection = this.sections[sectionSize - 1]\n      // 最后一个分组的每一列最后一行都已经完成了布局计算，那么这个时候的总高度应该是准确的\n      if (lastSection.columnMap.every((column) => column[column.length - 1].getState().layouted)) {\n        this.setLowerThresholdScrollTop()\n      }\n    })\n\n    this.sub(RootEvents.AllSectionsLayouted, () => {\n      this.setUpperThresholdScrollTop()\n    })\n\n    this.sub(RootEvents.Resize, () => {\n      this.setUpperThresholdScrollTop()\n      this.setLowerThresholdScrollTop()\n    })\n  }\n\n  /**\n   * 渐进式渲染\n   *\n   * 因为初始没法知道每个分组的高度信息，不知道渲染边界，所以需要渐进式渲染\n   *\n   * 当目前的渲染批次的首个分组的scrollTop大于容器的高度，说明容器可视区域已经填满，没必要再往下渲染了\n   *\n   * @param [i=0] 从第几个分组开始渲染\n   *\n   */\n  renderInitialLayout(i = 0) {\n    nextTick(() => {\n      const sectionSize = this.sections.length\n\n      if (i >= sectionSize || i < 0) {\n        this.pub(RootEvents.InitialRenderCompleted, null)\n        return\n      }\n      const section = this.sections[i]\n      section.layoutedSignal.promise.then(() => {\n        this.setStateIn('renderRange', [0, i + 1 > sectionSize ? sectionSize - 1 : i + 1])\n        // 容器可视区域已经填满了，没必要再继续\n        if (section.getState().scrollTop > this.getState().containerSize.height) {\n          this.pub(RootEvents.InitialRenderCompleted, section)\n          return\n        }\n\n        this.renderInitialLayout(i + 1)\n      })\n    })\n  }\n\n  /**\n   * 计算滚动阈值对应的 scrollTop 并设置 upperThresholdScrollTop\n   * 当距顶部还有 upperThresholdCount 个 FlowItem 时的 scrollTop 值\n   */\n  private setUpperThresholdScrollTop() {\n    // 如果没有设置阈值或阈值为0，则返回0\n    if (!this.upperThresholdCount) {\n      this.upperThresholdScrollTop = 0\n      return 0\n    }\n    const sectionSize = this.sections.length\n    const tracker = Array.from(\n      { length: sectionSize },\n      () => new Map<number, { accCount: number, accHeight: number }>() // Map<列, { 当前列累计个数，当前列累计高度 }>\n    )\n\n    // 从第一个分组开始扫描\n    loopSeciton: for (let i = 0; i < sectionSize; i++) {\n      const section = this.sections[i]\n      const sectionTracker = tracker[i]\n      const columnMap = section.columnMap\n      // 扫描当前分组的每一列\n      for (let col = 0; col < columnMap.length; col++) {\n        const column = columnMap[col]\n        const columnSize = column.length\n        if (!sectionTracker.has(col)) {\n          if (i === 0) {\n            sectionTracker.set(col, { accCount: 0, accHeight: 0 })\n          } else {\n            const previousSectionTracker = tracker[i - 1]\n            sectionTracker.set(col, {\n              accCount: Math.max(...[...previousSectionTracker.values()].map((nodeTracker) => nodeTracker.accCount)),\n              accHeight: section.getState().scrollTop,\n            })\n          }\n        }\n        const colTracker = sectionTracker.get(col)!\n        // 扫描当前列的每一行\n        loopItem: for (let j = 0; j < columnSize; j++) {\n          colTracker.accCount += 1\n          colTracker.accHeight += column[j].getState().height + (j === 0 ? 0 : section.rowGap)\n          if (colTracker.accCount >= this.upperThresholdCount) {\n            break loopItem\n          }\n        }\n      }\n      for (const [, colTracker] of sectionTracker) {\n        if (colTracker.accCount >= this.upperThresholdCount) {\n          this.upperThresholdScrollTop = colTracker.accHeight\n          break loopSeciton\n        }\n      }\n    }\n    return this.upperThresholdScrollTop\n  }\n\n  /**\n   * 计算滚动阈值对应的 scrollTop 并设置 lowerThresholdScrollTop\n   * 当距底部还有 lowerThresholdCount 个 FlowItem 时的 scrollTop 值\n   */\n  private setLowerThresholdScrollTop() {\n    if (this.lowerThresholdCount === 0) {\n      this.lowerThresholdScrollTop = this.getState().scrollHeight - this.getState().containerSize.height\n      return 0\n    }\n    const sectionSize = this.sections.length\n    const tracker = Array.from(\n      { length: sectionSize },\n      () => new Map<number, { accCount: number, scrollTop: number }>()\n    )\n    // 从最后一个分组开始计算\n    loopSeciton: for (let i = sectionSize - 1; i >= 0; i--) {\n      const section = this.sections[i]\n      const sectionTracker = tracker[i]\n      const columnMap = section.columnMap\n      // 扫描当前分组的每一列\n      for (let col = 0; col < columnMap.length; col++) {\n        const column = columnMap[col]\n        const columnSize = column.length\n        if (!sectionTracker.has(col)) {\n          if (i === sectionSize - 1) {\n            sectionTracker.set(col, { accCount: 0, scrollTop: 0 })\n          } else {\n            const belowSectionTracker = tracker[i + 1]\n            sectionTracker.set(col, {\n              accCount: Math.max(...[...belowSectionTracker.values()].map((nodeTracker) => nodeTracker.accCount)),\n              scrollTop: 0,\n            })\n          }\n        }\n        const colTracker = sectionTracker.get(col)!\n        // 从当前列的最后一行开始往前扫描\n        loopItem: for (let j = columnSize - 1; j >= 0; j--) {\n          colTracker.accCount += 1\n          colTracker.scrollTop = column[j].getState().scrollTop\n          if (colTracker.accCount >= this.lowerThresholdCount) {\n            break loopItem\n          }\n        }\n      }\n\n      for (const [, colTracker] of sectionTracker) {\n        if (colTracker.accCount >= this.lowerThresholdCount) {\n          this.lowerThresholdScrollTop = colTracker.scrollTop\n          break loopSeciton\n        }\n      }\n    }\n\n    return this.lowerThresholdScrollTop\n  }\n\n  /**\n   * 处理滚动到阈值的情况\n   * 检测当前滚动位置是否达到了上下阈值，并触发相应的事件\n   */\n  private handleReachThreshold() {\n    const { upperThresholdScrollTop } = this\n    const { scrollOffset, scrollDirection, containerSize } = this.getState()\n    if (\n      scrollDirection === 'backward' &&\n      this.upperThresholdScrollTop !== -Infinity &&\n      scrollOffset <= upperThresholdScrollTop\n    ) {\n      this.pub(RootEvents.ReachUpperThreshold)\n    }\n    if (\n      scrollDirection === 'forward' &&\n      this.lowerThresholdCount !== Infinity &&\n      scrollOffset + containerSize.height >= this.lowerThresholdScrollTop\n    ) {\n      this.pub(RootEvents.ReachLowerThreshold)\n    }\n  }\n\n  /**\n   * 容器的滚动上边界\n   */\n  get scrollBoundaryStart() {\n    return this.getState().scrollOffset\n  }\n\n  /**\n   * 容器的滚动下边界\n   */\n  get scrollBoundaryEnd() {\n    return this.scrollBoundaryStart + this.getStateIn('containerSize').height\n  }\n\n  /**\n   * 计算每个section的底部位置\n   *\n   * sectionBottomRange = [ [section1.top, section1.bottom], [section2.top, section2.bottom], ..., [sectionN.top, sectionN.bottom] ]\n   *\n   * @returns [number,number][]\n   */\n  get sectionRange() {\n    const length = this.sections.length\n    if (length === 0) return []\n    const range = Array.from({ length }, () => [0, this.sections[0].maxColumnHeight])\n    for (let i = 1; i < length; i++) {\n      const previous = range[i - 1]\n      range[i] = [previous[1], previous[1] + this.sections[i].maxColumnHeight]\n    }\n\n    return range\n  }\n\n  /**\n   * 计算滚动高度\n   */\n  public updateScrollHeight() {\n    this.setStateIn('scrollHeight', this.sectionRange[this.sectionRange.length - 1][1])\n  }\n\n  /**\n   * 注册分组\n   */\n  public registerSection(section: Section) {\n    const { id, order } = section\n    this.sectionMap.set(id, section)\n    this.sections[order] = section\n  }\n\n  /**\n   * 注册节点\n   */\n  public registerNode(node: Node) {\n    this.nodeMap.set(node.id, node)\n  }\n\n  /**\n   * 查找分组\n   */\n  public findSection(id: string) {\n    return this.sectionMap.get(id)\n  }\n\n  /**\n   * 查找节点\n   */\n  public findNode(id: string) {\n    return this.nodeMap.get(id)\n  }\n\n  /**\n   * 获取分组渲染区间\n   */\n  public getSectionRenderRange() {\n    const result: [number, number] = [Infinity, -Infinity]\n\n    for (let i = 0; i < this.sections.length; i++) {\n      const section = this.sections[i]\n      if (section.isInRange) {\n        result[0] = Math.min(result[0], i)\n        result[1] = Math.max(result[1], i)\n      }\n    }\n\n    if (result[0] === Infinity) {\n      result[0] = 0\n    }\n\n    if (result[1] === -Infinity) {\n      result[1] = this.sections.length - 1\n    }\n\n    const scrollDirection = this.getState().scrollDirection\n    const [backwardCache, forwardCache] = this.calcCacheSection(result)\n    const backwardDistance = scrollDirection === 'backward' ? backwardCache : 0\n    const forwardDistance = scrollDirection === 'forward' ? forwardCache : 0\n\n    const overscanBackward = result[0] - backwardDistance\n    const overscanForward = result[1] + forwardDistance\n\n    result[0] = overscanBackward < 0 ? 0 : overscanBackward\n\n    result[1] = overscanForward > this.sections.length ? this.sections.length - 1 : overscanForward\n\n    return isSameRenderRange(result, this.getState().renderRange) ? this.getState().renderRange : result\n  }\n\n  /**\n   * 计算预渲染的分组个数\n   */\n  private calcCacheSection(renderRange: [number, number]) {\n    const clientHeight = this.getState().containerSize.height\n    const sectionCount = this.sectionMap.size\n    let [start, end] = renderRange\n    let cacheBackward = 1\n    let cacheForward = 1\n\n    if (start > 0) {\n      let acc = this.sections[--start]?.getState().height ?? 0\n      while (--start > 0) {\n        const prevSection = this.sections[start]\n        acc += prevSection.getState().height\n        cacheBackward += 1\n        if (acc >= clientHeight >>> 1) {\n          break\n        }\n      }\n    }\n\n    if (end < sectionCount - 1) {\n      let acc = this.sections[++end]?.getState().height ?? 0\n      while (++end < sectionCount - 1) {\n        const nextSection = this.sections[end]\n        acc += nextSection.getState().height\n        cacheForward += 1\n        if (acc >= clientHeight >>> 1) {\n          break\n        }\n      }\n    }\n\n    return [cacheBackward, cacheForward]\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"root.js","sources":["../../../src/components/water-flow/root.ts"],"sourcesContent":["/* eslint-disable no-labels */\nimport { cancelAnimationFrame, requestAnimationFrame } from '@tarojs/runtime'\nimport { nextTick } from '@tarojs/taro'\n\nimport { getRectSizeSync } from '../../utils'\nimport { Node } from './node'\nimport { Section } from './section'\nimport { StatefulEventBus } from './stateful-event-bus'\nimport { getSysInfo, isSameRenderRange } from './utils'\n\nimport type { BaseProps, ScrollDirection, Size, WaterFlowProps } from './interface'\n\nexport type RootProps = Pick<WaterFlowProps, 'cacheCount' | 'lowerThresholdCount' | 'upperThresholdCount'> &\nRequired<Pick<BaseProps, 'id'>> & {\n  /** scrollElement 模式下为 true，不测量自有容器；此时需布局全部 section 以展开完整高度 */\n  skipContainerMeasure?: boolean\n}\n\nconst { windowHeight, windowWidth } = getSysInfo()\n\ntype RootState = {\n  /** 是否在滚动中 */\n  isScrolling: boolean\n  /** 滚动偏移量 */\n  scrollOffset: number\n  /**\n   * 滚动方向\n   *\n   * - forward 向下滚动\n   *\n   * - backward 向上滚动\n   */\n  scrollDirection: ScrollDirection\n  /** 滚动高度 */\n  scrollHeight: number\n  /** 容器的尺寸信息 */\n  containerSize: Size\n  /** 渲染的分组区间范围 */\n  renderRange: [number, number]\n}\n\nexport const RootEvents = {\n  ReachUpperThreshold: Symbol.for('ReachUpperThreshold'),\n  ReachLowerThreshold: Symbol.for('ReachLowerThreshold'),\n  Resize: Symbol.for('Resize'),\n  AllSectionsLayouted: Symbol.for('AllSectionsLayouted'),\n  InitialRenderCompleted: Symbol.for('InitialRenderCompleted'),\n}\n\ntype Events = keyof typeof RootEvents\n\n/**\n * 数据模型继承自有状态的事件总线，便于在节点之间通信，以及通过 useSyncExternalStore 关联 React 视图\n */\nexport class Root extends StatefulEventBus<RootState, Events> {\n  /**\n   * 瀑布流根节点唯一标识\n   */\n  id: string\n  /**\n   * 分组映射表，便于查找分组\n   */\n  sectionMap: Map<string, Section> = new Map()\n  /**\n   * 节点映射表，便于查找节点\n   */\n  nodeMap: Map<string, Node> = new Map()\n  /**\n   * 分组列表，基于计算出的渲染的分组区间范围 sections.slice(start, end + 1) 进行渲染\n   */\n  sections: Section[] = []\n  /**\n   * 设置预加载的 Item 条数（与 props.cacheCount 一致，收敛目标）。\n   */\n  cacheCount = 1\n\n  /**\n   * Node 层向上（列索引减小方向）预缓存条数，可与 cacheCount 不同（快速滑动单边放大）。\n   */\n  nodeCacheBackward = 1\n\n  /**\n   * Node 层向下（列索引增大方向）预缓存条数。\n   */\n  nodeCacheForward = 1\n\n  upperThresholdCount = 0\n\n  lowerThresholdCount = 0\n\n  /**\n   * 触发滚动阈值对应的 scrollTop 值\n   */\n  upperThresholdScrollTop = -Infinity\n\n  /**\n   * 触发滚动阈值对应的 scrollTop 值\n   */\n  lowerThresholdScrollTop = Infinity\n\n  /** scrollElement 模式下为 true，需布局全部 section 以展开完整高度供父容器滚动 */\n  skipContainerMeasure = false\n\n  /** 当前是否处于触顶区域；初始为 true（起始在顶部），只有从 false→true 时才触发事件 */\n  private _inUpperZone = true\n  /** 当前是否处于触底区域；初始为 false */\n  private _inLowerZone = false\n  /** scrollHeight 更新防抖（raf），减轻 pushNodes 后测量前后的高度跳变 */\n  private _scrollHeightRafId: number | null = null\n\n  constructor(props: RootProps) {\n    const { id, cacheCount, lowerThresholdCount, upperThresholdCount, skipContainerMeasure } = props\n    super({\n      isScrolling: false,\n      scrollOffset: 0,\n      scrollDirection: 'forward',\n      scrollHeight: windowHeight,\n      renderRange: [0, 0],\n      containerSize: {\n        width: windowWidth,\n        height: windowHeight,\n      },\n    })\n    Object.assign(this, {\n      id,\n      cacheCount,\n      lowerThresholdCount,\n      upperThresholdCount,\n      skipContainerMeasure: !!skipContainerMeasure,\n    })\n    this.nodeCacheBackward = cacheCount\n    this.nodeCacheForward = cacheCount\n    this.setupSubscriptions()\n    if (!skipContainerMeasure) {\n      getRectSizeSync(`#${id}`, 100).then(({ width = windowWidth, height = windowHeight }) => {\n        this.setStateIn('containerSize', {\n          width,\n          height,\n        })\n      })\n    }\n    this.renderInitialLayout()\n  }\n\n  /**\n   * 设置订阅事件\n   */\n  private setupSubscriptions() {\n    /** 滚动：先更新触底阈值，再判触顶/触底并更新分组与总高度，避免同一帧内沿用无效阈值。 */\n    this.sub('scrollOffset', () => {\n      const sectionSize = this.sections.length\n      const lastSection = this.sections[sectionSize - 1]\n      if (lastSection?.columnMap.every((column) => column[column.length - 1]?.getState().layouted)) {\n        this.setLowerThresholdScrollTop()\n      }\n      this.setStateIn('renderRange', this.getSectionRenderRange())\n      this.handleReachThreshold()\n      this.updateScrollHeight()\n    })\n\n    this.sub(RootEvents.AllSectionsLayouted, () => {\n      this.updateScrollHeight()\n      this.setUpperThresholdScrollTop()\n      this.setLowerThresholdScrollTop()\n    })\n\n    this.sub(RootEvents.Resize, () => {\n      this.updateScrollHeight()\n      this.setUpperThresholdScrollTop()\n      this.setLowerThresholdScrollTop()\n    })\n  }\n\n  /**\n   * 渐进式渲染\n   *\n   * 因为初始没法知道每个分组的高度信息，不知道渲染边界，所以需要渐进式渲染\n   *\n   * 当目前的渲染批次的首个分组的scrollTop大于容器的高度，说明容器可视区域已经填满，没必要再往下渲染了\n   *\n   * @param [i=0] 从第几个分组开始渲染\n   *\n   */\n  renderInitialLayout(i = 0) {\n    nextTick(() => {\n      const sectionSize = this.sections.length\n\n      if (i >= sectionSize || i < 0) {\n        this.pub(RootEvents.InitialRenderCompleted, null)\n        return\n      }\n      const section = this.sections[i]\n      section.layoutedSignal.promise.then(() => {\n        this.setStateIn('renderRange', [0, i + 1 > sectionSize ? sectionSize - 1 : i + 1])\n        // skipContainerMeasure（nestedScroll 模式）：需布局全部 section，使 scrollHeight 展开供父容器滚动\n        // default 模式：容器可视区域已填满则提前终止，减少首屏渲染\n        if (\n          !this.skipContainerMeasure &&\n          section.getState().scrollTop > this.getState().containerSize.height\n        ) {\n          this.pub(RootEvents.InitialRenderCompleted, section)\n          return\n        }\n\n        this.renderInitialLayout(i + 1)\n      })\n    })\n  }\n\n  /**\n   * 计算滚动阈值对应的 scrollTop 并设置 upperThresholdScrollTop\n   * 当距顶部还有 upperThresholdCount 个 FlowItem 时的 scrollTop 值\n   */\n  private setUpperThresholdScrollTop() {\n    // 如果没有设置阈值或阈值为0，则返回0\n    if (!this.upperThresholdCount) {\n      this.upperThresholdScrollTop = 0\n      return 0\n    }\n    const sectionSize = this.sections.length\n    const tracker = Array.from(\n      { length: sectionSize },\n      () => new Map<number, { accCount: number, accHeight: number }>() // Map<列, { 当前列累计个数，当前列累计高度 }>\n    )\n\n    // 从第一个分组开始扫描\n    loopSeciton: for (let i = 0; i < sectionSize; i++) {\n      const section = this.sections[i]\n      const sectionTracker = tracker[i]\n      const columnMap = section.columnMap\n      // 扫描当前分组的每一列\n      for (let col = 0; col < columnMap.length; col++) {\n        const column = columnMap[col]\n        const columnSize = column.length\n        if (!sectionTracker.has(col)) {\n          if (i === 0) {\n            sectionTracker.set(col, { accCount: 0, accHeight: 0 })\n          } else {\n            const previousSectionTracker = tracker[i - 1]\n            sectionTracker.set(col, {\n              accCount: Math.max(...[...previousSectionTracker.values()].map((nodeTracker) => nodeTracker.accCount)),\n              accHeight: section.getState().scrollTop,\n            })\n          }\n        }\n        const colTracker = sectionTracker.get(col)!\n        // 扫描当前列的每一行\n        loopItem: for (let j = 0; j < columnSize; j++) {\n          colTracker.accCount += 1\n          colTracker.accHeight += column[j].getState().height + (j === 0 ? 0 : section.rowGap)\n          if (colTracker.accCount >= this.upperThresholdCount) {\n            break loopItem\n          }\n        }\n      }\n      for (const [, colTracker] of sectionTracker) {\n        if (colTracker.accCount >= this.upperThresholdCount) {\n          this.upperThresholdScrollTop = colTracker.accHeight\n          break loopSeciton\n        }\n      }\n    }\n    return this.upperThresholdScrollTop\n  }\n\n  /**\n   * 计算滚动阈值对应的 scrollTop 并设置 lowerThresholdScrollTop\n   * 当距底部还有 lowerThresholdCount 个 FlowItem 时的 scrollTop 值\n   */\n  private setLowerThresholdScrollTop() {\n    // 与 setUpperThresholdScrollTop 一致：0 或 undefined 时用「内容底 - 容器高」作为触底阈值\n    if (!this.lowerThresholdCount) {\n      // 必须用 sectionRange 实时计算，避免依赖可能未更新的 scrollHeight 状态\n      const range = this.sectionRange\n      const totalHeight = range.length > 0 ? range[range.length - 1][1] : 0\n      // 触底判定：scrollOffset + containerSize.height >= lowerThresholdScrollTop\n      // 须存内容底边 totalHeight(H)。若误存 H-h，则顶部时 h 与 H-h 比较，当 2h>=H 会恒判为在触底区，误触 onScrollToLower。\n      this.lowerThresholdScrollTop = totalHeight\n      return 0\n    }\n    const sectionSize = this.sections.length\n    const tracker = Array.from(\n      { length: sectionSize },\n      () => new Map<number, { accCount: number, scrollTop: number }>()\n    )\n    // 从最后一个分组开始计算\n    loopSeciton: for (let i = sectionSize - 1; i >= 0; i--) {\n      const section = this.sections[i]\n      const sectionTracker = tracker[i]\n      const columnMap = section.columnMap\n      // 扫描当前分组的每一列\n      for (let col = 0; col < columnMap.length; col++) {\n        const column = columnMap[col]\n        const columnSize = column.length\n        if (!sectionTracker.has(col)) {\n          if (i === sectionSize - 1) {\n            sectionTracker.set(col, { accCount: 0, scrollTop: 0 })\n          } else {\n            const belowSectionTracker = tracker[i + 1]\n            sectionTracker.set(col, {\n              accCount: Math.max(...[...belowSectionTracker.values()].map((nodeTracker) => nodeTracker.accCount)),\n              scrollTop: 0,\n            })\n          }\n        }\n        const colTracker = sectionTracker.get(col)!\n        // 从当前列的最后一行开始往前扫描\n        loopItem: for (let j = columnSize - 1; j >= 0; j--) {\n          colTracker.accCount += 1\n          colTracker.scrollTop = column[j].getState().scrollTop\n          if (colTracker.accCount >= this.lowerThresholdCount) {\n            break loopItem\n          }\n        }\n      }\n\n      for (const [, colTracker] of sectionTracker) {\n        if (colTracker.accCount >= this.lowerThresholdCount) {\n          this.lowerThresholdScrollTop = colTracker.scrollTop\n          break loopSeciton\n        }\n      }\n    }\n\n    return this.lowerThresholdScrollTop\n  }\n\n  /**\n   * 处理滚动到阈值的情况\n   * 检测当前滚动位置是否达到了上下阈值，并触发相应的事件\n   * scrollElement 模式：scrollOffset 为内容内偏移（scrollTop - startOffset），upper/lowerThresholdScrollTop 基于本组件内容计算，触顶/触底以本 WaterFlow 内容为基准\n   */\n  private handleReachThreshold() {\n    const { scrollOffset, containerSize } = this.getState()\n    const inUpper = this.upperThresholdScrollTop !== -Infinity && scrollOffset <= this.upperThresholdScrollTop\n    const inLower = this.lowerThresholdScrollTop !== Infinity && scrollOffset + containerSize.height >= this.lowerThresholdScrollTop\n    if (inUpper && !this._inUpperZone) this.pub(RootEvents.ReachUpperThreshold)\n    if (inLower && !this._inLowerZone) this.pub(RootEvents.ReachLowerThreshold)\n    this._inUpperZone = inUpper\n    this._inLowerZone = inLower\n  }\n\n  /**\n   * 列表追加并完成 finalize 后调用：重置触底边沿状态（_inLowerZone），\n   * 使用户仍在底部时下一次滚动能再次触发 onScrollToLower，而不必先上滑再下滑。\n   * 不在此处同步调用 handleReachThreshold，避免仍在底部时立刻连发触底（与误触区分）。\n   */\n  public resetLowerReachEdgeAfterContentChange () {\n    this._inLowerZone = false\n  }\n\n  /**\n   * 容器的滚动上边界\n   */\n  get scrollBoundaryStart() {\n    return this.getState().scrollOffset\n  }\n\n  /**\n   * 容器的滚动下边界\n   */\n  get scrollBoundaryEnd() {\n    return this.scrollBoundaryStart + this.getStateIn('containerSize').height\n  }\n\n  /**\n   * 计算每个section的底部位置\n   *\n   * sectionBottomRange = [ [section1.top, section1.bottom], [section2.top, section2.bottom], ..., [sectionN.top, sectionN.bottom] ]\n   *\n   * @returns [number,number][]\n   */\n  get sectionRange() {\n    const length = this.sections.length\n    if (length === 0) return []\n    const range = Array.from({ length }, () => [0, this.sections[0].maxColumnHeight])\n    for (let i = 1; i < length; i++) {\n      const previous = range[i - 1]\n      const prevSection = this.sections[i - 1]\n      const gap = prevSection.rowGap ?? 0\n      range[i] = [previous[1] + gap, previous[1] + gap + this.sections[i].maxColumnHeight]\n    }\n\n    return range\n  }\n\n  /**\n   * 更新总滚动高度（各 Section 累计）。\n   * @param immediate true 时跳过 raf 防抖（如 finalizePushNodesStateIfNeeded），避免高度滞后引起跳动\n   */\n  public updateScrollHeight(immediate = false) {\n    const flush = () => {\n      const next = this.sectionRange[this.sectionRange.length - 1]?.[1] ?? 0\n      this.setStateIn('scrollHeight', next)\n    }\n    if (immediate) {\n      if (this._scrollHeightRafId != null) {\n        cancelAnimationFrame(this._scrollHeightRafId)\n        this._scrollHeightRafId = null\n      }\n      flush()\n      return\n    }\n    if (this._scrollHeightRafId != null) {\n      cancelAnimationFrame(this._scrollHeightRafId)\n    }\n    this._scrollHeightRafId = requestAnimationFrame(() => {\n      this._scrollHeightRafId = null\n      flush()\n    })\n  }\n\n  /**\n   * 注册分组\n   */\n  public registerSection(section: Section) {\n    const { id, order } = section\n    this.sectionMap.set(id, section)\n    this.sections[order] = section\n  }\n\n  /**\n   * 注册节点\n   */\n  public registerNode(node: Node) {\n    this.nodeMap.set(node.id, node)\n  }\n\n  /**\n   * 查找分组\n   */\n  public findSection(id: string) {\n    return this.sectionMap.get(id)\n  }\n\n  /**\n   * 查找节点\n   */\n  public findNode(id: string) {\n    return this.nodeMap.get(id)\n  }\n\n  /**\n   * 设置 Node 层上下方向预缓存条数，并刷新可见分组内的列渲染区间。\n   */\n  public setNodeCacheRange (backward: number, forward: number) {\n    const b = Math.max(0, Math.floor(backward))\n    const f = Math.max(0, Math.floor(forward))\n    if (this.nodeCacheBackward === b && this.nodeCacheForward === f) {\n      return\n    }\n    this.nodeCacheBackward = b\n    this.nodeCacheForward = f\n    for (const section of this.sections) {\n      if (section.isInRange) {\n        section.setStateIn('renderRange', section.getNodeRenderRange())\n      }\n    }\n  }\n\n  /**\n   * 获取分组渲染区间\n   */\n  public getSectionRenderRange() {\n    const result: [number, number] = [Infinity, -Infinity]\n\n    for (let i = 0; i < this.sections.length; i++) {\n      const section = this.sections[i]\n      if (section.isInRange) {\n        result[0] = Math.min(result[0], i)\n        result[1] = Math.max(result[1], i)\n      }\n    }\n\n    if (result[0] === Infinity) {\n      result[0] = 0\n    }\n\n    if (result[1] === -Infinity) {\n      result[1] = this.sections.length - 1\n    }\n\n    const [backwardCache, forwardCache] = this.calcCacheSection(result)\n    // 双向预缓存，避免反向滚动时出现空白（原逻辑仅在滚动方向缓存，反向时未预渲染）\n    const backwardDistance = backwardCache\n    const forwardDistance = forwardCache\n\n    const overscanBackward = result[0] - backwardDistance\n    const overscanForward = result[1] + forwardDistance\n\n    result[0] = overscanBackward < 0 ? 0 : overscanBackward\n\n    result[1] = overscanForward > this.sections.length ? this.sections.length - 1 : overscanForward\n\n    const prevRange = this.getState().renderRange\n    return isSameRenderRange(result, prevRange) ? prevRange : result\n  }\n\n  /**\n   * 计算预渲染的分组个数\n   */\n  private calcCacheSection(renderRange: [number, number]) {\n    const clientHeight = this.getState().containerSize.height\n    const sectionCount = this.sectionMap.size\n    let [start, end] = renderRange\n    let cacheBackward = 1\n    let cacheForward = 1\n\n    if (start > 0) {\n      let acc = this.sections[--start]?.getState().height ?? 0\n      while (--start > 0) {\n        const prevSection = this.sections[start]\n        acc += prevSection.getState().height\n        cacheBackward += 1\n        if (acc >= clientHeight >>> 1) {\n          break\n        }\n      }\n    }\n\n    if (end < sectionCount - 1) {\n      let acc = this.sections[++end]?.getState().height ?? 0\n      while (++end < sectionCount - 1) {\n        const nextSection = this.sections[end]\n        acc += nextSection.getState().height\n        cacheForward += 1\n        if (acc >= clientHeight >>> 1) {\n          break\n        }\n      }\n    }\n\n    return [cacheBackward, cacheForward]\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/components/water-flow/section.d.ts

@@ -57,6 +57,8 @@ export declare class Section extends StatefulEventBus<SectionState> {
         resolve: () => void;
         reject: (reason?: any) => void;
     };
+    /** pushNodesStructuralOnly 后待 finalize；由 WaterFlow 的 useLayoutEffect 收尾，避免在父 render 中更新子 state */
+    private _pendingPushFinalize;
     constructor(root: Root, props: SectionProps);
     /**
      * 订阅事件
@@ -99,7 +101,7 @@ export declare class Section extends StatefulEventBus<SectionState> {
      */
     private updateNodes;
     /**
-     * 计算当前分组的 scrollTop，即该分组之前的所有分组的最大列高度之和
+     * 计算当前分组的 scrollTop，即该分组之前的所有分组的最大列高度 + rowGap 之和
      */
     private calcScrollTop;
     /**
@@ -107,6 +109,10 @@ export declare class Section extends StatefulEventBus<SectionState> {
      */
     getNodeRenderRange(): [number, number][];
     pushNode(nodeIndex: number, col: number): void;
+    /** 仅扩展 columnMap / 注册 Node，不 setState；与 finalizePushNodesStateIfNeeded 配对 */
+    pushNodesStructuralOnly(count: number): void;
+    /** 在 commit 后同步 height、节点位置与 scrollHeight（见 WaterFlow useLayoutEffect） */
+    finalizePushNodesStateIfNeeded(): void;
     pushNodes(count: number): void;
 }
 export {};