Vue DevUI component library breaks through 57 contributors~🥳🎉

Vue DevUI is a pure community-incubated and evolved vue3 open source component library. It has exceeded 57 contributors and the number of components has reached 53.

On October 1, we posted an article to everyone to synchronize the progress of Vue DevUI

Vue DevUI already has 36 components~😋🥳🎉

At that time Vue DevUI a total of 36 components, added 37 contributors, 123 a PR, 604 submission.

After a month of development by my friends, these data have now almost doubled. As of October 30, 2021, we have a total of:

• 57 contributors
• 53 components
• 222 PR
• 1083 commits

Welcome everyone to join us and build a user-friendly, easy-to-use, and powerful Vue3 open source component library. Interested friends can add DevUI assistant WeChat: devui-official to pull you into our core development group.

Also welcome to follow the DevUI team’s Kagol and the village chief’s live room to learn how to build a Vue3 component library together.

The following is the latest progress Vue DevUI

Components (53)

Vue DevUI current latest version of is: 1617dce81adec3 v1.0.0-beta.2

We have also deployed the website to gitee.io ~

https://kagol.gitee.io/

Welcome everyone to experience and try Vue DevUI , and give us suggestions~

Contains a total of 53 components in 6 categories, and supports on-demand loading of components, theme customization, internationalization and other features.

🌟: New components (17)

General (10)

1. Button Button component- zcating
2. ClickOutside Click on external elements- kd554246839
3. 🌟Fullscreen- micd
4. Icon Icon- kagol
5. Overlay- zcating
6. Panel Panel Components- to0simple
7. Ripple- ErKeLost
8. Search Search box- laiweilun
9. Status- LiuSuY
10. Sticky -1617dce81ae151 maizhiyuan

Navigation (6)

1. Anchor- asian-TMac
2. 🌟Breadcrumb Breadcrumb- Jecyu
3. 🌟NavSprite Navigation Wizard- flxy1028
4. Pagination- half and half
5. 🌟StepsGuide Operation Guide- pupulus
6. Tabs- flxy1028

Feedback (7)

1. Alert- to0simple
2. 🌟Drawer drawer board- nowisfuture
3. Loading Loading reminder- half and
4. 🌟Modal Modal -1617dce81ae455 Zcating
5. 🌟Popover suspension tips- JsHai
6. Toast Global Notification- iel
7. 🌟Tooltip tips- xiao_jius_father

Data Entry (16)

1. 🌟Cascader Cascading Menu- laiweilun
2. CheckBox- brenner8023
3. DatePicker Date Picker- mrundef
4. EditableSelect can enter the drop-down box- chengxi_24
5. 🌟Form- AlanLee97
6. Input text box- brenner8023
7. InputNumber number input box- yqsheng
8. Radio radio box- brenner8023
9. Select drop-down selection box- lookforwhat
10. Slider- httpxiaobocom
11. Switch- brenner8023
12. TagInput Tag input- brenner8023
13. 🌟TimePicker Time Picker- Dr_HHH
14. Transfer shuttle box- guaimeengmengxiaoxiong
15. 🌟 TreeSelect tree selection box- mingol
16. Upload- ~zZ.Lucky

Data presentation (12)

1. Avatar- to0simple
2. Badge logo- duqingyu
3. Card- Vergil
4. Carousel revolving lantern- onlyoupon
5. ImagePreview Picture preview- sise209
6. Progress progress bar- lao--hu
7. QuadrantDiagram- nowisfuture
8. Rate ~zZ.Lucky
9. 🌟Skeleton skeleton screen- ivestszheng
10. 🌟Table- kagol & ivestszheng
11. 🌟TimeAxis- jenson-miao
12. 🌟Tree- gxuud & sufuwang

Layout (2)

1. 🌟Layout- tanwenxue
2. Splitter- Jecyu

As of October 30, 2021, Vue DevUI still has 2 components that have not been claimed:

1. AutoComplete component-simple component
2. DragDrop component-complex component of TOP4

It is worth mentioning that the DragDrop drag-and-drop component is a component with a very wide range of usage scenarios, ranging from drag-and-drop upload of files to draggable Kanban, visual orchestration system, low-code platform, etc., their basic components Both are DragDrop . Although this component is complex and technically difficult, if it can be developed from 0 to 1, not only will it grow a lot, but it will also have a better understanding of drag-and-drop scenarios and fields.

So, everyone is welcome to take this field away~

Become the DragDrop , feel the charm of drag and drop, and you will see a different world of components.

Engineering

In terms of engineering, there were also many optimizations within this month:

1. Increase the rapid positioning function of demo- micd
2. Add a back to top button to the site- zzzautumn
3. Complete the internationalization of the component's official website- xiao_jius_father
4. Transform the warehouse into a monorepo method- kagol

Thanks to all the who participated in the construction of the 1617dce81af099 Vue DevUI