ai-chat-bot-interface 1.6.26 → 1.6.27

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ai-chat-bot-interface",
   "private": false,
-  "version": "1.6.26",
+  "version": "1.6.27",
   "type": "module",
   "main": "index.js",
   "description": "A AI chat bot interface. (private)",

package/src/ChatUi.vue

@@ -181,7 +181,7 @@
 </template>
 
 <script setup>
-import { computed, nextTick, onMounted, ref } from 'vue';
+import { computed, nextTick, onMounted, provide, ref } from 'vue';
 import ClearIcon from './components/icons/ClearIcon.vue';
 import CloseIcon from './components/icons/CloseIcon.vue';
 import NewSessionIcon from './components/icons/NewSessionIcon.vue';
@@ -903,6 +903,8 @@ const scrollToEnd = () => {
   }, 100);
 };
 
+provide('triggerScrollToEnd', scrollToEnd);
+
 const handleTextNeedBtn = (str) => {
   const regExp = /#全日總熱量：(\d*?)kcal/g;
   return regExp.test(str);
@@ -943,6 +945,11 @@ const simulateChat = (info) => {
     status: 'ended',
     extra: [...resInfo.extra],
   });
+  turns.value += 1;
+  Emits('log', {
+    turns: turns.value,
+    info: historyList.value[historyList.value.length - 1],
+  });
   scrollToEnd();
 };
 </script>

package/src/components/DishesCard.vue

@@ -103,7 +103,7 @@
 </template>
 
 <script setup>
-import { computed, nextTick, onMounted, ref } from 'vue';
+import { computed, inject, nextTick, onMounted, ref } from 'vue';
 import { api as viewerApi } from 'v-viewer';
 import 'viewerjs/dist/viewer.css';
 import ArrowRight from './icons/ArrowRight.vue';
@@ -131,12 +131,17 @@ const makeCraft = ref([]);
 onMounted(async () => {
   if (isOpen.value) {
     await querySkuMakeCraft();
-    getContentHeight();
+    await getContentHeight();
+    setTimeout(() => {
+      scrollToEnd();
+    }, 200);
   }
 });
 
+const scrollToEnd = inject('triggerScrollToEnd');
 const getContentHeight = () => {
-  nextTick(async () => {
+  return new Promise(async (resolve) => {
+    await nextTick();
     const imgList = [];
     if (makeCraft.value.hasOwnProperty('makeCraftList')) {
       makeCraft.value?.makeCraftList.forEach((item) => {
@@ -147,6 +152,7 @@ const getContentHeight = () => {
     await preloadImages(imgList);
     contentHeight.value = hasDetails.value ? contentRef.value.scrollHeight : 0;
     isOpen.value = true;
+    resolve();
   });
 };