intable 0.0.58 → 0.0.60

package/dist/plugins/RenderPlugin/components.js

@@ -1,100 +1,154 @@
 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 { className, createComponent, delegateEvents, effect, insert, memo, mergeProps, setAttribute, setStyleProperty, spread, template } from "solid-js/web";
+import { For, mergeProps as mergeProps$1, splitProps } from "solid-js";
 import { combineProps } from "@solid-primitives/props";
-var _tmpl$ = /* @__PURE__ */ template("<input type=checkbox>"), _tmpl$2 = /* @__PURE__ */ template("<div>");
+var _tmpl$ = /* @__PURE__ */ template("<input type=checkbox>"), _tmpl$2 = /* @__PURE__ */ template("<div>"), _tmpl$3 = /* @__PURE__ */ template("<span>★"), _tmpl$4 = /* @__PURE__ */ template("<div><div class=\"flex-1 h-2 rd-full bg-gray-200 overflow-hidden\"><div class=\"h-full rd-full transition-all duration-300\"></div></div><span class=\"ml-1 text-11px c-gray-500 min-w-30px text-right\">%");
 const Checkbox = (e) => {
-	let m;
-	return [e, m] = splitProps(e, ["value", "onChange"]), m = combineProps({ get class() {
+	let x;
+	return [e, x] = splitProps(e, ["value", "onChange"]), x = combineProps({ get class() {
 		return `you-checkbox ${e.value && "checked"}`;
-	} }, m), (() => {
-		var h = _tmpl$();
-		return h.addEventListener("change", (m) => e.onChange?.(m.currentTarget.checked)), spread(h, mergeProps({ get checked() {
+	} }, x), (() => {
+		var S = _tmpl$();
+		return S.addEventListener("change", (x) => e.onChange?.(x.currentTarget.checked)), spread(S, mergeProps({ get checked() {
 			return e.value || !1;
-		} }, m), !1, !1), h;
+		} }, x), !1, !1), S;
 	})();
 }, Files = (e) => {
-	let m;
-	return [e, m] = splitProps(e, []), createComponent(Tags, mergeProps(m, { color: "" }));
-}, Tags = (m) => {
-	let _;
-	[m, _] = splitProps(m, [
+	let x;
+	return [e, x] = splitProps(e, []), createComponent(Tags, mergeProps(x, { color: "" }));
+}, Tags = (x) => {
+	let S;
+	[x, S] = splitProps(x, [
 		"value",
 		"children",
 		"disabled",
 		"onChange",
 		"onAdd",
 		"color"
-	]), _ = combineProps({ class: "in-tags flex flex-wrap items-center gap-2 h-full" }, _);
-	let v = (e) => Array.isArray(e) ? e : e == null ? [] : [e];
+	]), S = combineProps({ class: "in-tags flex flex-wrap items-center gap-2 h-full" }, S);
+	let w = (e) => Array.isArray(e) ? e : e == null ? [] : [e];
 	return (() => {
-		var y = _tmpl$2();
-		return spread(y, _, !1, !0), insert(y, createComponent(For, {
+		var T = _tmpl$2();
+		return spread(T, S, !1, !0), insert(T, createComponent(For, {
 			get each() {
-				return v(m.value);
+				return w(x.value);
 			},
 			children: (e) => createComponent(Tag, {
 				get disabled() {
-					return m.disabled;
+					return x.disabled;
 				},
 				get value() {
 					return e?.text ?? e?.label ?? e?.name ?? e;
 				},
 				get color() {
-					return m.color ?? e?.color;
+					return x.color ?? e?.color;
 				},
-				onDel: () => m.onChange(v(m.value).filter((m) => m != e)),
+				onDel: () => x.onChange(w(x.value).filter((x) => x != e)),
 				get children() {
-					return memo(() => !!m.children)() ? m.children(e) : e?.text ?? e?.label ?? e?.name ?? e;
+					return memo(() => !!x.children)() ? x.children(e) : e?.text ?? e?.label ?? e?.name ?? e;
 				}
 			})
-		}), null), insert(y, (() => {
-			var g = memo(() => !m.disabled);
-			return () => g() && createComponent(Tag, {
+		}), null), insert(T, (() => {
+			var S = memo(() => !x.disabled);
+			return () => S() && createComponent(Tag, {
 				disabled: !0,
 				get onClick() {
-					return m.onAdd;
+					return x.onAdd;
 				},
 				get children() {
 					return createComponent(plus_default, {});
 				}
 			});
-		})(), null), y;
+		})(), null), T;
 	})();
 }, Tag = (e) => {
-	let _;
-	[e, _] = splitProps(e, [
+	let S;
+	[e, S] = splitProps(e, [
 		"disabled",
 		"value",
 		"children",
 		"color",
 		"onDel"
 	]);
-	let v = e.color === void 0 && e.value != null ? stringToColor(String(e.value)) : e.color;
-	return _ = combineProps({
+	let w = e.color === void 0 && e.value != null ? stringToColor(String(e.value)) : e.color;
+	return S = combineProps({
 		get class() {
-			return `in-tag flex items-center px-2 py-1 rd-sm text-3 lh-[1] ${v ? "" : "bg-gray/20"}`;
+			return `in-tag flex items-center px-2 py-1 rd-sm text-3 lh-[1] ${w ? "" : "bg-gray/20"}`;
 		},
 		get style() {
-			return v ? `color: ${v}; background: color-mix(in srgb, ${v} 15%, transparent)` : void 0;
+			return w ? `color: ${w}; background: color-mix(in srgb, ${w} 15%, transparent)` : void 0;
 		}
-	}, _), (() => {
-		var v = _tmpl$2();
-		return spread(v, _, !1, !0), insert(v, () => e.children, null), insert(v, (() => {
-			var g = memo(() => !e.disabled);
-			return () => g() && createComponent(x_default, {
+	}, S), (() => {
+		var w = _tmpl$2();
+		return spread(w, S, !1, !0), insert(w, () => e.children, null), insert(w, (() => {
+			var S = memo(() => !e.disabled);
+			return () => S() && createComponent(x_default, {
 				class: "icon-clickable flex-shrink-0 size-4! ml-1 mr--1 op-75",
 				get onClick() {
 					return e.onDel;
 				}
 			});
-		})(), null), v;
+		})(), null), w;
 	})();
-}, evaluateFormula = (e, m) => {
+}, Rate = (e) => {
+	let x;
+	[e, x] = splitProps(e, [
+		"value",
+		"disabled",
+		"max",
+		"onChange"
+	]), e = mergeProps$1({ max: 5 }, e);
+	let w = () => Math.round(Number(e.value) || 0);
+	return x = combineProps({ get class() {
+		return `in-rate inline-flex items-center gap-0.5 ${e.disabled ? "" : "cursor-pointer"}`;
+	} }, x), (() => {
+		var D = _tmpl$2();
+		return spread(D, x, !1, !0), insert(D, createComponent(For, {
+			get each() {
+				return Array.from({ length: e.max }, (e, x) => x + 1);
+			},
+			children: (x) => (() => {
+				var C = _tmpl$3();
+				return C.$$click = () => !e.disabled && e.onChange?.(x), effect((T) => {
+					var E = `lh-none select-none ${e.disabled ? "" : "hover:scale-110"} transition-transform`, D = x <= w() ? "#f59e0b" : "#d1d5db", O = e.disabled ? "default" : "pointer";
+					return E !== T.e && className(C, T.e = E), D !== T.t && setStyleProperty(C, "color", T.t = D), O !== T.a && setStyleProperty(C, "cursor", T.a = O), T;
+				}, {
+					e: void 0,
+					t: void 0,
+					a: void 0
+				}), C;
+			})()
+		})), D;
+	})();
+}, Progress = (e) => {
+	let x;
+	[e, x] = splitProps(e, [
+		"value",
+		"disabled",
+		"onChange"
+	]);
+	let S = () => {
+		let x = Number(e.value) || 0;
+		return x <= 1 ? Math.round(x * 100) : Math.min(100, Math.max(0, Math.round(x)));
+	}, C = () => "var(--c-primary)";
+	return x = combineProps({ get class() {
+		return "in-progress flex items-center h-full w-full";
+	} }, x), (() => {
+		var e = _tmpl$4(), w = e.firstChild, D = w.firstChild, O = w.nextSibling, k = O.firstChild;
+		return spread(e, x, !1, !0), insert(O, S, k), effect((e) => {
+			var x = `${S()}%`, T = `${S()}%`, E = C();
+			return x !== e.e && setAttribute(w, "title", e.e = x), T !== e.t && setStyleProperty(D, "width", e.t = T), E !== e.a && setStyleProperty(D, "background", e.a = E), e;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0
+		}), e;
+	})();
+}, evaluateFormula = (e, x) => {
 	try {
-		let h = { data: m };
-		return Function(...Object.keys(h), "return " + e)(...Object.values(h));
+		let S = { data: x };
+		return Function(...Object.keys(S), "return " + e)(...Object.values(S));
 	} catch {
 		return "公式错误";
 	}
@@ -163,8 +217,9 @@ const Checkbox = (e) => {
 };
 var stringToColor = (e) => {
 	if (e = e.trim().toLowerCase(), text2colorMap[e]) return text2colorMap[e];
-	let m = 0;
-	for (let h = 0; h < e.length; h++) m = (m << 5) - m + e.charCodeAt(h) | 0;
-	return `hsl(${Math.abs(m * 137) % 360} 55% 40%)`;
+	let x = 0;
+	for (let S = 0; S < e.length; S++) x = (x << 5) - x + e.charCodeAt(S) | 0;
+	return `hsl(${Math.abs(x * 137) % 360} 55% 40%)`;
 };
-export { Checkbox, Files, Tag, Tags, evaluateFormula, text2colorMap };
+delegateEvents(["click"]);
+export { Checkbox, Files, Progress, Rate, Tag, Tags, evaluateFormula, text2colorMap };

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

@@ -11,6 +11,7 @@ declare module '../../index' {
             label?: string;
             value: any;
         }[];
+        max?: number;
     }
     interface TableStore {
         renders: {
@@ -26,4 +27,8 @@ export declare const renders: {
     switch: Render;
     checkbox: Render;
     file: Render;
+    rate: Render;
+    progress: Render;
+    obj: Render;
+    objs: Render;
 };

package/dist/plugins/RenderPlugin/index.js

@@ -1,7 +1,7 @@
 import { renderComponent, solidComponent } from "../../components/utils.js";
 import { getOpt, toArr } from "../../utils.js";
 import { mergeProps as mergeProps$2 } from "../../mergeProps2.js";
-import { Checkbox, Files, Tags, text2colorMap } from "./components.js";
+import { Checkbox, Files, Progress, Rate, Tags, text2colorMap } from "./components.js";
 import { createComponent, insert, template } from "solid-js/web";
 import { createMemo } from "solid-js";
 var _tmpl$ = /* @__PURE__ */ template("<div class=\"flex items-center h-full\">");
@@ -9,19 +9,19 @@ const RenderPlugin = {
 	name: "render",
 	priority: -Infinity,
 	store: () => ({ renders: { ...renders } }),
-	rewriteProps: { Td: ({ Td: h }, { store: g }) => (_) => (g.props.cpu && (_ = mergeProps$2(() => ({}), _)), createComponent(h, mergeProps$2(_, { children: createMemo(() => {
-		let h = ((e) => typeof e == "string" ? g.renders[e] : e)(_.col.render ?? (_.col.enum && text) ?? _.col.type) ?? text;
-		return h == text ? text(_) : renderComponent(h, _, g);
+	rewriteProps: { Td: ({ Td: x }, { store: S }) => (C) => (S.props.cpu && (C = mergeProps$2(() => ({}), C)), createComponent(x, mergeProps$2(C, { children: createMemo(() => {
+		let x = ((e) => typeof e == "string" ? S.renders[e] : e)(C.col.render ?? (C.col.enum && text) ?? C.col.type) ?? text;
+		return x == text ? text(C) : renderComponent(x, C, S);
 	}) }))) }
 };
 var text = (e) => e.col.enum ? createComponent(Tags, {
 	disabled: !0,
 	get value() {
-		return toArr(e.value).map((h) => getOpt(e.col.enum, h) ?? h);
+		return toArr(e.value).map((x) => getOpt(e.col.enum, x) ?? x);
 	}
 }) : e.value, checkbox = (e) => (() => {
-	var h = _tmpl$();
-	return insert(h, createComponent(Checkbox, {
+	var x = _tmpl$();
+	return insert(x, createComponent(Checkbox, {
 		class: "",
 		get value() {
 			return e.value;
@@ -29,21 +29,54 @@ var text = (e) => e.col.enum ? createComponent(Tags, {
 		get onChange() {
 			return e.onChange;
 		}
-	})), h;
-})();
+	})), x;
+})(), file = (e) => createComponent(Files, {
+	get value() {
+		return e.value;
+	},
+	get onChange() {
+		return e.onChange;
+	},
+	disabled: !0
+}), rate = (e) => createComponent(Rate, {
+	get value() {
+		return e.value;
+	},
+	get max() {
+		return e.col.max ?? 5;
+	},
+	get onChange() {
+		return e.onChange;
+	},
+	disabled: !0
+}), progress = (e) => createComponent(Progress, {
+	get value() {
+		return e.value;
+	},
+	get onChange() {
+		return e.onChange;
+	}
+}), obj = (e) => {
+	let x = () => e.col.table?.columns?.[0].id, S = () => e.col.table?.rowKey ?? "id";
+	return createComponent(Tags, {
+		disabled: !0,
+		get value() {
+			return toArr(e.value).map((e) => ({
+				label: e[x()],
+				value: e[S()]
+			}));
+		}
+	});
+};
 const renders = {
 	text,
 	switch: checkbox,
 	checkbox,
-	file: (e) => createComponent(Files, {
-		get value() {
-			return e.value;
-		},
-		get onChange() {
-			return e.onChange;
-		},
-		disabled: !0
-	})
+	file,
+	rate,
+	progress,
+	obj,
+	objs: obj
 };
 for (let e in renders) renders[e] = solidComponent(renders[e]);
 export { RenderPlugin, renders, text2colorMap };

package/dist/plugins/RowGroupPlugin.js

@@ -1,8 +1,7 @@
 import { mergeProps as mergeProps$2 } from "../mergeProps2.js";
 import chevron_right_default from "../chevron-right.js";
-import { Ctx } from "../index.js";
 import { createComponent, delegateEvents, effect, insert, memo, style, template } from "solid-js/web";
-import { batch, createMemo, useContext } from "solid-js";
+import { batch, createMemo } from "solid-js";
 import { groupBy, zipObject } from "es-toolkit";
 import { findLast } from "es-toolkit/compat";
 var _tmpl$ = /* @__PURE__ */ template("<div class=\"flex items-center\">"), pathKey = (e) => e.join("\0");
@@ -11,79 +10,79 @@ const RowGroupPlugin = {
 	priority: -Infinity,
 	store: (e) => ({ rowGroup: {
 		expandKeys: {},
-		isExpand: (l) => !!e.rowGroup.expandKeys[pathKey(l[GROUP].path)],
-		expand: (l, u) => batch(() => u ? l[GROUP].path2.forEach((l) => {
-			e.rowGroup.expandKeys[pathKey(l[GROUP].path)] = !0;
-		}) : e.rowGroup.expandKeys[pathKey(l[GROUP].path)] = !0),
-		toggleExpand: (l) => {
-			let u = pathKey(l[GROUP].path);
-			e.rowGroup.expandKeys[u] ? delete e.rowGroup.expandKeys[u] : e.rowGroup.expandKeys[u] = !0;
+		isExpand: (c) => !!e.rowGroup.expandKeys[pathKey(c[GROUP].path)],
+		expand: (c, l) => batch(() => l ? c[GROUP].path2.forEach((c) => {
+			e.rowGroup.expandKeys[pathKey(c[GROUP].path)] = !0;
+		}) : e.rowGroup.expandKeys[pathKey(c[GROUP].path)] = !0),
+		toggleExpand: (c) => {
+			let l = pathKey(c[GROUP].path);
+			e.rowGroup.expandKeys[l] ? delete e.rowGroup.expandKeys[l] : e.rowGroup.expandKeys[l] = !0;
 		}
 	} }),
-	commands: (e, { addRows: l }) => ({ addRows(u, d, f) {
-		let { data: p, rowGroup: m, rowKey: h } = e.props;
-		if (m?.fields?.length) {
-			let m = findLast(p, (e) => e[GROUP], u);
-			if (m && p[u][GROUP]) {
-				let l = function e(l) {
-					return l[GROUP]?.children[0]?.[GROUP] ? e(l[GROUP].children[0]) : l;
-				}(m);
-				e.rowGroup.expand(l, !0);
-				let d = l[GROUP].children[0];
-				u = e.props.data.indexOf(d), f = !0;
+	commands: (e, { addRows: c }) => ({ addRows(l, u, d) {
+		let { data: f, rowGroup: p, rowKey: m } = e.props;
+		if (p?.fields?.length) {
+			let p = findLast(f, (e) => e[GROUP], l);
+			if (p && f[l][GROUP]) {
+				let c = function e(c) {
+					return c[GROUP]?.children[0]?.[GROUP] ? e(c[GROUP].children[0]) : c;
+				}(p);
+				e.rowGroup.expand(c, !0);
+				let u = c[GROUP].children[0];
+				l = e.props.data.indexOf(u), d = !0;
 			}
-			l?.(u, d, f);
-		} else l?.(...arguments);
+			c?.(l, u, d);
+		} else c?.(...arguments);
 	} }),
 	rewriteProps: {
-		data: ({ data: e }, { store: l }) => l.props?.rowGroup?.fields?.length ? expandData(e, l) : e,
-		newRow: ({ newRow: e }, { store: l }) => function(u) {
-			let d = e(...arguments), { data: f, rowGroup: p } = l.props;
-			if (p?.fields?.length) {
-				let e = findLast(f, (e) => e[GROUP], u);
+		data: ({ data: e }, { store: c }) => c.props?.rowGroup?.fields?.length ? expandData(e, c) : e,
+		newRow: ({ newRow: e }, { store: c }) => function(l) {
+			let u = e(...arguments), { data: d, rowGroup: f } = c.props;
+			if (f?.fields?.length) {
+				let e = findLast(d, (e) => e[GROUP], l);
 				if (e) {
-					let l = function e(l) {
-						return l[GROUP]?.children[0]?.[GROUP] ? e(l[GROUP].children[0]) : l;
-					}(e), u = zipObject(p.fields, l[GROUP].path);
-					Object.assign(d, u);
+					let c = function e(c) {
+						return c[GROUP]?.children[0]?.[GROUP] ? e(c[GROUP].children[0]) : c;
+					}(e), l = zipObject(f.fields, c[GROUP].path);
+					Object.assign(u, l);
 				}
 			}
-			return d;
+			return u;
 		},
-		Td: ({ Td: f }, { store: _ }) => _.props?.rowGroup?.fields ? (v) => {
-			if (!v.data?.[GROUP]) return f(v);
-			let { props: y } = useContext(Ctx), b = createMemo(() => _.rowGroup.isExpand(v.data));
-			return createComponent(f, mergeProps$2(v, { get children() {
-				return memo(() => y.columns?.findIndex((e) => !e[_.internal]) == v.x)() ? (() => {
+		Td: ({ Td: u }, { store: h }) => h.props?.rowGroup?.fields ? (g) => {
+			if (!g.data?.[GROUP]) return u(g);
+			let { props: _ } = h, v = createMemo(() => h.rowGroup.isExpand(g.data));
+			return createComponent(u, mergeProps$2(g, { get children() {
+				return memo(() => _.columns?.findIndex((e) => !e[h.internal]) == g.x)() ? (() => {
 					var e = _tmpl$();
-					return e.$$dblclick = () => _.rowGroup.toggleExpand(v.data), insert(e, createComponent(chevron_right_default, {
+					return e.$$dblclick = () => h.rowGroup.toggleExpand(g.data), insert(e, createComponent(chevron_right_default, {
 						class: "icon-clickable mr-2",
 						get style() {
-							return `transform: rotate(${b() ? 90 : 0}deg); opacity: .6`;
+							return `transform: rotate(${v() ? 90 : 0}deg); opacity: .6`;
 						},
-						onClick: () => _.rowGroup.toggleExpand(v.data)
-					}), null), insert(e, () => v.data[GROUP].value, null), effect((l) => style(e, `padding-left: ${(v.data[GROUP].path.length - 1) * 16}px`, l)), e;
-				})() : v.children;
+						onClick: () => h.rowGroup.toggleExpand(g.data)
+					}), null), insert(e, () => g.data[GROUP].value, null), effect((c) => style(e, `padding-left: ${(g.data[GROUP].path.length - 1) * 16}px`, c)), e;
+				})() : g.children;
 			} }));
-		} : f
+		} : u
 	}
 };
-var GROUP = Symbol("row-group"), expandData = (e, l, u = []) => {
-	let d = l.props.rowGroup.fields, f = l.props.columns.find((e) => !e[l.internal]);
-	if (!f || d.length == u.length) return e;
-	let p = u[u.length - 1]?.[GROUP].path || [], m = groupBy(e, (e) => e[d[p.length]]);
-	return Object.keys(m).flatMap((e) => {
-		let d = {
-			[f.id]: e,
-			[l.internal]: 1
-		}, h = [...u, d];
-		d[GROUP] = {
-			path: [...p, e],
+var GROUP = Symbol("row-group"), expandData = (e, c, l = []) => {
+	let u = c.props.rowGroup.fields, d = c.props.columns.find((e) => !e[c.internal]);
+	if (!d || u.length == l.length) return e;
+	let f = l[l.length - 1]?.[GROUP].path || [], p = groupBy(e, (e) => e[u[f.length]]);
+	return Object.keys(p).flatMap((e) => {
+		let u = {
+			[d.id]: e,
+			[c.internal]: 1
+		}, m = [...l, u];
+		u[GROUP] = {
+			path: [...f, e],
 			value: e,
-			path2: h
-		}, d[GROUP].children = expandData(m[e], l, h);
-		let g = l.rowGroup.isExpand(d) ? d[GROUP].children : [];
-		return [d, ...g];
+			path2: m
+		}, u[GROUP].children = expandData(p[e], c, m);
+		let h = c.rowGroup.isExpand(u) ? u[GROUP].children : [];
+		return [u, ...h];
 	});
 };
 delegateEvents(["dblclick"]);

package/dist/plugins/RowSelectionPlugin.js

@@ -40,7 +40,10 @@ const RowSelectionPlugin = {
 			})), l;
 		})())
 	} }),
-	commands: (e) => ({ rowSelector: useSelector(mergeProps$1(() => ({ ...e.props?.rowSelection }))) }),
+	commands: (e) => ({ rowSelector: useSelector(mergeProps$1(() => ({
+		...e.props?.rowSelection,
+		key: e.props.rowKey
+	}))) }),
 	rewriteProps: {
 		rowSelection: ({ rowSelection: e }) => mergeProps$1({
 			enable: !1,

package/dist/plugins/TreePlugin.d.ts

@@ -8,7 +8,6 @@ declare module '../index' {
         };
     }
     interface TableStore {
-        tree: ReturnType<typeof useSelector<any[]>>;
         /**
          * Lookup map populated as a side-effect of the `data` rewriteProp.
          * Maps each row's rowKey → its tree metadata.
@@ -18,7 +17,11 @@ declare module '../index' {
             depth: number;
             hasChildren: boolean;
             parentKey: any;
+            row: any;
         }>;
     }
+    interface Commands {
+        tree: ReturnType<typeof useSelector<any[]>>;
+    }
 }
 export declare const TreePlugin: Plugin$0;

package/dist/plugins/TreePlugin.js

@@ -10,8 +10,9 @@ function flattenTree(e, t, n, r, i = 0, a = null, o = [], s = /* @__PURE__ */ ne
 		s.set(e, {
 			depth: i,
 			hasChildren: u,
-			parentKey: a
-		}), o.push(c), u && r(e) && flattenTree(l, t, n, r, i + 1, e, o, s);
+			parentKey: a,
+			row: c
+		}), o.push(c), u && r(c) && flattenTree(l, t, n, r, i + 1, e, o, s);
 	}
 	return {
 		flat: o,
@@ -23,7 +24,6 @@ const TreePlugin = (c) => {
 	return {
 		name: "tree",
 		store: (e) => ({
-			tree: useSelector({ multiple: !0 }),
 			_treeMeta: /* @__PURE__ */ new Map(),
 			_hasChildren: !1
 		}),
@@ -34,14 +34,14 @@ const TreePlugin = (c) => {
 			}),
 			data: ({ data: e }, { store: t }) => {
 				if (!t.props?.tree) return e;
-				let n = t.props.tree.children || "children", r = t.props.rowKey, { flat: i, meta: a } = flattenTree(e, n, r, (e) => t.tree.has(e));
+				let n = t.props.tree.children || "children", r = t.props.rowKey, { flat: i, meta: a } = flattenTree(e, n, r, (e) => t.commands.tree.has(e));
 				return t._treeMeta = a, t._haschildren = Object.values(Object.fromEntries(a)).some((e) => e.hasChildren), i;
 			},
 			Td: ({ Td: t }, { store: c }) => c._haschildren ? (l) => {
 				let f = () => c.props.rowKey, m = () => c._treeMeta?.get(l.data?.[f()]);
 				return createComponent(t, mergeProps$1(l, {
 					onDblClick: (e) => {
-						l.onDblClick?.(e), m()?.hasChildren && c.tree.toggle(l.data?.[f()]);
+						l.onDblClick?.(e), l.x == p() && m()?.hasChildren && c.commands.tree.toggle(l.data);
 					},
 					get children() {
 						return memo(() => !!(c._haschildren && l.x === p()))() ? (() => {
@@ -51,10 +51,10 @@ const TreePlugin = (c) => {
 								return () => e() ? createComponent(chevron_right_default, {
 									class: "icon-clickable mr-1",
 									get style() {
-										return `transform: rotate(${c.tree.has(l.data?.[f()]) ? 90 : 0}deg); opacity: .6; flex-shrink: 0; transition: transform .15s`;
+										return `transform: rotate(${c.commands.tree.has(l.data) ? 90 : 0}deg); opacity: .6; flex-shrink: 0; transition: transform .15s`;
 									},
 									onClick: (e) => {
-										e.stopPropagation(), c.tree.toggle(l.data?.[f()]);
+										e.stopPropagation(), c.commands.tree.toggle(l.data);
 									}
 								}) : _tmpl$2();
 							})(), null), insert(e, () => l.children, null), effect((t) => style(e, `padding-left: ${m()?.depth * 16}px`, t)), e;
@@ -63,52 +63,58 @@ const TreePlugin = (c) => {
 				}));
 			} : t
 		},
-		commands: (e, { addRows: t }) => ({ addRows(n, r, i = !0) {
-			if (!e.props?.tree) return t?.(n, r, i);
-			let { data: a, rowKey: o } = e.props, s = e.props.tree.children || "children", c = a[n];
-			if (c?.[e.internal]) {
-				let t = null, r = null;
-				for (let r = n - 1; r >= 0; r--) if (!a[r]?.[e.internal]) {
-					t = a[r];
-					break;
+		commands: (e, { addRows: n }) => ({
+			tree: useSelector({
+				multiple: !0,
+				key: e.props.rowKey
+			}),
+			addRows(t, r, i = !0) {
+				if (!e.props?.tree) return n?.(t, r, i);
+				let { data: a, rowKey: o } = e.props, s = e.props.tree.children || "children", c = a[t];
+				if (c?.[e.internal]) {
+					let n = null, r = null;
+					for (let r = t - 1; r >= 0; r--) if (!a[r]?.[e.internal]) {
+						n = a[r];
+						break;
+					}
+					for (let n = t + 1; n < a.length; n++) if (!a[n]?.[e.internal]) {
+						r = a[n];
+						break;
+					}
+					c = i ? n || r : r || n;
 				}
-				for (let t = n + 1; t < a.length; t++) if (!a[t]?.[e.internal]) {
-					r = a[t];
-					break;
+				if (!c) return n?.(t, r, i);
+				let l = c[o], u = e._treeMeta?.get(l);
+				if (!u || u.depth === 0) return n?.(t, r, i);
+				let d = e._treeMeta.get(u.parentKey)?.row, f = u.parentKey, p = a.findIndex((e) => e[o] === l);
+				if (p >= 0 && e.selected) {
+					let t = p + (i ? 0 : 1);
+					e.selected.start = [0, t], e.selected.end = [Infinity, t + r.length - 1];
 				}
-				c = i ? t || r : r || t;
-			}
-			if (!c) return t?.(n, r, i);
-			let l = c[o], u = e._treeMeta?.get(l);
-			if (!u || u.depth === 0) return t?.(n, r, i);
-			let d = u.parentKey, f = a.findIndex((e) => e[o] === l);
-			if (f >= 0 && e.selected) {
-				let t = f + (i ? 0 : 1);
-				e.selected.start = [0, t], e.selected.end = [Infinity, t + r.length - 1];
-			}
-			let p = [...e.rawProps.data || []];
-			function m(e) {
-				for (let t = 0; t < e.length; t++) {
-					let n = e[t];
-					if (n[o] === d) {
-						let a = [...n[s] || []], c = a.findIndex((e) => e[o] === l), u = c >= 0 ? c + (i ? 0 : 1) : a.length;
-						return a.splice(u, 0, ...r), e[t] = {
-							...n,
-							[s]: a
-						}, !0;
-					}
-					if (Array.isArray(n[s]) && n[s].length) {
-						let r = [...n[s]];
-						if (m(r)) return e[t] = {
-							...n,
-							[s]: r
-						}, !0;
+				let m = [...e.rawProps.data || []];
+				function h(e) {
+					for (let t = 0; t < e.length; t++) {
+						let n = e[t];
+						if (n[o] === f) {
+							let a = [...n[s] || []], c = a.findIndex((e) => e[o] === l), u = c >= 0 ? c + (i ? 0 : 1) : a.length;
+							return a.splice(u, 0, ...r), e[t] = {
+								...n,
+								[s]: a
+							}, !0;
+						}
+						if (Array.isArray(n[s]) && n[s].length) {
+							let r = [...n[s]];
+							if (h(r)) return e[t] = {
+								...n,
+								[s]: r
+							}, !0;
+						}
 					}
+					return !1;
 				}
-				return !1;
+				h(m), e.commands.tree.add(d), e.props?.onDataChange?.(m);
 			}
-			m(p), e.tree.has(d) || e.tree.toggle(d), e.props?.onDataChange?.(p);
-		} })
+		})
 	};
 };
 export { TreePlugin };