@unicom-cloud/ui 0.8.96 → 0.8.98

package/virtual-list/VirtualList.js

@@ -1,64 +1,64 @@
-import { jsx as b, jsxs as _t, Fragment as wt } from "react/jsx-runtime";
+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 tt, { useRef as y, useState as Ct, useMemo as Nt, useEffect as P, useImperativeHandle as Ut } from "react";
+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 { resizeObserverEffect as Bt } from "../components/common/utils/resizeObserverEffect.js";
-import pt from "./Filler.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 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;
+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;
       },
       0
-    ), 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) => {
+    ), 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) => {
   const {
-    style: d,
-    className: w,
-    children: H,
-    data: a = [],
+    style: f,
+    className: _,
+    children: x,
+    data: m = [],
     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: rt,
-    innerStyle: nt,
-    wrapperChild: W = tt.Fragment,
+    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
-  } = 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, "");
+  } = 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, "");
       return {
         top: t("paddingTop"),
         bottom: t("paddingBottom")
       };
     }
     return { top: 0, bottom: 0 };
-  }, [i.current]), [s, U] = Kt({
+  }, [o.current]), [i, N] = Kt({
     // measure status
     status: "NONE",
     // render range info
@@ -69,309 +69,308 @@ const Jt = 32, _ = `__virtual_item_height_${Math.random().toFixed(5).slice(2)}`,
     // scroll info
     startItemTop: 0,
     scrollTop: 0
-  }), 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) => {
+  }), 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 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,
+    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: J, itemOffsetPtg: mt, startIndex: Q, endIndex: Z } = gt(
-        at,
-        M,
-        A
+      }), { itemIndex: z, itemOffsetPtg: at, startIndex: X, endIndex: $ } = pt(
+        ut,
+        P,
+        M
       );
