feat: 新增Dify聊天功能集成(待测试)

Author: weilei

examples/package.json

@@ -11,6 +11,7 @@
     "clean": "rimraf dist"
   },
   "dependencies": {
+    "axios": "^1.9.0",
     "element-ui": "2.15.14",
     "katex": "^0.16.22",
     "markdown-it-emoji": "^3.0.0",

examples/src/App.vue

@@ -1,6 +1,9 @@
 <template>
   <div id="app">
-    <el-container class="app-container">
+    <el-container
+      v-if="$route.path != '/difychat'"
+      class="app-container"
+    >
       <!-- 侧边栏 -->
       <el-aside class="app-aside">
         <div class="aside-content">
@@ -158,6 +161,9 @@
         </el-main>
       </el-container>
     </el-container>
+    <div v-else>
+      <router-view></router-view>
+    </div>
   </div>
 </template>
 
@@ -178,6 +184,9 @@
         });
       },
     },
+    mounted() {
+      console.log(this.$route.path);
+    },
     methods: {
       getCurrentPageTitle() {
         const routeMap = {
@@ -213,7 +222,7 @@
   $aside-width: 260px;
   $header-height: 60px;
   $aside-bg: #ffffff;
-  $main-bg: #f8fafc;
+  $main-bg: #ffffff;
   $border-color: #e5e7eb;
   $shadow-light: 0 1px 3px rgba(0, 0, 0, 0.1);
   $shadow-medium: 0 4px 6px rgba(0, 0, 0, 0.07);

examples/src/api/dify.js

@@ -0,0 +1,142 @@
+// Dify API服务
+import request from '@/utils/request';
+
+/**
+ * 会话管理API
+ */
+export const conversationApi = {
+  // 获取会话列表
+  getConversations(params = {}) {
+    return request.get('/conversations', {
+      params: {
+        user: 'default-user',
+        limit: 20,
+        sort_by: 'created_at',
+        ...params,
+      },
+    });
+  },
+
+  // 删除会话
+  deleteConversation(conversationId, user = 'default-user') {
+    return request.delete(`/conversations/${conversationId}`, {
+      data: {
+        user,
+      },
+    });
+  },
+
+  // 会话重命名
+  renameConversation(conversationId, name, user = 'default-user') {
+    return request.post(`/conversations/${conversationId}/name`, {
+      name,
+      user,
+    });
+  },
+
+  // 自动生成会话标题
+  autoGenerateTitle(conversationId, user = 'default-user') {
+    return request.post(`/conversations/${conversationId}/name`, {
+      auto_generate: true,
+      user,
+    });
+  },
+};
+
+/**
+ * 消息管理API
+ */
+export const messageApi = {
+  // 获取会话历史消息
+  getMessages(params = {}) {
+    return request.get('/messages', {
+      params: {
+        user: 'default-user',
+        limit: 20,
+        ...params,
+      },
+    });
+  },
+
+  // 发送消息
+  sendMessage(data) {
+    return request.post('/chat-messages', {
+      user: 'default-user',
+      response_mode: 'streaming',
+      inputs: {},
+      auto_generate_name: true,
+      ...data,
+    });
+  },
+
+  // 停止响应
+  stopMessage(taskId, user = 'default-user') {
+    return request.post(`/chat-messages/${taskId}/stop`, {
+      user,
+    });
+  },
+
+  // 消息反馈
+  feedbackMessage(messageId, rating, content = '', user = 'default-user') {
+    return request.post(`/messages/${messageId}/feedbacks`, {
+      rating, // 'like' | 'dislike' | null
+      content,
+      user,
+    });
+  },
+
+  // 获取建议问题
+  getSuggestedQuestions(messageId, user = 'default-user') {
+    return request.get(`/messages/${messageId}/suggested`, {
+      params: {
+        user,
+      },
+    });
+  },
+};
+
+/**
+ * 应用信息API
+ */
+export const appApi = {
+  // 获取应用基本信息
+  getAppInfo() {
+    return request.get('/info');
+  },
+
+  // 获取应用参数
+  getAppParameters() {
+    return request.get('/parameters');
+  },
+
+  // 获取应用Meta信息
+  getAppMeta() {
+    return request.get('/meta');
+  },
+};
+
+/**
+ * 文件上传API
+ */
+export const fileApi = {
+  // 上传文件
+  uploadFile(file, user = 'default-user') {
+    const formData = new FormData();
+    formData.append('file', file);
+    formData.append('user', user);
+
+    return request.post('/files/upload', formData, {
+      headers: {
+        'Content-Type': 'multipart/form-data',
+      },
+    });
+  },
+};
+
+// 默认导出所有API
+export default {
+  conversation: conversationApi,
+  message: messageApi,
+  app: appApi,
+  file: fileApi,
+};

examples/src/api/index.js

@@ -0,0 +1,3 @@
+// API服务入口文件
+export * from './dify';
+export { default as difyApi } from './dify';

examples/src/assets/images/dify-logo.svg

@@ -4,6 +4,7 @@ import Attachments from '../views/Attachments.vue';
 import Bubble from '../views/Bubble.vue';
 import BubbleList from '../views/BubbleList.vue';
 import Conversations from '../views/Conversations.vue';
+import DifyChat from '../views/DifyChat/index.vue';
 import FilesCard from '../views/FilesCard.vue';
 import Overview from '../views/Overview.vue';
 import Prompts from '../views/Prompts.vue';
@@ -94,6 +95,14 @@ export default new Router({
       name: 'StreamMixins',
       component: StreamMixins,
     },
+    {
+      path: '/difychat',
+      name: 'DifyChat',
+      component: DifyChat,
+      meta: {
+        hideInMenu: true,
+      },
+    },
     {
       path: '*',
       redirect: '/',