intable 0.0.2 → 0.0.4

package/dist/index.js

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

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

@@ -0,0 +1,12 @@
+import { type Plugin } from "../index";
+declare module '../index' {
+    interface TableProps {
+    }
+    interface TableColumn {
+    }
+    interface TableStore {
+    }
+    interface Commands {
+    }
+}
+export declare const CellMergePlugin: Plugin;

package/dist/plugins/CellMergePlugin.js

@@ -0,0 +1,2 @@
+const CellMergePlugin = { rewriteProps: {} };
+export { CellMergePlugin };