ai-chat-bot-interface 1.7.7 → 1.7.9

package/src/assets/styles/public.less

@@ -1,152 +0,0 @@
-@border-color: rgba(68, 83, 130, 0.25);
-@border-radius: 10px;
-@box-max: 290px;
-@max-width: 630px;
-@bg-color: #fff;
-@sys-bg: #f3f4f5;
-@user-bg: #28d465;
-@primary-color: #039938;
-
-.flexr {
-  display: flex;
-  flex-direction: row;
-}
-
-.flexc {
-  display: flex;
-  flex-direction: column;
-}
-.flexrss {
-  .flexr();
-  justify-content: flex-start;
-  align-items: flex-start;
-}
-.flexrsc {
-  .flexr();
-  justify-content: flex-start;
-  align-items: center;
-}
-.flexrse {
-  .flexr();
-  justify-content: flex-start;
-  align-items: flex-end;
-}
-.flexrsst {
-  .flexr();
-  justify-content: flex-start;
-  align-items: stretch;
-}
-
-.flexrbs {
-  .flexr();
-  justify-content: space-between;
-  align-items: flex-start;
-}
-.flexrbc {
-  .flexr();
-  justify-content: space-between;
-  align-items: center;
-}
-.flexrac {
-  .flexr();
-  justify-content: space-around;
-  align-items: center;
-}
-.flexrbe {
-  .flexr();
-  justify-content: space-between;
-  align-items: flex-end;
-}
-.flexrcs {
-  .flexr();
-  justify-content: center;
-  align-items: flex-start;
-}
-.flexrcc {
-  .flexr();
-  justify-content: center;
-  align-items: center;
-}
-.flexrce {
-  .flexr();
-  justify-content: center;
-  align-items: flex-end;
-}
-.flexres {
-  .flexr();
-  justify-content: flex-end;
-  align-items: flex-start;
-}
-.flexrec {
-  .flexr();
-  justify-content: flex-end;
-  align-items: center;
-}
-.flexree {
-  .flexr();
-  justify-content: flex-end;
-  align-items: flex-end;
-}
-
-.flexcss {
-  .flexc();
-  justify-content: flex-start;
-  align-items: flex-start;
-}
-.flexcsc {
-  .flexc();
-  justify-content: flex-start;
-  align-items: center;
-}
-.flexcse {
-  .flexc();
-  justify-content: flex-start;
-  align-items: flex-end;
-}
-
-.flexccs {
-  .flexc();
-  justify-content: center;
-  align-items: flex-start;
-}
-.flexccc {
-  .flexc();
-  justify-content: center;
-  align-items: center;
-}
-.flexcce {
-  .flexc();
-  justify-content: center;
-  align-items: flex-end;
-}
-
-.flexcbs {
-  .flexc();
-  justify-content: space-between;
-  align-items: flex-start;
-}
-.flexcbc {
-  .flexc();
-  justify-content: space-between;
-  align-items: center;
-}
-.flexcbe {
-  .flexc();
-  justify-content: space-between;
-  align-items: flex-end;
-}
-.flexces {
-  .flexc();
-  justify-content: flex-end;
-  align-items: flex-start;
-}
-.flexcec {
-  .flexc();
-  justify-content: flex-end;
-  align-items: center;
-}
-.flexcee {
-  .flexc();
-  justify-content: flex-end;
-  align-items: flex-end;
-}

package/src/assets/vue.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>

package/src/components/DishesCard.vue

