x-prop-tree 0.8.3 → 0.8.4

package/dist/index.js

@@ -1,13 +1,13 @@
 import { a as e, i as t, n, r, t as i } from "./vendor.kbufw3jy.js";
 import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, h as m, inject as h, isRef as g, mergeModels as _, mergeProps as v, normalizeStyle as y, onBeforeUnmount as b, onMounted as x, onUnmounted as S, openBlock as C, provide as w, ref as T, renderList as E, renderSlot as ee, resolveComponent as D, resolveDirective as O, toDisplayString as k, unref as A, useId as j, useModel as M, useTemplateRef as te, watch as N, watchEffect as P, withCtx as F, withDirectives as I, withKeys as L, withModifiers as R } from "vue";
-import { getElement as ne, getPropertyDefault as z, getPropertyDefaultArray as B, getTag as re, isHexColor as ie, isThemeColor as ae, makeSlotId as oe, parsePercent as se, parsePixel as ce, pkgs as le, themeColors as ue } from "x-runtime-lib";
-import { useI18n as V } from "vue-i18n";
-import { eventBus as H, globalObjects as de, injectDark as fe, injectLocale as pe, openNumberDlg as me, openPromptDlg as he, useColor as U, useSystem as W, useViewStack as G } from "x-essential-lib";
-import { globalState as ge } from "x-state-lib";
-import { useDisplay as _e } from "vuetify";
-import { XBlockly as ve } from "x-block-lib";
+import { getElement as ne, getItems as re, getPropertyDefault as z, getPropertyDefaultArray as ie, getTag as ae, getTypes as oe, isHexColor as se, isThemeColor as ce, makeSlotId as le, parsePercent as ue, parsePixel as de, pkgs as fe, themeColors as pe } from "x-runtime-lib";
+import { useI18n as B } from "vue-i18n";
+import { eventBus as V, globalObjects as me, injectDark as he, injectLocale as ge, openNumberDlg as _e, openPromptDlg as ve, useColor as H, useSystem as U, useViewStack as W } from "x-essential-lib";
+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/collapseState.ts
-function K(e, t) {
+function G(e, t) {
 	let n = e.value;
 	for (let e of t) {
 		if (!n.children[e]) return !0;
@@ -15,7 +15,7 @@ function K(e, t) {
 	}
 	return n.collapse;
 }
-function q(e, t, n) {
+function K(e, t, n) {
 	let r = e.value;
 	for (let e of t) r.children[e] || (r.children[e] = {
 		collapse: !0,
@@ -25,7 +25,7 @@ function q(e, t, n) {
 }
 //#endregion
 //#region src/utils/common.ts
-function J(e, t) {
+function q(e, t) {
 	let n = {
 		key: "",
 		name: "",
@@ -38,7 +38,7 @@ function J(e, t) {
 	}
 	return n;
 }
-function Y(e, t) {
+function J(e, t) {
 	let n = e;
 	for (let e of t) {
 		if (!n) throw Error("target must be valid");
@@ -46,22 +46,22 @@ function Y(e, t) {
 	}
 	return n;
 }
-function ye(e, n, r, i, a, o) {
+function Se(e, n, r, i, a, o) {
 	if (i !== void 0 && !a) {
 		if (!(r[i] instanceof Array)) {
-			let a = B(n);
+			let a = ie(n);
 			t(a, r[i]) || (r[i] = a, o(e, r[i]));
 		}
 		return r[i];
 	} else {
 		if (!(r[n.key] instanceof Array)) {
-			let i = B(n);
+			let i = ie(n);
 			t(i, r[n.key]) || (r[n.key] = i, o(e, r[n.key]));
 		}
 		return r[n.key];
 	}
 }
-function X(e, n, r, i, a, o) {
+function Y(e, n, r, i, a, o) {
 	if (i !== void 0 && !a) {
 		if (r[i] === void 0) {
 			let a = z(n);
@@ -76,12 +76,12 @@ function X(e, n, r, i, a, o) {
 		return r[n.key];
 	}
 }
-function Z(e, t, n, r, i, a, o) {
+function X(e, t, n, r, i, a, o) {
 	i !== void 0 && !a ? r !== n[i] && (n[i] = r, o(e, n[i])) : r !== n[t.key] && (n[t.key] = r, o(e, n[t.key]));
 }
 //#endregion
 //#region src/utils/copyPaste.ts
-var be = (e, t) => {
+var Ce = (e, t) => {
 	let n = (e, t) => {
 		if (e.ui !== t.ui || e.array !== t.array) return !1;
 		if (e.ui || t.ui) return !0;
@@ -90,17 +90,17 @@ var be = (e, t) => {
 		return !0;
 	};
 	return n(e, t);
-}, xe = [["basic", "id"], ["basic", "name"]];
-function Se(e) {
-	return xe.find((n) => t(e, n));
+}, we = [["basic", "id"], ["basic", "name"]];
+function Te(e) {
+	return we.find((n) => t(e, n));
 }
-function Ce(t, n, r, i, a, o) {
-	return t = e(t), a === void 0 ? t.push(n.key) : (t.push(a), o && t.push(n.key)), Se(t) ? (i.change = !1, i.warning = !1, {
+function Z(t, n, r, i, a, o) {
+	return t = e(t), a === void 0 ? t.push(n.key) : (t.push(a), o && t.push(n.key)), Te(t) ? (i.change = !1, i.warning = !1, {
 		change: i.change,
 		warning: i.warning
-	}) : n.ui ? n.array && i.children ? Ee(t, n, r, i, a, o) : De(n, r, i, a, o) : n.array ? we(t, n, r, i, a, o) : Te(t, n, r, i, a, o);
+	}) : n.ui ? n.array && i.children ? Oe(t, n, r, i, a, o) : ke(n, r, i, a, o) : n.array ? Ee(t, n, r, i, a, o) : De(t, n, r, i, a, o);
 }
-function we(e, n, r, i, a, o) {
+function Ee(e, n, r, i, a, o) {
 	if (n.ui) throw Error("execPropertyBranchArray property ui must be invalid");
 	if (!n.array) throw Error("execPropertyBranchArray property array must be valid");
 	let s;
@@ -121,16 +121,16 @@ function we(e, n, r, i, a, o) {
 				warning: !1,
 				children: {}
 			};
-			let { change: n, warning: o } = Ce(e, a, s[t], r.children[a.key], t, !0);
+			let { change: n, warning: o } = Z(e, a, s[t], r.children[a.key], t, !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 ||= !t(s, B(n)), {
+	return i.change ||= !t(s, ie(n)), {
 		change: i.change,
 		warning: i.warning
 	};
 }
-function Te(e, t, n, r, i, a) {
+function De(e, t, n, r, i, a) {
 	if (t.ui) throw Error("execPropertyBranchScalar property ui must be invalid");
 	if (t.array) throw Error("execPropertyBranchScalar property array must be invalid");
 	let o;
@@ -145,7 +145,7 @@ function Te(e, t, n, r, i, a) {
 			warning: !1,
 			children: {}
 		};
-		let { change: a, warning: s } = Ce(e, i, o, r.children[i.key], void 0, !1);
+		let { change: a, warning: s } = Z(e, i, o, r.children[i.key], void 0, !1);
 		!r.change && a && (r.change = a), !r.warning && s && (r.warning = s);
 	}
 	return {
@@ -153,7 +153,7 @@ function Te(e, t, n, r, i, a) {
 		warning: r.change
 	};
 }
-function Ee(e, n, r, i, a, o) {
+function Oe(e, n, r, i, a, o) {
 	if (!n.ui) throw Error("execPropertyLeafArray property ui must be valid");
 	if (!n.array) throw Error("execPropertyLeafArray property aray must be valid");
 	let s;
@@ -167,15 +167,15 @@ function Ee(e, n, r, i, a, o) {
 			warning: !1,
 			children: {}
 		};
-		let { change: r, warning: a } = Ce(e, n, s, i.children[t], t, !1);
+		let { change: r, warning: a } = Z(e, n, s, i.children[t], t, !1);
 		!i.change && r && (i.change = r), !i.warning && a && (i.warning = a);
 	}
-	return i.change ||= !t(s, B(n)), {
+	return i.change ||= !t(s, ie(n)), {
 		change: i.change,
 		warning: i.warning
 	};
 }
-function De(e, n, r, i, a) {
+function ke(e, n, r, i, a) {
 	if (!e.ui) throw Error("execPropertyLeafScalar property ui must be valid");
 	let o;
 	return o = i !== void 0 && !a ? n[i] : n[e.key], r.change = !t(o, z(e)), {
@@ -183,7 +183,7 @@ function De(e, n, r, i, a) {
 		warning: r.warning
 	};
 }
-function Oe(e, t, n) {
+function Ae(e, t, n) {
 	if (t.length <= 0 || !n) {
 		e.value = {
 			change: !1,
@@ -203,7 +203,7 @@ function Oe(e, t, n) {
 			warning: !1,
 			children: {}
 		};
-		r.children[e.key] = t, Ce([], e, n, t, void 0, !1);
+		r.children[e.key] = t, Z([], e, n, t, void 0, !1);
 	}
 	e.value = r;
 }
@@ -217,85 +217,85 @@ function Q(e, t) {
 }
 //#endregion
 //#region src/utils/provideInject.ts
-var ke = Symbol(), Ae = Symbol(), je = Symbol(), Me = Symbol(), Ne = Symbol(), Pe = Symbol(), Fe = Symbol(), Ie = Symbol(), Le = Symbol(), Re = Symbol(), ze = Symbol();
-function Be(e) {
-	w(ke, e);
-}
-function Ve() {
-	return h(ke);
-}
+var je = Symbol(), Me = Symbol(), Ne = Symbol(), Pe = Symbol(), Fe = Symbol(), Ie = Symbol(), Le = Symbol(), Re = Symbol(), ze = Symbol(), Be = Symbol(), Ve = Symbol();
 function He(e) {
-	w(Ae, e);
-}
-function Ue() {
-	return h(Ae);
-}
-function We(e) {
 	w(je, e);
 }
-function Ge() {
+function Ue() {
 	return h(je);
 }
-function Ke(e) {
+function We(e) {
 	w(Me, e);
 }
-function qe() {
+function Ge() {
 	return h(Me);
 }
-function Je(e) {
+function Ke(e) {
 	w(Ne, e);
 }
-function Ye() {
+function qe() {
 	return h(Ne);
 }
-function Xe(e) {
+function Je(e) {
 	w(Pe, e);
 }
-function Ze() {
+function Ye() {
 	return h(Pe);
 }
-function Qe(e) {
+function Xe(e) {
 	w(Fe, e);
 }
-function $e() {
+function Ze() {
 	return h(Fe);
 }
-function et(e) {
+function Qe(e) {
 	w(Ie, e);
 }
-function $() {
+function $e() {
 	return h(Ie);
 }
-function tt(e) {
+function et(e) {
 	w(Le, e);
 }
-function nt() {
+function tt() {
 	return h(Le);
 }
-function rt(e) {
+function nt(e) {
 	w(Re, e);
 }
-function it() {
+function $() {
 	return h(Re);
 }
-function at(e) {
+function rt(e) {
 	w(ze, e);
 }
-function ot() {
+function it() {
 	return h(ze);
 }
+function at(e) {
+	w(Be, e);
+}
+function ot() {
+	return h(Be);
+}
+function st(e) {
+	w(Ve, e);
+}
+function ct() {
+	return h(Ve);
+}
 //#endregion
 //#region src/components/menu/index.vue
-var st = /* @__PURE__ */ p({
+var lt = /* @__PURE__ */ p({
 	__name: "index",
 	setup(e) {
-		let { t } = V(), n = qe(), r = Ye(), i = $e(), c = $(), u = T(0), p = T(0), m = T([]), h = o(() => [u.value, p.value]), _ = (e) => {
+		let { t } = B(), n = Ye(), r = Ze(), i = tt(), c = $(), u = T(0), p = T(0), m = T([]), h = o(() => [u.value, p.value]), _ = (e) => {
 			!(m.value.length <= 0 || !Q(i.value, m.value)) && e.push({
 				title: t("x-prop-tree.reset"),
 				func: () => {
-					let e = J(n.value, m.value);
+					let e = q(n.value, m.value);
 					if (e) if (e.ui) {
-						let t = Y(r.value, m.value.slice(0, -1));
+						let t = J(r.value, m.value.slice(0, -1));
 						if (!t) return;
 						t[m.value[m.value.length - 1]] = z(e), c(m.value, t[m.value[m.value.length - 1]]);
 					} else if (e.array) {
@@ -305,18 +305,18 @@ var st = /* @__PURE__ */ p({
 							return;
 						}
 						if (typeof t == "string") {
-							let t = Y(r.value, m.value.slice(0, -1));
+							let t = J(r.value, m.value.slice(0, -1));
 							if (!t) return;
 							t[m.value[m.value.length - 1]] = z(e), c(m.value, t[m.value[m.value.length - 1]]);
 						} else {
-							let t = Y(r.value, m.value);
+							let t = J(r.value, m.value);
 							if (!t) return;
 							e.children.forEach((n) => {
 								t[n.key] = z(e), c([...m.value, n.key], t[n.key]);
 							});
 						}
 					} else {
-						let t = Y(r.value, m.value);
+						let t = J(r.value, m.value);
 						if (!t) return;
 						e.children.forEach((n) => {
 							t[n.key] = z(e), c([...m.value, n.key], t[n.key]);
@@ -328,7 +328,7 @@ var st = /* @__PURE__ */ p({
 			e.push({
 				title: t("x-prop-tree.copy"),
 				func: () => {
-					let e = J(n.value, m.value), t = Y(r.value, m.value);
+					let e = q(n.value, m.value), t = J(r.value, m.value);
 					localStorage.setItem("propTreeCopy", JSON.stringify({
 						property: e,
 						object: t
@@ -342,8 +342,8 @@ var st = /* @__PURE__ */ p({
 				try {
 					let { property: t } = JSON.parse(e);
 					if (!t) return !1;
-					let r = J(n.value, m.value);
-					return r ? be(t, r) : !1;
+					let r = q(n.value, m.value);
+					return r ? Ce(t, r) : !1;
 				} catch (e) {
 					console.error(e);
 				}
@@ -355,7 +355,7 @@ var st = /* @__PURE__ */ p({
 					if (!r()) return;
 					let e = localStorage.getItem("propTreeCopy");
 					if (e) try {
-						let { object: t } = JSON.parse(e), r = J(n.value, m.value);
+						let { object: t } = JSON.parse(e), r = q(n.value, m.value);
 						console.log(t, r);
 					} catch (e) {
 						console.error(e);
@@ -365,7 +365,7 @@ var st = /* @__PURE__ */ p({
 		}, b = o(() => {
 			let e = [];
 			return _(e), v(e), y(e), e;
-		}), { open: x } = G("propTreeMenu", (e) => {
+		}), { open: x } = W("propTreeMenu", (e) => {
 			u.value = e.x, p.value = e.y, m.value = e.keys;
 		});
 		return (e, t) => {
@@ -395,7 +395,7 @@ var st = /* @__PURE__ */ p({
 			}, 8, ["modelValue", "target"]);
 		};
 	}
-}), ct = { style: { pointerEvents: "none" } }, lt = /* @__PURE__ */ p({
+}), ut = { style: { pointerEvents: "none" } }, dt = /* @__PURE__ */ p({
 	__name: "index",
 	props: {
 		title: {},
@@ -417,7 +417,7 @@ var st = /* @__PURE__ */ p({
 		"delete"
 	],
 	setup(e, { emit: t }) {
-		let { backgroundColor2: n, highlightColor: r } = U(), i = t, a = T(!1), d = o(() => ({
+		let { backgroundColor2: n, highlightColor: r } = H(), i = t, a = T(!1), d = o(() => ({
 			background: a.value ? r.value : n.value,
 			height: "36px",
 			marginBottom: "1px",
@@ -441,7 +441,7 @@ var st = /* @__PURE__ */ p({
 					class: "mr-1",
 					icon: e.collapse ? "mdi-chevron-right" : "mdi-chevron-down"
 				}, null, 8, ["icon"]),
-				u("span", ct, k(e.title), 1),
+				u("span", ut, k(e.title), 1),
 				f(o),
 				e.hasCreate ? (C(), s(h, {
 					key: 0,
@@ -465,14 +465,14 @@ var st = /* @__PURE__ */ p({
 });
 //#endregion
 //#region src/composables/adaptSlotList/index.ts
-function ut() {
-	let e = Ve(), t = Ue(), n = Ge(), { i18n: a } = de, o = T([]);
-	at(o);
+function ft() {
+	let e = Ue(), t = Ge(), n = qe(), { i18n: a } = me, o = T([]);
+	st(o);
 	let s = () => {
 		if (!e.value || !t.value || !n.value) return [];
-		let s = le[e.value];
+		let s = fe[e.value];
 		if (!s) return console.assert(!1, `invalid version=${e.value}`), [];
-		let c = re(t.value, n.value), l = [];
+		let c = ae(t.value, n.value), l = [];
 		for (let e = 0; e < s.groups[c].length; e++) {
 			let t = s.groups[c][e], n = r(o, t.key);
 			l.push({
@@ -487,7 +487,7 @@ function ut() {
 			for (let e of t.items) {
 				let n = ne(e);
 				if (n && !n.internal && n.slots) for (let e of n.slots) {
-					let r = oe("elementSlot", n.key, e.key), o = `${a.global.t(n.name)} / ${a.global.t(e.name)}`;
+					let r = le("elementSlot", n.key, e.key), o = `${a.global.t(n.name)} / ${a.global.t(e.name)}`;
 					l.push({
 						id: r,
 						type: 1,
@@ -498,7 +498,7 @@ function ut() {
 				}
 			}
 		}
-		let { activeApp: u, depends: d } = ge.app;
+		let { activeApp: u, depends: d } = ye.app;
 		for (let { id: e, name: t, position: n } of u.compGroups) {
 			let i = r(o, e);
 			l.push({
@@ -513,7 +513,7 @@ function ut() {
 		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 = oe("customSlot", e.id, n.id), r = `${e.name} / ${n.name}`;
+				let t = le("customSlot", e.id, n.id), r = `${e.name} / ${n.name}`;
 				l.push({
 					id: t,
 					type: 1,
@@ -547,11 +547,11 @@ function ut() {
 }
 //#endregion
 //#region src/composables/compList/index.ts
-function dt() {
+function pt() {
 	let e = T([]);
-	tt(e);
+	rt(e);
 	let t = () => {
-		let { activeApp: t, depends: n } = ge.app, r = [];
+		let { activeApp: t, depends: n } = ye.app, r = [];
 		for (let { id: n, name: i, position: a } of t.compGroups) {
 			let t = e.value.find((e) => e.id === n);
 			r.push({
@@ -585,11 +585,11 @@ function dt() {
 }
 //#endregion
 //#region src/composables/slotList/index.ts
-function ft() {
+function mt() {
 	let e = T([]);
-	rt(e);
+	at(e);
 	let t = () => {
-		let { activeObject: e, activeComp: t } = ge.app;
+		let { activeObject: e, activeComp: t } = ye.app;
 		if (e.type !== "comp" || !t.meta.slots) return [];
 		let n = [];
 		for (let { id: e, name: r } of t.meta.slots) n.push({
@@ -614,7 +614,7 @@ function ft() {
 }
 //#endregion
 //#region src/components/values/adaptSlotSelect/adaptSlotList/group.vue?vue&type=script&setup=true&lang.ts
-var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text-grey ml-1" }, ht = /* @__PURE__ */ p({
+var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text-grey ml-1" }, _t = /* @__PURE__ */ p({
 	__name: "group",
 	props: {
 		id: {},
@@ -624,7 +624,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 	},
 	emits: ["x-click"],
 	setup(e, { emit: t }) {
-		let { backgroundColor2: n, highlightColor: r } = U(), i = e, a = t, s = T(!1), c = o(() => ({
+		let { backgroundColor2: n, highlightColor: r } = H(), i = e, a = t, s = T(!1), c = o(() => ({
 			background: s.value ? r.value : n.value,
 			height: "30px",
 			marginTop: "1px",
@@ -643,12 +643,12 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 					icon: i.collapse ? "mdi-chevron-right" : "mdi-chevron-down",
 					size: "small"
 				}, null, 8, ["icon"]),
-				u("span", pt, k(i.title), 1),
-				u("span", mt, k(i.count), 1)
+				u("span", ht, k(i.title), 1),
+				u("span", gt, k(i.count), 1)
 			], 36)), [[r]]);
 		};
 	}
-}), gt = { class: "text-body-large ml-6" }, _t = /* @__PURE__ */ p({
+}), vt = { class: "text-body-large ml-6" }, yt = /* @__PURE__ */ p({
 	__name: "item",
 	props: {
 		id: {},
@@ -656,7 +656,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 	},
 	emits: ["x-click"],
 	setup(e, { emit: t }) {
-		let { backgroundColor2: n, highlightColor: r } = U(), i = t, a = T(!1), s = o(() => ({
+		let { backgroundColor2: n, highlightColor: r } = H(), i = t, a = T(!1), s = o(() => ({
 			background: a.value ? r.value : n.value,
 			height: "48px",
 			marginTop: "1px",
@@ -670,13 +670,13 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 				onClick: n[0] ||= (t) => i("x-click", e.id),
 				onMouseout: n[1] ||= (e) => a.value = !1,
 				onMouseover: n[2] ||= (e) => a.value = !0
-			}, [u("span", gt, k(e.title), 1)], 36)), [[r]]);
+			}, [u("span", vt, k(e.title), 1)], 36)), [[r]]);
 		};
 	}
-}), vt = { key: 0 }, yt = {
+}), bt = { key: 0 }, xt = {
 	key: 1,
 	class: "text-body-medium text-grey ml-3"
-}, bt = /* @__PURE__ */ p({
+}, St = /* @__PURE__ */ p({
 	__name: "index",
 	props: {
 		modelValue: {},
@@ -689,13 +689,13 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 	},
 	emits: ["update:modelValue", "update:open"],
 	setup(e) {
-		let { nameList: t } = W(), i = M(e, "modelValue"), o = M(e, "open"), u = ot(), d = (e) => {
+		let { nameList: t } = U(), i = M(e, "modelValue"), o = M(e, "open"), u = ct(), d = (e) => {
 			let t = r(u, e);
 			t && n(u, e, !t.collapse);
 		}, f = (e) => {
 			i.value = e, o.value = !1;
 		};
-		return (e, n) => A(u).length > 0 ? (C(), l("div", vt, [(C(!0), l(a, null, E(A(u), (e) => (C(), l(a, { key: e.id }, [e.type === 0 ? (C(), s(ht, {
+		return (e, n) => A(u).length > 0 ? (C(), l("div", bt, [(C(!0), l(a, null, E(A(u), (e) => (C(), l(a, { key: e.id }, [e.type === 0 ? (C(), s(_t, {
 			key: 0,
 			id: e.id,
 			collapse: e.collapse,
@@ -707,18 +707,18 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 			"collapse",
 			"count",
 			"title"
-		])) : c("", !0), e.type === 1 && e.show ? (C(), s(_t, {
+		])) : c("", !0), e.type === 1 && e.show ? (C(), s(yt, {
 			key: 1,
 			id: e.id,
 			title: e.name,
 			onXClick: f
-		}, null, 8, ["id", "title"])) : c("", !0)], 64))), 128))])) : (C(), l("div", yt, k(A(t)([
+		}, null, 8, ["id", "title"])) : c("", !0)], 64))), 128))])) : (C(), l("div", xt, k(A(t)([
 			"x-prop-tree.no",
 			"x-prop-tree.adapt",
 			"x-prop-tree.slot"
 		])), 1));
 	}
-}), xt = { class: "text-body-large" }, St = /* @__PURE__ */ p({
+}), Ct = { class: "text-body-large" }, wt = /* @__PURE__ */ p({
 	__name: "index",
 	props: /* @__PURE__ */ _({
 		hasDelete: {
@@ -735,7 +735,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 	}),
 	emits: /* @__PURE__ */ _(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let { t: n } = V(), i = _e(), { sysBarAvail: a, nameList: l } = W(), { backgroundColor1: p } = U(), m = M(e, "modelValue"), h = t, _ = ot(), b = o(() => {
+		let { t: n } = B(), i = be(), { sysBarAvail: a, nameList: l } = U(), { backgroundColor1: p } = H(), m = M(e, "modelValue"), h = t, _ = ct(), b = o(() => {
 			let e = "100%";
 			return i.mdAndUp.value && (e = "400px"), {
 				background: p.value,
@@ -752,7 +752,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 			if (!m.value) return n("x-runtime-lib.notSet");
 			let e = r(_, m.value);
 			return e ? e.name : n("x-runtime-lib.slotNotAvail");
-		}), { open: E } = G(`propTreeAdaptSlotSelectDlg${j()}`);
+		}), { open: E } = W(`propTreeAdaptSlotSelectDlg${j()}`);
 		return S(() => {
 			E.value = !1;
 		}), (t, n) => {
@@ -804,7 +804,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 							icon: "mdi-close",
 							variant: "text",
 							onClick: n[1] ||= (e) => E.value = !1
-						}), u("span", xt, k(A(l)([
+						}), u("span", Ct, k(A(l)([
 							"x-prop-tree.select",
 							"x-prop-tree.adapt",
 							"x-prop-tree.slot"
@@ -814,7 +814,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 					u("div", {
 						class: "overflow-y-auto",
 						style: y(x.value)
-					}, [f(bt, {
+					}, [f(St, {
 						modelValue: m.value,
 						"onUpdate:modelValue": n[2] ||= (e) => m.value = e,
 						open: A(E),
@@ -825,7 +825,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 			}, 8, ["modelValue"]);
 		};
 	}
-}), Ct = { class: "d-flex justify-space-between align-center" }, wt = /* @__PURE__ */ p({
+}), Tt = { class: "d-flex justify-space-between align-center" }, Et = /* @__PURE__ */ p({
 	__name: "index",
 	props: /* @__PURE__ */ _({
 		hasDelete: {
@@ -842,10 +842,10 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 	}),
 	emits: /* @__PURE__ */ _(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let { t: n } = V(), r = M(e, "modelValue"), i = t, a = o(() => {
+		let { t: n } = B(), r = M(e, "modelValue"), i = t, a = o(() => {
 			let t = "100%";
 			return e.hasDelete && (t = "calc(100% - 37px)"), { width: t };
-		}), l = o(() => e.readonly), { open: p } = G(`propTreeColorPickerMenu${j()}`);
+		}), l = o(() => e.readonly), { open: p } = W(`propTreeColorPickerMenu${j()}`);
 		return S(() => {
 			p.value = !1;
 		}), (t, o) => {
@@ -856,7 +856,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 				"close-on-content-click": !1,
 				scrim: "transparent"
 			}, {
-				activator: F(({ props: t }) => [u("div", Ct, [u("div", {
+				activator: F(({ props: t }) => [u("div", Tt, [u("div", {
 					class: "flex-grow-1",
 					style: y(a.value)
 				}, [f(m, v(t, {
@@ -886,7 +886,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 			}, 8, ["modelValue"]);
 		};
 	}
-}), Tt = { class: "text-label-large ml-1" }, Et = { class: "text-body-small text-grey ml-1" }, Dt = /* @__PURE__ */ p({
+}), Dt = { class: "text-label-large ml-1" }, Ot = { class: "text-body-small text-grey ml-1" }, kt = /* @__PURE__ */ p({
 	__name: "group",
 	props: {
 		id: {},
@@ -896,7 +896,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 	},
 	emits: ["x-click"],
 	setup(e, { emit: t }) {
-		let { backgroundColor2: n, highlightColor: r } = U(), i = e, a = t, s = T(!1), c = o(() => ({
+		let { backgroundColor2: n, highlightColor: r } = H(), i = e, a = t, s = T(!1), c = o(() => ({
 			background: s.value ? r.value : n.value,
 			height: "30px",
 			marginTop: "1px",
@@ -915,12 +915,12 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 					icon: i.collapse ? "mdi-chevron-right" : "mdi-chevron-down",
 					size: "small"
 				}, null, 8, ["icon"]),
-				u("span", Tt, k(i.title), 1),
-				u("span", Et, k(i.count), 1)
+				u("span", Dt, k(i.title), 1),
+				u("span", Ot, k(i.count), 1)
 			], 36)), [[r]]);
 		};
 	}
-}), Ot = { class: "text-body-large ml-6" }, kt = /* @__PURE__ */ p({
+}), At = { class: "text-body-large ml-6" }, jt = /* @__PURE__ */ p({
 	__name: "item",
 	props: {
 		id: {},
@@ -928,7 +928,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 	},
 	emits: ["x-click"],
 	setup(e, { emit: t }) {
-		let { backgroundColor2: n, highlightColor: r } = U(), i = e, a = t, s = T(!1), c = o(() => ({
+		let { backgroundColor2: n, highlightColor: r } = H(), i = e, a = t, s = T(!1), c = o(() => ({
 			background: s.value ? r.value : n.value,
 			height: "48px",
 			marginTop: "1px",
@@ -942,13 +942,13 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 				onClick: t[0] ||= (e) => a("x-click", i.id),
 				onMouseout: t[1] ||= (e) => s.value = !1,
 				onMouseover: t[2] ||= (e) => s.value = !0
-			}, [u("span", Ot, k(i.title), 1)], 36)), [[n]]);
+			}, [u("span", At, k(i.title), 1)], 36)), [[n]]);
 		};
 	}
-}), At = { key: 0 }, jt = {
+}), Mt = { key: 0 }, Nt = {
 	key: 1,
 	class: "text-body-medium text-grey ml-3"
-}, Mt = /* @__PURE__ */ p({
+}, Pt = /* @__PURE__ */ p({
 	__name: "index",
 	props: {
 		modelValue: {},
@@ -961,13 +961,13 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 	},
 	emits: ["update:modelValue", "update:open"],
 	setup(e) {
-		let { nameList: t } = W(), i = M(e, "modelValue"), o = M(e, "open"), u = nt(), d = (e) => {
+		let { nameList: t } = U(), i = M(e, "modelValue"), o = M(e, "open"), u = it(), d = (e) => {
 			let t = r(u, e);
 			t && n(u, e, !t.collapse);
 		}, f = (e) => {
-			i.value = e, o.value = !1, H.emit("refreshDepends");
+			i.value = e, o.value = !1, V.emit("refreshDepends");
 		};
-		return (e, n) => A(u).length > 0 ? (C(), l("div", At, [(C(!0), l(a, null, E(A(u), (e) => (C(), l(a, { key: e.id }, [e.type === 0 ? (C(), s(Dt, {
+		return (e, n) => A(u).length > 0 ? (C(), l("div", Mt, [(C(!0), l(a, null, E(A(u), (e) => (C(), l(a, { key: e.id }, [e.type === 0 ? (C(), s(kt, {
 			key: 0,
 			id: e.id,
 			collapse: e.collapse,
@@ -979,14 +979,14 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 			"collapse",
 			"count",
 			"title"
-		])) : c("", !0), e.type === 1 && e.show ? (C(), s(kt, {
+		])) : c("", !0), e.type === 1 && e.show ? (C(), s(jt, {
 			key: 1,
 			id: e.id,
 			title: e.name,
 			onXClick: f
-		}, null, 8, ["id", "title"])) : c("", !0)], 64))), 128))])) : (C(), l("div", jt, k(A(t)(["x-prop-tree.no", "x-prop-tree.comp"])), 1));
+		}, null, 8, ["id", "title"])) : c("", !0)], 64))), 128))])) : (C(), l("div", Nt, k(A(t)(["x-prop-tree.no", "x-prop-tree.comp"])), 1));
 	}
-}), Nt = { class: "text-body-large" }, Pt = /* @__PURE__ */ p({
+}), Ft = { class: "text-body-large" }, It = /* @__PURE__ */ p({
 	__name: "index",
 	props: /* @__PURE__ */ _({
 		hasDelete: {
@@ -1003,7 +1003,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 	}),
 	emits: /* @__PURE__ */ _(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let { t: n } = V(), i = _e(), { sysBarAvail: a, nameList: l } = W(), { backgroundColor1: p } = U(), m = M(e, "modelValue"), h = t, _ = nt(), b = o(() => {
+		let { t: n } = B(), i = be(), { sysBarAvail: a, nameList: l } = U(), { backgroundColor1: p } = H(), m = M(e, "modelValue"), h = t, _ = it(), b = o(() => {
 			let e = "100%";
 			return i.mdAndUp.value && (e = "400px"), {
 				background: p.value,
@@ -1020,7 +1020,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 			if (!m.value) return n("x-runtime-lib.notSet");
 			let e = r(_, m.value);
 			return e ? e.name : n("x-runtime-lib.compNotAvail");
-		}), { open: E } = G(`propTreeCompSelectDlg${j()}`);
+		}), { open: E } = W(`propTreeCompSelectDlg${j()}`);
 		return S(() => {
 			E.value = !1;
 		}), (t, n) => {
@@ -1072,13 +1072,13 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 							icon: "mdi-close",
 							variant: "text",
 							onClick: n[1] ||= (e) => E.value = !1
-						}), u("span", Nt, k(A(l)(["x-prop-tree.select", "x-prop-tree.comp"])), 1)]),
+						}), u("span", Ft, k(A(l)(["x-prop-tree.select", "x-prop-tree.comp"])), 1)]),
 						_: 1
 					}),
 					u("div", {
 						class: "overflow-y-auto",
 						style: y(x.value)
-					}, [f(Mt, {
+					}, [f(Pt, {
 						modelValue: m.value,
 						"onUpdate:modelValue": n[2] ||= (e) => m.value = e,
 						open: A(E),
@@ -1089,7 +1089,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 			}, 8, ["modelValue"]);
 		};
 	}
-}), Ft = /* @__PURE__ */ p({
+}), Lt = /* @__PURE__ */ p({
 	__name: "editor",
 	props: {
 		modelValue: { required: !0 },
@@ -1108,14 +1108,14 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 		"update:scale"
 	],
 	setup(e, { expose: t }) {
-		let n = M(e, "modelValue"), r = M(e, "lock"), i = M(e, "scale"), a = fe(), o = pe(), c = Ve(), l = te("target"), u = () => {
+		let n = M(e, "modelValue"), r = M(e, "lock"), i = M(e, "scale"), a = he(), o = ge(), c = Ue(), l = te("target"), u = () => {
 			let e = JSON.parse(n.value);
 			l.value?.load(e);
 		};
 		return t({ save: () => {
 			let e = l.value.save();
 			n.value = JSON.stringify(e, null, 2);
-		} }), (e, t) => (C(), s(A(ve), {
+		} }), (e, t) => (C(), s(A(xe), {
 			ref_key: "target",
 			ref: l,
 			lock: r.value,
@@ -1135,7 +1135,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 			"version"
 		]));
 	}
-}), It = { class: "text-body-large" }, Lt = /* @__PURE__ */ p({
+}), Rt = { class: "text-body-large" }, zt = /* @__PURE__ */ p({
 	__name: "index",
 	props: /* @__PURE__ */ _({
 		hasDelete: {
@@ -1152,14 +1152,14 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 	}),
 	emits: /* @__PURE__ */ _(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let { t: n } = V(), { sysBarAvail: r } = W(), { backgroundColor0: i, backgroundColor1: a, backgroundColor2: l } = U(), p = M(e, "modelValue"), m = t, h = T(!1), _ = T(1), b = o(() => {
+		let { t: n } = B(), { sysBarAvail: r } = U(), { backgroundColor0: i, backgroundColor1: a, backgroundColor2: l } = H(), p = M(e, "modelValue"), m = t, h = T(!1), _ = T(1), b = o(() => {
 			let e = 48;
 			return r.value && (e += 24), {
 				position: "relative",
 				background: a.value,
 				height: `calc(100% - ${e}px)`
 			};
-		}), x = o(() => n("x-prop-tree.jsonEditor")), { open: w } = G(`propTreejsonEditorDlg${j()}`);
+		}), x = o(() => n("x-prop-tree.jsonEditor")), { open: w } = W(`propTreejsonEditorDlg${j()}`);
 		S(() => {
 			w.value = !1;
 		});
@@ -1216,12 +1216,12 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 									variant: "text",
 									onClick: n[1] ||= (e) => w.value = !1
 								}),
-								u("span", It, k(x.value), 1),
+								u("span", Rt, k(x.value), 1),
 								f(S)
 							]),
 							_: 1
 						}, 8, ["color"]),
-						u("div", { style: y(b.value) }, [f(Ft, {
+						u("div", { style: y(b.value) }, [f(Lt, {
 							ref_key: "editor",
 							ref: E,
 							modelValue: p.value,
@@ -1242,7 +1242,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 			}, 8, ["modelValue"]);
 		};
 	}
-}), Rt = { class: "d-flex justify-space-between align-center my-2" }, zt = { class: "flex-grow-1" }, Bt = /* @__PURE__ */ p({
+}), Bt = { class: "d-flex justify-space-between align-center my-2" }, Vt = { class: "flex-grow-1" }, Ht = /* @__PURE__ */ p({
 	__name: "index",
 	props: /* @__PURE__ */ _({
 		hasDelete: {
@@ -1260,67 +1260,67 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 	}),
 	emits: /* @__PURE__ */ _(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let { t: n } = V(), { isMobile: r } = W(), i = M(e, "modelValue"), a = t, d = Ve(), p = o(() => le[d.value].types[e.types]), m = T(""), h = o(() => {
+		let { t: n } = B(), { isMobile: r } = U(), i = M(e, "modelValue"), a = t, d = o(() => oe(e.types)), p = T(""), m = o(() => {
 			let e = [];
-			for (let { value: t, title: r } of p.value) e.push({
+			for (let { value: t, title: r } of d.value) e.push({
 				value: t,
 				title: n(r)
 			});
 			return e;
 		});
 		P(() => {
-			for (let { value: e, validator: t } of p.value) if (t(i.value)) {
-				m.value = e;
+			for (let { value: e, validator: t } of d.value) if (t(i.value)) {
+				p.value = e;
 				return;
 			}
-			m.value = "";
+			p.value = "";
 		});
-		let g = o(() => p.value.find((e) => e.value === m.value)), _ = () => {
-			i.value = g.value?.default;
-		}, v = T(0), y = async (e) => {
-			if (!e || !r() || !g.value || g.value.trait !== "pixel" && g.value.trait !== "percent") return;
-			let t = await me({
+		let h = o(() => d.value.find((e) => e.value === p.value)), g = () => {
+			i.value = h.value?.default;
+		}, _ = T(0), v = async (e) => {
+			if (!e || !r() || !h.value || h.value.trait !== "pixel" && h.value.trait !== "percent") return;
+			let t = await _e({
 				title: "",
-				value: v.value,
-				precision: g.value.precision,
-				min: g.value.min,
-				max: g.value.max,
-				step: g.value.step
+				value: _.value,
+				precision: h.value.precision,
+				min: h.value.min,
+				max: h.value.max,
+				step: h.value.step
 			});
-			t !== void 0 && (v.value = t);
+			t !== void 0 && (_.value = t);
 		};
 		P(() => {
-			g.value?.trait === "pixel" ? v.value = ce(i.value) : g.value?.trait === "percent" && (v.value = se(i.value));
-		}), N(v, (e) => {
-			g.value?.trait === "pixel" ? i.value = e + "px" : g.value?.trait === "percent" && (i.value = e + "%");
+			h.value?.trait === "pixel" ? _.value = de(i.value) : h.value?.trait === "percent" && (_.value = ue(i.value));
+		}), N(_, (e) => {
+			h.value?.trait === "pixel" ? i.value = e + "px" : h.value?.trait === "percent" && (i.value = e + "%");
 		});
-		let b = T("#ff00ff");
+		let y = T("#ff00ff");
 		P(() => {
-			g.value?.trait === "hexColor" && ie(i.value) && (b.value = i.value);
-		}), N(b, (e) => {
-			g.value?.trait === "hexColor" && (i.value = e);
+			h.value?.trait === "hexColor" && se(i.value) && (y.value = i.value);
+		}), N(y, (e) => {
+			h.value?.trait === "hexColor" && (i.value = e);
 		});
-		let x = T("primary"), S = o(() => {
+		let b = T("primary"), x = o(() => {
 			let e = [];
-			if (g.value?.trait === "themeColor") for (let { value: t, title: r } of ue) e.push({
+			if (h.value?.trait === "themeColor") for (let { value: t, title: r } of pe) e.push({
 				value: t,
 				title: n(r)
 			});
 			return e;
 		});
 		return P(() => {
-			g.value?.trait === "themeColor" && ae(i.value) && (x.value = i.value);
-		}), N(x, (e) => {
-			g.value?.trait === "themeColor" && (i.value = e);
+			h.value?.trait === "themeColor" && ce(i.value) && (b.value = i.value);
+		}), N(b, (e) => {
+			h.value?.trait === "themeColor" && (i.value = e);
 		}), (t, n) => {
 			let r = D("v-select"), i = D("v-number-input"), o = D("v-btn"), d = O("ripple");
-			return C(), l("div", Rt, [u("div", zt, [
+			return C(), l("div", Bt, [u("div", Vt, [
 				I(f(r, {
-					modelValue: m.value,
-					"onUpdate:modelValue": [n[0] ||= (e) => m.value = e, _],
+					modelValue: p.value,
+					"onUpdate:modelValue": [n[0] ||= (e) => p.value = e, g],
 					density: "compact",
 					"hide-details": "",
-					items: h.value,
+					items: m.value,
 					readonly: e.readonly,
 					"single-line": ""
 				}, null, 8, [
@@ -1333,20 +1333,20 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 					void 0,
 					{ stop: !0 }
 				]]),
-				g.value?.trait === "pixel" || g.value?.trait === "percent" ? I((C(), s(i, {
+				h.value?.trait === "pixel" || h.value?.trait === "percent" ? I((C(), s(i, {
 					key: 0,
-					modelValue: v.value,
-					"onUpdate:modelValue": n[1] ||= (e) => v.value = e,
+					modelValue: _.value,
+					"onUpdate:modelValue": n[1] ||= (e) => _.value = e,
 					"control-variant": "stacked",
 					density: "compact",
 					"hide-details": "",
-					max: g.value.max,
-					min: g.value.min,
-					precision: g.value.precision,
+					max: h.value.max,
+					min: h.value.min,
+					precision: h.value.precision,
 					readonly: e.readonly,
 					"single-line": "",
-					step: g.value.step,
-					"onUpdate:focused": y
+					step: h.value.step,
+					"onUpdate:focused": v
 				}, null, 8, [
 					"modelValue",
 					"max",
@@ -1360,18 +1360,18 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 					void 0,
 					{ stop: !0 }
 				]]) : c("", !0),
-				g.value?.trait === "hexColor" ? (C(), s(wt, {
+				h.value?.trait === "hexColor" ? (C(), s(Et, {
 					key: 1,
-					modelValue: b.value,
-					"onUpdate:modelValue": n[2] ||= (e) => b.value = e
+					modelValue: y.value,
+					"onUpdate:modelValue": n[2] ||= (e) => y.value = e
 				}, null, 8, ["modelValue"])) : c("", !0),
-				g.value?.trait === "themeColor" ? I((C(), s(r, {
+				h.value?.trait === "themeColor" ? I((C(), s(r, {
 					key: 2,
-					modelValue: x.value,
-					"onUpdate:modelValue": n[3] ||= (e) => x.value = e,
+					modelValue: b.value,
+					"onUpdate:modelValue": n[3] ||= (e) => b.value = e,
 					density: "compact",
 					"hide-details": "",
-					items: S.value,
+					items: x.value,
 					"single-line": ""
 				}, null, 8, ["modelValue", "items"])), [[
 					d,
@@ -1389,7 +1389,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 			})) : c("", !0)]);
 		};
 	}
-}), Vt = { class: "d-flex justify-space-between align-center" }, Ht = /* @__PURE__ */ p({
+}), Ut = { class: "d-flex justify-space-between align-center" }, Wt = /* @__PURE__ */ p({
 	__name: "index",
 	props: /* @__PURE__ */ _({
 		hasDelete: {
@@ -1410,9 +1410,9 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 	}),
 	emits: /* @__PURE__ */ _(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let { isMobile: n } = W(), r = M(e, "modelValue"), i = t, a = async (t) => {
+		let { isMobile: n } = U(), r = M(e, "modelValue"), i = t, a = async (t) => {
 			if (!t || e.readonly || !n()) return;
-			let i = await me({
+			let i = await _e({
 				title: "",
 				value: r.value,
 				precision: e.precision,
@@ -1424,7 +1424,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 		};
 		return (t, n) => {
 			let o = D("v-number-input"), u = D("v-btn"), d = O("ripple");
-			return C(), l("div", Vt, [I(f(o, {
+			return C(), l("div", Ut, [I(f(o, {
 				modelValue: r.value,
 				"onUpdate:modelValue": n[0] ||= (e) => r.value = e,
 				"control-variant": "stacked",
@@ -1459,7 +1459,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 			})) : c("", !0)]);
 		};
 	}
-}), Ut = { class: "d-flex justify-space-between align-center" }, Wt = /* @__PURE__ */ p({
+}), Gt = { class: "d-flex justify-space-between align-center" }, Kt = /* @__PURE__ */ p({
 	__name: "index",
 	props: /* @__PURE__ */ _({
 		hasDelete: {
@@ -1477,23 +1477,23 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 	}),
 	emits: /* @__PURE__ */ _(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let { t: n } = V(), r = M(e, "modelValue"), i = t, a = Ve(), u = o(() => {
+		let { t: n } = B(), r = M(e, "modelValue"), i = t, a = o(() => {
 			let t = [];
-			return le[a.value].items[e.items].forEach(({ title: e, value: r }) => {
+			return re(e.items)?.forEach(({ value: e, title: r }) => {
 				t.push({
-					title: n(e),
-					value: r
+					value: e,
+					title: n(r)
 				});
 			}), t;
 		});
 		return (t, n) => {
-			let a = D("v-select"), o = D("v-btn"), d = O("ripple");
-			return C(), l("div", Ut, [I(f(a, {
+			let o = D("v-select"), u = D("v-btn"), d = O("ripple");
+			return C(), l("div", Gt, [I(f(o, {
 				modelValue: r.value,
 				"onUpdate:modelValue": n[0] ||= (e) => r.value = e,
 				density: "compact",
 				"hide-details": "",
-				items: u.value,
+				items: a.value,
 				readonly: e.readonly,
 				"single-line": ""
 			}, null, 8, [
@@ -1505,7 +1505,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 				void 0,
 				void 0,
 				{ stop: !0 }
-			]]), e.hasDelete ? (C(), s(o, {
+			]]), e.hasDelete ? (C(), s(u, {
 				key: 0,
 				class: "mx-2",
 				density: "compact",
@@ -1515,7 +1515,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 			})) : c("", !0)]);
 		};
 	}
-}), Gt = { class: "text-body-large ml-6" }, Kt = /* @__PURE__ */ p({
+}), qt = { class: "text-body-large ml-6" }, Jt = /* @__PURE__ */ p({
 	__name: "item",
 	props: {
 		id: {},
@@ -1523,7 +1523,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 	},
 	emits: ["x-click"],
 	setup(e, { emit: t }) {
-		let { backgroundColor2: n, highlightColor: r } = U(), i = t, a = T(!1), s = o(() => ({
+		let { backgroundColor2: n, highlightColor: r } = H(), i = t, a = T(!1), s = o(() => ({
 			background: a.value ? r.value : n.value,
 			height: "48px",
 			marginTop: "1px",
@@ -1537,13 +1537,13 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 				onClick: n[0] ||= (t) => i("x-click", e.id),
 				onMouseout: n[1] ||= (e) => a.value = !1,
 				onMouseover: n[2] ||= (e) => a.value = !0
-			}, [u("span", Gt, k(e.title), 1)], 36)), [[r]]);
+			}, [u("span", qt, k(e.title), 1)], 36)), [[r]]);
 		};
 	}
-}), qt = { key: 0 }, Jt = {
+}), Yt = { key: 0 }, Xt = {
 	key: 1,
 	class: "text-body-medium text-grey ml-3"
-}, Yt = /* @__PURE__ */ p({
+}, Zt = /* @__PURE__ */ p({
 	__name: "index",
 	props: {
 		modelValue: {},
@@ -1556,17 +1556,17 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 	},
 	emits: ["update:modelValue", "update:open"],
 	setup(e) {
-		let { nameList: t } = W(), n = M(e, "modelValue"), r = M(e, "open"), i = it(), o = (e) => {
+		let { nameList: t } = U(), n = M(e, "modelValue"), r = M(e, "open"), i = ot(), o = (e) => {
 			n.value = e, r.value = !1;
 		};
-		return (e, n) => A(i).length > 0 ? (C(), l("div", qt, [(C(!0), l(a, null, E(A(i), (e) => (C(), s(Kt, {
+		return (e, n) => A(i).length > 0 ? (C(), l("div", Yt, [(C(!0), l(a, null, E(A(i), (e) => (C(), s(Jt, {
 			key: e.id,
 			id: e.id,
 			title: e.name,
 			onXClick: o
-		}, null, 8, ["id", "title"]))), 128))])) : (C(), l("div", Jt, k(A(t)(["x-prop-tree.no", "x-prop-tree.slot"])), 1));
+		}, null, 8, ["id", "title"]))), 128))])) : (C(), l("div", Xt, k(A(t)(["x-prop-tree.no", "x-prop-tree.slot"])), 1));
 	}
-}), Xt = { class: "text-body-large" }, Zt = /* @__PURE__ */ p({
+}), Qt = { class: "text-body-large" }, $t = /* @__PURE__ */ p({
 	__name: "index",
 	props: /* @__PURE__ */ _({
 		hasDelete: {
@@ -1583,7 +1583,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 	}),
 	emits: /* @__PURE__ */ _(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let { t: n } = V(), r = _e(), { sysBarAvail: i, nameList: a } = W(), { backgroundColor1: l } = U(), p = M(e, "modelValue"), m = t, h = it(), _ = o(() => {
+		let { t: n } = B(), r = be(), { sysBarAvail: i, nameList: a } = U(), { backgroundColor1: l } = H(), p = M(e, "modelValue"), m = t, h = ot(), _ = o(() => {
 			let e = "100%";
 			return r.mdAndUp.value && (e = "400px"), {
 				background: l.value,
@@ -1600,7 +1600,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 			if (!p.value) return n("x-runtime-lib.notSet");
 			let e = h.value.find((e) => e.id === p.value);
 			return e ? e.name : n("x-runtime-lib.slotNotAvail");
-		}), { open: T } = G(`propTreeSlotSelectDlg${j()}`);
+		}), { open: T } = W(`propTreeSlotSelectDlg${j()}`);
 		return S(() => {
 			T.value = !1;
 		}), (t, n) => {
@@ -1652,13 +1652,13 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 							icon: "mdi-close",
 							variant: "text",
 							onClick: n[1] ||= (e) => T.value = !1
-						}), u("span", Xt, k(A(a)(["x-prop-tree.select", "x-prop-tree.slot"])), 1)]),
+						}), u("span", Qt, k(A(a)(["x-prop-tree.select", "x-prop-tree.slot"])), 1)]),
 						_: 1
 					}),
 					u("div", {
 						class: "overflow-y-auto",
 						style: y(b.value)
-					}, [f(Yt, {
+					}, [f(Zt, {
 						modelValue: p.value,
 						"onUpdate:modelValue": n[2] ||= (e) => p.value = e,
 						open: A(T),
@@ -1669,7 +1669,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 			}, 8, ["modelValue"]);
 		};
 	}
-}), Qt = { class: "d-flex justify-space-between align-center" }, $t = /* @__PURE__ */ p({
+}), en = { class: "d-flex justify-space-between align-center" }, tn = /* @__PURE__ */ p({
 	__name: "index",
 	props: /* @__PURE__ */ _({
 		hasDelete: {
@@ -1686,9 +1686,9 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 	}),
 	emits: /* @__PURE__ */ _(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let { isMobile: n } = W(), r = M(e, "modelValue"), i = t, a = async (t) => {
+		let { isMobile: n } = U(), r = M(e, "modelValue"), i = t, a = async (t) => {
 			if (!t || e.readonly || !n()) return;
-			let i = await he({
+			let i = await ve({
 				title: "",
 				value: r.value
 			});
@@ -1696,7 +1696,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 		};
 		return (t, n) => {
 			let o = D("v-text-field"), u = D("v-btn"), d = O("ripple");
-			return C(), l("div", Qt, [I(f(o, {
+			return C(), l("div", en, [I(f(o, {
 				modelValue: r.value,
 				"onUpdate:modelValue": n[0] ||= (e) => r.value = e,
 				density: "compact",
@@ -1719,7 +1719,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 			})) : c("", !0)]);
 		};
 	}
-}), en = { class: "d-flex justify-space-between align-center" }, tn = /* @__PURE__ */ p({
+}), nn = { class: "d-flex justify-space-between align-center" }, rn = /* @__PURE__ */ p({
 	__name: "index",
 	props: /* @__PURE__ */ _({
 		hasDelete: {
@@ -1739,7 +1739,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 		let n = M(e, "modelValue"), r = t;
 		return (t, i) => {
 			let a = D("v-switch"), o = D("v-btn");
-			return C(), l("div", en, [f(a, {
+			return C(), l("div", nn, [f(a, {
 				modelValue: n.value,
 				"onUpdate:modelValue": i[0] ||= (e) => n.value = e,
 				class: "ml-1",
@@ -1760,14 +1760,14 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 });
 //#endregion
 //#region src/composables/uis/uiAdaptSlotSelect.ts
-function nn() {
+function an() {
 	let e = $();
 	return { renderUiAdaptSlotSelect: (t, n, r, i, a) => {
 		if (n.ui !== "selectAdaptSlot") throw Error("renderUiSlotSelect property ui must be selectAdaptSlot");
-		return m(St, {
-			modelValue: X(t, n, r, i, a, e),
+		return m(wt, {
+			modelValue: Y(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
-				Z(t, n, r, o, i, a, e);
+				X(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -1779,14 +1779,14 @@ function nn() {
 }
 //#endregion
 //#region src/composables/uis/uiColorPicker.ts
-function rn() {
+function on() {
 	let e = $();
 	return { renderUiColorPicker: (t, n, r, i, a) => {
 		if (n.ui !== "colorPicker") throw Error("renderUiColorPicker property ui must be colorPicker");
-		return m(wt, {
-			modelValue: X(t, n, r, i, a, e),
+		return m(Et, {
+			modelValue: Y(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
-				Z(t, n, r, o, i, a, e);
+				X(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -1798,14 +1798,14 @@ function rn() {
 }
 //#endregion
 //#region src/composables/uis/uiCompSelect.ts
-function an() {
+function sn() {
 	let e = $();
 	return { renderUiCompSelect: (t, n, r, i, a) => {
 		if (n.ui !== "selectComp") throw Error("renderUiCompSelect property ui must be selectComp");
-		return m(Pt, {
-			modelValue: X(t, n, r, i, a, e),
+		return m(It, {
+			modelValue: Y(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
-				Z(t, n, r, o, i, a, e);
+				X(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -1817,23 +1817,23 @@ function an() {
 }
 //#endregion
 //#region src/composables/uis/uiDummy.ts
-function on() {
+function cn() {
 	let e = $();
 	return { renderUiDummy: (t, n, r, i, a) => {
 		if (n.ui !== "dummy") throw Error("renderUiDummy property ui must be dummy");
-		X(t, n, r, i, a, e);
+		Y(t, n, r, i, a, e);
 	} };
 }
 //#endregion
 //#region src/composables/uis/uiJsonEditor.ts
-function sn() {
+function ln() {
 	let e = $();
 	return { renderUiJsonEditor: (t, n, r, i, a) => {
 		if (n.ui !== "jsonEditor") throw Error("renderUijsonEditor property ui must be jsonEditor");
-		return m(Lt, {
-			modelValue: X(t, n, r, i, a, e) ?? "{}",
+		return m(zt, {
+			modelValue: Y(t, n, r, i, a, e) ?? "{}",
 			"onUpdate:modelValue": (o) => {
-				Z(t, n, r, o, i, a, e);
+				X(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -1845,14 +1845,14 @@ function sn() {
 }
 //#endregion
 //#region src/composables/uis/uiMultiTypes.ts
-function cn() {
+function un() {
 	let e = $();
 	return { renderUiMultiTypes: (t, n, r, i, a) => {
 		if (n.ui !== "multiTypes") throw Error("renderUiMultiTypes property ui must be multiTypes");
-		return m(Bt, {
-			modelValue: X(t, n, r, i, a, e) ?? "",
+		return m(Ht, {
+			modelValue: Y(t, n, r, i, a, e) ?? "",
 			"onUpdate:modelValue": (o) => {
-				Z(t, n, r, o, i, a, e);
+				X(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -1864,14 +1864,14 @@ function cn() {
 }
 //#endregion
 //#region src/composables/uis/uiNumInput.ts
-function ln() {
+function dn() {
 	let e = $();
 	return { renderUiNumInput: (t, n, r, i, a) => {
 		if (n.ui !== "numInput") throw Error("renderUiNumInput property ui must be numInput");
-		return m(Ht, {
-			modelValue: X(t, n, r, i, a, e),
+		return m(Wt, {
+			modelValue: Y(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
-				Z(t, n, r, o, i, a, e);
+				X(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -1887,12 +1887,12 @@ function ln() {
 }
 //#endregion
 //#region src/components/entry/index.vue
-var un = /* @__PURE__ */ p({
+var fn = /* @__PURE__ */ p({
 	__name: "index",
 	props: { minHeight: {} },
 	emits: ["menu"],
 	setup(e, { emit: t }) {
-		let { backgroundColor2: n, highlightColor: r } = U(), i = t, a = T(!1), s = o(() => ({
+		let { backgroundColor2: n, highlightColor: r } = H(), i = t, a = T(!1), s = o(() => ({
 			background: a.value ? r.value : n.value,
 			minHeight: e.minHeight,
 			paddingRight: "4px",
@@ -1915,14 +1915,14 @@ var un = /* @__PURE__ */ p({
 });
 //#endregion
 //#region src/composables/uis/uiProperty.ts
-function dn() {
-	let { t: e } = V(), t = $e();
+function pn() {
+	let { t: e } = B(), t = tt();
 	return { renderProperty: (n, r, i) => {
 		let a = n[n.length - 1], o = typeof a == "number" ? `[${a + 1}]` : e(r.name);
-		return Q(t.value, n) && (o += " *"), m(un, {
+		return Q(t.value, n) && (o += " *"), m(fn, {
 			minHeight: "56px",
 			onMenu: (e, t) => {
-				H.emit("propTreeMenu", {
+				V.emit("propTreeMenu", {
 					x: e,
 					y: t,
 					keys: n
@@ -1939,14 +1939,14 @@ function dn() {
 }
 //#endregion
 //#region src/composables/uis/uiSelect.ts
-function fn() {
+function mn() {
 	let e = $();
 	return { renderUiSelect: (t, n, r, i, a) => {
 		if (n.ui !== "select") throw Error("renderUiSelect property ui must be select");
-		return m(Wt, {
-			modelValue: X(t, n, r, i, a, e) ?? "",
+		return m(Kt, {
+			modelValue: Y(t, n, r, i, a, e) ?? "",
 			"onUpdate:modelValue": (o) => {
-				Z(t, n, r, o, i, a, e);
+				X(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -1959,14 +1959,14 @@ function fn() {
 }
 //#endregion
 //#region src/composables/uis/uiSlotSelect.ts
-function pn() {
+function hn() {
 	let e = $();
 	return { renderUiSlotSelect: (t, n, r, i, a) => {
 		if (n.ui !== "selectSlot") throw Error("renderUiSlotSelect property ui must be selectSlot");
-		return m(Zt, {
-			modelValue: X(t, n, r, i, a, e),
+		return m($t, {
+			modelValue: Y(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
-				Z(t, n, r, o, i, a, e);
+				X(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -1978,14 +1978,14 @@ function pn() {
 }
 //#endregion
 //#region src/composables/uis/uiStrInput.ts
-function mn() {
+function gn() {
 	let e = $();
 	return { renderUiStrInput: (t, n, r, i, a) => {
 		if (n.ui !== "strInput") throw Error("renderUiStrInput property ui must be strInput");
-		return m($t, {
-			modelValue: n.static ? n.value : X(t, n, r, i, a, e),
+		return m(tn, {
+			modelValue: n.static ? n.value : Y(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
-				n.static || Z(t, n, r, o, i, a, e);
+				n.static || X(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -1997,14 +1997,14 @@ function mn() {
 }
 //#endregion
 //#region src/composables/uis/uiSwitch.ts
-function hn() {
+function _n() {
 	let e = $();
 	return { renderUiSwitch: (t, n, r, i, a) => {
 		if (n.ui !== "switch") throw Error("renderUiSwitch property ui must be switch");
-		return m(tn, {
-			modelValue: X(t, n, r, i, a, e) ?? !1,
+		return m(rn, {
+			modelValue: Y(t, n, r, i, a, e) ?? !1,
 			"onUpdate:modelValue": (o) => {
-				Z(t, n, r, o, i, a, e);
+				X(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -2016,25 +2016,25 @@ function hn() {
 }
 //#endregion
 //#region src/components/propTree/main.vue?vue&type=script&setup=true&lang.ts
-var gn = "20px", _n = /* @__PURE__ */ p({
+var vn = "20px", yn = /* @__PURE__ */ p({
 	__name: "main",
 	setup(t) {
-		let { t: n } = V(), { backgroundColor1: r } = U(), i = qe(), o = Ye(), s = Ze(), c = $e(), u = $();
-		dt(), ft(), ut();
-		let { renderProperty: d } = dn(), { renderUiDummy: p } = on(), { renderUiStrInput: h } = mn(), { renderUiNumInput: g } = ln(), { renderUiSwitch: _ } = hn(), { renderUiSelect: v } = fn(), { renderUiColorPicker: y } = rn(), { renderUiJsonEditor: b } = sn(), { renderUiMultiTypes: x } = cn(), { renderUiCompSelect: S } = an(), { renderUiSlotSelect: w } = pn(), { renderUiAdaptSlotSelect: T } = nn(), E = (t, n, r, i, a, o) => (t = e(t), i === void 0 ? t.push(n.key) : (t.push(i), a && t.push(n.key)), n.ui ? n.array && !o ? O(t, n, r, i, a) : k(t, n, r, i, a) : n.array ? ee(t, n, r, i, a) : D(t, n, r, i, a)), ee = (e, t, r, i, a) => {
+		let { t: n } = B(), { backgroundColor1: r } = H(), i = Ye(), o = Ze(), s = $e(), c = tt(), u = $();
+		pt(), mt(), ft();
+		let { renderProperty: d } = pn(), { renderUiDummy: p } = cn(), { renderUiStrInput: h } = gn(), { renderUiNumInput: g } = dn(), { renderUiSwitch: _ } = _n(), { renderUiSelect: v } = mn(), { renderUiColorPicker: y } = on(), { renderUiJsonEditor: b } = ln(), { renderUiMultiTypes: x } = un(), { renderUiCompSelect: S } = sn(), { renderUiSlotSelect: w } = hn(), { renderUiAdaptSlotSelect: T } = an(), E = (t, n, r, i, a, o) => (t = e(t), i === void 0 ? t.push(n.key) : (t.push(i), a && t.push(n.key)), n.ui ? n.array && !o ? O(t, n, r, i, a) : k(t, n, r, i, a) : n.array ? ee(t, n, r, i, a) : D(t, n, r, i, a)), ee = (e, t, r, i, a) => {
 			if (t.ui) throw Error("renderBranchArray property ui must be invalid");
 			if (!t.array) throw Error("renderBranchArray property array must be valid");
-			let o = ye(e, t, r, i, a, u), l = n(t.name);
-			K(s, e) && Q(c.value, e) && (l += " *");
-			let d = m(lt, {
+			let o = Se(e, t, r, i, a, u), l = n(t.name);
+			G(s, e) && Q(c.value, e) && (l += " *");
+			let d = m(dt, {
 				title: l,
-				collapse: K(s, e),
+				collapse: G(s, e),
 				hasCreate: !0,
 				onCollapse: (t) => {
-					q(s, e, t);
+					K(s, e, t);
 				},
 				onMenu: (t, n) => {
-					H.emit("propTreeMenu", {
+					V.emit("propTreeMenu", {
 						x: t,
 						y: n,
 						keys: e
@@ -2043,21 +2043,21 @@ var gn = "20px", _n = /* @__PURE__ */ p({
 				onCreate: () => {
 					o.push({}), u(e, o);
 				}
-			}), f = m("div", { style: { paddingLeft: gn } }, (() => {
+			}), f = m("div", { style: { paddingLeft: vn } }, (() => {
 				let n = [];
 				for (let r = 0; r < o.length; r++) {
 					let i = [...e, r], a = `[${r + 1}]`;
-					K(s, [...e, r]) && Q(c.value, i) && (a += " *");
-					let l = m(lt, {
+					G(s, [...e, r]) && Q(c.value, i) && (a += " *");
+					let l = m(dt, {
 						title: a,
-						collapse: K(s, [...e, r]),
+						collapse: G(s, [...e, r]),
 						hasDelete: !0,
 						index: r,
 						onCollapse: (t) => {
-							q(s, [...e, r], t);
+							K(s, [...e, r], t);
 						},
 						onMenu: (e, t) => {
-							H.emit("propTreeMenu", {
+							V.emit("propTreeMenu", {
 								x: e,
 								y: t,
 								keys: i
@@ -2068,33 +2068,33 @@ var gn = "20px", _n = /* @__PURE__ */ p({
 						}
 					});
 					n.push(l);
-					let d = m("div", { style: { paddingLeft: gn } }, (() => {
+					let d = m("div", { style: { paddingLeft: vn } }, (() => {
 						let n = [];
 						for (let i of t.children) n.push(E(e, i, o[r], r, !0));
 						return n;
 					})());
-					K(s, [...e, r]) || n.push(d);
+					G(s, [...e, r]) || n.push(d);
 				}
 				return n;
 			})());
 			return m("div", { style: { marginTop: "1px" } }, (() => {
 				let t = [];
-				return t.push(d), K(s, e) || t.push(f), t;
+				return t.push(d), G(s, e) || t.push(f), t;
 			})());
 		}, D = (e, t, r, i, a) => {
 			if (t.ui) throw Error("renderBranchScalar property ui must be invalid");
 			if (t.array) throw Error("renderBranchScalar property array must be invalid");
 			let o = n(t.name);
-			K(s, e) && Q(c.value, e) && (o += " *");
-			let l = m(lt, {
+			G(s, e) && Q(c.value, e) && (o += " *");
+			let l = m(dt, {
 				title: o,
-				collapse: K(s, e),
+				collapse: G(s, e),
 				hasDelete: i !== void 0 && !a,
 				onCollapse: (t) => {
-					q(s, e, t);
+					K(s, e, t);
 				},
 				onMenu: (t, n) => {
-					H.emit("propTreeMenu", {
+					V.emit("propTreeMenu", {
 						x: t,
 						y: n,
 						keys: e
@@ -2103,29 +2103,29 @@ var gn = "20px", _n = /* @__PURE__ */ p({
 				onDelete: () => {
 					i === void 0 || a || (r.splice(i, 1), u(e.slice(0, -1), r));
 				}
-			}), d = m("div", { style: { paddingLeft: gn } }, (() => {
+			}), d = m("div", { style: { paddingLeft: vn } }, (() => {
 				let n = [];
 				for (let i of t.children) n.push(E(e, i, (typeof r[t.key] != "object" && (r[t.key] = {}, u(e, r[t.key])), r[t.key]), void 0, !1));
 				return n;
 			})());
 			return m("div", { style: { marginTop: "1px" } }, (() => {
 				let t = [];
-				return t.push(l), K(s, e) || t.push(d), t;
+				return t.push(l), G(s, e) || t.push(d), t;
 			})());
 		}, O = (e, t, r, i, a) => {
 			if (!t.ui) throw Error("renderLeafArray property ui must be valid");
 			if (!t.array) throw Error("renderLeafArray property array must be valid");
-			let o = ye(e, t, r, i, a, u), l = n(t.name);
-			K(s, e) && Q(c.value, e) && (l += " *");
-			let d = m(lt, {
+			let o = Se(e, t, r, i, a, u), l = n(t.name);
+			G(s, e) && Q(c.value, e) && (l += " *");
+			let d = m(dt, {
 				title: l,
-				collapse: K(s, e),
+				collapse: G(s, e),
 				hasCreate: !0,
 				onCollapse: (t) => {
-					q(s, e, t);
+					K(s, e, t);
 				},
 				onMenu: (t, n) => {
-					H.emit("propTreeMenu", {
+					V.emit("propTreeMenu", {
 						x: t,
 						y: n,
 						keys: e
@@ -2134,14 +2134,14 @@ var gn = "20px", _n = /* @__PURE__ */ p({
 				onCreate: () => {
 					o.push(z(t)), u(e, o);
 				}
-			}), f = m("div", { style: { paddingLeft: gn } }, (() => {
+			}), f = m("div", { style: { paddingLeft: vn } }, (() => {
 				let n = [];
 				for (let r = 0; r < o.length; r++) n.push(E(e, t, o, r, !1, !0));
 				return n;
 			})());
 			return m("div", { style: { marginTop: "1px" } }, (() => {
 				let t = [];
-				return t.push(d), K(s, e) || t.push(f), t;
+				return t.push(d), G(s, e) || t.push(f), t;
 			})());
 		}, k = (e, t, n, r, i) => {
 			if (!t.ui) throw Error("renderLeafScalar property ui must be valid");
@@ -2155,9 +2155,9 @@ var gn = "20px", _n = /* @__PURE__ */ p({
 			if (i.value.length > 0 && o.value) for (let t of i.value) e.push(E([], t, o.value, void 0, !1));
 			return e;
 		})());
-		return (e, t) => (C(), l(a, null, [f(A), f(st)], 64));
+		return (e, t) => (C(), l(a, null, [f(A), f(lt)], 64));
 	}
-}), vn = /* @__PURE__ */ p({
+}), bn = /* @__PURE__ */ p({
 	__name: "index",
 	props: {
 		config: {},
@@ -2169,25 +2169,25 @@ var gn = "20px", _n = /* @__PURE__ */ p({
 	emits: ["change"],
 	setup(e, { emit: t }) {
 		let n = t, r = T([]);
-		Ke(r), P(() => {
+		Je(r), P(() => {
 			r.value = e.config;
 		});
 		let i = T();
-		Je(i), P(() => {
+		Xe(i), P(() => {
 			i.value = e.object;
 		});
 		let a = T("");
-		Be(a), P(() => {
+		He(a), P(() => {
 			a.value = e.version;
 		});
 		let o = T(e.type);
-		He(o), P(() => {
+		We(o), P(() => {
 			o.value = e.type;
 		});
 		let c = T("");
-		We(c), P(() => {
+		Ke(c), P(() => {
 			c.value = e.subtype;
-		}), Xe(T({
+		}), Qe(T({
 			collapse: !0,
 			children: {}
 		}));
@@ -2196,15 +2196,15 @@ var gn = "20px", _n = /* @__PURE__ */ p({
 			warning: !1,
 			children: {}
 		});
-		return Qe(l), et((t, r) => {
-			Oe(l, e.config, e.object), n("change", t, r);
+		return et(l), nt((t, r) => {
+			Ae(l, e.config, e.object), n("change", t, r);
 		}), N([() => e.config, () => e.object], () => {
-			Oe(l, e.config, e.object);
-		}, { immediate: !0 }), (e, t) => (C(), s(_n));
+			Ae(l, e.config, e.object);
+		}, { immediate: !0 }), (e, t) => (C(), s(yn));
 	}
-}), yn = (e) => {
-	e.component("XPropTree", vn);
-}, bn = (e, t, n) => {
+}), xn = (e) => {
+	e.component("XPropTree", bn);
+}, Sn = (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."))));
@@ -2212,14 +2212,14 @@ var gn = "20px", _n = /* @__PURE__ */ p({
 };
 //#endregion
 //#region src/i18n/index.ts
-async function xn(e) {
-	return (await bn(/* @__PURE__ */ Object.assign({
+async function Cn(e) {
+	return (await Sn(/* @__PURE__ */ Object.assign({
 		"./locales/en/index.ts": () => import("./i18n-en.lvwojc1f.js").then((e) => e.t),
 		"./locales/zhHans/index.ts": () => import("./i18n-zhHans.u8lopwp1.js").then((e) => e.t)
 	}), `./locales/${e}/index.ts`, 4)).default;
 }
 //#endregion
 //#region src/index.ts
-var Sn = { install: yn };
+var wn = { install: xn };
 //#endregion
-export { Sn as default, xn as loadLocaleMessagePropTree };
+export { wn as default, Cn as loadLocaleMessagePropTree };