# FoldBar 组件 API 文档

## 组件简介 | Component Introduction
`FoldBar` 是用于控制搜索区折叠/展开的辅助组件。

`FoldBar` is an auxiliary component for toggling the collapse/expand state of the search area.

---

## Props/属性
| 属性名 | 说明 | 类型 | 是否必填 | 默认值 |
|--------|------|------|----------|--------|
| modelValue | 折叠状态 | Boolean | 否 | false |

---

## v-model
- 绑定值类型：`Boolean`（是否折叠）
- 用法：`v-model="isCollapsed"`

---

## 事件 | Events
| 事件名 | 说明 | 回调参数 |
|--------|------|----------|
| clickHandle | 点击折叠条时触发 | 无 |

---

## 示例 | Example
```vue
<template>
  <FoldBar v-model="isCollapsed" @clickHandle="onClick" />
</template>

<script setup>
import { ref } from 'vue'
import { FoldBar } from 'your-lib-path'

const isCollapsed = ref(false)
function onClick() {
  isCollapsed.value = !isCollapsed.value
}
</script>
``` 