@aifuxi/semi-ui-vue 0.1.0-alpha.0

package/dist/Tree-tqy5xBYJ.js

@@ -0,0 +1,1275 @@
+import "./src-DNBBthjO.js";
+import { E as e, S as t, i as n, s as r, t as i, v as a } from "./foundation-Cawx37mp.js";
+import { S as o, _ as s, a as c, b as l, c as u, d, f, g as p, h as m, i as h, l as g, m as _, n as v, o as y, p as b, r as x, s as S, t as C, u as ee, v as w, x as te, y as T } from "./treeUtil-IUdRJ6Ws.js";
+import { n as ne, t as re } from "./checkbox-mJD1ou6k.js";
+import { t as ie } from "./input-wf0nZCRS.js";
+import { t as ae } from "./config-context-CyynTtDb.js";
+import { Fragment as E, cloneVNode as D, computed as O, createBlock as k, createCommentVNode as oe, createElementBlock as A, createElementVNode as j, createVNode as M, defineComponent as N, getCurrentInstance as se, h as P, inject as ce, isVNode as F, markRaw as le, mergeProps as ue, nextTick as de, normalizeClass as I, normalizeStyle as L, onBeforeUnmount as R, onMounted as fe, openBlock as z, renderList as pe, renderSlot as me, shallowReactive as he, shallowRef as B, unref as V, useAttrs as ge, useSlots as _e, useTemplateRef as ve, watch as H, withCtx as ye } from "vue";
+import { IconFile as be, IconFolder as U, IconFolderOpen as W, IconSearch as xe, IconTreeTriangleDown as G } from "@aifuxi/semi-icons-vue";
+//#region bundled-foundation
+var Se = class extends i {
+	constructor(t) {
+		super({ ...t }), this.clearDragState = () => {
+			this._adapter.updateState({
+				dragOverNodeKey: "",
+				dragging: !1
+			});
+		}, this.throttledDragOverUpdate = (0, e.default)((e) => {
+			this._adapter.updateState({ dropPosition: e });
+		}, 16);
+	}
+	destroy() {
+		super.destroy(), this.throttledDragOverUpdate && this.throttledDragOverUpdate.cancel(), this.delayedDragEnterLogic &&= (Object.keys(this.delayedDragEnterLogic).forEach((e) => {
+			clearTimeout(this.delayedDragEnterLogic[e]);
+		}), null);
+	}
+	_isMultiple() {
+		return this.getProp("multiple");
+	}
+	_isAnimated() {
+		return this.getProp("motion");
+	}
+	_isDisabled(e = {}) {
+		return this.getProp("disabled") || e.disabled;
+	}
+	_isExpandControlled() {
+		return !(0, a.default)(this.getProp("expandedKeys"));
+	}
+	_isLoadControlled() {
+		return !(0, a.default)(this.getProp("loadedKeys"));
+	}
+	_isFilterable() {
+		return !!this.getProp("filterTreeNode");
+	}
+	_showFilteredOnly() {
+		let { inputValue: e } = this.getStates(), { showFilteredOnly: t } = this.getProps();
+		return !!e && t;
+	}
+	getTreeNodeProps(e) {
+		let { expandedKeys: t = /* @__PURE__ */ new Set([]), selectedKeys: n = [], checkedKeys: r = /* @__PURE__ */ new Set([]), halfCheckedKeys: i = /* @__PURE__ */ new Set([]), realCheckedKeys: a = /* @__PURE__ */ new Set([]), keyEntities: o = {}, filteredKeys: s = /* @__PURE__ */ new Set([]), inputValue: c = "", loadedKeys: l = /* @__PURE__ */ new Set([]), loadingKeys: u = /* @__PURE__ */ new Set([]), filteredExpandedKeys: d = /* @__PURE__ */ new Set([]), disabledKeys: f = /* @__PURE__ */ new Set([]) } = this.getStates(), { treeNodeFilterProp: p, checkRelation: m } = this.getProps(), h = o[e];
+		if (!h) return null;
+		let g = !1, _ = !1;
+		m === "related" ? (g = r.has(e), _ = i.has(e)) : m === "unRelated" && (g = a.has(e), _ = !1);
+		let v = {
+			eventKey: e,
+			expanded: c ? d.has(e) : t.has(e),
+			selected: n.includes(e),
+			checked: g,
+			halfChecked: _,
+			pos: String(h ? h.pos : ""),
+			level: h.level,
+			filtered: s.has(e),
+			loading: u.has(e) && !l.has(e),
+			loaded: l.has(e),
+			keyword: c,
+			treeNodeFilterProp: p
+		};
+		return this.getProp("disableStrictly") && f.has(e) && (v.disabled = !0), v;
+	}
+	notifyJsonChange(e, n) {
+		let r = this.getProp("treeDataSimpleJson"), i = te(e).map((e) => e.replaceAll(o.JSON_KEY_SPLIT, ".")), a = (0, t.default)(r, i);
+		this._adapter.notifyChange(a);
+	}
+	constructDataForValue(e) {
+		let { keyMaps: t } = this.getProps(), n = (0, r.default)(t, "key", "key"), i = (0, r.default)(t, "label", "label");
+		return {
+			[n]: e,
+			[i]: e
+		};
+	}
+	findDataForValue(e) {
+		let { value: t, defaultValue: n, keyMaps: i } = this.getProps(), a = (0, r.default)(i, "value", "value"), o = (0, r.default)(i, "key", "key"), s = [];
+		return t ? s = Array.isArray(t) ? t : [t] : n && (s = Array.isArray(n) ? n : [n]), s.find((t) => t[a] === e || t[o] === e);
+	}
+	getDataForKeyNotInKeyEntities(e) {
+		let { onChangeWithObject: t } = this.getProps();
+		return t ? this.findDataForValue(e) : this.constructDataForValue(e);
+	}
+	notifyMultipleChange(e, t) {
+		let { keyEntities: n } = this.getStates(), { leafOnly: r, checkRelation: i, keyMaps: a, autoMergeValue: o } = this.getProps(), s, c = [];
+		i === "related" ? c = o ? T(e, n, r, !0) : e : i === "unRelated" && (c = e);
+		let l = c.map((e) => n[e] ? n[e].data : this.getDataForKeyNotInKeyEntities(e));
+		s = this.getProp("onChangeWithObject") ? l : w(l, a), this._adapter.notifyChange(s);
+	}
+	notifyChange(e, t) {
+		let n = this._isMultiple(), { keyMaps: i } = this.getProps(), { keyEntities: a } = this.getStates();
+		if (this.getProp("treeDataSimpleJson")) this.notifyJsonChange(e, t);
+		else if (n) this.notifyMultipleChange(e, t);
+		else {
+			let t;
+			if (this.getProp("onChangeWithObject")) t = (0, r.default)(a, e).data;
+			else {
+				let { data: n } = (0, r.default)(a, e);
+				t = w(n, i);
+			}
+			this._adapter.notifyChange(t);
+		}
+	}
+	handleInputChange(e) {
+		this._adapter.updateInputValue(e);
+		let { expandedKeys: t, selectedKeys: n, keyEntities: i, treeData: a } = this.getStates(), { showFilteredOnly: o, filterTreeNode: s, treeNodeFilterProp: c, keyMaps: l } = this.getProps(), u = c === "label" ? (0, r.default)(l, "label", "label") : c, p = [], h = [], g = [], _ = /* @__PURE__ */ new Set([]);
+		if (!e) h = f(n, i), h.forEach((e) => t.add(e)), g = m(a, t, l);
+		else {
+			p = Object.values(i).filter((t) => d(e, t.data, s, u)).map((e) => e.key), h = f(p, i, !1);
+			let t = b(p, i, !0);
+			_ = /* @__PURE__ */ new Set([...t, ...h]), g = m(a, new Set(h), l, o && _);
+		}
+		let v = new Set(h);
+		this._adapter.notifySearch(e, Array.from(v)), this._adapter.updateState({
+			expandedKeys: t,
+			flattenNodes: g,
+			motionKeys: /* @__PURE__ */ new Set([]),
+			filteredKeys: new Set(p),
+			filteredExpandedKeys: v,
+			filteredShownKeys: _
+		});
+	}
+	handleNodeSelect(e, t) {
+		this._isDisabled(t) || (this._isMultiple() ? this.handleMultipleSelect(e, t) : this.handleSingleSelect(e, t));
+	}
+	handleNodeRightClick(e, t) {
+		this._adapter.notifyRightClick(e, t.data);
+	}
+	handleNodeDoubleClick(e, t) {
+		this._adapter.notifyDoubleClick(e, t.data);
+	}
+	handleSingleSelect(e, t) {
+		let n = [...this.getState("selectedKeys")], { selected: r, eventKey: i, data: a } = t, o = !r;
+		this._adapter.notifySelect(i, !0, a), o && (n.includes(i) || (n = [i], this.notifyChange(i, e), this._isControlledComponent() || this._adapter.updateState({ selectedKeys: n })));
+	}
+	calcCheckedKeys(e, t) {
+		let { keyEntities: n } = this.getStates(), r = new Set(this.getState("checkedKeys")), i = new Set(this.getState("halfCheckedKeys"));
+		return t ? v(e, n, r, i) : x(e, n, r, i);
+	}
+	calcCheckedStatus(e, t) {
+		if (!e) return e;
+		let { checkedKeys: n, keyEntities: r, disabledKeys: i } = this.getStates(), a = T(b([t], r, !1), r, !0);
+		return a.some((e) => i.has(e)) ? !a.filter((e) => !i.has(e)).every((e) => n.has(e)) : e;
+	}
+	calcNonDisabledCheckedKeys(e, t) {
+		let { keyEntities: r, disabledKeys: i } = this.getStates(), a = new Set(this.getState("checkedKeys")), o = T(b([e], r, !1), r, !0);
+		if (!o.some((e) => i.has(e))) return this.calcCheckedKeys(e, t);
+		let s = o.filter((e) => !i.has(e)), c = t ? [...s, ...a] : (0, n.default)(T([...a], r, !0, !0), s);
+		return C(c, r);
+	}
+	handleMultipleSelect(e, t) {
+		let { disableStrictly: n, checkRelation: r } = this.getProps(), { realCheckedKeys: i } = this.getStates(), { checked: a, eventKey: o, data: s } = t;
+		if (r === "related") {
+			let t = n ? this.calcCheckedStatus(!a, o) : !a, { checkedKeys: r, halfCheckedKeys: i } = n ? this.calcNonDisabledCheckedKeys(o, t) : this.calcCheckedKeys(o, t);
+			this._adapter.notifySelect(o, t, s), this.notifyChange([...r], e), this._isControlledComponent() || this._adapter.updateState({
+				checkedKeys: r,
+				halfCheckedKeys: i
+			});
+		} else if (r === "unRelated") {
+			let t = new Set(i), n;
+			i.has(o) ? (t.delete(o), n = !1) : (t.add(o), n = !0), this._adapter.notifySelect(o, n, s), this.notifyChange([...t], e), this._isControlledComponent() || this._adapter.updateState({ realCheckedKeys: t });
+		}
+	}
+	setExpandedStatus(e) {
+		let { inputValue: t, treeData: n, filteredShownKeys: r, keyEntities: i } = this.getStates(), { keyMaps: a } = this.getProps(), o = !!t, c = this._showFilteredOnly(), l = o ? "filteredExpandedKeys" : "expandedKeys", u = new Set(this.getState(l)), d = "show", { eventKey: f, expanded: p, data: h } = e;
+		if (p ? u.has(f) && (u.delete(f), d = "hide") : u.add(f), this._adapter.cacheFlattenNodes(d === "hide" && this._isAnimated()), !this._isExpandControlled()) {
+			let e = m(n, u, a, o && c && r), t = this._isAnimated() ? s(f, u, i) : [];
+			o && c && (t = t.filter((e) => r.has(e)));
+			let p = {
+				[l]: u,
+				flattenNodes: e,
+				motionKeys: new Set(t),
+				motionType: d
+			};
+			this._adapter.updateState(p);
+		}
+		return {
+			expandedKeys: u,
+			expanded: !p,
+			data: h
+		};
+	}
+	handleNodeExpand(e, t) {
+		let { loadData: n } = this.getProps();
+		if (!n && (!t.children || !t.children.length)) return;
+		let { expandedKeys: r, data: i, expanded: a } = this.setExpandedStatus(t);
+		this._adapter.notifyExpand(r, {
+			expanded: a,
+			node: i
+		});
+	}
+	handleNodeLoad(e, t, n, r) {
+		let { loadData: i, onLoad: a } = this.getProps(), { key: o } = n;
+		return !i || e.has(o) || t.has(o) ? {} : (i(n).then(() => {
+			let e = new Set(this.getState("loadedKeys")), t = new Set(this.getState("loadingKeys")), i = e.add(o), s = /* @__PURE__ */ new Set([...t]);
+			s.delete(o), a && a(i, n), this._isLoadControlled() || this._adapter.updateState({ loadedKeys: i }), this._adapter.setState({ loadingKeys: s }), r();
+		}), { loadingKeys: t.add(o) });
+	}
+	getDragEventNodeData(e) {
+		return {
+			...e.data,
+			...(0, t.default)(e, [
+				"expanded",
+				"pos",
+				"children"
+			])
+		};
+	}
+	triggerDragEvent(e, t, n, r = {}) {
+		let i = this.getProp(e);
+		i && i({
+			event: t,
+			node: this.getDragEventNodeData(n),
+			...r
+		});
+	}
+	handleNodeDragStart(e, t) {
+		let { keyEntities: n } = this.getStates(), { hideDraggingNode: r, renderDraggingNode: i } = this.getProps(), { eventKey: a, nodeInstance: o, data: s } = t;
+		if (r || i) {
+			let t;
+			typeof i == "function" ? t = i(o, s) : r && (t = o.cloneNode(!0), t.style.opacity = 0), document.body.appendChild(t), e.dataTransfer.setDragImage(t, 0, 0);
+		}
+		this._adapter.setDragNode(t), this._adapter.updateState({
+			dragging: !0,
+			dragNodesKeys: new Set(p(a, n))
+		}), this.triggerDragEvent("onDragStart", e, t);
+	}
+	handleNodeDragEnter(e, t, n) {
+		let { dragging: r, dragNodesKeys: i } = this.getStates(), { autoExpandWhenDragEnter: a } = this.getProps(), { pos: o, eventKey: s, expanded: c } = t;
+		if (!n || i.has(s)) return;
+		let l = y(e, t);
+		if (n.eventKey === s && l === 0) {
+			this._adapter.updateState({
+				dragOverNodeKey: "",
+				dropPosition: null
+			});
+			return;
+		}
+		setTimeout(() => {
+			if (this._adapter.updateState({
+				dragOverNodeKey: s,
+				dropPosition: l
+			}), !a || c) {
+				this.triggerDragEvent("onDragEnter", e, t);
+				return;
+			}
+			this.delayedDragEnterLogic ||= {}, Object.keys(this.delayedDragEnterLogic).forEach((e) => {
+				clearTimeout(this.delayedDragEnterLogic[e]);
+			}), this.delayedDragEnterLogic[o] = window.setTimeout(() => {
+				if (!r) return;
+				let { expandedKeys: n } = this.setExpandedStatus(t);
+				this.triggerDragEvent("onDragEnter", e, t, { expandedKeys: [...n] });
+			}, 400);
+		}, 0);
+	}
+	handleNodeDragOver(e, t, n) {
+		let { dropPosition: r, dragNodesKeys: i, dragOverNodeKey: a } = this.getStates(), { eventKey: o } = t;
+		if (!i.has(o)) {
+			if (n && o === a) {
+				let n = y(e, t);
+				if (r === n) return;
+				this.throttledDragOverUpdate(n);
+			}
+			this.triggerDragEvent("onDragOver", e, t);
+		}
+	}
+	handleNodeDragLeave(e, t) {
+		this.throttledDragOverUpdate.cancel(), this._adapter.updateState({ dragOverNodeKey: "" }), this.triggerDragEvent("onDragLeave", e, t);
+	}
+	handleNodeDragEnd(e, t) {
+		this.throttledDragOverUpdate.flush(), this.clearDragState(), this.triggerDragEvent("onDragEnd", e, t), this._adapter.setDragNode(null);
+	}
+	handleNodeDrop(e, t, n) {
+		this.throttledDragOverUpdate.flush();
+		let { dropPosition: r, dragNodesKeys: i } = this.getStates(), { eventKey: a, pos: o } = t;
+		if (this.clearDragState(), i.has(a)) return;
+		let s = {
+			dragNode: n ? this.getDragEventNodeData(n) : null,
+			dragNodesKeys: [...i],
+			dropPosition: c(o, r),
+			dropToGap: r !== 0
+		};
+		this.triggerDragEvent("onDrop", e, t, s), this._adapter.setDragNode(null);
+	}
+}, K = N({
+	name: "TreeNodeRenderer",
+	inheritAttrs: !1,
+	props: { content: {
+		type: null,
+		default: void 0
+	} },
+	setup(e) {
+		return () => e.content;
+	}
+}), q = [
+	"aria-checked",
+	"aria-disabled",
+	"aria-expanded",
+	"aria-level",
+	"aria-posinset",
+	"aria-selected",
+	"aria-setsize",
+	"data-key",
+	"draggable"
+], J = { class: "semi-tree-option-label-text" }, Ce = /* @__PURE__ */ N({
+	name: "TreeNode",
+	inheritAttrs: !1,
+	__name: "TreeNode",
+	props: {
+		active: {
+			type: Boolean,
+			default: !1
+		},
+		checked: {
+			type: Boolean,
+			default: !1
+		},
+		children: { default: () => [] },
+		data: {},
+		directory: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		draggable: {
+			type: Boolean,
+			default: !1
+		},
+		dragOverNodeKey: { default: null },
+		dropPosition: { default: null },
+		eventKey: {},
+		expandAction: {
+			type: [Boolean, String],
+			default: !1
+		},
+		expanded: {
+			type: Boolean,
+			default: !1
+		},
+		expandIcon: {},
+		filtered: {
+			type: Boolean,
+			default: !1
+		},
+		halfChecked: {
+			type: Boolean,
+			default: !1
+		},
+		icon: {},
+		isEnd: { default: () => [] },
+		isLeaf: { type: Boolean },
+		keyword: {},
+		label: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		labelEllipsis: {
+			type: Boolean,
+			default: !1
+		},
+		level: { default: 0 },
+		loaded: {
+			type: Boolean,
+			default: !1
+		},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		multiple: {
+			type: Boolean,
+			default: !1
+		},
+		pos: {},
+		renderExpandIcon: {},
+		renderFullLabel: {},
+		renderIcon: {},
+		renderLabel: {},
+		selected: {
+			type: Boolean,
+			default: !1
+		},
+		showLine: {
+			type: Boolean,
+			default: !1
+		},
+		style: {},
+		treeDisabled: {
+			type: Boolean,
+			default: !1
+		},
+		onCheck: {},
+		onContextMenu: {},
+		onDoubleClick: {},
+		onDragEnd: {},
+		onDragEnter: {},
+		onDragLeave: {},
+		onDragOver: {},
+		onDragStart: {},
+		onDrop: {},
+		onExpand: {},
+		onSelect: {}
+	},
+	setup(e) {
+		let t = e, n = B(null), r = B(0);
+		function i(e) {
+			n.value = e instanceof HTMLElement ? e : null;
+		}
+		let a = O(() => t.disabled !== !1 && !!(t.treeDisabled || t.disabled)), o = O(() => t.children), s = O(() => t.isLeaf !== !1 && !!(t.isLeaf || o.value.length === 0)), c = O(() => t.isEnd[t.isEnd.length - 1]), l = O(() => t.dragOverNodeKey === t.eventKey && t.dropPosition === 0), u = O(() => t.dragOverNodeKey === t.eventKey && t.dropPosition === -1), d = O(() => t.dragOverNodeKey === t.eventKey && t.dropPosition === 1), f = O(() => [
+			"semi-tree-option",
+			`semi-tree-option-level-${t.level + 1}`,
+			t.renderFullLabel ? `semi-tree-option-fullLabel-level-${t.level + 1}` : void 0,
+			t.expanded ? void 0 : "semi-tree-option-collapsed",
+			a.value ? "semi-tree-option-disabled" : void 0,
+			t.selected ? "semi-tree-option-selected" : void 0,
+			!t.multiple && t.active ? "semi-tree-option-active" : void 0,
+			t.labelEllipsis ? "semi-tree-option-ellipsis" : void 0,
+			!a.value && l.value ? "semi-tree-option-drag-over" : void 0,
+			!a.value && t.draggable && !t.renderFullLabel ? "semi-tree-option-draggable" : void 0,
+			!a.value && t.draggable && t.renderFullLabel ? "semi-tree-option-fullLabel-draggable" : void 0,
+			!a.value && u.value && t.renderFullLabel ? "semi-tree-option-fullLabel-drag-over-gap-top" : void 0,
+			!a.value && d.value && t.renderFullLabel ? "semi-tree-option-fullLabel-drag-over-gap-bottom" : void 0,
+			c.value ? "semi-tree-option-tree-node-last-leaf" : void 0
+		]), p = O(() => [
+			"semi-tree-option-label",
+			!a.value && u.value ? "semi-tree-option-drag-over-gap-top" : void 0,
+			!a.value && d.value ? "semi-tree-option-drag-over-gap-bottom" : void 0
+		]), m = O(() => ({
+			...t,
+			data: t.data,
+			children: o.value,
+			nodeInstance: n.value
+		}));
+		function h(e) {
+			e.stopPropagation(), e.stopImmediatePropagation?.();
+		}
+		function g(e) {
+			h(e), t.onExpand(e, m.value);
+		}
+		function _(e) {
+			a.value || (h(e), t.onCheck(e, m.value));
+		}
+		function v(e) {
+			if (t.expandAction === "doubleClick") {
+				let e = Date.now();
+				if (e - r.value < 500) return;
+				r.value = e;
+			}
+			t.onSelect(e, m.value), t.expandAction === "click" && g(e);
+		}
+		function y(e) {
+			e.key === "Enter" && v(e);
+		}
+		function b(e) {
+			e.key === "Enter" && _(e);
+		}
+		function x(e) {
+			h(e), t.onDoubleClick(e, m.value), t.expandAction === "doubleClick" && g(e);
+		}
+		function S(e) {
+			t.onContextMenu(e, m.value);
+		}
+		function C(e, n) {
+			if (!t.draggable) return;
+			(e === "enter" || e === "over" || e === "drop") && n.preventDefault(), n.stopPropagation();
+			let r = m.value;
+			if (e === "start") {
+				t.onDragStart(n, r);
+				try {
+					n.dataTransfer?.setData("text/plain", "");
+				} catch {}
+			} else e === "enter" ? t.onDragEnter(n, r) : e === "over" ? t.onDragOver(n, r) : e === "leave" ? t.onDragLeave(n, r) : e === "end" ? t.onDragEnd(n, r) : t.onDrop(n, r);
+		}
+		let ee = O(() => {
+			if (t.loading) return P("span", {
+				class: "semi-tree-option-spin-icon",
+				"aria-label": "loading"
+			}, [P("svg", {
+				class: "semi-icon semi-spin-icon",
+				viewBox: "0 0 16 16",
+				"aria-hidden": "true"
+			}, [P("circle", {
+				cx: 8,
+				cy: 8,
+				r: 6,
+				fill: "none",
+				stroke: "currentColor",
+				"stroke-width": 2
+			})])]);
+			if (s.value) return t.showLine ? P("span", { class: "semi-tree-option-switcher" }, [P("span", { class: "semi-tree-option-switcher-leaf-line" })]) : P("span", { class: "semi-tree-option-empty-icon" });
+			let e = {
+				className: "semi-tree-option-expand-icon",
+				expanded: t.expanded,
+				onClick: g
+			}, n = t.expandIcon, r = t.renderExpandIcon?.(e) ?? (typeof n == "function" ? n(e) : n);
+			return r == null ? P(G, {
+				role: "button",
+				ariaLabel: `${t.expanded ? "Expand" : "Collapse"} the tree item`,
+				class: e.className,
+				size: "small",
+				onClick: g
+			}) : F(r) ? D(r, {
+				class: [r.props?.class, e.className],
+				onClick: g
+			}) : r;
+		}), w = O(() => {
+			let e = t.renderIcon?.({
+				node: t.data,
+				expanded: t.expanded
+			});
+			if (e !== void 0) return e;
+			if (t.data.icon !== void 0) return t.data.icon;
+			let n = t.icon;
+			if (typeof n == "function") return n(m.value);
+			if (n !== void 0) return n;
+			if (t.directory) return s.value ? P(be, { class: "semi-tree-option-item-icon" }) : P(t.expanded ? W : U, { class: "semi-tree-option-item-icon" });
+		});
+		function te(e) {
+			let n = t.keyword ?? "";
+			if (!t.filtered || !n) return e;
+			let r = e.toLowerCase(), i = n.toLowerCase(), a = [], o = 0;
+			for (; o < e.length;) {
+				let t = r.indexOf(i, o);
+				if (t < 0) {
+					a.push(e.slice(o));
+					break;
+				}
+				t > o && a.push(e.slice(o, t)), a.push(P("span", { class: "semi-tree-option-highlight" }, e.slice(t, t + n.length))), o = t + n.length;
+			}
+			return P("span", a);
+		}
+		let T = O(() => t.renderLabel ? t.renderLabel(t.label, t.data, t.keyword) : typeof t.label == "string" ? te(t.label) : t.label), ne = O(() => ({
+			className: f.value.filter(Boolean).join(" "),
+			data: t.data,
+			level: t.level,
+			...t.style ? { style: t.style } : {},
+			expandIcon: ee.value,
+			checkStatus: {
+				checked: t.checked,
+				halfChecked: t.halfChecked
+			},
+			expandStatus: {
+				expanded: t.expanded,
+				loading: t.loading
+			},
+			...t.filtered === void 0 ? {} : { filtered: t.filtered },
+			...t.keyword === void 0 ? {} : { searchWord: t.keyword },
+			onClick: v,
+			onContextMenu: S,
+			onDoubleClick: x,
+			onExpand: g,
+			onCheck: _
+		})), ie = O(() => {
+			let e = t.renderFullLabel?.(ne.value), n = Array.isArray(e) && e.length === 1 ? e[0] : e;
+			return F(n) ? t.draggable ? D(n, {
+				ref: i,
+				draggable: !a.value || void 0,
+				onDblclick: x,
+				onDragstart: (e) => C("start", e),
+				onDragenter: (e) => C("enter", e),
+				onDragover: (e) => C("over", e),
+				onDragleave: (e) => C("leave", e),
+				onDragend: (e) => C("end", e),
+				onDrop: (e) => C("drop", e)
+			}) : t.style ? D(n, { style: [n.props?.style, t.style] }) : n : n;
+		});
+		return R(() => {
+			r.value = 0;
+		}), (t, n) => e.renderFullLabel ? (z(), k(V(K), {
+			key: 0,
+			content: ie.value
+		}, null, 8, ["content"])) : (z(), A("li", {
+			key: 1,
+			ref: i,
+			"aria-checked": e.checked,
+			"aria-disabled": a.value,
+			"aria-expanded": e.expanded,
+			"aria-level": e.level + 1,
+			"aria-posinset": Number(String(m.value.pos ?? "").split("-")[e.level + 1] ?? 0) + 1,
+			"aria-selected": e.selected,
+			"aria-setsize": o.value.length || void 0,
+			class: I(f.value),
+			"data-key": e.eventKey,
+			draggable: !a.value && e.draggable ? !0 : void 0,
+			role: "treeitem",
+			style: L(e.style),
+			onClick: v,
+			onContextmenu: S,
+			onDblclick: x,
+			onKeypress: y,
+			onDragstart: n[0] ||= (e) => C("start", e),
+			onDragenter: n[1] ||= (e) => C("enter", e),
+			onDragover: n[2] ||= (e) => C("over", e),
+			onDragleave: n[3] ||= (e) => C("leave", e),
+			onDragend: n[4] ||= (e) => C("end", e),
+			onDrop: n[5] ||= (e) => C("drop", e)
+		}, [
+			j("span", {
+				"aria-hidden": "true",
+				class: I(["semi-tree-option-indent", e.showLine ? "semi-tree-option-indent-show-line" : void 0])
+			}, [(z(!0), A(E, null, pe(e.level, (t) => (z(), A("span", {
+				key: t,
+				class: I(["semi-tree-option-indent-unit", e.isEnd[t - 1] ? "semi-tree-option-indent-unit-end" : void 0])
+			}, null, 2))), 128))], 2),
+			M(V(K), { content: ee.value }, null, 8, ["content"]),
+			j("span", { class: I(p.value) }, [
+				e.multiple ? (z(), A("div", {
+					key: 0,
+					role: "none",
+					onClick: _,
+					onKeypress: b
+				}, [M(V(re), {
+					"aria-label": "Toggle the checked state of checkbox",
+					checked: e.checked,
+					disabled: a.value,
+					indeterminate: e.halfChecked,
+					value: e.eventKey
+				}, null, 8, [
+					"checked",
+					"disabled",
+					"indeterminate",
+					"value"
+				])], 32)) : oe("", !0),
+				M(V(K), { content: w.value }, null, 8, ["content"]),
+				j("span", J, [M(V(K), { content: T.value }, null, 8, ["content"])])
+			], 2)
+		], 46, q));
+	}
+}), we = {
+	ref: "content",
+	style: { overflow: "hidden" },
+	"x-semi-prop": "children"
+}, Te = /* @__PURE__ */ N({
+	__name: "TreeNodeMotion",
+	props: { initiallyOpen: { type: Boolean } },
+	emits: ["end"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = ve("content"), a = B(n.initiallyOpen), o = B(!1), s = B(0), c, l = O(() => ({
+			height: `${a.value ? s.value : 0}px`,
+			opacity: +!!a.value,
+			overflow: "hidden",
+			transitionDuration: `${o.value ? 200 : 0}ms`
+		}));
+		fe(async () => {
+			await de(), s.value = i.value?.scrollHeight ?? 0, c = setTimeout(() => {
+				o.value = !0, a.value = !n.initiallyOpen;
+			}, 0);
+		}), R(() => {
+			c !== void 0 && clearTimeout(c);
+		});
+		function u(e) {
+			e.target === e.currentTarget && (o.value = !1, r("end"));
+		}
+		return (e, t) => (z(), A("div", {
+			class: I(["semi-collapsible-wrapper", o.value ? "semi-collapsible-transition" : void 0]),
+			style: L(l.value),
+			onTransitionend: u
+		}, [j("div", we, [me(e.$slots, "default")], 512)], 38));
+	}
+}), Ee = ["aria-multiselectable", "role"], De = {
+	key: 0,
+	class: "semi-tree-option semi-tree-option-empty"
+}, Oe = {
+	class: "semi-tree-option-label semi-tree-option-label-empty",
+	"x-semi-prop": "emptyContent"
+}, Y = /* @__PURE__ */ N({
+	name: "Tree",
+	inheritAttrs: !1,
+	__name: "Tree",
+	props: {
+		treeSelectEmbedded: { type: Boolean },
+		ariaLabel: {},
+		autoExpandParent: {
+			type: Boolean,
+			default: !1
+		},
+		autoExpandWhenDragEnter: {
+			type: Boolean,
+			default: !0
+		},
+		autoMergeValue: {
+			type: Boolean,
+			default: !0
+		},
+		blockNode: {
+			type: Boolean,
+			default: !0
+		},
+		checkRelation: { default: "related" },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		className: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		defaultExpandAll: {
+			type: Boolean,
+			default: !1
+		},
+		defaultExpandedKeys: { default: () => [] },
+		defaultValue: {},
+		directory: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		disableStrictly: {
+			type: Boolean,
+			default: !1
+		},
+		draggable: {
+			type: Boolean,
+			default: !1
+		},
+		emptyContent: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		expandAction: {
+			type: [Boolean, String],
+			default: !1
+		},
+		expandAll: {
+			type: Boolean,
+			default: !1
+		},
+		expandedKeys: {},
+		expandIcon: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array,
+			Function
+		] },
+		filterTreeNode: {
+			type: [Boolean, Function],
+			default: !1
+		},
+		hideDraggingNode: { type: Boolean },
+		icon: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array,
+			Function
+		] },
+		keyMaps: {},
+		labelEllipsis: { type: Boolean },
+		leafOnly: {
+			type: Boolean,
+			default: !1
+		},
+		loadData: {},
+		loadedKeys: {},
+		modelValue: {},
+		motion: {
+			type: Boolean,
+			default: !0
+		},
+		multiple: {
+			type: Boolean,
+			default: !1
+		},
+		onChangeWithObject: {
+			type: Boolean,
+			default: !1
+		},
+		preventScroll: { type: Boolean },
+		renderDraggingNode: {},
+		renderFullLabel: {},
+		renderLabel: {},
+		searchClassName: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		searchPlaceholder: {},
+		searchRender: { type: [Function, Boolean] },
+		searchStyle: {},
+		showClear: {
+			type: Boolean,
+			default: !0
+		},
+		showFilteredOnly: {
+			type: Boolean,
+			default: !1
+		},
+		showLine: {
+			type: Boolean,
+			default: !1
+		},
+		style: {},
+		treeData: { default: () => [] },
+		treeDataSimpleJson: {},
+		treeNodeFilterProp: { default: "label" },
+		value: {},
+		virtualize: {}
+	},
+	emits: [
+		"change",
+		"contextMenu",
+		"doubleClick",
+		"dragEnd",
+		"dragEnter",
+		"dragLeave",
+		"dragOver",
+		"dragStart",
+		"drop",
+		"expand",
+		"load",
+		"search",
+		"select",
+		"update:expandedKeys",
+		"update:modelValue",
+		"update:value"
+	],
+	setup(e, { expose: t, emit: n }) {
+		let r = N({
+			name: "TreeRoot",
+			inheritAttrs: !1,
+			props: { embedded: Boolean },
+			setup(e, { attrs: t, slots: n }) {
+				return () => e.embedded ? P(E, null, n.default?.()) : P("div", t, n.default?.());
+			}
+		}), i = e, a = n, o = ge(), s = _e(), c = se(), d = ve("input"), f = ve("virtualList"), p = ce(ae, void 0), v = O(() => p?.value ?? {
+			direction: "ltr",
+			locale: { code: "zh-CN" }
+		});
+		function y(e) {
+			let t = c?.vnode.props, n = e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`);
+			return !!(t && (Object.prototype.hasOwnProperty.call(t, e) || Object.prototype.hasOwnProperty.call(t, n)));
+		}
+		let b = O(() => y("modelValue") || y("value")), x = O(() => y("expandedKeys")), w = O(() => y("loadedKeys")), te = O(() => y("searchRender") && i.searchRender === !1), T = O(() => y("expandIcon") ? i.expandIcon : void 0), re = O(() => y("icon") ? i.icon : void 0), D = O(() => y("modelValue") ? i.modelValue : i.value), F = O(() => i.keyMaps ?? {}), fe = O(() => F.value.children ?? "children"), me = O(() => F.value.key ?? "key"), be = O(() => i.treeDataSimpleJson ? ee(i.treeDataSimpleJson) : i.treeData), U = he({
+			inputValue: "",
+			keyEntities: {},
+			treeData: [],
+			flattenNodes: [],
+			selectedKeys: [],
+			checkedKeys: /* @__PURE__ */ new Set(),
+			halfCheckedKeys: /* @__PURE__ */ new Set(),
+			realCheckedKeys: /* @__PURE__ */ new Set(),
+			motionKeys: /* @__PURE__ */ new Set(),
+			motionType: "hide",
+			expandedKeys: /* @__PURE__ */ new Set(),
+			filteredKeys: /* @__PURE__ */ new Set(),
+			filteredExpandedKeys: /* @__PURE__ */ new Set(),
+			filteredShownKeys: /* @__PURE__ */ new Set(),
+			prevProps: null,
+			loadedKeys: new Set(i.loadedKeys ?? []),
+			loadingKeys: /* @__PURE__ */ new Set(),
+			cachedFlattenNodes: void 0,
+			cachedKeyValuePairs: {},
+			disabledKeys: /* @__PURE__ */ new Set(),
+			dragging: !1,
+			dragNodesKeys: /* @__PURE__ */ new Set(),
+			dragOverNodeKey: null,
+			dropPosition: null
+		}), W = /* @__PURE__ */ new Map(), G = B(null), q = B(0), J = !1;
+		function we(e) {
+			return Object.keys(e);
+		}
+		function Y(e) {
+			let t = l(e, i.onChangeWithObject, F.value), n = _(t, U.cachedKeyValuePairs, i.multiple);
+			if (!i.multiple) {
+				U.selectedKeys = n;
+				return;
+			}
+			if (i.checkRelation === "related") {
+				let e = C(n, U.keyEntities);
+				U.checkedKeys = e.checkedKeys, U.halfCheckedKeys = e.halfCheckedKeys;
+			} else U.realCheckedKeys = new Set(n);
+		}
+		function ke() {
+			let e = be.value, t = g(e, F.value);
+			U.treeData = e, U.keyEntities = t.keyEntities, U.cachedKeyValuePairs = t.valueEntities;
+			let n = b.value ? D.value : i.defaultValue;
+			J ? i.expandAll ? U.expandedKeys = new Set(we(U.keyEntities)) : x.value ? U.expandedKeys = S(i.expandedKeys ?? [], U.keyEntities, i.autoExpandParent) : U.expandedKeys = new Set([...U.expandedKeys].filter((e) => e in U.keyEntities)) : x.value ? U.expandedKeys = S(i.expandedKeys ?? [], U.keyEntities, !0) : i.defaultExpandAll || i.expandAll ? U.expandedKeys = new Set(we(U.keyEntities)) : i.defaultExpandedKeys.length ? U.expandedKeys = S(i.defaultExpandedKeys, U.keyEntities, !0) : n !== void 0 && (U.expandedKeys = u(l(n, i.onChangeWithObject, F.value), U.keyEntities, i.multiple, U.cachedKeyValuePairs)), Y(b.value ? D.value : J ? Ae.value : i.defaultValue), U.disabledKeys = i.disableStrictly && i.checkRelation === "related" ? h(U.keyEntities, F.value) : /* @__PURE__ */ new Set(), U.flattenNodes = m(U.treeData, U.expandedKeys, F.value), J = !0;
+		}
+		let Ae = O(() => {
+			if (b.value) return D.value;
+			let e = i.multiple ? [...i.checkRelation === "related" ? U.checkedKeys : U.realCheckedKeys] : U.selectedKeys;
+			if (!e.length) return i.multiple ? [] : void 0;
+			let t = e.map((e) => U.keyEntities[e]?.data ?? {
+				[me.value]: e,
+				label: e
+			});
+			if (i.onChangeWithObject) return i.multiple ? t : t[0];
+			let n = t.map((e) => {
+				let t = e[F.value.value ?? "value"] ?? e[me.value];
+				return typeof t == "string" || typeof t == "number" ? t : String(t);
+			});
+			return i.multiple ? n : n[0];
+		});
+		function je() {
+			let e = {
+				...i,
+				keyMaps: F.value,
+				onDragStart: (e) => a("dragStart", e),
+				onDragEnter: (e) => a("dragEnter", e),
+				onDragOver: (e) => a("dragOver", e),
+				onDragLeave: (e) => a("dragLeave", e),
+				onDragEnd: (e) => a("dragEnd", e),
+				onDrop: (e) => a("drop", e),
+				onLoad: (e, t) => a("load", e, t)
+			};
+			return b.value ? e.value = D.value : delete e.value, x.value || delete e.expandedKeys, w.value || delete e.loadedKeys, e;
+		}
+		let X = le(new Se({
+			getContext: () => void 0,
+			getContexts: () => void 0,
+			getProp: (e) => je()[e],
+			getProps: je,
+			getState: (e) => U[e],
+			getStates: () => U,
+			setState: (e, t) => {
+				Object.assign(U, e), t?.();
+			},
+			getCache: (e) => W.get(e),
+			getCaches: () => W,
+			setCache: (e, t) => W.set(e, t),
+			stopPropagation: (e) => e?.stopPropagation?.(),
+			persistEvent: () => void 0,
+			updateInputValue: (e) => {
+				U.inputValue = e;
+			},
+			focusInput: () => d.value?.focus(),
+			updateState: (e) => {
+				Object.assign(U, e);
+			},
+			notifyExpand: (e, t) => {
+				let n = [...e];
+				a("expand", n, t), a("update:expandedKeys", n), t.expanded && i.loadData && Me(t.node);
+			},
+			notifySelect: (e, t, n) => a("select", e, t, n),
+			notifyChange: (e) => {
+				a("change", e), a("update:value", e), a("update:modelValue", e);
+			},
+			notifySearch: (e, t) => a("search", e, t),
+			notifyRightClick: (e, t) => a("contextMenu", e, t),
+			notifyDoubleClick: (e, t) => a("doubleClick", e, t),
+			cacheFlattenNodes: (e) => {
+				U.cachedFlattenNodes = e ? [...U.flattenNodes] : void 0;
+			},
+			setDragNode: (e) => {
+				G.value = e;
+			}
+		}));
+		async function Me(e) {
+			await new Promise((t) => {
+				let n = X.handleNodeLoad(U.loadedKeys, U.loadingKeys, e, t);
+				Object.assign(U, n), Object.keys(n).length || t();
+			});
+		}
+		function Ne(e) {
+			X.handleInputChange(e);
+		}
+		function Pe(e) {
+			Ne(e);
+		}
+		function Fe(e, t) {
+			X.handleNodeSelect(e, t);
+		}
+		function Ie(e, t) {
+			X.handleNodeExpand(e, t);
+		}
+		function Le(e, t) {
+			X.handleNodeSelect(e, t);
+		}
+		function Re(e, t) {
+			X.handleNodeRightClick(e, t);
+		}
+		function ze(e, t) {
+			X.handleNodeDoubleClick(e, t);
+		}
+		function Be(e, t) {
+			X.handleNodeDragStart(e, t);
+		}
+		function Ve(e, t) {
+			X.handleNodeDragEnter(e, t, G.value);
+		}
+		function He(e, t) {
+			X.handleNodeDragOver(e, t, G.value);
+		}
+		function Ue(e, t) {
+			X.handleNodeDragLeave(e, t);
+		}
+		function We(e, t) {
+			X.handleNodeDragEnd(e, t);
+		}
+		function Ge(e, t) {
+			X.handleNodeDrop(e, t, G.value);
+		}
+		let Ke = O(() => [
+			"semi-tree-wrapper",
+			i.class,
+			i.className,
+			o.class
+		]), qe = O(() => ["semi-tree-option-list", i.blockNode ? "semi-tree-option-list-block" : void 0]), Je = O(() => Object.fromEntries(Object.entries(o).filter(([e]) => e.startsWith("data-")))), Ye = O(() => Object.keys(U.keyEntities).length === 0 || i.showFilteredOnly && !!U.inputValue && U.filteredKeys.size === 0), Xe = O(() => i.searchPlaceholder ? i.searchPlaceholder : v.value.locale.Tree?.searchPlaceholder ?? (v.value.locale.code === "en-US" ? "Search" : "搜索")), Ze = O(() => s.empty ? s.empty() : i.emptyContent === void 0 ? v.value.locale.Tree?.emptyText ?? (v.value.locale.code === "en-US" ? "No Data" : "暂无数据") : i.emptyContent), Qe = O(() => ({
+			className: "semi-tree-input",
+			placeholder: Xe.value,
+			prefix: P(xe),
+			showClear: i.showClear,
+			value: U.inputValue,
+			onChange: Pe
+		})), $e = O(() => s.search?.(Qe.value) ?? (typeof i.searchRender == "function" ? i.searchRender(Qe.value) : void 0));
+		function et(e) {
+			return s.expandIcon?.(e);
+		}
+		function tt(e) {
+			return s.icon?.(e);
+		}
+		function nt(e, t, n) {
+			return s.label?.({
+				label: e,
+				node: t ?? {},
+				searchWord: n
+			}) ?? i.renderLabel?.(e, t, n) ?? e;
+		}
+		function rt(e) {
+			return s.fullLabel?.(e) ?? i.renderFullLabel?.(e);
+		}
+		function it(e) {
+			let t = e.data?.[fe.value];
+			return Array.isArray(t) ? t : [];
+		}
+		function at(e) {
+			let t = X.getTreeNodeProps(String(e.key));
+			if (!t) return null;
+			let n = it(e), r = e.data?.[F.value.isLeaf ?? "isLeaf"], a = r === void 0 ? i.loadData ? !!(t.loaded && n.length === 0) : n.length === 0 : !!r;
+			return {
+				...e.data,
+				...e,
+				...t,
+				data: e.data,
+				children: n,
+				isLeaf: a,
+				label: e.label,
+				icon: e.icon,
+				showLine: i.showLine,
+				directory: i.directory,
+				multiple: i.multiple,
+				treeDisabled: i.disabled,
+				draggable: i.draggable,
+				expandAction: i.expandAction,
+				expandIcon: T.value,
+				labelEllipsis: i.labelEllipsis === void 0 ? !!i.virtualize : i.labelEllipsis,
+				dragOverNodeKey: U.dragOverNodeKey,
+				dropPosition: U.dropPosition
+			};
+		}
+		let ot = O(() => {
+			if (!i.motion || i.virtualize || U.motionKeys.size === 0) return U.flattenNodes;
+			let e = U.motionType === "hide" && U.cachedFlattenNodes ? U.cachedFlattenNodes : U.flattenNodes, t = e.filter((e) => U.motionKeys.has(String(e.key)));
+			if (t.length === 0) return U.flattenNodes;
+			let n = String(t[0].key), r = e.filter((e) => !U.motionKeys.has(String(e.key))), a = e.findIndex((e) => String(e.key) === n);
+			return r.splice(Math.max(0, a), 0, t), r;
+		});
+		function st() {
+			U.motionKeys = /* @__PURE__ */ new Set(), U.motionType = null, U.cachedFlattenNodes = void 0;
+		}
+		function ct(e, t) {
+			let n = at(e);
+			return n ? P(Ce, {
+				...n,
+				key: String(e.key),
+				data: e.data,
+				eventKey: String(e.key),
+				icon: re.value,
+				style: t,
+				renderExpandIcon: s.expandIcon ? et : void 0,
+				renderFullLabel: s.fullLabel || i.renderFullLabel ? rt : void 0,
+				renderIcon: s.icon ? tt : void 0,
+				renderLabel: s.label || i.renderLabel ? nt : void 0,
+				onCheck: Le,
+				onContextMenu: Re,
+				onDoubleClick: ze,
+				onDragEnd: We,
+				onDragEnter: Ve,
+				onDragLeave: Ue,
+				onDragOver: He,
+				onDragStart: Be,
+				onDrop: Ge,
+				onExpand: Ie,
+				onSelect: Fe
+			}) : null;
+		}
+		let lt = O(() => ot.value.map((e) => Array.isArray(e) ? P(Te, {
+			key: `motion-${String(e[0]?.key ?? "empty")}`,
+			initiallyOpen: U.motionType === "hide",
+			onEnd: st
+		}, { default: () => e.map((e) => ct(e)) }) : ct(e))), Z = O(() => i.virtualize?.itemSize ?? 32), Q = O(() => i.virtualize?.height ?? "100%"), ut = O(() => i.virtualize?.width ?? "100%"), dt = O(() => typeof Q.value == "number" ? Q.value : 240), $ = O(() => i.virtualize ? {
+			start: Math.max(0, Math.floor(q.value / Z.value) - 2),
+			end: Math.min(U.flattenNodes.length, Math.ceil((q.value + dt.value) / Z.value) + 2)
+		} : {
+			start: 0,
+			end: U.flattenNodes.length
+		}), ft = O(() => U.flattenNodes.slice($.value.start, $.value.end));
+		function pt(e) {
+			if (i.virtualize) return {
+				position: "absolute",
+				top: `${($.value.start + e) * Z.value}px`,
+				width: "100%",
+				height: `${Z.value}px`
+			};
+		}
+		function mt(e) {
+			q.value = e.currentTarget.scrollTop;
+		}
+		function ht(e) {
+			if (!i.virtualize || !f.value) return;
+			let t = U.flattenNodes.findIndex((t) => String(t.key) === e.key);
+			if (t < 0) return;
+			let n = f.value, r = t * Z.value, a = r + Z.value, o = e.align ?? "center";
+			(o === "auto" || o === "smart") && r >= n.scrollTop && a <= n.scrollTop + n.clientHeight || (n.scrollTop = o === "start" ? r : o === "end" ? a - n.clientHeight : r - (n.clientHeight - Z.value) / 2, q.value = n.scrollTop);
+		}
+		function gt() {
+			d.value?.focus();
+		}
+		return t({
+			search: Ne,
+			scrollTo: ht,
+			focus: gt
+		}), H(() => [
+			i.treeData,
+			i.treeDataSimpleJson,
+			i.keyMaps,
+			i.expandAll,
+			i.disableStrictly
+		], ke, {
+			deep: !0,
+			immediate: !0
+		}), H(D, (e) => {
+			b.value && Y(e);
+		}, { deep: !0 }), H(() => i.expandedKeys, (e) => {
+			x.value && (U.expandedKeys = S(e ?? [], U.keyEntities, i.autoExpandParent), U.flattenNodes = m(U.treeData, U.expandedKeys, F.value));
+		}, { deep: !0 }), H(() => i.loadedKeys, (e) => {
+			w.value && (U.loadedKeys = new Set(e ?? []));
+		}, { deep: !0 }), H(() => [
+			i.multiple,
+			i.checkRelation,
+			i.onChangeWithObject
+		], () => Y(D.value ?? i.defaultValue)), H(() => U.flattenNodes.length, () => de(() => {
+			q.value = f.value?.scrollTop ?? 0;
+		})), R(() => X.destroy()), (t, n) => (z(), k(V(r), ue({ embedded: i.treeSelectEmbedded }, Je.value, {
+			"aria-label": i.treeSelectEmbedded ? void 0 : e.ariaLabel ?? V(o)["aria-label"],
+			class: i.treeSelectEmbedded ? void 0 : Ke.value,
+			style: i.treeSelectEmbedded ? void 0 : [i.style, V(o).style]
+		}), {
+			default: ye(() => [i.filterTreeNode && !te.value ? (z(), A("div", {
+				key: 0,
+				class: I(["semi-tree-search-wrapper", e.searchClassName]),
+				style: L(e.searchStyle)
+			}, [$e.value === void 0 ? (z(), k(V(ie), {
+				key: 1,
+				ref: "input",
+				"aria-label": "Filter Tree",
+				"class-name": "semi-tree-input",
+				"model-value": V(U).inputValue,
+				placeholder: Xe.value,
+				"prevent-scroll": e.preventScroll,
+				"show-clear": e.showClear,
+				onChange: Pe
+			}, {
+				prefix: ye(() => [M(V(xe))]),
+				_: 1
+			}, 8, [
+				"model-value",
+				"placeholder",
+				"prevent-scroll",
+				"show-clear"
+			])) : (z(), k(V(K), {
+				key: 0,
+				content: $e.value
+			}, null, 8, ["content"]))], 6)) : oe("", !0), j("div", {
+				"aria-multiselectable": Ye.value ? void 0 : e.multiple,
+				class: I(qe.value),
+				role: Ye.value ? "none" : "tree"
+			}, [Ye.value ? (z(), A("ul", De, [j("li", Oe, [M(V(K), { content: Ze.value }, null, 8, ["content"])])])) : e.virtualize ? (z(), A("div", {
+				key: 2,
+				ref: "virtualList",
+				class: "semi-tree-virtual-list",
+				style: L({
+					direction: v.value.direction,
+					height: typeof Q.value == "number" ? `${Q.value}px` : Q.value,
+					width: typeof ut.value == "number" ? `${ut.value}px` : ut.value,
+					overflow: "auto",
+					position: "relative"
+				}),
+				onScroll: mt
+			}, [j("div", { style: L({
+				height: `${V(U).flattenNodes.length * Z.value}px`,
+				position: "relative"
+			}) }, [(z(!0), A(E, null, pe(ft.value, (e, t) => (z(), k(Ce, ue({ key: String(e.key) }, { ref_for: !0 }, at(e) ?? {}, {
+				data: e.data,
+				"event-key": String(e.key),
+				icon: re.value,
+				style: pt(t),
+				"render-expand-icon": V(s).expandIcon ? et : void 0,
+				"render-full-label": V(s).fullLabel || i.renderFullLabel ? rt : void 0,
+				"render-icon": V(s).icon ? tt : void 0,
+				"render-label": V(s).label || i.renderLabel ? nt : void 0,
+				onCheck: Le,
+				onContextMenu: Re,
+				onDoubleClick: ze,
+				onDragEnd: We,
+				onDragEnter: Ve,
+				onDragLeave: Ue,
+				onDragOver: He,
+				onDragStart: Be,
+				onDrop: Ge,
+				onExpand: Ie,
+				onSelect: Fe
+			}), null, 16, [
+				"data",
+				"event-key",
+				"icon",
+				"style",
+				"render-expand-icon",
+				"render-full-label",
+				"render-icon",
+				"render-label"
+			]))), 128))], 4)], 36)) : (z(), A(E, { key: 1 }, [e.multiple ? (z(), k(V(ne), {
+				key: 0,
+				direction: "vertical",
+				value: [...e.checkRelation === "related" ? V(U).checkedKeys : V(U).realCheckedKeys]
+			}, {
+				default: ye(() => [M(V(K), { content: lt.value }, null, 8, ["content"])]),
+				_: 1
+			}, 8, ["value"])) : (z(), k(V(K), {
+				key: 1,
+				content: lt.value
+			}, null, 8, ["content"]))], 64))], 10, Ee)]),
+			_: 1
+		}, 16, [
+			"embedded",
+			"aria-label",
+			"class",
+			"style"
+		]));
+	}
+});
+//#endregion
+export { Ce as n, Y as t };