@tencentcloud/ai-desk-customer-vue 1.6.3 → 1.6.4

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## 1.6.4 @2025.11.25
+
+### Features
+- 支持区分用户端上行消息的来源（用户输入或用户点击分支选项）
+
+### Fixed
+- vue2 已知问题
+
 ## 1.6.3 @2025.11.13
 
 ### Features

package/components/CustomerServiceChat/feedback-modal/index.vue

@@ -8,7 +8,9 @@
               {{ TUITranslateService.t("AIDesk.感谢您的反馈，我们会持续优化改进") }}  
             </span>
           </div>
-          <Icon :file="DialogCloseIcon" width="20px" height="20px" @click="closeFeedbackModal"/>
+          <div @click="closeFeedbackModal">
+            <Icon :file="DialogCloseIcon" width="20px" height="20px"/>
+          </div>
         </div>
 
         <div class="dialog-select-container">
@@ -86,6 +88,7 @@
 </template>
 <script lang="ts">
 import vue from '../../../adapter-vue';
+import { vueVersion } from '../../../adapter-vue-web';
 import Icon from '../../common/Icon.vue';
 import { StoreName, TUIStore, TUITranslateService, TUIChatService } from '@tencentcloud/chat-uikit-engine';
 import GreenCheck from '../../../assets/green_check.svg';
@@ -178,7 +181,20 @@ export default {
     }
 
     const dialogButtonClick = (item) => {
-      item.isSelected = !item.isSelected;
+      if (vueVersion === 3) {
+        // vue 3 
+        item.isSelected = !item.isSelected;
+      } else {
+        // vue 2.6 or vue 2.7
+        const index = feedbackButtonList.value.findIndex(i => i.id === item.id);
+        if (index === -1) return;
+        const newList = feedbackButtonList.value.slice();
+        newList[index] = {
+          ...newList[index],
+          isSelected: !newList[index].isSelected
+        };
+        feedbackButtonList.value = newList;
+      }
     };
 
     const isSubmitEnabled = computed(() => {
@@ -212,12 +228,6 @@ export default {
     const onDislike = (messageInfo) => {
       _messageInfo = messageInfo;
     };
-
-    expose({
-      onLike,
-      onDislike,
-    });
-
     return {
       isPC,
       GreenCheck,
@@ -230,6 +240,8 @@ export default {
       submit,
       isSubmitEnabled,
       feedbackButtonListFromStore,
+      onLike,
+      onDislike,
     };
   }
 }

package/components/CustomerServiceChat/message-input/index-web.vue

@@ -20,7 +20,7 @@
         :enableInput="props.enableInput"
         :enableTyping="props.enableTyping"
         :enableDragUpload="props.enableDragUpload"
-        :isInAudioMode="isInAudioMode"
+        :isInAudioModeFromProps="isInAudioMode"
         :shouldShowToolbar="shouldShowToolbar"
         :shouldShowEmoji="shouldShowEmoji"
         :shouldShowAudio="shouldShowAudio"
@@ -60,7 +60,7 @@ import MessageInputButton from './message-input-button.vue';
 import MessageInputQuote from './message-input-quote/index.vue';
 import { sendMessages, sendTyping } from '../utils/sendMessage';
 import { transformTextWithEmojiNamesToKeys } from '../emoji-config';
-import { isPC,isH5 } from '../../../utils/env';
+import { isPC, isH5 } from '../../../utils/env';
 import Icon from '../../common/Icon.vue';
 import emojiIcon from '../../../assets/emoji.png';
 import toolIcon from '../../../assets/more_tools.png';
@@ -68,9 +68,8 @@ import sendButtonIcon from '../../../assets/send_button_h5.svg';
 import audioIcon from '../../../assets/audio-blue.svg';
 import keyboardIcon from '../../../assets/keyboard-icon.svg';
 import { INPUT_TOOLBAR_TYPE } from '../../../constant';
-import { onUnmounted } from 'vue';
 import Log from '../../../utils/logger';
-const { ref, onMounted, onBeforeUnmount, computed } = vue;
+const { ref, onMounted, onBeforeUnmount, computed, onUnmounted } = vue;
 
 const props = defineProps({
   isMuted: {

package/components/CustomerServiceChat/message-input/message-input-editor-web.vue

@@ -116,7 +116,7 @@ const props = defineProps({
     type: Boolean,
     default: true,
   },
-  isInAudioMode:{
+  isInAudioModeFromProps:{
     type: Boolean,
     default: false,
   },
@@ -146,7 +146,7 @@ let editor: Editor | null = null;
 const fileMap = new Map<string, any>();
 const recorder = ref();
 const recordTime = ref(0);
-const isInAudioMode = ref(props.isInAudioMode);
+const isInAudioMode = ref(props.isInAudioModeFromProps);
 const isRecording = ref(false);
 let startRecordY = 0;
 const recordCancel = ref(false);
@@ -194,7 +194,7 @@ function focusEditor() {
 }
 
 watch(
-  () => [props.isInAudioMode],
+  () => [props.isInAudioModeFromProps],
   (newValue) => {
     isInAudioMode.value = newValue[0];
   }

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

@@ -130,9 +130,17 @@ export default {
       return props.message && JSONToObject(props.message?.payload?.data);
     });
     const sendTextMessage = async (payload: TextMessagePayload, cloudCustomData?: string) => {
+      let cloudCustomDataFinal = cloudCustomData || '';
+      if (!cloudCustomDataFinal) {
+        cloudCustomDataFinal = JSON.stringify({
+          deskExtInfo: {
+            isPresetContent : 1
+          }
+        });
+      }
       await TUIChatService.sendTextMessage({ 
         payload, 
-        cloudCustomData: cloudCustomData || '',
+        cloudCustomData: cloudCustomDataFinal,
         needReadReceipt: isEnabledMessageReadReceiptGlobal() 
       });
       emit('messageSent');

package/components/CustomerServiceChat/message-list/message-elements/message-desk/message-desk-elements/message-multi-branch/branch-pc.vue

@@ -62,7 +62,10 @@ export default {
               taskID: props.payload.taskInfo?.taskID,
               nodeID: props.payload.taskInfo?.nodeID,
               env: props.payload.taskInfo?.env,
-            }
+            },
+            deskExtInfo: {
+              isPresetContent: 1
+            },
           });
         }
         emit('input-click', branch, cloudCustomData); 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tencentcloud/ai-desk-customer-vue",
-  "version": "1.6.3",
+  "version": "1.6.4",
   "description": "Vue2/Vue3 UIKit for AI Desk",
   "main": "index",
   "keywords": [