@ai-group/chat-sdk 2.0.1 → 2.0.2

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

@@ -35,6 +35,7 @@ __export(XAiSender_stories_exports, {
 module.exports = __toCommonJS(XAiSender_stories_exports);
 var import_react = require("react");
 var import__ = __toESM(require("."));
+var import_jsx_runtime = require("react/jsx-runtime");
 var meta = {
   title: "AI组件/XAiSender 输入框",
   component: import__.default,
@@ -45,35 +46,48 @@ var meta = {
   argTypes: {}
 };
 var XAiSender_stories_default = meta;
-var BasicUsageStory = (args) => {
+var BasicUsageStory = () => {
+  const [files, setFiles] = (0, import_react.useState)([]);
   const [content, setContent] = (0, import_react.useState)("");
   const [loading, setLoading] = (0, import_react.useState)(false);
   const handleClear = () => {
-    console.log("clear");
+    console.info("clear");
   };
-  const handleChange = (content2) => {
-    setContent(content2);
+  const handleChange = (text) => {
+    setContent(text);
   };
-  const handleSendMessage = (type, content2) => {
+  const handleSendMessage = (type, text) => {
     setLoading(true);
-    console.log(type, content2);
+    console.info(type, text);
     setTimeout(() => {
       setContent("");
       setLoading(false);
     }, 2e3);
   };
-  return /* @__PURE__ */ React.createElement("div", { style: { width: 440, border: "1px solid #eee", padding: 20 } }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { width: 440, border: "1px solid #eee", padding: 20 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import__.default,
     {
       loading,
       value: content,
+      enableUpload: true,
+      files,
+      onChangeFiles: setFiles,
+      uploadRequest: ({ file, onProgress, onSuccess }) => {
+        console.info(file);
+        onProgress == null ? void 0 : onProgress({
+          percent: 50
+        });
+        setTimeout(() => {
+          onSuccess == null ? void 0 : onSuccess({});
+        }, 1e3);
+      },
       onClear: handleClear,
       onChange: handleChange,
       onSubmit: handleSendMessage,
       onStop: handleClear,
       footerTips: "内容由AI生成，无法确保真实准确，仅供参考"
     }
-  ));
+  ) });
 };
 var 基础用法 = {
   render: BasicUsageStory,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/XAiSender/XAiSender.stories.tsx"],
-  "sourcesContent": ["import { useState } from 'react';\nimport type { Meta, StoryObj } from '@storybook/react-vite';\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 = (args: any) => {\n  const [content, setContent] = useState('');\n  const [loading, setLoading] = useState(false);\n\n  // 模拟清空数据\n  const handleClear = () => {\n    console.log('clear');\n  };\n\n  // 模拟输入\n  const handleChange = (content: string) => {\n    setContent(content);\n  }\n\n  // 模拟快捷短语点击\n  const handleSendMessage = (type: string, content: any) => {\n    setLoading(true);\n    console.log(type, content);\n    setTimeout(() => {\n      setContent('');\n      setLoading(false);\n    }, 2000);\n  };\n\n\n  return (\n    <div style={{ width: 440, border: '1px solid #eee', padding: 20 }}>\n      <XAiSender\n        loading={loading}\n        value={content}\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};"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAyB;AAEzB,eAAsB;AAEtB,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,CAAC,SAAc;AACrC,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,EAAE;AACzC,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,KAAK;AAG5C,QAAM,cAAc,MAAM;AACxB,YAAQ,IAAI,OAAO;AAAA,EACrB;AAGA,QAAM,eAAe,CAACC,aAAoB;AACxC,eAAWA,QAAO;AAAA,EACpB;AAGA,QAAM,oBAAoB,CAAC,MAAcA,aAAiB;AACxD,eAAW,IAAI;AACf,YAAQ,IAAI,MAAMA,QAAO;AACzB,eAAW,MAAM;AACf,iBAAW,EAAE;AACb,iBAAW,KAAK;AAAA,IAClB,GAAG,GAAI;AAAA,EACT;AAGA,SACE,oCAAC,SAAI,OAAO,EAAE,OAAO,KAAK,QAAQ,kBAAkB,SAAS,GAAG,KAC9D;AAAA,IAAC,SAAAD;AAAA,IAAA;AAAA,MACC;AAAA,MACA,OAAO;AAAA,MACP,SAAS;AAAA,MACT,UAAU;AAAA,MACV,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,YAAW;AAAA;AAAA,EACb,CACF;AAEJ;AAEO,IAAM,OAAc;AAAA,EACzB,QAAQ;AAAA,EACR,MAAM,CAAC;AACT;",
-  "names": ["XAiSender", "content"]
+  "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 = (type: string, text: any) => {\n    setLoading(true);\n    console.info(type, text);\n    setTimeout(() => {\n      setContent('');\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        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;AA2ChB;AAzCN,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,MAAc,SAAc;AACrD,eAAW,IAAI;AACf,YAAQ,KAAK,MAAM,IAAI;AACvB,eAAW,MAAM;AACf,iBAAW,EAAE;AACb,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,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/components/XAiSender/index.js

@@ -32,41 +32,43 @@ __export(XAiSender_exports, {
   default: () => XAiSender_default
 });
 module.exports = __toCommonJS(XAiSender_exports);
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_x = require("@ant-design/x");
 var import_antd = require("antd");
 var import_icons = require("@ant-design/icons");
-var import_useProviderContext = require("../../hooks/useProviderContext");
 var import_clsx = __toESM(require("clsx"));
+var import_useProviderContext = require("../../hooks/useProviderContext");
 var import_styles = require("./styles");
+var import_jsx_runtime = require("react/jsx-runtime");
 var XAiSender = (props) => {
   const { mergedProps } = (0, import_useProviderContext.useChatbotContext)(props);
   const {
     footerTips,
     clearBtnShow,
     value,
-    onSend,
     onChange,
     onClear,
     onStop,
     onSubmit,
+    files,
+    enableUpload,
+    onChangeFiles,
+    uploadRequest,
     loading: propLoading = false,
+    disabled,
     ...resetProps
   } = mergedProps;
+  const senderRef = (0, import_react.useRef)(null);
+  const attachmentsRef = (0, import_react.useRef)(null);
   const loading = mergedProps.loading || propLoading;
-  const [disabled, _setDisabled] = (0, import_react.useState)(false);
-  const [mode, _setMode] = (0, import_react.useState)("");
-  const [fileUploading, setFileUploading] = (0, import_react.useState)(false);
   const [clearPopoverVisible, setClearPopoverVisible] = (0, import_react.useState)(false);
   const styles = (0, import_styles.useStyles)();
   const handleSend = () => {
-    if (value.trim()) {
+    if (value && value.trim()) {
       onSubmit == null ? void 0 : onSubmit("text", value);
     }
   };
   const fileInputRef = (0, import_react.useRef)(null);
-  const handleFileSelect = () => {
-  };
   const handleClear = () => {
     setClearPopoverVisible(true);
   };
@@ -77,92 +79,152 @@ var XAiSender = (props) => {
     onClear == null ? void 0 : onClear();
     setClearPopoverVisible(false);
   };
-  const clearConfirmContent = /* @__PURE__ */ import_react.default.createElement("div", { className: styles.p("2px") }, /* @__PURE__ */ import_react.default.createElement("p", { className: (0, import_clsx.default)(styles.mb(14), styles.mt(0)) }, "确认清除所有聊天记录并重置会话！"), /* @__PURE__ */ import_react.default.createElement("div", { className: styles.popoverFooter }, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { size: "small", onClick: cancelClear }, "取消"), /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { size: "small", type: "primary", danger: true, onClick: confirmClear }, "确认")));
-  const uploadButton = /* @__PURE__ */ import_react.default.createElement("div", { className: styles.flexCenterGap2 }, /* @__PURE__ */ import_react.default.createElement(
+  const clearConfirmContent = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.p("2px"), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: (0, import_clsx.default)(styles.mb(14), styles.mt(0)), children: "确认清除所有聊天记录并重置会话！" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.popoverFooter, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Button, { size: "small", onClick: cancelClear, children: "取消" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Button, { size: "small", type: "primary", danger: true, onClick: confirmClear, children: "确认" })
+    ] })
+  ] });
+  const uploadButton = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.flexCenterGap2, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     import_antd.Tooltip,
     {
       placement: "top",
-      title: mode === "single_agent_skill_mode" ? "工作流模式不支持上传文件" : "支持图片、文档等上传"
-    },
-    fileUploading ? /* @__PURE__ */ import_react.default.createElement(import_antd.Spin, { size: "small" }) : /* @__PURE__ */ import_react.default.createElement(
-      "i",
-      {
-        className: mode === "single_agent_skill_mode" ? styles.iconZengjiaDisabled : styles.iconZengjiaNormal,
-        onClick: () => {
-          var _a;
-          if (mode !== "single_agent_skill_mode" && fileInputRef.current) {
-            (_a = fileInputRef.current) == null ? void 0 : _a.click();
-          }
-        }
-      }
-    ),
-    /* @__PURE__ */ import_react.default.createElement(
-      "input",
-      {
-        type: "file",
-        ref: fileInputRef,
-        onChange: handleFileSelect,
-        style: { display: "none" },
-        accept: "*/*",
-        disabled: fileUploading || mode === "single_agent_skill_mode"
-      }
-    )
-  ));
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: styles.chatFooter }, /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_clsx.default)(styles.flex, styles.gap(8)) }, clearBtnShow && /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Popover,
-    {
-      content: clearConfirmContent,
-      title: "确认清空对话",
-      trigger: "click",
-      open: clearPopoverVisible,
-      onOpenChange: setClearPopoverVisible
-    },
-    /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        className: styles.clearBtn,
-        style: { border: "1px solid #E4E7EC", borderRadius: "50%", height: "35px", width: "35px" },
-        onClick: handleClear
-      },
-      /* @__PURE__ */ import_react.default.createElement(import_icons.ClearOutlined, { className: styles.text(16) })
-    )
-  ), /* @__PURE__ */ import_react.default.createElement(
-    import_x.Sender,
-    {
-      ...resetProps,
-      value,
-      className: styles.sendWrapper,
-      placeholder: "继续对话...",
-      disabled,
-      loading,
-      actions: (_, info) => {
-        const { SendButton, LoadingButton } = info.components;
-        return /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { size: "small" }, /* @__PURE__ */ import_react.default.createElement("div", { className: styles.w(20) }), mode !== "single_agent_skill_mode" && uploadButton, mode === "meta_agent_mode" && /* @__PURE__ */ import_react.default.createElement(
-          "div",
+      title: "支持图片、文档等上传",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_antd.Button,
           {
-            className: styles.flexCenterGap2,
-            style: { visibility: "hidden" }
-          },
-          /* @__PURE__ */ import_react.default.createElement("i", { className: styles.iconHuihuarenqun })
-        ), /* @__PURE__ */ import_react.default.createElement("div", { className: styles.divider }), loading ? /* @__PURE__ */ import_react.default.createElement(LoadingButton, { onClick: () => onStop == null ? void 0 : onStop(), className: styles.stopButton }) : /* @__PURE__ */ import_react.default.createElement(
-          SendButton,
+            color: "default",
+            variant: "text",
+            shape: "circle",
+            size: "small",
+            icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.PlusCircleOutlined, { style: { fontSize: 20, color: "#949494" } }),
+            onClick: () => {
+              var _a;
+              if (fileInputRef.current) {
+                (_a = fileInputRef.current) == null ? void 0 : _a.click();
+              }
+            }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "input",
           {
-            className: styles.sendButton,
-            type: "primary",
-            icon: /* @__PURE__ */ import_react.default.createElement(import_icons.ArrowUpOutlined, { className: styles.text(20) }),
-            disabled
+            type: "file",
+            ref: fileInputRef,
+            multiple: true,
+            onChange: (e) => {
+              var _a;
+              const fileList = e.target.files || [];
+              if (!fileList.length)
+                return;
+              for (let i = 0; i < fileList.length; i++) {
+                const file = fileList[i];
+                (_a = attachmentsRef.current) == null ? void 0 : _a.upload(file);
+              }
+              e.target.value = "";
+            },
+            style: { display: "none" },
+            accept: "*/*"
           }
-        ));
-      },
-      onChange: (v) => {
-        onChange == null ? void 0 : onChange(v);
-      },
-      onSubmit: handleSend,
-      onCancel: () => {
-        onStop == null ? void 0 : onStop();
-      }
+        )
+      ]
     }
