ai-chat-bot-interface 1.6.3 → 1.6.6

package/package.json

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

package/src/App.vue

@@ -1,17 +1,30 @@
 <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"
-      token="sat_cSmj7ZyuePbkEpOKR7F259YuIfp2fjX9rJ3Om2O0gB9JzrGjAk8pSL269rbu8kzr"
+      bot-id="555"
+      token="2222"
       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"
+      @log="handleLog"
     />
   </div>
 </template>

package/src/ChatUi.vue

@@ -308,6 +308,10 @@ const props = defineProps({
     type: Boolean,
     default: false,
   },
+  firstMsg: {
+    type: String,
+    default: '',
+  },
 });
 
 const Emits = defineEmits(['call', 'log']);
@@ -350,6 +354,9 @@ onMounted(async () => {
     isFirst.value = false;
   } else {
     await createConv();
+    if (props.firstMsg) {
+      await chatConv([{ content: props.firstMsg, text: props.firstMsg }]);
+    }
   }
   scrollToEnd();
 });
@@ -527,9 +534,14 @@ const chatConv = async (data) => {
   const handlePersonalForm = () => {
     console.log('======= End ======', historyList.value, isFirst.value);
     if (isFirst.value) {
-      historyList.value[idx].extra.push({ showType: 'personalForm' });
+      if (
+        historyList.value[idx].extra.findIndex(
+          (item) => item.showType === 'personalForm',
+        ) === -1
+      ) {
+        historyList.value[idx].extra.push({ showType: 'personalForm' });
+      }
       isFirst.value = false;
-
       console.log('===============', historyList.value[idx]);
     }
   };

package/src/components/personalForm/personalForm.vue

@@ -351,7 +351,7 @@ const selectTag = (item, type) => {
     justify-content: space-between;
     border-bottom: 1px solid #dadada;
     height: 54px;
-    line-height: 54px;
+    line-height: 24px;
 
     &:last-child {
       border-bottom: none;