@tencentcloud/roomkit-electron-vue3 2.6.0 → 2.6.2

package/src/TUIRoom/components/Chat/ChatKit/locales/zh_cn/emoji.ts

@@ -0,0 +1,2 @@
+import { default as Emoji } from '../../components/TUIChat/emoji-config/locales/zh_cn';
+export default Emoji;

package/src/TUIRoom/components/Chat/ChatKit/locales/zh_cn/evaluate.ts

@@ -0,0 +1,11 @@
+const Evaluate = {
+  "请对本次服务进行评价": "请对本次服务进行评价",
+  "提交评价": "提交评价",
+  "服务评价工具": "服务评价工具",
+  "使用": "使用",
+  "自定义消息": "自定义消息",
+  "搭建": "搭建",
+  "星": "星"
+}
+
+export default Evaluate;

package/src/TUIRoom/components/Chat/ChatKit/locales/zh_cn/index.ts

@@ -0,0 +1,41 @@
+import TUIChat from './TUIChat';
+import TUIConversation from './TUIConversation';
+import TUIGroup from './TUIGroup';
+import TUIContact from './TUIContact';
+import TUISearch from './TUISearch';
+
+import message from './message';
+import component from './component';
+import time from './time';
+
+import Words from './words';
+import Evaluate from './evaluate';
+import Emoji from './emoji';
+
+const messages = {
+  zh_cn: {
+    取消: '取消',
+    发送: '发送',
+    系统通知: '系统通知',
+    关闭: '关闭',
+    确定: '确定',
+    开始时间: '开始时间',
+    结束时间: '结束时间',
+    消息: '消息',
+    通讯录: '通讯录',
+    欢迎使用腾讯云即时通信IM: '欢迎使用腾讯云即时通信IM',
+    TUIChat,
+    TUIConversation,
+    TUIGroup,
+    TUIContact,
+    message,
+    component,
+    time,
+    Evaluate,
+    Words,
+    TUISearch,
+    Emoji,
+  },
+};
+
+export default messages;

package/src/TUIRoom/components/Chat/ChatKit/locales/zh_cn/message.ts

@@ -0,0 +1,62 @@
+const message = {
+  "tip": {
+    "群成员": "群成员",
+    "加入群组": "加入群组",
+    "退出群组": "退出群组",
+    "被": "被",
+    "踢出群组": "踢出群组",
+    "成为管理员": "成为管理员",
+    "被撤销管理员": "被撤销管理员",
+    "被禁言": "被禁言",
+    "被取消禁言": "被取消禁言",
+    "群提示消息": "群提示消息",
+    "管理员": "管理员",
+    "开启全员禁言": "开启全员禁言",
+    "取消全员禁言": "取消全员禁言",
+    "成为新的群主": "成为新的群主",
+    "修改群名为": "修改群名为",
+    "发布新公告": "发布新公告",
+    "把群公告修改为": "把群公告修改为",
+    "申请加入群组": "申请加入群组",
+    "成功加入群组": "成功加入群组",
+    "被拒绝": "被拒绝",
+    "你被管理员": "你被管理员",
+    "群": "群",
+    "解散": "解散",
+    "创建群": "创建群",
+    "邀请你加群": "邀请你加群",
+    "你退出群组" : "你退出群组",
+    "你被": "你被",
+    "设置为群": "设置为群",
+    "的管理员": "的管理员",
+    "撤销群": "撤销群",
+    "的管理员身份": "的管理员身份",
+    "同意加群": "同意加群",
+    "拒接加群": "拒接加群",
+    "自定义群系统通知": "自定义群系统通知"
+  },
+  "custom": {
+    "自定义消息": "自定义消息",
+    "通话时长": "通话时长",
+    "通话结束": "通话结束",
+    "切换语音通话": "切换语音通话",
+    "切换视频通话": "切换视频通话",
+    "发起通话": "发起通话",
+    "取消通话": "取消通话",
+    "已接听": "已接听",
+    "拒绝通话": "拒绝通话",
+    "无应答": "无应答",
+    "对本次服务评价": "对本次服务评价",
+    "查看详情>>": "查看详情>>",
+    "已取消": "已取消",
+    "对方已取消": "对方已取消",
+    "已拒绝": "已拒绝",
+    "对方已拒绝": "对方已拒绝",
+    "对方忙线中": "对方忙线中",
+    "忙线未接听": "忙线未接听",
+    "对方无应答": "对方无应答",
+    "超时无应答": "超时无应答",
+  }
+}
+
+export default message;

