fix: 修复诸多问题。

Acfboy · Acfboy · commit eac0f73cdecb · 2025-07-24T09:43:35.000+08:00
- 代码块中不应该有 heading
- 非管理员不能上传
- 复制
- 跳转后关闭选择专业
- 登录过期时间
- 手机专业选择样式问题
- 手机端没有文档类型提示语
diff --git a/components/TopTabs.vue b/components/TopTabs.vue
@@ -1,26 +1,26 @@
 <template>
   <div class="d-flex">
-    <v-menu v-if="schoolMajors" open-on-hover :open-on-click="$vuetify.display.mobile" offset-y :close-on-content-click="false" attach="body">
+    <v-menu v-if="schoolMajors" v-model="openeMajors" open-on-hover :open-on-click="$vuetify.display.mobile" offset-y :close-on-content-click="false" attach="body">
       <template #activator="{ props }">
         <v-btn v-if="!$vuetify.display.mobile" v-bind="props" variant="text" append-icon="mdi-chevron-down">选择专业</v-btn>
         <v-btn v-else v-bind="props" variant="text" icon="mdi-library-shelves" />
       </template>
       <v-card>
-        <v-card-text class="overflow-auto-x" style="width: 60em">
+        <v-card-text class="overflow-auto-x">
           <div class="top-tabs-searchbar d-md-none mb-1">
             <SearchBar />
           </div>
           <v-row>
             <v-col v-for="j in 3" :key="j" cols="12" md="4">
-              <v-expansion-panels variant="accordion" flat width="20em">
+              <v-expansion-panels variant="accordion" flat :style="{ width: !$vuetify.display.mobile ? '20em' : undefined }" >
                 <v-expansion-panel
                   v-for="i in Math.min(Math.floor((schoolMajors.length + 2) / 3), schoolMajors.length - Math.floor((schoolMajors.length + 2) / 3) * (j - 1))"
-                  :key="i" max-width="20em"
+                  :key="i" :max-width="!$vuetify.display.mobile ? '20em' : undefined"
                   :title="schoolMajors[i - 1 + (j - 1) * Math.floor((schoolMajors.length + 2) / 3)][0]">
                   <v-expansion-panel-text>
                     <v-list-item
                       v-for="m in schoolMajors[i - 1 + (j - 1) * Math.floor((schoolMajors.length + 2) / 3)][1]"
-                      :key="m.major_id" :title="m.name" density="compact" :to="`/docs/${m.major_id}`">
+                      :key="m.major_id" :title="m.name" density="compact" :to="`/docs/${m.major_id}`" >
                       <template #prepend>
                         <v-icon>mdi-book-education-outline</v-icon>
                       </template>
@@ -37,7 +37,7 @@
     <v-btn v-if="!$vuetify.display.mobile" variant="text" class="ml-6" to="/docs/0/0" :active="false">简介</v-btn>
     <v-btn v-else variant="text" to="/docs/0/0" icon="mdi-book-play-outline" :active="false"/>
     
-    <div class="top-tabs-searchbar ml-6 d-none d-md-block">
+    <div v-if="!$vuetify.display.mobile" class="top-tabs-searchbar ml-6">
       <SearchBar />
     </div>
   </div>
@@ -68,6 +68,11 @@ import SearchBar from '~/components/SearchBar.vue';
 
 const { loggedIn, user, clear } = useUserSession();
 
