update

src/oj/flowchart/index.vue

@@ -0,0 +1,7 @@
+<script lang="ts" setup>
+import FlowchartEditor from "shared/components/FlowchartEditor/index.vue"
+</script>
+<template>
+  <FlowchartEditor />
+</template>
+<style scoped></style>

src/oj/problem/components/Form.vue

@@ -72,19 +72,17 @@ const menu = computed<DropdownOption[]>(() => [
   { label: "重置代码", key: "reset" },
 ])
 
-const languageOptions: DropdownOption[] = languages.value.map(
-  (it) => ({
-    label: () =>
-      h(NFlex, { align: "center" }, () => [
-        h(Icon, {
-          icon: ICON_SET[it],
-          width: 16,
-        }),
-        LANGUAGE_SHOW_VALUE[it],
-      ]),
-    value: it,
-  }),
-)
+const languageOptions: DropdownOption[] = languages.value.map((it) => ({
+  label: () =>
+    h(NFlex, { align: "center" }, () => [
+      h(Icon, {
+        icon: ICON_SET[it],
+        width: 16,
+      }),
+      LANGUAGE_SHOW_VALUE[it],
+    ]),
+  value: it,
+}))
 
 const copy = async () => {
   const success = await copyToClipboard(codeStore.code.value)

src/oj/problem/components/ProblemEditor.vue

@@ -81,7 +81,7 @@ const handleSyncStatusChange = (status: {
 }
 
 // 提供FlowchartEditor的ref给子组件
-provide('flowchartEditorRef', flowchartEditorRef)
+provide("flowchartEditorRef", flowchartEditorRef)
 </script>
 
 <template>
@@ -93,7 +93,10 @@ provide('flowchartEditorRef', flowchartEditorRef)
       @change-language="changeLanguage"
       @toggle-sync="toggleSync"
     />
-    <FlowchartEditor v-if="codeStore.code.language === 'Flowchart'" ref="flowchartEditorRef" />
+    <FlowchartEditor
+      v-if="codeStore.code.language === 'Flowchart'"
+      ref="flowchartEditorRef"
+    />
     <SyncCodeEditor
       v-else
       v-model:value="codeStore.code.value"

src/oj/problem/components/SubmitFlowchart.vue

@@ -55,7 +55,7 @@ function handleLoadToEditor(data: any) {
     >
       {{ loading ? "评分中..." : "提交流程图" }}
     </n-button>
-    
+
     <!-- 显示提交次数 -->
     <n-button secondary v-if="submissionCount > 0" type="info">
       {{ submissionCount }} 次

src/oj/problem/composables/useFlowchartSubmission.ts

@@ -1,9 +1,9 @@
-import { ref, watch } from 'vue'
-import { useMessage } from 'naive-ui'
+import { ref, watch } from "vue"
+import { useMessage } from "naive-ui"
 import {
   useFlowchartWebSocket,
   type FlowchartEvaluationUpdate,
-} from 'shared/composables/websocket'
+} from "shared/composables/websocket"
 
 export interface EvaluationResult {
   score?: number
@@ -21,7 +21,7 @@ export interface SubmissionStatus {
 
 export function useFlowchartSubmission() {
   const message = useMessage()
-  
+
   const evaluationResult = ref<EvaluationResult | null>(null)
   const submissionStatus = ref<SubmissionStatus | null>(null)
   const loading = ref(false)
@@ -67,7 +67,7 @@ export function useFlowchartSubmission() {
   const subscribeToSubmission = (submissionId: string) => {
     console.log("开始订阅WebSocket更新")
     subscribe(submissionId)
-    
+
     // 设置评分状态显示
     submissionStatus.value = {
       status: "processing",

src/oj/problem/composables/useFlowchartSubmit.ts

@@ -1,16 +1,16 @@
-import { ref } from 'vue'
-import { useMessage } from 'naive-ui'
-import { submitFlowchart, getCurrentProblemFlowchartSubmission } from 'oj/api'
-import { useProblemStore } from 'oj/store/problem'
-import { atou, utoa } from 'utils/functions'
-import { useMermaidConverter } from './useMermaidConverter'
-import { useFlowchartSubmission } from './useFlowchartSubmission'
+import { ref } from "vue"
+import { useMessage } from "naive-ui"
+import { submitFlowchart, getCurrentProblemFlowchartSubmission } from "oj/api"
+import { useProblemStore } from "oj/store/problem"
+import { atou, utoa } from "utils/functions"
+import { useMermaidConverter } from "./useMermaidConverter"
+import { useFlowchartSubmission } from "./useFlowchartSubmission"
 
 export function useFlowchartSubmit() {
   const message = useMessage()
   const problemStore = useProblemStore()
   const { problem } = toRefs(problemStore)
-  
+
   const { convertToMermaid } = useMermaidConverter()
   const {
     evaluationResult,
@@ -26,7 +26,7 @@ export function useFlowchartSubmit() {
 
   // 提交次数
   const submissionCount = ref(0)
-  
+
   // 存储流程图数据
   const myFlowchartZippedStr = ref("")
 
@@ -34,7 +34,9 @@ export function useFlowchartSubmit() {
   const checkCurrentSubmissionStatus = async () => {
     if (!problem.value?.id) return
 
-    const { data } = await getCurrentProblemFlowchartSubmission(problem.value.id)
+    const { data } = await getCurrentProblemFlowchartSubmission(
+      problem.value.id,
+    )
     const submission = data.submission
     submissionCount.value = data.count
     if (submission && submission.status === 2) {
@@ -52,7 +54,7 @@ export function useFlowchartSubmit() {
   // 提交流程图
   const submitFlowchartData = async (flowchartEditorRef: any) => {
     if (!flowchartEditorRef?.value) return
-    
+
     // 获取流程图的JSON数据
     const flowchartData = flowchartEditorRef.value.getFlowchartData()
 
@@ -60,7 +62,7 @@ export function useFlowchartSubmit() {
       message.error("流程图节点或边不能为空")
       return
     }
-    
+
     const mermaidCode = convertToMermaid(flowchartData)
     const compressed = utoa(JSON.stringify(flowchartData))
 

src/oj/problem/composables/useMermaidConverter.ts

@@ -65,7 +65,8 @@ export function useMermaidConverter() {
     mermaid += "\n"
     mermaid +=
       "    classDef startEnd fill:#e1f5fe,stroke:#01579b,stroke-width:2px\n"
-    mermaid += "    classDef input fill:#e3f2fd,stroke:#1976d2,stroke-width:2px\n"
+    mermaid +=
+      "    classDef input fill:#e3f2fd,stroke:#1976d2,stroke-width:2px\n"
     mermaid +=
       "    classDef output fill:#f3e5f5,stroke:#7b1fa2,stroke-width:2px\n"
     mermaid +=