[方案]基于element-plus二次封装组件库-第1篇-2023(fast-crud+tui-plus)

组件库

• fast-crud @nice

  • https://github.com/fast-crud/fast-crud (opens new window)

• avue3 @nice

  • https://github.com/nmxiaowei/avue (opens new window)
  • https://avuejs.com/ (opens new window)

@ps 新增了列表卡片切换功能

• plus-pro-components @nice
  • https://github.com/plus-pro-components/plus-pro-components (opens new window)
  • https://plus-pro-components.com/components/table.html (opens new window)

@ps 这个的封装程度非常高, 有机会抄到我们的公共组件库里面去😀

@ps 名字取得太难记了, 很吃亏...

• t-ui-plus @nice
  • @code https://github.com/wocwin/t-ui-plus (opens new window)
  • @doc
    • https://wocwin.github.io/t-ui-plus/components/TQueryCondition/... (opens new window)
    • https://wocwin.github.io/t-ui-plus/components/TTable/base.html (opens new window)
  • @ref https://yangzzyu.github.io/jnf-ui/components/JnSelect/base.html (opens new window)

• element-less @nice
  • https://peerquan.gitee.io/element-less/ (opens new window)
  • https://gitee.com/PeerQuan/element-less (opens new window)

• ideaz-element @nice
  • @code https://github.com/NaiveSteven/ideaz-element (opens new window)
  • @doc https://naivesteven.github.io/ideaz-element/ (opens new window)
  • @intro https://juejin.cn/post/7385776177716576282 (opens new window)

基于 Vue3 和 element-plus，面向中后台业务开发的组件库

• element-pro-components @nice
  • @code https://github.com/tolking/element-pro-components (opens new window)
  • @doc https://tolking.github.io/element-pro-components/zh-CN/compone... (opens new window)

@ps 有一些API创新, 但有点死板

• pure-admin-table @nice
  • @code
    • https://github.com/pure-admin/pure-admin-table (opens new window)
    • https://github.com/pure-admin/pure-admin-table-nuxt3 (opens new window)
    • https://github.com/pure-admin/vue-pure-admin/tree/main/src/vie... (opens new window)
  • @doc https://pure-admin.github.io/pure-admin-table/ (opens new window)

完全兼容 nuxt3

• element-plus-admin组件库
  • https://element-plus-admin-doc.cn/components/table.html (opens new window)
  • https://github.com/kailong321200875/vue-element-plus-admin (opens new window)

@ps 组件文档是纯文字, 很不直观...

• roshan-labs-ui
  • https://github.com/roshan-labs/ui (opens new window)
  • https://roshan-labs.github.io/ui/ (opens new window)

@ps storybook文档不好看...

---

组件库 @sub

• element-plus-crx @nice
  • @doc
    • https://agrass-github.github.io/element-plus-crx/ (opens new window)
    • https://agrass.gitee.io/element-plus-crx (opens new window)
  • @code https://github.com/agrass-GitHub/element-plus-crx (opens new window)

• penk-ui

  • @code https://gitee.com/penk666/penk-ui (opens new window)
  • @doc https://github-zyp.github.io/penk-ui-official/guide/intro/penk... (opens new window)
  • @intro https://blog.csdn.net/cs492934056/category_12144231.html (opens new window)

• vuecmf @coll

  • @by https://github.com/vuecmf (opens new window)
  • @code
    • https://github.com/vuecmf/vue3-vuecmf-table (opens new window)
    • https://github.com/vuecmf/vue-vuecmf-dialog (opens new window)
  • @doc http://www.vuecmf.com/ (opens new window)

• kvuse

  • https://github.com/kvuse/kvuse (opens new window)
  • https://kvuse.github.io/kvuse/element-plus/table-v2 (opens new window)

• cxz-ui

  • @code https://github.com/cxzhub/cxz-ui (opens new window)
  • @doc
    • https://cxzhub.github.io/cxz-ui/components/table.html (opens new window)
    • https://cxzhub.github.io/cxz-ui/components/pro-table.html (opens new window)

@ps API设计得有点简单

• cc-element-components @nice @old
  • https://github.com/LadyChatterleyLover/cc-element-components (opens new window)
  • https://ladychatterleylover.github.io/cc-element-components-we... (opens new window)

• fit2cloud-ui-plus
  • @code https://github.com/fit2cloud-ui/fit2cloud-ui-plus (opens new window)
  • @doc https://fit2cloud-ui.github.io/fit2cloud-ui-plus/#/components/... (opens new window)

• VC 组件库
  • https://github.com/wellfrog16/vc (opens new window)
  • https://wellfrog16.github.io/vc/form/choice.html (opens new window)

• ming-pro
  • https://github.com/shenshuai89/ming-pro (opens new window)

• gaddi
  • https://github.com/jiang-30/gaddi (opens new window)

• Everright-filter
  • https://github.com/Liberty-liu/Everright-filter (opens new window)
  • https://everright.site/filter/doc.html (opens new window)

• ele-pro-table

  • https://github.com/zyij/ele-pro-table (opens new window)

• el-crud-table @old

  • https://gitee.com/lai_yingang/el-crud-table (opens new window)

• el-plus-crud

  • https://github.com/KDJack/el-plus-crud (opens new window)

---

参考 @ref