intable 0.0.1 → 0.0.3

package/dist/plugins/CellSelectionPlugin.js

@@ -16,44 +16,6 @@ const CellSelectionPlugin = {
 		return store.props.data.slice(y1, y2 + 1);
 	} }),
 	rewriteProps: {
-		Th: ({ Th }, { store }) => (o) => {
-			const clazz = createMemo(() => {
-				const { start, end } = store.selected;
-				return inrange(o.x, ...[start[0], end[0]].sort((a, b) => a - b)) ? "col-range-highlight" : "";
-			});
-			const mo = combineProps(o, { get class() {
-				return clazz();
-			} });
-			return createComponent(Th, mergeProps(mo, { get children() {
-				return [memo(() => mo.children), memo(() => memo(() => !!clazz())() && _tmpl$())];
-			} }));
-		},
-		Td: ({ Td }, { store }) => (o) => {
-			const clazz = createMemo(() => {
-				let clazz$1 = "";
-				const { xs, ys } = store.cellSelectionRect();
-				const inx = inrange(o.x, xs[0], xs[1]);
-				const iny = inrange(o.y, ys[0], ys[1]);
-				if (inx && iny) {
-					clazz$1 += "range-selected ";
-					if (o.x == xs[0]) clazz$1 += "range-selected-l ";
-					if (o.x == xs[1]) clazz$1 += "range-selected-r ";
-					if (o.y == ys[0]) clazz$1 += "range-selected-t ";
-					if (o.y == ys[1]) clazz$1 += "range-selected-b ";
-				}
-				if (o.x == 0 && iny) clazz$1 += "row-range-highlight ";
-				return clazz$1;
-			});
-			const mo = combineProps(o, {
-				get class() {
-					return clazz();
-				},
-				tabindex: -1
-			});
-			return createComponent(Td, mergeProps(mo, { get children() {
-				return [memo(() => mo.children), memo(() => memo(() => !!clazz())() && _tmpl$())];
-			} }));
-		},
 		Table: ({ Table }, { store }) => (o) => {
 			const { props } = useContext(Ctx);
 			store.cellSelectionRect ??= createMemo(() => {
@@ -65,53 +27,56 @@ const CellSelectionPlugin = {
 					ys
 				};
 			});
-			usePointerDrag(() => store.table, { start(e, move, end) {
-				batch(() => {
-					const findCell = (e$1) => e$1.composedPath().find((e$2) => e$2.tagName == "TH" || e$2.tagName == "TD");
-					const getXY = (cell$1) => [cell$1.getAttribute("x"), cell$1.getAttribute("y")];
-					const cell = findCell(e);
-					if (!cell) return;
-					if (e.buttons != 1 && cell.classList.contains("range-selected")) return;
-					if (cell.tagName == "TH") {
-						const [x, y] = getXY(cell);
-						if (x == null) return;
-						store.selected.start = [+x, 0];
-						store.selected.end = [+x, Infinity];
-						move((e$1) => {
-							const cell$1 = findCell(e$1);
-							if (!cell$1) return;
-							const [x$1, y$1] = getXY(cell$1);
-							if (x$1 == null) return;
-							store.selected.end = [+x$1, Infinity];
-						});
-					}
-					if (cell.classList.contains("index")) {
-						const [x, y] = getXY(cell);
-						if (x == null || y == null) return;
-						store.selected.start = [0, +y];
-						store.selected.end = [Infinity, +y];
-						move((e$1) => {
-							const cell$1 = findCell(e$1);
-							if (!cell$1) return;
-							const [x$1, y$1] = getXY(cell$1);
-							if (x$1 == null || y$1 == null) return;
-							store.selected.end = [Infinity, +y$1];
-						});
-					} else if (cell.tagName == "TD") {
-						const [x, y] = getXY(cell);
-						if (x == null || y == null) return;
-						store.selected.start = [+x, +y];
-						store.selected.end = [...store.selected.start];
-						move((e$1) => {
-							const cell$1 = findCell(e$1);
-							if (!cell$1) return;
-							const [x$1, y$1] = getXY(cell$1);
-							if (x$1 == null || y$1 == null) return;
-							store.selected.end = [+x$1, +y$1];
-						});
-					}
-				});
-			} });
+			usePointerDrag(() => store.table, {
+				preventDefault: false,
+				start(e, move, end) {
+					batch(() => {
+						const findCell = (e$1) => e$1.composedPath().find((e$2) => e$2.tagName == "TH" || e$2.tagName == "TD");
+						const getXY = (cell$1) => [cell$1.getAttribute("x"), cell$1.getAttribute("y")];
+						const cell = findCell(e);
+						if (!cell) return;
+						if (e.buttons != 1 && cell.classList.contains("range-selected")) return;
+						if (cell.tagName == "TH") {
+							const [x, y] = getXY(cell);
+							if (x == null) return;
+							store.selected.start = [+x, 0];
+							store.selected.end = [+x, Infinity];
+							move((e$1) => {
+								const cell$1 = findCell(e$1);
+								if (!cell$1) return;
+								const [x$1, y$1] = getXY(cell$1);
+								if (x$1 == null) return;
+								store.selected.end = [+x$1, Infinity];
+							});
+						}
+						if (cell.classList.contains("index")) {
+							const [x, y] = getXY(cell);
+							if (x == null || y == null) return;
+							store.selected.start = [0, +y];
+							store.selected.end = [Infinity, +y];
+							move((e$1) => {
+								const cell$1 = findCell(e$1);
+								if (!cell$1) return;
+								const [x$1, y$1] = getXY(cell$1);
+								if (x$1 == null || y$1 == null) return;
+								store.selected.end = [Infinity, +y$1];
+							});
+						} else if (cell.tagName == "TD") {
+							const [x, y] = getXY(cell);
+							if (x == null || y == null) return;
+							store.selected.start = [+x, +y];
+							store.selected.end = [...store.selected.start];
+							move((e$1) => {
+								const cell$1 = findCell(e$1);
+								if (!cell$1) return;
+								const [x$1, y$1] = getXY(cell$1);
+								if (x$1 == null || y$1 == null) return;
+								store.selected.end = [+x$1, +y$1];
+							});
+						}
+					});
+				}
+			});
 			useTinykeys(() => store.table, {
 				"ArrowLeft": () => {
 					const { start, end } = store.selected;
@@ -143,7 +108,46 @@ const CellSelectionPlugin = {
 				cell?.scrollIntoViewIfNeeded(false);
 				cell?.focus();
 			};
+			o = combineProps({ class: "select-none" }, o);
 			return createComponent(Table, o);
+		},
+		Th: ({ Th }, { store }) => (o) => {
+			const clazz = createMemo(() => {
+				const { start, end } = store.selected;
+				return inrange(o.x, ...[start[0], end[0]].sort((a, b) => a - b)) ? "col-range-highlight" : "";
+			});
+			const mo = combineProps(o, { get class() {
+				return clazz();
+			} });
+			return createComponent(Th, mergeProps(mo, { get children() {
+				return [memo(() => mo.children), memo(() => memo(() => !!clazz())() && _tmpl$())];
+			} }));
+		},
+		Td: ({ Td }, { store }) => (o) => {
+			const clazz = createMemo(() => {
+				let clazz$1 = "";
+				const { xs, ys } = store.cellSelectionRect();
+				const inx = inrange(o.x, xs[0], xs[1]);
+				const iny = inrange(o.y, ys[0], ys[1]);
+				if (inx && iny) {
+					clazz$1 += "range-selected ";
+					if (o.x == xs[0]) clazz$1 += "range-selected-l ";
+					if (o.x == xs[1]) clazz$1 += "range-selected-r ";
+					if (o.y == ys[0]) clazz$1 += "range-selected-t ";
+					if (o.y == ys[1]) clazz$1 += "range-selected-b ";
+				}
+				if (o.x == 0 && iny) clazz$1 += "row-range-highlight ";
+				return clazz$1;
+			});
+			const mo = combineProps(o, {
+				get class() {
+					return clazz();
+				},
+				tabindex: -1
+			});
+			return createComponent(Td, mergeProps(mo, { get children() {
+				return [memo(() => mo.children), memo(() => memo(() => !!clazz())() && _tmpl$())];
+			} }));
 		}
 	}
 };

package/dist/plugins/DiffPlugin.js

@@ -1,8 +1,8 @@
 import { useTinykeys } from "../hooks/index.js";
 import { createComponent } from "solid-js/web";
 import { unwrap } from "solid-js/store";
-import { isEqual, keyBy } from "es-toolkit";
 import { combineProps } from "@solid-primitives/props";
+import { isEqual, keyBy } from "es-toolkit";
 import { createLazyMemo } from "@solid-primitives/memo";
 import { v4 } from "uuid";
 import { diffArrays } from "diff";

package/dist/plugins/DragPlugin.d.ts

@@ -0,0 +1,14 @@
+import { type Plugin } from "../index";
+declare module '../index' {
+    interface TableProps {
+        colDrag: boolean;
+        rowDrag: boolean;
+    }
+    interface TableColumn {
+    }
+    interface TableStore {
+    }
+    interface Commands {
+    }
+}
+export declare const DragPlugin: Plugin;

package/dist/plugins/DragPlugin.js

@@ -0,0 +1,63 @@
+import { useSort } from "../hooks/useSort.js";
+import { delay } from "es-toolkit";
+import { isMatch } from "es-toolkit/compat";
+const DragPlugin = {
+	rewriteProps: {
+		colDrag: ({ colDrag = false }) => colDrag,
+		rowDrag: ({ rowDrag = false }) => rowDrag
+	},
+	onMount(store) {
+		const colDrag = useSort(() => store.scroll_el, {
+			get enable() {
+				return store.props?.colDrag;
+			},
+			guideLine: { class: "col__guide-line" },
+			draggable: (el) => ((x, y) => el.tagName == "TH" && isMatch(store.selected, { start: [x, 0] }) && !store.props?.columns[x][store.internal] && store.thead.contains(el) && delay(300).then(() => true))(+el.getAttribute("x"), +el.getAttribute("y")),
+			dragover: (el) => el.tagName == "THEAD",
+			children: (el) => [...colDrag.drag.parentElement.children].filter((e) => !store.props?.columns[e.getAttribute("x")][store.internal]),
+			dragend: onColDragend
+		});
+		const rowDrag = useSort(() => store.scroll_el, {
+			get enable() {
+				return store.props?.rowDrag;
+			},
+			guideLine: { class: "row__guide-line" },
+			draggable: (el) => ((x, y) => el.tagName == "TD" && isMatch(store.selected, { start: [0, y] }) && x == 0 && !store.props?.data[y][store.internal] && store.tbody.contains(el) && delay(300).then(() => true))(+el.getAttribute("x"), +el.getAttribute("y")),
+			dragover: (el) => el.tagName == "TBODY",
+			children: (el) => [...rowDrag.over.children].filter((e) => !store.props.data[e.getAttribute("y")][store.internal]),
+			dragend: onRowDragend
+		});
+		async function onColDragend() {
+			if (colDrag.drag == colDrag.rel) return;
+			const [cols, rawCols] = [store.props.columns, [...store.rawProps.columns || []]];
+			const col1 = ((col) => col[store.raw] ?? col)(cols[colDrag.drag.getAttribute("x")]);
+			const col2 = ((col) => col[store.raw] ?? col)(cols[colDrag.rel.getAttribute("x")]);
+			const i1 = rawCols.indexOf(col1);
+			const i2 = rawCols.indexOf(col2);
+			if (i1 < 0 || i2 < 0) return;
+			rawCols[i1].fixed = rawCols[i2].fixed;
+			rawCols.splice(i2 - (i1 > i2 ? 0 : 1) + (colDrag.type == "before" ? 0 : 1), 0, rawCols.splice(i1, 1)[0]);
+			store.props.onColumnsChange?.(rawCols);
+			await Promise.resolve();
+			const i = store.props.columns.findIndex((e) => e == col1 || e[store.raw] == col1);
+			if (i < 0) return;
+			store.selected.start[0] = store.selected.end[0] = i;
+		}
+		async function onRowDragend() {
+			if (rowDrag.drag == rowDrag.rel) return;
+			const [data, rawData] = [store.props.data, [...store.rawProps.data || []]];
+			const data1 = ((row) => row[store.raw] ?? row)(data[rowDrag.drag.getAttribute("y")]);
+			const data2 = ((row) => row[store.raw] ?? row)(data[rowDrag.rel.getAttribute("y")]);
+			const i1 = rawData.indexOf(data1);
+			const i2 = rawData.indexOf(data2);
+			if (i1 < 0 || i2 < 0) return;
+			rawData.splice(i2 - (i1 > i2 ? 0 : 1) + (rowDrag.type == "before" ? 0 : 1), 0, rawData.splice(i1, 1)[0]);
+			store.props.onDataChange?.(rawData);
+			await Promise.resolve();
+			const i = store.props.data.findIndex((e) => e == data1 || e[store.raw] == data1);
+			if (i < 0) return;
+			store.selected.start[1] = store.selected.end[1] = i;
+		}
+	}
+};
+export { DragPlugin };

package/dist/plugins/EditablePlugin.d.ts

@@ -8,7 +8,6 @@ declare module '../index' {
         editor?: string | Editor;
         editorProps?: any;
         editorPopup?: boolean;
-        editOnInput?: boolean;
     }
     interface TableStore {
         editors: {

package/dist/plugins/EditablePlugin.js

@@ -4,8 +4,8 @@ import { Ctx } from "../index.js";
 import { createComponent, delegateEvents, effect, insert, memo, mergeProps, spread, template, use } from "solid-js/web";
 import { createComputed, createEffect, createMemo, createRoot, createSignal, on, onCleanup, useContext } from "solid-js";
 import { createMutable } from "solid-js/store";
-import { delay } from "es-toolkit";
 import { combineProps } from "@solid-primitives/props";
+import { delay } from "es-toolkit";
 import { createAsyncMemo } from "@solid-primitives/memo";
 var _tmpl$ = /* @__PURE__ */ template(`<input style=position:absolute;margin-top:1em;width:0;height:0;pointer-events:none;opacity:0>`), _tmpl$2 = /* @__PURE__ */ template(`<div class=in-cell-edit-wrapper>`), _tmpl$3 = /* @__PURE__ */ template(`<input>`), _tmpl$4 = /* @__PURE__ */ template(`<select>`), _tmpl$5 = /* @__PURE__ */ template(`<option>`), _tmpl$6 = /* @__PURE__ */ template(`<label class="h-full flex items-center">`);
 const EditablePlugin = {
@@ -17,7 +17,7 @@ const EditablePlugin = {
 		const [editing, setEditing] = createSignal(false);
 		let eventKey = "";
 		const selected = createMemo(() => (([x, y]) => o.x == x && o.y == y)(store.selected.start || []));
-		const preEdit = createMemo(() => selected() && editable() && !editing() && o.col.editOnInput);
+		const preEdit = createMemo(() => selected() && editable() && !editing());
 		const editorState = createAsyncMemo(async () => {
 			if (editing()) {
 				let canceled = false;

package/dist/plugins/HistoryPlugin.d.ts

@@ -1,4 +1,4 @@
-import { useHistory } from '@/hooks';
+import { useHistory } from '../hooks';
 import { type Plugin } from '..';
 declare module '../index' {
     interface TableProps {

package/dist/plugins/MenuPlugin.js

@@ -3,8 +3,8 @@ import { useMemoAsync } from "../hooks/index.js";
 import { Menu } from "../components/Menu.js";
 import { createComponent, memo, mergeProps } from "solid-js/web";
 import { batch, createMemo, createSignal, mapArray } from "solid-js";
-import { range, remove } from "es-toolkit";
 import { combineProps } from "@solid-primitives/props";
+import { range, remove } from "es-toolkit";
 import { createEventListener } from "@solid-primitives/event-listener";
 import { autoPlacement, computePosition } from "@floating-ui/dom";
 const MenuPlugin = {

package/dist/plugins/ResizePlugin.d.ts

@@ -1,13 +1,13 @@
-import { type Plugin } from "@/index";
+import { type Plugin } from "../index";
 declare module '../index' {
     interface TableProps {
         resizable?: {
-            col: Partial<{
+            col?: Partial<{
                 enable: boolean;
                 min: number;
                 max: number;
             }>;
-            row: Partial<{
+            row?: Partial<{
                 enable: boolean;
                 min: number;
                 max: number;

package/dist/plugins/ResizePlugin.js

@@ -1,103 +1,116 @@
+import { unFn } from "../utils.js";
 import { usePointerDrag } from "../hooks/index.js";
 import { Ctx } from "../index.js";
-import { useSplit } from "../components/Split.js";
-import { createComponent, template, use } from "solid-js/web";
-import { createMemo, onMount, useContext } from "solid-js";
-import { clamp } from "es-toolkit";
+import { className, createComponent, effect, memo, mergeProps, template, use } from "solid-js/web";
+import { batch, untrack, useContext } from "solid-js";
+import { reconcile } from "solid-js/store";
 import { combineProps } from "@solid-primitives/props";
+import { clamp } from "es-toolkit";
+import { createEventListener } from "@solid-primitives/event-listener";
 import { defaultsDeep } from "es-toolkit/compat";
-var _tmpl$ = /* @__PURE__ */ template(`<div class="in-cell__resize-handle flex justify-center after:w-1 cursor-w-resize">`), _tmpl$2 = /* @__PURE__ */ template(`<div class="in-cell__resize-handle flex flex-row items-center after:h-1 cursor-s-resize">`);
-const ResizePlugin = { rewriteProps: {
-	resizable: ({ resizable }) => defaultsDeep(resizable, {
-		col: {
-			enable: true,
-			min: 45,
-			max: 800
-		},
-		row: {
-			enable: false,
-			min: 20,
-			max: 400
-		}
-	}),
-	columns: ({ columns }, { store }) => columns.map((e) => defaultsDeep(e, { resizable: store.props?.resizable?.col.enable })),
-	Thead: ({ Thead }, { store }) => (o) => {
-		let theadEl;
-		const { props } = useContext(Ctx);
-		const ths = createMemo(() => store.ths.filter((e) => e != null));
-		onMount(() => {
-			useSplit({
-				container: theadEl,
-				cells: ths,
-				size: 10,
-				trailing: true,
-				dir: "x",
-				handle: (i) => createComponent(Handle, { i })
-			});
+var _tmpl$ = /* @__PURE__ */ template(`<div>`);
+var COL = Symbol("col_size");
+var ROW = Symbol("row_size");
+var ColHandle = (o) => {
+	const { props, store } = useContext(Ctx);
+	let el;
+	usePointerDrag(() => el, { start(e, move, end) {
+		e.stopPropagation();
+		const i = o.x;
+		const { min, max } = props.resizable.col;
+		const th = el.parentElement;
+		const sw = th.offsetWidth;
+		move((e$1, { ox }) => store[COL][o.x] = clamp(sw + ox, min, max));
+		end(() => {
+			const col = props.columns[i];
+			const cols = [...store.rawProps.columns || []];
+			const index = cols.indexOf(col[store.raw] ?? col);
+			if (index > -1) {
+				cols[index] = {
+					...cols[index],
+					width: th.offsetWidth
+				};
+				props.onColumnsChange?.(cols);
+			}
+			col.onWidthChange?.(th.offsetWidth);
 		});
-		const Handle = (_props) => {
-			let el;
-			usePointerDrag(() => el, { start(e, move, end) {
-				const { min, max } = props.resizable.col;
-				const th = ths()[_props.i];
-				const sw = th.offsetWidth;
-				move((e$1, o$1) => th.style.width = `${clamp(sw + o$1.ox, min, max)}px`);
-				end(() => {
-					const col = props.columns[_props.i];
-					const cols = [...store.rawProps.columns || []];
-					const index = cols?.findIndex((e$1) => e$1.id == col.id);
-					if (index > -1) {
-						cols[index] = {
-							...cols[index],
-							width: th.offsetWidth
-						};
-						props.onColumnsChange?.(cols);
-					}
-					col.onWidthChange?.(th.offsetWidth);
-				});
-			} });
-			return (() => {
-				var _el$ = _tmpl$();
-				var _ref$ = el;
-				typeof _ref$ === "function" ? use(_ref$, _el$) : el = _el$;
-				return _el$;
-			})();
-		};
-		o = combineProps({ ref: (e) => theadEl = e }, o);
-		return createComponent(Thead, o);
-	},
-	Tbody: ({ Tbody }, { store }) => (o) => {
-		let el;
-		const { props } = useContext(Ctx);
-		const tds = createMemo(() => store.trs.filter((e) => e != null).map((e) => e.firstElementChild));
-		onMount(() => {
-			useSplit({
-				container: el,
-				cells: tds,
-				size: 8,
-				trailing: true,
-				dir: "y",
-				handle: (i) => createComponent(Handle, { i })
-			});
+	} });
+	return (() => {
+		var _el$ = _tmpl$();
+		var _ref$ = el;
+		typeof _ref$ === "function" ? use(_ref$, _el$) : el = _el$;
+		effect(() => className(_el$, `in-cell__resize-handle absolute top-0 right-0 flex justify-center w-10px! ${o.x == props.columns.length - 1 ? "justify-end!" : "w-10px! translate-x-1/2"} after:w-1 cursor-w-resize z-1`));
+		return _el$;
+	})();
+};
+var RowHandle = (o) => {
+	const { props, store } = useContext(Ctx);
+	let el;
+	usePointerDrag(() => el, { start(e, move, end) {
+		e.stopPropagation();
+		const i = o.y;
+		const { min, max } = props.resizable.row;
+		const sh = el.parentElement.offsetHeight;
+		move((e$1, { oy }) => store[ROW][o.y] = clamp(sh + oy, min, max));
+		end(() => {
+			const row = props.data[i];
+			if ([...store.rawProps.data || []].indexOf(row[store.raw] ?? row) > -1) {}
 		});
-		const Handle = (_props2) => {
-			let el$1;
-			usePointerDrag(() => el$1, { start(e, move, end) {
-				const { min, max } = props.resizable.row;
-				const tr = tds()[_props2.i];
-				const sw = tr.offsetHeight;
-				move((e$1, o$1) => tr.style.height = `${clamp(sw + o$1.oy, min, max)}px`);
-				end(() => {});
-			} });
-			return (() => {
-				var _el$2 = _tmpl$2();
-				var _ref$2 = el$1;
-				typeof _ref$2 === "function" ? use(_ref$2, _el$2) : el$1 = _el$2;
-				return _el$2;
-			})();
-		};
-		o = combineProps({ ref: (e) => el = e }, o);
-		return createComponent(Tbody, o);
+	} });
+	createEventListener(() => el, "dblclick", () => o.data[COL] = void 0);
+	return (() => {
+		var _el$2 = _tmpl$();
+		var _ref$2 = el;
+		typeof _ref$2 === "function" ? use(_ref$2, _el$2) : el = _el$2;
+		effect(() => className(_el$2, `in-cell__resize-handle absolute bottom-0 left-0 flex flex-col justify-center h-1! ${o.y == props.data.length - 1 ? "justify-end!" : ""} after:h-1 cursor-s-resize z-1`));
+		return _el$2;
+	})();
+};
+const ResizePlugin = {
+	store: () => ({
+		[COL]: [],
+		[ROW]: []
+	}),
+	rewriteProps: {
+		resizable: ({ resizable }) => defaultsDeep(resizable, {
+			col: {
+				enable: true,
+				min: 45,
+				max: 800
+			},
+			row: {
+				enable: false,
+				min: 20,
+				max: 400
+			}
+		}),
+		columns: ({ columns }, { store }) => (columns = columns.map((e, i) => ({
+			...e,
+			[store.raw]: e[store.raw] ?? e
+		})), columns = columns.map((e) => e.resizable === void 0 ? {
+			...e,
+			resizable: store.props?.resizable?.col.enable,
+			[store.raw]: e[store.raw] ?? e
+		} : e), columns = columns.map((e, i) => store[COL][i] ? {
+			...e,
+			width: store[COL][i],
+			[store.raw]: e[store.raw] ?? e
+		} : e), untrack(() => batch(() => reconcile(columns, { key: store.raw })(store.__resize__cols ??= [])))),
+		Th: ({ Th }, { store }) => (o) => {
+			o = combineProps({ class: "relative" }, o);
+			return createComponent(Th, mergeProps(o, { get children() {
+				return [memo(() => o.children), memo(() => memo(() => !!o.col.resizable)() && createComponent(ColHandle, o))];
+			} }));
+		},
+		Td: ({ Td }, { store }) => !store.props?.resizable?.row.enable ? Td : (o) => {
+			o = combineProps({ class: "relative" }, o);
+			return createComponent(Td, mergeProps(o, { get children() {
+				return [memo(() => o.children), memo(() => memo(() => !!(o.x == 0 && store.props?.resizable?.row.enable))() && createComponent(RowHandle, o))];
+			} }));
+		},
+		cellStyle: ({ cellStyle }, { store }) => (o) => {
+			return `${unFn(cellStyle, o)};` + (store[ROW][o.y] ? `height: ${store[ROW][o.y]}px` : "");
+		}
 	}
-} };
+};
 export { ResizePlugin };

package/dist/plugins/RowSelectionPlugin.d.ts

@@ -27,6 +27,6 @@ declare function useSelector(opt: Partial<{
     isSelected: (data: any) => boolean;
     select: (data: any, bool?: boolean) => void;
     clear: () => any;
-    set: (rows?: never[]) => any;
+    set: (rows?: any[]) => any;
 };
 export {};

package/dist/plugins/VirtualScrollPlugin.d.ts

@@ -1,4 +1,4 @@
-import { useVirtualizer } from '@/hooks/useVirtualizer';
+import { useVirtualizer } from '../hooks/useVirtualizer';
 import { type Plugin } from '..';
 declare module '../index' {
     interface TableProps {