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

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

相关推荐
郝学胜-神的一滴17 分钟前
Cesium绘制线:从基础到高级技巧
前端·javascript·程序人生·线性代数·算法·矩阵·图形渲染
蒙奇D索大1 小时前
【计算机网络】408计算机网络高分指南:物理层编码与调制技术精讲
java·前端·学习·计算机网络
无盐海1 小时前
CSRF漏洞攻击(跨站请求伪造攻击)
前端·csrf
慧一居士1 小时前
CSS3 全部功能点介绍,使用场景,对应功能点完整使用示例
前端
烛阴1 小时前
深入Lua包(Package)与依赖管理
前端·lua
IT_陈寒1 小时前
5个Vue3性能优化技巧,让你的应用提速50% 🚀(附实测对比)
前端·人工智能·后端
god001 小时前
chromium项目中添加源文件(BUILD.gn项目中添加源文件)
java·服务器·前端
快乐非自愿2 小时前
Vue 缓存之坑,变量赋值方式和响应式数据
前端·vue.js·缓存
Github掘金计划2 小时前
别再用 “臃肿监控” 了!这款轻量监控神器开源 3 月狂揽 1.3k Star!
前端·监控
努力学习的少女2 小时前
SpaekSql函数
前端·数据库