Vue DevUI是一個純社群孵化和演進的vue3開源元件庫，目前已經突破57位貢獻者啦，元件數量也達到53個。

10月1日，我們發了一篇文章給大家同步Vue DevUI的進展：

Vue DevUI 已經有36個元件啦～???

當時Vue DevUI一共有36個元件，新增了37位貢獻者、123個PR、604次提交。

經過小夥伴們一個月的開發，現在這些資料幾乎都翻倍了，截止到2021年10月30日，我們一共有：

57位貢獻者
53個元件
222個PR
1083次提交

歡迎大家加入我們，一起建設一個好用、易用、功能強大的 Vue3 開源元件庫，感興趣的小夥伴可以加 DevUI 小助手微信：devui-official，拉你進我們的核心開發群。

也歡迎關注DevUI團隊的Kagol和村長的直播間，一起學習如何建設一個Vue3元件庫。

以下是Vue DevUI目前的最新進展情況。

元件(53)

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

我們也將網站部署到gitee.io啦～

https://kagol.gitee.io/

歡迎大家體驗和試用Vue DevUI，並給我們提意見～

包含6類共53個元件，並支援元件的按需載入、主題定製、國際化等特性。

?：新增的元件(17)

通用(10)

Button 按鈕元件 - zcating
ClickOutside 點選外部元素 - kd554246839
?Fullscreen 全屏 - micd
Icon 圖示- kagol
Overlay 遮罩層 - zcating
Panel 皮膚元件 - to0simple
Ripple 水波紋 - ErKeLost
Search 搜尋框 - laiweilun
Status 狀態 - LiuSuY
Sticky 便貼 - maizhiyuan

導航(6)

Anchor 錨點 - asian-TMac
?Breadcrumb 麵包屑 - Jecyu
?NavSprite 導航精靈 - flxy1028
Pagination 分頁 - 對半
?StepsGuide 操作指引 - pupulus
Tabs 選項卡元件 - flxy1028

反饋(7)

Alert 警告 - to0simple
?Drawer 抽屜板 - nowisfuture
Loading 載入提示 - 對半
?Modal 模態彈窗 - Zcating
?Popover 懸浮提示 - JsHai
Toast 全域性通知 - iel
?Tooltip 提示 - xiao_jius_father

資料錄入(16)

?Cascader 級聯選單 - laiweilun
CheckBox 核取方塊 - brenner8023
DatePicker 日期選擇器 - mrundef
EditableSelect 可輸入下拉框 - chengxi_24
?Form 表單 - AlanLee97
Input 文字框 - brenner8023
InputNumber 數字輸入框 - yqsheng
Radio 單選框 - brenner8023
Select 下拉選擇框 - lookforwhat
Slider 滑塊 - httpxiaobocom
Switch 開關 - brenner8023
TagInput 標籤輸入 - brenner8023
?TimePicker 時間選擇器 - Dr_HHH
Transfer 穿梭框 - guaimeengmengxiaoxiong
? TreeSelect 樹形選擇框 - mingol
Upload 上傳 - ~zZ.Lucky

資料展示(12)

Avatar 頭像 - to0simple
Badge 徽標 - duqingyu
Card 卡片 - Vergil
Carousel 走馬燈 - onlyoupon
ImagePreview 圖片預覽 - sise209
Progress 進度條 - lao--hu
QuadrantDiagram 象限圖 - nowisfuture
Rate 評分 - ~zZ.Lucky
?Skeleton 骨架屏 - ivestszheng
?Table 表格 - kagol & ivestszheng
?TimeAxis 時間軸 - jenson-miao
?Tree 樹 - gxuud & sufuwang

佈局(2)

?Layout 佈局 - tanwenxue
Splitter 分割器 - Jecyu

截止到2021年10月30日，Vue DevUI還有2個元件未被認領：

AutoComplete元件 - 簡單元件
DragDrop元件 - TOP4的複雜元件

值得一提的是，DragDrop拖拽元件是一個使用場景非常廣泛的元件，小到檔案的拖拽上傳，大到可拖拽看板、視覺化編排系統、低程式碼平臺等，它們的基礎元件都是DragDrop，這個元件雖然複雜技術難度高，但是如果能從0到1開發出來，不僅自己能有很大的成長，也能對拖拽的場景和領域有更多的理解。

所以，歡迎大家把這塊田領走～

成為DragDrop的田主，感受拖拖拽拽的魅力，你將看到一個不一樣的元件世界。

圖片.png

工程化

工程化方面，這一個月內也有不少優化：

增加demo的快速定位功能 - micd
給站點新增一個返回頂部按鈕 - zzzautumn
完成元件官網國際化 - xiao_jius_father
將倉庫改造成monorepo方式 - kagol

感謝所有參與Vue DevUI元件庫建設的小夥伴們！

Vue DevUI 元件庫突破57位貢獻者啦～??