@unicom-cloud/ui 0.8.108 → 0.8.110

package/virtual-list/VirtualList.js

@@ -1,64 +1,176 @@
-import { jsx as E, jsxs as _t, Fragment as wt } from "react/jsx-runtime";
-import Ft from "lodash/isFunction";
-import dt from "lodash/isNumber";
-import J, { useRef as H, useState as Ct, useMemo as Nt, useEffect as b, useImperativeHandle as Ut } from "react";
-import kt from "../components/common/hooks/useForceUpdate.js";
-import Vt from "../components/common/hooks/useIsFirstRender.js";
-import jt from "../components/common/hooks/useIsomorphicLayoutEffect.js";
-import Dt from "../components/common/hooks/usePrevious.js";
-import Kt from "../components/common/hooks/useStateWithPromise.js";
-import { resizeObserver as Bt } from "../components/common/utils/resizeObserver.js";
-import ft from "./Filler.js";
-import { findListDiffIndex as qt, getIndexByStartLoc as Gt } from "./util/algorithm.js";
-import { getItemRelativeTop as Q, getScrollPercentage as A, getItemAbsoluteTop as Wt, getRangeIndex as pt, getValidScrollTop as gt, GHOST_ITEM_KEY as Yt, getCompareItemRelativeTop as zt, getLocationItem as Xt, getLongestItemIndex as $t, getNodeHeight as ht } from "./util/item.js";
-const Jt = 32, L = `__virtual_item_height_${Math.random().toFixed(5).slice(2)}`, Qt = (h) => {
-  const T = kt(), { current: f } = h;
-  b(() => {
-    Object.keys(f).length && !f[L] && (f[L] = Object.entries(f).reduce(
-      (_, [, x], m, S) => {
-        const w = _ + x;
-        return m === S.length - 1 ? Math.round(w / S.length) : w;
+import { jsx as v, jsxs as Nt, Fragment as wt } from "react/jsx-runtime";
+import Ct from "lodash/isFunction";
+import Tt from "lodash/isNumber";
+import rt, { useRef as R, useState as kt, useMemo as Ft, useEffect as A, useImperativeHandle as Ut } from "react";
+import { u as Vt } from "../chunk/BJeTDXdz.js";
+import { u as Dt } from "../chunk/oopARUrq.js";
+import { u as Kt } from "../chunk/CylJZkp8.js";
+import { u as jt } from "../chunk/8w-ItYb1.js";
+import { u as Bt } from "../chunk/BG6j6Ct7.js";
+import { r as Yt } from "../chunk/B8W1N4er.js";
+import xt from "./Filler.js";
+import { g as qt } from "../chunk/DKHXj8Kf.js";
+import { f as Gt } from "../chunk/CXrVhA6-.js";
+function Wt(r, o, n, e) {
+  const c = n - r, s = o - n, I = Math.min(c, s) * 2;
+  if (e <= I) {
+    const H = Math.floor(e / 2);
+    return e % 2 ? n + H + 1 : n - H;
+  }
+  return c > s ? n - (e - s) : n + (e - c);
+}
+function zt(r, o, n) {
+  const e = r.length, c = o.length;
+  let s, I;
+  if (e === 0 && c === 0)
+    return null;
+  e < c ? (s = r, I = o) : (s = o, I = r);
+  const H = { __EMPTY_ITEM__: !0 };
+  function b(T, P) {
+    return T !== void 0 ? n(T, P) : H;
+  }
+  let E = null, x = Math.abs(e - c) !== 1;
+  for (let T = 0; T < I.length; T += 1) {
+    const P = b(s[T], T), z = b(I[T], T);
+    if (P !== z) {
+      E = T, x = x || P !== b(I[T + 1], T + 1);
+      break;
+    }
+  }
+  return E === null ? null : { index: E, multiple: x };
+}
+const Xt = "__rc_ghost_item__";
+function St(r, o) {
+  const n = Math.floor(r * o), e = n / o, c = (r - e) / (1 / o);
+  return {
+    index: n,
+    // scrollPtg >= itemTopPtg，计算结果为元素应当补充的滚动距离相对自身高度的偏移量
+    offsetPtg: Number.isNaN(c) ? 0 : c
+  };
+}
+function yt(r, o = !1) {
+  const n = Gt(r);
+  let e = 0;
+  if (o) {
+    const { marginTop: c, marginBottom: s } = window.getComputedStyle(r);
+    e = Number(c.replace(/\D/g, "")) + Number(s.replace(/\D/g, "")), e = isNaN(e) ? 0 : e;
+  }
+  return n ? n.offsetHeight + e : 0;
+}
+function ot(r, o) {
+  return r < 0 ? 0 : r > o ? o : r;
+}
+function F({
+  scrollTop: r,
+  scrollHeight: o,
+  clientHeight: n
+}) {
+  const e = o - n;
+  return e <= 0 ? 0 : ot(r, e) / e;
+}
+function Ht(r, o, n) {
+  const { index: e, offsetPtg: c } = St(r, o), s = Math.ceil(r * n), I = Math.ceil((1 - r) * n);
+  return {
+    itemIndex: e,
+    itemOffsetPtg: c,
+    startIndex: Math.max(0, e - s),
+    endIndex: Math.min(o - 1, e + I)
+  };
+}
+function W({
+  itemHeight: r,
+  itemOffsetPtg: o,
+  scrollPtg: n,
+  clientHeight: e
+}) {
+  return Math.floor(e * n - r * o);
+}
+function $t({ scrollTop: r, ...o }) {
+  return r + W(o);
+}
+function Jt({
+  locatedItemRelativeTop: r,
+  locatedItemIndex: o,
+  compareItemIndex: n,
+  startIndex: e,
+  endIndex: c,
+  getItemKey: s,
+  itemElementHeights: I,
+  itemHeight: H
+}) {
+  let b = r;
+  const E = s(n);
+  if (n <= o)
+    for (let x = o; x >= e && s(x) !== E; x -= 1) {
+      const P = s(x - 1);
+      b -= I[P] || H;
+    }
+  else
+    for (let x = o; x <= c; x += 1) {
+      const T = s(x);
+      if (T === E)
+        break;
+      b += I[T] || H;
+    }
+  return b;
+}
+function Qt(r) {
+  let o = -1, n = 0;
+  return r.forEach((e, c) => {
+    if (e = typeof e == "string" ? e : e.props?.children, typeof e == "string") {
+      const s = qt(e);
+      s > n && (n = s, o = c);
+    }
+  }), o;
+}
+const Zt = 32, U = `__virtual_item_height_${Math.random().toFixed(5).slice(2)}`, te = (r) => {
+  const o = Vt(), { current: n } = r;
+  A(() => {
+    Object.keys(n).length && !n[U] && (n[U] = Object.entries(n).reduce(
+      (e, [, c], s, I) => {
+        const H = e + c;
+        return s === I.length - 1 ? Math.round(H / I.length) : H;
       },
       0
-    ), T());
-  }, [Object.keys(f).length]);
-}, Zt = (h) => {
-  const T = H({}), f = H(h);
-  return b(() => {
-    f.current = h;
-  }, [h]), h !== f.current && (T.current = {}), (_, x, m) => (Object.prototype.hasOwnProperty.call(T.current, x) || (T.current[x] = h(_, x, m)), T.current[x]);
-}, te = J.forwardRef((h, T) => {
+    ), o());
+  }, [Object.keys(n).length]);
+}, ee = (r) => {
+  const o = R({}), n = R(r);
+  return A(() => {
+    n.current = r;
+  }, [r]), r !== n.current && (o.current = {}), (e, c, s) => (Object.prototype.hasOwnProperty.call(o.current, c) || (o.current[c] = r(e, c, s)), o.current[c]);
+}, ne = rt.forwardRef((r, o) => {
   const {
-    style: f,
-    className: _,
-    children: x,
-    data: m = [],
-    itemKey: S,
-    threshold: w = 100,
-    wrapper: It = "div",
-    height: Tt = "100%",
-    isStaticItemHeight: K = !0,
-    itemHeight: xt,
-    measureLongestItem: Ht,
-    scrollOptions: St,
-    onScroll: Z,
-    needFiller: yt = !0,
-    outerStyle: tt,
-    innerStyle: et,
-    wrapperChild: B = J.Fragment,
-    ...Et
-  } = h, k = f && f.maxHeight || Tt, F = H({}), [bt, Pt] = Ct(200), rt = Zt(x);
-  Qt(F);
-  const P = m.length, R = xt || F.current[L] || Jt, V = dt(k) ? k : bt, M = Math.ceil(V / R), q = R * P, I = w !== null && P >= w && q > V, o = H(null), y = H(null), C = H(!1), nt = H(I), ot = Nt(() => {
-    if (o.current) {
-      const t = (e) => +window.getComputedStyle(o.current)[e].replace(/\D/g, "");
+    style: n,
+    className: e,
+    children: c,
+    data: s = [],
+    itemKey: I,
+    threshold: H = 100,
+    wrapper: b = "div",
+    height: E = "100%",
+    isStaticItemHeight: x = !0,
+    itemHeight: T,
+    measureLongestItem: P,
+    scrollOptions: z,
+    onScroll: st,
+    needFiller: Mt = !0,
+    outerStyle: it,
+    innerStyle: ct,
+    wrapperChild: X = rt.Fragment,
+    ...bt
+  } = r, B = n && n.maxHeight || E, V = R({}), [_t, Et] = kt(200), lt = ee(c);
+  te(V);
+  const L = s.length, N = T || V.current[U] || Zt, Y = Tt(B) ? B : _t, w = Math.ceil(Y / N), $ = N * L, _ = H !== null && L >= H && $ > Y, a = R(null), O = R(null), D = R(!1), ut = R(_), at = Ft(() => {
+    if (a.current) {
+      const t = (i) => +window.getComputedStyle(a.current)[i].replace(/\D/g, "");
       return {
         top: t("paddingTop"),
         bottom: t("paddingBottom")
       };
     }
     return { top: 0, bottom: 0 };
-  }, [o.current]), [i, N] = Kt({
+  }, [a.current]), [f, K] = Bt({
     // measure status
     status: "NONE",
     // render range info
@@ -69,312 +181,311 @@ const Jt = 32, L = `__virtual_item_height_${Math.random().toFixed(5).slice(2)}`,
     // scroll info
     startItemTop: 0,
     scrollTop: 0
-  }), j = Dt(m) || [], Rt = Vt(), U = (t, e) => typeof S == "function" ? S(t, e) : typeof S == "string" ? t[S] : t.key || e, p = (t, e = m) => {
-    if (t === e.length)
-      return Yt;
-    const s = e[t];
-    return s !== void 0 ? U(s, t) : null;
-  }, g = (t) => F.current[t] || R, it = (t) => {
-    const { itemIndex: e, relativeTop: s } = t, { scrollHeight: r, clientHeight: l } = o.current, c = i.scrollTop, n = r - l;
-    let u = Number.MAX_VALUE, a = null, d = null, v = null, O = null, lt = null, W = 0;
-    for (let Y = 0; Y < n; Y++) {
-      const ct = Gt(0, n, c, Y), ut = A({
-        scrollTop: ct,
-        scrollHeight: r,
-        clientHeight: l
-      }), { itemIndex: z, itemOffsetPtg: at, startIndex: X, endIndex: $ } = pt(
-        ut,
-        P,
-        M
+  }), q = jt(s) || [], Pt = Dt(), j = (t, i) => typeof I == "function" ? I(t, i) : typeof I == "string" ? t[I] : t.key || i, S = (t, i = s) => {
+    if (t === i.length)
+      return Xt;
+    const m = i[t];
+    return m !== void 0 ? j(m, t) : null;
+  }, M = (t) => V.current[t] || N, ft = (t) => {
+    const { itemIndex: i, relativeTop: m } = t, { scrollHeight: l, clientHeight: d } = a.current, p = f.scrollTop, u = l - d;
+    let g = Number.MAX_VALUE, h = null, y = null, C = null, k = null, dt = null, Q = 0;
+    for (let Z = 0; Z < u; Z++) {
+      const pt = Wt(0, u, p, Z), gt = F({
+        scrollTop: pt,
+        scrollHeight: l,
+        clientHeight: d
+      }), { itemIndex: tt, itemOffsetPtg: ht, startIndex: et, endIndex: nt } = Ht(
+        gt,
+        L,
+        w
       );
-      if (X <= e && e <= $) {
-        const At = Q({
-          itemHeight: g(p(z)),
-          itemOffsetPtg: at,
-          clientHeight: l,
-          scrollPtg: ut
-        }), Lt = zt({
+      if (et <= i && i <= nt) {
+        const At = W({
+          itemHeight: M(S(tt)),
+          itemOffsetPtg: ht,
+          clientHeight: d,
+          scrollPtg: gt
+        }), Lt = Jt({
           locatedItemRelativeTop: At,
-          locatedItemIndex: z,
-          compareItemIndex: e,
-          startIndex: X,
-          endIndex: $,
-          itemHeight: R,
-          getItemKey: p,
-          itemElementHeights: F.current
-        }), mt = Math.abs(Lt - s);
-        mt < u ? (u = mt, a = ct, d = z, v = at, O = X, lt = $, W = 0) : W += 1;
+          locatedItemIndex: tt,
+          compareItemIndex: i,
+          startIndex: et,
+          endIndex: nt,
+          itemHeight: N,
+          getItemKey: S,
+          itemElementHeights: V.current
+        }), It = Math.abs(Lt - m);
+        It < g ? (g = It, h = pt, y = tt, C = ht, k = et, dt = nt, Q = 0) : Q += 1;
       }
-      if (W > 10)
+      if (Q > 10)
         break;
     }
-    a !== null && (C.current = !0, o.current.scrollTop = a, N({
-      ...i,
+    h !== null && (D.current = !0, a.current.scrollTop = h, K({
+      ...f,
       status: "MEASURE_START",
-      scrollTop: a,
-      itemIndex: d,
-      itemOffsetPtg: v,
-      startIndex: O,
-      endIndex: lt
-    })), y.current = requestAnimationFrame(() => {
-      C.current = !1;
+      scrollTop: h,
+      itemIndex: y,
+      itemOffsetPtg: C,
+      startIndex: k,
+      endIndex: dt
+    })), O.current = requestAnimationFrame(() => {
+      D.current = !1;
     });
-  }, Mt = (t) => {
+  }, Rt = (t) => {
     const {
-      scrollTop: e,
-      clientHeight: s,
-      scrollHeight: r
-    } = o.current, l = gt(
-      e,
-      r - s
-    ), c = A({
-      scrollTop: l,
-      clientHeight: s,
-      scrollHeight: r
-    }), { index: n, offsetPtg: u } = Xt(c, P);
-    N({
-      ...i,
-      scrollTop: l,
-      itemIndex: n,
-      itemOffsetPtg: u
-    }), t && Z?.(t, { index: n });
-  }, st = (t, e = !1) => {
-    const s = q, { scrollTop: r, clientHeight: l } = o.current, c = gt(
-      r,
-      s - l
+      scrollTop: i,
+      clientHeight: m,
+      scrollHeight: l
+    } = a.current, d = ot(
+      i,
+      l - m
+    ), p = F({
+      scrollTop: d,
+      clientHeight: m,
+      scrollHeight: l
+    }), { index: u, offsetPtg: g } = St(p, L);
+    K({
+      ...f,
+      scrollTop: d,
+      itemIndex: u,
+      itemOffsetPtg: g
+    }), t && st?.(t, { index: u });
+  }, mt = (t, i = !1) => {
+    const m = $, { scrollTop: l, clientHeight: d } = a.current, p = ot(
+      l,
+      m - d
     );
-    if (!e && (c === i.scrollTop || C.current))
+    if (!i && (p === f.scrollTop || D.current))
       return;
-    const n = A({
-      scrollTop: c,
-      clientHeight: l,
-      scrollHeight: s
-    }), { itemIndex: u, itemOffsetPtg: a, startIndex: d, endIndex: v } = pt(
-      n,
-      P,
-      M
+    const u = F({
+      scrollTop: p,
+      clientHeight: d,
+      scrollHeight: m
+    }), { itemIndex: g, itemOffsetPtg: h, startIndex: y, endIndex: C } = Ht(
+      u,
+      L,
+      w
     );
-    N({
-      ...i,
-      scrollTop: c,
-      itemIndex: u,
-      itemOffsetPtg: a,
-      startIndex: d,
-      endIndex: v,
+    K({
+      ...f,
+      scrollTop: p,
+      itemIndex: g,
+      itemOffsetPtg: h,
+      startIndex: y,
+      endIndex: C,
       status: "MEASURE_START"
-    }), t && Z?.(t, { index: u });
+    }), t && st?.(t, { index: g });
   };
-  b(() => () => {
-    y.current && cancelAnimationFrame(y.current);
-  }, []), b(() => {
-    o.current && (Rt && (o.current.scrollTop = 0), st(null, !0));
-  }, [M]), b(() => {
-    if (!o.current)
+  A(() => () => {
+    O.current && cancelAnimationFrame(O.current);
+  }, []), A(() => {
+    a.current && (Pt && (a.current.scrollTop = 0), mt(null, !0));
+  }, [w]), A(() => {
+    if (!a.current)
       return;
     let t = null;
-    const e = nt.current !== I ? I ? "virtual" : "raw" : "";
-    if (nt.current = I, V && j.length !== m.length) {
-      const s = qt(j, m, U);
-      t = s ? s.index : null;
+    const i = ut.current !== _ ? _ ? "virtual" : "raw" : "";
+    if (ut.current = _, Y && q.length !== s.length) {
+      const m = zt(q, s, j);
+      t = m ? m.index : null;
     }
-    if (e || I && t) {
-      const { clientHeight: s } = o.current, r = Q({
-        itemHeight: g(
-          p(i.itemIndex, j)
+    if (i || _ && t) {
+      const { clientHeight: m } = a.current, l = W({
+        itemHeight: M(
+          S(f.itemIndex, q)
         ),
-        itemOffsetPtg: i.itemOffsetPtg,
-        scrollPtg: A({
-          scrollTop: i.scrollTop,
-          scrollHeight: j.length * R,
-          clientHeight: s
+        itemOffsetPtg: f.itemOffsetPtg,
+        scrollPtg: F({
+          scrollTop: f.scrollTop,
+          scrollHeight: q.length * N,
+          clientHeight: m
         }),
-        clientHeight: s
+        clientHeight: m
       });
-      if (e === "raw") {
-        let l = r;
-        for (let c = 0; c < i.itemIndex; c++)
-          l -= g(p(c));
-        o.current.scrollTop = -l, C.current = !0, y.current = requestAnimationFrame(() => {
-          C.current = !1;
+      if (i === "raw") {
+        let d = l;
+        for (let p = 0; p < f.itemIndex; p++)
+          d -= M(S(p));
+        a.current.scrollTop = -d, D.current = !0, O.current = requestAnimationFrame(() => {
+          D.current = !1;
         });
       } else
-        it({
-          itemIndex: i.itemIndex,
-          relativeTop: r
+        ft({
+          itemIndex: f.itemIndex,
+          relativeTop: l
         });
     }
-  }, [m, I]), jt(() => {
-    if (i.status === "MEASURE_START" && o.current) {
-      const { scrollTop: t, scrollHeight: e, clientHeight: s } = o.current, r = A({
+  }, [s, _]), Kt(() => {
+    if (f.status === "MEASURE_START" && a.current) {
+      const { scrollTop: t, scrollHeight: i, clientHeight: m } = a.current, l = F({
         scrollTop: t,
-        scrollHeight: e,
-        clientHeight: s
+        scrollHeight: i,
+        clientHeight: m
       });
-      let l = Wt({
-        scrollPtg: r,
-        clientHeight: s,
-        scrollTop: t - (ot.top + ot.bottom) * r,
-        itemHeight: g(p(i.itemIndex)),
-        itemOffsetPtg: i.itemOffsetPtg
+      let d = $t({
+        scrollPtg: l,
+        clientHeight: m,
+        scrollTop: t - (at.top + at.bottom) * l,
+        itemHeight: M(S(f.itemIndex)),
+        itemOffsetPtg: f.itemOffsetPtg
       });
-      for (let c = i.itemIndex - 1; c >= i.startIndex; c--)
-        l -= g(p(c));
-      N({
-        ...i,
-        startItemTop: l,
+      for (let p = f.itemIndex - 1; p >= f.startIndex; p--)
+        d -= M(S(p));
+      K({
+        ...f,
+        startItemTop: d,
         status: "MEASURE_DONE"
       });
     }
-  }, [i]), Ut(
-    T,
+  }, [f]), Ut(
+    o,
     () => ({
-      dom: o.current,
-      getRootDOMNode: () => o.current,
+      dom: a.current,
+      getRootDOMNode: () => a.current,
       // Scroll to a certain height or an element
       scrollTo: (t) => {
-        y.current && cancelAnimationFrame(y.current), y.current = requestAnimationFrame(() => {
-          if (!o.current)
+        O.current && cancelAnimationFrame(O.current), O.current = requestAnimationFrame(() => {
+          if (!a.current)
             return;
           if (typeof t == "number") {
-            o.current.scrollTop = t;
+            a.current.scrollTop = t;
             return;
           }
-          const e = "index" in t ? t.index : "key" in t ? m.findIndex(
-            (n, u) => U(n, u) === t.key
-          ) : 0, s = m[e];
-          if (!s)
-            return;
-          let r = typeof t == "object" && t.options?.block ? t.options.block : St?.block || "nearest";
-          const { clientHeight: l, scrollTop: c } = o.current;
-          if (I && !K) {
-            if (r === "nearest") {
-              const { itemIndex: n, itemOffsetPtg: u } = i;
-              if (Math.abs(n - e) < M) {
-                let a = Q({
-                  itemHeight: g(p(n)),
-                  itemOffsetPtg: u,
-                  clientHeight: l,
-                  scrollPtg: A(o.current)
+          const i = "index" in t ? t.index : "key" in t ? s.findIndex(
+            (u, g) => j(u, g) === t.key
+          ) : 0, m = s[i];
+          if (!m) return;
+          let l = typeof t == "object" && t.options?.block ? t.options.block : z?.block || "nearest";
+          const { clientHeight: d, scrollTop: p } = a.current;
+          if (_ && !x) {
+            if (l === "nearest") {
+              const { itemIndex: u, itemOffsetPtg: g } = f;
+              if (Math.abs(u - i) < w) {
+                let h = W({
+                  itemHeight: M(S(u)),
+                  itemOffsetPtg: g,
+                  clientHeight: d,
+                  scrollPtg: F(a.current)
                 });
-                if (e < n)
-                  for (let d = e; d < n; d++)
-                    a -= g(p(d));
+                if (i < u)
+                  for (let y = i; y < u; y++)
+                    h -= M(S(y));
                 else
-                  for (let d = n; d < e; d++)
-                    a += g(p(d));
-                if (a < 0 || a > l)
-                  r = a < 0 ? "start" : "end";
+                  for (let y = u; y < i; y++)
+                    h += M(S(y));
+                if (h < 0 || h > d)
+                  l = h < 0 ? "start" : "end";
                 else
                   return;
               } else
-                r = e < n ? "start" : "end";
+                l = i < u ? "start" : "end";
             }
-            N({
-              ...i,
-              startIndex: Math.max(0, e - M),
-              endIndex: Math.min(P - 1, e + M)
+            K({
+              ...f,
+              startIndex: Math.max(0, i - w),
+              endIndex: Math.min(L - 1, i + w)
             }).then(() => {
-              const n = g(U(s, e));
-              it({
-                itemIndex: e,
-                relativeTop: r === "start" ? 0 : (l - n) / (r === "center" ? 2 : 1)
+              const u = M(j(m, i));
+              ft({
+                itemIndex: i,
+                relativeTop: l === "start" ? 0 : (d - u) / (l === "center" ? 2 : 1)
               });
             });
           } else {
-            const n = g(
-              p(e)
+            const u = M(
+              S(i)
             );
-            let u = 0;
-            for (let O = 0; O < e; O++)
-              u += g(p(O));
-            const a = u + n, d = u + n / 2;
-            if (d > c && d < l + c)
+            let g = 0;
+            for (let k = 0; k < i; k++)
+              g += M(S(k));
+            const h = g + u, y = g + u / 2;
+            if (y > p && y < d + p)
               return;
-            r === "nearest" && (u < c ? r = "start" : a > c + l && (r = "end"));
-            const v = l - n;
-            o.current.scrollTop = u - (r === "start" ? 0 : v / (r === "center" ? 2 : 1));
+            l === "nearest" && (g < p ? l = "start" : h > p + d && (l = "end"));
+            const C = d - u;
+            a.current.scrollTop = g - (l === "start" ? 0 : C / (l === "center" ? 2 : 1));
           }
         });
       }
     }),
-    [m, R, i]
+    [s, N, f]
   );
-  const G = (t, e) => t.map((s, r) => {
-    const l = e + r, c = rt(s, l, {
+  const J = (t, i) => t.map((m, l) => {
+    const d = i + l, p = lt(m, d, {
       style: {},
-      itemIndex: r
-    }), n = U(s, l);
-    return J.cloneElement(c, {
-      key: n,
-      ref: (u) => {
-        const { current: a } = F;
-        u && i.status === "MEASURE_START" && (!K || a[n] === void 0) && (K ? (a[L] || (a[L] = ht(u, !0)), a[n] = a[L]) : a[n] = ht(u, !0)), Ft(c?.ref) && c?.ref(u);
+      itemIndex: l
+    }), u = j(m, d);
+    return rt.cloneElement(p, {
+      key: u,
+      ref: (g) => {
+        const { current: h } = V;
+        g && f.status === "MEASURE_START" && (!x || h[u] === void 0) && (x ? (h[U] || (h[U] = yt(g, !0)), h[u] = h[U]) : h[u] = yt(g, !0)), Ct(p?.ref) && p?.ref(g);
       }
     });
-  }), D = H(null);
-  b(() => {
-    D.current = null;
-  }, [m]);
-  const vt = () => {
-    if (Ht) {
-      const t = D.current === null ? $t(m) : D.current, e = m[t];
-      return D.current = t, e ? /* @__PURE__ */ E("div", { style: { height: 1, overflow: "hidden", opacity: 0 }, children: rt(e, t, { style: {} }) }) : null;
+  }), G = R(null);
+  A(() => {
+    G.current = null;
+  }, [s]);
+  const Ot = () => {
+    if (P) {
+      const t = G.current === null ? Qt(s) : G.current, i = s[t];
+      return G.current = t, i ? /* @__PURE__ */ v("div", { style: { height: 1, overflow: "hidden", opacity: 0 }, children: lt(i, t, { style: {} }) }) : null;
     }
     return null;
   };
-  function Ot() {
-    if (o.current && !dt(k)) {
-      const { clientHeight: t } = o.current;
-      Pt(t);
+  function vt() {
+    if (a.current && !Tt(B)) {
+      const { clientHeight: t } = a.current;
+      Et(t);
     }
   }
-  return b(() => {
-    const t = Bt([o.current], Ot);
+  return A(() => {
+    const t = Yt([a.current], vt);
     return () => {
       t();
     };
-  }, [o.current]), /* @__PURE__ */ E(
-    It,
+  }, [a.current]), /* @__PURE__ */ v(
+    b,
     {
-      ref: o,
+      ref: a,
       style: {
         overflowY: "auto",
         scrollSnapType: "y mandatory",
         overflowAnchor: "none",
-        ...f,
-        maxHeight: k
+        ...n,
+        maxHeight: B
       },
-      className: _,
-      onScroll: I ? st : Mt,
-      ...Et,
-      children: I ? /* @__PURE__ */ _t(wt, { children: [
-        /* @__PURE__ */ E(
-          ft,
+      className: e,
+      onScroll: _ ? mt : Rt,
+      ...bt,
+      children: _ ? /* @__PURE__ */ Nt(wt, { children: [
+        /* @__PURE__ */ v(
+          xt,
           {
-            height: q,
-            outerStyle: tt,
-            innerStyle: et,
-            offset: i.status === "MEASURE_DONE" ? i.startItemTop : 0,
-            children: /* @__PURE__ */ E(B, { children: G(
-              m.slice(i.startIndex, i.endIndex + 1),
-              i.startIndex
+            height: $,
+            outerStyle: it,
+            innerStyle: ct,
+            offset: f.status === "MEASURE_DONE" ? f.startItemTop : 0,
+            children: /* @__PURE__ */ v(X, { children: J(
+              s.slice(f.startIndex, f.endIndex + 1),
+              f.startIndex
             ) })
           }
         ),
-        vt()
-      ] }) : yt ? /* @__PURE__ */ E(
-        ft,
+        Ot()
+      ] }) : Mt ? /* @__PURE__ */ v(
+        xt,
         {
-          height: V,
-          outerStyle: tt,
-          innerStyle: et,
-          children: /* @__PURE__ */ E(B, { children: G(m, 0) })
+          height: Y,
+          outerStyle: it,
+          innerStyle: ct,
+          children: /* @__PURE__ */ v(X, { children: J(s, 0) })
         }
-      ) : /* @__PURE__ */ E(B, { children: G(m, 0) })
+      ) : /* @__PURE__ */ v(X, { children: J(s, 0) })
     }
   );
 });
-te.displayName = "VirtualList";
+ne.displayName = "VirtualList";
 export {
-  te as default
+  ne as default
 };