intable 0.0.8 → 0.0.9

package/dist/plugins/HeaderGroup.js

@@ -0,0 +1,171 @@
+import { Ctx } from "../index.js";
+import { createComponent, memo, mergeProps } from "solid-js/web";
+import { For, Show, createEffect, createMemo, createSignal, useContext } from "solid-js";
+function leafCount(e) {
+	return e.children?.length ? e.children.reduce((e, t) => e + leafCount(t), 0) : 1;
+}
+function maxDepth(e) {
+	let t = 0;
+	for (let n of e) n.children?.length && (t = Math.max(t, maxDepth(n.children)));
+	return t + 1;
+}
+function flatLeaves(e, t = []) {
+	for (let n of e) n.children?.length ? flatLeaves(n.children, t) : t.push(n);
+	return t;
+}
+function buildFlatGrid(e, t, n, r, i, a) {
+	let o = n.length, s = Array.from({ length: t }, () => Array(o).fill(null)), c = 0;
+	function l(e, a) {
+		for (let o of e) {
+			let e = !!o.children?.length, d = leafCount(o), f = e ? 1 : t - a, p = e ? i[c] : o, m = r.get(p);
+			if (m == null) {
+				e || c++;
+				continue;
+			}
+			s[a][m] = {
+				kind: "anchor",
+				anchorCol: o,
+				colspan: d,
+				rowspan: f
+			};
+			for (let e = 1; e < d; e++) s[a][m + e] = {
+				kind: "colspan-hidden",
+				anchorCol: o,
+				colspan: d,
+				rowspan: f
+			};
+			for (let e = 1; e < f; e++) for (let t = 0; t < d; t++) s[a + e][m + t] = {
+				kind: "rowspan-hidden",
+				anchorCol: n[m + t],
+				colspan: 1,
+				rowspan: 1
+			};
+			e ? l(o.children, a + 1) : c++;
+		}
+	}
+	c = 0, l(e, 0);
+	for (let e = 0; e < o; e++) {
+		if (s[0][e] != null) continue;
+		let r = n[e];
+		if (r[a.internal]) {
+			s[0][e] = {
+				kind: "anchor",
+				anchorCol: r,
+				colspan: 1,
+				rowspan: t
+			};
+			for (let n = 1; n < t; n++) s[n][e] = {
+				kind: "rowspan-hidden",
+				anchorCol: r,
+				colspan: 1,
+				rowspan: 1
+			};
+		}
+	}
+	return s;
+}
+const HeaderGroupPlugin = {
+	name: "header-group",
+	store: (e) => ({ _headerGroupAnchors(t, n) {
+		let r = e.rawProps.columns || [];
+		if (!r.some((e) => e.children?.length) || maxDepth(r) <= 1) return [];
+		let i = e.props.columns || [], a = flatLeaves(r), o = /* @__PURE__ */ new Map();
+		for (let t = 0; t < i.length; t++) o.set(i[t][e.raw] || i[t], t);
+		let s = [], c = 0;
+		function l(e) {
+			for (let r of e) if (r.children?.length) {
+				let e = leafCount(r), i = a[c];
+				if (i) {
+					let r = o.get(i);
+					if (r != null) {
+						let i = r + e - 1;
+						r <= n && i >= t && s.push(r);
+					}
+				}
+				l(r.children);
+			} else c++;
+		}
+		return l(r), s;
+	} }),
+	rewriteProps: {
+		columns: ({ columns: e }) => flatLeaves(e),
+		Thead: ({ Thead: u }, { store: m }) => (h) => {
+			let { props: g } = useContext(Ctx), _ = createMemo(() => {
+				let e = m.rawProps.columns || [], t = maxDepth(e);
+				if (t <= 1) return null;
+				let n = g.columns || [], r = flatLeaves(e), i = /* @__PURE__ */ new Map();
+				for (let e = 0; e < n.length; e++) i.set(n[e][m.raw] || n[e], e);
+				return {
+					grid: buildFlatGrid(e, t, n, i, r, m),
+					depth: t
+				};
+			}), [v, y] = createSignal(24);
+			createEffect(() => {
+				let e = m.thead;
+				if (!e) return;
+				let t = e.querySelectorAll(":scope > tr"), n = t[t.length - 1];
+				n && y(n.offsetHeight || 24);
+			});
+			let b = () => !!m.virtualizerX;
+			return createComponent(Show, {
+				get when() {
+					return _();
+				},
+				get fallback() {
+					return createComponent(u, h);
+				},
+				children: (e) => createComponent(u, mergeProps(h, { get children() {
+					return createComponent(For, {
+						get each() {
+							return e().grid;
+						},
+						children: (r, i) => createComponent(g.Tr, {
+							get style() {
+								return memo(() => !!b())() ? `height:${v()}px;overflow:visible;position:relative;z-index:${e().depth - i()}` : "";
+							},
+							get children() {
+								return createComponent(g.EachCells, {
+									get each() {
+										return g.columns;
+									},
+									children: (e, i) => {
+										let a = () => r[i()];
+										if (!a()) return null;
+										let o = () => {
+											let e = a();
+											return e.kind === "anchor" ? b() && e.rowspan > 1 && v() ? `height:${e.rowspan * v()}px;position:relative;` : "" : e.kind === "colspan-hidden" ? "display:none" : e.kind === "rowspan-hidden" ? b() ? "visibility:hidden" : "display:none" : "";
+										}, s = () => a().kind === "anchor";
+										return createComponent(g.Th, {
+											get x() {
+												return i();
+											},
+											get col() {
+												return memo(() => !!s())() ? a().anchorCol : e();
+											},
+											get colspan() {
+												return memo(() => !!(s() && a().colspan > 1))() ? a().colspan : void 0;
+											},
+											get rowspan() {
+												return memo(() => !!(s() && a().rowspan > 1))() ? a().rowspan : void 0;
+											},
+											get style() {
+												return o();
+											},
+											get covered() {
+												return !s();
+											},
+											get children() {
+												return memo(() => !!s())() ? a().anchorCol.name : "";
+											}
+										});
+									}
+								});
+							}
+						})
+					});
+				} }))
+			});
+		}
+	}
+};
+export { HeaderGroupPlugin };

