TinyVue 3.15.0 正式发布，推出全新的 Charts 图表组件底座，功能更强、图表更丰富！

你好，我是 Kagol。

我们非常高兴地宣布，2024年4月8日，TinyVue 发布了 v3.15.0 🎉。

TinyVue 每次大版本发布，都会给大家带来一些实用的新特性，上一个版本我们推出了业界组件库没有的 MindMap 思维导图组件，实用的 Skeleton 骨架屏和 Card 卡片组件，并增加了 Unplugin 自动按需导入功能，支持 Vite / Webpack / Rollup / esbuild / Rspack 等多种构建工具。

遥遥领先，OpenTiny Vue 3.14.0 正式发布，增加了 MindMap 思维导图等3个新组件

本次 3.15.0 版本主要有以下重大变更：

• 移除 CreditCardForm、DetailPage、SlideBar 组件
• 重构 chart-core，并新增6个图表组件：CircleProcessChart 圆环进度图 、PolarBarChart 极坐标柱状图、HillChart 山峰图、JadeJueChart 玉玦图、AssembleBubbleChart 聚合气泡图、ProcessChart 进度图 - Davont
• 新增 Statistic 数据统计组件 - James-9696

详细的 Release Notes 请参考：https://github.com/opentiny/tiny-vue/releases/tag/v3.15.0

本次版本共有12位贡献者参与开发，其中 @HAOUEHF 是新朋友👏

• @HAOUEHF - 新增贡献者✨
• shenjunjian
• kagol
• zzcr
• gimmyhehe
• Davont
• GaoNeng-wWw
• wuyiping0628
• Huangyilin19
• James-9696
• chenxi-20
• AcWrong02

也感谢新老朋友们对 TinyVue 的辛苦付出！

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

我们一起来看看都有哪些更新吧！

焕然一新的 Charts 图表组件

之前的 Charts 图表组件基于 ECharts 进行封装，完全兼容 ECharts 的 API，适配了华为云规范，包含22个实用的图表组件，不过由于样式都是通过 ECharts 的 API 进行封装的，不便于主题定制，因此我们对其进行了重构和优化。

新的 TinyVue Charts 基于内部的 OpenTiny Charts 图表库进行封装，不仅增加了多主题适配能力，优化了图表的 UI 和交互，还提供了许多提升前端开发效率的创新特性能力，例如：低码化开发、 Design Token 、响应式、大数据性能优化以及无障碍能力等。除基础图表之外，还为复杂业务场景提供了一些业界没有但很实用的图表，例如：流程图、组织关系图和里程碑图等。OpenTiny Charts 已经成功落地在公司内部100多个产品中，持续提升了用户的可视化体验。

新的 TinyVue Charts 完全兼容老的图表，欢迎到 TinyVue 官网进行体验：https://opentiny.design/tiny-vue

移除 CreditCardForm、DetailPage、SlideBar 组件

非常抱歉地告诉大家，由于 CreditCardForm、DetailPage、SlideBar 这三个组件的使用率太低，我们已于 v3.12.0 版本将该组件标记为 Deprecated 已弃用状态，并在 v3.15.0 版本正式移除。

如果你需要继续使用这几个组件，依然可以单独安装以前的版本，比如：

npm i @opentiny/vue-credit-card-form

并将导入方式修改如下即可：

import { CreditCardForm } from '@opentiny/vue'

->

import CreditCardForm from '@opentiny/vue-credit-card-form'

感谢大家对 TinyVue 的支持🧡，也希望大家能一如既往地支持我们 TinyVue！

更多更新请参考更新日志：https://github.com/opentiny/tiny-vue/releases/tag/v3.15.0

贡献者招募

2024年，我们规划了很多新组件和新特性，欢迎朋友们一起参与共建。

可以在以下 discussion 进行任务认领：

TinyVue 2024年规划

目前还有以下新组件待实现：

• BackTop 回到顶部 #576
• TagInput 标签输入框
• LoadingBar 加载进度条 #724
• Chat 对话组件
• Video 视频播放 #294
• ProcessDesigner 流程设计器 #363
• Skeleton 骨架屏 #355 Finished by @mengqiuleo on #1345
• Mindmap 思维导图 #312 Finished by @GaoNeng-wWw on #1207
• Card 卡片 #1358 Finished by @shenjunjian

还有以下新特性待实现：

• 支持 Nuxt3 #577 (https://github.com/opentiny/tiny-vue/pull/1397)
• 支持深色主题 #415
• Tree 支持虚拟滚动 #317
• RichTextEditor 富文本组件功能增强 tiptap prosemirror
• CalendarView 组件功能增强 fullcalendar
• Grid 组件功能增强 VTable vxe-table
• 支持 unplugin-vue-components #304 Finished by @mengqiuleo on [#1397]

另外我们也规划了很多工程优化方面的任务，用以提升项目开发的质量和效率，主要包含：

• 完善组件的 TypeScript 类型声明 #370
• 优化组件的 Demo/API 文档 #484
• 完善 E2E 测试用例
• 完善单元测试用例 #206
• Pager 组件抽离 renderless 逻辑层
• Grid 组件抽离 renderless 逻辑层
• 完善英文网站
• 完善 renderless 相关文档

如果你不满足于开发新特性，而是想独立负责一个完整的项目，探索一些新技术，我们也欢迎你一起参与进来，2024年我们将持续扩展组件库生态，主要包含：

• 持续完善 TinyReact 组件库，完善 react-common 适配层，增加更丰富的组件模板
• 适配 openInula 框架，增加 inula-common 适配层
• 完善移动端组件库并部署官网，为 TinyEngine 低代码引擎提供移动端组件物料
• 探索和扩展 Solid / Svelte 等新兴框架的组件库
• 完善 TinyPro 后台管理系统 RuoYi-Vue
• ⭐开发鸿蒙组件库 HarmonyOS Developer，鸿蒙操作系统是未来的趋势，如何让 TinyVue 的UI组件在鸿蒙操作系统上跑起来，为鸿蒙应用开发提效，丰富鸿蒙开源生态，也是我们未来计划探索的领域。

---

欢迎加入 OpenTiny 开源社区。

添加微信小助手：opentiny-official，一起参与共建！

开源不易，请给 TinyVue 点个 Star ⭐ 鼓励下，感谢你对我们 OpenTiny 的大力支持！

源码：https://github.com/opentiny/tiny-vue

联系我们

GitHub：https://github.com/opentiny/tiny-vue（欢迎 Star ⭐）

官网：https://opentiny.design/tiny-vue

B站：https://space.bilibili.com/15284299

公众号：OpenTiny