tusen-ai / naive-ui

A Vue 3 Component Library. Fairly Complete. Theme Customizable. Uses TypeScript. Fast.

Home Page:https://www.naiveui.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

新增组件 transfer 全选/取消 按钮事件的回调和可以自定义keyField、labelField

liuhaozhi opened this issue · comments

问题的清晰而简明的描述

我在transfer组件中使用了自定义列表Ntree,问题如下。

  1. 在Ntree勾选数据后,transferTarget不会显示正确的勾选的数据数量。
image
  1. transfer内部的全选/取消去选没有开放回调,当使用transfer全选/取消 无效的时候,或者本身就不想使用transfer的勾选逻辑时,没办法通过自定义实现Ntree的勾选取消。

建议的解决方案

新增on-select-all回调函数,新增指定keyField,labelField。

备选方案

No response

附加上下文

image

验证

  • 阅读 贡献指南
  • 阅读 文档
  • 检查是否已经存在请求相同功能的问题,以避免创建重复的问题。

这里我在Ntree中使用的数据key为“name”,label为“title”,所以会产生第一个问题。transfer的全选/取消全选应该是通过TransferOption 做的,所以当key对应不上的时候,显示就不正确了。