npm - @ai-group/chat-sdk - Versions diffs - 2.1.14 → 3.0.1-alpha.3 - Mend

@ai-group/chat-sdk 2.1.14 → 3.0.1-alpha.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (257) hide show

package/dist/cjs/components/XAiChatbot/XAiChatbot.stories.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/XAiChatbot/XAiChatbot.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 XAiChatbot from '.';\nimport { useProviderContext, useProviderMethods } from '@/hooks/useProviderContext';\n\nconst meta: Meta<typeof XAiChatbot> = {\n  title: 'AI组件/XAiChatbot 聊天框',\n  component: XAiChatbot,\n  parameters: {\n    layout: 'centered',\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    navbar: {\n      description: '导航栏配置',\n    },\n    messages: {\n      description: '消息列表',\n    },\n  },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n// mock 消息数据，严格符合 Messages 类型\nconst mockMessages: Messages[] = [\n  {\n    id: '1',\n    type: 'TextMessage',\n    createdAt: new Date(),\n    status: MessageStatus.done,\n    role: MessageRole.assistant,\n    content: {\n      text: '你好，有什么我能帮助你的吗？',\n    },\n  },\n  {\n    id: '2',\n    type: 'TextMessage',\n    createdAt: new Date(),\n    status: MessageStatus.done,\n    role: MessageRole.user,\n    content: {\n      text: '检索从北京到上海的车票数据给我',\n      files: [{\n        \"fileName\": \"4250105220774925bfaeb3ca2a3350fe.jpg\",\n        \"fileId\": 334,\n        \"fileUrl\": \"https://ai-platform-test.oss-cn-hangzhou.aliyuncs.com/ZABX/vbvljaaxlhlcy.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Date=20260112T132456Z&X-Amz-SignedHeaders=host&X-Amz-Credential=LTAI5tSfMvkvWhU43Ev1cFJo%2F20260112%2Foss-cn-hangzhou%2Fs3%2Faws4_request&X-Amz-Expires=518400&X-Amz-Signature=3a8546bfdf0332a5188e9e7c47c9b8d0bb46424177c5f9be703ade8482a6e4e2\",\n        \"fileType\": \"image\",\n        \"fileSize\": 28118,\n      }, {\n        \"fileName\": \"4250105220774925bfaeb3ca2a3350fe.pdf\",\n        \"fileId\": 334,\n        \"fileUrl\": \"https://ai-platform-test.oss-cn-hangzhou.aliyuncs.com/ZABX/vbvljaaxlhlcy.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Date=20260112T132456Z&X-Amz-SignedHeaders=host&X-Amz-Credential=LTAI5tSfMvkvWhU43Ev1cFJo%2F20260112%2Foss-cn-hangzhou%2Fs3%2Faws4_request&X-Amz-Expires=518400&X-Amz-Signature=3a8546bfdf0332a5188e9e7c47c9b8d0bb46424177c5f9be703ade8482a6e4e2\",\n        \"fileType\": \"pdf\",\n        \"fileSize\": 28118,\n      }]\n    },\n    parentMessageId: '1',\n  },\n  {\n    id: '22',\n    type: 'TextMessage',\n    createdAt: new Date(),\n    status: MessageStatus.done,\n    role: MessageRole.assistant,\n    content: {\n      text: '',\n    },\n    thinks: '',\n    // execute: [\n    //   // 工具库调用（MCP_TOOL）\n    //   {\n    //     type: 'ActionExecutionMessage',\n    //     createdAt: new Date(),\n    //     id: 'tool-1',\n    //     name: '已调用MCP智能工具',\n    //     arguments: { param1: 'foo' },\n    //     extra: {\n    //       action: 'INVOKE_AGENT_TOOL_START',\n    //       icon: documentIcon,\n    //       type: 'MCP_TOOL',\n    //       cost: '3.9',\n    //     },\n    //   },\n    //   // // 工具库调用（PLUGIN_TOOL）\n    //   {\n    //     type: 'ActionExecutionMessage',\n    //     createdAt: new Date(),\n    //     id: 'tool-2',\n    //     name: '已调用插件工具',\n    //     arguments: { param1: 'foo' },\n    //     extra: {\n    //       action: 'INVOKE_AGENT_TOOL_START',\n    //       icon: documentIcon,\n    //       type: 'MCP_TOOL',\n    //       cost: '3.9',\n    //     },\n    //   },\n    //   // // 工具库调用（SKILL）\n    //   // {\n    //   //   action: 'INVOKE_AGENT_TOOL_START',\n    //   //   id: 'tool-3',\n    //   //   toolType: 'SKILL',\n    //   //   agentToolName: '技能工具',\n    //   //   args: { param3: 'baz' },\n\n    //   // },\n    //   // // 知识库调用（FAQ）\n    //   // {\n    //   //   action: 'RECALL_KNOWLEDGE_START',\n    //   //   uniqueId: 'kb-1',\n    //   //   processStatus: 'START',\n    //   //   args: { question: '什么是FAQ？' },\n    //   //   knowledgeType: 'FAQ',\n    //   // },\n    //   {\n    //     type: 'ActionExecutionMessage',\n    //     createdAt: new Date(),\n    //     id: 'tool-3',\n    //     name: '已调用文档知识库',\n    //     arguments: { param1: 'foo' },\n    //     extra: {\n    //       action: 'RECALL_KNOWLEDGE_START',\n    //       icon: documentIcon,\n    //       type: 'MCP_TOOL',\n    //       cost: '3.9',\n    //     },\n    //   },\n    //   // // 知识库调用（DOCUMENT）\n    //   // {\n    //   //   action: 'RECALL_KNOWLEDGE_START',\n    //   //   uniqueId: 'kb-2',\n    //   //   processStatus: 'START',\n    //   //   args: { question: '文档库介绍' },\n    //   //   knowledgeType: 'DOCUMENT',\n    //   // },\n    //   // 运行完毕\n    // ],\n    extra: {\n      noFooter: true,\n    },\n  },\n  {\n    id: '4',\n    type: 'TextMessage',\n    createdAt: new Date(),\n    status: MessageStatus.done,\n    role: MessageRole.user,\n    content: {\n      text: '能否生成一段明年的产品计划开发计划文档给我',\n    },\n  },\n  {\n    id: '0',\n    type: 'TextMessage',\n    createdAt: new Date(),\n    status: MessageStatus.done,\n    role: MessageRole.assistant,\n    content: {\n      text: `\n# 项目开发计划\n\n本文档概述了 2025 年第三季度的产品开发计划，包括目标、里程碑、团队分工和风险预案。\n\n---\n\n## 🎯 核心目标\n\n- 提升用户留存率至 **45%**\n- 完成 Web 端新版上线\n- 建立 AI 推荐模块 MVP\n- 优化数据库访问性能\n\n---\n\n## 📅 关键时间节点\n\n| 里程碑           | 截止日期     | 负责人   | 代理人         | 截止日期     | 负责人   |\n|------------------|--------------|----------|------------------|--------------|----------|\n| 产品需求冻结     | 2025-08-01   | Alice    | 产品需求冻结     | 2025-08-01   | Alice    |\n| UI 设计定稿       | 2025-08-10   | Bob      | 产品需求冻结     | 2025-08-01   | Alice    |\n| 开发完成（内测） | 2025-09-15   | Charlie  | 产品需求冻结     | 2025-08-01   | Alice    |\n| 正式上线         | 2025-09-30   | Diana    | 产品需求冻结     | 2025-08-01   | Alice    |\n\n---\n\n## 🛠️ 技术方案简述\n\n我们将使用以下技术栈：\n\n- 前端：React + Vite + Zustand\n- 后端：Node.js + PostgreSQL\n- 数据分析：Python + Pandas\n- 部署环境：Kubernetes on AWS\n\n---\n\n## 💡 示例代码片段\n\n以下是一个用于生成唯一 ID 的函数示例：\n\n~~~ts\nimport { nanoid } from 'nanoid'\n\nexport function generateSessionId() {\n  return \\`sess-\\${nanoid()}\\`\n}\n~~~\n`,\n    },\n    extra: {\n      noFooter: true,\n    },\n  },\n  {\n    id: '11',\n    type: 'SuggestionMessage',\n    createdAt: new Date(),\n    status: MessageStatus.done,\n    role: MessageRole.suggestion,\n    content: [\n      {\n        key: '1',\n        description: '我要查看 AI 文档',\n      },\n      {\n        key: '2',\n        description: '我如何看待 AI',\n      },\n      {\n        key: '3',\n        description: '你是谁？',\n      },\n    ],\n  },\n];\n\n// 基础用法\nconst BasicUsageStory = (args: any) => {\n  const [messages, setMessages] = useState<Messages[]>(mockMessages);\n  const [loading, setLoading] = useState<boolean>(false);\n\n  // 模拟随机字符串流式返回\n  const handleSendMessage = () => {\n    setLoading(true);\n\n    // 模拟流式输出（向 mockMessages 第二条消息 content.text 追加）\n    const stream = ['我', '正在', '为', '你', '生成', '内容', '我', '正在', '为', '你', '生成', '内容', '我', '正在', '为', '你', '生成', '内容', '我', '正在', '为', '你', '生成', '内容', '我', '正在', '为', '你', '生成', '内容', '我', '正在', '为', '你', '生成', '内容', '我', '正在', '为', '你', '生成', '内容', '我', '正在', '为', '你', '生成', '内容', '我', '正在', '为', '你', '生成', '内容', '我', '正在', '为', '你', '生成', '内容', '我', '正在', '为', '你', '生成', '内容', '好', '多', '好', '多', '好', '多', '好', '多', '好', '多', '好', '多', '好', '多', '好', '多', '好', '多', '好', '多', '好', '多', '……'];\n\n    stream.forEach((chunk, idx) => {\n      setTimeout(() => {\n        setMessages((prev) => {\n          const updated = [...prev];\n          const targetIndex = 2; // mockMessages 的第二条（索引 1）\n          const targetMsg = updated[targetIndex];\n\n          // 确保该消息存在且是 TextMessage\n          if (targetMsg && targetMsg.type === 'TextMessage') {\n            // content 可能是多种类型，这里做类型守卫\n            if ('text' in targetMsg.content) {\n              updated[targetIndex] = {\n                ...targetMsg,\n                content: {\n                  ...targetMsg.content,\n                  // 模拟随机字符串流式拼接\n                  // text: targetMsg.content.text + chunk + Math.random().toString(36).slice(2, 5),\n                },\n                thinks: targetMsg.thinks + chunk + Math.random().toString(36).slice(2, 5),\n                status: MessageStatus.pending,\n              };\n            }\n          }\n\n          // 最后一个流块时，标记完成\n          if (idx === stream.length - 1) {\n            updated[targetIndex].execute?.push(\n              {\n                id: '5',\n                type: 'ActionExecutionMessage',\n                extra: {\n                  icon: documentIcon,\n                },\n                name: '运行完毕',\n                createdAt: new Date(),\n              });\n            setLoading(false);\n            updated[targetIndex] = {\n              ...updated[targetIndex],\n              status: MessageStatus.done,\n            };\n          }\n\n          return updated;\n        });\n      }, 200 * (idx + 1)); // 每个片段延迟 600ms 模拟流\n    });\n  };\n\n  useEffect(() => {\n    if (messages) {\n      handleSendMessage();\n    }\n  }, []);\n\n  // 清空消息\n  const handleClear = () => {\n    setMessages([]);\n  };\n\n  // 模拟按钮回调\n  const handleActions = (index: number, data: any) => {\n    console.log(index, data);\n  };\n\n  // 模拟快捷短语点击\n  const handleSuggestMessageClick = (_item: any, id: string) => {\n    setMessages((prev) => prev.filter((m) => m.id !== id));\n  };\n\n  // tooltip\n  const ToolTip = (data: any) => {\n    const { cost, token } = data?.extra || {};\n    if (!cost && !token) return null;\n    return (\n      <div\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          fontSize: '12px',\n          color: '#949494',\n          flex: 1,\n          paddingRight: '40px',\n        }}\n      >\n        {cost && <div>{cost}s</div>}\n        {token && <Divider type=\"vertical\" />}\n        {token && <div>{token} tokens</div>}\n      </div>\n    );\n  };\n\n  return (\n    <div\n      style={{\n        height: '600px',\n        width: '400px',\n        border: '1px solid #e7e7e7',\n        borderRadius: '8px',\n      }}\n    >\n      <XAiChatbot\n        {...args}\n        messages={messages}\n        loading={loading}\n        messageTooltip={ToolTip}\n        onClear={handleClear}\n        onSuggestMessageClick={handleSuggestMessageClick}\n        onSend={handleSendMessage}\n        onMessagesActionsCallback={handleActions}\n        enableUpload\n        uploadRequest={({ file, onProgress, onSuccess }) => {\n          onProgress?.({\n            percent: 50,\n          });\n          setTimeout(() => {\n            onSuccess?.({\n              \"fileName\": \"4250105220774925bfaeb3ca2a3350fe.jpg\",\n              \"fileId\": 334,\n              \"fileUrl\": \"https://ai-platform-test.oss-cn-hangzhou.aliyuncs.com/ZABX/vbvljaaxlhlcy.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Date=20260112T132456Z&X-Amz-SignedHeaders=host&X-Amz-Credential=LTAI5tSfMvkvWhU43Ev1cFJo%2F20260112%2Foss-cn-hangzhou%2Fs3%2Faws4_request&X-Amz-Expires=518400&X-Amz-Signature=3a8546bfdf0332a5188e9e7c47c9b8d0bb46424177c5f9be703ade8482a6e4e2\",\n              \"fileType\": \"image\",\n              \"fileSize\": 28118,\n              \"mimeType\": \"image/jpeg\",\n              \"tempUrl\": \"https://ai-platform-test.oss-cn-hangzhou.aliyuncs.com/ZABX/vbvljaaxlhlcy.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Date=20260112T132456Z&X-Amz-SignedHeaders=host&X-Amz-Credential=LTAI5tSfMvkvWhU43Ev1cFJo%2F20260112%2Foss-cn-hangzhou%2Fs3%2Faws4_request&X-Amz-Expires=518400&X-Amz-Signature=3a8546bfdf0332a5188e9e7c47c9b8d0bb46424177c5f9be703ade8482a6e4e2\",\n              \"type\": \"image\"\n          });\n          }, 1000);\n        }}\n      />\n    </div>\n  );\n};\n\nexport const 基础用法: Story = {\n  render: BasicUsageStory,\n  args: {\n    navbar: {\n      title: '智能助手',\n    },\n    // messages: mockMessages,\n    emptyStateText: '众安智能体',\n  },\n};\n\n// 在 Provider 中使用\nexport const 在Provider中使用: Story = {\n  decorators: [\n    (Story) => (\n      <XAiProvider token=\"test-token\" url=\"https://api.example.com\">\n        <Story />\n      </XAiProvider>\n    ),\n  ],\n  args: {\n    navbar: {\n      title: '智能助手',\n    },\n  },\n};\n\n// 多个 Provider 实例\nexport const 多个Provider实例: Story = {\n  decorators: [\n    (Story) => (\n      <div style={{ display: 'flex', gap: '50px', height: '600px' }}>\n        <XAiProvider providerId=\"chat1\" token=\"token1\" url=\"https://api1.example.com\">\n          <div style={{ width: '300px', marginRight: '40px' }}>\n            <Story />\n          </div>\n        </XAiProvider>\n        <XAiProvider providerId=\"chat2\" token=\"token2\" url=\"https://api2.example.com\">\n          <div style={{ width: '300px' }}>\n            <Story />\n          </div>\n        </XAiProvider>\n      </div>\n    ),\n  ],\n  args: {\n    navbar: {\n      title: '智能助手',\n    },\n  },\n};\n\n// 展示新架构的示例组件\nconst ArchitectureDemoComponent: React.FC<{ title: string }> = ({ title }) => {\n  const { mergedProps, isInProvider, getProviderValue } = useProviderContext({\n    props: { title },\n    mergeLogic: (props, context) => {\n      if (!context?.isInProvider) {\n        return props;\n      }\n\n      return {\n        ...props,\n        messages: context.messages,\n        loading: context.loading,\n        customData: context.messages?.length || 0,\n      };\n    },\n  });\n\n  const providerMethods = useProviderMethods();\n\n  return (\n    <div style={{\n      padding: '15px',\n      border: '1px solid #e7e7e7',\n      borderRadius: '8px',\n      marginBottom: '10px',\n      backgroundColor: '#fafafa',\n    }}\n    >\n      <h4 style={{ margin: '0 0 10px 0' }}>{mergedProps.title}</h4>\n      <div style={{ fontSize: '12px', color: '#666' }}>\n        <p>Provider 状态: {isInProvider ? '✅ 已连接' : '❌ 未连接'}</p>\n        <p>消息数量: {getProviderValue('messages')?.length || 0}</p>\n        <p>加载状态: {getProviderValue('loading') ? '🔄 加载中' : '✅ 就绪'}</p>\n        <button\n          onClick={() => providerMethods.sendMessage?.({ text: '来自架构演示组件的消息' })}\n          disabled={!isInProvider}\n          style={{\n            fontSize: '12px',\n            padding: '4px 8px',\n            backgroundColor: isInProvider ? '#1890ff' : '#d9d9d9',\n            color: 'white',\n            border: 'none',\n            borderRadius: '4px',\n            cursor: isInProvider ? 'pointer' : 'not-allowed',\n          }}\n        >\n          {isInProvider ? '发送消息' : '需要 Provider'}\n        </button>\n      </div>\n    </div>\n  );\n};\n\n// 展示新架构的示例\nexport const 新架构演示: Story = {\n  render: (args) => (\n    <div style={{ width: '500px', height: '700px' }}>\n      <XAiProvider token=\"demo-token\" url=\"https://api.example.com\" providerId=\"architecture-demo\">\n        <div style={{ padding: '20px' }}>\n          <h3 style={{ marginBottom: '20px' }}>新架构演示</h3>\n          <p style={{ marginBottom: '20px', color: '#666' }}>\n            展示如何使用 useProviderContext 和 useProviderMethods Hook\n          </p>\n\n          {/* 演示组件 */}\n          <div style={{ marginBottom: '20px' }}>\n            <ArchitectureDemoComponent title=\"演示组件 A\" />\n            <ArchitectureDemoComponent title=\"演示组件 B\" />\n            <ArchitectureDemoComponent title=\"演示组件 C\" />\n          </div>\n\n          {/* 聊天机器人 */}\n          <XAiChatbot\n            {...args}\n            navbarShow\n            navbar={{\n              title: '架构演示聊天机器人',\n              subtitle: '展示新 Hook 的使用',\n            }}\n            enableUpload\n            uploadRequest={({ file, onProgress, onSuccess }) => {\n              console.info(file);\n              onProgress?.({\n                percent: 50,\n              });\n              setTimeout(() => {\n                onSuccess?.({});\n              }, 1000);\n            }}\n          />\n        </div>\n      </XAiProvider>\n    </div>\n  ),\n  args: {\n    navbar: {\n      title: '智能助手',\n    },\n  },\n};\n\n// 对比示例：独立使用 vs Provider 模式\nexport const 架构对比演示: Story = {\n  render: (args) => (\n    <div style={{ display: 'flex', gap: '20px', padding: '20px' }}>\n      {/* 独立使用 */}\n      <div style={{ width: '300px' }}>\n        <h4>独立使用模式</h4>\n        <div style={{ border: '1px solid #e7e7e7', borderRadius: '8px', padding: '15px' }}>\n          <ArchitectureDemoComponent title=\"独立组件\" />\n          <XAiChatbot\n            {...args}\n            navbarShow\n            navbar={{\n              title: '独立聊天机器人',\n              subtitle: '不依赖 Provider',\n            }}\n            onSend={(content) => {\n              console.log('独立模式发送:', content);\n            }}\n            onClear={() => {\n              console.log('独立模式清空');\n            }}\n            enableUpload\n            uploadRequest={({ file, onProgress, onSuccess }) => {\n              console.info(file);\n              onProgress?.({\n                percent: 50,\n              });\n              setTimeout(() => {\n                onSuccess?.({});\n              }, 1000);\n            }}\n          />\n        </div>\n      </div>\n\n      {/* Provider 模式 */}\n      <div style={{ width: '300px' }}>\n        <h4>Provider 模式</h4>\n        <XAiProvider token=\"demo-token\" url=\"https://api.example.com\" providerId=\"comparison-demo\">\n          <div style={{ border: '1px solid #e7e7e7', borderRadius: '8px', padding: '15px' }}>\n            <ArchitectureDemoComponent title=\"Provider 组件\" />\n            <XAiChatbot\n              {...args}\n              navbarShow\n              navbar={{\n                title: 'Provider 聊天机器人',\n                subtitle: '由 Provider 管理',\n              }}\n              enableUpload\n              uploadRequest={({ file, onProgress, onSuccess }) => {\n                console.info(file);\n                onProgress?.({\n                  percent: 50,\n                });\n                setTimeout(() => {\n                  onSuccess?.({});\n                }, 1000);\n              }}\n            />\n          </div>\n        </XAiProvider>\n      </div>\n    </div>\n  ),\n  args: {\n    navbar: {\n      title: '智能助手',\n    },\n  },\n};\n"],
-  "mappings": "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",
+  "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 XAiChatbot from \".\";\nimport {\n  useProviderContext,\n  useProviderMethods,\n} from \"@/hooks/useProviderContext\";\n\nconst meta: Meta<typeof XAiChatbot> = {\n  title: \"AI组件/XAiChatbot 聊天框【下线】\",\n  component: XAiChatbot,\n  parameters: {\n    layout: \"centered\",\n  },\n  tags: [\"autodocs\"],\n  argTypes: {\n    navbar: {\n      description: \"导航栏配置\",\n    },\n    messages: {\n      description: \"消息列表\",\n    },\n  },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n// mock 消息数据，严格符合 Messages 类型\nconst mockMessages: Messages[] = [\n  {\n    id: \"1\",\n    type: \"TextMessage\",\n    createdAt: new Date(),\n    status: MessageStatus.done,\n    role: MessageRole.assistant,\n    content: {\n      text: \"你好，有什么我能帮助你的吗？\",\n    },\n  },\n  {\n    id: \"2\",\n    type: \"TextMessage\",\n    createdAt: new Date(),\n    status: MessageStatus.done,\n    role: MessageRole.user,\n    content: {\n      text: \"检索从北京到上海的车票数据给我\",\n      files: [\n        {\n          fileName: \"4250105220774925bfaeb3ca2a3350fe.jpg\",\n          fileId: 334,\n          fileUrl:\n            \"https://ai-platform-test.oss-cn-hangzhou.aliyuncs.com/ZABX/vbvljaaxlhlcy.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Date=20260112T132456Z&X-Amz-SignedHeaders=host&X-Amz-Credential=LTAI5tSfMvkvWhU43Ev1cFJo%2F20260112%2Foss-cn-hangzhou%2Fs3%2Faws4_request&X-Amz-Expires=518400&X-Amz-Signature=3a8546bfdf0332a5188e9e7c47c9b8d0bb46424177c5f9be703ade8482a6e4e2\",\n          fileType: \"image\",\n          fileSize: 28118,\n        },\n        {\n          fileName: \"4250105220774925bfaeb3ca2a3350fe.pdf\",\n          fileId: 334,\n          fileUrl:\n            \"https://ai-platform-test.oss-cn-hangzhou.aliyuncs.com/ZABX/vbvljaaxlhlcy.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Date=20260112T132456Z&X-Amz-SignedHeaders=host&X-Amz-Credential=LTAI5tSfMvkvWhU43Ev1cFJo%2F20260112%2Foss-cn-hangzhou%2Fs3%2Faws4_request&X-Amz-Expires=518400&X-Amz-Signature=3a8546bfdf0332a5188e9e7c47c9b8d0bb46424177c5f9be703ade8482a6e4e2\",\n          fileType: \"pdf\",\n          fileSize: 28118,\n        },\n      ],\n    },\n    parentMessageId: \"1\",\n  },\n  {\n    id: \"22\",\n    type: \"TextMessage\",\n    createdAt: new Date(),\n    status: MessageStatus.done,\n    role: MessageRole.assistant,\n    content: {\n      text: \"\",\n    },\n    thinks: \"\",\n    // execute: [\n    //   // 工具库调用（MCP_TOOL）\n    //   {\n    //     type: 'ActionExecutionMessage',\n    //     createdAt: new Date(),\n    //     id: 'tool-1',\n    //     name: '已调用MCP智能工具',\n    //     arguments: { param1: 'foo' },\n    //     extra: {\n    //       action: 'INVOKE_AGENT_TOOL_START',\n    //       icon: documentIcon,\n    //       type: 'MCP_TOOL',\n    //       cost: '3.9',\n    //     },\n    //   },\n    //   // // 工具库调用（PLUGIN_TOOL）\n    //   {\n    //     type: 'ActionExecutionMessage',\n    //     createdAt: new Date(),\n    //     id: 'tool-2',\n    //     name: '已调用插件工具',\n    //     arguments: { param1: 'foo' },\n    //     extra: {\n    //       action: 'INVOKE_AGENT_TOOL_START',\n    //       icon: documentIcon,\n    //       type: 'MCP_TOOL',\n    //       cost: '3.9',\n    //     },\n    //   },\n    //   // // 工具库调用（SKILL）\n    //   // {\n    //   //   action: 'INVOKE_AGENT_TOOL_START',\n    //   //   id: 'tool-3',\n    //   //   toolType: 'SKILL',\n    //   //   agentToolName: '技能工具',\n    //   //   args: { param3: 'baz' },\n\n    //   // },\n    //   // // 知识库调用（FAQ）\n    //   // {\n    //   //   action: 'RECALL_KNOWLEDGE_START',\n    //   //   uniqueId: 'kb-1',\n    //   //   processStatus: 'START',\n    //   //   args: { question: '什么是FAQ？' },\n    //   //   knowledgeType: 'FAQ',\n    //   // },\n    //   {\n    //     type: 'ActionExecutionMessage',\n    //     createdAt: new Date(),\n    //     id: 'tool-3',\n    //     name: '已调用文档知识库',\n    //     arguments: { param1: 'foo' },\n    //     extra: {\n    //       action: 'RECALL_KNOWLEDGE_START',\n    //       icon: documentIcon,\n    //       type: 'MCP_TOOL',\n    //       cost: '3.9',\n    //     },\n    //   },\n    //   // // 知识库调用（DOCUMENT）\n    //   // {\n    //   //   action: 'RECALL_KNOWLEDGE_START',\n    //   //   uniqueId: 'kb-2',\n    //   //   processStatus: 'START',\n    //   //   args: { question: '文档库介绍' },\n    //   //   knowledgeType: 'DOCUMENT',\n    //   // },\n    //   // 运行完毕\n    // ],\n    extra: {\n      noFooter: true,\n    },\n  },\n  {\n    id: \"4\",\n    type: \"TextMessage\",\n    createdAt: new Date(),\n    status: MessageStatus.done,\n    role: MessageRole.user,\n    content: {\n      text: \"能否生成一段明年的产品计划开发计划文档给我\",\n    },\n  },\n  {\n    id: \"0\",\n    type: \"TextMessage\",\n    createdAt: new Date(),\n    status: MessageStatus.done,\n    role: MessageRole.assistant,\n    content: {\n      text: `\n# 项目开发计划\n\n本文档概述了 2025 年第三季度的产品开发计划，包括目标、里程碑、团队分工和风险预案。\n\n---\n\n## 🎯 核心目标\n\n- 提升用户留存率至 **45%**\n- 完成 Web 端新版上线\n- 建立 AI 推荐模块 MVP\n- 优化数据库访问性能\n\n---\n\n## 📅 关键时间节点\n\n| 里程碑           | 截止日期     | 负责人   | 代理人         | 截止日期     | 负责人   |\n|------------------|--------------|----------|------------------|--------------|----------|\n| 产品需求冻结     | 2025-08-01   | Alice    | 产品需求冻结     | 2025-08-01   | Alice    |\n| UI 设计定稿       | 2025-08-10   | Bob      | 产品需求冻结     | 2025-08-01   | Alice    |\n| 开发完成（内测） | 2025-09-15   | Charlie  | 产品需求冻结     | 2025-08-01   | Alice    |\n| 正式上线         | 2025-09-30   | Diana    | 产品需求冻结     | 2025-08-01   | Alice    |\n\n---\n\n## 🛠️ 技术方案简述\n\n我们将使用以下技术栈：\n\n- 前端：React + Vite + Zustand\n- 后端：Node.js + PostgreSQL\n- 数据分析：Python + Pandas\n- 部署环境：Kubernetes on AWS\n\n---\n\n## 💡 示例代码片段\n\n以下是一个用于生成唯一 ID 的函数示例：\n\n~~~ts\nimport { nanoid } from 'nanoid'\n\nexport function generateSessionId() {\n  return \\`sess-\\${nanoid()}\\`\n}\n~~~\n`,\n    },\n    extra: {\n      noFooter: true,\n    },\n  },\n  {\n    id: \"11\",\n    type: \"SuggestionMessage\",\n    createdAt: new Date(),\n    status: MessageStatus.done,\n    role: MessageRole.suggestion,\n    content: [\n      {\n        key: \"1\",\n        description: \"我要查看 AI 文档\",\n      },\n      {\n        key: \"2\",\n        description: \"我如何看待 AI\",\n      },\n      {\n        key: \"3\",\n        description: \"你是谁？\",\n      },\n    ],\n  },\n];\n\n// 基础用法\nconst BasicUsageStory = (args: any) => {\n  const [messages, setMessages] = useState<Messages[]>(mockMessages);\n  const [loading, setLoading] = useState<boolean>(false);\n\n  // 模拟随机字符串流式返回\n  const handleSendMessage = () => {\n    setLoading(true);\n\n    // 模拟流式输出（向 mockMessages 第二条消息 content.text 追加）\n    const stream = [\n      \"我\",\n      \"正在\",\n      \"为\",\n      \"你\",\n      \"生成\",\n      \"内容\",\n      \"我\",\n      \"正在\",\n      \"为\",\n      \"你\",\n      \"生成\",\n      \"内容\",\n      \"我\",\n      \"正在\",\n      \"为\",\n      \"你\",\n      \"生成\",\n      \"内容\",\n      \"我\",\n      \"正在\",\n      \"为\",\n      \"你\",\n      \"生成\",\n      \"内容\",\n      \"我\",\n      \"正在\",\n      \"为\",\n      \"你\",\n      \"生成\",\n      \"内容\",\n      \"我\",\n      \"正在\",\n      \"为\",\n      \"你\",\n      \"生成\",\n      \"内容\",\n      \"我\",\n      \"正在\",\n      \"为\",\n      \"你\",\n      \"生成\",\n      \"内容\",\n      \"我\",\n      \"正在\",\n      \"为\",\n      \"你\",\n      \"生成\",\n      \"内容\",\n      \"我\",\n      \"正在\",\n      \"为\",\n      \"你\",\n      \"生成\",\n      \"内容\",\n      \"我\",\n      \"正在\",\n      \"为\",\n      \"你\",\n      \"生成\",\n      \"内容\",\n      \"我\",\n      \"正在\",\n      \"为\",\n      \"你\",\n      \"生成\",\n      \"内容\",\n      \"好\",\n      \"多\",\n      \"好\",\n      \"多\",\n      \"好\",\n      \"多\",\n      \"好\",\n      \"多\",\n      \"好\",\n      \"多\",\n      \"好\",\n      \"多\",\n      \"好\",\n      \"多\",\n      \"好\",\n      \"多\",\n      \"好\",\n      \"多\",\n      \"好\",\n      \"多\",\n      \"好\",\n      \"多\",\n      \"……\",\n    ];\n\n    stream.forEach((chunk, idx) => {\n      setTimeout(\n        () => {\n          setMessages((prev) => {\n            const updated = [...prev];\n            const targetIndex = 2; // mockMessages 的第二条（索引 1）\n            const targetMsg = updated[targetIndex];\n\n            // 确保该消息存在且是 TextMessage\n            if (targetMsg && targetMsg.type === \"TextMessage\") {\n              // content 可能是多种类型，这里做类型守卫\n              if (\"text\" in targetMsg.content) {\n                updated[targetIndex] = {\n                  ...targetMsg,\n                  content: {\n                    ...targetMsg.content,\n                    // 模拟随机字符串流式拼接\n                    // text: targetMsg.content.text + chunk + Math.random().toString(36).slice(2, 5),\n                  },\n                  thinks:\n                    targetMsg.thinks +\n                    chunk +\n                    Math.random().toString(36).slice(2, 5),\n                  status: MessageStatus.pending,\n                };\n              }\n            }\n\n            // 最后一个流块时，标记完成\n            if (idx === stream.length - 1) {\n              updated[targetIndex].execute?.push({\n                id: \"5\",\n                type: \"ActionExecutionMessage\",\n                extra: {\n                  icon: documentIcon,\n                },\n                name: \"运行完毕\",\n                createdAt: new Date(),\n              });\n              setLoading(false);\n              updated[targetIndex] = {\n                ...updated[targetIndex],\n                status: MessageStatus.done,\n              };\n            }\n\n            return updated;\n          });\n        },\n        200 * (idx + 1),\n      ); // 每个片段延迟 600ms 模拟流\n    });\n  };\n\n  useEffect(() => {\n    if (messages) {\n      handleSendMessage();\n    }\n  }, []);\n\n  // 清空消息\n  const handleClear = () => {\n    setMessages([]);\n  };\n\n  // 模拟按钮回调\n  const handleActions = (index: number, data: any) => {\n    console.log(index, data);\n  };\n\n  // 模拟快捷短语点击\n  const handleSuggestMessageClick = (_item: any, id: string) => {\n    setMessages((prev) => prev.filter((m) => m.id !== id));\n  };\n\n  // tooltip\n  const ToolTip = (data: any) => {\n    const { cost, token } = data?.extra || {};\n    if (!cost && !token) return null;\n    return (\n      <div\n        style={{\n          display: \"flex\",\n          alignItems: \"center\",\n          fontSize: \"12px\",\n          color: \"#949494\",\n          flex: 1,\n          paddingRight: \"40px\",\n        }}\n      >\n        {cost && <div>{cost}s</div>}\n        {token && <Divider type=\"vertical\" />}\n        {token && <div>{token} tokens</div>}\n      </div>\n    );\n  };\n\n  return (\n    <div\n      style={{\n        height: \"600px\",\n        width: \"400px\",\n        border: \"1px solid #e7e7e7\",\n        borderRadius: \"8px\",\n      }}\n    >\n      <XAiChatbot\n        {...args}\n        messages={messages}\n        loading={loading}\n        messageTooltip={ToolTip}\n        onClear={handleClear}\n        onSuggestMessageClick={handleSuggestMessageClick}\n        onSend={handleSendMessage}\n        onMessagesActionsCallback={handleActions}\n        enableUpload\n        uploadRequest={({ file, onProgress, onSuccess }) => {\n          onProgress?.({\n            percent: 50,\n          });\n          setTimeout(() => {\n            onSuccess?.({\n              fileName: \"4250105220774925bfaeb3ca2a3350fe.jpg\",\n              fileId: 334,\n              fileUrl:\n                \"https://ai-platform-test.oss-cn-hangzhou.aliyuncs.com/ZABX/vbvljaaxlhlcy.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Date=20260112T132456Z&X-Amz-SignedHeaders=host&X-Amz-Credential=LTAI5tSfMvkvWhU43Ev1cFJo%2F20260112%2Foss-cn-hangzhou%2Fs3%2Faws4_request&X-Amz-Expires=518400&X-Amz-Signature=3a8546bfdf0332a5188e9e7c47c9b8d0bb46424177c5f9be703ade8482a6e4e2\",\n              fileType: \"image\",\n              fileSize: 28118,\n              mimeType: \"image/jpeg\",\n              tempUrl:\n                \"https://ai-platform-test.oss-cn-hangzhou.aliyuncs.com/ZABX/vbvljaaxlhlcy.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Date=20260112T132456Z&X-Amz-SignedHeaders=host&X-Amz-Credential=LTAI5tSfMvkvWhU43Ev1cFJo%2F20260112%2Foss-cn-hangzhou%2Fs3%2Faws4_request&X-Amz-Expires=518400&X-Amz-Signature=3a8546bfdf0332a5188e9e7c47c9b8d0bb46424177c5f9be703ade8482a6e4e2\",\n              type: \"image\",\n            });\n          }, 1000);\n        }}\n      />\n    </div>\n  );\n};\n\nexport const 基础用法: Story = {\n  render: BasicUsageStory,\n  args: {\n    navbar: {\n      title: \"智能助手\",\n    },\n    // messages: mockMessages,\n    emptyStateText: \"众安智能体\",\n  },\n};\n\n// 在 Provider 中使用\nexport const 在Provider中使用: Story = {\n  decorators: [\n    (Story) => (\n      <XAiProvider token=\"test-token\" url=\"https://api.example.com\">\n        <Story />\n      </XAiProvider>\n    ),\n  ],\n  args: {\n    navbar: {\n      title: \"智能助手\",\n    },\n  },\n};\n\n// 多个 Provider 实例\nexport const 多个Provider实例: Story = {\n  decorators: [\n    (Story) => (\n      <div style={{ display: \"flex\", gap: \"50px\", height: \"600px\" }}>\n        <XAiProvider\n          providerId=\"chat1\"\n          token=\"token1\"\n          url=\"https://api1.example.com\"\n        >\n          <div style={{ width: \"300px\", marginRight: \"40px\" }}>\n            <Story />\n          </div>\n        </XAiProvider>\n        <XAiProvider\n          providerId=\"chat2\"\n          token=\"token2\"\n          url=\"https://api2.example.com\"\n        >\n          <div style={{ width: \"300px\" }}>\n            <Story />\n          </div>\n        </XAiProvider>\n      </div>\n    ),\n  ],\n  args: {\n    navbar: {\n      title: \"智能助手\",\n    },\n  },\n};\n\n// 展示新架构的示例组件\nconst ArchitectureDemoComponent: React.FC<{ title: string }> = ({ title }) => {\n  const { mergedProps, isInProvider, getProviderValue } = useProviderContext({\n    props: { title },\n    mergeLogic: (props, context) => {\n      if (!context?.isInProvider) {\n        return props;\n      }\n\n      return {\n        ...props,\n        messages: context.messages,\n        loading: context.loading,\n        customData: context.messages?.length || 0,\n      };\n    },\n  });\n\n  const providerMethods = useProviderMethods();\n\n  return (\n    <div\n      style={{\n        padding: \"15px\",\n        border: \"1px solid #e7e7e7\",\n        borderRadius: \"8px\",\n        marginBottom: \"10px\",\n        backgroundColor: \"#fafafa\",\n      }}\n    >\n      <h4 style={{ margin: \"0 0 10px 0\" }}>{mergedProps.title}</h4>\n      <div style={{ fontSize: \"12px\", color: \"#666\" }}>\n        <p>Provider 状态: {isInProvider ? \"✅ 已连接\" : \"❌ 未连接\"}</p>\n        <p>消息数量: {getProviderValue(\"messages\")?.length || 0}</p>\n        <p>加载状态: {getProviderValue(\"loading\") ? \"🔄 加载中\" : \"✅ 就绪\"}</p>\n        <button\n          onClick={() =>\n            providerMethods.sendMessage?.({ text: \"来自架构演示组件的消息\" })\n          }\n          disabled={!isInProvider}\n          style={{\n            fontSize: \"12px\",\n            padding: \"4px 8px\",\n            backgroundColor: isInProvider ? \"#1890ff\" : \"#d9d9d9\",\n            color: \"white\",\n            border: \"none\",\n            borderRadius: \"4px\",\n            cursor: isInProvider ? \"pointer\" : \"not-allowed\",\n          }}\n        >\n          {isInProvider ? \"发送消息\" : \"需要 Provider\"}\n        </button>\n      </div>\n    </div>\n  );\n};\n\n// 展示新架构的示例\nexport const 新架构演示: Story = {\n  render: (args) => (\n    <div style={{ width: \"500px\", height: \"700px\" }}>\n      <XAiProvider\n        token=\"demo-token\"\n        url=\"https://api.example.com\"\n        providerId=\"architecture-demo\"\n      >\n        <div style={{ padding: \"20px\" }}>\n          <h3 style={{ marginBottom: \"20px\" }}>新架构演示</h3>\n          <p style={{ marginBottom: \"20px\", color: \"#666\" }}>\n            展示如何使用 useProviderContext 和 useProviderMethods Hook\n          </p>\n\n          {/* 演示组件 */}\n          <div style={{ marginBottom: \"20px\" }}>\n            <ArchitectureDemoComponent title=\"演示组件 A\" />\n            <ArchitectureDemoComponent title=\"演示组件 B\" />\n            <ArchitectureDemoComponent title=\"演示组件 C\" />\n          </div>\n\n          {/* 聊天机器人 */}\n          <XAiChatbot\n            {...args}\n            navbarShow\n            navbar={{\n              title: \"架构演示聊天机器人\",\n              subtitle: \"展示新 Hook 的使用\",\n            }}\n            enableUpload\n            uploadRequest={({ file, onProgress, onSuccess }) => {\n              console.info(file);\n              onProgress?.({\n                percent: 50,\n              });\n              setTimeout(() => {\n                onSuccess?.({});\n              }, 1000);\n            }}\n          />\n        </div>\n      </XAiProvider>\n    </div>\n  ),\n  args: {\n    navbar: {\n      title: \"智能助手\",\n    },\n  },\n};\n\n// 对比示例：独立使用 vs Provider 模式\nexport const 架构对比演示: Story = {\n  render: (args) => (\n    <div style={{ display: \"flex\", gap: \"20px\", padding: \"20px\" }}>\n      {/* 独立使用 */}\n      <div style={{ width: \"300px\" }}>\n        <h4>独立使用模式</h4>\n        <div\n          style={{\n            border: \"1px solid #e7e7e7\",\n            borderRadius: \"8px\",\n            padding: \"15px\",\n          }}\n        >\n          <ArchitectureDemoComponent title=\"独立组件\" />\n          <XAiChatbot\n            {...args}\n            navbarShow\n            navbar={{\n              title: \"独立聊天机器人\",\n              subtitle: \"不依赖 Provider\",\n            }}\n            onSend={(content) => {\n              console.log(\"独立模式发送:\", content);\n            }}\n            onClear={() => {\n              console.log(\"独立模式清空\");\n            }}\n            enableUpload\n            uploadRequest={({ file, onProgress, onSuccess }) => {\n              console.info(file);\n              onProgress?.({\n                percent: 50,\n              });\n              setTimeout(() => {\n                onSuccess?.({});\n              }, 1000);\n            }}\n          />\n        </div>\n      </div>\n\n      {/* Provider 模式 */}\n      <div style={{ width: \"300px\" }}>\n        <h4>Provider 模式</h4>\n        <XAiProvider\n          token=\"demo-token\"\n          url=\"https://api.example.com\"\n          providerId=\"comparison-demo\"\n        >\n          <div\n            style={{\n              border: \"1px solid #e7e7e7\",\n              borderRadius: \"8px\",\n              padding: \"15px\",\n            }}\n          >\n            <ArchitectureDemoComponent title=\"Provider 组件\" />\n            <XAiChatbot\n              {...args}\n              navbarShow\n              navbar={{\n                title: \"Provider 聊天机器人\",\n                subtitle: \"由 Provider 管理\",\n              }}\n              enableUpload\n              uploadRequest={({ file, onProgress, onSuccess }) => {\n                console.info(file);\n                onProgress?.({\n                  percent: 50,\n                });\n                setTimeout(() => {\n                  onSuccess?.({});\n                }, 1000);\n              }}\n            />\n          </div>\n        </XAiProvider>\n      </div>\n    </div>\n  ),\n  args: {\n    navbar: {\n      title: \"智能助手\",\n    },\n  },\n};\n"],
+  "mappings": "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",
   "names": ["XAiChatbot", "documentIcon", "XAiProvider", "_a"]
 }

