@tarojs/components-advanced 3.6.9-alpha.12 → 3.6.9-alpha.13

package/dist/components/virtual-waterfall/list-map.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-map.js","sources":["../../../src/components/virtual-waterfall/list-map.ts"],"sourcesContent":["import { isFunction, isNumber } from '@tarojs/shared'\n\nimport { getOffsetForIndexAndAlignment } from '../../utils'\n\nimport type { IProps } from './preset'\n\ntype TProps = Pick<IProps, 'width' | 'height' | 'itemCount' | 'itemData' | 'itemSize' | 'overscanDistance'>\n\ntype TItem = [number, number, number] // [itemIndex, startPosition, itemSize]\n\nexport default class ListMap {\n  #columns: number\n  #columnMap: TItem[][] = [] // [itemIndex, startPosition, itemSize]\n  #items: [number, number][] = [] // [columnIndex, rowIndex]\n  mode?: 'normal' | 'function'\n  clientSize = 0\n  minItemSize = 0\n  maxItemSize = 0\n\n  constructor (columns = 2, protected props: TProps, protected refresh?: TFunc) {\n    if (isFunction(this.props.itemSize)) {\n      this.mode = 'function'\n    } else if (isNumber(this.props.itemSize)) {\n      this.mode = 'normal'\n      this.minItemSize = this.props.itemSize\n      this.maxItemSize = this.props.itemSize\n    }\n\n    this.updateColumns(columns, props)\n  }\n\n  updateColumns (columns = 2, props: TProps) {\n    this.#columns = columns\n    if (!this.isNormalMode) {\n      this.#columnMap = new Array(this.#columns).fill(0).map(() => [])\n      this.#items = []\n      this.update(props)\n    }\n  }\n\n  update (props: TProps) {\n    this.props = props\n\n    if (!this.isNormalMode) {\n      this.updateItem(this.length - 1)\n    }\n  }\n\n  // 不支持 normal 模式\n  updateItem (itemIndex: number) {\n    if (itemIndex >= this.length) {\n      return this.updateItem(this.length - 1)\n    }\n\n    if (!this.#items[itemIndex]) {\n      const itemSizeFunc = this.props.itemSize as Exclude<TProps['itemSize'], number>\n      const itemSize = itemSizeFunc(itemIndex, this.props.itemData)\n      if (this.maxItemSize < itemSize || this.maxItemSize === 0) {\n        this.maxItemSize = itemSize\n      }\n      if (this.minItemSize > itemSize || this.minItemSize === 0) {\n        this.minItemSize = itemSize\n      }\n\n      if (itemIndex > 0) {\n        // Note: 判断上一个 item 是否在同步\n        const lastIndex = itemIndex - 1\n        const position = this.getItemPosition(lastIndex)\n        if (!position) this.updateItem(lastIndex)\n      }\n\n      const column = this.minColumnIndex\n      const row = this.getColumnList(column).length\n      let startPosition = 0\n      if (row > 0) {\n        const [, lastStart, lastSize] = this.getItemsInfoFromPosition(column, row - 1)\n        startPosition = lastStart + lastSize\n      }\n\n      this.#items[itemIndex] = [column, row]\n      const list = this.getColumnList(column)\n      list[row] = [itemIndex, startPosition, itemSize]\n    }\n  }\n\n  get isNormalMode () {\n    return this.mode === 'normal'\n  }\n\n  get length () {\n    return this.props.itemCount || 100\n  }\n\n  get overscan () {\n    return this.props.overscanDistance || 50\n  }\n\n  get columnsSize () {\n    if (this.isNormalMode) {\n      return new Array(this.#columns).fill(this.getColumnSize())\n    }\n\n    return new Array(this.#columns).fill(0).map((_, i) => this.getColumnSize(i))\n  }\n\n  get maxColumnSize () {\n    if (this.isNormalMode) return this.getColumnSize()\n\n    return Math.max(...this.columnsSize)\n  }\n\n  get minColumnSize () {\n    if (this.isNormalMode) return this.getColumnSize()\n\n    return Math.min(...this.columnsSize)\n  }\n\n  get maxColumnIndex () {\n    if (this.isNormalMode) return 0\n\n    const list = this.columnsSize\n    return list.indexOf(Math.max(...list))\n  }\n\n  get minColumnIndex () {\n    if (this.isNormalMode) return 0\n\n    const list = this.columnsSize\n    return list.indexOf(Math.min(...list))\n  }\n\n  // 不支持 normal 模式\n  getColumnList (columnIndex: number) {\n    this.#columnMap[columnIndex] ||= []\n    return this.#columnMap[columnIndex]\n  }\n\n  getColumnSize (columnIndex = 0) {\n    if (this.isNormalMode) {\n      const columnLength = Math.ceil(this.length / this.#columns)\n      return this.minItemSize * columnLength\n    }\n\n    // Note: 不考虑未同步节点情况\n    const columns = this.getColumnList(columnIndex)\n    const [, start = 0, size = 0] = columns[columns.length - 1] || []\n    return start + size\n  }\n\n  getItemPosition (itemIndex: number) {\n    if (this.isNormalMode) {\n      const column = itemIndex % this.#columns\n      const row = Math.floor(itemIndex / this.#columns)\n      return [column, row]\n    }\n\n    return this.#items[itemIndex] || false\n  }\n\n  getItemInfo (itemIndex: number) {\n    const [column, row] = this.getItemPosition(itemIndex) || []\n    if (this.isNormalMode) {\n      const itemSize = this.minItemSize\n      const startPosition = row * itemSize\n      return [itemIndex, startPosition, itemSize]\n    }\n\n    if (typeof column !== 'number') {\n      this.updateItem(itemIndex)\n    }\n    const list = this.getColumnList(column)\n    if (!(list[row] instanceof Array)) {\n      this.updateItem(itemIndex)\n    }\n    return list[row]\n  }\n\n  getItemsInfoFromPosition (column = 0, row = 0) {\n    const list = this.getColumnList(column)\n    const itemIndex = row * this.#columns + column\n    if (this.isNormalMode) {\n      const itemSize = this.minItemSize\n      const startPosition = row * itemSize\n      return [itemIndex, startPosition, itemSize]\n    }\n\n    if (!(list[row] instanceof Array)) {\n      this.updateItem(Math.min(itemIndex, this.length - 1))\n    }\n    return list[row] || []\n  }\n\n  getItemDetail (itemIndex: number) {\n    return this.props.itemData[itemIndex]\n  }\n\n  getOffsetSize (itemIndex: number) {\n    const [, start] = this.getItemInfo(itemIndex)\n    return start\n  }\n\n  getStartItems (offset: number) {\n    const list = new Array(this.#columns).fill(0)\n    offset = Math.max(0, offset - this.overscan)\n    if (this.isNormalMode) {\n      const size = this.minItemSize || 1\n      const count = Math.max(0, Math.floor(offset / size))\n      return list.map(() => count)\n    } else {\n      return list.map((_, i) => this.getStartIndex(i, offset))\n    }\n  }\n\n  getStartIndex (column: number, offset: number) {\n    const getOffset = ([, start = 0]: TItem = [0, 0, 0]) => start\n    if (offset <= 0) return 0\n    if (this.isNormalMode) {\n      const size = this.minItemSize || 1\n      return Math.max(0, Math.floor(offset / size))\n    }\n\n    const columns = this.getColumnList(column)\n    let x = Math.floor(offset / (this.maxItemSize || 1))\n    let y = Math.ceil(offset / (this.minItemSize || 1))\n    this.updateItem(y * this.#columns + column)\n    x = Math.min(x, columns.length - 1)\n    y = Math.min(y, columns.length - 1)\n    while (getOffset(columns[x]) < offset && getOffset(columns[y]) > offset && x < y) {\n      x + 1 < columns.length && x++\n      y > 0 && y--\n      if (!columns[x]) this.updateItem(x * this.#columns + column)\n      if (!columns[y]) this.updateItem(y * this.#columns + column)\n    }\n    return Math.max(0, Math.min(getOffset(columns[x]) > offset ? x - 1 : y + 1, columns.length - 1))\n  }\n\n  getStopIndex (column: number, offset: number, start = 0) {\n    const getOffset = ([, start = 0, size = 0]: TItem = [0, 0, 0]) => start + size\n    if (offset <= 0) return 0\n    if (this.isNormalMode) {\n      const size = this.minItemSize || 1\n      const count = Math.ceil(offset / size)\n      return Math.min(count, this.getColumnSize(column))\n    }\n    const columns = this.getColumnList(column)\n    let x = Math.max(start, Math.floor(offset / (this.maxItemSize || 1)))\n    let y = Math.max(start, Math.ceil(offset / (this.minItemSize || 1)))\n    this.updateItem(y * this.#columns + column)\n    x = Math.min(x, columns.length - 1)\n    y = Math.min(y, columns.length - 1)\n    while (getOffset(columns[x]) < offset && getOffset(columns[y]) > offset && x < y) {\n      x + 1 < columns.length && x++\n      y > 0 && y--\n      if (!columns[x]) this.updateItem(x * this.#columns + column)\n      if (!columns[y]) this.updateItem(y * this.#columns + column)\n    }\n    return Math.max(0, Math.min(getOffset(columns[x]) > offset ? x : y, columns.length - 1))\n  }\n\n  getRangeToRender (direction: 'forward' | 'backward', column: number, offset: number, block = false) {\n    if (this.length === 0) return [0, 0]\n\n    const clientSize = this.clientSize\n    const scrollSize = this.maxColumnSize\n    const backwardDistance = !block || direction === 'backward' ? Math.max(0, this.overscan) : 0\n    const forwardDistance = !block || direction === 'forward' ? Math.max(0, this.overscan) : 0\n\n    const overscanBackward = this.getStartIndex(column, Math.max(0, offset - backwardDistance))\n    const overscanForward = this.getStopIndex(column, Math.max(0, Math.min(scrollSize, clientSize + offset + forwardDistance)), overscanBackward)\n    return [overscanBackward, overscanForward]\n  }\n\n  getOffsetForIndexAndAlignment (index: number, align: string, scrollOffset: number) {\n    return getOffsetForIndexAndAlignment({\n      align,\n      containerSize: this.clientSize,\n      currentOffset: scrollOffset,\n      scrollSize: this.getOffsetSize(this.length),\n      slideSize: this.getColumnSize(index),\n      targetOffset: this.getOffsetSize(index),\n    })\n  }\n\n  // Note: 不支持动态更新。不需要对比节点大小\n  // compareSize\n}\n"],"names":[],"mappings":";;;;;;AAUc,MAAO,OAAO,CAAA;AAS1B,IAAA,WAAA,CAAa,OAAO,GAAG,CAAC,EAAY,KAAa,EAAY,OAAe,EAAA;QAAxC,IAAK,CAAA,KAAA,GAAL,KAAK,CAAQ;QAAY,IAAO,CAAA,OAAA,GAAP,OAAO,CAAQ;QAR5E,gBAAgB,CAAA,GAAA,CAAA,IAAA,EAAA,KAAA,CAAA,CAAA,CAAA;QAChB,kBAAwB,CAAA,GAAA,CAAA,IAAA,EAAA,EAAE,CAAA,CAAA;QAC1B,cAA6B,CAAA,GAAA,CAAA,IAAA,EAAA,EAAE,CAAA,CAAA;QAE/B,IAAU,CAAA,UAAA,GAAG,CAAC,CAAA;QACd,IAAW,CAAA,WAAA,GAAG,CAAC,CAAA;QACf,IAAW,CAAA,WAAA,GAAG,CAAC,CAAA;QAGb,IAAI,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE;AACnC,YAAA,IAAI,CAAC,IAAI,GAAG,UAAU,CAAA;AACvB,SAAA;aAAM,IAAI,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE;AACxC,YAAA,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAA;YACpB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAA;YACtC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAA;AACvC,SAAA;AAED,QAAA,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;KACnC;AAED,IAAA,aAAa,CAAE,OAAO,GAAG,CAAC,EAAE,KAAa,EAAA;AACvC,QAAA,sBAAA,CAAA,IAAI,EAAA,gBAAA,EAAY,OAAO,EAAA,GAAA,CAAA,CAAA;AACvB,QAAA,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;YACtB,sBAAA,CAAA,IAAI,sBAAc,IAAI,KAAK,CAAC,sBAAA,CAAA,IAAI,EAAS,gBAAA,EAAA,GAAA,CAAA,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC,EAAA,GAAA,CAAA,CAAA;AAChE,YAAA,sBAAA,CAAA,IAAI,EAAA,cAAA,EAAU,EAAE,EAAA,GAAA,CAAA,CAAA;AAChB,YAAA,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;AACnB,SAAA;KACF;AAED,IAAA,MAAM,CAAE,KAAa,EAAA;AACnB,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;AAElB,QAAA,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;YACtB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;AACjC,SAAA;KACF;;AAGD,IAAA,UAAU,CAAE,SAAiB,EAAA;AAC3B,QAAA,IAAI,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;YAC5B,OAAO,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;AACxC,SAAA;AAED,QAAA,IAAI,CAAC,sBAAA,CAAA,IAAI,sBAAO,CAAC,SAAS,CAAC,EAAE;AAC3B,YAAA,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,QAA+C,CAAA;AAC/E,YAAA,MAAM,QAAQ,GAAG,YAAY,CAAC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAA;YAC7D,IAAI,IAAI,CAAC,WAAW,GAAG,QAAQ,IAAI,IAAI,CAAC,WAAW,KAAK,CAAC,EAAE;AACzD,gBAAA,IAAI,CAAC,WAAW,GAAG,QAAQ,CAAA;AAC5B,aAAA;YACD,IAAI,IAAI,CAAC,WAAW,GAAG,QAAQ,IAAI,IAAI,CAAC,WAAW,KAAK,CAAC,EAAE;AACzD,gBAAA,IAAI,CAAC,WAAW,GAAG,QAAQ,CAAA;AAC5B,aAAA;YAED,IAAI,SAAS,GAAG,CAAC,EAAE;;AAEjB,gBAAA,MAAM,SAAS,GAAG,SAAS,GAAG,CAAC,CAAA;gBAC/B,MAAM,QAAQ,GAAG,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,CAAA;AAChD,gBAAA,IAAI,CAAC,QAAQ;AAAE,oBAAA,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,CAAA;AAC1C,aAAA;AAED,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,cAAc,CAAA;YAClC,MAAM,GAAG,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,MAAM,CAAA;YAC7C,IAAI,aAAa,GAAG,CAAC,CAAA;YACrB,IAAI,GAAG,GAAG,CAAC,EAAE;AACX,gBAAA,MAAM,GAAG,SAAS,EAAE,QAAQ,CAAC,GAAG,IAAI,CAAC,wBAAwB,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC,CAAC,CAAA;AAC9E,gBAAA,aAAa,GAAG,SAAS,GAAG,QAAQ,CAAA;AACrC,aAAA;YAED,sBAAA,CAAA,IAAI,EAAO,cAAA,EAAA,GAAA,CAAA,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;YACtC,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAA;YACvC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,SAAS,EAAE,aAAa,EAAE,QAAQ,CAAC,CAAA;AACjD,SAAA;KACF;AAED,IAAA,IAAI,YAAY,GAAA;AACd,QAAA,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAA;KAC9B;AAED,IAAA,IAAI,MAAM,GAAA;AACR,QAAA,OAAO,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,GAAG,CAAA;KACnC;AAED,IAAA,IAAI,QAAQ,GAAA;AACV,QAAA,OAAO,IAAI,CAAC,KAAK,CAAC,gBAAgB,IAAI,EAAE,CAAA;KACzC;AAED,IAAA,IAAI,WAAW,GAAA;QACb,IAAI,IAAI,CAAC,YAAY,EAAE;AACrB,YAAA,OAAO,IAAI,KAAK,CAAC,sBAAA,CAAA,IAAI,EAAS,gBAAA,EAAA,GAAA,CAAA,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAA;AAC3D,SAAA;AAED,QAAA,OAAO,IAAI,KAAK,CAAC,sBAAA,CAAA,IAAI,EAAA,gBAAA,EAAA,GAAA,CAAS,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAA;KAC7E;AAED,IAAA,IAAI,aAAa,GAAA;QACf,IAAI,IAAI,CAAC,YAAY;AAAE,YAAA,OAAO,IAAI,CAAC,aAAa,EAAE,CAAA;QAElD,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAA;KACrC;AAED,IAAA,IAAI,aAAa,GAAA;QACf,IAAI,IAAI,CAAC,YAAY;AAAE,YAAA,OAAO,IAAI,CAAC,aAAa,EAAE,CAAA;QAElD,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAA;KACrC;AAED,IAAA,IAAI,cAAc,GAAA;QAChB,IAAI,IAAI,CAAC,YAAY;AAAE,YAAA,OAAO,CAAC,CAAA;AAE/B,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,CAAA;AAC7B,QAAA,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC,CAAA;KACvC;AAED,IAAA,IAAI,cAAc,GAAA;QAChB,IAAI,IAAI,CAAC,YAAY;AAAE,YAAA,OAAO,CAAC,CAAA;AAE/B,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,CAAA;AAC7B,QAAA,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC,CAAA;KACvC;;AAGD,IAAA,aAAa,CAAE,WAAmB,EAAA;;QAChC,CAAA,EAAA,GAAA,sBAAA,CAAA,IAAI,EAAW,kBAAA,EAAA,GAAA,CAAA,EAAC,WAAW,CAAX,KAAA,EAAA,CAAA,WAAW,CAAM,GAAA,EAAE,CAAA,CAAA;AACnC,QAAA,OAAO,uBAAA,IAAI,EAAA,kBAAA,EAAA,GAAA,CAAW,CAAC,WAAW,CAAC,CAAA;KACpC;IAED,aAAa,CAAE,WAAW,GAAG,CAAC,EAAA;QAC5B,IAAI,IAAI,CAAC,YAAY,EAAE;AACrB,YAAA,MAAM,YAAY,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,sBAAA,CAAA,IAAI,EAAA,gBAAA,EAAA,GAAA,CAAS,CAAC,CAAA;AAC3D,YAAA,OAAO,IAAI,CAAC,WAAW,GAAG,YAAY,CAAA;AACvC,SAAA;;QAGD,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,CAAA;QAC/C,MAAM,GAAG,KAAK,GAAG,CAAC,EAAE,IAAI,GAAG,CAAC,CAAC,GAAG,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,CAAA;QACjE,OAAO,KAAK,GAAG,IAAI,CAAA;KACpB;AAED,IAAA,eAAe,CAAE,SAAiB,EAAA;QAChC,IAAI,IAAI,CAAC,YAAY,EAAE;AACrB,YAAA,MAAM,MAAM,GAAG,SAAS,GAAG,sBAAA,CAAA,IAAI,wBAAS,CAAA;AACxC,YAAA,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,sBAAA,CAAA,IAAI,EAAS,gBAAA,EAAA,GAAA,CAAA,CAAC,CAAA;AACjD,YAAA,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;AACrB,SAAA;QAED,OAAO,sBAAA,CAAA,IAAI,EAAO,cAAA,EAAA,GAAA,CAAA,CAAC,SAAS,CAAC,IAAI,KAAK,CAAA;KACvC;AAED,IAAA,WAAW,CAAE,SAAiB,EAAA;AAC5B,QAAA,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,IAAI,EAAE,CAAA;QAC3D,IAAI,IAAI,CAAC,YAAY,EAAE;AACrB,YAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAA;AACjC,YAAA,MAAM,aAAa,GAAG,GAAG,GAAG,QAAQ,CAAA;AACpC,YAAA,OAAO,CAAC,SAAS,EAAE,aAAa,EAAE,QAAQ,CAAC,CAAA;AAC5C,SAAA;AAED,QAAA,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;AAC9B,YAAA,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,CAAA;AAC3B,SAAA;QACD,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAA;QACvC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,YAAY,KAAK,CAAC,EAAE;AACjC,YAAA,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,CAAA;AAC3B,SAAA;AACD,QAAA,OAAO,IAAI,CAAC,GAAG,CAAC,CAAA;KACjB;AAED,IAAA,wBAAwB,CAAE,MAAM,GAAG,CAAC,EAAE,GAAG,GAAG,CAAC,EAAA;QAC3C,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAA;QACvC,MAAM,SAAS,GAAG,GAAG,GAAG,uBAAA,IAAI,EAAA,gBAAA,EAAA,GAAA,CAAS,GAAG,MAAM,CAAA;QAC9C,IAAI,IAAI,CAAC,YAAY,EAAE;AACrB,YAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAA;AACjC,YAAA,MAAM,aAAa,GAAG,GAAG,GAAG,QAAQ,CAAA;AACpC,YAAA,OAAO,CAAC,SAAS,EAAE,aAAa,EAAE,QAAQ,CAAC,CAAA;AAC5C,SAAA;QAED,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,YAAY,KAAK,CAAC,EAAE;AACjC,YAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAA;AACtD,SAAA;AACD,QAAA,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAA;KACvB;AAED,IAAA,aAAa,CAAE,SAAiB,EAAA;QAC9B,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAA;KACtC;AAED,IAAA,aAAa,CAAE,SAAiB,EAAA;QAC9B,MAAM,GAAG,KAAK,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAA;AAC7C,QAAA,OAAO,KAAK,CAAA;KACb;AAED,IAAA,aAAa,CAAE,MAAc,EAAA;AAC3B,QAAA,MAAM,IAAI,GAAG,IAAI,KAAK,CAAC,sBAAA,CAAA,IAAI,EAAS,gBAAA,EAAA,GAAA,CAAA,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;AAC7C,QAAA,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAA;QAC5C,IAAI,IAAI,CAAC,YAAY,EAAE;AACrB,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,IAAI,CAAC,CAAA;AAClC,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAA;YACpD,OAAO,IAAI,CAAC,GAAG,CAAC,MAAM,KAAK,CAAC,CAAA;AAC7B,SAAA;AAAM,aAAA;YACL,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAA;AACzD,SAAA;KACF;IAED,aAAa,CAAE,MAAc,EAAE,MAAc,EAAA;QAC3C,MAAM,SAAS,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC,CAAW,GAAA,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,KAAK,KAAK,CAAA;QAC7D,IAAI,MAAM,IAAI,CAAC;AAAE,YAAA,OAAO,CAAC,CAAA;QACzB,IAAI,IAAI,CAAC,YAAY,EAAE;AACrB,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,IAAI,CAAC,CAAA;AAClC,YAAA,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAA;AAC9C,SAAA;QAED,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAA;AAC1C,QAAA,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,WAAW,IAAI,CAAC,CAAC,CAAC,CAAA;AACpD,QAAA,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,WAAW,IAAI,CAAC,CAAC,CAAC,CAAA;QACnD,IAAI,CAAC,UAAU,CAAC,CAAC,GAAG,sBAAA,CAAA,IAAI,EAAS,gBAAA,EAAA,GAAA,CAAA,GAAG,MAAM,CAAC,CAAA;AAC3C,QAAA,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;AACnC,QAAA,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;QACnC,OAAO,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,GAAG,CAAC,EAAE;YAChF,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,MAAM,IAAI,CAAC,EAAE,CAAA;AAC7B,YAAA,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAA;AACZ,YAAA,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;gBAAE,IAAI,CAAC,UAAU,CAAC,CAAC,GAAG,sBAAA,CAAA,IAAI,EAAS,gBAAA,EAAA,GAAA,CAAA,GAAG,MAAM,CAAC,CAAA;AAC5D,YAAA,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;gBAAE,IAAI,CAAC,UAAU,CAAC,CAAC,GAAG,sBAAA,CAAA,IAAI,EAAS,gBAAA,EAAA,GAAA,CAAA,GAAG,MAAM,CAAC,CAAA;AAC7D,SAAA;AACD,QAAA,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAA;KACjG;AAED,IAAA,YAAY,CAAE,MAAc,EAAE,MAAc,EAAE,KAAK,GAAG,CAAC,EAAA;QACrD,MAAM,SAAS,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC,EAAE,IAAI,GAAG,CAAC,CAAA,GAAW,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,KAAK,KAAK,GAAG,IAAI,CAAA;QAC9E,IAAI,MAAM,IAAI,CAAC;AAAE,YAAA,OAAO,CAAC,CAAA;QACzB,IAAI,IAAI,CAAC,YAAY,EAAE;AACrB,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,IAAI,CAAC,CAAA;YAClC,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,CAAA;AACtC,YAAA,OAAO,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAA;AACnD,SAAA;QACD,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAA;QAC1C,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,WAAW,IAAI,CAAC,CAAC,CAAC,CAAC,CAAA;QACrE,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,WAAW,IAAI,CAAC,CAAC,CAAC,CAAC,CAAA;QACpE,IAAI,CAAC,UAAU,CAAC,CAAC,GAAG,sBAAA,CAAA,IAAI,EAAS,gBAAA,EAAA,GAAA,CAAA,GAAG,MAAM,CAAC,CAAA;AAC3C,QAAA,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;AACnC,QAAA,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;QACnC,OAAO,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,GAAG,CAAC,EAAE;YAChF,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,MAAM,IAAI,CAAC,EAAE,CAAA;AAC7B,YAAA,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAA;AACZ,YAAA,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;gBAAE,IAAI,CAAC,UAAU,CAAC,CAAC,GAAG,sBAAA,CAAA,IAAI,EAAS,gBAAA,EAAA,GAAA,CAAA,GAAG,MAAM,CAAC,CAAA;AAC5D,YAAA,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;gBAAE,IAAI,CAAC,UAAU,CAAC,CAAC,GAAG,sBAAA,CAAA,IAAI,EAAS,gBAAA,EAAA,GAAA,CAAA,GAAG,MAAM,CAAC,CAAA;AAC7D,SAAA;AACD,QAAA,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,GAAG,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAA;KACzF;IAED,gBAAgB,CAAE,SAAiC,EAAE,MAAc,EAAE,MAAc,EAAE,KAAK,GAAG,KAAK,EAAA;AAChG,QAAA,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC;AAAE,YAAA,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AAEpC,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAA;AAClC,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,CAAA;QACrC,MAAM,gBAAgB,GAAG,CAAC,KAAK,IAAI,SAAS,KAAK,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;QAC5F,MAAM,eAAe,GAAG,CAAC,KAAK,IAAI,SAAS,KAAK,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;AAE1F,QAAA,MAAM,gBAAgB,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,GAAG,gBAAgB,CAAC,CAAC,CAAA;AAC3F,QAAA,MAAM,eAAe,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,UAAU,GAAG,MAAM,GAAG,eAAe,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAA;AAC7I,QAAA,OAAO,CAAC,gBAAgB,EAAE,eAAe,CAAC,CAAA;KAC3C;AAED,IAAA,6BAA6B,CAAE,KAAa,EAAE,KAAa,EAAE,YAAoB,EAAA;AAC/E,QAAA,OAAO,6BAA6B,CAAC;YACnC,KAAK;YACL,aAAa,EAAE,IAAI,CAAC,UAAU;AAC9B,YAAA,aAAa,EAAE,YAAY;YAC3B,UAAU,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC;AAC3C,YAAA,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC;AACpC,YAAA,YAAY,EAAE,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC;AACxC,SAAA,CAAC,CAAA;KACH;AAIF,CAAA;;;;;"}

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