package/dist/plugins/HistoryPlugin.d.ts

@@ -0,0 +1,10 @@
+import { useHistory } from '../hooks';
+import { type Plugin } from '..';
+declare module '../index' {
+    interface TableProps {
+    }
+    interface TableStore {
+        history: ReturnType<typeof useHistory>;
+    }
+}
+export declare const HistoryPlugin: Plugin;

package/dist/plugins/HistoryPlugin.js

@@ -0,0 +1,27 @@
+import { useHistory } from "../hooks/index.js";
+import { createMemo } from "solid-js";
+import { unwrap } from "solid-js/store";
+import { combineProps } from "@solid-primitives/props";
+import { captureStoreUpdates } from "@solid-primitives/deep";
+const HistoryPlugin = {
+	store: (r) => {
+		let a = createMemo(() => captureStoreUpdates(r.rawProps.data || [])), o;
+		return { history: useHistory([() => {
+			let e = a()();
+			if (e.length) {
+				for (let { path: n, value: r } of e) if (n.length == 0) o = structuredClone(unwrap(r));
+				else {
+					let e = [...o];
+					n.reduce((e, i, a) => e[i] = a < n.length - 1 ? Array.isArray(e[i]) ? [...e[i]] : { ...e[i] } : structuredClone(unwrap(r)), e), o = e;
+				}
+				return o;
+			}
+		}, (e) => r.props.onDataChange?.(e)]) };
+	},
+	keybindings: (e) => ({
+		"$mod+Z": () => e.history.undo(),
+		"$mod+Y": () => e.history.redo()
+	}),
+	rewriteProps: { tdProps: ({ tdProps: e }, { store: n }) => (n) => combineProps(e?.(n) || {}, {}) }
+};
+export { HistoryPlugin };

