intable 0.0.57 → 0.0.59

package/dist/hooks/useSelector.js

@@ -1,72 +1,69 @@
 import { toArr } from "../utils.js";
 import { createMemo, createSelector, createSignal } from "solid-js";
-var _Symbol$toStringTag, SingleSet = class {
-	static {
-		_Symbol$toStringTag = Symbol.toStringTag;
+var KeyedSet = class extends Set {
+	#key;
+	#map = /* @__PURE__ */ new Map();
+	constructor(e = [], i) {
+		super(), this.#key = i;
+		for (let i of e) this.add(i);
 	}
-	#value;
-	constructor(e) {
-		this[_Symbol$toStringTag] = "SingleSet", this.#value = Array.from(e || [])[0];
+	has(e) {
+		return this.#key ? this.#map.has(e[this.#key]) : super.has(e);
 	}
 	add(e) {
-		return this.#value = e, this;
-	}
-	clear() {
-		this.#value = void 0;
+		if (this.#key) {
+			let i = e[this.#key], a = this.#map.get(i);
+			a && super.delete(a), this.#map.set(i, e);
+		}
+		return super.add(e);
 	}
 	delete(e) {
-		return this.#value === e ? (this.#value = void 0, !0) : !1;
-	}
-	forEach(e) {
-		this.#value !== void 0 && e.call(this, this.#value, this.#value, this);
-	}
-	has(e) {
-		return this.#value === e;
-	}
-	get size() {
-		return this.#value === void 0 ? 0 : 1;
-	}
-	entries() {
-		return this.values();
+		if (this.#key) {
+			let i = e[this.#key];
+			e = this.#map.get(i) ?? e, this.#map.delete(i);
+		}
+		return super.delete(e);
 	}
-	keys() {
-		return this.values();
+	clear() {
+		return this.#map.clear(), super.clear();
 	}
-	values() {
-		return this.#value === void 0 ? [].entries() : [[this.#value, this.#value]].entries();
+}, SingleSet = class extends KeyedSet {
+	constructor(i, a) {
+		super([], a);
+		for (let a of toArr(i)) this.add(a);
 	}
-	[Symbol.iterator]() {
-		return this.values()[Symbol.iterator]();
+	add(e) {
+		return this.clear(), super.add(e);
 	}
 };
-function useSelector(a) {
-	let { value: o, onChange: s, multiple: c = !1, selectable: l } = a, u = c ? Set : SingleSet, [d, f] = createSignal(new u(toArr(o))), p = createSelector(d, (e, i) => i.has(e)), m = (e) => l ? l(e) : !0, h = () => {
-		f(new u()), s?.(b());
-	}, g = (i) => {
-		m(i) && (f(new u(toArr(i))), s?.(b()));
-	}, _ = (e) => {
-		if (!m(e)) return;
-		let i = new u(d());
-		i.add(e), f(i), s?.(b());
+function useSelector(o) {
+	let { value: s, onChange: c, multiple: l = !1, selectable: u } = o, d = (e) => l ? new KeyedSet(e, o.key) : new SingleSet(e, o.key), [f, p] = createSignal(d(toArr(s))), m = createSelector(f, (e, i) => i.has(e)), h = (e) => u ? u(e) : !0, g = () => {
+		p(d()), c?.(x());
+	}, _ = (i) => {
+		h(i) && (p(d(toArr(i))), c?.(x()));
 	}, v = (e) => {
-		let i = new u(d());
-		i.delete(e), f(i), s?.(b());
+		if (!h(e)) return;
+		let i = d(f());
+		i.add(e), p(i), c?.(x());
 	}, y = (e) => {
-		p(e) ? v(e) : _(e);
-	}, b = createMemo(() => c ? Array.from(d()) : Array.from(d())[0]);
+		let i = d(f());
+		i.delete(e), p(i), c?.(x());
+	}, b = (e) => {
+		m(e) ? y(e) : v(e);
+	}, x = createMemo(() => l ? Array.from(f()) : [...f()][0]);
 	return {
-		clear: h,
-		set: g,
-		has: p,
-		add: _,
-		del: v,
-		toggle: y,
-		isAll: (e) => !!e.length && e.every((e) => p(e)),
+		clear: g,
+		set: _,
+		has: m,
+		add: v,
+		del: y,
+		toggle: b,
+		isAll: (e) => !!e.length && e.every((e) => m(e)),
 		selectAll: (e) => {
-			f(new u(e)), s?.(b());
+			p(d(e)), c?.(x());
 		},
 		get value() {
-			return b();
+			return x();
 		}
 	};
 }

package/dist/index.d.ts

@@ -22,6 +22,7 @@ import './plugins/AutoFillPlugin';
 import './plugins/FilterPlugin';
 import './plugins/TooltipPlugin';
 import './plugins/KeyEachPlugin';
+import './plugins/PaginationPlugin';
 export declare const Ctx: import("solid-js").Context<{
     props: TableProps2;
     store: TableStore;
@@ -30,7 +31,7 @@ type Requireds<T, K extends keyof T> = Pri<Omit<T, K> & Required<Pick<T, K>>>;
 type Pri<T> = {
     [K in keyof T]: T[K];
 };
-type TableProps2 = Requireds<TableProps, ('Scroll' | 'Table' | 'Thead' | 'Tbody' | 'Tr' | 'Th' | 'Td' | 'EachRows' | 'EachCells' | 'rowKey' | 'data' | 'columns' | 'newRow')>;
+type TableProps2 = Requireds<TableProps, ('Scroll' | 'ScrollFooter' | 'LoadMore' | 'Table' | 'Thead' | 'Tbody' | 'Tr' | 'Th' | 'Td' | 'EachRows' | 'EachCells' | 'rowKey' | 'data' | 'columns' | 'newRow')>;
 type Each<T = any> = (props: {
     each: T[];
     children: (e: () => T, i: () => number) => JSX.Element;
@@ -88,6 +89,7 @@ export interface TableProps {
     EachRows?: Each;
     EachCells?: Each<TableColumn>;
     Footer?: Component<any>;
+    ScrollFooter?: Component<any>;
     cellClass?: ((props: Omit<TDProps, 'y' | 'data'> & {
         y?: number;
         data?: any;

package/dist/index.js

@@ -24,8 +24,9 @@ import { FilterPlugin } from "./plugins/FilterPlugin.js";
 import { ImportExportPlugin } from "./plugins/ImportExportPlugin.js";
 import { TooltipPlugin } from "./plugins/TooltipPlugin.js";
 import { KeyEachPlugin } from "./plugins/KeyEachPlugin.js";
+import { PaginationPlugin } from "./plugins/PaginationPlugin.js";
 import loading_bold_default from "./loading-bold.js";
-import { createComponent, insert, memo, mergeProps, spread, template, use } from "solid-js/web";
+import { className, createComponent, effect, insert, memo, mergeProps, spread, template, use } from "solid-js/web";
 import { $PROXY, For, batch, createComputed, createContext, createEffect, createMemo, createRenderEffect, createSignal, getOwner, mapArray, mergeProps as mergeProps$1, onCleanup, onMount, runWithOwner, useContext } from "solid-js";
 import { createMutable } from "solid-js/store";
 import { combineProps } from "@solid-primitives/props";
@@ -33,7 +34,7 @@ import { createLazyMemo } from "@solid-primitives/memo";
 import { createElementSize, makeResizeObserver } from "@solid-primitives/resize-observer";
 import { createScrollPosition } from "@solid-primitives/scroll";
 import { difference, isEqual, memoize, sumBy, uniq } from "es-toolkit";
-var _tmpl$ = /* @__PURE__ */ template("<div>"), _tmpl$2 = /* @__PURE__ */ template("<table>"), _tmpl$3 = /* @__PURE__ */ template("<thead>"), _tmpl$4 = /* @__PURE__ */ template("<tbody>"), _tmpl$5 = /* @__PURE__ */ template("<tr>"), _tmpl$6 = /* @__PURE__ */ template("<th>"), _tmpl$7 = /* @__PURE__ */ template("<td>"), _tmpl$8 = /* @__PURE__ */ template("<div class=data-table__layers>"), _tmpl$9 = /* @__PURE__ */ template("<div class=\"data-table--scroll-view h-full max-h-inherit\">"), _tmpl$0 = /* @__PURE__ */ template("<div class=data-table__empty>No data"), _tmpl$1 = /* @__PURE__ */ template("<div class=data-table__loading>");
+var _tmpl$ = /* @__PURE__ */ template("<div>"), _tmpl$2 = /* @__PURE__ */ template("<table>"), _tmpl$3 = /* @__PURE__ */ template("<thead>"), _tmpl$4 = /* @__PURE__ */ template("<tbody>"), _tmpl$5 = /* @__PURE__ */ template("<tr>"), _tmpl$6 = /* @__PURE__ */ template("<th>"), _tmpl$7 = /* @__PURE__ */ template("<td>"), _tmpl$8 = /* @__PURE__ */ template("<div class=data-table__layers>"), _tmpl$9 = /* @__PURE__ */ template("<div class=data-table__empty>No data"), _tmpl$0 = /* @__PURE__ */ template("<div class=data-table__loading>");
 const Ctx = createContext({
 	props: {},
 	store: {}
@@ -233,7 +234,7 @@ function BasePlugin() {
 					return K && X ? "" : !K && !X ? "is-scroll-mid" : K ? "is-scroll-left" : X ? "is-scroll-right" : "";
 				});
 				K = combineProps(K, { get class() {
-					return `data-table ${q.props.border && "data-table--border"} data-table--${q.props.size}`;
+					return `data-table data-table--${q.props.size} flex flex-col`;
 				} }, {
 					get class() {
 						return q.props.class;
@@ -246,22 +247,35 @@ function BasePlugin() {
 				} });
 				let Z = mapArray(() => q.plugins.flatMap((_) => _.layers ?? []), (_) => createComponent(_, q));
 				return createComponent(_, mergeProps({ tabindex: -1 }, K, { get children() {
-					return [(() => {
-						var _ = _tmpl$8();
-						return insert(_, Z), _;
-					})(), (() => {
-						var _ = _tmpl$9();
-						return use((_) => q.scroll_el = _, _), insert(_, () => K.children, null), insert(_, createComponent(q.props.Footer, {}), null), insert(_, (() => {
-							var _ = memo(() => !q.props.data.length);
-							return () => _() && _tmpl$0();
-						})(), null), _;
-					})()];
+					return [
+						createComponent(q.props.Header, {}),
+						(() => {
+							var _ = _tmpl$8();
+							return insert(_, Z), _;
+						})(),
+						(() => {
+							var _ = _tmpl$();
+							return use((_) => q.scroll_el = _, _), insert(_, () => K.children, null), insert(_, createComponent(q.props.ScrollFooter, {}), null), insert(_, (() => {
+								var _ = memo(() => !q.props.data.length);
+								return () => _() && _tmpl$9();
+							})(), null), effect(() => className(_, `data-table--scroll-view relative h-full max-h-inherit flex-1 ${q.props.border && "data-table--border"}`)), _;
+						})(),
+						createComponent(q.props.Footer, {})
+					];
 				} }));
 			},
+			Header: ({ Header: _ }) => (_ ??= (_) => (() => {
+				var K = _tmpl$();
+				return spread(K, mergeProps(() => combineProps({ class: "data-table__header" }, _)), !1, !1), K;
+			})(), (K) => createComponent(_, K)),
 			Footer: ({ Footer: _ }) => (_ ??= (_) => (() => {
 				var K = _tmpl$();
 				return spread(K, mergeProps(() => combineProps({ class: "data-table__footer" }, _)), !1, !1), K;
 			})(), (K) => createComponent(_, K)),
+			ScrollFooter: ({ ScrollFooter: _ }) => (_ ??= (_) => (() => {
+				var K = _tmpl$();
+				return spread(K, mergeProps(() => combineProps({ class: "data-table__scroll__footer" }, _)), !1, !1), K;
+			})(), (K) => createComponent(_, K)),
 			Table: ({ Table: _ = J }, { store: K }) => (q) => (q = combineProps({
 				ref: (_) => K.table = _,
 				class: "data-table--table"
@@ -337,7 +351,7 @@ function BasePlugin() {
 		},
 		layers: [function(_) {
 			return memo(() => memo(() => !!_.props.loading)() ? (() => {
-				var _ = _tmpl$1();
+				var _ = _tmpl$0();
 				return insert(_, createComponent(loading_bold_default, { class: "text-2xl animate-spin" })), _;
 			})() : null);
 		}]
@@ -417,6 +431,7 @@ const defaultsPlugins = [
 	AutoFillPlugin,
 	ImportExportPlugin,
 	TooltipPlugin,
-	KeyEachPlugin
+	KeyEachPlugin,
+	PaginationPlugin
 ];
 export { Ctx, Intable, src_default as default, defaultsPlugins };

package/dist/plugins/DiffPlugin.js

@@ -43,7 +43,10 @@ const DiffPlugin = {
 				}
 				if (o) return e;
 			}
-			return diffArrays(l, e, { comparator: (e, o) => e == o || e[s] == o[s] }).flatMap((e) => e.added ? e.value.map((e) => (e[NEW] = 1, e)) : e.removed ? c.removed ? e.value.map((e) => ({
+			return diffArrays(l, e, { comparator: (e, o) => e == o || e[s] == o[s] }).flatMap((e) => e.added ? c.added ? e.value.map((e) => ({
+				...e,
+				[NEW]: 1
+			})) : e.value : e.removed ? c.removed ? e.value.map((e) => ({
 				...e,
 				[DEL]: 1,
 				[o.internal]: 1
@@ -52,7 +55,7 @@ const DiffPlugin = {
 		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(" ");
+				return [p.data[NEW] ? "bg-green!" : p.data[DEL] ? "bg-red!" : p.data[f.internal] ? "" : e.changed && !isEqual(p.data[p.col.id], f.diffDataKeyed()[o]?.[p.col.id]) ? "bg-green!" : ""].join(" ");
 			});
 			return createComponent(u, mergeProps$2(p, {
 				get class() {

package/dist/plugins/EditablePlugin.js

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

package/dist/plugins/ExpandPlugin.js

@@ -19,7 +19,10 @@ const ExpandPlugin = {
 		})),
 		[e.internal]: 1
 	} }),
-	commands: (e) => ({ expand: useSelector({ multiple: !0 }) }),
+	commands: (e) => ({ expand: useSelector({
+		multiple: !0,
+		key: e.props.rowKey
+	}) }),
 	rewriteProps: {
 		expand: ({ expand: e }) => mergeProps$1({ enable: !1 }, e),
 		columns: ({ columns: e }, { store: m }) => m.props.expand?.enable ? [m.expandCol, ...e] : e,