@cyberpunk-vue/components 1.11.2 → 1.12.0

package/dist/index.mjs

@@ -4417,10 +4417,18 @@ var se = {
 		type: Boolean,
 		default: !1
 	},
+	showRadio: {
+		type: Boolean,
+		default: !1
+	},
 	checkStrictly: {
 		type: Boolean,
 		default: !1
 	},
+	checkMode: {
+		type: String,
+		default: void 0
+	},
 	defaultExpandAll: {
 		type: Boolean,
 		default: !1
@@ -4457,6 +4465,22 @@ var se = {
 		type: Boolean,
 		default: !1
 	},
+	defaultCurrentKey: {
+		type: [
+			String,
+			Number,
+			null
+		],
+		default: null
+	},
+	currentKey: {
+		type: [
+			String,
+			Number,
+			null
+		],
+		default: void 0
+	},
 	type: {
 		type: String,
 		default: "primary"
@@ -4506,8 +4530,10 @@ var se = {
 	"node-expand": (e, t) => e !== void 0 && t !== void 0,
 	"node-collapse": (e, t) => e !== void 0 && t !== void 0,
 	"check-change": (e, t) => e !== void 0 && typeof t == "boolean",
+	"current-change": (e, t, n, r) => !0,
 	"update:checkedKeys": (e) => Array.isArray(e),
-	"update:expandedKeys": (e) => Array.isArray(e)
+	"update:expandedKeys": (e) => Array.isArray(e),
+	"update:currentKey": (e) => e === null || typeof e == "string" || typeof e == "number"
 }, In = Symbol("treeContext"), Ln = {
 	node: {
 		type: Object,
@@ -4539,14 +4565,14 @@ var se = {
 			}
 			return e;
 		}
-		let f = r(() => u.expandedKeys.value.has(n.node.key)), p = r(() => u.checkedKeys.value.has(n.node.key)), h = r(() => u.indeterminateKeys.value.has(n.node.key)), g = r(() => u.highlightCurrent && u.currentNodeKey.value === n.node.key), _ = r(() => u.visibleKeys.value ? u.visibleKeys.value.has(n.node.key) : !0), b = r(() => ({ paddingLeft: `${n.node.level * u.indent}px` })), x = r(() => [
+		let f = r(() => u.expandedKeys.value.has(n.node.key)), p = r(() => u.checkedKeys.value.has(n.node.key)), h = r(() => u.indeterminateKeys.value.has(n.node.key)), g = r(() => u.currentNodeKey.value === n.node.key), _ = r(() => u.highlightCurrent && g.value), b = r(() => u.visibleKeys.value ? u.visibleKeys.value.has(n.node.key) : !0), x = r(() => ({ paddingLeft: `${n.node.level * u.indent}px` })), C = r(() => [
 			c.e("node-content"),
 			c.is("expanded", f.value),
 			c.is("checked", p.value),
-			c.is("current", g.value),
+			c.is("current", _.value),
 			c.is("disabled", n.node.disabled),
 			c.is("leaf", n.node.isLeaf)
-		]), C = r(() => n.node.isLeaf ? null : f.value && u.collapseIcon ? d(u.collapseIcon) : !f.value && u.expandIcon || u.expandIcon ? d(u.expandIcon) : null), w = r(() => n.node.isLeaf ? d(u.leafIcon) : null), E = r(() => !!u.expandIcon && !u.collapseIcon), O = r(() => {
+		]), w = r(() => n.node.isLeaf ? null : f.value && u.collapseIcon ? d(u.collapseIcon) : !f.value && u.expandIcon || u.expandIcon ? d(u.expandIcon) : null), E = r(() => n.node.isLeaf ? d(u.leafIcon) : null), O = r(() => !!u.expandIcon && !u.collapseIcon), j = r(() => {
 			if (u.nodeIcon) {
 				if (typeof u.nodeIcon == "function") try {
 					let e = u.nodeIcon(n.node);
@@ -4586,32 +4612,34 @@ var se = {
 				component: null,
 				iconString: null
 			};
-		}), j = r(() => O.value.component !== null || O.value.iconString !== null), N = (e) => {
+		}), N = r(() => j.value.component !== null || j.value.iconString !== null), P = (e) => {
 			e.stopPropagation(), n.node.isLeaf || u.toggleExpand(n.node);
-		}, P = (e) => {
+		}, I = (e) => {
 			e.stopPropagation(), u.toggleCheck(n.node);
-		}, I = () => {
-			u.handleNodeClick(n.node), !n.node.isLeaf && !u.showCheckbox && u.toggleExpand(n.node);
-		}, L = T();
+		}, L = () => {
+			u.handleNodeClick(n.node), !n.node.isLeaf && !u.showCheckbox && !u.showRadio && u.toggleExpand(n.node);
+		}, R = (e) => {
+			e.stopPropagation(), !n.node.disabled && u.setCurrentNode(n.node);
+		}, B = T();
 		return (t, n) => {
 			let r = k("CpTreeNode");
 			return U((S(), o("div", {
 				class: v(F(c).e("node")),
 				role: "treeitem"
 			}, [s("div", {
-				class: v(x.value),
-				style: y(b.value),
-				onClick: I
+				class: v(C.value),
+				style: y(x.value),
+				onClick: L
 			}, [
 				s("span", {
 					class: v([
 						F(c).e("expand-icon"),
 						F(c).is("expanded", f.value),
 						F(c).is("leaf", t.node.isLeaf),
-						F(c).is("custom-icon", !!C.value || !!w.value),
-						F(c).is("rotate-expand", E.value && f.value)
+						F(c).is("custom-icon", !!w.value || !!E.value),
+						F(c).is("rotate-expand", O.value && f.value)
 					]),
-					onClick: N
+					onClick: P
 				}, [F(u).slots.icon ? (S(), i(A(F(u).slots.icon), {
 					key: 0,
 					node: t.node,
@@ -4621,18 +4649,22 @@ var se = {
 					"node",
 					"data",
 					"expanded"
-				])) : C.value ? (S(), i(A(C.value), { key: 1 })) : w.value ? (S(), i(A(w.value), { key: 2 })) : (S(), o(e, { key: 3 }, [t.node.isLeaf ? (S(), o("span", {
+				])) : w.value ? (S(), i(A(w.value), { key: 1 })) : E.value ? (S(), i(A(E.value), { key: 2 })) : (S(), o(e, { key: 3 }, [t.node.isLeaf ? (S(), o("span", {
 					key: 1,
 					class: v(F(c).e("leaf-dot"))
 				}, null, 2)) : (S(), o("svg", Rn, [...n[0] ||= [s("polyline", { points: "9,6 15,12 9,18" }, null, -1)]]))], 64))], 2),
-				j.value ? (S(), o("span", {
+				F(u).showRadio && !F(u).showCheckbox ? (S(), o("span", {
 					key: 0,
-					class: v(F(c).e("node-icon"))
-				}, [O.value.component ? (S(), i(A(O.value.component), { key: 0 })) : O.value.iconString ? (S(), i(be, {
-					key: 1,
-					icon: O.value.iconString,
-					size: "sm"
-				}, null, 8, ["icon"])) : a("", !0)], 2)) : a("", !0),
+					class: v([
+						F(c).e("radio"),
+						F(c).is("checked", g.value),
+						F(c).is("disabled", t.node.disabled)
+					]),
+					onClick: G(R, ["stop"])
+				}, [g.value ? (S(), o("span", {
+					key: 0,
+					class: v(F(c).e("radio-dot"))
+				}, null, 2)) : a("", !0)], 2)) : a("", !0),
 				F(u).showCheckbox ? (S(), o("span", {
 					key: 1,
 					class: v([
@@ -4641,7 +4673,7 @@ var se = {
 						F(c).is("indeterminate", h.value),
 						F(c).is("disabled", t.node.disabled)
 					]),
-					onClick: G(P, ["stop"])
+					onClick: G(I, ["stop"])
 				}, [p.value && !h.value ? (S(), o("svg", {
 					key: 0,
 					class: v(F(c).e("checkbox-icon")),
@@ -4664,6 +4696,14 @@ var se = {
 					x2: "19",
 					y2: "12"
 				}, null, -1)]], 2)) : a("", !0)], 2)) : a("", !0),
+				N.value ? (S(), o("span", {
+					key: 2,
+					class: v(F(c).e("node-icon"))
+				}, [j.value.component ? (S(), i(A(j.value.component), { key: 0 })) : j.value.iconString ? (S(), i(be, {
+					key: 1,
+					icon: j.value.iconString,
+					size: "sm"
+				}, null, 8, ["icon"])) : a("", !0)], 2)) : a("", !0),
 				s("span", { class: v(F(c).e("label")) }, [F(u).slots.default ? (S(), i(A(F(u).slots.default), {
 					key: 0,
 					node: t.node,
@@ -4672,13 +4712,13 @@ var se = {
 			], 6), t.node.children.length > 0 ? U((S(), o("div", {
 				key: 0,
 				ref_key: "childrenRef",
-				ref: L,
+				ref: B,
 				class: v(F(c).e("children"))
 			}, [(S(!0), o(e, null, D(t.node.children, (e, n) => (S(), i(r, {
 				key: e.key,
 				node: e,
 				"is-last": n === t.node.children.length - 1
-			}, null, 8, ["node", "is-last"]))), 128))], 2)), [[z, f.value]]) : a("", !0)], 2)), [[z, _.value]]);
+			}, null, 8, ["node", "is-last"]))), 128))], 2)), [[z, f.value]]) : a("", !0)], 2)), [[z, b.value]]);
 		};
 	}
 }), Bn = $(/* @__PURE__ */ d({
@@ -4724,40 +4764,49 @@ var se = {
 		B(() => c.checkedKeys, (e) => {
 			e !== void 0 && (k.value = new Set(e));
 		}, { immediate: !0 });
-		let j = T(/* @__PURE__ */ new Set());
-		B(A, () => {
-			if (c.checkStrictly) {
+		let j = T(/* @__PURE__ */ new Set()), M = r(() => c.checkMode ? c.checkMode : c.checkStrictly ? "strict" : "cascade");
+		B([A, M], () => {
+			let e = M.value;
+			if (e === "strict") {
 				j.value = /* @__PURE__ */ new Set();
 				return;
 			}
-			let e = /* @__PURE__ */ new Set(), t = A.value, n = (r) => {
-				for (let i of r) if (i.children.length > 0) {
-					n(i.children);
-					let r = i.children.filter((e) => !e.disabled);
-					if (r.length === 0) continue;
-					let a = r.every((e) => t.has(e.key)), o = r.some((n) => t.has(n.key) || e.has(n.key));
-					!a && o && e.add(i.key);
+			let t = /* @__PURE__ */ new Set(), n = A.value;
+			if (e === "bubble") {
+				let e = (r) => {
+					for (let i of r) i.children.length > 0 && (e(i.children), n.has(i.key) && i.children.some((e) => !e.disabled && (!n.has(e.key) || t.has(e.key))) && t.add(i.key));
+				};
+				e(x.value), j.value = t;
+				return;
+			}
+			let r = (e) => {
+				for (let i of e) if (i.children.length > 0) {
+					r(i.children);
+					let e = i.children.filter((e) => !e.disabled);
+					if (e.length === 0) continue;
+					let a = e.every((e) => n.has(e.key)), o = e.some((e) => n.has(e.key) || t.has(e.key));
+					!a && o && t.add(i.key);
 				}
 			};
-			n(x.value), j.value = e;
+			r(x.value), j.value = t;
 		}, { immediate: !0 });
-		let M = T(null), N = T(""), P = T(null);
-		B(N, () => {
-			if (!N.value || !c.filterMethod) {
-				P.value = null;
+		let N = T(c.defaultCurrentKey ?? null), P = r(() => c.currentKey === void 0 ? N.value : c.currentKey), I = T(""), R = T(null);
+		B(I, () => {
+			if (!I.value || !c.filterMethod) {
+				R.value = null;
 				return;
 			}
 			let e = /* @__PURE__ */ new Set(), t = (n) => {
 				let r = !1;
 				for (let i of n) {
 					let n = !1;
-					i.children.length > 0 && (n = t(i.children)), (c.filterMethod(N.value, i.data, i) || n) && (e.add(i.key), r = !0);
+					i.children.length > 0 && (n = t(i.children)), (c.filterMethod(I.value, i.data, i) || n) && (e.add(i.key), r = !0);
 				}
 				return r;
 			};
-			t(x.value), P.value = e;
+			t(x.value), R.value = e;
 		});
-		let I = (e) => {
+		let z = (e) => {
 			let t = new Set(E.value);
 			if (t.has(e.key)) t.delete(e.key), l("node-collapse", e.data, e);
 			else {
@@ -4766,28 +4815,40 @@ var se = {
 				t.add(e.key), l("node-expand", e.data, e);
 			}
 			c.expandedKeys === void 0 ? w.value = t : l("update:expandedKeys", Array.from(t));
-		}, R = (e) => {
+		}, V = (e) => {
 			if (e.disabled) return;
-			let t = new Set(A.value), n = t.has(e.key);
-			c.checkStrictly ? n ? t.delete(e.key) : t.add(e.key) : (n ? (t.delete(e.key), V(e, t)) : (t.add(e.key), z(e, t)), H(e.parent, t)), l("check-change", e.data, !n), c.checkedKeys === void 0 ? k.value = t : l("update:checkedKeys", Array.from(t));
-		}, z = (e, t) => {
-			for (let n of e.children) n.disabled || t.add(n.key), z(n, t);
-		}, V = (e, t) => {
-			for (let n of e.children) n.disabled || t.delete(n.key), V(n, t);
+			let t = new Set(A.value), n = t.has(e.key), r = M.value;
+			if (r === "strict") n ? t.delete(e.key) : t.add(e.key);
+			else if (r === "bubble") if (n) t.delete(e.key), U(e, t);
+			else {
+				t.add(e.key), H(e, t);
+				let n = e.parent;
+				for (; n;) n.disabled || t.add(n.key), n = n.parent;
+			}
+			else n ? (t.delete(e.key), U(e, t)) : (t.add(e.key), H(e, t)), W(e.parent, t);
+			l("check-change", e.data, !n), c.checkedKeys === void 0 ? k.value = t : l("update:checkedKeys", Array.from(t));
 		}, H = (e, t) => {
+			for (let n of e.children) n.disabled || t.add(n.key), H(n, t);
+		}, U = (e, t) => {
+			for (let n of e.children) n.disabled || t.delete(n.key), U(n, t);
+		}, W = (e, t) => {
 			if (!e) return;
 			let n = e.children.filter((e) => !e.disabled);
-			n.length !== 0 && (n.every((e) => t.has(e.key)) ? t.add(e.key) : t.delete(e.key), H(e.parent, t));
-		}, U = (e) => {
-			c.highlightCurrent && (M.value = e.key);
-		}, W = (e) => {
-			U(e), l("node-click", e.data, e);
-		}, G = r(() => [
+			n.length !== 0 && (n.every((e) => t.has(e.key)) ? t.add(e.key) : t.delete(e.key), W(e.parent, t));
+		}, G = (e, t = !0) => {
+			let n = P.value, r = e ? e.key : null;
+			if (n !== r && (c.currentKey === void 0 ? N.value = r : l("update:currentKey", r), t)) {
+				let t = n == null ? null : _.get(n) ?? null;
+				l("current-change", e ? e.data : null, e, t ? t.data : null, t);
+			}
+		}, K = (e) => {
+			c.showRadio ? e.disabled || G(e) : c.highlightCurrent && G(e), l("node-click", e.data, e);
+		}, q = r(() => [
 			d.b(),
 			d.m(c.type),
 			d.is("connector-line", c.connectorLine),
 			d.is("custom-color", !!c.color)
-		]), K = r(() => c.color ? {
+		]), J = r(() => c.color ? {
 			"--cp-tree-active-color": c.color,
 			"--cp-tree-active-color-light": `${c.color}66`
 		} : {});
@@ -4795,20 +4856,24 @@ var se = {
 			expandedKeys: E,
 			checkedKeys: A,
 			indeterminateKeys: j,
-			currentNodeKey: M,
+			currentNodeKey: P,
 			showCheckbox: c.showCheckbox,
+			showRadio: c.showRadio,
 			checkStrictly: c.checkStrictly,
+			get checkMode() {
+				return M.value;
+			},
 			accordion: c.accordion,
 			indent: c.indent,
 			highlightCurrent: c.highlightCurrent,
 			type: c.type,
 			connectorLine: c.connectorLine,
-			filterText: N,
-			visibleKeys: P,
-			toggleExpand: I,
-			toggleCheck: R,
-			setCurrentNode: U,
-			handleNodeClick: W,
+			filterText: I,
+			visibleKeys: R,
+			toggleExpand: z,
+			toggleCheck: V,
+			setCurrentNode: G,
+			handleNodeClick: K,
 			nodeMap: _,
 			slots: u,
 			expandIcon: c.expandIcon,
@@ -4818,13 +4883,26 @@ var se = {
 			showNodeIcon: c.showNodeIcon
 		}), n({
 			filter: (e) => {
-				N.value = e;
+				I.value = e;
 			},
 			getCheckedKeys: () => Array.from(A.value),
 			setCheckedKeys: (e) => {
 				c.checkedKeys === void 0 ? k.value = new Set(e) : l("update:checkedKeys", e);
 			},
 			getHalfCheckedKeys: () => Array.from(j.value),
+			getCurrentKey: () => P.value,
+			getCurrentNode: () => {
+				let e = P.value;
+				return e == null ? null : _.get(e)?.data ?? null;
+			},
+			setCurrentKey: (e) => {
+				if (e == null) {
+					G(null, !1);
+					return;
+				}
+				let t = _.get(e);
+				t && G(t, !1);
+			},
 			expandAll: () => {
 				let e = /* @__PURE__ */ new Set(), t = (n) => {
 					for (let r of n) r.isLeaf || e.add(r.key), r.children.length && t(r.children);
@@ -4836,8 +4914,8 @@ var se = {
 			},
 			treeNodes: x
 		}), (t, n) => (S(), o("div", {
-			class: v(G.value),
-			style: y(K.value),
+			class: v(q.value),
+			style: y(J.value),
 			role: "tree"
 		}, [x.value.length > 0 ? (S(!0), o(e, { key: 0 }, D(x.value, (e, t) => (S(), i(zn, {
 			key: e.key,

package/dist/table/index.d.ts

@@ -110,10 +110,10 @@ export declare const CpTable: import('../utils').SFCWithInstall<{
     }>> & Readonly<{
         onSelect?: ((selection: import('.').SelectionPayload, row: any) => any) | undefined;
         "onSelect-all"?: ((selection: import('.').SelectionPayload) => any) | undefined;
+        "onCurrent-change"?: ((currentRow: any, oldRow: any) => 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;
-        "onCurrent-change"?: ((currentRow: any, oldRow: any) => any) | undefined;
         "onExpand-change"?: ((row: any, expanded: boolean) => any) | undefined;
     }>, {
         clearSelection: () => void;
@@ -131,10 +131,10 @@ export declare const CpTable: import('../utils').SFCWithInstall<{
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         select: (selection: import('.').SelectionPayload, row: any) => void;
         "select-all": (selection: import('.').SelectionPayload) => void;
+        "current-change": (currentRow: any, oldRow: any) => void;
         "sort-change": (sortState: import('.').SortState) => void;
         "row-click": (row: any, index: number, event: MouseEvent) => void;
         "selection-change": (selection: import('.').SelectionPayload) => void;
-        "current-change": (currentRow: any, oldRow: any) => void;
         "expand-change": (row: any, expanded: boolean) => void;
     }, import('vue').PublicProps, {
         readonly size: import('@cyberpunk-vue/hooks').Size;
@@ -262,10 +262,10 @@ export declare const CpTable: import('../utils').SFCWithInstall<{
     }>> & Readonly<{
         onSelect?: ((selection: import('.').SelectionPayload, row: any) => any) | undefined;
         "onSelect-all"?: ((selection: import('.').SelectionPayload) => any) | undefined;
+        "onCurrent-change"?: ((currentRow: any, oldRow: any) => 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;
-        "onCurrent-change"?: ((currentRow: any, oldRow: any) => any) | undefined;
         "onExpand-change"?: ((row: any, expanded: boolean) => any) | undefined;
     }>, {
         clearSelection: () => void;
@@ -403,10 +403,10 @@ export declare const CpTable: import('../utils').SFCWithInstall<{
 }>> & Readonly<{
     onSelect?: ((selection: import('.').SelectionPayload, row: any) => any) | undefined;
     "onSelect-all"?: ((selection: import('.').SelectionPayload) => any) | undefined;
+    "onCurrent-change"?: ((currentRow: any, oldRow: any) => 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;
-    "onCurrent-change"?: ((currentRow: any, oldRow: any) => any) | undefined;
     "onExpand-change"?: ((row: any, expanded: boolean) => any) | undefined;
 }>, {
     clearSelection: () => void;
@@ -424,10 +424,10 @@ export declare const CpTable: import('../utils').SFCWithInstall<{
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     select: (selection: import('.').SelectionPayload, row: any) => void;
     "select-all": (selection: import('.').SelectionPayload) => void;
+    "current-change": (currentRow: any, oldRow: any) => void;
     "sort-change": (sortState: import('.').SortState) => void;
     "row-click": (row: any, index: number, event: MouseEvent) => void;
     "selection-change": (selection: import('.').SelectionPayload) => void;
-    "current-change": (currentRow: any, oldRow: any) => void;
     "expand-change": (row: any, expanded: boolean) => void;
 }, string, {
     readonly size: import('@cyberpunk-vue/hooks').Size;

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

@@ -132,10 +132,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     select: (selection: SelectionPayload, row: any) => void;
     "select-all": (selection: SelectionPayload) => void;
+    "current-change": (currentRow: any, oldRow: any) => void;
     "sort-change": (sortState: SortState) => void;
     "row-click": (row: any, index: number, event: MouseEvent) => void;
     "selection-change": (selection: SelectionPayload) => void;
-    "current-change": (currentRow: any, oldRow: any) => void;
     "expand-change": (row: any, expanded: boolean) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     readonly data: {
@@ -234,10 +234,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
 }>> & Readonly<{
     onSelect?: ((selection: SelectionPayload, row: any) => any) | undefined;
     "onSelect-all"?: ((selection: SelectionPayload) => any) | undefined;
+    "onCurrent-change"?: ((currentRow: any, oldRow: any) => any) | undefined;
     "onSort-change"?: ((sortState: SortState) => any) | undefined;
     "onRow-click"?: ((row: any, index: number, event: MouseEvent) => any) | undefined;
     "onSelection-change"?: ((selection: SelectionPayload) => any) | undefined;
-    "onCurrent-change"?: ((currentRow: any, oldRow: any) => any) | undefined;
     "onExpand-change"?: ((row: any, expanded: boolean) => any) | undefined;
 }>, {
     readonly size: import('@cyberpunk-vue/hooks').Size;