# ActionBlock / LargeTriggerSelect - 平铺式选择组件

## 说明

平铺式选择组件，将多个选项以平铺方式展示。拆分为两个独立组件：
- **ActionBlock**：操作卡片集合容器，配合 `BlockOption` 使用，不具备选中状态
- **LargeTriggerSelect**：大尺寸选择器，配合 `LargeTriggerOption` 使用，支持单选

## ActionBlock 属性

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

## LargeTriggerSelect 属性

| 属性 | 说明 | 类型 | 默认值 | 必填 |
| --- | --- | --- | --- | --- |
| **value** | 当前选中的值 | `string \| number \| undefined` | - | 是 |
| **onChange** | 选中值变化回调 | `(value: string \| number) => void` | - | 否 |
| **onSelect** | 选中回调 | `(value: string \| number) => void` | - | 否 |
| **options** | 选项列表（优先级高于 children） | `LargeTriggerSelectOption[]` | - | 否 |
| **children** | 子项（必须是 LargeTriggerOption 组件） | `React.ReactNode` | - | 否 |
| **disabled** | 是否禁用所有选项 | `boolean` | `false` | 否 |
| **cardType** | 卡片类型 | `'inner' \| 'outer'` | - | 否 |

## 使用示例

```tsx
import { ActionBlock, BlockOption, LargeTriggerSelect, LargeTriggerOption } from '@hyperOS/IotComponents/IotSelect';

// ActionBlock - 操作卡片（无选中状态）
<ActionBlock maxColumns={3}>
  <BlockOption title="模式一" subtitle="节能" icon={<Icon1 />} onPress={() => {}} />
  <BlockOption title="模式二" subtitle="标准" icon={<Icon2 />} onPress={() => {}} />
  <BlockOption title="模式三" subtitle="强力" icon={<Icon3 />} onPress={() => {}} />
</ActionBlock>

// LargeTriggerSelect - 大尺寸选择器
<LargeTriggerSelect value={mode} onChange={setMode}>
  <LargeTriggerOption value="auto" title="自动" icon={<AutoIcon />} colorType="blue" />
  <LargeTriggerOption value="manual" title="手动" icon={<ManualIcon />} colorType="green" />
</LargeTriggerSelect>
```