package/dist/cjs/components/XAiConversations/index.js CHANGED Viewed

@@ -79,7 +79,7 @@ var XAiConversations = (props) => {
   };
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.conversationsWrapper, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.GlobalStyle, {}),
-    (!listVisible || isNarrow) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.capWrapper, children: [
+    !listVisible && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.capWrapper, children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { alt: "logo", src: import_logo.default, className: (0, import_clsx.default)(styles.w(32), styles.h(29)) }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.capShape, children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.capIcon, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: import_flash_open.default, alt: "", onClick: handleShowList }) }),

package/dist/cjs/components/XAiConversations/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/XAiConversations/index.tsx"],
-  "sourcesContent": ["import React, { useState } from 'react';\nimport { Conversations } from '@ant-design/x';\nimport { RedoOutlined } from '@ant-design/icons';\nimport { Spin, Divider } from 'antd';\nimport InfiniteScroll from 'react-infinite-scroll-component';\nimport clsx from 'clsx';\nimport { useChatbotContext } from '@/hooks/useProviderContext';\nimport { type XAiConversationsProps } from '@/types/XAiConversations';\nimport logo from '@/assets/logo.png';\nimport AddChatIcon from '@/assets/svg/AddChatIcon';\nimport flashOpen from '@/assets/flash-open.svg?url';\nimport { SESSION_PAGE_SIZE } from '@/constants';\nimport { useStyles, GlobalStyle } from './styles';\n\nconst XAiConversations: React.FC<XAiConversationsProps> = (props) => {\n  const styles = useStyles();\n  const { mergedProps } = useChatbotContext(props);\n  const {\n    isNarrow = false,\n    sessionList,\n    style,\n    onActiveChange,\n    onNewChat,\n    loadMoreSessions,\n    activeKey,\n    menu,\n  } = mergedProps;\n\n  const [listVisible, setListVisible] = useState(false);\n  const [animateDirection, setAnimateDirection] = useState<'in' | 'out' | null>(null);\n\n  const handleSwitchTab = (key: string) => {\n    onActiveChange?.(key);\n  };\n\n  const handleNewChat = () => {\n    onNewChat?.();\n  };\n\n  const handleShowList = () => {\n    setListVisible(true);\n    setAnimateDirection('in');\n  };\n\n  const handleCloseList = () => {\n    setAnimateDirection('out');\n    setTimeout(() => {\n      setListVisible(false);\n      setAnimateDirection(null);\n    }, 300);\n  };\n\n  return (\n    <div className={styles.conversationsWrapper}>\n      <GlobalStyle />\n      {/** 顶部操作栏 */}\n      {\n        (!listVisible || isNarrow) && (\n          <div className={styles.capWrapper}>\n            <img alt=\"logo\" src={logo} className={clsx(styles.w(32), styles.h(29))} />\n            <div className={styles.capShape}>\n              <div className={styles.capIcon}>\n                <img src={flashOpen} alt=\"\" onClick={handleShowList} />\n              </div>\n              <div className={styles.capIcon}>\n                <AddChatIcon className={clsx(styles.w(17), styles.text('#343434'))} onClick={handleNewChat} />\n              </div>\n            </div>\n          </div>\n        )\n      }\n\n      {/* 会话列表 */}\n      <div\n        style={{ display: listVisible ? 'block' : 'none' }}\n        className={clsx(\n          isNarrow ? styles.nWrapper : styles.fWrapper,\n          animateDirection === 'in' && styles.slideIn,\n          animateDirection === 'out' && styles.slideOut,\n        )}\n      >\n        {/* 固定头部 */}\n        <div className={styles.fheaderWrapper}>\n          <img alt=\"logo\" src={logo} className={clsx(styles.w(32), styles.h(29))} />\n          <div className={styles.capIcon}>\n            <img src={flashOpen} alt=\"\" onClick={handleCloseList} />\n          </div>\n        </div>\n        <div className={styles.addChatBtn} onClick={handleNewChat}>\n          <AddChatIcon className={clsx(styles.w(17), styles.mr(10))} />\n          开启新对话\n        </div>\n        <div className={styles.tipTitle}>历史对话</div>\n\n        {/* 滚动区域 */}\n        <div className={styles.scrollList}>\n          <InfiniteScroll\n            dataLength={sessionList.length}\n            next={loadMoreSessions}\n            hasMore={false}\n            loader={(\n              <div style={{ textAlign: 'center' }}>\n                <Spin indicator={<RedoOutlined spin />} size=\"small\" />\n              </div>\n            )}\n            endMessage={sessionList.length === SESSION_PAGE_SIZE && <Divider plain><span className={styles.textColor('#949494')}>只展示前 50 条数据</span></Divider>}\n            style={{ overflow: 'hidden', paddingBottom: '5px' }}\n          >\n            <Conversations\n              activeKey={activeKey}\n              onActiveChange={(v) => handleSwitchTab(v)}\n              items={sessionList}\n              menu={menu}\n              style={{\n                width: 256,\n                borderRadius: '6px',\n                ...style,\n              }}\n            />\n          </InfiniteScroll>\n        </div>\n      </div>\n\n      {/* 遮罩层 - 仅在窄屏且列表可见时显示 */}\n      {isNarrow && listVisible && (\n        <div className={styles.mask} onClick={handleCloseList} />\n      )}\n    </div>\n  );\n};\n\nexport default XAiConversations;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React, { useState } from 'react';\nimport { Conversations } from '@ant-design/x';\nimport { RedoOutlined } from '@ant-design/icons';\nimport { Spin, Divider } from 'antd';\nimport InfiniteScroll from 'react-infinite-scroll-component';\nimport clsx from 'clsx';\nimport { useChatbotContext } from '@/hooks/useProviderContext';\nimport { type XAiConversationsProps } from '@/types/XAiConversations';\nimport logo from '@/assets/logo.png';\nimport AddChatIcon from '@/assets/svg/AddChatIcon';\nimport flashOpen from '@/assets/flash-open.svg?url';\nimport { SESSION_PAGE_SIZE } from '@/constants';\nimport { useStyles, GlobalStyle } from './styles';\n\nconst XAiConversations: React.FC<XAiConversationsProps> = (props) => {\n  const styles = useStyles();\n  const { mergedProps } = useChatbotContext(props);\n  const {\n    isNarrow = false,\n    sessionList,\n    style,\n    onActiveChange,\n    onNewChat,\n    loadMoreSessions,\n    activeKey,\n    menu,\n  } = mergedProps;\n\n  const [listVisible, setListVisible] = useState(false);\n  const [animateDirection, setAnimateDirection] = useState<'in' | 'out' | null>(null);\n\n  const handleSwitchTab = (key: string) => {\n    onActiveChange?.(key);\n  };\n\n  const handleNewChat = () => {\n    onNewChat?.();\n  };\n\n  const handleShowList = () => {\n    setListVisible(true);\n    setAnimateDirection('in');\n  };\n\n  const handleCloseList = () => {\n    setAnimateDirection('out');\n    setTimeout(() => {\n      setListVisible(false);\n      setAnimateDirection(null);\n    }, 300);\n  };\n\n  return (\n    <div className={styles.conversationsWrapper}>\n      <GlobalStyle />\n      {/** 顶部操作栏 */}\n      {\n        !listVisible && (\n          <div className={styles.capWrapper}>\n            <img alt=\"logo\" src={logo} className={clsx(styles.w(32), styles.h(29))} />\n            <div className={styles.capShape}>\n              <div className={styles.capIcon}>\n                <img src={flashOpen} alt=\"\" onClick={handleShowList} />\n              </div>\n              <div className={styles.capIcon}>\n                <AddChatIcon className={clsx(styles.w(17), styles.text('#343434'))} onClick={handleNewChat} />\n              </div>\n            </div>\n          </div>\n        )\n      }\n\n      {/* 会话列表 */}\n      <div\n        style={{ display: listVisible ? 'block' : 'none' }}\n        className={clsx(\n          isNarrow ? styles.nWrapper : styles.fWrapper,\n          animateDirection === 'in' && styles.slideIn,\n          animateDirection === 'out' && styles.slideOut,\n        )}\n      >\n        {/* 固定头部 */}\n        <div className={styles.fheaderWrapper}>\n          <img alt=\"logo\" src={logo} className={clsx(styles.w(32), styles.h(29))} />\n          <div className={styles.capIcon}>\n            <img src={flashOpen} alt=\"\" onClick={handleCloseList} />\n          </div>\n        </div>\n        <div className={styles.addChatBtn} onClick={handleNewChat}>\n          <AddChatIcon className={clsx(styles.w(17), styles.mr(10))} />\n          开启新对话\n        </div>\n        <div className={styles.tipTitle}>历史对话</div>\n\n        {/* 滚动区域 */}\n        <div className={styles.scrollList}>\n          <InfiniteScroll\n            dataLength={sessionList.length}\n            next={loadMoreSessions}\n            hasMore={false}\n            loader={(\n              <div style={{ textAlign: 'center' }}>\n                <Spin indicator={<RedoOutlined spin />} size=\"small\" />\n              </div>\n            )}\n            endMessage={sessionList.length === SESSION_PAGE_SIZE && <Divider plain><span className={styles.textColor('#949494')}>只展示前 50 条数据</span></Divider>}\n            style={{ overflow: 'hidden', paddingBottom: '5px' }}\n          >\n            <Conversations\n              activeKey={activeKey}\n              onActiveChange={(v) => handleSwitchTab(v)}\n              items={sessionList}\n              menu={menu}\n              style={{\n                width: 256,\n                borderRadius: '6px',\n                ...style,\n              }}\n            />\n          </InfiniteScroll>\n        </div>\n      </div>\n\n      {/* 遮罩层 - 仅在窄屏且列表可见时显示 */}\n      {isNarrow && listVisible && (\n        <div className={styles.mask} onClick={handleCloseList} />\n      )}\n    </div>\n  );\n};\n\nexport default XAiConversations;\n"],
+  "mappings": "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",
   "names": ["logo", "clsx", "flashOpen", "AddChatIcon", "InfiniteScroll"]
 }

