• 时间:
  • 分类:

本文由云软件体验技术团队岑灌铭原创。

在万物互联的今天，前端组件库的边界正在不断被打破。开发者不仅需要 PC 端的严谨高效，更需要移动端的灵活性与流畅感。

近期，OpenTiny 社区正式发布 TinyVue v3.30.0！这个版本不仅是一次常规的功能迭代，更是 TinyVue 在“跨端响应式”上的里程碑式飞跃。
 

📌 特性总览：版本关键更新一览

在深入细节前，先来看看 3.30.0 版本带来的重大变化：

  • 📱 响应式适配：完成 Button、DialogBox、Drawer 等 20+ 核心组件的移动端布局适配。
  • 🛠️ 组件库增强：CalendarView 支持自定义颜色，RichText 国际化能力提升。
  • 🤖 AI 辅助编程：新增 AGENTS.md，优化 AI 辅助编程的准确度。
  • 🧩 质量稳固：Bug Fix，专项修复 Safari/Firefox 兼容性问题。

🌈 社区新力量

TinyVue 的繁荣离不开每一位贡献者的付出。在此，我们要特别感谢在本版本中首次贡献代码的两位新伙伴：

  • @ga163
  • @zhengshui

另外参与本次贡献的还有9位老朋友：

  • discreted66
  • gimmyhehe
  • James-9696
  • kagol
  • ourcx
  • shenjunjian
  • wuyiping0628
  • Yujing613
  • zzcr

正是因为有你们，OpenTiny 才能持续进化！感谢新老朋友们对 TinyVue 的辛苦付出👏

🚀 核心亮点解析

1. 响应式布局：PC 与 Mobile 的无缝融合

在 3.30 版本中，我们对 20+ 核心组件 进行了深度的跨端适配改造。

  • 组件进化：包括 Link、Cascader、Search、Breadcrumb、Steps、DialogBox、Form、Modal、Button 等在内的常用组件，现在能更好地感知屏幕尺寸，自动切换至最适合当前视口的操作模式。
  • 体验一致性：无论用户是在桌面端的大屏操作，还是在移动端通过触控交互，TinyVue 都能提供统一且优化的视觉呈现

1.gif

2. 交互细节的极致打磨

我们深知，优秀的组件库赢在细节。本版本针对多个复杂组件进行了增强：

  • CalendarView（日历视图） ：新增自定义颜色支持，满足更个性化的日程展示需求

2.gif

  • RichText（富文本） ：组件支持 i18n 国际化，并优化了编辑器弹窗边框显示及超链接重定向拦截，让内容创作更专业。
  • Rate（评分） ：修复了半星选中时的颜色切换问题，视觉反馈更加自然。
  • Drawer（抽屉） ：新增 appendToBody 属性，彻底解决复杂布局下的遮挡与层级难题。

3. AI 助力：开发者的新“队友”

OpenTiny 紧跟 AI 浪潮。在 3.30 版本中：

🐛 持续稳健：修复与优化

在追求创新的同时，我们从未忽视系统的稳定性。本次更新包含了 多项 Bug Fix，涵盖了：

  • 浏览器兼容性：修复了 Safari 下 Input 只读状态大段空白及多行显示异常、Firefox 下表格水平滚动条等问题。
  • 工程化升级：优化了 SaaS 模式下的样式隔离，改进了 E2E 测试用例，确保组件库在复杂生产环境下的健壮性。
     

查看完整 Changelog：
https://github.com/opentiny/tiny-vue/releases/tag/v3.30.0

🔗 升级指南

你可以更新 @opentiny/vue@3.30.0 进行体验！

# 安装最新版本

npm install @opentiny/vue@3.30.0

# 或使用 yarn

yarn add @opentiny/vue@3.30.0

 
结语： TinyVue 3.30 是我们向“全场景、全端化”迈进的重要一步。无论是在复杂的企业级后台，还是轻量级的移动端应用，TinyVue 都致力于成为您最可靠的 UI 伙伴！

关于 OpenTiny NEXT

OpenTiny NEXT 是一套企业智能前端开发解决方案，以生成式 UI 和 WebMCP 两大核心技术为基础，对现有传统的 TinyVue 组件库、TinyEngine 低代码引擎等产品进行智能化升级，构建出面向 Agent 应用的前端 NEXT-SDKs、AI Extension、TinyRobot智能助手、GenUI等新产品，实现AI理解用户意图自主完成任务，加速企业应用的智能化改造。

欢迎加入 OpenTiny 开源社区。添加微信小助手：opentiny-official 一起参与交流前端技术~
OpenTiny 官网：https://opentiny.design
TinyVue 代码仓库：https://github.com/opentiny/tiny-vue （欢迎star ⭐）
关于我们：https://opentiny.design/opentiny-design/about

如果你也想要共建，可以进入代码仓库，找到 good first issue标签，一起参与开源贡献\~如果你有任何问题，欢迎在评论区留言交流！

标签: none

添加新评论