@tarojs/components-advanced 4.1.3-alpha.1 → 4.1.3-beta.0

package/dist/components/virtual-list/preset.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type IntersectionObserver } from '@tarojs/taro';
 import * as CSS from 'csstype';
 import { defaultItemKey } from '../../utils';

package/dist/components/virtual-waterfall/preset.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as CSS from 'csstype';
 import { defaultItemKey } from '../../utils';
 import ListMap from './list-map';

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

@@ -200,7 +200,7 @@ class Root extends StatefulEventBus {
         const sectionSize = this.sections.length;
         const tracker = Array.from({ length: sectionSize }, () => new Map());
         // 从最后一个分组开始计算
-        loopSeciton: for (let i = sectionSize - 1; i > 0; i--) {
+        loopSeciton: for (let i = sectionSize - 1; i >= 0; i--) {
             const section = this.sections[i];
             const sectionTracker = tracker[i];
             const columnMap = section.columnMap;

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<\nWaterFlowProps,\n'cacheCount' | 'lowerThresholdCount' | 'upperThresholdCount'\n> &\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(\n      ({ 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     * 滚动过程中计算渲染的分组区间\n     * 滚动过程中分组的最大高度会发生更新，可以在这时计算滚动高度\n     */\n    this.sub('scrollOffset', () => {\n      this.setStateIn('renderRange', this.getSectionRenderRange())\n      this.updateScrollHeight()\n      this.handleReachThreshold()\n    })\n\n    const lowerThresholdScrollTopDisposer = this.sub('scrollOffset', () => {\n      const sectionSize = this.sections.length\n      const lastSection = this.sections[sectionSize - 1]\n      // 最后一个分组的每一列最后一行都已经完成了布局计算，那么这个时候的总高度应该是准确的\n      if (\n        lastSection.columnMap.every(\n          (column) => column[column.length - 1].getState().layouted\n        )\n      ) {\n        this.setLowerThresholdScrollTop()\n        lowerThresholdScrollTopDisposer()\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', [\n          0,\n          i + 1 > sectionSize ? sectionSize - 1 : i + 1,\n        ])\n        // 容器可视区域已经填满了，没必要再继续\n        if (\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(\n                ...[...previousSectionTracker.values()].map(\n                  (nodeTracker) => nodeTracker.accCount\n                )\n              ),\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 +=\n            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 =\n        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(\n                ...[...belowSectionTracker.values()].map(\n                  (nodeTracker) => nodeTracker.accCount\n                )\n              ),\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 }, () => [\n      0,\n      this.sections[0].maxColumnHeight,\n    ])\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  private updateScrollHeight() {\n    this.setStateIn(\n      'scrollHeight',\n      this.sectionRange[this.sectionRange.length - 1][1]\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   * 获取分组渲染区间\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] =\n      overscanForward > this.sections.length\n        ? this.sections.length - 1\n        : overscanForward\n\n    return isSameRenderRange(result, this.getState().renderRange)\n      ? this.getState().renderRange\n      : 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 { 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<\nWaterFlowProps,\n'cacheCount' | 'lowerThresholdCount' | 'upperThresholdCount'\n> &\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(\n      ({ 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     * 滚动过程中计算渲染的分组区间\n     * 滚动过程中分组的最大高度会发生更新，可以在这时计算滚动高度\n     */\n    this.sub('scrollOffset', () => {\n      this.setStateIn('renderRange', this.getSectionRenderRange())\n      this.updateScrollHeight()\n      this.handleReachThreshold()\n    })\n\n    const lowerThresholdScrollTopDisposer = this.sub('scrollOffset', () => {\n      const sectionSize = this.sections.length\n      const lastSection = this.sections[sectionSize - 1]\n      // 最后一个分组的每一列最后一行都已经完成了布局计算，那么这个时候的总高度应该是准确的\n      if (\n        lastSection.columnMap.every(\n          (column) => column[column.length - 1].getState().layouted\n        )\n      ) {\n        this.setLowerThresholdScrollTop()\n        lowerThresholdScrollTopDisposer()\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', [\n          0,\n          i + 1 > sectionSize ? sectionSize - 1 : i + 1,\n        ])\n        // 容器可视区域已经填满了，没必要再继续\n        if (\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(\n                ...[...previousSectionTracker.values()].map(\n                  (nodeTracker) => nodeTracker.accCount\n                )\n              ),\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 +=\n            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 =\n        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(\n                ...[...belowSectionTracker.values()].map(\n                  (nodeTracker) => nodeTracker.accCount\n                )\n              ),\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 }, () => [\n      0,\n      this.sections[0].maxColumnHeight,\n    ])\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  private updateScrollHeight() {\n    this.setStateIn(\n      'scrollHeight',\n      this.sectionRange[this.sectionRange.length - 1][1]\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   * 获取分组渲染区间\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] =\n      overscanForward > this.sections.length\n        ? this.sections.length - 1\n        : overscanForward\n\n    return isSameRenderRange(result, this.getState().renderRange)\n      ? this.getState().renderRange\n      : 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tarojs/components-advanced",
-  "version": "4.1.3-alpha.1",
+  "version": "4.1.3-beta.0",
   "description": "",
   "author": "O2Team",
   "license": "MIT",
@@ -20,21 +20,19 @@
     "csstype": "^3.1.1",
     "memoize-one": "^6.0.0",
     "tslib": "^2.6.2",
-    "@tarojs/components": "4.1.3-alpha.1"
+    "@tarojs/components": "4.1.3-beta.0"
   },
   "devDependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
     "vue": "3.2.47",
-    "@tarojs/taro": "4.1.3-alpha.1",
-    "@tarojs/shared": "4.1.3-alpha.1",
-    "@tarojs/runtime": "4.1.3-alpha.1"
+    "@tarojs/shared": "4.1.3-beta.0",
+    "@tarojs/taro": "4.1.3-beta.0",
+    "@tarojs/runtime": "4.1.3-beta.0"
   },
   "peerDependencies": {
-    "react": ">=17",
-    "@tarojs/runtime": "~4.1.3-alpha.1",
-    "@tarojs/taro": "~4.1.3-alpha.1",
-    "@tarojs/shared": "~4.1.3-alpha.1"
+    "react": ">=18",
+    "@tarojs/runtime": "~4.1.3-beta.0",
+    "@tarojs/taro": "~4.1.3-beta.0",
+    "@tarojs/shared": "~4.1.3-beta.0"
   },
   "peerDependenciesMeta": {
     "react": {