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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (84) hide show
  1. package/dist/cjs/components/XAdkChatbot/styles.js +8 -1
  2. package/dist/cjs/components/XAdkChatbot/styles.js.map +2 -2
  3. package/dist/cjs/components/XAdkProvider/compound/DefaultLayout.js +17 -50
  4. package/dist/cjs/components/XAdkProvider/compound/DefaultLayout.js.map +2 -2
  5. package/dist/cjs/components/XAdkProvider/compound/Sender.d.ts +3 -2
  6. package/dist/cjs/components/XAdkProvider/compound/Sender.js +81 -4
  7. package/dist/cjs/components/XAdkProvider/compound/Sender.js.map +3 -3
  8. package/dist/cjs/components/XAdkProvider/context/DefaultLayoutContext.d.ts +9 -0
  9. package/dist/cjs/components/XAdkProvider/context/DefaultLayoutContext.js +34 -0
  10. package/dist/cjs/components/XAdkProvider/context/DefaultLayoutContext.js.map +7 -0
  11. package/dist/cjs/components/XAdkProvider/context/index.d.ts +5 -4
  12. package/dist/cjs/components/XAdkProvider/context/index.js +3 -1
  13. package/dist/cjs/components/XAdkProvider/context/index.js.map +2 -2
  14. package/dist/cjs/components/XAdkSender/InlineTagInput.d.ts +4 -0
  15. package/dist/cjs/components/XAdkSender/InlineTagInput.js +28 -1
  16. package/dist/cjs/components/XAdkSender/InlineTagInput.js.map +2 -2
  17. package/dist/cjs/components/XAdkSender/{QuickList.d.ts → InputSuggestionList.d.ts} +4 -3
  18. package/dist/cjs/components/XAdkSender/{QuickList.js → InputSuggestionList.js} +55 -30
  19. package/dist/cjs/components/XAdkSender/InputSuggestionList.js.map +7 -0
  20. package/dist/cjs/components/XAdkSender/index.js +35 -13
  21. package/dist/cjs/components/XAdkSender/index.js.map +3 -3
  22. package/dist/cjs/components/XAdkSender/styles.js +13 -1
  23. package/dist/cjs/components/XAdkSender/styles.js.map +2 -2
  24. package/dist/cjs/components/XAiConversations/index.js +1 -1
  25. package/dist/cjs/components/XAiConversations/index.js.map +2 -2
  26. package/dist/cjs/components/XAiConversations/styles.js +11 -1
  27. package/dist/cjs/components/XAiConversations/styles.js.map +2 -2
  28. package/dist/cjs/index.d.ts +3 -3
  29. package/dist/cjs/index.js +5 -1
  30. package/dist/cjs/index.js.map +2 -2
  31. package/dist/cjs/presets/xgroup/index.d.ts +1 -0
  32. package/dist/cjs/presets/xgroup/index.js +2 -0
  33. package/dist/cjs/presets/xgroup/index.js.map +2 -2
  34. package/dist/cjs/presets/xgroup/knowledgeReference.js +3 -1
  35. package/dist/cjs/presets/xgroup/knowledgeReference.js.map +2 -2
  36. package/dist/cjs/presets/xgroup/webReference.d.ts +10 -0
  37. package/dist/cjs/presets/xgroup/webReference.js +85 -0
  38. package/dist/cjs/presets/xgroup/webReference.js.map +7 -0
  39. package/dist/cjs/types/XAdkSender.d.ts +4 -0
  40. package/dist/cjs/types/XAdkSender.js.map +1 -1
  41. package/dist/esm/components/XAdkChatbot/styles.js +3 -3
  42. package/dist/esm/components/XAdkChatbot/styles.js.map +1 -1
  43. package/dist/esm/components/XAdkProvider/compound/DefaultLayout.js +16 -41
  44. package/dist/esm/components/XAdkProvider/compound/DefaultLayout.js.map +1 -1
  45. package/dist/esm/components/XAdkProvider/compound/Sender.d.ts +3 -2
  46. package/dist/esm/components/XAdkProvider/compound/Sender.js +70 -7
  47. package/dist/esm/components/XAdkProvider/compound/Sender.js.map +1 -1
  48. package/dist/esm/components/XAdkProvider/context/DefaultLayoutContext.d.ts +9 -0
  49. package/dist/esm/components/XAdkProvider/context/DefaultLayoutContext.js +9 -0
  50. package/dist/esm/components/XAdkProvider/context/DefaultLayoutContext.js.map +1 -0
  51. package/dist/esm/components/XAdkProvider/context/index.d.ts +5 -4
  52. package/dist/esm/components/XAdkProvider/context/index.js +1 -0
  53. package/dist/esm/components/XAdkProvider/context/index.js.map +1 -1
  54. package/dist/esm/components/XAdkSender/InlineTagInput.d.ts +4 -0
  55. package/dist/esm/components/XAdkSender/InlineTagInput.js +26 -7
  56. package/dist/esm/components/XAdkSender/InlineTagInput.js.map +1 -1
  57. package/dist/esm/components/XAdkSender/{QuickList.d.ts → InputSuggestionList.d.ts} +4 -3
  58. package/dist/esm/components/XAdkSender/{QuickList.js → InputSuggestionList.js} +53 -28
  59. package/dist/esm/components/XAdkSender/InputSuggestionList.js.map +1 -0
  60. package/dist/esm/components/XAdkSender/index.js +39 -18
  61. package/dist/esm/components/XAdkSender/index.js.map +1 -1
  62. package/dist/esm/components/XAdkSender/styles.js +2 -2
  63. package/dist/esm/components/XAdkSender/styles.js.map +1 -1
  64. package/dist/esm/components/XAiConversations/index.js +2 -1
  65. package/dist/esm/components/XAiConversations/index.js.map +1 -1
  66. package/dist/esm/components/XAiConversations/styles.js +3 -3
  67. package/dist/esm/components/XAiConversations/styles.js.map +1 -1
  68. package/dist/esm/index.d.ts +3 -3
  69. package/dist/esm/index.js +2 -2
  70. package/dist/esm/index.js.map +1 -1
  71. package/dist/esm/presets/xgroup/index.d.ts +1 -0
  72. package/dist/esm/presets/xgroup/index.js +1 -0
  73. package/dist/esm/presets/xgroup/index.js.map +1 -1
  74. package/dist/esm/presets/xgroup/knowledgeReference.js +2 -1
  75. package/dist/esm/presets/xgroup/knowledgeReference.js.map +1 -1
  76. package/dist/esm/presets/xgroup/webReference.d.ts +10 -0
  77. package/dist/esm/presets/xgroup/webReference.js +46 -0
  78. package/dist/esm/presets/xgroup/webReference.js.map +1 -0
  79. package/dist/esm/types/XAdkSender.d.ts +4 -0
  80. package/dist/esm/types/XAdkSender.js.map +1 -1
  81. package/dist/umd/chat-sdk.min.js +1 -1
  82. package/package.json +1 -1
  83. package/dist/cjs/components/XAdkSender/QuickList.js.map +0 -7
  84. package/dist/esm/components/XAdkSender/QuickList.js.map +0 -1
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/components/XAdkSender/InlineTagInput.tsx"],
4
- "sourcesContent": ["import React, {\n forwardRef,\n useCallback,\n useEffect,\n useLayoutEffect,\n useImperativeHandle,\n useRef,\n useState,\n} from \"react\";\nimport { createRoot, type Root } from \"react-dom/client\";\nimport type {\n InlineTagRenderInfo,\n MentionTag,\n XAdkSenderInputPart,\n XAdkSenderSubmitPart,\n} from \"@/types\";\nimport { useStyles } from \"./styles\";\nimport { parseMarkdownResourceLinksAsParts } from \"@/utils/markdownResource\";\n\nexport interface InlineTagInputRef {\n focus: () => void;\n getText: () => string;\n getParts: () => XAdkSenderSubmitPart[];\n getCursorOffset: () => number;\n insertMention: (\n mention: MentionTag,\n replace?: { start: number; end: number },\n ) => void;\n /** @deprecated 请使用 insertMention。 */\n insertTag: (\n mention: MentionTag,\n replace?: { start: number; end: number },\n ) => void;\n}\n\nexport interface InlineTagInputProps {\n value: string;\n mentions: MentionTag[];\n defaultInputParts?: XAdkSenderInputPart[];\n placeholder?: string;\n disabled?: boolean;\n onChange: (value: string) => void;\n onMentionsChange: (mentions: MentionTag[]) => void;\n onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;\n onKeyUp?: React.KeyboardEventHandler<HTMLDivElement>;\n renderMention?: (\n mention: MentionTag,\n info: InlineTagRenderInfo,\n ) => React.ReactNode;\n}\n\nconst MENTION_ATTR = \"data-xadk-inline-mention-id\";\n// contenteditable 无法把光标放进 contenteditable=false 的 Mention 里,需用零宽字符承接“Mention 后方”的光标。\nconst CARET_TEXT = \"\\u200B\";\n\nconst createTextNode = (text: string) => document.createTextNode(text);\nconst useIsomorphicLayoutEffect =\n typeof window === \"undefined\" ? useEffect : useLayoutEffect;\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\n// 内联标签展示逻辑\nconst InlineTagInput = forwardRef<InlineTagInputRef, InlineTagInputProps>(\n (\n {\n value,\n mentions,\n defaultInputParts,\n placeholder,\n disabled,\n onChange,\n onMentionsChange,\n onKeyDown,\n onKeyUp,\n renderMention,\n },\n ref,\n ) => {\n const styles = useStyles();\n const editorRef = useRef<HTMLDivElement>(null);\n const latestMentionsRef = useRef<MentionTag[]>(mentions);\n const tagRootMapRef = useRef<WeakMap<Element, Root>>(new WeakMap());\n const composingRef = useRef(false);\n const lastInsertedCaretRef = useRef<Text | null>(null);\n const savedRangeRef = useRef<Range | null>(null);\n const defaultInputPartsAppliedRef = useRef(false);\n const skipEmptyCleanupOnceRef = useRef(false);\n const structuralCleanupFrameRef = useRef<number | null>(null);\n const [hasContent, setHasContent] = useState(() =>\n Boolean(value || mentions.length),\n );\n const lastEmittedStateRef = useRef({\n value,\n mentionIds: mentions.map((mention) => mention.id).join(\"|\"),\n });\n\n useEffect(() => {\n latestMentionsRef.current = mentions;\n }, [mentions]);\n\n const getOrderedMentions = useCallback(() => {\n const editor = editorRef.current;\n if (!editor) return [];\n const mentionMap = new Map(\n latestMentionsRef.current.map((mention) => [mention.id, mention]),\n );\n return Array.from(editor.querySelectorAll(`[${MENTION_ATTR}]`))\n .map((node) =>\n mentionMap.get(\n (node as HTMLElement).dataset.xadkInlineMentionId || \"\",\n ),\n )\n .filter(Boolean) as MentionTag[];\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 // 提交时需要保留文本与 Mention 的真实顺序;仅靠 value + mentions 无法区分 Mention 在句首、句中还是句尾。\n const getParts = useCallback((): XAdkSenderSubmitPart[] => {\n const editor = editorRef.current;\n if (!editor) return [];\n const mentionMap = new Map(\n latestMentionsRef.current.map((mention) => [mention.id, mention]),\n );\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(MENTION_ATTR)) {\n const mentionId = node.dataset.xadkInlineMentionId || \"\";\n const mention = mentionMap.get(mentionId);\n if (mention) parts.push({ type: \"mention\", mention });\n }\n });\n\n return parts;\n }, []);\n\n const emitChange = useCallback(() => {\n const nextValue = getPlainText();\n const nextMentions = getOrderedMentions();\n setHasContent(Boolean(nextValue || nextMentions.length));\n lastEmittedStateRef.current = {\n value: nextValue,\n mentionIds: nextMentions.map((mention) => mention.id).join(\"|\"),\n };\n onChange(nextValue);\n onMentionsChange(nextMentions);\n }, [getOrderedMentions, getPlainText, onChange, onMentionsChange]);\n\n const removeTextRange = useCallback(\n (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 );\n\n const removeMentionNode = 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 // Mention 后会补一个不可见光标锚点;删除 Mention 时同步清理,避免留下冗余节点。\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(\n previous as Text,\n text.length - spaceLength,\n text.length,\n );\n }\n }\n },\n [removeTextRange],\n );\n\n const removeMentionById = useCallback(\n (id: string) => {\n const editor = editorRef.current;\n const node = Array.from(\n editor?.querySelectorAll(`[${MENTION_ATTR}]`) || [],\n ).find(\n (item) => (item as HTMLElement).dataset.xadkInlineMentionId === id,\n );\n if (node) {\n removeMentionNode(node);\n }\n emitChange();\n editor?.focus();\n },\n [emitChange, removeMentionNode],\n );\n\n // Mention 节点本身不可编辑;删除入口通过 onRemove 回到组件内部统一维护 DOM 与 mentions。\n const buildMentionNode = useCallback(\n (mention: MentionTag) => {\n const span = document.createElement(\"span\");\n span.setAttribute(\"contenteditable\", \"false\");\n span.setAttribute(MENTION_ATTR, mention.id);\n span.dataset.xadkInlineMentionId = mention.id;\n span.dataset.xadkInlineMentionType = mention.type;\n span.className = styles.inlineTag;\n\n if (renderMention) {\n const root = createRoot(span);\n tagRootMapRef.current.set(span, root);\n root.render(\n <>\n {renderMention(mention, {\n onRemove: () => removeMentionById(mention.id),\n })}\n </>,\n );\n } else {\n const label = document.createElement(\"span\");\n label.className = \"xadk-inline-tag-label\";\n label.textContent = mention.displayName || mention.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 removeMentionById(mention.id);\n };\n span.append(label, close);\n }\n return span;\n },\n [removeMentionById, renderMention, styles.inlineTag],\n );\n\n const renderPartsToEditor = useCallback(\n (parts: XAdkSenderInputPart[]) => {\n const editor = editorRef.current;\n if (!editor) return;\n\n editor.querySelectorAll(`[${MENTION_ATTR}]`).forEach((node) => {\n tagRootMapRef.current.get(node)?.unmount();\n });\n editor.innerHTML = \"\";\n\n parts.forEach((part) => {\n if (part.type === \"text\") {\n if (part.text) editor.appendChild(createTextNode(part.text));\n return;\n }\n const mention = part.type === \"mention\" ? part.mention : part.tag;\n editor.append(buildMentionNode(mention), createTextNode(CARET_TEXT));\n });\n },\n [buildMentionNode],\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 savedRangeRef.current = range.cloneRange();\n }, []);\n\n const saveSelectionRange = useCallback(() => {\n const editor = editorRef.current;\n const selection = window.getSelection();\n if (!editor || !selection || selection.rangeCount === 0) return;\n const range = selection.getRangeAt(0);\n if (\n !editor.contains(range.startContainer) ||\n !editor.contains(range.endContainer)\n ) {\n return;\n }\n savedRangeRef.current = range.cloneRange();\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 isMentionNode = (node: Node | null): node is HTMLElement =>\n node instanceof HTMLElement && node.hasAttribute(MENTION_ATTR);\n\n const isOnlyCaretText = (text: string) => normalizeText(text) === \"\";\n\n // Backspace/Delete 需要跨过零宽锚点识别相邻 Mention,不能只看光标所在文本节点。\n const getMentionBeforeRange = (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 (\n isOnlyCaretText(beforeCursor) &&\n isMentionNode(container.previousSibling)\n ) {\n return container.previousSibling;\n }\n }\n\n if (container instanceof HTMLElement) {\n const previous = container.childNodes[range.startOffset - 1];\n if (isMentionNode(previous)) return previous;\n if (\n previous?.nodeType === Node.TEXT_NODE &&\n isOnlyCaretText(previous.textContent || \"\") &&\n isMentionNode(previous.previousSibling)\n ) {\n return previous.previousSibling;\n }\n }\n\n return null;\n };\n\n const getMentionAfterRange = (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 (\n isOnlyCaretText(afterCursor) &&\n isMentionNode(container.nextSibling)\n ) {\n return container.nextSibling;\n }\n }\n\n if (container instanceof HTMLElement) {\n const next = container.childNodes[range.startOffset];\n if (isMentionNode(next)) return next;\n if (\n next?.nodeType === Node.TEXT_NODE &&\n isOnlyCaretText(next.textContent || \"\") &&\n isMentionNode(next.nextSibling)\n ) {\n return next.nextSibling;\n }\n }\n\n return null;\n };\n\n const moveCursorAroundMention = useCallback(\n (mention: HTMLElement, direction: \"before\" | \"after\") => {\n const editor = editorRef.current;\n const selection = window.getSelection();\n if (!editor || !selection || !editor.contains(mention)) return;\n\n const range = document.createRange();\n if (direction === \"before\") {\n const previous = mention.previousSibling;\n if (previous?.nodeType === Node.TEXT_NODE) {\n range.setStart(previous, previous.textContent?.length || 0);\n } else {\n range.setStartBefore(mention);\n }\n } else {\n const next = mention.nextSibling;\n if (next?.nodeType === Node.TEXT_NODE) {\n const leadingCaretLength =\n (next.textContent || \"\").match(/^\\u200B+/)?.[0].length || 0;\n range.setStart(next, leadingCaretLength);\n } else {\n range.setStartAfter(mention);\n }\n }\n\n range.collapse(true);\n selection.removeAllRanges();\n selection.addRange(range);\n savedRangeRef.current = range.cloneRange();\n },\n [],\n );\n\n // 读取光标在纯文本中的位置,供快捷键搜索词和 Mention 插入位置复用。\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(MENTION_ATTR))\n 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 // 删除快捷键触发片段,例如把 “@文档” 替换成一个结构化 Mention,并返回删除位置对应的真实 DOM Range。\n // 注意:纯文本 offset 不包含 Mention,Mention 前后可能都是 offset 0;插入 Mention 必须依赖真实 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 后可能留下空文本节点;清理后才能保证后续 Mention 继续 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 // Chrome 会把标签前临时输入的文字包进块级节点;文字被删空后,可能留下\n // <div><br></div>。它没有消息语义,却会在 contenteditable 中占据一整行。\n const cleanupEmptyStructuralNodes = useCallback(() => {\n const editor = editorRef.current;\n const selection = window.getSelection();\n if (!editor) return;\n\n Array.from(editor.children).forEach((node) => {\n if (node.hasAttribute(MENTION_ATTR)) return;\n if (node.querySelector(`[${MENTION_ATTR}]`)) return;\n if (normalizeText(node.textContent || \"\")) return;\n\n const range = selection?.rangeCount ? selection.getRangeAt(0) : null;\n const nodeIndex = getNodeIndex(node);\n const containsCursor = Boolean(\n range &&\n range.collapsed &&\n (range.startContainer === node ||\n node.contains(range.startContainer) ||\n (range.startContainer === editor &&\n (range.startOffset === nodeIndex ||\n range.startOffset === nodeIndex + 1))),\n );\n\n if (containsCursor && selection) {\n // 光标紧邻 contenteditable=false 的 Mention 时,单纯删除 <br> 会让 Chrome\n // 再次生成它。替换成零宽文本锚点,既能承接光标,也不会增加行高。\n const caretNode = createTextNode(CARET_TEXT);\n node.replaceWith(caretNode);\n const nextRange = document.createRange();\n nextRange.setStart(caretNode, CARET_TEXT.length);\n nextRange.collapse(true);\n selection.removeAllRanges();\n selection.addRange(nextRange);\n savedRangeRef.current = nextRange.cloneRange();\n return;\n }\n\n node.remove();\n });\n }, []);\n\n useEffect(() => {\n const editor = editorRef.current;\n if (!editor) return;\n\n // 某些业务容器会截断 React 委托事件;直接监听编辑器的原生 input,确保删除事务结束后\n // 仍能清理 Chrome 在不可编辑 Mention 前生成的占行 <br>。仅处理 delete*,不影响 Enter 换行。\n const handleNativeDelete = (event: Event) => {\n if (!(event instanceof InputEvent)) return;\n if (!event.inputType.startsWith(\"delete\")) return;\n if (structuralCleanupFrameRef.current !== null) {\n window.cancelAnimationFrame(structuralCleanupFrameRef.current);\n }\n structuralCleanupFrameRef.current = window.requestAnimationFrame(() => {\n structuralCleanupFrameRef.current = null;\n cleanupEmptyStructuralNodes();\n cleanupCaretTextNodes();\n });\n };\n\n editor.addEventListener(\"input\", handleNativeDelete);\n return () => editor.removeEventListener(\"input\", handleNativeDelete);\n }, [cleanupCaretTextNodes, cleanupEmptyStructuralNodes]);\n\n const insertMention = useCallback(\n (mention: MentionTag, replace?: { start: number; end: number }) => {\n const editor = editorRef.current;\n if (!editor) return;\n // 工具栏/弹窗会先抢走焦点;必须在 focus 之前保存当前 Selection,\n // 否则浏览器新建在输入框开头的 Range 会覆盖最后一次真实光标位置。\n const selectionBeforeFocus = window.getSelection();\n const activeRangeBeforeFocus =\n selectionBeforeFocus?.rangeCount &&\n editor.contains(selectionBeforeFocus.getRangeAt(0).startContainer)\n ? selectionBeforeFocus.getRangeAt(0).cloneRange()\n : null;\n const savedRangeBeforeFocus =\n savedRangeRef.current &&\n editor.contains(savedRangeRef.current.startContainer)\n ? savedRangeRef.current.cloneRange()\n : null;\n const rangeBeforeFocus =\n activeRangeBeforeFocus || savedRangeBeforeFocus;\n\n editor.focus();\n latestMentionsRef.current = [\n ...latestMentionsRef.current.filter((item) => item.id !== mention.id),\n mention,\n ];\n let insertRange: Range | null = null;\n if (replace) {\n insertRange = replaceTextRange(replace.start, replace.end);\n cleanupCaretTextNodes();\n }\n // 浏览器会在空 contenteditable 中生成 <div><br> 等占位块。\n // 空编辑器插入首个 Mention 前先清掉这些无语义节点,避免标签被放进第二个视觉行。\n const isSemanticallyEmpty =\n !getPlainText() && !editor.querySelector(`[${MENTION_ATTR}]`);\n if (isSemanticallyEmpty) {\n editor.innerHTML = \"\";\n savedRangeRef.current = null;\n insertRange = null;\n }\n const mentionNode = buildMentionNode(mention);\n const caretNode = createTextNode(CARET_TEXT);\n const range = insertRange || rangeBeforeFocus;\n if (range && editor.contains(range.startContainer)) {\n // 用 DocumentFragment 一次性插入,避免连续 insertNode 导致 mention/caret 顺序被浏览器 Range 状态打乱。\n const fragment = document.createDocumentFragment();\n fragment.append(mentionNode, caretNode);\n range.insertNode(fragment);\n } else {\n editor.append(mentionNode, caretNode);\n }\n cleanupCaretTextNodes();\n lastInsertedCaretRef.current = caretNode;\n setCursorAtTextEnd(caretNode);\n emitChange();\n\n // 关闭快捷列表和父组件同步 mentions/value 会触发一次 React 更新;\n // 下一帧再恢复到刚插入 Mention 后的零宽锚点,避免光标被 focus 或重渲染带回旧位置。\n window.requestAnimationFrame(() => {\n if (lastInsertedCaretRef.current === caretNode) {\n restoreCursorAfterInsert(caretNode);\n }\n });\n },\n [\n buildMentionNode,\n cleanupCaretTextNodes,\n emitChange,\n getPlainText,\n replaceTextRange,\n restoreCursorAfterInsert,\n setCursorAtTextEnd,\n ],\n );\n\n useEffect(() => {\n document.addEventListener(\"selectionchange\", saveSelectionRange);\n return () => {\n document.removeEventListener(\"selectionchange\", saveSelectionRange);\n };\n }, [saveSelectionRange]);\n\n useEffect(\n () => () => {\n if (structuralCleanupFrameRef.current !== null) {\n window.cancelAnimationFrame(structuralCleanupFrameRef.current);\n }\n },\n [],\n );\n\n useImperativeHandle(\n ref,\n () => ({\n focus: () => editorRef.current?.focus(),\n getText: getPlainText,\n getParts,\n getCursorOffset: getOffsetInEditor,\n insertMention,\n insertTag: insertMention,\n }),\n [getOffsetInEditor, getParts, getPlainText, insertMention],\n );\n\n useIsomorphicLayoutEffect(() => {\n const editor = editorRef.current;\n if (!editor) return;\n\n // 默认片段只在空输入首次挂载时灌入,避免外部重新渲染覆盖用户正在编辑的内容。\n if (\n !defaultInputPartsAppliedRef.current &&\n defaultInputParts?.length &&\n !value &&\n mentions.length === 0\n ) {\n defaultInputPartsAppliedRef.current = true;\n // emitChange 的受控回写要到下一次 render 才生效;跳过本轮紧随其后的空值清理,\n // 避免刚渲染的默认 Mention 被旧的空 value/mentions 立即移除。\n skipEmptyCleanupOnceRef.current = true;\n renderPartsToEditor(defaultInputParts);\n emitChange();\n return;\n }\n\n const incomingMentionIds = mentions\n .map((mention) => mention.id)\n .join(\"|\");\n const lastEmittedState = lastEmittedStateRef.current;\n const isInternalControlledEcho =\n value === lastEmittedState.value &&\n incomingMentionIds === lastEmittedState.mentionIds;\n\n if (isInternalControlledEcho && editor.childNodes.length > 0) return;\n\n renderPartsToEditor([\n ...(value ? [{ type: \"text\" as const, text: value }] : []),\n ...mentions.map((mention) => ({ type: \"mention\" as const, mention })),\n ]);\n setHasContent(Boolean(value || mentions.length));\n\n // 外部主动写入 value/mentions 后,需要在首帧绘制前同步 DOM;若输入区已有焦点,则把光标放在内容末尾。\n const lastTextNode = Array.from(editor.childNodes)\n .reverse()\n .find((node): node is Text => node.nodeType === Node.TEXT_NODE);\n if (document.activeElement === editor && lastTextNode) {\n setCursorAtTextEnd(lastTextNode);\n }\n }, [\n defaultInputParts,\n emitChange,\n renderPartsToEditor,\n setCursorAtTextEnd,\n mentions,\n value,\n ]);\n\n useIsomorphicLayoutEffect(() => {\n const editor = editorRef.current;\n if (!editor) return;\n if (skipEmptyCleanupOnceRef.current) {\n skipEmptyCleanupOnceRef.current = false;\n return;\n }\n if (!value && mentions.length === 0 && editor.childNodes.length > 0) {\n editor.querySelectorAll(`[${MENTION_ATTR}]`).forEach((node) => {\n tagRootMapRef.current.get(node)?.unmount();\n });\n editor.innerHTML = \"\";\n }\n }, [mentions.length, value]);\n\n const handleInput = () => {\n if (!composingRef.current) {\n cleanupEmptyStructuralNodes();\n cleanupCaretTextNodes();\n emitChange();\n\n // Chrome 可能在 input 回调返回后才补上用于承接光标的 <br>;下一帧再归一化一次。\n if (structuralCleanupFrameRef.current !== null) {\n window.cancelAnimationFrame(structuralCleanupFrameRef.current);\n }\n structuralCleanupFrameRef.current = window.requestAnimationFrame(() => {\n structuralCleanupFrameRef.current = null;\n cleanupEmptyStructuralNodes();\n cleanupCaretTextNodes();\n });\n }\n };\n\n const handlePaste: React.ClipboardEventHandler<HTMLDivElement> = (\n event,\n ) => {\n event.preventDefault();\n const editor = editorRef.current;\n if (!editor) return;\n\n // 始终按 text/plain 粘贴,避免消息气泡的背景色等 HTML 样式进入 contenteditable。\n const text = event.clipboardData.getData(\"text/plain\");\n if (!text) return;\n const parts = parseMarkdownResourceLinksAsParts(text);\n const selection = window.getSelection();\n const range =\n selection?.rangeCount &&\n editor.contains(selection.getRangeAt(0).startContainer)\n ? selection.getRangeAt(0)\n : null;\n const fragment = document.createDocumentFragment();\n let lastTextNode: Text | null = null;\n\n for (const part of parts) {\n if (part.type === \"text\") {\n lastTextNode = createTextNode(part.text);\n fragment.append(lastTextNode);\n continue;\n }\n latestMentionsRef.current = [\n ...latestMentionsRef.current,\n part.mention,\n ];\n fragment.append(buildMentionNode(part.mention));\n lastTextNode = createTextNode(CARET_TEXT);\n fragment.append(lastTextNode);\n }\n\n if (range) {\n range.deleteContents();\n range.insertNode(fragment);\n } else {\n editor.append(fragment);\n }\n cleanupCaretTextNodes();\n if (lastTextNode) setCursorAtTextEnd(lastTextNode);\n emitChange();\n };\n\n const handleKeyDown: React.KeyboardEventHandler<HTMLDivElement> = (\n event,\n ) => {\n if (event.key === \"ArrowLeft\" || event.key === \"ArrowRight\") {\n const selection = window.getSelection();\n if (selection?.rangeCount) {\n const range = selection.getRangeAt(0);\n if (range.collapsed) {\n const targetMention =\n event.key === \"ArrowLeft\"\n ? getMentionBeforeRange(range)\n : getMentionAfterRange(range);\n\n if (targetMention) {\n event.preventDefault();\n moveCursorAroundMention(\n targetMention,\n event.key === \"ArrowLeft\" ? \"before\" : \"after\",\n );\n return;\n }\n }\n }\n }\n\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 targetMention =\n event.key === \"Backspace\"\n ? getMentionBeforeRange(range)\n : getMentionAfterRange(range);\n\n if (targetMention) {\n event.preventDefault();\n removeMentionById(\n targetMention.dataset.xadkInlineMentionId || \"\",\n );\n return;\n }\n }\n }\n }\n onKeyDown?.(event);\n };\n\n // placeholder 只由受控 value/mentions 派生,避免从 contenteditable DOM 读取导致外部插入 Mention 后状态滞后一帧。\n const showPlaceholder = !hasContent;\n\n return (\n <div className={styles.inlineInputWrapper}>\n {showPlaceholder && placeholder && (\n <div className={styles.inlinePlaceholder}>{placeholder}</div>\n )}\n <div\n ref={editorRef}\n className={styles.inlineInput}\n contentEditable={!disabled}\n suppressContentEditableWarning\n role=\"textbox\"\n aria-multiline=\"true\"\n onInput={handleInput}\n onPaste={handlePaste}\n onKeyDown={handleKeyDown}\n onKeyUp={(event) => {\n cleanupEmptyStructuralNodes();\n cleanupCaretTextNodes();\n saveSelectionRange();\n onKeyUp?.(event);\n }}\n onMouseUp={saveSelectionRange}\n onFocus={saveSelectionRange}\n onCompositionStart={() => {\n composingRef.current = true;\n // 中文 IME 在 compositionend 前不会触发受控 value 更新;候选输入一出现就应隐藏 placeholder。\n setHasContent(true);\n }}\n onCompositionEnd={() => {\n composingRef.current = false;\n emitChange();\n }}\n data-cursor-offset={getOffsetInEditor()}\n />\n </div>\n );\n },\n);\n\nInlineTagInput.displayName = \"InlineTagInput\";\n\nexport default InlineTagInput;\n"],
5
- "mappings": "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",
4
+ "sourcesContent": ["import React, {\n forwardRef,\n useCallback,\n useEffect,\n useLayoutEffect,\n useImperativeHandle,\n useRef,\n useState,\n} from \"react\";\nimport { createRoot, type Root } from \"react-dom/client\";\nimport type {\n InlineTagRenderInfo,\n MentionTag,\n XAdkSenderInputPart,\n XAdkSenderSubmitPart,\n} from \"@/types\";\nimport { useStyles } from \"./styles\";\nimport { parseMarkdownResourceLinksAsParts } from \"@/utils/markdownResource\";\n\nexport interface InlineTagInputRef {\n focus: () => void;\n getText: () => string;\n getParts: () => XAdkSenderSubmitPart[];\n getCursorOffset: () => number;\n deleteTextRange: (range: { start: number; end: number }) => void;\n insertMention: (\n mention: MentionTag,\n replace?: { start: number; end: number },\n ) => void;\n /** @deprecated 请使用 insertMention。 */\n insertTag: (\n mention: MentionTag,\n replace?: { start: number; end: number },\n ) => void;\n}\n\nexport interface InlineTagInputProps {\n value: string;\n mentions: MentionTag[];\n defaultInputParts?: XAdkSenderInputPart[];\n placeholder?: string;\n disabled?: boolean;\n onChange: (value: string) => void;\n onMentionsChange: (mentions: MentionTag[]) => void;\n onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;\n onKeyUp?: React.KeyboardEventHandler<HTMLDivElement>;\n renderMention?: (\n mention: MentionTag,\n info: InlineTagRenderInfo,\n ) => React.ReactNode;\n}\n\nconst MENTION_ATTR = \"data-xadk-inline-mention-id\";\n// contenteditable 无法把光标放进 contenteditable=false 的 Mention 里,需用零宽字符承接“Mention 后方”的光标。\nconst CARET_TEXT = \"\\u200B\";\n\nconst createTextNode = (text: string) => document.createTextNode(text);\nconst useIsomorphicLayoutEffect =\n typeof window === \"undefined\" ? useEffect : useLayoutEffect;\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\n// 内联标签展示逻辑\nconst InlineTagInput = forwardRef<InlineTagInputRef, InlineTagInputProps>(\n (\n {\n value,\n mentions,\n defaultInputParts,\n placeholder,\n disabled,\n onChange,\n onMentionsChange,\n onKeyDown,\n onKeyUp,\n renderMention,\n },\n ref,\n ) => {\n const styles = useStyles();\n const editorRef = useRef<HTMLDivElement>(null);\n const latestMentionsRef = useRef<MentionTag[]>(mentions);\n const tagRootMapRef = useRef<WeakMap<Element, Root>>(new WeakMap());\n const composingRef = useRef(false);\n const lastInsertedCaretRef = useRef<Text | null>(null);\n const savedRangeRef = useRef<Range | null>(null);\n const defaultInputPartsAppliedRef = useRef(false);\n const skipEmptyCleanupOnceRef = useRef(false);\n const structuralCleanupFrameRef = useRef<number | null>(null);\n const [hasContent, setHasContent] = useState(() =>\n Boolean(value || mentions.length),\n );\n const lastEmittedStateRef = useRef({\n value,\n mentionIds: mentions.map((mention) => mention.id).join(\"|\"),\n });\n\n useEffect(() => {\n latestMentionsRef.current = mentions;\n }, [mentions]);\n\n const getOrderedMentions = useCallback(() => {\n const editor = editorRef.current;\n if (!editor) return [];\n const mentionMap = new Map(\n latestMentionsRef.current.map((mention) => [mention.id, mention]),\n );\n return Array.from(editor.querySelectorAll(`[${MENTION_ATTR}]`))\n .map((node) =>\n mentionMap.get(\n (node as HTMLElement).dataset.xadkInlineMentionId || \"\",\n ),\n )\n .filter(Boolean) as MentionTag[];\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 // 提交时需要保留文本与 Mention 的真实顺序;仅靠 value + mentions 无法区分 Mention 在句首、句中还是句尾。\n const getParts = useCallback((): XAdkSenderSubmitPart[] => {\n const editor = editorRef.current;\n if (!editor) return [];\n const mentionMap = new Map(\n latestMentionsRef.current.map((mention) => [mention.id, mention]),\n );\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(MENTION_ATTR)) {\n const mentionId = node.dataset.xadkInlineMentionId || \"\";\n const mention = mentionMap.get(mentionId);\n if (mention) parts.push({ type: \"mention\", mention });\n }\n });\n\n return parts;\n }, []);\n\n const emitChange = useCallback(() => {\n const nextValue = getPlainText();\n const nextMentions = getOrderedMentions();\n setHasContent(Boolean(nextValue || nextMentions.length));\n lastEmittedStateRef.current = {\n value: nextValue,\n mentionIds: nextMentions.map((mention) => mention.id).join(\"|\"),\n };\n onChange(nextValue);\n onMentionsChange(nextMentions);\n }, [getOrderedMentions, getPlainText, onChange, onMentionsChange]);\n\n const removeTextRange = useCallback(\n (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 );\n\n const removeMentionNode = 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 // Mention 后会补一个不可见光标锚点;删除 Mention 时同步清理,避免留下冗余节点。\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(\n previous as Text,\n text.length - spaceLength,\n text.length,\n );\n }\n }\n },\n [removeTextRange],\n );\n\n const removeMentionById = useCallback(\n (id: string) => {\n const editor = editorRef.current;\n const node = Array.from(\n editor?.querySelectorAll(`[${MENTION_ATTR}]`) || [],\n ).find(\n (item) => (item as HTMLElement).dataset.xadkInlineMentionId === id,\n );\n if (node) {\n removeMentionNode(node);\n }\n emitChange();\n editor?.focus();\n },\n [emitChange, removeMentionNode],\n );\n\n // Mention 节点本身不可编辑;删除入口通过 onRemove 回到组件内部统一维护 DOM 与 mentions。\n const buildMentionNode = useCallback(\n (mention: MentionTag) => {\n const span = document.createElement(\"span\");\n span.setAttribute(\"contenteditable\", \"false\");\n span.setAttribute(MENTION_ATTR, mention.id);\n span.dataset.xadkInlineMentionId = mention.id;\n span.dataset.xadkInlineMentionType = mention.type;\n span.className = styles.inlineTag;\n\n if (renderMention) {\n const root = createRoot(span);\n tagRootMapRef.current.set(span, root);\n root.render(\n <>\n {renderMention(mention, {\n onRemove: () => removeMentionById(mention.id),\n })}\n </>,\n );\n } else {\n const label = document.createElement(\"span\");\n label.className = \"xadk-inline-tag-label\";\n label.textContent = mention.displayName || mention.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 removeMentionById(mention.id);\n };\n span.append(label, close);\n }\n return span;\n },\n [removeMentionById, renderMention, styles.inlineTag],\n );\n\n const renderPartsToEditor = useCallback(\n (parts: XAdkSenderInputPart[]) => {\n const editor = editorRef.current;\n if (!editor) return;\n\n editor.querySelectorAll(`[${MENTION_ATTR}]`).forEach((node) => {\n tagRootMapRef.current.get(node)?.unmount();\n });\n editor.innerHTML = \"\";\n\n parts.forEach((part) => {\n if (part.type === \"text\") {\n if (part.text) editor.appendChild(createTextNode(part.text));\n return;\n }\n const mention = part.type === \"mention\" ? part.mention : part.tag;\n editor.append(buildMentionNode(mention), createTextNode(CARET_TEXT));\n });\n },\n [buildMentionNode],\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 savedRangeRef.current = range.cloneRange();\n }, []);\n\n const saveSelectionRange = useCallback(() => {\n const editor = editorRef.current;\n const selection = window.getSelection();\n if (!editor || !selection || selection.rangeCount === 0) return;\n const range = selection.getRangeAt(0);\n if (\n !editor.contains(range.startContainer) ||\n !editor.contains(range.endContainer)\n ) {\n return;\n }\n savedRangeRef.current = range.cloneRange();\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 isMentionNode = (node: Node | null): node is HTMLElement =>\n node instanceof HTMLElement && node.hasAttribute(MENTION_ATTR);\n\n const isOnlyCaretText = (text: string) => normalizeText(text) === \"\";\n\n // Backspace/Delete 需要跨过零宽锚点识别相邻 Mention,不能只看光标所在文本节点。\n const getMentionBeforeRange = (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 (\n isOnlyCaretText(beforeCursor) &&\n isMentionNode(container.previousSibling)\n ) {\n return container.previousSibling;\n }\n }\n\n if (container instanceof HTMLElement) {\n const previous = container.childNodes[range.startOffset - 1];\n if (isMentionNode(previous)) return previous;\n if (\n previous?.nodeType === Node.TEXT_NODE &&\n isOnlyCaretText(previous.textContent || \"\") &&\n isMentionNode(previous.previousSibling)\n ) {\n return previous.previousSibling;\n }\n }\n\n return null;\n };\n\n const getMentionAfterRange = (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 (\n isOnlyCaretText(afterCursor) &&\n isMentionNode(container.nextSibling)\n ) {\n return container.nextSibling;\n }\n }\n\n if (container instanceof HTMLElement) {\n const next = container.childNodes[range.startOffset];\n if (isMentionNode(next)) return next;\n if (\n next?.nodeType === Node.TEXT_NODE &&\n isOnlyCaretText(next.textContent || \"\") &&\n isMentionNode(next.nextSibling)\n ) {\n return next.nextSibling;\n }\n }\n\n return null;\n };\n\n const moveCursorAroundMention = useCallback(\n (mention: HTMLElement, direction: \"before\" | \"after\") => {\n const editor = editorRef.current;\n const selection = window.getSelection();\n if (!editor || !selection || !editor.contains(mention)) return;\n\n const range = document.createRange();\n if (direction === \"before\") {\n const previous = mention.previousSibling;\n if (previous?.nodeType === Node.TEXT_NODE) {\n range.setStart(previous, previous.textContent?.length || 0);\n } else {\n range.setStartBefore(mention);\n }\n } else {\n const next = mention.nextSibling;\n if (next?.nodeType === Node.TEXT_NODE) {\n const leadingCaretLength =\n (next.textContent || \"\").match(/^\\u200B+/)?.[0].length || 0;\n range.setStart(next, leadingCaretLength);\n } else {\n range.setStartAfter(mention);\n }\n }\n\n range.collapse(true);\n selection.removeAllRanges();\n selection.addRange(range);\n savedRangeRef.current = range.cloneRange();\n },\n [],\n );\n\n // 读取光标在纯文本中的位置,供快捷键搜索词和 Mention 插入位置复用。\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(MENTION_ATTR))\n 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 // 删除快捷键触发片段,例如把 “@文档” 替换成一个结构化 Mention,并返回删除位置对应的真实 DOM Range。\n // 注意:纯文本 offset 不包含 Mention,Mention 前后可能都是 offset 0;插入 Mention 必须依赖真实 Range,不能再反推 offset。\n const replaceTextRange = useCallback((start: number, end: number): Range | null => {\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 后可能留下空文本节点;清理后才能保证后续 Mention 继续 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 // Chrome 会把标签前临时输入的文字包进块级节点;文字被删空后,可能留下\n // <div><br></div>。它没有消息语义,却会在 contenteditable 中占据一整行。\n const cleanupEmptyStructuralNodes = useCallback(() => {\n const editor = editorRef.current;\n const selection = window.getSelection();\n if (!editor) return;\n\n Array.from(editor.children).forEach((node) => {\n if (node.hasAttribute(MENTION_ATTR)) return;\n if (node.querySelector(`[${MENTION_ATTR}]`)) return;\n if (normalizeText(node.textContent || \"\")) return;\n\n const range = selection?.rangeCount ? selection.getRangeAt(0) : null;\n const nodeIndex = getNodeIndex(node);\n const containsCursor = Boolean(\n range &&\n range.collapsed &&\n (range.startContainer === node ||\n node.contains(range.startContainer) ||\n (range.startContainer === editor &&\n (range.startOffset === nodeIndex ||\n range.startOffset === nodeIndex + 1))),\n );\n\n if (containsCursor && selection) {\n // 光标紧邻 contenteditable=false 的 Mention 时,单纯删除 <br> 会让 Chrome\n // 再次生成它。替换成零宽文本锚点,既能承接光标,也不会增加行高。\n const caretNode = createTextNode(CARET_TEXT);\n node.replaceWith(caretNode);\n const nextRange = document.createRange();\n nextRange.setStart(caretNode, CARET_TEXT.length);\n nextRange.collapse(true);\n selection.removeAllRanges();\n selection.addRange(nextRange);\n savedRangeRef.current = nextRange.cloneRange();\n return;\n }\n\n node.remove();\n });\n }, []);\n\n useEffect(() => {\n const editor = editorRef.current;\n if (!editor) return;\n\n // 某些业务容器会截断 React 委托事件;直接监听编辑器的原生 input,确保删除事务结束后\n // 仍能清理 Chrome 在不可编辑 Mention 前生成的占行 <br>。仅处理 delete*,不影响 Enter 换行。\n const handleNativeDelete = (event: Event) => {\n if (!(event instanceof InputEvent)) return;\n if (!event.inputType.startsWith(\"delete\")) return;\n if (structuralCleanupFrameRef.current !== null) {\n window.cancelAnimationFrame(structuralCleanupFrameRef.current);\n }\n structuralCleanupFrameRef.current = window.requestAnimationFrame(() => {\n structuralCleanupFrameRef.current = null;\n cleanupEmptyStructuralNodes();\n cleanupCaretTextNodes();\n });\n };\n\n editor.addEventListener(\"input\", handleNativeDelete);\n return () => editor.removeEventListener(\"input\", handleNativeDelete);\n }, [cleanupCaretTextNodes, cleanupEmptyStructuralNodes]);\n\n const insertMention = useCallback(\n (mention: MentionTag, replace?: { start: number; end: number }) => {\n const editor = editorRef.current;\n if (!editor) return;\n // 工具栏/弹窗会先抢走焦点;必须在 focus 之前保存当前 Selection,\n // 否则浏览器新建在输入框开头的 Range 会覆盖最后一次真实光标位置。\n const selectionBeforeFocus = window.getSelection();\n const activeRangeBeforeFocus =\n selectionBeforeFocus?.rangeCount &&\n editor.contains(selectionBeforeFocus.getRangeAt(0).startContainer)\n ? selectionBeforeFocus.getRangeAt(0).cloneRange()\n : null;\n const savedRangeBeforeFocus =\n savedRangeRef.current &&\n editor.contains(savedRangeRef.current.startContainer)\n ? savedRangeRef.current.cloneRange()\n : null;\n const rangeBeforeFocus =\n activeRangeBeforeFocus || savedRangeBeforeFocus;\n\n editor.focus();\n latestMentionsRef.current = [\n ...latestMentionsRef.current.filter((item) => item.id !== mention.id),\n mention,\n ];\n let insertRange: Range | null = null;\n if (replace) {\n insertRange = replaceTextRange(replace.start, replace.end);\n cleanupCaretTextNodes();\n }\n // 浏览器会在空 contenteditable 中生成 <div><br> 等占位块。\n // 空编辑器插入首个 Mention 前先清掉这些无语义节点,避免标签被放进第二个视觉行。\n const isSemanticallyEmpty =\n !getPlainText() && !editor.querySelector(`[${MENTION_ATTR}]`);\n if (isSemanticallyEmpty) {\n editor.innerHTML = \"\";\n savedRangeRef.current = null;\n insertRange = null;\n }\n const mentionNode = buildMentionNode(mention);\n const caretNode = createTextNode(CARET_TEXT);\n const range = insertRange || rangeBeforeFocus;\n if (range && editor.contains(range.startContainer)) {\n // 用 DocumentFragment 一次性插入,避免连续 insertNode 导致 mention/caret 顺序被浏览器 Range 状态打乱。\n const fragment = document.createDocumentFragment();\n fragment.append(mentionNode, caretNode);\n range.insertNode(fragment);\n } else {\n editor.append(mentionNode, caretNode);\n }\n cleanupCaretTextNodes();\n lastInsertedCaretRef.current = caretNode;\n setCursorAtTextEnd(caretNode);\n emitChange();\n\n // 关闭快捷列表和父组件同步 mentions/value 会触发一次 React 更新;\n // 下一帧再恢复到刚插入 Mention 后的零宽锚点,避免光标被 focus 或重渲染带回旧位置。\n window.requestAnimationFrame(() => {\n if (lastInsertedCaretRef.current === caretNode) {\n restoreCursorAfterInsert(caretNode);\n }\n });\n },\n [\n buildMentionNode,\n cleanupCaretTextNodes,\n emitChange,\n getPlainText,\n replaceTextRange,\n restoreCursorAfterInsert,\n setCursorAtTextEnd,\n ],\n );\n\n useEffect(() => {\n document.addEventListener(\"selectionchange\", saveSelectionRange);\n return () => {\n document.removeEventListener(\"selectionchange\", saveSelectionRange);\n };\n }, [saveSelectionRange]);\n\n useEffect(\n () => () => {\n if (structuralCleanupFrameRef.current !== null) {\n window.cancelAnimationFrame(structuralCleanupFrameRef.current);\n }\n },\n [],\n );\n\n useImperativeHandle(\n ref,\n () => ({\n focus: () => editorRef.current?.focus(),\n getText: getPlainText,\n getParts,\n getCursorOffset: getOffsetInEditor,\n deleteTextRange: ({ start, end }) => {\n const range = replaceTextRange(start, end);\n cleanupCaretTextNodes();\n if (range) {\n const selection = window.getSelection();\n selection?.removeAllRanges();\n selection?.addRange(range);\n savedRangeRef.current = range.cloneRange();\n }\n emitChange();\n },\n insertMention,\n insertTag: insertMention,\n }),\n [\n cleanupCaretTextNodes,\n emitChange,\n getOffsetInEditor,\n getParts,\n getPlainText,\n insertMention,\n replaceTextRange,\n ],\n );\n\n useIsomorphicLayoutEffect(() => {\n const editor = editorRef.current;\n if (!editor) return;\n\n // 默认片段只在空输入首次挂载时灌入,避免外部重新渲染覆盖用户正在编辑的内容。\n if (\n !defaultInputPartsAppliedRef.current &&\n defaultInputParts?.length &&\n !value &&\n mentions.length === 0\n ) {\n defaultInputPartsAppliedRef.current = true;\n // emitChange 的受控回写要到下一次 render 才生效;跳过本轮紧随其后的空值清理,\n // 避免刚渲染的默认 Mention 被旧的空 value/mentions 立即移除。\n skipEmptyCleanupOnceRef.current = true;\n latestMentionsRef.current = defaultInputParts.flatMap((part) => {\n if (part.type === \"mention\") return [part.mention];\n if (part.type === \"tag\") return [part.tag];\n return [];\n });\n renderPartsToEditor(defaultInputParts);\n setHasContent(true);\n emitChange();\n return;\n }\n\n const incomingMentionIds = mentions\n .map((mention) => mention.id)\n .join(\"|\");\n const lastEmittedState = lastEmittedStateRef.current;\n const isInternalControlledEcho =\n value === lastEmittedState.value &&\n incomingMentionIds === lastEmittedState.mentionIds;\n\n if (isInternalControlledEcho && editor.childNodes.length > 0) return;\n\n renderPartsToEditor([\n ...(value ? [{ type: \"text\" as const, text: value }] : []),\n ...mentions.map((mention) => ({ type: \"mention\" as const, mention })),\n ]);\n setHasContent(Boolean(value || mentions.length));\n\n // 外部主动写入 value/mentions 后,需要在首帧绘制前同步 DOM;若输入区已有焦点,则把光标放在内容末尾。\n const lastTextNode = Array.from(editor.childNodes)\n .reverse()\n .find((node): node is Text => node.nodeType === Node.TEXT_NODE);\n if (document.activeElement === editor && lastTextNode) {\n setCursorAtTextEnd(lastTextNode);\n }\n }, [\n defaultInputParts,\n emitChange,\n renderPartsToEditor,\n setCursorAtTextEnd,\n mentions,\n value,\n ]);\n\n useIsomorphicLayoutEffect(() => {\n const editor = editorRef.current;\n if (!editor) return;\n if (skipEmptyCleanupOnceRef.current) {\n skipEmptyCleanupOnceRef.current = false;\n return;\n }\n if (!value && mentions.length === 0 && editor.childNodes.length > 0) {\n editor.querySelectorAll(`[${MENTION_ATTR}]`).forEach((node) => {\n tagRootMapRef.current.get(node)?.unmount();\n });\n editor.innerHTML = \"\";\n }\n }, [mentions.length, value]);\n\n const handleInput = () => {\n if (!composingRef.current) {\n cleanupEmptyStructuralNodes();\n cleanupCaretTextNodes();\n emitChange();\n\n // Chrome 可能在 input 回调返回后才补上用于承接光标的 <br>;下一帧再归一化一次。\n if (structuralCleanupFrameRef.current !== null) {\n window.cancelAnimationFrame(structuralCleanupFrameRef.current);\n }\n structuralCleanupFrameRef.current = window.requestAnimationFrame(() => {\n structuralCleanupFrameRef.current = null;\n cleanupEmptyStructuralNodes();\n cleanupCaretTextNodes();\n });\n }\n };\n\n const handlePaste: React.ClipboardEventHandler<HTMLDivElement> = (\n event,\n ) => {\n event.preventDefault();\n const editor = editorRef.current;\n if (!editor) return;\n\n // 始终按 text/plain 粘贴,避免消息气泡的背景色等 HTML 样式进入 contenteditable。\n const text = event.clipboardData.getData(\"text/plain\");\n if (!text) return;\n const parts = parseMarkdownResourceLinksAsParts(text);\n const selection = window.getSelection();\n const range =\n selection?.rangeCount &&\n editor.contains(selection.getRangeAt(0).startContainer)\n ? selection.getRangeAt(0)\n : null;\n const fragment = document.createDocumentFragment();\n let lastTextNode: Text | null = null;\n\n for (const part of parts) {\n if (part.type === \"text\") {\n lastTextNode = createTextNode(part.text);\n fragment.append(lastTextNode);\n continue;\n }\n latestMentionsRef.current = [\n ...latestMentionsRef.current,\n part.mention,\n ];\n fragment.append(buildMentionNode(part.mention));\n lastTextNode = createTextNode(CARET_TEXT);\n fragment.append(lastTextNode);\n }\n\n if (range) {\n range.deleteContents();\n range.insertNode(fragment);\n } else {\n editor.append(fragment);\n }\n cleanupCaretTextNodes();\n if (lastTextNode) setCursorAtTextEnd(lastTextNode);\n emitChange();\n };\n\n const handleKeyDown: React.KeyboardEventHandler<HTMLDivElement> = (\n event,\n ) => {\n if (event.key === \"ArrowLeft\" || event.key === \"ArrowRight\") {\n const selection = window.getSelection();\n if (selection?.rangeCount) {\n const range = selection.getRangeAt(0);\n if (range.collapsed) {\n const targetMention =\n event.key === \"ArrowLeft\"\n ? getMentionBeforeRange(range)\n : getMentionAfterRange(range);\n\n if (targetMention) {\n event.preventDefault();\n moveCursorAroundMention(\n targetMention,\n event.key === \"ArrowLeft\" ? \"before\" : \"after\",\n );\n return;\n }\n }\n }\n }\n\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 targetMention =\n event.key === \"Backspace\"\n ? getMentionBeforeRange(range)\n : getMentionAfterRange(range);\n\n if (targetMention) {\n event.preventDefault();\n removeMentionById(\n targetMention.dataset.xadkInlineMentionId || \"\",\n );\n return;\n }\n }\n }\n }\n onKeyDown?.(event);\n };\n\n // placeholder 只由受控 value/mentions 派生,避免从 contenteditable DOM 读取导致外部插入 Mention 后状态滞后一帧。\n const showPlaceholder = !hasContent;\n\n return (\n <div className={styles.inlineInputWrapper}>\n {showPlaceholder && placeholder && (\n <div className={styles.inlinePlaceholder}>{placeholder}</div>\n )}\n <div\n ref={editorRef}\n className={styles.inlineInput}\n contentEditable={!disabled}\n suppressContentEditableWarning\n role=\"textbox\"\n aria-multiline=\"true\"\n onInput={handleInput}\n onPaste={handlePaste}\n onKeyDown={handleKeyDown}\n onKeyUp={(event) => {\n cleanupEmptyStructuralNodes();\n cleanupCaretTextNodes();\n saveSelectionRange();\n onKeyUp?.(event);\n }}\n onMouseUp={saveSelectionRange}\n onFocus={saveSelectionRange}\n onCompositionStart={() => {\n composingRef.current = true;\n // 中文 IME 在 compositionend 前不会触发受控 value 更新;候选输入一出现就应隐藏 placeholder。\n setHasContent(true);\n }}\n onCompositionEnd={() => {\n composingRef.current = false;\n emitChange();\n }}\n data-cursor-offset={getOffsetInEditor()}\n />\n </div>\n );\n },\n);\n\nInlineTagInput.displayName = \"InlineTagInput\";\n\nexport default InlineTagInput;\n"],
5
+ "mappings": "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",
6
6
  "names": []
