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

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

相关推荐
陈随易31 分钟前
Postman 被曝自动往 Claude Code 和 Codex 装插件
前端·后端·程序员
Dream-Y.ocean3 小时前
鸿蒙PC平台宅匠 3D 室内设计适配实战:基于 Electron 壳方案的 Three.js 双渲染引擎与参数化户型编辑器开发
javascript·3d·harmonyos
Csvn4 小时前
性能监控
前端
Highcharts.js4 小时前
Highcharts Gantt使用符号的自定义数据标签开发甘特图示例
javascript·甘特图·highcharts·图表开发·实战代码·响应式图表
Csvn4 小时前
构建工具
前端
FRing034 小时前
vue2干货总结3(computed计算属性、watch监听器)
开发语言·前端·vue.js·vue2
Java小卷5 小时前
JuanForm vs FormCreate!Vue3 表单引擎联动配置 PK!
vue.js·低代码
kyriewen7 小时前
Skills 榜前 10 我全装了:只有 3 个能直接用
前端·javascript·程序员
IT_陈寒7 小时前
当Java的hashCode遇上Lombok,我的缓存被全清了
前端·人工智能·后端
工控丫丫7 小时前
帆软看板中经常使用的公式函数及经常搭的组合
前端·javascript·数据库