# 标签选择器

## 组件效果图
![](https://im.weaver.com.cn/server/index.php?s=/api/attachment/visitFile&sign=071b445b1a5cf94a4c8c36658da820ec)

## DEMO

CorsComponent 组件方式

```js

render() {
    return <>
            <Button type='primary' onClick={this.toggleTagSelector}>打开标签选择器</Button>
            <CorsComponent
                app='@weapp/my'
                compName='TagSelector'
                module='task'
                entityIds={['2224344145765762818']}
                visible={this.state.openTagSelector}
                onClose={this.toggleTagSelector}
            />
    </>
}

toggleTagSelector = () => {
    this.setState({ openTagSelector: !this.state.openTagSelector })
}
```

### 参数说明

| 参数      | 说明                                            | 类型                      | 是否必填 | 默认值 |
|:----------|:------------------------------------------------|:--------------------------|:---------|:-------|
| module    | 事项所属模块                                    | string                    | 是       | -      |
| entityIds | 事项 id 列表，支持多个事项的批量设置            | string[]                  | 是       | -      |
| entity | 设置标签关联的事项实体对象，设置改属性后，将优先依照该值，查询事项关联的标签（解决流程和eb因为数据同步需要传 batchDatas 导致无法查询已选标签的问题），例如{employeeId: 'xxx', entityId: 'xxx', module: 'xx'}              | BatchData               | 否       | -      |
| batchDatas | 批量关联的数据, 例如：[{employeeId: 'xxx', entityId: 'xxx', module: 'xx'}]            | BatchData[]                  | 否       | -      |
| visible   | 是否显示                                        | boolean                   | 是       | -      |
| action    | 操作类型，是设置标签还是移除标签(add / remove) | enum                        | 否     | add    |
| onClose   | 关闭时的回调                                    | () => void                | 是       | -      |
| onSelect  | 选中标签的回调方法，返回设置的标签              | (tags: TagData[]) => void | 否       | -      |
| onFail    | 设置事项标签失败时的回调                        | ()=> void                 | 否       | -      |
| onUpdate  | 标签数据变化（新增、修改、删除）时的回调        | (UpdateResult)=> void     | 否       | -      |
