# dropdown-menu-wrapper LLMs.txt

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

## 模块定位

DropdownMenuWrapper 升级 antd 5.5.1 后，Dropdown 中 Popconfirm弹框使用存在问题，所以在 @flatbiz/antd@4.2.49版本修改为使用dialogConfirm组件实现二次弹框确认功能

## 导入方式

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

## 公开导出

- `DropdownMenuWrapper` - DropdownMenuWrapper 升级 antd 5.5.1 后，Dropdown 中 Popconfirm弹框使用存在问题，所以在 @flatbiz/antd@4.2.49版本修改为使用dialogConfirm组件实现二次弹框确认功能
- `DropdownMenuItem`
- `DropdownMenuWrapperProps`
- `* from ./dropdown-menu-wrapper.jsx`
- `parentsHasSticky`

## 依赖的 antd 能力

`ButtonProps`、`Dropdown`、`DropdownProps`

## Props / 配置要点

### DropdownMenuItem

- `text`（可选）：: string | ReactElement
- `color`（可选）：: string
- `onClick`（可选）：: (event: React.MouseEvent<HTMLElement>) => void | Promise<void>
- `permission`（可选）：: string
- `needConfirm`（可选）：: boolean
- `confirmMessage`（可选）：: ReactNode
- `hidden`（可选）：: boolean
- `confirmModalProps`（可选）：: DialogModalProps
- `stopPropagation`（可选）：: boolean

### DropdownMenuWrapperProps

- `menuList`（必填）：: Array<DropdownMenuItem | null>
- `isFixed`（可选）：: boolean；dropdown 设置弹框根节点在body下

## 使用规则与行为

- dropdown 设置弹框根节点在body下
- DropdownMenuWrapper 升级 antd 5.5.1 后，Dropdown 中 Popconfirm弹框使用存在问题，所以在 @flatbiz/antd@4.2.49版本修改为使用dialogConfirm组件实现二次弹框确认功能 @param props @returns

## 基础示例

```tsx
import { DropdownMenuWrapper, type DropdownMenuWrapperProps } from '@flatbiz/antd/dropdown-menu-wrapper';

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

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

## 源码索引

- `src/dropdown-menu-wrapper/dropdown-menu-wrapper.tsx`
- `src/dropdown-menu-wrapper/index.ts`
- `src/dropdown-menu-wrapper/utils.ts`

## 给 LLM 的注意事项

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