[Select] 自定义渲染的label需要进行容错处理

[kajweb]

tdesign-react 版本

1.5.3([email protected])([email protected])

重现链接

无

重现步骤

开启搜索，并将label设置为ReactNode：如label={<>{option.label}</>}
在页面中进行搜索

期望结果

正常搜索

实际结果

搜索异常

框架版本

No response

浏览器版本

No response

系统版本

No response

Node版本

No response

补充说明

src/select/base/Select.tsx

第240行附近，对label进行了toUpperCase的操作

filteredOptions = tmpPropOptions.filter((option) => (option?.label || '').toUpperCase().includes(upperValue)); // 不区分大小写

[github-actions]

👋 @kajweb，感谢给 TDesign 提出了 issue。
请根据 issue 模版确保背景信息的完善，我们将调查并尽快回复你。

[uyarn]

可以暂时这样
{ label: label, content: <>{{label}}</> } 来使用 具体怎么容错我们讨论一下

[kajweb]

目前已经这样使用了。。。
但是目前的场景是content 可能会是多行，然后label会重新渲染为单行。。。但是为了好看，label也写成了ReactNode

[uyarn]

目前已经这样使用了。。。 但是目前的场景是content 可能会是多行，然后label会重新渲染为单行。。。但是为了好看，label也写成了ReactNode

那label写成纯string不行吗？

[kajweb]

可以

[uyarn]

写成纯string 暂时可以支持这个场景的使用 https://stackblitz.com/edit/react-ca1yfc?file=src%2Fdemo.jsx 如果选中项也需要定义样式 可以配合valueDisplay再进行定制