# label-value-layout LLMs.txt

> 供 LLM 快速理解 `@flatbiz/antd/label-value-layout` 的使用方式。

## 模块定位

@deprecated 已过期，请使用 LabelValueRender 组件 options[].span 是 Description.Item 的数量。 span={2} 会占用两个 DescriptionItem 的宽度 options[].hidden 是否隐藏 Description.Item

## 导入方式

```ts
import { LabelValueLayout } from '@flatbiz/antd/label-value-layout';
// 也可以从主入口导入：import { ... } from '@flatbiz/antd';
```

## 公开导出

- `* from ./label-value-layout.jsx`
- `LabelValueLayout` - @deprecated 已过期，请使用 LabelValueRender 组件 options[].span 是 Description.Item 的数量。 span={2} 会占用两个 DescriptionItem 的宽度 options[].hidden 是否隐藏 Des…
- `LabelValueLayoutProps`

## 依赖的 antd 能力

`Descriptions`

## Props / 配置要点

### LabelValueLayoutProps

- `options`（可选）：: { label: string | ReactElement; value?: string | number | ReactElement | null; span?: number; hidden?: boolean; }[]
- `labelWidth`（可选）：: number | 'auto'
- `bordered`（可选）：: boolean；添加边框
- `className`（可选）：: string
- `style`（可选）：: CSSProperties
- `borderedRowPadding`（可选）：: CSSProperties['padding']；边框 row 内边距

## 使用规则与行为

- 添加边框
- 边框 row 内边距

## 基础示例

```tsx
import { LabelValueLayout, type LabelValueLayoutProps } from '@flatbiz/antd/label-value-layout';

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

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

## 源码索引

- `src/label-value-layout/index.ts`
- `src/label-value-layout/label-value-layout.tsx`

## 给 LLM 的注意事项

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