@ai-group/chat-sdk 3.7.1-alpha3 → 3.7.1-alpha5

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

@@ -59,14 +59,20 @@ 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,
     _ref$submitFormat = _ref.submitFormat,
     submitFormat = _ref$submitFormat === void 0 ? "text" : _ref$submitFormat,
+    formatMention = _ref.formatMention,
     formatTag = _ref.formatTag,
     transformSubmitData = _ref.transformSubmitData;
   var styles = useStyles();
@@ -83,18 +89,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),
@@ -143,26 +152,30 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var escapeMarkdownLabel = function escapeMarkdownLabel(text) {
     return text.replace(/\\/g, "\\\\").replace(/\]/g, "\\]");
   };
-  var getTagSubmitValue = function getTagSubmitValue(tag) {
-    var _ref3, _ref4, _ref5, _tag$value, _tag$data, _tag$data2;
-    return String((_ref3 = (_ref4 = (_ref5 = (_tag$value = tag.value) !== null && _tag$value !== void 0 ? _tag$value : (_tag$data = tag.data) === null || _tag$data === void 0 ? void 0 : _tag$data.value) !== null && _ref5 !== void 0 ? _ref5 : (_tag$data2 = tag.data) === null || _tag$data2 === void 0 ? void 0 : _tag$data2.name) !== null && _ref4 !== void 0 ? _ref4 : tag.label) !== null && _ref3 !== void 0 ? _ref3 : "");
+  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 defaultFormatTag = function defaultFormatTag(tag, format, index) {
-    var value = getTagSubmitValue(tag);
+  var defaultFormatMention = function defaultFormatMention(mention, format, index) {
+    var value = getMentionSubmitValue(mention);
     if (format === "xml") {
-      return "<tag type=\"".concat(escapeXml(tag.type), "\" id=\"").concat(escapeXml(tag.id), "\" label=\"").concat(escapeXml(tag.label), "\" value=\"").concat(escapeXml(value), "\" />");
+      return "<mention type=\"".concat(escapeXml(mention.type), "\" id=\"").concat(escapeXml(mention.id), "\" label=\"").concat(escapeXml(mention.label), "\" value=\"").concat(escapeXml(value), "\" />");
     }
     if (format === "markdown") {
-      return "[/".concat(escapeMarkdownLabel(tag.label), "](xadk-tag://").concat(encodeURIComponent(tag.type), "/").concat(encodeURIComponent(tag.id), ")");
+      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(value || "tag-".concat(index + 1));
+    return "@".concat(mention.displayName || value || "mention-".concat(index + 1));
   };
-  var serializeTag = function serializeTag(tag, format, index) {
-    var _formatTag;
-    return (_formatTag = formatTag === null || formatTag === void 0 ? void 0 : formatTag(tag, {
+  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 && _formatTag !== void 0 ? _formatTag : defaultFormatTag(tag, format, 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) {
@@ -174,14 +187,14 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
       type: "text",
       text: value
     }] : [];
-    var tagParts = tags.map(function (tag) {
+    var mentionParts = mentions.map(function (mention) {
       return {
-        type: "tag",
-        tag: tag
+        type: "mention",
+        mention: mention
       };
     });
-    return [].concat(_toConsumableArray(tagParts), textParts);
-  }, [inlineTags, tags, value]);
+    return [].concat(_toConsumableArray(mentionParts), textParts);
+  }, [inlineTags, mentions, value]);
   var serializeParts = function serializeParts(parts, format) {
     if (format === "structured") {
       return parts.reduce(function (content, part) {
@@ -191,7 +204,7 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
     var tagIndex = 0;
     return parts.map(function (part) {
       if (part.type === "text") return part.text;
-      var result = serializeTag(part.tag, format, tagIndex);
+      var result = serializeMention(part.mention, format, tagIndex);
       tagIndex += 1;
       return result;
     }).join("");
@@ -207,7 +220,8 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
       format: submitFormat,
       parts: parts,
       files: formattedFiles,
-      tags: tags
+      mentions: mentions,
+      tags: mentions
     };
     return _objectSpread(_objectSpread({}, standardData), {}, {
       payload: transformSubmitData === null || transformSubmitData === void 0 ? void 0 : transformSubmitData(standardData)
@@ -242,8 +256,8 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
   };
 
   // 内置校验器集合
-  var builtInValidators = [function (_file, _ref6) {
-    var files = _ref6.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");
     }
@@ -259,8 +273,8 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
       return "不支持的文件类型";
     }
     return null;
-  }, function (file, _ref7) {
-    var files = _ref7.files;
+  }, function (file, _ref12) {
+    var files = _ref12.files;
     if (isDuplicateFile(file, files)) {
       return "文件已存在";
     }
@@ -337,20 +351,28 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
       addFiles: function addFiles(rawFiles) {
         handleFileSelect(rawFiles);
       },
-      insertTag: function insertTag(tag) {
+      insertMention: function insertMention(mention) {
         if (inlineTags) {
           var _inlineInputRef$curre2;
-          (_inlineInputRef$curre2 = inlineInputRef.current) === null || _inlineInputRef$curre2 === void 0 || _inlineInputRef$curre2.insertTag(tag);
+          (_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;
         }
-        setTags([].concat(_toConsumableArray(tags), [tag]));
+        setMentions([].concat(_toConsumableArray(mentions), [mention]));
       },
       focus: function focus() {
-        var _inlineInputRef$curre3, _textareaRef$current;
-        inlineTags ? (_inlineInputRef$curre3 = inlineInputRef.current) === null || _inlineInputRef$curre3 === void 0 ? void 0 : _inlineInputRef$curre3.focus() : (_textareaRef$current = textareaRef.current) === null || _textareaRef$current === void 0 ? void 0 : _textareaRef$current.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, inlineTags, setTags, tags]);
+  }, [handleFileSelect, inlineTags, setMentions, mentions]);
 
   // 触发文件选择
   var triggerFileSelect = function triggerFileSelect() {
@@ -361,7 +383,7 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
 
   // 上传文件
   var uploadFiles = /*#__PURE__*/function () {
-    var _ref8 = _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) {
@@ -476,7 +498,7 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
       }, _callee, null, [[1, 10, 13, 16]]);
     }));
     return function uploadFiles(_x) {
-      return _ref8.apply(this, arguments);
+      return _ref13.apply(this, arguments);
     };
   }();
 
@@ -516,11 +538,11 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }, [allowUpload, handleFileSelect]);
 
   // 删除标签
-  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 () {
@@ -586,28 +608,31 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }
   }, [activeQuickKey, onQuickKeyTrigger, quickKeyTriggerIdx, quickKeys]);
 
