# BlockOption - 操作卡片选项

## 说明

`ActionBlock` 的子项选项（垂直布局），必须与 `ActionBlock` 配合使用。用于展示图标和标题/副标题，支持点击操作。

## 属性

| 属性 | 说明 | 类型 | 默认值 | 必填 |
|------|------|------|--------|------|
| **title** | 标题 | `string` | - | 是 |
| **subtitle** | 副标题 | `string` | - | 否 |
| **onPress** | 点击回调 | `() => void` | - | 否 |
| **disabled** | 禁用状态 | `boolean` | `false` | 否 |
| **icon** | 图标 | `React.ReactElement<SvgProps>` | - | 否 |
| **colorType** | 颜色色系 | `ColorType` | - | 否 |
| **actionType** | 操作类型 | `'navigate' \| 'select' \| 'none'` | `'none'` | 否 |
| **accessibilitySubtitle** | 副标题无障碍配置 | `AccessibilityPropsType` | - | 否 |

## 使用示例

```tsx
import { ActionBlock, BlockOption } from '@hyperOS/IotComponents/actionBlock';

<ActionBlock>
  <BlockOption
    title="模式一"
    subtitle="节能模式"
    icon={<Icon1 />}
    onPress={() => console.log('pressed')}
  />
  <BlockOption
    title="模式二"
    subtitle="标准模式"
    icon={<Icon2 />}
    colorType="blue"
    actionType="navigate"
    onPress={() => console.log('pressed')}
  />
</ActionBlock>
```