+const openeMajors = ref(false);
+const route = useRoute();
+
+watch(() => route.path, () => { openeMajors.value = false});
+
 const requestFetch = useRequestFetch();
 /**
  * 获得各个学院下的专业
diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -4,13 +4,13 @@ export default defineNuxtConfig({
     devtools: { enabled: false },
 
     modules: [
-      "@nuxt/eslint",
-      "@nuxt/scripts",
-      "@nuxt/test-utils",
-      "vuetify-nuxt-module",
-      "nuxt-auth-utils",
-      "nuxt-monaco-editor",
-      "@nuxtjs/mdc",
+        "@nuxt/eslint",
+        "@nuxt/scripts",
+        "@nuxt/test-utils",
+        "vuetify-nuxt-module",
+        "nuxt-auth-utils",
+        "nuxt-monaco-editor",
+        "@nuxtjs/mdc",
     ],
 
     runtimeConfig: {
@@ -28,6 +28,10 @@ export default defineNuxtConfig({
             footerNote: "",
             siteSubtitle: "",
         },
+        session: {
+            maxAge: 60 * 60 * 24 * 15,
+            password: process.env.NUXT_SESSION_PASSWORD || '',
+        },
     },
 
     monacoEditor: {
@@ -41,11 +45,21 @@ export default defineNuxtConfig({
         rehypePlugins: {
             "rehype-mathjax": {},
         },
-        highlight: { 
+        highlight: {
             theme: "github-light",
-            langs: ["ts", "cpp", "markdown", "py", "rust", "c#", "js", "json", "c"],
-            wrapperStyle: true
-        },
+            langs: [
+                "ts",
+                "cpp",
+                "markdown",
+                "py",
+                "rust",
+                "c#",
+                "js",
+                "json",
+                "c",
+            ],
+            wrapperStyle: true,
+        }
     },
     vuetify: {
         vuetifyOptions: {
@@ -55,4 +69,4 @@ export default defineNuxtConfig({
             localeMessages: ["zhHans"],
         },
     },
-});
+});
diff --git a/package.json b/package.json
@@ -16,6 +16,7 @@
     "@nuxtjs/mdc": "0.17.0",
     "@unhead/vue": "^2.0.11",
     "axios": "^0.27.2",
+    "clipboard": "^2.0.11",
     "eslint": "^9.30.1",
     "formidable": "^3.5.4",
     "monaco-editor": "^0.52.2",
@@ -29,7 +30,6 @@
     "remark-math": "^6.0.0",
     "typescript": "^5.8.3",
     "vue": "^3.5.17",
-    "vue-clipboard3": "^2.0.0",
     "vue-router": "^4.5.1",
     "vuetify": "^3.8.12",
     "vuetify-nuxt-module": "0.18.7",
diff --git a/pages/docs/[major]/[doc].vue b/pages/docs/[major]/[doc].vue
@@ -58,10 +58,10 @@
             <template #prepend>
                 <p class="text-h6 mt-4">目录</p>
             </template>
-            <div v-if="toc.length" class="toc-container mt-4">
+            <div v-if="ast?.toc?.links && ast.toc.links.length" class="toc-container mt-4">
                 <ul class="toc-list">
-                    <li v-for="item in toc" :key="item.id" :class="{ 'active-toc': activeTocId === item.id }"
-                        :style="{ paddingLeft: (item.level - 1) * 16 + 'px' }">
+                    <li v-for="item in ast.toc.links" :key="item.id" :class="{ 'active-toc': activeTocId === item.id }"
+                        :style="{ paddingLeft: (item.depth - 1) * 16 + 'px' }">
                         <a @click.prevent="scrollToAnchor(item.id)">{{ item.text }}</a>
                     </li>
                 </ul>
@@ -104,13 +104,8 @@ if (course.value?.link) {
         })
 }
 
-interface TocItem {
-    level: number;
-    text: string;
-    id: string;
-}
+const { data: ast } = useAsyncData(() => parseMarkdown(course.value?.doc_str ?? "", { toc: { depth: 4 } }));
 
-const toc = ref<TocItem[]>([]);
 const activeTocId = ref('');
 
 function updateActiveToc() {
@@ -141,41 +136,6 @@ function updateActiveToc() {
     });
 }
 onMounted(() => {
-    watch(
-        () => course.value?.doc_str as string,
-        async (val) => {
-            if (!val) {
-                toc.value = [];
-                return;
-            }
-            const lines = (val as string).split('\n');
-            const headingRE = /^(#{1,6})\s+(.+)/;
-            toc.value = lines
-                .map((line): TocItem | null => {
-                    const match = line.match(headingRE);
-                    if (match) {
-                        return {
-                            level: match[1].length,
-                            text: match[2].trim(),
-                            id: match[2].trim().toLowerCase().replace(/\s+/g, '-')
-                        };
-                    }
-                    return null;
-                })
-                .filter((item): item is TocItem => !!item);
-
-            toc.value.forEach(item => {
-                const selector = `h${item.level}`;
-                const headings = document.querySelectorAll(selector);
-                headings.forEach(heading => {
-                    if (heading.textContent && heading.textContent.trim() === item.text) {
-                        item.id = heading.id;
-                    }
-                });
-            });
-        },
-        { immediate: true }
-    );
     window.addEventListener('scroll', updateActiveToc, { passive: true });
     nextTick(updateActiveToc);
 
@@ -270,7 +230,7 @@ h6 {
     margin-top: 1em;
 }
 
-.article code {
+.article .shiki {
     margin-top: 1em;
 }
 
diff --git a/pages/edit.vue b/pages/edit.vue
@@ -133,7 +133,7 @@ const submitDel = () => {
     }).then(() => {
         successSnakebar.value = true;
     }).catch((err) => {
-        errorPrompt.value = err.data.message;
+        errorPrompt.value = `${err.statusCode}: ${err.data.message}`;
         errorSnakebar.value = true;
     });
 };
diff --git a/pages/edit/[major].vue b/pages/edit/[major].vue
@@ -1,6 +1,7 @@
 <template>
     <div class="fill-height">
-        <v-navigation-drawer v-if="listItems" mobile-breakpoint="sm" class="position-fixed" :model-value="!$vuetify.display.mobile || (props.sidebar && props.sidebarSwap)"  persistent>
+        <v-navigation-drawer v-if="listItems" mobile-breakpoint="sm" class="position-fixed"
+            :model-value="!$vuetify.display.mobile || (props.sidebar && props.sidebarSwap)" persistent>
             <v-list v-if="Number(majorId) != 0">
                 <v-list-group v-for="(gradeCourses, index) in listItems" v-show="gradeCourses.length" :key="index"
                     :value="index">
@@ -10,7 +11,7 @@
                     </template>
                     <div v-for="(classAndCourses, i) in gradeCourses" :key="i">
                         <v-divider />
-                        <v-list-subheader v-if="classAndCourses[0] "> {{ classAndCourses[0] }}</v-list-subheader>
+                        <v-list-subheader v-if="classAndCourses[0]"> {{ classAndCourses[0] }}</v-list-subheader>
                         <v-list-item v-for="course in classAndCourses[1]" :key="course.course_id"
                             :title="course.course_name" :active="Number($route.params.doc) == course.course_id"
                             @click="navigateTo(`/edit/${route.params.major}/${course.course_id}`)" />
@@ -67,10 +68,10 @@
             </v-row>
         </div>
 
-        <v-snackbar v-model="successSnakebar" :timeout="2000" color="success" variant="tonal">
+        <v-snackbar v-model="successSnakebar" :timeout="2000" color="success">
             提交成功
         </v-snackbar>
-        <v-snackbar v-model="errorSnakebar" :timeout="2000" color="error" variant="tonal">
+        <v-snackbar v-model="errorSnakebar" :timeout="2000" color="error">
             {{ errorPrompt }}
         </v-snackbar>
     </div>
@@ -109,7 +110,7 @@ const proposeDelete = () => {
     })
         .then(() => { successSnakebar.value = true; })
         .catch((err) => {
-            errorPrompt.value = err.data.message;
+            errorPrompt.value = `${err.statusCode}: ${err.data.message}`;
             errorSnakebar.value = true;
         })
 };
diff --git a/pages/edit/[major]/[doc].vue b/pages/edit/[major]/[doc].vue
@@ -15,15 +15,15 @@
             <v-col cols="12" md="6">
                 <v-btn-toggle v-model="toggle" divided>
                     <v-btn value="unique">
-                        <span class="hidden-sm-and-down">独立页面</span>
+                        <span>独立页面</span>
 
                         <v-icon end>
                             mdi-format-align-left
                         </v-icon>
                     </v-btn>
 
                     <v-btn value="other">
-                        <span class="hidden-sm-and-down">使用已有文档</span>
+                        <span>使用已有文档</span>
 
                         <v-icon end>
                             mdi-open-in-new
@@ -123,16 +123,16 @@
                     :subtitle="a.timestamp">
                     <template #append>
                         <v-btn icon="mdi-content-copy" variant="text" density="compact"
-                            @click="toClipboard(`/api/files/${a.file_id}`)" />
+                            @click="clipboard.copy(`/api/files/${a.file_id}`)" />
                     </template>
                 </v-list-item>
             </v-list>
         </v-navigation-drawer>
 
-        <v-snackbar v-model="successSnakebar" :timeout="2000" color="success" variant="tonal">
+        <v-snackbar v-model="successSnakebar" :timeout="2000" color="success">
             提交成功
         </v-snackbar>
-        <v-snackbar v-model="errorSnakebar" :timeout="2000" color="error" variant="tonal">
+        <v-snackbar v-model="errorSnakebar" :timeout="2000" color="error">
             {{ errorPrompt }}
         </v-snackbar>
     </div>
@@ -156,11 +156,10 @@ import type { VTabs } from 'vuetify/components';
 import type { VRow } from 'vuetify/components/VGrid';
 import axios from 'axios';
 import type { AxiosResponse } from 'axios';
-import useClipboard from "vue-clipboard3";
+import clipboard from "clipboard";
 import type { CourseWithDbId } from '~/utils/types';
 
 const route = useRoute();
-const { toClipboard } = await useClipboard();
 const majorId = route.params.major;
 /**
  * 课程编号
@@ -365,7 +364,7 @@ const submit = () => {
     }).then(() => {
         submitted.value = true;
     }).catch((err) => {
-        errorPrompt.value = err.data.message;
+        errorPrompt.value = `${err.statusCode}: ${err.data.message}`;
         errorSnakebar.value = true;
     });
 }
@@ -383,7 +382,7 @@ const uploadFiles = () => {
         axios.post('/api/files/upload', formData, {
             onUploadProgress: (progressEvent) => {
                 const percentCompleted = Math.round((progressEvent.loaded * 100) / progressEvent.total!);
-                uploadProgress.value = percentCompleted;
+                uploadProgress.value = Math.min(percentCompleted, 95);
             },
         }).then((res: AxiosResponse<{ resList: AttachmentInfo[] }>) => {
             newAttachments.value = newAttachments.value.concat(res.data.resList);
diff --git a/pages/index.vue b/pages/index.vue
@@ -6,7 +6,8 @@
         <p class="text-disabled text-h6">{{ runtimeConfig.public.siteSubtitle }}</p>
         <div class="mt-4">
           <v-btn class="ma-4" variant="flat" size="large" color="primary" @click="navigateTo('/docs/0/0')">简介</v-btn>
-          <v-btn class="ma-4" variant="outlined" size="large" color="primary" @click="navigateTo('/signup')">立即注册</v-btn>
+          <v-btn v-if="!session.loggedIn" class="ma-4" variant="outlined" size="large" color="primary" @click="navigateTo('/signup')">立即注册</v-btn>
+          <v-btn v-else class="ma-4" variant="outlined" size="large" color="primary" @click="navigateTo('/edit')">我要贡献</v-btn>
         </div>
       </v-col>
     </v-row>
@@ -15,4 +16,5 @@
 
 <script setup lang="ts">
 const runtimeConfig = useRuntimeConfig();
+const session = useUserSession();
 </script>
diff --git a/pages/login.vue b/pages/login.vue
@@ -13,7 +13,8 @@
                                 </p>
                                 <div>
                                     <span>还没有账号？</span>
-                                    <a href="/signup">立即注册</a>
+                                    <v-a to="/signup">立即注册</v-a>
+                                    <v-a to="/signup" class="ml-2">忘记密码</v-a>
                                 </div>
                             </div>
                         </v-form>
diff --git a/pages/review/docs/[id].vue b/pages/review/docs/[id].vue
@@ -114,17 +114,17 @@
                 <v-list-item v-for="(a, index) in newAttachments" :key="index" :title="a.name" :subtitle="a.timestamp">
                     <template #append>
                         <v-btn icon="mdi-content-copy" variant="text" density="compact"
-                            @click="toClipboard(`/api/files/${a.file_id}`)" />
+                            @click="clipboard.copy(`/api/files/${a.file_id}`)" />
                         <v-btn icon="mdi-download" variant="text" density="compact" :href="`/api/files/${a.file_id}`" />
                     </template>
                 </v-list-item>
             </v-list>
         </v-navigation-drawer>
 
-        <v-snackbar v-model="successSnakebar" :timeout="2000" color="success" variant="tonal">
+        <v-snackbar v-model="successSnakebar" :timeout="2000" color="success">
             提交成功
         </v-snackbar>
-        <v-snackbar v-model="errorSnakebar" :timeout="2000" color="error" variant="tonal">
+        <v-snackbar v-model="errorSnakebar" :timeout="2000" color="error">
             {{ errorPrompt }}
         </v-snackbar>
     </div>
@@ -133,10 +133,9 @@
 <script setup lang="ts">
 import type { VTabs } from 'vuetify/components';
 import type { VRow } from 'vuetify/components/VGrid';
-import useClipboard from "vue-clipboard3";
+import clipboard from "clipboard";
 
 const route = useRoute();
-const { toClipboard } = useClipboard();
 
 /**
  * 文档更新申请编号
@@ -256,7 +255,7 @@ const submit = (accept: string | true) => {
             successSnakebar.value = true;
             navigateTo("/review/docs");
         }).catch((err) => {
-            errorPrompt.value = err.data.message;
+            errorPrompt.value = `${err.statusCode}: ${err.data.message}`;
             errorSnakebar.value = true;
         });
     } else {
diff --git a/pages/review/docs/index.vue b/pages/review/docs/index.vue
diff --git a/pages/review/majors.vue b/pages/review/majors.vue
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/utils/types.ts b/utils/types.ts