-  ))), footerTips && /* @__PURE__ */ import_react.default.createElement("div", { className: styles.footerTips }, footerTips));
+  ) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.chatFooter, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_clsx.default)(styles.flex, styles.gap(8)), children: [
+      clearBtnShow && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_antd.Popover,
+        {
+          content: clearConfirmContent,
+          title: "确认清空对话",
+          trigger: "click",
+          open: clearPopoverVisible,
+          onOpenChange: setClearPopoverVisible,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "div",
+            {
+              className: styles.clearBtn,
+              style: { border: "1px solid #E4E7EC", borderRadius: "50%", height: "35px", width: "35px" },
+              onClick: handleClear,
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ClearOutlined, { className: styles.text(16) })
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_x.Sender,
+        {
+          ...resetProps,
+          value,
+          className: styles.sendWrapper,
+          placeholder: "继续对话...",
+          disabled,
+          loading,
+          ref: senderRef,
+          header: enableUpload && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_x.Sender.Header,
+            {
+              closable: false,
+              forceRender: true,
+              open: !!(files == null ? void 0 : files.length),
+              styles: {
+                content: { padding: 0 }
+              },
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_x.Attachments,
+                {
+                  ref: attachmentsRef,
+                  customRequest: uploadRequest,
+                  multiple: true,
+                  items: files,
+                  imageProps: {
+                    preview: {
+                      mask: true
+                    }
+                  },
+                  onChange: ({ fileList }) => {
+                    onChangeFiles == null ? void 0 : onChangeFiles(fileList);
+                  },
+                  getDropContainer: () => {
+                    var _a;
+                    return (_a = senderRef.current) == null ? void 0 : _a.nativeElement;
+                  }
+                }
+              )
+            }
+          ),
+          actions: (_, info) => {
+            const { SendButton, LoadingButton } = info.components;
+            return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Space, { size: "small", children: [
+              enableUpload && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+                uploadButton,
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.divider })
+              ] }),
+              loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoadingButton, { onClick: () => onStop == null ? void 0 : onStop(), className: styles.stopButton }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                SendButton,
+                {
+                  className: styles.sendButton,
+                  type: "primary",
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ArrowUpOutlined, { className: styles.text(20) }),
+                  disabled
+                }
+              )
+            ] });
+          },
+          onChange: (v) => {
+            onChange == null ? void 0 : onChange(v);
+          },
+          onSubmit: handleSend,
+          onCancel: () => {
+            onStop == null ? void 0 : onStop();
+          }
+        }
+      )
+    ] }) }),
+    footerTips && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.footerTips, children: footerTips })
+  ] });
 };
 var XAiSender_default = XAiSender;
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/XAiSender/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/XAiSender/index.tsx"],
-  "sourcesContent": ["// 文件: components/XAiSender/index.tsx\nimport React, {\n  useRef,\n  useState,\n} from 'react';\nimport {\n  Sender,\n} from '@ant-design/x';\nimport {\n  Button,\n  Popover,\n  Space,\n  Tooltip,\n  Spin,\n} from 'antd';\nimport {\n  ArrowUpOutlined,\n  ClearOutlined,\n} from '@ant-design/icons';\nimport {\n  XAiSenderProps\n} from '@/types';\nimport { useChatbotContext } from '@/hooks/useProviderContext';\nimport clsx from 'clsx';\nimport { useStyles } from './styles';\n\nconst XAiSender: React.FC<XAiSenderProps> = (props) => {\n  // 使用新的 Hook 来处理 Provider 上下文\n  const { mergedProps } = useChatbotContext(props);\n\n  const {\n    footerTips,\n    clearBtnShow,\n    value,\n    onSend,\n    onChange,\n    onClear,\n    onStop,\n    onSubmit,\n    loading: propLoading = false,\n    ...resetProps\n  } = mergedProps;\n\n  // 如果在 Provider 中，使用 Provider 的状态\n  const loading = mergedProps.loading || propLoading;\n\n  const [disabled, _setDisabled] = useState<boolean>(false); // 是否禁止输入\n  const [mode, _setMode] = useState<string>(''); // todo 模式\n  const [fileUploading, setFileUploading] = useState(false); // 文件上传进度条\n  const [clearPopoverVisible, setClearPopoverVisible] = useState(false); // 气泡卡片显隐藏\n  const styles = useStyles();\n\n  // 触发发送\n  const handleSend = () => {\n    if (value.trim()) {\n      // 直接使用合并后的 onSend，自动处理 Provider 和独立模式\n      onSubmit?.('text', value);\n    }\n  };\n\n  // 文件上传按钮引用\n  const fileInputRef = useRef<HTMLInputElement>(null);\n\n  // 选择文件\n  const handleFileSelect = () => {};\n\n  //  点击清除按钮\n  const handleClear = () => {\n    setClearPopoverVisible(true);\n  };\n\n  // 取消清除\n  const cancelClear = () => {\n    setClearPopoverVisible(false);\n  };\n\n  // 确认清除\n  const confirmClear = () => {\n    onClear?.();\n    setClearPopoverVisible(false);\n  };\n\n  // 清空按钮提示文案\n  const clearConfirmContent = (\n    <div className={styles.p('2px')}>\n      <p className={clsx(styles.mb(14), styles.mt(0))}>确认清除所有聊天记录并重置会话！</p>\n      <div className={styles.popoverFooter}>\n        <Button size=\"small\" onClick={cancelClear}>\n          取消\n        </Button>\n        <Button size=\"small\" type=\"primary\" danger onClick={confirmClear}>\n          确认\n        </Button>\n      </div>\n    </div>\n  );\n\n  // 自定义上传按钮\n  const uploadButton = (\n    <div className={styles.flexCenterGap2}>\n      <Tooltip\n        placement=\"top\"\n        title={\n          mode === 'single_agent_skill_mode' ? '工作流模式不支持上传文件' : '支持图片、文档等上传'\n        }\n      >\n        {fileUploading\n          ? (\n            <Spin size=\"small\" />\n          )\n          : (\n            <i\n              className={\n                mode === 'single_agent_skill_mode'\n                  ? styles.iconZengjiaDisabled\n                  : styles.iconZengjiaNormal\n              }\n              onClick={() => {\n                if (mode !== 'single_agent_skill_mode' && fileInputRef.current) {\n                  fileInputRef.current?.click();\n                }\n              }}\n            />\n          )}\n        <input\n          type=\"file\"\n          ref={fileInputRef}\n          onChange={handleFileSelect}\n          style={{ display: 'none' }}\n          accept=\"*/*\"\n          disabled={fileUploading || mode === 'single_agent_skill_mode'}\n        />\n      </Tooltip>\n    </div>\n  );\n\n  return (\n    <>\n      <div className={styles.chatFooter}>\n        <div className={clsx(styles.flex, styles.gap(8))}>\n          {/* 清空按钮 */}\n          { clearBtnShow && <Popover\n            content={clearConfirmContent}\n            title=\"确认清空对话\"\n            trigger=\"click\"\n            open={clearPopoverVisible}\n            onOpenChange={setClearPopoverVisible}\n          >\n            <div\n              className={styles.clearBtn}\n              style={{ border: '1px solid #E4E7EC', borderRadius: '50%', height: '35px', width: '35px' }}\n              onClick={handleClear}\n            >\n              <ClearOutlined className={styles.text(16)} />\n            </div>\n          </Popover> }\n          {/* 普通文本输入 */}\n          <Sender\n            {...resetProps}\n            value={value}\n            className={styles.sendWrapper}\n            placeholder=\"继续对话...\"\n            disabled={disabled}\n            loading={loading}\n            actions={(_, info) => {\n              const { SendButton, LoadingButton } = info.components;\n              return (\n                <Space size=\"small\">\n                  <div className={styles.w(20)} />\n\n                  {mode !== 'single_agent_skill_mode' && uploadButton}\n                  {mode === 'meta_agent_mode' && (\n                    <div\n                      className={styles.flexCenterGap2}\n                      style={{ visibility: 'hidden' }}\n                    >\n                      <i className={styles.iconHuihuarenqun} />\n                    </div>\n                  )}\n\n                  <div className={styles.divider} />\n\n                  {loading\n                    ? (\n                      <LoadingButton onClick={() => onStop?.()} className={styles.stopButton} />\n                    )\n                    : (\n                      <SendButton\n                        className={styles.sendButton}\n                        type=\"primary\"\n                        icon={<ArrowUpOutlined className={styles.text(20)} />}\n                        disabled={disabled}\n                      />\n                    )}\n                </Space>\n              );\n            }}\n            onChange={(v) => {\n              onChange?.(v);\n            }}\n            onSubmit={handleSend}\n            onCancel={() => {\n              onStop?.();\n            }}\n          />\n        </div>\n      </div>\n      { footerTips && <div className={styles.footerTips}>{footerTips}</div>}\n    </>\n  );\n};\n\nexport default XAiSender;"],
-  "mappings": "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",
-  "names": ["React", "clsx"]
+  "sourcesContent": ["// 文件: components/XAiSender/index.tsx\nimport React, {\n  useRef,\n  useState,\n} from 'react';\nimport {\n  Attachments,\n  Sender,\n} from '@ant-design/x';\nimport {\n  Button,\n  GetRef,\n  Popover,\n  Space,\n  Tooltip,\n} from 'antd';\nimport {\n  ArrowUpOutlined,\n  ClearOutlined,\n  PlusCircleOutlined,\n} from '@ant-design/icons';\nimport clsx from 'clsx';\nimport { AttachmentsRef } from '@ant-design/x/es/attachments';\nimport {\n  XAiSenderProps,\n} from '@/types';\nimport { useChatbotContext } from '@/hooks/useProviderContext';\nimport { useStyles } from './styles';\n\nconst XAiSender: React.FC<XAiSenderProps> = (props) => {\n  // 使用新的 Hook 来处理 Provider 上下文\n  const { mergedProps } = useChatbotContext(props);\n  const {\n    footerTips,\n    clearBtnShow,\n    value,\n    onChange,\n    onClear,\n    onStop,\n    onSubmit,\n    files,\n    enableUpload,\n    onChangeFiles,\n    uploadRequest,\n    loading: propLoading = false,\n    disabled,\n    ...resetProps\n  } = mergedProps as XAiSenderProps;\n  const senderRef = useRef<GetRef<typeof Sender>>(null);\n  const attachmentsRef = useRef<AttachmentsRef>(null);\n\n  // 如果在 Provider 中，使用 Provider 的状态\n  const loading = mergedProps.loading || propLoading;\n  const [clearPopoverVisible, setClearPopoverVisible] = useState(false); // 气泡卡片显隐藏\n  const styles = useStyles();\n\n  // 触发发送\n  const handleSend = () => {\n    if (value && value.trim()) {\n      // 直接使用合并后的 onSend，自动处理 Provider 和独立模式\n      onSubmit?.('text', value);\n    }\n  };\n\n  // 文件上传按钮引用\n  const fileInputRef = useRef<HTMLInputElement>(null);\n\n  //  点击清除按钮\n  const handleClear = () => {\n    setClearPopoverVisible(true);\n  };\n\n  // 取消清除\n  const cancelClear = () => {\n    setClearPopoverVisible(false);\n  };\n\n  // 确认清除\n  const confirmClear = () => {\n    onClear?.();\n    setClearPopoverVisible(false);\n  };\n\n  // 清空按钮提示文案\n  const clearConfirmContent = (\n    <div className={styles.p('2px')}>\n      <p className={clsx(styles.mb(14), styles.mt(0))}>确认清除所有聊天记录并重置会话！</p>\n      <div className={styles.popoverFooter}>\n        <Button size=\"small\" onClick={cancelClear}>\n          取消\n        </Button>\n        <Button size=\"small\" type=\"primary\" danger onClick={confirmClear}>\n          确认\n        </Button>\n      </div>\n    </div>\n  );\n\n  // 自定义上传按钮\n  const uploadButton = (\n    <div className={styles.flexCenterGap2}>\n      <Tooltip\n        placement=\"top\"\n        title=\"支持图片、文档等上传\"\n      >\n        <Button\n          color=\"default\"\n          variant=\"text\"\n          shape=\"circle\"\n          size=\"small\"\n          icon={<PlusCircleOutlined style={{ fontSize: 20, color: '#949494' }} />}\n          onClick={() => {\n            if (fileInputRef.current) {\n              fileInputRef.current?.click();\n            }\n          }}\n        />\n        <input\n          type=\"file\"\n          ref={fileInputRef}\n          multiple\n          onChange={(e) => {\n            const fileList = e.target.files || [];\n            if (!fileList.length) return;\n            for (let i = 0; i < fileList.length; i++) {\n              const file = fileList[i];\n              attachmentsRef.current?.upload(file);\n            }\n            e.target.value = '';\n          }}\n          style={{ display: 'none' }}\n          accept=\"*/*\"\n        />\n      </Tooltip>\n    </div>\n  );\n\n  return (\n    <>\n      <div className={styles.chatFooter}>\n        <div className={clsx(styles.flex, styles.gap(8))}>\n          {/* 清空按钮 */}\n          {clearBtnShow && (\n            <Popover\n              content={clearConfirmContent}\n              title=\"确认清空对话\"\n              trigger=\"click\"\n              open={clearPopoverVisible}\n              onOpenChange={setClearPopoverVisible}\n            >\n              <div\n                className={styles.clearBtn}\n                style={{ border: '1px solid #E4E7EC', borderRadius: '50%', height: '35px', width: '35px' }}\n                onClick={handleClear}\n              >\n                <ClearOutlined className={styles.text(16)} />\n              </div>\n            </Popover>\n          )}\n          {/* 普通文本输入 */}\n          <Sender\n            {...resetProps}\n            value={value}\n            className={styles.sendWrapper}\n            placeholder=\"继续对话...\"\n            disabled={disabled}\n            loading={loading}\n            ref={senderRef}\n            header={enableUpload && (\n              <Sender.Header\n                closable={false}\n                forceRender\n                open={!!files?.length}\n                styles={{\n                  content: { padding: 0 },\n                }}\n              >\n                <Attachments\n                  ref={attachmentsRef}\n                  customRequest={uploadRequest}\n                  multiple\n                  items={files}\n                  imageProps={{\n                    preview: {\n                      mask: true,\n                    },\n                  }}\n                  onChange={({ fileList }) => {\n                    onChangeFiles?.(fileList);\n                  }}\n                  getDropContainer={() => senderRef.current?.nativeElement}\n                />\n              </Sender.Header>\n            )}\n            actions={(_, info) => {\n              const { SendButton, LoadingButton } = info.components;\n              return (\n                <Space size=\"small\">\n                  {enableUpload && (\n                    <>\n                      {uploadButton}\n                      <div className={styles.divider} />\n                    </>\n                  )}\n                  {loading\n                    ? (\n                      <LoadingButton onClick={() => onStop?.()} className={styles.stopButton} />\n                    )\n                    : (\n                      <SendButton\n                        className={styles.sendButton}\n                        type=\"primary\"\n                        icon={<ArrowUpOutlined className={styles.text(20)} />}\n                        disabled={disabled}\n                      />\n                    )}\n                </Space>\n              );\n            }}\n            onChange={(v) => {\n              onChange?.(v);\n            }}\n            onSubmit={handleSend}\n            onCancel={() => {\n              onStop?.();\n            }}\n          />\n        </div>\n      </div>\n      { footerTips && <div className={styles.footerTips}>{footerTips}</div>}\n    </>\n  );\n};\n\nexport default XAiSender;\n"],
+  "mappings": "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",
+  "names": ["clsx"]
 }

