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

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

@@ -1,7 +1,7 @@
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useState, useRef, useCallback, forwardRef, useImperativeHandle, useMemo, useEffect } from "react";
@@ -64,7 +64,11 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
     _ref$defaultTags = _ref.defaultTags,
     defaultTags = _ref$defaultTags === void 0 ? [] : _ref$defaultTags,
     onTagsChange = _ref.onTagsChange,
-    onQuickKeyTrigger = _ref.onQuickKeyTrigger;
+    onQuickKeyTrigger = _ref.onQuickKeyTrigger,
+    _ref$submitFormat = _ref.submitFormat,
+    submitFormat = _ref$submitFormat === void 0 ? "text" : _ref$submitFormat,
+    formatTag = _ref.formatTag,
+    transformSubmitData = _ref.transformSubmitData;
   var styles = useStyles();
   var isControlled = controlledValue !== undefined;
   var _useState = useState(defaultValue),
@@ -133,6 +137,82 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
     var data = (_response$data = response === null || response === void 0 ? void 0 : response.data) !== null && _response$data !== void 0 ? _response$data : response;
     return (_ref2 = Array.isArray(data) ? data[0] : data) !== null && _ref2 !== void 0 ? _ref2 : {};
   };
+  var escapeXml = function escapeXml(text) {
+    return text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;");
+  };
+  var escapeMarkdownLabel = function escapeMarkdownLabel(text) {
+    return text.replace(/\\/g, "\\\\").replace(/\]/g, "\\]");
+  };
+  var 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 defaultFormatTag = function defaultFormatTag(tag, format, index) {
+    var value = getTagSubmitValue(tag);
+    if (format === "xml") {
+      return "<tag type=\"".concat(escapeXml(tag.type), "\" id=\"").concat(escapeXml(tag.id), "\" label=\"").concat(escapeXml(tag.label), "\" value=\"").concat(escapeXml(value), "\" />");
+    }
+    if (format === "markdown") {
+      return "[/".concat(escapeMarkdownLabel(tag.label), "](xadk-tag://").concat(encodeURIComponent(tag.type), "/").concat(encodeURIComponent(tag.id), ")");
+    }
+    return "/".concat(value || "tag-".concat(index + 1));
+  };
+  var serializeTag = function serializeTag(tag, format, index) {
+    var _formatTag;
+    return (_formatTag = formatTag === null || formatTag === void 0 ? void 0 : formatTag(tag, {
+      format: format,
+      index: index
+    })) !== null && _formatTag !== void 0 ? _formatTag : defaultFormatTag(tag, format, index);
+  };
+  var getSubmitParts = useCallback(function () {
+    if (inlineTags) {
+      var _inlineInputRef$curre;
+      var parts = ((_inlineInputRef$curre = inlineInputRef.current) === null || _inlineInputRef$curre === void 0 ? void 0 : _inlineInputRef$curre.getParts()) || [];
+      if (parts.length > 0) return parts;
+    }
+    var textParts = value ? [{
+      type: "text",
+      text: value
+    }] : [];
+    var tagParts = tags.map(function (tag) {
+      return {
+        type: "tag",
+        tag: tag
+      };
+    });
+    return [].concat(_toConsumableArray(tagParts), textParts);
+  }, [inlineTags, tags, value]);
+  var serializeParts = function serializeParts(parts, format) {
+    if (format === "structured") {
+      return parts.reduce(function (content, part) {
+        return content + (part.type === "text" ? part.text : "");
+      }, "");
+    }
+    var tagIndex = 0;
+    return parts.map(function (part) {
+      if (part.type === "text") return part.text;
+      var result = serializeTag(part.tag, format, tagIndex);
+      tagIndex += 1;
+      return result;
+    }).join("");
+  };
+  var createSubmitData = function createSubmitData(formattedFiles) {
+    var parts = getSubmitParts();
+    var rawText = parts.reduce(function (content, part) {
+      return content + (part.type === "text" ? part.text : "");
+    }, "");
+    var standardData = {
+      text: serializeParts(parts, submitFormat),
+      rawText: rawText,
+      format: submitFormat,
+      parts: parts,
+      files: formattedFiles,
+      tags: tags
+    };
+    return _objectSpread(_objectSpread({}, standardData), {}, {
+      payload: transformSubmitData === null || transformSubmitData === void 0 ? void 0 : transformSubmitData(standardData)
+    });
+  };
 
   // 检查文件类型
   var checkFileType = function checkFileType(file) {
@@ -162,8 +242,8 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
   };
 
   // 内置校验器集合
