TinyVue 2024年规划

[kagol]

经过2023年的持续打磨，我们取得了丰硕的成果：

• 完成 Monorepo 和 TypeScript 工程改造
• 支持 Vue2.7
• 支持 VitePress 服务端渲染
• 提供 Composition api 写法的示例
• 提供 Playground 代码演练场
• 提供 XDesign / Aurora / Infinite 3套新主题
• 增加 RichTextEditor / ColorPicker / Anchor / Guide 等13个新组件

2024年我们将继续根据用户需求优化组件库。

一方面继续完善组件库能力，提供更多实用组件和特性，满足更广泛的业务场景；

另一方面持续优化组件库工程架构和质量，完善组件的 TypeScript 类型声明、E2E测试用例、单元测试用例。

以下是我们2024年的规划。

新特性

根据用户提交的 Issue 持续修复组件缺陷、完善组件能力。

新组件：

• Skeleton 骨架屏 ✨ [Feature]: Please provide Skeleton component #355 Finished by @mengqiuleo on feat(skeleton): skeleton component #1345
• BackTop 回到顶部 ✨ [Feature]: Please provide BackTop component #576
• TagInput 标签输入框
• LoadingBar 加载进度条 ✨ [Feature]: Supports the global display of the loading progress bar of page loading, asynchronous request, and file upload #724
• Card 卡片 ✨ [Feature]: TinyVue 缺少TinyNG 里面的卡片组件  #1358 Finished by @shenjunjian
• Chat 对话组件
• IpSection 分段IP输入框
• Video 视频播放 ✨ [Feature]: Please add video component #294
• Mindmap 思维导图 ✨ [Feature]: Please add mind map component #312 Finished by @GaoNeng-wWw on feat(vue): [mind-map] mindmap #1207
• ProcessDesigner 流程设计器 bpmn.js ✨ [Feature]: Please provide bpmn process designer component #363 Finished by @GaoNeng-wWw

新特性：

• 支持 Nuxt3 ✨ [Feature]: Support Nuxt3 #577 Finished by @18003228289 on feat(tiny-vue-nuxt): [tiny-vue-nuxt] finish importing all components to nuxt module #1838
• 支持 unplugin-vue-components ✨ [Feature]: Please support unplugin-vue-components  #304 Finished by @mengqiuleo on feat auto import plugin #1397
• 支持深色主题 ✨ [Feature]: Need dark mode #415
• Tree 支持虚拟滚动 ✨ [Feature]: The Tree component renders big data, and the page stutters when all is expanded or searched. #256 ✨ [Feature]: Can tree tree control add virtual scrolling function? #317 Finished by @necoxrr on feat(tree): [tree] basic virtual scroll logic #2165
• RichTextEditor 富文本组件功能增强 tiptap prosemirror Finished by @zzzp9527 on feat(rich-text-editor): tiny-tiptap and some extension #1764
• CalendarView 组件功能增强 fullcalendar
• Grid 组件功能增强 VTable vxe-table

工程优化

工程优化的目的是提升质量和效率，主要包含以下几个方面：

• 完善组件的 TypeScript 类型声明 ✨ [Feature]: Hope to add the TypeScript type declaration of components #370
• 优化组件的 Demo/API 文档 ✨ [Feature]: Hope to optimize the demo/api document of the component #484
• 完善 E2E 测试用例 2024.10.25 Total: 1409 tests
• 完善单元测试用例 ✨ [Feature]: Components of tiny-vue may need to add unit tests #206
• Pager 组件抽离 renderless 逻辑层
• Grid 组件抽离 renderless 逻辑层 Finished by @AcWrong02 on refactor(grid-body): [grid] add TInyGridBody renderless logic  #1906
• 完善英文网站
• 完善 renderless 相关文档
• 增加一些提升协作效率的机器人🤖️或自动化工作流，比如：
  • 自动检视代码 Finished by by @GaoNeng-wWw
  • 自动发版本 Finished by by @zzcr
  • 提交PR之后的组件预览网站 Finished by @mengqiuleo

生态扩展

2023年我们完成了 TinyReact 组件库的基础适配，包括基础版本的 React 适配层、本地开发和部署流程，提供了 Button / Alert / Switch / Badge 4个组件，并发布第一个 alpha 版本。

2024年我们将持续扩展组件库生态，主要包含：

• 持续完善 TinyReact 组件库，完善 react-common 适配层，增加更丰富的组件模板
• 适配 openInula 框架，增加 inula-common 适配层 Finished by @liuming9157 on feat: 增加openinula模板转换脚本 #1567 （只实现了基本功能）
• 完善移动端组件库并部署官网，为 TinyEngine 低代码引擎提供移动端组件物料
• 探索和扩展 Solid / Svelte 等新兴框架的组件库 Finished on feat: support solidjs (#1566) #1682（只实现了基本功能）
• 完善 TinyPro 后台管理系统 RuoYi-Vue Finished by @Muyu-art on #139
• 开发鸿蒙组件库 HarmonyOS Developer

欢迎广发开发者朋友一起参与 TinyVue 开源共建！

如果你有意向参与 TinyVue 开源贡献，请在对应的 Issue 下面评论，并在参与贡献之前阅读贡献指南