af-mobile-client-vue3 1.4.53 → 1.4.55

package/src/components/common/MateChat/components/PromptList/PromptList.vue

@@ -0,0 +1,189 @@
+<script setup lang="ts">
+import { Icon } from 'vant'
+import 'vant/es/icon/style'
+
+// 定义 props 接口
+interface IconConfig {
+  name: string
+  color?: string
+}
+
+interface PromptItem {
+  value: string
+  label: string
+  iconConfig?: IconConfig
+  desc?: string
+}
+
+interface Props {
+  list: PromptItem[]
+  direction?: 'horizontal' | 'vertical'
+}
+
+// 定义 emits
+interface Emits {
+  (e: 'itemClick', item: PromptItem): void
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  direction: 'vertical',
+})
+
+const emit = defineEmits<Emits>()
+
+// 处理点击事件
+function handleItemClick(item: PromptItem) {
+  emit('itemClick', item)
+}
+
+// 将 icon-info-o 等图标名称转换为 Vant 图标名称
+function getVantIconName(iconName: string): string {
+  const iconMap: Record<string, string> = {
+    'icon-info-o': 'info-o',
+    'icon-star': 'star',
+    'icon-priority': 'fire',
+  }
+  return iconMap[iconName] || iconName.replace('icon-', '')
+}
+</script>
+
+<template>
+  <div class="prompt-list" :class="[`prompt-list--${direction}`]">
+    <div
+      v-for="item in list"
+      :key="item.value"
+      class="prompt-item"
+      @click="handleItemClick(item)"
+    >
+      <div v-if="item.iconConfig" class="prompt-item__icon">
+        <Icon
+          :name="getVantIconName(item.iconConfig.name)"
+          :color="item.iconConfig.color"
+          size="20"
+        />
+      </div>
+      <div class="prompt-item__content">
+        <div class="prompt-item__label">
+          {{ item.label }}
+        </div>
+        <div v-if="item.desc" class="prompt-item__desc">
+          {{ item.desc }}
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped lang="less">
+.prompt-list {
+  display: flex;
+  gap: 12px;
+  width: 100%;
+
+  &--horizontal {
+    flex-direction: row;
+    flex-wrap: wrap;
+  }
+
+  &--vertical {
+    flex-direction: column;
+  }
+}
+
+.prompt-item {
+  display: flex;
+  align-items: flex-start;
+  gap: 12px;
+  padding: 16px;
+  background: linear-gradient(135deg, rgba(94, 124, 224, 0.05) 0%, rgba(58, 194, 149, 0.05) 100%);
+  border-radius: 12px;
+  border: 1px solid rgba(94, 124, 224, 0.1);
+  cursor: pointer;
+  transition: all 0.3s ease;
+  flex: 1;
+  min-width: 0;
+
+  &:hover {
+    background: linear-gradient(135deg, rgba(94, 124, 224, 0.1) 0%, rgba(58, 194, 149, 0.1) 100%);
+    border-color: rgba(94, 124, 224, 0.2);
+    transform: translateY(-2px);
+    box-shadow: 0 4px 12px rgba(94, 124, 224, 0.15);
+  }
+
+  &:active {
+    transform: translateY(0);
+  }
+
+  &__icon {
+    flex-shrink: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 32px;
+    height: 32px;
+    background: rgba(255, 255, 255, 0.8);
+    border-radius: 8px;
+  }
+
+  &__content {
+    flex: 1;
+    min-width: 0;
+  }
+
+  &__label {
+    font-size: 14px;
+    font-weight: 500;
+    color: #252b3a;
+    line-height: 20px;
+    margin-bottom: 4px;
+  }
+
+  &__desc {
+    font-size: 12px;
+    color: #71757f;
+    line-height: 16px;
+  }
+}
+
+// 水平方向时的特殊样式
+.prompt-list--horizontal {
+  .prompt-item {
+    flex: 1;
+    min-width: 140px;
+
+    &__content {
+      display: flex;
+      flex-direction: column;
+    }
+  }
+}
+
+// 垂直方向时的特殊样式
+.prompt-list--vertical {
+  .prompt-item {
+    width: 100%;
+  }
+}
+
+// 简化版样式（用于快捷提示）
+.shortcut-prompt {
+  .prompt-item {
+    padding: 10px 14px;
+    min-width: auto;
+
+    &__icon {
+      width: 24px;
+      height: 24px;
+    }
+
+    &__label {
+      font-size: 13px;
+      margin-bottom: 0;
+    }
+
+    &__desc {
+      display: none;
+    }
+  }
+}
+</style>

package/src/components/common/MateChat/components/PromptList/index.ts

@@ -0,0 +1 @@
+export { default as PromptList } from './PromptList.vue'

package/src/components/common/MateChat/composables/useChatHistoryCache.ts

