# simple-layout LLMs.txt

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

## 模块定位

简单布局 @deprecated 已过期，使用 CardLayout 组件替代

## 导入方式

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

## 公开导出

- `* from ./simple-layout.jsx`
- `SimpleLayout` - 简单布局 @deprecated 已过期，使用 CardLayout 组件替代
- `SimpleLayoutProps`

## 依赖的 antd 能力

`Space`

## Props / 配置要点

### SimpleLayoutProps

- `className`（可选）：: string
- `style`（可选）：: CSSProperties
- `title`（可选）：: string | ReactElement
- `desc`（可选）：: string | ReactElement | string[] | ReactElement[]
- `formLabelAlign`（可选）：: 'left' | 'right'；@deprecated 已过期，请使用form className 属性 preDefinedClassName.form.xxx
- `layoutType`（可选）：: 'layer' | 'tight'；layoutType 布局类型
- `titleLeftLine`（可选）：: boolean
- `titleStyle`（可选）：: CSSProperties
- `contentStyle`（可选）：: CSSProperties
- `padding`（可选）：: CSSProperties['padding']；优先级大于 style padding
- `width`（可选）：: CSSProperties['width']；优先级大于 style width
- `children`（可选）：: ReactNode | ReactNode[]
- `titleExtra`（可选）：: string | ReactElement
- `hidden`（可选）：: boolean
- `titleFixed`（可选）：: boolean
- `size`（可选）：: 'default' | 'small'；间距尺寸 1. default = 15 2. small = 8
- `onClick`（可选）：: (event) => void

## 使用规则与行为

- layoutType 布局类型
- 优先级大于 style padding
- 优先级大于 style width
- 间距尺寸 1. default = 15 2. small = 8
- 简单布局 @deprecated 已过期，使用 CardLayout 组件替代

## 基础示例

```tsx
import { SimpleLayout, type SimpleLayoutProps } from '@flatbiz/antd/simple-layout';

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

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

## 源码索引

- `src/simple-layout/index.ts`
- `src/simple-layout/simple-layout.tsx`

## 给 LLM 的注意事项

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