# color-picker-wrapper LLMs.txt

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

## 模块定位

转换成 hex 格式颜色字符串，返回格式如：#1677ff

## 导入方式

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

## 公开导出

- `ColorPickerWrapper`
- `ColorPickerWrapperProps`
- `* from ./color-picker.jsx`

## 依赖的 antd 能力

`ColorPicker`

## Props / 配置要点

### ColorPickerWrapperProps

- `value`（可选）：: string；格式：#1677ff
- `onChange`（可选）：: (hex?: string) => void；转换成 hex 格式颜色字符串，返回格式如：#1677ff
- `placeholder`（可选）：: string
- `hideDeleteIcon`（可选）：: boolean；是否隐藏删除图标
- `className`（可选）：: string
- `rootClassName`（可选）：: string；ColorPicker 弹框根节点类名

## 使用规则与行为

- 转换成 hex 格式颜色字符串，返回格式如：#1677ff
- 是否隐藏删除图标
- ColorPicker 弹框根节点类名

## 基础示例

```tsx
import { ColorPickerWrapper, type ColorPickerWrapperProps } from '@flatbiz/antd/color-picker-wrapper';

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

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

## 源码索引

- `src/color-picker-wrapper/color-picker.tsx`
- `src/color-picker-wrapper/index.ts`

## 给 LLM 的注意事项

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