@ioca/react 1.5.9 → 1.5.11

package/lib/cjs/components/datagrid/virtual.js

@@ -0,0 +1,283 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var classNames = require('classnames');
+var react = require('react');
+var reactWindow = require('react-window');
+var hooks = require('../../js/hooks.js');
+var loading = require('../loading/loading.js');
+var resize = require('./resize.js');
+var sorter = require('./sorter.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
+
+var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
+
+function VirtualDatagrid(props) {
+    const { virtual, columns, rows, header, sortBy, sortType, height, loading: loading$1, resizable, striped, cellEllipsis, empty, wrapRef, containerRef, onHeaderClick, onWidthChange, onRowClick, onCellClick, onCellDoubleClick, onScroll, } = props;
+    const headerRef = react.useRef(null);
+    const headerInnerRef = react.useRef(null);
+    const listRef = react.useRef(null);
+    const ro = hooks.useResizeObserver();
+    const triggerRef = react.useRef({ rowCount: -1 });
+    const [viewport, setViewport] = react.useState({ width: 0, height: 0 });
+    const [contentWidth, setContentWidth] = react.useState(0);
+    const rafRef = react.useRef({
+        viewport: 0,
+        contentWidth: 0,
+    });
+    const columnById = react.useMemo(() => {
+        const map = new Map();
+        columns.forEach((c) => map.set(c.id, c));
+        return map;
+    }, [columns]);
+    const columnIndexById = react.useMemo(() => {
+        const map = new Map();
+        columns.forEach((c, i) => map.set(c.id, i));
+        return map;
+    }, [columns]);
+    const getVirtualCellStyle = react.useCallback(({ justify, col, colSpan = 1, }) => {
+        return {
+            "--datagrid-justify": justify,
+            gridColumn: `${col + 1} / span ${colSpan}`,
+            insetInline: `var(--datagrid-cell-inset-${col})`,
+        };
+    }, []);
+    const renderVirtualCell = react.useCallback(({ column, data, row, col, isHeader, }) => {
+        const { id, fixed, justify, colSpan, render, title, sorter: sorter$1, renderHeader, } = column;
+        const style = {
+            ...getVirtualCellStyle({ justify, col, colSpan }),
+            ...(isHeader ? { insetBlockStart: 0 } : null),
+        };
+        const order = isHeader && sortBy === id ? sortType : "";
+        return (jsxRuntime.jsxs("div", { "data-col": id, className: classNames__default("i-datagrid-cell", {
+                [`i-datagrid-cell-fixed-${fixed}`]: fixed,
+                "i-datagrid-has-sorter": isHeader && sorter$1,
+            }), style: style, children: [isHeader
+                    ? (renderHeader?.(column, col) ?? (jsxRuntime.jsx("div", { className: classNames__default("i-datagrid-cell-content", {
+                            "i-datagrid-cell-content-ellipsis": cellEllipsis,
+                        }), children: title || id })))
+                    : (render?.(data?.[id], data, row, col) ?? (jsxRuntime.jsx("div", { className: classNames__default("i-datagrid-cell-content", {
+                            "i-datagrid-cell-content-ellipsis": cellEllipsis,
+                        }), children: data?.[id] }))), isHeader && sorter$1 && jsxRuntime.jsx(sorter.default, { type: order }), isHeader && resizable && (jsxRuntime.jsx(resize.default, { index: col, onWidthChange: onWidthChange }))] }, id));
+    }, [
+        cellEllipsis,
+        getVirtualCellStyle,
+        onWidthChange,
+        resizable,
+        sortBy,
+        sortType,
+    ]);
+    const handleHeaderClick = react.useCallback((e) => {
+        const el = e.target?.closest?.(".i-datagrid-cell[data-col]");
+        const id = el?.dataset?.col;
+        onHeaderClick(id ? columnById.get(id) : undefined, e);
+    }, [columnById, onHeaderClick]);
+    const handleBodyScroll = react.useCallback((e) => {
+        const el = e.currentTarget;
+        if (!el)
+            return;
+        if (headerRef.current &&
+            headerRef.current.scrollLeft !== el.scrollLeft) {
+            headerRef.current.scrollLeft = el.scrollLeft;
+        }
+    }, []);
+    const handleReachEnd = react.useCallback(() => {
+        if (virtual.onReachEnd) {
+            virtual.onReachEnd();
+            return;
+        }
+        onScroll?.(undefined);
+    }, [onScroll, virtual.onReachEnd]);
+    const handleRowsRendered = react.useCallback((_visible, overscan) => {
+        if (!virtual.hasMore)
+            return;
+        const threshold = virtual.threshold ?? 8;
+        const stopIndex = overscan?.stopIndex ?? -1;
+        if (stopIndex < rows.length - 1 - threshold)
+            return;
+        if (triggerRef.current.rowCount === rows.length)
+            return;
+        triggerRef.current.rowCount = rows.length;
+        handleReachEnd();
+    }, [handleReachEnd, rows.length, virtual.hasMore, virtual.threshold]);
+    const handleHeaderScroll = react.useCallback((e) => {
+        const el = e.currentTarget;
+        if (!el)
+            return;
+        const listEl = listRef.current?.element;
+        if (listEl && listEl.scrollLeft !== el.scrollLeft) {
+            listEl.scrollLeft = el.scrollLeft;
+        }
+    }, []);
+    const handleBodyClickCapture = react.useCallback((e, rowData, rowNum) => {
+        if (!onCellClick)
+            return;
+        const el = e.target?.closest?.(".i-datagrid-cell[data-col]");
+        const id = el?.dataset?.col;
+        if (!id)
+            return;
+        const column = columnById.get(id);
+        const col = columnIndexById.get(id);
+        if (!column || col == null)
+            return;
+        onCellClick(rowData, column, rowNum, col, e);
+    }, [columnById, columnIndexById, onCellClick]);
+    const handleBodyDoubleClickCapture = react.useCallback((e, rowData, rowNum) => {
+        if (!onCellDoubleClick)
+            return;
+        const el = e.target?.closest?.(".i-datagrid-cell[data-col]");
+        const id = el?.dataset?.col;
+        if (!id)
+            return;
+        const column = columnById.get(id);
+        const col = columnIndexById.get(id);
+        if (!column || col == null)
+            return;
+        onCellDoubleClick(rowData, column, rowNum, col, e);
+    }, [columnById, columnIndexById, onCellDoubleClick]);
+    react.useEffect(() => {
+        const el = wrapRef.current;
+        if (!el)
+            return;
+        const update = () => {
+            if (rafRef.current.viewport)
+                cancelAnimationFrame(rafRef.current.viewport);
+            rafRef.current.viewport = requestAnimationFrame(() => {
+                rafRef.current.viewport = 0;
+                const r = el.getBoundingClientRect();
+                const w = Math.round(r.width);
+                const h = Math.round(r.height);
+                setViewport((prev) => {
+                    if (prev.width === w && prev.height === h)
+                        return prev;
+                    return { width: w, height: h };
+                });
+            });
+        };
+        update();
+        ro.observe?.(el, update);
+        return () => {
+            ro.unobserve?.(el);
+            if (rafRef.current.viewport)
+                cancelAnimationFrame(rafRef.current.viewport);
+            rafRef.current.viewport = 0;
+        };
+    }, [ro, wrapRef]);
+    react.useEffect(() => {
+        const el = headerInnerRef.current;
+        if (!el)
+            return;
+        const update = () => {
+            if (rafRef.current.contentWidth) {
+                cancelAnimationFrame(rafRef.current.contentWidth);
+            }
+            rafRef.current.contentWidth = requestAnimationFrame(() => {
+                rafRef.current.contentWidth = 0;
+                const w = Math.ceil(el.scrollWidth);
+                setContentWidth((prev) => (prev === w ? prev : w));
+            });
+        };
+        update();
+        ro.observe?.(el, update);
+        return () => {
+            ro.unobserve?.(el);
+            if (rafRef.current.contentWidth) {
+                cancelAnimationFrame(rafRef.current.contentWidth);
+            }
+            rafRef.current.contentWidth = 0;
+        };
+    }, [ro]);
+    react.useEffect(() => {
+        triggerRef.current.rowCount = -1;
+    }, [rows.length, virtual.hasMore]);
+    react.useEffect(() => {
+        if (!loading$1)
+            return;
+        const listEl = listRef.current?.element;
+        listEl?.scrollTo({ top: 0, left: 0 });
+        headerRef.current?.scrollTo({ top: 0, left: 0 });
+    }, [loading$1]);
+    const listHeight = Math.max(0, (typeof height === "number" ? height : viewport.height || 360) -
+        (header ? virtual.rowHeight : 0));
+    const hasVerticalScrollbar = rows.length * virtual.rowHeight > listHeight + 1;
+    const scrollbarSize = hasVerticalScrollbar ? reactWindow.getScrollbarSize() : 0;
+    const measuredContentWidth = Math.max(contentWidth, viewport.width || 0);
+    const contentWidthPx = measuredContentWidth
+        ? `${measuredContentWidth}px`
+        : "fit-content";
+    const headerCells = react.useMemo(() => columns.map((c, col) => renderVirtualCell({
+        column: c,
+        row: 0,
+        col,
+        isHeader: true,
+    })), [columns, renderVirtualCell]);
+    const headerInnerStyle = react.useMemo(() => ({
+        display: "grid",
+        gridTemplateColumns: "var(--grid-template-columns)",
+        height: virtual.rowHeight,
+        width: contentWidthPx,
+        minWidth: "100%",
+    }), [contentWidthPx, virtual.rowHeight]);
+    const listStyle = react.useMemo(() => ({
+        height: listHeight,
+        width: "100%",
+        overflow: "auto",
+    }), [listHeight]);
+    const headerWrapStyle = react.useMemo(() => scrollbarSize > 0
+        ? {
+            paddingRight: scrollbarSize,
+            boxSizing: "content-box",
+        }
+        : undefined, [scrollbarSize]);
+    const loaderNode = react.useMemo(() => virtual.loader ?? jsxRuntime.jsx(loading.default, { className: 'my-12' }), [virtual.loader]);
+    const rowComponent = react.useCallback(({ index, style: itemStyle }) => {
+        if (index >= rows.length) {
+            return (jsxRuntime.jsx("div", { style: {
+                    ...itemStyle,
+                    width: contentWidthPx,
+                    minWidth: "100%",
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                }, children: loaderNode }));
+        }
+        const rowData = rows[index];
+        const rowNum = index + (header ? 1 : 0);
+        const bg = striped && index % 2 === 0 ? "var(--background-1)" : undefined;
+        return (jsxRuntime.jsx("div", { style: {
+                ...itemStyle,
+                width: contentWidthPx,
+                minWidth: "100%",
+                display: "grid",
+                gridTemplateColumns: "var(--grid-template-columns)",
+                height: virtual.rowHeight,
+                "--datagrid-cell-background": bg,
+            }, className: 'i-datagrid-row', onClickCapture: (e) => handleBodyClickCapture(e, rowData, rowNum), onDoubleClickCapture: (e) => handleBodyDoubleClickCapture(e, rowData, rowNum), onClick: () => onRowClick?.(rowData, rowNum), children: columns.map((c, col) => renderVirtualCell({
+                column: c,
+                data: rowData,
+                row: rowNum,
+                col,
+            })) }));
+    }, [
+        columns,
+        contentWidthPx,
+        handleBodyClickCapture,
+        handleBodyDoubleClickCapture,
+        header,
+        loaderNode,
+        onRowClick,
+        renderVirtualCell,
+        rows,
+        striped,
+        virtual.rowHeight,
+    ]);
+    return (jsxRuntime.jsxs("div", { ref: containerRef, className: classNames__default("i-datagrid", {
+            "i-datagrid-loading": loading$1,
+        }), style: { display: "block", width: "100%", maxWidth: "100%" }, children: [header && (jsxRuntime.jsx("div", { ref: headerRef, className: 'i-datagrid-virtual-header', onScroll: handleHeaderScroll, style: headerWrapStyle, children: jsxRuntime.jsx("div", { ref: headerInnerRef, className: 'i-datagrid-header i-datagrid-row', style: headerInnerStyle, onClick: handleHeaderClick, children: headerCells }) })), jsxRuntime.jsx(reactWindow.List, { listRef: listRef, rowCount: rows.length + (virtual.hasMore ? 1 : 0), rowHeight: virtual.rowHeight, overscanCount: Math.max(3, virtual.threshold ?? 8), rowProps: {}, style: listStyle, onScroll: handleBodyScroll, onRowsRendered: handleRowsRendered, rowComponent: rowComponent }), rows.length < 1 && !virtual.hasMore && empty] }));
+}
+
+exports.default = VirtualDatagrid;
+//# sourceMappingURL=virtual.js.map

package/lib/cjs/components/datagrid/virtual.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"virtual.js","sources":["../../../../packages/components/datagrid/virtual.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport type { ReactNode } from \"react\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\n// @ts-ignore\nimport { List as VirtualList, getScrollbarSize } from \"react-window\";\nimport { useResizeObserver } from \"../../js/hooks\";\nimport Loading from \"../loading\";\nimport Resize from \"./resize\";\nimport Sorter from \"./sorter\";\nimport type { IColumn, IData, VirtualDatagridProps } from \"./type\";\n\nexport default function VirtualDatagrid(props: VirtualDatagridProps) {\n\tconst {\n\t\tvirtual,\n\t\tcolumns,\n\t\trows,\n\t\theader,\n\t\tsortBy,\n\t\tsortType,\n\t\theight,\n\t\tloading,\n\t\tresizable,\n\t\tstriped,\n\t\tcellEllipsis,\n\t\tempty,\n\t\twrapRef,\n\t\tcontainerRef,\n\t\tonHeaderClick,\n\t\tonWidthChange,\n\t\tonRowClick,\n\t\tonCellClick,\n\t\tonCellDoubleClick,\n\t\tonScroll,\n\t} = props;\n\n\tconst headerRef = useRef<HTMLDivElement>(null);\n\tconst headerInnerRef = useRef<HTMLDivElement>(null);\n\tconst listRef = useRef<any>(null);\n\tconst ro = useResizeObserver();\n\tconst triggerRef = useRef({ rowCount: -1 });\n\tconst [viewport, setViewport] = useState({ width: 0, height: 0 });\n\tconst [contentWidth, setContentWidth] = useState(0);\n\tconst rafRef = useRef({\n\t\tviewport: 0 as number | 0,\n\t\tcontentWidth: 0 as number | 0,\n\t});\n\n\tconst columnById = useMemo(() => {\n\t\tconst map = new Map<string, IColumn>();\n\t\tcolumns.forEach((c) => map.set(c.id, c));\n\t\treturn map;\n\t}, [columns]);\n\n\tconst columnIndexById = useMemo(() => {\n\t\tconst map = new Map<string, number>();\n\t\tcolumns.forEach((c, i) => map.set(c.id, i));\n\t\treturn map;\n\t}, [columns]);\n\n\tconst getVirtualCellStyle = useCallback(\n\t\t({\n\t\t\tjustify,\n\t\t\tcol,\n\t\t\tcolSpan = 1,\n\t\t}: Pick<IColumn, \"justify\"> & { col: number; colSpan?: number }) => {\n\t\t\treturn {\n\t\t\t\t\"--datagrid-justify\": justify,\n\t\t\t\tgridColumn: `${col + 1} / span ${colSpan}`,\n\t\t\t\tinsetInline: `var(--datagrid-cell-inset-${col})`,\n\t\t\t} as any;\n\t\t},\n\t\t[],\n\t);\n\n\tconst renderVirtualCell = useCallback(\n\t\t({\n\t\t\tcolumn,\n\t\t\tdata,\n\t\t\trow,\n\t\t\tcol,\n\t\t\tisHeader,\n\t\t}: {\n\t\t\tcolumn: IColumn;\n\t\t\tdata?: IData;\n\t\t\trow: number;\n\t\t\tcol: number;\n\t\t\tisHeader?: boolean;\n\t\t}) => {\n\t\t\tconst {\n\t\t\t\tid,\n\t\t\t\tfixed,\n\t\t\t\tjustify,\n\t\t\t\tcolSpan,\n\t\t\t\trender,\n\t\t\t\ttitle,\n\t\t\t\tsorter,\n\t\t\t\trenderHeader,\n\t\t\t} = column;\n\n\t\t\tconst style = {\n\t\t\t\t...getVirtualCellStyle({ justify, col, colSpan }),\n\t\t\t\t...(isHeader ? { insetBlockStart: 0 } : null),\n\t\t\t};\n\n\t\t\tconst order = isHeader && sortBy === id ? sortType : \"\";\n\n\t\t\treturn (\n\t\t\t\t<div\n\t\t\t\t\tkey={id}\n\t\t\t\t\tdata-col={id}\n\t\t\t\t\tclassName={classNames(\"i-datagrid-cell\", {\n\t\t\t\t\t\t[`i-datagrid-cell-fixed-${fixed}`]: fixed,\n\t\t\t\t\t\t\"i-datagrid-has-sorter\": isHeader && sorter,\n\t\t\t\t\t})}\n\t\t\t\t\tstyle={style}\n\t\t\t\t>\n\t\t\t\t\t{isHeader\n\t\t\t\t\t\t? (renderHeader?.(column, col) ?? (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={classNames(\n\t\t\t\t\t\t\t\t\t\t\"i-datagrid-cell-content\",\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\"i-datagrid-cell-content-ellipsis\":\n\t\t\t\t\t\t\t\t\t\t\t\tcellEllipsis,\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{title || id}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t))\n\t\t\t\t\t\t: (render?.(data?.[id], data, row, col) ?? (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={classNames(\n\t\t\t\t\t\t\t\t\t\t\"i-datagrid-cell-content\",\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\"i-datagrid-cell-content-ellipsis\":\n\t\t\t\t\t\t\t\t\t\t\t\tcellEllipsis,\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{data?.[id]}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t))}\n\n\t\t\t\t\t{isHeader && sorter && <Sorter type={order} />}\n\t\t\t\t\t{isHeader && resizable && (\n\t\t\t\t\t\t<Resize index={col} onWidthChange={onWidthChange} />\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t);\n\t\t},\n\t\t[\n\t\t\tcellEllipsis,\n\t\t\tgetVirtualCellStyle,\n\t\t\tonWidthChange,\n\t\t\tresizable,\n\t\t\tsortBy,\n\t\t\tsortType,\n\t\t],\n\t);\n\n\tconst handleHeaderClick = useCallback(\n\t\t(e: any) => {\n\t\t\tconst el = (e.target as HTMLElement | null)?.closest?.(\n\t\t\t\t\".i-datagrid-cell[data-col]\",\n\t\t\t) as HTMLElement | null;\n\t\t\tconst id = el?.dataset?.col;\n\t\t\tonHeaderClick(id ? columnById.get(id) : undefined, e);\n\t\t},\n\t\t[columnById, onHeaderClick],\n\t);\n\n\tconst handleBodyScroll = useCallback((e: any) => {\n\t\tconst el = e.currentTarget as HTMLDivElement | null;\n\t\tif (!el) return;\n\n\t\tif (\n\t\t\theaderRef.current &&\n\t\t\theaderRef.current.scrollLeft !== el.scrollLeft\n\t\t) {\n\t\t\theaderRef.current.scrollLeft = el.scrollLeft;\n\t\t}\n\t}, []);\n\n\tconst handleReachEnd = useCallback(() => {\n\t\tif (virtual.onReachEnd) {\n\t\t\tvirtual.onReachEnd();\n\t\t\treturn;\n\t\t}\n\t\tonScroll?.(undefined as any);\n\t}, [onScroll, virtual.onReachEnd]);\n\n\tconst handleRowsRendered = useCallback(\n\t\t(_visible: any, overscan: any) => {\n\t\t\tif (!virtual.hasMore) return;\n\t\t\tconst threshold = virtual.threshold ?? 8;\n\t\t\tconst stopIndex = overscan?.stopIndex ?? -1;\n\t\t\tif (stopIndex < rows.length - 1 - threshold) return;\n\t\t\tif (triggerRef.current.rowCount === rows.length) return;\n\t\t\ttriggerRef.current.rowCount = rows.length;\n\t\t\thandleReachEnd();\n\t\t},\n\t\t[handleReachEnd, rows.length, virtual.hasMore, virtual.threshold],\n\t);\n\n\tconst handleHeaderScroll = useCallback((e: any) => {\n\t\tconst el = e.currentTarget as HTMLDivElement | null;\n\t\tif (!el) return;\n\t\tconst listEl = listRef.current?.element as HTMLDivElement | null;\n\t\tif (listEl && listEl.scrollLeft !== el.scrollLeft) {\n\t\t\tlistEl.scrollLeft = el.scrollLeft;\n\t\t}\n\t}, []);\n\n\tconst handleBodyClickCapture = useCallback(\n\t\t(e: any, rowData: IData, rowNum: number) => {\n\t\t\tif (!onCellClick) return;\n\t\t\tconst el = (e.target as HTMLElement | null)?.closest?.(\n\t\t\t\t\".i-datagrid-cell[data-col]\",\n\t\t\t) as HTMLElement | null;\n\t\t\tconst id = el?.dataset?.col;\n\t\t\tif (!id) return;\n\t\t\tconst column = columnById.get(id);\n\t\t\tconst col = columnIndexById.get(id);\n\t\t\tif (!column || col == null) return;\n\t\t\tonCellClick(rowData, column, rowNum, col, e);\n\t\t},\n\t\t[columnById, columnIndexById, onCellClick],\n\t);\n\n\tconst handleBodyDoubleClickCapture = useCallback(\n\t\t(e: any, rowData: IData, rowNum: number) => {\n\t\t\tif (!onCellDoubleClick) return;\n\t\t\tconst el = (e.target as HTMLElement | null)?.closest?.(\n\t\t\t\t\".i-datagrid-cell[data-col]\",\n\t\t\t) as HTMLElement | null;\n\t\t\tconst id = el?.dataset?.col;\n\t\t\tif (!id) return;\n\t\t\tconst column = columnById.get(id);\n\t\t\tconst col = columnIndexById.get(id);\n\t\t\tif (!column || col == null) return;\n\t\t\tonCellDoubleClick(rowData, column, rowNum, col, e);\n\t\t},\n\t\t[columnById, columnIndexById, onCellDoubleClick],\n\t);\n\n\tuseEffect(() => {\n\t\tconst el = wrapRef.current;\n\t\tif (!el) return;\n\n\t\tconst update = () => {\n\t\t\tif (rafRef.current.viewport)\n\t\t\t\tcancelAnimationFrame(rafRef.current.viewport);\n\t\t\trafRef.current.viewport = requestAnimationFrame(() => {\n\t\t\t\trafRef.current.viewport = 0;\n\t\t\t\tconst r = el.getBoundingClientRect();\n\t\t\t\tconst w = Math.round(r.width);\n\t\t\t\tconst h = Math.round(r.height);\n\t\t\t\tsetViewport((prev) => {\n\t\t\t\t\tif (prev.width === w && prev.height === h) return prev;\n\t\t\t\t\treturn { width: w, height: h };\n\t\t\t\t});\n\t\t\t});\n\t\t};\n\n\t\tupdate();\n\t\tro.observe?.(el, update);\n\t\treturn () => {\n\t\t\tro.unobserve?.(el);\n\t\t\tif (rafRef.current.viewport)\n\t\t\t\tcancelAnimationFrame(rafRef.current.viewport);\n\t\t\trafRef.current.viewport = 0;\n\t\t};\n\t}, [ro, wrapRef]);\n\n\tuseEffect(() => {\n\t\tconst el = headerInnerRef.current;\n\t\tif (!el) return;\n\n\t\tconst update = () => {\n\t\t\tif (rafRef.current.contentWidth) {\n\t\t\t\tcancelAnimationFrame(rafRef.current.contentWidth);\n\t\t\t}\n\t\t\trafRef.current.contentWidth = requestAnimationFrame(() => {\n\t\t\t\trafRef.current.contentWidth = 0;\n\t\t\t\tconst w = Math.ceil(el.scrollWidth);\n\t\t\t\tsetContentWidth((prev) => (prev === w ? prev : w));\n\t\t\t});\n\t\t};\n\n\t\tupdate();\n\t\tro.observe?.(el, update);\n\t\treturn () => {\n\t\t\tro.unobserve?.(el);\n\t\t\tif (rafRef.current.contentWidth) {\n\t\t\t\tcancelAnimationFrame(rafRef.current.contentWidth);\n\t\t\t}\n\t\t\trafRef.current.contentWidth = 0;\n\t\t};\n\t}, [ro]);\n\n\tuseEffect(() => {\n\t\ttriggerRef.current.rowCount = -1;\n\t}, [rows.length, virtual.hasMore]);\n\n\tuseEffect(() => {\n\t\tif (!loading) return;\n\t\tconst listEl = listRef.current?.element as HTMLDivElement | null;\n\t\tlistEl?.scrollTo({ top: 0, left: 0 });\n\t\theaderRef.current?.scrollTo({ top: 0, left: 0 });\n\t}, [loading]);\n\n\tconst listHeight = Math.max(\n\t\t0,\n\t\t(typeof height === \"number\" ? height : viewport.height || 360) -\n\t\t\t(header ? virtual.rowHeight : 0),\n\t);\n\tconst hasVerticalScrollbar =\n\t\trows.length * virtual.rowHeight > listHeight + 1;\n\tconst scrollbarSize = hasVerticalScrollbar ? getScrollbarSize() : 0;\n\tconst measuredContentWidth = Math.max(contentWidth, viewport.width || 0);\n\tconst contentWidthPx = measuredContentWidth\n\t\t? `${measuredContentWidth}px`\n\t\t: \"fit-content\";\n\n\tconst headerCells = useMemo(\n\t\t() =>\n\t\t\tcolumns.map((c, col) =>\n\t\t\t\trenderVirtualCell({\n\t\t\t\t\tcolumn: c,\n\t\t\t\t\trow: 0,\n\t\t\t\t\tcol,\n\t\t\t\t\tisHeader: true,\n\t\t\t\t}),\n\t\t\t),\n\t\t[columns, renderVirtualCell],\n\t);\n\n\tconst headerInnerStyle = useMemo(\n\t\t() => ({\n\t\t\tdisplay: \"grid\",\n\t\t\tgridTemplateColumns: \"var(--grid-template-columns)\",\n\t\t\theight: virtual.rowHeight,\n\t\t\twidth: contentWidthPx,\n\t\t\tminWidth: \"100%\",\n\t\t}),\n\t\t[contentWidthPx, virtual.rowHeight],\n\t);\n\n\tconst listStyle = useMemo(\n\t\t() => ({\n\t\t\theight: listHeight,\n\t\t\twidth: \"100%\",\n\t\t\toverflow: \"auto\",\n\t\t}),\n\t\t[listHeight],\n\t);\n\n\tconst headerWrapStyle = useMemo(\n\t\t() =>\n\t\t\tscrollbarSize > 0\n\t\t\t\t? {\n\t\t\t\t\t\tpaddingRight: scrollbarSize,\n\t\t\t\t\t\tboxSizing: \"content-box\" as const,\n\t\t\t\t\t}\n\t\t\t\t: undefined,\n\t\t[scrollbarSize],\n\t);\n\n\tconst loaderNode = useMemo<ReactNode>(\n\t\t() => virtual.loader ?? <Loading className='my-12' />,\n\t\t[virtual.loader],\n\t);\n\n\tconst rowComponent = useCallback(\n\t\t({ index, style: itemStyle }: any) => {\n\t\t\tif (index >= rows.length) {\n\t\t\t\treturn (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t...itemStyle,\n\t\t\t\t\t\t\twidth: contentWidthPx,\n\t\t\t\t\t\t\tminWidth: \"100%\",\n\t\t\t\t\t\t\tdisplay: \"flex\",\n\t\t\t\t\t\t\talignItems: \"center\",\n\t\t\t\t\t\t\tjustifyContent: \"center\",\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{loaderNode}\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tconst rowData = rows[index];\n\t\t\tconst rowNum = index + (header ? 1 : 0);\n\t\t\tconst bg =\n\t\t\t\tstriped && index % 2 === 0 ? \"var(--background-1)\" : undefined;\n\n\t\t\treturn (\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\t...itemStyle,\n\t\t\t\t\t\twidth: contentWidthPx,\n\t\t\t\t\t\tminWidth: \"100%\",\n\t\t\t\t\t\tdisplay: \"grid\",\n\t\t\t\t\t\tgridTemplateColumns: \"var(--grid-template-columns)\",\n\t\t\t\t\t\theight: virtual.rowHeight,\n\t\t\t\t\t\t\"--datagrid-cell-background\": bg,\n\t\t\t\t\t}}\n\t\t\t\t\tclassName='i-datagrid-row'\n\t\t\t\t\tonClickCapture={(e) =>\n\t\t\t\t\t\thandleBodyClickCapture(e, rowData, rowNum)\n\t\t\t\t\t}\n\t\t\t\t\tonDoubleClickCapture={(e) =>\n\t\t\t\t\t\thandleBodyDoubleClickCapture(e, rowData, rowNum)\n\t\t\t\t\t}\n\t\t\t\t\tonClick={() => onRowClick?.(rowData, rowNum)}\n\t\t\t\t>\n\t\t\t\t\t{columns.map((c, col) =>\n\t\t\t\t\t\trenderVirtualCell({\n\t\t\t\t\t\t\tcolumn: c,\n\t\t\t\t\t\t\tdata: rowData,\n\t\t\t\t\t\t\trow: rowNum,\n\t\t\t\t\t\t\tcol,\n\t\t\t\t\t\t}),\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t);\n\t\t},\n\t\t[\n\t\t\tcolumns,\n\t\t\tcontentWidthPx,\n\t\t\thandleBodyClickCapture,\n\t\t\thandleBodyDoubleClickCapture,\n\t\t\theader,\n\t\t\tloaderNode,\n\t\t\tonRowClick,\n\t\t\trenderVirtualCell,\n\t\t\trows,\n\t\t\tstriped,\n\t\t\tvirtual.rowHeight,\n\t\t],\n\t);\n\n\treturn (\n\t\t<div\n\t\t\tref={containerRef}\n\t\t\tclassName={classNames(\"i-datagrid\", {\n\t\t\t\t\"i-datagrid-loading\": loading,\n\t\t\t})}\n\t\t\tstyle={{ display: \"block\", width: \"100%\", maxWidth: \"100%\" }}\n\t\t>\n\t\t\t{header && (\n\t\t\t\t<div\n\t\t\t\t\tref={headerRef}\n\t\t\t\t\tclassName='i-datagrid-virtual-header'\n\t\t\t\t\tonScroll={handleHeaderScroll}\n\t\t\t\t\tstyle={headerWrapStyle}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tref={headerInnerRef}\n\t\t\t\t\t\tclassName='i-datagrid-header i-datagrid-row'\n\t\t\t\t\t\tstyle={headerInnerStyle}\n\t\t\t\t\t\tonClick={handleHeaderClick}\n\t\t\t\t\t>\n\t\t\t\t\t\t{headerCells}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t<VirtualList\n\t\t\t\tlistRef={listRef}\n\t\t\t\trowCount={rows.length + (virtual.hasMore ? 1 : 0)}\n\t\t\t\trowHeight={virtual.rowHeight}\n\t\t\t\toverscanCount={Math.max(3, virtual.threshold ?? 8)}\n\t\t\t\trowProps={{}}\n\t\t\t\tstyle={listStyle}\n\t\t\t\tonScroll={handleBodyScroll}\n\t\t\t\tonRowsRendered={handleRowsRendered}\n\t\t\t\trowComponent={rowComponent}\n\t\t\t/>\n\t\t\t{rows.length < 1 && !virtual.hasMore && empty}\n\t\t</div>\n\t);\n}\n"],"names":["loading","useRef","useResizeObserver","useState","useMemo","useCallback","sorter","_jsxs","classNames","_jsx","Sorter","Resize","useEffect","getScrollbarSize","Loading","VirtualList"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"description.js","sources":["../../../../packages/components/description/description.tsx"],"sourcesContent":["import classNames from \"classnames\";\r\nimport { CSSProperties, Fragment } from \"react\";\r\nimport \"./index.css\";\r\nimport { IDescription } from \"./type\";\r\n\r\nconst Description = (props: IDescription) => {\r\n\tconst {\r\n\t\tdata,\r\n\t\tcolon,\r\n\t\tcolumns = 1,\r\n\t\tgap = \".5em\",\r\n\t\talign,\r\n\t\tlabelWidth,\r\n\t\tlabelAlign,\r\n\t\tvertical,\r\n\t\tequally,\r\n\t\tstyle,\r\n\t\tclassName,\r\n\t} = props;\r\n\r\n\treturn (\r\n\t\t<div\r\n\t\t\tclassName={classNames(\"i-description\", className)}\r\n\t\t\tstyle={\r\n\t\t\t\t{\r\n\t\t\t\t\t[\"--description-label-width\"]: labelWidth,\r\n\t\t\t\t\tgridTemplateColumns: `repeat(${columns}, ${\r\n\t\t\t\t\t\tequally ? \"1fr\" : \"auto\"\r\n\t\t\t\t\t})`,\r\n\t\t\t\t\tgap,\r\n\t\t\t\t\ttextAlign: align,\r\n\t\t\t\t\t...style,\r\n\t\t\t\t} as CSSProperties\r\n\t\t\t}\r\n\t\t>\r\n\t\t\t{data.map((item, i) => {\r\n\t\t\t\tconst {\r\n\t\t\t\t\tlabel,\r\n\t\t\t\t\tvalue,\r\n\t\t\t\t\tstyle,\r\n\t\t\t\t\thidden,\r\n\t\t\t\t\trowSpan = 1,\r\n\t\t\t\t\tcolSpan = 1,\r\n\t\t\t\t} = item;\r\n\r\n\t\t\t\tif (hidden) return <Fragment key={i} />;\r\n\r\n\t\t\t\treturn (\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tkey={i}\r\n\t\t\t\t\t\tclassName={classNames(\"i-description-item\", {\r\n\t\t\t\t\t\t\t\"i-description-item-vertical\": vertical,\r\n\t\t\t\t\t\t})}\r\n\t\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t\tgridColumn: `span ${colSpan}`,\r\n\t\t\t\t\t\t\tgridRow: `span ${rowSpan}`,\r\n\t\t\t\t\t\t\t...style,\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{label && (\r\n\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\tclassName='i-description-label'\r\n\t\t\t\t\t\t\t\tstyle={{ textAlign: labelAlign }}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{label}\r\n\t\t\t\t\t\t\t\t{colon}\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t<div className='i-description-value'>{value}</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t);\r\n\t\t\t})}\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nexport default Description;\r\n"],"names":["_jsx","classNames","Fragment","_jsxs"],"mappings":";;;;;;;;;;;;AAKA,MAAM,WAAW,GAAG,CAAC,KAAmB,KAAI;AAC3C,IAAA,MAAM,EACL,IAAI,EACJ,KAAK,EACL,OAAO,GAAG,CAAC,EACX,GAAG,GAAG,MAAM,EACZ,KAAK,EACL,UAAU,EACV,UAAU,EACV,QAAQ,EACR,OAAO,EACP,KAAK,EACL,SAAS,GACT,GAAG,KAAK;AAET,IAAA,QACCA,cAAA,CAAA,KAAA,EAAA,EACC,SAAS,EAAEC,mBAAU,CAAC,eAAe,EAAE,SAAS,CAAC,EACjD,KAAK,EACJ;YACC,CAAC,2BAA2B,GAAG,UAAU;AACzC,YAAA,mBAAmB,EAAE,CAAA,OAAA,EAAU,OAAO,CAAA,EAAA,EACrC,OAAO,GAAG,KAAK,GAAG,MACnB,CAAA,CAAA,CAAG;YACH,GAAG;AACH,YAAA,SAAS,EAAE,KAAK;AAChB,YAAA,GAAG,KAAK;SACS,EAAA,QAAA,EAGlB,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAI;AACrB,YAAA,MAAM,EACL,KAAK,EACL,KAAK,EACL,KAAK,EACL,MAAM,EACN,OAAO,GAAG,CAAC,EACX,OAAO,GAAG,CAAC,GACX,GAAG,IAAI;AAER,YAAA,IAAI,MAAM;AAAE,gBAAA,OAAOD,cAAA,CAACE,cAAQ,EAAA,EAAA,EAAM,CAAC,CAAI;AAEvC,YAAA,QACCC,eAAA,CAAA,KAAA,EAAA,EAEC,SAAS,EAAEF,mBAAU,CAAC,oBAAoB,EAAE;AAC3C,oBAAA,6BAA6B,EAAE,QAAQ;iBACvC,CAAC,EACF,KAAK,EAAE;oBACN,UAAU,EAAE,CAAA,KAAA,EAAQ,OAAO,CAAA,CAAE;oBAC7B,OAAO,EAAE,CAAA,KAAA,EAAQ,OAAO,CAAA,CAAE;AAC1B,oBAAA,GAAG,KAAK;AACR,iBAAA,EAAA,QAAA,EAAA,CAEA,KAAK,KACLE,eAAA,CAAA,KAAA,EAAA,EACC,SAAS,EAAC,qBAAqB,EAC/B,KAAK,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE,EAAA,QAAA,EAAA,CAE/B,KAAK,EACL,KAAK,CAAA,EAAA,CACD,CACN,EACDH,wBAAK,SAAS,EAAC,qBAAqB,EAAA,QAAA,EAAE,KAAK,EAAA,CAAO,CAAA,EAAA,EAnB7C,CAAC,CAoBD;QAER,CAAC,CAAC,EAAA,CACG;AAER;;;;"}
+{"version":3,"file":"description.js","sources":["../../../../packages/components/description/description.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { CSSProperties, Fragment } from \"react\";\nimport \"./index.css\";\nimport { IDescription } from \"./type\";\n\nconst Description = (props: IDescription) => {\n\tconst {\n\t\tdata,\n\t\tcolon,\n\t\tcolumns = 1,\n\t\tgap = \".5em\",\n\t\talign,\n\t\tlabelWidth,\n\t\tlabelAlign,\n\t\tvertical,\n\t\tequally,\n\t\tstyle,\n\t\tclassName,\n\t} = props;\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(\"i-description\", className)}\n\t\t\tstyle={\n\t\t\t\t{\n\t\t\t\t\t[\"--description-label-width\"]: labelWidth,\n\t\t\t\t\tgridTemplateColumns: `repeat(${columns}, ${\n\t\t\t\t\t\tequally ? \"1fr\" : \"auto\"\n\t\t\t\t\t})`,\n\t\t\t\t\tgap,\n\t\t\t\t\ttextAlign: align,\n\t\t\t\t\t...style,\n\t\t\t\t} as CSSProperties\n\t\t\t}\n\t\t>\n\t\t\t{data.map((item, i) => {\n\t\t\t\tconst {\n\t\t\t\t\tlabel,\n\t\t\t\t\tvalue,\n\t\t\t\t\tstyle,\n\t\t\t\t\thidden,\n\t\t\t\t\trowSpan = 1,\n\t\t\t\t\tcolSpan = 1,\n\t\t\t\t} = item;\n\n\t\t\t\tif (hidden) return <Fragment key={i} />;\n\n\t\t\t\treturn (\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\tclassName={classNames(\"i-description-item\", {\n\t\t\t\t\t\t\t\"i-description-item-vertical\": vertical,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tgridColumn: `span ${colSpan}`,\n\t\t\t\t\t\t\tgridRow: `span ${rowSpan}`,\n\t\t\t\t\t\t\t...style,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{label && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName='i-description-label'\n\t\t\t\t\t\t\t\tstyle={{ textAlign: labelAlign }}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t\t\t{colon}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<div className='i-description-value'>{value}</div>\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t})}\n\t\t</div>\n\t);\n};\n\nexport default Description;\n"],"names":["_jsx","classNames","Fragment","_jsxs"],"mappings":";;;;;;;;;;;;AAKA,MAAM,WAAW,GAAG,CAAC,KAAmB,KAAI;AAC3C,IAAA,MAAM,EACL,IAAI,EACJ,KAAK,EACL,OAAO,GAAG,CAAC,EACX,GAAG,GAAG,MAAM,EACZ,KAAK,EACL,UAAU,EACV,UAAU,EACV,QAAQ,EACR,OAAO,EACP,KAAK,EACL,SAAS,GACT,GAAG,KAAK;AAET,IAAA,QACCA,cAAA,CAAA,KAAA,EAAA,EACC,SAAS,EAAEC,mBAAU,CAAC,eAAe,EAAE,SAAS,CAAC,EACjD,KAAK,EACJ;YACC,CAAC,2BAA2B,GAAG,UAAU;AACzC,YAAA,mBAAmB,EAAE,CAAA,OAAA,EAAU,OAAO,CAAA,EAAA,EACrC,OAAO,GAAG,KAAK,GAAG,MACnB,CAAA,CAAA,CAAG;YACH,GAAG;AACH,YAAA,SAAS,EAAE,KAAK;AAChB,YAAA,GAAG,KAAK;SACS,EAAA,QAAA,EAGlB,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAI;AACrB,YAAA,MAAM,EACL,KAAK,EACL,KAAK,EACL,KAAK,EACL,MAAM,EACN,OAAO,GAAG,CAAC,EACX,OAAO,GAAG,CAAC,GACX,GAAG,IAAI;AAER,YAAA,IAAI,MAAM;AAAE,gBAAA,OAAOD,cAAA,CAACE,cAAQ,EAAA,EAAA,EAAM,CAAC,CAAI;AAEvC,YAAA,QACCC,eAAA,CAAA,KAAA,EAAA,EAEC,SAAS,EAAEF,mBAAU,CAAC,oBAAoB,EAAE;AAC3C,oBAAA,6BAA6B,EAAE,QAAQ;iBACvC,CAAC,EACF,KAAK,EAAE;oBACN,UAAU,EAAE,CAAA,KAAA,EAAQ,OAAO,CAAA,CAAE;oBAC7B,OAAO,EAAE,CAAA,KAAA,EAAQ,OAAO,CAAA,CAAE;AAC1B,oBAAA,GAAG,KAAK;AACR,iBAAA,EAAA,QAAA,EAAA,CAEA,KAAK,KACLE,eAAA,CAAA,KAAA,EAAA,EACC,SAAS,EAAC,qBAAqB,EAC/B,KAAK,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE,EAAA,QAAA,EAAA,CAE/B,KAAK,EACL,KAAK,CAAA,EAAA,CACD,CACN,EACDH,wBAAK,SAAS,EAAC,qBAAqB,EAAA,QAAA,EAAE,KAAK,EAAA,CAAO,CAAA,EAAA,EAnB7C,CAAC,CAoBD;QAER,CAAC,CAAC,EAAA,CACG;AAER;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","sources":["../../../../packages/components/drawer/drawer.tsx"],"sourcesContent":["import classNames from \"classnames\";\r\nimport { useEffect, useRef, useTransition } from \"react\";\r\nimport { createPortal } from \"react-dom\";\r\nimport { useKeydown, useReactive } from \"../../js/hooks\";\r\nimport Helpericon from \"../utils/helpericon\";\r\nimport \"./index.css\";\r\nimport { IDrawer } from \"./type\";\r\n\r\nfunction Drawer(props: IDrawer) {\r\n\tconst {\r\n\t\tvisible,\r\n\t\tposition = \"left\",\r\n\t\theader,\r\n\t\tfooter,\r\n\t\tbackdropClosable = true,\r\n\t\thideCloseButton,\r\n\t\tkeepDOM,\r\n\t\tclassName,\r\n\t\tdisabledEsc,\r\n\t\tchildren,\r\n\t\tonVisibleChange,\r\n\t\tonClose,\r\n\t\t...restProps\r\n\t} = props;\r\n\r\n\tconst toggable = useRef(true);\r\n\tconst state = useReactive({\r\n\t\tshow: visible,\r\n\t\tactive: visible,\r\n\t});\r\n\tconst [isPending, startTransition] = useTransition();\r\n\r\n\tconst handleHide = () => {\r\n\t\tif (!toggable.current || isPending) return;\r\n\t\ttoggable.current = false;\r\n\r\n\t\tstartTransition(() => {\r\n\t\t\tstate.active = false;\r\n\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tif (!keepDOM) {\r\n\t\t\t\t\tstate.show = false;\r\n\t\t\t\t}\r\n\t\t\t\tonVisibleChange?.(false);\r\n\t\t\t\ttoggable.current = true;\r\n\t\t\t\tonClose?.();\r\n\t\t\t}, 240);\r\n\t\t});\r\n\t};\r\n\r\n\tconst handleShow = () => {\r\n\t\tif (!toggable.current || isPending) return;\r\n\r\n\t\tstate.show = true;\r\n\t\tonVisibleChange?.(true);\r\n\t\ttoggable.current = false;\r\n\r\n\t\tstartTransition(() => {\r\n\t\t\trequestAnimationFrame(() => {\r\n\t\t\t\tstate.active = true;\r\n\t\t\t\ttoggable.current = true;\r\n\t\t\t});\r\n\t\t});\r\n\t};\r\n\r\n\tuseEffect(() => {\r\n\t\tvisible ? handleShow() : handleHide();\r\n\t}, [visible]);\r\n\r\n\tconst handleBackdropClick = () => {\r\n\t\tbackdropClosable && handleHide();\r\n\t};\r\n\r\n\tuseKeydown(\r\n\t\t(e) => {\r\n\t\t\tif (e.code !== \"Escape\" || !visible) return;\r\n\t\t\thandleHide();\r\n\t\t},\r\n\t\t{\r\n\t\t\tdisabled: disabledEsc,\r\n\t\t}\r\n\t);\r\n\r\n\tif (!state.show) return null;\r\n\r\n\treturn createPortal(\r\n\t\t<div\r\n\t\t\tclassName={classNames(\"i-backdrop-drawer\", className, {\r\n\t\t\t\t\"i-active\": state.active,\r\n\t\t\t})}\r\n\t\t\tonClick={handleBackdropClick}\r\n\t\t\t{...restProps}\r\n\t\t>\r\n\t\t\t<div\r\n\t\t\t\tclassName={classNames(\"i-drawer\", `i-drawer-${position}`)}\r\n\t\t\t\tonClick={(e) => e.stopPropagation()}\r\n\t\t\t>\r\n\t\t\t\t{header && (\r\n\t\t\t\t\t<header className='i-drawer-header'>\r\n\t\t\t\t\t\t{header}\r\n\r\n\t\t\t\t\t\t{!hideCloseButton && (\r\n\t\t\t\t\t\t\t<Helpericon\r\n\t\t\t\t\t\t\t\tclassName='i-drawer-close'\r\n\t\t\t\t\t\t\t\tonClick={handleHide}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</header>\r\n\t\t\t\t)}\r\n\r\n\t\t\t\t<div className='i-drawer-content'>{children}</div>\r\n\r\n\t\t\t\t{footer && <div className='i-drawer-footer'>{footer}</div>}\r\n\t\t\t</div>\r\n\t\t</div>,\r\n\t\tdocument.body\r\n\t);\r\n}\r\n\r\nexport default Drawer;\r\n"],"names":["useRef","useReactive","useTransition","useEffect","useKeydown","createPortal","_jsx","classNames","_jsxs","Helpericon"],"mappings":"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"}
+{"version":3,"file":"drawer.js","sources":["../../../../packages/components/drawer/drawer.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { useEffect, useRef, useTransition } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useKeydown, useReactive } from \"../../js/hooks\";\nimport Helpericon from \"../utils/helpericon\";\nimport \"./index.css\";\nimport { IDrawer } from \"./type\";\n\nfunction Drawer(props: IDrawer) {\n\tconst {\n\t\tvisible,\n\t\tposition = \"left\",\n\t\theader,\n\t\tfooter,\n\t\tbackdropClosable = true,\n\t\thideCloseButton,\n\t\tkeepDOM,\n\t\tclassName,\n\t\tdisabledEsc,\n\t\tchildren,\n\t\tonVisibleChange,\n\t\tonClose,\n\t\t...restProps\n\t} = props;\n\n\tconst toggable = useRef(true);\n\tconst state = useReactive({\n\t\tshow: visible,\n\t\tactive: visible,\n\t});\n\tconst [isPending, startTransition] = useTransition();\n\n\tconst handleHide = () => {\n\t\tif (!toggable.current || isPending) return;\n\t\ttoggable.current = false;\n\n\t\tstartTransition(() => {\n\t\t\tstate.active = false;\n\n\t\t\tsetTimeout(() => {\n\t\t\t\tif (!keepDOM) {\n\t\t\t\t\tstate.show = false;\n\t\t\t\t}\n\t\t\t\tonVisibleChange?.(false);\n\t\t\t\ttoggable.current = true;\n\t\t\t\tonClose?.();\n\t\t\t}, 240);\n\t\t});\n\t};\n\n\tconst handleShow = () => {\n\t\tif (!toggable.current || isPending) return;\n\n\t\tstate.show = true;\n\t\tonVisibleChange?.(true);\n\t\ttoggable.current = false;\n\n\t\tstartTransition(() => {\n\t\t\trequestAnimationFrame(() => {\n\t\t\t\tstate.active = true;\n\t\t\t\ttoggable.current = true;\n\t\t\t});\n\t\t});\n\t};\n\n\tuseEffect(() => {\n\t\tvisible ? handleShow() : handleHide();\n\t}, [visible]);\n\n\tconst handleBackdropClick = () => {\n\t\tbackdropClosable && handleHide();\n\t};\n\n\tuseKeydown(\n\t\t(e) => {\n\t\t\tif (e.code !== \"Escape\" || !visible) return;\n\t\t\thandleHide();\n\t\t},\n\t\t{\n\t\t\tdisabled: disabledEsc,\n\t\t}\n\t);\n\n\tif (!state.show) return null;\n\n\treturn createPortal(\n\t\t<div\n\t\t\tclassName={classNames(\"i-backdrop-drawer\", className, {\n\t\t\t\t\"i-active\": state.active,\n\t\t\t})}\n\t\t\tonClick={handleBackdropClick}\n\t\t\t{...restProps}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={classNames(\"i-drawer\", `i-drawer-${position}`)}\n\t\t\t\tonClick={(e) => e.stopPropagation()}\n\t\t\t>\n\t\t\t\t{header && (\n\t\t\t\t\t<header className='i-drawer-header'>\n\t\t\t\t\t\t{header}\n\n\t\t\t\t\t\t{!hideCloseButton && (\n\t\t\t\t\t\t\t<Helpericon\n\t\t\t\t\t\t\t\tclassName='i-drawer-close'\n\t\t\t\t\t\t\t\tonClick={handleHide}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</header>\n\t\t\t\t)}\n\n\t\t\t\t<div className='i-drawer-content'>{children}</div>\n\n\t\t\t\t{footer && <div className='i-drawer-footer'>{footer}</div>}\n\t\t\t</div>\n\t\t</div>,\n\t\tdocument.body\n\t);\n}\n\nexport default Drawer;\n"],"names":["useRef","useReactive","useTransition","useEffect","useKeydown","createPortal","_jsx","classNames","_jsxs","Helpericon"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown.js","sources":["../../../../packages/components/dropdown/dropdown.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\r\nimport List from \"../list\";\r\nimport Popup from \"../popup\";\r\nimport \"./index.css\";\r\nimport Item from \"./item\";\r\nimport { IDropdown } from \"./type\";\r\n\r\nconst Dropdown = (props: IDropdown) => {\r\n\tconst { visible, width, content, children, ...restProps } = props;\r\n\tconst [active, setActive] = useState(visible);\r\n\r\n\tif (!content) {\r\n\t\treturn children;\r\n\t}\r\n\r\n\tconst handleVisibleChange = (v: boolean) => {\r\n\t\tsetActive(v);\r\n\t\tif (props.onVisibleChange) {\r\n\t\t\tprops.onVisibleChange(v);\r\n\t\t}\r\n\t};\r\n\r\n\tuseEffect(() => {\r\n\t\tsetActive(visible);\r\n\t}, [visible]);\r\n\r\n\treturn (\r\n\t\t<Popup\r\n\t\t\ttrigger='click'\r\n\t\t\tposition='bottom'\r\n\t\t\tcontent={\r\n\t\t\t\t<List\r\n\t\t\t\t\tclassName='i-dropdown-content'\r\n\t\t\t\t\tstyle={{ minWidth: width }}\r\n\t\t\t\t>\r\n\t\t\t\t\t{typeof content === \"function\"\r\n\t\t\t\t\t\t? content(() => setActive(false))\r\n\t\t\t\t\t\t: content}\r\n\t\t\t\t</List>\r\n\t\t\t}\r\n\t\t\t{...restProps}\r\n\t\t\ttouchable\r\n\t\t\tvisible={active}\r\n\t\t\tonVisibleChange={handleVisibleChange}\r\n\t\t>\r\n\t\t\t{children}\r\n\t\t</Popup>\r\n\t);\r\n};\r\n\r\nDropdown.Item = Item;\r\n\r\nexport default Dropdown;\r\n"],"names":["useState","useEffect","_jsx","Popup","List","Item"],"mappings":";;;;;;;;;;AAOA,MAAM,QAAQ,GAAG,CAAC,KAAgB,KAAI;AACrC,IAAA,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;IACjE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAGA,cAAQ,CAAC,OAAO,CAAC;IAE7C,IAAI,CAAC,OAAO,EAAE;AACb,QAAA,OAAO,QAAQ;IAChB;AAEA,IAAA,MAAM,mBAAmB,GAAG,CAAC,CAAU,KAAI;QAC1C,SAAS,CAAC,CAAC,CAAC;AACZ,QAAA,IAAI,KAAK,CAAC,eAAe,EAAE;AAC1B,YAAA,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC;QACzB;AACD,IAAA,CAAC;IAEDC,eAAS,CAAC,MAAK;QACd,SAAS,CAAC,OAAO,CAAC;AACnB,IAAA,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;AAEb,IAAA,QACCC,cAAA,CAACC,aAAK,EAAA,EACL,OAAO,EAAC,OAAO,EACf,QAAQ,EAAC,QAAQ,EACjB,OAAO,EACND,cAAA,CAACE,YAAI,EAAA,EACJ,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAA,QAAA,EAEzB,OAAO,OAAO,KAAK;kBACjB,OAAO,CAAC,MAAM,SAAS,CAAC,KAAK,CAAC;AAChC,kBAAE,OAAO,EAAA,CACJ,KAEJ,SAAS,EACb,SAAS,EAAA,IAAA,EACT,OAAO,EAAE,MAAM,EACf,eAAe,EAAE,mBAAmB,YAEnC,QAAQ,EAAA,CACF;AAEV;AAEA,QAAQ,CAAC,IAAI,GAAGC,YAAI;;;;"}
+{"version":3,"file":"dropdown.js","sources":["../../../../packages/components/dropdown/dropdown.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport List from \"../list\";\nimport Popup from \"../popup\";\nimport \"./index.css\";\nimport Item from \"./item\";\nimport { IDropdown } from \"./type\";\n\nconst Dropdown = (props: IDropdown) => {\n\tconst { visible, width, content, children, ...restProps } = props;\n\tconst [active, setActive] = useState(visible);\n\n\tif (!content) {\n\t\treturn children;\n\t}\n\n\tconst handleVisibleChange = (v: boolean) => {\n\t\tsetActive(v);\n\t\tif (props.onVisibleChange) {\n\t\t\tprops.onVisibleChange(v);\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tsetActive(visible);\n\t}, [visible]);\n\n\treturn (\n\t\t<Popup\n\t\t\ttrigger='click'\n\t\t\tposition='bottom'\n\t\t\tcontent={\n\t\t\t\t<List\n\t\t\t\t\tclassName='i-dropdown-content'\n\t\t\t\t\tstyle={{ minWidth: width }}\n\t\t\t\t>\n\t\t\t\t\t{typeof content === \"function\"\n\t\t\t\t\t\t? content(() => setActive(false))\n\t\t\t\t\t\t: content}\n\t\t\t\t</List>\n\t\t\t}\n\t\t\t{...restProps}\n\t\t\ttouchable\n\t\t\tvisible={active}\n\t\t\tonVisibleChange={handleVisibleChange}\n\t\t>\n\t\t\t{children}\n\t\t</Popup>\n\t);\n};\n\nDropdown.Item = Item;\n\nexport default Dropdown;\n"],"names":["useState","useEffect","_jsx","Popup","List","Item"],"mappings":";;;;;;;;;;AAOA,MAAM,QAAQ,GAAG,CAAC,KAAgB,KAAI;AACrC,IAAA,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;IACjE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAGA,cAAQ,CAAC,OAAO,CAAC;IAE7C,IAAI,CAAC,OAAO,EAAE;AACb,QAAA,OAAO,QAAQ;IAChB;AAEA,IAAA,MAAM,mBAAmB,GAAG,CAAC,CAAU,KAAI;QAC1C,SAAS,CAAC,CAAC,CAAC;AACZ,QAAA,IAAI,KAAK,CAAC,eAAe,EAAE;AAC1B,YAAA,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC;QACzB;AACD,IAAA,CAAC;IAEDC,eAAS,CAAC,MAAK;QACd,SAAS,CAAC,OAAO,CAAC;AACnB,IAAA,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;AAEb,IAAA,QACCC,cAAA,CAACC,aAAK,EAAA,EACL,OAAO,EAAC,OAAO,EACf,QAAQ,EAAC,QAAQ,EACjB,OAAO,EACND,cAAA,CAACE,YAAI,EAAA,EACJ,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAA,QAAA,EAEzB,OAAO,OAAO,KAAK;kBACjB,OAAO,CAAC,MAAM,SAAS,CAAC,KAAK,CAAC;AAChC,kBAAE,OAAO,EAAA,CACJ,KAEJ,SAAS,EACb,SAAS,EAAA,IAAA,EACT,OAAO,EAAE,MAAM,EACf,eAAe,EAAE,mBAAmB,YAEnC,QAAQ,EAAA,CACF;AAEV;AAEA,QAAQ,CAAC,IAAI,GAAGC,YAAI;;;;"}

package/lib/cjs/components/dropdown/item.js.map

@@ -1 +1 @@
-{"version":3,"file":"item.js","sources":["../../../../packages/components/dropdown/item.tsx"],"sourcesContent":["import List from \"../list\";\r\nimport Popup from \"../popup\";\r\nimport { IDropItem } from \"./type\";\r\n\r\nconst { Item: ListItem } = List;\r\n\r\nconst Item = (props: IDropItem) => {\r\n\tconst { more, moreProps, onClick, ...restProps } = props;\r\n\tconst Li = (\r\n\t\t<ListItem\r\n\t\t\tonClick={(e) => {\r\n\t\t\t\te.stopPropagation();\r\n\t\t\t\tonClick?.(e);\r\n\t\t\t}}\r\n\t\t\t{...restProps}\r\n\t\t/>\r\n\t);\r\n\r\n\tif (!more) return Li;\r\n\r\n\treturn (\r\n\t\t<Popup\r\n\t\t\tposition='right'\r\n\t\t\ttouchable\r\n\t\t\tarrow={false}\r\n\t\t\talign='start'\r\n\t\t\toffset={10}\r\n\t\t\thideDelay={240}\r\n\t\t\t{...moreProps}\r\n\t\t\tcontent={\r\n\t\t\t\t<List\r\n\t\t\t\t\tclassName='i-dropdown-content'\r\n\t\t\t\t\tonClick={(e) => e.stopPropagation()}\r\n\t\t\t\t>\r\n\t\t\t\t\t{more}\r\n\t\t\t\t</List>\r\n\t\t\t}\r\n\t\t>\r\n\t\t\t{Li}\r\n\t\t</Popup>\r\n\t);\r\n};\r\n\r\nexport default Item;\r\n"],"names":["List","_jsx","Popup"],"mappings":";;;;;;;;AAIA,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAGA,YAAI;AAE/B,MAAM,IAAI,GAAG,CAAC,KAAgB,KAAI;AACjC,IAAA,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;IACxD,MAAM,EAAE,IACPC,cAAA,CAAC,QAAQ,EAAA,EACR,OAAO,EAAE,CAAC,CAAC,KAAI;YACd,CAAC,CAAC,eAAe,EAAE;AACnB,YAAA,OAAO,GAAG,CAAC,CAAC;AACb,QAAA,CAAC,EAAA,GACG,SAAS,EAAA,CACZ,CACF;AAED,IAAA,IAAI,CAAC,IAAI;AAAE,QAAA,OAAO,EAAE;IAEpB,QACCA,cAAA,CAACC,aAAK,EAAA,EACL,QAAQ,EAAC,OAAO,EAChB,SAAS,EAAA,IAAA,EACT,KAAK,EAAE,KAAK,EACZ,KAAK,EAAC,OAAO,EACb,MAAM,EAAE,EAAE,EACV,SAAS,EAAE,GAAG,EAAA,GACV,SAAS,EACb,OAAO,EACND,cAAA,CAACD,YAAI,EAAA,EACJ,SAAS,EAAC,oBAAoB,EAC9B,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,eAAe,EAAE,EAAA,QAAA,EAElC,IAAI,EAAA,CACC,EAAA,QAAA,EAGP,EAAE,EAAA,CACI;AAEV;;;;"}
+{"version":3,"file":"item.js","sources":["../../../../packages/components/dropdown/item.tsx"],"sourcesContent":["import List from \"../list\";\nimport Popup from \"../popup\";\nimport { IDropItem } from \"./type\";\n\nconst { Item: ListItem } = List;\n\nconst Item = (props: IDropItem) => {\n\tconst { more, moreProps, onClick, ...restProps } = props;\n\tconst Li = (\n\t\t<ListItem\n\t\t\tonClick={(e) => {\n\t\t\t\te.stopPropagation();\n\t\t\t\tonClick?.(e);\n\t\t\t}}\n\t\t\t{...restProps}\n\t\t/>\n\t);\n\n\tif (!more) return Li;\n\n\treturn (\n\t\t<Popup\n\t\t\tposition='right'\n\t\t\ttouchable\n\t\t\tarrow={false}\n\t\t\talign='start'\n\t\t\toffset={10}\n\t\t\thideDelay={240}\n\t\t\t{...moreProps}\n\t\t\tcontent={\n\t\t\t\t<List\n\t\t\t\t\tclassName='i-dropdown-content'\n\t\t\t\t\tonClick={(e) => e.stopPropagation()}\n\t\t\t\t>\n\t\t\t\t\t{more}\n\t\t\t\t</List>\n\t\t\t}\n\t\t>\n\t\t\t{Li}\n\t\t</Popup>\n\t);\n};\n\nexport default Item;\n"],"names":["List","_jsx","Popup"],"mappings":";;;;;;;;AAIA,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAGA,YAAI;AAE/B,MAAM,IAAI,GAAG,CAAC,KAAgB,KAAI;AACjC,IAAA,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;IACxD,MAAM,EAAE,IACPC,cAAA,CAAC,QAAQ,EAAA,EACR,OAAO,EAAE,CAAC,CAAC,KAAI;YACd,CAAC,CAAC,eAAe,EAAE;AACnB,YAAA,OAAO,GAAG,CAAC,CAAC;AACb,QAAA,CAAC,EAAA,GACG,SAAS,EAAA,CACZ,CACF;AAED,IAAA,IAAI,CAAC,IAAI;AAAE,QAAA,OAAO,EAAE;IAEpB,QACCA,cAAA,CAACC,aAAK,EAAA,EACL,QAAQ,EAAC,OAAO,EAChB,SAAS,EAAA,IAAA,EACT,KAAK,EAAE,KAAK,EACZ,KAAK,EAAC,OAAO,EACb,MAAM,EAAE,EAAE,EACV,SAAS,EAAE,GAAG,EAAA,GACV,SAAS,EACb,OAAO,EACND,cAAA,CAACD,YAAI,EAAA,EACJ,SAAS,EAAC,oBAAoB,EAC9B,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,eAAe,EAAE,EAAA,QAAA,EAElC,IAAI,EAAA,CACC,EAAA,QAAA,EAGP,EAAE,EAAA,CACI;AAEV;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"controls.js","sources":["../../../../packages/components/editor/controls.tsx"],"sourcesContent":["import {\r\n    ClearAllRound,\r\n    FormatBoldRound,\r\n    FormatItalicRound,\r\n    FormatUnderlinedRound,\r\n    RedoRound,\r\n    StrikethroughSRound,\r\n    UndoRound,\r\n} from \"@ricons/material\";\r\nimport { MouseEvent, ReactNode } from \"react\";\r\nimport { type IFilterXSSOptions } from \"xss\";\r\nimport Button from \"../button\";\r\nimport { IButton } from \"../button/type\";\r\nimport Icon from \"../icon\";\r\nimport { IEditorAddtionControl } from \"./type\";\r\n\r\nexport const exec = (a, b?, c?) => {\r\n    if (typeof document === \"undefined\") return;\r\n    return document.execCommand(a, b, c);\r\n};\r\n\r\nconst escapeHtmlAttr = (value: string) =>\r\n    value\r\n        .replaceAll(\"&\", \"&amp;\")\r\n        .replaceAll('\"', \"&quot;\")\r\n        .replaceAll(\"<\", \"&lt;\")\r\n        .replaceAll(\">\", \"&gt;\");\r\n\r\nexport const xssOptions: IFilterXSSOptions = {\r\n    onIgnoreTagAttr(tag, name, value) {\r\n        if ([\"class\", \"contenteditable\"].includes(name)) {\r\n            return name + '=\"' + escapeHtmlAttr(value) + '\"';\r\n        }\r\n        if ([\"data-\", \"style\"].includes(name.substring(0, 5))) {\r\n            return name + '=\"' + escapeHtmlAttr(value) + '\"';\r\n        }\r\n    },\r\n};\r\n\r\nconst handleMouseDown = (e: MouseEvent<HTMLElement>) => {\r\n    e.preventDefault();\r\n};\r\n\r\ntype ControlItem = {\r\n    key: string;\n    icon: ReactNode;\r\n    onClick: () => void;\r\n};\r\n\r\nconst defaultControls: ControlItem[] = [\n    { key: \"undo\", icon: <UndoRound />, onClick: () => exec(\"undo\") },\n    { key: \"redo\", icon: <RedoRound />, onClick: () => exec(\"redo\") },\n    { key: \"bold\", icon: <FormatBoldRound />, onClick: () => exec(\"bold\") },\n    { key: \"italic\", icon: <FormatItalicRound />, onClick: () => exec(\"italic\") },\n    {\n        key: \"underline\",\n        icon: <FormatUnderlinedRound />,\n        onClick: () => exec(\"underline\"),\n    },\n    {\n        key: \"strike\",\n        icon: <StrikethroughSRound />,\n        onClick: () => exec(\"strikeThrough\"),\n    },\n    {\n        key: \"clear\",\n        icon: <ClearAllRound />,\n        onClick: () => exec(\"removeFormat\"),\n    },\n];\n\r\nexport default function getControls(options: {\r\n    controlBtnProps: IButton;\r\n    addtionControls?: IEditorAddtionControl[];\r\n    getSelection: () => Range | null;\r\n}) {\r\n    const { controlBtnProps, addtionControls, getSelection } = options;\r\n\r\n    const controls = defaultControls.map(({ key, icon, onClick }) => (\n        <Button\n            key={key}\n            {...controlBtnProps}\n            onMouseDown={handleMouseDown}\n            onClick={onClick}\n        >\n            <Icon icon={icon} />\n        </Button>\n    ));\n\r\n    const extControls = (addtionControls ?? []).map((item, index) => (\r\n        <Button\r\n            key={`addtion-${index}`}\r\n            {...controlBtnProps}\r\n            onMouseDown={handleMouseDown}\r\n            onClick={(e) => item.onClick?.(getSelection(), e)}\r\n        >\r\n            {item.icon}\r\n        </Button>\r\n    ));\r\n\r\n    return [...controls, ...extControls];\r\n}\r\n"],"names":["_jsx","UndoRound","RedoRound","FormatBoldRound","FormatItalicRound","FormatUnderlinedRound","StrikethroughSRound","ClearAllRound","icon","Button","Icon"],"mappings":"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"}
+{"version":3,"file":"controls.js","sources":["../../../../packages/components/editor/controls.tsx"],"sourcesContent":["import {\n    ClearAllRound,\n    FormatBoldRound,\n    FormatItalicRound,\n    FormatUnderlinedRound,\n    RedoRound,\n    StrikethroughSRound,\n    UndoRound,\n} from \"@ricons/material\";\nimport { MouseEvent, ReactNode } from \"react\";\nimport { type IFilterXSSOptions } from \"xss\";\nimport Button from \"../button\";\nimport { IButton } from \"../button/type\";\nimport Icon from \"../icon\";\nimport { IEditorAddtionControl } from \"./type\";\n\nexport const exec = (a, b?, c?) => {\n    if (typeof document === \"undefined\") return;\n    return document.execCommand(a, b, c);\n};\n\nconst escapeHtmlAttr = (value: string) =>\n    value\n        .replaceAll(\"&\", \"&amp;\")\n        .replaceAll('\"', \"&quot;\")\n        .replaceAll(\"<\", \"&lt;\")\n        .replaceAll(\">\", \"&gt;\");\n\nexport const xssOptions: IFilterXSSOptions = {\n    onIgnoreTagAttr(tag, name, value) {\n        if ([\"class\", \"contenteditable\"].includes(name)) {\n            return name + '=\"' + escapeHtmlAttr(value) + '\"';\n        }\n        if ([\"data-\", \"style\"].includes(name.substring(0, 5))) {\n            return name + '=\"' + escapeHtmlAttr(value) + '\"';\n        }\n    },\n};\n\nconst handleMouseDown = (e: MouseEvent<HTMLElement>) => {\n    e.preventDefault();\n};\n\ntype ControlItem = {\n    key: string;\n    icon: ReactNode;\n    onClick: () => void;\n};\n\nconst defaultControls: ControlItem[] = [\n    { key: \"undo\", icon: <UndoRound />, onClick: () => exec(\"undo\") },\n    { key: \"redo\", icon: <RedoRound />, onClick: () => exec(\"redo\") },\n    { key: \"bold\", icon: <FormatBoldRound />, onClick: () => exec(\"bold\") },\n    { key: \"italic\", icon: <FormatItalicRound />, onClick: () => exec(\"italic\") },\n    {\n        key: \"underline\",\n        icon: <FormatUnderlinedRound />,\n        onClick: () => exec(\"underline\"),\n    },\n    {\n        key: \"strike\",\n        icon: <StrikethroughSRound />,\n        onClick: () => exec(\"strikeThrough\"),\n    },\n    {\n        key: \"clear\",\n        icon: <ClearAllRound />,\n        onClick: () => exec(\"removeFormat\"),\n    },\n];\n\nexport default function getControls(options: {\n    controlBtnProps: IButton;\n    addtionControls?: IEditorAddtionControl[];\n    getSelection: () => Range | null;\n}) {\n    const { controlBtnProps, addtionControls, getSelection } = options;\n\n    const controls = defaultControls.map(({ key, icon, onClick }) => (\n        <Button\n            key={key}\n            {...controlBtnProps}\n            onMouseDown={handleMouseDown}\n            onClick={onClick}\n        >\n            <Icon icon={icon} />\n        </Button>\n    ));\n\n    const extControls = (addtionControls ?? []).map((item, index) => (\n        <Button\n            key={`addtion-${index}`}\n            {...controlBtnProps}\n            onMouseDown={handleMouseDown}\n            onClick={(e) => item.onClick?.(getSelection(), e)}\n        >\n            {item.icon}\n        </Button>\n    ));\n\n    return [...controls, ...extControls];\n}\n"],"names":["_jsx","UndoRound","RedoRound","FormatBoldRound","FormatItalicRound","FormatUnderlinedRound","StrikethroughSRound","ClearAllRound","icon","Button","Icon"],"mappings":"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"}

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

