# resizable-drawer LLMs.txt

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

## 模块定位

最小宽度，默认值：400

## 导入方式

```ts
import { ResizableDrawer } from '@flatbiz/antd/resizable-drawer';
// 也可以从主入口导入：import { ... } from '@flatbiz/antd';
```

## 公开导出

- `ResizableDrawer`
- `* from ./drawer.jsx`
- `ResizeHandle`
- `getZindex`

## 依赖的 antd 能力

`Button`、`Space`

## Props / 配置要点

### ResizableDrawerProps

- `open`（可选）：: boolean
- `onClose`（可选）：: () => void
- `title`（可选）：: ReactNode
- `width`（可选）：: number
- `children`（可选）：: ReactNode
- `footer`（可选）：: ReactNode | null
- `hidenFooter`（可选）：: boolean
- `maskClosable`（可选）：: boolean
- `mask`（可选）：: boolean
- `className`（可选）：: string
- `style`（可选）：: CSSProperties
- `styles`（可选）：: { header?: CSSProperties; body?: CSSProperties; footer?: CSSProperties; }
- `headerExtraRender`（可选）：: ReactElement
- `zIndex`（可选）：: number
- `onOk`（可选）：: (e: React.MouseEvent<HTMLElement>) => void | Promise<void>
- `cancelText`（可选）：: string
- `okText`（可选）：: string
- `minConstraints`（可选）：: [number, number]；最小宽度，默认值：400
- `maxConstraints`（可选）：: [number, number]；最大宽度，默认值：1200

## 使用规则与行为

- 最小宽度，默认值：400
- 最大宽度，默认值：1200

## 基础示例

```tsx
import { ResizableDrawer, type ResizableDrawerProps } from '@flatbiz/antd/resizable-drawer';

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

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

## 源码索引

- `src/resizable-drawer/drawer.tsx`
- `src/resizable-drawer/index.ts`
- `src/resizable-drawer/resize-handle/index.tsx`
- `src/resizable-drawer/utils.ts`

## 给 LLM 的注意事项

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