refactor(前端): 接口错误改成 ApiError 类，catch 不再写 any

拦截器原来 reject 一个裸对象 `{ error, data }`，没有类型也没有类型守卫，于是 46 处
`catch (err: any)` 直接读 `err.data` / `err.error` —— 代码 bug 抛出的 TypeError 也按
接口错误读，弹出来的是 undefined 或英文。

- utils/api.ts：reject 改成 `ApiError extends Error`，字段名沿用 error（错误码）/
  data（文案），存量读法语义不变；加 isApiError / errorCode / errorMessage。
  errorMessage 对非接口错误一律用 fallback，不把 TypeError 的英文甩给学生
- 46 处 catch 全部换掉 any（45 处接口错误 + pythonSyntaxCheck 里 Skulpt 的错误对象）
- 断网等没有响应体的情况，文案从英文 "Request failed" 换成「网络异常，请检查网络后重试」

浏览器实跑核过：登录密码错误仍显示「用户名或密码不正确」（错误码分支）、
接口错误 reject 出来是 ApiError、网络不通时拿到中文文案、非接口错误走 fallback。

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

apps/web/src/admin/problem/components/Actions.vue

@@ -1,4 +1,5 @@
 <script lang="ts" setup>
+import { errorCode, errorMessage } from "utils/api"
 import {
   deleteContestProblem,
   deleteProblem,
@@ -33,8 +34,8 @@ async function handleDeleteProblem() {
     }
     message.success("删除成功")
     emit("updated")
-  } catch (err: any) {
-    if (err.error === "problem-has-submissions") {
+  } catch (err) {
+    if (errorCode(err) === "problem-has-submissions") {
       message.error("这道题有提交之后，就不能被删除")
     } else {
       message.error("删除失败")
@@ -81,13 +82,13 @@ async function handleMakePublic() {
     message.success("已成功转为公开题目（需要手动设置可见）")
     showMakePublicModal.value = false
     emit("updated") // 刷新列表
-  } catch (err: any) {
-    if (err.error === "display-id-exists") {
+  } catch (err) {
+    if (errorCode(err) === "display-id-exists") {
       message.error("该题目编号已存在，请使用其他编号")
-    } else if (err.error === "already-public") {
+    } else if (errorCode(err) === "already-public") {
       message.error("该题目已经是公开题目")
     } else {
-      message.error("转换失败：" + (err.data || "未知错误"))
+      message.error("转换失败：" + errorMessage(err, "未知错误"))
     }
   }
 }

apps/web/src/admin/problem/components/AddButton.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { errorCode, errorMessage } from "utils/api"
 import { addProblemForContest } from "admin/api"
 
 interface Props {
@@ -22,13 +23,13 @@ async function addProblem() {
       displayID.value,
     )
     emit("added")
-  } catch (err: any) {
-    if (err.error === "display-id-exists") {
+  } catch (err) {
+    if (errorCode(err) === "display-id-exists") {
       message.error("显示编号重复了，请重新写一个")
-    } else if (err.error === "contest-ended") {
+    } else if (errorCode(err) === "contest-ended") {
       message.error("这场比赛已经结束了，不能添加题目")
     } else {
-      message.error(err.data)
+      message.error(errorMessage(err))
     }
   }
 }

apps/web/src/admin/problem/components/SQLTestcaseEditor.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { errorCode, isApiError } from "utils/api"
 import type { LANGUAGE, SqlDisplay, Testcase } from "utils/types"
 import { createZipBlob } from "utils/functions"
 import SQLDataTable from "oj/problem/components/SQLDataTable.vue"
@@ -81,15 +82,15 @@ onMounted(async () => {
     if (res.length) {
       scripts.value = res.map((f) => ({ ...blankEntry(), sql: f.content }))
     }
-  } catch (err: any) {
+  } catch (err) {
     // 新题、以及旧格式（非 SQL）测试点，后端回 404/409，保持空白就是对的，不该报错。
     // 但**其它**失败必须说出来：读不出来时编辑器长得和「这题本来就没测试点」一模一样，
     // 教师看不出区别，会以为要自己重新填。保存本身是安全的（后端读不到测试点信息会拒绝
     // 整个保存），所以这里只提示、不阻塞。
-    const code = err?.error
+    const code = errorCode(err)
     if (code && code !== "problem-not-found" && code !== "not-sql-test-case") {
       // 后端那句话（如"测试点信息读取失败"）只说了现象，教师需要的是「下面是空的、别存」
-      const detail = err?.data ? `（${err.data}）` : ""
+      const detail = isApiError(err) && err.data ? `（${err.data}）` : ""
       loadError.value =
         `已有测试点脚本没能读出来${detail}。下方是空白模板，不是本题真实的测试点 —— ` +
         `直接保存不会丢数据（后端会拒绝），但也不会生效。请先排查测试点文件，或重新上传。`

apps/web/src/admin/problem/detail.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { errorCode, errorMessage } from "utils/api"
 import { PROBLEM_TAG_MAX_LENGTH } from "@oj2/contract"
 import { getProblemTagList } from "shared/api"
 import TextEditor from "shared/components/TextEditor.vue"
@@ -484,11 +485,11 @@ async function submit() {
         params: { contestID: props.contestID },
       })
     }
-  } catch (err: any) {
-    if (err.error === "display-id-exists") {
+  } catch (err) {
+    if (errorCode(err) === "display-id-exists") {
       message.error("显示编号重复了，请换一个显示编号")
     } else {
-      message.error(err.data)
+      message.error(errorMessage(err))
     }
   }
 }
@@ -515,9 +516,9 @@ async function generateMermaid() {
     )
     problem.value.mermaidCode = res.flowchart
     message.warning("如果渲染不成功，请复制到外部 AI 网站检查语法")
-  } catch (err: any) {
+  } catch (err) {
     // 没有 finally 的话，AI 接口回 502 时按钮永远卡在 loading，只能刷页面
-    message.error(err.data || "生成失败，请稍后再试")
+    message.error(errorMessage(err, "生成失败，请稍后再试"))
   } finally {
     isAIGenerating.value = false
   }