ai-chat-bot-interface 1.6.9 → 1.6.11

package/package.json

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

package/src/App.vue

@@ -10,7 +10,7 @@ const handleLog = (log) => {
     <chat-ui
       bot-id="7574379096097439754"
       token="sat_cSmj7ZyuePbkEpOKR7F259YuIfp2fjX9rJ3Om2O0gB9JzrGjAk8pSL269rbu8kzr"
-      uid="262598"
+      uid="0"
       :def-msg="{ placeholder: '发消息...' }"
       :show-header="false"
       :card-list="{ dishes: true, personalForm: true }"

package/src/components/DishesCard.vue

@@ -12,7 +12,7 @@
       />
       <div>
         <div class="name">
-          <span>{{ info.skuname }}{{ contentHeight }}</span>
+          <span>{{ info.skuname }}</span>
           <span>×1</span>
         </div>
         <div class="sub">{{ subStr }}</div>
@@ -68,6 +68,9 @@
         {{ materialText }}
       </div>
       <div class="title">制作工艺</div>
+      <div v-if="info.skuVideo">
+        <video :src="info.skuVideo" width="100%" controls="true" />
+      </div>
       <div
         v-for="(item, index) in info.makeCraftList"
         :key="index"
@@ -77,8 +80,16 @@
           <div class="num">第{{ index + 1 }}步</div>
           <div class="desc">{{ item.content }}</div>
         </div>
+        <div>
+          <img
+            v-for="(img, index) in getImageList(item.craftImg)"
+            :key="index"
+            :src="img"
+            width="100%"
+            alt="step image"
+          />
+        </div>
       </div>
-
       <div class="collapse_btn" @click.stop="isOpen = false">收起</div>
     </div>
   </div>
@@ -142,6 +153,17 @@ const previewImg = (url) => {
 const switchOpen = () => {
   isOpen.value = !isOpen.value;
 };
+
+const getImageList = (str) => {
+  let list = [];
+  try {
+    list = JSON.parse(str);
+  } catch (e) {
+    console.warn('====== get image list error =======', e);
+  }
+
+  return list;
+};
 </script>
 
 <style scoped lang="less">

package/src/components/personalForm/personalForm.vue

@@ -3,6 +3,7 @@ import { computed, onMounted, ref } from 'vue';
 import ArrowRight from '../icons/ArrowRight.vue';
 import Popup from '../popup/popup.vue';
 import { showToast } from 'vant';
+import { Field } from 'vant';
 
 const showPopup = ref(false);
 
@@ -18,6 +19,9 @@ const dialogInfo = ref({
   title: '标题',
   unit: '',
   dialogHeight: '50vh',
+  min: 0,
+  max: 100,
+  type: 'digit',
 });
 
 const sportList = [
@@ -62,13 +66,20 @@ const tasteList = [
 const tabooList = ['高GI', '高饱和脂肪酸', '高嘌呤', '高盐', '高胆固醇'];
 
 const pfForm = ref([
-  { key: 'sex', label: '性别', value: '', placeholder: '请输选择' },
+  {
+    key: 'sex',
+    label: '性别',
+    value: '',
+    placeholder: '请输选择',
+    required: true,
+  },
   {
     key: 'age',
     label: '年龄',
     value: '',
     placeholder: '请输入年龄',
     unit: '岁',
+    required: true,
   },
   {
     key: 'height',
@@ -76,6 +87,7 @@ const pfForm = ref([
     value: '',
     placeholder: '请输入身高',
     unit: 'cm',
+    required: true,
   },
   {
     key: 'weight',
@@ -83,8 +95,15 @@ const pfForm = ref([
     value: '',
     placeholder: '请输入体重',
     unit: 'kg',
+    required: true,
+  },
+  {
+    key: 'sport',
+    label: '日常运动水平',
+    value: '',
+    placeholder: '请输入',
+    required: true,
   },
-  { key: 'sport', label: '日常运动水平', value: '', placeholder: '请输入' },
   {
     key: 'taste',
     label: '口味偏好及饮食禁忌',
@@ -92,6 +111,7 @@ const pfForm = ref([
     taste: [],
     taboo: [],
     placeholder: '请输入',
+    required: false,
   },
 ]);
 
@@ -100,7 +120,11 @@ const Emits = defineEmits(['submit']);
 onMounted(() => {
   const form = localStorage.getItem('personalInfo');
   if (form) {
-    pfForm.value = JSON.parse(form);
+    const formData = JSON.parse(form);
+    for (let i = 0; i < pfForm.value.length; i++) {
+      const idx = formData.findIndex((con) => con.key === pfForm.value[i].key);
+      pfForm.value[i] = { ...pfForm.value[i], ...formData[idx] };
+    }
   }
 });
 
@@ -124,18 +148,27 @@ const handleSelect = (item) => {
       dialogInfo.value.dialogHeight = '240px';
       dialogInfo.value.unit = item.unit;
       dialogInfo.value.age = item.value;
+      dialogInfo.value.min = 0;
+      dialogInfo.value.max = 100;
+      dialogInfo.value.type = 'number';
       break;
     case 'height':
       dialogInfo.value.title = '设置身高';
       dialogInfo.value.dialogHeight = '240px';
       dialogInfo.value.unit = item.unit;
       dialogInfo.value.height = item.value;
+      dialogInfo.value.min = 0;
+      dialogInfo.value.max = 300;
+      dialogInfo.value.type = 'digit';
       break;
     case 'weight':
       dialogInfo.value.title = '设置体重';
       dialogInfo.value.dialogHeight = '240px';
       dialogInfo.value.unit = item.unit;
       dialogInfo.value.weight = item.value;
+      dialogInfo.value.min = 0;
+      dialogInfo.value.max = 300;
+      dialogInfo.value.type = 'digit';
       break;
     case 'sport':
       dialogInfo.value.title = '日常运动水平';
@@ -261,7 +294,9 @@ const selectSex = (item) => {
   <div class="pf_wrap">
     <div class="pf_form">
       <div v-for="item in pfForm" :key="item.key" class="pf_row">
-        <div class="title">{{ item.label }}</div>
+        <div class="title" :class="{ is_required: item.required }">
+          {{ item.label }}
+        </div>
         <div class="content" @click="handleSelect(item)">
           <span
             class="text_row"
@@ -308,10 +343,12 @@ const selectSex = (item) => {
         v-if="['age', 'height', 'weight'].includes(dialogInfo.key)"
         class="input_wrap"
       >
-        <input
+        <Field
           v-model="dialogInfo[dialogInfo.key]"
           class="input"
-          type="text"
+          :type="dialogInfo.type"
+          :min="dialogInfo.min"
+          :max="dialogInfo.max"
           @keyup.enter="handleConfirm"
           placeholder="请输入"
         />
@@ -386,6 +423,19 @@ const selectSex = (item) => {
     .title {
       font-size: 14px;
       font-weight: 600;
+      position: relative;
+      line-height: 24px;
+
+      &.is_required {
+        &::after {
+          content: '*';
+          color: #ff0000;
+          font-size: 14px;
+          line-height: 24px;
+          position: absolute;
+          right: -0.6em;
+        }
+      }
     }
 
     .content {
@@ -467,6 +517,10 @@ const selectSex = (item) => {
       width: 200px;
       outline: none;
       border: none;
+      margin: auto;
+      /deep/ .van-field__control {
+        text-align: center;
+      }
     }
     .unit {
       font-size: 15px;