@imaginario27 / air-ui-ds
为Vue和next构建的模块化设计系统和UI组件库。它提供了一个可扩展的架构，用于构建一致的接口、主题管理和由顺风CSS和TypeScript支持的可重用组件。
文档: https://air-ui.netlify.app/
功能
- Vue和next兼容性
- 设计颜色、间距、排版和主题的系统符号
- 可重用和类型化的UI组件
- 浅色和深色主题系统与自动CSS变量生成
- 顺风CSS最新版本集成
- 在next中支持组件和可组合物的自动导入
- 用于i18n、文件上传、图像、PDF生成和QR码的实用程序
- 完整的测试设置，包括Vitest、Vue测试Utils和next测试Utils
安装
使用npm安装：
npm install @imaginario27/air-ui-ds
使用规划:
pnpm add @imaginario27/air-ui-ds
使用纱:
yarn add @imaginario27/air-ui-ds
主题一代
你可以使用内置脚本生成主题令牌和CSS变量：
npm run generate-theme
这将重新生成顺风CSS和设计系统使用的主题文件。
测试
该软件包包括一个完整的测试环境，使用：
- 轻快地
- Vue测试工具
- 下一个测试工具
- 快乐的DOM
使用以下方式运行测试：
npm run test