Vue DevUI是一个基于DevUI设计体系的Vue3组件库，倡导沉浸、灵活、至简的设计价值观，使用最新的Vue3+Vite+TypeScript+JSX技术栈。

目前支持以下特性：

1. 使用Vue3+TypeScript+JSX开发的33个基础组件
2. 完善的组件 demo/api 文档
3. 支持按需引入
4. 支持主题定制（内置深色和浅色模式两种主题）
5. 支持国际化
6. 支持SSR

这是一个纯社区运作的开源项目。

2021年1月9日，Vite刚刚发布了2.0.0-beta.15版本，我们使用该版本搭建了Vue DevUI的基础工程。

2021年11月28日，经过323天，我们一共有：

• 67位贡献者
• 61个组件
• 294个PR
• 1409次提交

以下是Vue DevUI的贡献者列表：

感谢每一位DevUI的贡献者！

Vue DevUI目前最新的版本是：v1.0.0-beta.7

目前发布1.0版本的时机已经基本成熟，我们计划于2021年12月24日发布Vue DevUI 1.0版本。🎉🎉 欢迎大家试用Vue DevUI，并给我们提供反馈！ 1.0版本只是一个开始，也欢迎大家参与贡献，一起建设DevUI的开源生态！

---

以下是Vue DevUI目前的最新进展情况。

组件(61)

🌟：新增的组件(8)

通用(10)

1. Button 按钮组件 - zcating
2. ClickOutside 点击外部元素 - kd554246839
3. Fullscreen 全屏 - micd
4. Icon 图标- kagol
5. Overlay 遮罩层 - zcating
6. Panel 面板组件 - to0simple
7. Ripple 水波纹 - ErKeLost
8. Search 搜索框 - laiweilun
9. Status 状态 - LiuSuY
10. Sticky 便贴 - maizhiyuan

导航(9)

1. 🌟Accordion 手风琴 - zyc2019
2. Anchor 锚点 - asian-TMac
3. 🌟BackTop 回到顶部 - c0dedance
4. Breadcrumb 面包屑 - Jecyu
5. 🌟Dropdown 下拉菜单 - zcating
6. NavSprite 导航精灵 - flxy1028
7. Pagination 分页 - 对半
8. StepsGuide 操作指引 - pupulus
9. Tabs 选项卡组件 - flxy1028

反馈(7)

1. Alert 警告 - to0simple
2. Drawer 抽屉板 - nowisfuture
3. Loading 加载提示 - 对半
4. Modal 模态弹窗 - Zcating
5. Popover 悬浮提示 - JsHai
6. Toast 全局通知 - iel
7. Tooltip 提示 - xiao_jius_father

数据录入(17)

1. Cascader 级联菜单 - laiweilun
2. CheckBox 复选框 - brenner8023
3. DatePicker 日期选择器 - mrundef
4. EditableSelect 可输入下拉框 - chengxi_24
5. Form 表单 - AlanLee97
6. Input 文本框 - brenner8023
7. InputNumber 数字输入框 - yqsheng
8. Radio 单选框 - brenner8023
9. Select 下拉选择框 - lookforwhat
10. Slider 滑块 - httpxiaobocom
11. Switch 开关 - brenner8023
12. TagInput 标签输入 - brenner8023
13. 🌟Textarea 多行文本框 - afterain
14. TimePicker 时间选择器 - Dr_HHH
15. Transfer 穿梭框 - guaimeengmengxiaoxiong
16. TreeSelect 树形选择框 - mingol
17. Upload 上传 - ~zZ.Lucky

数据展示(15)

1. Avatar 头像 - to0simple
2. Badge 徽标 - duqingyu
3. Card 卡片 - Vergil
4. Carousel 走马灯 - onlyoupon
5. 🌟Comment 评论 - li-shiyao-njl
6. 🌟Gantt 甘特图 - liuyingbin
7. ImagePreview 图片预览 - sise209
8. Progress 进度条 - lao--hu
9. QuadrantDiagram 象限图 - nowisfuture
10. Rate 评分 - ~zZ.Lucky
11. Skeleton 骨架屏 - ivestszheng
12. Table 表格 - kagol & ivestszheng
13. 🌟Tag 标签 - c0dedance
14. TimeAxis 时间轴 - jenson-miao
15. Tree 树 - gxuud & sufuwang

布局(3)

1. 🌟Grid 栅格 - tanwenxue
2. Layout 布局 - tanwenxue
3. Splitter 分割器 - Jecyu

Table组件的重大突破

经过11月份的开发，除了新增了8个组件之外，我们迎来了DevUI组件库复杂度TOP1的Table组件的重大突破！

目前Table组件已经支持以下功能：

1. 基础表格渲染
2. 表格基本样式定制：斑马纹、表头颜色、布局方式、Hover态
3. 支持加载中和无数据状态
4. 表格行勾选
5. 表格列排序、过滤
6. 表头固定
7. 表格列固定

感谢Zcating和无声同学的辛勤付出！

这是Zcating同学的个人公众号：zcx的工作室，欢迎大家多多关注他！

无声同学是Skeleton骨架屏组件的田主，虽然加入Vue DevUI开源项目的时间并不长，活跃度却非常高，目前是Vue DevUI提交数量TOP5的贡献者。

关于Skeleton骨架屏组件的设计和思考，无声同学还专门写了一篇文章进行总结，写得非常棒，不仅写Skeleton的技术实现原理，也有对Skeleton组件使用场景和价值的思考，大家给他点个赞支持下吧！

DevUI 招募贡献者啦

目前Vue DevUI和Ng DevUI都在大量招募社区贡献者，欢迎加入我们！

一起学习最新的Vue3+Vite+TypeScript+JSX技术，一起结识和你一样热爱学习、热爱开源的社区小伙伴，一起打造一个优秀的Vue3组件库产品，一起建设一个开放、友好、共同成长的开源社区生态！

添加小助手微信：devui-official，拉你进DevUI技术交流群。