ai-chat-bot-interface 1.1.5 → 1.1.6

package/package.json

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

package/src/App.vue

@@ -4,7 +4,7 @@ import ChatUi from './ChatUi.vue';
 
 <template>
   <div style="width: 100vw; height: 100vh">
-    <chat-ui bot-id="0000" token="pat_888" uid="262598" />
+    <chat-ui bot-id="00" token="pat_08888" uid="262598" />
   </div>
 </template>
 <style></style>

package/src/ChatUi.less

@@ -244,3 +244,29 @@
     text-align: center;
   }
 }
+
+.btn {
+  cursor: pointer;
+  width: 100%;
+  line-height: 22px;
+  box-sizing: border-box;
+  background-color: #e6f5eb;
+  border-radius: 19px;
+  text-align: center;
+  font-weight: 600;
+  font-size: 13px;
+  color: #039938;
+  margin-top: 15px;
+
+  &_2 {
+    color: #fff;
+    background-color: #039938;
+  }
+
+  &_group {
+    display: grid;
+    grid-template-columns: 1fr;
+    grid-column-gap: 10px;
+    margin-top: 20px;
+  }
+}

package/src/ChatUi.vue

@@ -84,6 +84,14 @@
                       />
                     </template>
                   </div>
+                  <div v-else-if="handleTextNeedBtn(conv.content)">
+                    <div
+                      class="btn btn_2"
+                      @click.stop="handleCardTap({ type: 'match' }, {})"
+                    >
+                      用該方案配餐
+                    </div>
+                  </div>
                 </template>
                 <loading-icon2 v-else />
               </div>
@@ -571,6 +579,11 @@ const scrollToEnd = () => {
     endTarget.value.scrollIntoView();
   });
 };
+
+const handleTextNeedBtn = (str) => {
+  const regExp = /#全日總熱量：(\d*?)kcal/g;
+  return regExp.test(str);
+};
 </script>
 
 <style scoped lang="less">