7
7
  }
@@ -1,6 +1,6 @@
1
1
  import React from "react";
2
2
  import type { QuickListOption, QuickKeyConfig } from "../../types";
3
- export interface QuickListProps {
3
+ interface InputSuggestionListProps {
4
4
  /** 当前触发的快捷键配置 */
5
5
  config: QuickKeyConfig;
6
6
  /** 当前键盘选中的选项下标 */
@@ -12,5 +12,6 @@ export interface QuickListProps {
12
12
  /** 是否可见 */
13
13
  visible: boolean;
14
14
  }
15
- declare const QuickList: React.FC<QuickListProps>;
16
- export default QuickList;
15
+ /** XAdkSender 内部的输入建议列表,不承载具体业务语义。 */
16
+ declare const InputSuggestionList: React.FC<InputSuggestionListProps>;
17
+ export default InputSuggestionList;
@@ -16,16 +16,16 @@ var __copyProps = (to, from, except, desc) => {
16
16
  };
17
17
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
18
18
 
19
- // src/components/XAdkSender/QuickList.tsx
20
- var QuickList_exports = {};
21
- __export(QuickList_exports, {
22
- default: () => QuickList_default
19
+ // src/components/XAdkSender/InputSuggestionList.tsx
20
+ var InputSuggestionList_exports = {};
21
+ __export(InputSuggestionList_exports, {
22
+ default: () => InputSuggestionList_default
23
23
  });
24
- module.exports = __toCommonJS(QuickList_exports);
24
+ module.exports = __toCommonJS(InputSuggestionList_exports);
25
25
  var import_react = require("react");
26
26
  var import_styles = require("./styles");
27
27
  var import_jsx_runtime = require("react/jsx-runtime");
28
- var QuickList = ({
28
+ var InputSuggestionList = ({
29
29
  config,
30
30
  activeIndex = 0,
31
31
  onSelect,
@@ -34,62 +34,87 @@ var QuickList = ({
34
34
  }) => {
35
35
  var _a;
36
36
  const styles = (0, import_styles.useStyles)();
37
+ const bodyRef = (0, import_react.useRef)(null);
38
+ const itemRefs = (0, import_react.useRef)(/* @__PURE__ */ new Map());
37
39
  const groupedOptions = (0, import_react.useMemo)(() => {
38
40
  const groups = {};
39
- config.options.forEach((opt) => {
40
- const g = opt.group || "";
41
- if (!groups[g])
42
- groups[g] = [];
43
- groups[g].push(opt);
41
+ config.options.forEach((option) => {
42
+ const group = option.group || "";
43
+ if (!groups[group])
44
+ groups[group] = [];
45
+ groups[group].push(option);
44
46
  });
45
47
  return groups;
46
48
  }, [config.options]);
49
+ const normalizedActiveIndex = config.options.length > 0 ? (activeIndex % config.options.length + config.options.length) % config.options.length : 0;
50
+ const activeOptionId = (_a = config.options[normalizedActiveIndex]) == null ? void 0 : _a.id;
51
+ (0, import_react.useEffect)(() => {
52
+ if (!visible || !activeOptionId)
53
+ return;
54
+ const body = bodyRef.current;
55
+ const item = itemRefs.current.get(activeOptionId);
56
+ if (!body || !item)
57
+ return;
58
+ const bodyRect = body.getBoundingClientRect();
59
+ const itemRect = item.getBoundingClientRect();
60
+ if (itemRect.top < bodyRect.top) {
61
+ body.scrollTop -= bodyRect.top - itemRect.top;
62
+ } else if (itemRect.bottom > bodyRect.bottom) {
63
+ body.scrollTop += itemRect.bottom - bodyRect.bottom;
64
+ }
65
+ }, [activeOptionId, visible]);
47
66
  const handleSelect = (0, import_react.useCallback)(
48
- (opt) => {
49
- onSelect(opt);
67
+ (option) => {
68
+ onSelect(option);
50
69
  onClose();
51
70
  },
52
71
  [onSelect, onClose]
53
72
  );
54
73
  if (!visible)
55
74
  return null;
56
- const normalizedActiveIndex = config.options.length > 0 ? (activeIndex % config.options.length + config.options.length) % config.options.length : 0;
57
- const activeOptionId = (_a = config.options[normalizedActiveIndex]) == null ? void 0 : _a.id;
58
- const getItemClassName = (opt) => `${styles.quickListItem}${opt.id === activeOptionId ? " active" : ""}`;
59
- const renderOption = (opt) => {
75
+ const setItemRef = (id, node) => {
76
+ if (node)
77
+ itemRefs.current.set(id, node);
78
+ else
79
+ itemRefs.current.delete(id);
80
+ };
81
+ const getItemClassName = (option) => `${styles.quickListItem}${option.id === activeOptionId ? " active" : ""}`;
82
+ const renderOption = (option) => {
60
83
  if (config.renderItem) {
61
84
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
62
85
  "div",
63
86
  {
64
- className: getItemClassName(opt),
87
+ ref: (node) => setItemRef(option.id, node),
88
+ className: getItemClassName(option),
65
89
  onMouseDown: (event) => event.preventDefault(),
66
- onClick: () => handleSelect(opt),
67
- children: config.renderItem(opt)
90
+ onClick: () => handleSelect(option),
91
+ children: config.renderItem(option)
68
92
  },
69
- opt.id
93
+ option.id
70
94
  );
71
95
  }
72
96
  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
73
97
  "div",
74
98
  {
75
- className: getItemClassName(opt),
99
+ ref: (node) => setItemRef(option.id, node),
100
+ className: getItemClassName(option),
76
101
  onMouseDown: (event) => event.preventDefault(),
77
- onClick: () => handleSelect(opt),
102
+ onClick: () => handleSelect(option),
78
103
  children: [
79
- opt.icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "quick-list-item-icon", children: opt.icon }),
104
+ option.icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "quick-list-item-icon", children: option.icon }),
80
105
  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "quick-list-item-content", children: [
81
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "quick-list-item-label", children: opt.label }),
82
- opt.description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "quick-list-item-desc", children: opt.description })
106
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "quick-list-item-label", children: option.label }),
107
+ option.description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "quick-list-item-desc", children: option.description })
83
108
  ] })
84
109
  ]
