Skip to content

🐛 [BUG]ProTable中使用LightFilter ProFormSelect 选中值重复出现问题 #11612

@garyyeh

Description

@garyyeh

🐛 bug 描述

你好,在ProTable中使用toolbar->filter属性中指定LightFilter,代码如下
<ProFormSelect name="sex" label="性别" showSearch allowClear={false} fieldProps={{ labelInValue: true, }} valueEnum={{ man: "男", woman: "女", }} /> )}
当选择某一个选项后,界面会显示两次选中的值,如图:
Image

界面中显示了两个【男】值,一个和label重叠,一个显示在label后面。如果不设置label,两个【男】字会重叠在一起,但有一点点错位,出现重影的情况。如图:
Image

  • Ant Design Pro 版本: 6.0.0
  • umi 版本
  • 浏览器环境
  • 开发环境 ant-design/pro-components": "3.1.0-0" ant design 6.2.0

🚑 其他信息

1、labelInValue设置为false情况也是一样。
2、在 ProFormSelect 上设置label={false}并不能解决问题。
3、添加代码
lightProps={{
labelFormatter: (value) => value?.label || value,
}}
也解决不了问题。
4、升级到 "@ant-design/pro-components": "3.1.0-0", ant design 6.2.0后,问题还是没有解决。

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions