@arcblock/ux 3.0.39 → 3.0.41

package/lib/NavMenu/products.js

@@ -1,40 +1,42 @@
 import { jsx as e } from "react/jsx-runtime";
-import { useRef as u } from "react";
-import { Link as t } from "react-router-dom";
-import { useMemoizedFn as w, useCreation as k } from "ahooks";
-import { Box as g, useTheme as h, Grid as l } from "@mui/material";
-import f from "./sub-item-group.js";
-import { Item as S } from "./nav-menu.js";
-import { styled as v } from "../Theme/index.js";
-import { useNavMenuContext as y } from "./nav-menu-context.js";
-import { translate as $ } from "../Locale/util.js";
-import { useLocaleContext as _ } from "../Locale/context.js";
-import A from "./images/ai-kit.svg.js";
-import I from "./images/nft-studio.svg.js";
-import N from "./images/creator-studio.svg.js";
-import x from "./images/aigne.svg.js";
-import C from "./images/arcsphere.svg.js";
-import D from "./images/aistro.svg.js";
-import K from "./images/blocklet-launcher.svg.js";
-import B from "./images/blocklet-store.svg.js";
+import { useRef as f } from "react";
+import { Link as o } from "react-router-dom";
+import { useMemoizedFn as k, useCreation as S } from "ahooks";
+import { Box as m, useTheme as v, Grid as d } from "@mui/material";
+import A from "./sub-item-group.js";
+import { Item as I } from "./nav-menu.js";
+import { styled as y } from "../Theme/index.js";
+import { useNavMenuContext as C } from "./nav-menu-context.js";
+import { translate as _ } from "../Locale/util.js";
+import { useLocaleContext as N } from "../Locale/context.js";
+import G from "./images/ai-kit.svg.js";
+import D from "./images/nft-studio.svg.js";
+import $ from "./images/creator-studio.svg.js";
+import x from "./images/blocklet-launcher.svg.js";
+import K from "./images/blocklet-store.svg.js";
 import W from "./images/web3-kit.svg.js";
-import F from "./images/blocklet-framework.svg.js";
-import G from "./images/abt-network.svg.js";
-import L from "./images/blocklet-server.svg.js";
-import M from "./images/OCAP.svg.js";
-import d from "./images/did.svg.js";
+import B from "./images/blocklet-framework.svg.js";
+import F from "./images/abt-network.svg.js";
+import E from "./images/blocklet-server.svg.js";
+import L from "./images/OCAP.svg.js";
+import s from "./images/did.svg.js";
 import P from "./images/did-wallet.svg.js";
 import T from "./images/did-name-service.svg.js";
-import z from "./images/vc.svg.js";
+import M from "./images/vc.svg.js";
 import O from "./images/did-connect.svg.js";
