@ai-group/chat-sdk 3.7.1-alpha4 → 3.7.1-alpha7
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.
- package/dist/cjs/components/XAdkChatbot/components/MarkdownRender/index.d.ts +10 -0
- package/dist/cjs/components/XAdkChatbot/components/MarkdownRender/index.js +89 -14
- package/dist/cjs/components/XAdkChatbot/components/MarkdownRender/index.js.map +2 -2
- package/dist/cjs/components/XAdkChatbot/components/MarkdownRender/styles.js +21 -0
- package/dist/cjs/components/XAdkChatbot/components/MarkdownRender/styles.js.map +2 -2
- package/dist/cjs/components/XAdkChatbot/index.js +36 -10
- package/dist/cjs/components/XAdkChatbot/index.js.map +2 -2
- package/dist/cjs/components/XAdkProvider/compound/DefaultLayout.d.ts +6 -2
- package/dist/cjs/components/XAdkProvider/compound/DefaultLayout.js +59 -15
- package/dist/cjs/components/XAdkProvider/compound/DefaultLayout.js.map +2 -2
- package/dist/cjs/components/XAdkProvider/compound/Sender.d.ts +2 -1
- package/dist/cjs/components/XAdkProvider/compound/Sender.js.map +2 -2
- package/dist/cjs/components/XAdkProvider/compound/styles.d.ts +1 -0
- package/dist/cjs/components/XAdkProvider/compound/styles.js +16 -0
- package/dist/cjs/components/XAdkProvider/compound/styles.js.map +2 -2
- package/dist/cjs/components/XAdkSender/InlineTagInput.js +132 -2
- package/dist/cjs/components/XAdkSender/InlineTagInput.js.map +2 -2
- package/dist/cjs/components/XAdkSender/index.js +21 -55
- package/dist/cjs/components/XAdkSender/index.js.map +2 -2
- package/dist/cjs/hooks/useADKChat.js +5 -1
- package/dist/cjs/hooks/useADKChat.js.map +2 -2
- package/dist/cjs/index.d.ts +2 -2
- package/dist/cjs/index.js +4 -0
- package/dist/cjs/index.js.map +2 -2
- package/dist/cjs/presets/xgroup/preset.js +2 -1
- package/dist/cjs/presets/xgroup/preset.js.map +2 -2
- package/dist/cjs/presets/xgroup/strategies.d.ts +5 -1
- package/dist/cjs/presets/xgroup/strategies.js +16 -1
- package/dist/cjs/presets/xgroup/strategies.js.map +3 -3
- package/dist/cjs/types/ChatStrategies.d.ts +5 -0
- package/dist/cjs/types/ChatStrategies.js.map +1 -1
- package/dist/cjs/types/XAdkSender.d.ts +10 -3
- package/dist/cjs/types/XAdkSender.js.map +1 -1
- package/dist/cjs/utils/markdownResource.d.ts +12 -5
- package/dist/cjs/utils/markdownResource.js +66 -14
- package/dist/cjs/utils/markdownResource.js.map +2 -2
- package/dist/esm/components/XAdkChatbot/components/MarkdownRender/index.d.ts +10 -0
- package/dist/esm/components/XAdkChatbot/components/MarkdownRender/index.js +76 -13
- package/dist/esm/components/XAdkChatbot/components/MarkdownRender/index.js.map +1 -1
- package/dist/esm/components/XAdkChatbot/components/MarkdownRender/styles.js +1 -1
- package/dist/esm/components/XAdkChatbot/components/MarkdownRender/styles.js.map +1 -1
- package/dist/esm/components/XAdkChatbot/index.js +27 -4
- package/dist/esm/components/XAdkChatbot/index.js.map +1 -1
- package/dist/esm/components/XAdkProvider/compound/DefaultLayout.d.ts +6 -2
- package/dist/esm/components/XAdkProvider/compound/DefaultLayout.js +55 -12
- package/dist/esm/components/XAdkProvider/compound/DefaultLayout.js.map +1 -1
- package/dist/esm/components/XAdkProvider/compound/Sender.d.ts +2 -1
- package/dist/esm/components/XAdkProvider/compound/Sender.js +2 -1
- package/dist/esm/components/XAdkProvider/compound/Sender.js.map +1 -1
- package/dist/esm/components/XAdkProvider/compound/styles.d.ts +1 -0
- package/dist/esm/components/XAdkProvider/compound/styles.js +3 -2
- package/dist/esm/components/XAdkProvider/compound/styles.js.map +1 -1
- package/dist/esm/components/XAdkSender/InlineTagInput.js +154 -4
- package/dist/esm/components/XAdkSender/InlineTagInput.js.map +1 -1
- package/dist/esm/components/XAdkSender/index.js +25 -58
- package/dist/esm/components/XAdkSender/index.js.map +1 -1
- package/dist/esm/hooks/useADKChat.js +8 -2
- package/dist/esm/hooks/useADKChat.js.map +1 -1
- package/dist/esm/index.d.ts +2 -2
- package/dist/esm/index.js +2 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/presets/xgroup/preset.js +3 -2
- package/dist/esm/presets/xgroup/preset.js.map +1 -1
- package/dist/esm/presets/xgroup/strategies.d.ts +5 -1
- package/dist/esm/presets/xgroup/strategies.js +12 -1
- package/dist/esm/presets/xgroup/strategies.js.map +1 -1
- package/dist/esm/types/ChatStrategies.d.ts +5 -0
- package/dist/esm/types/ChatStrategies.js.map +1 -1
- package/dist/esm/types/XAdkSender.d.ts +10 -3
- package/dist/esm/types/XAdkSender.js.map +1 -1
- package/dist/esm/utils/markdownResource.d.ts +12 -5
- package/dist/esm/utils/markdownResource.js +69 -7
- package/dist/esm/utils/markdownResource.js.map +1 -1
- package/dist/umd/chat-sdk.min.js +1 -1
- package/package.json +1 -1
|
@@ -25,6 +25,7 @@ module.exports = __toCommonJS(InlineTagInput_exports);
|
|
|
25
25
|
var import_react = require("react");
|
|
26
26
|
var import_client = require("react-dom/client");
|
|
27
27
|
var import_styles = require("./styles");
|
|
28
|
+
var import_markdownResource = require("../../utils/markdownResource");
|
|
28
29
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
29
30
|
var MENTION_ATTR = "data-xadk-inline-mention-id";
|
|
30
31
|
var CARET_TEXT = "";
|
|
@@ -63,6 +64,11 @@ var InlineTagInput = (0, import_react.forwardRef)(
|
|
|
63
64
|
const lastInsertedCaretRef = (0, import_react.useRef)(null);
|
|
64
65
|
const savedRangeRef = (0, import_react.useRef)(null);
|
|
65
66
|
const defaultInputPartsAppliedRef = (0, import_react.useRef)(false);
|
|
67
|
+
const skipEmptyCleanupOnceRef = (0, import_react.useRef)(false);
|
|
68
|
+
const structuralCleanupFrameRef = (0, import_react.useRef)(null);
|
|
69
|
+
const [hasContent, setHasContent] = (0, import_react.useState)(
|
|
70
|
+
() => Boolean(value || mentions.length)
|
|
71
|
+
);
|
|
66
72
|
const lastEmittedStateRef = (0, import_react.useRef)({
|
|
67
73
|
value,
|
|
68
74
|
mentionIds: mentions.map((mention) => mention.id).join("|")
|
|
@@ -120,6 +126,7 @@ var InlineTagInput = (0, import_react.forwardRef)(
|
|
|
120
126
|
const emitChange = (0, import_react.useCallback)(() => {
|
|
121
127
|
const nextValue = getPlainText();
|
|
122
128
|
const nextMentions = getOrderedMentions();
|
|
129
|
+
setHasContent(Boolean(nextValue || nextMentions.length));
|
|
123
130
|
lastEmittedStateRef.current = {
|
|
124
131
|
value: nextValue,
|
|
125
132
|
mentionIds: nextMentions.map((mention) => mention.id).join("|")
|
|
@@ -395,6 +402,58 @@ var InlineTagInput = (0, import_react.forwardRef)(
|
|
|
395
402
|
}
|
|
396
403
|
});
|
|
397
404
|
}, []);
|
|
405
|
+
const cleanupEmptyStructuralNodes = (0, import_react.useCallback)(() => {
|
|
406
|
+
const editor = editorRef.current;
|
|
407
|
+
const selection = window.getSelection();
|
|
408
|
+
if (!editor)
|
|
409
|
+
return;
|
|
410
|
+
Array.from(editor.children).forEach((node) => {
|
|
411
|
+
if (node.hasAttribute(MENTION_ATTR))
|
|
412
|
+
return;
|
|
413
|
+
if (node.querySelector(`[${MENTION_ATTR}]`))
|
|
414
|
+
return;
|
|
415
|
+
if (normalizeText(node.textContent || ""))
|
|
416
|
+
return;
|
|
417
|
+
const range = (selection == null ? void 0 : selection.rangeCount) ? selection.getRangeAt(0) : null;
|
|
418
|
+
const nodeIndex = getNodeIndex(node);
|
|
419
|
+
const containsCursor = Boolean(
|
|
420
|
+
range && range.collapsed && (range.startContainer === node || node.contains(range.startContainer) || range.startContainer === editor && (range.startOffset === nodeIndex || range.startOffset === nodeIndex + 1))
|
|
421
|
+
);
|
|
422
|
+
if (containsCursor && selection) {
|
|
423
|
+
const caretNode = createTextNode(CARET_TEXT);
|
|
424
|
+
node.replaceWith(caretNode);
|
|
425
|
+
const nextRange = document.createRange();
|
|
426
|
+
nextRange.setStart(caretNode, CARET_TEXT.length);
|
|
427
|
+
nextRange.collapse(true);
|
|
428
|
+
selection.removeAllRanges();
|
|
429
|
+
selection.addRange(nextRange);
|
|
430
|
+
savedRangeRef.current = nextRange.cloneRange();
|
|
431
|
+
return;
|
|
432
|
+
}
|
|
433
|
+
node.remove();
|
|
434
|
+
});
|
|
435
|
+
}, []);
|
|
436
|
+
(0, import_react.useEffect)(() => {
|
|
437
|
+
const editor = editorRef.current;
|
|
438
|
+
if (!editor)
|
|
439
|
+
return;
|
|
440
|
+
const handleNativeDelete = (event) => {
|
|
441
|
+
if (!(event instanceof InputEvent))
|
|
442
|
+
return;
|
|
443
|
+
if (!event.inputType.startsWith("delete"))
|
|
444
|
+
return;
|
|
445
|
+
if (structuralCleanupFrameRef.current !== null) {
|
|
446
|
+
window.cancelAnimationFrame(structuralCleanupFrameRef.current);
|
|
447
|
+
}
|
|
448
|
+
structuralCleanupFrameRef.current = window.requestAnimationFrame(() => {
|
|
449
|
+
structuralCleanupFrameRef.current = null;
|
|
450
|
+
cleanupEmptyStructuralNodes();
|
|
451
|
+
cleanupCaretTextNodes();
|
|
452
|
+
});
|
|
453
|
+
};
|
|
454
|
+
editor.addEventListener("input", handleNativeDelete);
|
|
455
|
+
return () => editor.removeEventListener("input", handleNativeDelete);
|
|
456
|
+
}, [cleanupCaretTextNodes, cleanupEmptyStructuralNodes]);
|
|
398
457
|
const insertMention = (0, import_react.useCallback)(
|
|
399
458
|
(mention, replace) => {
|
|
400
459
|
const editor = editorRef.current;
|
|
@@ -410,6 +469,12 @@ var InlineTagInput = (0, import_react.forwardRef)(
|
|
|
410
469
|
insertRange = replaceTextRange(replace.start, replace.end);
|
|
411
470
|
cleanupCaretTextNodes();
|
|
412
471
|
}
|
|
472
|
+
const isSemanticallyEmpty = !getPlainText() && !editor.querySelector(`[${MENTION_ATTR}]`);
|
|
473
|
+
if (isSemanticallyEmpty) {
|
|
474
|
+
editor.innerHTML = "";
|
|
475
|
+
savedRangeRef.current = null;
|
|
476
|
+
insertRange = null;
|
|
477
|
+
}
|
|
413
478
|
const mentionNode = buildMentionNode(mention);
|
|
414
479
|
const caretNode = createTextNode(CARET_TEXT);
|
|
415
480
|
const selection = window.getSelection();
|
|
@@ -436,6 +501,7 @@ var InlineTagInput = (0, import_react.forwardRef)(
|
|
|
436
501
|
buildMentionNode,
|
|
437
502
|
cleanupCaretTextNodes,
|
|
438
503
|
emitChange,
|
|
504
|
+
getPlainText,
|
|
439
505
|
replaceTextRange,
|
|
440
506
|
restoreCursorAfterInsert,
|
|
441
507
|
setCursorAtTextEnd
|
|
@@ -447,6 +513,14 @@ var InlineTagInput = (0, import_react.forwardRef)(
|
|
|
447
513
|
document.removeEventListener("selectionchange", saveSelectionRange);
|
|
448
514
|
};
|
|
449
515
|
}, [saveSelectionRange]);
|
|
516
|
+
(0, import_react.useEffect)(
|
|
517
|
+
() => () => {
|
|
518
|
+
if (structuralCleanupFrameRef.current !== null) {
|
|
519
|
+
window.cancelAnimationFrame(structuralCleanupFrameRef.current);
|
|
520
|
+
}
|
|
521
|
+
},
|
|
522
|
+
[]
|
|
523
|
+
);
|
|
450
524
|
(0, import_react.useImperativeHandle)(ref, () => ({
|
|
451
525
|
focus: () => {
|
|
452
526
|
var _a;
|
|
@@ -464,6 +538,7 @@ var InlineTagInput = (0, import_react.forwardRef)(
|
|
|
464
538
|
return;
|
|
465
539
|
if (!defaultInputPartsAppliedRef.current && (defaultInputParts == null ? void 0 : defaultInputParts.length) && !value && mentions.length === 0) {
|
|
466
540
|
defaultInputPartsAppliedRef.current = true;
|
|
541
|
+
skipEmptyCleanupOnceRef.current = true;
|
|
467
542
|
renderPartsToEditor(defaultInputParts);
|
|
468
543
|
emitChange();
|
|
469
544
|
return;
|
|
@@ -477,6 +552,7 @@ var InlineTagInput = (0, import_react.forwardRef)(
|
|
|
477
552
|
...value ? [{ type: "text", text: value }] : [],
|
|
478
553
|
...mentions.map((mention) => ({ type: "mention", mention }))
|
|
479
554
|
]);
|
|
555
|
+
setHasContent(Boolean(value || mentions.length));
|
|
480
556
|
const lastTextNode = Array.from(editor.childNodes).reverse().find((node) => node.nodeType === Node.TEXT_NODE);
|
|
481
557
|
if (document.activeElement === editor && lastTextNode) {
|
|
482
558
|
setCursorAtTextEnd(lastTextNode);
|
|
@@ -493,6 +569,10 @@ var InlineTagInput = (0, import_react.forwardRef)(
|
|
|
493
569
|
const editor = editorRef.current;
|
|
494
570
|
if (!editor)
|
|
495
571
|
return;
|
|
572
|
+
if (skipEmptyCleanupOnceRef.current) {
|
|
573
|
+
skipEmptyCleanupOnceRef.current = false;
|
|
574
|
+
return;
|
|
575
|
+
}
|
|
496
576
|
if (!value && mentions.length === 0 && editor.childNodes.length > 0) {
|
|
497
577
|
editor.querySelectorAll(`[${MENTION_ATTR}]`).forEach((node) => {
|
|
498
578
|
var _a;
|
|
@@ -502,8 +582,54 @@ var InlineTagInput = (0, import_react.forwardRef)(
|
|
|
502
582
|
}
|
|
503
583
|
}, [mentions.length, value]);
|
|
504
584
|
const handleInput = () => {
|
|
505
|
-
if (!composingRef.current)
|
|
585
|
+
if (!composingRef.current) {
|
|
586
|
+
cleanupEmptyStructuralNodes();
|
|
587
|
+
cleanupCaretTextNodes();
|
|
506
588
|
emitChange();
|
|
589
|
+
if (structuralCleanupFrameRef.current !== null) {
|
|
590
|
+
window.cancelAnimationFrame(structuralCleanupFrameRef.current);
|
|
591
|
+
}
|
|
592
|
+
structuralCleanupFrameRef.current = window.requestAnimationFrame(() => {
|
|
593
|
+
structuralCleanupFrameRef.current = null;
|
|
594
|
+
cleanupEmptyStructuralNodes();
|
|
595
|
+
cleanupCaretTextNodes();
|
|
596
|
+
});
|
|
597
|
+
}
|
|
598
|
+
};
|
|
599
|
+
const handlePaste = (event) => {
|
|
600
|
+
event.preventDefault();
|
|
601
|
+
const editor = editorRef.current;
|
|
602
|
+
if (!editor)
|
|
603
|
+
return;
|
|
604
|
+
const text = event.clipboardData.getData("text/plain");
|
|
605
|
+
if (!text)
|
|
606
|
+
return;
|
|
607
|
+
const parts = (0, import_markdownResource.parseMarkdownResourceLinksAsParts)(text);
|
|
608
|
+
const selection = window.getSelection();
|
|
609
|
+
const range = (selection == null ? void 0 : selection.rangeCount) && editor.contains(selection.getRangeAt(0).startContainer) ? selection.getRangeAt(0) : null;
|
|
610
|
+
const fragment = document.createDocumentFragment();
|
|
611
|
+
let lastTextNode = null;
|
|
612
|
+
for (const part of parts) {
|
|
613
|
+
if (part.type === "text") {
|
|
614
|
+
lastTextNode = createTextNode(part.text);
|
|
615
|
+
fragment.append(lastTextNode);
|
|
616
|
+
continue;
|
|
617
|
+
}
|
|
618
|
+
latestMentionsRef.current = [...latestMentionsRef.current, part.mention];
|
|
619
|
+
fragment.append(buildMentionNode(part.mention));
|
|
620
|
+
lastTextNode = createTextNode(CARET_TEXT);
|
|
621
|
+
fragment.append(lastTextNode);
|
|
622
|
+
}
|
|
623
|
+
if (range) {
|
|
624
|
+
range.deleteContents();
|
|
625
|
+
range.insertNode(fragment);
|
|
626
|
+
} else {
|
|
627
|
+
editor.append(fragment);
|
|
628
|
+
}
|
|
629
|
+
cleanupCaretTextNodes();
|
|
630
|
+
if (lastTextNode)
|
|
631
|
+
setCursorAtTextEnd(lastTextNode);
|
|
632
|
+
emitChange();
|
|
507
633
|
};
|
|
508
634
|
const handleKeyDown = (event) => {
|
|
509
635
|
if (event.key === "Backspace" || event.key === "Delete") {
|
|
@@ -522,7 +648,7 @@ var InlineTagInput = (0, import_react.forwardRef)(
|
|
|
522
648
|
}
|
|
523
649
|
onKeyDown == null ? void 0 : onKeyDown(event);
|
|
524
650
|
};
|
|
525
|
-
const showPlaceholder = !
|
|
651
|
+
const showPlaceholder = !hasContent;
|
|
526
652
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.inlineInputWrapper, children: [
|
|
527
653
|
showPlaceholder && placeholder && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.inlinePlaceholder, children: placeholder }),
|
|
528
654
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
@@ -535,8 +661,11 @@ var InlineTagInput = (0, import_react.forwardRef)(
|
|
|
535
661
|
role: "textbox",
|
|
536
662
|
"aria-multiline": "true",
|
|
537
663
|
onInput: handleInput,
|
|
664
|
+
onPaste: handlePaste,
|
|
538
665
|
onKeyDown: handleKeyDown,
|
|
539
666
|
onKeyUp: (event) => {
|
|
667
|
+
cleanupEmptyStructuralNodes();
|
|
668
|
+
cleanupCaretTextNodes();
|
|
540
669
|
saveSelectionRange();
|
|
541
670
|
onKeyUp == null ? void 0 : onKeyUp(event);
|
|
542
671
|
},
|
|
@@ -544,6 +673,7 @@ var InlineTagInput = (0, import_react.forwardRef)(
|
|
|
544
673
|
onFocus: saveSelectionRange,
|
|
545
674
|
onCompositionStart: () => {
|
|
546
675
|
composingRef.current = true;
|
|
676
|
+
setHasContent(true);
|
|
547
677
|
},
|
|
548
678
|
onCompositionEnd: () => {
|
|
549
679
|
composingRef.current = false;
|
|
@@ -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} 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\";\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: (mention: MentionTag, replace?: { start: number; end: number }) => 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?: (mention: MentionTag, info: InlineTagRenderInfo) => 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\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 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((node as HTMLElement).dataset.xadkInlineMentionId || \"\"),\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 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((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 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(previous as Text, text.length - spaceLength, text.length);\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.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 (!editor.contains(range.startContainer) || !editor.contains(range.endContainer)) {\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 (isOnlyCaretText(beforeCursor) && isMentionNode(container.previousSibling)) {\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 (isOnlyCaretText(afterCursor) && isMentionNode(container.nextSibling)) {\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 // 读取光标在纯文本中的位置,供快捷键搜索词和 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)) 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 const insertMention = useCallback(\n (mention: MentionTag, replace?: { start: number; end: number }) => {\n const editor = editorRef.current;\n if (!editor) return;\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 const mentionNode = buildMentionNode(mention);\n const caretNode = createTextNode(CARET_TEXT);\n const selection = window.getSelection();\n const savedRange = savedRangeRef.current;\n const range =\n insertRange ||\n (selection?.rangeCount &&\n editor.contains(selection.getRangeAt(0).startContainer)\n ? selection.getRangeAt(0)\n : savedRange && editor.contains(savedRange.startContainer)\n ? savedRange\n : null);\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 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 useImperativeHandle(ref, () => ({\n focus: () => editorRef.current?.focus(),\n getText: getPlainText,\n getParts,\n getCursorOffset: getOffsetInEditor,\n insertMention,\n insertTag: insertMention,\n }), [getOffsetInEditor, getParts, getPlainText, insertMention]);\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 renderPartsToEditor(defaultInputParts);\n emitChange();\n return;\n }\n\n const incomingMentionIds = mentions.map((mention) => mention.id).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\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 (!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) 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 targetMention =\n event.key === \"Backspace\"\n ? getMentionBeforeRange(range)\n : getMentionAfterRange(range);\n\n if (targetMention) {\n event.preventDefault();\n removeMentionById(targetMention.dataset.xadkInlineMentionId || \"\");\n return;\n }\n }\n }\n }\n onKeyDown?.(event);\n };\n\n // placeholder 只由受控 value/mentions 派生,避免从 contenteditable DOM 读取导致外部插入 Mention 后状态滞后一帧。\n const showPlaceholder = !value && mentions.length === 0;\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 onKeyDown={handleKeyDown}\n onKeyUp={(event) => {\n saveSelectionRange();\n onKeyUp?.(event);\n }}\n onMouseUp={saveSelectionRange}\n onFocus={saveSelectionRange}\n onCompositionStart={() => {\n composingRef.current = 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 insertMention: (\n mention: MentionTag,\n replace?: { start: number; end: number },\n ) => void;\n /** @deprecated 请使用 insertMention。 */\n insertTag: (mention: MentionTag, replace?: { start: number; end: number }) => 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?: (mention: MentionTag, info: InlineTagRenderInfo) => 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\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((node as HTMLElement).dataset.xadkInlineMentionId || \"\"),\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((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 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(previous as Text, text.length - spaceLength, text.length);\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.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 (!editor.contains(range.startContainer) || !editor.contains(range.endContainer)) {\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 (isOnlyCaretText(beforeCursor) && isMentionNode(container.previousSibling)) {\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 (isOnlyCaretText(afterCursor) && isMentionNode(container.nextSibling)) {\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 // 读取光标在纯文本中的位置,供快捷键搜索词和 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)) 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 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() &&\n !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 selection = window.getSelection();\n const savedRange = savedRangeRef.current;\n const range =\n insertRange ||\n (selection?.rangeCount &&\n editor.contains(selection.getRangeAt(0).startContainer)\n ? selection.getRangeAt(0)\n : savedRange && editor.contains(savedRange.startContainer)\n ? savedRange\n : null);\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(ref, () => ({\n focus: () => editorRef.current?.focus(),\n getText: getPlainText,\n getParts,\n getCursorOffset: getOffsetInEditor,\n insertMention,\n insertTag: insertMention,\n }), [getOffsetInEditor, getParts, getPlainText, insertMention]);\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.map((mention) => mention.id).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> = (event) => {\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 && 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 = [...latestMentionsRef.current, part.mention];\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> = (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 targetMention =\n event.key === \"Backspace\"\n ? getMentionBeforeRange(range)\n : getMentionAfterRange(range);\n\n if (targetMention) {\n event.preventDefault();\n removeMentionById(targetMention.dataset.xadkInlineMentionId || \"\");\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
|
}
|
|
@@ -45,8 +45,8 @@ var import_jsx_runtime = require("react/jsx-runtime");
|
|
|
45
45
|
var XAdkSender = (0, import_react.forwardRef)(
|
|
46
46
|
({
|
|
47
47
|
clearBtnShow = true,
|
|
48
|
-
|
|
49
|
-
|
|
48
|
+
draggable = false,
|
|
49
|
+
onFileSelect,
|
|
50
50
|
loading = false,
|
|
51
51
|
disabled = false,
|
|
52
52
|
value: controlledValue,
|
|
@@ -113,7 +113,6 @@ var XAdkSender = (0, import_react.forwardRef)(
|
|
|
113
113
|
const [files, setFiles] = (0, import_react.useState)([]);
|
|
114
114
|
const [isDragOver, setIsDragOver] = (0, import_react.useState)(false);
|
|
115
115
|
const containerRef = (0, import_react.useRef)(null);
|
|
116
|
-
const fileInputRef = (0, import_react.useRef)(null);
|
|
117
116
|
const textareaRef = (0, import_react.useRef)(null);
|
|
118
117
|
const inlineInputRef = (0, import_react.useRef)(null);
|
|
119
118
|
const [activeQuickKey, setActiveQuickKey] = (0, import_react.useState)(null);
|
|
@@ -321,11 +320,6 @@ var XAdkSender = (0, import_react.forwardRef)(
|
|
|
321
320
|
}),
|
|
322
321
|
[handleFileSelect, inlineTags, setMentions, mentions]
|
|
323
322
|
);
|
|
324
|
-
const triggerFileSelect = () => {
|
|
325
|
-
if (fileInputRef.current) {
|
|
326
|
-
fileInputRef.current.click();
|
|
327
|
-
}
|
|
328
|
-
};
|
|
329
323
|
const uploadFiles = async (fileList) => {
|
|
330
324
|
for (const localFile of fileList) {
|
|
331
325
|
setFiles(
|
|
@@ -404,32 +398,32 @@ var XAdkSender = (0, import_react.forwardRef)(
|
|
|
404
398
|
(e) => {
|
|
405
399
|
e.preventDefault();
|
|
406
400
|
e.stopPropagation();
|
|
407
|
-
if (
|
|
401
|
+
if (draggable) {
|
|
408
402
|
setIsDragOver(true);
|
|
409
403
|
}
|
|
410
404
|
},
|
|
411
|
-
[
|
|
405
|
+
[draggable]
|
|
412
406
|
);
|
|
413
407
|
const handleDragLeave = (0, import_react.useCallback)(
|
|
414
408
|
(e) => {
|
|
415
409
|
e.preventDefault();
|
|
416
410
|
e.stopPropagation();
|
|
417
|
-
if (
|
|
411
|
+
if (draggable) {
|
|
418
412
|
setIsDragOver(false);
|
|
419
413
|
}
|
|
420
414
|
},
|
|
421
|
-
[
|
|
415
|
+
[draggable]
|
|
422
416
|
);
|
|
423
417
|
const handleDrop = (0, import_react.useCallback)(
|
|
424
418
|
(e) => {
|
|
425
419
|
e.preventDefault();
|
|
426
420
|
e.stopPropagation();
|
|
427
421
|
setIsDragOver(false);
|
|
428
|
-
if (
|
|
429
|
-
|
|
422
|
+
if (draggable && e.dataTransfer.files && e.dataTransfer.files.length > 0) {
|
|
423
|
+
onFileSelect == null ? void 0 : onFileSelect(Array.from(e.dataTransfer.files));
|
|
430
424
|
}
|
|
431
425
|
},
|
|
432
|
-
[
|
|
426
|
+
[draggable, onFileSelect]
|
|
433
427
|
);
|
|
434
428
|
const handleRemoveMention = (0, import_react.useCallback)(
|
|
435
429
|
(id) => {
|
|
@@ -593,6 +587,8 @@ var XAdkSender = (0, import_react.forwardRef)(
|
|
|
593
587
|
handleQuickKeyByText(text, cursorPos);
|
|
594
588
|
};
|
|
595
589
|
const handleSubmit = () => {
|
|
590
|
+
if (loading)
|
|
591
|
+
return;
|
|
596
592
|
if (!value.trim() && files.length === 0 && mentions.length === 0) {
|
|
597
593
|
import_antd.message.warning("请输入消息或选择文件");
|
|
598
594
|
return;
|
|
@@ -696,7 +692,8 @@ var XAdkSender = (0, import_react.forwardRef)(
|
|
|
696
692
|
};
|
|
697
693
|
const containerClass = `${styles.container} ${isDragOver ? "drag-over" : ""}`;
|
|
698
694
|
const uploading = files.some((f) => f.status === "uploading");
|
|
699
|
-
const
|
|
695
|
+
const controlsDisabled = disabled || uploading || loading;
|
|
696
|
+
const inputDisabled = disabled || uploading;
|
|
700
697
|
const hasContent = value.trim().length > 0;
|
|
701
698
|
const hasFiles = files.some((f) => f.status === "success");
|
|
702
699
|
const hasMentions = mentions.length > 0;
|
|
@@ -723,17 +720,6 @@ var XAdkSender = (0, import_react.forwardRef)(
|
|
|
723
720
|
}
|
|
724
721
|
) });
|
|
725
722
|
};
|
|
726
|
-
const UploadButton = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tooltip, { title: "上传文件", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
727
|
-
"button",
|
|
728
|
-
{
|
|
729
|
-
className: `${styles.iconButton} ${styles.uploadButton}`,
|
|
730
|
-
onClick: triggerFileSelect,
|
|
731
|
-
disabled: isDisabled,
|
|
732
|
-
"aria-label": "上传文件",
|
|
733
|
-
...props,
|
|
734
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.PaperClipOutlined, {})
|
|
735
|
-
}
|
|
736
|
-
) });
|
|
737
723
|
const ClearButton = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
738
724
|
import_antd.Popconfirm,
|
|
739
725
|
{
|
|
@@ -742,12 +728,12 @@ var XAdkSender = (0, import_react.forwardRef)(
|
|
|
742
728
|
placement: "top",
|
|
743
729
|
okText: "确定",
|
|
744
730
|
cancelText: "取消",
|
|
745
|
-
disabled:
|
|
731
|
+
disabled: controlsDisabled,
|
|
746
732
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
747
733
|
"button",
|
|
748
734
|
{
|
|
749
735
|
className: `${styles.iconButton} ${styles.clearButton}`,
|
|
750
|
-
disabled:
|
|
736
|
+
disabled: controlsDisabled,
|
|
751
737
|
"aria-label": "清空聊天记录",
|
|
752
738
|
...props,
|
|
753
739
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ClearOutlined, {})
|
|
@@ -757,7 +743,6 @@ var XAdkSender = (0, import_react.forwardRef)(
|
|
|
757
743
|
);
|
|
758
744
|
const actionsComponents = {
|
|
759
745
|
SendButton,
|
|
760
|
-
UploadButton,
|
|
761
746
|
ClearButton
|
|
762
747
|
};
|
|
763
748
|
const renderSlot = (slot, oriNode) => {
|
|
@@ -772,7 +757,7 @@ var XAdkSender = (0, import_react.forwardRef)(
|
|
|
772
757
|
return slot;
|
|
773
758
|
};
|
|
774
759
|
const headerNode = renderSlot(header, false);
|
|
775
|
-
const fileListNode =
|
|
760
|
+
const fileListNode = files.length > 0 ? renderFileList() : null;
|
|
776
761
|
const defaultSuffix = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.buttonGroup, children: sendButtonRender ? sendButtonRender({
|
|
777
762
|
loading,
|
|
778
763
|
disabled: uploading || disabled,
|
|
@@ -790,10 +775,7 @@ var XAdkSender = (0, import_react.forwardRef)(
|
|
|
790
775
|
}
|
|
791
776
|
) }) });
|
|
792
777
|
const defaultActionBar = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.actionBar, children: [
|
|
793
|
-
/* @__PURE__ */ (0, import_jsx_runtime.
|
|
794
|
-
allowUpload && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UploadButton, {}),
|
|
795
|
-
renderSlot(footerLeft, false)
|
|
796
|
-
] }),
|
|
778
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.actionBarLeft, children: renderSlot(footerLeft, false) }),
|
|
797
779
|
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.actionBarRight, children: [
|
|
798
780
|
clearBtnShow && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ClearButton, {}),
|
|
799
781
|
renderSlot(suffix, defaultSuffix)
|
|
@@ -804,26 +786,10 @@ var XAdkSender = (0, import_react.forwardRef)(
|
|
|
804
786
|
{
|
|
805
787
|
ref: containerRef,
|
|
806
788
|
className: containerClass,
|
|
807
|
-
onDragOver:
|
|
808
|
-
onDragLeave:
|
|
809
|
-
onDrop:
|
|
789
|
+
onDragOver: draggable ? handleDragOver : void 0,
|
|
790
|
+
onDragLeave: draggable ? handleDragLeave : void 0,
|
|
791
|
+
onDrop: draggable ? handleDrop : void 0,
|
|
810
792
|
children: [
|
|
811
|
-
allowUpload && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
812
|
-
"input",
|
|
813
|
-
{
|
|
814
|
-
ref: fileInputRef,
|
|
815
|
-
type: "file",
|
|
816
|
-
multiple: true,
|
|
817
|
-
accept: allowedFileTypes.join(","),
|
|
818
|
-
style: { display: "none" },
|
|
819
|
-
onChange: (e) => {
|
|
820
|
-
if (e.target.files) {
|
|
821
|
-
handleFileSelect(Array.from(e.target.files));
|
|
822
|
-
e.target.value = "";
|
|
823
|
-
}
|
|
824
|
-
}
|
|
825
|
-
}
|
|
826
|
-
),
|
|
827
793
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.mainArea, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.senderWrap, children: [
|
|
828
794
|
(headerNode || fileListNode) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.contextBar, children: [
|
|
829
795
|
headerNode && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.contextHeader, children: headerNode }),
|
|
@@ -840,7 +806,7 @@ var XAdkSender = (0, import_react.forwardRef)(
|
|
|
840
806
|
mentions,
|
|
841
807
|
defaultInputParts,
|
|
842
808
|
placeholder,
|
|
843
|
-
disabled:
|
|
809
|
+
disabled: inputDisabled,
|
|
844
810
|
onChange: handleInlineInputChange,
|
|
845
811
|
onMentionsChange: setMentions,
|
|
846
812
|
onKeyDown: handleKeyDown,
|