@tencentcloud/ai-desk-customer-vue 0.7.0 → 1.0.1

package/components/CustomerServiceChat/message-list/message-elements/message-desk/message-desk-elements/message-robot-welcome.vue

@@ -14,9 +14,6 @@
         class="change-wrapper"
         @click="changeBranchList()"
       >
-      <div style="margin-right: 3px;">
-        换一换
-      </div>
         <Icon :src="iconRefresh" />
       </div>
     </div>
@@ -98,7 +95,7 @@ export default {
       iconRight,
       changeBranchList,
       iconQuestion,
-      iconRefresh
+      iconRefresh,
     };
   },
 };
@@ -106,7 +103,6 @@ export default {
 
 <style lang="scss">
 .welcome-card {
-  min-width: 300px;
   max-width: 400px;
 
   .welcome-title {
@@ -125,7 +121,7 @@ export default {
   .card-title {
     display: inline-block;
     margin-left: 8px;
-    font-size: 16px;
+    font-size: 14px;
   }
 
   .el-link {

package/components/CustomerServiceChat/message-list/message-elements/message-desk/message-desk-elements/message-single-form/form-input.vue

@@ -7,7 +7,7 @@
         {{ props.title }}
       </div>
       <div class="form-button" @click="showForm">
-        立即填写
+        {{ TUITranslateService.t("AIDesk.立即填写") }}
       </div>
     </div>
     
@@ -26,7 +26,7 @@
         <input
           v-model="text"
           class="form-input"
-          placeholder="请输入内容"
+          :placeholder="TUITranslateService.t('AIDesk.请输入内容')"
         >
       </div>
     </div>
@@ -38,7 +38,7 @@
       </div>
       <div class="form-finish-title-right">
         <Icon :src="iconSucess" style="margin:0px 4px"/>
-        已提交
+        {{ TUITranslateService.t("AIDesk.已提交") }}
       </div>
     </div>
     <div>
@@ -52,6 +52,7 @@ import vue from '../../../../../../../adapter-vue';
 import iconForm from '../../../../../../../assets/icon_form.png';
 import Icon from '../customer-icon.vue';
 import iconSucess from '../../../../../../../assets/icon_success.png';
+import { TUITranslateService } from '@tencentcloud/chat-uikit-engine';
 const { computed, ref} = vue;
 
 interface Props {
@@ -94,7 +95,8 @@ export default {
       isShowForm,
       showForm,
       iconSucess,
-      isFinish
+      isFinish,
+      TUITranslateService
     };
   },
 };

package/components/CustomerServiceChat/message-list/message-elements/message-desk/message-desk-elements/styles/common.scss

@@ -118,7 +118,7 @@
 .message-marked {
   overflow: hidden;
   word-break: break-word;
-  white-space: pre-wrap;
+  white-space: normal;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;

package/components/CustomerServiceChat/message-list/message-elements/message-location.vue

@@ -3,7 +3,7 @@
     class="message-location"
     :href="data.href"
     target="_blank"
-    title="点击查看详情"
+    :title="TUITranslateService.t('AIDesk.跳转')"
   >
     <span class="el-icon-location-outline">{{ data.description }}</span>
     <img :src="data.url">
@@ -11,6 +11,7 @@
 </template>
 
 <script lang="ts" setup>
+import { TUITranslateService } from '@tencentcloud/chat-uikit-engine';
 import vue from '../../../../adapter-vue';
 const { watchEffect, ref } = vue;
 const props = defineProps({

package/components/CustomerServiceChat/message-list/message-elements/message-text.vue

@@ -98,6 +98,6 @@ watchEffect(() => {
   text-size-adjust: none;
   font-family: PingFangSC-Regular;
   overflow-wrap: break-word;
-  word-break: keep-all;
+  word-break: normal;
 }
 </style>

package/components/CustomerServiceChat/message-list/message-elements/message-thinking.vue

@@ -2,7 +2,7 @@
     <div class="message-thinking">
         <div v-for="(icon, index) in icons" :key="index">
             <transition name="fade">
-                <Icon v-if="icon" :file="loading_message" width="16px" height="16px"/>
+                <Icon v-if="icon" :file="loading_message" width="14px" height="14px"/>
             </transition>
         </div>
     </div>
@@ -56,4 +56,4 @@ export default {
 .fade-enter, .fade-leave-to {
   opacity: 0;
 }
-</style>
+</style>

package/components/CustomerServiceChat/message-list/message-tool/index-web.vue

@@ -120,7 +120,7 @@ const actionItems = ref([
     clickEvent: quoteMessage,
   },{
     key:'download',
-    text: '下载',
+    text: TUITranslateService.t('TUIChat.下载'),
     iconUrl: downloadIcon,
     renderCondition(){
       if (!message.value) return false;

package/components/CustomerServiceChat/message-list/message-tool/message-revoked.vue

@@ -54,6 +54,7 @@ const messageEdit = () => {
   color: #999;
   font-size: 12px;
   margin-bottom: 10px;
+  white-space: pre;
 
   .edit {
     padding: 0 5px;

package/components/CustomerServiceChat/message-list/scroll-button/index.vue

@@ -178,7 +178,9 @@ defineExpose({
   position: absolute;
   bottom: 10px;
   right: 10px;
-  width: 92px;
+  width: auto;
+  min-width: 92px;
+  max-width: 115px;
   height: 28px;
   background: #fff;
   border: 1px solid #e0e0e0;

package/components/CustomerServiceChat/message-toolbar-button/index.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="toolbar-button-container">
         <template v-for="(item, index) in props.toolbarButtonList">
-            <div v-if="item.renderCondition()" :key="index"
+            <div v-if="shouldRender(item)" :key="index"
                 :class="['toolbar-button', isH5 ? 'toolbar-button-h5' : '']" @click="onClick(index)">
                 <Icon v-if="item.icon" class="toolbar-button-icon" :file="item.icon" width="18px" height="18px"/>
                 <div class="toolbar-button-text">
@@ -26,7 +26,13 @@ const props = withDefaults(defineProps<IProps>(), {
 });
 
 function onClick(index: number) {
-    props.toolbarButtonList[index].clickEvent();
+    if (typeof props.toolbarButtonList[index].clickEvent === 'function') {
+        props.toolbarButtonList[index].clickEvent();
+    }
+}
+
+function shouldRender(item: ToolbarButtonModel) {
+    return typeof item.renderCondition === 'function' ? item.renderCondition() : false;
 }
 
 </script>
@@ -35,19 +41,19 @@ function onClick(index: number) {
     display: flex;
     flex-direction: row !important;
     margin: 5px !important;
-    display: flex ;
     align-items: center ;
 }
 
 .toolbar-button {
     border: 1px solid #E7EAEF;
-    padding: 5px;
+    padding: 5px 10px;
     border-radius: 20px;
     cursor: pointer;
     display: flex;
     align-items: center;
     margin-left: 10px;
     white-space: nowrap;
+    user-select: none;
 }
 
 .toolbar-button-h5 {

package/components/common/Dialog/index.vue

@@ -36,13 +36,13 @@
           class="btn btn-cancel"
           @click="close"
         >
-          {{ TUITranslateService.t("component.取消") }}
+          {{ TUITranslateService.t('取消') }}
         </button>
         <button
           class="btn btn-default"
           @click="submit"
         >
-          {{ TUITranslateService.t("component.确定") }}
+          {{ TUITranslateService.t('确定') }}
         </button>
       </footer>
     </main>

package/components/common/ImagePreviewer/index-web.vue

@@ -374,7 +374,7 @@ const save = () => {
   const imageSrc = imageMessage?.payload?.imageInfoArray[0]?.url;
   if (!imageSrc) {
     Toast({
-      message: TUITranslateService.t('component.图片 url 不存在'),
+      message: TUITranslateService.t('Component.图片 url 不存在'),
       type: TOAST_TYPE.ERROR,
     });
     return;
@@ -396,7 +396,7 @@ const downloadImgInWeb = (src: string) => {
   const imageFormat: number = imageMessage?.payload?.imageFormat;
   if (!imageFormatMap.has(imageFormat)) {
     Toast({
-      message: TUITranslateService.t('component.暂不支持下载此类型图片'),
+      message: TUITranslateService.t('Component.暂不支持下载此类型图片'),
       type: TOAST_TYPE.ERROR,
     });
     return;

package/constant.ts

@@ -114,6 +114,7 @@ export const ROBOT_STATUS = {
 // message type
 export const TYPES = {
   MSG_CUSTOM: 'TIMCustomElem',
+  MSG_GROUP_TIP:'TIMGroupTipElem'
 };
 
 export const EMOJI_TYPE = {
@@ -121,3 +122,16 @@ export const EMOJI_TYPE = {
   BIG: 'big',
   CUSTOM: 'CUSTOM',
 };
+
+export const WHITE_LIST = [
+  CUSTOM_MESSAGE_SRC.MENU,
+  CUSTOM_MESSAGE_SRC.BRANCH,
+  CUSTOM_MESSAGE_SRC.BRANCH_NUMBER,
+  CUSTOM_MESSAGE_SRC.FROM_INPUT,
+  CUSTOM_MESSAGE_SRC.PRODUCT_CARD,
+  CUSTOM_MESSAGE_SRC.ROBOT_MSG,
+  CUSTOM_MESSAGE_SRC.RICH_TEXT,
+  CUSTOM_MESSAGE_SRC.STREAM_TEXT,
+  CUSTOM_MESSAGE_SRC.MULTI_BRANCH,
+  CUSTOM_MESSAGE_SRC.MULTI_FORM,
+];

package/excluded-list.txt

@@ -1,5 +1,4 @@
 .\node_modules\@tencentcloud\ai-desk-customer-vue\node_modules
-.\node_modules\@tencentcloud\ai-desk-customer-vue\package.json
 .\node_modules\@tencentcloud\ai-desk-customer-vue\excluded-list.txt
 
 

package/index.ts

@@ -1,8 +1,6 @@
-declare const uni: any;
 import TUICustomerPluginServer from './server';
 import { isMessageInvisible } from './utils/index';
-import CustomerChatWeb from './components/CustomerServiceChat/index-web.vue';
-
+import CustomerServiceChat from './components/CustomerServiceChat/index-web.vue';
 
 const TUICustomerServer = TUICustomerPluginServer.getInstance();
 
@@ -10,12 +8,11 @@ const isCustomerServicePluginMessage = TUICustomerServer.isCustomerServicePlugin
 
 const isCustomerConversation = TUICustomerServer.isCustomerConversation.bind(TUICustomerServer);
 
-let CustomerServiceChat = CustomerChatWeb;
-
-
 export {
   isCustomerServicePluginMessage,
   isMessageInvisible,
   CustomerServiceChat,
   isCustomerConversation
-};
+};
+
+export default TUICustomerServer;

package/locales/en/TUIChat.ts

@@ -0,0 +1,158 @@
+const TUIChat = {
+  '按Enter发送，Ctrl+Enter换行': 'Press Enter to send a message and Ctrl+Enter to start a new line',
+  '表情': '[Face]',
+  '查看更多': 'View more',
+  '撤回': 'Recall',
+  '撤回了一条消息': ' recalled a message',
+  '打开': 'Open',
+  '单击下载': 'Click download',
+  '下载':'Download',
+  '点此投诉': 'Complain',
+  '点击处理': 'Click action',
+  '对方正在输入': 'Typing...',
+  '发起群视频': 'Make group video call',
+  '发起群语音': 'Make group voice call',
+  '发起通话': 'Start Call',
+  '发送失败': 'send failed',
+  '复制': 'Copy',
+  '复制成功': 'Copied to clipboard',
+  '该消息不存在': 'The message does not exist',
+  '关闭阅读状态': 'Read status closed',
+  '管理员开启全员禁言': 'The admin enables Mute All',
+  '欢迎使用TUICallKit': 'Welcome to TUICallKit',
+  '回到最新位置': 'Back to the latest location',
+  '回复': 'Reply',
+  '回复详情': 'Replies',
+  '集成TUICallKit': ' Integrate TUICallKit ',
+  '检测到您暂未集成TUICallKit，无法体验音视频通话功能': 'It is detected that you have not integrated TUI CallKit yet, so you cannot experience the audio and video call. ',
+  '结束群聊': 'Edit Group Call',
+  '进行体验': 'to experience.',
+  '经度': 'Longitude',
+  '拒绝': 'Reject',
+  '拒绝通话': 'Decline Call',
+  '开通腾讯实时音视频服务': 'Integration Tencent Real-Time Communication',
+  '聊天记录': '[Chat history]',
+  '描述': 'Description',
+  '内容包含敏感词汇': 'Content contains sensitive words',
+  '您': 'You',
+  '您当前购买使用的套餐包暂未开通此功能': 'The package you purchased does not support this ability.',
+  '您当前购买使用的套餐包暂未开通群消息已读回执功能': 'The package you purchased does not support the read receipt of group messages.',
+  '您当前购买使用的套餐包暂未开通在线用户列表功能': 'The package you purchased does not support the online user list.',
+  '您已被管理员禁言': 'You have been muted by the admin',
+  '您有': 'You have',
+  '请点击': 'Please click',
+  '请输入消息': 'Enter a message',
+  '取消': 'Cancel',
+  '取消通话': 'Cancel Call',
+  '全部已读': 'All read',
+  '确定': 'Submit',
+  '确认重发该消息？': 'Confirm to resend the message?',
+  '人关闭阅读状态': ' read status closed',
+  '人未读': ' unread',
+  '人已读': ' read',
+  '删除': 'Delete',
+  '涉及敏感内容': 'Sensitive content',
+  '申请加入': 'Application for join in',
+  '视频': '[video]',
+  '视频通话': 'Video Call',
+  '条回复': 'replies',
+  '条入群申请': 'Item group application',
+  '条新消息': ' new messages',
+  '通话时长': 'Duration',
+  '同意': 'Agree',
+  '图片': '[Image]',
+  '图片消息失败,无效的图片格式': 'Image message failed, invalid image format.',
+  '纬度': 'Latitude',
+  '未读': 'Unread',
+  '位置': '[Location]',
+  '文件': '[File]',
+  '文件不存在,请检查文件路径是否正确': 'The file does not exist, please check if the file path is correct.',
+  '文件大小超出了限制,如果上传文件,最大限制是100MB': 'The file size exceeds the limit; if uploading a file, the maximum limit is 100MB.',
+  '文件消息失败,禁止发送违规封禁的文件': 'File message failed, sending prohibited and banned files is not allowed.',
+  '我': 'I',
+  '无法查看': 'unable to view',
+  '无法定位到原消息': 'Unable to navigate to the original message',
+  '无法收听': 'unable to listen',
+  '正在加载': 'Loading...',
+  '加载结束': 'Load end',
+  '无应答': 'No Answer',
+  '系统消息': 'System message',
+  '消息': '[message]',
+  '消息或者资料中文本存在敏感内容,发送失败': 'Sensitive content found in the message or information text, sending failed.',
+  '消息详情': 'Message Detail',
+  '消息长度超出限制,消息长度不要超过12K': 'Message length exceeds the limit; please keep the message length under 12K.',
+  '消息中图片存在敏感内容,发送失败': ' Sensitive content is found in the picture in the message, sending failed.',
+  '选择提醒的人': 'Select Contact',
+  '已读': 'Read',
+  '已过撤回时限': 'Withdrawal deadline has passed',
+  '已接听': 'Answered',
+  '已拒绝': 'Rejected',
+  '已同意': 'Approved',
+  '引用': 'Reference',
+  '引用失败': 'quote failed',
+  '语音': '[Voice]',
+  '语音通话': 'Voice Call',
+  '重新编辑': 'Re-edit',
+  '重新发送': 'Resend',
+  '转发': 'Forward',
+  '翻译': 'Translate',
+  '转文字': 'Convert',
+  '隐藏': 'Hidden',
+  '转发给': 'Forward to',
+  '自定义': '[custom message]',
+  '自定义消息': 'Custom message',
+  '腾讯云 IM': 'Tencent Cloud Chat',
+  '空': 'Empty',
+  '文本包含本地审核拦截词': 'Text contains local moderation blocking words',
+  '按住说话': 'Hold to speak',
+  '抬起发送': 'Release to send',
+  '抬起取消': 'Release to cancel',
+  '正在录音': 'Recording',
+  '继续上滑可取消': 'Continue to swipe to cancel',
+  '松开手指 取消发送': 'Release to cancel',
+  '此机型暂不支持复制功能': 'This model does not support the copy',
+  '请开通翻译功能': 'Please open the translation feature',
+  '请开通语音转文字功能': 'Please open the convert feature',
+  '翻译中': 'Translating',
+  '转换中': 'Converting',
+  '由IM提供翻译支持': 'support by IM',
+  '所有人': 'All',
+  '已达到表情回应上限数量': 'You have reached the max reaction limit',
+  '等': 'and others',
+  '人': 'users',
+  '返回': 'Back',
+  '关闭': 'Close',
+  '多选': 'Select',
+  '合并转发': 'Combine Forward',
+  '逐条转发': 'One-By-One Forward',
+  '未选择消息': 'No message selected',
+  '[草稿]': '[Drafts]',
+  '[消息]': '[Message]',
+  '[文本]': '[Text]',
+  '[自定义消息]': '[Custom Message]',
+  '[图片]': '[Image]',
+  '[音频]': '[Voice]',
+  '[语音]': '[Voice]',
+  '[视频]': '[Video]',
+  '[文件]': '[File]',
+  '[位置]': '[Location]',
+  '[地理位置]': '[Location]',
+  '[动画表情]': '[Animated Sticker]',
+  '[群提示]': '[Group Tip]',
+  '[群提示消息]': '[Group Notification]',
+  '[聊天记录]': '[Chat History]',
+  '[机器人自定义消息]': '[Robot Custom Message]',
+  '引用内容已撤回': 'The quoted message has been withdrawn',
+  '群聊的聊天记录': 'Chat history for Group Chat',
+  '和': 'and',
+  '的聊天记录': 'chat history',
+  '请升级IMSDK到v2.10.1或更高版本查看此消息': 'Please upgrade IMSDK to v2.10.1 or higher to view this message',
+  '该群聊已被解散': 'The group has been dismissed',
+  '您已被管理员移出群聊': 'You have been removed from the group by the admin.',
+  '您已退出该群聊': 'You have left the group.',
+  '您已被禁止聊天': 'you have been forbidden to speak',
+  '账号被强制下线': 'Account forcibly logged out',
+  '登录失败': 'Login failed',
+};
+
+export default TUIChat;

package/locales/en/aidesk.ts

@@ -0,0 +1,16 @@
+const AIDesk = {
+    "结束人工会话": "end",
+    "转人工服务": "human service",
+    "跳转": "Goto",
+    "立即填写": "Fill now",
+    "已提交": "Submitted",
+    "提交": "Submit",
+    "查看内容": "View content",
+    "请填写必填项": "Please fill in the required fields",
+    "Hi，我是": "Hi, I'm ",
+    "请输入内容":"Please enter the content",
+    "如果满意请给好评哦～":"If you're satisfied, please give a good review~",
+    "请对本次服务进行评价": "Please rate this service",
+    "提交评价": "Feedback",
+}
+export default AIDesk;

package/locales/en/component.ts

@@ -0,0 +1,6 @@
+const Component = {
+    "图片 url 不存在": "Image url does not exist",
+    "暂不支持下载此类型图片": "Downloading this type of image is not currently supported",
+  }
+  
+  export default Component;

package/locales/en/index.ts

@@ -0,0 +1,26 @@
+import TUIChat from './TUIChat';
+import Component from './component';
+import Time from './time';
+import AIDesk from './aidesk';
+
+const messages = {
+  en: {
+    "取消": 'Cancel',
+    "确定": 'Confirm',
+    "发送": 'Send',
+    "系统通知": 'System notification',
+    "关闭": 'Close',
+    "图片": 'Image',
+    "文件": 'File',
+    "表情": 'Emoji',
+    "视频": 'Video',
+    "录制": 'Record',
+    "拍照": 'Take a photo',
+    AIDesk,
+    TUIChat,
+    Component,
+    Time,
+  },
+};
+
+export default messages;

package/locales/en/time.ts

@@ -0,0 +1,37 @@
+const Time = {
+  "周": "week(s) ",
+  "天": "day(s)",
+  "小时": "hour(s) ",
+  "分钟": "minute(s)",
+  "刚刚": "Just now",
+  "前": " ago",
+  "昨天": "Yesterday",
+  "星期一": "Monday",
+  "星期二": "Tuesday",
+  "星期三": "Wednesday",
+  "星期四": "Thursday",
+  "星期五": "Friday",
+  "星期六": "Saturday",
+  "星期日": "Sunday",
+  "一月": "January",
+  "二月": "February",
+  "三月": "March",
+  "四月": "April",
+  "五月": "May",
+  "六月": "June",
+  "七月": "July",
+  "八月": "August",
+  "九月": "September",
+  "十月": "October",
+  "十一月": "November",
+  "十二月": "December",
+  "一": "Mon",
+  "二": "Tues",
+  "三": "Wed",
+  "四": "Thur",
+  "五": "Fri",
+  "六": "Sat",
+  "日": "Sun",
+}
+
+export default Time;