ai-chat-bot-interface 1.7.8 → 1.7.10

package/src/components/icons/addIcon.vue

@@ -1,18 +0,0 @@
-<template>
-  <svg
-    width="1em"
-    height="1em"
-    viewBox="0 0 24 24"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M13.5 4.5C13.5 3.67157 12.8284 3 12 3C11.1716 3 10.5 3.67157 10.5 4.5L10.5 10.5H4.5C3.67157 10.5 3 11.1716 3 12C3 12.8284 3.67157 13.5 4.5 13.5H10.5L10.5 19.5C10.5 20.3284 11.1716 21 12 21C12.8284 21 13.5 20.3284 13.5 19.5V13.5H19.5C20.3284 13.5 21 12.8284 21 12C21 11.1716 20.3284 10.5 19.5 10.5H13.5V4.5Z"
-      fill="currentColor"
-    />
-  </svg>
-</template>
-
-<script></script>
-
-<style scoped></style>

package/src/components/icons/cameraIcon.vue

@@ -1,22 +0,0 @@
-<template>
-  <svg
-    width="1em"
-    height="1em"
-    viewBox="0 0 25 24"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M6.03791 5.43733C4.02837 5.73154 2.36942 7.19356 2.01374 9.19314C1.80186 10.3843 1.625 11.7046 1.625 12.7932C1.625 14.1142 1.88543 15.7626 2.15286 17.1069C2.47288 18.7157 3.53388 20.0703 5.08995 20.5892C6.81466 21.1644 9.4087 21.7782 12.6246 21.7782C15.8579 21.7782 18.4626 21.1577 20.1872 20.5799C21.7264 20.0641 22.781 18.729 23.1036 17.138C23.3774 15.788 23.6415 14.1244 23.6242 12.7932C23.6125 11.8974 23.4692 10.8334 23.2896 9.83524C22.9086 7.71845 21.2484 6.11084 19.1702 5.55694C18.4877 5.37505 17.8729 4.99872 17.4004 4.47375L16.4669 3.4365C15.7716 2.66386 14.7809 2.22266 13.7415 2.22266H11.5077C10.4683 2.22266 9.47763 2.66385 8.78228 3.4365L7.85962 4.46171C7.38473 4.98939 6.74034 5.3345 6.03791 5.43733ZM15.0694 12.6113C15.0694 13.9614 13.975 15.0558 12.625 15.0558C11.275 15.0558 10.1805 13.9614 10.1805 12.6113C10.1805 11.2613 11.275 10.1669 12.625 10.1669C13.975 10.1669 15.0694 11.2613 15.0694 12.6113ZM17.5139 12.6113C17.5139 15.3114 15.325 17.5002 12.625 17.5002C9.92493 17.5002 7.7361 15.3114 7.7361 12.6113C7.7361 9.91127 9.92493 7.72244 12.625 7.72244C15.325 7.72244 17.5139 9.91127 17.5139 12.6113Z"
-      fill="currentColor"
-    />
-  </svg>
-</template>
-
-<script>
-export default {
-  name: 'camreIcon',
-};
-</script>
-
-<style scoped></style>

package/src/components/icons/closeBorderIcon.vue

@@ -1,35 +0,0 @@
-<template>
-  <svg
-    width="1em"
-    height="1em"
-    viewBox="0 0 16 16"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <rect
-      x="0.5"
-      y="0.5"
-      width="15"
-      height="15"
-      rx="7.5"
-      fill="black"
-      fill-opacity="0.5"
-    />
-    <rect
-      x="0.5"
-      y="0.5"
-      width="15"
-      height="15"
-      rx="7.5"
-      stroke="currentColor"
-    />
-    <path
-      d="M10.8284 6.58588C11.2189 6.19535 11.2189 5.56219 10.8284 5.17167C10.4379 4.78114 9.80471 4.78114 9.41419 5.17167L8 6.58586L6.58581 5.17167C6.19529 4.78114 5.56212 4.78114 5.1716 5.17167C4.78107 5.56219 4.78107 6.19535 5.1716 6.58588L6.58579 8.00007L5.17155 9.41431C4.78103 9.80483 4.78103 10.438 5.17155 10.8285C5.56207 11.219 6.19524 11.219 6.58576 10.8285L8 9.41428L9.41424 10.8285C9.80476 11.219 10.4379 11.219 10.8285 10.8285C11.219 10.438 11.219 9.80483 10.8285 9.41431L9.41421 8.00007L10.8284 6.58588Z"
-      fill="currentColor"
-    />
-  </svg>
-</template>
-
-<script></script>
-
-<style scoped></style>

