@blocklet/ui-react 3.1.36 → 3.1.38

package/lib/UserCenter/components/user-info/link-preview-input.js

@@ -1,65 +1,65 @@
-import { jsx as t, jsxs as p } from "react/jsx-runtime";
-import { useState as L, useMemo as w } from "react";
-import { styled as C, Box as d, Typography as x, IconButton as I, Button as k, useTheme as S, FormControl as D, TextField as F } from "@mui/material";
-import { Remove as B, Add as T } from "@mui/icons-material";
-import { translate as U } from "@arcblock/ux/lib/Locale/util";
-import { useMemoizedFn as _ } from "ahooks";
-import { useLocaleContext as z } from "@arcblock/ux/lib/Locale/context";
-import E from "@arcblock/icons/lib/Link";
-import { mergeSx as M } from "@arcblock/ux/lib/Util/style";
-import { withoutProtocol as j } from "ufo";
-import { isValidUrl as g } from "./utils.js";
-import { translations as A } from "../../libs/locales.js";
-import { inputFieldStyle as P, commonInputStyle as R } from "../editable-field.js";
-const h = 10;
-function W(e) {
-  return j(e);
+import { jsx as t, jsxs as f } from "react/jsx-runtime";
+import { useState as C, useMemo as k } from "react";
+import { styled as I, Box as p, Typography as y, IconButton as D, Button as U, useTheme as S, FormControl as F, TextField as B } from "@mui/material";
+import { Remove as T, Add as _ } from "@mui/icons-material";
+import { translate as z } from "@arcblock/ux/lib/Locale/util";
+import { useMemoizedFn as E } from "ahooks";
+import { useLocaleContext as M } from "@arcblock/ux/lib/Locale/context";
+import R from "@arcblock/icons/lib/Link";
+import { mergeSx as j } from "@arcblock/ux/lib/Util/style";
+import { withoutProtocol as A } from "ufo";
+import { isValidUrl as h, isDuplicateUrl as P } from "./utils.js";
+import { translations as W } from "../../libs/locales.js";
+import { inputFieldStyle as N, commonInputStyle as V } from "../editable-field.js";
+const x = 10;
+function K(e) {
+  return A(e);
 }
-function N({
+function O({
   value: e,
-  onChange: i,
-  errorMsg: l
+  onChange: a,
+  errorMsg: s
 }) {
-  return /* @__PURE__ */ t(D, { fullWidth: !0, children: /* @__PURE__ */ t(
-    F,
+  return /* @__PURE__ */ t(F, { fullWidth: !0, children: /* @__PURE__ */ t(
+    B,
     {
       variant: "outlined",
       value: e,
-      onChange: (a) => {
-        const c = a.target.value;
-        i(c);
+      onChange: (i) => {
+        const u = i.target.value;
+        a(u);
       },
       fullWidth: !0,
-      error: !!l,
-      helperText: l,
-      sx: M(P, l ? {} : R)
+      error: !!s,
+      helperText: s,
+      sx: j(N, s ? {} : V)
     }
   ) });
 }
-function V({ links: e = [], onChange: i }) {
-  const { locale: l } = z(), n = _((o, r = {}) => U(A, o, l, "en", r)), [a, c] = L([!1]), f = w(() => {
-    const o = e[e.length - 1];
-    return !g(o) || a.length > 0 && a[a.length - 1];
-  }, [a, e]), y = () => {
-    (e.length < h || !f) && i([...e, ""]);
-  }, b = (o) => {
-    const r = e.filter((m, u) => u !== o), s = a.filter((m, u) => u !== o);
-    c(s), i(r);
-  }, v = (o, r) => {
-    const s = [...e];
-    s[o] = r;
-    const m = [...a];
-    m[o] = !!(r && !g(r)), c(m), i(s);
+function X({ links: e = [], onChange: a }) {
+  const { locale: s } = M(), n = E((r, o = {}) => z(W, r, s, "en", o)), [i, u] = C([""]), g = k(() => {
+    const r = e[e.length - 1];
+    return !h(r) || i.length > 0 && i[i.length - 1];
+  }, [i, e]), L = () => {
+    (e.length < x || !g) && a([...e, ""]);
+  }, v = (r) => {
+    const o = e.filter((c, d) => d !== r), l = i.filter((c, d) => d !== r);
+    u(l), a(o);
+  }, b = (r, o) => {
+    const l = [...e];
+    l[r] = o;
+    const c = [...i], d = !!(o && !h(o));
+    c[r] = !1, d ? c[r] = d : l.filter((m, w) => m && h(m) && w !== r).some((m) => P(m, o)) && (c[r] = "duplicate"), u(c), a(l);
   };
-  return /* @__PURE__ */ p(
-    d,
+  return /* @__PURE__ */ f(
+    p,
     {
       sx: {
         width: "100%"
       },
       children: [
         /* @__PURE__ */ t(
-          d,
+          p,
           {
             sx: {
               display: "flex",
@@ -67,38 +67,34 @@ function V({ links: e = [], onChange: i }) {
               alignItems: "center",
               gap: 1
             },
-            children: /* @__PURE__ */ t(x, { variant: "subtitle1", gutterBottom: !0, sx: { mb: 0, fontSize: "12px", color: "text.primary" }, children: n("profile.socialMedia") })
+            children: /* @__PURE__ */ t(y, { variant: "subtitle1", gutterBottom: !0, sx: { mb: 0, fontSize: "12px", color: "text.primary" }, children: n("profile.socialMedia") })
           }
         ),
-        e.map((o, r) => /* @__PURE__ */ p(
-          d,
-          {
-            sx: {
-              display: "flex",
-              alignItems: "flex-start",
-              mb: 1
+        e.map((r, o) => {
+          let l = "";
+          return i[o] === "duplicate" ? l = n("profile.duplicateURL") : i[o] === !0 ? l = n("profile.invalidURL") : l = "", /* @__PURE__ */ f(
+            p,
+            {
+              sx: {
+                display: "flex",
+                alignItems: "flex-start",
+                mb: 1
+              },
+              children: [
+                /* @__PURE__ */ t(O, { value: r, onChange: (c) => b(o, c), errorMsg: l }),
+                /* @__PURE__ */ t(D, { onClick: () => v(o), children: /* @__PURE__ */ t(T, { sx: { color: "text.secondary" } }) })
+              ]
             },
-            children: [
-              /* @__PURE__ */ t(
-                N,
-                {
-                  value: o,
-                  onChange: (s) => v(r, s),
-                  errorMsg: a[r] ? n("profile.invalidURL") : ""
-                }
-              ),
-              /* @__PURE__ */ t(I, { onClick: () => b(r), children: /* @__PURE__ */ t(B, { sx: { color: "text.secondary" } }) })
-            ]
-          },
-          r
-        )),
-        e.length < h ? /* @__PURE__ */ p(
-          k,
+            o
+          );
+        }),
+        e.length < x ? /* @__PURE__ */ f(
+          U,
           {
             fullWidth: !0,
             variant: "outlined",
-            disabled: f,
-            onClick: y,
+            disabled: !!g,
+            onClick: L,
             size: "small",
             sx: {
               height: "40px",
@@ -114,27 +110,27 @@ function V({ links: e = [], onChange: i }) {
               }
             },
             children: [
-              /* @__PURE__ */ t(T, {}),
+              /* @__PURE__ */ t(_, {}),
               " ",
               /* @__PURE__ */ t("span", { children: n("profile.addLink") })
             ]
           }
-        ) : /* @__PURE__ */ t(x, { variant: "subtitle1", gutterBottom: !0, sx: { mb: 0, fontSize: "12px", color: "text.secondary" }, children: n("profile.maxLinkCount", { count: h }) })
+        ) : /* @__PURE__ */ t(y, { variant: "subtitle1", gutterBottom: !0, sx: { mb: 0, fontSize: "12px", color: "text.secondary" }, children: n("profile.maxLinkCount", { count: x }) })
       ]
     }
   );
 }
-function K({ link: e }) {
-  const l = S().palette.mode === "dark";
-  return e ? /* @__PURE__ */ t(E, { width: 20, height: 20, style: { filter: l ? "brightness(0) saturate(100%) invert(1)" : "none" } }) : null;
+function $({ link: e }) {
+  const s = S().palette.mode === "dark";
+  return e ? /* @__PURE__ */ t(R, { width: 20, height: 20, style: { filter: s ? "brightness(0) saturate(100%) invert(1)" : "none" } }) : null;
 }
-function ne({
+function ce({
   editable: e = !1,
-  links: i = [],
-  onChange: l
+  links: a = [],
+  onChange: s
 }) {
-  return e ? /* @__PURE__ */ t(V, { links: i, onChange: l }) : /* @__PURE__ */ t(
-    d,
+  return e ? /* @__PURE__ */ t(X, { links: a, onChange: s }) : /* @__PURE__ */ t(
+    p,
     {
       sx: {
         width: "100%",
@@ -142,8 +138,8 @@ function ne({
         flexDirection: "column",
         gap: 2
       },
-      children: i.map((n) => /* @__PURE__ */ p(
-        d,
+      children: a.map((n) => /* @__PURE__ */ f(
+        p,
         {
           sx: {
             display: "flex",
@@ -153,8 +149,8 @@ function ne({
             width: "100%"
           },
           children: [
-            /* @__PURE__ */ t(K, { link: n }),
-            /* @__PURE__ */ t(O, { children: /* @__PURE__ */ t(d, { component: "a", href: n, style: { textDecoration: "none" }, target: "_blank", rel: "noopener noreferrer", children: W(n) }) })
+            /* @__PURE__ */ t($, { link: n }),
+            /* @__PURE__ */ t(q, { children: /* @__PURE__ */ t(p, { component: "a", href: n, style: { textDecoration: "none" }, target: "_blank", rel: "noopener noreferrer", children: K(n) }) })
           ]
         },
         n
@@ -162,7 +158,7 @@ function ne({
     }
   );
 }
-const O = C("span")`
+const q = I("span")`
   flex: 1;
   white-space: nowrap;
   overflow: hidden;
@@ -181,5 +177,5 @@ const O = C("span")`
   }
 `;
 export {
-  ne as LinkPreviewInput
+  ce as LinkPreviewInput
 };

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

@@ -1,84 +1,85 @@
-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 $, 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 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 ot from "./social-actions/index.js";
-function zt({
+import { jsxs as l, jsx as r, Fragment as T } from "react/jsx-runtime";
+import { Box as c, Typography as y, Divider as F, IconButton as K, Collapse as W } from "@mui/material";
+import O from "@arcblock/ux/lib/Avatar";
+import Q from "@arcblock/ux/lib/DID";
+import { useMemoizedFn as V } from "ahooks";
+import { translate as Y } from "@arcblock/ux/lib/Locale/util";
+import { useLocaleContext as $ } from "@arcblock/ux/lib/Locale/context";
+import q from "lodash/noop";
+import { useState as C, useEffect as z } from "react";
+import j from "@arcblock/ux/lib/Toast";
+import { parseURL as G, joinURL as H } from "ufo";
+import { KeyboardArrowUp as J, KeyboardArrowDown as X } from "@mui/icons-material";
+import { translations as Z } from "../../libs/locales.js";
+import { formatAxiosError as I } from "../../libs/utils.js";
+import { currentTimezone as _, getStatusDuration as P, isValidUrl as M, isDuplicateUrl as tt } from "./utils.js";
+import rt from "./switch-role.js";
+import et from "./metadata.js";
+import ot from "./user-status.js";
+import at from "./user-info.js";
+import { client as R } from "../../../libs/client.js";
+import nt from "./social-actions/index.js";
+function Rt({
   user: t,
-  isMyself: e = !0,
+  isMyself: o = !0,
   showFullDid: f = !0,
-  switchPassport: I,
-  switchProfile: R,
+  switchPassport: A,
+  switchProfile: L,
   isMobile: a = !1,
   onlyProfile: s = !1,
   refreshProfile: u,
-  isShowSocialActions: A = !1,
+  isShowSocialActions: k = !1,
   ...m
 }) {
-  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(() => {
+  const { locale: h } = $(), [x, g] = C(void 0), v = V((i, e = {}) => Y(Z, i, h, "en", e)), [d, w] = C(!a || s);
+  z(() => {
     g(t?.metadata?.status);
-  }, [t]), y(() => {
-    v(!a || s);
+  }, [t]), z(() => {
+    w(!a || s);
   }, [a, s]);
-  const b = async (n) => {
-    if (e)
+  const D = async (i) => {
+    if (o)
       try {
-        if (n) {
-          const o = Z(n);
-          n.dateRange = o.length > 0 ? o : h?.dateRange ?? [];
+        if (i) {
+          const e = P(i);
+          i.dateRange = e.length > 0 ? e : x?.dateRange ?? [];
         }
-        g(n), await j.user.saveProfile({
+        g(i), await R.user.saveProfile({
           // @ts-ignore
           metadata: {
             ...t?.metadata ?? { joinedAt: t?.createdAt, email: t?.email, phone: t?.phone },
-            status: n || {}
+            status: i || {}
           }
         }), u();
-      } catch (o) {
-        console.error(o), C.error(z(o));
+      } catch (e) {
+        console.error(e), j.error(I(e));
       }
-  }, D = () => {
-    v(!d);
+  }, b = () => {
+    w(!d);
   };
   if (!t)
     return null;
-  const L = async (n) => {
-    if (!e)
+  const E = async (i) => {
+    if (!o)
       return;
-    const { metadata: o, address: k } = n;
+    const { metadata: e, address: B } = i;
     try {
-      const p = o?.links?.map((i) => {
-        if (!i.url || !_(i.url)) return null;
+      const p = e?.links?.map((n, S) => {
+        if (!n.url || !M(n.url) || S > 0 && e.links?.slice(0, S)?.some((N) => tt(N.url, n.url)))
+          return null;
         try {
-          return $(i.url).protocol || (i.url = q("https://", i.url)), i;
+          return G(n.url).protocol || (n.url = H("https://", n.url)), n;
         } catch {
-          return console.error("Invalid URL:", i.url), null;
+          return console.error("Invalid URL:", n.url), null;
         }
-      }).filter((i) => !!i) || [];
-      o.links = p, await j.user.saveProfile({ metadata: o, address: k }), u();
+      }).filter((n) => !!n) || [];
+      e.links = p, await R.user.saveProfile({ metadata: e, address: B }), u();
     } catch (p) {
-      console.error(p), C.error(z(p));
+      console.error(p), j.error(I(p));
     }
   };
-  return /* @__PURE__ */ c(
-    l,
+  return /* @__PURE__ */ l(
+    c,
     {
       ...m,
       sx: {
@@ -86,8 +87,8 @@ function zt({
         ...m.sx ?? {}
       },
       children: [
-        /* @__PURE__ */ c(
-          l,
+        /* @__PURE__ */ l(
+          c,
           {
             className: "user-info",
             sx: {
@@ -96,8 +97,8 @@ function zt({
               gap: 2
             },
             children: [
-              /* @__PURE__ */ c(
-                l,
+              /* @__PURE__ */ l(
+                c,
                 {
                   className: "user-avatar",
                   sx: {
@@ -108,7 +109,7 @@ function zt({
                   },
                   children: [
                     /* @__PURE__ */ r(
-                      K,
+                      O,
                       {
                         src: t?.avatar,
                         did: t?.did,
@@ -121,10 +122,10 @@ function zt({
                           position: "relative",
                           overflow: "hidden",
                           flexShrink: 0,
-                          ...e ? {
+                          ...o ? {
                             cursor: "pointer",
                             "&::after": {
-                              content: `"${w("switchProfile")}"`,
+                              content: `"${v("switchProfile")}"`,
                               color: "white",
                               position: "absolute",
                               fontSize: "12px",
@@ -139,33 +140,33 @@ function zt({
                             }
                           } : {}
                         },
-                        onClick: e ? R : Y
+                        onClick: o ? L : q
                       }
                     ),
                     /* @__PURE__ */ r(
-                      tt,
+                      ot,
                       {
                         isMobile: a,
                         size: m.size || (a ? 64 : 100),
-                        isMyself: e,
-                        timezone: t?.metadata?.timezone || X,
-                        status: h,
-                        onChange: b
+                        isMyself: o,
+                        timezone: t?.metadata?.timezone || _,
+                        status: x,
+                        onChange: D
                       }
                     )
                   ]
                 }
               ),
-              /* @__PURE__ */ c(
-                l,
+              /* @__PURE__ */ l(
+                c,
                 {
                   sx: {
                     flex: 1,
                     overflow: "hidden"
                   },
                   children: [
-                    /* @__PURE__ */ c(
-                      S,
+                    /* @__PURE__ */ l(
+                      y,
                       {
                         variant: "h6",
                         component: "div",
@@ -190,23 +191,23 @@ function zt({
                               children: t?.fullName
                             }
                           ),
-                          e ? /* @__PURE__ */ r(P, { user: t, switchPassport: I }) : null
+                          o ? /* @__PURE__ */ r(rt, { user: t, switchPassport: A }) : null
                         ]
                       }
                     ),
-                    /* @__PURE__ */ r(W, { did: t.did, showQrcode: !0, copyable: !0, compact: !f, responsive: !f, locale: x })
+                    /* @__PURE__ */ r(Q, { did: t.did, showQrcode: !0, copyable: !0, compact: !f, responsive: !f, locale: h })
                   ]
                 }
               )
             ]
           }
         ),
-        !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 } }),
+        !o && k ? /* @__PURE__ */ r(c, { sx: { mt: 2 }, children: /* @__PURE__ */ r(nt, { user: t }) }) : null,
+        /* @__PURE__ */ r(et, { isMobile: a, isMyself: o, user: t, onSave: E }),
+        o ? /* @__PURE__ */ l(T, { children: [
+          /* @__PURE__ */ r(F, { sx: { my: a ? 1 : 3 } }),
           a && !s ? /* @__PURE__ */ r(
-            l,
+            c,
             {
               sx: {
                 display: "flex",
@@ -214,10 +215,10 @@ function zt({
                 mb: 0
               },
               children: /* @__PURE__ */ r(
-                T,
+                K,
                 {
                   size: "small",
-                  onClick: D,
+                  onClick: b,
                   sx: {
                     backgroundColor: "grey.50",
                     "&:hover": {
@@ -225,14 +226,14 @@ function zt({
                       opacity: 0.8
                     }
                   },
-                  children: d ? /* @__PURE__ */ r(G, {}) : /* @__PURE__ */ r(H, {})
+                  children: d ? /* @__PURE__ */ r(J, {}) : /* @__PURE__ */ r(X, {})
                 }
               )
             }
           ) : null,
-          /* @__PURE__ */ c(F, { in: d, timeout: "auto", children: [
+          /* @__PURE__ */ l(W, { in: d, timeout: "auto", children: [
             /* @__PURE__ */ r(
-              S,
+              y,
               {
                 component: "p",
                 sx: {
@@ -240,10 +241,10 @@ function zt({
                   fontSize: "14px",
                   mb: 2
                 },
-                children: w("profile.justForYou")
+                children: v("profile.justForYou")
               }
             ),
-            /* @__PURE__ */ r(rt, { user: t, isMySelf: e })
+            /* @__PURE__ */ r(at, { user: t, isMySelf: o })
           ] })
         ] }) : null
       ]
@@ -251,5 +252,5 @@ function zt({
   );
 }
 export {
-  zt as default
+  Rt as default
 };

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

@@ -5,6 +5,7 @@ export declare const getTimezones: () => {
     value: string;
 }[];
 export declare const isValidUrl: (url: string) => any;
+export declare const isDuplicateUrl: (url1: string, url2: string) => boolean;
 /**
  * 根据 duration 类型，计算出date range
  * @param status

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

@@ -1,12 +1,12 @@
-import g from "is-url";
-import { withHttps as A } from "ufo";
+import h from "is-url";
+import { withHttps as c } from "ufo";
 import n from "dayjs";
-import h from "dayjs/plugin/timezone";
+import C from "dayjs/plugin/timezone";
 import k from "dayjs/plugin/utc";
-import { DurationEnum as i } from "../../../@types/index.js";
+import { DurationEnum as s } from "../../../@types/index.js";
 n.extend(k);
-n.extend(h);
-const u = 3600, l = 1800, m = 600, d = 300, f = 60, p = 1, v = n.tz.guess(), b = [
+n.extend(C);
+const l = 3600, m = 1800, d = 600, f = 300, p = 60, b = 1, _ = n.tz.guess(), y = [
   "America/New_York",
   "America/Chicago",
   "America/Denver",
@@ -28,7 +28,7 @@ const u = 3600, l = 1800, m = 600, d = 300, f = 60, p = 1, v = n.tz.guess(), b =
   "America/Mexico_City",
   "Africa/Cairo",
   "UTC"
-], C = () => {
+], O = () => {
   if (typeof Intl < "u" && Intl.supportedValuesOf)
     try {
       return Intl.supportedValuesOf("timeZone");
@@ -38,58 +38,63 @@ const u = 3600, l = 1800, m = 600, d = 300, f = 60, p = 1, v = n.tz.guess(), b =
   if (typeof Intl < "u" && Intl.DateTimeFormat)
     try {
       if (new Intl.DateTimeFormat("en", { timeZone: "UTC" }).resolvedOptions().timeZone)
-        return b;
+        return y;
     } catch {
       console.warn("Intl.DateTimeFormat timezone support limited");
     }
-  return b;
-}, w = () => C().map((e) => {
+  return y;
+}, v = () => O().map((e) => {
   try {
-    const o = n.tz(n(), e).utcOffset() / 60, a = Math.floor(o), s = o % 1 * 60;
-    return { label: `GMT${a >= 0 ? "+" : ""}${a}:${s === 30 ? "30" : "00"}`, value: e };
+    const t = n.tz(n(), e).utcOffset() / 60, a = Math.floor(t), i = t % 1 * 60;
+    return { label: `GMT${a >= 0 ? "+" : ""}${a}:${i === 30 ? "30" : "00"}`, value: e };
   } catch {
     return console.warn(`Timezone ${e} not supported, skipping`), null;
   }
-}).filter((e) => e !== null).sort((e, o) => {
-  const [a, s] = e.label.replace("GMT", "").split(":").map(Number), [c, y] = o.label.replace("GMT", "").split(":").map(Number), T = a * 60 + s;
-  return c * 60 + y - T;
+}).filter((e) => e !== null).sort((e, t) => {
+  const [a, i] = e.label.replace("GMT", "").split(":").map(Number), [u, g] = t.label.replace("GMT", "").split(":").map(Number), A = a * 60 + i;
+  return u * 60 + g - A;
 }).map((e) => ({
   label: `(${e.label}) ${e.value}`,
   value: e.value
-})), z = (t) => g(A(t)), U = (t) => {
-  let r = t?.dateRange?.map((o) => n(o)) ?? [];
+})), T = (o) => h(c(o)), z = (o, r) => {
+  if (!o || !r || !T(o) || !T(r))
+    return !1;
+  const e = c(o.trim()), t = c(r.trim());
+  return e.toLowerCase() === t.toLowerCase();
+}, D = (o) => {
+  let r = o?.dateRange?.map((t) => n(t)) ?? [];
   const e = n();
-  switch (t?.duration) {
-    case i.ThirtyMinutes:
+  switch (o?.duration) {
+    case s.ThirtyMinutes:
       r = [e, e.add(30, "minutes")];
       break;
-    case i.OneHour:
+    case s.OneHour:
       r = [e, e.add(1, "hour")];
       break;
-    case i.FourHours:
+    case s.FourHours:
       r = [e, e.add(4, "hours")];
       break;
-    case i.Today:
+    case s.Today:
       r = [e, e.endOf("day")];
       break;
-    case i.ThisWeek:
+    case s.ThisWeek:
       r = [e, e.endOf("week")];
       break;
-    case i.NoClear:
+    case s.NoClear:
       r = [e, e];
       break;
   }
-  return r.map((o) => o.toDate());
-}, B = (t) => {
+  return r.map((t) => t.toDate());
+}, B = (o) => {
   const r = n();
-  return r.isAfter(n(t[0])) && r.isBefore(n(t[1]));
-}, D = (t) => {
-  const { duration: r, dateRange: e } = t ?? {};
-  return !r || !e ? !1 : r === i.NoClear || n(e?.[0]).isSame(n(e?.[1]));
-}, R = (t) => {
-  const r = n(), o = n(t).diff(r, "seconds"), a = (s) => s * 1e3;
-  return o >= u ? a(u) : o >= l ? a(l) : o >= m ? a(m) : o >= d ? a(d) : o >= f ? a(f) : o >= p ? a(p) : 0;
-}, x = {
+  return r.isAfter(n(o[0])) && r.isBefore(n(o[1]));
+}, R = (o) => {
+  const { duration: r, dateRange: e } = o ?? {};
+  return !r || !e ? !1 : r === s.NoClear || n(e?.[0]).isSame(n(e?.[1]));
+}, x = (o) => {
+  const r = n(), t = n(o).diff(r, "seconds"), a = (i) => i * 1e3;
+  return t >= l ? a(l) : t >= m ? a(m) : t >= d ? a(d) : t >= f ? a(f) : t >= p ? a(p) : t >= b ? a(b) : 0;
+}, $ = {
   color: "text.primary",
   borderColor: "grey.100",
   backgroundColor: "background.default",
@@ -99,7 +104,7 @@ const u = 3600, l = 1800, m = 600, d = 300, f = 60, p = 1, v = n.tz.guess(), b =
   },
   py: 0.5,
   borderRadius: 1
-}, $ = {
+}, H = {
   color: "primary.contrastText",
   borderColor: "primary.main",
   backgroundColor: "primary.main",
@@ -111,13 +116,14 @@ const u = 3600, l = 1800, m = 600, d = 300, f = 60, p = 1, v = n.tz.guess(), b =
   borderRadius: 1
 };
 export {
-  v as currentTimezone,
-  x as defaultButtonStyle,
-  U as getStatusDuration,
-  R as getTimeRemaining,
-  w as getTimezones,
-  D as isNotClear,
-  z as isValidUrl,
+  _ as currentTimezone,
+  $ as defaultButtonStyle,
+  D as getStatusDuration,
+  x as getTimeRemaining,
+  v as getTimezones,
+  z as isDuplicateUrl,
+  R as isNotClear,
+  T as isValidUrl,
   B as isWithinTimeRange,
-  $ as primaryButtonStyle
+  H as primaryButtonStyle
 };

package/lib/UserCenter/libs/locales.d.ts

@@ -142,6 +142,7 @@ export declare const translations: {
             selectEndTime: string;
             pleaseSelectTime: string;
             invalidURL: string;
+            duplicateURL: string;
             socialMedia: string;
             timezonePhase: {
                 dawn: string;
@@ -325,6 +326,7 @@ export declare const translations: {
             cleanStatus: string;
             quickSettings: string;
             invalidURL: string;
+            duplicateURL: string;
             socialMedia: string;
             timezonePhase: {
                 dawn: string;

package/lib/UserCenter/libs/locales.js

@@ -142,6 +142,7 @@ const e = {
       selectEndTime: "选择结束时间",
       pleaseSelectTime: "请选择时间",
       invalidURL: "无效的 URL",
+      duplicateURL: "URL 已存在",
       socialMedia: "社交链接",
       timezonePhase: {
         dawn: "凌晨",
@@ -325,6 +326,7 @@ const e = {
       cleanStatus: "Clean status",
       quickSettings: "Quick Settings",
       invalidURL: "Invalid URL",
+      duplicateURL: "URL already exists",
       socialMedia: "Social Media",
       timezonePhase: {
         dawn: "AM",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/ui-react",
-  "version": "3.1.36",
+  "version": "3.1.38",
   "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.36",
-    "@arcblock/icons": "3.1.36",
-    "@arcblock/react-hooks": "3.1.36",
+    "@arcblock/bridge": "3.1.38",
+    "@arcblock/icons": "3.1.38",
+    "@arcblock/react-hooks": "3.1.38",
     "@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.36",
+    "@arcblock/did-connect-react": "3.1.38",
     "@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": "84123be142078f9f78f9bc8868be873ea620c3a0"
+  "gitHead": "4fce76ba2f0fa12201695ce69a27d52eead5606a"
 }

package/src/UserCenter/components/user-info/link-preview-input.tsx

@@ -7,7 +7,7 @@ import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 import LinkIcon from '@arcblock/icons/lib/Link';
 import { mergeSx } from '@arcblock/ux/lib/Util/style';
 import { withoutProtocol } from 'ufo';
-import { isValidUrl } from './utils';
+import { isDuplicateUrl, isValidUrl } from './utils';
 import { translations } from '../../libs/locales';
 import { commonInputStyle, inputFieldStyle } from '../editable-field';
 
@@ -61,7 +61,7 @@ function DynamicLinkForm({ links = [], onChange }: { links?: string[]; onChange:
   const t = useMemoizedFn((key, data = {}) => {
     return translate(translations, key, locale, 'en', data);
   });
-  const [errors, setErrors] = useState([false]); // 记录 URL 输入错误状态
+  const [errors, setErrors] = useState<(boolean | string)[]>(['']); // 记录 URL 输入错误状态
 
   const isLastError = useMemo(() => {
     const lastLink = links[links.length - 1];
@@ -89,7 +89,18 @@ function DynamicLinkForm({ links = [], onChange }: { links?: string[]; onChange:
 
     // 校验 URL 是否有效
     const updatedErrors = [...errors];
-    updatedErrors[index] = !!(value && !isValidUrl(value)); // 如果有输入但格式错误，标记错误
+    const isInvalidUrl = !!(value && !isValidUrl(value));
+    updatedErrors[index] = false;
+    // 如果 URL 有效，则校验是否重复
+    if (!isInvalidUrl) {
+      const validLinks = updatedLinks.filter((l, i) => l && isValidUrl(l) && i !== index);
+      const isDuplicate = validLinks.some((v) => isDuplicateUrl(v, value));
+      if (isDuplicate) {
+        updatedErrors[index] = 'duplicate';
+      }
+    } else {
+      updatedErrors[index] = isInvalidUrl; // 如果有输入但格式错误，标记错误
+    }
     setErrors(updatedErrors);
     onChange(updatedLinks);
   };
@@ -110,30 +121,36 @@ function DynamicLinkForm({ links = [], onChange }: { links?: string[]; onChange:
           {t('profile.socialMedia')}
         </Typography>
       </Box>
-      {links.map((link, index) => (
-        <Box
-          // eslint-disable-next-line react/no-array-index-key
-          key={index}
-          sx={{
-            display: 'flex',
-            alignItems: 'flex-start',
-            mb: 1,
-          }}>
-          <LinkInput
-            value={link}
-            onChange={(value) => handleInputChange(index, value)}
-            errorMsg={errors[index] ? t('profile.invalidURL') : ''}
-          />
-          <IconButton onClick={() => handleRemoveLink(index)}>
-            <RemoveIcon sx={{ color: 'text.secondary' }} />
-          </IconButton>
-        </Box>
-      ))}
+      {links.map((link, index) => {
+        let errorMsg = '';
+        if (errors[index] === 'duplicate') {
+          errorMsg = t('profile.duplicateURL');
+        } else if (errors[index] === true) {
+          errorMsg = t('profile.invalidURL');
+        } else {
+          errorMsg = '';
+        }
+        return (
+          <Box
+            // eslint-disable-next-line react/no-array-index-key
+            key={index}
+            sx={{
+              display: 'flex',
+              alignItems: 'flex-start',
+              mb: 1,
+            }}>
+            <LinkInput value={link} onChange={(value) => handleInputChange(index, value)} errorMsg={errorMsg} />
+            <IconButton onClick={() => handleRemoveLink(index)}>
+              <RemoveIcon sx={{ color: 'text.secondary' }} />
+            </IconButton>
+          </Box>
+        );
+      })}
       {links.length < MAX_LINK_COUNT ? (
         <Button
           fullWidth
           variant="outlined"
-          disabled={isLastError}
+          disabled={!!isLastError}
           onClick={handleAddLink}
           size="small"
           sx={{

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

@@ -18,7 +18,7 @@ import {
 import { translations } from '../../libs/locales';
 import type { User, UserAddress, UserMetadata } from '../../../@types';
 import { formatAxiosError } from '../../libs/utils';
-import { currentTimezone, getStatusDuration, isValidUrl } from './utils';
+import { currentTimezone, getStatusDuration, isValidUrl, isDuplicateUrl } from './utils';
 import SwitchRole from './switch-role';
 import UserMetadataComponent from './metadata';
 import UserStatus from './user-status';
@@ -106,9 +106,17 @@ export default function UserBasicInfo({
     try {
       const newLinks =
         metadata?.links
-          ?.map((link) => {
+          ?.map((link, index) => {
             if (!link.url || !isValidUrl(link.url)) return null;
 
+            // 去重：如果 URL 相同则跳过（忽略协议和大  小写）
+            if (index > 0) {
+              const prevLinks = metadata.links?.slice(0, index);
+              if (prevLinks?.some((l) => isDuplicateUrl(l.url, link.url))) {
+                return null;
+              }
+            }
+
             try {
               const parsedUrl = parseURL(link.url);
               // 如果没有协议，添加 https

package/src/UserCenter/components/user-info/utils.ts

@@ -109,6 +109,19 @@ export const isValidUrl = (url: string) => {
   return isUrl(withHttps(url)); // 补充协议后在进行验证是否是合法的url
 };
 
+export const isDuplicateUrl = (url1: string, url2: string) => {
+  if (!url1 || !url2) {
+    return false;
+  }
+  if (!isValidUrl(url1) || !isValidUrl(url2)) {
+    return false;
+  }
+
+  const parsedUrl1 = withHttps(url1.trim());
+  const parsedUrl2 = withHttps(url2.trim());
+  return parsedUrl1.toLowerCase() === parsedUrl2.toLowerCase();
+};
+
 /**
  * 根据 duration 类型，计算出date range
  * @param status

package/src/UserCenter/libs/locales.ts

@@ -144,6 +144,7 @@ export const translations = {
       selectEndTime: '选择结束时间',
       pleaseSelectTime: '请选择时间',
       invalidURL: '无效的 URL',
+      duplicateURL: 'URL 已存在',
       socialMedia: '社交链接',
       timezonePhase: {
         dawn: '凌晨',
@@ -330,6 +331,7 @@ export const translations = {
       cleanStatus: 'Clean status',
       quickSettings: 'Quick Settings',
       invalidURL: 'Invalid URL',
+      duplicateURL: 'URL already exists',
       socialMedia: 'Social Media',
       timezonePhase: {
         dawn: 'AM',