intable 0.0.3 → 0.0.5

package/dist/index.js

@@ -12,6 +12,8 @@ import { CommandPlugin } from "./plugins/CommandPlugin.js";
 import { RowSelectionPlugin } from "./plugins/RowSelectionPlugin.js";
 import { ResizePlugin } from "./plugins/ResizePlugin.js";
 import { DragPlugin } from "./plugins/DragPlugin.js";
+import { RowGroupPlugin } from "./plugins/RowGroupPlugin.js";
+import { ExpandPlugin } from "./plugins/ExpandPlugin.js";
 import { createComponent, insert, memo, mergeProps, spread, template, use } from "solid-js/web";
 import { For, batch, createComputed, createContext, createEffect, createMemo, createSignal, getOwner, mapArray, mergeProps as mergeProps$1, on, onCleanup, onMount, runWithOwner, untrack, useContext } from "solid-js";
 import { createMutable, reconcile } from "solid-js/store";
@@ -19,109 +21,106 @@ import { combineProps } from "@solid-primitives/props";
 import { difference, mapValues, sumBy } from "es-toolkit";
 import { createElementSize, createResizeObserver } from "@solid-primitives/resize-observer";
 import { createScrollPosition } from "@solid-primitives/scroll";
-var _tmpl$ = /* @__PURE__ */ template(`<table>`), _tmpl$2 = /* @__PURE__ */ template(`<thead>`), _tmpl$3 = /* @__PURE__ */ template(`<tbody>`), _tmpl$4 = /* @__PURE__ */ template(`<tr>`), _tmpl$5 = /* @__PURE__ */ template(`<th>`), _tmpl$6 = /* @__PURE__ */ template(`<td>`), _tmpl$7 = /* @__PURE__ */ template(`<div><div class=data-table__layers></div><table class=data-table--table>`);
+var _tmpl$ = /* @__PURE__ */ template("<table>"), _tmpl$2 = /* @__PURE__ */ template("<thead>"), _tmpl$3 = /* @__PURE__ */ template("<tbody>"), _tmpl$4 = /* @__PURE__ */ template("<tr>"), _tmpl$5 = /* @__PURE__ */ template("<th>"), _tmpl$6 = /* @__PURE__ */ template("<td>"), _tmpl$7 = /* @__PURE__ */ template("<div><div class=data-table__layers></div><table class=data-table--table>");
 const Ctx = createContext({
 	props: {},
 	store: {}
-});
-const Intable = (props) => {
-	props = mergeProps$1({ rowKey: "id" }, props);
-	const plugins = createMemo(() => [
+}), Intable = (_) => {
+	_ = mergeProps$1({ rowKey: "id" }, _);
+	let J = createMemo(() => [
 		...defaultsPlugins,
-		...props.plugins || [],
+		..._.plugins || [],
 		RenderPlugin
-	].sort((a, b) => (b.priority || 0) - (a.priority || 0)));
-	const store = createMutable({
+	].sort((_, K) => (K.priority || 0) - (_.priority || 0))), Y = createMutable({
 		get rawProps() {
-			return props;
+			return _;
 		},
 		get plugins() {
-			return plugins();
+			return J();
 		}
-	});
-	const owner = getOwner();
-	createComputed((old) => {
-		const added = difference(plugins(), old);
-		runWithOwner(owner, () => {
-			added.forEach((e) => Object.assign(store, e.store?.(store)));
-		});
-		return plugins();
+	}), X = getOwner();
+	createComputed((_) => {
+		let K = difference(J(), _);
+		return runWithOwner(X, () => {
+			K.forEach((_) => Object.assign(Y, _.store?.(Y)));
+		}), J();
 	}, []);
-	const pluginsProps = mapArray(plugins, () => createSignal({}));
-	createComputed(mapArray(plugins, (e, i) => {
-		const prev = () => pluginsProps()[i() - 1]?.[0]() || props;
-		const ret = mergeProps$1(prev, toReactive(mapValues(e.rewriteProps || {}, (v) => useMemo(() => v(prev(), { store })))));
-		pluginsProps()[i()][1](ret);
-	}));
-	const mProps = toReactive(() => pluginsProps()[pluginsProps().length - 1][0]());
-	store.props = mProps;
-	onMount(() => {
-		createEffect(mapArray(plugins, (e) => e.onMount?.(store)));
+	let Z = mapArray(J, () => createSignal());
+	Y.props = toReactive(createMemo(() => Z()[Z().length - 1][0]() || _)), createComputed(mapArray(J, (J, X) => {
+		let Q = createMemo(() => Z()[X() - 1]?.[0]() || _), $ = mergeProps$1(Q, toReactive(mapValues(J.rewriteProps || {}, (_) => useMemo(() => _(Q(), { store: Y })))));
+		Z()[X()][1]($);
+	})), onMount(() => {
+		createEffect(mapArray(J, (_) => _.onMount?.(Y)));
 	});
-	const ctx = createMutable({
-		props: mProps,
-		store
+	let $ = createMutable({
+		props: Y.props,
+		store: Y
 	});
-	window.store = store;
-	window.ctx = ctx;
-	return createComponent(Ctx.Provider, {
-		value: ctx,
+	return window.store = Y, window.ctx = $, createComponent(Ctx.Provider, {
+		value: $,
 		get children() {
-			return createComponent(ctx.props.Table, { get children() {
+			return createComponent($.props.Table, { get children() {
 				return [createComponent(THead, {}), createComponent(TBody, {})];
 			} });
 		}
 	});
 };
 var THead = () => {
-	const { props } = useContext(Ctx);
-	return createComponent(props.Thead, { get children() {
-		return createComponent(props.Tr, { get children() {
-			return createComponent(props.EachCells, {
+	let { props: _ } = useContext(Ctx);
+	return createComponent(_.Thead, { get children() {
+		return createComponent(_.Tr, { get children() {
+			return createComponent(_.EachCells, {
 				get each() {
-					return props.columns || [];
+					return _.columns || [];
 				},
-				children: (col, colIndex) => createComponent(props.Th, {
-					col,
+				children: (K, q) => createComponent(_.Th, {
+					get col() {
+						return K();
+					},
 					get x() {
-						return colIndex();
+						return q();
 					},
 					get children() {
-						return col.name;
+						return K().name;
 					}
 				})
 			});
 		} });
 	} });
-};
-var TBody = () => {
-	const { props } = useContext(Ctx);
-	return createComponent(props.Tbody, { get children() {
-		return createComponent(props.EachRows, {
+}, TBody = () => {
+	let { props: _ } = useContext(Ctx);
+	return createComponent(_.Tbody, { get children() {
+		return createComponent(_.EachRows, {
 			get each() {
-				return props.data;
+				return _.data;
 			},
-			children: (row, rowIndex) => createComponent(props.Tr, {
+			children: (K, q) => createComponent(_.Tr, {
 				get y() {
-					return rowIndex();
+					return q();
+				},
+				get data() {
+					return K();
 				},
-				data: row,
 				get children() {
-					return createComponent(props.EachCells, {
+					return createComponent(_.EachCells, {
 						get each() {
-							return props.columns;
+							return _.columns;
 						},
-						children: (col, colIndex) => createComponent(props.Td, {
-							col,
+						children: (J, Y) => createComponent(_.Td, {
+							get col() {
+								return J();
+							},
 							get x() {
-								return colIndex();
+								return Y();
 							},
 							get y() {
-								return rowIndex();
+								return q();
+							},
+							get data() {
+								return K();
 							},
-							data: row,
 							get children() {
-								return row[col.id];
+								return K()[J().id];
 							}
 						})
 					});
@@ -129,46 +128,34 @@ var TBody = () => {
 			})
 		});
 	} });
-};
-var src_default = Intable;
+}, src_default = Intable;
 function BasePlugin() {
-	const omits = {
+	let K = {
 		col: null,
 		data: null
-	};
-	const table = (o) => (() => {
-		var _el$ = _tmpl$();
-		spread(_el$, o, false, false);
-		return _el$;
-	})();
-	const thead = (o) => (() => {
-		var _el$2 = _tmpl$2();
-		spread(_el$2, o, false, false);
-		return _el$2;
-	})();
-	const tbody = (o) => (() => {
-		var _el$3 = _tmpl$3();
-		spread(_el$3, o, false, false);
-		return _el$3;
-	})();
-	const tr = (o) => (() => {
-		var _el$4 = _tmpl$4();
-		spread(_el$4, mergeProps(o, omits), false, false);
-		return _el$4;
-	})();
-	const th = (o) => (() => {
-		var _el$5 = _tmpl$5();
-		spread(_el$5, mergeProps(o, omits), false, false);
-		return _el$5;
-	})();
-	const td = (o) => (() => {
-		var _el$6 = _tmpl$6();
-		spread(_el$6, mergeProps(o, omits), false, false);
-		return _el$6;
+	}, q = (_) => (() => {
+		var K = _tmpl$();
+		return spread(K, _, !1, !1), K;
+	})(), J = (_) => (() => {
+		var K = _tmpl$2();
+		return spread(K, _, !1, !1), K;
+	})(), Y = (_) => (() => {
+		var K = _tmpl$3();
+		return spread(K, _, !1, !1), K;
+	})(), X = (_) => (() => {
+		var q = _tmpl$4();
+		return spread(q, mergeProps(_, K), !1, !1), q;
+	})(), Z = (_) => (() => {
+		var q = _tmpl$5();
+		return spread(q, mergeProps(_, K), !1, !1), q;
+	})(), Q = (_) => (() => {
+		var q = _tmpl$6();
+		return spread(q, mergeProps(_, K), !1, !1), q;
 	})();
 	return {
+		name: "base",
 		priority: Infinity,
-		store: (store) => ({
+		store: (_) => ({
 			ths: [],
 			thSizes: [],
 			trs: [],
@@ -177,195 +164,184 @@ function BasePlugin() {
 			raw: Symbol("raw")
 		}),
 		rewriteProps: {
-			data: ({ data = [] }) => data,
-			columns: ({ columns = [] }) => columns,
-			newRow: ({ newRow = () => ({}) }) => newRow,
-			Table: ({ Table = table }, { store }) => (o) => {
-				const [el, setEl] = createSignal();
-				const { props } = useContext(Ctx);
-				o = combineProps({
-					ref: setEl,
+			data: ({ data: _ = [] }) => _,
+			columns: ({ columns: _ = [] }) => _,
+			newRow: ({ newRow: _ = () => ({}) }) => _,
+			Table: ({ Table: _ = q }, { store: K }) => (K) => {
+				let [q, J] = createSignal(), { props: Y } = useContext(Ctx);
+				return K = combineProps({
+					ref: J,
 					get class() {
-						return `data-table ${props.class} ${props.border && "data-table--border"} data-table--${props.size}`;
+						return `data-table ${Y.class} ${Y.border && "data-table--border"} data-table--${Y.size}`;
 					},
 					get style() {
-						return props.style;
+						return Y.style;
 					}
-				}, o);
-				return createComponent(Table, o);
-			},
-			Thead: ({ Thead = thead }, { store }) => (o) => {
-				o = combineProps({ ref: (el) => store.thead = el }, o);
-				return createComponent(Thead, o);
+				}, K), createComponent(_, K);
 			},
-			Tbody: ({ Tbody = tbody }, { store }) => (o) => {
-				o = combineProps({ ref: (el) => store.tbody = el }, o);
-				return createComponent(Tbody, o);
+			Thead: ({ Thead: _ = J }, { store: K }) => (q) => (q = combineProps({ ref: (_) => K.thead = _ }, q), createComponent(_, q)),
+			Tbody: ({ Tbody: _ = Y }, { store: K }) => (q) => (q = combineProps({ ref: (_) => K.tbody = _ }, q), createComponent(_, q)),
+			Tr: ({ Tr: _ = X }, { store: K }) => (q) => {
+				let [J, Y] = createSignal();
+				return q = combineProps({ ref: Y }, q), createEffect(() => {
+					let { y: _ } = q;
+					K.trs[_] = J(), K.trSizes[_] = createElementSize(J()), onCleanup(() => K.trSizes[_] = K.trs[_] = void 0);
+				}), createComponent(_, q);
 			},
-			Tr: ({ Tr = tr }, { store }) => (o) => {
-				const [el, setEl] = createSignal();
-				o = combineProps({ ref: setEl }, o);
-				createEffect(() => {
-					const { y } = o;
-					store.trs[y] = el();
-					store.trSizes[y] = createElementSize(el());
-					onCleanup(() => store.trSizes[y] = store.trs[y] = void 0);
-				});
-				return createComponent(Tr, o);
-			},
-			Th: ({ Th = th }, { store }) => (o) => {
-				const [el, setEl] = createSignal();
-				const { props } = useContext(Ctx);
-				const mProps = combineProps(o, { ref: setEl }, {
+			Th: ({ Th: K = Z }, { store: q }) => (J) => {
+				let [Y, X] = createSignal(), { props: Z } = useContext(Ctx), Q = combineProps(J, { ref: X }, {
 					get class() {
-						return unFn(props.cellClass, o);
+						return unFn(Z.cellClass, J);
 					},
 					get style() {
-						return unFn(props.cellStyle, o);
+						return unFn(Z.cellStyle, J);
 					}
 				}, {
 					get class() {
-						return o.col.class;
+						return J.col.class;
 					},
 					get style() {
-						return o.col.style;
+						return J.col.style;
 					}
 				}, { get style() {
-					return o.col.width ? `width: ${o.col.width}px` : "";
+					return J.col.width ? `width: ${J.col.width}px` : "";
 				} });
-				createEffect(() => {
-					const { x } = o;
-					store.ths[x] = el();
-					store.thSizes[x] = createElementSize(el());
-					onCleanup(() => store.thSizes[x] = store.ths[x] = void 0);
-				});
-				return createComponent(Th, mergeProps(mProps, { get children() {
-					return o.children;
+				return createEffect(() => {
+					let { x: _ } = J;
+					q.ths[_] = Y(), q.thSizes[_] = createElementSize(Y()), onCleanup(() => q.thSizes[_] = q.ths[_] = void 0);
+				}), createComponent(K, mergeProps(Q, { get children() {
+					return J.children;
 				} }));
 			},
-			Td: ({ Td = td }, { store }) => (o) => {
-				const { props } = useContext(Ctx);
-				const mProps = combineProps(o, {
+			Td: ({ Td: K = Q }, { store: q }) => (q) => {
+				let { props: J } = useContext(Ctx), Y = combineProps(q, {
 					get class() {
-						return unFn(props.cellClass, o);
+						return unFn(J.cellClass, q);
 					},
 					get style() {
-						return unFn(props.cellStyle, o);
+						return unFn(J.cellStyle, q);
 					}
 				}, {
 					get class() {
-						return o.col.class;
+						return q.col.class;
 					},
 					get style() {
-						return o.col.style;
+						return q.col.style;
 					}
 				}, { get style() {
-					return o.col.width ? `width: ${o.col.width}px` : "";
+					return q.col.width ? `width: ${q.col.width}px` : "";
 				} });
-				return createComponent(Td, mergeProps(mProps, { get children() {
-					return o.children;
+				return createComponent(K, mergeProps(Y, { get children() {
+					return q.children;
 				} }));
 			},
-			EachRows: ({ EachRows }) => EachRows || For,
-			EachCells: ({ EachCells }) => EachCells || For,
-			renderer: ({ renderer = (a) => a }) => renderer
+			EachRows: ({ EachRows: _ }) => _ || ((_) => createComponent(For, {
+				get each() {
+					return _.each;
+				},
+				children: (K, q) => _.children(() => K, q)
+			})),
+			EachCells: ({ EachCells: _ }) => _ || ((_) => createComponent(For, {
+				get each() {
+					return _.each;
+				},
+				children: (K, q) => _.children(() => K, q)
+			})),
+			renderer: ({ renderer: _ = (_) => _ }) => _
 		}
 	};
 }
 var IndexPlugin = {
-	store: (store) => ({ $index: {
+	name: "index",
+	priority: -Infinity,
+	store: (_) => ({ $index: {
 		name: "",
 		id: Symbol("index"),
 		fixed: "left",
-		[store.internal]: 1,
+		[_.internal]: 1,
 		width: 40,
 		style: "text-align: center",
 		class: "index",
-		render: solidComponent((o) => memo(() => o.y + 1))
+		render: solidComponent((_) => memo(() => _.y + 1))
 	} }),
-	rewriteProps: { columns: (props, { store }) => store.props?.index ? [store.$index, ...props.columns || []] : props.columns }
-};
-var StickyHeaderPlugin = { rewriteProps: { Thead: ({ Thead }) => (o) => {
-	const { props } = useContext(Ctx);
-	o = combineProps({ get class() {
-		return props.stickyHeader ? "sticky-header" : "";
-	} }, o);
-	return createComponent(Thead, o);
-} } };
-var FixedColumnPlugin = { rewriteProps: {
-	columns: ({ columns }) => [
-		...columns?.filter((e) => e.fixed == "left") || [],
-		...columns?.filter((e) => !e.fixed) || [],
-		...columns?.filter((e) => e.fixed == "right") || []
-	],
-	cellClass: ({ cellClass }) => (o) => (unFn(cellClass, o) || "") + (o.col.fixed ? ` fixed-${o.col.fixed}` : ""),
-	cellStyle: ({ cellStyle }, { store }) => (o) => (unFn(cellStyle, o) || "") + (o.col.fixed ? `; ${o.col.fixed}: ${sumBy(store.thSizes.slice(o.col.fixed == "left" ? 0 : o.x + 1, o.col.fixed == "left" ? o.x : Infinity), (size) => size?.width || 0)}px` : "")
-} };
-var FitColWidthPlugin = {
+	rewriteProps: { columns: ({ columns: _ }, { store: K }) => K.props?.index ? [K.$index, ..._ || []] : _ }
+}, StickyHeaderPlugin = {
+	name: "sticky-header",
+	rewriteProps: { Thead: ({ Thead: _ }) => (K) => {
+		let { props: q } = useContext(Ctx);
+		return K = combineProps({ get class() {
+			return q.stickyHeader ? "sticky-header" : "";
+		} }, K), createComponent(_, K);
+	} }
+}, FixedColumnPlugin = {
+	name: "fixed-column",
+	rewriteProps: {
+		columns: ({ columns: _ }) => [
+			..._?.filter((_) => _.fixed == "left") || [],
+			..._?.filter((_) => !_.fixed) || [],
+			..._?.filter((_) => _.fixed == "right") || []
+		],
+		cellClass: ({ cellClass: K }) => (q) => (unFn(K, q) || "") + (q.col.fixed ? ` fixed-${q.col.fixed}` : ""),
+		cellStyle: ({ cellStyle: K }, { store: q }) => (J) => (unFn(K, J) || "") + (J.col.fixed ? `; ${J.col.fixed}: ${sumBy(q.thSizes.slice(J.col.fixed == "left" ? 0 : J.x + 1, J.col.fixed == "left" ? J.x : Infinity), (_) => _?.width || 0)}px` : "")
+	}
+}, FitColWidthPlugin = {
+	name: "fit-col-width",
 	priority: -Infinity,
 	rewriteProps: {
-		Table: (prev, { store }) => (o) => {
-			const size = createMutable({ width: 0 });
-			createResizeObserver(() => store.scroll_el, (_, el, e) => size.width = e.contentBoxSize[0].inlineSize);
-			createEffect(on(() => [size.width, prev.columns.map((e) => e.width)], async () => {
-				if (!size.width) return;
-				store.__fit_col_width__cols_temp = null;
-				await Promise.resolve();
-				const gap = (size.width - store.table.getBoundingClientRect().width) / store.props.columns.filter((e) => !e.width).length;
-				store.__fit_col_width__cols_temp = store.props.columns.map((e, i) => e.width ? null : { width: Math.max((store.ths[i]?.getBoundingClientRect().width || 0) + gap, 80) });
-			}));
-			return createComponent(prev.Table, o);
+		Table: (_, { store: K }) => (q) => {
+			let J = createMutable({ width: 0 });
+			return createResizeObserver(() => K.scroll_el, (_, K, q) => J.width = q.contentBoxSize[0].inlineSize), createEffect(on(() => [J.width, _.columns.map((_) => _.width)], async () => {
+				if (!J.width) return;
+				K.__fit_col_width__cols_temp = null, await Promise.resolve();
+				let _ = (J.width - K.table.getBoundingClientRect().width) / K.props.columns.filter((_) => !_.width).length;
+				K.__fit_col_width__cols_temp = K.props.columns.map((q, J) => q.width ? null : { width: Math.max((K.ths[J]?.getBoundingClientRect().width || 0) + _, 80) });
+			})), createComponent(_.Table, q);
 		},
-		columns: ({ columns }, { store }) => (columns = columns.map((e, i) => ({
-			...e,
-			...store.__fit_col_width__cols_temp?.[i],
-			[store.raw]: e[store.raw] ?? e
-		})), untrack(() => batch(() => reconcile(columns, { key: store.raw })(store.__fit_col_width__cols ??= []))))
+		columns: ({ columns: _ }, { store: K }) => (_ = _.map((_, q) => ({
+			..._,
+			...K.__fit_col_width__cols_temp?.[q],
+			[K.raw]: _[K.raw] ?? _
+		})), untrack(() => batch(() => reconcile(_, { key: K.raw })(K.__fit_col_width__cols ??= []))))
 	}
 };
 const ScrollPlugin = {
+	name: "scroll",
 	priority: Infinity,
-	rewriteProps: { Table: (prev, { store }) => (o) => {
-		const pos = createScrollPosition(() => store.scroll_el);
-		const size = createElementSize(() => store.scroll_el);
-		const clazz = createMemo(() => {
-			const el = store.scroll_el;
-			if (!el) return;
-			const isleft = pos.x == 0;
-			const isright = pos.x >= el.scrollWidth - (size.width || 0);
-			return isleft && isright ? "" : !isleft && !isright ? "is-scroll-mid" : isleft ? "is-scroll-left" : isright ? "is-scroll-right" : "";
+	rewriteProps: { Table: (_, { store: K }) => (_) => {
+		let q = createScrollPosition(() => K.scroll_el), J = createElementSize(() => K.scroll_el), Y = createMemo(() => {
+			let _ = K.scroll_el;
+			if (!_) return;
+			let Y = q.x == 0, X = q.x >= _.scrollWidth - (J.width || 0);
+			return Y && X ? "" : !Y && !X ? "is-scroll-mid" : Y ? "is-scroll-left" : X ? "is-scroll-right" : "";
 		});
-		o = combineProps(o, {
-			ref: (el) => store.scroll_el = el,
+		_ = combineProps(_, {
+			ref: (_) => K.scroll_el = _,
 			class: "data-table--scroll-view"
 		}, { get class() {
-			return clazz();
+			return Y();
 		} });
-		const layers = mapArray(() => store.plugins.flatMap((e) => e.layers ?? []), (Layer) => createComponent(Layer, store));
+		let X = mapArray(() => K.plugins.flatMap((_) => _.layers ?? []), (_) => createComponent(_, K));
 		return (() => {
-			var _el$7 = _tmpl$7(), _el$8 = _el$7.firstChild, _el$9 = _el$8.nextSibling;
-			spread(_el$7, o, false, true);
-			insert(_el$8, layers);
-			use((el) => store.table = el, _el$9);
-			insert(_el$9, () => o.children);
-			return _el$7;
+			var q = _tmpl$7(), J = q.firstChild, Y = J.nextSibling;
+			return spread(q, _, !1, !0), insert(J, X), use((_) => K.table = _, Y), insert(Y, () => _.children), q;
 		})();
 	} }
-};
-const defaultsPlugins = [
+}, defaultsPlugins = [
 	ScrollPlugin,
 	BasePlugin(),
 	CommandPlugin,
 	MenuPlugin,
 	CellSelectionPlugin,
-	RowSelectionPlugin,
-	IndexPlugin,
 	StickyHeaderPlugin,
 	FixedColumnPlugin,
 	ResizePlugin,
 	DragPlugin,
 	ClipboardPlugin,
+	ExpandPlugin,
+	RowSelectionPlugin,
+	IndexPlugin,
 	EditablePlugin,
-	FitColWidthPlugin
+	FitColWidthPlugin,
+	RowGroupPlugin
 ];
 export { Ctx, Intable, ScrollPlugin, src_default as default, defaultsPlugins };

package/dist/loading.js

@@ -1,8 +1,6 @@
 import { spread, template } from "solid-js/web";
-var _tmpl$ = /* @__PURE__ */ template(`<svg width=1.2em height=1.2em xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"><g><rect width=2 height=5 x=11 y=1 fill=currentColor opacity=.14></rect><rect width=2 height=5 x=11 y=1 fill=currentColor opacity=.29 transform="rotate(30 12 12)"></rect><rect width=2 height=5 x=11 y=1 fill=currentColor opacity=.43 transform="rotate(60 12 12)"></rect><rect width=2 height=5 x=11 y=1 fill=currentColor opacity=.57 transform="rotate(90 12 12)"></rect><rect width=2 height=5 x=11 y=1 fill=currentColor opacity=.71 transform="rotate(120 12 12)"></rect><rect width=2 height=5 x=11 y=1 fill=currentColor opacity=.86 transform="rotate(150 12 12)"></rect><rect width=2 height=5 x=11 y=1 fill=currentColor transform="rotate(180 12 12)"></rect><animateTransform attributeName=transform calcMode=discrete dur=0.75s repeatCount=indefinite type=rotate values="0 12 12;30 12 12;60 12 12;90 12 12;120 12 12;150 12 12;180 12 12;210 12 12;240 12 12;270 12 12;300 12 12;330 12 12;360 12 12">`);
-var loading_default = (props = {}) => (() => {
-	var _el$ = _tmpl$();
-	spread(_el$, props, true, true);
-	return _el$;
+var _tmpl$ = /* @__PURE__ */ template("<svg width=1.2em height=1.2em xmlns=http://www.w3.org/2000/svg viewBox=\"0 0 24 24\"><g><rect width=2 height=5 x=11 y=1 fill=currentColor opacity=.14></rect><rect width=2 height=5 x=11 y=1 fill=currentColor opacity=.29 transform=\"rotate(30 12 12)\"></rect><rect width=2 height=5 x=11 y=1 fill=currentColor opacity=.43 transform=\"rotate(60 12 12)\"></rect><rect width=2 height=5 x=11 y=1 fill=currentColor opacity=.57 transform=\"rotate(90 12 12)\"></rect><rect width=2 height=5 x=11 y=1 fill=currentColor opacity=.71 transform=\"rotate(120 12 12)\"></rect><rect width=2 height=5 x=11 y=1 fill=currentColor opacity=.86 transform=\"rotate(150 12 12)\"></rect><rect width=2 height=5 x=11 y=1 fill=currentColor transform=\"rotate(180 12 12)\"></rect><animateTransform attributeName=transform calcMode=discrete dur=0.75s repeatCount=indefinite type=rotate values=\"0 12 12;30 12 12;60 12 12;90 12 12;120 12 12;150 12 12;180 12 12;210 12 12;240 12 12;270 12 12;300 12 12;330 12 12;360 12 12\">"), loading_default = (n = {}) => (() => {
+	var r = _tmpl$();
+	return spread(r, n, !0, !0), r;
 })();
 export { loading_default as default };

package/dist/plugins/CellMergePlugin.d.ts

@@ -1,8 +1,6 @@
 import { type Plugin } from "../index";
 declare module '../index' {
     interface TableProps {
-        colDrag: boolean;
-        rowDrag: boolean;
     }
     interface TableColumn {
     }