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标签,一起参与开源贡献~

相关推荐
HelloGitHub30 分钟前
跟着 8.6k Star 的开源数据库,搞 RAG!
开源·github
黑客老陈34 分钟前
新手小白如何挖掘cnvd通用漏洞之存储xss漏洞(利用xss钓鱼)
运维·服务器·前端·网络·安全·web3·xss
正小安39 分钟前
Vite系列课程 | 11. Vite 配置文件中 CSS 配置(Modules 模块化篇)
前端·vite
编程百晓君1 小时前
一文解释清楚OpenHarmony面向全场景的分布式操作系统
vue.js
暴富的Tdy1 小时前
【CryptoJS库AES加密】
前端·javascript·vue.js
neeef_se1 小时前
Vue中使用a标签下载静态资源文件(比如excel、pdf等),纯前端操作
前端·vue.js·excel
m0_748235611 小时前
web 渗透学习指南——初学者防入狱篇
前端
z千鑫1 小时前
【前端】入门指南:Vue中使用Node.js进行数据库CRUD操作的详细步骤
前端·vue.js·node.js