@arcblock/ux 3.2.11 → 3.2.13

package/lib/NavMenu/products.js

@@ -1,33 +1,33 @@
 import { jsx as e } from "react/jsx-runtime";
-import { useRef as G, useState as T, useEffect as S } from "react";
-import { Link as p } from "react-router-dom";
-import { useMemoizedFn as A, useCreation as $ } from "ahooks";
-import { Box as w, useTheme as F } from "@mui/material";
-import B from "./sub-item-group.js";
+import { useRef as D, useState as x, useEffect as S } from "react";
+import { Link as G } from "react-router-dom";
+import { useMemoizedFn as k, useCreation as $ } from "ahooks";
+import { Box as g, useTheme as F } from "@mui/material";
+import T from "./sub-item-group.js";
 import { Item as E } from "./nav-menu.js";
-import { styled as C } from "../Theme/index.js";
+import { styled as I } from "../Theme/index.js";
 import { useNavMenuContext as K } from "./nav-menu-context.js";
-import { translate as L } from "../Locale/util.js";
-import { useLocaleContext as _ } from "../Locale/context.js";
+import { translate as B } from "../Locale/util.js";
+import { useLocaleContext as L } from "../Locale/context.js";
 import M from "./images/nft-studio.svg.js";
 import O from "./images/creator-studio.svg.js";
 import P from "./images/blocklet-launcher.svg.js";
 import R from "./images/blocklet-store.svg.js";
