feat: Refactor crosstab data handling in StepFlow and crosstabStore to improve data merging and UI updates, ensuring real-time display of generated table data

Author: experdot

src/renderer/src/components/pages/crosstab/CrosstabChat.tsx

@@ -674,7 +674,13 @@ export default function CrosstabChat({ chatId }: CrosstabChatProps) {
           .replace('[DIMENSION_NAME]', dimension.name)
           .replace('[DIMENSION_DESCRIPTION]', dimension.description || '')
 
-        const aiService = createAIService(llmConfig)
+        const modelConfig = getModelConfigForLLM(llmConfig.id)
+        if (!modelConfig) {
+          message.error('请先在设置中配置模型参数')
+          return
+        }
+
+        const aiService = createAIService(llmConfig, modelConfig)
         const result = await new Promise<string>((resolve, reject) => {
           aiService.sendMessage(
             [{ id: 'temp', role: 'user', content: prompt, timestamp: Date.now() }],

src/renderer/src/components/pages/crosstab/StepFlow.tsx

@@ -432,10 +432,10 @@ export default function StepFlow({ chat, userInput, onStepComplete, getLLMConfig
       let completedCells = 0
       const totalCells = horizontalCombinations.length * verticalCombinations.length
 
-      // 维护本地的tableData状态，避免异步状态更新问题
-      const currentTableData = { ...chat.crosstabData.tableData }
+      // 收集所有生成的数据，最后一次性更新
+      const newTableData: { [key: string]: { [key: string]: string } } = {}
 
-      // 为每个交叉点生成值
+      // 为每个交叉点生成值（串行执行）
       for (const hCombination of horizontalCombinations) {
         for (const vCombination of verticalCombinations) {
           const hPath = generateDimensionPath(hCombination)
@@ -529,11 +529,13 @@ export default function StepFlow({ chat, userInput, onStepComplete, getLLMConfig
               validatedCellValues[dim.id] = processedCellValues[dim.id] || ''
             })
 
-            // 更新本地tableData状态
-            currentTableData[cellKey] = validatedCellValues
+            // 将生成的数据添加到收集器中
+            newTableData[cellKey] = validatedCellValues
 
-            // 立即更新当前单元格数据到UI
-            stores.crosstab.updateCrosstabData(chat.id, { tableData: currentTableData })
+            // 每生成1个单元格就更新一次UI，实时显示变化
+            const currentTableData = stores.crosstab.getCrosstabData(chat.id)?.tableData || {}
+            const updatedTableData = { ...currentTableData, ...newTableData }
+            stores.crosstab.updateCrosstabData(chat.id, { tableData: updatedTableData })
 
             completedCells++
           } catch (error) {
@@ -547,6 +549,11 @@ export default function StepFlow({ chat, userInput, onStepComplete, getLLMConfig
         }
       }
 
+      // 最终更新，确保所有数据都已保存
+      const finalTableData = stores.crosstab.getCrosstabData(chat.id)?.tableData || {}
+      const finalUpdatedTableData = { ...finalTableData, ...newTableData }
+      stores.crosstab.updateCrosstabData(chat.id, { tableData: finalUpdatedTableData })
+
       message.success(`表格数据生成完成 (${completedCells}/${totalCells})`)
     } catch (error) {
       console.error('表格数据生成失败:', error)

src/renderer/src/stores/crosstabStore.ts

@@ -48,7 +48,19 @@ export const useCrosstabStore = create<CrosstabState & CrosstabActions>()(
           const page = usePagesStore.getState().findPageById(chatId)
 
           if (page && page.type === 'crosstab') {
-            const updatedCrosstabData = { ...page.crosstabData, ...data }
+            let updatedCrosstabData = { ...page.crosstabData }
+            
+            // 特殊处理tableData的合并，避免对象不可扩展的问题
+            if (data.tableData && page.crosstabData.tableData) {
+              updatedCrosstabData = {
+                ...updatedCrosstabData,
+                ...data,
+                tableData: { ...page.crosstabData.tableData, ...data.tableData }
+              }
+            } else {
+              updatedCrosstabData = { ...updatedCrosstabData, ...data }
+            }
+            
             updatePage(chatId, { crosstabData: updatedCrosstabData })
           }
         } catch (error) {