爆肝两年！打磨了一款 Vue 3 组件库（很新），欢迎体验 👏

[userKamtao]

项目地址

• 文档地址： https://lew.kamtao.com
• github： https://github.com/lewkamtao/Lew-UI

背景

依稀记得两年前，在 v2 首发第一个版本，到现在已经两年了，这个组件库仍然在每天维护。

起初有过几个小伙伴感兴趣来维护，但是发现每个人的写法参差不齐，后面可能会堆叠成一坨千奇百怪的东西，以至于我自己也没办法自主可控。所以这两年主要还是我自己在维护。

因为很喜欢前端，可以把前端当作爱好，以至于周末和下班后，仍然有热情坐在电脑前打磨各种有趣的东西。

其实 Lew-UI 和传统的大厂组件库还是有区别的，用法上更灵活，比如：

优点

• 内置近 50 个常用组件以及全局指令
• 用了最新的 Vue 3.5
• 赏心悦目的暗黑模式
• 与传统的组件库大有不同、用法更简单
• 自主研发表单引擎，复杂表单也可以写快快
• 核心团队不会跑路（很重要）

缺点

犹豫个人精力有限，组件库可能仍然无法达到企业级使用的程度。 它有以下的这些问题：

• 它还没被大规模的广泛应用
• 它还没经历过千锤百炼的测试
• 它还没适配各种千奇百怪的浏览器

但我可以肯定的是，你在 Github 上提的每一个 issues ，我都很很重视，除非能力有限没法解决 : (

无论是建议还是意见，都非常感谢兄弟们 👏👏👏

[newOpenEyes]

表单引擎中的上传组件样式有问题，会遮挡其他元素

[leaveeel]

支持，我也想过做 ui 组件，不过懒一直没做。
看了一下组件只有演示和属性，部分属性可选的枚举没有列出来，<Props>可以再加一列可选值，像 icon<props>可以链接到 icon<menu>，objectFit<props>链接到 object-fit<MDN>这样。文档方面可以再完善下。

DatePicker 格式化那里选完日期再打开选择框上面的年月会变成 NaN 。

- DateRangePicker 有很多 bug
- 第一次加载完先选禁用日期再选可用会<Invalid Date>；
- 重新选择日期/执行清空后，先选禁用再选可用，startDate 会是上次的 startDate ；
- 先选可用 [A] 再选禁用 [B] hover 会失效，不会更新日期，再点击 [C] 会清空 value 重新赋值给 startDate ；
- 选中某日期 [A] 后关掉再打开，虽然显示的还是初始值，再选一个日期 [B] 会保存 [A ，B] 的日期范围；简单找了下源码，setValue 方法里 i 再点击的时候就已经进位了，放在判断后面可能就行？没有细看，不过这三个 bug 都是这个导致的。
- 两个日期框没有联动，实际用一个框就能完成跨月的选择

Cascader 第一次保存后再展开没有加默认选中，随后再点击其他项 [B] 不保存关闭再展开会默认选中上次选的 [B]

Pagination 可用加个布局顺序的 props ，参考 elm 的<layout>

页面上组件展开源码的时候通过右边导航定位有问题，应该是没有更新新的位置，也可以点导航收起源码。

[yelan]

有一个小建议，image 组件加载失败的提示图片，可以用“裂开”的背景图效果会好一点~

[ala2008]

没有布局吗，响应式

[hereIsChen]

网站首页有点花，至少要把左上角区域标题和开始使用的 2 个按钮区域留出空白
内容斜着加上流水的数字一直再变
看着有点难受

[zero3412]

提个小建议，Table 组件比如在“固定行列”时，横向滚动条能否高一些，现在鼠标不容易点中
感觉大部分组件库都有这问题

[zhangkui]

表单制作器不错

[baihaoyang]

UI 很炫酷，微信小程序可以用吗？

[mzsongyan]

支持，在小项目中用过，很方便，也提过几次 issues ，楼主也很用心的回复了。
目前来说基本可用了，Table 组件表头要是有排序就好了。

[wjup]

牛逼

[mzsongyan]

@zero3412 可能因为滚动条高了就比较难看，我基本都是用 Shift+鼠标滚轮来操作。

[rrfeng]

手机打开首页。。。一言难尽

[userKamtao]

@ala2008 考虑到组件可能偏后台开发，就没完全适配手机
@zero3412 我忽略了这一点平时都是按住 shift 来左右滚动，我看看怎么优化。
@mzsongyan 这个我最近在完善了，因为需要新增的组件太多了，很多想法堆起来，所以这个需求就 delay 了很久。
@baihaoyang 不支持咧，目前组件就是专注 pc 的后台系统开发
@hereIsChen 不知道是不是屏幕比例问题，其实左上角已经留空了。我看看怎么适配
@yelan 这是个很好的建议，我已经 mark 下来啦

[userKamtao]

@jaycezhang7890 其实我在发布第一个版本的时候，我就用了这个效果，我保证我不是抄他的，嘻嘻～
@zzfly256 这个肯定是支持的，文档有例子
@newOpenEyes 我瞅瞅，还有这种事！
@leaveeel 日期组件这里 还需要完善的东西 太多了，任重道远啊，还要加入时间选择，各种场景，我会努力的！

[userKamtao]

@leaveeel 很开心 收到你这么多的建议 感谢啦

[userKamtao]

@zzfly256 可能例子写的不好，应该单独拎出来，searchMethod 这个方法，就可以传入一个通过接口获取数据的方法，只需要把 options 返回即可。

[userKamtao]

@zzfly256 表单引擎的选项请求的话 还在构思配置的实现方式

[mocococ]

色彩搭配，效果 风格感觉可以再改改或者增加一些，个人还是比较喜欢 mui 这种，更加温和的风格

https://lew.kamtao.com/#/Alert

https://mui.com/material-ui/react-alert/

OP 的 UI 库 看上去很像 ant.design ， 但是 功能性组件还是有点少。人少写这种确实比较耗时间。

[userKamtao]

@mocococ 好！你喜欢这种，那我直接抄他的风格。看上去很像 ant ，那我要抄一抄 mui ，把好的抄过来。个人精力很有限，而且应该会越来越多的！

[ms2297248353]

我是有个需求，我在开发 Halo 插件时，插件用的也是 Vue, 但是因为插件的缘故，官方提供的组件很简单，写起来一点都不顺手。安装 arco 后 vite 自动导入组件，但是最终，样式全部没有。有没有可能组件完全独立化，安装单个组件，可以直接使用，不用全量安装，样式跟随组件走，也不会造成样式丢失的问题。