「Versakit 0.3 重磅发布」 两个月开发成果全揭!

👋 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 优势解析

  1. 插件生态丰富(200 + 主流插件支持)
  2. 智能兼容性处理:
    • autoprefixer 自动补全厂商前缀
    • cssnano 优化代码体积(压缩率提升 40%)
  1. 现代特性支持(CSS4 语法实验性支持)
  2. 构建性能提升 30%+
  3. 我们为此还开发了一个插件 去支持@if @for @each @esle等等JS的语法

📖 学习资源

欢迎大家 star✨ 支持,您的反馈是我们前进的动力!✨

🪐 最后的小彩蛋

👕 我们在内部开玩笑说,那个闪电鸟 Logo 印在 T 恤上,说不定还能潮起来?

要不下一版直接出周边?(认真脸.jpg)

大家觉得怎么样,欢迎留言提意见!

相关推荐
Mr_Mao2 小时前
Naive Ultra:中后台 Naive UI 增强组件库
前端
前端小趴菜053 小时前
React-React.memo-props比较机制
前端·javascript·react.js
摸鱼仙人~4 小时前
styled-components:现代React样式解决方案
前端·react.js·前端框架
sasaraku.5 小时前
serviceWorker缓存资源
前端
RadiumAg6 小时前
记一道有趣的面试题
前端·javascript
yangzhi_emo6 小时前
ES6笔记2
开发语言·前端·javascript
yanlele6 小时前
我用爬虫抓取了 25 年 5 月掘金热门面试文章
前端·javascript·面试
中微子8 小时前
React状态管理最佳实践
前端
烛阴8 小时前
void 0 的奥秘:解锁 JavaScript 中 undefined 的正确打开方式
前端·javascript
中微子8 小时前
JavaScript 事件与 React 合成事件完全指南:从入门到精通
前端