优化首屏

src/oj/ai/components/DifficultyChart.vue

@@ -5,6 +5,27 @@
 </template>
 <script setup lang="ts">
 import { Bar } from "vue-chartjs"
+import {
+  Chart as ChartJS,
+  CategoryScale,
+  LinearScale,
+  BarElement,
+  Title,
+  Tooltip,
+  Legend,
+  Colors,
+} from "chart.js"
+
+// 仅注册柱状图所需的 Chart.js 组件
+ChartJS.register(
+  CategoryScale,
+  LinearScale,
+  BarElement,
+  Title,
+  Tooltip,
+  Legend,
+  Colors,
+)
 
 const props = defineProps<{
   difficulty: { [key: string]: number }

src/oj/ai/components/TagsChart.vue

@@ -5,6 +5,18 @@
 </template>
 <script setup lang="ts">
 import { Pie } from "vue-chartjs"
+import {
+  Chart as ChartJS,
+  ArcElement,
+  Title,
+  Tooltip,
+  Legend,
+  Colors,
+} from "chart.js"
+
+// 仅注册饼图所需的 Chart.js 组件
+ChartJS.register(ArcElement, Title, Tooltip, Legend, Colors)
+
 const props = defineProps<{
   tags: { [key: string]: number }
 }>()

src/oj/ai/components/WeeklyChart.vue

@@ -8,9 +8,34 @@
 <script setup lang="ts">
 import type { ChartData, ChartOptions, TooltipItem } from "chart.js"
 import { Chart } from "vue-chartjs"
+import {
+  Chart as ChartJS,
+  CategoryScale,
+  LinearScale,
+  BarElement,
+  LineElement,
+  PointElement,
+  Title,
+  Tooltip,
+  Legend,
+  Colors,
+} from "chart.js"
 import { useAIStore } from "oj/store/ai"
 import { parseTime } from "utils/functions"
 
+// 注册混合图表（Bar + Line）所需的 Chart.js 组件
+ChartJS.register(
+  CategoryScale,
+  LinearScale,
+  BarElement,
+  LineElement,
+  PointElement,
+  Title,
+  Tooltip,
+  Legend,
+  Colors,
+)
+
 const props = defineProps<{
   end: string
 }>()

src/oj/composables/syncStatus.ts

@@ -1,51 +1,51 @@
-// 同步状态管理 composable
-
-export interface SyncStatusState {
-  otherUser?: { name: string; isSuperAdmin: boolean }
-  hadConnection: boolean
-}
-
-// 提供/注入的 key
-export const SYNC_STATUS_KEY = Symbol('syncStatus')
-
-// 创建同步状态
-export function createSyncStatus() {
-  const otherUser = ref<{ name: string; isSuperAdmin: boolean }>()
-  const hadConnection = ref(false)
-
-  const setOtherUser = (user?: { name: string; isSuperAdmin: boolean }) => {
-    otherUser.value = user
-    if (user) {
-      hadConnection.value = true
-    }
-  }
-
-  const reset = () => {
-    otherUser.value = undefined
-    hadConnection.value = false
-  }
-
-  return {
-    otherUser,
-    hadConnection,
-    setOtherUser,
-    reset,
-  }
-}
-
-// 提供同步状态
-export function provideSyncStatus() {
-  const syncStatus = createSyncStatus()
-  provide(SYNC_STATUS_KEY, syncStatus)
-  return syncStatus
-}
-
-// 注入同步状态
-export function injectSyncStatus() {
-  const syncStatus = inject<ReturnType<typeof createSyncStatus>>(SYNC_STATUS_KEY)
-  if (!syncStatus) {
-    throw new Error('syncStatus must be provided by a parent component')
-  }
-  return syncStatus
-}
-
+// 同步状态管理 composable
+
+export interface SyncStatusState {
+  otherUser?: { name: string; isSuperAdmin: boolean }
+  hadConnection: boolean
+}
+
+// 提供/注入的 key
+export const SYNC_STATUS_KEY = Symbol("syncStatus")
+
+// 创建同步状态
+export function createSyncStatus() {
+  const otherUser = ref<{ name: string; isSuperAdmin: boolean }>()
+  const hadConnection = ref(false)
+
+  const setOtherUser = (user?: { name: string; isSuperAdmin: boolean }) => {
+    otherUser.value = user
+    if (user) {
+      hadConnection.value = true
+    }
+  }
+
+  const reset = () => {
+    otherUser.value = undefined
+    hadConnection.value = false
+  }
+
+  return {
+    otherUser,
+    hadConnection,
+    setOtherUser,
+    reset,
+  }
+}
+
+// 提供同步状态
+export function provideSyncStatus() {
+  const syncStatus = createSyncStatus()
+  provide(SYNC_STATUS_KEY, syncStatus)
+  return syncStatus
+}
+
+// 注入同步状态
+export function injectSyncStatus() {
+  const syncStatus =
+    inject<ReturnType<typeof createSyncStatus>>(SYNC_STATUS_KEY)
+  if (!syncStatus) {
+    throw new Error("syncStatus must be provided by a parent component")
+  }
+  return syncStatus
+}

src/oj/problem/components/Form.vue

@@ -197,7 +197,11 @@ defineExpose({
             {{ SYNC_MESSAGES.SYNCING_WITH(syncStatus.otherUser.value.name) }}
           </n-tag>
           <n-tag
-            v-if="userStore.isSuperAdmin && !syncStatus.otherUser.value && syncStatus.hadConnection.value"
+            v-if="
+              userStore.isSuperAdmin &&
+              !syncStatus.otherUser.value &&
+              syncStatus.hadConnection.value
+            "
             type="warning"
           >
             {{ SYNC_MESSAGES.STUDENT_LEFT }}

src/oj/problem/components/ProblemInfo.vue

@@ -4,9 +4,19 @@ import { problem } from "oj/composables/problem"
 import { DIFFICULTY, JUDGE_STATUS } from "utils/constants"
 import { getACRateNumber, getTagColor, parseTime } from "utils/functions"
 import { Pie } from "vue-chartjs"
+import {
+  Chart as ChartJS,
+  ArcElement,
+  Title,
+  Tooltip,
+  Legend,
+  Colors,
+} from "chart.js"
 import { getProblemBeatRate } from "oj/api"
 import { isDesktop } from "shared/composables/breakpoints"
-import { registerChart } from "utils/registerChart"
+
+// 仅注册饼图所需的 Chart.js 组件
+ChartJS.register(ArcElement, Title, Tooltip, Legend, Colors)
 
 const beatRate = ref("0")
 
@@ -74,7 +84,6 @@ async function getBeatRate() {
   beatRate.value = res.data
 }
 
-onBeforeMount(registerChart)
 onMounted(getBeatRate)
 </script>
 

src/oj/rank/components/Chart.vue

@@ -1,8 +1,29 @@
 <script setup lang="ts">
 import { Bar } from "vue-chartjs"
+import {
+  Chart as ChartJS,
+  CategoryScale,
+  LinearScale,
+  BarElement,
+  Title,
+  Tooltip,
+  Legend,
+  Colors,
+} from "chart.js"
 import { ChartType } from "utils/constants"
 import { Rank } from "utils/types"
 
+// 仅注册柱状图所需的 Chart.js 组件
+ChartJS.register(
+  CategoryScale,
+  LinearScale,
+  BarElement,
+  Title,
+  Tooltip,
+  Legend,
+  Colors,
+)
+
 const props = defineProps<{ rankData: Rank[]; type: ChartType }>()
 
 const data = computed(() => {