# icon-wrapper LLMs.txt

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

## 模块定位

提示类型 @default 'tooltip'

## 导入方式

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

## 公开导出

- `IconWrapper`
- `IconWrapperProps`
- `* from ./icon-wrapper.jsx`

## 依赖的 antd 能力

`Popover`、`Tooltip`

## Props / 配置要点

### IconWrapperProps

- `hoverTips`（可选）：: string | ReactElement
- `tipsType`（可选）：: 'popover' | 'tooltip'；提示类型 @default 'tooltip'
- `icon`（可选）：: ReactNode
- `style`（可选）：: CSSProperties
- `wrapperStyle`（可选）：: CSSProperties
- `text`（可选）：: string | ReactElement
- `className`（可选）：: string
- `size`（可选）：: 'small' | 'middle' | 'large'
- `onClick`（可选）：: (event) => void
- `hideHoverBgColor`（可选）：: boolean
- `hidden`（可选）：: boolean
- `position`（可选）：: 'before' | 'after'；图标对比文字的位置，默认：brefore
- `gap`（可选）：: number；图标与文字之间的间距

## 使用规则与行为

- 提示类型 @default 'tooltip'
- 图标对比文字的位置，默认：brefore
- 图标与文字之间的间距

## 基础示例

```tsx
import { IconWrapper, type IconWrapperProps } from '@flatbiz/antd/icon-wrapper';

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

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

## 源码索引

- `src/icon-wrapper/icon-wrapper.tsx`
- `src/icon-wrapper/index.ts`

## 给 LLM 的注意事项

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