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

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

@@ -0,0 +1,105 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/XAdkSender/QuickList.tsx
+var QuickList_exports = {};
+__export(QuickList_exports, {
+  default: () => QuickList_default
+});
+module.exports = __toCommonJS(QuickList_exports);
+var import_react = require("react");
+var import_styles = require("./styles");
+var import_jsx_runtime = require("react/jsx-runtime");
+var QuickList = ({
+  config,
+  activeIndex = 0,
+  onSelect,
+  onClose,
+  visible
+}) => {
+  var _a;
+  const styles = (0, import_styles.useStyles)();
+  const groupedOptions = (0, import_react.useMemo)(() => {
+    const groups = {};
+    config.options.forEach((opt) => {
+      const g = opt.group || "";
+      if (!groups[g])
+        groups[g] = [];
+      groups[g].push(opt);
+    });
+    return groups;
+  }, [config.options]);
+  const handleSelect = (0, import_react.useCallback)(
+    (opt) => {
+      onSelect(opt);
+      onClose();
+    },
+    [onSelect, onClose]
+  );
+  if (!visible)
+    return null;
+  const normalizedActiveIndex = config.options.length > 0 ? (activeIndex % config.options.length + config.options.length) % config.options.length : 0;
+  const activeOptionId = (_a = config.options[normalizedActiveIndex]) == null ? void 0 : _a.id;
+  const getItemClassName = (opt) => `${styles.quickListItem}${opt.id === activeOptionId ? " active" : ""}`;
+  const renderOption = (opt) => {
+    if (config.renderItem) {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          className: getItemClassName(opt),
+          onMouseDown: (event) => event.preventDefault(),
+          onClick: () => handleSelect(opt),
+          children: config.renderItem(opt)
+        },
+        opt.id
+      );
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "div",
+      {
+        className: getItemClassName(opt),
+        onMouseDown: (event) => event.preventDefault(),
+        onClick: () => handleSelect(opt),
+        children: [
+          opt.icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "quick-list-item-icon", children: opt.icon }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "quick-list-item-content", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "quick-list-item-label", children: opt.label }),
+            opt.description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "quick-list-item-desc", children: opt.description })
+          ] })
+        ]
+      },
+      opt.id
+    );
+  };
+  const groupKeys = Object.keys(groupedOptions);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.quickList, children: [
+    config.title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.quickListHeader, children: config.title }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.quickListBody, children: [
+      groupKeys.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.quickListEmpty, children: "暂无可选项" }),
+      groupKeys.map((group) => {
+        const items = groupedOptions[group];
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+          group && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.quickListGroup, children: group.replace(/_/g, " / ") }),
+          items.map(renderOption)
+        ] }, group);
+      })
+    ] })
+  ] });
+};
+var QuickList_default = QuickList;
+//# sourceMappingURL=QuickList.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/XAdkSender/QuickList.tsx"],
+  "sourcesContent": ["import React, { useMemo, useCallback } from \"react\";\nimport type { QuickListOption, QuickKeyConfig } from \"@/types\";\nimport { useStyles } from \"./styles\";\n\nexport interface QuickListProps {\n  /** 当前触发的快捷键配置 */\n  config: QuickKeyConfig;\n  /** 当前键盘选中的选项下标 */\n  activeIndex?: number;\n  /** 选择回调 */\n  onSelect: (option: QuickListOption) => void;\n  /** 关闭回调 */\n  onClose: () => void;\n  /** 是否可见 */\n  visible: boolean;\n}\n\nconst QuickList: React.FC<QuickListProps> = ({\n  config,\n  activeIndex = 0,\n  onSelect,\n  onClose,\n  visible,\n}) => {\n  const styles = useStyles();\n\n  // SDK 内置列表只负责展示 options；搜索、远程过滤、排序等能力由业务方在外部更新 options 实现。\n  const groupedOptions = useMemo(() => {\n    const groups: Record<string, QuickListOption[]> = {};\n    config.options.forEach((opt) => {\n      const g = opt.group || \"\";\n      if (!groups[g]) groups[g] = [];\n      groups[g].push(opt);\n    });\n    return groups;\n  }, [config.options]);\n\n  const handleSelect = useCallback(\n    (opt: QuickListOption) => {\n      // 先通知选择，再关闭弹层；插入 tag 的逻辑由 XAdkSender 统一处理。\n      onSelect(opt);\n      onClose();\n    },\n    [onSelect, onClose],\n  );\n\n  if (!visible) return null;\n\n  const normalizedActiveIndex =\n    config.options.length > 0\n      ? ((activeIndex % config.options.length) + config.options.length) %\n        config.options.length\n      : 0;\n  const activeOptionId = config.options[normalizedActiveIndex]?.id;\n  const getItemClassName = (opt: QuickListOption) =>\n    `${styles.quickListItem}${opt.id === activeOptionId ? \" active\" : \"\"}`;\n\n  const renderOption = (opt: QuickListOption) => {\n    if (config.renderItem) {\n      return (\n        <div\n          key={opt.id}\n          className={getItemClassName(opt)}\n          onMouseDown={(event) => event.preventDefault()}\n          onClick={() => handleSelect(opt)}\n        >\n          {config.renderItem(opt)}\n        </div>\n      );\n    }\n    return (\n      <div\n        key={opt.id}\n        className={getItemClassName(opt)}\n        onMouseDown={(event) => event.preventDefault()}\n        onClick={() => handleSelect(opt)}\n      >\n        {opt.icon && <span className=\"quick-list-item-icon\">{opt.icon}</span>}\n        <div className=\"quick-list-item-content\">\n          <div className=\"quick-list-item-label\">{opt.label}</div>\n          {opt.description && (\n            <div className=\"quick-list-item-desc\">{opt.description}</div>\n          )}\n        </div>\n      </div>\n    );\n  };\n\n  const groupKeys = Object.keys(groupedOptions);\n\n  return (\n    <div className={styles.quickList}>\n      {config.title && (\n        <div className={styles.quickListHeader}>{config.title}</div>\n      )}\n      <div className={styles.quickListBody}>\n        {groupKeys.length === 0 && (\n          <div className={styles.quickListEmpty}>暂无可选项</div>\n        )}\n        {groupKeys.map((group) => {\n          const items = groupedOptions[group];\n          return (\n            <div key={group}>\n              {group && (\n                <div className={styles.quickListGroup}>\n                  {group.replace(/_/g, \" / \")}\n                </div>\n              )}\n              {items.map(renderOption)}\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n\nexport default QuickList;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA4C;AAE5C,oBAA0B;AA0DlB;AA3CR,IAAM,YAAsC,CAAC;AAAA,EAC3C;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AACF,MAAM;AAvBN;AAwBE,QAAM,aAAS,yBAAU;AAGzB,QAAM,qBAAiB,sBAAQ,MAAM;AACnC,UAAM,SAA4C,CAAC;AACnD,WAAO,QAAQ,QAAQ,CAAC,QAAQ;AAC9B,YAAM,IAAI,IAAI,SAAS;AACvB,UAAI,CAAC,OAAO,CAAC;AAAG,eAAO,CAAC,IAAI,CAAC;AAC7B,aAAO,CAAC,EAAE,KAAK,GAAG;AAAA,IACpB,CAAC;AACD,WAAO;AAAA,EACT,GAAG,CAAC,OAAO,OAAO,CAAC;AAEnB,QAAM,mBAAe;AAAA,IACnB,CAAC,QAAyB;AAExB,eAAS,GAAG;AACZ,cAAQ;AAAA,IACV;AAAA,IACA,CAAC,UAAU,OAAO;AAAA,EACpB;AAEA,MAAI,CAAC;AAAS,WAAO;AAErB,QAAM,wBACJ,OAAO,QAAQ,SAAS,KAClB,cAAc,OAAO,QAAQ,SAAU,OAAO,QAAQ,UACxD,OAAO,QAAQ,SACf;AACN,QAAM,kBAAiB,YAAO,QAAQ,qBAAqB,MAApC,mBAAuC;AAC9D,QAAM,mBAAmB,CAAC,QACxB,GAAG,OAAO,gBAAgB,IAAI,OAAO,iBAAiB,YAAY;AAEpE,QAAM,eAAe,CAAC,QAAyB;AAC7C,QAAI,OAAO,YAAY;AACrB,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,WAAW,iBAAiB,GAAG;AAAA,UAC/B,aAAa,CAAC,UAAU,MAAM,eAAe;AAAA,UAC7C,SAAS,MAAM,aAAa,GAAG;AAAA,UAE9B,iBAAO,WAAW,GAAG;AAAA;AAAA,QALjB,IAAI;AAAA,MAMX;AAAA,IAEJ;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,WAAW,iBAAiB,GAAG;AAAA,QAC/B,aAAa,CAAC,UAAU,MAAM,eAAe;AAAA,QAC7C,SAAS,MAAM,aAAa,GAAG;AAAA,QAE9B;AAAA,cAAI,QAAQ,4CAAC,UAAK,WAAU,wBAAwB,cAAI,MAAK;AAAA,UAC9D,6CAAC,SAAI,WAAU,2BACb;AAAA,wDAAC,SAAI,WAAU,yBAAyB,cAAI,OAAM;AAAA,YACjD,IAAI,eACH,4CAAC,SAAI,WAAU,wBAAwB,cAAI,aAAY;AAAA,aAE3D;AAAA;AAAA;AAAA,MAXK,IAAI;AAAA,IAYX;AAAA,EAEJ;AAEA,QAAM,YAAY,OAAO,KAAK,cAAc;AAE5C,SACE,6CAAC,SAAI,WAAW,OAAO,WACpB;AAAA,WAAO,SACN,4CAAC,SAAI,WAAW,OAAO,iBAAkB,iBAAO,OAAM;AAAA,IAExD,6CAAC,SAAI,WAAW,OAAO,eACpB;AAAA,gBAAU,WAAW,KACpB,4CAAC,SAAI,WAAW,OAAO,gBAAgB,mBAAK;AAAA,MAE7C,UAAU,IAAI,CAAC,UAAU;AACxB,cAAM,QAAQ,eAAe,KAAK;AAClC,eACE,6CAAC,SACE;AAAA,mBACC,4CAAC,SAAI,WAAW,OAAO,gBACpB,gBAAM,QAAQ,MAAM,KAAK,GAC5B;AAAA,UAED,MAAM,IAAI,YAAY;AAAA,aANf,KAOV;AAAA,MAEJ,CAAC;AAAA,OACH;AAAA,KACF;AAEJ;AAEA,IAAO,oBAAQ;",
+  "names": []
+}

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

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

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

