思考内容样式调整

main
wangyunfei 1 month ago
parent 0e20be82f3
commit 495e90f163

@ -135,8 +135,8 @@ const [currentStreamingMessageId, setCurrentStreamingMessageId] = useState(null)
} }
// 模拟流式效果 // 模拟流式效果
const simulateStreamingEffect = (fullContent, messageId) => { const simulateStreamingEffect = (fullContent, messageId, hasThoughtContent = false) => {
console.log('开始流式效果:', { fullContent: fullContent.substring(0, 100) + '...', messageId, length: fullContent.length }) console.log('开始流式效果:', { fullContent: fullContent.substring(0, 100) + '...', messageId, length: fullContent.length, hasThoughtContent })
setIsStreaming(true) setIsStreaming(true)
setStreamingContent('') setStreamingContent('')
setCurrentStreamingMessageId(messageId) setCurrentStreamingMessageId(messageId)
@ -242,12 +242,15 @@ const [currentStreamingMessageId, setCurrentStreamingMessageId] = useState(null)
console.log('Final content:', finalContent) console.log('Final content:', finalContent)
if (finalContent.trim()) { if (finalContent.trim()) {
// 预判断是否包含思考内容,避免样式闪烁
const hasThoughtContent = deepThinkingEnabled && finalContent.includes('\n\n')
// 先添加一个空的助手消息 // 先添加一个空的助手消息
const assistantMessageId = conversationStore.addMessage('assistant', '') const assistantMessageId = conversationStore.addMessage('assistant', '')
setCurrentStreamingMessageId(assistantMessageId) setCurrentStreamingMessageId(assistantMessageId)
// 开始模拟流式效果 // 开始模拟流式效果,传递预判断结果
simulateStreamingEffect(finalContent, assistantMessageId) simulateStreamingEffect(finalContent, assistantMessageId, hasThoughtContent)
} else { } else {
console.log('No content, adding fallback message') console.log('No content, adding fallback message')
conversationStore.addMessage('assistant', '抱歉,我无法生成回复内容。') conversationStore.addMessage('assistant', '抱歉,我无法生成回复内容。')
@ -400,7 +403,7 @@ const [currentStreamingMessageId, setCurrentStreamingMessageId] = useState(null)
<div className='ds-message-content'> <div className='ds-message-content'>
{displayContent ? ( {displayContent ? (
<div> <div>
{deepThinkingEnabled && displayContent.includes('\n\n') ? ( {deepThinkingEnabled && (displayContent.includes('\n\n') || (isStreaming && currentStreamingMessageId === msg.id)) ? (
// 当开启深度思考且有思考内容时,分别渲染 // 当开启深度思考且有思考内容时,分别渲染
(() => { (() => {
const parts = displayContent.split('\n\n') const parts = displayContent.split('\n\n')

Loading…
Cancel
Save