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

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

@@ -1,22 +1,27 @@
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useState, useRef, useCallback, forwardRef, useImperativeHandle } from "react";
+import React, { useState, useRef, useCallback, forwardRef, useImperativeHandle, useMemo, useEffect } from "react";
 import { Popconfirm, message, Tooltip, Input, Modal } from "antd";
-import { ClearOutlined, LoadingOutlined, ArrowUpOutlined, PaperClipOutlined } from "@ant-design/icons";
+import { ClearOutlined, LoadingOutlined, ArrowUpOutlined } from "@ant-design/icons";
 import { useStyles } from "./styles";
 import FileGallery from "../FileGallery";
+import QuickList from "./QuickList";
+import InputTags from "./InputTags";
+import InlineTagInput from "./InlineTagInput";
 import { getExt } from "../../utils/file";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$clearBtnShow = _ref.clearBtnShow,
     clearBtnShow = _ref$clearBtnShow === void 0 ? true : _ref$clearBtnShow,
-    _ref$allowUpload = _ref.allowUpload,
-    allowUpload = _ref$allowUpload === void 0 ? false : _ref$allowUpload,
     _ref$draggable = _ref.draggable,
-    draggable = _ref$draggable === void 0 ? true : _ref$draggable,
+    draggable = _ref$draggable === void 0 ? false : _ref$draggable,
+    onFileSelect = _ref.onFileSelect,
     _ref$loading = _ref.loading,
     loading = _ref$loading === void 0 ? false : _ref$loading,
     _ref$disabled = _ref.disabled,
@@ -35,6 +40,8 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onUploadError = _ref.onUploadError,
     _ref$maxFileSize = _ref.maxFileSize,
     maxFileSize = _ref$maxFileSize === void 0 ? 10 : _ref$maxFileSize,
+    _ref$placeholder = _ref.placeholder,
+    placeholder = _ref$placeholder === void 0 ? "" : _ref$placeholder,
     _ref$validators = _ref.validators,
     customValidators = _ref$validators === void 0 ? [] : _ref$validators,
     _ref$allowedFileTypes = _ref.allowedFileTypes,
@@ -45,7 +52,28 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
     suffix = _ref.suffix,
     header = _ref.header,
     prefix = _ref.prefix,
-    footer = _ref.footer;
+    footer = _ref.footer,
+    footerLeft = _ref.footerLeft,
+    _ref$quickKeys = _ref.quickKeys,
+    quickKeys = _ref$quickKeys === void 0 ? [] : _ref$quickKeys,
+    _ref$inlineTags = _ref.inlineTags,
+    inlineTags = _ref$inlineTags === void 0 ? false : _ref$inlineTags,
+    renderMention = _ref.renderMention,
+    renderTag = _ref.renderTag,
+    controlledMentions = _ref.mentions,
+    controlledTags = _ref.tags,
+    defaultMentions = _ref.defaultMentions,
+    _ref$defaultTags = _ref.defaultTags,
+    defaultTags = _ref$defaultTags === void 0 ? [] : _ref$defaultTags,
+    defaultInputParts = _ref.defaultInputParts,
+    onMentionsChange = _ref.onMentionsChange,
+    onTagsChange = _ref.onTagsChange,
+    onQuickKeyTrigger = _ref.onQuickKeyTrigger,
+    _ref$submitFormat = _ref.submitFormat,
+    submitFormat = _ref$submitFormat === void 0 ? "text" : _ref$submitFormat,
+    formatMention = _ref.formatMention,
+    formatTag = _ref.formatTag,
+    transformSubmitData = _ref.transformSubmitData;
   var styles = useStyles();
   var isControlled = controlledValue !== undefined;
   var _useState = useState(defaultValue),
@@ -59,16 +87,53 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }
     onChange === null || onChange === void 0 || onChange(newValue);
   };
-  var _useState3 = useState([]),
+
+  // mentions 支持受控/非受控两种模式；inlineTags 打开时会和输入内容混排。
+  var resolvedControlledMentions = controlledMentions !== null && controlledMentions !== void 0 ? controlledMentions : controlledTags;
+  var initialMentions = defaultMentions !== null && defaultMentions !== void 0 ? defaultMentions : defaultTags;
+  var isMentionsControlled = resolvedControlledMentions !== undefined;
+  var _useState3 = useState(initialMentions),
     _useState4 = _slicedToArray(_useState3, 2),
-    files = _useState4[0],
-    setFiles = _useState4[1];
-  var _useState5 = useState(false),
+    internalMentions = _useState4[0],
+    setInternalMentions = _useState4[1];
+  var mentions = isMentionsControlled ? resolvedControlledMentions : internalMentions;
+  var setMentions = function setMentions(newMentions) {
+    if (!isMentionsControlled) {
+      setInternalMentions(newMentions);
+    }
+    onMentionsChange === null || onMentionsChange === void 0 || onMentionsChange(newMentions);
+    onTagsChange === null || onTagsChange === void 0 || onTagsChange(newMentions);
+  };
+  var _useState5 = useState([]),
     _useState6 = _slicedToArray(_useState5, 2),