package/src/TUIRoom/components/Chat/ChatKit/locales/zh_cn/time.ts

@@ -0,0 +1,37 @@
+const time = {
+  "周": "周",
+  "天": "天",
+  "小时": "小时",
+  "分钟": "分钟",
+  "刚刚": "刚刚",
+  "前": "前",
+  "昨天": "昨天",
+  "星期一": "星期一",
+  "星期二": "星期二",
+  "星期三": "星期三",
+  "星期四": "星期四",
+  "星期五": "星期五",
+  "星期六": "星期六",
+  "星期日": "星期日",
+  "一月": "一月",
+  "二月": "二月",
+  "三月": "三月",
+  "四月": "四月",
+  "五月": "五月",
+  "六月": "六月",
+  "七月": "七月",
+  "八月": "八月",
+  "九月": "九月",
+  "十月": "十月",
+  "十一月": "十一月",
+  "十二月": "十二月",
+  "一": "一",
+  "二": "二",
+  "三": "三",
+  "四": "四",
+  "五": "五",
+  "六": "六",
+  "日": "日",
+}
+
+export default time;

package/src/TUIRoom/components/Chat/ChatKit/locales/zh_cn/translate.ts

@@ -0,0 +1,164 @@
+const translate = {
+  "TUIKit-TUIChat-01": "撤回消息",
+  "TUIKit-TUIChat-02": "删除消息",
+  "TUIKit-TUIChat-03": "重新发送",
+  "TUIKit-TUIChat-04": "转发",
+  "TUIKit-TUIChat-05": "打开",
+  "TUIKit-TUIChat-06": "已读",
+  "TUIKit-TUIChat-07": "未读",
+  "TUIKit-TUIChat-08": "您",
+  "TUIKit-TUIChat-09": "撤回了一条消息",
+  "TUIKit-TUIChat-10": "重新编辑",
+  "TUIKit-TUIChat-11": "我",
+  "TUIKit-TUIChat-12": "查看更多",
+  "TUIKit-TUIChat-13": "转发给",
+  "TUIKit-TUIChat-14": "请输入消息",
+  "TUIKit-TUIChat-15": "描述",
+  "TUIKit-TUIChat-16": "经度",
+  "TUIKit-TUIChat-17": "纬度",
+  "TUIKit-TUIChat-18": "管理员开启全员禁言",
+  "TUIKit-TUIChat-19": "您已被管理员禁言",
+  "TUIKit-TUIChat-20": "按Enter发送，Ctrl+Enter换行",
+  "TUIKit-TUIChat-mange-01": "群公告",
+  "TUIKit-TUIChat-mange-02": "群成员",
+  "TUIKit-TUIChat-mange-03": "群管理",
+  "TUIKit-TUIChat-mange-04": "好友工作群",
+  "TUIKit-TUIChat-mange-05": "陌生人社交群",
+  "TUIKit-TUIChat-mange-06": "临时会议群",
+  "TUIKit-TUIChat-mange-07": "直播群",
+  "TUIKit-TUIChat-mange-08": "自由加入",
+  "TUIKit-TUIChat-mange-09": "需要验证",
+  "TUIKit-TUIChat-mange-10": "禁止加群",
+  "TUIKit-TUIChat-mange-11": "人",
+  "TUIKit-TUIChat-mange-12": "群ID",
+  "TUIKit-TUIChat-mange-13": "群头像",
+  "TUIKit-TUIChat-mange-14": "群类型",
+  "TUIKit-TUIChat-mange-15": "加群方式",
+  "TUIKit-TUIChat-mange-16": "转让群组",
+  "TUIKit-TUIChat-mange-17": "解散群聊",
+  "TUIKit-TUIChat-mange-18": "退出群组",
+  "TUIKit-TUIChat-mange-19": "群管理员",
+  "TUIKit-TUIChat-mange-20": "全员禁言",
+  "TUIKit-TUIChat-mange-21": "全员禁言开启后，只允许群主和管理员发言。",
+  "TUIKit-TUIChat-mange-22": "单独禁言人员",
+  "TUIKit-TUIChat-mange-23": "删除成员",
+  "TUIKit-TUIChat-mange-24": "确定从群聊中删除该成员？",
+  "TUIKit-TUIChat-mange-25": "确定从群聊中删除所选成员？",
+  "TUIKit-TUIChat-mange-26": "暂无公告",
+  "TUIKit-TUIChat-mange-27": "发布",
+  "TUIKit-TUIChat-mange-28": "编辑",
+  "TUIKit-TUIChat-mange-29": "群名称",
+  "TUIKit-TUIChat-mange-30": "查看更多",
+  "TUIKit-TUIChat-mange-31": "管理员",
+  "TUIKit-TUIChat-mange-32": "群主",
+  "TUIKit-TUIChat-mange-33": "我",
+  "TUIKit-TUIChat-mange-34": "添加成员",
+  "TUIKit-TUIChat-mange-35": "新增管理员",
+  "TUIKit-TUIChat-mange-36": "移除管理员",
+  "TUIKit-TUIChat-mange-37": "新增禁言用户",
+  "TUIKit-TUIChat-mange-38": "移除禁言用户",
+  "TUIKit-TUIContact-01": "群聊通知",
+  "TUIKit-TUIContact-02": "系统通知",
+  "TUIKit-TUIContact-03": "我的群聊",
+  "TUIKit-TUIContact-04": "输入groupID搜索",
+  "TUIKit-TUIContact-05": "群名称",
+  "TUIKit-TUIContact-06": "群ID",
+  "TUIKit-TUIContact-07": "加入群聊",
+  "TUIKit-TUIContact-08": "解散群聊",
+  "TUIKit-TUIContact-09": "退出群聊",
+  "TUIKit-TUIContact-10": "群类型",
+  "TUIKit-TUIContact-11": "请填写验证信息",
+  "TUIKit-TUIContact-12": "申请加入",
+  "TUIKit-TUIContact-13":"已申请",
+  "TUIKit-TUIContact-14": "接受",
+  "TUIKit-TUIContact-15": "拒绝",
+  "TUIKit-TUIContact-16": "已处理",
+  "TUIKit-TUIConversation-01": "发起单人/多人会话",
+  "TUIKit-TUIConversation-02": "请输入userID",
+  "TUIKit-TUIConversation-03": "删除会话",
+  "TUIKit-TUIConversation-04": "系统通知",
+  "TUIKit-TUIConversation-05": "发起多人会话（群聊）",
+  "TUIKit-TUIConversation-06": "群头像",
+  "TUIKit-TUIConversation-07": "群名称",
+  "TUIKit-TUIConversation-08": "群ID",
+  "TUIKit-TUIConversation-09": "群类型",
+  "TUIKit-TUIConversation-10": "选填",
+  "TUIKit-TUIConversation-11": "取消",
+  "TUIKit-TUIConversation-12": "创建",
+  "TUIKit-TUIConversation-13": "类似普通微信群，创建后仅支持已在群内的好友邀请加群，且无需被邀请方同意或群主审批。详见产品文档",
+  "TUIKit-TUIConversation-14": "类似 QQ 群，创建后群主可以指定群管理员，用户搜索群 ID 发起加群申请后，需要群主或管理员审批通过才能入群。详见产品文档",
+  "TUIKit-TUIConversation-15": "创建后可以随意进出，且支持查看入群前消息；适合用于音视频会议场景、在线教育场景等与实时音视频产品结合的场景。详见产品文档",
+  "TUIKit-TUIConversation-16": "创建后可以随意进出，没有群成员数量上限，但不支持历史消息存储；适合与直播产品结合，用于弹幕聊天场景。详见产品文档",
+  "TUIKit-TUIProfile-01": "资料设置",
+  "TUIKit-TUIProfile-02": "头像",
+  "TUIKit-TUIProfile-03": "昵称",
+  "TUIKit-TUIProfile-04": "账号",
+  "TUIKit-TUIProfile-05": "个性签名",
+  "TUIKit-TUIProfile-06": "性别",
+  "TUIKit-TUIProfile-07": "男",
+  "TUIKit-TUIProfile-08": "女",
+  "TUIKit-TUIProfile-09": "不显示",
+  "TUIKit-TUIProfile-10":"出生年月",
+  "TUIKit-TUIProfile-11": "取消",
+  "TUIKit-TUIProfile-12": "保存",
+  "TUIKit-time-01": "周",
+  "TUIKit-time-02": "天",
+  "TUIKit-time-03": "小时",
+  "TUIKit-time-04": "分钟",
+  "TUIKit-time-05": "刚刚",
+  "TUIKit-time-06": "前",
+  "TUIKit-message-tip-01": "群成员",
+  "TUIKit-message-tip-02": "加入群组",
+  "TUIKit-message-tip-03": "退出群组",
+  "TUIKit-message-tip-04": "被",
+  "TUIKit-message-tip-05": "踢出群组",
+  "TUIKit-message-tip-06": "成为管理员",
+  "TUIKit-message-tip-07": "被撤销管理员",
+  "TUIKit-message-tip-08": "被禁言",
+  "TUIKit-message-tip-09": "被取消禁言",
+  "TUIKit-message-tip-10": "群提示消息",
+  "TUIKit-message-tip-11": "管理员",
+  "TUIKit-message-tip-12": "开启全员禁言",
+  "TUIKit-message-tip-13": "取消全员禁言",
+  "TUIKit-message-tip-14": "成为新的群主",
+  "TUIKit-message-tip-15": "修改群名为",
+  "TUIKit-message-tip-16": "发布新公告",
+  "TUIKit-message-tip-17": "申请加入群组",
+  "TUIKit-message-tip-18": "成功加入群组",
+  "TUIKit-message-tip-19": "被拒绝",
+  "TUIKit-message-tip-20": "你被管理员",
+  "TUIKit-message-tip-21": "群",
+  "TUIKit-message-tip-22": "解散",
+  "TUIKit-message-tip-23": "创建群",
+  "TUIKit-message-tip-24": "邀请你加群",
+  "TUIKit-message-tip-25" : "你退出群组",
+  "TUIKit-message-tip-26": "你被",
+  "TUIKit-message-tip-27": "设置为群",
+  "TUIKit-message-tip-28": "的管理员",
+  "TUIKit-message-tip-29": "撤销群",
+  "TUIKit-message-tip-30": "的管理员身份",
+  "TUIKit-message-tip-31": "同意加群",
+  "TUIKit-message-tip-32": "拒接加群",
+  "TUIKit-message-tip-33": "自定义群系统通知",
+  "TUIKit-message-custom-01": "自定义消息",
+  "TUIKit-message-custom-02": "通话时长",
+  "TUIKit-message-custom-03": "结束群聊",
+  "TUIKit-message-custom-04": "切换语音通话",
+  "TUIKit-message-custom-05": "切换视频通话",
+  "TUIKit-message-custom-06": "发起通话",
+  "TUIKit-message-custom-07": "取消通话",
+  "TUIKit-message-custom-08": "已接听",
+  "TUIKit-message-custom-09": "拒绝通话",
+  "TUIKit-message-custom-10": "无应答",
+  "TUIKit-message-custom-11": "对本次服务评价",
+  "TUIKit-message-custom-12": "查看详情>>",
+  "TUIKit-component-01": "取消",
+  "TUIKit-component-02": "完成",
+  "TUIKit-component-03": "已选中",
+  "TUIKit-component-04": "人",
+  "TUIKit-component-05": "保存",
+  "TUIKit-component-06": "发送",
+  "TUIKit-component-07": "系统通知"
+}
+
+export default translate;