package/dist/plugins/MenuPlugin.d.ts

@@ -0,0 +1,19 @@
+import { type Plugin } from '..';
+declare module '../index' {
+    interface TableProps {
+    }
+    interface TableStore {
+    }
+    interface Plugin {
+        menus?: (store: TableStore) => any[];
+    }
+    interface Commands {
+        rowEquals: (a: any, b: any) => boolean;
+        rowIndexOf: (data: any[], row: any) => number;
+        rowChange: (row: any, i?: any) => void;
+        addRows: (i: number, rows: any[], before?: boolean) => void;
+        deleteRows: (i: number[]) => void;
+        moveRows: (ii: number[], to: number) => void;
+    }
+}
+export declare const MenuPlugin: Plugin;

package/dist/plugins/MenuPlugin.js

@@ -0,0 +1,132 @@
+import { findParent } from "../tree.js";
+import "../utils.js";
+import { useMemoAsync } from "../hooks/index.js";
+import { Menu } from "../components/Menu.js";
+import { createComponent, memo, mergeProps } from "solid-js/web";
+import { batch, createMemo, createSignal, mapArray } from "solid-js";
+import { combineProps } from "@solid-primitives/props";
+import { range, remove } from "es-toolkit";
+import { createEventListener } from "@solid-primitives/event-listener";
+import { autoPlacement, computePosition } from "@floating-ui/dom";
+const MenuPlugin = {
+	name: "menu",
+	priority: Infinity,
+	store: (e) => ({}),
+	rewriteProps: { Table: ({ Table: e }, { store: s }) => (f) => {
+		let [p, g] = createSignal(), _ = mapArray(() => s.plugins || [], (e) => createMemo(() => e.menus?.(s))), v = createMemo(() => _().flatMap((e) => e() || [])), [y, b] = createSignal();
+		function x(e) {
+			e.preventDefault(), b({
+				x: e.x,
+				y: e.y
+			});
+		}
+		createEventListener(document, "pointerdown", (e) => {
+			p()?.contains(e.target) || b();
+		});
+		let S = useMemoAsync(() => {
+			let e = p();
+			if (e) return computePosition({ getBoundingClientRect: () => DOMRect.fromRect(y()) }, e, {
+				strategy: "fixed",
+				placement: "top-start",
+				middleware: [autoPlacement({
+					boundary: document.body,
+					alignment: "start"
+				})]
+			}).then(({ x: e, y: n }) => ({
+				position: "fixed",
+				transform: `translate(${e}px, ${n}px)`,
+				top: 0,
+				left: 0,
+				"z-index": 10
+			}));
+		});
+		return f = combineProps({
+			tabindex: -1,
+			onContextMenu: x
+		}, f), createComponent(e, mergeProps(f, { get children() {
+			return [memo(() => memo(() => !!y())() && createComponent(Menu, {
+				ref: g,
+				get style() {
+					return S() || "position: fixed";
+				},
+				get items() {
+					return v();
+				},
+				onAction: () => b()
+			})), memo(() => f.children)];
+		} }));
+	} },
+	menus: (e) => [
+		{
+			label: "新增行 ↑",
+			cb: () => e.commands.addRows(e.selected.end[1], [e.props.newRow(e.selected.end[1])])
+		},
+		{
+			label: "新增行 ↓",
+			cb: () => e.commands.addRows(e.selected.end[1], [e.props.newRow(e.selected.end[1])], !1)
+		},
+		{
+			label: "删除行",
+			cb: () => e.commands.deleteRows(range(...((e) => [e[0], e[1] + 1])([e.selected.start[1], e.selected.end[1]].sort((e, n) => e - n))))
+		}
+	],
+	commands: (n) => ({
+		rowEquals(e, n) {
+			return e == n;
+		},
+		rowIndexOf(e, r) {
+			return e.findIndex((e) => n.commands.rowEquals(e, r));
+		},
+		rowChange(e, r) {
+			let i = [...n.rawProps.data || []];
+			r = r == null ? n.commands.rowIndexOf(i, e) : i.findIndex((e) => e == n.props.data[r]), r > -1 && (i[r] = e, n.props.onDataChange?.(i));
+		},
+		addRows(e, r, i = !0) {
+			addRows(n, e, r, i);
+		},
+		deleteRows(e) {
+			let { rowKey: r, data: i } = n.props, a = [...n.rawProps.data || []], o = new Set(e.map((e) => i[e]));
+			remove(a, (e) => o.has(e)), n.props?.onDataChange?.(a);
+		},
+		moveRows(r, i) {
+			let { data: a } = n.props, o = r.map((e) => a[e]).filter((e) => e && !e?.[n.internal]);
+			if (!o.length) return;
+			let s = i >= 0 && i < a.length ? a[i] : null, { rowKey: c } = n.props, l = n.props.tree?.children || Symbol(), u = new Set(o.map((e) => e[c])), d = [];
+			function f(e) {
+				return e.reduce((e, n) => {
+					if (u.has(n[c])) return d.push(n), e;
+					if (Array.isArray(n[l]) && n[l].length) {
+						let e = f(n[l]);
+						n = e.length === n[l].length ? n : {
+							...n,
+							[l]: e
+						};
+					}
+					return e.push(n), e;
+				}, []);
+			}
+			let p = f([...n.rawProps.data || []]), m = findParent(p, (e) => e[c] === s?.[c])?.children ?? p, h = s ? m.findIndex((e) => e[c] === s[c]) : -1;
+			if (h > -1 ? m.splice(h, 0, d) : m.push(...d), n.selected) {
+				let e = Math.max(0, i - o.length);
+				n.selected.start = [0, e], n.selected.end = [Infinity, e + d.length - 1];
+			}
+			n.props?.onDataChange?.(p);
+		}
+	})
+};
+function addRows(e, n, r, i) {
+	let { data: a } = e.props, o = (n) => {
+		for (i = !1; --n >= 0 && a[n]?.[e.internal];);
+		return n >= 0 ? a[n] : null;
+	}, c = (n) => {
+		for (i = !0; ++n < a.length && a[n]?.[e.internal];);
+		return n < a.length ? a[n] : null;
+	}, l = a[n]?.[e.internal] ? i ? o(n) || c(n) : c(n) || o(n) : a[n];
+	l && batch(() => {
+		n = e.commands.rowIndexOf(a, l), e.selected && (e.selected.start = [0, n + (i ? 0 : 1)], e.selected.end = [Infinity, n + r.length - 1 + (i ? 0 : 1)]);
+	}), (() => {
+		let n = [...e.rawProps.data || []], a = l ? e.commands.rowIndexOf(n, l) + (i ? 0 : 1) : n.length;
+		n.splice(a, 0, ...r), e.props?.onDataChange?.(n);
+	})();
+}
+export { MenuPlugin };

