intable 0.0.59 → 0.0.61

package/dist/plugins/BranchGraphPlugin.d.ts

@@ -0,0 +1,24 @@
+import { type Plugin$0 } from '../index';
+declare module '../index' {
+    interface TableProps {
+        /**
+         * Render a git-style branch graph in a dedicated leading column.
+         *
+         * Each row links to its parent(s) via a `parentid` field (a single id or an
+         * array of ids for merge rows). Display order must be topological: a parent
+         * must appear above its children. The connecting lines are drawn as a single
+         * SVG overlay injected through `rewriteProps.Table`.
+         */
+        branchGraph?: {
+            /** Field holding a row's parent id(s). Default `'parentid'`. */
+            parentField?: string;
+            /** Branch graph column width. Default `120`. */
+            width?: number;
+            /** Pixel gap between lanes. Default `18`. */
+            laneGap?: number;
+            /** Lane color palette (cycled by lane index). */
+            colors?: string[];
+        };
+    }
+}
+export declare const BranchGraphPlugin: Plugin$0;

package/dist/plugins/BranchGraphPlugin.js

@@ -0,0 +1,218 @@
+import { solidComponent } from "../components/utils.js";
+import { toArr } from "../utils.js";
+import { createComponent, effect, insert, memo, mergeProps, setAttribute, setStyleProperty, template } from "solid-js/web";
+import { Show, createMemo } from "solid-js";
+import { combineProps } from "@solid-primitives/props";
+var _tmpl$ = /* @__PURE__ */ template("<svg><path fill=none stroke-width=1.5></svg>", !1, !0, !1), _tmpl$2 = /* @__PURE__ */ template("<svg><line stroke-width=1.5></svg>", !1, !0, !1), _tmpl$3 = /* @__PURE__ */ template("<svg><g></svg>", !1, !0, !1), _tmpl$4 = /* @__PURE__ */ template("<svg><circle r=4 stroke=#fff stroke-width=1></svg>", !1, !0, !1), _tmpl$5 = /* @__PURE__ */ template("<svg class=branch-graph-svg style=position:absolute;pointer-events:none;z-index:3>"), _tmpl$6 = /* @__PURE__ */ template("<span style=display:none>");
+function computeLayout(e, i, a) {
+	if (!e?.length) return null;
+	let o = (e) => e?.[i], s = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map();
+	e.forEach((e, i) => {
+		let u = o(e);
+		s.set(u, i);
+		for (let o of toArr(e?.[a])) c.set(o, i), l.has(o) || l.set(o, []), l.get(o).push(u);
+	});
+	let u = (e, r) => [Math.min(e, ...r.map((r) => s.get(r) ?? e)), Math.max(e, ...r.map((r) => s.get(r) ?? e))], d = /* @__PURE__ */ new Map(), f = (e) => {
+		if (d.has(e)) return d.get(e);
+		let r = l.get(e)?.length ?? 0;
+		for (let i of l.get(e) ?? []) r += f(i);
+		return d.set(e, r), r;
+	};
+	for (let r of e) f(o(r));
+	let p = [], m = /* @__PURE__ */ new Map(), h = /* @__PURE__ */ new Map(), g = [];
+	return e.forEach((i, f) => {
+		let _ = o(i), v = toArr(i?.[a]);
+		for (let i = 0; i < g.length; i++) {
+			let o = g[i];
+			if (o == null) continue;
+			let l = c.get(o);
+			if (l != null && l < f) {
+				let c = s.get(o);
+				c != null && toArr(e[c]?.[a]).some((e) => (s.get(e) ?? -1) >= f) || (g[i] = null);
+			}
+		}
+		let y = -1;
+		for (let e of v) {
+			let r = g.indexOf(e);
+			if (r === -1) continue;
+			let i = l.get(e);
+			if (!i) continue;
+			if (i.reduce((e, r) => (d.get(r) ?? 0) > (d.get(e) ?? 0) ? r : e, i[0]) === _) {
+				y = r;
+				break;
+			}
+		}
+		if (y === -1) {
+			let e = h.get(_);
+			e != null && g[e.lane] != null && (y = e.lane);
+		}
+		if (y === -1) {
+			let [i, o] = u(f, v);
+			for (let l = 0; l < g.length; l++) {
+				let d = g[l];
+				if (d == null) {
+					y = l;
+					break;
+				}
+				if (c.get(d) != null) continue;
+				let p = s.get(d), m = toArr(e[p]?.[a]);
+				if (m.some((e) => (s.get(e) ?? -1) >= f)) continue;
+				let [h, _] = u(p, m);
+				if (_ < i || o < h) {
+					y = l;
+					break;
+				}
+			}
+			y === -1 && (y = g.length);
+		}
+		m.set(_, y), p.push({
+			y: f,
+			nodeLane: y,
+			parents: v,
+			key: _
+		}), g[y] = _;
+		for (let e of v) {
+			if (g.indexOf(e) !== -1) continue;
+			let r = h.get(e), i = d.get(_) ?? 0;
+			(!r || i > (d.get(r.claimant) ?? 0)) && h.set(e, {
+				lane: y,
+				claimant: _
+			});
+			break;
+		}
+	}), {
+		rows: p,
+		laneByKey: m,
+		indexByKey: s
+	};
+}
+var DEFAULT_COLORS = [
+	"#51a2ff",
+	"#f5a623",
+	"#7ed321",
+	"#d6418c",
+	"#9b59b6",
+	"#1abc9c",
+	"#e74c3c",
+	"#34495e"
+];
+function curve(e, r, i, a, o, s) {
+	let c = Math.sign(a - r);
+	if (Math.abs(r - a) <= 30) {
+		let s = (r + a) / 2;
+		return (() => {
+			var c = _tmpl$();
+			return setAttribute(c, "d", `M ${e} ${r} C ${e} ${s} ${i} ${s} ${i} ${a}`), setAttribute(c, "stroke", o), c;
+		})();
+	}
+	return s ? (() => {
+		var s = _tmpl$();
+		return setAttribute(s, "d", `M ${e} ${r} L ${e} ${r + c * 15 * 2} C ${e} ${r + c * 15} ${i} ${r + c * 15} ${i} ${a}`), setAttribute(s, "stroke", o), s;
+	})() : (() => {
+		var s = _tmpl$();
+		return setAttribute(s, "d", `M ${e} ${r} L ${e} ${a - c * 15 * 2} C ${e} ${a - c * 15} ${i} ${a - c * 15} ${i} ${a}`), setAttribute(s, "stroke", o), s;
+	})();
+}
+function BranchGraphSVG(e) {
+	let r = e.store, c = () => r.props.branchGraph, d = () => c()?.colors || DEFAULT_COLORS, m = () => c()?.laneGap ?? 18, h = createMemo(() => {
+		let e = c();
+		return e ? computeLayout(r.props.data, r.props.rowKey, e.parentField || "parentid") : null;
+	}), b = createMemo(() => r.props.columns.findIndex((e) => e.id == r.$branchCol.id)), S = createMemo(() => r.thSizes.slice(0, b()).reduce((e, r) => e + (r?.width || 0), 0)), C = createMemo(() => r.thSizes[b()]?.width ?? c()?.width ?? 120), w = createMemo(() => r.thSizes[0]?.height ?? 0), T = createMemo(() => {
+		let e = r.props.data, i = r.trSizes[0]?.height ?? 36, a = 0;
+		return e.map((e, o) => {
+			let s = r.trSizes[o]?.height ?? i, c = a + s / 2;
+			return a += s, c;
+		});
+	}), E = (e) => d()[e % d().length], D = (e) => m() + e * m(), O = createMemo(() => {
+		let e = h(), r = /* @__PURE__ */ new Map();
+		if (!e) return r;
+		for (let i of e.rows) r.set(i.key, i.parents);
+		return r;
+	}), k = createMemo(() => {
+		let e = r._branchHoverKey;
+		if (e == null) return null;
+		let i = O(), a = new Set([e]), o = [e];
+		for (; o.length;) {
+			let e = o.pop();
+			for (let r of i.get(e) ?? []) a.has(r) || (a.add(r), o.push(r));
+		}
+		return a;
+	}), A = createMemo(() => {
+		let e = h();
+		if (!e) return [];
+		let r = T(), { rows: i, laneByKey: s, indexByKey: c } = e, u = k(), d = [], f = [];
+		for (let e of i) {
+			let i = D(e.nodeLane), p = r[e.y], m = E(e.nodeLane), h = e.parents.some((r) => s.get(r) === e.nodeLane);
+			for (let a of e.parents) {
+				let f = s.get(a), v = c.get(a);
+				if (f == null || v == null) continue;
+				let y = D(f), b = r[v], x = u == null || u.has(e.key) && u.has(a) ? 1 : .12;
+				e.nodeLane === f ? d.push((() => {
+					var e = _tmpl$2();
+					return setAttribute(e, "x1", i), setAttribute(e, "y1", p), setAttribute(e, "x2", y), setAttribute(e, "y2", b), setAttribute(e, "stroke", m), setAttribute(e, "opacity", x), e;
+				})()) : d.push((() => {
+					var r = _tmpl$3();
+					return setAttribute(r, "opacity", x), insert(r, () => curve(i, p, y, b, E(h ? f : e.nodeLane), h)), r;
+				})());
+			}
+			f.push((() => {
+				var r = _tmpl$4();
+				return setAttribute(r, "cx", i), setAttribute(r, "cy", p), setAttribute(r, "fill", m), effect(() => setAttribute(r, "opacity", u == null || u.has(e.key) ? 1 : .2)), r;
+			})());
+		}
+		return [...d, ...f];
+	});
+	return createComponent(Show, {
+		get when() {
+			return memo(() => !!h())() && b() >= 0;
+		},
+		get children() {
+			var e = _tmpl$5();
+			return insert(e, A), effect((r) => {
+				var i = `${S()}px`, a = `${w()}px`, o = `${C()}px`, s = `calc(100% - ${w()}px)`;
+				return i !== r.e && setStyleProperty(e, "left", r.e = i), a !== r.t && setStyleProperty(e, "top", r.t = a), o !== r.a && setStyleProperty(e, "width", r.a = o), s !== r.o && setStyleProperty(e, "height", r.o = s), r;
+			}, {
+				e: void 0,
+				t: void 0,
+				a: void 0,
+				o: void 0
+			}), e;
+		}
+	});
+}
+const BranchGraphPlugin = () => ({
+	name: "branch-graph",
+	store: (r) => ({
+		_branchHoverKey: null,
+		$branchCol: {
+			id: Symbol("branch-graph"),
+			name: "",
+			width: 120,
+			[r.internal]: 1,
+			class: "branch-graph-col",
+			render: solidComponent(() => _tmpl$6())
+		}
+	}),
+	rewriteProps: {
+		branchGraph: ({ branchGraph: e }) => e && {
+			parentField: "parentid",
+			width: 120,
+			laneGap: 18,
+			colors: DEFAULT_COLORS,
+			...e
+		},
+		columns: ({ columns: e }, { store: r }) => r.props.branchGraph ? [r.$branchCol, ...e || []] : e,
+		Tr: ({ Tr: e }, { store: r }) => (a) => (a = combineProps(a, {
+			onPointerEnter: () => {
+				r._branchHoverKey = a.data?.[r.props.rowKey];
+			},
+			onPointerLeave: () => {
+				r._branchHoverKey = null;
+			}
+		}), createComponent(e, a)),
+		Table: ({ Table: e }, { store: r }) => (a) => (a = combineProps(a, { class: "relative" }), createComponent(e, mergeProps(a, { get children() {
+			return [memo(() => a.children), createComponent(BranchGraphSVG, { store: r })];
+		} })))
+	}
+});
+export { BranchGraphPlugin };