-  // 选择快捷项后转成结构化 tag；inline 模式会替换掉触发字符和关键词。
+  // 选择快捷项后转成结构化 Mention；inline 模式会替换掉触发字符和关键词。
   var handleQuickKeySelect = useCallback(function (option) {
-    var _ref9, _option$value, _activeQuickKeyConfig, _inlineInputRef$curre5, _textareaRef$current2;
-    var tagType = (activeQuickKeyConfig === null || activeQuickKeyConfig === void 0 ? void 0 : activeQuickKeyConfig.tagType) || activeQuickKey || "unknown";
-    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: tagType,
-      value: (_ref9 = (_option$value = option.value) !== null && _option$value !== void 0 ? _option$value : option.name) !== null && _ref9 !== void 0 ? _ref9 : option.label,
+      type: mentionType,
+      value: (_ref14 = (_ref15 = (_option$value = option.value) !== null && _option$value !== void 0 ? _option$value : option.uri) !== null && _ref15 !== void 0 ? _ref15 : option.name) !== null && _ref14 !== void 0 ? _ref14 : option.label,
+      uri: option.uri,
+      targetId: (_ref16 = (_option$targetId = option.targetId) !== null && _option$targetId !== void 0 ? _option$targetId : option.skillNo) !== null && _ref16 !== void 0 ? _ref16 : option.pluginNo,
+      displayName: (_option$displayName = option.displayName) !== null && _option$displayName !== void 0 ? _option$displayName : option.label,
       trigger: activeQuickKey || undefined,
       icon: option.icon,
       data: option
     };
     activeQuickKeyConfig === null || activeQuickKeyConfig === void 0 || (_activeQuickKeyConfig = activeQuickKeyConfig.onSelect) === null || _activeQuickKeyConfig === void 0 || _activeQuickKeyConfig.call(activeQuickKeyConfig, option);
     if (inlineTags) {
-      var _inlineInputRef$curre4;
-      (_inlineInputRef$curre4 = inlineInputRef.current) === null || _inlineInputRef$curre4 === void 0 || _inlineInputRef$curre4.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) {
@@ -619,8 +644,8 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
     setQuickKeyKeyword("");
     setQuickKeyTriggerIdx(-1);
     setQuickKeyActiveIndex(0);
-    inlineTags ? (_inlineInputRef$curre5 = inlineInputRef.current) === null || _inlineInputRef$curre5 === void 0 ? void 0 : _inlineInputRef$curre5.focus() : (_textareaRef$current2 = textareaRef.current) === null || _textareaRef$current2 === void 0 ? void 0 : _textareaRef$current2.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) {
@@ -631,10 +656,10 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
     detectQuickKey(newValue, e.target.selectionStart || 0);
   };
   var handleInlineInputChange = function handleInlineInputChange(newValue) {
-    var _inlineInputRef$curre6;
+    var _inlineInputRef$curre7;
     setValue(newValue);
     // contenteditable 的 selection 不一定和 React state 同步，需实时读取内部光标 offset。
-    detectQuickKey(newValue, ((_inlineInputRef$curre6 = inlineInputRef.current) === null || _inlineInputRef$curre6 === void 0 ? void 0 : _inlineInputRef$curre6.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) {
@@ -669,17 +694,17 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
     handleQuickKeyByText(target.value || "", target.selectionStart || 0);
   };
   var handleInlineKeyUp = function handleInlineKeyUp(e) {
-    var _inlineInputRef$curre7, _inlineInputRef$curre8;
+    var _inlineInputRef$curre8, _inlineInputRef$curre9;
     if (activeQuickKey && isQuickListControlKey(e.key)) return;
     // inline 输入区不是 textarea，不能读 event.target.value，只能从 ref 取纯文本。
-    var text = ((_inlineInputRef$curre7 = inlineInputRef.current) === null || _inlineInputRef$curre7 === void 0 ? void 0 : _inlineInputRef$curre7.getText()) || "";
-    var cursorPos = ((_inlineInputRef$curre8 = inlineInputRef.current) === null || _inlineInputRef$curre8 === void 0 ? void 0 : _inlineInputRef$curre8.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 (!value.trim() && files.length === 0 && mentions.length === 0) {
       message.warning("请输入消息或选择文件");
       return;
     }
@@ -701,7 +726,7 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
             onSubmit(createSubmitData(formattedFiles));
           }
           setValue("");
-          setTags([]);
+          setMentions([]);
           setFiles(function (prev) {
             return prev.filter(function (f) {
               return f.status !== "success";
@@ -718,7 +743,7 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
         onSubmit(createSubmitData(formattedFiles));
       }
       setValue("");
-      setTags([]);
+      setMentions([]);
       setFiles(function (prev) {
         return prev.filter(function (f) {
           return f.status !== "success";
@@ -807,8 +832,8 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
   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) {
@@ -951,21 +976,22 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
             children: headerNode
           }), fileListNode]
         }), !inlineTags && /*#__PURE__*/_jsx(InputTags, {
-          tags: tags,
-          onRemove: handleRemoveTag
+          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,
             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, {