# H5事项标签显示组件

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

## DEMO

CorsComponent 组件方式

```js

state = {
    tags: [
        { "id": "616257953795842049", "name": "爸爸去哪了", "type": 0, "color": "#000000" },
        { "id": "616259663100551169", "name": "红色房子", "type": 0, "color": "#a11fbf" },
        { "id": "616258104169889793", "name": "骂骂咧咧", "type": 0, "color": "#5D9CEC" }
   ]
}

render() {
    return <>
            <CorsComponent
                app='@weapp/my'
                compName='MEntityTagDispaly'
                module="task"
                entityId={'2224207315225000376'}
                tags={this.state.tags}
                allowDel
                onUpdate={this.onUpdateTag}
            />
    </>
}

onUpdateTag = (data: any) => {
        this.setState({ tags: data.tags })
}
```

## 参数说明

| 参数                 | 说明                                           | 类型                          | 是否必填 | 默认值 |
|:---------------------|:-----------------------------------------------|:------------------------------|:---------|:-------|
| module               | 事项所属模块                                   | string                        | 是       | -      |
| entityId             | 事项 id                                        | string[]                      | 是       | -      |
| tags                 | 事项关联的标签列表                             | TagData[]                     | 是       | -      |
| allowDel             | 是否允许删除标签                               | boolean                       | 否       | -      |
| onUpdate             | 标签更新的回调方法，返回设置的标签列表         | (data: UpdateTagData) => void | 否       | -      |
| UpdateTagData.action | 标签操作类型，目前只有移除（del）              | string                        | 是       | -      |
| UpdateTagData.tag    | 操作的标签                                     | TagData                       | 是       | -      |
| UpdateTagData.tags   | 关联的标签列表                                 | TagData[]                     | 是       | -      |
| UpdateTagData.origin | 调用方传过来的组件属性，通过该参数回传给调用方 | TagData[]                     | 是       | -      |
| TagData.id           | 标签 id                                        | string                        | 是       | -      |
| TagData.name         | 标签名称                                       | string                        | 是       | -      |
| TagData.color        | 标签颜色                                       | string                        | 是       | -      |
| TagData.type         | 标签类型，0表示公共标签，1表示个人标签         | enum                          | 是       | -      |
