Skip to content

FilterPanel 筛选面板

xy-filter-panel 适合做页面左侧筛选区或顶部高级筛选区,让筛选头部、折叠和动作区保持一致。

基础用法

它通常和 SearchForm 或业务自定义筛选项一起使用,形成可收起的筛选容器。

高级筛选

把筛选条件和动作区统一包进一块可折叠区域。

当前定位

  • 负责筛选区域的头部、折叠行为和动作区承载。
  • 适合作为 SearchForm 之外的补充筛选容器。

当前边界

  • 当前不内建字段 schema、查询派发和预设管理。
  • 真正的查询行为和筛选协议仍由外层页面负责。

FilterPanel API

FilterPanel Attributes

属性说明类型默认值
title面板标题string''
description面板说明文案string''
collapsed是否折叠,受控模式booleanundefined
default-collapsed默认是否折叠,非受控模式使用booleanfalse
collapsible是否显示折叠切换按钮booleantrue

FilterPanel Events

事件名说明参数
update:collapsed折叠状态变化时派发(value: boolean) => void
toggle折叠状态切换后派发(value: boolean) => void

FilterPanel Slots

插槽说明接收参数
default筛选项内容,折叠时隐藏-
meta头部右侧补充内容,位于折叠按钮之前-
actions底部动作区,仅在提供了内容时渲染-