# 标签侧边栏组件

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

CorsComponent 组件方式

```js

render() {
    return <Layout>
            <CorsComponent
                app='@weapp/my'
                compName='TagSidebar'
                hidePub
                onSelect={this.selectTag}
                type={3}
                customData={{ // 自定义传参，模块标签可使用
                    businessModule: 'ebuilder',
                    businessId: '933516381803511808',
                    objId: '930609771377533040'
                 }} />
            />
    </Layout>
}

selectTag = (tag: TagData)=> {
    console.log('select tag', tag)
}
```

### 参数说明

| 参数        | 说明               | 类型                   | 是否必填 | 默认值 |
|:------------|:-------------------|:-----------------------|:---------|:-------|
| hidePub     | 是否不显示公共标签 | boolean                | 否       | false  |
| hideManager | 是否不显示标签管理 | boolean                | 否       | false  |
| type | 标签类型，0：公共标签；1：个人标签；3：模块标签 | number                | 否       | false  |
| customData | 自定义传参，模块标签可通过此参数配置模块标签的特殊传值 | Object                | 否       | false  |
| className   | 自定义 class       | string                 | 否       | -      |
| onSelect    | 选中标签时的回调   | (tag: TagData) => void | 否       | -      |
