OpenTiny社区正式发布TinyVue v3.30.0
在万物互联的今天,前端组件库的边界不断被打破,开发者既需要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工程。
- Build with AI:文档中更新了“AI构建”相关内容,探索组件库与人工智能结合的无限可能。
持续稳健:修复与优化
在追求创新的同时,从未忽视系统的稳定性。本次更新包含了多项Bug Fix,涵盖了:
- 浏览器兼容性:修复了Safari下Input只读状态大段空白及多行显示异常、Firefox下表格水平滚动条等问题。
- 工程化升级:优化了SaaS模式下的样式隔离,改进了E2E测试用例,确保组件库在复杂生产环境下的健壮性。
升级指南
可以更新 `@opentiny/vue@3.30.0` 进行体验!
# 安装最新版本npm install @opentiny/vue@3.30.0# 或使用 yarnyarn 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一起参与交流前端技术~如果你也想要共建,可以进入代码仓库,找到good first issue标签,一起参与开源贡献~如果你有任何问题,欢迎在评论区留言交流!