  xuyueandClaude Opus 5
|
f5ad5318a0
|
fix(流程图编辑器): Ctrl+Y 没接、清空画布不问一声、存档里塞满 vue-flow 内部字段
## 存档里的一大半是运行时内部状态
画布上的 node 是 vue-flow 的 GraphNode，除了我们自己塞的字段，还挂着
`dimensions` / `computedPosition` / `handleBounds` / `selected` / `dragging` /
`resizing` / `initialized` / `isParent` / `events`（见 vue-flow 的 parseNode）。
这些会跟着一起写进 localStorage、进 20 份历史快照被反复深拷贝、还压缩后提交进
数据库**长期存着**。而重新挂载时它们全都会被重新算一遍 —— 存下来没有任何意义，
还把存档格式和 vue-flow 的内部实现绑死了，将来升级或迁移数据都得跟着动。
`handleBounds` 尤其占地方：一个循环节点有 4 个 handle，每个 6 个数字。
抽一个 `serialize.ts`，落盘/入历史/提交前统一裁成 id / type / position / data /
style 五个字段。`style` 保留 —— 它是建节点时按类型算好的，丢了恢复出来的图会变样。
实测：一个两节点带连线的图，存档 600 字节、节点上只剩那五个字段，九个内部字段
一个不剩；提交上去压缩后 396 字节。
## Ctrl+Y 是假的
工具栏按钮的 title 写着「重做 (Ctrl+Y)」，但只实现了 Ctrl+Shift+Z，按 Y 没反应。
顺手把 key 比较改成小写不敏感（按住 Shift 时 event.key 是大写的 "Z"）。
## 清空画布点一下就没了
那个按钮不但清空画布，`clearCache()` 还会把这道题存着的草稿一起删掉，刷新也找
不回来。学生误点的代价太大，加一道确认；画布本来就是空的时候不弹。
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
|
2026-08-27 06:27:19 -06:00 |
|
|
xuyueandClaude Opus 5
|
5480abaaea
|
fix(流程图编辑器): 换题草稿串题、第一步撤销不了、历史存的是改动前的状态
## 换题时画布不跟着换
storage key 是按题目 ID 算的 computed。`useStorage` 确实会 watch key，但它只把
新 key 的内容读进 `storedData`，**不会回填 `nodes`/`edges`**，而 `loadFromCache()`
只在 onMounted 调一次。于是同名路由换参数（题目 → 题目，组件不重新挂载）时，
画布上还留着上一题的图；学生一动，防抖保存就把上一题的内容写进**这一题的 key**，
把原本存着的草稿覆盖掉。
补一个 key 的 watch，重新载入并在载不到时清空画布。这里依赖 `useStorage` 内部
对 key 的 watch 先于本 watch 执行 —— 两者都是 pre flush，且 useStorage 在上方
先创建，pre 队列按创建顺序跑，此刻 `storedData` 已经是新 key 的数据。
实测（router.push 直接切题）：修复前 1003 的画布上挂着 1002 的节点，修复后
1003 是空的、1002 的草稿完好。
**需要说明**：今天的 UI 走不到这条路 —— 题目页没有「下一题」入口，题单和比赛
切题都要先回列表页（不同路由、组件会重新挂载）。所以这条目前是加固，一旦以后
加了题内切题入口就立刻变成必需品。
## 撤销少一步、存的还是旧状态
`historyIndex` 从 -1 开始，而 `canUndo` 要求 `index > 0`，第一步操作永远撤销
不了。补 `resetHistory`，挂载时和换题后各播一次初始快照（换题不重建的话，一次
撤销会把上一题的图还原到这一题里）。
`addEdges` / `removeNodes` / `removeEdges` 之后紧接着 `saveState(nodes.value,
edges.value)` —— 而 vue-flow 的 store → v-model 回写走的是 `watchPausable`
（pre flush，异步），此刻读到的还是**改动前**的数组，存进历史整体错开一步。
画布上的 `handleDrop` 早就 `await nextTick()` 了，这几处一直漏了；
`clearCanvas` 因为是直接赋值 model ref（同步）反而是对的 —— 所以这套行为一直
是「有时对有时错」，更难排查。
顺带：`handleNodeDelete` 里手动删相连边是多余的，`removeNodes` 的
`removeConnectedEdges` 默认就是 true；`deleteSelected` 在什么都没选中时不再
白记一条历史。
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
|
2026-08-27 06:14:59 -06:00 |
|
|
xuyueandClaude Opus 5
|
1198895b54
|
refactor(前端): vue-tsc 清零，type-check 可以当 CI 门禁了
接上 vue-tsc 时有 143 条既有错误，上一批迁移带走 89 条，这里把剩下的清完。
大部分是噪音（未使用的回调参数、死变量、少数 unknown），但里面躺着两个真问题：
- 个人主页查不存在的用户会抛：getProfile 返回 null 时后面照样取
.acmProblemsStatus，靠 `!` 压着。加了早返回。
- getProblemSetProgress 我上一批标错了类型：后台这个接口返回的是裸数组，
不是分页信封（和 oj 侧的 /user-progress 不一样）。已改正并加注释区分。
其余处理：
- 未使用的回调参数按 TS 约定加 `_` 前缀（v-for 的项、供子类重写的空钩子、
路由守卫的 from）；确认无用的局部变量直接删（clickX/clickY 算了点击位置
但飞出方向用的是随机角度，hasToday 下面已经用 lastDateOnly 判过，
prefix 算了周/月但标签里没用上）。
- App.vue 的 highlight.js 注册：Promise.all([...]).then(m => m.map(x => x.default))
会把元组塌成 (HLJSApi | LanguageFn)[]，hljs 上就找不到 registerLanguage。
改成逐个取 .default。
- 给一批 api 补上契约类型（getMetrics / getHitokoto / getTutorials /
formatCode / getProblemBeatRate / getClassUsernames 等），契约相应补了
8 个 z.infer 导出。
- ContestRank.submissionInfo 和 AcmHelperItem.acInfo 在 api 边界窄化成
SubmissionInfo —— 契约里是 Record<string, unknown>（JSONB 原文）。
- FlowchartEditor 的 TS2589：vue-flow 的 Node 嵌套太深，ref<Node[]>([]) 的
UnwrapRef 推导撞上实例化层级上限，改成 ref([]) as Ref<Node[]>。
- api2.ts 的响应拦截器**故意**不返回 AxiosResponse（要把 { data } 信封剥掉），
类型上确实说不通，没硬掰，写注释说明为什么用断言。
- 题目列表的「随机」按钮在模板里一直是注释状态，对应的 getRandom 和
getRandomProblemID 一并删除（后端 /problems/random 保留不动）。
验证：vue-tsc 0 条，apps/api tsc、check:routes、web build 全通过；
修过 key 的列都打接口确认过字段真实存在。
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
|
2026-08-25 14:04:10 -06:00 |
|
|
xuyue
|
ae1fb329b5
|
feat(阶段1): 搬入 ojnext 为 apps/web，未改业务代码
|
2026-08-06 21:18:16 -06:00 |
|