package/dist/cjs/components/XAiConversations/styles.js CHANGED Viewed

@@ -40,6 +40,9 @@ var useStyles = (0, import_common.withBasicStyles)(() => ({
   // 静态样式
   conversationsWrapper: import_css.css`
     overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
   `,
   capWrapper: import_css.css`
     padding: 12px 16px;
@@ -116,6 +119,8 @@ var useStyles = (0, import_common.withBasicStyles)(() => ({
     height: 100%;
     box-sizing: border-box;
     position: relative;
+    flex-shrink: 0;
+    border-right: 1px solid #f0f0f0;
   `,
   nWrapper: import_css.css`
     position: absolute;

package/dist/cjs/components/XAiConversations/styles.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/XAiConversations/styles.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { css, keyframes } from '@emotion/css';\nimport { css as globalCss, Global } from '@emotion/react';\nimport { withBasicStyles } from '@/styles/common';\n\nconst primaryBlue = '#0078FF'; // 主蓝色\nconst lightBlue = '#E6F0FF';   // 浅蓝色气泡背景\nconst darkGray = '#333';        // 深灰色文本\nconst lightGray = '#888';       // 浅灰文本\nconst borderGray = '#ddd';      // 边框灰色\n\nconst slideInRight = keyframes`\n  from { transform: translateX(-100%); opacity: 0; }\n  to { transform: translateX(0); opacity: 1; }\n`;\n\nconst slideOutRight = keyframes`\n  from { transform: translateX(0); opacity: 1; }\n  to { transform: translateX(-100%); opacity: 0; }\n`;\n\nexport const useStyles = withBasicStyles(() => ({\n  // 静态样式\n  conversationsWrapper: css`\n    overflow: hidden;\n  `,\n\n  capWrapper: css`\n    padding: 12px 16px;\n    display: flex;\n    align-items: center;\n  `,\n\n  capShape: css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 80px;\n    height: 40px;\n    margin-left: 16px;\n    background: #FFFFFF;\n    box-shadow: 0px 4px 16px 0px rgba(127,135,166,0.08);\n    border-radius: 24px;\n    border: 1px solid #E7E7E7;\n    box-sizing: border-box;\n    transition: box-shadow 0.2s, border-color 0.2s;\n    cursor: pointer;\n    /* &:hover {\n      box-shadow: 0px 4px 24px 0px rgba(127,135,166,0.16);\n      border-color: ${primaryBlue};\n    } */\n  `,\n\n  capIcon: css`\n    width: 32px;\n    height: 32px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n\n    img {\n      width: 17px;\n    }\n\n    &:hover {\n      background: #F2F2F2;\n      border-radius: 50%;\n    }\n  `,\n\n  addChatBtn: css`\n    width: 256px;\n    height: 40px;\n    margin: 17px auto 24px;\n    background: #FFFFFF;\n    border-radius: 20px;\n    border: 1px solid #E7E7E7;\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    color: #343434;\n\n    &:hover {\n      color: #3961F2;\n    }\n\n    &:active {\n      color: #0A3BEE;\n    }\n  `,\n\n  tipTitle: css`\n    font-size: 12px;\n    color: #949494;\n    padding-left: 24px;\n  `,\n\n  fWrapper: css`\n    background: #F8FBFF;\n    padding: 16px 0 13px;\n    width: 280px;\n    height: 100%;\n    box-sizing: border-box;\n    position: relative;\n  `,\n\n  nWrapper: css`\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 280px;\n    height: 100%;\n    z-index: 1000;\n    transition: left 0.3s ease;\n    background: #F8FBFF;\n    padding: 16px 0 13px;\n    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.1);\n  `,\n\n  mask: css`\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100vw;\n    height: 100vh;\n    background: rgba(0, 0, 0, 0.15);\n    z-index: 999;\n    cursor: pointer;\n  `,\n\n  fheaderWrapper: css`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0 11px 0 16px;\n  `,\n\n  scrollList: css`\n    max-height: calc(100vh - 120px); /* 120px为头部高度，可根据实际调整 */\n    padding-bottom: 15px;\n    overflow-y: auto;\n\n    /* 隐藏滚动条（Chrome, Edge, Safari） */\n    &::-webkit-scrollbar {\n      width: 0;\n      height: 0;\n      display: none;\n      background: transparent;\n    }\n\n    /* 隐藏滚动条（Firefox） */\n    scrollbar-width: none;\n\n    /* 隐藏滚动条（IE/Edge） */\n    -ms-overflow-style: none;\n  `,\n\n  slideIn: css`\n    animation: ${slideInRight} 0.3s forwards;\n  `,\n  slideOut: css`\n    animation: ${slideOutRight} 0.3s forwards;\n  `,\n\n}));\n\nexport const GlobalStyle: React.FC = () => (\n  <Global\n    styles={globalCss`\n      .ant-conversations .ant-conversations-item-active {\n        background: rgba(57,97,242,0.08);\n      }\n\n      .ant-conversations .ant-conversations-item-active .ant-conversations-label {\n        color: #3961F2;\n      }\n    `}\n  />\n);\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,iBAA+B;AAC/B,mBAAyC;AACzC,oBAAgC;AAuK9B;AArKF,IAAM,cAAc;AAMpB,IAAM,eAAe;AAAA;AAAA;AAAA;AAKrB,IAAM,gBAAgB;AAAA;AAAA;AAAA;AAKf,IAAM,gBAAY,+BAAgB,OAAO;AAAA;AAAA,EAE9C,sBAAsB;AAAA;AAAA;AAAA,EAItB,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,EAMZ,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAgBU;AAAA;AAAA;AAAA,EAIpB,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAkBT,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAuBZ,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAMV,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASV,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaV,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWN,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOhB,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAoBZ,SAAS;AAAA,iBACM;AAAA;AAAA,EAEf,UAAU;AAAA,iBACK;AAAA;AAGjB,EAAE;AAEK,IAAM,cAAwB,MACnC;AAAA,EAAC;AAAA;AAAA,IACC,QAAQ,aAAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASV;",
+  "sourcesContent": ["import React from 'react';\nimport { css, keyframes } from '@emotion/css';\nimport { css as globalCss, Global } from '@emotion/react';\nimport { withBasicStyles } from '@/styles/common';\n\nconst primaryBlue = '#0078FF'; // 主蓝色\nconst lightBlue = '#E6F0FF';   // 浅蓝色气泡背景\nconst darkGray = '#333';        // 深灰色文本\nconst lightGray = '#888';       // 浅灰文本\nconst borderGray = '#ddd';      // 边框灰色\n\nconst slideInRight = keyframes`\n  from { transform: translateX(-100%); opacity: 0; }\n  to { transform: translateX(0); opacity: 1; }\n`;\n\nconst slideOutRight = keyframes`\n  from { transform: translateX(0); opacity: 1; }\n  to { transform: translateX(-100%); opacity: 0; }\n`;\n\nexport const useStyles = withBasicStyles(() => ({\n  // 静态样式\n  conversationsWrapper: css`\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n  `,\n\n  capWrapper: css`\n    padding: 12px 16px;\n    display: flex;\n    align-items: center;\n  `,\n\n  capShape: css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 80px;\n    height: 40px;\n    margin-left: 16px;\n    background: #FFFFFF;\n    box-shadow: 0px 4px 16px 0px rgba(127,135,166,0.08);\n    border-radius: 24px;\n    border: 1px solid #E7E7E7;\n    box-sizing: border-box;\n    transition: box-shadow 0.2s, border-color 0.2s;\n    cursor: pointer;\n    /* &:hover {\n      box-shadow: 0px 4px 24px 0px rgba(127,135,166,0.16);\n      border-color: ${primaryBlue};\n    } */\n  `,\n\n  capIcon: css`\n    width: 32px;\n    height: 32px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n\n    img {\n      width: 17px;\n    }\n\n    &:hover {\n      background: #F2F2F2;\n      border-radius: 50%;\n    }\n  `,\n\n  addChatBtn: css`\n    width: 256px;\n    height: 40px;\n    margin: 17px auto 24px;\n    background: #FFFFFF;\n    border-radius: 20px;\n    border: 1px solid #E7E7E7;\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    color: #343434;\n\n    &:hover {\n      color: #3961F2;\n    }\n\n    &:active {\n      color: #0A3BEE;\n    }\n  `,\n\n  tipTitle: css`\n    font-size: 12px;\n    color: #949494;\n    padding-left: 24px;\n  `,\n\n  fWrapper: css`\n    background: #F8FBFF;\n    padding: 16px 0 13px;\n    width: 280px;\n    height: 100%;\n    box-sizing: border-box;\n    position: relative;\n    flex-shrink: 0;\n    border-right: 1px solid #f0f0f0;\n  `,\n\n  nWrapper: css`\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 280px;\n    height: 100%;\n    z-index: 1000;\n    transition: left 0.3s ease;\n    background: #F8FBFF;\n    padding: 16px 0 13px;\n    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.1);\n  `,\n\n  mask: css`\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100vw;\n    height: 100vh;\n    background: rgba(0, 0, 0, 0.15);\n    z-index: 999;\n    cursor: pointer;\n  `,\n\n  fheaderWrapper: css`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0 11px 0 16px;\n  `,\n\n  scrollList: css`\n    max-height: calc(100vh - 120px); /* 120px为头部高度，可根据实际调整 */\n    padding-bottom: 15px;\n    overflow-y: auto;\n\n    /* 隐藏滚动条（Chrome, Edge, Safari） */\n    &::-webkit-scrollbar {\n      width: 0;\n      height: 0;\n      display: none;\n      background: transparent;\n    }\n\n    /* 隐藏滚动条（Firefox） */\n    scrollbar-width: none;\n\n    /* 隐藏滚动条（IE/Edge） */\n    -ms-overflow-style: none;\n  `,\n\n  slideIn: css`\n    animation: ${slideInRight} 0.3s forwards;\n  `,\n  slideOut: css`\n    animation: ${slideOutRight} 0.3s forwards;\n  `,\n\n}));\n\nexport const GlobalStyle: React.FC = () => (\n  <Global\n    styles={globalCss`\n      .ant-conversations .ant-conversations-item-active {\n        background: rgba(57,97,242,0.08);\n      }\n\n      .ant-conversations .ant-conversations-item-active .ant-conversations-label {\n        color: #3961F2;\n      }\n    `}\n  />\n);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,iBAA+B;AAC/B,mBAAyC;AACzC,oBAAgC;AA4K9B;AA1KF,IAAM,cAAc;AAMpB,IAAM,eAAe;AAAA;AAAA;AAAA;AAKrB,IAAM,gBAAgB;AAAA;AAAA;AAAA;AAKf,IAAM,gBAAY,+BAAgB,OAAO;AAAA;AAAA,EAE9C,sBAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOtB,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,EAMZ,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAgBU;AAAA;AAAA;AAAA,EAIpB,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAkBT,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAuBZ,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAMV,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWV,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaV,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWN,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOhB,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAoBZ,SAAS;AAAA,iBACM;AAAA;AAAA,EAEf,UAAU;AAAA,iBACK;AAAA;AAGjB,EAAE;AAEK,IAAM,cAAwB,MACnC;AAAA,EAAC;AAAA;AAAA,IACC,QAAQ,aAAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASV;",
   "names": ["globalCss"]
 }

