[优化] 增加根目录选项

openflare_server/web/features/pages/api/pages.ts

@@ -42,12 +42,14 @@ export function getPagesDeployments(projectId: number) {
 export function uploadPagesDeployment(
   projectId: number,
   file: File,
+  rootDir = '',
   entryFile = 'index.html',
   onProgress?: (percent: number) => void,
 ) {
   if (!onProgress) {
     const formData = new FormData();
     formData.append('package', file);
+    formData.append('root_dir', rootDir);
     formData.append('entry_file', entryFile);
     return apiRequest<PagesDeployment>(
       `/pages/${projectId}/deployments/upload`,
@@ -61,6 +63,7 @@ export function uploadPagesDeployment(
   return new Promise<PagesDeployment>((resolve, reject) => {
     const formData = new FormData();
     formData.append('package', file);
+    formData.append('root_dir', rootDir);
     formData.append('entry_file', entryFile);
 
     const xhr = new XMLHttpRequest();

openflare_server/web/features/pages/components/pages-deployment-upload-modal.tsx

@@ -33,12 +33,14 @@ export function PagesDeploymentUploadModal({
 }: PagesDeploymentUploadModalProps) {
   const queryClient = useQueryClient();
   const [file, setFile] = useState<File | null>(null);
+  const [rootDir, setRootDir] = useState('');
   const [entryFile, setEntryFile] = useState('index.html');
   const [uploadProgress, setUploadProgress] = useState<number | null>(null);
   const [errorMessage, setErrorMessage] = useState<string | null>(null);
 
   const resetForm = () => {
     setFile(null);
+    setRootDir('');
     setEntryFile('index.html');
     setUploadProgress(null);
     setErrorMessage(null);
@@ -60,6 +62,7 @@ export function PagesDeploymentUploadModal({
       const deployment = await uploadPagesDeployment(
         projectId,
         file,
+        rootDir,
         entryFile,
         (percent) => {
           setUploadProgress(percent);
@@ -148,7 +151,20 @@ export function PagesDeploymentUploadModal({
             onChange={(event) => setFile(event.target.files?.[0] ?? null)}
           />
         </ResourceField>
-        <ResourceField label="入口文件">
+        <ResourceField
+          label="根目录 (可选)"
+          hint="静态资源的根文件夹路径 (例如 build 或 dist)，若为空则默认为 zip 包根目录。"
+        >
+          <ResourceInput
+            value={rootDir}
+            onChange={(event) => setRootDir(event.target.value)}
+            placeholder="例如: build"
+          />
+        </ResourceField>
+        <ResourceField
+          label="入口文件"
+          hint="基于根目录下的入口文件路径。"
+        >
           <ResourceInput
             value={entryFile}
             onChange={(event) => setEntryFile(event.target.value)}

openflare_server/web/features/pages/types.ts

@@ -6,6 +6,7 @@ export interface PagesDeployment {
   status: 'uploaded' | 'active';
   file_count: number;
   total_size: number;
+  root_dir?: string;
   entry_file: string;
   created_by: string;
   created_at: string;