ant-design / pro-components

🏆 Use Ant Design like a Pro!
https://pro-components.antdigital.dev
MIT License
4.14k stars 1.32k forks source link

👑 [需求]ProTable 里配置columns , valueType: 'treeSelect'的时候,有个场景跟antd的TreeSelect组件不符 #8448

Open jiajiaxing1 opened 1 month ago

jiajiaxing1 commented 1 month ago

提问前先看看:

https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way/blob/main/README-zh_CN.md

🔩 组件:ProTable

🥰 需求描述

搜索之后选择可清空搜索 如下图 搜索ss image

选中后: image

pro-components里面给的示例 如下图 搜索0-0 image

选中后没有清空0-0 image

配置了这个属性也不生效autoClearSearchValue image

猜测可能是ProTable里面用的TreeSelect版本不一致?

现在已经用renderFormItem替换掉 Protable自己的 valueType: 'treeSelect',

⛰ 功能需求适用场景

当多选模式下值被选择,自动清空搜索框

fnoopv commented 1 month ago

试了一下,逻辑好像是正确的,因为是多选,选择一个后用户可能还会选择别的,所以搜索值不清空,以便保持当前搜索出来的树供用户选择,当组件失去焦点时就会清空搜索值了

jiajiaxing1 commented 1 month ago

试了一下,逻辑好像是正确的,因为是多选,选择一个后用户可能还会选择别的,所以搜索值不清空,以便保持当前搜索出来的树供用户选择,当组件失去焦点时就会清空搜索值了

不同的场景下,需求是不一样的。你说的场景是正确的,但是也有需要清空的场景。antd的TreeSelect组件基于这种场景是有开配置出来,可以选择搜索选择之后清空也可以不清空。但是ProTable的treeSelect没有这个配置。期望加上这个配置

image
jiajiaxing1 commented 1 month ago

试了一下,逻辑好像是正确的,因为是多选,选择一个后用户可能还会选择别的,所以搜索值不清空,以便保持当前搜索出来的树供用户选择,当组件失去焦点时就会清空搜索值了

不同的场景下,需求是不一样的。你说的场景是正确的,但是也有需要清空的场景。antd的TreeSelect组件基于这种场景是有开配置出来,可以选择搜索选择之后清空也可以不清空。但是ProTable的treeSelect没有这个配置。期望加上这个配置

image
fnoopv commented 1 month ago

研究了一下代码,你必须把showSearch设置为true

https://github.com/ant-design/pro-components/blob/5a1153bcfa6de5d48e30d85401fa748ecd86864d/packages/field/src/components/TreeSelect/index.tsx#L119-L130

fnoopv commented 1 month ago

研究了一下代码,你必须把showSearch设置为true

https://github.com/ant-design/pro-components/blob/5a1153bcfa6de5d48e30d85401fa748ecd86864d/packages/field/src/components/TreeSelect/index.tsx#L119-L130

@chenshuai2144 这一点是不是加到文档里说明一下

jiajiaxing1 commented 1 month ago

研究了一下代码,你必须把showSearch设置为true https://github.com/ant-design/pro-components/blob/5a1153bcfa6de5d48e30d85401fa748ecd86864d/packages/field/src/components/TreeSelect/index.tsx#L119-L130

@chenshuai2144 这一点是不是加到文档里说明一下

试了下,确实可以。之前试了很多写法,唯独没试过两个都需要设置为true的情况