package/dist/plugins/RenderPlugin/components.d.ts

@@ -0,0 +1,5 @@
+export declare const Checkbox: import("solid-js").Component<Record<string, any>>;
+export declare const Files: import("solid-js").Component<Record<string, any>>;
+export declare const Tags: import("solid-js").Component<Record<string, any>>;
+export declare const Tag: import("solid-js").Component<Record<string, any>>;
+export declare const evaluateFormula: (formula: string, data: any) => any;

package/dist/plugins/RenderPlugin/components.js

@@ -0,0 +1,87 @@
+import plus_default from "../../plus.js";
+import x_default from "../../x.js";
+import { createComponent, insert, memo, mergeProps, spread, template } from "solid-js/web";
+import { For, splitProps } from "solid-js";
+import { combineProps } from "@solid-primitives/props";
+var _tmpl$ = /* @__PURE__ */ template("<input type=checkbox>"), _tmpl$2 = /* @__PURE__ */ template("<div>");
+const Checkbox = (e) => {
+	let f;
+	return [e, f] = splitProps(e, ["value", "onChange"]), f = combineProps({ get class() {
+		return `you-checkbox ${e.value && "checked"}`;
+	} }, f), (() => {
+		var p = _tmpl$();
+		return p.addEventListener("change", (f) => e.onChange?.(f.currentTarget.checked)), spread(p, mergeProps({ get checked() {
+			return e.value || !1;
+		} }, f), !1, !1), p;
+	})();
+}, Files = (e) => {
+	let f;
+	return [e, f] = splitProps(e, []), createComponent(Tags, f);
+}, Tags = (f) => {
+	let h;
+	[f, h] = splitProps(f, [
+		"value",
+		"children",
+		"disabled",
+		"onChange",
+		"onAdd"
+	]), h = combineProps({ class: "flex flex-wrap items-center gap-2 h-full" }, h);
+	let g = (e) => Array.isArray(e) ? e : e == null ? [] : [e];
+	return (() => {
+		var _ = _tmpl$2();
+		return spread(_, h, !1, !0), insert(_, createComponent(For, {
+			get each() {
+				return g(f.value);
+			},
+			children: (e) => createComponent(Tag, {
+				get style() {
+					return `background: ${e.color}`;
+				},
+				get disabled() {
+					return f.disabled;
+				},
+				onDel: () => f.onChange(g(f.value).filter((f) => f != e)),
+				get children() {
+					return memo(() => !!f.children)() ? f.children(e) : e?.text ?? e?.label ?? e?.name ?? e;
+				}
+			})
+		}), null), insert(_, (() => {
+			var m = memo(() => !f.disabled);
+			return () => m() && createComponent(Tag, {
+				disabled: !0,
+				get onClick() {
+					return f.onAdd;
+				},
+				get children() {
+					return createComponent(plus_default, {});
+				}
+			});
+		})(), null), _;
+	})();
+}, Tag = (e) => {
+	let h;
+	return [e, h] = splitProps(e, [
+		"disabled",
+		"children",
+		"onDel"
+	]), h = combineProps({ class: "flex items-center px-2 py-1 rd-sm bg-gray/20 text-3.5 lh-[1]" }, h), (() => {
+		var g = _tmpl$2();
+		return spread(g, h, !1, !0), insert(g, () => e.children, null), insert(g, (() => {
+			var m = memo(() => !e.disabled);
+			return () => m() && createComponent(x_default, {
+				class: "icon-clickable flex-shrink-0 size-4! ml-1 mr--1 op-75",
+				get onClick() {
+					return e.onDel;
+				}
+			});
+		})(), null), g;
+	})();
+}, evaluateFormula = (e, f) => {
+	try {
+		let p = { data: f };
+		return Function(...Object.keys(p), "return " + e)(...Object.values(p));
+	} catch {
+		return "公式错误";
+	}
+};
+export { Checkbox, Files, Tag, Tags, evaluateFormula };

