ai-chat-bot-interface 1.0.4 → 1.0.6

package/package.json

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

package/src/App.vue

@@ -4,12 +4,9 @@ import ChatUi from './ChatUi.vue'
 
 <template>
   <div style="width: 100vw; height: 100vh;">
-    <chat-ui
-        name="Nutribite智能營養師"
-        bot-id="7471093458661720104"
-        token="pat_2yVcSFJUZB6c9Kdcv9iktIVFeGRuzyK3bAJY6GcqKrdGxTdjKMd1iDB09ipJ6YX8"
-        logo="https://prodstatic.weis1606.cn/api/smartFood/Nutribite/icons/nutribite_logo.png"
-        uid="9396"
+    <chat-ui bot-id="123132132"
+             token="pat_123"
+             uid="5555"
     />
   </div>
 </template>

package/src/ChatUi.vue

@@ -44,8 +44,8 @@
                 <p class="text" v-html="conv.content"></p>
                 <div v-if="conv.extra.length && !isAnswering">
                   <template v-for="(comp, idx) in conv.extra" :key="idx">
-                    <dishes-list v-if="comp.showType === 'card'" :sku-list="comp.skuList" @select="handleCardTap"/>
-                    <plan-card v-if="comp.showType === 'plan'" @select="handleCardTap({ type: 'match'})" />
+                    <dishes-list v-if="comp.showType === 'card'" :sku-list="comp.skuList" @select="(data) => handleCardTap(data, comp)"/>
+                    <plan-card v-if="comp.showType === 'plan'" @select="handleCardTap({ type: 'match'}, comp)" />
                   </template>
                 </div>
               </div>
@@ -61,7 +61,7 @@
             <img class="avatar" :src="avatar" alt="avatar">
           </div>
         </template>
-        <div ref="endTarget" style="height: 100px;"/>
+
       </div>
       <div class="cui_operate">
         <button class="btn" @click.stop="createConv">
@@ -135,7 +135,7 @@ const props = defineProps({
 
 const Emits = defineEmits(['call']);
 
-const endTarget = ref(null);
+// const endTarget = ref(null);
 const inputText = ref('');
 const botInfo = ref({});
 
@@ -386,7 +386,7 @@ const handleText = (str) => {
   return str.replaceAll(/\[([^\]]+)\]\((https?:\/\/[^)]+)\)/ig, '<a href="$2" target="_blank">[$1]</a>');
 };
 
-const handleCardTap = ({type}) => {
+const handleCardTap = ({ type }, info) => {
   switch (type) {
     case 'change':
       chatConv({code: '換一套菜品', text: '換一套菜品'});
@@ -395,14 +395,14 @@ const handleCardTap = ({type}) => {
       chatConv({code: '請用以上方案為我配餐', text: '請用以上方案為我配餐'});
       break;
     default:
-      Emits('call', { type });
+      Emits('call', { type, info });
   }
 };
 
 const scrollToEnd = () => {
-  nextTick(() => {
-    endTarget.value.scrollIntoView();
-  });
+  // nextTick(() => {
+  //   endTarget.value.scrollIntoView();
+  // });
 };
 </script>