@blocklet/ui-react 3.2.17 → 3.2.19

package/lib/Dashboard/index.js

@@ -1,52 +1,60 @@
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as r, jsxs as z } from "react/jsx-runtime";
 import "iconify-icon";
-import { use as R, useMemo as w, useLayoutEffect as L } from "react";
-import t from "prop-types";
-import { SessionContext as T } from "@arcblock/did-connect-react/lib/Session";
-import { useLocaleContext as z } from "@arcblock/ux/lib/Locale/context";
-import A from "@arcblock/ux/lib/Img";
-import C from "@arcblock/ux/lib/Layout/dashboard";
-import D from "@arcblock/ux/lib/hooks/use-blocklet-logo";
-import { SessionManagerProps as M, BlockletMetaProps as O } from "../types.js";
-import { mapRecursive as j, flatRecursive as H, matchPaths as S } from "../utils.js";
-import { formatBlockletInfo as _, getLocalizedNavigation as E, filterNavByRole as U, publicPath as m } from "../blocklets.js";
-import q from "../common/header-addons.js";
-import { useWalletHiddenTopbar as F } from "../common/wallet-hidden-topbar.js";
-function G({
-  meta: a = {},
+import { use as D, useMemo as w, useLayoutEffect as A } from "react";
+import e from "prop-types";
+import { SessionContext as M } from "@arcblock/did-connect-react/lib/Session";
+import { useLocaleContext as j } from "@arcblock/ux/lib/Locale/context";
+import H from "@arcblock/ux/lib/Img";
+import O from "@arcblock/ux/lib/Layout/dashboard";
+import S from "@arcblock/ux/lib/hooks/use-blocklet-logo";
+import { SessionManagerProps as _, BlockletMetaProps as E } from "../types.js";
+import { mapRecursive as U, flatRecursive as q, matchPaths as F } from "../utils.js";
+import { formatBlockletInfo as G, getLocalizedNavigation as J, filterNavByRole as K, publicPath as m } from "../blocklets.js";
+import Q from "../common/header-addons.js";
+import { useWalletHiddenTopbar as V } from "../common/wallet-hidden-topbar.js";
+import X from "./app-shell/app-header.js";
+import { default as yo } from "./app-shell/app-badge.js";
+import { AppInfoProvider as Y } from "./app-shell/app-info-context.js";
+import { useAppInfo as Ao } from "./app-shell/app-info-context.js";
+function Z({
+  meta: a = void 0,
   fallbackUrl: s = m,
   invalidPathFallback: l = null,
-  headerAddons: k = void 0,
-  sessionManagerProps: N = {
+  headerAddons: L = void 0,
+  sessionManagerProps: P = {
     showRole: !0,
     // dashboard 默认退出登录行为: 跳转到 (root) blocklet 首页
     onLogout: () => {
       window.location.href = m;
     }
   },
-  links: c = [],
-  showDomainWarningDialog: P = !0,
+  links: d = [],
+  showDomainWarningDialog: T = !0,
+  appPath: k = void 0,
+  appTab: I = void 0,
+  onAppTabChange: N = void 0,
+  children: B = void 0,
   ...h
 }) {
-  F();
-  const d = R(T)?.session?.user, g = d?.role, { locale: x, defaultLocale: y } = z() || {}, r = w(() => {
-    const e = Object.assign({}, window.blocklet, a);
+  V();
+  const c = D(M)?.session?.user, g = c?.role, { locale: v, defaultLocale: x } = j() || {}, n = w(() => {
+    const t = Object.assign({}, window.blocklet, a);
     try {
-      return _(e);
-    } catch (n) {
-      return console.error("Failed to format blocklet info", n, e), e;
+      return G(t);
+    } catch (i) {
+      return console.error("Failed to format blocklet info", i, t), t;
     }
-  }, [a]), { localizedNav: v, flattened: f, matchedIndex: b } = w(() => {
-    let e = E({
-      navigation: r?.navigation?.dashboard,
-      locale: x,
-      defaultLocale: y
+  }, [a]), { localizedNav: b, flattened: p, matchedIndex: y } = w(() => {
+    let t = J({
+      navigation: n?.navigation?.dashboard,
+      locale: v,
+      defaultLocale: x
     }) || [];
-    e = U(e, g), e = j(
-      e,
+    t = K(t, g), t = U(
+      t,
       (o) => {
         let u = null;
-        return o.icon && (o.icon.startsWith("http") || o.icon.startsWith("data:") ? u = /* @__PURE__ */ i(A, { src: o.icon }) : u = /* @__PURE__ */ i("iconify-icon", { height: "100%", width: "100%", icon: o.icon })), {
+        return o.icon && (o.icon.startsWith("http") || o.icon.startsWith("data:") ? u = /* @__PURE__ */ r(H, { src: o.icon }) : u = /* @__PURE__ */ r("iconify-icon", { height: "100%", width: "100%", icon: o.icon })), {
           id: o.id,
           title: o.title,
           url: o.link,
@@ -58,55 +66,67 @@ function G({
       },
       "items"
     );
-    const n = H(e).filter((o) => !!o.url), p = S(n.map((o) => o.url));
-    return p !== -1 && (n[p].active = !0), { localizedNav: e, flattened: n, matchedIndex: p };
-  }, [r, x, y, g]), W = typeof c == "function" ? c(v) : [...v, ...c], B = D({
+    const i = q(t).filter((o) => !!o.url), f = F(i.map((o) => o.url));
+    return f !== -1 && (i[f].active = !0), { localizedNav: t, flattened: i, matchedIndex: f };
+  }, [n, v, x, g]), C = typeof d == "function" ? d(b) : [...b, ...d], W = S({
     meta: a
   });
-  if (L(() => {
-    d && !f?.length && s && (window.location.href = s);
-  }, [s]), L(() => {
-    d && f?.length && b === -1 && l && l();
-  }, [l, f, b]), !r.appName)
+  if (A(() => {
+    c && !p?.length && s && (window.location.href = s);
+  }, [s]), A(() => {
+    c && p?.length && y === -1 && l && l();
+  }, [l, p, y]), !n.appName)
     return null;
-  const { appName: I } = r;
-  return /* @__PURE__ */ i(
-    C,
+  const { appName: R } = n;
+  return /* @__PURE__ */ r(
+    O,
     {
-      title: I,
+      title: R,
       fullWidth: !0,
       sidebarWidth: 128,
       legacy: !1,
-      links: W,
+      links: C,
       ...h,
       headerProps: {
         homeLink: m,
-        logo: /* @__PURE__ */ i("img", { src: B, alt: "logo" }),
-        addons: /* @__PURE__ */ i(
-          q,
+        logo: /* @__PURE__ */ r("img", { src: W, alt: "logo" }),
+        addons: /* @__PURE__ */ r(
+          Q,
           {
-            formattedBlocklet: r,
-            addons: k,
-            sessionManagerProps: N,
-            showDomainWarningDialog: P
+            formattedBlocklet: n,
+            addons: L,
+            sessionManagerProps: P,
+            showDomainWarningDialog: T
           }
         ),
         ...h.headerProps
-      }
+      },
+      children: /* @__PURE__ */ z(Y, { path: k, currentTab: I, meta: a, children: [
+        /* @__PURE__ */ r(X, { onTabChange: N }),
+        B
+      ] })
     }
   );
 }
-G.propTypes = {
-  meta: O,
+Z.propTypes = {
+  meta: E,
   // 如果当前用户没有权限访问任何导航菜单, 则自动跳转到 fallbackUrl, 默认值为 publicPath, 设置为 null 表示禁用自动跳转
-  fallbackUrl: t.string,
+  fallbackUrl: e.string,
   // 当前路径未匹配任何 nav links 时的 fallback, 默认行为跳转到首个可用的 nav link
-  invalidPathFallback: t.func,
-  headerAddons: t.oneOfType([t.func, t.node]),
-  sessionManagerProps: M,
-  links: t.oneOfType([t.array, t.func]),
-  showDomainWarningDialog: t.bool
+  invalidPathFallback: e.func,
+  headerAddons: e.oneOfType([e.func, e.node]),
+  sessionManagerProps: _,
+  links: e.oneOfType([e.array, e.func]),
+  showDomainWarningDialog: e.bool,
+  appPath: e.string,
+  appTab: e.string,
+  onAppTabChange: e.func,
+  children: e.node
 };
 export {
-  G as default
+  yo as AppBadge,
+  X as AppHeader,
+  Y as AppInfoProvider,
+  Z as default,
+  Ao as useAppInfo
 };

package/lib/Footer/internal-footer.js

@@ -7,13 +7,13 @@ import y from "./links.js";
 import M from "./social-media.js";
 import O from "./copyright.js";
 import B from "./layout/standard.js";
-import N from "./layout/plain.js";
+import C from "./layout/plain.js";
 const f = [
   {
     name: "plain",
     // 没有 navigation 和 socialMedia, 使用一个简单的两端对齐布局
     support: (t, o) => !o.navigation?.length && !o.socialMedia?.length,
-    component: N
+    component: C
   },
   {
     name: "standard",
@@ -21,20 +21,20 @@ const f = [
     support: () => !0,
     component: B
   }
-], S = f.reduce((t, o) => ({ ...t, [o.name]: o }), {});
-function C({ ...t }) {
+], N = f.reduce((t, o) => ({ ...t, [o.name]: o }), {});
+function S({ ...t }) {
   const {
     brand: o = null,
     navigation: s = null,
     socialMedia: p = null,
     copyright: u = null,
-    links: c = null,
+    links: m = null,
     layout: l = "auto",
     ...e
-  } = t, g = () => o ? /* @__PURE__ */ r(L, { ...o }) : null, h = () => s?.length ? /* @__PURE__ */ r(y, { links: s, columns: 3 }) : null, k = () => p?.length ? /* @__PURE__ */ r(M, { items: p }) : null, b = () => {
+  } = t, g = () => o ? /* @__PURE__ */ r(L, { ...o }) : null, h = () => s?.length ? /* @__PURE__ */ r(y, { links: s, minColumns: 3 }) : null, k = () => p?.length ? /* @__PURE__ */ r(M, { items: p }) : null, b = () => {
     const i = u?.owner || o?.name;
     return i ? /* @__PURE__ */ r(O, { owner: i, year: u?.year || void 0 }) : null;
-  }, x = () => c?.length ? /* @__PURE__ */ r(y, { flowLayout: !0, links: c }) : null, m = {
+  }, x = () => m?.length ? /* @__PURE__ */ r(y, { flowLayout: !0, links: m }) : null, c = {
     brand: g(),
     navigation: h(),
     socialMedia: k(),
@@ -42,7 +42,7 @@ function C({ ...t }) {
     links: x()
   };
   let a = null;
-  if (l === "auto" ? a = f.find((i) => i.support(m, t)).component : a = S[l]?.component, !a)
+  if (l === "auto" ? a = f.find((i) => i.support(c, t)).component : a = N[l]?.component, !a)
     throw new Error(`layout ${l} is not supported.`);
   return /* @__PURE__ */ w(
     d,
@@ -56,7 +56,7 @@ function C({ ...t }) {
         ...Array.isArray(e.sx) ? e.sx : [e.sx]
       ],
       children: [
-        /* @__PURE__ */ r(a, { elements: m, data: t }),
+        /* @__PURE__ */ r(a, { elements: c, data: t }),
         /* @__PURE__ */ r(
           d,
           {
@@ -75,7 +75,7 @@ function C({ ...t }) {
     }
   );
 }
-C.propTypes = {
+S.propTypes = {
   brand: n.shape({
     name: n.node,
     description: n.string,
@@ -108,5 +108,5 @@ C.propTypes = {
   layout: n.oneOf(["auto", "standard", "plain"])
 };
 export {
-  C as default
+  S as default
 };

package/lib/Footer/links.d.ts

@@ -2,11 +2,12 @@ import { default as PropTypes } from 'prop-types';
 /**
  * footer 中的 links (支持分组, 最多支持 2 级)
  */
-declare function Links({ links, flowLayout, columns, ...rest }: {
+declare function Links({ links, flowLayout, minColumns, maxColumns, ...rest }: {
     [x: string]: any;
     links?: never[] | undefined;
     flowLayout?: boolean | undefined;
-    columns: any;
+    minColumns?: number | undefined;
+    maxColumns?: number | undefined;
 }): import("react/jsx-runtime").JSX.Element | null;
 declare namespace Links {
     namespace propTypes {
@@ -17,7 +18,8 @@ declare namespace Links {
             props: PropTypes.Requireable<object>;
         }> | null | undefined)[]>;
         let flowLayout: PropTypes.Requireable<boolean>;
-        let columns: PropTypes.Validator<number>;
+        let minColumns: PropTypes.Requireable<number>;
+        let maxColumns: PropTypes.Requireable<number>;
     }
 }
 export default Links;

package/lib/Footer/links.js

@@ -1,58 +1,58 @@
-import { jsx as r, jsxs as m, Fragment as N } from "react/jsx-runtime";
-import { useState as $ } from "react";
-import l from "prop-types";
-import { useCreation as M } from "ahooks";
-import j from "lodash/isInteger";
-import I from "lodash/isString";
-import { styled as z } from "@arcblock/ux/lib/Theme";
-import c from "clsx";
-import { ExpandMore as C } from "@mui/icons-material";
-import P from "../Icon/index.js";
-import A from "../hooks/use-mobile.js";
-import { splitNavColumns as E, isMailProtocol as F } from "../utils.js";
-function R({ links: e = [], flowLayout: d = !1, columns: u, ...k }) {
-  const [g, b] = $(-1), w = A({ key: "md" }), h = e.some((t) => t.items?.length), x = !w && h && j(u) && u > 1, p = ({ label: t, link: o, icon: i, render: a, props: n }) => {
-    let s = t;
+import { jsx as r, jsxs as d, Fragment as M } from "react/jsx-runtime";
+import { useState as j } from "react";
+import i from "prop-types";
+import { useCreation as I } from "ahooks";
+import z from "lodash/isInteger";
+import P from "lodash/isString";
+import { styled as F } from "@arcblock/ux/lib/Theme";
+import u from "clsx";
+import { ExpandMore as A } from "@mui/icons-material";
+import E from "../Icon/index.js";
+import S from "../hooks/use-mobile.js";
+import { splitNavColumns as T, isMailProtocol as W } from "../utils.js";
+function _({ links: e = [], flowLayout: g = !1, minColumns: f = 1, maxColumns: k = 4, ...h }) {
+  const [x, y] = j(-1), v = S({ key: "md" }), b = e.some((t) => t.items?.length), m = !v && b && z(f) && f > 1 && k >= f, w = m ? Math.min(Math.max(e.length, f), k) : 1, p = ({ label: t, link: o, icon: n, render: a, props: s }) => {
+    let l = t;
     if (a)
-      s = a({ label: t, link: o, props: n });
-    else if (o && I(o)) {
-      const f = o.startsWith("http") || o.startsWith("//"), v = F(o) ? {} : {
-        target: f ? "_blank" : "_self",
-        rel: f ? "noreferrer noopener" : void 0
+      l = a({ label: t, link: o, props: s });
+    else if (o && P(o)) {
+      const c = o.startsWith("http") || o.startsWith("//"), $ = W(o) ? {} : {
+        target: c ? "_blank" : "_self",
+        rel: c ? "noreferrer noopener" : void 0
       };
-      s = /* @__PURE__ */ r("a", { href: o, "aria-label": `Footer link for ${t}`, ...v, ...n, children: t });
+      l = /* @__PURE__ */ r("a", { href: o, "aria-label": `Footer link for ${t}`, ...$, ...s, children: t });
     }
-    return /* @__PURE__ */ m(N, { children: [
-      i && /* @__PURE__ */ r(P, { icon: i, size: 20, sx: { mr: 0.5 } }),
-      s
+    return /* @__PURE__ */ d(M, { children: [
+      n && /* @__PURE__ */ r(E, { icon: n, size: 20, sx: { mr: 0.5 } }),
+      l
     ] });
-  }, y = M(() => e?.length ? d ? e.map((t, o) => /* @__PURE__ */ r("span", { className: "footer-links-item", children: p(t) }, o)) : x ? E(e, { columns: u }).map((t, o) => /* @__PURE__ */ r("div", { className: "footer-links-column", children: t.filter((i) => i.group).map((i, a) => {
-    const { items: n } = i;
-    return /* @__PURE__ */ m("div", { className: "footer-links-group", children: [
-      /* @__PURE__ */ r("span", { className: "footer-links-item", children: p(i) }),
-      !!n?.length && /* @__PURE__ */ r("div", { className: "footer-links-sub", children: n.map((s, f) => /* @__PURE__ */ r(
+  }, N = I(() => e?.length ? g ? e.map((t, o) => /* @__PURE__ */ r("span", { className: "footer-links-item", children: p(t) }, o)) : m ? T(e, { columns: w }).map((t, o) => /* @__PURE__ */ r("div", { className: "footer-links-column", children: t.filter((n) => n.group).map((n, a) => {
+    const { items: s } = n;
+    return /* @__PURE__ */ d("div", { className: "footer-links-group", children: [
+      /* @__PURE__ */ r("span", { className: "footer-links-item", children: p(n) }),
+      !!s?.length && /* @__PURE__ */ r("div", { className: "footer-links-sub", children: s.map((l, c) => /* @__PURE__ */ r(
         "span",
         {
-          className: c("footer-links-item", { "footer-links-item--new": s.isNew }),
-          children: p(s)
+          className: u("footer-links-item", { "footer-links-item--new": l.isNew }),
+          children: p(l)
         },
-        f
+        c
       )) })
     ] }, a);
   }) }, o)) : e.map((t, o) => {
-    const { items: i } = t, a = o === g;
-    return /* @__PURE__ */ m(
+    const { items: n } = t, a = o === x;
+    return /* @__PURE__ */ d(
       "div",
       {
-        className: c("footer-links-group", {
+        className: u("footer-links-group", {
           "footer-links-group--active": a
         }),
-        onClick: () => b(g === o ? -1 : o),
+        onClick: () => y(x === o ? -1 : o),
         children: [
-          /* @__PURE__ */ m("span", { className: "footer-links-item", children: [
+          /* @__PURE__ */ d("span", { className: "footer-links-item", children: [
             p(t),
-            !!i?.length && /* @__PURE__ */ r("span", { className: "footer-links-group-expand-icon", children: /* @__PURE__ */ r(
-              C,
+            !!n?.length && /* @__PURE__ */ r("span", { className: "footer-links-group-expand-icon", children: /* @__PURE__ */ r(
+              A,
               {
                 style: {
                   transform: `rotate(${a ? 180 : 0}deg)`
@@ -60,40 +60,42 @@ function R({ links: e = [], flowLayout: d = !1, columns: u, ...k }) {
               }
             ) })
           ] }),
-          !!i?.length && /* @__PURE__ */ r("div", { className: "footer-links-sub", children: i.map((n, s) => /* @__PURE__ */ r("span", { className: c("footer-links-item", { "footer-links-item--new": n.isNew }), children: p(n) }, s)) })
+          !!n?.length && /* @__PURE__ */ r("div", { className: "footer-links-sub", children: n.map((s, l) => /* @__PURE__ */ r("span", { className: u("footer-links-item", { "footer-links-item--new": s.isNew }), children: p(s) }, l)) })
         ]
       },
       o
     );
-  }) : null, [e, d, x, g]);
+  }) : null, [e, g, m, x]);
   return e?.length ? /* @__PURE__ */ r(
-    S,
+    C,
     {
-      ...k,
-      className: c(k.className, {
-        "footer-links--grouped": h,
-        "footer-links--flow": d,
-        "footer-links--columns": x
+      columns: w,
+      ...h,
+      className: u(h.className, {
+        "footer-links--grouped": b,
+        "footer-links--flow": g,
+        "footer-links--columns": m
       }),
-      children: /* @__PURE__ */ r("div", { className: "footer-links-inner", children: y })
+      children: /* @__PURE__ */ r("div", { className: "footer-links-inner", children: N })
     }
   ) : null;
 }
-R.propTypes = {
-  links: l.arrayOf(
-    l.shape({
-      label: l.string,
-      link: l.string,
-      render: l.func,
-      props: l.object
+_.propTypes = {
+  links: i.arrayOf(
+    i.shape({
+      label: i.string,
+      link: i.string,
+      render: i.func,
+      props: i.object
     })
   ),
   // 流动布局, 简单的从左到右排列
-  flowLayout: l.bool,
-  // 列布局
-  columns: l.number.isRequired
+  flowLayout: i.bool,
+  // 列布局，最小列数，最大列数
+  minColumns: i.number,
+  maxColumns: i.number
 };
-const S = z("div")`
+const C = F("div", { shouldForwardProp: (e) => e !== "columns" })`
   overflow: hidden;
   color: ${({ theme: e }) => e.palette.text.secondary};
   .footer-links-inner {
@@ -158,7 +160,7 @@ const S = z("div")`
   /* columns 布局 */
   &.footer-links--columns {
     .footer-links-inner {
-      gap: 96px;
+      gap: ${({ columns: e }) => `${288 / e}px`};
     }
     .footer-links-column {
       display: flex;
@@ -244,5 +246,5 @@ const S = z("div")`
   }
 `;
 export {
-  R as default
+  _ as default
 };

package/lib/utils.js

@@ -1,54 +1,54 @@
 const p = (n, r, e = "children") => n.map((t) => Array.isArray(t[e]) ? r({
   ...t,
   [e]: p(t[e], r, e)
-}) : r(t)), v = (n, r = "children") => {
+}) : r(t)), A = (n, r = "children") => {
   const e = [];
   return p(n, (t) => e.push(t), r), e;
-}, A = (n, r = "children") => {
+}, C = (n, r = "children") => {
   let e = 0;
   return p(n, () => e++, r), e;
-}, H = (n, r, e = "children") => n.map((t) => ({ ...t })).filter((t) => {
+}, R = (n, r, e = "children") => n.map((t) => ({ ...t })).filter((t) => {
   const s = t[e];
   if (Array.isArray(s)) {
-    const a = H(s, r, e);
+    const a = R(s, r, e);
     t[e] = a?.length ? a : void 0;
   }
   const l = { filteredChildren: t[e], isLeaf: !s?.length };
   return r(t, l);
-}), C = (n) => /^https?:\/\//.test(n), P = (n) => /^mailto:/i.test(n.trim()), S = (n) => /^[\w-]+:[\w-]+$/.test(n), R = (n) => {
+}), P = (n) => /^https?:\/\//.test(n), S = (n) => /^mailto:/i.test(n.trim()), x = (n) => /^[\w-]+:[\w-]+$/.test(n), v = (n) => {
   if (!n || !n?.startsWith("/"))
     return !1;
   const r = (s) => s.endsWith("/") ? s : `${s}/`, e = r(window.location.pathname), t = r(new URL(n, window.location.origin).pathname);
   return e.startsWith(t);
-}, x = (n = []) => {
-  const r = n.map((t, s) => ({ path: t, index: s })).filter((t) => R(t.path));
+}, W = (n = []) => {
+  const r = n.map((t, s) => ({ path: t, index: s })).filter((t) => v(t.path));
   return r?.length ? r.slice(1).reduce((t, s) => t.path.length >= s.path.length ? t : s, r[0]).index : -1;
-}, W = (n, r = {}) => {
-  const { columns: e = 1, breakInside: t = !1, groupHeight: s = 48, itemHeight: l = 24, childrenKey: a = "items" } = r, m = n.reduce((c, g) => c + s + (g[a]?.length || 0) * l, 0), h = Math.ceil(m / e), u = [[]];
-  let o = 0, i = 0;
-  const d = h * 0.2, f = (c) => i > h - d && o < e - 1 && i + c > h + d;
-  return n.forEach((c) => {
-    const g = s + (c[a]?.length || 0) * l;
-    t && f(s) && (o++, i = 0, u[o] = []), !t && i > 0 && f(g) && (o++, i = 0, u[o] = []), u[o].push({
-      ...c,
+}, k = (n, r = {}) => {
+  const { columns: e = 1, breakInside: t = !1, groupHeight: s = 48, itemHeight: l = 24, childrenKey: a = "items" } = r, m = n.length, w = n.reduce((i, g) => i + s + (g[a]?.length || 0) * l, 0), h = Math.ceil(w / e), u = [[]];
+  let o = 0, c = 0;
+  const d = h * 0.2, f = (i) => c > h - d && o < e - 1 && c + i > h + d;
+  return n.forEach((i) => {
+    const g = s + (i[a]?.length || 0) * l;
+    t && f(s) && (o++, c = 0, u[o] = []), !t && c > 0 && (m <= e || f(g)) && (o++, c = 0, u[o] = []), u[o].push({
+      ...i,
       group: !0
-    }), i += s, c[a] && c[a].forEach((w) => {
-      t && f(l) && (o++, i = 0, u[o] = []), u[o].push({
-        ...w,
+    }), c += s, i[a] && i[a].forEach((H) => {
+      t && f(l) && (o++, c = 0, u[o] = []), u[o].push({
+        ...H,
         group: !1
-      }), i += l;
+      }), c += l;
     });
   }), u;
 };
 export {
-  A as countRecursive,
-  H as filterRecursive,
-  v as flatRecursive,
-  S as isIconifyString,
-  P as isMailProtocol,
-  C as isUrl,
+  C as countRecursive,
+  R as filterRecursive,
+  A as flatRecursive,
+  x as isIconifyString,
+  S as isMailProtocol,
+  P as isUrl,
   p as mapRecursive,
-  R as matchPath,
-  x as matchPaths,
-  W as splitNavColumns
+  v as matchPath,
+  W as matchPaths,
+  k as splitNavColumns
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/ui-react",
-  "version": "3.2.17",
+  "version": "3.2.19",
   "description": "Some useful front-end web components that can be used in Blocklets.",
   "keywords": [
     "react",
@@ -35,9 +35,9 @@
   "dependencies": {
     "@abtnode/constant": "^1.17.5",
     "@abtnode/util": "^1.17.5",
-    "@arcblock/bridge": "3.2.17",
-    "@arcblock/icons": "3.2.17",
-    "@arcblock/react-hooks": "3.2.17",
+    "@arcblock/bridge": "3.2.19",
+    "@arcblock/icons": "3.2.19",
+    "@arcblock/react-hooks": "3.2.19",
     "@arcblock/ws": "^1.27.15",
     "@blocklet/did-space-react": "^1.2.10",
     "@iconify-icons/logos": "^1.2.36",
@@ -82,13 +82,19 @@
     "access": "public"
   },
   "devDependencies": {
-    "@arcblock/did-connect-react": "3.2.17",
+    "@arcblock/did-connect-react": "3.2.19",
+    "@babel/preset-env": "^7.28.0",
+    "@babel/preset-react": "^7.27.1",
+    "@babel/preset-typescript": "^7.27.1",
     "@types/dompurify": "^3.2.0",
+    "@types/jest": "^29.5.14",
     "@types/ua-parser-js": "^0.7.39",
     "@types/validator": "^13.15.2",
+    "babel-jest": "29",
     "eslint-plugin-react-hooks": "^4.6.2",
     "jest": "^29.7.0",
+    "typescript": "~5.5.4",
     "unbuild": "^2.0.0"
   },
-  "gitHead": "5f9c8a00065316075847d5b5e5a56874f0929f6e"
+  "gitHead": "8439c6a0c022c3fab219191ff035d737c422f3ff"
 }