@ai-group/chat-sdk 3.7.0 → 3.7.1-alpha10

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

@@ -37,14 +37,16 @@ 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_QuickList = __toESM(require("./QuickList"));
+var import_InputTags = __toESM(require("./InputTags"));
+var import_InlineTagInput = __toESM(require("./InlineTagInput"));
 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,
+    draggable = false,
+    onFileSelect,
     loading = false,
     disabled = false,
     value: controlledValue,
@@ -59,28 +61,32 @@ var XAdkSender = (0, import_react.forwardRef)(
     onUploadSuccess,
     onUploadError,
     maxFileSize = 10,
+    placeholder = "",
     validators: customValidators = [],
-    // allowedFileTypes = [
-    //   "image/*",
-    //   "audio/*",
-    //   "video/*",
-    //   "application/pdf",
-    //   "text/plain",
-    //   ".doc",
-    //   ".docx",
-    //   ".xls",
-    //   ".xlsx",
-    //   ".ppt",
-    //   ".pptx",
-    //   "",
-    // ],
     allowedFileTypes = [],
     maxFiles = Infinity,
     sendButtonRender,
     suffix,
     header,
     prefix,
-    footer
+    footer,
+    footerLeft,
+    quickKeys = [],
+    inlineTags = false,
+    renderMention,
+    renderTag,
+    mentions: controlledMentions,
+    tags: controlledTags,
+    defaultMentions,
+    defaultTags = [],
+    defaultInputParts,
+    onMentionsChange,
+    onTagsChange,
+    onQuickKeyTrigger,
+    submitFormat = "text",
+    formatMention,
+    formatTag,
+    transformSubmitData
   }, ref) => {
     const styles = (0, import_styles.useStyles)();
     const isControlled = controlledValue !== void 0;
@@ -92,10 +98,27 @@ var XAdkSender = (0, import_react.forwardRef)(
       }
       onChange == null ? void 0 : onChange(newValue);
     };
+    const resolvedControlledMentions = controlledMentions ?? controlledTags;
+    const initialMentions = defaultMentions ?? defaultTags;
+    const isMentionsControlled = resolvedControlledMentions !== void 0;
+    const [internalMentions, setInternalMentions] = (0, import_react.useState)(initialMentions);
+    const mentions = isMentionsControlled ? resolvedControlledMentions : internalMentions;
+    const setMentions = (newMentions) => {
+      if (!isMentionsControlled) {
+        setInternalMentions(newMentions);
+      }
+      onMentionsChange == null ? void 0 : onMentionsChange(newMentions);
+      onTagsChange == null ? void 0 : onTagsChange(newMentions);
+    };
     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 textareaRef = (0, import_react.useRef)(null);
+    const inlineInputRef = (0, import_react.useRef)(null);
+    const [activeQuickKey, setActiveQuickKey] = (0, import_react.useState)(null);
+    const [quickKeyKeyword, setQuickKeyKeyword] = (0, import_react.useState)("");
+    const [quickKeyTriggerIdx, setQuickKeyTriggerIdx] = (0, import_react.useState)(-1);
+    const [quickKeyActiveIndex, setQuickKeyActiveIndex] = (0, import_react.useState)(0);
     const generateId = () => {
       return Date.now().toString(36) + Math.random().toString(36).substr(2);
     };
@@ -103,6 +126,76 @@ var XAdkSender = (0, import_react.forwardRef)(
       const data = (response == null ? void 0 : response.data) ?? response;
       return (Array.isArray(data) ? data[0] : data) ?? {};
     };
