xfy/yggdrasil
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

chore(theme): remove debug prints

Browse Source
This commit is contained in:
xfy 2026-06-26 18:27:27 +08:00
parent 82a8c511fc
commit 225c477f8c
1 changed files with 2 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
libs/yggdrasil-core/src/theme-transition.ts
View File

@ -46,13 +46,11 @@ function applyDarkClass(isDark: boolean): void {
export function startThemeTransition(x: number, y: number): void { export function startThemeTransition(x: number, y: number): void {
const html = document.documentElement; const html = document.documentElement;
const isDark = !html.classList.contains('dark'); const isDark = !html.classList.contains('dark');
console.log('[tt] ENTER', { x, y, isDark, domHasDark: html.classList.contains('dark') });
const hasVT = typeof document.startViewTransition === 'function'; const hasVT = typeof document.startViewTransition === 'function';
const reduced = prefersReducedMotion(); const reduced = prefersReducedMotion();
if (!hasVT || reduced) { if (!hasVT || reduced) {
console.log('[tt] DEGRADE');
applyDarkClass(isDark); applyDarkClass(isDark);
return; return;
} }
@ -68,21 +66,15 @@ export function startThemeTransition(x: number, y: number): void {
html.classList.add('is-theme-transitioning'); html.classList.add('is-theme-transitioning');
const vt = document.startViewTransition(() => { const vt = document.startViewTransition(() => {
console.log('[tt] CALLBACK set dark=', isDark);
applyDarkClass(isDark); applyDarkClass(isDark);
// 强制同步样式重算:确保 body 的 background-color 解析为目标值 // 强制同步样式重算:确保 body 的 background-color 解析为目标值
// eslint-disable-next-line @typescript-eslint/no-unused-expressions // eslint-disable-next-line @typescript-eslint/no-unused-expressions
getComputedStyle(document.body).backgroundColor; getComputedStyle(document.body).backgroundColor;
}); });
vt.ready vt.ready.catch(() => {});
.then(() => console.log('[tt] ready OK'))
.catch(() => {});
vt.finished vt.finished.finally(() => {
.then(() => console.log('[tt] VT finished OK'))
.catch((e) => console.log('[tt] VT REJECT:', e))
.finally(() => {
html.classList.remove('is-theme-transitioning'); html.classList.remove('is-theme-transitioning');
// 清理 CSS 变量 // 清理 CSS 变量
html.style.removeProperty('--tt-x'); html.style.removeProperty('--tt-x');