Skip to content

feat(color-picker): add eyeDropper prop for screen color sampling#4326

Open
Lfan-ke wants to merge 4 commits into
Tencent:developfrom
Lfan-ke:feat/color-picker-eyedropper
Open

feat(color-picker): add eyeDropper prop for screen color sampling#4326
Lfan-ke wants to merge 4 commits into
Tencent:developfrom
Lfan-ke:feat/color-picker-eyedropper

Conversation

@Lfan-ke

@Lfan-ke Lfan-ke commented Jul 10, 2026

Copy link
Copy Markdown

关联 Issue

closes Tencent/tdesign-common#2568

变更内容

  • 新增 eyeDropper boolean prop,设为 true 时在面板顶部渲染吸色按钮
  • 点击按钮调用浏览器原生 EyeDropper API,取色结果触发 onChangetrigger'eyedropper'
  • 依赖 @tdesign/common-js/color-picker/eyedropper 共享工具(来自 tdesign-common PR fix(ColorPicker): fix The color of the slider button above the modified color remains unchanged #2615):SSR 安全、AbortSignal 支持、按钮在不支持的浏览器自动 disabled
  • ColorPickerChangeTrigger 新增 'eyedropper' 枚举值

Signed-off-by: 林晨 (Leo Cheng) <leo-cheng@vip.qq.com>
Comment thread packages/components/color-picker/components/panel/header.tsx Outdated
Signed-off-by: 林晨 (Leo Cheng) <leo-cheng@vip.qq.com>
@tdesign-bot

Copy link
Copy Markdown
Collaborator

TDesign Component Site Preview Open

Component Preview
tdesign-react 完成
@tdesign-react/chat 完成

@pkg-pr-new

pkg-pr-new Bot commented Jul 10, 2026

Copy link
Copy Markdown
  • tdesign-react-demo

    npm i https://pkg.pr.new/Tencent/tdesign-react@4326
    
    npm i https://pkg.pr.new/Tencent/tdesign-react/@tdesign-react/chat@4326
    

commit: 375d6e0

Lfan-ke added 2 commits July 11, 2026 13:17
Signed-off-by: 林晨 (Leo Cheng) <leo-cheng@vip.qq.com>
Signed-off-by: 林晨 (Leo Cheng) <leo-cheng@vip.qq.com>
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] 支持吸色

3 participants