@ai-group/chat-sdk 2.1.13 → 3.0.1-alpha.2

package/dist/cjs/components/XAdkChatbot/XAdkChatbot.stories.d.ts

@@ -1,6 +1,13 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-import XAdkChatbot from '.';
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import XAdkChatbot from "./index";
 declare const meta: Meta<typeof XAdkChatbot>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const 基础用法: Story;
+export declare const 开场白和建议: Story;
+export declare const 流式输出: Story;
+export declare const 自定义Footer: Story;
+export declare const 函数调用: Story;
+export declare const 思维链: Story;
+export declare const 代码高亮: Story;
+export declare const 多轮对话: Story;

package/dist/cjs/components/XAdkChatbot/XAdkChatbot.stories.js

@@ -30,31 +30,585 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var XAdkChatbot_stories_exports = {};
 __export(XAdkChatbot_stories_exports, {
   default: () => XAdkChatbot_stories_default,
-  基础用法: () => 基础用法
+  代码高亮: () => 代码高亮,
+  函数调用: () => 函数调用,
+  基础用法: () => 基础用法,
+  多轮对话: () => 多轮对话,
+  开场白和建议: () => 开场白和建议,
+  思维链: () => 思维链,
+  流式输出: () => 流式输出,
+  自定义Footer: () => 自定义Footer
 });
 module.exports = __toCommonJS(XAdkChatbot_stories_exports);