package/src/components/icons/fileIcon.vue

@@ -1,18 +0,0 @@
-<template>
-  <svg
-    width="1em"
-    height="1em"
-    viewBox="0 0 24 24"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M18.0849 10.6565C19.9734 8.76795 19.9734 5.70607 18.0849 3.81756C16.1964 1.92905 13.1345 1.92905 11.246 3.81756L5.05399 10.0096C2.55177 12.5118 2.55177 16.5687 5.05399 19.0709C7.55622 21.5732 11.6131 21.5732 14.1154 19.0709L20.2421 12.9442C20.6326 12.5537 20.6326 11.9205 20.2421 11.53C19.8516 11.1394 19.2184 11.1394 18.8279 11.53L12.7011 17.6567C10.98 19.3779 8.18938 19.3779 6.46821 17.6567C4.74703 15.9355 4.74703 13.145 6.4682 11.4238L12.6602 5.23178C13.7677 4.12431 15.5632 4.12431 16.6707 5.23178C17.7781 6.33924 17.7781 8.13478 16.6707 9.24224L10.5401 15.3729C10.0481 15.8648 9.25051 15.8648 8.75856 15.3729C8.26661 14.8809 8.26661 14.0833 8.75856 13.5913L13.9435 8.40645C14.334 8.01592 14.334 7.38276 13.9435 6.99223C13.5529 6.60171 12.9198 6.60171 12.5292 6.99223L7.34435 12.1771C6.07135 13.4501 6.07135 15.5141 7.34435 16.7871C8.61735 18.0601 10.6813 18.0601 11.9543 16.7871L18.0849 10.6565Z"
-      fill="currentColor"
-    />
-  </svg>
-</template>
-
-<script></script>
-
-<style scoped></style>

package/src/components/icons/loadingIcon.vue

@@ -1,76 +0,0 @@
-<template>
-  <svg
-    width="1.5em"
-    height="1em"
-    viewBox="0 0 440 440"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <!-- A 球 -->
-    <circle
-      id="ballA"
-      cx="220"
-      cy="220"
-      r="50"
-      fill="rgba(0,0,0,0.8)"
-      opacity="0.1"
-    >
-      <!-- 位置动画 -->
-      <animate
-        attributeName="cx"
-        values="220; 40; 220; 400; 220"
-        dur="1.5s"
-        repeatCount="indefinite"
-      />
-      <!-- 大小动画 -->
-      <animate
-        attributeName="r"
-        values="50; 80; 100; 80; 50"
-        dur="1.5s"
-        repeatCount="indefinite"
-      />
-      <!-- 透明度动画 -->
-      <animate
-        attributeName="opacity"
-        values="0.1; 0.6; 1; 0.6; 0.1"
-        dur="1.5s"
-        repeatCount="indefinite"
-      />
-    </circle>
-
-    <!-- B 球 -->
-    <circle
-      id="ballB"
-      cx="220"
-      cy="220"
-      r="100"
-      fill="rgba(0,0,0,0.8)"
-      opacity="1"
-    >
-      <!-- 位置动画 -->
-      <animate
-        attributeName="cx"
-        values="220; 400; 220; 40; 220"
-        dur="1.5s"
-        repeatCount="indefinite"
-      />
-      <!-- 大小动画 -->
-      <animate
-        attributeName="r"
-        values="100; 80; 50; 80; 100"
-        dur="1.5s"
-        repeatCount="indefinite"
-      />
-      <!-- 透明度动画 -->
-      <animate
-        attributeName="opacity"
-        values="1; 0.6; 0.1; 0.6; 1"
-        dur="1.5s"
-        repeatCount="indefinite"
-      />
-    </circle>
-  </svg>
-</template>
-
-<script></script>
-
-<style scoped></style>

