@blocklet/ui-react 3.1.28 → 3.1.30

package/lib/UserCenter/components/user-info/social-actions/chat.js

@@ -1,24 +1,25 @@
-import { jsxs as a, jsx as c } from "react/jsx-runtime";
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
 import { useMemo as l } from "react";
 import { Button as u } from "@mui/material";
-import { useMemoizedFn as e } from "ahooks";
+import { useMemoizedFn as r } from "ahooks";
+import { Icon as d } from "@iconify/react";
 import { translate as f } from "@arcblock/ux/lib/Locale/util";
 import { useLocaleContext as p } from "@arcblock/ux/lib/Locale/context";
-import { joinURL as d } from "ufo";
-import { translations as h } from "../../../libs/locales.js";
-const x = () => {
+import { joinURL as h } from "ufo";
+import { translations as g } from "../../../libs/locales.js";
+const M = () => {
   const { componentMountPoints: o = [] } = window.blocklet || {};
   return o.find((t) => t.name === "did-comments")?.mountPoint;
 };
-function v({ user: o }) {
-  const { locale: n } = p(), t = e((m, s = {}) => f(h, m, n, "en", s)), i = l(() => x(), []), r = e(() => {
-    window.open(d(i, `/chat/dm/${o?.did}`), "_blank");
+function L({ user: o }) {
+  const { locale: n } = p(), t = r((m, s = {}) => f(g, m, n, "en", s)), i = l(() => M(), []), e = r(() => {
+    window.open(h(i, `/chat/dm/${o?.did}`), "_blank");
   });
-  return i ? /* @__PURE__ */ a(u, { fullWidth: !0, variant: "outlined", color: "inherit", onClick: r, children: [
-    /* @__PURE__ */ c("i", { className: "iconify", "data-icon": "mi:message-alt", style: { fontSize: "15px", marginRight: "4px" } }),
+  return i ? /* @__PURE__ */ c(u, { fullWidth: !0, variant: "outlined", color: "inherit", onClick: e, children: [
+    /* @__PURE__ */ a(d, { icon: "tabler:message-dots", style: { marginRight: 4 } }),
     t("profile.chat")
   ] }) : null;
 }
 export {
-  v as default
+  L as default
 };

package/lib/UserCenter/components/user-info/user-basic-info.d.ts

@@ -1,6 +1,6 @@
 import { BoxProps } from '@mui/material';
 import { User } from '../../../@types';
-export default function UserBasicInfo({ user, isMyself, showFullDid, switchPassport, switchProfile, isMobile, onlyProfile, refreshProfile, ...rest }: {
+export default function UserBasicInfo({ user, isMyself, showFullDid, switchPassport, switchProfile, isMobile, onlyProfile, refreshProfile, isShowSocialActions, ...rest }: {
     user: User;
     isMyself?: boolean;
     showFullDid?: boolean;
@@ -10,4 +10,5 @@ export default function UserBasicInfo({ user, isMyself, showFullDid, switchPassp
     isMobile?: boolean;
     onlyProfile?: boolean;
     refreshProfile: () => void;
+    isShowSocialActions?: boolean;
 } & BoxProps): import("react/jsx-runtime").JSX.Element | null;

package/lib/UserCenter/components/user-info/user-basic-info.js

@@ -1,25 +1,25 @@
-import { jsxs as c, jsx as r, Fragment as E } from "react/jsx-runtime";
-import { Box as l, Typography as S, Divider as B, IconButton as N, Collapse as T } from "@mui/material";
-import F from "@arcblock/ux/lib/Avatar";
-import K from "@arcblock/ux/lib/DID";
-import { useMemoizedFn as W } from "ahooks";
-import { translate as O } from "@arcblock/ux/lib/Locale/util";
-import { useLocaleContext as Q } from "@arcblock/ux/lib/Locale/context";
-import V from "lodash/noop";
+import { jsxs as c, jsx as r, Fragment as B } from "react/jsx-runtime";
+import { Box as l, Typography as S, Divider as N, IconButton as T, Collapse as F } from "@mui/material";
+import K from "@arcblock/ux/lib/Avatar";
+import W from "@arcblock/ux/lib/DID";
+import { useMemoizedFn as O } from "ahooks";
+import { translate as Q } from "@arcblock/ux/lib/Locale/util";
+import { useLocaleContext as V } from "@arcblock/ux/lib/Locale/context";
+import Y from "lodash/noop";
 import { useState as U, useEffect as y } from "react";
 import C from "@arcblock/ux/lib/Toast";
-import { parseURL as Y, joinURL as $ } from "ufo";
-import { KeyboardArrowUp as q, KeyboardArrowDown as G } from "@mui/icons-material";
-import { translations as H } from "../../libs/locales.js";
+import { parseURL as $, joinURL as q } from "ufo";
+import { KeyboardArrowUp as G, KeyboardArrowDown as H } from "@mui/icons-material";
+import { translations as J } from "../../libs/locales.js";
 import { formatAxiosError as z } from "../../libs/utils.js";
-import { currentTimezone as J, getStatusDuration as X, isValidUrl as Z } from "./utils.js";
-import _ from "./switch-role.js";
-import P from "./metadata.js";
-import M from "./user-status.js";
-import tt from "./user-info.js";
+import { currentTimezone as X, getStatusDuration as Z, isValidUrl as _ } from "./utils.js";
+import P from "./switch-role.js";
+import M from "./metadata.js";
+import tt from "./user-status.js";
+import rt from "./user-info.js";
 import { client as j } from "../../../libs/client.js";
-import rt from "./social-actions/index.js";
-function Ct({
+import ot from "./social-actions/index.js";
+function zt({
   user: t,
   isMyself: e = !0,
   showFullDid: f = !0,
@@ -28,19 +28,20 @@ function Ct({
   isMobile: a = !1,
   onlyProfile: s = !1,
   refreshProfile: u,
+  isShowSocialActions: A = !1,
   ...m
 }) {
-  const { locale: x } = Q(), [h, g] = U(void 0), w = W((n, o = {}) => O(H, n, x, "en", o)), [d, v] = U(!a || s);
+  const { locale: x } = V(), [h, g] = U(void 0), w = O((n, o = {}) => Q(J, n, x, "en", o)), [d, v] = U(!a || s);
   y(() => {
     g(t?.metadata?.status);
   }, [t]), y(() => {
     v(!a || s);
   }, [a, s]);
-  const A = async (n) => {
+  const b = async (n) => {
     if (e)
       try {
         if (n) {
-          const o = X(n);
+          const o = Z(n);
           n.dateRange = o.length > 0 ? o : h?.dateRange ?? [];
         }
         g(n), await j.user.saveProfile({
@@ -53,25 +54,25 @@ function Ct({
       } catch (o) {
         console.error(o), C.error(z(o));
       }
-  }, b = () => {
+  }, D = () => {
     v(!d);
   };
   if (!t)
     return null;
-  const D = async (n) => {
+  const L = async (n) => {
     if (!e)
       return;
-    const { metadata: o, address: L } = n;
+    const { metadata: o, address: k } = n;
     try {
       const p = o?.links?.map((i) => {
-        if (!i.url || !Z(i.url)) return null;
+        if (!i.url || !_(i.url)) return null;
         try {
-          return Y(i.url).protocol || (i.url = $("https://", i.url)), i;
+          return $(i.url).protocol || (i.url = q("https://", i.url)), i;
         } catch {
           return console.error("Invalid URL:", i.url), null;
         }
       }).filter((i) => !!i) || [];
-      o.links = p, await j.user.saveProfile({ metadata: o, address: L }), u();
+      o.links = p, await j.user.saveProfile({ metadata: o, address: k }), u();
     } catch (p) {
       console.error(p), C.error(z(p));
     }
@@ -107,7 +108,7 @@ function Ct({
                   },
                   children: [
                     /* @__PURE__ */ r(
-                      F,
+                      K,
                       {
                         src: t?.avatar,
                         did: t?.did,
@@ -138,18 +139,18 @@ function Ct({
                             }
                           } : {}
                         },
-                        onClick: e ? R : V
+                        onClick: e ? R : Y
                       }
                     ),
                     /* @__PURE__ */ r(
-                      M,
+                      tt,
                       {
                         isMobile: a,
                         size: m.size || (a ? 64 : 100),
                         isMyself: e,
-                        timezone: t?.metadata?.timezone || J,
+                        timezone: t?.metadata?.timezone || X,
                         status: h,
-                        onChange: A
+                        onChange: b
                       }
                     )
                   ]
@@ -189,21 +190,21 @@ function Ct({
                               children: t?.fullName
                             }
                           ),
-                          e ? /* @__PURE__ */ r(_, { user: t, switchPassport: I }) : null
+                          e ? /* @__PURE__ */ r(P, { user: t, switchPassport: I }) : null
                         ]
                       }
                     ),
-                    /* @__PURE__ */ r(K, { did: t.did, showQrcode: !0, copyable: !0, compact: !f, responsive: !f, locale: x })
+                    /* @__PURE__ */ r(W, { did: t.did, showQrcode: !0, copyable: !0, compact: !f, responsive: !f, locale: x })
                   ]
                 }
               )
             ]
           }
         ),
-        e ? null : /* @__PURE__ */ r(l, { sx: { mt: 2 }, children: /* @__PURE__ */ r(rt, { user: t }) }),
-        /* @__PURE__ */ r(P, { isMobile: a, isMyself: e, user: t, onSave: D }),
-        e ? /* @__PURE__ */ c(E, { children: [
-          /* @__PURE__ */ r(B, { sx: { my: a ? 1 : 3 } }),
+        !e && A ? /* @__PURE__ */ r(l, { sx: { mt: 2 }, children: /* @__PURE__ */ r(ot, { user: t }) }) : null,
+        /* @__PURE__ */ r(M, { isMobile: a, isMyself: e, user: t, onSave: L }),
+        e ? /* @__PURE__ */ c(B, { children: [
+          /* @__PURE__ */ r(N, { sx: { my: a ? 1 : 3 } }),
           a && !s ? /* @__PURE__ */ r(
             l,
             {
@@ -213,10 +214,10 @@ function Ct({
                 mb: 0
               },
               children: /* @__PURE__ */ r(
-                N,
+                T,
                 {
                   size: "small",
-                  onClick: b,
+                  onClick: D,
                   sx: {
                     backgroundColor: "grey.50",
                     "&:hover": {
@@ -224,12 +225,12 @@ function Ct({
                       opacity: 0.8
                     }
                   },
-                  children: d ? /* @__PURE__ */ r(q, {}) : /* @__PURE__ */ r(G, {})
+                  children: d ? /* @__PURE__ */ r(G, {}) : /* @__PURE__ */ r(H, {})
                 }
               )
             }
           ) : null,
-          /* @__PURE__ */ c(T, { in: d, timeout: "auto", children: [
+          /* @__PURE__ */ c(F, { in: d, timeout: "auto", children: [
             /* @__PURE__ */ r(
               S,
               {
@@ -242,7 +243,7 @@ function Ct({
                 children: w("profile.justForYou")
               }
             ),
-            /* @__PURE__ */ r(tt, { user: t, isMySelf: e })
+            /* @__PURE__ */ r(rt, { user: t, isMySelf: e })
           ] })
         ] }) : null
       ]
@@ -250,5 +251,5 @@ function Ct({
   );
 }
 export {
-  Ct as default
+  zt as default
 };

package/lib/common/notification-addon.js

@@ -7,17 +7,17 @@ import S from "@arcblock/icons/lib/Notification";
 import { useCreation as s } from "ahooks";
 import { WELLKNOWN_SERVICE_PATH_PREFIX as V, EVENTS as y } from "@abtnode/constant";
 import x from "@arcblock/react-hooks/lib/useBrowser";
-import { joinURL as U, withQuery as I } from "ufo";
-import { useListenWsClient as j } from "./ws.js";
-import F from "../Notifications/Snackbar.js";
-import { compareVersions as H } from "../utils.js";
-const b = U(V, "user", "notifications"), K = (r) => I(b, {
+import { compareVersions as U } from "@arcblock/ux/lib/Util";
+import { joinURL as j, withQuery as I } from "ufo";
+import { useListenWsClient as F } from "./ws.js";
+import H from "../Notifications/Snackbar.js";
+const b = j(V, "user", "notifications"), K = (r) => I(b, {
   id: r.id,
   severity: r.severity || "all",
   componentDid: r.source === "system" ? "system" : r.componentDid || "all"
 });
 function P({ session: r = {} }) {
-  const { unReadCount: c, user: w, setUnReadCount: n } = r, e = s(() => w?.did, [w]), { enqueueSnackbar: E } = D(), l = x(), k = _(() => l.arcSphere || l.wallet, [l]), N = s(() => window.blocklet?.serverVersion, []), t = j("user"), d = s(
+  const { unReadCount: c, user: w, setUnReadCount: n } = r, e = s(() => w?.did, [w]), { enqueueSnackbar: E } = D(), l = x(), k = _(() => l.arcSphere || l.wallet, [l]), N = s(() => window.blocklet?.serverVersion, []), t = F("user"), d = s(
     () => `${window.blocklet.did}/${e}/${y.NOTIFICATION_BLOCKLET_CREATE}`,
     [e]
   ), u = s(
@@ -28,14 +28,14 @@ function P({ session: r = {} }) {
       const { receivers: f } = o ?? {}, { receiver: p } = f[0] ?? {};
       if (p === e) {
         n((v) => v + 1);
-        const C = H(N, "1.16.42-beta-20250407");
+        const C = U(N, "1.16.42-beta-20250407");
         if (!k && o.source === "component" && C) {
           const v = K(o), { severity: T, description: L } = o || {}, A = ["error", "warning"].includes(T) || o.sticky;
           E(L, {
             variant: T,
             autoHideDuration: A ? null : 5e3,
             // eslint-disable-next-line react/no-unstable-nested-components
-            content: (R) => /* @__PURE__ */ i(F, { viewAllUrl: v, keyId: R, notification: o })
+            content: (R) => /* @__PURE__ */ i(H, { viewAllUrl: v, keyId: R, notification: o })
           });
         }
       }

package/lib/utils.d.ts

@@ -8,4 +8,3 @@ export function isIconifyString(str: any): boolean;
 export function matchPath(path: any): any;
 export function matchPaths(paths?: any[]): number;
 export function splitNavColumns(items: any, options?: {}): never[][];
-export function compareVersions(version1: any, version2: any): any;

package/lib/utils.js

@@ -1,62 +1,54 @@
-import H from "semver";
-const d = (e, r, n = "children") => e.map((t) => Array.isArray(t[n]) ? r({
+const p = (n, r, e = "children") => n.map((t) => Array.isArray(t[e]) ? r({
   ...t,
-  [n]: d(t[n], r, n)
-}) : r(t)), C = (e, r = "children") => {
-  const n = [];
-  return d(e, (t) => n.push(t), r), n;
-}, P = (e, r = "children") => {
-  let n = 0;
-  return d(e, () => n++, r), n;
-}, R = (e, r, n = "children") => e.map((t) => ({ ...t })).filter((t) => {
-  const s = t[n];
+  [e]: p(t[e], r, e)
+}) : r(t)), v = (n, r = "children") => {
+  const e = [];
+  return p(n, (t) => e.push(t), r), e;
+}, A = (n, r = "children") => {
+  let e = 0;
+  return p(n, () => e++, r), e;
+}, H = (n, r, e = "children") => n.map((t) => ({ ...t })).filter((t) => {
+  const s = t[e];
   if (Array.isArray(s)) {
-    const o = R(s, r, n);
-    t[n] = o?.length ? o : void 0;
+    const a = H(s, r, e);
+    t[e] = a?.length ? a : void 0;
   }
-  const c = { filteredChildren: t[n], isLeaf: !s?.length };
-  return r(t, c);
-}), S = (e) => /^https?:\/\//.test(e), x = (e) => /^mailto:/i.test(e.trim()), W = (e) => /^[\w-]+:[\w-]+$/.test(e), V = (e) => {
-  if (!e || !e?.startsWith("/"))
+  const l = { filteredChildren: t[e], isLeaf: !s?.length };
+  return r(t, l);
+}), C = (n) => /^https?:\/\//.test(n), P = (n) => /^mailto:/i.test(n.trim()), S = (n) => /^[\w-]+:[\w-]+$/.test(n), R = (n) => {
+  if (!n || !n?.startsWith("/"))
     return !1;
-  const r = (s) => s.endsWith("/") ? s : `${s}/`, n = r(window.location.pathname), t = r(new URL(e, window.location.origin).pathname);
-  return n.startsWith(t);
-}, k = (e = []) => {
-  const r = e.map((t, s) => ({ path: t, index: s })).filter((t) => V(t.path));
+  const r = (s) => s.endsWith("/") ? s : `${s}/`, e = r(window.location.pathname), t = r(new URL(n, window.location.origin).pathname);
+  return e.startsWith(t);
+}, x = (n = []) => {
+  const r = n.map((t, s) => ({ path: t, index: s })).filter((t) => R(t.path));
   return r?.length ? r.slice(1).reduce((t, s) => t.path.length >= s.path.length ? t : s, r[0]).index : -1;
-}, v = (e, r = {}) => {
-  const { columns: n = 1, breakInside: t = !1, groupHeight: s = 48, itemHeight: c = 24, childrenKey: o = "items" } = r, p = e.reduce((u, g) => u + s + (g[o]?.length || 0) * c, 0), h = Math.ceil(p / n), l = [[]];
-  let i = 0, a = 0;
-  const m = h * 0.2, f = (u) => a > h - m && i < n - 1 && a + u > h + m;
-  return e.forEach((u) => {
-    const g = s + (u[o]?.length || 0) * c;
-    t && f(s) && (i++, a = 0, l[i] = []), !t && a > 0 && f(g) && (i++, a = 0, l[i] = []), l[i].push({
-      ...u,
+}, W = (n, r = {}) => {
+  const { columns: e = 1, breakInside: t = !1, groupHeight: s = 48, itemHeight: l = 24, childrenKey: a = "items" } = r, m = n.reduce((c, g) => c + s + (g[a]?.length || 0) * l, 0), h = Math.ceil(m / e), u = [[]];
+  let o = 0, i = 0;
+  const d = h * 0.2, f = (c) => i > h - d && o < e - 1 && i + c > h + d;
+  return n.forEach((c) => {
+    const g = s + (c[a]?.length || 0) * l;
+    t && f(s) && (o++, i = 0, u[o] = []), !t && i > 0 && f(g) && (o++, i = 0, u[o] = []), u[o].push({
+      ...c,
       group: !0
-    }), a += s, u[o] && u[o].forEach((w) => {
-      t && f(c) && (i++, a = 0, l[i] = []), l[i].push({
+    }), i += s, c[a] && c[a].forEach((w) => {
+      t && f(l) && (o++, i = 0, u[o] = []), u[o].push({
         ...w,
         group: !1
-      }), a += c;
+      }), i += l;
     });
-  }), l;
-}, E = (e, r) => {
-  const n = (c) => {
-    const o = c.match(/^(\d+\.\d+\.\d+(?:-[^-]+?-\d{8}))/);
-    return o ? o[1] : c;
-  }, t = n(e), s = n(r);
-  return t === s && e !== r ? !1 : H.gte(t, s);
+  }), u;
 };
 export {
-  E as compareVersions,
-  P as countRecursive,
-  R as filterRecursive,
-  C as flatRecursive,
-  W as isIconifyString,
-  x as isMailProtocol,
-  S as isUrl,
-  d as mapRecursive,
-  V as matchPath,
-  k as matchPaths,
-  v as splitNavColumns
+  A as countRecursive,
+  H as filterRecursive,
+  v as flatRecursive,
+  S as isIconifyString,
+  P as isMailProtocol,
+  C as isUrl,
+  p as mapRecursive,
+  R as matchPath,
+  x as matchPaths,
+  W as splitNavColumns
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/ui-react",
-  "version": "3.1.28",
+  "version": "3.1.30",
   "description": "Some useful front-end web components that can be used in Blocklets.",
   "keywords": [
     "react",
@@ -33,13 +33,13 @@
     "url": "https://github.com/ArcBlock/ux/issues"
   },
   "dependencies": {
-    "@abtnode/constant": "^1.16.48",
-    "@abtnode/util": "^1.16.48",
-    "@arcblock/bridge": "3.1.28",
-    "@arcblock/icons": "3.1.28",
-    "@arcblock/react-hooks": "3.1.28",
+    "@abtnode/constant": "^1.16.49-beta-20250823-082650-626c1473",
+    "@abtnode/util": "^1.16.49-beta-20250823-082650-626c1473",
+    "@arcblock/bridge": "3.1.30",
+    "@arcblock/icons": "3.1.30",
+    "@arcblock/react-hooks": "3.1.30",
     "@arcblock/ws": "^1.21.3",
-    "@blocklet/constant": "^1.16.48",
+    "@blocklet/constant": "^1.16.49-beta-20250823-082650-626c1473",
     "@blocklet/did-space-react": "^1.1.16",
     "@iconify-icons/logos": "^1.2.36",
     "@iconify-icons/material-symbols": "^1.2.58",
@@ -63,7 +63,6 @@
     "react-error-boundary": "^3.1.4",
     "react-helmet": "^6.1.0",
     "react-placeholder": "^4.1.0",
-    "semver": "^7.7.2",
     "type-fest": "^4.41.0",
     "ua-parser-js": "^1.0.40",
     "ufo": "^1.6.1",
@@ -84,7 +83,7 @@
     "access": "public"
   },
   "devDependencies": {
-    "@arcblock/did-connect-react": "3.1.28",
+    "@arcblock/did-connect-react": "3.1.30",
     "@types/dompurify": "^3.2.0",
     "@types/ua-parser-js": "^0.7.39",
     "@types/validator": "^13.15.2",
@@ -92,5 +91,5 @@
     "jest": "^29.7.0",
     "unbuild": "^2.0.0"
   },
-  "gitHead": "8a62be8796c0ab9129b24a08ecc051d1ac23e0de"
+  "gitHead": "a51fede74e5eca679ff40a8c62d96bae09210f04"
 }

package/src/UserCenter/components/fallback.tsx

@@ -15,10 +15,12 @@ import { useUserFollowersContext } from '../../contexts/user-followers';
 function Fallback({
   currentActiveTab,
   isMyself,
+  isSupportFollow = false,
   children,
 }: {
   currentActiveTab: UserCenterTab;
   isMyself: boolean;
+  isSupportFollow?: boolean;
   children: React.ReactNode;
 }) {
   const { locale } = useLocaleContext();
@@ -34,6 +36,10 @@ function Fallback({
 
   const { protected: protection } = currentActiveTab;
 
+  // 如果还没有支持 follow 关系，但是已经设置了仅粉丝可见，则直接显示内容
+  if (!isSupportFollow && protection === 'follower-only') {
+    return children;
+  }
   // 私密内容（仅自己可见）
   if (protection === true || protection === 'private') {
     return <Empty>{t('underProtected')}</Empty>;

package/src/UserCenter/components/user-center.tsx

@@ -1,4 +1,4 @@
-import { Children, cloneElement, isValidElement, use } from 'react';
+import { Children, cloneElement, isValidElement, use, useMemo } from 'react';
 import { Box, CircularProgress, Divider, Typography } from '@mui/material';
 import type { BoxProps, Theme } from '@mui/material';
 import { useCreation, useMemoizedFn, useRequest } from 'ahooks';
@@ -19,6 +19,7 @@ import cloneDeep from 'lodash/cloneDeep';
 import { getQuery, withQuery, joinURL, withoutTrailingSlash } from 'ufo';
 import type { AxiosError } from 'axios';
 import type { UserPublicInfo } from '@blocklet/js-sdk';
+import { isSupportFollow } from '@arcblock/ux/lib/Util';
 
 import { PROFILE_URL } from '@arcblock/ux/lib/Util/constant';
 import Footer from '../../Footer';
@@ -143,6 +144,10 @@ export default function UserCenter({
     return false;
   }, [currentDid, session?.user?.did]);
 
+  const isShowSocialActions = useMemo((): boolean => {
+    return isSupportFollow();
+  }, []);
+
   const userState = useRequest<UserPublicInfo | User | undefined, []>(
     // eslint-disable-next-line consistent-return
     async () => {
@@ -227,9 +232,9 @@ export default function UserCenter({
       value: userFollowersLink,
       url: getLink(userFollowersLink, locale),
     };
-    let tabs: NavigationTabProps[] = [nftTab, userFollowersTab];
+    let tabs: NavigationTabProps[] = isShowSocialActions ? [nftTab, userFollowersTab] : [nftTab];
     if (isMyself) {
-      tabs = [
+      const restTabs = [
         nftTab,
         {
           label: t('common.setting'),
@@ -245,11 +250,11 @@ export default function UserCenter({
           value: didSpacesLink,
           url: getLink(didSpacesLink, locale),
         },
-        userFollowersTab,
       ];
+      tabs = isShowSocialActions ? [...restTabs, userFollowersTab] : restTabs;
     }
     return tabs;
-  }, [isMyself, locale]);
+  }, [isMyself, locale, isShowSocialActions]);
 
   const userCenterTabs = useCreation<UserCenterTab[]>(() => {
     const menus = formattedBlocklet?.navigation?.userCenter || [];
@@ -442,7 +447,10 @@ export default function UserCenter({
 
     return (
       <Box sx={{ flex: 1 }}>
-        <Fallback currentActiveTab={currentActiveTab as UserCenterTab} isMyself={isMyself}>
+        <Fallback
+          isSupportFollow={isShowSocialActions}
+          currentActiveTab={currentActiveTab as UserCenterTab}
+          isMyself={isMyself}>
           {children ? <Box {...contentProps}>{renderChildrenWithProps(children)}</Box> : renderDefaultTab}
         </Fallback>
       </Box>
@@ -534,6 +542,7 @@ export default function UserCenter({
             showFullDid={false}
             onlyProfile={onlyProfile}
             refreshProfile={onRefreshUser}
+            isShowSocialActions={isShowSocialActions}
             sx={{
               padding: !isMobile ? '40px 24px 24px 40px' : '16px 0 0 0',
               ...(!isMobile ? { width: 320, maxWidth: 320, flexShrink: 0 } : {}),
@@ -617,6 +626,7 @@ export default function UserCenter({
           user={userState.data as User}
           refreshProfile={onRefreshUser}
           showFullDid={false}
+          isShowSocialActions={isShowSocialActions}
           sx={{
             padding: !isMobile ? '40px 24px 24px 40px' : '16px 0 0 0',
             ...(!isMobile ? { width: 320, maxWidth: 320, flexShrink: 0 } : {}),

package/src/UserCenter/components/user-info/social-actions/chat.tsx

@@ -1,6 +1,7 @@
 import { useMemo } from 'react';
 import { Button } from '@mui/material';
 import { useMemoizedFn } from 'ahooks';
+import { Icon } from '@iconify/react';
 import { translate } from '@arcblock/ux/lib/Locale/util';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 
@@ -33,7 +34,7 @@ function Chat({ user }: { user: User }) {
 
   return (
     <Button fullWidth variant="outlined" color="inherit" onClick={onNavigateToChat}>
-      <i className="iconify" data-icon="mi:message-alt" style={{ fontSize: '15px', marginRight: '4px' }} />
+      <Icon icon="tabler:message-dots" style={{ marginRight: 4 }} />
       {t('profile.chat')}
     </Button>
   );

package/src/UserCenter/components/user-info/user-basic-info.tsx

@@ -35,6 +35,7 @@ export default function UserBasicInfo({
   isMobile = false,
   onlyProfile = false,
   refreshProfile,
+  isShowSocialActions = false,
   ...rest
 }: {
   user: User;
@@ -46,6 +47,7 @@ export default function UserBasicInfo({
   isMobile?: boolean;
   onlyProfile?: boolean;
   refreshProfile: () => void;
+  isShowSocialActions?: boolean;
 } & BoxProps) {
   const { locale } = useLocaleContext();
   const [userStatus, setUserStatus] = useState<UserMetadata['status']>(undefined);
@@ -226,7 +228,7 @@ export default function UserBasicInfo({
           <DID did={user.did} showQrcode copyable compact={!showFullDid} responsive={!showFullDid} locale={locale} />
         </Box>
       </Box>
-      {!isMyself ? (
+      {!isMyself && isShowSocialActions ? (
         <Box sx={{ mt: 2 }}>
           <SocialActions user={user} />
         </Box>

package/src/common/notification-addon.jsx

@@ -6,10 +6,10 @@ import NotificationsOutlinedIcon from '@arcblock/icons/lib/Notification';
 import { useCreation } from 'ahooks';
 import { EVENTS, WELLKNOWN_SERVICE_PATH_PREFIX } from '@abtnode/constant';
 import useBrowser from '@arcblock/react-hooks/lib/useBrowser';
+import { compareVersions } from '@arcblock/ux/lib/Util';
 import { joinURL, withQuery } from 'ufo';
 import { useListenWsClient } from './ws';
 import NotificationSnackbar from '../Notifications/Snackbar';
-import { compareVersions } from '../utils';
 
 const viewAllUrl = joinURL(WELLKNOWN_SERVICE_PATH_PREFIX, 'user', 'notifications');
 

package/src/utils.js

@@ -1,5 +1,3 @@
-import semver from 'semver';
-
 export const mapRecursive = (array, fn, childrenKey = 'children') => {
   return array.map((item) => {
     if (Array.isArray(item[childrenKey])) {
@@ -158,27 +156,3 @@ export const splitNavColumns = (items, options = {}) => {
 
   return result;
 };
-
-/**
- * 比较两个版本号，用于判断版本号是否兼容
- * @param {*} version1
- * @param {*} version2
- * @returns 0: 版本相同, -1: version1 < version2, 1: version1 > version2
- */
-export const compareVersions = (version1, version2) => {
-  const getDateVersion = (version) => {
-    const match = version.match(/^(\d+\.\d+\.\d+(?:-[^-]+?-\d{8}))/);
-    return match ? match[1] : version;
-  };
-
-  const dateVersion1 = getDateVersion(version1);
-  const dateVersion2 = getDateVersion(version2);
-
-  // 如果基础版本相同，但完整版本不同（意味着有额外部分），返回false
-  if (dateVersion1 === dateVersion2 && version1 !== version2) {
-    return false;
-  }
-
-  // 其他情况正常比较
-  return semver.gte(dateVersion1, dateVersion2);
-};