@@ -37,8 +37,10 @@ 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)(
   ({
@@ -59,28 +61,23 @@ 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,
+    renderTag,
+    tags: controlledTags,
+    defaultTags = [],
+    onTagsChange,
+    onQuickKeyTrigger
   }, ref) => {
     const styles = (0, import_styles.useStyles)();
     const isControlled = controlledValue !== void 0;
@@ -92,10 +89,25 @@ var XAdkSender = (0, import_react.forwardRef)(
       }
       onChange == null ? void 0 : onChange(newValue);
     };
+    const isTagsControlled = controlledTags !== void 0;
+    const [internalTags, setInternalTags] = (0, import_react.useState)(defaultTags);
+    const tags = isTagsControlled ? controlledTags : internalTags;
+    const setTags = (newTags) => {
+      if (!isTagsControlled) {
+        setInternalTags(newTags);
+      }
+      onTagsChange == null ? void 0 : onTagsChange(newTags);
+    };
     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);
     };
@@ -121,22 +133,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 +150,12 @@ var XAdkSender = (0, import_react.forwardRef)(
         }
         return null;
       },
-      // 类型校验
       (file) => {
         if (!checkFileType(file)) {
           return "不支持的文件类型";
         }
         return null;
       },
-      // ⭐ 新增：去重校验
       (file, { files: files2 }) => {
         if (isDuplicateFile(file, files2)) {
           return "文件已存在";
@@ -215,6 +219,11 @@ var XAdkSender = (0, import_react.forwardRef)(
       }),
       [handleFileSelect]
     );
