导出

src/components/ExportSidebar.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { Database, Layout, Printer, Settings } from 'lucide-react';
-import { ImportData, PaperConfig, LabelTemplate, RecordRow, ExportRangeConfig, CutLineConfig } from '../types';
+import { ImportData, PaperConfig, LabelTemplate, RecordRow, ExportRangeConfig, CutLineConfig, ElementVisibilityMode, VisibilityRule } from '../types';
 import { DataImporter } from './DataImporter';
 import { VariableMappingPanel } from './VariableMappingPanel';
 import { PaperSettingsPanel, PageInput } from './PreviewGrid';
@@ -35,6 +35,14 @@ interface ExportSidebarProps {
   draftSelectedCount: number;
   printing: boolean;
   onPrint: (printerId: string) => void;
+  imagesExporting?: boolean;
+  onExportImages?: () => void;
+  exportImageFileNamePattern?: string;
+  onChangeExportImageFileNamePattern?: (pattern: string) => void;
+  exportImageFilterMode?: ElementVisibilityMode;
+  exportImageFilterRules?: VisibilityRule[];
+  onChangeExportImageFilterMode?: (mode: ElementVisibilityMode) => void;
+  onChangeExportImageFilterRules?: (rules: VisibilityRule[]) => void;
   printDisabled: boolean;
   printDisabledReason?: string | null;
   /** 移动端精简：仅数据、映射、数据范围 */
@@ -67,6 +75,14 @@ export const ExportSidebar: React.FC<ExportSidebarProps> = ({
   draftSelectedCount,
   printing,
   onPrint,
+  imagesExporting = false,
+  onExportImages,
+  exportImageFileNamePattern = '',
+  onChangeExportImageFileNamePattern,
+  exportImageFilterMode = 'always',
+  exportImageFilterRules = [],
+  onChangeExportImageFilterMode,
+  onChangeExportImageFilterRules,
   printDisabled,
   printDisabledReason = null,
   compact = false,
@@ -307,6 +323,15 @@ export const ExportSidebar: React.FC<ExportSidebarProps> = ({
           disabledReason={printDisabledReason}
           printing={printing}
           onPrint={onPrint}
+          imagesExporting={imagesExporting}
+          onExportImages={onExportImages}
+          exportImageFileNamePattern={exportImageFileNamePattern}
+          onChangeExportImageFileNamePattern={onChangeExportImageFileNamePattern}
+          exportImageFilterMode={exportImageFilterMode}
+          exportImageFilterRules={exportImageFilterRules}
+          onChangeExportImageFilterMode={onChangeExportImageFilterMode}
+          onChangeExportImageFilterRules={onChangeExportImageFilterRules}
+          templateVariables={templateVariables}
         />
       </CollapsiblePanelSection>
     </aside>