Skip to content

[ColorPicker] Style input-less trigger#2587

Open
tjujingzong wants to merge 1 commit into
Tencent:developfrom
tjujingzong:develop
Open

[ColorPicker] Style input-less trigger#2587
tjujingzong wants to merge 1 commit into
Tencent:developfrom
tjujingzong:develop

Conversation

@tjujingzong

Copy link
Copy Markdown

🤔 这个 PR 的性质是?

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

🔗 相关 Issue

close #2567

💡 需求背景和解决方案

ColorPicker 需要支持只展示颜色色块、不展示色值输入框的触发器形态,用于不需要直接编辑色值、
只通过面板选择颜色的场景。

本次在公共样式和文档中补充 isInput 用法:

  • 新增 isInput API,默认值为 true
  • isInput={false} 时,ColorPicker 触发器仅展示颜色色块,隐藏色值输入内容
  • 保留原有 Input 结构和交互能力,不影响现有默认表现
  • 新增 no-input 示例,并在中英文文档中增加对应示例入口

用法示例:

<t-color-picker v-model="color" :is-input="false" />                                      
                                                                                          
### 📝 更新日志                                                                           
                                                                                          
- feat(ColorPicker): support input-less trigger style                                     
                                                                                          
### 请求合并前的自查清单                                                                  
                                                                                          
- [x] 文档已补充或无须补充                                                                
- [x] 代码演示已提供或无须提供                                                            
- [x] TypeScript 定义已补充或无须补充                                                     
- [x] Changelog 已提供或无须提供       

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