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

package/dist/esm/components/XAiProvider/XAiProvider.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Button","XAiProvider","XAiChatbot","XAiConversations","jsx","_jsx","jsxs","_jsxs","meta","title","component","parameters","layout","docs","description","tags","argTypes","config","table","type","summary","detail","category","decorators","Story","style","padding","children","单聊天窗口实例","render","args","providerRef","useRef","handleSendMessage","_providerRef$current","current","chat","text","console","log","display","flexDirection","gap","marginRight","justifyContent","onClick","maxWidth","height","_objectSpread","ref","onError","providerError","onMessage","data","navbarShow","navbar","subtitle","avatar","url","token","appNo","providerId","多容器示例","width","携带历史记录示例","overflow","flex","chatProps","clearBtnShow"],"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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"}
+{"version":3,"names":["React","Button","XAiProvider","XAiChatbot","XAiConversations","jsx","_jsx","jsxs","_jsxs","meta","title","component","parameters","layout","docs","description","tags","argTypes","config","table","type","summary","detail","category","decorators","Story","style","padding","children","单聊天窗口实例","render","args","providerRef","useRef","handleSendMessage","_providerRef$current","current","chat","text","console","log","display","flexDirection","gap","marginRight","justifyContent","onClick","maxWidth","height","_objectSpread","ref","onError","providerError","onMessage","data","navbarShow","navbar","subtitle","avatar","url","token","appNo","providerId","多容器示例","width","携带历史记录示例","overflow","flex","chatProps","clearBtnShow"],"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\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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"}

package/dist/esm/components/XAiSender/XAiSender.stories.d.ts

@@ -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/esm/components/XAiSender/XAiSender.stories.js

@@ -1,14 +1,14 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useState } from 'react';
-import XAiSender from '.';
+import React, { useState } from "react";
+import XAiSender from ".";
 import { jsx as _jsx } from "react/jsx-runtime";
 var meta = {
-  title: 'AI组件/XAiSender 输入框',
+  title: "AI组件/XAiSender 输入框【下线】",
   component: XAiSender,
   parameters: {
-    layout: 'centered'
+    layout: "centered"
   },
-  tags: ['autodocs'],
+  tags: ["autodocs"],
   argTypes: {}
 };
 export default meta;
