@hzab/edit-table 0.1.13-alpha.0 → 0.1.13-alpha.1

package/dist/index.js

@@ -71,7 +71,16 @@ var O = {
 		}
 		render(r, s, c) {
 			var l;
-			let [u, f] = o(!1), [p, m] = o(!1), h = (r == null ? void 0 : r.columnId) + (r == null ? void 0 : r.rowId), [v, y] = o(r == null ? void 0 : r.text), [x, S] = o(!1), C = a(r == null ? void 0 : r.text), E = a(), D = a(null), O = a(null);
+			let [u, f] = o(!1), [p, m] = o(!1), h = (r == null ? void 0 : r.columnId) + (r == null ? void 0 : r.rowId), [v, y] = o(r == null ? void 0 : r.text), [x, S] = o(!1), C = a(r == null ? void 0 : r.text), E = a(), D = a(null), O = a(null), A = (e) => {
+				let t = Array.from(e.children);
+				if (t.length === 0) return e.clientHeight;
+				let n = Infinity, r = -Infinity;
+				for (let e of t) {
+					let t = e.getBoundingClientRect(), i = getComputedStyle(e), a = parseFloat(i.marginTop) || 0, o = parseFloat(i.marginBottom) || 0;
+					n = Math.min(n, t.top - a), r = Math.max(r, t.bottom + o);
+				}
+				return Math.max(0, Math.ceil(r - n));
+			};
 			n(() => {
 				let e = D.current, t = r == null ? void 0 : r.onRowHeightChange;
 				if (!e || !t || (r == null ? void 0 : r.rowId) == null || typeof (r == null ? void 0 : r.rowId) == "string" && r.rowId.indexOf("header-") === 0) return;
@@ -80,10 +89,12 @@ var O = {
 					let t = getComputedStyle(e);
 					O.current = (parseFloat(t.paddingTop) || 0) + (parseFloat(t.paddingBottom) || 0);
 				}
-				let a = n ? O.current : 0, o = () => t(r == null ? void 0 : r.rowId, i.scrollHeight + a, r == null ? void 0 : r.columnId);
-				o();
-				let s = new ResizeObserver(o);
-				return s.observe(i), () => s.disconnect();
+				let a = n ? O.current : 0, o = new ResizeObserver(() => {
+					Array.from(i.children).forEach((e) => o.observe(e));
+					let e = A(i) + a;
+					t(r == null ? void 0 : r.rowId, e, r == null ? void 0 : r.columnId);
+				});
+				return o.observe(i), Array.from(i.children).forEach((e) => o.observe(e)), () => o.disconnect();
 			}, [
 				r == null ? void 0 : r.rowId,
 				r == null ? void 0 : r.columnId,
@@ -100,7 +111,7 @@ var O = {
 					document.removeEventListener("click", e);
 				};
 			}, []);
-			let A = (e) => {
+			let j = (e) => {
 				var t;
 				let n = !1, i = !1;
 				for (let t of (r == null ? void 0 : r.validatorList) || []) {
@@ -124,14 +135,14 @@ var O = {
 				}, 0);
 				return () => clearTimeout(e);
 			}, [p]);
-			let j = () => {
+			let M = () => {
 				let e = C.current;
 				c(this.getCompatibleCell({
 					...r,
 					text: e,
 					selectedValue: e
 				}), !0);
-			}, M = i(() => k != null && k.includes(r == null ? void 0 : r.type) ? {
+			}, N = i(() => k != null && k.includes(r == null ? void 0 : r.type) ? {
 				open: p,
 				onOpenChange: (e) => {
 					E.current && clearTimeout(E.current), E.current = setTimeout(() => {
@@ -140,7 +151,7 @@ var O = {
 				}
 			} : {}, [r]);
 			return n(() => {
-				!u && r.type == "Upload" && window.uploadEdit && window.uploadEdit == h && (window.uploadEdit = null, j());
+				!u && r.type == "Upload" && window.uploadEdit && window.uploadEdit == h && (window.uploadEdit = null, M());
 			}, [u, v]), /* @__PURE__ */ T("div", {
 				ref: D,
 				className: `base-hoc ${u ? "base-hoc-edit" : ""}`,
@@ -161,10 +172,10 @@ var O = {
 						onChange: (e) => {
 							var t, n;
 							let r = (t = e == null || (n = e.target) == null ? void 0 : n.value) == null ? e : t;
-							y(r), C.current = r, A(r);
+							y(r), C.current = r, j(r);
 						},
 						onBlur: (e) => {
-							j(), k != null && k.includes(r == null ? void 0 : r.type) || f(!1);
+							M(), k != null && k.includes(r == null ? void 0 : r.type) || f(!1);
 						},
 						onPointerDown: (e) => {
 							e.stopPropagation();
@@ -172,7 +183,7 @@ var O = {
 						onKeyDown: (e) => {
 							(g(e.keyCode) || _(e.keyCode)) && e.stopPropagation();
 						},
-						...M,
+						...N,
 						...(r == null ? void 0 : r.getField) && (r == null ? void 0 : r.getField()["x-component-props"]) || {}
 					},
 					pattern: u ? "" : "readPretty",
@@ -198,7 +209,7 @@ var O = {
 		children: t == "readPretty" ? /* @__PURE__ */ w("div", { children: s }) : /* @__PURE__ */ w(a, {
 			className: "rg-input",
 			ref: (e) => {
-				e && e.focus();
+				e && e.focus({ preventScroll: !0 });
 			},
 			...r
 		})
@@ -215,7 +226,7 @@ var O = {
 		componentProps: r,
 		Com: u
 	}), t[2] = e, t[3] = r, t[4] = i) : i = t[4], i;
-}, ee = (e) => {
+}, N = (e) => {
 	let t = E(21), { cell: r } = e, { setExpandKeys: i, expandKeys: a, rowKey: s, setNewDataSource: c, record: l } = r, [u, d] = o(!1), f;
 	t[0] !== l || t[1] !== s || t[2] !== c ? (f = (e) => {
 		c((t) => {
@@ -249,14 +260,14 @@ var O = {
 };
 //#endregion
 //#region src/common/utils.ts
-function N(e) {
+function P(e) {
 	return typeof e == "object" && !!e;
 }
-var P = (e) => {
+var F = (e) => {
 	var t;
-	return typeof (e == null ? void 0 : e.title) == "function" ? N(e == null ? void 0 : e.title()) ? e == null || (t = e.title()) == null ? void 0 : t.props.children : String(e == null ? void 0 : e.title()) || "" : String(e == null ? void 0 : e.title) || "";
+	return typeof (e == null ? void 0 : e.title) == "function" ? P(e == null ? void 0 : e.title()) ? e == null || (t = e.title()) == null ? void 0 : t.props.children : String(e == null ? void 0 : e.title()) || "" : String(e == null ? void 0 : e.title) || "";
 };
-function te(e, t = 40) {
+function ee(e, t = 40) {
 	let n = (e) => e.reduce((e, t) => {
 		var r;
 		return (r = t.children) != null && r.length ? [...e, ...n(t.children)] : [...e, t];
@@ -287,14 +298,14 @@ function te(e, t = 40) {
 		cells: []
 	})), u = (e) => {
 		var t;
-		return (t = ["rowSelection", "ExpandListTemplate"]) != null && t.includes(e == null ? void 0 : e.type) ? e == null ? void 0 : e.type : N(typeof (e == null ? void 0 : e.title) == "function" ? e == null ? void 0 : e.title() : null) ? `${e == null ? void 0 : e.dataIndex}` : "header";
+		return (t = ["rowSelection", "ExpandListTemplate"]) != null && t.includes(e == null ? void 0 : e.type) ? e == null ? void 0 : e.type : P(typeof (e == null ? void 0 : e.title) == "function" ? e == null ? void 0 : e.title() : null) ? `${e == null ? void 0 : e.dataIndex}` : "header";
 	}, d = (e, t = 0) => {
 		e.forEach((e) => {
 			if (e._isLeaf) {
 				let n = {
 					...e,
 					type: u(e),
-					text: P(e),
+					text: F(e),
 					dataIndex: e.dataIndex,
 					width: e.width,
 					rowspan: e.rowspan,
@@ -308,7 +319,7 @@ function te(e, t = 40) {
 			} else l[t].cells.push({
 				...e,
 				type: u(e),
-				text: P(e),
+				text: F(e),
 				colspan: e.colspan,
 				style: e != null && e.style ? e == null ? void 0 : e.style : {
 					background: "rgba(128, 128, 128, 0.1)",
@@ -327,7 +338,7 @@ function te(e, t = 40) {
 				n.push({
 					...e,
 					type: u(e),
-					text: P(e),
+					text: F(e),
 					dataIndex: e.dataIndex,
 					width: e.width,
 					rowspan: t === a - 1 ? 1 : void 0,
@@ -358,7 +369,7 @@ function te(e, t = 40) {
 		n ? p.push(n) : p.push({
 			...e,
 			type: u(e),
-			text: P(e),
+			text: F(e),
 			dataIndex: e.dataIndex,
 			width: e.width,
 			rowspan: 1,
@@ -375,7 +386,7 @@ function te(e, t = 40) {
 		});
 	}), l;
 }
-function ne(e) {
+function te(e) {
 	let t = [];
 	function n(e) {
 		e.forEach((e) => {
@@ -398,13 +409,101 @@ function ne(e) {
 	return n(e), t;
 }
 //#endregion
-//#region src/index.tsx
-function F(e, c) {
-	var u;
-	let { columns: d, dataSource: p, formulaConfig: h, onChange: g, reactGridProps: _ = {}, onEditSubmit: b, headerRowHeight: x = 44, rowHeight: S = 44, reactGridStyle: C, className: E, Slots: D, rowSelection: k, rowKey: P = "id", query: F, loading: I, isExpand: re = !1, getList: L, onRow: R } = e, [z, ie] = o([]), [B, V] = o([]), H = a([]), [U, ae] = o([]), [W, oe] = o([]), [G, K] = o([]), [se, ce] = o([]), [le, ue] = o([]), [de, q] = o([]), J = a(), [Y, fe] = o({}), X = a({}), Z = a(), pe = a(), Q = a(), $ = t(() => {
-		Z.current = void 0;
-		let e = X.current;
-		Object.keys(e).length !== 0 && (X.current = {}, fe((t) => {
+//#region src/common/useDynamicHeight.ts
+var ne = (e) => {
+	let { wrapRef: r, rowHeight: i, setRows: s } = e, c = a({}), l = a(), u = a({
+		top: 0,
+		left: 0
+	}), d = a(0), f = a([]), [p, m] = o({}), h = t((e = 500) => {
+		let t = r.current;
+		t && (u.current = {
+			top: t.scrollTop,
+			left: t.scrollLeft
+		}, d.current = Math.max(d.current || 0, Date.now() + e));
+	}, []), g = t(() => {
+		let e = r.current;
+		if (!e) return;
+		let { top: t, left: n } = u.current;
+		requestAnimationFrame(() => {
+			requestAnimationFrame(() => {
+				e.scrollTop !== t && (e.scrollTop = t), e.scrollLeft !== n && (e.scrollLeft = n);
+			});
+		});
+	}, []);
+	n(() => {
+		let e = r.current;
+		if (!e) return;
+		let t = () => {
+			e.querySelectorAll(".rg-hidden-element").forEach((e) => {
+				if (e.__focusScrollPatched) return;
+				e.__focusScrollPatched = !0;
+				let t = e.focus.bind(e);
+				e.focus = (e) => t({
+					preventScroll: !0,
+					...e || {}
+				});
+			});
+		};
+		t();
+		let n = new MutationObserver(t);
+		return n.observe(e, {
+			childList: !0,
+			subtree: !0
+		}), () => n.disconnect();
+	}, []), n(() => {
+		let e = r.current;
+		if (!e || e.__scrollGuard) return;
+		e.__scrollGuard = !0;
+		let t = Object.getOwnPropertyDescriptor(Element.prototype, "scrollTop");
+		Object.defineProperty(e, "scrollTop", {
+			configurable: !0,
+			get() {
+				return t.get.call(e);
+			},
+			set(n) {
+				let r = Number(n) || 0, i = t.get.call(e), a = r - i;
+				a !== 0 && Math.abs(a) <= 3 || (r === 0 && i > 50 && console.warn("[CellEditTable] 检测到程序化滚动回顶部: ", i, "->", r, (/* @__PURE__ */ Error()).stack), t.set.call(e, r));
+			}
+		});
+		let n = e.scrollTo.bind(e);
+		e.scrollTo = (r, i) => {
+			if (typeof r == "object" && r) {
+				if (r.top != null) {
+					let n = t.get.call(e), i = Number(r.top) - n;
+					if (i !== 0 && Math.abs(i) <= 3) return;
+				}
+				return n(r);
+			}
+			if (typeof r == "number" && typeof i == "number") {
+				let n = i - t.get.call(e);
+				if (n !== 0 && Math.abs(n) <= 3) return;
+			}
+			return n(r, i);
+		};
+		let i = e.scrollBy.bind(e);
+		e.scrollBy = (e, t) => {
+			if (typeof e == "object" && e) return e.top != null && Math.abs(Number(e.top)) <= 3 ? void 0 : i(e);
+			if (!(typeof e == "number" && typeof t == "number" && Math.abs(t) <= 3)) return i(e, t);
+		};
+	}, []), n(() => {
+		let e = r.current;
+		if (!e) return;
+		let t = () => {
+			if (Date.now() < d.current && (e.scrollTop === 0 && u.current.top > 50 || e.scrollLeft === 0 && u.current.left > 50)) {
+				e.scrollTop = u.current.top, e.scrollLeft = u.current.left;
+				return;
+			}
+			u.current = {
+				top: e.scrollTop,
+				left: e.scrollLeft
+			};
+		};
+		return e.addEventListener("scroll", t, !0), () => e.removeEventListener("scroll", t, !0);
+	}, []);
+	let _ = t(() => {
+		l.current = void 0;
+		let e = c.current;
+		Object.keys(e).length !== 0 && (c.current = {}, m((t) => {
 			let n = t;
 			for (let r in e) {
 				let i = { ...n[r] || {} }, a = !1;
@@ -416,38 +515,68 @@ function F(e, c) {
 			}
 			return n === t ? t : n;
 		}));
-	}, []), me = t((e, t, n) => {
-		let r = Math.max(Number(t) || 0, S), i = String(e), a = n || "_", o = X.current[i] = X.current[i] || {};
-		o[a] !== r && (o[a] = r, Z.current || (Z.current = requestAnimationFrame($)));
-	}, [S, $]);
-	n(() => () => {
-		Z.current && cancelAnimationFrame(Z.current);
+	}, []), v = t((e, t, n) => {
+		let r = Math.max(Number(t) || 0, i), a = String(e), o = n || "_", s = c.current[a] = c.current[a] || {};
+		s[o] !== r && (s[o] = r, l.current || (l.current = requestAnimationFrame(_)));
+	}, [i, _]);
+	return n(() => () => {
+		l.current && cancelAnimationFrame(l.current);
 	}, []), n(() => {
-		V((e) => {
+		s((e) => {
 			if (!Array.isArray(e) || e.length === 0) return e;
 			let t = !1, n = e.map((e) => {
 				if (typeof (e == null ? void 0 : e.rowId) == "string" && e.rowId.indexOf("header-") === 0) return e;
-				let n = Y[e.rowId], r = n && Object.keys(n).length > 0 ? Math.max(S, ...Object.values(n).map(Number)) : S;
+				let n = p[e.rowId], r = n && Object.keys(n).length > 0 ? Math.max(i, ...Object.values(n).map(Number)) : i;
 				return e.height === r ? e : (t = !0, {
 					...e,
 					height: r
 				});
-			});
-			return t ? n : e;
+			}), r = t ? n : e;
+			return f.current = r, r;
 		});
-	}, [Y, S]), r(c, () => ({ rows: B }));
-	let he = (e, t = 0) => {
+	}, [p, i]), {
+		handleRowHeightChange: v,
+		armScrollProtect: h,
+		restoreScroll: g,
+		SCROLL_RESET_GUARD_MS: 3e3,
+		rowsRef: f,
+		rowHeights: p
+	};
+};
+//#endregion
+//#region src/index.tsx
+function I(e, t) {
+	var c;
+	let { columns: u, dataSource: d, formulaConfig: p, onChange: h, reactGridProps: g = {}, onEditSubmit: _, headerRowHeight: b = 44, rowHeight: x = 44, reactGridStyle: S, className: C, Slots: E, rowSelection: D, rowKey: k = "id", query: F, loading: I, isExpand: re = !1, getList: ie, onRow: L } = e, [R, ae] = o([]), [z, B] = o([]);
+	a([]);
+	let [V, oe] = o([]), [H, se] = o([]), [U, W] = o([]), [G, ce] = o([]), [le, ue] = o([]), [de, K] = o([]), q = a(), fe = a(), J = a(null), pe = a(), Y = a([]);
+	Y.current = G;
+	let { handleRowHeightChange: me, armScrollProtect: X, restoreScroll: Z, SCROLL_RESET_GUARD_MS: he, rowsRef: Q, rowHeights: ge } = ne({
+		wrapRef: J,
+		rowHeight: x,
+		setRows: B
+	});
+	r(t, () => ({ rows: z }));
+	let $ = (e, t = 0) => {
 		e == null || e.forEach((e) => {
-			e.level = t + 1, e != null && e.children && he(e == null ? void 0 : e.children, e.level);
+			e.level = t + 1, e != null && e.children && $(e == null ? void 0 : e.children, e.level);
 		});
 	};
 	n(() => {
-		he(p), K(p);
-	}, [p]), n(() => {
-		let e = B.map((e) => e.rowId);
-		e != null && e.includes(J.current) || q([]);
-	}, [B]);
-	let ge = (e) => {
+		$(d), W(((e) => {
+			let t = [], n = (e) => {
+				for (let a of e || []) {
+					var r, i;
+					t.push(a), a != null && (r = a.children) != null && r.length && (i = Y.current) != null && i.includes(a == null ? void 0 : a[k]) && n(a.children);
+				}
+			};
+			return n(e), t;
+		})(d));
+	}, [d]), n(() => {
+		let e = z.map((e) => e.rowId);
+		e != null && e.includes(q.current) || K([]);
+	}, [z]);
+	let _e = (e) => {
 		var t, n;
 		let r = e == null || (t = e.cells) == null || (t = t[0]) == null ? void 0 : t.record, i = ["_$actions", "rowSelection"], a = { id: e == null ? void 0 : e.rowId };
 		return e == null || (n = e.cells) == null || n.forEach((e) => {
@@ -458,54 +587,54 @@ function F(e, c) {
 		};
 	};
 	n(() => {
-		if (Array.isArray(d) && (d == null ? void 0 : d.length) > 0) {
-			re && d.unshift({
+		if (Array.isArray(u) && (u == null ? void 0 : u.length) > 0) {
+			re && u.unshift({
 				type: "ExpandListTemplate",
 				width: 14,
 				key: "ExpandListTemplate",
 				nonEditable: !0,
-				style: (k == null ? void 0 : k.style) || { background: "rgba(128, 128, 128, 0.1)" }
-			}), k && d.unshift({
+				style: (D == null ? void 0 : D.style) || { background: "rgba(128, 128, 128, 0.1)" }
+			}), D && u.unshift({
 				type: "rowSelection",
 				nonEditable: !0,
-				width: (k == null ? void 0 : k.width) || 30,
+				width: (D == null ? void 0 : D.width) || 30,
 				key: "rowSelection",
-				style: (k == null ? void 0 : k.style) || {
+				style: (D == null ? void 0 : D.style) || {
 					background: "rgba(128, 128, 128, 0.1)",
 					display: "flex",
 					justifyContent: "center"
 				}
-			}), ie(te(d, x));
-			let e = ne(d);
-			ae(e == null ? void 0 : e.map((e, t) => ({
+			}), ae(ee(u, b));
+			let e = te(u);
+			oe(e == null ? void 0 : e.map((e, t) => ({
 				...e,
 				columnId: (e == null ? void 0 : e.dataIndex) || (e == null ? void 0 : e.key) || (e == null ? void 0 : e.name) || ""
 			})));
 		}
-	}, [d, k]);
-	let _e = {}, ve = (e) => {
+	}, [u, D]);
+	let ve = {}, ye = (e) => {
 		e == null || e.forEach((e) => {
-			if (N(typeof (e == null ? void 0 : e.title) == "function" ? e == null ? void 0 : e.title() : null)) {
+			if (P(typeof (e == null ? void 0 : e.title) == "function" ? e == null ? void 0 : e.title() : null)) {
 				let t = e == null ? void 0 : e.title;
-				_e[e == null ? void 0 : e.dataIndex] = A(t);
+				ve[e == null ? void 0 : e.dataIndex] = A(t);
 			}
-			e != null && e.children && ve(e == null ? void 0 : e.children);
+			e != null && e.children && ye(e == null ? void 0 : e.children);
 		});
 	};
 	n(() => {
-		ve(d), ue(_e);
-	}, [d]), n(() => {
-		let e = U == null ? void 0 : U.map((e) => e == null ? void 0 : e.columnId), t = G == null ? void 0 : G.map((t, n) => {
-			let r = Y[t[P]], i = r && Object.keys(r).length > 0 ? Math.max(S, ...Object.values(r).map(Number)) : S;
+		ye(u), ue(ve);
+	}, [u]), n(() => {
+		let e = V == null ? void 0 : V.map((e) => e == null ? void 0 : e.columnId), t = U == null ? void 0 : U.map((t, n) => {
+			let r = ge[t[k]], i = r && Object.keys(r).length > 0 ? Math.max(x, ...Object.values(r).map(Number)) : x;
 			return {
-				rowId: t[P],
+				rowId: t[k],
 				height: i,
 				cells: e == null ? void 0 : e.map((e, r) => {
 					var i;
-					let a = {}, o = U[r], s = t[e], c = (i = o == null ? void 0 : o.type) == null ? "text" : i;
-					if (h) {
-						for (let n in h) if (n == e) {
-							let e = h[n];
+					let a = {}, o = V[r], s = t[e], c = (i = o == null ? void 0 : o.type) == null ? "text" : i;
+					if (p) {
+						for (let n in p) if (n == e) {
+							let e = p[n];
 							a = {
 								text: (e == null ? void 0 : e.setCellData) && (e == null ? void 0 : e.setCellData(t)),
 								value: (e == null ? void 0 : e.setCellData) && (e == null ? void 0 : e.setCellData(t)),
@@ -516,7 +645,7 @@ function F(e, c) {
 					return {
 						...o,
 						record: t,
-						rowId: t[P] || (o == null ? void 0 : o.type),
+						rowId: t[k] || (o == null ? void 0 : o.type),
 						type: c,
 						nonEditable: (o == null ? void 0 : o.pattern) == "readPretty" ? !0 : o == null ? void 0 : o.nonEditable,
 						text: String(s || ""),
@@ -526,65 +655,54 @@ function F(e, c) {
 							display: "flex",
 							justifyContent: "center"
 						} : {},
-						...R && R(t, n, r) || {},
+						...L && L(t, n, r) || {},
 						...(o == null ? void 0 : o.onCell) && (o == null ? void 0 : o.onCell(t, n, r)) || {},
 						...(o == null ? void 0 : o.cellProps) || {},
-						setNewDataSource: K,
+						setNewDataSource: W,
 						setExpandKeys: ce,
-						rowKey: P,
-						expandKeys: se,
-						Slots: D,
+						rowKey: k,
+						expandKeys: G,
+						Slots: E,
 						onRowHeightChange: me,
 						...a
 					};
 				})
 			};
-		}), n = [...z, ...t];
-		V(n);
+		}), n = [...R, ...t];
+		Q.current = n, X(), B(n), Z();
 	}, [
-		G,
 		U,
-		z
-	]), n(() => {
-		if (I) {
-			var e;
-			let t = B == null ? void 0 : B.find((e) => {
-				var t;
-				return (e == null ? void 0 : e.rowId) == ((t = Q.current) == null ? void 0 : t.rowId);
-			});
-			t == null || (e = t.cells) == null || e.find((e) => {
-				var t;
-				return (e == null ? void 0 : e.columnId) == ((t = Q.current) == null ? void 0 : t.columnId);
-			}), { ...Q.current }, H.current = B;
-		}
-	}, [I, B]);
-	let ye = async (e) => {
-		let t = [];
+		V,
+		R
+	]);
+	let be = async (e) => {
 		if (!Array.isArray(e) || e.length === 0) return;
-		let n = !1;
-		if ((e == null ? void 0 : e.length) > 1 && (n = !0), V((r) => (e.forEach(async (e) => {
-			let i = r.findIndex((t) => t.rowId == e.rowId), a = U.findIndex((t) => t.columnId == e.columnId);
-			if (r[i].cells[a] = { ...e.newCell }, Q.current = { ...e.newCell }, t.push(ge(r[i])), h) for (let e in h) {
-				let t = h[e], n = U.findIndex((t) => t.columnId == e), a = {
-					...r[i].cells[n],
-					text: (t == null ? void 0 : t.setCellData) && (t == null ? void 0 : t.setCellData(r[i])),
-					value: (t == null ? void 0 : t.setCellData) && (t == null ? void 0 : t.setCellData(r[i])),
-					style: (t == null ? void 0 : t.setCellStyle) && (t == null ? void 0 : t.setCellStyle((t == null ? void 0 : t.setCellData) && (t == null ? void 0 : t.setCellData(r[i])) || r[i]))
-				};
-				r[i].cells[n] = a;
-			}
-			if (b && !n) try {
-				await b(t);
-			} catch (e) {
-				L && L();
+		let t = [], n = (Q.current || []).map((e) => ({
+			...e,
+			cells: [...e.cells]
+		}));
+		if (e.forEach((e) => {
+			let r = n.findIndex((t) => t.rowId == e.rowId), i = V.findIndex((t) => t.columnId == e.columnId);
+			if (r !== -1 && i !== -1) {
+				if (n[r].cells[i] = { ...e.newCell }, pe.current = { ...e.newCell }, t.push(_e(n[r])), p) for (let e in p) {
+					let t = p[e], i = V.findIndex((t) => t.columnId == e);
+					if (i === -1) continue;
+					let a = {
+						...n[r].cells[i],
+						text: (t == null ? void 0 : t.setCellData) && (t == null ? void 0 : t.setCellData(n[r])),
+						value: (t == null ? void 0 : t.setCellData) && (t == null ? void 0 : t.setCellData(n[r])),
+						style: (t == null ? void 0 : t.setCellStyle) && (t == null ? void 0 : t.setCellStyle((t == null ? void 0 : t.setCellData) && (t == null ? void 0 : t.setCellData(n[r])) || n[r]))
+					};
+					n[r].cells[i] = a;
+				}
+				h && h(n[r]);
 			}
-			g && g(r[i]);
-		}), [...r])), n) try {
-			b && await b(t);
+		}), Q.current = n, X(he), B(n), Z(), _) try {
+			await _(t);
 		} catch (e) {
-			L && L();
+			ie && ie();
 		}
-	}, be = i(() => {
+	}, xe = i(() => {
 		let t = {
 			...v || {},
 			...y || {},
@@ -596,83 +714,83 @@ function F(e, c) {
 			Com: t[r]
 		}));
 		return n;
-	}, [v, y]), xe = (e) => {
-		let t = B == null ? void 0 : B.find((t) => {
+	}, [v, y]), Se = (e) => {
+		let t = z == null ? void 0 : z.find((t) => {
 			var n;
 			return (t == null ? void 0 : t.rowId) == (e == null || (n = e.cell) == null ? void 0 : n.rowId);
 		});
 		return /* @__PURE__ */ T("div", {
 			onPointerDown: (e) => e.stopPropagation(),
 			children: [
-				(D == null ? void 0 : D.tableActionsSlot) && /* @__PURE__ */ w(D.tableActionsSlot, {
+				(E == null ? void 0 : E.tableActionsSlot) && /* @__PURE__ */ w(E.tableActionsSlot, {
 					...e == null ? void 0 : e.cell,
 					rowData: t
 				}),
-				(D == null ? void 0 : D.actionPrefixSlot) && /* @__PURE__ */ w(D.actionPrefixSlot, {
+				(E == null ? void 0 : E.actionPrefixSlot) && /* @__PURE__ */ w(E.actionPrefixSlot, {
 					...e == null ? void 0 : e.cell,
 					rowData: t
 				}),
-				(D == null ? void 0 : D.actionCenterSlot) && /* @__PURE__ */ w(D.actionCenterSlot, {
+				(E == null ? void 0 : E.actionCenterSlot) && /* @__PURE__ */ w(E.actionCenterSlot, {
 					...e == null ? void 0 : e.cell,
 					rowData: t
 				}),
-				(D == null ? void 0 : D.actionSuffixSlot) && /* @__PURE__ */ w(D.actionSuffixSlot, {
+				(E == null ? void 0 : E.actionSuffixSlot) && /* @__PURE__ */ w(E.actionSuffixSlot, {
 					...e == null ? void 0 : e.cell,
 					rowData: t
 				})
 			]
 		});
 	};
-	function Se(e) {
+	function Ce(e) {
 		let t = [];
 		function n(e) {
 			for (let r of e) t.push(r), r.children && r.children.length && n(r.children);
 		}
 		return n(e), t;
 	}
-	let Ce = (e) => {
+	let we = (e) => {
 		var t, n, r, i, a, o;
-		let { record: c, rowId: l } = e == null ? void 0 : e.cell, u = (t = Se(p)) == null ? void 0 : t.filter((e) => {
+		let { record: c, rowId: l } = e == null ? void 0 : e.cell, u = (t = Ce(d)) == null ? void 0 : t.filter((e) => {
 			var t;
-			return !(k != null && (t = k.getCheckboxProps) != null && (t = t.call(k, e)) != null && t.disabled);
-		}), d = typeof (k == null ? void 0 : k.getCheckboxProps) == "function" ? k == null || (n = k.getCheckboxProps) == null ? void 0 : n.call(k, c) : {};
+			return !(D != null && (t = D.getCheckboxProps) != null && (t = t.call(D, e)) != null && t.disabled);
+		}), f = typeof (D == null ? void 0 : D.getCheckboxProps) == "function" ? D == null || (n = D.getCheckboxProps) == null ? void 0 : n.call(D, c) : {};
 		return /* @__PURE__ */ w(s, {
 			...e == null ? void 0 : e.componentProps,
-			checked: (k == null || (r = k.selectedRowKeys) == null ? void 0 : r.includes(c && c[P] || "")) || !l && (k == null || (i = k.selectedRowKeys) == null ? void 0 : i.length) == (u == null ? void 0 : u.length) && (u == null ? void 0 : u.length) > 0,
-			indeterminate: !l && (k == null || (a = k.selectedRowKeys) == null ? void 0 : a.length) > 0 && (k == null || (o = k.selectedRowKeys) == null ? void 0 : o.length) < (u == null ? void 0 : u.length),
+			checked: (D == null || (r = D.selectedRowKeys) == null ? void 0 : r.includes(c && c[k] || "")) || !l && (D == null || (i = D.selectedRowKeys) == null ? void 0 : i.length) == (u == null ? void 0 : u.length) && (u == null ? void 0 : u.length) > 0,
+			indeterminate: !l && (D == null || (a = D.selectedRowKeys) == null ? void 0 : a.length) > 0 && (D == null || (o = D.selectedRowKeys) == null ? void 0 : o.length) < (u == null ? void 0 : u.length),
 			onChange: (e) => {
 				if (e.target.checked && l) {
-					let e = [...k == null ? void 0 : k.selectedRowKeys, c[P]], t = u == null ? void 0 : u.filter((t) => e == null ? void 0 : e.includes(t[P]));
-					k == null || k.onChange(e, t);
+					let e = [...D == null ? void 0 : D.selectedRowKeys, c[k]], t = u == null ? void 0 : u.filter((t) => e == null ? void 0 : e.includes(t[k]));
+					D == null || D.onChange(e, t);
 				} else if (!e.target.checked && l) {
 					var t, n;
-					let e = k == null || (t = k.selectedRowKeys) == null ? void 0 : t.filter((e) => e != c[P]), r = u == null ? void 0 : u.filter((t) => e == null ? void 0 : e.includes(t[P]));
-					k == null || k.onChange(k == null || (n = k.selectedRowKeys) == null ? void 0 : n.filter((e) => e != c[P]), r);
+					let e = D == null || (t = D.selectedRowKeys) == null ? void 0 : t.filter((e) => e != c[k]), r = u == null ? void 0 : u.filter((t) => e == null ? void 0 : e.includes(t[k]));
+					D == null || D.onChange(D == null || (n = D.selectedRowKeys) == null ? void 0 : n.filter((e) => e != c[k]), r);
 				} else if (e.target.checked && !l) {
-					let e = u == null ? void 0 : u.map((e) => e[P]), t = u == null ? void 0 : u.filter((t) => e == null ? void 0 : e.includes(t[P]));
-					k == null || k.onChange(u == null ? void 0 : u.map((e) => e[P]), t);
-				} else !e.target.checked && !l && (k == null || k.onChange([], []));
+					let e = u == null ? void 0 : u.map((e) => e[k]), t = u == null ? void 0 : u.filter((t) => e == null ? void 0 : e.includes(t[k]));
+					D == null || D.onChange(u == null ? void 0 : u.map((e) => e[k]), t);
+				} else !e.target.checked && !l && (D == null || D.onChange([], []));
 			},
-			...d
+			...f
 		});
 	};
 	n(() => {
-		if (k) {
+		if (D) {
 			var e;
-			let t = (e = Se(p)) == null ? void 0 : e.filter((e) => {
+			let t = (e = Ce(d)) == null ? void 0 : e.filter((e) => {
 				var t;
-				return !(k != null && (t = k.getCheckboxProps) != null && (t = t.call(k, e)) != null && t.disabled);
-			}), n = t == null ? void 0 : t.filter((e) => W == null ? void 0 : W.includes(e[P]));
-			k == null || k.onChange(W, n);
+				return !(D != null && (t = D.getCheckboxProps) != null && (t = t.call(D, e)) != null && t.disabled);
+			}), n = t == null ? void 0 : t.filter((e) => H == null ? void 0 : H.includes(e[k]));
+			D == null || D.onChange(H, n);
 		}
-	}, [W, p]), n(() => {
-		oe([]);
+	}, [H, d]), n(() => {
+		se([]);
 	}, [F == null ? void 0 : F.pageNum]);
-	let we = i(() => {
+	let Te = i(() => {
 		let e = {};
-		for (let t in _ == null ? void 0 : _.customCellTemplates) e[t] = A(_ == null ? void 0 : _.customCellTemplates[t]);
+		for (let t in g == null ? void 0 : g.customCellTemplates) e[t] = A(g == null ? void 0 : g.customCellTemplates[t]);
 		return e;
-	}, [_ == null ? void 0 : _.customCellTemplates]), Te = (e, t) => {
+	}, [g == null ? void 0 : g.customCellTemplates]), Ee = (e, t) => {
 		var n;
 		let r = t == null || (n = t.find((t) => (t == null ? void 0 : t.rowId) == (e == null ? void 0 : e.rowId))) == null || (n = n.cells) == null ? void 0 : n.map((t) => ({
 			columnId: t == null ? void 0 : t.columnId,
@@ -680,50 +798,51 @@ function F(e, c) {
 			className: "custom-highlights-row",
 			borderColor: "transparent"
 		}));
-		J.current = e == null ? void 0 : e.rowId, q(r);
+		q.current = e == null ? void 0 : e.rowId, K(r);
 	};
 	return /* @__PURE__ */ w(f, {
 		spinning: I,
 		children: /* @__PURE__ */ T("div", {
-			className: `grid-container ${E}`,
-			style: C,
+			ref: J,
+			className: `grid-container ${C}`,
+			style: S,
 			children: [/* @__PURE__ */ w(m, {
-				ref: pe,
-				rows: I ? H.current : B,
-				columns: U,
-				onCellsChanged: ye,
+				ref: fe,
+				rows: z,
+				columns: V,
+				onCellsChanged: be,
 				enableFillHandle: !0,
 				enableRangeSelection: !0,
 				horizontalStickyBreakpoint: 120,
-				..._,
-				highlights: (u = _ == null ? void 0 : _.highlights) == null ? de : u,
+				...g,
+				highlights: (c = g == null ? void 0 : g.highlights) == null ? de : c,
 				onFocusLocationChanging: (e) => {
 					var t, n;
 					let r = (e == null ? void 0 : e.columnId) + (e == null ? void 0 : e.rowId);
-					return window.gridEditId = r, typeof (e == null ? void 0 : e.rowId) == "string" && (e == null || (t = e.rowId) == null ? void 0 : t.indexOf("header-")) > -1 || (_ != null && _.isRowHighlights && e != null && e.columnId && Te(e, B), (n = [
+					return window.gridEditId = r, typeof (e == null ? void 0 : e.rowId) == "string" && (e == null || (t = e.rowId) == null ? void 0 : t.indexOf("header-")) > -1 || (g != null && g.isRowHighlights && e != null && e.columnId && Ee(e, z), (n = [
 						"_$actions",
 						"rowSelection",
 						"ExpandListTemplate"
-					]) != null && n.includes(e == null ? void 0 : e.columnId)) ? !1 : _ != null && _.onFocusLocationChanging ? _ == null ? void 0 : _.onFocusLocationChanging(e, B) : e;
+					]) != null && n.includes(e == null ? void 0 : e.columnId)) ? !1 : g != null && g.onFocusLocationChanging ? g == null ? void 0 : g.onFocusLocationChanging(e, z) : e;
 				},
 				customCellTemplates: {
-					ExpandListTemplate: A(ee),
-					...be,
-					...we,
+					ExpandListTemplate: A(N),
+					...xe,
+					...Te,
 					...le,
-					_$actions: A(xe),
-					rowSelection: A(Ce),
+					_$actions: A(Se),
+					rowSelection: A(we),
 					Number: A(M, e)
 				}
-			}, (p == null ? void 0 : p.length) == 0 ? 0 : 1), (p == null ? void 0 : p.length) <= 0 && /* @__PURE__ */ w("div", {
+			}, (d == null ? void 0 : d.length) == 0 ? 0 : 1), (d == null ? void 0 : d.length) <= 0 && /* @__PURE__ */ w("div", {
 				className: "grid-container-empty",
 				children: /* @__PURE__ */ w(l, { image: l.PRESENTED_IMAGE_SIMPLE })
 			})]
 		})
 	});
 }
-var I = e(F);
+var re = e(I);
 //#endregion
-export { I as default };
+export { re as default };
 
 //# sourceMappingURL=index.js.map