@tencentcloud/chat-cs-uniapp
Version:
TCCC uniapp UIKit
701 lines (652 loc) • 26.3 kB
text/typescript
import { formatTime } from '../../../utils/date';
import TIM from 'tim-js-sdk';
import constant from './constant';
import { Message } from './interface';
import { CUSTOM_MESSAGE_SRC, ROBOT_COMMAND, ROBOT_MESSAGE_TYPE } from './im'
// Handling avatars
export function handleAvatar(item: any) {
let avatar = '';
switch (item.type) {
case TIM.TYPES.CONV_C2C:
avatar = isUrl(item?.userProfile?.avatar)
? item?.userProfile?.avatar
: 'https://web.sdk.qcloud.com/component/TUIKit/assets/avatar_21.png';
break;
case TIM.TYPES.CONV_GROUP:
avatar = isUrl(item?.groupProfile?.avatar)
? item?.groupProfile?.avatar
: 'https://sdk-web-1252463788.cos.ap-hongkong.myqcloud.com/im/demo/TUIkit/web/img/constomer.svg';
break;
case TIM.TYPES.CONV_SYSTEM:
avatar = isUrl(item?.groupProfile?.avatar)
? item?.groupProfile?.avatar
: 'https://web.sdk.qcloud.com/component/TUIKit/assets/group_avatar.png';
break;
}
return avatar;
}
// Handling names
export function handleName(item: any) {
const { t } = (window as any).tcccCore.config.i18n.useI18n();
let name = '';
switch (item.type) {
case TIM.TYPES.CONV_C2C:
name = item?.userProfile.nick || item?.userProfile?.userID || '';
break;
case TIM.TYPES.CONV_GROUP:
name = item.groupProfile.name || item?.groupProfile?.groupID || '';
break;
case TIM.TYPES.CONV_SYSTEM:
name = t('系统通知');
break;
}
return name;
}
// Handle whether there is someone@
export function handleAt(item: any) {
const { t } = (window as any).tcccCore.config.i18n.useI18n();
const List: any = [
`[${t('TUIConversation.有人@我')}]`,
`[${t('TUIConversation.@所有人')}]`,
`[${t('TUIConversation.@所有人')}][${t('TUIConversation.有人@我')}]`,
];
let showAtType = '';
for (let index = 0; index < item.groupAtInfoList.length; index++) {
if (item.groupAtInfoList[index].atTypeArray[0] && item.unreadCount > 0) {
showAtType = List[item.groupAtInfoList[index].atTypeArray[0] - 1];
}
}
return showAtType;
}
// Internal display of processing message box
export function handleShowLastMessage(item: any) {
const { t } = (window as any).tcccCore.config.i18n.useI18n();
const { lastMessage } = item;
const conversation = item;
let showNick = '';
let lastMessagePayload = '';
// Judge the number of unread messages and display them only when the message is enabled without interruption.
const showUnreadCount =
conversation.unreadCount > 0 && conversation.messageRemindType === TIM.TYPES.MSG_REMIND_ACPT_NOT_NOTE
? t(`[${conversation.unreadCount > 99 ? '99+' : conversation.unreadCount}条]`)
: '';
// Determine the lastmessage sender of the group. Namecard / Nick / userid is displayed by priority
if (conversation.type === TIM.TYPES.CONV_GROUP) {
if (lastMessage.fromAccount === conversation.groupProfile.selfInfo.userID) {
showNick = t('TUIConversation.我');
} else {
showNick = lastMessage.nameCard || lastMessage.nick || lastMessage.fromAccount;
}
}
// Display content of lastmessage message body
if (lastMessage.type === TIM.TYPES.MSG_TEXT) {
lastMessagePayload = lastMessage.payload.text;
} else if (lastMessage.type === TIM.TYPES.MSG_CUSTOM) {
const data = JSONToObject(lastMessage?.payload?.data);
if (data?.businessID === 1) {
lastMessagePayload = extractCallingInfoFromMessage(lastMessage);
return lastMessagePayload;
}
lastMessagePayload = lastMessage.messageForShow;
} else {
lastMessagePayload = lastMessage.messageForShow;
}
if (lastMessage.isRevoked) {
lastMessagePayload = t('TUIChat.撤回了一条消息');
}
if (conversation.type === TIM.TYPES.CONV_GROUP && lastMessage.type === TIM.TYPES.MSG_GRP_TIP) {
return lastMessagePayload;
}
// Specific display content of message box
return `${showUnreadCount}${showNick ? `${showNick}:` : ''}${lastMessagePayload}`;
}
// Handling system tip message display
export function handleTipMessageShowContext(message: any) {
const { t } = (window as any).tcccCore.config.i18n.useI18n();
const options: any = {
message,
text: '',
};
let userName = message?.nick || message?.payload?.userIDList?.join(',');
if (message?.payload?.memberList?.length > 0) {
userName = '';
message?.payload?.memberList?.map((user: any) => {
userName += `${user?.nick || user?.userID},`;
});
userName = userName?.slice(0, -1);
}
if (message?.type === TIM?.TYPES?.MSG_GRP_TIP) {
switch (message.payload.operationType) {
case TIM.TYPES.GRP_TIP_MBR_JOIN:
options.text = `${userName} ${t('message.tip.加入群组')}`;
break;
case TIM.TYPES.GRP_TIP_MBR_QUIT:
options.text = `${t('message.tip.群成员')}:${userName} ${t('message.tip.退出群组')}`;
break;
case TIM.TYPES.GRP_TIP_MBR_KICKED_OUT:
options.text = `${t('message.tip.群成员')}:${userName} ${t('message.tip.被')}${message.payload.operatorID}${t(
'message.tip.踢出群组'
)}`;
break;
case TIM.TYPES.GRP_TIP_MBR_SET_ADMIN:
options.text = `${t('message.tip.群成员')}:${userName} ${t('message.tip.成为管理员')}`;
break;
case TIM.TYPES.GRP_TIP_MBR_CANCELED_ADMIN:
options.text = `${t('message.tip.群成员')}:${userName} ${t('message.tip.被撤销管理员')}`;
break;
case TIM.TYPES.GRP_TIP_GRP_PROFILE_UPDATED:
// options.text = `${userName} 修改群组资料`;
options.text = handleTipGrpUpdated(message);
break;
case TIM.TYPES.GRP_TIP_MBR_PROFILE_UPDATED:
for (const member of message.payload.memberList) {
if (member.muteTime > 0) {
options.text = `${t('message.tip.群成员')}:${member.userID}${t('message.tip.被禁言')}`;
} else {
options.text = `${t('message.tip.群成员')}:${member.userID}${t('message.tip.被取消禁言')}`;
}
}
break;
default:
options.text = `[${t('message.tip.群提示消息')}]`;
break;
}
} else {
options.text = extractCallingInfoFromMessage(message);
}
return options;
}
function handleTipGrpUpdated(message: any) {
const { t } = (window as any).tcccCore.config.i18n.useI18n();
const { payload } = message;
const { newGroupProfile } = payload;
const { operatorID } = payload;
let text = '';
const name = Object.keys(newGroupProfile)[0];
switch (name) {
case 'muteAllMembers':
if (newGroupProfile[name]) {
text = `${t('message.tip.管理员')} ${operatorID} ${t('message.tip.开启全员禁言')}`;
} else {
text = `${t('message.tip.管理员')} ${operatorID} ${t('message.tip.取消全员禁言')}`;
}
break;
case 'ownerID':
text = `${newGroupProfile[name]} ${t('message.tip.成为新的群主')}`;
break;
case 'groupName':
text = `${operatorID} ${t('message.tip.修改群名为')} ${newGroupProfile[name]}`;
break;
case 'notification':
text = `${operatorID} ${t('message.tip.发布新公告')}`;
break;
default:
break;
}
return text;
}
// Parsing and handling face message display
export function handleFaceMessageShowContext(item: any) {
const face: any = {
message: item,
name: '',
url: '',
};
face.name = item.payload.data;
if (item.payload.data.indexOf('@2x') < 0) {
face.name = `${face.name}@2x`;
}
face.url = `https://web.sdk.qcloud.com/im/assets/face-elem/${face.name}.png`;
return face;
}
// Parsing and handling location message display
export function handleLocationMessageShowContext(item: any) {
const location: any = {
lon: '',
lat: '',
href: '',
url: '',
description: '',
message: item,
};
location.lon = item.payload.longitude.toFixed(6);
location.lat = item.payload.latitude.toFixed(6);
location.href =
'https://map.qq.com/?type=marker&isopeninfowin=1&markertype=1&' +
`pointx=${location.lon}&pointy=${location.lat}&name=${item.payload.description}`;
location.url =
'https://apis.map.qq.com/ws/staticmap/v2/?' +
`center=${location.lat},${location.lon}&zoom=10&size=300*150&maptype=roadmap&` +
`markers=size:large|color:0xFFCCFF|label:k|${location.lat},${location.lon}&` +
'key=UBNBZ-PTP3P-TE7DB-LHRTI-Y4YLE-VWBBD';
location.description = item.payload.description;
return location;
}
// Parsing and handling image message display
export function handleImageMessageShowContext(item: any) {
return {
progress: item?.status === 'unSend' && item.progress,
url: item.payload.imageInfoArray[1].url,
message: item,
};
}
// Parsing and handling video message display
export function handleVideoMessageShowContext(item: any) {
return {
progress: item?.status === 'unSend' && item?.progress,
url: item?.payload?.videoUrl,
snapshotUrl: item?.payload?.snapshotUrl,
message: item,
};
}
// Parsing and handling audio message display
export function handleAudioMessageShowContext(item: any) {
return {
progress: item?.status === 'unSend' && item.progress,
url: item.payload.url,
message: item,
second: item.payload.second,
};
}
// Parsing and handling file message display
export function handleFileMessageShowContext(item: any) {
let size = '';
if (item.payload.fileSize >= 1024 * 1024) {
size = `${(item.payload.fileSize / (1024 * 1024)).toFixed(2)} Mb`;
} else if (item.payload.fileSize >= 1024) {
size = `${(item.payload.fileSize / 1024).toFixed(2)} Kb`;
} else {
size = `${item.payload.fileSize.toFixed(2)}B`;
}
return {
progress: item?.status === 'unSend' && item.progress,
url: item.payload.fileUrl,
message: item,
name: item.payload.fileName,
size,
};
}
// Parsing and handling merger message display
export function handleMergerMessageShowContext(item: any) {
return { message: item, ...item.payload };
}
// Parse audio and video call messages
export function extractCallingInfoFromMessage(message: any) {
const { t } = (window as any).tcccCore.config.i18n.useI18n();
let callingmessage: any = {};
let objectData: any = {};
try {
callingmessage = JSONToObject(message.payload.data);
} catch (error) {
callingmessage = {};
}
if (callingmessage.businessID !== 1) {
return '';
}
try {
objectData = JSONToObject(callingmessage.data);
} catch (error) {
objectData = {};
}
let inviteeList = '';
callingmessage?.inviteeList?.forEach((userID: string, index: number) => {
if (index < callingmessage?.inviteeList?.length - 1) {
inviteeList += `"${userID}"、`;
} else {
inviteeList += `"${userID}" `;
}
});
const inviter = `"${callingmessage?.inviter}" `;
switch (callingmessage.actionType) {
case 1: {
if (objectData.call_end >= 0 && !callingmessage.groupID) {
return `${t('message.custom.通话时长')}:${formatTime(objectData.call_end)}`;
}
if (callingmessage.groupID && callingmessage.timeout > 0) {
return `${inviter}${t('message.custom.发起通话')}`;
}
if (callingmessage.groupID) {
return `${t('message.custom.结束群聊')}`;
}
if (objectData.data && objectData.data.cmd === 'switchToAudio') {
return `${t('message.custom.切换语音通话')}`;
}
if (objectData.data && objectData.data.cmd === 'switchToVideo') {
return `${t('message.custom.切换视频通话')}`;
}
return `${t('message.custom.发起通话')}`;
}
case 2:
return `${callingmessage.groupID ? inviter : ''}${t('message.custom.取消通话')}`;
case 3:
if (objectData.data && objectData.data.cmd === 'switchToAudio') {
return `${t('message.custom.切换语音通话')}`;
}
if (objectData.data && objectData.data.cmd === 'switchToVideo') {
return `${t('message.custom.切换视频通话')}`;
}
return `${callingmessage.groupID ? inviteeList : ''}${t('message.custom.已接听')}`;
case 4:
return `${callingmessage.groupID ? inviteeList : ''}${t('message.custom.拒绝通话')}`;
case 5:
if (objectData.data && objectData.data.cmd === 'switchToAudio') {
return `${t('message.custom.切换语音通话')}`;
}
if (objectData.data && objectData.data.cmd === 'switchToVideo') {
return `${t('message.custom.切换视频通话')}`;
}
return `${callingmessage.groupID ? inviteeList : ''}${t('message.custom.无应答')}`;
default:
return '';
}
}
// Parsing and handling custom message display
export function handleCustomMessageShowContext(item: any) {
const { t } = (window as any).tcccCore.config.i18n.useI18n();
return {
message: item,
custom: extractCallingInfoFromMessage(item) || item?.payload?.extension || `[${t('message.custom.自定义消息')}]`,
};
}
// Parsing and handling system message display
export function translateGroupSystemNotice(message: any) {
const { t } = (window as any).tcccCore.config.i18n.useI18n();
const groupName = message.payload.groupProfile.name || message.payload.groupProfile.groupID;
switch (message.payload.operationType) {
case 1:
return `${message.payload.operatorID} ${t('message.tip.申请加入群组')}:${groupName}`;
case 2:
return `${t('message.tip.成功加入群组')}:${groupName}`;
case 3:
return `${t('message.tip.申请加入群组')}:${groupName} ${t('message.tip.被拒绝')}`;
case 4:
return `${t('message.tip.你被管理员')}${message.payload.operatorID} ${t('message.tip.踢出群组')}:${groupName}`;
case 5:
return `${t('message.tip.群')}:${groupName} ${t('message.tip.被')} ${message.payload.operatorID} ${t(
'message.tip.解散'
)}`;
case 6:
return `${message.payload.operatorID} ${t('message.tip.创建群')}:${groupName}`;
case 7:
return `${message.payload.operatorID} ${t('message.tip.邀请你加群')}:${groupName}`;
case 8:
return `${t('message.tip.你退出群组')}:${groupName}`;
case 9:
return `${t('message.tip.你被')}${message.payload.operatorID} ${t('message.tip.设置为群')}:${groupName} ${t(
'message.tip.的管理员'
)}`;
case 10:
return `${t('message.tip.你被')}${message.payload.operatorID} ${t('message.tip.撤销群')}:${groupName} ${t(
'message.tip.的管理员身份'
)}`;
case 12:
return `${message.payload.operatorID} ${t('message.tip.邀请你加群')}:${groupName}`;
case 13:
return `${message.payload.operatorID} ${t('message.tip.同意加群')}:${groupName}`;
case 14:
return `${message.payload.operatorID} ${t('message.tip.拒接加群')}:${groupName}`;
case 255:
return `${t('message.tip.自定义群系统通知')}: ${message.payload.userDefinedField}`;
}
}
// Image loading complete
export function getImgLoad(container: any, className: string, callback: any) {
const images = container?.querySelectorAll(`.${className}`) || [];
const promiseList = Array.prototype.slice.call(images).map(
(node: any) =>
new Promise((resolve: any, reject: any) => {
const loadImg = new Image();
loadImg.src = node.src;
loadImg.onload = () => {
resolve(node);
};
})
);
return Promise.all(promiseList)
.then(() => {
callback && callback();
})
.catch((e) => {
console.error('网络异常', e);
});
}
// Determine whether it is url
export function isUrl(url: string) {
return /^(https?:\/\/(([a-zA-Z0-9]+-?)+[a-zA-Z0-9]+\.)+[a-zA-Z]+)(:\d+)?(\/.*)?(\?.*)?(#.*)?$/.test(url);
}
// Handling custom message options
export function handleOptions(businessID: string, version: number, other: any) {
return {
businessID,
version,
...other,
};
}
// Determine if it is a JSON string
export function isJSON(str: string) {
// eslint-disable-next-line no-useless-escape
if (
/^[\],:{}\s]*$/.test(
str
// eslint-disable-next-line no-useless-escape
.replace(/\\["\\\/bfnrtu]/g, '@')
// eslint-disable-next-line no-useless-escape
.replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, ']')
.replace(/(?:^|:|,)(?:\s*\[)+/g, '')
)
) {
return true;
}
return false;
}
// Determine if it is a JSON string
export function JSONToObject(str: string) {
if (!isJSON(str)) {
return str;
}
return JSON.parse(str);
}
// Determine if it is a typing message
export function isTypingMessage(item: any) {
if (!item) return false;
try {
const { businessID }: any = JSONToObject(item?.payload?.data);
if (businessID === constant.typeUserTyping) return true;
} catch {
return false;
}
return false;
}
export function deepCopy(data: any, hash = new WeakMap()) {
if (typeof data !== 'object' || data === null) {
throw new TypeError('传入参数不是对象');
}
if (hash.has(data)) {
return hash.get(data);
}
const newData: any = {};
const dataKeys = Object.keys(data);
dataKeys.forEach((value) => {
const currentDataValue = data[value];
if (typeof currentDataValue !== 'object' || currentDataValue === null) {
newData[value] = currentDataValue;
} else if (Array.isArray(currentDataValue)) {
newData[value] = [...currentDataValue];
} else if (currentDataValue instanceof Set) {
newData[value] = new Set([...currentDataValue]);
} else if (currentDataValue instanceof Map) {
newData[value] = new Map([...currentDataValue]);
} else {
hash.set(data, data);
newData[value] = deepCopy(currentDataValue, hash);
}
});
return newData;
}
export const throttle = (fn: any): (() => void) => {
let isRunning = false;
return (...args) => {
if (isRunning) return;
setTimeout(() => {
fn.apply(this, args);
isRunning = false;
}, 100);
};
};
export const isMessageTime = (message: any) => {
if (message.type === '11') {
return true
}
return false
}
export const isMessageTip = (message: any) => {
try {
if (
message?.type === TIM?.TYPES?.MSG_GRP_TIP ||
(message?.type === TIM?.TYPES?.MSG_CUSTOM &&
message?.conversationType === TIM?.TYPES?.CONV_GROUP &&
JSONToObject(message?.payload?.data)?.businessID === constant?.TYPE_CALL_MESSAGE)
) {
let userName = ''
if (message?.payload?.memberList?.length > 0) {
userName = '';
message?.payload?.memberList?.map((user: any) => {
userName += `${user?.userID || user?.nick},`;
});
if (userName.indexOf('@tencent.com') !== -1) {
if (message?.type === TIM?.TYPES?.MSG_GRP_TIP) {
switch (message.payload.operationType) {
case TIM.TYPES.GRP_TIP_MBR_JOIN:
localStorage.setItem('joinStatus', 'true')
break;
case TIM.TYPES.GRP_TIP_MBR_KICKED_OUT:
localStorage.setItem('joinStatus', 'false')
break;
}
}
}
}
return true;
}
return false;
} catch (e) {
console.log(message, 'isMessageTipError');
console.log(e);
}
};
export const isMessageRating = (message: Message) => {
if (
(message?.type === TIM?.TYPES?.MSG_CUSTOM &&
JSONToObject(message?.payload?.data)?.src === CUSTOM_MESSAGE_SRC.MENU)
) {
return true;
}
return false;
};
export const isMessageInvisible = (message: Message) => {
const robotCommandArray = ['feedback', 'updateBotStatus']
if (
(message?.type === TIM?.TYPES?.MSG_CUSTOM &&
(JSONToObject(message?.payload?.data)?.src === CUSTOM_MESSAGE_SRC.END
|| JSONToObject(message?.payload?.data)?.src === CUSTOM_MESSAGE_SRC.MINI_APP_AUTO
|| JSONToObject(message?.payload?.data)?.src === CUSTOM_MESSAGE_SRC.TIMEOUT
|| JSONToObject(message?.payload?.data)?.src === CUSTOM_MESSAGE_SRC.MENU_SELECTED
|| JSONToObject(message?.payload?.data)?.src === CUSTOM_MESSAGE_SRC.NO_SEAT_ONLINE
|| JSONToObject(message?.payload?.data)?.src === CUSTOM_MESSAGE_SRC.TYPING_STATE
|| (JSONToObject(message?.payload?.data)?.src === CUSTOM_MESSAGE_SRC.ROBOT && robotCommandArray.indexOf(JSONToObject(message?.payload?.data)?.content.command) !== -1))
)
) {
return true;
}
return false;
};
interface multipElement {
content: {
data: string
description: string
extension: string
}
type: string
}
export const isMultipleInvisible = (multipElement: multipElement) => {
const multipleCommandArray = ["updateBubble"]
if (multipleCommandArray.indexOf(JSONToObject(multipElement.content.data).content.command) !== -1) {
return false
}
return true
}
export const isHideInput = (message: Message) => {
if (
(message?.type === TIM?.TYPES?.MSG_CUSTOM &&
(JSONToObject(message?.payload?.data)?.src === CUSTOM_MESSAGE_SRC.FROM_INPUT))
) {
localStorage.setItem("showInput", "false");
} else {
localStorage.setItem("showInput", "true");
}
}
export const isTyping = (message: Message) => {
if (
(message?.type === TIM?.TYPES?.MSG_CUSTOM &&
(JSONToObject(message?.payload?.data)?.src === CUSTOM_MESSAGE_SRC.TYPING_STATE
))
) {
localStorage.setItem("isTyping", "true");
} else {
localStorage.setItem("isTyping", "false");
}
}
export const isUpdateGuideList = (message: Message) => {
function isNeedUpdate(message: Message) {
for (let item of message?._elements) {
let element = JSONToObject(item.content.data)
if (element.content.command === 'updateBubble') {
return true
}
}
return false
}
if (
message?.type === TIM?.TYPES?.MSG_CUSTOM && message?._elements.length > 1 && isNeedUpdate(message)
) {
for (let item of message?._elements) {
let element = JSONToObject(item.content.data)
if (element.content.command === 'updateBubble') {
localStorage.setItem("userGuideList", item.content.data);
}
}
}
}
export const isUpdateBotStatus = (message: Message) => {
if (
(message?.type === TIM?.TYPES?.MSG_CUSTOM &&
(JSONToObject(message?.payload?.data)?.src === CUSTOM_MESSAGE_SRC.ROBOT && JSONToObject(message?.payload?.data)?.content.command === ROBOT_COMMAND.UPDATE_BOT_STATUS
))) {
localStorage.setItem("botStatus", JSONToObject(message?.payload?.data)?.content?.content);
}
}
export const isWhiteBack = (message: Message) => {
if (message?.type === TIM?.TYPES?.MSG_CUSTOM
&& ((JSONToObject(message?.payload?.data)?.src === CUSTOM_MESSAGE_SRC.FROM_INPUT && JSONToObject(message?.payload?.data)?.content?.type === 1)
)
) {
return true
}
return false
}
export const isMultipleWhiteBack = (message: any) => {
// if (JSONToObject(message?.content?.data).content.command === ROBOT_COMMAND.SHOW_DIALOG && JSONToObject(message?.content?.data).content.contentType === ROBOT_MESSAGE_TYPE.QUESTION_LIST) {
// return true
// }
return false
}
export const isMultipleRobotText = (message: Message) => {
return false
}
export const isRobotText = (message: any) => {
if (message?.type === TIM?.TYPES?.MSG_CUSTOM &&
(JSONToObject(message?.payload?.data)?.content?.contentType !== ROBOT_MESSAGE_TYPE.QUESTION_LIST && JSONToObject(message?.payload?.data)?.src === CUSTOM_MESSAGE_SRC.ROBOT && (JSONToObject(message?.payload?.data)?.content?.command === ROBOT_COMMAND.SHOW_DIALOG) || JSONToObject(message?.payload?.data)?.content?.command === ROBOT_COMMAND.SELECT_RECOMMEND || JSONToObject(message?.payload?.data)?.content?.command === ROBOT_COMMAND.SELECT_SEARCH_TIP)) {
return true
}
return false
}