intable 0.0.34 → 0.0.36

package/dist/plugins/EditablePlugin.js

@@ -1,5 +1,6 @@
 import { chooseFile, resolveOptions, unFn } from "../utils.js";
 import { Checkbox, Files } from "./RenderPlugin/components.js";
+import Textarea_default from "../components/Textarea.js";
 import { Ctx } from "../index.js";
 import { addEventListener, 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";
@@ -7,41 +8,41 @@ import { createMutable } from "solid-js/store";
 import { combineProps } from "@solid-primitives/props";
 import { createAsyncMemo } from "@solid-primitives/memo";
 import { delay } from "es-toolkit";
-var _tmpl$ = /* @__PURE__ */ template("<div class=in-cell-edit-wrapper tabindex=-1>"), _tmpl$2 = /* @__PURE__ */ template("<span class=cell-validating>"), _tmpl$3 = /* @__PURE__ */ template("<input style=position:absolute;margin-top:1em;width:0;height:0;pointer-events:none;opacity:0>"), _tmpl$4 = /* @__PURE__ */ template("<input>"), _tmpl$5 = /* @__PURE__ */ template("<textarea>"), _tmpl$6 = /* @__PURE__ */ template("<label class=\"h-full flex items-center\">"), _tmpl$7 = /* @__PURE__ */ template("<select>"), _tmpl$8 = /* @__PURE__ */ template("<option>");
+var _tmpl$ = /* @__PURE__ */ template("<div class=in-cell-edit-wrapper tabindex=-1>"), _tmpl$2 = /* @__PURE__ */ template("<span class=cell-validating>"), _tmpl$3 = /* @__PURE__ */ template("<input style=position:absolute;margin-top:1em;width:0;height:0;pointer-events:none;opacity:0>"), _tmpl$4 = /* @__PURE__ */ template("<input>"), _tmpl$5 = /* @__PURE__ */ template("<label class=\"h-full flex items-center\">"), _tmpl$6 = /* @__PURE__ */ template("<select><option value>-"), _tmpl$7 = /* @__PURE__ */ template("<option>");
 const EditablePlugin = {
 	name: "editable",
 	store: () => ({ editors: { ...editors } }),
 	rewriteProps: {
-		editable: ({ editable: e }, { store: v }) => (b) => {
-			let x = [b.col.editable, e].filter((e) => e != null);
-			return !!x.length && x.every((e) => unFn(e, b)) && !b.data[v.internal] && !b.col[v.internal];
+		editable: ({ editable: e }, { store: y }) => (x) => {
+			let S = [x.col.editable, e].filter((e) => e != null);
+			return !!S.length && S.every((e) => unFn(e, x)) && !x.data[y.internal] && !x.col[y.internal];
 		},
-		Td: ({ Td: e }, { store: v }) => (b) => {
-			let x, { props: w } = useContext(Ctx), [T, D] = createSignal(!1), O = "", j = () => unFn(w.editable, b), M = () => (([e, v]) => b.x == e && b.y == v)(v.selected.start || []), N = () => M() && j() && !T(), [P, F] = createSignal(!1), I = createAsyncMemo(() => {
-				if (T()) {
-					let e = !1, y = b.data[b.col.id], x = ((e) => typeof e == "string" ? v.editors[e] : e)(b.col.editor ?? b.col.type ?? "text"), S = {
-						props: b.col.editorProps,
-						col: b.col,
-						eventKey: O,
-						data: b.data,
-						value: y,
+		Td: ({ Td: e }, { store: y }) => (x) => {
+			let S, { props: C } = useContext(Ctx), [E, D] = createSignal(!1), k = "", A = () => unFn(C.editable, x), M = () => (([e, y]) => x.x == e && x.y == y)(y.selected.start || []), N = () => M() && A() && !E(), [P, F] = createSignal(!1), I = createAsyncMemo(() => {
+				if (E()) {
+					let e = !1, b = x.data[x.col.id], S = ((e) => typeof e == "string" ? y.editors[e] : e)(x.col.editor ?? x.col.type ?? (x.col.enum ? "select" : "text")), w = {
+						props: x.col.editorProps,
+						col: x.col,
+						eventKey: k,
+						data: x.data,
+						value: b,
 						ok: async () => {
-							await L(C.getValue()), D(!1);
+							await L(T.getValue()), D(!1);
 						},
 						cancel: () => (e = !0, D(!1)),
-						onChange: (e) => T() && L(e).catch(() => {})
-					}, C = x(S);
+						onChange: (e) => E() && L(e).catch(() => {})
+					}, T = S(w);
 					return onCleanup(() => {
-						!e && C.getValue() !== y && v.commands.rowChange({
-							...w.data[b.y],
-							[b.col.id]: C.getValue()
-						}), e || L(C.getValue()).catch(() => {}), O = "", C.destroy();
-					}), [S, C];
+						!e && T.getValue() !== b && y.commands.rowChange({
+							...C.data[x.y],
+							[x.col.id]: T.getValue()
+						}), e || L(T.getValue()).catch(() => {}), k = "", T.destroy();
+					}), [w, T];
 				}
 			});
 			async function L(e) {
 				try {
-					F(!0), await v.validateCell(e, b.data, b.col);
+					F(!0), await y.validateCell(e, x.data, x.col);
 				} finally {
 					F(!1);
 				}
@@ -49,8 +50,8 @@ const EditablePlugin = {
 			createEffect(() => {
 				I()?.[1]?.focus?.();
 			}), createEffect(() => {
-				if (T()) {
-					let e = createMemo(() => JSON.stringify(v.selected ?? "{}"));
+				if (E()) {
+					let e = createMemo(() => JSON.stringify(y.selected ?? "{}"));
 					createEffect(on(e, () => D(!1), { defer: !0 }));
 				}
 			});
@@ -58,32 +59,32 @@ const EditablePlugin = {
 				w: 0,
 				h: 0
 			});
-			return createComputed(() => T() && (z.w = x.getBoundingClientRect().width, z.h = x.getBoundingClientRect().height)), b = combineProps(b, {
-				ref: (e) => x = e,
+			return createComputed(() => E() && (z.w = S.getBoundingClientRect().width, z.h = S.getBoundingClientRect().height)), x = combineProps(x, {
+				ref: (e) => S = e,
 				get class() {
-					return T() ? "is-editing" : "";
+					return E() ? "is-editing" : "";
 				},
 				get style() {
-					return T() ? `width: ${z.w}px; height: ${z.h}px; padding: 0; ` : "";
+					return E() ? `width: ${z.w}px; height: ${z.h}px; padding: 0; ` : "";
 				},
 				onClick: () => R?.focus?.(),
-				onDblClick: () => D(j()),
+				onDblClick: () => D(A()),
 				onKeyDown: (e) => e.key == "Escape" && I()?.[0].cancel()
-			}), createComponent(e, mergeProps(b, { get children() {
+			}), createComponent(e, mergeProps(x, { get children() {
 				return [memo(() => memo(() => !!I()?.[1]?.el)() ? (() => {
 					var e = _tmpl$();
 					return addEventListener(e, "keydown", (e) => {
-						e.stopPropagation(), e.key == "Enter" && !e.shiftKey && I()?.[0].ok(), e.key == "Escape" && I()?.[0].cancel();
+						e.stopPropagation(), e.key == "Enter" && !e.shiftKey && (I()?.[0].ok(), e.preventDefault()), e.key == "Escape" && I()?.[0].cancel();
 					}), addEventListener(e, "pointerdown", (e) => e.stopPropagation()), insert(e, () => I()?.[1]?.el, null), insert(e, (() => {
 						var e = memo(() => !!P());
 						return () => e() && _tmpl$2();
 					})(), null), e;
-				})() : b.children), memo(() => memo(() => !!N())() && (() => {
+				})() : x.children), memo(() => memo(() => !!N())() && (() => {
 					var e = _tmpl$3();
 					return e.addEventListener("compositionend", () => {
 						D(!0);
 					}), e.$$input = (e) => {
-						O = e.target.value, D(!e.isComposing);
+						k = e.target.value, D(!e.isComposing);
 					}, e.$$keydown = (e) => {
 						e.key == " " && e.preventDefault();
 					}, use((e) => {
@@ -94,35 +95,39 @@ const EditablePlugin = {
 		}
 	}
 };
-var createEditor = (e, y, b) => ({ eventKey: x, value: S, col: C, ok: w, cancel: T, props: E, onChange: D }) => createRoot((T) => {
-	let [O, k] = createSignal(x || S), A;
+var createEditor = (e, b, x) => ({ eventKey: S, value: C, col: w, ok: T, cancel: E, props: D, onChange: O }) => createRoot((E) => {
+	let [k, A] = createSignal(S || C), j;
 	return createComponent(e, mergeProps({
-		ref: (e) => A = e,
+		ref: (e) => j = e,
 		class: "relative block px-2 size-full z-9 box-border resize-none outline-0",
 		get value() {
-			return O();
+			return k();
 		},
-		onInput: (e) => (k(e instanceof Event ? e.target.value : e), D?.(O())),
-		onChange: (e) => (k(e instanceof Event ? e.target.value : e), D?.(O()), b && w()),
+		onInput: (e) => (A(e instanceof Event ? e.target.value : e), O?.(k())),
+		onChange: (e) => (A(e instanceof Event ? e.target.value : e), O?.(k()), x && T()),
 		get options() {
-			return memo(() => !!C.enum)() ? resolveOptions(C.enum ?? []) : void 0;
+			return memo(() => !!w.enum)() ? resolveOptions(w.enum ?? []) : void 0;
 		}
-	}, y, E)), {
-		el: A,
-		getValue: O,
-		focus: () => A.focus(),
-		destroy: T
+	}, b, D)), setTimeout(() => {
+		x && j?.showPicker?.();
+	}, 0), {
+		el: j,
+		getValue: k,
+		focus: () => j.focus(),
+		destroy: E
 	};
 }), Input = (e) => (() => {
-	var v = _tmpl$4();
-	return spread(v, e, !1, !1), v;
+	var y = _tmpl$4();
+	return spread(y, e, !1, !1), y;
 })();
 const editors = {
 	text: createEditor(Input),
-	textarea: createEditor((e) => (() => {
-		var v = _tmpl$5();
-		return spread(v, e, !1, !1), v;
-	})()),
+	textarea: createEditor((e) => createComponent(Textarea_default, mergeProps({ autosize: {
+		minRows: 2,
+		maxRows: 3
+	} }, e, { get class() {
+		return `${e.class} bg-[--table-bg] outline-1.5px outline-solid outline-[--c-primary]`;
+	} }))),
 	number: createEditor(Input, { type: "number" }),
 	range: createEditor(Input, { type: "range" }),
 	date: createEditor(Input, { type: "date" }, !0),
@@ -131,27 +136,27 @@ const editors = {
 	color: createEditor(Input, { type: "color" }),
 	tel: createEditor(Input, { type: "tel" }),
 	password: createEditor(Input, { type: "password" }),
-	file: createEditor((v) => createComponent(Files, mergeProps(v, {
+	file: createEditor((y) => createComponent(Files, mergeProps(y, {
 		class: "relative z-9 outline-2 outline-blue min-h-a! h-a! p-1 bg-#fff",
-		onAdd: () => chooseFile({ multiple: !0 }).then((e) => v.onChange([...v.value || [], ...e.map((e) => ({
+		onAdd: () => chooseFile({ multiple: !0 }).then((e) => y.onChange([...y.value || [], ...e.map((e) => ({
 			name: e.name,
 			size: e.size
 		}))]))
 	}))),
 	checkbox: createEditor((e) => (() => {
-		var v = _tmpl$6(), y = e.ref;
-		return typeof y == "function" ? use(y, v) : e.ref = v, insert(v, createComponent(Checkbox, mergeProps(e, {
+		var y = _tmpl$5(), b = e.ref;
+		return typeof b == "function" ? use(b, y) : e.ref = y, insert(y, createComponent(Checkbox, mergeProps(e, {
 			ref: () => {},
 			onInput: () => {},
 			class: "mx-3!"
-		}))), v;
+		}))), y;
 	})()),
 	select: createEditor((e) => (() => {
-		var v = _tmpl$7();
-		return spread(v, e, !1, !0), insert(v, () => e.options?.map((e) => (() => {
-			var v = _tmpl$8();
-			return insert(v, () => e.label), effect(() => v.value = e.value), v;
-		})())), v;
+		var y = _tmpl$6();
+		return y.firstChild, spread(y, e, !1, !0), insert(y, () => e.options?.map((y) => (() => {
+			var b = _tmpl$7();
+			return insert(b, () => y.label), effect(() => b.selected = y.value === e.value), effect(() => b.value = y.value), b;
+		})()), null), y;
 	})(), {}, !0)
 };
 delegateEvents(["keydown", "input"]);

package/dist/plugins/FilterPlugin.js

@@ -112,10 +112,10 @@ const FilterPlugin = {
 			...e
 		}, e), m.filter ??= useControlled(e, m.owner), m.filter.$setOpt(e), m.filter),
 		newRow: ({ newRow: e }, { store: h }) => function(...g) {
-			let _ = e(...g), { filters: v, props: b } = h, { columns: x } = b;
-			return x.forEach((e) => {
+			let _ = e(...g), { columns: v } = h.props;
+			return v.forEach((e) => {
 				if (e[h.internal] || !e.filterable) return;
-				let g = v[e.id];
+				let g = h.props.filter.value.find((m) => isRuleNode(m) && m.field === e.id);
 				g && isRuleNode(g) && (_[e.id] = {
 					ne: `not ${g.value}`,
 					between: toArr(g.value)[0],

package/dist/plugins/MenuPlugin.js

@@ -2,137 +2,156 @@ import { useMemoAsync } from "../hooks/index.js";
 import { findParent } from "../tree.js";
 import "../utils.js";
 import { Menu } from "../components/Menu.js";
-import { createComponent, memo } from "solid-js/web";
+import { addEventListener, createComponent, delegateEvents, effect, memo, template } from "solid-js/web";
 import { batch, createMemo, createSignal, mapArray } from "solid-js";
 import { delay, range, remove } from "es-toolkit";
 import { createEventListener } from "@solid-primitives/event-listener";
 import { autoPlacement, computePosition } from "@floating-ui/dom";
+var _tmpl$ = /* @__PURE__ */ template("<input type=number class=\"mx-2 p-0! w-8! h-5 text-center in-input bg-[--bg] input-no-spin\">"), state = {
+	c1: 1,
+	c2: 1
+};
 const MenuPlugin = {
 	name: "menu",
 	priority: Infinity,
 	store: (e) => ({}),
-	layers: [(t) => {
-		let [a, l] = createSignal(), u = mapArray(() => t.plugins || [], (e) => createMemo(() => e.menus?.(t))), d = createMemo(() => u().flatMap((e) => e() || [])), [h, g] = createSignal();
-		createEventListener(() => t.table, "contextmenu", _);
-		function _(e) {
-			e.preventDefault(), t.table.contains(e.target) && g({
+	layers: [(c) => {
+		let [u, f] = createSignal(), p = mapArray(() => c.plugins || [], (e) => createMemo(() => e.menus?.(c))), h = createMemo(() => p().flatMap((e) => e() || [])), [g, b] = createSignal();
+		createEventListener(() => c.table, "contextmenu", x);
+		function x(e) {
+			e.preventDefault(), c.table.contains(e.target) && b({
 				x: e.x,
 				y: e.y
 			});
 		}
 		createEventListener(document, "pointerdown", (e) => {
-			a()?.contains(e.target) || g();
+			u()?.contains(e.target) || b();
 		});
-		let v = useMemoAsync(() => {
-			let e = a();
-			if (e) return computePosition({ getBoundingClientRect: () => DOMRect.fromRect(h()) }, e, {
+		let S = useMemoAsync(() => {
+			let e = u();
+			if (e) return computePosition({ getBoundingClientRect: () => DOMRect.fromRect(g()) }, e, {
 				strategy: "fixed",
 				placement: "top-start",
 				middleware: [autoPlacement({
 					boundary: document.body,
 					alignment: "start"
 				})]
-			}).then(({ x: e, y: t }) => ({
+			}).then(({ x: e, y: c }) => ({
 				position: "fixed",
-				transform: `translate(${e}px, ${t}px)`,
+				transform: `translate(${e}px, ${c}px)`,
 				top: 0,
 				left: 0,
 				"z-index": 10
 			}));
 		});
-		return memo(() => memo(() => !!h())() && createComponent(Menu, {
-			ref: l,
+		return memo(() => memo(() => !!g())() && createComponent(Menu, {
+			ref: f,
 			class: "pointer-events-auto",
 			get style() {
-				return v() || "position: fixed";
+				return S() || "position: fixed";
 			},
 			get items() {
-				return d();
+				return h();
 			},
-			onAction: () => g()
+			onAction: () => b()
 		}));
 	}],
 	menus: (e) => [
 		{
-			label: "新增行 ↑",
-			cb: () => e.commands.addRows(e.selected.end[1], [e.props.newRow(e.selected.end[1])])
+			label: () => [
+				"↑ 新增 ",
+				(() => {
+					var e = _tmpl$();
+					return addEventListener(e, "click", (e) => e.stopPropagation()), e.$$input = (e) => state.c1 = +e.currentTarget.value, effect(() => e.value = state.c1 = 1), e;
+				})(),
+				" 行"
+			],
+			cb: () => e.commands.addRows(e.selected.end[1], Array(state.c1).fill(0).map(() => e.props.newRow(e.selected.end[1])))
 		},
 		{
-			label: "新增行 ↓",
-			cb: () => e.commands.addRows(e.selected.end[1], [e.props.newRow(e.selected.end[1])], !1)
+			label: () => [
+				"↓ 新增 ",
+				(() => {
+					var e = _tmpl$();
+					return addEventListener(e, "click", (e) => e.stopPropagation()), e.$$input = (e) => state.c2 = +e.currentTarget.value, effect(() => e.value = state.c2 = 1), e;
+				})(),
+				" 行"
+			],
+			cb: () => e.commands.addRows(e.selected.end[1], Array(state.c2).fill(0).map(() => e.props.newRow(e.selected.end[1])), !1)
 		},
 		{
 			label: "删除行",
-			cb: () => e.commands.deleteRows(range(...((e) => [e[0], e[1] + 1])([e.selected.start[1], e.selected.end[1]].sort((e, t) => e - t))))
+			cb: () => e.commands.deleteRows(range(...((e) => [e[0], e[1] + 1])([e.selected.start[1], e.selected.end[1]].sort((e, c) => e - c))))
 		}
 	],
 	commands: (e) => ({
-		rowEquals(t, n) {
-			let r = e.props.rowKey;
-			return t == n || r != null && t?.[r] == n?.[r];
+		rowEquals(c, l) {
+			let u = e.props.rowKey;
+			return c == l || u != null && c?.[u] == l?.[u];
 		},
-		rowIndexOf(t, n) {
-			return t.findIndex((t) => e.commands.rowEquals(t, n));
+		rowIndexOf(c, l) {
+			return c.findIndex((c) => e.commands.rowEquals(c, l));
 		},
-		rowChange(t) {
-			let n = [...e.rawProps.data || []], r = e.commands.rowIndexOf(n, t);
-			r > -1 && (n[r] = t, e.props.onDataChange?.(n));
+		rowChange(c) {
+			let l = [...e.rawProps.data || []], u = e.commands.rowIndexOf(l, c);
+			u > -1 && (l[u] = c, e.props.onDataChange?.(l));
 		},
-		rowsChange(t) {
-			let n = [...e.rawProps.data || []];
-			t.forEach((t) => {
-				let r = e.commands.rowIndexOf(n, t);
-				r > -1 && (n[r] = t);
-			}), e.props.onDataChange?.(n);
+		rowsChange(c) {
+			let l = [...e.rawProps.data || []];
+			c.forEach((c) => {
+				let u = e.commands.rowIndexOf(l, c);
+				u > -1 && (l[u] = c);
+			}), e.props.onDataChange?.(l);
 		},
-		addRows(t, n, r = !0) {
-			addRows(e, t, n, r);
+		addRows(c, l, u = !0) {
+			addRows(e, c, l, u);
 		},
-		deleteRows(t) {
-			let { rowKey: n, data: r } = e.props, i = [...e.rawProps.data || []], a = new Set(t.map((e) => r[e]));
-			remove(i, (e) => a.has(e)), e.props?.onDataChange?.(i);
+		deleteRows(c) {
+			let { rowKey: l, data: u } = e.props, d = [...e.rawProps.data || []], f = new Set(c.map((e) => u[e]));
+			remove(d, (e) => f.has(e)), e.props?.onDataChange?.(d);
 		},
-		moveRows(n, r) {
-			let { data: i } = e.props, a = n.map((e) => i[e]).filter((t) => t && !t?.[e.internal]);
-			if (!a.length) return;
-			let o = r >= 0 && r < i.length ? i[r] : null, { rowKey: s } = e.props, c = e.props.tree?.children || Symbol(), l = new Set(a.map((e) => e[s])), u = [];
-			function d(e) {
-				return e.reduce((e, t) => {
-					if (l.has(t[s])) return u.push(t), e;
-					if (Array.isArray(t[c]) && t[c].length) {
-						let e = d(t[c]);
-						t = e.length === t[c].length ? t : {
-							...t,
-							[c]: e
+		moveRows(l, u) {
+			let { data: d } = e.props, f = l.map((e) => d[e]).filter((c) => c && !c?.[e.internal]);
+			if (!f.length) return;
+			let p = u >= 0 && u < d.length ? d[u] : null, { rowKey: m } = e.props, h = e.props.tree?.children || Symbol(), g = new Set(f.map((e) => e[m])), _ = [];
+			function v(e) {
+				return e.reduce((e, c) => {
+					if (g.has(c[m])) return _.push(c), e;
+					if (Array.isArray(c[h]) && c[h].length) {
+						let e = v(c[h]);
+						c = e.length === c[h].length ? c : {
+							...c,
+							[h]: e
 						};
 					}
-					return e.push(t), e;
+					return e.push(c), e;
 				}, []);
 			}
-			let f = d([...e.rawProps.data || []]), p = findParent(f, (e) => e[s] === o?.[s])?.children ?? f, m = o ? p.findIndex((e) => e[s] === o[s]) : -1;
-			if (m > -1 ? p.splice(m, 0, u) : p.push(...u), e.selected) {
-				let t = Math.max(0, r - a.length);
-				e.selected.start = [0, t], e.selected.end = [Infinity, t + u.length - 1];
+			let y = v([...e.rawProps.data || []]), b = findParent(y, (e) => e[m] === p?.[m])?.children ?? y, x = p ? b.findIndex((e) => e[m] === p[m]) : -1;
+			if (x > -1 ? b.splice(x, 0, _) : b.push(..._), e.selected) {
+				let c = Math.max(0, u - f.length);
+				e.selected.start = [0, c], e.selected.end = [Infinity, c + _.length - 1];
 			}
-			e.props?.onDataChange?.(f);
+			e.props?.onDataChange?.(y);
 		}
 	})
 };
-function addRows(e, t, n, r) {
-	let { data: i } = e.props, o = (t) => {
-		for (r = !1; --t >= 0 && i[t]?.[e.internal];);
-		return t >= 0 ? i[t] : null;
-	}, s = (t) => {
-		for (r = !0; ++t < i.length && i[t]?.[e.internal];);
-		return t < i.length ? i[t] : null;
-	}, c = i[t]?.[e.internal] ? r ? o(t) || s(t) : s(t) || o(t) : i[t];
-	c && batch(() => {
-		t = e.commands.rowIndexOf(i, c), e.selected && (e.selected.start = [0, t + (r ? 0 : 1)], e.selected.end = [Infinity, t + n.length - 1 + (r ? 0 : 1)]);
+function addRows(e, c, l, u) {
+	let { data: d } = e.props, f = (c) => {
+		for (u = !1; --c >= 0 && d[c]?.[e.internal];);
+		return c >= 0 ? d[c] : null;
+	}, p = (c) => {
+		for (u = !0; ++c < d.length && d[c]?.[e.internal];);
+		return c < d.length ? d[c] : null;
+	}, m = d[c]?.[e.internal] ? u ? f(c) || p(c) : p(c) || f(c) : d[c];
+	m && batch(() => {
+		c = e.commands.rowIndexOf(d, m), e.selected && (e.selected.start = [0, c + (u ? 0 : 1)], e.selected.end = [Infinity, c + l.length - 1 + (u ? 0 : 1)]);
 	}), (() => {
-		let t = [...e.rawProps.data || []], i = c ? e.commands.rowIndexOf(t, c) + (r ? 0 : 1) : t.length;
-		t.splice(i, 0, ...n), e.props?.onDataChange?.(t);
+		let c = [...e.rawProps.data || []], d = m ? e.commands.rowIndexOf(c, m) + (u ? 0 : 1) : c.length;
+		c.splice(d, 0, ...l), e.props?.onDataChange?.(c);
 	})(), delay(0).then(() => {
 		e.scrollCellIfNeeded(e.selected.start[0], e.selected.start[1]);
 	});
 }
+delegateEvents(["input"]);
 export { MenuPlugin };

package/dist/plugins/RowSelectionPlugin.js

@@ -4,29 +4,41 @@ import { useSelector } from "../hooks/useSelector.js";
 import { createComponent, insert, template } from "solid-js/web";
 import { mergeProps as mergeProps$1 } from "solid-js";
 import { defaultsDeep } from "es-toolkit/compat";
-var _tmpl$ = /* @__PURE__ */ template("<label>");
+var _tmpl$ = /* @__PURE__ */ template("<label class=\"flex items-center justify-center w-full h-full\">"), _tmpl$2 = /* @__PURE__ */ template("<label>");
 const RowSelectionPlugin = {
 	name: "row-selection",
 	priority: -Infinity,
-	store: (c) => ({ rowSelectionCol: {
-		[c.internal]: 1,
+	store: (l) => ({ rowSelectionCol: {
+		[l.internal]: 1,
 		id: Symbol("row-selection"),
 		fixed: "left",
 		class: "row-selection",
 		width: 45,
 		resizable: !1,
+		name: solidComponent((e) => l.props.rowSelection?.multiple && (() => {
+			var e = _tmpl$();
+			return insert(e, createComponent(Checkbox, {
+				get value() {
+					return l.commands.rowSelector.isAll(l.props.data);
+				},
+				onChange: (e) => e ? l.commands.rowSelector.selectAll(l.props.data) : l.commands.rowSelector.clear(),
+				get disabled() {
+					return !l.props?.data?.length;
+				}
+			})), e;
+		})()),
 		render: solidComponent((e) => (() => {
-			var l = _tmpl$();
-			return insert(l, createComponent(Checkbox, {
+			var u = _tmpl$2();
+			return insert(u, createComponent(Checkbox, {
 				style: "position: absolute",
 				get value() {
-					return c.commands.rowSelector.has(e.data);
+					return l.commands.rowSelector.has(e.data);
 				},
-				onChange: (s) => s ? c.commands.rowSelector.add(e.data) : c.commands.rowSelector.del(e.data),
+				onChange: (c) => c ? l.commands.rowSelector.add(e.data) : l.commands.rowSelector.del(e.data),
 				get disabled() {
-					return !c.props?.rowSelection?.selectable?.(e.data);
+					return !l.props?.rowSelection?.selectable?.(e.data);
 				}
-			})), l;
+			})), u;
 		})())
 	} }),
 	commands: (e) => ({ rowSelector: useSelector(mergeProps$1(() => ({ ...e.props?.rowSelection }))) }),
@@ -36,7 +48,7 @@ const RowSelectionPlugin = {
 			multiple: !1,
 			selectable: () => !0
 		}),
-		columns: ({ columns: e }, { store: s }) => s.props?.rowSelection?.enable ? [s.rowSelectionCol, ...e] : e
+		columns: ({ columns: e }, { store: c }) => c.props?.rowSelection?.enable ? [c.rowSelectionCol, ...e] : e
 	}
 };
 export { RowSelectionPlugin };

package/dist/plugins/SortPlugin.d.ts

@@ -1,4 +1,4 @@
-import { type Plugin } from '..';
+import { type Plugin$0 } from '..';
 import { useControlled } from '../hooks/useControlled';
 export type SortOrder = 'asc' | 'desc';
 export interface SortKey {
@@ -37,4 +37,4 @@ declare module '../index' {
         sort: ReturnType<typeof useControlled<Exclude<TableProps['sort'], undefined>>>;
     }
 }
-export declare const SortPlugin: Plugin;
+export declare const SortPlugin: Plugin$0;