@ioca/react 1.5.19 → 1.5.20

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

@@ -1,12 +1,90 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import classNames from 'classnames';
-import { useRef, useState, useMemo, useCallback, useEffect } from 'react';
+import { memo, useMemo, useCallback, useRef, useState, useEffect } from 'react';
 import { getScrollbarSize, List } from 'react-window';
 import { useResizeObserver } from '../../js/hooks.js';
 import Loading from '../loading/loading.js';
 import Resize from './resize.js';
 import Sorter from './sorter.js';
 
+const VirtualCell = memo(function VirtualCell({ column, data, row, col, isHeader, cellEllipsis, sortBy, sortType, resizable, onWidthChange, }) {
+    const { id, fixed, justify, colSpan, render, title, sorter, renderHeader } = column;
+    const style = useMemo(() => ({
+        "--datagrid-justify": justify,
+        gridColumn: `${col + 1} / span ${colSpan ?? 1}`,
+        insetInline: `var(--datagrid-cell-inset-${col})`,
+        ...(isHeader ? { insetBlockStart: 0 } : null),
+        position: !isHeader && !fixed ? "static" : undefined,
+    }), [col, colSpan, fixed, isHeader, justify]);
+    const order = isHeader && sortBy === id ? sortType : "";
+    return (jsxs("div", { "data-col": id, className: classNames("i-datagrid-cell", {
+            [`i-datagrid-cell-fixed-${fixed}`]: fixed,
+            "i-datagrid-has-sorter": isHeader && sorter,
+        }), style: style, children: [isHeader
+                ? (renderHeader?.(column, col) ?? (jsx("div", { className: classNames("i-datagrid-cell-content", {
+                        "i-datagrid-cell-content-ellipsis": cellEllipsis,
+                    }), children: title || id })))
+                : (render?.(data?.[id], data, row, col) ?? (jsx("div", { className: classNames("i-datagrid-cell-content", {
+                        "i-datagrid-cell-content-ellipsis": cellEllipsis,
+                    }), children: data?.[id] }))), isHeader && sorter && jsx(Sorter, { type: order }), isHeader && resizable && (jsx(Resize, { index: col, onWidthChange: onWidthChange }))] }));
+});
+// ---------------------------------------------------------------------------
+// VirtualRow — memoised row rendered by react-window
+// ---------------------------------------------------------------------------
+const VirtualRow = memo(function VirtualRow({ index, style: itemStyle, ariaAttributes, rows, columns, columnById, columnIndexById, contentWidthPx, virtualRowHeight, header, striped, cellEllipsis, loaderNode, sortBy, sortType, resizable, onWidthChange, onRowClick, onCellClick, onCellDoubleClick, }) {
+    if (index >= rows.length) {
+        return (jsx("div", { ...ariaAttributes, 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;
+    const handleCellClick = useCallback((e) => {
+        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, rowData, rowNum]);
+    const handleCellDoubleClick = useCallback((e) => {
+        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, rowData, rowNum]);
+    const handleRowClick = useCallback(() => onRowClick?.(rowData, rowNum), [onRowClick, rowData, rowNum]);
+    return (jsx("div", { style: {
+            ...itemStyle,
+            width: contentWidthPx,
+            minWidth: "100%",
+            display: "grid",
+            gridTemplateColumns: "var(--grid-template-columns)",
+            height: virtualRowHeight,
+            "--datagrid-cell-background": bg,
+        }, className: 'i-datagrid-row', onClick: handleRowClick, onClickCapture: handleCellClick, onDoubleClickCapture: handleCellDoubleClick, children: columns.map((c, col) => (jsx(VirtualCell, { column: c, data: rowData, row: rowNum, col: col, cellEllipsis: cellEllipsis, sortBy: sortBy, sortType: sortType, resizable: resizable, onWidthChange: onWidthChange }, c.id))) }));
+});
+// ---------------------------------------------------------------------------
+// VirtualDatagrid
+// ---------------------------------------------------------------------------
 function VirtualDatagrid(props) {
     const { virtual, columns, rows, header, sortBy, sortType, height, loading, resizable, striped, cellEllipsis, empty, wrapRef, containerRef, onHeaderClick, onWidthChange, onRowClick, onCellClick, onCellDoubleClick, onScroll, } = props;
     const headerRef = useRef(null);
@@ -19,6 +97,7 @@ function VirtualDatagrid(props) {
     const rafRef = useRef({
         viewport: 0,
         contentWidth: 0,
+        scrollSync: 0,
     });
     const columnById = useMemo(() => {
         const map = new Map();
@@ -30,38 +109,6 @@ function VirtualDatagrid(props) {
         columns.forEach((c, i) => map.set(c.id, i));
         return map;
     }, [columns]);
-    const getVirtualCellStyle = useCallback(({ justify, col, colSpan = 1, }) => {
-        return {
-            "--datagrid-justify": justify,
-            gridColumn: `${col + 1} / span ${colSpan}`,
-            insetInline: `var(--datagrid-cell-inset-${col})`,
-        };
-    }, []);
-    const renderVirtualCell = useCallback(({ column, data, row, col, isHeader, }) => {
-        const { id, fixed, justify, colSpan, render, title, sorter, renderHeader, } = column;
-        const style = {
-            ...getVirtualCellStyle({ justify, col, colSpan }),
-            ...(isHeader ? { insetBlockStart: 0 } : null),
-        };
-        const order = isHeader && sortBy === id ? sortType : "";
-        return (jsxs("div", { "data-col": id, className: classNames("i-datagrid-cell", {
-                [`i-datagrid-cell-fixed-${fixed}`]: fixed,
-                "i-datagrid-has-sorter": isHeader && sorter,
-            }), style: style, children: [isHeader
-                    ? (renderHeader?.(column, col) ?? (jsx("div", { className: classNames("i-datagrid-cell-content", {
-                            "i-datagrid-cell-content-ellipsis": cellEllipsis,
-                        }), children: title || id })))
-                    : (render?.(data?.[id], data, row, col) ?? (jsx("div", { className: classNames("i-datagrid-cell-content", {
-                            "i-datagrid-cell-content-ellipsis": cellEllipsis,
-                        }), children: data?.[id] }))), isHeader && sorter && jsx(Sorter, { type: order }), isHeader && resizable && (jsx(Resize, { index: col, onWidthChange: onWidthChange }))] }, id));
-    }, [
-        cellEllipsis,
-        getVirtualCellStyle,
-        onWidthChange,
-        resizable,
-        sortBy,
-        sortType,
-    ]);
     const handleHeaderClick = useCallback((e) => {
         const el = e.target?.closest?.(".i-datagrid-cell[data-col]");
         const id = el?.dataset?.col;
@@ -71,10 +118,17 @@ function VirtualDatagrid(props) {
         const el = e.currentTarget;
         if (!el)
             return;
-        if (headerRef.current &&
-            headerRef.current.scrollLeft !== el.scrollLeft) {
-            headerRef.current.scrollLeft = el.scrollLeft;
-        }
+        if (rafRef.current.scrollSync)
+            return;
+        rafRef.current.scrollSync = requestAnimationFrame(() => {
+            rafRef.current.scrollSync = 0;
+            if (!headerRef.current)
+                return;
+            const target = el.scrollLeft;
+            if (headerRef.current.scrollLeft !== target) {
+                headerRef.current.scrollLeft = target;
+            }
+        });
     }, []);
     const handleReachEnd = useCallback(() => {
         if (virtual.onReachEnd) {
@@ -104,32 +158,6 @@ function VirtualDatagrid(props) {
             listEl.scrollLeft = el.scrollLeft;
         }
     }, []);
-    const handleBodyClickCapture = 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 = 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]);
     useEffect(() => {
         const el = wrapRef.current;
         if (!el)
@@ -200,12 +228,14 @@ function VirtualDatagrid(props) {
     const contentWidthPx = measuredContentWidth
         ? `${measuredContentWidth}px`
         : "fit-content";
-    const headerCells = useMemo(() => columns.map((c, col) => renderVirtualCell({
-        column: c,
-        row: 0,
-        col,
-        isHeader: true,
-    })), [columns, renderVirtualCell]);
+    const headerCells = useMemo(() => columns.map((c, col) => (jsx(VirtualCell, { column: c, row: 0, col: col, isHeader: true, cellEllipsis: cellEllipsis, sortBy: sortBy, sortType: sortType, resizable: resizable, onWidthChange: onWidthChange }, c.id))), [
+        cellEllipsis,
+        columns,
+        onWidthChange,
+        resizable,
+        sortBy,
+        sortType,
+    ]);
     const headerInnerStyle = useMemo(() => ({
         display: "grid",
         gridTemplateColumns: "var(--grid-template-columns)",
@@ -225,50 +255,47 @@ function VirtualDatagrid(props) {
         }
         : undefined, [scrollbarSize]);
     const loaderNode = useMemo(() => virtual.loader ?? jsx(Loading, { className: 'my-12' }), [virtual.loader]);
-    const rowComponent = useCallback(({ index, style: itemStyle }) => {
-        if (index >= rows.length) {
-            return (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 (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,
-            })) }));
-    }, [
+    // Stable row-component reference so react-window can memoise rows.
+    const rowProps = useMemo(() => ({
+        rows,
         columns,
+        columnById,
+        columnIndexById,
         contentWidthPx,
-        handleBodyClickCapture,
-        handleBodyDoubleClickCapture,
+        virtualRowHeight: virtual.rowHeight,
         header,
+        striped,
+        cellEllipsis,
         loaderNode,
+        sortBy,
+        sortType,
+        resizable,
+        onWidthChange,
         onRowClick,
-        renderVirtualCell,
+        onCellClick,
+        onCellDoubleClick,
+    }), [
         rows,
-        striped,
+        columns,
+        columnById,
+        columnIndexById,
+        contentWidthPx,
         virtual.rowHeight,
+        header,
+        striped,
+        cellEllipsis,
+        loaderNode,
+        sortBy,
+        sortType,
+        resizable,
+        onWidthChange,
+        onRowClick,
+        onCellClick,
+        onCellDoubleClick,
     ]);
     return (jsxs("div", { ref: containerRef, className: classNames("i-datagrid", {
             "i-datagrid-loading": loading,
-        }), style: { display: "block", width: "100%", maxWidth: "100%" }, children: [header && (jsx("div", { ref: headerRef, className: 'i-datagrid-virtual-header', onScroll: handleHeaderScroll, style: headerWrapStyle, children: jsx("div", { ref: headerInnerRef, className: 'i-datagrid-header i-datagrid-row', style: headerInnerStyle, onClick: handleHeaderClick, children: headerCells }) })), jsx(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] }));
+        }), style: { display: "block", width: "100%", maxWidth: "100%" }, children: [header && (jsx("div", { ref: headerRef, className: 'i-datagrid-virtual-header', onScroll: handleHeaderScroll, style: headerWrapStyle, children: jsx("div", { ref: headerInnerRef, className: 'i-datagrid-header i-datagrid-row', style: headerInnerStyle, onClick: handleHeaderClick, children: headerCells }) })), jsx(List, { listRef: listRef, rowCount: rows.length + (virtual.hasMore ? 1 : 0), rowHeight: virtual.rowHeight, overscanCount: Math.max(3, virtual.threshold ?? 8), rowProps: rowProps, style: listStyle, onScroll: handleBodyScroll, onRowsRendered: handleRowsRendered, rowComponent: VirtualRow }), rows.length < 1 && !virtual.hasMore && empty] }));
 }
 
 export { VirtualDatagrid as default };

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

@@ -1 +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":["_jsxs","_jsx","VirtualList"],"mappings":"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"}
+{"version":3,"file":"virtual.js","sources":["../../../../packages/components/datagrid/virtual.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport type { CSSProperties, ReactNode } from \"react\";\nimport { memo, 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\n// ---------------------------------------------------------------------------\n// VirtualCell — memoized cell for virtual grid rows\n// ---------------------------------------------------------------------------\n\ntype VirtualCellProps = {\n\tcolumn: IColumn;\n\tdata?: IData;\n\trow: number;\n\tcol: number;\n\tisHeader?: boolean;\n\tcellEllipsis?: boolean;\n\tsortBy: string;\n\tsortType: string;\n\tresizable?: boolean;\n\tonWidthChange?: (i: number, w: number, phase?: \"preview\" | \"commit\") => void;\n};\n\nconst VirtualCell = memo(function VirtualCell({\n\tcolumn,\n\tdata,\n\trow,\n\tcol,\n\tisHeader,\n\tcellEllipsis,\n\tsortBy,\n\tsortType,\n\tresizable,\n\tonWidthChange,\n}: VirtualCellProps) {\n\tconst { id, fixed, justify, colSpan, render, title, sorter, renderHeader } =\n\t\tcolumn;\n\n\tconst style = useMemo(\n\t\t() =>\n\t\t\t({\n\t\t\t\t\"--datagrid-justify\": justify,\n\t\t\t\tgridColumn: `${col + 1} / span ${colSpan ?? 1}`,\n\t\t\t\tinsetInline: `var(--datagrid-cell-inset-${col})`,\n\t\t\t\t...(isHeader ? { insetBlockStart: 0 } : null),\n\t\t\t\tposition: !isHeader && !fixed ? (\"static\" as const) : undefined,\n\t\t\t}) as any,\n\t\t[col, colSpan, fixed, isHeader, justify],\n\t);\n\n\tconst order = isHeader && sortBy === id ? sortType : \"\";\n\n\treturn (\n\t\t<div\n\t\t\tdata-col={id}\n\t\t\tclassName={classNames(\"i-datagrid-cell\", {\n\t\t\t\t[`i-datagrid-cell-fixed-${fixed}`]: fixed,\n\t\t\t\t\"i-datagrid-has-sorter\": isHeader && sorter,\n\t\t\t})}\n\t\t\tstyle={style}\n\t\t>\n\t\t\t{isHeader\n\t\t\t\t? (renderHeader?.(column, col) ?? (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={classNames(\"i-datagrid-cell-content\", {\n\t\t\t\t\t\t\t\t\"i-datagrid-cell-content-ellipsis\": cellEllipsis,\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{title || id}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))\n\t\t\t\t: (render?.(data?.[id], data, row, col) ?? (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={classNames(\"i-datagrid-cell-content\", {\n\t\t\t\t\t\t\t\t\"i-datagrid-cell-content-ellipsis\": cellEllipsis,\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{data?.[id]}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\n\t\t\t{isHeader && sorter && <Sorter type={order} />}\n\t\t\t{isHeader && resizable && (\n\t\t\t\t<Resize index={col} onWidthChange={onWidthChange} />\n\t\t\t)}\n\t\t</div>\n\t);\n});\n\n// ---------------------------------------------------------------------------\n// Row-level data carried through react-window's rowProps\n// ---------------------------------------------------------------------------\n\ntype RowCustomProps = {\n\trows: IData[];\n\tcolumns: IColumn[];\n\tcolumnById: Map<string, IColumn>;\n\tcolumnIndexById: Map<string, number>;\n\tcontentWidthPx: string;\n\tvirtualRowHeight: number;\n\theader: boolean;\n\tstriped?: boolean;\n\tcellEllipsis?: boolean;\n\tloaderNode: ReactNode;\n\tsortBy: string;\n\tsortType: string;\n\tresizable?: boolean;\n\tonWidthChange?: (i: number, w: number, phase?: \"preview\" | \"commit\") => void;\n\tonRowClick?: (data?: IData, row?: number) => void;\n\tonCellClick?: VirtualDatagridProps[\"onCellClick\"];\n\tonCellDoubleClick?: VirtualDatagridProps[\"onCellDoubleClick\"];\n};\n\n// ---------------------------------------------------------------------------\n// VirtualRow — memoised row rendered by react-window\n// ---------------------------------------------------------------------------\n\nconst VirtualRow = memo(function VirtualRow({\n\tindex,\n\tstyle: itemStyle,\n\tariaAttributes,\n\trows,\n\tcolumns,\n\tcolumnById,\n\tcolumnIndexById,\n\tcontentWidthPx,\n\tvirtualRowHeight,\n\theader,\n\tstriped,\n\tcellEllipsis,\n\tloaderNode,\n\tsortBy,\n\tsortType,\n\tresizable,\n\tonWidthChange,\n\tonRowClick,\n\tonCellClick,\n\tonCellDoubleClick,\n}: {\n\t\tindex: number;\n\t\tstyle: CSSProperties;\n\t\tariaAttributes: Record<string, unknown>;\n\t} & RowCustomProps) {\n\tif (index >= rows.length) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\t{...ariaAttributes}\n\t\t\t\tstyle={{\n\t\t\t\t\t...itemStyle,\n\t\t\t\t\twidth: contentWidthPx,\n\t\t\t\t\tminWidth: \"100%\",\n\t\t\t\t\tdisplay: \"flex\",\n\t\t\t\t\talignItems: \"center\",\n\t\t\t\t\tjustifyContent: \"center\",\n\t\t\t\t} as React.CSSProperties}\n\t\t\t>\n\t\t\t\t{loaderNode}\n\t\t\t</div>\n\t\t);\n\t}\n\n\tconst rowData = rows[index];\n\tconst rowNum = index + (header ? 1 : 0);\n\tconst bg =\n\t\tstriped && index % 2 === 0 ? \"var(--background-1)\" : undefined;\n\n\tconst handleCellClick = useCallback(\n\t\t(e: any) => {\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, rowData, rowNum],\n\t);\n\n\tconst handleCellDoubleClick = useCallback(\n\t\t(e: any) => {\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, rowData, rowNum],\n\t);\n\n\tconst handleRowClick = useCallback(\n\t\t() => onRowClick?.(rowData, rowNum),\n\t\t[onRowClick, rowData, rowNum],\n\t);\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\t...itemStyle,\n\t\t\t\twidth: contentWidthPx,\n\t\t\t\tminWidth: \"100%\",\n\t\t\t\tdisplay: \"grid\",\n\t\t\t\tgridTemplateColumns: \"var(--grid-template-columns)\",\n\t\t\t\theight: virtualRowHeight,\n\t\t\t\t\"--datagrid-cell-background\": bg,\n\t\t\t} as React.CSSProperties}\n\t\t\tclassName='i-datagrid-row'\n\t\t\tonClick={handleRowClick}\n\t\t\tonClickCapture={handleCellClick}\n\t\t\tonDoubleClickCapture={handleCellDoubleClick}\n\t\t>\n\t\t\t{columns.map((c, col) => (\n\t\t\t\t<VirtualCell\n\t\t\t\t\tkey={c.id}\n\t\t\t\t\tcolumn={c}\n\t\t\t\t\tdata={rowData}\n\t\t\t\t\trow={rowNum}\n\t\t\t\t\tcol={col}\n\t\t\t\t\tcellEllipsis={cellEllipsis}\n\t\t\t\t\tsortBy={sortBy}\n\t\t\t\t\tsortType={sortType}\n\t\t\t\t\tresizable={resizable}\n\t\t\t\t\tonWidthChange={onWidthChange}\n\t\t\t\t/>\n\t\t\t))}\n\t\t</div>\n\t);\n});\n\n// ---------------------------------------------------------------------------\n// VirtualDatagrid\n// ---------------------------------------------------------------------------\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\tscrollSync: 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 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 (rafRef.current.scrollSync) return;\n\t\trafRef.current.scrollSync = requestAnimationFrame(() => {\n\t\t\trafRef.current.scrollSync = 0;\n\t\t\tif (!headerRef.current) return;\n\t\t\tconst target = el.scrollLeft;\n\t\t\tif (headerRef.current.scrollLeft !== target) {\n\t\t\t\theaderRef.current.scrollLeft = target;\n\t\t\t}\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\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\t<VirtualCell\n\t\t\t\t\tkey={c.id}\n\t\t\t\t\tcolumn={c}\n\t\t\t\t\trow={0}\n\t\t\t\t\tcol={col}\n\t\t\t\t\tisHeader\n\t\t\t\t\tcellEllipsis={cellEllipsis}\n\t\t\t\t\tsortBy={sortBy}\n\t\t\t\t\tsortType={sortType}\n\t\t\t\t\tresizable={resizable}\n\t\t\t\t\tonWidthChange={onWidthChange}\n\t\t\t\t/>\n\t\t\t)),\n\t\t[\n\t\t\tcellEllipsis,\n\t\t\tcolumns,\n\t\t\tonWidthChange,\n\t\t\tresizable,\n\t\t\tsortBy,\n\t\t\tsortType,\n\t\t],\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\t// Stable row-component reference so react-window can memoise rows.\n\tconst rowProps = useMemo<RowCustomProps>(\n\t\t() => ({\n\t\t\trows,\n\t\t\tcolumns,\n\t\t\tcolumnById,\n\t\t\tcolumnIndexById,\n\t\t\tcontentWidthPx,\n\t\t\tvirtualRowHeight: virtual.rowHeight,\n\t\t\theader,\n\t\t\tstriped,\n\t\t\tcellEllipsis,\n\t\t\tloaderNode,\n\t\t\tsortBy,\n\t\t\tsortType,\n\t\t\tresizable,\n\t\t\tonWidthChange,\n\t\t\tonRowClick,\n\t\t\tonCellClick,\n\t\t\tonCellDoubleClick,\n\t\t}),\n\t\t[\n\t\t\trows,\n\t\t\tcolumns,\n\t\t\tcolumnById,\n\t\t\tcolumnIndexById,\n\t\t\tcontentWidthPx,\n\t\t\tvirtual.rowHeight,\n\t\t\theader,\n\t\t\tstriped,\n\t\t\tcellEllipsis,\n\t\t\tloaderNode,\n\t\t\tsortBy,\n\t\t\tsortType,\n\t\t\tresizable,\n\t\t\tonWidthChange,\n\t\t\tonRowClick,\n\t\t\tonCellClick,\n\t\t\tonCellDoubleClick,\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={rowProps as any}\n\t\t\t\tstyle={listStyle}\n\t\t\t\tonScroll={handleBodyScroll}\n\t\t\t\tonRowsRendered={handleRowsRendered}\n\t\t\t\trowComponent={VirtualRow as any}\n\t\t\t/>\n\t\t\t{rows.length < 1 && !virtual.hasMore && empty}\n\t\t</div>\n\t);\n}\n"],"names":["_jsxs","_jsx","VirtualList"],"mappings":";;;;;;;;;AA4BA,MAAM,WAAW,GAAG,IAAI,CAAC,SAAS,WAAW,CAAC,EAC7C,MAAM,EACN,IAAI,EACJ,GAAG,EACH,GAAG,EACH,QAAQ,EACR,YAAY,EACZ,MAAM,EACN,QAAQ,EACR,SAAS,EACT,aAAa,GACK,EAAA;AAClB,IAAA,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,GACzE,MAAM;AAEP,IAAA,MAAM,KAAK,GAAG,OAAO,CACpB,OACE;AACA,QAAA,oBAAoB,EAAE,OAAO;QAC7B,UAAU,EAAE,GAAG,GAAG,GAAG,CAAC,CAAA,QAAA,EAAW,OAAO,IAAI,CAAC,CAAA,CAAE;QAC/C,WAAW,EAAE,CAAA,0BAAA,EAA6B,GAAG,CAAA,CAAA,CAAG;AAChD,QAAA,IAAI,QAAQ,GAAG,EAAE,eAAe,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC;AAC7C,QAAA,QAAQ,EAAE,CAAC,QAAQ,IAAI,CAAC,KAAK,GAAI,QAAkB,GAAG,SAAS;AAC/D,KAAA,CAAQ,EACV,CAAC,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,CAAC,CACxC;AAED,IAAA,MAAM,KAAK,GAAG,QAAQ,IAAI,MAAM,KAAK,EAAE,GAAG,QAAQ,GAAG,EAAE;IAEvD,QACCA,0BACW,EAAE,EACZ,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE;AACxC,YAAA,CAAC,CAAA,sBAAA,EAAyB,KAAK,CAAA,CAAE,GAAG,KAAK;YACzC,uBAAuB,EAAE,QAAQ,IAAI,MAAM;AAC3C,SAAA,CAAC,EACF,KAAK,EAAE,KAAK,aAEX;AACA,mBAAG,YAAY,GAAG,MAAM,EAAE,GAAG,CAAC,KAC5BC,GAAA,CAAA,KAAA,EAAA,EACC,SAAS,EAAE,UAAU,CAAC,yBAAyB,EAAE;AAChD,wBAAA,kCAAkC,EAAE,YAAY;AAChD,qBAAA,CAAC,YAED,KAAK,IAAI,EAAE,EAAA,CACP,CACN;mBACC,MAAM,GAAG,IAAI,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,CAAC,KACrCA,GAAA,CAAA,KAAA,EAAA,EACC,SAAS,EAAE,UAAU,CAAC,yBAAyB,EAAE;AAChD,wBAAA,kCAAkC,EAAE,YAAY;AAChD,qBAAA,CAAC,YAED,IAAI,GAAG,EAAE,CAAC,GACN,CACN,CAAC,EAEH,QAAQ,IAAI,MAAM,IAAIA,IAAC,MAAM,EAAA,EAAC,IAAI,EAAE,KAAK,EAAA,CAAI,EAC7C,QAAQ,IAAI,SAAS,KACrBA,GAAA,CAAC,MAAM,EAAA,EAAC,KAAK,EAAE,GAAG,EAAE,aAAa,EAAE,aAAa,GAAI,CACpD,CAAA,EAAA,CACI;AAER,CAAC,CAAC;AA0BF;AACA;AACA;AAEA,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,UAAU,CAAC,EAC3C,KAAK,EACL,KAAK,EAAE,SAAS,EAChB,cAAc,EACd,IAAI,EACJ,OAAO,EACP,UAAU,EACV,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,MAAM,EACN,OAAO,EACP,YAAY,EACZ,UAAU,EACV,MAAM,EACN,QAAQ,EACR,SAAS,EACT,aAAa,EACb,UAAU,EACV,WAAW,EACX,iBAAiB,GAKC,EAAA;AAClB,IAAA,IAAI,KAAK,IAAI,IAAI,CAAC,MAAM,EAAE;AACzB,QAAA,QACCA,GAAA,CAAA,KAAA,EAAA,EAAA,GACK,cAAc,EAClB,KAAK,EAAE;AACN,gBAAA,GAAG,SAAS;AACZ,gBAAA,KAAK,EAAE,cAAc;AACrB,gBAAA,QAAQ,EAAE,MAAM;AAChB,gBAAA,OAAO,EAAE,MAAM;AACf,gBAAA,UAAU,EAAE,QAAQ;AACpB,gBAAA,cAAc,EAAE,QAAQ;aACD,EAAA,QAAA,EAEvB,UAAU,EAAA,CACN;IAER;AAEA,IAAA,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC;AAC3B,IAAA,MAAM,MAAM,GAAG,KAAK,IAAI,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC;AACvC,IAAA,MAAM,EAAE,GACP,OAAO,IAAI,KAAK,GAAG,CAAC,KAAK,CAAC,GAAG,qBAAqB,GAAG,SAAS;AAE/D,IAAA,MAAM,eAAe,GAAG,WAAW,CAClC,CAAC,CAAM,KAAI;AACV,QAAA,IAAI,CAAC,WAAW;YAAE;QAClB,MAAM,EAAE,GAAI,CAAC,CAAC,MAA6B,EAAE,OAAO,GACnD,4BAA4B,CACN;AACvB,QAAA,MAAM,EAAE,GAAG,EAAE,EAAE,OAAO,EAAE,GAAG;AAC3B,QAAA,IAAI,CAAC,EAAE;YAAE;QACT,MAAM,MAAM,GAAG,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;QACjC,MAAM,GAAG,GAAG,eAAe,CAAC,GAAG,CAAC,EAAE,CAAC;AACnC,QAAA,IAAI,CAAC,MAAM,IAAI,GAAG,IAAI,IAAI;YAAE;QAC5B,WAAW,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;AAC7C,IAAA,CAAC,EACD,CAAC,UAAU,EAAE,eAAe,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,CAAC,CAC3D;AAED,IAAA,MAAM,qBAAqB,GAAG,WAAW,CACxC,CAAC,CAAM,KAAI;AACV,QAAA,IAAI,CAAC,iBAAiB;YAAE;QACxB,MAAM,EAAE,GAAI,CAAC,CAAC,MAA6B,EAAE,OAAO,GACnD,4BAA4B,CACN;AACvB,QAAA,MAAM,EAAE,GAAG,EAAE,EAAE,OAAO,EAAE,GAAG;AAC3B,QAAA,IAAI,CAAC,EAAE;YAAE;QACT,MAAM,MAAM,GAAG,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;QACjC,MAAM,GAAG,GAAG,eAAe,CAAC,GAAG,CAAC,EAAE,CAAC;AACnC,QAAA,IAAI,CAAC,MAAM,IAAI,GAAG,IAAI,IAAI;YAAE;QAC5B,iBAAiB,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;AACnD,IAAA,CAAC,EACD,CAAC,UAAU,EAAE,eAAe,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,CAAC,CACjE;IAED,MAAM,cAAc,GAAG,WAAW,CACjC,MAAM,UAAU,GAAG,OAAO,EAAE,MAAM,CAAC,EACnC,CAAC,UAAU,EAAE,OAAO,EAAE,MAAM,CAAC,CAC7B;IAED,QACCA,GAAA,CAAA,KAAA,EAAA,EACC,KAAK,EAAE;AACN,YAAA,GAAG,SAAS;AACZ,YAAA,KAAK,EAAE,cAAc;AACrB,YAAA,QAAQ,EAAE,MAAM;AAChB,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,mBAAmB,EAAE,8BAA8B;AACnD,YAAA,MAAM,EAAE,gBAAgB;AACxB,YAAA,4BAA4B,EAAE,EAAE;AACT,SAAA,EACxB,SAAS,EAAC,gBAAgB,EAC1B,OAAO,EAAE,cAAc,EACvB,cAAc,EAAE,eAAe,EAC/B,oBAAoB,EAAE,qBAAqB,EAAA,QAAA,EAE1C,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,MACnBA,GAAA,CAAC,WAAW,EAAA,EAEX,MAAM,EAAE,CAAC,EACT,IAAI,EAAE,OAAO,EACb,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,GAAG,EACR,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,EAAA,EATvB,CAAC,CAAC,EAAE,CAUR,CACF,CAAC,EAAA,CACG;AAER,CAAC,CAAC;AAEF;AACA;AACA;AAEc,SAAU,eAAe,CAAC,KAA2B,EAAA;AAClE,IAAA,MAAM,EACL,OAAO,EACP,OAAO,EACP,IAAI,EACJ,MAAM,EACN,MAAM,EACN,QAAQ,EACR,MAAM,EACN,OAAO,EACP,SAAS,EACT,OAAO,EACP,YAAY,EACZ,KAAK,EACL,OAAO,EACP,YAAY,EACZ,aAAa,EACb,aAAa,EACb,UAAU,EACV,WAAW,EACX,iBAAiB,EACjB,QAAQ,GACR,GAAG,KAAK;AAET,IAAA,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC;AAC9C,IAAA,MAAM,cAAc,GAAG,MAAM,CAAiB,IAAI,CAAC;AACnD,IAAA,MAAM,OAAO,GAAG,MAAM,CAAM,IAAI,CAAC;AACjC,IAAA,MAAM,EAAE,GAAG,iBAAiB,EAAE;IAC9B,MAAM,UAAU,GAAG,MAAM,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC;AAC3C,IAAA,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;IACjE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC;IACnD,MAAM,MAAM,GAAG,MAAM,CAAC;AACrB,QAAA,QAAQ,EAAE,CAAe;AACzB,QAAA,YAAY,EAAE,CAAe;AAC7B,QAAA,UAAU,EAAE,CAAe;AAC3B,KAAA,CAAC;AAEF,IAAA,MAAM,UAAU,GAAG,OAAO,CAAC,MAAK;AAC/B,QAAA,MAAM,GAAG,GAAG,IAAI,GAAG,EAAmB;AACtC,QAAA,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;AACxC,QAAA,OAAO,GAAG;AACX,IAAA,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;AAEb,IAAA,MAAM,eAAe,GAAG,OAAO,CAAC,MAAK;AACpC,QAAA,MAAM,GAAG,GAAG,IAAI,GAAG,EAAkB;QACrC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;AAC3C,QAAA,OAAO,GAAG;AACX,IAAA,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;AAEb,IAAA,MAAM,iBAAiB,GAAG,WAAW,CACpC,CAAC,CAAM,KAAI;QACV,MAAM,EAAE,GAAI,CAAC,CAAC,MAA6B,EAAE,OAAO,GACnD,4BAA4B,CACN;AACvB,QAAA,MAAM,EAAE,GAAG,EAAE,EAAE,OAAO,EAAE,GAAG;AAC3B,QAAA,aAAa,CAAC,EAAE,GAAG,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,EAAE,CAAC,CAAC;AACtD,IAAA,CAAC,EACD,CAAC,UAAU,EAAE,aAAa,CAAC,CAC3B;AAED,IAAA,MAAM,gBAAgB,GAAG,WAAW,CAAC,CAAC,CAAM,KAAI;AAC/C,QAAA,MAAM,EAAE,GAAG,CAAC,CAAC,aAAsC;AACnD,QAAA,IAAI,CAAC,EAAE;YAAE;AAET,QAAA,IAAI,MAAM,CAAC,OAAO,CAAC,UAAU;YAAE;QAC/B,MAAM,CAAC,OAAO,CAAC,UAAU,GAAG,qBAAqB,CAAC,MAAK;AACtD,YAAA,MAAM,CAAC,OAAO,CAAC,UAAU,GAAG,CAAC;YAC7B,IAAI,CAAC,SAAS,CAAC,OAAO;gBAAE;AACxB,YAAA,MAAM,MAAM,GAAG,EAAE,CAAC,UAAU;YAC5B,IAAI,SAAS,CAAC,OAAO,CAAC,UAAU,KAAK,MAAM,EAAE;AAC5C,gBAAA,SAAS,CAAC,OAAO,CAAC,UAAU,GAAG,MAAM;YACtC;AACD,QAAA,CAAC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,cAAc,GAAG,WAAW,CAAC,MAAK;AACvC,QAAA,IAAI,OAAO,CAAC,UAAU,EAAE;YACvB,OAAO,CAAC,UAAU,EAAE;YACpB;QACD;AACA,QAAA,QAAQ,GAAG,SAAgB,CAAC;IAC7B,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IAElC,MAAM,kBAAkB,GAAG,WAAW,CACrC,CAAC,QAAa,EAAE,QAAa,KAAI;QAChC,IAAI,CAAC,OAAO,CAAC,OAAO;YAAE;AACtB,QAAA,MAAM,SAAS,GAAG,OAAO,CAAC,SAAS,IAAI,CAAC;QACxC,MAAM,SAAS,GAAG,QAAQ,EAAE,SAAS,IAAI,EAAE;QAC3C,IAAI,SAAS,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,GAAG,SAAS;YAAE;QAC7C,IAAI,UAAU,CAAC,OAAO,CAAC,QAAQ,KAAK,IAAI,CAAC,MAAM;YAAE;QACjD,UAAU,CAAC,OAAO,CAAC,QAAQ,GAAG,IAAI,CAAC,MAAM;AACzC,QAAA,cAAc,EAAE;AACjB,IAAA,CAAC,EACD,CAAC,cAAc,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,SAAS,CAAC,CACjE;AAED,IAAA,MAAM,kBAAkB,GAAG,WAAW,CAAC,CAAC,CAAM,KAAI;AACjD,QAAA,MAAM,EAAE,GAAG,CAAC,CAAC,aAAsC;AACnD,QAAA,IAAI,CAAC,EAAE;YAAE;AACT,QAAA,MAAM,MAAM,GAAG,OAAO,CAAC,OAAO,EAAE,OAAgC;QAChE,IAAI,MAAM,IAAI,MAAM,CAAC,UAAU,KAAK,EAAE,CAAC,UAAU,EAAE;AAClD,YAAA,MAAM,CAAC,UAAU,GAAG,EAAE,CAAC,UAAU;QAClC;IACD,CAAC,EAAE,EAAE,CAAC;IAEN,SAAS,CAAC,MAAK;AACd,QAAA,MAAM,EAAE,GAAG,OAAO,CAAC,OAAO;AAC1B,QAAA,IAAI,CAAC,EAAE;YAAE;QAET,MAAM,MAAM,GAAG,MAAK;AACnB,YAAA,IAAI,MAAM,CAAC,OAAO,CAAC,QAAQ;AAC1B,gBAAA,oBAAoB,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC;YAC9C,MAAM,CAAC,OAAO,CAAC,QAAQ,GAAG,qBAAqB,CAAC,MAAK;AACpD,gBAAA,MAAM,CAAC,OAAO,CAAC,QAAQ,GAAG,CAAC;AAC3B,gBAAA,MAAM,CAAC,GAAG,EAAE,CAAC,qBAAqB,EAAE;gBACpC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;gBAC7B,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC;AAC9B,gBAAA,WAAW,CAAC,CAAC,IAAI,KAAI;oBACpB,IAAI,IAAI,CAAC,KAAK,KAAK,CAAC,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC;AAAE,wBAAA,OAAO,IAAI;oBACtD,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;AAC/B,gBAAA,CAAC,CAAC;AACH,YAAA,CAAC,CAAC;AACH,QAAA,CAAC;AAED,QAAA,MAAM,EAAE;QACR,EAAE,CAAC,OAAO,GAAG,EAAE,EAAE,MAAM,CAAC;AACxB,QAAA,OAAO,MAAK;AACX,YAAA,EAAE,CAAC,SAAS,GAAG,EAAE,CAAC;AAClB,YAAA,IAAI,MAAM,CAAC,OAAO,CAAC,QAAQ;AAC1B,gBAAA,oBAAoB,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC;AAC9C,YAAA,MAAM,CAAC,OAAO,CAAC,QAAQ,GAAG,CAAC;AAC5B,QAAA,CAAC;AACF,IAAA,CAAC,EAAE,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;IAEjB,SAAS,CAAC,MAAK;AACd,QAAA,MAAM,EAAE,GAAG,cAAc,CAAC,OAAO;AACjC,QAAA,IAAI,CAAC,EAAE;YAAE;QAET,MAAM,MAAM,GAAG,MAAK;AACnB,YAAA,IAAI,MAAM,CAAC,OAAO,CAAC,YAAY,EAAE;AAChC,gBAAA,oBAAoB,CAAC,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC;YAClD;YACA,MAAM,CAAC,OAAO,CAAC,YAAY,GAAG,qBAAqB,CAAC,MAAK;AACxD,gBAAA,MAAM,CAAC,OAAO,CAAC,YAAY,GAAG,CAAC;gBAC/B,MAAM,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,WAAW,CAAC;gBACnC,eAAe,CAAC,CAAC,IAAI,MAAM,IAAI,KAAK,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC;AACnD,YAAA,CAAC,CAAC;AACH,QAAA,CAAC;AAED,QAAA,MAAM,EAAE;QACR,EAAE,CAAC,OAAO,GAAG,EAAE,EAAE,MAAM,CAAC;AACxB,QAAA,OAAO,MAAK;AACX,YAAA,EAAE,CAAC,SAAS,GAAG,EAAE,CAAC;AAClB,YAAA,IAAI,MAAM,CAAC,OAAO,CAAC,YAAY,EAAE;AAChC,gBAAA,oBAAoB,CAAC,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC;YAClD;AACA,YAAA,MAAM,CAAC,OAAO,CAAC,YAAY,GAAG,CAAC;AAChC,QAAA,CAAC;AACF,IAAA,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAER,SAAS,CAAC,MAAK;AACd,QAAA,UAAU,CAAC,OAAO,CAAC,QAAQ,GAAG,EAAE;IACjC,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;IAElC,SAAS,CAAC,MAAK;AACd,QAAA,IAAI,CAAC,OAAO;YAAE;AACd,QAAA,MAAM,MAAM,GAAG,OAAO,CAAC,OAAO,EAAE,OAAgC;AAChE,QAAA,MAAM,EAAE,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;AACrC,QAAA,SAAS,CAAC,OAAO,EAAE,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;AACjD,IAAA,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;IAEb,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAC1B,CAAC,EACD,CAAC,OAAO,MAAM,KAAK,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAC,MAAM,IAAI,GAAG;AAC5D,SAAC,MAAM,GAAG,OAAO,CAAC,SAAS,GAAG,CAAC,CAAC,CACjC;AACD,IAAA,MAAM,oBAAoB,GACzB,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,SAAS,GAAG,UAAU,GAAG,CAAC;AACjD,IAAA,MAAM,aAAa,GAAG,oBAAoB,GAAG,gBAAgB,EAAE,GAAG,CAAC;AACnE,IAAA,MAAM,oBAAoB,GAAG,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,QAAQ,CAAC,KAAK,IAAI,CAAC,CAAC;IACxE,MAAM,cAAc,GAAG;UACpB,CAAA,EAAG,oBAAoB,CAAA,EAAA;UACvB,aAAa;AAEhB,IAAA,MAAM,WAAW,GAAG,OAAO,CAC1B,MACC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,MAClBA,GAAA,CAAC,WAAW,EAAA,EAEX,MAAM,EAAE,CAAC,EACT,GAAG,EAAE,CAAC,EACN,GAAG,EAAE,GAAG,EACR,QAAQ,EAAA,IAAA,EACR,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,EAAA,EATvB,CAAC,CAAC,EAAE,CAUR,CACF,CAAC,EACH;QACC,YAAY;QACZ,OAAO;QACP,aAAa;QACb,SAAS;QACT,MAAM;QACN,QAAQ;AACR,KAAA,CACD;AAED,IAAA,MAAM,gBAAgB,GAAG,OAAO,CAC/B,OAAO;AACN,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,mBAAmB,EAAE,8BAA8B;QACnD,MAAM,EAAE,OAAO,CAAC,SAAS;AACzB,QAAA,KAAK,EAAE,cAAc;AACrB,QAAA,QAAQ,EAAE,MAAM;KAChB,CAAC,EACF,CAAC,cAAc,EAAE,OAAO,CAAC,SAAS,CAAC,CACnC;AAED,IAAA,MAAM,SAAS,GAAG,OAAO,CACxB,OAAO;AACN,QAAA,MAAM,EAAE,UAAU;AAClB,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,QAAQ,EAAE,MAAM;AAChB,KAAA,CAAC,EACF,CAAC,UAAU,CAAC,CACZ;IAED,MAAM,eAAe,GAAG,OAAO,CAC9B,MACC,aAAa,GAAG;AACf,UAAE;AACA,YAAA,YAAY,EAAE,aAAa;AAC3B,YAAA,SAAS,EAAE,aAAsB;AACjC;AACF,UAAE,SAAS,EACb,CAAC,aAAa,CAAC,CACf;IAED,MAAM,UAAU,GAAG,OAAO,CACzB,MAAM,OAAO,CAAC,MAAM,IAAIA,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,OAAO,EAAA,CAAG,EACrD,CAAC,OAAO,CAAC,MAAM,CAAC,CAChB;;AAGD,IAAA,MAAM,QAAQ,GAAG,OAAO,CACvB,OAAO;QACN,IAAI;QACJ,OAAO;QACP,UAAU;QACV,eAAe;QACf,cAAc;QACd,gBAAgB,EAAE,OAAO,CAAC,SAAS;QACnC,MAAM;QACN,OAAO;QACP,YAAY;QACZ,UAAU;QACV,MAAM;QACN,QAAQ;QACR,SAAS;QACT,aAAa;QACb,UAAU;QACV,WAAW;QACX,iBAAiB;AACjB,KAAA,CAAC,EACF;QACC,IAAI;QACJ,OAAO;QACP,UAAU;QACV,eAAe;QACf,cAAc;AACd,QAAA,OAAO,CAAC,SAAS;QACjB,MAAM;QACN,OAAO;QACP,YAAY;QACZ,UAAU;QACV,MAAM;QACN,QAAQ;QACR,SAAS;QACT,aAAa;QACb,UAAU;QACV,WAAW;QACX,iBAAiB;AACjB,KAAA,CACD;IAED,QACCD,IAAA,CAAA,KAAA,EAAA,EACC,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,UAAU,CAAC,YAAY,EAAE;AACnC,YAAA,oBAAoB,EAAE,OAAO;AAC7B,SAAA,CAAC,EACF,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,CAE3D,MAAM,KACNC,GAAA,CAAA,KAAA,EAAA,EACC,GAAG,EAAE,SAAS,EACd,SAAS,EAAC,2BAA2B,EACrC,QAAQ,EAAE,kBAAkB,EAC5B,KAAK,EAAE,eAAe,EAAA,QAAA,EAEtBA,GAAA,CAAA,KAAA,EAAA,EACC,GAAG,EAAE,cAAc,EACnB,SAAS,EAAC,kCAAkC,EAC5C,KAAK,EAAE,gBAAgB,EACvB,OAAO,EAAE,iBAAiB,EAAA,QAAA,EAEzB,WAAW,EAAA,CACP,EAAA,CACD,CACN,EAEDA,GAAA,CAACC,IAAW,EAAA,EACX,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,IAAI,CAAC,MAAM,IAAI,OAAO,CAAC,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC,EACjD,SAAS,EAAE,OAAO,CAAC,SAAS,EAC5B,aAAa,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,SAAS,IAAI,CAAC,CAAC,EAClD,QAAQ,EAAE,QAAe,EACzB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,gBAAgB,EAC1B,cAAc,EAAE,kBAAkB,EAClC,YAAY,EAAE,UAAiB,EAAA,CAC9B,EACD,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,IAAI,KAAK,CAAA,EAAA,CACxC;AAER;;;;"}

package/lib/es/components/form/useForm.js

@@ -71,7 +71,7 @@ class IFormInstance {
         const { id, rules, data } = this;
         if (!rules)
             return data;
-        const names = field ? [field] : Object.keys(this.cacheData);
+        const names = field ? [field] : [...new Set([...Object.keys(this.cacheData), ...Object.keys(rules)])];
         let isAllValid = true;
         names.forEach((name) => {
             const o = rules[name];

package/lib/es/components/form/useForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useForm.js","sources":["../../../../packages/components/form/useForm.ts"],"sourcesContent":["import PubSub from \"pubsub-js\";\nimport { uid } from \"radash\";\nimport { useRef } from \"react\";\nimport { TValidator, TRule } from \"./type\";\nimport { getDeep, setDeep, deleteDeep } from \"./utils\";\n\nexport class IFormInstance {\n\treadonly id?: string;\n\tdata: Record<string, any> = {};\n\tcacheData: Record<string, any> = {};\n\trules?: Record<string, boolean | TValidator | TRule>;\n\n\tconstructor() {\n\t\tthis.id = uid(8);\n\t\tthis.data = {};\n\t}\n\n\tget(field?: string) {\n\t\treturn field ? getDeep(this.data, field) : this.data;\n\t}\n\n\tset(field: any, value?: any) {\n\t\tconst id = this.id;\n\t\tif (!this.data) return;\n\n\t\tif (typeof field === \"string\") {\n\t\t\tif (field.includes(\".\")) {\n\t\t\t\tconst parts = field.split(\".\");\n\t\t\t\tfor (let i = 1; i < parts.length; i++) {\n\t\t\t\t\tconst ancestor = parts.slice(0, i).join(\".\");\n\t\t\t\t\tif (ancestor in this.data) {\n\t\t\t\t\t\tconsole.warn(\n\t\t\t\t\t\t\t`[ioca-form] Field \"${field}\" conflicts with \"${ancestor}\". ` +\n\t\t\t\t\t\t\t\t\"Nested representation in form.get() may be inconsistent.\",\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tsetDeep(this.data, field, value);\n\t\t\t} else {\n\t\t\t\tthis.data[field] = value;\n\t\t\t}\n\n\t\t\tthis.cacheData[field] = value;\n\t\t\tPubSub.publish(`${id}:set:${field}`, value);\n\t\t\treturn;\n\t\t}\n\n\t\tObject.keys(field).forEach((name) => {\n\t\t\tif (name.includes(\".\")) setDeep(this.data, name, field[name]);\n\t\t\telse this.data[name] = field[name];\n\n\t\t\tthis.cacheData[name] = field[name];\n\t\t\tPubSub.publish(`${id}:set:${name}`, field[name]);\n\t\t});\n\t}\n\n\tdelete(field: string) {\n\t\tdelete this.cacheData[field];\n\t\tif (field.includes(\".\")) deleteDeep(this.data, field);\n\t\telse delete this.data[field];\n\t}\n\n\tclear() {\n\t\tif (!this.data) return;\n\t\tconst names = Object.keys(this.cacheData);\n\t\tthis.cacheData = {};\n\n\t\tnames.forEach((name) => {\n\t\t\tif (name.includes(\".\")) deleteDeep(this.data, name);\n\t\t\telse this.data[name] = undefined;\n\n\t\t\tPubSub.publish(`${this.id}:set:${name}`, undefined);\n\t\t});\n\t}\n\n\tasync validate(field?: string) {\n\t\tconst { id, rules, data } = this;\n\t\tif (!rules) return data;\n\n\t\tconst names = field ? [field] : Object.keys(this.cacheData);\n\t\tlet isAllValid = true;\n\n\t\tnames.forEach((name) => {\n\t\t\tconst o = rules[name];\n\t\t\tif (!field && o === undefined) return;\n\n\t\t\tconst rule: TRule = {\n\t\t\t\tvalidator: (v) =>\n\t\t\t\t\tArray.isArray(v) ? v.length > 0 : ![undefined, null, \"\"].includes(v),\n\t\t\t};\n\n\t\t\tif (typeof o === \"function\") rule.validator = o;\n\t\t\telse if (o === true) rule.message = \"required\";\n\t\t\telse if (o) Object.assign(rule, o);\n\n\t\t\tconst isValid = rule.validator?.(getDeep(data, name), this);\n\t\t\tif (typeof isValid === \"string\") rule.message = isValid;\n\n\t\t\tif (isValid !== true) {\n\t\t\t\tPubSub.publish(`${id}:invalid:${name}`, {\n\t\t\t\t\tmessage: rule.message,\n\t\t\t\t\tstatus: \"error\",\n\t\t\t\t});\n\t\t\t\tisAllValid = false;\n\t\t\t} else {\n\t\t\t\tPubSub.publish(`${id}:invalid:${name}`, {\n\t\t\t\t\tmessage: null,\n\t\t\t\t\tstatus: \"normal\",\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\n\t\treturn field ? isAllValid : isAllValid ? data : false;\n\t}\n}\n\nexport default function useForm(form?: IFormInstance) {\n\tconst formRef = useRef<IFormInstance>(null);\n\n\tif (!formRef.current) {\n\t\tformRef.current = form ?? new IFormInstance();\n\t}\n\n\treturn formRef.current;\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useForm.js","sources":["../../../../packages/components/form/useForm.ts"],"sourcesContent":["import PubSub from \"pubsub-js\";\nimport { uid } from \"radash\";\nimport { useRef } from \"react\";\nimport { TValidator, TRule } from \"./type\";\nimport { getDeep, setDeep, deleteDeep } from \"./utils\";\n\nexport class IFormInstance {\n\treadonly id?: string;\n\tdata: Record<string, any> = {};\n\tcacheData: Record<string, any> = {};\n\trules?: Record<string, boolean | TValidator | TRule>;\n\n\tconstructor() {\n\t\tthis.id = uid(8);\n\t\tthis.data = {};\n\t}\n\n\tget(field?: string) {\n\t\treturn field ? getDeep(this.data, field) : this.data;\n\t}\n\n\tset(field: any, value?: any) {\n\t\tconst id = this.id;\n\t\tif (!this.data) return;\n\n\t\tif (typeof field === \"string\") {\n\t\t\tif (field.includes(\".\")) {\n\t\t\t\tconst parts = field.split(\".\");\n\t\t\t\tfor (let i = 1; i < parts.length; i++) {\n\t\t\t\t\tconst ancestor = parts.slice(0, i).join(\".\");\n\t\t\t\t\tif (ancestor in this.data) {\n\t\t\t\t\t\tconsole.warn(\n\t\t\t\t\t\t\t`[ioca-form] Field \"${field}\" conflicts with \"${ancestor}\". ` +\n\t\t\t\t\t\t\t\t\"Nested representation in form.get() may be inconsistent.\",\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tsetDeep(this.data, field, value);\n\t\t\t} else {\n\t\t\t\tthis.data[field] = value;\n\t\t\t}\n\n\t\t\tthis.cacheData[field] = value;\n\t\t\tPubSub.publish(`${id}:set:${field}`, value);\n\t\t\treturn;\n\t\t}\n\n\t\tObject.keys(field).forEach((name) => {\n\t\t\tif (name.includes(\".\")) setDeep(this.data, name, field[name]);\n\t\t\telse this.data[name] = field[name];\n\n\t\t\tthis.cacheData[name] = field[name];\n\t\t\tPubSub.publish(`${id}:set:${name}`, field[name]);\n\t\t});\n\t}\n\n\tdelete(field: string) {\n\t\tdelete this.cacheData[field];\n\t\tif (field.includes(\".\")) deleteDeep(this.data, field);\n\t\telse delete this.data[field];\n\t}\n\n\tclear() {\n\t\tif (!this.data) return;\n\t\tconst names = Object.keys(this.cacheData);\n\t\tthis.cacheData = {};\n\n\t\tnames.forEach((name) => {\n\t\t\tif (name.includes(\".\")) deleteDeep(this.data, name);\n\t\t\telse this.data[name] = undefined;\n\n\t\t\tPubSub.publish(`${this.id}:set:${name}`, undefined);\n\t\t});\n\t}\n\n\tasync validate(field?: string) {\n\t\tconst { id, rules, data } = this;\n\t\tif (!rules) return data;\n\n\t\tconst names = field ? [field] : [...new Set([...Object.keys(this.cacheData), ...Object.keys(rules)])];\n\t\tlet isAllValid = true;\n\n\t\tnames.forEach((name) => {\n\t\t\tconst o = rules[name];\n\t\t\tif (!field && o === undefined) return;\n\n\t\t\tconst rule: TRule = {\n\t\t\t\tvalidator: (v) =>\n\t\t\t\t\tArray.isArray(v) ? v.length > 0 : ![undefined, null, \"\"].includes(v),\n\t\t\t};\n\n\t\t\tif (typeof o === \"function\") rule.validator = o;\n\t\t\telse if (o === true) rule.message = \"required\";\n\t\t\telse if (o) Object.assign(rule, o);\n\n\t\t\tconst isValid = rule.validator?.(getDeep(data, name), this);\n\t\t\tif (typeof isValid === \"string\") rule.message = isValid;\n\n\t\t\tif (isValid !== true) {\n\t\t\t\tPubSub.publish(`${id}:invalid:${name}`, {\n\t\t\t\t\tmessage: rule.message,\n\t\t\t\t\tstatus: \"error\",\n\t\t\t\t});\n\t\t\t\tisAllValid = false;\n\t\t\t} else {\n\t\t\t\tPubSub.publish(`${id}:invalid:${name}`, {\n\t\t\t\t\tmessage: null,\n\t\t\t\t\tstatus: \"normal\",\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\n\t\treturn field ? isAllValid : isAllValid ? data : false;\n\t}\n}\n\nexport default function useForm(form?: IFormInstance) {\n\tconst formRef = useRef<IFormInstance>(null);\n\n\tif (!formRef.current) {\n\t\tformRef.current = form ?? new IFormInstance();\n\t}\n\n\treturn formRef.current;\n}\n"],"names":[],"mappings":"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"}

package/lib/es/components/tabs/tabs.js

@@ -49,11 +49,8 @@ const Tabs = ((props) => {
         });
         sourceKeysRef.current = sourceKeys;
         contentsRef.current = nextContents;
-        const nextTabs = [
-            ...sourceTabs.filter((tab) => !hiddenSourceKeysRef.current.has(String(tab.key))),
-            ...dynamicTabs,
-        ];
-        setTabs((currentTabs) => isSameTabs(currentTabs, nextTabs) ? currentTabs : nextTabs);
+        const nextTabs = [...sourceTabs.filter((tab) => !hiddenSourceKeysRef.current.has(String(tab.key))), ...dynamicTabs];
+        setTabs((currentTabs) => (isSameTabs(currentTabs, nextTabs) ? currentTabs : nextTabs));
     }, [parsedTabs]);
     const add = (tab, position) => {
         const currentTabs = tabsRef.current;
@@ -67,9 +64,7 @@ const Tabs = ((props) => {
         const { content, ...rest } = tab;
         setTabs((ts) => {
             const nextTabs = [...ts];
-            const index = position === undefined
-                ? nextTabs.length
-                : Math.max(0, Math.min(position, nextTabs.length));
+            const index = position === undefined ? nextTabs.length : Math.max(0, Math.min(position, nextTabs.length));
             nextTabs.splice(index, 0, { ...rest, key: tkey });
             return nextTabs;
         });
@@ -151,8 +146,7 @@ const Tabs = ((props) => {
             setTabs((ts) => {
                 let changed = false;
                 const next = ts.map((t) => {
-                    if (t.intersecting === undefined ||
-                        t.intersecting === true) {
+                    if (t.intersecting === undefined || t.intersecting === true) {
                         return t;
                     }
                     changed = true;
@@ -173,7 +167,7 @@ const Tabs = ((props) => {
                         return ts;
                     if (ts[i]?.intersecting === visible)
                         return ts;
-                    return ts.map((t, idx) => idx === i ? { ...t, intersecting: visible } : t);
+                    return ts.map((t, idx) => (idx === i ? { ...t, intersecting: visible } : t));
                 });
             });
         });
@@ -198,10 +192,9 @@ const Tabs = ((props) => {
                 });
             }
             const { offsetHeight, offsetLeft, offsetTop, offsetWidth } = nav;
-            const isLine = type === "line";
             setBarStyle({
-                height: !vertical && isLine ? ".25em" : offsetHeight * 0.5,
-                width: vertical && isLine ? ".25em" : offsetWidth,
+                height: offsetHeight * 0.5,
+                width: offsetWidth,
                 transform: `translate(${offsetLeft}px, ${offsetTop}px)`,
             });
         }, 16);
@@ -243,9 +236,7 @@ const Tabs = ((props) => {
         navs: navsRef,
     }));
     const cachedTabKeySet = useMemo(() => new Set(cachedTabs), [cachedTabs]);
-    const moreTabs = useMemo(() => !hideMore && overflow
-        ? tabs.filter((tab) => tab.intersecting === false)
-        : [], [hideMore, overflow, tabs]);
+    const moreTabs = useMemo(() => (!hideMore && overflow ? tabs.filter((tab) => tab.intersecting === false) : []), [hideMore, overflow, tabs]);
     return (jsxs("div", { className: classNames("i-tabs", { flex: vertical, [`i-tabs-${type}`]: type !== "default" }, className), ...rest, children: [jsxs("div", { className: classNames("i-tab-navs-container", navsClass, {
                     "i-tab-navs-vertical": vertical,
                 }), children: [prepend, jsx(TabsNavs, { tabs: tabs, moreTabs: moreTabs, activeKey: activeKey, vertical: vertical, overflow: overflow, hideMore: hideMore, navsJustify: navsJustify, bar: bar, barClass: barClass, barStyle: barStyle, navsRef: navsRef, renderMore: renderMore, setNavRef: setNavRef, onOpen: open, onClose: close, onMoreTabClick: handleMoreTabClick, onKeyAction: handleKeyAction }), append] }), jsx(TabsContents, { tabs: tabs, activeKey: activeKey, cachedTabKeySet: cachedTabKeySet, getContent: getContent })] }));