package/dist/cjs/components/XAiSender/styles.d.ts

@@ -8,9 +8,6 @@ export declare const useStyles: () => {
     stopButton: string;
     divider: string;
     sendWrapper: string;
-    iconHuihuarenqun: string;
-    iconZengjiaDisabled: string;
-    iconZengjiaNormal: string;
 } & {
     w: (width: string | number) => string;
     h: (height: string | number) => string;

package/dist/cjs/components/XAiSender/styles.js

@@ -118,35 +118,36 @@ var useStyles = (0, import_common.withBasicStyles)(() => ({
   sendWrapper: import_css.css`
     flex: 1;
     border-radius: 26px;
-  `,
-  iconHuihuarenqun: import_css.css`
-    font-family: "iconfont";
-    font-size: 16px;
-    font-weight: 300;
-    padding: 3px;
-    border-radius: 6px;
-    color: #181B25;
-    cursor: pointer;
-    &:hover {
-      background: #E1E4EA;
-      color: #7F56D9;
+    .ant-attachment-list-card-type-preview {
+      width: 52px;
+      height: 52px;
     }
-  `,
-  iconZengjiaDisabled: import_css.css`
-    font-family: "iconfont";
-    font-size: 25px;
-    font-weight: 300;
-    color: #D0D5DD;
-    cursor: not-allowed;
-  `,
-  iconZengjiaNormal: import_css.css`
-    font-family: "iconfont";
-    font-size: 25px;
-    font-weight: 300;
-    color: #98A2B3;
-    cursor: pointer;
-    &:hover {
-      color: #7F56D9;
+    .ant-attachment .ant-attachment-list-upload-btn {
+      width: 52px;
+      height: 52px;
+      font-size: 24px;
+    }
+    .ant-attachment-list-card-type-overview {
+      padding: 9px;
+      line-height: 1;
+      border: 1px solid rgba(0,0,0,0.1);
+    }
+    .ant-attachment-list-card-type-overview .ant-attachment-list-card-icon {
+      display: flex;
+      padding-top: 0px;
+    }
+    .ant-attachment-list-card .ant-attachment-list-card-name {
+      margin-bottom: 4px;
+    }
+    .ant-attachment-list-card-motion-leave-active {
+      display: none;
+    }
+    .ant-progress-inner {
+      width: 44px!important;
+      height: 44px!important;
+    }
+    .ant-progress-text {
+      font-size: 12px;
     }
   `
 }));

package/dist/cjs/components/XAiSender/styles.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/XAiSender/styles.tsx"],
-  "sourcesContent": ["import { css } from '@emotion/css';\nimport { withBasicStyles, lightBlue, primaryBlue } from '@/styles/common';\n\nexport const useStyles = withBasicStyles(() => ({\n  chatFooter: css`\n    gap: 8px;\n    position: relatative;\n    z-index: 10;\n    padding: 0 20px 10px 20px;\n  `,\n\n  footerTips: css`\n    display: flex;\n    align-items:center;\n    justify-content: center;\n    font-size: 12px;\n    padding-bottom: 5px;\n    color: rgba(0,0,0,0.4);\n  `,\n\n  popoverFooter: css`\n    display: flex;\n    gap: 8px;\n    justify-content: end;\n  `,\n\n  sendButton: css`\n    width: 23px !important;\n    height: 23px !important;\n    padding: 0 !important;\n    min-width: 23px !important;\n    min-height: 23px !important;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: #000000;\n    border: none;\n    border-radius: 20px;\n    color: white;\n    font-weight: 600;\n    cursor: pointer;\n    transition: background-color 0.2s ease;\n    box-sizing: border-box;\n    &:hover {\n      background-color: #005ecb;\n    }\n    &:disabled {\n      background-color: ${lightBlue};\n      cursor: not-allowed;\n    }\n  `,\n\n  uploadBtn: css`\n    margin-left: 8px;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background-color: ${primaryBlue};\n    color: white;\n    font-weight: 700;\n    font-size: 22px;\n    line-height: 32px;\n    text-align: center;\n    cursor: pointer;\n    border: none;\n    user-select: none;\n    &:hover {\n      background-color: #005ecb;\n    }\n  `,\n\n  clearBtn: css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    border: 1px solid rgb(228, 231, 236);\n    border-radius: 12px;\n    width: 45px;\n    height: 45px;\n    box-sizing: border-box;\n  `,\n\n  stopButton: css`\n    width: 23px !important;\n    height: 23px !important;\n    padding: 0 !important;\n    min-width: 23px !important;\n    min-height: 23px !important;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  `,\n\n  divider: css`\n    width: 1px;\n    height: 15px;\n    margin-left: 3px;\n    margin-right: 3px;\n    background: #D0D5DD;\n  `,\n\n  sendWrapper: css`\n    flex: 1;\n    border-radius: 26px;\n  `,\n\n  iconHuihuarenqun: css`\n    font-family: \"iconfont\";\n    font-size: 16px;\n    font-weight: 300;\n    padding: 3px;\n    border-radius: 6px;\n    color: #181B25;\n    cursor: pointer;\n    &:hover {\n      background: #E1E4EA;\n      color: #7F56D9;\n    }\n  `,\n\n  iconZengjiaDisabled: css`\n    font-family: \"iconfont\";\n    font-size: 25px;\n    font-weight: 300;\n    color: #D0D5DD;\n    cursor: not-allowed;\n  `,\n\n  iconZengjiaNormal: css`\n    font-family: \"iconfont\";\n    font-size: 25px;\n    font-weight: 300;\n    color: #98A2B3;\n    cursor: pointer;\n    &:hover {\n      color: #7F56D9;\n    }\n  `,\n}));"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAoB;AACpB,oBAAwD;AAEjD,IAAM,gBAAY,+BAAgB,OAAO;AAAA,EAC9C,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOZ,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASZ,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA,EAMf,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAqBY;AAAA;AAAA;AAAA;AAAA,EAKxB,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,wBAKW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EActB,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYV,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWZ,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQT,aAAa;AAAA;AAAA;AAAA;AAAA,EAKb,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAclB,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQrB,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUrB,EAAE;",
+  "sourcesContent": ["/* eslint-disable import/prefer-default-export */\nimport { css } from '@emotion/css';\nimport { withBasicStyles, lightBlue, primaryBlue } from '@/styles/common';\n\nexport const useStyles = withBasicStyles(() => ({\n  chatFooter: css`\n    gap: 8px;\n    position: relatative;\n    z-index: 10;\n    padding: 0 20px 10px 20px;\n  `,\n\n  footerTips: css`\n    display: flex;\n    align-items:center;\n    justify-content: center;\n    font-size: 12px;\n    padding-bottom: 5px;\n    color: rgba(0,0,0,0.4);\n  `,\n\n  popoverFooter: css`\n    display: flex;\n    gap: 8px;\n    justify-content: end;\n  `,\n\n  sendButton: css`\n    width: 23px !important;\n    height: 23px !important;\n    padding: 0 !important;\n    min-width: 23px !important;\n    min-height: 23px !important;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: #000000;\n    border: none;\n    border-radius: 20px;\n    color: white;\n    font-weight: 600;\n    cursor: pointer;\n    transition: background-color 0.2s ease;\n    box-sizing: border-box;\n    &:hover {\n      background-color: #005ecb;\n    }\n    &:disabled {\n      background-color: ${lightBlue};\n      cursor: not-allowed;\n    }\n  `,\n\n  uploadBtn: css`\n    margin-left: 8px;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background-color: ${primaryBlue};\n    color: white;\n    font-weight: 700;\n    font-size: 22px;\n    line-height: 32px;\n    text-align: center;\n    cursor: pointer;\n    border: none;\n    user-select: none;\n    &:hover {\n      background-color: #005ecb;\n    }\n  `,\n\n  clearBtn: css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    border: 1px solid rgb(228, 231, 236);\n    border-radius: 12px;\n    width: 45px;\n    height: 45px;\n    box-sizing: border-box;\n  `,\n\n  stopButton: css`\n    width: 23px !important;\n    height: 23px !important;\n    padding: 0 !important;\n    min-width: 23px !important;\n    min-height: 23px !important;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  `,\n\n  divider: css`\n    width: 1px;\n    height: 15px;\n    margin-left: 3px;\n    margin-right: 3px;\n    background: #D0D5DD;\n  `,\n\n  sendWrapper: css`\n    flex: 1;\n    border-radius: 26px;\n    .ant-attachment-list-card-type-preview {\n      width: 52px;\n      height: 52px;\n    }\n    .ant-attachment .ant-attachment-list-upload-btn {\n      width: 52px;\n      height: 52px;\n      font-size: 24px;\n    }\n    .ant-attachment-list-card-type-overview {\n      padding: 9px;\n      line-height: 1;\n      border: 1px solid rgba(0,0,0,0.1);\n    }\n    .ant-attachment-list-card-type-overview .ant-attachment-list-card-icon {\n      display: flex;\n      padding-top: 0px;\n    }\n    .ant-attachment-list-card .ant-attachment-list-card-name {\n      margin-bottom: 4px;\n    }\n    .ant-attachment-list-card-motion-leave-active {\n      display: none;\n    }\n    .ant-progress-inner {\n      width: 44px!important;\n      height: 44px!important;\n    }\n    .ant-progress-text {\n      font-size: 12px;\n    }\n  `,\n}));\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,iBAAoB;AACpB,oBAAwD;AAEjD,IAAM,gBAAY,+BAAgB,OAAO;AAAA,EAC9C,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOZ,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASZ,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA,EAMf,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAqBY;AAAA;AAAA;AAAA;AAAA,EAKxB,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,wBAKW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EActB,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYV,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWZ,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQT,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmCf,EAAE;",
   "names": []
 }

package/dist/cjs/components/XAiWebSDKWrapper.js

@@ -32,8 +32,9 @@ __export(XAiWebSDKWrapper_exports, {
   default: () => XAiWebSDKWrapper_default
 });
 module.exports = __toCommonJS(XAiWebSDKWrapper_exports);
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_umdEntry = __toESM(require("../utils/umdEntry"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var XAiWebSDKWrapper = ({
   onInit,
   onDestroy,
@@ -64,7 +65,7 @@ var XAiWebSDKWrapper = ({
       }
     };
   }, []);
-  return /* @__PURE__ */ import_react.default.createElement("div", { ref: containerRef });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: containerRef });
 };
 var XAiWebSDKWrapper_default = XAiWebSDKWrapper;
 //# sourceMappingURL=XAiWebSDKWrapper.js.map

package/dist/cjs/components/XAiWebSDKWrapper.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/components/XAiWebSDKWrapper.tsx"],
   "sourcesContent": ["import React, { useEffect, useRef } from 'react';\nimport { XAiSDKProps } from '@/types/XAiProvider';\nimport XAiWebSDK from '@/utils/umdEntry';\n\nexport interface XAiWebSDKWrapperProps extends XAiSDKProps {\n  onInit?: (sdk: XAiWebSDK) => void;\n  onDestroy?: () => void;\n}\n\nconst XAiWebSDKWrapper: React.FC<XAiWebSDKWrapperProps> = ({\n  onInit,\n  onDestroy,\n  ...sdkProps\n}) => {\n  const sdkRef = useRef<XAiWebSDK | null>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (containerRef.current && !sdkRef.current) {\n      // 创建 SDK 实例\n      sdkRef.current = XAiWebSDK.initChatbot({\n        ...sdkProps,\n        componentProps: {\n          ...(sdkProps.componentProps || {}),\n          // 保证容器 id 唯一或传递其它样式\n        },\n      });\n\n      // 调用初始化回调\n      if (onInit && sdkRef.current) {\n        onInit(sdkRef.current);\n      }\n    }\n\n    // 清理函数\n    return () => {\n      if (sdkRef.current) {\n        sdkRef.current.unmount();\n        sdkRef.current = null;\n\n        // 调用销毁回调\n        if (onDestroy) {\n          onDestroy();\n        }\n      }\n    };\n  }, []); // 只在组件挂载时初始化\n\n  return <div ref={containerRef} />;\n};\n\nexport default XAiWebSDKWrapper;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAyC;AAEzC,sBAAsB;AAOtB,IAAM,mBAAoD,CAAC;AAAA,EACzD;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,aAAS,qBAAyB,IAAI;AAC5C,QAAM,mBAAe,qBAAuB,IAAI;AAEhD,8BAAU,MAAM;AACd,QAAI,aAAa,WAAW,CAAC,OAAO,SAAS;AAE3C,aAAO,UAAU,gBAAAA,QAAU,YAAY;AAAA,QACrC,GAAG;AAAA,QACH,gBAAgB;AAAA,UACd,GAAI,SAAS,kBAAkB,CAAC;AAAA;AAAA,QAElC;AAAA,MACF,CAAC;AAGD,UAAI,UAAU,OAAO,SAAS;AAC5B,eAAO,OAAO,OAAO;AAAA,MACvB;AAAA,IACF;AAGA,WAAO,MAAM;AACX,UAAI,OAAO,SAAS;AAClB,eAAO,QAAQ,QAAQ;AACvB,eAAO,UAAU;AAGjB,YAAI,WAAW;AACb,oBAAU;AAAA,QACZ;AAAA,MACF;AAAA,IACF;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO,6BAAAC,QAAA,cAAC,SAAI,KAAK,cAAc;AACjC;AAEA,IAAO,2BAAQ;",
-  "names": ["XAiWebSDK", "React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAyC;AAEzC,sBAAsB;AA8Cb;AAvCT,IAAM,mBAAoD,CAAC;AAAA,EACzD;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,aAAS,qBAAyB,IAAI;AAC5C,QAAM,mBAAe,qBAAuB,IAAI;AAEhD,8BAAU,MAAM;AACd,QAAI,aAAa,WAAW,CAAC,OAAO,SAAS;AAE3C,aAAO,UAAU,gBAAAA,QAAU,YAAY;AAAA,QACrC,GAAG;AAAA,QACH,gBAAgB;AAAA,UACd,GAAI,SAAS,kBAAkB,CAAC;AAAA;AAAA,QAElC;AAAA,MACF,CAAC;AAGD,UAAI,UAAU,OAAO,SAAS;AAC5B,eAAO,OAAO,OAAO;AAAA,MACvB;AAAA,IACF;AAGA,WAAO,MAAM;AACX,UAAI,OAAO,SAAS;AAClB,eAAO,QAAQ,QAAQ;AACvB,eAAO,UAAU;AAGjB,YAAI,WAAW;AACb,oBAAU;AAAA,QACZ;AAAA,MACF;AAAA,IACF;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO,4CAAC,SAAI,KAAK,cAAc;AACjC;AAEA,IAAO,2BAAQ;",
+  "names": ["XAiWebSDK"]
 }

package/dist/cjs/hooks/useXAiSDK.js

@@ -33,9 +33,10 @@ __export(useXAiSDK_exports, {
   useXAiSDK: () => useXAiSDK
 });
 module.exports = __toCommonJS(useXAiSDK_exports);
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_XAiProvider = __toESM(require("../components/XAiProvider"));
 var import_XAiChatbot = __toESM(require("../components/XAiChatbot"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var useXAiSDK = (options) => {
   const containerRef = (0, import_react.useRef)(null);
   const {
@@ -64,7 +65,7 @@ var useXAiSDK = (options) => {
   }, [containerId, width, height, className, style]);
   return {
     containerRef,
-    render: () => /* @__PURE__ */ import_react.default.createElement("div", { ref: containerRef, id: containerId }, /* @__PURE__ */ import_react.default.createElement(import_XAiProvider.default, { ...providerProps }, /* @__PURE__ */ import_react.default.createElement(import_XAiChatbot.default, null)))
+    render: () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: containerRef, id: containerId, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_XAiProvider.default, { ...providerProps, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_XAiChatbot.default, {}) }) })
   };
 };
 var useXAiSDK_default = useXAiSDK;