+    const escapeXml = (text) => text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;");
+    const escapeMarkdownLabel = (text) => text.replace(/\\/g, "\\\\").replace(/\]/g, "\\]");
+    const getMentionSubmitValue = (mention) => {
+      var _a, _b, _c;
+      return String(
+        mention.value ?? mention.uri ?? ((_a = mention.data) == null ? void 0 : _a.uri) ?? ((_b = mention.data) == null ? void 0 : _b.value) ?? ((_c = mention.data) == null ? void 0 : _c.name) ?? mention.targetId ?? mention.displayName ?? mention.label ?? ""
+      );
+    };
+    const defaultFormatMention = (mention, format, index) => {
+      const value2 = getMentionSubmitValue(mention);
+      if (format === "xml") {
+        return `<mention type="${escapeXml(mention.type)}" id="${escapeXml(mention.id)}" label="${escapeXml(mention.label)}" value="${escapeXml(value2)}" />`;
+      }
+      if (format === "markdown") {
+        const href = mention.uri || (value2.includes("://") ? value2 : `xadk-mention://${encodeURIComponent(mention.type)}/${encodeURIComponent(mention.id)}`);
+        return `[@${escapeMarkdownLabel(mention.displayName || mention.label)}](${href})`;
+      }
+      return `@${mention.displayName || value2 || `mention-${index + 1}`}`;
+    };
+    const serializeMention = (mention, format, index) => (formatMention == null ? void 0 : formatMention(mention, { format, index })) ?? (formatTag == null ? void 0 : formatTag(mention, { format, index })) ?? defaultFormatMention(mention, format, index);
+    const getSubmitParts = (0, import_react.useCallback)(() => {
+      var _a;
+      if (inlineTags) {
+        const parts = ((_a = inlineInputRef.current) == null ? void 0 : _a.getParts()) || [];
+        if (parts.length > 0)
+          return parts;
+      }
+      const textParts = value ? [{ type: "text", text: value }] : [];
+      const mentionParts = mentions.map((mention) => ({
+        type: "mention",
+        mention
+      }));
+      return [...mentionParts, ...textParts];
+    }, [inlineTags, mentions, value]);
+    const serializeParts = (parts, format) => {
+      if (format === "structured") {
+        return parts.reduce(
+          (content, part) => content + (part.type === "text" ? part.text : ""),
+          ""
+        );
+      }
+      let tagIndex = 0;
+      return parts.map((part) => {
+        if (part.type === "text")
+          return part.text;
+        const result = serializeMention(part.mention, format, tagIndex);
+        tagIndex += 1;
+        return result;
+      }).join("");
+    };
+    const createSubmitData = (formattedFiles) => {
+      const parts = getSubmitParts();
+      const rawText = parts.reduce(
+        (content, part) => content + (part.type === "text" ? part.text : ""),
+        ""
+      );
+      const standardData = {
+        text: serializeParts(parts, submitFormat),
+        rawText,
+        format: submitFormat,
+        parts,
+        files: formattedFiles,
+        mentions,
+        tags: mentions
+      };
+      return {
+        ...standardData,
+        payload: transformSubmitData == null ? void 0 : transformSubmitData(standardData)
+      };
+    };
     const checkFileType = (file) => {
       if ((allowedFileTypes == null ? void 0 : allowedFileTypes.length) > 0) {
         const ext = (0, import_file.getExt)(file);
@@ -121,22 +214,16 @@ var XAdkSender = (0, import_react.forwardRef)(
       }
       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) {
@@ -144,14 +231,12 @@ var XAdkSender = (0, import_react.forwardRef)(
         }
         return null;
       },
-      // 类型校验
       (file) => {
         if (!checkFileType(file)) {
           return "不支持的文件类型";
         }
         return null;
       },
-      // ⭐ 新增：去重校验
       (file, { files: files2 }) => {
         if (isDuplicateFile(file, files2)) {
           return "文件已存在";
@@ -211,9 +296,29 @@ var XAdkSender = (0, import_react.forwardRef)(
       () => ({
         addFiles: (rawFiles) => {
           handleFileSelect(rawFiles);
+        },
+        insertMention: (mention) => {
+          var _a;
+          if (inlineTags) {
+            (_a = inlineInputRef.current) == null ? void 0 : _a.insertMention(mention);
+            return;
+          }
+          setMentions([...mentions, mention]);
+        },
+        insertTag: (mention) => {
+          var _a;
+          if (inlineTags) {
+            (_a = inlineInputRef.current) == null ? void 0 : _a.insertMention(mention);
+            return;
+          }
+          setMentions([...mentions, mention]);
+        },
+        focus: () => {
+          var _a, _b;
+          inlineTags ? (_a = inlineInputRef.current) == null ? void 0 : _a.focus() : (_b = textareaRef.current) == null ? void 0 : _b.focus();
         }
       }),
-      [handleFileSelect]
+      [handleFileSelect, inlineTags, setMentions, mentions]
     );
     const uploadFiles = async (fileList) => {
       for (const localFile of fileList) {
@@ -289,44 +394,202 @@ var XAdkSender = (0, import_react.forwardRef)(
         return next;
       });
     };
-    const triggerFileSelect = () => {
-      if (fileInputRef.current) {
-        fileInputRef.current.click();
-      }
-    };
     const handleDragOver = (0, import_react.useCallback)(
       (e) => {
         e.preventDefault();
         e.stopPropagation();
-        if (allowUpload) {
+        if (draggable) {
           setIsDragOver(true);
         }
       },
-      [allowUpload]
+      [draggable]
     );
     const handleDragLeave = (0, import_react.useCallback)(
       (e) => {
         e.preventDefault();
         e.stopPropagation();
-        if (allowUpload) {
+        if (draggable) {
           setIsDragOver(false);
         }
       },
-      [allowUpload]
+      [draggable]
     );
     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));
+        if (draggable && e.dataTransfer.files && e.dataTransfer.files.length > 0) {
+          onFileSelect == null ? void 0 : onFileSelect(Array.from(e.dataTransfer.files));
         }
       },
-      [allowUpload, handleFileSelect]
+      [draggable, onFileSelect]
     );
+    const handleRemoveMention = (0, import_react.useCallback)(
+      (id) => {
+        setMentions(mentions.filter((item) => item.id !== id));
+      },
+      [mentions, setMentions]
+    );
+    const activeQuickKeyConfig = (0, import_react.useMemo)(() => {
+      if (!activeQuickKey)
+        return null;
+      return quickKeys.find((qk) => qk.key === activeQuickKey) || null;
+    }, [activeQuickKey, quickKeys]);
+    const activeQuickKeyOptionsLength = (activeQuickKeyConfig == null ? void 0 : activeQuickKeyConfig.options.length) || 0;
+    (0, import_react.useEffect)(() => {
+      setQuickKeyActiveIndex(0);
+    }, [activeQuickKey]);
+    (0, import_react.useEffect)(() => {
+      if (activeQuickKeyOptionsLength <= 0) {
+        setQuickKeyActiveIndex(0);
+        return;
+      }
+      setQuickKeyActiveIndex(
+        (prev) => (prev % activeQuickKeyOptionsLength + activeQuickKeyOptionsLength) % activeQuickKeyOptionsLength
+      );
+    }, [activeQuickKeyOptionsLength]);
+    const getNextQuickKeyIndex = (0, import_react.useCallback)(
+      (current, step) => {
+        if (activeQuickKeyOptionsLength <= 0)
+          return 0;
+        return (current + step + activeQuickKeyOptionsLength) % activeQuickKeyOptionsLength;
+      },
+      [activeQuickKeyOptionsLength]
+    );
+    const detectQuickKey = (0, import_react.useCallback)(
+      (text, cursorPos) => {
+        const quickKeyChars = quickKeys.map((qk) => qk.key);
+        if (quickKeyChars.length === 0)
+          return;
+        const textBeforeCursor = text.slice(0, cursorPos);
+        let found = false;
+        for (let i = textBeforeCursor.length - 1; i >= 0; i--) {
+          const char = textBeforeCursor[i];
+          if (/\s/.test(char))
+            break;
+          if (quickKeyChars.includes(char)) {
+            const keyword = textBeforeCursor.slice(i + 1);
+            setActiveQuickKey(char);
+            setQuickKeyKeyword(keyword);
+            setQuickKeyTriggerIdx(i);
+            setQuickKeyActiveIndex(0);
+            onQuickKeyTrigger == null ? void 0 : onQuickKeyTrigger(char, keyword);
+            found = true;
+            break;
+          }
+        }
+        if (!found && activeQuickKey) {
+          const triggerChar = text[quickKeyTriggerIdx];
+          const keyword = text.slice(quickKeyTriggerIdx + 1, cursorPos);
+          if (quickKeyTriggerIdx < 0 || !triggerChar || !quickKeyChars.includes(triggerChar) || /\s/.test(keyword)) {
+            setActiveQuickKey(null);
+            setQuickKeyKeyword("");
+            setQuickKeyTriggerIdx(-1);
+            setQuickKeyActiveIndex(0);
+          } else {
+            setQuickKeyKeyword(keyword);
+          }
+        }
+      },
+      [activeQuickKey, onQuickKeyTrigger, quickKeyTriggerIdx, quickKeys]
+    );
+    const handleQuickKeySelect = (0, import_react.useCallback)(
+      (option) => {
+        var _a, _b, _c, _d;
+        const mentionType = (activeQuickKeyConfig == null ? void 0 : activeQuickKeyConfig.mentionType) || (activeQuickKeyConfig == null ? void 0 : activeQuickKeyConfig.tagType) || activeQuickKey || "unknown";
+        const newMention = {
+          id: generateId(),
+          label: option.label,
+          type: mentionType,
+          value: option.value ?? option.uri ?? option.name ?? option.label,
+          uri: option.uri,
+          targetId: option.targetId ?? option.skillNo ?? option.pluginNo,
+          displayName: option.displayName ?? option.label,
+          trigger: activeQuickKey || void 0,
+          icon: option.icon,
+          data: option
+        };
+        (_a = activeQuickKeyConfig == null ? void 0 : activeQuickKeyConfig.onSelect) == null ? void 0 : _a.call(activeQuickKeyConfig, option);
+        if (inlineTags) {
+          (_b = inlineInputRef.current) == null ? void 0 : _b.insertMention(newMention, {
+            start: quickKeyTriggerIdx,
+            end: quickKeyTriggerIdx + 1 + quickKeyKeyword.length
+          });
+        } else {
+          setMentions([...mentions, newMention]);
+          if (quickKeyTriggerIdx >= 0) {
+            const newValue = value.slice(0, quickKeyTriggerIdx) + value.slice(quickKeyTriggerIdx + 1 + quickKeyKeyword.length);
+            setValue(newValue);
+          }
+        }
+        setActiveQuickKey(null);
+        setQuickKeyKeyword("");
+        setQuickKeyTriggerIdx(-1);
+        setQuickKeyActiveIndex(0);
+        inlineTags ? (_c = inlineInputRef.current) == null ? void 0 : _c.focus() : (_d = textareaRef.current) == null ? void 0 : _d.focus();
+      },
+      [
+        activeQuickKey,
+        activeQuickKeyConfig,
+        inlineTags,
+        mentions,
+        setMentions,
+        value,
+        quickKeyTriggerIdx,
+        quickKeyKeyword,
+        setValue
+      ]
+    );
+    const handleInputChange = (e) => {
+      const newValue = e.target.value;
+      setValue(newValue);
+      detectQuickKey(newValue, e.target.selectionStart || 0);
+    };
+    const handleInlineInputChange = (newValue) => {
+      var _a;
+      setValue(newValue);
+      detectQuickKey(
+        newValue,
+        ((_a = inlineInputRef.current) == null ? void 0 : _a.getCursorOffset()) || newValue.length
+      );
+    };
+    const handleQuickKeyByText = (text, cursorPos) => {
+      const quickKeyChars = quickKeys.map((qk) => qk.key);
+      if (quickKeyChars.length === 0)
+        return;
+      const textBeforeCursor = text.slice(0, cursorPos);
+      const lastChar = textBeforeCursor[cursorPos - 1];
+      if (lastChar && quickKeyChars.includes(lastChar)) {
+        if (activeQuickKey === lastChar && quickKeyTriggerIdx === cursorPos - 1) {
+          return;
+        }
+        setActiveQuickKey(lastChar);
+        setQuickKeyKeyword("");
+        setQuickKeyTriggerIdx(cursorPos - 1);
+        setQuickKeyActiveIndex(0);
+        onQuickKeyTrigger == null ? void 0 : onQuickKeyTrigger(lastChar, "");
+      }
+    };
+    const isQuickListControlKey = (key) => key === "ArrowDown" || key === "ArrowUp" || key === "Enter" || key === "Escape";
+    const handleKeyUp = (e) => {
+      if (activeQuickKey && isQuickListControlKey(e.key))
+        return;
+      const target = e.target;
+      handleQuickKeyByText(target.value || "", target.selectionStart || 0);
+    };
+    const handleInlineKeyUp = (e) => {
+      var _a, _b;
+      if (activeQuickKey && isQuickListControlKey(e.key))
+        return;
+      const text = ((_a = inlineInputRef.current) == null ? void 0 : _a.getText()) || "";
+      const cursorPos = ((_b = inlineInputRef.current) == null ? void 0 : _b.getCursorOffset()) || text.length;
+      handleQuickKeyByText(text, cursorPos);
+    };
     const handleSubmit = () => {
-      if (!value.trim() && files.length === 0) {
+      if (loading)
+        return;
+      if (!value.trim() && files.length === 0 && mentions.length === 0) {
         import_antd.message.warning("请输入消息或选择文件");
         return;
       }
@@ -343,12 +606,10 @@ var XAdkSender = (0, import_react.forwardRef)(
           onOk: () => {
             const formattedFiles = formatFilesForServer(successFiles);
             if (onSubmit) {
-              onSubmit({
-                text: value,
-                files: formattedFiles
-              });
+              onSubmit(createSubmitData(formattedFiles));
             }
             setValue("");
+            setMentions([]);
             setFiles((prev) => prev.filter((f) => f.status !== "success"));
           },
           onCancel: () => {
@@ -358,12 +619,10 @@ var XAdkSender = (0, import_react.forwardRef)(
       } else {
         const formattedFiles = formatFilesForServer(successFiles);
         if (onSubmit) {
-          onSubmit({
-            text: value,
-            files: formattedFiles
-          });
+          onSubmit(createSubmitData(formattedFiles));
         }
         setValue("");
+        setMentions([]);
         setFiles((prev) => prev.filter((f) => f.status !== "success"));
       }
     };
@@ -383,12 +642,36 @@ var XAdkSender = (0, import_react.forwardRef)(
         };
       });
     };
-    const handleInputChange = (e) => {
-      const newValue = e.target.value;
-      setValue(newValue);
-    };
     const handleKeyDown = (e) => {
-      if (e.key === "Enter" && !e.shiftKey) {
+      const quickKeyOptions = (activeQuickKeyConfig == null ? void 0 : activeQuickKeyConfig.options) || [];
+      if (activeQuickKey && quickKeyOptions.length > 0) {
+        if (e.key === "ArrowDown") {
+          e.preventDefault();
+          setQuickKeyActiveIndex((prev) => getNextQuickKeyIndex(prev, 1));
+          return;
+        }
+        if (e.key === "ArrowUp") {
+          e.preventDefault();
+          setQuickKeyActiveIndex((prev) => getNextQuickKeyIndex(prev, -1));
+          return;
+        }
+        if (e.key === "Enter") {
+          e.preventDefault();
+          handleQuickKeySelect(
+            quickKeyOptions[Math.min(quickKeyActiveIndex, quickKeyOptions.length - 1)]
+          );
+          return;
+        }
+        if (e.key === "Escape") {
+          e.preventDefault();
+          setActiveQuickKey(null);
+          setQuickKeyKeyword("");
+          setQuickKeyTriggerIdx(-1);
+          setQuickKeyActiveIndex(0);
+          return;
+        }
+      }
+      if (e.key === "Enter" && !e.shiftKey && !activeQuickKey) {
         e.preventDefault();
         handleSubmit();
       }
@@ -396,34 +679,25 @@ var XAdkSender = (0, import_react.forwardRef)(
     const renderFileList = () => {
       if (files.length === 0)
         return null;
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        "div",
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.contextFiles, children: files.map((file) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_FileGallery.default,
         {
-          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
-            },
-            file.id
-          ))
-        }
-      );
+          file,
+          size: "small",
+          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 controlsDisabled = disabled || uploading || loading;
+    const inputDisabled = disabled || uploading;
     const hasContent = value.trim().length > 0;
     const hasFiles = files.some((f) => f.status === "success");
-    const canSend = hasContent || hasFiles;
+    const hasMentions = mentions.length > 0;
+    const canSend = hasContent || hasFiles || hasMentions;
     const SendButton = (props) => {
       if (sendButtonRender) {
         return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: sendButtonRender({
@@ -446,17 +720,6 @@ var XAdkSender = (0, import_react.forwardRef)(
         }
       ) });
     };
-    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,
       {
@@ -465,12 +728,12 @@ var XAdkSender = (0, import_react.forwardRef)(
         placement: "top",
         okText: "确定",
         cancelText: "取消",
-        disabled: isDisabled,
+        disabled: controlsDisabled,
         children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           "button",
           {
             className: `${styles.iconButton} ${styles.clearButton}`,
-            disabled: isDisabled,
+            disabled: controlsDisabled,
             "aria-label": "清空聊天记录",
             ...props,
             children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ClearOutlined, {})
@@ -480,7 +743,6 @@ var XAdkSender = (0, import_react.forwardRef)(
     );
     const actionsComponents = {
       SendButton,
-      UploadButton,
       ClearButton
     };
     const renderSlot = (slot, oriNode) => {
@@ -494,73 +756,73 @@ var XAdkSender = (0, import_react.forwardRef)(
       }
       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,
+    const headerNode = renderSlot(header, false);
+    const fileListNode = files.length > 0 ? renderFileList() : null;
+    const defaultSuffix = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.buttonGroup, children: 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,
-        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, {})
-        }
-      ) })
+        "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, {})
+      }
+    ) }) });
+    const defaultActionBar = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.actionBar, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.actionBarLeft, children: renderSlot(footerLeft, false) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.actionBarRight, children: [
+        clearBtnShow && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ClearButton, {}),
+        renderSlot(suffix, defaultSuffix)
+      ] })
     ] });
     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,
