@tencentcloud/ai-desk-customer-vue 0.2.0 → 0.2.1

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

@@ -13,7 +13,7 @@ import vue from '../../../../../../adapter-vue';
 import { customerServicePayloadType } from '../../../../../../interface';
 import { parseMarkdown } from './marked'
 
-const { ref, watchEffect, onBeforeUnmount, onMounted } = vue;
+const { ref, watchEffect, onMounted } = vue;
 
 interface Props {
   payload: customerServicePayloadType;
@@ -27,14 +27,12 @@ export default {
     },
   },
   setup(props: Props) {
-    const content = ref<string>('');
     const displayedContent = ref<string>('');
     const isFinished = ref<boolean>(false);
     let currentIndex = 0;
 
     onMounted(() => {
-      content.value = props?.payload?.chunks?.join('') ?? '';
-      displayedContent.value = parseMarkdown(content.value);
+      displayedContent.value = parseMarkdown(props?.payload?.chunks?.join('') ?? '');
       currentIndex = displayedContent.value.length;
     });
 
@@ -43,6 +41,7 @@ export default {
       const parsedContent = parseMarkdown(newContent);
       if (parsedContent.length > currentIndex) {
         displayedContent.value = parsedContent;
+        currentIndex = parsedContent.length;
       }
     });
 
@@ -51,7 +50,6 @@ export default {
     });
 
     return {
-      content,
       props,
       isFinished,
       displayedContent,
@@ -69,21 +67,15 @@ export default {
   .blinking-cursor {
     display: inline-block;
     width: 1px;
-    height: 16px;
+    height: 1em;
     background-color: black;
     animation: blink 1s step-end infinite;
     vertical-align: sub;
   }
 
   @keyframes blink {
-    0%,
-    100% {
-      background-color: transparent;
-    }
-
-    50% {
-      background-color: black;
-    }
+    0%, 100% { opacity: 1; }
+    50% { opacity: 0; }
   }
 }
 </style>

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

@@ -124,6 +124,7 @@
   justify-content: flex-start;
   margin: 0;
   padding: 0;
+  font-family: PingFangSC-Regular;
 
   .message-marked_code-container {
     display: flex;
@@ -176,3 +177,7 @@
     cursor: pointer;
   }
 }
+
+.message-marked >*:last-child {
+  margin-bottom: 0;
+}

package/package.json

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