x-prop-tree 0.8.18 → 0.8.20

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,12 +804,12 @@ 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",
-	props: /* @__PURE__ */ v({
+	props: /*@__PURE__*/ v({
 		hasDelete: {
 			type: Boolean,
 			default: !1
@@ -819,92 +819,117 @@ 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(() => {
+	emits: /*@__PURE__*/ v(["delete"], ["update:modelValue"]),
+	setup(t, { emit: n }) {
+		let { t: a } = K(), o = be(), { sysBarAvail: u } = H(), { backgroundColor1: m } = V(), h = N(t, "modelValue"), g = n, v = ft(), x = s(() => {
 			let e = "100%";
-			return r.mdAndUp.value && (e = "400px"), {
-				background: o.value,
+			return o.mdAndUp.value && (e = "400px"), {
+				background: m.value,
 				width: e,
 				height: "100%"
 			};
-		}), v = s(() => {
+		}), S = s(() => {
 			let e = 48;
-			return a.value && (e += 24), {
+			return u.value && (e += 24), {
 				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.slotNotAvail");
-		}), { open: T } = H(`propTreeAdaptSlotSelectDlg${M()}`);
-		return C(() => {
-			T.value = !1;
-		}), (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,
+		}), T = s(() => ({ height: "60px" }));
+		F(() => {
+			if (!h.value) return;
+			let t = i(v, h.value.id);
+			t && !e(t.names, h.value.names) && (h.value = {
+				...h.value,
+				names: r(t.names)
+			});
+		});
+		let E = s(() => {
+			if (h.value) {
+				let { kind: e } = ve(h.value.id);
+				return e === "elementSlot" || e === "multipleElementSlot" ? h.value.names.map((e) => a(e)).join(" / ") : h.value.names.join(" / ");
+			} else return a("x-runtime-lib.notSet");
+		}), { open: D } = U(`propTreeAdaptSlotSelectDlg${M()}`);
+		C(() => {
+			D.value = !1;
+		});
+		function ee(e) {
+			if (!e) {
+				h.value = null;
+				return;
+			}
+			let t = i(v, e);
+			if (!t) {
+				h.value = null;
+				return;
+			}
+			h.value = {
+				id: t.id,
+				names: t.names
+			};
+		}
+		return (e, n) => {
+			let r = O("v-btn"), i = O("v-sheet"), o = O("v-dialog");
+			return w(), c(o, {
+				modelValue: j(D),
+				"onUpdate:modelValue": n[5] ||= (e) => _(D) ? D.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: n[6] ||= R(z((e) => D.value = !1, ["stop", "prevent"]), ["esc"])
 			}, {
-				activator: I(({ props: t }) => [p(i, y(t, {
+				activator: I(({ props: e }) => [p(r, y(e, {
 					block: "",
 					density: "comfortable",
-					readonly: e.readonly
+					readonly: t.readonly
 				}), {
-					default: I(() => [f(A(S.value), 1)]),
+					default: I(() => [f(A(E.value), 1)]),
 					_: 1
-				}, 16, ["readonly"]), e.hasDelete ? (w(), c(i, {
+				}, 16, ["readonly"]), t.hasDelete ? (w(), c(r, {
 					key: 0,
 					class: "mx-2",
 					density: "compact",
 					icon: "mdi-minus",
 					variant: "text",
-					onClick: r[0] ||= R((e) => m("delete"), ["stop"])
+					onClick: n[0] ||= z((e) => g("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: n[3] ||= z((e) => D.value = !1, ["self"]),
+					onContextmenu: n[4] ||= z((e) => D.value = !1, ["self", "prevent"])
 				}, [d("div", {
 					class: "elevation-2",
-					style: b(g.value)
+					style: b(x.value)
 				}, [
-					j(a) ? (w(), c(o, {
+					j(u) ? (w(), c(i, {
 						key: 0,
 						color: "transparent",
 						height: 24
 					})) : l("", !0),
-					p(o, {
+					p(i, {
 						class: "d-flex align-center px-3",
 						color: "transparent",
 						height: 48
 					}, {
-						default: I(() => [p(i, {
+						default: I(() => [p(r, {
 							density: "comfortable",
 							icon: "mdi-close",
 							variant: "text",
-							onClick: r[1] ||= (e) => T.value = !1
-						}), d("span", Mt, A(j(n)("x-prop-tree.selectAdaptSlot")), 1)]),
+							onClick: n[1] ||= (e) => D.value = !1
+						}), d("span", Mt, A(j(a)("x-prop-tree.selectAdaptSlot")), 1)]),
 						_: 1
 					}),
 					d("div", {
 						class: "overflow-y-auto",
-						style: b(v.value)
+						style: b(S.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)
+						open: j(D),
+						"onUpdate:open": n[2] ||= (e) => _(D) ? D.value = e : null,
+						onXSelect: ee
+					}, null, 8, ["open"]), d("div", { style: b(T.value) }, null, 4)], 4)
 				], 4)], 32)]),
 				_: 1
 			}, 8, ["modelValue"]);
@@ -920,28 +945,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 +977,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 +1000,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,12 +1032,12 @@ 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",
-	props: /* @__PURE__ */ v({
+	props: /*@__PURE__*/ v({
 		hasDelete: {
 			type: Boolean,
 			default: !1
@@ -1022,12 +1047,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"]),
+	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 +1065,44 @@ 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" }));
+		F(() => {
+			if (!u.value) return;
+			let e = i(h, u.value.id);
+			e && e.name !== u.value.name && (u.value = {
+				...u.value,
+				name: e.name
+			});
+		});
+		let 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 +1117,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 +1149,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"]);
@@ -1115,7 +1160,7 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 	}
 }), Wt = { class: "d-flex justify-space-between align-center" }, Gt = /* @__PURE__ */ m({
 	__name: "index",
-	props: /* @__PURE__ */ v({
+	props: /*@__PURE__*/ v({
 		hasDelete: {
 			type: Boolean,
 			default: !1
@@ -1128,11 +1173,11 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 		modelValue: { required: !0 },
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ v(["delete"], ["update:modelValue"]),
+	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 +1204,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 +1227,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);
 		};
@@ -1211,7 +1256,7 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 	}
 }), qt = { class: "text-body-large" }, Jt = /* @__PURE__ */ m({
 	__name: "index",
-	props: /* @__PURE__ */ v({
+	props: /*@__PURE__*/ v({
 		hasDelete: {
 			type: Boolean,
 			default: !1
@@ -1224,16 +1269,16 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 		modelValue: { required: !0 },
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ v(["delete"], ["update:modelValue"]),
+	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 +1295,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 +1310,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),
@@ -1318,7 +1363,7 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 	}
 }), Yt = { class: "d-flex justify-space-between align-center" }, Xt = /* @__PURE__ */ m({
 	__name: "color",
-	props: /* @__PURE__ */ v({
+	props: /*@__PURE__*/ v({
 		hasDelete: {
 			type: Boolean,
 			default: !1
@@ -1331,12 +1376,12 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 		modelValue: {},
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ v(["delete"], ["update:modelValue"]),
+	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 +1409,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,
@@ -1379,7 +1424,7 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 	}
 }), Zt = { class: "d-flex justify-space-between align-center my-2" }, Qt = { class: "flex-grow-1" }, $t = /* @__PURE__ */ m({
 	__name: "index",
-	props: /* @__PURE__ */ v({
+	props: /*@__PURE__*/ v({
 		hasDelete: {
 			type: Boolean,
 			default: !1
@@ -1393,9 +1438,9 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 		modelValue: {},
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ v(["delete"], ["update:modelValue"]),
+	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 +1464,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 +1475,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,13 +1570,13 @@ 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)]);
 		};
 	}
 }), en = { class: "d-flex justify-space-between align-center" }, tn = /* @__PURE__ */ m({
 	__name: "index",
-	props: /* @__PURE__ */ v({
+	props: /*@__PURE__*/ v({
 		hasDelete: {
 			type: Boolean,
 			default: !1
@@ -1548,11 +1593,11 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 		modelValue: { required: !0 },
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ v(["delete"], ["update:modelValue"]),
+	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,13 +1640,13 @@ 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)]);
 		};
 	}
 }), nn = { class: "d-flex justify-space-between align-center my-2" }, rn = { class: "flex-grow-1" }, an = /* @__PURE__ */ m({
 	__name: "index",
-	props: /* @__PURE__ */ v({
+	props: /*@__PURE__*/ v({
 		hasDelete: {
 			type: Boolean,
 			default: !1
@@ -1614,9 +1659,9 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 		modelValue: { required: !0 },
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ v(["delete"], ["update:modelValue"]),
+	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 +1674,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 +1689,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,13 +1746,13 @@ 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)]);
 		};
 	}
 }), on = { class: "d-flex justify-space-between align-center" }, sn = /* @__PURE__ */ m({
 	__name: "index",
-	props: /* @__PURE__ */ v({
+	props: /*@__PURE__*/ v({
 		hasDelete: {
 			type: Boolean,
 			default: !1
@@ -1721,11 +1766,11 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 		modelValue: {},
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ v(["delete"], ["update:modelValue"]),
+	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 +1803,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 +1815,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,29 +1838,27 @@ 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",
-	props: /* @__PURE__ */ v({
+	props: /*@__PURE__*/ v({
 		hasDelete: {
 			type: Boolean,
 			default: !1
@@ -1825,12 +1868,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"]),
+	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 +1886,44 @@ 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" }));
+		F(() => {
+			if (!o.value) return;
+			let e = m.value.find((e) => e.id === o.value.id);
+			e && e.name !== o.value.name && (o.value = {
+				...o.value,
+				name: e.name
+			});
+		});
+		let 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 +1938,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 +1970,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"]);
@@ -1918,7 +1981,7 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 	}
 }), hn = { class: "d-flex justify-space-between align-center" }, gn = /* @__PURE__ */ m({
 	__name: "index",
-	props: /* @__PURE__ */ v({
+	props: /*@__PURE__*/ v({
 		hasDelete: {
 			type: Boolean,
 			default: !1
@@ -1931,7 +1994,7 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 		modelValue: { type: Boolean },
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ v(["delete"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ v(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
 		let n = N(e, "modelValue"), r = t;
 		return (t, i) => {
@@ -1950,13 +2013,13 @@ 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)]);
 		};
 	}
 }), _n = { class: "d-flex justify-space-between align-center" }, vn = /* @__PURE__ */ m({
 	__name: "index",
-	props: /* @__PURE__ */ v({
+	props: /*@__PURE__*/ v({
 		hasDelete: {
 			type: Boolean,
 			default: !1
@@ -1969,11 +2032,11 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 		modelValue: { required: !0 },
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ v(["delete"], ["update:modelValue"]),
+	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 +2063,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 +2071,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 +2090,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 +2109,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 +2137,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 +2156,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 +2175,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 +2202,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 +2216,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 +2226,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 +2250,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 +2269,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 +2289,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 +2308,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 +2327,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 +2345,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 +2374,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 +2399,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 +2434,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 +2488,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 +2536,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 +2553,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 };