@tarojs/components-advanced 3.7.0-alpha.7 → 3.7.0-alpha.8

package/dist/components/index.d.ts

@@ -1 +1,2 @@
 export * from "./virtual-list/index.js";
+export * from "./virtual-waterfall/index.js";

package/dist/components/index.js

@@ -1,2 +1,3 @@
 export { VirtualList } from './virtual-list/index.js';
+export { VirtualWaterfall } from './virtual-waterfall/index.js';
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -1,6 +1,6 @@
 import { BaseEventOrig, BaseEventOrigFunction, ScrollViewProps, StandardProps } from '@tarojs/components';
 import { Component, ComponentType, CSSProperties, ReactNode } from 'react';
-interface VirtualListProps extends Omit<StandardProps, 'children'> {
+interface VirtualListProps<T = any> extends Omit<StandardProps, 'children'> {
     /** 列表的高度。 */
     height: string | number;
     /** 列表的宽度。 */
@@ -9,10 +9,8 @@ interface VirtualListProps extends Omit<StandardProps, 'children'> {
     item: ComponentType<{
         /** 组件 ID */
         id: string;
-        /** 单项的样式，样式必须传入组件的 style 中 */
-        style?: CSSProperties;
         /** 组件渲染的数据 */
-        data: any;
+        data: T[];
         /** 组件渲染数据的索引 */
         index: number;
         /** 组件是否正在滚动，当 useIsScrolling 值为 true 时返回布尔值，否则返回 undefined */
@@ -21,53 +19,73 @@ interface VirtualListProps extends Omit<StandardProps, 'children'> {
     /** 列表的长度 */
     itemCount: number;
     /** 渲染数据 */
-    itemData: any[];
+    itemData: T[];
     /** 列表单项的大小，垂直滚动时为高度，水平滚动时为宽度。
      *
      * > Note:
      * >  - unlimitedSize 模式下如果传入函数，只会调用一次用于设置初始值
      * >  - 非 unlimitedSize 模式下如果传入函数，为避免性能问题，每个节点只会调用一次用于设置初始值
      */
-    itemSize: number | ((index?: number, itemData?: any[]) => number);
-    /** 解开高度列表单项大小限制，默认值使用: itemSize (请注意，初始高度与实际高度差异过大会导致隐患)。
+    itemSize: number | ((index?: number, itemData?: T[]) => number);
+    /** 解开高度列表单项大小限制，默认值使用: itemSize。
      *
-     * > Note: 通过 itemSize 设置的初始高度与子节点实际高度差异过大会导致隐患
+     * > Note: 通过 itemSize 设置的初始高度与子节点实际高度差异过大会导致隐患，建议将单页大小设置接近于现实高度，在该模式下可以提升用户体验。
      * @default false
      */
     unlimitedSize?: boolean;
     /** 布局方式
      * @default "absolute"
      */
-    position?: 'absolute' | 'relative';
+    position?: 'absolute' | 'relative' | 'brick';
+    /** 滚动方向。vertical 为垂直滚动，horizontal 为平行滚动。
+     * @default "vertical"
+     */
+    layout?: 'vertical' | 'horizontal';
     /** 初始滚动偏移值，水平滚动影响 scrollLeft，垂直滚动影响 scrollTop。 */
     initialScrollOffset?: number;
-    /** 列表内部容器组件类型。
-     * @default View
+    /** 在可视区域之外渲染的列表单项数量，值设置得越高，快速滚动时出现白屏的概率就越小，相应地，每次滚动的性能会变得越差。 */
+    overscanCount?: number;
+    /** 上下滚动预占位节点 */
+    placeholderCount?: number;
+    /** 触顶事件触发时距页面顶部距离
+     * @default 50
      */
-    innerElementType?: ComponentType;
+    upperThreshold?: number;
+    /** 触底事件触发时距页面底部距离
+     * @default 50
+     */
+    lowerThreshold?: number;
+    /** 是否注入 isScrolling 属性到 item 组件。这个参数一般用于实现滚动骨架屏（或其它 placeholder） 时比较有用。 */
+    useIsScrolling?: boolean;
     /** 通过 ScrollViewContext 优化组件滚动性能
      * @default false
      * @note 部分平台不支持，使用时请注意甄别
      */
     enhanced?: boolean;
+    /** 列表外部容器组件类型。
+     * @default ScrollView
+     */
+    outerElementType?: ComponentType | string;
+    /** 列表内部容器组件类型。
+     * @default View
+     */
+    innerElementType?: ComponentType | string;
+    /** 列表子节点容器组件类型。
+     * @default View
+     */
+    itemElementType?: ComponentType | string;
     /** 顶部区域 */
     renderTop?: ReactNode;
     /** 底部区域 */
     renderBottom?: ReactNode;
-    /** 滚动方向。vertical 为垂直滚动，horizontal 为平行滚动。
-     * @default "vertical"
-     */
-    layout?: 'vertical' | 'horizontal';
     /** 列表滚动时调用函数 */
     onScroll?: (event: VirtualListProps.IVirtualListEvent<VirtualListProps.IVirtualListEventDetail>) => void;
     /** 调用平台原生的滚动监听函数。 */
     onScrollNative?: BaseEventOrigFunction<ScrollViewProps.onScrollDetail>;
-    /** 在可视区域之外渲染的列表单项数量，值设置得越高，快速滚动时出现白屏的概率就越小，相应地，每次滚动的性能会变得越差。 */
-    overscanCount?: number;
-    /** 上下滚动预占位节点 */
-    placeholderCount?: number;
-    /** 是否注入 isScrolling 属性到 item 组件。这个参数一般用于实现滚动骨架屏（或其它 placeholder） 时比较有用。 */
-    useIsScrolling?: boolean;
+    /** 触顶事件 */
+    onScrollToUpper?: () => void;
+    /** 触底事件 */
+    onScrollToLower?: () => void;
     style?: CSSProperties;
 }
 declare namespace VirtualListProps {
@@ -76,6 +94,9 @@ declare namespace VirtualListProps {
         scrollTop: number;
         scrollHeight: number;
         scrollWidth: number;
+        clientHeight: number;
+        clientWidth: number;
+        diffOffset: number;
     }
     interface IVirtualListEvent<T extends ScrollViewProps.onScrollDetail = ScrollViewProps.onScrollDetail> extends BaseEventOrig {
         /** 滚动方向，可能值为 forward 往前， backward 往后。 */
@@ -84,7 +105,7 @@ declare namespace VirtualListProps {
         scrollOffset: number;
         /** 当滚动是由 scrollTo() 或 scrollToItem() 调用时返回 true，否则返回 false */
         scrollUpdateWasRequested: boolean;
-        /** 当前只有 React 支持 */
+        /** 滚动信息 */
         detail: T;
     }
 }
@@ -99,9 +120,9 @@ declare namespace VirtualListProps {
  *   return Array(100).fill(0).map((_, i) => i + offset);
  * }
  *
- * const Row = React.memo(({ id, index, style, data }) => {
+ * const Row = React.memo(({ id, index, data }) => {
  *   return (
- *     <View id={id} className={index % 2 ? 'ListItemOdd' : 'ListItemEven'} style={style}>
+ *     <View id={id} className={index % 2 ? 'ListItemOdd' : 'ListItemEven'}>
  *       Row {index}
  *     </View>
  *   );
@@ -141,7 +162,6 @@ declare namespace VirtualListProps {
  * <template>
  *   <view
  *     :class="index % 2 ? 'ListItemOdd' : 'ListItemEven'"
- *     :style="css"
  *   >
  *     Row {{ index }} : {{ data[index] }}
  *   </view>
@@ -149,7 +169,7 @@ declare namespace VirtualListProps {
  *
  * <script>
  * export default {
- *   props: ['index', 'data', 'css']
+ *   props: ['index', 'data']
  * }
  * </script>
  * ```
@@ -157,7 +177,6 @@ declare namespace VirtualListProps {
  * <! –– page.vue 页面组件 ––>
  * <template>
  *   <virtual-list
- *     wclass="List"
  *     :height="500"
  *     :item-data="list"
  *     :item-count="list.length"
@@ -194,7 +213,7 @@ declare class VirtualListComponent extends Component<VirtualListProps> {
     /**
      * 滚动到指定的地点。
      */
-    scrollTo(scrollOffset: number): void;
+    scrollTo(scrollOffset: number, enhanced?: boolean): void;
     /** 滚动到指定的条目。
      * @param index 指定条目的索引。
      * @param align 滚动到指定条目时，指定条目的位置。默认值为 auto。
@@ -215,7 +234,7 @@ declare class VirtualListComponent extends Component<VirtualListProps> {
      * - auto：尽可能滚动距离最小保证条目在可视区域中，如果已经在可视区域，就不滚动。
      * - smart：条目如果已经在可视区域，就不滚动；如果有部分在可视区域，尽可能滚动距离最小保证条目在可视区域中；如果条目完全不在可视区域，那就滚动到条目在可视区域居中显示。
      */
-    scrollToItem(index: number, align: 'start' | 'end' | 'center' | 'auto' | 'smart'): void;
+    scrollToItem(index: number, align: 'start' | 'end' | 'center' | 'auto' | 'smart', enhanced?: boolean): void;
 }
 type VirtualList = VirtualListComponent;
 declare const VirtualList: typeof VirtualListComponent;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/virtual-list/index.ts"],"sourcesContent":["import type { BaseEventOrig, BaseEventOrigFunction, ScrollViewProps, StandardProps } from '@tarojs/components'\nimport type { Component, ComponentType, CSSProperties, ReactNode } from 'react'\n\ninterface VirtualListProps extends Omit<StandardProps, 'children'> {\n  /** 列表的高度。 */\n  height: string | number\n  /** 列表的宽度。 */\n  width: string | number\n  /** 子组件 */\n  item: ComponentType<{\n    /** 组件 ID */\n    id: string\n    /** 单项的样式，样式必须传入组件的 style 中 */\n    style?: CSSProperties\n    /** 组件渲染的数据 */\n    data: any\n    /** 组件渲染数据的索引 */\n    index: number\n    /** 组件是否正在滚动，当 useIsScrolling 值为 true 时返回布尔值，否则返回 undefined */\n    isScrolling?: boolean\n  }>\n  /** 列表的长度 */\n  itemCount: number\n  /** 渲染数据 */\n  itemData: any[]\n  /** 列表单项的大小，垂直滚动时为高度，水平滚动时为宽度。\n   *\n   * > Note:\n   * >  - unlimitedSize 模式下如果传入函数，只会调用一次用于设置初始值\n   * >  - 非 unlimitedSize 模式下如果传入函数，为避免性能问题，每个节点只会调用一次用于设置初始值\n   */\n  itemSize: number | ((index?: number, itemData?: any[]) => number)\n  /** 解开高度列表单项大小限制，默认值使用: itemSize (请注意，初始高度与实际高度差异过大会导致隐患)。\n   *\n   * > Note: 通过 itemSize 设置的初始高度与子节点实际高度差异过大会导致隐患\n   * @default false\n   */\n  unlimitedSize?: boolean\n  /** 布局方式\n   * @default \"absolute\"\n   */\n  position?: 'absolute' | 'relative'\n  /** 初始滚动偏移值，水平滚动影响 scrollLeft，垂直滚动影响 scrollTop。 */\n  initialScrollOffset?: number\n  /** 列表内部容器组件类型。\n   * @default View\n   */\n  innerElementType?: ComponentType\n  /** 通过 ScrollViewContext 优化组件滚动性能\n   * @default false\n   * @note 部分平台不支持，使用时请注意甄别\n   */\n  enhanced?: boolean\n  /** 顶部区域 */\n  renderTop?: ReactNode\n  /** 底部区域 */\n  renderBottom?: ReactNode\n  /** 滚动方向。vertical 为垂直滚动，horizontal 为平行滚动。\n   * @default \"vertical\"\n   */\n  layout?: 'vertical' | 'horizontal'\n  /** 列表滚动时调用函数 */\n  onScroll?: (event: VirtualListProps.IVirtualListEvent<VirtualListProps.IVirtualListEventDetail>) => void\n  /** 调用平台原生的滚动监听函数。 */\n  onScrollNative?: BaseEventOrigFunction<ScrollViewProps.onScrollDetail>\n  /** 在可视区域之外渲染的列表单项数量，值设置得越高，快速滚动时出现白屏的概率就越小，相应地，每次滚动的性能会变得越差。 */\n  overscanCount?: number\n  /** 上下滚动预占位节点 */\n  placeholderCount?: number\n  /** 是否注入 isScrolling 属性到 item 组件。这个参数一般用于实现滚动骨架屏（或其它 placeholder） 时比较有用。 */\n  useIsScrolling?: boolean\n  style?: CSSProperties\n}\n\ndeclare namespace VirtualListProps {\n  interface IVirtualListEventDetail extends ScrollViewProps.onScrollDetail {\n    scrollLeft: number\n    scrollTop: number\n    scrollHeight: number\n    scrollWidth: number\n  }\n\n  interface IVirtualListEvent<T extends ScrollViewProps.onScrollDetail = ScrollViewProps.onScrollDetail> extends BaseEventOrig {\n    /** 滚动方向，可能值为 forward 往前， backward 往后。 */\n    scrollDirection: 'forward' | 'backward'\n    /** 滚动距离 */\n    scrollOffset: number\n    /** 当滚动是由 scrollTo() 或 scrollToItem() 调用时返回 true，否则返回 false */\n    scrollUpdateWasRequested: boolean\n    /** 当前只有 React 支持 */\n    detail: T\n  }\n}\n\n/** 虚拟列表\n * @classification viewContainer\n * @supported weapp, swan, alipay, tt, qq, jd, h5\n * @example_react\n * ```tsx\n * import VirtualList from `@tarojs/components/virtual-list`\n *\n * function buildData (offset = 0) {\n *   return Array(100).fill(0).map((_, i) => i + offset);\n * }\n *\n * const Row = React.memo(({ id, index, style, data }) => {\n *   return (\n *     <View id={id} className={index % 2 ? 'ListItemOdd' : 'ListItemEven'} style={style}>\n *       Row {index}\n *     </View>\n *   );\n * })\n *\n * export default class Index extends Component {\n *   state = {\n *     data: buildData(0),\n *   }\n *\n *   render() {\n *     const { data } = this.state\n *     const dataLen = data.length\n *     return (\n *       <VirtualList\n *         height={500} // 列表的高度\n *         width='100%' // 列表的宽度\n *         item={Row} // 列表单项组件，这里只能传入一个组件\n *         itemData={data} // 渲染列表的数据\n *         itemCount={dataLen} // 渲染列表的长度\n *         itemSize={100} // 列表单项的高度\n *       />\n *     );\n *   }\n * }\n * ```\n * @example_vue\n * ```js\n * // app.js 入口文件\n * import Vue from 'vue'\n * import VirtualList from '@tarojs/components/virtual-list'\n *\n * Vue.use(VirtualList)\n * ```\n * ```js\n * <! –– row.vue 单项组件 ––>\n * <template>\n *   <view\n *     :class=\"index % 2 ? 'ListItemOdd' : 'ListItemEven'\"\n *     :style=\"css\"\n *   >\n *     Row {{ index }} : {{ data[index] }}\n *   </view>\n * </template>\n *\n * <script>\n * export default {\n *   props: ['index', 'data', 'css']\n * }\n * </script>\n * ```\n * ```js\n * <! –– page.vue 页面组件 ––>\n * <template>\n *   <virtual-list\n *     wclass=\"List\"\n *     :height=\"500\"\n *     :item-data=\"list\"\n *     :item-count=\"list.length\"\n *     :item-size=\"100\"\n *     :item=\"Row\"\n *     width=\"100%\"\n *   />\n * </template>\n *\n * <script>\n * import Row from './row.vue'\n * import { markRaw } from 'vue'\n *\n * function buildData (offset = 0) {\n *   return Array(100).fill(0).map((_, i) => i + offset)\n * }\n *\n * export default {\n *   data() {\n *     return {\n *       Row: markRaw(Row),\n *       list: buildData(0)\n *     }\n *   },\n * }\n * </script>\n * ```\n * @see https://taro-docs.jd.com/docs/virtual-list\n */\ndeclare class VirtualListComponent extends Component<VirtualListProps> {\n  /**\n   * 滚动到指定的地点。\n   */\n  public scrollTo(scrollOffset: number): void\n\n  /** 滚动到指定的条目。\n   * @param index 指定条目的索引。\n   * @param align 滚动到指定条目时，指定条目的位置。默认值为 auto。\n   *\n   * - start：指定条目在可视区域的顶部。\n   * - end：指定条目在可视区域的底部。\n   * - center：指定条目在可视区域的中间。\n   * - auto：尽可能滚动距离最小保证条目在可视区域中，如果已经在可视区域，就不滚动。\n   * - smart：条目如果已经在可视区域，就不滚动；如果有部分在可视区域，尽可能滚动距离最小保证条目在可视区域中；如果条目完全不在可视区域，那就滚动到条目在可视区域居中显示。\n   */\n  public scrollToItem(index: number, align: 'start' | 'end' | 'center' | 'auto' | 'smart'): void\n}\n\ndeclare type VirtualList = VirtualListComponent\nconst VirtualList: typeof VirtualListComponent = (process.env.FRAMEWORK === 'vue' || process.env.FRAMEWORK === 'vue3')\n  ? require('./vue').default\n  : require('./react').default\n\nexport { VirtualList, VirtualListProps }\nexport default VirtualList\n"],"names":[],"mappings":"AAqNA,MAAM,WAAW,GAAgC,CAAC,OAAO,CAAC,GAAG,CAAC,SAAS,KAAK,KAAK,IAAI,OAAO,CAAC,GAAG,CAAC,SAAS,KAAK,MAAM;AACnH,MAAE,OAAO,CAAC,OAAO,CAAC,CAAC,OAAO;AAC1B,MAAE,OAAO,CAAC,SAAS,CAAC,CAAC;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/virtual-list/index.ts"],"sourcesContent":["import type { BaseEventOrig, BaseEventOrigFunction, ScrollViewProps, StandardProps } from '@tarojs/components'\nimport type { Component, ComponentType, CSSProperties, ReactNode } from 'react'\n\ninterface VirtualListProps<T = any> extends Omit<StandardProps, 'children'> {\n  /** 列表的高度。 */\n  height: string | number\n  /** 列表的宽度。 */\n  width: string | number\n  /** 子组件 */\n  item: ComponentType<{\n    /** 组件 ID */\n    id: string\n    /** 组件渲染的数据 */\n    data: T[]\n    /** 组件渲染数据的索引 */\n    index: number\n    /** 组件是否正在滚动，当 useIsScrolling 值为 true 时返回布尔值，否则返回 undefined */\n    isScrolling?: boolean\n  }>\n  /** 列表的长度 */\n  itemCount: number\n  /** 渲染数据 */\n  itemData: T[]\n  /** 列表单项的大小，垂直滚动时为高度，水平滚动时为宽度。\n   *\n   * > Note:\n   * >  - unlimitedSize 模式下如果传入函数，只会调用一次用于设置初始值\n   * >  - 非 unlimitedSize 模式下如果传入函数，为避免性能问题，每个节点只会调用一次用于设置初始值\n   */\n  itemSize: number | ((index?: number, itemData?: T[]) => number)\n  /** 解开高度列表单项大小限制，默认值使用: itemSize。\n   *\n   * > Note: 通过 itemSize 设置的初始高度与子节点实际高度差异过大会导致隐患，建议将单页大小设置接近于现实高度，在该模式下可以提升用户体验。\n   * @default false\n   */\n  unlimitedSize?: boolean\n  /** 布局方式\n   * @default \"absolute\"\n   */\n  position?: 'absolute' | 'relative' | 'brick'\n  /** 滚动方向。vertical 为垂直滚动，horizontal 为平行滚动。\n   * @default \"vertical\"\n   */\n  layout?: 'vertical' | 'horizontal'\n  /** 初始滚动偏移值，水平滚动影响 scrollLeft，垂直滚动影响 scrollTop。 */\n  initialScrollOffset?: number\n  /** 在可视区域之外渲染的列表单项数量，值设置得越高，快速滚动时出现白屏的概率就越小，相应地，每次滚动的性能会变得越差。 */\n  overscanCount?: number\n  /** 上下滚动预占位节点 */\n  placeholderCount?: number\n  /** 触顶事件触发时距页面顶部距离\n   * @default 50\n   */\n  upperThreshold?: number\n  /** 触底事件触发时距页面底部距离\n   * @default 50\n   */\n  lowerThreshold?: number\n  /** 是否注入 isScrolling 属性到 item 组件。这个参数一般用于实现滚动骨架屏（或其它 placeholder） 时比较有用。 */\n  useIsScrolling?: boolean\n  /** 通过 ScrollViewContext 优化组件滚动性能\n   * @default false\n   * @note 部分平台不支持，使用时请注意甄别\n   */\n  enhanced?: boolean\n  /** 列表外部容器组件类型。\n   * @default ScrollView\n   */\n  outerElementType?: ComponentType | string\n  /** 列表内部容器组件类型。\n   * @default View\n   */\n  innerElementType?: ComponentType | string\n  /** 列表子节点容器组件类型。\n   * @default View\n   */\n  itemElementType?: ComponentType | string\n  /** 顶部区域 */\n  renderTop?: ReactNode\n  /** 底部区域 */\n  renderBottom?: ReactNode\n  /** 列表滚动时调用函数 */\n  onScroll?: (event: VirtualListProps.IVirtualListEvent<VirtualListProps.IVirtualListEventDetail>) => void\n  /** 调用平台原生的滚动监听函数。 */\n  onScrollNative?: BaseEventOrigFunction<ScrollViewProps.onScrollDetail>\n  /** 触顶事件 */\n  onScrollToUpper?: () => void\n  /** 触底事件 */\n  onScrollToLower?: () => void\n  style?: CSSProperties\n}\n\ndeclare namespace VirtualListProps {\n  interface IVirtualListEventDetail extends ScrollViewProps.onScrollDetail {\n    scrollLeft: number\n    scrollTop: number\n    scrollHeight: number\n    scrollWidth: number\n    clientHeight: number\n    clientWidth: number\n    diffOffset: number\n  }\n\n  interface IVirtualListEvent<T extends ScrollViewProps.onScrollDetail = ScrollViewProps.onScrollDetail> extends BaseEventOrig {\n    /** 滚动方向，可能值为 forward 往前， backward 往后。 */\n    scrollDirection: 'forward' | 'backward'\n    /** 滚动距离 */\n    scrollOffset: number\n    /** 当滚动是由 scrollTo() 或 scrollToItem() 调用时返回 true，否则返回 false */\n    scrollUpdateWasRequested: boolean\n    /** 滚动信息 */\n    detail: T\n  }\n}\n\n/** 虚拟列表\n * @classification viewContainer\n * @supported weapp, swan, alipay, tt, qq, jd, h5\n * @example_react\n * ```tsx\n * import VirtualList from `@tarojs/components/virtual-list`\n *\n * function buildData (offset = 0) {\n *   return Array(100).fill(0).map((_, i) => i + offset);\n * }\n *\n * const Row = React.memo(({ id, index, data }) => {\n *   return (\n *     <View id={id} className={index % 2 ? 'ListItemOdd' : 'ListItemEven'}>\n *       Row {index}\n *     </View>\n *   );\n * })\n *\n * export default class Index extends Component {\n *   state = {\n *     data: buildData(0),\n *   }\n *\n *   render() {\n *     const { data } = this.state\n *     const dataLen = data.length\n *     return (\n *       <VirtualList\n *         height={500} // 列表的高度\n *         width='100%' // 列表的宽度\n *         item={Row} // 列表单项组件，这里只能传入一个组件\n *         itemData={data} // 渲染列表的数据\n *         itemCount={dataLen} // 渲染列表的长度\n *         itemSize={100} // 列表单项的高度\n *       />\n *     );\n *   }\n * }\n * ```\n * @example_vue\n * ```js\n * // app.js 入口文件\n * import Vue from 'vue'\n * import VirtualList from '@tarojs/components/virtual-list'\n *\n * Vue.use(VirtualList)\n * ```\n * ```js\n * <! –– row.vue 单项组件 ––>\n * <template>\n *   <view\n *     :class=\"index % 2 ? 'ListItemOdd' : 'ListItemEven'\"\n *   >\n *     Row {{ index }} : {{ data[index] }}\n *   </view>\n * </template>\n *\n * <script>\n * export default {\n *   props: ['index', 'data']\n * }\n * </script>\n * ```\n * ```js\n * <! –– page.vue 页面组件 ––>\n * <template>\n *   <virtual-list\n *     :height=\"500\"\n *     :item-data=\"list\"\n *     :item-count=\"list.length\"\n *     :item-size=\"100\"\n *     :item=\"Row\"\n *     width=\"100%\"\n *   />\n * </template>\n *\n * <script>\n * import Row from './row.vue'\n * import { markRaw } from 'vue'\n *\n * function buildData (offset = 0) {\n *   return Array(100).fill(0).map((_, i) => i + offset)\n * }\n *\n * export default {\n *   data() {\n *     return {\n *       Row: markRaw(Row),\n *       list: buildData(0)\n *     }\n *   },\n * }\n * </script>\n * ```\n * @see https://taro-docs.jd.com/docs/virtual-list\n */\ndeclare class VirtualListComponent extends Component<VirtualListProps> {\n  /**\n   * 滚动到指定的地点。\n   */\n  public scrollTo(scrollOffset: number, enhanced?: boolean): void\n\n  /** 滚动到指定的条目。\n   * @param index 指定条目的索引。\n   * @param align 滚动到指定条目时，指定条目的位置。默认值为 auto。\n   *\n   * - start：指定条目在可视区域的顶部。\n   * - end：指定条目在可视区域的底部。\n   * - center：指定条目在可视区域的中间。\n   * - auto：尽可能滚动距离最小保证条目在可视区域中，如果已经在可视区域，就不滚动。\n   * - smart：条目如果已经在可视区域，就不滚动；如果有部分在可视区域，尽可能滚动距离最小保证条目在可视区域中；如果条目完全不在可视区域，那就滚动到条目在可视区域居中显示。\n   */\n  public scrollToItem(index: number, align: 'start' | 'end' | 'center' | 'auto' | 'smart', enhanced?: boolean): void\n}\n\ndeclare type VirtualList = VirtualListComponent\nconst VirtualList: typeof VirtualListComponent = (process.env.FRAMEWORK === 'vue' || process.env.FRAMEWORK === 'vue3')\n  ? require('./vue').default\n  : require('./react').default\n\nexport { VirtualList, VirtualListProps }\nexport default VirtualList\n"],"names":[],"mappings":"AAwOA,MAAM,WAAW,GAAgC,CAAC,OAAO,CAAC,GAAG,CAAC,SAAS,KAAK,KAAK,IAAI,OAAO,CAAC,GAAG,CAAC,SAAS,KAAK,MAAM;AACnH,MAAE,OAAO,CAAC,OAAO,CAAC,CAAC,OAAO;AAC1B,MAAE,OAAO,CAAC,SAAS,CAAC,CAAC;;;;"}

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

@@ -6,6 +6,9 @@ declare class ListSet {
     list: number[];
     mode?: 'normal' | 'function' | 'unlimited';
     defaultSize: number;
+    wrapperHeight: number;
+    wrapperWidth: number;
+    refreshCounter: number;
     constructor(props: TProps, refresh?: TFunc);
     get isNormalMode(): boolean;
     get isFunctionMode(): boolean;
@@ -17,6 +20,7 @@ declare class ListSet {
     setSize(i?: number, size?: number): void;
     getSize(i?: number): number;
     getOffsetSize(i?: number): number;
+    getOffsetSizeCache: import("memoize-one").MemoizedFn<(this: any, i?: any, _flag?: any) => number>;
     getSizeCount(offset?: number): number;
     getStartIndex(scrollOffset?: number): number;
     getStopIndex(wrapperSize?: number, scrollOffset?: number, startIndex?: number): number;

package/dist/components/virtual-list/list-set.js

@@ -1,5 +1,8 @@
 import { isFunction } from '@tarojs/shared';
+import memoizeOne from 'memoize-one';
+import '../../utils/index.js';
 import { isHorizontalFunc } from './utils.js';
+import { getOffsetForIndexAndAlignment } from '../../utils/helper.js';
 
 class ListSet {
     constructor(props, refresh) {
@@ -7,6 +10,12 @@ class ListSet {
         this.refresh = refresh;
         this.list = [];
         this.defaultSize = 1;
+        this.wrapperHeight = 0;
+        this.wrapperWidth = 0;
+        this.refreshCounter = 0;
+        this.getOffsetSizeCache = memoizeOne((i = this.list.length, _flag = this.refreshCounter) => {
+            return this.getOffsetSize(i);
+        });
         this.update(props);
         // Note: 不考虑列表模式切换情况，可能会导致列表抖动体验过差
         if (this.props.unlimitedSize) {
@@ -39,13 +48,7 @@ class ListSet {
         return this.props.overscanCount || 0;
     }
     get wrapperSize() {
-        const { height, width } = this.props;
-        const isHorizontal = isHorizontalFunc(this.props);
-        const size = (isHorizontal ? width : height);
-        if (process.env.NODE_ENV !== 'production' && typeof size !== 'number') {
-            console.warn(`In mode ${isHorizontal ? 'horizontal, width' : 'vertical, height'} parameter should be a number, but got ${typeof size}.`);
-        }
-        return size;
+        return isHorizontalFunc(this.props) ? this.wrapperWidth : this.wrapperHeight;
     }
     update(props) {
         this.props = props;
@@ -61,6 +64,7 @@ class ListSet {
         var _a;
         this.list[i] = size;
         (_a = this.refresh) === null || _a === void 0 ? void 0 : _a.call(this);
+        this.refreshCounter++;
     }
     getSize(i = 0) {
         const size = this.props.itemSize;
@@ -80,9 +84,8 @@ class ListSet {
         return this.list.slice(0, i).reduce((sum, _, idx) => sum + this.getSize(idx), 0);
     }
     getSizeCount(offset = 0) {
-        if (offset === 0) {
+        if (offset === 0)
             return 0;
-        }
         // if (this.isNormalMode) {
         //   return Math.min(this.length - 1, Math.floor(offset / this.length))
         // }
@@ -100,7 +103,7 @@ class ListSet {
         return Math.max(0, this.getSizeCount(scrollOffset) - 1);
     }
     getStopIndex(wrapperSize = 0, scrollOffset = 0, startIndex = 0) {
-        // const visibleOffset = this.getOffsetSize(startIndex)
+        // const visibleOffset = this.getOffsetSizeCache(startIndex)
         // if (this.isNormalMode) {
         //   const numVisibleItems = Math.ceil((wrapperSize + scrollOffset - visibleOffset) / this.length)
         //   /** -1 is because stop index is inclusive */
@@ -112,9 +115,8 @@ class ListSet {
         if (this.length === 0) {
             return [0, 0, 0, 0];
         }
-        const wrapperSize = this.wrapperSize;
         const startIndex = this.getStartIndex(scrollOffset);
-        const stopIndex = this.getStopIndex(wrapperSize, scrollOffset, startIndex);
+        const stopIndex = this.getStopIndex(this.wrapperSize, scrollOffset, startIndex);
         // Overscan by one item in each direction so that tab/focus works. If there isn't at least one extra item, tab loops back around.
         const overscanBackward = !block || direction === 'backward' ? Math.max(1, this.overscan) : 1;
         const overscanForward = !block || direction === 'forward' ? Math.max(1, this.overscan) : 1;
@@ -126,53 +128,16 @@ class ListSet {
         ];
     }
     getOffsetForIndexAndAlignment(index, align, scrollOffset) {
-        const wrapperSize = this.wrapperSize;
-        const itemSize = this.getSize(index);
-        const lastItemOffset = Math.max(0, this.getOffsetSize(this.props.itemCount) - wrapperSize);
-        const maxOffset = Math.min(lastItemOffset, this.getOffsetSize(index));
-        const minOffset = Math.max(0, this.getOffsetSize(index) - wrapperSize + itemSize);
-        if (align === 'smart') {
-            if (scrollOffset >= minOffset - wrapperSize && scrollOffset <= maxOffset + wrapperSize) {
-                align = 'auto';
-            }
-            else {
-                align = 'center';
-            }
-        }
-        switch (align) {
-            case 'start':
-                return maxOffset;
-            case 'end':
-                return minOffset;
-            case 'center':
-                {
-                    // "Centered" offset is usually the average of the min and max.
-                    // But near the edges of the list, this doesn't hold true.
-                    const middleOffset = Math.round(minOffset + (maxOffset - minOffset) / 2);
-                    if (middleOffset < Math.ceil(wrapperSize / 2)) {
-                        return 0; // near the beginning
-                    }
-                    else if (middleOffset > lastItemOffset + Math.floor(wrapperSize / 2)) {
-                        return lastItemOffset; // near the end
-                    }
-                    else {
-                        return middleOffset;
-                    }
-                }
-            case 'auto':
-            default:
-                if (scrollOffset >= minOffset && scrollOffset <= maxOffset) {
-                    return scrollOffset;
-                }
-                else if (scrollOffset < minOffset) {
-                    return minOffset;
-                }
-                else {
-                    return maxOffset;
-                }
-        }
-    }
-    compareSize(i = 0, size = 0) {
+        return getOffsetForIndexAndAlignment({
+            align,
+            containerSize: this.wrapperSize,
+            currentOffset: scrollOffset,
+            scrollSize: this.getOffsetSizeCache(this.length),
+            slideSize: this.getSize(index),
+            targetOffset: this.getOffsetSizeCache(index),
+        });
+    }
+    compareSize(i = 0, size = this.defaultSize) {
         if (this.isNormalMode)
             return true;
         return this.getSize(i) === size;

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

@@ -1 +1 @@
-{"version":3,"file":"list-set.js","sources":["../../../src/components/virtual-list/list-set.ts"],"sourcesContent":["import { isFunction } from '@tarojs/shared'\n\nimport { isHorizontalFunc } from './utils'\n\nimport type { IProps } from './preset'\n\ntype TProps = Pick<IProps, 'width' | 'height' | 'unlimitedSize' | 'itemCount' | 'itemData' | 'itemSize' | 'overscanCount' | 'direction' | 'layout'>\n\nexport default class ListSet {\n  list: number[] = []\n  mode?: 'normal' | 'function' | 'unlimited'\n  defaultSize = 1\n\n  constructor (protected props: TProps, protected refresh?: TFunc) {\n    this.update(props)\n\n    // Note: 不考虑列表模式切换情况，可能会导致列表抖动体验过差\n    if (this.props.unlimitedSize) {\n      this.mode = 'unlimited'\n    } else if (isFunction(this.props.itemSize)) {\n      this.mode = 'function'\n    } else {\n      this.mode = 'normal'\n    }\n\n    this.defaultSize = (isFunction(this.props.itemSize) ? this.props.itemSize() : this.props.itemSize) || 1\n\n    if (!this.isNormalMode) {\n      this.list = new Array(this.length).fill(-1)\n    }\n  }\n\n  get isNormalMode () {\n    return this.mode === 'normal'\n  }\n\n  get isFunctionMode () {\n    return this.mode === 'function'\n  }\n\n  get isUnlimitedMode () {\n    return this.mode === 'unlimited'\n  }\n\n  get length () {\n    return this.props.itemCount || 100\n  }\n\n  get overscan () {\n    return this.props.overscanCount || 0\n  }\n\n  get wrapperSize () {\n    const { height, width } = this.props\n    const isHorizontal = isHorizontalFunc(this.props)\n    const size = (isHorizontal ? width : height) as number\n    if (process.env.NODE_ENV !== 'production' && typeof size !== 'number') {\n      console.warn(`In mode ${isHorizontal ? 'horizontal, width' : 'vertical, height'} parameter should be a number, but got ${typeof size}.`)\n    }\n    return size\n  }\n\n  update (props: TProps) {\n    this.props = props\n\n    if (this.length > this.list.length) {\n      const arr = new Array(this.length - this.list.length).fill(-1)\n      this.list.push(...arr)\n    } else if (this.length < this.list.length) {\n      this.list.length = this.length\n    }\n  }\n\n  setSize (i = 0, size = this.defaultSize) {\n    this.list[i] = size\n    this.refresh?.()\n  }\n\n  getSize (i = 0) {\n    const size = this.props.itemSize\n    const item = this.list[i]\n    if (item >= 0) return item\n\n    if (this.isFunctionMode && isFunction(size)) {\n      const itemSize = size(i, this.props.itemData)\n      this.setSize(i, itemSize)\n      return itemSize\n    }\n    return this.defaultSize\n  }\n\n  getOffsetSize (i = this.list.length) {\n    if (this.isNormalMode) return i * this.defaultSize\n    return this.list.slice(0, i).reduce((sum, _, idx) => sum + this.getSize(idx), 0)\n  }\n\n  getSizeCount (offset = 0) {\n    if (offset === 0) {\n      return 0\n    }\n    // if (this.isNormalMode) {\n    //   return Math.min(this.length - 1, Math.floor(offset / this.length))\n    // }\n    let offsetSize = 0\n    const count = this.list.reduce((sum, _, idx) => {\n      if (offsetSize < offset) {\n        offsetSize += this.getSize(idx)\n        return ++sum\n      }\n      return sum\n    }, 0)\n    return count - 1\n  }\n\n  getStartIndex (scrollOffset = 0) {\n    return Math.max(0, this.getSizeCount(scrollOffset) - 1)\n  }\n\n  getStopIndex (wrapperSize = 0, scrollOffset = 0, startIndex = 0) {\n    // const visibleOffset = this.getOffsetSize(startIndex)\n    // if (this.isNormalMode) {\n    //   const numVisibleItems = Math.ceil((wrapperSize + scrollOffset - visibleOffset) / this.length)\n    //   /** -1 is because stop index is inclusive */\n    //   return Math.max(startIndex, Math.min(this.length - 1, startIndex + numVisibleItems - 1))\n    // }\n    return Math.max(startIndex, Math.min(this.length - 1, this.getSizeCount(wrapperSize + scrollOffset)))\n  }\n\n  getRangeToRender (direction: 'forward' | 'backward', scrollOffset = 0, block = false) {\n    if (this.length === 0) {\n      return [0, 0, 0, 0]\n    }\n\n    const wrapperSize = this.wrapperSize\n    const startIndex = this.getStartIndex(scrollOffset)\n    const stopIndex = this.getStopIndex(wrapperSize, scrollOffset, startIndex)\n\n    // Overscan by one item in each direction so that tab/focus works. If there isn't at least one extra item, tab loops back around.\n    const overscanBackward = !block || direction === 'backward' ? Math.max(1, this.overscan) : 1\n    const overscanForward = !block || direction === 'forward' ? Math.max(1, this.overscan) : 1\n    return [\n      Math.max(0, startIndex - overscanBackward),\n      Math.max(0, Math.min(this.length - 1, stopIndex + overscanForward)),\n      startIndex,\n      stopIndex\n    ]\n  }\n\n  getOffsetForIndexAndAlignment (index: number, align: string, scrollOffset: number) {\n    const wrapperSize = this.wrapperSize\n    const itemSize = this.getSize(index)\n    const lastItemOffset = Math.max(0, this.getOffsetSize(this.props.itemCount) - wrapperSize)\n    const maxOffset = Math.min(lastItemOffset, this.getOffsetSize(index))\n    const minOffset = Math.max(0, this.getOffsetSize(index) - wrapperSize + itemSize)\n\n    if (align === 'smart') {\n      if (scrollOffset >= minOffset - wrapperSize && scrollOffset <= maxOffset + wrapperSize) {\n        align = 'auto'\n      } else {\n        align = 'center'\n      }\n    }\n\n    switch (align) {\n      case 'start':\n        return maxOffset\n\n      case 'end':\n        return minOffset\n\n      case 'center':\n      {\n        // \"Centered\" offset is usually the average of the min and max.\n        // But near the edges of the list, this doesn't hold true.\n        const middleOffset = Math.round(minOffset + (maxOffset - minOffset) / 2)\n\n        if (middleOffset < Math.ceil(wrapperSize / 2)) {\n          return 0 // near the beginning\n        } else if (middleOffset > lastItemOffset + Math.floor(wrapperSize / 2)) {\n          return lastItemOffset // near the end\n        } else {\n          return middleOffset\n        }\n      }\n\n      case 'auto':\n      default:\n        if (scrollOffset >= minOffset && scrollOffset <= maxOffset) {\n          return scrollOffset\n        } else if (scrollOffset < minOffset) {\n          return minOffset\n        } else {\n          return maxOffset\n        }\n    }\n  }\n\n  compareSize (i = 0, size = 0) {\n    if (this.isNormalMode) return true\n    return this.getSize(i) === size\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"list-set.js","sources":["../../../src/components/virtual-list/list-set.ts"],"sourcesContent":["import { isFunction } from '@tarojs/shared'\nimport memoizeOne from 'memoize-one'\n\nimport { getOffsetForIndexAndAlignment } from '../../utils'\nimport { isHorizontalFunc } from './utils'\n\nimport type { IProps } from './preset'\n\ntype TProps = Pick<IProps, 'width' | 'height' | 'unlimitedSize' | 'itemCount' | 'itemData' | 'itemSize' | 'overscanCount' | 'direction' | 'layout'>\n\nexport default class ListSet {\n  list: number[] = []\n  mode?: 'normal' | 'function' | 'unlimited'\n  defaultSize = 1\n\n  wrapperHeight = 0\n  wrapperWidth = 0\n\n  refreshCounter = 0\n\n  constructor (protected props: TProps, protected refresh?: TFunc) {\n    this.update(props)\n\n    // Note: 不考虑列表模式切换情况，可能会导致列表抖动体验过差\n    if (this.props.unlimitedSize) {\n      this.mode = 'unlimited'\n    } else if (isFunction(this.props.itemSize)) {\n      this.mode = 'function'\n    } else {\n      this.mode = 'normal'\n    }\n\n    this.defaultSize = (isFunction(this.props.itemSize) ? this.props.itemSize() : this.props.itemSize) || 1\n\n    if (!this.isNormalMode) {\n      this.list = new Array(this.length).fill(-1)\n    }\n  }\n\n  get isNormalMode () {\n    return this.mode === 'normal'\n  }\n\n  get isFunctionMode () {\n    return this.mode === 'function'\n  }\n\n  get isUnlimitedMode () {\n    return this.mode === 'unlimited'\n  }\n\n  get length () {\n    return this.props.itemCount || 100\n  }\n\n  get overscan () {\n    return this.props.overscanCount || 0\n  }\n\n  get wrapperSize () {\n    return isHorizontalFunc(this.props) ? this.wrapperWidth : this.wrapperHeight\n  }\n\n  update (props: TProps) {\n    this.props = props\n\n    if (this.length > this.list.length) {\n      const arr = new Array(this.length - this.list.length).fill(-1)\n      this.list.push(...arr)\n    } else if (this.length < this.list.length) {\n      this.list.length = this.length\n    }\n  }\n\n  setSize (i = 0, size = this.defaultSize) {\n    this.list[i] = size\n    this.refresh?.()\n    this.refreshCounter++\n  }\n\n  getSize (i = 0) {\n    const size = this.props.itemSize\n    const item = this.list[i]\n    if (item >= 0) return item\n\n    if (this.isFunctionMode && isFunction(size)) {\n      const itemSize = size(i, this.props.itemData)\n      this.setSize(i, itemSize)\n      return itemSize\n    }\n    return this.defaultSize\n  }\n\n  getOffsetSize (i = this.list.length) {\n    if (this.isNormalMode) return i * this.defaultSize\n    return this.list.slice(0, i).reduce((sum, _, idx) => sum + this.getSize(idx), 0)\n  }\n\n  getOffsetSizeCache = memoizeOne((i = this.list.length, _flag = this.refreshCounter) => {\n    return this.getOffsetSize(i)\n  })\n\n  getSizeCount (offset = 0) {\n    if (offset === 0) return 0\n    // if (this.isNormalMode) {\n    //   return Math.min(this.length - 1, Math.floor(offset / this.length))\n    // }\n    let offsetSize = 0\n    const count = this.list.reduce((sum, _, idx) => {\n      if (offsetSize < offset) {\n        offsetSize += this.getSize(idx)\n        return ++sum\n      }\n      return sum\n    }, 0)\n    return count - 1\n  }\n\n  getStartIndex (scrollOffset = 0) {\n    return Math.max(0, this.getSizeCount(scrollOffset) - 1)\n  }\n\n  getStopIndex (wrapperSize = 0, scrollOffset = 0, startIndex = 0) {\n    // const visibleOffset = this.getOffsetSizeCache(startIndex)\n    // if (this.isNormalMode) {\n    //   const numVisibleItems = Math.ceil((wrapperSize + scrollOffset - visibleOffset) / this.length)\n    //   /** -1 is because stop index is inclusive */\n    //   return Math.max(startIndex, Math.min(this.length - 1, startIndex + numVisibleItems - 1))\n    // }\n    return Math.max(startIndex, Math.min(this.length - 1, this.getSizeCount(wrapperSize + scrollOffset)))\n  }\n\n  getRangeToRender (direction: 'forward' | 'backward', scrollOffset = 0, block = false) {\n    if (this.length === 0) {\n      return [0, 0, 0, 0]\n    }\n\n    const startIndex = this.getStartIndex(scrollOffset)\n    const stopIndex = this.getStopIndex(this.wrapperSize, scrollOffset, startIndex)\n\n    // Overscan by one item in each direction so that tab/focus works. If there isn't at least one extra item, tab loops back around.\n    const overscanBackward = !block || direction === 'backward' ? Math.max(1, this.overscan) : 1\n    const overscanForward = !block || direction === 'forward' ? Math.max(1, this.overscan) : 1\n    return [\n      Math.max(0, startIndex - overscanBackward),\n      Math.max(0, Math.min(this.length - 1, stopIndex + overscanForward)),\n      startIndex,\n      stopIndex\n    ]\n  }\n\n  getOffsetForIndexAndAlignment (index: number, align: string, scrollOffset: number) {\n    return getOffsetForIndexAndAlignment({\n      align,\n      containerSize: this.wrapperSize,\n      currentOffset: scrollOffset,\n      scrollSize: this.getOffsetSizeCache(this.length),\n      slideSize: this.getSize(index),\n      targetOffset: this.getOffsetSizeCache(index),\n    })\n  }\n\n  compareSize (i = 0, size = this.defaultSize) {\n    if (this.isNormalMode) return true\n    return this.getSize(i) === size\n  }\n}\n"],"names":[],"mappings":"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"}

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

@@ -1,5 +1,7 @@
+import { IntersectionObserver } from '@tarojs/taro';
+import * as CSS from 'csstype';
+import { defaultItemKey } from "../../utils/index.js";
 import ListSet from "./list-set.js";
-import { defaultItemKey } from "./utils.js";
 import { VirtualListProps } from "./index.js";
 interface IProps extends Partial<VirtualListProps> {
     children?: VirtualListProps['item'];
@@ -8,17 +10,18 @@ interface IProps extends Partial<VirtualListProps> {
     itemTagName?: string;
     innerTagName?: string;
     outerTagName?: string;
-    itemElementType?: React.ComponentType | string;
-    outerElementType?: React.ComponentType | string;
     innerRef?: React.Ref<HTMLElement> | string;
     outerRef?: React.Ref<HTMLElement> | string;
     onItemsRendered?: TFunc;
     shouldResetStyleCacheOnItemSizeChange?: boolean;
+    outerWrapper?: React.FC;
 }
 declare class Preset {
     protected props: IProps;
     protected refresh?: TFunc;
     itemList: ListSet;
+    _id: string;
+    _observer: Record<string, IntersectionObserver>;
     constructor(props: IProps, refresh?: TFunc);
     wrapperField: {
         scrollLeft: number;
@@ -32,18 +35,30 @@ declare class Preset {
     diffList: number[];
     init(props: IProps): void;
     update(props: IProps): void;
+    updateWrapper(id: string): Promise<void>;
+    set id(id: string);
     get id(): string;
     get isHorizontal(): boolean;
     get isRtl(): boolean;
     get isRelative(): boolean;
+    get isBrick(): boolean;
     get placeholderCount(): number;
-    get outerTagName(): string | import("react").ComponentType<{}>;
-    get innerTagName(): string | import("react").ComponentType<{}>;
-    get itemTagName(): string | import("react").ComponentType<{}>;
+    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>);
+    get enhanced(): true;
     isShaking(diff?: number): boolean;
-    getItemStyleCache: import("memoize-one").MemoizedFn<(_itemSize?: IProps['itemSize'] | false, _layout?: IProps['layout'] | false, _direction?: IProps['direction'] | false) => {}>;
-    getItemStyle(index: number): any;
+    resetCache(): void;
+    getItemStyleCache: import("memoize-one").MemoizedFn<(this: any, itemIndex?: number, itemSize?: IProps['itemSize'] | false, _flag?: any) => CSS.Properties<string | number, string & {}>>;
+    getItemStyle(index: number): CSS.Properties<string | number, string & {}>;
+    boundaryDetection(): void;
+    boundaryDetectionHelper({ component, event, id, }: {
+        component?: TaroGeneral.IAnyObject;
+        event?: () => void;
+        id: string;
+    }): IntersectionObserver;
+    dispose(): void;
 }
 export { IProps, Preset as default };