@@ -0,0 +1,40 @@
+import { defaultItemKey } from "../../utils/index.js";
+import ListMap from "./list-map.js";
+import { VirtualWaterfallProps } from "./index.js";
+interface IProps extends Partial<VirtualWaterfallProps> {
+    children?: VirtualWaterfallProps['item'];
+    itemKey?: typeof defaultItemKey;
+    itemTagName?: string;
+    innerTagName?: string;
+    outerTagName?: string;
+    outerRef?: React.Ref<HTMLElement> | string;
+    onItemsRendered?: TFunc;
+    shouldResetStyleCacheOnItemSizeChange?: boolean;
+}
+declare class Preset {
+    #private;
+    protected props: IProps;
+    protected refresh?: TFunc;
+    itemMap: ListMap;
+    constructor(props: IProps, refresh?: TFunc);
+    wrapperHeight: number;
+    wrapperWidth: number;
+    columns: number;
+    columnWidth: number;
+    diffList: number[];
+    init(props: IProps): void;
+    update(props: IProps): void;
+    updateWrapper(id: string): Promise<void>;
+    get id(): string;
+    get isRelative(): boolean;
+    get placeholderCount(): number;
+    get outerElement(): string | import("react").ComponentType<{}>;
+    get innerElement(): string | import("react").ComponentType<{}>;
+    get itemElement(): string | import("react").ComponentType<{}>;
+    get field(): Record<string, number>;
+    set field(o: Record<string, number>);
+    isShaking(diff?: number): boolean;
+    getItemStyleCache: import("memoize-one").MemoizedFn<(_itemSize?: IProps['itemSize'] | false) => {}>;
+    getItemStyle(index: number): any;
+}
+export { IProps, Preset as default };

