@ioca/react 1.5.11 → 1.5.13

package/lib/cjs/components/affix/affix.js

@@ -12,50 +12,59 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
 
+const defaultGetContainer = () => {
+    if (typeof window === "undefined")
+        return null;
+    return window;
+};
 const Affix = (props) => {
-    const { position = "fixed", left, top, right, bottom, offset, style, className, children, getContainer = () => {
-        if (typeof document === "undefined")
-            return null;
-        return document.body;
-    }, } = props;
-    const [hidden, setHidden] = react.useState(false);
+    const { position = "fixed", left, top, right, bottom, offset, style, className, children, getContainer = defaultGetContainer, } = props;
+    const [hidden, setHidden] = react.useState(() => {
+        if (!offset)
+            return false;
+        if (typeof window === "undefined")
+            return false;
+        return (window.scrollY ?? 0) < offset;
+    });
+    const getContainerRef = react.useRef(getContainer);
+    getContainerRef.current = getContainer;
     const hijackChildren = react.useMemo(() => {
         return react.Children.map(children, (node) => {
-            if (node.type === totop.default) {
-                const { onClick } = node.props;
-                return react.cloneElement(node, {
-                    key: node.key,
-                    ...node.props,
-                    onClick: (e) => {
-                        const container = getContainer();
-                        onClick?.(e);
-                        container?.scrollTo({
-                            top: 0,
-                            left: 0,
-                            behavior: "smooth",
-                        });
-                    },
-                });
-            }
-            return node;
+            if (node.type !== totop.default)
+                return node;
+            const { onClick } = node.props;
+            return react.cloneElement(node, {
+                onClick: (e) => {
+                    const container = getContainerRef.current();
+                    onClick?.(e);
+                    container?.scrollTo({
+                        top: 0,
+                        left: 0,
+                        behavior: "smooth",
+                    });
+                },
+            });
         });
-    }, [children, getContainer]);
+    }, [children]);
     react.useEffect(() => {
-        const container = getContainer();
+        const container = getContainerRef.current();
         if (!offset || !container)
             return;
+        const getScrollTop = () => container instanceof Window
+            ? container.scrollY
+            : container.scrollTop;
         const listener = radash.debounce({ delay: 160 }, () => {
-            const top = container.scrollTop;
-            setHidden(top < offset);
+            setHidden(getScrollTop() < offset);
         });
         listener();
         container.addEventListener("scroll", listener);
         return () => {
+            listener.cancel();
             container.removeEventListener("scroll", listener);
         };
-    }, [offset, getContainer]);
+    }, [offset]);
     return (jsxRuntime.jsx("div", { className: classNames__default("i-affix", className, {
-            "i-affix-hidden": hidden,
+            "i-affix-visible": !hidden,
         }), style: {
             ...style,
             position,

package/lib/cjs/components/affix/affix.js.map

@@ -1 +1 @@
-{"version":3,"file":"affix.js","sources":["../../../../packages/components/affix/affix.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { debounce } from \"radash\";\nimport {\n\tChildren,\n\tMouseEvent,\n\tcloneElement,\n\tuseEffect,\n\tuseMemo,\n\tuseState,\n} from \"react\";\nimport \"./index.css\";\nimport ToTop from \"./totop\";\nimport { IAffix } from \"./type\";\n\nconst Affix = (props: IAffix) => {\n\tconst {\n\t\tposition = \"fixed\",\n\t\tleft,\n\t\ttop,\n\t\tright,\n\t\tbottom,\n\t\toffset,\n\t\tstyle,\n\t\tclassName,\n\t\tchildren,\n\t\tgetContainer = () => {\n\t\t\tif (typeof document === \"undefined\") return null;\n\t\t\treturn document.body;\n\t\t},\n\t} = props;\n\n\tconst [hidden, setHidden] = useState<boolean>(false);\n\n\tconst hijackChildren = useMemo(() => {\n\t\treturn Children.map(children, (node: any) => {\n\t\t\tif (node.type === ToTop) {\n\t\t\t\tconst { onClick } = node.props;\n\n\t\t\t\treturn cloneElement(node, {\n\t\t\t\t\tkey: node.key,\n\t\t\t\t\t...node.props,\n\t\t\t\t\tonClick: (e: MouseEvent) => {\n\t\t\t\t\t\tconst container = getContainer();\n\n\t\t\t\t\t\tonClick?.(e);\n\t\t\t\t\t\tcontainer?.scrollTo({\n\t\t\t\t\t\t\ttop: 0,\n\t\t\t\t\t\t\tleft: 0,\n\t\t\t\t\t\t\tbehavior: \"smooth\",\n\t\t\t\t\t\t});\n\t\t\t\t\t},\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn node;\n\t\t});\n\t}, [children, getContainer]);\n\n\tuseEffect(() => {\n\t\tconst container = getContainer();\n\t\tif (!offset || !container) return;\n\n\t\tconst listener = debounce({ delay: 160 }, () => {\n\t\t\tconst top = container.scrollTop;\n\n\t\t\tsetHidden(top < offset);\n\t\t});\n\n\t\tlistener();\n\t\tcontainer.addEventListener(\"scroll\", listener);\n\n\t\treturn () => {\n\t\t\tcontainer.removeEventListener(\"scroll\", listener);\n\t\t};\n\t}, [offset, getContainer]);\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(\"i-affix\", className, {\n\t\t\t\t\"i-affix-hidden\": hidden,\n\t\t\t})}\n\t\t\tstyle={{\n\t\t\t\t...style,\n\t\t\t\tposition,\n\t\t\t\tleft,\n\t\t\t\ttop,\n\t\t\t\tright,\n\t\t\t\tbottom,\n\t\t\t}}\n\t\t>\n\t\t\t{hijackChildren}\n\t\t</div>\n\t);\n};\n\nAffix.ToTop = ToTop;\n\nexport default Affix;\n"],"names":["useState","useMemo","Children","ToTop","cloneElement","useEffect","debounce","_jsx","classNames"],"mappings":";;;;;;;;;;;;;;AAcA,MAAM,KAAK,GAAG,CAAC,KAAa,KAAI;IAC/B,MAAM,EACL,QAAQ,GAAG,OAAO,EAClB,IAAI,EACJ,GAAG,EACH,KAAK,EACL,MAAM,EACN,MAAM,EACN,KAAK,EACL,SAAS,EACT,QAAQ,EACR,YAAY,GAAG,MAAK;QACnB,IAAI,OAAO,QAAQ,KAAK,WAAW;AAAE,YAAA,OAAO,IAAI;QAChD,OAAO,QAAQ,CAAC,IAAI;IACrB,CAAC,GACD,GAAG,KAAK;IAET,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAGA,cAAQ,CAAU,KAAK,CAAC;AAEpD,IAAA,MAAM,cAAc,GAAGC,aAAO,CAAC,MAAK;QACnC,OAAOC,cAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,IAAS,KAAI;AAC3C,YAAA,IAAI,IAAI,CAAC,IAAI,KAAKC,aAAK,EAAE;AACxB,gBAAA,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,KAAK;gBAE9B,OAAOC,kBAAY,CAAC,IAAI,EAAE;oBACzB,GAAG,EAAE,IAAI,CAAC,GAAG;oBACb,GAAG,IAAI,CAAC,KAAK;AACb,oBAAA,OAAO,EAAE,CAAC,CAAa,KAAI;AAC1B,wBAAA,MAAM,SAAS,GAAG,YAAY,EAAE;AAEhC,wBAAA,OAAO,GAAG,CAAC,CAAC;wBACZ,SAAS,EAAE,QAAQ,CAAC;AACnB,4BAAA,GAAG,EAAE,CAAC;AACN,4BAAA,IAAI,EAAE,CAAC;AACP,4BAAA,QAAQ,EAAE,QAAQ;AAClB,yBAAA,CAAC;oBACH,CAAC;AACD,iBAAA,CAAC;YACH;AAEA,YAAA,OAAO,IAAI;AACZ,QAAA,CAAC,CAAC;AACH,IAAA,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IAE5BC,eAAS,CAAC,MAAK;AACd,QAAA,MAAM,SAAS,GAAG,YAAY,EAAE;AAChC,QAAA,IAAI,CAAC,MAAM,IAAI,CAAC,SAAS;YAAE;QAE3B,MAAM,QAAQ,GAAGC,eAAQ,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,MAAK;AAC9C,YAAA,MAAM,GAAG,GAAG,SAAS,CAAC,SAAS;AAE/B,YAAA,SAAS,CAAC,GAAG,GAAG,MAAM,CAAC;AACxB,QAAA,CAAC,CAAC;AAEF,QAAA,QAAQ,EAAE;AACV,QAAA,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC;AAE9C,QAAA,OAAO,MAAK;AACX,YAAA,SAAS,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC;AAClD,QAAA,CAAC;AACF,IAAA,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;IAE1B,QACCC,wBACC,SAAS,EAAEC,mBAAU,CAAC,SAAS,EAAE,SAAS,EAAE;AAC3C,YAAA,gBAAgB,EAAE,MAAM;SACxB,CAAC,EACF,KAAK,EAAE;AACN,YAAA,GAAG,KAAK;YACR,QAAQ;YACR,IAAI;YACJ,GAAG;YACH,KAAK;YACL,MAAM;SACN,EAAA,QAAA,EAEA,cAAc,EAAA,CACV;AAER;AAEA,KAAK,CAAC,KAAK,GAAGL,aAAK;;;;"}
+{"version":3,"file":"affix.js","sources":["../../../../packages/components/affix/affix.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { debounce } from \"radash\";\nimport {\n    Children,\n    cloneElement,\n    MouseEvent,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from \"react\";\nimport \"./index.css\";\nimport ToTop from \"./totop\";\nimport { IAffix } from \"./type\";\n\nconst defaultGetContainer = () => {\n    if (typeof window === \"undefined\") return null;\n    return window;\n};\n\nconst Affix = (props: IAffix) => {\n    const {\n        position = \"fixed\",\n        left,\n        top,\n        right,\n        bottom,\n        offset,\n        style,\n        className,\n        children,\n        getContainer = defaultGetContainer,\n    } = props;\n\n    const [hidden, setHidden] = useState<boolean>(() => {\n        if (!offset) return false;\n        if (typeof window === \"undefined\") return false;\n        return (window.scrollY ?? 0) < offset;\n    });\n    const getContainerRef = useRef(getContainer);\n    getContainerRef.current = getContainer;\n\n    const hijackChildren = useMemo(() => {\n        return Children.map(children, (node: any) => {\n            if (node.type !== ToTop) return node;\n\n            const { onClick } = node.props;\n\n            return cloneElement(node, {\n                onClick: (e: MouseEvent) => {\n                    const container = getContainerRef.current();\n\n                    onClick?.(e);\n                    container?.scrollTo({\n                        top: 0,\n                        left: 0,\n                        behavior: \"smooth\",\n                    });\n                },\n            });\n        });\n    }, [children]);\n\n    useEffect(() => {\n        const container = getContainerRef.current();\n        if (!offset || !container) return;\n\n        const getScrollTop = () =>\n            container instanceof Window\n                ? container.scrollY\n                : container.scrollTop;\n\n        const listener = debounce({ delay: 160 }, () => {\n            setHidden(getScrollTop() < offset);\n        });\n\n        listener();\n        container.addEventListener(\"scroll\", listener);\n\n        return () => {\n            listener.cancel();\n            container.removeEventListener(\"scroll\", listener);\n        };\n    }, [offset]);\n\n    return (\n        <div\n            className={classNames(\"i-affix\", className, {\n                \"i-affix-visible\": !hidden,\n            })}\n            style={{\n                ...style,\n                position,\n                left,\n                top,\n                right,\n                bottom,\n            }}\n        >\n            {hijackChildren}\n        </div>\n    );\n};\n\nAffix.ToTop = ToTop;\n\nexport default Affix;\n"],"names":["useState","useRef","useMemo","Children","ToTop","cloneElement","useEffect","debounce","_jsx","classNames"],"mappings":";;;;;;;;;;;;;;AAeA,MAAM,mBAAmB,GAAG,MAAK;IAC7B,IAAI,OAAO,MAAM,KAAK,WAAW;AAAE,QAAA,OAAO,IAAI;AAC9C,IAAA,OAAO,MAAM;AACjB,CAAC;AAED,MAAM,KAAK,GAAG,CAAC,KAAa,KAAI;IAC5B,MAAM,EACF,QAAQ,GAAG,OAAO,EAClB,IAAI,EACJ,GAAG,EACH,KAAK,EACL,MAAM,EACN,MAAM,EACN,KAAK,EACL,SAAS,EACT,QAAQ,EACR,YAAY,GAAG,mBAAmB,GACrC,GAAG,KAAK;IAET,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAGA,cAAQ,CAAU,MAAK;AAC/C,QAAA,IAAI,CAAC,MAAM;AAAE,YAAA,OAAO,KAAK;QACzB,IAAI,OAAO,MAAM,KAAK,WAAW;AAAE,YAAA,OAAO,KAAK;QAC/C,OAAO,CAAC,MAAM,CAAC,OAAO,IAAI,CAAC,IAAI,MAAM;AACzC,IAAA,CAAC,CAAC;AACF,IAAA,MAAM,eAAe,GAAGC,YAAM,CAAC,YAAY,CAAC;AAC5C,IAAA,eAAe,CAAC,OAAO,GAAG,YAAY;AAEtC,IAAA,MAAM,cAAc,GAAGC,aAAO,CAAC,MAAK;QAChC,OAAOC,cAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,IAAS,KAAI;AACxC,YAAA,IAAI,IAAI,CAAC,IAAI,KAAKC,aAAK;AAAE,gBAAA,OAAO,IAAI;AAEpC,YAAA,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,KAAK;YAE9B,OAAOC,kBAAY,CAAC,IAAI,EAAE;AACtB,gBAAA,OAAO,EAAE,CAAC,CAAa,KAAI;AACvB,oBAAA,MAAM,SAAS,GAAG,eAAe,CAAC,OAAO,EAAE;AAE3C,oBAAA,OAAO,GAAG,CAAC,CAAC;oBACZ,SAAS,EAAE,QAAQ,CAAC;AAChB,wBAAA,GAAG,EAAE,CAAC;AACN,wBAAA,IAAI,EAAE,CAAC;AACP,wBAAA,QAAQ,EAAE,QAAQ;AACrB,qBAAA,CAAC;gBACN,CAAC;AACJ,aAAA,CAAC;AACN,QAAA,CAAC,CAAC;AACN,IAAA,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;IAEdC,eAAS,CAAC,MAAK;AACX,QAAA,MAAM,SAAS,GAAG,eAAe,CAAC,OAAO,EAAE;AAC3C,QAAA,IAAI,CAAC,MAAM,IAAI,CAAC,SAAS;YAAE;AAE3B,QAAA,MAAM,YAAY,GAAG,MACjB,SAAS,YAAY;cACf,SAAS,CAAC;AACZ,cAAE,SAAS,CAAC,SAAS;QAE7B,MAAM,QAAQ,GAAGC,eAAQ,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,MAAK;AAC3C,YAAA,SAAS,CAAC,YAAY,EAAE,GAAG,MAAM,CAAC;AACtC,QAAA,CAAC,CAAC;AAEF,QAAA,QAAQ,EAAE;AACV,QAAA,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC;AAE9C,QAAA,OAAO,MAAK;YACR,QAAQ,CAAC,MAAM,EAAE;AACjB,YAAA,SAAS,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC;AACrD,QAAA,CAAC;AACL,IAAA,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;IAEZ,QACIC,wBACI,SAAS,EAAEC,mBAAU,CAAC,SAAS,EAAE,SAAS,EAAE;YACxC,iBAAiB,EAAE,CAAC,MAAM;SAC7B,CAAC,EACF,KAAK,EAAE;AACH,YAAA,GAAG,KAAK;YACR,QAAQ;YACR,IAAI;YACJ,GAAG;YACH,KAAK;YACL,MAAM;SACT,EAAA,QAAA,EAEA,cAAc,EAAA,CACb;AAEd;AAEA,KAAK,CAAC,KAAK,GAAGL,aAAK;;;;"}

package/lib/cjs/components/affix/totop.js

@@ -14,7 +14,7 @@ var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
 
 function ToTop(props) {
     const { style, className, onClick } = props;
-    return (jsxRuntime.jsx(button.default, { square: true, className: classNames__default("i-affix-totop", className), style: { ...style }, onClick: onClick, children: jsxRuntime.jsx(icon.default, { icon: jsxRuntime.jsx(material.SkipPreviousRound, {}), rotate: 90 }) }));
+    return (jsxRuntime.jsx(button.default, { square: true, className: classNames__default("i-affix-totop", "i-affix-target", className), style: { ...style }, onClick: onClick, children: jsxRuntime.jsx(icon.default, { icon: jsxRuntime.jsx(material.SkipPreviousRound, {}), rotate: 90 }) }));
 }
 
 exports.default = ToTop;

package/lib/cjs/components/affix/totop.js.map

@@ -1 +1 @@
-{"version":3,"file":"totop.js","sources":["../../../../packages/components/affix/totop.tsx"],"sourcesContent":["import { SkipPreviousRound } from \"@ricons/material\";\nimport classNames from \"classnames\";\nimport Button from \"../button\";\nimport Icon from \"../icon\";\nimport { IAffix } from \"./type\";\n\nfunction ToTop(props: IAffix) {\n\tconst { style, className, onClick } = props;\n\n\treturn (\n\t\t<Button\n\t\t\tsquare\n\t\t\tclassName={classNames(\"i-affix-totop\", className)}\n\t\t\tstyle={{ ...style }}\n\t\t\tonClick={onClick}\n\t\t>\n\t\t\t<Icon icon={<SkipPreviousRound />} rotate={90} />\n\t\t</Button>\n\t);\n}\n\nexport default ToTop;\n"],"names":["_jsx","Button","classNames","Icon","SkipPreviousRound"],"mappings":";;;;;;;;;;;;;;AAMA,SAAS,KAAK,CAAC,KAAa,EAAA;IAC3B,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK;AAE3C,IAAA,QACCA,cAAA,CAACC,cAAM,IACN,MAAM,EAAA,IAAA,EACN,SAAS,EAAEC,mBAAU,CAAC,eAAe,EAAE,SAAS,CAAC,EACjD,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,EACnB,OAAO,EAAE,OAAO,YAEhBF,cAAA,CAACG,YAAI,IAAC,IAAI,EAAEH,eAACI,0BAAiB,EAAA,EAAA,CAAG,EAAE,MAAM,EAAE,EAAE,EAAA,CAAI,EAAA,CACzC;AAEX;;;;"}
+{"version":3,"file":"totop.js","sources":["../../../../packages/components/affix/totop.tsx"],"sourcesContent":["import { SkipPreviousRound } from \"@ricons/material\";\nimport classNames from \"classnames\";\nimport { CSSProperties, MouseEventHandler } from \"react\";\nimport Button from \"../button\";\nimport Icon from \"../icon\";\n\ninterface IToTopProps {\n\tstyle?: CSSProperties;\n\tclassName?: string;\n\tonClick?: MouseEventHandler<HTMLElement>;\n}\n\nfunction ToTop(props: IToTopProps) {\n\tconst { style, className, onClick } = props;\n\n\treturn (\n\t\t<Button\n\t\t\tsquare\n\t\t\tclassName={classNames(\"i-affix-totop\", \"i-affix-target\", className)}\n\t\t\tstyle={{ ...style }}\n\t\t\tonClick={onClick}\n\t\t>\n\t\t\t<Icon icon={<SkipPreviousRound />} rotate={90} />\n\t\t</Button>\n\t);\n}\n\nexport default ToTop;\n"],"names":["_jsx","Button","classNames","Icon","SkipPreviousRound"],"mappings":";;;;;;;;;;;;;;AAYA,SAAS,KAAK,CAAC,KAAkB,EAAA;IAChC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK;AAE3C,IAAA,QACCA,cAAA,CAACC,cAAM,IACN,MAAM,EAAA,IAAA,EACN,SAAS,EAAEC,mBAAU,CAAC,eAAe,EAAE,gBAAgB,EAAE,SAAS,CAAC,EACnE,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,EACnB,OAAO,EAAE,OAAO,YAEhBF,cAAA,CAACG,YAAI,IAAC,IAAI,EAAEH,eAACI,0BAAiB,EAAA,EAAA,CAAG,EAAE,MAAM,EAAE,EAAE,EAAA,CAAI,EAAA,CACzC;AAEX;;;;"}

package/lib/cjs/components/editor/editor.js

@@ -124,6 +124,8 @@ const Editor = (props) => {
     };
     const handleKeyDown = (e) => {
         onKeyDown?.(e);
+        if (e.defaultPrevented)
+            return;
         if (!isPlaintextMode &&
             (e.key === "Backspace" || e.key === "Delete") &&
             memtion.removeAdjacentMemtionTag(editorRef.current, e.key)) {
@@ -164,6 +166,9 @@ const Editor = (props) => {
                 controls.exec(isRichMode ? "insertHTML" : "insertText", false, isRichMode ? "	" : "\t");
                 break;
             case "Enter":
+                if (e.shiftKey) {
+                    break;
+                }
                 if (!onEnter)
                     break;
                 e.preventDefault();

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

@@ -1 +1 @@
-{"version":3,"file":"editor.js","sources":["../../../../packages/components/editor/editor.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport xss from \"xss\";\nimport { IButton } from \"../button/type\";\nimport getControls, { exec, xssOptions } from \"./controls\";\nimport \"./index.css\";\nimport Memtion, {\n    filterMemtionOptions,\n    getMemtionReplaceRange,\n    getMemtionText,\n    getSelectionRect,\n    insertMemtionOption,\n    removeAdjacentMemtionTag,\n    sanitizePlaintextOnMemtionHtml,\n} from \"./memtion\";\nimport { IEditor, IEditorMemtionOption } from \"./type\";\n\nconst controlBtnProps: IButton = {\n    square: true,\n    flat: true,\n    size: \"small\",\n};\n\nconst Editor = (props: IEditor) => {\n    const {\n        ref,\n        value = \"\",\n        width,\n        height = \"10em\",\n        placeholder,\n        autosize,\n        border = true,\n        mode = \"rich\",\n        hideControl,\n        addtionControls,\n        memtion,\n        className,\n        style,\n        onChange,\n        onEnter,\n        onFocus,\n        onBlur,\n        onPaste,\n        onMouseUp,\n        onKeyUp,\n        onKeyDown,\n        ...restProps\n    } = props;\n    const editorRef = useRef<HTMLDivElement>(null);\n    const selectionRef = useRef<Range | null>(null);\n    const memtionTriggerRangeRef = useRef<Range | null>(null);\n    const pendingMemtionRef = useRef(false);\n    const isPlaintextMode = mode === \"plaintext\";\n    const isRichMode = mode === \"rich\";\n    const isPlaintextOnMemtionMode = mode === \"plaintextOnMemtion\";\n    const [memtionVisible, setMemtionVisible] = useState(false);\n    const [memtionRect, setMemtionRect] = useState<DOMRect | null>(null);\n    const [memtionKeyword, setMemtionKeyword] = useState(\"\");\n    const [memtionActiveIndex, setMemtionActiveIndex] = useState(0);\n    const memtionOptions = useMemo(\n        () => filterMemtionOptions(memtion?.options ?? [], memtionKeyword),\n        [memtion?.options, memtionKeyword],\n    );\n\n    const sanitizeValue = (nextValue: string) => {\n        if (isPlaintextMode) {\n            return nextValue === \"\\n\" ? \"\" : nextValue;\n        }\n\n        const safeHtml = isPlaintextOnMemtionMode\n            ? sanitizePlaintextOnMemtionHtml(xss(nextValue, xssOptions))\n            : xss(nextValue, xssOptions);\n\n        return safeHtml === \"<br>\" ? \"\" : safeHtml;\n    };\n\n    const syncHeight = () => {\n        if (autosize && editorRef.current) {\n            editorRef.current.style.height = `${editorRef.current.scrollHeight}px`;\n        }\n    };\n\n    const rememberSelection = () => {\n        if (!editorRef.current) return;\n\n        const selection = window.getSelection();\n        if (!selection?.rangeCount) return;\n\n        const range = selection.getRangeAt(0);\n        const container = range.commonAncestorContainer;\n        const parent =\n            container.nodeType === Node.ELEMENT_NODE\n                ? (container as Element)\n                : container.parentElement;\n\n        if (!parent || !editorRef.current.contains(parent)) return;\n\n        selectionRef.current = range.cloneRange();\n    };\n\n    const setEditorValue = (nextValue: string) => {\n        if (!editorRef.current) return;\n\n        const safeValue = sanitizeValue(nextValue);\n\n        if (isPlaintextMode) {\n            editorRef.current.textContent = safeValue;\n            return;\n        }\n\n        editorRef.current.innerHTML = safeValue;\n    };\n\n    const getEditorValue = (sanitize = false) => {\n        const nextValue = !editorRef.current\n            ? \"\"\n            : isPlaintextMode\n              ? (editorRef.current.textContent ?? \"\")\n              : editorRef.current.innerHTML;\n\n        return sanitize ? sanitizeValue(nextValue) : nextValue;\n    };\n\n    const hideMemtion = () => {\n        pendingMemtionRef.current = false;\n        memtionTriggerRangeRef.current = null;\n        setMemtionVisible(false);\n        setMemtionRect(null);\n        setMemtionKeyword(\"\");\n        setMemtionActiveIndex(0);\n    };\n\n    const syncEditorState = () => {\n        selectionRef.current = null;\n        hideMemtion();\n    };\n\n    const insertMemtion = (option: IEditorMemtionOption) => {\n        const replaceRange = getMemtionReplaceRange(\n            memtionTriggerRangeRef.current,\n            selectionRef.current,\n        );\n\n        const range = insertMemtionOption({\n            editor: editorRef.current,\n            range: replaceRange,\n            mode,\n            memtion,\n            option,\n            sanitizeValue,\n        });\n\n        if (!range || !editorRef.current) return;\n\n        selectionRef.current = range.cloneRange();\n        hideMemtion();\n        editorRef.current.dispatchEvent(new Event(\"input\", { bubbles: true }));\n    };\n\n    const handlePaste = (e) => {\n        onPaste?.(e);\n\n        if (e.defaultPrevented) return;\n\n        e.preventDefault();\n\n        const html = e.clipboardData.getData(\"text/html\");\n        const text = e.clipboardData.getData(\"text/plain\");\n        const pasteValue = isPlaintextMode\n            ? text\n            : html\n              ? sanitizeValue(html)\n              : text;\n\n        exec(isPlaintextMode ? \"insertText\" : \"insertHTML\", false, pasteValue);\n    };\n\n    const handleKeyDown = (e) => {\n        onKeyDown?.(e);\n\n        if (\n            !isPlaintextMode &&\n            (e.key === \"Backspace\" || e.key === \"Delete\") &&\n            removeAdjacentMemtionTag(editorRef.current, e.key)\n        ) {\n            e.preventDefault();\n            rememberSelection();\n            editorRef.current?.dispatchEvent(\n                new Event(\"input\", { bubbles: true }),\n            );\n            return;\n        }\n\n        const memtionKey = memtion?.key ?? \"@\";\n        if (memtionVisible && e.key === \" \") {\n            hideMemtion();\n        }\n\n        if (memtionVisible && memtionOptions.length) {\n            switch (e.key) {\n                case \"ArrowDown\":\n                    e.preventDefault();\n                    setMemtionActiveIndex((index) =>\n                        index + 1 >= memtionOptions.length ? 0 : index + 1,\n                    );\n                    return;\n                case \"ArrowUp\":\n                    e.preventDefault();\n                    setMemtionActiveIndex((index) =>\n                        index - 1 < 0 ? memtionOptions.length - 1 : index - 1,\n                    );\n                    return;\n                case \"Enter\":\n                    e.preventDefault();\n                    insertMemtion(memtionOptions[memtionActiveIndex]);\n                    return;\n                default:\n                    break;\n            }\n        }\n\n        if (memtion && e.key === memtionKey) {\n            rememberSelection();\n            memtionTriggerRangeRef.current =\n                selectionRef.current?.cloneRange() ?? null;\n            pendingMemtionRef.current = true;\n        }\n\n        switch (e.key) {\n            case \"Tab\":\n                e.preventDefault();\n                exec(\n                    isRichMode ? \"insertHTML\" : \"insertText\",\n                    false,\n                    isRichMode ? \"&#09;\" : \"\\t\",\n                );\n                break;\n            case \"Enter\":\n                if (!onEnter) break;\n                e.preventDefault();\n                onEnter(e);\n                break;\n            default:\n                break;\n        }\n    };\n\n    useEffect(() => {\n        if (!editorRef.current) return;\n        const nextValue = sanitizeValue(value);\n        if (getEditorValue(true) === nextValue) return;\n\n        setEditorValue(nextValue);\n        syncEditorState();\n        syncHeight();\n    }, [autosize, mode, value]);\n\n    useEffect(() => {\n        if (!memtionOptions.length) {\n            setMemtionActiveIndex(0);\n            return;\n        }\n\n        setMemtionActiveIndex((index) =>\n            index >= memtionOptions.length ? 0 : index,\n        );\n    }, [memtionOptions]);\n\n    const handleInput = (e) => {\n        const rawValue = getEditorValue();\n        let nextValue = sanitizeValue(rawValue);\n\n        if (\n            isPlaintextOnMemtionMode &&\n            rawValue !== nextValue &&\n            editorRef.current\n        ) {\n            setEditorValue(nextValue);\n        }\n\n        if (!nextValue && rawValue && editorRef.current) {\n            nextValue = \"\";\n            setEditorValue(nextValue);\n        }\n\n        rememberSelection();\n\n        if (memtion && (pendingMemtionRef.current || memtionVisible)) {\n            const memtionKey = memtion?.key ?? \"@\";\n            const memtionText = getMemtionText(\n                memtionTriggerRangeRef.current,\n                selectionRef.current,\n            );\n\n            if (!memtionText.startsWith(memtionKey) || /\\s/.test(memtionText)) {\n                hideMemtion();\n            } else {\n                const keyword = memtionText.slice(memtionKey.length);\n                pendingMemtionRef.current = false;\n                setMemtionRect(getSelectionRect(selectionRef.current));\n                setMemtionKeyword(keyword);\n                setMemtionActiveIndex(0);\n                setMemtionVisible(true);\n            }\n        }\n\n        syncHeight();\n\n        onChange?.(nextValue, e);\n    };\n\n    const handleFocus = (e) => {\n        rememberSelection();\n        onFocus?.(e);\n    };\n\n    const handleBlur = (e) => {\n        hideMemtion();\n        onBlur?.(e);\n    };\n\n    const handleMouseUp = (e) => {\n        rememberSelection();\n        onMouseUp?.(e);\n    };\n\n    const handleKeyUp = (e) => {\n        rememberSelection();\n        onKeyUp?.(e);\n    };\n\n    const handleRef = (node: HTMLDivElement | null) => {\n        editorRef.current = node;\n\n        if (typeof ref === \"function\") {\n            ref(node);\n            return;\n        }\n\n        if (ref) {\n            ref.current = node;\n        }\n    };\n\n    const getSelection = useCallback(\n        () => selectionRef.current?.cloneRange() ?? null,\n        [],\n    );\n\n    const controls = useMemo(\n        () =>\n            getControls({\n                controlBtnProps,\n                addtionControls,\n                getSelection,\n            }),\n        [addtionControls, getSelection],\n    );\n\n    return (\n        <div\n            className={classNames(\"i-editor\", className, {\n                \"i-editor-borderless\": !border,\n            })}\n            style={{\n                ...style,\n                [autosize ? \"minHeight\" : \"height\"]: height,\n                width,\n            }}\n        >\n            {!hideControl && (\n                <div className=\"i-editor-controls\">{controls}</div>\n            )}\n\n            {memtion && (\n                <Memtion\n                    visible={memtionVisible}\n                    rect={memtionRect}\n                    options={memtionOptions}\n                    activeIndex={memtionActiveIndex}\n                    onActiveChange={setMemtionActiveIndex}\n                    onSelect={insertMemtion}\n                />\n            )}\n\n            <div\n                ref={handleRef}\n                className=\"i-editor-content\"\n                data-placeholder={placeholder}\n                contentEditable={isPlaintextMode ? \"plaintext-only\" : true}\n                onFocus={handleFocus}\n                onBlur={handleBlur}\n                onMouseUp={handleMouseUp}\n                onPaste={handlePaste}\n                onInput={handleInput}\n                onKeyUp={handleKeyUp}\n                onKeyDown={handleKeyDown}\n                {...restProps}\n            />\n        </div>\n    );\n};\n\nexport default Editor;\n"],"names":["memtion","useRef","useState","useMemo","filterMemtionOptions","sanitizePlaintextOnMemtionHtml","xss","xssOptions","getMemtionReplaceRange","insertMemtionOption","exec","removeAdjacentMemtionTag","useEffect","getMemtionText","getSelectionRect","useCallback","controls","getControls","_jsxs","classNames","_jsx","Memtion"],"mappings":"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"}
+{"version":3,"file":"editor.js","sources":["../../../../packages/components/editor/editor.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport xss from \"xss\";\nimport { IButton } from \"../button/type\";\nimport getControls, { exec, xssOptions } from \"./controls\";\nimport \"./index.css\";\nimport Memtion, {\n    filterMemtionOptions,\n    getMemtionReplaceRange,\n    getMemtionText,\n    getSelectionRect,\n    insertMemtionOption,\n    removeAdjacentMemtionTag,\n    sanitizePlaintextOnMemtionHtml,\n} from \"./memtion\";\nimport { IEditor, IEditorMemtionOption } from \"./type\";\n\nconst controlBtnProps: IButton = {\n    square: true,\n    flat: true,\n    size: \"small\",\n};\n\nconst Editor = (props: IEditor) => {\n    const {\n        ref,\n        value = \"\",\n        width,\n        height = \"10em\",\n        placeholder,\n        autosize,\n        border = true,\n        mode = \"rich\",\n        hideControl,\n        addtionControls,\n        memtion,\n        className,\n        style,\n        onChange,\n        onEnter,\n        onFocus,\n        onBlur,\n        onPaste,\n        onMouseUp,\n        onKeyUp,\n        onKeyDown,\n        ...restProps\n    } = props;\n    const editorRef = useRef<HTMLDivElement>(null);\n    const selectionRef = useRef<Range | null>(null);\n    const memtionTriggerRangeRef = useRef<Range | null>(null);\n    const pendingMemtionRef = useRef(false);\n    const isPlaintextMode = mode === \"plaintext\";\n    const isRichMode = mode === \"rich\";\n    const isPlaintextOnMemtionMode = mode === \"plaintextOnMemtion\";\n    const [memtionVisible, setMemtionVisible] = useState(false);\n    const [memtionRect, setMemtionRect] = useState<DOMRect | null>(null);\n    const [memtionKeyword, setMemtionKeyword] = useState(\"\");\n    const [memtionActiveIndex, setMemtionActiveIndex] = useState(0);\n    const memtionOptions = useMemo(\n        () => filterMemtionOptions(memtion?.options ?? [], memtionKeyword),\n        [memtion?.options, memtionKeyword],\n    );\n\n    const sanitizeValue = (nextValue: string) => {\n        if (isPlaintextMode) {\n            return nextValue === \"\\n\" ? \"\" : nextValue;\n        }\n\n        const safeHtml = isPlaintextOnMemtionMode\n            ? sanitizePlaintextOnMemtionHtml(xss(nextValue, xssOptions))\n            : xss(nextValue, xssOptions);\n\n        return safeHtml === \"<br>\" ? \"\" : safeHtml;\n    };\n\n    const syncHeight = () => {\n        if (autosize && editorRef.current) {\n            editorRef.current.style.height = `${editorRef.current.scrollHeight}px`;\n        }\n    };\n\n    const rememberSelection = () => {\n        if (!editorRef.current) return;\n\n        const selection = window.getSelection();\n        if (!selection?.rangeCount) return;\n\n        const range = selection.getRangeAt(0);\n        const container = range.commonAncestorContainer;\n        const parent =\n            container.nodeType === Node.ELEMENT_NODE\n                ? (container as Element)\n                : container.parentElement;\n\n        if (!parent || !editorRef.current.contains(parent)) return;\n\n        selectionRef.current = range.cloneRange();\n    };\n\n    const setEditorValue = (nextValue: string) => {\n        if (!editorRef.current) return;\n\n        const safeValue = sanitizeValue(nextValue);\n\n        if (isPlaintextMode) {\n            editorRef.current.textContent = safeValue;\n            return;\n        }\n\n        editorRef.current.innerHTML = safeValue;\n    };\n\n    const getEditorValue = (sanitize = false) => {\n        const nextValue = !editorRef.current\n            ? \"\"\n            : isPlaintextMode\n              ? (editorRef.current.textContent ?? \"\")\n              : editorRef.current.innerHTML;\n\n        return sanitize ? sanitizeValue(nextValue) : nextValue;\n    };\n\n    const hideMemtion = () => {\n        pendingMemtionRef.current = false;\n        memtionTriggerRangeRef.current = null;\n        setMemtionVisible(false);\n        setMemtionRect(null);\n        setMemtionKeyword(\"\");\n        setMemtionActiveIndex(0);\n    };\n\n    const syncEditorState = () => {\n        selectionRef.current = null;\n        hideMemtion();\n    };\n\n    const insertMemtion = (option: IEditorMemtionOption) => {\n        const replaceRange = getMemtionReplaceRange(\n            memtionTriggerRangeRef.current,\n            selectionRef.current,\n        );\n\n        const range = insertMemtionOption({\n            editor: editorRef.current,\n            range: replaceRange,\n            mode,\n            memtion,\n            option,\n            sanitizeValue,\n        });\n\n        if (!range || !editorRef.current) return;\n\n        selectionRef.current = range.cloneRange();\n        hideMemtion();\n        editorRef.current.dispatchEvent(new Event(\"input\", { bubbles: true }));\n    };\n\n    const handlePaste = (e) => {\n        onPaste?.(e);\n\n        if (e.defaultPrevented) return;\n\n        e.preventDefault();\n\n        const html = e.clipboardData.getData(\"text/html\");\n        const text = e.clipboardData.getData(\"text/plain\");\n        const pasteValue = isPlaintextMode\n            ? text\n            : html\n              ? sanitizeValue(html)\n              : text;\n\n        exec(isPlaintextMode ? \"insertText\" : \"insertHTML\", false, pasteValue);\n    };\n\n    const handleKeyDown = (e) => {\n        onKeyDown?.(e);\n\n        if (e.defaultPrevented) return;\n\n        if (\n            !isPlaintextMode &&\n            (e.key === \"Backspace\" || e.key === \"Delete\") &&\n            removeAdjacentMemtionTag(editorRef.current, e.key)\n        ) {\n            e.preventDefault();\n            rememberSelection();\n            editorRef.current?.dispatchEvent(\n                new Event(\"input\", { bubbles: true }),\n            );\n            return;\n        }\n\n        const memtionKey = memtion?.key ?? \"@\";\n        if (memtionVisible && e.key === \" \") {\n            hideMemtion();\n        }\n\n        if (memtionVisible && memtionOptions.length) {\n            switch (e.key) {\n                case \"ArrowDown\":\n                    e.preventDefault();\n                    setMemtionActiveIndex((index) =>\n                        index + 1 >= memtionOptions.length ? 0 : index + 1,\n                    );\n                    return;\n                case \"ArrowUp\":\n                    e.preventDefault();\n                    setMemtionActiveIndex((index) =>\n                        index - 1 < 0 ? memtionOptions.length - 1 : index - 1,\n                    );\n                    return;\n                case \"Enter\":\n                    e.preventDefault();\n                    insertMemtion(memtionOptions[memtionActiveIndex]);\n                    return;\n                default:\n                    break;\n            }\n        }\n\n        if (memtion && e.key === memtionKey) {\n            rememberSelection();\n            memtionTriggerRangeRef.current =\n                selectionRef.current?.cloneRange() ?? null;\n            pendingMemtionRef.current = true;\n        }\n\n        switch (e.key) {\n            case \"Tab\":\n                e.preventDefault();\n                exec(\n                    isRichMode ? \"insertHTML\" : \"insertText\",\n                    false,\n                    isRichMode ? \"&#09;\" : \"\\t\",\n                );\n                break;\n            case \"Enter\":\n                if (e.shiftKey) {\n                    break;\n                }\n                if (!onEnter) break;\n                e.preventDefault();\n                onEnter(e);\n                break;\n            default:\n                break;\n        }\n    };\n\n    useEffect(() => {\n        if (!editorRef.current) return;\n        const nextValue = sanitizeValue(value);\n        if (getEditorValue(true) === nextValue) return;\n\n        setEditorValue(nextValue);\n        syncEditorState();\n        syncHeight();\n    }, [autosize, mode, value]);\n\n    useEffect(() => {\n        if (!memtionOptions.length) {\n            setMemtionActiveIndex(0);\n            return;\n        }\n\n        setMemtionActiveIndex((index) =>\n            index >= memtionOptions.length ? 0 : index,\n        );\n    }, [memtionOptions]);\n\n    const handleInput = (e) => {\n        const rawValue = getEditorValue();\n        let nextValue = sanitizeValue(rawValue);\n\n        if (\n            isPlaintextOnMemtionMode &&\n            rawValue !== nextValue &&\n            editorRef.current\n        ) {\n            setEditorValue(nextValue);\n        }\n\n        if (!nextValue && rawValue && editorRef.current) {\n            nextValue = \"\";\n            setEditorValue(nextValue);\n        }\n\n        rememberSelection();\n\n        if (memtion && (pendingMemtionRef.current || memtionVisible)) {\n            const memtionKey = memtion?.key ?? \"@\";\n            const memtionText = getMemtionText(\n                memtionTriggerRangeRef.current,\n                selectionRef.current,\n            );\n\n            if (!memtionText.startsWith(memtionKey) || /\\s/.test(memtionText)) {\n                hideMemtion();\n            } else {\n                const keyword = memtionText.slice(memtionKey.length);\n                pendingMemtionRef.current = false;\n                setMemtionRect(getSelectionRect(selectionRef.current));\n                setMemtionKeyword(keyword);\n                setMemtionActiveIndex(0);\n                setMemtionVisible(true);\n            }\n        }\n\n        syncHeight();\n\n        onChange?.(nextValue, e);\n    };\n\n    const handleFocus = (e) => {\n        rememberSelection();\n        onFocus?.(e);\n    };\n\n    const handleBlur = (e) => {\n        hideMemtion();\n        onBlur?.(e);\n    };\n\n    const handleMouseUp = (e) => {\n        rememberSelection();\n        onMouseUp?.(e);\n    };\n\n    const handleKeyUp = (e) => {\n        rememberSelection();\n        onKeyUp?.(e);\n    };\n\n    const handleRef = (node: HTMLDivElement | null) => {\n        editorRef.current = node;\n\n        if (typeof ref === \"function\") {\n            ref(node);\n            return;\n        }\n\n        if (ref) {\n            ref.current = node;\n        }\n    };\n\n    const getSelection = useCallback(\n        () => selectionRef.current?.cloneRange() ?? null,\n        [],\n    );\n\n    const controls = useMemo(\n        () =>\n            getControls({\n                controlBtnProps,\n                addtionControls,\n                getSelection,\n            }),\n        [addtionControls, getSelection],\n    );\n\n    return (\n        <div\n            className={classNames(\"i-editor\", className, {\n                \"i-editor-borderless\": !border,\n            })}\n            style={{\n                ...style,\n                [autosize ? \"minHeight\" : \"height\"]: height,\n                width,\n            }}\n        >\n            {!hideControl && (\n                <div className=\"i-editor-controls\">{controls}</div>\n            )}\n\n            {memtion && (\n                <Memtion\n                    visible={memtionVisible}\n                    rect={memtionRect}\n                    options={memtionOptions}\n                    activeIndex={memtionActiveIndex}\n                    onActiveChange={setMemtionActiveIndex}\n                    onSelect={insertMemtion}\n                />\n            )}\n\n            <div\n                ref={handleRef}\n                className=\"i-editor-content\"\n                data-placeholder={placeholder}\n                contentEditable={isPlaintextMode ? \"plaintext-only\" : true}\n                onFocus={handleFocus}\n                onBlur={handleBlur}\n                onMouseUp={handleMouseUp}\n                onPaste={handlePaste}\n                onInput={handleInput}\n                onKeyUp={handleKeyUp}\n                onKeyDown={handleKeyDown}\n                {...restProps}\n            />\n        </div>\n    );\n};\n\nexport default Editor;\n"],"names":["memtion","useRef","useState","useMemo","filterMemtionOptions","sanitizePlaintextOnMemtionHtml","xss","xssOptions","getMemtionReplaceRange","insertMemtionOption","exec","removeAdjacentMemtionTag","useEffect","getMemtionText","getSelectionRect","useCallback","controls","getControls","_jsxs","classNames","_jsx","Memtion"],"mappings":";;;;;;;;;;;;;;;;AAiBA,MAAM,eAAe,GAAY;AAC7B,IAAA,MAAM,EAAE,IAAI;AACZ,IAAA,IAAI,EAAE,IAAI;AACV,IAAA,IAAI,EAAE,OAAO;CAChB;AAED,MAAM,MAAM,GAAG,CAAC,KAAc,KAAI;IAC9B,MAAM,EACF,GAAG,EACH,KAAK,GAAG,EAAE,EACV,KAAK,EACL,MAAM,GAAG,MAAM,EACf,WAAW,EACX,QAAQ,EACR,MAAM,GAAG,IAAI,EACb,IAAI,GAAG,MAAM,EACb,WAAW,EACX,eAAe,WACfA,SAAO,EACP,SAAS,EACT,KAAK,EACL,QAAQ,EACR,OAAO,EACP,OAAO,EACP,MAAM,EACN,OAAO,EACP,SAAS,EACT,OAAO,EACP,SAAS,EACT,GAAG,SAAS,EACf,GAAG,KAAK;AACT,IAAA,MAAM,SAAS,GAAGC,YAAM,CAAiB,IAAI,CAAC;AAC9C,IAAA,MAAM,YAAY,GAAGA,YAAM,CAAe,IAAI,CAAC;AAC/C,IAAA,MAAM,sBAAsB,GAAGA,YAAM,CAAe,IAAI,CAAC;AACzD,IAAA,MAAM,iBAAiB,GAAGA,YAAM,CAAC,KAAK,CAAC;AACvC,IAAA,MAAM,eAAe,GAAG,IAAI,KAAK,WAAW;AAC5C,IAAA,MAAM,UAAU,GAAG,IAAI,KAAK,MAAM;AAClC,IAAA,MAAM,wBAAwB,GAAG,IAAI,KAAK,oBAAoB;IAC9D,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC;IAC3D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAGA,cAAQ,CAAiB,IAAI,CAAC;IACpE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAGA,cAAQ,CAAC,EAAE,CAAC;IACxD,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAGA,cAAQ,CAAC,CAAC,CAAC;IAC/D,MAAM,cAAc,GAAGC,aAAO,CAC1B,MAAMC,4BAAoB,CAACJ,SAAO,EAAE,OAAO,IAAI,EAAE,EAAE,cAAc,CAAC,EAClE,CAACA,SAAO,EAAE,OAAO,EAAE,cAAc,CAAC,CACrC;AAED,IAAA,MAAM,aAAa,GAAG,CAAC,SAAiB,KAAI;QACxC,IAAI,eAAe,EAAE;YACjB,OAAO,SAAS,KAAK,IAAI,GAAG,EAAE,GAAG,SAAS;QAC9C;QAEA,MAAM,QAAQ,GAAG;cACXK,sCAA8B,CAACC,YAAG,CAAC,SAAS,EAAEC,mBAAU,CAAC;AAC3D,cAAED,YAAG,CAAC,SAAS,EAAEC,mBAAU,CAAC;QAEhC,OAAO,QAAQ,KAAK,MAAM,GAAG,EAAE,GAAG,QAAQ;AAC9C,IAAA,CAAC;IAED,MAAM,UAAU,GAAG,MAAK;AACpB,QAAA,IAAI,QAAQ,IAAI,SAAS,CAAC,OAAO,EAAE;AAC/B,YAAA,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,CAAA,EAAG,SAAS,CAAC,OAAO,CAAC,YAAY,IAAI;QAC1E;AACJ,IAAA,CAAC;IAED,MAAM,iBAAiB,GAAG,MAAK;QAC3B,IAAI,CAAC,SAAS,CAAC,OAAO;YAAE;AAExB,QAAA,MAAM,SAAS,GAAG,MAAM,CAAC,YAAY,EAAE;QACvC,IAAI,CAAC,SAAS,EAAE,UAAU;YAAE;QAE5B,MAAM,KAAK,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC;AACrC,QAAA,MAAM,SAAS,GAAG,KAAK,CAAC,uBAAuB;QAC/C,MAAM,MAAM,GACR,SAAS,CAAC,QAAQ,KAAK,IAAI,CAAC;AACxB,cAAG;AACH,cAAE,SAAS,CAAC,aAAa;QAEjC,IAAI,CAAC,MAAM,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC;YAAE;AAEpD,QAAA,YAAY,CAAC,OAAO,GAAG,KAAK,CAAC,UAAU,EAAE;AAC7C,IAAA,CAAC;AAED,IAAA,MAAM,cAAc,GAAG,CAAC,SAAiB,KAAI;QACzC,IAAI,CAAC,SAAS,CAAC,OAAO;YAAE;AAExB,QAAA,MAAM,SAAS,GAAG,aAAa,CAAC,SAAS,CAAC;QAE1C,IAAI,eAAe,EAAE;AACjB,YAAA,SAAS,CAAC,OAAO,CAAC,WAAW,GAAG,SAAS;YACzC;QACJ;AAEA,QAAA,SAAS,CAAC,OAAO,CAAC,SAAS,GAAG,SAAS;AAC3C,IAAA,CAAC;AAED,IAAA,MAAM,cAAc,GAAG,CAAC,QAAQ,GAAG,KAAK,KAAI;AACxC,QAAA,MAAM,SAAS,GAAG,CAAC,SAAS,CAAC;AACzB,cAAE;AACF,cAAE;mBACG,SAAS,CAAC,OAAO,CAAC,WAAW,IAAI,EAAE;AACtC,kBAAE,SAAS,CAAC,OAAO,CAAC,SAAS;AAEnC,QAAA,OAAO,QAAQ,GAAG,aAAa,CAAC,SAAS,CAAC,GAAG,SAAS;AAC1D,IAAA,CAAC;IAED,MAAM,WAAW,GAAG,MAAK;AACrB,QAAA,iBAAiB,CAAC,OAAO,GAAG,KAAK;AACjC,QAAA,sBAAsB,CAAC,OAAO,GAAG,IAAI;QACrC,iBAAiB,CAAC,KAAK,CAAC;QACxB,cAAc,CAAC,IAAI,CAAC;QACpB,iBAAiB,CAAC,EAAE,CAAC;QACrB,qBAAqB,CAAC,CAAC,CAAC;AAC5B,IAAA,CAAC;IAED,MAAM,eAAe,GAAG,MAAK;AACzB,QAAA,YAAY,CAAC,OAAO,GAAG,IAAI;AAC3B,QAAA,WAAW,EAAE;AACjB,IAAA,CAAC;AAED,IAAA,MAAM,aAAa,GAAG,CAAC,MAA4B,KAAI;AACnD,QAAA,MAAM,YAAY,GAAGC,8BAAsB,CACvC,sBAAsB,CAAC,OAAO,EAC9B,YAAY,CAAC,OAAO,CACvB;QAED,MAAM,KAAK,GAAGC,2BAAmB,CAAC;YAC9B,MAAM,EAAE,SAAS,CAAC,OAAO;AACzB,YAAA,KAAK,EAAE,YAAY;YACnB,IAAI;qBACJT,SAAO;YACP,MAAM;YACN,aAAa;AAChB,SAAA,CAAC;AAEF,QAAA,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,OAAO;YAAE;AAElC,QAAA,YAAY,CAAC,OAAO,GAAG,KAAK,CAAC,UAAU,EAAE;AACzC,QAAA,WAAW,EAAE;AACb,QAAA,SAAS,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;AAC1E,IAAA,CAAC;AAED,IAAA,MAAM,WAAW,GAAG,CAAC,CAAC,KAAI;AACtB,QAAA,OAAO,GAAG,CAAC,CAAC;QAEZ,IAAI,CAAC,CAAC,gBAAgB;YAAE;QAExB,CAAC,CAAC,cAAc,EAAE;QAElB,MAAM,IAAI,GAAG,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,WAAW,CAAC;QACjD,MAAM,IAAI,GAAG,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,YAAY,CAAC;QAClD,MAAM,UAAU,GAAG;AACf,cAAE;AACF,cAAE;AACA,kBAAE,aAAa,CAAC,IAAI;kBAClB,IAAI;AAEZ,QAAAU,aAAI,CAAC,eAAe,GAAG,YAAY,GAAG,YAAY,EAAE,KAAK,EAAE,UAAU,CAAC;AAC1E,IAAA,CAAC;AAED,IAAA,MAAM,aAAa,GAAG,CAAC,CAAC,KAAI;AACxB,QAAA,SAAS,GAAG,CAAC,CAAC;QAEd,IAAI,CAAC,CAAC,gBAAgB;YAAE;AAExB,QAAA,IACI,CAAC,eAAe;aACf,CAAC,CAAC,GAAG,KAAK,WAAW,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,CAAC;YAC7CC,gCAAwB,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC,CAAC,GAAG,CAAC,EACpD;YACE,CAAC,CAAC,cAAc,EAAE;AAClB,YAAA,iBAAiB,EAAE;AACnB,YAAA,SAAS,CAAC,OAAO,EAAE,aAAa,CAC5B,IAAI,KAAK,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CACxC;YACD;QACJ;AAEA,QAAA,MAAM,UAAU,GAAGX,SAAO,EAAE,GAAG,IAAI,GAAG;QACtC,IAAI,cAAc,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE;AACjC,YAAA,WAAW,EAAE;QACjB;AAEA,QAAA,IAAI,cAAc,IAAI,cAAc,CAAC,MAAM,EAAE;AACzC,YAAA,QAAQ,CAAC,CAAC,GAAG;AACT,gBAAA,KAAK,WAAW;oBACZ,CAAC,CAAC,cAAc,EAAE;oBAClB,qBAAqB,CAAC,CAAC,KAAK,KACxB,KAAK,GAAG,CAAC,IAAI,cAAc,CAAC,MAAM,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC,CACrD;oBACD;AACJ,gBAAA,KAAK,SAAS;oBACV,CAAC,CAAC,cAAc,EAAE;oBAClB,qBAAqB,CAAC,CAAC,KAAK,KACxB,KAAK,GAAG,CAAC,GAAG,CAAC,GAAG,cAAc,CAAC,MAAM,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC,CACxD;oBACD;AACJ,gBAAA,KAAK,OAAO;oBACR,CAAC,CAAC,cAAc,EAAE;AAClB,oBAAA,aAAa,CAAC,cAAc,CAAC,kBAAkB,CAAC,CAAC;oBACjD;;QAIZ;QAEA,IAAIA,SAAO,IAAI,CAAC,CAAC,GAAG,KAAK,UAAU,EAAE;AACjC,YAAA,iBAAiB,EAAE;AACnB,YAAA,sBAAsB,CAAC,OAAO;AAC1B,gBAAA,YAAY,CAAC,OAAO,EAAE,UAAU,EAAE,IAAI,IAAI;AAC9C,YAAA,iBAAiB,CAAC,OAAO,GAAG,IAAI;QACpC;AAEA,QAAA,QAAQ,CAAC,CAAC,GAAG;AACT,YAAA,KAAK,KAAK;gBACN,CAAC,CAAC,cAAc,EAAE;gBAClBU,aAAI,CACA,UAAU,GAAG,YAAY,GAAG,YAAY,EACxC,KAAK,EACL,UAAU,GAAG,OAAO,GAAG,IAAI,CAC9B;gBACD;AACJ,YAAA,KAAK,OAAO;AACR,gBAAA,IAAI,CAAC,CAAC,QAAQ,EAAE;oBACZ;gBACJ;AACA,gBAAA,IAAI,CAAC,OAAO;oBAAE;gBACd,CAAC,CAAC,cAAc,EAAE;gBAClB,OAAO,CAAC,CAAC,CAAC;gBACV;;AAIZ,IAAA,CAAC;IAEDE,eAAS,CAAC,MAAK;QACX,IAAI,CAAC,SAAS,CAAC,OAAO;YAAE;AACxB,QAAA,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC;AACtC,QAAA,IAAI,cAAc,CAAC,IAAI,CAAC,KAAK,SAAS;YAAE;QAExC,cAAc,CAAC,SAAS,CAAC;AACzB,QAAA,eAAe,EAAE;AACjB,QAAA,UAAU,EAAE;IAChB,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;IAE3BA,eAAS,CAAC,MAAK;AACX,QAAA,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE;YACxB,qBAAqB,CAAC,CAAC,CAAC;YACxB;QACJ;QAEA,qBAAqB,CAAC,CAAC,KAAK,KACxB,KAAK,IAAI,cAAc,CAAC,MAAM,GAAG,CAAC,GAAG,KAAK,CAC7C;AACL,IAAA,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC;AAEpB,IAAA,MAAM,WAAW,GAAG,CAAC,CAAC,KAAI;AACtB,QAAA,MAAM,QAAQ,GAAG,cAAc,EAAE;AACjC,QAAA,IAAI,SAAS,GAAG,aAAa,CAAC,QAAQ,CAAC;AAEvC,QAAA,IACI,wBAAwB;AACxB,YAAA,QAAQ,KAAK,SAAS;YACtB,SAAS,CAAC,OAAO,EACnB;YACE,cAAc,CAAC,SAAS,CAAC;QAC7B;QAEA,IAAI,CAAC,SAAS,IAAI,QAAQ,IAAI,SAAS,CAAC,OAAO,EAAE;YAC7C,SAAS,GAAG,EAAE;YACd,cAAc,CAAC,SAAS,CAAC;QAC7B;AAEA,QAAA,iBAAiB,EAAE;QAEnB,IAAIZ,SAAO,KAAK,iBAAiB,CAAC,OAAO,IAAI,cAAc,CAAC,EAAE;AAC1D,YAAA,MAAM,UAAU,GAAGA,SAAO,EAAE,GAAG,IAAI,GAAG;AACtC,YAAA,MAAM,WAAW,GAAGa,sBAAc,CAC9B,sBAAsB,CAAC,OAAO,EAC9B,YAAY,CAAC,OAAO,CACvB;AAED,YAAA,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE;AAC/D,gBAAA,WAAW,EAAE;YACjB;iBAAO;gBACH,MAAM,OAAO,GAAG,WAAW,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC;AACpD,gBAAA,iBAAiB,CAAC,OAAO,GAAG,KAAK;gBACjC,cAAc,CAACC,wBAAgB,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;gBACtD,iBAAiB,CAAC,OAAO,CAAC;gBAC1B,qBAAqB,CAAC,CAAC,CAAC;gBACxB,iBAAiB,CAAC,IAAI,CAAC;YAC3B;QACJ;AAEA,QAAA,UAAU,EAAE;AAEZ,QAAA,QAAQ,GAAG,SAAS,EAAE,CAAC,CAAC;AAC5B,IAAA,CAAC;AAED,IAAA,MAAM,WAAW,GAAG,CAAC,CAAC,KAAI;AACtB,QAAA,iBAAiB,EAAE;AACnB,QAAA,OAAO,GAAG,CAAC,CAAC;AAChB,IAAA,CAAC;AAED,IAAA,MAAM,UAAU,GAAG,CAAC,CAAC,KAAI;AACrB,QAAA,WAAW,EAAE;AACb,QAAA,MAAM,GAAG,CAAC,CAAC;AACf,IAAA,CAAC;AAED,IAAA,MAAM,aAAa,GAAG,CAAC,CAAC,KAAI;AACxB,QAAA,iBAAiB,EAAE;AACnB,QAAA,SAAS,GAAG,CAAC,CAAC;AAClB,IAAA,CAAC;AAED,IAAA,MAAM,WAAW,GAAG,CAAC,CAAC,KAAI;AACtB,QAAA,iBAAiB,EAAE;AACnB,QAAA,OAAO,GAAG,CAAC,CAAC;AAChB,IAAA,CAAC;AAED,IAAA,MAAM,SAAS,GAAG,CAAC,IAA2B,KAAI;AAC9C,QAAA,SAAS,CAAC,OAAO,GAAG,IAAI;AAExB,QAAA,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;YAC3B,GAAG,CAAC,IAAI,CAAC;YACT;QACJ;QAEA,IAAI,GAAG,EAAE;AACL,YAAA,GAAG,CAAC,OAAO,GAAG,IAAI;QACtB;AACJ,IAAA,CAAC;AAED,IAAA,MAAM,YAAY,GAAGC,iBAAW,CAC5B,MAAM,YAAY,CAAC,OAAO,EAAE,UAAU,EAAE,IAAI,IAAI,EAChD,EAAE,CACL;IAED,MAAMC,UAAQ,GAAGb,aAAO,CACpB,MACIc,gBAAW,CAAC;QACR,eAAe;QACf,eAAe;QACf,YAAY;AACf,KAAA,CAAC,EACN,CAAC,eAAe,EAAE,YAAY,CAAC,CAClC;IAED,QACIC,yBACI,SAAS,EAAEC,mBAAU,CAAC,UAAU,EAAE,SAAS,EAAE;YACzC,qBAAqB,EAAE,CAAC,MAAM;SACjC,CAAC,EACF,KAAK,EAAE;AACH,YAAA,GAAG,KAAK;YACR,CAAC,QAAQ,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM;YAC3C,KAAK;SACR,EAAA,QAAA,EAAA,CAEA,CAAC,WAAW,KACTC,wBAAK,SAAS,EAAC,mBAAmB,EAAA,QAAA,EAAEJ,UAAQ,EAAA,CAAO,CACtD,EAEAhB,SAAO,KACJoB,cAAA,CAACC,eAAO,EAAA,EACJ,OAAO,EAAE,cAAc,EACvB,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,cAAc,EACvB,WAAW,EAAE,kBAAkB,EAC/B,cAAc,EAAE,qBAAqB,EACrC,QAAQ,EAAE,aAAa,EAAA,CACzB,CACL,EAEDD,cAAA,CAAA,KAAA,EAAA,EACI,GAAG,EAAE,SAAS,EACd,SAAS,EAAC,kBAAkB,sBACV,WAAW,EAC7B,eAAe,EAAE,eAAe,GAAG,gBAAgB,GAAG,IAAI,EAC1D,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,KACpB,SAAS,EAAA,CACf,CAAA,EAAA,CACA;AAEd;;;;"}

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

@@ -6,6 +6,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
 var reactDom = require('react-dom');
 var server = require('react-dom/server');
+var utils = require('../../js/utils.js');
 var list = require('../list/list.js');
 
 const MEMTION_TAG_CLASS_NAME = "i-memtion-tag";
@@ -231,15 +232,56 @@ const removeAdjacentMemtionTag = (editor, key) => {
     editor.focus();
     return true;
 };
+const makeRectSource = (rect) => {
+    const { left, top, width, height } = rect;
+    return {
+        offsetParent: null,
+        offsetLeft: left,
+        offsetTop: top,
+        getBoundingClientRect: () => ({
+            left,
+            top,
+            right: left + width,
+            bottom: top + height,
+            width,
+            height,
+            x: left,
+            y: top,
+            toJSON: () => ({}),
+        }),
+    };
+};
 const Memtion$1 = (props) => {
     const { visible, rect, options, activeIndex, onActiveChange, onSelect } = props;
+    const containerRef = react.useRef(null);
+    const [pos, setPos] = react.useState({ left: 0, top: 0 });
+    const [ready, setReady] = react.useState(false);
+    react.useLayoutEffect(() => {
+        if (!visible || !rect || !options?.length) {
+            setReady(false);
+            return;
+        }
+        const el = containerRef.current;
+        if (!el)
+            return;
+        const [left, top] = utils.getPosition(makeRectSource(rect), el, {
+            position: "bottom",
+            gap: 4,
+            offset: 0,
+            align: "start",
+            refWindow: true,
+        });
+        setPos({ left, top });
+        setReady(true);
+    }, [visible, rect, options]);
     if (!visible || !rect || !options?.length) {
         return null;
     }
-    const content = (jsxRuntime.jsx(list.default, { className: "i-editor-memtion", type: "option", style: {
+    const content = (jsxRuntime.jsx(list.default, { ref: containerRef, className: "i-editor-memtion", type: "option", style: {
             position: "fixed",
-            top: rect.bottom,
-            left: rect.left,
+            left: pos.left,
+            top: pos.top,
+            opacity: ready ? 1 : 0,
         }, children: options.map((option, i) => (jsxRuntime.jsx(list.default.Item, { type: "option", active: i === activeIndex, onMouseDown: (e) => e.preventDefault(), onMouseEnter: () => onActiveChange?.(i), onClick: () => onSelect?.(option), children: option.label }, `${option.value}-${i}`))) }));
     if (typeof document === "undefined") {
         return content;

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

@@ -1 +1 @@
-{"version":3,"file":"memtion.js","sources":["../../../../packages/components/editor/memtion.tsx"],"sourcesContent":["import { memo, ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { renderToStaticMarkup } from \"react-dom/server\";\nimport List from \"../list\";\nimport { IEditorMemtion, IEditorMemtionOption } from \"./type\";\n\nexport const MEMTION_TAG_CLASS_NAME = \"i-memtion-tag\";\n\nconst blockTags = new Set([\n    \"ADDRESS\",\n    \"ARTICLE\",\n    \"ASIDE\",\n    \"BLOCKQUOTE\",\n    \"DIV\",\n    \"DL\",\n    \"FIELDSET\",\n    \"FIGCAPTION\",\n    \"FIGURE\",\n    \"FOOTER\",\n    \"FORM\",\n    \"H1\",\n    \"H2\",\n    \"H3\",\n    \"H4\",\n    \"H5\",\n    \"H6\",\n    \"HEADER\",\n    \"LI\",\n    \"MAIN\",\n    \"NAV\",\n    \"OL\",\n    \"P\",\n    \"PRE\",\n    \"SECTION\",\n    \"TABLE\",\n    \"TD\",\n    \"TH\",\n    \"TR\",\n    \"UL\",\n]);\n\nconst escapeHtmlAttr = (value: string) =>\n    value\n        .replaceAll(\"&\", \"&amp;\")\n        .replaceAll('\"', \"&quot;\")\n        .replaceAll(\"<\", \"&lt;\")\n        .replaceAll(\">\", \"&gt;\");\n\ninterface IMemtionProps {\n    visible?: boolean;\n    rect?: DOMRect | null;\n    options?: IEditorMemtionOption[];\n    activeIndex?: number;\n    onActiveChange?: (index: number) => void;\n    onSelect?: (option: IEditorMemtionOption) => void;\n}\n\ninterface IInsertMemtionOptionParams {\n    editor: HTMLDivElement | null;\n    range: Range | null;\n    mode: \"rich\" | \"plaintext\" | \"plaintextOnMemtion\";\n    memtion?: IEditorMemtion;\n    option: IEditorMemtionOption;\n    sanitizeValue: (value: string) => string;\n}\n\nconst getInsertNode = (\n    memtion: IEditorMemtion | undefined,\n    option: IEditorMemtionOption,\n) => memtion?.insert?.(option) ?? option.value;\n\nconst getInsertText = (\n    memtion: IEditorMemtion | undefined,\n    option: IEditorMemtionOption,\n) => {\n    const nextNode = getInsertNode(memtion, option);\n\n    if (typeof nextNode === \"string\" || typeof nextNode === \"number\") {\n        return `${String(nextNode)} `;\n    }\n\n    return `${String(option.value)} `;\n};\n\nconst getInsertHtml = (\n    memtion: IEditorMemtion | undefined,\n    option: IEditorMemtionOption,\n    sanitizeValue: (value: string) => string,\n) => {\n    const nextNode = getInsertNode(memtion, option);\n\n    if (nextNode === null || nextNode === undefined || nextNode === false) {\n        return \"\";\n    }\n\n    const content = sanitizeValue(\n        renderToStaticMarkup(<>{nextNode as ReactNode}</>),\n    );\n\n    return `<span class=\"${MEMTION_TAG_CLASS_NAME}\" contenteditable=\"false\" data-memtion-value=\"${escapeHtmlAttr(String(option.value))}\">${content}</span>`;\n};\n\nexport const getSelectionRect = (range: Range | null) => {\n    if (!range) return null;\n\n    const rect = range.getBoundingClientRect();\n\n    if (rect.width || rect.height) {\n        return rect;\n    }\n\n    return range.getClientRects()[0] ?? rect;\n};\n\nexport const insertMemtionOption = ({\n    editor,\n    range,\n    mode,\n    memtion,\n    option,\n    sanitizeValue,\n}: IInsertMemtionOptionParams) => {\n    if (!editor || !range) return null;\n\n    const browserSelection = window.getSelection();\n    if (!browserSelection) return null;\n\n    const nextRange = range.cloneRange();\n    browserSelection.removeAllRanges();\n    browserSelection.addRange(nextRange);\n    editor.focus();\n    nextRange.deleteContents();\n\n    if (mode === \"plaintext\") {\n        const text = document.createTextNode(getInsertText(memtion, option));\n        nextRange.insertNode(text);\n        nextRange.setStartAfter(text);\n    } else {\n        const html = getInsertHtml(memtion, option, sanitizeValue);\n        const fragment = nextRange.createContextualFragment(html);\n        const lastNode = fragment.lastChild;\n\n        nextRange.insertNode(fragment);\n\n        if (lastNode) {\n            nextRange.setStartAfter(lastNode);\n            nextRange.collapse(true);\n        }\n    }\n\n    nextRange.collapse(true);\n    browserSelection.removeAllRanges();\n    browserSelection.addRange(nextRange);\n\n    return nextRange;\n};\n\nexport const getMemtionText = (\n    triggerRange: Range | null,\n    selectionRange: Range | null,\n) => {\n    if (!triggerRange || !selectionRange) return \"\";\n\n    const range = triggerRange.cloneRange();\n    range.setEnd(selectionRange.endContainer, selectionRange.endOffset);\n\n    return range.toString();\n};\n\nexport const getMemtionReplaceRange = (\n    triggerRange: Range | null,\n    selectionRange: Range | null,\n) => {\n    if (!triggerRange || !selectionRange) return null;\n\n    const range = triggerRange.cloneRange();\n    range.setEnd(selectionRange.endContainer, selectionRange.endOffset);\n\n    return range;\n};\n\nexport const filterMemtionOptions = (\n    options: IEditorMemtionOption[],\n    keyword: string,\n) => {\n    const normalizedKeyword = keyword.trim().toLowerCase();\n\n    if (!normalizedKeyword) {\n        return options;\n    }\n\n    return options.filter((option) =>\n        String(option.value).toLowerCase().includes(normalizedKeyword),\n    );\n};\n\nconst isMemtionTag = (node: Node | null) =>\n    node instanceof HTMLElement &&\n    node.classList.contains(MEMTION_TAG_CLASS_NAME);\n\nconst appendBreak = (container: HTMLElement) => {\n    if (!container.lastChild || container.lastChild.nodeName === \"BR\") {\n        return;\n    }\n\n    container.appendChild(document.createElement(\"br\"));\n};\n\nconst appendPlaintextOnMemtionNode = (\n    container: HTMLElement,\n    node: Node | null,\n) => {\n    if (!node) return;\n\n    if (node.nodeType === Node.TEXT_NODE) {\n        container.appendChild(\n            document.createTextNode(\n                (node.textContent ?? \"\").replaceAll(\"\\r\", \"\"),\n            ),\n        );\n        return;\n    }\n\n    if (!(node instanceof HTMLElement)) {\n        return;\n    }\n\n    if (isMemtionTag(node)) {\n        const tag = document.createElement(\"span\");\n        const memtionValue = node.getAttribute(\"data-memtion-value\");\n\n        tag.className = MEMTION_TAG_CLASS_NAME;\n        tag.setAttribute(\"contenteditable\", \"false\");\n\n        if (memtionValue !== null) {\n            tag.setAttribute(\"data-memtion-value\", memtionValue);\n        }\n\n        tag.innerHTML = node.innerHTML;\n        container.appendChild(tag);\n        return;\n    }\n\n    if (node.tagName === \"BR\") {\n        appendBreak(container);\n        return;\n    }\n\n    Array.from(node.childNodes).forEach((child) => {\n        appendPlaintextOnMemtionNode(container, child);\n    });\n\n    if (blockTags.has(node.tagName)) {\n        appendBreak(container);\n    }\n};\n\nexport const sanitizePlaintextOnMemtionHtml = (value: string) => {\n    if (typeof document === \"undefined\") {\n        return value;\n    }\n\n    const source = document.createElement(\"div\");\n    const result = document.createElement(\"div\");\n\n    source.innerHTML = value;\n\n    Array.from(source.childNodes).forEach((child) => {\n        appendPlaintextOnMemtionNode(result, child);\n    });\n\n    while (result.lastChild?.nodeName === \"BR\") {\n        result.lastChild.remove();\n    }\n\n    return result.innerHTML;\n};\n\nconst getAdjacentMemtionTag = (\n    range: Range,\n    direction: \"backward\" | \"forward\",\n) => {\n    const { startContainer, startOffset } = range;\n\n    if (startContainer.nodeType === Node.TEXT_NODE) {\n        const textNode = startContainer as Text;\n\n        if (direction === \"backward\" && startOffset === 0) {\n            return isMemtionTag(textNode.previousSibling)\n                ? (textNode.previousSibling as HTMLElement)\n                : null;\n        }\n\n        if (direction === \"forward\" && startOffset === textNode.data.length) {\n            return isMemtionTag(textNode.nextSibling)\n                ? (textNode.nextSibling as HTMLElement)\n                : null;\n        }\n\n        return null;\n    }\n\n    const element = startContainer as Element;\n    const targetIndex =\n        direction === \"backward\" ? startOffset - 1 : startOffset;\n    const targetNode = element.childNodes.item(targetIndex);\n\n    return isMemtionTag(targetNode) ? (targetNode as HTMLElement) : null;\n};\n\nexport const removeAdjacentMemtionTag = (\n    editor: HTMLDivElement | null,\n    key: \"Backspace\" | \"Delete\",\n) => {\n    if (!editor) return false;\n\n    const selection = window.getSelection();\n    if (!selection?.rangeCount || !selection.isCollapsed) return false;\n\n    const activeRange = selection.getRangeAt(0);\n    const tag = getAdjacentMemtionTag(\n        activeRange,\n        key === \"Backspace\" ? \"backward\" : \"forward\",\n    );\n\n    if (!tag || !tag.parentNode) return false;\n\n    const parent = tag.parentNode;\n    const nextSibling = tag.nextSibling;\n    const index = Array.prototype.indexOf.call(parent.childNodes, tag);\n\n    if (nextSibling?.nodeType === Node.TEXT_NODE) {\n        const textNode = nextSibling as Text;\n\n        if (textNode.data.startsWith(\" \")) {\n            textNode.deleteData(0, 1);\n\n            if (!textNode.data.length) {\n                nextSibling.remove();\n            }\n        }\n    }\n\n    tag.remove();\n\n    const range = document.createRange();\n    range.setStart(parent, Math.min(index, parent.childNodes.length));\n    range.collapse(true);\n    selection.removeAllRanges();\n    selection.addRange(range);\n    editor.focus();\n\n    return true;\n};\n\nconst Memtion = (props: IMemtionProps) => {\n    const { visible, rect, options, activeIndex, onActiveChange, onSelect } =\n        props;\n\n    if (!visible || !rect || !options?.length) {\n        return null;\n    }\n\n    const content = (\n        <List\n            className=\"i-editor-memtion\"\n            type=\"option\"\n            style={{\n                position: \"fixed\",\n                top: rect.bottom,\n                left: rect.left,\n            }}\n        >\n            {options.map((option, i) => (\n                <List.Item\n                    key={`${option.value}-${i}`}\n                    type=\"option\"\n                    active={i === activeIndex}\n                    onMouseDown={(e) => e.preventDefault()}\n                    onMouseEnter={() => onActiveChange?.(i)}\n                    onClick={() => onSelect?.(option)}\n                >\n                    {option.label}\n                </List.Item>\n            ))}\n        </List>\n    );\n\n    if (typeof document === \"undefined\") {\n        return content;\n    }\n\n    return createPortal(content, document.body);\n};\n\nexport default memo(Memtion);\n"],"names":["renderToStaticMarkup","_jsx","_Fragment","Memtion","List","createPortal","memo"],"mappings":"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"}
+{"version":3,"file":"memtion.js","sources":["../../../../packages/components/editor/memtion.tsx"],"sourcesContent":["import { memo, ReactNode, useLayoutEffect, useRef, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { renderToStaticMarkup } from \"react-dom/server\";\nimport { getPosition } from \"../../js/utils\";\nimport List from \"../list\";\nimport { IEditorMemtion, IEditorMemtionOption } from \"./type\";\n\nexport const MEMTION_TAG_CLASS_NAME = \"i-memtion-tag\";\n\nconst blockTags = new Set([\n    \"ADDRESS\",\n    \"ARTICLE\",\n    \"ASIDE\",\n    \"BLOCKQUOTE\",\n    \"DIV\",\n    \"DL\",\n    \"FIELDSET\",\n    \"FIGCAPTION\",\n    \"FIGURE\",\n    \"FOOTER\",\n    \"FORM\",\n    \"H1\",\n    \"H2\",\n    \"H3\",\n    \"H4\",\n    \"H5\",\n    \"H6\",\n    \"HEADER\",\n    \"LI\",\n    \"MAIN\",\n    \"NAV\",\n    \"OL\",\n    \"P\",\n    \"PRE\",\n    \"SECTION\",\n    \"TABLE\",\n    \"TD\",\n    \"TH\",\n    \"TR\",\n    \"UL\",\n]);\n\nconst escapeHtmlAttr = (value: string) =>\n    value\n        .replaceAll(\"&\", \"&amp;\")\n        .replaceAll('\"', \"&quot;\")\n        .replaceAll(\"<\", \"&lt;\")\n        .replaceAll(\">\", \"&gt;\");\n\ninterface IMemtionProps {\n    visible?: boolean;\n    rect?: DOMRect | null;\n    options?: IEditorMemtionOption[];\n    activeIndex?: number;\n    onActiveChange?: (index: number) => void;\n    onSelect?: (option: IEditorMemtionOption) => void;\n}\n\ninterface IInsertMemtionOptionParams {\n    editor: HTMLDivElement | null;\n    range: Range | null;\n    mode: \"rich\" | \"plaintext\" | \"plaintextOnMemtion\";\n    memtion?: IEditorMemtion;\n    option: IEditorMemtionOption;\n    sanitizeValue: (value: string) => string;\n}\n\nconst getInsertNode = (\n    memtion: IEditorMemtion | undefined,\n    option: IEditorMemtionOption,\n) => memtion?.insert?.(option) ?? option.value;\n\nconst getInsertText = (\n    memtion: IEditorMemtion | undefined,\n    option: IEditorMemtionOption,\n) => {\n    const nextNode = getInsertNode(memtion, option);\n\n    if (typeof nextNode === \"string\" || typeof nextNode === \"number\") {\n        return `${String(nextNode)} `;\n    }\n\n    return `${String(option.value)} `;\n};\n\nconst getInsertHtml = (\n    memtion: IEditorMemtion | undefined,\n    option: IEditorMemtionOption,\n    sanitizeValue: (value: string) => string,\n) => {\n    const nextNode = getInsertNode(memtion, option);\n\n    if (nextNode === null || nextNode === undefined || nextNode === false) {\n        return \"\";\n    }\n\n    const content = sanitizeValue(\n        renderToStaticMarkup(<>{nextNode as ReactNode}</>),\n    );\n\n    return `<span class=\"${MEMTION_TAG_CLASS_NAME}\" contenteditable=\"false\" data-memtion-value=\"${escapeHtmlAttr(String(option.value))}\">${content}</span>`;\n};\n\nexport const getSelectionRect = (range: Range | null) => {\n    if (!range) return null;\n\n    const rect = range.getBoundingClientRect();\n\n    if (rect.width || rect.height) {\n        return rect;\n    }\n\n    return range.getClientRects()[0] ?? rect;\n};\n\nexport const insertMemtionOption = ({\n    editor,\n    range,\n    mode,\n    memtion,\n    option,\n    sanitizeValue,\n}: IInsertMemtionOptionParams) => {\n    if (!editor || !range) return null;\n\n    const browserSelection = window.getSelection();\n    if (!browserSelection) return null;\n\n    const nextRange = range.cloneRange();\n    browserSelection.removeAllRanges();\n    browserSelection.addRange(nextRange);\n    editor.focus();\n    nextRange.deleteContents();\n\n    if (mode === \"plaintext\") {\n        const text = document.createTextNode(getInsertText(memtion, option));\n        nextRange.insertNode(text);\n        nextRange.setStartAfter(text);\n    } else {\n        const html = getInsertHtml(memtion, option, sanitizeValue);\n        const fragment = nextRange.createContextualFragment(html);\n        const lastNode = fragment.lastChild;\n\n        nextRange.insertNode(fragment);\n\n        if (lastNode) {\n            nextRange.setStartAfter(lastNode);\n            nextRange.collapse(true);\n        }\n    }\n\n    nextRange.collapse(true);\n    browserSelection.removeAllRanges();\n    browserSelection.addRange(nextRange);\n\n    return nextRange;\n};\n\nexport const getMemtionText = (\n    triggerRange: Range | null,\n    selectionRange: Range | null,\n) => {\n    if (!triggerRange || !selectionRange) return \"\";\n\n    const range = triggerRange.cloneRange();\n    range.setEnd(selectionRange.endContainer, selectionRange.endOffset);\n\n    return range.toString();\n};\n\nexport const getMemtionReplaceRange = (\n    triggerRange: Range | null,\n    selectionRange: Range | null,\n) => {\n    if (!triggerRange || !selectionRange) return null;\n\n    const range = triggerRange.cloneRange();\n    range.setEnd(selectionRange.endContainer, selectionRange.endOffset);\n\n    return range;\n};\n\nexport const filterMemtionOptions = (\n    options: IEditorMemtionOption[],\n    keyword: string,\n) => {\n    const normalizedKeyword = keyword.trim().toLowerCase();\n\n    if (!normalizedKeyword) {\n        return options;\n    }\n\n    return options.filter((option) =>\n        String(option.value).toLowerCase().includes(normalizedKeyword),\n    );\n};\n\nconst isMemtionTag = (node: Node | null) =>\n    node instanceof HTMLElement &&\n    node.classList.contains(MEMTION_TAG_CLASS_NAME);\n\nconst appendBreak = (container: HTMLElement) => {\n    if (!container.lastChild || container.lastChild.nodeName === \"BR\") {\n        return;\n    }\n\n    container.appendChild(document.createElement(\"br\"));\n};\n\nconst appendPlaintextOnMemtionNode = (\n    container: HTMLElement,\n    node: Node | null,\n) => {\n    if (!node) return;\n\n    if (node.nodeType === Node.TEXT_NODE) {\n        container.appendChild(\n            document.createTextNode(\n                (node.textContent ?? \"\").replaceAll(\"\\r\", \"\"),\n            ),\n        );\n        return;\n    }\n\n    if (!(node instanceof HTMLElement)) {\n        return;\n    }\n\n    if (isMemtionTag(node)) {\n        const tag = document.createElement(\"span\");\n        const memtionValue = node.getAttribute(\"data-memtion-value\");\n\n        tag.className = MEMTION_TAG_CLASS_NAME;\n        tag.setAttribute(\"contenteditable\", \"false\");\n\n        if (memtionValue !== null) {\n            tag.setAttribute(\"data-memtion-value\", memtionValue);\n        }\n\n        tag.innerHTML = node.innerHTML;\n        container.appendChild(tag);\n        return;\n    }\n\n    if (node.tagName === \"BR\") {\n        appendBreak(container);\n        return;\n    }\n\n    Array.from(node.childNodes).forEach((child) => {\n        appendPlaintextOnMemtionNode(container, child);\n    });\n\n    if (blockTags.has(node.tagName)) {\n        appendBreak(container);\n    }\n};\n\nexport const sanitizePlaintextOnMemtionHtml = (value: string) => {\n    if (typeof document === \"undefined\") {\n        return value;\n    }\n\n    const source = document.createElement(\"div\");\n    const result = document.createElement(\"div\");\n\n    source.innerHTML = value;\n\n    Array.from(source.childNodes).forEach((child) => {\n        appendPlaintextOnMemtionNode(result, child);\n    });\n\n    while (result.lastChild?.nodeName === \"BR\") {\n        result.lastChild.remove();\n    }\n\n    return result.innerHTML;\n};\n\nconst getAdjacentMemtionTag = (\n    range: Range,\n    direction: \"backward\" | \"forward\",\n) => {\n    const { startContainer, startOffset } = range;\n\n    if (startContainer.nodeType === Node.TEXT_NODE) {\n        const textNode = startContainer as Text;\n\n        if (direction === \"backward\" && startOffset === 0) {\n            return isMemtionTag(textNode.previousSibling)\n                ? (textNode.previousSibling as HTMLElement)\n                : null;\n        }\n\n        if (direction === \"forward\" && startOffset === textNode.data.length) {\n            return isMemtionTag(textNode.nextSibling)\n                ? (textNode.nextSibling as HTMLElement)\n                : null;\n        }\n\n        return null;\n    }\n\n    const element = startContainer as Element;\n    const targetIndex =\n        direction === \"backward\" ? startOffset - 1 : startOffset;\n    const targetNode = element.childNodes.item(targetIndex);\n\n    return isMemtionTag(targetNode) ? (targetNode as HTMLElement) : null;\n};\n\nexport const removeAdjacentMemtionTag = (\n    editor: HTMLDivElement | null,\n    key: \"Backspace\" | \"Delete\",\n) => {\n    if (!editor) return false;\n\n    const selection = window.getSelection();\n    if (!selection?.rangeCount || !selection.isCollapsed) return false;\n\n    const activeRange = selection.getRangeAt(0);\n    const tag = getAdjacentMemtionTag(\n        activeRange,\n        key === \"Backspace\" ? \"backward\" : \"forward\",\n    );\n\n    if (!tag || !tag.parentNode) return false;\n\n    const parent = tag.parentNode;\n    const nextSibling = tag.nextSibling;\n    const index = Array.prototype.indexOf.call(parent.childNodes, tag);\n\n    if (nextSibling?.nodeType === Node.TEXT_NODE) {\n        const textNode = nextSibling as Text;\n\n        if (textNode.data.startsWith(\" \")) {\n            textNode.deleteData(0, 1);\n\n            if (!textNode.data.length) {\n                nextSibling.remove();\n            }\n        }\n    }\n\n    tag.remove();\n\n    const range = document.createRange();\n    range.setStart(parent, Math.min(index, parent.childNodes.length));\n    range.collapse(true);\n    selection.removeAllRanges();\n    selection.addRange(range);\n    editor.focus();\n\n    return true;\n};\n\nconst makeRectSource = (rect: DOMRect): HTMLElement => {\n    const { left, top, width, height } = rect;\n\n    return {\n        offsetParent: null,\n        offsetLeft: left,\n        offsetTop: top,\n        getBoundingClientRect: () => ({\n            left,\n            top,\n            right: left + width,\n            bottom: top + height,\n            width,\n            height,\n            x: left,\n            y: top,\n            toJSON: () => ({}),\n        }),\n    } as HTMLElement;\n};\n\nconst Memtion = (props: IMemtionProps) => {\n    const { visible, rect, options, activeIndex, onActiveChange, onSelect } =\n        props;\n\n    const containerRef = useRef<HTMLUListElement | null>(null);\n    const [pos, setPos] = useState({ left: 0, top: 0 });\n    const [ready, setReady] = useState(false);\n\n    useLayoutEffect(() => {\n        if (!visible || !rect || !options?.length) {\n            setReady(false);\n            return;\n        }\n\n        const el = containerRef.current;\n        if (!el) return;\n\n        const [left, top] = getPosition(makeRectSource(rect), el, {\n            position: \"bottom\",\n            gap: 4,\n            offset: 0,\n            align: \"start\",\n            refWindow: true,\n        });\n\n        setPos({ left, top });\n        setReady(true);\n    }, [visible, rect, options]);\n\n    if (!visible || !rect || !options?.length) {\n        return null;\n    }\n\n    const content = (\n        <List\n            ref={containerRef}\n            className=\"i-editor-memtion\"\n            type=\"option\"\n            style={{\n                position: \"fixed\",\n                left: pos.left,\n                top: pos.top,\n                opacity: ready ? 1 : 0,\n            }}\n        >\n            {options.map((option, i) => (\n                <List.Item\n                    key={`${option.value}-${i}`}\n                    type=\"option\"\n                    active={i === activeIndex}\n                    onMouseDown={(e) => e.preventDefault()}\n                    onMouseEnter={() => onActiveChange?.(i)}\n                    onClick={() => onSelect?.(option)}\n                >\n                    {option.label}\n                </List.Item>\n            ))}\n        </List>\n    );\n\n    if (typeof document === \"undefined\") {\n        return content;\n    }\n\n    return createPortal(content, document.body);\n};\n\nexport default memo(Memtion);\n"],"names":["renderToStaticMarkup","_jsx","_Fragment","Memtion","useRef","useState","useLayoutEffect","getPosition","List","createPortal","memo"],"mappings":"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"}

package/lib/cjs/components/list/list.js

@@ -11,9 +11,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
 
-const List = (props) => {
+const List = react.forwardRef((props, ref) => {
     const { label, type, border, className, children, ...restProps } = props;
-    return (jsxRuntime.jsx("ul", { className: classNames__default("i-list", className), ...restProps, children: react.Children.map(children, (node, i) => {
+    return (jsxRuntime.jsx("ul", { ref: ref, className: classNames__default("i-list", className), ...restProps, children: react.Children.map(children, (node, i) => {
             const renderLabel = typeof label === "function" ? label(i) : label;
             const { type, props: nodeProps } = node;
             if (type === item.default) {
@@ -26,7 +26,7 @@ const List = (props) => {
             }
             return node;
         }) }));
-};
+});
 List.Item = item.default;
 
 exports.default = List;

package/lib/cjs/components/list/list.js.map

@@ -1 +1 @@
-{"version":3,"file":"list.js","sources":["../../../../packages/components/list/list.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { Children, cloneElement } from \"react\";\nimport \"./index.css\";\nimport Item from \"./item\";\nimport { IList } from \"./type\";\n\nconst List = (props: IList) => {\n\tconst { label, type, border, className, children, ...restProps } = props;\n\n\treturn (\n\t\t<ul className={classNames(\"i-list\", className)} {...restProps}>\n\t\t\t{Children.map(children, (node: any, i) => {\n\t\t\t\tconst renderLabel =\n\t\t\t\t\ttypeof label === \"function\" ? label(i) : label;\n\n\t\t\t\tconst { type, props: nodeProps } = node;\n\n\t\t\t\tif (type === Item) {\n\t\t\t\t\treturn cloneElement(node, {\n\t\t\t\t\t\tlabel: renderLabel,\n\t\t\t\t\t\t...nodeProps,\n\t\t\t\t\t\ttype: props.type,\n\t\t\t\t\t\tborder,\n\t\t\t\t\t});\n\t\t\t\t}\n\n\t\t\t\treturn node;\n\t\t\t})}\n\t\t</ul>\n\t);\n};\n\nList.Item = Item;\n\nexport default List;\n"],"names":["_jsx","classNames","Children","Item","cloneElement"],"mappings":";;;;;;;;;;;;;AAMA,MAAM,IAAI,GAAG,CAAC,KAAY,KAAI;AAC7B,IAAA,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;IAExE,QACCA,cAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAEC,mBAAU,CAAC,QAAQ,EAAE,SAAS,CAAC,EAAA,GAAM,SAAS,YAC3DC,cAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,IAAS,EAAE,CAAC,KAAI;AACxC,YAAA,MAAM,WAAW,GAChB,OAAO,KAAK,KAAK,UAAU,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK;YAE/C,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI;AAEvC,YAAA,IAAI,IAAI,KAAKC,YAAI,EAAE;gBAClB,OAAOC,kBAAY,CAAC,IAAI,EAAE;AACzB,oBAAA,KAAK,EAAE,WAAW;AAClB,oBAAA,GAAG,SAAS;oBACZ,IAAI,EAAE,KAAK,CAAC,IAAI;oBAChB,MAAM;AACN,iBAAA,CAAC;YACH;AAEA,YAAA,OAAO,IAAI;QACZ,CAAC,CAAC,EAAA,CACE;AAEP;AAEA,IAAI,CAAC,IAAI,GAAGD,YAAI;;;;"}
+{"version":3,"file":"list.js","sources":["../../../../packages/components/list/list.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { Children, cloneElement, forwardRef } from \"react\";\nimport \"./index.css\";\nimport Item from \"./item\";\nimport { IList } from \"./type\";\n\nconst List = forwardRef<HTMLUListElement, IList>((props, ref) => {\n    const { label, type, border, className, children, ...restProps } = props;\n\n    return (\n        <ul\n            ref={ref}\n            className={classNames(\"i-list\", className)}\n            {...restProps}\n        >\n            {Children.map(children, (node: any, i) => {\n                const renderLabel =\n                    typeof label === \"function\" ? label(i) : label;\n\n                const { type, props: nodeProps } = node;\n\n                if (type === Item) {\n                    return cloneElement(node, {\n                        label: renderLabel,\n                        ...nodeProps,\n                        type: props.type,\n                        border,\n                    });\n                }\n\n                return node;\n            })}\n        </ul>\n    );\n}) as typeof List & { Item: typeof Item };\n\nList.Item = Item;\n\nexport default List;\n"],"names":["forwardRef","_jsx","classNames","Children","Item","cloneElement"],"mappings":";;;;;;;;;;;;;AAMA,MAAM,IAAI,GAAGA,gBAAU,CAA0B,CAAC,KAAK,EAAE,GAAG,KAAI;AAC5D,IAAA,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;AAExE,IAAA,QACIC,cAAA,CAAA,IAAA,EAAA,EACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAEC,mBAAU,CAAC,QAAQ,EAAE,SAAS,CAAC,EAAA,GACtC,SAAS,EAAA,QAAA,EAEZC,cAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,IAAS,EAAE,CAAC,KAAI;AACrC,YAAA,MAAM,WAAW,GACb,OAAO,KAAK,KAAK,UAAU,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK;YAElD,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI;AAEvC,YAAA,IAAI,IAAI,KAAKC,YAAI,EAAE;gBACf,OAAOC,kBAAY,CAAC,IAAI,EAAE;AACtB,oBAAA,KAAK,EAAE,WAAW;AAClB,oBAAA,GAAG,SAAS;oBACZ,IAAI,EAAE,KAAK,CAAC,IAAI;oBAChB,MAAM;AACT,iBAAA,CAAC;YACN;AAEA,YAAA,OAAO,IAAI;QACf,CAAC,CAAC,EAAA,CACD;AAEb,CAAC;AAED,IAAI,CAAC,IAAI,GAAGD,YAAI;;;;"}

package/lib/cjs/components/picker/colors/index.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var ColorsPanel = require('@rc-component/color-picker');
+var classNames = require('classnames');
 var react = require('react');
 var container = require('../../input/container.js');
 var popup = require('../../popup/popup.js');
@@ -13,9 +14,10 @@ var handle = require('./handle.js');
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
 
 var ColorsPanel__default = /*#__PURE__*/_interopDefaultCompat(ColorsPanel);
+var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
 
 function ColorPicker(props) {
-    const { value, type = "HEX", disabledAlpha, children, usePanel, handle: handle$1 = "both", placeholder = "Colors", popupProps, onChange, label, required, ...restProps } = props;
+    const { value, type = "HEX", disabledAlpha, children, usePanel, handle: handle$1 = "both", placeholder = "Colors", popupProps, onChange, label, required, className, style, ...restProps } = props;
     const [colorType, setColorType] = react.useState(type);
     const [colorValue, setColorValue] = react.useState(value);
     const [syncValue, setSyncValue] = react.useState(value);
@@ -59,9 +61,11 @@ function ColorPicker(props) {
     if (usePanel) {
         return (jsxRuntime.jsx(container.default, { label: label, required: required, children: jsxRuntime.jsx(ColorsPanel__default, { ...restProps, value: value, onChange: onChange }) }));
     }
-    return (jsxRuntime.jsx(container.default, { label: label, required: required, children: jsxRuntime.jsx(popup.default, { trigger: "click", touchable: true, position: "bottom", ...popupProps, visible: visible, content: jsxRuntime.jsx(ColorsPanel__default, { ...restProps, value: syncValue, disabledAlpha: disabledAlpha, panelRender: (panel) => {
+    return (jsxRuntime.jsx(container.default, { label: label, required: required, className: classNames__default("i-colorpicker", className), style: style, children: jsxRuntime.jsx(popup.default, { trigger: "click", touchable: true, position: "bottom", ...popupProps, visible: visible, content: jsxRuntime.jsx(ColorsPanel__default, { ...restProps, value: syncValue, disabledAlpha: disabledAlpha, panelRender: (panel) => {
                     return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [panel, jsxRuntime.jsx(footer.default, { value: colorValue, type: colorType, onTypeChange: handleTypeChange, onChange: handleValueChange, onOk: handleOk })] }));
-                }, onChange: handleChange, onChangeComplete: handleComplete }), onVisibleChange: handleVisibleChange, children: children ?? (jsxRuntime.jsx(handle.default, { color: value, handle: handle$1, placeholder: placeholder })) }) }));
+                }, onChange: handleChange, onChangeComplete: handleComplete }), onVisibleChange: handleVisibleChange, children: typeof children === "function"
+                ? children({ type: colorType, value: colorValue })
+                : (children ?? (jsxRuntime.jsx(handle.default, { color: value, handle: handle$1, placeholder: placeholder }))) }) }));
 }
 
 exports.default = ColorPicker;

package/lib/cjs/components/picker/colors/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/components/picker/colors/index.tsx"],"sourcesContent":["import ColorsPanel from \"@rc-component/color-picker\";\nimport { useEffect, useState } from \"react\";\nimport InputContainer from \"../../input/container\";\nimport Popup from \"../../popup\";\nimport { IColorPicker } from \"../type\";\nimport Footer, { ColorMethods } from \"./footer\";\nimport Handle from \"./handle\";\nimport \"./index.css\";\n\nexport default function ColorPicker(props: IColorPicker) {\n    const {\n        value,\n        type = \"HEX\",\n        disabledAlpha,\n        children,\n        usePanel,\n        handle = \"both\",\n        placeholder = \"Colors\",\n        popupProps,\n        onChange,\n        label,\n        required,\n        ...restProps\n    } = props;\n\n    const [colorType, setColorType] = useState(type);\n    const [colorValue, setColorValue] = useState(value);\n    const [syncValue, setSyncValue] = useState(value);\n    const [visible, setVisible] = useState<boolean | undefined>(\n        popupProps?.visible,\n    );\n\n    const handleChange = (target) => {\n        setSyncValue(target);\n    };\n\n    const handleComplete = (target) => {\n        const method = ColorMethods[colorType];\n\n        if (target.a !== 1) {\n            target.a = parseFloat(target.a.toFixed(3));\n        }\n\n        setColorValue(target[method]?.());\n    };\n\n    const handleVisibleChange = (v: boolean) => {\n        setVisible(v);\n        popupProps?.onVisibleChange?.(v);\n    };\n\n    const handleTypeChange = (t) => {\n        const method = ColorMethods[t];\n\n        setColorType(t);\n        setColorValue(syncValue?.[method]?.());\n    };\n\n    const handleValueChange = (v) => {\n        setColorValue(v);\n        setSyncValue(v);\n    };\n\n    const handleOk = () => {\n        onChange?.(colorValue);\n        setVisible(false);\n    };\n\n    useEffect(() => {\n        setSyncValue(value);\n        setColorValue(value);\n    }, [value]);\n\n    useEffect(() => {\n        if (popupProps?.visible !== undefined) {\n            setVisible(popupProps.visible);\n        }\n    }, [popupProps?.visible]);\n\n    if (usePanel) {\n        return (\n            <InputContainer label={label} required={required}>\n                <ColorsPanel {...restProps} value={value} onChange={onChange} />\n            </InputContainer>\n        );\n    }\n\n    return (\n        <InputContainer label={label} required={required}>\n            <Popup\n                trigger=\"click\"\n                touchable\n                position=\"bottom\"\n                {...popupProps}\n                visible={visible}\n                content={\n                    <ColorsPanel\n                        {...restProps}\n                        value={syncValue}\n                        disabledAlpha={disabledAlpha}\n                        panelRender={(panel) => {\n                            return (\n                                <>\n                                    {panel}\n                                    <Footer\n                                        value={colorValue}\n                                        type={colorType}\n                                        onTypeChange={handleTypeChange}\n                                        onChange={handleValueChange}\n                                        onOk={handleOk}\n                                    />\n                                </>\n                            );\n                        }}\n                        onChange={handleChange}\n                        onChangeComplete={handleComplete}\n                    />\n                }\n                onVisibleChange={handleVisibleChange}\n            >\n                {children ?? (\n                    <Handle\n                        color={value}\n                        handle={handle}\n                        placeholder={placeholder}\n                    />\n                )}\n            </Popup>\n        </InputContainer>\n    );\n}\n"],"names":["handle","useState","ColorMethods","useEffect","_jsx","InputContainer","ColorsPanel","Popup","_jsxs","_Fragment","Footer","Handle"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/picker/colors/index.tsx"],"sourcesContent":["import ColorsPanel from \"@rc-component/color-picker\";\nimport classNames from \"classnames\";\nimport { useEffect, useState } from \"react\";\nimport InputContainer from \"../../input/container\";\nimport Popup from \"../../popup\";\nimport { IColorPicker } from \"../type\";\nimport Footer, { ColorMethods } from \"./footer\";\nimport Handle from \"./handle\";\nimport \"./index.css\";\n\nexport default function ColorPicker(props: IColorPicker) {\n    const {\n        value,\n        type = \"HEX\",\n        disabledAlpha,\n        children,\n        usePanel,\n        handle = \"both\",\n        placeholder = \"Colors\",\n        popupProps,\n        onChange,\n        label,\n        required,\n        className,\n        style,\n        ...restProps\n    } = props;\n\n    const [colorType, setColorType] = useState(type);\n    const [colorValue, setColorValue] = useState(value);\n    const [syncValue, setSyncValue] = useState(value);\n    const [visible, setVisible] = useState<boolean | undefined>(\n        popupProps?.visible,\n    );\n\n    const handleChange = (target) => {\n        setSyncValue(target);\n    };\n\n    const handleComplete = (target) => {\n        const method = ColorMethods[colorType];\n\n        if (target.a !== 1) {\n            target.a = parseFloat(target.a.toFixed(3));\n        }\n\n        setColorValue(target[method]?.());\n    };\n\n    const handleVisibleChange = (v: boolean) => {\n        setVisible(v);\n        popupProps?.onVisibleChange?.(v);\n    };\n\n    const handleTypeChange = (t) => {\n        const method = ColorMethods[t];\n\n        setColorType(t);\n        setColorValue(syncValue?.[method]?.());\n    };\n\n    const handleValueChange = (v) => {\n        setColorValue(v);\n        setSyncValue(v);\n    };\n\n    const handleOk = () => {\n        onChange?.(colorValue);\n        setVisible(false);\n    };\n\n    useEffect(() => {\n        setSyncValue(value);\n        setColorValue(value);\n    }, [value]);\n\n    useEffect(() => {\n        if (popupProps?.visible !== undefined) {\n            setVisible(popupProps.visible);\n        }\n    }, [popupProps?.visible]);\n\n    if (usePanel) {\n        return (\n            <InputContainer label={label} required={required}>\n                <ColorsPanel {...restProps} value={value} onChange={onChange} />\n            </InputContainer>\n        );\n    }\n\n    return (\n        <InputContainer\n            label={label}\n            required={required}\n            className={classNames(\"i-colorpicker\", className)}\n            style={style}\n        >\n            <Popup\n                trigger=\"click\"\n                touchable\n                position=\"bottom\"\n                {...popupProps}\n                visible={visible}\n                content={\n                    <ColorsPanel\n                        {...restProps}\n                        value={syncValue}\n                        disabledAlpha={disabledAlpha}\n                        panelRender={(panel) => {\n                            return (\n                                <>\n                                    {panel}\n                                    <Footer\n                                        value={colorValue}\n                                        type={colorType}\n                                        onTypeChange={handleTypeChange}\n                                        onChange={handleValueChange}\n                                        onOk={handleOk}\n                                    />\n                                </>\n                            );\n                        }}\n                        onChange={handleChange}\n                        onChangeComplete={handleComplete}\n                    />\n                }\n                onVisibleChange={handleVisibleChange}\n            >\n                {typeof children === \"function\"\n                    ? children({ type: colorType, value: colorValue })\n                    : (children ?? (\n                        <Handle\n                            color={value}\n                            handle={handle}\n                            placeholder={placeholder}\n                        />\n                    ))}\n            </Popup>\n        </InputContainer>\n    );\n}\n"],"names":["handle","useState","ColorMethods","useEffect","_jsx","InputContainer","ColorsPanel","classNames","Popup","_jsxs","_Fragment","Footer","Handle"],"mappings":"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"}

package/lib/cjs/components/progress/circle.js

@@ -7,9 +7,9 @@ var text = require('../text/text.js');
 
 function Circle(props) {
     const { value, circleSize = 40, lineWidth = 8 } = props;
-    return (jsxRuntime.jsxs("div", { className: 'i-progress-circle', children: [jsxRuntime.jsxs("svg", { width: circleSize, height: circleSize, children: [jsxRuntime.jsx("circle", { cx: circleSize / 2, cy: circleSize / 2, r: circleSize / 2 - lineWidth / 2, fill: 'none', stroke: 'var(--background-opacity-2)', strokeWidth: lineWidth }), jsxRuntime.jsx("circle", { cx: circleSize / 2, cy: circleSize / 2, r: circleSize / 2 - lineWidth / 2, fill: 'none', stroke: 'var(--color-main)', strokeWidth: lineWidth, strokeDasharray: 100, pathLength: 100, className: 'i-progress-circle-path', strokeLinecap: 'round', style: {
-                            strokeDashoffset: `calc(100 - ${value})`,
-                        } })] }), jsxRuntime.jsxs("span", { className: 'i-progress-circle-value', children: [jsxRuntime.jsx("span", { children: value }), jsxRuntime.jsx(text.default, { size: '.81em', className: 'color-7', children: "%" })] })] }));
+    return (jsxRuntime.jsxs("div", { className: "i-progress-circle", children: [jsxRuntime.jsxs("svg", { width: circleSize, height: circleSize, children: [jsxRuntime.jsx("circle", { cx: circleSize / 2, cy: circleSize / 2, r: circleSize / 2 - lineWidth / 2, fill: "none", stroke: "var(--color-main-0)", strokeWidth: lineWidth }), jsxRuntime.jsx("circle", { cx: circleSize / 2, cy: circleSize / 2, r: circleSize / 2 - lineWidth / 2, fill: "none", stroke: "var(--color-main)", strokeWidth: lineWidth, strokeDasharray: 100, pathLength: 100, className: "i-progress-circle-path", strokeLinecap: "round", style: {
+                            strokeDashoffset: 100 - (value ?? 0),
+                        } })] }), jsxRuntime.jsxs("span", { className: "i-progress-circle-value", children: [jsxRuntime.jsx("span", { children: value }), jsxRuntime.jsx(text.default, { size: ".81em", className: "color-5", children: "%" })] })] }));
 }
 
 exports.default = Circle;

package/lib/cjs/components/progress/circle.js.map

@@ -1 +1 @@
-{"version":3,"file":"circle.js","sources":["../../../../packages/components/progress/circle.tsx"],"sourcesContent":["import Text from \"../text\";\nimport { IProgress } from \"./type\";\n\nexport default function Circle(\n\tprops: Pick<IProgress, \"value\" | \"circleSize\" | \"lineWidth\">\n) {\n\tconst { value, circleSize = 40, lineWidth = 8 } = props;\n\n\treturn (\n\t\t<div className='i-progress-circle'>\n\t\t\t<svg width={circleSize} height={circleSize}>\n\t\t\t\t<circle\n\t\t\t\t\tcx={circleSize / 2}\n\t\t\t\t\tcy={circleSize / 2}\n\t\t\t\t\tr={circleSize / 2 - lineWidth / 2}\n\t\t\t\t\tfill='none'\n\t\t\t\t\tstroke='var(--background-opacity-2)'\n\t\t\t\t\tstrokeWidth={lineWidth}\n\t\t\t\t/>\n\t\t\t\t<circle\n\t\t\t\t\tcx={circleSize / 2}\n\t\t\t\t\tcy={circleSize / 2}\n\t\t\t\t\tr={circleSize / 2 - lineWidth / 2}\n\t\t\t\t\tfill='none'\n\t\t\t\t\tstroke='var(--color-main)'\n\t\t\t\t\tstrokeWidth={lineWidth}\n\t\t\t\t\tstrokeDasharray={100}\n\t\t\t\t\tpathLength={100}\n\t\t\t\t\tclassName='i-progress-circle-path'\n\t\t\t\t\tstrokeLinecap='round'\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tstrokeDashoffset: `calc(100 - ${value})`,\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</svg>\n\n\t\t\t<span className='i-progress-circle-value'>\n\t\t\t\t<span>{value}</span>\n\t\t\t\t<Text size='.81em' className='color-7'>\n\t\t\t\t\t%\n\t\t\t\t</Text>\n\t\t\t</span>\n\t\t</div>\n\t);\n}\n"],"names":["_jsxs","_jsx","Text"],"mappings":";;;;;;;AAGc,SAAU,MAAM,CAC7B,KAA4D,EAAA;AAE5D,IAAA,MAAM,EAAE,KAAK,EAAE,UAAU,GAAG,EAAE,EAAE,SAAS,GAAG,CAAC,EAAE,GAAG,KAAK;IAEvD,QACCA,yBAAK,SAAS,EAAC,mBAAmB,EAAA,QAAA,EAAA,CACjCA,eAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,aACzCC,cAAA,CAAA,QAAA,EAAA,EACC,EAAE,EAAE,UAAU,GAAG,CAAC,EAClB,EAAE,EAAE,UAAU,GAAG,CAAC,EAClB,CAAC,EAAE,UAAU,GAAG,CAAC,GAAG,SAAS,GAAG,CAAC,EACjC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,6BAA6B,EACpC,WAAW,EAAE,SAAS,EAAA,CACrB,EACFA,2BACC,EAAE,EAAE,UAAU,GAAG,CAAC,EAClB,EAAE,EAAE,UAAU,GAAG,CAAC,EAClB,CAAC,EAAE,UAAU,GAAG,CAAC,GAAG,SAAS,GAAG,CAAC,EACjC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,mBAAmB,EAC1B,WAAW,EAAE,SAAS,EACtB,eAAe,EAAE,GAAG,EACpB,UAAU,EAAE,GAAG,EACf,SAAS,EAAC,wBAAwB,EAClC,aAAa,EAAC,OAAO,EACrB,KAAK,EAAE;4BACN,gBAAgB,EAAE,CAAA,WAAA,EAAc,KAAK,CAAA,CAAA,CAAG;yBACxC,EAAA,CACA,CAAA,EAAA,CACG,EAEND,eAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,yBAAyB,EAAA,QAAA,EAAA,CACxCC,cAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAO,KAAK,EAAA,CAAQ,EACpBA,cAAA,CAACC,YAAI,EAAA,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAA,QAAA,EAAA,GAAA,EAAA,CAE/B,CAAA,EAAA,CACD,CAAA,EAAA,CACF;AAER;;;;"}
+{"version":3,"file":"circle.js","sources":["../../../../packages/components/progress/circle.tsx"],"sourcesContent":["import Text from \"../text\";\nimport { IProgress } from \"./type\";\n\nexport default function Circle(\n    props: Pick<IProgress, \"value\" | \"circleSize\" | \"lineWidth\">,\n) {\n    const { value, circleSize = 40, lineWidth = 8 } = props;\n\n    return (\n        <div className=\"i-progress-circle\">\n            <svg width={circleSize} height={circleSize}>\n                <circle\n                    cx={circleSize / 2}\n                    cy={circleSize / 2}\n                    r={circleSize / 2 - lineWidth / 2}\n                    fill=\"none\"\n                    stroke=\"var(--color-main-0)\"\n                    strokeWidth={lineWidth}\n                />\n                <circle\n                    cx={circleSize / 2}\n                    cy={circleSize / 2}\n                    r={circleSize / 2 - lineWidth / 2}\n                    fill=\"none\"\n                    stroke=\"var(--color-main)\"\n                    strokeWidth={lineWidth}\n                    strokeDasharray={100}\n                    pathLength={100}\n                    className=\"i-progress-circle-path\"\n                    strokeLinecap=\"round\"\n                    style={{\n                        strokeDashoffset: 100 - (value ?? 0),\n                    }}\n                />\n            </svg>\n\n            <span className=\"i-progress-circle-value\">\n                <span>{value}</span>\n                <Text size=\".81em\" className=\"color-5\">\n                    %\n                </Text>\n            </span>\n        </div>\n    );\n}\n"],"names":["_jsxs","_jsx","Text"],"mappings":";;;;;;;AAGc,SAAU,MAAM,CAC1B,KAA4D,EAAA;AAE5D,IAAA,MAAM,EAAE,KAAK,EAAE,UAAU,GAAG,EAAE,EAAE,SAAS,GAAG,CAAC,EAAE,GAAG,KAAK;IAEvD,QACIA,yBAAK,SAAS,EAAC,mBAAmB,EAAA,QAAA,EAAA,CAC9BA,eAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,aACtCC,cAAA,CAAA,QAAA,EAAA,EACI,EAAE,EAAE,UAAU,GAAG,CAAC,EAClB,EAAE,EAAE,UAAU,GAAG,CAAC,EAClB,CAAC,EAAE,UAAU,GAAG,CAAC,GAAG,SAAS,GAAG,CAAC,EACjC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,qBAAqB,EAC5B,WAAW,EAAE,SAAS,EAAA,CACxB,EACFA,2BACI,EAAE,EAAE,UAAU,GAAG,CAAC,EAClB,EAAE,EAAE,UAAU,GAAG,CAAC,EAClB,CAAC,EAAE,UAAU,GAAG,CAAC,GAAG,SAAS,GAAG,CAAC,EACjC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,mBAAmB,EAC1B,WAAW,EAAE,SAAS,EACtB,eAAe,EAAE,GAAG,EACpB,UAAU,EAAE,GAAG,EACf,SAAS,EAAC,wBAAwB,EAClC,aAAa,EAAC,OAAO,EACrB,KAAK,EAAE;AACH,4BAAA,gBAAgB,EAAE,GAAG,IAAI,KAAK,IAAI,CAAC,CAAC;yBACvC,EAAA,CACH,CAAA,EAAA,CACA,EAEND,eAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,yBAAyB,EAAA,QAAA,EAAA,CACrCC,cAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAO,KAAK,EAAA,CAAQ,EACpBA,cAAA,CAACC,YAAI,EAAA,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAA,QAAA,EAAA,GAAA,EAAA,CAE/B,CAAA,EAAA,CACJ,CAAA,EAAA,CACL;AAEd;;;;"}