创建高级编辑开关（#4）

Author: Mr-Python-in-China

src/contestEditor/configPanel.css

@@ -41,6 +41,16 @@
       max-width: 200px;
     }
   }
+  .contest-editor-config-problem-card-title {
+    display: flex;
+    align-items: center;
+    gap: 2em;
+    > :nth-child(2){
+      display: flex;
+      align-items: center;
+      gap: 4px;
+    }
+  }
   .contest-editor-config-problem > :nth-child(2) {
     display: flex;
     flex-direction: column;

src/contestEditor/configPanel.tsx

@@ -112,6 +112,12 @@ const ConfigPanel: FC<{
     setPanel,
     updateContestData,
   );
+  function syncAdvancedFields(problem: ImmerContestData["problems"][number]) {
+    if (problem.advancedEditing) return;
+    problem.dir = problem.exec = problem.name;
+    problem.input = problem.name + ".in";
+    problem.output = problem.name + ".out";
+  }
   return (
     <form className="contest-editor-config" ref={formRef}>
       <label>
@@ -317,7 +323,23 @@ const ConfigPanel: FC<{
           {contestData.problems.map((problem, index) => (
             <Card
               key={problem.key}
-              title={`第 ${index + 1} 题`}
+              title={
+                <div className="contest-editor-config-problem-card-title">
+                  <div>第 {index + 1} 题</div>
+                  <div>
+                    <Switch
+                      checked={problem.advancedEditing ?? false}
+                      onChange={(x) =>
+                        updateProblemData(index, (v) => {
+                          v.advancedEditing = x;
+                          syncAdvancedFields(v);
+                        })
+                      }
+                    />
+                    高级编辑
+                  </div>
+                </div>
+              }
               extra={[
                 <Button
                   key="move-up"
@@ -369,7 +391,10 @@ const ConfigPanel: FC<{
                     name={`problem ${index} name`}
                     value={problem.name}
                     onChange={(e) =>
-                      updateProblemData(index, (x) => (x.name = e.target.value))
+                      updateProblemData(index, (x) => {
+                        x.name = e.target.value;
+                        syncAdvancedFields(x);
+                      })
                     }
                   />
                 </label>
@@ -397,7 +422,7 @@ const ConfigPanel: FC<{
                   />
                 </label>
               </div>
-              {contestData.noi_style && (
+              {problem.advancedEditing && contestData.noi_style && (
                 <div>
                   <label>
                     <div>目录</div>
@@ -429,7 +454,7 @@ const ConfigPanel: FC<{
                   </label>
                 </div>
               )}
-              {contestData.file_io && (
+              {problem.advancedEditing && contestData.file_io && (
                 <div>
                   <label>
                     <div>输入文件名</div>

src/types/contestData.d.ts

@@ -68,7 +68,7 @@ export type ContestData<
 export type UILanguageConfig = LanguageConfig & { key: import("crypto").UUID };
 
 export type UIProblemData<Conf extends ContentFlags = { withMarkdown: true }> =
-  ProblemData<Conf> & { key: import("crypto").UUID };
+  ProblemData<Conf> & { key: import("crypto").UUID; advancedEditing?: boolean };
 
 export interface UIImageItem {
   uuid: string;
@@ -87,11 +87,16 @@ export interface ImmerContestData extends ContestData<{ withMarkdown: true }> {
   images: UIImageItem[];
 }
 
+export interface StoredProblemData extends ProblemData<{ withMarkdown: true }> {
+  advancedEditing?: boolean;
+}
+
 export interface StoredContestData extends ContestData<{ withMarkdown: true }> {
   images: {
     uuid: string;
     name: string;
   }[];
+  problems: StoredProblemData[];
 }
 
 export type ContestDataWithImages = ContestData<{ withMarkdown: true }> & {