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

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

@@ -4,12 +4,18 @@ import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
 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 { 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,
@@ -35,6 +41,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 +53,18 @@ 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,
+    renderTag = _ref.renderTag,
+    controlledTags = _ref.tags,
+    _ref$defaultTags = _ref.defaultTags,
+    defaultTags = _ref$defaultTags === void 0 ? [] : _ref$defaultTags,
+    onTagsChange = _ref.onTagsChange,
+    onQuickKeyTrigger = _ref.onQuickKeyTrigger;
   var styles = useStyles();
   var isControlled = controlledValue !== undefined;
   var _useState = useState(defaultValue),
@@ -59,16 +78,51 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }
     onChange === null || onChange === void 0 || onChange(newValue);
   };
-  var _useState3 = useState([]),
+
+  // tags 支持受控/非受控两种模式；inlineTags 打开时会和输入内容混排。
+  var isTagsControlled = controlledTags !== undefined;
+  var _useState3 = useState(defaultTags),
     _useState4 = _slicedToArray(_useState3, 2),
-    files = _useState4[0],
-    setFiles = _useState4[1];
-  var _useState5 = useState(false),
+    internalTags = _useState4[0],
+    setInternalTags = _useState4[1];
+  var tags = isTagsControlled ? controlledTags : internalTags;
+  var setTags = function setTags(newTags) {
+    if (!isTagsControlled) {
+      setInternalTags(newTags);
+    }
+    onTagsChange === null || onTagsChange === void 0 || onTagsChange(newTags);
+  };
+  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() {
@@ -85,7 +139,6 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
     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 +154,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,32 +162,24 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
   };
 
   // 内置校验器集合