package/dist/components/virtual-waterfall/preset.js

@@ -0,0 +1,153 @@
+import { __classPrivateFieldGet } from '../../node_modules/.pnpm/registry.npmjs.org_tslib@2.5.0/node_modules/tslib/tslib.es6.js';
+import { isWebPlatform } from '@tarojs/shared';
+import memoizeOne from 'memoize-one';
+import '../../utils/index.js';
+import ListMap from './list-map.js';
+import { getRectSizeSync } from '../../utils/dom.js';
+import { isCosDistributing } from '../../utils/math.js';
+import { convertNumber2PX } from '../../utils/convert.js';
+
+var _Preset_wrapperField;
+const isWeb = isWebPlatform();
+let INSTANCE_ID = 0;
+class Preset {
+    constructor(props, refresh) {
+        this.props = props;
+        this.refresh = refresh;
+        _Preset_wrapperField.set(this, {
+            scrollLeft: 0,
+            scrollTop: 0,
+            scrollHeight: 0,
+            scrollWidth: 0,
+            clientHeight: 0,
+            clientWidth: 0,
+            diffOffset: 0
+        });
+        this.wrapperHeight = 0;
+        this.wrapperWidth = 0;
+        this.columns = 2;
+        this.columnWidth = 0;
+        this.diffList = [0, 0, 0];
+        this.getItemStyleCache = memoizeOne((_itemSize) => {
+            // TODO: Cache of item styles, keyed by item index.
+            return {};
+        });
+        this.init(this.props);
+        this.itemMap = new ListMap(this.columns, props, refresh);
+    }
+    init(props) {
+        this.props = props;
+    }
+    update(props) {
+        this.props = props;
+        this.itemMap.update(props);
+    }
+    async updateWrapper(id) {
+        var _a;
+        var _b;
+        const { width = 0, height = 0, column, columnWidth } = this.props;
+        const validWidth = typeof width === 'number' && width > 0;
+        const validHeight = typeof height === 'number' && height > 0;
+        if (validWidth) {
+            this.wrapperWidth = width;
+        }
+        if (validHeight) {
+            this.wrapperHeight = height;
+            this.itemMap.clientSize = height;
+        }
+        if (!validHeight || !validWidth) {
+            const res = await getRectSizeSync(`#${id}`, 100);
+            this.wrapperWidth || (this.wrapperWidth = res.width);
+            this.wrapperHeight || (this.wrapperHeight = res.height);
+            (_b = this.itemMap).clientSize || (_b.clientSize = res.height);
+            (_a = this.refresh) === null || _a === void 0 ? void 0 : _a.call(this);
+        }
+        if (typeof column === 'number' && column > 0) {
+            this.columns = column;
+            this.columnWidth = this.wrapperWidth / column;
+        }
+        else if (typeof columnWidth === 'number' && columnWidth > 0) {
+            this.columns = Math.floor(this.wrapperWidth / columnWidth);
+            this.columnWidth = columnWidth;
+        }
+        else {
+            this.columns = 2;
+            this.columnWidth = this.wrapperWidth / this.columns;
+        }
+        this.itemMap.updateColumns(this.columns, this.props);
+    }
+    get id() {
+        return `virtual-waterfall-${INSTANCE_ID++}`;
+    }
+    get isRelative() {
+        return this.props.position === 'relative';
+    }
+    get placeholderCount() {
+        return this.props.placeholderCount || 0;
+    }
+    get outerElement() {
+        return this.props.outerElementType || this.props.outerTagName || 'div';
+    }
+    get innerElement() {
+        return this.props.innerElementType || this.props.innerTagName || 'div';
+    }
+    get itemElement() {
+        return this.props.itemElementType || this.props.itemTagName || 'div';
+    }
+    get field() {
+        return __classPrivateFieldGet(this, _Preset_wrapperField, "f");
+    }
+    set field(o) {
+        Object.assign(__classPrivateFieldGet(this, _Preset_wrapperField, "f"), o);
+    }
+    isShaking(diff) {
+        if (isWeb)
+            return false;
+        const list = this.diffList.slice(-3);
+        this.diffList.push(diff);
+        return list.findIndex(e => Math.abs(e) === Math.abs(diff)) !== -1 || isCosDistributing(this.diffList.slice(-4));
+    }
+    getItemStyle(index) {
+        const { itemSize, shouldResetStyleCacheOnItemSizeChange } = this.props;
+        const itemStyleCache = this.getItemStyleCache(shouldResetStyleCacheOnItemSizeChange ? itemSize : false);
+        let style;
+        const [, nodeOffset, nodeSize] = this.itemMap.getItemInfo(index);
+        const offset = convertNumber2PX(nodeOffset);
+        const size = convertNumber2PX(nodeSize);
+        if (itemStyleCache.hasOwnProperty(index)) {
+            // Note: style is frozen.
+            style = Object.assign({}, itemStyleCache[index]);
+            style.height = size;
+            if (!this.isRelative) {
+                style.top = offset;
+            }
+        }
+        else {
+            if (this.isRelative) {
+                itemStyleCache[index] = style = {
+                    height: size,
+                    width: '100%'
+                };
+            }
+            else {
+                itemStyleCache[index] = style = {
+                    position: 'absolute',
+                    left: 0,
+                    top: offset,
+                    height: size,
+                    width: '100%'
+                };
+            }
+        }
+        for (const k in style) {
+            if (style.hasOwnProperty(k)) {
+                style[k] = convertNumber2PX(style[k]);
+            }
+        }
+        return style;
+    }
+}
+_Preset_wrapperField = new WeakMap();
+
+export { Preset as default };
+//# sourceMappingURL=preset.js.map

