intable 0.0.3 → 0.0.5

package/dist/plugins/EditablePlugin.js

@@ -7,171 +7,121 @@ import { createMutable } from "solid-js/store";
 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">`);
+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 }, { store }) => (o) => {
-		let el;
-		const { props } = useContext(Ctx);
-		const editable = createMemo(() => !!o.col.editable && !o.data[store.internal] && !o.col[store.internal]);
-		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());
-		const editorState = createAsyncMemo(async () => {
-			if (editing()) {
-				let canceled = false;
-				const editor = ((editor$1) => typeof editor$1 == "string" ? store.editors[editor$1] : editor$1)(o.col.editor || "text");
-				const opt = {
-					props: o.col.editorProps,
-					col: o.col,
-					eventKey,
-					data: o.data,
-					value: o.data[o.col.id],
-					ok: () => setEditing(false),
-					cancel: () => (canceled = true, setEditing(false))
-				};
-				const ret = editor(opt);
-				onCleanup(() => {
-					if (!canceled && ret.getValue() !== o.data[o.col.id]) {
-						const arr = [...props.data];
-						arr[o.y] = {
-							...arr[o.y],
-							[o.col.id]: ret.getValue()
-						};
-						props.onDataChange?.(arr);
+	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 () => {
+			if (I()) {
+				let i = !1, A = ((i) => typeof i == "string" ? O.editors[i] : i)(k.col.editor || "text"), j = {
+					props: k.col.editorProps,
+					col: k.col,
+					eventKey: H,
+					data: k.data,
+					value: k.data[k.col.id],
+					ok: () => L(!1),
+					cancel: () => (i = !0, L(!1))
+				}, M = A(j);
+				return onCleanup(() => {
+					if (!i && M.getValue() !== k.data[k.col.id]) {
+						let i = [...N.data];
+						i[k.y] = {
+							...i[k.y],
+							[k.col.id]: M.getValue()
+						}, N.onDataChange?.(i);
 					}
-					ret.destroy();
-				});
-				return [opt, ret];
+					M.destroy();
+				}), [j, M];
 			}
 		});
 		createEffect(() => {
-			editorState()?.[1]?.focus?.();
-		});
-		createEffect(() => {
-			if (editing()) {
-				const sss = createMemo(() => JSON.stringify(store.selected));
-				createEffect(on(sss, () => setEditing(false), { defer: true }));
+			G()?.[1]?.focus?.();
+		}), createEffect(() => {
+			if (I()) {
+				let i = createMemo(() => JSON.stringify(O.selected));
+				createEffect(on(i, () => L(!1), { defer: !0 }));
 			}
 		});
-		let input;
-		const size = createMutable({
+		let K, q = createMutable({
 			w: 0,
 			h: 0
 		});
-		createComputed(() => editing() && (size.w = el.getBoundingClientRect().width, size.h = el.getBoundingClientRect().height));
-		o = combineProps(o, {
-			ref: (v) => el = v,
+		return createComputed(() => I() && (q.w = A.getBoundingClientRect().width, q.h = A.getBoundingClientRect().height)), k = combineProps(k, {
+			ref: (i) => A = i,
 			get class() {
-				return editing() ? "is-editing" : "";
+				return I() ? "is-editing" : "";
 			},
 			get style() {
-				return editing() ? `width: ${size.w}px; height: ${size.h}px; padding: 0; ` : "";
+				return I() ? `width: ${q.w}px; height: ${q.h}px; padding: 0; ` : "";
 			},
-			onClick: () => input?.focus?.(),
-			onDblClick: () => setEditing(editable()),
-			onKeyDown: (e) => e.key == "Escape" && editorState()?.[0].cancel()
-		});
-		return createComponent(Td, mergeProps(o, { get children() {
-			return [memo(() => memo(() => !!preEdit())() && (() => {
-				var _el$ = _tmpl$();
-				_el$.addEventListener("compositionend", () => {
-					setEditing(true);
-				});
-				_el$.$$input = (e) => {
-					eventKey = e.target.value;
-					setEditing(!e.isComposing);
-				};
-				_el$.$$keydown = (e) => {
-					e.key == " " && e.preventDefault();
-				};
-				use((e) => {
-					input = e;
-					delay(0).then(() => e.focus({ preventScroll: true }));
-				}, _el$);
-				return _el$;
-			})()), memo(() => memo(() => !!editorState()?.[1]?.el)() ? (() => {
-				var _el$2 = _tmpl$2();
-				insert(_el$2, () => editorState()?.[1]?.el);
-				return _el$2;
-			})() : o.children)];
+			onClick: () => K?.focus?.(),
+			onDblClick: () => L(P()),
+			onKeyDown: (i) => i.key == "Escape" && G()?.[0].cancel()
+		}), createComponent(i, mergeProps(k, { get children() {
+			return [memo(() => memo(() => !!W())() && (() => {
+				var i = _tmpl$();
+				return i.addEventListener("compositionend", () => {
+					L(!0);
+				}), i.$$input = (i) => {
+					H = i.target.value, L(!i.isComposing);
+				}, i.$$keydown = (i) => {
+					i.key == " " && i.preventDefault();
+				}, use((i) => {
+					K = i, delay(0).then(() => i.focus({ preventScroll: !0 }));
+				}, i), i;
+			})()), memo(() => memo(() => !!G()?.[1]?.el)() ? (() => {
+				var i = _tmpl$2();
+				return insert(i, () => G()?.[1]?.el), i;
+			})() : k.children)];
 		} }));
 	} }
 };
-var createEditor = (Comp, extra, isSelector) => ({ eventKey, value, col, ok, cancel, props }) => createRoot((destroy) => {
-	const [v, setV] = createSignal(eventKey || value);
-	let el;
-	createComponent(Comp, mergeProps({
-		ref: (e) => el = e,
-		"class": "relative block px-2 size-full z-9 box-border resize-none outline-0",
+var createEditor = (i, k, A) => ({ eventKey: j, value: N, col: P, ok: F, cancel: I, props: L }) => createRoot((R) => {
+	let [z, B] = createSignal(j || N), V;
+	return createComponent(i, mergeProps({
+		ref: (i) => V = i,
+		class: "relative block px-2 size-full z-9 box-border resize-none outline-0",
 		get value() {
-			return v();
+			return z();
 		},
-		onInput: (e) => setV(e instanceof Event ? e.target.value : e),
-		onChange: (e) => (setV(e instanceof Event ? e.target.value : e), isSelector && ok()),
-		"on:pointerdown": (e) => e.stopPropagation(),
-		"on:keydown": (e) => {
-			e.stopPropagation();
-			e.key == "Enter" && ok();
-			e.key == "Escape" && cancel();
+		onInput: (i) => B(i instanceof Event ? i.target.value : i),
+		onChange: (i) => (B(i instanceof Event ? i.target.value : i), A && F()),
+		"on:pointerdown": (i) => i.stopPropagation(),
+		"on:keydown": (i) => {
+			i.stopPropagation(), i.key == "Enter" && F(), i.key == "Escape" && I();
 		},
 		get options() {
-			return memo(() => !!col.enum)() ? resolveOptions(col.enum ?? []) : void 0;
+			return memo(() => !!P.enum)() ? resolveOptions(P.enum ?? []) : void 0;
 		}
-	}, extra, props));
-	return {
-		el,
-		getValue: v,
-		focus: () => el.focus(),
-		destroy
+	}, k, L)), {
+		el: V,
+		getValue: z,
+		focus: () => V.focus(),
+		destroy: R
 	};
-});
-var Input = (o) => (() => {
-	var _el$3 = _tmpl$3();
-	spread(_el$3, o, false, false);
-	return _el$3;
-})();
-var text = createEditor(Input);
-var number = createEditor(Input, { type: "number" });
-var range$1 = createEditor(Input, { type: "range" });
-var color = createEditor(Input, { type: "color" });
-var tel = createEditor(Input, { type: "tel" });
-var password = createEditor(Input, { type: "password" });
-var date = createEditor(Input, { type: "date" }, true);
-var time = createEditor(Input, { type: "time" }, true);
-var datetime = createEditor(Input, { type: "datetime-local" }, true);
-var select = createEditor((o) => (() => {
-	var _el$4 = _tmpl$4();
-	spread(_el$4, o, false, true);
-	insert(_el$4, () => o.options?.map((e) => (() => {
-		var _el$5 = _tmpl$5();
-		insert(_el$5, () => e.label);
-		effect(() => _el$5.value = e.value);
-		return _el$5;
-	})()));
-	return _el$4;
-})(), {}, true);
-var file = createEditor((o) => {
-	const onAdd = () => chooseFile({ multiple: true }).then((files) => o.onChange([...o.value || [], ...files.map((e) => ({
-		name: e.name,
-		size: e.size
-	}))]));
-	return createComponent(Files, mergeProps(o, {
-		"class": "relative z-9 outline-2 outline-blue min-h-a! h-a! p-1 bg-#fff",
-		onAdd
-	}));
-});
-var checkbox = createEditor((o) => (() => {
-	var _el$6 = _tmpl$6();
-	var _ref$ = o.ref;
-	typeof _ref$ === "function" ? use(_ref$, _el$6) : o.ref = _el$6;
-	insert(_el$6, createComponent(Checkbox, mergeProps(o, {
+}), Input = (i) => (() => {
+	var O = _tmpl$3();
+	return spread(O, i, !1, !1), O;
+})(), text = createEditor(Input), number = createEditor(Input, { type: "number" }), range$1 = createEditor(Input, { type: "range" }), color = createEditor(Input, { type: "color" }), tel = createEditor(Input, { type: "tel" }), password = createEditor(Input, { type: "password" }), date = createEditor(Input, { type: "date" }, !0), time = createEditor(Input, { type: "time" }, !0), datetime = createEditor(Input, { type: "datetime-local" }, !0), select = createEditor((i) => (() => {
+	var O = _tmpl$4();
+	return spread(O, i, !1, !0), insert(O, () => i.options?.map((i) => (() => {
+		var O = _tmpl$5();
+		return insert(O, () => i.label), effect(() => O.value = i.value), O;
+	})())), O;
+})(), {}, !0), file = createEditor((O) => createComponent(Files, mergeProps(O, {
+	class: "relative z-9 outline-2 outline-blue min-h-a! h-a! p-1 bg-#fff",
+	onAdd: () => chooseFile({ multiple: !0 }).then((i) => O.onChange([...O.value || [], ...i.map((i) => ({
+		name: i.name,
+		size: i.size
+	}))]))
+}))), checkbox = createEditor((i) => (() => {
+	var O = _tmpl$6(), A = i.ref;
+	return typeof A == "function" ? use(A, O) : i.ref = O, insert(O, createComponent(Checkbox, mergeProps(i, {
 		ref: () => {},
 		onInput: () => {},
-		"class": "mx-3!"
-	})));
-	return _el$6;
+		class: "mx-3!"
+	}))), O;
 })());
 const editors = {
 	text,

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;

package/dist/plugins/ExpandPlugin.js

@@ -1,56 +1,50 @@
 import { renderComponent, solidComponent } from "../components/utils.js";
-import { Ctx } from "../index.js";
+import { useSelector } from "../hooks/useSelector.js";
 import chevron_right_default from "../chevron-right.js";
+import { Ctx } from "../index.js";
 import { createComponent, effect, insert, memo, mergeProps, setAttribute, template } from "solid-js/web";
-import { createMemo, useContext } from "solid-js";
-import { unwrap } from "solid-js/store";
-import { remove } from "es-toolkit";
-var _tmpl$ = /* @__PURE__ */ template(`<td style=width:100%>`), _tmpl$2 = /* @__PURE__ */ template(`<div style=display:flex;align-items:center;width:100%;height:100%;opacity:.4>`);
+import { useContext } from "solid-js";
+import { combineProps } from "@solid-primitives/props";
+import { defaultsDeep } from "es-toolkit/compat";
+var _tmpl$ = /* @__PURE__ */ template("<td style=width:100%>"), _tmpl$2 = /* @__PURE__ */ template("<div style=display:flex;align-items:center;width:100%;height:100%;opacity:.4>");
 const ExpandPlugin = {
-	store: (store) => ({
-		expands: [],
-		expandCol: {
-			id: Symbol("expand"),
-			fixed: "left",
-			width: 45,
-			render: solidComponent((o) => createComponent(ArrowCell, {
-				store,
-				get data() {
-					return o.data;
-				}
-			})),
-			props: (o) => ({ onClick: () => store.toggleExpand(o.data) }),
-			[store.internal]: 1
-		},
-		isExpand: (data) => !!store.expands.find((e) => unwrap(e) == unwrap(data)),
-		toggleExpand: (data) => store.isExpand(data) ? remove(store.expands, (e) => unwrap(e) == unwrap(data)) : store.expands.push(unwrap(data))
-	}),
+	store: (e) => ({ expandCol: {
+		id: Symbol("expand"),
+		fixed: "left",
+		width: 45,
+		render: solidComponent((h) => createComponent(ArrowCell, {
+			store: e,
+			get data() {
+				return h.data;
+			}
+		})),
+		props: (h) => ({ onClick: () => e.commands.expand.toggle(h.data) }),
+		[e.internal]: 1
+	} }),
+	commands: (e) => ({ expand: useSelector({ multiple: !0 }) }),
 	rewriteProps: {
-		columns: ({ columns }, { store }) => [store.expandCol, ...columns],
-		Tr: ({ Tr }, { store }) => (o) => {
-			const { props } = useContext(Ctx);
-			if (!o.data?.[store.expandCol.id]) return createComponent(Tr, o);
-			return createComponent(Tr, mergeProps(o, { get children() {
-				var _el$ = _tmpl$();
-				insert(_el$, (() => {
-					var _c$ = memo(() => !!props.expand?.render);
-					return () => _c$() && renderComponent(props.expand.render, o, props.renderer);
-				})());
-				effect(() => setAttribute(_el$, "colspan", props.columns?.length));
-				return _el$;
+		expand: ({ expand: e }) => defaultsDeep(e, { enable: !1 }),
+		columns: ({ columns: e }, { store: h }) => h.props.expand?.enable ? [h.expandCol, ...e] : e,
+		Tr: ({ Tr: h }, { store: g }) => g.props.expand?.enable ? (_) => {
+			let { props: v } = useContext(Ctx);
+			return createComponent(h, mergeProps(_, { get children() {
+				return memo(() => !_.data?.[g.expandCol.id])() ? _.children : (() => {
+					var h = _tmpl$();
+					return insert(h, (() => {
+						var h = memo(() => !!v.expand?.render);
+						return () => h() && renderComponent(v.expand.render, _, v.renderer);
+					})()), effect(() => setAttribute(h, "colspan", v.columns?.length)), h;
+				})();
 			} }));
-		},
-		data: ({ data }, { store }) => store.expands.length ? data?.flatMap((e) => store.isExpand(e) ? [e, { [store.expandCol.id]: 1 }] : e) : data
+		} : h,
+		Td: ({ Td: e }, { store: h }) => (g) => (g = combineProps(g, { onClick: () => g.col.id == h.expandCol.id && h.commands.expand.toggle(g.data) }), createComponent(e, g)),
+		data: ({ data: e }, { store: h }) => h.commands.expand.value.length ? e?.flatMap((e) => h.commands.expand.has(e) ? [e, { [h.expandCol.id]: 1 }] : e) : e
 	}
 };
-var ArrowCell = (_props) => {
-	const show = createMemo(() => _props.store.isExpand(_props.data));
-	return (() => {
-		var _el$2 = _tmpl$2();
-		insert(_el$2, createComponent(chevron_right_default, { get style() {
-			return `transform: rotate(${show() ? 90 : 0}deg);`;
-		} }));
-		return _el$2;
-	})();
-};
+var ArrowCell = (e) => (() => {
+	var h = _tmpl$2();
+	return insert(h, createComponent(chevron_right_default, { get style() {
+		return `transform: rotate(${e.store.commands.expand.has(e.data) ? 90 : 0}deg);`;
+	} })), h;
+})();
 export { ExpandPlugin };

package/dist/plugins/HistoryPlugin.js

@@ -5,31 +5,26 @@ import { unwrap } from "solid-js/store";
 import { combineProps } from "@solid-primitives/props";
 import { captureStoreUpdates } from "@solid-primitives/deep";
 const HistoryPlugin = {
-	store: (store) => {
-		const getDelta = createMemo(() => captureStoreUpdates(store.rawProps.data || []));
-		let clonedState;
+	store: (r) => {
+		let i = createMemo(() => captureStoreUpdates(r.rawProps.data || [])), s;
 		return { history: useHistory([() => {
-			const delta = getDelta()();
-			if (!delta.length) return;
-			for (const { path, value } of delta) if (path.length == 0) clonedState = structuredClone(unwrap(value));
-			else {
-				const target = [...clonedState];
-				path.reduce((o, k, i) => o[k] = i < path.length - 1 ? Array.isArray(o[k]) ? [...o[k]] : { ...o[k] } : structuredClone(unwrap(value)), target);
-				clonedState = target;
+			let e = i()();
+			if (e.length) {
+				for (let { path: r, value: i } of e) if (r.length == 0) s = structuredClone(unwrap(i));
+				else {
+					let e = [...s];
+					r.reduce((e, a, s) => e[a] = s < r.length - 1 ? Array.isArray(e[a]) ? [...e[a]] : { ...e[a] } : structuredClone(unwrap(i)), e), s = e;
+				}
+				return s;
 			}
-			return clonedState;
-		}, (v) => store.props.onDataChange?.(v)]) };
+		}, (e) => r.props.onDataChange?.(e)]) };
 	},
 	rewriteProps: {
-		Table: ({ Table }, { store }) => (o) => {
-			useTinykeys(() => store.table, {
-				"Control+Z": () => store.history.undo(),
-				"Control+Y": () => store.history.redo()
-			});
-			o = combineProps({ tabindex: -1 }, o);
-			return createComponent(Table, o);
-		},
-		tdProps: ({ tdProps }, { store }) => (o) => combineProps(tdProps?.(o) || {}, {})
+		Table: ({ Table: e }, { store: a }) => (o) => (useTinykeys(() => a.table, {
+			"Control+Z": () => a.history.undo(),
+			"Control+Y": () => a.history.redo()
+		}), o = combineProps({ tabindex: -1 }, o), createComponent(e, o)),
+		tdProps: ({ tdProps: e }, { store: r }) => (r) => combineProps(e?.(r) || {}, {})
 	}
 };
 export { HistoryPlugin };

package/dist/plugins/MenuPlugin.js

@@ -8,124 +8,100 @@ import { range, remove } from "es-toolkit";
 import { createEventListener } from "@solid-primitives/event-listener";
 import { autoPlacement, computePosition } from "@floating-ui/dom";
 const MenuPlugin = {
-	store: (store) => ({}),
-	rewriteProps: { Table: ({ Table }, { store }) => (o) => {
-		const [menuEl, setMenuEl] = createSignal();
-		const _menus = mapArray(() => store.plugins || [], (plugin) => createMemo(() => plugin.menus?.(store)));
-		const menus = createMemo(() => _menus().flatMap((e) => e() || []));
-		const [pos, setPos] = createSignal();
-		function onContextMenu(e) {
-			e.preventDefault();
-			setPos({
+	name: "menu",
+	priority: Infinity,
+	store: (e) => ({}),
+	rewriteProps: { Table: ({ Table: e }, { store: d }) => (m) => {
+		let [h, g] = createSignal(), _ = mapArray(() => d.plugins || [], (e) => createMemo(() => e.menus?.(d))), v = createMemo(() => _().flatMap((e) => e() || [])), [y, b] = createSignal();
+		function x(e) {
+			e.preventDefault(), b({
 				x: e.x,
 				y: e.y
 			});
 		}
 		createEventListener(document, "pointerdown", (e) => {
-			menuEl()?.contains(e.target) || setPos();
+			h()?.contains(e.target) || b();
 		});
-		const style$1 = useMemoAsync(() => {
-			const mel = menuEl();
-			if (!mel) return;
-			return computePosition({ getBoundingClientRect: () => DOMRect.fromRect(pos()) }, mel, {
+		let S = useMemoAsync(() => {
+			let e = h();
+			if (e) return computePosition({ getBoundingClientRect: () => DOMRect.fromRect(y()) }, e, {
 				strategy: "fixed",
 				placement: "top-start",
 				middleware: [autoPlacement({
 					boundary: document.body,
 					alignment: "start"
 				})]
-			}).then(({ x, y }) => ({
+			}).then(({ x: e, y: o }) => ({
 				position: "fixed",
-				transform: `translate(${x}px, ${y}px)`,
+				transform: `translate(${e}px, ${o}px)`,
 				top: 0,
 				left: 0,
 				"z-index": 10
 			}));
 		});
-		o = combineProps({
+		return m = combineProps({
 			tabindex: -1,
-			onContextMenu
-		}, o);
-		return createComponent(Table, mergeProps(o, { get children() {
-			return [memo(() => memo(() => !!pos())() && createComponent(Menu, {
-				ref: setMenuEl,
+			onContextMenu: x
+		}, m), createComponent(e, mergeProps(m, { get children() {
+			return [memo(() => memo(() => !!y())() && createComponent(Menu, {
+				ref: g,
 				get style() {
-					return style$1() || "position: absolute";
+					return S() || "position: fixed";
 				},
 				get items() {
-					return menus();
+					return v();
 				},
-				onAction: () => setPos()
-			})), memo(() => o.children)];
+				onAction: () => b()
+			})), memo(() => m.children)];
 		} }));
 	} },
-	menus: (store) => [
+	menus: (e) => [
 		{
 			label: "新增行 ↑",
-			disabled: () => true,
-			cb: () => store.commands.addRows(store.selected.end[1], [store.props.newRow(store.selected.end[1])])
+			cb: () => e.commands.addRows(e.selected.end[1], [e.props.newRow(e.selected.end[1])])
 		},
 		{
 			label: "新增行 ↓",
-			cb: () => store.commands.addRows(store.selected.end[1], [store.props.newRow(store.selected.end[1])], false)
+			cb: () => e.commands.addRows(e.selected.end[1], [e.props.newRow(e.selected.end[1])], !1)
 		},
 		{
 			label: "删除行",
-			cb: () => store.commands.deleteRows(range(...((e) => [e[0], e[1] + 1])([store.selected.start[1], store.selected.end[1]].sort((a, b) => a - b))))
+			cb: () => e.commands.deleteRows(range(...((e) => [e[0], e[1] + 1])([e.selected.start[1], e.selected.end[1]].sort((e, o) => e - o))))
 		}
 	],
-	commands: (store) => ({
-		rowEquals(a, b) {
-			return a == b;
+	commands: (o) => ({
+		rowEquals(e, o) {
+			return e == o;
 		},
-		rowIndexOf(data, row) {
-			return data.findIndex((e) => store.commands.rowEquals(e, row));
+		rowIndexOf(e, s) {
+			return e.findIndex((e) => o.commands.rowEquals(e, s));
 		},
-		rowChange(row, i) {
-			const data = [...store.rawProps.data || []];
-			i = i != null ? data.findIndex((ee) => ee == store.props.data[i]) : store.commands.rowIndexOf(data, row);
-			if (i > -1) {
-				data[i] = row;
-				store.props.onDataChange?.(data);
-			}
+		rowChange(e, s) {
+			let c = [...o.rawProps.data || []];
+			s = s == null ? o.commands.rowIndexOf(c, e) : c.findIndex((e) => e == o.props.data[s]), s > -1 && (c[s] = e, o.props.onDataChange?.(c));
 		},
-		addRows(i, rows, before = true) {
-			addRows(store, i, rows, before);
+		addRows(e, s, c = !0) {
+			addRows(o, e, s, c);
 		},
-		deleteRows(ii) {
-			const { rowKey, data } = store.props;
-			const val = [...store.rawProps.data || []];
-			const ids = new Set(ii.map((i) => data[i]));
-			log([...ids]);
-			remove(val, (e) => ids.has(e));
-			store.props?.onDataChange?.(val);
+		deleteRows(s) {
+			let { rowKey: c, data: l } = o.props, u = [...o.rawProps.data || []], d = new Set(s.map((e) => l[e]));
+			log([...d]), remove(u, (e) => d.has(e)), o.props?.onDataChange?.(u);
 		}
 	})
 };
-function addRows(store, i, rows, before) {
-	const { data } = store.props;
-	const prev = (i$1) => {
-		before = false;
-		while (--i$1 >= 0 && data[i$1]?.[store.internal]);
-		return i$1 >= 0 ? data[i$1] : null;
-	};
-	const next = (i$1) => {
-		before = true;
-		while (++i$1 < data.length && data[i$1]?.[store.internal]);
-		return i$1 < data.length ? data[i$1] : null;
-	};
-	const anchor = !data[i]?.[store.internal] ? data[i] : before ? prev(i) || next(i) : next(i) || prev(i);
-	if (anchor) batch(() => {
-		i = store.commands.rowIndexOf(data, anchor);
-		if (!store.selected) return;
-		store.selected.start = [0, i + (before ? 0 : 1)];
-		store.selected.end = [Infinity, i + rows.length - 1 + (before ? 0 : 1)];
-	});
-	(() => {
-		const data$1 = [...store.rawProps.data || []];
-		const i$1 = anchor ? store.commands.rowIndexOf(data$1, anchor) + (before ? 0 : 1) : data$1.length;
-		data$1.splice(i$1, 0, ...rows);
-		store.props?.onDataChange?.(data$1);
+function addRows(e, o, s, c) {
+	let { data: l } = e.props, u = (o) => {
+		for (c = !1; --o >= 0 && l[o]?.[e.internal];);
+		return o >= 0 ? l[o] : null;
+	}, f = (o) => {
+		for (c = !0; ++o < l.length && l[o]?.[e.internal];);
+		return o < l.length ? l[o] : null;
+	}, p = l[o]?.[e.internal] ? c ? u(o) || f(o) : f(o) || u(o) : l[o];
+	p && batch(() => {
+		o = e.commands.rowIndexOf(l, p), e.selected && (e.selected.start = [0, o + (c ? 0 : 1)], e.selected.end = [Infinity, o + s.length - 1 + (c ? 0 : 1)]);
+	}), (() => {
+		let o = [...e.rawProps.data || []], l = p ? e.commands.rowIndexOf(o, p) + (c ? 0 : 1) : o.length;
+		o.splice(l, 0, ...s), e.props?.onDataChange?.(o);
 	})();
 }
 export { MenuPlugin };