#1092 #1090 #1089 #1052 #1048

src/pages/Export/components/ExportDialog/ExportDialog.scss

@@ -326,7 +326,7 @@
           }
         }
 
-        .file-size-limit, .concurrency-control, .path-style-control {
+        .file-size-limit, .concurrency-control, .path-style-control, .conflict-strategy-control {
           margin-top: 16px;
           display: flex;
           align-items: center;
@@ -354,7 +354,7 @@
           }
         }
 
-        .path-style-control {
+        .path-style-control, .conflict-strategy-control {
           flex: 1 1 100%;
           margin-top: 4px;
 
@@ -362,7 +362,7 @@
             flex: 0 0 auto;
           }
 
-          .path-style-segmented {
+          .path-style-segmented, .conflict-strategy-segmented {
             display: inline-flex;
             min-height: 34px;
             padding: 3px;

src/pages/Export/components/ExportDialog/index.tsx

@@ -21,7 +21,7 @@ import {
   type ExportDefaultDateRangeConfig
 } from '../../../../utils/exportDateRange'
 import type { ExportDialogState, ExportOptions, TextExportFormat } from '../../types'
-import { formatOptions, MAX_EXPORT_FILE_SIZE_MB_LIMIT } from '../../constants'
+import { conflictStrategyOptions, formatOptions, MAX_EXPORT_FILE_SIZE_MB_LIMIT } from '../../constants'
 import { formatPathBrief } from '../../utils/format'
 import './ExportDialog.scss'
 
@@ -282,6 +282,23 @@ const ExportDialog: React.FC<ExportDialogProps> = ({
                 </div>
               </div>
 
+              <div className="conflict-strategy-control">
+                <span>同名文件:</span>
+                <div className="conflict-strategy-segmented" title="控制导出目标已有同名文件时的处理方式">
+                  {conflictStrategyOptions.map(item => (
+                    <button
+                      key={item.value}
+                      type="button"
+                      className={options.exportConflictStrategy === item.value ? 'active' : ''}
+                      title={item.desc}
+                      onClick={() => onOptionsChange({ exportConflictStrategy: item.value })}
+                    >
+                      {item.label}
+                    </button>
+                  ))}
+                </div>
+              </div>
+
               <div className="concurrency-control">
                 <span>导出并发数:</span>
                 <select