---
url: /components/pro/FaStorageBox.md
---
# FaStorageBox 储物箱

数据暂存组件，可将数据保存到本地存储，方便在复杂筛选场景中保存常用筛选条件。点击添加后会在 Popover 内切换到添加表单面板。

## 使用场景

* 数据暂存组件，可将数据保存到本地存储，方便在复杂筛选场景中保存常用筛选条件。
* 常见用法：自定义标题、筛选条件保存、表格列配置保存、自定义触发按钮。

## Props

| 参数 | 说明 | 类型 | 默认值 |
|------|------|------|--------|
| uniqueKey | 唯一Key，用于账号隔离，推荐传入当前用户ID或用户名 | `string` | `required` |
| boxId | 储物箱唯一ID，用于区分其他储物箱 | `string` | `required` |
| data | 要保存的数据 | `object \| any[]` | `required` |
| title | 显示标题 | `string` | `'储物箱'` |

## Slots

| 名称 | 说明 |
|------|------|
| default | 自定义触发器，不传则显示默认图标按钮 |

## Events

| 事件名 | 说明 | 回调参数 |
|--------|------|----------|
| takeOut | 取出数据时触发 | `(value: object \| any[])` |

## 注意事项

* 点击添加图标后，会在 Popover 内显示名称输入框组，确认图标按钮位于输入框后缀区域，标题栏右侧的添加图标会切换为返回图标。
* 建议按示例中的受控方式接入，并结合业务容器尺寸验证最终展示效果。