feat(编辑器): 优化API错误处理、图片缩放性能与编辑器更新逻辑

- 改进ChatPanel中的文档缓存错误处理，区分404和其他API错误
- 优化ImageBlock图片缩放交互，使用requestAnimationFrame批处理鼠标移动事件，提升性能
- 简化RichTextEditor的HTML转换逻辑，移除不必要的baseStyle参数传递
- 优化editorStore中updateBlock方法，改用数组slice和直接索引替代map遍历，提升更新效率
- 移除richTextConverter中未使用的unescapeHtml函数
- 清空环境变量中的AI服务API密钥

.env

@@ -14,6 +14,6 @@ VITE_DEBUG=false
 
 # External AI services are called directly by the browser.
 VITE_AI_API_URL=http://114.242.25.27:3000/api/v1/chat/completions
-VITE_AI_API_KEY=XAgent-eVVoqEO7WJYwzCc5wQ8meEtIuyIQgHhxYvpd6fSwa7BwJW8CaBom4
+VITE_AI_API_KEY=
 VITE_WORKFLOW_API_URL=http://114.242.25.27:3000/api/v2/chat/completions
-VITE_WORKFLOW_API_KEY=XAgent-mWHBqQw06psUYRqx6PrHWiKdfY05ebt7I9drDBHzaG9QQesIkVEICj
+VITE_WORKFLOW_API_KEY=

src/components/ChatPanel/MessageItem.tsx