-    isDragOver = _useState6[0],
-    setIsDragOver = _useState6[1];
+    files = _useState6[0],
+    setFiles = _useState6[1];
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    isDragOver = _useState8[0],
+    setIsDragOver = _useState8[1];
   var containerRef = useRef(null);
-  var fileInputRef = useRef(null);
+  var textareaRef = useRef(null);
+  var inlineInputRef = useRef(null);
+
+  // 快捷键弹层状态：记录触发字符、关键词，以及触发字符在纯文本中的位置。
+  // SDK 不内置搜索框；业务方可在 onQuickKeyTrigger 中根据 keyword 自行更新 quickKeys.options。
+  var _useState9 = useState(null),
+    _useState10 = _slicedToArray(_useState9, 2),
+    activeQuickKey = _useState10[0],
+    setActiveQuickKey = _useState10[1];
+  var _useState11 = useState(""),
+    _useState12 = _slicedToArray(_useState11, 2),
+    quickKeyKeyword = _useState12[0],
+    setQuickKeyKeyword = _useState12[1];
+  var _useState13 = useState(-1),
+    _useState14 = _slicedToArray(_useState13, 2),
+    quickKeyTriggerIdx = _useState14[0],
+    setQuickKeyTriggerIdx = _useState14[1];
+  var _useState15 = useState(0),
+    _useState16 = _slicedToArray(_useState15, 2),
+    quickKeyActiveIndex = _useState16[0],
+    setQuickKeyActiveIndex = _useState16[1];
 
   // 生成唯一ID
   var generateId = function generateId() {
@@ -79,13 +144,93 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
     var data = (_response$data = response === null || response === void 0 ? void 0 : response.data) !== null && _response$data !== void 0 ? _response$data : response;
     return (_ref2 = Array.isArray(data) ? data[0] : data) !== null && _ref2 !== void 0 ? _ref2 : {};
   };
