@ai-group/chat-sdk 3.5.5 → 3.5.7

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

@@ -0,0 +1,95 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/XAdkSender/Switch.tsx
+var Switch_exports = {};
+__export(Switch_exports, {
+  default: () => Switch_default
+});
+module.exports = __toCommonJS(Switch_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_clsx = require("clsx");
+var import_jsx_runtime = require("react/jsx-runtime");
+var XAdkSenderSwitch = import_react.default.forwardRef(
+  (props, ref) => {
+    const {
+      children,
+      className,
+      icon,
+      style,
+      onChange,
+      loading,
+      defaultValue = false,
+      value: customValue,
+      checkedChildren,
+      unCheckedChildren,
+      disabled
+    } = props;
+    const isControlled = customValue !== void 0;
+    const [internalChecked, setInternalChecked] = (0, import_react.useState)(defaultValue);
+    const mergedChecked = isControlled ? customValue : internalChecked;
+    const handleClick = () => {
+      if (disabled || loading)
+        return;
+      const newValue = !mergedChecked;
+      if (!isControlled) {
+        setInternalChecked(newValue);
+      }
+      onChange == null ? void 0 : onChange(newValue);
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        ref,
+        className: (0, import_clsx.clsx)("xadk-sender-switch", className, {
+          "xadk-sender-switch-checked": mergedChecked
+        }),
+        style,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          import_antd.Button,
+          {
+            disabled,
+            loading,
+            variant: "outlined",
+            color: mergedChecked ? "primary" : "default",
+            icon,
+            onClick: handleClick,
+            children: [
+              mergedChecked ? checkedChildren : unCheckedChildren,
+              children
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+XAdkSenderSwitch.displayName = "XAdkSenderSwitch";
+var Switch_default = XAdkSenderSwitch;
+//# sourceMappingURL=Switch.js.map

package/dist/cjs/components/XAdkSender/Switch.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/XAdkSender/Switch.tsx"],
+  "sourcesContent": ["import React, { useState } from \"react\";\nimport { Button } from \"antd\";\nimport { clsx } from \"clsx\";\n\nexport interface XAdkSenderSwitchProps {\n  className?: string;\n  style?: React.CSSProperties;\n  checkedChildren?: React.ReactNode;\n  unCheckedChildren?: React.ReactNode;\n  value?: boolean;\n  defaultValue?: boolean;\n  icon?: React.ReactNode;\n  loading?: boolean;\n  disabled?: boolean;\n  children?: React.ReactNode;\n  onChange?: (checked: boolean) => void;\n}\n\nconst XAdkSenderSwitch = React.forwardRef<HTMLDivElement, XAdkSenderSwitchProps>(\n  (props, ref) => {\n    const {\n      children,\n      className,\n      icon,\n      style,\n      onChange,\n      loading,\n      defaultValue = false,\n      value: customValue,\n      checkedChildren,\n      unCheckedChildren,\n      disabled,\n    } = props;\n\n    const isControlled = customValue !== undefined;\n    const [internalChecked, setInternalChecked] = useState(defaultValue);\n    const mergedChecked = isControlled ? customValue : internalChecked;\n\n    const handleClick = () => {\n      if (disabled || loading) return;\n      const newValue = !mergedChecked;\n      if (!isControlled) {\n        setInternalChecked(newValue);\n      }\n      onChange?.(newValue);\n    };\n\n    return (\n      <div\n        ref={ref}\n        className={clsx(\"xadk-sender-switch\", className, {\n          \"xadk-sender-switch-checked\": mergedChecked,\n        })}\n        style={style}\n      >\n        <Button\n          disabled={disabled}\n          loading={loading}\n          variant=\"outlined\"\n          color={mergedChecked ? \"primary\" : \"default\"}\n          icon={icon}\n          onClick={handleClick}\n        >\n          {mergedChecked ? checkedChildren : unCheckedChildren}\n          {children}\n        </Button>\n      </div>\n    );\n  },\n);\n\nXAdkSenderSwitch.displayName = \"XAdkSenderSwitch\";\n\nexport default XAdkSenderSwitch;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,kBAAuB;AACvB,kBAAqB;AA8Cf;AA9BN,IAAM,mBAAmB,aAAAA,QAAM;AAAA,EAC7B,CAAC,OAAO,QAAQ;AACd,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAe;AAAA,MACf,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI;AAEJ,UAAM,eAAe,gBAAgB;AACrC,UAAM,CAAC,iBAAiB,kBAAkB,QAAI,uBAAS,YAAY;AACnE,UAAM,gBAAgB,eAAe,cAAc;AAEnD,UAAM,cAAc,MAAM;AACxB,UAAI,YAAY;AAAS;AACzB,YAAM,WAAW,CAAC;AAClB,UAAI,CAAC,cAAc;AACjB,2BAAmB,QAAQ;AAAA,MAC7B;AACA,2CAAW;AAAA,IACb;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAW,kBAAK,sBAAsB,WAAW;AAAA,UAC/C,8BAA8B;AAAA,QAChC,CAAC;AAAA,QACD;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA,SAAQ;AAAA,YACR,OAAO,gBAAgB,YAAY;AAAA,YACnC;AAAA,YACA,SAAS;AAAA,YAER;AAAA,8BAAgB,kBAAkB;AAAA,cAClC;AAAA;AAAA;AAAA,QACH;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,iBAAiB,cAAc;AAE/B,IAAO,iBAAQ;",
+  "names": ["React"]
+}

package/dist/cjs/components/XAdkSender/index.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { XAdkSenderHandle } from "../../types";
+declare const XAdkSender: React.ForwardRefExoticComponent<import("../../types").SenderUIProps & import("../../types").UploaderCoreProps & React.RefAttributes<XAdkSenderHandle>>;
+import XAdkSenderSwitch from "./Switch";
+type XAdkSenderComponent = typeof XAdkSender & {
+    Switch: typeof XAdkSenderSwitch;
+};
+declare const CompoundSender: XAdkSenderComponent;
+export default CompoundSender;

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

@@ -0,0 +1,582 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/XAdkSender/index.tsx
+var XAdkSender_exports = {};
+__export(XAdkSender_exports, {
+  default: () => XAdkSender_default
+});
+module.exports = __toCommonJS(XAdkSender_exports);
+var import_react = require("react");
+var import_antd = require("antd");
+var import_icons = require("@ant-design/icons");
+var import_styles = require("./styles");
+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;
+    },
+    // ⭐ 新增：去重校验
+    (file, { files: files2 }) => {
+      if (isDuplicateFile(file, files2)) {
+        return "文件已存在";
+      }
+      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 };
+      }
+    }
+    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
+          });
+        } else {
+          import_antd.message.error(validation.message);
+        }
+      });
+      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
+            });
+          },
+          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);
+      }
+    },
+    [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;
+    }
+    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("请等待文件上传完成后再发送");
+        }
+      });
+    } 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
+        }
+      };
+    });
+  };
+  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,
+            removable: true,
+            onRemove: handleRemoveFile
+          },
+          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, {})
+      }
+    ) });
+  };
+  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)(
+        "button",
+        {
+          className: `${styles.iconButton} ${styles.clearButton}`,
+          disabled: isDisabled,
+          "aria-label": "清空聊天记录",
+          ...props,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ClearOutlined, {})
+        }
+      )
+    }
+  );
+  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 = "";
+              }
+            }
+          }
+        ),
+        /* @__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
+                }
+              }
+            ) }),
+            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;
+var XAdkSender_default = CompoundSender;
+//# sourceMappingURL=index.js.map