@cyberpunk-vue/components 1.12.1 → 1.12.2

package/dist/index.mjs

@@ -7376,6 +7376,10 @@ var $r = $(Ur), ei = oe(Xr, "$notify"), ti = /* @__PURE__ */ d({
 	includeHalfChecked: {
 		type: Boolean,
 		default: !1
+	},
+	checkedKeys: {
+		type: Array,
+		default: void 0
 	}
 }, mi = {
 	"sort-change": (e) => !0,
@@ -7384,7 +7388,8 @@ var $r = $(Ur), ei = oe(Xr, "$notify"), ti = /* @__PURE__ */ d({
 	"select-all": (e) => !0,
 	select: (e, t) => !0,
 	"current-change": (e, t) => !0,
-	"expand-change": (e, t) => !0
+	"expand-change": (e, t) => !0,
+	"update:checkedKeys": (e) => !0
 }, hi = { style: { display: "none" } }, gi = ["onClick"], _i = ["onClick"], vi = ["onClick"], yi = ["onClick"], bi = ["colspan"], xi = ["colspan"], Si = $(/* @__PURE__ */ d({
 	name: `${Q}Table`,
 	__name: "table",
@@ -7428,8 +7433,8 @@ var $r = $(Ur), ei = oe(Xr, "$notify"), ti = /* @__PURE__ */ d({
 			}, m("sort-change", b.value);
 		}, E = (e) => !e.sortable || b.value.prop !== e.prop ? "" : b.value.order === "ascending" ? "is-ascending" : b.value.order === "descending" ? "is-descending" : "", k = (e, t) => b.value.prop === e.prop && b.value.order === t, P = j(/* @__PURE__ */ new Set()), I = (e) => N(e), L = r(() => {
 			let e = /* @__PURE__ */ new Map();
-			if (!$.value) return e;
-			let t = oe.value, n = (r, i) => {
+			if (!le.value) return e;
+			let t = ue.value, n = (r, i) => {
 				for (let a of r) {
 					let r = I(a), o = Array.isArray(r[t]) ? r[t].map(I) : [], s = {
 						parent: i,
@@ -7444,33 +7449,61 @@ var $r = $(Ur), ei = oe(Xr, "$notify"), ti = /* @__PURE__ */ d({
 				}
 			};
 			return n(p.data, null), e;
-		}), R = r(() => Array.from(L.value.keys())), z = r(() => $.value ? p.treeCheckMode : "strict"), V = r(() => z.value !== "strict"), U = (e) => P.value.has(I(e)), W = r(() => {
-			let e = V.value ? R.value : x.value;
+		}), R = r(() => Array.from(L.value.keys())), z = r(() => {
+			let e = /* @__PURE__ */ new Map();
+			if (le.value) for (let t of R.value) e.set(ce(t, -1), t);
+			else p.data.forEach((t, n) => {
+				e.set(ce(t, n), I(t));
+			});
+			return e;
+		}), V = r(() => le.value ? p.treeCheckMode : "strict"), U = r(() => V.value !== "strict"), W = (e) => P.value.has(I(e)), q = r(() => {
+			let e = U.value ? R.value : x.value;
 			return e.length === 0 ? !1 : e.every((e) => P.value.has(I(e)));
-		}), q = r(() => {
-			let e = V.value ? R.value : x.value, t = e.filter((e) => P.value.has(I(e))).length;
+		}), J = r(() => {
+			let e = U.value ? R.value : x.value, t = e.filter((e) => P.value.has(I(e))).length;
 			return t > 0 && t < e.length;
-		}), J = (e) => {
-			if (!V.value) return !1;
+		}), Y = (e) => {
+			if (!U.value) return !1;
 			let t = L.value.get(I(e));
 			if (!t || t.descendants.length === 0) return !1;
 			let n = t.descendants.filter((e) => P.value.has(e)).length;
 			return n > 0 && n < t.descendants.length;
-		}, Y = r(() => V.value ? R.value.filter((e) => J(e)) : []), X = (e) => e.map((e) => ae(e, -1)), Q = (e) => {
+		}, X = r(() => U.value ? R.value.filter((e) => Y(e)) : []), Q = (e) => e.map((e) => ce(e, -1)), ee = (e) => {
+			let t = P.value;
+			if (t.size !== e.length) return !1;
+			let n = z.value;
+			for (let r of e) {
+				let e = n.get(r);
+				if (e === void 0 || !t.has(e)) return !1;
+			}
+			return !0;
+		}, te = (e) => {
+			if (ee(e)) return;
+			let t = z.value, n = /* @__PURE__ */ new Set();
+			for (let r of e) {
+				let e = t.get(r);
+				e !== void 0 && n.add(e);
+			}
+			P.value = n;
+		}, ne = (e) => {
+			P.value = e;
+			let t = Array.from(e), n = re(t);
+			return m("selection-change", n), m("update:checkedKeys", Q(t)), n;
+		}, re = (e) => {
 			if (p.selectionPayload === "detail") {
-				let t = Y.value;
+				let t = X.value;
 				return {
 					rows: e,
-					keys: X(e),
+					keys: Q(e),
 					halfRows: [...t],
-					halfKeys: X(t)
+					halfKeys: Q(t)
 				};
 			}
-			let t = p.includeHalfChecked ? [...e, ...Y.value] : e;
-			return p.selectionPayload === "keys" ? X(t) : t;
-		}, ee = (e) => {
+			let t = p.includeHalfChecked ? [...e, ...X.value] : e;
+			return p.selectionPayload === "keys" ? Q(t) : t;
+		}, ae = (e) => {
 			if (p.loading || p.disabled) return;
-			let t = I(e), n = new Set(P.value), r = z.value, i = r === "strict" ? void 0 : L.value.get(t);
+			let t = I(e), n = new Set(P.value), r = V.value, i = r === "strict" ? void 0 : L.value.get(t);
 			if (i && r === "cascade") {
 				let e = [t, ...i.descendants], r = !e.every((e) => n.has(e));
 				for (let t of e) r ? n.add(t) : n.delete(t);
@@ -7494,85 +7527,85 @@ var $r = $(Ur), ei = oe(Xr, "$notify"), ti = /* @__PURE__ */ d({
 				}
 			}
 			else n.has(t) ? n.delete(t) : n.add(t);
-			P.value = n;
-			let a = Q(Array.from(n));
-			m("select", a, e), m("selection-change", a);
-		}, te = () => {
+			m("select", ne(n), e);
+		}, $ = () => {
 			if (p.loading || p.disabled) return;
-			let e = V.value ? R.value : x.value, t;
-			t = W.value ? /* @__PURE__ */ new Set() : new Set(e.map(I)), P.value = t;
-			let n = Q(Array.from(t));
-			m("select-all", n), m("selection-change", n);
-		}, ne = T(null), re = (e, t, n) => {
+			let e = U.value ? R.value : x.value;
+			m("select-all", ne(q.value ? /* @__PURE__ */ new Set() : new Set(e.map(I))));
+		}, oe = T(null), se = (e, t, n) => {
 			if (!(p.loading || p.disabled) && (m("row-click", e, t, n), p.highlightCurrentRow)) {
-				let t = ne.value;
-				ne.value = e, m("current-change", e, t);
+				let t = oe.value;
+				oe.value = e, m("current-change", e, t);
 			}
-		}, ae = (e, t) => typeof p.rowKey == "function" ? p.rowKey(e) : e[p.rowKey] ?? t, $ = r(() => !!p.treeProps), oe = r(() => p.treeProps?.children || "children"), se = r(() => p.treeProps?.hasChildren || ""), ce = T(/* @__PURE__ */ new Set()), le = () => {
-			if ($.value && p.defaultExpandAll) {
+		}, ce = (e, t) => typeof p.rowKey == "function" ? p.rowKey(e) : e[p.rowKey] ?? t, le = r(() => !!p.treeProps), ue = r(() => p.treeProps?.children || "children"), de = r(() => p.treeProps?.hasChildren || ""), fe = T(/* @__PURE__ */ new Set()), pe = () => {
+			if (le.value && p.defaultExpandAll) {
 				let e = /* @__PURE__ */ new Set(), t = (n) => {
 					for (let r of n) {
-						let n = ae(r, -1), i = r[oe.value];
+						let n = ce(r, -1), i = r[ue.value];
 						i && i.length > 0 && (e.add(n), t(i));
 					}
 				};
-				t(p.data), ce.value = e;
+				t(p.data), fe.value = e;
 			}
 		};
-		B(() => p.data, le, { immediate: !0 }), B(() => p.defaultExpandAll, le);
-		let ue = (e) => {
-			if (se.value && e[se.value]) return !0;
-			let t = e[oe.value];
+		B(() => p.data, pe, { immediate: !0 }), B(() => p.checkedKeys, (e) => {
+			e !== void 0 && te(e);
+		}, { immediate: !0 }), B(z, () => {
+			p.checkedKeys !== void 0 && te(p.checkedKeys);
+		}), B(() => p.defaultExpandAll, pe);
+		let me = (e) => {
+			if (de.value && e[de.value]) return !0;
+			let t = e[ue.value];
 			return Array.isArray(t) && t.length > 0;
-		}, de = (e, t) => {
-			let n = ae(e, -1), r = new Set(ce.value), i = r.has(n), a = t === void 0 ? !i : t;
-			a ? r.add(n) : r.delete(n), ce.value = r, m("expand-change", e, a);
-		}, fe = () => {
+		}, he = (e, t) => {
+			let n = ce(e, -1), r = new Set(fe.value), i = r.has(n), a = t === void 0 ? !i : t;
+			a ? r.add(n) : r.delete(n), fe.value = r, m("expand-change", e, a);
+		}, ge = () => {
 			let e = /* @__PURE__ */ new Set(), t = (n) => {
 				for (let r of n) {
-					let n = ae(r, -1);
-					if (ue(r)) {
+					let n = ce(r, -1);
+					if (me(r)) {
 						e.add(n);
-						let i = r[oe.value];
+						let i = r[ue.value];
 						Array.isArray(i) && t(i);
 					}
 				}
 			};
-			t(p.data), ce.value = e;
-		}, pe = () => {
-			ce.value = /* @__PURE__ */ new Set();
-		}, me = r(() => {
-			if (!$.value) return [];
+			t(p.data), fe.value = e;
+		}, ve = () => {
+			fe.value = /* @__PURE__ */ new Set();
+		}, ye = r(() => {
+			if (!le.value) return [];
 			let e = [], t = (n, r) => {
 				for (let i of n) {
-					let n = ae(i, -1), a = ue(i), o = ce.value.has(n);
+					let n = ce(i, -1), a = me(i), o = fe.value.has(n);
 					if (e.push({
 						row: i,
 						level: r,
 						hasChildren: a,
 						expanded: o
 					}), a && o) {
-						let e = i[oe.value];
+						let e = i[ue.value];
 						Array.isArray(e) && t(e, r + 1);
 					}
 				}
 			};
 			return t(x.value, 0), e;
-		}), he = r(() => $.value ? me.value.map((e) => e.row) : x.value), ge = (e) => me.value.find((t) => t.row === e), ve = (e) => {
+		}), be = r(() => le.value ? ye.value.map((e) => e.row) : x.value), xe = (e) => ye.value.find((t) => t.row === e), Se = (e) => {
 			let t = g.value.filter((e) => e.columnType === "default");
 			return t.length > 0 && t[0].id === e.id;
-		}, ye = T(/* @__PURE__ */ new Set()), be = r(() => g.value.find((e) => e.columnType === "expand")), xe = (e) => be.value ? typeof p.rowExpandable == "function" ? p.rowExpandable(e) : !0 : !1, Se = (e) => {
-			let t = ae(e, -1);
-			return ye.value.has(t);
-		}, Ce = (e, t) => {
-			if (p.loading || p.disabled || !xe(e)) return;
-			let n = ae(e, -1), r = new Set(ye.value), i = r.has(n), a = t === void 0 ? !i : t;
-			a ? r.add(n) : r.delete(n), ye.value = r, m("expand-change", e, a);
+		}, Ce = T(/* @__PURE__ */ new Set()), we = r(() => g.value.find((e) => e.columnType === "expand")), Te = (e) => we.value ? typeof p.rowExpandable == "function" ? p.rowExpandable(e) : !0 : !1, Ee = (e) => {
+			let t = ce(e, -1);
+			return Ce.value.has(t);
+		}, De = (e, t) => {
+			if (p.loading || p.disabled || !Te(e)) return;
+			let n = ce(e, -1), r = new Set(Ce.value), i = r.has(n), a = t === void 0 ? !i : t;
+			a ? r.add(n) : r.delete(n), Ce.value = r, m("expand-change", e, a);
 		};
 		B(() => p.expandRowKeys, (e) => {
-			e !== void 0 && (ye.value = new Set(e));
+			e !== void 0 && (Ce.value = new Set(e));
 		}, { immediate: !0 });
-		let we = r(() => [
+		let Oe = r(() => [
 			h.b(),
 			K(p.size) && h.m(p.size),
 			h.m(`type-${p.type}`),
@@ -7582,35 +7615,44 @@ var $r = $(Ur), ei = oe(Xr, "$notify"), ti = /* @__PURE__ */ d({
 			h.is("scrollable", !!(p.height || p.maxHeight)),
 			h.is("loading", p.loading),
 			h.is("disabled", p.disabled)
-		]), Te = r(() => p.color ? p.color : p.type && p.type !== "default" ? `var(--cp-color-${p.type})` : null), Ee = r(() => p.color ? {
+		]), ke = r(() => p.color ? p.color : p.type && p.type !== "default" ? `var(--cp-color-${p.type})` : null), Ae = r(() => p.color ? {
 			"--cp-table-color": p.color,
 			"--cp-table-header-bg": `linear-gradient(180deg, color-mix(in srgb, ${p.color} 18%, transparent) 0%, color-mix(in srgb, ${p.color} 6%, transparent) 100%)`,
 			"--cp-table-header-border-color": `color-mix(in srgb, ${p.color} 40%, transparent)`,
 			"--cp-table-row-hover-bg": `color-mix(in srgb, ${p.color} 6%, transparent)`,
 			"--cp-table-row-current-bg": `color-mix(in srgb, ${p.color} 10%, transparent)`,
 			"--cp-table-row-selected-bg": `color-mix(in srgb, ${p.color} 8%, transparent)`
-		} : {}), De = r(() => p.color || p.type === "default" ? void 0 : p.type), Oe = r(() => p.color || void 0), ke = r(() => {
+		} : {}), je = r(() => p.color || p.type === "default" ? void 0 : p.type), Me = r(() => p.color || void 0), Ne = r(() => {
 			let e = {};
 			return p.height && (e.height = typeof p.height == "number" ? `${p.height}px` : p.height, e["overflow-y"] = "auto"), p.maxHeight && (e["max-height"] = typeof p.maxHeight == "number" ? `${p.maxHeight}px` : p.maxHeight, e["overflow-y"] = "auto"), e;
-		}), Ae = (e) => {
+		}), Pe = (e) => {
 			let t = {};
 			return e.width && (t.width = typeof e.width == "number" ? `${e.width}px` : e.width), e.minWidth && (t.minWidth = typeof e.minWidth == "number" ? `${e.minWidth}px` : e.minWidth), (e.columnType === "selection" || e.columnType === "index" || e.columnType === "expand") && (e.width || (t.width = "50px")), t;
-		}, je = (e, t) => t.prop ? t.prop.split(".").reduce((e, t) => e?.[t], e) : "", Me = (e) => e === "center" ? h.m("align-center") : e === "right" ? h.m("align-right") : "";
+		}, Fe = (e, t) => t.prop ? t.prop.split(".").reduce((e, t) => e?.[t], e) : "", Ie = (e) => e === "center" ? h.m("align-center") : e === "right" ? h.m("align-right") : "";
 		return d({
 			clearSelection: () => {
-				P.value = /* @__PURE__ */ new Set(), m("selection-change", Q([]));
+				ne(/* @__PURE__ */ new Set());
+			},
+			setSelectionKeys: (e) => {
+				if (ee(e)) return;
+				let t = z.value, n = /* @__PURE__ */ new Set();
+				for (let r of e) {
+					let e = t.get(r);
+					e !== void 0 && n.add(e);
+				}
+				ne(n);
 			},
 			getSelectionRows: () => Array.from(P.value),
-			getSelectionKeys: () => X(Array.from(P.value)),
-			getHalfCheckedRows: () => [...Y.value],
-			getHalfCheckedKeys: () => X(Y.value),
+			getSelectionKeys: () => Q(Array.from(P.value)),
+			getHalfCheckedRows: () => [...X.value],
+			getHalfCheckedKeys: () => Q(X.value),
 			getSelectionDetail: () => {
-				let e = Array.from(P.value), t = Y.value;
+				let e = Array.from(P.value), t = X.value;
 				return {
 					rows: e,
-					keys: X(e),
+					keys: Q(e),
 					halfRows: [...t],
-					halfKeys: X(t)
+					halfKeys: Q(t)
 				};
 			},
 			sort: (e, t) => {
@@ -7620,16 +7662,16 @@ var $r = $(Ur), ei = oe(Xr, "$notify"), ti = /* @__PURE__ */ d({
 				}, m("sort-change", b.value);
 			},
 			setCurrentRow: (e) => {
-				let t = ne.value;
-				ne.value = e, m("current-change", e, t);
+				let t = oe.value;
+				oe.value = e, m("current-change", e, t);
 			},
-			toggleRowExpansion: de,
-			expandAll: fe,
-			collapseAll: pe,
-			toggleRowExpand: Ce
+			toggleRowExpansion: he,
+			expandAll: ge,
+			collapseAll: ve,
+			toggleRowExpand: De
 		}), (t, r) => (S(), o("div", {
-			class: v(we.value),
-			style: y(Ee.value)
+			class: v(Oe.value),
+			style: y(Ae.value)
 		}, [
 			s("div", hi, [O(t.$slots, "default")]),
 			s("div", { class: v(F(h).e("wrapper")) }, [s("table", { class: v(F(h).e("inner")) }, [t.showHeader ? (S(), o("thead", {
@@ -7641,17 +7683,17 @@ var $r = $(Ur), ei = oe(Xr, "$notify"), ti = /* @__PURE__ */ d({
 					F(h).e("header-cell"),
 					t.sortable && F(h).is("sortable", !0),
 					E(t),
-					Me(t.headerAlign || t.align)
+					Ie(t.headerAlign || t.align)
 				]),
-				style: y(Ae(t)),
+				style: y(Pe(t)),
 				onClick: (e) => t.sortable ? w(t) : void 0
 			}, [t.columnType === "selection" ? (S(), i(yn, {
 				key: 0,
-				"model-value": W.value,
-				indeterminate: q.value,
-				type: De.value,
-				color: Oe.value,
-				onChange: te,
+				"model-value": q.value,
+				indeterminate: J.value,
+				type: je.value,
+				color: Me.value,
+				onChange: $,
 				onClick: r[0] ||= G(() => {}, ["stop"])
 			}, null, 8, [
 				"model-value",
@@ -7693,27 +7735,27 @@ var $r = $(Ur), ei = oe(Xr, "$notify"), ti = /* @__PURE__ */ d({
 				fill: "currentColor"
 			}, null, -1)]], 2))], 2)) : a("", !0)], 64))], 14, gi))), 128))], 2)], 2)) : a("", !0), s("tbody", {
 				class: v(F(h).e("body")),
-				style: y(ke.value)
-			}, [he.value.length > 0 ? (S(!0), o(e, { key: 0 }, D(he.value, (n, c) => (S(), o(e, { key: ae(n, c) }, [s("tr", {
+				style: y(Ne.value)
+			}, [be.value.length > 0 ? (S(!0), o(e, { key: 0 }, D(be.value, (n, c) => (S(), o(e, { key: ce(n, c) }, [s("tr", {
 				class: v([
 					F(h).e("row"),
 					F(h).is("striped", t.stripe && c % 2 == 1),
-					F(h).is("current", t.highlightCurrentRow && ne.value === n),
-					F(h).is("selected", U(n)),
-					F(h).is("expanded", be.value && Se(n))
+					F(h).is("current", t.highlightCurrentRow && oe.value === n),
+					F(h).is("selected", W(n)),
+					F(h).is("expanded", we.value && Ee(n))
 				]),
-				onClick: (e) => re(n, c, e)
+				onClick: (e) => se(n, c, e)
 			}, [(S(!0), o(e, null, D(g.value, (u) => (S(), o("td", {
 				key: u.id,
-				class: v([F(h).e("cell"), Me(u.align)]),
-				style: y(Ae(u))
+				class: v([F(h).e("cell"), Ie(u.align)]),
+				style: y(Pe(u))
 			}, [u.columnType === "selection" ? (S(), i(yn, {
 				key: 0,
-				"model-value": U(n),
-				indeterminate: J(n),
-				type: De.value,
-				color: Oe.value,
-				onChange: (e) => ee(n),
+				"model-value": W(n),
+				indeterminate: Y(n),
+				type: je.value,
+				color: Me.value,
+				onChange: (e) => ae(n),
 				onClick: r[1] ||= G(() => {}, ["stop"])
 			}, null, 8, [
 				"model-value",
@@ -7721,28 +7763,28 @@ var $r = $(Ur), ei = oe(Xr, "$notify"), ti = /* @__PURE__ */ d({
 				"type",
 				"color",
 				"onChange"
-			])) : u.columnType === "expand" ? (S(), o(e, { key: 1 }, [xe(n) ? (S(), o("span", {
+			])) : u.columnType === "expand" ? (S(), o(e, { key: 1 }, [Te(n) ? (S(), o("span", {
 				key: 0,
-				class: v([F(h).e("expand-trigger"), F(h).is("expanded", Se(n))]),
-				onClick: G((e) => Ce(n), ["stop"])
+				class: v([F(h).e("expand-trigger"), F(h).is("expanded", Ee(n))]),
+				onClick: G((e) => De(n), ["stop"])
 			}, [...r[4] ||= [s("svg", {
 				viewBox: "0 0 16 16",
 				width: "14",
 				height: "14",
 				fill: "currentColor"
-			}, [s("path", { d: "M6 3l5 5-5 5V3z" })], -1)]], 10, vi)) : a("", !0)], 64)) : u.columnType === "index" ? (S(), o(e, { key: 2 }, [l(M(c + 1), 1)], 64)) : $.value && ve(u) ? (S(), o("div", {
+			}, [s("path", { d: "M6 3l5 5-5 5V3z" })], -1)]], 10, vi)) : a("", !0)], 64)) : u.columnType === "index" ? (S(), o(e, { key: 2 }, [l(M(c + 1), 1)], 64)) : le.value && Se(u) ? (S(), o("div", {
 				key: 3,
 				class: v(F(h).e("tree-cell"))
 			}, [
-				ge(n) ? (S(), o("span", {
+				xe(n) ? (S(), o("span", {
 					key: 0,
 					class: v(F(h).e("tree-indent")),
-					style: y({ width: `${(ge(n)?.level || 0) * t.indent}px` })
+					style: y({ width: `${(xe(n)?.level || 0) * t.indent}px` })
 				}, null, 6)) : a("", !0),
-				ge(n)?.hasChildren ? (S(), o("span", {
+				xe(n)?.hasChildren ? (S(), o("span", {
 					key: 1,
-					class: v([F(h).e("expand-icon"), F(h).is("expanded", ge(n)?.expanded)]),
-					onClick: G((e) => de(n), ["stop"])
+					class: v([F(h).e("expand-icon"), F(h).is("expanded", xe(n)?.expanded)]),
+					onClick: G((e) => he(n), ["stop"])
 				}, [...r[5] ||= [s("svg", {
 					viewBox: "0 0 16 16",
 					width: "14",
@@ -7756,18 +7798,18 @@ var $r = $(Ur), ei = oe(Xr, "$notify"), ti = /* @__PURE__ */ d({
 					row: n,
 					column: u,
 					$index: c
-				}) }), { key: 0 })) : (S(), o(e, { key: 1 }, [l(M(je(n, u)), 1)], 64))], 2)
+				}) }), { key: 0 })) : (S(), o(e, { key: 1 }, [l(M(Fe(n, u)), 1)], 64))], 2)
 			], 2)) : u.slots.default ? (S(), i(A({ render: () => u.slots.default({
 				row: n,
 				column: u,
 				$index: c
-			}) }), { key: 4 })) : (S(), o(e, { key: 5 }, [l(M(je(n, u)), 1)], 64))], 6))), 128))], 10, _i), be.value && Se(n) ? (S(), o("tr", {
+			}) }), { key: 4 })) : (S(), o(e, { key: 5 }, [l(M(Fe(n, u)), 1)], 64))], 6))), 128))], 10, _i), we.value && Ee(n) ? (S(), o("tr", {
 				key: 0,
 				class: v(F(h).e("expanded-row"))
 			}, [s("td", {
 				colspan: g.value.length,
 				class: v(F(h).e("expanded-cell"))
-			}, [s("div", { class: v(F(h).e("expanded-content")) }, [be.value?.slots.default ? (S(), i(A({ render: () => be.value.slots.default({
+			}, [s("div", { class: v(F(h).e("expanded-content")) }, [we.value?.slots.default ? (S(), i(A({ render: () => we.value.slots.default({
 				row: n,
 				$index: c
 			}) }), { key: 0 })) : a("", !0)], 2)], 10, bi)], 2)) : a("", !0)], 64))), 128)) : (S(), o("tr", {
@@ -7789,7 +7831,7 @@ var $r = $(Ur), ei = oe(Xr, "$notify"), ti = /* @__PURE__ */ d({
 				default: H(() => [t.loading ? (S(), o("div", {
 					key: 0,
 					class: v(F(h).e("loading-overlay"))
-				}, [O(t.$slots, "loading", {}, () => [u(F(_e), { color: Te.value || void 0 }, null, 8, ["color"]), t.loadingText ? (S(), o("span", {
+				}, [O(t.$slots, "loading", {}, () => [u(F(_e), { color: ke.value || void 0 }, null, 8, ["color"]), t.loadingText ? (S(), o("span", {
 					key: 0,
 					class: v(F(h).e("loading-text"))
 				}, M(t.loadingText), 3)) : a("", !0)])], 2)) : a("", !0)]),

package/dist/table/index.d.ts

@@ -107,16 +107,22 @@ export declare const CpTable: import('../utils').SFCWithInstall<{
             readonly type: BooleanConstructor;
             readonly default: false;
         };
+        readonly checkedKeys: {
+            readonly type: import('vue').PropType<(string | number)[]>;
+            readonly default: undefined;
+        };
     }>> & Readonly<{
         onSelect?: ((selection: import('.').SelectionPayload, row: any) => any) | undefined;
         "onSelect-all"?: ((selection: import('.').SelectionPayload) => any) | undefined;
         "onCurrent-change"?: ((currentRow: any, oldRow: any) => any) | undefined;
+        "onUpdate:checkedKeys"?: ((keys: (string | number)[]) => any) | undefined;
         "onSort-change"?: ((sortState: import('.').SortState) => any) | undefined;
         "onRow-click"?: ((row: any, index: number, event: MouseEvent) => any) | undefined;
         "onSelection-change"?: ((selection: import('.').SelectionPayload) => any) | undefined;
         "onExpand-change"?: ((row: any, expanded: boolean) => any) | undefined;
     }>, {
         clearSelection: () => void;
+        setSelectionKeys: (keys: (string | number)[]) => void;
         getSelectionRows: () => any[];
         getSelectionKeys: () => (string | number)[];
         getHalfCheckedRows: () => any[];
@@ -132,6 +138,7 @@ export declare const CpTable: import('../utils').SFCWithInstall<{
         select: (selection: import('.').SelectionPayload, row: any) => void;
         "select-all": (selection: import('.').SelectionPayload) => void;
         "current-change": (currentRow: any, oldRow: any) => void;
+        "update:checkedKeys": (keys: (string | number)[]) => void;
         "sort-change": (sortState: import('.').SortState) => void;
         "row-click": (row: any, index: number, event: MouseEvent) => void;
         "selection-change": (selection: import('.').SelectionPayload) => void;
@@ -147,6 +154,7 @@ export declare const CpTable: import('../utils').SFCWithInstall<{
         readonly loadingText: string;
         readonly showHeader: boolean;
         readonly defaultExpandAll: boolean;
+        readonly checkedKeys: (string | number)[];
         readonly indent: number;
         readonly stripe: boolean;
         readonly highlightCurrentRow: boolean;
@@ -259,16 +267,22 @@ export declare const CpTable: import('../utils').SFCWithInstall<{
             readonly type: BooleanConstructor;
             readonly default: false;
         };
+        readonly checkedKeys: {
+            readonly type: import('vue').PropType<(string | number)[]>;
+            readonly default: undefined;
+        };
     }>> & Readonly<{
         onSelect?: ((selection: import('.').SelectionPayload, row: any) => any) | undefined;
         "onSelect-all"?: ((selection: import('.').SelectionPayload) => any) | undefined;
         "onCurrent-change"?: ((currentRow: any, oldRow: any) => any) | undefined;
+        "onUpdate:checkedKeys"?: ((keys: (string | number)[]) => any) | undefined;
         "onSort-change"?: ((sortState: import('.').SortState) => any) | undefined;
         "onRow-click"?: ((row: any, index: number, event: MouseEvent) => any) | undefined;
         "onSelection-change"?: ((selection: import('.').SelectionPayload) => any) | undefined;
         "onExpand-change"?: ((row: any, expanded: boolean) => any) | undefined;
     }>, {
         clearSelection: () => void;
+        setSelectionKeys: (keys: (string | number)[]) => void;
         getSelectionRows: () => any[];
         getSelectionKeys: () => (string | number)[];
         getHalfCheckedRows: () => any[];
@@ -291,6 +305,7 @@ export declare const CpTable: import('../utils').SFCWithInstall<{
         readonly loadingText: string;
         readonly showHeader: boolean;
         readonly defaultExpandAll: boolean;
+        readonly checkedKeys: (string | number)[];
         readonly indent: number;
         readonly stripe: boolean;
         readonly highlightCurrentRow: boolean;
@@ -400,16 +415,22 @@ export declare const CpTable: import('../utils').SFCWithInstall<{
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    readonly checkedKeys: {
+        readonly type: import('vue').PropType<(string | number)[]>;
+        readonly default: undefined;
+    };
 }>> & Readonly<{
     onSelect?: ((selection: import('.').SelectionPayload, row: any) => any) | undefined;
     "onSelect-all"?: ((selection: import('.').SelectionPayload) => any) | undefined;
     "onCurrent-change"?: ((currentRow: any, oldRow: any) => any) | undefined;
+    "onUpdate:checkedKeys"?: ((keys: (string | number)[]) => any) | undefined;
     "onSort-change"?: ((sortState: import('.').SortState) => any) | undefined;
     "onRow-click"?: ((row: any, index: number, event: MouseEvent) => any) | undefined;
     "onSelection-change"?: ((selection: import('.').SelectionPayload) => any) | undefined;
     "onExpand-change"?: ((row: any, expanded: boolean) => any) | undefined;
 }>, {
     clearSelection: () => void;
+    setSelectionKeys: (keys: (string | number)[]) => void;
     getSelectionRows: () => any[];
     getSelectionKeys: () => (string | number)[];
     getHalfCheckedRows: () => any[];
@@ -425,6 +446,7 @@ export declare const CpTable: import('../utils').SFCWithInstall<{
     select: (selection: import('.').SelectionPayload, row: any) => void;
     "select-all": (selection: import('.').SelectionPayload) => void;
     "current-change": (currentRow: any, oldRow: any) => void;
+    "update:checkedKeys": (keys: (string | number)[]) => void;
     "sort-change": (sortState: import('.').SortState) => void;
     "row-click": (row: any, index: number, event: MouseEvent) => void;
     "selection-change": (selection: import('.').SelectionPayload) => void;
@@ -440,6 +462,7 @@ export declare const CpTable: import('../utils').SFCWithInstall<{
     readonly loadingText: string;
     readonly showHeader: boolean;
     readonly defaultExpandAll: boolean;
+    readonly checkedKeys: (string | number)[];
     readonly indent: number;
     readonly stripe: boolean;
     readonly highlightCurrentRow: boolean;

package/dist/table/src/table.d.ts

@@ -99,6 +99,7 @@ export interface TableColumnConfig {
  * @exposes getHalfCheckedRows() - 获取半选行对象数组（仅联动模式）
  * @exposes getHalfCheckedKeys() - 获取半选行 rowKey 数组（仅联动模式）
  * @exposes getSelectionDetail() - 获取结构化选中详情 { rows, keys, halfRows, halfKeys }
+ * @exposes setSelectionKeys(keys) - 程序式设置选中 rowKey 数组
  * @exposes sort(prop, order) - 编程式排序
  * @exposes setCurrentRow(row) - 设置当前行
  * @exposes toggleRowExpand(row, expanded?) - 切换行展开（展开列模式）
@@ -338,6 +339,28 @@ export declare const tableProps: {
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    /**
+     * 受控选中 rowKey 数组（配合 `v-model:checked-keys`）
+     * 典型场景：表单回填、编辑已有记录、权限/批量分配等
+     *
+     * - 传入 `undefined`（默认）：组件使用内部状态，非受控
+     * - 传入数组（含空数组）：进入受控模式，外部数组为真相来源
+     *
+     * 回填时**不做级联归一化**：传 `[3]` 就只选中 id=3 那一行，即便在 cascade/bubble 模式下也不会
+     * 自动补勾父节点或后代。父节点的 indeterminate 视觉态由组件自动计算。
+     * 这样保证 `v-model:checkedKeys` 读写对称——`getSelectionKeys()` 输出什么，回填就能用什么。
+     *
+     * @example
+     * ```vue
+     * <CpTable v-model:checked-keys="form.selectedIds" row-key="id" :data="list">
+     *   <CpTableColumn type="selection" />
+     * </CpTable>
+     * ```
+     */
+    readonly checkedKeys: {
+        readonly type: PropType<(string | number)[]>;
+        readonly default: undefined;
+    };
 };
 export type TableProps = ExtractPropTypes<typeof tableProps>;
 /**
@@ -359,5 +382,7 @@ export declare const tableEmits: {
     'current-change': (currentRow: any | null, oldRow: any | null) => boolean;
     /** 树形行展开/折叠 或 行展开列展开/折叠 */
     'expand-change': (row: any, expanded: boolean) => boolean;
+    /** 受控 checkedKeys 变化（用于 `v-model:checked-keys`） */
+    'update:checkedKeys': (keys: (string | number)[]) => boolean;
 };
 export type TableEmits = typeof tableEmits;

package/dist/table/src/table.vue.d.ts

@@ -104,9 +104,15 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    readonly checkedKeys: {
+        readonly type: import('vue').PropType<(string | number)[]>;
+        readonly default: undefined;
+    };
 }>, {
     /** 清空选择 */
     clearSelection: () => void;
+    /** 程序式设置选中 rowKey 数组（不做级联归一化，与受控 prop 语义一致） */
+    setSelectionKeys: (keys: (string | number)[]) => void;
     /** 获取完全选中行对象数组 */
     getSelectionRows: () => any[];
     /** 获取完全选中行的 rowKey 数组 */
@@ -133,6 +139,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     select: (selection: SelectionPayload, row: any) => void;
     "select-all": (selection: SelectionPayload) => void;
     "current-change": (currentRow: any, oldRow: any) => void;
+    "update:checkedKeys": (keys: (string | number)[]) => void;
     "sort-change": (sortState: SortState) => void;
     "row-click": (row: any, index: number, event: MouseEvent) => void;
     "selection-change": (selection: SelectionPayload) => void;
@@ -231,10 +238,15 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    readonly checkedKeys: {
+        readonly type: import('vue').PropType<(string | number)[]>;
+        readonly default: undefined;
+    };
 }>> & Readonly<{
     onSelect?: ((selection: SelectionPayload, row: any) => any) | undefined;
     "onSelect-all"?: ((selection: SelectionPayload) => any) | undefined;
     "onCurrent-change"?: ((currentRow: any, oldRow: any) => any) | undefined;
+    "onUpdate:checkedKeys"?: ((keys: (string | number)[]) => any) | undefined;
     "onSort-change"?: ((sortState: SortState) => any) | undefined;
     "onRow-click"?: ((row: any, index: number, event: MouseEvent) => any) | undefined;
     "onSelection-change"?: ((selection: SelectionPayload) => any) | undefined;
@@ -250,6 +262,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     readonly loadingText: string;
     readonly showHeader: boolean;
     readonly defaultExpandAll: boolean;
+    readonly checkedKeys: (string | number)[];
     readonly indent: number;
     readonly stripe: boolean;
     readonly highlightCurrentRow: boolean;