项目进展和规划

第一个里程碑的目标是：

• 完成官网左侧组件导航、组件Demo、组件API三个模块；
• 并完整移植 Button 组件，打通组件展示的流程。

因为该流程打通，后续只需要一个组件一个组件进行移植就行，方便 contributor 之间协作开发。

任务安排

任务名	作用	责任人	进度
移植 d-accordion 组件	显示左侧组件导航	kagol	50%
移植 d-tabs 组件	让 Demo/API 的展示分开	flxy1028	80%
移植 d-codebox 组件	展示 Demo 中的示例代码	to0simple	50%
移植 d-highlight 组件	代码高亮	to0simple	0%
移植 d-button 组件	该组件将成为第一个成功移植过程的 Vue 组件	Zcating	50%
编写 Button 组件的 Demo	显示组件的 Demo	Zcating	0%
集成 API 文档	显示组件的 API	kagol	50%
组件库打包	打包并发布到npm	待认领	0%

目前已经有主的组件（其它组件欢迎认领）：

• Accordion - kagol
• Alert - to0simple
• Button - Zcating
• Panel - to0simple
• Tabs - flxy1028

寻找任务的方式

1. 未被认领的组件
2. TODO标识的部分（待办事项）

安装 Todo tree 这个 VS Code 插件，可以一目了然地看到项目中所有的 TODO（待办事项）。

目前进展

2021.3.14

• 完成移植 d-panel 组件 - to0simple
• 完成移植 d-alert 组件 - to0simple

2021.3.8

• 基本完成移植 d-accordion 组件，用于显示左侧组件导航 - kagol
• 基本完成移植 d-tabs 组件，让 Demo/API 的展示分开 - flxy1028
• 基本完成移植 d-codebox 组件，用于展示 Demo 中的示例代码 - to0simple
• 基本完成移植 d-button 组件，该组件将成为第一个成功移植过程的 Vue 组件 - Zcating
• 基本完成集成 API 文档到 API 这个 tab 下 - kagol

2021.2.22

• 项目基本框架已搭建完成，核心目录主要是：devui/src，devui存放组件源码，src存放官网源码；
• 左侧导航完成初版：已将组件路由文件component.route.ts移植过来，并渲染到左侧导航中；
• 样式文件目录devui/style已移植；
• API文档docs/*.md已移植。

后续规划

后续的规划一方面完善项目框架和官网，另一方面一个组件一个组件移植。

完善项目框架和官网

• 组件库打包，并发布到 NPM
• 部署脚本编写，并部署官网
• 单元测试用例编写
• 主题化
• 国际化
• Demo导航
• 组件搜索

组件移植

一共57个组件，只统计TS/HTML的话，只有DataTable组件代码行数超过10000，达到了11118行。

以下是TS/HTML代码行数超过2000行的组件：

组件名	TS/HTML代码行数
data-table	11118
datepicker	8663
tree	5228
select	4778
dragdrop	4445
form	3749
tree-select	3369
gantt	2768
dropdown	2761
cascader	2732
upload	2359
modal	2266

目前，Accordion、Alert、Button、Panel、Tabs三个组件已经有田主，其它组件暂时还无主。
欢迎大家认领自己喜欢的组件田，成为该组件的田主！

详细的组件代码量统计请参考：组件代码量统计