-  var builtInValidators = [function (_file, _ref3) {
-    var files = _ref3.files;
+  var builtInValidators = [function (_file, _ref6) {
+    var files = _ref6.files;
     if (files.length >= maxFiles) {
       return "\u6700\u591A\u53EA\u80FD\u4E0A\u4F20 ".concat(maxFiles, " \u4E2A\u6587\u4EF6");
     }
@@ -179,8 +259,8 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
       return "不支持的文件类型";
     }
     return null;
-  }, function (file, _ref4) {
-    var files = _ref4.files;
+  }, function (file, _ref7) {
+    var files = _ref7.files;
     if (isDuplicateFile(file, files)) {
       return "文件已存在";
     }
@@ -251,14 +331,26 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }
   }, [files, maxFiles, maxFileSize, allowedFileTypes]);
 
-  // 暴露 addFiles 方法
+  // 暴露给业务工具栏调用的命令式能力；外部 Popover 选择标签时可插入到当前光标位置。
   useImperativeHandle(ref, function () {
     return {
       addFiles: function addFiles(rawFiles) {
         handleFileSelect(rawFiles);
+      },
+      insertTag: function insertTag(tag) {
+        if (inlineTags) {
+          var _inlineInputRef$curre2;
+          (_inlineInputRef$curre2 = inlineInputRef.current) === null || _inlineInputRef$curre2 === void 0 || _inlineInputRef$curre2.insertTag(tag);
+          return;
+        }
+        setTags([].concat(_toConsumableArray(tags), [tag]));
+      },
+      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();
       }
     };
-  }, [handleFileSelect]);
+  }, [handleFileSelect, inlineTags, setTags, tags]);
 
   // 触发文件选择
   var triggerFileSelect = function triggerFileSelect() {
@@ -269,7 +361,7 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
 
   // 上传文件
   var uploadFiles = /*#__PURE__*/function () {
-    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(fileList) {
+    var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(fileList) {
       var _iterator2, _step2, _loop;
       return _regeneratorRuntime().wrap(function _callee$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
@@ -384,7 +476,7 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
       }, _callee, null, [[1, 10, 13, 16]]);
     }));
     return function uploadFiles(_x) {
-      return _ref5.apply(this, arguments);
+      return _ref8.apply(this, arguments);
     };
   }();
 