@@ -1,369 +0,0 @@
-<template>
-  <div
-    :class="{ dishes_box: true, is_open: isOpen }"
-    :style="{ height: panelHeight }"
-  >
-    <div class="dishes_wrap" @click.stop="switchOpen">
-      <img
-        class="img"
-        :src="info.primaryImgUrl"
-        alt="img"
-        @click.stop="previewImg(info.primaryImgUrl)"
-      />
-      <div>
-        <div class="name">
-          <span>{{ info.skuname }}</span>
-          <span>×1</span>
-        </div>
-        <div class="sub">{{ subStr }}</div>
-      </div>
-    </div>
-    <div v-if="hasDetails" class="dishes_details" ref="contentRef">
-      <div v-show="!isOpen" class="switch_open" @click.stop="switchOpen">
-        <span>查看菜谱详情</span><arrow-right class="icon" />
-      </div>
-      <div class="title">制作工艺</div>
-      <div v-if="makeCraft.makeVideosUrl">
-        <video :src="makeCraft.makeVideosUrl" width="100%" controls="true" />
-      </div>
-      <img :src="makeCraft.craftUrl" width="100%" alt="craft" />
-      <!--      <div class="tips">
-        <span class="star">*</span
-        >一份的量偏小不便制作，因而基于3份的量来介绍，食用时取一份即可
-      </div>
-      <div class="title">食材</div>
-      <div class="text">
-        {{ materialText }}
-      </div>
-      <div class="title">制作工艺</div>
-      <div v-if="makeCraft.makeVideosUrl">
-        <video :src="makeCraft.makeVideosUrl" width="100%" controls="true" />
-      </div>
-      <div
-        v-for="(item, index) in makeCraft.makeCraftList"
-        :key="index"
-        class="step_row"
-      >
-        <div class="step_item">
-          <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>
-</template>
-
-<script setup>
-import { computed, inject, nextTick, onMounted, ref } from 'vue';
-import { api as viewerApi } from 'v-viewer';
-import 'viewerjs/dist/viewer.css';
-import ArrowRight from './icons/ArrowRight.vue';
-import { post } from '../utils/request.js';
-
-const props = defineProps({
-  info: {
-    type: Object,
-    required: true,
-  },
-  defMsg: {
-    type: Object,
-    default: () => ({}),
-  },
-  open: {
-    type: Boolean,
-    default: false,
-  },
-});
-const isOpen = ref(props.open);
-const contentRef = ref(null); // 用于引用内容 DOM 元素
-const contentHeight = ref(0); // 存储内容的实际高度
-const makeCraft = ref([]);
-
-onMounted(async () => {
-  if (isOpen.value) {
-    await querySkuMakeCraft();
-    await getContentHeight();
-    setTimeout(() => {
-      scrollToEnd();
-    }, 200);
-  }
-});
-
-const scrollToEnd = inject('triggerScrollToEnd');
-const getContentHeight = () => {
-  return new Promise(async (resolve) => {
-    await nextTick();
-    const imgList = [];
-    if (
-      makeCraft.value.hasOwnProperty('craftUrl') &&
-      makeCraft.value.craftUrl
-    ) {
-      // makeCraft.value?.makeCraftList.forEach((item) => {
-      //   const imgs = getImageList(item.craftImg);
-      //   imgList.push(...imgs);
-      // });
-      imgList.push(makeCraft.value.craftUrl);
-    }
-    if (imgList.length) {
-      await preloadImages(imgList);
-      await nextTick();
-      contentHeight.value = hasDetails.value
-        ? contentRef.value.scrollHeight
-        : 0;
-      if (isOpen.value) {
-        contentHeight.value += 26;
-      }
-
-      isOpen.value = true;
-    } else {
-      isOpen.value = false;
-    }
-
-    resolve();
-  });
-};
-
-const preloadImages = (urls) => {
-  const promises = [];
-  urls.forEach((url) => {
-    const img = new Image();
-    const promise = new Promise((resolve, reject) => {
-      img.onload = () => resolve(img);
-      img.onerror = () => reject(new Error(`加载${url}失败`));
-      img.src = url;
-    });
-    promises.push(promise);
-  });
-  return Promise.all(promises);
-};
-// const Emits = defineEmits(['update:open']);
-
-const subStr = computed(() => {
-  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 materialText = computed(() => {
-  const list = props.info?.makeMaterialList?.map(
-    (item) => item.material + item.usage + 'g',
-  );
-  return (list || []).join('、');
-});
-const hasDetails = computed(() => {
-  return props.info.hasOwnProperty('cid') && props.info.cid;
-});
-const panelHeight = computed(() => {
-  let h = '92px';
-  if (hasDetails.value) {
-    h = isOpen.value ? contentHeight.value + 66 + 'px' : '118px';
-  }
-  return h;
-});
-
-const previewImg = (url) => {
-  viewerApi({
-    images: [url],
-  });
-};
-
-const switchOpen = async () => {
-  if (!isOpen.value) {
-    await querySkuMakeCraft();
-    getContentHeight();
-  } else {
-    isOpen.value = false;
-  }
-};
-
-const getImageList = (str) => {
-  let list = [];
-  try {
-    list = JSON.parse(str);
-  } catch (e) {
-    console.warn('====== get image list error =======', e);
-  }
-
-  return list;
-};
-
-const querySkuMakeCraft = async () => {
-  if (
-    !(
-      makeCraft.value.hasOwnProperty('makeCraftList') &&
-      makeCraft.value.hasOwnProperty('makeMaterialList')
-    )
-  ) {
-    const res = await post('/api/cn.weis.api.Food/makeCraft', {
-      method: 'makeCraft',
-      params: [{ cid: props.info.cid }],
-      token: localStorage.getItem('postToken'),
-    });
-    if (res.errCode === 0 && res.obj) {
-      makeCraft.value = { ...res.obj };
-    }
-  }
-};
-</script>
-
-<style scoped lang="less">
-@import '../assets/styles/public';
-
-.dishes {
-  &_details {
-    padding: 1px 10px;
-
-    .switch_open {
-      .flexrec();
-      cursor: pointer;
-      height: 26px;
-      line-height: 26px;
-      font-size: 10px;
-      color: #666;
-      .icon {
-        font-size: 18px;
-      }
-    }
-    .tips {
-      vertical-align: middle;
-      font-size: 13px;
-      font-weight: 400;
-      margin-top: 10px;
-      .star {
-        color: #ff0000;
-        vertical-align: middle;
-        margin-right: 0.4em;
-      }
-    }
-    .title {
-      font-weight: 600;
-      font-size: 15px;
-      color: #000;
-      margin: 15px 0;
-    }
-    .text {
-      font-weight: 400;
-      font-size: 13px;
-      color: #000;
-    }
-    .step {
-      &_row {
-        margin-bottom: 15px;
-      }
-      &_item {
-        .flexrss();
-        .num {
-          width: 4em;
-          color: #666;
-          font-size: 13px;
-        }
-        .desc {
-          flex: 1;
-          font-size: 13px;
-          color: #000;
-        }
-      }
-    }
-    .line {
-      margin: 5px 0;
-      border-bottom: 1px solid #fff;
-    }
-    .data {
-      &_row {
-        .flexrsc();
-        gap: 10px;
-      }
-      &_item {
-        .flexrsc();
-        flex: 1;
-        gap: 10px;
-        line-height: 26px;
-        .label {
-          width: 72px;
-          font-weight: 400;
-          font-size: 13px;
-          color: #666;
-        }
-        .content {
-          flex: 1;
-          width: 60px;
-          font-weight: 400;
-          font-size: 13px;
-          color: #000;
-        }
-      }
-    }
-    .tag {
-      padding: 0 15px;
-      background-color: #fff;
-      border-radius: 15px;
-      line-height: 30px;
-      font-weight: 400;
-      font-size: 13px;
-      color: #000;
-      &_box {
-        .flexrsc();
-        gap: 10px;
-      }
-    }
-    .collapse_btn {
-      width: 100px;
-      height: 32px;
-      line-height: 32px;
-      text-align: center;
-      border-radius: 10px 10px 0 0;
-      background-color: #e2e2e2;
-      color: #999;
-      margin: 20px auto 0;
-    }
-  }
-  &_box {
-    transition: height 100ms ease-in-out;
-    height: 92px;
-    background-color: #ededed;
-    border-radius: 10px;
-    margin: 10px 0;
-    overflow: hidden;
-    &.is_open {
-      //height: auto;
-    }
-  }
-  &_wrap {
-    display: grid;
-    grid-template-columns: 72px 1fr;
-    grid-column-gap: 10px;
-    background-color: @bg-color;
-    border-radius: 10px;
-    padding: 10px;
-    box-sizing: border-box;
-    min-height: 92px;
-
-    .img {
-      cursor: pointer;
-      width: 100%;
-      border-radius: 8px;
-    }
-    .name {
-      .flexrbs();
-      font-weight: 600;
-      font-size: 14px;
-      color: #000;
-      line-height: 16px;
-    }
-    .sub {
-      margin-top: 10px;
-      font-weight: 400;
-      font-size: 10px;
-      color: #666;
-      line-height: 12px;
-    }
-  }
-}
-</style>