gw-aui

gw-aui-package

AI助手组件库 - 基于Vue 3的AI驱动前端组件

安装

npm install gw-aui-package

> 其他必要依赖
npm i axios echarts element-plus lodash uuid ol

使用

基本用法示例

<template>
  <div>
    <AIHelperPage :config="aiConfig" />
  </div>
</template>

<script setup>
import { AIHelperPage } from 'gw-aui-package'
import 'gw-aui-package/style' 

// 配置Dify API
const aiConfig = {
  baseURL: '/dify-api/v1', // Dify API基础URL
  apiKey: 'your-api-key', // API密钥
  appType: 'chatflow', // 应用类型
  user: 'demo-user', // 用户ID
  title: 'AI助手 小G', //自定义标题
  defaultExpandThinking: false, // 是否默认展开思考过程，默认 false
  defaultExpandWorkflow: false, // 是否默认展开工作流程，默认 false
}
</script>

重要配置说明

必须配置以下参数以避免连接错误：

1. baseURL: Dify API的基础URL，例如：/dify-api/v1

2. apiKey: Dify应用API密钥

3. appType: 应用类型

   🚀 支持的应用类型

• Chatflow: 对话流应用，支持多轮对话
• Workflow: 工作流应用，支持复杂的业务流程
• Completion: 文本补全应用
• Agent: 智能代理应用，支持工具调用

4. user: 用户标识符
5. title: 自定义标题
6. defaultExpandThinking: 是否默认展开思考过程，默认 false
7. defaultExpandWorkflow: 是否默认展开工作流程，默认 false

调用接口需要配置 vite.config.js -> defineConfig

🌊 响应模式

• Blocking: 阻塞模式，等待完整响应
• Streaming: 流式模式，实时接收响应片段

功能特性

• 🤖 AI驱动的智能对话
• 📊 动态图表渲染
• 🗺️ GIS地图集成
• 📄 文档审查
• 🔍 知识检索
• 📱 响应式设计
• 🎨 现代化UI界面

许可证

MIT