ai-chat-bot-interface 1.6.25 → 1.6.27

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ai-chat-bot-interface",
   "private": false,
-  "version": "1.6.25",
+  "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

@@ -75,8 +75,8 @@
         {{ materialText }}
       </div>
       <div class="title">制作工艺</div>
-      <div v-if="info.skuVideo">
-        <video :src="info.skuVideo" width="100%" controls="true" />
+      <div v-if="makeCraft.makeVideosUrl">
+        <video :src="makeCraft.makeVideosUrl" width="100%" controls="true" />
       </div>
       <div
         v-for="(item, index) in makeCraft.makeCraftList"
@@ -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();
   });
 };