StreamingMessage.tsx 653 B

12345678910111213141516171819202122232425
  1. import _React from "react";
  2. import Marked from "../general/Marked";
  3. interface StreamingMessageProps {
  4. content: string;
  5. sessionId?: string;
  6. }
  7. export function StreamingMessage({ content }: StreamingMessageProps) {
  8. return (
  9. <div className="streaming-message">
  10. <div className="message-header">
  11. <span className="role-label">Assistant</span>
  12. <span className="streaming-indicator">正在生成中...</span>
  13. </div>
  14. <div className="message-content">
  15. <div className="message-text">
  16. <Marked text={content} />
  17. <span className="cursor">|</span>
  18. </div>
  19. </div>
  20. </div>
  21. );
  22. }