1.0.8 • Published 5 years ago
atimui v1.0.8
简介
本组件依赖于react和antd,经过封装可以通过简单的参数传递来使用融云和网易云信两类库,如需要其他第三方即时通许服务,请自行研究源码进行逻辑修改
Get Start
- 第一步: 安装
npm install atimui --save-dev
- 第二步: 在代码中引入该组件
import ATIMUI from 'atimui';
- 第三步:在render方法中进行渲染
<ATIMUI
user={{id:用户id,avator:用户头像,appkey:即时通讯appkey,imtoken:即时通讯IM token,nickname:用户名}}
im="yunxin"
/>
props
im enum 第三方即时通讯服务提供商
rongyun、 yunxin 、other
defaultAvatar String 默认头像
position Object 初始化
{
left:"0px",
top:"auto",
right:"10px",
bottom:"30px"
}
qiniu Object 七牛云存储配置信息
{
bucket:"空间名",
access_key:"access_key",
secret_key:"secret_key",
url:"外链url"
}
user Object 登录的用户基本信息
signature String 用户的签名信息
enableAudio Bool 是否允许发送音频消息
true: 允许 false: 不允许
enableNetCall Bool 是否允许网络音频通话
true: 允许 false: 不允许
fixedChatBox Bool 是否固定聊天窗口,不允许拖动
true: 允许 false: 不允许
fixedMiniBox Bool 是否固定会话面板,不允许拖动
true: 允许 false: 不允许
autoReplyRule Array 自动回复关键词规则
每个单元内为三个元素的数组, 0下标表示关键词,1下标表示是否完全匹配,2下标为自动回复的内容
例如:
[['hello',1,'你好啊~'],['你好啊',1,'hello~']]
shortcutText Array 快捷短语
[string,string,string]
onUserStatusListener Function 用户切换状态/即时通讯服务状态回调监听
该方法会在用户更改服务状态,和即时通讯服务状态异常时自动执行
handleUserProfile Function 用户信息处理方法
该方法用于获取用户的资料信息
参数 | 说明 |
---|---|
id | 单用户id |
handleSessionList Function 用于首次登陆处理用户的历史会话资料拉取
传递的参数为批量用户id,批量获取用户资料
参数 | 说明 |
---|---|
ids | 逗号分隔开的用户id |
onSignChangeListener Function 用户的签名修改监听
参数 | 说明 |
---|---|
text | 新的改变的签名 |
onReceiveMessageListener Function 接收到的消息监听回调
onSendTextMsgListener 发送消息的回调监听
onChatBoxShow 聊天窗口显示回调
onChatBoxHide 聊天窗口隐藏回调
如果有问题或者新的建议,欢迎反馈至issue