ColorPicker / 设计文档

ColorPicker 设计文档

颜色选择器：严格对齐 Semi。inline 直接渲染选色面板（saturation 方块 + hue 条 + alpha 条 + DataPart 输入区），usePopover 时包裹浮层。值为 Semi ColorValue 对象 { hsva, rgba, hex }，经 onChange 通信。

← API 文档

使用建议

颜色选择器：严格对齐 Semi。inline 直接渲染选色面板（saturation 方块 + hue 条 + alpha 条 + DataPart 输入区），usePopover 时包裹浮层。值为 Semi ColorValue 对象 { hsva, rgba, hex }，经 onChange 通信。

Accessibility

ARIA role：slider

  • saturation / hue / alpha 均为 role=slider，含 aria-label 与 aria-valuenow
  • saturation / hue / alpha 支持方向键微调；Home/End 跳极值
  • DataPart 复用 Input / InputNumber / Select / Button，各自携带 aria-label / 无障碍
  • usePopover 时浮层由 Popover 承载（含 focus trap / dismiss / Esc）

设计变量

该组件暂无专属设计变量。