package/dist/plugins/RenderPlugin/index.d.ts

@@ -0,0 +1,30 @@
+import { type JSX } from 'solid-js';
+import { type Plugin, type TD } from '../..';
+declare module '../../index' {
+    interface TableProps {
+    }
+    interface TableColumn {
+        render?: Render;
+        enum?: Record<string, any> | {
+            label?: string;
+            value: any;
+        }[];
+    }
+    interface TableStore {
+        renders: {
+            [key: string]: Render;
+        };
+    }
+}
+export type RenderProps = Parameters<TD>[0] & {
+    onChange: (v: any) => void;
+};
+export type Render = (props: RenderProps) => JSX.Element | any;
+export declare const RenderPlugin: Plugin;
+export declare const renders: {
+    text: Render;
+    number: Render;
+    date: Render;
+    checkbox: Render;
+    file: Render;
+};

package/dist/plugins/RenderPlugin/index.js

@@ -0,0 +1,49 @@
+import { resolveOptions } from "../../utils.js";
+import { Checkbox, Files } from "./components.js";
+import { renderComponent, solidComponent } from "../../components/utils.js";
+import { createComponent, insert, memo, mergeProps, template } from "solid-js/web";
+import { mergeProps as mergeProps$1 } from "solid-js";
+var _tmpl$ = /* @__PURE__ */ template("<div class=\"flex items-center h-full\">");
+const RenderPlugin = {
+	name: "render",
+	priority: -Infinity,
+	store: () => ({ renders: { ...renders } }),
+	rewriteProps: { Td: ({ Td: e }, { store: p }) => (m) => createComponent(e, mergeProps(m, { get children() {
+		return (() => {
+			let e = ((e) => typeof e == "string" ? p.renders[e] : e)(m.col.render) || text;
+			return renderComponent(e, mergeProps$1(m, { onChange: (e) => p.commands.rowChange({
+				...m.data,
+				[m.col.id]: e
+			}, m.y) }), p.props.renderer);
+		})();
+	} })) }
+};
+var text = (p) => memo(() => ((m) => p.col.enum ? resolveOptions(p.col.enum).find((e) => e.value == m)?.label ?? m : m)(p.data[p.col.id]));
+const renders = {
+	text,
+	number: text,
+	date: text,
+	checkbox: (e) => (() => {
+		var m = _tmpl$();
+		return insert(m, createComponent(Checkbox, {
+			class: "",
+			get value() {
+				return e.data[e.col.id];
+			},
+			get onChange() {
+				return e.onChange;
+			}
+		})), m;
+	})(),
+	file: (e) => createComponent(Files, {
+		get value() {
+			return e.data[e.col.id];
+		},
+		get onChange() {
+			return e.onChange;
+		},
+		disabled: !0
+	})
+};
+for (let e in renders) renders[e] = solidComponent(renders[e]);
+export { RenderPlugin, renders };

