@blocklet/ui-react 2.9.19 → 2.9.20

package/es/UserCenter/components/user-center.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { PaperProps } from '@mui/material';
-export default function UserCenter({ children, currentTab, contentProps, disableAutoRedirect, autoPopupSetting, hideFooter, headerProps, footerProps, }: {
+export default function UserCenter({ children, currentTab, contentProps, disableAutoRedirect, autoPopupSetting, hideFooter, headerProps, footerProps, userDid, }: {
     readonly children: any;
     readonly currentTab: string;
     readonly contentProps?: PaperProps;
@@ -9,4 +9,5 @@ export default function UserCenter({ children, currentTab, contentProps, disable
     readonly hideFooter?: boolean;
     readonly headerProps?: object;
     readonly footerProps?: object;
+    readonly userDid?: string;
 }): import("react").JSX.Element | null;

package/es/UserCenter/components/user-center.js

@@ -28,7 +28,8 @@ export default function UserCenter({
   autoPopupSetting = false,
   hideFooter = false,
   headerProps = {},
-  footerProps = {}
+  footerProps = {},
+  userDid
 }) {
   const { locale } = useLocaleContext();
   const t = useMemoizedFn((key, data = {}) => {
@@ -37,6 +38,9 @@ export default function UserCenter({
   const sessionCtx = useContext(SessionContext);
   const session = sessionCtx?.session;
   const currentDid = useCreation(() => {
+    if (userDid) {
+      return userDid;
+    }
     const currentUrl = window.location.href;
     const query = getQuery(currentUrl);
     if (query?.did) {
@@ -46,7 +50,7 @@ export default function UserCenter({
       return query.did;
     }
     return session?.user?.did;
-  }, [session?.user?.did]);
+  }, [session?.user?.did, userDid]);
   const isMyself = useCreation(() => {
     if (session?.user) {
       return currentDid === session?.user?.did;
@@ -251,11 +255,11 @@ export default function UserCenter({
           ) : null,
           isMyself ? /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsxs(Box, { children: [
-              /* @__PURE__ */ jsx(Typography, { variant: "h5", sx: { fontWeight: "bold", mb: 1.5 }, children: t("passport") }),
+              /* @__PURE__ */ jsx(Typography, { variant: "h6", sx: { fontWeight: 600, mb: 1.5 }, children: t("passport") }),
               /* @__PURE__ */ jsx(Passport, { user: userState.data })
             ] }),
             /* @__PURE__ */ jsxs(Box, { children: [
-              /* @__PURE__ */ jsx(Typography, { variant: "h5", sx: { fontWeight: "bold", mb: 1.5 }, children: t("userInfo") }),
+              /* @__PURE__ */ jsx(Typography, { variant: "h6", sx: { fontWeight: 600, mb: 1.5 }, children: t("userInfo") }),
               /* @__PURE__ */ jsx(
                 UserInfo,
                 {

package/lib/UserCenter/components/user-center.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { PaperProps } from '@mui/material';
-export default function UserCenter({ children, currentTab, contentProps, disableAutoRedirect, autoPopupSetting, hideFooter, headerProps, footerProps, }: {
+export default function UserCenter({ children, currentTab, contentProps, disableAutoRedirect, autoPopupSetting, hideFooter, headerProps, footerProps, userDid, }: {
     readonly children: any;
     readonly currentTab: string;
     readonly contentProps?: PaperProps;
@@ -9,4 +9,5 @@ export default function UserCenter({ children, currentTab, contentProps, disable
     readonly hideFooter?: boolean;
     readonly headerProps?: object;
     readonly footerProps?: object;
+    readonly userDid?: string;
 }): import("react").JSX.Element | null;

package/lib/UserCenter/components/user-center.js

@@ -35,7 +35,8 @@ function UserCenter({
   autoPopupSetting = false,
   hideFooter = false,
   headerProps = {},
-  footerProps = {}
+  footerProps = {},
+  userDid
 }) {
   const {
     locale
@@ -46,6 +47,9 @@ function UserCenter({
   const sessionCtx = (0, _react.useContext)(_Session.SessionContext);
   const session = sessionCtx?.session;
   const currentDid = (0, _ahooks.useCreation)(() => {
+    if (userDid) {
+      return userDid;
+    }
     const currentUrl = window.location.href;
     const query = (0, _ufo.getQuery)(currentUrl);
     if (query?.did) {
@@ -55,7 +59,7 @@ function UserCenter({
       return query.did;
     }
     return session?.user?.did;
-  }, [session?.user?.did]);
+  }, [session?.user?.did, userDid]);
   const isMyself = (0, _ahooks.useCreation)(() => {
     if (session?.user) {
       return currentDid === session?.user?.did;
@@ -266,9 +270,9 @@ function UserCenter({
       }) : null, isMyself ? /* @__PURE__ */(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
         children: [/* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Box, {
           children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Typography, {
-            variant: "h5",
+            variant: "h6",
             sx: {
-              fontWeight: "bold",
+              fontWeight: 600,
               mb: 1.5
             },
             children: t("passport")
@@ -277,9 +281,9 @@ function UserCenter({
           })]
         }), /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Box, {
           children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Typography, {
-            variant: "h5",
+            variant: "h6",
             sx: {
-              fontWeight: "bold",
+              fontWeight: 600,
               mb: 1.5
             },
             children: t("userInfo")

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/ui-react",
-  "version": "2.9.19",
+  "version": "2.9.20",
   "description": "Some useful front-end web components that can be used in Blocklets.",
   "keywords": [
     "react",
@@ -63,8 +63,8 @@
   },
   "dependencies": {
     "@abtnode/constant": "1.16.23-beta-aeb9f5bd",
-    "@arcblock/did-connect": "^2.9.19",
-    "@arcblock/ux": "^2.9.19",
+    "@arcblock/did-connect": "^2.9.20",
+    "@arcblock/ux": "^2.9.20",
     "@blocklet/js-sdk": "1.16.23-beta-aeb9f5bd",
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
@@ -98,5 +98,5 @@
     "jest": "^28.1.3",
     "unbuild": "^2.0.0"
   },
-  "gitHead": "409ab4e9bc7a641c7d3f64dfebe05d8ea3cfe2da"
+  "gitHead": "56354c3f25c0d62ae39d79f07c648a7c0d9e66f7"
 }

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

@@ -36,6 +36,7 @@ export default function UserCenter({
   hideFooter = false,
   headerProps = {},
   footerProps = {},
+  userDid,
 }: {
   readonly children: any;
   readonly currentTab: string;
@@ -45,6 +46,7 @@ export default function UserCenter({
   readonly hideFooter?: boolean;
   readonly headerProps?: object;
   readonly footerProps?: object;
+  readonly userDid?: string;
 }) {
   const { locale } = useLocaleContext();
   const t = useMemoizedFn((key, data = {}) => {
@@ -54,6 +56,10 @@ export default function UserCenter({
   const session = sessionCtx?.session;
 
   const currentDid = useCreation(() => {
+    if (userDid) {
+      return userDid;
+    }
+
     const currentUrl = window.location.href;
     const query = getQuery(currentUrl);
     if (query?.did) {
@@ -63,7 +69,7 @@ export default function UserCenter({
       return query.did;
     }
     return session?.user?.did;
-  }, [session?.user?.did]);
+  }, [session?.user?.did, userDid]);
 
   const isMyself = useCreation(() => {
     if (session?.user) {
@@ -284,13 +290,13 @@ export default function UserCenter({
         {isMyself ? (
           <>
             <Box>
-              <Typography variant="h5" sx={{ fontWeight: 'bold', mb: 1.5 }}>
+              <Typography variant="h6" sx={{ fontWeight: 600, mb: 1.5 }}>
                 {t('passport')}
               </Typography>
               <Passport user={userState.data} />
             </Box>
             <Box>
-              <Typography variant="h5" sx={{ fontWeight: 'bold', mb: 1.5 }}>
+              <Typography variant="h6" sx={{ fontWeight: 600, mb: 1.5 }}>
                 {t('userInfo')}
               </Typography>
               <UserInfo