新一代番茄酱
番茄酱是一种 TypeScript-first React组件库 专门为Smeup业务应用程序设计的。它提供了:
- 预构建UI组件 按领域组织(基本组件、功能组件和复杂组件)
- 数据驱动架构 与Smeup数据结构无缝协作
- 设计系统集成 使用一致的颜色、间距和排版标记
- 全面的文档 通过故事书和MDX指南
- 完整的测试覆盖 使用单元和视觉回归测试
重点: 使用特定于smeup的数据模式和可访问性构建企业级业务ui。
开始
开发
看到 项目结构 了解项目的结构。 看到 格式指南 学习我们的惯例。 看到 第一个例子 以获得创建第一个组件的信心
验证
看到 开发过程
视觉回归测试
- Canonical VRT环境为Docker (Linux +剧作家镜像)。
- 使用与CI中相同的设置运行本地VRT:
docker compose run --rm vrtnpm run test:vrt
- 本地更新快照:
npm run test:vrt:update
- 当PR有标签时,CI也可以重新生成快照
update snapshots(或通过手动调度输入)。
形状和组件
如果你想知道当前支持哪些形状/组件,你可以在这里查看:
形状状态
组件状态
允许的组件数据格式
该组件库被设计为严格使用一组预定义的数据格式。这确保了库内部及其所有消费者的一致性、可靠性和完全互操作性。 数据格式