diff --git a/client/ui/chat-fragment/ChatMessageContainer.tsx b/client/ui/chat-fragment/ChatMessageContainer.tsx index 2536edf..87a09e3 100644 --- a/client/ui/chat-fragment/ChatMessageContainer.tsx +++ b/client/ui/chat-fragment/ChatMessageContainer.tsx @@ -1,6 +1,7 @@ import { Message } from 'lingchair-client-protocol' import * as React from 'react' import ChatMessage from './ChatMessage.tsx' +import { dialog } from 'mdui' export default function ChatMessageContainer({ messages }: { messages: Message[] }) { return ( @@ -53,7 +54,51 @@ export default function ChatMessageContainer({ messages }: { messages: Message[] } - + { + const user = await msg.getUser().then((re) => re?.bean) || {} + dialog({ + headline: "Info", + body: `${Object.keys(user) + // @ts-ignore 懒 + .map((k) => `${k} = ${user[k]}`) + .join('

')}`, + closeOnEsc: true, + closeOnOverlayClick: true, + actions: [ + { + text: "关闭", + onClick: () => { + return true + }, + } + ] + }).addEventListener('click', (e) => e.stopPropagation()) + }}>JSON + ]} + messageMenuItems={[ + dialog({ + headline: "Info", + body: `${Object.keys(msg.bean) + // @ts-ignore 懒 + .map((k) => `${k} = ${msg.bean[k]}`) + .join('

')}`, + closeOnEsc: true, + closeOnOverlayClick: true, + actions: [ + { + text: "关闭", + onClick: () => { + return true + }, + } + ] + }).addEventListener('click', (e) => e.stopPropagation())}>Info
+ ]} + /> }) })()