@@ -88,6 +88,10 @@ const Editor = (props) => {
         setMemtionKeyword("");
         setMemtionActiveIndex(0);
     };
+    const syncEditorState = () => {
+        selectionRef.current = null;
+        hideMemtion();
+    };
     const insertMemtion = (option) => {
         const replaceRange = memtion.getMemtionReplaceRange(memtionTriggerRangeRef.current, selectionRef.current);
         const range = memtion.insertMemtionOption({
@@ -174,6 +178,7 @@ const Editor = (props) => {
         if (getEditorValue(true) === nextValue)
             return;
         setEditorValue(nextValue);
+        syncEditorState();
         syncHeight();
     }, [autosize, mode, value]);
     react.useEffect(() => {

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\";\r\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\r\nimport xss from \"xss\";\r\nimport { IButton } from \"../button/type\";\r\nimport getControls, { exec, xssOptions } from \"./controls\";\r\nimport \"./index.css\";\r\nimport Memtion, {\r\n    filterMemtionOptions,\r\n    getMemtionReplaceRange,\r\n    getMemtionText,\r\n    getSelectionRect,\r\n    insertMemtionOption,\r\n    removeAdjacentMemtionTag,\r\n    sanitizePlaintextOnMemtionHtml,\r\n} from \"./memtion\";\r\nimport { IEditor, IEditorMemtionOption } from \"./type\";\r\n\r\nconst controlBtnProps: IButton = {\r\n    square: true,\r\n    flat: true,\r\n    size: \"small\",\r\n};\r\n\r\nconst Editor = (props: IEditor) => {\r\n    const {\r\n        ref,\r\n        value = \"\",\r\n        width,\r\n        height = \"10em\",\r\n        placeholder,\r\n        autosize,\r\n        border = true,\r\n        mode = \"rich\",\r\n        hideControl,\r\n        addtionControls,\r\n        memtion,\r\n        className,\r\n        style,\r\n        onChange,\r\n        onEnter,\r\n        onFocus,\r\n        onBlur,\r\n        onPaste,\r\n        onMouseUp,\r\n        onKeyUp,\r\n        onKeyDown,\r\n        ...restProps\r\n    } = props;\r\n    const editorRef = useRef<HTMLDivElement>(null);\r\n    const selectionRef = useRef<Range | null>(null);\r\n    const memtionTriggerRangeRef = useRef<Range | null>(null);\r\n    const pendingMemtionRef = useRef(false);\r\n    const isPlaintextMode = mode === \"plaintext\";\r\n    const isRichMode = mode === \"rich\";\r\n    const isPlaintextOnMemtionMode = mode === \"plaintextOnMemtion\";\r\n    const [memtionVisible, setMemtionVisible] = useState(false);\r\n    const [memtionRect, setMemtionRect] = useState<DOMRect | null>(null);\r\n    const [memtionKeyword, setMemtionKeyword] = useState(\"\");\r\n    const [memtionActiveIndex, setMemtionActiveIndex] = useState(0);\r\n    const memtionOptions = useMemo(\r\n        () => filterMemtionOptions(memtion?.options ?? [], memtionKeyword),\r\n        [memtion?.options, memtionKeyword],\r\n    );\r\n\r\n    const sanitizeValue = (nextValue: string) => {\r\n        if (isPlaintextMode) {\r\n            return nextValue === \"\\n\" ? \"\" : nextValue;\r\n        }\r\n\r\n        const safeHtml = isPlaintextOnMemtionMode\r\n            ? sanitizePlaintextOnMemtionHtml(xss(nextValue, xssOptions))\r\n            : xss(nextValue, xssOptions);\r\n\r\n        return safeHtml === \"<br>\" ? \"\" : safeHtml;\r\n    };\r\n\r\n    const syncHeight = () => {\r\n        if (autosize && editorRef.current) {\r\n            editorRef.current.style.height = `${editorRef.current.scrollHeight}px`;\r\n        }\r\n    };\r\n\r\n    const rememberSelection = () => {\r\n        if (!editorRef.current) return;\r\n\r\n        const selection = window.getSelection();\r\n        if (!selection?.rangeCount) return;\r\n\r\n        const range = selection.getRangeAt(0);\r\n        const container = range.commonAncestorContainer;\r\n        const parent =\r\n            container.nodeType === Node.ELEMENT_NODE\r\n                ? (container as Element)\r\n                : container.parentElement;\r\n\r\n        if (!parent || !editorRef.current.contains(parent)) return;\r\n\r\n        selectionRef.current = range.cloneRange();\r\n    };\r\n\r\n    const setEditorValue = (nextValue: string) => {\r\n        if (!editorRef.current) return;\r\n\r\n        const safeValue = sanitizeValue(nextValue);\r\n\r\n        if (isPlaintextMode) {\r\n            editorRef.current.textContent = safeValue;\r\n            return;\r\n        }\r\n\r\n        editorRef.current.innerHTML = safeValue;\r\n    };\r\n\r\n    const getEditorValue = (sanitize = false) => {\r\n        const nextValue = !editorRef.current\r\n            ? \"\"\r\n            : isPlaintextMode\r\n              ? (editorRef.current.textContent ?? \"\")\r\n              : editorRef.current.innerHTML;\r\n\r\n        return sanitize ? sanitizeValue(nextValue) : nextValue;\r\n    };\r\n\r\n    const hideMemtion = () => {\r\n        pendingMemtionRef.current = false;\r\n        memtionTriggerRangeRef.current = null;\r\n        setMemtionVisible(false);\r\n        setMemtionRect(null);\r\n        setMemtionKeyword(\"\");\r\n        setMemtionActiveIndex(0);\r\n    };\r\n\r\n    const insertMemtion = (option: IEditorMemtionOption) => {\r\n        const replaceRange = getMemtionReplaceRange(\r\n            memtionTriggerRangeRef.current,\r\n            selectionRef.current,\r\n        );\r\n\r\n        const range = insertMemtionOption({\r\n            editor: editorRef.current,\r\n            range: replaceRange,\r\n            mode,\r\n            memtion,\r\n            option,\r\n            sanitizeValue,\r\n        });\r\n\r\n        if (!range || !editorRef.current) return;\r\n\r\n        selectionRef.current = range.cloneRange();\r\n        hideMemtion();\r\n        editorRef.current.dispatchEvent(new Event(\"input\", { bubbles: true }));\r\n    };\r\n\r\n    const handlePaste = (e) => {\r\n        onPaste?.(e);\r\n\r\n        if (e.defaultPrevented) return;\r\n\r\n        e.preventDefault();\r\n\r\n        const html = e.clipboardData.getData(\"text/html\");\r\n        const text = e.clipboardData.getData(\"text/plain\");\r\n        const pasteValue = isPlaintextMode\r\n            ? text\r\n            : html\r\n              ? sanitizeValue(html)\r\n              : text;\r\n\r\n        exec(isPlaintextMode ? \"insertText\" : \"insertHTML\", false, pasteValue);\r\n    };\r\n\r\n    const handleKeyDown = (e) => {\r\n        onKeyDown?.(e);\r\n\r\n        if (\r\n            !isPlaintextMode &&\r\n            (e.key === \"Backspace\" || e.key === \"Delete\") &&\r\n            removeAdjacentMemtionTag(editorRef.current, e.key)\r\n        ) {\r\n            e.preventDefault();\r\n            rememberSelection();\r\n            editorRef.current?.dispatchEvent(\r\n                new Event(\"input\", { bubbles: true }),\r\n            );\r\n            return;\r\n        }\r\n\r\n        const memtionKey = memtion?.key ?? \"@\";\r\n        if (memtionVisible && e.key === \" \") {\r\n            hideMemtion();\r\n        }\r\n\r\n        if (memtionVisible && memtionOptions.length) {\r\n            switch (e.key) {\r\n                case \"ArrowDown\":\r\n                    e.preventDefault();\r\n                    setMemtionActiveIndex((index) =>\r\n                        index + 1 >= memtionOptions.length ? 0 : index + 1,\r\n                    );\r\n                    return;\r\n                case \"ArrowUp\":\r\n                    e.preventDefault();\r\n                    setMemtionActiveIndex((index) =>\r\n                        index - 1 < 0 ? memtionOptions.length - 1 : index - 1,\r\n                    );\r\n                    return;\r\n                case \"Enter\":\r\n                    e.preventDefault();\r\n                    insertMemtion(memtionOptions[memtionActiveIndex]);\r\n                    return;\r\n                default:\r\n                    break;\r\n            }\r\n        }\r\n\r\n        if (memtion && e.key === memtionKey) {\r\n            rememberSelection();\r\n            memtionTriggerRangeRef.current =\r\n                selectionRef.current?.cloneRange() ?? null;\r\n            pendingMemtionRef.current = true;\r\n        }\r\n\r\n        switch (e.key) {\r\n            case \"Tab\":\r\n                e.preventDefault();\r\n                exec(\r\n                    isRichMode ? \"insertHTML\" : \"insertText\",\r\n                    false,\r\n                    isRichMode ? \"&#09;\" : \"\\t\",\r\n                );\r\n                break;\r\n            case \"Enter\":\r\n                if (!onEnter) break;\r\n                e.preventDefault();\r\n                onEnter(e);\r\n                break;\r\n            default:\r\n                break;\r\n        }\r\n    };\r\n\r\n    useEffect(() => {\r\n        if (!editorRef.current) return;\r\n        const nextValue = sanitizeValue(value);\r\n        if (getEditorValue(true) === nextValue) return;\r\n\r\n        setEditorValue(nextValue);\r\n        syncHeight();\r\n    }, [autosize, mode, value]);\r\n\r\n    useEffect(() => {\r\n        if (!memtionOptions.length) {\r\n            setMemtionActiveIndex(0);\r\n            return;\r\n        }\r\n\r\n        setMemtionActiveIndex((index) =>\r\n            index >= memtionOptions.length ? 0 : index,\r\n        );\r\n    }, [memtionOptions]);\r\n\r\n    const handleInput = (e) => {\r\n        const rawValue = getEditorValue();\r\n        let nextValue = sanitizeValue(rawValue);\r\n\r\n        if (\r\n            isPlaintextOnMemtionMode &&\r\n            rawValue !== nextValue &&\r\n            editorRef.current\r\n        ) {\r\n            setEditorValue(nextValue);\r\n        }\r\n\r\n        if (!nextValue && rawValue && editorRef.current) {\r\n            nextValue = \"\";\r\n            setEditorValue(nextValue);\r\n        }\r\n\r\n        rememberSelection();\r\n\r\n        if (memtion && (pendingMemtionRef.current || memtionVisible)) {\r\n            const memtionKey = memtion?.key ?? \"@\";\r\n            const memtionText = getMemtionText(\r\n                memtionTriggerRangeRef.current,\r\n                selectionRef.current,\r\n            );\r\n\r\n            if (!memtionText.startsWith(memtionKey) || /\\s/.test(memtionText)) {\r\n                hideMemtion();\r\n            } else {\r\n                const keyword = memtionText.slice(memtionKey.length);\r\n                pendingMemtionRef.current = false;\r\n                setMemtionRect(getSelectionRect(selectionRef.current));\r\n                setMemtionKeyword(keyword);\r\n                setMemtionActiveIndex(0);\r\n                setMemtionVisible(true);\r\n            }\r\n        }\r\n\r\n        syncHeight();\r\n\r\n        onChange?.(nextValue, e);\r\n    };\r\n\r\n    const handleFocus = (e) => {\r\n        rememberSelection();\r\n        onFocus?.(e);\r\n    };\r\n\r\n    const handleBlur = (e) => {\r\n        hideMemtion();\r\n        onBlur?.(e);\r\n    };\r\n\r\n    const handleMouseUp = (e) => {\r\n        rememberSelection();\r\n        onMouseUp?.(e);\r\n    };\r\n\r\n    const handleKeyUp = (e) => {\r\n        rememberSelection();\r\n        onKeyUp?.(e);\r\n    };\r\n\r\n    const handleRef = (node: HTMLDivElement | null) => {\r\n        editorRef.current = node;\r\n\r\n        if (typeof ref === \"function\") {\r\n            ref(node);\r\n            return;\r\n        }\r\n\r\n        if (ref) {\r\n            ref.current = node;\r\n        }\r\n    };\r\n\r\n    const getSelection = useCallback(\r\n        () => selectionRef.current?.cloneRange() ?? null,\r\n        [],\r\n    );\r\n\r\n    const controls = useMemo(\r\n        () =>\r\n            getControls({\r\n                controlBtnProps,\r\n                addtionControls,\r\n                getSelection,\r\n            }),\r\n        [addtionControls, getSelection],\r\n    );\r\n\r\n    return (\r\n        <div\r\n            className={classNames(\"i-editor\", className, {\r\n                \"i-editor-borderless\": !border,\r\n            })}\r\n            style={{\r\n                ...style,\r\n                [autosize ? \"minHeight\" : \"height\"]: height,\r\n                width,\r\n            }}\r\n        >\r\n            {!hideControl && (\r\n                <div className=\"i-editor-controls\">{controls}</div>\r\n            )}\r\n\r\n            {memtion && (\r\n                <Memtion\r\n                    visible={memtionVisible}\r\n                    rect={memtionRect}\r\n                    options={memtionOptions}\r\n                    activeIndex={memtionActiveIndex}\r\n                    onActiveChange={setMemtionActiveIndex}\r\n                    onSelect={insertMemtion}\r\n                />\r\n            )}\r\n\r\n            <div\r\n                ref={handleRef}\r\n                className=\"i-editor-content\"\r\n                data-placeholder={placeholder}\r\n                contentEditable={isPlaintextMode ? \"plaintext-only\" : true}\r\n                onFocus={handleFocus}\r\n                onBlur={handleBlur}\r\n                onMouseUp={handleMouseUp}\r\n                onPaste={handlePaste}\r\n                onInput={handleInput}\r\n                onKeyUp={handleKeyUp}\r\n                onKeyDown={handleKeyDown}\r\n                {...restProps}\r\n            />\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default Editor;\r\n"],"names":["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 (\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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"}