package/src/TUIRoom/components/Chat/ChatKit/locales/zh_cn/words.ts

@@ -0,0 +1,14 @@
+const Words = {
+  "常用语-快捷回复工具": "常用语-快捷回复工具",
+  "在吗？在吗？在吗？重要的话说三遍。": "在吗？在吗？在吗？重要的话说三遍。",
+  "好久没聊天了，快来和我说说话～": "好久没聊天了，快来和我说说话～",
+  "好的，就这么说定了。": "好的，就这么说定了。",
+  "感恩的心，感谢有你。": "感恩的心，感谢有你。",
+  "糟糕！是心动的感觉！": "糟糕！是心动的感觉！",
+  "心疼地抱抱自己，我太难了！":  "心疼地抱抱自己，我太难了！",
+  "没关系，别在意，事情过去就过去了。": "没关系，别在意，事情过去就过去了。",
+  "早上好，今天也是让人期待的一天呢！": "早上好，今天也是让人期待的一天呢！",
+  "熬夜有什么用，又没人陪你聊天，早点休息吧。": "熬夜有什么用，又没人陪你聊天，早点休息吧。"
+}
+
+export default Words;

package/src/TUIRoom/components/Chat/ChatKit/plugins/extension-server/callkit.ts

@@ -0,0 +1 @@
+export default class CallkitPluginServer {}

