feat(消息列表与编辑器状态管理): 优化消息列表组件，使用 React.memo 提升性能；在编辑器状态管理中添加历史编辑记录功能

src/components/ChatPanel/MessageList.tsx

@@ -60,7 +60,7 @@ export interface MessageListProps {
  * <MessageList />
  * ```
  */
-const MessageList: React.FC<MessageListProps> = ({ className }) => {
+const MessageList: React.FC<MessageListProps> = React.memo(({ className }) => {
   const messages = useChatStore((state) => state.messages);
   const openDocumentPreview = useUIStore((state) => state.openDocumentPreview);
 
@@ -160,6 +160,8 @@ const MessageList: React.FC<MessageListProps> = ({ className }) => {
       <div ref={bottomRef} data-testid="message-list-bottom" aria-hidden="true" />
     </div>
   );
-};
+});
+
+MessageList.displayName = 'MessageList';
 
 export default MessageList;

src/stores/editorStore.ts

@@ -38,6 +38,7 @@ const AUTO_SAVE_DELAY = 3000; // 3秒无操作后自动保存
 // 最大重试次数
 const MAX_RETRY_ATTEMPTS = 3;
 const MAX_HISTORY_ENTRIES = 100;
+const HISTORY_COALESCE_WINDOW = 500;
 
 function waitForStructuralOperations(isReady: () => boolean): Promise<void> {
   return new Promise((resolve) => {
@@ -140,6 +141,8 @@ interface EditorStore {
   selectedBlockId: string | null;
   past: EditorHistoryEntry[];
   future: EditorHistoryEntry[];
+  lastHistoryEditBlockId: string | null;
+  lastHistoryEditAt: number | null;
   isHistoryApplying: boolean;
   pendingStructuralOperations: number;
 
@@ -359,6 +362,8 @@ const initialState = {
   selectedBlockId: null,
   past: [],
   future: [],
+  lastHistoryEditBlockId: null,
+  lastHistoryEditAt: null,
   isHistoryApplying: false,
   pendingStructuralOperations: 0,
   isLoading: false,
@@ -388,9 +393,36 @@ export const useEditorStore = create<EditorStore>((set, get) => {
         -MAX_HISTORY_ENTRIES
       ),
       future: [],
+      lastHistoryEditBlockId: null,
+      lastHistoryEditAt: null,
     }));
   };
 
+  const pushBlockEditHistory = (
+    blocks: DocumentBlock[],
+    selectedBlockId: string | null,
+    blockId: string
+  ) => {
+    const now = Date.now();
+    set((state) => {
+      const shouldCoalesce =
+        state.lastHistoryEditBlockId === blockId &&
+        state.lastHistoryEditAt !== null &&
+        now - state.lastHistoryEditAt < HISTORY_COALESCE_WINDOW;
+
+      return {
+        past: shouldCoalesce
+          ? state.past
+          : [...state.past, { blocks: snapshotBlocks(blocks), selectedBlockId }].slice(
+              -MAX_HISTORY_ENTRIES
+            ),
+        future: [],
+        lastHistoryEditBlockId: blockId,
+        lastHistoryEditAt: now,
+      };
+    });
+  };
+
   const restoreHistoryEntry = async (entry: EditorHistoryEntry) => {
     const { blockHashes, autoSaveEnabled, blocks: currentBlocks, documentId } = get();
     let restoredBlocks = entry.blocks;
@@ -540,6 +572,8 @@ export const useEditorStore = create<EditorStore>((set, get) => {
           loadAbortController: null,
           past: [],
           future: [],
+          lastHistoryEditBlockId: null,
+          lastHistoryEditAt: null,
         });
       } catch (error: unknown) {
         if (controller.signal.aborted || isCanceledRequest(error)) return;
@@ -1149,6 +1183,15 @@ export const useEditorStore = create<EditorStore>((set, get) => {
         return;
       }
 
+      const currentBlock = blocks[blockIndex];
+      const hasChanged = Object.entries(updates).some(([key, value]) => {
+        const currentValue = (currentBlock as unknown as Record<string, unknown>)[key];
+        return !Object.is(currentValue, value);
+      });
+      if (!hasChanged) {
+        return;
+      }
+
       const previousBlocks = blocks;
 
       const newBlocks = blocks.slice();
@@ -1179,7 +1222,7 @@ export const useEditorStore = create<EditorStore>((set, get) => {
         hasModified: newDirtyBlocks.size > 0,
       });
       if (newHash !== previousHash) {
-        pushHistory(previousBlocks, get().selectedBlockId);
+        pushBlockEditHistory(previousBlocks, get().selectedBlockId, id);
       }
 
       // 触发自动保存
@@ -1402,6 +1445,8 @@ export const useEditorStore = create<EditorStore>((set, get) => {
           future: [...state.future, { blocks: snapshotBlocks(blocks), selectedBlockId }].slice(
             -MAX_HISTORY_ENTRIES
           ),
+          lastHistoryEditBlockId: null,
+          lastHistoryEditAt: null,
           isHistoryApplying: false,
         }));
       } catch (error: unknown) {
@@ -1434,6 +1479,8 @@ export const useEditorStore = create<EditorStore>((set, get) => {
           past: [...state.past, { blocks: snapshotBlocks(blocks), selectedBlockId }].slice(
             -MAX_HISTORY_ENTRIES
           ),
+          lastHistoryEditBlockId: null,
+          lastHistoryEditAt: null,
           isHistoryApplying: false,
         }));
       } catch (error: unknown) {

vite.config.ts

@@ -72,8 +72,6 @@ export default defineConfig({
       'zustand',
       'antd',
       '@ant-design/icons',
-      'html2canvas',
-      'jspdf',
     ],
     // 排除不需要预构建的大型依赖
     exclude: [