@czxingyu/xycomponents 0.1.0

package/dist/tree/tree.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,723 @@
+import { resolveSemanticClassNames as e, resolveSemanticStyles as t } from "../core/shared/index.js";
+import { useXyLocale as n } from "../core/locale/index.js";
+import r from "../icon/icon.js";
+import i from "../checkbox/checkbox.js";
+import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as ee, defineComponent as f, getCurrentInstance as te, mergeProps as ne, nextTick as re, normalizeClass as p, normalizeStyle as m, openBlock as h, ref as g, renderList as ie, renderSlot as _, toDisplayString as ae, unref as v, useId as oe, watch as se, withModifiers as y } from "vue";
+//#region components/tree/tree.vue?vue&type=script&setup=true&lang.ts
+var ce = ["aria-label", "aria-multiselectable"], le = [
+	"id",
+	"aria-checked",
+	"aria-disabled",
+	"aria-expanded",
+	"aria-level",
+	"aria-posinset",
+	"aria-selected",
+	"aria-setsize",
+	"tabindex",
+	"draggable",
+	"onDragend",
+	"onDragenter",
+	"onDragleave",
+	"onDragover",
+	"onDragstart",
+	"onDrop",
+	"onFocus",
+	"onKeydown"
+], ue = {
+	key: 0,
+	class: "xy-tree__line-guides",
+	"aria-hidden": "true"
+}, de = ["aria-label", "onClick"], fe = {
+	key: 2,
+	class: "xy-tree__switcher",
+	"aria-hidden": "true"
+}, pe = ["disabled", "onClick"], b = 32, me = 8, he = /*@__PURE__*/ f({
+	name: "XyTree",
+	__name: "tree",
+	props: {
+		classNames: {
+			type: [
+				Function,
+				null,
+				Array
+			],
+			required: !1,
+			skipCheck: !0
+		},
+		styles: {
+			type: [
+				Function,
+				null,
+				Array
+			],
+			required: !1,
+			skipCheck: !0
+		},
+		allowDrop: {
+			type: Function,
+			required: !1
+		},
+		ariaLabel: {
+			type: String,
+			required: !1
+		},
+		autoExpandParent: {
+			type: Boolean,
+			required: !1,
+			default: !1
+		},
+		blockNode: {
+			type: Boolean,
+			required: !1,
+			default: !1
+		},
+		checkable: {
+			type: Boolean,
+			required: !1,
+			default: !1
+		},
+		checkStrictly: {
+			type: Boolean,
+			required: !1,
+			default: !1
+		},
+		checkedKeys: {
+			type: Array,
+			required: !1
+		},
+		defaultCheckedKeys: {
+			type: Array,
+			required: !1,
+			default: () => []
+		},
+		defaultExpandAll: {
+			type: Boolean,
+			required: !1,
+			default: !1
+		},
+		defaultExpandedKeys: {
+			type: Array,
+			required: !1,
+			default: () => []
+		},
+		defaultSelectedKeys: {
+			type: Array,
+			required: !1,
+			default: () => []
+		},
+		disabled: {
+			type: Boolean,
+			required: !1,
+			default: !1
+		},
+		draggable: {
+			type: [Boolean, Function],
+			required: !1,
+			default: !1
+		},
+		expandedKeys: {
+			type: Array,
+			required: !1
+		},
+		fieldNames: {
+			type: Object,
+			required: !1
+		},
+		filterTreeNode: {
+			type: Function,
+			required: !1
+		},
+		height: {
+			type: Number,
+			required: !1
+		},
+		loadData: {
+			type: Function,
+			required: !1
+		},
+		loadedKeys: {
+			type: Array,
+			required: !1
+		},
+		multiple: {
+			type: Boolean,
+			required: !1,
+			default: !1
+		},
+		selectable: {
+			type: Boolean,
+			required: !1,
+			default: !0
+		},
+		selectedKeys: {
+			type: Array,
+			required: !1
+		},
+		showIcon: {
+			type: Boolean,
+			required: !1,
+			default: !1
+		},
+		showLine: {
+			type: Boolean,
+			required: !1,
+			default: !1
+		},
+		treeData: {
+			type: Array,
+			required: !1,
+			default: () => []
+		},
+		virtual: {
+			type: Boolean,
+			required: !1,
+			default: !0
+		}
+	},
+	emits: [
+		"check",
+		"expand",
+		"drag-end",
+		"drag-enter",
+		"drag-leave",
+		"drag-over",
+		"drag-start",
+		"drop",
+		"load",
+		"load-error",
+		"select",
+		"update:checkedKeys",
+		"update:expandedKeys",
+		"update:loadedKeys",
+		"update:selectedKeys"
+	],
+	setup(f, { expose: he, emit: ge }) {
+		let x = f, S = ge, _e = te(), C = n(), w = g(), ve = `${oe()}-tree`, ye = o(() => ({
+			children: x.fieldNames?.children ?? "children",
+			key: x.fieldNames?.key ?? "key",
+			title: x.fieldNames?.title ?? "title"
+		})), be = g([...x.defaultCheckedKeys]), xe = g(x.defaultExpandAll ? Ne(x.treeData) : x.defaultExpandedKeys), Se = g([...x.defaultSelectedKeys]), Ce = g([]), T = g(), E = g(/* @__PURE__ */ new Set()), D = g(), O = g(), k = g(), we = g(0), A = g(0), Te = o(() => x.ariaLabel || C.value.tree.ariaLabel);
+		function j(...e) {
+			let t = _e?.vnode.props ?? {};
+			return e.some((e) => Object.prototype.hasOwnProperty.call(t, e));
+		}
+		let Ee = o(() => j("checkedKeys", "checked-keys")), De = o(() => j("expandedKeys", "expanded-keys")), Oe = o(() => j("loadedKeys", "loaded-keys")), ke = o(() => j("selectedKeys", "selected-keys")), M = o(() => new Set(Ee.value ? x.checkedKeys ?? [] : be.value)), N = o(() => new Set(De.value ? x.expandedKeys ?? [] : xe.value)), P = o(() => new Set(ke.value ? x.selectedKeys ?? [] : Se.value)), Ae = o(() => new Set(Oe.value ? x.loadedKeys ?? [] : Ce.value)), F = o(() => e(x.classNames, x)), I = o(() => t(x.styles, x)), je = o(() => x.height && x.height > 0 ? { maxHeight: `${x.height}px` } : void 0);
+		function L(e) {
+			return e[ye.value.key];
+		}
+		function R(e) {
+			let t = e[ye.value.title];
+			return typeof t == "number" || typeof t == "string" ? t : "";
+		}
+		function z(e) {
+			let t = e[ye.value.children];
+			return Array.isArray(t) ? t : [];
+		}
+		function Me(e) {
+			return typeof e.icon == "string" ? e.icon : void 0;
+		}
+		function Ne(e) {
+			let t = [], n = (e) => {
+				for (let r of e) {
+					U(r) && t.push(L(r));
+					let e = z(r);
+					e.length && n(e);
+				}
+			};
+			return n(e), t;
+		}
+		let B = o(() => {
+			we.value;
+			let e = [], t = 0, n = (r, i = 0, a, o = []) => {
+				r.forEach((s, c) => {
+					e.push({
+						depth: i,
+						index: t,
+						node: s,
+						parent: a,
+						path: [...o, s],
+						posInSet: c + 1,
+						setSize: r.length
+					}), t += 1;
+					let l = z(s);
+					l.length && n(l, i + 1, s, [...o, s]);
+				});
+			};
+			return n(x.treeData), e;
+		}), Pe = o(() => new Map(B.value.map((e) => [e.node, e]))), Fe = o(() => {
+			let e = new Set(N.value);
+			if (!x.autoExpandParent) return e;
+			for (let t of B.value) if (e.has(L(t.node))) for (let n of t.path.slice(0, -1)) e.add(L(n));
+			return e;
+		}), V = o(() => {
+			let e = [], t = (n) => {
+				for (let r of n) {
+					let n = Pe.value.get(r);
+					if (!n) continue;
+					e.push(n);
+					let i = z(r);
+					i.length && W(r) && t(i);
+				}
+			};
+			return t(x.treeData), e;
+		}), H = o(() => !!(x.virtual && x.height && x.height > 0)), Ie = o(() => H.value ? { height: `${V.value.length * b}px` } : void 0), Le = o(() => H.value ? { transform: `translateY(${Math.max(0, Math.floor(A.value / b) - me) * b}px)` } : void 0), Re = o(() => {
+			if (!H.value) return V.value.map((e, t) => ({
+				index: t,
+				item: e
+			}));
+			let e = Math.max(0, Math.floor(A.value / b) - me), t = Math.min(V.value.length, Math.ceil((A.value + (x.height ?? 0)) / b) + me);
+			return V.value.slice(e, t).map((t, n) => ({
+				index: e + n,
+				item: t
+			}));
+		}), ze = o(() => V.value.findIndex((e) => Object.is(L(e.node), T.value)));
+		function Be(e) {
+			return `${typeof e}:${String(e)}`;
+		}
+		function Ve(e) {
+			return `${ve}-node-${e.index}`;
+		}
+		function U(e) {
+			return e.isLeaf === !1 || z(e).length > 0;
+		}
+		function W(e) {
+			return U(e) && Fe.value.has(L(e));
+		}
+		function G(e) {
+			return x.disabled || !!e.disabled;
+		}
+		function He(e) {
+			return x.selectable && e.selectable !== !1 && !G(e);
+		}
+		function K(e) {
+			return x.checkable && e.checkable !== !1 && !e.disableCheckbox && !G(e);
+		}
+		function Ue(e) {
+			try {
+				return !!x.filterTreeNode?.(e);
+			} catch {
+				return !1;
+			}
+		}
+		function q(e) {
+			return G(e) || !x.draggable ? !1 : typeof x.draggable == "function" ? x.draggable(e) : x.draggable;
+		}
+		function J(e) {
+			let t = K(e) ? [L(e)] : [];
+			for (let n of z(e)) t.push(...J(n));
+			return t;
+		}
+		function We(e) {
+			return z(e).flatMap(J);
+		}
+		function Y(e) {
+			if (!x.checkable) return !1;
+			if (x.checkStrictly) return M.value.has(L(e));
+			let t = J(e);
+			return t.length > 0 && t.every((e) => M.value.has(e));
+		}
+		function X(e) {
+			if (!x.checkable || x.checkStrictly) return !1;
+			let t = We(e);
+			if (!t.length) return !1;
+			let n = t.filter((e) => M.value.has(e)).length;
+			return n > 0 && n < t.length;
+		}
+		function Ge(e) {
+			if (x.checkStrictly) return e;
+			let t = new Set(e), n = (e) => {
+				for (let r of e) {
+					let e = z(r);
+					if (e.length && n(e), !K(r)) continue;
+					let i = We(r);
+					i.length > 0 && i.every((e) => t.has(e)) ? t.add(L(r)) : i.length > 0 && t.delete(L(r));
+				}
+			};
+			return n(x.treeData), t;
+		}
+		function Ke(e) {
+			return {
+				checked: Y(e),
+				disabled: G(e),
+				expanded: W(e),
+				halfChecked: X(e),
+				loading: Z(e),
+				node: e,
+				selected: P.value.has(L(e))
+			};
+		}
+		function qe(e) {
+			return { "--xy-tree-depth": e.depth };
+		}
+		function Je(e) {
+			return V.value.some((t) => t.parent === e.parent && t.posInSet > e.posInSet);
+		}
+		function Ye(e) {
+			let t = [], n = e.parent;
+			for (; n;) {
+				let e = Pe.value.get(n);
+				if (!e) break;
+				e.depth > 0 && Je(e) && t.push(e.depth - 1), n = e.parent;
+			}
+			return t;
+		}
+		function Z(e) {
+			return E.value.has(L(e));
+		}
+		function Xe(e) {
+			return Ae.value.has(L(e));
+		}
+		async function Ze(e) {
+			if (!x.loadData || e.isLeaf !== !1 || z(e).length > 0 || Xe(e) || Z(e)) return !0;
+			let t = L(e);
+			E.value = new Set(E.value).add(t);
+			try {
+				await x.loadData(e), we.value += 1;
+				let n = new Set(Ae.value);
+				n.add(t);
+				let r = [...n];
+				return Oe.value || (Ce.value = r), S("update:loadedKeys", r), S("load", r, { node: e }), !0;
+			} catch (t) {
+				return S("load-error", t, e), !1;
+			} finally {
+				let e = new Set(E.value);
+				e.delete(t), E.value = e;
+			}
+		}
+		async function Qe(e, t) {
+			if (!U(e) || t && !await Ze(e)) return;
+			let n = new Set(N.value);
+			t ? n.add(L(e)) : n.delete(L(e)), De.value || (xe.value = [...n]);
+			let r = [...n];
+			S("update:expandedKeys", r), S("expand", r, {
+				expanded: t,
+				node: e
+			});
+		}
+		function $e(e) {
+			if (!He(e)) return;
+			let t = new Set(P.value), n = L(e), r = !x.multiple || !t.has(n);
+			x.multiple && !r ? t.delete(n) : (x.multiple || t.clear(), t.add(n));
+			let i = [...t];
+			ke.value || (Se.value = i), S("update:selectedKeys", i), S("select", i, {
+				node: e,
+				selected: r
+			});
+		}
+		function et(e) {
+			if (!K(e)) return;
+			let t = !Y(e), n = new Set(M.value), r = x.checkStrictly ? [L(e)] : J(e);
+			for (let e of r) t ? n.add(e) : n.delete(e);
+			let i = [...Ge(n)];
+			Ee.value || (be.value = i), S("update:checkedKeys", i), S("check", i, {
+				checked: t,
+				node: e
+			});
+		}
+		async function Q(e) {
+			let t = V.value[e];
+			t && (T.value = L(t.node), H.value && tt(e), await re(), document.getElementById(Ve(t))?.focus());
+		}
+		function tt(e, t = "auto", n = 0) {
+			let r = w.value;
+			if (!r || !H.value) return;
+			let i = x.height ?? r.clientHeight, a = e * b, o = a + b, s = r.scrollTop, c = s + i, l = s;
+			t === "top" ? l = a : t === "bottom" ? l = o - i : t === "center" ? l = a - (i - b) / 2 : a < s ? l = a : o > c && (l = o - i);
+			let u = Math.max(0, V.value.length * b - i), d = Math.min(u, Math.max(0, l + n));
+			r.scrollTop = d, A.value = d;
+		}
+		function nt(e) {
+			A.value = e.currentTarget.scrollTop;
+		}
+		function rt({ align: e = "auto", key: t, offset: n = 0 }) {
+			let r = w.value, i = V.value.findIndex((e) => Object.is(L(e.node), t));
+			if (!r || i < 0) return;
+			if (H.value) {
+				tt(i, e, n);
+				return;
+			}
+			let a = V.value[i], o = document.getElementById(Ve(a));
+			if (!o) return;
+			let s = r.scrollTop, c = o.offsetTop, l = c + o.offsetHeight, u = s + r.clientHeight, d = s;
+			e === "top" ? d = c : e === "bottom" ? d = l - r.clientHeight : e === "center" ? d = c - (r.clientHeight - o.offsetHeight) / 2 : c < s ? d = c : l > u && (d = l - r.clientHeight), r.scrollTop = Math.max(0, d + n);
+		}
+		he({
+			get nativeElement() {
+				return w.value;
+			},
+			scrollTo: rt
+		});
+		function it(e) {
+			Qe(e.node, !W(e.node)).finally(() => {
+				Q(V.value.indexOf(e));
+			});
+		}
+		function at(e) {
+			let t = e.currentTarget?.getBoundingClientRect();
+			if (!t || t.height <= 0) return 0;
+			let n = (e.clientY - t.top) / t.height;
+			return n < .25 ? -1 : +(n > .75);
+		}
+		function ot(e, t, n) {
+			return e === t || Pe.value.get(t)?.path.includes(e) ? !1 : x.allowDrop?.({
+				dragNode: e,
+				dropNode: t,
+				dropPosition: n
+			}) ?? !0;
+		}
+		function st() {
+			return B.value.find((e) => Object.is(L(e.node), D.value))?.node;
+		}
+		function ct(e) {
+			return B.value.filter((t) => t.path.includes(e)).map((e) => L(e.node));
+		}
+		function $() {
+			D.value = void 0, O.value = void 0, k.value = void 0;
+		}
+		function lt(e, t) {
+			if (!q(t.node)) {
+				e.preventDefault();
+				return;
+			}
+			D.value = L(t.node), e.dataTransfer?.setData("text/plain", String(L(t.node))), e.dataTransfer && (e.dataTransfer.effectAllowed = "move"), S("drag-start", {
+				event: e,
+				node: t.node
+			});
+		}
+		function ut(e, t) {
+			S("drag-enter", {
+				event: e,
+				expandedKeys: [...N.value],
+				node: t.node
+			});
+		}
+		function dt(e, t) {
+			let n = st(), r = at(e);
+			!n || !ot(n, t.node, r) || (e.preventDefault(), e.dataTransfer && (e.dataTransfer.dropEffect = "move"), k.value = L(t.node), O.value = r, S("drag-over", {
+				event: e,
+				node: t.node
+			}));
+		}
+		function ft(e, t) {
+			Object.is(k.value, L(t.node)) && (k.value = void 0, O.value = void 0), S("drag-leave", {
+				event: e,
+				node: t.node
+			});
+		}
+		function pt(e, t) {
+			let n = st(), r = O.value ?? at(e);
+			if (!n || !ot(n, t.node, r)) {
+				$();
+				return;
+			}
+			e.preventDefault(), S("drop", {
+				dragNode: n,
+				dragNodesKeys: ct(n),
+				dropNode: t.node,
+				dropPosition: r,
+				event: e
+			}), $();
+		}
+		function mt(e, t) {
+			S("drag-end", {
+				event: e,
+				node: t.node
+			}), $();
+		}
+		async function ht(e, t, n) {
+			if ([
+				" ",
+				"ArrowDown",
+				"ArrowLeft",
+				"ArrowRight",
+				"ArrowUp",
+				"End",
+				"Enter",
+				"Home",
+				"Spacebar"
+			].includes(e.key)) {
+				if (e.preventDefault(), e.key === "ArrowDown") return Q(Math.min(n + 1, V.value.length - 1));
+				if (e.key === "ArrowUp") return Q(Math.max(n - 1, 0));
+				if (e.key === "Home") return Q(0);
+				if (e.key === "End") return Q(V.value.length - 1);
+				if (e.key === "ArrowRight" && U(t.node)) {
+					if (!W(t.node)) await Qe(t.node, !0);
+					else {
+						let e = V.value.findIndex((e, r) => r > n && e.parent === t.node);
+						e >= 0 && await Q(e);
+					}
+					return;
+				}
+				if (e.key === "ArrowLeft") {
+					if (W(t.node)) await Qe(t.node, !1);
+					else {
+						let e = V.value.findIndex((e) => e.node === t.parent);
+						e >= 0 && await Q(e);
+					}
+					return;
+				}
+				x.checkable ? et(t.node) : $e(t.node);
+			}
+		}
+		return se(V, (e) => {
+			if (!e.length) {
+				T.value = void 0;
+				return;
+			}
+			if (e.some((e) => Object.is(L(e.node), T.value))) return;
+			let t = e.find((e) => P.value.has(L(e.node)));
+			T.value = L(t?.node ?? e[0].node);
+		}, { immediate: !0 }), se([V, H], () => {
+			if (!H.value) {
+				A.value = 0;
+				return;
+			}
+			let e = Math.max(0, V.value.length * b - (x.height ?? 0)), t = Math.min(A.value, e);
+			t !== A.value && (A.value = t, w.value && (w.value.scrollTop = t));
+		}), (e, t) => (h(), l("div", {
+			id: ve,
+			ref_key: "treeRef",
+			ref: w,
+			class: p(["xy-tree", [{
+				"xy-tree--block": f.blockNode,
+				"xy-tree--line": f.showLine,
+				"xy-tree--scrollable": f.height && f.height > 0
+			}, F.value.root]]),
+			style: m([I.value.root, je.value]),
+			role: "tree",
+			"aria-label": Te.value,
+			"aria-multiselectable": f.multiple || void 0,
+			onScroll: nt
+		}, [u("div", {
+			class: "xy-tree__virtual-spacer",
+			style: m(Ie.value)
+		}, [u("div", {
+			class: "xy-tree__virtual-content",
+			style: m(Le.value)
+		}, [(h(!0), l(a, null, ie(Re.value, ({ item: n, index: o }) => (h(), l("div", {
+			id: Ve(n),
+			key: Be(L(n.node)),
+			class: p(["xy-tree__node", [{
+				"xy-tree__node--branch": U(n.node),
+				"xy-tree__node--checked": Y(n.node),
+				"xy-tree__node--disabled": G(n.node),
+				"xy-tree__node--draggable": q(n.node),
+				"xy-tree__node--dragging": Object.is(D.value, L(n.node)),
+				"xy-tree__node--drop-after": Object.is(k.value, L(n.node)) && O.value === 1,
+				"xy-tree__node--drop-before": Object.is(k.value, L(n.node)) && O.value === -1,
+				"xy-tree__node--drop-inside": Object.is(k.value, L(n.node)) && O.value === 0,
+				"xy-tree__node--filtered": Ue(n.node),
+				"xy-tree__node--half-checked": X(n.node),
+				"xy-tree__node--last": !Je(n),
+				"xy-tree__node--leaf": !U(n.node),
+				"xy-tree__node--loading": Z(n.node),
+				"xy-tree__node--selected": P.value.has(L(n.node))
+			}, F.value.node]]),
+			style: m([qe(n), I.value.node]),
+			role: "treeitem",
+			"aria-checked": f.checkable ? X(n.node) ? "mixed" : Y(n.node) : void 0,
+			"aria-disabled": G(n.node) || void 0,
+			"aria-expanded": U(n.node) ? W(n.node) : void 0,
+			"aria-level": n.depth + 1,
+			"aria-posinset": n.posInSet,
+			"aria-selected": f.checkable ? void 0 : P.value.has(L(n.node)),
+			"aria-setsize": n.setSize,
+			tabindex: o === ze.value ? 0 : -1,
+			draggable: q(n.node),
+			onDragend: (e) => mt(e, n),
+			onDragenter: (e) => ut(e, n),
+			onDragleave: (e) => ft(e, n),
+			onDragover: (e) => dt(e, n),
+			onDragstart: (e) => lt(e, n),
+			onDrop: (e) => pt(e, n),
+			onFocus: (e) => T.value = L(n.node),
+			onKeydown: (e) => ht(e, n, o)
+		}, [
+			f.showLine ? (h(), l("span", ue, [(h(!0), l(a, null, ie(Ye(n), (e) => (h(), l("span", {
+				key: e,
+				class: "xy-tree__line-guide",
+				style: m({ insetInlineStart: `calc(${e} * var(--xy-tree-indent-size) + var(--xy-tree-switcher-center))` })
+			}, null, 4))), 128))])) : c("", !0),
+			U(n.node) ? (h(), l("button", {
+				key: 1,
+				class: p(["xy-tree__switcher", F.value.switcher]),
+				style: m(I.value.switcher),
+				type: "button",
+				"aria-label": v(C).tree.toggleNodeAriaLabel(R(n.node)),
+				tabindex: -1,
+				onClick: y((e) => it(n), ["stop"])
+			}, [_(e.$slots, "switcher", ne({ ref_for: !0 }, Ke(n.node)), () => [ee(r, {
+				name: Z(n.node) ? "loading-outlined" : "right-outlined",
+				class: p(Z(n.node) ? F.value.loading : void 0),
+				size: 11,
+				rotate: W(n.node) ? 90 : 0,
+				spin: Z(n.node),
+				style: m(Z(n.node) ? I.value.loading : void 0)
+			}, null, 8, [
+				"name",
+				"class",
+				"rotate",
+				"spin",
+				"style"
+			])], !0)], 14, de)) : (h(), l("span", fe)),
+			f.showIcon ? (h(), l("span", {
+				key: 3,
+				class: p(["xy-tree__icon", F.value.icon]),
+				style: m(I.value.icon),
+				"aria-hidden": "true"
+			}, [_(e.$slots, "icon", ne({ ref_for: !0 }, Ke(n.node)), () => [Me(n.node) ? (h(), s(r, {
+				key: 0,
+				name: Me(n.node),
+				size: 14
+			}, null, 8, ["name"])) : c("", !0)], !0)], 6)) : c("", !0),
+			q(n.node) ? (h(), l("span", {
+				key: 4,
+				class: p(["xy-tree__drag-handle", F.value.dragHandle]),
+				style: m(I.value.dragHandle),
+				"aria-hidden": "true",
+				draggable: "true"
+			}, [ee(r, {
+				name: "holder-outlined",
+				size: 14
+			})], 6)) : c("", !0),
+			f.checkable && n.node.checkable !== !1 ? (h(), s(i, {
+				key: 5,
+				"aria-label": v(C).tree.selectNodeAriaLabel(R(n.node)),
+				"class-names": { root: F.value.checkbox },
+				disabled: !K(n.node),
+				indeterminate: X(n.node),
+				"model-value": Y(n.node),
+				styles: { root: I.value.checkbox },
+				tabindex: -1,
+				onClick: t[0] ||= y(() => {}, ["stop"]),
+				onChange: (e) => {
+					et(n.node), Q(o);
+				}
+			}, null, 8, [
+				"aria-label",
+				"class-names",
+				"disabled",
+				"indeterminate",
+				"model-value",
+				"styles",
+				"onChange"
+			])) : c("", !0),
+			u("button", {
+				class: p(["xy-tree__title", F.value.nodeContent]),
+				disabled: !He(n.node),
+				style: m(I.value.nodeContent),
+				tabindex: "-1",
+				type: "button",
+				onClick: y((e) => {
+					$e(n.node), Q(o);
+				}, ["stop"])
+			}, [_(e.$slots, "node", ne({ ref_for: !0 }, Ke(n.node)), () => [d(ae(R(n.node)), 1)], !0)], 14, pe)
+		], 46, le))), 128))], 4)], 4), V.value.length ? c("", !0) : (h(), l("div", {
+			key: 0,
+			class: p(["xy-tree__empty", F.value.empty]),
+			style: m(I.value.empty)
+		}, [_(e.$slots, "empty", {}, () => [d(ae(v(C).tree.empty), 1)], !0)], 6))], 46, ce));
+	}
+});
+//#endregion
+export { he as default };