@blocklet/ui-react 3.1.27 → 3.1.30

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/blocklets.js

@@ -1,48 +1,50 @@
-import { mapRecursive as s, filterRecursive as a, isUrl as f } from "./utils.js";
-const g = window?.blocklet?.groupPrefix || window?.blocklet?.prefix || "/", i = (o) => {
-  const r = { ...o }, e = o?.background;
-  return typeof e == "string" ? r.background = { header: e, footer: e, default: e } : e && typeof e == "object" && (r.background = {
-    header: e.header || e.default,
-    footer: e.footer || e.default,
-    default: e.default
+import { mapRecursive as s, filterRecursive as a, isUrl as f, isMailProtocol as i } from "./utils.js";
+const p = window?.blocklet?.groupPrefix || window?.blocklet?.prefix || "/", c = (e) => {
+  const r = { ...e }, t = e?.background;
+  return typeof t == "string" ? r.background = { header: t, footer: t, default: t } : t && typeof t == "object" && (r.background = {
+    header: t.header || t.default,
+    footer: t.footer || t.default,
+    default: t.default
   }), r;
-}, c = (o, r = "en") => {
-  if (typeof o == "string") {
-    if (f(o)) {
-      const t = new URL(o);
-      return t.searchParams.set("locale", r), t.href;
+}, u = (e, r = "en") => {
+  if (typeof e == "string") {
+    if (f(e)) {
+      const o = new URL(e);
+      return o.searchParams.set("locale", r), o.href;
     }
-    const e = new URL(o, window.location.origin);
-    return e.searchParams.set("locale", r), e.pathname + e.search;
+    if (i(e))
+      return e;
+    const t = new URL(e, window.location.origin);
+    return t.searchParams.set("locale", r), t.pathname + t.search;
   }
-  return typeof o == "object" ? o[r] || o?.en || o?.zh : o;
-}, p = (o, r = "en") => {
-  if (!o?.length)
-    return o;
-  const e = (t, n) => t && typeof t == "object" ? t[n] || t?.en || t?.zh : t;
+  return typeof e == "object" ? e[r] || e?.en || e?.zh : e;
+}, b = (e, r = "en") => {
+  if (!e?.length)
+    return e;
+  const t = (o, n) => o && typeof o == "object" ? o[n] || o?.en || o?.zh : o;
   return s(
-    o,
-    (t) => ({
-      ...t,
-      title: e(t.title, r),
-      description: e(t.description, r),
+    e,
+    (o) => ({
+      ...o,
+      title: t(o.title, r),
+      description: t(o.description, r),
       // 仅对叶结点进行处理
-      link: t.items?.length ? t.link : c(t.link, r),
-      _rawLink: t.link
+      link: o.items?.length ? o.link : u(o.link, r),
+      _rawLink: o.link
     }),
     "items"
   );
-}, u = (o) => s(
-  o,
+}, l = (e) => s(
+  e,
   (r) => r.role ? {
     ...r,
     role: Array.isArray(r.role) ? r.role : [r.role]
   } : r,
   "items"
-), l = (o) => {
-  if (!o?.length)
+), d = (e) => {
+  if (!e?.length)
     return null;
-  const r = u(o), e = {
+  const r = l(e), t = {
     header: [],
     footer: [],
     // 对应 footer social media
@@ -55,32 +57,32 @@ const g = window?.blocklet?.groupPrefix || window?.blocklet?.prefix || "/", i =
     sessionManager: [],
     userCenter: []
   };
-  return r.forEach((t) => {
-    t.section ? Array.isArray(t.section) ? t.section.forEach((n) => {
-      e[n]?.push(t);
-    }) : typeof t.section == "string" && e[t.section]?.push(t) : e.header.push(t);
-  }), e;
-}, b = (o) => {
-  if (!o)
+  return r.forEach((o) => {
+    o.section ? Array.isArray(o.section) ? o.section.forEach((n) => {
+      t[n]?.push(o);
+    }) : typeof o.section == "string" && t[o.section]?.push(o) : t.header.push(o);
+  }), t;
+}, y = (e) => {
+  if (!e)
     return null;
-  const r = { ...o };
-  return r.theme = i(r.theme), r.navigation = l(d(r.navigation)), r;
-}, d = (o = []) => a(o, (r, e) => !!r.link || e.filteredChildren?.length, "items"), y = (o, r) => a(
-  o,
-  (e, t) => {
-    const n = !e.role || r && (e.role.includes(r) || e.role.includes("guest"));
-    return t.isLeaf ? n : n && t.filteredChildren?.length;
+  const r = { ...e };
+  return r.theme = c(r.theme), r.navigation = d(h(r.navigation)), r;
+}, h = (e = []) => a(e, (r, t) => !!r.link || t.filteredChildren?.length, "items"), w = (e, r) => a(
+  e,
+  (t, o) => {
+    const n = !t.role || r && (t.role.includes(r) || t.role.includes("guest"));
+    return o.isLeaf ? n : n && o.filteredChildren?.length;
   },
   "items"
 );
 export {
-  y as filterNavByRole,
-  d as filterValidNavItems,
-  b as formatBlockletInfo,
-  u as formatNavigation,
-  i as formatTheme,
-  c as getLink,
-  p as getLocalizedNavigation,
-  l as parseNavigation,
-  g as publicPath
+  w as filterNavByRole,
+  h as filterValidNavItems,
+  y as formatBlockletInfo,
+  l as formatNavigation,
+  c as formatTheme,
+  u as getLink,
+  b as getLocalizedNavigation,
+  d as parseNavigation,
+  p as publicPath
 };

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

@@ -3,8 +3,8 @@ export function flatRecursive(array: any, childrenKey?: string): any[];
 export function countRecursive(array: any, childrenKey?: string): number;
 export function filterRecursive(array: any, predicate: any, childrenKey?: string): any;
 export function isUrl(str: any): boolean;
+export function isMailProtocol(str: any): boolean;
 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,61 +1,54 @@
-import H from "semver";
-const d = (n, r, e = "children") => n.map((t) => Array.isArray(t[e]) ? r({
+const p = (n, r, e = "children") => n.map((t) => Array.isArray(t[e]) ? r({
   ...t,
-  [e]: d(t[e], r, e)
-}) : r(t)), C = (n, r = "children") => {
+  [e]: p(t[e], r, e)
+}) : r(t)), v = (n, r = "children") => {
   const e = [];
-  return d(n, (t) => e.push(t), r), e;
-}, S = (n, r = "children") => {
+  return p(n, (t) => e.push(t), r), e;
+}, A = (n, r = "children") => {
   let e = 0;
-  return d(n, () => e++, r), e;
-}, R = (n, r, e = "children") => n.map((t) => ({ ...t })).filter((t) => {
+  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, e);
-    t[e] = o?.length ? o : void 0;
+    const a = H(s, r, e);
+    t[e] = a?.length ? a : void 0;
   }
-  const c = { filteredChildren: t[e], isLeaf: !s?.length };
-  return r(t, c);
-}), x = (n) => /^https?:\/\//.test(n), P = (n) => /^[\w-]+:[\w-]+$/.test(n), V = (n) => {
+  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}/`, e = r(window.location.pathname), t = r(new URL(n, window.location.origin).pathname);
   return e.startsWith(t);
-}, W = (n = []) => {
-  const r = n.map((t, s) => ({ path: t, index: s })).filter((t) => V(t.path));
+}, 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;
-}, k = (n, r = {}) => {
-  const { columns: e = 1, breakInside: t = !1, groupHeight: s = 48, itemHeight: c = 24, childrenKey: o = "items" } = r, p = n.reduce((u, g) => u + s + (g[o]?.length || 0) * c, 0), l = Math.ceil(p / e), h = [[]];
-  let i = 0, a = 0;
-  const m = l * 0.2, f = (u) => a > l - m && i < e - 1 && a + u > l + m;
-  return n.forEach((u) => {
-    const g = s + (u[o]?.length || 0) * c;
-    t && f(s) && (i++, a = 0, h[i] = []), !t && a > 0 && f(g) && (i++, a = 0, h[i] = []), h[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, h[i] = []), h[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;
     });
-  }), h;
-}, v = (n, r) => {
-  const e = (c) => {
-    const o = c.match(/^(\d+\.\d+\.\d+(?:-[^-]+?-\d{8}))/);
-    return o ? o[1] : c;
-  }, t = e(n), s = e(r);
-  return t === s && n !== r ? !1 : H.gte(t, s);
+  }), u;
 };
 export {
-  v as compareVersions,
-  S as countRecursive,
-  R as filterRecursive,
-  C as flatRecursive,
-  P as isIconifyString,
-  x as isUrl,
-  d as mapRecursive,
-  V as matchPath,
-  W as matchPaths,
-  k 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.27",
+  "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.27",
-    "@arcblock/icons": "3.1.27",
-    "@arcblock/react-hooks": "3.1.27",
+    "@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.27",
+    "@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": "9cbf9135aa96ce8d13481db7b21f755d009d2f9f"
+  "gitHead": "a51fede74e5eca679ff40a8c62d96bae09210f04"
 }

package/src/Footer/links.jsx

@@ -9,7 +9,7 @@ import clsx from 'clsx';
 import { ExpandMore as ExpandMoreIcon } from '@mui/icons-material';
 import Icon from '../Icon';
 import useMobile from '../hooks/use-mobile';
-import { splitNavColumns } from '../utils';
+import { splitNavColumns, isMailProtocol } from '../utils';
 
 /**
  * footer 中的 links (支持分组, 最多支持 2 级)
@@ -28,14 +28,17 @@ export default function Links({ links = [], flowLayout = false, columns, ...rest
       result = render({ label, link, props });
     } else if (link && isString(link)) {
       const isExternal = link.startsWith('http') || link.startsWith('//');
+      const isMail = isMailProtocol(link);
+
+      const otherProps = isMail
+        ? {}
+        : {
+            target: isExternal ? '_blank' : '_self',
+            rel: isExternal ? 'noreferrer noopener' : undefined,
+          };
 
       result = (
-        <a
-          href={link}
-          aria-label={`Footer link for ${label}`}
-          target={isExternal ? '_blank' : '_self'}
-          rel={isExternal ? 'noreferrer noopener' : undefined}
-          {...props}>
+        <a href={link} aria-label={`Footer link for ${label}`} {...otherProps} {...props}>
           {label}
         </a>
       );

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>;