-      if (Q <= e && e <= Z) {
-        const Ot = et({
-          itemHeight: h(g(J)),
-          itemOffsetPtg: mt,
+      if (X <= e && e <= $) {
+        const At = Q({
+          itemHeight: g(p(z)),
+          itemOffsetPtg: at,
           clientHeight: l,
-          scrollPtg: at
+          scrollPtg: ut
         }), Lt = zt({
-          locatedItemRelativeTop: Ot,
-          locatedItemIndex: J,
+          locatedItemRelativeTop: At,
+          locatedItemIndex: z,
           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;
+          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;
       }
-      if (X > 10)
+      if (W > 10)
         break;
     }
-    u !== null && (N.current = !0, i.current.scrollTop = u, U({
-      ...s,
+    a !== null && (C.current = !0, o.current.scrollTop = a, N({
+      ...i,
       status: "MEASURE_START",
-      scrollTop: u,
-      itemIndex: p,
-      itemOffsetPtg: f,
-      startIndex: B,
-      endIndex: O
-    })), E.current = requestAnimationFrame(() => {
-      N.current = !1;
+      scrollTop: a,
+      itemIndex: d,
+      itemOffsetPtg: v,
+      startIndex: O,
+      endIndex: lt
+    })), y.current = requestAnimationFrame(() => {
+      C.current = !1;
     });
   }, Mt = (t) => {
     const {
       scrollTop: e,
-      clientHeight: c,
-      scrollHeight: n
-    } = i.current, l = ht(
+      clientHeight: s,
+      scrollHeight: r
+    } = o.current, l = gt(
       e,
-      n - c
-    ), r = L({
+      r - s
+    ), c = A({
       scrollTop: l,
-      clientHeight: c,
-      scrollHeight: n
-    }), { index: m, offsetPtg: o } = Xt(r, M);
-    U({
-      ...s,
+      clientHeight: s,
+      scrollHeight: r
+    }), { index: n, offsetPtg: u } = Xt(c, P);
+    N({
+      ...i,
       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
+      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
     );
-    if (!e && (r === s.scrollTop || N.current))
+    if (!e && (c === i.scrollTop || C.current))
       return;
-    const m = L({
-      scrollTop: r,
+    const n = A({
+      scrollTop: c,
       clientHeight: l,
-      scrollHeight: c
-    }), { itemIndex: o, itemOffsetPtg: u, startIndex: p, endIndex: f } = gt(
-      m,
-      M,
-      A
+      scrollHeight: s
+    }), { itemIndex: u, itemOffsetPtg: a, startIndex: d, endIndex: v } = pt(
+      n,
+      P,
+      M
     );
-    U({
-      ...s,
-      scrollTop: r,
-      itemIndex: o,
-      itemOffsetPtg: u,
-      startIndex: p,
-      endIndex: f,
+    N({
+      ...i,
+      scrollTop: c,
+      itemIndex: u,
+      itemOffsetPtg: a,
+      startIndex: d,
+      endIndex: v,
       status: "MEASURE_START"
-    }), t && (R == null || R(t, { index: o }));
+    }), t && Z?.(t, { index: u });
   };
-  P(() => () => {
-    E.current && cancelAnimationFrame(E.current);
-  }, []), P(() => {
-    i.current && (Rt && (i.current.scrollTop = 0), lt(null, !0));
-  }, [A]), P(() => {
-    if (!i.current)
+  b(() => () => {
+    y.current && cancelAnimationFrame(y.current);
+  }, []), b(() => {
+    o.current && (Rt && (o.current.scrollTop = 0), st(null, !0));
+  }, [M]), b(() => {
+    if (!o.current)
       return;
     let t = 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;
+    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;
     }
-    if (e || T && t) {
-      const { clientHeight: c } = i.current, n = et({
-        itemHeight: h(
-          g(s.itemIndex, D)
+    if (e || I && t) {
+      const { clientHeight: s } = o.current, r = Q({
+        itemHeight: g(
+          p(i.itemIndex, j)
         ),
-        itemOffsetPtg: s.itemOffsetPtg,
-        scrollPtg: L({
-          scrollTop: s.scrollTop,
-          scrollHeight: D.length * v,
-          clientHeight: c
+        itemOffsetPtg: i.itemOffsetPtg,
+        scrollPtg: A({
+          scrollTop: i.scrollTop,
+          scrollHeight: j.length * R,
+          clientHeight: s
         }),
-        clientHeight: c
+        clientHeight: s
       });
       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;
+        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;
         });
       } else
-        ct({
-          itemIndex: s.itemIndex,
-          relativeTop: n
+        it({
+          itemIndex: i.itemIndex,
+          relativeTop: r
         });
     }
-  }, [a, T]), jt(() => {
-    if (s.status === "MEASURE_START" && i.current) {
-      const { scrollTop: t, scrollHeight: e, clientHeight: c } = i.current, n = L({
+  }, [m, I]), jt(() => {
+    if (i.status === "MEASURE_START" && o.current) {
+      const { scrollTop: t, scrollHeight: e, clientHeight: s } = o.current, r = A({
         scrollTop: t,
         scrollHeight: e,
-        clientHeight: c
+        clientHeight: s
       });
       let l = Wt({
-        scrollPtg: n,
-        clientHeight: c,
-        scrollTop: t - (st.top + st.bottom) * n,
-        itemHeight: h(g(s.itemIndex)),
-        itemOffsetPtg: s.itemOffsetPtg
+        scrollPtg: r,
+        clientHeight: s,
+        scrollTop: t - (ot.top + ot.bottom) * r,
+        itemHeight: g(p(i.itemIndex)),
+        itemOffsetPtg: i.itemOffsetPtg
       });
-      for (let r = s.itemIndex - 1; r >= s.startIndex; r--)
-        l -= h(g(r));
-      U({
-        ...s,
+      for (let c = i.itemIndex - 1; c >= i.startIndex; c--)
+        l -= g(p(c));
+      N({
+        ...i,
         startItemTop: l,
         status: "MEASURE_DONE"
       });
     }
-  }, [s]), Ut(
-    x,
+  }, [i]), Ut(
+    T,
     () => ({
-      dom: i.current,
-      getRootDOMNode: () => i.current,
+      dom: o.current,
+      getRootDOMNode: () => o.current,
       // Scroll to a certain height or an element
       scrollTo: (t) => {
-        E.current && cancelAnimationFrame(E.current), E.current = requestAnimationFrame(() => {
-          var m;
-          if (!i.current)
+        y.current && cancelAnimationFrame(y.current), y.current = requestAnimationFrame(() => {
+          if (!o.current)
             return;
           if (typeof t == "number") {
-            i.current.scrollTop = t;
+            o.current.scrollTop = t;
             return;
           }
-          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)
+          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 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)),
+          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: L(i.current)
+                  scrollPtg: A(o.current)
                 });
-                if (e < o)
-                  for (let f = e; f < o; f++)
-                    p -= h(g(f));
+                if (e < n)
+                  for (let d = e; d < n; d++)
+                    a -= g(p(d));
                 else
-                  for (let f = o; f < e; f++)
-                    p += h(g(f));
-                if (p < 0 || p > l)
-                  n = p < 0 ? "start" : "end";
+                  for (let d = n; d < e; d++)
+                    a += g(p(d));
+                if (a < 0 || a > l)
+                  r = a < 0 ? "start" : "end";
                 else
                   return;
               } else
-                n = e < o ? "start" : "end";
+                r = e < n ? "start" : "end";
             }
-            U({
-              ...s,
-              startIndex: Math.max(0, e - A),
-              endIndex: Math.min(M - 1, e + A)
+            N({
+              ...i,
+              startIndex: Math.max(0, e - M),
+              endIndex: Math.min(P - 1, e + M)
             }).then(() => {
-              const o = h(k(c, e));
-              ct({
+              const n = g(U(s, e));
+              it({
                 itemIndex: e,
-                relativeTop: n === "start" ? 0 : (l - o) / (n === "center" ? 2 : 1)
+                relativeTop: r === "start" ? 0 : (l - n) / (r === "center" ? 2 : 1)
               });
             });
           } else {
-            const o = h(
-              g(e)
+            const n = g(
+              p(e)
             );
             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)
+              u += g(p(O));
+            const a = u + n, d = u + n / 2;
+            if (d > c && d < l + c)
               return;
-            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));
+            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));
           }
         });
       }
     }),
-    [a, v, s]
+    [m, R, i]
   );
-  const z = (t, e) => t.map((c, n) => {
-    const l = e + n, r = ot(c, l, {
+  const G = (t, e) => t.map((s, r) => {
+    const l = e + r, c = rt(s, l, {
       style: {},
-      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));
+      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);
       }
     });
-  }), K = y(null);
-  P(() => {
-    K.current = null;
-  }, [a]);
+  }), D = H(null);
+  b(() => {
+    D.current = null;
+  }, [m]);
   const vt = () => {
-    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;
+    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;
     }
     return null;
   };
-  function At() {
-    if (i.current && !dt(V)) {
-      const { clientHeight: t } = i.current;
+  function Ot() {
+    if (o.current && !dt(k)) {
+      const { clientHeight: t } = o.current;
       Pt(t);
     }
   }
-  return P(() => {
-    const t = Bt([i.current], At);
+  return b(() => {
+    const t = Bt([o.current], Ot);
     return () => {
       t();
     };
-  }, [i.current]), /* @__PURE__ */ b(
-    Tt,
+  }, [o.current]), /* @__PURE__ */ E(
+    It,
     {
-      ref: i,
+      ref: o,
       style: {
         overflowY: "auto",
         scrollSnapType: "y mandatory",
         overflowAnchor: "none",
-        ...d,
-        maxHeight: V
+        ...f,
+        maxHeight: k
       },
-      className: w,
-      onScroll: T ? lt : Mt,
+      className: _,
+      onScroll: I ? st : Mt,
       ...Et,
-      children: T ? /* @__PURE__ */ _t(wt, { children: [
-        /* @__PURE__ */ b(
-          pt,
+      children: I ? /* @__PURE__ */ _t(wt, { children: [
+        /* @__PURE__ */ E(
+          ft,
           {
-            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
+            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
             ) })
           }
         ),
         vt()
-      ] }) : St ? /* @__PURE__ */ b(
-        pt,
+      ] }) : yt ? /* @__PURE__ */ E(
+        ft,
         {
-          height: j,
-          outerStyle: rt,
-          innerStyle: nt,
-          children: /* @__PURE__ */ b(W, { children: z(a, 0) })
+          height: V,
+          outerStyle: tt,
+          innerStyle: et,
+          children: /* @__PURE__ */ E(B, { children: G(m, 0) })
         }
-      ) : /* @__PURE__ */ b(W, { children: z(a, 0) })
+      ) : /* @__PURE__ */ E(B, { children: G(m, 0) })
     }
   );
 });

package/virtual-list/util/item.js

@@ -78,10 +78,9 @@ function y({
 function S(n) {
   let e = -1, o = 0;
   return n.forEach((t, f) => {
-    var r;
-    if (t = typeof t == "string" ? t : (r = t.props) == null ? void 0 : r.children, typeof t == "string") {
-      const c = m(t);
-      c > o && (o = c, e = f);
+    if (t = typeof t == "string" ? t : t.props?.children, typeof t == "string") {
+      const r = m(t);
+      r > o && (o = r, e = f);
     }
   }), e;
 }