ai-chat-bot-interface 1.4.7 → 1.4.9

package/package.json

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

package/src/App.vue

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

package/src/ChatUi.vue

@@ -14,7 +14,7 @@
         <div class="btn_group">
           <button class="btn" @click.stop="createConv">
             <new-chat class="icon" />
-            <span style="font-size: 14px">新對話</span>
+            <span style="font-size: 14px">{{ finalDefMsg.newChat }}</span>
           </button>
           <template v-show="false">
             <button class="btn">
@@ -64,10 +64,12 @@
               <div class="box">
                 <template v-if="conv.reasoning_content">
                   <div v-if="conv.status === 'thinking'" class="think_status">
-                    <thinking-icon class="icon" /> 思考中...
+                    <thinking-icon class="icon" />
+                    {{ finalDefMsg.thinking }}
                   </div>
                   <div v-else class="think_status">
-                    <ok-icon class="icon" /> 思考完成
+                    <ok-icon class="icon" />
+                    {{ finalDefMsg.thinkCompleted }}
                   </div>
 
                   <p class="think_text">
@@ -90,6 +92,7 @@
                           v-if="comp.showType === 'card'"
                           :sku-list="comp.skuList"
                           :is-mini="!showHeader"
+                          :def-msg="finalDefMsg"
                           @select="(data) => handleCardTap(data, comp)"
                         />
                         <plan-card
@@ -109,9 +112,7 @@
                       <div
                         class="cui_btn cui_btn_2"
                         @click.stop="handleCardTap({ type: 'match' }, {})"
-                      >
-                        用該方案配餐
-                      </div>
+                      >{{finalDefMsg.useSolution}}</div>
                     </div>
                   </template>
                 </template>
@@ -190,6 +191,14 @@ const msgObj = {
   uploadingTips: '文件正在上傳，請稍候...',
   matchText: '請用以上方案為我配餐',
   matchContent: '請用以上方案為我配餐',
+  energy: '熱量',
+  protein: '蛋白質',
+  fat: '脂肪',
+  carbonwater: '碳水',
+  newChat: '新對話',
+  thinking: '思考中...',
+  thinkCompleted: '思考完成',
+  useSolution: '用該方案配餐'
 };
 
 const props = defineProps({

package/src/components/DishesCard.vue

@@ -26,10 +26,14 @@ const props = defineProps({
     type: Object,
     required: true,
   },
+  defMsg: {
+    type: Object,
+    default: () => ({})
+  }
 });
 
 const subStr = computed(() => {
-  return `熱量${props.info.energy}kcal，蛋白質${props.info.protein}g，脂肪${props.info.fat}g，碳水${props.info.carbonwater}g`;
+  return `${props.defMsg.energy}${props.info.energy}kcal，${props.defMsg.protein}${props.info.protein}g，${props.defMsg.fat}${props.info.fat}g，${props.defMsg.carbonwater}${props.info.carbonwater}g`;
 });
 
 const previewImg = (url) => {

package/src/components/DishesList.vue

@@ -15,6 +15,7 @@
               v-for="(info, idx) in dList.getCategoryList"
               :key="idx"
               :info="info"
+              :def-msg="defMsg"
             />
           </template>
         </div>
@@ -51,6 +52,10 @@ const props = defineProps({
     type: Boolean,
     default: false,
   },
+  defMsg: {
+    type: Object,
+    default: () => ({})
+  }
 });
 const Emits = defineEmits(['select']);
 

package/src/components/OperateModule.vue

@@ -23,7 +23,8 @@
               :key="index"
               class="file_card"
             >
-              <img class="img" :src="item.file_url" width="100%" alt="img" />
+              <img v-if="(item.file_type).toLocaleLowerCase().includes('pdf')" class="pdf" :src="pdfIcon" width="100%" alt="img" />
+              <img v-else class="img" :src="item.file_url" width="100%" alt="img" />
               <div v-if="item.percent < 100" class="process">
                 <progress-ring :percent="item.percent" />
               </div>
@@ -112,7 +113,7 @@ import AddIcon from './icons/addIcon.vue';
 import CloseBorderIcon from './icons/closeBorderIcon.vue';
 import CloseIcon from './icons/CloseIcon.vue';
 import NewChat from './icons/newChat.vue';
-
+const pdfIcon = 'https://prodstatic.weis1606.cn/api/smartFood/icon/pdf_icon.png';
 const extraList = [
   // { name: '相機', icon: CameraIcon, type: 'camera' },
   { name: '相冊', icon: PictureIcon, type: 'photo' },
@@ -237,10 +238,11 @@ const triggerUploadInput = () => {
 
 const handleFileChange = (e) => {
   const selFile = e.target.files[0];
-
+  console.log('=== file ===', e);
   if (selFile) {
     uFileList.value.push({
       file: selFile,
+      file_type: selFile.type,
       file_url: URL.createObjectURL(selFile),
       size: (selFile.size / 1024).toFixed(2),
       percent: 0,