From 449ad16244a3f0a6f3b85c7d52280f5c90b183c3 Mon Sep 17 00:00:00 2001
From: chenxing <chenxing@bestsch.com>
Date: Fri, 9 Oct 2026 00:23:43 +0800
Subject: [PATCH] =?UTF-8?q?chore(theme):=20YschTheme=20sync=20=E4=BB=B6?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0=EF=BC=88=E7=89=88=E6=9C=AC=2020261008-2326-f?=
 =?UTF-8?q?7fb534=EF=BC=8Coapi=20=E4=BB=A3=E7=90=86=E8=BD=AE=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/UserAvatar.vue | 13 +++++++++++--
 src/utils/theme.ts            |  6 +-----
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/components/UserAvatar.vue b/src/components/UserAvatar.vue
index aefb0b1..bd6c318 100644
--- a/src/components/UserAvatar.vue
+++ b/src/components/UserAvatar.vue
@@ -4,7 +4,7 @@
    取值链/取字契约见《设置页修复与默认头像落地方案》§10.1/§10.2；样式全在本文件 <style scoped>（唯一 CSS 源，
    不进通道 icons.src.css——通道 CSS 对 UserHome 不可达，内联分发才能消双份漂移，见同方案 §10.4）。
    根元素即 .yh-avatar 圆：尺寸内联必须挂圆本身（挂外层 span 会被 flex 拉成椭圆，§12 踩坑）。 */
-import { computed } from "vue";
+import { computed, onBeforeUnmount, onMounted, ref } from "vue";
 import { pickAvatarText, resolveAvatarStyle } from "@/utils/avatar";
 
 const props = withDefaults(
@@ -22,7 +22,16 @@ const props = withDefaults(
 );
 
 const text = computed(() => (props.src ? "" : pickAvatarText(props.name)));
-const style = computed(() => resolveAvatarStyle());
+/* 外观偏好异步补齐（yh-theme-init 在挂载后拉服务端真源收敛 localStorage 键）会在
+   document 上派发 yh-appearance-updated；tick 自增让 style 依赖失效重读键，三态即时切换（无需刷新）。 */
+const appearanceTick = ref(0);
+const onAppearanceUpdated = () => { appearanceTick.value += 1; };
+onMounted(() => document.addEventListener("yh-appearance-updated", onAppearanceUpdated));
+onBeforeUnmount(() => document.removeEventListener("yh-appearance-updated", onAppearanceUpdated));
+const style = computed(() => {
+    appearanceTick.value;
+    return resolveAvatarStyle();
+});
 /** 首字态 = style==="text" 且能取到字（契约 §10.2：二者缺一即剪影，取到字但档位是剪影时绝不能出字） */
 const showText = computed(() => style.value === "text" && !!text.value);
 
diff --git a/src/utils/theme.ts b/src/utils/theme.ts
index fd805a9..2c77dcf 100644
--- a/src/utils/theme.ts
+++ b/src/utils/theme.ts
@@ -1,9 +1,5 @@
-// @ts-nocheck
-/* 本仓本地适配（唯一允许的改动，同步覆盖后需补回）：本文件由 YschTheme 下发，上游为松类型
-   产物（readThemeOverrides 内部实现过不了 strict vue-tsc）；Notice/UserBase/UserHome 均不跑
-   typecheck，本仓是首个严格检查端。等 YschTheme 上游补齐类型后移除本行。 */
 /**
- * 本文件由 YschTheme scripts/gen-theme.mjs 从 assets-src/pc/theme-core.js 生成（版本 20261006-2013-75c1d10），勿手改。
+ * 本文件由 YschTheme scripts/gen-theme.mjs 从 assets-src/pc/theme-core.js 生成（版本 20261008-2326-f7fb534），勿手改。
  * 分发方式：YschTheme `npm run sync` 拷进各端 src/utils/theme.ts（与 ThemeSwitcher.vue 配套，MD5 对齐报告）。
  * 运行时档位类名由 /static/js/yh-theme-init.js 在 <head> 内先行挂好，本模块只负责读写与切换。
  */