# 独立标签选择组件

本组件对应浏览组件的独立显示模式，尽量跟公共浏览组件功能上保持同步，持续更新中...

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

CorsComponent 组件方式

```js

render() {
    return <>
            <CorsComponent
                app='@weapp/my'
                compName='EntityTagPanel'
                module='module'
                entityId='5120495070177550911'
                onChange={this.onChangeTag}
            />
    </>
}
onChangeTag = (value: any) => {
    console.log('on change tag', value)
}
```

### 参数说明

| 参数            | 说明                                                                                                         | 类型                      | 是否必填 | 默认值 |
|:----------------|:-------------------------------------------------------------------------------------------------------------|:--------------------------|:---------|:-------|
| isMobile          | 是否是H5                                                                                                 | boolean                    | 否       | false      |
| module          | 事项所属模块                                                                                                 | string                    | 是       | -      |
| entityId        | 事项 id                                                                                                      | string                    | 否       | -      |
| employeeId | 关联标签的用户id，单个事项标签关联时使用，一般用于主次账号的场景            | string                  | 否       | -      |
| batchDatas | 批量关联的数据, 例如：[{employeeId: 'xxx', entityId: 'xxx', module: 'xx'}]            | BatchData[]                  | 否       | -      |
| type            | 标签类型 0 公共标签 1，个人标签，3模块标签                                                                              | enum                      | 否       | 1      |
| value           | 已选中标签，传值组件将受控展示                                                                               | TagData[]                 | 否       |        |
| defaultTags            | 初始时选中的标签，注意，该属性仅需传 id，name，设置该属性，组件将根据传过来的标签id，内部获取标签相关完整数据，例如：[{ id: '949778519416176641', name: '任意测试1' }]                                                                                | TagData[]                 | 否       |        |
| isSticky        | 是否开启固定显示，开启后所选标签不再换行，作单行固定显示，超出则滚动查看                                     | boolean                   | 否       | false  |
| data            | 自定义传参                                                                                                   | Object                    | 否       | -      |
| customData            | 自定义传参（新），对接模块标签可使用该字段传特定字段                                                                                                   | Object                    | 否       | -      |
| disabledIds     | 需要屏蔽的标签 id                                                                                            | string[]                  | 否       | -      |
| enableSelectedCount     | 是否显示已选标签数  （仅H5模式下生效）                                                                                          | boolean                  | 否       | true      |
| maxRecommend     | 最大推荐标签数，默认 10 个，传入 -1 则表示无限制                                                                                          | number                  | 否       | 10      |
| disableCreate     | 是否禁用标签创建                                                                                       | boolean                  | 否       | false      |
| disableDel     | 是否禁用标签删除                                                                                       | boolean                  | 否       | false      |
| disableAdd     | 是否禁用标签的添加关联                                                                                       | boolean                  | 否       | false      |
| formItemDisplay     | 是否以表单项的方式显示，H5模式下会有个 44px 的行高，默认没有，使用该设置，可按照标准H5表单的方式显示                                                                                | boolean                  | 否       | false      |
| adaptiveInput     | 是否自适应 input 宽度显示                                                                                | boolean                  | 否       | false      |
| onChange        | 标签选择时的回调                                                                                             | (tags: TagData[]) => void | 否       | -      |
| onLoadRecommend | 加载推荐标签，异步返回推荐标签列表列表，比如：[{id:'xx', name: 'xx'}]）                                      | () =>  Promise<TagData[]> | 否       | -      |
| onLoad        | 标签初始化时的回调                                                                                             | (tags: TagData[]) => void | 否       | -      |
