@ioca/react 1.5.3 → 1.5.5

package/lib/es/components/editor/editor.js

@@ -1,79 +1,242 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import classNames from 'classnames';
-import { useRef, useImperativeHandle } from 'react';
+import { useRef, useState, useMemo, useEffect, useCallback } from 'react';
 import xss from 'xss';
 import getControls, { xssOptions, exec } from './controls.js';
+import Memtion, { filterMemtionOptions, getMemtionReplaceRange, insertMemtionOption, removeAdjacentMemtionTag, getMemtionText, getSelectionRect } from './memtion.js';
 
+const controlBtnProps = {
+    square: true,
+    flat: true,
+    size: "small",
+};
 const Editor = (props) => {
-    const { ref, width, height = "10em", placeholder, autosize, border = true, richPaste, controls = "simple", className, style, onInput, onPaste, onKeyDown, ...restProps } = props;
+    const { ref, value = "", width, height = "10em", placeholder, autosize, border = true, mode = "rich", hideControl, addtionControls, memtion, className, style, onChange, onEnter, onFocus, onBlur, onPaste, onMouseUp, onKeyUp, onKeyDown, ...restProps } = props;
     const editorRef = useRef(null);
-    const controlBtnProps = {
-        square: true,
-        flat: true,
-        size: "small",
+    const selectionRef = useRef(null);
+    const memtionTriggerRangeRef = useRef(null);
+    const pendingMemtionRef = useRef(false);
+    const [memtionVisible, setMemtionVisible] = useState(false);
+    const [memtionRect, setMemtionRect] = useState(null);
+    const [memtionKeyword, setMemtionKeyword] = useState("");
+    const [memtionActiveIndex, setMemtionActiveIndex] = useState(0);
+    const memtionOptions = useMemo(() => filterMemtionOptions(memtion?.options ?? [], memtionKeyword), [memtion?.options, memtionKeyword]);
+    const sanitizeValue = (nextValue) => {
+        if (mode === "plaintext") {
+            return nextValue === "\n" ? "" : nextValue;
+        }
+        const safeHtml = xss(nextValue, xssOptions);
+        return safeHtml === "<br>" ? "" : safeHtml;
+    };
+    const rememberSelection = () => {
+        if (!editorRef.current)
+            return;
+        const selection = window.getSelection();
+        if (!selection?.rangeCount)
+            return;
+        const range = selection.getRangeAt(0);
+        const container = range.commonAncestorContainer;
+        const parent = container.nodeType === Node.ELEMENT_NODE
+            ? container
+            : container.parentElement;
+        if (!parent || !editorRef.current.contains(parent))
+            return;
+        selectionRef.current = range.cloneRange();
+    };
+    const setEditorValue = (nextValue) => {
+        if (!editorRef.current)
+            return;
+        const safeValue = sanitizeValue(nextValue);
+        if (mode === "plaintext") {
+            editorRef.current.textContent = safeValue;
+            return;
+        }
+        editorRef.current.innerHTML = safeValue;
+    };
+    const getEditorValue = (sanitize = false) => {
+        if (!editorRef.current)
+            return "";
+        const nextValue = mode === "plaintext"
+            ? (editorRef.current.textContent ?? "")
+            : editorRef.current.innerHTML;
+        return sanitize ? sanitizeValue(nextValue) : nextValue;
     };
-    const handlePaste = async (e) => {
+    const hideMemtion = () => {
+        pendingMemtionRef.current = false;
+        memtionTriggerRangeRef.current = null;
+        setMemtionVisible(false);
+        setMemtionRect(null);
+        setMemtionKeyword("");
+        setMemtionActiveIndex(0);
+    };
+    const insertMemtion = (option) => {
+        const replaceRange = getMemtionReplaceRange(memtionTriggerRangeRef.current, selectionRef.current);
+        const range = insertMemtionOption({
+            editor: editorRef.current,
+            range: replaceRange,
+            mode,
+            memtion,
+            option,
+            sanitizeValue,
+        });
+        if (!range || !editorRef.current)
+            return;
+        selectionRef.current = range.cloneRange();
+        hideMemtion();
+        editorRef.current.dispatchEvent(new Event("input", { bubbles: true }));
+    };
+    const handlePaste = (e) => {
         onPaste?.(e);
-        if (richPaste)
+        if (e.defaultPrevented)
             return;
         e.preventDefault();
+        if (mode === "plaintext") {
+            const text = e.clipboardData.getData("text/plain");
+            exec("insertText", false, text);
+            return;
+        }
+        const html = e.clipboardData.getData("text/html");
+        if (html) {
+            exec("insertHTML", false, sanitizeValue(html));
+            return;
+        }
         const text = e.clipboardData.getData("text/plain");
         exec("insertText", false, text);
     };
     const handleKeyDown = (e) => {
         onKeyDown?.(e);
+        if (mode === "rich" &&
+            (e.key === "Backspace" || e.key === "Delete") &&
+            removeAdjacentMemtionTag(editorRef.current, e.key)) {
+            e.preventDefault();
+            rememberSelection();
+            editorRef.current?.dispatchEvent(new Event("input", { bubbles: true }));
+            return;
+        }
+        const memtionKey = memtion?.key ?? "@";
+        if (memtionVisible && e.key === " ") {
+            hideMemtion();
+        }
+        if (memtionVisible && memtionOptions.length) {
+            switch (e.key) {
+                case "ArrowDown":
+                    e.preventDefault();
+                    setMemtionActiveIndex((index) => index + 1 >= memtionOptions.length ? 0 : index + 1);
+                    return;
+                case "ArrowUp":
+                    e.preventDefault();
+                    setMemtionActiveIndex((index) => index - 1 < 0 ? memtionOptions.length - 1 : index - 1);
+                    return;
+                case "Enter":
+                    e.preventDefault();
+                    insertMemtion(memtionOptions[memtionActiveIndex]);
+                    return;
+            }
+        }
+        if (memtion && e.key === memtionKey) {
+            rememberSelection();
+            memtionTriggerRangeRef.current =
+                selectionRef.current?.cloneRange() ?? null;
+            pendingMemtionRef.current = true;
+        }
         switch (e.key) {
             case "Tab":
                 e.preventDefault();
-                exec("insertHTML", false, "&#09;");
+                exec(mode === "plaintext" ? "insertText" : "insertHTML", false, mode === "plaintext" ? "\t" : "&#09;");
                 break;
             case "Enter":
+                if (!onEnter)
+                    break;
                 e.preventDefault();
-                exec("insertLineBreak");
-                if (!editorRef.current)
-                    return;
-                editorRef.current.scrollBy({
-                    top: 20,
-                    left: -1e3,
-                });
-                if (!autosize)
-                    return;
-                editorRef.current.style.height = `${editorRef.current.scrollHeight}px`;
+                onEnter(e);
                 break;
         }
     };
-    useImperativeHandle(ref, () => {
-        return {
-            input: editorRef.current,
-            setValue(html) {
-                if (!editorRef.current)
-                    return;
-                const safeHtml = xss(html, xssOptions);
-                editorRef.current.innerHTML = safeHtml;
-            },
-            getSafeValue() {
-                const html = editorRef.current?.innerHTML ?? "";
-                return xss(html, xssOptions);
-            },
-        };
-    });
+    useEffect(() => {
+        if (!editorRef.current)
+            return;
+        const nextValue = sanitizeValue(value);
+        if (getEditorValue(true) === nextValue)
+            return;
+        setEditorValue(nextValue);
+        if (autosize) {
+            editorRef.current.style.height = `${editorRef.current.scrollHeight}px`;
+        }
+    }, [autosize, mode, value]);
+    useEffect(() => {
+        if (!memtionOptions.length) {
+            setMemtionActiveIndex(0);
+            return;
+        }
+        setMemtionActiveIndex((index) => index >= memtionOptions.length ? 0 : index);
+    }, [memtionOptions]);
     const handleInput = (e) => {
-        let html = editorRef.current?.innerHTML ?? "";
-        if (["<br>", "\n"].includes(html) && editorRef.current) {
-            html = "";
-            editorRef.current.innerHTML = html;
+        const rawValue = getEditorValue();
+        let nextValue = sanitizeValue(rawValue);
+        if (!nextValue && rawValue && editorRef.current) {
+            nextValue = "";
+            setEditorValue(nextValue);
+        }
+        rememberSelection();
+        if (memtion && (pendingMemtionRef.current || memtionVisible)) {
+            const memtionKey = memtion?.key ?? "@";
+            const memtionText = getMemtionText(memtionTriggerRangeRef.current, selectionRef.current);
+            if (!memtionText.startsWith(memtionKey) || /\s/.test(memtionText)) {
+                hideMemtion();
+            }
+            else {
+                const keyword = memtionText.slice(memtionKey.length);
+                pendingMemtionRef.current = false;
+                setMemtionRect(getSelectionRect(selectionRef.current));
+                setMemtionKeyword(keyword);
+                setMemtionActiveIndex(0);
+                setMemtionVisible(true);
+            }
+        }
+        if (autosize && editorRef.current) {
+            editorRef.current.style.height = `${editorRef.current.scrollHeight}px`;
+        }
+        onChange?.(nextValue, e);
+    };
+    const handleFocus = (e) => {
+        rememberSelection();
+        onFocus?.(e);
+    };
+    const handleBlur = (e) => {
+        hideMemtion();
+        onBlur?.(e);
+    };
+    const handleMouseUp = (e) => {
+        rememberSelection();
+        onMouseUp?.(e);
+    };
+    const handleKeyUp = (e) => {
+        rememberSelection();
+        onKeyUp?.(e);
+    };
+    const handleRef = (node) => {
+        editorRef.current = node;
+        if (typeof ref === "function") {
+            ref(node);
+            return;
+        }
+        if (ref) {
+            ref.current = node;
         }
-        onInput?.(html, e);
     };
+    const getSelection = useCallback(() => selectionRef.current?.cloneRange() ?? null, []);
+    const controls = useMemo(() => getControls({
+        controlBtnProps,
+        addtionControls,
+        getSelection,
+    }), [addtionControls, getSelection]);
     return (jsxs("div", { className: classNames("i-editor", className, {
             "i-editor-borderless": !border,
         }), style: {
             ...style,
             [autosize ? "minHeight" : "height"]: height,
             width,
-        }, children: [controls !== "none" && (jsx("div", { className: 'i-editor-controls', children: getControls(controls, {
-                    controlBtnProps,
-                }) })), jsx("div", { ref: editorRef, className: 'i-editor-content', "data-placeholder": placeholder, contentEditable: true, onPaste: handlePaste, onInput: handleInput, onKeyDown: handleKeyDown, ...restProps })] }));
+        }, children: [!hideControl && (jsx("div", { className: "i-editor-controls", children: controls })), memtion && (jsx(Memtion, { visible: memtionVisible, rect: memtionRect, options: memtionOptions, activeIndex: memtionActiveIndex, onActiveChange: setMemtionActiveIndex, onSelect: insertMemtion })), jsx("div", { ref: handleRef, className: "i-editor-content", "data-placeholder": placeholder, contentEditable: mode === "plaintext" ? "plaintext-only" : true, onFocus: handleFocus, onBlur: handleBlur, onMouseUp: handleMouseUp, onPaste: handlePaste, onInput: handleInput, onKeyUp: handleKeyUp, onKeyDown: handleKeyDown, ...restProps })] }));
 };
 
 export { Editor as default };

