多端开发头疼？TinyVue 3.30 一招搞定，AI还帮你写代码！

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

在万物互联的今天，前端组件库的边界正在不断被打破。开发者不仅需要 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 都能提供统一且优化的视觉呈现

2. 交互细节的极致打磨

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

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

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

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

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

• AGENTS.md：正式引入编程辅助文件，为 AI 辅助编程提供结构化上下文，让 Copilot 或其他 AI 助手能更懂 TinyVue 工程。文档链接：github.com/opentiny/ti…
• Build with AI：文档中更新了“AI 构建”相关内容，探索组件库与人工智能结合的无限可能。文档链接：github.com/opentiny/ti…

持续稳健：修复与优化

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

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

查看完整 Changelog：
github.com/opentiny/ti…

升级指南

你可以更新 @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 官网：opentiny.design
TinyVue 代码仓库：github.com/opentiny/ti… （欢迎star ⭐）
关于我们：opentiny.design/opentiny-de…

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