package/dist/plugins/EditablePlugin.d.ts

@@ -34,18 +34,4 @@ export interface EditorOpt {
     props?: any;
 }
 export declare const EditablePlugin: Plugin;
-export declare const editors: {
-    text: Editor;
-    textarea: Editor;
-    number: Editor;
-    range: Editor;
-    date: Editor;
-    time: Editor;
-    datetime: Editor;
-    color: Editor;
-    tel: Editor;
-    password: Editor;
-    file: Editor;
-    checkbox: Editor;
-    select: Editor;
-};
+export declare const editors: Record<string, Editor>;

package/dist/plugins/EditablePlugin.js

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

package/dist/plugins/ExpandPlugin.js

@@ -4,7 +4,7 @@ import chevron_right_default from "../chevron-right.js";
 import { createComponent, effect, insert, memo, mergeProps, setAttribute, template } from "solid-js/web";
 import { mergeProps as mergeProps$1 } from "solid-js";
 import { combineProps } from "@solid-primitives/props";
-var _tmpl$ = /* @__PURE__ */ template("<td style=width:100%>"), _tmpl$2 = /* @__PURE__ */ template("<div style=display:flex;align-items:center;width:100%;height:100%;opacity:.4>");
+var _tmpl$ = /* @__PURE__ */ template("<td style=width:fit-content>"), _tmpl$2 = /* @__PURE__ */ template("<div style=display:flex;align-items:center;width:100%;height:100%;opacity:.4>");
 const ExpandPlugin = {
 	name: "expand",
 	store: (e) => ({ expandCol: {
@@ -21,7 +21,8 @@ const ExpandPlugin = {
 	} }),
 	commands: (e) => ({ expand: useSelector({
 		multiple: !0,
-		key: e.props.rowKey
+		key: e.props.rowKey,
+		initialValue: []
 	}) }),
 	rewriteProps: {
 		expand: ({ expand: e }) => mergeProps$1({ enable: !1 }, e),

package/dist/plugins/ImportExportPlugin.js

@@ -13,7 +13,10 @@ const ImportExportPlugin = {
 	name: "ImportExportPlugin",
 	commands: (r) => ({
 		createExcel: async (e = r.props.data) => {
-			let t = await import("xlsx"), n = r.props.columns.filter((e) => !e[r.internal]), i = e.map((e) => Object.fromEntries(n.map((t) => [t.name, e[t.id]]))), a = t.utils.json_to_sheet(i), o = t.utils.book_new();
+			let t = await import(
+				/* @vite-ignore */
+				"xlsx"
+), n = r.props.columns.filter((e) => !e[r.internal]), i = e.map((e) => Object.fromEntries(n.map((t) => [t.name, e[t.id]]))), a = t.utils.json_to_sheet(i), o = t.utils.book_new();
 			t.utils.book_append_sheet(o, a, "Data");
 			let s = t.write(o, {
 				bookType: "xlsx",
@@ -27,7 +30,10 @@ const ImportExportPlugin = {
 		},
 		readExcel: async (n) => {
 			n ??= await chooseFile({ accept: ".xlsx,.xls,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-excel" });
-			let i = await readFileAsArrayBuffer(n), a = await import("xlsx"), o = a.read(i, { type: "array" }), s = o.Sheets[o.SheetNames[0]], c = a.utils.sheet_to_json(s);
+			let i = await readFileAsArrayBuffer(n), a = await import(
+				/* @vite-ignore */
+				"xlsx"
+), o = a.read(i, { type: "array" }), s = o.Sheets[o.SheetNames[0]], c = a.utils.sheet_to_json(s);
 			if (c.length < 1) return [];
 			let l = r.props.columns.filter((e) => !e[r.internal]);
 			return c.slice(1).map((e) => Object.fromEntries(l.map((t) => [t.id, e[t.name]])));

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

@@ -2,5 +2,9 @@ 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>>;
+/** Star rating component. max defaults to 5. */
+export declare const Rate: import("solid-js").Component<Record<string, any>>;
+/** Progress bar component. value is 0–100 or 0–1. */
+export declare const Progress: import("solid-js").Component<Record<string, any>>;
 export declare const evaluateFormula: (formula: string, data: any) => any;
 export declare const text2colorMap: Record<string, string>;