@blocklet/ui-react 3.1.31 → 3.1.33

package/lib/Header/index.js

@@ -6,14 +6,14 @@ import { ErrorFallback as C } from "@arcblock/ux/lib/ErrorBoundary";
 import { styled as H, useTheme as _, deepmerge as w, ThemeProvider as A } from "@arcblock/ux/lib/Theme";
 import { ResponsiveHeader as B } from "@arcblock/ux/lib/Header";
 import L, { Products as R } from "@arcblock/ux/lib/NavMenu";
-import { useLocaleContext as F } from "@arcblock/ux/lib/Locale/context";
-import { translate as M } from "@arcblock/ux/lib/Locale/util";
-import O from "@arcblock/ux/lib/hooks/use-blocklet-logo";
-import P from "lodash/omit";
+import { useLocaleContext as z } from "@arcblock/ux/lib/Locale/context";
+import { translate as F } from "@arcblock/ux/lib/Locale/util";
+import M from "@arcblock/ux/lib/hooks/use-blocklet-logo";
+import O from "lodash/omit";
 import I from "lodash/isFinite";
-import z from "clsx";
+import P from "clsx";
 import W from "../Icon/index.js";
-import { mapRecursive as S, flatRecursive as U, matchPaths as j } from "../utils.js";
+import { mapRecursive as j, flatRecursive as S, matchPaths as U } from "../utils.js";
 import { formatBlockletInfo as G, getLocalizedNavigation as K, publicPath as q } from "../blocklets.js";
 import D from "../common/header-addons.js";
 import { useWalletHiddenTopbar as J } from "../common/wallet-hidden-topbar.js";
@@ -24,12 +24,18 @@ const V = {
   },
   zh: {
     products: "产品"
+  },
+  "zh-TW": {
+    products: "產品"
+  },
+  ja: {
+    products: "製品"
   }
 }, X = (r) => {
   if (!r?.length)
     return { navItems: [], activeId: null };
   let t = 1;
-  const c = S(r, (e) => {
+  const c = j(r, (e) => {
     const i = e.icon ? /* @__PURE__ */ a(W, { icon: e.icon }) : null;
     if (e.items)
       return {
@@ -49,7 +55,7 @@ const V = {
       description: e.description,
       link: e.link
     };
-  }, "items"), l = U(c), p = j(l.map((e) => e.link));
+  }, "items"), l = S(c), p = U(l.map((e) => e.link));
   return { navItems: c, activeId: p >= 0 ? l[p].id : null };
 };
 function Y({
@@ -65,14 +71,14 @@ function Y({
   ...i
 }) {
   J();
-  const s = _(), { locale: b } = F() || {}, x = N((o, n = {}) => M(V, o, b, "en", n)), d = f(() => {
+  const s = _(), { locale: b } = z() || {}, T = N((o, n = {}) => F(V, o, b, "en", n)), d = f(() => {
     const o = Object.assign({}, window.blocklet, r);
     try {
       return G(o);
     } catch (n) {
       return console.error("Failed to format blocklet info", n, o), o;
     }
-  }, [r]), m = f(() => w(s, l), [s, l]), y = O({
+  }, [r]), m = f(() => w(s, l), [s, l]), x = M({
     meta: r,
     theme: l
   }), { productsOrder: g, productsType: k } = f(() => {
@@ -90,16 +96,16 @@ function Y({
   }, [d]);
   if (!d.appName)
     return null;
-  const T = K(d?.navigation?.header, b), v = X(T), { navItems: u, activeId: E } = v;
+  const y = K(d?.navigation?.header, b), v = X(y), { navItems: u, activeId: E } = v;
   return k && Number.isInteger(g) && u.splice(g, 0, {
-    label: x("products"),
+    label: T("products"),
     // eslint-disable-next-line react/no-unstable-nested-components
     children: () => /* @__PURE__ */ a(R, { type: k })
   }), /* @__PURE__ */ a(A, { theme: m, children: /* @__PURE__ */ a(
     Z,
     {
       homeLink: c,
-      logo: /* @__PURE__ */ a("img", { src: y, alt: "logo" }),
+      logo: /* @__PURE__ */ a("img", { src: x, alt: "logo" }),
       addons: (
         // @ts-ignore
         /* @__PURE__ */ a(
@@ -112,10 +118,10 @@ function Y({
           }
         )
       ),
-      ...P(i, ["bordered"]),
+      ...O(i, ["bordered"]),
       $bordered: i?.bordered,
       $bgcolor: m.palette.background.default,
-      className: z("blocklet__header", i.className),
+      className: P("blocklet__header", i.className),
       children: p || !u?.length ? null : ({ isMobile: o }) => (
         // @ts-ignore
         /* @__PURE__ */ a(
@@ -145,9 +151,9 @@ const Z = H(B)`
       min-width: 32px;
     }
   }
-`, ye = $(Q(Y), {
+`, xe = $(Q(Y), {
   FallbackComponent: C
 });
 export {
-  ye as default
+  xe as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/ui-react",
-  "version": "3.1.31",
+  "version": "3.1.33",
   "description": "Some useful front-end web components that can be used in Blocklets.",
   "keywords": [
     "react",
@@ -35,9 +35,9 @@
   "dependencies": {
     "@abtnode/constant": "^1.16.49-beta-20250823-082650-626c1473",
     "@abtnode/util": "^1.16.49-beta-20250823-082650-626c1473",
-    "@arcblock/bridge": "3.1.31",
-    "@arcblock/icons": "3.1.31",
-    "@arcblock/react-hooks": "3.1.31",
+    "@arcblock/bridge": "3.1.33",
+    "@arcblock/icons": "3.1.33",
+    "@arcblock/react-hooks": "3.1.33",
     "@arcblock/ws": "^1.21.3",
     "@blocklet/constant": "^1.16.49-beta-20250823-082650-626c1473",
     "@blocklet/did-space-react": "^1.1.16",
@@ -83,7 +83,7 @@
     "access": "public"
   },
   "devDependencies": {
-    "@arcblock/did-connect-react": "3.1.31",
+    "@arcblock/did-connect-react": "3.1.33",
     "@types/dompurify": "^3.2.0",
     "@types/ua-parser-js": "^0.7.39",
     "@types/validator": "^13.15.2",
@@ -91,5 +91,5 @@
     "jest": "^29.7.0",
     "unbuild": "^2.0.0"
   },
-  "gitHead": "a904bcfb38156f7cdff5b2134c126b19d528f4b2"
+  "gitHead": "14bd43c4a02eb7617981ef48276f2fc493058240"
 }

package/src/Header/index.tsx

@@ -28,6 +28,12 @@ const translations = {
   zh: {
     products: '产品',
   },
+  'zh-TW': {
+    products: '產品',
+  },
+  ja: {
+    products: '製品',
+  },
 };
 
 // blocklet meta 中的 navigation 数据 => NavMenu 组件的 items