-import V from "./images/payment-kit.png";
-const E = {
+import H from "./images/payment-kit.png";
+import R from "./images/aigne.svg.js";
+import b from "./images/arcsphere.svg.js";
+import z from "./images/aistro.png";
+const V = {
   en: {
     groups: {
       applications: "Applications",
       components: "Components",
       computeStorage: "Compute/Storage",
-      identity: "Identity"
+      identity: "Identity",
+      frameworkTools: "Framework & tools",
+      modelsAdapters: "Models adapters"
     },
     products: {
       nftStudio: {
@@ -44,7 +46,7 @@ const E = {
         description: "All-in-one creator tool"
       },
       aigne: {
-        description: "Your AI assistant"
+        description: "The Agentic Ecosystem for AI Apps"
       },
       arcsphere: {
         description: "AI native browser"
@@ -96,6 +98,30 @@ const E = {
       },
       didConnect: {
         description: "Passwordless login"
+      },
+      aigneCodeSmith: {
+        description: "Review and improve your code with AI"
+      },
+      aigneDocSmith: {
+        description: "Generate and update docs with AI"
+      },
+      aigneWebSmith: {
+        description: "Build and deploy AI-powered web apps"
+      },
+      aigneCLI: {
+        description: "Develop agents from the command line"
+      },
+      aigneObservability: {
+        description: "Understand and inspect agent behavior"
+      },
+      aigneStudio: {
+        description: "Create agents visually, no code needed"
+      },
+      aigneFramework: {
+        description: "The functional core of agentic AI"
+      },
+      aigneHub: {
+        description: "One API. Any Model"
       }
     }
   },
@@ -104,7 +130,9 @@ const E = {
       applications: "应用",
       components: "组件",
       computeStorage: "计算/存储",
-      identity: "身份"
+      identity: "身份",
+      frameworkTools: "框架与工具",
+      modelsAdapters: "模型适配器"
     },
     products: {
       nftStudio: {
@@ -114,7 +142,7 @@ const E = {
         description: "一体化创作工具"
       },
       aigne: {
-        description: "您的人工智能助手"
+        description: "AI 应用的代理生态系统"
       },
       arcsphere: {
         description: "AI 原生浏览器"
@@ -166,14 +194,38 @@ const E = {
       },
       didConnect: {
         description: "无密码登录"
+      },
+      aigneCodeSmith: {
+        description: "使用 AI 审查并优化你的代码"
+      },
+      aigneDocSmith: {
+        description: "用 AI 生成和更新项目文档"
+      },
+      aigneWebSmith: {
+        description: "构建并部署 AI 驱动的 Web 应用"
+      },
+      aigneCLI: {
+        description: "通过命令行开发 Agent"
+      },
+      aigneObservability: {
+        description: "理解并分析 Agent 的行为"
+      },
+      aigneStudio: {
+        description: "零代码构建 Agent"
+      },
+      aigneFramework: {
+        description: "Agent AI 的功能核心框架"
+      },
+      aigneHub: {
+        description: "一套 API，连接所有模型"
       }
     }
   }
-}, R = v(g)`
+}, j = y(m)`
   width: 80vw;
   max-width: 900px;
   padding: 8px;
-  background: ${({ theme: c }) => c.palette.grey[100]};
+  background: ${({ theme: n }) => n.palette.grey[100]};
   border-radius: 8px;
 
   &.is-inline {
@@ -193,44 +245,56 @@ const E = {
     margin-top: 0px;
   }
 `;
-function ye({ className: c, isOpen: j = void 0, ...s }) {
-  const { mode: a } = y(), { palette: p } = h(), m = u(null), { locale: o = "en" } = _() || {}, r = w((i, n = {}) => $(E, i, o, "en", n)), b = k(() => [
+function i({ color: n = "black", backgroundColor: l = "transparent" }) {
+  return /* @__PURE__ */ e(
+    m,
+    {
+      component: "span",
+      sx: {
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center",
+        color: n,
+        backgroundColor: l,
+        borderRadius: "4px"
+      },
+      children: /* @__PURE__ */ e(R, {})
+    }
+  );
+}
+function Ie({ className: n, type: l, ...g }) {
+  const { mode: u } = C(), { palette: a } = v(), w = f(null), { locale: t = "en" } = N() || {}, r = k((c, p = {}) => _(V, c, t, "en", p)), h = S(() => l === "ARCBLOCK" ? [
     {
       type: "Group",
       label: r("groups.applications"),
       children: [
         {
-          label: /* @__PURE__ */ e(t, { to: `https://www.nftstudio.rocks/${o}`, target: "_blank", rel: "noreferrer noopener", children: "NFT Studio" }),
+          label: /* @__PURE__ */ e(o, { to: `https://www.nftstudio.rocks/${t}`, target: "_blank", rel: "noreferrer noopener", children: "NFT Studio" }),
           description: r("products.nftStudio.description"),
-          icon: /* @__PURE__ */ e(I, {})
+          icon: /* @__PURE__ */ e(D, {})
         },
         {
           label: /* @__PURE__ */ e(
-            t,
+            o,
             {
-              to: `https://www.arcblock.io/content/collections/${o}/creator-studio`,
+              to: `https://www.arcblock.io/content/collections/${t}/creator-studio`,
               target: "_blank",
               rel: "noreferrer noopener",
               children: "Creator Studio"
             }
           ),
           description: r("products.creatorStudio.description"),
-          icon: /* @__PURE__ */ e(N, {})
+          icon: /* @__PURE__ */ e($, {})
         },
         {
-          label: /* @__PURE__ */ e(t, { to: `https://www.aistro.io/${o}`, target: "_blank", rel: "noreferrer noopener", children: "Aistro" }),
-          description: r("products.aistro.description"),
-          icon: /* @__PURE__ */ e(D, {})
-        },
-        {
-          label: /* @__PURE__ */ e(t, { to: "https://www.aigne.io/", target: "_blank", rel: "noreferrer noopener", children: "AIGNE" }),
+          label: /* @__PURE__ */ e(o, { to: "https://www.aigne.io/", target: "_blank", rel: "noreferrer noopener", children: "AIGNE" }),
           description: r("products.aigne.description"),
-          icon: /* @__PURE__ */ e(x, { style: { filter: p.mode === "dark" ? "invert(1)" : "none" } })
+          icon: /* @__PURE__ */ e(i, { color: a.mode === "dark" ? "white" : "black" })
         },
         {
-          label: /* @__PURE__ */ e(t, { to: `https://www.arcsphere.io/${o}`, target: "_blank", rel: "noreferrer noopener", children: "ArcSphere" }),
+          label: /* @__PURE__ */ e(o, { to: `https://www.arcsphere.io/${t}`, target: "_blank", rel: "noreferrer noopener", children: "ArcSphere" }),
           description: r("products.arcsphere.description"),
-          icon: /* @__PURE__ */ e(C, {})
+          icon: /* @__PURE__ */ e(b, {})
         }
       ]
     },
@@ -239,27 +303,27 @@ function ye({ className: c, isOpen: j = void 0, ...s }) {
       label: r("groups.components"),
       children: [
         {
-          label: /* @__PURE__ */ e(t, { to: `https://launcher.arcblock.io/${o}`, target: "_blank", rel: "noreferrer noopener", children: "Blocklet Launcher" }),
+          label: /* @__PURE__ */ e(o, { to: `https://launcher.arcblock.io/${t}`, target: "_blank", rel: "noreferrer noopener", children: "Blocklet Launcher" }),
           description: r("products.blockletLauncher.description"),
-          icon: /* @__PURE__ */ e(K, {})
+          icon: /* @__PURE__ */ e(x, {})
         },
         {
-          label: /* @__PURE__ */ e(t, { to: `https://www.aikit.rocks/${o}`, target: "_blank", rel: "noreferrer noopener", children: "AI Kit" }),
+          label: /* @__PURE__ */ e(o, { to: "https://www.aigne.io/hub", target: "_blank", rel: "noreferrer noopener", children: "AI Kit" }),
           description: r("products.aiKit.description"),
-          icon: /* @__PURE__ */ e(A, {})
+          icon: /* @__PURE__ */ e(G, {})
         },
         {
-          label: /* @__PURE__ */ e(t, { to: `https://www.blocklet.io/${o}/payment-kit`, target: "_blank", rel: "noreferrer noopener", children: "Payment Kit" }),
+          label: /* @__PURE__ */ e(o, { to: `https://www.blocklet.io/${t}/payment-kit`, target: "_blank", rel: "noreferrer noopener", children: "Payment Kit" }),
           description: r("products.paymentKit.description"),
-          icon: /* @__PURE__ */ e("img", { src: V, alt: "Payment Kit" })
+          icon: /* @__PURE__ */ e("img", { src: H, alt: "Payment Kit" })
         },
         {
-          label: /* @__PURE__ */ e(t, { to: `https://store.blocklet.dev/?locale=${o}`, target: "_blank", rel: "noreferrer noopener", children: "Blocklet Store" }),
+          label: /* @__PURE__ */ e(o, { to: `https://store.blocklet.dev/?locale=${t}`, target: "_blank", rel: "noreferrer noopener", children: "Blocklet Store" }),
           description: r("products.blockletStore.description"),
-          icon: /* @__PURE__ */ e(B, {})
+          icon: /* @__PURE__ */ e(K, {})
         },
         {
-          label: /* @__PURE__ */ e(t, { to: `https://www.web3kit.rocks/${o}`, target: "_blank", rel: "noreferrer noopener", children: "Web3 Kit" }),
+          label: /* @__PURE__ */ e(o, { to: `https://www.web3kit.rocks/${t}`, target: "_blank", rel: "noreferrer noopener", children: "Web3 Kit" }),
           description: r("products.web3Kit.description"),
           icon: /* @__PURE__ */ e(W, {})
         }
@@ -271,44 +335,52 @@ function ye({ className: c, isOpen: j = void 0, ...s }) {
       children: [
         {
           label: /* @__PURE__ */ e(
-            t,
+            o,
             {
-              to: `https://www.arcblock.io/content/collections/${o}/blocklet`,
+              to: `https://www.arcblock.io/content/collections/${t}/blocklet`,
               target: "_blank",
               rel: "noreferrer noopener",
               children: "Blocklet Framework"
             }
           ),
           description: r("products.blockletFramework.description"),
-          icon: /* @__PURE__ */ e(F, {})
+          icon: /* @__PURE__ */ e(B, {})
         },
         {
-          label: /* @__PURE__ */ e(t, { to: `https://www.didspaces.com/${o}`, target: "_blank", rel: "noreferrer noopener", children: "DID Spaces" }),
+          label: /* @__PURE__ */ e(o, { to: `https://www.didspaces.com/${t}`, target: "_blank", rel: "noreferrer noopener", children: "DID Spaces" }),
           description: r("products.didSpaces.description"),
-          icon: /* @__PURE__ */ e(d, {})
+          icon: /* @__PURE__ */ e(s, {})
         },
         {
-          label: /* @__PURE__ */ e(t, { to: "https://main.abtnetwork.io/", target: "_blank", rel: "noreferrer noopener", children: "ABT Network" }),
+          label: /* @__PURE__ */ e(o, { to: "https://main.abtnetwork.io/", target: "_blank", rel: "noreferrer noopener", children: "ABT Network" }),
           description: r("products.abtNetwork.description"),
-          icon: /* @__PURE__ */ e(G, {})
+          icon: /* @__PURE__ */ e(F, {})
         },
         {
-          label: /* @__PURE__ */ e(t, { to: `https://www.blocklet.io/${o}/blocklet-server`, target: "_blank", rel: "noreferrer noopener", children: "Blocklet Server" }),
+          label: /* @__PURE__ */ e(
+            o,
+            {
+              to: `https://www.blocklet.io/${t}/blocklet-server`,
+              target: "_blank",
+              rel: "noreferrer noopener",
+              children: "Blocklet Server"
+            }
+          ),
           description: r("products.blockletServer.description"),
-          icon: /* @__PURE__ */ e(L, {})
+          icon: /* @__PURE__ */ e(E, {})
         },
         {
           label: /* @__PURE__ */ e(
-            t,
+            o,
             {
-              to: `https://www.arcblock.io/content/collections/${o}/ocap`,
+              to: `https://www.arcblock.io/content/collections/${t}/ocap`,
               target: "_blank",
               rel: "noreferrer noopener",
               children: "ОСАР"
             }
           ),
           description: r("products.ocap.description"),
-          icon: /* @__PURE__ */ e(M, {})
+          icon: /* @__PURE__ */ e(L, {})
         }
       ]
     },
@@ -318,61 +390,130 @@ function ye({ className: c, isOpen: j = void 0, ...s }) {
       children: [
         {
           label: /* @__PURE__ */ e(
-            t,
+            o,
             {
-              to: `https://www.arcblock.io/content/collections/${o}/did`,
+              to: `https://www.arcblock.io/content/collections/${t}/did`,
               target: "_blank",
               rel: "noreferrer noopener",
               children: "DID"
             }
           ),
           description: r("products.did.description"),
-          icon: /* @__PURE__ */ e(d, {})
+          icon: /* @__PURE__ */ e(s, {})
         },
         {
-          label: /* @__PURE__ */ e(t, { to: `https://www.didwallet.io/${o}`, target: "_blank", rel: "noreferrer noopener", children: "DID Wallet" }),
+          label: /* @__PURE__ */ e(o, { to: `https://www.didwallet.io/${t}`, target: "_blank", rel: "noreferrer noopener", children: "DID Wallet" }),
           description: r("products.didWallet.description"),
           icon: /* @__PURE__ */ e(P, {})
         },
         {
-          label: /* @__PURE__ */ e(t, { to: `https://www.didnames.io/${o}`, target: "_blank", rel: "noreferrer noopener", children: "DID Names" }),
+          label: /* @__PURE__ */ e(o, { to: `https://www.didnames.io/${t}`, target: "_blank", rel: "noreferrer noopener", children: "DID Names" }),
           description: r("products.didNameService.description"),
           icon: /* @__PURE__ */ e(T, {})
         },
         {
           label: /* @__PURE__ */ e(
-            t,
+            o,
             {
-              to: `https://www.arcblock.io/content/collections/${o}/verifiable-credential`,
+              to: `https://www.arcblock.io/content/collections/${t}/verifiable-credential`,
               target: "_blank",
               rel: "noreferrer noopener",
               children: "VC"
             }
           ),
           description: r("products.vc.description"),
-          icon: /* @__PURE__ */ e(z, {})
+          icon: /* @__PURE__ */ e(M, {})
         },
         {
-          label: /* @__PURE__ */ e(t, { to: `https://www.didconnect.io/${o}`, target: "_blank", rel: "noreferrer noopener", children: "DID Connect" }),
+          label: /* @__PURE__ */ e(o, { to: `https://www.didconnect.io/${t}`, target: "_blank", rel: "noreferrer noopener", children: "DID Connect" }),
           description: r("products.didConnect.description"),
           icon: /* @__PURE__ */ e(O, {})
         }
       ]
     }
-  ], [r, o, p]);
-  return /* @__PURE__ */ e(R, { ref: m, className: `is-${a} ${c}`, ...s, children: b.map((i) => /* @__PURE__ */ e(f, { label: i.label, children: /* @__PURE__ */ e(l, { container: !0, columnSpacing: 1, rowSpacing: 1, children: i.children.map((n) => /* @__PURE__ */ e(
-    l,
+  ] : l === "AIGNE" ? [
+    {
+      type: "Group",
+      label: r("groups.applications"),
+      children: [
+        {
+          label: /* @__PURE__ */ e(o, { to: `https://www.arcsphere.io/${t}`, target: "_blank", rel: "noreferrer noopener", children: "ArcSphere" }),
+          description: r("products.arcsphere.description"),
+          icon: /* @__PURE__ */ e(b, {})
+        },
+        {
+          label: /* @__PURE__ */ e(o, { to: `https://www.aistro.io/${t}`, target: "_blank", rel: "noreferrer noopener", children: "Aistro" }),
+          description: r("products.aistro.description"),
+          icon: /* @__PURE__ */ e("img", { src: z, alt: "Aistro" })
+        },
+        {
+          label: /* @__PURE__ */ e(o, { to: "https://www.aigne.io/doc-smith", target: "_blank", rel: "noreferrer noopener", children: "AIGNE CodeSmith" }),
+          description: r("products.aigneCodeSmith.description"),
+          icon: /* @__PURE__ */ e(i, { color: "#56a596", backgroundColor: "#e9fcf6" })
+        },
+        {
+          label: /* @__PURE__ */ e(o, { to: "https://www.aigne.io/code-smith", target: "_blank", rel: "noreferrer noopener", children: "AIGNE DocSmith" }),
+          description: r("products.aigneDocSmith.description"),
+          icon: /* @__PURE__ */ e(i, { color: "#e46f38", backgroundColor: "#f7e0d7" })
+        },
+        {
+          label: /* @__PURE__ */ e(o, { to: "https://www.aigne.io/web-smith", target: "_blank", rel: "noreferrer noopener", children: "AIGNE WebSmith" }),
+          description: r("products.aigneWebSmith.description"),
+          icon: /* @__PURE__ */ e(i, { color: "#7c45eb", backgroundColor: "#f0e9ff" })
+        }
+      ]
+    },
+    {
+      type: "Group",
+      label: r("groups.frameworkTools"),
+      children: [
+        {
+          label: /* @__PURE__ */ e(o, { to: "https://www.aigne.io/cli", target: "_blank", rel: "noreferrer noopener", children: "AIGNE CLI" }),
+          description: r("products.aigneCLI.description"),
+          icon: /* @__PURE__ */ e(i, { color: "#d05d4e", backgroundColor: "#faeaea" })
+        },
+        {
+          label: /* @__PURE__ */ e(o, { to: "https://www.aigne.io/observability", target: "_blank", rel: "noreferrer noopener", children: "AIGNE Observability" }),
+          description: r("products.aigneObservability.description"),
+          icon: /* @__PURE__ */ e(i, { color: "#6ba456", backgroundColor: "#edfae8" })
+        },
+        {
+          label: /* @__PURE__ */ e(o, { to: "https://www.aigne.io/studio", target: "_blank", rel: "noreferrer noopener", children: "AIGNE Studio" }),
+          description: r("products.aigneStudio.description"),
+          icon: /* @__PURE__ */ e(i, { color: "#676cbf", backgroundColor: "#edeeff" })
+        },
+        {
+          label: /* @__PURE__ */ e(o, { to: "https://www.aigne.io/framework", target: "_blank", rel: "noreferrer noopener", children: "AIGNE Framework" }),
+          description: r("products.aigneFramework.description"),
+          icon: /* @__PURE__ */ e(i, { color: "#5086d0", backgroundColor: "#eef4ff" })
+        }
+      ]
+    },
+    {
+      type: "Group",
+      label: r("groups.modelsAdapters"),
+      children: [
+        {
+          label: /* @__PURE__ */ e(o, { to: "https://www.aigne.io/hub", target: "_blank", rel: "noreferrer noopener", children: "AIGNE Hub" }),
+          description: r("products.aigneHub.description"),
+          icon: /* @__PURE__ */ e(i, { color: "#e4930b", backgroundColor: "#fbf4d4" })
+        }
+      ]
+    }
+  ] : [], [r, t, a]);
+  return /* @__PURE__ */ e(j, { ref: w, className: `is-${u} ${n}`, ...g, children: h.map((c) => /* @__PURE__ */ e(A, { label: c.label, children: /* @__PURE__ */ e(d, { container: !0, columnSpacing: 1, rowSpacing: 1, children: c.children.map((p) => /* @__PURE__ */ e(
+    d,
     {
       size: {
         xs: 12,
         md: 6,
         lg: 4
       },
-      children: /* @__PURE__ */ e(S, { variant: "panel", style: { padding: "8px" }, ...n })
+      children: /* @__PURE__ */ e(I, { variant: "panel", style: { padding: "8px" }, ...p })
     },
-    n.description
-  )) }) }, i.label)) });
+    p.description
+  )) }) }, c.label)) });
 }
 export {
-  ye as default
+  Ie as default
 };

