ai-chat-bot-interface 1.0.6 → 1.0.7

package/package.json

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

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="(data) => handleCardTap(data, comp)"/>
-                    <plan-card v-if="comp.showType === 'plan'" @select="handleCardTap({ type: 'match'}, comp)" />
+                    <dishes-list v-if="comp.showType === 'card'" :sku-list="comp.skuList" @select="handleCardTap"/>
+                    <plan-card v-if="comp.showType === 'plan'" @select="handleCardTap({ type: 'match'})" />
                   </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 }, info) => {
+const handleCardTap = ({type}) => {
   switch (type) {
     case 'change':
       chatConv({code: '換一套菜品', text: '換一套菜品'});
@@ -395,14 +395,14 @@ const handleCardTap = ({ type }, info) => {
       chatConv({code: '請用以上方案為我配餐', text: '請用以上方案為我配餐'});
       break;
     default:
-      Emits('call', { type, info });
+      Emits('call', { type });
   }
 };
 
 const scrollToEnd = () => {
-  // nextTick(() => {
-  //   endTarget.value.scrollIntoView();
-  // });
+  nextTick(() => {
+    endTarget.value.scrollIntoView();
+  });
 };
 </script>
 

package/src/components/DishesList.vue

@@ -11,8 +11,8 @@
       </div>
     </template>
     <div class="btn_group">
-      <div class="btn btn_1" @click.stop="handleBtn('ship_order')">配送下单</div>
-      <div class="btn btn_2" @click.stop="handleBtn('pick_order')">自取下单</div>
+<!--      <div class="btn btn_1" @click.stop="handleBtn('change')">換一套菜品</div>-->
+      <div class="btn btn_2" @click.stop="handleBtn('order')">去下單</div>
     </div>
   </div>
 
@@ -69,7 +69,7 @@ const handleBtn = (type) => {
 
       &_group {
         display: grid;
-        grid-template-columns: 1fr 1fr;
+        grid-template-columns: 1fr;
         grid-column-gap: 10px;
         margin-top: 20px;
       }

package/src/components/HelloWorld.vue

@@ -0,0 +1,43 @@
+<script setup>
+import { ref } from 'vue'
+
+defineProps({
+  msg: String,
+})
+
+const count = ref(0)
+</script>
+
+<template>
+  <h1>{{ msg }}</h1>
+
+  <div class="card">
+    <button type="button" @click="count++">count is {{ count }}</button>
+    <p>
+      Edit
+      <code>components/HelloWorld.vue</code> to test HMR
+    </p>
+  </div>
+
+  <p>
+    Check out
+    <a href="https://vuejs.org/guide/quick-start.html#local" target="_blank"
+      >create-vue</a
+    >, the official Vue + Vite starter
+  </p>
+  <p>
+    Learn more about IDE Support for Vue in the
+    <a
+      href="https://vuejs.org/guide/scaling-up/tooling.html#ide-support"
+      target="_blank"
+      >Vue Docs Scaling up Guide</a
+    >.
+  </p>
+  <p class="read-the-docs">Click on the Vite and Vue logos to learn more</p>
+</template>
+
+<style scoped>
+.read-the-docs {
+  color: #888;
+}
+</style>