@unicom-cloud/ui 0.8.90 → 0.8.92

package/virtual-list/VirtualList.js

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