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

2024-05-06
广东
本文字数：1812 字
阅读完需：约 6 分钟

本文由体验技术团队曾令卡同学撰写~

我们非常高兴地宣布，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 这三个组件的使用率太低，我们已于 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 年规划

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

还有以下新特性待实现：

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

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

关于 OpenTiny

OpenTiny 是一套企业级 Web 前端开发解决方案，提供跨端、跨框架、跨版本的 TinyVue 组件库，包含基于 Angular+TypeScript 的 TinyNG 组件库，拥有灵活扩展的低代码引擎 TinyEngine，具备主题配置系统TinyTheme / 中后台模板 TinyPro/ TinyCLI 命令行等丰富的效率提升工具，可帮助开发者高效开发 Web 应用。

欢迎加入 OpenTiny 开源社区。添加微信小助手：opentiny-official 一起参与交流前端技术～更多视频内容也可关注B站、抖音、小红书、视频号

OpenTiny 也在持续招募贡献者，欢迎一起共建

OpenTiny 官网：https://opentiny.design/

OpenTiny 代码仓库：https://github.com/opentiny/

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

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

欢迎进入代码仓库 Star🌟TinyEngine、TinyVue、TinyNG、TinyCLI~如果你也想要共建，可以进入代码仓库，找到 good first issue 标签，一起参与开源贡献~