feat(题目): 手机上页签行的「⋯」里能直接复制、重置代码、去自测猫,不用先切到「代码」页签
Deploy / deploy (push) Canceled after 0s

- 「⋯」分两组:统计 / 点评 / 我的提交,分隔线,再是去自测猫 / 复制代码 / 重置代码
  (老师还有课堂统计)。原来后几项在「代码」页签工具栏的「更多」里,代码页签那一行
  现在只剩语言选择
- 菜单抽成 useEditorMenu,桌面工具栏的「更多」和手机的「⋯」共用一份;「课堂统计」弹窗
  挂在页面上,两个入口开的是同一个
- 草稿键抽成 useDraftKey:编辑器存取草稿、「重置代码」删草稿用同一份算法。原来键在编辑器里拼、
  当 prop 传给工具栏,挪出去之后再拼一份迟早对不上(题单入口还多了一种)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
xuyueandClaude Opus 5.5 committed 2026-09-28 19:09:06 +08:00
1 parent cd960ca01c
commit a538e60e28
7 files changed
+211 -154

No files matched your search

+26 -5
View File
@@ -14,6 +14,8 @@ import type { RouteLocationNormalized } from "vue-router"
import SubmissionEffects from "./components/SubmissionEffects.vue"
import ResultTabLabel from "./components/ResultTabLabel.vue"
import ContextBar from "./components/ContextBar.vue"
import StatisticsModal from "./components/StatisticsModal.vue"
import { useEditorMenu } from "./composables/editorMenu"
import {
DRAWER_TITLE,
useProblemPageContext,
@@ -101,9 +103,25 @@ function toggleDrawer(key: DrawerKey) {
drawer.value = drawer.value === key ? null : key
}
const drawerMenu = computed<DropdownOption[]>(() =>
ctx.value.drawers.map((key) => ({ label: drawerLabel(key), key })),
)
/**
* 手机页签行的「⋯」:统计 / 点评 / 我的提交,分隔线,再是编辑器的「更多」那几项
* (去自测猫、复制、重置……)。原来后面这几项在「代码」页签的工具栏里,得先切过去才点得到
*/
const editorMenu = useEditorMenu(computed(() => false))
const drawerMenu = computed<DropdownOption[]>(() => {
const drawers: DropdownOption[] = ctx.value.drawers.map((key) => ({
label: drawerLabel(key),
key,
}))
const editor = editorMenu.options.value
if (drawers.length && editor.length) drawers.push({ type: "divider", key: "divider" })
return [...drawers, ...editor]
})
function onMobileMenu(key: string) {
if (editorMenu.select(key)) return
toggleDrawer(key as DrawerKey)
}
// 交上去、或者语法检查没过:切到「结果」,抽屉开着就先关掉。提交按钮在编辑器那边,页签归这一页管
const submissionStore = useSubmissionStore()
@@ -195,6 +213,7 @@ onBeforeUnmount(() => {
<template>
<template v-if="problem">
<SubmissionEffects />
<StatisticsModal />
<n-split
v-if="isDesktop"
direction="horizontal"
@@ -275,8 +294,10 @@ onBeforeUnmount(() => {
<ResultPane />
</n-tab-pane>
<template v-if="drawerMenu.length" #suffix>
<n-dropdown trigger="click" :options="drawerMenu" @select="toggleDrawer">
<n-button size="small" quaternary aria-label="统计、点评、我的提交"> ⋯ </n-button>
<n-dropdown trigger="click" :options="drawerMenu" @select="onMobileMenu">
<n-button size="small" quaternary aria-label="更多:统计、点评、我的提交、复制代码……">
⋯
</n-button>
</n-dropdown>
</template>
</n-tabs>