Giter Site home page Giter Site logo

lewkamtao / lew-ui Goto Github PK

View Code? Open in Web Editor NEW
888.0 7.0 63.0 21.83 MB

A beautiful component library based on vue3

Home Page: https://lew.kamtao.com

License: MIT License

JavaScript 0.04% HTML 0.05% Vue 64.85% SCSS 4.20% TypeScript 30.85%
typescript vue vuejs component-library ui-library vue3 vue3-components

lew-ui's Issues

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

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

比如点击列头触发一些事件(如排序?),支持多选框条件筛选等等

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

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

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

比如

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

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

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

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

还需要开源维护者么

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

Textarea缩放问题

1.2版本左右缩放不对劲

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

文档很久没更新了

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

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

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

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

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

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

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

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

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

我的依赖:

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

image

在shadow-root中使用

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

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) => ({

Tag 垂直不居中

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

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.