package/dist/cjs/hooks/useXAiSDK.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/hooks/useXAiSDK.tsx"],
   "sourcesContent": ["import React, { useEffect, useRef } from 'react';\nimport { XAiProviderProps } from '@/types/XAiProvider';\nimport XAiProvider from '@/components/XAiProvider';\nimport XAiChatbot from '@/components/XAiChatbot';\n\nexport interface UseXAiSDKOptions extends XAiProviderProps {\n  containerId?: string;\n  width?: string | number;\n  height?: string | number;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nexport const useXAiSDK = (options: UseXAiSDKOptions) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const {\n    containerId = 'xai-chatbot-container',\n    width = '400px',\n    height = '600px',\n    className,\n    style,\n    ...providerProps\n  } = options;\n\n  useEffect(() => {\n    if (containerRef.current) {\n      // 确保容器存在\n      const container = containerRef.current;\n      if (!container.querySelector('.xai-chatbot-wrapper')) {\n        // 创建包装器\n        const wrapper = document.createElement('div');\n        wrapper.className = 'xai-chatbot-wrapper';\n        wrapper.style.width = typeof width === 'number' ? `${width}px` : width;\n        wrapper.style.height = typeof height === 'number' ? `${height}px` : height;\n        if (className) wrapper.className += ` ${className}`;\n        if (style) Object.assign(wrapper.style, style);\n        \n        container.appendChild(wrapper);\n      }\n    }\n  }, [containerId, width, height, className, style]);\n\n  return {\n    containerRef,\n    render: () => (\n      <div ref={containerRef} id={containerId}>\n        <XAiProvider {...providerProps}>\n          <XAiChatbot />\n        </XAiProvider>\n      </div>\n    ),\n  };\n};\n\nexport default useXAiSDK; "],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAyC;AAEzC,yBAAwB;AACxB,wBAAuB;AAUhB,IAAM,YAAY,CAAC,YAA8B;AACtD,QAAM,mBAAe,qBAAuB,IAAI;AAChD,QAAM;AAAA,IACJ,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,8BAAU,MAAM;AACd,QAAI,aAAa,SAAS;AAExB,YAAM,YAAY,aAAa;AAC/B,UAAI,CAAC,UAAU,cAAc,sBAAsB,GAAG;AAEpD,cAAM,UAAU,SAAS,cAAc,KAAK;AAC5C,gBAAQ,YAAY;AACpB,gBAAQ,MAAM,QAAQ,OAAO,UAAU,WAAW,GAAG,YAAY;AACjE,gBAAQ,MAAM,SAAS,OAAO,WAAW,WAAW,GAAG,aAAa;AACpE,YAAI;AAAW,kBAAQ,aAAa,IAAI;AACxC,YAAI;AAAO,iBAAO,OAAO,QAAQ,OAAO,KAAK;AAE7C,kBAAU,YAAY,OAAO;AAAA,MAC/B;AAAA,IACF;AAAA,EACF,GAAG,CAAC,aAAa,OAAO,QAAQ,WAAW,KAAK,CAAC;AAEjD,SAAO;AAAA,IACL;AAAA,IACA,QAAQ,MACN,6BAAAA,QAAA,cAAC,SAAI,KAAK,cAAc,IAAI,eAC1B,6BAAAA,QAAA,cAAC,mBAAAC,SAAA,EAAa,GAAG,iBACf,6BAAAD,QAAA,cAAC,kBAAAE,SAAA,IAAW,CACd,CACF;AAAA,EAEJ;AACF;AAEA,IAAO,oBAAQ;",
