Looker 过滤器组件可为基于 Looker 构建的自定义数据应用提供 Looker 的丰富过滤功能。
Looker 组件
Looker 组件是基于 React 的 Looker 应用预构建部分。应用开发者可以在基于 Looker 构建的数据应用和扩展程序中使用组件。
组件可与 Looker 扩展框架和 Looker 的嵌入 SDK 搭配使用。
Looker 过滤条件组件
过滤器组件可为自定义构建的数据应用和自定义嵌入式 Looker 信息中心提供 Looker 的丰富过滤功能。使用 Looker API（通过 SDK 或 扩展程序）提取给定信息中心的 JSON，开发者可以在其应用中添加过滤器组件，并传入信息中心中每个过滤器的属性。然后，该组件会根据其字段和存储的界面配置渲染每个过滤条件。
过滤器组件软件包提供 12 种过滤器控件，类似于Looker 自己的信息中心提供的控件：
- 按钮组
- 复选框
- 标签列表
- 范围滑块
- 按钮切换开关
- 单选按钮
- 下拉菜单
- 滑块
- 单日
- 日期范围
- 时间范围
- 高级
过滤器组件通过两个协同工作的软件包提供：@looker/filter-components 和 @looker/filter-expressions。@looker/filter-components 软件包通过使用字段、过滤条件类型和当前过滤条件表达式（可从任何信息中心过滤条件中获取）来呈现过滤条件组件。@looker/filter-expressions 软件包会将过滤条件表达式转换为可供 @looker/filter-components 使用的结构化数据。
为什么要使用过滤器组件？
过滤器组件可为开发者节省时间，让在 Looker 中工作的分析师能够构建和维护可自定义且强大的用户体验。Looker 过滤条件组件具有以下优势：
- 优质的过滤体验 - 过滤器组件提供 Looker 丰富的过滤逻辑和各种过滤器控件，以便最适合您所需的过滤器类型。
- 加快开发速度 - 过滤器组件提供开箱即用的过滤器访问权限，让开发者可以专注于其他任务，从而加快整体开发速度。
- 自定义 - 您可以根据应用、扩展程序或嵌入式信息中心的外观和风格自定义过滤条件控件。开发者可以使用过滤器组件提供比以往更多的自定义功能。
- 已关联到 Looker 信息中心 - 过滤器组件可以直接连接到 Looker 信息中心上的过滤器，并且该过滤器的版本将在使用该组件的 Looker 应用、扩展程序或嵌入中呈现。任何对与过滤器组件关联的 Looker 信息中心拥有编辑权限的用户都可以在 Looker 信息中心中修改过滤器，这会更新应用、扩展程序或嵌入中的过滤器。这样，开发者就不必每次出于业务原因调整过滤条件时都进行调整，从而节省了开发者的时间。
- 与 Looker 模型相关联 - 过滤器组件会感知其所依赖的 Looker 模型的更改，这意味着过滤器字段和其他选项是动态的，并会随着底层模型的更新而更新。
安装和使用过滤器组件
从 @looker/components NPM 代码库下载 @looker/filter-components 和 @looker/filter-expressions 软件包。
如需了解如何安装和使用过滤器组件软件包，请参阅每个软件包的 README 文档，该文档可在 NPM 或 GitHub 中找到。
GitHub 上提供了过滤器组件演示应用。如需了解如何使用该演示，请参阅其自述文件。