# 渠道消息推送配置组件

## 组件效果

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

## DEMO

```js
render() {
    return <>
            <CorsComponent
                app='@weapp/mc'
                compName='RuleChannelPanel'
                moduleId="111" 
                eventId="1" 
                businessId="123" 
				customData={{temporaryRule: 1}}
                onChange={this.onChangeChannel}
            />
    </>
}

onChangeChannel = (channels: any) => {
    console.log('on change channel', channels)
}
```

### 参数说明

| 参数             | 说明                                                             | 类型                                | 是否必填 | 默认值 |
|:-----------------|:-----------------------------------------------------------------|:------------------------------------|:---------|:-------|
| moduleId         | 模块 id                                                          | string                              | 是       | -      |
| eventId         | 事件id                                                          | string                              | 是       | -      |
| businessId       | 业务 id                                                          | string                              | 是       | -      |
| hideLabel        | 是否隐藏标题                                                     | boolean                             | 否       | -      |
| hiddenBeforeInit        | 初始化完成之前是否隐藏                                                     | boolean                             | 否       | -      |
| value            | 选中的渠道，设置该值后将变成受控组件，不再读取服务端配置的值     | ChannelConfig[]                     | 否       | -      |
| imTplOptions     | IM模板的自定义传参，使用该参数，可以直接对接使用IM模板的相关设置 | object                              | 否       | -      |
| smsTplOptions     | 短信模板的自定义传参，使用该参数，可以直接对接使用短信模板的相关设置 | object                              | 否       | -      |
| isHideIMTpl      | 是否不显示IM模板配置                                             | boolean                             | 否       | -      |
| isHideYunqiaoTpl | 是否不显示云桥模板配置                                           | boolean                             | 否       | -      |
| isHideMailTpl    | 是否不显示邮件模板配置                                           | boolean                             | 否       | -      |
| isHideSMSTpl     | 是否不显示短信模板配置                                           | boolean                             | 否       | -      |
| noTriggerChangeOnInit     | 是否初始时不触发 onChange 回调                                           | boolean                             | 否       | -      |
| customData     | 自定义传参，注意：使用自定义传参的 temporaryRule 参数（1）可设置是否是临时数据，保存草稿的场景可使用                                           | Object                             | 否       | -      |
| onChange         | 渠道变更时的回调                                                 | (channels: ChannelConfig[]) => void | 否       | -      |
