Looker 过滤器组件针对基于 Looker 构建的自定义数据应用提供了 Looker 丰富的过滤器功能。
Looker 组件
Looker 组件是基于 React 的预构建 Looker 应用。应用开发者可以在基于 Looker 的基础上构建的数据应用和扩展程序中使用组件。
组件可与 Looker 扩展程序框架和 Looker 的 Embed SDK 搭配使用。
Looker 过滤器组件
过滤器组件为自定义构建的数据应用和自定义嵌入式 Looker 信息中心提供了 Looker 丰富的过滤功能。使用 Looker API（通过 SDK 或 Extension）提取给定信息中心的 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 软件包。
如需了解如何安装和使用过滤器组件软件包，请参阅每个软件包的自述文件（可在 NPM 或 GitHub 中找到）。
GitHub 上提供了过滤器组件演示版应用。关于使用演示的说明会显示在其 README 文档中。