# tag-list-select LLMs.txt

> 供 LLM 快速理解 `@flatbiz/antd/tag-list-select` 的使用方式。

## 模块定位

在列表数据中通过value匹配数据，以Tag形式展示 @deprecated 已过期，请使用 TagListRender 组件

## 导入方式

```ts
import { TagListSelect } from '@flatbiz/antd/tag-list-select';
// 也可以从主入口导入：import { ... } from '@flatbiz/antd';
```

## 公开导出

- `* from ./tag-list-select.jsx`
- `TagListSelect` - 在列表数据中通过value匹配数据，以Tag形式展示 @deprecated 已过期，请使用 TagListRender 组件
- `TagListSelectValue`
- `TagListSelectDataItem`
- `TagListSelectProps`

## 依赖的 antd 能力

`Tag`

## Props / 配置要点

### TagListSelectDataItem

- `label`（必填）：: string
- `value`（必填）：: TagListSelectValue
- `color`（可选）：: string

### TagListSelectProps

- `dataList`（必填）：: TagListSelectDataItem[]
- `colorMap`（可选）：: Record<string | number, string>；颜色配置数据，例如：{ 1:'red', 2: 'blue'} key值与 dataList中value相同
- `value`（可选）：: TagListSelectValue | TagListSelectValue[]
- `forceMatch`（可选）：: boolean；是否强制匹配，默认值false

## 使用规则与行为

- 颜色配置数据，例如：{ 1:'red', 2: 'blue'} key值与 dataList中value相同
- 是否强制匹配，默认值false
- 在列表数据中通过value匹配数据，以Tag形式展示 @deprecated 已过期，请使用 TagListRender 组件 @param props @returns

## 基础示例

```tsx
import { TagListSelect, type TagListSelectProps } from '@flatbiz/antd/tag-list-select';

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

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

## 源码索引

- `src/tag-list-select/index.ts`
- `src/tag-list-select/tag-list-select.tsx`

## 给 LLM 的注意事项

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