intable 0.0.64 → 0.0.66

package/dist/plugins/EditablePlugin.js

@@ -11,40 +11,40 @@ const EditablePlugin = {
 	name: "editable",
 	store: () => ({ editors: { ...editors } }),
 	rewriteProps: {
-		editable: ({ editable: e }, { store: f }) => (m) => {
-			let h = [m.col.editable, e].filter((e) => e != null);
-			return !!h.length && h.every((e) => unFn(e, m)) && !m.data[f.internal] && !m.col[f.internal];
+		editable: ({ editable: e }, { store: u }) => (f) => {
+			let p = [f.col.editable, e].filter((e) => e != null);
+			return !!p.length && p.every((e) => unFn(e, f)) && !f.data[u.internal] && !f.col[u.internal];
 		},
-		Td: ({ Td: e }, { store: f }) => (h) => {
-			let { props: g } = f, y, b = () => unFn(f.props.editable, h);
-			return createMemo(() => b() ? unFn(() => {
-				let p = "", [S, C] = createSignal(!1), D = () => (([e, f]) => h.x == e && h.y == f)(f.selected.start || []), O = () => b() && !S() && D(), [k, A] = createSignal(!1), j = createAsyncMemo(() => {
-					if (S()) {
-						let e = createMemo(() => JSON.stringify(f.selected ?? "{}"));
-						createEffect(on(e, () => C(!1), { defer: !0 })), P.w = y.getBoundingClientRect().width, P.h = y.getBoundingClientRect().height;
-						let m = !1, _ = h.data[h.col.id], v = ((e) => typeof e == "string" ? f.editors[e] : e)(h.col.editor ?? h.col.type ?? (h.col.enum && "select")) ?? (_ == null ? null : f.editors[typeof _]) ?? f.editors.text, b = {
-							props: h.col.editorProps,
-							col: h.col,
-							eventKey: p,
-							data: h.data,
-							value: _,
+		Td: ({ Td: e }, { store: u }) => (p) => {
+			let { props: m } = u, _, v = () => unFn(u.props.editable, p);
+			return createMemo(() => v() ? unFn(() => {
+				let d = "", [b, x] = createSignal(!1), T = () => (([e, u]) => p.x == e && p.y == u)(u.selected.start || []), O = () => v() && !b() && T(), [k, A] = createSignal(!1), j = createAsyncMemo(() => {
+					if (b()) {
+						let e = createMemo(() => JSON.stringify(u.selected ?? "{}"));
+						createEffect(on(e, () => x(!1), { defer: !0 })), P.w = _.getBoundingClientRect().width, P.h = _.getBoundingClientRect().height;
+						let f = !1, h = p.data[p.col.id], g = ((e) => typeof e == "string" ? u.editors[e] : e)(p.col.editor ?? p.col.type ?? (p.col.enum && "select")) ?? (h == null ? null : u.editors[typeof h]) ?? u.editors.text, v = {
+							props: p.col.editorProps,
+							col: p.col,
+							eventKey: d,
+							data: p.data,
+							value: h,
 							ok: async () => {
-								await M(x.getValue()), C(!1);
+								await M(y.getValue()), x(!1);
 							},
-							cancel: () => (m = !0, C(!1)),
-							onChange: (e) => S() && M(e).catch(() => {})
-						}, x = v(b);
-						return queueMicrotask(() => x.focus?.()), onCleanup(() => {
-							!m && x.getValue() !== _ && f.commands.rowChange({
-								...g.data[h.y],
-								[h.col.id]: x.getValue()
-							}), m || M(x.getValue()).catch(() => {}), p = "", x.destroy();
-						}), [b, x];
+							cancel: () => (f = !0, x(!1)),
+							onChange: (e) => b() && M(e).catch(() => {})
+						}, y = g(v);
+						return queueMicrotask(() => y.focus?.()), onCleanup(() => {
+							!f && y.getValue() !== h && u.commands.rowChange({
+								...m.data[p.y],
+								[p.col.id]: y.getValue()
+							}), f || M(y.getValue()).catch(() => {}), d = "", y.destroy();
+						}), [v, y];
 					}
 				});
 				async function M(e) {
 					try {
-						A(!0), await f.validateCell(e, h.data, h.col);
+						A(!0), await u.validateCell(e, p.data, p.col);
 					} finally {
 						A(!1);
 					}
@@ -52,19 +52,19 @@ const EditablePlugin = {
 				let N, P = createMutable({
 					w: 0,
 					h: 0
-				}), F = mergeProps$2(h, {
-					ref: (e) => (y = e, h.ref?.(e)),
+				}), F = mergeProps$2(p, {
+					ref: (e) => (_ = e, p.ref?.(e)),
 					get class() {
-						return [S() ? "is-editing" : "", h.class].filter(Boolean).join(" ");
+						return [b() ? "is-editing" : "", p.class].filter(Boolean).join(" ");
 					},
 					get style() {
-						return [S() ? `width: ${P.w}px; height: ${P.h}px; ` : "", h.style].filter(Boolean).join(" ");
+						return [b() ? `width: ${P.w}px; height: ${P.h}px; ` : "", p.style].filter(Boolean).join(" ");
 					},
-					onClick: (e) => (N?.focus?.(), h.onClick?.(e)),
-					onDblClick: (e) => (C(b()), h.onDblClick?.(e))
+					onClick: (e) => (N?.focus?.(), p.onClick?.(e)),
+					onDblClick: (e) => (x(v()), p.onDblClick?.(e))
 				});
 				return createComponent(e, mergeProps$2(F, { get children() {
-					return [() => j()?.[1]?.dialog ? [memo(() => h.children), memo(() => j()?.[1]?.el)] : j()?.[1]?.el ? (() => {
+					return [() => j()?.[1]?.dialog ? [memo(() => p.children), memo(() => j()?.[1]?.el)] : j()?.[1]?.el ? (() => {
 						var e = _tmpl$();
 						return addEventListener(e, "keydown", (e) => {
 							e.stopPropagation(), e.key == "Enter" && !e.shiftKey && (j()?.[0].ok(), e.preventDefault()), e.key == "Escape" && j()?.[0].cancel();
@@ -72,12 +72,12 @@ const EditablePlugin = {
 							var e = memo(() => !!k());
 							return () => e() && _tmpl$2();
 						})(), null), e;
-					})() : h.children, () => O() && (() => {
+					})() : p.children, () => O() && (() => {
 						var e = _tmpl$3();
 						return e.addEventListener("compositionend", () => {
-							C(!0);
+							x(!0);
 						}), e.$$input = (e) => {
-							p = e.target.value, C(!e.isComposing);
+							d = e.target.value, x(!e.isComposing);
 						}, e.$$keydown = (e) => {
 							e.key == " " && e.preventDefault();
 						}, use((e) => {
@@ -85,34 +85,34 @@ const EditablePlugin = {
 						}, e), e;
 					})()];
 				} }));
-			}) : createComponent(e, h));
+			}) : createComponent(e, p));
 		}
 	}
-};
-var createEditor = (e, p, h) => ({ eventKey: g, value: _, col: y, ok: b, cancel: x, props: S, onChange: C }) => createRoot((x) => {
-	let w = p?.out ?? ((e) => e), [T, E] = createSignal(g || _), D;
-	return createComponent(e, mergeProps$2({
-		ref: (e) => D = e,
-		class: "relative block px-2 size-full z-9 box-border resize-none outline-0",
-		get value() {
-			return T();
-		},
-		onInput: (e) => (E(w(e instanceof Event ? e.target.value : e)), C?.(T())),
-		onChange: (e) => (E(w(e instanceof Event ? e.target.value : e)), C?.(T()), h && b()),
-		get options() {
-			return memo(() => !!y.enum)() ? resolveOptions(y.enum ?? []) : void 0;
-		}
-	}, p, S)), setTimeout(() => {
-		h && D?.showPicker?.();
+}, createEditor = (e, d, p) => (m) => createRoot((h) => {
+	let { eventKey: _, value: v, col: y, ok: b, cancel: x, props: S, onChange: C } = m, w = d?.out ?? ((e) => e), [T, E] = createSignal(p && _ || v), D;
+	return setTimeout(() => {
+		p && D?.showPicker?.();
 	}, 0), {
-		el: D,
+		el: createComponent(e, mergeProps$2({
+			ref: (e) => D = e,
+			class: "relative block px-2 size-full z-9 box-border resize-none outline-0",
+			get value() {
+				return T();
+			},
+			onInput: (e) => (E(w(e instanceof Event ? e.target.value : e)), C?.(T())),
+			onChange: (e) => (E(w(e instanceof Event ? e.target.value : e)), C?.(T()), p && !Array.isArray(T()) && b()),
+			get options() {
+				return memo(() => !!y.enum)() ? resolveOptions(y.enum ?? []) : void 0;
+			}
+		}, d, S, { aaa: m })),
 		getValue: T,
 		focus: () => D.focus(),
-		destroy: x
+		destroy: h
 	};
-}), Input = (e) => (() => {
-	var f = _tmpl$4();
-	return spread(f, e, !1, !1), f;
+});
+var Input = (e) => (() => {
+	var u = _tmpl$4();
+	return spread(u, e, !1, !1), u;
 })();
 const editors = {
 	text: createEditor(Input),
@@ -136,31 +136,31 @@ const editors = {
 	color: createEditor(Input, { type: "color" }),
 	tel: createEditor(Input, { type: "tel" }),
 	password: createEditor(Input, { type: "password" }),
-	file: createEditor((f) => createComponent(Files, mergeProps$2(f, {
+	file: createEditor((u) => createComponent(Files, mergeProps$2(u, {
 		class: "relative z-9 outline-2 outline-blue min-h-a! h-a! p-1 bg-#fff",
-		onAdd: () => chooseFile({ multiple: !0 }).then((e) => f.onChange([...f.value || [], ...e.map((e) => ({
+		onAdd: () => chooseFile({ multiple: !0 }).then((e) => u.onChange([...u.value || [], ...e.map((e) => ({
 			name: e.name,
 			size: e.size
 		}))]))
 	}))),
 	checkbox: createEditor((e) => (() => {
-		var f = _tmpl$5(), p = e.ref;
-		return typeof p == "function" ? use(p, f) : e.ref = f, insert(f, createComponent(Checkbox, mergeProps$2(e, {
+		var u = _tmpl$5(), d = e.ref;
+		return typeof d == "function" ? use(d, u) : e.ref = u, insert(u, createComponent(Checkbox, mergeProps$2(e, {
 			ref: () => {},
 			onInput: () => {},
 			class: "mx-3!"
-		}))), f;
+		}))), u;
 	})()),
 	select: createEditor((e) => (() => {
-		var f = _tmpl$6();
-		return spread(f, e, !1, !0), insert(f, (() => {
-			var f = memo(() => !e.multiple);
-			return () => f() && _tmpl$7();
-		})(), null), insert(f, () => e.options?.map((e) => (() => {
-			var f = _tmpl$8();
-			return insert(f, () => e.label), effect(() => f.value = e.value), f;
-		})()), null), effect(() => f.value = e.value), f;
+		var u = _tmpl$6();
+		return spread(u, e, !1, !0), insert(u, (() => {
+			var u = memo(() => !e.multiple);
+			return () => u() && _tmpl$7();
+		})(), null), insert(u, () => e.options?.map((e) => (() => {
+			var u = _tmpl$8();
+			return insert(u, () => e.label), effect(() => u.value = e.value), u;
+		})()), null), effect(() => u.value = e.value), u;
 	})(), {}, !0)
 };
 editors.boolean = editors.checkbox, delegateEvents(["keydown", "input"]);
-export { EditablePlugin, editors };
+export { EditablePlugin, createEditor, editors };

package/dist/plugins/OrmPlugin.d.ts

@@ -1,4 +1,4 @@
-import { type Plugin } from '..';
+import { type Plugin, type TableProps } from '..';
 declare module '../index' {
     interface TableProps {
     }
@@ -8,8 +8,16 @@ declare module '../index' {
          * 会自动将外键对象 组装到当前行数据中，便于在表格中显示外键对象中的其他属性。
          */
         foreignField?: string;
+        dialog?: boolean;
     }
     interface TableStore {
     }
 }
 export declare const OrmPlugin: Plugin;
+export declare const TableSelect: (o: {
+    value: any;
+    valueObject?: any;
+    onChange?: (value: any) => void;
+    table: TableProps;
+    [key: string]: any;
+}) => import("solid-js").JSX.Element;

package/dist/plugins/OrmPlugin.js

@@ -1,8 +1,9 @@
-import { toArr } from "../utils.js";
+import { isEmpty, toArr } from "../utils.js";
 import { Tags } from "./RenderPlugin/components.js";
 import { editors } from "./EditablePlugin.js";
 import { renders } from "./RenderPlugin/index.js";
 import { Dialog } from "../components/Dialog.js";
+import { Select } from "../components/Select.js";
 import { Intable } from "../index.js";
 import { createComponent, delegateEvents, insert, memo, mergeProps, template } from "solid-js/web";
 import { createComputed, createResource, createRoot, createSignal, mergeProps as mergeProps$1, splitProps, untrack } from "solid-js";
@@ -13,123 +14,176 @@ const OrmPlugin = {
 	name: "orm",
 	priority: -Infinity,
 	store: (e) => ({}),
-	rewriteProps: { Table: ({ Table: e }, { store: p }) => (m) => {
-		let h = createMutable({});
+	rewriteProps: { Table: ({ Table: e }, { store: g }) => (_) => {
+		let v = createMutable({});
 		return createComputed(() => {
-			let e = p.props.columns?.filter((e) => (e.type == "fk" || e.type == "fks") && e.foreignField);
-			if (e.length) for (let m of e) for (let e of p.props.data) {
-				if (m.foreignField in e) continue;
-				Object.defineProperty(e, m.foreignField, {
-					get: () => get(h, [m.id, e[p.props.rowKey]]),
-					set: (g) => untrack(() => set(h, [m.id, e[p.props.rowKey]], g)),
+			let e = g.props.columns?.filter((e) => (e.type == "fk" || e.type == "fks") && e.foreignField);
+			if (e.length) for (let _ of e) for (let e of g.props.data) {
+				if (_.foreignField in e) continue;
+				Object.defineProperty(e, _.foreignField, {
+					get: () => get(v, [_.id, e[g.props.rowKey]]),
+					set: (y) => untrack(() => set(v, [_.id, e[g.props.rowKey]], y)),
 					enumerable: !0,
 					configurable: !0
 				});
 			}
-		}), createComponent(e, m);
+		}), createComponent(e, _);
 	} }
 };
-var createDialogEditor = (e, p) => (m) => createRoot((h) => {
-	let { eventKey: _, value: v, col: y, ok: b, cancel: x, props: S, onChange: C } = m, w = p?.out ?? ((e) => e), [E, D] = createSignal(_ || v), O = createComponent(e, mergeProps({
-		get value() {
-			return E();
-		},
-		onChange: (e) => (D(w(e)), C?.(E()), b())
-	}, p, S, { aaa: m }));
-	return {
-		el: createComponent(Dialog, {
-			get title() {
-				return `选择 ${y.name}`;
+var createEditor = (e) => (g) => createRoot((_) => {
+	let { eventKey: v, value: y, col: b, ok: x, cancel: S, props: C, onChange: w } = g, [T, E] = createSignal(y), D;
+	return setTimeout(() => {
+		D?.showPicker?.();
+	}, 0), {
+		el: createComponent(e, mergeProps({
+			ref: (e) => D = e,
+			get value() {
+				return T();
 			},
-			onCancel: x,
-			onOk: b,
-			class: "min-w-[40vw]",
-			children: O
-		}),
-		getValue: E,
-		destroy: h,
-		dialog: !0
+			onChange: (e) => (E(e), w?.(T()), !Array.isArray(T()) && x())
+		}, C, { aaa: g })),
+		getValue: T,
+		destroy: _,
+		dialog: b.dialog
 	};
-}), ObjTags = (m) => {
-	let h;
-	[m, h] = splitProps(m, [
+}), ObjTags = (e) => {
+	let v;
+	[e, v] = splitProps(e, [
 		"col",
 		"data",
 		"value",
 		"onChange",
 		"multiple"
 	]);
-	let g = () => m.col.table?.columns?.[0].id, _ = () => m.col.table?.rowKey ?? "id";
+	let y = () => e.col.table?.columns?.[0].id, b = () => e.col.table?.rowKey ?? "id";
 	return createComponent(Tags, mergeProps({
 		get value() {
-			return toArr(m.value).map((e) => ({
-				label: e[g()],
-				value: e[_()]
+			return toArr(e.value).map((e) => ({
+				label: e[y()],
+				value: e[b()]
 			}));
 		},
-		onChange: (e) => m.onChange?.(m.multiple ? e : e[0])
-	}, h));
-}, FKTags = (m) => {
-	let h;
-	[m, h] = splitProps(m, [
+		onChange: (g) => e.onChange?.(e.multiple ? g : g[0])
+	}, v));
+}, FKTags = (e) => {
+	let v;
+	[e, v] = splitProps(e, [
 		"col",
 		"data",
 		"value",
 		"onChange",
 		"multiple"
 	]);
-	let g = () => m.col.table?.columns?.[0].id, _ = () => m.col.table?.rowKey ?? "id", [v] = createResource(() => m.value, () => fetchDataByKeys(toArr(m.value).map((e) => e && typeof e != "object" ? e : e[_()]), m.col.table), { initialValue: [] });
+	let y = () => e.col.table?.columns?.[0].id, b = () => e.col.table?.rowKey ?? "id", [x] = createResource(() => e.value, () => fetchDataByKeys(toArr(e.value).map((e) => e && typeof e != "object" ? e : e[b()]), e.col.table), { initialValue: [] });
 	return createComputed(() => {
-		v(), untrack(() => set(m.data, m.col.foreignField, m.multiple ? v() : v()[0]));
+		x(), untrack(() => set(e.data, e.col.foreignField, e.multiple ? x() : x()[0]));
 	}), createComponent(Tags, mergeProps({
 		get value() {
-			return v().map((e) => ({
-				label: e[g()],
-				value: e[_()]
+			return x().map((e) => ({
+				label: e[y()],
+				value: e[b()]
 			}));
 		},
-		onChange: (e) => m.onChange?.(m.multiple ? e : e[0])
-	}, h));
-}, ObjEditor = createDialogEditor((p) => {
-	let m = mergeProps$1(() => p.aaa.col), h = () => m.table?.rowKey ?? "id", g = () => m.type == "objs" || m.type == "fks", v = () => m.type == "fk" || m.type == "fks", x = () => v() ? toArr(p.value).map((e) => ({ [h()]: e })) : toArr(p.value), S = (e) => p.onChange(v() ? g() ? e.map((e) => e[h()]) : e?.[h()] ?? null : e);
-	return (() => {
-		var e = _tmpl$(), h = e.firstChild, C = h.firstChild, w = C.firstChild, T = w.firstChild, E = T.nextSibling;
-		E.nextSibling;
-		var D = w.nextSibling, O = h.nextSibling;
-		return insert(w, () => x().length, E), D.$$click = () => p.onChange?.(g() ? [] : null), insert(h, (() => {
-			var e = memo(() => !!v());
-			return () => e() ? createComponent(FKTags, mergeProps(p, {
-				class: "ml-2",
-				col: m,
-				get value() {
-					return x();
-				},
-				onChange: S,
-				get multiple() {
-					return g();
-				}
-			})) : createComponent(ObjTags, mergeProps(p, {
-				class: "ml-2",
-				col: m,
-				get value() {
-					return x();
-				},
-				onChange: S,
-				get multiple() {
-					return g();
+		onChange: (g) => e.onChange?.(e.multiple ? g : g[0])
+	}, v));
+}, ObjEditor = createEditor((e) => {
+	let _ = mergeProps$1(() => e.aaa.col), v = () => _.table?.rowKey ?? "id", y = () => _.type == "objs" || _.type == "fks", x = () => _.type == "fk" || _.type == "fks", C = () => x() ? toArr(e.value).map((e) => ({ [v()]: e })) : toArr(e.value), E = (g) => e.onChange(x() ? y() ? g.map((e) => e[v()]) : g?.[v()] ?? null : g);
+	return memo(() => memo(() => !!_.dialog)() ? createComponent(Dialog, {
+		get title() {
+			return `选择 ${_.name}`;
+		},
+		get onCancel() {
+			return e.aaa.cancel;
+		},
+		get onOk() {
+			return e.aaa.ok;
+		},
+		class: "min-w-[40vw]",
+		get children() {
+			var g = _tmpl$(), v = g.firstChild, b = v.firstChild, D = b.firstChild, O = D.firstChild, k = O.nextSibling;
+			k.nextSibling;
+			var A = D.nextSibling, j = v.nextSibling;
+			return insert(D, () => C().length, k), A.$$click = () => e.onChange?.(y() ? [] : null), insert(v, (() => {
+				var g = memo(() => !!x());
+				return () => g() ? createComponent(FKTags, mergeProps(e, {
+					class: "ml-2",
+					col: _,
+					get value() {
+						return C();
+					},
+					onChange: E,
+					get multiple() {
+						return y();
+					}
+				})) : createComponent(ObjTags, mergeProps(e, {
+					class: "ml-2",
+					col: _,
+					get value() {
+						return C();
+					},
+					onChange: E,
+					get multiple() {
+						return y();
+					}
+				}));
+			})(), null), insert(j, createComponent(Intable, mergeProps(() => e.aaa.col.table, {
+				class: "max-h-[65vh]",
+				get rowSelection() {
+					return {
+						...e.aaa.col.table?.rowSelection,
+						enable: !0,
+						multiple: y(),
+						value: C(),
+						onChange: E
+					};
 				}
-			}));
-		})(), null), insert(O, createComponent(Intable, mergeProps(() => p.aaa.col.table, { get rowSelection() {
-			return {
-				...p.aaa.col.table?.rowSelection,
-				enable: !0,
-				multiple: g(),
-				value: p.value,
-				onChange: S
-			};
-		} }))), e;
-	})();
+			}))), g;
+		}
+	}) : createComponent(TableSelect, mergeProps(e, {
+		col: _,
+		get table() {
+			return _.table;
+		},
+		get valueObject() {
+			return !x();
+		},
+		class: "min-h-full outline-1.5 outline-offset--1.5 outline-[--c-primary] bg-[--table-bg] py-1",
+		border: !1,
+		get multiple() {
+			return y();
+		}
+	})));
 });
+const TableSelect = (e) => {
+	let _ = () => e.table?.rowKey ?? "id", v = () => e.multiple, y = () => !e.valueObject, b = () => y() ? toArr(e.value) : toArr(e.value).map((e) => e[_()]), [S] = createResource(b, () => fetchDataByKeys(b(), e.table), { initialValue: [] });
+	return createComponent(Select, mergeProps(e, {
+		searchable: !0,
+		get options() {
+			return S().map((g) => ({
+				label: g[e.table?.columns?.[0].id],
+				value: y() ? g[_()] : g
+			}));
+		},
+		request: ({ keyword: g }) => e.table?.request?.({ filters: g ? [{
+			field: e.table?.columns?.[0].id,
+			op: "like",
+			value: g
+		}] : [] }).then((g) => g.data.map((g) => ({
+			label: g[e.table?.columns?.[0].id],
+			value: y() ? g[_()] : g
+		}))),
+		get valueKey() {
+			return memo(() => !!y())() ? void 0 : _();
+		},
+		get value() {
+			return e.value;
+		},
+		onChange: (g) => e.onChange?.(g),
+		get multiple() {
+			return v();
+		}
+	}));
+};
 editors.obj = ObjEditor, editors.objs = ObjEditor, editors.fk = ObjEditor, editors.fks = ObjEditor, renders.fk = (e) => createComponent(FKTags, mergeProps(e, { disabled: !0 })), renders.fks = (e) => createComponent(FKTags, mergeProps(e, {
 	disabled: !0,
 	multiple: !0
@@ -138,24 +192,26 @@ editors.obj = ObjEditor, editors.objs = ObjEditor, editors.fk = ObjEditor, edito
 	multiple: !0
 }));
 var fetchDataByKeys = (() => {
-	let e = /* @__PURE__ */ new WeakMap(), p = (p) => {
-		let m = e.get(p.request) || e.set(p.request, {}).get(p.request);
-		return m[p.rowKey] ??= [{}, {}];
+	let g = /* @__PURE__ */ new WeakMap(), _ = (e) => {
+		let _ = g.get(e.request) || g.set(e.request, {}).get(e.request);
+		return _[e.rowKey] ??= [{}, {}];
 	};
-	return async (e, m) => {
-		let [h, g] = p(m), _ = e.filter((e) => !h[e]);
-		if (_.length) {
-			let e = _.filter((e) => !g[e]), p = m.request?.({ filters: [{
-				field: m.rowKey,
+	return async (g, v) => {
+		if (!v.request) return [];
+		g = g.filter((g) => !isEmpty(g));
+		let [y, b] = _(v), x = g.filter((e) => !y[e]);
+		if (x.length) {
+			let e = x.filter((e) => !b[e]), g = v.request({ filters: [{
+				field: v.rowKey,
 				op: "in",
 				value: e
 			}] });
-			e.forEach((e, m) => {
-				g[e] = p.then((p) => h[e] = p.data[m]).finally(() => delete g[e]);
-			}), await Promise.all(_.map((e) => g[e]));
+			e.forEach((e, _) => {
+				b[e] = g.then((g) => y[e] = g.data[_]).finally(() => delete b[e]);
+			}), await Promise.all(x.map((e) => b[e]));
 		}
-		return e.map((e) => h[e]);
+		return g.map((e) => y[e]);
 	};
 })();
 delegateEvents(["click"]);
-export { OrmPlugin };
+export { OrmPlugin, TableSelect };

package/dist/plugins/PaginationPlugin.d.ts

@@ -7,16 +7,10 @@ declare module '..' {
             defaultValue?: number;
             value?: number;
             onChange?: (page: number) => void;
-            /** Server-side pagination: called on page change with (page, pageSize).
-             *  Parent should update `data` and `total` in response. */
-            request?: (page: number, pageSize: number) => void | Promise<void>;
-            /** Total record count (required for server-side pagination) */
             total?: number;
         };
     }
     interface TableStore {
-        _pgnTotal: number;
-        _pgnLoading: boolean;
     }
 }
 export declare const PaginationPlugin: Plugin;