数据

src/components/ExportSidebar.tsx

@@ -24,6 +24,7 @@ interface ExportSidebarProps {
   rows: RecordRow[];
   draftExportRange: ExportRangeConfig;
   onChangeDraftExportRange: (range: ExportRangeConfig) => void;
+  onChangeDataFilterRules: (rules: VisibilityRule[]) => void;
   cutLine: CutLineConfig;
   onChangeCutLine: (cutLine: CutLineConfig) => void;
   previewReady: boolean;
@@ -64,6 +65,7 @@ export const ExportSidebar: React.FC<ExportSidebarProps> = ({
   rows,
   draftExportRange,
   onChangeDraftExportRange,
+  onChangeDataFilterRules,
   cutLine,
   onChangeCutLine,
   previewReady,
@@ -102,10 +104,11 @@ export const ExportSidebar: React.FC<ExportSidebarProps> = ({
       variant={compact ? 'ps' : 'ps'}
       exportRange={draftExportRange}
       onChangeExportRange={onChangeDraftExportRange}
+      onChangeDataFilterRules={onChangeDataFilterRules}
       rows={rows}
       paper={paper}
       template={template}
-      disabled={rows.length === 0}
+      layoutDisabled={rows.length === 0}
     />
   );
 
@@ -155,6 +158,7 @@ export const ExportSidebar: React.FC<ExportSidebarProps> = ({
               templateVariables={templateVariables}
             />
           </div>
+          {dataRangeSection}
           {hasData && (
             <>
               <div>
@@ -167,7 +171,6 @@ export const ExportSidebar: React.FC<ExportSidebarProps> = ({
                   variableDefaults={template.variableDefaults}
                 />
               </div>
-              {dataRangeSection}
               {applyDataSection}
             </>
           )}
@@ -194,6 +197,7 @@ export const ExportSidebar: React.FC<ExportSidebarProps> = ({
           templateName={templateName}
           templateVariables={templateVariables}
         />
+        {dataRangeSection}
         {hasData && (
           <>
             <VariableMappingPanel
@@ -204,7 +208,6 @@ export const ExportSidebar: React.FC<ExportSidebarProps> = ({
               onChangeMapping={onChangeMapping}
               variableDefaults={template.variableDefaults}
             />
-            {dataRangeSection}
             {applyDataSection}
           </>
         )}