af-mobile-client-vue3 1.4.53 → 1.4.55

package/build/vite/optimize.ts

@@ -1,36 +1,36 @@
-const include = [
-  'axios',
-  'echarts',
-  'lodash-es',
-  'resize-detector',
-  'vant/es',
-  'vant/es/cell-group/style/index',
-  'vant/es/popup/style/index',
-  'vant/es/picker/style/index',
-  'vant/es/cell/style/index',
-  'vant/es/switch/style/index',
-  'vant/es/space/style/index',
-  'vant/es/button/style/index',
-  'vant/es/empty/style/index',
-  'vant/es/icon/style/index',
-  'vant/es/stepper/style/index',
-  'vant/es/image/style/index',
-  'vant/es/form/style/index',
-  'vant/es/field/style/index',
-  'vant/es/notify/style/index',
-  'vant/es/config-provider/style/index',
-  'vant/es/nav-bar/style/index',
-  'vant/es/tabbar/style/index',
-  'vant/es/tabbar-item/style/index',
-  'vant/es/list/style/index',
-  'vant/es/text-ellipsis/style/index',
-  // 确保 @matechat/core 及其依赖 xss 被正确预构建
-  '@matechat/core',
-]
-
-const exclude = [
-  '@iconify/json',
-  '@iconify/vue',
-]
-
-export { exclude, include }
+const include = [
+  'axios',
+  'echarts',
+  'lodash-es',
+  'resize-detector',
+  'vant/es',
+  'vant/es/cell-group/style/index',
+  'vant/es/popup/style/index',
+  'vant/es/picker/style/index',
+  'vant/es/cell/style/index',
+  'vant/es/switch/style/index',
+  'vant/es/space/style/index',
+  'vant/es/button/style/index',
+  'vant/es/empty/style/index',
+  'vant/es/icon/style/index',
+  'vant/es/stepper/style/index',
+  'vant/es/image/style/index',
+  'vant/es/form/style/index',
+  'vant/es/field/style/index',
+  'vant/es/notify/style/index',
+  'vant/es/config-provider/style/index',
+  'vant/es/nav-bar/style/index',
+  'vant/es/tabbar/style/index',
+  'vant/es/tabbar-item/style/index',
+  'vant/es/list/style/index',
+  'vant/es/text-ellipsis/style/index',
+  // 确保 @matechat/core 及其依赖 xss 被正确预构建
+  '@matechat/core',
+]
+
+const exclude = [
+  '@iconify/json',
+  '@iconify/vue',
+]
+
+export { exclude, include }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "af-mobile-client-vue3",
   "type": "module",
