x-prop-tree 0.8.18 → 0.8.19

package/dist/index.js

@@ -1,13 +1,13 @@
 import { a as e, i as t, n, o as r, r as i, t as a } from "./vendor.cs922lli.js";
-import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, defineComponent as m, h, inject as g, isRef as _, mergeModels as v, mergeProps as y, normalizeStyle as b, onBeforeUnmount as x, onMounted as S, onUnmounted as C, openBlock as w, provide as T, ref as E, renderList as D, renderSlot as ee, resolveComponent as O, resolveDirective as k, toDisplayString as A, unref as j, useId as M, useModel as N, useTemplateRef as te, watch as P, watchEffect as F, withCtx as I, withDirectives as L, withKeys as ne, withModifiers as R } from "vue";
-import { eventBus as z, globalObjects as re, injectDark as ie, injectLocale as ae, openNumberDlg as oe, openPromptDlg as se, useColor as B, useSystem as V, useViewStack as H } from "x-essential-lib";
-import { getElement as ce, getItems as le, getPropertyDefault as U, getPropertyDefaultArray as W, getTag as ue, getTypes as de, isHexColor as fe, isThemeColor as pe, makeSlotId as me, parseNumberUnit as he, pkgs as ge, rules as _e, themeColors as ve } from "x-runtime-lib";
-import { useI18n as G } from "vue-i18n";
+import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, defineComponent as m, h, inject as g, isRef as _, mergeModels as v, mergeProps as y, normalizeStyle as b, onBeforeUnmount as x, onMounted as S, onUnmounted as C, openBlock as w, provide as T, ref as E, renderList as D, renderSlot as ee, resolveComponent as O, resolveDirective as k, toDisplayString as A, unref as j, useId as M, useModel as N, useTemplateRef as te, watch as P, watchEffect as F, withCtx as I, withDirectives as L, withKeys as R, withModifiers as z } from "vue";
+import { eventBus as B, globalObjects as ne, injectDark as re, injectLocale as ie, openNumberDlg as ae, openPromptDlg as oe, useColor as V, useSystem as H, useViewStack as U } from "x-essential-lib";
+import { getElement as se, getItems as ce, getPropertyDefault as W, getPropertyDefaultArray as G, getTag as le, getTypes as ue, isHexColor as de, isThemeColor as fe, makeSlotId as pe, parseNumberUnit as me, pkgs as he, rules as ge, themeColors as _e, unwrapSlotId as ve } from "x-runtime-lib";
+import { useI18n as K } from "vue-i18n";
 import { globalState as ye } from "x-state-lib";
 import { useDisplay as be } from "vuetify";
 import { XBlockly as xe } from "x-block-lib";
 //#region src/utils/common.ts
