Skip to content

feat(ColorPicker): 支持无文字输入框触发器 - #4330

Open
Huuyii-sleeping wants to merge 2 commits into
Tencent:developfrom
Huuyii-sleeping:feat-color-picker-trigger-2567
Open

feat(ColorPicker): 支持无文字输入框触发器#4330
Huuyii-sleeping wants to merge 2 commits into
Tencent:developfrom
Huuyii-sleeping:feat-color-picker-trigger-2567

Conversation

@Huuyii-sleeping

Copy link
Copy Markdown

🤔 这个 PR 的性质是?

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

🔗 相关 Issue

关联 Tencent/tdesign-common#2567

依赖 common PR:Tencent/tdesign-common#2632

💡 需求背景和解决方案

ColorPicker 需要支持只展示颜色色块、不展示输入框色值文本的触发器形态,减少业务侧通过深层样式覆盖隐藏输入文本的成本。

本次在 React 侧补充组件能力:

  • 新增 showInput 属性,默认值为 true
  • showInput={false} 时,触发器保留色块、色值状态和弹层交互,仅隐藏输入框文本;
  • 无文字模式下关闭触发器 Input 的 autoWidth,避免隐藏文本继续撑开宽度;
  • 新增无文字触发器示例、API 文档、用法配置和单测。

📝 更新日志

tdesign-react

  • feat(ColorPicker): 支持无文字输入框触发器

@tdesign-react/chat

  • 本条 PR 不需要纳入 Changelog

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

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

✅ 验证

  • pnpm exec eslint --ext .ts,.tsx packages/components/color-picker/ColorPicker.tsx packages/components/color-picker/components/trigger.tsx packages/components/color-picker/type.ts packages/components/color-picker/defaultProps.ts packages/components/color-picker/__tests__/color-picker.test.tsx packages/components/color-picker/_example/trigger-no-input.tsx
  • pnpm exec prettier --check packages/components/color-picker/_usage/props.json packages/components/color-picker/color-picker.md packages/components/color-picker/color-picker.en-US.md
  • pnpm exec vitest run packages/components/color-picker/__tests__/color-picker.test.tsx
  • pnpm exec tsc -p ./tsconfig.dev.json --noEmit
  • git diff --check

@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 14, 2026

Copy link
Copy Markdown
  • tdesign-react-demo

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

commit: 6cb4190

@uyarn uyarn added the 💭 discussion we are discussing label Jul 30, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

💭 discussion we are discussing

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants