diff --git a/apps/desktop/src/components/OutfitImageGenerationModal.tsx b/apps/desktop/src/components/OutfitImageGenerationModal.tsx index 38712ce..e9b1854 100644 --- a/apps/desktop/src/components/OutfitImageGenerationModal.tsx +++ b/apps/desktop/src/components/OutfitImageGenerationModal.tsx @@ -90,6 +90,7 @@ export const OutfitImageGenerationModal: React.FC diff --git a/apps/desktop/src/components/OutfitImageGenerator.tsx b/apps/desktop/src/components/OutfitImageGenerator.tsx index 2dc9923..f7b233f 100644 --- a/apps/desktop/src/components/OutfitImageGenerator.tsx +++ b/apps/desktop/src/components/OutfitImageGenerator.tsx @@ -17,6 +17,7 @@ interface OutfitImageGeneratorProps { modelId: string; modelPhotos: ModelPhoto[]; onGenerate: (request: OutfitImageGenerationRequest) => Promise; + onClose?: () => void; // 添加关闭回调 isGenerating?: boolean; disabled?: boolean; } @@ -31,6 +32,7 @@ export const OutfitImageGenerator: React.FC = ({ modelId, modelPhotos, onGenerate, + onClose, isGenerating = false, disabled = false }) => { @@ -154,11 +156,16 @@ export const OutfitImageGenerator: React.FC = ({ setSelectedModelImageId(''); setProductImages([]); setGenerationPrompt(''); + + // 生成成功后关闭模态框 + if (onClose) { + onClose(); + } } catch (error) { console.error('生成穿搭图片失败:', error); setError(`生成穿搭图片失败: ${error}`); } - }, [modelId, selectedModelImageId, productImages, generationPrompt, onGenerate]); + }, [modelId, selectedModelImageId, productImages, generationPrompt, onGenerate, onClose]); const canGenerate = selectedModelImageId && productImages.length > 0 && !isGenerating && !disabled;