这里指的是 Filter 的功能 Feature，跟上文提及的 Filter 组件功能可能并不能完全覆盖，但是我们提供解决方案，组件的设计始终秉持着不侵入业务的原则，所有与业务相关均给予配置入口。
期望组件使用形式 import Filter from 'rax-pui-filter'; render( <Filter navConfig={[]} onChange={()=>{}}> <Filter.Panel> <业务组件1 /> </Filter.Panel> <Filter.Panel> <业务组件2 /> </Filter.Panel> </Filter> ); 组件功能与业务需求边界划分何为业务功能何为组件功能，这个需要具体的探讨，其实也没有严格意义上的区分。说白了，就是你买个手机，他都会送你充电器。但是。。。为什么很多手机也送手机壳（小米、华为、荣耀）但是 iPhone 却不送呢？所以到底是不是标配？
对于我们这个组件，简而言之：我们能做到的，我们都做！但是其中我们还是梳理出某些功能还是数据业务功能：
navBar 上每一个 navItem 展示什么文案、样式属于业务功能
整个 Filter 的数据处理，包括 url 上的查询参数需要抛给对应 navItem要展示的文案也是业务功能
Filter 是否点击滚动到顶部也是业务功能，毕竟很多搜索页 Filter 本身置顶。而且，对于 rax 而言，不同容器滚动方式还不同（但是我们提供这样的方法给你去调用）
panel 面板里面数据请求、逻辑处理都是你自己的业务逻辑。Filter 只提供基本的容器能力和接口
换言之，Filter 里面任何功能都可以说为业务功能。但是我们需要提供 80%业务都需要的功能封装作为 Filter 的 Future。这就是我们的目的。
根据上面的业务功能和组件功能的区分，我们就知道在使用 Filter 的时候，你应该给我传递什么配置，以及什么方法。
Filter API 参数 说明 类型 默认值（是否必填）navConfig 筛选头配置，
效果图
offsetTop Filter组件展开面板状态下距离页面顶部的高度，有两种状态：固定位置和跟随页面滚动吸附置顶
固定位置 状态下距离页面顶部的高度
跟随页面滚动吸附置顶： 状态下距离页面顶部的高度
效果图
styles 配置样式，Filter中所有样式都可使用styles集合对象来配置覆盖
styles 格式
getStickyRef 获取 Sticky 节点的 ref 实例，用于滚动吸附场景，内部配合 pm-app-plus 容器组件点击 Filter 时自动吸附置顶
示例图
keepHighlight 筛选条件改变后是否需要在筛选头保持高亮
效果图
clickMaskClosable 开启 mask 背景的点击隐藏 Boolean true
onChange Filter 搜索变更回调函数
签名： Function(params:Object,index:Number, urlQuery: Object) => void
参数：
params: Object 搜索参数
index:Number 触发搜索的 Panel 搜索
urlQuery:Object URL query 对象
Function
onPanelVisibleChange Panel 显示隐藏回调函数
签名： Function({ visible:Boolean, triggerIndex:Number, triggerType:String }) => void
参数：
visible:Boolean 显示隐藏标志量
triggerIndex:Number触发的筛选项索引值
triggerType:String 触发类型
triggerType详解 包含三种触发类型
Navbar:来自筛选头的点击触发
Mask:来自背景层的点击触发
Panel:来自Panel 的 onChange 回调触发 Function
Filter prop navConfig 数组配置详解 navConfig
筛选项类型 type
RelatePanel：筛选项关联Panel型，即筛选头和 Panel 是一对一关系，点击筛选头展示 Panel
QuickSearch：筛选项快速搜索排序型，即筛选头没有对应 Panel，点击筛选头直接触发搜索
PureUI：纯 UI占位类型，即纯 UI 放置，不涉及搜索，比如订阅按钮场景