# radio-group-wrapper LLMs.txt

> 供 LLM 快速理解 `@flatbiz/antd/radio-group-wrapper` 的使用方式。

## 模块定位

RadioGroupWrapper 为了解决 RadioGroup 组件不能取消选中问题

## 导入方式

```ts
import { RadioGroupWrapper } from '@flatbiz/antd/radio-group-wrapper';
// 也可以从主入口导入：import { ... } from '@flatbiz/antd';
```

## 公开导出

- `* from ./radio-group-wrapper.jsx`
- `RadioGroupWrapper` - RadioGroupWrapper 为了解决 RadioGroup 组件不能取消选中问题
- `RadioGroupWrapperValue`
- `RadioGroupWrapperOptionItem`
- `CustomRadioGroupProps`

## 依赖的 antd 能力

`Radio`、`Space`

## Props / 配置要点

### RadioGroupWrapperOptionItem

- `label`（必填）：: string | ReactElement
- `value`（必填）：: RadioGroupWrapperValue
- `disabled`（可选）：: boolean

### CustomRadioGroupProps

- `value`（可选）：: RadioGroupWrapperValue
- `onChange`（可选）：: (value?: RadioGroupWrapperValue) => void
- `onPreChange`（可选）：: (value?: RadioGroupWrapperValue) => Promise<void>
- `options`（必填）：: RadioGroupWrapperOptionItem[]
- `isCancel`（可选）：: boolean；是否可取消选中，默认：false
- `disabled`（可选）：: boolean
- `direction`（可选）：: 'horizontal' | 'vertical'；方向，默认值 horizontal

## 使用规则与行为

- 是否可取消选中，默认：false
- 方向，默认值 horizontal
- RadioGroupWrapper 为了解决 RadioGroup 组件不能取消选中问题 @param props @returns

## 基础示例

```tsx
import { RadioGroupWrapper, type CustomRadioGroupProps } from '@flatbiz/antd/radio-group-wrapper';

const props: CustomRadioGroupProps = {
  // 按业务传入必要参数
};

<RadioGroupWrapper {...props} />;
```

## 源码索引

- `src/radio-group-wrapper/index.ts`
- `src/radio-group-wrapper/radio-group-wrapper.tsx`

## 给 LLM 的注意事项

- 优先使用 `@flatbiz/antd/radio-group-wrapper` 或主入口 `@flatbiz/antd` 的公开导出，不要引用内部实现文件。
- 当 Props 与 antd 原组件同名能力冲突时，以本模块导出的 Props 类型为准。
- 若文档未覆盖某个边缘参数，请读取上方源码索引中的类型定义和 JSDoc。