@cyberpunk-vue/components 1.13.2 → 1.13.4

package/dist/index.mjs

@@ -4583,33 +4583,41 @@ var Kr = Hn, qr = Un, Jr = zn, Yr = Wn, Xr = (e, t, n) => {
 		}, he = () => {
 			fe?.(), fe = null;
 		}, ge = () => {
-			E.value || (R.value = !0, document.dispatchEvent(new CustomEvent(ri, { detail: O })), m("visibleChange", !0), m("focus"), v(() => {
+			if (!M.value) return;
+			let e = M.value.getBoundingClientRect(), [t, n] = p.placement.split("-");
+			te.value = {
+				x: n === "end" ? e.right - e.width : e.left,
+				y: t === "top" ? e.top : e.bottom,
+				width: e.width
+			}, X.value = p.maxHeight, J.value = p.placement;
+		}, _e = () => {
+			E.value || (ge(), R.value = !0, document.dispatchEvent(new CustomEvent(ri, { detail: O })), m("visibleChange", !0), m("focus"), v(() => {
 				Q.value && I.value ? I.value.focus() : p.filterable && F.value && F.value.focus();
 			}));
-		}, _e = () => {
-			R.value = !1, V.value = "", U.value = -1, m("visibleChange", !1), m("blur");
 		}, ve = () => {
-			R.value ? _e() : ge();
-		}, ye = (e) => {
-			e.disabled || (m("update:modelValue", e.value), m("change", e.value), _e());
+			R.value = !1, V.value = "", U.value = -1, m("visibleChange", !1), m("blur");
+		}, ye = () => {
+			R.value ? ve() : _e();
 		}, be = (e) => {
+			e.disabled || (m("update:modelValue", e.value), m("change", e.value), ve());
+		}, xe = (e) => {
 			e.stopPropagation(), G.value = !0, setTimeout(() => {
 				m("update:modelValue", ""), m("clear"), G.value = !1;
 			}, p.clearDuration);
-		}, xe = (e) => e.value === p.modelValue, Se = (e) => {
-			e.detail !== O && R.value && _e();
-		}, Ce = (e) => {
+		}, Se = (e) => e.value === p.modelValue, Ce = (e) => {
+			e.detail !== O && R.value && ve();
+		}, Te = (e) => {
 			if (!R.value) return;
 			let t = e.target;
-			M.value?.contains(t) || N.value?.contains(t) || _e();
-		}, Te = (e) => {
+			M.value?.contains(t) || N.value?.contains(t) || ve();
+		}, Ee = (e) => {
 			if (!R.value) {
-				(e.key === "Enter" || e.key === " " || e.key === "ArrowDown") && (e.preventDefault(), ge());
+				(e.key === "Enter" || e.key === " " || e.key === "ArrowDown") && (e.preventDefault(), _e());
 				return;
 			}
 			switch (e.key) {
 				case "Escape":
-					e.preventDefault(), _e();
+					e.preventDefault(), ve();
 					break;
 				case "ArrowDown":
 					e.preventDefault(), U.value = Math.min(U.value + 1, oe.value.length - 1);
@@ -4618,18 +4626,18 @@ var Kr = Hn, qr = Un, Jr = zn, Yr = Wn, Xr = (e, t, n) => {
 					e.preventDefault(), U.value = Math.max(U.value - 1, 0);
 					break;
 				case "Enter":
-					e.preventDefault(), U.value >= 0 && U.value < oe.value.length && ye(oe.value[U.value]);
+					e.preventDefault(), U.value >= 0 && U.value < oe.value.length && be(oe.value[U.value]);
 					break;
 			}
 		};
 		return T?.visible && H(T.visible, (e) => {
-			!e && R.value && _e();
+			!e && R.value && ve();
 		}), H(R, async (e) => {
 			e ? (await v(), me()) : he();
 		}), d({
-			open: ge,
-			close: _e,
-			toggle: ve,
+			open: _e,
+			close: ve,
+			toggle: ye,
 			focus: () => {
 				M.value?.focus();
 			},
@@ -4637,9 +4645,9 @@ var Kr = Hn, qr = Un, Jr = zn, Yr = Wn, Xr = (e, t, n) => {
 				M.value?.blur();
 			}
 		}), C(() => {
-			document.addEventListener(ri, Se), document.addEventListener("click", Ce);
+			document.addEventListener(ri, Ce), document.addEventListener("click", Te);
 		}), S(() => {
-			he(), document.removeEventListener(ri, Se), document.removeEventListener("click", Ce);
+			he(), document.removeEventListener(ri, Ce), document.removeEventListener("click", Te);
 		}), (r, c) => (w(), o("div", {
 			class: y(ce.value),
 			style: x(le.value)
@@ -4648,8 +4656,8 @@ var Kr = Hn, qr = Un, Jr = zn, Yr = Wn, Xr = (e, t, n) => {
 			ref: M,
 			class: y(L(_).e("trigger")),
 			tabindex: Q.value ? -1 : 0,
-			onClick: c[2] ||= (e) => !Q.value && ve(),
-			onKeydown: c[3] ||= (e) => !Q.value && Te(e)
+			onClick: c[2] ||= (e) => !Q.value && ye(),
+			onKeydown: c[3] ||= (e) => !Q.value && Ee(e)
 		}, [
 			L(g).prefix ? (w(), o("span", {
 				key: 0,
@@ -4665,8 +4673,8 @@ var Kr = Hn, qr = Un, Jr = zn, Yr = Wn, Xr = (e, t, n) => {
 				autocomplete: "off",
 				disabled: E.value,
 				onClick: c[1] ||= K(() => {}, ["stop"]),
-				onFocus: ge,
-				onKeydown: Te
+				onFocus: _e,
+				onKeydown: Ee
 			}, null, 42, ei)), [[B, ie.value]]) : (w(), o("span", {
 				key: 2,
 				class: y([L(_).e("value"), { [L(_).is("placeholder")]: !se.value }])
@@ -4674,7 +4682,7 @@ var Kr = Hn, qr = Un, Jr = zn, Yr = Wn, Xr = (e, t, n) => {
 			$.value ? (w(), o("span", {
 				key: 3,
 				class: y(L(_).e("clear")),
-				onClick: be
+				onClick: xe
 			}, [...c[6] ||= [s("svg", {
 				viewBox: "0 0 24 24",
 				fill: "currentColor"
@@ -4711,13 +4719,13 @@ var Kr = Hn, qr = Un, Jr = zn, Yr = Wn, Xr = (e, t, n) => {
 				key: e.value,
 				class: y([
 					L(_).e("option"),
-					L(_).is("selected", xe(e)),
+					L(_).is("selected", Se(e)),
 					L(_).is("disabled", !!e.disabled),
 					L(_).is("hover", U.value === t)
 				]),
-				onClick: (t) => ye(e),
+				onClick: (t) => be(e),
 				onMouseenter: (e) => U.value = t
-			}, [A(r.$slots, "default", { option: e }, () => [l(P(e.label), 1)]), xe(e) ? (w(), o("span", {
+			}, [A(r.$slots, "default", { option: e }, () => [l(P(e.label), 1)]), Se(e) ? (w(), o("span", {
 				key: 0,
 				class: y(L(_).e("check"))
 			}, [...c[8] ||= [s("svg", {
@@ -8045,7 +8053,7 @@ var Ja = $(Ra), Ya = ce(Ga, "$notify"), Xa = /* @__PURE__ */ d({
 			label: String(e),
 			value: e
 		} : e)), _ = D(), b = D([]), T = D({}), E = (e, t) => {
-			e && (b.value[t] = e);
+			e instanceof HTMLElement && (b.value[t] = e);
 		};
 		H(() => g.value.length, (e) => {
 			b.value.length > e && (b.value.length = e);
@@ -8196,7 +8204,7 @@ var Ja = $(Ra), Ya = ce(Ga, "$notify"), Xa = /* @__PURE__ */ d({
 		}, null, 8, ["class"])) : a("", !0), s("span", {
 			class: y(L(d).e("item-label")),
 			"data-label": e.label
-		}, P(e.label), 11, co)])], 42, so))), 128))], 46, oo));
+		}, [s("span", { class: y(L(d).e("item-label-text")) }, P(e.label), 3)], 10, co)])], 42, so))), 128))], 46, oo));
 	}
 })), uo = {
 	data: {
@@ -8223,6 +8231,15 @@ var Ja = $(Ra), Ya = ce(Ga, "$notify"), Xa = /* @__PURE__ */ d({
 		type: Boolean,
 		default: !1
 	},
+	rowClassName: {
+		type: [
+			String,
+			Array,
+			Object,
+			Function
+		],
+		default: ""
+	},
 	height: { type: [String, Number] },
 	maxHeight: { type: [String, Number] },
 	emptyText: {
@@ -8342,8 +8359,8 @@ var Ja = $(Ra), Ya = ce(Ga, "$notify"), Xa = /* @__PURE__ */ d({
 			}, m("sort-change", v.value);
 		}, C = (e) => !e.sortable || v.value.prop !== e.prop ? "" : v.value.order === "ascending" ? "is-ascending" : v.value.order === "descending" ? "is-descending" : "", E = (e, t) => v.value.prop === e.prop && v.value.order === t, O = N(/* @__PURE__ */ new Set()), j = (e) => F(e), I = r(() => {
 			let e = /* @__PURE__ */ new Map();
-			if (!le.value) return e;
-			let t = ue.value, n = (r, i) => {
+			if (!ue.value) return e;
+			let t = de.value, n = (r, i) => {
 				for (let a of r) {
 					let r = j(a), o = Array.isArray(r[t]) ? r[t].map(j) : [], s = {
 						parent: i,
@@ -8360,12 +8377,12 @@ var Ja = $(Ra), Ya = ce(Ga, "$notify"), Xa = /* @__PURE__ */ d({
 			return n(p.data, null), e;
 		}), R = r(() => Array.from(I.value.keys())), z = r(() => {
 			let e = /* @__PURE__ */ new Map();
-			if (le.value) for (let t of R.value) e.set(ce(t, -1), t);
+			if (ue.value) for (let t of R.value) e.set(le(t, -1), t);
 			else p.data.forEach((t, n) => {
-				e.set(ce(t, n), j(t));
+				e.set(le(t, n), j(t));
 			});
 			return e;
-		}), B = r(() => le.value ? p.treeCheckMode : "strict"), V = r(() => B.value !== "strict"), U = (e) => O.value.has(j(e)), ee = r(() => {
+		}), B = r(() => ue.value ? p.treeCheckMode : "strict"), V = r(() => B.value !== "strict"), U = (e) => O.value.has(j(e)), ee = r(() => {
 			let e = V.value ? R.value : b.value;
 			return e.length === 0 ? !1 : e.every((e) => O.value.has(j(e)));
 		}), G = r(() => {
@@ -8377,7 +8394,7 @@ var Ja = $(Ra), Ya = ce(Ga, "$notify"), Xa = /* @__PURE__ */ d({
 			if (!t || t.descendants.length === 0) return !1;
 			let n = t.descendants.filter((e) => O.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) => ce(e, -1)), te = (e) => {
+		}, Y = r(() => V.value ? R.value.filter((e) => J(e)) : []), X = (e) => e.map((e) => le(e, -1)), te = (e) => {
 			let t = O.value;
 			if (t.size !== e.length) return !1;
 			let n = z.value;
@@ -8446,75 +8463,81 @@ var Ja = $(Ra), Ya = ce(Ga, "$notify"), Xa = /* @__PURE__ */ d({
 				let t = se.value;
 				se.value = e, m("current-change", e, t);
 			}
-		}, 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 = D(/* @__PURE__ */ new Set()), pe = () => {
-			if (le.value && p.defaultExpandAll) {
+		}, ce = (e, t) => {
+			let n = p.rowClassName;
+			return typeof n == "function" ? n({
+				row: e,
+				rowIndex: t
+			}) : n;
+		}, le = (e, t) => typeof p.rowKey == "function" ? p.rowKey(e) : e[p.rowKey] ?? t, ue = r(() => !!p.treeProps), de = r(() => p.treeProps?.children || "children"), fe = r(() => p.treeProps?.hasChildren || ""), pe = D(/* @__PURE__ */ new Set()), me = () => {
+			if (ue.value && p.defaultExpandAll) {
 				let e = /* @__PURE__ */ new Set(), t = (n) => {
 					for (let r of n) {
-						let n = ce(r, -1), i = r[ue.value];
+						let n = le(r, -1), i = r[de.value];
 						i && i.length > 0 && (e.add(n), t(i));
 					}
 				};
-				t(p.data), fe.value = e;
+				t(p.data), pe.value = e;
 			}
 		};
-		H(() => p.data, pe, { immediate: !0 }), H(() => p.checkedKeys, (e) => {
+		H(() => p.data, me, { immediate: !0 }), H(() => p.checkedKeys, (e) => {
 			e !== void 0 && Q(e);
 		}, { immediate: !0 }), H(z, () => {
 			p.checkedKeys !== void 0 && Q(p.checkedKeys);
-		}), H(() => p.defaultExpandAll, pe);
-		let me = (e) => {
-			if (de.value && e[de.value]) return !0;
-			let t = e[ue.value];
+		}), H(() => p.defaultExpandAll, me);
+		let he = (e) => {
+			if (fe.value && e[fe.value]) return !0;
+			let t = e[de.value];
 			return Array.isArray(t) && t.length > 0;
-		}, 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 = () => {
+		}, ge = (e, t) => {
+			let n = le(e, -1), r = new Set(pe.value), i = r.has(n), a = t === void 0 ? !i : t;
+			a ? r.add(n) : r.delete(n), pe.value = r, m("expand-change", e, a);
+		}, _e = () => {
 			let e = /* @__PURE__ */ new Set(), t = (n) => {
 				for (let r of n) {
-					let n = ce(r, -1);
-					if (me(r)) {
+					let n = le(r, -1);
+					if (he(r)) {
 						e.add(n);
-						let i = r[ue.value];
+						let i = r[de.value];
 						Array.isArray(i) && t(i);
 					}
 				}
 			};
-			t(p.data), fe.value = e;
-		}, _e = () => {
-			fe.value = /* @__PURE__ */ new Set();
-		}, ve = r(() => {
-			if (!le.value) return [];
+			t(p.data), pe.value = e;
+		}, ve = () => {
+			pe.value = /* @__PURE__ */ new Set();
+		}, be = r(() => {
+			if (!ue.value) return [];
 			let e = [], t = (n, r) => {
 				for (let i of n) {
-					let n = ce(i, -1), a = me(i), o = fe.value.has(n);
+					let n = le(i, -1), a = he(i), o = pe.value.has(n);
 					if (e.push({
 						row: i,
 						level: r,
 						hasChildren: a,
 						expanded: o
 					}), a && o) {
-						let e = i[ue.value];
+						let e = i[de.value];
 						Array.isArray(e) && t(e, r + 1);
 					}
 				}
 			};
 			return t(b.value, 0), e;
-		}), be = r(() => le.value ? ve.value.map((e) => e.row) : b.value), xe = (e) => ve.value.find((t) => t.row === e), Se = (e) => {
+		}), xe = r(() => ue.value ? be.value.map((e) => e.row) : b.value), Se = (e) => be.value.find((t) => t.row === e), Ce = (e) => {
 			let t = g.value.filter((e) => e.columnType === "default");
 			return t.length > 0 && t[0].id === e.id;
-		}, Ce = D(/* @__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);
+		}, we = D(/* @__PURE__ */ new Set()), Te = r(() => g.value.find((e) => e.columnType === "expand")), Ee = (e) => Te.value ? typeof p.rowExpandable == "function" ? p.rowExpandable(e) : !0 : !1, De = (e) => {
+			let t = le(e, -1);
+			return we.value.has(t);
+		}, Oe = (e, t) => {
+			if (p.loading || p.disabled || !Ee(e)) return;
+			let n = le(e, -1), r = new Set(we.value), i = r.has(n), a = t === void 0 ? !i : t;
+			a ? r.add(n) : r.delete(n), we.value = r, m("expand-change", e, a);
 		};
 		H(() => p.expandRowKeys, (e) => {
-			e !== void 0 && (Ce.value = new Set(e));
+			e !== void 0 && (we.value = new Set(e));
 		}, { immediate: !0 });
-		let Oe = r(() => [
+		let ke = r(() => [
 			h.b(),
 			q(p.size) && h.m(p.size),
 			h.m(`type-${p.type}`),
@@ -8524,20 +8547,20 @@ var Ja = $(Ra), Ya = ce(Ga, "$notify"), Xa = /* @__PURE__ */ d({
 			h.is("scrollable", !!(p.height || p.maxHeight)),
 			h.is("loading", p.loading),
 			h.is("disabled", p.disabled)
-		]), ke = r(() => p.color ? p.color : p.type && p.type !== "default" ? `var(--cp-color-${p.type})` : null), Ae = r(() => p.color ? {
+		]), Ae = r(() => p.color ? p.color : p.type && p.type !== "default" ? `var(--cp-color-${p.type})` : null), je = 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)`
-		} : {}), je = r(() => p.color || p.type === "default" ? void 0 : p.type), Me = r(() => p.color || void 0), Ne = r(() => {
+		} : {}), Me = r(() => p.color || p.type === "default" ? void 0 : p.type), Ne = r(() => p.color || void 0), Pe = 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;
-		}), Pe = (e) => {
+		}), Fe = (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;
-		}, 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") : "";
+		}, Ie = (e, t) => t.prop ? t.prop.split(".").reduce((e, t) => e?.[t], e) : "", Le = (e) => e === "center" ? h.m("align-center") : e === "right" ? h.m("align-right") : "";
 		return d({
 			clearSelection: () => {
 				ne(/* @__PURE__ */ new Set());
@@ -8574,13 +8597,13 @@ var Ja = $(Ra), Ya = ce(Ga, "$notify"), Xa = /* @__PURE__ */ d({
 				let t = se.value;
 				se.value = e, m("current-change", e, t);
 			},
-			toggleRowExpansion: he,
-			expandAll: ge,
-			collapseAll: _e,
-			toggleRowExpand: De
+			toggleRowExpansion: ge,
+			expandAll: _e,
+			collapseAll: ve,
+			toggleRowExpand: Oe
 		}), (t, r) => (w(), o("div", {
-			class: y(Oe.value),
-			style: x(Ae.value)
+			class: y(ke.value),
+			style: x(je.value)
 		}, [
 			s("div", po, [A(t.$slots, "default")]),
 			s("div", { class: y(L(h).e("wrapper")) }, [s("table", { class: y(L(h).e("inner")) }, [t.showHeader ? (w(), o("thead", {
@@ -8592,16 +8615,16 @@ var Ja = $(Ra), Ya = ce(Ga, "$notify"), Xa = /* @__PURE__ */ d({
 					L(h).e("header-cell"),
 					t.sortable && L(h).is("sortable", !0),
 					C(t),
-					Ie(t.headerAlign || t.align)
+					Le(t.headerAlign || t.align)
 				]),
-				style: x(Pe(t)),
+				style: x(Fe(t)),
 				onClick: (e) => t.sortable ? S(t) : void 0
 			}, [t.columnType === "selection" ? (w(), i(mi, {
 				key: 0,
 				"model-value": ee.value,
 				indeterminate: G.value,
-				type: je.value,
-				color: Me.value,
+				type: Me.value,
+				color: Ne.value,
 				onChange: ae,
 				onClick: r[0] ||= K(() => {}, ["stop"])
 			}, null, 8, [
@@ -8644,26 +8667,27 @@ var Ja = $(Ra), Ya = ce(Ga, "$notify"), Xa = /* @__PURE__ */ d({
 				fill: "currentColor"
 			}, null, -1)]], 2))], 2)) : a("", !0)], 64))], 14, mo))), 128))], 2)], 2)) : a("", !0), s("tbody", {
 				class: y(L(h).e("body")),
-				style: x(Ne.value)
-			}, [be.value.length > 0 ? (w(!0), o(e, { key: 0 }, k(be.value, (n, c) => (w(), o(e, { key: ce(n, c) }, [s("tr", {
+				style: x(Pe.value)
+			}, [xe.value.length > 0 ? (w(!0), o(e, { key: 0 }, k(xe.value, (n, c) => (w(), o(e, { key: le(n, c) }, [s("tr", {
 				class: y([
 					L(h).e("row"),
 					L(h).is("striped", t.stripe && c % 2 == 1),
 					L(h).is("current", t.highlightCurrentRow && se.value === n),
 					L(h).is("selected", U(n)),
-					L(h).is("expanded", we.value && Ee(n))
+					L(h).is("expanded", Te.value && De(n)),
+					ce(n, c)
 				]),
 				onClick: (e) => $(n, c, e)
 			}, [(w(!0), o(e, null, k(g.value, (u) => (w(), o("td", {
 				key: u.id,
-				class: y([L(h).e("cell"), Ie(u.align)]),
-				style: x(Pe(u))
+				class: y([L(h).e("cell"), Le(u.align)]),
+				style: x(Fe(u))
 			}, [u.columnType === "selection" ? (w(), i(mi, {
 				key: 0,
 				"model-value": U(n),
 				indeterminate: J(n),
-				type: je.value,
-				color: Me.value,
+				type: Me.value,
+				color: Ne.value,
 				onChange: (e) => ie(n),
 				onClick: r[1] ||= K(() => {}, ["stop"])
 			}, null, 8, [
@@ -8672,28 +8696,28 @@ var Ja = $(Ra), Ya = ce(Ga, "$notify"), Xa = /* @__PURE__ */ d({
 				"type",
 				"color",
 				"onChange"
-			])) : u.columnType === "expand" ? (w(), o(e, { key: 1 }, [Te(n) ? (w(), o("span", {
+			])) : u.columnType === "expand" ? (w(), o(e, { key: 1 }, [Ee(n) ? (w(), o("span", {
 				key: 0,
-				class: y([L(h).e("expand-trigger"), L(h).is("expanded", Ee(n))]),
-				onClick: K((e) => De(n), ["stop"])
+				class: y([L(h).e("expand-trigger"), L(h).is("expanded", De(n))]),
+				onClick: K((e) => Oe(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, go)) : a("", !0)], 64)) : u.columnType === "index" ? (w(), o(e, { key: 2 }, [l(P(c + 1), 1)], 64)) : le.value && Se(u) ? (w(), o("div", {
+			}, [s("path", { d: "M6 3l5 5-5 5V3z" })], -1)]], 10, go)) : a("", !0)], 64)) : u.columnType === "index" ? (w(), o(e, { key: 2 }, [l(P(c + 1), 1)], 64)) : ue.value && Ce(u) ? (w(), o("div", {
 				key: 3,
 				class: y(L(h).e("tree-cell"))
 			}, [
-				xe(n) ? (w(), o("span", {
+				Se(n) ? (w(), o("span", {
 					key: 0,
 					class: y(L(h).e("tree-indent")),
-					style: x({ width: `${(xe(n)?.level || 0) * t.indent}px` })
+					style: x({ width: `${(Se(n)?.level || 0) * t.indent}px` })
 				}, null, 6)) : a("", !0),
-				xe(n)?.hasChildren ? (w(), o("span", {
+				Se(n)?.hasChildren ? (w(), o("span", {
 					key: 1,
-					class: y([L(h).e("expand-icon"), L(h).is("expanded", xe(n)?.expanded)]),
-					onClick: K((e) => he(n), ["stop"])
+					class: y([L(h).e("expand-icon"), L(h).is("expanded", Se(n)?.expanded)]),
+					onClick: K((e) => ge(n), ["stop"])
 				}, [...r[5] ||= [s("svg", {
 					viewBox: "0 0 16 16",
 					width: "14",
@@ -8707,18 +8731,18 @@ var Ja = $(Ra), Ya = ce(Ga, "$notify"), Xa = /* @__PURE__ */ d({
 					row: n,
 					column: u,
 					$index: c
-				}) }), { key: 0 })) : (w(), o(e, { key: 1 }, [l(P(Fe(n, u)), 1)], 64))], 2)
+				}) }), { key: 0 })) : (w(), o(e, { key: 1 }, [l(P(Ie(n, u)), 1)], 64))], 2)
 			], 2)) : u.slots.default ? (w(), i(M({ render: () => u.slots.default({
 				row: n,
 				column: u,
 				$index: c
-			}) }), { key: 4 })) : (w(), o(e, { key: 5 }, [l(P(Fe(n, u)), 1)], 64))], 6))), 128))], 10, ho), we.value && Ee(n) ? (w(), o("tr", {
+			}) }), { key: 4 })) : (w(), o(e, { key: 5 }, [l(P(Ie(n, u)), 1)], 64))], 6))), 128))], 10, ho), Te.value && De(n) ? (w(), o("tr", {
 				key: 0,
 				class: y(L(h).e("expanded-row"))
 			}, [s("td", {
 				colspan: g.value.length,
 				class: y(L(h).e("expanded-cell"))
-			}, [s("div", { class: y(L(h).e("expanded-content")) }, [we.value?.slots.default ? (w(), i(M({ render: () => we.value.slots.default({
+			}, [s("div", { class: y(L(h).e("expanded-content")) }, [Te.value?.slots.default ? (w(), i(M({ render: () => Te.value.slots.default({
 				row: n,
 				$index: c
 			}) }), { key: 0 })) : a("", !0)], 2)], 10, vo)], 2)) : a("", !0)], 64))), 128)) : (w(), o("tr", {
@@ -8740,7 +8764,7 @@ var Ja = $(Ra), Ya = ce(Ga, "$notify"), Xa = /* @__PURE__ */ d({
 				default: W(() => [t.loading ? (w(), o("div", {
 					key: 0,
 					class: y(L(h).e("loading-overlay"))
-				}, [A(t.$slots, "loading", {}, () => [u(L(ye), { color: ke.value || void 0 }, null, 8, ["color"]), t.loadingText ? (w(), o("span", {
+				}, [A(t.$slots, "loading", {}, () => [u(L(ye), { color: Ae.value || void 0 }, null, 8, ["color"]), t.loadingText ? (w(), o("span", {
 					key: 0,
 					class: y(L(h).e("loading-text"))
 				}, P(t.loadingText), 3)) : a("", !0)])], 2)) : a("", !0)]),

package/dist/table/index.d.ts

@@ -38,6 +38,10 @@ export declare const CpTable: import('../utils').SFCWithInstall<{
             readonly type: BooleanConstructor;
             readonly default: false;
         };
+        readonly rowClassName: {
+            readonly type: import('vue').PropType<import('.').TableRowClassName>;
+            readonly default: "";
+        };
         readonly height: {
             readonly type: import('vue').PropType<string | number>;
         };
@@ -158,6 +162,7 @@ export declare const CpTable: import('../utils').SFCWithInstall<{
         readonly indent: number;
         readonly stripe: boolean;
         readonly highlightCurrentRow: boolean;
+        readonly rowClassName: import('.').TableRowClassName;
         readonly emptyText: string;
         readonly rowKey: string | ((row: any) => string | number);
         readonly treeProps: import('.').TableTreeProps;
@@ -198,6 +203,10 @@ export declare const CpTable: import('../utils').SFCWithInstall<{
             readonly type: BooleanConstructor;
             readonly default: false;
         };
+        readonly rowClassName: {
+            readonly type: import('vue').PropType<import('.').TableRowClassName>;
+            readonly default: "";
+        };
         readonly height: {
             readonly type: import('vue').PropType<string | number>;
         };
@@ -309,6 +318,7 @@ export declare const CpTable: import('../utils').SFCWithInstall<{
         readonly indent: number;
         readonly stripe: boolean;
         readonly highlightCurrentRow: boolean;
+        readonly rowClassName: import('.').TableRowClassName;
         readonly emptyText: string;
         readonly rowKey: string | ((row: any) => string | number);
         readonly treeProps: import('.').TableTreeProps;
@@ -346,6 +356,10 @@ export declare const CpTable: import('../utils').SFCWithInstall<{
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    readonly rowClassName: {
+        readonly type: import('vue').PropType<import('.').TableRowClassName>;
+        readonly default: "";
+    };
     readonly height: {
         readonly type: import('vue').PropType<string | number>;
     };
@@ -466,6 +480,7 @@ export declare const CpTable: import('../utils').SFCWithInstall<{
     readonly indent: number;
     readonly stripe: boolean;
     readonly highlightCurrentRow: boolean;
+    readonly rowClassName: import('.').TableRowClassName;
     readonly emptyText: string;
     readonly rowKey: string | ((row: any) => string | number);
     readonly treeProps: import('.').TableTreeProps;

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

@@ -48,6 +48,23 @@ export interface SelectionDetail {
  * 具体形态由 `selectionPayload` prop 决定
  */
 export type SelectionPayload = any[] | (string | number)[] | SelectionDetail;
+/**
+ * 行 class 绑定值，保持与 Vue `:class` 支持的形态一致
+ */
+export type TableRowClassValue = string | string[] | Record<string, boolean> | null | undefined;
+/**
+ * rowClassName 函数参数
+ */
+export interface TableRowClassNameParams {
+    /** 当前行数据 */
+    row: any;
+    /** 当前渲染行索引（树形表格下为展开后的可见行索引） */
+    rowIndex: number;
+}
+/**
+ * 行 class 配置
+ */
+export type TableRowClassName = TableRowClassValue | ((params: TableRowClassNameParams) => TableRowClassValue);
 /**
  * 树形数据配置
  */
@@ -135,6 +152,15 @@ export interface TableColumnConfig {
  *   </CpTableColumn>
  *   <CpTableColumn prop="name" label="姓名" />
  * </CpTable>
+ *
+ * <!-- 行状态高亮：按业务条件返回 class -->
+ * <CpTable
+ *   :data="tableData"
+ *   :row-class-name="({ row }) => row.status === 'error' ? 'is-error-row' : ''"
+ * >
+ *   <CpTableColumn prop="name" label="姓名" />
+ *   <CpTableColumn prop="status" label="状态" />
+ * </CpTable>
  * ```
  */
 export declare const tableProps: {
@@ -185,6 +211,25 @@ export declare const tableProps: {
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    /**
+     * 行 class 名
+     *
+     * 可传字符串、数组、对象，或函数按行动态返回 class。函数参数包含当前行数据与渲染索引。
+     * 常用于根据业务状态高亮一行或多行；组件内置可直接使用的状态类：
+     * `is-success-row`、`is-warning-row`、`is-error-row`、`is-info-row`。
+     *
+     * @example
+     * ```vue
+     * <CpTable
+     *   :data="tableData"
+     *   :row-class-name="({ row }) => row.status === 'offline' ? 'is-error-row' : ''"
+     * />
+     * ```
+     */
+    readonly rowClassName: {
+        readonly type: PropType<TableRowClassName>;
+        readonly default: "";
+    };
     /**
      * 固定高度 (启用固定表头)
      */

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

@@ -35,6 +35,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    readonly rowClassName: {
+        readonly type: import('vue').PropType<import('./table').TableRowClassName>;
+        readonly default: "";
+    };
     readonly height: {
         readonly type: import('vue').PropType<string | number>;
     };
@@ -169,6 +173,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    readonly rowClassName: {
+        readonly type: import('vue').PropType<import('./table').TableRowClassName>;
+        readonly default: "";
+    };
     readonly height: {
         readonly type: import('vue').PropType<string | number>;
     };
@@ -266,6 +274,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     readonly indent: number;
     readonly stripe: boolean;
     readonly highlightCurrentRow: boolean;
+    readonly rowClassName: import('./table').TableRowClassName;
     readonly emptyText: string;
     readonly rowKey: string | ((row: any) => string | number);
     readonly treeProps: import('./table').TableTreeProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cyberpunk-vue/components",
-  "version": "1.13.2",
+  "version": "1.13.4",
   "description": "Cyberpunk Vue components - A futuristic Vue 3 component library",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -24,9 +24,9 @@
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.6",
-    "@cyberpunk-vue/hooks": "1.13.2",
-    "@cyberpunk-vue/theme-chalk": "1.13.2",
-    "@cyberpunk-vue/constants": "1.13.2"
+    "@cyberpunk-vue/constants": "1.13.4",
+    "@cyberpunk-vue/hooks": "1.13.4",
+    "@cyberpunk-vue/theme-chalk": "1.13.4"
   },
   "author": "Juxest",
   "license": "MIT",