update

src/oj/problem/components/Form.vue

@@ -5,7 +5,7 @@ import { useCodeStore } from "oj/store/code"
 import { useProblemStore } from "oj/store/problem"
 import { injectSyncStatus } from "oj/composables/syncStatus"
 import { SYNC_MESSAGES } from "shared/composables/sync"
-import { LANGUAGE_SHOW_VALUE, SOURCES, STORAGE_KEY } from "utils/constants"
+import { ICON_SET, LANGUAGE_SHOW_VALUE, SOURCES, STORAGE_KEY } from "utils/constants"
 import { useBreakpoints } from "shared/composables/breakpoints"
 import { useUserStore } from "shared/store/user"
 import storage from "utils/storage"
@@ -13,6 +13,8 @@ import { LANGUAGE } from "utils/types"
 import Submit from "./Submit.vue"
 import StatisticsPanel from "shared/components/StatisticsPanel.vue"
 import IconButton from "shared/components/IconButton.vue"
+import { Icon } from "@iconify/vue"
+import { NFlex } from "naive-ui"
 
 interface Props {
   storageKey: string
@@ -37,7 +39,6 @@ const router = useRouter()
 const userStore = useUserStore()
 const codeStore = useCodeStore()
 const problemStore = useProblemStore()
-const { code } = storeToRefs(codeStore)
 const { problem } = storeToRefs(problemStore)
 
 const { isMobile, isDesktop } = useBreakpoints()
@@ -58,15 +59,25 @@ const menu = computed<DropdownOption[]>(() => [
   { label: "重置代码", key: "reset" },
 ])
 
-const languageOptions: DropdownOption[] = problem.value!.languages.map(
+const flowchartAndLanguages = computed(() => [
+  ...(problem.value!.allow_flowchart ? ["Flowchart"] : []),
+  ...problem.value!.languages,
+])
+
+const Options = {
+  Flowchart: "流程图",
+  ...LANGUAGE_SHOW_VALUE,
+}
+
+const languageOptions: DropdownOption[] = flowchartAndLanguages.value.map(
   (it) => ({
     label: () =>
-      h("div", { style: "display: flex; align-items: center;" }, [
-        h("img", {
-          src: `/${it}.svg`,
-          style: { width: "16px", height: "16px", marginRight: "8px" },
+      h(NFlex, { align: "center" }, [
+        h(Icon, {
+          icon: ICON_SET[it as keyof typeof ICON_SET],
+          width: 16,
         }),
-        LANGUAGE_SHOW_VALUE[it],
+        Options[it as keyof typeof Options],
       ]),
     value: it,
   }),

src/utils/constants.ts

@@ -177,7 +177,7 @@ export const LANGUAGE_FORMAT_VALUE = {
 } as const
 
 export const LANGUAGE_SHOW_VALUE = {
-  C: "C",
+  C: "C语言",
   "C++": "C++",
   Java: "Java",
   Python2: "Python",
@@ -186,6 +186,17 @@ export const LANGUAGE_SHOW_VALUE = {
   Golang: "Go",
 } as const
 
+export const ICON_SET = {
+  Flowchart: "material-symbols:flowchart",
+  Python2: "devicon:python",
+  Python3: "devicon:python",
+  C: "devicon:c",
+  "C++": "devicon:cplusplus",
+  Java: "devicon:java",
+  JavaScript: "devicon:javascript",
+  Golang: "devicon:go",
+} as const
+
 const cTemplate = `//TEMPLATE BEGIN
 #include <stdio.h>