StnCollapseSearch
262 字小于 1 分钟
2024-12-31
StnCollapseSearch 是基于 Navie 折叠面板 组件封装得到的一个折叠搜索组件。
组件参数
| 参数名 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| title | 标题 | string | '搜索' |
| collapse | 是否使用折叠面板的形式 | boolean | true |
| triggerAreas | 使用折叠面板的形式时,能够触发折叠展开的区域 | Array<("extra" | "main" | "arrow")> | ['main', 'arrow'] |
| operationsCollapse | 操作按钮是否折叠收缩显示 | boolean | false |
| resetText | 重置按钮的文本内容 | string | '重置' |
| searchText | 搜索按钮的文本内容 | string | '搜索' |
组件事件
| 事件名 | 描述 | 参数 | 返回值 |
|---|---|---|---|
| search | 搜索按钮点击事件 | void | |
| reset | 重置按钮点击事件 | void |
组件插槽
| 插槽名 | 描述 | 参数 |
|---|---|---|
| default | 默认插槽,用于放置搜索框等内容 | |
| arrow | 折叠面板展开折叠的图标 | |
| title | 折叠面板的标题 | |
| operations | 操作按钮区域的内容 | |
| reset | 重置按钮 | |
| reset-icon | 重置按钮的图标 | |
| search | 搜索按钮 | |
| search-icon | 搜搜按钮的图标 |
