ai-chat-bot-interface 1.6.2 → 1.6.4

package/package.json

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

package/src/App.vue

@@ -1,17 +1,31 @@
 <script setup>
 import ChatUi from './ChatUi.vue';
+const handleLog = (log) => {
+  console.log('== message log ==', log);
+};
 </script>
 
 <template>
   <div style="width: 100vw; height: 100vh">
     <chat-ui
-      bot-id="7572460298389962778"
+      bot-id="7574379096097439754"
       token="sat_cSmj7ZyuePbkEpOKR7F259YuIfp2fjX9rJ3Om2O0gB9JzrGjAk8pSL269rbu8kzr"
       uid="262598"
       :def-msg="{ placeholder: '发消息...' }"
-      :show-header="true"
-      :card-list="{dishes: false}"
-      content-tye="markdown"
+      :show-header="false"
+      :card-list="{ dishes: true, personalForm: true }"
+      :tag-list="[
+        {
+          name: '用户信息',
+          value: 'personalForm',
+          type: 'chat',
+          msg: '#用户信息',
+        },
+      ]"
+      :need-log="true"
+      content-type="markdown"
+      first-msg="你好"
+      @log="handleLog"
     />
   </div>
 </template>

package/src/ChatUi.vue

@@ -212,6 +212,7 @@ const isAnswering = ref(false);
 const isReq = ref('00');
 const historyList = ref([]);
 const isFirst = ref(false);
+const turns = ref(0);
 
 const msgObj = {
   placeholder: '發消息⋯',
@@ -296,15 +297,24 @@ const props = defineProps({
       store: true,
       dishes: true,
       plan: true,
+      personalForm: false,
     }),
   },
   storage: {
     type: String,
     default: 'sessionStorage',
   },
+  needLog: {
+    type: Boolean,
+    default: false,
+  },
+  firstMsg: {
+    type: String,
+    default: '',
+  },
 });
 
-const Emits = defineEmits(['call']);
+const Emits = defineEmits(['call', 'log']);
 
 const finalDefMsg = computed(() => {
   return {
@@ -344,17 +354,21 @@ onMounted(async () => {
     isFirst.value = false;
   } else {
     await createConv();
+    if (props.firstMsg) {
+      await chatConv([{ content: props.firstMsg, text: props.firstMsg }]);
+    }
   }
   scrollToEnd();
 });
 
 const createConv = async () => {
-  isFirst.value = true;
   const res = await post(
     'https://api.coze.cn/v1/conversation/create',
     { bot_id: props.botId, connector_id: '999' },
     { ...chatOptions.value },
   );
+  isFirst.value = true;
+  turns.value = 0;
   console.log(res);
   if (res.code === 0 && res.data) {
     conversationId.value = res.data.id || '';
@@ -459,6 +473,13 @@ const chatConv = async (data) => {
   });
   historyList.value.push(uObj);
   isReq.value = '02';
+  turns.value += 1;
+  if (props.needLog) {
+    Emits('log', {
+      turns: turns.value,
+      info: uObj,
+    });
+  }
   const res = await fetch(
     `https://api.coze.cn/v3/chat?conversation_id=${conversationId.value}`,
     {
@@ -511,10 +532,12 @@ const chatConv = async (data) => {
   let buffer = '';
 
   const handlePersonalForm = () => {
-    console.log('======= End ======', historyList.value);
+    console.log('======= End ======', historyList.value, isFirst.value);
     if (isFirst.value) {
       historyList.value[idx].extra.push({ showType: 'personalForm' });
       isFirst.value = false;
+
+      console.log('===============', historyList.value[idx]);
     }
   };
 
@@ -527,6 +550,12 @@ const chatConv = async (data) => {
       isReq.value = '00';
       historyList.value[idx].status = 'ended';
       handlePersonalForm();
+      if (props.needLog) {
+        Emits('log', {
+          turns: turns.value,
+          info: historyList.value[idx],
+        });
+      }
       scrollToEnd();
       break;
     }
@@ -681,7 +710,7 @@ const queryHistoryList = async () => {
     });
   }
 
-  console.log('== history ==', historyList.value);
+  console.log('== history ==', historyList.value, finalCardList.value);
 };
 
 const queryBotInfo = async () => {