跳到主要内容

DropdownMenu group label 样式对齐 Select（WEB-1116）

版本： 0.6.0 · 类型： 🐛 缺陷修复

WEB-1116

问题​

DropdownMenuLabel 样式与 Select grouped header 不一致：

属性修复前修复后（对齐 Select）
font-weightfont-semiboldfont-normal
colortext-(--Labels-Secondary)text-(--Labels-Tertiary)
paddingpy-(--Spacing_8)（上下各 8px）pt-(--Spacing_8)（仅上方 8px）

根因： ui/dropdown-menu.tsx 的 DropdownMenuLabel 带有 shadcn 默认样式 py-1.5。设计层未使用 unstyledVisual，tailwind-merge 只覆盖了 pt，保留了 py-1.5 的底部一半，导致实际渲染多出 6px 底部 padding。

改动文件​

  • packages/design/src/components/DropdownMenu/styles.ts
  • packages/design/src/components/DropdownMenu/DropdownMenu.tsx
  • packages/design/src/components/ui/dropdown-menu.tsx

改动内容​

  1. DROPDOWN_LABEL_TOKEN_CLASS：py-(--Spacing_8) → pt-(--Spacing_8)，font-semibold → font-normal，text-(--Labels-Secondary) → text-(--Labels-Tertiary)
  2. ui/DropdownMenuLabel 新增 unstyledVisual?: boolean prop，为 true 时清除 shadcn 默认视觉类（px-2 py-1.5 text-sm font-semibold）
  3. 设计层 DropdownMenuLabel 传入 unstyledVisual，与 Select 对同一 primitive 的处理方式一致