-function Se(e, t) {
+function q(e, t) {
 	let n = {
 		key: "",
 		name: "",
@@ -20,7 +20,7 @@ function Se(e, t) {
 	}
 	return n;
 }
-function K(e, t) {
+function J(e, t) {
 	let n = e;
 	for (let e of t) {
 		if (!n) throw Error("target must be valid");
@@ -28,42 +28,42 @@ function K(e, t) {
 	}
 	return n;
 }
-function Ce(t, n, r, i, a, o) {
+function Se(t, n, r, i, a, o) {
 	if (i !== void 0 && !a) {
 		if (!(r[i] instanceof Array)) {
-			let a = W(n);
+			let a = G(n);
 			e(a, r[i]) || (r[i] = a, o(t, r[i]));
 		}
 		return r[i];
 	} else {
 		if (!(r[n.key] instanceof Array)) {
-			let i = W(n);
+			let i = G(n);
 			e(i, r[n.key]) || (r[n.key] = i, o(t, r[n.key]));
 		}
 		return r[n.key];
 	}
 }
-function q(t, n, r, i, a, o) {
+function Y(t, n, r, i, a, o) {
 	if (i !== void 0 && !a) {
 		if (r[i] === void 0) {
-			let a = U(n);
+			let a = W(n);
 			e(a, r[i]) || (r[i] = a, o(t, r[i]));
 		}
 		return r[i];
 	} else {
 		if (r[n.key] === void 0) {
-			let i = U(n);
+			let i = W(n);
 			e(i, r[n.key]) || (r[n.key] = i, o(t, r[n.key]));
 		}
 		return r[n.key];
 	}
 }
-function J(t, n, i, a, o, s, c) {
+function X(t, n, i, a, o, s, c) {
 	o !== void 0 && !s ? e(a, i[o]) || (i[o] = r(a), c(t, i[o])) : e(a, i[n.key]) || (i[n.key] = r(a), c(t, i[n.key]));
 }
 //#endregion
 //#region src/utils/collapseState.ts
-function Y(e, t) {
+function Z(e, t) {
 	let n = e.value;
 	for (let e of t) {
 		if (!n.children[e]) return !0;
@@ -71,7 +71,7 @@ function Y(e, t) {
 	}
 	return n.collapse;
 }
-function we(e, t, n) {
+function Ce(e, t, n) {
 	let r = e.value;
 	for (let e of t) r.children[e] || (r.children[e] = {
 		collapse: !0,
@@ -81,16 +81,16 @@ function we(e, t, n) {
 }
 //#endregion
 //#region src/utils/copyPaste.ts
-var Te = [
+var we = [
 	"key",
 	"name",
 	"children",
 	"default",
 	"arrayDefault"
 ];
-function Ee(n, r) {
+function Te(n, r) {
 	function i(n, r) {
-		if (!e(t(n, Te), t(r, Te))) return !1;
+		if (!e(t(n, we), t(r, we))) return !1;
 		if (n.ui || r.ui) return !0;
 		if (n.children.length !== r.children.length) return !1;
 		for (let e = 0; e < n.children.length; e++) if (!i(n.children[e], r.children[e])) return !1;
@@ -98,27 +98,27 @@ function Ee(n, r) {
 	}
 	return i(n, r);
 }
-function De(e, t, n, r, i, a) {
+function Ee(e, t, n, r, i, a) {
 	function o(e, t, n, r, i) {
 		if (t.ui) {
 			if (t.readonly || t.static) return;
-			J(e, t, n, r, i, !1, a);
-		} else if (t.array) J(e, t, n, r, i, !1, a);
+			X(e, t, n, r, i, !1, a);
+		} else if (t.array) X(e, t, n, r, i, !1, a);
 		else for (let i of t.children) typeof n == "object" && typeof r == "object" && o([...e, i.key], i, n[t.key], r[i.key], void 0);
 	}
 	o(e, t, n, r, i);
 }
 //#endregion
 //#region src/utils/propertyState.ts
-var Oe = [["basic", "id"], ["basic", "name"]];
-function ke(t) {
-	return Oe.find((n) => e(t, n));
+var De = [["basic", "id"], ["basic", "name"]];
+function Oe(t) {
+	return De.find((n) => e(t, n));
 }
-function X(e, t, n, i, a, o, s) {
+function ke(e, t, n, i, a, o, s) {
 	return e = r(e), a === void 0 ? e.push(t.key) : (e.push(a), o && e.push(t.key)), e?.[0] === "runtime" ? {
 		change: !1,
 		warning: !1
-	} : ke(e) ? (i.change = !1, i.warning = !1, {
+	} : Oe(e) ? (i.change = !1, i.warning = !1, {
 		change: i.change,
 		warning: i.warning
 	}) : t.ui ? t.array && !s ? Me(e, t, n, i, a, o) : Ne(t, n, i, a, o) : t.array ? Ae(e, t, n, i, a, o) : je(e, t, n, i, a, o);
@@ -144,11 +144,11 @@ function Ae(t, n, r, i, a, o) {
 				warning: !1,
 				children: {}
 			};
-			let { change: n, warning: o } = X(t, a, s[e], r.children[a.key], e, !0);
+			let { change: n, warning: o } = ke(t, a, s[e], r.children[a.key], e, !0);
 			!r.change && n && (r.change = n), !r.change && o && (r.warning = o), !i.change && r.change && (i.change = r.change), !i.warning && r.warning && (i.warning = r.warning);
 		}
 	}
-	return i.change ||= !e(s, W(n)), {
+	return i.change ||= !e(s, G(n)), {
 		change: i.change,
 		warning: i.warning
 	};
@@ -168,7 +168,7 @@ function je(e, t, n, r, i, a) {
 			warning: !1,
 			children: {}
 		};
-		let { change: a, warning: s } = X(e, i, o, r.children[i.key], void 0, !1);
+		let { change: a, warning: s } = ke(e, i, o, r.children[i.key], void 0, !1);
 		!r.change && a && (r.change = a), !r.warning && s && (r.warning = s);
 	}
 	return {
@@ -190,10 +190,10 @@ function Me(t, n, r, i, a, o) {
 			warning: !1,
 			children: {}
 		};
-		let { change: r, warning: a } = X(t, n, s, i.children[e], e, !1, !0);
+		let { change: r, warning: a } = ke(t, n, s, i.children[e], e, !1, !0);
 		!i.change && r && (i.change = r), !i.warning && a && (i.warning = a);
 	}
-	return i.change ||= !e(s, W(n)), {
+	return i.change ||= !e(s, G(n)), {
 		change: i.change,
 		warning: i.warning
 	};
@@ -201,7 +201,7 @@ function Me(t, n, r, i, a, o) {
 function Ne(t, n, r, i, a) {
 	if (!t.ui) throw Error("execPropertyLeafScalar property ui must be valid");
 	let o;
-	return o = i !== void 0 && !a ? n[i] : n[t.key], r.change = !e(o, U(t)), {
+	return o = i !== void 0 && !a ? n[i] : n[t.key], r.change = !e(o, W(t)), {
 		change: r.change,
 		warning: r.warning
 	};
@@ -226,11 +226,11 @@ function Pe(e, t, n) {
 			warning: !1,
 			children: {}
 		};
-		r.children[e.key] = t, X([], e, n, t, void 0, !1);
+		r.children[e.key] = t, ke([], e, n, t, void 0, !1);
 	}
 	e.value = r;
 }
-function Z(e, t) {
+function Q(e, t) {
 	let n = e;
 	for (let e of t) {
 		if (!n.children[e]) return !1;
@@ -286,7 +286,7 @@ function at() {
 function ot(e) {
 	T(He, e);
 }
-function Q() {
+function $() {
 	return g(He);
 }
 function st(e) {
@@ -313,52 +313,52 @@ function pt(t, n, r, i) {
 	if (n.ui) {
 		if (n.readonly || n.static) return;
 		if (n.array) {
-			let a = t[n.key], o = W(n);
+			let a = t[n.key], o = G(n);
 			e(o, a) || (t[n.key] = o, i([...r, n.key], o));
 		} else {
-			let a = t[n.key], o = U(n);
+			let a = t[n.key], o = W(n);
 			e(o, a) || (t[n.key] = o, i([...r, n.key], o));
 		}
 	} else if (n.array) {
-		let a = t[n.key], o = W(n);
+		let a = t[n.key], o = G(n);
 		e(o, a) || (t[n.key] = o, i([...r, n.key], o));
 	} else for (let e of n.children) pt(t[n.key], e, [...r, n.key], i);
 }
 function mt(t, n, r, i) {
 	let a = r.at(-1);
 	if (a === void 0) return;
-	let o = Se(n, r);
+	let o = q(n, r);
 	if (o) if (o.ui) {
 		if (o.readonly || o.static) return;
 		if (o.array) if (typeof a == "string") {
-			let n = K(t, r.slice(0, -1));
+			let n = J(t, r.slice(0, -1));
 			if (!n) return;
-			let s = n[a], c = W(o);
+			let s = n[a], c = G(o);
 			e(c, s) || (n[a] = c, i(r, c));
 		} else {
-			let n = K(t, r.slice(0, -1));
+			let n = J(t, r.slice(0, -1));
 			if (!n) return;
-			let s = n[a], c = U(o);
+			let s = n[a], c = W(o);
 			e(c, s) || (n[a] = c, i(r, c));
 		}
 		else {
-			let n = K(t, r.slice(0, -1));
+			let n = J(t, r.slice(0, -1));
 			if (!n) return;
-			let s = n[a], c = U(o);
+			let s = n[a], c = W(o);
 			e(c, s) || (n[a] = c, i(r, c));
 		}
 	} else if (o.array) if (typeof a == "string") {
-		let n = K(t, r.slice(0, -1));
+		let n = J(t, r.slice(0, -1));
 		if (!n) return;
-		let s = n[a], c = W(o);
+		let s = n[a], c = G(o);
 		e(c, s) || (n[a] = c, i(r, c));
 	} else {
-		let e = K(t, r);
+		let e = J(t, r);
 		if (!e) return;
 		for (let t of o.children) pt(e, t, r, i);
 	}
 	else {
-		let e = K(t, r);
+		let e = J(t, r);
 		if (!e) return;
 		for (let t of o.children) pt(e, t, r, i);
 	}
@@ -366,16 +366,16 @@ function mt(t, n, r, i) {
 //#endregion
 //#region src/components/menu/func/copy.ts
 function ht(e) {
-	let { t } = G(), n = $e(), r = tt();
+	let { t } = K(), n = $e(), r = tt();
 	function i() {
 		return !0;
 	}
 	function a() {
-		let t = Se(n.value, e.value);
+		let t = q(n.value, e.value);
 		if (!t) return;
 		let i = {
 			property: t,
-			object: K(r.value, e.value)
+			object: J(r.value, e.value)
 		};
 		localStorage.setItem("propTreeCopy", JSON.stringify(i));
 	}
@@ -390,10 +390,10 @@ function ht(e) {
 //#endregion
 //#region src/components/menu/func/paste.ts
 function gt(e) {
-	let { t } = G(), n = $e(), r = tt(), i = Q();
+	let { t } = K(), n = $e(), r = tt(), i = $();
 	function a() {
 		if (e.value.length <= 0) return !1;
-		let t = Se(n.value, e.value);
+		let t = q(n.value, e.value);
 		if (!t) return !1;
 		let r = localStorage.getItem("propTreeCopy");
 		if (!r) return !1;
@@ -403,11 +403,11 @@ function gt(e) {
 		} catch (e) {
 			return console.error("parse propTreeCopy failed", e), !1;
 		}
-		return !!Ee(t, i.property);
+		return !!Te(t, i.property);
 	}
 	function o() {
 		if (e.value.length <= 0) return;
-		let t = Se(n.value, e.value);
+		let t = q(n.value, e.value);
 		if (!t) return;
 		let a = localStorage.getItem("propTreeCopy");
 		if (!a) return;
@@ -418,11 +418,11 @@ function gt(e) {
 			console.error("parse propTreeCopy failed", e);
 			return;
 		}
-		if (!Ee(t, o.property)) return;
-		let s = K(r.value, e.value.slice(0, -1));
+		if (!Te(t, o.property)) return;
+		let s = J(r.value, e.value.slice(0, -1));
 		if (!s) return;
 		let c = e.value.at(-1);
-		De(e.value, t, s, o.object, typeof c == "number" ? c : void 0, i);
+		Ee(e.value, t, s, o.object, typeof c == "number" ? c : void 0, i);
 	}
 	function s(e) {
 		a() && e.push({
@@ -435,9 +435,9 @@ function gt(e) {
 //#endregion
 //#region src/components/menu/func/reset.ts
 function _t(e) {
-	let { t } = G(), n = $e(), r = tt(), i = at(), a = Q();
+	let { t } = K(), n = $e(), r = tt(), i = at(), a = $();
 	function o() {
-		return !(e.value.length <= 0 || !Z(i.value, e.value));
+		return !(e.value.length <= 0 || !Q(i.value, e.value));
 	}
 	function s() {
 		mt(r.value, n.value, e.value, a);
@@ -458,7 +458,7 @@ var vt = /* @__PURE__ */ m({
 		let t = E(0), n = E(0), r = E([]), i = s(() => [t.value, n.value]), { tryPushCopy: a } = ht(r), { tryPushPaste: l } = gt(r), { tryPushReset: d } = _t(r), m = s(() => {
 			let e = [];
 			return a(e), l(e), d(e), e;
-		}), { open: h } = H("propTreeMenu", (e) => {
+		}), { open: h } = U("propTreeMenu", (e) => {
 			t.value = e.x, n.value = e.y, r.value = e.keys;
 		});
 		return (e, t) => {
@@ -510,7 +510,7 @@ var vt = /* @__PURE__ */ m({
 		"delete"
 	],
 	setup(e, { emit: t }) {
-		let { backgroundColor2: n, highlightColor: r } = B(), i = t, a = E(!1), o = s(() => ({
+		let { backgroundColor2: n, highlightColor: r } = V(), i = t, a = E(!1), o = s(() => ({
 			background: a.value ? r.value : n.value,
 			height: "36px",
 			marginBottom: "1px",
@@ -526,7 +526,7 @@ var vt = /* @__PURE__ */ m({
 				class: "d-flex align-center cursor-pointer",
 				style: b(o.value),
 				onClick: f,
-				onContextmenu: R(m, ["self", "prevent"]),
+				onContextmenu: z(m, ["self", "prevent"]),
 				onMouseout: n[2] ||= (e) => a.value = !1,
 				onMouseover: n[3] ||= (e) => a.value = !0
 			}, [
@@ -542,7 +542,7 @@ var vt = /* @__PURE__ */ m({
 					density: "compact",
 					icon: "mdi-plus",
 					variant: "text",
-					onClick: n[0] ||= R((e) => i("create"), ["stop"])
+					onClick: n[0] ||= z((e) => i("create"), ["stop"])
 				})) : l("", !0),
 				e.hasDelete ? (w(), c(h, {
 					key: 1,
@@ -550,7 +550,7 @@ var vt = /* @__PURE__ */ m({
 					density: "compact",
 					icon: "mdi-minus",
 					variant: "text",
-					onClick: n[1] ||= R((t) => i("delete", e.index), ["stop"])
+					onClick: n[1] ||= z((t) => i("delete", e.index), ["stop"])
 				})) : l("", !0)
 			], 36)), [[g]]);
 		};
@@ -559,13 +559,13 @@ var vt = /* @__PURE__ */ m({
 //#endregion
 //#region src/composables/adaptSlotList/index.ts
 function xt() {
-	let e = qe(), t = Ye(), n = Ze(), { i18n: r } = re, o = E([]);
+	let e = qe(), t = Ye(), n = Ze(), { i18n: r } = ne, o = E([]);
 	dt(o);
 	let s = () => {
 		if (!e.value || !t.value || !n.value) return [];
-		let s = ge[e.value];
+		let s = he[e.value];
 		if (!s) return console.assert(!1, `invalid version=${e.value}`), [];
-		let c = ue(t.value, n.value), l = [];
+		let c = le(t.value, n.value), l = [];
 		for (let e = 0; e < s.groups[c].length; e++) {
 			let t = s.groups[c][e], n = i(o, t.key);
 			l.push({
@@ -578,15 +578,16 @@ function xt() {
 			});
 			let a = 0;
 			for (let e of t.items) {
-				let n = ce(e);
+				let n = se(e);
 				if (n && !n.internal && n.slots) for (let e of n.slots) {
-					let i = me("elementSlot", n.key, e.key), o = `${r.global.t(n.name)} / ${r.global.t(e.name)}`;
+					let i = pe("elementSlot", n.key, e.key), o = `${r.global.t(n.name)} / ${r.global.t(e.name)}`;
 					l.push({
 						id: i,
 						type: 1,
 						name: o,
 						position: a++,
-						group: t.key
+						group: t.key,
+						names: [n.name, e.name]
 					});
 				}
 			}
@@ -606,13 +607,14 @@ function xt() {
 		for (let e of u.comps) {
 			let t = d[e.id];
 			if (t && t.meta.slots) for (let n of t.meta.slots) {
-				let t = me("customSlot", e.id, n.id), r = `${e.name} / ${n.name}`;
+				let t = pe("customSlot", e.id, n.id), r = `${e.name} / ${n.name}`;
 				l.push({
 					id: t,
 					type: 1,
 					name: r,
 					position: f++,
-					group: e.groupId
+					group: e.groupId,
+					names: [e.name, n.name]
 				});
 			}
 		}
@@ -717,28 +719,28 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 	},
 	emits: ["x-click"],
 	setup(e, { emit: t }) {
-		let { backgroundColor2: n, highlightColor: r } = B(), i = e, a = t, o = E(!1), c = s(() => ({
-			background: o.value ? r.value : n.value,
+		let { backgroundColor2: n, highlightColor: r } = V(), i = t, a = E(!1), o = s(() => ({
+			background: a.value ? r.value : n.value,
 			height: "30px",
 			marginTop: "1px",
 			userSelect: "none"
 		}));
-		return (e, t) => {
-			let n = O("v-icon"), r = k("ripple");
+		return (t, n) => {
+			let r = O("v-icon"), s = k("ripple");
 			return L((w(), u("div", {
 				class: "d-flex align-center cursor-pointer",
-				style: b(c.value),
-				onClick: t[0] ||= (e) => a("x-click", i.id),
-				onMouseout: t[1] ||= (e) => o.value = !1,
-				onMouseover: t[2] ||= (e) => o.value = !0
+				style: b(o.value),
+				onClick: n[0] ||= (t) => i("x-click", e.id),
+				onMouseout: n[1] ||= (e) => a.value = !1,
+				onMouseover: n[2] ||= (e) => a.value = !0
 			}, [
-				p(n, {
-					icon: i.collapse ? "mdi-chevron-right" : "mdi-chevron-down",
+				p(r, {
+					icon: e.collapse ? "mdi-chevron-right" : "mdi-chevron-down",
 					size: "small"
 				}, null, 8, ["icon"]),
-				d("span", wt, A(i.title), 1),
-				d("span", Tt, A(i.count), 1)
-			], 36)), [[r]]);
+				d("span", wt, A(e.title), 1),
+				d("span", Tt, A(e.count), 1)
+			], 36)), [[s]]);
 		};
 	}
 }), Dt = { class: "text-body-large ml-6" }, Ot = /* @__PURE__ */ m({
@@ -749,7 +751,7 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 	},
 	emits: ["x-click"],
 	setup(e, { emit: t }) {
-		let { backgroundColor2: n, highlightColor: r } = B(), i = t, a = E(!1), o = s(() => ({
+		let { backgroundColor2: n, highlightColor: r } = V(), i = t, a = E(!1), o = s(() => ({
 			background: a.value ? r.value : n.value,
 			height: "48px",
 			marginTop: "1px",
@@ -772,29 +774,27 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 }, jt = /* @__PURE__ */ m({
 	__name: "index",
 	props: {
-		modelValue: {},
-		modelModifiers: {},
 		open: {
 			type: Boolean,
 			required: !0
 		},
 		openModifiers: {}
 	},
-	emits: ["update:modelValue", "update:open"],
-	setup(e) {
-		let { t } = G(), r = N(e, "modelValue"), a = N(e, "open"), s = ft(), d = (e) => {
-			let t = i(s, e);
-			t && n(s, e, !t.collapse);
-		}, f = (e) => {
-			r.value = e, a.value = !1;
+	emits: /* @__PURE__ */ v(["x-select"], ["update:open"]),
+	setup(e, { emit: t }) {
+		let { t: r } = K(), a = N(e, "open"), s = t, d = ft(), f = (e) => {
+			let t = i(d, e);
+			t && n(d, e, !t.collapse);
+		}, p = (e) => {
+			a.value = !1, s("x-select", e);
 		};
-		return (e, n) => j(s).length > 0 ? (w(), u("div", kt, [(w(!0), u(o, null, D(j(s), (e) => (w(), u(o, { key: e.id }, [e.type === 0 ? (w(), c(Et, {
+		return (e, t) => j(d).length > 0 ? (w(), u("div", kt, [(w(!0), u(o, null, D(j(d), (e) => (w(), u(o, { key: e.id }, [e.type === 0 ? (w(), c(Et, {
 			key: 0,
 			id: e.id,
 			collapse: e.collapse,
 			count: e.count ?? 0,
 			title: e.name,
-			onXClick: d
+			onXClick: f
 		}, null, 8, [
 			"id",
 			"collapse",
@@ -804,8 +804,8 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 			key: 1,
 			id: e.id,
 			title: e.name,
-			onXClick: f
-		}, null, 8, ["id", "title"])) : l("", !0)], 64))), 128))])) : (w(), u("div", At, A(j(t)("x-prop-tree.noAdaptSlot")), 1));
+			onXClick: p
+		}, null, 8, ["id", "title"])) : l("", !0)], 64))), 128))])) : (w(), u("div", At, A(j(r)("x-prop-tree.noAdaptSlot")), 1));
 	}
 }), Mt = { class: "text-body-large" }, Nt = /* @__PURE__ */ m({
 	__name: "index",
@@ -819,12 +819,12 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 			default: !1
 		}
 	}, {
-		modelValue: {},
+		modelValue: { default: null },
 		modelModifiers: {}
 	}),
 	emits: /* @__PURE__ */ v(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let { t: n } = G(), r = be(), { sysBarAvail: a } = V(), { backgroundColor1: o } = B(), u = N(e, "modelValue"), m = t, h = ft(), g = s(() => {
+		let { t: n } = K(), r = be(), { sysBarAvail: a } = H(), { backgroundColor1: o } = V(), u = N(e, "modelValue"), m = t, h = ft(), g = s(() => {
 			let e = "100%";
 			return r.mdAndUp.value && (e = "400px"), {
 				background: o.value,
@@ -838,22 +838,39 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 				height: `calc(100% - ${e}px)`
 			};
 		}), x = s(() => ({ height: "60px" })), S = s(() => {
-			if (!u.value) return n("x-runtime-lib.notSet");
-			let e = i(h, u.value);
-			return e ? e.name : n("x-runtime-lib.slotNotAvail");
-		}), { open: T } = H(`propTreeAdaptSlotSelectDlg${M()}`);
-		return C(() => {
+			if (u.value) {
+				let { kind: e } = ve(u.value.id);
+				return e === "elementSlot" || e === "multipleElementSlot" ? u.value.names.map((e) => n(e)).join(" / ") : u.value.names.join(" / ");
+			} else return n("x-runtime-lib.notSet");
+		}), { open: T } = U(`propTreeAdaptSlotSelectDlg${M()}`);
+		C(() => {
 			T.value = !1;
-		}), (t, r) => {
+		});
+		function E(e) {
+			if (!e) {
+				u.value = null;
+				return;
+			}
+			let t = i(h, e);
+			if (!t) {
+				u.value = null;
+				return;
+			}
+			u.value = {
+				id: t.id,
+				names: t.names
+			};
+		}
+		return (t, r) => {
 			let i = O("v-btn"), o = O("v-sheet"), s = O("v-dialog");
 			return w(), c(s, {
 				modelValue: j(T),
-				"onUpdate:modelValue": r[6] ||= (e) => _(T) ? T.value = e : null,
+				"onUpdate:modelValue": r[5] ||= (e) => _(T) ? T.value = e : null,
 				fullscreen: "",
 				"no-click-animation": "",
 				persistent: "",
 				transition: "scroll-x-reverse-transition",
-				onKeydown: r[7] ||= ne(R((e) => T.value = !1, ["stop", "prevent"]), ["esc"])
+				onKeydown: r[6] ||= R(z((e) => T.value = !1, ["stop", "prevent"]), ["esc"])
 			}, {
 				activator: I(({ props: t }) => [p(i, y(t, {
 					block: "",
@@ -868,12 +885,12 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 					density: "compact",
 					icon: "mdi-minus",
 					variant: "text",
-					onClick: r[0] ||= R((e) => m("delete"), ["stop"])
+					onClick: r[0] ||= z((e) => m("delete"), ["stop"])
 				})) : l("", !0)]),
 				default: I(() => [d("div", {
 					class: "w-100 h-100 d-flex flex-row-reverse",
-					onClick: r[4] ||= R((e) => T.value = !1, ["self"]),
-					onContextmenu: r[5] ||= R((e) => T.value = !1, ["self", "prevent"])
+					onClick: r[3] ||= z((e) => T.value = !1, ["self"]),
+					onContextmenu: r[4] ||= z((e) => T.value = !1, ["self", "prevent"])
 				}, [d("div", {
 					class: "elevation-2",
 					style: b(g.value)
@@ -900,11 +917,10 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 						class: "overflow-y-auto",
 						style: b(v.value)
 					}, [p(jt, {
-						modelValue: u.value,
-						"onUpdate:modelValue": r[2] ||= (e) => u.value = e,
 						open: j(T),
-						"onUpdate:open": r[3] ||= (e) => _(T) ? T.value = e : null
-					}, null, 8, ["modelValue", "open"]), d("div", { style: b(x.value) }, null, 4)], 4)
+						"onUpdate:open": r[2] ||= (e) => _(T) ? T.value = e : null,
+						onXSelect: E
+					}, null, 8, ["open"]), d("div", { style: b(x.value) }, null, 4)], 4)
 				], 4)], 32)]),
 				_: 1
 			}, 8, ["modelValue"]);
@@ -920,28 +936,28 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 	},
 	emits: ["x-click"],
 	setup(e, { emit: t }) {
-		let { backgroundColor2: n, highlightColor: r } = B(), i = e, a = t, o = E(!1), c = s(() => ({
-			background: o.value ? r.value : n.value,
+		let { backgroundColor2: n, highlightColor: r } = V(), i = t, a = E(!1), o = s(() => ({
+			background: a.value ? r.value : n.value,
 			height: "30px",
 			marginTop: "1px",
 			userSelect: "none"
 		}));
-		return (e, t) => {
-			let n = O("v-icon"), r = k("ripple");
+		return (t, n) => {
+			let r = O("v-icon"), s = k("ripple");
 			return L((w(), u("div", {
 				class: "d-flex align-center cursor-pointer",
-				style: b(c.value),
-				onClick: t[0] ||= (e) => a("x-click", i.id),
-				onMouseout: t[1] ||= (e) => o.value = !1,
-				onMouseover: t[2] ||= (e) => o.value = !0
+				style: b(o.value),
+				onClick: n[0] ||= (t) => i("x-click", e.id),
+				onMouseout: n[1] ||= (e) => a.value = !1,
+				onMouseover: n[2] ||= (e) => a.value = !0
 			}, [
-				p(n, {
-					icon: i.collapse ? "mdi-chevron-right" : "mdi-chevron-down",
+				p(r, {
+					icon: e.collapse ? "mdi-chevron-right" : "mdi-chevron-down",
 					size: "small"
 				}, null, 8, ["icon"]),
-				d("span", Pt, A(i.title), 1),
-				d("span", Ft, A(i.count), 1)
-			], 36)), [[r]]);
+				d("span", Pt, A(e.title), 1),
+				d("span", Ft, A(e.count), 1)
+			], 36)), [[s]]);
 		};
 	}
 }), Lt = { class: "text-body-large ml-6" }, Rt = /* @__PURE__ */ m({
@@ -952,21 +968,21 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 	},
 	emits: ["x-click"],
 	setup(e, { emit: t }) {
-		let { backgroundColor2: n, highlightColor: r } = B(), i = e, a = t, o = E(!1), c = s(() => ({
-			background: o.value ? r.value : n.value,
+		let { backgroundColor2: n, highlightColor: r } = V(), i = t, a = E(!1), o = s(() => ({
+			background: a.value ? r.value : n.value,
 			height: "48px",
 			marginTop: "1px",
 			userSelect: "none"
 		}));
-		return (e, t) => {
-			let n = k("ripple");
+		return (t, n) => {
+			let r = k("ripple");
 			return L((w(), u("div", {
 				class: "d-flex align-center cursor-pointer",
-				style: b(c.value),
-				onClick: t[0] ||= (e) => a("x-click", i.id),
-				onMouseout: t[1] ||= (e) => o.value = !1,
-				onMouseover: t[2] ||= (e) => o.value = !0
-			}, [d("span", Lt, A(i.title), 1)], 36)), [[n]]);
+				style: b(o.value),
+				onClick: n[0] ||= (t) => i("x-click", e.id),
+				onMouseout: n[1] ||= (e) => a.value = !1,
+				onMouseover: n[2] ||= (e) => a.value = !0
+			}, [d("span", Lt, A(e.title), 1)], 36)), [[r]]);
 		};
 	}
 }), zt = { key: 0 }, Bt = {
@@ -975,29 +991,29 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 }, Vt = /* @__PURE__ */ m({
 	__name: "index",
 	props: {
-		modelValue: {},
-		modelModifiers: {},
 		open: {
 			type: Boolean,
 			required: !0
 		},
 		openModifiers: {}
 	},
-	emits: ["update:modelValue", "update:open"],
-	setup(e) {
-		let { t } = G(), r = N(e, "modelValue"), a = N(e, "open"), s = ct(), d = (e) => {
-			let t = i(s, e);
-			t && n(s, e, !t.collapse);
-		}, f = (e) => {
-			r.value = e, a.value = !1, z.emit("refreshDepends");
-		};
-		return (e, n) => j(s).length > 0 ? (w(), u("div", zt, [(w(!0), u(o, null, D(j(s), (e) => (w(), u(o, { key: e.id }, [e.type === 0 ? (w(), c(It, {
+	emits: /* @__PURE__ */ v(["x-select"], ["update:open"]),
+	setup(e, { emit: t }) {
+		let { t: r } = K(), a = N(e, "open"), s = t, d = ct();
+		function f(e) {
+			let t = i(d, e);
+			t && n(d, e, !t.collapse);
+		}
+		function p(e) {
+			a.value = !1, s("x-select", e), B.emit("refreshDepends");
+		}
+		return (e, t) => j(d).length > 0 ? (w(), u("div", zt, [(w(!0), u(o, null, D(j(d), (e) => (w(), u(o, { key: e.id }, [e.type === 0 ? (w(), c(It, {
 			key: 0,
 			id: e.id,
 			collapse: e.collapse,
 			count: e.count ?? 0,
 			title: e.name,
-			onXClick: d
+			onXClick: f
 		}, null, 8, [
 			"id",
 			"collapse",
@@ -1007,8 +1023,8 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 			key: 1,
 			id: e.id,
 			title: e.name,
-			onXClick: f
-		}, null, 8, ["id", "title"])) : l("", !0)], 64))), 128))])) : (w(), u("div", Bt, A(j(t)("x-prop-tree.noComp")), 1));
+			onXClick: p
+		}, null, 8, ["id", "title"])) : l("", !0)], 64))), 128))])) : (w(), u("div", Bt, A(j(r)("x-prop-tree.noComp")), 1));
 	}
 }), Ht = { class: "text-body-large" }, Ut = /* @__PURE__ */ m({
 	__name: "index",
@@ -1022,12 +1038,12 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 			default: !1
 		}
 	}, {
-		modelValue: {},
+		modelValue: { default: null },
 		modelModifiers: {}
 	}),
 	emits: /* @__PURE__ */ v(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let { t: n } = G(), r = be(), { sysBarAvail: a } = V(), { backgroundColor1: o } = B(), u = N(e, "modelValue"), m = t, h = ct(), g = s(() => {
+		let { t: n } = K(), r = be(), { sysBarAvail: a } = H(), { backgroundColor1: o } = V(), u = N(e, "modelValue"), m = t, h = ct(), g = s(() => {
 			let e = "100%";
 			return r.mdAndUp.value && (e = "400px"), {
 				background: o.value,
@@ -1040,23 +1056,35 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 				position: "relative",
 				height: `calc(100% - ${e}px)`
 			};
-		}), x = s(() => ({ height: "60px" })), S = s(() => {
-			if (!u.value) return n("x-runtime-lib.notSet");
-			let e = i(h, u.value);
-			return e ? e.name : n("x-runtime-lib.compNotAvail");
-		}), { open: T } = H(`propTreeCompSelectDlg${M()}`);
-		return C(() => {
+		}), x = s(() => ({ height: "60px" })), S = s(() => u.value ? u.value.name : n("x-runtime-lib.notSet")), { open: T } = U(`propTreeCompSelectDlg${M()}`);
+		C(() => {
 			T.value = !1;
-		}), (t, r) => {
+		});
+		function E(e) {
+			if (!e) {
+				u.value = null;
+				return;
+			}
+			let t = i(h, e);
+			if (!t) {
+				u.value = null;
+				return;
+			}
+			u.value = {
+				id: t.id,
+				name: t.name
+			};
+		}
+		return (t, r) => {
 			let i = O("v-btn"), o = O("v-sheet"), s = O("v-dialog");
 			return w(), c(s, {
 				modelValue: j(T),
-				"onUpdate:modelValue": r[6] ||= (e) => _(T) ? T.value = e : null,
+				"onUpdate:modelValue": r[5] ||= (e) => _(T) ? T.value = e : null,
 				fullscreen: "",
 				"no-click-animation": "",
 				persistent: "",
 				transition: "scroll-x-reverse-transition",
-				onKeydown: r[7] ||= ne(R((e) => T.value = !1, ["stop", "prevent"]), ["esc"])
+				onKeydown: r[6] ||= R(z((e) => T.value = !1, ["stop", "prevent"]), ["esc"])
 			}, {
 				activator: I(({ props: t }) => [p(i, y(t, {
 					block: "",
@@ -1071,12 +1099,12 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 					density: "compact",
 					icon: "mdi-minus",
 					variant: "text",
-					onClick: r[0] ||= R((e) => m("delete"), ["stop"])
+					onClick: r[0] ||= z((e) => m("delete"), ["stop"])
 				})) : l("", !0)]),
 				default: I(() => [d("div", {
 					class: "w-100 h-100 d-flex flex-row-reverse",
-					onClick: r[4] ||= R((e) => T.value = !1, ["self"]),
-					onContextmenu: r[5] ||= R((e) => T.value = !1, ["self", "prevent"])
+					onClick: r[3] ||= z((e) => T.value = !1, ["self"]),
+					onContextmenu: r[4] ||= z((e) => T.value = !1, ["self", "prevent"])
 				}, [d("div", {
 					class: "elevation-2",
 					style: b(g.value)
@@ -1103,11 +1131,10 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 						class: "overflow-y-auto",
 						style: b(v.value)
 					}, [p(Vt, {
-						modelValue: u.value,
-						"onUpdate:modelValue": r[2] ||= (e) => u.value = e,
 						open: j(T),
-						"onUpdate:open": r[3] ||= (e) => _(T) ? T.value = e : null
-					}, null, 8, ["modelValue", "open"]), d("div", { style: b(x.value) }, null, 4)], 4)
+						"onUpdate:open": r[2] ||= (e) => _(T) ? T.value = e : null,
+						onXSelect: E
+					}, null, 8, ["open"]), d("div", { style: b(x.value) }, null, 4)], 4)
 				], 4)], 32)]),
 				_: 1
 			}, 8, ["modelValue"]);
@@ -1130,9 +1157,9 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 	}),
 	emits: /* @__PURE__ */ v(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let { isMobile: n } = V(), r = N(e, "modelValue"), i = t, a = async (t) => {
+		let { isMobile: n } = H(), r = N(e, "modelValue"), i = t, a = async (t) => {
 			if (!t || e.readonly || !n()) return;
-			let i = await se({
+			let i = await oe({
 				title: "",
 				value: r.value
 			});
@@ -1159,7 +1186,7 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 				density: "compact",
 				icon: "mdi-minus",
 				variant: "text",
-				onClick: n[1] ||= R((e) => i("delete"), ["stop"])
+				onClick: n[1] ||= z((e) => i("delete"), ["stop"])
 			})) : l("", !0)]);
 		};
 	}
@@ -1182,7 +1209,7 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 		"update:scale"
 	],
 	setup(e, { expose: t }) {
-		let n = N(e, "modelValue"), r = N(e, "lock"), i = N(e, "scale"), a = ie(), o = ae(), s = qe(), l = te("target"), u = () => {
+		let n = N(e, "modelValue"), r = N(e, "lock"), i = N(e, "scale"), a = re(), o = ie(), s = qe(), l = te("target"), u = () => {
 			let e = JSON.parse(n.value);
 			l.value?.load(e);
 		};
@@ -1226,14 +1253,14 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 	}),
 	emits: /* @__PURE__ */ v(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let { t: n } = G(), { sysBarAvail: r } = V(), { backgroundColor0: i, backgroundColor1: a, backgroundColor2: o } = B(), u = N(e, "modelValue"), m = t, h = E(!1), g = E(1), v = s(() => {
+		let { t: n } = K(), { sysBarAvail: r } = H(), { backgroundColor0: i, backgroundColor1: a, backgroundColor2: o } = V(), u = N(e, "modelValue"), m = t, h = E(!1), g = E(1), v = s(() => {
 			let e = 48;
 			return r.value && (e += 24), {
 				position: "relative",
 				background: a.value,
 				height: `calc(100% - ${e}px)`
 			};
-		}), x = s(() => n("x-prop-tree.jsonEditor")), { open: S } = H(`propTreejsonEditorDlg${M()}`);
+		}), x = s(() => n("x-prop-tree.jsonEditor")), { open: S } = U(`propTreejsonEditorDlg${M()}`);
 		C(() => {
 			S.value = !1;
 		});
@@ -1250,7 +1277,7 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 				"no-click-animation": "",
 				persistent: "",
 				transition: "dialog-bottom-transition",
-				onKeydown: n[6] ||= ne(R((e) => S.value = !1, ["stop", "prevent"]), ["esc"])
+				onKeydown: n[6] ||= R(z((e) => S.value = !1, ["stop", "prevent"]), ["esc"])
 			}, {
 				activator: I(({ props: t }) => [p(a, y(t, {
 					block: "",
@@ -1265,7 +1292,7 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 					density: "compact",
 					icon: "mdi-minus",
 					variant: "text",
-					onClick: n[0] ||= R((e) => m("delete"), ["stop"])
+					onClick: n[0] ||= z((e) => m("delete"), ["stop"])
 				})) : l("", !0)]),
 				default: I(() => [p(s, {
 					color: j(i),
@@ -1333,10 +1360,10 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 	}),
 	emits: /* @__PURE__ */ v(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let { t: n } = G(), r = N(e, "modelValue"), i = t, a = s(() => {
+		let { t: n } = K(), r = N(e, "modelValue"), i = t, a = s(() => {
 			let t = "100%";
 			return e.hasDelete && (t = "calc(100% - 37px)"), { width: t };
-		}), o = s(() => e.readonly), { open: u } = H(`propTreeColorPickerMenu${M()}`);
+		}), o = s(() => e.readonly), { open: u } = U(`propTreeColorPickerMenu${M()}`);
 		return C(() => {
 			u.value = !1;
 		}), (t, s) => {
@@ -1364,7 +1391,7 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 					density: "compact",
 					icon: "mdi-minus",
 					variant: "text",
-					onClick: s[0] ||= R((e) => i("delete"), ["stop"])
+					onClick: s[0] ||= z((e) => i("delete"), ["stop"])
 				})) : l("", !0)])]),
 				default: I(() => [p(h, {
 					modelValue: r.value,
@@ -1395,7 +1422,7 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 	}),
 	emits: /* @__PURE__ */ v(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let { t: n } = G(), { isMobile: r } = V(), i = N(e, "modelValue"), a = t, o = s(() => de(e.types)), f = E(""), m = s(() => {
+		let { t: n } = K(), { isMobile: r } = H(), i = N(e, "modelValue"), a = t, o = s(() => ue(e.types)), f = E(""), m = s(() => {
 			let e = [];
 			for (let { value: t, title: r } of o.value) e.push({
 				value: t,
@@ -1419,7 +1446,7 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 		}
 		let v = E(0), y = async (e) => {
 			if (!e || !r() || !h.value || h.value.trait !== "number" && h.value.trait !== "numberUnit") return;
-			let t = await oe({
+			let t = await ae({
 				title: "",
 				value: v.value,
 				precision: h.value.precision,
@@ -1430,26 +1457,26 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 			t !== void 0 && (v.value = t);
 		};
 		F(() => {
-			h.value?.trait === "number" ? v.value = i.value : h.value?.trait === "numberUnit" && (v.value = he(i.value, h.value.unit));
+			h.value?.trait === "number" ? v.value = i.value : h.value?.trait === "numberUnit" && (v.value = me(i.value, h.value.unit));
 		}), P(v, (e) => {
 			h.value?.trait === "number" ? i.value = e : h.value?.trait === "numberUnit" && (i.value = e + h.value.unit);
 		});
 		let b = E("#ff00ff");
 		F(() => {
-			h.value?.trait === "hexColor" && fe(i.value) && (b.value = i.value);
+			h.value?.trait === "hexColor" && de(i.value) && (b.value = i.value);
 		}), P(b, (e) => {
 			h.value?.trait === "hexColor" && (i.value = e);
 		});
 		let x = E("primary"), S = s(() => {
 			let e = [];
-			if (h.value?.trait === "themeColor") for (let { value: t, title: r } of ve) e.push({
+			if (h.value?.trait === "themeColor") for (let { value: t, title: r } of _e) e.push({
 				value: t,
 				title: n(r)
 			});
 			return e;
 		});
 		return F(() => {
-			h.value?.trait === "themeColor" && pe(i.value) && (x.value = i.value);
+			h.value?.trait === "themeColor" && fe(i.value) && (x.value = i.value);
 		}), P(x, (e) => {
 			h.value?.trait === "themeColor" && (i.value = e);
 		}), (t, n) => {
@@ -1525,7 +1552,7 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 				density: "compact",
 				icon: "mdi-minus",
 				variant: "text",
-				onClick: n[4] ||= R((e) => a("delete"), ["stop"])
+				onClick: n[4] ||= z((e) => a("delete"), ["stop"])
 			})) : l("", !0)]);
 		};
 	}
@@ -1550,9 +1577,9 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 	}),
 	emits: /* @__PURE__ */ v(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let { isMobile: n } = V(), r = N(e, "modelValue"), i = t, a = async (t) => {
+		let { isMobile: n } = H(), r = N(e, "modelValue"), i = t, a = async (t) => {
 			if (!t || e.readonly || !n()) return;
-			let i = await oe({
+			let i = await ae({
 				title: "",
 				value: r.value,
 				precision: e.precision,
@@ -1595,7 +1622,7 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 				density: "compact",
 				icon: "mdi-minus",
 				variant: "text",
-				onClick: n[1] ||= R((e) => i("delete"), ["stop"])
+				onClick: n[1] ||= z((e) => i("delete"), ["stop"])
 			})) : l("", !0)]);
 		};
 	}
@@ -1616,7 +1643,7 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 	}),
 	emits: /* @__PURE__ */ v(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let { t: n } = G(), { isMobile: r } = V(), i = N(e, "modelValue"), a = t, o = E(""), f = E(0);
+		let { t: n } = K(), { isMobile: r } = H(), i = N(e, "modelValue"), a = t, o = E(""), f = E(0);
 		F(() => {
 			let e = i.value.split(",");
 			e.length < 1 || (o.value = e[0], (e[0] === "minLength" || e[1] === "maxLength" || e[2] === "length") && (e.length > 1 ? f.value = parseInt(e[1]) : f.value = 0));
@@ -1629,7 +1656,7 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 				value: "",
 				title: n("x-runtime-lib.notSet")
 			}];
-			for (let t of _e) e.push({
+			for (let t of ge) e.push({
 				value: t,
 				title: n(`x-runtime-lib.${t}`)
 			});
@@ -1644,7 +1671,7 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 		});
 		async function _(e) {
 			if (!e || !r()) return;
-			let t = await oe({
+			let t = await ae({
 				title: "",
 				value: f.value,
 				precision: 0,
@@ -1701,7 +1728,7 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 				density: "compact",
 				icon: "mdi-minus",
 				variant: "text",
-				onClick: n[2] ||= R((e) => a("delete"), ["stop"])
+				onClick: n[2] ||= z((e) => a("delete"), ["stop"])
 			})) : l("", !0)]);
 		};
 	}
@@ -1723,9 +1750,9 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 	}),
 	emits: /* @__PURE__ */ v(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let { t: n } = G(), r = N(e, "modelValue"), i = t, a = s(() => {
+		let { t: n } = K(), r = N(e, "modelValue"), i = t, a = s(() => {
 			let t = [];
-			return le(e.items)?.forEach(({ value: e, title: r }) => {
+			return ce(e.items)?.forEach(({ value: e, title: r }) => {
 				let i = e;
 				r && (i = n(r)), t.push({
 					value: e,
@@ -1758,7 +1785,7 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 				density: "compact",
 				icon: "mdi-minus",
 				variant: "text",
-				onClick: n[1] ||= R((e) => i("delete"), ["stop"])
+				onClick: n[1] ||= z((e) => i("delete"), ["stop"])
 			})) : l("", !0)]);
 		};
 	}
@@ -1770,7 +1797,7 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 	},
 	emits: ["x-click"],
 	setup(e, { emit: t }) {
-		let { backgroundColor2: n, highlightColor: r } = B(), i = t, a = E(!1), o = s(() => ({
+		let { backgroundColor2: n, highlightColor: r } = V(), i = t, a = E(!1), o = s(() => ({
 			background: a.value ? r.value : n.value,
 			height: "48px",
 			marginTop: "1px",
@@ -1793,25 +1820,23 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 }, fn = /* @__PURE__ */ m({
 	__name: "index",
 	props: {
-		modelValue: {},
-		modelModifiers: {},
 		open: {
 			type: Boolean,
 			required: !0
 		},
 		openModifiers: {}
 	},
-	emits: ["update:modelValue", "update:open"],
-	setup(e) {
-		let { t } = G(), n = N(e, "modelValue"), r = N(e, "open"), i = ut(), a = (e) => {
-			n.value = e, r.value = !1;
+	emits: /* @__PURE__ */ v(["x-select"], ["update:open"]),
+	setup(e, { emit: t }) {
+		let { t: n } = K(), r = N(e, "open"), i = t, a = ut(), s = (e) => {
+			r.value = !1, i("x-select", e);
 		};
-		return (e, n) => j(i).length > 0 ? (w(), u("div", un, [(w(!0), u(o, null, D(j(i), (e) => (w(), c(ln, {
+		return (e, t) => j(a).length > 0 ? (w(), u("div", un, [(w(!0), u(o, null, D(j(a), (e) => (w(), c(ln, {
 			key: e.id,
 			id: e.id,
 			title: e.name,
-			onXClick: a
-		}, null, 8, ["id", "title"]))), 128))])) : (w(), u("div", dn, A(j(t)("x-prop-tree.noSlot")), 1));
+			onXClick: s
+		}, null, 8, ["id", "title"]))), 128))])) : (w(), u("div", dn, A(j(n)("x-prop-tree.noSlot")), 1));
 	}
 }), pn = { class: "text-body-large" }, mn = /* @__PURE__ */ m({
 	__name: "index",
@@ -1825,12 +1850,12 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 			default: !1
 		}
 	}, {
-		modelValue: {},
+		modelValue: { default: null },
 		modelModifiers: {}
 	}),
 	emits: /* @__PURE__ */ v(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let { t: n } = G(), r = be(), { sysBarAvail: i } = V(), { backgroundColor1: a } = B(), o = N(e, "modelValue"), u = t, m = ut(), h = s(() => {
+		let { t: n } = K(), r = be(), { sysBarAvail: i } = H(), { backgroundColor1: a } = V(), o = N(e, "modelValue"), u = t, m = ut(), h = s(() => {
 			let e = "100%";
 			return r.mdAndUp.value && (e = "400px"), {
 				background: a.value,
@@ -1843,23 +1868,35 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 				position: "relative",
 				height: `calc(100% - ${e}px)`
 			};
-		}), v = s(() => ({ height: "60px" })), x = s(() => {
-			if (!o.value) return n("x-runtime-lib.notSet");
-			let e = m.value.find((e) => e.id === o.value);
-			return e ? e.name : n("x-runtime-lib.slotNotAvail");
-		}), { open: S } = H(`propTreeSlotSelectDlg${M()}`);
-		return C(() => {
+		}), v = s(() => ({ height: "60px" })), x = s(() => o.value ? o.value.name : n("x-runtime-lib.notSet")), { open: S } = U(`propTreeSlotSelectDlg${M()}`);
+		C(() => {
 			S.value = !1;
-		}), (t, r) => {
-			let a = O("v-btn"), s = O("v-sheet"), m = O("v-dialog");
-			return w(), c(m, {
+		});
+		function T(e) {
+			if (!e) {
+				o.value = null;
+				return;
+			}
+			let t = m.value.find((t) => t.id === e);
+			if (!t) {
+				o.value = null;
+				return;
+			}
+			o.value = {
+				id: t.id,
+				name: t.name
+			};
+		}
+		return (t, r) => {
+			let a = O("v-btn"), o = O("v-sheet"), s = O("v-dialog");
+			return w(), c(s, {
 				modelValue: j(S),
-				"onUpdate:modelValue": r[6] ||= (e) => _(S) ? S.value = e : null,
+				"onUpdate:modelValue": r[5] ||= (e) => _(S) ? S.value = e : null,
 				fullscreen: "",
 				"no-click-animation": "",
 				persistent: "",
 				transition: "scroll-x-reverse-transition",
-				onKeydown: r[7] ||= ne(R((e) => S.value = !1, ["stop", "prevent"]), ["esc"])
+				onKeydown: r[6] ||= R(z((e) => S.value = !1, ["stop", "prevent"]), ["esc"])
 			}, {
 				activator: I(({ props: t }) => [p(a, y(t, {
 					block: "",
@@ -1874,22 +1911,22 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 					density: "compact",
 					icon: "mdi-minus",
 					variant: "text",
-					onClick: r[0] ||= R((e) => u("delete"), ["stop"])
+					onClick: r[0] ||= z((e) => u("delete"), ["stop"])
 				})) : l("", !0)]),
 				default: I(() => [d("div", {
 					class: "w-100 h-100 d-flex flex-row-reverse",
-					onClick: r[4] ||= R((e) => S.value = !1, ["self"]),
-					onContextmenu: r[5] ||= R((e) => S.value = !1, ["self", "prevent"])
+					onClick: r[3] ||= z((e) => S.value = !1, ["self"]),
+					onContextmenu: r[4] ||= z((e) => S.value = !1, ["self", "prevent"])
 				}, [d("div", {
 					class: "elevation-2",
 					style: b(h.value)
 				}, [
-					j(i) ? (w(), c(s, {
+					j(i) ? (w(), c(o, {
 						key: 0,
 						color: "transparent",
 						height: 24
 					})) : l("", !0),
-					p(s, {
+					p(o, {
 						class: "d-flex align-center px-3",
 						color: "transparent",
 						height: 48
@@ -1906,11 +1943,10 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 						class: "overflow-y-auto",
 						style: b(g.value)
 					}, [p(fn, {
-						modelValue: o.value,
-						"onUpdate:modelValue": r[2] ||= (e) => o.value = e,
 						open: j(S),
-						"onUpdate:open": r[3] ||= (e) => _(S) ? S.value = e : null
-					}, null, 8, ["modelValue", "open"]), d("div", { style: b(v.value) }, null, 4)], 4)
+						"onUpdate:open": r[2] ||= (e) => _(S) ? S.value = e : null,
+						onXSelect: T
+					}, null, 8, ["open"]), d("div", { style: b(v.value) }, null, 4)], 4)
 				], 4)], 32)]),
 				_: 1
 			}, 8, ["modelValue"]);
@@ -1950,7 +1986,7 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 				density: "compact",
 				icon: "mdi-minus",
 				variant: "text",
-				onClick: i[1] ||= R((e) => r("delete"), ["stop"])
+				onClick: i[1] ||= z((e) => r("delete"), ["stop"])
 			})) : l("", !0)]);
 		};
 	}
@@ -1971,9 +2007,9 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 	}),
 	emits: /* @__PURE__ */ v(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let { isMobile: n } = V(), r = N(e, "modelValue"), i = t, a = async (t) => {
+		let { isMobile: n } = H(), r = N(e, "modelValue"), i = t, a = async (t) => {
 			if (!t || e.readonly || !n()) return;
-			let i = await se({
+			let i = await oe({
 				title: "",
 				value: r.value
 			});
@@ -2000,7 +2036,7 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 				density: "compact",
 				icon: "mdi-minus",
 				variant: "text",
-				onClick: n[1] ||= R((e) => i("delete"), ["stop"])
+				onClick: n[1] ||= z((e) => i("delete"), ["stop"])
 			})) : l("", !0)]);
 		};
 	}
@@ -2008,13 +2044,13 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 //#endregion
 //#region src/composables/uis/uiAdaptSlot.ts
 function yn() {
-	let e = Q();
+	let e = $();
 	return { renderUiAdaptSlot: (t, n, r, i, a) => {
 		if (n.ui !== "adaptSlot") throw Error("useUiAdaptSlot property ui must be adaptSlot");
 		return h(Nt, {
-			modelValue: q(t, n, r, i, a, e),
+			modelValue: Y(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
-				J(t, n, r, o, i, a, e);
+				X(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -2027,13 +2063,13 @@ function yn() {
 //#endregion
 //#region src/composables/uis/uiComp.ts
 function bn() {
-	let e = Q();
+	let e = $();
 	return { renderUiComp: (t, n, r, i, a) => {
 		if (n.ui !== "comp") throw Error("renderUiComp property ui must be comp");
 		return h(Ut, {
-			modelValue: q(t, n, r, i, a, e),
+			modelValue: Y(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
-				J(t, n, r, o, i, a, e);
+				X(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -2046,22 +2082,22 @@ function bn() {
 //#endregion
 //#region src/composables/uis/uiDummy.ts
 function xn() {
-	let e = Q();
+	let e = $();
 	return { renderUiDummy: (t, n, r, i, a) => {
 		if (n.ui !== "dummy") throw Error("renderUiDummy property ui must be dummy");
-		q(t, n, r, i, a, e);
+		Y(t, n, r, i, a, e);
 	} };
 }
 //#endregion
 //#region src/composables/uis/uiIcon.ts
 function Sn() {
-	let e = Q();
+	let e = $();
 	return { renderUiIcon: (t, n, r, i, a) => {
 		if (n.ui !== "icon") throw Error("renderUiIcon property ui must be icon");
 		return h(Gt, {
-			modelValue: n.static ? n.value : q(t, n, r, i, a, e),
+			modelValue: n.static ? n.value : Y(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
-				n.static || J(t, n, r, o, i, a, e);
+				n.static || X(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -2074,13 +2110,13 @@ function Sn() {
 //#endregion
 //#region src/composables/uis/uiJson.ts
 function Cn() {
-	let e = Q();
+	let e = $();
 	return { renderUiJson: (t, n, r, i, a) => {
 		if (n.ui !== "json") throw Error("renderUiJson property ui must be json");
 		return h(Jt, {
-			modelValue: q(t, n, r, i, a, e) ?? "{}",
+			modelValue: Y(t, n, r, i, a, e) ?? "{}",
 			"onUpdate:modelValue": (o) => {
-				J(t, n, r, o, i, a, e);
+				X(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -2093,13 +2129,13 @@ function Cn() {
 //#endregion
 //#region src/composables/uis/uiMultiTypes.ts
 function wn() {
-	let e = Q();
+	let e = $();
 	return { renderUiMultiTypes: (t, n, r, i, a) => {
 		if (n.ui !== "multiTypes") throw Error("renderUiMultiTypes property ui must be multiTypes");
 		return h($t, {
-			modelValue: q(t, n, r, i, a, e),
+			modelValue: Y(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
-				J(t, n, r, o, i, a, e);
+				X(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -2112,13 +2148,13 @@ function wn() {
 //#endregion
 //#region src/composables/uis/uiNumber.ts
 function Tn() {
-	let e = Q();
+	let e = $();
 	return { renderUiNumber: (t, n, r, i, a) => {
 		if (n.ui !== "number") throw Error("renderUiNumber property ui must be number");
 		return h(tn, {
-			modelValue: q(t, n, r, i, a, e),
+			modelValue: Y(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
-				J(t, n, r, o, i, a, e);
+				X(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -2139,7 +2175,7 @@ var En = /* @__PURE__ */ m({
 	props: { minHeight: {} },
 	emits: ["menu"],
 	setup(e, { emit: t }) {
-		let { backgroundColor2: n, highlightColor: r } = B(), i = t, a = E(!1), o = s(() => ({
+		let { backgroundColor2: n, highlightColor: r } = V(), i = t, a = E(!1), o = s(() => ({
 			background: a.value ? r.value : n.value,
 			minHeight: e.minHeight,
 			paddingRight: "4px",
@@ -2153,7 +2189,7 @@ var En = /* @__PURE__ */ m({
 			return L((w(), u("div", {
 				class: "d-flex justify-space-between align-center cursor-pointer",
 				style: b(o.value),
-				onContextmenu: R(c, ["self", "prevent"]),
+				onContextmenu: z(c, ["self", "prevent"]),
 				onMouseout: t[0] ||= (e) => a.value = !1,
 				onMouseover: t[1] ||= (e) => a.value = !0
 			}, [ee(e.$slots, "default")], 36)), [[n]]);
@@ -2163,13 +2199,13 @@ var En = /* @__PURE__ */ m({
 //#endregion
 //#region src/composables/uis/uiProperty.ts
 function Dn() {
-	let { t: e } = G(), t = at();
+	let { t: e } = K(), t = at();
 	return { renderProperty: (n, r, i) => {
 		let a = n[n.length - 1], o = typeof a == "number" ? `[${a + 1}]` : e(r.name);
-		return Z(t.value, n) && (o += " *"), h(En, {
+		return Q(t.value, n) && (o += " *"), h(En, {
 			minHeight: "56px",
 			onMenu: (e, t) => {
-				z.emit("propTreeMenu", {
+				B.emit("propTreeMenu", {
 					x: e,
 					y: t,
 					keys: n
@@ -2187,13 +2223,13 @@ function Dn() {
 //#endregion
 //#region src/composables/uis/uiRule.ts
 function On() {
-	let e = Q();
+	let e = $();
 	function t(t, n, r, i, a) {
 		if (n.ui !== "rule") throw Error("renderUiRule property ui must be rule");
 		return h(an, {
-			modelValue: q(t, n, r, i, a, e),
+			modelValue: Y(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
-				J(t, n, r, o, i, a, e);
+				X(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -2206,13 +2242,13 @@ function On() {
 //#endregion
 //#region src/composables/uis/uiSelect.ts
 function kn() {
-	let e = Q();
+	let e = $();
 	return { renderUiSelect: (t, n, r, i, a) => {
 		if (n.ui !== "select") throw Error("renderUiSelect property ui must be select");
 		return h(sn, {
-			modelValue: q(t, n, r, i, a, e),
+			modelValue: Y(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
-				J(t, n, r, o, i, a, e);
+				X(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -2226,13 +2262,13 @@ function kn() {
 //#endregion
 //#region src/composables/uis/uiSlot.ts
 function An() {
-	let e = Q();
+	let e = $();
 	return { renderUiSlot: (t, n, r, i, a) => {
 		if (n.ui !== "slot") throw Error("renderUiSlot property ui must be slot");
 		return h(mn, {
-			modelValue: q(t, n, r, i, a, e),
+			modelValue: Y(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
-				J(t, n, r, o, i, a, e);
+				X(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -2245,13 +2281,13 @@ function An() {
 //#endregion
 //#region src/composables/uis/uiSwitch.ts
 function jn() {
-	let e = Q();
+	let e = $();
 	return { renderUiSwitch: (t, n, r, i, a) => {
 		if (n.ui !== "switch") throw Error("renderUiSwitch property ui must be switch");
 		return h(gn, {
-			modelValue: q(t, n, r, i, a, e),
+			modelValue: Y(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
-				J(t, n, r, o, i, a, e);
+				X(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -2264,13 +2300,13 @@ function jn() {
 //#endregion
 //#region src/composables/uis/uiText.ts
 function Mn() {
-	let e = Q();
+	let e = $();
 	return { renderUiText: (t, n, r, i, a) => {
 		if (n.ui !== "text") throw Error("renderUiText property ui must be text");
 		return h(vn, {
-			modelValue: n.static ? n.value : q(t, n, r, i, a, e),
+			modelValue: n.static ? n.value : Y(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
-				n.static || J(t, n, r, o, i, a, e);
+				n.static || X(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -2282,27 +2318,27 @@ function Mn() {
 }
 //#endregion
 //#region src/components/propTree/main.vue?vue&type=script&setup=true&lang.ts
-var $ = "20px", Nn = /* @__PURE__ */ m({
+var Nn = "20px", Pn = /* @__PURE__ */ m({
 	__name: "main",
 	setup(e) {
-		let { t } = G(), { backgroundColor1: n } = B(), i = $e(), a = tt(), s = rt(), c = at(), l = Q();
+		let { t } = K(), { backgroundColor1: n } = V(), i = $e(), a = tt(), s = rt(), c = at(), l = $();
 		St(), Ct(), xt();
 		let { renderProperty: d } = Dn(), { renderUiDummy: f } = xn(), { renderUiText: m } = Mn(), { renderUiNumber: g } = Tn(), { renderUiSwitch: _ } = jn(), { renderUiSelect: v } = kn(), { renderUiJson: y } = Cn(), { renderUiIcon: b } = Sn(), { renderUiComp: x } = bn(), { renderUiSlot: S } = An(), { renderUiAdaptSlot: C } = yn(), { renderUiRule: T } = On(), { renderUiMultiTypes: E } = wn(), D = (e, t, n, i, a, o) => {
 			if (e = r(e), i === void 0 ? e.push(t.key) : (e.push(i), a && e.push(t.key)), e?.[0] !== "runtime") return t.ui ? t.array && !o ? k(e, t, n, i, a) : A(e, t, n, i, a) : t.array ? ee(e, t, n, i, a) : O(e, t, n, i, a);
 		}, ee = (e, n, r, i, a) => {
 			if (n.ui) throw Error("renderBranchArray property ui must be invalid");
 			if (!n.array) throw Error("renderBranchArray property array must be valid");
-			let o = Ce(e, n, r, i, a, l), u = t(n.name);
-			Y(s, e) && Z(c.value, e) && (u += " *");
+			let o = Se(e, n, r, i, a, l), u = t(n.name);
+			Z(s, e) && Q(c.value, e) && (u += " *");
 			let d = h(bt, {
 				title: u,
-				collapse: Y(s, e),
+				collapse: Z(s, e),
 				hasCreate: !0,
 				onCollapse: (t) => {
-					we(s, e, t);
+					Ce(s, e, t);
 				},
 				onMenu: (t, n) => {
-					z.emit("propTreeMenu", {
+					B.emit("propTreeMenu", {
 						x: t,
 						y: n,
 						keys: e
@@ -2311,21 +2347,21 @@ var $ = "20px", Nn = /* @__PURE__ */ m({
 				onCreate: () => {
 					o.push({}), l(e, o);
 				}
-			}), f = h("div", { style: { paddingLeft: $ } }, (() => {
+			}), f = h("div", { style: { paddingLeft: Nn } }, (() => {
 				let t = [];
 				for (let r = 0; r < o.length; r++) {
 					let i = [...e, r], a = `[${r + 1}]`;
-					Y(s, [...e, r]) && Z(c.value, i) && (a += " *");
+					Z(s, [...e, r]) && Q(c.value, i) && (a += " *");
 					let u = h(bt, {
 						title: a,
-						collapse: Y(s, [...e, r]),
+						collapse: Z(s, [...e, r]),
 						hasDelete: !0,
 						index: r,
 						onCollapse: (t) => {
-							we(s, [...e, r], t);
+							Ce(s, [...e, r], t);
 						},
 						onMenu: (e, t) => {
-							z.emit("propTreeMenu", {
+							B.emit("propTreeMenu", {
 								x: e,
 								y: t,
 								keys: i
@@ -2336,33 +2372,33 @@ var $ = "20px", Nn = /* @__PURE__ */ m({
 						}
 					});
 					t.push(u);
-					let d = h("div", { style: { paddingLeft: $ } }, (() => {
+					let d = h("div", { style: { paddingLeft: Nn } }, (() => {
 						let t = [];
 						for (let i of n.children) t.push(D(e, i, o[r], r, !0));
 						return t;
 					})());
-					Y(s, [...e, r]) || t.push(d);
+					Z(s, [...e, r]) || t.push(d);
 				}
 				return t;
 			})());
 			return h("div", { style: { marginTop: "1px" } }, (() => {
 				let t = [];
-				return t.push(d), Y(s, e) || t.push(f), t;
+				return t.push(d), Z(s, e) || t.push(f), t;
 			})());
 		}, O = (e, n, r, i, a) => {
 			if (n.ui) throw Error("renderBranchScalar property ui must be invalid");
 			if (n.array) throw Error("renderBranchScalar property array must be invalid");
 			let o = t(n.name);
-			Y(s, e) && Z(c.value, e) && (o += " *");
+			Z(s, e) && Q(c.value, e) && (o += " *");
 			let u = h(bt, {
 				title: o,
-				collapse: Y(s, e),
+				collapse: Z(s, e),
 				hasDelete: i !== void 0 && !a,
 				onCollapse: (t) => {
-					we(s, e, t);
+					Ce(s, e, t);
 				},
 				onMenu: (t, n) => {
-					z.emit("propTreeMenu", {
+					B.emit("propTreeMenu", {
 						x: t,
 						y: n,
 						keys: e
@@ -2371,45 +2407,45 @@ var $ = "20px", Nn = /* @__PURE__ */ m({
 				onDelete: () => {
 					i === void 0 || a || (r.splice(i, 1), l(e.slice(0, -1), r));
 				}
-			}), d = h("div", { style: { paddingLeft: $ } }, (() => {
+			}), d = h("div", { style: { paddingLeft: Nn } }, (() => {
 				let t = [];
 				for (let i of n.children) t.push(D(e, i, (typeof r[n.key] != "object" && (r[n.key] = {}, l(e, r[n.key])), r[n.key]), void 0, !1));
 				return t;
 			})());
 			return h("div", { style: { marginTop: "1px" } }, (() => {
 				let t = [];
-				return t.push(u), Y(s, e) || t.push(d), t;
+				return t.push(u), Z(s, e) || t.push(d), t;
 			})());
 		}, k = (e, n, r, i, a) => {
 			if (!n.ui) throw Error("renderLeafArray property ui must be valid");
 			if (!n.array) throw Error("renderLeafArray property array must be valid");
-			let o = Ce(e, n, r, i, a, l), u = t(n.name);
-			Y(s, e) && Z(c.value, e) && (u += " *");
+			let o = Se(e, n, r, i, a, l), u = t(n.name);
+			Z(s, e) && Q(c.value, e) && (u += " *");
 			let d = h(bt, {
 				title: u,
-				collapse: Y(s, e),
+				collapse: Z(s, e),
 				hasCreate: !0,
 				onCollapse: (t) => {
-					we(s, e, t);
+					Ce(s, e, t);
 				},
 				onMenu: (t, n) => {
-					z.emit("propTreeMenu", {
+					B.emit("propTreeMenu", {
 						x: t,
 						y: n,
 						keys: e
 					});
 				},
 				onCreate: () => {
-					o.push(U(n)), l(e, o);
+					o.push(W(n)), l(e, o);
 				}
-			}), f = h("div", { style: { paddingLeft: $ } }, (() => {
+			}), f = h("div", { style: { paddingLeft: Nn } }, (() => {
 				let t = [];
 				for (let r = 0; r < o.length; r++) t.push(D(e, n, o, r, !1, !0));
 				return t;
 			})());
 			return h("div", { style: { marginTop: "1px" } }, (() => {
 				let t = [];
-				return t.push(d), Y(s, e) || t.push(f), t;
+				return t.push(d), Z(s, e) || t.push(f), t;
 			})());
 		}, A = (e, t, n, r, i) => {
 			if (!t.ui) throw Error("renderLeafScalar property ui must be valid");
@@ -2425,7 +2461,7 @@ var $ = "20px", Nn = /* @__PURE__ */ m({
 		})());
 		return (e, t) => (w(), u(o, null, [p(j), p(vt)], 64));
 	}
-}), Pn = /* @__PURE__ */ m({
+}), Fn = /* @__PURE__ */ m({
 	__name: "index",
 	props: {
 		config: {},
@@ -2473,16 +2509,16 @@ var $ = "20px", Nn = /* @__PURE__ */ m({
 			Pe(l, e.config, e.object);
 		}
 		return S(() => {
-			z.on("refreshPropertyState", d);
+			B.on("refreshPropertyState", d);
 		}), x(() => {
-			z.off("refreshPropertyState", d);
+			B.off("refreshPropertyState", d);
 		}), P([() => e.config, () => e.object], () => {
 			Pe(l, e.config, e.object);
-		}, { immediate: !0 }), (e, t) => (w(), c(Nn));
+		}, { immediate: !0 }), (e, t) => (w(), c(Pn));
 	}
-}), Fn = (e) => {
-	e.component("XPropTree", Pn);
-}, In = (e, t, n) => {
+}), In = (e) => {
+	e.component("XPropTree", Fn);
+}, Ln = (e, t, n) => {
 	let r = t.lastIndexOf("?"), i = e[r === -1 || r < t.lastIndexOf("/") ? t : t.slice(0, r)];
 	return i ? typeof i == "function" ? i() : Promise.resolve(i) : new Promise((e, r) => {
 		(typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(r.bind(null, /* @__PURE__ */ Error("Unknown variable dynamic import: " + t + (t.split("/").length === n ? "" : ". Note that variables only represent file names one level deep."))));
@@ -2490,14 +2526,14 @@ var $ = "20px", Nn = /* @__PURE__ */ m({
 };
 //#endregion
 //#region src/i18n/index.ts
-async function Ln(e) {
-	return (await In(/* @__PURE__ */ Object.assign({
+async function Rn(e) {
+	return (await Ln(/* @__PURE__ */ Object.assign({
 		"./locales/en/index.ts": () => import("./i18n-en.h32u3o3z.js").then((e) => e.t),
-		"./locales/zhHans/index.ts": () => import("./i18n-zhHans.kyejc661.js").then((e) => e.t)
+		"./locales/zhHans/index.ts": () => import("./i18n-zhHans.byb869oq.js").then((e) => e.t)
 	}), `./locales/${e}/index.ts`, 4)).default;
 }
 //#endregion
 //#region src/index.ts
-var Rn = { install: Fn };
+var zn = { install: In };
 //#endregion
-export { Rn as default, Ln as loadLocaleMessagePropTree };
+export { zn as default, Rn as loadLocaleMessagePropTree };