package/src/TUIRoom/components/Chat/ChatKit/plugins/plugin-components/index.ts

@@ -0,0 +1,37 @@
+import TUIChatEngine, { IMessageModel } from '@tencentcloud/chat-uikit-engine';
+// import { isCustomerServicePluginMessage } from './message-customer/index';
+import { JSONToObject } from '../../utils/type-check';
+
+export function isCallMessage(message: IMessageModel): boolean {
+  const payloadData = JSONToObject(message?.payload?.data);
+  if (payloadData?.businessID === 1 && payloadData?.data) {
+    const payloadDataData = JSONToObject(payloadData.data);
+    if (payloadDataData.businessID === 'av_call') {
+      return true;
+    }
+  }
+  return false;
+}
+
+export function isRoomSignalingMessage(message: IMessageModel): boolean {
+  const payloadData = JSONToObject(message?.payload?.data);
+  return (
+    payloadData?.businessID === 'ROOM_INVITE_ACTION'
+    || payloadData?.businessID === 'tuikit_engine_room'
+  );
+}
+
+export function isRoomCardMessage(message: IMessageModel): boolean {
+  const payloadData = JSONToObject(message?.payload?.data);
+  return payloadData?.businessID === 'group_room_message';
+}
+
+export function isPluginMessage(message: IMessageModel): boolean {
+  return (
+    message.type === TUIChatEngine.TYPES.MSG_CUSTOM
+    && (isCallMessage(message)
+      // || isCustomerServicePluginMessage(message as any)
+      || isRoomCardMessage(message)
+      || isRoomSignalingMessage(message))
+  );
+}

