feat: 封面生成添加进度弹窗 (Spin + 提示文案)

2026-08-12 13:28:17 +08:00
1 changed files with 17 additions and 1 deletions
@@ -4,7 +4,7 @@
 */
 import React, { useState, useCallback, useEffect } from "react";
 import { useSearchParams, useNavigate } from "react-router-dom";
-import { message } from "antd";
+import { message, Modal, Spin } from "antd";
 import { useQuery } from "@tanstack/react-query";
 import type {
  EditingTemplate,
@@ -772,6 +772,22 @@ const EditingPlanner: React.FC = () => {
        history={genHistory}
        onClose={() => setGenHistoryOpen(false)}
      />
+
+      {/* ═══ 封面生成进度弹窗 ═══ */}
+      <Modal
+        open={aiCoverLoading}
+        closable={false}
+        footer={null}
+        centered
+        width={280}
+      >
+        <div style={{ textAlign: "center", padding: "24px 0" }}>
+          <Spin size="large" />
+          <div style={{ marginTop: 16, fontSize: 14, color: "#666" }}>
+            AI 正在生成封面，请稍候...
+          </div>
+        </div>
+      </Modal>
    </div>
  );
 };