-import H from "./images/web3-kit.svg.js";
-import z from "./images/blocklet-framework.svg.js";
-import U from "./images/abt-network.svg.js";
-import j from "./images/blocklet-server.svg.js";
-import V from "./images/OCAP.svg.js";
-import q from "./images/did.svg.js";
-import J from "./images/did-wallet.svg.js";
-import Q from "./images/vc.svg.js";
-import X from "./images/payment-kit.png";
-import Y from "./images/aigne.svg.js";
-import Z from "./images/aigne-image-smith.svg.js";
-import I from "./images/arcsphere.svg.js";
-import ee from "./images/aistro.png";
-import { getUTMUrl as ie } from "../withTracker/libs/utm.js";
-const v = 260, te = {
+import _ from "./images/web3-kit.svg.js";
+import H from "./images/blocklet-framework.svg.js";
+import z from "./images/abt-network.svg.js";
+import U from "./images/blocklet-server.svg.js";
+import j from "./images/OCAP.svg.js";
+import V from "./images/did.svg.js";
+import q from "./images/did-wallet.svg.js";
+import J from "./images/vc.svg.js";
+import Q from "./images/payment-kit.png";
+import X from "./images/aigne.svg.js";
+import Y from "./images/aigne-image-smith.svg.js";
+import f from "./images/arcsphere.svg.js";
+import Z from "./images/aistro.png";
+import { getUTMUrl as ee } from "../withTracker/libs/utm.js";
+const A = 260, ie = {
   en: {
     groups: {
       applications: "Applications",
@@ -424,7 +424,7 @@ const v = 260, te = {
       }
     }
   }
-}, oe = C(w)`
+}, te = I(g)`
   padding: 8px;
   background: ${({ theme: o }) => o.palette.grey[100]};
   border-radius: 8px;
@@ -445,22 +445,22 @@ const v = 260, te = {
   .MuiGrid-container + .MuiGrid-container {
     margin-top: 0px;
   }
-`, re = C(w, { shouldForwardProp: (o) => o !== "maxContent" })(
-  ({ theme: o, maxContent: c }) => ({
+`, oe = I(g, { shouldForwardProp: (o) => o !== "maxContent" })(
+  ({ theme: o, maxContent: n }) => ({
     display: "grid",
     gap: o.spacing(1),
-    gridTemplateColumns: `repeat(1, ${c}px)`,
+    gridTemplateColumns: `repeat(1, ${n}px)`,
     [o.breakpoints.up("md")]: {
-      gridTemplateColumns: `repeat(2, ${c}px)`
+      gridTemplateColumns: `repeat(2, ${n}px)`
     },
     [o.breakpoints.up("lg")]: {
-      gridTemplateColumns: `repeat(3, ${c}px)`
+      gridTemplateColumns: `repeat(3, ${n}px)`
     }
   })
 );
-function y({ color: o = "black", backgroundColor: c = "transparent", children: a }) {
+function v({ color: o = "black", backgroundColor: n = "transparent", children: p }) {
   return /* @__PURE__ */ e(
-    w,
+    g,
     {
       component: "span",
       sx: {
@@ -468,274 +468,248 @@ function y({ color: o = "black", backgroundColor: c = "transparent", children: a
         alignItems: "center",
         justifyContent: "center",
         color: o,
-        backgroundColor: c,
+        backgroundColor: n,
         borderRadius: "4px"
       },
-      children: a
+      children: p
     }
   );
 }
-function h({ color: o = "black", backgroundColor: c = "transparent" }) {
-  return /* @__PURE__ */ e(y, { color: o, backgroundColor: c, children: /* @__PURE__ */ e(q, { style: { width: "100%" } }) });
+function b({ color: o = "black", backgroundColor: n = "transparent" }) {
+  return /* @__PURE__ */ e(v, { color: o, backgroundColor: n, children: /* @__PURE__ */ e(V, { style: { width: "100%" } }) });
 }
-function s({ color: o = "black", backgroundColor: c = "transparent" }) {
-  return /* @__PURE__ */ e(y, { color: o, backgroundColor: c, children: /* @__PURE__ */ e(Y, { style: { width: "100%", height: "100%" } }) });
+function s({ color: o = "black", backgroundColor: n = "transparent" }) {
+  return /* @__PURE__ */ e(v, { color: o, backgroundColor: n, children: /* @__PURE__ */ e(X, { style: { width: "100%", height: "100%" } }) });
 }
-const N = (o) => {
+const re = (o = "") => o.startsWith("http:") || o.startsWith("https:"), ne = (o) => {
   try {
-    return new URL(o).origin !== window.location.origin;
+    return new URL(o).origin === window.location.origin;
   } catch {
     return !1;
   }
 };
-function t({ to: o, children: c, className: a = "", ...m }) {
-  return N(o) ? /* @__PURE__ */ e(p, { to: ie(o, "header"), target: "_blank", rel: "noreferrer noopener", className: a, ...m, children: c }) : /* @__PURE__ */ e(p, { to: o, className: a, ...m, children: c });
+function t({ to: o, children: n, className: p = "", ...l }) {
+  if (re(o)) {
+    const m = ne(o) ? "_self" : "_blank";
+    return /* @__PURE__ */ e("a", { href: ee(o, "header"), target: m, rel: "noreferrer noopener", className: p, ...l, children: n });
+  }
+  return /* @__PURE__ */ e(G, { to: o, className: p, ...l, children: n });
 }
-function Be({ className: o = "", type: c, ...a }) {
-  const { mode: m } = K(), k = F(), { locale: r = "en" } = _() || {}, l = G(null), { palette: f } = k, i = A((n, d = {}) => L(te, n, r, "en", d)), [W, D] = T(v), u = A(() => {
-    if (!l.current) return;
-    const n = l.current.querySelectorAll(".navmenu-item__content");
-    let d = v;
-    n.forEach((b) => {
-      const g = b.getBoundingClientRect().width + 64;
-      g > d && (d = g);
-    }), D(d);
+function Ke({ className: o = "", type: n, ...p }) {
+  const { mode: l } = K(), m = F(), { locale: r = "en" } = L() || {}, a = D(null), { palette: h } = m, i = k((c, d = {}) => B(ie, c, r, "en", d)), [C, y] = x(A), u = k(() => {
+    if (!a.current) return;
+    const c = a.current.querySelectorAll(".navmenu-item__content");
+    let d = A;
+    c.forEach((N) => {
+      const w = N.getBoundingClientRect().width + 64;
+      w > d && (d = w);
+    }), y(d);
   });
   S(() => {
     u();
-  }, [k, r, c, u]), S(() => {
-    if (!l.current) return;
-    const n = l.current.querySelector(".navmenu-item__content");
-    if (!n) return;
+  }, [m, r, n, u]), S(() => {
+    if (!a.current) return;
+    const c = a.current.querySelector(".navmenu-item__content");
+    if (!c) return;
     const d = new ResizeObserver(() => {
       u();
     });
-    return d.observe(n), () => {
+    return d.observe(c), () => {
       d.disconnect();
     };
   }, [u]);
-  const x = $(() => {
-    if (c === "ARCBLOCK")
-      return [
+  const W = $(() => n === "ARCBLOCK" ? [
+    {
+      type: "Group",
+      label: i("groups.applications"),
+      children: [
         {
-          type: "Group",
-          label: i("groups.applications"),
-          children: [
-            {
-              label: /* @__PURE__ */ e(t, { to: `https://www.nftstudio.rocks/${r}`, children: "NFT Studio" }),
-              description: i("products.nftStudio.description"),
-              icon: /* @__PURE__ */ e(M, {})
-            },
-            {
-              label: /* @__PURE__ */ e(
-                p,
-                {
-                  to: `https://www.arcblock.io/content/collections/${r}/creator-studio`,
-                  target: "_blank",
-                  rel: "noreferrer noopener",
-                  children: "Creator Studio"
-                }
-              ),
-              description: i("products.creatorStudio.description"),
-              icon: /* @__PURE__ */ e(O, {})
-            },
-            {
-              label: /* @__PURE__ */ e(t, { to: "https://www.aigne.io/", children: "AIGNE" }),
-              description: i("products.aigne.description"),
-              icon: /* @__PURE__ */ e(s, { color: f.mode === "dark" ? "white" : "black" })
-            },
-            {
-              label: /* @__PURE__ */ e(t, { to: `https://www.arcsphere.io/${r}`, children: "ArcSphere" }),
-              description: i("products.arcsphere.description"),
-              icon: /* @__PURE__ */ e(I, {})
-            }
-          ]
+          label: /* @__PURE__ */ e(t, { to: `https://www.nftstudio.rocks/${r}`, children: "NFT Studio" }),
+          description: i("products.nftStudio.description"),
+          icon: /* @__PURE__ */ e(M, {})
         },
         {
-          type: "Group",
-          label: i("groups.components"),
-          children: [
-            {
-              label: /* @__PURE__ */ e(t, { to: `https://launcher.arcblock.io/${r}`, children: "Blocklet Launcher" }),
-              description: i("products.blockletLauncher.description"),
-              icon: /* @__PURE__ */ e(P, {})
-            },
-            {
-              label: /* @__PURE__ */ e(t, { to: `https://www.blocklet.io/${r}/payment-kit`, children: "Payment Kit" }),
-              description: i("products.paymentKit.description"),
-              icon: /* @__PURE__ */ e("img", { src: X, alt: "Payment Kit" })
-            },
-            {
-              label: /* @__PURE__ */ e(t, { to: `https://store.blocklet.dev/?locale=${r}`, children: "Blocklet Store" }),
-              description: i("products.blockletStore.description"),
-              icon: /* @__PURE__ */ e(R, {})
-            },
-            {
-              label: /* @__PURE__ */ e(t, { to: `https://www.web3kit.rocks/${r}`, children: "Web3 Kit" }),
-              description: i("products.web3Kit.description"),
-              icon: /* @__PURE__ */ e(H, {})
-            }
-          ]
+          label: /* @__PURE__ */ e(t, { to: `https://www.arcblock.io/content/collections/${r}/creator-studio`, children: "Creator Studio" }),
+          description: i("products.creatorStudio.description"),
+          icon: /* @__PURE__ */ e(O, {})
         },
         {
-          type: "Group",
-          label: i("groups.computeStorage"),
-          children: [
-            {
-              label: /* @__PURE__ */ e(
-                p,
-                {
-                  to: `https://www.arcblock.io/content/collections/${r}/blocklet`,
-                  target: "_blank",
-                  rel: "noreferrer noopener",
-                  children: "Blocklet Framework"
-                }
-              ),
-              description: i("products.blockletFramework.description"),
-              icon: /* @__PURE__ */ e(z, {})
-            },
-            {
-              label: /* @__PURE__ */ e(p, { to: `https://www.didspaces.com/${r}`, target: "_blank", rel: "noreferrer noopener", children: "DID Spaces" }),
-              description: i("products.didSpaces.description"),
-              icon: /* @__PURE__ */ e(h, { color: "#876bf4" })
-            },
-            {
-              label: /* @__PURE__ */ e(p, { to: "https://main.abtnetwork.io/", target: "_blank", rel: "noreferrer noopener", children: "ABT Network" }),
-              description: i("products.abtNetwork.description"),
-              icon: /* @__PURE__ */ e(U, {})
-            },
-            {
-              label: /* @__PURE__ */ e(t, { to: `https://www.blocklet.io/${r}/blocklet-server`, children: "Blocklet Server" }),
-              description: i("products.blockletServer.description"),
-              icon: /* @__PURE__ */ e(j, {})
-            },
-            {
-              label: /* @__PURE__ */ e(t, { to: `https://www.arcblock.io/content/collections/${r}/ocap`, children: "ОСАР" }),
-              description: i("products.ocap.description"),
-              icon: /* @__PURE__ */ e(V, {})
-            }
-          ]
+          label: /* @__PURE__ */ e(t, { to: "https://www.aigne.io/", children: "AIGNE" }),
+          description: i("products.aigne.description"),
+          icon: /* @__PURE__ */ e(s, { color: h.mode === "dark" ? "white" : "black" })
         },
         {
-          type: "Group",
-          label: i("groups.identity"),
-          children: [
-            {
-              label: /* @__PURE__ */ e(t, { to: `https://www.arcblock.io/content/collections/${r}/did`, children: "DID" }),
-              description: i("products.did.description"),
-              icon: /* @__PURE__ */ e(h, { color: "#5b96f3" })
-            },
-            {
-              label: /* @__PURE__ */ e(t, { to: `https://www.didwallet.io/${r}`, children: "DID Wallet" }),
-              description: i("products.didWallet.description"),
-              icon: /* @__PURE__ */ e(J, {})
-            },
-            {
-              label: /* @__PURE__ */ e(p, { to: `https://www.didnames.io/${r}`, target: "_blank", rel: "noreferrer noopener", children: "DID Names" }),
-              description: i("products.didNameService.description"),
-              icon: /* @__PURE__ */ e(h, { color: "#678ab0" })
-            },
-            {
-              label: /* @__PURE__ */ e(t, { to: `https://www.arcblock.io/content/collections/${r}/verifiable-credential`, children: "VC" }),
-              description: i("products.vc.description"),
-              icon: /* @__PURE__ */ e(Q, {})
-            },
-            {
-              label: /* @__PURE__ */ e(t, { to: `https://www.didconnect.io/${r}`, children: "DID Connect" }),
-              description: i("products.didConnect.description"),
-              icon: /* @__PURE__ */ e(h, { color: "#5bbec5" })
-            }
-          ]
+          label: /* @__PURE__ */ e(t, { to: `https://www.arcsphere.io/${r}`, children: "ArcSphere" }),
+          description: i("products.arcsphere.description"),
+          icon: /* @__PURE__ */ e(f, {})
         }
-      ];
-    if (c === "AIGNE") {
-      const n = {
-        onClick: (d) => {
-          d.preventDefault();
-          const b = d.currentTarget.href, g = N(b) ? "_blank" : "_self";
-          window.open(b, g);
+      ]
+    },
+    {
+      type: "Group",
+      label: i("groups.components"),
+      children: [
+        {
+          label: /* @__PURE__ */ e(t, { to: `https://launcher.arcblock.io/${r}`, children: "Blocklet Launcher" }),
+          description: i("products.blockletLauncher.description"),
+          icon: /* @__PURE__ */ e(P, {})
+        },
+        {
+          label: /* @__PURE__ */ e(t, { to: `https://www.blocklet.io/${r}/payment-kit`, children: "Payment Kit" }),
+          description: i("products.paymentKit.description"),
+          icon: /* @__PURE__ */ e("img", { src: Q, alt: "Payment Kit" })
+        },
+        {
+          label: /* @__PURE__ */ e(t, { to: `https://store.blocklet.dev/?locale=${r}`, children: "Blocklet Store" }),
+          description: i("products.blockletStore.description"),
+          icon: /* @__PURE__ */ e(R, {})
+        },
+        {
+          label: /* @__PURE__ */ e(t, { to: `https://www.web3kit.rocks/${r}`, children: "Web3 Kit" }),
+          description: i("products.web3Kit.description"),
+          icon: /* @__PURE__ */ e(_, {})
         }
-      };
-      return [
+      ]
+    },
+    {
+      type: "Group",
+      label: i("groups.computeStorage"),
+      children: [
+        {
+          label: /* @__PURE__ */ e(t, { to: `https://www.arcblock.io/content/collections/${r}/blocklet`, children: "Blocklet Framework" }),
+          description: i("products.blockletFramework.description"),
+          icon: /* @__PURE__ */ e(H, {})
+        },
+        {
+          label: /* @__PURE__ */ e(t, { to: `https://www.didspaces.com/${r}`, children: "DID Spaces" }),
+          description: i("products.didSpaces.description"),
+          icon: /* @__PURE__ */ e(b, { color: "#876bf4" })
+        },
+        {
+          label: /* @__PURE__ */ e(t, { to: "https://main.abtnetwork.io/", children: "ABT Network" }),
+          description: i("products.abtNetwork.description"),
+          icon: /* @__PURE__ */ e(z, {})
+        },
+        {
+          label: /* @__PURE__ */ e(t, { to: `https://www.blocklet.io/${r}/blocklet-server`, children: "Blocklet Server" }),
+          description: i("products.blockletServer.description"),
+          icon: /* @__PURE__ */ e(U, {})
+        },
+        {
+          label: /* @__PURE__ */ e(t, { to: `https://www.arcblock.io/content/collections/${r}/ocap`, children: "ОСАР" }),
+          description: i("products.ocap.description"),
+          icon: /* @__PURE__ */ e(j, {})
+        }
+      ]
+    },
+    {
+      type: "Group",
+      label: i("groups.identity"),
+      children: [
+        {
+          label: /* @__PURE__ */ e(t, { to: `https://www.arcblock.io/content/collections/${r}/did`, children: "DID" }),
+          description: i("products.did.description"),
+          icon: /* @__PURE__ */ e(b, { color: "#5b96f3" })
+        },
+        {
+          label: /* @__PURE__ */ e(t, { to: `https://www.didwallet.io/${r}`, children: "DID Wallet" }),
+          description: i("products.didWallet.description"),
+          icon: /* @__PURE__ */ e(q, {})
+        },
         {
-          type: "Group",
-          label: i("groups.applications"),
-          children: [
-            {
-              label: /* @__PURE__ */ e(t, { to: `https://www.arcsphere.io/${r}`, children: "ArcSphere" }),
-              description: i("products.arcsphere.description"),
-              icon: /* @__PURE__ */ e(I, {})
-            },
-            {
-              label: /* @__PURE__ */ e(t, { to: `https://www.aistro.io/${r}`, children: "Aistro" }),
-              description: i("products.aistro.description"),
-              icon: /* @__PURE__ */ e("img", { src: ee, alt: "Aistro" })
-            },
-            {
-              label: /* @__PURE__ */ e(t, { to: "https://www.aigne.io/code-smith", ...n, children: "AIGNE CodeSmith" }),
-              description: i("products.aigneCodeSmith.description"),
-              icon: /* @__PURE__ */ e(s, { color: "#3E5DF7", backgroundColor: "#e9f0ff" })
-            },
-            {
-              label: /* @__PURE__ */ e(t, { to: "https://www.aigne.io/doc-smith", ...n, children: "AIGNE DocSmith" }),
-              description: i("products.aigneDocSmith.description"),
-              icon: /* @__PURE__ */ e(s, { color: "#02A996", backgroundColor: "#e6f7f5" })
-            },
-            {
-              label: /* @__PURE__ */ e(t, { to: "https://www.aigne.io/web-smith", ...n, children: "AIGNE WebSmith" }),
-              description: i("products.aigneWebSmith.description"),
-              icon: /* @__PURE__ */ e(s, { color: "#7c45eb", backgroundColor: "#f0e9ff" })
-            },
-            {
-              label: /* @__PURE__ */ e(t, { to: "https://imagesmith.aigne.io/", children: "AIGNE ImageSmith" }),
-              description: i("products.aigneImageSmith.description"),
-              icon: /* @__PURE__ */ e(Z, {})
-            }
-          ]
+          label: /* @__PURE__ */ e(t, { to: `https://www.didnames.io/${r}`, children: "DID Names" }),
+          description: i("products.didNameService.description"),
+          icon: /* @__PURE__ */ e(b, { color: "#678ab0" })
         },
         {
-          type: "Group",
-          label: i("groups.frameworkTools"),
-          children: [
-            {
-              label: /* @__PURE__ */ e(t, { to: "https://www.aigne.io/cli", ...n, children: "AIGNE CLI" }),
-              description: i("products.aigneCLI.description"),
-              icon: /* @__PURE__ */ e(s, { color: "#d05d4e", backgroundColor: "#faeaea" })
-            },
-            {
-              label: /* @__PURE__ */ e(t, { to: "https://www.aigne.io/observability", ...n, children: "AIGNE Observability" }),
-              description: i("products.aigneObservability.description"),
-              icon: /* @__PURE__ */ e(s, { color: "#6ba456", backgroundColor: "#edfae8" })
-            },
-            {
-              label: /* @__PURE__ */ e(t, { to: "https://www.aigne.io/studio", ...n, children: "AIGNE Studio" }),
-              description: i("products.aigneStudio.description"),
-              icon: /* @__PURE__ */ e(s, { color: "#676cbf", backgroundColor: "#edeeff" })
-            },
-            {
-              label: /* @__PURE__ */ e(t, { to: "https://www.aigne.io/framework", ...n, children: "AIGNE Framework" }),
-              description: i("products.aigneFramework.description"),
-              icon: /* @__PURE__ */ e(s, { color: "#5086d0", backgroundColor: "#eef4ff" })
-            }
-          ]
+          label: /* @__PURE__ */ e(t, { to: `https://www.arcblock.io/content/collections/${r}/verifiable-credential`, children: "VC" }),
+          description: i("products.vc.description"),
+          icon: /* @__PURE__ */ e(J, {})
         },
         {
-          type: "Group",
-          label: i("groups.modelsAdapters"),
-          children: [
-            {
-              label: /* @__PURE__ */ e(t, { to: "https://www.aigne.io/hub", ...n, children: "AIGNE Hub" }),
-              description: i("products.aigneHub.description"),
-              icon: /* @__PURE__ */ e(s, { color: "#e4930b", backgroundColor: "#fbf4d4" })
-            }
-          ]
+          label: /* @__PURE__ */ e(t, { to: `https://www.didconnect.io/${r}`, children: "DID Connect" }),
+          description: i("products.didConnect.description"),
+          icon: /* @__PURE__ */ e(b, { color: "#5bbec5" })
+        }
+      ]
+    }
+  ] : n === "AIGNE" ? [
+    {
+      type: "Group",
+      label: i("groups.applications"),
+      children: [
+        {
+          label: /* @__PURE__ */ e(t, { to: `https://www.arcsphere.io/${r}`, children: "ArcSphere" }),
+          description: i("products.arcsphere.description"),
+          icon: /* @__PURE__ */ e(f, {})
+        },
+        {
+          label: /* @__PURE__ */ e(t, { to: `https://www.aistro.io/${r}`, children: "Aistro" }),
+          description: i("products.aistro.description"),
+          icon: /* @__PURE__ */ e("img", { src: Z, alt: "Aistro" })
+        },
+        {
+          label: /* @__PURE__ */ e(t, { to: "https://www.aigne.io/code-smith", children: "AIGNE CodeSmith" }),
+          description: i("products.aigneCodeSmith.description"),
+          icon: /* @__PURE__ */ e(s, { color: "#3E5DF7", backgroundColor: "#e9f0ff" })
+        },
+        {
+          label: /* @__PURE__ */ e(t, { to: "https://www.aigne.io/doc-smith", children: "AIGNE DocSmith" }),
+          description: i("products.aigneDocSmith.description"),
+          icon: /* @__PURE__ */ e(s, { color: "#02A996", backgroundColor: "#e6f7f5" })
+        },
+        {
+          label: /* @__PURE__ */ e(t, { to: "https://www.aigne.io/web-smith", children: "AIGNE WebSmith" }),
+          description: i("products.aigneWebSmith.description"),
+          icon: /* @__PURE__ */ e(s, { color: "#7c45eb", backgroundColor: "#f0e9ff" })
+        },
+        {
+          label: /* @__PURE__ */ e(t, { to: "https://imagesmith.aigne.io/", children: "AIGNE ImageSmith" }),
+          description: i("products.aigneImageSmith.description"),
+          icon: /* @__PURE__ */ e(Y, {})
+        }
+      ]
+    },
+    {
+      type: "Group",
+      label: i("groups.frameworkTools"),
+      children: [
+        {
+          label: /* @__PURE__ */ e(t, { to: "https://www.aigne.io/cli", children: "AIGNE CLI" }),
+          description: i("products.aigneCLI.description"),
+          icon: /* @__PURE__ */ e(s, { color: "#d05d4e", backgroundColor: "#faeaea" })
+        },
+        {
+          label: /* @__PURE__ */ e(t, { to: "https://www.aigne.io/observability", children: "AIGNE Observability" }),
+          description: i("products.aigneObservability.description"),
+          icon: /* @__PURE__ */ e(s, { color: "#6ba456", backgroundColor: "#edfae8" })
+        },
+        {
+          label: /* @__PURE__ */ e(t, { to: "https://www.aigne.io/studio", children: "AIGNE Studio" }),
+          description: i("products.aigneStudio.description"),
+          icon: /* @__PURE__ */ e(s, { color: "#676cbf", backgroundColor: "#edeeff" })
+        },
+        {
+          label: /* @__PURE__ */ e(t, { to: "https://www.aigne.io/framework", children: "AIGNE Framework" }),
+          description: i("products.aigneFramework.description"),
+          icon: /* @__PURE__ */ e(s, { color: "#5086d0", backgroundColor: "#eef4ff" })
+        }
+      ]
+    },
+    {
+      type: "Group",
+      label: i("groups.modelsAdapters"),
+      children: [
+        {
+          label: /* @__PURE__ */ e(t, { to: "https://www.aigne.io/hub", children: "AIGNE Hub" }),
+          description: i("products.aigneHub.description"),
+          icon: /* @__PURE__ */ e(s, { color: "#e4930b", backgroundColor: "#fbf4d4" })
         }
-      ];
+      ]
     }
-    return [];
-  }, [i, r, f]);
-  return /* @__PURE__ */ e(oe, { ref: l, className: `nav-menu-products is-${m} ${o}`, ...a, children: x.map((n) => /* @__PURE__ */ e(B, { label: n.label, children: /* @__PURE__ */ e(re, { maxContent: W, children: n.children.map((d) => /* @__PURE__ */ e(E, { variant: "panel", style: { padding: "8px" }, ...d })) }) }, n.label)) });
+  ] : [], [i, r, h]);
+  return /* @__PURE__ */ e(te, { ref: a, className: `nav-menu-products is-${l} ${o}`, ...p, children: W.map((c) => /* @__PURE__ */ e(T, { label: c.label, children: /* @__PURE__ */ e(oe, { maxContent: C, children: c.children.map((d) => /* @__PURE__ */ e(E, { variant: "panel", style: { padding: "8px" }, ...d })) }) }, c.label)) });
 }
 export {
-  Be as default
+  Ke as default
 };

package/lib/package.json.js

@@ -1,4 +1,4 @@
-const e = "3.2.11", s = { "@blocklet/js-sdk": "1.17.2" }, n = {
+const e = "3.2.13", s = { "@blocklet/js-sdk": "1.17.4" }, n = {
   version: e,
   dependencies: s
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/ux",
-  "version": "3.2.11",
+  "version": "3.2.13",
   "description": "Common used react components for arcblock products",
   "keywords": [
     "react",
@@ -68,16 +68,16 @@
     "react": "^19.0.0",
     "react-router-dom": "^6.22.3"
   },
-  "gitHead": "dec9054be54c799898978686b5d030ed74cae431",
+  "gitHead": "2d0b666c40b2ba155594522f69dc122a658cb41a",
   "dependencies": {
-    "@arcblock/bridge": "3.2.11",
-    "@arcblock/did": "^1.27.6",
+    "@arcblock/bridge": "3.2.13",
+    "@arcblock/did": "^1.27.14",
     "@arcblock/did-motif": "^1.1.14",
-    "@arcblock/icons": "3.2.11",
-    "@arcblock/nft-display": "3.2.11",
-    "@arcblock/react-hooks": "3.2.11",
-    "@blocklet/js-sdk": "1.17.2",
-    "@blocklet/theme": "3.2.11",
+    "@arcblock/icons": "3.2.13",
+    "@arcblock/nft-display": "3.2.13",
+    "@arcblock/react-hooks": "3.2.13",
+    "@blocklet/js-sdk": "1.17.4",
+    "@blocklet/theme": "3.2.13",
     "@fontsource/roboto": "~5.1.1",
     "@fontsource/ubuntu-mono": "^5.2.6",
     "@iconify-icons/logos": "^1.2.36",
@@ -85,7 +85,7 @@
     "@iconify-icons/mdi": "^1.2.48",
     "@iconify-icons/tabler": "^1.2.95",
     "@iconify/react": "^5.2.1",
-    "@ocap/mcrypto": "^1.27.6",
+    "@ocap/mcrypto": "^1.27.14",
     "@solana/qr-code-styling": "^1.6.0",
     "@types/dompurify": "^3.2.0",
     "@types/mui-datatables": "^4.3.12",

package/src/NavMenu/products.tsx

@@ -507,12 +507,15 @@ function AigneIcon({ color = 'black', backgroundColor = 'transparent' }: { color
   );
 }
 
-const isExternal = (to: string) => {
+const isExternal = (to: string = '') => {
+  return to.startsWith('http:') || to.startsWith('https:');
+};
+
+const isSameOrigin = (to: string) => {
   try {
     const url = new URL(to);
-    return url.origin !== window.location.origin;
+    return url.origin === window.location.origin;
   } catch {
-    // 如果 to 不是有效的 URL，则认为是内部链接
     return false;
   }
 };
@@ -525,10 +528,11 @@ interface SmartLinkProps extends LinkProps {
 }
 function SmartLink({ to, children, className = '', ...restProps }: SmartLinkProps) {
   if (isExternal(to)) {
+    const target = isSameOrigin(to) ? '_self' : '_blank';
     return (
-      <Link to={getUTMUrl(to, 'header')} target="_blank" rel="noreferrer noopener" className={className} {...restProps}>
+      <a href={getUTMUrl(to, 'header')} target={target} rel="noreferrer noopener" className={className} {...restProps}>
         {children}
-      </Link>
+      </a>
     );
   }
 
@@ -611,12 +615,9 @@ export default function Products({ className = '', type, ...rest }: ProductsProp
             },
             {
               label: (
-                <Link
-                  to={`https://www.arcblock.io/content/collections/${locale}/creator-studio`}
-                  target="_blank"
-                  rel="noreferrer noopener">
+                <SmartLink to={`https://www.arcblock.io/content/collections/${locale}/creator-studio`}>
                   Creator Studio
-                </Link>
+                </SmartLink>
               ),
               description: t('products.creatorStudio.description'),
               icon: <CreatorStudioSvg />,
@@ -665,31 +666,20 @@ export default function Products({ className = '', type, ...rest }: ProductsProp
           children: [
             {
               label: (
-                <Link
-                  to={`https://www.arcblock.io/content/collections/${locale}/blocklet`}
-                  target="_blank"
-                  rel="noreferrer noopener">
+                <SmartLink to={`https://www.arcblock.io/content/collections/${locale}/blocklet`}>
                   Blocklet Framework
-                </Link>
+                </SmartLink>
               ),
               description: t('products.blockletFramework.description'),
               icon: <BlockletFrameworkSvg />,
             },
             {
-              label: (
-                <Link to={`https://www.didspaces.com/${locale}`} target="_blank" rel="noreferrer noopener">
-                  DID Spaces
-                </Link>
-              ),
+              label: <SmartLink to={`https://www.didspaces.com/${locale}`}>DID Spaces</SmartLink>,
               description: t('products.didSpaces.description'),
               icon: <DIDIcon color="#876bf4" />,
             },
             {
-              label: (
-                <Link to="https://main.abtnetwork.io/" target="_blank" rel="noreferrer noopener">
-                  ABT Network
-                </Link>
-              ),
+              label: <SmartLink to="https://main.abtnetwork.io/">ABT Network</SmartLink>,
               description: t('products.abtNetwork.description'),
               icon: <AbtNetworkSvg />,
             },
@@ -720,11 +710,7 @@ export default function Products({ className = '', type, ...rest }: ProductsProp
               icon: <DidWalletSvg />,
             },
             {
-              label: (
-                <Link to={`https://www.didnames.io/${locale}`} target="_blank" rel="noreferrer noopener">
-                  DID Names
-                </Link>
-              ),
+              label: <SmartLink to={`https://www.didnames.io/${locale}`}>DID Names</SmartLink>,
               description: t('products.didNameService.description'),
               icon: <DIDIcon color="#678ab0" />,
             },
@@ -748,17 +734,6 @@ export default function Products({ className = '', type, ...rest }: ProductsProp
     }
 
     if (type === 'AIGNE') {
-      // aigne 相关页面，不能使用 react dom 自己的 navigate 跳转，因为没有对应的页面数据
-      const aigneLinkBaseProps = {
-        onClick: (e: React.MouseEvent<HTMLAnchorElement>) => {
-          e.preventDefault();
-
-          const url = e.currentTarget.href;
-          const target = isExternal(url) ? '_blank' : '_self';
-          window.open(url, target);
-        },
-      };
-
       return [
         {
           type: 'Group',
@@ -775,29 +750,17 @@ export default function Products({ className = '', type, ...rest }: ProductsProp
               icon: <img src={AistroPng} alt="Aistro" />,
             },
             {
-              label: (
-                <SmartLink to="https://www.aigne.io/code-smith" {...aigneLinkBaseProps}>
-                  AIGNE CodeSmith
-                </SmartLink>
-              ),
+              label: <SmartLink to="https://www.aigne.io/code-smith">AIGNE CodeSmith</SmartLink>,
               description: t('products.aigneCodeSmith.description'),
               icon: <AigneIcon color="#3E5DF7" backgroundColor="#e9f0ff" />,
             },
             {
-              label: (
-                <SmartLink to="https://www.aigne.io/doc-smith" {...aigneLinkBaseProps}>
-                  AIGNE DocSmith
-                </SmartLink>
-              ),
+              label: <SmartLink to="https://www.aigne.io/doc-smith">AIGNE DocSmith</SmartLink>,
               description: t('products.aigneDocSmith.description'),
               icon: <AigneIcon color="#02A996" backgroundColor="#e6f7f5" />,
             },
             {
-              label: (
-                <SmartLink to="https://www.aigne.io/web-smith" {...aigneLinkBaseProps}>
-                  AIGNE WebSmith
-                </SmartLink>
-              ),
+              label: <SmartLink to="https://www.aigne.io/web-smith">AIGNE WebSmith</SmartLink>,
               description: t('products.aigneWebSmith.description'),
               icon: <AigneIcon color="#7c45eb" backgroundColor="#f0e9ff" />,
             },
@@ -813,38 +776,22 @@ export default function Products({ className = '', type, ...rest }: ProductsProp
           label: t('groups.frameworkTools'),
           children: [
             {
-              label: (
-                <SmartLink to="https://www.aigne.io/cli" {...aigneLinkBaseProps}>
-                  AIGNE CLI
-                </SmartLink>
-              ),
+              label: <SmartLink to="https://www.aigne.io/cli">AIGNE CLI</SmartLink>,
               description: t('products.aigneCLI.description'),
               icon: <AigneIcon color="#d05d4e" backgroundColor="#faeaea" />,
             },
             {
-              label: (
-                <SmartLink to="https://www.aigne.io/observability" {...aigneLinkBaseProps}>
-                  AIGNE Observability
-                </SmartLink>
-              ),
+              label: <SmartLink to="https://www.aigne.io/observability">AIGNE Observability</SmartLink>,
               description: t('products.aigneObservability.description'),
               icon: <AigneIcon color="#6ba456" backgroundColor="#edfae8" />,
             },
             {
-              label: (
-                <SmartLink to="https://www.aigne.io/studio" {...aigneLinkBaseProps}>
-                  AIGNE Studio
-                </SmartLink>
-              ),
+              label: <SmartLink to="https://www.aigne.io/studio">AIGNE Studio</SmartLink>,
               description: t('products.aigneStudio.description'),
               icon: <AigneIcon color="#676cbf" backgroundColor="#edeeff" />,
             },
             {
-              label: (
-                <SmartLink to="https://www.aigne.io/framework" {...aigneLinkBaseProps}>
-                  AIGNE Framework
-                </SmartLink>
-              ),
+              label: <SmartLink to="https://www.aigne.io/framework">AIGNE Framework</SmartLink>,
               description: t('products.aigneFramework.description'),
               icon: <AigneIcon color="#5086d0" backgroundColor="#eef4ff" />,
             },
@@ -855,11 +802,7 @@ export default function Products({ className = '', type, ...rest }: ProductsProp
           label: t('groups.modelsAdapters'),
           children: [
             {
-              label: (
-                <SmartLink to="https://www.aigne.io/hub" {...aigneLinkBaseProps}>
-                  AIGNE Hub
-                </SmartLink>
-              ),
+              label: <SmartLink to="https://www.aigne.io/hub">AIGNE Hub</SmartLink>,
               description: t('products.aigneHub.description'),
               icon: <AigneIcon color="#e4930b" backgroundColor="#fbf4d4" />,
             },