package/dist/cjs/components/XAiProvider/XAiProvider.stories.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-import XAiProvider from './index';
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import XAiProvider from "./index";
 declare const meta: Meta<typeof XAiProvider>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/cjs/components/XAiProvider/XAiProvider.stories.js CHANGED Viewed

@@ -42,7 +42,7 @@ var import_XAiChatbot = __toESM(require("../XAiChatbot"));
 var import_XAiConversations = __toESM(require("../XAiConversations"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var meta = {
-  title: "AI组件/XAiProvider AI容器",
+  title: "AI组件/XAiProvider AI容器【下线】",
   component: import_index.default,
   parameters: {
     layout: "centered",
@@ -85,7 +85,19 @@ var 单聊天窗口实例 = {
       }
     };
     return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { display: "flex", flexDirection: "column", gap: "12px", marginRight: "24px", justifyContent: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Button, { type: "primary", onClick: handleSendMessage, children: "发送消息" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          style: {
+            display: "flex",
+            flexDirection: "column",
+            gap: "12px",
+            marginRight: "24px",
+            justifyContent: "center"
+          },
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Button, { type: "primary", onClick: handleSendMessage, children: "发送消息" })
+        }
+      ),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { maxWidth: "800px", height: "600px" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_index.default,
         {

package/dist/cjs/components/XAiProvider/XAiProvider.stories.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/XAiProvider/XAiProvider.stories.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport type { Meta, StoryObj } from '@storybook/react-vite';\nimport { Button } from 'antd';\nimport XAiProvider from './index';\nimport XAiChatbot from '../XAiChatbot';\nimport XAiConversations from '../XAiConversations';\n\nconst meta: Meta<typeof XAiProvider> = {\n  title: 'AI组件/XAiProvider AI容器',\n  component: XAiProvider,\n  parameters: {\n    layout: 'centered',\n    docs: {\n      description: {\n        component: 'AI 聊天机器人容器组件，提供全局上下文和消息管理功能。',\n      },\n    },\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    config: {\n      description: '配置信息',\n      table: {\n        type: {\n          summary: 'XAiProviderConfig',\n          detail: `{\n            appNo?: string;  // 应用唯一编号\n          }`,\n        },\n        category: '配置选项',\n      },\n    },\n  },\n  // 添加装饰器，确保组件有必要的上下文\n  decorators: [\n    (Story) => (\n      <div style={{ padding: '20px' }}>\n        <Story />\n      </div>\n    ),\n  ],\n};\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n// 使用 Provider 的 XAiChatbot\nexport const 单聊天窗口实例: Story = {\n  render: (args) => {\n    const providerRef = React.useRef<any>(null);\n\n    const handleSendMessage = () => {\n      if (providerRef.current?.chat) {\n        providerRef.current.chat({ text: '你好，AI！' });\n      } else {\n        console.log('XAiProvider ref 未准备好或 chat 方法不存在');\n      }\n    };\n\n    return (\n      <div style={{ display: 'flex' }}>\n        <div style={{ display: 'flex', flexDirection: 'column', gap: '12px', marginRight: '24px', justifyContent: 'center' }}>\n          <Button type=\"primary\" onClick={handleSendMessage}>发送消息</Button>\n        </div>\n        <div style={{ maxWidth: '800px', height: '600px' }}>\n          <XAiProvider\n            ref={providerRef}\n            {...args}\n            onError={(providerError) => console.log(providerError)}\n            onMessage={(data) => console.log(data)}\n          >\n            <XAiChatbot\n              navbarShow\n              navbar={{\n                title: 'Provider 聊天机器人',\n                subtitle: '由 Provider 管理消息',\n                avatar: 'https://gw.alipayobjects.com/zos/bmw-prod/b874caa9-4458-412a-9ac6-a61486180a62.svg',\n              }}\n            />\n          </XAiProvider>\n        </div>\n      </div>\n    );\n  },\n  args: {\n    url: 'https://m-poc-dev.zaxline.com',\n    token: 'eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX2lkIjoiVjRTT0htSm8zWmVhNFJOdWc3WFgyQT09Iiwic2NvcGUiOlsiZ2JWemZPVjhTa1oxdGRMT3BYNWZyVXpMIl0sImV4cCI6MTc2NDY3MTc2MSwianRpIjoiRl9Zb0JBXzhIN01XempDZUxQenEzNTBXRnNrIiwiY2xpZW50X2lkIjoiZ2JWemZPVjhTa1oxdGRMT3BYNWZyVXpMIn0.mtGBQfwNtIkhcOumsOvzMj2BdYUxAPwZ9GcvNLuCNGVzFkqkLkfy_LALjYR2B-RaNj11_Cx7DcewtmLceG31KfnCiFY24BD_CbwoahdFh40SYRTFnjDf8XQI22E63h5NxTuldPx0itYLUPaUO6NAubnRON40eQPGZKygM0i72ULsQQAyRpJLYAaTjUxyPIW3JmMzQmYiRx641JeAYAup4-ZNw-Fqmd-8_xK3kN-a832xM-M_eqXgn8yMttn0uFv95lxPdJ1_-mp2zx8N4TBCYVkHo3u_PjM65S3_p4u1dFGXBDAsxtVMgmVGeUvubTLFuDM153rz9MZ7aOuu_c8K7w',\n    config: {\n      appNo: 'PGlA63A1Gt9oZpxa6YCWMciH',\n    },\n    providerId: 'demo-provider',\n  },\n};\n\n// 多个 Provider 示例\nexport const 多容器示例: Story = {\n  render: (args) => (\n    <div style={{ display: 'flex', gap: '20px' }}>\n      <div style={{ width: '400px', height: '600px' }}>\n        <XAiProvider {...args} providerId=\"provider-1\">\n          <XAiChatbot\n            navbarShow\n            navbar={{\n              title: 'Provider 1',\n              subtitle: '第一个聊天机器人',\n              avatar: 'https://gw.alipayobjects.com/zos/bmw-prod/b874caa9-4458-412a-9ac6-a61486180a62.svg',\n            }}\n          />\n        </XAiProvider>\n      </div>\n\n      <div style={{ width: '400px', height: '600px' }}>\n        <XAiProvider {...args} providerId=\"provider-2\">\n          <XAiChatbot\n            navbarShow\n            navbar={{\n              title: 'Provider 2',\n              subtitle: '第二个聊天机器人',\n              avatar: 'https://gw.alipayobjects.com/zos/bmw-prod/b874caa9-4458-412a-9ac6-a61486180a62.svg',\n            }}\n          />\n        </XAiProvider>\n      </div>\n    </div>\n  ),\n  args: {\n    url: 'https://api.example.com/ai',\n    token: 'your-token-here',\n  },\n};\n\n// 使用 Provider 的 XAiChatbot\nexport const 携带历史记录示例: Story = {\n  render: (args) => {\n    const providerRef = React.useRef<any>(null);\n\n    return (\n      <div style={{ width: '1080px', height: '600px', overflow: 'hidden' }}>\n        <XAiProvider\n          ref={providerRef}\n          {...args}\n          onError={(providerError) => console.log(providerError)}\n          onMessage={(data) => console.log(data)}\n        >\n          <XAiConversations />\n          <div style={{ flex: 1, display: 'flex', justifyContent: 'center' }}>\n            <XAiChatbot\n              navbar={{\n                title: 'Provider 聊天机器人',\n                subtitle: '由 Provider 管理消息',\n                avatar: 'https://gw.alipayobjects.com/zos/bmw-prod/b874caa9-4458-412a-9ac6-a61486180a62.svg',\n              }}\n            />\n          </div>\n        </XAiProvider>\n      </div>\n    );\n  },\n  args: {\n    url: 'https://m-poc.zaxline.com',\n    token: 'eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX2lkIjoiU0tUYkp6MDE5bWFVdnFqcC9OUGJEQT09Iiwic2NvcGUiOlsiMGhic2RXYkZVYktZRXkxMEsxNDM3WFhtIl0sImV4cCI6MTc2OTE2MzE5MCwianRpIjoiV1B4QTJrTzB0dlV5eW84MWdxSVlldlZRWUFRIiwiY2xpZW50X2lkIjoiMGhic2RXYkZVYktZRXkxMEsxNDM3WFhtIn0.f8tEHi-1Gokv09ce2YjO17yD4SL-KFNCiyFmVOLMvHnHltDh9g2BsxSEB9IreaEvqT70-nl9qgWjb8V2As9QTBNPvfdStXmvc1X4HYsWPDdX0YeLWBAgJ0clJufL62SzwRLNb-torvuLvQfqohF3Aqr7QUXt2x_ZOUA1G5jkG8K9_FZPYBBfUMf6JV8CejogqCSe-yjIKPhbh9dDcCGO6ibexTT1x8C1f2LwP-sMyYmPOIdEqelmzk5-m32yy2fINKz9zG8NWMRx8G4Sr1l-pZzxSGOQ3v6EKUe3M_I-W3pZc6G9gzIXb2Wq_lE7q_l91ee5dU8ex1To8X_PtFd8_g',\n    config: {\n      appNo: '0hbsdWbFUbKYEy10K1437XXm',\n      chatProps: {\n        clearBtnShow: false,\n      },\n    },\n    providerId: 'demo-provider',\n  },\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { Button } from \"antd\";\nimport XAiProvider from \"./index\";\nimport XAiChatbot from \"../XAiChatbot\";\nimport XAiConversations from \"../XAiConversations\";\n\nconst meta: Meta<typeof XAiProvider> = {\n  title: \"AI组件/XAiProvider AI容器【下线】\",\n  component: XAiProvider,\n  parameters: {\n    layout: \"centered\",\n    docs: {\n      description: {\n        component: \"AI 聊天机器人容器组件，提供全局上下文和消息管理功能。\",\n      },\n    },\n  },\n  tags: [\"autodocs\"],\n  argTypes: {\n    config: {\n      description: \"配置信息\",\n      table: {\n        type: {\n          summary: \"XAiProviderConfig\",\n          detail: `{\n            appNo?: string;  // 应用唯一编号\n          }`,\n        },\n        category: \"配置选项\",\n      },\n    },\n  },\n  // 添加装饰器，确保组件有必要的上下文\n  decorators: [\n    (Story) => (\n      <div style={{ padding: \"20px\" }}>\n        <Story />\n      </div>\n    ),\n  ],\n};\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n// 使用 Provider 的 XAiChatbot\nexport const 单聊天窗口实例: Story = {\n  render: (args) => {\n    const providerRef = React.useRef<any>(null);\n\n    const handleSendMessage = () => {\n      if (providerRef.current?.chat) {\n        providerRef.current.chat({ text: \"你好，AI！\" });\n      } else {\n        console.log(\"XAiProvider ref 未准备好或 chat 方法不存在\");\n      }\n    };\n\n    return (\n      <div style={{ display: \"flex\" }}>\n        <div\n          style={{\n            display: \"flex\",\n            flexDirection: \"column\",\n            gap: \"12px\",\n            marginRight: \"24px\",\n            justifyContent: \"center\",\n          }}\n        >\n          <Button type=\"primary\" onClick={handleSendMessage}>\n            发送消息\n          </Button>\n        </div>\n        <div style={{ maxWidth: \"800px\", height: \"600px\" }}>\n          <XAiProvider\n            ref={providerRef}\n            {...args}\n            onError={(providerError) => console.log(providerError)}\n            onMessage={(data) => console.log(data)}\n          >\n            <XAiChatbot\n              navbarShow\n              navbar={{\n                title: \"Provider 聊天机器人\",\n                subtitle: \"由 Provider 管理消息\",\n                avatar:\n                  \"https://gw.alipayobjects.com/zos/bmw-prod/b874caa9-4458-412a-9ac6-a61486180a62.svg\",\n              }}\n            />\n          </XAiProvider>\n        </div>\n      </div>\n    );\n  },\n  args: {\n    url: \"https://m-poc-dev.zaxline.com\",\n    token:\n      \"eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX2lkIjoiVjRTT0htSm8zWmVhNFJOdWc3WFgyQT09Iiwic2NvcGUiOlsiZ2JWemZPVjhTa1oxdGRMT3BYNWZyVXpMIl0sImV4cCI6MTc2NDY3MTc2MSwianRpIjoiRl9Zb0JBXzhIN01XempDZUxQenEzNTBXRnNrIiwiY2xpZW50X2lkIjoiZ2JWemZPVjhTa1oxdGRMT3BYNWZyVXpMIn0.mtGBQfwNtIkhcOumsOvzMj2BdYUxAPwZ9GcvNLuCNGVzFkqkLkfy_LALjYR2B-RaNj11_Cx7DcewtmLceG31KfnCiFY24BD_CbwoahdFh40SYRTFnjDf8XQI22E63h5NxTuldPx0itYLUPaUO6NAubnRON40eQPGZKygM0i72ULsQQAyRpJLYAaTjUxyPIW3JmMzQmYiRx641JeAYAup4-ZNw-Fqmd-8_xK3kN-a832xM-M_eqXgn8yMttn0uFv95lxPdJ1_-mp2zx8N4TBCYVkHo3u_PjM65S3_p4u1dFGXBDAsxtVMgmVGeUvubTLFuDM153rz9MZ7aOuu_c8K7w\",\n    config: {\n      appNo: \"PGlA63A1Gt9oZpxa6YCWMciH\",\n    },\n    providerId: \"demo-provider\",\n  },\n};\n\n// 多个 Provider 示例\nexport const 多容器示例: Story = {\n  render: (args) => (\n    <div style={{ display: \"flex\", gap: \"20px\" }}>\n      <div style={{ width: \"400px\", height: \"600px\" }}>\n        <XAiProvider {...args} providerId=\"provider-1\">\n          <XAiChatbot\n            navbarShow\n            navbar={{\n              title: \"Provider 1\",\n              subtitle: \"第一个聊天机器人\",\n              avatar:\n                \"https://gw.alipayobjects.com/zos/bmw-prod/b874caa9-4458-412a-9ac6-a61486180a62.svg\",\n            }}\n          />\n        </XAiProvider>\n      </div>\n\n      <div style={{ width: \"400px\", height: \"600px\" }}>\n        <XAiProvider {...args} providerId=\"provider-2\">\n          <XAiChatbot\n            navbarShow\n            navbar={{\n              title: \"Provider 2\",\n              subtitle: \"第二个聊天机器人\",\n              avatar:\n                \"https://gw.alipayobjects.com/zos/bmw-prod/b874caa9-4458-412a-9ac6-a61486180a62.svg\",\n            }}\n          />\n        </XAiProvider>\n      </div>\n    </div>\n  ),\n  args: {\n    url: \"https://api.example.com/ai\",\n    token: \"your-token-here\",\n  },\n};\n\n// 使用 Provider 的 XAiChatbot\nexport const 携带历史记录示例: Story = {\n  render: (args) => {\n    const providerRef = React.useRef<any>(null);\n\n    return (\n      <div style={{ width: \"1080px\", height: \"600px\", overflow: \"hidden\" }}>\n        <XAiProvider\n          ref={providerRef}\n          {...args}\n          onError={(providerError) => console.log(providerError)}\n          onMessage={(data) => console.log(data)}\n        >\n          <XAiConversations />\n          <div style={{ flex: 1, display: \"flex\", justifyContent: \"center\" }}>\n            <XAiChatbot\n              navbar={{\n                title: \"Provider 聊天机器人\",\n                subtitle: \"由 Provider 管理消息\",\n                avatar:\n                  \"https://gw.alipayobjects.com/zos/bmw-prod/b874caa9-4458-412a-9ac6-a61486180a62.svg\",\n              }}\n            />\n          </div>\n        </XAiProvider>\n      </div>\n    );\n  },\n  args: {\n    url: \"https://m-poc.zaxline.com\",\n    token:\n      \"eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX2lkIjoiU0tUYkp6MDE5bWFVdnFqcC9OUGJEQT09Iiwic2NvcGUiOlsiMGhic2RXYkZVYktZRXkxMEsxNDM3WFhtIl0sImV4cCI6MTc2OTE2MzE5MCwianRpIjoiV1B4QTJrTzB0dlV5eW84MWdxSVlldlZRWUFRIiwiY2xpZW50X2lkIjoiMGhic2RXYkZVYktZRXkxMEsxNDM3WFhtIn0.f8tEHi-1Gokv09ce2YjO17yD4SL-KFNCiyFmVOLMvHnHltDh9g2BsxSEB9IreaEvqT70-nl9qgWjb8V2As9QTBNPvfdStXmvc1X4HYsWPDdX0YeLWBAgJ0clJufL62SzwRLNb-torvuLvQfqohF3Aqr7QUXt2x_ZOUA1G5jkG8K9_FZPYBBfUMf6JV8CejogqCSe-yjIKPhbh9dDcCGO6ibexTT1x8C1f2LwP-sMyYmPOIdEqelmzk5-m32yy2fINKz9zG8NWMRx8G4Sr1l-pZzxSGOQ3v6EKUe3M_I-W3pZc6G9gzIXb2Wq_lE7q_l91ee5dU8ex1To8X_PtFd8_g\",\n    config: {\n      appNo: \"0hbsdWbFUbKYEy10K1437XXm\",\n      chatProps: {\n        clearBtnShow: false,\n      },\n    },\n    providerId: \"demo-provider\",\n  },\n};\n"],
+  "mappings": "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",
   "names": ["XAiProvider", "React", "XAiChatbot", "XAiConversations"]
 }

package/dist/cjs/components/XAiSender/XAiSender.stories.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-import XAiSender from '.';
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import XAiSender from ".";
 declare const meta: Meta<typeof XAiSender>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/cjs/components/XAiSender/XAiSender.stories.js CHANGED Viewed

@@ -37,7 +37,7 @@ var import_react = require("react");
 var import__ = __toESM(require("."));
 var import_jsx_runtime = require("react/jsx-runtime");
 var meta = {
-  title: "AI组件/XAiSender 输入框",
+  title: "AI组件/XAiSender 输入框【下线】",
   component: import__.default,
   parameters: {
     layout: "centered"

package/dist/cjs/components/XAiSender/XAiSender.stories.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/XAiSender/XAiSender.stories.tsx"],
-  "sourcesContent": ["import React, { useState } from 'react';\nimport type { Meta, StoryObj } from '@storybook/react-vite';\nimport type { Attachment } from '@ant-design/x/es/attachments';\nimport XAiSender from '.';\n\nconst meta: Meta<typeof XAiSender> = {\n  title: 'AI组件/XAiSender 输入框',\n  component: XAiSender,\n  parameters: {\n    layout: 'centered',\n  },\n  tags: ['autodocs'],\n  argTypes: {},\n};\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n// 基础用法\nconst BasicUsageStory = () => {\n  const [files, setFiles] = useState<Attachment[]>([]);\n  const [content, setContent] = useState('');\n  const [loading, setLoading] = useState(false);\n\n  // 模拟清空数据\n  const handleClear = () => {\n    console.info('clear');\n  };\n\n  // 模拟输入\n  const handleChange = (text: string) => {\n    setContent(text);\n  };\n\n  // 模拟快捷短语点击\n  const handleSendMessage = (obj: any) => {\n    console.log(obj);\n    setLoading(true);\n    setTimeout(() => {\n      setContent('');\n      setFiles([]);\n      setLoading(false);\n    }, 2000);\n  };\n\n  return (\n    <div style={{ width: 440, border: '1px solid #eee', padding: 20 }}>\n      <XAiSender\n        loading={loading}\n        value={content}\n        enableUpload\n        files={files}\n        clearBtnShow={true}\n        onChangeFiles={setFiles}\n        uploadRequest={({ file, onProgress, onSuccess }) => {\n          console.info(file);\n          onProgress?.({\n            percent: 50,\n          });\n          setTimeout(() => {\n            onSuccess?.({});\n          }, 1000);\n        }}\n        onClear={handleClear}\n        onChange={handleChange}\n        onSubmit={handleSendMessage}\n        onStop={handleClear}\n        footerTips=\"内容由AI生成，无法确保真实准确，仅供参考\"\n      />\n    </div>\n  );\n};\n\nexport const 基础用法: Story = {\n  render: BasicUsageStory,\n  args: {},\n};\n"],
+  "sourcesContent": ["import React, { useState } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport type { Attachment } from \"@ant-design/x/es/attachments\";\nimport XAiSender from \".\";\n\nconst meta: Meta<typeof XAiSender> = {\n  title: \"AI组件/XAiSender 输入框【下线】\",\n  component: XAiSender,\n  parameters: {\n    layout: \"centered\",\n  },\n  tags: [\"autodocs\"],\n  argTypes: {},\n};\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n// 基础用法\nconst BasicUsageStory = () => {\n  const [files, setFiles] = useState<Attachment[]>([]);\n  const [content, setContent] = useState(\"\");\n  const [loading, setLoading] = useState(false);\n\n  // 模拟清空数据\n  const handleClear = () => {\n    console.info(\"clear\");\n  };\n\n  // 模拟输入\n  const handleChange = (text: string) => {\n    setContent(text);\n  };\n\n  // 模拟快捷短语点击\n  const handleSendMessage = (obj: any) => {\n    console.log(obj);\n    setLoading(true);\n    setTimeout(() => {\n      setContent(\"\");\n      setFiles([]);\n      setLoading(false);\n    }, 2000);\n  };\n\n  return (\n    <div style={{ width: 440, border: \"1px solid #eee\", padding: 20 }}>\n      <XAiSender\n        loading={loading}\n        value={content}\n        enableUpload\n        files={files}\n        clearBtnShow={true}\n        onChangeFiles={setFiles}\n        uploadRequest={({ file, onProgress, onSuccess }) => {\n          console.info(file);\n          onProgress?.({\n            percent: 50,\n          });\n          setTimeout(() => {\n            onSuccess?.({});\n          }, 1000);\n        }}\n        onClear={handleClear}\n        onChange={handleChange}\n        onSubmit={handleSendMessage}\n        onStop={handleClear}\n        footerTips=\"内容由AI生成，无法确保真实准确，仅供参考\"\n      />\n    </div>\n  );\n};\n\nexport const 基础用法: Story = {\n  render: BasicUsageStory,\n  args: {},\n};\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAGhC,eAAsB;AA4ChB;AA1CN,IAAM,OAA+B;AAAA,EACnC,OAAO;AAAA,EACP,WAAW,SAAAA;AAAA,EACX,YAAY;AAAA,IACV,QAAQ;AAAA,EACV;AAAA,EACA,MAAM,CAAC,UAAU;AAAA,EACjB,UAAU,CAAC;AACb;AAEA,IAAO,4BAAQ;AAIf,IAAM,kBAAkB,MAAM;AAC5B,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAuB,CAAC,CAAC;AACnD,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,EAAE;AACzC,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,KAAK;AAG5C,QAAM,cAAc,MAAM;AACxB,YAAQ,KAAK,OAAO;AAAA,EACtB;AAGA,QAAM,eAAe,CAAC,SAAiB;AACrC,eAAW,IAAI;AAAA,EACjB;AAGA,QAAM,oBAAoB,CAAC,QAAa;AACtC,YAAQ,IAAI,GAAG;AACf,eAAW,IAAI;AACf,eAAW,MAAM;AACf,iBAAW,EAAE;AACb,eAAS,CAAC,CAAC;AACX,iBAAW,KAAK;AAAA,IAClB,GAAG,GAAI;AAAA,EACT;AAEA,SACE,4CAAC,SAAI,OAAO,EAAE,OAAO,KAAK,QAAQ,kBAAkB,SAAS,GAAG,GAC9D;AAAA,IAAC,SAAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA,OAAO;AAAA,MACP,cAAY;AAAA,MACZ;AAAA,MACA,cAAc;AAAA,MACd,eAAe;AAAA,MACf,eAAe,CAAC,EAAE,MAAM,YAAY,UAAU,MAAM;AAClD,gBAAQ,KAAK,IAAI;AACjB,iDAAa;AAAA,UACX,SAAS;AAAA,QACX;AACA,mBAAW,MAAM;AACf,iDAAY,CAAC;AAAA,QACf,GAAG,GAAI;AAAA,MACT;AAAA,MACA,SAAS;AAAA,MACT,UAAU;AAAA,MACV,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,YAAW;AAAA;AAAA,EACb,GACF;AAEJ;AAEO,IAAM,OAAc;AAAA,EACzB,QAAQ;AAAA,EACR,MAAM,CAAC;AACT;",
   "names": ["XAiSender"]
 }

package/dist/cjs/hooks/useADKChat.d.ts CHANGED Viewed

@@ -1,7 +1,8 @@
 /// <reference types="react" />
 import { DebugOptions, FunctionCall, SendContent, SessionData, Event, IMessage, Part } from "../types";
 import { type ChatConfig } from "../services/api";
-declare function useADKChat({ url, token, config, type, onError, onMessage, onSuccess, onStream, }: DebugOptions): {
+declare function useADKChat({ url, token, config, type, enabled, // ← 新增: 是否启用 Hook
+onError, onMessage, onSuccess, onStream, }: DebugOptions): {
     appInfo: ChatConfig | null;
     startChat: ({ text, files, functionResponse, }: SendContent) => Promise<void>;
     reChat: () => void;
@@ -12,6 +13,11 @@ declare function useADKChat({ url, token, config, type, onError, onMessage, onSu
     initialized: boolean;
     currentSessionId: string;
     sessionList: SessionData[];
+    sessionPagination: {
+        total: number;
+        pageNum: number;
+        pageSize: number;
+    };
     prologue: string;
     suggestions: string[];
     loading: boolean;

package/dist/cjs/hooks/useADKChat.js CHANGED Viewed

@@ -53,6 +53,8 @@ function useADKChat({
   token,
   config = {},
   type = "agentDebug",
+  enabled = true,
+  // ← 新增: 是否启用 Hook
   onError,
   onMessage,
   onSuccess,
@@ -159,6 +161,7 @@ function useADKChat({
         invocationId: event.invocationId,
         eventId: event.id,
         timestamp: event.timestamp,
+        isLike: event.isLike || 0,
         role
       };
       if (part) {
@@ -207,6 +210,7 @@ function useADKChat({
             timestamp: event.timestamp,
             role: "bot",
             text: newChunk,
+            isLike: event.isLike || 0,
             thought: part.thought
           };
           if (renderedContent) {
@@ -302,7 +306,18 @@ function useADKChat({
             }
           },
           onmessage: (event) => {
-            const chunkJson = (0, import_utils.safeJsonParse)(event.data, {});
+            const rawData = (0, import_utils.safeJsonParse)(event.data, {});
+            let chunkJson = rawData;
+            if (rawData.data && rawData.result) {
+              chunkJson = {
+                ...rawData.data,
+                content: rawData.data,
+                // data 本身就是 content
+                invocationId: rawData.result.invocationId,
+                sessionId: rawData.result.sessionId,
+                id: rawData.result.invocationId
+              };
+            }
             if (chunkJson.error) {
               import_antd.message.warning(chunkJson.error);
               return;
@@ -353,7 +368,6 @@ function useADKChat({
     files = [],
     functionResponse
   }) => {
-    console.log(text, loading);
     if (loading)
       return;
     if (!text.trim() && !functionResponse)
@@ -504,6 +518,7 @@ function useADKChat({
           invocationId: item.invocationId,
           eventId: item.id,
           timestamp: item.timestamp,
+          isLike: item.isLike,
           role,
           raw: item
         };
@@ -613,10 +628,10 @@ function useADKChat({
           });
           const { sessionId } = data == null ? void 0 : data[0];
           if (showFirstSession) {
-            fetchDetail && setCurrentSessionDetail(sessionId);
+            setCurrentSessionDetail(sessionId);
           } else {
-            setPrologue(((_a = appInfo == null ? void 0 : appInfo.onboardingInfo) == null ? void 0 : _a.prologue) || "");
-            setSuggestedQuestions(
+            fetchDetail && setPrologue(((_a = appInfo == null ? void 0 : appInfo.onboardingInfo) == null ? void 0 : _a.prologue) || "");
+            fetchDetail && setSuggestedQuestions(
               ((_b = appInfo == null ? void 0 : appInfo.onboardingInfo) == null ? void 0 : _b.suggested_questions) || []
             );
           }
@@ -654,7 +669,7 @@ function useADKChat({
       token
     });
     if ((result == null ? void 0 : result.code) === import_constants.API_SUCCESS_CODE) {
-      initAppConversations();
+      initAppConversations(true);
       if (sessionId === currentSessionId) {
         clearChat();
       }
@@ -704,10 +719,10 @@ function useADKChat({
     }
   };
   (0, import_react.useEffect)(() => {
-    if (url && appNo) {
+    if (enabled && url && appNo) {
       initConfig();
     }
-  }, [url, appNo]);
+  }, [enabled, url, appNo]);
   (0, import_react.useEffect)(() => {
     if (appInfo) {
       initAppConversations(true);
@@ -724,6 +739,7 @@ function useADKChat({
     initialized,
     currentSessionId,
     sessionList,
+    sessionPagination,
     prologue,
     suggestions: suggestedQuestions,
     loading,