@@ -496,18 +588,21 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
 
   // 选择快捷项后转成结构化 tag；inline 模式会替换掉触发字符和关键词。
   var handleQuickKeySelect = useCallback(function (option) {
-    var _activeQuickKeyConfig, _inlineInputRef$curre2, _textareaRef$current;
+    var _ref9, _option$value, _activeQuickKeyConfig, _inlineInputRef$curre5, _textareaRef$current2;
+    var tagType = (activeQuickKeyConfig === null || activeQuickKeyConfig === void 0 ? void 0 : activeQuickKeyConfig.tagType) || activeQuickKey || "unknown";
     var newTag = {
       id: generateId(),
       label: option.label,
-      type: activeQuickKey || "unknown",
+      type: tagType,
+      value: (_ref9 = (_option$value = option.value) !== null && _option$value !== void 0 ? _option$value : option.name) !== null && _ref9 !== void 0 ? _ref9 : option.label,
+      trigger: activeQuickKey || undefined,
       icon: option.icon,
       data: option
     };
     activeQuickKeyConfig === null || activeQuickKeyConfig === void 0 || (_activeQuickKeyConfig = activeQuickKeyConfig.onSelect) === null || _activeQuickKeyConfig === void 0 || _activeQuickKeyConfig.call(activeQuickKeyConfig, option);
     if (inlineTags) {
-      var _inlineInputRef$curre;
-      (_inlineInputRef$curre = inlineInputRef.current) === null || _inlineInputRef$curre === void 0 || _inlineInputRef$curre.insertTag(newTag, {
+      var _inlineInputRef$curre4;
+      (_inlineInputRef$curre4 = inlineInputRef.current) === null || _inlineInputRef$curre4 === void 0 || _inlineInputRef$curre4.insertTag(newTag, {
         start: quickKeyTriggerIdx,
         end: quickKeyTriggerIdx + 1 + quickKeyKeyword.length
       });
@@ -524,7 +619,7 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
     setQuickKeyKeyword("");
     setQuickKeyTriggerIdx(-1);
     setQuickKeyActiveIndex(0);
-    inlineTags ? (_inlineInputRef$curre2 = inlineInputRef.current) === null || _inlineInputRef$curre2 === void 0 ? void 0 : _inlineInputRef$curre2.focus() : (_textareaRef$current = textareaRef.current) === null || _textareaRef$current === void 0 ? void 0 : _textareaRef$current.focus();
+    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]);
 
   // 处理输入框变化（含快捷键检测）
@@ -536,10 +631,10 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
     detectQuickKey(newValue, e.target.selectionStart || 0);
   };
   var handleInlineInputChange = function handleInlineInputChange(newValue) {
-    var _inlineInputRef$curre3;
+    var _inlineInputRef$curre6;
     setValue(newValue);
     // contenteditable 的 selection 不一定和 React state 同步，需实时读取内部光标 offset。
-    detectQuickKey(newValue, ((_inlineInputRef$curre3 = inlineInputRef.current) === null || _inlineInputRef$curre3 === void 0 ? void 0 : _inlineInputRef$curre3.getCursorOffset()) || newValue.length);
+    detectQuickKey(newValue, ((_inlineInputRef$curre6 = inlineInputRef.current) === null || _inlineInputRef$curre6 === void 0 ? void 0 : _inlineInputRef$curre6.getCursorOffset()) || newValue.length);
   };
   var handleQuickKeyByText = function handleQuickKeyByText(text, cursorPos) {
     var quickKeyChars = quickKeys.map(function (qk) {
@@ -574,11 +669,11 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
     handleQuickKeyByText(target.value || "", target.selectionStart || 0);
   };
   var handleInlineKeyUp = function handleInlineKeyUp(e) {
-    var _inlineInputRef$curre4, _inlineInputRef$curre5;
+    var _inlineInputRef$curre7, _inlineInputRef$curre8;
     if (activeQuickKey && isQuickListControlKey(e.key)) return;
     // inline 输入区不是 textarea，不能读 event.target.value，只能从 ref 取纯文本。
-    var text = ((_inlineInputRef$curre4 = inlineInputRef.current) === null || _inlineInputRef$curre4 === void 0 ? void 0 : _inlineInputRef$curre4.getText()) || "";
-    var cursorPos = ((_inlineInputRef$curre5 = inlineInputRef.current) === null || _inlineInputRef$curre5 === void 0 ? void 0 : _inlineInputRef$curre5.getCursorOffset()) || text.length;
+    var text = ((_inlineInputRef$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;
     handleQuickKeyByText(text, cursorPos);
   };
 
@@ -603,11 +698,7 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
         onOk: function onOk() {
           var formattedFiles = formatFilesForServer(successFiles);
           if (onSubmit) {
-            onSubmit({
-              text: value,
-              files: formattedFiles,
-              tags: tags
-            });
+            onSubmit(createSubmitData(formattedFiles));
           }
           setValue("");
           setTags([]);
@@ -624,11 +715,7 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
     } else {
       var formattedFiles = formatFilesForServer(successFiles);
       if (onSubmit) {
-        onSubmit({
-          text: value,
-          files: formattedFiles,
-          tags: tags
-        });
+        onSubmit(createSubmitData(formattedFiles));
       }
       setValue("");
       setTags([]);
@@ -700,15 +787,11 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var renderFileList = function renderFileList() {
     if (files.length === 0) return null;
     return /*#__PURE__*/_jsx("div", {
-      style: {
-        display: "flex",
-        flexWrap: "wrap",
-        gap: "8px",
-        padding: "12px 0"
-      },
+      className: styles.contextFiles,
       children: files.map(function (file) {
         return /*#__PURE__*/_jsx(FileGallery, {
           file: file,
+          size: "small",
           removable: true,
           onRemove: handleRemoveFile
         }, file.id);
@@ -802,6 +885,8 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }
     return slot;
   };
+  var headerNode = renderSlot(header, false);
+  var fileListNode = allowUpload && files.length > 0 ? renderFileList() : null;
 
   // 默认后缀仅保留发送/停止按钮；上传与清空统一放到底部 actionBar，方便业务扩展左侧按钮组。
   var defaultSuffix = /*#__PURE__*/_jsx("div", {
@@ -841,7 +926,7 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onDragOver: allowUpload && draggable ? handleDragOver : undefined,
     onDragLeave: allowUpload && draggable ? handleDragLeave : undefined,
     onDrop: allowUpload && draggable ? handleDrop : undefined,
-    children: [renderSlot(header, false), allowUpload && files.length > 0 && renderFileList(), allowUpload && /*#__PURE__*/_jsx("input", {
+    children: [allowUpload && /*#__PURE__*/_jsx("input", {
       ref: fileInputRef,
       type: "file",
       multiple: true,
@@ -859,7 +944,13 @@ var XAdkSender = /*#__PURE__*/forwardRef(function (_ref, ref) {
       className: styles.mainArea,
       children: /*#__PURE__*/_jsxs("div", {
         className: styles.senderWrap,
-        children: [!inlineTags && /*#__PURE__*/_jsx(InputTags, {
+        children: [(headerNode || fileListNode) && /*#__PURE__*/_jsxs("div", {
+          className: styles.contextBar,
+          children: [headerNode && /*#__PURE__*/_jsx("div", {
+            className: styles.contextHeader,
+            children: headerNode
+          }), fileListNode]
+        }), !inlineTags && /*#__PURE__*/_jsx(InputTags, {
           tags: tags,
           onRemove: handleRemoveTag
         }), /*#__PURE__*/_jsxs("div", {