@arcblock/ux 2.13.7 → 2.13.8

package/src/UserCard/types.ts

@@ -64,7 +64,6 @@ export type UserAddress = {
 };
 
 export type User = UserPublicInfo & {
-  role: string;
   email?: string;
   phone?: string;
   sourceProvider?: string;
@@ -76,7 +75,7 @@ export type User = UserPublicInfo & {
   didSpace?: Record<string, any>;
   connectedAccounts?: any[];
   locale?: string;
-  url: string;
+  url?: string;
   inviter?: string;
   emailVerified?: boolean;
   phoneVerified?: boolean;
@@ -109,7 +108,8 @@ export enum InfoType {
 
 // 定义UserCard属性接口
 export interface UserCardProps {
-  user: User;
+  user?: User;
+  did?: string;
   cardType?: CardType;
   infoType?: InfoType;
   avatarSize?: number;
@@ -121,7 +121,7 @@ export interface UserCardProps {
   popupAvatarProps?: Partial<AvatarProps>;
 
   // 弹出层相关属性
-  tooltipProps?: Omit<TooltipProps, 'title'>;
+  tooltipProps?: Partial<TooltipProps>;
 
   // 样式相关属性
   sx?: SxProps<Theme>;
@@ -131,10 +131,17 @@ export interface UserCardProps {
   shortenLabelProps?: Partial<ShortenLabelProps>;
   popupShortenLabelProps?: Partial<ShortenLabelProps>;
 
+  // 自定义渲染字段
+  renderFields?: string[];
+  popupRenderFields?: string[];
+
   // 右上角内容相关属性
   renderTopRightContent?: () => React.ReactNode;
   topRightMaxWidth?: number;
 
   // 自定义内容渲染函数
   renderCustomContent?: () => React.ReactNode;
+
+  // 头像点击事件
+  onAvatarClick?: (user: User, e?: React.MouseEvent<HTMLDivElement>) => void;
 }

package/src/UserCard/utils.ts

@@ -1,5 +1,16 @@
+import { toTypeInfo } from '@arcblock/did';
+import { types } from '@ocap/mcrypto';
+import { BlockletSDK } from '@blocklet/js-sdk';
 import { User } from './types';
 
+let client: BlockletSDK | null = null;
+try {
+  client = new BlockletSDK();
+} catch (error) {
+  console.error('Failed to initialize BlockletSDK:', error);
+  client = null;
+}
+
 // 创建仅显示名称首字母的头像
 // eslint-disable-next-line import/prefer-default-export
 export function createNameOnlyAvatar(user: User) {
@@ -20,3 +31,25 @@ export function createNameOnlyAvatar(user: User) {
 
   return content;
 }
+
+export function isUserDid(did: string) {
+  if (!did || typeof did !== 'string') return false;
+  try {
+    const didInfo = toTypeInfo(did);
+    return didInfo.role !== undefined && didInfo.role !== types.RoleType.ROLE_APPLICATION;
+  } catch (error) {
+    console.error('Failed to check if did is user did:', error);
+    return false;
+  }
+}
+
+export async function getUserByDid(did: string): Promise<User | null> {
+  if (!client) return null;
+  try {
+    const user = await client.user.getUserPublicInfo({ did });
+    return user as User;
+  } catch (error) {
+    console.error('Failed to get user by did:', error);
+    return null;
+  }
+}