intable 0.0.4 → 0.0.5

package/dist/index.js

@@ -12,6 +12,8 @@ import { CommandPlugin } from "./plugins/CommandPlugin.js";
 import { RowSelectionPlugin } from "./plugins/RowSelectionPlugin.js";
 import { ResizePlugin } from "./plugins/ResizePlugin.js";
 import { DragPlugin } from "./plugins/DragPlugin.js";
+import { RowGroupPlugin } from "./plugins/RowGroupPlugin.js";
+import { ExpandPlugin } from "./plugins/ExpandPlugin.js";
 import { createComponent, insert, memo, mergeProps, spread, template, use } from "solid-js/web";
 import { For, batch, createComputed, createContext, createEffect, createMemo, createSignal, getOwner, mapArray, mergeProps as mergeProps$1, on, onCleanup, onMount, runWithOwner, untrack, useContext } from "solid-js";
 import { createMutable, reconcile } from "solid-js/store";
@@ -23,40 +25,38 @@ var _tmpl$ = /* @__PURE__ */ template("<table>"), _tmpl$2 = /* @__PURE__ */ temp
 const Ctx = createContext({
 	props: {},
 	store: {}
-}), Intable = (g) => {
-	g = mergeProps$1({ rowKey: "id" }, g);
-	let q = createMemo(() => [
+}), Intable = (_) => {
+	_ = mergeProps$1({ rowKey: "id" }, _);
+	let J = createMemo(() => [
 		...defaultsPlugins,
-		...g.plugins || [],
+		..._.plugins || [],
 		RenderPlugin
-	].sort((g, G) => (G.priority || 0) - (g.priority || 0))), J = createMutable({
+	].sort((_, K) => (K.priority || 0) - (_.priority || 0))), Y = createMutable({
 		get rawProps() {
-			return g;
+			return _;
 		},
 		get plugins() {
-			return q();
+			return J();
 		}
-	}), Y = getOwner();
-	createComputed((g) => {
-		let G = difference(q(), g);
-		return runWithOwner(Y, () => {
-			G.forEach((g) => Object.assign(J, g.store?.(J)));
-		}), q();
+	}), X = getOwner();
+	createComputed((_) => {
+		let K = difference(J(), _);
+		return runWithOwner(X, () => {
+			K.forEach((_) => Object.assign(Y, _.store?.(Y)));
+		}), J();
 	}, []);
-	let X = mapArray(q, () => createSignal({}));
-	createComputed(mapArray(q, (q, Y) => {
-		let Z = () => X()[Y() - 1]?.[0]() || g, Q = mergeProps$1(Z, toReactive(mapValues(q.rewriteProps || {}, (g) => useMemo(() => g(Z(), { store: J })))));
-		X()[Y()][1](Q);
-	}));
-	let Q = toReactive(() => X()[X().length - 1][0]());
-	J.props = Q, onMount(() => {
-		createEffect(mapArray(q, (g) => g.onMount?.(J)));
+	let Z = mapArray(J, () => createSignal());
+	Y.props = toReactive(createMemo(() => Z()[Z().length - 1][0]() || _)), createComputed(mapArray(J, (J, X) => {
+		let Q = createMemo(() => Z()[X() - 1]?.[0]() || _), $ = mergeProps$1(Q, toReactive(mapValues(J.rewriteProps || {}, (_) => useMemo(() => _(Q(), { store: Y })))));
+		Z()[X()][1]($);
+	})), onMount(() => {
+		createEffect(mapArray(J, (_) => _.onMount?.(Y)));
 	});
 	let $ = createMutable({
-		props: Q,
-		store: J
+		props: Y.props,
+		store: Y
 	});
-	return window.store = J, window.ctx = $, createComponent(Ctx.Provider, {
+	return window.store = Y, window.ctx = $, createComponent(Ctx.Provider, {
 		value: $,
 		get children() {
 			return createComponent($.props.Table, { get children() {
@@ -66,53 +66,61 @@ const Ctx = createContext({
 	});
 };
 var THead = () => {
-	let { props: g } = useContext(Ctx);
-	return createComponent(g.Thead, { get children() {
-		return createComponent(g.Tr, { get children() {
-			return createComponent(g.EachCells, {
+	let { props: _ } = useContext(Ctx);
+	return createComponent(_.Thead, { get children() {
+		return createComponent(_.Tr, { get children() {
+			return createComponent(_.EachCells, {
 				get each() {
-					return g.columns || [];
+					return _.columns || [];
 				},
-				children: (G, K) => createComponent(g.Th, {
-					col: G,
-					get x() {
+				children: (K, q) => createComponent(_.Th, {
+					get col() {
 						return K();
 					},
+					get x() {
+						return q();
+					},
 					get children() {
-						return G.name;
+						return K().name;
 					}
 				})
 			});
 		} });
 	} });
 }, TBody = () => {
-	let { props: g } = useContext(Ctx);
-	return createComponent(g.Tbody, { get children() {
-		return createComponent(g.EachRows, {
+	let { props: _ } = useContext(Ctx);
+	return createComponent(_.Tbody, { get children() {
+		return createComponent(_.EachRows, {
 			get each() {
-				return g.data;
+				return _.data;
 			},
-			children: (G, K) => createComponent(g.Tr, {
+			children: (K, q) => createComponent(_.Tr, {
 				get y() {
+					return q();
+				},
+				get data() {
 					return K();
 				},
-				data: G,
 				get children() {
-					return createComponent(g.EachCells, {
+					return createComponent(_.EachCells, {
 						get each() {
-							return g.columns;
+							return _.columns;
 						},
-						children: (q, J) => createComponent(g.Td, {
-							col: q,
-							get x() {
+						children: (J, Y) => createComponent(_.Td, {
+							get col() {
 								return J();
 							},
+							get x() {
+								return Y();
+							},
 							get y() {
+								return q();
+							},
+							get data() {
 								return K();
 							},
-							data: G,
 							get children() {
-								return G[q.id];
+								return K()[J().id];
 							}
 						})
 					});
@@ -122,31 +130,32 @@ var THead = () => {
 	} });
 }, src_default = Intable;
 function BasePlugin() {
-	let G = {
+	let K = {
 		col: null,
 		data: null
-	}, K = (g) => (() => {
-		var G = _tmpl$();
-		return spread(G, g, !1, !1), G;
-	})(), q = (g) => (() => {
-		var G = _tmpl$2();
-		return spread(G, g, !1, !1), G;
-	})(), J = (g) => (() => {
-		var G = _tmpl$3();
-		return spread(G, g, !1, !1), G;
-	})(), Y = (g) => (() => {
-		var K = _tmpl$4();
-		return spread(K, mergeProps(g, G), !1, !1), K;
-	})(), X = (g) => (() => {
-		var K = _tmpl$5();
-		return spread(K, mergeProps(g, G), !1, !1), K;
-	})(), Z = (g) => (() => {
-		var K = _tmpl$6();
-		return spread(K, mergeProps(g, G), !1, !1), K;
+	}, q = (_) => (() => {
+		var K = _tmpl$();
+		return spread(K, _, !1, !1), K;
+	})(), J = (_) => (() => {
+		var K = _tmpl$2();
+		return spread(K, _, !1, !1), K;
+	})(), Y = (_) => (() => {
+		var K = _tmpl$3();
+		return spread(K, _, !1, !1), K;
+	})(), X = (_) => (() => {
+		var q = _tmpl$4();
+		return spread(q, mergeProps(_, K), !1, !1), q;
+	})(), Z = (_) => (() => {
+		var q = _tmpl$5();
+		return spread(q, mergeProps(_, K), !1, !1), q;
+	})(), Q = (_) => (() => {
+		var q = _tmpl$6();
+		return spread(q, mergeProps(_, K), !1, !1), q;
 	})();
 	return {
+		name: "base",
 		priority: Infinity,
-		store: (g) => ({
+		store: (_) => ({
 			ths: [],
 			thSizes: [],
 			trs: [],
@@ -155,146 +164,166 @@ function BasePlugin() {
 			raw: Symbol("raw")
 		}),
 		rewriteProps: {
-			data: ({ data: g = [] }) => g,
-			columns: ({ columns: g = [] }) => g,
-			newRow: ({ newRow: g = () => ({}) }) => g,
-			Table: ({ Table: g = K }, { store: G }) => (G) => {
-				let [K, q] = createSignal(), { props: J } = useContext(Ctx);
-				return G = combineProps({
-					ref: q,
+			data: ({ data: _ = [] }) => _,
+			columns: ({ columns: _ = [] }) => _,
+			newRow: ({ newRow: _ = () => ({}) }) => _,
+			Table: ({ Table: _ = q }, { store: K }) => (K) => {
+				let [q, J] = createSignal(), { props: Y } = useContext(Ctx);
+				return K = combineProps({
+					ref: J,
 					get class() {
-						return `data-table ${J.class} ${J.border && "data-table--border"} data-table--${J.size}`;
+						return `data-table ${Y.class} ${Y.border && "data-table--border"} data-table--${Y.size}`;
 					},
 					get style() {
-						return J.style;
+						return Y.style;
 					}
-				}, G), createComponent(g, G);
+				}, K), createComponent(_, K);
 			},
-			Thead: ({ Thead: g = q }, { store: G }) => (K) => (K = combineProps({ ref: (g) => G.thead = g }, K), createComponent(g, K)),
-			Tbody: ({ Tbody: g = J }, { store: G }) => (K) => (K = combineProps({ ref: (g) => G.tbody = g }, K), createComponent(g, K)),
-			Tr: ({ Tr: g = Y }, { store: G }) => (K) => {
-				let [q, J] = createSignal();
-				return K = combineProps({ ref: J }, K), createEffect(() => {
-					let { y: g } = K;
-					G.trs[g] = q(), G.trSizes[g] = createElementSize(q()), onCleanup(() => G.trSizes[g] = G.trs[g] = void 0);
-				}), createComponent(g, K);
+			Thead: ({ Thead: _ = J }, { store: K }) => (q) => (q = combineProps({ ref: (_) => K.thead = _ }, q), createComponent(_, q)),
+			Tbody: ({ Tbody: _ = Y }, { store: K }) => (q) => (q = combineProps({ ref: (_) => K.tbody = _ }, q), createComponent(_, q)),
+			Tr: ({ Tr: _ = X }, { store: K }) => (q) => {
+				let [J, Y] = createSignal();
+				return q = combineProps({ ref: Y }, q), createEffect(() => {
+					let { y: _ } = q;
+					K.trs[_] = J(), K.trSizes[_] = createElementSize(J()), onCleanup(() => K.trSizes[_] = K.trs[_] = void 0);
+				}), createComponent(_, q);
 			},
-			Th: ({ Th: G = X }, { store: K }) => (q) => {
-				let [J, Y] = createSignal(), { props: X } = useContext(Ctx), Z = combineProps(q, { ref: Y }, {
+			Th: ({ Th: K = Z }, { store: q }) => (J) => {
+				let [Y, X] = createSignal(), { props: Z } = useContext(Ctx), Q = combineProps(J, { ref: X }, {
 					get class() {
-						return unFn(X.cellClass, q);
+						return unFn(Z.cellClass, J);
 					},
 					get style() {
-						return unFn(X.cellStyle, q);
+						return unFn(Z.cellStyle, J);
 					}
 				}, {
 					get class() {
-						return q.col.class;
+						return J.col.class;
 					},
 					get style() {
-						return q.col.style;
+						return J.col.style;
 					}
 				}, { get style() {
-					return q.col.width ? `width: ${q.col.width}px` : "";
+					return J.col.width ? `width: ${J.col.width}px` : "";
 				} });
 				return createEffect(() => {
-					let { x: g } = q;
-					K.ths[g] = J(), K.thSizes[g] = createElementSize(J()), onCleanup(() => K.thSizes[g] = K.ths[g] = void 0);
-				}), createComponent(G, mergeProps(Z, { get children() {
-					return q.children;
+					let { x: _ } = J;
+					q.ths[_] = Y(), q.thSizes[_] = createElementSize(Y()), onCleanup(() => q.thSizes[_] = q.ths[_] = void 0);
+				}), createComponent(K, mergeProps(Q, { get children() {
+					return J.children;
 				} }));
 			},
-			Td: ({ Td: G = Z }, { store: K }) => (K) => {
-				let { props: q } = useContext(Ctx), J = combineProps(K, {
+			Td: ({ Td: K = Q }, { store: q }) => (q) => {
+				let { props: J } = useContext(Ctx), Y = combineProps(q, {
 					get class() {
-						return unFn(q.cellClass, K);
+						return unFn(J.cellClass, q);
 					},
 					get style() {
-						return unFn(q.cellStyle, K);
+						return unFn(J.cellStyle, q);
 					}
 				}, {
 					get class() {
-						return K.col.class;
+						return q.col.class;
 					},
 					get style() {
-						return K.col.style;
+						return q.col.style;
 					}
 				}, { get style() {
-					return K.col.width ? `width: ${K.col.width}px` : "";
+					return q.col.width ? `width: ${q.col.width}px` : "";
 				} });
-				return createComponent(G, mergeProps(J, { get children() {
-					return K.children;
+				return createComponent(K, mergeProps(Y, { get children() {
+					return q.children;
 				} }));
 			},
-			EachRows: ({ EachRows: g }) => g || For,
-			EachCells: ({ EachCells: g }) => g || For,
-			renderer: ({ renderer: g = (g) => g }) => g
+			EachRows: ({ EachRows: _ }) => _ || ((_) => createComponent(For, {
+				get each() {
+					return _.each;
+				},
+				children: (K, q) => _.children(() => K, q)
+			})),
+			EachCells: ({ EachCells: _ }) => _ || ((_) => createComponent(For, {
+				get each() {
+					return _.each;
+				},
+				children: (K, q) => _.children(() => K, q)
+			})),
+			renderer: ({ renderer: _ = (_) => _ }) => _
 		}
 	};
 }
 var IndexPlugin = {
-	store: (g) => ({ $index: {
+	name: "index",
+	priority: -Infinity,
+	store: (_) => ({ $index: {
 		name: "",
 		id: Symbol("index"),
 		fixed: "left",
-		[g.internal]: 1,
+		[_.internal]: 1,
 		width: 40,
 		style: "text-align: center",
 		class: "index",
-		render: solidComponent((g) => memo(() => g.y + 1))
+		render: solidComponent((_) => memo(() => _.y + 1))
 	} }),
-	rewriteProps: { columns: (g, { store: G }) => G.props?.index ? [G.$index, ...g.columns || []] : g.columns }
-}, StickyHeaderPlugin = { rewriteProps: { Thead: ({ Thead: g }) => (G) => {
-	let { props: K } = useContext(Ctx);
-	return G = combineProps({ get class() {
-		return K.stickyHeader ? "sticky-header" : "";
-	} }, G), createComponent(g, G);
-} } }, FixedColumnPlugin = { rewriteProps: {
-	columns: ({ columns: g }) => [
-		...g?.filter((g) => g.fixed == "left") || [],
-		...g?.filter((g) => !g.fixed) || [],
-		...g?.filter((g) => g.fixed == "right") || []
-	],
-	cellClass: ({ cellClass: G }) => (K) => (unFn(G, K) || "") + (K.col.fixed ? ` fixed-${K.col.fixed}` : ""),
-	cellStyle: ({ cellStyle: G }, { store: K }) => (q) => (unFn(G, q) || "") + (q.col.fixed ? `; ${q.col.fixed}: ${sumBy(K.thSizes.slice(q.col.fixed == "left" ? 0 : q.x + 1, q.col.fixed == "left" ? q.x : Infinity), (g) => g?.width || 0)}px` : "")
-} }, FitColWidthPlugin = {
+	rewriteProps: { columns: ({ columns: _ }, { store: K }) => K.props?.index ? [K.$index, ..._ || []] : _ }
+}, StickyHeaderPlugin = {
+	name: "sticky-header",
+	rewriteProps: { Thead: ({ Thead: _ }) => (K) => {
+		let { props: q } = useContext(Ctx);
+		return K = combineProps({ get class() {
+			return q.stickyHeader ? "sticky-header" : "";
+		} }, K), createComponent(_, K);
+	} }
+}, FixedColumnPlugin = {
+	name: "fixed-column",
+	rewriteProps: {
+		columns: ({ columns: _ }) => [
+			..._?.filter((_) => _.fixed == "left") || [],
+			..._?.filter((_) => !_.fixed) || [],
+			..._?.filter((_) => _.fixed == "right") || []
+		],
+		cellClass: ({ cellClass: K }) => (q) => (unFn(K, q) || "") + (q.col.fixed ? ` fixed-${q.col.fixed}` : ""),
+		cellStyle: ({ cellStyle: K }, { store: q }) => (J) => (unFn(K, J) || "") + (J.col.fixed ? `; ${J.col.fixed}: ${sumBy(q.thSizes.slice(J.col.fixed == "left" ? 0 : J.x + 1, J.col.fixed == "left" ? J.x : Infinity), (_) => _?.width || 0)}px` : "")
+	}
+}, FitColWidthPlugin = {
+	name: "fit-col-width",
 	priority: -Infinity,
 	rewriteProps: {
-		Table: (g, { store: G }) => (K) => {
-			let q = createMutable({ width: 0 });
-			return createResizeObserver(() => G.scroll_el, (g, G, K) => q.width = K.contentBoxSize[0].inlineSize), createEffect(on(() => [q.width, g.columns.map((g) => g.width)], async () => {
-				if (!q.width) return;
-				G.__fit_col_width__cols_temp = null, await Promise.resolve();
-				let g = (q.width - G.table.getBoundingClientRect().width) / G.props.columns.filter((g) => !g.width).length;
-				G.__fit_col_width__cols_temp = G.props.columns.map((K, q) => K.width ? null : { width: Math.max((G.ths[q]?.getBoundingClientRect().width || 0) + g, 80) });
-			})), createComponent(g.Table, K);
+		Table: (_, { store: K }) => (q) => {
+			let J = createMutable({ width: 0 });
+			return createResizeObserver(() => K.scroll_el, (_, K, q) => J.width = q.contentBoxSize[0].inlineSize), createEffect(on(() => [J.width, _.columns.map((_) => _.width)], async () => {
+				if (!J.width) return;
+				K.__fit_col_width__cols_temp = null, await Promise.resolve();
+				let _ = (J.width - K.table.getBoundingClientRect().width) / K.props.columns.filter((_) => !_.width).length;
+				K.__fit_col_width__cols_temp = K.props.columns.map((q, J) => q.width ? null : { width: Math.max((K.ths[J]?.getBoundingClientRect().width || 0) + _, 80) });
+			})), createComponent(_.Table, q);
 		},
-		columns: ({ columns: g }, { store: G }) => (g = g.map((g, K) => ({
-			...g,
-			...G.__fit_col_width__cols_temp?.[K],
-			[G.raw]: g[G.raw] ?? g
-		})), untrack(() => batch(() => reconcile(g, { key: G.raw })(G.__fit_col_width__cols ??= []))))
+		columns: ({ columns: _ }, { store: K }) => (_ = _.map((_, q) => ({
+			..._,
+			...K.__fit_col_width__cols_temp?.[q],
+			[K.raw]: _[K.raw] ?? _
+		})), untrack(() => batch(() => reconcile(_, { key: K.raw })(K.__fit_col_width__cols ??= []))))
 	}
 };
 const ScrollPlugin = {
+	name: "scroll",
 	priority: Infinity,
-	rewriteProps: { Table: (g, { store: G }) => (g) => {
-		let K = createScrollPosition(() => G.scroll_el), q = createElementSize(() => G.scroll_el), J = createMemo(() => {
-			let g = G.scroll_el;
-			if (!g) return;
-			let J = K.x == 0, Y = K.x >= g.scrollWidth - (q.width || 0);
-			return J && Y ? "" : !J && !Y ? "is-scroll-mid" : J ? "is-scroll-left" : Y ? "is-scroll-right" : "";
+	rewriteProps: { Table: (_, { store: K }) => (_) => {
+		let q = createScrollPosition(() => K.scroll_el), J = createElementSize(() => K.scroll_el), Y = createMemo(() => {
+			let _ = K.scroll_el;
+			if (!_) return;
+			let Y = q.x == 0, X = q.x >= _.scrollWidth - (J.width || 0);
+			return Y && X ? "" : !Y && !X ? "is-scroll-mid" : Y ? "is-scroll-left" : X ? "is-scroll-right" : "";
 		});
-		g = combineProps(g, {
-			ref: (g) => G.scroll_el = g,
+		_ = combineProps(_, {
+			ref: (_) => K.scroll_el = _,
 			class: "data-table--scroll-view"
 		}, { get class() {
-			return J();
+			return Y();
 		} });
-		let Y = mapArray(() => G.plugins.flatMap((g) => g.layers ?? []), (g) => createComponent(g, G));
+		let X = mapArray(() => K.plugins.flatMap((_) => _.layers ?? []), (_) => createComponent(_, K));
 		return (() => {
-			var K = _tmpl$7(), q = K.firstChild, J = q.nextSibling;
-			return spread(K, g, !1, !0), insert(q, Y), use((g) => G.table = g, J), insert(J, () => g.children), K;
+			var q = _tmpl$7(), J = q.firstChild, Y = J.nextSibling;
+			return spread(q, _, !1, !0), insert(J, X), use((_) => K.table = _, Y), insert(Y, () => _.children), q;
 		})();
 	} }
 }, defaultsPlugins = [
@@ -303,14 +332,16 @@ const ScrollPlugin = {
 	CommandPlugin,
 	MenuPlugin,
 	CellSelectionPlugin,
-	RowSelectionPlugin,
-	IndexPlugin,
 	StickyHeaderPlugin,
 	FixedColumnPlugin,
 	ResizePlugin,
 	DragPlugin,
 	ClipboardPlugin,
+	ExpandPlugin,
+	RowSelectionPlugin,
+	IndexPlugin,
 	EditablePlugin,
-	FitColWidthPlugin
+	FitColWidthPlugin,
+	RowGroupPlugin
 ];
 export { Ctx, Intable, ScrollPlugin, src_default as default, defaultsPlugins };

package/dist/plugins/CellSelectionPlugin.js

@@ -5,6 +5,7 @@ import { batch, createMemo, useContext } from "solid-js";
 import { combineProps } from "@solid-primitives/props";
 var _tmpl$ = /* @__PURE__ */ template("<div class=area>"), inrange = (e, a, o) => e <= o && e >= a;
 const CellSelectionPlugin = {
+	name: "cell-selection",
 	store: () => ({ selected: {
 		start: [],
 		end: []
@@ -98,7 +99,7 @@ const CellSelectionPlugin = {
 		Td: ({ Td: e }, { store: a }) => (o) => {
 			let u = createMemo(() => {
 				let e = "", { xs: s, ys: c } = a.cellSelectionRect(), l = inrange(o.x, s[0], s[1]), u = inrange(o.y, c[0], c[1]);
-				return l && u && (e += "range-selected ", o.x == s[0] && (e += "range-selected-l "), o.x == s[1] && (e += "range-selected-r "), o.y == c[0] && (e += "range-selected-t "), o.y == c[1] && (e += "range-selected-b ")), o.x == 0 && u && (e += "row-range-highlight "), e;
+				return l && u && (e += "range-selected ", o.x == s[0] && (e += "range-selected-l "), o.x == s[1] && (e += "range-selected-r "), o.y == c[0] && (e += "range-selected-t "), o.y == c[1] && (e += "range-selected-b ")), o.col.id == a.$index.id && u && (e += "row-range-highlight "), e;
 			}), d = combineProps(o, {
 				get class() {
 					return u();

package/dist/plugins/CommandPlugin.js

@@ -1,6 +1,12 @@
-import { createComponent } from "solid-js/web";
-import { createComputed } from "solid-js";
-const CommandPlugin = { rewriteProps: { Table: ({ Table: n }, { store: r }) => (i) => (createComputed(() => {
-	r.commands = r.plugins.reduce((e, t) => Object.assign(e, t.commands?.(r, { ...e })), {});
-}), createComponent(n, i)) } };
+import { createMemo, getOwner, runWithOwner } from "solid-js";
+const CommandPlugin = {
+	name: "command",
+	priority: Infinity,
+	store: (r) => {
+		let i = getOwner(), a = createMemo(() => r.plugins.reduce((e, n) => Object.assign(e, runWithOwner(i, () => n.commands?.(r, { ...e }))), {}));
+		return { get commands() {
+			return a();
+		} };
+	}
+};
 export { CommandPlugin };

package/dist/plugins/CopyPastePlugin.js

@@ -3,6 +3,7 @@ import { createComponent } from "solid-js/web";
 import { createEffect } from "solid-js";
 import { combineProps } from "@solid-primitives/props";
 const ClipboardPlugin = {
+	name: "clipboard",
 	rewriteProps: { Table: ({ Table: i }, { store: a }) => (o) => {
 		let s;
 		return useTinykeys(() => s, {

package/dist/plugins/EditablePlugin.js

@@ -9,6 +9,7 @@ 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 = {
+	name: "editable",
 	store: () => ({ editors: { ...editors } }),
 	rewriteProps: { Td: ({ Td: i }, { store: O }) => (k) => {
 		let A, { props: N } = useContext(Ctx), P = createMemo(() => !!k.col.editable && !k.data[O.internal] && !k.col[O.internal]), [I, L] = createSignal(!1), H = "", U = createMemo(() => (([i, O]) => k.x == i && k.y == O)(O.selected.start || [])), W = createMemo(() => U() && P() && !I()), G = createAsyncMemo(async () => {

package/dist/plugins/ExpandPlugin.d.ts

@@ -1,5 +1,6 @@
 import type { JSX } from 'solid-js';
 import { type Plugin } from '..';
+import { useSelector } from '../hooks/useSelector';
 declare module '../index' {
     interface TableProps {
         expand?: {
@@ -10,11 +11,8 @@ declare module '../index' {
             }) => JSX.Element;
         };
     }
-    interface TableStore {
-        expands: any[];
-        expandCol: TableColumn;
-        isExpand: (data: any) => boolean;
-        toggleExpand: (data: any) => void;
+    interface Commands {
+        expand: ReturnType<typeof useSelector<any[]>>;
     }
 }
 export declare const ExpandPlugin: Plugin;