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

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

@@ -1,12 +1,12 @@
 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, 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";
@@ -19,10 +19,9 @@ 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,
@@ -59,12 +58,22 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
     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;
+    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),
@@ -79,18 +88,21 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onChange === null || onChange === void 0 || onChange(newValue);
   };
 
-  // tags 支持受控/非受控两种模式；inlineTags 打开时会和输入内容混排。
-  var isTagsControlled = controlledTags !== undefined;
-  var _useState3 = useState(defaultTags),
+  // 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),
-    internalTags = _useState4[0],
-    setInternalTags = _useState4[1];
-  var tags = isTagsControlled ? controlledTags : internalTags;
-  var setTags = function setTags(newTags) {
-    if (!isTagsControlled) {
-      setInternalTags(newTags);
+    internalMentions = _useState4[0],
+    setInternalMentions = _useState4[1];
+  var mentions = isMentionsControlled ? resolvedControlledMentions : internalMentions;
+  var setMentions = function setMentions(newMentions) {
+    if (!isMentionsControlled) {
+      setInternalMentions(newMentions);
     }
-    onTagsChange === null || onTagsChange === void 0 || onTagsChange(newTags);
+    onMentionsChange === null || onMentionsChange === void 0 || onMentionsChange(newMentions);
+    onTagsChange === null || onTagsChange === void 0 || onTagsChange(newMentions);
   };
   var _useState5 = useState([]),
     _useState6 = _slicedToArray(_useState5, 2),
@@ -101,7 +113,6 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
     isDragOver = _useState8[0],
     setIsDragOver = _useState8[1];
   var containerRef = useRef(null);
-  var fileInputRef = useRef(null);
   var textareaRef = useRef(null);
   var inlineInputRef = useRef(null);
 
@@ -133,6 +144,87 @@ 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) {
@@ -162,8 +254,8 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
   };
 
   // 内置校验器集合
-  var builtInValidators = [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");
     }
@@ -179,8 +271,8 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
       return "不支持的文件类型";
     }
     return null;
-  }, function (file, _ref4) {
-    var files = _ref4.files;
+  }, function (file, _ref12) {
+    var files = _ref12.files;
     if (isDuplicateFile(file, files)) {
       return "文件已存在";
     }
@@ -251,25 +343,38 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }
   }, [files, maxFiles, maxFileSize, allowedFileTypes]);
 
-  // 暴露 addFiles 方法
+  // 暴露给业务工具栏调用的命令式能力；外部 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]);
-
-  // 触发文件选择
-  var triggerFileSelect = function triggerFileSelect() {
-    if (fileInputRef.current) {
-      fileInputRef.current.click();
-    }
-  };
+  }, [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) {
@@ -384,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);
     };
   }();
 
@@ -403,32 +508,33 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
   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));
     }
-  }, [allowUpload, handleFileSelect]);
+  }, [draggable, onFileSelect]);
 
   // 删除标签