85
110
  },
86
- opt.id
111
+ option.id
87
112
  );
88
113
  };
89
114
  const groupKeys = Object.keys(groupedOptions);
90
115
  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.quickList, children: [
91
116
  config.title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.quickListHeader, children: config.title }),
92
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.quickListBody, children: [
117
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ref: bodyRef, className: styles.quickListBody, children: [
93
118
  groupKeys.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.quickListEmpty, children: "暂无可选项" }),
94
119
  groupKeys.map((group) => {
95
120
  const items = groupedOptions[group];
@@ -101,5 +126,5 @@ var QuickList = ({
101
126
  ] })
102
127
  ] });
103
128
  };
104
- var QuickList_default = QuickList;
105
- //# sourceMappingURL=QuickList.js.map
129
+ var InputSuggestionList_default = InputSuggestionList;
130
+ //# sourceMappingURL=InputSuggestionList.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../src/components/XAdkSender/InputSuggestionList.tsx"],
4
+ "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"],
5
+ "mappings": "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",
6
+ "names": []
7
+ }
@@ -37,7 +37,7 @@ var import_antd = require("antd");
37
37
  var import_icons = require("@ant-design/icons");
38
38
  var import_styles = require("./styles");
39
39
  var import_FileGallery = __toESM(require("../FileGallery"));
