shalu-marketplace/src/pages/ai/data.tsx

import { SmileOutlined, CoffeeOutlined, FireOutlined } from "@ant-design/icons";
import type { PromptsProps } from "@ant-design/x";

import icon1 from "@/assets/icon-ai-1.png";
import icon2 from "@/assets/icon-ai-2.png";
import icon3 from "@/assets/icon-ai-3.png";
import icon4 from "@/assets/icon-ai-4.png";
import icon5 from "@/assets/icon-ai-5.png";
import icon6 from "@/assets/icon-ai-6.png";

export type AgentItem = {
  key: string;
  name: string;
  icon: string;
  description?: string;
  promptsItems?: PromptsProps["items"]
}

export const assistantList: AgentItem[] = [
  {
    key: "normal_ask",
    name: "综合问答",
    icon: icon1,
    description: "基于LLM的智能助手，可以进行各种使用查询、知识问答等~",
    promptsItems: [
      {
        key: "1",
        icon: <CoffeeOutlined style={{ color: "#964B00" }} />,
        description: "怎么创建我的应用?",
      },
      {
        key: "2",
        icon: <SmileOutlined style={{ color: "#FAAD14" }} />,
        description: "页面设计器如何使用?",
      },
      {
        key: "3",
        icon: <FireOutlined style={{ color: "#FF4D4F" }} />,
        description: "如何生成页面SQL?",
      },
    ],
  },
  {
    key: "system_design",
    name: "系统设计",
    icon: icon2,
    description: "可以进行各种系统方面的图形创建、使用说明，如: 流程图、系统架构图等等",
    promptsItems: [
      {
        key: "1",
        icon: <SmileOutlined style={{ color: "#52C41A" }} />,
        description: "如何创建流程图?",
      },
      {
        key: "2",
        icon: <SmileOutlined style={{ color: "#52C41A" }} />,
        description: "如何设置画布样式?",
      },
    ]
  },
  {
    key: "data_model",
    name: "数据模型",
    icon: icon3,
    description: "关于数据模型的一些问题~",
    promptsItems: [
      {
        key: "1",
        icon: <SmileOutlined style={{ color: "#52C41A" }} />,
        description: "如何创建表格?",
      },
      {
        key: "2",
        icon: <SmileOutlined style={{ color: "#52C41A" }} />,
        description: "如何使用在系统中使用数据模型?",
      },
    ]
  },
  {
    key: "page_design",
    name: "页面设计",
    icon: icon4,
    description: "表单设计器方面的使用方法~",
    promptsItems: [
      {
        key: "1",
        icon: <SmileOutlined style={{ color: "#52C41A" }} />,
        description: "如何使用表单设计器?",
      },
      {
        key: "2",
        icon: <SmileOutlined style={{ color: "#52C41A" }} />,
        description: "如何在表单设计器中添加弹窗?",
      },
    ]
  },
  {
    key: "workflow_design",
    name: "流程设计",
    icon: icon5,
    description: "不同流程的创建和使用",
    promptsItems: [
      {
        key: "1",
        icon: <SmileOutlined style={{ color: "#52C41A" }} />,
        description: "如何在系统中使用流程图?",
      },
      {
        key: "2",
        icon: <SmileOutlined style={{ color: "#52C41A" }} />,
        description: "流程异常如何处理?",
      },
    ]
  },
  {
    key: "doc_generate",
    name: "文档生成",
    icon: icon6,
    description: "文档管理方面的一些问题",
    promptsItems: [
      {
        key: "1",
        icon: <SmileOutlined style={{ color: "#52C41A" }} />,
        description: "生成一份系统操作手册文档?",
      },
      {
        key: "2",
        icon: <SmileOutlined style={{ color: "#52C41A" }} />,
        description: "如何将文档保存为模板?",
      },
    ]
  },
  {
    key: "code_generate",
    name: "代码生成",
    icon: icon4,
    description: "我可以帮你生成页面代码、JS代码、后端代码等",
    promptsItems: [
      {
        key: "1",
        icon: <SmileOutlined style={{ color: "#52C41A" }} />,
        description: "写一个登陆页面",
      },
      {
        key: "2",
        icon: <SmileOutlined style={{ color: "#52C41A" }} />,
        description: "帮我写一个登陆方法?",
      },
    ]
  },
  {
    key: "sql_generate",
    name: "SQL生成",
    icon: icon3,
    description: "我可以帮你生成各种各样的查询、创建、更新方法~",
    promptsItems: [
      {
        key: "1",
        icon: <SmileOutlined style={{ color: "#52C41A" }} />,
        description: "用户统计",
      },
      {
        key: "2",
        icon: <SmileOutlined style={{ color: "#52C41A" }} />,
        description: "视图查询",
      },
    ]
  },
  {
    key: "app_generate",
    name: "指令生成",
    icon: icon1,
    description: "我可以帮你快速创建应用~",
    promptsItems: [
      {
        key: "1",
        icon: <SmileOutlined style={{ color: "#52C41A" }} />,
        description: "创建一个用户管理系统",
      },
      {
        key: "2",
        icon: <SmileOutlined style={{ color: "#52C41A" }} />,
        description: "创建一个订单管理系统",
      },
    ]
  },
];