-  "version": "1.4.53",
+  "version": "1.4.55",
   "packageManager": "pnpm@10.13.1",
   "description": "Vue + Vite component lib",
   "engines": {

package/public/favicon.svg

@@ -1,4 +1,4 @@
-<svg t="1709866807903" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4913" width="32" height="32">
-  <path d="M512 598.528a111.232 111.232 0 0 0-111.232 111.2064V870.4h222.464v-160.6656c0-61.44-49.792-111.232-111.232-111.232z m0 58.0608c-30.72 0-55.6032 24.9088-55.6032 55.6288v105.0368h111.2064v-105.0368c0-30.72-24.8832-55.6288-55.6032-55.6288z" fill="#FB4D31" p-id="4914"></path>
-  <path d="M542.08 270.208l45.2608-78.5408a24.5248 24.5248 0 0 0 0-25.6A26.4448 26.4448 0 0 0 564.1472 153.6a26.3424 26.3424 0 0 0-22.5792 13.44L512 217.6256l-29.5424-50.5344c-4.5824-8.192-13.184-13.312-22.5536-13.4912a26.4448 26.4448 0 0 0-23.2448 12.4928 24.5248 24.5248 0 0 0 0 25.6l45.2352 78.5152L156.928 832.768a24.4736 24.4736 0 0 0 0.3328 25.088c4.8384 7.8336 13.3888 12.544 22.5792 12.5184h664.3456c9.3184 0 17.92-4.7616 22.6304-12.4672a24.4736 24.4736 0 0 0 0.3072-25.088l-325.0176-562.688v0.0512zM619.52 816.64h-33.3568c-12.3648 0-9.6768 0.1024-65.0496 0H512c-55.3728 0.1024-24.704 0-61.7984 0H225.28L512 322.1248 798.72 816.64h-179.2z" fill="#000000" p-id="4915"></path>
-</svg>
+<svg t="1709866807903" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4913" width="32" height="32">
+  <path d="M512 598.528a111.232 111.232 0 0 0-111.232 111.2064V870.4h222.464v-160.6656c0-61.44-49.792-111.232-111.232-111.232z m0 58.0608c-30.72 0-55.6032 24.9088-55.6032 55.6288v105.0368h111.2064v-105.0368c0-30.72-24.8832-55.6288-55.6032-55.6288z" fill="#FB4D31" p-id="4914"></path>
+  <path d="M542.08 270.208l45.2608-78.5408a24.5248 24.5248 0 0 0 0-25.6A26.4448 26.4448 0 0 0 564.1472 153.6a26.3424 26.3424 0 0 0-22.5792 13.44L512 217.6256l-29.5424-50.5344c-4.5824-8.192-13.184-13.312-22.5536-13.4912a26.4448 26.4448 0 0 0-23.2448 12.4928 24.5248 24.5248 0 0 0 0 25.6l45.2352 78.5152L156.928 832.768a24.4736 24.4736 0 0 0 0.3328 25.088c4.8384 7.8336 13.3888 12.544 22.5792 12.5184h664.3456c9.3184 0 17.92-4.7616 22.6304-12.4672a24.4736 24.4736 0 0 0 0.3072-25.088l-325.0176-562.688v0.0512zM619.52 816.64h-33.3568c-12.3648 0-9.6768 0.1024-65.0496 0H512c-55.3728 0.1024-24.704 0-61.7984 0H225.28L512 322.1248 798.72 816.64h-179.2z" fill="#000000" p-id="4915"></path>
+</svg>

package/scripts/verifyCommit.js

@@ -1,19 +1,19 @@
-import fs from 'node:fs'
-
-// import process from 'node:process'
-
-const msg = fs.readFileSync('.git/COMMIT_EDITMSG', 'utf-8').trim()
-
-const commitRE = /^(?:revert: )?(?:feat|fix|docs|dx|style|refactor|perf|test|workflow|build|ci|chore|types|wip|release)(?:\(.+\))?: .{1,50}/
-// const mergeRe = /^(Merge pull request|Merge branch)/
-
-if (!commitRE.test(msg)) {
-  // if (!mergeRe.test(msg)) {
-  // console.log('git commit unpass')
-  // console.error('git commit error, needs title(scope): desc')
-  // process.exit(1)
-  // }
-}
-else {
-  console.log('git commit pass')
-}
+import fs from 'node:fs'
+
+// import process from 'node:process'
+
+const msg = fs.readFileSync('.git/COMMIT_EDITMSG', 'utf-8').trim()
+
+const commitRE = /^(?:revert: )?(?:feat|fix|docs|dx|style|refactor|perf|test|workflow|build|ci|chore|types|wip|release)(?:\(.+\))?: .{1,50}/
+// const mergeRe = /^(Merge pull request|Merge branch)/
+
+if (!commitRE.test(msg)) {
+  // if (!mergeRe.test(msg)) {
+  // console.log('git commit unpass')
+  // console.error('git commit error, needs title(scope): desc')
+  // process.exit(1)
+  // }
+}
+else {
+  console.log('git commit pass')
+}

package/src/App.vue

@@ -7,9 +7,21 @@ import { useHead } from '@unhead/vue'
 import {
   ConfigProvider as VanConfigProvider,
 } from 'vant/es'
-import { computed } from 'vue'
+import { computed, getCurrentInstance } from 'vue'
+import { useRoute } from 'vue-router'
 import { appDescription, appName } from './constants'
 
+const instance = getCurrentInstance()
+const route = useRoute()
+
+// 是否使用 fullPath 作为 component key
+// 配置：是否使用 fullPath 作为 router-view 的 component key
+// 该配置作用为：区分keep-alive缓存组件，为true时 如果跳转相同的缓存组件但是url携带参数不同 就会进行区分。反之则会只会根据路由名称进行命中
+// 普通走基座的项目无需进行设置，只有特殊的单项目部署的服务 需要固定缓存顶层组件时进行开启，例如微信-开启方式在自己项目的main.ts中增加 app.config.globalProperties.$useFullPathKey = false
+const useFullPathKey = computed(() => {
+  return instance?.appContext.config.globalProperties.$useFullPathKey ?? true
+})
+
 useHead({
   title: appName,
   meta: [
@@ -48,7 +60,7 @@ const mode = computed(() => {
     <router-view v-slot="{ Component }">
       <section class="app-wrapper">
         <keep-alive :include="keepAliveRouteNames" :max="5">
-          <component :is="Component" :key="$route.fullPath" />
+          <component :is="Component" :key="useFullPathKey ? route.fullPath : undefined" />
         </keep-alive>
       </section>
     </router-view>

package/src/components/common/MateChat/apiService.ts

@@ -0,0 +1,285 @@
+import type {
+  ChatBizResult,
+  ChatCompletionsRequest,
+  ChatCompletionsResponse,
+  ChatStreamCallbacks,
+  GetHistoriesRequest,
+  GetHistoriesResponse,
+  GetPaginationRecordsRequest,
+  GetPaginationRecordsResponse,
+} from '@af-mobile-client-vue3/components/common/MateChat/types'
+import type { AxiosInstance } from 'axios'
+import { useUserStore } from '@af-mobile-client-vue3/stores/modules/user'
+import axios from 'axios'
+
+/**
+ * 创建独立的 axios 实例，不经过拦截器
+ */
+const chatAxiosInstance: AxiosInstance = axios.create({
+  baseURL: import.meta.env.VITE_APP_API_BASE_URL || '',
+  timeout: 20000,
+  headers: {
+    'Content-Type': 'application/json',
+  },
+})
+
+/**
+ * 生成 outLinkUid：用户类型 + 用户ID
+ * @returns outLinkUid 字符串，格式：用户类型_用户ID
+ */
+export function generateOutLinkUid(): string {
+  const userStore = useUserStore()
+  const userInfo = userStore.getUserInfo()
+  const userType = userStore.getUserType()
+
+  // 用户类型：SYSTEM 或 EXTERNAL，如果为 null 则默认为 SYSTEM
+  const type = userType || 'SYSTEM'
+  // 用户ID
+  const userId = userInfo?.id || ''
+
+  return `${type}_${userId}`
+}
+
+/**
+ * 发送聊天请求
+ * @param content 用户输入的内容
+ * @param appId FastGPT 应用 ID
+ * @param appKey FastGPT API Key
+ * @param chatId 会话 ID
+ * @returns Promise<ChatCompletionsResponse>
+ */
+export function chatCompletions(
+  content: string,
+  appId: string,
+  appKey: string,
+  chatId: string,
+): Promise<ChatCompletionsResponse> {
+  const requestData: ChatCompletionsRequest = {
+    chatId,
+    stream: false,
+    detail: false,
+    messages: [
+      {
+        role: 'user',
+        content,
+      },
+    ],
+    customUid: generateOutLinkUid(),
+  }
+
+  return chatAxiosInstance.post<ChatCompletionsResponse>(
+    '/fastApi/v1/chat/completions',
+    requestData,
+    {
+      headers: {
+        Authorization: `Bearer ${appKey}`,
+      },
+    },
+  ).then(response => response.data)
+}
+
+/**
+ * 封装后的业务聊天请求
+ * - 负责从大模型返回中解析出业务含义（普通回复 / 转人工）
+ * - UI 层只需要根据 type 决定渲染哪种气泡
+ * @param content 用户输入的内容
+ * @param appId FastGPT 应用 ID
+ * @param appKey FastGPT API Key
+ * @param chatId 会话 ID
+ */
+export async function chatBiz(
+  content: string,
+  appId: string,
+  appKey: string,
+  chatId: string,
+): Promise<ChatBizResult> {
+  const response = await chatCompletions(content, appId, appKey, chatId)
+
+  if (!response.choices || response.choices.length === 0) {
+    throw new Error('响应数据格式错误')
+  }
+
+  const text = response.choices[0].message.content
+
+  try {
+    const parsed = JSON.parse(text) as { msgType?: string }
+    if (parsed.msgType === 'transfer') {
+      return {
+        type: 'transfer',
+        content: text,
+      }
+    }
+  }
+  catch {
+    // 忽略解析错误，按普通文本处理
+  }
+
+  return {
+    type: 'normal',
+    content: text,
+  }
+}
+
+/**
+ * 使用 FastGPT /v1/chat/completions 的 stream=true 进行流式对话
+ * 参考官方文档: https://doc.fastgpt.io/docs/introduction/development/openapi/chat
+ * @param content 用户输入的内容
+ * @param appId FastGPT 应用 ID
+ * @param appKey FastGPT API Key
+ * @param chatId 会话 ID
+ * @param callbacks 流式回调函数
+ */
+export async function chatCompletionsStream(
+  content: string,
+  appId: string,
+  appKey: string,
+  chatId: string,
+  callbacks: ChatStreamCallbacks,
+): Promise<void> {
+  const { onMessage, onComplete, onError } = callbacks
+
+  const requestData: ChatCompletionsRequest = {
+    chatId,
+    stream: true,
+    detail: false,
+    messages: [
+      {
+        role: 'user',
+        content,
+      },
+    ],
+    customUid: generateOutLinkUid(),
+  }
+
+  try {
+    const baseUrl = import.meta.env.VITE_APP_API_BASE_URL || ''
+    const res = await fetch(`${baseUrl}/fastApi/v1/chat/completions`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        'Authorization': `Bearer ${appKey}`,
+      },
+      body: JSON.stringify(requestData),
+    })
+
+    if (!res.ok || !res.body) {
+      throw new Error(`请求失败: ${res.status}`)
+    }
+
+    const reader = res.body.getReader()
+    const decoder = new TextDecoder('utf-8')
+    let buffer = ''
+
+    while (true) {
+      const { done, value } = await reader.read()
+      if (done)
+        break
+
+      buffer += decoder.decode(value, { stream: true })
+      const lines = buffer.split('\n')
+      buffer = lines.pop() ?? ''
+
+      for (const rawLine of lines) {
+        const line = rawLine.trim()
+        if (!line.startsWith('data:'))
+          continue
+
+        const dataStr = line.slice(5).trim()
+        if (!dataStr || dataStr === '[DONE]') {
+          onComplete?.()
+          return
+        }
+
+        try {
+          const json = JSON.parse(dataStr) as {
+            choices?: Array<{ delta?: { content?: string } }>
+          }
+          const delta = json.choices?.[0]?.delta
+          const chunkText = delta?.content || ''
+          if (chunkText) {
+            onMessage?.(chunkText)
+          }
+        }
+        catch (e) {
+          console.error('解析数据失败', e, dataStr)
+        }
+      }
+    }
+
+    onComplete?.()
+  }
+  catch (error) {
+    console.error('FastGPT 流式请求异常', error)
+    onError?.(error)
+  }
+}
+
+/**
+ * 获取历史会话列表
+ * @param appId FastGPT 应用 ID
+ * @param appKey FastGPT API Key
+ * @param offset 偏移量
+ * @param pageSize 每页数量
+ * @returns Promise<GetHistoriesResponse>
+ */
+export function getHistories(
+  appId: string,
+  appKey: string,
+  offset: number = 0,
+  pageSize: number = 5,
+): Promise<GetHistoriesResponse> {
+  const requestData: GetHistoriesRequest = {
+    appId,
+    outLinkUid: generateOutLinkUid(),
+    offset,
+    pageSize,
+    source: 'api',
+  }
+
+  return chatAxiosInstance.post<GetHistoriesResponse>(
+    '/fastApi/core/chat/getHistories',
+    requestData,
+    {
+      headers: {
+        Authorization: `Bearer ${appKey}`,
+      },
+    },
+  ).then(response => response.data)
+}
+
+/**
+ * 获取历史会话记录
+ * @param appId FastGPT 应用 ID
+ * @param appKey FastGPT API Key
+ * @param chatId 会话 ID
+ * @param offset 偏移量
+ * @param pageSize 每页数量
+ * @param loadCustomFeedbacks 是否加载自定义反馈
+ * @returns Promise<GetPaginationRecordsResponse>
+ */
+export function getPaginationRecords(
+  appId: string,
+  appKey: string,
+  chatId: string,
+  offset: number = 0,
+  pageSize: number = 10,
+  loadCustomFeedbacks: boolean = true,
+): Promise<GetPaginationRecordsResponse> {
+  const requestData: GetPaginationRecordsRequest = {
+    appId,
+    chatId,
+    offset,
+    pageSize,
+    loadCustomFeedbacks,
+  }
+
+  return chatAxiosInstance.post<GetPaginationRecordsResponse>(
+    '/fastApi/core/chat/getPaginationRecords',
+    requestData,
+    {
+      headers: {
+        Authorization: `Bearer ${appKey}`,
+      },
+    },
+  ).then(response => response.data)
+}

package/src/components/common/MateChat/assets/035-avatar-13.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1764664883478" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="17459" xmlns:xlink="http://www.w3.org/1999/xlink" width="192" height="192"><path d="M896 803.94V992H128v-188.06a128 128 0 0 1 96.96-124.18L384 640a57.878 57.878 0 0 0 32-51.78V480h192v108.22A57.878 57.878 0 0 0 640 640l159.04 39.76A128 128 0 0 1 896 803.94z" fill="#FDC8A2" p-id="17460"></path><path d="M608 480v101.34l-12.8 17.06c-1.02 1.36-2.08 2.66-3.2 3.92A63.984 63.984 0 0 1 544 624h-64a63.984 63.984 0 0 1-48-21.68c-1.12-1.26-2.18-2.56-3.2-3.92l-12.8-17.06V480z" fill="#FDBF92" p-id="17461"></path><path d="M873.72 731.78a128.2 128.2 0 0 0-74.68-52.02L640 640c-23.12 57.76-75.56 86.66-128 86.66s-104.88-28.9-128-86.66l-159.04 39.76A128 128 0 0 0 128 803.94V992h768v-188.06a127.624 127.624 0 0 0-22.28-72.16z" fill="#E9D6BB" p-id="17462"></path><path d="M672 240v186.66a64.034 64.034 0 0 1-12.8 38.4l-64 85.34c-1.02 1.36-2.08 2.66-3.2 3.92A63.984 63.984 0 0 1 544 576h-64a63.984 63.984 0 0 1-48-21.68c-1.12-1.26-2.18-2.56-3.2-3.92l-64-85.34a64.034 64.034 0 0 1-12.8-38.4V240c0-88.36 71.64-144 160-144 44.18 0 84.18 13.92 113.14 38.86S672 195.82 672 240z" fill="#FDC8A2" p-id="17463"></path><path d="M428 336a28 28 0 1 1 28-28 28.03 28.03 0 0 1-28 28zM596 336a28 28 0 1 1 28-28 28.03 28.03 0 0 1-28 28z" fill="#91563A" p-id="17464"></path><path d="M344 368h8v-112h-8a56 56 0 0 0-56 56 56 56 0 0 0 56 56zM680 256h-8v112h8a56 56 0 0 0 56-56 56 56 0 0 0-56-56z" fill="#FDB683" p-id="17465"></path><path d="M608 128l64 128V144a64 64 0 0 0-64-64zM352 256V128h64z" fill="#2B4266" p-id="17466"></path><path d="M608 80v48H352a79.75 79.75 0 0 1 23.44-56.56 81.26 81.26 0 0 1 12.08-9.94 79.324 79.324 0 0 1 29.62-12.12A80.848 80.848 0 0 1 432 48h124.22A57.878 57.878 0 0 1 608 80z" fill="#34507B" p-id="17467"></path><path d="M880 864h32v128h-32zM802.92 664.238l-157.2-39.3A41.854 41.854 0 0 1 624 588.22v-49.554l48-64.012a80.568 80.568 0 0 0 16-48v-43.11a71.988 71.988 0 0 0 0-143.088V144a80.102 80.102 0 0 0-70.528-79.42A73.4 73.4 0 0 0 556.222 32H432c-27.334 0-51.164 14.36-51.164 14.36l6.34 12.662L408.368 112H370a63.432 63.432 0 0 1 10.8-22.4l-25.6-19.22A95.2 95.2 0 0 0 336 128v112.456a71.988 71.988 0 0 0 0 143.088v43.116a80.578 80.578 0 0 0 16 48l48 64v49.56a41.634 41.634 0 0 1-21.718 36.718l-157.2 39.298A143.8 143.8 0 0 0 112 803.94V992h32v-188.06A111.8 111.8 0 0 1 161.366 744l51.32 51.318 22.628-22.628-53.064-53.07a111.828 111.828 0 0 1 46.6-24.338l146.1-36.526c26.208 52.094 77.538 83.904 137.05 83.904s110.842-31.8 137.058-83.904l146.102 36.528a111.8 111.8 0 0 1 46.6 24.336l-53.064 53.066 22.628 22.628L862.634 744A111.8 111.8 0 0 1 880 803.94V830h32v-26.06a143.786 143.786 0 0 0-109.08-139.702zM720 312a40.076 40.076 0 0 1-32 39.2v-78.4a40.076 40.076 0 0 1 32 39.2z m-64-168v44.222l-32-64v-25.48A48.084 48.084 0 0 1 656 144z m-64-59.904V112h-21.168l-19.2-48S577.5 63 592 84.096zM506.832 112l-19.2-48h29.536l19.2 48z m-53.664-48l19.2 48h-29.536l-18.988-47.47c2.688-0.33 29.324-0.53 29.324-0.53z m-63.056 80L368 188.222V144zM304 312a40.076 40.076 0 0 1 32-39.2v78.4a40.076 40.076 0 0 1-32-39.2z m64 114.66v-166.882L425.888 144h172.224L656 259.778v166.882a48.342 48.342 0 0 1-9.6 28.8s-65.536 87.308-66.4 88.286A47.964 47.964 0 0 1 544 560h-64a48 48 0 0 1-36.04-16.306c-0.822-0.926-66.354-88.228-66.354-88.228A48.35 48.35 0 0 1 368 426.66z m144 284c-36.948 0-83.13-17.29-107.694-64.73A73.42 73.42 0 0 0 432 588.22v-12.242A79.974 79.974 0 0 0 480 592h64a80.018 80.018 0 0 0 48-16.014v12.234a73.79 73.79 0 0 0 27.712 57.676C595.152 693.36 548.956 710.66 512 710.66z" p-id="17468"></path><path d="M512 784c-69.65 0-97.6-39.308-98.76-40.982l-26.552 17.858C388.188 763.126 424.444 816 512 816s123.812-52.874 125.312-55.124l-26.624-17.752C610.414 743.534 582.622 784 512 784zM240 899.43c-19.884-20.152-29.754-54.956-32.2-69.98l-31.6 5.078c0.546 3.426 13.22 79.016 63.8 104.214V992h32v-176h-32zM784 899.43V816h-32v176h32v-53.258c50.578-25.2 63.252-100.788 63.8-104.214l-31.6-5.078c-2.446 15.024-12.316 49.828-32.2 69.98zM456 308a28 28 0 1 0-28 28 28.03 28.03 0 0 0 28-28zM596 336a28 28 0 1 0-28-28 28.03 28.03 0 0 0 28 28zM496 320h32v64h-32zM565.738 446.936l-11.476-29.872c-0.364 0.142-36.8 13.942-72.568 10.14l-3.388 31.82a152.936 152.936 0 0 0 16.2 0.834 220.662 220.662 0 0 0 71.232-12.922z" p-id="17469"></path></svg>