FilterPanel 筛选面板
xy-filter-panel 适合做页面左侧筛选区或顶部高级筛选区,让筛选头部、折叠和动作区保持一致。
基础用法
它通常和 SearchForm 或业务自定义筛选项一起使用,形成可收起的筛选容器。
高级筛选
把筛选条件和动作区统一包进一块可折叠区域。
当前定位
- 负责筛选区域的头部、折叠行为和动作区承载。
- 适合作为 SearchForm 之外的补充筛选容器。
当前边界
- 当前不内建字段 schema、查询派发和预设管理。
- 真正的查询行为和筛选协议仍由外层页面负责。
FilterPanel API
FilterPanel Attributes
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
title | 面板标题 | string | '' |
description | 面板说明文案 | string | '' |
collapsed | 是否折叠,受控模式 | boolean | undefined |
default-collapsed | 默认是否折叠,非受控模式使用 | boolean | false |
collapsible | 是否显示折叠切换按钮 | boolean | true |
FilterPanel Events
| 事件名 | 说明 | 参数 |
|---|---|---|
update:collapsed | 折叠状态变化时派发 | (value: boolean) => void |
toggle | 折叠状态切换后派发 | (value: boolean) => void |
FilterPanel Slots
| 插槽 | 说明 | 接收参数 |
|---|---|---|
default | 筛选项内容,折叠时隐藏 | - |
meta | 头部右侧补充内容,位于折叠按钮之前 | - |
actions | 底部动作区,仅在提供了内容时渲染 | - |