package/src/TUIRoom/components/Chat/ChatKit/plugins/plugin-components/message-call/message-call-c2c.vue

@@ -0,0 +1,116 @@
+<template>
+  <div
+    v-if="isCallMessage && conversationType === TYPES.CONV_C2C"
+    class="call"
+    :class="['call-' + conversationType, message.flow === 'out' && 'call-reverse']"
+    @click="callAgain"
+  >
+    <div :class="['icon', message.flow === 'out' && callInfo.type === 2 && 'icon-reverse']">
+      <Icon :file="callInfo.icon" />
+    </div>
+    <span class="call-content">{{ custom }}</span>
+  </div>
+</template>
+<script setup lang="ts">
+import TUICore, { TUIConstants } from '@tencentcloud/tui-core';
+import TUIChatEngine from '@tencentcloud/chat-uikit-engine';
+import { computed, ref } from '../../../adapter-vue';
+import { JSONToObject } from '../../../utils/index';
+import Icon from '../../../components/common/Icon.vue';
+import callVideoSVG from '../../../assets/icon/call-video.svg';
+import callVoiceSVG from '../../../assets/icon/call-voice.svg';
+import OfflinePushInfoManager, { PUSH_SCENE } from '../../../components/TUIChat/offlinePushInfoManager/index';
+const props = defineProps({
+  message: {
+    type: Object,
+    default: () => ({}),
+  },
+  signalingInfo: {
+    type: Object,
+    default: () => ({}),
+  },
+  customContent: {
+    type: Object,
+    default: () => ({}),
+  },
+});
+const TYPES = ref(TUIChatEngine.TYPES);
+const isCallMessage = computed(() => props.signalingInfo != null);
+const callInfo = computed((): { type: number; icon: string } => {
+  const callType = JSONToObject(props.signalingInfo?.data)?.call_type;
+  switch (callType) {
+    case 1:
+      return {
+        type: 1,
+        icon: callVoiceSVG,
+      };
+    case 2:
+      return {
+        type: 2,
+        icon: callVideoSVG,
+      };
+    default:
+      break;
+  }
+  return {
+    type: 0,
+    icon: '',
+  };
+});
+const conversationType = computed(() => props.message?.conversationType);
+const custom = computed(() => props.customContent?.custom);
+
+const callAgain = () => {
+  if (conversationType.value === TUIChatEngine.TYPES.CONV_C2C) {
+    const userID = props.message?.flow === 'out' ? props.message?.to : props.message?.from;
+    TUICore.callService({
+      serviceName: TUIConstants.TUICalling.SERVICE.NAME,
+      method: TUIConstants.TUICalling.SERVICE.METHOD.START_CALL,
+      params: {
+        userIDList: [userID],
+        type: callInfo?.value?.type,
+        callParams: {
+          offlinePushInfo: OfflinePushInfoManager.getOfflinePushInfo(PUSH_SCENE.CALL),
+        },
+      },
+    });
+  }
+};
+</script>
+<style scoped lang="scss">
+.call {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+
+  &-C2C {
+    cursor: pointer;
+  }
+
+  &-GROUP {
+    cursor: default;
+  }
+
+  &-content {
+    padding-left: 5px;
+  }
+
+  .icon {
+    width: 20px;
+    height: 20px;
+  }
+
+  &-reverse {
+    flex-direction: row-reverse;
+
+    .icon-reverse {
+      transform: rotate(180deg);
+    }
+
+    .call-content {
+      padding-right: 5px;
+      padding-left: 0;
+    }
+  }
+}
+</style>

