介绍
Sard 是一套基于 Vue 3 框架开发的移动端 UI 组件库，致力于为开发者提供高质量、易用且灵活的移动端组件解决方案。
设计理念
Sard 在设计与开发过程中始终遵循以下核心理念：
- 贴近原生，自然流畅：交互细节向原生应用看齐，提供丝滑的触摸反馈、过渡动画和手势支持，让 Web 应用也能拥有媲美原生 App 的体验。
- 开箱即用，零配置起步：组件预设合理的默认样式与行为，无需繁琐配置即可快速搭建界面；同时保留足够的扩展入口，满足进阶定制需求。
- 按需取舍，轻量优先：不盲目堆砌功能，每个 API 都经过精心打磨。结合
Tree Shaking，确保最终打包只包含你真正用到的代码。 - 稳定可靠，面向生产：每个组件均经过严格的单元测试，覆盖率超过 80%。对关键交互路径进行多轮回归验证，保障在真实业务场景中的可用性。
特性
- 🧩 121+ 个高质量组件，覆盖移动端主流场景
- 📖 提供详细的文档和案例展示，帮助你快速上手并平滑落地
- ʦ 使用
TypeScript编写，提供完整的类型定义 - 🌿 支持按需引入和
Tree Shaking，减少最终包体积 - 🌈 提供丰富的
CSS变量，便于快速自由定制主题 - 🌙 支持暗黑模式，仅需引入暗黑主题文件，无需额外接入复杂逻辑
- 🌍 支持多语言国际化，轻松适配全球用户的语言需求
- ⭐️ 支持
RTL（从右到左）排版，满足阿拉伯语、希伯来语等用户需求 - 🧪 单元测试覆盖率超过 80%，保障基础能力的稳定性
浏览器兼容性
Sard 使用了 inset, flex gap 等现代 CSS 特性，仅支持以下浏览器：
| 浏览器 | 版本 |
|---|---|
| Chrome | >= 87 |
| Edge | >= 87 |
| Safari | >= 14.1 |
| Firefox | >= 79 |
社区资源
- 📖 在线文档：sard.wzt.zone
- 🧑🏻🏫 案例演示：sard.wzt.zone/mobile
- 📦 npm 包：sard
- 💬 GitHub：sutras/sard
- 📋 更新日志：CHANGELOG
贡献指南
如果你在使用过程中发现问题或有好的建议，欢迎提交 Issue 或直接提交 Pull Request。我们期待你的参与！
开源协议
本项目基于 MIT 协议，请自由地享受和参与开源。