lewkamtao/lew-ui

A beautiful component library based on vue3

Hi there 👋

• 我目前正在学习 Golang。
• 对 Web 开发的一切都感兴趣。
• 在周末我会做很多有趣的项目。

除了 PicHub，我还创建了一个组件库 Lew-UI( https://lew.kamtao.com )。

lew-ui's Issues

按需引入组件的时候，vue发出了警告

我使用的组件是：LewInputPro
当我安装指南推荐的按需引入组件的时候，vue发出了警告。
当我使用全局注册所有组件时就会正常运行。

我的依赖：

• "lew-ui": "^1.1.24"
• "vue": "^3.2.45"

功能请求: Tree 组件

太中意这个风格了, 只是...数据展示组件光有 Table 没有 Tree ......

如何按需引入样式, 现在打包日志里显示是全量引入

RT

单击模态窗口的遮罩会被强制关闭

我发现新版本 LewModal.vue 中的 maskClick 会强制关闭模态窗口。

比如

:visible="show"
@mask-click="show = false"

新版本如果不写 mask-click，show 的值无法恢复成 false，导致必须写 mask-click，但又无法设置成点击遮罩不关闭。
而旧版本是不写 mask-click 就默认不关闭，写了 mask-click 就通过修改变量来关闭。

可以修改成和旧版本一样，或者增加个 close-on-click-overlay 属性吗？
因为不知道具体设计意图，我也不太清楚哪个比较好，就没有直接提 PR 了。

对于一些用于编辑数据的模态窗口，我认为还是点击遮罩不关闭比较好一点。

非标准分辨率系统缩放视口会有单选框中间元素偏移

单选框选中项中心点偏右下角

将浏览器缩放到110以后：

展示正常

以下是我的系统设置

发现我的分辨率比如iviewui等都会有偏移。。但是naive、ant、element就正常

docs黑暗模式滚动条白色的太突兀，换灰色可能会好些

如题

Select 这种组件有没有 空内容的插槽

RT

Pagination的pageSize改成小于pageShowSize的值有bug

还需要开源维护者么

hi, 看了你们的项目，是一个小而美的项目，请问后续还维护么，需要开源维护者么

Table组件不显示滚动条，无法正常进行横向滚动

不知道这里本来就是这么设计的还是怎么回事，加上一点高度就可以了

在shadow-root中使用

请问如何限制在shadow-root中使用，我在里面打开了drawer，或者是弹框等，全都在外面的最外面层级展示了，就是有没有可能，提供一个参数接收dom节点，表示挂载/父元素？

文档中FancyImage的图片改成三个不同的可能更好点

hongkong doll

字体哪里弄的，源码怎么没找到

1.0.18 版本发的包是不是有问题

import 'lew-ui/dist/style.css'

https://unpkg.com/browse/[email protected]/dist/

仓库组织方式建议改为monorepo

lol,Avatar pic is like sister

hhh

风格真好看，希望快快迭代吧

Table能否支持列宽度拖动？

感觉还是挺刚需的功能

文档中Avatar组件的statusPosition参数类型错误

文档很久没更新了

发现文档很久没更新了，很多组件的参数对不上，目前只能看代码来解决，希望更新下，感谢！

缺少单元测试

现在是否考虑加入单元测试?

textarea缩放不跟手

textarea缩放不跟手，是故意这样设计的吗？

Pagination 分页组件 - 巨量分页点击尾页之后，没有能快速回到首页的地方

RT：Pagination 分页组件 - 巨量分页点击尾页之后，没有能快速回到首页的地方

Tag 垂直不居中

看了下 CSS，height 是 22px，lineHeight 是 13px，应该是这个原因导致的

关于我提交代码时候遇到了大量eslint报错的这件事

不知道是不是我的问题，我在提交代码的时候遇到了大量的eslint报错：

上面截图只是一部分。

bug: Popover组件内嵌套表格时内容无高度

有没有后续的完善计划

input pro 或 select 组件期望支持搜索筛选

期望在 大量的下拉可选数据时 提升易用性（这里的大量指的是 几十上百，暂不考虑巨量数据虚拟滚动等性能问题）

• input-pro 组件的输入框 和 预选择 的选项无法做输入联动，以及无法感知方向键 / 回车键（对标 antd 的 AutoComplete）

  该功能时允许用户输入非预选择的内容，如果输入的内容匹配了部分预选择结果，则预选择的弹窗应该快速的将匹配的结果给列出来，当前可以使用一些自定义的方法（如监听value或者绑定input事件）实现动态筛选，但是预筛选弹框无法感知方向键和回车键去选中想要的结果。

• select 组件不支持自定义输入（对标 antd 的 select - search）

  该功能是 在限定的列表中快速搜索，非法的输入在失去焦点后自动清空用户输入的内容，提升在大量数据（几十到上百）时的易用性

import 'lew-ui/dist/style.css' error

[plugin:vite:import-analysis] Missing "./dist/style.css" specifier in "lew-ui" package

seems to not support by the latest vite? change to import '/node_modules/lew-ui/dist/style.css' will work.
reproduce link

不支持nuxt吗

非常喜欢你 的 图片 播放组件，你能留个联系方式嘛，或者建立一个群，真的好喜欢谢谢

非常喜欢你 的 图片 播放组件，你能留个联系方式嘛，或者建立一个群，真的好喜欢谢谢

Textarea缩放问题

1.2版本左右缩放不对劲

1. 左右缩放框不对
2. 缩放图标在字数限制上时候会选不到缩放图标

可以增加一个colorpicker组件吗

源码

Table 表格 组件 期望能支持列头插槽

目前 Table 组件 针对于 Column 列 样式上控制的支持的很好了，但是缺少事件以及自定义渲染的支持

比如点击列头触发一些事件（如排序？），支持多选框条件筛选等等

如果能支持列头的插槽，那 Table 的可玩性就更好了～

logo.png遇到黑色主题，标签页显示不出来logo。考虑多种颜色？只是建议0.0

form组件validate方法报错

如题，表单validate方法调用第一次正常，调用更多就会报错

const saveAccount = async () => {
    const vail = await accountFormRef.value.validate()
    if (vail) {
        // 验证通过
}

报错内容
index.es.js:6012 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'map') at index.es.js:6012:38

const errors = err.inner.map((error2) => ({