ai-chat-bot-interface 1.4.1 → 1.4.3

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ai-chat-bot-interface",
   "private": false,
-  "version": "1.4.1",
+  "version": "1.4.3",
   "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_88888"
       uid="262598"
       :def-msg="{ placeholder: '发消息...' }"

package/src/components/DishesCard.vue

@@ -1,6 +1,11 @@
 <template>
   <div class="dishes_wrap" @click.stop="testFunc">
-    <img class="img" :src="info.primaryImgUrl" alt="img" />
+    <img
+      class="img"
+      :src="info.primaryImgUrl"
+      alt="img"
+      @click.stop="previewImg(info.primaryImgUrl)"
+    />
     <div>
       <div class="name">
         <span>{{ info.skuname }}</span>
@@ -13,6 +18,8 @@
 
 <script setup>
 import { computed } from 'vue';
+import { api as viewerApi } from 'v-viewer';
+import 'viewerjs/dist/viewer.css';
 
 const props = defineProps({
   info: {
@@ -24,6 +31,12 @@ const props = defineProps({
 const subStr = computed(() => {
   return `熱量${props.info.energy}kcal，蛋白質${props.info.protein}g，脂肪${props.info.fat}g，碳水${props.info.carbonwater}g`;
 });
+
+const previewImg = (url) => {
+  viewerApi({
+    images: [url],
+  });
+};
 </script>
 
 <style scoped lang="less">
@@ -40,6 +53,7 @@ const subStr = computed(() => {
     margin: 10px 0;
 
     .img {
+      cursor: pointer;
       width: 100%;
       border-radius: 8px;
     }

package/src/components/assistantReplay/assistantReplay.vue

@@ -61,22 +61,6 @@ const previewImg = ({ url }) => {
   images.value = [url];
   viewerApi({
     images: images.value,
-    options: {
-      navbar: false,
-      toolbar: {
-        flipHorizontal: false,
-        flipVertical: false,
-        next: false,
-        prev: false,
-        play: false,
-        reset: true,
-        oneToOne: true,
-        rotateLeft: true,
-        rotateRight: true,
-        zoomIn: true,
-        zoomOut: true,
-      },
-    },
   });
 };
 </script>

package/src/components/imgeList.vue

@@ -7,17 +7,27 @@
       width="100%"
       :src="info.file_url"
       :alt="info.name"
+      @click.stop="previewImg"
     />
   </div>
 </template>
 
 <script setup>
+import { api as viewerApi } from 'v-viewer';
+import 'viewerjs/dist/viewer.css';
+
 const props = defineProps({
   list: {
     type: Array,
     required: true,
   },
 });
+
+const previewImg = () => {
+  viewerApi({
+    images: props.list.map((item) => item.file_url),
+  });
+};
 </script>
 
 <style scoped lang="less">
@@ -27,6 +37,7 @@ const props = defineProps({
   justify-content: right;
   padding: 10px 0;
   .img {
+    cursor: pointer;
   }
   &.grid_1 {
     grid-template-columns: 200px;

package/src/main.js

@@ -1,5 +1,25 @@
-import { createApp } from 'vue';
-import './style.css';
-import App from './App.vue';
-
-createApp(App).mount('#app');
+import { createApp } from 'vue';
+import './style.css';
+import App from './App.vue';
+import VueViewer from 'v-viewer';
+
+createApp(App)
+  .use(VueViewer, {
+    defaultOptions: {
+      navbar: false,
+      toolbar: {
+        flipHorizontal: false,
+        flipVertical: false,
+        next: false,
+        prev: false,
+        play: false,
+        reset: true,
+        oneToOne: true,
+        rotateLeft: true,
+        rotateRight: true,
+        zoomIn: true,
+        zoomOut: true,
+      },
+    },
+  })
+  .mount('#app');