👑 [需求] 比 LightFilter 更轻量的筛选组件

[guowenfh]

🔩 所属模块或组件

ProForm LightFilter

🥰 需求描述

目前的轻量筛选在结合表格使用时，已经蛮好用的了。但是在筛选项过多时，仍然会切分为多行占据屏幕空间。
我们可能需要比目前的轻量筛选更轻量的筛选组件，无论多少个筛选项都是在一个 input 下。动态添加筛选项，支持横向滚动，及下拉展示全部内容。

⛰ 功能需求适用场景

大量搜索项，可有机组合的情况。

🧐 解决方案

基于 目前的 LightFilter 进行增强。可以算是 LightFilter 增强版，可参考 https://devui.design/components/zh-cn/category-search/demo#auto-scroll

🚑 其他信息

参考截图：

[chenshuai2144]

这个是 tag 模式的select ，看起来很炫酷呀

[guowenfh]

不仅仅是 select 就像 目前的轻量筛选一样，每一项都能支持进行不同类型的数据的选择，包括 时间，单选，多选，输入框，tag 等等。但是对于用户而言，所展示的就一个输入框。

[chenshuai2144]

有详细设计稿吗？ 这个组件这么复杂交互估计很麻烦

[guowenfh]

设计稿没有，不过这个组件本身也是开源的，不过是 Angular 。https://devui.design/components/zh-cn/category-search/demo#auto-scroll 。在线可体验的

[Tzng]

这种筛选也是我目前所需要的一个组件

我现在用BetaSchemaForm做了个动态筛选，但是我发现BetaSchemaForm的自定义渲染存在问题

当我使用renderFormItem来自定义渲染出来组件的时候，它被显示在一个气泡里面了

这样看着也很奇怪

我觉得renderFormItem应该能够覆盖掉默认的那下拉气泡