package/lib/NavMenu/style.js

@@ -23,7 +23,7 @@ const o = i("nav", {
     flexDirection: "column",
     alignItems: "stretch"
   }
-})), a = i("li", {
+})), e = i("li", {
   shouldForwardProp: (n) => n !== "$activeTextColor"
 })(({ $activeTextColor: n, theme: t }) => ({
   display: "flex",
@@ -67,7 +67,7 @@ const o = i("nav", {
     justifyContent: "center",
     marginRight: "4px",
     "& > *": {
-      width: "auto",
+      width: "22px",
       height: "22px",
       maxHeight: "22px",
       fontSize: "1.5em"
@@ -110,6 +110,7 @@ const o = i("nav", {
     padding: "8px 16px",
     borderRadius: "8px",
     ".navmenu-item__icon": {
+      flexShrink: 0,
       width: "32px",
       height: "32px",
       marginRight: "16px",
@@ -155,7 +156,7 @@ const o = i("nav", {
     lineHeight: "48px",
     flexWrap: "wrap"
   }
-})), s = i(a)(({ theme: n }) => ({
+})), s = i(e)(({ theme: n }) => ({
   ".navmenu-item": {
     marginLeft: 0,
     overflow: "hidden"
@@ -229,7 +230,7 @@ const o = i("nav", {
   }
 }));
 export {
-  a as NavMenuItem,
+  e as NavMenuItem,
   r as NavMenuRoot,
   o as NavMenuStyled,
   s as NavMenuSub,

package/lib/UserCard/index.js

@@ -25,11 +25,15 @@ function B(e) {
   const n = P(() => {
     if (!i)
       return null;
-    const { avatar: a = "", ...d } = i, h = a.split("?")[1];
-    return a && !h ? {
-      ...d,
-      avatar: `${a}?imageFilter=resize&w=48&h=48`
-    } : i;
+    const { avatar: a = "", ...d } = i;
+    if (a) {
+      const h = a.split("?")[1] || "";
+      return {
+        ...d,
+        avatar: h ? a : `${a}?imageFilter=resize&w=48&h=48`
+      };
+    }
+    return i;
   }, [i]);
   if (!n)
     return /* @__PURE__ */ t(w, { did: e.did, size: e.avatarSize, useProxyFallback: !0, ...e.avatarProps });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/ux",
-  "version": "3.0.39",
+  "version": "3.0.41",
   "description": "Common used react components for arcblock products",
   "keywords": [
     "react",
@@ -60,16 +60,16 @@
     "react": "^19.0.0",
     "react-router-dom": "^6.22.3"
   },
-  "gitHead": "0b0937b6a161c7332622ae0001849a7d3b2904f1",
+  "gitHead": "e4bf7c421b39bfc7b969653e580047629e5338b5",
   "dependencies": {
-    "@arcblock/bridge": "3.0.39",
+    "@arcblock/bridge": "3.0.41",
     "@arcblock/did": "^1.21.0",
     "@arcblock/did-motif": "^1.1.14",
-    "@arcblock/icons": "3.0.39",
-    "@arcblock/nft-display": "3.0.39",
-    "@arcblock/react-hooks": "3.0.39",
+    "@arcblock/icons": "3.0.41",
+    "@arcblock/nft-display": "3.0.41",
+    "@arcblock/react-hooks": "3.0.41",
     "@blocklet/js-sdk": "^1.16.46",
-    "@blocklet/theme": "3.0.39",
+    "@blocklet/theme": "3.0.41",
     "@fontsource/roboto": "~5.1.1",
     "@fontsource/ubuntu-mono": "^5.2.6",
     "@iconify-icons/logos": "^1.2.36",

package/src/Layout/dashboard/index.tsx

@@ -59,6 +59,8 @@ export interface DashboardProps extends React.HTMLAttributes<HTMLDivElement> {
   dense?: 'auto' | boolean;
   footerProps?: FooterProps;
   sx?: SxProps;
+  /** 是否隐藏 html title, 默认不隐藏, 避免重复导致 html title 失效 */
+  hideHtmlTitle?: boolean;
 }
 
 function Dashboard({
@@ -71,6 +73,7 @@ function Dashboard({
   footerProps = {},
   sx = {},
   children,
+  hideHtmlTitle = false,
   ...rest
 }: DashboardProps) {
   const theme = useTheme();
@@ -96,7 +99,7 @@ function Dashboard({
 
   return (
     <Wrapper sx={sx} {...rest} className={classes} sidebarWidth={sidebarWidth}>
-      <Helmet title={title} key={title} />
+      {!hideHtmlTitle && <Helmet title={title} key={title} />}
       {headerVisible && (
         <StyledUxHeader {..._headerProps} className="dashboard-header">
           {links?.length

package/src/NavMenu/images/aigne.svg

@@ -1,8 +1,6 @@
-<svg width="120" height="120" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
-<mask id="mask0_2456_413" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="120" height="120">
-<rect width="119.883" height="119.883" fill="white"></rect>
-</mask>
-<g mask="url(#mask0_2456_413)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M21.2632 28.4408H98.4079C102.728 28.4408 106.23 31.943 106.23 36.2632V83.7368C106.23 88.057 102.728 91.5592 98.4079 91.5592H21.2632C16.943 91.5592 13.4408 88.057 13.4408 83.7368V36.2632C13.4408 31.943 16.943 28.4408 21.2632 28.4408ZM4 36.2632C4 26.729 11.729 19 21.2632 19H98.4079C107.942 19 115.671 26.729 115.671 36.2632V83.7368C115.671 93.271 107.942 101 98.4079 101H21.2632C11.729 101 4 93.271 4 83.7368V36.2632ZM50.2836 59.8795C50.2836 67.5608 46.7456 73.7878 42.3812 73.7878C38.0168 73.7878 34.4787 67.5608 34.4787 59.8795C34.4787 52.1981 38.0168 45.9712 42.3812 45.9712C46.7456 45.9712 50.2836 52.1981 50.2836 59.8795ZM85.0609 59.8795C85.0609 67.5608 81.5228 73.7878 77.1584 73.7878C72.794 73.7878 69.256 67.5608 69.256 59.8795C69.256 52.1981 72.794 45.9712 77.1584 45.9712C81.5228 45.9712 85.0609 52.1981 85.0609 59.8795Z" fill="black"></path>
-</g>
-</svg>
+<svg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
+    <rect x="73.1603" y="109.16" width="253.435" height="181.679" rx="36.6412" fill="none" stroke="currentColor"
+        stroke-width="18.3206" />
+    <ellipse cx="164" cy="199.618" rx="16.0305" ry="28.626" fill="currentColor" />
+    <ellipse cx="234.991" cy="199.618" rx="16.0305" ry="28.626" fill="currentColor" />
+</svg>

package/src/NavMenu/index.ts

@@ -1,3 +1,3 @@
 // eslint-disable-next-line no-restricted-exports
 export { default } from './nav-menu';
-export { default as Products } from './products';
+export { default as Products, type ProductsType, type ProductsProps } from './products';