本文由体验技术团队曾令卡同学撰写~
我们非常高兴地宣布,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标签,一起参与开源贡献~