-  var builtInValidators = [
-  // 数量校验（修复批量 bug）
-  function (_file, _ref3) {
+  var builtInValidators = [function (_file, _ref3) {
     var files = _ref3.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) {
+  }, function (file, _ref4) {
     var files = _ref4.files;
     if (isDuplicateFile(file, files)) {
       return "文件已存在";
@@ -212,7 +251,7 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }
   }, [files, maxFiles, maxFileSize, allowedFileTypes]);
 
-  // 暴露 addFiles 方法供外层（如 DefaultLayout 拖拽上传）调用
+  // 暴露 addFiles 方法
   useImperativeHandle(ref, function () {
     return {
       addFiles: function addFiles(rawFiles) {
@@ -221,6 +260,13 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
     };
   }, [handleFileSelect]);
 
+  // 触发文件选择
+  var triggerFileSelect = function triggerFileSelect() {
+    if (fileInputRef.current) {
+      fileInputRef.current.click();
+    }
+  };
+
   // 上传文件
   var uploadFiles = /*#__PURE__*/function () {
     var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(fileList) {
@@ -236,7 +282,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), {}, {
@@ -354,13 +399,6 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
     });
   };
 
-  // 触发文件选择
-  var triggerFileSelect = function triggerFileSelect() {
-    if (fileInputRef.current) {
-      fileInputRef.current.click();
-    }
-  };
-
   // 处理拖拽事件
   var handleDragOver = useCallback(function (e) {
     e.preventDefault();
@@ -385,9 +423,168 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }
   }, [allowUpload, handleFileSelect]);
 
+  // 删除标签
+  var handleRemoveTag = useCallback(function (id) {
+    setTags(tags.filter(function (t) {
+      return t.id !== id;
+    }));
+  }, [tags, setTags]);
+
+  // 查找当前活跃的快捷键配置
+  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]);
+
+  // 选择快捷项后转成结构化 tag；inline 模式会替换掉触发字符和关键词。
+  var handleQuickKeySelect = useCallback(function (option) {
+    var _activeQuickKeyConfig, _inlineInputRef$curre2, _textareaRef$current;
+    var newTag = {
+      id: generateId(),
+      label: option.label,
+      type: activeQuickKey || "unknown",
+      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, {
+        start: quickKeyTriggerIdx,
+        end: quickKeyTriggerIdx + 1 + quickKeyKeyword.length
+      });
+    } else {
+      setTags([].concat(_toConsumableArray(tags), [newTag]));
+
+      // 从输入框中删除快捷键字符和关键词
+      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$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]);
+
+  // 处理输入框变化（含快捷键检测）
+  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$curre3;
+    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);
+  };
+  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, "");
+    }
+  };
+
+  // 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$curre4, _inlineInputRef$curre5;
+    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;
+    handleQuickKeyByText(text, cursorPos);
+  };
+
   // 处理提交
   var handleSubmit = function handleSubmit() {
-    if (!value.trim() && files.length === 0) {
+    if (!value.trim() && files.length === 0 && tags.length === 0) {
       message.warning("请输入消息或选择文件");
       return;
     }
@@ -408,10 +605,12 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
           if (onSubmit) {
             onSubmit({
               text: value,
-              files: formattedFiles
+              files: formattedFiles,
+              tags: tags
             });
           }
           setValue("");
+          setTags([]);
           setFiles(function (prev) {
             return prev.filter(function (f) {
               return f.status !== "success";
@@ -427,10 +626,12 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
       if (onSubmit) {
         onSubmit({
           text: value,
-          files: formattedFiles
+          files: formattedFiles,
+          tags: tags
         });
       }
       setValue("");
+      setTags([]);
       setFiles(function (prev) {
         return prev.filter(function (f) {
           return f.status !== "success";
@@ -457,21 +658,45 @@ 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", {
@@ -484,7 +709,6 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
       children: files.map(function (file) {
         return /*#__PURE__*/_jsx(FileGallery, {
           file: file,
-          type: "file",
           removable: true,
           onRemove: handleRemoveFile
         }, file.id);
@@ -500,10 +724,10 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var hasFiles = files.some(function (f) {
     return f.status === "success";
   });
-  var canSend = hasContent || hasFiles;
+  var hasTags = tags.length > 0;
+  var canSend = hasContent || hasFiles || hasTags;
 
-  // 定义按钮组件（供外部 slot 函数通过 actionsComponents 使用）
-  // 注意：sendButtonRender 的结果直接内联到 defaultSuffix 中，避免组件引用变化导致闪烁
+  // 定义按钮组件
   var SendButton = function SendButton(props) {
     if (sendButtonRender) {
       return /*#__PURE__*/_jsx(_Fragment, {
@@ -579,19 +803,10 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
     return slot;
   };
 
-  // 默认的后缀内容(操作按钮组) - 直接内联渲染避免组件引用变化导致 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,6 +823,16 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
           spin: true
         }) : /*#__PURE__*/_jsx(ArrowUpOutlined, {})
       })
+    })
+  });
+  var defaultActionBar = /*#__PURE__*/_jsxs("div", {
+    className: styles.actionBar,
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: styles.actionBarLeft,
+      children: [allowUpload && /*#__PURE__*/_jsx(UploadButton, {}), renderSlot(footerLeft, false)]
+    }), /*#__PURE__*/_jsxs("div", {
+      className: styles.actionBarRight,
+      children: [clearBtnShow && /*#__PURE__*/_jsx(ClearButton, {}), renderSlot(suffix, defaultSuffix)]
     })]
   });
   return /*#__PURE__*/_jsxs("div", {
@@ -634,16 +859,32 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
       className: styles.mainArea,
       children: /*#__PURE__*/_jsxs("div", {
         className: styles.senderWrap,
-        children: [/*#__PURE__*/_jsxs("div", {
+        children: [!inlineTags && /*#__PURE__*/_jsx(InputTags, {
+          tags: tags,
+          onRemove: handleRemoveTag
+        }), /*#__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,
+            tags: tags,
+            placeholder: placeholder,
+            disabled: isDisabled,
+            onChange: handleInlineInputChange,
+            onTagsChange: setTags,
+            onKeyDown: handleKeyDown,
+            onKeyUp: handleInlineKeyUp,
+            renderTag: 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 +896,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