Playground

每个演示下方实时输出 Criteria 节点——这就是组件交给后端的筛选语义

说明:本页为零依赖纯静态页面,用浏览器内嵌的轻量 JavaScript 模拟各组件的交互与数据流(联想数据、AI 结果均为本地 mock),便于不开工程也能理解组件行为。 要看真实组件(Vue 3 + Element Plus)的完整演示,请克隆仓库后本地运行 examples/demonpm i && npm run demo

智能选项smart_option

点击输入框展开选项,输入本地过滤;点选为精确(蓝),回车输入自定义为模糊(橙)。

部门
null(不参与筛选)

选项内值精确(eq/in),自定义值模糊(like),混选为 mixed。

智能文本text_input

输入关键词,防抖 500ms 后给出数据库 LIKE 参考片段;点击片段上屏,仍可修改。

姓名
null(不参与筛选)

恒为 like;上屏只是填入文字,不改变匹配方式。

智能语义搜索semantic_search

输入关键词后点魔法棒(或失焦),模拟 AI 扩充正/反向词;标签可逐个删除。

技能
null(不参与筛选)

正向词 LIKE OR、反向词 NOT LIKE AND;修改关键词后需重新生成。

智能时间计算 · 规则模式time_calc

选择算符、输入年龄数值,本地规则计算出生日期范围(真实组件另有 AI 对话 / 直接模式)。

年龄
resolved:—
null(不参与筛选)

节点保持 V 侧语义(年龄算符 + 数值),resolved 携带换算后的日期区间(精度:月)。

智能数值计算 · 规则模式number_calc

算符 + 数值,失焦或回车发出条件(真实组件另有 AI 对话模式)。

月薪
null(不参与筛选)

between 输出 { start, end },其余算符输出单个数值。

布尔开关boolean_switch

点击切换开/关;双击开关区域重置为"未设置"(不参与筛选)。

在职状态 未设置
null(不参与筛选)

输出标签字符串(在职 / 离职),未设置输出 null。

精确ID输入id_input

单个标识码输入,固定 eq 精确匹配,输入即生效。

工号
null(不参与筛选)

仅单值 eq:不支持多值(in),不支持模糊(like)。