@ai-group/chat-sdk 3.7.1-alpha9 → 3.7.2

package/dist/esm/components/XAdkSender/{QuickList.js → InputSuggestionList.js}

@@ -1,8 +1,9 @@
-import React, { useMemo, useCallback } from "react";
+import React, { useMemo, useCallback, useEffect, useRef } from "react";
 import { useStyles } from "./styles";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var QuickList = function QuickList(_ref) {
+/** XAdkSender 内部的输入建议列表，不承载具体业务语义。 */
+var InputSuggestionList = function InputSuggestionList(_ref) {
   var _config$options$norma;
   var config = _ref.config,
     _ref$activeIndex = _ref.activeIndex,
@@ -11,63 +12,86 @@ var QuickList = function QuickList(_ref) {
     onClose = _ref.onClose,
     visible = _ref.visible;
   var styles = useStyles();
+  var bodyRef = useRef(null);
+  var itemRefs = useRef(new Map());
 
   // SDK 内置列表只负责展示 options；搜索、远程过滤、排序等能力由业务方在外部更新 options 实现。
   var groupedOptions = useMemo(function () {
     var groups = {};
-    config.options.forEach(function (opt) {
-      var g = opt.group || "";
-      if (!groups[g]) groups[g] = [];
-      groups[g].push(opt);
+    config.options.forEach(function (option) {
+      var group = option.group || "";
+      if (!groups[group]) groups[group] = [];
+      groups[group].push(option);
     });
     return groups;
   }, [config.options]);
-  var handleSelect = useCallback(function (opt) {
-    // 先通知选择，再关闭弹层；插入 tag 的逻辑由 XAdkSender 统一处理。
-    onSelect(opt);
+  var normalizedActiveIndex = config.options.length > 0 ? (activeIndex % config.options.length + config.options.length) % config.options.length : 0;
+  var activeOptionId = (_config$options$norma = config.options[normalizedActiveIndex]) === null || _config$options$norma === void 0 ? void 0 : _config$options$norma.id;
+  useEffect(function () {
+    if (!visible || !activeOptionId) return;
+    var body = bodyRef.current;
+    var item = itemRefs.current.get(activeOptionId);
+    if (!body || !item) return;
+    var bodyRect = body.getBoundingClientRect();
+    var itemRect = item.getBoundingClientRect();
+    if (itemRect.top < bodyRect.top) {
+      body.scrollTop -= bodyRect.top - itemRect.top;
+    } else if (itemRect.bottom > bodyRect.bottom) {
+      body.scrollTop += itemRect.bottom - bodyRect.bottom;
+    }
+  }, [activeOptionId, visible]);
+  var handleSelect = useCallback(function (option) {
+    onSelect(option);
     onClose();
   }, [onSelect, onClose]);
   if (!visible) return null;
-  var normalizedActiveIndex = config.options.length > 0 ? (activeIndex % config.options.length + config.options.length) % config.options.length : 0;
-  var activeOptionId = (_config$options$norma = config.options[normalizedActiveIndex]) === null || _config$options$norma === void 0 ? void 0 : _config$options$norma.id;
-  var getItemClassName = function getItemClassName(opt) {
-    return "".concat(styles.quickListItem).concat(opt.id === activeOptionId ? " active" : "");
+  var setItemRef = function setItemRef(id, node) {
+    if (node) itemRefs.current.set(id, node);else itemRefs.current.delete(id);
+  };
+  var getItemClassName = function getItemClassName(option) {
+    return "".concat(styles.quickListItem).concat(option.id === activeOptionId ? " active" : "");
   };
-  var renderOption = function renderOption(opt) {
+  var renderOption = function renderOption(option) {
     if (config.renderItem) {
       return /*#__PURE__*/_jsx("div", {
-        className: getItemClassName(opt),
+        ref: function ref(node) {
+          return setItemRef(option.id, node);
+        },
+        className: getItemClassName(option),
         onMouseDown: function onMouseDown(event) {
           return event.preventDefault();
         },
         onClick: function onClick() {
-          return handleSelect(opt);
+          return handleSelect(option);
         },
-        children: config.renderItem(opt)
-      }, opt.id);
+        children: config.renderItem(option)
+      }, option.id);
     }
     return /*#__PURE__*/_jsxs("div", {
-      className: getItemClassName(opt),
+      ref: function ref(node) {
+        return setItemRef(option.id, node);
+      },
+      className: getItemClassName(option),
       onMouseDown: function onMouseDown(event) {
         return event.preventDefault();
       },
       onClick: function onClick() {
-        return handleSelect(opt);
+        return handleSelect(option);
       },
-      children: [opt.icon && /*#__PURE__*/_jsx("span", {
+      children: [option.icon && /*#__PURE__*/_jsx("span", {
         className: "quick-list-item-icon",
-        children: opt.icon
+        children: option.icon
       }), /*#__PURE__*/_jsxs("div", {
         className: "quick-list-item-content",
         children: [/*#__PURE__*/_jsx("div", {
           className: "quick-list-item-label",
-          children: opt.label
-        }), opt.description && /*#__PURE__*/_jsx("div", {
+          children: option.label
+        }), option.description && /*#__PURE__*/_jsx("div", {
           className: "quick-list-item-desc",
-          children: opt.description
+          children: option.description
         })]
       })]
-    }, opt.id);
+    }, option.id);
   };
   var groupKeys = Object.keys(groupedOptions);
   return /*#__PURE__*/_jsxs("div", {
@@ -76,6 +100,7 @@ var QuickList = function QuickList(_ref) {
       className: styles.quickListHeader,
       children: config.title
     }), /*#__PURE__*/_jsxs("div", {
+      ref: bodyRef,
       className: styles.quickListBody,
       children: [groupKeys.length === 0 && /*#__PURE__*/_jsx("div", {
         className: styles.quickListEmpty,
@@ -92,5 +117,5 @@ var QuickList = function QuickList(_ref) {
     })]
   });
 };
-export default QuickList;
-//# sourceMappingURL=QuickList.js.map
+export default InputSuggestionList;
+//# sourceMappingURL=InputSuggestionList.js.map

package/dist/esm/components/XAdkSender/InputSuggestionList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","useCallback","useEffect","useRef","useStyles","jsx","_jsx","jsxs","_jsxs","InputSuggestionList","_ref","_config$options$norma","config","_ref$activeIndex","activeIndex","onSelect","onClose","visible","styles","bodyRef","itemRefs","Map","groupedOptions","groups","options","forEach","option","group","push","normalizedActiveIndex","length","activeOptionId","id","body","current","item","get","bodyRect","getBoundingClientRect","itemRect","top","scrollTop","bottom","handleSelect","setItemRef","node","set","delete","getItemClassName","concat","quickListItem","renderOption","renderItem","ref","className","onMouseDown","event","preventDefault","onClick","children","icon","label","description","groupKeys","Object","keys","quickList","title","quickListHeader","quickListBody","quickListEmpty","map","items","quickListGroup","replace"],"sources":["../../../../src/components/XAdkSender/InputSuggestionList.tsx"],"sourcesContent":["import React, { useMemo, useCallback, useEffect, useRef } from \"react\";\nimport type { QuickListOption, QuickKeyConfig } from \"@/types\";\nimport { useStyles } from \"./styles\";\n\ninterface InputSuggestionListProps {\n  /** 当前触发的快捷键配置 */\n  config: QuickKeyConfig;\n  /** 当前键盘选中的选项下标 */\n  activeIndex?: number;\n  /** 选择回调 */\n  onSelect: (option: QuickListOption) => void;\n  /** 关闭回调 */\n  onClose: () => void;\n  /** 是否可见 */\n  visible: boolean;\n}\n\n/** XAdkSender 内部的输入建议列表，不承载具体业务语义。 */\nconst InputSuggestionList: React.FC<InputSuggestionListProps> = ({\n  config,\n  activeIndex = 0,\n  onSelect,\n  onClose,\n  visible,\n}) => {\n  const styles = useStyles();\n  const bodyRef = useRef<HTMLDivElement>(null);\n  const itemRefs = useRef(new Map<string, HTMLDivElement>());\n\n  // SDK 内置列表只负责展示 options；搜索、远程过滤、排序等能力由业务方在外部更新 options 实现。\n  const groupedOptions = useMemo(() => {\n    const groups: Record<string, QuickListOption[]> = {};\n    config.options.forEach((option) => {\n      const group = option.group || \"\";\n      if (!groups[group]) groups[group] = [];\n      groups[group].push(option);\n    });\n    return groups;\n  }, [config.options]);\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\n  useEffect(() => {\n    if (!visible || !activeOptionId) return;\n    const body = bodyRef.current;\n    const item = itemRefs.current.get(activeOptionId);\n    if (!body || !item) return;\n\n    const bodyRect = body.getBoundingClientRect();\n    const itemRect = item.getBoundingClientRect();\n    if (itemRect.top < bodyRect.top) {\n      body.scrollTop -= bodyRect.top - itemRect.top;\n    } else if (itemRect.bottom > bodyRect.bottom) {\n      body.scrollTop += itemRect.bottom - bodyRect.bottom;\n    }\n  }, [activeOptionId, visible]);\n\n  const handleSelect = useCallback(\n    (option: QuickListOption) => {\n      onSelect(option);\n      onClose();\n    },\n    [onSelect, onClose],\n  );\n\n  if (!visible) return null;\n\n  const setItemRef = (id: string, node: HTMLDivElement | null) => {\n    if (node) itemRefs.current.set(id, node);\n    else itemRefs.current.delete(id);\n  };\n\n  const getItemClassName = (option: QuickListOption) =>\n    `${styles.quickListItem}${option.id === activeOptionId ? \" active\" : \"\"}`;\n\n  const renderOption = (option: QuickListOption) => {\n    if (config.renderItem) {\n      return (\n        <div\n          key={option.id}\n          ref={(node) => setItemRef(option.id, node)}\n          className={getItemClassName(option)}\n          onMouseDown={(event) => event.preventDefault()}\n          onClick={() => handleSelect(option)}\n        >\n          {config.renderItem(option)}\n        </div>\n      );\n    }\n\n    return (\n      <div\n        key={option.id}\n        ref={(node) => setItemRef(option.id, node)}\n        className={getItemClassName(option)}\n        onMouseDown={(event) => event.preventDefault()}\n        onClick={() => handleSelect(option)}\n      >\n        {option.icon && (\n          <span className=\"quick-list-item-icon\">{option.icon}</span>\n        )}\n        <div className=\"quick-list-item-content\">\n          <div className=\"quick-list-item-label\">{option.label}</div>\n          {option.description && (\n            <div className=\"quick-list-item-desc\">{option.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 ref={bodyRef} 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 InputSuggestionList;\n"],"mappings":"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"}

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

@@ -9,7 +9,7 @@ import { Popconfirm, message, Tooltip, Input, Modal } from "antd";
 import { ClearOutlined, LoadingOutlined, ArrowUpOutlined } from "@ant-design/icons";
 import { useStyles } from "./styles";
 import FileGallery from "../FileGallery";
-import QuickList from "./QuickList";
+import InputSuggestionList from "./InputSuggestionList";
 import InputTags from "./InputTags";
 import InlineTagInput from "./InlineTagInput";
 import { getExt } from "../../utils/file";
@@ -134,6 +134,12 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
     _useState16 = _slicedToArray(_useState15, 2),
     quickKeyActiveIndex = _useState16[0],
     setQuickKeyActiveIndex = _useState16[1];
+  var closeQuickKeyList = useCallback(function () {
+    setActiveQuickKey(null);
+    setQuickKeyKeyword("");
+    setQuickKeyTriggerIdx(-1);
+    setQuickKeyActiveIndex(0);
+  }, []);
 
   // 生成唯一ID
   var generateId = function generateId() {
@@ -602,7 +608,7 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
 
   // 选择快捷项后转成结构化 Mention；inline 模式会替换掉触发字符和关键词。
   var handleQuickKeySelect = useCallback(function (option) {
-    var _ref14, _ref15, _option$value, _ref16, _option$targetId, _option$displayName, _activeQuickKeyConfig, _inlineInputRef$curre6, _textareaRef$current2;
+    var _ref14, _ref15, _option$value, _ref16, _option$targetId, _option$displayName, _option$onSelect, _activeQuickKeyConfig, _inlineInputRef$curre7, _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(),
@@ -616,10 +622,21 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
       icon: option.icon,
       data: option
     };
+    (_option$onSelect = option.onSelect) === null || _option$onSelect === void 0 || _option$onSelect.call(option, 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, {
+    if (option.action === "command") {
+      if (inlineTags) {
+        var _inlineInputRef$curre5;
+        (_inlineInputRef$curre5 = inlineInputRef.current) === null || _inlineInputRef$curre5 === void 0 || _inlineInputRef$curre5.deleteTextRange({
+          start: quickKeyTriggerIdx,
+          end: quickKeyTriggerIdx + 1 + quickKeyKeyword.length
+        });
+      } else if (quickKeyTriggerIdx >= 0) {
+        setValue(value.slice(0, quickKeyTriggerIdx) + value.slice(quickKeyTriggerIdx + 1 + quickKeyKeyword.length));
+      }
+    } else if (inlineTags) {
+      var _inlineInputRef$curre6;
+      (_inlineInputRef$curre6 = inlineInputRef.current) === null || _inlineInputRef$curre6 === void 0 || _inlineInputRef$curre6.insertMention(newMention, {
         start: quickKeyTriggerIdx,
         end: quickKeyTriggerIdx + 1 + quickKeyKeyword.length
       });
@@ -636,7 +653,7 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
     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();
+    inlineTags ? (_inlineInputRef$curre7 = inlineInputRef.current) === null || _inlineInputRef$curre7 === void 0 ? void 0 : _inlineInputRef$curre7.focus() : (_textareaRef$current2 = textareaRef.current) === null || _textareaRef$current2 === void 0 ? void 0 : _textareaRef$current2.focus();
   }, [activeQuickKey, activeQuickKeyConfig, inlineTags, mentions, setMentions, value, quickKeyTriggerIdx, quickKeyKeyword, setValue]);
 
   // 处理输入框变化（含快捷键检测）
@@ -648,10 +665,10 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
     detectQuickKey(newValue, e.target.selectionStart || 0);
   };
   var handleInlineInputChange = function handleInlineInputChange(newValue) {
-    var _inlineInputRef$curre7;
+    var _inlineInputRef$curre8;
     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);
+    detectQuickKey(newValue, ((_inlineInputRef$curre8 = inlineInputRef.current) === null || _inlineInputRef$curre8 === void 0 ? void 0 : _inlineInputRef$curre8.getCursorOffset()) || newValue.length);
   };
   var handleQuickKeyByText = function handleQuickKeyByText(text, cursorPos) {
     var quickKeyChars = quickKeys.map(function (qk) {
@@ -686,11 +703,11 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
     handleQuickKeyByText(target.value || "", target.selectionStart || 0);
   };
   var handleInlineKeyUp = function handleInlineKeyUp(e) {
-    var _inlineInputRef$curre8, _inlineInputRef$curre9;
+    var _inlineInputRef$curre9, _inlineInputRef$curre10;
     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;
+    var text = ((_inlineInputRef$curre9 = inlineInputRef.current) === null || _inlineInputRef$curre9 === void 0 ? void 0 : _inlineInputRef$curre9.getText()) || "";
+    var cursorPos = ((_inlineInputRef$curre10 = inlineInputRef.current) === null || _inlineInputRef$curre10 === void 0 ? void 0 : _inlineInputRef$curre10.getCursorOffset()) || text.length;
     handleQuickKeyByText(text, cursorPos);
   };
 
@@ -766,6 +783,8 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
 
   // 处理回车键
   var handleKeyDown = function handleKeyDown(e) {
+    // 输入法候选阶段的 Enter 用于确认候选词，不能触发快捷项选择或消息发送。
+    if (e.nativeEvent.isComposing || e.keyCode === 229) return;
     var quickKeyOptions = (activeQuickKeyConfig === null || activeQuickKeyConfig === void 0 ? void 0 : activeQuickKeyConfig.options) || [];
     if (activeQuickKey && quickKeyOptions.length > 0) {
       if (e.key === "ArrowDown") {
@@ -929,6 +948,13 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
   return /*#__PURE__*/_jsxs("div", {
     ref: containerRef,
     className: containerClass,
+    onBlur: function onBlur(event) {
+      var nextFocusedNode = event.relatedTarget;
+      if (nextFocusedNode && event.currentTarget.contains(nextFocusedNode)) {
+        return;
+      }
+      closeQuickKeyList();
+    },
     onDragOver: draggable ? handleDragOver : undefined,
     onDragLeave: draggable ? handleDragLeave : undefined,
     onDrop: draggable ? handleDrop : undefined,
@@ -983,16 +1009,11 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
           })]
         }), activeQuickKey && activeQuickKeyConfig && /*#__PURE__*/_jsx("div", {
           className: styles.quickListWrapper,
-          children: /*#__PURE__*/_jsx(QuickList, {
+          children: /*#__PURE__*/_jsx(InputSuggestionList, {
             config: activeQuickKeyConfig,
             activeIndex: quickKeyActiveIndex,
             onSelect: handleQuickKeySelect,
-            onClose: function onClose() {
-              setActiveQuickKey(null);
-              setQuickKeyKeyword("");
-              setQuickKeyTriggerIdx(-1);
-              setQuickKeyActiveIndex(0);
-            },
+            onClose: closeQuickKeyList,
             visible: true
           })
         }), footer === false ? defaultActionBar : renderSlot(footer, defaultActionBar)]