# pre-defined-class-name LLMs.txt

> 供 LLM 快速理解 `@flatbiz/antd/pre-defined-class-name` 的使用方式。

## 模块定位

预定义className

## 导入方式

```ts
import { preDefinedClassName } from '@flatbiz/antd/pre-defined-class-name';
// 也可以从主入口导入：import { ... } from '@flatbiz/antd';
```

## 公开导出

- `formClassName` - 使用在Form组件上，预定义form-item label宽度
- `formItemClassName` - 使用在Form.Item组件上，预定义form-item label宽度
- `getFormLayoutClassName`
- `getFormItemLayoutClassName`
- `TFormLayoutPreClassNameProps`
- `TFormItemLayoutPreClassNameProps`
- `preDefinedClassName` - 预定义className

## Props / 配置要点

### TFormLayoutPreClassNameProps

- `labelWidth`（可选）：: | 'auto' | '70' | '80' | '90' | '100' | '110' | '120' | '130' | '140' | '150' | '160' | '170' | '180' | '190' | '200'；label宽度，Form内部所有FormItem label都生效
- `labelItemVertical`（可选）：: boolean；labelItem 竖直布局
- `labelAlign`（可选）：: 'left' | 'right'；label 对齐方式
- `formItemGap`（可选）：: '24' | '15' | '8' | '5' | '0'；formItem之间竖直间距，默认值：24
- `className`（可选）：: string；className 中可能会包含 preDefinedClassName.form.xx，优先级大于 labelWidth、labelItemVertical、labelAlign、formItemGap

### TFormItemLayoutPreClassNameProps

- `labelWidth`（可选）：: | 'auto' | '70' | '80' | '90' | '100' | '110' | '120' | '130' | '140' | '150' | '160' | '170' | '180' | '190' | '200'；label宽度，Form内部所有FormItem label都生效
- `labelItemVertical`（可选）：: boolean；labelItem 竖直布局
- `labelAlign`（可选）：: 'left' | 'right'；label 对齐方式
- `className`（可选）：: string；className 中可能会包含 preDefinedClassName.formItem.xx，优先级大于 labelWidth、labelItemVertical、labelAlign

## 使用规则与行为

- 使用在Form组件上，预定义form-item label宽度
- formItem之间的垂直间距为15
- formItem之间的垂直间距为8
- formItem之间的垂直间距为0
- 使用在Form.Item组件上，预定义form-item label宽度
- label宽度，Form内部所有FormItem label都生效
- labelItem 竖直布局
- label 对齐方式
- formItem之间竖直间距，默认值：24
- className 中可能会包含 preDefinedClassName.form.xx，优先级大于 labelWidth、labelItemVertical、labelAlign、formItemGap

## 基础示例

```tsx
import { preDefinedClassName, type TFormLayoutPreClassNameProps } from '@flatbiz/antd/pre-defined-class-name';

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

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

## 源码索引

- `src/pre-defined-class-name/form/index.tsx`
- `src/pre-defined-class-name/index.ts`

## 给 LLM 的注意事项

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