package/src/components/icons/loadingIcon2.vue

@@ -1,88 +0,0 @@
-<template>
-  <svg
-    width="1.5em"
-    height="1em"
-    viewBox="0 0 440 440"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <!-- A 球 -->
-    <circle
-      id="ballA"
-      cx="220"
-      cy="220"
-      r="50"
-      fill="rgba(0,0,0,0.8)"
-      opacity="0.1"
-    >
-      <!-- 位置动画 -->
-      <animate
-        attributeName="cx"
-        values="220; 40; 220; 400; 220"
-        dur="1.5s"
-        repeatCount="indefinite"
-        calcMode="spline"
-        keySplines="0.25 0.1 0.25 1; 0.25 0.1 0.25 1; 0.25 0.1 0.25 1; 0.25 0.1 0.25 1"
-      />
-      <!-- 大小动画 -->
-      <animate
-        attributeName="r"
-        values="50; 80; 100; 80; 50"
-        dur="1.5s"
-        repeatCount="indefinite"
-        calcMode="spline"
-        keySplines="0.4 0.0 0.2 1; 0.4 0.0 0.2 1; 0.4 0.0 0.2 1; 0.4 0.0 0.2 1"
-      />
-      <!-- 透明度动画 -->
-      <animate
-        attributeName="opacity"
-        values="0.1; 0.6; 1; 0.6; 0.1"
-        dur="1.5s"
-        repeatCount="indefinite"
-        calcMode="spline"
-        keySplines="0.6 0.2 0.8 0.4; 0.6 0.2 0.8 0.4; 0.6 0.2 0.8 0.4; 0.6 0.2 0.8 0.4"
-      />
-    </circle>
-
-    <!-- B 球 -->
-    <circle
-      id="ballB"
-      cx="220"
-      cy="220"
-      r="100"
-      fill="rgba(0,0,0,0.8)"
-      opacity="1"
-    >
-      <!-- 位置动画 -->
-      <animate
-        attributeName="cx"
-        values="220; 400; 220; 40; 220"
-        dur="1.5s"
-        repeatCount="indefinite"
-        calcMode="spline"
-        keySplines="0.25 0.1 0.25 1; 0.25 0.1 0.25 1; 0.25 0.1 0.25 1; 0.25 0.1 0.25 1"
-      />
-      <!-- 大小动画 -->
-      <animate
-        attributeName="r"
-        values="100; 80; 50; 80; 100"
-        dur="1.5s"
-        repeatCount="indefinite"
-        calcMode="spline"
-        keySplines="0.4 0.0 0.2 1; 0.4 0.0 0.2 1; 0.4 0.0 0.2 1; 0.4 0.0 0.2 1"
-      />
-      <!-- 透明度动画 -->
-      <animate
-        attributeName="opacity"
-        values="1; 0.6; 0.1; 0.6; 1"
-        dur="1.5s"
-        repeatCount="indefinite"
-        calcMode="spline"
-        keySplines="0.6 0.2 0.8 0.4; 0.6 0.2 0.8 0.4; 0.6 0.2 0.8 0.4; 0.6 0.2 0.8 0.4"
-      />
-    </circle>
-  </svg>
-</template>
-
-<script></script>
-
-<style scoped></style>

package/src/components/icons/newChat.vue