-var import__ = __toESM(require("."));
+var import_react = require("react");
+var import_antd = require("antd");
+var import_index = __toESM(require("./index"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var meta = {
-  title: "AI组件/XAdkChatbot 聊天框",
-  component: import__.default,
+  title: "AI组件/XAdkChatbot 聊天消息组件",
+  component: import_index.default,
   parameters: {
-    layout: "centered"
+    layout: "padded",
+    docs: {
+      description: {
+        component: `
+
+独立的聊天消息显示组件,用于渲染消息列表和建议问题。
+
+## 核心功能
+
+- 📝 **消息渲染**: 支持文本、Markdown、代码块、函数调用等
+- 💭 **思维链**: 支持显示 AI 推理过程
+- 🎯 **建议问题**: 显示和点击建议问题
+- 📌 **开场白**: 支持显示欢迎消息
+- 🔄 **加载状态**: 实时显示 AI 生成状态
+- 🎨 **自定义渲染**: 支持自定义消息底部内容
+
+## Props
+
+| 属性 | 类型 | 默认值 | 说明 |
+|------|------|--------|------|
+| messages | IMessage[] | [] | 消息列表 |
+| loading | boolean | false | 是否正在加载 |
+| prologue | string | - | 开场白 |
+| suggestions | string[] | [] | 建议问题 |
+| showFnCallDetail | boolean | false | 显示函数调用详情 |
+| footer | (msg) => ReactNode | - | 自定义消息底部 |
+| onSubmit | (content) => void | - | 发送消息回调 |
+| onStop | () => void | - | 停止生成回调 |
+| onClear | () => void | - | 清空消息回调 |
+| onSuggest | (text) => void | - | 点击建议回调 |
+| onConfirm | (fnCall, confirmed) => void | - | 确认函数调用 |
+        `
+      }
+    }
   },
   tags: ["autodocs"],
   argTypes: {
-    messages: {
-      description: "消息列表"
+    loading: {
+      description: "是否正在加载(AI 生成中)",
+      control: "boolean"
+    },
+    showFnCallDetail: {
+      description: "是否显示函数调用详情",
+      control: "boolean"
     }
   }
 };
 var XAdkChatbot_stories_default = meta;
+var mockMessages = [
+  {
+    id: "1",
+    role: "user",
+    text: "你好"
+  },
+  {
+    id: "2",
+    role: "bot",
+    text: "你好!我是 AI 助手,很高兴为你服务。有什么我可以帮助你的吗?",
+    invocationId: "inv-1"
+  },
+  {
+    id: "3",
+    role: "user",
+    text: "介绍一下 React Hooks"
+  },
+  {
+    id: "4",
+    role: "bot",
+    text: `React Hooks 是 React 16.8 引入的新特性,它让你在不编写 class 的情况下使用 state 和其他 React 特性。
+
+## 常用的 Hooks
+
+### 1. useState
+用于在函数组件中添加状态:
+
+\`\`\`jsx
+const [count, setCount] = useState(0);
+\`\`\`
+
+### 2. useEffect
+用于处理副作用:
+
+\`\`\`jsx
+useEffect(() => {
+  document.title = \`Count: \${count}\`;
+}, [count]);
+\`\`\`
+
+### 3. useContext
+用于访问 Context:
+
+\`\`\`jsx
+const theme = useContext(ThemeContext);
+\`\`\`
+
+## 优势
+
+- ✅ 代码更简洁
+- ✅ 逻辑复用更容易
+- ✅ 避免 this 相关问题
+- ✅ 更好的代码组织`,
+    invocationId: "inv-2"
+  }
+];
 var 基础用法 = {
-  args: {
-    messages: []
+  render: () => {
+    const [messages, setMessages] = (0, import_react.useState)(mockMessages);
+    const [loading, setLoading] = (0, import_react.useState)(false);
+    const handleSubmit = ({ text }) => {
+      if (!(text == null ? void 0 : text.trim()))
+        return;
+      const userMsg = {
+        id: Date.now().toString(),
+        role: "user",
+        text
+      };
+      setMessages((prev) => [...prev, userMsg]);
+      setLoading(true);
+      setTimeout(() => {
+        const botMsg = {
+          id: (Date.now() + 1).toString(),
+          role: "bot",
+          text: `这是对 "${text}" 的模拟回复。`,
+          invocationId: `inv-${Date.now()}`
+        };
+        setMessages((prev) => [...prev, botMsg]);
+        setLoading(false);
+      }, 1e3);
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        style: {
+          width: 700,
+          height: "600px",
+          border: "1px solid #f0f0f0",
+          borderRadius: "8px",
+          overflow: "hidden"
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_index.default,
+          {
+            messages,
+            loading,
+            initialized: true,
+            onSubmit: handleSubmit,
+            onStop: () => setLoading(false),
+            onClear: () => setMessages([])
+          }
+        )
+      }
+    );
+  }
+};
+var 开场白和建议 = {
+  render: () => {
+    const [messages, setMessages] = (0, import_react.useState)([]);
+    const [suggestions, setSuggestions] = (0, import_react.useState)([
+      "什么是 React Hooks?",
+      "如何使用 useState?",
+      "useEffect 的作用是什么?"
+    ]);
+    const prologue = "你好!我是 AI 助手,专注于 React 开发相关的问题。";
+    const handleSuggest = (text) => {
+      const userMsg = {
+        id: Date.now().toString(),
+        role: "user",
+        text
+      };
+      setMessages([userMsg]);
+      setSuggestions([]);
+      setTimeout(() => {
+        const botMsg = {
+          id: (Date.now() + 1).toString(),
+          role: "bot",
+          text: `这是对 "${text}" 的回答...`,
+          invocationId: `inv-${Date.now()}`
+        };
+        setMessages((prev) => [...prev, botMsg]);
+      }, 1e3);
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        style: {
+          width: 700,
+          height: "600px",
+          border: "1px solid #f0f0f0",
+          borderRadius: "8px",
+          overflow: "hidden"
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_index.default,
+          {
+            messages,
+            loading: false,
+            initialized: true,
+            prologue,
+            suggestions,
+            onSuggest: handleSuggest
+          }
+        )
+      }
+    );
+  }
+};
+var 流式输出 = {
+  render: () => {
+    const [messages, setMessages] = (0, import_react.useState)([
+      {
+        id: "1",
+        role: "user",
+        text: "给我讲一个故事"
+      }
+    ]);
+    const [loading, setLoading] = (0, import_react.useState)(false);
+    const handleStart = () => {
+      setLoading(true);
+      const fullText = "从前有座山,山里有座庙,庙里有个老和尚在给小和尚讲故事。讲什么呢?从前有座山,山里有座庙...";
+      let currentText = "";
+      let index = 0;
+      const botMsg = {
+        id: "2",
+        role: "bot",
+        text: "",
+        invocationId: "inv-1"
+      };
+      setMessages((prev) => [...prev, botMsg]);
+      const interval = setInterval(() => {
+        if (index < fullText.length) {
+          currentText += fullText[index];
+          setMessages((prev) => {
+            const newMessages = [...prev];
+            newMessages[newMessages.length - 1] = {
+              ...botMsg,
+              text: currentText
+            };
+            return newMessages;
+          });
+          index++;
+        } else {
+          clearInterval(interval);
+          setLoading(false);
+        }
+      }, 50);
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { width: 700 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { marginBottom: "16px" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Button, { type: "primary", onClick: handleStart, disabled: loading, children: "开始流式输出演示" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          style: {
+            height: "550px",
+            border: "1px solid #f0f0f0",
+            borderRadius: "8px",
+            overflow: "hidden"
+          },
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_index.default,
+            {
+              messages,
+              loading,
+              initialized: true,
+              onStop: () => setLoading(false)
+            }
+          )
+        }
+      )
+    ] });
+  }
+};
+var 自定义Footer = {
+  render: () => {
+    const [messages] = (0, import_react.useState)(mockMessages);
+    const [likedMessages, setLikedMessages] = (0, import_react.useState)(/* @__PURE__ */ new Set());
+    const handleLike = (messageId) => {
+      setLikedMessages((prev) => {
+        const newSet = new Set(prev);
+        if (newSet.has(messageId)) {
+          newSet.delete(messageId);
+        } else {
+          newSet.add(messageId);
+        }
+        return newSet;
+      });
+    };
+    const customFooter = (data) => {
+      const { message, isLastBotMsg } = data;
+      if (!isLastBotMsg)
+        return null;
+      const isLiked = likedMessages.has(message.id);
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { padding: "8px 0" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Space, { size: "small", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_antd.Button,
+          {
+            size: "small",
+            type: isLiked ? "primary" : "text",
+            onClick: () => handleLike(message.id),
+            children: isLiked ? "👍 已赞" : "👍 赞"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Button, { size: "small", type: "text", children: "👎 踩" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Button, { size: "small", type: "text", children: "📋 复制" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Button, { size: "small", type: "text", children: "🔄 重新生成" })
+      ] }) });
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        style: {
+          width: 700,
+          height: "600px",
+          border: "1px solid #f0f0f0",
+          borderRadius: "8px",
+          overflow: "hidden"
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_index.default,
+          {
+            messages,
+            loading: false,
+            initialized: true,
+            actions: customFooter
+          }
+        )
+      }
+    );
+  }
+};
+var 函数调用 = {
+  render: () => {
+    const messagesWithFunctionCall = [
+      {
+        id: "1",
+        role: "user",
+        text: "今天北京的天气怎么样?"
+      },
+      {
+        id: "2",
+        role: "bot",
+        functionCall: {
+          id: "call-1",
+          name: "get_weather",
+          args: {
+            city: "北京",
+            date: "2024-03-05"
+          }
+        },
+        invocationId: "inv-1"
+      },
+      {
+        id: "3",
+        role: "bot",
+        text: "根据天气查询,今天北京的天气是晴天,温度 15-25°C,空气质量良好,适合户外活动。",
+        invocationId: "inv-1"
+      }
+    ];
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        style: {
+          width: 700,
+          height: "600px",
+          border: "1px solid #f0f0f0",
+          borderRadius: "8px",
+          overflow: "hidden"
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_index.default,
+          {
+            messages: messagesWithFunctionCall,
+            loading: false,
+            initialized: true,
+            showFnCallDetail: true
+          }
+        )
+      }
+    );
+  }
+};
+var 思维链 = {
+  render: () => {
+    const messagesWithThought = [
+      {
+        id: "1",
+        role: "user",
+        text: "帮我分析一下这个问题"
+      },
+      {
+        id: "2",
+        role: "bot",
+        text: "让我分析一下这个问题...",
+        thought: true,
+        invocationId: "inv-1"
+      },
+      {
+        id: "3",
+        role: "bot",
+        text: "首先,我需要理解问题的核心...",
+        thought: true,
+        invocationId: "inv-1"
+      },
+      {
+        id: "4",
+        role: "bot",
+        text: "根据分析,我的结论是...(这是最终回答)",
+        thought: false,
+        invocationId: "inv-1"
+      }
+    ];
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        style: {
+          width: 700,
+          height: "600px",
+          border: "1px solid #f0f0f0",
+          borderRadius: "8px",
+          overflow: "hidden"
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_index.default,
+          {
+            messages: messagesWithThought,
+            loading: false,
+            initialized: true
+          }
+        )
+      }
+    );
+  }
+};
+var 代码高亮 = {
+  render: () => {
+    const messagesWithCode = [
+      {
+        id: "1",
+        role: "user",
+        text: "写一个 React 组件"
+      },
+      {
+        id: "2",
+        role: "bot",
+        text: `这是一个简单的 React 计数器组件:
+
+\`\`\`jsx
+import React, { useState } from 'react';
+
+function Counter() {
+  const [count, setCount] = useState(0);
+
+  return (
+    <div>
+      <h1>Count: {count}</h1>
+      <button onClick={() => setCount(count + 1)}>
+        +1
+      </button>
+      <button onClick={() => setCount(count - 1)}>
+        -1
+      </button>
+    </div>
+  );
+}
+
+export default Counter;
+\`\`\`
+
+这个组件使用了 \`useState\` Hook 来管理计数器状态。`,
+        invocationId: "inv-1"
+      }
+    ];
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        style: {
+          width: 700,
+          height: "600px",
+          border: "1px solid #f0f0f0",
+          borderRadius: "8px",
+          overflow: "hidden"
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_index.default,
+          {
+            messages: messagesWithCode,
+            loading: false,
+            initialized: true
+          }
+        )
+      }
+    );
+  }
+};
+var 多轮对话 = {
+  render: () => {
+    const multiRoundMessages = [
+      {
+        id: "1",
+        role: "user",
+        text: "React 是什么?"
+      },
+      {
+        id: "2",
+        role: "bot",
+        text: "React 是一个用于构建用户界面的 JavaScript 库。",
+        invocationId: "inv-1"
+      },
+      {
+        id: "3",
+        role: "user",
+        text: "它有什么特点?"
+      },
+      {
+        id: "4",
+        role: "bot",
+        text: "React 的主要特点包括:\n1. 组件化\n2. 虚拟 DOM\n3. 单向数据流\n4. JSX 语法",
+        invocationId: "inv-2"
+      },
+      {
+        id: "5",
+        role: "user",
+        text: "什么是虚拟 DOM?"
+      },
+      {
+        id: "6",
+        role: "bot",
+        text: "虚拟 DOM 是真实 DOM 的 JavaScript 对象表示,React 通过对比虚拟 DOM 的变化来高效更新真实 DOM。",
+        invocationId: "inv-3"
+      }
+    ];
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        style: {
+          width: 700,
+          height: "600px",
+          border: "1px solid #f0f0f0",
+          borderRadius: "8px",
+          overflow: "hidden"
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_index.default,
+          {
+            messages: multiRoundMessages,
+            loading: false,
+            initialized: true
+          }
+        )
+      }
+    );
   }
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  基础用法
+  代码高亮,
+  函数调用,
+  基础用法,
+  多轮对话,
+  开场白和建议,
+  思维链,
+  流式输出,
+  自定义Footer
 });
 //# sourceMappingURL=XAdkChatbot.stories.js.map

