👋 jvm好!这里是和团队死磕组件库的 JustHappy 。经过两个月的密集开发,我们正式推出 Versakit 0.3.x 版本,这次带来了多项突破性升级:
经过将近两个月的密集开发,我们正式发布了 Versakit 0.3.x 版本!这一次,我们不只是「更新」组件库,而是带来了多项突破性升级,无论是组件生态、开发体验、设计能力还是底层技术架构,都迎来了质的飞跃。
对了,我们的 Logo 也换新了 ------ 一只 闪电鸟 ⚡️,不知道大家觉得是否ok?欢迎留言区吐槽 or 点赞!
话不多说,下面是给大家的版本汇报简报。如果想更深入了解,可以移步我们的 👉 组件库文档
🚀 核心升级亮点
我们都干了啥.....
📦 组件生态全面升级
我们这次新增了 20+ 高质量通用组件,涵盖以下几大类使用场景:
- 基础组件(Button、Card、Divider...)
- 数据展示组件(Table、Tag、Progress...)
- 表单组件(Input、Select、Checkbox、Form...)
- 导航组件(Tabs、Breadcrumb、Sidebar...)
此外,我们还深度集成了超好用的图标平台 icones.js.org「哈哈感谢大佬antfu」,支持:
- 超过 2000+ 图标库 无缝调用
- 图标可以根据主题进行动态切换(深色/浅色模式、主色调自动适配)
💻 开发体验
- 完整 TypeScript 类型定义(含 JSDoc 注释)
- 智能按需加载(Tree Shaking 原生支持)
🎨 设计能力
🎨 全新设计系统登场
我们知道,UI 组件库的「灵魂」不仅是代码,还有设计。
因此,Versakit 0.3.x 全面重构了主题系统,支持:
- 🌈 内置双主题预设:ElementPlus 风格 与 Layui 风格
- 🧩 提供 20+ 可配置主题变量,轻松自定义主色调、边框风格、圆角尺寸等
- 🌗 动态主题切换,支持一键切换暗黑 / 浅色模式
🛡️ 稳定性 & 质量保障
组件库稳定性是我们始终坚持的底线,这一版本我们达成:
- ✅ 单元测试覆盖率达到 92%+ ,仍在持续补全中
- ✅ 使用 Vitest + jsdom 测试框架,支持 DOM 行为模拟
- ✅ 所有组件遵循 无障碍设计原则(ARIA 标准)
- ✅ 浏览器兼容性测试通过主流现代浏览器(Chrome、Safari、Firefox、Edge)
🧬 CSS 技术栈革命
经过多轮技术验证,我们做出重要技术选型:
❌ 弃用传统 CSS 预处理器(Sass/Less)
哈哈,如果你好奇为啥要弃用,欢迎评论区讨论或者直接加我们的联系方式讨论
✅ 全面拥抱 PostCSS 生态
🔍 PostCSS 优势解析
- 插件生态丰富(200 + 主流插件支持)
- 智能兼容性处理:
-
- autoprefixer 自动补全厂商前缀
- cssnano 优化代码体积(压缩率提升 40%)
- 现代特性支持(CSS4 语法实验性支持)
- 构建性能提升 30%+
- 我们为此还开发了一个插件 去支持@if @for @each @esle等等JS的语法
📖 学习资源
- 官方文档:versakit.github.io/Versakit
- GitHub 仓库:github.com/lenran659/V...
- 技术交流:添加微信
jannik1337741710
或者JustHappy-_-
备注【Versakit】 - 我们一起共同进步!
欢迎大家 star✨ 支持,您的反馈是我们前进的动力!✨
🪐 最后的小彩蛋
👕 我们在内部开玩笑说,那个闪电鸟 Logo 印在 T 恤上,说不定还能潮起来?
要不下一版直接出周边?(认真脸.jpg)
大家觉得怎么样,欢迎留言提意见!