@arcblock/ux 3.1.12 → 3.1.14

package/lib/NavMenu/products.js

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

package/lib/Util/federated.js

@@ -7,7 +7,7 @@ function s(e = window.blocklet) {
   return (e?.settings?.federated || {}).config;
 }
 function d(e = window.blocklet) {
-  return i(e).appPid === e.appPid ? !1 : s(e)?.status === "approved";
+  return !e || i(e).appPid === e.appPid ? !1 : s(e)?.status === "approved";
 }
 function w(e = window.blocklet) {
   return i(e)?.appPid;
@@ -59,7 +59,7 @@ function g(e) {
   const p = [], r = c(e), t = u(e), n = d(e);
   return t && p.push(t), r && r?.appId !== t?.appId && n && p.push(r), p.reverse();
 }
-async function l(e, p = !1) {
+async function m(e, p = !1) {
   if (!p && a[e])
     return a[e];
   try {
@@ -73,7 +73,7 @@ async function l(e, p = !1) {
 }
 export {
   g as getApps,
-  l as getBlockletData,
+  m as getBlockletData,
   s as getConfig,
   u as getCurrentApp,
   c as getFederatedApp,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/ux",
-  "version": "3.1.12",
+  "version": "3.1.14",
   "description": "Common used react components for arcblock products",
   "keywords": [
     "react",
@@ -66,16 +66,16 @@
     "react": "^19.0.0",
     "react-router-dom": "^6.22.3"
   },
-  "gitHead": "0cb1a641693d3f3c1ac105d8117365f289d9e5c2",
+  "gitHead": "8dce20e08f2dc02559df0a0abb27c63ca25e2a73",
   "dependencies": {
-    "@arcblock/bridge": "3.1.12",
+    "@arcblock/bridge": "3.1.14",
     "@arcblock/did": "^1.21.3",
     "@arcblock/did-motif": "^1.1.14",
-    "@arcblock/icons": "3.1.12",
-    "@arcblock/nft-display": "3.1.12",
-    "@arcblock/react-hooks": "3.1.12",
+    "@arcblock/icons": "3.1.14",
+    "@arcblock/nft-display": "3.1.14",
+    "@arcblock/react-hooks": "3.1.14",
     "@blocklet/js-sdk": "^1.16.48",
-    "@blocklet/theme": "3.1.12",
+    "@blocklet/theme": "3.1.14",
     "@fontsource/roboto": "~5.1.1",
     "@fontsource/ubuntu-mono": "^5.2.6",
     "@iconify-icons/logos": "^1.2.36",

package/src/NavMenu/products.tsx

@@ -1,5 +1,5 @@
 import { useRef, useEffect, useState } from 'react';
-import { Link } from 'react-router-dom';
+import { Link, LinkProps } from 'react-router-dom';
 import { useCreation, useMemoizedFn } from 'ahooks';
 import { Box, BoxProps, useTheme } from '@mui/material';
 import SubItemGroup from './sub-item-group';
@@ -302,12 +302,12 @@ function AigneIcon({ color = 'black', backgroundColor = 'transparent' }: { color
 }
 
 // 智能 Link 组件，根据 URL origin 决定是否在新标签页打开
-interface SmartLinkProps {
+interface SmartLinkProps extends LinkProps {
   to: string;
   children: React.ReactNode;
   className?: string;
 }
-function SmartLink({ to, children, className = '' }: SmartLinkProps) {
+function SmartLink({ to, children, className = '', ...restProps }: SmartLinkProps) {
   const isExternal = () => {
     try {
       const url = new URL(to);
@@ -320,14 +320,14 @@ function SmartLink({ to, children, className = '' }: SmartLinkProps) {
 
   if (isExternal()) {
     return (
-      <Link to={to} target="_blank" rel="noreferrer noopener" className={className}>
+      <Link to={to} target="_blank" rel="noreferrer noopener" className={className} {...restProps}>
         {children}
       </Link>
     );
   }
 
   return (
-    <Link to={to} className={className}>
+    <Link to={to} className={className} {...restProps}>
       {children}
     </Link>
   );
@@ -542,6 +542,12 @@ export default function Products({ className = '', type, ...rest }: ProductsProp
     }
 
     if (type === 'AIGNE') {
+      // aigne 相关页面，不能使用 react dom 自己的 navigate 跳转，因为没有对应的页面数据
+      const aigneLinkBaseProps = {
+        target: '_blank',
+        rel: 'noreferrer noopener',
+      };
+
       return [
         {
           type: 'Group',
@@ -558,17 +564,29 @@ export default function Products({ className = '', type, ...rest }: ProductsProp
               icon: <img src={AistroPng} alt="Aistro" />,
             },
             {
-              label: <SmartLink to="https://www.aigne.io/doc-smith">AIGNE CodeSmith</SmartLink>,
+              label: (
+                <SmartLink to="https://www.aigne.io/doc-smith" {...aigneLinkBaseProps}>
+                  AIGNE CodeSmith
+                </SmartLink>
+              ),
               description: t('products.aigneCodeSmith.description'),
               icon: <AigneIcon color="#56a596" backgroundColor="#e9fcf6" />,
             },
             {
-              label: <SmartLink to="https://www.aigne.io/code-smith">AIGNE DocSmith</SmartLink>,
+              label: (
+                <SmartLink to="https://www.aigne.io/code-smith" {...aigneLinkBaseProps}>
+                  AIGNE DocSmith
+                </SmartLink>
+              ),
               description: t('products.aigneDocSmith.description'),
               icon: <AigneIcon color="#e46f38" backgroundColor="#f7e0d7" />,
             },
             {
-              label: <SmartLink to="https://www.aigne.io/web-smith">AIGNE WebSmith</SmartLink>,
+              label: (
+                <SmartLink to="https://www.aigne.io/web-smith" {...aigneLinkBaseProps}>
+                  AIGNE WebSmith
+                </SmartLink>
+              ),
               description: t('products.aigneWebSmith.description'),
               icon: <AigneIcon color="#7c45eb" backgroundColor="#f0e9ff" />,
             },
@@ -579,22 +597,38 @@ export default function Products({ className = '', type, ...rest }: ProductsProp
           label: t('groups.frameworkTools'),
           children: [
             {
-              label: <SmartLink to="https://www.aigne.io/cli">AIGNE CLI</SmartLink>,
+              label: (
+                <SmartLink to="https://www.aigne.io/cli" {...aigneLinkBaseProps}>
+                  AIGNE CLI
+                </SmartLink>
+              ),
               description: t('products.aigneCLI.description'),
               icon: <AigneIcon color="#d05d4e" backgroundColor="#faeaea" />,
             },
             {
-              label: <SmartLink to="https://www.aigne.io/observability">AIGNE Observability</SmartLink>,
+              label: (
+                <SmartLink to="https://www.aigne.io/observability" {...aigneLinkBaseProps}>
+                  AIGNE Observability
+                </SmartLink>
+              ),
               description: t('products.aigneObservability.description'),
               icon: <AigneIcon color="#6ba456" backgroundColor="#edfae8" />,
             },
             {
-              label: <SmartLink to="https://www.aigne.io/studio">AIGNE Studio</SmartLink>,
+              label: (
+                <SmartLink to="https://www.aigne.io/studio" {...aigneLinkBaseProps}>
+                  AIGNE Studio
+                </SmartLink>
+              ),
               description: t('products.aigneStudio.description'),
               icon: <AigneIcon color="#676cbf" backgroundColor="#edeeff" />,
             },
             {
-              label: <SmartLink to="https://www.aigne.io/framework">AIGNE Framework</SmartLink>,
+              label: (
+                <SmartLink to="https://www.aigne.io/framework" {...aigneLinkBaseProps}>
+                  AIGNE Framework
+                </SmartLink>
+              ),
               description: t('products.aigneFramework.description'),
               icon: <AigneIcon color="#5086d0" backgroundColor="#eef4ff" />,
             },
@@ -605,7 +639,11 @@ export default function Products({ className = '', type, ...rest }: ProductsProp
           label: t('groups.modelsAdapters'),
           children: [
             {
-              label: <SmartLink to="https://www.aigne.io/hub">AIGNE Hub</SmartLink>,
+              label: (
+                <SmartLink to="https://www.aigne.io/hub" {...aigneLinkBaseProps}>
+                  AIGNE Hub
+                </SmartLink>
+              ),
               description: t('products.aigneHub.description'),
               icon: <AigneIcon color="#e4930b" backgroundColor="#fbf4d4" />,
             },

package/src/Util/federated.ts

@@ -13,6 +13,10 @@ export function getConfig(blocklet = window.blocklet) {
 }
 
 export function getFederatedEnabled(blocklet = window.blocklet) {
+  // 适用于 webapp 下
+  if (!blocklet) {
+    return false;
+  }
   const master = getMaster(blocklet);
   // 如果当前应用是 master，则代表未开启统一登录
   if (master.appPid === blocklet.appPid) {