+    const triggerFileSelect = () => {
+      if (fileInputRef.current) {
+        fileInputRef.current.click();
+      }
+    };
     const uploadFiles = async (fileList) => {
       for (const localFile of fileList) {
         setFiles(
@@ -289,11 +298,6 @@ 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();
@@ -325,8 +329,163 @@ var XAdkSender = (0, import_react.forwardRef)(
       },
       [allowUpload, handleFileSelect]
     );
+    const handleRemoveTag = (0, import_react.useCallback)(
+      (id) => {
+        setTags(tags.filter((t) => t.id !== id));
+      },
+      [tags, setTags]
+    );
+    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 newTag = {
+          id: generateId(),
+          label: option.label,
+          type: activeQuickKey || "unknown",
+          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.insertTag(newTag, {
+            start: quickKeyTriggerIdx,
+            end: quickKeyTriggerIdx + 1 + quickKeyKeyword.length
+          });
+        } else {
+          setTags([...tags, newTag]);
+          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,
+        tags,
+        setTags,
+        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 (!value.trim() && files.length === 0 && tags.length === 0) {
         import_antd.message.warning("请输入消息或选择文件");
         return;
       }
@@ -345,10 +504,12 @@ var XAdkSender = (0, import_react.forwardRef)(
             if (onSubmit) {
               onSubmit({
                 text: value,
-                files: formattedFiles
+                files: formattedFiles,
+                tags
               });
             }
             setValue("");
+            setTags([]);
             setFiles((prev) => prev.filter((f) => f.status !== "success"));
           },
           onCancel: () => {
@@ -360,10 +521,12 @@ var XAdkSender = (0, import_react.forwardRef)(
         if (onSubmit) {
           onSubmit({
             text: value,
-            files: formattedFiles
+            files: formattedFiles,
+            tags
           });
         }
         setValue("");
+        setTags([]);
         setFiles((prev) => prev.filter((f) => f.status !== "success"));
       }
     };
@@ -383,12 +546,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();
       }
@@ -409,7 +596,6 @@ var XAdkSender = (0, import_react.forwardRef)(
             import_FileGallery.default,
             {
               file,
-              type: "file",
               removable: true,
               onRemove: handleRemoveFile
             },
@@ -423,7 +609,8 @@ var XAdkSender = (0, import_react.forwardRef)(
     const isDisabled = disabled || uploading || loading;
     const hasContent = value.trim().length > 0;
     const hasFiles = files.some((f) => f.status === "success");
-    const canSend = hasContent || hasFiles;
+    const hasTags = tags.length > 0;
+    const canSend = hasContent || hasFiles || hasTags;
     const SendButton = (props) => {
       if (sendButtonRender) {
         return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: sendButtonRender({
@@ -494,33 +681,31 @@ 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 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.jsxs)("div", { className: styles.actionBarLeft, children: [
+        allowUpload && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UploadButton, {}),
+        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",
@@ -550,17 +735,33 @@ var XAdkSender = (0, import_react.forwardRef)(
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.mainArea, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.senderWrap, children: [
+            !inlineTags && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_InputTags.default, { tags, onRemove: handleRemoveTag }),
             /* @__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,
+                  tags,
+                  placeholder,
+                  disabled: isDisabled,
+                  onChange: handleInlineInputChange,
+                  onTagsChange: setTags,
+                  onKeyDown: handleKeyDown,
+                  onKeyUp: handleInlineKeyUp,
+                  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 +770,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