@@ -1,18 +0,0 @@
-<template>
-  <svg
-    width="1em"
-    height="1em"
-    viewBox="0 0 33 32"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M21 7.64355C21 7.09127 21.4477 6.64355 22 6.64355C22.5523 6.64355 23 7.09127 23 7.64355V9.64355H25C25.5523 9.64355 26 10.0913 26 10.6436C26 11.1958 25.5523 11.6436 25 11.6436H23V13.6436C23 14.1958 22.5523 14.6436 22 14.6436C21.4477 14.6436 21 14.1958 21 13.6436V11.6436H19C18.4477 11.6436 18 11.1958 18 10.6436C18 10.0913 18.4477 9.64355 19 9.64355H21V7.64355ZM9 10.6436C9 10.0913 9.44772 9.64355 10 9.64355H16.164C16.7162 9.64355 17.164 9.19584 17.164 8.64355C17.164 8.09127 16.7162 7.64355 16.164 7.64355H10C8.34315 7.64355 7 8.9867 7 10.6436V22.8527C7 24.7723 9.0737 25.9757 10.7403 25.0233L15.035 22.5693C15.1861 22.4829 15.3571 22.4375 15.5311 22.4375H22C23.6569 22.4375 25 21.0944 25 19.4375V16.32C25 15.7677 24.5523 15.32 24 15.32C23.4477 15.32 23 15.7677 23 16.32V19.4375C23 19.9898 22.5523 20.4375 22 20.4375H15.5311C15.009 20.4375 14.496 20.5737 14.0427 20.8328L9.74807 23.2869C9.41474 23.4773 9 23.2366 9 22.8527V10.6436Z"
-      fill="currentColor"
-    />
-  </svg>
-</template>
-
-<script setup lang="ts"></script>
-
-<style scoped></style>

package/src/components/icons/pictureIcon.vue

@@ -1,22 +0,0 @@
-<template>
-  <svg
-    width="1em"
-    height="1em"
-    viewBox="0 0 24 24"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M2.875 6C2.875 4.34315 4.21815 3 5.875 3H19.875C21.5319 3 22.875 4.34315 22.875 6V18C22.875 19.6569 21.5319 21 19.875 21H5.875C4.21815 21 2.875 19.6569 2.875 18V6ZM5.875 5C5.32272 5 4.875 5.44772 4.875 6V16.0852L10.475 11.8852C11.8972 10.8185 13.8528 10.8185 15.275 11.8852L20.875 16.0852V6C20.875 5.44772 20.4273 5 19.875 5H5.875ZM8.28442 10.0852C9.11285 10.0852 9.78442 9.41363 9.78442 8.58521C9.78442 7.75678 9.11285 7.08521 8.28442 7.08521C7.456 7.08521 6.78442 7.75678 6.78442 8.58521C6.78442 9.41363 7.456 10.0852 8.28442 10.0852Z"
-      fill="currentColor"
-    />
-  </svg>
-</template>
-
-<script>
-export default {
-  name: 'pictureIcon',
-};
-</script>
-
-<style scoped></style>

package/src/components/icons/processBar.vue

