@hanwenbo/x-taro-ui 0.0.1

package/es/components/flatList/flatList.js

@@ -0,0 +1,564 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useCallback, useEffect, useId, useImperativeHandle, useRef, useState } from 'react';
+import { Text, View } from '@tarojs/components';
+import Taro from '@tarojs/taro';
+import { useTheme } from "../../theme";
+import { classNames } from "../../utils";
+import { resolveLocaleText } from "../../utils/locale";
+import { useConfigProvider } from "../configProvider";
+import { ScrollView } from "../scrollView";
+import { measureScrollTarget } from "./scrollTargetMeasurement";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+function FlatListInner(_ref, ref) {
+  var _ref2, _ref7, _scrollRequest$target, _scrollRequest$target3;
+  var data = _ref.data,
+    dataSource = _ref.dataSource,
+    renderItem = _ref.renderItem,
+    keyExtractor = _ref.keyExtractor,
+    _ref$horizontal = _ref.horizontal,
+    horizontal = _ref$horizontal === void 0 ? false : _ref$horizontal,
+    _ref$numColumns = _ref.numColumns,
+    numColumns = _ref$numColumns === void 0 ? 1 : _ref$numColumns,
+    _ref$gap = _ref.gap,
+    gap = _ref$gap === void 0 ? 8 : _ref$gap,
+    _ref$divider = _ref.divider,
+    divider = _ref$divider === void 0 ? false : _ref$divider,
+    _ref$dividerInset = _ref.dividerInset,
+    dividerInset = _ref$dividerInset === void 0 ? 0 : _ref$dividerInset,
+    _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? false : _ref$loading,
+    loadingText = _ref.loadingText,
+    emptyText = _ref.emptyText,
+    header = _ref.header,
+    footer = _ref.footer,
+    _ref$refreshing = _ref.refreshing,
+    refreshing = _ref$refreshing === void 0 ? false : _ref$refreshing,
+    refreshText = _ref.refreshText,
+    scrollHeight = _ref.scrollHeight,
+    _ref$showScrollbar = _ref.showScrollbar,
+    showScrollbar = _ref$showScrollbar === void 0 ? true : _ref$showScrollbar,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'plain' : _ref$variant,
+    itemStyle = _ref.itemStyle,
+    getItemStyle = _ref.getItemStyle,
+    onEndReached = _ref.onEndReached,
+    _ref$onEndReachedThre = _ref.onEndReachedThreshold,
+    onEndReachedThreshold = _ref$onEndReachedThre === void 0 ? 0.2 : _ref$onEndReachedThre,
+    ListEmptyComponent = _ref.ListEmptyComponent,
+    ListFooterComponent = _ref.ListFooterComponent,
+    ListHeaderComponent = _ref.ListHeaderComponent,
+    onRefresh = _ref.onRefresh,
+    height = _ref.height,
+    contentContainerStyle = _ref.contentContainerStyle,
+    itemHeight = _ref.itemHeight,
+    _ref$initialScrollOff = _ref.initialScrollOffset,
+    initialScrollOffset = _ref$initialScrollOff === void 0 ? 0 : _ref$initialScrollOff,
+    onScroll = _ref.onScroll,
+    children = _ref.children,
+    className = _ref.className,
+    style = _ref.style,
+    testID = _ref.testID;
+  var _useTheme = useTheme(),
+    theme = _useTheme.theme;
+  var config = useConfigProvider();
+  var reactId = useId();
+  var instanceIdRef = useRef("x-flat-list-".concat(reactId.replace(/[^a-zA-Z0-9_-]/g, '')));
+  var scrollHostId = "".concat(instanceIdRef.current, "-scroll");
+  var resolvedColumns = Math.max(1, Math.floor(numColumns) || 1);
+  var resolvedGap = toLength(gap);
+  var resolvedEndReachedThreshold = normalizeEndReachedThreshold(onEndReachedThreshold);
+  var hasDataProp = data !== undefined || dataSource !== undefined;
+  var resolvedData = (_ref2 = data !== null && data !== void 0 ? data : dataSource) !== null && _ref2 !== void 0 ? _ref2 : [];
+  var childItems = React.Children.toArray(children).filter(hasRenderableNode);
+  var renderedItems = hasDataProp ? resolvedData.map(function (item, index) {
+    var _keyExtractor;
+    return {
+      key: (_keyExtractor = keyExtractor === null || keyExtractor === void 0 ? void 0 : keyExtractor(item, index)) !== null && _keyExtractor !== void 0 ? _keyExtractor : String(index),
+      node: renderListItem(renderItem, item, index, theme.colors),
+      style: getItemStyle === null || getItemStyle === void 0 ? void 0 : getItemStyle(item, index)
+    };
+  }) : childItems.map(function (child, index) {
+    return {
+      key: String(index),
+      node: child,
+      style: undefined
+    };
+  });
+  var _useState = useState({
+      offset: normalizeScrollOffset(initialScrollOffset),
+      animated: false,
+      sequence: 0,
+      target: null,
+      targetResolved: false
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    scrollRequest = _useState2[0],
+    setScrollRequest = _useState2[1];
+  var scrollTargetId = resolveScrollTargetId(instanceIdRef.current, scrollRequest.target, scrollRequest.sequence);
+  var nearEndRef = useRef(false);
+  var measuredViewportRef = useRef({
+    width: 0,
+    height: 0
+  });
+  var measuredExtentRef = useRef(0);
+  var _useState3 = useState(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    measuredExtent = _useState4[0],
+    setMeasuredExtent = _useState4[1];
+  var resolvedLoadingText = loadingText !== undefined ? loadingText : resolveLocaleText(config.locale, 'list.loading', '加载中...');
+  var resolvedEmptyText = emptyText !== undefined ? emptyText : resolveLocaleText(config.locale, 'empty.text', '暂无数据');
+  var resolvedRefreshText = refreshText !== undefined ? refreshText : resolveLocaleText(config.locale, 'pullToRefresh.refreshing', '刷新中...');
+  var requestScroll = useCallback(function (offset, animated) {
+    setScrollRequest(function (current) {
+      return {
+        offset: normalizeScrollOffset(offset),
+        animated: animated,
+        sequence: current.sequence + 1,
+        target: null,
+        targetResolved: false
+      };
+    });
+  }, []);
+  var requestTarget = useCallback(function (target, animated) {
+    setScrollRequest(function (current) {
+      return _objectSpread(_objectSpread({}, current), {}, {
+        animated: animated,
+        sequence: current.sequence + 1,
+        target: target,
+        targetResolved: false
+      });
+    });
+  }, []);
+  useImperativeHandle(ref, function () {
+    return {
+      scrollToIndex: function scrollToIndex(_ref3) {
+        var index = _ref3.index,
+          _ref3$animated = _ref3.animated,
+          animated = _ref3$animated === void 0 ? true : _ref3$animated;
+        var resolvedIndex = Math.floor(index);
+        if (!Number.isFinite(index) || resolvedIndex < 0 || resolvedIndex >= renderedItems.length) {
+          return;
+        }
+        requestTarget({
+          type: 'item',
+          index: resolvedIndex
+        }, animated);
+      },
+      scrollToOffset: function scrollToOffset(_ref4) {
+        var offset = _ref4.offset,
+          _ref4$animated = _ref4.animated,
+          animated = _ref4$animated === void 0 ? true : _ref4$animated;
+        return requestScroll(offset, animated);
+      },
+      scrollToTop: function scrollToTop() {
+        var animated = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+        return requestTarget({
+          type: 'start'
+        }, animated);
+      },
+      scrollToEnd: function scrollToEnd() {
+        var animated = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+        return requestTarget({
+          type: 'end'
+        }, animated);
+      },
+      scrollToStart: function scrollToStart() {
+        var animated = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+        return requestTarget({
+          type: 'start'
+        }, animated);
+      },
+      getItemCount: function getItemCount() {
+        return renderedItems.length;
+      }
+    };
+  }, [renderedItems.length, requestScroll, requestTarget]);
+  useEffect(function () {
+    requestScroll(initialScrollOffset, false);
+  }, [initialScrollOffset, requestScroll]);
+  useEffect(function () {
+    nearEndRef.current = false;
+  }, [horizontal, renderedItems.length, resolvedEndReachedThreshold]);
+  useEffect(function () {
+    var measureViewport = function measureViewport() {
+      var _Taro$createSelectorQ;
+      var query = (_Taro$createSelectorQ = Taro.createSelectorQuery) === null || _Taro$createSelectorQ === void 0 ? void 0 : _Taro$createSelectorQ.call(Taro);
+      if (!query) return;
+      query.select("#".concat(scrollHostId)).boundingClientRect(function (rect) {
+        if (!rect || Array.isArray(rect)) return;
+        measuredViewportRef.current = {
+          width: finiteLength(rect.width),
+          height: finiteLength(rect.height)
+        };
+      });
+      query.exec();
+    };
+    measureViewport();
+  }, [horizontal, renderedItems.length, scrollHeight, height, scrollHostId]);
+  useEffect(function () {
+    if (!scrollRequest.target || scrollRequest.targetResolved || !scrollTargetId) return;
+    measureScrollTarget(scrollHostId, scrollTargetId, function (_ref5) {
+      var hostOffset = _ref5.hostOffset,
+        hostRect = _ref5.hostRect,
+        targetRect = _ref5.targetRect;
+      var hostCoordinate = finiteCoordinate(horizontal ? hostRect === null || hostRect === void 0 ? void 0 : hostRect.left : hostRect === null || hostRect === void 0 ? void 0 : hostRect.top);
+      var targetCoordinate = finiteCoordinate(horizontal ? targetRect === null || targetRect === void 0 ? void 0 : targetRect.left : targetRect === null || targetRect === void 0 ? void 0 : targetRect.top);
+      if (hostCoordinate === null || targetCoordinate === null) return;
+      var currentOffset = normalizeScrollOffset(Number(horizontal ? hostOffset === null || hostOffset === void 0 ? void 0 : hostOffset.scrollLeft : hostOffset === null || hostOffset === void 0 ? void 0 : hostOffset.scrollTop));
+      var offset = normalizeScrollOffset(currentOffset + targetCoordinate - hostCoordinate);
+      setScrollRequest(function (current) {
+        return current.sequence === scrollRequest.sequence && current.target !== null && !current.targetResolved ? _objectSpread(_objectSpread({}, current), {}, {
+          offset: offset,
+          targetResolved: true
+        }) : current;
+      });
+    });
+  }, [horizontal, scrollHostId, scrollRequest.sequence, scrollRequest.target, scrollRequest.targetResolved, scrollTargetId]);
+  var emitEndReached = useCallback(function () {
+    if (!onEndReached || nearEndRef.current) return;
+    nearEndRef.current = true;
+    onEndReached();
+  }, [onEndReached]);
+  var handleRefresh = useCallback(function () {
+    if (refreshing) return;
+    onRefresh === null || onRefresh === void 0 || onRefresh();
+  }, [onRefresh, refreshing]);
+  var handleScroll = function handleScroll(event) {
+    var _ref6;
+    var detail = event.detail;
+    var host = event.currentTarget;
+    var width = finiteLength(host.clientWidth) || finiteLength(host.offsetWidth) || measuredViewportRef.current.width || explicitPixelLength(style === null || style === void 0 ? void 0 : style.width);
+    var resolvedHeight = finiteLength(host.clientHeight) || finiteLength(host.offsetHeight) || measuredViewportRef.current.height || explicitPixelLength((_ref6 = scrollHeight !== null && scrollHeight !== void 0 ? scrollHeight : height) !== null && _ref6 !== void 0 ? _ref6 : style === null || style === void 0 ? void 0 : style.height);
+    var extent = horizontal ? detail.scrollWidth : detail.scrollHeight;
+    var viewport = horizontal ? width : resolvedHeight;
+    var offset = horizontal ? detail.scrollLeft : detail.scrollTop;
+    var distanceFromEnd = extent - viewport - offset;
+    var threshold = extent * resolvedEndReachedThreshold;
+    if (extent > 0 && extent !== measuredExtentRef.current) {
+      measuredExtentRef.current = extent;
+      setMeasuredExtent(extent);
+    }
+    onScroll === null || onScroll === void 0 || onScroll({
+      nativeEvent: {
+        contentOffset: {
+          x: detail.scrollLeft,
+          y: detail.scrollTop
+        },
+        contentSize: {
+          width: detail.scrollWidth,
+          height: detail.scrollHeight
+        },
+        layoutMeasurement: {
+          width: width,
+          height: resolvedHeight
+        }
+      },
+      originalEvent: event
+    });
+    if (extent > 0 && viewport > 0) {
+      if (distanceFromEnd <= threshold) emitEndReached();else nearEndRef.current = false;
+    }
+  };
+  var surfaceStyle = variant === 'card' ? {
+    padding: 16,
+    borderRadius: 'var(--x-list-card-radius)',
+    backgroundColor: theme.colors.card,
+    border: "1px solid ".concat(theme.colors.border)
+  } : variant === 'outline' ? {
+    padding: 16,
+    borderRadius: 'var(--x-list-card-radius)',
+    backgroundColor: theme.colors.background,
+    border: "1px solid ".concat(theme.colors.border)
+  } : undefined;
+  var headerNode = renderSlot(ListHeaderComponent !== undefined ? ListHeaderComponent : header);
+  var footerNode = renderSlot(ListFooterComponent !== undefined ? ListFooterComponent : footer);
+  var emptyNode = ListEmptyComponent !== undefined ? renderSlot(ListEmptyComponent) : renderText(resolvedEmptyText, theme.colors);
+  var loadingNode = renderText(resolvedLoadingText, theme.colors);
+  var controlledOffset = scrollRequest.target === null || scrollRequest.targetResolved ? scrollRequest.offset + (scrollRequest.sequence % 2 === 0 ? 0 : 0.01) : undefined;
+  var estimatedExtent = estimateListExtent({
+    divider: divider,
+    gap: gap,
+    horizontal: horizontal,
+    itemHeight: itemHeight,
+    itemCount: renderedItems.length,
+    numColumns: resolvedColumns
+  });
+  var nativeLowerThreshold = Math.max(0, Math.round((measuredExtent || estimatedExtent) * resolvedEndReachedThreshold));
+  var boundaryStyle = {
+    boxSizing: 'border-box',
+    width: '100%',
+    minWidth: horizontal ? '100%' : 0,
+    flexShrink: 0
+  };
+  var resolvedStateStyle = _objectSpread(_objectSpread({}, stateStyle), boundaryStyle);
+  return /*#__PURE__*/_jsx(View, {
+    "data-slot": "flat-list-root",
+    "data-columns": String(resolvedColumns),
+    "data-horizontal": horizontal ? 'true' : undefined,
+    "data-native-lower-threshold": nativeLowerThreshold,
+    "data-refresh-enabled": onRefresh ? 'true' : undefined,
+    "data-refreshing": refreshing ? 'true' : undefined,
+    "data-scroll-target": scrollTargetId,
+    "data-testid": testID,
+    className: classNames('x-flat-list', "x-flat-list--".concat(variant), className),
+    style: _objectSpread({
+      boxSizing: 'border-box',
+      width: '100%'
+    }, style),
+    children: /*#__PURE__*/_jsx(ScrollView, {
+      id: scrollHostId,
+      className: "x-flat-list__scroll",
+      horizontal: horizontal,
+      scrollX: horizontal,
+      scrollY: !horizontal,
+      flex: false,
+      height: (_ref7 = scrollHeight !== null && scrollHeight !== void 0 ? scrollHeight : height) !== null && _ref7 !== void 0 ? _ref7 : 'auto',
+      scrollWithAnimation: scrollRequest.animated,
+      scrollIntoView: scrollRequest.targetResolved ? undefined : scrollTargetId,
+      scrollIntoViewAlignment: "start",
+      scrollTop: horizontal ? undefined : controlledOffset,
+      scrollLeft: horizontal ? controlledOffset : undefined,
+      showScrollbar: showScrollbar,
+      lowerThreshold: nativeLowerThreshold,
+      refresherEnabled: Boolean(onRefresh),
+      refresherTriggered: refreshing,
+      refreshing: refreshing,
+      refreshControl: onRefresh ? /*#__PURE__*/_jsx(Text, {
+        className: "x-flat-list__refresh-text",
+        children: resolvedRefreshText
+      }) : null,
+      onRefresherRefresh: onRefresh ? handleRefresh : undefined,
+      onScrollToLower: onEndReached ? emitEndReached : undefined,
+      onScroll: handleScroll,
+      children: /*#__PURE__*/_jsxs(View, {
+        "data-slot": "flat-list-content",
+        className: "x-flat-list__content",
+        style: _objectSpread({
+          boxSizing: 'border-box',
+          display: 'flex',
+          width: '100%',
+          minWidth: 0,
+          flexDirection: horizontal ? 'row' : 'column'
+        }, contentContainerStyle),
+        children: [/*#__PURE__*/_jsx(View, {
+          id: ((_scrollRequest$target = scrollRequest.target) === null || _scrollRequest$target === void 0 ? void 0 : _scrollRequest$target.type) === 'start' ? scrollTargetId : "".concat(instanceIdRef.current, "-start"),
+          "aria-hidden": true,
+          "data-slot": "flat-list-start",
+          style: anchorStyle
+        }), hasRenderableNode(headerNode) ? /*#__PURE__*/_jsx(View, {
+          "data-slot": "flat-list-header",
+          className: "x-flat-list__header",
+          style: boundaryStyle,
+          children: headerNode
+        }) : null, loading && renderedItems.length === 0 ? /*#__PURE__*/_jsx(View, {
+          "data-slot": "flat-list-loading",
+          className: "x-flat-list__loading",
+          style: resolvedStateStyle,
+          children: loadingNode
+        }) : renderedItems.length === 0 ? /*#__PURE__*/_jsx(View, {
+          "data-slot": "flat-list-empty",
+          className: "x-flat-list__empty",
+          style: resolvedStateStyle,
+          children: emptyNode
+        }) : /*#__PURE__*/_jsx(View, {
+          "data-slot": "flat-list-items",
+          className: "x-flat-list__items",
+          style: {
+            boxSizing: 'border-box',
+            display: 'flex',
+            width: horizontal ? undefined : '100%',
+            minWidth: horizontal ? '100%' : 0,
+            flexShrink: horizontal ? 0 : undefined,
+            flexDirection: horizontal || resolvedColumns > 1 ? 'row' : 'column',
+            flexWrap: !horizontal && resolvedColumns > 1 ? 'wrap' : 'nowrap',
+            rowGap: !horizontal && resolvedColumns > 1 ? resolvedGap : undefined,
+            columnGap: horizontal || resolvedColumns > 1 ? resolvedGap : undefined
+          },
+          children: renderedItems.map(function (item, index) {
+            var _scrollRequest$target2;
+            return /*#__PURE__*/_jsxs(React.Fragment, {
+              children: [/*#__PURE__*/_jsx(View, {
+                id: ((_scrollRequest$target2 = scrollRequest.target) === null || _scrollRequest$target2 === void 0 ? void 0 : _scrollRequest$target2.type) === 'item' && scrollRequest.target.index === index ? scrollTargetId : "".concat(instanceIdRef.current, "-item-").concat(index),
+                "data-slot": "flat-list-item",
+                "data-index": index,
+                className: classNames('x-flat-list__item', resolvedColumns > 1 && !horizontal && 'x-flat-list__item--grid'),
+                style: _objectSpread(_objectSpread(_objectSpread({
+                  boxSizing: 'border-box',
+                  width: !horizontal && resolvedColumns > 1 ? resolveGridItemWidth(resolvedColumns, gap) : undefined,
+                  flexShrink: horizontal ? 0 : undefined
+                }, surfaceStyle), itemStyle), item.style),
+                children: item.node
+              }), divider && !horizontal && resolvedColumns === 1 && index < renderedItems.length - 1 ? /*#__PURE__*/_jsx(View, {
+                "data-slot": "flat-list-divider",
+                className: "x-flat-list__divider",
+                style: {
+                  margin: "".concat(resolvedGap, " ").concat(toLength(dividerInset)),
+                  borderBottom: "1px solid ".concat(theme.colors.border)
+                }
+              }) : null]
+            }, item.key);
+          })
+        }), loading && renderedItems.length > 0 ? /*#__PURE__*/_jsx(View, {
+          "data-slot": "flat-list-loading",
+          className: "x-flat-list__loading",
+          style: resolvedStateStyle,
+          children: loadingNode
+        }) : null, hasRenderableNode(footerNode) ? /*#__PURE__*/_jsx(View, {
+          "data-slot": "flat-list-footer",
+          className: "x-flat-list__footer",
+          style: boundaryStyle,
+          children: footerNode
+        }) : null, /*#__PURE__*/_jsx(View, {
+          id: ((_scrollRequest$target3 = scrollRequest.target) === null || _scrollRequest$target3 === void 0 ? void 0 : _scrollRequest$target3.type) === 'end' ? scrollTargetId : "".concat(instanceIdRef.current, "-end"),
+          "aria-hidden": true,
+          "data-slot": "flat-list-end",
+          style: anchorStyle
+        })]
+      })
+    })
+  });
+}
+var stateStyle = {
+  boxSizing: 'border-box',
+  display: 'flex',
+  width: '100%',
+  alignItems: 'center',
+  justifyContent: 'center',
+  padding: 16
+};
+var anchorStyle = {
+  width: 0,
+  height: 0,
+  minWidth: 0,
+  minHeight: 0,
+  flexShrink: 0,
+  overflow: 'hidden'
+};
+function renderListItem(renderer, item, index, colors) {
+  if (!renderer) return renderDefaultNode(item, colors);
+  if (renderer.length >= 2) {
+    return renderer(item, index);
+  }
+  return renderer({
+    item: item,
+    index: index
+  });
+}
+function renderSlot(slot) {
+  return typeof slot === 'function' ? slot() : slot;
+}
+function renderText(content, colors) {
+  return typeof content === 'string' || typeof content === 'number' ? /*#__PURE__*/_jsx(Text, {
+    style: {
+      color: colors['muted-foreground']
+    },
+    children: content
+  }) : content;
+}
+function resolveGridItemWidth(columns, gap) {
+  if (typeof gap === 'number') return "calc((100% - ".concat((columns - 1) * gap, "px) / ").concat(columns, ")");
+  return "calc((100% - (".concat(columns - 1, " * ").concat(gap, ")) / ").concat(columns, ")");
+}
+function renderDefaultNode(item, colors) {
+  if ( /*#__PURE__*/React.isValidElement(item)) return item;
+  if (typeof item === 'string' || typeof item === 'number') {
+    return /*#__PURE__*/_jsx(Text, {
+      style: {
+        color: colors.foreground
+      },
+      children: item
+    });
+  }
+  if (item && _typeof(item) === 'object') {
+    var _ref8, _record$title, _record$description, _record$extra;
+    var record = item;
+    var title = (_ref8 = (_record$title = record.title) !== null && _record$title !== void 0 ? _record$title : record.label) !== null && _ref8 !== void 0 ? _ref8 : record.name;
+    var description = (_record$description = record.description) !== null && _record$description !== void 0 ? _record$description : record.subtitle;
+    var extra = (_record$extra = record.extra) !== null && _record$extra !== void 0 ? _record$extra : record.value;
+    return /*#__PURE__*/_jsxs(View, {
+      style: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: 6
+      },
+      children: [title !== undefined ? /*#__PURE__*/_jsx(Text, {
+        style: {
+          color: colors.foreground,
+          fontWeight: '600'
+        },
+        children: String(title)
+      }) : null, description !== undefined ? /*#__PURE__*/_jsx(Text, {
+        style: {
+          color: colors['muted-foreground'],
+          fontSize: 13
+        },
+        children: String(description)
+      }) : null, extra !== undefined ? /*#__PURE__*/_jsx(Text, {
+        style: {
+          color: colors.foreground
+        },
+        children: String(extra)
+      }) : null]
+    });
+  }
+  return null;
+}
+function toLength(value) {
+  return typeof value === 'number' ? "".concat(value, "px") : value;
+}
+function hasRenderableNode(node) {
+  return node !== null && node !== undefined && typeof node !== 'boolean';
+}
+function normalizeScrollOffset(offset) {
+  return Number.isFinite(offset) ? Math.max(0, offset) : 0;
+}
+function normalizeEndReachedThreshold(threshold) {
+  if (!Number.isFinite(threshold)) return 0.2;
+  var normalized = threshold > 1 ? threshold / 100 : threshold;
+  return Math.min(1, Math.max(0, normalized));
+}
+function explicitPixelLength(value) {
+  if (typeof value === 'number') return finiteLength(value);
+  if (typeof value !== 'string') return 0;
+  var match = value.trim().match(/^(-?\d+(?:\.\d+)?)(?:px)?$/i);
+  return match ? finiteLength(Number.parseFloat(match[1])) : 0;
+}
+function finiteLength(value) {
+  return typeof value === 'number' && Number.isFinite(value) && value > 0 ? value : 0;
+}
+function finiteCoordinate(value) {
+  return typeof value === 'number' && Number.isFinite(value) ? value : null;
+}
+function estimateListExtent(_ref9) {
+  var divider = _ref9.divider,
+    gap = _ref9.gap,
+    horizontal = _ref9.horizontal,
+    itemHeight = _ref9.itemHeight,
+    itemCount = _ref9.itemCount,
+    numColumns = _ref9.numColumns;
+  if (itemCount === 0) return 0;
+  var itemExtent = explicitPixelLength(itemHeight) || 50;
+  var gapExtent = explicitPixelLength(gap);
+  var axisItemCount = horizontal ? itemCount : Math.ceil(itemCount / numColumns);
+  var separatorExtent = horizontal || numColumns > 1 ? gapExtent : divider ? gapExtent * 2 + 1 : 0;
+  return axisItemCount * itemExtent + Math.max(0, axisItemCount - 1) * separatorExtent;
+}
+function resolveScrollTargetId(instanceId, target, sequence) {
+  if (!target) return undefined;
+  return "".concat(instanceId, "-").concat(target.type).concat(target.type === 'item' ? "-".concat(target.index) : '', "-").concat(sequence);
+}
+var FlatList = /*#__PURE__*/React.forwardRef(FlatListInner);
+FlatList.displayName = 'FlatList';
+export default FlatList;

package/es/components/flatList/index.d.ts

@@ -0,0 +1,4 @@
+export * from './types';
+export { default as FlatList } from './flatList';
+export { default } from './flatList';
+//# sourceMappingURL=index.d.ts.map

package/es/components/flatList/index.js

@@ -0,0 +1,3 @@
+export * from "./types";
+export { default as FlatList } from "./flatList";
+export { default } from "./flatList";

package/es/components/flatList/scrollTargetMeasurement.d.ts

@@ -0,0 +1,17 @@
+export interface ScrollTargetMeasurement {
+    hostOffset?: {
+        scrollLeft?: number;
+        scrollTop?: number;
+    } | null;
+    hostRect?: {
+        left?: number;
+        top?: number;
+    } | null;
+    targetRect?: {
+        left?: number;
+        top?: number;
+    } | null;
+}
+export declare type ScrollTargetMeasurementCallback = (measurement: ScrollTargetMeasurement) => void;
+export declare function measureScrollTarget(scrollHostId: string, scrollTargetId: string, callback: ScrollTargetMeasurementCallback): void;
+//# sourceMappingURL=scrollTargetMeasurement.d.ts.map

package/es/components/flatList/scrollTargetMeasurement.h5.d.ts

@@ -0,0 +1,3 @@
+import type { ScrollTargetMeasurementCallback } from './scrollTargetMeasurement';
+export declare function measureScrollTarget(scrollHostId: string, scrollTargetId: string, callback: ScrollTargetMeasurementCallback): void;
+//# sourceMappingURL=scrollTargetMeasurement.h5.d.ts.map

package/es/components/flatList/scrollTargetMeasurement.h5.js

@@ -0,0 +1,15 @@
+export function measureScrollTarget(scrollHostId, scrollTargetId, callback) {
+  var host = document.getElementById(scrollHostId);
+  var target = document.getElementById(scrollTargetId);
+  if (!host || !target) return;
+  var hostRect = host.getBoundingClientRect();
+  var targetRect = target.getBoundingClientRect();
+  callback({
+    hostRect: hostRect,
+    hostOffset: {
+      scrollLeft: host.scrollLeft,
+      scrollTop: host.scrollTop
+    },
+    targetRect: targetRect
+  });
+}

package/es/components/flatList/scrollTargetMeasurement.js

@@ -0,0 +1,16 @@
+import Taro from '@tarojs/taro';
+export function measureScrollTarget(scrollHostId, scrollTargetId, callback) {
+  var _Taro$createSelectorQ;
+  var query = (_Taro$createSelectorQ = Taro.createSelectorQuery) === null || _Taro$createSelectorQ === void 0 ? void 0 : _Taro$createSelectorQ.call(Taro);
+  if (!query) return;
+  query.select("#".concat(scrollHostId)).boundingClientRect();
+  query.select("#".concat(scrollHostId)).scrollOffset();
+  query.select("#".concat(scrollTargetId)).boundingClientRect();
+  query.exec(function (results) {
+    callback({
+      hostRect: results === null || results === void 0 ? void 0 : results[0],
+      hostOffset: results === null || results === void 0 ? void 0 : results[1],
+      targetRect: results === null || results === void 0 ? void 0 : results[2]
+    });
+  });
+}