package/dist/cjs/components/XAdkChatbot/XAdkChatbot.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/XAdkChatbot/XAdkChatbot.stories.tsx"],
-  "sourcesContent": ["import React, { useEffect, useState } from 'react';\nimport type { Meta, StoryObj } from '@storybook/react-vite';\nimport { Divider } from 'antd';\nimport { MessageRole, MessageStatus } from '@/types/XAiMessage';\nimport type { Messages } from '@/types/XAiMessage';\nimport documentIcon from '@/assets/document.svg';\nimport XAiProvider from '../XAiProvider';\nimport XAdkChatbot from '.';\nimport { useProviderContext, useProviderMethods } from '@/hooks/useProviderContext';\n\nconst meta: Meta<typeof XAdkChatbot> = {\n  title: 'AI组件/XAdkChatbot 聊天框',\n  component: XAdkChatbot,\n  parameters: {\n    layout: 'centered',\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    messages: {\n      description: '消息列表',\n    },\n  },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const 基础用法: Story = {\n  args: {\n    messages: [],\n  },\n};"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,eAAwB;AAGxB,IAAM,OAAiC;AAAA,EACrC,OAAO;AAAA,EACP,WAAW,SAAAA;AAAA,EACX,YAAY;AAAA,IACV,QAAQ;AAAA,EACV;AAAA,EACA,MAAM,CAAC,UAAU;AAAA,EACjB,UAAU;AAAA,IACR,UAAU;AAAA,MACR,aAAa;AAAA,IACf;AAAA,EACF;AACF;AAEA,IAAO,8BAAQ;AAGR,IAAM,OAAc;AAAA,EACzB,MAAM;AAAA,IACJ,UAAU,CAAC;AAAA,EACb;AACF;",
+  "sourcesContent": ["import React, { useState } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { Button, Space } from \"antd\";\nimport XAdkChatbot from \"./index\";\nimport type { IMessage } from \"@/types\";\n\nconst meta: Meta<typeof XAdkChatbot> = {\n  title: \"AI组件/XAdkChatbot 聊天消息组件\",\n  component: XAdkChatbot,\n  parameters: {\n    layout: \"padded\",\n    docs: {\n      description: {\n        component: `\n\n独立的聊天消息显示组件,用于渲染消息列表和建议问题。\n\n## 核心功能\n\n- 📝 **消息渲染**: 支持文本、Markdown、代码块、函数调用等\n- 💭 **思维链**: 支持显示 AI 推理过程\n- 🎯 **建议问题**: 显示和点击建议问题\n- 📌 **开场白**: 支持显示欢迎消息\n- 🔄 **加载状态**: 实时显示 AI 生成状态\n- 🎨 **自定义渲染**: 支持自定义消息底部内容\n\n## Props\n\n| 属性 | 类型 | 默认值 | 说明 |\n|------|------|--------|------|\n| messages | IMessage[] | [] | 消息列表 |\n| loading | boolean | false | 是否正在加载 |\n| prologue | string | - | 开场白 |\n| suggestions | string[] | [] | 建议问题 |\n| showFnCallDetail | boolean | false | 显示函数调用详情 |\n| footer | (msg) => ReactNode | - | 自定义消息底部 |\n| onSubmit | (content) => void | - | 发送消息回调 |\n| onStop | () => void | - | 停止生成回调 |\n| onClear | () => void | - | 清空消息回调 |\n| onSuggest | (text) => void | - | 点击建议回调 |\n| onConfirm | (fnCall, confirmed) => void | - | 确认函数调用 |\n        `,\n      },\n    },\n  },\n  tags: [\"autodocs\"],\n  argTypes: {\n    loading: {\n      description: \"是否正在加载(AI 生成中)\",\n      control: \"boolean\",\n    },\n    showFnCallDetail: {\n      description: \"是否显示函数调用详情\",\n      control: \"boolean\",\n    },\n  },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n// Mock 消息数据\nconst mockMessages: IMessage[] = [\n  {\n    id: \"1\",\n    role: \"user\",\n    text: \"你好\",\n  },\n  {\n    id: \"2\",\n    role: \"bot\",\n    text: \"你好!我是 AI 助手,很高兴为你服务。有什么我可以帮助你的吗?\",\n    invocationId: \"inv-1\",\n  },\n  {\n    id: \"3\",\n    role: \"user\",\n    text: \"介绍一下 React Hooks\",\n  },\n  {\n    id: \"4\",\n    role: \"bot\",\n    text: `React Hooks 是 React 16.8 引入的新特性,它让你在不编写 class 的情况下使用 state 和其他 React 特性。\n\n## 常用的 Hooks\n\n### 1. useState\n用于在函数组件中添加状态:\n\n\\`\\`\\`jsx\nconst [count, setCount] = useState(0);\n\\`\\`\\`\n\n### 2. useEffect\n用于处理副作用:\n\n\\`\\`\\`jsx\nuseEffect(() => {\n  document.title = \\`Count: \\${count}\\`;\n}, [count]);\n\\`\\`\\`\n\n### 3. useContext\n用于访问 Context:\n\n\\`\\`\\`jsx\nconst theme = useContext(ThemeContext);\n\\`\\`\\`\n\n## 优势\n\n- ✅ 代码更简洁\n- ✅ 逻辑复用更容易\n- ✅ 避免 this 相关问题\n- ✅ 更好的代码组织`,\n    invocationId: \"inv-2\",\n  },\n];\n\n// ============================================\n// 示例 1: 基础用法\n// ============================================\nexport const 基础用法: Story = {\n  render: () => {\n    const [messages, setMessages] = useState<IMessage[]>(mockMessages);\n    const [loading, setLoading] = useState(false);\n\n    const handleSubmit = ({ text }: any) => {\n      if (!text?.trim()) return;\n\n      const userMsg: IMessage = {\n        id: Date.now().toString(),\n        role: \"user\",\n        text,\n      };\n      setMessages((prev) => [...prev, userMsg]);\n\n      setLoading(true);\n      setTimeout(() => {\n        const botMsg: IMessage = {\n          id: (Date.now() + 1).toString(),\n          role: \"bot\",\n          text: `这是对 \"${text}\" 的模拟回复。`,\n          invocationId: `inv-${Date.now()}`,\n        };\n        setMessages((prev) => [...prev, botMsg]);\n        setLoading(false);\n      }, 1000);\n    };\n\n    return (\n      <div\n        style={{\n          width: 700,\n          height: \"600px\",\n          border: \"1px solid #f0f0f0\",\n          borderRadius: \"8px\",\n          overflow: \"hidden\",\n        }}\n      >\n        <XAdkChatbot\n          messages={messages}\n          loading={loading}\n          initialized={true}\n          onSubmit={handleSubmit}\n          onStop={() => setLoading(false)}\n          onClear={() => setMessages([])}\n        />\n      </div>\n    );\n  },\n};\n\n// ============================================\n// 示例 2: 开场白和建议问题\n// ============================================\nexport const 开场白和建议: Story = {\n  render: () => {\n    const [messages, setMessages] = useState<IMessage[]>([]);\n    const [suggestions, setSuggestions] = useState([\n      \"什么是 React Hooks?\",\n      \"如何使用 useState?\",\n      \"useEffect 的作用是什么?\",\n    ]);\n\n    const prologue = \"你好!我是 AI 助手,专注于 React 开发相关的问题。\";\n\n    const handleSuggest = (text: string) => {\n      const userMsg: IMessage = {\n        id: Date.now().toString(),\n        role: \"user\",\n        text,\n      };\n      setMessages([userMsg]);\n      setSuggestions([]);\n\n      setTimeout(() => {\n        const botMsg: IMessage = {\n          id: (Date.now() + 1).toString(),\n          role: \"bot\",\n          text: `这是对 \"${text}\" 的回答...`,\n          invocationId: `inv-${Date.now()}`,\n        };\n        setMessages((prev) => [...prev, botMsg]);\n      }, 1000);\n    };\n\n    return (\n      <div\n        style={{\n          width: 700,\n          height: \"600px\",\n          border: \"1px solid #f0f0f0\",\n          borderRadius: \"8px\",\n          overflow: \"hidden\",\n        }}\n      >\n        <XAdkChatbot\n          messages={messages}\n          loading={false}\n          initialized={true}\n          prologue={prologue}\n          suggestions={suggestions}\n          onSuggest={handleSuggest}\n        />\n      </div>\n    );\n  },\n};\n\n// ============================================\n// 示例 3: 流式输出\n// ============================================\nexport const 流式输出: Story = {\n  render: () => {\n    const [messages, setMessages] = useState<IMessage[]>([\n      {\n        id: \"1\",\n        role: \"user\",\n        text: \"给我讲一个故事\",\n      },\n    ]);\n    const [loading, setLoading] = useState(false);\n\n    const handleStart = () => {\n      setLoading(true);\n\n      const fullText =\n        \"从前有座山,山里有座庙,庙里有个老和尚在给小和尚讲故事。讲什么呢?从前有座山,山里有座庙...\";\n      let currentText = \"\";\n      let index = 0;\n\n      const botMsg: IMessage = {\n        id: \"2\",\n        role: \"bot\",\n        text: \"\",\n        invocationId: \"inv-1\",\n      };\n\n      setMessages((prev) => [...prev, botMsg]);\n\n      const interval = setInterval(() => {\n        if (index < fullText.length) {\n          currentText += fullText[index];\n          setMessages((prev) => {\n            const newMessages = [...prev];\n            newMessages[newMessages.length - 1] = {\n              ...botMsg,\n              text: currentText,\n            };\n            return newMessages;\n          });\n          index++;\n        } else {\n          clearInterval(interval);\n          setLoading(false);\n        }\n      }, 50);\n    };\n\n    return (\n      <div style={{ width: 700 }}>\n        <div style={{ marginBottom: \"16px\" }}>\n          <Button type=\"primary\" onClick={handleStart} disabled={loading}>\n            开始流式输出演示\n          </Button>\n        </div>\n        <div\n          style={{\n            height: \"550px\",\n            border: \"1px solid #f0f0f0\",\n            borderRadius: \"8px\",\n            overflow: \"hidden\",\n          }}\n        >\n          <XAdkChatbot\n            messages={messages}\n            loading={loading}\n            initialized={true}\n            onStop={() => setLoading(false)}\n          />\n        </div>\n      </div>\n    );\n  },\n};\n\n// ============================================\n// 示例 4: 自定义消息 Footer\n// ============================================\nexport const 自定义Footer: Story = {\n  render: () => {\n    const [messages] = useState<IMessage[]>(mockMessages);\n    const [likedMessages, setLikedMessages] = useState<Set<string>>(new Set());\n\n    const handleLike = (messageId: string) => {\n      setLikedMessages((prev) => {\n        const newSet = new Set(prev);\n        if (newSet.has(messageId)) {\n          newSet.delete(messageId);\n        } else {\n          newSet.add(messageId);\n        }\n        return newSet;\n      });\n    };\n\n    const customFooter = (data: any) => {\n      const { message, isLastBotMsg } = data;\n\n      if (!isLastBotMsg) return null;\n\n      const isLiked = likedMessages.has(message.id);\n\n      return (\n        <div style={{ padding: \"8px 0\" }}>\n          <Space size=\"small\">\n            <Button\n              size=\"small\"\n              type={isLiked ? \"primary\" : \"text\"}\n              onClick={() => handleLike(message.id)}\n            >\n              {isLiked ? \"👍 已赞\" : \"👍 赞\"}\n            </Button>\n            <Button size=\"small\" type=\"text\">\n              👎 踩\n            </Button>\n            <Button size=\"small\" type=\"text\">\n              📋 复制\n            </Button>\n            <Button size=\"small\" type=\"text\">\n              🔄 重新生成\n            </Button>\n          </Space>\n        </div>\n      );\n    };\n\n    return (\n      <div\n        style={{\n          width: 700,\n          height: \"600px\",\n          border: \"1px solid #f0f0f0\",\n          borderRadius: \"8px\",\n          overflow: \"hidden\",\n        }}\n      >\n        <XAdkChatbot\n          messages={messages}\n          loading={false}\n          initialized={true}\n          actions={customFooter}\n        />\n      </div>\n    );\n  },\n};\n\n// ============================================\n// 示例 5: 函数调用\n// ============================================\nexport const 函数调用: Story = {\n  render: () => {\n    const messagesWithFunctionCall: IMessage[] = [\n      {\n        id: \"1\",\n        role: \"user\",\n        text: \"今天北京的天气怎么样?\",\n      },\n      {\n        id: \"2\",\n        role: \"bot\",\n        functionCall: {\n          id: \"call-1\",\n          name: \"get_weather\",\n          args: {\n            city: \"北京\",\n            date: \"2024-03-05\",\n          },\n        },\n        invocationId: \"inv-1\",\n      },\n      {\n        id: \"3\",\n        role: \"bot\",\n        text: \"根据天气查询,今天北京的天气是晴天,温度 15-25°C,空气质量良好,适合户外活动。\",\n        invocationId: \"inv-1\",\n      },\n    ];\n\n    return (\n      <div\n        style={{\n          width: 700,\n          height: \"600px\",\n          border: \"1px solid #f0f0f0\",\n          borderRadius: \"8px\",\n          overflow: \"hidden\",\n        }}\n      >\n        <XAdkChatbot\n          messages={messagesWithFunctionCall}\n          loading={false}\n          initialized={true}\n          showFnCallDetail={true}\n        />\n      </div>\n    );\n  },\n};\n\n// ============================================\n// 示例 6: 思维链\n// ============================================\nexport const 思维链: Story = {\n  render: () => {\n    const messagesWithThought: IMessage[] = [\n      {\n        id: \"1\",\n        role: \"user\",\n        text: \"帮我分析一下这个问题\",\n      },\n      {\n        id: \"2\",\n        role: \"bot\",\n        text: \"让我分析一下这个问题...\",\n        thought: true,\n        invocationId: \"inv-1\",\n      },\n      {\n        id: \"3\",\n        role: \"bot\",\n        text: \"首先,我需要理解问题的核心...\",\n        thought: true,\n        invocationId: \"inv-1\",\n      },\n      {\n        id: \"4\",\n        role: \"bot\",\n        text: \"根据分析,我的结论是...(这是最终回答)\",\n        thought: false,\n        invocationId: \"inv-1\",\n      },\n    ];\n\n    return (\n      <div\n        style={{\n          width: 700,\n          height: \"600px\",\n          border: \"1px solid #f0f0f0\",\n          borderRadius: \"8px\",\n          overflow: \"hidden\",\n        }}\n      >\n        <XAdkChatbot\n          messages={messagesWithThought}\n          loading={false}\n          initialized={true}\n        />\n      </div>\n    );\n  },\n};\n\n// ============================================\n// 示例 7: 代码高亮\n// ============================================\nexport const 代码高亮: Story = {\n  render: () => {\n    const messagesWithCode: IMessage[] = [\n      {\n        id: \"1\",\n        role: \"user\",\n        text: \"写一个 React 组件\",\n      },\n      {\n        id: \"2\",\n        role: \"bot\",\n        text: `这是一个简单的 React 计数器组件:\n\n\\`\\`\\`jsx\nimport React, { useState } from 'react';\n\nfunction Counter() {\n  const [count, setCount] = useState(0);\n\n  return (\n    <div>\n      <h1>Count: {count}</h1>\n      <button onClick={() => setCount(count + 1)}>\n        +1\n      </button>\n      <button onClick={() => setCount(count - 1)}>\n        -1\n      </button>\n    </div>\n  );\n}\n\nexport default Counter;\n\\`\\`\\`\n\n这个组件使用了 \\`useState\\` Hook 来管理计数器状态。`,\n        invocationId: \"inv-1\",\n      },\n    ];\n\n    return (\n      <div\n        style={{\n          width: 700,\n          height: \"600px\",\n          border: \"1px solid #f0f0f0\",\n          borderRadius: \"8px\",\n          overflow: \"hidden\",\n        }}\n      >\n        <XAdkChatbot\n          messages={messagesWithCode}\n          loading={false}\n          initialized={true}\n        />\n      </div>\n    );\n  },\n};\n\n// ============================================\n// 示例 8: 多轮对话\n// ============================================\nexport const 多轮对话: Story = {\n  render: () => {\n    const multiRoundMessages: IMessage[] = [\n      {\n        id: \"1\",\n        role: \"user\",\n        text: \"React 是什么?\",\n      },\n      {\n        id: \"2\",\n        role: \"bot\",\n        text: \"React 是一个用于构建用户界面的 JavaScript 库。\",\n        invocationId: \"inv-1\",\n      },\n      {\n        id: \"3\",\n        role: \"user\",\n        text: \"它有什么特点?\",\n      },\n      {\n        id: \"4\",\n        role: \"bot\",\n        text: \"React 的主要特点包括:\\n1. 组件化\\n2. 虚拟 DOM\\n3. 单向数据流\\n4. JSX 语法\",\n        invocationId: \"inv-2\",\n      },\n      {\n        id: \"5\",\n        role: \"user\",\n        text: \"什么是虚拟 DOM?\",\n      },\n      {\n        id: \"6\",\n        role: \"bot\",\n        text: \"虚拟 DOM 是真实 DOM 的 JavaScript 对象表示,React 通过对比虚拟 DOM 的变化来高效更新真实 DOM。\",\n        invocationId: \"inv-3\",\n      },\n    ];\n\n    return (\n      <div\n        style={{\n          width: 700,\n          height: \"600px\",\n          border: \"1px solid #f0f0f0\",\n          borderRadius: \"8px\",\n          overflow: \"hidden\",\n        }}\n      >\n        <XAdkChatbot\n          messages={multiRoundMessages}\n          loading={false}\n          initialized={true}\n        />\n      </div>\n    );\n  },\n};\n"],
+  "mappings": "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",
   "names": ["XAdkChatbot"]
 }

package/dist/cjs/components/XAdkChatbot/components/FileGallery/index.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import type { FileData } from "../../../../types";
+export interface FileGalleryProps {
+    files?: FileData[];
+    align?: "left" | "right";
+}
+/**
+ * 文件展示画廊组件
+ * 支持图片九宫格 + 文件列表双模式
+ */
+declare const FileGallery: React.FC<FileGalleryProps>;
+export default FileGallery;