package/src/TUIRoom/components/Chat/ChatKit/plugins/plugin-components/message-call/message-call-group.vue

@@ -0,0 +1,51 @@
+<template>
+  <div
+    v-if="isCallMessage && conversationType === TYPES.CONV_GROUP"
+    :class="{ 'blink-text': isBlink }"
+  >
+    {{ custom }}
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed } from '../../../adapter-vue';
+import TUIChatEngine, { IMessageModel } from '@tencentcloud/chat-uikit-engine';
+
+interface IProps {
+  message: IMessageModel;
+  signalingInfo: any;
+  customContent: any;
+  blinkMessageIDList?: string[];
+}
+
+const props = withDefaults(defineProps<IProps>(), {
+  message: () => ({}) as IMessageModel,
+  signalingInfo: () => ({}),
+  customContent: () => ({}),
+  blinkMessageIDList: () => [],
+});
+
+const TYPES = TUIChatEngine.TYPES;
+const isCallMessage = computed(() => !!props.signalingInfo);
+const conversationType = computed(() => props.message?.conversationType);
+const custom = computed(() => props.customContent?.custom);
+
+const isBlink = computed(() => {
+  if (props.message?.ID) {
+    return props.blinkMessageIDList?.includes(props.message.ID);
+  }
+  return false;
+});
+</script>
+
+<style scoped lang="scss">
+@keyframes blink-text {
+  50% {
+    color: #ff9c19;
+  }
+}
+
+.blink-text {
+  animation: blinkText 1s linear 3;
+}
+</style>

package/src/TUIRoom/components/Chat/ChatKit/plugins/plugin-components/message-customer/index.ts

@@ -0,0 +1,5 @@
+// import {
+//   isCustomerServicePluginMessage,
+//   isMessageInvisible as isCustomServiceMessageInvisible,
+// } from '@tencentcloud/tui-customer-service-plugin';
+// export { isCustomerServicePluginMessage, isCustomServiceMessageInvisible };

package/src/TUIRoom/components/Chat/ChatKit/plugins/plugin-components/message-customer/message-customer-service.vue

@@ -0,0 +1,16 @@
+<template>
+  <!-- <TUICustomerServicePlugin :message="props.message" /> -->
+</template>
+<script setup lang="ts">
+import { IMessageModel } from '@tencentcloud/chat-uikit-engine';
+// import TUICustomerServicePlugin from '@tencentcloud/tui-customer-service-plugin/index.vue';
+interface IProps {
+  message: IMessageModel;
+}
+const props = withDefaults(defineProps<IProps>(), {
+  message: () => ({} as IMessageModel),
+});
+</script>
+<style lang="scss" scoped>
+/* stylelint-disable-next-line no-empty-source */
+</style>