feat(color-picker): add color-picker
🤔 这个 PR 的性质是?
- [ ] 日常 bug 修复
- [x] 新特性提交
- [ ] 文档改进
- [ ] 演示代码改进
- [ ] 组件样式/交互改进
- [ ] CI/CD 改进
- [ ] 重构
- [ ] 代码风格优化
- [ ] 测试用例
- [ ] 分支合并
- [ ] 其他
🔗 相关 Issue
fix #2384
💡 需求背景和解决方案
📝 更新日志
-
feat(ColorPicker): 新增
ColorPicker组件 -
[ ] 本条 PR 不需要纳入 Changelog
☑️ 请求合并前的自查清单
⚠️ 请自检并全部勾选全部选项。⚠️
- [ ] 文档已补充或无须补充
- [ ] 代码演示已提供或无须提供
- [ ] TypeScript 定义已补充或无须补充
- [ ] Changelog 已提供或无须提供
https://github.com/Tencent/tdesign-miniprogram/issues/2384
颜色滑块的定位与实际取色不一致
取色器样式问题
模式展示的背景色为Gy 1
预设色彩区域的色块之间固定gap为12px,且需要做横向滚动功能
margin-right为12px
组件状态的体验方式修改
预设色板上的色块需添加一个点击态,即在点击时原有色块上添加一层色值为#000 20%
滚动条需隐藏
取色器需添加shadow 1
文案修改
选中样式需添加1.5px的内描边
预设色板在真机上测试,多次点击后会失效
https://github.com/user-attachments/assets/6fa65339-50cf-4f0d-968c-e598e35b7855
设计走查已完成 @jarmywang