ai-chat-bot-interface 1.3.0 → 1.3.2

package/package.json

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

package/src/App.vue

@@ -4,7 +4,13 @@ import ChatUi from './ChatUi.vue';
 
 <template>
   <div style="width: 100vw; height: 100vh">
-    <chat-ui bot-id="999" token="pat_8888" uid="262598" :show-header="true" />
+    <chat-ui
+      bot-id="000"
+      token="pat_8888"
+      uid="262598"
+      :def-msg="{ placeholder: '发消息...' }"
+      :show-header="true"
+    />
   </div>
 </template>
 <style></style>

package/src/ChatUi.less

@@ -203,6 +203,8 @@
             }
           }
           &_text {
+            word-break: break-all;
+            white-space: pre-wrap;
             color: #666;
             font-size: 12px;
             font-weight: 400;

package/src/ChatUi.vue

@@ -136,6 +136,7 @@
         :new-chat="!showHeader"
         :token="token"
         :tag-list="tagList"
+        :def-msg="finalDefMsg"
         @send="chatConv"
         @tag="handleTagSel"
         @call="handleCall"
@@ -175,6 +176,12 @@ const conversationId = ref('');
 const isAnswering = ref(false);
 const historyList = ref([]);
 
+const msgObj = {
+  placeholder: '發消息⋯',
+  fileText: '請根據我上傳的體檢報告為我生成飲食方案',
+  uploadingTips: '文件正在上傳，請稍候...',
+};
+
 const props = defineProps({
   logo: {
     type: String,
@@ -213,10 +220,21 @@ const props = defineProps({
       { name: '体检报告', value: 'exam', type: 'upload', msg: '体检报告' },
     ],
   },
+  defMsg: {
+    type: Object,
+    default: () => ({}),
+  },
 });
 
 const Emits = defineEmits(['call']);
 
+const finalDefMsg = computed(() => {
+  return {
+    ...msgObj,
+    ...props.defMsg,
+  };
+});
+
 const endTarget = ref(null);
 const inputText = ref('');
 const botInfo = ref({});
@@ -285,7 +303,7 @@ const createConv = async () => {
 
 const chatConv = async (data) => {
   let isInCode = Array.isArray(data); //  data.hasOwnProperty('text') && data.hasOwnProperty('code');
-  let botId = props.botId;
+  const botId = props.botId;
   if (!(!isAnswering.value && (inputText.value || isInCode))) {
     return;
   }
@@ -308,7 +326,7 @@ const chatConv = async (data) => {
     if (item.hasOwnProperty('content') && item.content) {
       if (item.hasOwnProperty('type') && item.type === 'object_string') {
         console.log('=== item ====', item);
-        botId = '7474884145253023795';
+        // botId = '7474884145253023795';
         additional_messages.push({
           content: JSON.stringify(
             item.content.map((con) => ({
@@ -428,6 +446,7 @@ const chatConv = async (data) => {
         ) {
           historyList.value[idx].status = 'thinking';
           historyList.value[idx].reasoning_content += strObj.reasoning_content;
+          scrollToEnd();
         } else if (
           strObj.hasOwnProperty('content') &&
           strObj.hasOwnProperty('content_type') &&
@@ -565,6 +584,8 @@ const queryBotInfo = async () => {
 
 const handleText = (str) => {
   // console.log(str);
+  let txt = '';
+
   return str.replaceAll(
     /\[([^\]]+)\]\((https?:\/\/[^)]+)\)/gi,
     '<a href="$2" target="_blank">[$1]</a>',

package/src/components/OperateModule.vue

@@ -52,7 +52,7 @@
             ref="txtEle"
             class="input"
             rows="1"
-            placeholder="發消息⋯"
+            :placeholder="defMsg.placeholder"
             @input="handleInput"
             @keyup.enter="sendMsg"
           />
@@ -140,6 +140,10 @@ const props = defineProps({
     type: Boolean,
     default: false,
   },
+  defMsg: {
+    type: Object,
+    required: true,
+  },
 });
 const Emits = defineEmits(['update:modelValue', 'send', 'tag', 'call']);
 
@@ -194,7 +198,7 @@ const sendMsg = () => {
     uFileList.value.findIndex((f) => f.percent < 100) > -1
   ) {
     Emits('call', {
-      message: '文件正在上傳，請稍候...',
+      message: props.defMsg.uploadingTips,
       reason: 'is_uploading',
       value: 'toast',
       type: 'call',
@@ -245,7 +249,7 @@ const handleUpload = async (idx) => {
   const file = uFileList.value[idx].file;
   console.log('========', file);
   if (!textValue.value) {
-    textValue.value = '請根據我上傳的體檢報告為我生成飲食方案';
+    textValue.value = props.defMsg.fileText;
   }
   const formDate = new FormData();
   formDate.append('file', file);