varletjs / varlet

A Vue3 component library based on Material Design 2 and 3, supporting mobile and desktop.
https://varlet.pages.dev
MIT License
4.81k stars 602 forks source link

feat(ui/otp-Input): add OTP input component #1614

Open Aybrea opened 2 months ago

Aybrea commented 2 months ago

Checklist

List of tasks you have already done and plan to do.

Change information

Add OTP input component

Issues

close #1603

vercel[bot] commented 2 months ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
varlet ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jun 3, 2024 2:19pm
vercel[bot] commented 2 months ago

@Aybrea is attempting to deploy a commit to the varletjs Team on Vercel.

A member of the Team first needs to authorize it.

chouchouji commented 2 months ago

要考虑form的只读和禁用,参考 input 组件

YHoney7 commented 1 month ago

https://github.com/varletjs/varlet/assets/49771966/69e0852d-8227-4f3b-bde0-33c6113f2106

发现了个问题, 如果用Tab键切换聚焦到第二输入框, 再次输入的话, 聚焦并不是从第一个输入框开始的

Aybrea commented 1 month ago

2024-05-31.00.05.36.mov 发现了个问题, 如果用Tab键切换聚焦到第二输入框, 再次输入的话, 聚焦并不是从第一个输入框开始的

已修正,感谢指出

chouchouji commented 1 month ago

https://github.com/varletjs/varlet/assets/70570907/8330f35a-cc9d-4966-8c80-83aa19b407af

这里有点问题,第一次删除的时候,就直接切换到下一个能删除的地方了,第二个点击删除键,还是停留在删除的那个输入框里

chouchouji commented 1 month ago

20240602162855rec.mp4 这里有点问题,第一次删除的时候,就直接切换到下一个能删除的地方了,第二个点击删除键,还是停留在删除的那个输入框里

已修复