package/dist/components/virtual-waterfall/preset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preset.js","sources":["../../../src/components/virtual-waterfall/preset.ts"],"sourcesContent":["import { isWebPlatform } from '@tarojs/shared'\nimport memoizeOne from 'memoize-one'\n\nimport { convertNumber2PX, defaultItemKey, getRectSizeSync, isCosDistributing } from '../../utils'\nimport ListMap from './list-map'\n\nimport type { VirtualWaterfallProps } from './'\n\nconst isWeb = isWebPlatform()\n\nlet INSTANCE_ID = 0\n\nexport interface IProps extends Partial<VirtualWaterfallProps> {\n  children?: VirtualWaterfallProps['item']\n  itemKey?: typeof defaultItemKey\n  itemTagName?: string\n  innerTagName?: string\n  outerTagName?: string\n  outerRef?: React.Ref<HTMLElement> | string\n  onItemsRendered?: TFunc\n  shouldResetStyleCacheOnItemSizeChange?: boolean\n}\n\nexport default class Preset {\n  itemMap: ListMap\n\n  constructor (protected props: IProps, protected refresh?: TFunc) {\n    this.init(this.props)\n    this.itemMap = new ListMap(this.columns, props, refresh)\n  }\n\n  #wrapperField = {\n    scrollLeft: 0,\n    scrollTop: 0,\n    scrollHeight: 0,\n    scrollWidth: 0,\n    clientHeight: 0,\n    clientWidth: 0,\n    diffOffset: 0\n  }\n\n  wrapperHeight = 0\n  wrapperWidth = 0\n  columns = 2\n  columnWidth = 0\n\n  diffList: number[] = [0, 0, 0]\n\n  init (props: IProps) {\n    this.props = props\n  }\n\n  update (props: IProps) {\n    this.props = props\n    this.itemMap.update(props)\n  }\n\n  async updateWrapper (id: string) {\n    const { width = 0, height = 0, column, columnWidth } = this.props\n    const validWidth = typeof width === 'number' && width > 0\n    const validHeight = typeof height === 'number' && height > 0\n    if (validWidth) {\n      this.wrapperWidth = width\n    }\n    if (validHeight) {\n      this.wrapperHeight = height\n      this.itemMap.clientSize = height\n    }\n\n    if (!validHeight || !validWidth) {\n      const res = await getRectSizeSync(`#${id}`, 100)\n      this.wrapperWidth ||= res.width\n      this.wrapperHeight ||= res.height\n      this.itemMap.clientSize ||= res.height\n      this.refresh?.()\n    }\n\n    if (typeof column === 'number' && column > 0) {\n      this.columns = column\n      this.columnWidth = this.wrapperWidth / column\n    } else if (typeof columnWidth === 'number' && columnWidth > 0) {\n      this.columns = Math.floor(this.wrapperWidth / columnWidth)\n      this.columnWidth = columnWidth\n    } else {\n      this.columns = 2\n      this.columnWidth = this.wrapperWidth / this.columns\n    }\n    this.itemMap.updateColumns(this.columns, this.props)\n  }\n\n  get id () {\n    return `virtual-waterfall-${INSTANCE_ID++}`\n  }\n\n  get isRelative () {\n    return this.props.position === 'relative'\n  }\n\n  get placeholderCount () {\n    return this.props.placeholderCount || 0\n  }\n\n  get outerElement () {\n    return this.props.outerElementType || this.props.outerTagName || 'div'\n  }\n\n  get innerElement () {\n    return this.props.innerElementType || this.props.innerTagName || 'div'\n  }\n\n  get itemElement () {\n    return this.props.itemElementType || this.props.itemTagName || 'div'\n  }\n\n  get field () {\n    return this.#wrapperField\n  }\n\n  set field (o: Record<string, number>) {\n    Object.assign(this.#wrapperField, o)\n  }\n\n  isShaking (diff?: number) {\n    if (isWeb) return false\n    const list = this.diffList.slice(-3)\n    this.diffList.push(diff)\n    return list.findIndex(e => Math.abs(e) === Math.abs(diff)) !== -1 || isCosDistributing(this.diffList.slice(-4))\n  }\n\n  getItemStyleCache = memoizeOne((\n    _itemSize?: IProps['itemSize'] | false,\n  ) => {\n    // TODO: Cache of item styles, keyed by item index.\n    return {}\n  })\n\n  getItemStyle (index: number) {\n    const {\n      itemSize,\n      shouldResetStyleCacheOnItemSizeChange\n    } = this.props\n\n    const itemStyleCache = this.getItemStyleCache(\n      shouldResetStyleCacheOnItemSizeChange ? itemSize : false,\n    )\n\n    let style\n\n    const [, nodeOffset, nodeSize] = this.itemMap.getItemInfo(index)\n    const offset = convertNumber2PX(nodeOffset)\n    const size = convertNumber2PX(nodeSize)\n    if (itemStyleCache.hasOwnProperty(index)) {\n      // Note: style is frozen.\n      style = { ...itemStyleCache[index] }\n      style.height = size\n      if (!this.isRelative) {\n        style.top = offset\n      }\n    } else {\n      if (this.isRelative) {\n        itemStyleCache[index] = style = {\n          height: size,\n          width: '100%'\n        }\n      } else {\n        itemStyleCache[index] = style = {\n          position: 'absolute',\n          left: 0,\n          top: offset,\n          height: size,\n          width: '100%'\n        }\n      }\n    }\n\n    for (const k in style) {\n      if (style.hasOwnProperty(k)) {\n        style[k] = convertNumber2PX(style[k])\n      }\n    }\n\n    return style\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/components/virtual-waterfall/react/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { VirtualWaterfallProps } from "../index.js";
+declare const VirtualWaterfall: React.ForwardRefExoticComponent<Omit<VirtualWaterfallProps<any>, "ref"> & React.RefAttributes<unknown>>;
+export { VirtualWaterfall as default };

package/dist/components/virtual-waterfall/react/index.js

@@ -0,0 +1,38 @@
+import { __rest } from '../../../node_modules/.pnpm/registry.npmjs.org_tslib@2.5.0/node_modules/tslib/tslib.es6.js';
+import { ScrollView, View } from '@tarojs/components';
+import React from 'react';
+import { convertPX2Int } from '../../../utils/convert.js';
+import Waterfall from './waterfall.js';
+
+const OuterScrollView = React.forwardRef(function OuterScrollView(props, ref) {
+    const _a = props, { id, className, style, onScroll, onScrollNative } = _a, rest = __rest(_a, ["id", "className", "style", "onScroll", "onScrollNative"]);
+    const handleScroll = (event) => {
+        onScroll(Object.assign(Object.assign({}, event), { currentTarget: Object.assign(Object.assign({}, event.detail), { clientWidth: convertPX2Int(style.width), clientHeight: convertPX2Int(style.height) }) }));
+        if (typeof onScrollNative === 'function') {
+            onScrollNative(event);
+        }
+    };
+    return React.createElement(ScrollView, Object.assign({ ref,
+        id,
+        className,
+        style, scrollY: true, onScroll: handleScroll }, rest));
+});
+const VirtualWaterfall = React.forwardRef(function VirtualWaterfall(props, ref) {
+    const _a = props, { outerElementType = OuterScrollView, innerElementType = View, itemElementType = View, initialScrollOffset = 0, overscanDistance = 50 } = _a, rest = __rest(_a, ["outerElementType", "innerElementType", "itemElementType", "initialScrollOffset", "overscanDistance"]);
+    if ('children' in rest) {
+        console.warn('Taro(VirtualWaterfall): children props have been deprecated. ' + 'Please use the item props instead.');
+        rest.item = rest.children;
+    }
+    if (rest.item instanceof Array) {
+        console.warn('Taro(VirtualWaterfall): item should not be an array');
+        rest.item = rest.item[0];
+    }
+    return React.createElement(Waterfall, Object.assign(Object.assign({ ref }, rest), { outerElementType,
+        itemElementType,
+        innerElementType,
+        initialScrollOffset,
+        overscanDistance }));
+});
+
+export { VirtualWaterfall as default };
+//# sourceMappingURL=index.js.map

package/dist/components/virtual-waterfall/react/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/virtual-waterfall/react/index.ts"],"sourcesContent":["import { type BaseEventOrig, ScrollView, View } from '@tarojs/components'\nimport React from 'react'\n\nimport { convertPX2Int } from '../../../utils/convert'\nimport Waterfall from './waterfall'\n\nimport type { VirtualWaterfallProps } from '../'\nimport type { IProps } from '../preset'\n\nconst OuterScrollView = React.forwardRef(\n  function OuterScrollView (props, ref) {\n    const { id, className, style, onScroll, onScrollNative, ...rest } = props as IProps\n    const handleScroll = (event: BaseEventOrig<VirtualWaterfallProps.IVirtualWaterfallEventDetail>) => {\n      onScroll({\n        ...event as any,\n        currentTarget: {\n          ...event.detail,\n          clientWidth: convertPX2Int(style.width),\n          clientHeight: convertPX2Int(style.height)\n        } as any\n      })\n\n      if (typeof onScrollNative === 'function') {\n        onScrollNative(event)\n      }\n    }\n\n    return React.createElement<any>(ScrollView, {\n      ref,\n      id,\n      className,\n      style,\n      scrollY: true,\n      onScroll: handleScroll,\n      ...rest\n    })\n  }\n)\n\nconst VirtualWaterfall = React.forwardRef(function VirtualWaterfall (props: VirtualWaterfallProps, ref) {\n  const {\n    outerElementType = OuterScrollView,\n    innerElementType = View,\n    itemElementType = View,\n    initialScrollOffset = 0,\n    overscanDistance = 50,\n    ...rest\n  } = props as IProps\n\n  if ('children' in rest) {\n    console.warn('Taro(VirtualWaterfall): children props have been deprecated. ' + 'Please use the item props instead.')\n    rest.item = rest.children as IProps['item']\n  }\n  if (rest.item instanceof Array) {\n    console.warn('Taro(VirtualWaterfall): item should not be an array')\n    rest.item = rest.item[0]\n  }\n  return React.createElement(Waterfall, {\n    ref,\n    ...rest,\n    outerElementType,\n    itemElementType,\n    innerElementType,\n    initialScrollOffset,\n    overscanDistance,\n  })\n})\n\nexport default VirtualWaterfall\n"],"names":[],"mappings":";;;;;;AASA,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CACtC,SAAS,eAAe,CAAE,KAAK,EAAE,GAAG,EAAA;AAClC,IAAA,MAAM,KAA8D,KAAe,EAA7E,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,cAAc,EAA6B,GAAA,EAAA,EAAxB,IAAI,GAAzD,MAAA,CAAA,EAAA,EAAA,CAAA,IAAA,EAAA,WAAA,EAAA,OAAA,EAAA,UAAA,EAAA,gBAAA,CAA2D,CAAkB,CAAA;AACnF,IAAA,MAAM,YAAY,GAAG,CAAC,KAAwE,KAAI;AAChG,QAAA,QAAQ,CACH,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,KAAY,CACf,EAAA,EAAA,aAAa,EAAE,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACV,KAAK,CAAC,MAAM,CAAA,EAAA,EACf,WAAW,EAAE,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC,EACvC,YAAY,EAAE,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,EAAA,CACnC,IACR,CAAA;AAEF,QAAA,IAAI,OAAO,cAAc,KAAK,UAAU,EAAE;YACxC,cAAc,CAAC,KAAK,CAAC,CAAA;AACtB,SAAA;AACH,KAAC,CAAA;AAED,IAAA,OAAO,KAAK,CAAC,aAAa,CAAM,UAAU,kBACxC,GAAG;QACH,EAAE;QACF,SAAS;QACT,KAAK,EACL,OAAO,EAAE,IAAI,EACb,QAAQ,EAAE,YAAY,EAAA,EACnB,IAAI,CAAA,CACP,CAAA;AACJ,CAAC,CACF,CAAA;AAEK,MAAA,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,gBAAgB,CAAE,KAA4B,EAAE,GAAG,EAAA;AACpG,IAAA,MAAM,EAOF,GAAA,KAAe,EAPb,EACJ,gBAAgB,GAAG,eAAe,EAClC,gBAAgB,GAAG,IAAI,EACvB,eAAe,GAAG,IAAI,EACtB,mBAAmB,GAAG,CAAC,EACvB,gBAAgB,GAAG,EAAE,EAAA,GAAA,EAEJ,EADd,IAAI,GANH,MAAA,CAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,kBAAA,EAAA,iBAAA,EAAA,qBAAA,EAAA,kBAAA,CAOL,CAAkB,CAAA;IAEnB,IAAI,UAAU,IAAI,IAAI,EAAE;AACtB,QAAA,OAAO,CAAC,IAAI,CAAC,+DAA+D,GAAG,oCAAoC,CAAC,CAAA;AACpH,QAAA,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,QAA0B,CAAA;AAC5C,KAAA;AACD,IAAA,IAAI,IAAI,CAAC,IAAI,YAAY,KAAK,EAAE;AAC9B,QAAA,OAAO,CAAC,IAAI,CAAC,qDAAqD,CAAC,CAAA;QACnE,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;AACzB,KAAA;IACD,OAAO,KAAK,CAAC,aAAa,CAAC,SAAS,gCAClC,GAAG,EAAA,EACA,IAAI,CAAA,EAAA,EACP,gBAAgB;QAChB,eAAe;QACf,gBAAgB;QAChB,mBAAmB;AACnB,QAAA,gBAAgB,IAChB,CAAA;AACJ,CAAC;;;;"}

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

@@ -0,0 +1,30 @@
+import React from 'react';
+import ListMap from "../list-map.js";
+import Preset from "../preset.js";
+import { IProps } from "../preset.js";
+interface IState {
+    id: string;
+    instance: Waterfall;
+    isScrolling: boolean;
+    scrollDirection: 'forward' | 'backward';
+    scrollOffset: number;
+    scrollUpdateWasRequested: boolean;
+    refreshCount: number;
+}
+declare class Waterfall extends React.PureComponent<IProps, IState> {
+    #private;
+    static defaultProps: IProps;
+    itemMap: ListMap;
+    preset: Preset;
+    constructor(props: IProps);
+    refresh: () => void;
+    scrollTo(scrollOffset?: number): Promise<any>;
+    scrollToItem(index: number, align?: string): void;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: IProps, prevState: IState): void;
+    componentWillUnmount(): void;
+    getRenderItemNode(index: number, type?: 'node' | 'placeholder'): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    getRenderColumnNode(index: number): React.ReactElement<{}, string | React.JSXElementConstructor<any>>;
+    render(): React.ReactElement<{}, string | React.JSXElementConstructor<any>>;
+}
+export { Waterfall as default };

