feat: download all deps in parallel and fix missing dep btn

Author: std-microblock

resources/dist.rc

@@ -228,5 +228,6 @@
   "(已禁用)": "(已禁用)",
   "将要删除：": "将要删除：",
   "以下 Mod 将不再被任何 Mod 引用，是否一并删除？": "以下 Mod 将不再被任何 Mod 引用，是否一并删除？",
-  "确认删除": "确认删除"
+  "确认删除": "确认删除",
+  "补全缺失依赖 ({count})": "Fix Missing Deps ({count})"
 }

src/celemod-ui/locales/en-US.json

@@ -228,5 +228,6 @@
   "(已禁用)": "(已禁用)",
   "将要删除：": "将要删除：",
   "以下 Mod 将不再被任何 Mod 引用，是否一并删除？": "以下 Mod 将不再被任何 Mod 引用，是否一并删除？",
-  "确认删除": "确认删除"
+  "确认删除": "确认删除",
+  "补全缺失依赖 ({count})": "补全缺失依赖 ({count})"
 }

src/celemod-ui/locales/zh-CN.json

@@ -34,7 +34,7 @@ const Task = ({ task }: { task: Download.TaskInfo }) => {
           {task.subtasks
             .filter((v) => v.state !== 'Finished')
             .map((subtask) => (
-              <div class="subTask">
+              <div class="subTask" key={subtask.name}>
                 <div class="name">{subtask.name}</div>
                 <div className="progressLine">
                   <div class="progress">

src/celemod-ui/src/components/DownloadList.tsx

@@ -1008,6 +1008,24 @@ export const Manage = () => {
 
   const { download } = useGlobalContext();
 
+  // Collect all unique missing dependencies across all installed mods
+  const missingDeps = useMemo(() => {
+    const missing = new Map<string, string>(); // name -> version
+    for (const mod of installedModMap.values()) {
+      for (const dep of mod._deps) {
+        if (excludeList.includes(dep.name)) continue;
+        if (!installedModMap.has(dep.name)) {
+          if (!missing.has(dep.name)) {
+            missing.set(dep.name, dep.version);
+          }
+        }
+      }
+    }
+    return [...missing.entries()].map(([name, version]) => ({ name, version }));
+  }, [installedModMap]);
+
+  const [fixDepsState, setFixDepsState] = useState<'idle' | 'downloading'>('idle');
+
   return (
     <div className="manage">
       <modListContext.Provider value={manageCtx}>
@@ -1181,6 +1199,48 @@ export const Manage = () => {
                 {hasUpdateBtnState}
               </button>
             )}
+            {missingDeps.length > 0 && (
+              <button
+                onClick={() => {
+                  if (fixDepsState === 'downloading') return;
+                  setFixDepsState('downloading');
+                  const remaining = new Set(missingDeps.map((d) => d.name));
+                  for (const dep of missingDeps) {
+                    callRemote('get_mod_update', dep.name, (data: string) => {
+                      if (!data) {
+                        remaining.delete(dep.name);
+                        if (remaining.size === 0) {
+                          setFixDepsState('idle');
+                          manageCtx.reloadMods();
+                        }
+                        return;
+                      }
+                      const [gbFileId] = JSON.parse(data);
+                      download.downloadMod(dep.name, gbFileId, {
+                        autoDisableNewMods: manageCtx.autoDisableNewMods,
+                        onFinished: () => {
+                          remaining.delete(dep.name);
+                          if (remaining.size === 0) {
+                            setFixDepsState('idle');
+                            manageCtx.reloadMods();
+                          }
+                        },
+                        onFailed: () => {
+                          remaining.delete(dep.name);
+                          if (remaining.size === 0) {
+                            setFixDepsState('idle');
+                          }
+                        },
+                      });
+                    });
+                  }
+                }}
+              >
+                {fixDepsState === 'downloading'
+                  ? _i18n.t('下载中')
+                  : _i18n.t('补全缺失依赖 ({count})', { count: missingDeps.length })}
+              </button>
+            )}
           </div>
           <div className="list" ref={modsTreeRef}>
             {installedModsTree.map((v) => (