fix

src/oj/problem/components/Form.vue

@@ -2,6 +2,7 @@
 import { copyToClipboard } from "~/utils/functions"
 import { code, input, output } from "oj/composables/code"
 import { problem } from "oj/composables/problem"
+import { injectSyncStatus } from "oj/composables/syncStatus"
 import { LANGUAGE_SHOW_VALUE, SOURCES, STORAGE_KEY } from "utils/constants"
 import { isDesktop, isMobile } from "~/shared/composables/breakpoints"
 import { useUserStore } from "~/shared/store/user"
@@ -15,17 +16,17 @@ import IconButton from "~/shared/components/IconButton.vue"
 interface Props {
   storageKey: string
   withTest?: boolean
-  otherUserInfo?: { name: string; isSuperAdmin: boolean }
   isConnected?: boolean // WebSocket 实际的连接状态（已建立/未建立）
-  hadConnection?: boolean
 }
 
 const props = withDefaults(defineProps<Props>(), {
   withTest: false,
   isConnected: false,
-  hadConnection: false,
 })
 
+// 注入同步状态
+const syncStatus = injectSyncStatus()
+
 const emit = defineEmits<{
   changeLanguage: [v: LANGUAGE]
   toggleSync: [v: boolean]
@@ -191,11 +192,11 @@ defineExpose({
 
         <!-- 同步状态标签 -->
         <template v-if="props.isConnected">
-          <n-tag v-if="otherUserInfo" type="info">
-            与 {{ otherUserInfo.name }} 同步中
+          <n-tag v-if="syncStatus.otherUser.value" type="info">
+            与 {{ syncStatus.otherUser.value.name }} 同步中
           </n-tag>
           <n-tag
-            v-if="userStore.isSuperAdmin && !otherUserInfo && hadConnection"
+            v-if="userStore.isSuperAdmin && !syncStatus.otherUser.value && syncStatus.hadConnection.value"
             type="warning"
           >
             学生已退出，可以关闭同步

src/oj/problem/components/ProblemEditor.vue

@@ -1,6 +1,7 @@
 <script lang="ts" setup>
 import { code } from "oj/composables/code"
 import { problem } from "oj/composables/problem"
+import { provideSyncStatus } from "oj/composables/syncStatus"
 import { SOURCES } from "utils/constants"
 import SyncCodeEditor from "~/shared/components/SyncCodeEditor.vue"
 import { isDesktop } from "~/shared/composables/breakpoints"
@@ -12,8 +13,8 @@ const route = useRoute()
 const formRef = useTemplateRef<InstanceType<typeof Form>>("formRef")
 
 const sync = ref(false)
-const otherUserInfo = ref<{ name: string; isSuperAdmin: boolean }>()
-const hadConnection = ref(false)
+// 提供同步状态给子组件使用
+const syncStatus = provideSyncStatus()
 
 const contestID = route.params.contestID || null
 const storageKey = computed(
@@ -48,24 +49,20 @@ const changeLanguage = (v: LANGUAGE) => {
 const toggleSync = (value: boolean) => {
   sync.value = value
   if (!value) {
-    hadConnection.value = false
+    syncStatus.reset()
   }
 }
 
 const handleSyncClosed = () => {
   sync.value = false
-  otherUserInfo.value = undefined
-  hadConnection.value = false
+  syncStatus.reset()
   formRef.value?.resetSyncStatus()
 }
 
 const handleSyncStatusChange = (status: {
   otherUser?: { name: string; isSuperAdmin: boolean }
 }) => {
-  otherUserInfo.value = status.otherUser
-  if (status.otherUser) {
-    hadConnection.value = true
-  }
+  syncStatus.setOtherUser(status.otherUser)
 }
 </script>
 
@@ -74,9 +71,7 @@ const handleSyncStatusChange = (status: {
     <Form
       ref="formRef"
       :storage-key="storageKey"
-      :other-user-info="otherUserInfo"
       :is-connected="sync"
-      :had-connection="hadConnection"
       @change-language="changeLanguage"
       @toggle-sync="toggleSync"
     />