-  "names": ["React", "XAiProvider", "XAiChatbot"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAyC;AAEzC,yBAAwB;AACxB,wBAAuB;AA4Cb;AAlCH,IAAM,YAAY,CAAC,YAA8B;AACtD,QAAM,mBAAe,qBAAuB,IAAI;AAChD,QAAM;AAAA,IACJ,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,8BAAU,MAAM;AACd,QAAI,aAAa,SAAS;AAExB,YAAM,YAAY,aAAa;AAC/B,UAAI,CAAC,UAAU,cAAc,sBAAsB,GAAG;AAEpD,cAAM,UAAU,SAAS,cAAc,KAAK;AAC5C,gBAAQ,YAAY;AACpB,gBAAQ,MAAM,QAAQ,OAAO,UAAU,WAAW,GAAG,YAAY;AACjE,gBAAQ,MAAM,SAAS,OAAO,WAAW,WAAW,GAAG,aAAa;AACpE,YAAI;AAAW,kBAAQ,aAAa,IAAI;AACxC,YAAI;AAAO,iBAAO,OAAO,QAAQ,OAAO,KAAK;AAE7C,kBAAU,YAAY,OAAO;AAAA,MAC/B;AAAA,IACF;AAAA,EACF,GAAG,CAAC,aAAa,OAAO,QAAQ,WAAW,KAAK,CAAC;AAEjD,SAAO;AAAA,IACL;AAAA,IACA,QAAQ,MACN,4CAAC,SAAI,KAAK,cAAc,IAAI,aAC1B,sDAAC,mBAAAA,SAAA,EAAa,GAAG,eACf,sDAAC,kBAAAC,SAAA,EAAW,GACd,GACF;AAAA,EAEJ;AACF;AAEA,IAAO,oBAAQ;",
+  "names": ["XAiProvider", "XAiChatbot"]
 }