package/lib/es/components/editor/editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"editor.js","sources":["../../../../packages/components/editor/editor.tsx"],"sourcesContent":["import classNames from \"classnames\";\r\nimport { useImperativeHandle, useRef } from \"react\";\r\nimport xss from \"xss\";\r\nimport { IButton } from \"../button/type\";\r\nimport getControls, { exec, xssOptions } from \"./controls\";\r\nimport \"./index.css\";\r\nimport { IEditor } from \"./type\";\r\n\r\nconst Editor = (props: IEditor) => {\r\n\tconst {\r\n\t\tref,\r\n\t\twidth,\r\n\t\theight = \"10em\",\r\n\t\tplaceholder,\r\n\t\tautosize,\r\n\t\tborder = true,\r\n\t\trichPaste,\r\n\t\tcontrols = \"simple\",\r\n\t\tclassName,\r\n\t\tstyle,\r\n\t\tonInput,\r\n\t\tonPaste,\r\n\t\tonKeyDown,\r\n\t\t...restProps\r\n\t} = props;\r\n\tconst editorRef = useRef<HTMLDivElement>(null);\r\n\tconst controlBtnProps: IButton = {\r\n\t\tsquare: true,\r\n\t\tflat: true,\r\n\t\tsize: \"small\",\r\n\t};\r\n\r\n\tconst handlePaste = async (e) => {\r\n\t\tonPaste?.(e);\r\n\r\n\t\tif (richPaste) return;\r\n\t\te.preventDefault();\r\n\t\tconst text = e.clipboardData.getData(\"text/plain\");\r\n\t\texec(\"insertText\", false, text);\r\n\t};\r\n\r\n\tconst handleKeyDown = (e) => {\r\n\t\tonKeyDown?.(e);\r\n\r\n\t\tswitch (e.key) {\r\n\t\t\tcase \"Tab\":\r\n\t\t\t\te.preventDefault();\r\n\t\t\t\texec(\"insertHTML\", false, \"&#09;\");\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"Enter\":\r\n\t\t\t\te.preventDefault();\r\n\t\t\t\texec(\"insertLineBreak\");\r\n\r\n\t\t\t\tif (!editorRef.current) return;\r\n\t\t\t\teditorRef.current.scrollBy({\r\n\t\t\t\t\ttop: 20,\r\n\t\t\t\t\tleft: -1000,\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (!autosize) return;\r\n\t\t\t\teditorRef.current.style.height = `${editorRef.current.scrollHeight}px`;\r\n\r\n\t\t\t\tbreak;\r\n\t\t\tdefault:\r\n\t\t\t\tbreak;\r\n\t\t}\r\n\t};\r\n\r\n\tuseImperativeHandle(ref, () => {\r\n\t\treturn {\r\n\t\t\tinput: editorRef.current,\r\n\t\t\tsetValue(html) {\r\n\t\t\t\tif (!editorRef.current) return;\r\n\t\t\t\tconst safeHtml = xss(html, xssOptions);\r\n\r\n\t\t\t\teditorRef.current.innerHTML = safeHtml;\r\n\t\t\t},\r\n\t\t\tgetSafeValue() {\r\n\t\t\t\tconst html = editorRef.current?.innerHTML ?? \"\";\r\n\r\n\t\t\t\treturn xss(html, xssOptions);\r\n\t\t\t},\r\n\t\t};\r\n\t});\r\n\r\n\tconst handleInput = (e) => {\r\n\t\tlet html = editorRef.current?.innerHTML ?? \"\";\r\n\r\n\t\tif ([\"<br>\", \"\\n\"].includes(html) && editorRef.current) {\r\n\t\t\thtml = \"\";\r\n\t\t\teditorRef.current.innerHTML = html;\r\n\t\t}\r\n\r\n\t\tonInput?.(html, e);\r\n\t};\r\n\r\n\treturn (\r\n\t\t<div\r\n\t\t\tclassName={classNames(\"i-editor\", className, {\r\n\t\t\t\t\"i-editor-borderless\": !border,\r\n\t\t\t})}\r\n\t\t\tstyle={{\r\n\t\t\t\t...style,\r\n\t\t\t\t[autosize ? \"minHeight\" : \"height\"]: height,\r\n\t\t\t\twidth,\r\n\t\t\t}}\r\n\t\t>\r\n\t\t\t{controls !== \"none\" && (\r\n\t\t\t\t<div className='i-editor-controls'>\r\n\t\t\t\t\t{getControls(controls, {\r\n\t\t\t\t\t\tcontrolBtnProps,\r\n\t\t\t\t\t})}\r\n\t\t\t\t</div>\r\n\t\t\t)}\r\n\r\n\t\t\t<div\r\n\t\t\t\tref={editorRef}\r\n\t\t\t\tclassName='i-editor-content'\r\n\t\t\t\tdata-placeholder={placeholder}\r\n\t\t\t\tcontentEditable\r\n\t\t\t\tonPaste={handlePaste}\r\n\t\t\t\tonInput={handleInput}\r\n\t\t\t\tonKeyDown={handleKeyDown}\r\n\t\t\t\t{...restProps}\r\n\t\t\t/>\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nexport default Editor;\r\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"editor.js","sources":["../../../../packages/components/editor/editor.tsx"],"sourcesContent":["import classNames from \"classnames\";\r\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\r\nimport xss from \"xss\";\r\nimport { IButton } from \"../button/type\";\r\nimport getControls, { exec, xssOptions } from \"./controls\";\r\nimport \"./index.css\";\r\nimport Memtion, {\r\n    filterMemtionOptions,\r\n    getMemtionReplaceRange,\r\n    getMemtionText,\r\n    getSelectionRect,\r\n    insertMemtionOption,\r\n    removeAdjacentMemtionTag,\r\n} from \"./memtion\";\r\nimport { IEditor, IEditorMemtionOption } from \"./type\";\r\n\r\nconst controlBtnProps: IButton = {\r\n    square: true,\r\n    flat: true,\r\n    size: \"small\",\r\n};\r\n\r\nconst Editor = (props: IEditor) => {\r\n    const {\r\n        ref,\r\n        value = \"\",\r\n        width,\r\n        height = \"10em\",\r\n        placeholder,\r\n        autosize,\r\n        border = true,\r\n        mode = \"rich\",\r\n        hideControl,\r\n        addtionControls,\r\n        memtion,\r\n        className,\r\n        style,\r\n        onChange,\r\n        onEnter,\r\n        onFocus,\r\n        onBlur,\r\n        onPaste,\r\n        onMouseUp,\r\n        onKeyUp,\r\n        onKeyDown,\r\n        ...restProps\r\n    } = props;\r\n    const editorRef = useRef<HTMLDivElement>(null);\r\n    const selectionRef = useRef<Range | null>(null);\r\n    const memtionTriggerRangeRef = useRef<Range | null>(null);\r\n    const pendingMemtionRef = useRef(false);\r\n    const [memtionVisible, setMemtionVisible] = useState(false);\r\n    const [memtionRect, setMemtionRect] = useState<DOMRect | null>(null);\r\n    const [memtionKeyword, setMemtionKeyword] = useState(\"\");\r\n    const [memtionActiveIndex, setMemtionActiveIndex] = useState(0);\r\n    const memtionOptions = useMemo(\r\n        () => filterMemtionOptions(memtion?.options ?? [], memtionKeyword),\r\n        [memtion?.options, memtionKeyword],\r\n    );\r\n\r\n    const sanitizeValue = (nextValue: string) => {\r\n        if (mode === \"plaintext\") {\r\n            return nextValue === \"\\n\" ? \"\" : nextValue;\r\n        }\r\n\r\n        const safeHtml = xss(nextValue, xssOptions);\r\n\r\n        return safeHtml === \"<br>\" ? \"\" : safeHtml;\r\n    };\r\n\r\n    const rememberSelection = () => {\r\n        if (!editorRef.current) return;\r\n\r\n        const selection = window.getSelection();\r\n        if (!selection?.rangeCount) return;\r\n\r\n        const range = selection.getRangeAt(0);\r\n        const container = range.commonAncestorContainer;\r\n        const parent =\r\n            container.nodeType === Node.ELEMENT_NODE\r\n                ? (container as Element)\r\n                : container.parentElement;\r\n\r\n        if (!parent || !editorRef.current.contains(parent)) return;\r\n\r\n        selectionRef.current = range.cloneRange();\r\n    };\r\n\r\n    const setEditorValue = (nextValue: string) => {\r\n        if (!editorRef.current) return;\r\n\r\n        const safeValue = sanitizeValue(nextValue);\r\n\r\n        if (mode === \"plaintext\") {\r\n            editorRef.current.textContent = safeValue;\r\n            return;\r\n        }\r\n\r\n        editorRef.current.innerHTML = safeValue;\r\n    };\r\n\r\n    const getEditorValue = (sanitize = false) => {\r\n        if (!editorRef.current) return \"\";\r\n\r\n        const nextValue =\r\n            mode === \"plaintext\"\r\n                ? (editorRef.current.textContent ?? \"\")\r\n                : editorRef.current.innerHTML;\r\n\r\n        return sanitize ? sanitizeValue(nextValue) : nextValue;\r\n    };\r\n\r\n    const hideMemtion = () => {\r\n        pendingMemtionRef.current = false;\r\n        memtionTriggerRangeRef.current = null;\r\n        setMemtionVisible(false);\r\n        setMemtionRect(null);\r\n        setMemtionKeyword(\"\");\r\n        setMemtionActiveIndex(0);\r\n    };\r\n\r\n    const insertMemtion = (option: IEditorMemtionOption) => {\r\n        const replaceRange = getMemtionReplaceRange(\r\n            memtionTriggerRangeRef.current,\r\n            selectionRef.current,\r\n        );\r\n\r\n        const range = insertMemtionOption({\r\n            editor: editorRef.current,\r\n            range: replaceRange,\r\n            mode,\r\n            memtion,\r\n            option,\r\n            sanitizeValue,\r\n        });\r\n\r\n        if (!range || !editorRef.current) return;\r\n\r\n        selectionRef.current = range.cloneRange();\r\n        hideMemtion();\r\n        editorRef.current.dispatchEvent(new Event(\"input\", { bubbles: true }));\r\n    };\r\n\r\n    const handlePaste = (e) => {\r\n        onPaste?.(e);\r\n\r\n        if (e.defaultPrevented) return;\r\n\r\n        e.preventDefault();\r\n\r\n        if (mode === \"plaintext\") {\r\n            const text = e.clipboardData.getData(\"text/plain\");\r\n            exec(\"insertText\", false, text);\r\n            return;\r\n        }\r\n\r\n        const html = e.clipboardData.getData(\"text/html\");\r\n        if (html) {\r\n            exec(\"insertHTML\", false, sanitizeValue(html));\r\n            return;\r\n        }\r\n\r\n        const text = e.clipboardData.getData(\"text/plain\");\r\n        exec(\"insertText\", false, text);\r\n    };\r\n\r\n    const handleKeyDown = (e) => {\r\n        onKeyDown?.(e);\r\n\r\n        if (\r\n            mode === \"rich\" &&\r\n            (e.key === \"Backspace\" || e.key === \"Delete\") &&\r\n            removeAdjacentMemtionTag(editorRef.current, e.key)\r\n        ) {\r\n            e.preventDefault();\r\n            rememberSelection();\r\n            editorRef.current?.dispatchEvent(\r\n                new Event(\"input\", { bubbles: true }),\r\n            );\r\n            return;\r\n        }\r\n\r\n        const memtionKey = memtion?.key ?? \"@\";\r\n        if (memtionVisible && e.key === \" \") {\r\n            hideMemtion();\r\n        }\r\n\r\n        if (memtionVisible && memtionOptions.length) {\r\n            switch (e.key) {\r\n                case \"ArrowDown\":\r\n                    e.preventDefault();\r\n                    setMemtionActiveIndex((index) =>\r\n                        index + 1 >= memtionOptions.length ? 0 : index + 1,\r\n                    );\r\n                    return;\r\n                case \"ArrowUp\":\r\n                    e.preventDefault();\r\n                    setMemtionActiveIndex((index) =>\r\n                        index - 1 < 0 ? memtionOptions.length - 1 : index - 1,\r\n                    );\r\n                    return;\r\n                case \"Enter\":\r\n                    e.preventDefault();\r\n                    insertMemtion(memtionOptions[memtionActiveIndex]);\r\n                    return;\r\n                default:\r\n                    break;\r\n            }\r\n        }\r\n\r\n        if (memtion && e.key === memtionKey) {\r\n            rememberSelection();\r\n            memtionTriggerRangeRef.current =\r\n                selectionRef.current?.cloneRange() ?? null;\r\n            pendingMemtionRef.current = true;\r\n        }\r\n\r\n        switch (e.key) {\r\n            case \"Tab\":\r\n                e.preventDefault();\r\n                exec(\r\n                    mode === \"plaintext\" ? \"insertText\" : \"insertHTML\",\r\n                    false,\r\n                    mode === \"plaintext\" ? \"\\t\" : \"&#09;\",\r\n                );\r\n                break;\r\n            case \"Enter\":\r\n                if (!onEnter) break;\r\n                e.preventDefault();\r\n                onEnter(e);\r\n                break;\r\n            default:\r\n                break;\r\n        }\r\n    };\r\n\r\n    useEffect(() => {\r\n        if (!editorRef.current) return;\r\n        const nextValue = sanitizeValue(value);\r\n        if (getEditorValue(true) === nextValue) return;\r\n\r\n        setEditorValue(nextValue);\r\n\r\n        if (autosize) {\r\n            editorRef.current.style.height = `${editorRef.current.scrollHeight}px`;\r\n        }\r\n    }, [autosize, mode, value]);\r\n\r\n    useEffect(() => {\r\n        if (!memtionOptions.length) {\r\n            setMemtionActiveIndex(0);\r\n            return;\r\n        }\r\n\r\n        setMemtionActiveIndex((index) =>\r\n            index >= memtionOptions.length ? 0 : index,\r\n        );\r\n    }, [memtionOptions]);\r\n\r\n    const handleInput = (e) => {\r\n        const rawValue = getEditorValue();\r\n        let nextValue = sanitizeValue(rawValue);\r\n\r\n        if (!nextValue && rawValue && editorRef.current) {\r\n            nextValue = \"\";\r\n            setEditorValue(nextValue);\r\n        }\r\n\r\n        rememberSelection();\r\n\r\n        if (memtion && (pendingMemtionRef.current || memtionVisible)) {\r\n            const memtionKey = memtion?.key ?? \"@\";\r\n            const memtionText = getMemtionText(\r\n                memtionTriggerRangeRef.current,\r\n                selectionRef.current,\r\n            );\r\n\r\n            if (!memtionText.startsWith(memtionKey) || /\\s/.test(memtionText)) {\r\n                hideMemtion();\r\n            } else {\r\n                const keyword = memtionText.slice(memtionKey.length);\r\n                pendingMemtionRef.current = false;\r\n                setMemtionRect(getSelectionRect(selectionRef.current));\r\n                setMemtionKeyword(keyword);\r\n                setMemtionActiveIndex(0);\r\n                setMemtionVisible(true);\r\n            }\r\n        }\r\n\r\n        if (autosize && editorRef.current) {\r\n            editorRef.current.style.height = `${editorRef.current.scrollHeight}px`;\r\n        }\r\n\r\n        onChange?.(nextValue, e);\r\n    };\r\n\r\n    const handleFocus = (e) => {\r\n        rememberSelection();\r\n        onFocus?.(e);\r\n    };\r\n\r\n    const handleBlur = (e) => {\r\n        hideMemtion();\r\n        onBlur?.(e);\r\n    };\r\n\r\n    const handleMouseUp = (e) => {\r\n        rememberSelection();\r\n        onMouseUp?.(e);\r\n    };\r\n\r\n    const handleKeyUp = (e) => {\r\n        rememberSelection();\r\n        onKeyUp?.(e);\r\n    };\r\n\r\n    const handleRef = (node: HTMLDivElement | null) => {\r\n        editorRef.current = node;\r\n\r\n        if (typeof ref === \"function\") {\r\n            ref(node);\r\n            return;\r\n        }\r\n\r\n        if (ref) {\r\n            ref.current = node;\r\n        }\r\n    };\r\n\r\n    const getSelection = useCallback(\r\n        () => selectionRef.current?.cloneRange() ?? null,\r\n        [],\r\n    );\r\n\r\n    const controls = useMemo(\r\n        () =>\r\n            getControls({\r\n                controlBtnProps,\r\n                addtionControls,\r\n                getSelection,\r\n            }),\r\n        [addtionControls, getSelection],\r\n    );\r\n\r\n    return (\r\n        <div\r\n            className={classNames(\"i-editor\", className, {\r\n                \"i-editor-borderless\": !border,\r\n            })}\r\n            style={{\r\n                ...style,\r\n                [autosize ? \"minHeight\" : \"height\"]: height,\r\n                width,\r\n            }}\r\n        >\r\n            {!hideControl && (\r\n                <div className=\"i-editor-controls\">{controls}</div>\r\n            )}\r\n\r\n            {memtion && (\r\n                <Memtion\r\n                    visible={memtionVisible}\r\n                    rect={memtionRect}\r\n                    options={memtionOptions}\r\n                    activeIndex={memtionActiveIndex}\r\n                    onActiveChange={setMemtionActiveIndex}\r\n                    onSelect={insertMemtion}\r\n                />\r\n            )}\r\n\r\n            <div\r\n                ref={handleRef}\r\n                className=\"i-editor-content\"\r\n                data-placeholder={placeholder}\r\n                contentEditable={mode === \"plaintext\" ? \"plaintext-only\" : true}\r\n                onFocus={handleFocus}\r\n                onBlur={handleBlur}\r\n                onMouseUp={handleMouseUp}\r\n                onPaste={handlePaste}\r\n                onInput={handleInput}\r\n                onKeyUp={handleKeyUp}\r\n                onKeyDown={handleKeyDown}\r\n                {...restProps}\r\n            />\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default Editor;\r\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/lib/es/components/editor/memtion.js

@@ -0,0 +1,160 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { memo } from 'react';
+import { renderToStaticMarkup } from 'react-dom/server';
+import List from '../list/list.js';
+
+const MEMTION_TAG_CLASS_NAME = "i-memtion-tag";
+const escapeHtmlAttr = (value) => value
+    .replaceAll("&", "&")
+    .replaceAll('"', """)
+    .replaceAll("<", "&lt;")
+    .replaceAll(">", "&gt;");
+const getInsertNode = (memtion, option) => memtion?.insert?.(option) ?? option.value;
+const getInsertText = (memtion, option) => {
+    const nextNode = getInsertNode(memtion, option);
+    if (typeof nextNode === "string" || typeof nextNode === "number") {
+        return `${String(nextNode)} `;
+    }
+    return `${String(option.value)} `;
+};
+const getInsertHtml = (memtion, option, sanitizeValue) => {
+    const nextNode = getInsertNode(memtion, option);
+    if (nextNode === null || nextNode === undefined || nextNode === false) {
+        return "";
+    }
+    const content = sanitizeValue(renderToStaticMarkup(jsx(Fragment, { children: nextNode })));
+    return `<span class="${MEMTION_TAG_CLASS_NAME}" contenteditable="false" data-memtion-value="${escapeHtmlAttr(String(option.value))}">${content}</span>`;
+};
+const getSelectionRect = (range) => {
+    if (!range)
+        return null;
+    const rect = range.getBoundingClientRect();
+    if (rect.width || rect.height) {
+        return rect;
+    }
+    return range.getClientRects()[0] ?? rect;
+};
+const insertMemtionOption = ({ editor, range, mode, memtion, option, sanitizeValue, }) => {
+    if (!editor || !range)
+        return null;
+    const browserSelection = window.getSelection();
+    if (!browserSelection)
+        return null;
+    const nextRange = range.cloneRange();
+    browserSelection.removeAllRanges();
+    browserSelection.addRange(nextRange);
+    editor.focus();
+    nextRange.deleteContents();
+    if (mode === "plaintext") {
+        const text = document.createTextNode(getInsertText(memtion, option));
+        nextRange.insertNode(text);
+        nextRange.setStartAfter(text);
+    }
+    else {
+        const html = getInsertHtml(memtion, option, sanitizeValue);
+        const fragment = nextRange.createContextualFragment(html);
+        const lastNode = fragment.lastChild;
+        const spacing = document.createTextNode(" ");
+        nextRange.insertNode(fragment);
+        if (lastNode) {
+            nextRange.setStartAfter(lastNode);
+            nextRange.collapse(true);
+        }
+        nextRange.insertNode(spacing);
+        nextRange.setStartAfter(spacing);
+    }
+    nextRange.collapse(true);
+    browserSelection.removeAllRanges();
+    browserSelection.addRange(nextRange);
+    return nextRange;
+};
+const getMemtionText = (triggerRange, selectionRange) => {
+    if (!triggerRange || !selectionRange)
+        return "";
+    const range = triggerRange.cloneRange();
+    range.setEnd(selectionRange.endContainer, selectionRange.endOffset);
+    return range.toString();
+};
+const getMemtionReplaceRange = (triggerRange, selectionRange) => {
+    if (!triggerRange || !selectionRange)
+        return null;
+    const range = triggerRange.cloneRange();
+    range.setEnd(selectionRange.endContainer, selectionRange.endOffset);
+    return range;
+};
+const filterMemtionOptions = (options, keyword) => {
+    const normalizedKeyword = keyword.trim().toLowerCase();
+    if (!normalizedKeyword) {
+        return options;
+    }
+    return options.filter((option) => String(option.value).toLowerCase().includes(normalizedKeyword));
+};
+const isMemtionTag = (node) => node instanceof HTMLElement &&
+    node.classList.contains(MEMTION_TAG_CLASS_NAME);
+const getAdjacentMemtionTag = (range, direction) => {
+    const { startContainer, startOffset } = range;
+    if (startContainer.nodeType === Node.TEXT_NODE) {
+        const textNode = startContainer;
+        if (direction === "backward" && startOffset === 0) {
+            return isMemtionTag(textNode.previousSibling)
+                ? textNode.previousSibling
+                : null;
+        }
+        if (direction === "forward" && startOffset === textNode.data.length) {
+            return isMemtionTag(textNode.nextSibling)
+                ? textNode.nextSibling
+                : null;
+        }
+        return null;
+    }
+    const element = startContainer;
+    const targetIndex = direction === "backward" ? startOffset - 1 : startOffset;
+    const targetNode = element.childNodes.item(targetIndex);
+    return isMemtionTag(targetNode) ? targetNode : null;
+};
+const removeAdjacentMemtionTag = (editor, key) => {
+    if (!editor)
+        return false;
+    const selection = window.getSelection();
+    if (!selection?.rangeCount || !selection.isCollapsed)
+        return false;
+    const activeRange = selection.getRangeAt(0);
+    const tag = getAdjacentMemtionTag(activeRange, key === "Backspace" ? "backward" : "forward");
+    if (!tag || !tag.parentNode)
+        return false;
+    const parent = tag.parentNode;
+    const nextSibling = tag.nextSibling;
+    const index = Array.prototype.indexOf.call(parent.childNodes, tag);
+    if (nextSibling?.nodeType === Node.TEXT_NODE) {
+        const textNode = nextSibling;
+        if (textNode.data.startsWith(" ")) {
+            textNode.deleteData(0, 1);
+            if (!textNode.data.length) {
+                nextSibling.remove();
+            }
+        }
+    }
+    tag.remove();
+    const range = document.createRange();
+    range.setStart(parent, Math.min(index, parent.childNodes.length));
+    range.collapse(true);
+    selection.removeAllRanges();
+    selection.addRange(range);
+    editor.focus();
+    return true;
+};
+const Memtion = (props) => {
+    const { visible, rect, options, activeIndex, onActiveChange, onSelect } = props;
+    if (!visible || !rect || !options?.length) {
+        return null;
+    }
+    return (jsx(List, { className: "i-editor-memtion", type: "option", style: {
+            position: "fixed",
+            top: rect.bottom,
+            left: rect.left,
+        }, children: options.map((option, i) => (jsx(List.Item, { type: "option", active: i === activeIndex, onMouseDown: (e) => e.preventDefault(), onMouseEnter: () => onActiveChange?.(i), onClick: () => onSelect?.(option), children: option.label }, `${option.value}-${i}`))) }));
+};
+var Memtion$1 = memo(Memtion);
+
+export { MEMTION_TAG_CLASS_NAME, Memtion$1 as default, filterMemtionOptions, getMemtionReplaceRange, getMemtionText, getSelectionRect, insertMemtionOption, removeAdjacentMemtionTag };
+//# sourceMappingURL=memtion.js.map

package/lib/es/components/editor/memtion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"memtion.js","sources":["../../../../packages/components/editor/memtion.tsx"],"sourcesContent":["import { memo, ReactNode } from \"react\";\r\nimport { renderToStaticMarkup } from \"react-dom/server\";\r\nimport List from \"../list\";\r\nimport { IEditorMemtion, IEditorMemtionOption } from \"./type\";\r\n\r\nexport const MEMTION_TAG_CLASS_NAME = \"i-memtion-tag\";\r\n\nconst escapeHtmlAttr = (value: string) =>\n    value\n        .replaceAll(\"&\", \"&amp;\")\n        .replaceAll('\"', \"&quot;\")\n        .replaceAll(\"<\", \"&lt;\")\n        .replaceAll(\">\", \"&gt;\");\n\r\ninterface IMemtionProps {\r\n    visible?: boolean;\r\n    rect?: DOMRect | null;\r\n    options?: IEditorMemtionOption[];\r\n    activeIndex?: number;\r\n    onActiveChange?: (index: number) => void;\r\n    onSelect?: (option: IEditorMemtionOption) => void;\r\n}\r\n\r\ninterface IInsertMemtionOptionParams {\r\n    editor: HTMLDivElement | null;\r\n    range: Range | null;\r\n    mode: \"rich\" | \"plaintext\";\r\n    memtion?: IEditorMemtion;\r\n    option: IEditorMemtionOption;\r\n    sanitizeValue: (value: string) => string;\r\n}\r\n\r\nconst getInsertNode = (\r\n    memtion: IEditorMemtion | undefined,\r\n    option: IEditorMemtionOption,\r\n) => memtion?.insert?.(option) ?? option.value;\r\n\r\nconst getInsertText = (\r\n    memtion: IEditorMemtion | undefined,\r\n    option: IEditorMemtionOption,\r\n) => {\r\n    const nextNode = getInsertNode(memtion, option);\r\n\r\n    if (typeof nextNode === \"string\" || typeof nextNode === \"number\") {\r\n        return `${String(nextNode)} `;\r\n    }\r\n\r\n    return `${String(option.value)} `;\r\n};\r\n\r\nconst getInsertHtml = (\r\n    memtion: IEditorMemtion | undefined,\r\n    option: IEditorMemtionOption,\r\n    sanitizeValue: (value: string) => string,\r\n) => {\r\n    const nextNode = getInsertNode(memtion, option);\r\n\r\n    if (nextNode === null || nextNode === undefined || nextNode === false) {\r\n        return \"\";\r\n    }\r\n\r\n    const content = sanitizeValue(\r\n        renderToStaticMarkup(<>{nextNode as ReactNode}</>),\r\n    );\r\n\r\n    return `<span class=\"${MEMTION_TAG_CLASS_NAME}\" contenteditable=\"false\" data-memtion-value=\"${escapeHtmlAttr(String(option.value))}\">${content}</span>`;\n};\r\n\r\nexport const getSelectionRect = (range: Range | null) => {\r\n    if (!range) return null;\r\n\r\n    const rect = range.getBoundingClientRect();\r\n\r\n    if (rect.width || rect.height) {\r\n        return rect;\r\n    }\r\n\r\n    return range.getClientRects()[0] ?? rect;\r\n};\r\n\r\nexport const insertMemtionOption = ({\r\n    editor,\r\n    range,\r\n    mode,\r\n    memtion,\r\n    option,\r\n    sanitizeValue,\r\n}: IInsertMemtionOptionParams) => {\r\n    if (!editor || !range) return null;\r\n\r\n    const browserSelection = window.getSelection();\r\n    if (!browserSelection) return null;\r\n\r\n    const nextRange = range.cloneRange();\r\n    browserSelection.removeAllRanges();\r\n    browserSelection.addRange(nextRange);\r\n    editor.focus();\r\n    nextRange.deleteContents();\r\n\r\n    if (mode === \"plaintext\") {\r\n        const text = document.createTextNode(getInsertText(memtion, option));\r\n        nextRange.insertNode(text);\r\n        nextRange.setStartAfter(text);\r\n    } else {\r\n        const html = getInsertHtml(memtion, option, sanitizeValue);\r\n        const fragment = nextRange.createContextualFragment(html);\r\n        const lastNode = fragment.lastChild;\r\n        const spacing = document.createTextNode(\" \");\r\n\r\n        nextRange.insertNode(fragment);\r\n\r\n        if (lastNode) {\r\n            nextRange.setStartAfter(lastNode);\r\n            nextRange.collapse(true);\r\n        }\r\n\r\n        nextRange.insertNode(spacing);\r\n        nextRange.setStartAfter(spacing);\r\n    }\r\n\r\n    nextRange.collapse(true);\r\n    browserSelection.removeAllRanges();\r\n    browserSelection.addRange(nextRange);\r\n\r\n    return nextRange;\r\n};\r\n\r\nexport const getMemtionText = (\r\n    triggerRange: Range | null,\r\n    selectionRange: Range | null,\r\n) => {\r\n    if (!triggerRange || !selectionRange) return \"\";\r\n\r\n    const range = triggerRange.cloneRange();\r\n    range.setEnd(selectionRange.endContainer, selectionRange.endOffset);\r\n\r\n    return range.toString();\r\n};\r\n\r\nexport const getMemtionReplaceRange = (\r\n    triggerRange: Range | null,\r\n    selectionRange: Range | null,\r\n) => {\r\n    if (!triggerRange || !selectionRange) return null;\r\n\r\n    const range = triggerRange.cloneRange();\r\n    range.setEnd(selectionRange.endContainer, selectionRange.endOffset);\r\n\r\n    return range;\r\n};\r\n\r\nexport const filterMemtionOptions = (\r\n    options: IEditorMemtionOption[],\r\n    keyword: string,\r\n) => {\r\n    const normalizedKeyword = keyword.trim().toLowerCase();\r\n\r\n    if (!normalizedKeyword) {\r\n        return options;\r\n    }\r\n\r\n    return options.filter((option) =>\r\n        String(option.value).toLowerCase().includes(normalizedKeyword),\r\n    );\r\n};\r\n\r\nconst isMemtionTag = (node: Node | null) =>\r\n    node instanceof HTMLElement &&\r\n    node.classList.contains(MEMTION_TAG_CLASS_NAME);\r\n\r\nconst getAdjacentMemtionTag = (\r\n    range: Range,\r\n    direction: \"backward\" | \"forward\",\r\n) => {\r\n    const { startContainer, startOffset } = range;\r\n\r\n    if (startContainer.nodeType === Node.TEXT_NODE) {\r\n        const textNode = startContainer as Text;\r\n\r\n        if (direction === \"backward\" && startOffset === 0) {\r\n            return isMemtionTag(textNode.previousSibling)\r\n                ? (textNode.previousSibling as HTMLElement)\r\n                : null;\r\n        }\r\n\r\n        if (direction === \"forward\" && startOffset === textNode.data.length) {\r\n            return isMemtionTag(textNode.nextSibling)\r\n                ? (textNode.nextSibling as HTMLElement)\r\n                : null;\r\n        }\r\n\r\n        return null;\r\n    }\r\n\r\n    const element = startContainer as Element;\r\n    const targetIndex =\r\n        direction === \"backward\" ? startOffset - 1 : startOffset;\r\n    const targetNode = element.childNodes.item(targetIndex);\r\n\r\n    return isMemtionTag(targetNode) ? (targetNode as HTMLElement) : null;\r\n};\r\n\r\nexport const removeAdjacentMemtionTag = (\r\n    editor: HTMLDivElement | null,\r\n    key: \"Backspace\" | \"Delete\",\r\n) => {\r\n    if (!editor) return false;\r\n\r\n    const selection = window.getSelection();\r\n    if (!selection?.rangeCount || !selection.isCollapsed) return false;\r\n\r\n    const activeRange = selection.getRangeAt(0);\r\n    const tag = getAdjacentMemtionTag(\r\n        activeRange,\r\n        key === \"Backspace\" ? \"backward\" : \"forward\",\r\n    );\r\n\r\n    if (!tag || !tag.parentNode) return false;\r\n\r\n    const parent = tag.parentNode;\r\n    const nextSibling = tag.nextSibling;\r\n    const index = Array.prototype.indexOf.call(parent.childNodes, tag);\r\n\r\n    if (nextSibling?.nodeType === Node.TEXT_NODE) {\r\n        const textNode = nextSibling as Text;\r\n\r\n        if (textNode.data.startsWith(\" \")) {\r\n            textNode.deleteData(0, 1);\r\n\r\n            if (!textNode.data.length) {\r\n                nextSibling.remove();\r\n            }\r\n        }\r\n    }\r\n\r\n    tag.remove();\r\n\r\n    const range = document.createRange();\r\n    range.setStart(parent, Math.min(index, parent.childNodes.length));\r\n    range.collapse(true);\r\n    selection.removeAllRanges();\r\n    selection.addRange(range);\r\n    editor.focus();\r\n\r\n    return true;\r\n};\r\n\r\nconst Memtion = (props: IMemtionProps) => {\r\n    const { visible, rect, options, activeIndex, onActiveChange, onSelect } =\r\n        props;\r\n\r\n    if (!visible || !rect || !options?.length) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <List\r\n            className=\"i-editor-memtion\"\r\n            type=\"option\"\r\n            style={{\r\n                position: \"fixed\",\r\n                top: rect.bottom,\r\n                left: rect.left,\r\n            }}\r\n        >\r\n            {options.map((option, i) => (\r\n                <List.Item\r\n                    key={`${option.value}-${i}`}\r\n                    type=\"option\"\r\n                    active={i === activeIndex}\r\n                    onMouseDown={(e) => e.preventDefault()}\r\n                    onMouseEnter={() => onActiveChange?.(i)}\r\n                    onClick={() => onSelect?.(option)}\r\n                >\r\n                    {option.label}\r\n                </List.Item>\r\n            ))}\r\n        </List>\r\n    );\r\n};\r\n\r\nexport default memo(Memtion);\r\n"],"names":["_jsx","_Fragment"],"mappings":"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"}