@tencentcloud/ai-desk-customer-vue 0.1.3 → 0.1.4

package/components/CustomerServiceChat/message-list/message-elements/message-record/index.vue

@@ -33,7 +33,7 @@
       />
     </Overlay>
     <Drawer
-      v-else-if="!props.disabled && isH5 && !isUniFrameWork"
+      v-else-if="!props.disabled && isH5"
       :visible="isMessageListVisible"
       :isFullScreen="true"
       :overlayColor="'transparent'"
@@ -58,7 +58,7 @@ import {
 import Overlay from '../../../../common/Overlay/index.vue';
 import Drawer from '../../../../common/Drawer/index.vue';
 import SimpleMessageList from '../simple-message-list/index.vue';
-import { isH5, isPC, isUniFrameWork } from '../../../../../utils/env';
+import { isH5, isPC } from '../../../../../utils/env';
 import { transformTextWithKeysToEmojiNames } from '../../../emoji-config/index';
 import { IMergeMessageContent } from '../../../../../interface';
 const { ref, withDefaults } = vue;
@@ -94,11 +94,8 @@ function openMergeDetail() {
   if (props.disabled) {
     return;
   }
-  if (!isUniFrameWork) {
     isMessageListVisible.value = true;
-  } else {
-    emits('assignMessageIDInUniapp', props.messageItem.ID);
-  }
+  
 }
 
 function closeMergeDetail() {

package/components/CustomerServiceChat/message-list/message-elements/simple-message-list/index.vue

@@ -87,27 +87,8 @@
             v-else-if="item.messageBody[0].type === TYPES.MSG_VIDEO"
             class="message-video"
           >
-            <div
-              v-if="isUniFrameWork"
-              @click="
-                previewVideoInUniapp(
-                  item.messageBody[0].payload['remoteVideoUrl']
-                )
-              "
-            >
-              <image
-                class="image"
-                :src="item.messageBody[0].payload['thumbUrl']"
-                mode="widthFix"
-                alt="image"
-              />
-              <Icon
-                class="video-play-icon"
-                :file="playIcon"
-              />
-            </div>
+
             <video
-              v-else
               class="video"
               controls
               :poster="item.messageBody[0].payload['thumbUrl']"
@@ -186,7 +167,7 @@ import {
   DEFAULT_BIG_EMOJI_URL,
   CUSTOM_BIG_EMOJI_URL,
 } from '../../../emoji-config/index';
-import { isMobile, isUniFrameWork } from '../../../../../utils/env';
+import { isMobile } from '../../../../../utils/env';
 import { IMergeMessageContent } from '../../../../../interface';
 const { computed, ref, watch } = vue;
 
@@ -294,14 +275,7 @@ function backPreviousLevel() {
   }
 }
 
-function previewVideoInUniapp(url: string) {
-  if (isUniFrameWork) {
-    const encodedUrl = encodeURIComponent(url);
-    uni.navigateTo({
-      url: `/TUIKit/components/TUIChat/video-play?videoUrl=${encodedUrl}`,
-    });
-  }
-}
+
 
 function resolveBigFaceUrl(bigFaceKey: string): string {
   let url = '';

package/components/CustomerServiceChat/style/index.scss

@@ -1,8 +1,6 @@
 @import './common';
 @import './web';
 @import './h5';
-@import './uni';
-@import './wx';
 
 :not(not) {
   display: flex;

package/components/common/Avatar/index.vue

@@ -7,24 +7,7 @@
       borderRadius: avatarBorderRadius,
     }"
   >
-    <template v-if="isUniFrameWork">
-      <image
-        v-if="!loadErrorInUniapp"
-        class="avatar-image"
-        :src="avatarImageUrl || defaultAvatarUrl"
-        @load="avatarLoadSuccess"
-        @error="avatarLoadFailed"
-      />
-      <image
-        v-else
-        class="avatar-image"
-        :src="defaultAvatarUrl"
-        @load="avatarLoadSuccess"
-        @error="avatarLoadFailed"
-      />
-    </template>
     <img
-      v-else
       class="avatar-image"
       :src="avatarImageUrl || defaultAvatarUrl"
       @load="avatarLoadSuccess"
@@ -43,7 +26,6 @@
 
 <script setup lang="ts">
 import vue from '../../../adapter-vue';
-import { isUniFrameWork } from '../../../utils/env';
 const { ref, toRefs } = vue;
 
 interface IProps {
@@ -79,7 +61,7 @@ const {
 
 let reloadAvatarTime = 0;
 const isImgLoaded = ref<boolean>(false);
-const loadErrorInUniapp = ref<boolean>(false);
+
 
 function avatarLoadSuccess(e: Event) {
   isImgLoaded.value = true;
@@ -91,11 +73,8 @@ function avatarLoadFailed(e: Event) {
   if (reloadAvatarTime > 3) {
     return;
   }
-  if (isUniFrameWork) {
-    loadErrorInUniapp.value = true;
-  } else {
     (e.currentTarget as HTMLImageElement).src = defaultAvatarUrl.value;
-  }
+  
   emits('onError', e);
 }
 </script>

package/components/common/BottomPopup/index.vue

@@ -9,7 +9,6 @@
       v-if="!isPC"
       :class="[
         'bottom-popup',
-        isUniFrameWork && 'bottom-popup-uni',
         !isPC && 'bottom-popup-h5',
         !isPC && props.modal && 'bottom-popup-modal',
       ]"
@@ -64,7 +63,7 @@
 import vue from '../../../adapter-vue';
 import { TUITranslateService } from '@tencentcloud/chat-uikit-engine';
 import { outsideClick } from '@tencentcloud/universal-api';
-import { isPC, isH5, isUniFrameWork } from '../../../utils/env';
+import { isPC, isH5 } from '../../../utils/env';
 const { ref, watch, nextTick } = vue;
 
 const props = defineProps({
@@ -129,7 +128,7 @@ watch(
         emits('onOpen', dialogRef);
         nextTick(() => {
           // Effective under web h5
-          if (isH5 && !isUniFrameWork) {
+          if (isH5) {
             if (props.closeByClickOutside) {
               outsideClick.listen({
                 domRefs: dialogRef.value,

package/components/common/Dialog/index.vue

@@ -24,7 +24,7 @@
       </header>
       <div
         class="dialog-main-content"
-        :class="[isUniFrameWork && isH5 ? 'dialog-main-content-uniapp' : '']"
+        :class="[isH5 ? 'dialog-main-content-uniapp' : '']"
       >
         <slot />
       </div>
@@ -52,7 +52,7 @@
 <script lang="ts" setup>
 import vue from '../../../adapter-vue';
 import { TUITranslateService } from '@tencentcloud/chat-uikit-engine';
-import { isPC, isH5, isUniFrameWork } from '../../../utils/env';
+import { isPC, isH5 } from '../../../utils/env';
 const { ref, watchEffect } = vue;
 const clickType = {
   OUTSIDE: 'outside',

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

@@ -33,7 +33,6 @@
             :rotate="rotate"
             :src="getImageUrl(item)"
             :messageItem="item"
-            :class="[isUniFrameWork ? 'image-item' : '']"
           />
         </li>
       </ul>
@@ -131,7 +130,6 @@ import {
   IMessageModel,
   TUITranslateService,
 } from '@tencentcloud/chat-uikit-engine';
-import { TUIGlobal, getPlatform } from '@tencentcloud/universal-api';
 import Icon from '../Icon.vue';
 import iconClose from '../../../assets/icon-close.svg';
 import iconArrowLeft from '../../../assets/icon-arrow-left.svg';
@@ -142,7 +140,7 @@ import iconRotateRight from '../../../assets/rotate-right.svg';
 import iconDownload from '../../../assets/download.svg';
 import ImageItem from './image-item-web.vue';
 import { Toast, TOAST_TYPE } from '../Toast/index-web';
-import { isPC, isMobile, isUniFrameWork } from '../../../utils/env';
+import { isPC, isMobile } from '../../../utils/env';
 const { ref, watchEffect, onMounted, onUnmounted, withDefaults } = vue;
 
 interface touchesPosition {
@@ -381,88 +379,8 @@ const save = () => {
     });
     return;
   }
-  switch (getPlatform()) {
-    case 'wechat':
-      // Get the user's current settings and get the album permissions
-      TUIGlobal.getSetting({
-        success: (res: any) => {
-          if (!res?.authSetting['scope.writePhotosAlbum']) {
-            TUIGlobal.authorize({
-              scope: 'scope.writePhotosAlbum',
-              success() {
-                downloadImgInUni(imageSrc);
-              },
-              fail() {
-                TUIGlobal.showModal({
-                  title: '您已拒绝获取相册权限',
-                  content: '是否进入权限管理，调整授权？',
-                  success: (res: any) => {
-                    if (res.confirm) {
-                      // Call up the client applet settings interface and return the operation results set by the user.
-                      // Ask the user to authorize again.
-                      TUIGlobal.openSetting({
-                        success: (res: any) => {
-                          console.log(res.authSetting);
-                        },
-                      });
-                    } else if (res.cancel) {
-                      return Toast({
-                        message: TUITranslateService.t('component.已取消'),
-                        type: TOAST_TYPE.ERROR,
-                      });
-                    }
-                  },
-                });
-              },
-            });
-          } else {
-            // If you already have album permission, save directly to the album
-            downloadImgInUni(imageSrc);
-          }
-        },
-        fail: () => {
-          Toast({
-            message: TUITranslateService.t('component.获取权限失败'),
-            type: TOAST_TYPE.ERROR,
-          });
-        },
-      });
-      break;
-    case 'app':
-      downloadImgInUni(imageSrc);
-      break;
-    default:
       downloadImgInWeb(imageSrc);
-      break;
-  }
-};
-
-const downloadImgInUni = (src: string) => {
-  TUIGlobal.showLoading({
-    title: '大图提取中',
-  });
-  TUIGlobal.downloadFile({
-    url: src,
-    success: function (res: any) {
-      TUIGlobal.hideLoading();
-      TUIGlobal.saveImageToPhotosAlbum({
-        filePath: res.tempFilePath,
-        success: () => {
-          Toast({
-            message: TUITranslateService.t('component.已保存至相册'),
-            type: TOAST_TYPE.SUCCESS,
-          });
-        },
-      });
-    },
-    fail: function () {
-      TUIGlobal.hideLoading();
-      Toast({
-        message: TUITranslateService.t('component.图片下载失败'),
-        type: TOAST_TYPE.ERROR,
-      });
-    },
-  });
+  
 };
 
 const downloadImgInWeb = (src: string) => {

package/components/common/ProgressMessage/index.vue

@@ -8,17 +8,10 @@
       class="progress-container"
     >
       <progress
-        v-if="!isUniFrameWork"
         class="progress"
         :value="props.messageItem.progress"
         max="1"
       />
-      <progress
-        v-else
-        activeColor="#006EFF"
-        class="progress-common"
-        :percent="Math.round(props.messageItem.progress * 100)"
-      />
     </div>
   </div>
 </template>
@@ -26,7 +19,6 @@
 <script lang="ts" setup>
 import type { IMessageModel } from '@tencentcloud/chat-uikit-engine';
 import vue from '../../../adapter-vue';
-import { isUniFrameWork } from '../../../utils/env';
 import type { IImageMessageContent } from '../../../interface';
 const { withDefaults } = vue;
 

package/index.ts

@@ -1,30 +1,21 @@
 declare const uni: any;
 import TUICustomerPluginServer from './server';
 import { isMessageInvisible } from './utils/index';
-// #ifndef APP || APP-PLUS || MP || H5
 import CustomerChatWeb from './components/CustomerServiceChat/index-web.vue';
-// #endif
+
 
 const TUICustomerServer = TUICustomerPluginServer.getInstance();
 
 const isCustomerServicePluginMessage = TUICustomerServer.isCustomerServicePluginMessage.bind(TUICustomerServer);
 
-const setCustomerServiceAccounts = TUICustomerServer.setCustomerServiceAccounts.bind(TUICustomerServer);
-
-const getCustomerServiceAccounts = TUICustomerServer.getCustomerServiceAccounts.bind(TUICustomerServer);
-
 const isCustomerConversation = TUICustomerServer.isCustomerConversation.bind(TUICustomerServer);
 
-let CustomerServiceChat = {};
-if (typeof uni === 'undefined') {
-  CustomerServiceChat = CustomerChatWeb;
-}
+let CustomerServiceChat = CustomerChatWeb;
+
 
 export {
   isCustomerServicePluginMessage,
   isMessageInvisible,
-  setCustomerServiceAccounts,
-  getCustomerServiceAccounts,
   CustomerServiceChat,
   isCustomerConversation
-};
+};

package/index.vue

@@ -1,60 +1 @@
-<template>
-  <div class="message-custom">
-    <MessageRating
-      v-if="isMessageRating(props.message)"
-      :message="props.message"
-      @sendMessage="sendCustomMessage"
-    />
-    <MessageCustomerService
-      v-else-if="isCustomerServiceMessage(props.message)"
-      :message="props.message"
-      @sendMessage="sendTextMessage"
-      @sendCustomMessage="sendCustomMessage"
-      @showFormPopup="handleShowFormPopup"
-    />
-  </div>
-</template>
-<script lang="ts">
-import { isCustomerServiceMessage, isMessageRating } from './utils/index';
-import { CustomMessagePayload, TextMessagePayload, IMessageModel } from './interface';
-import MessageCustomerService from './components/message-customer-service.vue';
-import MessageRating from './components/message-rating/index.vue';
-import {
-  TUIChatService,
-} from '@tencentcloud/chat-uikit-engine';
-interface Props {
-  message: IMessageModel;
-}
-export default {
-  components: {
-    MessageCustomerService,
-    MessageRating,
-  },
-  props: {
-    message: {
-      type: Object as () => IMessageModel,
-      default: () => ({}),
-    },
-  },
-  emits: ['showFormPopup'],
-  setup(props: Props, { emit }) {
-    const sendTextMessage = (payload: TextMessagePayload) => {
-      TUIChatService.sendTextMessage({payload});
-    };
-    const sendCustomMessage = (payload: CustomMessagePayload) => {
-      TUIChatService.sendCustomMessage({payload});
-    };
-    const handleShowFormPopup = (data: boolean) => {
-      emit('showFormPopup', data);
-    }
-    return {
-      props,
-      sendTextMessage,
-      sendCustomMessage,
-      isCustomerServiceMessage,
-      isMessageRating,
-      handleShowFormPopup
-    };
-  },
-};
-</script>
+<template></template>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tencentcloud/ai-desk-customer-vue",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "chat uikit ai-desk-customer",
   "main": "index",
   "keywords": [

package/server.ts

@@ -3,8 +3,7 @@ import {
   isCustomerServiceMessage,
   isMessageInvisible,
 } from './utils/index';
-import { IMessageModel } from './interface';
-import TUIChatEngine, { TUIChatService, TUIConversationService } from '@tencentcloud/chat-uikit-engine';
+import TUIChatEngine, { TUIChatService, TUIConversationService,IMessageModel  } from '@tencentcloud/chat-uikit-engine';
 
 export default class TUICustomerServer {
   static isInitialized: boolean;
@@ -53,15 +52,6 @@ export default class TUICustomerServer {
     this.loginCustomerUIKit(SDKAppID, userID, userSig);
   }
 
-  // Set customer service number
-  public setCustomerServiceAccounts(accounts: any[]) {
-    this.customerServiceAccounts = accounts;
-  }
-
-  // Obtain customer service number
-  public getCustomerServiceAccounts() {
-    return this.customerServiceAccounts;
-  }
 
   // Determine if the current session is a customer service session
   public isCustomerConversation(conversationID: string) {
@@ -106,4 +96,4 @@ export default class TUICustomerServer {
       }
     }
   }
-}
+}

package/utils/chatStorage.ts

@@ -1,4 +1,3 @@
-import { isUniFrameWork } from './env';
 import { TUIGlobal } from '@tencentcloud/universal-api';
 
 interface IChatStorage {
@@ -38,11 +37,7 @@ class ChatStorage implements IChatStorage {
     }
     this.chatStorage[key] = value;
     try {
-      if (isUniFrameWork) {
-        TUIGlobal.setStorageSync(ChatStorage.CHAT_STORAGE_KEY, JSON.stringify(this.chatStorage));
-      } else {
-        localStorage.setItem(ChatStorage.CHAT_STORAGE_KEY, JSON.stringify(this.chatStorage));
-      }
+      localStorage.setItem(ChatStorage.CHAT_STORAGE_KEY, JSON.stringify(this.chatStorage));
     } catch (error) {
       throw new Error('Fail to set chat storage');
     }
@@ -50,11 +45,7 @@ class ChatStorage implements IChatStorage {
 
   private getChatStorageFromLocalStorage(): Record<string, any> {
     let chatStorageString: string = '';
-    if (isUniFrameWork) {
-      chatStorageString = TUIGlobal.getStorageSync(ChatStorage.CHAT_STORAGE_KEY) || '';
-    } else {
-      chatStorageString = localStorage.getItem(ChatStorage.CHAT_STORAGE_KEY) || '';
-    }
+    chatStorageString = localStorage.getItem(ChatStorage.CHAT_STORAGE_KEY) || '';
     if (!chatStorageString) {
       return {};
     }

package/utils/index.ts

@@ -1,5 +1,6 @@
-import { customerServicePayloadType, IMessageModel } from '../interface';
+import { customerServicePayloadType } from '../interface';
 import { CUSTOM_MESSAGE_SRC, TYPES } from '../constant';
+import { IMessageModel } from '@tencentcloud/chat-uikit-engine';
 
 // Determine if it is a JSON string
 export function isJSON(str: string): boolean {

package/assets/audio-before-delete.svg

@@ -1,4 +0,0 @@
-<svg width="54" height="55" viewBox="0 0 54 55" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle opacity="0.3" cx="27" cy="27.5" r="27" fill="#99A2B2"/>
-<path d="M25.6347 28.9628L21.0461 35.516L22.6844 36.6632L27.273 30.1099L33.8262 34.6985L34.9734 33.0602L28.4202 28.4716L33.0088 21.9184L31.3705 20.7713L26.7819 27.3245L20.2287 22.7359L19.0815 24.3742L25.6347 28.9628Z" fill="white"/>
-</svg>

package/assets/audio-bubble-blue.svg

@@ -1,3 +0,0 @@
-<svg width="160" height="75" viewBox="0 0 160 75" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path id="&#229;&#189;&#162;&#231;&#138;&#182;&#231;&#187;&#147;&#229;&#144;&#136;" fill-rule="evenodd" clip-rule="evenodd" d="M10 0.5C4.47715 0.5 0 4.97716 0 10.5V58.11C0 63.6329 4.47715 68.11 10 68.11H73.5714L78.4852 73.8099C79.283 74.7354 80.717 74.7354 81.5148 73.8099L86.4286 68.11H150C155.523 68.11 160 63.6329 160 58.11V10.5C160 4.97715 155.523 0.5 150 0.5H10Z" fill="#147AFF"/>
-</svg>

package/assets/audio-bubble-red.svg

@@ -1,3 +0,0 @@
-<svg width="160" height="75" viewBox="0 0 160 75" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path id="&#229;&#189;&#162;&#231;&#138;&#182;&#231;&#187;&#147;&#229;&#144;&#136;" fill-rule="evenodd" clip-rule="evenodd" d="M10 0.5C4.47715 0.5 0 4.97716 0 10.5V58.11C0 63.6329 4.47715 68.11 10 68.11H73.5714L78.4852 73.8099C79.283 74.7354 80.717 74.7354 81.5148 73.8099L86.4286 68.11H150C155.523 68.11 160 63.6329 160 58.11V10.5C160 4.97715 155.523 0.5 150 0.5H10Z" fill="#E54545"/>
-</svg>

package/assets/audio-delete.svg

@@ -1,10 +0,0 @@
-<svg width="54" height="55" viewBox="0 0 54 55" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="&#231;&#188;&#150;&#231;&#187;&#132; 3">
-<circle id="&#230;&#164;&#173;&#229;&#156;&#134;&#229;&#189;&#162;" opacity="0.3" cx="27" cy="27.5" r="27" fill="#22262E"/>
-<g id="Group 48097222">
-<g id="Group 48097514">
-<path id="Union" d="M25.4869 28.7281L19.8301 34.3849L21.2443 35.7991L26.9011 30.1423L32.558 35.7991L33.9722 34.3849L28.3154 28.7281L33.9722 23.0712L32.558 21.657L26.9011 27.3138L21.2443 21.657L19.8301 23.0712L25.4869 28.7281Z" fill="white"/>
-</g>
-</g>
-</g>
-</svg>

package/assets/audio.svg

@@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 56 57" class="design-iconfont">
-  <g fill="none" fill-rule="evenodd">
-    <path stroke="#444" stroke-width="4" d="M28 2A26 26 0 1 0 28 54A26 26 0 1 0 28 2Z" transform="translate(0 .853448)"/>
-    <path d="M3.22061856,17.5880403 C3.66244636,17.5880403 4.02061856,17.9462125 4.02061856,18.3880403 L4.02061856,18.6926914 C4.02061856,24.8806658 8.93625507,29.8970101 15,29.8970101 C20.967495,29.8970101 25.8230402,25.0386509 25.975681,18.9864559 L25.9793814,18.6926914 L25.9793814,18.3880403 C25.9793814,17.9462125 26.3375536,17.5880403 26.7793814,17.5880403 L29.2,17.5880403 C29.6418278,17.5880403 30,17.9462125 30,18.3880403 L30,18.6926914 C30,27.1466845 23.2842712,34 15,34 C6.82193736,34 0.172455987,27.3212841 0.00330065692,19.0170447 L0,18.6926914 L0,18.3880403 C-1.65130603e-16,17.9462125 0.3581722,17.5880403 0.8,17.5880403 L3.22061856,17.5880403 Z M15.1965847,0 C19.4037284,0 22.8142432,3.57961711 22.8142432,7.9953621 L22.8142432,18.3119584 C22.7872128,22.7074732 19.3846075,26.2557375 15.1965847,26.2557375 L14.8034153,26.2557375 C10.5962716,26.2557375 7.18575682,22.6760398 7.18575682,18.2603754 L7.18575682,7.94377912 C7.21278722,3.54818373 10.6153925,0 14.8034153,0 L15.1965847,0 Z M15.1965847,4.10298992 L14.8034153,4.10298992 C12.9144516,4.10298992 11.325224,5.69669854 11.2126654,7.73818076 L11.2063754,7.94377912 L11.2063754,18.2603754 C11.2063754,20.365303 12.7386643,22.0414789 14.614709,22.1474289 L14.8034153,22.1527476 L15.1965847,22.1527476 C17.0855164,22.1527476 18.6747739,20.5589954 18.7873345,18.5175525 L18.7936246,18.3119584 L18.7936246,7.9953621 C18.7936246,5.89038947 17.2613666,4.21425569 15.385294,4.10830842 L15.1965847,4.10298992 Z" transform="translate(13 12)" fill="#444" fill-rule="nonzero"/>
-  </g>
-</svg>

package/assets/translate.svg

@@ -1,12 +0,0 @@
-<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<mask id="path-1-inside-1_313_82772" fill="white">
-<rect x="7" y="7.62939e-06" width="12" height="12" rx="0.5"/>
-</mask>
-<rect x="7" y="7.62939e-06" width="12" height="12" rx="0.5" fill="#444444" stroke="#CCCCCC" stroke-width="4" mask="url(#path-1-inside-1_313_82772)"/>
-<path d="M12.7426 3.61601H12.6745L12.6496 3.67939L10.9636 7.96339L10.9098 8.10001H11.0566H11.5846H11.6536L11.6781 8.03553L12.1096 6.90001H13.9397L14.3712 8.03553L14.3957 8.10001H14.4646H14.9986H15.1455L15.0917 7.96339L13.4057 3.67939L13.3808 3.61601H13.3126H12.7426ZM13.7079 6.28601H12.3421L13.03 4.49341L13.7079 6.28601Z" fill="#CCCCCC" stroke="#CCCCCC" stroke-width="0.2"/>
-<mask id="path-3-inside-2_313_82772" fill="white">
-<rect y="6.00001" width="12" height="12" rx="0.5"/>
-</mask>
-<rect y="6.00001" width="12" height="12" rx="0.5" fill="#444444" stroke="#CCCCCC" stroke-width="4" mask="url(#path-3-inside-2_313_82772)"/>
-<path d="M5.77801 8.97401H5.67801V9.07401V10.054H3.63H3.53V10.154V12.974V13.074H3.63H4.062H4.162V12.974V12.696H5.67801V14.642V14.742H5.77801H6.222H6.322V14.642V12.696H7.84401V12.974V13.074H7.94401H8.37601H8.47601V12.974V10.154V10.054H8.37601H6.322V9.07401V8.97401H6.222H5.77801ZM4.162 12.076V10.674H5.67801V12.076H4.162ZM6.322 12.076V10.674H7.84401V12.076H6.322Z" fill="#CCCCCC" stroke="#CCCCCC" stroke-width="0.2"/>
-</svg>

package/components/CustomerServiceChat/message-input-toolbar/toolbar-item-container/style/uni.scss

@@ -1,36 +0,0 @@
-.toolbar-item-container-uni {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  position: static;
-
-  &-icon {
-    background: #fff;
-    border-radius: 15px;
-    width: 60px;
-    height: 60px;
-    padding: 0;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
-
-  &-title {
-    font-size: 14px;
-    color: #8F959D;
-  }
-
-  &-dialog{
-    position: absolute !important;
-    background: transparent;
-    left: -10px;
-    bottom: -5px;
-
-    .toolbar-bottom-popup{
-      position: sticky;
-    }
-  }
-}

package/components/CustomerServiceChat/message-list/link/index.ts

@@ -1,23 +0,0 @@
-const Link = {
-  product: {
-    label: '产品文档',
-    url: 'https://cloud.tencent.com/document/product/269/1499#.E7.BE.A4.E7.BB.84.E5.8A.9F.E8.83.BD',
-  },
-  customMessage: {
-    label: '自定义消息',
-    url: 'https://web.sdk.qcloud.com/im/doc/zh-cn/SDK.html#createCustomMessage',
-  },
-  complaint: {
-    label: '点此投诉',
-    url: 'https://cloud.tencent.com/apply/p/xc3oaubi98g',
-  },
-  implement: {
-    label: '集成TUICallKit',
-    url: 'https://cloud.tencent.com/document/product/269/79861',
-  },
-  purchase: {
-    label: '开通腾讯实时音视频服务',
-    url: 'https://cloud.tencent.com/document/product/1640/79968',
-  },
-};
-export default Link;

package/components/CustomerServiceChat/message-list/message-elements/plugins/plugin-components/message-customer/message-customer-service.vue

@@ -1,22 +0,0 @@
-<template>
-  <TUICustomerServicePlugin :message="props.message" @showFormPopup="handleShowFormPopup"/>
-</template>
-<script setup lang="ts">
-import { IMessageModel } from '@tencentcloud/chat-uikit-engine';
-import TUICustomerServicePlugin from '../../../../../../../index.vue';
-interface IProps {
-  message: IMessageModel;
-}
-const props = withDefaults(defineProps<IProps>(), {
-  message: () => ({} as IMessageModel),
-});
-const emits = defineEmits([
-  'showFormPopup'
-]);
-function handleShowFormPopup(data: any) {
-  emits('showFormPopup', data);
-}
-</script>
-<style lang="scss" scoped>
-/* stylelint-disable-next-line no-empty-source */
-</style>