yuetsh
ed56a209ea
Some checks failed
Deploy / deploy (push) Has been cancelled
原来只有 `apps/web` 在 Prettier 下（配置在 `apps/web/.prettierrc.toml`、脚本在 web 的 package.json），后端和契约从来没格式化过 —— 手写在 100 列上下，`db/schema.ts` 还是 drizzle-kit pull 留下的 tab 缩进。两套口径分叉久了，跨端改一处就得记着「这边 什么风格」。 - 配置搬到根目录 `.prettierrc.toml`，内容不变（`semi=false`，其余全默认， printWidth 80 —— 和前端已有的格式一致，不另立一套宽度）； - 脚本统一成根目录 `bun run fmt`，覆盖 `apps/*/src`、`apps/web/tests` 和两个构建 配置；web 自己那份 `fmt` 和重复的 prettier 依赖删掉； - `.prettierignore` 挡掉两类不该碰的：drizzle-kit 生成的 `src/db/meta/` 结构快照 （它是 db:generate 的比对输入，只该由 drizzle-kit 写）、unplugin 每次 dev 都会 重写的 `auto-imports.d.ts` / `components.d.ts`； - 全量跑了一遍。纯格式，无行为改动：api typecheck / check:routes / check:ast、 前端 type-check 全过，起 api 打了接口确认正常。前端这 39 个文件的小改动是 prettier 版本漂移（类型断言的换行口径变了），不是新配置带来的。 Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
407 lines
13 KiB
Vue
407 lines
13 KiB
Vue
<script setup lang="ts">
|
||
import {
|
||
AST_NODE_TARGETS_BY_LANGUAGE,
|
||
AST_OPERATOR_TARGETS_BY_LANGUAGE,
|
||
AST_SUPPORTED_LANGUAGES,
|
||
} from "@oj2/contract"
|
||
import type { AstRule, AstRules, LANGUAGE } from "utils/types"
|
||
|
||
interface Props {
|
||
modelValue: AstRules | null
|
||
languages: LANGUAGE[]
|
||
}
|
||
|
||
const props = defineProps<Props>()
|
||
const emit = defineEmits<{
|
||
(e: "update:modelValue", value: AstRules | null): void
|
||
}>()
|
||
|
||
// 判题机只认 C / Python3，别的语言配了规则也一条都不会跑（judge/ast.ts 的
|
||
// loadLanguage 返回 null 就直接放行）。原来这里按题目的全部语言开 tab，老师给
|
||
// C++ 配的规则存得下、题目页也照常显示成「要求」，判题却从不检查。
|
||
const supportedLanguages = computed(() =>
|
||
props.languages.filter((lang) => AST_SUPPORTED_LANGUAGES.includes(lang)),
|
||
)
|
||
const unsupportedLanguages = computed(() =>
|
||
props.languages.filter((lang) => !AST_SUPPORTED_LANGUAGES.includes(lang)),
|
||
)
|
||
|
||
const activeTab = ref(supportedLanguages.value[0] || "Python3")
|
||
|
||
const ENGINE_OPTIONS: SelectOption[] = [
|
||
{
|
||
label: "节点检查",
|
||
type: "group",
|
||
key: "node_group",
|
||
children: [
|
||
{ label: "必须存在", value: "must_exist_node" },
|
||
{ label: "不能存在", value: "must_not_exist_node" },
|
||
{ label: "出现次数", value: "count_node" },
|
||
],
|
||
},
|
||
{
|
||
label: "函数调用",
|
||
type: "group",
|
||
key: "func_group",
|
||
children: [
|
||
{ label: "必须调用函数", value: "must_call_function" },
|
||
{ label: "不能调用函数", value: "must_not_call_function" },
|
||
{ label: "函数调用次数", value: "count_function_call" },
|
||
],
|
||
},
|
||
{
|
||
label: "方法调用",
|
||
type: "group",
|
||
key: "method_group",
|
||
children: [
|
||
{ label: "必须调用方法", value: "must_call_method" },
|
||
{ label: "不能调用方法", value: "must_not_call_method" },
|
||
],
|
||
},
|
||
{
|
||
label: "运算符",
|
||
type: "group",
|
||
key: "op_group",
|
||
children: [{ label: "必须使用运算符", value: "must_use_operator" }],
|
||
},
|
||
]
|
||
|
||
// 选项按语言生成。原来是一张 C/Python 混合的 15 条表整份铺开，给 C 题也能选到
|
||
// 列表推导式、f-string 这些 C 根本没有的东西 —— 存得进去，判题时永远失败
|
||
// （或者反过来，「不能使用 f-string」永远通过），两头都不报错。
|
||
function nodeTargetOptions(lang: string): SelectOption[] {
|
||
return Object.entries(AST_NODE_TARGETS_BY_LANGUAGE[lang] ?? {}).map(
|
||
([value, entry]) => ({ label: entry.label, value }),
|
||
)
|
||
}
|
||
|
||
// 逻辑名 and/or/not 在 C 里显示成 && / || / !，存进去的还是逻辑名
|
||
function operatorTargetOptions(lang: string): SelectOption[] {
|
||
return Object.entries(AST_OPERATOR_TARGETS_BY_LANGUAGE[lang] ?? {}).map(
|
||
([value, label]) => ({
|
||
label: label === value ? value : `${label}（${value}）`,
|
||
value,
|
||
}),
|
||
)
|
||
}
|
||
|
||
const NODE_ENGINES = ["must_exist_node", "must_not_exist_node", "count_node"]
|
||
const FUNCTION_ENGINES = [
|
||
"must_call_function",
|
||
"must_not_call_function",
|
||
"count_function_call",
|
||
]
|
||
const METHOD_ENGINES = ["must_call_method", "must_not_call_method"]
|
||
const OPERATOR_ENGINES = ["must_use_operator"]
|
||
const COUNT_ENGINES = ["count_node", "count_function_call"]
|
||
|
||
function isNodeEngine(engine: string) {
|
||
return NODE_ENGINES.includes(engine)
|
||
}
|
||
function isFunctionEngine(engine: string) {
|
||
return FUNCTION_ENGINES.includes(engine)
|
||
}
|
||
function isMethodEngine(engine: string) {
|
||
return METHOD_ENGINES.includes(engine)
|
||
}
|
||
function isOperatorEngine(engine: string) {
|
||
return OPERATOR_ENGINES.includes(engine)
|
||
}
|
||
function isCountEngine(engine: string) {
|
||
return COUNT_ENGINES.includes(engine)
|
||
}
|
||
|
||
const COUNT_MODE_OPTIONS: SelectOption[] = [
|
||
{ label: "精确", value: "exact" },
|
||
{ label: "范围", value: "range" },
|
||
]
|
||
|
||
function getCountMode(rule: AstRule): "exact" | "range" {
|
||
return rule.exact !== undefined ? "exact" : "range"
|
||
}
|
||
|
||
function updateCountMode(lang: string, index: number, mode: "exact" | "range") {
|
||
const rules = [...getRulesForLang(lang)]
|
||
const rule = { ...rules[index] }
|
||
if (mode === "exact") {
|
||
rule.exact = rule.min ?? 1
|
||
delete rule.min
|
||
delete rule.max
|
||
} else {
|
||
// 留空的 count 规则恒真（rangePassed 三个字段全 undefined 就返回 true），
|
||
// 描述还会退化成光秃秃一个「for 循环」。切过来先给个 1
|
||
rule.min = rule.min ?? 1
|
||
delete rule.exact
|
||
}
|
||
rules[index] = rule
|
||
updateRules(lang, rules)
|
||
}
|
||
|
||
function updateExactCount(lang: string, index: number, v: number | null) {
|
||
const rules = [...getRulesForLang(lang)]
|
||
const rule = { ...rules[index] }
|
||
if (v === null) delete rule.exact
|
||
else rule.exact = v
|
||
rules[index] = rule
|
||
updateRules(lang, rules)
|
||
}
|
||
|
||
function needsTargetDropdown(engine: string) {
|
||
return isNodeEngine(engine)
|
||
}
|
||
function needsTargetInput(engine: string) {
|
||
return isFunctionEngine(engine) || isMethodEngine(engine)
|
||
}
|
||
function needsOperatorDropdown(engine: string) {
|
||
return isOperatorEngine(engine)
|
||
}
|
||
|
||
function getRulesForLang(lang: string): AstRule[] {
|
||
if (!props.modelValue) return []
|
||
return props.modelValue[lang] || []
|
||
}
|
||
|
||
function updateRules(lang: string, rules: AstRule[]) {
|
||
const current = { ...(props.modelValue || {}) }
|
||
if (rules.length === 0) {
|
||
delete current[lang]
|
||
} else {
|
||
current[lang] = rules
|
||
}
|
||
emit("update:modelValue", Object.keys(current).length > 0 ? current : null)
|
||
}
|
||
|
||
function getTargetLabel(
|
||
lang: string,
|
||
engine: string,
|
||
target: string,
|
||
): string | undefined {
|
||
if (isNodeEngine(engine))
|
||
return AST_NODE_TARGETS_BY_LANGUAGE[lang]?.[target]?.label
|
||
// 运算符不写 label：判题结果的文案按语言翻译（astOperatorLabel），
|
||
// 存一个固定 label 反而会把 C 的 && 钉死成 and
|
||
return undefined
|
||
}
|
||
|
||
function addRule(lang: string) {
|
||
const rules = [...getRulesForLang(lang)]
|
||
rules.push({
|
||
engine: "must_exist_node",
|
||
target: "for_loop",
|
||
label: getTargetLabel(lang, "must_exist_node", "for_loop"),
|
||
message: "",
|
||
})
|
||
updateRules(lang, rules)
|
||
}
|
||
|
||
function removeRule(lang: string, index: number) {
|
||
const rules = [...getRulesForLang(lang)]
|
||
rules.splice(index, 1)
|
||
updateRules(lang, rules)
|
||
}
|
||
|
||
function updateRule(lang: string, index: number, field: string, value: any) {
|
||
const rules = [...getRulesForLang(lang)]
|
||
const rule = { ...rules[index] }
|
||
|
||
if (field === "engine") {
|
||
rule.engine = value
|
||
if (isNodeEngine(value)) {
|
||
rule.target = "for_loop"
|
||
rule.label = getTargetLabel(lang, value, "for_loop")
|
||
} else if (isOperatorEngine(value)) {
|
||
rule.target = "+"
|
||
delete rule.label
|
||
} else {
|
||
rule.target = ""
|
||
delete rule.label
|
||
}
|
||
delete rule.min
|
||
delete rule.max
|
||
delete rule.exact
|
||
// 次数引擎不给默认值的话，存下去就是一条恒真规则
|
||
if (isCountEngine(value)) rule.exact = 1
|
||
} else if (field === "target") {
|
||
rule.target = value
|
||
const lbl = getTargetLabel(lang, rule.engine, value)
|
||
if (lbl) rule.label = lbl
|
||
else delete rule.label
|
||
} else if (field === "min") {
|
||
if (value === null || value === undefined) delete rule.min
|
||
else rule.min = value
|
||
} else if (field === "max") {
|
||
if (value === null || value === undefined) delete rule.max
|
||
else rule.max = value
|
||
} else if (field === "message") {
|
||
rule.message = value
|
||
}
|
||
|
||
rules[index] = rule
|
||
updateRules(lang, rules)
|
||
}
|
||
|
||
watch(supportedLanguages, (langs) => {
|
||
if (langs.length && !langs.includes(activeTab.value as LANGUAGE)) {
|
||
activeTab.value = langs[0]
|
||
}
|
||
})
|
||
</script>
|
||
|
||
<template>
|
||
<n-collapse>
|
||
<n-collapse-item title="代码规则检查（选填）" name="ast-rules">
|
||
<n-alert
|
||
v-if="unsupportedLanguages.length"
|
||
type="info"
|
||
:bordered="false"
|
||
style="margin-bottom: 8px"
|
||
>
|
||
{{ unsupportedLanguages.join("、") }}
|
||
暂不支持代码规则检查，判题机只能检查
|
||
{{ AST_SUPPORTED_LANGUAGES.join(" / ") }}
|
||
</n-alert>
|
||
<n-tabs
|
||
v-if="supportedLanguages.length"
|
||
type="segment"
|
||
v-model:value="activeTab"
|
||
>
|
||
<n-tab-pane
|
||
v-for="lang in supportedLanguages"
|
||
:key="lang"
|
||
:name="lang"
|
||
:tab="lang"
|
||
>
|
||
<n-flex vertical>
|
||
<div
|
||
v-for="(rule, index) in getRulesForLang(lang)"
|
||
:key="index"
|
||
style="margin-bottom: 8px"
|
||
>
|
||
<n-flex align="center" :wrap="false">
|
||
<n-select
|
||
:options="ENGINE_OPTIONS"
|
||
:value="rule.engine"
|
||
@update:value="
|
||
(v: string) => updateRule(lang, index, 'engine', v)
|
||
"
|
||
style="width: 150px"
|
||
size="small"
|
||
/>
|
||
<n-select
|
||
v-if="needsTargetDropdown(rule.engine)"
|
||
:options="nodeTargetOptions(lang)"
|
||
:value="rule.target"
|
||
@update:value="
|
||
(v: string) => updateRule(lang, index, 'target', v)
|
||
"
|
||
style="width: 150px"
|
||
size="small"
|
||
filterable
|
||
/>
|
||
<n-input
|
||
v-if="needsTargetInput(rule.engine)"
|
||
:value="rule.target"
|
||
@update:value="
|
||
(v: string) => updateRule(lang, index, 'target', v)
|
||
"
|
||
placeholder="函数/方法名"
|
||
style="width: 150px"
|
||
size="small"
|
||
/>
|
||
<n-select
|
||
v-if="needsOperatorDropdown(rule.engine)"
|
||
:options="operatorTargetOptions(lang)"
|
||
:value="rule.target"
|
||
@update:value="
|
||
(v: string) => updateRule(lang, index, 'target', v)
|
||
"
|
||
style="width: 150px"
|
||
size="small"
|
||
/>
|
||
<template v-if="isCountEngine(rule.engine)">
|
||
<n-select
|
||
:options="COUNT_MODE_OPTIONS"
|
||
:value="getCountMode(rule)"
|
||
@update:value="
|
||
(v: 'exact' | 'range') => updateCountMode(lang, index, v)
|
||
"
|
||
style="width: 80px"
|
||
size="small"
|
||
/>
|
||
<n-input-number
|
||
v-if="getCountMode(rule) === 'exact'"
|
||
:value="rule.exact ?? null"
|
||
@update:value="
|
||
(v: number | null) => updateExactCount(lang, index, v)
|
||
"
|
||
placeholder="次数"
|
||
style="width: 100px"
|
||
size="small"
|
||
:min="1"
|
||
clearable
|
||
/>
|
||
<template v-else>
|
||
<n-input-number
|
||
:value="rule.min ?? null"
|
||
@update:value="
|
||
(v: number | null) => updateRule(lang, index, 'min', v)
|
||
"
|
||
placeholder="最少"
|
||
style="width: 100px"
|
||
size="small"
|
||
:min="0"
|
||
clearable
|
||
/>
|
||
<n-input-number
|
||
:value="rule.max ?? null"
|
||
@update:value="
|
||
(v: number | null) => updateRule(lang, index, 'max', v)
|
||
"
|
||
placeholder="最多"
|
||
style="width: 100px"
|
||
size="small"
|
||
:min="0"
|
||
clearable
|
||
/>
|
||
</template>
|
||
</template>
|
||
<n-input
|
||
:value="rule.message"
|
||
@update:value="
|
||
(v: string) => updateRule(lang, index, 'message', v)
|
||
"
|
||
placeholder="错误提示（选填）"
|
||
style="flex: 1"
|
||
size="small"
|
||
/>
|
||
<n-button
|
||
size="small"
|
||
tertiary
|
||
type="error"
|
||
@click="removeRule(lang, index)"
|
||
>
|
||
删除
|
||
</n-button>
|
||
</n-flex>
|
||
</div>
|
||
<n-button
|
||
size="small"
|
||
tertiary
|
||
type="primary"
|
||
@click="addRule(lang)"
|
||
>
|
||
添加规则
|
||
</n-button>
|
||
</n-flex>
|
||
</n-tab-pane>
|
||
</n-tabs>
|
||
<n-empty
|
||
v-else
|
||
:description="
|
||
languages.length ? '当前语言不支持代码规则检查' : '请先选择编程语言'
|
||
"
|
||
/>
|
||
</n-collapse-item>
|
||
</n-collapse>
|
||
</template>
|