@arcblock/ux 3.1.40 → 3.1.41

package/lib/Config/theme-mode-toggle.js

@@ -1,11 +1,19 @@
 import { jsx as e } from "react/jsx-runtime";
-import { IconButton as n } from "@mui/material";
-import { Brightness2Outlined as i, LightModeOutlined as l } from "@mui/icons-material";
-import { useColorScheme as s } from "../Theme/theme-provider.js";
-function f() {
-  const { mode: r, toggleMode: o, prefer: t } = s();
-  return o ? t === "system" || window.blocklet?.theme?.prefer === "system" ? /* @__PURE__ */ e(n, { onClick: o, children: r === "light" ? /* @__PURE__ */ e(i, {}) : /* @__PURE__ */ e(l, {}) }) : null : (process.env.NODE_ENV !== "production" && console.warn("Please ensure the component is wrapped with ConfigProvider context"), null);
+import { IconButton as i } from "@mui/material";
+import { Brightness2Outlined as l, LightModeOutlined as s } from "@mui/icons-material";
+import { useThrottleFn as m } from "ahooks";
+import { useColorScheme as u } from "../Theme/theme-provider.js";
+function g() {
+  const { mode: t, toggleMode: o, prefer: r } = u(), { run: n } = m(
+    () => {
+      o();
+    },
+    {
+      wait: 300
+    }
+  );
+  return o ? r === "system" || window.blocklet?.theme?.prefer === "system" ? /* @__PURE__ */ e(i, { onClick: n, children: t === "light" ? /* @__PURE__ */ e(l, {}) : /* @__PURE__ */ e(s, {}) }) : null : (process.env.NODE_ENV !== "production" && console.warn("Please ensure the component is wrapped with ConfigProvider context"), null);
 }
 export {
-  f as default
+  g as default
 };

package/lib/NavMenu/products.js

@@ -6,8 +6,8 @@ import { Box as w, useTheme as G } from "@mui/material";
 import B from "./sub-item-group.js";
 import { Item as K } from "./nav-menu.js";
 import { styled as C } from "../Theme/index.js";
-import { useNavMenuContext as L } from "./nav-menu-context.js";
-import { translate as E } from "../Locale/util.js";
+import { useNavMenuContext as E } from "./nav-menu-context.js";
+import { translate as L } from "../Locale/util.js";
 import { useLocaleContext as _ } from "../Locale/context.js";
 import M from "./images/nft-studio.svg.js";
 import O from "./images/creator-studio.svg.js";
@@ -479,7 +479,7 @@ function o({ to: t, children: c, className: a = "", ...u }) {
   return W(t) ? /* @__PURE__ */ e(p, { to: ee(t, "header"), target: "_blank", rel: "noreferrer noopener", className: a, ...u, children: c }) : /* @__PURE__ */ e(p, { to: t, className: a, ...u, children: c });
 }
 function Fe({ className: t = "", type: c, ...a }) {
-  const { mode: u } = L(), k = G(), { locale: r = "en" } = _() || {}, l = T(null), { palette: f } = k, i = A((n, d = {}) => E(ie, n, r, "en", d)), [N, D] = $(v), m = A(() => {
+  const { mode: u } = E(), k = G(), { locale: r = "en" } = _() || {}, l = T(null), { palette: f } = k, i = A((n, d = {}) => L(ie, n, r, "en", d)), [N, D] = $(v), m = A(() => {
     if (!l.current) return;
     const n = l.current.querySelectorAll(".navmenu-item__content");
     let d = v;
@@ -661,12 +661,12 @@ function Fe({ className: t = "", type: c, ...a }) {
             {
               label: /* @__PURE__ */ e(o, { to: "https://www.aigne.io/code-smith", ...n, children: "AIGNE CodeSmith" }),
               description: i("products.aigneCodeSmith.description"),
-              icon: /* @__PURE__ */ e(s, { color: "#56a596", backgroundColor: "#e9fcf6" })
+              icon: /* @__PURE__ */ e(s, { color: "#3E5DF7", backgroundColor: "#e9f0ff" })
             },
             {
               label: /* @__PURE__ */ e(o, { to: "https://www.aigne.io/doc-smith", ...n, children: "AIGNE DocSmith" }),
               description: i("products.aigneDocSmith.description"),
-              icon: /* @__PURE__ */ e(s, { color: "#e46f38", backgroundColor: "#f7e0d7" })
+              icon: /* @__PURE__ */ e(s, { color: "#02A996", backgroundColor: "#e6f7f5" })
             },
             {
               label: /* @__PURE__ */ e(o, { to: "https://www.aigne.io/web-smith", ...n, children: "AIGNE WebSmith" }),

package/lib/package.json.js

@@ -1,4 +1,4 @@
-const e = "3.1.40", s = { "@blocklet/js-sdk": "^1.16.49-beta-20250823-082650-626c1473" }, t = {
+const e = "3.1.41", s = { "@blocklet/js-sdk": "^1.16.49-beta-20250823-082650-626c1473" }, t = {
   version: e,
   dependencies: s
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/ux",
-  "version": "3.1.40",
+  "version": "3.1.41",
   "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": "5e3ea739c926b972f08cf72e113964ef5a82ddf3",
+  "gitHead": "21979ee3abb716f0201960abe9c85d8f0a8f291c",
   "dependencies": {
-    "@arcblock/bridge": "3.1.40",
+    "@arcblock/bridge": "3.1.41",
     "@arcblock/did": "^1.21.3",
     "@arcblock/did-motif": "^1.1.14",
-    "@arcblock/icons": "3.1.40",
-    "@arcblock/nft-display": "3.1.40",
-    "@arcblock/react-hooks": "3.1.40",
+    "@arcblock/icons": "3.1.41",
+    "@arcblock/nft-display": "3.1.41",
+    "@arcblock/react-hooks": "3.1.41",
     "@blocklet/js-sdk": "^1.16.49-beta-20250823-082650-626c1473",
-    "@blocklet/theme": "3.1.40",
+    "@blocklet/theme": "3.1.41",
     "@fontsource/roboto": "~5.1.1",
     "@fontsource/ubuntu-mono": "^5.2.6",
     "@iconify-icons/logos": "^1.2.36",

package/src/Config/theme-mode-toggle.tsx

@@ -3,10 +3,19 @@ import {
   LightModeOutlined as LightModeOutlinedIcon,
   Brightness2Outlined as Brightness2OutlinedIcon,
 } from '@mui/icons-material';
+import { useThrottleFn } from 'ahooks';
 import { useColorScheme } from '../Theme/theme-provider';
 
 export default function ThemeModeToggle() {
   const { mode, toggleMode, prefer } = useColorScheme();
+  const { run: toggleModeThrottled } = useThrottleFn(
+    () => {
+      toggleMode();
+    },
+    {
+      wait: 300,
+    }
+  );
 
   if (!toggleMode) {
     if (process.env.NODE_ENV !== 'production') {
@@ -19,7 +28,7 @@ export default function ThemeModeToggle() {
   // 跟随系统才显示切换
   if (prefer === 'system' || window.blocklet?.theme?.prefer === 'system') {
     return (
-      <IconButton onClick={toggleMode}>
+      <IconButton onClick={toggleModeThrottled}>
         {mode === 'light' ? <Brightness2OutlinedIcon /> : <LightModeOutlinedIcon />}
       </IconButton>
     );

package/src/NavMenu/products.tsx

@@ -768,7 +768,7 @@ export default function Products({ className = '', type, ...rest }: ProductsProp
                 </SmartLink>
               ),
               description: t('products.aigneCodeSmith.description'),
-              icon: <AigneIcon color="#56a596" backgroundColor="#e9fcf6" />,
+              icon: <AigneIcon color="#3E5DF7" backgroundColor="#e9f0ff" />,
             },
             {
               label: (
@@ -777,7 +777,7 @@ export default function Products({ className = '', type, ...rest }: ProductsProp
                 </SmartLink>
               ),
               description: t('products.aigneDocSmith.description'),
-              icon: <AigneIcon color="#e46f38" backgroundColor="#f7e0d7" />,
+              icon: <AigneIcon color="#02A996" backgroundColor="#e6f7f5" />,
             },
             {
               label: (