package/dist/components/virtual-waterfall/react/waterfall.js

@@ -0,0 +1,285 @@
+import { __classPrivateFieldSet, __classPrivateFieldGet, __rest } from '../../../node_modules/.pnpm/registry.npmjs.org_tslib@2.5.0/node_modules/tslib/tslib.es6.js';
+import classNames from 'classnames';
+import memoizeOne from 'memoize-one';
+import React from 'react';
+import '../../../utils/index.js';
+import { IS_SCROLLING_DEBOUNCE_INTERVAL } from '../constants.js';
+import Preset from '../preset.js';
+import { cancelTimeout, requestTimeout } from '../../../utils/timer.js';
+import { getScrollViewContextNode } from '../../../utils/dom.js';
+import { defaultItemKey } from '../../../utils/helper.js';
+import { convertNumber2PX } from '../../../utils/convert.js';
+
+var _Waterfall_instances, _Waterfall_outerRef, _Waterfall_resetIsScrollingTimeoutId, _Waterfall_callOnItemsRendered, _Waterfall_callOnScroll, _Waterfall_callPropsCallbacks, _Waterfall_getRangeToRender, _Waterfall_outerRefSetter, _Waterfall_resetIsScrollingDebounced, _Waterfall_resetIsScrolling, _Waterfall_onScroll;
+class Waterfall extends React.PureComponent {
+    constructor(props) {
+        super(props);
+        _Waterfall_instances.add(this);
+        this.refresh = () => {
+            if (process.env.FRAMEWORK === 'preact') {
+                this.forceUpdate();
+            }
+            else {
+                this.setState(({ refreshCount }) => ({
+                    refreshCount: ++refreshCount
+                }));
+            }
+        };
+        _Waterfall_outerRef.set(this, undefined);
+        _Waterfall_resetIsScrollingTimeoutId.set(this, null);
+        _Waterfall_callOnItemsRendered.set(this, memoizeOne((columnIndex, overscanStartIndex, overscanStopIndex) => this.props.onItemsRendered({
+            columnIndex,
+            overscanStartIndex,
+            overscanStopIndex,
+        })));
+        _Waterfall_callOnScroll.set(this, memoizeOne((scrollDirection, scrollOffset, scrollUpdateWasRequested, detail) => this.props.onScroll({
+            scrollDirection,
+            scrollOffset,
+            scrollUpdateWasRequested,
+            detail
+        })));
+        _Waterfall_outerRefSetter.set(this, ref => {
+            const { outerRef } = this.props;
+            __classPrivateFieldSet(this, _Waterfall_outerRef, ref, "f");
+            if (typeof outerRef === 'function') {
+                outerRef(ref);
+            }
+            else if (outerRef != null && typeof outerRef === 'object' && outerRef.hasOwnProperty('current')) {
+                // @ts-ignore
+                outerRef.current = ref;
+            }
+        });
+        _Waterfall_resetIsScrollingDebounced.set(this, () => {
+            if (__classPrivateFieldGet(this, _Waterfall_resetIsScrollingTimeoutId, "f") !== null) {
+                cancelTimeout(__classPrivateFieldGet(this, _Waterfall_resetIsScrollingTimeoutId, "f"));
+            }
+            __classPrivateFieldSet(this, _Waterfall_resetIsScrollingTimeoutId, requestTimeout(__classPrivateFieldGet(this, _Waterfall_resetIsScrolling, "f"), IS_SCROLLING_DEBOUNCE_INTERVAL), "f");
+        });
+        _Waterfall_resetIsScrolling.set(this, () => {
+            __classPrivateFieldSet(this, _Waterfall_resetIsScrollingTimeoutId, null, "f");
+            this.setState({
+                isScrolling: false
+            }, () => {
+                // Clear style cache after state update has been committed.
+                // This way we don't break pure sCU for items that don't use isScrolling param.
+                this.preset.getItemStyleCache(-1);
+            });
+        });
+        _Waterfall_onScroll.set(this, event => {
+            const { scrollHeight = this.itemMap.maxColumnSize, scrollWidth, scrollTop, scrollLeft } = event.currentTarget;
+            const clientHeight = this.preset.wrapperHeight;
+            const clientWidth = this.preset.wrapperWidth;
+            this.setState((prevState) => {
+                const diffOffset = this.preset.field.scrollTop - scrollTop;
+                if (prevState.scrollOffset === scrollTop || this.preset.isShaking(diffOffset)) {
+                    // Scroll position may have been updated by cDM/cDU,
+                    // In which case we don't need to trigger another render,
+                    // And we don't want to update state.isScrolling.
+                    return null;
+                }
+                // FIXME preact 中使用时，该组件会出现触底滚动事件重复触发导致的抖动问题，后续修复
+                // Prevent Safari's elastic scrolling from causing visual shaking when scrolling past bounds.
+                const scrollOffset = Math.max(0, Math.min(scrollTop, scrollHeight - clientHeight));
+                this.preset.field = {
+                    scrollHeight: this.itemMap.maxColumnSize,
+                    scrollWidth,
+                    scrollTop: scrollOffset,
+                    scrollLeft,
+                    clientHeight,
+                    clientWidth,
+                    diffOffset: this.preset.field.scrollTop - scrollOffset,
+                };
+                return {
+                    isScrolling: true,
+                    scrollDirection: prevState.scrollOffset < scrollOffset ? 'forward' : 'backward',
+                    scrollOffset,
+                    scrollUpdateWasRequested: false
+                };
+            }, __classPrivateFieldGet(this, _Waterfall_resetIsScrollingDebounced, "f"));
+        });
+        this.preset = new Preset(props, this.refresh);
+        const id = this.props.id || this.preset.id;
+        this.preset.updateWrapper(id);
+        this.itemMap = this.preset.itemMap;
+        this.state = {
+            id,
+            instance: this,
+            isScrolling: false,
+            scrollDirection: 'forward',
+            scrollOffset: typeof this.props.initialScrollOffset === 'number'
+                ? this.props.initialScrollOffset
+                : 0,
+            scrollUpdateWasRequested: false,
+            refreshCount: 0,
+        };
+    }
+    scrollTo(scrollOffset = 0) {
+        const { enhanced } = this.props;
+        scrollOffset = Math.max(0, scrollOffset);
+        if (this.state.scrollOffset === scrollOffset)
+            return;
+        if (enhanced) {
+            const option = {
+                animated: true,
+                duration: 500
+            };
+            option.top = scrollOffset;
+            return getScrollViewContextNode(`#${this.state.id}`).then((node) => node.scrollTo(option));
+        }
+        this.setState((prevState) => {
+            if (prevState.scrollOffset === scrollOffset) {
+                return null;
+            }
+            return {
+                scrollDirection: prevState.scrollOffset < scrollOffset ? 'forward' : 'backward',
+                scrollOffset,
+                scrollUpdateWasRequested: true
+            };
+        }, __classPrivateFieldGet(this, _Waterfall_resetIsScrollingDebounced, "f"));
+    }
+    scrollToItem(index, align = 'auto') {
+        const { itemCount } = this.props;
+        const { scrollOffset } = this.state;
+        index = Math.max(0, Math.min(index, itemCount - 1));
+        this.scrollTo(this.itemMap.getOffsetForIndexAndAlignment(index, align, scrollOffset));
+    }
+    componentDidMount() {
+        const { initialScrollOffset } = this.props;
+        if (typeof initialScrollOffset === 'number' && __classPrivateFieldGet(this, _Waterfall_outerRef, "f") != null) {
+            __classPrivateFieldGet(this, _Waterfall_outerRef, "f").scrollTop = initialScrollOffset;
+        }
+        __classPrivateFieldGet(this, _Waterfall_instances, "m", _Waterfall_callPropsCallbacks).call(this);
+    }
+    componentDidUpdate(prevProps, prevState) {
+        const { scrollOffset, scrollUpdateWasRequested } = this.state;
+        this.preset.update(this.props);
+        if (scrollUpdateWasRequested && __classPrivateFieldGet(this, _Waterfall_outerRef, "f") != null) {
+            __classPrivateFieldGet(this, _Waterfall_outerRef, "f").scrollTop = scrollOffset;
+        }
+        __classPrivateFieldGet(this, _Waterfall_instances, "m", _Waterfall_callPropsCallbacks).call(this, prevProps, prevState);
+    }
+    componentWillUnmount() {
+        if (__classPrivateFieldGet(this, _Waterfall_resetIsScrollingTimeoutId, "f") !== null) {
+            cancelTimeout(__classPrivateFieldGet(this, _Waterfall_resetIsScrollingTimeoutId, "f"));
+        }
+    }
+    getRenderItemNode(index, type = 'node') {
+        const { item, itemData, itemKey = defaultItemKey, useIsScrolling } = this.props;
+        const { id, isScrolling } = this.state;
+        const key = itemKey(index, itemData);
+        if (type === 'placeholder') {
+            return React.createElement(this.preset.itemElement, {
+                key,
+                style: { display: 'none' }
+            });
+        }
+        const style = this.preset.getItemStyle(index);
+        return React.createElement(this.preset.itemElement, {
+            key,
+            style
+        }, React.createElement(item, {
+            id: `${id}-${index}`,
+            data: itemData,
+            index,
+            isScrolling: useIsScrolling ? isScrolling : undefined
+        }));
+    }
+    getRenderColumnNode(index) {
+        const { itemCount } = this.props;
+        const { id } = this.state;
+        const columnProps = {
+            key: `${id}-column-${index}`,
+            id: `${id}-column-${index}`,
+            style: {
+                height: '100%',
+                position: 'relative',
+                width: convertNumber2PX(this.preset.columnWidth)
+            }
+        };
+        const [startIndex, stopIndex] = __classPrivateFieldGet(this, _Waterfall_instances, "m", _Waterfall_getRangeToRender).call(this, index);
+        const items = [];
+        if (this.preset.isRelative) {
+            const [itemIndex] = this.itemMap.getItemsInfoFromPosition(index, startIndex);
+            const pre = convertNumber2PX(this.itemMap.getOffsetSize(itemIndex));
+            items.push(React.createElement(this.preset.itemElement, {
+                key: `${id}-${index}-pre`,
+                id: `${id}-${index}-pre`,
+                style: {
+                    height: pre,
+                    width: '100%'
+                }
+            }));
+        }
+        const placeholderCount = this.preset.placeholderCount;
+        let restCount = itemCount - stopIndex;
+        restCount = restCount > 0 ? restCount : 0;
+        const prevPlaceholder = startIndex < placeholderCount ? startIndex : placeholderCount;
+        const postPlaceholder = restCount < placeholderCount ? restCount : placeholderCount;
+        this.itemMap.updateItem((stopIndex + postPlaceholder) * this.preset.columns + index);
+        for (let i = startIndex - prevPlaceholder; i <= stopIndex + postPlaceholder; i++) {
+            const [itemIndex] = this.itemMap.getItemsInfoFromPosition(index, i);
+            if (i < startIndex || i > stopIndex) {
+                items.push(this.getRenderItemNode(itemIndex, 'placeholder'));
+            }
+            else {
+                items.push(this.getRenderItemNode(itemIndex));
+            }
+        }
+        return React.createElement(this.preset.innerElement, columnProps, items);
+    }
+    render() {
+        const _a = this.props, { className, style, height, width, enhanced = false } = _a, rest = __rest(_a, ["className", "style", "height", "width", "enhanced"]);
+        const { id, isScrolling, scrollOffset, scrollUpdateWasRequested } = this.state;
+        const estimatedHeight = convertNumber2PX(this.itemMap.maxColumnSize);
+        const outerProps = Object.assign(Object.assign({}, rest), { id, className: classNames(className, 'virtual-waterfall'), onScroll: __classPrivateFieldGet(this, _Waterfall_onScroll, "f"), ref: __classPrivateFieldGet(this, _Waterfall_outerRefSetter, "f"), enhanced, style: Object.assign({ height: convertNumber2PX(height), width: convertNumber2PX(width), overflow: 'auto', WebkitOverflowScrolling: 'touch', willChange: 'transform' }, style) });
+        if (!enhanced) {
+            outerProps.scrollTop = scrollUpdateWasRequested ? scrollOffset : this.preset.field.scrollTop;
+        }
+        const columns = this.preset.columns;
+        const columnNodes = [];
+        for (let i = 0; i < columns; i++) {
+            columnNodes.push(this.getRenderColumnNode(i));
+        }
+        return React.createElement(this.preset.outerElement, outerProps, React.createElement(this.preset.innerElement, {
+            className: classNames(className, 'virtual-waterfall-wrapper'),
+            style: Object.assign({ display: 'flex', justifyContent: 'space-evenly', pointerEvents: isScrolling ? 'none' : 'auto', position: 'relative', height: estimatedHeight, width: '100%' }, style),
+        }, columnNodes));
+    }
+}
+_Waterfall_outerRef = new WeakMap(), _Waterfall_resetIsScrollingTimeoutId = new WeakMap(), _Waterfall_callOnItemsRendered = new WeakMap(), _Waterfall_callOnScroll = new WeakMap(), _Waterfall_outerRefSetter = new WeakMap(), _Waterfall_resetIsScrollingDebounced = new WeakMap(), _Waterfall_resetIsScrolling = new WeakMap(), _Waterfall_onScroll = new WeakMap(), _Waterfall_instances = new WeakSet(), _Waterfall_callPropsCallbacks = function _Waterfall_callPropsCallbacks(prevProps = {}, prevState = {}) {
+    if (typeof this.props.onItemsRendered === 'function') {
+        if (this.props.itemCount > 0) {
+            if (prevProps && prevProps.itemCount !== this.props.itemCount) {
+                for (let columnIndex = 0; columnIndex < this.preset.columns; columnIndex++) {
+                    const [overscanStartIndex, overscanStopIndex] = __classPrivateFieldGet(this, _Waterfall_instances, "m", _Waterfall_getRangeToRender).call(this, columnIndex);
+                    __classPrivateFieldGet(this, _Waterfall_callOnItemsRendered, "f").call(this, columnIndex, overscanStartIndex, overscanStopIndex);
+                }
+            }
+        }
+    }
+    if (typeof this.props.onScroll === 'function') {
+        if (!prevState ||
+            prevState.scrollDirection !== this.state.scrollDirection ||
+            prevState.scrollOffset !== this.state.scrollOffset ||
+            prevState.scrollUpdateWasRequested !== this.state.scrollUpdateWasRequested) {
+            __classPrivateFieldGet(this, _Waterfall_callOnScroll, "f").call(this, this.state.scrollDirection, this.state.scrollOffset, this.state.scrollUpdateWasRequested, this.preset.field);
+        }
+    }
+    // setTimeout(() => {
+    //   const [startIndex, stopIndex] = this.#getRangeToRender()
+    //   for (let index = startIndex; index <= stopIndex; index++) {
+    //     this.#getSizeUploadSync(index)
+    //   }
+    // }, 0)
+}, _Waterfall_getRangeToRender = function _Waterfall_getRangeToRender(columnIndex = 0) {
+    return this.itemMap.getRangeToRender(this.state.scrollDirection, columnIndex, this.state.scrollOffset, this.state.isScrolling);
+};
+Waterfall.defaultProps = {
+    itemData: undefined,
+    overscanDistance: 50,
+    useIsScrolling: false,
+    shouldResetStyleCacheOnItemSizeChange: true
+};
+
+export { Waterfall as default };
+//# sourceMappingURL=waterfall.js.map