Skip to content

feat(ColorPicker): add input-less trigger style - #2625

Open
LiamFan16-mikasa wants to merge 1 commit into
Tencent:developfrom
LiamFan16-mikasa:feat/color-picker-input-less
Open

feat(ColorPicker): add input-less trigger style#2625
LiamFan16-mikasa wants to merge 1 commit into
Tencent:developfrom
LiamFan16-mikasa:feat/color-picker-input-less

Conversation

@LiamFan16-mikasa

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

Copy link
Copy Markdown

🤔 这个 PR 的性质是?

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

🔗 相关 Issue

close #2567

配套实现:

💡 需求背景和解决方案

ColorPicker 触发器目前强制展示色值输入框,只需要色块的场景用户只能手写样式隐藏(见 issue)。本 PR 为 isInput=false 形态补充公共样式与文档:

  • _var.less 新增 input-less 形态 token:对称 padding 与三档尺寸(默认/s/l)的 min-width,均由既有色块尺寸 token 推导,未硬编码像素值
  • _index.less 新增 t-color-picker__trigger--input-less 修饰类样式:隐藏色值输入内容、prefix 边距归零、色块居中(prefix 规则显式提升特异性,以覆盖 input 组件的 .t-input .t-input__prefix:not(:empty) 边距规则,否则色块不居中)
  • 中英文文档 demo 列表新增 input-less 示例入口

效果案例:

c6610f41033a4f51f7d55aeb3ffb8426 chrome-capture-2026-07-10 (1)

📝 更新日志

  • feat(ColorPicker): support input-less trigger style
  • 本条 PR 不需要纳入 Changelog

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

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

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

@LiamFan16-mikasa
LiamFan16-mikasa force-pushed the feat/color-picker-input-less branch from 929028d to 6fdec87 Compare July 19, 2026 06:36
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[ColorPicker] 支持无文字输入框样式

2 participants