+        onDragOver: draggable ? handleDragOver : void 0,
+        onDragLeave: draggable ? handleDragLeave : void 0,
+        onDrop: 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: [
+            (headerNode || fileListNode) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.contextBar, children: [
+              headerNode && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.contextHeader, children: headerNode }),
+              fileListNode
+            ] }),
+            !inlineTags && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_InputTags.default, { mentions, onRemove: handleRemoveMention }),
             /* @__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)(
+              inlineTags ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_InlineTagInput.default,
+                {
+                  ref: inlineInputRef,
+                  value,
+                  mentions,
+                  defaultInputParts,
+                  placeholder,
+                  disabled: inputDisabled,
+                  onChange: handleInlineInputChange,
+                  onMentionsChange: setMentions,
+                  onKeyDown: handleKeyDown,
+                  onKeyUp: handleInlineKeyUp,
+                  renderMention: renderMention ?? renderTag
+                }
+              ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.textAreaWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                 import_antd.Input.TextArea,
                 {
+                  ref: textareaRef,
                   className: styles.textArea,
                   value,
                   onChange: handleInputChange,
                   onKeyDown: handleKeyDown,
-                  placeholder: "请输入消息...",
+                  onKeyUp: handleKeyUp,
+                  placeholder,
                   autoSize: { minRows: 1, maxRows: 4 },
                   style: {
                     border: "none",
@@ -569,21 +831,31 @@ var XAdkSender = (0, import_react.forwardRef)(
                     padding: 0
                   }
                 }
-              ) }),
-              renderSlot(suffix, defaultSuffix)
+              ) })
             ] }),
-            renderSlot(
-              footer,
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.tip, children: "内容由AI生成,无法确保真实准确,仅供参考" })
-            )
-          ] }) })
+            activeQuickKey && activeQuickKeyConfig && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.quickListWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_QuickList.default,
+              {
+                config: activeQuickKeyConfig,
+                activeIndex: quickKeyActiveIndex,
+                onSelect: handleQuickKeySelect,
+                onClose: () => {
+                  setActiveQuickKey(null);
+                  setQuickKeyKeyword("");
+                  setQuickKeyTriggerIdx(-1);
+                  setQuickKeyActiveIndex(0);
+                },
+                visible: true
+              }
+            ) }),
+            footer === false ? defaultActionBar : renderSlot(footer, defaultActionBar)
+          ] }) }),
+          !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;
+var XAdkSender_default = XAdkSender;
 //# sourceMappingURL=index.js.map