@tarojs/components-advanced 3.6.0-beta.2 → 3.6.0-beta.4

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

@@ -1,166 +1,135 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import memoizeOne from 'memoize-one';
-import { convertNumber2PX, isCosDistributing } from '../../utils';
-import ListSet from './list-set';
-import { isHorizontalFunc, isRtlFunc } from './utils';
-var INSTANCE_ID = 0;
-var Preset = /*#__PURE__*/function () {
-  function Preset(props, refresh) {
-    _classCallCheck(this, Preset);
-    this.props = props;
-    this.refresh = refresh;
-    _defineProperty(this, "itemList", void 0);
-    _defineProperty(this, "wrapperField", {
-      scrollLeft: 0,
-      scrollTop: 0,
-      scrollHeight: 0,
-      scrollWidth: 0,
-      clientHeight: 0,
-      clientWidth: 0,
-      diffOffset: 0
-    });
-    _defineProperty(this, "diffList", [0, 0, 0]);
-    _defineProperty(this, "getItemStyleCache", memoizeOne(function (_itemSize, _layout, _direction) {
-      // TODO: Cache of item styles, keyed by item index.
-      return {};
-    }));
-    this.init(this.props);
-    this.itemList = new ListSet(props, refresh);
-  }
-  _createClass(Preset, [{
-    key: "init",
-    value: function init(props) {
-      this.props = props;
+import '../../utils/index.js';
+import ListSet from './list-set.js';
+import { isHorizontalFunc, isRtlFunc } from './utils.js';
+import { isCosDistributing } from '../../utils/math.js';
+import { convertNumber2PX } from '../../utils/convert.js';
+
+let INSTANCE_ID = 0;
+class Preset {
+    constructor(props, refresh) {
+        this.props = props;
+        this.refresh = refresh;
+        this.wrapperField = {
+            scrollLeft: 0,
+            scrollTop: 0,
+            scrollHeight: 0,
+            scrollWidth: 0,
+            clientHeight: 0,
+            clientWidth: 0,
+            diffOffset: 0
+        };
+        this.diffList = [0, 0, 0];
+        this.getItemStyleCache = memoizeOne((_itemSize, _layout, _direction) => {
+            // TODO: Cache of item styles, keyed by item index.
+            return {};
+        });
+        this.init(this.props);
+        this.itemList = new ListSet(props, refresh);
     }
-  }, {
-    key: "update",
-    value: function update(props) {
-      this.props = props;
-      this.itemList.update(props);
+    init(props) {
+        this.props = props;
     }
-  }, {
-    key: "id",
-    get: function get() {
-      return "virtual-list-".concat(INSTANCE_ID++);
+    update(props) {
+        this.props = props;
+        this.itemList.update(props);
     }
-  }, {
-    key: "isHorizontal",
-    get: function get() {
-      return isHorizontalFunc(this.props);
+    get id() {
+        return `virtual-list-${INSTANCE_ID++}`;
     }
-  }, {
-    key: "isRtl",
-    get: function get() {
-      return isRtlFunc(this.props);
+    get isHorizontal() {
+        return isHorizontalFunc(this.props);
     }
-  }, {
-    key: "isRelative",
-    get: function get() {
-      return this.props.position === 'relative';
+    get isRtl() {
+        return isRtlFunc(this.props);
     }
-  }, {
-    key: "placeholderCount",
-    get: function get() {
-      return this.props.placeholderCount >= 0 ? this.props.placeholderCount : this.props.overscanCount;
+    get isRelative() {
+        return this.props.position === 'relative';
     }
-  }, {
-    key: "outerTagName",
-    get: function get() {
-      return this.props.outerElementType || this.props.outerTagName || 'div';
+    get placeholderCount() {
+        return this.props.placeholderCount >= 0 ? this.props.placeholderCount : this.props.overscanCount;
     }
-  }, {
-    key: "innerTagName",
-    get: function get() {
-      return this.props.innerElementType || this.props.innerTagName || 'div';
+    get outerTagName() {
+        return this.props.outerElementType || this.props.outerTagName || 'div';
     }
-  }, {
-    key: "itemTagName",
-    get: function get() {
-      return this.props.itemElementType || this.props.itemTagName || 'div';
+    get innerTagName() {
+        return this.props.innerElementType || this.props.innerTagName || 'div';
     }
-  }, {
-    key: "field",
-    get: function get() {
-      return this.wrapperField;
-    },
-    set: function set(o) {
-      Object.assign(this.wrapperField, o);
-      // Object.keys(o).forEach(key => {
-      //   if (typeof o[key] === 'number' && typeof this.wrapperField[key] === 'number') {
-      //     this.wrapperField[key] = o[key]
-      //   }
-      // })
+    get itemTagName() {
+        return this.props.itemElementType || this.props.itemTagName || 'div';
     }
-  }, {
-    key: "isShaking",
-    value: function isShaking(diff) {
-      var list = this.diffList.slice(-3);
-      this.diffList.push(diff);
-      return list.findIndex(function (e) {
-        return Math.abs(e) === Math.abs(diff);
-      }) !== -1 || isCosDistributing(this.diffList.slice(-4));
+    get field() {
+        return this.wrapperField;
     }
-  }, {
-    key: "getItemStyle",
-    value: function getItemStyle(index) {
-      var _this$props = this.props,
-        direction = _this$props.direction,
-        itemSize = _this$props.itemSize,
-        layout = _this$props.layout,
-        shouldResetStyleCacheOnItemSizeChange = _this$props.shouldResetStyleCacheOnItemSizeChange;
-      var itemStyleCache = this.getItemStyleCache(shouldResetStyleCacheOnItemSizeChange ? itemSize : false, shouldResetStyleCacheOnItemSizeChange ? layout : false, shouldResetStyleCacheOnItemSizeChange ? direction : false);
-      var style;
-      var offset = convertNumber2PX(this.itemList.getOffsetSize(index));
-      var size = convertNumber2PX(this.itemList.getSize(index));
-      var isHorizontal = this.isHorizontal;
-      var isRtl = this.isRtl;
-      if (itemStyleCache.hasOwnProperty(index)) {
-        // Note: style is frozen.
-        style = _objectSpread({}, itemStyleCache[index]);
-        if (isHorizontal) {
-          style.width = size;
-          if (!this.isRelative) {
-            if (isRtl) {
-              style.right = offset;
-            } else {
-              style.left = offset;
+    set field(o) {
+        Object.assign(this.wrapperField, o);
+        // Object.keys(o).forEach(key => {
+        //   if (typeof o[key] === 'number' && typeof this.wrapperField[key] === 'number') {
+        //     this.wrapperField[key] = o[key]
+        //   }
+        // })
+    }
+    isShaking(diff) {
+        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 { direction, itemSize, layout, shouldResetStyleCacheOnItemSizeChange } = this.props;
+        const itemStyleCache = this.getItemStyleCache(shouldResetStyleCacheOnItemSizeChange ? itemSize : false, shouldResetStyleCacheOnItemSizeChange ? layout : false, shouldResetStyleCacheOnItemSizeChange ? direction : false);
+        let style;
+        const offset = convertNumber2PX(this.itemList.getOffsetSize(index));
+        const size = convertNumber2PX(this.itemList.getSize(index));
+        const isHorizontal = this.isHorizontal;
+        const isRtl = this.isRtl;
+        if (itemStyleCache.hasOwnProperty(index)) {
+            // Note: style is frozen.
+            style = Object.assign({}, itemStyleCache[index]);
+            if (isHorizontal) {
+                style.width = size;
+                if (!this.isRelative) {
+                    if (isRtl) {
+                        style.right = offset;
+                    }
+                    else {
+                        style.left = offset;
+                    }
+                }
+            }
+            else {
+                style.height = size;
+                if (!this.isRelative) {
+                    style.top = offset;
+                }
             }
-          }
-        } else {
-          style.height = size;
-          if (!this.isRelative) {
-            style.top = offset;
-          }
         }
-      } else {
-        if (this.isRelative) {
-          itemStyleCache[index] = style = {
-            height: !isHorizontal ? size : '100%',
-            width: isHorizontal ? size : '100%'
-          };
-        } else {
-          var offsetHorizontal = isHorizontal ? offset : 0;
-          itemStyleCache[index] = style = {
-            position: 'absolute',
-            left: !isRtl ? offsetHorizontal : undefined,
-            right: isRtl ? offsetHorizontal : undefined,
-            top: !isHorizontal ? offset : 0,
-            height: !isHorizontal ? size : '100%',
-            width: isHorizontal ? size : '100%'
-          };
+        else {
+            if (this.isRelative) {
+                itemStyleCache[index] = style = {
+                    height: !isHorizontal ? size : '100%',
+                    width: isHorizontal ? size : '100%'
+                };
+            }
+            else {
+                const offsetHorizontal = isHorizontal ? offset : 0;
+                itemStyleCache[index] = style = {
+                    position: 'absolute',
+                    left: !isRtl ? offsetHorizontal : undefined,
+                    right: isRtl ? offsetHorizontal : undefined,
+                    top: !isHorizontal ? offset : 0,
+                    height: !isHorizontal ? size : '100%',
+                    width: isHorizontal ? size : '100%'
+                };
+            }
         }
-      }
-      for (var k in style) {
-        if (style.hasOwnProperty(k)) {
-          style[k] = convertNumber2PX(style[k]);
+        for (const k in style) {
+            if (style.hasOwnProperty(k)) {
+                style[k] = convertNumber2PX(style[k]);
+            }
         }
-      }
-      return style;
+        return style;
     }
-  }]);
-  return Preset;
-}();
-export { Preset as default };
+}
+
+export { Preset as default };
+//# sourceMappingURL=preset.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"preset.js","sources":["../../../src/components/virtual-list/preset.ts"],"sourcesContent":["import memoizeOne from 'memoize-one'\n\nimport { convertNumber2PX, isCosDistributing } from '../../utils'\nimport ListSet from './list-set'\nimport { defaultItemKey, isHorizontalFunc, isRtlFunc } from './utils'\n\nimport type { VirtualListProps } from './'\n\nlet INSTANCE_ID = 0\n\nexport interface IProps extends Partial<VirtualListProps> {\n  children?: VirtualListProps['item']\n  direction?: 'ltr' | 'rtl' | 'horizontal' | 'vertical'\n  itemKey?: typeof defaultItemKey\n  itemTagName?: string\n  innerTagName?: string\n  outerTagName?: string\n  itemElementType?: React.ComponentType | string\n  outerElementType?: React.ComponentType | string\n  innerRef?: React.Ref<HTMLElement> | string\n  outerRef?: React.Ref<HTMLElement> | string\n  onItemsRendered?: TFunc\n  shouldResetStyleCacheOnItemSizeChange?: boolean\n}\n\nexport default class Preset {\n  itemList: ListSet\n\n  constructor (protected props: IProps, protected refresh?: TFunc) {\n    this.init(this.props)\n    this.itemList = new ListSet(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  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.itemList.update(props)\n  }\n\n  get id () {\n    return `virtual-list-${INSTANCE_ID++}`\n  }\n\n  get isHorizontal () {\n    return isHorizontalFunc(this.props)\n  }\n\n  get isRtl () {\n    return isRtlFunc(this.props)\n  }\n\n  get isRelative () {\n    return this.props.position === 'relative'\n  }\n\n  get placeholderCount () {\n    return this.props.placeholderCount >= 0 ? this.props.placeholderCount : this.props.overscanCount\n  }\n\n  get outerTagName () {\n    return this.props.outerElementType || this.props.outerTagName || 'div'\n  }\n\n  get innerTagName () {\n    return this.props.innerElementType || this.props.innerTagName || 'div'\n  }\n\n  get itemTagName () {\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    // Object.keys(o).forEach(key => {\n    //   if (typeof o[key] === 'number' && typeof this.wrapperField[key] === 'number') {\n    //     this.wrapperField[key] = o[key]\n    //   }\n    // })\n  }\n\n  isShaking (diff?: number) {\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    _layout?: IProps['layout'] | false,\n    _direction?: IProps['direction'] | false\n  ) => {\n    // TODO: Cache of item styles, keyed by item index.\n    return {}\n  })\n\n  getItemStyle (index: number) {\n    const {\n      direction,\n      itemSize,\n      layout,\n      shouldResetStyleCacheOnItemSizeChange\n    } = this.props\n\n    const itemStyleCache = this.getItemStyleCache(\n      shouldResetStyleCacheOnItemSizeChange ? itemSize : false,\n      shouldResetStyleCacheOnItemSizeChange ? layout : false,\n      shouldResetStyleCacheOnItemSizeChange ? direction : false\n    )\n\n    let style\n\n    const offset = convertNumber2PX(this.itemList.getOffsetSize(index))\n    const size = convertNumber2PX(this.itemList.getSize(index))\n    const isHorizontal = this.isHorizontal\n    const isRtl = this.isRtl\n    if (itemStyleCache.hasOwnProperty(index)) {\n      // Note: style is frozen.\n      style = { ...itemStyleCache[index] }\n      if (isHorizontal) {\n        style.width = size\n        if (!this.isRelative) {\n          if (isRtl) {\n            style.right = offset\n          } else {\n            style.left = offset\n          }\n        }\n      } else {\n        style.height = size\n        if (!this.isRelative) {\n          style.top = offset\n        }\n      }\n    } else {\n      if (this.isRelative) {\n        itemStyleCache[index] = style = {\n          height: !isHorizontal ? size : '100%',\n          width: isHorizontal ? size : '100%'\n        }\n      } else {\n        const offsetHorizontal = isHorizontal ? offset : 0\n        itemStyleCache[index] = style = {\n          position: 'absolute',\n          left: !isRtl ? offsetHorizontal : undefined,\n          right: isRtl ? offsetHorizontal : undefined,\n          top: !isHorizontal ? offset : 0,\n          height: !isHorizontal ? size : '100%',\n          width: isHorizontal ? size : '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-list/react/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import type { VirtualListProps } from '../';
+import { VirtualListProps } from "../index";
 declare const VirtualList: React.ForwardRefExoticComponent<Pick<VirtualListProps, "id" | "className" | "style" | "key" | "hidden" | "animation" | "dangerouslySetInnerHTML" | "onTouchStart" | "onTouchMove" | "onTouchCancel" | "onTouchEnd" | "onClick" | "onLongPress" | "onLongClick" | "onTransitionEnd" | "onAnimationStart" | "onAnimationIteration" | "onAnimationEnd" | "onTouchForceChange" | "height" | "width" | "item" | "itemCount" | "itemData" | "itemSize" | "unlimitedSize" | "position" | "initialScrollOffset" | "innerElementType" | "renderTop" | "renderBottom" | "layout" | "onScroll" | "onScrollNative" | "overscanCount" | "placeholderCount" | "useIsScrolling"> & React.RefAttributes<unknown>>;
-export default VirtualList;
+export { VirtualList as default };

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

@@ -1,67 +1,35 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["style", "onScroll", "onScrollNative", "layout"],
-  _excluded2 = ["direction", "innerElementType", "itemElementType", "initialScrollOffset", "overscanCount"];
+import { __rest } from 'tslib';
 import { ScrollView, View } from '@tarojs/components';
 import React from 'react';
-import { convertPX2Int } from '../../../utils/convert';
-import List from './list';
-var OuterScrollView = React.forwardRef(function OuterScrollView(props, ref) {
-  var _ref = props,
-    style = _ref.style,
-    onScroll = _ref.onScroll,
-    onScrollNative = _ref.onScrollNative,
-    layout = _ref.layout,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var handleScroll = function handleScroll(event) {
-    onScroll(_objectSpread(_objectSpread({}, event), {}, {
-      currentTarget: _objectSpread(_objectSpread({}, event.detail), {}, {
-        clientWidth: convertPX2Int(style.width),
-        clientHeight: convertPX2Int(style.height)
-      })
-    }));
-    if (typeof onScrollNative === 'function') {
-      onScrollNative(event);
-    }
-  };
-  return React.createElement(ScrollView, _objectSpread({
-    ref: ref,
-    style: style,
-    scrollY: layout === 'vertical',
-    scrollX: layout === 'horizontal',
-    onScroll: handleScroll
-  }, rest));
+import { convertPX2Int } from '../../../utils/convert.js';
+import List from './list.js';
+
+const OuterScrollView = React.forwardRef(function OuterScrollView(props, ref) {
+    const _a = props, { style, onScroll, onScrollNative, layout } = _a, rest = __rest(_a, ["style", "onScroll", "onScrollNative", "layout"]);
+    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,
+        style, scrollY: layout === 'vertical', scrollX: layout === 'horizontal', onScroll: handleScroll }, rest));
 });
-var VirtualList = React.forwardRef(function VirtualList(props, ref) {
-  var _ref2 = props,
-    _ref2$direction = _ref2.direction,
-    direction = _ref2$direction === void 0 ? 'ltr' : _ref2$direction,
-    _ref2$innerElementTyp = _ref2.innerElementType,
-    innerElementType = _ref2$innerElementTyp === void 0 ? View : _ref2$innerElementTyp,
-    _ref2$itemElementType = _ref2.itemElementType,
-    itemElementType = _ref2$itemElementType === void 0 ? View : _ref2$itemElementType,
-    _ref2$initialScrollOf = _ref2.initialScrollOffset,
-    initialScrollOffset = _ref2$initialScrollOf === void 0 ? 0 : _ref2$initialScrollOf,
-    _ref2$overscanCount = _ref2.overscanCount,
-    overscanCount = _ref2$overscanCount === void 0 ? 1 : _ref2$overscanCount,
-    rest = _objectWithoutProperties(_ref2, _excluded2);
-  if ('children' in rest) {
-    console.warn('Taro(VirtualList): children props have been deprecated. ' + 'Please use the item props instead.');
-    rest.item = rest.children;
-  }
-  if (rest.item instanceof Array) {
-    console.warn('Taro(VirtualList): item should not be an array');
-    rest.item = rest.item[0];
-  }
-  return React.createElement(List, _objectSpread(_objectSpread({
-    ref: ref
-  }, rest), {}, {
-    itemElementType: itemElementType,
-    innerElementType: innerElementType,
-    outerElementType: OuterScrollView,
-    direction: direction,
-    initialScrollOffset: initialScrollOffset,
-    overscanCount: overscanCount
-  }));
+const VirtualList = React.forwardRef(function VirtualList(props, ref) {
+    const _a = props, { direction = 'ltr', innerElementType = View, itemElementType = View, initialScrollOffset = 0, overscanCount = 1 } = _a, rest = __rest(_a, ["direction", "innerElementType", "itemElementType", "initialScrollOffset", "overscanCount"]);
+    if ('children' in rest) {
+        console.warn('Taro(VirtualList): children props have been deprecated. ' + 'Please use the item props instead.');
+        rest.item = rest.children;
+    }
+    if (rest.item instanceof Array) {
+        console.warn('Taro(VirtualList): item should not be an array');
+        rest.item = rest.item[0];
+    }
+    return React.createElement(List, Object.assign(Object.assign({ ref }, rest), { itemElementType,
+        innerElementType, outerElementType: OuterScrollView, direction,
+        initialScrollOffset,
+        overscanCount }));
 });
-export default VirtualList;
+
+export { VirtualList as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/virtual-list/react/index.ts"],"sourcesContent":["import { ScrollView, View } from '@tarojs/components'\nimport React from 'react'\n\nimport { convertPX2Int } from '../../../utils/convert'\nimport List from './list'\n\nimport type { BaseEventOrig } from '@tarojs/components'\nimport type { VirtualListProps } from '../'\nimport type { IProps } from '../preset'\n\nconst OuterScrollView = React.forwardRef(\n  function OuterScrollView (props, ref) {\n    const { style, onScroll, onScrollNative, layout, ...rest } = props as IProps\n    const handleScroll = (event: BaseEventOrig<VirtualListProps.IVirtualListEventDetail>) => {\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      style,\n      scrollY: layout === 'vertical',\n      scrollX: layout === 'horizontal',\n      onScroll: handleScroll,\n      ...rest\n    })\n  }\n)\n\nconst VirtualList = React.forwardRef(function VirtualList (props: VirtualListProps, ref) {\n  const {\n    direction = 'ltr',\n    innerElementType = View,\n    itemElementType = View,\n    initialScrollOffset = 0,\n    overscanCount = 1,\n    ...rest\n  } = props as IProps\n\n  if ('children' in rest) {\n    console.warn('Taro(VirtualList): 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(VirtualList): item should not be an array')\n    rest.item = rest.item[0]\n  }\n  return React.createElement(List, {\n    ref,\n    ...rest,\n    itemElementType,\n    innerElementType,\n    outerElementType: OuterScrollView,\n    direction,\n    initialScrollOffset,\n    overscanCount\n  })\n})\n\nexport default VirtualList\n"],"names":[],"mappings":";;;;;;AAUA,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CACtC,SAAS,eAAe,CAAE,KAAK,EAAE,GAAG,EAAA;AAClC,IAAA,MAAM,KAAuD,KAAe,EAAtE,EAAE,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAA6B,GAAA,EAAA,EAAxB,IAAI,GAAlD,MAAA,CAAA,EAAA,EAAA,CAAA,OAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,CAAoD,CAAkB,CAAA;AAC5E,IAAA,MAAM,YAAY,GAAG,CAAC,KAA8D,KAAI;AACtF,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;AACH,QAAA,KAAK,EACL,OAAO,EAAE,MAAM,KAAK,UAAU,EAC9B,OAAO,EAAE,MAAM,KAAK,YAAY,EAChC,QAAQ,EAAE,YAAY,EACnB,EAAA,IAAI,EACP,CAAA;AACJ,CAAC,CACF,CAAA;AAEK,MAAA,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,WAAW,CAAE,KAAuB,EAAE,GAAG,EAAA;AACrF,IAAA,MAAM,EAOF,GAAA,KAAe,EAPb,EACJ,SAAS,GAAG,KAAK,EACjB,gBAAgB,GAAG,IAAI,EACvB,eAAe,GAAG,IAAI,EACtB,mBAAmB,GAAG,CAAC,EACvB,aAAa,GAAG,CAAC,EAAA,GAAA,EAEA,EADd,IAAI,GANH,MAAA,CAAA,EAAA,EAAA,CAAA,WAAA,EAAA,kBAAA,EAAA,iBAAA,EAAA,qBAAA,EAAA,eAAA,CAOL,CAAkB,CAAA;IAEnB,IAAI,UAAU,IAAI,IAAI,EAAE;AACtB,QAAA,OAAO,CAAC,IAAI,CAAC,0DAA0D,GAAG,oCAAoC,CAAC,CAAA;AAC/G,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,gDAAgD,CAAC,CAAA;QAC9D,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;AACzB,KAAA;IACD,OAAO,KAAK,CAAC,aAAa,CAAC,IAAI,gCAC7B,GAAG,EAAA,EACA,IAAI,CAAA,EAAA,EACP,eAAe;AACf,QAAA,gBAAgB,EAChB,gBAAgB,EAAE,eAAe,EACjC,SAAS;QACT,mBAAmB;AACnB,QAAA,aAAa,IACb,CAAA;AACJ,CAAC;;;;"}

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

@@ -1,8 +1,8 @@
 import React from 'react';
-import ListSet from '../list-set';
-import Preset from '../preset';
-import type { IProps } from '../preset';
-export interface IState {
+import ListSet from "../list-set";
+import Preset from "../preset";
+import { IProps } from "../preset";
+interface IState {
     id: string;
     instance: List;
     isScrolling: boolean;
@@ -11,7 +11,7 @@ export interface IState {
     scrollUpdateWasRequested: boolean;
     refreshCount: number;
 }
-export default class List extends React.PureComponent<IProps, IState> {
+declare class List extends React.PureComponent<IProps, IState> {
     static defaultProps: IProps;
     static getDerivedStateFromProps(nextProps: IProps, prevState: IState): any;
     itemList: ListSet;
@@ -24,6 +24,10 @@ export default class List extends React.PureComponent<IProps, IState> {
     _callOnScroll: import("memoize-one").MemoizedFn<(this: any, scrollDirection: any, scrollOffset: any, scrollUpdateWasRequested: any, detail: any) => void>;
     _callPropsCallbacks(prevProps?: any, prevState?: any): void;
     _getSizeUploadSync: (index: number, isHorizontal: boolean) => Promise<unknown>;
+    // Lazily create and cache item styles while scrolling,
+    // So that pure component sCU will prevent re-renders.
+    // We maintain this cache, and pass a style prop rather than index,
+    // So that List can clear cached styles and force item re-render if necessary.
     _getRangeToRender(): number[];
     _onScrollHorizontal: (event: any) => void;
     _onScrollVertical: (event: any) => void;
@@ -37,3 +41,4 @@ export default class List extends React.PureComponent<IProps, IState> {
     componentWillUnmount(): void;
     render(): React.ReactElement<{}, string | React.JSXElementConstructor<any>>;
 }
+export { IState, List as default };