vant
vant copied to clipboard
youzan
A lightweight, customizable Vue UI library for mobile web apps.
### 这个功能解决了什么问题？ 能够使用vant-cli构建桌面端组件库 ### 你期望的 API 是什么样子的？ 非api，是将原废弃的桌面端组件呈现补充实现
### 重现链接 使用yarn create vant-cli-app 构建项目即可复现 ### Vant Cli 版本 ^4.0.0 ### 描述一下你遇到的问题。 使用vant-cli 初次构建项目时，需要先执行 yarn build，这样才能正常访问 yarn dev 创建的服务 新建组件不能运行，必须要在新增组件内部添加README.md 文件 如果以上是怎么设计的，麻烦在文档里做个说明，跑了一下午，才发现的。 ### 重现步骤 1. yarn create vant-cli-app 2....
### 重现链接 暂无 ### Vant 版本 4.6.4 ### 描述一下你遇到的问题。 2个页面，第一个页面使用van-search组件，点击第一个页面进入第二个页面，第二个页面使用van-field组件，回退到第一个页面，van-search的样式会被第二个组件的van-cell类名给覆盖，原本van-search的类名层级是van-search__field大于van-cell，但是加载了van-field组件后，页面会多van-cell，van-search类名变为van-cell、van-search__field、van-cell。具体重现步骤里的图 ### 重现步骤  ### 设备/浏览器 任何浏览器
### 重现链接 https://codesandbox.io/p/devbox/vant-4-issue-template-forked-fx2fcf?workspaceId=c0a28bf1-02ea-4892-a484-d3515e77a2d4 ### Vant 版本 4.0.4 ### 描述一下你遇到的问题。 Uploader的chooseFile使用模拟点击，导致maxCount为1时无法触发chooseFile ### 重现步骤 1. 设置VanUploader的maxCount为1 2. 先上传一张图片，然后调用uploaderRef.value!.chooseFile() 3. 问题复现 ### 设备/浏览器 _No response_
### What problem does this feature solve? 下滑操作能看到原来页面，下滑一定距离最后关闭ImagePreview ### What does the proposed API look like? 回调参数index: number
### 重现链接 https://codesandbox.io/p/devbox/vant-4-issue-template-forked-gdcczx?workspaceId=acf85d90-a21b-4640-ba64-c57f335b8365&layout=%257B%2522sidebarPanel%2522%253A%2522EXPLORER%2522%252C%2522rootPanelGroup%2522%253A%257B%2522direction%2522%253A%2522horizontal%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522id%2522%253A%2522ROOT_LAYOUT%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522clsv5mq4k00073b6jwgs7jm9k%2522%252C%2522sizes%2522%253A%255B70%252C30%255D%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522EDITOR%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522id%2522%253A%2522clsv5mq4k00023b6j1dv341p7%2522%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522SHELLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522id%2522%253A%2522clsv5mq4k00043b6jss0k19nj%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522DEVTOOLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522id%2522%253A%2522clsv5mq4k00063b6jzw8hrs9r%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%252C%2522sizes%2522%253A%255B50%252C50%255D%257D%252C%2522tabbedPanels%2522%253A%257B%2522clsv5mq4k00023b6j1dv341p7%2522%253A%257B%2522id%2522%253A%2522clsv5mq4k00023b6j1dv341p7%2522%252C%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clsv5tr1a00023b6ihk7eck3t%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522FILE%2522%252C%2522filepath%2522%253A%2522%252Fsrc%252FApp.vue%2522%252C%2522state%2522%253A%2522IDLE%2522%257D%255D%252C%2522activeTabId%2522%253A%2522clsv5tr1a00023b6ihk7eck3t%2522%257D%252C%2522clsv5mq4k00063b6jzw8hrs9r%2522%253A%257B%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clsv5mq4k00053b6jhkx27974%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522TASK_PORT%2522%252C%2522taskId%2522%253A%2522dev%2522%252C%2522port%2522%253A8080%252C%2522path%2522%253A%2522%252F%2522%257D%255D%252C%2522id%2522%253A%2522clsv5mq4k00063b6jzw8hrs9r%2522%252C%2522activeTabId%2522%253A%2522clsv5mq4k00053b6jhkx27974%2522%257D%252C%2522clsv5mq4k00043b6jss0k19nj%2522%253A%257B%2522id%2522%253A%2522clsv5mq4k00043b6jss0k19nj%2522%252C%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clsv5mq4k00033b6j77htyowh%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522TASK_LOG%2522%252C%2522taskId%2522%253A%2522dev%2522%257D%255D%252C%2522activeTabId%2522%253A%2522clsv5mq4k00033b6j77htyowh%2522%257D%257D%252C%2522showDevtools%2522%253Atrue%252C%2522showShells%2522%253Atrue%252C%2522showSidebar%2522%253Atrue%252C%2522sidebarPanelSize%2522%253A15%257D ### Vant 版本 4.7.2 ### 描述一下你遇到的问题。 Calendar设置为平铺展示，poppable为false，页面为Vue上面一个calendar下面一个html table展示数据，点击日期后查询更新table。 当setData后，Calendar会发生滑动，Calendar定位到了选中的日期所在行，能否不滑动。 试了将table 脱离文档流也不管用 ### 重现步骤 Calendar设置为平铺展示，poppable为false，页面为Vue上面一个calendar下面一个html table展示数据，点击日期后查询更新table。 当setData后，Calendar会发生滑动，Calendar定位到了选中的日期所在行，能否不滑动。 试了将table 脱离文档流也不管用 ### 设备/浏览器 安卓 iOS pcchrome 等
issue: #12477 Consider `rolling-text-group` is a new component, we should upgrade the minor version `v4.8.x` -> `v4.9.0`. `rolling-text-group`'s main goal is to control multiple `rolling-text` in order to support more...
### 这个功能解决了什么问题？ 有需求切换DropdownItem的时候，需要先判断是否满足切换条件，不满足条件就拦截切换并给出提示， 目前想法是所有DropdownItem都添加disabled属性，然后在点击事件中做判断并调用DropdownItem的toggle方法， 但是查看文档，目前DropdownItem并不支持点击事件，希望可以添加一下，感谢🙏 ### 你期望的 API 是什么样子的？ ``` ``` ``` const onClick = () => { console.log('item Clicked') } ```
fix: #12457 # 🚧 Under Development! ## Cases - [x] should emit scrollInto when click option - [x] should emit scrollInto when touch move picker ## Effect https://github.com/youzan/vant/assets/13480805/41ecf131-92fe-4799-8532-521e90d11ab7 ## Jobs...
### What problem does this feature solve? I'd like to be able to add helper message to `Filed`. There is a `slot` for error and validation message but coloris always...