+  var escapeXml = function escapeXml(text) {
+    return text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;");
+  };
+  var escapeMarkdownLabel = function escapeMarkdownLabel(text) {
+    return text.replace(/\\/g, "\\\\").replace(/\]/g, "\\]");
+  };
+  var getMentionSubmitValue = function getMentionSubmitValue(mention) {
+    var _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _mention$value, _mention$data, _mention$data2, _mention$data3;
+    return String((_ref3 = (_ref4 = (_ref5 = (_ref6 = (_ref7 = (_ref8 = (_ref9 = (_mention$value = mention.value) !== null && _mention$value !== void 0 ? _mention$value : mention.uri) !== null && _ref9 !== void 0 ? _ref9 : (_mention$data = mention.data) === null || _mention$data === void 0 ? void 0 : _mention$data.uri) !== null && _ref8 !== void 0 ? _ref8 : (_mention$data2 = mention.data) === null || _mention$data2 === void 0 ? void 0 : _mention$data2.value) !== null && _ref7 !== void 0 ? _ref7 : (_mention$data3 = mention.data) === null || _mention$data3 === void 0 ? void 0 : _mention$data3.name) !== null && _ref6 !== void 0 ? _ref6 : mention.targetId) !== null && _ref5 !== void 0 ? _ref5 : mention.displayName) !== null && _ref4 !== void 0 ? _ref4 : mention.label) !== null && _ref3 !== void 0 ? _ref3 : "");
+  };
+  var defaultFormatMention = function defaultFormatMention(mention, format, index) {
+    var value = getMentionSubmitValue(mention);
+    if (format === "xml") {
+      return "<mention type=\"".concat(escapeXml(mention.type), "\" id=\"").concat(escapeXml(mention.id), "\" label=\"").concat(escapeXml(mention.label), "\" value=\"").concat(escapeXml(value), "\" />");
+    }
+    if (format === "markdown") {
+      var href = mention.uri || (value.includes("://") ? value : "xadk-mention://".concat(encodeURIComponent(mention.type), "/").concat(encodeURIComponent(mention.id)));
+      return "[@".concat(escapeMarkdownLabel(mention.displayName || mention.label), "](").concat(href, ")");
+    }
+    return "@".concat(mention.displayName || value || "mention-".concat(index + 1));
+  };
+  var serializeMention = function serializeMention(mention, format, index) {
+    var _ref10, _formatMention;
+    return (_ref10 = (_formatMention = formatMention === null || formatMention === void 0 ? void 0 : formatMention(mention, {
+      format: format,
+      index: index
+    })) !== null && _formatMention !== void 0 ? _formatMention : formatTag === null || formatTag === void 0 ? void 0 : formatTag(mention, {
+      format: format,
+      index: index
+    })) !== null && _ref10 !== void 0 ? _ref10 : defaultFormatMention(mention, format, index);
+  };
+  var getSubmitParts = useCallback(function () {
+    if (inlineTags) {
+      var _inlineInputRef$curre;
+      var parts = ((_inlineInputRef$curre = inlineInputRef.current) === null || _inlineInputRef$curre === void 0 ? void 0 : _inlineInputRef$curre.getParts()) || [];
+      if (parts.length > 0) return parts;
+    }
+    var textParts = value ? [{
+      type: "text",
+      text: value
+    }] : [];
+    var mentionParts = mentions.map(function (mention) {
+      return {
+        type: "mention",
+        mention: mention
+      };
+    });
+    return [].concat(_toConsumableArray(mentionParts), textParts);
+  }, [inlineTags, mentions, value]);
+  var serializeParts = function serializeParts(parts, format) {
+    if (format === "structured") {
+      return parts.reduce(function (content, part) {
+        return content + (part.type === "text" ? part.text : "");
+      }, "");
+    }
+    var tagIndex = 0;
+    return parts.map(function (part) {
+      if (part.type === "text") return part.text;
+      var result = serializeMention(part.mention, format, tagIndex);
+      tagIndex += 1;
+      return result;
+    }).join("");
+  };
+  var createSubmitData = function createSubmitData(formattedFiles) {
+    var parts = getSubmitParts();
+    var rawText = parts.reduce(function (content, part) {
+      return content + (part.type === "text" ? part.text : "");
+    }, "");
+    var standardData = {
+      text: serializeParts(parts, submitFormat),
+      rawText: rawText,
+      format: submitFormat,
+      parts: parts,
+      files: formattedFiles,
+      mentions: mentions,
+      tags: mentions
+    };
+    return _objectSpread(_objectSpread({}, standardData), {}, {
+      payload: transformSubmitData === null || transformSubmitData === void 0 ? void 0 : transformSubmitData(standardData)
+    });
+  };
 
   // 检查文件类型
   var checkFileType = function checkFileType(file) {
     if ((allowedFileTypes === null || allowedFileTypes === void 0 ? void 0 : allowedFileTypes.length) > 0) {
       var ext = getExt(file);
       return allowedFileTypes.some(function (type) {
-        // 1️⃣ MIME 校验
         if (type.includes("/")) {
           if (type.endsWith("/*")) {
             return file.type.startsWith(type.split("/")[0]);
@@ -101,12 +246,6 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
     return true;
   };
 
-  // 检查文件大小
-  var checkFileSize = function checkFileSize(file) {
-    var maxSize = maxFileSize * 1024 * 1024;
-    return file.size <= maxSize;
-  };
-
   // 重复文件检测
   var isDuplicateFile = function isDuplicateFile(file, files) {
     return files.some(function (f) {
@@ -115,33 +254,25 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
   };
 
   // 内置校验器集合
-  var builtInValidators = [
-  // 数量校验（修复批量 bug）
-  function (_file, _ref3) {
-    var files = _ref3.files;
+  var builtInValidators = [function (_file, _ref11) {
+    var files = _ref11.files;
     if (files.length >= maxFiles) {
       return "\u6700\u591A\u53EA\u80FD\u4E0A\u4F20 ".concat(maxFiles, " \u4E2A\u6587\u4EF6");
     }
     return null;
-  },
-  // 大小校验
-  function (file) {
+  }, function (file) {
     var maxSize = maxFileSize * 1024 * 1024;
     if (file.size > maxSize) {
       return "\u6587\u4EF6\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC7 ".concat(maxFileSize, "MB");
     }
     return null;
-  },
-  // 类型校验
-  function (file) {
+  }, function (file) {
     if (!checkFileType(file)) {
       return "不支持的文件类型";
     }
     return null;
-  },
-  // ⭐ 新增：去重校验
-  function (file, _ref4) {
-    var files = _ref4.files;
+  }, function (file, _ref12) {
+    var files = _ref12.files;
     if (isDuplicateFile(file, files)) {
       return "文件已存在";
     }
@@ -212,18 +343,38 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }
   }, [files, maxFiles, maxFileSize, allowedFileTypes]);
 
-  // 暴露 addFiles 方法供外层（如 DefaultLayout 拖拽上传）调用
+  // 暴露给业务工具栏调用的命令式能力；外部 Popover 选择标签时可插入到当前光标位置。
   useImperativeHandle(ref, function () {
     return {
       addFiles: function addFiles(rawFiles) {
         handleFileSelect(rawFiles);
+      },
+      insertMention: function insertMention(mention) {
+        if (inlineTags) {
+          var _inlineInputRef$curre2;
+          (_inlineInputRef$curre2 = inlineInputRef.current) === null || _inlineInputRef$curre2 === void 0 || _inlineInputRef$curre2.insertMention(mention);
+          return;
+        }
+        setMentions([].concat(_toConsumableArray(mentions), [mention]));
+      },
+      insertTag: function insertTag(mention) {
+        if (inlineTags) {
+          var _inlineInputRef$curre3;
+          (_inlineInputRef$curre3 = inlineInputRef.current) === null || _inlineInputRef$curre3 === void 0 || _inlineInputRef$curre3.insertMention(mention);
+          return;
+        }
+        setMentions([].concat(_toConsumableArray(mentions), [mention]));
+      },
+      focus: function focus() {
+        var _inlineInputRef$curre4, _textareaRef$current;
+        inlineTags ? (_inlineInputRef$curre4 = inlineInputRef.current) === null || _inlineInputRef$curre4 === void 0 ? void 0 : _inlineInputRef$curre4.focus() : (_textareaRef$current = textareaRef.current) === null || _textareaRef$current === void 0 ? void 0 : _textareaRef$current.focus();
       }
     };
-  }, [handleFileSelect]);
+  }, [handleFileSelect, inlineTags, setMentions, mentions]);
 
   // 上传文件
   var uploadFiles = /*#__PURE__*/function () {
-    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(fileList) {
+    var _ref13 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(fileList) {
       var _iterator2, _step2, _loop;
       return _regeneratorRuntime().wrap(function _callee$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
@@ -236,7 +387,6 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
                 while (1) switch (_context.prev = _context.next) {
                   case 0:
                     localFile = _step2.value;
-                    // 开始上传
                     setFiles(function (prev) {
                       return prev.map(function (f) {
                         return f.id === localFile.id ? _objectSpread(_objectSpread({}, f), {}, {
@@ -339,7 +489,7 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
       }, _callee, null, [[1, 10, 13, 16]]);
     }));
     return function uploadFiles(_x) {
-      return _ref5.apply(this, arguments);
+      return _ref13.apply(this, arguments);
     };
   }();
 
@@ -354,40 +504,201 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
     });
   };
 
-  // 触发文件选择
-  var triggerFileSelect = function triggerFileSelect() {
-    if (fileInputRef.current) {
-      fileInputRef.current.click();
-    }
-  };
-
   // 处理拖拽事件
   var handleDragOver = useCallback(function (e) {
     e.preventDefault();
     e.stopPropagation();
-    if (allowUpload) {
+    if (draggable) {
       setIsDragOver(true);
     }
-  }, [allowUpload]);
+  }, [draggable]);
   var handleDragLeave = useCallback(function (e) {
     e.preventDefault();
     e.stopPropagation();
-    if (allowUpload) {
+    if (draggable) {
       setIsDragOver(false);
     }
-  }, [allowUpload]);
+  }, [draggable]);
   var handleDrop = useCallback(function (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) {
+      // 内核不再自行处理文件，交给外层（DefaultLayout/业务）通过 onFileSelect 决定
+      onFileSelect === null || onFileSelect === void 0 || onFileSelect(Array.from(e.dataTransfer.files));
+    }
+  }, [draggable, onFileSelect]);
+
+  // 删除标签
+  var handleRemoveMention = useCallback(function (id) {
+    setMentions(mentions.filter(function (item) {
+      return item.id !== id;
+    }));
+  }, [mentions, setMentions]);
+
+  // 查找当前活跃的快捷键配置
+  var activeQuickKeyConfig = useMemo(function () {
+    if (!activeQuickKey) return null;
+    return quickKeys.find(function (qk) {
+      return qk.key === activeQuickKey;
+    }) || null;
+  }, [activeQuickKey, quickKeys]);
+  var activeQuickKeyOptionsLength = (activeQuickKeyConfig === null || activeQuickKeyConfig === void 0 ? void 0 : activeQuickKeyConfig.options.length) || 0;
+  useEffect(function () {
+    setQuickKeyActiveIndex(0);
+  }, [activeQuickKey]);
+  useEffect(function () {
+    if (activeQuickKeyOptionsLength <= 0) {
+      setQuickKeyActiveIndex(0);
+      return;
+    }
+
+    // 业务方可能在 onQuickKeyTrigger 中动态更新 options；
+    // 这里只做越界归一化，不重置有效索引，避免键盘高亮移动后又跳回第一项。
+    setQuickKeyActiveIndex(function (prev) {
+      return (prev % activeQuickKeyOptionsLength + activeQuickKeyOptionsLength) % activeQuickKeyOptionsLength;
+    });
+  }, [activeQuickKeyOptionsLength]);
+  var getNextQuickKeyIndex = useCallback(function (current, step) {
+    if (activeQuickKeyOptionsLength <= 0) return 0;
+    return (current + step + activeQuickKeyOptionsLength) % activeQuickKeyOptionsLength;
+  }, [activeQuickKeyOptionsLength]);
+
+  // 从当前光标前的连续文本片段中查找最近的快捷键，例如 abc@doc 会触发 @。
+  var detectQuickKey = useCallback(function (text, cursorPos) {
+    var quickKeyChars = quickKeys.map(function (qk) {
+      return qk.key;
+    });
+    if (quickKeyChars.length === 0) return;
+    var textBeforeCursor = text.slice(0, cursorPos);
+    var found = false;
+    for (var i = textBeforeCursor.length - 1; i >= 0; i--) {
+      var char = textBeforeCursor[i];
+      if (/\s/.test(char)) break;
+      if (quickKeyChars.includes(char)) {
+        var keyword = textBeforeCursor.slice(i + 1);
+        setActiveQuickKey(char);
+        setQuickKeyKeyword(keyword);
+        setQuickKeyTriggerIdx(i);
+        setQuickKeyActiveIndex(0);
+        onQuickKeyTrigger === null || onQuickKeyTrigger === void 0 || onQuickKeyTrigger(char, keyword);
+        found = true;
+        break;
+      }
+    }
+    if (!found && activeQuickKey) {
+      var triggerChar = text[quickKeyTriggerIdx];
+      var _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]);
+
+  // 选择快捷项后转成结构化 Mention；inline 模式会替换掉触发字符和关键词。
+  var handleQuickKeySelect = useCallback(function (option) {
+    var _ref14, _ref15, _option$value, _ref16, _option$targetId, _option$displayName, _activeQuickKeyConfig, _inlineInputRef$curre6, _textareaRef$current2;
+    var mentionType = (activeQuickKeyConfig === null || activeQuickKeyConfig === void 0 ? void 0 : activeQuickKeyConfig.mentionType) || (activeQuickKeyConfig === null || activeQuickKeyConfig === void 0 ? void 0 : activeQuickKeyConfig.tagType) || activeQuickKey || "unknown";
+    var newMention = {
+      id: generateId(),
+      label: option.label,
+      type: mentionType,
+      value: (_ref14 = (_ref15 = (_option$value = option.value) !== null && _option$value !== void 0 ? _option$value : option.uri) !== null && _ref15 !== void 0 ? _ref15 : option.name) !== null && _ref14 !== void 0 ? _ref14 : option.label,
+      uri: option.uri,
+      targetId: (_ref16 = (_option$targetId = option.targetId) !== null && _option$targetId !== void 0 ? _option$targetId : option.skillNo) !== null && _ref16 !== void 0 ? _ref16 : option.pluginNo,
+      displayName: (_option$displayName = option.displayName) !== null && _option$displayName !== void 0 ? _option$displayName : option.label,
+      trigger: activeQuickKey || undefined,
+      icon: option.icon,
+      data: option
+    };
+    activeQuickKeyConfig === null || activeQuickKeyConfig === void 0 || (_activeQuickKeyConfig = activeQuickKeyConfig.onSelect) === null || _activeQuickKeyConfig === void 0 || _activeQuickKeyConfig.call(activeQuickKeyConfig, option);
+    if (inlineTags) {
+      var _inlineInputRef$curre5;
+      (_inlineInputRef$curre5 = inlineInputRef.current) === null || _inlineInputRef$curre5 === void 0 || _inlineInputRef$curre5.insertMention(newMention, {
+        start: quickKeyTriggerIdx,
+        end: quickKeyTriggerIdx + 1 + quickKeyKeyword.length
+      });
+    } else {
+      setMentions([].concat(_toConsumableArray(mentions), [newMention]));
+
+      // 从输入框中删除快捷键字符和关键词
+      if (quickKeyTriggerIdx >= 0) {
+        var newValue = value.slice(0, quickKeyTriggerIdx) + value.slice(quickKeyTriggerIdx + 1 + quickKeyKeyword.length);
+        setValue(newValue);
+      }
+    }
+    setActiveQuickKey(null);
+    setQuickKeyKeyword("");
+    setQuickKeyTriggerIdx(-1);
+    setQuickKeyActiveIndex(0);
+    inlineTags ? (_inlineInputRef$curre6 = inlineInputRef.current) === null || _inlineInputRef$curre6 === void 0 ? void 0 : _inlineInputRef$curre6.focus() : (_textareaRef$current2 = textareaRef.current) === null || _textareaRef$current2 === void 0 ? void 0 : _textareaRef$current2.focus();
+  }, [activeQuickKey, activeQuickKeyConfig, inlineTags, mentions, setMentions, value, quickKeyTriggerIdx, quickKeyKeyword, setValue]);
+
+  // 处理输入框变化（含快捷键检测）
+  var handleInputChange = function handleInputChange(e) {
+    var newValue = e.target.value;
+    setValue(newValue);
+
+    // 检测快捷键触发
+    detectQuickKey(newValue, e.target.selectionStart || 0);
+  };
+  var handleInlineInputChange = function handleInlineInputChange(newValue) {
+    var _inlineInputRef$curre7;
+    setValue(newValue);
+    // contenteditable 的 selection 不一定和 React state 同步，需实时读取内部光标 offset。
+    detectQuickKey(newValue, ((_inlineInputRef$curre7 = inlineInputRef.current) === null || _inlineInputRef$curre7 === void 0 ? void 0 : _inlineInputRef$curre7.getCursorOffset()) || newValue.length);
+  };
+  var handleQuickKeyByText = function handleQuickKeyByText(text, cursorPos) {
+    var quickKeyChars = quickKeys.map(function (qk) {
+      return qk.key;
+    });
+    if (quickKeyChars.length === 0) return;
+    var textBeforeCursor = text.slice(0, cursorPos);
+
+    // 检测刚输入的字符是否是快捷键
+    var lastChar = textBeforeCursor[cursorPos - 1];
+    if (lastChar && quickKeyChars.includes(lastChar)) {
+      // 上下键导航后会触发 keyup，此时光标前仍是同一个快捷键字符；
+      // 如果重复重置 activeIndex，视觉上会“移动一下又回到第一项”。
+      if (activeQuickKey === lastChar && quickKeyTriggerIdx === cursorPos - 1) {
+        return;
+      }
+      setActiveQuickKey(lastChar);
+      setQuickKeyKeyword("");
+      setQuickKeyTriggerIdx(cursorPos - 1);
+      setQuickKeyActiveIndex(0);
+      onQuickKeyTrigger === null || onQuickKeyTrigger === void 0 || onQuickKeyTrigger(lastChar, "");
     }
-  }, [allowUpload, handleFileSelect]);
+  };
+
+  // onChange 负责更新搜索词；onKeyUp 兜底捕获刚输入的快捷键字符。
+  var isQuickListControlKey = function isQuickListControlKey(key) {
+    return key === "ArrowDown" || key === "ArrowUp" || key === "Enter" || key === "Escape";
+  };
+  var handleKeyUp = function handleKeyUp(e) {
+    if (activeQuickKey && isQuickListControlKey(e.key)) return;
+    var target = e.target;
+    handleQuickKeyByText(target.value || "", target.selectionStart || 0);
+  };
+  var handleInlineKeyUp = function handleInlineKeyUp(e) {
+    var _inlineInputRef$curre8, _inlineInputRef$curre9;
+    if (activeQuickKey && isQuickListControlKey(e.key)) return;
+    // inline 输入区不是 textarea，不能读 event.target.value，只能从 ref 取纯文本。
+    var text = ((_inlineInputRef$curre8 = inlineInputRef.current) === null || _inlineInputRef$curre8 === void 0 ? void 0 : _inlineInputRef$curre8.getText()) || "";
+    var cursorPos = ((_inlineInputRef$curre9 = inlineInputRef.current) === null || _inlineInputRef$curre9 === void 0 ? void 0 : _inlineInputRef$curre9.getCursorOffset()) || text.length;
+    handleQuickKeyByText(text, cursorPos);
+  };
 
   // 处理提交
   var handleSubmit = function handleSubmit() {
-    if (!value.trim() && files.length === 0) {
+    // 生成期间允许继续编辑下一条消息，但停止按钮仍代表当前唯一可执行动作。
+    if (loading) return;
+    if (!value.trim() && files.length === 0 && mentions.length === 0) {
       message.warning("请输入消息或选择文件");
       return;
     }
@@ -406,12 +717,10 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
         onOk: function onOk() {
           var formattedFiles = formatFilesForServer(successFiles);
           if (onSubmit) {
-            onSubmit({
-              text: value,
-              files: formattedFiles
-            });
+            onSubmit(createSubmitData(formattedFiles));
           }
           setValue("");
+          setMentions([]);
           setFiles(function (prev) {
             return prev.filter(function (f) {
               return f.status !== "success";
@@ -425,12 +734,10 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
     } else {
       var formattedFiles = formatFilesForServer(successFiles);
       if (onSubmit) {
-        onSubmit({
-          text: value,
-          files: formattedFiles
-        });
+        onSubmit(createSubmitData(formattedFiles));
       }
       setValue("");
+      setMentions([]);
       setFiles(function (prev) {
         return prev.filter(function (f) {
           return f.status !== "success";
@@ -457,34 +764,53 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
     });
   };
 
-  // 处理输入框变化
-  var handleInputChange = function handleInputChange(e) {
-    var newValue = e.target.value;
-    setValue(newValue);
-  };
-
   // 处理回车键
   var handleKeyDown = function handleKeyDown(e) {
-    if (e.key === "Enter" && !e.shiftKey) {
+    var quickKeyOptions = (activeQuickKeyConfig === null || activeQuickKeyConfig === void 0 ? void 0 : activeQuickKeyConfig.options) || [];
+    if (activeQuickKey && quickKeyOptions.length > 0) {
+      if (e.key === "ArrowDown") {
+        e.preventDefault();
+        setQuickKeyActiveIndex(function (prev) {
+          return getNextQuickKeyIndex(prev, 1);
+        });
+        return;
+      }
+      if (e.key === "ArrowUp") {
+        e.preventDefault();
+        setQuickKeyActiveIndex(function (prev) {
+          return 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();
     }
   };
 
-  // 渲染文件列表 - 使用新的 FileGallery 组件
+  // 渲染文件列表
   var renderFileList = function renderFileList() {
     if (files.length === 0) return null;
     return /*#__PURE__*/_jsx("div", {
-      style: {
-        display: "flex",
-        flexWrap: "wrap",
-        gap: "8px",
-        padding: "12px 0"
-      },
+      className: styles.contextFiles,
       children: files.map(function (file) {
         return /*#__PURE__*/_jsx(FileGallery, {
           file: file,
-          type: "file",
+          size: "small",
           removable: true,
           onRemove: handleRemoveFile
         }, file.id);
@@ -495,15 +821,16 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var uploading = files.some(function (f) {
     return f.status === "uploading";
   });
-  var isDisabled = disabled || uploading || loading;
+  var controlsDisabled = disabled || uploading || loading;
+  var inputDisabled = disabled || uploading;
   var hasContent = value.trim().length > 0;
   var hasFiles = files.some(function (f) {
     return f.status === "success";
   });
-  var canSend = hasContent || hasFiles;
+  var hasMentions = mentions.length > 0;
+  var canSend = hasContent || hasFiles || hasMentions;
 
-  // 定义按钮组件（供外部 slot 函数通过 actionsComponents 使用）
-  // 注意：sendButtonRender 的结果直接内联到 defaultSuffix 中，避免组件引用变化导致闪烁
+  // 定义按钮组件
   var SendButton = function SendButton(props) {
     if (sendButtonRender) {
       return /*#__PURE__*/_jsx(_Fragment, {
@@ -530,19 +857,6 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
       }))
     });
   };
-  var UploadButton = function UploadButton(props) {
-    return /*#__PURE__*/_jsx(Tooltip, {
-      title: "\u4E0A\u4F20\u6587\u4EF6",
-      children: /*#__PURE__*/_jsx("button", _objectSpread(_objectSpread({
-        className: "".concat(styles.iconButton, " ").concat(styles.uploadButton),
-        onClick: triggerFileSelect,
-        disabled: isDisabled,
-        "aria-label": "\u4E0A\u4F20\u6587\u4EF6"
-      }, props), {}, {
-        children: /*#__PURE__*/_jsx(PaperClipOutlined, {})
-      }))
-    });
-  };
   var ClearButton = function ClearButton(props) {
     return /*#__PURE__*/_jsx(Popconfirm, {
       title: "\u786E\u5B9A\u8981\u6E05\u7A7A\u804A\u5929\u8BB0\u5F55\u5417?",
@@ -550,10 +864,10 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
       placement: "top",
       okText: "\u786E\u5B9A",
       cancelText: "\u53D6\u6D88",
-      disabled: isDisabled,
+      disabled: controlsDisabled,
       children: /*#__PURE__*/_jsx("button", _objectSpread(_objectSpread({
         className: "".concat(styles.iconButton, " ").concat(styles.clearButton),
-        disabled: isDisabled,
+        disabled: controlsDisabled,
         "aria-label": "\u6E05\u7A7A\u804A\u5929\u8BB0\u5F55"
       }, props), {}, {
         children: /*#__PURE__*/_jsx(ClearOutlined, {})
@@ -562,7 +876,6 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
   };
   var actionsComponents = {
     SendButton: SendButton,
-    UploadButton: UploadButton,
     ClearButton: ClearButton
   };
 
@@ -578,20 +891,13 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }
     return slot;
   };
+  var headerNode = renderSlot(header, false);
+  var fileListNode = files.length > 0 ? renderFileList() : null;
 
-  // 默认的后缀内容(操作按钮组) - 直接内联渲染避免组件引用变化导致 unmount/remount
-  var defaultSuffix = /*#__PURE__*/_jsxs("div", {
+  // 默认后缀仅保留发送/停止按钮；上传与清空统一放到底部 actionBar，方便业务扩展左侧按钮组。
+  var defaultSuffix = /*#__PURE__*/_jsx("div", {
     className: styles.buttonGroup,
-    children: [allowUpload && /*#__PURE__*/_jsx(Tooltip, {
-      title: "\u4E0A\u4F20\u6587\u4EF6",
-      children: /*#__PURE__*/_jsx("button", {
-        className: "".concat(styles.iconButton, " ").concat(styles.uploadButton),
-        onClick: triggerFileSelect,
-        disabled: isDisabled,
-        "aria-label": "\u4E0A\u4F20\u6587\u4EF6",
-        children: /*#__PURE__*/_jsx(PaperClipOutlined, {})
-      })
-    }), sendButtonRender ? sendButtonRender({
+    children: sendButtonRender ? sendButtonRender({
       loading: loading,
       disabled: uploading || disabled,
       canSend: canSend,
@@ -608,42 +914,61 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
           spin: true
         }) : /*#__PURE__*/_jsx(ArrowUpOutlined, {})
       })
+    })
+  });
+  var defaultActionBar = /*#__PURE__*/_jsxs("div", {
+    className: styles.actionBar,
+    children: [/*#__PURE__*/_jsx("div", {
+      className: styles.actionBarLeft,
+      children: renderSlot(footerLeft, false)
+    }), /*#__PURE__*/_jsxs("div", {
+      className: styles.actionBarRight,
+      children: [clearBtnShow && /*#__PURE__*/_jsx(ClearButton, {}), renderSlot(suffix, defaultSuffix)]
     })]
   });
   return /*#__PURE__*/_jsxs("div", {
     ref: containerRef,
     className: containerClass,
-    onDragOver: allowUpload && draggable ? handleDragOver : undefined,
-    onDragLeave: allowUpload && draggable ? handleDragLeave : undefined,
-    onDrop: allowUpload && draggable ? handleDrop : undefined,
-    children: [renderSlot(header, false), allowUpload && files.length > 0 && renderFileList(), allowUpload && /*#__PURE__*/_jsx("input", {
-      ref: fileInputRef,
-      type: "file",
-      multiple: true,
-      accept: allowedFileTypes.join(","),
-      style: {
-        display: "none"
-      },
-      onChange: function onChange(e) {
-        if (e.target.files) {
-          handleFileSelect(Array.from(e.target.files));
-          e.target.value = "";
-        }
-      }
-    }), /*#__PURE__*/_jsx("div", {
+    onDragOver: draggable ? handleDragOver : undefined,
+    onDragLeave: draggable ? handleDragLeave : undefined,
+    onDrop: draggable ? handleDrop : undefined,
+    children: [/*#__PURE__*/_jsx("div", {
       className: styles.mainArea,
       children: /*#__PURE__*/_jsxs("div", {
         className: styles.senderWrap,
-        children: [/*#__PURE__*/_jsxs("div", {
+        children: [(headerNode || fileListNode) && /*#__PURE__*/_jsxs("div", {
+          className: styles.contextBar,
+          children: [headerNode && /*#__PURE__*/_jsx("div", {
+            className: styles.contextHeader,
+            children: headerNode
+          }), fileListNode]
+        }), !inlineTags && /*#__PURE__*/_jsx(InputTags, {
+          mentions: mentions,
+          onRemove: handleRemoveMention
+        }), /*#__PURE__*/_jsxs("div", {
           className: styles.inputAndButtons,
-          children: [clearBtnShow && /*#__PURE__*/_jsx(ClearButton, {}), renderSlot(prefix, false), /*#__PURE__*/_jsx("div", {
+          children: [renderSlot(prefix, false), inlineTags ? /*#__PURE__*/_jsx(InlineTagInput, {
+            ref: inlineInputRef,
+            value: value,
+            mentions: mentions,
+            defaultInputParts: defaultInputParts,
+            placeholder: placeholder,
+            disabled: inputDisabled,
+            onChange: handleInlineInputChange,
+            onMentionsChange: setMentions,
+            onKeyDown: handleKeyDown,
+            onKeyUp: handleInlineKeyUp,
+            renderMention: renderMention !== null && renderMention !== void 0 ? renderMention : renderTag
+          }) : /*#__PURE__*/_jsx("div", {
             className: styles.textAreaWrapper,
             children: /*#__PURE__*/_jsx(Input.TextArea, {
+              ref: textareaRef,
               className: styles.textArea,
               value: value,
               onChange: handleInputChange,
               onKeyDown: handleKeyDown,
-              placeholder: "\u8BF7\u8F93\u5165\u6D88\u606F...",
+              onKeyUp: handleKeyUp,
+              placeholder: placeholder,
               autoSize: {
                 minRows: 1,
                 maxRows: 4
@@ -655,21 +980,29 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
                 padding: 0
               }
             })
-          }), renderSlot(suffix, defaultSuffix)]
-        }), renderSlot(footer, /*#__PURE__*/_jsx("div", {
-          className: styles.tip,
-          children: "\u5185\u5BB9\u7531AI\u751F\u6210,\u65E0\u6CD5\u786E\u4FDD\u771F\u5B9E\u51C6\u786E,\u4EC5\u4F9B\u53C2\u8003"
-        }))]
+          })]
+        }), activeQuickKey && activeQuickKeyConfig && /*#__PURE__*/_jsx("div", {
+          className: styles.quickListWrapper,
+          children: /*#__PURE__*/_jsx(QuickList, {
+            config: activeQuickKeyConfig,
+            activeIndex: quickKeyActiveIndex,
+            onSelect: handleQuickKeySelect,
+            onClose: function onClose() {
+              setActiveQuickKey(null);
+              setQuickKeyKeyword("");
+              setQuickKeyTriggerIdx(-1);
+              setQuickKeyActiveIndex(0);
+            },
+            visible: true
+          })
+        }), footer === false ? defaultActionBar : renderSlot(footer, defaultActionBar)]
       })
+    }), !footer && /*#__PURE__*/_jsx("div", {
+      className: styles.tip,
+      children: "\u5185\u5BB9\u7531AI\u751F\u6210,\u65E0\u6CD5\u786E\u4FDD\u771F\u5B9E\u51C6\u786E,\u4EC5\u4F9B\u53C2\u8003"
     })]
   });
 });
 XAdkSender.displayName = "XAdkSender";
-import XAdkSenderSwitch from "./Switch";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var CompoundSender = XAdkSender;
-CompoundSender.Switch = XAdkSenderSwitch;
-export default CompoundSender;
+export default XAdkSender;
 //# sourceMappingURL=index.js.map