@ai-group/chat-sdk 3.6.11 → 3.7.0

package/dist/cjs/components/XAdkSender/index.js

@@ -40,542 +40,548 @@ var import_FileGallery = __toESM(require("../FileGallery"));
 var import_file = require("../../utils/file");
 var import_Switch = __toESM(require("./Switch"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var XAdkSender = (0, import_react.forwardRef)(({
-  clearBtnShow = true,
-  allowUpload = false,
-  draggable = true,
-  showMask = true,
-  loading = false,
-  disabled = false,
-  value: controlledValue,
-  defaultValue = "",
-  uploadRequest = () => {
-  },
-  onClear,
-  onChange,
-  onSubmit,
-  onStop,
-  onFilesChange,
-  onUploadSuccess,
-  onUploadError,
-  maxFileSize = 10,
-  validators: customValidators = [],
-  // allowedFileTypes = [
-  //   "image/*",
-  //   "audio/*",
-  //   "video/*",
-  //   "application/pdf",
-  //   "text/plain",
-  //   ".doc",
-  //   ".docx",
-  //   ".xls",
-  //   ".xlsx",
-  //   ".ppt",
-  //   ".pptx",
-  //   "",
-  // ],
-  allowedFileTypes = [],
-  maxFiles = Infinity,
-  sendButtonRender,
-  suffix,
-  header,
-  prefix,
-  footer
-}, ref) => {
-  const styles = (0, import_styles.useStyles)();
-  const isControlled = controlledValue !== void 0;
-  const [internalValue, setInternalValue] = (0, import_react.useState)(defaultValue);
-  const value = isControlled ? controlledValue : internalValue;
-  const setValue = (newValue) => {
-    if (!isControlled) {
-      setInternalValue(newValue);
-    }
-    onChange == null ? void 0 : onChange(newValue);
-  };
-  const [files, setFiles] = (0, import_react.useState)([]);
-  const [isDragOver, setIsDragOver] = (0, import_react.useState)(false);
-  const containerRef = (0, import_react.useRef)(null);
-  const fileInputRef = (0, import_react.useRef)(null);
-  const generateId = () => {
-    return Date.now().toString(36) + Math.random().toString(36).substr(2);
-  };
-  const normalizeUploadResponse = (response) => {
-    const data = (response == null ? void 0 : response.data) ?? response;
-    return (Array.isArray(data) ? data[0] : data) ?? {};
-  };
-  const checkFileType = (file) => {
-    if ((allowedFileTypes == null ? void 0 : allowedFileTypes.length) > 0) {
-      const ext = (0, import_file.getExt)(file);
-      return allowedFileTypes.some((type) => {
-        if (type.includes("/")) {
-          if (type.endsWith("/*")) {
-            return file.type.startsWith(type.split("/")[0]);
-          }
-          return file.type === type;
-        }
-        if (type.startsWith(".")) {
-          return ext === type.slice(1);
-        }
-        return false;
-      });
-    }
-    return true;
-  };
-  const checkFileSize = (file) => {
-    const maxSize = maxFileSize * 1024 * 1024;
-    return file.size <= maxSize;
-  };
-  const isDuplicateFile = (file, files2) => {
-    return files2.some((f) => f.name === file.name && f.size === file.size);
-  };
-  const builtInValidators = [
-    // 数量校验（修复批量 bug）
-    (_file, { files: files2 }) => {
-      if (files2.length >= maxFiles) {
-        return `最多只能上传 ${maxFiles} 个文件`;
-      }
-      return null;
-    },
-    // 大小校验
-    (file) => {
-      const maxSize = maxFileSize * 1024 * 1024;
-      if (file.size > maxSize) {
-        return `文件大小不能超过 ${maxFileSize}MB`;
-      }
-      return null;
-    },
-    // 类型校验
-    (file) => {
-      if (!checkFileType(file)) {
-        return "不支持的文件类型";
-      }
-      return null;
+var XAdkSender = (0, import_react.forwardRef)(
+  ({
+    clearBtnShow = true,
+    allowUpload = false,
+    draggable = true,
+    loading = false,
+    disabled = false,
+    value: controlledValue,
+    defaultValue = "",
+    uploadRequest = () => {
     },
-    // ⭐ 新增：去重校验
-    (file, { files: files2 }) => {
-      if (isDuplicateFile(file, files2)) {
-        return "文件已存在";
+    onClear,
+    onChange,
+    onSubmit,
+    onStop,
+    onFilesChange,
+    onUploadSuccess,
+    onUploadError,
+    maxFileSize = 10,
+    validators: customValidators = [],
+    // allowedFileTypes = [
+    //   "image/*",
+    //   "audio/*",
+    //   "video/*",
+    //   "application/pdf",
+    //   "text/plain",
+    //   ".doc",
+    //   ".docx",
+    //   ".xls",
+    //   ".xlsx",
+    //   ".ppt",
+    //   ".pptx",
+    //   "",
+    // ],
+    allowedFileTypes = [],
+    maxFiles = Infinity,
+    sendButtonRender,
+    suffix,
+    header,
+    prefix,
+    footer
+  }, ref) => {
+    const styles = (0, import_styles.useStyles)();
+    const isControlled = controlledValue !== void 0;
+    const [internalValue, setInternalValue] = (0, import_react.useState)(defaultValue);
+    const value = isControlled ? controlledValue : internalValue;
+    const setValue = (newValue) => {
+      if (!isControlled) {
+        setInternalValue(newValue);
       }
-      return null;
-    }
-  ];
-  const allValidators = [...builtInValidators, ...customValidators];
-  const validateFile = (file) => {
-    for (const validator of allValidators) {
-      const error = validator(file, { files });
-      if (error) {
-        return { valid: false, message: error };
+      onChange == null ? void 0 : onChange(newValue);
+    };
+    const [files, setFiles] = (0, import_react.useState)([]);
+    const [isDragOver, setIsDragOver] = (0, import_react.useState)(false);
+    const containerRef = (0, import_react.useRef)(null);
+    const fileInputRef = (0, import_react.useRef)(null);
+    const generateId = () => {
+      return Date.now().toString(36) + Math.random().toString(36).substr(2);
+    };
+    const normalizeUploadResponse = (response) => {
+      const data = (response == null ? void 0 : response.data) ?? response;
+      return (Array.isArray(data) ? data[0] : data) ?? {};
+    };
+    const checkFileType = (file) => {
+      if ((allowedFileTypes == null ? void 0 : allowedFileTypes.length) > 0) {
+        const ext = (0, import_file.getExt)(file);
+        return allowedFileTypes.some((type) => {
+          if (type.includes("/")) {
+            if (type.endsWith("/*")) {
+              return file.type.startsWith(type.split("/")[0]);
+            }
+            return file.type === type;
+          }
+          if (type.startsWith(".")) {
+            return ext === type.slice(1);
+          }
+          return false;
+        });
       }
-    }
-    return { valid: true };
-  };
-  const handleFileSelect = (0, import_react.useCallback)(
-    (selectedFiles) => {
-      const fileArray = Array.from(selectedFiles);
-      if (files.length + fileArray.length > maxFiles) {
-        import_antd.message.error(`最多只能上传 ${maxFiles} 个文件`);
-        return;
+      return true;
+    };
+    const checkFileSize = (file) => {
+      const maxSize = maxFileSize * 1024 * 1024;
+      return file.size <= maxSize;
+    };
+    const isDuplicateFile = (file, files2) => {
+      return files2.some((f) => f.name === file.name && f.size === file.size);
+    };
+    const builtInValidators = [
+      // 数量校验（修复批量 bug）
+      (_file, { files: files2 }) => {
+        if (files2.length >= maxFiles) {
+          return `最多只能上传 ${maxFiles} 个文件`;
+        }
+        return null;
+      },
+      // 大小校验
+      (file) => {
+        const maxSize = maxFileSize * 1024 * 1024;
+        if (file.size > maxSize) {
+          return `文件大小不能超过 ${maxFileSize}MB`;
+        }
+        return null;
+      },
+      // 类型校验
+      (file) => {
+        if (!checkFileType(file)) {
+          return "不支持的文件类型";
+        }
+        return null;
+      },
+      // ⭐ 新增：去重校验
+      (file, { files: files2 }) => {
+        if (isDuplicateFile(file, files2)) {
+          return "文件已存在";
+        }
+        return null;
       }
-      const validFiles = [];
-      fileArray.forEach((file) => {
-        const validation = validateFile(file);
-        if (validation.valid) {
-          validFiles.push({
-            id: generateId(),
-            uid: generateId(),
-            name: file.name,
-            size: file.size,
-            type: file.type,
-            file,
-            progress: 0,
-            status: "pending",
-            response: null
-          });
-        } else {
-          import_antd.message.error(validation.message);
+    ];
+    const allValidators = [...builtInValidators, ...customValidators];
+    const validateFile = (file) => {
+      for (const validator of allValidators) {
+        const error = validator(file, { files });
+        if (error) {
+          return { valid: false, message: error };
         }
-      });
-      if (validFiles.length > 0) {
-        setFiles((prev) => {
-          const next = [...prev, ...validFiles];
-          onFilesChange == null ? void 0 : onFilesChange(next);
-          return next;
-        });
-        uploadFiles(validFiles);
       }
-    },
-    [files, maxFiles, maxFileSize, allowedFileTypes]
-  );
-  (0, import_react.useImperativeHandle)(ref, () => ({
-    addFiles: (rawFiles) => {
-      handleFileSelect(rawFiles);
-    }
-  }), [handleFileSelect]);
-  const uploadFiles = async (fileList) => {
-    for (const localFile of fileList) {
-      setFiles(
-        (prev) => prev.map(
-          (f) => f.id === localFile.id ? { ...f, status: "uploading" } : f
-        )
-      );
-      try {
-        await uploadRequest({
-          file: localFile.file,
-          onProgress: (e) => {
-            setFiles(
-              (prev) => prev.map(
-                (f) => f.id === localFile.id ? { ...f, progress: e.percent } : f
-              )
-            );
-          },
-          onSuccess: (response) => {
-            const responseData = normalizeUploadResponse(response);
-            setFiles(
-              (prev) => prev.map(
-                (f) => f.id === localFile.id ? {
-                  ...f,
-                  status: "success",
-                  progress: 100,
-                  response,
-                  fileId: responseData.fileId || responseData.id,
-                  tempUrl: responseData.tempUrl || responseData.fileUrl || responseData.url
-                } : f
-              )
-            );
-            onUploadSuccess == null ? void 0 : onUploadSuccess({
-              ...localFile,
-              status: "success",
-              response,
-              fileId: responseData.fileId || responseData.id,
-              tempUrl: responseData.tempUrl || responseData.fileUrl || responseData.url
+      return { valid: true };
+    };
+    const handleFileSelect = (0, import_react.useCallback)(
+      (selectedFiles) => {
+        const fileArray = Array.from(selectedFiles);
+        if (files.length + fileArray.length > maxFiles) {
+          import_antd.message.error(`最多只能上传 ${maxFiles} 个文件`);
+          return;
+        }
+        const validFiles = [];
+        fileArray.forEach((file) => {
+          const validation = validateFile(file);
+          if (validation.valid) {
+            validFiles.push({
+              id: generateId(),
+              uid: generateId(),
+              name: file.name,
+              size: file.size,
+              type: file.type,
+              file,
+              progress: 0,
+              status: "pending",
+              response: null
             });
-          },
-          onError: (error) => {
-            setFiles(
-              (prev) => prev.map(
-                (f) => f.id === localFile.id ? {
-                  ...f,
-                  status: "error",
-                  errorMessage: error.message
-                } : f
-              )
-            );
-            onUploadError == null ? void 0 : onUploadError(localFile, error);
+          } else {
+            import_antd.message.error(validation.message);
           }
         });
-      } catch (error) {
-        console.error("上传处理错误:", error);
+        if (validFiles.length > 0) {
+          setFiles((prev) => {
+            const next = [...prev, ...validFiles];
+            onFilesChange == null ? void 0 : onFilesChange(next);
+            return next;
+          });
+          uploadFiles(validFiles);
+        }
+      },
+      [files, maxFiles, maxFileSize, allowedFileTypes]
+    );
+    (0, import_react.useImperativeHandle)(
+      ref,
+      () => ({
+        addFiles: (rawFiles) => {
+          handleFileSelect(rawFiles);
+        }
+      }),
+      [handleFileSelect]
+    );
+    const uploadFiles = async (fileList) => {
+      for (const localFile of fileList) {
         setFiles(
           (prev) => prev.map(
-            (f) => f.id === localFile.id ? {
-              ...f,
-              status: "error",
-              errorMessage: error instanceof Error ? error.message : "上传处理失败"
-            } : f
+            (f) => f.id === localFile.id ? { ...f, status: "uploading" } : f
           )
         );
-        import_antd.message.error(`${localFile.name} 上传失败`);
+        try {
+          await uploadRequest({
+            file: localFile.file,
+            onProgress: (e) => {
+              setFiles(
+                (prev) => prev.map(
+                  (f) => f.id === localFile.id ? { ...f, progress: e.percent } : f
+                )
+              );
+            },
+            onSuccess: (response) => {
+              const responseData = normalizeUploadResponse(response);
+              setFiles(
+                (prev) => prev.map(
+                  (f) => f.id === localFile.id ? {
+                    ...f,
+                    status: "success",
+                    progress: 100,
+                    response,
+                    fileId: responseData.fileId || responseData.id,
+                    tempUrl: responseData.tempUrl || responseData.fileUrl || responseData.url
+                  } : f
+                )
+              );
+              onUploadSuccess == null ? void 0 : onUploadSuccess({
+                ...localFile,
+                status: "success",
+                response,
+                fileId: responseData.fileId || responseData.id,
+                tempUrl: responseData.tempUrl || responseData.fileUrl || responseData.url
+              });
+            },
+            onError: (error) => {
+              setFiles(
+                (prev) => prev.map(
+                  (f) => f.id === localFile.id ? {
+                    ...f,
+                    status: "error",
+                    errorMessage: error.message
+                  } : f
+                )
+              );
+              onUploadError == null ? void 0 : onUploadError(localFile, error);
+            }
+          });
+        } catch (error) {
+          console.error("上传处理错误:", error);
+          setFiles(
+            (prev) => prev.map(
+              (f) => f.id === localFile.id ? {
+                ...f,
+                status: "error",
+                errorMessage: error instanceof Error ? error.message : "上传处理失败"
+              } : f
+            )
+          );
+          import_antd.message.error(`${localFile.name} 上传失败`);
+        }
       }
-    }
-  };
-  const handleRemoveFile = (id) => {
-    setFiles((prev) => {
-      const next = prev.filter((file) => file.id !== id);
-      onFilesChange == null ? void 0 : onFilesChange(next);
-      return next;
-    });
-  };
-  const triggerFileSelect = () => {
-    if (fileInputRef.current) {
-      fileInputRef.current.click();
-    }
-  };
-  const handleDragOver = (0, import_react.useCallback)(
-    (e) => {
-      e.preventDefault();
-      e.stopPropagation();
-      if (allowUpload) {
-        setIsDragOver(true);
+    };
+    const handleRemoveFile = (id) => {
+      setFiles((prev) => {
+        const next = prev.filter((file) => file.id !== id);
+        onFilesChange == null ? void 0 : onFilesChange(next);
+        return next;
+      });
+    };
+    const triggerFileSelect = () => {
+      if (fileInputRef.current) {
+        fileInputRef.current.click();
       }
-    },
-    [allowUpload]
-  );
-  const handleDragLeave = (0, import_react.useCallback)(
-    (e) => {
-      e.preventDefault();
-      e.stopPropagation();
-      if (allowUpload) {
+    };
+    const handleDragOver = (0, import_react.useCallback)(
+      (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        if (allowUpload) {
+          setIsDragOver(true);
+        }
+      },
+      [allowUpload]
+    );
+    const handleDragLeave = (0, import_react.useCallback)(
+      (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        if (allowUpload) {
+          setIsDragOver(false);
+        }
+      },
+      [allowUpload]
+    );
+    const handleDrop = (0, import_react.useCallback)(
+      (e) => {
+        e.preventDefault();
+        e.stopPropagation();
         setIsDragOver(false);
+        if (allowUpload && e.dataTransfer.files && e.dataTransfer.files.length > 0) {
+          handleFileSelect(Array.from(e.dataTransfer.files));
+        }
+      },
+      [allowUpload, handleFileSelect]
+    );
+    const handleSubmit = () => {
+      if (!value.trim() && files.length === 0) {
+        import_antd.message.warning("请输入消息或选择文件");
+        return;
       }
-    },
-    [allowUpload]
-  );
-  const handleDrop = (0, import_react.useCallback)(
-    (e) => {
-      e.preventDefault();
-      e.stopPropagation();
-      setIsDragOver(false);
-      if (allowUpload && e.dataTransfer.files && e.dataTransfer.files.length > 0) {
-        handleFileSelect(Array.from(e.dataTransfer.files));
-      }
-    },
-    [allowUpload, handleFileSelect]
-  );
-  const handleSubmit = () => {
-    if (!value.trim() && files.length === 0) {
-      import_antd.message.warning("请输入消息或选择文件");
-      return;
-    }
-    const successFiles = files.filter((file) => file.status === "success");
-    const uploadingFiles = files.filter((file) => file.status === "uploading");
-    if (uploadingFiles.length > 0) {
-      import_antd.Modal.confirm({
-        title: "文件上传中",
-        content: `还有 ${uploadingFiles.length} 个文件正在上传，是否继续发送？`,
-        okText: "发送已完成的",
-        cancelText: "等待全部完成",
-        onOk: () => {
-          const formattedFiles = formatFilesForServer(successFiles);
-          if (onSubmit) {
-            onSubmit({
-              text: value,
-              files: formattedFiles
-            });
+      const successFiles = files.filter((file) => file.status === "success");
+      const uploadingFiles = files.filter(
+        (file) => file.status === "uploading"
+      );
+      if (uploadingFiles.length > 0) {
+        import_antd.Modal.confirm({
+          title: "文件上传中",
+          content: `还有 ${uploadingFiles.length} 个文件正在上传，是否继续发送？`,
+          okText: "发送已完成的",
+          cancelText: "等待全部完成",
+          onOk: () => {
+            const formattedFiles = formatFilesForServer(successFiles);
+            if (onSubmit) {
+              onSubmit({
+                text: value,
+                files: formattedFiles
+              });
+            }
+            setValue("");
+            setFiles((prev) => prev.filter((f) => f.status !== "success"));
+          },
+          onCancel: () => {
+            import_antd.message.info("请等待文件上传完成后再发送");
           }
-          setValue("");
-          setFiles((prev) => prev.filter((f) => f.status !== "success"));
-        },
-        onCancel: () => {
-          import_antd.message.info("请等待文件上传完成后再发送");
+        });
+      } else {
+        const formattedFiles = formatFilesForServer(successFiles);
+        if (onSubmit) {
+          onSubmit({
+            text: value,
+            files: formattedFiles
+          });
         }
+        setValue("");
+        setFiles((prev) => prev.filter((f) => f.status !== "success"));
+      }
+    };
+    const formatFilesForServer = (fileList) => {
+      return fileList.filter((file) => file.status === "success" && file.response).map((file) => {
+        const responseData = normalizeUploadResponse(file.response);
+        return {
+          fileName: responseData.fileName || file.name,
+          fileId: responseData.fileId || responseData.id || "",
+          tempUrl: responseData.tempUrl || responseData.fileUrl || responseData.url || "",
+          type: responseData.fileType || responseData.type || (0, import_file.getExt)(file),
+          size: responseData.fileSize || responseData.size || file.size,
+          mimeType: responseData.mimeType || file.type,
+          raw: {
+            ...responseData
+          }
+        };
       });
-    } else {
-      const formattedFiles = formatFilesForServer(successFiles);
-      if (onSubmit) {
-        onSubmit({
-          text: value,
-          files: formattedFiles
-        });
+    };
+    const handleInputChange = (e) => {
+      const newValue = e.target.value;
+      setValue(newValue);
+    };
+    const handleKeyDown = (e) => {
+      if (e.key === "Enter" && !e.shiftKey) {
+        e.preventDefault();
+        handleSubmit();
       }
-      setValue("");
-      setFiles((prev) => prev.filter((f) => f.status !== "success"));
-    }
-  };
-  const formatFilesForServer = (fileList) => {
-    return fileList.filter((file) => file.status === "success" && file.response).map((file) => {
-      const responseData = normalizeUploadResponse(file.response);
-      return {
-        fileName: responseData.fileName || file.name,
-        fileId: responseData.fileId || responseData.id || "",
-        tempUrl: responseData.tempUrl || responseData.fileUrl || responseData.url || "",
-        type: responseData.fileType || responseData.type || (0, import_file.getExt)(file),
-        size: responseData.fileSize || responseData.size || file.size,
-        mimeType: responseData.mimeType || file.type,
-        raw: {
-          ...responseData
-        }
-      };
-    });
-  };
-  const handleInputChange = (e) => {
-    const newValue = e.target.value;
-    setValue(newValue);
-  };
-  const handleKeyDown = (e) => {
-    if (e.key === "Enter" && !e.shiftKey) {
-      e.preventDefault();
-      handleSubmit();
-    }
-  };
-  const renderFileList = () => {
-    if (files.length === 0)
-      return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "div",
-      {
-        style: {
-          display: "flex",
-          flexWrap: "wrap",
-          gap: "8px",
-          padding: "12px 0"
-        },
-        children: files.map((file) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_FileGallery.default,
-          {
-            file,
-            type: "file",
-            removable: true,
-            onRemove: handleRemoveFile
+    };
+    const renderFileList = () => {
+      if (files.length === 0)
+        return null;
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          style: {
+            display: "flex",
+            flexWrap: "wrap",
+            gap: "8px",
+            padding: "12px 0"
           },
-          file.id
-        ))
-      }
-    );
-  };
-  const containerClass = `${styles.container} ${isDragOver ? "drag-over" : ""} ${showMask ? "show-mask" : ""}`;
-  const uploading = files.some((f) => f.status === "uploading");
-  const isDisabled = disabled || uploading || loading;
-  const hasContent = value.trim().length > 0;
-  const hasFiles = files.some((f) => f.status === "success");
-  const canSend = hasContent || hasFiles;
-  const SendButton = (props) => {
-    if (sendButtonRender) {
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: sendButtonRender({
-        loading,
-        disabled: uploading || disabled,
-        canSend,
-        onSend: handleSubmit,
-        onStop
-      }) });
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tooltip, { title: loading ? "停止生成" : "发送消息", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "button",
-      {
-        className: `${styles.iconButton} ${styles.sendButton} ${loading ? "stop" : ""}`,
-        onClick: loading ? onStop : handleSubmit,
-        disabled: uploading || disabled,
-        "aria-label": loading ? "停止生成" : "发送消息",
-        ...props,
-        children: loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.LoadingOutlined, { spin: true }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ArrowUpOutlined, {})
+          children: files.map((file) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_FileGallery.default,
+            {
+              file,
+              type: "file",
+              removable: true,
+              onRemove: handleRemoveFile
+            },
+            file.id
+          ))
+        }
+      );
+    };
+    const containerClass = `${styles.container} ${isDragOver ? "drag-over" : ""}`;
+    const uploading = files.some((f) => f.status === "uploading");
+    const isDisabled = disabled || uploading || loading;
+    const hasContent = value.trim().length > 0;
+    const hasFiles = files.some((f) => f.status === "success");
+    const canSend = hasContent || hasFiles;
+    const SendButton = (props) => {
+      if (sendButtonRender) {
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: sendButtonRender({
+          loading,
+          disabled: uploading || disabled,
+          canSend,
+          onSend: handleSubmit,
+          onStop
+        }) });
       }
-    ) });
-  };
-  const UploadButton = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tooltip, { title: "上传文件", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "button",
-    {
-      className: `${styles.iconButton} ${styles.uploadButton}`,
-      onClick: triggerFileSelect,
-      disabled: isDisabled,
-      "aria-label": "上传文件",
-      ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.PaperClipOutlined, {})
-    }
-  ) });
-  const ClearButton = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_antd.Popconfirm,
-    {
-      title: "确定要清空聊天记录吗?",
-      onConfirm: onClear,
-      placement: "top",
-      okText: "确定",
-      cancelText: "取消",
-      disabled: isDisabled,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tooltip, { title: loading ? "停止生成" : "发送消息", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "button",
         {
-          className: `${styles.iconButton} ${styles.clearButton}`,
-          disabled: isDisabled,
-          "aria-label": "清空聊天记录",
+          className: `${styles.iconButton} ${styles.sendButton} ${loading ? "stop" : ""}`,
+          onClick: loading ? onStop : handleSubmit,
+          disabled: uploading || disabled,
+          "aria-label": loading ? "停止生成" : "发送消息",
           ...props,
-          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ClearOutlined, {})
+          children: loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.LoadingOutlined, { spin: true }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ArrowUpOutlined, {})
         }
-      )
-    }
-  );
-  const actionsComponents = {
-    SendButton,
-    UploadButton,
-    ClearButton
-  };
-  const renderSlot = (slot, oriNode) => {
-    if (slot === false)
-      return null;
-    if (slot === void 0)
-      return oriNode;
-    if (typeof slot === "function") {
-      const result = slot(oriNode, { components: actionsComponents });
-      return result === false ? null : result;
-    }
-    return slot;
-  };
-  const defaultSuffix = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.buttonGroup, children: [
-    allowUpload && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tooltip, { title: "上传文件", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      ) });
+    };
+    const UploadButton = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tooltip, { title: "上传文件", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "button",
       {
         className: `${styles.iconButton} ${styles.uploadButton}`,
         onClick: triggerFileSelect,
         disabled: isDisabled,
         "aria-label": "上传文件",
+        ...props,
         children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.PaperClipOutlined, {})
       }
-    ) }),
-    sendButtonRender ? sendButtonRender({
-      loading,
-      disabled: uploading || disabled,
-      canSend,
-      onSend: handleSubmit,
-      onStop
-    }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tooltip, { title: loading ? "停止生成" : "发送消息", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "button",
+    ) });
+    const ClearButton = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_antd.Popconfirm,
       {
-        className: `${styles.iconButton} ${styles.sendButton} ${loading ? "stop" : ""}`,
-        onClick: loading ? onStop : handleSubmit,
-        disabled: uploading || disabled,
-        "aria-label": loading ? "停止生成" : "发送消息",
-        children: loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.LoadingOutlined, { spin: true }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ArrowUpOutlined, {})
-      }
-    ) })
-  ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    "div",
-    {
-      ref: containerRef,
-      className: containerClass,
-      onDragOver: allowUpload && draggable ? handleDragOver : void 0,
-      onDragLeave: allowUpload && draggable ? handleDragLeave : void 0,
-      onDrop: allowUpload && draggable ? handleDrop : void 0,
-      children: [
-        renderSlot(header, false),
-        allowUpload && files.length > 0 && renderFileList(),
-        allowUpload && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "input",
+        title: "确定要清空聊天记录吗?",
+        onConfirm: onClear,
+        placement: "top",
+        okText: "确定",
+        cancelText: "取消",
+        disabled: isDisabled,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
           {
-            ref: fileInputRef,
-            type: "file",
-            multiple: true,
-            accept: allowedFileTypes.join(","),
-            style: { display: "none" },
-            onChange: (e) => {
-              if (e.target.files) {
-                handleFileSelect(Array.from(e.target.files));
-                e.target.value = "";
-              }
-            }
+            className: `${styles.iconButton} ${styles.clearButton}`,
+            disabled: isDisabled,
+            "aria-label": "清空聊天记录",
+            ...props,
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ClearOutlined, {})
           }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.mainArea, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.senderWrap, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.inputAndButtons, children: [
-            clearBtnShow && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ClearButton, {}),
-            renderSlot(prefix, false),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.textAreaWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_antd.Input.TextArea,
-              {
-                className: styles.textArea,
-                value,
-                onChange: handleInputChange,
-                onKeyDown: handleKeyDown,
-                placeholder: "请输入消息...",
-                disabled: isDisabled,
-                autoSize: { minRows: 1, maxRows: 4 },
-                style: {
-                  border: "none",
-                  boxShadow: "none",
-                  outline: "none",
-                  padding: 0
+        )
+      }
+    );
+    const actionsComponents = {
+      SendButton,
+      UploadButton,
+      ClearButton
+    };
+    const renderSlot = (slot, oriNode) => {
+      if (slot === false)
+        return null;
+      if (slot === void 0)
+        return oriNode;
+      if (typeof slot === "function") {
+        const result = slot(oriNode, { components: actionsComponents });
+        return result === false ? null : result;
+      }
+      return slot;
+    };
+    const defaultSuffix = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.buttonGroup, children: [
+      allowUpload && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tooltip, { title: "上传文件", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "button",
+        {
+          className: `${styles.iconButton} ${styles.uploadButton}`,
+          onClick: triggerFileSelect,
+          disabled: isDisabled,
+          "aria-label": "上传文件",
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.PaperClipOutlined, {})
+        }
+      ) }),
+      sendButtonRender ? sendButtonRender({
+        loading,
+        disabled: uploading || disabled,
+        canSend,
+        onSend: handleSubmit,
+        onStop
+      }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tooltip, { title: loading ? "停止生成" : "发送消息", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "button",
+        {
+          className: `${styles.iconButton} ${styles.sendButton} ${loading ? "stop" : ""}`,
+          onClick: loading ? onStop : handleSubmit,
+          disabled: uploading || disabled,
+          "aria-label": loading ? "停止生成" : "发送消息",
+          children: loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.LoadingOutlined, { spin: true }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ArrowUpOutlined, {})
+        }
+      ) })
+    ] });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "div",
+      {
+        ref: containerRef,
+        className: containerClass,
+        onDragOver: allowUpload && draggable ? handleDragOver : void 0,
+        onDragLeave: allowUpload && draggable ? handleDragLeave : void 0,
+        onDrop: allowUpload && draggable ? handleDrop : void 0,
+        children: [
+          renderSlot(header, false),
+          allowUpload && files.length > 0 && renderFileList(),
+          allowUpload && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "input",
+            {
+              ref: fileInputRef,
+              type: "file",
+              multiple: true,
+              accept: allowedFileTypes.join(","),
+              style: { display: "none" },
+              onChange: (e) => {
+                if (e.target.files) {
+                  handleFileSelect(Array.from(e.target.files));
+                  e.target.value = "";
                 }
               }
-            ) }),
-            renderSlot(suffix, defaultSuffix)
-          ] }),
-          renderSlot(
-            footer,
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.tip, children: "内容由AI生成,无法确保真实准确,仅供参考" })
-          )
-        ] }) })
-      ]
-    }
-  );
-});
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.mainArea, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.senderWrap, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.inputAndButtons, children: [
+              clearBtnShow && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ClearButton, {}),
+              renderSlot(prefix, false),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.textAreaWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_antd.Input.TextArea,
+                {
+                  className: styles.textArea,
+                  value,
+                  onChange: handleInputChange,
+                  onKeyDown: handleKeyDown,
+                  placeholder: "请输入消息...",
+                  autoSize: { minRows: 1, maxRows: 4 },
+                  style: {
+                    border: "none",
+                    boxShadow: "none",
+                    outline: "none",
+                    padding: 0
+                  }
+                }
+              ) }),
+              renderSlot(suffix, defaultSuffix)
+            ] }),
+            renderSlot(
+              footer,
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.tip, children: "内容由AI生成,无法确保真实准确,仅供参考" })
+            )
+          ] }) })
+        ]
+      }
+    );
+  }
+);
 XAdkSender.displayName = "XAdkSender";
 var CompoundSender = XAdkSender;
 CompoundSender.Switch = import_Switch.default;