本文由云软件体验技术团队岑灌铭原创。
在万物互联的今天，前端组件库的边界正在不断被打破。开发者不仅需要 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标签，一起参与开源贡献~如果你有任何问题，欢迎在评论区留言交流！
