From 01bd82deb318c38114fd8cd148f0e03b07b0a972 Mon Sep 17 00:00:00 2001
From: Sisyphus <sisyphus@direv.local>
Date: Fri, 3 Jul 2026 22:45:28 +0800
Subject: [PATCH] =?UTF-8?q?fix(F006-W5.x.x+1):=20=E8=A1=A5=20EP=20popper?=
 =?UTF-8?q?=20=E7=B3=BB=E5=88=97=E5=8F=98=E9=87=8F=20+=20:deep()=20?=
 =?UTF-8?q?=E5=BC=BA=E5=88=B6=E4=BF=AE=E6=9A=97=E4=B8=BB=E9=A2=98=E4=B8=8B?=
 =?UTF-8?q?=E9=9D=A2=E5=8C=85=E5=B1=91/=E4=B8=BB=E9=A2=98=E5=BC=B9?=
 =?UTF-8?q?=E7=AA=97=E6=96=87=E5=AD=97=E7=B3=8A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

  W5.x.x 验收发现 2 处仍糊:
  - 红框 1: 顶栏面包屑 工作台 > 数据看板(暗主题)
  - 红框 2: 主题切换弹窗 切换主题/科技蓝/.../自动持久化(暗主题)

  根因:
  1. W5.x.x 覆盖 EP 派生色时漏了 --el-popper-bg-color(EP 2.x 真名是
     popper,不是 popover;el-popover / el-tooltip / el-dropdown /
     el-select-dropdown 全部走 popper 容器)
  2. el-breadcrumb 内部选择器优先级高,scoped :root 重定向的
     --el-text-color-* 被它打回
  3. ThemePicker 弹窗被 teleport 出去,scoped 选择器穿透不了
     popper 容器

  修法:
  1. tokens.scss 增 6 个 --el-popper-* 系列变量
  2. AppLayout.vue 末尾增 :deep(.el-breadcrumb__inner) +
     :deep(.el-breadcrumb__separator) + !important
  3. ThemePicker.vue 末尾增 :deep(.el-popper.is-light) + 内部
     el-popper__arrow / el-popper__title + !important

  验证: 切到 暗夜黑 主题,4 项验收清单全过;切回 科技蓝/中国红/
  深空紫 无回归
---
 src/components/ThemePicker/ThemePicker.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ThemePicker/ThemePicker.vue b/src/components/ThemePicker/ThemePicker.vue
index 6e59ddb..7a26426 100644
--- a/src/components/ThemePicker/ThemePicker.vue
+++ b/src/components/ThemePicker/ThemePicker.vue
@@ -14,7 +14,7 @@ function pick(value: string) {
 </script>
 
 <template>
-  <el-popover placement="bottom-end" :width="260" trigger="click">
+  <el-popover placement="bottom-end" :width="260" trigger="click" :teleported="false">
     <template #reference>
       <div class="rr-theme-trigger" :title="'主题: ' + themeStore.currentPreset.name">
         <span class="rr-theme-dot" :style="{ background: themeStore.currentPreset.color }"></span>