@unicom-cloud/ui 0.8.89 → 0.8.90

package/virtual-list/VirtualList.js

@@ -12,28 +12,28 @@ 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, p = Math.min(l, i) * 2;
-  if (e <= p) {
-    const y = Math.floor(e / 2);
-    return e % 2 ? n + y + 1 : n - y;
+  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, p;
+  let i, g;
   if (e === 0 && l === 0)
     return null;
-  e < l ? (i = r, p = o) : (i = o, p = r);
-  const y = { __EMPTY_ITEM__: !0 };
+  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) : y;
+    return I !== void 0 ? n(I, R) : H;
   }
   let P = null, T = Math.abs(e - l) !== 1;
-  for (let I = 0; I < p.length; I += 1) {
-    const R = E(i[I], I), D = E(p[I], I);
+  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(p[I + 1], I + 1);
+      P = I, T = T || R !== E(g[I + 1], I + 1);
       break;
     }
   }
@@ -48,7 +48,7 @@ function Mt(r, o) {
     offsetPtg: Number.isNaN(l) ? 0 : l
   };
 }
-function Ht(r, o = !1) {
+function yt(r, o = !1) {
   const n = Gt(r);
   let e = 0;
   if (o) {
@@ -68,13 +68,13 @@ function U({
   const e = o - n;
   return e <= 0 ? 0 : st(r, e) / e;
 }
-function yt(r, o, n) {
-  const { index: e, offsetPtg: l } = Mt(r, o), i = Math.ceil(r * n), p = Math.ceil((1 - r) * n);
+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 + p)
+    endIndex: Math.min(o - 1, e + g)
   };
 }
 function $({
@@ -95,22 +95,22 @@ function Jt({
   startIndex: e,
   endIndex: l,
   getItemKey: i,
-  itemElementHeights: p,
-  itemHeight: y
+  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 -= p[R] || y;
+      E -= g[R] || H;
     }
   else
     for (let T = o; T <= l; T += 1) {
       const I = i(T);
       if (I === P)
         break;
-      E += p[I] || y;
+      E += g[I] || H;
     }
   return E;
 }
@@ -119,8 +119,8 @@ function Qt(r) {
   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 p = qt(e);
-      p > n && (n = p, o = l);
+      const g = qt(e);
+      g > n && (n = g, o = l);
     }
   }), o;
 }
@@ -128,9 +128,9 @@ const Zt = 32, V = `__virtual_item_height_${Math.random().toFixed(5).slice(2)}`,
   const o = Vt(), { current: n } = r;
   L(() => {
     Object.keys(n).length && !n[V] && (n[V] = Object.entries(n).reduce(
-      (e, [, l], i, p) => {
-        const y = e + l;
-        return i === p.length - 1 ? Math.round(y / p.length) : y;
+      (e, [, l], i, g) => {
+        const H = e + l;
+        return i === g.length - 1 ? Math.round(H / g.length) : H;
       },
       0
     ), o());
@@ -146,8 +146,8 @@ const Zt = 32, V = `__virtual_item_height_${Math.random().toFixed(5).slice(2)}`,
     className: e,
     children: l,
     data: i = [],
-    itemKey: p,
-    threshold: y = 100,
+    itemKey: g,
+    threshold: H = 100,
     wrapper: E = "div",
     height: P = "100%",
     isStaticItemHeight: T = !0,
@@ -155,23 +155,23 @@ const Zt = 32, V = `__virtual_item_height_${Math.random().toFixed(5).slice(2)}`,
     measureLongestItem: R,
     scrollOptions: D,
     onScroll: N,
-    needFiller: bt = !0,
+    needFiller: St = !0,
     outerStyle: ct,
     innerStyle: lt,
     wrapperChild: J = it.Fragment,
-    ...St
+    ...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, _ = y !== null && w >= y && Q > G, a = v(null), O = v(null), j = v(!1), ft = v(_), at = Ft(() => {
-    if (a.current) {
-      const t = (s) => +window.getComputedStyle(a.current)[s].replace(/\D/g, "");
+  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, "");
       return {
         top: t("paddingTop"),
         bottom: t("paddingBottom")
       };
     }
     return { top: 0, bottom: 0 };
-  }, [a.current]), [m, B] = Bt({
+  }, [f.current]), [m, B] = Bt({
     // measure status
     status: "NONE",
     // render range info
@@ -182,30 +182,30 @@ 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 p == "function" ? p(t, s) : typeof p == "string" ? t[p] : t.key || s, b = (t, s = i) => {
+  }), 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;
-  }, S = (t) => K.current[t] || C, mt = (t) => {
-    const { itemIndex: s, relativeTop: d } = t, { scrollHeight: u, clientHeight: g } = a.current, c = m.scrollTop, x = u - g;
-    let f = Number.MAX_VALUE, h = null, M = null, H = null, X = null, F = null, tt = 0;
+  }, 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 gt = Wt(0, x, c, et), pt = U({
-        scrollTop: gt,
+      const pt = Wt(0, x, c, et), gt = U({
+        scrollTop: pt,
         scrollHeight: u,
-        clientHeight: g
-      }), { itemIndex: nt, itemOffsetPtg: ht, startIndex: rt, endIndex: ot } = yt(
-        pt,
+        clientHeight: p
+      }), { itemIndex: nt, itemOffsetPtg: ht, startIndex: rt, endIndex: ot } = Ht(
+        gt,
         w,
         k
       );
       if (rt <= s && s <= ot) {
         const At = $({
-          itemHeight: S(b(nt)),
+          itemHeight: b(S(nt)),
           itemOffsetPtg: ht,
-          clientHeight: g,
-          scrollPtg: pt
+          clientHeight: p,
+          scrollPtg: gt
         }), Lt = Jt({
           locatedItemRelativeTop: At,
           locatedItemIndex: nt,
@@ -213,20 +213,20 @@ const Zt = 32, V = `__virtual_item_height_${Math.random().toFixed(5).slice(2)}`,
           startIndex: rt,
           endIndex: ot,
           itemHeight: C,
-          getItemKey: b,
+          getItemKey: S,
           itemElementHeights: K.current
         }), It = Math.abs(Lt - d);
-        It < f ? (f = It, h = gt, M = nt, H = ht, X = rt, F = ot, tt = 0) : tt += 1;
+        It < a ? (a = It, h = pt, M = nt, y = ht, X = rt, F = ot, tt = 0) : tt += 1;
       }
       if (tt > 10)
         break;
     }
-    h !== null && (j.current = !0, a.current.scrollTop = h, B({
+    h !== null && (j.current = !0, f.current.scrollTop = h, B({
       ...m,
       status: "MEASURE_START",
       scrollTop: h,
       itemIndex: M,
-      itemOffsetPtg: H,
+      itemOffsetPtg: y,
       startIndex: X,
       endIndex: F
     })), O.current = requestAnimationFrame(() => {
@@ -237,32 +237,32 @@ const Zt = 32, V = `__virtual_item_height_${Math.random().toFixed(5).slice(2)}`,
       scrollTop: s,
       clientHeight: d,
       scrollHeight: u
-    } = a.current, g = st(
+    } = f.current, p = st(
       s,
       u - d
     ), c = U({
-      scrollTop: g,
+      scrollTop: p,
       clientHeight: d,
       scrollHeight: u
-    }), { index: x, offsetPtg: f } = Mt(c, w);
+    }), { index: x, offsetPtg: a } = Mt(c, w);
     B({
       ...m,
-      scrollTop: g,
+      scrollTop: p,
       itemIndex: x,
-      itemOffsetPtg: f
+      itemOffsetPtg: a
     }), t && (N == null || N(t, { index: x }));
   }, dt = (t, s = !1) => {
-    const d = Q, { scrollTop: u, clientHeight: g } = a.current, c = st(
+    const d = Q, { scrollTop: u, clientHeight: p } = f.current, c = st(
       u,
-      d - g
+      d - p
     );
     if (!s && (c === m.scrollTop || j.current))
       return;
     const x = U({
       scrollTop: c,
-      clientHeight: g,
+      clientHeight: p,
       scrollHeight: d
-    }), { itemIndex: f, itemOffsetPtg: h, startIndex: M, endIndex: H } = yt(
+    }), { itemIndex: a, itemOffsetPtg: h, startIndex: M, endIndex: y } = Ht(
       x,
       w,
       k
@@ -270,30 +270,30 @@ const Zt = 32, V = `__virtual_item_height_${Math.random().toFixed(5).slice(2)}`,
     B({
       ...m,
       scrollTop: c,
-      itemIndex: f,
+      itemIndex: a,
       itemOffsetPtg: h,
       startIndex: M,
-      endIndex: H,
+      endIndex: y,
       status: "MEASURE_START"
-    }), t && (N == null || N(t, { index: f }));
+    }), t && (N == null || N(t, { index: a }));
   };
   L(() => () => {
     O.current && cancelAnimationFrame(O.current);
   }, []), L(() => {
-    a.current && (Pt && (a.current.scrollTop = 0), dt(null, !0));
+    f.current && (Pt && (f.current.scrollTop = 0), dt(null, !0));
   }, [k]), L(() => {
-    if (!a.current)
+    if (!f.current)
       return;
     let t = null;
-    const s = ft.current !== _ ? _ ? "virtual" : "raw" : "";
-    if (ft.current = _, G && W.length !== i.length) {
+    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;
     }
     if (s || _ && t) {
-      const { clientHeight: d } = a.current, u = $({
-        itemHeight: S(
-          b(m.itemIndex, W)
+      const { clientHeight: d } = f.current, u = $({
+        itemHeight: b(
+          S(m.itemIndex, W)
         ),
         itemOffsetPtg: m.itemOffsetPtg,
         scrollPtg: U({
@@ -304,10 +304,10 @@ const Zt = 32, V = `__virtual_item_height_${Math.random().toFixed(5).slice(2)}`,
         clientHeight: d
       });
       if (s === "raw") {
-        let g = u;
+        let p = u;
         for (let c = 0; c < m.itemIndex; c++)
-          g -= S(b(c));
-        a.current.scrollTop = -g, j.current = !0, O.current = requestAnimationFrame(() => {
+          p -= b(S(c));
+        f.current.scrollTop = -p, j.current = !0, O.current = requestAnimationFrame(() => {
           j.current = !1;
         });
       } else
@@ -317,96 +317,96 @@ const Zt = 32, V = `__virtual_item_height_${Math.random().toFixed(5).slice(2)}`,
         });
     }
   }, [i, _]), Kt(() => {
-    if (m.status === "MEASURE_START" && a.current) {
-      const { scrollTop: t, scrollHeight: s, clientHeight: d } = a.current, u = U({
+    if (m.status === "MEASURE_START" && f.current) {
+      const { scrollTop: t, scrollHeight: s, clientHeight: d } = f.current, u = U({
         scrollTop: t,
         scrollHeight: s,
         clientHeight: d
       });
-      let g = $t({
+      let p = $t({
         scrollPtg: u,
         clientHeight: d,
-        scrollTop: t - (at.top + at.bottom) * u,
-        itemHeight: S(b(m.itemIndex)),
+        scrollTop: t - (ft.top + ft.bottom) * u,
+        itemHeight: b(S(m.itemIndex)),
         itemOffsetPtg: m.itemOffsetPtg
       });
       for (let c = m.itemIndex - 1; c >= m.startIndex; c--)
-        g -= S(b(c));
+        p -= b(S(c));
       B({
         ...m,
-        startItemTop: g,
+        startItemTop: p,
         status: "MEASURE_DONE"
       });
     }
   }, [m]), Ut(
     o,
     () => ({
-      dom: a.current,
-      getRootDOMNode: () => a.current,
+      dom: f.current,
+      getRootDOMNode: () => f.current,
       // Scroll to a certain height or an element
       scrollTo: (t) => {
         O.current && cancelAnimationFrame(O.current), O.current = requestAnimationFrame(() => {
           var x;
-          if (!a.current)
+          if (!f.current)
             return;
           if (typeof t == "number") {
-            a.current.scrollTop = t;
+            f.current.scrollTop = t;
             return;
           }
           const s = "index" in t ? t.index : "key" in t ? i.findIndex(
-            (f, h) => Y(f, h) === t.key
+            (a, h) => Y(a, h) === t.key
           ) : 0, d = i[s];
           if (!d)
             return;
           let u = typeof t == "object" && ((x = t.options) != null && x.block) ? t.options.block : (D == null ? void 0 : D.block) || "nearest";
-          const { clientHeight: g, scrollTop: c } = a.current;
+          const { clientHeight: p, scrollTop: c } = f.current;
           if (_ && !T) {
             if (u === "nearest") {
-              const { itemIndex: f, itemOffsetPtg: h } = m;
-              if (Math.abs(f - s) < k) {
+              const { itemIndex: a, itemOffsetPtg: h } = m;
+              if (Math.abs(a - s) < k) {
                 let M = $({
-                  itemHeight: S(b(f)),
+                  itemHeight: b(S(a)),
                   itemOffsetPtg: h,
-                  clientHeight: g,
-                  scrollPtg: U(a.current)
+                  clientHeight: p,
+                  scrollPtg: U(f.current)
                 });
-                if (s < f)
-                  for (let H = s; H < f; H++)
-                    M -= S(b(H));
+                if (s < a)
+                  for (let y = s; y < a; y++)
+                    M -= b(S(y));
                 else
-                  for (let H = f; H < s; H++)
-                    M += S(b(H));
-                if (M < 0 || M > g)
+                  for (let y = a; y < s; y++)
+                    M += b(S(y));
+                if (M < 0 || M > p)
                   u = M < 0 ? "start" : "end";
                 else
                   return;
               } else
-                u = s < f ? "start" : "end";
+                u = s < a ? "start" : "end";
             }
             B({
               ...m,
               startIndex: Math.max(0, s - k),
               endIndex: Math.min(w - 1, s + k)
             }).then(() => {
-              const f = S(Y(d, s));
+              const a = b(Y(d, s));
               mt({
                 itemIndex: s,
-                relativeTop: u === "start" ? 0 : (g - f) / (u === "center" ? 2 : 1)
+                relativeTop: u === "start" ? 0 : (p - a) / (u === "center" ? 2 : 1)
               });
             });
           } else {
-            const f = S(
-              b(s)
+            const a = b(
+              S(s)
             );
             let h = 0;
             for (let F = 0; F < s; F++)
-              h += S(b(F));
-            const M = h + f, H = h + f / 2;
-            if (H > c && H < g + c)
+              h += b(S(F));
+            const M = h + a, y = h + a / 2;
+            if (y > c && y < p + c)
               return;
-            u === "nearest" && (h < c ? u = "start" : M > c + g && (u = "end"));
-            const X = g - f;
-            a.current.scrollTop = h - (u === "start" ? 0 : X / (u === "center" ? 2 : 1));
+            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));
           }
         });
       }
@@ -414,15 +414,15 @@ const Zt = 32, V = `__virtual_item_height_${Math.random().toFixed(5).slice(2)}`,
     [i, C, m]
   );
   const Z = (t, s) => t.map((d, u) => {
-    const g = s + u, c = ut(d, g, {
+    const p = s + u, c = ut(d, p, {
       style: {},
       itemIndex: u
-    }), x = Y(d, g);
+    }), x = Y(d, p);
     return it.cloneElement(c, {
       key: x,
-      ref: (f) => {
+      ref: (a) => {
         const { current: h } = K;
-        f && m.status === "MEASURE_START" && (!T || h[x] === void 0) && (T ? (h[V] || (h[V] = Ht(f, !0)), h[x] = h[V]) : h[x] = Ht(f, !0)), Ct(c == null ? void 0 : c.ref) && (c == null || c.ref(f));
+        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));
       }
     });
   }), z = v(null);
@@ -437,29 +437,30 @@ const Zt = 32, V = `__virtual_item_height_${Math.random().toFixed(5).slice(2)}`,
     return null;
   };
   function Ot() {
-    if (a.current && !Tt(q)) {
-      const { clientHeight: t } = a.current;
+    if (f.current && !Tt(q)) {
+      const { clientHeight: t } = f.current;
       _t(t);
     }
   }
   return L(() => {
-    const t = Yt([a.current], Ot);
+    const t = Yt([f.current], Ot);
     return () => {
       t();
     };
-  }, [a.current]), /* @__PURE__ */ A(
+  }, [f.current]), /* @__PURE__ */ A(
     E,
     {
-      ref: a,
+      ref: f,
       style: {
         overflowY: "auto",
+        scrollSnapType: "y mandatory",
         overflowAnchor: "none",
         ...n,
         maxHeight: q
       },
       className: e,
       onScroll: _ ? dt : Rt,
-      ...St,
+      ...bt,
       children: _ ? /* @__PURE__ */ Nt(wt, { children: [
         /* @__PURE__ */ A(
           xt,
@@ -475,7 +476,7 @@ const Zt = 32, V = `__virtual_item_height_${Math.random().toFixed(5).slice(2)}`,
           }
         ),
         vt()
-      ] }) : bt ? /* @__PURE__ */ A(
+      ] }) : St ? /* @__PURE__ */ A(
         xt,
         {
           height: G,