Skip to content

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

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

feat(ColorPicker): 支持无文字输入框触发器#4330
Huuyii-sleeping wants to merge 1 commit 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

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.

2 participants