@@ -0,0 +1,117 @@
+import type { ChatHistoryItem } from '@af-mobile-client-vue3/components/common/MateChat/types'
+import { ref } from 'vue'
+
+/**
+ * 历史会话缓存项
+ */
+interface HistoryCacheItem {
+  list: ChatHistoryItem[]
+  timestamp: number
+}
+
+/**
+ * 历史会话缓存管理
+ * 使用 Map 存储不同 appId 的缓存数据
+ */
+const historyCache = ref<Map<string, HistoryCacheItem>>(new Map())
+
+/**
+ * 缓存过期时间（毫秒），默认 5 分钟
+ */
+const CACHE_EXPIRY_TIME = 5 * 60 * 1000
+
+/**
+ * 生成缓存 key
+ */
+function getCacheKey(appId: string, appKey: string): string {
+  return `${appId}_${appKey}`
+}
+
+/**
+ * 检查缓存是否有效
+ */
+function isCacheValid(cacheItem: HistoryCacheItem | undefined): boolean {
+  if (!cacheItem) {
+    return false
+  }
+  const now = Date.now()
+  return now - cacheItem.timestamp < CACHE_EXPIRY_TIME
+}
+
+/**
+ * 历史会话缓存管理组合式函数
+ */
+export function useChatHistoryCache() {
+  /**
+   * 获取缓存的历史会话列表
+   * @param appId FastGPT 应用 ID
+   * @param appKey FastGPT API Key
+   * @returns 缓存的历史会话列表，如果缓存不存在或已过期则返回 null
+   */
+  function getCachedHistory(appId: string, appKey: string): ChatHistoryItem[] | null {
+    const key = getCacheKey(appId, appKey)
+    const cacheItem = historyCache.value.get(key)
+
+    if (isCacheValid(cacheItem)) {
+      return cacheItem!.list
+    }
+
+    // 缓存无效，清除
+    if (cacheItem) {
+      historyCache.value.delete(key)
+    }
+
+    return null
+  }
+
+  /**
+   * 设置历史会话列表缓存
+   * @param appId FastGPT 应用 ID
+   * @param appKey FastGPT API Key
+   * @param list 历史会话列表
+   */
+  function setCachedHistory(appId: string, appKey: string, list: ChatHistoryItem[]): void {
+    const key = getCacheKey(appId, appKey)
+    historyCache.value.set(key, {
+      list,
+      timestamp: Date.now(),
+    })
+  }
+
+  /**
+   * 清除指定应用的历史会话缓存
+   * @param appId FastGPT 应用 ID
+   * @param appKey FastGPT API Key
+   */
+  function clearCache(appId: string, appKey: string): void {
+    const key = getCacheKey(appId, appKey)
+    historyCache.value.delete(key)
+  }
+
+  /**
+   * 清除所有历史会话缓存
+   */
+  function clearAllCache(): void {
+    historyCache.value.clear()
+  }
+
+  /**
+   * 检查是否有有效的缓存
+   * @param appId FastGPT 应用 ID
+   * @param appKey FastGPT API Key
+   * @returns 是否有有效缓存
+   */
+  function hasValidCache(appId: string, appKey: string): boolean {
+    const key = getCacheKey(appId, appKey)
+    const cacheItem = historyCache.value.get(key)
+    return isCacheValid(cacheItem)
+  }
+
+  return {
+    getCachedHistory,
+    setCachedHistory,
+    clearCache,
+    clearAllCache,
+    hasValidCache,
+  }
+}

package/src/components/common/MateChat/composables/useChatMessagesCache.ts

@@ -0,0 +1,72 @@
+import type { MateChatMessage } from '@af-mobile-client-vue3/components/common/MateChat/types'
+import { ref } from 'vue'
+
+/**
+ * 会话消息缓存管理
+ * 使用 Map 存储每个 chatId 的消息列表
+ */
+const messagesCache = ref<Map<string, MateChatMessage[]>>(new Map())
+
+/**
+ * 会话消息缓存管理组合式函数
+ */
+export function useChatMessagesCache() {
+  /**
+   * 获取缓存的消息列表
+   * @param chatId 会话 ID
+   * @returns 缓存的消息列表，如果缓存不存在则返回 null
+   */
+  function getCachedMessages(chatId: string): MateChatMessage[] | null {
+    const cached = messagesCache.value.get(chatId)
+    return cached || null
+  }
+
+  /**
+   * 设置缓存的消息列表
+   * @param chatId 会话 ID
+   * @param messages 消息列表
+   */
+  function setCachedMessages(chatId: string, messages: MateChatMessage[]): void {
+    messagesCache.value.set(chatId, messages)
+  }
+
+  /**
+   * 追加新消息到缓存
+   * @param chatId 会话 ID
+   * @param newMessages 要追加的新消息列表
+   */
+  function appendMessages(chatId: string, newMessages: MateChatMessage[]): void {
+    const existing = messagesCache.value.get(chatId)
+    if (existing) {
+      // 如果缓存存在，追加新消息
+      messagesCache.value.set(chatId, [...existing, ...newMessages])
+    }
+    else {
+      // 如果缓存不存在，创建新缓存
+      messagesCache.value.set(chatId, [...newMessages])
+    }
+  }
+
+  /**
+   * 清除指定会话的缓存
+   * @param chatId 会话 ID
+   */
+  function clearCache(chatId: string): void {
+    messagesCache.value.delete(chatId)
+  }
+
+  /**
+   * 清除所有会话的消息缓存
+   */
+  function clearAllCache(): void {
+    messagesCache.value.clear()
+  }
+
+  return {
+    getCachedMessages,
+    setCachedMessages,
+    appendMessages,
+    clearCache,
+    clearAllCache,
+  }
+}