intable 0.0.26 → 0.0.28

package/dist/plugins/CellMergePlugin.js

@@ -1,6 +1,5 @@
-import { createComponent } from "solid-js/web";
+import { createComponent, mergeProps } from "solid-js/web";
 import { Show, createMemo } from "solid-js";
-import { combineProps } from "@solid-primitives/props";
 function buildMergeMap(e, t, n) {
 	let r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Set();
 	for (let a = 0; a < e.length; a++) for (let o = 0; o < t.length; o++) {
@@ -27,28 +26,28 @@ function buildMergeMap(e, t, n) {
 const CellMergePlugin = {
 	name: "cell-merge",
 	rewriteProps: {
-		Table: ({ Table: t }, { store: r }) => (a) => (r._mergeMap ??= createMemo(() => {
-			let { merge: e, data: t, columns: n } = r.props;
-			return !e && !n?.some((e) => e.mergeRow) || !t?.length || !n?.length ? {
+		Table: ({ Table: t }, { store: n }) => (a) => (n._mergeMap ??= createMemo(() => {
+			let { merge: e, data: t, columns: r } = n.props;
+			return !e && !r?.some((e) => e.mergeRow) || !t?.length || !r?.length ? {
 				spans: /* @__PURE__ */ new Map(),
 				covered: /* @__PURE__ */ new Set()
-			} : buildMergeMap(t, n, e);
+			} : buildMergeMap(t, r, e);
 		}), createComponent(t, a)),
-		Td: ({ Td: n }, { store: i }) => (a) => {
+		Td: ({ Td: r }, { store: i }) => (a) => {
 			let o = () => `${a.y},${a.x}`, s = () => i._mergeMap?.().covered.has(o()) ?? !1, c = () => i._mergeMap?.().spans.get(o());
-			return a = combineProps(a, {
-				get rowspan() {
-					return c()?.rowspan;
-				},
-				get colspan() {
-					return c()?.colspan;
-				}
-			}), createComponent(Show, {
+			return createComponent(Show, {
 				get when() {
 					return !s();
 				},
 				get children() {
-					return createComponent(n, a);
+					return createComponent(r, mergeProps(a, {
+						get rowspan() {
+							return c()?.rowspan;
+						},
+						get colspan() {
+							return c()?.colspan;
+						}
+					}));
 				}
 			});
 		},

package/dist/plugins/CellSelectionPlugin.js

@@ -1,8 +1,10 @@
 import { usePointerDrag } from "../hooks/index.js";
+import { unFn } from "../utils.js";
 import { createComponent, memo, mergeProps, template } from "solid-js/web";
 import { batch, createMemo } from "solid-js";
 import { combineProps } from "@solid-primitives/props";
-var _tmpl$ = /* @__PURE__ */ template("<div class=area>"), inrange = (e, i, a) => e <= a && e >= i;
+import { createLazyMemo } from "@solid-primitives/memo";
+var _tmpl$ = /* @__PURE__ */ template("<div class=area>"), inrange = (e, a, o) => e <= o && e >= a;
 const CellSelectionPlugin = {
 	name: "cell-selection",
 	store: (e) => ({
@@ -10,104 +12,130 @@ const CellSelectionPlugin = {
 			start: [],
 			end: []
 		},
-		cellSelectionRect: () => {
-			let { start: i, end: a } = e.selected, o = [i[0], a[0]].sort((e, i) => e - i), s = [i[1], a[1]].sort((e, i) => e - i);
+		cellSelectionRect: createLazyMemo(() => {
+			let { start: a, end: o } = e.selected, s = [a[0], o[0]].sort((e, a) => e - a), c = [a[1], o[1]].sort((e, a) => e - a);
 			return {
-				xs: o,
-				ys: s
+				xs: s,
+				ys: c
 			};
-		}
+		})
 	}),
 	commands: (e) => ({ getAreaRows() {
-		let { start: i, end: a } = e.selected, [o, s] = [i[1], a[1]].sort((e, i) => e - i);
-		return e.props.data.slice(o, s + 1);
+		let { start: a, end: o } = e.selected, [s, c] = [a[1], o[1]].sort((e, a) => e - a);
+		return e.props.data.slice(s, c + 1);
 	} }),
 	rewriteProps: {
-		Table: ({ Table: a }, { store: o }) => (s) => (usePointerDrag(() => o.table, {
+		Table: ({ Table: a }, { store: s }) => (c) => (usePointerDrag(() => s.table, {
 			preventDefault: !1,
-			start(e, i, a) {
+			start(e, a, o) {
 				batch(() => {
-					let a = (e) => e.composedPath().find((e) => e.tagName == "TH" || e.tagName == "TD"), s = (e) => [e.getAttribute("x"), e.getAttribute("y")], c = a(e);
-					if (c && !(e.buttons != 1 && c.classList.contains("range-selected"))) {
-						if (c.tagName == "TH") {
-							let [e, l] = s(c);
+					let o = (e) => e.composedPath().find((e) => e.tagName == "TH" || e.tagName == "TD"), c = (e) => [e.getAttribute("x"), e.getAttribute("y")], l = o(e);
+					if (l && !(e.buttons != 1 && l.classList.contains("range-selected"))) {
+						if (l.tagName == "TH") {
+							let [e, u] = c(l);
 							if (e == null) return;
-							o.selected.start = [+e, 0], o.selected.end = [+e, Infinity], i((e) => {
-								let i = a(e);
-								if (!i) return;
-								let [c, l] = s(i);
-								c != null && (o.selected.end = [+c, Infinity]);
+							s.selected.start = [+e, 0], s.selected.end = [+e, Infinity], a((e) => {
+								let a = o(e);
+								if (!a) return;
+								let [l, u] = c(a);
+								l != null && (s.selected.end = [+l, Infinity]);
 							});
 						}
-						if (c.classList.contains("index")) {
-							let [e, l] = s(c);
-							if (e == null || l == null) return;
-							o.selected.start = [0, +l], o.selected.end = [Infinity, +l], i((e) => {
-								let i = a(e);
-								if (!i) return;
-								let [c, l] = s(i);
-								c == null || l == null || (o.selected.end = [Infinity, +l]);
+						if (l.classList.contains("index")) {
+							let [e, u] = c(l);
+							if (e == null || u == null) return;
+							s.selected.start = [0, +u], s.selected.end = [Infinity, +u], a((e) => {
+								let a = o(e);
+								if (!a) return;
+								let [l, u] = c(a);
+								l == null || u == null || (s.selected.end = [Infinity, +u]);
 							});
-						} else if (c.tagName == "TD") {
-							let [e, l] = s(c);
-							if (e == null || l == null) return;
-							o.selected.start = [+e, +l], o.selected.end = [...o.selected.start], i((e) => {
-								let i = a(e);
-								if (!i) return;
-								let [c, l] = s(i);
-								c == null || l == null || (o.selected.end = [+c, +l]);
+						} else if (l.tagName == "TD") {
+							let [e, u] = c(l);
+							if (e == null || u == null) return;
+							s.selected.start = [+e, +u], s.selected.end = [...s.selected.start], a((e) => {
+								let a = o(e);
+								if (!a) return;
+								let [l, u] = c(a);
+								l == null || u == null || (s.selected.end = [+l, +u]);
 							});
 						}
 					}
 				});
 			}
-		}), s = combineProps({ class: "select-none" }, s), createComponent(a, s)),
-		Th: ({ Th: e }, { store: s }) => (c) => {
+		}), c = combineProps({ class: "select-none" }, c), createComponent(a, c)),
+		Th: ({ Th: e }, { store: a }) => (l) => {
 			let u = createMemo(() => {
-				let { start: e, end: i } = s.selected;
-				return inrange(c.x, ...[e[0], i[0]].sort((e, i) => e - i)) ? "col-range-highlight" : "";
-			}), d = combineProps(c, { get class() {
-				return u();
-			} });
-			return createComponent(e, mergeProps(d, { get children() {
-				return [memo(() => d.children), memo(() => memo(() => !!u())() && _tmpl$())];
-			} }));
+				let { start: e, end: o } = a.selected;
+				return inrange(l.x, ...[e[0], o[0]].sort((e, a) => e - a)) ? "col-range-highlight" : "";
+			});
+			return createComponent(e, mergeProps(l, {
+				get class() {
+					return `${l.class} ${u()}`;
+				},
+				get children() {
+					return [l.children, memo(() => memo(() => !!u())() && _tmpl$())];
+				}
+			}));
 		},
-		Td: ({ Td: e }, { store: s }) => (c) => {
+		Td: ({ Td: e }, { store: a }) => (l) => {
 			let u = createMemo(() => {
-				let e = "", { xs: i, ys: a } = s.cellSelectionRect(), o = inrange(c.x, i[0], i[1]), l = inrange(c.y, a[0], a[1]);
-				return o && l && (e += "range-selected ", c.x == i[0] && (e += "range-selected-l "), c.x == i[1] && (e += "range-selected-r "), c.y == a[0] && (e += "range-selected-t "), c.y == a[1] && (e += "range-selected-b ")), c.col.id == s.$index?.id && l && (e += "row-range-highlight "), e;
-			}), d = combineProps(c, {
+				let e = "", { xs: o, ys: s } = a.cellSelectionRect(), c = inrange(l.x, o[0], o[1]), u = inrange(l.y, s[0], s[1]);
+				return c && u && (e += "range-selected ", l.x == o[0] && (e += "range-selected-l "), l.x == o[1] && (e += "range-selected-r "), l.y == s[0] && (e += "range-selected-t "), l.y == s[1] && (e += "range-selected-b ")), l.col.id == a.$index?.id && u && (e += "row-range-highlight "), e;
+			});
+			return createComponent(e, mergeProps(l, {
 				get class() {
-					return u();
+					return `${l.class} ${u()}`;
 				},
-				tabindex: -1
-			});
-			return createComponent(e, mergeProps(d, { get children() {
-				return [memo(() => d.children), memo(() => memo(() => !!u())() && _tmpl$())];
-			} }));
+				tabindex: -1,
+				get children() {
+					return [l.children, memo(() => memo(() => !!u())() && _tmpl$())];
+				}
+			}));
 		}
 	},
 	keybindings: (e) => ({
-		ArrowLeft: () => {
-			let { start: i, end: a } = e.selected;
-			i.length && (i[0] = a[0] = Math.max(i[0] - 1, 0), a[1] = i[1], e.scrollCellIfNeeded(i[0], i[1]));
+		ArrowLeft: async () => {
+			let { start: a, end: o } = e.selected;
+			a.length && (a[0] = o[0] = Math.max(a[0] - 1, 0), o[1] = a[1], e.scrollCellIfNeeded(a[0], a[1]), await new Promise(requestAnimationFrame), e.table.querySelector(`[x="${a[0]}"][y="${a[1]}"]`)?.focus());
 		},
-		ArrowRight: () => {
-			let { start: i, end: a } = e.selected;
-			i.length && (i[0] = a[0] = Math.min(i[0] + 1, e.props.columns.length - 1), a[1] = i[1], e.scrollCellIfNeeded(i[0], i[1]));
+		ArrowRight: async () => {
+			let { start: a, end: o } = e.selected;
+			a.length && (a[0] = o[0] = Math.min(a[0] + 1, e.props.columns.length - 1), o[1] = a[1], e.scrollCellIfNeeded(a[0], a[1]), await new Promise(requestAnimationFrame), e.table.querySelector(`[x="${a[0]}"][y="${a[1]}"]`)?.focus());
 		},
-		ArrowUp: () => {
-			let { start: i, end: a } = e.selected;
-			i.length && (i[1] = a[1] = Math.max(i[1] - 1, 0), a[0] = i[0], e.scrollCellIfNeeded(i[0], i[1]));
+		ArrowUp: async () => {
+			let { start: a, end: o } = e.selected;
+			a.length && (a[1] = o[1] = Math.max(a[1] - 1, 0), o[0] = a[0], e.scrollCellIfNeeded(a[0], a[1]), await new Promise(requestAnimationFrame), e.table.querySelector(`[x="${a[0]}"][y="${a[1]}"]`)?.focus());
 		},
-		ArrowDown: () => {
-			let { start: i, end: a } = e.selected;
-			i.length && (i[1] = a[1] = Math.min(i[1] + 1, e.props.data.length - 1), a[0] = i[0], e.scrollCellIfNeeded(i[0], i[1]));
+		ArrowDown: async () => {
+			let { start: a, end: o } = e.selected;
+			a.length && (a[1] = o[1] = Math.min(a[1] + 1, e.props.data.length - 1), o[0] = a[0], e.scrollCellIfNeeded(a[0], a[1]), await new Promise(requestAnimationFrame), e.table.querySelector(`[x="${a[0]}"][y="${a[1]}"]`)?.focus());
 		},
 		"$mod+a": () => {
-			let { columns: i, data: a } = e.props;
-			!i?.length || !a?.length || (e.selected.start = [0, 0], e.selected.end = [i.length - 1, a.length - 1], e.scrollCellIfNeeded(e.selected.start[0], e.selected.start[1]));
+			let { columns: a, data: o } = e.props;
+			!a?.length || !o?.length || (e.selected.start = [0, 0], e.selected.end = [a.length - 1, o.length - 1]);
+		},
+		backspace: () => {
+			let { start: o, end: s } = e.selected;
+			if (!o.length) return;
+			let [c, l] = [o[0], s[0]].sort((e, a) => e - a), [u, d] = [o[1], s[1]].sort((e, a) => e - a), f = [...e.props.data];
+			for (let o = u; o <= d; o++) {
+				let s = e.props.data[o], u = {};
+				for (let d = c; d <= l; d++) {
+					let c = e.props.columns[d];
+					unFn(e.props.editable, {
+						col: c,
+						data: s,
+						x: d,
+						y: o
+					}) && (u[c.id] = "");
+				}
+				f[o] = {
+					...f[o],
+					...u
+				};
+			}
+			e.commands.rowsChange(f.slice(u, d + 1));
 		}
 	})
 };

package/dist/plugins/CommandPlugin.js

@@ -15,13 +15,15 @@ const CommandPlugin = {
 				let o = e.table.querySelector(`[x="${r}"][y="${i}"]`);
 				o && o.scrollIntoView({
 					behavior: "smooth",
+					block: "center",
+					inline: "center",
 					...a
 				});
 			},
 			scrollCellIfNeeded(r, i, a = !1) {
 				r = typeof r == "object" ? e.props.columns.indexOf(r) : r, i = typeof i == "object" ? e.props.data.indexOf(i) : i;
 				let o = e.table.querySelector(`[x="${r}"][y="${i}"]`);
-				o && (o.scrollIntoViewIfNeeded(a), o.focus());
+				o && o.scrollIntoViewIfNeeded(a);
 			}
 		};
 	},

package/dist/plugins/CopyPastePlugin.js

@@ -66,7 +66,7 @@ const ClipboardPlugin = {
 			}
 			let S = l, C = 0;
 			for (let e = l; e < _.length && C < v.length; e++) _[e][t.internal] || (S = e, C++);
-			t.selected.end = [S, x], t.props.onDataChange?.(y);
+			t.selected.end = [S, x], t.commands.rowsChange?.(y);
 		}
 	})
 };

package/dist/plugins/DiffPlugin.d.ts

@@ -3,7 +3,6 @@ declare module '../index' {
     interface TableProps {
         diff?: {
             /** @default false */
-            enable?: boolean;
             data?: any[];
             /** @default true */
             added?: boolean;

package/dist/plugins/DiffPlugin.js

@@ -33,7 +33,7 @@ const DiffPlugin = {
 			...e
 		}),
 		data: ({ data: e }, { store: o }) => {
-			if (!o.props.diff?.enable) return e;
+			if (!o.props.diff?.data) return e;
 			let { rowKey: s, diff: c } = o.props || {}, l = o.diffData();
 			if (e.length === l.length && e.length > 0) {
 				let o = !0;
@@ -49,7 +49,7 @@ const DiffPlugin = {
 				[o.internal]: 1
 			})) : [] : e.value);
 		},
-		Td: ({ Td: u }, { store: f }) => f.props.diff?.enable ? (p) => {
+		Td: ({ Td: u }, { store: f }) => f.props.diff?.data ? (p) => {
 			let m = createMemo(() => {
 				let { diff: e } = f.props, o = p.data[f.props.rowKey];
 				return [p.data[NEW] ? "bg-green!" : p.data[DEL] ? "bg-red!" : p.data[f.internal] ? "" : e.changed && p.data[p.col.id] != f.diffDataKeyed()[o]?.[p.col.id] ? "bg-green!" : ""].join(" ");

package/dist/plugins/EditablePlugin.js

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

package/dist/plugins/ExpandPlugin.js

@@ -17,7 +17,6 @@ const ExpandPlugin = {
 				return m.data;
 			}
 		})),
-		props: (m) => ({ onClick: () => e.commands.expand.toggle(m.data) }),
 		[e.internal]: 1
 	} }),
 	commands: (e) => ({ expand: useSelector({ multiple: !0 }) }),