fix(admin): keep all batch-uploaded images when saving packages

Serialize multi-file uploads and reload package list after save so imageUrls persist.

Co-authored-by: Cursor <cursoragent@cursor.com>

apps/admin-web/src/components/MultiImageUpload.tsx

@@ -1,4 +1,4 @@
-import { useRef, useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import { Button, Image, Space, Typography, Upload, message } from 'antd';
 import { UploadOutlined, DeleteOutlined } from '@ant-design/icons';
 import type { UploadProps } from 'antd';
@@ -33,14 +33,33 @@ export default function MultiImageUpload({
   accept = 'image/*',
 }: Props) {
   const urls = normalizeUrls(value);
+  const urlsRef = useRef(urls);
+  const onChangeRef = useRef(onChange);
   const [uploading, setUploading] = useState(false);
   const batchBuf = useRef<File[]>([]);
+  const batchTimer = useRef<ReturnType<typeof setTimeout> | null>(null);
+  const uploadChain = useRef(Promise.resolve());
+
+  useEffect(() => {
+    urlsRef.current = urls;
+  }, [urls]);
+
+  useEffect(() => {
+    onChangeRef.current = onChange;
+  }, [onChange]);
+
+  useEffect(() => {
+    return () => {
+      if (batchTimer.current) clearTimeout(batchTimer.current);
+    };
+  }, []);
 
   const remaining = maxCount != null ? Math.max(0, maxCount - urls.length) : Number.POSITIVE_INFINITY;
   const canAdd = remaining > 0;
 
   async function uploadBatch(files: File[]) {
-    const room = maxCount != null ? Math.max(0, maxCount - urls.length) : files.length;
+    const current = urlsRef.current;
+    const room = maxCount != null ? Math.max(0, maxCount - current.length) : files.length;
     const picked = files.slice(0, room);
     if (!picked.length) {
       message.warning(maxCount != null ? `最多 ${maxCount} 张` : '无法上传');
@@ -63,7 +82,10 @@ export default function MultiImageUpload({
         }
       }
       if (appended.length) {
-        onChange?.([...urls, ...appended]);
+        // 始终基于最新列表追加，避免并行上传互相覆盖
+        const next = [...urlsRef.current, ...appended];
+        urlsRef.current = next;
+        onChangeRef.current?.(next);
         message.success(`成功上传 ${appended.length} 张${fail ? `，失败 ${fail} 张` : ''}`);
       } else if (fail) {
         message.error('上传失败');
@@ -73,18 +95,37 @@ export default function MultiImageUpload({
     }
   }
 
-  const beforeUpload: UploadProps['beforeUpload'] = (file, fileList) => {
-    batchBuf.current.push(file as File);
-    if (batchBuf.current.length >= fileList.length) {
-      const files = [...batchBuf.current];
-      batchBuf.current = [];
-      void uploadBatch(files);
+  function enqueueUploadBatch(files: File[]) {
+    uploadChain.current = uploadChain.current
+      .then(() => uploadBatch(files))
+      .catch(() => undefined);
+  }
+
+  function flushBatch() {
+    if (batchTimer.current) {
+      clearTimeout(batchTimer.current);
+      batchTimer.current = null;
     }
+    if (!batchBuf.current.length) return;
+    const files = [...batchBuf.current];
+    batchBuf.current = [];
+    enqueueUploadBatch(files);
+  }
+
+  const beforeUpload: UploadProps['beforeUpload'] = (file) => {
+    batchBuf.current.push(file as File);
+    // 多选时 beforeUpload 可能逐文件触发；短防抖合并成一次批量
+    if (batchTimer.current) clearTimeout(batchTimer.current);
+    batchTimer.current = setTimeout(() => {
+      flushBatch();
+    }, 80);
     return false;
   };
 
   function removeAt(index: number) {
-    onChange?.(urls.filter((_, i) => i !== index));
+    const next = urlsRef.current.filter((_, i) => i !== index);
+    urlsRef.current = next;
+    onChangeRef.current?.(next);
   }
 
   return (