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

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

相关推荐
JarvanMo17 分钟前
2025 年真正有效的 App Store 优化(ASO)
前端·ios
{⌐■_■}19 分钟前
【JavaScript】前端两种路由模式,Hash路由,History 路由
前端·javascript·哈希算法
前端老鹰21 分钟前
HTML `<datalist>`:原生下拉搜索框,无需 JS 也能实现联想功能
前端·html
玲小珑23 分钟前
LangChain.js 完全开发手册(五)Runnable 接口与任务编排系统
前端·langchain·ai编程
江城开朗的豌豆41 分钟前
解密useEffect依赖数组
前端·javascript·react.js
江城开朗的豌豆1 小时前
React Hooks必杀技:前端工程师小杨带你玩转常用API!
前端·javascript·react.js
江城开朗的豌豆1 小时前
Redux状态更新:异步还是同步?
前端·javascript·react.js
前端小巷子1 小时前
Vue 项目性能优化实战
前端·vue.js·面试
Aphasia3111 小时前
useEffect 中Clean up 函数的执行机制
前端·react.js·面试
xw51 小时前
我的后台管理项目报Error: spawn …esbuild.exe ENOENT了
前端