fix: 修复在飞牛上选择文件加载的 bug

Author: Flex-7746

frontend/src/App.vue

@@ -1,5 +1,12 @@
 <template>
-  <MonacoEditor v-if="defInfo.path" :path="defInfo.path" :like="like" @like="open = !open" />
+  <MonacoEditor
+    v-if="defInfo.path"
+    :key="defInfo.path"
+    :path="defInfo.path"
+    :like="like"
+    @like="open = !open"
+    @reset="inputPath"
+  />
 
   <el-dialog v-model="open" title="偏好设置" width="300">
     <div class="like-dialog">
@@ -68,13 +75,20 @@ const getPath = async (): Promise<string> => {
     return query
   }
 
-  return await ElMessageBox.prompt('部分文件可在文件管理中双击文件进行编辑，详见应用介绍', '请输入文件路径', {
-    confirmButtonText: '确认',
-    cancelButtonText: '取消',
-  }).then(({ value }) => {
+  return inputPath()
+}
+
+const inputPath = async () => {
+  return await ElMessageBox.prompt(
+    '部分文件可在文件管理中双击文件进行编辑，详见应用介绍',
+    '请输入文件路径',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+    },
+  ).then(({ value }) => {
     if (value) {
-      window.location.assign(`/?path=${value}`)
-      return ''
+      return defInfo.path = value
     } else {
       return value
     }

frontend/src/components/MonacoEditor.vue

@@ -2,7 +2,7 @@
   <div class="header">
     <div class="title">{{ $props.path }}</div>
 
-    <el-button size="small" @click="resetPath()">修改路径</el-button>
+    <el-button size="small" @click="$emit('reset')">切换文件</el-button>
 
     <div style="flex: 1"></div>
 
@@ -72,10 +72,9 @@ import { LANG_OPTIONS, ENCODING_OPTIONS } from '@/utils/option'
 import { type LikeModel } from '../hooks/useLike'
 import useCode from '../hooks/useCode'
 import useEditor from '../hooks/useEditor'
-import useReset from '../hooks/useReset'
 
 const $props = defineProps<{ path: string; like: LikeModel }>()
-const $emit = defineEmits<{ like: [] }>()
+const $emit = defineEmits<{ like: []; reset: [] }>()
 
 watch(
   () => $props.like.confirm,
@@ -104,8 +103,6 @@ const { code, save } = useCode({ path: $props.path, confirm: () => editorLike.co
 
 const { editorDidMount, changeLang, changeTheme, changeSize } = useEditor({ onSave: save })
 
-const { resetPath } = useReset({ isDiff: () => code.value !== code.org })
-
 const changeEncode = async (v: string) => {
   const buffer = await code.blob.arrayBuffer()
   code.org = code.value = iconv.decode(new Uint8Array(buffer), v)