QueryPanel
QueryPanel is a container component for list-page query areas. It handles expand/collapse behavior, height measurement, and the right-side action area.
It does not own field layout or form configuration. For standard list pages and CRUD query areas, prefer wrapping a native el-form. Only consider EzDynamicForm when the query fields themselves are truly config-driven.
Basic Usage
Properties
| Property Name | Description | Type | Default |
|---|---|---|---|
| expanded | Expand state | boolean | false |
| collapsedHeight | Base collapsed height | number | 50 |
Slots
| Slot Name | Description | Type |
|---|---|---|
| default | Query area body content | - |
| operate | Right-side action area | - |
Events
| Event Name | Description | Parameters |
|---|---|---|
| update:expanded | Listen to expand state | Function |
Methods
| Method Name | Description | Type |
|---|---|---|
| countViewHeight | Recalculate content height | Function |
Usage Notes
QueryPanelowns the query-area shell and collapse interaction.- For standard CRUD and list pages, prefer native
el-form/el-form-item. - Use
EzDynamicFormonly for the smaller set of cases where query fields are highly reusable or configuration-driven.