「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)

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

相关推荐
HelloRevit35 分钟前
React DndKit 实现类似slack 类别、频道拖动调整位置功能
前端·javascript·react.js
阿珊和她的猫1 小时前
Webpack Dev Server的安装与配置:解决跨域问题
vue.js·webpack
ohMyGod_1231 小时前
用React实现一个秒杀倒计时组件
前端·javascript·react.js
eternal__day1 小时前
第三期:深入理解 Spring Web MVC [特殊字符](数据传参+ 特殊字符处理 + 编码问题解析)
java·前端·spring·java-ee·mvc
醋醋1 小时前
Vue2源码记录
前端·vue.js
艾克马斯奎普特1 小时前
Vue.js 3 渐进式实现之响应式系统——第四节:封装 track 和 trigger 函数
javascript·vue.js
敲代码的玉米C2 小时前
Vue Draggable 深入教程:从配置到实现的完整指南
vue.js
frontDeveloper2 小时前
Vue3基础使用概览
vue.js
江耳2 小时前
从10秒到无限流:我用Vercel+NextJS实现AI流式对话遇到的超时问题及解决方案
前端
总之就是非常可爱2 小时前
三分钟让你看懂alien-signals computed基本原理
前端