-  var handleRemoveTag = useCallback(function (id) {
-    setTags(tags.filter(function (t) {
-      return t.id !== id;
+  var handleRemoveMention = useCallback(function (id) {
+    setMentions(mentions.filter(function (item) {
+      return item.id !== id;
     }));
-  }, [tags, setTags]);
+  }, [mentions, setMentions]);
 
   // 查找当前活跃的快捷键配置
   var activeQuickKeyConfig = useMemo(function () {
@@ -494,25 +600,31 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }
   }, [activeQuickKey, onQuickKeyTrigger, quickKeyTriggerIdx, quickKeys]);
 
-  // 选择快捷项后转成结构化 tag；inline 模式会替换掉触发字符和关键词。
+  // 选择快捷项后转成结构化 Mention；inline 模式会替换掉触发字符和关键词。
   var handleQuickKeySelect = useCallback(function (option) {
-    var _activeQuickKeyConfig, _inlineInputRef$curre2, _textareaRef$current;
-    var newTag = {
+    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: activeQuickKey || "unknown",
+      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$curre;
-      (_inlineInputRef$curre = inlineInputRef.current) === null || _inlineInputRef$curre === void 0 || _inlineInputRef$curre.insertTag(newTag, {
+      var _inlineInputRef$curre5;
+      (_inlineInputRef$curre5 = inlineInputRef.current) === null || _inlineInputRef$curre5 === void 0 || _inlineInputRef$curre5.insertMention(newMention, {
         start: quickKeyTriggerIdx,
         end: quickKeyTriggerIdx + 1 + quickKeyKeyword.length
       });
     } else {
-      setTags([].concat(_toConsumableArray(tags), [newTag]));
+      setMentions([].concat(_toConsumableArray(mentions), [newMention]));
 
       // 从输入框中删除快捷键字符和关键词
       if (quickKeyTriggerIdx >= 0) {
@@ -524,8 +636,8 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
     setQuickKeyKeyword("");
     setQuickKeyTriggerIdx(-1);
     setQuickKeyActiveIndex(0);
-    inlineTags ? (_inlineInputRef$curre2 = inlineInputRef.current) === null || _inlineInputRef$curre2 === void 0 ? void 0 : _inlineInputRef$curre2.focus() : (_textareaRef$current = textareaRef.current) === null || _textareaRef$current === void 0 ? void 0 : _textareaRef$current.focus();
-  }, [activeQuickKey, activeQuickKeyConfig, inlineTags, tags, setTags, value, quickKeyTriggerIdx, quickKeyKeyword, setValue]);
+    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) {
@@ -536,10 +648,10 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
     detectQuickKey(newValue, e.target.selectionStart || 0);
   };
   var handleInlineInputChange = function handleInlineInputChange(newValue) {
-    var _inlineInputRef$curre3;
+    var _inlineInputRef$curre7;
     setValue(newValue);
     // contenteditable 的 selection 不一定和 React state 同步，需实时读取内部光标 offset。
-    detectQuickKey(newValue, ((_inlineInputRef$curre3 = inlineInputRef.current) === null || _inlineInputRef$curre3 === void 0 ? void 0 : _inlineInputRef$curre3.getCursorOffset()) || newValue.length);
+    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) {
@@ -574,17 +686,19 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
     handleQuickKeyByText(target.value || "", target.selectionStart || 0);
   };
   var handleInlineKeyUp = function handleInlineKeyUp(e) {
-    var _inlineInputRef$curre4, _inlineInputRef$curre5;
+    var _inlineInputRef$curre8, _inlineInputRef$curre9;
     if (activeQuickKey && isQuickListControlKey(e.key)) return;
     // inline 输入区不是 textarea，不能读 event.target.value，只能从 ref 取纯文本。
-    var text = ((_inlineInputRef$curre4 = inlineInputRef.current) === null || _inlineInputRef$curre4 === void 0 ? void 0 : _inlineInputRef$curre4.getText()) || "";
-    var cursorPos = ((_inlineInputRef$curre5 = inlineInputRef.current) === null || _inlineInputRef$curre5 === void 0 ? void 0 : _inlineInputRef$curre5.getCursorOffset()) || text.length;
+    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 && tags.length === 0) {
+    // 生成期间允许继续编辑下一条消息，但停止按钮仍代表当前唯一可执行动作。
+    if (loading) return;
+    if (!value.trim() && files.length === 0 && mentions.length === 0) {
       message.warning("请输入消息或选择文件");
       return;
     }
@@ -603,14 +717,10 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
         onOk: function onOk() {
           var formattedFiles = formatFilesForServer(successFiles);
           if (onSubmit) {
-            onSubmit({
-              text: value,
-              files: formattedFiles,
-              tags: tags
-            });
+            onSubmit(createSubmitData(formattedFiles));
           }
           setValue("");
-          setTags([]);
+          setMentions([]);
           setFiles(function (prev) {
             return prev.filter(function (f) {
               return f.status !== "success";
@@ -624,14 +734,10 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
     } else {
       var formattedFiles = formatFilesForServer(successFiles);
       if (onSubmit) {
-        onSubmit({
-          text: value,
-          files: formattedFiles,
-          tags: tags
-        });
+        onSubmit(createSubmitData(formattedFiles));
       }
       setValue("");
-      setTags([]);
+      setMentions([]);
       setFiles(function (prev) {
         return prev.filter(function (f) {
           return f.status !== "success";
@@ -700,15 +806,11 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
   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,
+          size: "small",
           removable: true,
           onRemove: handleRemoveFile
         }, file.id);
@@ -719,13 +821,14 @@ 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 hasTags = tags.length > 0;
-  var canSend = hasContent || hasFiles || hasTags;
+  var hasMentions = mentions.length > 0;
+  var canSend = hasContent || hasFiles || hasMentions;
 
   // 定义按钮组件
   var SendButton = function SendButton(props) {
@@ -754,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?",
@@ -774,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, {})
@@ -786,7 +876,6 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
   };
   var actionsComponents = {
     SendButton: SendButton,
-    UploadButton: UploadButton,
     ClearButton: ClearButton
   };
 
@@ -802,6 +891,8 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }
     return slot;
   };
+  var headerNode = renderSlot(header, false);
+  var fileListNode = files.length > 0 ? renderFileList() : null;
 
   // 默认后缀仅保留发送/停止按钮；上传与清空统一放到底部 actionBar，方便业务扩展左侧按钮组。
   var defaultSuffix = /*#__PURE__*/_jsx("div", {
@@ -827,9 +918,9 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
   });
   var defaultActionBar = /*#__PURE__*/_jsxs("div", {
     className: styles.actionBar,
-    children: [/*#__PURE__*/_jsxs("div", {
+    children: [/*#__PURE__*/_jsx("div", {
       className: styles.actionBarLeft,
-      children: [allowUpload && /*#__PURE__*/_jsx(UploadButton, {}), renderSlot(footerLeft, false)]
+      children: renderSlot(footerLeft, false)
     }), /*#__PURE__*/_jsxs("div", {
       className: styles.actionBarRight,
       children: [clearBtnShow && /*#__PURE__*/_jsx(ClearButton, {}), renderSlot(suffix, defaultSuffix)]
@@ -838,43 +929,36 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
   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: [!inlineTags && /*#__PURE__*/_jsx(InputTags, {
-          tags: tags,
-          onRemove: handleRemoveTag
+        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: [renderSlot(prefix, false), inlineTags ? /*#__PURE__*/_jsx(InlineTagInput, {
             ref: inlineInputRef,
             value: value,
-            tags: tags,
+            mentions: mentions,
+            defaultInputParts: defaultInputParts,
             placeholder: placeholder,
-            disabled: isDisabled,
+            disabled: inputDisabled,
             onChange: handleInlineInputChange,
-            onTagsChange: setTags,
+            onMentionsChange: setMentions,
             onKeyDown: handleKeyDown,
             onKeyUp: handleInlineKeyUp,
-            renderTag: renderTag
+            renderMention: renderMention !== null && renderMention !== void 0 ? renderMention : renderTag
           }) : /*#__PURE__*/_jsx("div", {
             className: styles.textAreaWrapper,
             children: /*#__PURE__*/_jsx(Input.TextArea, {