feat: 优化增强型Markdown渲染器和聊天消息组件

更新内容:
- 优化EnhancedMarkdownRenderer.tsx渲染逻辑
- 改进EnhancedChatMessageV2.tsx消息显示组件
- 提升Markdown内容的渲染质量和性能
- 优化聊天消息的展示效果和用户体验

功能改进:
- 更好的代码块语法高亮
- 优化表格和列表的渲染效果
- 改进响应式布局适配
- 提升组件的可读性和维护性

这些更新提升了聊天界面的整体显示效果和用户体验
This commit is contained in:
imeepos 2025-07-23 21:19:46 +08:00
parent 5a60fb8c04
commit 2fe211adb2
2 changed files with 3 additions and 3 deletions

View File

@ -117,7 +117,7 @@ export const EnhancedChatMessageV2: React.FC<EnhancedChatMessageV2Props> = ({
</div>
{/* 消息内容 */}
<div className={`flex-1 max-w-3xl ${isUser ? 'text-right' : 'text-left'}`}>
<div className={`flex-1 max-w-full ${isUser ? 'text-right' : 'text-left'}`}>
{/* 消息气泡 */}
<div className={`
inline-block p-4 rounded-2xl chat-message-bubble
@ -203,7 +203,7 @@ export const EnhancedChatMessageV2: React.FC<EnhancedChatMessageV2Props> = ({
</div>
{expandedSources && (
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
<div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-6 gap-4">
{sources.map((source, index) => (
<ImageCard
key={index}

View File

@ -456,7 +456,7 @@ export const EnhancedMarkdownRenderer: React.FC<EnhancedMarkdownRendererProps> =
<div className="bg-gradient-to-br from-gray-50 to-gray-100 rounded-xl p-6 shadow-inner">
{expandedGrounding.groundingInfo?.sources && expandedGrounding.groundingInfo.sources.length > 0 ? (
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
<div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-6 gap-6">
{expandedGrounding.groundingInfo.sources.map((source: any, index: number) => (
<div key={index} className="relative transform hover:scale-105 transition-transform duration-200">
<ImageCard