5.2k
GitHub Stars
50+
组件数量
800+
npm周下载
20+
企业采用
项目概述
一套面向生产环境的Vue3企业级组件库，提供50+高质量组件，涵盖表单、布局、导航、数据展示、反馈等常用场景。完善的TypeScript支持，详尽的文档和丰富的示例，开箱即用。
作为开源作者，我独立完成组件库的设计、开发、文档编写和发布维护。组件库已在20+企业中落地使用，帮助团队提升开发效率50%以上。
技术栈
- Vue 3.4+
- TypeScript 5.0
- Vite 5.0
- Vitest
- Storybook 8.0
- pnpm
- Rollup
- Commitlint
组件分类
- 基础组件 - Button、Icon、Link、Space、Divider等原子组件，提供统一的视觉风格
- 表单组件 - Input、Select、DatePicker、Cascader、Upload等，支持数据联动和复杂校验
- 数据展示 - Table、Tree、List、Card、Statistic等，支持大数据量渲染和虚拟滚动
- 反馈组件 - Modal、Drawer、Message、Notification、Tooltip等，优雅的交互动效
- 导航组件 - Menu、Tabs、Breadcrumb、Steps、Pagination等，完善的路由集成
- 业务组件 - FilterBar、DetailPage、EditTable等，贴合业务场景的高复用组件
核心特性
完善的TypeScript支持：所有组件都有完整的类型定义，支持泛型扩展，提供vscode插件智能提示。组件Props、Events、Slots都有详细的类型推导。
主题定制能力：基于CSS Variables的全局主题配置，支持暗色模式切换。通过CSS变量覆盖可实现品牌色定制，无需修改组件源码。
按需加载：支持组件级别的按需引入，配合Tree-shaking可大幅减少打包体积。提供ESM和CJS双版本导出。
无障碍支持：遵循WAI-ARIA规范，支持键盘导航，Screen Reader友好，符合企业级无障碍要求。
质量保障
- 单测覆盖率 - Vitest单测覆盖率超过90%，覆盖正常态和边界态
- 视觉回归测试 - Storybook + Chromatic实现组件视觉回归测试
- 自动化构建 - GitHub Actions自动化构建、测试、发布
- 语义化版本 - 遵循SemVer规范，变更日志清晰可查