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

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

@@ -46,7 +46,7 @@ var import__ = __toESM(require("."));
 var import_useProviderContext = require("../../hooks/useProviderContext");
 var import_jsx_runtime = require("react/jsx-runtime");
 var meta = {
-  title: "AI组件/XAiChatbot 聊天框",
+  title: "AI组件/XAiChatbot 聊天框【下线】",
   component: import__.default,
   parameters: {
     layout: "centered"
@@ -81,19 +81,22 @@ var mockMessages = [
     role: import_XAiMessage.MessageRole.user,
     content: {
       text: "检索从北京到上海的车票数据给我",
-      files: [{
-        "fileName": "4250105220774925bfaeb3ca2a3350fe.jpg",
-        "fileId": 334,
-        "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",
-        "fileType": "image",
-        "fileSize": 28118
-      }, {
-        "fileName": "4250105220774925bfaeb3ca2a3350fe.pdf",
-        "fileId": 334,
-        "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",
-        "fileType": "pdf",
-        "fileSize": 28118
-      }]
+      files: [
+        {
+          fileName: "4250105220774925bfaeb3ca2a3350fe.jpg",
+          fileId: 334,
+          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",
+          fileType: "image",
+          fileSize: 28118
+        },
+        {
+          fileName: "4250105220774925bfaeb3ca2a3350fe.pdf",
+          fileId: 334,
+          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",
+          fileType: "pdf",
+          fileSize: 28118
+        }
+      ]
     },
     parentMessageId: "1"
   },
@@ -278,31 +281,121 @@ var BasicUsageStory = (args) => {
   const [loading, setLoading] = (0, import_react.useState)(false);
   const handleSendMessage = () => {
     setLoading(true);
-    const stream = ["我", "正在", "为", "你", "生成", "内容", "我", "正在", "为", "你", "生成", "内容", "我", "正在", "为", "你", "生成", "内容", "我", "正在", "为", "你", "生成", "内容", "我", "正在", "为", "你", "生成", "内容", "我", "正在", "为", "你", "生成", "内容", "我", "正在", "为", "你", "生成", "内容", "我", "正在", "为", "你", "生成", "内容", "我", "正在", "为", "你", "生成", "内容", "我", "正在", "为", "你", "生成", "内容", "我", "正在", "为", "你", "生成", "内容", "好", "多", "好", "多", "好", "多", "好", "多", "好", "多", "好", "多", "好", "多", "好", "多", "好", "多", "好", "多", "好", "多", "……"];
+    const stream = [
+      "我",
+      "正在",
+      "为",
+      "你",
+      "生成",
+      "内容",
+      "我",
+      "正在",
+      "为",
+      "你",
+      "生成",
+      "内容",
+      "我",
+      "正在",
+      "为",
+      "你",
+      "生成",
+      "内容",
+      "我",
+      "正在",
+      "为",
+      "你",
+      "生成",
+      "内容",
+      "我",
+      "正在",
+      "为",
+      "你",
+      "生成",
+      "内容",
+      "我",
+      "正在",
+      "为",
+      "你",
+      "生成",
+      "内容",
+      "我",
+      "正在",
+      "为",
+      "你",
+      "生成",
+      "内容",
+      "我",
+      "正在",
+      "为",
+      "你",
+      "生成",
+      "内容",
+      "我",
+      "正在",
+      "为",
+      "你",
+      "生成",
+      "内容",
+      "我",
+      "正在",
+      "为",
+      "你",
+      "生成",
+      "内容",
+      "我",
+      "正在",
+      "为",
+      "你",
+      "生成",
+      "内容",
+      "好",
+      "多",
+      "好",
+      "多",
+      "好",
+      "多",
+      "好",
+      "多",
+      "好",
+      "多",
+      "好",
+      "多",
+      "好",
+      "多",
+      "好",
+      "多",
+      "好",
+      "多",
+      "好",
+      "多",
+      "好",
+      "多",
+      "……"
+    ];
     stream.forEach((chunk, idx) => {
-      setTimeout(() => {
-        setMessages((prev) => {
-          var _a;
-          const updated = [...prev];
-          const targetIndex = 2;
-          const targetMsg = updated[targetIndex];
-          if (targetMsg && targetMsg.type === "TextMessage") {
-            if ("text" in targetMsg.content) {
-              updated[targetIndex] = {
-                ...targetMsg,
-                content: {
-                  ...targetMsg.content
-                  // 模拟随机字符串流式拼接
-                  // text: targetMsg.content.text + chunk + Math.random().toString(36).slice(2, 5),
-                },
-                thinks: targetMsg.thinks + chunk + Math.random().toString(36).slice(2, 5),
-                status: import_XAiMessage.MessageStatus.pending
-              };
+      setTimeout(
+        () => {
+          setMessages((prev) => {
+            var _a;
+            const updated = [...prev];
+            const targetIndex = 2;
+            const targetMsg = updated[targetIndex];
+            if (targetMsg && targetMsg.type === "TextMessage") {
+              if ("text" in targetMsg.content) {
+                updated[targetIndex] = {
+                  ...targetMsg,
+                  content: {
+                    ...targetMsg.content
+                    // 模拟随机字符串流式拼接
+                    // text: targetMsg.content.text + chunk + Math.random().toString(36).slice(2, 5),
+                  },
+                  thinks: targetMsg.thinks + chunk + Math.random().toString(36).slice(2, 5),
+                  status: import_XAiMessage.MessageStatus.pending
+                };
+              }
             }
-          }
-          if (idx === stream.length - 1) {
-            (_a = updated[targetIndex].execute) == null ? void 0 : _a.push(
-              {
+            if (idx === stream.length - 1) {
+              (_a = updated[targetIndex].execute) == null ? void 0 : _a.push({
                 id: "5",
                 type: "ActionExecutionMessage",
                 extra: {
@@ -310,17 +403,18 @@ var BasicUsageStory = (args) => {
                 },
                 name: "运行完毕",
                 createdAt: /* @__PURE__ */ new Date()
-              }
-            );
-            setLoading(false);
-            updated[targetIndex] = {
-              ...updated[targetIndex],
-              status: import_XAiMessage.MessageStatus.done
-            };
-          }
-          return updated;
-        });
-      }, 200 * (idx + 1));
+              });
+              setLoading(false);
+              updated[targetIndex] = {
+                ...updated[targetIndex],
+                status: import_XAiMessage.MessageStatus.done
+              };
+            }
+            return updated;
+          });
+        },
+        200 * (idx + 1)
+      );
     });
   };
   (0, import_react.useEffect)(() => {
@@ -393,14 +487,14 @@ var BasicUsageStory = (args) => {
             });
             setTimeout(() => {
               onSuccess == null ? void 0 : onSuccess({
-                "fileName": "4250105220774925bfaeb3ca2a3350fe.jpg",
-                "fileId": 334,
-                "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",
-                "fileType": "image",
-                "fileSize": 28118,
-                "mimeType": "image/jpeg",
-                "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",
-                "type": "image"
+                fileName: "4250105220774925bfaeb3ca2a3350fe.jpg",
+                fileId: 334,
+                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",
+                fileType: "image",
+                fileSize: 28118,
+                mimeType: "image/jpeg",
+                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",
+                type: "image"
               });
             }, 1e3);
           }
@@ -432,8 +526,24 @@ var 在Provider中使用 = {
 var 多个Provider实例 = {
   decorators: [
     (Story) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", gap: "50px", height: "600px" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_XAiProvider.default, { providerId: "chat1", token: "token1", url: "https://api1.example.com", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { width: "300px", marginRight: "40px" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Story, {}) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_XAiProvider.default, { providerId: "chat2", token: "token2", url: "https://api2.example.com", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { width: "300px" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Story, {}) }) })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_XAiProvider.default,
+        {
+          providerId: "chat1",
+          token: "token1",
+          url: "https://api1.example.com",
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { width: "300px", marginRight: "40px" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Story, {}) })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_XAiProvider.default,
+        {
+          providerId: "chat2",
+          token: "token2",
+          url: "https://api2.example.com",
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { width: "300px" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Story, {}) })
+        }
+      )
     ] })
   ],
   args: {
@@ -511,62 +621,28 @@ var ArchitectureDemoComponent = ({ title }) => {
   );
 };
 var 新架构演示 = {
-  render: (args) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { width: "500px", height: "700px" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_XAiProvider.default, { token: "demo-token", url: "https://api.example.com", providerId: "architecture-demo", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { padding: "20px" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { style: { marginBottom: "20px" }, children: "新架构演示" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: { marginBottom: "20px", color: "#666" }, children: "展示如何使用 useProviderContext 和 useProviderMethods Hook" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { marginBottom: "20px" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArchitectureDemoComponent, { title: "演示组件 A" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArchitectureDemoComponent, { title: "演示组件 B" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArchitectureDemoComponent, { title: "演示组件 C" })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import__.default,
-      {
-        ...args,
-        navbarShow: true,
-        navbar: {
-          title: "架构演示聊天机器人",
-          subtitle: "展示新 Hook 的使用"
-        },
-        enableUpload: true,
-        uploadRequest: ({ file, onProgress, onSuccess }) => {
-          console.info(file);
-          onProgress == null ? void 0 : onProgress({
-            percent: 50
-          });
-          setTimeout(() => {
-            onSuccess == null ? void 0 : onSuccess({});
-          }, 1e3);
-        }
-      }
-    )
-  ] }) }) }),
-  args: {
-    navbar: {
-      title: "智能助手"
-    }
-  }
-};
-var 架构对比演示 = {
-  render: (args) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", gap: "20px", padding: "20px" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { width: "300px" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h4", { children: "独立使用模式" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { border: "1px solid #e7e7e7", borderRadius: "8px", padding: "15px" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArchitectureDemoComponent, { title: "独立组件" }),
+  render: (args) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { width: "500px", height: "700px" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_XAiProvider.default,
+    {
+      token: "demo-token",
+      url: "https://api.example.com",
+      providerId: "architecture-demo",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { padding: "20px" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { style: { marginBottom: "20px" }, children: "新架构演示" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: { marginBottom: "20px", color: "#666" }, children: "展示如何使用 useProviderContext 和 useProviderMethods Hook" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { marginBottom: "20px" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArchitectureDemoComponent, { title: "演示组件 A" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArchitectureDemoComponent, { title: "演示组件 B" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArchitectureDemoComponent, { title: "演示组件 C" })
+        ] }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           import__.default,
           {
             ...args,
             navbarShow: true,
             navbar: {
-              title: "独立聊天机器人",
-              subtitle: "不依赖 Provider"
-            },
-            onSend: (content) => {
-              console.log("独立模式发送:", content);
-            },
-            onClear: () => {
-              console.log("独立模式清空");
+              title: "架构演示聊天机器人",
+              subtitle: "展示新 Hook 的使用"
             },
             enableUpload: true,
             uploadRequest: ({ file, onProgress, onSuccess }) => {
@@ -581,33 +657,103 @@ var 架构对比演示 = {
           }
         )
       ] })
+    }
+  ) }),
+  args: {
+    navbar: {
+      title: "智能助手"
+    }
+  }
+};
+var 架构对比演示 = {
+  render: (args) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", gap: "20px", padding: "20px" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { width: "300px" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h4", { children: "独立使用模式" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "div",
+        {
+          style: {
+            border: "1px solid #e7e7e7",
+            borderRadius: "8px",
+            padding: "15px"
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArchitectureDemoComponent, { title: "独立组件" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import__.default,
+              {
+                ...args,
+                navbarShow: true,
+                navbar: {
+                  title: "独立聊天机器人",
+                  subtitle: "不依赖 Provider"
+                },
+                onSend: (content) => {
+                  console.log("独立模式发送:", content);
+                },
+                onClear: () => {
+                  console.log("独立模式清空");
+                },
+                enableUpload: true,
+                uploadRequest: ({ file, onProgress, onSuccess }) => {
+                  console.info(file);
+                  onProgress == null ? void 0 : onProgress({
+                    percent: 50
+                  });
+                  setTimeout(() => {
+                    onSuccess == null ? void 0 : onSuccess({});
+                  }, 1e3);
+                }
+              }
+            )
+          ]
+        }
+      )
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { width: "300px" }, children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h4", { children: "Provider 模式" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_XAiProvider.default, { token: "demo-token", url: "https://api.example.com", providerId: "comparison-demo", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { border: "1px solid #e7e7e7", borderRadius: "8px", padding: "15px" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArchitectureDemoComponent, { title: "Provider 组件" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import__.default,
-          {
-            ...args,
-            navbarShow: true,
-            navbar: {
-              title: "Provider 聊天机器人",
-              subtitle: "由 Provider 管理"
-            },
-            enableUpload: true,
-            uploadRequest: ({ file, onProgress, onSuccess }) => {
-              console.info(file);
-              onProgress == null ? void 0 : onProgress({
-                percent: 50
-              });
-              setTimeout(() => {
-                onSuccess == null ? void 0 : onSuccess({});
-              }, 1e3);
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_XAiProvider.default,
+        {
+          token: "demo-token",
+          url: "https://api.example.com",
+          providerId: "comparison-demo",
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            "div",
+            {
+              style: {
+                border: "1px solid #e7e7e7",
+                borderRadius: "8px",
+                padding: "15px"
+              },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArchitectureDemoComponent, { title: "Provider 组件" }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import__.default,
+                  {
+                    ...args,
+                    navbarShow: true,
+                    navbar: {
+                      title: "Provider 聊天机器人",
+                      subtitle: "由 Provider 管理"
+                    },
+                    enableUpload: true,
+                    uploadRequest: ({ file, onProgress, onSuccess }) => {
+                      console.info(file);
+                      onProgress == null ? void 0 : onProgress({
+                        percent: 50
+                      });
+                      setTimeout(() => {
+                        onSuccess == null ? void 0 : onSuccess({});
+                      }, 1e3);
+                    }
+                  }
+                )
+              ]
             }
-          }
-        )
-      ] }) })
+          )
+        }
+      )
     ] })
   ] }),
   args: {