@@ -1,115 +0,0 @@
-<template>
-  <div class="cool-progress-container">
-    <!-- 进度条外层容器 -->
-    <div class="progress-bar-wrapper">
-      <!-- 进度条主体（带渐变+流光） -->
-      <div class="progress-bar" :style="{ width: `${percentage}%` }">
-        <!-- 流光伪元素通过 CSS 实现，无需额外DOM -->
-      </div>
-    </div>
-    <!-- 进度数字（发光效果） -->
-    <span class="progress-text">{{ percentage }}%</span>
-  </div>
-</template>
-
-<script setup>
-import { onMounted, ref } from 'vue';
-// 模拟进度值，可替换为业务数据
-const percentage = ref(0);
-const runner = ref('');
-onMounted(() => {
-  percentage.value = 0;
-  runFunc();
-});
-
-const runFunc = () => {
-  let x = 0;
-  let t = 100;
-  const max = 95;
-  const calcProcess = () => {
-    const timer = setTimeout(() => {
-      if (percentage.value >= max) {
-        console.log('== stop ==', new Date().getTime());
-        clearTimeout(timer);
-      } else {
-        if (percentage.value > 80) {
-          t = 800;
-        }
-        percentage.value = (max * (1 - Math.exp(-x / 20))).toFixed(1);
-        x += 0.5;
-        calcProcess();
-      }
-    }, t);
-  };
-  console.log('== start ==', new Date().getTime());
-  calcProcess();
-};
-</script>
-
-<style scoped>
-.cool-progress-container {
-  width: 100%;
-  max-width: 600px;
-  margin: 20px 0;
-  padding: 15px;
-  background: #121212; /* 暗黑底色适配酷炫风 */
-  border-radius: 12px;
-  box-shadow: 0 0 20px rgba(0, 128, 255, 0.2);
-}
-
-.progress-bar-wrapper {
-  height: 24px;
-  width: 100%;
-  background: rgba(255, 255, 255, 0.08);
-  border-radius: 12px;
-  overflow: hidden;
-  position: relative;
-}
-
-.progress-bar {
-  height: 100%;
-  border-radius: 12px;
-  /* 赛博朋克渐变底色 */
-  background: linear-gradient(90deg, #00f5ff, #7928ca, #ff0080);
-  position: relative;
-  transition: width 0.5s ease-in;
-}
-
-/* 流光动画伪元素 */
-.progress-bar-wrapper::after {
-  content: '';
-  position: absolute;
-  top: 0;
-  left: -100%;
-  width: 50%;
-  height: 100%;
-  background: linear-gradient(
-    90deg,
-    transparent,
-    rgba(255, 255, 255, 0.4),
-    transparent
-  );
-  transform: skewX(-20deg);
-  animation: light-flow 1.5s infinite linear;
-}
-
-/* 流光动画 */
-@keyframes light-flow {
-  0% {
-    left: -100%;
-  }
-  100% {
-    left: 200%;
-  }
-}
-
-/* 发光进度文字 */
-.progress-text {
-  display: block;
-  margin-top: 8px;
-  font-size: 16px;
-  font-weight: bold;
-  color: #00f5ff;
-  text-shadow: 0 0 10px #00f5ff, 0 0 20px #00f5ff;
-}
-</style>

package/src/components/icons/progressRing.vue

@@ -1,63 +0,0 @@
-<template>
-  <svg
-    :width="size"
-    :height="size"
-    viewBox="0 0 100 100"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <!-- 绘制底层浅色圆环 -->
-    <circle
-      cx="50"
-      cy="50"
-      r="45"
-      fill="none"
-      :stroke="bgColor"
-      stroke-width="8"
-    />
-    <!-- 绘制上层白色圆弧（带圆角端点） -->
-    <path
-      id="progressPath"
-      d="M 50 5
-           a 45 45 0 1 1 0 90
-           a 45 45 0 1 1 0 -90"
-      fill="none"
-      :stroke="color"
-      stroke-width="10"
-      stroke-linecap="round"
-      :stroke-dasharray="num.l"
-      :stroke-dashoffset="num.p"
-    />
-  </svg>
-</template>
-
-<script setup>
-import { computed } from 'vue';
-
-const props = defineProps({
-  percent: {
-    type: Number,
-    default: 75,
-  },
-  size: {
-    type: Number,
-    default: 48,
-  },
-  color: {
-    type: String,
-    default: '#fff',
-  },
-  bgColor: {
-    type: String,
-    default: '#888',
-  },
-});
-
-const num = computed(() => {
-  return {
-    l: 2 * Math.PI * 45,
-    p: (2 * Math.PI * 45 * (100 - props.percent)) / 100,
-  };
-});
-</script>
-
-<style scoped></style>

package/src/components/icons/sendLoadingIcon.vue

@@ -1,35 +0,0 @@
-<script setup>
-const props = defineProps({
-  color: {
-    type: String,
-    default: '#000'
-  },
-  bg: {
-    type: String,
-    default: '#039938'
-  }
-})
-</script>
-<template>
-
-  <svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
-       xmlns:xlink="http://www.w3.org/1999/xlink" width="1em" height="1em">
-    <circle cx="512" cy="512" r="512" :fill='bg'/>
-    <path :fill="color" d="M512.042667 213.333333v74.666667a224 224 0 1 1-195.626667 114.773333l-65.194667-36.394666A298.666667 298.666667 0 1 0 512.042667 213.333333z"
-    >
-      <animateTransform
-          attributeName="transform"
-          type="rotate"
-          from="0 512 512"
-          to="360 512 512"
-          dur="1.5s"
-          repeatCount="indefinite"
-          fill="freeze"
-      />
-    </path>
-  </svg>
-</template>
-
-<style scoped>
-
-</style>

package/src/components/icons/tagIcon.vue

@@ -1,18 +0,0 @@
-<template>
-  <svg
-    width="1em"
-    height="1em"
-    viewBox="0 0 16 16"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M5.75335 4.13651C5.8677 3.70974 6.31858 3.36377 6.76041 3.36377C7.20223 3.36377 7.4677 3.70974 7.35335 4.13651L7.14629 4.90928L10.3463 4.90928L10.5533 4.13651C10.6677 3.70974 11.1186 3.36377 11.5604 3.36377C12.0022 3.36377 12.2677 3.70974 12.1533 4.13651L11.9463 4.90928H12.8282C13.2701 4.90928 13.5355 5.25525 13.4212 5.68202C13.3068 6.10879 12.8559 6.45476 12.4141 6.45476H11.5322L10.704 9.54561H11.5859C12.0277 9.54561 12.2932 9.89157 12.1788 10.3183C12.0645 10.7451 11.6136 11.0911 11.1718 11.0911H10.2899L10.0828 11.8639C9.96844 12.2907 9.51757 12.6367 9.07574 12.6367C8.63391 12.6367 8.36844 12.2907 8.4828 11.8639L8.68988 11.0911L5.48986 11.0911L5.28278 11.8639C5.16843 12.2907 4.71756 12.6367 4.27573 12.6367C3.8339 12.6367 3.56843 12.2907 3.68278 11.8639L3.88986 11.0911H3.17178C2.72995 11.0911 2.46448 10.7451 2.57884 10.3183C2.69319 9.89157 3.14407 9.54561 3.58589 9.54561H4.30397L4.67327 8.16737C4.78763 7.7406 5.2385 7.39463 5.68033 7.39463C6.12215 7.39463 6.38763 7.7406 6.27327 8.16737L5.90398 9.54561L9.10399 9.54561L9.93218 6.45476L4.41412 6.45476C3.97229 6.45476 3.70682 6.10879 3.82117 5.68202C3.93553 5.25524 4.3864 4.90928 4.82823 4.90928H5.54629L5.75335 4.13651Z"
-      fill="currentColor"
-    />
-  </svg>
-</template>
-
-<script></script>
-
-<style scoped></style>

package/src/components/imgeList.vue

@@ -1,63 +0,0 @@
-<template>
-  <div class="img_wrap" :class="list.length > 1 ? 'grid_2' : 'grid_1'">
-    <img
-      v-for="info in list"
-      :key="info.file_id"
-      class="img"
-      width="100%"
-      :src="caseExtra(info)"
-      :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 pdfIcon = 'https://prodstatic.weis1606.cn/api/smartFood/icon/pdf_icon.png';
-
-const previewImg = () => {
-  const imgList = props.list.filter((item) => item.type === 'image' && item.file_url);
-  if(imgList.length) {
-    viewerApi({
-      images: imgList.map(item => item.file_url),
-    });
-  }
-};
-const caseExtra = ({type, name, file_url}) => {
-  console.log(props.list);
-  let url = file_url;
-  if(type === 'file' && name.toLowerCase().endsWith('pdf')) {
-    url = pdfIcon;
-  }
-  return url;
-}
-
-</script>
-
-<style scoped lang="less">
-.img_wrap {
-  display: grid;
-  gap: 10px;
-  justify-content: right;
-  padding: 10px 0;
-  .img {
-    cursor: pointer;
-  }
-  &.grid_1 {
-    grid-template-columns: 200px;
-  }
-  &.grid_2 {
-    display: grid;
-    grid-template-columns: 100px 100px;
-  }
-}
-</style>