40
- var import_QuickList = __toESM(require("./QuickList"));
40
+ var import_InputSuggestionList = __toESM(require("./InputSuggestionList"));
41
41
  var import_InputTags = __toESM(require("./InputTags"));
42
42
  var import_InlineTagInput = __toESM(require("./InlineTagInput"));
43
43
  var import_file = require("../../utils/file");
@@ -119,6 +119,12 @@ var XAdkSender = (0, import_react.forwardRef)(
119
119
  const [quickKeyKeyword, setQuickKeyKeyword] = (0, import_react.useState)("");
120
120
  const [quickKeyTriggerIdx, setQuickKeyTriggerIdx] = (0, import_react.useState)(-1);
121
121
  const [quickKeyActiveIndex, setQuickKeyActiveIndex] = (0, import_react.useState)(0);
122
+ const closeQuickKeyList = (0, import_react.useCallback)(() => {
123
+ setActiveQuickKey(null);
124
+ setQuickKeyKeyword("");
125
+ setQuickKeyTriggerIdx(-1);
126
+ setQuickKeyActiveIndex(0);
127
+ }, []);
122
128
  const generateId = () => {
123
129
  return Date.now().toString(36) + Math.random().toString(36).substr(2);
124
130
  };
@@ -496,7 +502,7 @@ var XAdkSender = (0, import_react.forwardRef)(
496
502
  );
497
503
  const handleQuickKeySelect = (0, import_react.useCallback)(
498
504
  (option) => {
499
- var _a, _b, _c, _d;
505
+ var _a, _b, _c, _d, _e, _f;
500
506
  const mentionType = (activeQuickKeyConfig == null ? void 0 : activeQuickKeyConfig.mentionType) || (activeQuickKeyConfig == null ? void 0 : activeQuickKeyConfig.tagType) || activeQuickKey || "unknown";
501
507
  const newMention = {
502
508
  id: generateId(),
@@ -510,9 +516,21 @@ var XAdkSender = (0, import_react.forwardRef)(
510
516
  icon: option.icon,
511
517
  data: option
512
518
  };
513
- (_a = activeQuickKeyConfig == null ? void 0 : activeQuickKeyConfig.onSelect) == null ? void 0 : _a.call(activeQuickKeyConfig, option);
514
- if (inlineTags) {
515
- (_b = inlineInputRef.current) == null ? void 0 : _b.insertMention(newMention, {
519
+ (_a = option.onSelect) == null ? void 0 : _a.call(option, option);
520
+ (_b = activeQuickKeyConfig == null ? void 0 : activeQuickKeyConfig.onSelect) == null ? void 0 : _b.call(activeQuickKeyConfig, option);
521
+ if (option.action === "command") {
522
+ if (inlineTags) {
523
+ (_c = inlineInputRef.current) == null ? void 0 : _c.deleteTextRange({
524
+ start: quickKeyTriggerIdx,
525
+ end: quickKeyTriggerIdx + 1 + quickKeyKeyword.length
526
+ });
527
+ } else if (quickKeyTriggerIdx >= 0) {
528
+ setValue(
529
+ value.slice(0, quickKeyTriggerIdx) + value.slice(quickKeyTriggerIdx + 1 + quickKeyKeyword.length)
530
+ );
531
+ }
532
+ } else if (inlineTags) {
533
+ (_d = inlineInputRef.current) == null ? void 0 : _d.insertMention(newMention, {
516
534
  start: quickKeyTriggerIdx,
517
535
  end: quickKeyTriggerIdx + 1 + quickKeyKeyword.length
518
536
  });
@@ -527,7 +545,7 @@ var XAdkSender = (0, import_react.forwardRef)(
527
545
  setQuickKeyKeyword("");
528
546
  setQuickKeyTriggerIdx(-1);
529
547
  setQuickKeyActiveIndex(0);
530
- inlineTags ? (_c = inlineInputRef.current) == null ? void 0 : _c.focus() : (_d = textareaRef.current) == null ? void 0 : _d.focus();
548
+ inlineTags ? (_e = inlineInputRef.current) == null ? void 0 : _e.focus() : (_f = textareaRef.current) == null ? void 0 : _f.focus();
531
549
  },
532
550
  [
533
551
  activeQuickKey,
@@ -643,6 +661,8 @@ var XAdkSender = (0, import_react.forwardRef)(
643
661
  });
644
662
  };
645
663
  const handleKeyDown = (e) => {
664
+ if (e.nativeEvent.isComposing || e.keyCode === 229)
665
+ return;
646
666
  const quickKeyOptions = (activeQuickKeyConfig == null ? void 0 : activeQuickKeyConfig.options) || [];
647
667
  if (activeQuickKey && quickKeyOptions.length > 0) {
648
668
  if (e.key === "ArrowDown") {
@@ -786,6 +806,13 @@ var XAdkSender = (0, import_react.forwardRef)(
786
806
  {
787
807
  ref: containerRef,
788
808
  className: containerClass,
809
+ onBlur: (event) => {
810
+ const nextFocusedNode = event.relatedTarget;
811
+ if (nextFocusedNode && event.currentTarget.contains(nextFocusedNode)) {
812
+ return;
813
+ }
814
+ closeQuickKeyList();
815
+ },
789
816
  onDragOver: draggable ? handleDragOver : void 0,
790
817
  onDragLeave: draggable ? handleDragLeave : void 0,
791
818
  onDrop: draggable ? handleDrop : void 0,
@@ -834,17 +861,12 @@ var XAdkSender = (0, import_react.forwardRef)(
834
861
  ) })
835
862
  ] }),
836
863
  activeQuickKey && activeQuickKeyConfig && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.quickListWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
837
- import_QuickList.default,
864
+ import_InputSuggestionList.default,
838
865
  {
839
866
  config: activeQuickKeyConfig,
840
867
  activeIndex: quickKeyActiveIndex,
841
868
  onSelect: handleQuickKeySelect,
842
- onClose: () => {
843
- setActiveQuickKey(null);
844
- setQuickKeyKeyword("");
845
- setQuickKeyTriggerIdx(-1);
846
- setQuickKeyActiveIndex(0);
847
- },
869
+ onClose: closeQuickKeyList,
848
870
  visible: true
849
871
  }
850
872
  ) }),