package/dist/plugins/ResizePlugin.d.ts

@@ -0,0 +1,27 @@
+import { type Plugin } from "../index";
+declare module '../index' {
+    interface TableProps {
+        resizable?: {
+            col?: Partial<{
+                enable: boolean;
+                min: number;
+                max: number;
+            }>;
+            row?: Partial<{
+                enable: boolean;
+                min: number;
+                max: number;
+            }>;
+        };
+        onColumnsChange?: (columns: TableColumn[]) => void;
+    }
+    interface TableColumn {
+        resizable?: boolean;
+        onWidthChange?: (width: number) => void;
+    }
+    interface TableStore {
+    }
+    interface Commands {
+    }
+}
+export declare const ResizePlugin: Plugin;

package/dist/plugins/ResizePlugin.js

@@ -0,0 +1,82 @@
+import { unFn } from "../utils.js";
+import { usePointerDrag } from "../hooks/index.js";
+import { Ctx } from "../index.js";
+import { className, createComponent, effect, memo, mergeProps, template, use } from "solid-js/web";
+import { batch, untrack, useContext } from "solid-js";
+import { reconcile } from "solid-js/store";
+import { combineProps } from "@solid-primitives/props";
+import { clamp } from "es-toolkit";
+import { createEventListener } from "@solid-primitives/event-listener";
+import { defaultsDeep } from "es-toolkit/compat";
+var _tmpl$ = /* @__PURE__ */ template("<div>"), COL = Symbol("col_size"), ROW = Symbol("row_size"), ColHandle = (e) => {
+	let { props: g, store: v } = useContext(Ctx), y;
+	return usePointerDrag(() => y, { start(p, m, h) {
+		p.stopPropagation();
+		let _ = e.x, { min: b, max: x } = g.resizable.col, S = y.parentElement, C = S.offsetWidth;
+		m((p, { ox: m }) => v[COL][e.x] = clamp(C + m, b, x)), h(() => {
+			let e = g.columns[_], p = [...v.rawProps.columns || []], m = p.indexOf(e[v.raw] ?? e);
+			m > -1 && (p[m] = {
+				...p[m],
+				width: S.offsetWidth
+			}, g.onColumnsChange?.(p)), e.onWidthChange?.(S.offsetWidth);
+		});
+	} }), (() => {
+		var p = _tmpl$(), m = y;
+		return typeof m == "function" ? use(m, p) : y = p, effect(() => className(p, `in-cell__resize-handle absolute top-0 right-0 flex justify-center w-10px! ${e.x == g.columns.length - 1 ? "justify-end!" : "w-10px! translate-x-1/2"} after:w-1 cursor-w-resize z-1`)), p;
+	})();
+}, RowHandle = (e) => {
+	let { props: g, store: v } = useContext(Ctx), y;
+	return usePointerDrag(() => y, { start(p, m, h) {
+		p.stopPropagation();
+		let _ = e.y, { min: b, max: x } = g.resizable.row, S = y.parentElement.offsetHeight;
+		m((p, { oy: m }) => v[ROW][e.y] = clamp(S + m, b, x)), h(() => {
+			let e = g.data[_];
+			[...v.rawProps.data || []].indexOf(e[v.raw] ?? e);
+		});
+	} }), createEventListener(() => y, "dblclick", () => e.data[COL] = void 0), (() => {
+		var p = _tmpl$(), m = y;
+		return typeof m == "function" ? use(m, p) : y = p, effect(() => className(p, `in-cell__resize-handle absolute bottom-0 left-0 flex flex-col justify-center h-1! ${e.y == g.data.length - 1 ? "justify-end!" : ""} after:h-1 cursor-s-resize z-1`)), p;
+	})();
+};
+const ResizePlugin = {
+	name: "resize",
+	priority: -Infinity,
+	store: () => ({
+		[COL]: [],
+		[ROW]: []
+	}),
+	rewriteProps: {
+		resizable: ({ resizable: e }) => defaultsDeep(e, {
+			col: {
+				enable: !0,
+				min: 45,
+				max: 800
+			},
+			row: {
+				enable: !1,
+				min: 20,
+				max: 400
+			}
+		}),
+		columns: ({ columns: e }, { store: p }) => (e = e.map((e, m) => ({
+			...e,
+			[p.raw]: e[p.raw] ?? e
+		})), e = e.map((e) => e.resizable === void 0 ? {
+			...e,
+			resizable: p.props?.resizable?.col.enable,
+			[p.raw]: e[p.raw] ?? e
+		} : e), e = e.map((e, m) => p[COL][m] ? {
+			...e,
+			width: p[COL][m],
+			[p.raw]: e[p.raw] ?? e
+		} : e), untrack(() => batch(() => reconcile(e, { key: p.raw })(p.__resize__cols ??= [])))),
+		Th: ({ Th: e }, { store: p }) => (p) => (p = combineProps({ class: "relative" }, p), createComponent(e, mergeProps(p, { get children() {
+			return [memo(() => p.children), memo(() => memo(() => !!p.col.resizable)() && createComponent(ColHandle, p))];
+		} }))),
+		Td: ({ Td: e }, { store: p }) => p.props?.resizable?.row.enable ? (m) => (m = combineProps({ class: "relative" }, m), createComponent(e, mergeProps(m, { get children() {
+			return [memo(() => m.children), memo(() => memo(() => !!(m.x == 0 && p.props?.resizable?.row.enable))() && createComponent(RowHandle, m))];
+		} }))) : e,
+		cellStyle: ({ cellStyle: p }, { store: m }) => (h) => `${unFn(p, h)};` + (m[ROW][h.y] ? `height: ${m[ROW][h.y]}px` : "")
+	}
+};
+export { ResizePlugin };

package/dist/plugins/RowGroupPlugin.d.ts

@@ -0,0 +1,18 @@
+import { type Plugin } from '..';
+declare module '../index' {
+    interface TableProps {
+        rowGroup?: {
+            fields?: string[];
+        };
+    }
+    interface TableStore {
+        rowGroup: {
+            /** Plain-object map used as Set<string>; property access is tracked by createMutable */
+            expandKeys: Record<string, true | undefined>;
+            isExpand: (data: any) => boolean;
+            expand: (data: any, r?: any) => void;
+            toggleExpand: (data: any) => void;
+        };
+    }
+}
+export declare const RowGroupPlugin: Plugin;