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

package/components/CustomerServiceChat/index-web.vue

@@ -129,6 +129,7 @@ const loginCustomerUIKit = () => {
     console.log("ai-desk-customer login success");
     let conversationID = 'C2C@customer_service_account';
     TUIConversationService.switchConversation(conversationID);
+    TUIChatEngine.chat.callExperimentalAPI('isFeatureEnabledForStat', Math.pow(2, 42));
   }).catch((error) => {
     console.log(error);
   })

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

@@ -24,13 +24,10 @@
         @sendMessage="sendMessage"
       />
       <div v-if="isH5" class="emoji-icon" id="emoji-icon-h5" @click="emojiShow">
-        <Icon :file="emojiIcon" width="20px" height="20px"/>
+        <Icon :file="emojiIcon" width="24px" height="24px"/>
       </div>
       <div v-if="isH5" class="tool-icon" @click="toolShow">
-        <Icon :file="toolIcon" width="20px" height="20px"/>
-      </div>
-      <div v-if="isH5" class="send-btn-h5" @click="sendMessage">
-        发送
+        <Icon :file="toolIcon" width="24px" height="24px"/>
       </div>
     </div>
 
@@ -185,21 +182,25 @@ defineExpose({
 }
 .emoji-icon {
   background: #fff;
-    border-radius: 0 9.4px 9.4px 0;
-    padding: 9.4px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
+  border-radius: 0 10px 10px 0;
+  padding: 5px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border: none;
 }
+
 .tool-icon {
   background: #fff;
-  margin-left: 4px;
-    border-radius: 9.4px;
-    padding: 9.4px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
+  margin-left: 5px;
+  margin-right: 10px;
+  border-radius: 10px;
+  padding: 5px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
+
 .input-tool-dialog{
   height: fit-content;
     background: #fff;

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

@@ -203,9 +203,6 @@ onUnmounted(() => {
 });
 
 function handleEnter(e: any) {
-  if (isH5) {
-    return;
-  }
   e?.preventDefault();
   e?.stopPropagation();
   if (e.keyCode === 13 && e.ctrlKey) {
@@ -752,13 +749,13 @@ defineExpose({
 .message-input-editor-container-h5 {
   box-sizing: border-box;
   flex: 1;
-  height: auto;
+  height: 34px;
   background: #fff;
-  border-radius: 9.4px 0 0 9.4px;
+  border-radius: 10px 0 0 10px;
   padding: 8px 0 8px 10px;
   font-size: 16px !important;
   max-height: 86px;
-  margin-right: 0px;
+  margin: 10px 0 0 10px;
   overflow: hidden;
 
   .message-input-editor-area {

package/components/CustomerServiceChat/style/h5.scss

@@ -7,6 +7,7 @@
 .tui-chat-h5 {
   background-image:url("../../../assets/background_mobile.png");
   background-size: cover;
+  height: 100vh;
   &-message-list {
     flex: 1;
     overflow: hidden;
@@ -14,7 +15,7 @@
   }
 
   &-message-input {
-    height: 100px;
+    height: auto;
   }
 
   &-message-input-toolbar {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tencentcloud/ai-desk-customer-vue",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "chat uikit ai-desk-customer",
   "main": "index",
   "keywords": [
@@ -22,10 +22,10 @@
     "publish:uniapp": "cd ../tui-customer-service-plugin-uniapp && ls && npm publish --access public"
   },
   "dependencies": {
-    "@tencentcloud/chat-uikit-engine": "latest",
-    "@tencentcloud/tui-core": "latest",
+    "@tencentcloud/chat-uikit-engine": "^2.4.2",
+    "@tencentcloud/tui-core": "^2.4.0",
     "@tencentcloud/tui-emoji-plugin": "latest",
-    "@tencentcloud/universal-api": "latest",
+    "@tencentcloud/universal-api": "^2.4.0",
     "@tiptap/core": "2.0.0-beta.220",
     "@tiptap/extension-document": "2.0.0-beta.220",
     "@tiptap/extension-image": "2.0.0-beta.220",
@@ -44,7 +44,6 @@
     "vue-clipboard3": "2.0.0"
   },
   "peerDependencies": {
-    "@tencentcloud/tui-core": "latest",
     "@vue/composition-api": "^1.0.0-rc.1",
     "vue": "^2.0.0 || >=3.0.0"
   },

package/server.ts

@@ -14,7 +14,6 @@ export default class TUICustomerServer {
     console.log('TUICustomerServer.init ok');
     TUICore.registerService(TUIConstants.TUICustomerServicePlugin.SERVICE.NAME, this);
     TUICore.registerExtension(TUIConstants.TUIContact.EXTENSION.CONTACT_LIST.EXT_ID, this);
-     // TUICore.registerEvent(TUIConstants.TUILogin.EVENT.LOGIN_STATE_CHANGED, TUIConstants.TUILogin.EVENT_SUB_KEY.USER_LOGIN_SUCCESS, this);
     this.customerServiceAccounts = ['@customer_service_account'];
   }
 
@@ -25,25 +24,6 @@ export default class TUICustomerServer {
     return TUICustomerServer.instance;
   }
 
-  public onNotifyEvent(eventName: string, subKey: string, params?: Record<string, any>) {
-    if (eventName === TUIConstants.TUILogin.EVENT.LOGIN_STATE_CHANGED) {
-      switch (subKey) {
-        case TUIConstants.TUILogin.EVENT_SUB_KEY.USER_LOGIN_SUCCESS:
-          const { chat, SDKAppID, userID, userSig } = TUILogin.getContext();
-
-          TUIChatEngine.login({
-            chat,
-            SDKAppID,
-            userID,
-            userSig,
-          });
-          TUIConversationService.switchConversation('C2C@customer_service_account');
-          TUICore.unregisterEvent(TUIConstants.TUILogin.EVENT.LOGIN_STATE_CHANGED, TUIConstants.TUILogin.EVENT_SUB_KEY.USER_LOGIN_SUCCESS, this);
-          break;
-      }
-    }
-  }
-
   static loginCustomerUIKit(SDKAppID:number, userID:string, userSig:string) {
     TUIChatEngine.login({
       SDKAppID,
@@ -53,6 +33,7 @@ export default class TUICustomerServer {
     }).then(() => {
       console.log("login success");
       TUIConversationService.switchConversation('C2C@customer_service_account');
+      TUIChatEngine.chat.callExperimentalAPI('isFeatureEnabledForStat', Math.pow(2, 42));
     })
     .catch((error) => {
       console.log(error);