@@ -18,7 +18,7 @@ var BasicUsageStory = function BasicUsageStory() {
     _useState2 = _slicedToArray(_useState, 2),
     files = _useState2[0],
     setFiles = _useState2[1];
-  var _useState3 = useState(''),
+  var _useState3 = useState(""),
     _useState4 = _slicedToArray(_useState3, 2),
     content = _useState4[0],
     setContent = _useState4[1];
@@ -29,7 +29,7 @@ var BasicUsageStory = function BasicUsageStory() {
 
   // 模拟清空数据
   var handleClear = function handleClear() {
-    console.info('clear');
+    console.info("clear");
   };
 
   // 模拟输入
@@ -42,7 +42,7 @@ var BasicUsageStory = function BasicUsageStory() {
     console.log(obj);
     setLoading(true);
     setTimeout(function () {
-      setContent('');
+      setContent("");
       setFiles([]);
       setLoading(false);
     }, 2000);
@@ -50,7 +50,7 @@ var BasicUsageStory = function BasicUsageStory() {
   return /*#__PURE__*/_jsx("div", {
     style: {
       width: 440,
-      border: '1px solid #eee',
+      border: "1px solid #eee",
       padding: 20
     },
     children: /*#__PURE__*/_jsx(XAiSender, {

package/dist/esm/components/XAiSender/XAiSender.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","XAiSender","jsx","_jsx","meta","title","component","parameters","layout","tags","argTypes","BasicUsageStory","_useState","_useState2","_slicedToArray","files","setFiles","_useState3","_useState4","content","setContent","_useState5","_useState6","loading","setLoading","handleClear","console","info","handleChange","text","handleSendMessage","obj","log","setTimeout","style","width","border","padding","children","value","enableUpload","clearBtnShow","onChangeFiles","uploadRequest","_ref","file","onProgress","onSuccess","percent","onClear","onChange","onSubmit","onStop","footerTips","基础用法","render","args"],"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"],"mappings":"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"}
+{"version":3,"names":["React","useState","XAiSender","jsx","_jsx","meta","title","component","parameters","layout","tags","argTypes","BasicUsageStory","_useState","_useState2","_slicedToArray","files","setFiles","_useState3","_useState4","content","setContent","_useState5","_useState6","loading","setLoading","handleClear","console","info","handleChange","text","handleSendMessage","obj","log","setTimeout","style","width","border","padding","children","value","enableUpload","clearBtnShow","onChangeFiles","uploadRequest","_ref","file","onProgress","onSuccess","percent","onClear","onChange","onSubmit","onStop","footerTips","基础用法","render","args"],"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"],"mappings":"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"}

package/dist/esm/hooks/useADKChat.d.ts

@@ -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/esm/hooks/useADKChat.js

@@ -49,6 +49,8 @@ function useADKChat(_ref) {
     config = _ref$config === void 0 ? {} : _ref$config,
     _ref$type = _ref.type,
     type = _ref$type === void 0 ? "agentDebug" : _ref$type,
+    _ref$enabled = _ref.enabled,
+    enabled = _ref$enabled === void 0 ? true : _ref$enabled,
     onError = _ref.onError,
     onMessage = _ref.onMessage,
     onSuccess = _ref.onSuccess,
@@ -205,6 +207,7 @@ function useADKChat(_ref) {
       invocationId: event.invocationId,
       eventId: event.id,
       timestamp: event.timestamp,
+      isLike: event.isLike || 0,
       role: role
     };
     if (part) {
@@ -253,6 +256,7 @@ function useADKChat(_ref) {
           timestamp: event.timestamp,
           role: "bot",
           text: newChunk,
+          isLike: event.isLike || 0,
           thought: part.thought
         };
         if (renderedContent) {
@@ -358,7 +362,20 @@ function useADKChat(_ref) {
           }))();
         },
         onmessage: function onmessage(event) {
-          var chunkJson = safeJsonParse(event.data, {});
+          var rawData = safeJsonParse(event.data, {});
+
+          // 处理新的数据格式: { data: {...}, result: {...} }
+          var chunkJson = rawData;
+          if (rawData.data && rawData.result) {
+            // 转换为旧格式
+            chunkJson = _objectSpread(_objectSpread({}, rawData.data), {}, {
+              content: rawData.data,
+              // data 本身就是 content
+              invocationId: rawData.result.invocationId,
+              sessionId: rawData.result.sessionId,
+              id: rawData.result.invocationId
+            });
+          }
           if (chunkJson.error) {
             message.warning(chunkJson.error);
             return;
@@ -416,19 +433,18 @@ function useADKChat(_ref) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
             _ref3$text = _ref3.text, text = _ref3$text === void 0 ? "" : _ref3$text, _ref3$files = _ref3.files, files = _ref3$files === void 0 ? [] : _ref3$files, functionResponse = _ref3.functionResponse;
-            console.log(text, loading);
             if (!loading) {
-              _context2.next = 4;
+              _context2.next = 3;
               break;
             }
             return _context2.abrupt("return");
-          case 4:
+          case 3:
             if (!(!text.trim() && !functionResponse)) {
-              _context2.next = 6;
+              _context2.next = 5;
               break;
             }
             return _context2.abrupt("return");
-          case 6:
+          case 5:
             // 清空建议问题
             setSuggestedQuestions([]);
             // 发送消息
@@ -467,7 +483,7 @@ function useADKChat(_ref) {
               }
               return temp;
             });
-            _context2.next = 10;
+            _context2.next = 9;
             return sendMessageRequest({
               stream: true,
               sessionId: currentSessionId,
@@ -490,10 +506,10 @@ function useADKChat(_ref) {
                 };
               })
             });
-          case 10:
+          case 9:
             // 获取聊天记录
             initAppConversations();
-          case 11:
+          case 10:
           case "end":
             return _context2.stop();
         }
@@ -573,6 +589,7 @@ function useADKChat(_ref) {
       text: text
     });
   };
+
   // 停止会话
   var stopChat = useCallback(function () {
     var _ctrl$current;
@@ -612,6 +629,7 @@ function useADKChat(_ref) {
           invocationId: item.invocationId,
           eventId: item.id,
           timestamp: item.timestamp,
+          isLike: item.isLike,
           role: role,
           raw: item
         };
@@ -765,10 +783,10 @@ function useADKChat(_ref) {
                 });
                 _data$ = data === null || data === void 0 ? void 0 : data[0], sessionId = _data$.sessionId;
                 if (showFirstSession) {
-                  fetchDetail && setCurrentSessionDetail(sessionId);
+                  setCurrentSessionDetail(sessionId);
                 } else {
-                  setPrologue((appInfo === null || appInfo === void 0 || (_appInfo$onboardingIn5 = appInfo.onboardingInfo) === null || _appInfo$onboardingIn5 === void 0 ? void 0 : _appInfo$onboardingIn5.prologue) || "");
-                  setSuggestedQuestions((appInfo === null || appInfo === void 0 || (_appInfo$onboardingIn6 = appInfo.onboardingInfo) === null || _appInfo$onboardingIn6 === void 0 ? void 0 : _appInfo$onboardingIn6.suggested_questions) || []);
+                  fetchDetail && setPrologue((appInfo === null || appInfo === void 0 || (_appInfo$onboardingIn5 = appInfo.onboardingInfo) === null || _appInfo$onboardingIn5 === void 0 ? void 0 : _appInfo$onboardingIn5.prologue) || "");
+                  fetchDetail && setSuggestedQuestions((appInfo === null || appInfo === void 0 || (_appInfo$onboardingIn6 = appInfo.onboardingInfo) === null || _appInfo$onboardingIn6 === void 0 ? void 0 : _appInfo$onboardingIn6.suggested_questions) || []);
                 }
                 // 成功回调
                 if (!initialized) {
@@ -836,7 +854,7 @@ function useADKChat(_ref) {
             result = _yield$closeSession.result;
             if ((result === null || result === void 0 ? void 0 : result.code) === API_SUCCESS_CODE) {
               // 删除成功后，重新获取会话列表
-              initAppConversations();
+              initAppConversations(true);
               // 如果删除的是当前会话，则创建新的会话
               if (sessionId === currentSessionId) {
                 clearChat();
@@ -951,13 +969,13 @@ function useADKChat(_ref) {
     };
   }();
 
-  // 初始化—获取配置
+  // 初始化—获取配置 (仅在启用时)
   useEffect(function () {
-    if (url && appNo) {
+    if (enabled && url && appNo) {
       initConfig();
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [url, appNo]);
+  }, [enabled, url, appNo]);
 
   // 初始化-聊天记录
   useEffect(function () {
@@ -976,6 +994,7 @@ function useADKChat(_ref) {
     initialized: initialized,
     currentSessionId: currentSessionId,
     sessionList: sessionList,
+    sessionPagination: sessionPagination,
     prologue: prologue,
     suggestions: suggestedQuestions,
     loading: loading,