update

src/composables/helper.ts

@@ -2,15 +2,15 @@ import { ref } from "vue"
 
 export const insertText = ref("")
 
-export const cTexts = [
+export const cSymbols = [
   ";",
   ",",
   "&",
   "{}",
-  " = ",
+  "=",
-  " == ",
+  "==",
-  " > ",
+  ">",
-  " < ",
+  "<",
   " != ",
   " || ",
   " && ",
@@ -22,27 +22,46 @@ export const cTexts = [
   "%d",
   "%.2f",
   "if () {}",
-  " else ",
+  "else {}",
+  "a",
+  "b",
+  "c",
+  "\n",
 ]
 
-export const pythonTexts = [
+export const pythonSymbols = [
   ":",
   '""',
-  " = ",
+  ",",
-  " == ",
+  "+",
-  " > ",
+  "-",
-  " < ",
+  "*",
+  "/",
+  "//",
+  "%",
+  "()",
+  "=",
+  "==",
+  ">",
+  "<",
   " != ",
   "print()",
   "input()",
-  "if :",
+  "if ",
   "else:",
-  "elif :",
   "for ",
   " in ",
   "range():",
-  "while",
+  "while ",
   "[]",
-  "{}",
   '"%.2f" % ',
+  "a",
+  "b",
+  "c",
+  "\n",
 ]
+
+export function getText(c: string) {
+  if (c === "\n") return "回车"
+  else return c
+}

src/mobile/Helper.vue

@@ -1,14 +1,14 @@
 <script lang="ts" setup>
 import { computed } from "vue"
 import { code } from "../composables/code"
-import { cTexts, insertText, pythonTexts } from "../composables/helper"
+import { cSymbols, insertText, pythonSymbols, getText } from "../composables/helper"
 
 function insert(text: string) {
   insertText.value = text
 }
 
 const texts = computed(
-  () => ({ c: cTexts, python: pythonTexts })[code.language],
+  () => ({ c: cSymbols, python: pythonSymbols })[code.language],
 )
 </script>
 <template>
@@ -21,7 +21,7 @@ const texts = computed(
       size="small"
       @click="insert(it)"
     >
-      {{ it }}
+      {{ getText(it) }}
     </n-button>
   </n-flex>
 </template>