@@ -158,7 +158,7 @@ const MessageItem: React.FC<MessageItemProps> = memo(
         setIsCreatingDocument(true);
         
         // Step 1: Check localStorage cache
-        const { default: apiClient } = await import('../../services/api');
+        const { default: apiClient, isApiError } = await import('../../services/api');
         const cacheKey = `doc_cache_${currentSessionId}_${exportRecord.recordId}`;
         const cachedDocId = localStorage.getItem(cacheKey);
         
@@ -170,7 +170,11 @@ const MessageItem: React.FC<MessageItemProps> = memo(
             await apiClient.get(`/api/v1/documents/${cachedDocId}`);
             // Document exists, reuse it
             documentId = cachedDocId;
-          } catch {
+          } catch (error) {
+            if (!isApiError(error) || error.status !== 404) {
+              throw error;
+            }
+
             // Document no longer exists, clear cache and create new
             localStorage.removeItem(cacheKey);
             

src/components/Editor/RichTextEditor/RichTextEditor.tsx

@@ -233,14 +233,7 @@ export const RichTextEditor: React.FC<RichTextEditorProps> = ({
       return;
     }
     
-    // 提取baseStyle中的字号和字体
-    const baseFontSize = baseStyle.fontSize ? parseFloat(String(baseStyle.fontSize)) : undefined;
-    const baseFontFamily = baseStyle.fontFamily ? String(baseStyle.fontFamily) : undefined;
-    
-    const html = richTextToHtml(value, {
-      fontSize: baseFontSize,
-      fontFamily: baseFontFamily,
-    });
+    const html = richTextToHtml(value);
     
     // 只在内容真正改变时更新,避免光标跳动
     if (editorRef.current.innerHTML !== html) {

src/components/Editor/blocks/ImageBlock.tsx

@@ -47,6 +47,8 @@ export const ImageBlock: React.FC<ImageBlockProps> = ({
     mouseX: 0,
     mouseY: 0,
   });
+  const pendingResizeEventRef = useRef<MouseEvent | null>(null);
+  const resizeFrameRef = useRef<number | null>(null);
 
   // 查找当前块的位置
   const isFirst = index === 0;
@@ -159,22 +161,19 @@ export const ImageBlock: React.FC<ImageBlockProps> = ({
     setIsResizing(true);
   }, []);
 
-  // 拖拽调整中
-  const handleResizeMove = useCallback((e: MouseEvent) => {
-    if (!isResizing) return;
-    
-    const deltaX = e.clientX - startSizeRef.current.mouseX;
-    
+  const applyResizeEvent = useCallback((event: MouseEvent) => {
+    const deltaX = event.clientX - startSizeRef.current.mouseX;
+
     // 计算新宽度(保持宽高比)
     const newWidth = Math.max(50, startSizeRef.current.width + deltaX);
     const aspectRatio = startSizeRef.current.height / startSizeRef.current.width;
     const newHeight = newWidth * aspectRatio;
-    
+
     // 转换为当前单位
     const { unit } = block.style;
     const unitMap = { cm: 37.795, inch: 96, px: 1 };
     const multiplier = unitMap[unit] || 1;
-    
+
     updateBlock(block.id, {
       style: {
         ...block.style,
@@ -182,12 +181,37 @@ export const ImageBlock: React.FC<ImageBlockProps> = ({
         height: parseFloat((newHeight / multiplier).toFixed(2)),
       },
     });
-  }, [isResizing, block.id, block.style, updateBlock]);
+  }, [block.id, block.style, updateBlock]);
+
+  // 拖拽调整中
+  const handleResizeMove = useCallback((e: MouseEvent) => {
+    if (!isResizing) return;
+    pendingResizeEventRef.current = e;
+
+    if (resizeFrameRef.current !== null) return;
+
+    resizeFrameRef.current = requestAnimationFrame(() => {
+      resizeFrameRef.current = null;
+      const pendingEvent = pendingResizeEventRef.current;
+      pendingResizeEventRef.current = null;
+      if (!pendingEvent) return;
+
+      applyResizeEvent(pendingEvent);
+    });
+  }, [applyResizeEvent, isResizing]);
 
   // 结束拖拽调整
   const handleResizeEnd = useCallback(() => {
+    if (pendingResizeEventRef.current) {
+      applyResizeEvent(pendingResizeEventRef.current);
+    }
+    if (resizeFrameRef.current !== null) {
+      cancelAnimationFrame(resizeFrameRef.current);
+      resizeFrameRef.current = null;
+    }
+    pendingResizeEventRef.current = null;
     setIsResizing(false);
-  }, []);
+  }, [applyResizeEvent]);
   // 监听鼠标移动和释放事件
   React.useEffect(() => {
     if (isResizing) {
@@ -199,6 +223,11 @@ export const ImageBlock: React.FC<ImageBlockProps> = ({
       return () => {
         document.removeEventListener('mousemove', handleResizeMove);
         document.removeEventListener('mouseup', handleResizeEnd);
+        if (resizeFrameRef.current !== null) {
+          cancelAnimationFrame(resizeFrameRef.current);
+          resizeFrameRef.current = null;
+        }
+        pendingResizeEventRef.current = null;
         document.body.style.cursor = '';
         document.body.style.userSelect = '';
       };

src/stores/editorStore.ts

@@ -982,16 +982,17 @@ export const useEditorStore = create<EditorStore>((set, get) => ({
   // ── updateBlock ─────────────────────────────────────────────────────────
   updateBlock: (id: string, updates: BlockUpdate) => {
     const { blocks, dirtyBlocks, blockHashes, autoSaveEnabled } = get();
-    
-    const newBlocks = blocks.map((block) =>
-      block.id === id ? { ...block, ...updates } as DocumentBlock : block
-    );
-    
-    // 获取更新后的块
-    const updatedBlock = newBlocks.find(b => b.id === id);
-    if (!updatedBlock) {
-      return; // 块不存在，跳过
+
+    const blockIndex = blocks.findIndex((block) => block.id === id);
+    if (blockIndex < 0) {
+      return;
     }
+
+    const newBlocks = blocks.slice();
+    newBlocks[blockIndex] = { ...blocks[blockIndex], ...updates } as DocumentBlock;
+
+    // 获取更新后的块
+    const updatedBlock = newBlocks[blockIndex];
     
     // 计算新的哈希值
     const newHash = computeBlockHash(updatedBlock);

src/utils/richTextConverter.ts

@@ -26,20 +26,6 @@ function escapeHtml(text: string): string {
   return text.replace(/[&<>"']/g, (char) => map[char]);
 }
 
-/**
- * 反转义HTML特殊字符
- */
-function unescapeHtml(html: string): string {
-  const map: Record<string, string> = {
-    '&amp;': '&',
-    '&lt;': '<',
-    '&gt;': '>',
-    '&quot;': '"',
-    '&#39;': "'",
-  };
-  return html.replace(/&(?:amp|lt|gt|quot|#39);/g, (entity) => map[entity]);
-}
-
 function toCssString(value: string): string {
   const escaped = Array.from(value, (char) => {
     const codePoint = char.codePointAt(0) ?? 0;
@@ -108,7 +94,6 @@ export function hexToRgb(hex: string): string {
  * RichText数组转HTML字符串(用于contenteditable渲染)
  * 
  * @param content 富文本内容
- * @param baseStyle 基础样式（可选，用于提供默认字号和字体）
  * @returns HTML字符串
  * 
  * @example
@@ -120,7 +105,7 @@ export function hexToRgb(hex: string): string {
  * // "<span>普通</span><strong>加粗</strong>"
  * ```
  */
-export function richTextToHtml(content: string | RichText[], baseStyle?: { fontSize?: number; fontFamily?: string }): string {
+export function richTextToHtml(content: string | RichText[]): string {
   if (typeof content === 'string') {
     return escapeHtml(content);
   }
@@ -324,7 +309,7 @@ export function htmlToRichText(html: string): RichText[] {
       const text = node.textContent || '';
       if (text) {
         richText.push({
-          text: unescapeHtml(text),
+          text,
           style: extractStyleFromElement(node.parentElement),
         });
       }