# ActionBlock - 操作卡片

## 说明

操作卡片容器组件，用于承载多个 `BlockOption` 子项，支持数据驱动和声明式两种用法。

## 属性

| 属性 | 说明 | 类型 | 默认值 | 必填 |
|------|------|------|--------|------|
| **options** | 选项列表（优先级高于 children） | `BlockOptionItem[]` | - | 否 |
| **children** | 子项（必须是 BlockOption 组件） | `ReactNode` | - | 否 |
| **disabled** | 禁用状态 | `boolean` | `false` | 否 |
| **maxColumns** | 每行最多列数 | `2 \| 3` | `2` | 否 |

## 使用示例

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

// 声明式用法
<ActionBlock>
  <BlockOption title="模式一" icon={<Icon1 />} onPress={() => {}} />
  <BlockOption title="模式二" icon={<Icon2 />} onPress={() => {}} />
</ActionBlock>

// 数据驱动用法
<ActionBlock
  options={[
    { title: '模式一', icon: <Icon1 />, onPress: () => {} },
    { title: '模式二', icon: <Icon2 />, onPress: () => {} },
  ]}
/>

// 三列布局
<ActionBlock maxColumns={3}>
  <BlockOption title="选项一" icon={<Icon1 />} onPress={() => {}} />
  <BlockOption title="选项二" icon={<Icon2 />} onPress={() => {}} />
  <BlockOption title="选项三" icon={<Icon3 />} onPress={() => {}} />
</ActionBlock>

// 禁用状态
<ActionBlock disabled>
  <BlockOption title="选项一" icon={<Icon1 />} onPress={() => {}} />
</ActionBlock>
```