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

我们非常高兴地宣布,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 请参考:github.com/opentiny/ti...

本次版本共有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 官网进行体验:opentiny.design/tiny-vue

移除低频使用组件

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

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

css 复制代码
npm i @opentiny/vue-credit-card-form

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

javascript 复制代码
import { CreditCardForm } from '@opentiny/vue'->import CreditCardForm from '@opentiny/vue-credit-card-form'

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

更多更新请参考更新日志:github.com/opentiny/ti...

贡献者招募

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

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

TinyVue 2024年规划

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

还有以下新特性待实现:

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

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

关于 OpenTiny

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


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

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

OpenTiny 官网opentiny.design/
OpenTiny 代码仓库github.com/opentiny/
TinyVue 源码github.com/opentiny/ti...
TinyEngine 源码github.com/opentiny/ti...

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

相关推荐
熊的猫1 小时前
JS 中的类型 & 类型判断 & 类型转换
前端·javascript·vue.js·chrome·react.js·前端框架·node.js
瑶琴AI前端1 小时前
uniapp组件实现省市区三级联动选择
java·前端·uni-app
会发光的猪。1 小时前
如何在vscode中安装git详细新手教程
前端·ide·git·vscode
mosen8682 小时前
Uniapp去除顶部导航栏-小程序、H5、APP适用
vue.js·微信小程序·小程序·uni-app·uniapp
别拿曾经看以后~2 小时前
【el-form】记一例好用的el-input输入框回车调接口和el-button按钮防重点击
javascript·vue.js·elementui
我要洋人死2 小时前
导航栏及下拉菜单的实现
前端·css·css3
科技探秘人3 小时前
Chrome与火狐哪个浏览器的隐私追踪功能更好
前端·chrome
科技探秘人3 小时前
Chrome与傲游浏览器性能与功能的深度对比
前端·chrome
JerryXZR3 小时前
前端开发中ES6的技术细节二
前端·javascript·es6
七星静香3 小时前
laravel chunkById 分块查询 使用时的问题
java·前端·laravel