@unicom-cloud/ui 0.8.41

package/chunk/BGzBxiWE.js

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