Skip to content

feat(color-picker): add eyeDropper prop and eyedropper change trigger - #923

Open
LiamFan16-mikasa wants to merge 1 commit into
TDesignOteam:mainfrom
LiamFan16-mikasa:feat/color-picker-eyedropper
Open

feat(color-picker): add eyeDropper prop and eyedropper change trigger#923
LiamFan16-mikasa wants to merge 1 commit into
TDesignOteam:mainfrom
LiamFan16-mikasa:feat/color-picker-eyedropper

Conversation

@LiamFan16-mikasa

@LiamFan16-mikasa LiamFan16-mikasa commented Jul 10, 2026

Copy link
Copy Markdown

🤔 这个 PR 的性质是?

  • 日常 bug 修复
  • 新特性提交
  • 文档改进
  • 演示代码改进
  • 组件样式/交互改进
  • CI/CD 改进
  • 重构
  • 代码风格优化
  • 测试用例
  • 分支合并
  • 其他

🔗 相关 Issue

closes Tencent/tdesign-common#2568

配套 PR(同一作者):

💡 需求背景和解决方案

为 ColorPicker / ColorPickerPanel 同步吸色(EyeDropper)相关 API 数据:

  1. 新增属性 eyeDropper(Boolean,默认 false,平台 Vue(PC),ColorPicker 与 ColorPickerPanel 各一条):是否开启吸色(屏幕取色)功能。开启后面板顶部显示吸色按钮,基于浏览器原生 EyeDropper API 实现,浏览器不支持时按钮呈禁用状态
  2. change 事件(ColorPicker / ColorPickerPanel)的 ColorPickerChangeTrigger 联合类型追加 'eyedropper'。该记录为 Vue(PC) / React(PC) 共享,枚举表示可能的触发来源,对未实现该功能的框架无影响

补充说明:仅提交 db/TDesign.dbpackages/scripts/api.json 数据变更,未包含 packages/products 生成产物——本地全量重新生成会引入大量与本变更无关的行尾/重排 diff。产物可由维护者按需生成验证:npm run api:docs ColorPicker 'VueNext(PC)'(已本地验证,生成的 props.ts / type.ts / md 与框架侧 PR Tencent/tdesign-vue-next#6796 的内容一致)。

📝 更新日志

  • feat(color-picker): 新增 eyeDropper 属性与 change 事件的 eyedropper 触发来源

☑️ 请求合并前的自查清单

⚠️ 请自检并全部勾选全部选项⚠️

  • 文档已补充或无须补充
  • 代码演示已提供或无须提供
  • TypeScript 定义已补充或无须补充
  • Changelog 已提供或无须提供

@LiamFan16-mikasa
LiamFan16-mikasa force-pushed the feat/color-picker-eyedropper branch from d511a30 to 366b022 Compare July 19, 2026 07:17
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[ColorPicker] 支持吸色

1 participant