Intro 介绍 ​

Congb19 的 Vue 3 组件库。Congb19's Vue 3 Component Library.

特点 / Features ​

• 连续，养眼的视觉效果
• 简单易用
• TS 支持
• CSS vars 自定义主题

设计稿 / Designs ​

https://www.figma.com/file/Y6PKYIz5jh7VRWw6AshYel/combo-ui?node-id=0%3A1 （建设中）

尝试了一下设计后发现没有设计功底，先不耗费时间在设计上

先进行组件实现，基础组件设计方面参考 Element Plus，边写边改

日程表 / Todos ​

• 通用组件

  • 按钮 Button ✅
  • 标签 Tag ✅
  • 输入框 Input ✅
  • 图标 Icon ✅
    • todo: windows 下存在 emoji 大小不统一问题
  • 勾选框 Checkbox ✅
  • 开关 Switch ✅
  • 下拉菜单 Dropdown ✅
  • 选择器 Select ✅
    • todo: windows 下滚动条样式问题
  • 块 Block ✅
  • 日期选择器 DatePicker
  • ...

• 组合式函数

  • 消息 useMsg (with MessageProvider) ✅
  • 主题 useTheme (with ThemeProvider) ✅
    • todo：主题生成器
    • todo：使用主题生成器生成自定义主题 css 文件。
  • 加载 useLoading（with LoadingProvider）✅

• build 脚本

  • 组件打包发布

起因 / Thinking ​

从初学前端算起，已经写了好多好多年了，包括学校项目和工作项目，几乎都沉浸在业务页面，用着别人的造好的各种轮子，对自己没有什么提升，简历上都摆不出什么值得一谈的项目内容来。于是自从 20 年 Vue3 出现开始，萌生了这个 Combo UI 的 idea。

这么多年，脑子里真的出现过很多很多 idea，但是懒癌时不时发作，导致它们一直在脑子里，最多最多只是开了个头。最后很多都死掉了。

希望 Combo UI 不要死掉！