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

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

@@ -0,0 +1,485 @@
+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/InlineTagInput.tsx
+var InlineTagInput_exports = {};
+__export(InlineTagInput_exports, {
+  default: () => InlineTagInput_default
+});
+module.exports = __toCommonJS(InlineTagInput_exports);
+var import_react = require("react");
+var import_client = require("react-dom/client");
+var import_styles = require("./styles");
+var import_jsx_runtime = require("react/jsx-runtime");
+var TAG_ATTR = "data-xadk-inline-tag-id";
+var CARET_TEXT = "​";
+var createTextNode = (text) => document.createTextNode(text);
+var normalizeText = (text) => text.replace(/\u200B/g, "").replace(/\u00a0/g, " ");
+var getPlainLength = (text) => normalizeText(text).length;
+var toRawOffset = (text, plainOffset) => {
+  let current = 0;
+  for (let i = 0; i < text.length; i++) {
+    if (current >= plainOffset)
+      return i;
+    if (text[i] !== CARET_TEXT)
+      current += 1;
+  }
+  return text.length;
+};
+var InlineTagInput = (0, import_react.forwardRef)(
+  ({
+    value,
+    tags,
+    placeholder,
+    disabled,
+    onChange,
+    onTagsChange,
+    onKeyDown,
+    onKeyUp,
+    renderTag
+  }, ref) => {
+    const styles = (0, import_styles.useStyles)();
+    const editorRef = (0, import_react.useRef)(null);
+    const latestTagsRef = (0, import_react.useRef)(tags);
+    const tagRootMapRef = (0, import_react.useRef)(/* @__PURE__ */ new WeakMap());
+    const composingRef = (0, import_react.useRef)(false);
+    const lastInsertedCaretRef = (0, import_react.useRef)(null);
+    (0, import_react.useEffect)(() => {
+      latestTagsRef.current = tags;
+    }, [tags]);
+    const getOrderedTags = (0, import_react.useCallback)(() => {
+      const editor = editorRef.current;
+      if (!editor)
+        return [];
+      const tagMap = new Map(latestTagsRef.current.map((tag) => [tag.id, tag]));
+      return Array.from(editor.querySelectorAll(`[${TAG_ATTR}]`)).map((node) => tagMap.get(node.dataset.xadkInlineTagId || "")).filter(Boolean);
+    }, []);
+    const getPlainText = (0, import_react.useCallback)(() => {
+      const editor = editorRef.current;
+      if (!editor)
+        return "";
+      let text = "";
+      editor.childNodes.forEach((node) => {
+        if (node.nodeType === Node.TEXT_NODE) {
+          text += node.textContent || "";
+        }
+      });
+      return normalizeText(text);
+    }, []);
+    const getParts = (0, import_react.useCallback)(() => {
+      const editor = editorRef.current;
+      if (!editor)
+        return [];
+      const tagMap = new Map(latestTagsRef.current.map((tag) => [tag.id, tag]));
+      const parts = [];
+      editor.childNodes.forEach((node) => {
+        if (node.nodeType === Node.TEXT_NODE) {
+          const text = normalizeText(node.textContent || "");
+          if (text)
+            parts.push({ type: "text", text });
+          return;
+        }
+        if (node instanceof HTMLElement && node.hasAttribute(TAG_ATTR)) {
+          const tagId = node.dataset.xadkInlineTagId || "";
+          const tag = tagMap.get(tagId);
+          if (tag)
+            parts.push({ type: "tag", tag });
+        }
+      });
+      return parts;
+    }, []);
+    const emitChange = (0, import_react.useCallback)(() => {
+      onChange(getPlainText());
+      onTagsChange(getOrderedTags());
+    }, [getOrderedTags, getPlainText, onChange, onTagsChange]);
+    const removeTextRange = (0, import_react.useCallback)((node, start, end) => {
+      const text = node.textContent || "";
+      node.textContent = `${text.slice(0, start)}${text.slice(end)}`;
+      if (!node.textContent)
+        node.remove();
+    }, []);
+    const removeTagNode = (0, import_react.useCallback)(
+      (node) => {
+        var _a, _b, _c;
+        const previous = node.previousSibling;
+        const next = node.nextSibling;
+        (_a = tagRootMapRef.current.get(node)) == null ? void 0 : _a.unmount();
+        node.remove();
+        if ((next == null ? void 0 : next.nodeType) === Node.TEXT_NODE) {
+          const text = next.textContent || "";
+          const caretLength = ((_b = text.match(/^\u200B+/)) == null ? void 0 : _b[0].length) || 0;
+          if (caretLength > 0) {
+            removeTextRange(next, 0, caretLength);
+            return;
+          }
+        }
+        if ((previous == null ? void 0 : previous.nodeType) === Node.TEXT_NODE) {
+          const text = previous.textContent || "";
+          const spaceLength = ((_c = text.match(/\s+$/)) == null ? void 0 : _c[0].length) || 0;
+          if (spaceLength > 0) {
+            removeTextRange(previous, text.length - spaceLength, text.length);
+          }
+        }
+      },
+      [removeTextRange]
+    );
+    const removeTagById = (0, import_react.useCallback)(
+      (id) => {
+        const editor = editorRef.current;
+        const node = Array.from((editor == null ? void 0 : editor.querySelectorAll(`[${TAG_ATTR}]`)) || []).find(
+          (item) => item.dataset.xadkInlineTagId === id
+        );
+        if (node) {
+          removeTagNode(node);
+        }
+        emitChange();
+        editor == null ? void 0 : editor.focus();
+      },
+      [emitChange, removeTagNode]
+    );
+    const buildTagNode = (0, import_react.useCallback)(
+      (tag) => {
+        const span = document.createElement("span");
+        span.setAttribute("contenteditable", "false");
+        span.setAttribute(TAG_ATTR, tag.id);
+        span.dataset.xadkInlineTagId = tag.id;
+        span.className = styles.inlineTag;
+        if (renderTag) {
+          const root = (0, import_client.createRoot)(span);
+          tagRootMapRef.current.set(span, root);
+          root.render(
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: renderTag(tag, { onRemove: () => removeTagById(tag.id) }) })
+          );
+        } else {
+          const label = document.createElement("span");
+          label.className = "xadk-inline-tag-label";
+          label.textContent = tag.label;
+          const close = document.createElement("span");
+          close.className = "xadk-inline-tag-close";
+          close.innerHTML = "×";
+          close.onclick = (event) => {
+            event.preventDefault();
+            event.stopPropagation();
+            removeTagById(tag.id);
+          };
+          span.append(label, close);
+        }
+        return span;
+      },
+      [removeTagById, renderTag, styles.inlineTag]
+    );
+    const setCursorAtTextEnd = (0, import_react.useCallback)((node) => {
+      var _a;
+      const range = document.createRange();
+      const selection = window.getSelection();
+      range.setStart(node, ((_a = node.textContent) == null ? void 0 : _a.length) || 0);
+      range.collapse(true);
+      selection == null ? void 0 : selection.removeAllRanges();
+      selection == null ? void 0 : selection.addRange(range);
+    }, []);
+    const restoreCursorAfterInsert = (0, import_react.useCallback)(
+      (node) => {
+        const editor = editorRef.current;
+        if (!editor || !editor.contains(node))
+          return;
+        editor.focus();
+        setCursorAtTextEnd(node);
+      },
+      [setCursorAtTextEnd]
+    );
+    const isTagNode = (node) => node instanceof HTMLElement && node.hasAttribute(TAG_ATTR);
+    const isOnlyCaretText = (text) => normalizeText(text) === "";
+    const getTagBeforeRange = (range) => {
+      const container = range.startContainer;
+      if (container.nodeType === Node.TEXT_NODE) {
+        const text = container.textContent || "";
+        const beforeCursor = text.slice(0, range.startOffset);
+        if (isOnlyCaretText(beforeCursor) && isTagNode(container.previousSibling)) {
+          return container.previousSibling;
+        }
+      }
+      if (container instanceof HTMLElement) {
+        const previous = container.childNodes[range.startOffset - 1];
+        if (isTagNode(previous))
+          return previous;
+        if ((previous == null ? void 0 : previous.nodeType) === Node.TEXT_NODE && isOnlyCaretText(previous.textContent || "") && isTagNode(previous.previousSibling)) {
+          return previous.previousSibling;
+        }
+      }
+      return null;
+    };
+    const getTagAfterRange = (range) => {
+      const container = range.startContainer;
+      if (container.nodeType === Node.TEXT_NODE) {
+        const text = container.textContent || "";
+        const afterCursor = text.slice(range.startOffset);
+        if (isOnlyCaretText(afterCursor) && isTagNode(container.nextSibling)) {
+          return container.nextSibling;
+        }
+      }
+      if (container instanceof HTMLElement) {
+        const next = container.childNodes[range.startOffset];
+        if (isTagNode(next))
+          return next;
+        if ((next == null ? void 0 : next.nodeType) === Node.TEXT_NODE && isOnlyCaretText(next.textContent || "") && isTagNode(next.nextSibling)) {
+          return next.nextSibling;
+        }
+      }
+      return null;
+    };
+    const getOffsetInEditor = (0, import_react.useCallback)(() => {
+      const editor = editorRef.current;
+      const selection = window.getSelection();
+      if (!editor || !selection || selection.rangeCount === 0)
+        return 0;
+      const range = selection.getRangeAt(0);
+      let offset = 0;
+      let found = false;
+      const visit = (node) => {
+        if (found)
+          return;
+        if (node === range.startContainer) {
+          if (node.nodeType === Node.TEXT_NODE) {
+            offset += getPlainLength(
+              (node.textContent || "").slice(0, range.startOffset)
+            );
+          }
+          found = true;
+          return;
+        }
+        if (node instanceof HTMLElement && node.hasAttribute(TAG_ATTR))
+          return;
+        if (node.nodeType === Node.TEXT_NODE) {
+          offset += getPlainLength(node.textContent || "");
+          return;
+        }
+        node.childNodes.forEach(visit);
+      };
+      editor.childNodes.forEach(visit);
+      return offset;
+    }, []);
+    const getNodeIndex = (node) => {
+      let index = 0;
+      let current = node;
+      while (current.previousSibling) {
+        index += 1;
+        current = current.previousSibling;
+      }
+      return index;
+    };
+    const replaceTextRange = (0, import_react.useCallback)((start, end) => {
+      const editor = editorRef.current;
+      if (!editor)
+        return null;
+      let offset = 0;
+      let insertRange = null;
+      const nodes = Array.from(editor.childNodes);
+      nodes.forEach((node) => {
+        if (node.nodeType !== Node.TEXT_NODE)
+          return;
+        const text = node.textContent || "";
+        const nodeStart = offset;
+        const plainLength = getPlainLength(text);
+        const nodeEnd = offset + plainLength;
+        offset = nodeEnd;
+        if (nodeEnd <= start || nodeStart >= end)
+          return;
+        const rawStart = toRawOffset(text, Math.max(0, start - nodeStart));
+        const rawEnd = toRawOffset(text, Math.max(0, end - nodeStart));
+        const keepLeft = text.slice(0, rawStart);
+        const keepRight = text.slice(rawEnd);
+        const parent = node.parentNode;
+        const nodeIndex = getNodeIndex(node);
+        node.textContent = `${keepLeft}${keepRight}`;
+        if (!insertRange) {
+          insertRange = document.createRange();
+          if (node.textContent) {
+            insertRange.setStart(node, rawStart);
+          } else if (parent) {
+            insertRange.setStart(parent, nodeIndex);
+          }
+          insertRange.collapse(true);
+        }
+        if (!node.textContent)
+          node.remove();
+      });
+      return insertRange;
+    }, []);
+    const cleanupCaretTextNodes = (0, import_react.useCallback)(() => {
+      const editor = editorRef.current;
+      if (!editor)
+        return;
+      Array.from(editor.childNodes).forEach((node) => {
+        if (node.nodeType !== Node.TEXT_NODE)
+          return;
+        const text = node.textContent || "";
+        if (!text) {
+          node.remove();
+          return;
+        }
+        if (text && normalizeText(text) === "") {
+          node.textContent = CARET_TEXT;
+        }
+      });
+    }, []);
+    const insertTag = (0, import_react.useCallback)(
+      (tag, replace) => {
+        const editor = editorRef.current;
+        if (!editor)
+          return;
+        editor.focus();
+        latestTagsRef.current = [
+          ...latestTagsRef.current.filter((item) => item.id !== tag.id),
+          tag
+        ];
+        let insertRange = null;
+        if (replace) {
+          insertRange = replaceTextRange(replace.start, replace.end);
+          cleanupCaretTextNodes();
+        }
+        const tagNode = buildTagNode(tag);
+        const caretNode = createTextNode(CARET_TEXT);
+        const selection = window.getSelection();
+        const range = insertRange || ((selection == null ? void 0 : selection.rangeCount) ? selection.getRangeAt(0) : null);
+        if (range && editor.contains(range.startContainer)) {
+          const fragment = document.createDocumentFragment();
+          fragment.append(tagNode, caretNode);
+          range.insertNode(fragment);
+        } else {
+          editor.append(tagNode, caretNode);
+        }
+        cleanupCaretTextNodes();
+        lastInsertedCaretRef.current = caretNode;
+        setCursorAtTextEnd(caretNode);
+        emitChange();
+        window.requestAnimationFrame(() => {
+          if (lastInsertedCaretRef.current === caretNode) {
+            restoreCursorAfterInsert(caretNode);
+          }
+        });
+      },
+      [
+        buildTagNode,
+        cleanupCaretTextNodes,
+        emitChange,
+        replaceTextRange,
+        restoreCursorAfterInsert,
+        setCursorAtTextEnd
+      ]
+    );
+    (0, import_react.useImperativeHandle)(ref, () => ({
+      focus: () => {
+        var _a;
+        return (_a = editorRef.current) == null ? void 0 : _a.focus();
+      },
+      getText: getPlainText,
+      getParts,
+      getCursorOffset: getOffsetInEditor,
+      insertTag
+    }), [getOffsetInEditor, getParts, getPlainText, insertTag]);
+    (0, import_react.useEffect)(() => {
+      const editor = editorRef.current;
+      if (!editor || editor.childNodes.length > 0)
+        return;
+      if (value)
+        editor.appendChild(createTextNode(value));
+      tags.forEach((tag) => editor.append(buildTagNode(tag), createTextNode(CARET_TEXT)));
+    }, []);
+    (0, import_react.useEffect)(() => {
+      const editor = editorRef.current;
+      if (!editor)
+        return;
+      const existingNodes = Array.from(editor.querySelectorAll(`[${TAG_ATTR}]`));
+      const nextTagMap = new Map(tags.map((tag) => [tag.id, tag]));
+      const existingIds = new Set(
+        existingNodes.map((node) => node.dataset.xadkInlineTagId || "")
+      );
+      existingNodes.forEach((node) => {
+        const tagId = node.dataset.xadkInlineTagId || "";
+        if (!nextTagMap.has(tagId)) {
+          removeTagNode(node);
+        }
+      });
+      tags.forEach((tag) => {
+        if (existingIds.has(tag.id))
+          return;
+        editor.append(buildTagNode(tag), createTextNode(CARET_TEXT));
+      });
+    }, [buildTagNode, removeTagNode, tags]);
+    (0, import_react.useEffect)(() => {
+      const editor = editorRef.current;
+      if (!editor)
+        return;
+      if (!value && tags.length === 0 && editor.childNodes.length > 0) {
+        editor.querySelectorAll(`[${TAG_ATTR}]`).forEach((node) => {
+          var _a;
+          (_a = tagRootMapRef.current.get(node)) == null ? void 0 : _a.unmount();
+        });
+        editor.innerHTML = "";
+      }
+    }, [tags.length, value]);
+    const handleInput = () => {
+      if (!composingRef.current)
+        emitChange();
+    };
+    const handleKeyDown = (event) => {
+      if (event.key === "Backspace" || event.key === "Delete") {
+        const selection = window.getSelection();
+        if (selection == null ? void 0 : selection.rangeCount) {
+          const range = selection.getRangeAt(0);
+          if (range.collapsed) {
+            const targetTag = event.key === "Backspace" ? getTagBeforeRange(range) : getTagAfterRange(range);
+            if (targetTag) {
+              event.preventDefault();
+              removeTagById(targetTag.dataset.xadkInlineTagId || "");
+              return;
+            }
+          }
+        }
+      }
+      onKeyDown == null ? void 0 : onKeyDown(event);
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.inlineInputWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        ref: editorRef,
+        className: styles.inlineInput,
+        "data-placeholder": placeholder,
+        contentEditable: !disabled,
+        suppressContentEditableWarning: true,
+        role: "textbox",
+        "aria-multiline": "true",
+        onInput: handleInput,
+        onKeyDown: handleKeyDown,
+        onKeyUp,
+        onCompositionStart: () => {
+          composingRef.current = true;
+        },
+        onCompositionEnd: () => {
+          composingRef.current = false;
+          emitChange();
+        },
+        "data-empty": !getPlainText() && getOrderedTags().length === 0,
+        "data-cursor-offset": getOffsetInEditor()
+      }
+    ) });
+  }
+);
+InlineTagInput.displayName = "InlineTagInput";
+var InlineTagInput_default = InlineTagInput;
+//# sourceMappingURL=InlineTagInput.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/XAdkSender/InlineTagInput.tsx"],
+  "sourcesContent": ["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n} from \"react\";\nimport { createRoot, type Root } from \"react-dom/client\";\nimport type { InlineTagRenderInfo, InputTag, XAdkSenderSubmitPart } from \"@/types\";\nimport { useStyles } from \"./styles\";\n\nexport interface InlineTagInputRef {\n  focus: () => void;\n  getText: () => string;\n  getParts: () => XAdkSenderSubmitPart[];\n  getCursorOffset: () => number;\n  insertTag: (tag: InputTag, replace?: { start: number; end: number }) => void;\n}\n\nexport interface InlineTagInputProps {\n  value: string;\n  tags: InputTag[];\n  placeholder?: string;\n  disabled?: boolean;\n  onChange: (value: string) => void;\n  onTagsChange: (tags: InputTag[]) => void;\n  onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;\n  onKeyUp?: React.KeyboardEventHandler<HTMLDivElement>;\n  renderTag?: (tag: InputTag, info: InlineTagRenderInfo) => React.ReactNode;\n}\n\nconst TAG_ATTR = \"data-xadk-inline-tag-id\";\n// contenteditable 无法把光标放进 contenteditable=false 的标签里，需用零宽字符承接“标签后方”的光标。\nconst CARET_TEXT = \"\\u200B\";\n\nconst createTextNode = (text: string) => document.createTextNode(text);\nconst normalizeText = (text: string) =>\n  text.replace(/\\u200B/g, \"\").replace(/\\u00a0/g, \" \");\nconst getPlainLength = (text: string) => normalizeText(text).length;\n// DOM 文本里包含零宽光标锚点，快捷键替换和光标定位都要在“用户可见文本 offset”和 DOM raw offset 之间转换。\nconst toRawOffset = (text: string, plainOffset: number) => {\n  let current = 0;\n  for (let i = 0; i < text.length; i++) {\n    if (current >= plainOffset) return i;\n    if (text[i] !== CARET_TEXT) current += 1;\n  }\n  return text.length;\n};\n\nconst InlineTagInput = forwardRef<InlineTagInputRef, InlineTagInputProps>(\n  (\n    {\n      value,\n      tags,\n      placeholder,\n      disabled,\n      onChange,\n      onTagsChange,\n      onKeyDown,\n      onKeyUp,\n      renderTag,\n    },\n    ref,\n  ) => {\n    const styles = useStyles();\n    const editorRef = useRef<HTMLDivElement>(null);\n    const latestTagsRef = useRef<InputTag[]>(tags);\n    const tagRootMapRef = useRef<WeakMap<Element, Root>>(new WeakMap());\n    const composingRef = useRef(false);\n    const lastInsertedCaretRef = useRef<Text | null>(null);\n\n    useEffect(() => {\n      latestTagsRef.current = tags;\n    }, [tags]);\n\n    const getOrderedTags = useCallback(() => {\n      const editor = editorRef.current;\n      if (!editor) return [];\n      const tagMap = new Map(latestTagsRef.current.map((tag) => [tag.id, tag]));\n      return Array.from(editor.querySelectorAll(`[${TAG_ATTR}]`))\n        .map((node) => tagMap.get((node as HTMLElement).dataset.xadkInlineTagId || \"\"))\n        .filter(Boolean) as InputTag[];\n    }, []);\n\n    // 对外只暴露用户输入的纯文本，内部零宽锚点不进入 value。\n    const getPlainText = useCallback(() => {\n      const editor = editorRef.current;\n      if (!editor) return \"\";\n      let text = \"\";\n      editor.childNodes.forEach((node) => {\n        if (node.nodeType === Node.TEXT_NODE) {\n          text += node.textContent || \"\";\n        }\n      });\n      return normalizeText(text);\n    }, []);\n\n    // 提交时需要保留文本与 tag 的真实顺序；仅靠 value + tags 无法区分 tag 在句首、句中还是句尾。\n    const getParts = useCallback((): XAdkSenderSubmitPart[] => {\n      const editor = editorRef.current;\n      if (!editor) return [];\n      const tagMap = new Map(latestTagsRef.current.map((tag) => [tag.id, tag]));\n      const parts: XAdkSenderSubmitPart[] = [];\n\n      editor.childNodes.forEach((node) => {\n        if (node.nodeType === Node.TEXT_NODE) {\n          const text = normalizeText(node.textContent || \"\");\n          if (text) parts.push({ type: \"text\", text });\n          return;\n        }\n\n        if (node instanceof HTMLElement && node.hasAttribute(TAG_ATTR)) {\n          const tagId = node.dataset.xadkInlineTagId || \"\";\n          const tag = tagMap.get(tagId);\n          if (tag) parts.push({ type: \"tag\", tag });\n        }\n      });\n\n      return parts;\n    }, []);\n\n    const emitChange = useCallback(() => {\n      onChange(getPlainText());\n      onTagsChange(getOrderedTags());\n    }, [getOrderedTags, getPlainText, onChange, onTagsChange]);\n\n    const removeTextRange = useCallback((node: Text, start: number, end: number) => {\n      const text = node.textContent || \"\";\n      node.textContent = `${text.slice(0, start)}${text.slice(end)}`;\n      if (!node.textContent) node.remove();\n    }, []);\n\n    const removeTagNode = useCallback(\n      (node: Element) => {\n        const previous = node.previousSibling;\n        const next = node.nextSibling;\n\n        tagRootMapRef.current.get(node)?.unmount();\n        node.remove();\n\n        // 标签后会补一个不可见光标锚点；删除标签时同步清理，避免留下冗余节点。\n        if (next?.nodeType === Node.TEXT_NODE) {\n          const text = next.textContent || \"\";\n          const caretLength = text.match(/^\\u200B+/)?.[0].length || 0;\n          if (caretLength > 0) {\n            removeTextRange(next as Text, 0, caretLength);\n            return;\n          }\n        }\n\n        if (previous?.nodeType === Node.TEXT_NODE) {\n          const text = previous.textContent || \"\";\n          const spaceLength = text.match(/\\s+$/)?.[0].length || 0;\n          if (spaceLength > 0) {\n            removeTextRange(previous as Text, text.length - spaceLength, text.length);\n          }\n        }\n      },\n      [removeTextRange],\n    );\n\n    const removeTagById = useCallback(\n      (id: string) => {\n        const editor = editorRef.current;\n        const node = Array.from(editor?.querySelectorAll(`[${TAG_ATTR}]`) || []).find(\n          (item) => (item as HTMLElement).dataset.xadkInlineTagId === id,\n        );\n        if (node) {\n          removeTagNode(node);\n        }\n        emitChange();\n        editor?.focus();\n      },\n      [emitChange, removeTagNode],\n    );\n\n    // 标签节点本身不可编辑；删除入口通过 onRemove 回到组件内部统一维护 DOM 与 tags。\n    const buildTagNode = useCallback(\n      (tag: InputTag) => {\n        const span = document.createElement(\"span\");\n        span.setAttribute(\"contenteditable\", \"false\");\n        span.setAttribute(TAG_ATTR, tag.id);\n        span.dataset.xadkInlineTagId = tag.id;\n        span.className = styles.inlineTag;\n\n        if (renderTag) {\n          const root = createRoot(span);\n          tagRootMapRef.current.set(span, root);\n          root.render(\n            <>{renderTag(tag, { onRemove: () => removeTagById(tag.id) })}</>,\n          );\n        } else {\n          const label = document.createElement(\"span\");\n          label.className = \"xadk-inline-tag-label\";\n          label.textContent = tag.label;\n          const close = document.createElement(\"span\");\n          close.className = \"xadk-inline-tag-close\";\n          close.innerHTML = \"×\";\n          close.onclick = (event) => {\n            event.preventDefault();\n            event.stopPropagation();\n            removeTagById(tag.id);\n          };\n          span.append(label, close);\n        }\n        return span;\n      },\n      [removeTagById, renderTag, styles.inlineTag],\n    );\n\n    const setCursorAtTextEnd = useCallback((node: Text) => {\n      const range = document.createRange();\n      const selection = window.getSelection();\n      range.setStart(node, node.textContent?.length || 0);\n      range.collapse(true);\n      selection?.removeAllRanges();\n      selection?.addRange(range);\n    }, []);\n\n    const restoreCursorAfterInsert = useCallback(\n      (node: Text) => {\n        const editor = editorRef.current;\n        if (!editor || !editor.contains(node)) return;\n        editor.focus();\n        setCursorAtTextEnd(node);\n      },\n      [setCursorAtTextEnd],\n    );\n\n    const isTagNode = (node: Node | null): node is HTMLElement =>\n      node instanceof HTMLElement && node.hasAttribute(TAG_ATTR);\n\n    const isOnlyCaretText = (text: string) => normalizeText(text) === \"\";\n\n    // Backspace/Delete 需要跨过零宽锚点识别相邻标签，不能只看光标所在文本节点。\n    const getTagBeforeRange = (range: Range) => {\n      const container = range.startContainer;\n      if (container.nodeType === Node.TEXT_NODE) {\n        const text = container.textContent || \"\";\n        const beforeCursor = text.slice(0, range.startOffset);\n        if (isOnlyCaretText(beforeCursor) && isTagNode(container.previousSibling)) {\n          return container.previousSibling;\n        }\n      }\n\n      if (container instanceof HTMLElement) {\n        const previous = container.childNodes[range.startOffset - 1];\n        if (isTagNode(previous)) return previous;\n        if (\n          previous?.nodeType === Node.TEXT_NODE &&\n          isOnlyCaretText(previous.textContent || \"\") &&\n          isTagNode(previous.previousSibling)\n        ) {\n          return previous.previousSibling;\n        }\n      }\n\n      return null;\n    };\n\n    const getTagAfterRange = (range: Range) => {\n      const container = range.startContainer;\n      if (container.nodeType === Node.TEXT_NODE) {\n        const text = container.textContent || \"\";\n        const afterCursor = text.slice(range.startOffset);\n        if (isOnlyCaretText(afterCursor) && isTagNode(container.nextSibling)) {\n          return container.nextSibling;\n        }\n      }\n\n      if (container instanceof HTMLElement) {\n        const next = container.childNodes[range.startOffset];\n        if (isTagNode(next)) return next;\n        if (\n          next?.nodeType === Node.TEXT_NODE &&\n          isOnlyCaretText(next.textContent || \"\") &&\n          isTagNode(next.nextSibling)\n        ) {\n          return next.nextSibling;\n        }\n      }\n\n      return null;\n    };\n\n    // 读取光标在纯文本中的位置，供快捷键搜索词和 tag 插入位置复用。\n    const getOffsetInEditor = useCallback(() => {\n      const editor = editorRef.current;\n      const selection = window.getSelection();\n      if (!editor || !selection || selection.rangeCount === 0) return 0;\n      const range = selection.getRangeAt(0);\n      let offset = 0;\n      let found = false;\n\n      const visit = (node: Node) => {\n        if (found) return;\n        if (node === range.startContainer) {\n          if (node.nodeType === Node.TEXT_NODE) {\n            offset += getPlainLength(\n              (node.textContent || \"\").slice(0, range.startOffset),\n            );\n          }\n          found = true;\n          return;\n        }\n        if (node instanceof HTMLElement && node.hasAttribute(TAG_ATTR)) return;\n        if (node.nodeType === Node.TEXT_NODE) {\n          offset += getPlainLength(node.textContent || \"\");\n          return;\n        }\n        node.childNodes.forEach(visit);\n      };\n\n      editor.childNodes.forEach(visit);\n      return offset;\n    }, []);\n\n    const getNodeIndex = (node: Node) => {\n      let index = 0;\n      let current = node;\n      while (current.previousSibling) {\n        index += 1;\n        current = current.previousSibling;\n      }\n      return index;\n    };\n\n    // 删除快捷键触发片段，例如把 “@文档” 替换成一个结构化 tag，并返回删除位置对应的真实 DOM Range。\n    // 注意：纯文本 offset 不包含 tag，标签前后可能都是 offset 0；插入 tag 必须依赖真实 Range，不能再反推 offset。\n    const replaceTextRange = useCallback((start: number, end: number) => {\n      const editor = editorRef.current;\n      if (!editor) return null;\n      let offset = 0;\n      let insertRange: Range | null = null;\n      const nodes = Array.from(editor.childNodes);\n      nodes.forEach((node) => {\n        if (node.nodeType !== Node.TEXT_NODE) return;\n        const text = node.textContent || \"\";\n        const nodeStart = offset;\n        const plainLength = getPlainLength(text);\n        const nodeEnd = offset + plainLength;\n        offset = nodeEnd;\n        if (nodeEnd <= start || nodeStart >= end) return;\n        const rawStart = toRawOffset(text, Math.max(0, start - nodeStart));\n        const rawEnd = toRawOffset(text, Math.max(0, end - nodeStart));\n        const keepLeft = text.slice(0, rawStart);\n        const keepRight = text.slice(rawEnd);\n        const parent = node.parentNode;\n        const nodeIndex = getNodeIndex(node);\n\n        node.textContent = `${keepLeft}${keepRight}`;\n        if (!insertRange) {\n          insertRange = document.createRange();\n          if (node.textContent) {\n            insertRange.setStart(node, rawStart);\n          } else if (parent) {\n            insertRange.setStart(parent, nodeIndex);\n          }\n          insertRange.collapse(true);\n        }\n        if (!node.textContent) node.remove();\n      });\n\n      return insertRange;\n    }, []);\n\n    // 浏览器拆分 Range 后可能留下空文本节点；清理后才能保证后续 tag 继续 append 在队尾。\n    const cleanupCaretTextNodes = useCallback(() => {\n      const editor = editorRef.current;\n      if (!editor) return;\n      Array.from(editor.childNodes).forEach((node) => {\n        if (node.nodeType !== Node.TEXT_NODE) return;\n        const text = node.textContent || \"\";\n        if (!text) {\n          node.remove();\n          return;\n        }\n        if (text && normalizeText(text) === \"\") {\n          node.textContent = CARET_TEXT;\n        }\n      });\n    }, []);\n\n    const insertTag = useCallback(\n      (tag: InputTag, replace?: { start: number; end: number }) => {\n        const editor = editorRef.current;\n        if (!editor) return;\n        editor.focus();\n        latestTagsRef.current = [\n          ...latestTagsRef.current.filter((item) => item.id !== tag.id),\n          tag,\n        ];\n        let insertRange: Range | null = null;\n        if (replace) {\n          insertRange = replaceTextRange(replace.start, replace.end);\n          cleanupCaretTextNodes();\n        }\n        const tagNode = buildTagNode(tag);\n        const caretNode = createTextNode(CARET_TEXT);\n        const selection = window.getSelection();\n        const range =\n          insertRange || (selection?.rangeCount ? selection.getRangeAt(0) : null);\n        if (range && editor.contains(range.startContainer)) {\n          // 用 DocumentFragment 一次性插入，避免连续 insertNode 导致 tag/caret 顺序被浏览器 Range 状态打乱。\n          const fragment = document.createDocumentFragment();\n          fragment.append(tagNode, caretNode);\n          range.insertNode(fragment);\n        } else {\n          editor.append(tagNode, caretNode);\n        }\n        cleanupCaretTextNodes();\n        lastInsertedCaretRef.current = caretNode;\n        setCursorAtTextEnd(caretNode);\n        emitChange();\n\n        // 关闭快捷列表和父组件同步 tags/value 会触发一次 React 更新；\n        // 下一帧再恢复到刚插入 tag 后的零宽锚点，避免光标被 focus 或重渲染带回旧位置。\n        window.requestAnimationFrame(() => {\n          if (lastInsertedCaretRef.current === caretNode) {\n            restoreCursorAfterInsert(caretNode);\n          }\n        });\n      },\n      [\n        buildTagNode,\n        cleanupCaretTextNodes,\n        emitChange,\n        replaceTextRange,\n        restoreCursorAfterInsert,\n        setCursorAtTextEnd,\n      ],\n    );\n\n    useImperativeHandle(ref, () => ({\n      focus: () => editorRef.current?.focus(),\n      getText: getPlainText,\n      getParts,\n      getCursorOffset: getOffsetInEditor,\n      insertTag,\n    }), [getOffsetInEditor, getParts, getPlainText, insertTag]);\n\n    useEffect(() => {\n      const editor = editorRef.current;\n      if (!editor || editor.childNodes.length > 0) return;\n      if (value) editor.appendChild(createTextNode(value));\n      tags.forEach((tag) => editor.append(buildTagNode(tag), createTextNode(CARET_TEXT)));\n    }, []);\n\n    // 外部受控 tags 变化时，同步补齐或删除 DOM 中的 tag 节点。\n    useEffect(() => {\n      const editor = editorRef.current;\n      if (!editor) return;\n      const existingNodes = Array.from(editor.querySelectorAll(`[${TAG_ATTR}]`));\n      const nextTagMap = new Map(tags.map((tag) => [tag.id, tag]));\n      const existingIds = new Set(\n        existingNodes.map((node) => (node as HTMLElement).dataset.xadkInlineTagId || \"\"),\n      );\n\n      existingNodes.forEach((node) => {\n        const tagId = (node as HTMLElement).dataset.xadkInlineTagId || \"\";\n        if (!nextTagMap.has(tagId)) {\n          removeTagNode(node);\n        }\n      });\n\n      tags.forEach((tag) => {\n        if (existingIds.has(tag.id)) return;\n        editor.append(buildTagNode(tag), createTextNode(CARET_TEXT));\n      });\n    }, [buildTagNode, removeTagNode, tags]);\n\n    useEffect(() => {\n      const editor = editorRef.current;\n      if (!editor) return;\n      if (!value && tags.length === 0 && editor.childNodes.length > 0) {\n        editor.querySelectorAll(`[${TAG_ATTR}]`).forEach((node) => {\n          tagRootMapRef.current.get(node)?.unmount();\n        });\n        editor.innerHTML = \"\";\n      }\n    }, [tags.length, value]);\n\n    const handleInput = () => {\n      if (!composingRef.current) emitChange();\n    };\n\n    const handleKeyDown: React.KeyboardEventHandler<HTMLDivElement> = (event) => {\n      if (event.key === \"Backspace\" || event.key === \"Delete\") {\n        const selection = window.getSelection();\n        if (selection?.rangeCount) {\n          const range = selection.getRangeAt(0);\n          if (range.collapsed) {\n            const targetTag =\n              event.key === \"Backspace\"\n                ? getTagBeforeRange(range)\n                : getTagAfterRange(range);\n\n            if (targetTag) {\n              event.preventDefault();\n              removeTagById(targetTag.dataset.xadkInlineTagId || \"\");\n              return;\n            }\n          }\n        }\n      }\n      onKeyDown?.(event);\n    };\n\n    return (\n      <div className={styles.inlineInputWrapper}>\n        <div\n          ref={editorRef}\n          className={styles.inlineInput}\n          data-placeholder={placeholder}\n          contentEditable={!disabled}\n          suppressContentEditableWarning\n          role=\"textbox\"\n          aria-multiline=\"true\"\n          onInput={handleInput}\n          onKeyDown={handleKeyDown}\n          onKeyUp={onKeyUp}\n          onCompositionStart={() => {\n            composingRef.current = true;\n          }}\n          onCompositionEnd={() => {\n            composingRef.current = false;\n            emitChange();\n          }}\n          data-empty={!getPlainText() && getOrderedTags().length === 0}\n          data-cursor-offset={getOffsetInEditor()}\n        />\n      </div>\n    );\n  },\n);\n\nInlineTagInput.displayName = \"InlineTagInput\";\n\nexport default InlineTagInput;\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,8 @@
+import React from "react";
+import type { InputTag as InputTagType } from "../../types";
+export interface InputTagsProps {
+    tags: InputTagType[];
+    onRemove: (id: string) => void;
+}
+declare const InputTags: React.FC<InputTagsProps>;
+export default InputTags;

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

@@ -0,0 +1,51 @@
+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/InputTags.tsx
+var InputTags_exports = {};
+__export(InputTags_exports, {
+  default: () => InputTags_default
+});
+module.exports = __toCommonJS(InputTags_exports);
+var import_antd = require("antd");
+var import_icons = require("@ant-design/icons");
+var import_styles = require("./styles");
+var import_jsx_runtime = require("react/jsx-runtime");
+var InputTags = ({ tags, onRemove }) => {
+  const styles = (0, import_styles.useStyles)();
+  if (!tags.length)
+    return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.inputTags, children: tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_antd.Tag,
+    {
+      className: styles.inputTag,
+      closable: true,
+      onClose: (e) => {
+        e.preventDefault();
+        onRemove(tag.id);
+      },
+      closeIcon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CloseOutlined, { style: { fontSize: 10 } }),
+      color: tag.color,
+      icon: tag.icon,
+      children: tag.label
+    },
+    tag.id
+  )) });
+};
+var InputTags_default = InputTags;
+//# sourceMappingURL=InputTags.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/XAdkSender/InputTags.tsx"],
+  "sourcesContent": ["import React from \"react\";\nimport { Tag } from \"antd\";\nimport { CloseOutlined } from \"@ant-design/icons\";\nimport type { InputTag as InputTagType } from \"@/types\";\nimport { useStyles } from \"./styles\";\n\nexport interface InputTagsProps {\n  tags: InputTagType[];\n  onRemove: (id: string) => void;\n}\n\nconst InputTags: React.FC<InputTagsProps> = ({ tags, onRemove }) => {\n  const styles = useStyles();\n\n  if (!tags.length) return null;\n\n  // 非 inlineTags 模式下，标签以独立区域展示；inlineTags 模式由 InlineTagInput 接管混排和删除。\n  return (\n    <div className={styles.inputTags}>\n      {tags.map((tag) => (\n        <Tag\n          key={tag.id}\n          className={styles.inputTag}\n          closable\n          onClose={(e) => {\n            e.preventDefault();\n            onRemove(tag.id);\n          }}\n          closeIcon={<CloseOutlined style={{ fontSize: 10 }} />}\n          color={tag.color}\n          icon={tag.icon}\n        >\n          {tag.label}\n        </Tag>\n      ))}\n    </div>\n  );\n};\n\nexport default InputTags;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,kBAAoB;AACpB,mBAA8B;AAE9B,oBAA0B;AAwBL;AAjBrB,IAAM,YAAsC,CAAC,EAAE,MAAM,SAAS,MAAM;AAClE,QAAM,aAAS,yBAAU;AAEzB,MAAI,CAAC,KAAK;AAAQ,WAAO;AAGzB,SACE,4CAAC,SAAI,WAAW,OAAO,WACpB,eAAK,IAAI,CAAC,QACT;AAAA,IAAC;AAAA;AAAA,MAEC,WAAW,OAAO;AAAA,MAClB,UAAQ;AAAA,MACR,SAAS,CAAC,MAAM;AACd,UAAE,eAAe;AACjB,iBAAS,IAAI,EAAE;AAAA,MACjB;AAAA,MACA,WAAW,4CAAC,8BAAc,OAAO,EAAE,UAAU,GAAG,GAAG;AAAA,MACnD,OAAO,IAAI;AAAA,MACX,MAAM,IAAI;AAAA,MAET,cAAI;AAAA;AAAA,IAXA,IAAI;AAAA,EAYX,CACD,GACH;AAEJ;AAEA,IAAO,oBAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,16 @@
+import React from "react";
+import type { QuickListOption, QuickKeyConfig } from "../../types";
+export interface QuickListProps {
+    /** 当前触发的快捷键配置 */
+    config: QuickKeyConfig;
+    /** 当前键盘选中的选项下标 */
+    activeIndex?: number;
+    /** 选择回调 */
+    onSelect: (option: QuickListOption) => void;
+    /** 关闭回调 */
+    onClose: () => void;
+    /** 是否可见 */
+    visible: boolean;
+}
+declare const QuickList: React.FC<QuickListProps>;
+export default QuickList;