X-Filter

可组合查询 UI

像 Notion 和 GitHub 一样构建筛选器

Schema 驱动的过滤器构建器，适配器一致 —— 用同一份过滤树渲染 Ant Design 或 shadcn，并保持 JSON、DSL、SQL 和校验同步。

阅读文档打开演练场
2 个适配器Ant Design + shadcn
6 种输出JSON、DSL、SQL、MongoDB…
0 后端静态站点就绪

实时演示

Notion 风格数据库筛选

编辑条件，匹配的 issue 实时更新。完整还原 Notion 筛选的端到端体验。

Issues · 筛选视图
Not
Not
Not
Not
Not
DSLstatus:equals:open AND (assignee:contains:ada OR labels:includes:bug)

匹配的 Issues

4 / 6
#TitleStatusAssigneeLabelsComments
#412Crash when filtering empty groupsopengracebug12
#418Add IC inline combinator docsopenadadocsenhancement3
#421Preset bar dropdown overflowdraftopengracebugenhancement7
#430Keyboard navigation for rule rowsdraftopenadafeatureenhancement0

Schema 驱动过滤器

用小型可序列化核心描述字段、操作符、取值、分组和取反。

适配器一致性

用同一份过滤器渲染 Ant Design 或 shadcn，同时保持状态和校验一致。

输出可往返

从同一个事实来源检查 JSON、文本 DSL、参数化 SQL 和校验错误。

文档地图

先走完整集成路径，再深入适配器、DSL、SQL 与部署。

概览

X-Filter 提供什么，以及各包如何配合。

快速开始

创建 schema、渲染构建器并验证结果。

适配器

用同一份核心状态驱动 Ant Design 和 shadcn 适配器。

特性

IC 模式、i18n、键盘导航、响应式、预设、撤销/重做、导入和查询导出。

DSL 与 SQL

在文本 DSL 和参数化 SQL 之间转换过滤器。

API 参考

核心类型、工具函数、React hooks 和适配器属性。

部署

面向 Vercel 和不可变文档构建的静态导出细节。