becomer
f20a6b57c1
ci/woodpecker/tag/build Pipeline was successful
① 弹窗统一化（核心）：新增 AppDialog 组件（reka-ui Dialog 底座），把 13 个视图文件里 34 处手写弹窗全部迁移，全项目手写 role="dialog" 残留归零。 - 目的：以 Dialog 原语换取焦点捕获、Esc 关闭、body 滚动锁定、aria 语义与 Portal 渲染，同时保持与手写弹窗一致的视觉（面板基类 w-full/bg-white/flex-col/overflow-hidden/shadow-xl/max-h-[85vh]）。 - 公开 API 与底座解耦：open / variant(sheet|center) / z-class / overlay-class / wrapper-class / panel-class / dismissable / fade / @update:open / 默认插槽。 - 逐处核对：阴影（原无阴影者显式传 shadow-none 抵消基类 shadow-xl、shadow-2xl 显式覆盖）、圆角（非基类值显式覆盖）、fade（原 <Transition name="fade"> 者传 :fade=true）、守卫（dismissable：LeaveView executing/applying、AdminCdks result 视图、AdminPendingSchools rejectSubmitting、HomeView「重新登录」原遮罩不可点故 false）、z-index（z-[60] 等）、定位层边距（wrapper-class px-4/6）。 - fade 实现说明：reka 的 Presence 只识别 CSS animation（读 computed animation-name 并监听节点自身 animationend），不认 Vue 的 class 过渡；故用 CSS animation + reka 输出的 data-state="open|closed" 实现，挂在 DismissableLayer 根节点（即 role="dialog" 节点）。实现在 fade 时额外给 content 根加 relative + 同层 z-class：opacity<1 会形成 z-index:0 的层叠上下文，否则内部 fixed 面板会被 overlay 盖住。 - 迁移固有行为差异：MobileLayout 公告面板失去 slide-up 上滑动画改为 fade；各弹窗新增 Esc 关闭能力（reka 默认）；面板固定 overflow-hidden+max-h-[85vh]（原无此二类的面板有微调）。非弹窗遮罩（AdminLayout 侧边栏抽屉、右侧滑出公告面板；GuideOverlay 引导层）按判断保留未迁移。 ② 国产浏览器/微信内核兼容（chrome78+）： - vite build.target 降到 chrome78（微信 XWEB 常见下限），旧的默认 target 会产出 Chrome 80 以下无法解析的新语法导致白屏。 - 新增 scripts/postbuild-css.mjs 并接入 build：解包 :where、降级 oklch 颜色、剥离 @layer，产出对老内核可用的 CSS；含兜底校验（残留 @layer/oklch/:where 直接失败）。 - index.html 内联补齐 Object.hasOwn（Chrome 93+，reka-ui 与 @vueuse/shared 内部调用；esbuild 只降语法不降运行时 API）。 ③ 收尾修复既有问题：AdminUsers 删除从未使用的 Card 死 import；AdminCdks 修正 copiedResultIdx/resultCopiedIdx 变量名不一致（导致结果视图复制高亮失效并抛 ReferenceError）；MobileLayout 原 .slide-up-leave-to 误用 transition（随迁移一并移除，问题消失）。 ④ 验证：vue-tsc --noEmit、vite build（含 postbuild-css）全过；headless Chrome 实测整站启动渲染正常；全项目残留扫描确认无遗留手写弹窗。 ⑤ 本次为纯前端改动（含 reka-ui 依赖），不含后端变更。
30 lines
904 B
TypeScript
30 lines
904 B
TypeScript
import { defineConfig } from 'vite'
|
|
import vue from '@vitejs/plugin-vue'
|
|
import tailwindcss from '@tailwindcss/vite'
|
|
import { fileURLToPath, URL } from 'node:url'
|
|
|
|
export default defineConfig({
|
|
plugins: [vue(), tailwindcss()],
|
|
resolve: {
|
|
alias: {
|
|
'@': fileURLToPath(new URL('./src', import.meta.url)),
|
|
},
|
|
},
|
|
// 向下兼容国产浏览器/微信内置内核（日志实测存在 Chrome 78/85/91/97 等机型）。
|
|
// 默认 target "baseline-widely-available" 会产出可选链/空值合并等新语法，
|
|
// Chrome 80 以下直接解析失败白屏；统一降到 chrome78（微信 XWEB 常见下限）。
|
|
// 注：CSS 侧的 @layer/oklch 兼容由 scripts/postbuild-css.mjs 处理。
|
|
build: {
|
|
target: 'chrome78',
|
|
},
|
|
server: {
|
|
port: 3300,
|
|
proxy: {
|
|
'/api': {
|
|
target: 'http://localhost:8093',
|
|
changeOrigin: true,
|
|
},
|
|
},
|
|
},
|
|
})
|